@loczer/storefront-sdk 0.203.0 → 0.205.0

package/dist/pages/CheckoutPaymentPage.js

@@ -5,24 +5,24 @@ import { toast as r } from "../lib/toast.js";
 import { Card as i } from "../ui/card.js";
 import { apiPost as a } from "../lib/apiCall.js";
 import { Spinner as o } from "../chunks/pkg/ui/dist/Spinner/index-Cgi70z_E.js";
-import { ROUTE as s, responseSchema as c } from "../lib/checkoutPaymentSession.js";
-import { MollieCardFieldsForm as l } from "../components/payment/MollieCardFieldsForm.js";
-import { StripeCardFieldsForm as u } from "../components/payment/StripeCardFieldsForm.js";
+import { ROUTE as ee, responseSchema as te } from "../lib/checkoutPaymentSession.js";
+import { MollieCardFieldsForm as ne } from "../components/payment/MollieCardFieldsForm.js";
+import { StripeCardFieldsForm as s } from "../components/payment/StripeCardFieldsForm.js";
 import "../components/payment/index.js";
-import { useEffect as d, useMemo as f, useRef as p, useState as m } from "react";
-import { jsx as h, jsxs as g } from "react/jsx-runtime";
-import { Link as _, useNavigate as ee, useParams as te, useSearchParams as ne } from "@rpcbase/router";
-import { useTranslation as v } from "react-i18next";
-import { AlertTriangle as y, ArrowRight as b, CheckCircle2 as x, CircleDashed as re, ShieldCheck as S, XCircle as ie } from "lucide-react";
-import { loadStripe as ae } from "@stripe/stripe-js";
-import { Elements as oe, useStripe as C } from "@stripe/react-stripe-js";
-var w = {
+import { useEffect as c, useMemo as l, useRef as u, useState as d } from "react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { Link as m, useNavigate as h, useParams as re, useSearchParams as ie } from "@rpcbase/router";
+import { useTranslation as g } from "react-i18next";
+import { AlertTriangle as _, ArrowRight as ae, CheckCircle2 as oe, CircleDashed as v, ShieldCheck as se, XCircle as ce } from "lucide-react";
+import { loadStripe as le } from "@stripe/stripe-js";
+import { Elements as ue, useStripe as y } from "@stripe/react-stripe-js";
+var de = {
 	BASE_URL: "/",
 	DEV: !1,
 	MODE: "production",
 	PROD: !0,
 	SSR: !1
-}.RB_PUBLIC_STRIPE_PUBLISHABLE_KEY?.trim() ?? "", T = 20, E = 2500, se = (e, t, n) => {
+}.RB_PUBLIC_STRIPE_PUBLISHABLE_KEY?.trim() ?? "", fe = 20, pe = 2500, b = (e, t, n) => {
 	try {
 		return new Intl.NumberFormat(n, {
 			style: "currency",
@@ -32,9 +32,9 @@ var w = {
 		return `${(e / 100).toFixed(2)} ${t.toUpperCase()}`;
 	}
 };
-function ce({ clientSecret: e, onSuccess: t }) {
-	let { t: n } = v(), r = C();
-	return /* @__PURE__ */ h(u, {
+function x({ clientSecret: e, onSuccess: t }) {
+	let { t: n } = g(), r = y();
+	return /* @__PURE__ */ f(s, {
 		requireEmail: !1,
 		submitLabel: n("checkout_payment_authorize_button"),
 		submittingLabel: n("checkout_payment_authorizing_button"),
@@ -44,286 +44,317 @@ function ce({ clientSecret: e, onSuccess: t }) {
 			if (a.error) throw Error(a.error.message ?? n("secure_payment_link.errors.payment_failed"));
 			let o = a.paymentIntent?.status;
 			if (o !== "succeeded" && o !== "processing" && o !== "requires_capture") throw Error(n("secure_payment_link.errors.payment_failed"));
-			t();
+			await t();
 		}
 	});
 }
-function le() {
-	let { t: e } = v();
-	return /* @__PURE__ */ g("div", {
+function S() {
+	let { t: e } = g();
+	return /* @__PURE__ */ p("div", {
 		className: "flex min-h-48 items-center justify-center gap-2 text-sm text-slate-600",
-		children: [/* @__PURE__ */ h(o, {
+		children: [/* @__PURE__ */ f(o, {
 			className: "size-4",
 			"aria-hidden": "true"
-		}), /* @__PURE__ */ h("span", { children: e("secure_payment_link.form.loading_session") })]
+		}), /* @__PURE__ */ f("span", { children: e("secure_payment_link.form.loading_session") })]
 	});
 }
-function D() {
-	let { t: o, i18n: u } = v(), { storeSlug: C } = te(), D = ee(), { clear: O } = t(), [k] = ne(), [A, j] = m(null), [ue, M] = m(!0), [N, P] = m(null), [F, I] = m(0), [L, R] = m(0), z = p(!1), B = p(null), V = k.get("checkout_session_id")?.trim() ?? "", H = new URLSearchParams(k.toString());
-	H.delete("checkout_session_id");
-	let U = e(H).toString(), W = `/${C ?? ""}/checkout${U ? `?${U}` : ""}`, G = `/${C ?? ""}/checkout/success${U ? `?${U}` : ""}`, K = async (e) => {
-		if (!C || !V) throw Error(o("checkout_payment_return_missing_session"));
-		let t = await a(s, {
+function C() {
+	let { t: s, i18n: y } = g(), { storeSlug: C } = re(), w = h(), { clear: T, clearCheckoutSession: E } = t(), [D] = ie(), [O, k] = d(null), [A, j] = d(!0), [M, N] = d(null), [P, F] = d(0), [I, L] = d(0), R = u(!1), z = u(null), B = D.get("checkout_session_id")?.trim() ?? "", V = new URLSearchParams(D.toString());
+	V.delete("checkout_session_id");
+	let H = e(V).toString(), U = `/${C ?? ""}/checkout${H ? `?${H}` : ""}`, W = `/${C ?? ""}/checkout/success${H ? `?${H}` : ""}`, G = async (e) => {
+		if (!C || !B) throw Error(s("checkout_payment_return_missing_session"));
+		let t = await a(ee, {
 			storeSlug: C,
-			checkoutSessionId: V,
-			returnSearch: U || void 0,
+			checkoutSessionId: B,
+			returnSearch: H || void 0,
 			cardToken: e
 		});
-		return c.parse(t);
-	}, q = async () => {
-		z.current || (z.current = !0, r.success(o("checkout_success_toast")), await D(G, { replace: !0 }), O());
+		return te.parse(t);
+	}, K = async () => {
+		R.current || (R.current = !0, r.success(s("checkout_success_toast")), await w(W, { replace: !0 }), T());
 	};
-	d(() => {
-		z.current = !1, B.current = null, j(null), M(!0), R(0);
-	}, [V]), d(() => {
-		if (!C || !V) {
-			B.current = null, j(null), P(o("checkout_payment_return_missing_session")), M(!1);
+	c(() => {
+		R.current = !1, z.current = null, k(null), j(!0), L(0);
+	}, [B]), c(() => {
+		if (!C || !B) {
+			z.current = null, k(null), N(s("checkout_payment_return_missing_session")), j(!1);
 			return;
 		}
-		let e = !1, t = B.current === null;
-		return M(t), P(null), (async () => {
+		let e = !1, t = z.current === null;
+		return j(t), N(null), (async () => {
 			try {
-				let t = await K();
+				let t = await G();
 				if (e) return;
 				if (!t.success) {
-					B.current = null, j(null), P(t.message || o("checkout_payment_return_status_error"));
+					t.canRetryCheckout && E(), z.current = null, k(null), N(t.message || s("checkout_payment_return_status_error"));
 					return;
 				}
-				B.current = t, j(t);
+				z.current = t, k(t);
 				let n = t.paymentStatus;
-				(n === "authorized" || n === "succeeded") && !z.current && await q();
+				(n === "cancelled" || n === "failed" && t.providerType === "mollie_connect_oauth") && E(), (n === "authorized" || n === "succeeded") && !R.current && await K();
 			} catch (t) {
 				if (e) return;
-				console.error("Failed to fetch checkout payment session", t), B.current = null, j(null), P(o("checkout_payment_return_status_error"));
+				console.error("Failed to fetch checkout payment session", t), z.current = null, k(null), N(s("checkout_payment_return_status_error"));
 			} finally {
-				!e && t && M(!1);
+				!e && t && j(!1);
 			}
 		})(), () => {
 			e = !0;
 		};
 	}, [
-		V,
-		O,
-		D,
-		U,
-		F,
+		B,
+		T,
+		E,
+		w,
+		H,
+		P,
 		C,
-		G,
-		o
+		W,
+		s
 	]);
-	let J = A?.paymentStatus ?? "pending";
-	d(() => {
-		if (J !== "pending" || A?.providerType === "stripe_connect_oauth" || L >= T || !A?.payment?.providerPaymentId) return;
+	let q = O?.paymentStatus ?? "pending", J = q === "pending" && O?.providerType === "stripe_connect_oauth" && O.payment?.status.trim().toLowerCase() === "processing";
+	c(() => {
+		if (q !== "pending" || O?.providerType === "stripe_connect_oauth" && !J || I >= fe || !O?.payment?.providerPaymentId) return;
 		let e = window.setTimeout(() => {
-			R((e) => e + 1), I((e) => e + 1);
-		}, E);
+			L((e) => e + 1), F((e) => e + 1);
+		}, pe);
 		return () => {
 			window.clearTimeout(e);
 		};
 	}, [
-		J,
-		L,
-		A?.payment?.providerPaymentId,
-		A?.providerType
+		q,
+		I,
+		O?.payment?.providerPaymentId,
+		O?.providerType,
+		J
 	]);
-	let Y = f(() => {
-		let e = A?.stripePublishableKey?.trim() || w;
-		return !e || !A?.providerAccountId ? null : ae(e, { stripeAccount: A.providerAccountId });
-	}, [A?.providerAccountId, A?.stripePublishableKey]), X = f(() => {
-		if (A?.clientSecret) return { clientSecret: A.clientSecret };
-	}, [A?.clientSecret]);
-	if (!V) return /* @__PURE__ */ h("div", {
+	let Y = l(() => {
+		let e = O?.stripePublishableKey?.trim() || de;
+		return !e || !O?.providerAccountId ? null : le(e, { stripeAccount: O.providerAccountId });
+	}, [O?.providerAccountId, O?.stripePublishableKey]), X = l(() => {
+		if (O?.clientSecret) return { clientSecret: O.clientSecret };
+	}, [O?.clientSecret]);
+	if (!B) return /* @__PURE__ */ f("div", {
 		className: "mx-auto max-w-3xl px-4 py-14 sm:px-6",
-		children: /* @__PURE__ */ h(i, {
+		children: /* @__PURE__ */ f(i, {
 			className: "border-destructive/25 bg-white p-5 sm:p-6 shadow-sm",
-			children: /* @__PURE__ */ g("div", {
+			children: /* @__PURE__ */ p("div", {
 				className: "space-y-4",
-				children: [/* @__PURE__ */ g("div", {
+				children: [/* @__PURE__ */ p("div", {
 					className: "flex items-start gap-3",
-					children: [/* @__PURE__ */ h(y, {
+					children: [/* @__PURE__ */ f(_, {
 						className: "mt-0.5 h-5 w-5 text-destructive",
 						"aria-hidden": "true"
-					}), /* @__PURE__ */ h("p", {
+					}), /* @__PURE__ */ f("p", {
 						className: "text-sm text-slate-700",
-						children: /* @__PURE__ */ h("span", { children: o("checkout_payment_return_missing_session") })
+						children: /* @__PURE__ */ f("span", { children: s("checkout_payment_return_missing_session") })
 					})]
-				}), /* @__PURE__ */ h(_, {
-					to: W,
-					children: /* @__PURE__ */ h(n, {
+				}), /* @__PURE__ */ f(m, {
+					to: U,
+					children: /* @__PURE__ */ f(n, {
 						variant: "outline",
-						children: /* @__PURE__ */ h("span", { children: o("checkout_payment_return_back_to_checkout") })
+						children: /* @__PURE__ */ f("span", { children: s("checkout_payment_return_back_to_checkout") })
 					})
 				})]
 			})
 		})
 	});
-	if (ue && !A) return /* @__PURE__ */ h("div", {
+	if (A && !O) return /* @__PURE__ */ f("div", {
 		className: "mx-auto max-w-3xl px-4 py-14 sm:px-6",
-		children: /* @__PURE__ */ h(i, {
+		children: /* @__PURE__ */ f(i, {
 			className: "border-slate-200 bg-white p-5 sm:p-6 shadow-sm",
-			children: /* @__PURE__ */ h(le, {})
+			children: /* @__PURE__ */ f(S, {})
 		})
 	});
-	if (N || !A) return /* @__PURE__ */ h("div", {
+	if (M || !O) return /* @__PURE__ */ f("div", {
 		className: "mx-auto max-w-3xl px-4 py-14 sm:px-6",
-		children: /* @__PURE__ */ h(i, {
+		children: /* @__PURE__ */ f(i, {
 			className: "border-destructive/25 bg-white p-5 sm:p-6 shadow-sm",
-			children: /* @__PURE__ */ g("div", {
+			children: /* @__PURE__ */ p("div", {
 				className: "space-y-4",
-				children: [/* @__PURE__ */ g("div", {
+				children: [/* @__PURE__ */ p("div", {
 					className: "flex items-start gap-3",
-					children: [/* @__PURE__ */ h(y, {
+					children: [/* @__PURE__ */ f(_, {
 						className: "mt-0.5 h-5 w-5 text-destructive",
 						"aria-hidden": "true"
-					}), /* @__PURE__ */ h("p", {
+					}), /* @__PURE__ */ f("p", {
 						className: "text-sm text-slate-700",
-						children: /* @__PURE__ */ h("span", { children: N ?? o("checkout_payment_return_status_error") })
+						children: /* @__PURE__ */ f("span", { children: M ?? s("checkout_payment_return_status_error") })
 					})]
-				}), /* @__PURE__ */ h(_, {
-					to: W,
-					children: /* @__PURE__ */ h(n, {
+				}), /* @__PURE__ */ f(m, {
+					to: U,
+					children: /* @__PURE__ */ f(n, {
 						variant: "outline",
-						children: /* @__PURE__ */ h("span", { children: o("checkout_payment_return_back_to_checkout") })
+						children: /* @__PURE__ */ f("span", { children: s("checkout_payment_return_back_to_checkout") })
 					})
 				})]
 			})
 		})
 	});
-	let Z = typeof A.amountMinor == "number" && A.currency ? se(A.amountMinor, A.currency, u.language) : null, Q = J === "authorized" || J === "succeeded", $ = J === "failed" || J === "cancelled", de = Q ? x : $ ? ie : re, fe = Q ? "text-success" : $ ? "text-destructive" : "text-warning";
-	return /* @__PURE__ */ h("div", {
+	let Z = typeof O.amountMinor == "number" && O.currency ? b(O.amountMinor, O.currency, y.language) : null, Q = q === "authorized" || q === "succeeded", $ = q === "failed" || q === "cancelled", me = Q ? oe : $ ? ce : v, he = Q ? "text-success" : $ ? "text-destructive" : "text-warning";
+	return /* @__PURE__ */ f("div", {
 		className: "mx-auto max-w-5xl px-4 py-10 sm:px-6",
-		children: /* @__PURE__ */ g("div", {
+		children: /* @__PURE__ */ p("div", {
 			className: "grid gap-6 lg:grid-cols-[1fr_1fr]",
-			children: [/* @__PURE__ */ h(i, {
+			children: [/* @__PURE__ */ f(i, {
 				className: "border-slate-200 bg-white p-5 shadow-sm",
-				children: /* @__PURE__ */ g("div", {
+				children: /* @__PURE__ */ p("div", {
 					className: "space-y-5",
 					children: [
-						/* @__PURE__ */ g("div", {
+						/* @__PURE__ */ p("div", {
 							className: "inline-flex items-center gap-2 rounded-full border border-success-border bg-success-subtle px-3 py-1 text-xs font-medium text-success",
-							children: [/* @__PURE__ */ h(S, {
+							children: [/* @__PURE__ */ f(se, {
 								className: "h-3.5 w-3.5",
 								"aria-hidden": "true"
-							}), /* @__PURE__ */ h("span", { children: o("secure_payment_link.secured_badge") })]
+							}), /* @__PURE__ */ f("span", { children: s("secure_payment_link.secured_badge") })]
 						}),
-						/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("h1", {
+						/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("h1", {
 							className: "text-2xl font-semibold tracking-tight text-slate-950",
-							children: /* @__PURE__ */ h("span", { children: o("checkout_payment_title") })
-						}), /* @__PURE__ */ h("p", {
+							children: /* @__PURE__ */ f("span", { children: s("checkout_payment_title") })
+						}), /* @__PURE__ */ f("p", {
 							className: "mt-2 text-sm text-slate-600",
-							children: /* @__PURE__ */ h("span", { children: o("checkout_payment_hold_description") })
+							children: /* @__PURE__ */ f("span", { children: s("checkout_payment_hold_description") })
 						})] }),
-						/* @__PURE__ */ g("dl", {
+						/* @__PURE__ */ p("dl", {
 							className: "grid gap-3 rounded-xl border border-slate-200 bg-slate-50 p-4 text-sm",
-							children: [Z ? /* @__PURE__ */ g("div", {
+							children: [Z ? /* @__PURE__ */ p("div", {
 								className: "flex items-center justify-between gap-3",
-								children: [/* @__PURE__ */ h("dt", {
+								children: [/* @__PURE__ */ f("dt", {
 									className: "text-slate-600",
-									children: /* @__PURE__ */ h("span", { children: o("checkout_payment_hold_amount") })
-								}), /* @__PURE__ */ h("dd", {
+									children: /* @__PURE__ */ f("span", { children: s("checkout_payment_hold_amount") })
+								}), /* @__PURE__ */ f("dd", {
 									className: "font-semibold text-slate-950",
-									children: /* @__PURE__ */ h("span", { children: Z })
+									children: /* @__PURE__ */ f("span", { children: Z })
 								})]
-							}) : null, A.providerType ? /* @__PURE__ */ g("div", {
+							}) : null, O.providerType ? /* @__PURE__ */ p("div", {
 								className: "flex items-center justify-between gap-3",
-								children: [/* @__PURE__ */ h("dt", {
+								children: [/* @__PURE__ */ f("dt", {
 									className: "text-slate-600",
-									children: /* @__PURE__ */ h("span", { children: o("checkout_payment_provider") })
-								}), /* @__PURE__ */ h("dd", {
+									children: /* @__PURE__ */ f("span", { children: s("checkout_payment_provider") })
+								}), /* @__PURE__ */ f("dd", {
 									className: "font-medium text-slate-950",
-									children: /* @__PURE__ */ h("span", { children: o(`secure_payment_link.providers.${A.providerType}`) })
+									children: /* @__PURE__ */ f("span", { children: s(`secure_payment_link.providers.${O.providerType}`) })
 								})]
 							}) : null]
 						})
 					]
 				})
-			}), /* @__PURE__ */ h(i, {
+			}), /* @__PURE__ */ f(i, {
 				className: "border-slate-200 bg-white p-5 shadow-sm",
-				children: Q || $ ? /* @__PURE__ */ g("div", {
+				children: Q || $ ? /* @__PURE__ */ p("div", {
 					className: "space-y-6 text-center",
 					children: [
-						/* @__PURE__ */ h("div", {
+						/* @__PURE__ */ f("div", {
 							className: "mx-auto flex h-12 w-12 items-center justify-center rounded-full bg-slate-100",
-							children: /* @__PURE__ */ h(de, {
-								className: `h-6 w-6 ${fe}`,
+							children: /* @__PURE__ */ f(me, {
+								className: `h-6 w-6 ${he}`,
 								"aria-hidden": "true"
 							})
 						}),
-						/* @__PURE__ */ g("div", {
+						/* @__PURE__ */ p("div", {
 							className: "space-y-2",
-							children: [/* @__PURE__ */ h("h2", {
+							children: [/* @__PURE__ */ f("h2", {
 								className: "text-xl font-semibold text-slate-950",
-								children: /* @__PURE__ */ h("span", { children: o(`secure_payment_link.success_titles.${J}`) })
-							}), /* @__PURE__ */ h("p", {
+								children: /* @__PURE__ */ f("span", { children: s(`secure_payment_link.success_titles.${q}`) })
+							}), /* @__PURE__ */ f("p", {
 								className: "text-sm text-slate-600",
-								children: /* @__PURE__ */ h("span", { children: o(`secure_payment_link.statuses.${J}`) })
+								children: /* @__PURE__ */ f("span", { children: s(`secure_payment_link.statuses.${q}`) })
 							})]
 						}),
-						Q ? /* @__PURE__ */ h(_, {
-							to: G,
-							children: /* @__PURE__ */ g(n, {
+						Q ? /* @__PURE__ */ f(m, {
+							to: W,
+							children: /* @__PURE__ */ p(n, {
 								className: "gap-2",
-								children: [/* @__PURE__ */ h("span", { children: o("checkout_payment_return_go_to_success") }), /* @__PURE__ */ h(b, {
+								children: [/* @__PURE__ */ f("span", { children: s("checkout_payment_return_go_to_success") }), /* @__PURE__ */ f(ae, {
 									className: "h-4 w-4",
 									"aria-hidden": "true"
 								})]
 							})
-						}) : /* @__PURE__ */ h(_, {
-							to: W,
-							children: /* @__PURE__ */ h(n, { children: /* @__PURE__ */ h("span", { children: o("checkout_payment_return_retry_checkout") }) })
+						}) : /* @__PURE__ */ f(m, {
+							to: U,
+							children: /* @__PURE__ */ f(n, { children: /* @__PURE__ */ f("span", { children: s("checkout_payment_return_retry_checkout") }) })
 						})
 					]
-				}) : A.providerType === "mollie_connect_oauth" ? /* @__PURE__ */ g("div", {
+				}) : J ? /* @__PURE__ */ p("div", {
+					className: "flex min-h-48 flex-col items-center justify-center gap-3 text-center",
+					children: [/* @__PURE__ */ f(o, {
+						className: "size-5 text-warning",
+						"aria-hidden": "true"
+					}), /* @__PURE__ */ p("div", {
+						className: "space-y-1",
+						children: [/* @__PURE__ */ f("h2", {
+							className: "text-lg font-semibold text-slate-950",
+							children: /* @__PURE__ */ f("span", { children: s("secure_payment_link.confirmation_loading_title") })
+						}), /* @__PURE__ */ f("p", {
+							className: "text-sm text-slate-600",
+							children: /* @__PURE__ */ f("span", { children: s("secure_payment_link.confirmation_loading_description") })
+						})]
+					})]
+				}) : O.providerType === "mollie_connect_oauth" ? /* @__PURE__ */ p("div", {
 					className: "space-y-4",
 					children: [
-						/* @__PURE__ */ h("h2", {
+						/* @__PURE__ */ f("h2", {
 							className: "text-lg font-semibold text-slate-950",
-							children: /* @__PURE__ */ h("span", { children: o("secure_payment_link.mollie.form_title") })
+							children: /* @__PURE__ */ f("span", { children: s("secure_payment_link.mollie.form_title") })
 						}),
-						/* @__PURE__ */ h("p", {
+						/* @__PURE__ */ f("p", {
 							className: "text-sm text-slate-600",
-							children: /* @__PURE__ */ h("span", { children: o("checkout_payment_hold_form_description") })
+							children: /* @__PURE__ */ f("span", { children: s("checkout_payment_hold_form_description") })
 						}),
-						A.profileId ? /* @__PURE__ */ h(l, {
-							profileId: A.profileId,
-							testmode: A.testmode === !0,
-							submitLabel: o("checkout_payment_authorize_button"),
-							submittingLabel: o("checkout_payment_authorizing_button"),
+						O.profileId ? /* @__PURE__ */ f(ne, {
+							profileId: O.profileId,
+							testmode: O.testmode === !0,
+							submitLabel: s("checkout_payment_authorize_button"),
+							submittingLabel: s("checkout_payment_authorizing_button"),
 							onSubmit: async (e) => {
-								let t = await K(e);
-								if (!t.success) throw Error(t.message || o("secure_payment_link.errors.payment_failed"));
-								if (B.current = t, j(t), t.paymentStatus === "authorized" || t.paymentStatus === "succeeded") {
-									await q();
+								let t = await G(e);
+								if (!t.success) throw t.canRetryCheckout && E(), Error(t.message || s("secure_payment_link.errors.payment_failed"));
+								if (z.current = t, k(t), t.paymentStatus === "authorized" || t.paymentStatus === "succeeded") {
+									await K();
+									return;
+								}
+								if (t.paymentStatus === "failed" || t.paymentStatus === "cancelled") {
+									E();
 									return;
 								}
-								if (!t.checkoutUrl) throw Error(t.message || o("secure_payment_link.errors.mollie_missing_url"));
+								if (!t.checkoutUrl) throw Error(t.message || s("secure_payment_link.errors.mollie_missing_url"));
 								let n = new URL(t.checkoutUrl, window.location.origin).toString();
 								window.location.assign(n);
 							}
-						}) : /* @__PURE__ */ h("p", {
+						}) : /* @__PURE__ */ f("p", {
 							className: "text-sm text-destructive",
-							children: /* @__PURE__ */ h("span", { children: o("secure_payment_link.errors.session_failed") })
+							children: /* @__PURE__ */ f("span", { children: s("secure_payment_link.errors.session_failed") })
 						})
 					]
-				}) : A.providerType === "stripe_connect_oauth" ? !A.clientSecret || !Y || !X ? /* @__PURE__ */ h("p", {
+				}) : O.providerType === "stripe_connect_oauth" ? !O.clientSecret || !Y || !X ? /* @__PURE__ */ f("p", {
 					className: "text-sm text-destructive",
-					children: /* @__PURE__ */ h("span", { children: o("secure_payment_link.errors.missing_publishable_key") })
-				}) : /* @__PURE__ */ h(oe, {
+					children: /* @__PURE__ */ f("span", { children: s("secure_payment_link.errors.missing_publishable_key") })
+				}) : /* @__PURE__ */ f(ue, {
 					stripe: Y,
 					options: X,
-					children: /* @__PURE__ */ h(ce, {
-						clientSecret: A.clientSecret,
-						onSuccess: () => {
-							q();
+					children: /* @__PURE__ */ f(x, {
+						clientSecret: O.clientSecret,
+						onSuccess: async () => {
+							let e = await G();
+							if (!e.success) throw e.canRetryCheckout && E(), Error(e.message || s("secure_payment_link.errors.payment_failed"));
+							if (z.current = e, k(e), e.paymentStatus === "authorized" || e.paymentStatus === "succeeded") {
+								await K();
+								return;
+							}
+							if (e.paymentStatus === "pending" && e.payment?.status.trim().toLowerCase() === "processing") {
+								L(0);
+								return;
+							}
+							throw Error(e.message || s("secure_payment_link.errors.payment_failed"));
 						}
 					})
-				}, A.clientSecret) : /* @__PURE__ */ h("p", {
+				}, O.clientSecret) : /* @__PURE__ */ f("p", {
 					className: "text-sm text-destructive",
-					children: /* @__PURE__ */ h("span", { children: o("secure_payment_link.errors.session_failed") })
+					children: /* @__PURE__ */ f("span", { children: s("secure_payment_link.errors.session_failed") })
 				})
 			})]
 		})
 	});
 }
 //#endregion
-export { D as default };
+export { C as default };

package/dist/pages/ContractSaleDocumentPage.d.ts

@@ -1,5 +1,12 @@
+import { Loader } from '@rpcbase/client';
 import { StorefrontI18nLanguage } from '../i18n/I18nProvider';
-export declare const loader: ({ ctx, params }: import('@rpcbase/client').LoaderArgs) => Promise<{
+export declare const resolveContractSaleDocumentBackLink: (search: string) => string | null;
+type ContractSaleDocumentLoaderArgs = Parameters<Loader>[0] & {
+    request?: {
+        url?: unknown;
+    };
+};
+export declare const loader: ({ ctx, params, request }: ContractSaleDocumentLoaderArgs) => Promise<{
     storeSlug: string;
     referenceId: string;
     saleDocumentId: string;
@@ -120,4 +127,5 @@ export declare const loader: ({ ctx, params }: import('@rpcbase/client').LoaderA
     error: null;
 }>;
 export default function ContractSaleDocumentPage(): import("react/jsx-runtime").JSX.Element;
+export {};
 //# sourceMappingURL=ContractSaleDocumentPage.d.ts.map

package/dist/pages/ContractSaleDocumentPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContractSaleDocumentPage.d.ts","sourceRoot":"","sources":["../../src/pages/ContractSaleDocumentPage.tsx"],"names":[],"mappings":"AAqBA,OAAO,EAAmC,KAAK,sBAAsB,EAAE,MAAM,sBAAsB,CAAA;AAsLnG,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkEA,CAAA;AAYnB,MAAM,CAAC,OAAO,UAAU,wBAAwB,4CAqP/C"}
+{"version":3,"file":"ContractSaleDocumentPage.d.ts","sourceRoot":"","sources":["../../src/pages/ContractSaleDocumentPage.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,MAAM,EAAE,MAAM,iBAAiB,CAAA;AAsB7C,OAAO,EAAmC,KAAK,sBAAsB,EAAE,MAAM,sBAAsB,CAAA;AAanG,eAAO,MAAM,mCAAmC,GAAI,QAAQ,MAAM,KAAG,MAAM,GAAG,IAe7E,CAAA;AA0KD,KAAK,8BAA8B,GAAG,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,GAAG;IAC5D,OAAO,CAAC,EAAE;QAAE,GAAG,CAAC,EAAE,OAAO,CAAA;KAAE,CAAA;CAC5B,CAAA;AAED,eAAO,MAAM,MAAM,6BAAqC,8BAA8B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmEnE,CAAA;AAYnB,MAAM,CAAC,OAAO,UAAU,wBAAwB,4CA8P/C"}