@loczer/storefront-sdk 0.148.0 → 0.150.0

package/dist/pages/CheckoutPage.js

@@ -0,0 +1,428 @@
+import { jsx as n, jsxs as y } from "react/jsx-runtime";
+import { useState as c, useMemo as u, useEffect as E } from "react";
+import { toast as Z } from "@rpcbase/client";
+import { useForm as Ye, zodResolver as et } from "@rpcbase/form";
+import { useParams as tt, useSearchParams as ot, useNavigate as nt, Link as be } from "@rpcbase/router";
+import { ArrowLeft as ke } from "lucide-react";
+import { useTranslation as at } from "react-i18next";
+import { apiPost as F } from "../lib/apiCall.js";
+import { ROUTE as rt, responseSchema as st } from "../lib/checkoutPaymentDecision.js";
+import { ROUTE as it, responseSchema as lt } from "../lib/checkoutVerifyCoupon.js";
+import { ROUTE as ct, responseSchema as ut } from "../lib/checkoutSubmit.js";
+import { ROUTE as dt, responseSchema as mt, buildStorefrontAvailabilityKey as Ce, getStorefrontAvailabilityIssue as pt } from "../lib/storefrontAvailability.js";
+import { resolveBookingSearchParamsFromSessionStorage as ht, getBookingParamsFromSearch as ft, getBookingDurationLabel as gt, getBookingDurationMinutes as yt, applyBookingParamsToSearch as ve, writeBookingSearchParamsToSessionStorage as Se } from "../lib/booking.js";
+import { buildStorefrontCartSummary as _t } from "../lib/cartSummary.js";
+import { useStorefrontCart as bt } from "../lib/cart.js";
+import { useStorefront as kt, useStorefrontProducts as Ct } from "../StorefrontProvider.js";
+import { BookingFlowSteps as vt } from "../components/BookingFlowSteps/index.js";
+import { Button as Me } from "../ui/button.js";
+import { CheckoutDetailsCard as St } from "./checkout/components/CheckoutDetailsCard.js";
+import { CheckoutCouponCard as Mt } from "./checkout/components/CheckoutCouponCard.js";
+import { CheckoutPaymentSummaryCard as xt } from "./checkout/components/CheckoutPaymentSummaryCard.js";
+import { CheckoutSummaryColumn as Pt } from "./checkout/components/CheckoutSummaryColumn.js";
+import { FulfillmentSection as Tt } from "../components/FulfillmentSection/index.js";
+import { checkoutFormSchema as At } from "./checkout/types.js";
+const xe = 0.2, Dt = (o) => o <= 0 ? 1 : Math.max(1, Math.ceil(o / 1440)), _ = (o, r, p) => {
+  try {
+    return new Intl.NumberFormat(p, {
+      style: "currency",
+      currency: r.toUpperCase()
+    }).format(o / 100);
+  } catch {
+    return `${(o / 100).toFixed(2)} ${r.toUpperCase()}`;
+  }
+}, Pe = (o, r) => {
+  try {
+    return new Intl.NumberFormat(r, {
+      style: "percent",
+      minimumFractionDigits: 0,
+      maximumFractionDigits: 2
+    }).format(o);
+  } catch {
+    return `${Math.round(o * 100)}%`;
+  }
+}, wt = (o, r, p) => {
+  const S = {
+    dateStyle: "medium",
+    timeStyle: "short"
+  };
+  if (p)
+    try {
+      return new Intl.DateTimeFormat(r, { ...S, timeZone: p }).format(o);
+    } catch {
+    }
+  return new Intl.DateTimeFormat(r, S).format(o);
+};
+function to() {
+  const { t: o, i18n: r } = at(), { storefrontConfiguration: p } = kt(), S = p.workspace?.workspaceLanguage, { bikes: G, accessories: J } = Ct(), { storeSlug: s } = tt(), [M, Te] = ot(), Ae = nt(), { items: X, itemCount: De, setQuantity: we, removeItem: Ie, clear: Le } = bt(), [U, Y] = c(!1), [l, T] = c(null), [ee, $] = c(!1), [te, A] = c(null), oe = M.get("coupon") ?? M.get("code") ?? "", [ne, B] = c(oe), [ae, re] = c(oe.trim()), [f, x] = c(null), [Ne, D] = c(null), [se, O] = c(!1), [Re, b] = c(null), [ie, k] = c(null), [V, le] = c(!1), ce = u(
+    () => ht(M, s),
+    [M, s]
+  ), w = p.settings.fulfillmentModes.includes("delivery"), ue = p.settings.deliveryDisabledReason.trim(), Ee = w || ue.length > 0, Fe = p.shop.address?.trim() ?? "", t = u(() => {
+    const e = ft(ce);
+    return e.fulfillment === "delivery" && !w ? { ...e, fulfillment: "pickup" } : e;
+  }, [ce, w]), Ue = u(() => gt(t), [t]), de = u(() => yt(t), [t]), me = u(() => Dt(de), [de]), d = u(
+    () => _t({
+      items: X,
+      language: r.language,
+      fallbackLanguage: S,
+      products: { bikes: G, accessories: J },
+      estimatedDays: me
+    }),
+    [J, G, me, r.language, X, S]
+  ), q = u(
+    () => d.lines.map((e) => ({
+      productId: e.checkoutProductId,
+      productVariantId: e.productVariantId,
+      quantity: e.quantity
+    })),
+    [d.lines]
+  ), [pe, I] = c([]), [K, z] = c(!1);
+  E(() => {
+    if (!s || q.length === 0) {
+      I([]), z(!1);
+      return;
+    }
+    let e = !1;
+    return z(!0), I([]), (async () => {
+      try {
+        const i = await F(
+          dt,
+          {
+            storeSlug: s,
+            schedule: {
+              startDate: t.start_date,
+              endDate: t.end_date,
+              startTime: t.start_time,
+              endTime: t.end_time
+            },
+            products: q
+          }
+        ), a = mt.parse(i);
+        if (e) return;
+        I(a.success ? a.availability ?? [] : []);
+      } catch (i) {
+        if (e) return;
+        console.error("Failed to load checkout cart availability", i), I([]);
+      } finally {
+        e || z(!1);
+      }
+    })(), () => {
+      e = !0;
+    };
+  }, [
+    t.end_date,
+    t.end_time,
+    t.start_date,
+    t.start_time,
+    q,
+    s
+  ]);
+  const he = u(() => new Map(
+    pe.map((e) => [
+      Ce(e.productId, e.productVariantId),
+      e
+    ])
+  ), [pe]), L = u(
+    () => ({
+      ...d,
+      lines: d.lines.map((e) => {
+        const i = he.get(Ce(e.checkoutProductId, e.productVariantId)), a = i ? pt(i) : e.availabilityStatus === "OUT_OF_STOCK" ? "unavailable" : void 0;
+        return {
+          ...e,
+          insufficientCapacity: !K && a !== void 0,
+          availabilityIssue: K ? void 0 : a
+        };
+      })
+    }),
+    [he, K, d]
+  ), C = u(
+    () => d.lines.map((e) => ({
+      kind: e.kind,
+      productId: e.checkoutProductId,
+      productVariantId: e.productVariantId,
+      quantity: e.quantity
+    })),
+    [d.lines]
+  ), $e = d.estimatedTotalMinor ?? d.totalPerDayMinor, v = Ne?.totalMinor ?? $e, P = f?.discountAmountMinor ?? 0, N = ve(new URLSearchParams(), t).toString(), j = `/${s ?? ""}/booking${N ? `?${N}` : ""}`, Be = `/${s ?? ""}/checkout${N ? `?${N}` : ""}`, fe = Ye({
+    resolver: et(At),
+    defaultValues: { full_name: "", email: "", phone: "", notes: "" }
+  });
+  E(() => {
+    Se(s, t);
+  }, [t, s]);
+  const H = (e) => {
+    const i = { ...t, ...e }, a = ve(M, i);
+    Te(a, { replace: !0 }), Se(s, a);
+  };
+  E(() => {
+    if (!s || C.length === 0) {
+      x(null), D(null), O(!1), b(null), k(null);
+      return;
+    }
+    const e = ae.trim(), i = e.length === 0 && !V;
+    let a = !1;
+    return O(!0), k(null), b(null), (async () => {
+      try {
+        const W = await F(
+          it,
+          {
+            storeSlug: s,
+            schedule: {
+              startDate: t.start_date,
+              endDate: t.end_date,
+              startTime: t.start_time,
+              endTime: t.end_time
+            },
+            items: C,
+            couponCode: e || void 0,
+            includeAutoApply: i
+          }
+        ), m = lt.parse(W);
+        if (a) return;
+        if (D(
+          typeof m.subtotalMinor == "number" && typeof m.totalMinor == "number" ? { subtotalMinor: m.subtotalMinor, totalMinor: m.totalMinor } : null
+        ), !m.success) {
+          x(null), k(m.message || o("checkout_coupon_invalid"));
+          return;
+        }
+        x(m.coupon ?? null), m.coupon && (m.coupon.autoApplied && e.length === 0 ? (B(m.coupon.code), b(o("checkout_coupon_auto_applied", { code: m.coupon.code }))) : b(o("checkout_coupon_manual_applied")));
+      } catch (W) {
+        if (a) return;
+        console.error("Failed to verify checkout coupon", W), x(null), D(null), k(o("checkout_coupon_error"));
+      } finally {
+        a || O(!1);
+      }
+    })(), () => {
+      a = !0;
+    };
+  }, [
+    V,
+    t.end_date,
+    t.end_time,
+    t.start_date,
+    t.start_time,
+    C,
+    s,
+    ae,
+    o
+  ]), E(() => {
+    if (!s || d.lines.length === 0) {
+      T(null), A(null), $(!1);
+      return;
+    }
+    let e = !1;
+    return $(!0), A(null), (async () => {
+      try {
+        const i = await F(
+          rt,
+          {
+            storeSlug: s,
+            schedule: {
+              startDate: t.start_date,
+              endDate: t.end_date,
+              startTime: t.start_time,
+              endTime: t.end_time
+            },
+            estimatedTotalMinor: v
+          }
+        ), a = st.parse(i);
+        if (e) return;
+        if (!a.success || !a.decision) {
+          T(null), A(a.message || o("checkout_payment_error"));
+          return;
+        }
+        T(a.decision);
+      } catch (i) {
+        if (e) return;
+        console.error("Failed to load checkout payment decision", i), T(null), A(o("checkout_payment_error"));
+      } finally {
+        e || $(!1);
+      }
+    })(), () => {
+      e = !0;
+    };
+  }, [
+    t.end_date,
+    t.end_time,
+    t.start_date,
+    t.start_time,
+    v,
+    d.lines.length,
+    s,
+    o
+  ]);
+  const g = l?.currency ?? "EUR", Oe = _(v, g, r.language), Ve = P > 0 ? `-${_(P, g, r.language)}` : null, ge = Math.round(v / (1 + xe)), qe = Math.max(0, v - ge), Ke = _(ge, g, r.language), ze = _(qe, g, r.language), je = Pe(xe, r.language), h = l?.amountToCollectMinor ?? 0, He = _(h, g, r.language), Qe = l?.paymentMode === "deposit" && h > 0 ? _(h, g, r.language) : null, We = l?.shouldCollectOnlinePayment === !0 && h > 0, ye = p.shop.timeZone?.trim() || void 0, R = u(() => {
+    if (!l) return null;
+    const e = Math.max(0, Math.min(1, l.bookingDepositPercentage));
+    return Pe(e, r.language);
+  }, [r.language, l]), Q = u(() => {
+    if (!l?.depositRefundableUntilIso) return null;
+    const e = new Date(l.depositRefundableUntilIso);
+    return Number.isNaN(e.getTime()) ? null : wt(e, r.language, ye);
+  }, [r.language, l?.depositRefundableUntilIso, ye]), Ze = u(() => l ? l.paymentMode === "deposit" && h > 0 && R ? Q ? o("checkout_payment_due_now_helper_deposit_refundable_until", {
+    percent: R,
+    date: Q
+  }) : o("checkout_payment_due_now_helper_deposit", {
+    percent: R
+  }) : l.paymentMode === "full" && h > 0 ? null : l.paymentMode === "none" || h <= 0 ? o("checkout_payment_due_now_helper_none") : null : null, [
+    h,
+    R,
+    Q,
+    l,
+    o
+  ]), Ge = fe.handleSubmit(async (e) => {
+    if (!(!s || C.length === 0)) {
+      Y(!0);
+      try {
+        const i = await F(
+          ct,
+          {
+            storeSlug: s,
+            schedule: {
+              startDate: t.start_date,
+              endDate: t.end_date,
+              startTime: t.start_time,
+              endTime: t.end_time
+            },
+            fulfillment: t.fulfillment,
+            startAddress: t.fulfillment === "delivery" ? t.start_address : void 0,
+            endAddress: t.fulfillment === "delivery" ? t.end_address : void 0,
+            couponCode: f?.code,
+            couponAutoApplied: V ? !1 : f?.autoApplied,
+            customer: {
+              fullName: e.full_name,
+              email: e.email,
+              phone: e.phone,
+              notes: e.notes
+            },
+            items: C
+          }
+        ), a = ut.parse(i);
+        if (!a.success || !a.checkout) {
+          Z.error(a.message || o("checkout_payment_error"));
+          return;
+        }
+        a.checkout.requiresPayment || Z.success(o("checkout_success_toast")), await Ae(a.checkout.nextPath), Le();
+      } catch (i) {
+        console.error("Failed to submit storefront checkout", i), Z.error(o("checkout_payment_error"));
+      } finally {
+        Y(!1);
+      }
+    }
+  }), Je = o(We ? "checkout_continue_to_payment" : "checkout_submit"), _e = t.fulfillment === "delivery" && t.start_address.trim().length === 0, Xe = !U && !ee && !te && !se && !ie && !!l && !_e && C.length > 0;
+  return d.lines.length === 0 ? /* @__PURE__ */ n("div", { className: "mx-auto max-w-3xl px-4 py-10 sm:px-6", children: /* @__PURE__ */ y("div", { className: "rounded-2xl border border-slate-200 bg-white p-6 shadow-sm", children: [
+    /* @__PURE__ */ n("h1", { className: "text-xl font-semibold tracking-tight text-slate-950", children: /* @__PURE__ */ n("span", { children: o("cart_empty_title") }) }),
+    /* @__PURE__ */ n("p", { className: "mt-2 text-sm text-slate-600", children: /* @__PURE__ */ n("span", { children: o("cart_empty_description") }) }),
+    /* @__PURE__ */ n("div", { className: "mt-6", children: /* @__PURE__ */ n(be, { to: j, children: /* @__PURE__ */ y(Me, { className: "gap-2", children: [
+      /* @__PURE__ */ n(ke, { className: "h-4 w-4", "aria-hidden": "true" }),
+      /* @__PURE__ */ n("span", { children: o("back_to_booking") })
+    ] }) }) })
+  ] }) }) : /* @__PURE__ */ n("div", { className: "mx-auto max-w-7xl px-4 py-8 sm:px-6", children: /* @__PURE__ */ y("div", { className: "flex flex-col gap-6", children: [
+    /* @__PURE__ */ n(vt, { currentStep: "checkout", bookingPath: j, checkoutPath: Be }),
+    /* @__PURE__ */ y(be, { to: j, className: "inline-flex items-center gap-2 text-sm font-medium text-slate-700 hover:text-slate-950", children: [
+      /* @__PURE__ */ n(ke, { className: "h-4 w-4", "aria-hidden": "true" }),
+      /* @__PURE__ */ n("span", { children: o("back_to_booking") })
+    ] }),
+    /* @__PURE__ */ y("div", { className: "grid gap-6 lg:grid-cols-12", children: [
+      /* @__PURE__ */ y("div", { className: "lg:col-span-7", children: [
+        /* @__PURE__ */ n("h1", { className: "text-xl font-semibold tracking-tight text-slate-950", children: /* @__PURE__ */ n("span", { children: o("checkout_title") }) }),
+        /* @__PURE__ */ y("div", { className: "mt-5 grid gap-4", children: [
+          Ee ? /* @__PURE__ */ n("div", { className: "rounded-xl border border-slate-200 bg-white p-4 shadow-sm", children: /* @__PURE__ */ n(
+            Tt,
+            {
+              value: t.fulfillment,
+              onValueChange: (e) => H({ fulfillment: e }),
+              pickupAddress: Fe,
+              deliveryEnabled: w,
+              deliveryDisabledReason: ue,
+              startAddress: t.start_address,
+              onStartAddressChange: (e) => H({ start_address: e }),
+              endAddress: t.end_address,
+              onEndAddressChange: (e) => H({ end_address: e }),
+              showPickupAddressWhenPickupOnly: !1,
+              testIdPrefix: "storefront-checkout-fulfillment"
+            }
+          ) }) : null,
+          /* @__PURE__ */ n(St, { form: fe }),
+          /* @__PURE__ */ n(
+            Mt,
+            {
+              code: ne,
+              appliedCode: f?.code,
+              discountLabel: f && P > 0 ? _(P, g, r.language) : null,
+              message: Re,
+              error: ie,
+              loading: se,
+              disabled: U,
+              onCodeChange: (e) => {
+                B(e), k(null), b(null);
+              },
+              onApply: () => {
+                le(!1), re(ne.trim());
+              },
+              onRemove: () => {
+                B(""), re(""), x(null), D(null), k(null), b(null), le(!0);
+              }
+            }
+          ),
+          /* @__PURE__ */ n(
+            xt,
+            {
+              estimatedTotalLabel: Oe,
+              couponCode: f?.code,
+              discountAmountLabel: Ve,
+              totalExcludingTaxLabel: Ke,
+              vatAmountLabel: ze,
+              vatRateLabel: je,
+              depositAmountLabel: Qe,
+              amountToCollectMinor: h,
+              amountToCollectLabel: He,
+              paymentSummaryHelper: Ze,
+              paymentDecisionLoading: ee,
+              paymentDecisionError: te,
+              canChoosePaymentMethod: !1,
+              showAmountDueNowRow: !0,
+              selectedPaymentMethod: "card",
+              submitting: U,
+              onSelectPaymentMethod: () => {
+              }
+            }
+          ),
+          /* @__PURE__ */ n(
+            Me,
+            {
+              type: "button",
+              size: "lg",
+              onClick: () => {
+                Ge();
+              },
+              disabled: !Xe,
+              className: "mt-4 w-fit",
+              children: /* @__PURE__ */ n("span", { children: Je })
+            }
+          ),
+          _e ? /* @__PURE__ */ n("p", { className: "text-sm text-slate-600", children: /* @__PURE__ */ n("span", { children: o("checkout_delivery_address_required") }) }) : null
+        ] })
+      ] }),
+      /* @__PURE__ */ n(
+        Pt,
+        {
+          lines: L.lines,
+          itemCount: De,
+          totalPerDayMinor: L.totalPerDayMinor,
+          estimatedDays: L.estimatedDays,
+          estimatedTotalMinor: L.estimatedTotalMinor,
+          discountedEstimatedTotalMinor: v,
+          discountAmountMinor: P,
+          couponCode: f?.code,
+          durationLabel: Ue.label,
+          onQuantityChange: we,
+          onRemove: Ie
+        }
+      )
+    ] })
+  ] }) });
+}
+export {
+  to as default
+};

package/dist/pages/CheckoutPaymentPage.d.ts

@@ -0,0 +1,2 @@
+export default function CheckoutPaymentPage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CheckoutPaymentPage.d.ts.map

package/dist/pages/CheckoutPaymentPage.js

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

package/dist/pages/CheckoutSuccessPage.d.ts

@@ -0,0 +1,2 @@
+export default function CheckoutSuccessPage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CheckoutSuccessPage.d.ts.map