@openrails/billing-ui 0.248.1 → 0.249.0

package/dist/index.js

@@ -11,8 +11,8 @@ if (typeof document !== "undefined") {
   if (__orckStyle.textContent !== __orckCss) __orckStyle.textContent = __orckCss;
 }
 
-import { O as e, S as t, _ as n, a as r, b as i, d as a, g as o, h as s, l as c, m as l, p as u, s as d, u as f, v as p, w as m, x as h, y as g } from "./client-DoRYitD3.js";
-import { S as _, _ as v, a as y, b, c as x, g as S, h as C, i as w, m as T, n as E, o as ee, p as D, r as O, s as k, t as te, u as A, v as ne, x as j, y as M } from "./hooks-DCSelDIZ.js";
+import { E as e, O as t, S as n, _ as r, a as i, b as a, d as o, g as s, h as c, l, m as u, p as d, s as f, u as p, v as m, w as h, x as g, y as _ } from "./client-rFrCMrkn.js";
+import { _ as v, a as y, b, f as x, g as S, h as C, i as w, l as T, m as E, n as D, o as O, p as k, r as A, s as ee, t as te, v as ne, x as j, y as M } from "./hooks-B1TffejB.js";
 import { z as N } from "zod";
 import * as P from "react";
 import { Fragment as F, jsx as I, jsxs as L } from "react/jsx-runtime";
@@ -30,7 +30,7 @@ import { Radio as H } from "@base-ui/react/radio";
 import { RadioGroup as pe } from "@base-ui/react/radio-group";
 //#region src/scope.tsx
 function me({ appearance: e, className: t, style: n, ...r }) {
-	let i = D(e);
+	let i = x(e);
 	return /* @__PURE__ */ I("div", {
 		"data-orck-theme": i["data-orck-theme"],
 		className: R(i.className, t),
@@ -117,7 +117,7 @@ function W(e, t) {
 function G(e, t, n, r) {
 	if (!e) return null;
 	let i = n[t.toUpperCase()];
-	return i === void 0 ? null : u(e, t, i, r);
+	return i === void 0 ? null : d(e, t, i, r);
 }
 function K(e, t) {
 	return e ? e.billing_interval_hours ? _e(e.billing_interval_hours, t) : ve(e.access_duration_hours, t) ?? t.t("interval.once") : null;
@@ -228,7 +228,7 @@ function J({ className: e, ...t }) {
 //#endregion
 //#region src/account/section.tsx
 function Ie({ title: e, description: t, action: n, appearance: r, className: i, children: a, ...o }) {
-	let s = D(r), c = P.useId();
+	let s = x(r), c = P.useId();
 	return /* @__PURE__ */ I("section", {
 		"aria-labelledby": c,
 		className: R(s.className, ke, "block", i),
@@ -290,7 +290,7 @@ function Re({ title: e, description: t, action: n }) {
 	});
 }
 function Y({ error: e, message: t, onRetry: n }) {
-	let r = v();
+	let r = S();
 	return /* @__PURE__ */ L("div", {
 		role: "alert",
 		className: "flex flex-wrap items-center justify-between gap-3 rounded-lg bg-destructive/5 px-4 py-3",
@@ -338,7 +338,7 @@ var Ve = {
 	neutral: "bg-muted text-muted-foreground"
 };
 function He({ status: e, label: t, className: n }) {
-	let { t: r, messages: i } = v(), a = e, o = t ?? (a in i.status ? r(`status.${a}`) : e.replace(/_/g, " "));
+	let { t: r, messages: i } = S(), a = e, o = t ?? (a in i.status ? r(`status.${a}`) : e.replace(/_/g, " "));
 	return /* @__PURE__ */ I(Be, {
 		"data-status": e,
 		className: R(Ve[Oe(e)], "font-medium", n),
@@ -353,7 +353,7 @@ function Ue(e, t) {
 	return n in t.messages.history.rail ? t.t(`history.rail.${n}`) : n || t.t("common.notAvailable");
 }
 function We({ appearance: e, className: t, ...n }) {
-	let r = v(), { t: i } = r, { locale: a } = T(), o = E(n), s = k(), c, l = o.payments;
+	let r = S(), { t: i } = r, { locale: a } = k(), o = D(n), s = O(), c, l = o.payments;
 	c = l === null && o.error ? /* @__PURE__ */ I(Y, {
 		error: o.error,
 		onRetry: o.refetch
@@ -775,7 +775,7 @@ function pt({ className: e, ...t }) {
 //#endregion
 //#region src/components/ui/spinner.tsx
 function X({ className: e, ...t }) {
-	let { t: n } = v();
+	let { t: n } = S();
 	return /* @__PURE__ */ I(z, {
 		icon: de,
 		strokeWidth: 2,
@@ -1689,8 +1689,8 @@ function hn({ tokenizationKey: e, tokenizationURL: t, onTokenized: n, submitLabe
 	};
 	return /* @__PURE__ */ I("div", {
 		className: R("orck", s),
-		"data-orck-theme": S(o),
-		style: C(o),
+		"data-orck-theme": C(o),
+		style: E(o),
 		children: /* @__PURE__ */ L("form", {
 			"aria-label": "Secure card setup",
 			autoComplete: "on",
@@ -1727,11 +1727,11 @@ function hn({ tokenizationKey: e, tokenizationURL: t, onTokenized: n, submitLabe
 //#endregion
 //#region src/save-payment-method.tsx
 function gn(e) {
-	let { t } = v(), n = p(e.psp);
+	let { t } = S(), n = m(e.psp);
 	return n ? /* @__PURE__ */ L("div", {
 		className: R("orck grid gap-4", e.className),
-		"data-orck-theme": S(e.appearance),
-		style: C(e.appearance),
+		"data-orck-theme": C(e.appearance),
+		style: E(e.appearance),
 		children: [/* @__PURE__ */ I("p", {
 			className: "text-sm text-muted-foreground",
 			children: t("paymentMethods.saveNotice")
@@ -1742,9 +1742,9 @@ function gn(e) {
 		children: t("paymentMethods.unavailable")
 	});
 }
-var _n = (e, t) => !m(t) && t instanceof Error && t.message ? t.message : e.error(t);
+var _n = (e, t) => !h(t) && t instanceof Error && t.message ? t.message : e.error(t);
 function vn({ psp: e, onSaved: t, submitLabel: n, appearance: r, defaultCountry: i }) {
-	let a = v(), { client: o, notify: s } = A(), [c, l] = P.useState(0), [u, d] = P.useState();
+	let a = S(), { client: o, notify: s } = T(), [c, l] = P.useState(0), [u, d] = P.useState();
 	return /* @__PURE__ */ L(F, { children: [u ? /* @__PURE__ */ I("p", {
 		role: "alert",
 		className: "text-sm text-destructive",
@@ -1776,7 +1776,7 @@ function vn({ psp: e, onSaved: t, submitLabel: n, appearance: r, defaultCountry:
 	}, c)] });
 }
 function yn({ psp: e, onSaved: t, submitLabel: n, defaultCountry: r }) {
-	let i = v(), { client: a, notify: o } = A(), s = P.useId().replace(/[^a-zA-Z0-9-]/g, ""), c = P.useMemo(() => ({
+	let i = S(), { client: a, notify: o } = T(), s = P.useId().replace(/[^a-zA-Z0-9-]/g, ""), c = P.useMemo(() => ({
 		number: `orck-save-${s}-number`,
 		expiry: `orck-save-${s}-expiry`,
 		cvv: `orck-save-${s}-cvv`
@@ -1843,7 +1843,7 @@ function yn({ psp: e, onSaved: t, submitLabel: n, defaultCountry: r }) {
 	});
 }
 function bn({ psp: e, onSaved: t, submitLabel: n, defaultCountry: r }) {
-	let i = v(), { t: a } = i, { client: o, notify: s } = A(), c = P.useRef(null), [l, u] = P.useState(!1), [d, f] = P.useState(!1), [p, m] = P.useState(), h = P.useMemo(() => Ot(r), [r]), g = async (e) => {
+	let i = S(), { t: a } = i, { client: o, notify: s } = T(), c = P.useRef(null), [l, u] = P.useState(!1), [d, f] = P.useState(!1), [p, m] = P.useState(), h = P.useMemo(() => Ot(r), [r]), g = async (e) => {
 		if (e.preventDefault(), !(!c.current || d)) {
 			f(!0), m(void 0);
 			try {
@@ -1909,8 +1909,8 @@ function Sn(e, t) {
 function Cn(e, t) {
 	return e.status === 409 && e.code === "resource_conflict" ? t.t("paymentMethods.inUse") : t.error(e);
 }
-function wn({ defaultCurrency: e, defaultCountry: t, appearance: r, className: i }) {
-	let a = v(), { t: s } = a, c = D(r), l = te(), [u, d] = P.useState(null), [f, p] = P.useState(null), [m, h] = P.useState(null), [_, y] = P.useState(!1), b = x(), S = g(b.config?.payment.psps ?? []), C = S.filter(o), w = C.length > 0 ? null : n(S), { refetch: T } = b;
+function wn({ defaultCurrency: e, defaultCountry: t, appearance: n, className: i }) {
+	let a = S(), { t: o } = a, c = x(n), l = te(), [u, d] = P.useState(null), [f, p] = P.useState(null), [m, h] = P.useState(null), [g, v] = P.useState(!1), y = ee(), b = _(y.config?.payment.psps ?? []), C = b.filter(s), w = C.length > 0 ? null : r(b), { refetch: T } = y;
 	P.useEffect(() => {
 		if (w === null) return;
 		let e = setTimeout(T, w * 1e3);
@@ -1918,9 +1918,9 @@ function wn({ defaultCurrency: e, defaultCountry: t, appearance: r, className: i
 	}, [
 		w,
 		T,
-		b.config
+		y.config
 	]);
-	let [E, ee] = P.useState(), O = C.find((e) => e.psp_id === E) ?? C[0], [k, A] = xn(), ne = e?.toUpperCase(), j = async () => {
+	let [E, D] = P.useState(), O = C.find((e) => e.psp_id === E) ?? C[0], [k, A] = xn(), ne = e?.toUpperCase(), j = async () => {
 		if (!u) return;
 		p(null);
 		let e = await l.remove(u.id);
@@ -1928,7 +1928,7 @@ function wn({ defaultCurrency: e, defaultCountry: t, appearance: r, className: i
 			p(Cn(e, a));
 			return;
 		}
-		d(null), A(s("paymentMethods.removed"));
+		d(null), A(o("paymentMethods.removed"));
 	}, M = async (e) => {
 		if (!ne) return;
 		h(null);
@@ -1936,18 +1936,18 @@ function wn({ defaultCurrency: e, defaultCountry: t, appearance: r, className: i
 		t ? h({
 			id: e.id,
 			message: a.error(t)
-		}) : A(s("paymentMethods.defaultUpdated"));
+		}) : A(o("paymentMethods.defaultUpdated"));
 	}, N, F = l.methods;
 	N = F === null && l.error ? /* @__PURE__ */ I(Y, {
 		error: l.error,
 		onRetry: l.refetch
 	}) : F === null ? /* @__PURE__ */ I(Le, {}) : F.length === 0 ? /* @__PURE__ */ I(Re, {
-		title: s("paymentMethods.empty"),
-		description: s("paymentMethods.emptyDescription")
+		title: o("paymentMethods.empty"),
+		description: o("paymentMethods.emptyDescription")
 	}) : /* @__PURE__ */ I("ul", {
 		className: "-my-1 divide-y divide-border",
 		children: F.map((e) => {
-			let t = Sn(e, a), n = (e.subscriptions ?? []).map((e) => e.display_name).filter(Boolean), r = e.health?.expiry_status, i = e.default_currencies ?? [], o = l.pending[e.id], c = [n.length > 0 && s("paymentMethods.usedBy", { names: n.join(", ") })].filter(Boolean);
+			let t = Sn(e, a), n = (e.subscriptions ?? []).map((e) => e.display_name).filter(Boolean), r = e.health?.expiry_status, i = e.default_currencies ?? [], s = l.pending[e.id], c = [n.length > 0 && o("paymentMethods.usedBy", { names: n.join(", ") })].filter(Boolean);
 			return /* @__PURE__ */ L("li", {
 				"data-testid": "payment-method-row",
 				"data-payment-method-id": e.id,
@@ -1970,7 +1970,7 @@ function wn({ defaultCurrency: e, defaultCountry: t, appearance: r, className: i
 									r === "expired" || r === "expiring_soon" ? /* @__PURE__ */ I(He, { status: r }) : e.health?.active === !1 ? /* @__PURE__ */ I(He, { status: "needs_attention" }) : null,
 									i.length > 0 ? /* @__PURE__ */ I(He, {
 										status: "default",
-										label: s("paymentMethods.defaultFor", { currencies: i.join(", ") })
+										label: o("paymentMethods.defaultFor", { currencies: i.join(", ") })
 									}) : null
 								]
 							}),
@@ -1991,20 +1991,20 @@ function wn({ defaultCurrency: e, defaultCountry: t, appearance: r, className: i
 							variant: "ghost",
 							size: "sm",
 							className: "text-muted-foreground",
-							disabled: !!o,
+							disabled: !!s,
 							onClick: () => void M(e),
-							children: [o === "default" ? /* @__PURE__ */ I(X, {}) : null, s("paymentMethods.makeDefault")]
+							children: [s === "default" ? /* @__PURE__ */ I(X, {}) : null, o("paymentMethods.makeDefault")]
 						}) : null, /* @__PURE__ */ I(U, {
 							variant: "ghost",
 							size: "icon-sm",
 							className: "text-muted-foreground hover:text-destructive",
-							"aria-label": s("paymentMethods.removeLabel", { label: t }),
-							title: s("paymentMethods.remove"),
-							disabled: !!o,
+							"aria-label": o("paymentMethods.removeLabel", { label: t }),
+							title: o("paymentMethods.remove"),
+							disabled: !!s,
 							onClick: () => {
 								p(null), d(e);
 							},
-							children: o === "remove" ? /* @__PURE__ */ I(X, {}) : /* @__PURE__ */ I(z, {
+							children: s === "remove" ? /* @__PURE__ */ I(X, {}) : /* @__PURE__ */ I(z, {
 								icon: ue,
 								"aria-hidden": !0
 							})
@@ -2016,20 +2016,20 @@ function wn({ defaultCurrency: e, defaultCountry: t, appearance: r, className: i
 	});
 	let R = u ? l.pending[u.id] === "remove" : !1, re = u ? Sn(u, a) : "";
 	return /* @__PURE__ */ L(Ie, {
-		title: s("paymentMethods.title"),
-		description: s("paymentMethods.description"),
-		appearance: r,
+		title: o("paymentMethods.title"),
+		description: o("paymentMethods.description"),
+		appearance: n,
 		className: i,
 		"data-testid": "payment-methods-panel",
 		action: O ? /* @__PURE__ */ L(U, {
 			variant: "outline",
 			size: "sm",
-			onClick: () => y(!0),
+			onClick: () => v(!0),
 			children: [/* @__PURE__ */ I(z, {
 				icon: se,
 				"aria-hidden": !0,
 				"data-icon": "inline-start"
-			}), s("paymentMethods.add")]
+			}), o("paymentMethods.add")]
 		}) : null,
 		children: [
 			N,
@@ -2040,17 +2040,17 @@ function wn({ defaultCurrency: e, defaultCountry: t, appearance: r, className: i
 					onRetry: l.refetch
 				})
 			}) : null,
-			b.error ? /* @__PURE__ */ I("div", {
+			y.error ? /* @__PURE__ */ I("div", {
 				className: "pt-3",
 				children: /* @__PURE__ */ I(Y, {
-					error: b.error,
-					message: s("paymentMethods.addUnavailable"),
-					onRetry: b.refetch
+					error: y.error,
+					message: o("paymentMethods.addUnavailable"),
+					onRetry: y.refetch
 				})
 			}) : w === null ? null : /* @__PURE__ */ I("p", {
 				role: "status",
 				className: "pt-3 text-sm text-muted-foreground",
-				children: s("paymentMethods.addUnavailable")
+				children: o("paymentMethods.addUnavailable")
 			}),
 			k,
 			/* @__PURE__ */ I(Ze, {
@@ -2063,7 +2063,7 @@ function wn({ defaultCurrency: e, defaultCountry: t, appearance: r, className: i
 					"data-orck-theme": c["data-orck-theme"],
 					style: c.style,
 					children: [
-						/* @__PURE__ */ L(tt, { children: [/* @__PURE__ */ I(rt, { children: s("paymentMethods.removeTitle", { label: re }) }), /* @__PURE__ */ I(it, { children: s("paymentMethods.removeDescription") })] }),
+						/* @__PURE__ */ L(tt, { children: [/* @__PURE__ */ I(rt, { children: o("paymentMethods.removeTitle", { label: re }) }), /* @__PURE__ */ I(it, { children: o("paymentMethods.removeDescription") })] }),
 						f ? /* @__PURE__ */ I("p", {
 							role: "alert",
 							className: "text-sm text-destructive",
@@ -2071,31 +2071,31 @@ function wn({ defaultCurrency: e, defaultCountry: t, appearance: r, className: i
 						}) : null,
 						/* @__PURE__ */ L(nt, { children: [/* @__PURE__ */ I(at, {
 							disabled: R,
-							children: s("common.cancel")
+							children: o("common.cancel")
 						}), /* @__PURE__ */ L(U, {
 							variant: "destructive",
 							disabled: R,
 							onClick: () => void j(),
-							children: [R ? /* @__PURE__ */ I(X, {}) : null, s("paymentMethods.removeConfirm")]
+							children: [R ? /* @__PURE__ */ I(X, {}) : null, o("paymentMethods.removeConfirm")]
 						})] })
 					]
 				})
 			}),
 			O ? /* @__PURE__ */ I(ot, {
-				open: _,
-				onOpenChange: y,
+				open: g,
+				onOpenChange: v,
 				children: /* @__PURE__ */ L(lt, {
 					className: `${c.className} ${ke} max-h-[calc(100dvh-2rem)] overflow-y-auto bg-popover text-popover-foreground`,
 					"data-orck-theme": c["data-orck-theme"],
 					style: c.style,
 					children: [
-						/* @__PURE__ */ L(ut, { children: [/* @__PURE__ */ I(ft, { children: s("paymentMethods.addTitle") }), /* @__PURE__ */ I(pt, { children: s("paymentMethods.addDescription") })] }),
+						/* @__PURE__ */ L(ut, { children: [/* @__PURE__ */ I(ft, { children: o("paymentMethods.addTitle") }), /* @__PURE__ */ I(pt, { children: o("paymentMethods.addDescription") })] }),
 						C.length > 1 ? /* @__PURE__ */ L("label", {
 							className: "grid gap-1.5 text-sm",
-							children: [s("paymentMethods.provider"), /* @__PURE__ */ I("select", {
+							children: [o("paymentMethods.provider"), /* @__PURE__ */ I("select", {
 								className: "h-9 rounded-md border border-input bg-transparent px-2",
 								value: O.psp_id,
-								onChange: (e) => ee(e.target.value),
+								onChange: (e) => D(e.target.value),
 								children: C.map((e) => /* @__PURE__ */ I("option", {
 									value: e.psp_id,
 									children: e.display_name
@@ -2105,9 +2105,9 @@ function wn({ defaultCurrency: e, defaultCountry: t, appearance: r, className: i
 						/* @__PURE__ */ I(gn, {
 							psp: O,
 							defaultCountry: t,
-							appearance: r,
+							appearance: n,
 							onSaved: () => {
-								y(!1), A(s("paymentMethods.added"));
+								v(!1), A(o("paymentMethods.added"));
 							}
 						}, O.psp_id)
 					]
@@ -2128,16 +2128,16 @@ function Tn({ className: e, ...t }) {
 //#endregion
 //#region src/account/cancel-dialog.tsx
 function En({ open: e, onOpenChange: t, name: n, onChain: r = !1, pending: i, onConfirm: a, appearance: o }) {
-	let s = v(), { t: c } = s, l = D(o), u = P.useId(), f = P.useId(), [p, m] = P.useState(""), [h, g] = P.useState(!1), [_, y] = P.useState(null), b = i !== void 0, x = p.trim().length, S = x < 4, C = async () => {
-		if (g(!0), S || b) return;
-		y(null);
+	let s = S(), { t: c } = s, l = x(o), u = P.useId(), d = P.useId(), [p, m] = P.useState(""), [h, g] = P.useState(!1), [_, v] = P.useState(null), y = i !== void 0, b = p.trim().length, C = b < 4, w = async () => {
+		if (g(!0), C || y) return;
+		v(null);
 		let e = await a(p);
-		e ? d(e) || y(e) : t(!1);
-	}, w = c(i === "cancel" && r ? "cancel.preparing" : i === "signing" ? "cancel.signing" : i === "confirming" ? "cancel.confirming" : b ? "cancel.working" : r ? "cancel.confirmWallet" : "cancel.confirm");
+		e ? f(e) || v(e) : t(!1);
+	}, T = c(i === "cancel" && r ? "cancel.preparing" : i === "signing" ? "cancel.signing" : i === "confirming" ? "cancel.confirming" : y ? "cancel.working" : r ? "cancel.confirmWallet" : "cancel.confirm");
 	return /* @__PURE__ */ I(Ze, {
 		open: e,
 		onOpenChange: (e) => {
-			!e && b || t(e);
+			!e && y || t(e);
 		},
 		children: /* @__PURE__ */ I(et, {
 			className: `${l.className} ${ke} bg-popover text-popover-foreground`,
@@ -2147,7 +2147,7 @@ function En({ open: e, onOpenChange: t, name: n, onChain: r = !1, pending: i, on
 				className: "grid gap-5",
 				noValidate: !0,
 				onSubmit: (e) => {
-					e.preventDefault(), C();
+					e.preventDefault(), w();
 				},
 				children: [
 					/* @__PURE__ */ L(tt, { children: [/* @__PURE__ */ I(rt, { children: c("cancel.title", { name: n }) }), /* @__PURE__ */ I(it, { children: c(r ? "cancel.solanaDescription" : "cancel.description") })] }),
@@ -2163,21 +2163,21 @@ function En({ open: e, onOpenChange: t, name: n, onChain: r = !1, pending: i, on
 								value: p,
 								maxLength: 500,
 								placeholder: c("cancel.reasonPlaceholder"),
-								"aria-describedby": f,
-								"aria-invalid": h && S ? !0 : void 0,
-								disabled: b,
+								"aria-describedby": d,
+								"aria-invalid": h && C ? !0 : void 0,
+								disabled: y,
 								required: !0,
 								rows: 3,
 								className: "[font:inherit]",
 								onChange: (e) => m(e.target.value),
-								onBlur: () => x > 0 && g(!0)
+								onBlur: () => b > 0 && g(!0)
 							}),
 							/* @__PURE__ */ L("div", {
-								id: f,
+								id: d,
 								className: "flex justify-between gap-3 text-xs text-muted-foreground",
 								children: [/* @__PURE__ */ I("span", {
-									className: h && S ? "text-destructive" : "",
-									children: h && S ? c("cancel.reasonTooShort", { min: 4 }) : ""
+									className: h && C ? "text-destructive" : "",
+									children: h && C ? c("cancel.reasonTooShort", { min: 4 }) : ""
 								}), /* @__PURE__ */ I("span", {
 									className: "tabular-nums",
 									children: c("cancel.reasonHint", {
@@ -2194,13 +2194,13 @@ function En({ open: e, onOpenChange: t, name: n, onChain: r = !1, pending: i, on
 						children: s.error(_)
 					}) : null,
 					/* @__PURE__ */ L(nt, { children: [/* @__PURE__ */ I(at, {
-						disabled: b,
+						disabled: y,
 						children: c("cancel.keep")
 					}), /* @__PURE__ */ L(U, {
 						type: "submit",
 						variant: "destructive",
-						disabled: b,
-						children: [b ? /* @__PURE__ */ I(X, {}) : null, w]
+						disabled: y,
+						children: [y ? /* @__PURE__ */ I(X, {}) : null, T]
 					})] })
 				]
 			})
@@ -2235,7 +2235,7 @@ function An(e, t) {
 	return t.filter((t) => t.health?.expiry_status !== "expired" && (!e.psp_id || !t.psp_id || t.psp_id === e.psp_id) && (!e.rail || !t.rail || t.rail === e.rail));
 }
 function jn({ subscription: e, name: t, onOpenChange: n, pending: r, onConfirm: i, appearance: a }) {
-	let o = D(a);
+	let o = x(a);
 	return /* @__PURE__ */ I(ot, {
 		open: e !== null,
 		onOpenChange: (e) => {
@@ -2257,19 +2257,19 @@ function jn({ subscription: e, name: t, onOpenChange: n, pending: r, onConfirm:
 	});
 }
 function Mn({ subscription: e, name: t, pending: n, onCancel: r, onConfirm: i }) {
-	let a = v(), { t: o } = a, s = P.useId(), c = te(), l = e.payment_method_id ?? kn, [u, d] = P.useState(l), [f, p] = P.useState(null), m = c.methods ? An(e, c.methods) : null, h = e.price?.currency?.toUpperCase(), g = h ? m?.find((e) => (e.default_currencies ?? []).includes(h)) : void 0, _ = [...g ? [{
+	let a = S(), { t: o } = a, s = P.useId(), c = te(), l = e.payment_method_id ?? kn, [u, d] = P.useState(l), [f, p] = P.useState(null), m = c.methods ? An(e, c.methods) : null, h = e.price?.currency?.toUpperCase(), g = h ? m?.find((e) => (e.default_currencies ?? []).includes(h)) : void 0, _ = [...g ? [{
 		id: kn,
 		card: g
 	}] : [], ...(m ?? []).map((e) => ({
 		id: e.id,
 		card: e
-	}))], y = _.some((e) => e.id !== l), b = async () => {
+	}))], v = _.some((e) => e.id !== l), y = async () => {
 		if (!u || u === l || n) return;
 		p(null);
 		let e = await i(u === kn ? null : u);
 		e && p(e);
-	}, x;
-	return x = m === null && c.error ? /* @__PURE__ */ I(Y, {
+	}, b;
+	return b = m === null && c.error ? /* @__PURE__ */ I(Y, {
 		error: c.error,
 		onRetry: c.refetch
 	}) : m === null ? /* @__PURE__ */ I(Le, { rows: 2 }) : /* @__PURE__ */ I(Dn, {
@@ -2310,11 +2310,11 @@ function Mn({ subscription: e, name: t, pending: n, onCancel: r, onConfirm: i })
 		className: "grid gap-5",
 		noValidate: !0,
 		onSubmit: (e) => {
-			e.preventDefault(), b();
+			e.preventDefault(), y();
 		},
 		children: [
-			/* @__PURE__ */ L(ut, { children: [/* @__PURE__ */ I(ft, { children: o("changeCard.title", { name: t }) }), /* @__PURE__ */ I(pt, { children: o(m !== null && !y ? "changeCard.none" : "changeCard.description") })] }),
-			x,
+			/* @__PURE__ */ L(ut, { children: [/* @__PURE__ */ I(ft, { children: o("changeCard.title", { name: t }) }), /* @__PURE__ */ I(pt, { children: o(m !== null && !v ? "changeCard.none" : "changeCard.description") })] }),
+			b,
 			f ? /* @__PURE__ */ I("p", {
 				role: "alert",
 				className: "text-sm text-destructive",
@@ -2337,21 +2337,21 @@ function Mn({ subscription: e, name: t, pending: n, onCancel: r, onConfirm: i })
 //#endregion
 //#region src/account/subscriptions-panel.tsx
 function Nn({ sendSolanaTransaction: e, plansHref: t, renderSubscriptionFooter: n, appearance: r, className: i, ...a }) {
-	let o = v(), { t: s } = o, { locale: c, navigate: l } = T(), u = w(a), d = k(), [f, p] = P.useState(null), [m, h] = P.useState(null), [g, _] = P.useState(null), [y, b] = xn(), x = P.useMemo(() => {
+	let o = S(), { t: s } = o, { locale: c, navigate: l } = k(), u = A(a), d = O(), [f, p] = P.useState(null), [m, h] = P.useState(null), [g, _] = P.useState(null), [v, y] = xn(), b = P.useMemo(() => {
 		let e = u.subscriptions ?? [];
 		return [...e.filter(Te), ...e.filter((e) => !Te(e))];
-	}, [u.subscriptions]), S = async (e) => {
+	}, [u.subscriptions]), x = async (e) => {
 		_(null);
 		let t = await u.resume(e.id);
 		t ? _({
 			id: e.id,
 			message: o.error(t)
-		}) : b(s("subscriptions.resumed"));
-	}, C = f?.rail === "solana", E;
-	return E = u.subscriptions === null && u.error ? /* @__PURE__ */ I(Y, {
+		}) : y(s("subscriptions.resumed"));
+	}, C = f?.rail === "solana", w;
+	return w = u.subscriptions === null && u.error ? /* @__PURE__ */ I(Y, {
 		error: u.error,
 		onRetry: u.refetch
-	}) : u.subscriptions === null ? /* @__PURE__ */ I(Le, {}) : x.length === 0 ? /* @__PURE__ */ I(Re, {
+	}) : u.subscriptions === null ? /* @__PURE__ */ I(Le, {}) : b.length === 0 ? /* @__PURE__ */ I(Re, {
 		title: s("subscriptions.empty"),
 		description: s("subscriptions.emptyDescription"),
 		action: t ? /* @__PURE__ */ I("a", {
@@ -2367,11 +2367,11 @@ function Nn({ sendSolanaTransaction: e, plansHref: t, renderSubscriptionFooter:
 		}) : null
 	}) : /* @__PURE__ */ I("ul", {
 		className: "-my-1 divide-y divide-border",
-		children: x.map((t) => {
-			let r = Te(t), i = u.pending[t.id], a = ye(t, o), l = t.price ? G(t.price.unit_amount, t.price.currency, d, c) : null, f = K(t.price, o), m = W(t.current_period_ends_at, c), v = W(t.access?.ends_at, c), y = W(t.ended_at ?? t.canceled_at ?? t.current_period_ends_at, c), b = Ee(t), x = r && !b && !!t.price?.billing_interval_hours, C = r ? x && m ? s("subscriptions.renews", { date: m }) : v ? s("subscriptions.endsOn", { date: v }) : s("subscriptions.noMorePayments") : t.status === "canceled" ? s("subscriptions.noMorePayments") : y && s("subscriptions.endedOn", { date: y }), w = t.rail === "solana" ? s("subscriptions.wallet") : t.card?.last4 ? s("subscriptions.paidWith", {
+		children: b.map((t) => {
+			let r = Te(t), i = u.pending[t.id], a = ye(t, o), l = t.price ? G(t.price.unit_amount, t.price.currency, d, c) : null, f = K(t.price, o), m = W(t.current_period_ends_at, c), v = W(t.access?.ends_at, c), y = W(t.ended_at ?? t.canceled_at ?? t.current_period_ends_at, c), b = Ee(t), S = r && !b && !!t.price?.billing_interval_hours, C = r ? S && m ? s("subscriptions.renews", { date: m }) : v ? s("subscriptions.endsOn", { date: v }) : s("subscriptions.noMorePayments") : t.status === "canceled" ? s("subscriptions.noMorePayments") : y && s("subscriptions.endedOn", { date: y }), w = t.rail === "solana" ? s("subscriptions.wallet") : t.card?.last4 ? s("subscriptions.paidWith", {
 				brand: xe(t.card.brand, s("paymentMethods.fallbackBrand")),
 				last4: t.card.last4
-			}) : null, T = r && !b ? t.cancel_portal_url : null, E = Ce.has(t.status) && !b && !T && (t.rail !== "solana" || !!e), ee = (t.status === "active" || t.status === "past_due" || t.status === "awaiting_method" || t.status === "unverified") && !b && !T && t.rail !== "solana" && (t.collection_policy === "engine" || t.collection_policy === "nmi_schedule"), D = t.cancel_scheduled ? "cancel_scheduled" : t.status, O = n?.(t);
+			}) : null, T = r && !b ? t.cancel_portal_url : null, E = Ce.has(t.status) && !b && !T && (t.rail !== "solana" || !!e), D = (t.status === "active" || t.status === "past_due" || t.status === "awaiting_method" || t.status === "unverified") && !b && !T && t.rail !== "solana" && (t.collection_policy === "engine" || t.collection_policy === "nmi_schedule"), O = t.cancel_scheduled ? "cancel_scheduled" : t.status, k = n?.(t);
 			return /* @__PURE__ */ L("li", {
 				"data-testid": "subscription-row",
 				"data-subscription-id": t.id,
@@ -2385,7 +2385,7 @@ function Nn({ sendSolanaTransaction: e, plansHref: t, renderSubscriptionFooter:
 								children: [/* @__PURE__ */ I("span", {
 									className: R("truncate text-sm font-semibold", !r && "text-muted-foreground"),
 									children: a
-								}), /* @__PURE__ */ I(He, { status: D })]
+								}), /* @__PURE__ */ I(He, { status: O })]
 							}),
 							/* @__PURE__ */ I("p", {
 								className: "text-sm text-muted-foreground tabular-nums",
@@ -2419,7 +2419,7 @@ function Nn({ sendSolanaTransaction: e, plansHref: t, renderSubscriptionFooter:
 								variant: "outline",
 								size: "sm",
 								disabled: !!i,
-								onClick: () => void S(t),
+								onClick: () => void x(t),
 								children: [i === "resume" ? /* @__PURE__ */ I(X, {}) : null, s(i === "resume" ? "subscriptions.updating" : "subscriptions.resume")]
 							}) : null,
 							T ? /* @__PURE__ */ L("a", {
@@ -2435,7 +2435,7 @@ function Nn({ sendSolanaTransaction: e, plansHref: t, renderSubscriptionFooter:
 									"aria-hidden": !0
 								})]
 							}) : null,
-							ee ? /* @__PURE__ */ L(U, {
+							D ? /* @__PURE__ */ L(U, {
 								variant: "outline",
 								size: "sm",
 								disabled: !!i,
@@ -2458,10 +2458,10 @@ function Nn({ sendSolanaTransaction: e, plansHref: t, renderSubscriptionFooter:
 							}) : null
 						]
 					}),
-					O ? /* @__PURE__ */ I("div", {
+					k ? /* @__PURE__ */ I("div", {
 						"data-testid": "subscription-footer",
 						className: "border-t border-border/60 pt-3 @md:col-span-2",
-						children: O
+						children: k
 					}) : null
 				]
 			}, t.id);
@@ -2473,7 +2473,7 @@ function Nn({ sendSolanaTransaction: e, plansHref: t, renderSubscriptionFooter:
 		className: i,
 		"data-testid": "subscriptions-panel",
 		children: [
-			E,
+			w,
 			u.subscriptions !== null && u.error ? /* @__PURE__ */ I("div", {
 				className: "pt-3",
 				children: /* @__PURE__ */ I(Y, {
@@ -2481,7 +2481,7 @@ function Nn({ sendSolanaTransaction: e, plansHref: t, renderSubscriptionFooter:
 					onRetry: u.refetch
 				})
 			}) : null,
-			y,
+			v,
 			/* @__PURE__ */ I(jn, {
 				subscription: m,
 				name: m ? ye(m, o) : "",
@@ -2491,7 +2491,7 @@ function Nn({ sendSolanaTransaction: e, plansHref: t, renderSubscriptionFooter:
 				onConfirm: async (e) => {
 					if (!m) return null;
 					let t = await u.setPaymentMethod(m.id, e);
-					return t || (h(null), b(s("changeCard.done"))), t;
+					return t || (h(null), y(s("changeCard.done"))), t;
 				}
 			}, `card-${m?.id ?? "closed"}`),
 			/* @__PURE__ */ I(En, {
@@ -2504,7 +2504,7 @@ function Nn({ sendSolanaTransaction: e, plansHref: t, renderSubscriptionFooter:
 				onConfirm: async (t) => {
 					if (!f) return null;
 					let n = await u.cancel(f.id, t, e);
-					return n || b(s("cancel.done")), n;
+					return n || y(s("cancel.done")), n;
 				}
 			}, f?.id ?? "closed")
 		]
@@ -2772,25 +2772,25 @@ function Un({ publishableKey: e, amount: t, currency: n, onPaymentMethod: r, onA
 //#endregion
 //#region src/order-checkout.tsx
 var Wn = (e) => e.status === "complete" || e.status === "processing", Gn = 3e3;
-function Kn({ orderId: e, client: t, returnUrl: n, savedPaymentMethods: r = !0, serverCardEntry: i = !0, wallets: o = !1, onSettled: s, appearance: c, className: l }) {
-	let d = v(), f = A(), h = t ?? f.client, { config: g } = ee(), { config: _ } = x(), y = k(), [b, w] = P.useState(), [T, E] = P.useState([]), [D, O] = P.useState("new"), [te, ne] = P.useState(), [j, M] = P.useState(), [N, re] = P.useState(!1), [ie, ae] = P.useState(!1), [oe, z] = P.useState(() => crypto.randomUUID()), se = P.useRef(null), ce = P.useRef(s);
+function Kn({ orderId: e, client: t, returnUrl: n, savedPaymentMethods: r = !0, serverCardEntry: i = !0, wallets: a = !1, onSettled: s, appearance: c, className: l }) {
+	let u = S(), f = T(), p = t ?? f.client, { config: g } = y(), { config: _ } = ee(), v = O(), [b, x] = P.useState(), [w, D] = P.useState([]), [k, A] = P.useState("new"), [te, ne] = P.useState(), [j, M] = P.useState(), [N, re] = P.useState(!1), [ie, ae] = P.useState(!1), [oe, z] = P.useState(() => crypto.randomUUID()), se = P.useRef(null), ce = P.useRef(s);
 	P.useEffect(() => {
 		ce.current = s;
 	}), P.useEffect(() => {
 		let t = new AbortController();
-		return h.getOrder(e, t.signal).then(w, (e) => {
-			t.signal.aborted || M(d.error(e));
+		return p.getOrder(e, t.signal).then(x, (e) => {
+			t.signal.aborted || M(u.error(e));
 		}), () => t.abort();
 	}, [
-		h,
+		p,
 		e,
-		d
+		u
 	]), P.useEffect(() => {
 		if (!r || b?.collection_owner !== "engine") return;
 		let e = new AbortController();
-		return h.listPaymentMethods({ signal: e.signal }).then((e) => E(e.data), () => void 0), () => e.abort();
+		return p.listPaymentMethods({ signal: e.signal }).then((e) => D(e.data), () => void 0), () => e.abort();
 	}, [
-		h,
+		p,
 		r,
 		b?.collection_owner
 	]), P.useEffect(() => {
@@ -2800,52 +2800,52 @@ function Kn({ orderId: e, client: t, returnUrl: n, savedPaymentMethods: r = !0,
 	P.useEffect(() => {
 		if (!le || !b) return;
 		let e = window.setInterval(() => {
-			h.confirmOrder(b.id).then((e) => w(e.order), () => void 0);
+			p.confirmOrder(b.id).then((e) => x(e.order), () => void 0);
 		}, Gn);
 		return () => window.clearInterval(e);
 	}, [
 		le,
-		h,
+		p,
 		b
 	]);
 	let ue = P.useMemo(() => b?.collection_owner === "engine" ? b.payment_options : [], [b]), de = P.useMemo(() => (_?.payment.psps ?? []).filter((e) => ue.some((t) => t.psp_id === e.psp_id)), [_, ue]), B = de.filter((e) => {
-		let t = p(e);
+		let t = m(e);
 		return (t === "collect_js" || t === "stripe_elements") && ue.some((t) => t.psp_id === e.psp_id && t.accepts.includes("new_card"));
-	}), V = de.filter((e) => i || p(e) !== "card"), fe = T.filter((e) => (e.status ?? "active") === "active" && e.reusable !== !1 && e.health?.active !== !1 && V.some((t) => t.psp_id === e.psp_id)).map((e) => ({
+	}), V = de.filter((e) => i || m(e) !== "card"), fe = w.filter((e) => (e.status ?? "active") === "active" && e.reusable !== !1 && e.health?.active !== !1 && V.some((t) => t.psp_id === e.psp_id)).map((e) => ({
 		id: e.id,
 		psp_id: e.psp_id ?? "",
 		rail: e.rail ?? "",
 		card: e.card ?? void 0
-	})), H = B.find((e) => e.psp_id === te) ?? B[0], pe = ue.find((e) => e.accepts.includes("solana_pay")), me = de.filter((e) => p(e) === null && ue.some((t) => t.psp_id === e.psp_id && t.accepts.includes("redirect"))), he = pe ? _?.payment.solana?.tokens ?? [] : [], U = o ? B.find((e) => p(e) === "stripe_elements" && !!e.config?.publishable_key) : void 0;
+	})), H = B.find((e) => e.psp_id === te) ?? B[0], pe = ue.find((e) => e.accepts.includes("solana_pay")), me = de.filter((e) => m(e) === null && ue.some((t) => t.psp_id === e.psp_id && t.accepts.includes("redirect"))), he = pe ? _?.payment.solana?.tokens ?? [] : [], U = a ? B.find((e) => m(e) === "stripe_elements" && !!e.config?.publishable_key) : void 0;
 	if (!b) return j ? /* @__PURE__ */ I("p", {
 		role: "alert",
 		className: "text-sm text-destructive",
 		children: j
 	}) : /* @__PURE__ */ I(Hn, {});
-	let ge = y[b.currency.toUpperCase()] ?? 2, _e = (e) => u(e, b.currency, ge), ve = g?.currencies?.find((e) => e.code.toUpperCase() === b.currency.toUpperCase()), W = U && ve?.minor_decimals != null ? a(b.total, ve.decimals, ve.minor_decimals) : null, G = async (e) => {
-		if (w(e.order), e.error) return M(e.order.payment.last_payment_error?.message ?? e.error.message), z(crypto.randomUUID()), !1;
+	let ge = v[b.currency.toUpperCase()] ?? 2, _e = (e) => d(e, b.currency, ge), ve = g?.currencies?.find((e) => e.code.toUpperCase() === b.currency.toUpperCase()), W = U && ve?.minor_decimals != null ? o(b.total, ve.decimals, ve.minor_decimals) : null, G = async (e) => {
+		if (x(e.order), e.error) return M(e.order.payment.last_payment_error?.message ?? e.error.message), z(crypto.randomUUID()), !1;
 		let t = e.order.payment.next_action;
 		if (e.order.collection_owner !== "engine" || e.order.payment.status !== "requires_action" || !t) return !0;
 		if (t.type === "redirect_to_url" && t.url) return window.location.assign(t.url), !0;
 		let n = t.payload?.client_secret, r = (_?.payment.psps.find((e) => e.psp_id === t.psp_id))?.config?.publishable_key;
-		if (t.type !== "authenticate" || !n || !r) return M(d.t("paymentMethods.unavailable")), !1;
+		if (t.type !== "authenticate" || !n || !r) return M(u.t("paymentMethods.unavailable")), !1;
 		if (se.current && t.psp_id === H?.psp_id) await se.current.handleNextAction(n);
 		else {
 			let e = await (await Wt(r)).handleNextAction({ clientSecret: n });
 			if (e.error) throw Error(e.error.message);
 		}
-		return G(await h.confirmOrder(b.id));
+		return G(await p.confirmOrder(b.id));
 	}, K = async (e) => {
 		if (N || b.collection_owner !== "engine") return !1;
 		re(!0), M(void 0);
 		try {
-			return await G(await h.payOrder(b.id, {
+			return await G(await p.payOrder(b.id, {
 				payment: await e(),
 				expectedTotal: b.total,
 				idempotencyKey: oe
 			}));
 		} catch (e) {
-			return M(!m(e) && e instanceof Error && e.message ? e.message : d.error(e)), z(crypto.randomUUID()), !1;
+			return M(!h(e) && e instanceof Error && e.message ? e.message : u.error(e)), z(crypto.randomUUID()), !1;
 		} finally {
 			re(!1);
 		}
@@ -2855,7 +2855,7 @@ function Kn({ orderId: e, client: t, returnUrl: n, savedPaymentMethods: r = !0,
 			try {
 				await G({ order: b });
 			} catch (e) {
-				M(!m(e) && e instanceof Error && e.message ? e.message : d.error(e));
+				M(!h(e) && e instanceof Error && e.message ? e.message : u.error(e));
 			} finally {
 				re(!1);
 			}
@@ -2863,8 +2863,8 @@ function Kn({ orderId: e, client: t, returnUrl: n, savedPaymentMethods: r = !0,
 	}, be = b.collection_owner === "engine" && b.status === "open" && b.payment.status === "requires_action" && b.payment.next_action?.type === "authenticate", xe = `Pay ${_e(b.usage?.amount_due ?? b.total)}`, q = b.collection_owner === "engine" && (b.status === "open" || b.status === "uncollectible" && !!b.usage) && b.payment.status === "requires_payment_method";
 	return /* @__PURE__ */ L("div", {
 		className: R("orck grid gap-5", l),
-		"data-orck-theme": S(c),
-		style: C(c),
+		"data-orck-theme": C(c),
+		style: E(c),
 		children: [/* @__PURE__ */ L("div", {
 			className: "grid",
 			children: [
@@ -2941,12 +2941,12 @@ function Kn({ orderId: e, client: t, returnUrl: n, savedPaymentMethods: r = !0,
 				}) : null,
 				fe.length > 0 ? /* @__PURE__ */ I(Vn, {
 					methods: fe,
-					value: D,
-					onChange: O,
+					value: k,
+					onChange: A,
 					disabled: N || !q,
 					idPrefix: `orck-order-${b.id}`
 				}) : null,
-				D === "new" ? H ? /* @__PURE__ */ L(F, { children: [B.length > 1 ? /* @__PURE__ */ I("select", {
+				k === "new" ? H ? /* @__PURE__ */ L(F, { children: [B.length > 1 ? /* @__PURE__ */ I("select", {
 					"aria-label": "Pay with",
 					className: "h-9 rounded-md border border-border bg-transparent px-2 text-sm",
 					value: H.psp_id,
@@ -2955,7 +2955,7 @@ function Kn({ orderId: e, client: t, returnUrl: n, savedPaymentMethods: r = !0,
 						value: e.psp_id,
 						children: e.display_name
 					}, e.psp_id))
-				}) : null, p(H) === "collect_js" ? /* @__PURE__ */ I(hn, {
+				}) : null, m(H) === "collect_js" ? /* @__PURE__ */ I(hn, {
 					tokenizationKey: H.config.tokenization_key,
 					tokenizationURL: H.config.tokenization_url,
 					submitLabel: xe,
@@ -2978,9 +2978,9 @@ function Kn({ orderId: e, client: t, returnUrl: n, savedPaymentMethods: r = !0,
 						/* @__PURE__ */ I(rn, {
 							ref: se,
 							psp: H,
-							client: h,
-							unavailableMessage: d.t("paymentMethods.unavailable"),
-							verificationPendingMessage: d.t("paymentMethods.verificationPending")
+							client: p,
+							unavailableMessage: u.t("paymentMethods.unavailable"),
+							verificationPendingMessage: u.t("paymentMethods.verificationPending")
 						}, H.psp_id),
 						/* @__PURE__ */ I(Q, {
 							label: xe,
@@ -2992,11 +2992,11 @@ function Kn({ orderId: e, client: t, returnUrl: n, savedPaymentMethods: r = !0,
 				})] }) : pe || me.length > 0 ? null : /* @__PURE__ */ I("p", {
 					role: "alert",
 					className: "text-sm text-destructive",
-					children: d.t("paymentMethods.unavailable")
+					children: u.t("paymentMethods.unavailable")
 				}) : /* @__PURE__ */ I("form", {
 					className: "grid gap-4",
 					onSubmit: (e) => {
-						e.preventDefault(), K(async () => ({ payment_method_id: D }));
+						e.preventDefault(), K(async () => ({ payment_method_id: k }));
 					},
 					children: /* @__PURE__ */ I(Q, {
 						label: xe,
@@ -3103,14 +3103,14 @@ function Yn({ url: e, onComplete: t, title: n = "Checkout", className: r }) {
 //#endregion
 //#region src/cart.tsx
 function Xn({ client: e, onOrder: t, onSettled: n, appearance: r, className: i }) {
-	let a = v(), o = A(), s = e ?? o.client, c = k(), [l, d] = P.useState(), [f, p] = P.useState(), [m, h] = P.useState(), [g, _] = P.useState(!1), [y, b] = P.useState(() => crypto.randomUUID());
+	let a = S(), o = T(), s = e ?? o.client, c = O(), [l, u] = P.useState(), [f, p] = P.useState(), [m, h] = P.useState(), [g, _] = P.useState(!1), [v, y] = P.useState(() => crypto.randomUUID());
 	P.useEffect(() => {
 		let e = new AbortController();
-		return s.getCart(e.signal).then(d, (t) => {
+		return s.getCart(e.signal).then(u, (t) => {
 			e.signal.aborted || h(a.error(t));
 		}), () => e.abort();
 	}, [s, a]);
-	let x = async (e) => {
+	let b = async (e) => {
 		if (!g) {
 			_(!0), h(void 0);
 			try {
@@ -3134,21 +3134,21 @@ function Xn({ client: e, onOrder: t, onSettled: n, appearance: r, className: i }
 		className: "text-sm text-destructive",
 		children: m
 	}) : /* @__PURE__ */ I(Hn, {});
-	let w = c[l.currency.toUpperCase()] ?? 2, T = (e) => u(e, l.currency, w), E = l.lines.length > 0 && l.lines.every((e) => !e.refusal), ee = (e) => x(async () => {
-		d(await s.setCartLine(e, { quantity: 0 })), b(crypto.randomUUID());
-	}), D = () => x(async () => {
+	let x = c[l.currency.toUpperCase()] ?? 2, w = (e) => d(e, l.currency, x), D = l.lines.length > 0 && l.lines.every((e) => !e.refusal), k = (e) => b(async () => {
+		u(await s.setCartLine(e, { quantity: 0 })), y(crypto.randomUUID());
+	}), A = () => b(async () => {
 		let e = await s.createOrder({
 			cart: !0,
 			expectedTotal: l.total,
-			idempotencyKey: y
+			idempotencyKey: v
 		});
 		if (e.error) throw e.error;
 		p(e.order), t?.(e.order);
 	});
 	return /* @__PURE__ */ L("div", {
 		className: R("orck grid gap-5", i),
-		"data-orck-theme": S(r),
-		style: C(r),
+		"data-orck-theme": C(r),
+		style: E(r),
 		children: [
 			l.lines.length === 0 ? /* @__PURE__ */ I("p", {
 				role: "status",
@@ -3163,7 +3163,7 @@ function Xn({ client: e, onOrder: t, onSettled: n, appearance: r, className: i }
 							className: "flex items-start justify-between gap-4",
 							children: [/* @__PURE__ */ I("span", { children: e.description || e.price_id }), /* @__PURE__ */ I("span", {
 								className: "whitespace-nowrap tabular-nums",
-								children: T(e.amount)
+								children: w(e.amount)
 							})]
 						}),
 						/* @__PURE__ */ L("div", {
@@ -3175,7 +3175,7 @@ function Xn({ client: e, onOrder: t, onSettled: n, appearance: r, className: i }
 								type: "button",
 								className: "text-[13px] text-muted-foreground underline",
 								disabled: g,
-								onClick: () => void ee(e.price_id),
+								onClick: () => void k(e.price_id),
 								children: "Remove"
 							})]
 						}),
@@ -3188,25 +3188,25 @@ function Xn({ client: e, onOrder: t, onSettled: n, appearance: r, className: i }
 					className: "flex items-start justify-between gap-4 pt-3 text-[13.5px] font-semibold",
 					children: [/* @__PURE__ */ I("span", { children: "Total" }), /* @__PURE__ */ I("span", {
 						className: "whitespace-nowrap tabular-nums",
-						children: T(l.total)
+						children: w(l.total)
 					})]
 				})]
 			}),
 			l.lines.length > 0 ? /* @__PURE__ */ L("form", {
 				className: "grid gap-2",
 				onSubmit: (e) => {
-					e.preventDefault(), D();
+					e.preventDefault(), A();
 				},
 				children: [/* @__PURE__ */ I(Q, {
 					label: "Check out",
 					processing: g,
-					disabled: !E
+					disabled: !D
 				}), /* @__PURE__ */ I("button", {
 					type: "button",
 					className: "text-[13px] text-muted-foreground underline",
 					disabled: g,
-					onClick: () => void x(async () => {
-						await s.clearCart(), d(await s.getCart());
+					onClick: () => void b(async () => {
+						await s.clearCart(), u(await s.getCart());
 					}),
 					children: "Empty cart"
 				})]
@@ -3223,7 +3223,7 @@ function Xn({ client: e, onOrder: t, onSettled: n, appearance: r, className: i }
 //#region src/authenticate.ts
 async function Zn(e, t, n, r) {
 	let i = n.next_action, a = i?.payload?.client_secret;
-	if (n.status !== "requires_action" || i?.type !== "authenticate" || !a || !s(r)) return n;
+	if (n.status !== "requires_action" || i?.type !== "authenticate" || !a || !c(r)) return n;
 	let o = await (await Wt(r.config.publishable_key)).handleNextAction({ clientSecret: a });
 	if (o.error) throw Error(o.error.message ?? "Authentication failed.");
 	return e.confirmSubscriptionChange(t);
@@ -3244,14 +3244,14 @@ function Qn(e, t, n, r) {
 }
 //#endregion
 //#region src/modal.tsx
-function $n({ open: e, onOpenChange: t, ...n }) {
+function $n({ open: e, onOpenChange: t, appearance: n, children: r }) {
 	return /* @__PURE__ */ I(ot, {
 		open: e,
 		onOpenChange: t,
 		children: /* @__PURE__ */ L(lt, {
 			className: "orck max-h-[calc(100dvh-2rem)] w-[460px] max-w-[calc(100vw-2rem)] gap-0 overflow-hidden bg-background p-6 text-foreground ring-0 [&>[data-slot=dialog-close]]:top-5 [&>[data-slot=dialog-close]]:right-5 [&>[data-slot=dialog-close]]:text-foreground",
-			"data-orck-theme": S(n.appearance),
-			style: C(n.appearance),
+			"data-orck-theme": C(n),
+			style: E(n),
 			showCloseButton: !0,
 			children: [
 				/* @__PURE__ */ I(ft, {
@@ -3264,139 +3264,151 @@ function $n({ open: e, onOpenChange: t, ...n }) {
 				}),
 				/* @__PURE__ */ I("div", {
 					className: "max-h-[calc(100dvh-5rem)] min-h-0 touch-pan-y [scrollbar-width:none] overflow-y-auto overscroll-contain pt-7 pr-6 [-webkit-overflow-scrolling:touch] [&::-webkit-scrollbar]:hidden",
-					children: /* @__PURE__ */ I(Kn, { ...n })
+					children: r
 				})
 			]
 		})
 	});
 }
-//#endregion
-//#region src/buy-button.tsx
-function er({ merchant: e, product: t, price: n, ...r }) {
-	let i = v(), { locale: a } = T(), o = k(), { products: s } = O({
-		merchant: e,
-		keys: [t]
-	}), c = s?.find((e) => e.key === t)?.prices.find((e) => e.key === n);
-	return /* @__PURE__ */ I(nr, {
-		...r,
-		priceId: c?.id,
-		label: r.label ?? (c ? Qn(c, o, i, a) : "")
+function er({ open: e, onOpenChange: t, ...n }) {
+	return /* @__PURE__ */ I($n, {
+		open: e,
+		onOpenChange: t,
+		appearance: n.appearance,
+		children: /* @__PURE__ */ I(Kn, { ...n })
+	});
+}
+function tr({ open: e, onOpenChange: t, appearance: n, ...r }) {
+	return /* @__PURE__ */ I($n, {
+		open: e,
+		onOpenChange: t,
+		appearance: n,
+		children: /* @__PURE__ */ I(Yn, { ...r })
 	});
 }
-function tr(e) {
-	if (!m(e) || e.code !== "already_owned") return;
+//#endregion
+//#region src/buy-button.tsx
+function nr(e) {
+	if (!h(e) || e.code !== "already_owned") return;
 	let t = e.metadata.owned_by;
 	return typeof t == "string" && t.startsWith("ord_") ? t : void 0;
 }
-function nr({ priceId: t, label: n, amount: r, returnUrl: i, onPaid: a, onSignInRequired: o, signedIn: s, appearance: c, className: l }) {
-	let u = v(), d = D(c), { client: f } = A(), [p, h] = P.useState(), [g, _] = P.useState(!1), [y, b] = P.useState(), [x, S] = P.useState(() => crypto.randomUUID()), C = async () => {
-		if (s === !1) return o();
-		if (t) {
-			b(void 0), _(!0);
+var rr = (e) => typeof window < "u" && e.includes(window.location.origin);
+function ir({ price: n, label: r, amount: i, returnUrl: a, onPaid: o, onSignInRequired: s, signedIn: c, appearance: l, className: u }) {
+	let d = S(), { locale: f } = k(), p = O(), m = x(l), { client: g } = T(), [_, v] = P.useState(), [y, b] = P.useState(!1), [C, w] = P.useState(), E = (e) => {
+		e.status === "complete" && (v(void 0), o(e));
+	}, D = async () => {
+		if (c === !1) return s();
+		w(void 0), b(!0);
+		try {
+			let { merchant: t } = await g.getCustomerConfig(), r = rr(t.embed_origins), a;
 			try {
-				let { order: e } = await f.createOrder({
+				({order: a} = await g.createOrder({
 					lines: [{
-						price_id: t,
-						...r ? { amount: r } : {}
+						price_id: n.id,
+						...i ? { amount: i } : {}
 					}],
-					idempotencyKey: x
+					...r ? { checkout: { ui_mode: "embedded" } } : {}
+				}));
+			} catch (e) {
+				let t = nr(e);
+				if (!t || r) throw e;
+				v({
+					kind: "inline",
+					orderId: t
 				});
-				h(e.id);
-			} catch (t) {
-				let n = tr(t);
-				n ? h(n) : m(t) && t.status === 401 ? o() : b(u.error(e(t)));
-			} finally {
-				_(!1);
+				return;
 			}
+			if (a.status === "complete") return E(a);
+			if (!r) {
+				v({
+					kind: "inline",
+					orderId: a.id
+				});
+				return;
+			}
+			let o = a.checkout?.url;
+			if (!o) throw e("invalid_response", "the order answered no checkout URL");
+			v({
+				kind: "embedded",
+				orderId: a.id,
+				url: o
+			});
+		} catch (e) {
+			h(e) && e.status === 401 ? s() : w(d.error(t(e)));
+		} finally {
+			b(!1);
 		}
-	};
+	}, A = (e) => !e && v(void 0);
 	return /* @__PURE__ */ L("span", {
-		className: R(d.className, "inline-flex flex-col gap-1", l),
-		"data-orck-theme": d["data-orck-theme"],
+		className: R(m.className, "inline-flex flex-col gap-1", u),
+		"data-orck-theme": m["data-orck-theme"],
 		style: {
-			...d.style,
+			...m.style,
 			containerType: "normal"
 		},
 		children: [
 			/* @__PURE__ */ I(U, {
-				disabled: s !== !1 && !t || g,
-				onClick: () => void C(),
-				children: n
+				disabled: y,
+				onClick: () => void D(),
+				children: r ?? Qn(n, p, d, f)
 			}),
-			y ? /* @__PURE__ */ I("span", {
+			C ? /* @__PURE__ */ I("span", {
 				role: "alert",
 				className: "text-sm text-destructive",
-				children: y
+				children: C
 			}) : null,
-			p ? /* @__PURE__ */ I($n, {
+			_?.kind === "inline" ? /* @__PURE__ */ I(er, {
 				open: !0,
-				onOpenChange: (e) => !e && h(void 0),
-				orderId: p,
-				returnUrl: i,
-				appearance: c,
-				onSettled: (e) => {
-					e.status === "complete" && (h(void 0), S(crypto.randomUUID()), a(e));
-				}
+				onOpenChange: A,
+				orderId: _.orderId,
+				returnUrl: a,
+				appearance: l,
+				onSettled: E
+			}) : null,
+			_?.kind === "embedded" ? /* @__PURE__ */ I(tr, {
+				open: !0,
+				onOpenChange: A,
+				url: _.url,
+				appearance: l,
+				onComplete: () => void g.getOrder(_.orderId).then(E, () => void 0)
 			}) : null
 		]
 	});
 }
 //#endregion
 //#region src/product-list.tsx
-function rr({ products: e, ...t }) {
-	return e ? /* @__PURE__ */ I(ar, {
-		...t,
-		state: {
-			products: e,
-			error: null,
-			refetch: () => {}
-		}
-	}) : /* @__PURE__ */ I(ir, { ...t });
-}
-function ir(e) {
-	let t = O({
-		merchant: e.merchant ?? "",
-		keys: e.keys ?? []
-	});
-	return /* @__PURE__ */ I(ar, {
-		...e,
-		state: t
-	});
-}
-function ar({ onPaid: e, onSignInRequired: t, signedIn: n, appearance: r, className: i, state: a }) {
-	let o = v(), { locale: s } = T(), c = D(r), l = k(), u = (a.products ?? []).filter((e) => !e.archived).map((e) => ({
+function ar({ products: e, onPaid: t, onSignInRequired: n, signedIn: r, returnUrl: i, appearance: a, className: o }) {
+	let s = S(), c = x(a), l = e.filter((e) => !e.archived).map((e) => ({
 		product: e,
 		prices: e.prices.filter((e) => !e.archived && !e.customer_amount)
-	})).filter((e) => e.prices.length > 0), d;
-	return d = a.products === null && a.error ? /* @__PURE__ */ I(Y, {
-		error: a.error,
-		onRetry: a.refetch
-	}) : a.products === null ? /* @__PURE__ */ I(Le, {}) : u.length === 0 ? /* @__PURE__ */ I(Re, { title: o.t("products.empty") }) : u.map(({ product: i, prices: a }) => /* @__PURE__ */ L(Ae, {
+	})).filter((e) => e.prices.length > 0), u;
+	return u = l.length === 0 ? /* @__PURE__ */ I(Re, { title: s.t("products.empty") }) : l.map(({ product: e, prices: o }) => /* @__PURE__ */ L(Ae, {
 		className: "gap-4",
 		"data-testid": "product",
 		children: [/* @__PURE__ */ L(je, { children: [/* @__PURE__ */ I(Me, {
 			role: "heading",
 			"aria-level": 2,
-			children: i.display_name
-		}), i.description ? /* @__PURE__ */ I(Ne, { children: i.description }) : null] }), /* @__PURE__ */ I(Fe, {
+			children: e.display_name
+		}), e.description ? /* @__PURE__ */ I(Ne, { children: e.description }) : null] }), /* @__PURE__ */ I(Fe, {
 			className: "flex flex-wrap gap-2",
-			children: a.map((i) => /* @__PURE__ */ I(nr, {
-				priceId: i.id,
-				label: Qn(i, l, o, s),
-				onPaid: e,
-				onSignInRequired: t,
-				signedIn: n,
-				appearance: r
-			}, i.id))
+			children: o.map((e) => /* @__PURE__ */ I(ir, {
+				price: e,
+				onPaid: t,
+				onSignInRequired: n,
+				signedIn: r,
+				returnUrl: i,
+				appearance: a
+			}, e.id))
 		})]
-	}, i.id)), /* @__PURE__ */ I("div", {
-		className: R(c.className, ke, "grid gap-4", i),
+	}, e.id)), /* @__PURE__ */ I("div", {
+		className: R(c.className, ke, "grid gap-4", o),
 		"data-orck-theme": c["data-orck-theme"],
 		style: c.style,
-		children: d
+		children: u
 	});
 }
 //#endregion
-export { Pn as AccountBilling, y as BillingProvider, He as BillingStatusBadge, me as BillingUiRoot, er as BuyButton, qn as CHECKOUT_COMPLETE_MESSAGE, Jn as CHECKOUT_RESIZE_MESSAGE, En as CancelSubscriptionDialog, Xe as CardBrandPlate, Xn as Cart, Yn as EmbeddedCheckout, Kn as OrderCheckout, We as PaymentHistory, wn as PaymentMethodsPanel, rr as ProductList, gn as SavePaymentMethod, Nn as SubscriptionsPanel, hn as TokenizedCardForm, c as addAmounts, f as amountToDecimal, Zn as authenticateChange, Dt as browserCountry, s as canAuthenticatePayment, o as canSavePaymentMethod, p as cardSetupDriver, g as checkoutPsps, r as createBillingClient, ne as createTranslator, M as defaultMessages, b as defineMessages, u as formatAmount, Ot as initialCountry, j as interpolate, l as isAmount, i as pspConfigSchema, h as redeemAssertion, Ke as resolveCardBrand, _ as resolveMessages, Oe as statusTone, t as tokenSource, v as useMessages };
+export { Pn as AccountBilling, w as BillingProvider, He as BillingStatusBadge, me as BillingUiRoot, ir as BuyButton, qn as CHECKOUT_COMPLETE_MESSAGE, Jn as CHECKOUT_RESIZE_MESSAGE, En as CancelSubscriptionDialog, Xe as CardBrandPlate, Xn as Cart, Yn as EmbeddedCheckout, Kn as OrderCheckout, We as PaymentHistory, wn as PaymentMethodsPanel, ar as ProductList, gn as SavePaymentMethod, Nn as SubscriptionsPanel, hn as TokenizedCardForm, l as addAmounts, p as amountToDecimal, Zn as authenticateChange, Dt as browserCountry, c as canAuthenticatePayment, s as canSavePaymentMethod, m as cardSetupDriver, _ as checkoutPsps, i as createBillingClient, v as createTranslator, ne as defaultMessages, M as defineMessages, d as formatAmount, Ot as initialCountry, b as interpolate, u as isAmount, a as pspConfigSchema, g as redeemAssertion, Ke as resolveCardBrand, j as resolveMessages, Oe as statusTone, n as tokenSource, S as useMessages };
 
 //# sourceMappingURL=index.js.map