@loczer/storefront-sdk 0.177.0 → 0.178.0

package/dist/components/TestimonialsSection/index.js

@@ -1,69 +1,70 @@
-import { jsxs as a, jsx as r, Fragment as te } from "react/jsx-runtime";
-import i from "react";
+import { jsxs as a, jsx as t, Fragment as te } from "react/jsx-runtime";
+import o from "react";
 import { Star as I } from "lucide-react";
 import { useTranslation as z } from "react-i18next";
 import { ROUTE as re, responseSchema as ne } from "../../lib/storefrontReviews.js";
+import { getNameInitials as F, formatInitialsWithPeriods as se } from "../../lib/nameInitials.js";
 import { cn as U } from "@rpcbase/ui";
-import { useStorefront as se } from "../../StorefrontProvider.js";
-function ae({ rating: e }) {
-  return /* @__PURE__ */ r("div", { className: "flex mb-2", children: [...Array(5)].map((t, n) => /* @__PURE__ */ r(
+import { useStorefront as ae } from "../../StorefrontProvider.js";
+function ie({ rating: e }) {
+  return /* @__PURE__ */ t("div", { className: "flex mb-2", children: [...Array(5)].map((r, s) => /* @__PURE__ */ t(
     I,
     {
       className: U(
         "w-4 h-4",
-        n < e ? "text-yellow-400 fill-yellow-400" : "text-slate-300"
+        s < e ? "text-yellow-400 fill-yellow-400" : "text-slate-300"
       )
     },
-    n
+    s
   )) });
 }
-const p = ({ className: e }) => /* @__PURE__ */ r("div", { "aria-hidden": !0, className: U("animate-pulse rounded bg-slate-200", e) }), oe = () => /* @__PURE__ */ a(
+const p = ({ className: e }) => /* @__PURE__ */ t("div", { "aria-hidden": !0, className: U("animate-pulse rounded bg-slate-200", e) }), oe = () => /* @__PURE__ */ a(
   "div",
   {
     "aria-hidden": !0,
     className: "bg-white p-4 rounded-xl border border-slate-200 shadow-sm w-[320px] flex-shrink-0",
     children: [
       /* @__PURE__ */ a("div", { className: "flex items-center gap-3 mb-2", children: [
-        /* @__PURE__ */ r("div", { className: "h-10 w-10 rounded-full bg-slate-200 animate-pulse" }),
+        /* @__PURE__ */ t("div", { className: "h-10 w-10 rounded-full bg-slate-200 animate-pulse" }),
         /* @__PURE__ */ a("div", { className: "flex-1 space-y-2", children: [
-          /* @__PURE__ */ r(p, { className: "h-4 w-24" }),
-          /* @__PURE__ */ r(p, { className: "h-3 w-20" })
+          /* @__PURE__ */ t(p, { className: "h-4 w-24" }),
+          /* @__PURE__ */ t(p, { className: "h-3 w-20" })
         ] })
       ] }),
-      /* @__PURE__ */ r("div", { className: "mb-3 flex gap-1", children: Array.from({ length: 5 }).map((e, t) => /* @__PURE__ */ r("div", { className: "h-4 w-4 rounded bg-slate-200 animate-pulse" }, t)) }),
+      /* @__PURE__ */ t("div", { className: "mb-3 flex gap-1", children: Array.from({ length: 5 }).map((e, r) => /* @__PURE__ */ t("div", { className: "h-4 w-4 rounded bg-slate-200 animate-pulse" }, r)) }),
       /* @__PURE__ */ a("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ r(p, { className: "h-3 w-full" }),
-        /* @__PURE__ */ r(p, { className: "h-3 w-full" }),
-        /* @__PURE__ */ r(p, { className: "h-3 w-5/6" })
+        /* @__PURE__ */ t(p, { className: "h-3 w-full" }),
+        /* @__PURE__ */ t(p, { className: "h-3 w-full" }),
+        /* @__PURE__ */ t(p, { className: "h-3 w-5/6" })
       ] }),
-      /* @__PURE__ */ r(p, { className: "mt-4 h-3 w-16" })
+      /* @__PURE__ */ t(p, { className: "mt-4 h-3 w-16" })
     ]
   }
 );
-function j({
+function H({
   review: e,
-  enableExpand: t = !0,
-  defaultOriginalUrl: n
+  enableExpand: r = !0,
+  defaultOriginalUrl: s
 }) {
-  const { t: o } = z(), l = F(e.name), R = ie(l), d = e.source === "tripadvisor" ? o("testimonials.tripadvisor_review") : e.source === "google" ? o("testimonials.google_review") : void 0, [u, T] = i.useState(!1), [b, L] = i.useState(!1), k = i.useRef(null), y = t && u ? 6 : 4, g = e.originalUrl || n, N = X(g), v = t && b, w = typeof N == "string" && N.length > 0;
-  return i.useEffect(() => {
-    if (!t) return;
+  const { t: i } = z(), l = F(e.name), R = se(l), d = e.source === "tripadvisor" ? i("testimonials.tripadvisor_review") : e.source === "google" ? i("testimonials.google_review") : void 0, [u, T] = o.useState(!1), [b, L] = o.useState(!1), k = o.useRef(null), y = r && u ? 6 : 4, g = e.originalUrl || s, N = X(g), v = r && b, w = typeof N == "string" && N.length > 0;
+  return o.useEffect(() => {
+    if (!r) return;
     const m = k.current;
     if (!m) return;
     const S = () => {
-      const C = m.scrollHeight > m.clientHeight + 1, P = (e.text || "").trim().length > 240;
-      L(C || P);
+      const P = m.scrollHeight > m.clientHeight + 1, C = (e.text || "").trim().length > 240;
+      L(P || C);
     };
     return S(), window.addEventListener("resize", S), () => window.removeEventListener("resize", S);
-  }, [t, e.text]), /* @__PURE__ */ a("div", { className: "bg-white p-4 rounded-xl border border-slate-200 shadow-sm hover:shadow-md transition-shadow duration-300 w-[320px] flex-shrink-0", children: [
+  }, [r, e.text]), /* @__PURE__ */ a("div", { className: "bg-white p-4 rounded-xl border border-slate-200 shadow-sm hover:shadow-md transition-shadow duration-300 w-[320px] flex-shrink-0", children: [
     /* @__PURE__ */ a("div", { className: "flex items-center gap-3 mb-2", children: [
-      /* @__PURE__ */ r(pe, { name: e.name, size: 40, colorSeed: e.colorSeed }),
+      /* @__PURE__ */ t(pe, { name: e.name, size: 40, colorSeed: e.colorSeed }),
       /* @__PURE__ */ a("div", { children: [
-        /* @__PURE__ */ r("div", { className: "font-semibold leading-tight", children: R }),
-        d && /* @__PURE__ */ r("div", { className: "text-xs text-slate-500", children: d })
+        /* @__PURE__ */ t("div", { className: "font-semibold leading-tight", children: R }),
+        d && /* @__PURE__ */ t("div", { className: "text-xs text-slate-500", children: d })
       ] })
     ] }),
-    /* @__PURE__ */ r(ae, { rating: e.rating }),
+    /* @__PURE__ */ t(ie, { rating: e.rating }),
     /* @__PURE__ */ a("div", { className: "relative", children: [
       /* @__PURE__ */ a(
         "p",
@@ -77,13 +78,13 @@ function j({
             overflow: "hidden"
           },
           children: [
-            /* @__PURE__ */ r("span", { "aria-hidden": !0, children: "“" }),
-            /* @__PURE__ */ r("span", { children: e.text }),
-            /* @__PURE__ */ r("span", { "aria-hidden": !0, children: "”" })
+            /* @__PURE__ */ t("span", { "aria-hidden": !0, children: "“" }),
+            /* @__PURE__ */ t("span", { children: e.text }),
+            /* @__PURE__ */ t("span", { "aria-hidden": !0, children: "”" })
           ]
         }
       ),
-      !u && v && /* @__PURE__ */ r(
+      !u && v && /* @__PURE__ */ t(
         "div",
         {
           "aria-hidden": !0,
@@ -99,23 +100,23 @@ function j({
           v && w ? "justify-between" : w ? "justify-end" : "justify-start"
         ),
         children: [
-          v && /* @__PURE__ */ r(
+          v && /* @__PURE__ */ t(
             "button",
             {
               type: "button",
               onClick: () => T((m) => !m),
               className: "text-primary hover:underline text-xs cursor-pointer",
-              children: o(u ? "testimonials.see_less" : "testimonials.see_more")
+              children: i(u ? "testimonials.see_less" : "testimonials.see_more")
             }
           ),
-          w && /* @__PURE__ */ r(
+          w && /* @__PURE__ */ t(
             "a",
             {
               className: "text-slate-500 hover:text-slate-600 hover:underline text-xs whitespace-nowrap cursor-pointer",
               href: N,
               target: "_blank",
               rel: "noreferrer noopener",
-              children: o("testimonials.view_original")
+              children: i("testimonials.view_original")
             }
           )
         ]
@@ -123,60 +124,60 @@ function j({
     )
   ] });
 }
-const Re = () => {
-  const { t: e } = z(), { storeSlug: t, storefrontConfiguration: n } = se(), o = n.modules?.reviews, l = o ? o.enabled && o.showRecentReviewsOnStorefront : !0, R = 180, d = i.useRef(null), u = i.useRef(!1), [T, b] = i.useState(!1), L = i.useRef(0), k = i.useRef(0), y = 64, [g, N] = i.useState([]), [v, w] = i.useState({}), [m, S] = i.useState(!1);
-  i.useEffect(() => {
-    let s = !1;
+const ke = () => {
+  const { t: e } = z(), { storeSlug: r, storefrontConfiguration: s } = ae(), i = s.modules?.reviews, l = i ? i.enabled && i.showRecentReviewsOnStorefront : !0, R = 180, d = o.useRef(null), u = o.useRef(!1), [T, b] = o.useState(!1), L = o.useRef(0), k = o.useRef(0), y = 64, [g, N] = o.useState([]), [v, w] = o.useState({}), [m, S] = o.useState(!1);
+  o.useEffect(() => {
+    let n = !1;
     if (!l)
       return N([]), w({}), S(!0), () => {
-        s = !0;
+        n = !0;
       };
     async function h() {
       try {
-        if (!t) return;
+        if (!r) return;
         const E = new URLSearchParams({
-          storeSlug: t,
+          storeSlug: r,
           limit: "40"
         }), B = await (await fetch(`${re}?${E.toString()}`)).json().catch(() => null);
-        if (s) return;
+        if (n) return;
         const q = ne.safeParse(B);
         if (!q.success || !q.data.success)
           return;
-        const _ = q.data, $ = Array.isArray(_?.providers) ? _.providers : [], x = $.find((c) => c?.source === "google"), J = $[0], M = typeof x?.providerUrl == "string" ? x.providerUrl : n.shop.googleMapsLink || n.shop.googleRequestReviewsLink, O = Array.isArray(_?.reviews) ? _.reviews.map((c, ee) => ({
+        const _ = q.data, M = Array.isArray(_?.providers) ? _.providers : [], x = M.find((c) => c?.source === "google"), J = M[0], O = typeof x?.providerUrl == "string" ? x.providerUrl : s.shop.googleMapsLink || s.shop.googleRequestReviewsLink, j = Array.isArray(_?.reviews) ? _.reviews.map((c, ee) => ({
           id: ee + 1,
           name: c.authorMasked || e("testimonials.google_user"),
           source: c.source,
           text: c.comment || "",
           rating: c.rating || 5,
           colorSeed: typeof c.avatarSeed == "number" ? c.avatarSeed : void 0,
-          originalUrl: typeof c.providerUrl == "string" ? c.providerUrl : M
-        })) : [], K = O.length > 0 ? O : [], Q = D(String(x?.fetchedAt || J?.fetchedAt || _?.reviews?.[0]?.createdAt || "mock")), Y = ce([...K], Q), Z = {
+          originalUrl: typeof c.providerUrl == "string" ? c.providerUrl : O
+        })) : [], K = j.length > 0 ? j : [], Q = W(String(x?.fetchedAt || J?.fetchedAt || _?.reviews?.[0]?.createdAt || "mock")), Y = ce([...K], Q), Z = {
           rating: typeof x?.rating == "number" ? x.rating : void 0,
           total: typeof x?.totalReviewsCount == "number" ? x.totalReviewsCount : void 0,
-          url: M
+          url: O
         };
-        if (s) return;
+        if (n) return;
         N(Y), w(Z);
       } catch {
-        if (s) return;
+        if (n) return;
       } finally {
-        s || S(!0);
+        n || S(!0);
       }
     }
     return h(), () => {
-      s = !0;
+      n = !0;
     };
-  }, [l, t, n.shop.googleMapsLink, n.shop.googleRequestReviewsLink]), i.useEffect(() => {
+  }, [l, r, s.shop.googleMapsLink, s.shop.googleRequestReviewsLink]), o.useEffect(() => {
     if (!m || g.length === 0) return;
-    const s = d.current;
-    s && s.scrollLeft === 0 && (s.scrollLeft = y);
+    const n = d.current;
+    n && n.scrollLeft === 0 && (n.scrollLeft = y);
   }, [m, g.length, y]);
-  const C = v.rating, P = v.total, V = v.url, A = X(V);
+  const P = v.rating, C = v.total, G = v.url, A = X(G);
   if (!l)
     return null;
-  const f = !m, W = g.length > 0;
-  return !f && !W ? null : /* @__PURE__ */ a("section", { id: "testimonials", className: "border-t border-slate-200 bg-slate-50/60", translate: "no", children: [
-    /* @__PURE__ */ r("style", { children: `
+  const f = !m, V = g.length > 0;
+  return !f && !V ? null : /* @__PURE__ */ a("section", { id: "testimonials", className: "border-t border-slate-200 bg-slate-50/60", translate: "no", children: [
+    /* @__PURE__ */ t("style", { children: `
         @keyframes testimonials-marquee { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }
         .t-marquee { animation: testimonials-marquee var(--t-marquee-duration, 40s) linear infinite; }
         .t-marquee:hover { animation-play-state: paused; }
@@ -189,43 +190,43 @@ const Re = () => {
       ` }),
     /* @__PURE__ */ a("div", { className: "mx-auto max-w-7xl px-4 py-10 sm:px-6", children: [
       /* @__PURE__ */ a("div", { className: "text-center mb-8", children: [
-        /* @__PURE__ */ r("h2", { className: "text-xl font-semibold tracking-tight text-slate-950", children: e("testimonials.title") }),
+        /* @__PURE__ */ t("h2", { className: "text-xl font-semibold tracking-tight text-slate-950", children: e("testimonials.title") }),
         /* @__PURE__ */ a("div", { className: "mt-3 flex items-center justify-center gap-3 text-sm text-slate-700", children: [
           /* @__PURE__ */ a("div", { className: "inline-flex items-center gap-1", children: [
-            /* @__PURE__ */ r(I, { className: "w-5 h-5 text-yellow-400 fill-yellow-400" }),
-            f ? /* @__PURE__ */ r(p, { className: "inline-block h-5 w-12" }) : /* @__PURE__ */ a("span", { className: "font-medium", children: [
-              /* @__PURE__ */ r("span", { children: C?.toFixed(1) ?? "5.0" }),
-              /* @__PURE__ */ r("span", { children: "/5" })
+            /* @__PURE__ */ t(I, { className: "w-5 h-5 text-yellow-400 fill-yellow-400" }),
+            f ? /* @__PURE__ */ t(p, { className: "inline-block h-5 w-12" }) : /* @__PURE__ */ a("span", { className: "font-medium", children: [
+              /* @__PURE__ */ t("span", { children: P?.toFixed(1) ?? "5.0" }),
+              /* @__PURE__ */ t("span", { children: "/5" })
             ] })
           ] }),
-          /* @__PURE__ */ r("span", { "aria-hidden": !0, children: "•" }),
-          f ? /* @__PURE__ */ r(p, { className: "inline-block h-4 w-32" }) : /* @__PURE__ */ a("span", { children: [
-            P ?? g.length,
+          /* @__PURE__ */ t("span", { "aria-hidden": !0, children: "•" }),
+          f ? /* @__PURE__ */ t(p, { className: "inline-block h-4 w-32" }) : /* @__PURE__ */ a("span", { children: [
+            C ?? g.length,
             " ",
             e("testimonials.reviews_label")
           ] }),
           (f || A) && /* @__PURE__ */ a(te, { children: [
-            /* @__PURE__ */ r("span", { "aria-hidden": !0, children: "•" }),
-            f ? /* @__PURE__ */ r(p, { className: "inline-block h-4 w-40" }) : A ? /* @__PURE__ */ r("a", { className: "text-primary hover:underline cursor-pointer", href: A, target: "_blank", rel: "noreferrer noopener", children: e("testimonials.view_on_google") }) : null
+            /* @__PURE__ */ t("span", { "aria-hidden": !0, children: "•" }),
+            f ? /* @__PURE__ */ t(p, { className: "inline-block h-4 w-40" }) : A ? /* @__PURE__ */ t("a", { className: "text-primary hover:underline cursor-pointer", href: A, target: "_blank", rel: "noreferrer noopener", children: e("testimonials.view_on_google") }) : null
           ] })
         ] })
       ] }),
       /* @__PURE__ */ a("div", { className: "relative", children: [
-        /* @__PURE__ */ r(
+        /* @__PURE__ */ t(
           "div",
           {
             className: "pointer-events-none absolute inset-y-0 left-0 bg-gradient-to-r from-slate-50 to-transparent z-10",
             style: { width: y }
           }
         ),
-        /* @__PURE__ */ r(
+        /* @__PURE__ */ t(
           "div",
           {
             className: "pointer-events-none absolute inset-y-0 right-0 bg-gradient-to-l from-slate-50 to-transparent z-10",
             style: { width: y }
           }
         ),
-        /* @__PURE__ */ r(
+        /* @__PURE__ */ t(
           "div",
           {
             ref: d,
@@ -234,22 +235,22 @@ const Re = () => {
               f ? "cursor-default" : T ? "cursor-grabbing" : "cursor-grab"
             ),
             style: { WebkitOverflowScrolling: "touch", touchAction: "pan-x" },
-            onPointerDown: (s) => {
+            onPointerDown: (n) => {
               if (f) return;
               const h = d.current;
               if (h) {
-                u.current = !0, b(!0), L.current = s.clientX, k.current = h.scrollLeft;
+                u.current = !0, b(!0), L.current = n.clientX, k.current = h.scrollLeft;
                 try {
-                  s.target?.setPointerCapture?.(s.pointerId);
+                  n.target?.setPointerCapture?.(n.pointerId);
                 } catch {
                 }
               }
             },
-            onPointerMove: (s) => {
+            onPointerMove: (n) => {
               if (f || !u.current) return;
               const h = d.current;
               if (!h) return;
-              const E = s.clientX - L.current;
+              const E = n.clientX - L.current;
               h.scrollLeft = k.current - E;
             },
             onPointerUp: () => {
@@ -261,14 +262,14 @@ const Re = () => {
             onPointerLeave: () => {
               u.current = !1, b(!1);
             },
-            children: f ? /* @__PURE__ */ r("div", { className: "inline-flex w-max gap-4", children: Array.from({ length: 6 }).map((s, h) => /* @__PURE__ */ r(oe, {}, `s-${h}`)) }) : /* @__PURE__ */ a(
+            children: f ? /* @__PURE__ */ t("div", { className: "inline-flex w-max gap-4", children: Array.from({ length: 6 }).map((n, h) => /* @__PURE__ */ t(oe, {}, `s-${h}`)) }) : /* @__PURE__ */ a(
               "div",
               {
                 className: "t-marquee inline-flex w-max gap-4",
                 style: { "--t-marquee-duration": `${R}s` },
                 children: [
-                  /* @__PURE__ */ r("div", { className: "flex w-max gap-4", children: g.map((s) => /* @__PURE__ */ r(j, { review: s, defaultOriginalUrl: A }, `a-${s.id}`)) }),
-                  /* @__PURE__ */ r("div", { className: "flex w-max gap-4", children: g.map((s) => /* @__PURE__ */ r(j, { review: s, defaultOriginalUrl: A }, `b-${s.id}`)) })
+                  /* @__PURE__ */ t("div", { className: "flex w-max gap-4", children: g.map((n) => /* @__PURE__ */ t(H, { review: n, defaultOriginalUrl: A }, `a-${n.id}`)) }),
+                  /* @__PURE__ */ t("div", { className: "flex w-max gap-4", children: g.map((n) => /* @__PURE__ */ t(H, { review: n, defaultOriginalUrl: A }, `b-${n.id}`)) })
                 ]
               }
             )
@@ -278,72 +279,62 @@ const Re = () => {
     ] })
   ] });
 };
-function F(e) {
-  if (!e) return "?";
-  const t = String(e).trim().split(/[\s-]+/).filter(Boolean);
-  if (t.length === 0) return "?";
-  const n = t[0]?.[0] || "", o = t.length > 1 ? t[t.length - 1]?.[0] : t[0]?.[1] || "";
-  return (n + o).toUpperCase();
-}
-function ie(e) {
-  return e ? e.length >= 2 ? `${e[0]}. ${e[1]}.` : `${e[0]}.` : "?";
-}
 function X(e) {
   if (typeof e != "string") return;
-  const t = e.trim();
-  if (t.length !== 0)
+  const r = e.trim();
+  if (r.length !== 0)
     try {
-      const n = new URL(t);
-      return n.protocol !== "http:" && n.protocol !== "https:" ? void 0 : n.toString();
+      const s = new URL(r);
+      return s.protocol !== "http:" && s.protocol !== "https:" ? void 0 : s.toString();
     } catch {
       return;
     }
 }
-function D(e) {
-  let t = 2166136261;
-  for (let n = 0; n < e.length; n++)
-    t ^= e.charCodeAt(n), t = Math.imul(t, 16777619);
-  return t >>> 0;
+function W(e) {
+  let r = 2166136261;
+  for (let s = 0; s < e.length; s++)
+    r ^= e.charCodeAt(s), r = Math.imul(r, 16777619);
+  return r >>> 0;
 }
 function le(e) {
   return function() {
-    let t = e += 1831565813;
-    return t = Math.imul(t ^ t >>> 15, t | 1), t ^= t + Math.imul(t ^ t >>> 7, t | 61), ((t ^ t >>> 14) >>> 0) / 4294967296;
+    let r = e += 1831565813;
+    return r = Math.imul(r ^ r >>> 15, r | 1), r ^= r + Math.imul(r ^ r >>> 7, r | 61), ((r ^ r >>> 14) >>> 0) / 4294967296;
   };
 }
-function ce(e, t) {
-  const n = le(t || 1);
-  for (let o = e.length - 1; o > 0; o--) {
-    const l = Math.floor(n() * (o + 1));
-    [e[o], e[l]] = [e[l], e[o]];
+function ce(e, r) {
+  const s = le(r || 1);
+  for (let i = e.length - 1; i > 0; i--) {
+    const l = Math.floor(s() * (i + 1));
+    [e[i], e[l]] = [e[l], e[i]];
   }
   return e;
 }
 const de = 65, ue = 72, me = 20;
-function G(e) {
+function D(e) {
   return (e % 360 + 360) % 360;
 }
-function H(e, t) {
-  return `hsl(${e} ${de}% ${t}%)`;
+function $(e, r) {
+  return `hsl(${e} ${de}% ${r}%)`;
 }
 function fe(e) {
-  return G(D(e));
+  return D(W(e));
 }
 function he(e) {
   if (typeof e == "number")
-    return G(e);
+    return D(e);
 }
-function pe({ name: e, size: t = 40, colorSeed: n }) {
-  const o = F(e), l = he(n) ?? fe(e), R = H(l, ue), d = H(l, me);
-  return /* @__PURE__ */ r("div", { className: "relative", style: { width: t, height: t }, "aria-hidden": !0, children: /* @__PURE__ */ r(
+function pe({ name: e, size: r = 40, colorSeed: s }) {
+  const i = F(e), l = he(s) ?? fe(e), R = $(l, ue), d = $(l, me);
+  return /* @__PURE__ */ t("div", { className: "relative", style: { width: r, height: r }, "aria-hidden": !0, children: /* @__PURE__ */ t(
     "div",
     {
       className: "w-full h-full rounded-full flex items-center justify-center font-semibold select-none",
       style: { backgroundColor: R, color: d },
-      children: o
+      children: i
     }
   ) });
 }
 export {
-  Re as TestimonialsSection
+  ke as TestimonialsSection
 };

package/dist/components/payment/MollieCardFieldsForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MollieCardFieldsForm.d.ts","sourceRoot":"","sources":["../../../src/components/payment/MollieCardFieldsForm.tsx"],"names":[],"mappings":"AAwFA,KAAK,yBAAyB,GAAG;IAC/B,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,QAAQ,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;CAC/C,CAAA;AAED,wBAAgB,oBAAoB,CAAC,EACnC,SAAS,EACT,QAAQ,EACR,QAAgB,EAChB,WAAW,EACX,eAAe,EACf,QAAQ,GACT,EAAE,yBAAyB,2CAgK3B"}
+{"version":3,"file":"MollieCardFieldsForm.d.ts","sourceRoot":"","sources":["../../../src/components/payment/MollieCardFieldsForm.tsx"],"names":[],"mappings":"AAyFA,KAAK,yBAAyB,GAAG;IAC/B,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,QAAQ,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;CAC/C,CAAA;AAED,wBAAgB,oBAAoB,CAAC,EACnC,SAAS,EACT,QAAQ,EACR,QAAgB,EAChB,WAAW,EACX,eAAe,EACf,QAAQ,GACT,EAAE,yBAAyB,2CAgK3B"}

package/dist/components/payment/MollieCardFieldsForm.js

@@ -1,8 +1,9 @@
 import { jsxs as c, jsx as e } from "react/jsx-runtime";
-import { useState as N, useRef as w, useEffect as R } from "react";
-import { Loader2 as H, CreditCard as j } from "lucide-react";
-import { useTranslation as T } from "react-i18next";
-import { getMollieCardStyles as z } from "../../lib/mollieComponentStyles.js";
+import { useState as N, useRef as M, useEffect as R } from "react";
+import { Spinner as H } from "../../chunks/ui/dist/Spinner/index-SbbUxcsT.js";
+import { CreditCard as j } from "lucide-react";
+import { useTranslation as z } from "react-i18next";
+import { getMollieCardStyles as T } from "../../lib/mollieComponentStyles.js";
 import { Button as I } from "../../ui/button.js";
 import { Label as _ } from "../../ui/label.js";
 const $ = "https://js.mollie.com/v1/mollie.js";
@@ -30,7 +31,7 @@ const P = async () => {
     throw v = null, s;
   })), v);
 }, q = (o) => o.toLowerCase().startsWith("fr") ? "fr_FR" : "en_US";
-function Q({
+function V({
   profileId: o,
   testmode: s,
   disabled: d = !1,
@@ -38,12 +39,12 @@ function Q({
   submittingLabel: p,
   onSubmit: a
 }) {
-  const { t: r, i18n: M } = T(), [D, x] = N(!0), [b, C] = N(!1), [k, l] = N(null), t = w({
+  const { t: r, i18n: w } = z(), [D, x] = N(!0), [b, C] = N(!1), [k, l] = N(null), t = M({
     cardHolder: `mollie-card-holder-${Math.random().toString(36).slice(2, 10)}`,
     cardNumber: `mollie-card-number-${Math.random().toString(36).slice(2, 10)}`,
     expiryDate: `mollie-expiry-date-${Math.random().toString(36).slice(2, 10)}`,
     verificationCode: `mollie-verification-code-${Math.random().toString(36).slice(2, 10)}`
-  }), m = w(null), g = w([]);
+  }), m = M(null), g = M([]);
   return R(() => {
     let u = !1;
     return x(!0), l(null), m.current = null, (async () => {
@@ -51,22 +52,22 @@ function Q({
         const n = await P();
         if (u) return;
         const i = n(o, {
-          locale: q(M.language),
+          locale: q(w.language),
           testmode: s
-        }), h = z(), y = "", E = i.createComponent("cardHolder", {
+        }), h = T(), y = "", S = i.createComponent("cardHolder", {
           styles: h,
           label: y
-        }), F = i.createComponent("cardNumber", {
+        }), E = i.createComponent("cardNumber", {
           styles: h,
           label: y
-        }), S = i.createComponent("expiryDate", {
+        }), F = i.createComponent("expiryDate", {
           styles: h,
           label: y
         }), L = i.createComponent("verificationCode", {
           styles: h,
           label: y
         });
-        E.mount(`#${t.current.cardHolder}`), F.mount(`#${t.current.cardNumber}`), S.mount(`#${t.current.expiryDate}`), L.mount(`#${t.current.verificationCode}`), m.current = i, g.current = [E, F, S, L];
+        S.mount(`#${t.current.cardHolder}`), E.mount(`#${t.current.cardNumber}`), F.mount(`#${t.current.expiryDate}`), L.mount(`#${t.current.verificationCode}`), m.current = i, g.current = [S, E, F, L];
       } catch (n) {
         if (u) return;
         l(n instanceof Error ? n.message : r("secure_payment_link.errors.payment_failed"));
@@ -79,7 +80,7 @@ function Q({
         n.unmount?.();
       g.current = [], m.current = null;
     };
-  }, [M.language, o, r, s]), /* @__PURE__ */ c("form", { onSubmit: async (u) => {
+  }, [w.language, o, r, s]), /* @__PURE__ */ c("form", { onSubmit: async (u) => {
     if (u.preventDefault(), !d) {
       if (!m.current) {
         l(r("secure_payment_link.errors.mollie_not_ready"));
@@ -125,11 +126,11 @@ function Q({
     ] }),
     k ? /* @__PURE__ */ e("p", { className: "text-sm text-destructive", children: /* @__PURE__ */ e("span", { children: k }) }) : null,
     /* @__PURE__ */ c(I, { type: "submit", disabled: d || b || D || !m.current, className: "h-11 gap-2", children: [
-      b ? /* @__PURE__ */ e(H, { className: "h-4 w-4 animate-spin", "aria-hidden": "true" }) : /* @__PURE__ */ e(j, { className: "h-4 w-4", "aria-hidden": "true" }),
+      b ? /* @__PURE__ */ e(H, { className: "size-4", "aria-hidden": "true" }) : /* @__PURE__ */ e(j, { className: "h-4 w-4", "aria-hidden": "true" }),
       /* @__PURE__ */ e("span", { children: b ? p ?? r("secure_payment_link.form.submitting_button") : f ?? r("secure_payment_link.form.submit_button") })
     ] })
   ] });
 }
 export {
-  Q as MollieCardFieldsForm
+  V as MollieCardFieldsForm
 };

package/dist/components/payment/StripeCardFieldsForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StripeCardFieldsForm.d.ts","sourceRoot":"","sources":["../../../src/components/payment/StripeCardFieldsForm.tsx"],"names":[],"mappings":"AAUA,KAAK,iCAAiC,GAAG;IACvC,eAAe,EAAE,MAAM,CAAA;IACvB,cAAc,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,KAAK,yBAAyB,GAAG;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,QAAQ,EAAE,CAAC,OAAO,EAAE,iCAAiC,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;CACxE,CAAA;AAED,wBAAgB,oBAAoB,CAAC,EACnC,KAAU,EACV,YAAmB,EACnB,QAAgB,EAChB,WAAW,EACX,eAAe,EACf,QAAQ,GACT,EAAE,yBAAyB,2CA2H3B"}
+{"version":3,"file":"StripeCardFieldsForm.d.ts","sourceRoot":"","sources":["../../../src/components/payment/StripeCardFieldsForm.tsx"],"names":[],"mappings":"AAWA,KAAK,iCAAiC,GAAG;IACvC,eAAe,EAAE,MAAM,CAAA;IACvB,cAAc,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,KAAK,yBAAyB,GAAG;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,QAAQ,EAAE,CAAC,OAAO,EAAE,iCAAiC,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;CACxE,CAAA;AAED,wBAAgB,oBAAoB,CAAC,EACnC,KAAU,EACV,YAAmB,EACnB,QAAgB,EAChB,WAAW,EACX,eAAe,EACf,QAAQ,GACT,EAAE,yBAAyB,2CA2H3B"}

package/dist/components/payment/StripeCardFieldsForm.js

@@ -1,12 +1,13 @@
 import { jsxs as t, jsx as e } from "react/jsx-runtime";
 import { useState as u } from "react";
-import { useStripe as w, useElements as M, CardNumberElement as g, CardExpiryElement as S, CardCvcElement as F } from "@stripe/react-stripe-js";
-import { Loader2 as j, CreditCard as q } from "lucide-react";
-import { useTranslation as z } from "react-i18next";
+import { useStripe as S, useElements as M, CardNumberElement as g, CardExpiryElement as w, CardCvcElement as F } from "@stripe/react-stripe-js";
+import { Spinner as z } from "../../chunks/ui/dist/Spinner/index-SbbUxcsT.js";
+import { CreditCard as j } from "lucide-react";
+import { useTranslation as q } from "react-i18next";
 import { Button as I } from "../../ui/button.js";
-import { Input as L } from "../../ui/input.js";
+import { Input as B } from "../../ui/input.js";
 import { Label as m } from "../../ui/label.js";
-function K({
+function O({
   email: N = "",
   requireEmail: v = !0,
   disabled: h = !1,
@@ -14,7 +15,7 @@ function K({
   submittingLabel: x,
   onSubmit: C
 }) {
-  const { t: r } = z(), d = w(), l = M(), [_, E] = u(""), [n, s] = u(!1), [y, a] = u(null);
+  const { t: r } = q(), d = S(), l = M(), [_, E] = u(""), [n, s] = u(!1), [y, a] = u(null);
   return /* @__PURE__ */ t("form", { onSubmit: async (c) => {
     if (c.preventDefault(), !d || !l) {
       a(r("secure_payment_link.errors.stripe_not_ready"));
@@ -62,7 +63,7 @@ function K({
     /* @__PURE__ */ t("div", { className: "space-y-1", children: [
       /* @__PURE__ */ e(m, { htmlFor: "payment-cardholder-name", children: /* @__PURE__ */ e("span", { children: r("secure_payment_link.form.cardholder_name_label") }) }),
       /* @__PURE__ */ e(
-        L,
+        B,
         {
           id: "payment-cardholder-name",
           value: _,
@@ -81,7 +82,7 @@ function K({
     /* @__PURE__ */ t("div", { className: "grid gap-3 sm:grid-cols-2", children: [
       /* @__PURE__ */ t("div", { className: "space-y-1", children: [
         /* @__PURE__ */ e(m, { htmlFor: "payment-card-expiry", children: /* @__PURE__ */ e("span", { children: r("secure_payment_link.form.card_expiry_label") }) }),
-        /* @__PURE__ */ e("div", { className: "rounded-md border border-slate-200 bg-white px-3 py-2", children: /* @__PURE__ */ e(S, { id: "payment-card-expiry" }) })
+        /* @__PURE__ */ e("div", { className: "rounded-md border border-slate-200 bg-white px-3 py-2", children: /* @__PURE__ */ e(w, { id: "payment-card-expiry" }) })
       ] }),
       /* @__PURE__ */ t("div", { className: "space-y-1", children: [
         /* @__PURE__ */ e(m, { htmlFor: "payment-card-cvc", children: /* @__PURE__ */ e("span", { children: r("secure_payment_link.form.card_cvc_label") }) }),
@@ -90,11 +91,11 @@ function K({
     ] }),
     y ? /* @__PURE__ */ e("p", { className: "text-sm text-destructive", children: /* @__PURE__ */ e("span", { children: y }) }) : null,
     /* @__PURE__ */ t(I, { type: "submit", disabled: h || n || !d || !l, className: "gap-2", children: [
-      n ? /* @__PURE__ */ e(j, { className: "h-4 w-4 animate-spin", "aria-hidden": "true" }) : /* @__PURE__ */ e(q, { className: "h-4 w-4", "aria-hidden": "true" }),
+      n ? /* @__PURE__ */ e(z, { className: "size-4", "aria-hidden": "true" }) : /* @__PURE__ */ e(j, { className: "h-4 w-4", "aria-hidden": "true" }),
       /* @__PURE__ */ e("span", { children: n ? x ?? r("secure_payment_link.form.submitting_button") : k ?? r("secure_payment_link.form.submit_button") })
     ] })
   ] });
 }
 export {
-  K as StripeCardFieldsForm
+  O as StripeCardFieldsForm
 };

package/dist/lib/nameInitials.d.ts

@@ -0,0 +1,3 @@
+export declare function getNameInitials(name?: string): string;
+export declare function formatInitialsWithPeriods(initials: string): string;
+//# sourceMappingURL=nameInitials.d.ts.map

package/dist/lib/nameInitials.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"nameInitials.d.ts","sourceRoot":"","sources":["../../src/lib/nameInitials.ts"],"names":[],"mappings":"AAOA,wBAAgB,eAAe,CAAC,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAYrD;AAED,wBAAgB,yBAAyB,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,CAIlE"}

package/dist/lib/nameInitials.js

@@ -0,0 +1,19 @@
+import { splitGraphemes as s } from "unicode-segmenter/grapheme";
+function i(r) {
+  return Array.from(s(r));
+}
+function o(r) {
+  if (!r) return "?";
+  const t = r.trim().split(/[\s-]+/).filter(Boolean);
+  if (t.length === 0) return "?";
+  const e = i(t[0]), n = t.length > 1 ? i(t[t.length - 1])[0] : e[1];
+  return `${e[0] ?? ""}${n ?? ""}`.toUpperCase() || "?";
+}
+function p(r) {
+  const t = i(r.trim()).slice(0, 2);
+  return t.length === 0 ? "?" : t.map((e) => `${e}.`).join(" ");
+}
+export {
+  p as formatInitialsWithPeriods,
+  o as getNameInitials
+};

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

@@ -1 +1 @@
-{"version":3,"file":"CheckoutPaymentPage.d.ts","sourceRoot":"","sources":["../../src/pages/CheckoutPaymentPage.tsx"],"names":[],"mappings":"AAkGA,MAAM,CAAC,OAAO,UAAU,mBAAmB,4CA0V1C"}
+{"version":3,"file":"CheckoutPaymentPage.d.ts","sourceRoot":"","sources":["../../src/pages/CheckoutPaymentPage.tsx"],"names":[],"mappings":"AAmGA,MAAM,CAAC,OAAO,UAAU,mBAAmB,4CA0V1C"}