@loczer/storefront-sdk 0.181.0 → 0.182.0

package/dist/pages/PaymentLinkPage.js

@@ -1,259 +1,321 @@
-import { jsx as e, jsxs as c } from "react/jsx-runtime";
-import { useState as p, useEffect as T, useMemo as M } from "react";
-import { useNavigate as j, useLoaderData as G, Link as Y, replace as q } from "@rpcbase/router";
-import { loadStripe as z } from "@stripe/stripe-js";
-import { Elements as D, useStripe as H } from "@stripe/react-stripe-js";
-import { Spinner as J } from "../chunks/ui/dist/Spinner/index-SbbUxcsT.js";
-import { AlertTriangle as Q, ShieldCheck as V } from "lucide-react";
-import { useTranslation as k } from "react-i18next";
-import { apiPost as g, apiGet as W } from "../lib/apiCall.js";
-import { GET_MOLLIE_SECURE_PAYMENT_SESSION_ROUTE as R, getMollieSecurePaymentSessionResponseSchema as U, GET_STRIPE_SECURE_PAYMENT_SESSION_ROUTE as X, getStripeSecurePaymentSessionResponseSchema as Z, GET_SECURE_PAYMENT_LINK_ROUTE as ee, getSecurePaymentLinkResponseSchema as re } from "../lib/securePaymentLink.js";
-import { MollieCardFieldsForm as se } from "../components/payment/MollieCardFieldsForm.js";
-import { StripeCardFieldsForm as te } from "../components/payment/StripeCardFieldsForm.js";
-import { Button as ne } from "../ui/button.js";
-import { Card as x } from "../ui/card.js";
-const ie = {}, le = () => ie?.RB_PUBLIC_STRIPE_PUBLISHABLE_KEY?.trim() ?? "", oe = le(), ae = (r, d, l) => {
-  try {
-    return new Intl.NumberFormat(l, {
-      style: "currency",
-      currency: d.toUpperCase()
-    }).format(r / 100);
-  } catch {
-    return `${(r / 100).toFixed(2)} ${d.toUpperCase()}`;
-  }
+import { Button as e } from "../ui/button.js";
+import { Card as t } from "../ui/card.js";
+import { apiGet as n, apiPost as r } from "../lib/apiCall.js";
+import { Spinner as i } from "../chunks/ui/dist/Spinner/index-Dyk_LLEz.js";
+import { GET_MOLLIE_SECURE_PAYMENT_SESSION_ROUTE as a, GET_SECURE_PAYMENT_LINK_ROUTE as o, GET_STRIPE_SECURE_PAYMENT_SESSION_ROUTE as s, getMollieSecurePaymentSessionResponseSchema as c, getSecurePaymentLinkResponseSchema as l, getStripeSecurePaymentSessionResponseSchema as u } from "../lib/securePaymentLink.js";
+import { MollieCardFieldsForm as d } from "../components/payment/MollieCardFieldsForm.js";
+import { StripeCardFieldsForm as f } from "../components/payment/StripeCardFieldsForm.js";
+import "../components/payment/index.js";
+import { useEffect as p, useMemo as m, useState as h } from "react";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { Link as v, replace as y, useLoaderData as b, useNavigate as x } from "@rpcbase/router";
+import { useTranslation as S } from "react-i18next";
+import { AlertTriangle as C, ShieldCheck as w } from "lucide-react";
+import { loadStripe as T } from "@stripe/stripe-js";
+import { Elements as E, useStripe as D } from "@stripe/react-stripe-js";
+var O = {
+	BASE_URL: "/",
+	DEV: !1,
+	MODE: "production",
+	PROD: !0,
+	SSR: !1
+}.RB_PUBLIC_STRIPE_PUBLISHABLE_KEY?.trim() ?? "", k = (e, t, n) => {
+	try {
+		return new Intl.NumberFormat(n, {
+			style: "currency",
+			currency: t.toUpperCase()
+		}).format(e / 100);
+	} catch {
+		return `${(e / 100).toFixed(2)} ${t.toUpperCase()}`;
+	}
 };
-function C() {
-  const { t: r } = k();
-  return /* @__PURE__ */ c("div", { className: "flex min-h-48 items-center justify-center gap-2 text-sm text-slate-600", children: [
-    /* @__PURE__ */ e(J, { className: "size-4", "aria-hidden": "true" }),
-    /* @__PURE__ */ e("span", { children: r("secure_payment_link.form.loading_session") })
-  ] });
+function A() {
+	let { t: e } = S();
+	return /* @__PURE__ */ _("div", {
+		className: "flex min-h-48 items-center justify-center gap-2 text-sm text-slate-600",
+		children: [/* @__PURE__ */ g(i, {
+			className: "size-4",
+			"aria-hidden": "true"
+		}), /* @__PURE__ */ g("span", { children: e("secure_payment_link.form.loading_session") })]
+	});
 }
-const Ne = (async ({ ctx: r, params: d }) => {
-  const l = typeof d.storeSlug == "string" ? d.storeSlug.trim().toLowerCase() : "", o = typeof d.token == "string" ? d.token.trim() : "";
-  if (!l || !o)
-    return {
-      storeSlug: l,
-      token: o,
-      session: null,
-      errorMessage: null,
-      errorKey: "invalid_link"
-    };
-  try {
-    const n = await W(
-      ee,
-      {
-        storeSlug: l,
-        token: o
-      },
-      r
-    ), t = re.parse(n);
-    if (!t.success || !t.paymentLinkSession)
-      return {
-        storeSlug: l,
-        token: o,
-        session: null,
-        errorMessage: t.message || null,
-        errorKey: null
-      };
-    if (t.paymentLinkSession.status !== "pending")
-      throw q(`/${encodeURIComponent(l)}/secure-payment-link/${encodeURIComponent(o)}/success`);
-    return {
-      storeSlug: l,
-      token: o,
-      session: t.paymentLinkSession,
-      errorMessage: null,
-      errorKey: null
-    };
-  } catch (n) {
-    if (n instanceof Response)
-      throw n;
-    return console.error("Failed to load secure payment link", n), {
-      storeSlug: l,
-      token: o,
-      session: null,
-      errorMessage: null,
-      errorKey: "load_failed"
-    };
-  }
+var j = (async ({ ctx: e, params: t }) => {
+	let r = typeof t.storeSlug == "string" ? t.storeSlug.trim().toLowerCase() : "", i = typeof t.token == "string" ? t.token.trim() : "";
+	if (!r || !i) return {
+		storeSlug: r,
+		token: i,
+		session: null,
+		errorMessage: null,
+		errorKey: "invalid_link"
+	};
+	try {
+		let t = await n(o, {
+			storeSlug: r,
+			token: i
+		}, e), a = l.parse(t);
+		if (!a.success || !a.paymentLinkSession) return {
+			storeSlug: r,
+			token: i,
+			session: null,
+			errorMessage: a.message || null,
+			errorKey: null
+		};
+		if (a.paymentLinkSession.status !== "pending") throw y(`/${encodeURIComponent(r)}/secure-payment-link/${encodeURIComponent(i)}/success`);
+		return {
+			storeSlug: r,
+			token: i,
+			session: a.paymentLinkSession,
+			errorMessage: null,
+			errorKey: null
+		};
+	} catch (e) {
+		if (e instanceof Response) throw e;
+		return console.error("Failed to load secure payment link", e), {
+			storeSlug: r,
+			token: i,
+			session: null,
+			errorMessage: null,
+			errorKey: "load_failed"
+		};
+	}
 });
-function ce({
-  clientSecret: r,
-  onSuccess: d
-}) {
-  const { t: l } = k(), o = H();
-  return /* @__PURE__ */ e(
-    te,
-    {
-      requireEmail: !1,
-      onSubmit: async ({ paymentMethodId: n }) => {
-        if (!o)
-          throw new Error(l("secure_payment_link.errors.stripe_not_ready"));
-        const t = await o.confirmCardPayment(
-          r,
-          {
-            payment_method: n
-          }
-        );
-        if (t.error)
-          throw new Error(t.error.message ?? l("secure_payment_link.errors.payment_failed"));
-        const s = t.paymentIntent?.status;
-        if (s !== "succeeded" && s !== "processing" && s !== "requires_capture")
-          throw new Error(l("secure_payment_link.errors.payment_failed"));
-        d();
-      }
-    }
-  );
+function M({ clientSecret: e, onSuccess: t }) {
+	let { t: n } = S(), r = D();
+	return /* @__PURE__ */ g(f, {
+		requireEmail: !1,
+		onSubmit: async ({ paymentMethodId: i }) => {
+			if (!r) throw Error(n("secure_payment_link.errors.stripe_not_ready"));
+			let a = await r.confirmCardPayment(e, { payment_method: i });
+			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();
+		}
+	});
 }
-function we() {
-  const { t: r, i18n: d } = k(), l = j(), o = G(), { storeSlug: n, token: t } = o, s = o.session, b = o.errorMessage ?? (o.errorKey ? r(`secure_payment_link.errors.${o.errorKey}`) : null), K = s?.providerType === "mollie_connect_oauth" && s.status === "pending" && !!(n && t), A = s?.providerType === "stripe_connect_oauth" && s.status === "pending" && !!(n && t), [y, h] = p(null), [F, f] = p(K), [v, _] = p(null), [m, N] = p(null), [$, w] = p(A), [E, S] = p(null), L = `/${n ?? ""}/secure-payment-link/${t ?? ""}/success`;
-  T(() => {
-    if (!s || !n || !t) {
-      h(null), _(null), f(!1);
-      return;
-    }
-    if (s.providerType !== "mollie_connect_oauth" || s.status !== "pending") {
-      h(null), _(null), f(!1);
-      return;
-    }
-    let a = !1;
-    return f(!0), _(null), h(null), (async () => {
-      try {
-        const u = await g(
-          R,
-          {
-            storeSlug: n,
-            token: t
-          }
-        ), i = U.parse(u);
-        if (a) return;
-        if (!i.success || !i.profileId) {
-          _(i.message || r("secure_payment_link.errors.session_failed"));
-          return;
-        }
-        h(i);
-      } catch (u) {
-        if (a) return;
-        console.error("Failed to create mollie secure session", u), _(r("secure_payment_link.errors.session_failed"));
-      } finally {
-        a || f(!1);
-      }
-    })(), () => {
-      a = !0;
-    };
-  }, [s, n, r, t]), T(() => {
-    if (!s || s.providerType !== "stripe_connect_oauth" || s.status !== "pending" || !n || !t) return;
-    let a = !1;
-    return w(!0), S(null), N(null), (async () => {
-      try {
-        const u = await g(
-          X,
-          {
-            storeSlug: n,
-            token: t
-          }
-        ), i = Z.parse(u);
-        if (a) return;
-        if (!i.success || !i.clientSecret || !i.payment) {
-          S(i.message || r("secure_payment_link.errors.session_failed"));
-          return;
-        }
-        N(i);
-      } catch (u) {
-        if (a) return;
-        console.error("Failed to create stripe secure session", u), S(r("secure_payment_link.errors.session_failed"));
-      } finally {
-        a || w(!1);
-      }
-    })(), () => {
-      a = !0;
-    };
-  }, [s, n, r, t]);
-  const P = M(() => {
-    const a = m?.stripePublishableKey?.trim() || oe;
-    return !a || !m?.providerAccountId ? null : z(a, {
-      stripeAccount: m.providerAccountId
-    });
-  }, [m?.providerAccountId, m?.stripePublishableKey]), I = M(() => {
-    if (m?.clientSecret)
-      return {
-        clientSecret: m.clientSecret
-      };
-  }, [m?.clientSecret]), B = s ? ae(s.amountMinor, s.currency, d.language) : "—";
-  return b || !s ? /* @__PURE__ */ e("div", { className: "mx-auto max-w-4xl px-4 py-14 sm:px-6", children: /* @__PURE__ */ e(x, { className: "border-destructive/25 bg-white p-5 sm:p-6 shadow-sm", children: /* @__PURE__ */ c("div", { className: "flex items-start gap-3", children: [
-    /* @__PURE__ */ e(Q, { className: "mt-0.5 h-5 w-5 text-destructive", "aria-hidden": "true" }),
-    /* @__PURE__ */ c("div", { className: "space-y-3", children: [
-      /* @__PURE__ */ e("h1", { className: "text-xl font-semibold tracking-tight text-slate-950", children: /* @__PURE__ */ e("span", { children: r("secure_payment_link.errors.title") }) }),
-      /* @__PURE__ */ e("p", { className: "text-sm text-slate-700", children: /* @__PURE__ */ e("span", { children: b ?? r("secure_payment_link.errors.invalid_link") }) }),
-      /* @__PURE__ */ e(Y, { to: `/${n ?? ""}`, children: /* @__PURE__ */ e(ne, { variant: "outline", children: /* @__PURE__ */ e("span", { children: r("secure_payment_link.back_to_store") }) }) })
-    ] })
-  ] }) }) }) : /* @__PURE__ */ e("div", { className: "mx-auto max-w-5xl px-4 py-10 sm:px-6", children: /* @__PURE__ */ c("div", { className: "grid gap-6 lg:grid-cols-[1fr_1fr]", children: [
-    /* @__PURE__ */ e(x, { className: "border-slate-200 bg-white p-5 shadow-sm", children: /* @__PURE__ */ c("div", { className: "space-y-5", children: [
-      /* @__PURE__ */ c("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__ */ e(V, { className: "h-3.5 w-3.5", "aria-hidden": "true" }),
-        /* @__PURE__ */ e("span", { children: r("secure_payment_link.secured_badge") })
-      ] }),
-      /* @__PURE__ */ c("div", { children: [
-        /* @__PURE__ */ e("h1", { className: "text-2xl font-semibold tracking-tight text-slate-950", children: /* @__PURE__ */ e("span", { children: r("secure_payment_link.title") }) }),
-        /* @__PURE__ */ e("p", { className: "mt-2 text-sm text-slate-600", children: /* @__PURE__ */ e("span", { children: r("secure_payment_link.subtitle") }) })
-      ] }),
-      /* @__PURE__ */ c("dl", { className: "grid gap-3 rounded-xl border border-slate-200 bg-slate-50 p-4 text-sm", children: [
-        /* @__PURE__ */ c("div", { className: "flex items-center justify-between gap-3", children: [
-          /* @__PURE__ */ e("dt", { className: "text-slate-600", children: /* @__PURE__ */ e("span", { children: r("secure_payment_link.amount_label") }) }),
-          /* @__PURE__ */ e("dd", { className: "font-semibold text-slate-950", children: /* @__PURE__ */ e("span", { children: B }) })
-        ] }),
-        /* @__PURE__ */ c("div", { className: "flex items-center justify-between gap-3", children: [
-          /* @__PURE__ */ e("dt", { className: "text-slate-600", children: /* @__PURE__ */ e("span", { children: r("secure_payment_link.reference_label") }) }),
-          /* @__PURE__ */ e("dd", { className: "font-medium text-slate-950", children: /* @__PURE__ */ e("span", { children: s.reference }) })
-        ] }),
-        /* @__PURE__ */ c("div", { className: "flex items-center justify-between gap-3", children: [
-          /* @__PURE__ */ e("dt", { className: "text-slate-600", children: /* @__PURE__ */ e("span", { children: r("secure_payment_link.provider_label") }) }),
-          /* @__PURE__ */ e("dd", { className: "font-medium text-slate-950", children: /* @__PURE__ */ e("span", { children: r(`secure_payment_link.providers.${s.providerType}`) }) })
-        ] })
-      ] })
-    ] }) }),
-    /* @__PURE__ */ e(x, { className: "border-slate-200 bg-white p-5 shadow-sm", children: s.providerType === "mollie_connect_oauth" ? /* @__PURE__ */ c("div", { className: "space-y-4", children: [
-      /* @__PURE__ */ e("h2", { className: "text-lg font-semibold text-slate-950", children: /* @__PURE__ */ e("span", { children: r("secure_payment_link.mollie.form_title") }) }),
-      /* @__PURE__ */ e("p", { className: "text-sm text-slate-600", children: /* @__PURE__ */ e("span", { children: r("secure_payment_link.mollie.form_description") }) }),
-      F ? /* @__PURE__ */ e(C, {}) : v ? /* @__PURE__ */ e("p", { className: "text-sm text-destructive", children: /* @__PURE__ */ e("span", { children: v }) }) : y?.profileId ? /* @__PURE__ */ e(
-        se,
-        {
-          profileId: y.profileId,
-          testmode: y.testmode === !0,
-          onSubmit: async (a) => {
-            const u = await g(
-              R,
-              {
-                storeSlug: n,
-                token: t,
-                cardToken: a
-              }
-            ), i = U.parse(u);
-            if (!i.success)
-              throw new Error(i.message || r("secure_payment_link.errors.payment_failed"));
-            if (i.paymentStatus === "succeeded" || i.paymentStatus === "authorized") {
-              l(L, { replace: !0 });
-              return;
-            }
-            if (!i.checkoutUrl)
-              throw new Error(i.message || r("secure_payment_link.errors.mollie_missing_url"));
-            const O = new URL(i.checkoutUrl, window.location.origin).toString();
-            window.location.assign(O);
-          }
-        }
-      ) : /* @__PURE__ */ e("p", { className: "text-sm text-destructive", children: /* @__PURE__ */ e("span", { children: r("secure_payment_link.errors.session_failed") }) })
-    ] }) : $ ? /* @__PURE__ */ e(C, {}) : E ? /* @__PURE__ */ e("p", { className: "text-sm text-destructive", children: /* @__PURE__ */ e("span", { children: E }) }) : !m?.clientSecret || !P || !I ? /* @__PURE__ */ e("p", { className: "text-sm text-destructive", children: /* @__PURE__ */ e("span", { children: r("secure_payment_link.errors.missing_publishable_key") }) }) : /* @__PURE__ */ e(D, { stripe: P, options: I, children: /* @__PURE__ */ e(
-      ce,
-      {
-        clientSecret: m.clientSecret,
-        onSuccess: () => {
-          l(L, { replace: !0 });
-        }
-      }
-    ) }, m.clientSecret) })
-  ] }) });
+function N() {
+	let { t: n, i18n: i } = S(), o = x(), l = b(), { storeSlug: f, token: y } = l, D = l.session, j = l.errorMessage ?? (l.errorKey ? n(`secure_payment_link.errors.${l.errorKey}`) : null), N = D?.providerType === "mollie_connect_oauth" && D.status === "pending" && !!(f && y), P = D?.providerType === "stripe_connect_oauth" && D.status === "pending" && !!(f && y), [F, I] = h(null), [L, R] = h(N), [z, B] = h(null), [V, H] = h(null), [U, W] = h(P), [G, K] = h(null), q = `/${f ?? ""}/secure-payment-link/${y ?? ""}/success`;
+	p(() => {
+		if (!D || !f || !y) {
+			I(null), B(null), R(!1);
+			return;
+		}
+		if (D.providerType !== "mollie_connect_oauth" || D.status !== "pending") {
+			I(null), B(null), R(!1);
+			return;
+		}
+		let e = !1;
+		return R(!0), B(null), I(null), (async () => {
+			try {
+				let t = await r(a, {
+					storeSlug: f,
+					token: y
+				}), i = c.parse(t);
+				if (e) return;
+				if (!i.success || !i.profileId) {
+					B(i.message || n("secure_payment_link.errors.session_failed"));
+					return;
+				}
+				I(i);
+			} catch (t) {
+				if (e) return;
+				console.error("Failed to create mollie secure session", t), B(n("secure_payment_link.errors.session_failed"));
+			} finally {
+				e || R(!1);
+			}
+		})(), () => {
+			e = !0;
+		};
+	}, [
+		D,
+		f,
+		n,
+		y
+	]), p(() => {
+		if (!D || D.providerType !== "stripe_connect_oauth" || D.status !== "pending" || !f || !y) return;
+		let e = !1;
+		return W(!0), K(null), H(null), (async () => {
+			try {
+				let t = await r(s, {
+					storeSlug: f,
+					token: y
+				}), i = u.parse(t);
+				if (e) return;
+				if (!i.success || !i.clientSecret || !i.payment) {
+					K(i.message || n("secure_payment_link.errors.session_failed"));
+					return;
+				}
+				H(i);
+			} catch (t) {
+				if (e) return;
+				console.error("Failed to create stripe secure session", t), K(n("secure_payment_link.errors.session_failed"));
+			} finally {
+				e || W(!1);
+			}
+		})(), () => {
+			e = !0;
+		};
+	}, [
+		D,
+		f,
+		n,
+		y
+	]);
+	let J = m(() => {
+		let e = V?.stripePublishableKey?.trim() || O;
+		return !e || !V?.providerAccountId ? null : T(e, { stripeAccount: V.providerAccountId });
+	}, [V?.providerAccountId, V?.stripePublishableKey]), Y = m(() => {
+		if (V?.clientSecret) return { clientSecret: V.clientSecret };
+	}, [V?.clientSecret]), X = D ? k(D.amountMinor, D.currency, i.language) : "—";
+	return j || !D ? /* @__PURE__ */ g("div", {
+		className: "mx-auto max-w-4xl px-4 py-14 sm:px-6",
+		children: /* @__PURE__ */ g(t, {
+			className: "border-destructive/25 bg-white p-5 sm:p-6 shadow-sm",
+			children: /* @__PURE__ */ _("div", {
+				className: "flex items-start gap-3",
+				children: [/* @__PURE__ */ g(C, {
+					className: "mt-0.5 h-5 w-5 text-destructive",
+					"aria-hidden": "true"
+				}), /* @__PURE__ */ _("div", {
+					className: "space-y-3",
+					children: [
+						/* @__PURE__ */ g("h1", {
+							className: "text-xl font-semibold tracking-tight text-slate-950",
+							children: /* @__PURE__ */ g("span", { children: n("secure_payment_link.errors.title") })
+						}),
+						/* @__PURE__ */ g("p", {
+							className: "text-sm text-slate-700",
+							children: /* @__PURE__ */ g("span", { children: j ?? n("secure_payment_link.errors.invalid_link") })
+						}),
+						/* @__PURE__ */ g(v, {
+							to: `/${f ?? ""}`,
+							children: /* @__PURE__ */ g(e, {
+								variant: "outline",
+								children: /* @__PURE__ */ g("span", { children: n("secure_payment_link.back_to_store") })
+							})
+						})
+					]
+				})]
+			})
+		})
+	}) : /* @__PURE__ */ g("div", {
+		className: "mx-auto max-w-5xl px-4 py-10 sm:px-6",
+		children: /* @__PURE__ */ _("div", {
+			className: "grid gap-6 lg:grid-cols-[1fr_1fr]",
+			children: [/* @__PURE__ */ g(t, {
+				className: "border-slate-200 bg-white p-5 shadow-sm",
+				children: /* @__PURE__ */ _("div", {
+					className: "space-y-5",
+					children: [
+						/* @__PURE__ */ _("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__ */ g(w, {
+								className: "h-3.5 w-3.5",
+								"aria-hidden": "true"
+							}), /* @__PURE__ */ g("span", { children: n("secure_payment_link.secured_badge") })]
+						}),
+						/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("h1", {
+							className: "text-2xl font-semibold tracking-tight text-slate-950",
+							children: /* @__PURE__ */ g("span", { children: n("secure_payment_link.title") })
+						}), /* @__PURE__ */ g("p", {
+							className: "mt-2 text-sm text-slate-600",
+							children: /* @__PURE__ */ g("span", { children: n("secure_payment_link.subtitle") })
+						})] }),
+						/* @__PURE__ */ _("dl", {
+							className: "grid gap-3 rounded-xl border border-slate-200 bg-slate-50 p-4 text-sm",
+							children: [
+								/* @__PURE__ */ _("div", {
+									className: "flex items-center justify-between gap-3",
+									children: [/* @__PURE__ */ g("dt", {
+										className: "text-slate-600",
+										children: /* @__PURE__ */ g("span", { children: n("secure_payment_link.amount_label") })
+									}), /* @__PURE__ */ g("dd", {
+										className: "font-semibold text-slate-950",
+										children: /* @__PURE__ */ g("span", { children: X })
+									})]
+								}),
+								/* @__PURE__ */ _("div", {
+									className: "flex items-center justify-between gap-3",
+									children: [/* @__PURE__ */ g("dt", {
+										className: "text-slate-600",
+										children: /* @__PURE__ */ g("span", { children: n("secure_payment_link.reference_label") })
+									}), /* @__PURE__ */ g("dd", {
+										className: "font-medium text-slate-950",
+										children: /* @__PURE__ */ g("span", { children: D.reference })
+									})]
+								}),
+								/* @__PURE__ */ _("div", {
+									className: "flex items-center justify-between gap-3",
+									children: [/* @__PURE__ */ g("dt", {
+										className: "text-slate-600",
+										children: /* @__PURE__ */ g("span", { children: n("secure_payment_link.provider_label") })
+									}), /* @__PURE__ */ g("dd", {
+										className: "font-medium text-slate-950",
+										children: /* @__PURE__ */ g("span", { children: n(`secure_payment_link.providers.${D.providerType}`) })
+									})]
+								})
+							]
+						})
+					]
+				})
+			}), /* @__PURE__ */ g(t, {
+				className: "border-slate-200 bg-white p-5 shadow-sm",
+				children: D.providerType === "mollie_connect_oauth" ? /* @__PURE__ */ _("div", {
+					className: "space-y-4",
+					children: [
+						/* @__PURE__ */ g("h2", {
+							className: "text-lg font-semibold text-slate-950",
+							children: /* @__PURE__ */ g("span", { children: n("secure_payment_link.mollie.form_title") })
+						}),
+						/* @__PURE__ */ g("p", {
+							className: "text-sm text-slate-600",
+							children: /* @__PURE__ */ g("span", { children: n("secure_payment_link.mollie.form_description") })
+						}),
+						L ? /* @__PURE__ */ g(A, {}) : z ? /* @__PURE__ */ g("p", {
+							className: "text-sm text-destructive",
+							children: /* @__PURE__ */ g("span", { children: z })
+						}) : F?.profileId ? /* @__PURE__ */ g(d, {
+							profileId: F.profileId,
+							testmode: F.testmode === !0,
+							onSubmit: async (e) => {
+								let t = await r(a, {
+									storeSlug: f,
+									token: y,
+									cardToken: e
+								}), i = c.parse(t);
+								if (!i.success) throw Error(i.message || n("secure_payment_link.errors.payment_failed"));
+								if (i.paymentStatus === "succeeded" || i.paymentStatus === "authorized") {
+									o(q, { replace: !0 });
+									return;
+								}
+								if (!i.checkoutUrl) throw Error(i.message || n("secure_payment_link.errors.mollie_missing_url"));
+								let s = new URL(i.checkoutUrl, window.location.origin).toString();
+								window.location.assign(s);
+							}
+						}) : /* @__PURE__ */ g("p", {
+							className: "text-sm text-destructive",
+							children: /* @__PURE__ */ g("span", { children: n("secure_payment_link.errors.session_failed") })
+						})
+					]
+				}) : U ? /* @__PURE__ */ g(A, {}) : G ? /* @__PURE__ */ g("p", {
+					className: "text-sm text-destructive",
+					children: /* @__PURE__ */ g("span", { children: G })
+				}) : !V?.clientSecret || !J || !Y ? /* @__PURE__ */ g("p", {
+					className: "text-sm text-destructive",
+					children: /* @__PURE__ */ g("span", { children: n("secure_payment_link.errors.missing_publishable_key") })
+				}) : /* @__PURE__ */ g(E, {
+					stripe: J,
+					options: Y,
+					children: /* @__PURE__ */ g(M, {
+						clientSecret: V.clientSecret,
+						onSuccess: () => {
+							o(q, { replace: !0 });
+						}
+					})
+				}, V.clientSecret)
+			})]
+		})
+	});
 }
-export {
-  we as default,
-  Ne as loader
-};
+//#endregion
+export { N as default, j as loader };