@pybara/pybara-js 0.7.0 → 0.8.0

package/dist/pybara-js.js

@@ -1,26 +1,26 @@
 /* Pybara.js - pybara.com */
 import { n as e, r as t, t as n } from "./admin-B1pVP25-.js";
-import { t as r } from "./modal-CvQ7qr5d.js";
-var i = {
+import { r, t as i } from "./modal-BiPk8xwF.js";
+var a = {
 	widget: "donate-widget",
 	recurring: "donate-widget-recurring"
 };
-function a(e, t) {
+function o(e, t) {
 	let n = (e) => {
 		let t = /^(\d+)-(\d+)$/.exec(e);
 		return t ? [Number(t[1]), Number(t[2])] : null;
 	}, r = n(e), i = n(t);
 	return !r || !i ? !1 : r[0] > i[0] || r[0] === i[0] && r[1] >= i[1];
 }
-async function o(e) {
+async function s(e) {
 	let t = await fetch(e);
 	if (!t.ok) throw Error(`HTTP ${t.status} from ${e}`);
 	return await t.json();
 }
-async function s(t, n, r) {
-	let s = e[t], c = `https://${s.admin_core}.raw.icp0.io/widget-config`, l = `https://${s.admin_regs}.raw.icp0.io/widget-terms?site_url=${encodeURIComponent(n)}&principal=${encodeURIComponent(r)}`, u, d;
+async function c(t, n, r) {
+	let i = e[t], c = `https://${i.admin_core}.raw.icp0.io/widget-config`, l = `https://${i.admin_regs}.raw.icp0.io/widget-terms?site_url=${encodeURIComponent(n)}&principal=${encodeURIComponent(r)}`, u, d;
 	try {
-		[u, d] = await Promise.all([o(c), o(l)]);
+		[u, d] = await Promise.all([s(c), s(l)]);
 	} catch (e) {
 		return {
 			show: !1,
@@ -29,13 +29,13 @@ async function s(t, n, r) {
 		};
 	}
 	let f = u.kill_switch?.plugins ?? {};
-	return f[i.widget]?.enabled === !0 ? !d.signed || !d.version ? {
+	return f[a.widget]?.enabled === !0 ? !d.signed || !d.version ? {
 		show: !1,
 		cause: "terms",
 		reason: `${n} has not accepted the widget's terms in Pybara Wallet (Manage › Sites › Add a site without a plugin)`
-	} : a(d.version, "1-0") ? {
+	} : o(d.version, "1-0") ? {
 		show: !0,
-		recurring: f[i.recurring]?.enabled === !0
+		recurring: f[a.recurring]?.enabled === !0
 	} : {
 		show: !1,
 		cause: "terms",
@@ -48,29 +48,29 @@ async function s(t, n, r) {
 }
 //#endregion
 //#region src/types.ts
-var c = class extends Error {
+var l = class extends Error {
 	constructor(e, t) {
 		super(t), this.name = "PybaraError", this.code = e;
 	}
 };
 //#endregion
 //#region src/buttons.ts
-function l(e) {
+function u(e) {
 	let t = typeof e?.height == "number" && Number.isFinite(e.height) ? Math.round(e.height) : 45;
 	return Math.min(55, Math.max(25, t));
 }
-function u(e, t) {
+function d(e, t) {
 	return e?.shape === "sharp" ? "0" : e?.shape === "rect" ? "4px" : `${t / 2}px`;
 }
-function d(e) {
+function f(e) {
 	let t = typeof e == "string" ? document.querySelector(e) : e;
-	if (!t) throw new c("INVALID_CONFIG", `buttons().render(): no element matches ${JSON.stringify(e)}`);
+	if (!t) throw new l("INVALID_CONFIG", `buttons().render(): no element matches ${JSON.stringify(e)}`);
 	return t;
 }
-function f(e, t) {
-	if (typeof t?.createPayment != "function") throw new c("INVALID_CONFIG", "buttons(): \"createPayment\" is required, a function returning the payment from the form, e.g. () => ({ amount: form.amount.value, currency: \"EUR\" })");
-	let n = new URL(e.walletUrl).origin, r = [], i = null;
-	async function a() {
+function p(e, t) {
+	if (typeof t?.createPayment != "function") throw new l("INVALID_CONFIG", "buttons(): \"createPayment\" is required, a function returning the payment from the form, e.g. () => ({ amount: form.amount.value, currency: \"EUR\" })");
+	let n = new URL(e.walletUrl).origin, i = [], a = null;
+	async function o() {
 		try {
 			let n = await t.createPayment();
 			await e.open({
@@ -83,62 +83,71 @@ function f(e, t) {
 			t.onError?.(e instanceof Error ? e : Error(String(e)));
 		}
 	}
-	function o(o) {
-		let s = d(o), c = l(t.style), f = document.createElement("div");
-		f.style.cssText = `position:relative;width:100%;height:${c}px;`;
-		let p = document.createElement("div");
-		p.setAttribute("aria-hidden", "true"), p.style.cssText = `position:absolute;inset:0;border-radius:${u(t.style, c)};background:rgba(128,128,128,0.16);`;
-		let m = document.createElement("iframe");
-		m.src = `${n}/button`, m.title = "Pybara", m.style.cssText = "position:absolute;inset:0;width:100%;height:100%;border:0;opacity:0;color-scheme:normal;background:transparent;", f.append(p, m), s.appendChild(f);
-		let h = !1, g = null, _ = {};
-		i ??= _;
-		let v = (e) => {
-			m.contentWindow?.postMessage(e, n);
-		}, y = (e) => {
-			g = e, h && v({
+	function s(s) {
+		let c = f(s), l = u(t.style), p = document.createElement("div");
+		p.style.cssText = `position:relative;width:100%;height:${l}px;`;
+		let m = document.createElement("div");
+		m.setAttribute("aria-hidden", "true"), m.style.cssText = `position:absolute;inset:0;border-radius:${d(t.style, l)};background:rgba(128,128,128,0.16);`;
+		let h = document.createElement("iframe");
+		h.src = `${n}/button`, h.title = "Pybara", h.style.cssText = "position:absolute;inset:0;width:100%;height:100%;border:0;opacity:0;color-scheme:normal;background:transparent;", p.append(m, h), c.appendChild(p);
+		let g = !1, _ = null, v = {};
+		a ??= v;
+		let y = (e) => {
+			h.contentWindow?.postMessage(e, n);
+		}, b = (e) => {
+			_ = e, g && y({
 				type: "pybara_button_availability",
 				v: 1,
 				status: e.status
-			}), i ??= _, i === _ && t.onStateChange?.(e);
-		};
-		m.addEventListener("load", () => {
-			v({
+			}), a ??= v, a === v && t.onStateChange?.(e);
+		}, x = setTimeout(() => {
+			if (g) return;
+			m.remove(), t.hideWhenUnavailable === !0 && (p.style.height = "0px");
+			let e = `Pybara: the button (${n}/button) did not load within ${r / 1e3} seconds; pybara.io may be unreachable from this browser.`;
+			console.warn(e), a ??= v, a === v && t.onStateChange?.({
+				status: "unavailable",
+				reason: "BUTTON_UNAVAILABLE",
+				detail: e
+			});
+		}, r);
+		h.addEventListener("load", () => {
+			y({
 				type: "pybara_button_init",
 				v: 1,
 				style: t.style ?? {},
 				hideWhenUnavailable: t.hideWhenUnavailable === !0
 			});
 		}, { once: !0 });
-		let b = (e) => {
-			if (e.origin !== n || e.source !== m.contentWindow) return;
+		let S = (e) => {
+			if (e.origin !== n || e.source !== h.contentWindow) return;
 			let t = e.data;
-			t?.type === "pybara_button_ready" || t?.type === "pybara_button_resize" ? (typeof t.height == "number" && (f.style.height = `${t.height}px`), h || (h = !0, m.style.opacity = "1", p.remove(), g && v({
+			t?.type === "pybara_button_ready" || t?.type === "pybara_button_resize" ? (typeof t.height == "number" && (p.style.height = `${t.height}px`), g || (g = !0, clearTimeout(x), h.style.opacity = "1", m.remove(), _ && y({
 				type: "pybara_button_availability",
 				v: 1,
-				status: g.status
-			}))) : t?.type === "pybara_button_click" && a();
+				status: _.status
+			}))) : t?.type === "pybara_button_click" && o();
 		};
-		window.addEventListener("message", b);
-		let x = e.subscribeAvailability(y);
-		r.push(() => {
-			window.removeEventListener("message", b), x(), i === _ && (i = null), f.remove();
+		window.addEventListener("message", S);
+		let C = e.subscribeAvailability(b);
+		i.push(() => {
+			clearTimeout(x), window.removeEventListener("message", S), C(), a === v && (a = null), p.remove();
 		});
 	}
 	return {
-		render: o,
+		render: s,
 		destroy() {
-			for (let e of r.splice(0)) e();
+			for (let e of i.splice(0)) e();
 		}
 	};
 }
 //#endregion
 //#region src/checkout.ts
-var p = /^(0|[1-9]\d*)(\.\d+)?$/, m = /^[a-z0-9-]{1,64}$/, h = class {
+var m = /^(0|[1-9]\d*)(\.\d+)?$/, h = /^[a-z0-9-]{1,64}$/, g = class {
 	constructor(e) {
-		this.adminClient = null, this.modal = null, this.gateOutcome = null, this.isOpen = !1, this.completedPayment = !1, this.activePayment = null, this.lastPrecheck = {}, this.availabilityListeners = /* @__PURE__ */ new Set(), this.latestAvailability = null, this.config = v(e), this.config.onAvailability && this.availabilityListeners.add(this.config.onAvailability), this.ready = this.init(), this.config.onAvailability && this.precheck();
+		this.adminClient = null, this.modal = null, this.gateOutcome = null, this.isOpen = !1, this.completedPayment = !1, this.activePayment = null, this.lastPrecheck = {}, this.availabilityListeners = /* @__PURE__ */ new Set(), this.latestAvailability = null, this.config = y(e), this.config.onAvailability && this.availabilityListeners.add(this.config.onAvailability), this.ready = this.init(), this.config.onAvailability && this.precheck();
 	}
 	buttons(e) {
-		return f({
+		return p({
 			walletUrl: t[this.config.staging ? "staging" : "prod"],
 			open: (e) => this.open(e),
 			subscribeAvailability: (e) => (this.availabilityListeners.add(e), this.latestAvailability ? e(this.latestAvailability) : !this.config.onAvailability && this.availabilityListeners.size === 1 && this.precheck(this.lastPrecheck), () => {
@@ -186,18 +195,18 @@ var p = /^(0|[1-9]\d*)(\.\d+)?$/, m = /^[a-z0-9-]{1,64}$/, h = class {
 		return this.gateOutcome;
 	}
 	async open(e) {
-		if (await this.ready, this.gateOutcome && !this.gateOutcome.show) throw new c("GATE_REFUSED", this.gateOutcome.reason ?? "This site cannot accept Pybara payments yet.");
-		let t = g(e.amount);
-		if (t === null) throw new c("INVALID_CONFIG", `open(): "amount" must be a decimal string in the currency's major units, e.g. "12.34", or a positive number — got ${JSON.stringify(e.amount)}`);
+		if (await this.ready, this.gateOutcome && !this.gateOutcome.show) throw new l("GATE_REFUSED", this.gateOutcome.reason ?? "This site cannot accept Pybara payments yet.");
+		let t = _(e.amount);
+		if (t === null) throw new l("INVALID_CONFIG", `open(): "amount" must be a decimal string in the currency's major units, e.g. "12.34", or a positive number — got ${JSON.stringify(e.amount)}`);
 		let n = e.currency ?? this.config.currency;
-		if (!n) throw new c("INVALID_CONFIG", "open(): \"currency\" is required — pass it to open(), or set it once in Pybara.checkout()");
-		if (!/^[A-Z]{3}$/.test(n)) throw new c("INVALID_CONFIG", `open(): "currency" must be an uppercase ISO 4217 code, e.g. "EUR" — got ${JSON.stringify(n)}`);
-		if (e.durationMonths != null && !e.frequency) throw new c("INVALID_CONFIG", "open(): \"durationMonths\" needs a \"frequency\"");
+		if (!n) throw new l("INVALID_CONFIG", "open(): \"currency\" is required — pass it to open(), or set it once in Pybara.checkout()");
+		if (!/^[A-Z]{3}$/.test(n)) throw new l("INVALID_CONFIG", `open(): "currency" must be an uppercase ISO 4217 code, e.g. "EUR" — got ${JSON.stringify(n)}`);
+		if (e.durationMonths != null && !e.frequency) throw new l("INVALID_CONFIG", "open(): \"durationMonths\" needs a \"frequency\"");
 		let r = e.frequency ? {
 			frequency: e.frequency,
 			...e.durationMonths == null ? {} : { durationMonths: e.durationMonths }
 		} : void 0;
-		if (r && this.gateOutcome && this.gateOutcome.show && !this.gateOutcome.recurring) throw new c("GATE_REFUSED", "Recurring payments are temporarily unavailable.");
+		if (r && this.gateOutcome && this.gateOutcome.show && !this.gateOutcome.recurring) throw new l("GATE_REFUSED", "Recurring payments are temporarily unavailable.");
 		if (this.isOpen) return;
 		this.isOpen = !0;
 		let i = !1;
@@ -208,7 +217,7 @@ var p = /^(0|[1-9]\d*)(\.\d+)?$/, m = /^[a-z0-9-]{1,64}$/, h = class {
 		}
 		this.modal || this.initCheckoutModal();
 		let a = this.modal;
-		if (!a) throw this.isOpen = !1, new c("CHECKOUT_FAILED", "The checkout modal could not be initialised.");
+		if (!a) throw this.isOpen = !1, new l("CHECKOUT_FAILED", "The checkout modal could not be initialised.");
 		if (i) this.isOpen = !1, a.renderTerminalState("This recipient is currently unable to accept donations."), this.initCheckoutModal();
 		else {
 			this.activePayment = e;
@@ -216,14 +225,14 @@ var p = /^(0|[1-9]\d*)(\.\d+)?$/, m = /^[a-z0-9-]{1,64}$/, h = class {
 				a.show({
 					modalData: {
 						beneficiary: this.config.recipientPrincipal,
-						salt: y(),
+						salt: b(),
 						reference: this.config.siteName
 					},
 					recurring: r,
 					checkout: this.checkoutFor(e, t, n)
 				});
 			} catch (e) {
-				throw this.isOpen = !1, this.activePayment = null, b(e);
+				throw this.isOpen = !1, this.activePayment = null, x(e);
 			}
 		}
 	}
@@ -247,42 +256,42 @@ var p = /^(0|[1-9]\d*)(\.\d+)?$/, m = /^[a-z0-9-]{1,64}$/, h = class {
 				r && console.error("🧩 pybara-js: admin client init failed:", e);
 			}
 		})(), o = (async () => {
-			this.config.pluginVersion || (this.gateOutcome = await s(t, this.config.siteUrl, this.config.recipientPrincipal), !this.gateOutcome.show && r && console.warn("🧩 pybara-js: gate refused —", this.gateOutcome.reason));
+			this.config.pluginVersion || (this.gateOutcome = await c(t, this.config.siteUrl, this.config.recipientPrincipal), !this.gateOutcome.show && r && console.warn("🧩 pybara-js: gate refused —", this.gateOutcome.reason));
 		})();
 		await Promise.all([a, o]);
 	}
 	initCheckoutModal() {
-		let e = this.config.staging ? "staging" : "prod", n = this.config, i = this;
-		this.modal = new r({
+		let e = this.config.staging ? "staging" : "prod", n = this.config, r = this;
+		this.modal = new i({
 			walletUrl: t[e],
 			context: "donation",
 			thankYouMessage: n.thankYouMessage,
 			locale: n.locale,
-			onAvailability: (e) => i.emitAvailability(e),
+			onAvailability: (e) => r.emitAvailability(e),
 			onSuccess: (e) => {
-				i.completedPayment = !0;
-				let t = i.activePayment, r = t?.frequency != null, a = {
+				r.completedPayment = !0;
+				let t = r.activePayment, i = t?.frequency != null, a = {
 					blockIndex: e.blockIndex,
 					reference: e.reference,
 					token: e.token,
-					recurring: r,
+					recurring: i,
 					frequency: t?.frequency,
-					durationMonths: r ? t?.durationMonths ?? void 0 : void 0,
-					isUnlimited: r && t?.durationMonths == null,
+					durationMonths: i ? t?.durationMonths ?? void 0 : void 0,
+					isUnlimited: i && t?.durationMonths == null,
 					payerPrincipal: e.payerPrincipal,
 					recipientPrincipal: n.recipientPrincipal
 				};
 				t?.onSuccess?.(a);
 			},
 			onError: (e) => {
-				i.isOpen = !1;
-				let t = i.activePayment;
-				i.activePayment = null, t?.onError?.(b(e)), i.modal = null, i.initCheckoutModal();
+				r.isOpen = !1;
+				let t = r.activePayment;
+				r.activePayment = null, t?.onError?.(x(e)), r.modal = null, r.initCheckoutModal();
 			},
 			onClose: () => {
-				i.isOpen = !1;
-				let e = i.activePayment;
-				i.activePayment = null, e?.onClose?.(), i.completedPayment && n.thankYouRedirectUrl ? window.location.href = n.thankYouRedirectUrl : (i.completedPayment = !1, i.modal = null, i.initCheckoutModal());
+				r.isOpen = !1;
+				let e = r.activePayment;
+				r.activePayment = null, e?.onClose?.(), r.completedPayment && n.thankYouRedirectUrl ? window.location.href = n.thankYouRedirectUrl : (r.completedPayment = !1, r.modal = null, r.initCheckoutModal());
 			}
 		}), this.availabilityListeners.size > 0 && this.modal && Object.keys(this.lastPrecheck).length > 0 && this.sendPrecheck();
 	}
@@ -338,11 +347,11 @@ var p = /^(0|[1-9]\d*)(\.\d+)?$/, m = /^[a-z0-9-]{1,64}$/, h = class {
 		n.rel = "preconnect", n.href = new URL(t[e]).origin, n.crossOrigin = "anonymous", document.head.appendChild(n);
 	}
 };
-function g(e) {
+function _(e) {
 	let t = typeof e == "number" && Number.isFinite(e) ? String(e) : e;
-	return typeof t != "string" || !p.test(t) || !/[1-9]/.test(t) ? null : t;
+	return typeof t != "string" || !m.test(t) || !/[1-9]/.test(t) ? null : t;
 }
-function _(e) {
+function v(e) {
 	let t = e.trim();
 	if (!t) return null;
 	let n;
@@ -353,14 +362,14 @@ function _(e) {
 	}
 	return n.protocol !== "https:" && n.protocol !== "http:" ? null : n.origin + n.pathname.replace(/\/+$/, "");
 }
-function v(e) {
-	if (!e.recipientPrincipal) throw new c("INVALID_CONFIG", "Pybara.checkout: \"recipientPrincipal\" is required");
-	if (!e.siteUrl) throw new c("INVALID_CONFIG", "Pybara.checkout: \"siteUrl\" is required");
-	let t = _(e.siteUrl);
-	if (!t) throw new c("INVALID_CONFIG", `Pybara.checkout: "siteUrl" is not a valid http(s) URL: ${e.siteUrl}`);
-	if (!e.siteName) throw new c("INVALID_CONFIG", "Pybara.checkout: \"siteName\" is required");
-	if (e.currency != null && !/^[A-Z]{3}$/.test(e.currency)) throw new c("INVALID_CONFIG", `Pybara.checkout: "currency" must be an uppercase ISO 4217 code, e.g. "EUR" — got ${JSON.stringify(e.currency)}`);
-	if (e.platform != null && !m.test(e.platform)) throw new c("INVALID_CONFIG", "Pybara.checkout: \"platform\" must be a lowercase slug (a-z, 0-9, -), at most 64 characters");
+function y(e) {
+	if (!e.recipientPrincipal) throw new l("INVALID_CONFIG", "Pybara.checkout: \"recipientPrincipal\" is required");
+	if (!e.siteUrl) throw new l("INVALID_CONFIG", "Pybara.checkout: \"siteUrl\" is required");
+	let t = v(e.siteUrl);
+	if (!t) throw new l("INVALID_CONFIG", `Pybara.checkout: "siteUrl" is not a valid http(s) URL: ${e.siteUrl}`);
+	if (!e.siteName) throw new l("INVALID_CONFIG", "Pybara.checkout: \"siteName\" is required");
+	if (e.currency != null && !/^[A-Z]{3}$/.test(e.currency)) throw new l("INVALID_CONFIG", `Pybara.checkout: "currency" must be an uppercase ISO 4217 code, e.g. "EUR" — got ${JSON.stringify(e.currency)}`);
+	if (e.platform != null && !h.test(e.platform)) throw new l("INVALID_CONFIG", "Pybara.checkout: \"platform\" must be a lowercase slug (a-z, 0-9, -), at most 64 characters");
 	return {
 		...e,
 		siteUrl: t,
@@ -368,18 +377,18 @@ function v(e) {
 		debug: e.debug ?? !1
 	};
 }
-function y() {
+function b() {
 	let e = crypto.getRandomValues(/* @__PURE__ */ new Uint8Array(16));
 	return btoa(String.fromCharCode(...e));
 }
-function b(e) {
+function x(e) {
 	return e instanceof Error ? e : Error(String(e));
 }
 //#endregion
 //#region src/index.ts
-function x(e) {
-	return new h(e);
+function S(e) {
+	return new g(e);
 }
-var S = { checkout: x };
+var C = { checkout: S };
 //#endregion
-export { S as Pybara, h as PybaraCheckout, c as PybaraError, x as checkout };
+export { C as Pybara, g as PybaraCheckout, l as PybaraError, S as checkout };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pybara/pybara-js",
-  "version": "0.7.0",
+  "version": "0.8.0",
   "description": "Accept crypto payments and donations with Pybara on any page — a callable checkout, in the stripe-js / paypal-js convention.",
   "keywords": [
     "pybara",