@loczer/storefront-sdk 0.177.0 → 0.179.0

package/dist/pages/ContractSaleDocumentPage.js

@@ -2,10 +2,11 @@ import { jsx as t, jsxs as g } from "react/jsx-runtime";
 import { useState as b, useEffect as T } from "react";
 import { Menu as _ } from "@base-ui/react/menu";
 import { toast as D } from "@rpcbase/client";
-import { cn as K } from "@rpcbase/ui";
-import { useLoaderData as B, useLocation as H, useNavigate as W, Link as I } from "@rpcbase/router";
-import { ArrowLeft as $, Download as J, ChevronDown as Q, Loader2 as V } from "lucide-react";
-import { useTranslation as q } from "react-i18next";
+import { cn as B } from "@rpcbase/ui";
+import { useLoaderData as K, useLocation as H, useNavigate as W, Link as I } from "@rpcbase/router";
+import { Spinner as J } from "../chunks/ui/dist/Spinner/index-SbbUxcsT.js";
+import { ArrowLeft as $, Download as Q, ChevronDown as V } from "lucide-react";
+import { useTranslation as z } from "react-i18next";
 import { apiPost as X, apiGet as Y } from "../lib/apiCall.js";
 import { ContractSaleDocument as M } from "../components/ContractSaleDocument/Invoice.js";
 import { ACCEPT_CONTRACT_SALE_DOCUMENT_ROUTE as Z, acceptContractSaleDocumentResponseSchema as ee, contractSaleDocumentApiSchema as te, DOWNLOAD_CONTRACT_SALE_DOCUMENT_PDF_ROUTE as ne, GET_CONTRACT_SALE_DOCUMENT_ROUTE as oe, getContractSaleDocumentResponseSchema as re } from "../lib/contractSaleDocumentApi.js";
@@ -35,7 +36,7 @@ const S = (e) => new URLSearchParams(e).get("pdf") === "1", C = (e) => v(new URL
   );
   return s.searchParams.set("lang", a), s.toString();
 }, le = (e, n, o) => {
-  const s = `${o === "credit_note" ? "credit-note" : "invoice"}-${n?.trim() || "document"}.pdf`;
+  const s = `${o === "credit_note" ? "credit-note" : o === "quote" ? "quote" : "invoice"}-${n?.trim() || "document"}.pdf`;
   if (!e)
     return s;
   const c = e.match(/filename\*=UTF-8''([^;]+)/i)?.[1];
@@ -47,9 +48,9 @@ const S = (e) => new URLSearchParams(e).get("pdf") === "1", C = (e) => v(new URL
     }
   return e.match(/filename="([^"]+)"/i)?.[1] ?? e.match(/filename=([^;]+)/i)?.[1]?.trim() ?? s;
 }, A = (e) => /* @__PURE__ */ t(
-  V,
+  J,
   {
-    className: "h-4 w-4 animate-spin",
+    className: "size-4",
     "aria-hidden": "true",
     "data-testid": e
   }
@@ -63,7 +64,7 @@ function me({
   selectedLanguage: e,
   onChange: n
 }) {
-  const { t: o } = q(), [a, s] = b(!1), c = F.find((r) => r.code === e) ?? ue;
+  const { t: o } = z(), [a, s] = b(!1), c = F.find((r) => r.code === e) ?? ue;
   return /* @__PURE__ */ g(_.Root, { open: a, onOpenChange: s, children: [
     /* @__PURE__ */ t(
       _.Trigger,
@@ -80,7 +81,7 @@ function me({
             "data-testid": "contract-sale-document-language-trigger",
             children: [
               /* @__PURE__ */ t("span", { children: c.code }),
-              /* @__PURE__ */ t(Q, { className: "h-4 w-4", "aria-hidden": "true" })
+              /* @__PURE__ */ t(V, { className: "h-4 w-4", "aria-hidden": "true" })
             ]
           }
         )
@@ -114,7 +115,7 @@ function me({
                   d.defaultPrevented || (n(r.code), s(!1));
                 },
                 "data-testid": `contract-sale-document-language-option-${r.code}`,
-                className: K(
+                className: B(
                   "relative flex cursor-pointer select-none items-center justify-between gap-3 whitespace-nowrap rounded-sm px-2 py-1.5 text-sm outline-none transition-colors data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground",
                   e === r.code && "bg-accent"
                 ),
@@ -131,7 +132,7 @@ function me({
     ) })
   ] });
 }
-const Se = (async ({ ctx: e, params: n }) => {
+const Ce = (async ({ ctx: e, params: n }) => {
   const o = typeof n.storeSlug == "string" ? n.storeSlug.trim().toLowerCase() : "", a = typeof n.referenceId == "string" ? n.referenceId.trim() : "", s = typeof n.saleDocumentId == "string" ? n.saleDocumentId.trim() : "", c = se(e), r = ce(e);
   if (!o || !a || !s)
     return {
@@ -182,20 +183,20 @@ const Se = (async ({ ctx: e, params: n }) => {
       error: null
     };
   }
-}), j = (e) => {
+}), q = (e) => {
   const n = te.safeParse(e);
   return n.success ? n.data : null;
 };
-function Ce() {
-  const { t: e, i18n: n } = q(), o = B(), a = H(), s = W(), { storeSlug: c, referenceId: r, saleDocumentId: d } = o, p = o.pdfMode || S(a.search), [w, L] = b(
-    j(o.document)
-  ), [E, R] = b(null), [N, k] = b(!1), [y, x] = b(o.error), f = C(a.search) ?? v(w?.language?.customer) ?? o.documentLanguage ?? v(n.language) ?? "fr", U = c && r && d ? de(c, r, d, f) : null, O = c && r && d ? ie(c, r, d, f) : "";
+function Ee() {
+  const { t: e, i18n: n } = z(), o = K(), a = H(), s = W(), { storeSlug: c, referenceId: r, saleDocumentId: d } = o, p = o.pdfMode || S(a.search), [w, N] = b(
+    q(o.document)
+  ), [E, R] = b(null), [y, k] = b(!1), [L, x] = b(o.error), f = C(a.search) ?? v(w?.language?.customer) ?? o.documentLanguage ?? v(n.language) ?? "fr", U = c && r && d ? de(c, r, d, f) : null, O = c && r && d ? ie(c, r, d, f) : "";
   T(() => {
-    L(j(o.document)), x(o.error);
+    N(q(o.document)), x(o.error);
   }, [o.document, o.error]), T(() => {
     v(n.language) !== f && n.changeLanguage(f);
   }, [n, f]);
-  const z = (u) => {
+  const j = (u) => {
     if (u === f)
       return;
     n.changeLanguage(u);
@@ -207,7 +208,7 @@ function Ce() {
   if (!w)
     return /* @__PURE__ */ t("div", { className: "mx-auto max-w-3xl px-4 py-14 sm:px-6", children: /* @__PURE__ */ t(ae, { className: "border-slate-200 bg-white p-5 shadow-sm sm:p-6", children: /* @__PURE__ */ g("div", { className: "space-y-4", children: [
       /* @__PURE__ */ t("h1", { className: "text-lg font-semibold text-slate-950", children: /* @__PURE__ */ t("span", { children: e("docs_contract_sale_not_found_title") }) }),
-      /* @__PURE__ */ t("p", { className: "text-sm text-destructive", children: /* @__PURE__ */ t("span", { children: y ?? e("docs_contract_sale_load_error") }) }),
+      /* @__PURE__ */ t("p", { className: "text-sm text-destructive", children: /* @__PURE__ */ t("span", { children: L ?? e("docs_contract_sale_load_error") }) }),
       /* @__PURE__ */ t(I, { to: `/${c ?? ""}`, children: /* @__PURE__ */ g(P, { className: "gap-2", children: [
         /* @__PURE__ */ t($, { className: "h-4 w-4", "aria-hidden": "true" }),
         /* @__PURE__ */ t("span", { children: e("docs_contract_sale_back_to_storefront") })
@@ -223,7 +224,7 @@ function Ce() {
       }
     ) });
   const G = async () => {
-    if (!U || N)
+    if (!U || y)
       return;
     k(!0);
     const u = D.loading(e("docs_contract_sale_preparing_pdf"), {
@@ -257,12 +258,12 @@ function Ce() {
         /* @__PURE__ */ t("span", { children: e("docs_contract_sale_back_to_storefront") })
       ] }),
       /* @__PURE__ */ g("div", { className: "flex min-w-0 items-center gap-2", children: [
-        y ? /* @__PURE__ */ t("span", { className: "max-w-[min(44vw,24rem)] truncate text-right text-sm text-destructive", children: y }) : E === "signature" ? /* @__PURE__ */ t("span", { className: "max-w-[min(44vw,24rem)] truncate text-right text-sm text-slate-600", children: e("docs_contract_sale_submitting_signature") }) : E === "acceptance" ? /* @__PURE__ */ t("span", { className: "max-w-[min(44vw,24rem)] truncate text-right text-sm text-slate-600", children: e("docs_contract_sale_submitting_acceptance") }) : null,
+        L ? /* @__PURE__ */ t("span", { className: "max-w-[min(44vw,24rem)] truncate text-right text-sm text-destructive", children: L }) : E === "signature" ? /* @__PURE__ */ t("span", { className: "max-w-[min(44vw,24rem)] truncate text-right text-sm text-slate-600", children: e("docs_contract_sale_submitting_signature") }) : E === "acceptance" ? /* @__PURE__ */ t("span", { className: "max-w-[min(44vw,24rem)] truncate text-right text-sm text-slate-600", children: e("docs_contract_sale_submitting_acceptance") }) : null,
         /* @__PURE__ */ t(
           me,
           {
             selectedLanguage: f,
-            onChange: z
+            onChange: j
           }
         ),
         U ? /* @__PURE__ */ g(
@@ -271,14 +272,14 @@ function Ce() {
             variant: "outline",
             size: "sm",
             type: "button",
-            disabled: N,
+            disabled: y,
             onClick: () => {
               G();
             },
             className: "h-9 bg-background/80 px-3",
             "data-testid": "contract-sale-document-download-pdf",
             children: [
-              N ? A("contract-sale-document-download-spinner") : /* @__PURE__ */ t(J, { className: "h-4 w-4", "aria-hidden": "true" }),
+              y ? A("contract-sale-document-download-spinner") : /* @__PURE__ */ t(Q, { className: "h-4 w-4", "aria-hidden": "true" }),
               /* @__PURE__ */ t("span", { className: "hidden sm:inline", children: e("docs_contract_sale_download_pdf") }),
               /* @__PURE__ */ t("span", { className: "sm:hidden", children: "PDF" })
             ]
@@ -318,12 +319,12 @@ function Ce() {
             if (!l.success) {
               const h = l.message ?? i;
               if (l.document)
-                return L(l.document), x(h), l.document;
+                return N(l.document), x(h), l.document;
               throw new Error(h);
             }
             if (!l.document)
               throw new Error(i);
-            return L(l.document), x(null), l.document;
+            return N(l.document), x(null), l.document;
           } catch (m) {
             console.error("Failed to submit storefront contract sale document acceptance", m);
             const l = m instanceof Error && m.message.trim().length > 0 ? m.message : i;
@@ -337,6 +338,6 @@ function Ce() {
   ] });
 }
 export {
-  Ce as default,
-  Se as loader
+  Ee as default,
+  Ce as loader
 };

package/dist/pages/HomePage.js

@@ -3,7 +3,7 @@ import { useMemo as h, useState as b, useRef as je, useEffect as Ue } from "reac
 import { useMediaQuery as Ve } from "@rpcbase/client";
 import { useParams as ze, useLocation as Ye, useSearchParams as Qe, useNavigate as We, Link as M } from "@rpcbase/router";
 import { cn as m } from "@rpcbase/ui";
-import { Clock as Ke, MapPin as Ge, ShieldCheck as Je, Umbrella as Xe, Truck as Ze, ArrowRight as z, Bike as de } from "lucide-react";
+import { Clock as Ke, MapPin as Ge, ShieldCheck as Je, Umbrella as Xe, Truck as Ze, ArrowRight as z, Bike as ce } from "lucide-react";
 import { useTranslation as et } from "react-i18next";
 import W from "../chunks/assets/playground-hero-preview.svg-DNbSwXV5.js";
 import { getAvailabilityVariant as tt } from "../lib/utils.js";
@@ -12,11 +12,11 @@ import { getLocalizedValue as A } from "../localization.js";
 import { AboutSection as rt } from "../components/AboutSection/index.js";
 import { BikeProductCard as st } from "../components/BikeProductCard/index.js";
 import { ContactSection as it } from "../components/ContactSection/index.js";
-import { ProductPriceBadge as ce } from "../components/ProductPriceBadge/index.js";
+import { ProductPriceBadge as de } from "../components/ProductPriceBadge/index.js";
 import { ProductWarningNotice as lt } from "../components/ProductWarningNotice/index.js";
 import { resolveStorefrontCancellationPolicyTeaserTier as nt, StorefrontCancellationPolicyNotice as ot } from "../components/StorefrontCancellationPolicyNotice/index.js";
-import { TestimonialsSection as dt } from "../components/TestimonialsSection/index.js";
-import { BookingPeriodProvider as ct } from "../components/BookingPeriodSelector/BookingPeriodContext.js";
+import { TestimonialsSection as ct } from "../components/TestimonialsSection/index.js";
+import { BookingPeriodProvider as dt } from "../components/BookingPeriodSelector/BookingPeriodContext.js";
 import { BookingStartDateField as mt } from "../components/BookingPeriodSelector/components/BookingStartDateField.js";
 import { BookingStartTimeField as ht } from "../components/BookingPeriodSelector/components/BookingStartTimeField.js";
 import { BookingEndDateField as pt } from "../components/BookingPeriodSelector/components/BookingEndDateField.js";
@@ -38,12 +38,12 @@ const ue = (a) => String(a).padStart(2, "0"), fe = "text-2xs font-semibold upper
   const i = a.match(/^(\d{4})-(\d{2})-(\d{2})$/);
   if (!i)
     return;
-  const l = Number(i[1]), p = Number(i[2]), d = Number(i[3]), o = new Date(l, p - 1, d);
-  if (!(Number.isNaN(o.getTime()) || o.getFullYear() !== l || o.getMonth() !== p - 1 || o.getDate() !== d))
+  const l = Number(i[1]), p = Number(i[2]), c = Number(i[3]), o = new Date(l, p - 1, c);
+  if (!(Number.isNaN(o.getTime()) || o.getFullYear() !== l || o.getMonth() !== p - 1 || o.getDate() !== c))
     return o;
 }, Ct = (a) => {
   const i = a.length > 0 ? a : [W];
-  return Array.from({ length: Pt }, (l, p) => Array.from({ length: ve }, (d, o) => {
+  return Array.from({ length: Pt }, (l, p) => Array.from({ length: ve }, (c, o) => {
     const u = p * ve + o;
     return {
       aspectRatio: Q[(u + p) % Q.length] ?? Q[0],
@@ -51,30 +51,30 @@ const ue = (a) => String(a).padStart(2, "0"), fe = "text-2xs font-semibold upper
     };
   }));
 };
-function da() {
-  const { t: a, i18n: i } = et(), { storeSlug: l } = ze(), p = Ye(), { storefrontConfiguration: d } = yt(), o = d.workspace?.workspaceLanguage, { bikes: u, accessories: K } = wt(), [R] = Qe(), _e = We(), f = h(
+function ca() {
+  const { t: a, i18n: i } = et(), { storeSlug: l } = ze(), p = Ye(), { storefrontConfiguration: c } = yt(), o = c.workspace?.workspaceLanguage, { bikes: u, accessories: K } = wt(), [R] = Qe(), _e = We(), f = h(
     () => ut(R, l),
     [R, l]
   ), x = h(() => at(l), [l]), ke = h(
-    () => ft(d),
-    [d]
-  ), c = h(
-    () => xt(d),
-    [d]
-  ), N = h(() => E(c.start_date), [c.start_date]), ye = h(
-    () => E(c.end_date) ?? N,
-    [c.end_date, N]
-  ), v = d.settings.fulfillmentModes.includes("delivery"), G = d.settings.deliveryDisabledReason.trim(), we = !!nt(d.bookingEngine.cancellationPolicy), q = h(
-    () => vt(f, c),
-    [c, f]
+    () => ft(c),
+    [c]
+  ), d = h(
+    () => xt(c),
+    [c]
+  ), N = h(() => E(d.start_date), [d.start_date]), ye = h(
+    () => E(d.end_date) ?? N,
+    [d.end_date, N]
+  ), v = c.settings.fulfillmentModes.includes("delivery"), G = c.settings.deliveryDisabledReason.trim(), we = !!nt(c.bookingEngine.cancellationPolicy), q = h(
+    () => vt(f, d),
+    [d, f]
   ), [w, J] = b(
     () => q.fulfillment === "delivery" && v ? "delivery" : "pickup"
   ), [L, Se] = b(
     () => E(f.get("start_date")) ?? N
-  ), [F, Pe] = b(() => f.get("start_time") ?? c.start_time), [O, Ce] = b(() => {
+  ), [F, Pe] = b(() => f.get("start_time") ?? d.start_time), [O, Ce] = b(() => {
     const t = E(f.get("start_date")) ?? N;
     return E(f.get("end_date")) ?? t ?? ye;
-  }), [$, De] = b(() => f.get("end_time") ?? c.end_time), [S, I] = b(() => q.start_address), [P, H] = b(() => q.end_address), j = je(null), Ae = h(() => u.slice(0, 4), [u]), { heroMode: X } = kt(), C = X === "vertical_marquee_hero", _ = X === "booking_bar_overlay_hero" || C, Z = Ve("(min-width: 1024px)"), Ee = _t(l), Be = h(
+  }), [$, De] = b(() => f.get("end_time") ?? d.end_time), [S, I] = b(() => q.start_address), [P, H] = b(() => q.end_address), j = je(null), Ae = h(() => u.slice(0, 4), [u]), { heroMode: X } = kt(), C = X === "vertical_marquee_hero", _ = X === "booking_bar_overlay_hero" || C, Z = Ve("(min-width: 1024px)"), Ee = _t(l), Be = h(
     () => ({
       startDate: a("booking_start_date"),
       pickStartDate: a("booking_start_date"),
@@ -90,15 +90,15 @@ function da() {
     return bt(new URLSearchParams(), {
       fulfillment: w === "delivery" && v ? "delivery" : "pickup",
       start_date: Ne(n),
-      start_time: F || c.start_time,
+      start_time: F || d.start_time,
       end_date: Ne(s),
-      end_time: $ || c.end_time,
+      end_time: $ || d.end_time,
       start_address: S,
       end_address: P
     });
   }, [
-    c.end_time,
-    c.start_time,
+    d.end_time,
+    d.start_time,
     N,
     v,
     P,
@@ -149,16 +149,16 @@ function da() {
     /* @__PURE__ */ e("h1", { className: "mt-4 text-3xl font-semibold tracking-tight sm:text-4xl", children: /* @__PURE__ */ e("span", { children: a("hero_title", { fallback: x.hero_title }) }) }),
     /* @__PURE__ */ e("p", { className: "mt-3 text-sm text-slate-700 sm:text-base", children: /* @__PURE__ */ e("span", { children: a("hero_description", { fallback: x.hero_description }) }) }),
     /* @__PURE__ */ e("div", { className: m("mt-6", !_ && "rounded-xl border bg-white/70 p-3"), children: /* @__PURE__ */ r("ul", { className: m("space-y-3", _ && "space-y-2"), children: [
-      /* @__PURE__ */ e(ot, { policy: d.bookingEngine.cancellationPolicy }),
+      /* @__PURE__ */ e(ot, { policy: c.bookingEngine.cancellationPolicy }),
       /* @__PURE__ */ r("li", { className: m("flex items-start gap-3", !_ && we && "border-t border-slate-200/70 pt-3"), children: [
-        /* @__PURE__ */ e(Je, { className: "mt-0.5 h-5 w-5 text-emerald-600", "aria-hidden": "true" }),
+        /* @__PURE__ */ e(Je, { className: "mt-0.5 h-5 w-5 text-success", "aria-hidden": "true" }),
         /* @__PURE__ */ r("div", { className: "flex flex-col gap-0.5", children: [
           /* @__PURE__ */ e("p", { className: "text-sm font-medium text-slate-950", children: /* @__PURE__ */ e("span", { children: a("feature_secure_payment_title") }) }),
           /* @__PURE__ */ e("p", { className: "text-xs text-slate-600", children: /* @__PURE__ */ e("span", { children: a("feature_secure_payment_description") }) })
         ] })
       ] }),
       /* @__PURE__ */ r("li", { className: m("flex items-start gap-3", !_ && "border-t border-slate-200/70 pt-3"), children: [
-        /* @__PURE__ */ e(Xe, { className: "mt-0.5 h-5 w-5 text-emerald-600", "aria-hidden": "true" }),
+        /* @__PURE__ */ e(Xe, { className: "mt-0.5 h-5 w-5 text-success", "aria-hidden": "true" }),
         /* @__PURE__ */ r("div", { className: "flex flex-col gap-0.5", children: [
           /* @__PURE__ */ e("p", { className: "text-sm font-medium text-slate-950", children: /* @__PURE__ */ e("span", { children: a("feature_guarantee_insurance_title") }) }),
           /* @__PURE__ */ e("p", { className: "text-xs text-slate-600", children: /* @__PURE__ */ e("span", { children: a("feature_guarantee_insurance_description") }) })
@@ -177,7 +177,7 @@ function da() {
     showSubmitButton: n = !1,
     submitButtonClassName: s
   }) => /* @__PURE__ */ e(
-    ct,
+    dt,
     {
       ...Me,
       labelClassName: fe,
@@ -436,7 +436,7 @@ function da() {
                     {
                       className: m("relative block aspect-[1618/1000] overflow-hidden rounded-xl", D.className),
                       style: D.style,
-                      children: g ? /* @__PURE__ */ e("img", { src: g, alt: k, className: "absolute inset-0 h-full w-full object-contain p-1", loading: "lazy" }) : /* @__PURE__ */ e("span", { className: "absolute inset-0 flex items-center justify-center text-slate-400", children: /* @__PURE__ */ e(de, { className: "h-8 w-8", "aria-hidden": "true" }) })
+                      children: g ? /* @__PURE__ */ e("img", { src: g, alt: k, className: "absolute inset-0 h-full w-full object-contain p-1", loading: "lazy" }) : /* @__PURE__ */ e("span", { className: "absolute inset-0 flex items-center justify-center text-slate-400", children: /* @__PURE__ */ e(ce, { className: "h-8 w-8", "aria-hidden": "true" }) })
                     }
                   )
                 }
@@ -451,7 +451,7 @@ function da() {
                     children: /* @__PURE__ */ e("span", { children: k })
                   }
                 ),
-                /* @__PURE__ */ e(ce, { prices: t.prices, className: "self-start" }),
+                /* @__PURE__ */ e(de, { prices: t.prices, className: "self-start" }),
                 /* @__PURE__ */ e("span", { className: "line-clamp-2 text-xs text-slate-600", children: y })
               ] }),
               /* @__PURE__ */ r("span", { className: "flex flex-wrap items-center gap-x-2 gap-y-1", children: [
@@ -503,7 +503,7 @@ function da() {
             {
               className: m("relative aspect-[1618/1000] overflow-hidden rounded-xl", g.className),
               style: g.style,
-              children: y ? /* @__PURE__ */ e("img", { src: y, alt: n, className: "absolute inset-0 h-full w-full object-contain p-1", loading: "lazy" }) : /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center text-slate-400", children: /* @__PURE__ */ e(de, { className: "h-8 w-8", "aria-hidden": "true" }) })
+              children: y ? /* @__PURE__ */ e("img", { src: y, alt: n, className: "absolute inset-0 h-full w-full object-contain p-1", loading: "lazy" }) : /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center text-slate-400", children: /* @__PURE__ */ e(ce, { className: "h-8 w-8", "aria-hidden": "true" }) })
             }
           ),
           /* @__PURE__ */ r("div", { className: "flex flex-1 flex-col gap-1", children: [
@@ -511,15 +511,15 @@ function da() {
             /* @__PURE__ */ e("p", { className: "line-clamp-2 text-xs text-slate-600", children: /* @__PURE__ */ e("span", { children: s }) }),
             /* @__PURE__ */ e(lt, { warning: k, className: "mt-1" })
           ] }),
-          /* @__PURE__ */ e("div", { className: "flex items-center justify-between gap-2", children: /* @__PURE__ */ e(ce, { prices: t.prices }) })
+          /* @__PURE__ */ e("div", { className: "flex items-center justify-between gap-2", children: /* @__PURE__ */ e(de, { prices: t.prices }) })
         ] }, t.id);
       }) })
     ] }),
     /* @__PURE__ */ e(rt, { preset: x }),
-    /* @__PURE__ */ e(dt, {}),
+    /* @__PURE__ */ e(ct, {}),
     /* @__PURE__ */ e(it, { preset: x, storeSlug: l ?? "" })
   ] });
 }
 export {
-  da as default
+  ca as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"PaymentLinkPage.d.ts","sourceRoot":"","sources":["../../src/pages/PaymentLinkPage.tsx"],"names":[],"mappings":"AA2DA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4DA,CAAA;AA0CnB,MAAM,CAAC,OAAO,UAAU,eAAe,4CAsStC"}
+{"version":3,"file":"PaymentLinkPage.d.ts","sourceRoot":"","sources":["../../src/pages/PaymentLinkPage.tsx"],"names":[],"mappings":"AA4DA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4DA,CAAA;AA0CnB,MAAM,CAAC,OAAO,UAAU,eAAe,4CAsStC"}

package/dist/pages/PaymentLinkPage.js

@@ -1,9 +1,10 @@
 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 D } from "@stripe/stripe-js";
-import { Elements as z, useStripe as H } from "@stripe/react-stripe-js";
-import { AlertTriangle as J, ShieldCheck as Q, Loader2 as V } from "lucide-react";
+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";
@@ -11,7 +12,7 @@ import { MollieCardFieldsForm as se } from "../components/payment/MollieCardFiel
 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() ?? "", ae = le(), oe = (r, d, l) => {
+const ie = {}, le = () => ie?.RB_PUBLIC_STRIPE_PUBLISHABLE_KEY?.trim() ?? "", oe = le(), ae = (r, d, l) => {
   try {
     return new Intl.NumberFormat(l, {
       style: "currency",
@@ -24,16 +25,16 @@ const ie = {}, le = () => ie?.RB_PUBLIC_STRIPE_PUBLISHABLE_KEY?.trim() ?? "", ae
 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(V, { className: "h-4 w-4 animate-spin", "aria-hidden": "true" }),
+    /* @__PURE__ */ e(J, { className: "size-4", "aria-hidden": "true" }),
     /* @__PURE__ */ e("span", { children: r("secure_payment_link.form.loading_session") })
   ] });
 }
-const be = (async ({ ctx: r, params: d }) => {
-  const l = typeof d.storeSlug == "string" ? d.storeSlug.trim().toLowerCase() : "", a = typeof d.token == "string" ? d.token.trim() : "";
-  if (!l || !a)
+const ve = (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: a,
+      token: o,
       session: null,
       errorMessage: null,
       errorKey: "invalid_link"
@@ -43,23 +44,23 @@ const be = (async ({ ctx: r, params: d }) => {
       ee,
       {
         storeSlug: l,
-        token: a
+        token: o
       },
       r
     ), t = re.parse(n);
     if (!t.success || !t.paymentLinkSession)
       return {
         storeSlug: l,
-        token: a,
+        token: o,
         session: null,
         errorMessage: t.message || null,
         errorKey: null
       };
     if (t.paymentLinkSession.status !== "pending")
-      throw q(`/${encodeURIComponent(l)}/secure-payment-link/${encodeURIComponent(a)}/success`);
+      throw q(`/${encodeURIComponent(l)}/secure-payment-link/${encodeURIComponent(o)}/success`);
     return {
       storeSlug: l,
-      token: a,
+      token: o,
       session: t.paymentLinkSession,
       errorMessage: null,
       errorKey: null
@@ -69,7 +70,7 @@ const be = (async ({ ctx: r, params: d }) => {
       throw n;
     return console.error("Failed to load secure payment link", n), {
       storeSlug: l,
-      token: a,
+      token: o,
       session: null,
       errorMessage: null,
       errorKey: "load_failed"
@@ -80,15 +81,15 @@ function ce({
   clientSecret: r,
   onSuccess: d
 }) {
-  const { t: l } = k(), a = H();
+  const { t: l } = k(), o = H();
   return /* @__PURE__ */ e(
     te,
     {
       requireEmail: !1,
       onSubmit: async ({ paymentMethodId: n }) => {
-        if (!a)
+        if (!o)
           throw new Error(l("secure_payment_link.errors.stripe_not_ready"));
-        const t = await a.confirmCardPayment(
+        const t = await o.confirmCardPayment(
           r,
           {
             payment_method: n
@@ -104,8 +105,8 @@ function ce({
     }
   );
 }
-function ve() {
-  const { t: r, i18n: d } = k(), l = j(), a = G(), { storeSlug: n, token: t } = a, s = a.session, N = a.errorMessage ?? (a.errorKey ? r(`secure_payment_link.errors.${a.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), [b, _] = p(null), [m, v] = p(null), [$, w] = p(A), [E, S] = p(null), L = `/${n ?? ""}/secure-payment-link/${t ?? ""}/success`;
+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), [N, _] = p(null), [m, v] = 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);
@@ -115,7 +116,7 @@ function ve() {
       h(null), _(null), f(!1);
       return;
     }
-    let o = !1;
+    let a = !1;
     return f(!0), _(null), h(null), (async () => {
       try {
         const u = await g(
@@ -125,24 +126,24 @@ function ve() {
             token: t
           }
         ), i = U.parse(u);
-        if (o) return;
+        if (a) return;
         if (!i.success || !i.profileId) {
           _(i.message || r("secure_payment_link.errors.session_failed"));
           return;
         }
         h(i);
       } catch (u) {
-        if (o) return;
+        if (a) return;
         console.error("Failed to create mollie secure session", u), _(r("secure_payment_link.errors.session_failed"));
       } finally {
-        o || f(!1);
+        a || f(!1);
       }
     })(), () => {
-      o = !0;
+      a = !0;
     };
   }, [s, n, r, t]), T(() => {
     if (!s || s.providerType !== "stripe_connect_oauth" || s.status !== "pending" || !n || !t) return;
-    let o = !1;
+    let a = !1;
     return w(!0), S(null), v(null), (async () => {
       try {
         const u = await g(
@@ -152,25 +153,25 @@ function ve() {
             token: t
           }
         ), i = Z.parse(u);
-        if (o) return;
+        if (a) return;
         if (!i.success || !i.clientSecret || !i.payment) {
           S(i.message || r("secure_payment_link.errors.session_failed"));
           return;
         }
         v(i);
       } catch (u) {
-        if (o) return;
+        if (a) return;
         console.error("Failed to create stripe secure session", u), S(r("secure_payment_link.errors.session_failed"));
       } finally {
-        o || w(!1);
+        a || w(!1);
       }
     })(), () => {
-      o = !0;
+      a = !0;
     };
   }, [s, n, r, t]);
   const P = M(() => {
-    const o = m?.stripePublishableKey?.trim() || ae;
-    return !o || !m?.stripeAccountId ? null : D(o, {
+    const a = m?.stripePublishableKey?.trim() || oe;
+    return !a || !m?.stripeAccountId ? null : z(a, {
       stripeAccount: m.stripeAccountId
     });
   }, [m?.stripeAccountId, m?.stripePublishableKey]), I = M(() => {
@@ -178,18 +179,18 @@ function ve() {
       return {
         clientSecret: m.clientSecret
       };
-  }, [m?.clientSecret]), B = s ? oe(s.amountMinor, s.currency, d.language) : "—";
-  return N || !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(J, { className: "mt-0.5 h-5 w-5 text-destructive", "aria-hidden": "true" }),
+  }, [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: N ?? r("secure_payment_link.errors.invalid_link") }) }),
+      /* @__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-emerald-200 bg-emerald-50 px-3 py-1 text-xs font-medium text-emerald-700", children: [
-        /* @__PURE__ */ e(Q, { className: "h-3.5 w-3.5", "aria-hidden": "true" }),
+      /* @__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: [
@@ -214,18 +215,18 @@ function ve() {
     /* @__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, {}) : b ? /* @__PURE__ */ e("p", { className: "text-sm text-destructive", children: /* @__PURE__ */ e("span", { children: b }) }) : y?.profileId ? /* @__PURE__ */ e(
+      F ? /* @__PURE__ */ e(C, {}) : N ? /* @__PURE__ */ e("p", { className: "text-sm text-destructive", children: /* @__PURE__ */ e("span", { children: N }) }) : y?.profileId ? /* @__PURE__ */ e(
         se,
         {
           profileId: y.profileId,
           testmode: y.testmode === !0,
-          onSubmit: async (o) => {
+          onSubmit: async (a) => {
             const u = await g(
               R,
               {
                 storeSlug: n,
                 token: t,
-                cardToken: o
+                cardToken: a
               }
             ), i = U.parse(u);
             if (!i.success)
@@ -241,7 +242,7 @@ function ve() {
           }
         }
       ) : /* @__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(z, { stripe: P, options: I, children: /* @__PURE__ */ e(
+    ] }) : $ ? /* @__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,
@@ -253,6 +254,6 @@ function ve() {
   ] }) });
 }
 export {
-  ve as default,
-  be as loader
+  we as default,
+  ve as loader
 };

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

@@ -1 +1 @@
-{"version":3,"file":"PaymentLinkSuccessPage.d.ts","sourceRoot":"","sources":["../../src/pages/PaymentLinkSuccessPage.tsx"],"names":[],"mappings":"AAgCA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoDA,CAAA;AAEnB,MAAM,CAAC,OAAO,UAAU,sBAAsB,4CAiK7C"}
+{"version":3,"file":"PaymentLinkSuccessPage.d.ts","sourceRoot":"","sources":["../../src/pages/PaymentLinkSuccessPage.tsx"],"names":[],"mappings":"AAiCA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoDA,CAAA;AAEnB,MAAM,CAAC,OAAO,UAAU,sBAAsB,4CAiK7C"}