2c:null 2d:["$","title",null,{"children":"BTCPayServer Widget | jimbo the consensualist 🃏 | Observable"}] 32:Taeb,btcPayServerWidget = ({ sats, url, storeId, label }) => { if (!url) { throw new Error("url is required"); } if (!storeId) { throw new Error("storeId is required"); } if (isNaN(+sats) || sats < 1 || sats !== sats >> 0) { throw new TypeError("sats must be a positive integer value"); } const iframeName = `iframe${(Math.random() + "").slice(2)}`; const div = d3.select(html`

`); const form = div .append("form") .attr("method", "POST") .attr("target", iframeName) .attr("action", url); form .append("input") .attr("type", "hidden") .attr("name", "storeId") .attr("value", storeId); form .append("input") .attr("type", "hidden") .attr("name", "currency") .attr("value", "BTC"); form .append("input") .attr("type", "hidden") .attr("name", "price") .attr("value", sats * 1e-8 || 100); const button = form .append("button") .style("display", "flex") .style("align-items", "center") .style("gap", "0.5em") .style("cursor", "pointer"); if (label) { const res = typeof label === "function" ? label(sats) : label; if (res instanceof HTMLElement) { button.node().appendChild(res); } else { button .selectAll("span") .data([res]) .join("span") .text((t) => t); } } else { button .selectAll("span") .data([`Pay ${d3.format(",")(sats)} sats with`, "", "BTCPayServer"]) .join("span") .text((t) => t); button .select("span:nth-child(2)") .style("display", "inline-block") .style("width", "1em") .append("svg") .attr("viewBox", "0 0 48 84").html(` `); } const iframe = div .append("iframe") .attr("width", 400) .attr("height", 708) .attr("name", iframeName) .style("border", "none") .style("display", "none"); form.on("submit", () => { form.style("display", "none"); iframe.style("display", "block"); }); return div.node(); }33:[] 30:{"id":"d60c60ff925e8a45","slug":"btcpayserver-widget","title":"BTCPayServer Widget","thumbnail":"e843f5babcd8893713dc39cf1325ed81af5d7b807ad4386dd9ed2750475df628","access_level":"public","create_time":"$D2022-02-07T15:45:47.939Z","update_time":"$D2022-04-29T12:35:30.678Z","view_time":null,"first_public_time":"$D2022-02-07T16:13:19.134Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"c59693e81648bf90","login":"jimbojw","name":"jimbo the consensualist 🃏","avatar_url":"https://avatars-next.observableusercontent.com/1f7a1307af61a3499fb9a9b09b672de153ed76d32c0e8c961b7981fe1057d50c","tier":"starter_2024"},"version":62,"publish_version":62,"role":null,"authored":false,"authors":[{"type":"individual","id":"7b1a8c8bb2eb846c","login":"jimbojw","name":"jimbo the consensualist 🃏","avatar_url":"https://avatars-next.observableusercontent.com/1f7a1307af61a3499fb9a9b09b672de153ed76d32c0e8c961b7981fe1057d50c","tier":null}],"members":[{"type":"individual","id":"7b1a8c8bb2eb846c","login":"jimbojw","name":"jimbo the consensualist 🃏","avatar_url":"https://avatars-next.observableusercontent.com/1f7a1307af61a3499fb9a9b09b672de153ed76d32c0e8c961b7981fe1057d50c","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":true,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"BTCPayServer Widget","cells":[{"id":26,"value":"# BTCPayServer Widget\n\nProvides a widget for creating and paying Lightning invoices using BTCPayServer.\n\n**Note**: The BTCPayServer _Store_ must be configured to [allow anyone to make invoices](https://docs.btcpayserver.org/FAQ/Stores/#allow-anyone-to-create-invoice).\n\nUsage:\n\n```js\nbtcPayServerWidget({\n sats: 1000,\n url: \"https:///api/v1/invoices\",\n storeId: \"\"\n})\n```\n\nExample (pays the author):","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":20,"value":"btcPayServerWidget({\n sats: 1000,\n url: \"https://btcpay175473.lndyn.com/api/v1/invoices\",\n storeId: \"D2QpKUsiz3hGcPXaL2suNXCMrsPuEW42JtdvMEFRQw6t\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":13,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":15,"value":"d3 = require(\"d3@6\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W33","stdlib":"1"}} 31:"$30:body"