@loczer/storefront-sdk 0.166.0 → 0.167.0

package/dist/components/BikeProductCard/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/BikeProductCard/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AASrD,KAAK,oBAAoB,GAAG;IAC1B,IAAI,EAAE,WAAW,CAAA;IACjB,WAAW,EAAE,MAAM,CAAA;IACnB,uBAAuB,EAAE;QAAE,MAAM,EAAE,MAAM,CAAA;KAAE,CAAA;IAC3C,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;IAC/B,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,CAAA;AAED,wBAAgB,eAAe,CAAC,EAC9B,IAAI,EACJ,WAAW,EACX,uBAAuB,EACvB,cAA8B,EAC9B,QAAQ,EACR,cAAsB,EACtB,iBAAiB,EACjB,gBAAgB,EAChB,OAAmB,EACnB,MAAM,GACP,EAAE,oBAAoB,2CA2FtB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/BikeProductCard/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AASrD,KAAK,oBAAoB,GAAG;IAC1B,IAAI,EAAE,WAAW,CAAA;IACjB,WAAW,EAAE,MAAM,CAAA;IACnB,uBAAuB,EAAE;QAAE,MAAM,EAAE,MAAM,CAAA;KAAE,CAAA;IAC3C,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;IAC/B,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,CAAA;AAED,wBAAgB,eAAe,CAAC,EAC9B,IAAI,EACJ,WAAW,EACX,uBAAuB,EACvB,cAA8B,EAC9B,QAAQ,EACR,cAAsB,EACtB,iBAAiB,EACjB,gBAAgB,EAChB,OAAmB,EACnB,MAAM,GACP,EAAE,oBAAoB,2CAgFtB"}

package/dist/components/BikeProductCard/index.js

@@ -1,87 +1,82 @@
-import { jsxs as a, jsx as e, Fragment as d } from "react/jsx-runtime";
-import { Link as S } from "@rpcbase/router";
-import { cn as j } from "@rpcbase/ui";
+import { jsxs as a, jsx as e, Fragment as _ } from "react/jsx-runtime";
+import { Link as B } from "@rpcbase/router";
+import { cn as S } from "@rpcbase/ui";
 import { Bike as C, ArrowRight as O } from "lucide-react";
-import { useTranslation as P } from "react-i18next";
-import { getAvailabilityVariant as z } from "../../lib/utils.js";
-import { resolveProductImageContainerStyle as I } from "../../lib/productImageStyles.js";
-import { getLocalizedValue as p } from "../../localization.js";
-import { Badge as h } from "../../ui/badge.js";
-import { Button as T } from "../../ui/button.js";
-import { ProductPriceBadge as f } from "../ProductPriceBadge/index.js";
+import { useTranslation as j } from "react-i18next";
+import { getAvailabilityVariant as P } from "../../lib/utils.js";
+import { resolveProductImageContainerStyle as z } from "../../lib/productImageStyles.js";
+import { getLocalizedValue as d } from "../../localization.js";
+import { Badge as p } from "../../ui/badge.js";
+import { Button as I } from "../../ui/button.js";
+import { ProductPriceBadge as T } from "../ProductPriceBadge/index.js";
 function G({
   bike: t,
-  detailsPath: u,
-  productDetailsLinkState: x,
-  actionLabelKey: g = "product_cta",
-  onAction: v,
-  actionDisabled: N = !1,
-  availabilityLabel: y,
-  fallbackLanguage: r,
-  variant: w = "default",
-  testId: b
+  detailsPath: h,
+  productDetailsLinkState: f,
+  actionLabelKey: u = "product_cta",
+  onAction: x,
+  actionDisabled: g = !1,
+  availabilityLabel: v,
+  fallbackLanguage: i,
+  variant: N = "default",
+  testId: y
 }) {
-  const { t: s, i18n: n } = P(), l = p(t.name, n.language, r), _ = p(t.description, n.language, r), o = typeof t.images?.[0] == "string" ? t.images[0].trim() : "", c = I(t.primaryImageStyle), m = z(t.availabilityStatus), i = w === "booking", B = t.availabilityStatus === "OUT_OF_STOCK";
+  const { t: l, i18n: s } = j(), r = d(t.name, s.language, i), w = d(t.description, s.language, i), n = typeof t.images?.[0] == "string" ? t.images[0].trim() : "", o = z(t.primaryImageStyle), c = P(t.availabilityStatus), m = N === "booking", b = t.availabilityStatus === "OUT_OF_STOCK";
   return /* @__PURE__ */ a(
     "div",
     {
       className: "flex h-full flex-col gap-2 rounded-xl border border-slate-200 bg-white p-3 shadow-sm",
-      "data-testid": b,
+      "data-testid": y,
       children: [
         /* @__PURE__ */ a("div", { className: "flex flex-1 items-stretch gap-4", children: [
           /* @__PURE__ */ e("div", { className: "w-24 shrink-0 sm:w-28", children: /* @__PURE__ */ a(
             "div",
             {
-              className: j("relative h-full min-h-20 overflow-hidden rounded-xl", c.className),
-              style: c.style,
+              className: S("relative h-full min-h-20 overflow-hidden rounded-xl", o.className),
+              style: o.style,
               children: [
-                o ? /* @__PURE__ */ e("img", { src: o, alt: l, 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(C, { className: "h-7 w-7", "aria-hidden": "true" }) }),
-                i && B ? /* @__PURE__ */ e(
-                  h,
+                n ? /* @__PURE__ */ e("img", { src: n, alt: r, 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(C, { className: "h-7 w-7", "aria-hidden": "true" }) }),
+                m && b ? /* @__PURE__ */ e(
+                  p,
                   {
                     variant: "destructive",
                     className: "pointer-events-none absolute right-2 top-2 shadow-sm",
-                    children: /* @__PURE__ */ e("span", { children: s("availability_out_of_stock") })
+                    children: /* @__PURE__ */ e("span", { children: l("availability_out_of_stock") })
                   }
                 ) : null
               ]
             }
           ) }),
           /* @__PURE__ */ a("div", { className: "flex min-w-0 flex-1 flex-col gap-1", children: [
-            i ? /* @__PURE__ */ a("div", { className: "flex items-start justify-between gap-2", children: [
-              /* @__PURE__ */ e("p", { className: "min-w-0 text-sm font-semibold text-slate-950", children: /* @__PURE__ */ e("span", { children: l }) }),
-              /* @__PURE__ */ e(f, { prices: t.prices, className: "shrink-0" })
-            ] }) : /* @__PURE__ */ a(d, { children: [
-              /* @__PURE__ */ e("p", { className: "text-sm font-semibold text-slate-950", children: /* @__PURE__ */ e("span", { children: l }) }),
-              /* @__PURE__ */ e(f, { prices: t.prices, className: "self-start" })
-            ] }),
-            /* @__PURE__ */ e("p", { className: "line-clamp-2 text-xs text-slate-600", children: /* @__PURE__ */ e("span", { children: _ }) })
+            /* @__PURE__ */ e("p", { className: "min-w-0 text-sm font-semibold text-slate-950", children: /* @__PURE__ */ e("span", { children: r }) }),
+            /* @__PURE__ */ e(T, { prices: t.prices, className: "self-start" }),
+            /* @__PURE__ */ e("p", { className: "line-clamp-2 text-xs text-slate-600", children: /* @__PURE__ */ e("span", { children: w }) })
           ] })
         ] }),
         /* @__PURE__ */ a("div", { className: "flex flex-wrap items-center gap-x-2 gap-y-1", children: [
-          i ? null : /* @__PURE__ */ a(d, { children: [
-            /* @__PURE__ */ e(h, { variant: m.variant, children: /* @__PURE__ */ e("span", { children: y ?? s(m.labelKey) }) }),
+          m ? null : /* @__PURE__ */ a(_, { children: [
+            /* @__PURE__ */ e(p, { variant: c.variant, children: /* @__PURE__ */ e("span", { children: v ?? l(c.labelKey) }) }),
             /* @__PURE__ */ e("span", { className: "text-slate-400", children: "·" })
           ] }),
           /* @__PURE__ */ e(
-            S,
+            B,
             {
-              to: u,
-              state: x,
+              to: h,
+              state: f,
               className: "text-xs font-medium text-slate-700 hover:text-slate-950",
-              children: /* @__PURE__ */ e("span", { children: s("product_details_link") })
+              children: /* @__PURE__ */ e("span", { children: l("product_details_link") })
             }
           ),
           /* @__PURE__ */ a(
-            T,
+            I,
             {
               type: "button",
               size: "sm",
               className: "ml-auto rounded-full gap-2 text-xs",
-              onClick: v,
-              disabled: N,
+              onClick: x,
+              disabled: g,
               children: [
-                /* @__PURE__ */ e("span", { children: s(g) }),
+                /* @__PURE__ */ e("span", { children: l(u) }),
                 /* @__PURE__ */ e(O, { className: "h-4 w-4", "aria-hidden": "true" })
               ]
             }

package/dist/components/ContactSection/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ContactSection/index.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAA;AAqBzD,wBAAgB,cAAc,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE;IAAE,MAAM,EAAE,gBAAgB,CAAC;IAAC,SAAS,EAAE,MAAM,CAAA;CAAE,2CA2SpG"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ContactSection/index.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAA;AAoBzD,wBAAgB,cAAc,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE;IAAE,MAAM,EAAE,gBAAgB,CAAC;IAAC,SAAS,EAAE,MAAM,CAAA;CAAE,2CAmRpG"}

package/dist/components/ContactSection/index.js

@@ -1,61 +1,60 @@
 import { jsx as e, jsxs as r } from "react/jsx-runtime";
-import { useMemo as i } from "react";
+import { useMemo as l } from "react";
 import { useTranslation as L } from "react-i18next";
-import { useForm as O, zodResolver as W } from "@rpcbase/form";
-import { toast as S } from "@rpcbase/client";
+import { useForm as O, zodResolver as R } from "@rpcbase/form";
+import { toast as C } from "@rpcbase/client";
 import { PhoneNumberInput as B, cn as V } from "@rpcbase/ui";
-import { Phone as q, Mail as E, MapPin as H } from "lucide-react";
-import { z as m } from "zod";
-import U from "../../chunks/assets/whatsapp.svg-grlzka-t.js";
-import { ROUTE as z, responseSchema as $ } from "../../lib/contactForm.js";
-import { resolveStorefrontWhatsAppContact as J } from "../../lib/whatsapp.js";
-import { useStorefront as Z } from "../../StorefrontProvider.js";
-import { COORDS as G } from "../../static/strings.js";
-import { Button as K } from "../../ui/button.js";
-import { Form as Q, FormField as p, FormItem as f, FormLabel as u, FormControl as _, FormMessage as d } from "../../ui/form.js";
-import { Input as M } from "../../ui/input.js";
-import { Textarea as X } from "../../ui/textarea.js";
-import { DelayedReveal as w, DelayedPlaceholder as y } from "../DelayedReveal/index.js";
-import { Map as Y } from "../Map/index.js";
-import { createMarkerElement as ee } from "../Map/createMarkerElement.js";
-const te = (s) => s.startsWith("fr") ? "FR" : "US", g = "text-sm font-normal text-current decoration-current underline-offset-4 group-hover:underline", x = "group flex items-start gap-3 text-slate-600 transition-colors hover:text-slate-800";
-function we({ preset: s, storeSlug: j }) {
-  const { t, i18n: h } = L(), { storefrontConfiguration: b, mapboxToken: F } = Z(), P = `https://www.google.com/maps/search/?api=1&query=${encodeURIComponent(s.address)}`, c = J({
-    preset: s,
+import { Phone as q, Mail as D, MapPin as E } from "lucide-react";
+import { z as i } from "zod";
+import H from "../../chunks/assets/whatsapp.svg-grlzka-t.js";
+import { ROUTE as U, responseSchema as z } from "../../lib/contactForm.js";
+import { resolveStorefrontWhatsAppContact as W } from "../../lib/whatsapp.js";
+import { useStorefront as $ } from "../../StorefrontProvider.js";
+import { COORDS as J } from "../../static/strings.js";
+import { Button as Z } from "../../ui/button.js";
+import { Form as G, FormField as p, FormItem as f, FormLabel as u, FormControl as _, FormMessage as m } from "../../ui/form.js";
+import { Input as k } from "../../ui/input.js";
+import { Textarea as K } from "../../ui/textarea.js";
+import { Map as Q } from "../Map/index.js";
+import { createMarkerElement as X } from "../Map/createMarkerElement.js";
+const Y = (n) => n.startsWith("fr") ? "FR" : "US", g = "text-sm font-normal text-current decoration-current underline-offset-4 group-hover:underline", x = "group flex items-start gap-3 text-slate-600 transition-colors hover:text-slate-800";
+function be({ preset: n, storeSlug: S }) {
+  const { t, i18n: d } = L(), { storefrontConfiguration: b, mapboxToken: M } = $(), j = `https://www.google.com/maps/search/?api=1&query=${encodeURIComponent(n.address)}`, h = W({
+    preset: n,
     storefrontConfiguration: b,
-    language: h.language
-  }), T = c?.href, D = i(() => m.object({
-    name: m.string().trim().min(1, t("contact_form_validation_name_required")),
-    emailAddress: m.string().trim().email(t("contact_form_validation_email_invalid")),
-    phoneNumber: m.string().trim().min(6, t("contact_form_validation_phone_invalid")),
-    message: m.string().trim().min(1, t("contact_form_validation_message_required")).max(8192, t("contact_form_validation_message_too_long"))
-  }), [t, h.language]), o = O({
-    resolver: W(D),
+    language: d.language
+  }), F = h?.href, T = l(() => i.object({
+    name: i.string().trim().min(1, t("contact_form_validation_name_required")),
+    emailAddress: i.string().trim().email(t("contact_form_validation_email_invalid")),
+    phoneNumber: i.string().trim().min(6, t("contact_form_validation_phone_invalid")),
+    message: i.string().trim().min(1, t("contact_form_validation_message_required")).max(8192, t("contact_form_validation_message_too_long"))
+  }), [t, d.language]), o = O({
+    resolver: R(T),
     defaultValues: { name: "", emailAddress: "", phoneNumber: "", message: "" }
-  }), N = i(() => {
+  }), N = l(() => {
     const a = b.shop.gpsCoordinates;
-    return a ? [a[1], a[0]] : G;
-  }, [b.shop.gpsCoordinates]), k = i(() => ee(), []), C = i(
+    return a ? [a[1], a[0]] : J;
+  }, [b.shop.gpsCoordinates]), w = l(() => X(), []), y = l(
     () => ({
       coords: N,
-      element: k || void 0,
+      element: w || void 0,
       offset: [0, -25.5],
-      popupHTML: s.address,
+      popupHTML: n.address,
       popupCloseButton: !1
     }),
-    [s.address, N, k]
-  ), I = i(() => [C], [C]), R = o.handleSubmit(async (a) => {
-    const l = await fetch(z, {
+    [n.address, N, w]
+  ), I = l(() => [y], [y]), P = o.handleSubmit(async (a) => {
+    const c = await fetch(U, {
       method: "POST",
       headers: { "Content-Type": "application/json" },
-      body: JSON.stringify({ storeSlug: j, ...a })
-    }), n = await l.json().then((A) => $.safeParse(A)).catch(() => ({ success: !1 }));
-    if (l.ok && "success" in n && n.success && n.data.success) {
-      S.success(t("contact_form_success_toast")), o.reset();
+      body: JSON.stringify({ storeSlug: S, ...a })
+    }), s = await c.json().then((A) => z.safeParse(A)).catch(() => ({ success: !1 }));
+    if (c.ok && "success" in s && s.success && s.data.success) {
+      C.success(t("contact_form_success_toast")), o.reset();
       return;
     }
-    const v = "success" in n && n.success && n.data.error ? n.data.error : t("contact_form_error_toast");
-    S.error(v);
+    const v = "success" in s && s.success && s.data.error ? s.data.error : t("contact_form_error_toast");
+    C.error(v);
   });
   return /* @__PURE__ */ e("section", { id: "contact", className: "border-t bg-slate-50 py-12 scroll-mt-16 sm:scroll-mt-20 sm:py-16", "data-testid": "storefront-contact-form", children: /* @__PURE__ */ r("div", { className: "mx-auto max-w-7xl px-4 sm:px-6", children: [
     /* @__PURE__ */ r("div", { className: "mx-auto max-w-2xl text-center", children: [
@@ -66,66 +65,42 @@ function we({ preset: s, storeSlug: j }) {
       /* @__PURE__ */ r("div", { className: "flex flex-col gap-6 lg:border-r lg:border-slate-200 lg:pr-6", children: [
         /* @__PURE__ */ r("div", { children: [
           /* @__PURE__ */ e("h3", { className: "text-lg font-semibold text-slate-950", children: t("contact_section_info_title") }),
-          /* @__PURE__ */ e("p", { className: "mt-2 text-sm text-slate-600", children: t(T ? "contact_section_info_description" : "contact_section_info_description_without_whatsapp") })
+          /* @__PURE__ */ e("p", { className: "mt-2 text-sm text-slate-600", children: t(F ? "contact_section_info_description" : "contact_section_info_description_without_whatsapp") })
         ] }),
         /* @__PURE__ */ r("div", { className: "grid gap-5", children: [
-          c ? /* @__PURE__ */ r("a", { className: x, href: c.href, target: "_blank", rel: "noreferrer", children: [
-            /* @__PURE__ */ e("span", { className: "mt-0.5 inline-flex h-8 w-8 items-center justify-center text-current transition-colors", children: /* @__PURE__ */ e("img", { src: U, className: "h-6 w-6", alt: "", "aria-hidden": "true" }) }),
+          h ? /* @__PURE__ */ r("a", { className: x, href: h.href, target: "_blank", rel: "noreferrer", children: [
+            /* @__PURE__ */ e("span", { className: "mt-0.5 inline-flex h-8 w-8 items-center justify-center text-current transition-colors", children: /* @__PURE__ */ e("img", { src: H, className: "h-6 w-6", alt: "", "aria-hidden": "true" }) }),
             /* @__PURE__ */ r("span", { className: "flex min-w-0 flex-col gap-1", children: [
               /* @__PURE__ */ e("span", { className: "text-2xs font-medium uppercase tracking-[0.08em] text-slate-500", children: t("contact_section_whatsapp_label") }),
-              /* @__PURE__ */ e(
-                w,
-                {
-                  value: c.phoneDisplay,
-                  reserveWidth: "11.5rem",
-                  fallback: /* @__PURE__ */ e(y, { value: c.phoneDisplay, className: "bg-slate-200" }),
-                  children: (a) => /* @__PURE__ */ e("span", { className: g, children: a })
-                }
-              )
+              /* @__PURE__ */ e("span", { className: g, children: h.phoneDisplay })
             ] })
           ] }) : null,
-          /* @__PURE__ */ r("a", { className: x, href: s.phone_href, children: [
+          /* @__PURE__ */ r("a", { className: x, href: n.phone_href, children: [
             /* @__PURE__ */ e("span", { className: "mt-0.5 inline-flex h-8 w-8 items-center justify-center text-current transition-colors", children: /* @__PURE__ */ e(q, { className: "h-5 w-5", "aria-hidden": "true" }) }),
             /* @__PURE__ */ r("span", { className: "flex min-w-0 flex-col gap-1", children: [
               /* @__PURE__ */ e("span", { className: "text-2xs font-medium uppercase tracking-[0.08em] text-slate-500", children: t("contact_section_phone_label") }),
-              /* @__PURE__ */ e(
-                w,
-                {
-                  value: s.phone_display,
-                  reserveWidth: "11.5rem",
-                  fallback: /* @__PURE__ */ e(y, { value: s.phone_display, className: "bg-slate-200" }),
-                  children: (a) => /* @__PURE__ */ e("span", { className: g, children: a })
-                }
-              )
+              /* @__PURE__ */ e("span", { className: g, children: n.phone_display })
             ] })
           ] }),
-          /* @__PURE__ */ r("a", { className: x, href: `mailto:${s.email}`, children: [
-            /* @__PURE__ */ e("span", { className: "mt-0.5 inline-flex h-8 w-8 items-center justify-center text-current transition-colors", children: /* @__PURE__ */ e(E, { className: "h-5 w-5", "aria-hidden": "true" }) }),
+          /* @__PURE__ */ r("a", { className: x, href: `mailto:${n.email}`, children: [
+            /* @__PURE__ */ e("span", { className: "mt-0.5 inline-flex h-8 w-8 items-center justify-center text-current transition-colors", children: /* @__PURE__ */ e(D, { className: "h-5 w-5", "aria-hidden": "true" }) }),
             /* @__PURE__ */ r("span", { className: "flex min-w-0 flex-col gap-1", children: [
               /* @__PURE__ */ e("span", { className: "text-2xs font-medium uppercase tracking-[0.08em] text-slate-500", children: t("contact_section_email_label") }),
-              /* @__PURE__ */ e(
-                w,
-                {
-                  value: s.email,
-                  reserveWidth: "11.5rem",
-                  fallback: /* @__PURE__ */ e(y, { value: s.email, className: "bg-slate-200" }),
-                  children: (a) => /* @__PURE__ */ e("span", { className: g, children: a })
-                }
-              )
+              /* @__PURE__ */ e("span", { className: g, children: n.email })
             ] })
           ] }),
-          /* @__PURE__ */ r("a", { className: x, href: P, target: "_blank", rel: "noreferrer", children: [
-            /* @__PURE__ */ e("span", { className: "mt-0.5 inline-flex h-8 w-8 items-center justify-center text-current transition-colors", children: /* @__PURE__ */ e(H, { className: "h-5 w-5", "aria-hidden": "true" }) }),
+          /* @__PURE__ */ r("a", { className: x, href: j, target: "_blank", rel: "noreferrer", children: [
+            /* @__PURE__ */ e("span", { className: "mt-0.5 inline-flex h-8 w-8 items-center justify-center text-current transition-colors", children: /* @__PURE__ */ e(E, { className: "h-5 w-5", "aria-hidden": "true" }) }),
             /* @__PURE__ */ r("span", { className: "flex min-w-0 flex-col gap-1", children: [
               /* @__PURE__ */ e("span", { className: "text-2xs font-medium uppercase tracking-[0.08em] text-slate-500", children: t("contact_section_address_label") }),
-              /* @__PURE__ */ e("span", { className: g, children: s.address })
+              /* @__PURE__ */ e("span", { className: g, children: n.address })
             ] })
           ] })
         ] }),
         /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
-          Y,
+          Q,
           {
-            mapboxToken: F,
+            mapboxToken: M,
             initialCenter: N,
             initialZoom: 10,
             markers: I,
@@ -137,7 +112,7 @@ function we({ preset: s, storeSlug: j }) {
       /* @__PURE__ */ r("div", { children: [
         /* @__PURE__ */ e("h3", { className: "text-lg font-semibold text-slate-950", children: t("contact_section_form_title") }),
         /* @__PURE__ */ e("p", { className: "mt-2 text-sm text-slate-600", children: t("contact_section_form_description") }),
-        /* @__PURE__ */ e("div", { className: "mt-6", children: /* @__PURE__ */ e(Q, { ...o, children: /* @__PURE__ */ r("form", { onSubmit: R, className: "grid gap-4", children: [
+        /* @__PURE__ */ e("div", { className: "mt-6", children: /* @__PURE__ */ e(G, { ...o, children: /* @__PURE__ */ r("form", { onSubmit: P, className: "grid gap-4", children: [
           /* @__PURE__ */ e(
             p,
             {
@@ -145,8 +120,8 @@ function we({ preset: s, storeSlug: j }) {
               name: "name",
               render: ({ field: a }) => /* @__PURE__ */ r(f, { children: [
                 /* @__PURE__ */ e(u, { children: t("contact_form_name_label") }),
-                /* @__PURE__ */ e(_, { children: /* @__PURE__ */ e(M, { ...a, placeholder: t("contact_form_name_placeholder"), className: "h-11" }) }),
-                /* @__PURE__ */ e(d, {})
+                /* @__PURE__ */ e(_, { children: /* @__PURE__ */ e(k, { ...a, placeholder: t("contact_form_name_placeholder"), className: "h-11" }) }),
+                /* @__PURE__ */ e(m, {})
               ] })
             }
           ),
@@ -158,7 +133,7 @@ function we({ preset: s, storeSlug: j }) {
               render: ({ field: a }) => /* @__PURE__ */ r(f, { children: [
                 /* @__PURE__ */ e(u, { children: t("contact_form_email_label") }),
                 /* @__PURE__ */ e(_, { children: /* @__PURE__ */ e(
-                  M,
+                  k,
                   {
                     ...a,
                     type: "email",
@@ -166,7 +141,7 @@ function we({ preset: s, storeSlug: j }) {
                     className: "h-11"
                   }
                 ) }),
-                /* @__PURE__ */ e(d, {})
+                /* @__PURE__ */ e(m, {})
               ] })
             }
           ),
@@ -175,7 +150,7 @@ function we({ preset: s, storeSlug: j }) {
             {
               control: o.control,
               name: "phoneNumber",
-              render: ({ field: a, fieldState: l }) => /* @__PURE__ */ r(f, { children: [
+              render: ({ field: a, fieldState: c }) => /* @__PURE__ */ r(f, { children: [
                 /* @__PURE__ */ e(u, { children: t("contact_form_phone_label") }),
                 /* @__PURE__ */ e(_, { children: /* @__PURE__ */ e(
                   B,
@@ -183,22 +158,22 @@ function we({ preset: s, storeSlug: j }) {
                     name: a.name,
                     value: a.value ?? "",
                     onBlur: a.onBlur,
-                    onChange: (n) => {
-                      const v = n.e164 || n.formattedInternational || n.rawInput || "";
+                    onChange: (s) => {
+                      const v = s.e164 || s.formattedInternational || s.rawInput || "";
                       a.onChange(v);
                     },
-                    defaultCountry: te(h.language),
-                    locale: h.language,
+                    defaultCountry: Y(d.language),
+                    locale: d.language,
                     placeholder: t("contact_form_phone_placeholder"),
                     className: "relative",
                     inputClassName: V(
                       "flex h-11 w-full rounded-md border border-input bg-background py-2 text-base ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
-                      l.error && "border-destructive focus-visible:ring-destructive"
+                      c.error && "border-destructive focus-visible:ring-destructive"
                     ),
-                    renderValidationMessage: ({ message: n }) => l.error?.message ? null : /* @__PURE__ */ e(d, { style: { top: "100%" }, children: /* @__PURE__ */ e("span", { children: n }) })
+                    renderValidationMessage: ({ message: s }) => c.error?.message ? null : /* @__PURE__ */ e(m, { style: { top: "100%" }, children: /* @__PURE__ */ e("span", { children: s }) })
                   }
                 ) }),
-                l.error?.message ? /* @__PURE__ */ e(d, {}) : null
+                c.error?.message ? /* @__PURE__ */ e(m, {}) : null
               ] })
             }
           ),
@@ -209,14 +184,14 @@ function we({ preset: s, storeSlug: j }) {
               name: "message",
               render: ({ field: a }) => /* @__PURE__ */ r(f, { children: [
                 /* @__PURE__ */ e(u, { children: t("contact_form_message_label") }),
-                /* @__PURE__ */ e(_, { children: /* @__PURE__ */ e(X, { ...a, rows: 5, placeholder: t("contact_form_message_placeholder"), className: "min-h-[132px]" }) }),
-                /* @__PURE__ */ e(d, {})
+                /* @__PURE__ */ e(_, { children: /* @__PURE__ */ e(K, { ...a, rows: 5, placeholder: t("contact_form_message_placeholder"), className: "min-h-[132px]" }) }),
+                /* @__PURE__ */ e(m, {})
               ] })
             }
           ),
           /* @__PURE__ */ r("div", { className: "mt-2 flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between", children: [
             /* @__PURE__ */ e("p", { className: "text-xs text-slate-500", children: t("contact_form_privacy_hint") }),
-            /* @__PURE__ */ e(K, { type: "submit", disabled: o.formState.isSubmitting, children: o.formState.isSubmitting ? t("contact_form_submitting_button") : t("contact_form_submit_button") })
+            /* @__PURE__ */ e(Z, { type: "submit", disabled: o.formState.isSubmitting, children: o.formState.isSubmitting ? t("contact_form_submitting_button") : t("contact_form_submit_button") })
           ] })
         ] }) }) })
       ] })
@@ -224,5 +199,5 @@ function we({ preset: s, storeSlug: j }) {
   ] }) });
 }
 export {
-  we as ContactSection
+  be as ContactSection
 };

package/dist/components/DelayedReveal/index.js

@@ -1,4 +1,4 @@
-import { jsxs as m, jsx as a } from "react/jsx-runtime";
+import { jsx as a, jsxs as m } from "react/jsx-runtime";
 import { useState as p, useMemo as u, useEffect as y } from "react";
 import { cn as o } from "@rpcbase/ui";
 const h = (e) => e.replace(/[A-Za-z0-9]/g, "x"), E = ({

package/dist/components/Footer/index.d.ts

@@ -3,9 +3,10 @@ import { StorefrontConfiguration } from '../../storefrontSchemas';
 type FooterProps = {
     preset: StorefrontPreset;
     whatsappHref?: string;
+    whatsappPhoneDisplay?: string;
     openingHours?: StorefrontConfiguration["bookingEngine"]["shop"]["openingHours"];
     openingHoursOverrides?: StorefrontConfiguration["bookingEngine"]["shop"]["openingHoursOverrides"];
 };
-export declare function Footer({ preset, whatsappHref, openingHours, openingHoursOverrides }: FooterProps): import("react/jsx-runtime").JSX.Element;
+export declare function Footer({ preset, whatsappHref, whatsappPhoneDisplay, openingHours, openingHoursOverrides, }: FooterProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Footer/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Footer/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAA;AAMzD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAA;AAUtE,KAAK,WAAW,GAAG;IACjB,MAAM,EAAE,gBAAgB,CAAA;IACxB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,YAAY,CAAC,EAAE,uBAAuB,CAAC,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC,cAAc,CAAC,CAAA;IAC/E,qBAAqB,CAAC,EAAE,uBAAuB,CAAC,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC,uBAAuB,CAAC,CAAA;CAClG,CAAA;AAyCD,wBAAgB,MAAM,CAAC,EAAE,MAAM,EAAE,YAAY,EAAE,YAAY,EAAE,qBAAqB,EAAE,EAAE,WAAW,2CA4GhG"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Footer/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAA;AAMzD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAA;AAStE,KAAK,WAAW,GAAG;IACjB,MAAM,EAAE,gBAAgB,CAAA;IACxB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAC7B,YAAY,CAAC,EAAE,uBAAuB,CAAC,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC,cAAc,CAAC,CAAA;IAC/E,qBAAqB,CAAC,EAAE,uBAAuB,CAAC,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC,uBAAuB,CAAC,CAAA;CAClG,CAAA;AAyCD,wBAAgB,MAAM,CAAC,EACrB,MAAM,EACN,YAAY,EACZ,oBAAoB,EACpB,YAAY,EACZ,qBAAqB,GACtB,EAAE,WAAW,2CAiGb"}