@openrails/billing-ui 0.249.0 → 0.250.0

package/dist/index.js

@@ -11,8 +11,8 @@ if (typeof document !== "undefined") {
   if (__orckStyle.textContent !== __orckCss) __orckStyle.textContent = __orckCss;
 }
 
-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 { 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-HWr09qpX.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-D9MR20BY.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";
@@ -1910,7 +1910,7 @@ 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: 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;
+	let o = S(), { t: c } = o, l = x(n), u = te(), [d, f] = P.useState(null), [p, m] = P.useState(null), [h, g] = P.useState(null), [_, v] = P.useState(!1), y = ee(), b = a(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);
@@ -1921,33 +1921,33 @@ function wn({ defaultCurrency: e, defaultCountry: t, appearance: n, className: i
 		y.config
 	]);
 	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);
+		if (!d) return;
+		m(null);
+		let e = await u.remove(d.id);
 		if (e) {
-			p(Cn(e, a));
+			m(Cn(e, o));
 			return;
 		}
-		d(null), A(o("paymentMethods.removed"));
+		f(null), A(c("paymentMethods.removed"));
 	}, M = async (e) => {
 		if (!ne) return;
-		h(null);
-		let t = await l.setDefault(e.id, ne);
-		t ? h({
+		g(null);
+		let t = await u.setDefault(e.id, ne);
+		t ? g({
 			id: e.id,
-			message: a.error(t)
-		}) : A(o("paymentMethods.defaultUpdated"));
-	}, N, F = l.methods;
-	N = F === null && l.error ? /* @__PURE__ */ I(Y, {
-		error: l.error,
-		onRetry: l.refetch
+			message: o.error(t)
+		}) : A(c("paymentMethods.defaultUpdated"));
+	}, N, F = u.methods;
+	N = F === null && u.error ? /* @__PURE__ */ I(Y, {
+		error: u.error,
+		onRetry: u.refetch
 	}) : F === null ? /* @__PURE__ */ I(Le, {}) : F.length === 0 ? /* @__PURE__ */ I(Re, {
-		title: o("paymentMethods.empty"),
-		description: o("paymentMethods.emptyDescription")
+		title: c("paymentMethods.empty"),
+		description: c("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 ?? [], s = l.pending[e.id], c = [n.length > 0 && o("paymentMethods.usedBy", { names: n.join(", ") })].filter(Boolean);
+			let t = Sn(e, o), n = (e.subscriptions ?? []).map((e) => e.display_name).filter(Boolean), r = e.health?.expiry_status, i = e.default_currencies ?? [], a = u.pending[e.id], s = [n.length > 0 && c("paymentMethods.usedBy", { names: n.join(", ") })].filter(Boolean);
 			return /* @__PURE__ */ L("li", {
 				"data-testid": "payment-method-row",
 				"data-payment-method-id": e.id,
@@ -1970,18 +1970,18 @@ function wn({ defaultCurrency: e, defaultCountry: t, appearance: n, 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: o("paymentMethods.defaultFor", { currencies: i.join(", ") })
+										label: c("paymentMethods.defaultFor", { currencies: i.join(", ") })
 									}) : null
 								]
 							}),
-							c.length > 0 ? /* @__PURE__ */ I("p", {
+							s.length > 0 ? /* @__PURE__ */ I("p", {
 								className: "text-sm text-muted-foreground tabular-nums",
-								children: c.join(" · ")
+								children: s.join(" · ")
 							}) : null,
-							m?.id === e.id ? /* @__PURE__ */ I("p", {
+							h?.id === e.id ? /* @__PURE__ */ I("p", {
 								role: "alert",
 								className: "text-sm text-destructive",
-								children: m.message
+								children: h.message
 							}) : null
 						]
 					}),
@@ -1991,20 +1991,20 @@ function wn({ defaultCurrency: e, defaultCountry: t, appearance: n, className: i
 							variant: "ghost",
 							size: "sm",
 							className: "text-muted-foreground",
-							disabled: !!s,
+							disabled: !!a,
 							onClick: () => void M(e),
-							children: [s === "default" ? /* @__PURE__ */ I(X, {}) : null, o("paymentMethods.makeDefault")]
+							children: [a === "default" ? /* @__PURE__ */ I(X, {}) : null, c("paymentMethods.makeDefault")]
 						}) : null, /* @__PURE__ */ I(U, {
 							variant: "ghost",
 							size: "icon-sm",
 							className: "text-muted-foreground hover:text-destructive",
-							"aria-label": o("paymentMethods.removeLabel", { label: t }),
-							title: o("paymentMethods.remove"),
-							disabled: !!s,
+							"aria-label": c("paymentMethods.removeLabel", { label: t }),
+							title: c("paymentMethods.remove"),
+							disabled: !!a,
 							onClick: () => {
-								p(null), d(e);
+								m(null), f(e);
 							},
-							children: s === "remove" ? /* @__PURE__ */ I(X, {}) : /* @__PURE__ */ I(z, {
+							children: a === "remove" ? /* @__PURE__ */ I(X, {}) : /* @__PURE__ */ I(z, {
 								icon: ue,
 								"aria-hidden": !0
 							})
@@ -2014,10 +2014,10 @@ function wn({ defaultCurrency: e, defaultCountry: t, appearance: n, className: i
 			}, e.id);
 		})
 	});
-	let R = u ? l.pending[u.id] === "remove" : !1, re = u ? Sn(u, a) : "";
+	let R = d ? u.pending[d.id] === "remove" : !1, re = d ? Sn(d, o) : "";
 	return /* @__PURE__ */ L(Ie, {
-		title: o("paymentMethods.title"),
-		description: o("paymentMethods.description"),
+		title: c("paymentMethods.title"),
+		description: c("paymentMethods.description"),
 		appearance: n,
 		className: i,
 		"data-testid": "payment-methods-panel",
@@ -2029,70 +2029,70 @@ function wn({ defaultCurrency: e, defaultCountry: t, appearance: n, className: i
 				icon: se,
 				"aria-hidden": !0,
 				"data-icon": "inline-start"
-			}), o("paymentMethods.add")]
+			}), c("paymentMethods.add")]
 		}) : null,
 		children: [
 			N,
-			F !== null && l.error ? /* @__PURE__ */ I("div", {
+			F !== null && u.error ? /* @__PURE__ */ I("div", {
 				className: "pt-3",
 				children: /* @__PURE__ */ I(Y, {
-					error: l.error,
-					onRetry: l.refetch
+					error: u.error,
+					onRetry: u.refetch
 				})
 			}) : null,
 			y.error ? /* @__PURE__ */ I("div", {
 				className: "pt-3",
 				children: /* @__PURE__ */ I(Y, {
 					error: y.error,
-					message: o("paymentMethods.addUnavailable"),
+					message: c("paymentMethods.addUnavailable"),
 					onRetry: y.refetch
 				})
 			}) : w === null ? null : /* @__PURE__ */ I("p", {
 				role: "status",
 				className: "pt-3 text-sm text-muted-foreground",
-				children: o("paymentMethods.addUnavailable")
+				children: c("paymentMethods.addUnavailable")
 			}),
 			k,
 			/* @__PURE__ */ I(Ze, {
-				open: u !== null,
+				open: d !== null,
 				onOpenChange: (e) => {
-					!e && !R && d(null);
+					!e && !R && f(null);
 				},
 				children: /* @__PURE__ */ L(et, {
-					className: `${c.className} ${ke} bg-popover text-popover-foreground`,
-					"data-orck-theme": c["data-orck-theme"],
-					style: c.style,
+					className: `${l.className} ${ke} bg-popover text-popover-foreground`,
+					"data-orck-theme": l["data-orck-theme"],
+					style: l.style,
 					children: [
-						/* @__PURE__ */ L(tt, { children: [/* @__PURE__ */ I(rt, { children: o("paymentMethods.removeTitle", { label: re }) }), /* @__PURE__ */ I(it, { children: o("paymentMethods.removeDescription") })] }),
-						f ? /* @__PURE__ */ I("p", {
+						/* @__PURE__ */ L(tt, { children: [/* @__PURE__ */ I(rt, { children: c("paymentMethods.removeTitle", { label: re }) }), /* @__PURE__ */ I(it, { children: c("paymentMethods.removeDescription") })] }),
+						p ? /* @__PURE__ */ I("p", {
 							role: "alert",
 							className: "text-sm text-destructive",
-							children: f
+							children: p
 						}) : null,
 						/* @__PURE__ */ L(nt, { children: [/* @__PURE__ */ I(at, {
 							disabled: R,
-							children: o("common.cancel")
+							children: c("common.cancel")
 						}), /* @__PURE__ */ L(U, {
 							variant: "destructive",
 							disabled: R,
 							onClick: () => void j(),
-							children: [R ? /* @__PURE__ */ I(X, {}) : null, o("paymentMethods.removeConfirm")]
+							children: [R ? /* @__PURE__ */ I(X, {}) : null, c("paymentMethods.removeConfirm")]
 						})] })
 					]
 				})
 			}),
 			O ? /* @__PURE__ */ I(ot, {
-				open: g,
+				open: _,
 				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,
+					className: `${l.className} ${ke} max-h-[calc(100dvh-2rem)] overflow-y-auto bg-popover text-popover-foreground`,
+					"data-orck-theme": l["data-orck-theme"],
+					style: l.style,
 					children: [
-						/* @__PURE__ */ L(ut, { children: [/* @__PURE__ */ I(ft, { children: o("paymentMethods.addTitle") }), /* @__PURE__ */ I(pt, { children: o("paymentMethods.addDescription") })] }),
+						/* @__PURE__ */ L(ut, { children: [/* @__PURE__ */ I(ft, { children: c("paymentMethods.addTitle") }), /* @__PURE__ */ I(pt, { children: c("paymentMethods.addDescription") })] }),
 						C.length > 1 ? /* @__PURE__ */ L("label", {
 							className: "grid gap-1.5 text-sm",
-							children: [o("paymentMethods.provider"), /* @__PURE__ */ I("select", {
+							children: [c("paymentMethods.provider"), /* @__PURE__ */ I("select", {
 								className: "h-9 rounded-md border border-input bg-transparent px-2",
 								value: O.psp_id,
 								onChange: (e) => D(e.target.value),
@@ -2107,7 +2107,7 @@ function wn({ defaultCurrency: e, defaultCountry: t, appearance: n, className: i
 							defaultCountry: t,
 							appearance: n,
 							onSaved: () => {
-								v(!1), A(o("paymentMethods.added"));
+								v(!1), A(c("paymentMethods.added"));
 							}
 						}, O.psp_id)
 					]
@@ -2770,7 +2770,7 @@ function Un({ publishableKey: e, amount: t, currency: n, onPaymentMethod: r, onA
 	});
 }
 //#endregion
-//#region src/order-checkout.tsx
+//#region src/order-payment.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: 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);
@@ -3052,9 +3052,9 @@ function Kn({ orderId: e, client: t, returnUrl: n, savedPaymentMethods: r = !0,
 	});
 }
 //#endregion
-//#region src/embedded-checkout.tsx
-var qn = "openrails.checkout.complete", Jn = "openrails.checkout.resize";
-function Yn({ url: e, onComplete: t, title: n = "Checkout", className: r }) {
+//#region src/embedded-payment.tsx
+var qn = "openrails.payment.complete", Jn = "openrails.payment.resize";
+function Yn({ url: e, onComplete: t, title: n = "Payment", className: r }) {
 	let i = P.useRef(null), [a, o] = P.useState(), s = P.useRef(t);
 	P.useEffect(() => {
 		s.current = t;
@@ -3074,11 +3074,11 @@ function Yn({ url: e, onComplete: t, title: n = "Checkout", className: r }) {
 			let n = t.data;
 			if (!n || typeof n != "object") return;
 			let r = n;
-			if (r.type === "openrails.checkout.resize" && typeof r.height == "number" && r.height > 0 && r.height < 2e4) {
+			if (r.type === "openrails.payment.resize" && typeof r.height == "number" && r.height > 0 && r.height < 2e4) {
 				o(Math.ceil(r.height));
 				return;
 			}
-			if (r.type !== "openrails.checkout.complete" || typeof r.order_id != "string" || e) return;
+			if (r.type !== "openrails.payment.complete" || typeof r.order_id != "string" || e) return;
 			e = !0;
 			let a = typeof r.success_url == "string" ? r.success_url : "";
 			s.current ? s.current({
@@ -3256,7 +3256,7 @@ function $n({ open: e, onOpenChange: t, appearance: n, children: r }) {
 			children: [
 				/* @__PURE__ */ I(ft, {
 					className: "sr-only",
-					children: "Checkout"
+					children: "Payment"
 				}),
 				/* @__PURE__ */ I(pt, {
 					className: "sr-only",
@@ -3308,7 +3308,7 @@ function ir({ price: n, label: r, amount: i, returnUrl: a, onPaid: o, onSignInRe
 						price_id: n.id,
 						...i ? { amount: i } : {}
 					}],
-					...r ? { checkout: { ui_mode: "embedded" } } : {}
+					...r ? { payUrl: { embedded: !0 } } : {}
 				}));
 			} catch (e) {
 				let t = nr(e);
@@ -3327,8 +3327,8 @@ function ir({ price: n, label: r, amount: i, returnUrl: a, onPaid: o, onSignInRe
 				});
 				return;
 			}
-			let o = a.checkout?.url;
-			if (!o) throw e("invalid_response", "the order answered no checkout URL");
+			let o = a.pay_url;
+			if (!o) throw e("invalid_response", "the order answered no pay URL");
 			v({
 				kind: "embedded",
 				orderId: a.id,
@@ -3409,6 +3409,6 @@ function ar({ products: e, onPaid: t, onSignInRequired: n, signedIn: r, returnUr
 	});
 }
 //#endregion
-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 };
+export { Pn as AccountBilling, w as BillingProvider, He as BillingStatusBadge, me as BillingUiRoot, ir as BuyButton, En as CancelSubscriptionDialog, Xe as CardBrandPlate, Xn as Cart, Yn as EmbeddedPayment, Kn as OrderPayment, qn as PAYMENT_COMPLETE_MESSAGE, Jn as PAYMENT_RESIZE_MESSAGE, 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, i as createBillingClient, v as createTranslator, ne as defaultMessages, M as defineMessages, d as formatAmount, Ot as initialCountry, b as interpolate, u as isAmount, _ as pspConfigSchema, g as redeemAssertion, Ke as resolveCardBrand, j as resolveMessages, a as routedPsps, Oe as statusTone, n as tokenSource, S as useMessages };
 
 //# sourceMappingURL=index.js.map