@loczer/storefront-sdk 0.164.0 → 0.166.0

package/dist/pages/PaymentLinkPage.js

@@ -1,38 +1,35 @@
 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 Y, useLoaderData as G, Link as q, replace as D } from "@rpcbase/router";
-import { loadStripe as H } from "@stripe/stripe-js";
-import { Elements as z, useStripe as J } from "@stripe/react-stripe-js";
-import { AlertTriangle as Q, ShieldCheck as V, Loader2 as W } from "lucide-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 { useTranslation as k } from "react-i18next";
-import { apiPost as g, apiGet as X } from "../lib/apiCall.js";
-import { GET_MOLLIE_SECURE_PAYMENT_SESSION_ROUTE as R, getMollieSecurePaymentSessionResponseSchema as U, GET_STRIPE_SECURE_PAYMENT_SESSION_ROUTE as Z, getStripeSecurePaymentSessionResponseSchema as ee, GET_SECURE_PAYMENT_LINK_ROUTE as re, getSecurePaymentLinkResponseSchema as se } from "../lib/securePaymentLink.js";
-import { MollieCardFieldsForm as te } from "../components/payment/MollieCardFieldsForm.js";
-import { StripeCardFieldsForm as ne } from "../components/payment/StripeCardFieldsForm.js";
-import { Button as ie } from "../ui/button.js";
+import { apiPost as g, apiGet as W } from "../lib/apiCall.js";
+import { GET_MOLLIE_SECURE_PAYMENT_SESSION_ROUTE as R, getMollieSecurePaymentSessionResponseSchema as U, GET_STRIPE_SECURE_PAYMENT_SESSION_ROUTE as X, getStripeSecurePaymentSessionResponseSchema as Z, GET_SECURE_PAYMENT_LINK_ROUTE as ee, getSecurePaymentLinkResponseSchema as re } from "../lib/securePaymentLink.js";
+import { MollieCardFieldsForm as se } from "../components/payment/MollieCardFieldsForm.js";
+import { StripeCardFieldsForm as te } from "../components/payment/StripeCardFieldsForm.js";
+import { Button as ne } from "../ui/button.js";
 import { Card as x } from "../ui/card.js";
-const le = {}, ae = () => {
-  const r = le, o = r?.RB_PUBLIC_STRIPE_PUBLISHABLE_KEY?.trim();
-  return o || (r?.RB_PUBLIC_STRIPE_PUBLISHABLE_API_KEY?.trim() ?? "");
-}, C = ae(), oe = (r, o, l) => {
+const ie = {}, le = () => ie?.RB_PUBLIC_STRIPE_PUBLISHABLE_KEY?.trim() ?? "", ae = le(), oe = (r, d, l) => {
   try {
     return new Intl.NumberFormat(l, {
       style: "currency",
-      currency: o.toUpperCase()
+      currency: d.toUpperCase()
     }).format(r / 100);
   } catch {
-    return `${(r / 100).toFixed(2)} ${o.toUpperCase()}`;
+    return `${(r / 100).toFixed(2)} ${d.toUpperCase()}`;
   }
 };
-function A() {
+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(W, { className: "h-4 w-4 animate-spin", "aria-hidden": "true" }),
+    /* @__PURE__ */ e(V, { className: "h-4 w-4 animate-spin", "aria-hidden": "true" }),
     /* @__PURE__ */ e("span", { children: r("secure_payment_link.form.loading_session") })
   ] });
 }
-const Ee = (async ({ ctx: r, params: o }) => {
-  const l = typeof o.storeSlug == "string" ? o.storeSlug.trim().toLowerCase() : "", a = typeof o.token == "string" ? o.token.trim() : "";
+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)
     return {
       storeSlug: l,
@@ -42,14 +39,14 @@ const Ee = (async ({ ctx: r, params: o }) => {
       errorKey: "invalid_link"
     };
   try {
-    const n = await X(
-      re,
+    const n = await W(
+      ee,
       {
         storeSlug: l,
         token: a
       },
       r
-    ), t = se.parse(n);
+    ), t = re.parse(n);
     if (!t.success || !t.paymentLinkSession)
       return {
         storeSlug: l,
@@ -59,7 +56,7 @@ const Ee = (async ({ ctx: r, params: o }) => {
         errorKey: null
       };
     if (t.paymentLinkSession.status !== "pending")
-      throw D(`/${encodeURIComponent(l)}/secure-payment-link/${encodeURIComponent(a)}/success`);
+      throw q(`/${encodeURIComponent(l)}/secure-payment-link/${encodeURIComponent(a)}/success`);
     return {
       storeSlug: l,
       token: a,
@@ -81,11 +78,11 @@ const Ee = (async ({ ctx: r, params: o }) => {
 });
 function ce({
   clientSecret: r,
-  onSuccess: o
+  onSuccess: d
 }) {
-  const { t: l } = k(), a = J();
+  const { t: l } = k(), a = H();
   return /* @__PURE__ */ e(
-    ne,
+    te,
     {
       requireEmail: !1,
       onSubmit: async ({ paymentMethodId: n }) => {
@@ -102,13 +99,13 @@ function ce({
         const s = t.paymentIntent?.status;
         if (s !== "succeeded" && s !== "processing" && s !== "requires_capture")
           throw new Error(l("secure_payment_link.errors.payment_failed"));
-        o();
+        d();
       }
     }
   );
 }
-function we() {
-  const { t: r, i18n: o } = k(), l = Y(), a = G(), { storeSlug: n, token: t } = a, s = a.session, N = a.errorMessage ?? (a.errorKey ? r(`secure_payment_link.errors.${a.errorKey}`) : null), B = s?.providerType === "mollie_connect_oauth" && s.status === "pending" && !!(n && t), K = s?.providerType === "stripe_connect_oauth" && s.status === "pending" && !!(n && t), [y, h] = p(null), [F, f] = p(B), [E, _] = p(null), [m, w] = p(null), [$, b] = p(K), [v, S] = p(null), L = `/${n ?? ""}/secure-payment-link/${t ?? ""}/success`;
+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`;
   T(() => {
     if (!s || !n || !t) {
       h(null), _(null), f(!1);
@@ -118,7 +115,7 @@ function we() {
       h(null), _(null), f(!1);
       return;
     }
-    let d = !1;
+    let o = !1;
     return f(!0), _(null), h(null), (async () => {
       try {
         const u = await g(
@@ -128,68 +125,71 @@ function we() {
             token: t
           }
         ), i = U.parse(u);
-        if (d) return;
+        if (o) return;
         if (!i.success || !i.profileId) {
           _(i.message || r("secure_payment_link.errors.session_failed"));
           return;
         }
         h(i);
       } catch (u) {
-        if (d) return;
+        if (o) return;
         console.error("Failed to create mollie secure session", u), _(r("secure_payment_link.errors.session_failed"));
       } finally {
-        d || f(!1);
+        o || f(!1);
       }
     })(), () => {
-      d = !0;
+      o = !0;
     };
   }, [s, n, r, t]), T(() => {
     if (!s || s.providerType !== "stripe_connect_oauth" || s.status !== "pending" || !n || !t) return;
-    let d = !1;
-    return b(!0), S(null), w(null), (async () => {
+    let o = !1;
+    return w(!0), S(null), v(null), (async () => {
       try {
         const u = await g(
-          Z,
+          X,
           {
             storeSlug: n,
             token: t
           }
-        ), i = ee.parse(u);
-        if (d) return;
+        ), i = Z.parse(u);
+        if (o) return;
         if (!i.success || !i.clientSecret || !i.payment) {
           S(i.message || r("secure_payment_link.errors.session_failed"));
           return;
         }
-        w(i);
+        v(i);
       } catch (u) {
-        if (d) return;
+        if (o) return;
         console.error("Failed to create stripe secure session", u), S(r("secure_payment_link.errors.session_failed"));
       } finally {
-        d || b(!1);
+        o || w(!1);
       }
     })(), () => {
-      d = !0;
+      o = !0;
     };
   }, [s, n, r, t]);
-  const P = M(() => !C.trim() || !m?.stripeAccountId ? null : H(C, {
-    stripeAccount: m.stripeAccountId
-  }), [m?.stripeAccountId]), I = M(() => {
+  const P = M(() => {
+    const o = m?.stripePublishableKey?.trim() || ae;
+    return !o || !m?.stripeAccountId ? null : D(o, {
+      stripeAccount: m.stripeAccountId
+    });
+  }, [m?.stripeAccountId, m?.stripePublishableKey]), I = M(() => {
     if (m?.clientSecret)
       return {
         clientSecret: m.clientSecret
       };
-  }, [m?.clientSecret]), O = s ? oe(s.amountMinor, s.currency, o.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-red-200 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-red-600", "aria-hidden": "true" }),
+  }, [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" }),
     /* @__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(q, { to: `/${n ?? ""}`, children: /* @__PURE__ */ e(ie, { variant: "outline", children: /* @__PURE__ */ e("span", { children: r("secure_payment_link.back_to_store") }) }) })
+      /* @__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(V, { className: "h-3.5 w-3.5", "aria-hidden": "true" }),
+        /* @__PURE__ */ e(Q, { className: "h-3.5 w-3.5", "aria-hidden": "true" }),
         /* @__PURE__ */ e("span", { children: r("secure_payment_link.secured_badge") })
       ] }),
       /* @__PURE__ */ c("div", { children: [
@@ -199,7 +199,7 @@ function we() {
       /* @__PURE__ */ c("dl", { className: "grid gap-3 rounded-xl border border-slate-200 bg-slate-50 p-4 text-sm", children: [
         /* @__PURE__ */ c("div", { className: "flex items-center justify-between gap-3", children: [
           /* @__PURE__ */ e("dt", { className: "text-slate-600", children: /* @__PURE__ */ e("span", { children: r("secure_payment_link.amount_label") }) }),
-          /* @__PURE__ */ e("dd", { className: "font-semibold text-slate-950", children: /* @__PURE__ */ e("span", { children: O }) })
+          /* @__PURE__ */ e("dd", { className: "font-semibold text-slate-950", children: /* @__PURE__ */ e("span", { children: B }) })
         ] }),
         /* @__PURE__ */ c("div", { className: "flex items-center justify-between gap-3", children: [
           /* @__PURE__ */ e("dt", { className: "text-slate-600", children: /* @__PURE__ */ e("span", { children: r("secure_payment_link.reference_label") }) }),
@@ -214,18 +214,18 @@ function we() {
     /* @__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(A, {}) : E ? /* @__PURE__ */ e("p", { className: "text-sm text-red-600", children: /* @__PURE__ */ e("span", { children: E }) }) : y?.profileId ? /* @__PURE__ */ e(
-        te,
+      F ? /* @__PURE__ */ e(C, {}) : b ? /* @__PURE__ */ e("p", { className: "text-sm text-destructive", children: /* @__PURE__ */ e("span", { children: b }) }) : y?.profileId ? /* @__PURE__ */ e(
+        se,
         {
           profileId: y.profileId,
           testmode: y.testmode === !0,
-          onSubmit: async (d) => {
+          onSubmit: async (o) => {
             const u = await g(
               R,
               {
                 storeSlug: n,
                 token: t,
-                cardToken: d
+                cardToken: o
               }
             ), i = U.parse(u);
             if (!i.success)
@@ -236,12 +236,12 @@ function we() {
             }
             if (!i.checkoutUrl)
               throw new Error(i.message || r("secure_payment_link.errors.mollie_missing_url"));
-            const j = new URL(i.checkoutUrl, window.location.origin).toString();
-            window.location.assign(j);
+            const O = new URL(i.checkoutUrl, window.location.origin).toString();
+            window.location.assign(O);
           }
         }
-      ) : /* @__PURE__ */ e("p", { className: "text-sm text-red-600", children: /* @__PURE__ */ e("span", { children: r("secure_payment_link.errors.session_failed") }) })
-    ] }) : $ ? /* @__PURE__ */ e(A, {}) : v ? /* @__PURE__ */ e("p", { className: "text-sm text-red-600", children: /* @__PURE__ */ e("span", { children: v }) }) : !m?.clientSecret || !P || !I ? /* @__PURE__ */ e("p", { className: "text-sm text-red-600", 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("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(
       ce,
       {
         clientSecret: m.clientSecret,
@@ -253,6 +253,6 @@ function we() {
   ] }) });
 }
 export {
-  we as default,
-  Ee as loader
+  ve as default,
+  be as loader
 };

package/dist/pages/PaymentLinkSuccessPage.js

@@ -4,7 +4,7 @@ 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 { useTranslation as D } from "react-i18next";
 import { apiGet as S } from "../lib/apiCall.js";
-import { GET_SECURE_PAYMENT_LINK_ROUTE as b, getSecurePaymentLinkResponseSchema as v } from "../lib/securePaymentLink.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";
 const I = (s, l, r) => {
@@ -28,13 +28,13 @@ const I = (s, l, r) => {
     };
   try {
     const c = await S(
-      b,
+      v,
       {
         storeSlug: r,
         token: a
       },
       s
-    ), t = v.parse(c);
+    ), t = b.parse(c);
     return !t.success || !t.paymentLinkSession ? {
       storeSlug: r,
       token: a,
@@ -76,11 +76,11 @@ function J() {
     return (async () => {
       u(!0), d(null);
       try {
-        const m = await S(b, {
+        const m = await S(v, {
           storeSlug: a,
           token: c,
           reconcileStripeStatus: Date.now() - k.current >= P ? "true" : void 0
-        }), f = v.parse(m);
+        }), f = b.parse(m);
         if (o) return;
         if (!f.success || !f.paymentLinkSession) {
           d(f.message || s("secure_payment_link.errors.load_failed"));
@@ -109,14 +109,14 @@ function J() {
   }, [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("span", { children: s("secure_payment_link.loading") })
-  ] }) : p || !t ? /* @__PURE__ */ e("p", { className: "text-sm text-red-600", 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: [
+  ] }) : 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__ */ 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-red-600" : "text-amber-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(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-amber-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.success_titles.${n}`) }) }),
       /* @__PURE__ */ e("p", { className: "text-sm text-slate-600", children: /* @__PURE__ */ e("span", { children: s(`secure_payment_link.statuses.${n}`) }) })

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

@@ -1 +1 @@
-{"version":3,"file":"ProductPage.d.ts","sourceRoot":"","sources":["../../src/pages/ProductPage.tsx"],"names":[],"mappings":"AAyHA,MAAM,CAAC,OAAO,UAAU,WAAW,4CA4VlC"}
+{"version":3,"file":"ProductPage.d.ts","sourceRoot":"","sources":["../../src/pages/ProductPage.tsx"],"names":[],"mappings":"AA0HA,MAAM,CAAC,OAAO,UAAU,WAAW,4CA4VlC"}