@loczer/storefront-sdk 0.176.0 → 0.178.0

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"}

package/dist/pages/PaymentLinkSuccessPage.js

@@ -1,9 +1,10 @@
 import { jsx as e, jsxs as i } from "react/jsx-runtime";
-import { useState as h, useRef as E, useEffect as y } from "react";
+import { useState as h, useRef as L, useEffect as y } from "react";
 import { useLoaderData as C, Link as M } from "@rpcbase/router";
-import { Loader2 as w, CheckCircle2 as K, XCircle as R, CircleDashed as T } from "lucide-react";
+import { Spinner as S } from "../chunks/ui/dist/Spinner/index-SbbUxcsT.js";
+import { CheckCircle2 as K, XCircle as R, CircleDashed as T } from "lucide-react";
 import { useTranslation as D } from "react-i18next";
-import { apiGet as S } from "../lib/apiCall.js";
+import { apiGet as w } from "../lib/apiCall.js";
 import { GET_SECURE_PAYMENT_LINK_ROUTE as v, getSecurePaymentLinkResponseSchema as b } from "../lib/securePaymentLink.js";
 import { Button as $ } from "../ui/button.js";
 import { Card as j } from "../ui/card.js";
@@ -16,7 +17,7 @@ const I = (s, l, r) => {
   } catch {
     return `${(s / 100).toFixed(2)} ${l.toUpperCase()}`;
   }
-}, L = 2500, P = L * 3, q = (async ({ ctx: s, params: l }) => {
+}, E = 2500, P = E * 3, J = (async ({ ctx: s, params: l }) => {
   const r = typeof l.storeSlug == "string" ? l.storeSlug.trim().toLowerCase() : "", a = typeof l.token == "string" ? l.token.trim() : "";
   if (!r || !a)
     return {
@@ -27,7 +28,7 @@ const I = (s, l, r) => {
       errorKey: "invalid_link"
     };
   try {
-    const c = await S(
+    const c = await w(
       v,
       {
         storeSlug: r,
@@ -58,10 +59,10 @@ const I = (s, l, r) => {
     };
   }
 });
-function J() {
+function Q() {
   const { t: s, i18n: l } = D(), r = C(), { storeSlug: a, token: c } = r, [t, x] = h(r.session), [_, u] = h(!1), [p, d] = h(
     r.errorMessage ?? (r.errorKey ? s(`secure_payment_link.errors.${r.errorKey}`) : null)
-  ), [g, N] = h(0), k = E(Date.now());
+  ), [g, N] = h(0), k = L(Date.now());
   y(() => {
     x(r.session), u(!1), d(
       r.errorMessage ?? (r.errorKey ? s(`secure_payment_link.errors.${r.errorKey}`) : null)
@@ -76,7 +77,7 @@ function J() {
     return (async () => {
       u(!0), d(null);
       try {
-        const m = await S(v, {
+        const m = await w(v, {
           storeSlug: a,
           token: c,
           reconcileStripeStatus: Date.now() - k.current >= P ? "true" : void 0
@@ -102,21 +103,21 @@ function J() {
     if (!t || p || _ || n !== "pending") return;
     const o = window.setTimeout(() => {
       N((m) => m + 1);
-    }, L);
+    }, E);
     return () => {
       window.clearTimeout(o);
     };
   }, [p, _, t, n]), /* @__PURE__ */ e("div", { className: "mx-auto max-w-3xl px-4 py-14 sm:px-6", children: /* @__PURE__ */ e(j, { className: "border-slate-200 bg-white p-5 shadow-sm sm:p-6", children: _ && !t ? /* @__PURE__ */ i("div", { className: "flex items-center gap-2 text-sm text-slate-600", children: [
-    /* @__PURE__ */ e(w, { className: "h-4 w-4 animate-spin", "aria-hidden": "true" }),
+    /* @__PURE__ */ e(S, { className: "size-4", "aria-hidden": "true" }),
     /* @__PURE__ */ e("span", { children: s("secure_payment_link.loading") })
   ] }) : p || !t ? /* @__PURE__ */ e("p", { className: "text-sm text-destructive", children: /* @__PURE__ */ e("span", { children: p ?? s("secure_payment_link.errors.invalid_link") }) }) : n === "pending" ? /* @__PURE__ */ i("div", { className: "space-y-4 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(w, { className: "h-6 w-6 animate-spin text-slate-600", "aria-hidden": "true" }) }),
+    /* @__PURE__ */ e("div", { className: "mx-auto flex h-12 w-12 items-center justify-center rounded-full bg-slate-100", children: /* @__PURE__ */ e(S, { className: "size-6 text-slate-600", "aria-hidden": "true" }) }),
     /* @__PURE__ */ i("div", { className: "space-y-2", children: [
       /* @__PURE__ */ e("h1", { className: "text-2xl font-semibold text-slate-950", children: /* @__PURE__ */ e("span", { children: s("secure_payment_link.confirmation_loading_title") }) }),
       /* @__PURE__ */ e("p", { className: "text-sm text-slate-600", children: /* @__PURE__ */ e("span", { children: s("secure_payment_link.confirmation_loading_description") }) })
     ] })
   ] }) : /* @__PURE__ */ i("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(n === "succeeded" || n === "authorized" ? K : n === "failed" || n === "cancelled" ? R : T, { className: `h-6 w-6 ${n === "succeeded" || n === "authorized" ? "text-emerald-600" : n === "failed" || n === "cancelled" ? "text-destructive" : "text-warning"}`, "aria-hidden": "true" }) }),
+    /* @__PURE__ */ e("div", { className: "mx-auto flex h-12 w-12 items-center justify-center rounded-full bg-slate-100", children: /* @__PURE__ */ e(n === "succeeded" || n === "authorized" ? K : n === "failed" || n === "cancelled" ? R : T, { className: `h-6 w-6 ${n === "succeeded" || n === "authorized" ? "text-success" : n === "failed" || n === "cancelled" ? "text-destructive" : "text-warning"}`, "aria-hidden": "true" }) }),
     /* @__PURE__ */ i("div", { className: "space-y-2", children: [
       /* @__PURE__ */ e("h1", { className: "text-2xl font-semibold text-slate-950", children: /* @__PURE__ */ e("span", { children: s(`secure_payment_link.success_titles.${n}`) }) }),
       /* @__PURE__ */ e("p", { className: "text-sm text-slate-600", children: /* @__PURE__ */ e("span", { children: s(`secure_payment_link.statuses.${n}`) }) })
@@ -135,6 +136,6 @@ function J() {
   ] }) }) });
 }
 export {
-  J as default,
-  q as loader
+  Q as default,
+  J as loader
 };

package/dist/pages/ProductPage.js

@@ -185,7 +185,7 @@ function ka() {
           i.features?.length ? /* @__PURE__ */ r("div", { className: "mt-2 space-y-2", children: [
             /* @__PURE__ */ t("p", { className: "text-sm font-semibold text-slate-950", children: /* @__PURE__ */ t("span", { children: a("product_features_title") }) }),
             /* @__PURE__ */ t("ul", { className: "grid gap-1 text-sm text-slate-700", children: i.features.map((n, c) => /* @__PURE__ */ r("li", { className: "inline-flex items-start gap-2", children: [
-              /* @__PURE__ */ t(Pt, { className: "mt-0.5 h-4 w-4 text-emerald-600", "aria-hidden": "true" }),
+              /* @__PURE__ */ t(Pt, { className: "mt-0.5 h-4 w-4 text-success", "aria-hidden": "true" }),
               /* @__PURE__ */ t("span", { children: I(n, s.language, y) })
             ] }, `${i.id}-${c}`)) })
           ] }) : null,

package/dist/pages/checkout/components/CheckoutCouponCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CheckoutCouponCard.d.ts","sourceRoot":"","sources":["../../../../src/pages/checkout/components/CheckoutCouponCard.tsx"],"names":[],"mappings":"AAQA,KAAK,uBAAuB,GAAG;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC7B,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACvB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,OAAO,EAAE,OAAO,CAAA;IAChB,QAAQ,EAAE,OAAO,CAAA;IACjB,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACrC,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAA;CACrB,CAAA;AAED,wBAAgB,kBAAkB,CAAC,EACjC,SAAS,EACT,IAAI,EACJ,WAAW,EACX,aAAa,EACb,OAAO,EACP,KAAK,EACL,OAAO,EACP,QAAQ,EACR,YAAY,EACZ,OAAO,EACP,QAAQ,GACT,EAAE,uBAAuB,2CA8DzB"}
+{"version":3,"file":"CheckoutCouponCard.d.ts","sourceRoot":"","sources":["../../../../src/pages/checkout/components/CheckoutCouponCard.tsx"],"names":[],"mappings":"AASA,KAAK,uBAAuB,GAAG;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC7B,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACvB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,OAAO,EAAE,OAAO,CAAA;IAChB,QAAQ,EAAE,OAAO,CAAA;IACjB,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACrC,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAA;CACrB,CAAA;AAED,wBAAgB,kBAAkB,CAAC,EACjC,SAAS,EACT,IAAI,EACJ,WAAW,EACX,aAAa,EACb,OAAO,EACP,KAAK,EACL,OAAO,EACP,QAAQ,EACR,YAAY,EACZ,OAAO,EACP,QAAQ,GACT,EAAE,uBAAuB,2CA8DzB"}

package/dist/pages/checkout/components/CheckoutCouponCard.js

@@ -1,73 +1,74 @@
-import { jsxs as a, jsx as e } from "react/jsx-runtime";
-import { cn as _ } from "@rpcbase/ui";
-import { Tag as b, Loader2 as f, X as N } from "lucide-react";
-import { useTranslation as v } from "react-i18next";
-import { Button as d } from "../../../ui/button.js";
+import { jsxs as s, jsx as e } from "react/jsx-runtime";
+import { cn as g } from "@rpcbase/ui";
+import { Spinner as f } from "../../../chunks/ui/dist/Spinner/index-SbbUxcsT.js";
+import { Tag as _, X as v } from "lucide-react";
+import { useTranslation as N } from "react-i18next";
+import { Button as p } from "../../../ui/button.js";
 import { Input as k } from "../../../ui/input.js";
-function A({
-  className: p,
-  code: l,
-  appliedCode: o,
-  discountLabel: c,
-  message: n,
-  error: s,
-  loading: r,
+function B({
+  className: u,
+  code: r,
+  appliedCode: a,
+  discountLabel: l,
+  message: o,
+  error: n,
+  loading: c,
   disabled: i,
-  onCodeChange: m,
-  onApply: u,
+  onCodeChange: d,
+  onApply: m,
   onRemove: h
 }) {
-  const { t } = v(), x = l.trim().length > 0 && !r && !i;
-  return /* @__PURE__ */ a("div", { className: _("grid gap-3 border-t border-slate-200 pt-3", p), children: [
-    /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ e(b, { className: "h-4 w-4 text-slate-500", "aria-hidden": "true" }),
+  const { t } = N(), x = r.trim().length > 0 && !c && !i;
+  return /* @__PURE__ */ s("div", { className: g("grid gap-3 border-t border-slate-200 pt-3", u), children: [
+    /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ e(_, { className: "h-4 w-4 text-slate-500", "aria-hidden": "true" }),
       /* @__PURE__ */ e("p", { className: "text-sm font-semibold text-slate-950", children: /* @__PURE__ */ e("span", { children: t("checkout_coupon_title") }) })
     ] }),
-    /* @__PURE__ */ a("div", { className: "grid gap-2 sm:grid-cols-[1fr_auto] lg:grid-cols-1 xl:grid-cols-[1fr_auto]", children: [
+    /* @__PURE__ */ s("div", { className: "grid gap-2 sm:grid-cols-[1fr_auto] lg:grid-cols-1 xl:grid-cols-[1fr_auto]", children: [
       /* @__PURE__ */ e(
         k,
         {
-          value: l,
-          onChange: (g) => m(g.target.value.toUpperCase()),
+          value: r,
+          onChange: (b) => d(b.target.value.toUpperCase()),
           placeholder: t("checkout_coupon_placeholder"),
-          disabled: r || i,
+          disabled: c || i,
           "aria-label": t("checkout_coupon_label")
         }
       ),
-      /* @__PURE__ */ a(
-        d,
+      /* @__PURE__ */ s(
+        p,
         {
           type: "button",
           variant: "outline",
           disabled: !x,
           className: "gap-2",
-          onClick: u,
+          onClick: m,
           children: [
-            r ? /* @__PURE__ */ e(f, { className: "h-4 w-4 animate-spin", "aria-hidden": "true" }) : null,
+            c ? /* @__PURE__ */ e(f, { className: "size-4", "aria-hidden": "true" }) : null,
             /* @__PURE__ */ e("span", { children: t("checkout_coupon_apply") })
           ]
         }
       )
     ] }),
-    o && c ? /* @__PURE__ */ a("div", { className: "flex items-center justify-between gap-3 rounded-md border border-emerald-200 bg-emerald-50 px-3 py-2 text-sm text-emerald-800", children: [
-      /* @__PURE__ */ e("span", { children: t("checkout_coupon_applied", { code: o, amount: c }) }),
+    a && l ? /* @__PURE__ */ s("div", { className: "flex items-center justify-between gap-3 rounded-md border border-success-border bg-success-subtle px-3 py-2 text-sm text-success", children: [
+      /* @__PURE__ */ e("span", { children: t("checkout_coupon_applied", { code: a, amount: l }) }),
       /* @__PURE__ */ e(
-        d,
+        p,
         {
           type: "button",
           variant: "ghost",
           size: "icon",
-          className: "h-7 w-7 text-emerald-800 hover:bg-emerald-100",
+          className: "h-7 w-7 text-success hover:bg-success-subtle-hover",
           onClick: h,
           "aria-label": t("checkout_coupon_remove"),
-          children: /* @__PURE__ */ e(N, { className: "h-4 w-4", "aria-hidden": "true" })
+          children: /* @__PURE__ */ e(v, { className: "h-4 w-4", "aria-hidden": "true" })
         }
       )
     ] }) : null,
-    n ? /* @__PURE__ */ e("p", { className: "text-xs text-slate-600", children: /* @__PURE__ */ e("span", { children: n }) }) : null,
-    s ? /* @__PURE__ */ e("p", { className: "text-xs text-destructive", children: /* @__PURE__ */ e("span", { children: s }) }) : null
+    o ? /* @__PURE__ */ e("p", { className: "text-xs text-slate-600", children: /* @__PURE__ */ e("span", { children: o }) }) : null,
+    n ? /* @__PURE__ */ e("p", { className: "text-xs text-destructive", children: /* @__PURE__ */ e("span", { children: n }) }) : null
   ] });
 }
 export {
-  A as CheckoutCouponCard
+  B as CheckoutCouponCard
 };

package/dist/pages/checkout/components/CheckoutPaymentCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CheckoutPaymentCard.d.ts","sourceRoot":"","sources":["../../../../src/pages/checkout/components/CheckoutPaymentCard.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAI/C,OAAO,KAAK,EAAE,sBAAsB,EAAE,6BAA6B,EAAE,MAAM,UAAU,CAAA;AAMrF,KAAK,wBAAwB,GAAG;IAC9B,oBAAoB,EAAE,sBAAsB,GAAG,sBAAsB,CAAA;IACrE,qBAAqB,EAAE,6BAA6B,CAAA;IACpD,QAAQ,EAAE,OAAO,CAAA;IACjB,MAAM,EAAE;QACN,cAAc,EAAE,OAAO,CAAA;QACvB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAA;QAC3B,OAAO,EAAE,sBAAsB,GAAG,IAAI,CAAA;QACtC,iBAAiB,EAAE,MAAM,CAAA;QACzB,QAAQ,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;KAC/C,CAAA;IACD,MAAM,EAAE;QACN,OAAO,EAAE,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,GAAG,IAAI,CAAA;QACtC,KAAK,EAAE,MAAM,CAAA;QACb,QAAQ,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;KAC9B,CAAA;CACF,CAAA;AAED,wBAAgB,mBAAmB,CAAC,EAClC,oBAAoB,EACpB,qBAAqB,EACrB,QAAQ,EACR,MAAM,EACN,MAAM,GACP,EAAE,wBAAwB,2CA+E1B"}
+{"version":3,"file":"CheckoutPaymentCard.d.ts","sourceRoot":"","sources":["../../../../src/pages/checkout/components/CheckoutPaymentCard.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAK/C,OAAO,KAAK,EAAE,sBAAsB,EAAE,6BAA6B,EAAE,MAAM,UAAU,CAAA;AAMrF,KAAK,wBAAwB,GAAG;IAC9B,oBAAoB,EAAE,sBAAsB,GAAG,sBAAsB,CAAA;IACrE,qBAAqB,EAAE,6BAA6B,CAAA;IACpD,QAAQ,EAAE,OAAO,CAAA;IACjB,MAAM,EAAE;QACN,cAAc,EAAE,OAAO,CAAA;QACvB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAA;QAC3B,OAAO,EAAE,sBAAsB,GAAG,IAAI,CAAA;QACtC,iBAAiB,EAAE,MAAM,CAAA;QACzB,QAAQ,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;KAC/C,CAAA;IACD,MAAM,EAAE;QACN,OAAO,EAAE,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,GAAG,IAAI,CAAA;QACtC,KAAK,EAAE,MAAM,CAAA;QACb,QAAQ,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;KAC9B,CAAA;CACF,CAAA;AAED,wBAAgB,mBAAmB,CAAC,EAClC,oBAAoB,EACpB,qBAAqB,EACrB,QAAQ,EACR,MAAM,EACN,MAAM,GACP,EAAE,wBAAwB,2CA+E1B"}

package/dist/pages/checkout/components/CheckoutPaymentSummaryCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CheckoutPaymentSummaryCard.d.ts","sourceRoot":"","sources":["../../../../src/pages/checkout/components/CheckoutPaymentSummaryCard.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,UAAU,CAAA;AAK7D,KAAK,+BAA+B,GAAG;IACrC,mBAAmB,EAAE,MAAM,CAAA;IAC3B,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,mBAAmB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACnC,sBAAsB,EAAE,MAAM,CAAA;IAC9B,cAAc,EAAE,MAAM,CAAA;IACtB,YAAY,EAAE,MAAM,CAAA;IACpB,kBAAkB,EAAE,MAAM,GAAG,IAAI,CAAA;IACjC,oBAAoB,EAAE,MAAM,CAAA;IAC5B,oBAAoB,EAAE,MAAM,CAAA;IAC5B,oBAAoB,EAAE,MAAM,GAAG,IAAI,CAAA;IACnC,sBAAsB,EAAE,OAAO,CAAA;IAC/B,oBAAoB,EAAE,MAAM,GAAG,IAAI,CAAA;IACnC,sBAAsB,EAAE,OAAO,CAAA;IAC/B,mBAAmB,EAAE,OAAO,CAAA;IAC5B,qBAAqB,EAAE,6BAA6B,CAAA;IACpD,UAAU,EAAE,OAAO,CAAA;IACnB,qBAAqB,EAAE,CAAC,MAAM,EAAE,6BAA6B,KAAK,IAAI,CAAA;CACvE,CAAA;AAED,wBAAgB,0BAA0B,CAAC,EACzC,mBAAmB,EACnB,UAAU,EACV,mBAAmB,EACnB,sBAAsB,EACtB,cAAc,EACd,YAAY,EACZ,kBAAkB,EAClB,oBAAoB,EACpB,oBAAoB,EACpB,oBAAoB,EACpB,sBAAsB,EACtB,oBAAoB,EACpB,sBAAsB,EACtB,mBAAmB,EACnB,qBAAqB,EACrB,UAAU,EACV,qBAAqB,GACtB,EAAE,+BAA+B,2CAgIjC"}
+{"version":3,"file":"CheckoutPaymentSummaryCard.d.ts","sourceRoot":"","sources":["../../../../src/pages/checkout/components/CheckoutPaymentSummaryCard.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,UAAU,CAAA;AAK7D,KAAK,+BAA+B,GAAG;IACrC,mBAAmB,EAAE,MAAM,CAAA;IAC3B,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,mBAAmB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACnC,sBAAsB,EAAE,MAAM,CAAA;IAC9B,cAAc,EAAE,MAAM,CAAA;IACtB,YAAY,EAAE,MAAM,CAAA;IACpB,kBAAkB,EAAE,MAAM,GAAG,IAAI,CAAA;IACjC,oBAAoB,EAAE,MAAM,CAAA;IAC5B,oBAAoB,EAAE,MAAM,CAAA;IAC5B,oBAAoB,EAAE,MAAM,GAAG,IAAI,CAAA;IACnC,sBAAsB,EAAE,OAAO,CAAA;IAC/B,oBAAoB,EAAE,MAAM,GAAG,IAAI,CAAA;IACnC,sBAAsB,EAAE,OAAO,CAAA;IAC/B,mBAAmB,EAAE,OAAO,CAAA;IAC5B,qBAAqB,EAAE,6BAA6B,CAAA;IACpD,UAAU,EAAE,OAAO,CAAA;IACnB,qBAAqB,EAAE,CAAC,MAAM,EAAE,6BAA6B,KAAK,IAAI,CAAA;CACvE,CAAA;AAED,wBAAgB,0BAA0B,CAAC,EACzC,mBAAmB,EACnB,UAAU,EACV,mBAAmB,EACnB,sBAAsB,EACtB,cAAc,EACd,YAAY,EACZ,kBAAkB,EAClB,oBAAoB,EACpB,oBAAoB,EACpB,oBAAoB,EACpB,sBAAsB,EACtB,oBAAoB,EACpB,sBAAsB,EACtB,mBAAmB,EACnB,qBAAqB,EACrB,UAAU,EACV,qBAAqB,GACtB,EAAE,+BAA+B,2CAgIjC"}

package/dist/pages/checkout/components/CheckoutPaymentSummaryCard.js

@@ -1,5 +1,6 @@
 import { jsxs as a, jsx as e } from "react/jsx-runtime";
-import { Loader2 as y, AlertTriangle as k } from "lucide-react";
+import { Spinner as y } from "../../../chunks/ui/dist/Spinner/index-SbbUxcsT.js";
+import { AlertTriangle as k } from "lucide-react";
 import { useTranslation as w } from "react-i18next";
 import { Button as C } from "../../../ui/button.js";
 import { Card as j } from "../../../ui/card.js";
@@ -14,9 +15,9 @@ function F({
   amountToCollectMinor: x,
   amountToCollectLabel: _,
   paymentSummaryHelper: c,
-  paymentDecisionLoading: n,
+  paymentDecisionLoading: i,
   paymentDecisionError: s,
-  canChoosePaymentMethod: i,
+  canChoosePaymentMethod: n,
   showAmountDueNowRow: g,
   selectedPaymentMethod: b,
   submitting: N,
@@ -30,7 +31,7 @@ function F({
   return /* @__PURE__ */ a(j, { className: "border-slate-200 bg-white shadow-sm", children: [
     /* @__PURE__ */ a("div", { className: "border-b border-slate-200 px-4 py-4", children: [
       /* @__PURE__ */ e("p", { className: "text-sm font-semibold text-slate-950", children: /* @__PURE__ */ e("span", { children: t("checkout_payment_totals_title") }) }),
-      i ? /* @__PURE__ */ e("p", { className: "mt-1 text-xs text-slate-600", children: /* @__PURE__ */ e("span", { children: t("checkout_payment_totals_description") }) }) : null
+      n ? /* @__PURE__ */ e("p", { className: "mt-1 text-xs text-slate-600", children: /* @__PURE__ */ e("span", { children: t("checkout_payment_totals_description") }) }) : null
     ] }),
     /* @__PURE__ */ a("div", { className: "grid gap-4 px-4 py-4", children: [
       /* @__PURE__ */ a("dl", { className: "grid text-sm", children: [
@@ -39,8 +40,8 @@ function F({
           /* @__PURE__ */ e("dd", { className: "font-semibold tabular-nums text-slate-900", children: /* @__PURE__ */ e("span", { children: m }) })
         ] }),
         d ? /* @__PURE__ */ a("div", { className: "grid grid-cols-[minmax(0,1fr)_auto] items-center gap-x-4 border-t border-slate-100 py-2.5", children: [
-          /* @__PURE__ */ e("dt", { className: "text-emerald-700", children: /* @__PURE__ */ e("span", { children: t("checkout_coupon_discount", { code: o ?? "" }) }) }),
-          /* @__PURE__ */ e("dd", { className: "font-medium tabular-nums text-emerald-700", children: /* @__PURE__ */ e("span", { children: d }) })
+          /* @__PURE__ */ e("dt", { className: "text-success", children: /* @__PURE__ */ e("span", { children: t("checkout_coupon_discount", { code: o ?? "" }) }) }),
+          /* @__PURE__ */ e("dd", { className: "font-medium tabular-nums text-success", children: /* @__PURE__ */ e("span", { children: d }) })
         ] }) : null,
         /* @__PURE__ */ a("div", { className: "grid grid-cols-[minmax(0,1fr)_auto] items-center gap-x-4 border-t border-slate-100 py-2.5", children: [
           /* @__PURE__ */ e("dt", { className: "text-slate-600", children: /* @__PURE__ */ e("span", { children: t("checkout_payment_total_excluding_tax") }) }),
@@ -60,15 +61,15 @@ function F({
         ] }) : null
       ] }),
       c ? /* @__PURE__ */ e("p", { className: "text-xs text-slate-600", children: /* @__PURE__ */ e("span", { children: c }) }) : null,
-      n ? /* @__PURE__ */ a("div", { className: "flex items-center gap-2 text-sm text-slate-600", children: [
-        /* @__PURE__ */ e(y, { className: "h-4 w-4 animate-spin", "aria-hidden": "true" }),
+      i ? /* @__PURE__ */ a("div", { className: "flex items-center gap-2 text-sm text-slate-600", children: [
+        /* @__PURE__ */ e(y, { className: "size-4", "aria-hidden": "true" }),
         /* @__PURE__ */ e("span", { children: t("checkout_payment_loading") })
       ] }) : null,
       s ? /* @__PURE__ */ e("div", { className: "grid gap-3 rounded-xl border border-destructive/25 bg-destructive/5 p-4", children: /* @__PURE__ */ a("div", { className: "flex items-start gap-2 text-sm text-destructive", children: [
         /* @__PURE__ */ e(k, { className: "mt-0.5 h-4 w-4", "aria-hidden": "true" }),
         /* @__PURE__ */ e("span", { children: s })
       ] }) }) : null,
-      !n && !s && i ? /* @__PURE__ */ e("div", { className: "grid gap-2 sm:grid-cols-3", children: v.map((l) => /* @__PURE__ */ e(
+      !i && !s && n ? /* @__PURE__ */ e("div", { className: "grid gap-2 sm:grid-cols-3", children: v.map((l) => /* @__PURE__ */ e(
         C,
         {
           type: "button",