@loczer/storefront-sdk 0.166.0 → 0.167.0

package/dist/components/Footer/index.js

@@ -1,30 +1,35 @@
 import { jsx as e, jsxs as r } from "react/jsx-runtime";
-import { cn as l } from "@rpcbase/ui";
-import { Phone as N, Mail as _, MapPin as v, Clock as h } from "lucide-react";
-import { useTranslation as y } from "react-i18next";
+import { cn as i } from "@rpcbase/ui";
+import { Phone as x, Mail as g, MapPin as N, Clock as m } from "lucide-react";
+import { useTranslation as _ } from "react-i18next";
 import w from "../../chunks/assets/whatsapp.svg-grlzka-t.js";
-import { DelayedReveal as p, DelayedPlaceholder as f } from "../DelayedReveal/index.js";
-import { BusinessHours as b } from "./BusinessHours.js";
-const o = "group inline-flex gap-2 text-sm font-normal text-slate-600 decoration-current underline-offset-4 transition-colors hover:text-slate-800 hover:underline", c = "mt-0.5 inline-flex h-4 w-4 flex-shrink-0 items-center justify-center text-current transition-colors", k = (a) => (Math.trunc(a) % 7 + 7) % 7, H = (a) => Array.isArray(a) ? a.map((n) => ({
+import { BusinessHours as y } from "./BusinessHours.js";
+const o = "group inline-flex gap-2 text-sm font-normal text-slate-600 decoration-current underline-offset-4 transition-colors hover:text-slate-800 hover:underline", c = "mt-0.5 inline-flex h-4 w-4 flex-shrink-0 items-center justify-center text-current transition-colors", b = (a) => (Math.trunc(a) % 7 + 7) % 7, k = (a) => Array.isArray(a) ? a.map((n) => ({
   name: n.name,
   startDate: n.startDate,
   endDate: n.endDate,
   openingHours: n.openingHours.map((s) => ({
-    day: k(s.day),
-    openingSlots: s.openingSlots.map((i) => ({
-      start: i.start,
-      end: i.end
+    day: b(s.day),
+    openingSlots: s.openingSlots.map((l) => ({
+      start: l.start,
+      end: l.end
     }))
   }))
-})) : [], D = (a) => Array.isArray(a) ? a.map((n) => ({
+})) : [], v = (a) => Array.isArray(a) ? a.map((n) => ({
   date: n.date,
   openingSlots: n.openingSlots.map((s) => ({
     start: s.start,
     end: s.end
   }))
 })) : [];
-function P({ preset: a, whatsappHref: n, openingHours: s, openingHoursOverrides: i }) {
-  const { t } = y(), u = `https://www.google.com/maps/search/?api=1&query=${encodeURIComponent(a.address)}`, m = H(s), g = D(i), x = m.length > 0;
+function S({
+  preset: a,
+  whatsappHref: n,
+  whatsappPhoneDisplay: s,
+  openingHours: l,
+  openingHoursOverrides: h
+}) {
+  const { t } = _(), p = `https://www.google.com/maps/search/?api=1&query=${encodeURIComponent(a.address)}`, d = k(l), f = v(h), u = d.length > 0;
   return /* @__PURE__ */ e("footer", { className: "border-t bg-white", children: /* @__PURE__ */ r("div", { className: "mx-auto grid max-w-7xl gap-8 px-4 py-10 sm:px-6 md:grid-cols-3", children: [
     /* @__PURE__ */ r("div", { className: "space-y-2", children: [
       /* @__PURE__ */ e("p", { className: "text-sm font-semibold text-slate-950", children: /* @__PURE__ */ e("span", { children: t("footer_brand_title") }) }),
@@ -36,65 +41,50 @@ function P({ preset: a, whatsappHref: n, openingHours: s, openingHoursOverrides:
         n ? /* @__PURE__ */ r(
           "a",
           {
-            className: l(o, "items-center"),
+            className: i(o, "items-center"),
             href: n,
             target: "_blank",
             rel: "noreferrer",
             children: [
-              /* @__PURE__ */ e("span", { className: l(c, "h-5 w-5"), children: /* @__PURE__ */ e("img", { src: w, className: "h-5 w-5 shrink-0", alt: "", "aria-hidden": "true" }) }),
-              /* @__PURE__ */ e("span", { children: t("footer_whatsapp_link") })
+              /* @__PURE__ */ e("span", { className: i(c, "h-5 w-5"), children: /* @__PURE__ */ e("img", { src: w, className: "h-5 w-5 shrink-0", alt: "", "aria-hidden": "true" }) }),
+              /* @__PURE__ */ e("span", { children: t("footer_whatsapp_link") }),
+              s ? /* @__PURE__ */ e("span", { className: "text-slate-500", children: s }) : null
             ]
           }
         ) : null,
         /* @__PURE__ */ r(
           "a",
           {
-            className: l(o, "items-center"),
+            className: i(o, "items-center"),
             href: a.phone_href,
             "aria-label": a.phone_display,
             children: [
-              /* @__PURE__ */ e("span", { className: c, children: /* @__PURE__ */ e(N, { className: "h-4 w-4", "aria-hidden": "true" }) }),
-              /* @__PURE__ */ e(
-                p,
-                {
-                  value: a.phone_display,
-                  reserveWidth: "11.5rem",
-                  fallback: /* @__PURE__ */ e(f, { value: a.phone_display, className: "bg-slate-200" }),
-                  children: (d) => /* @__PURE__ */ e("span", { children: d })
-                }
-              )
+              /* @__PURE__ */ e("span", { className: c, children: /* @__PURE__ */ e(x, { className: "h-4 w-4", "aria-hidden": "true" }) }),
+              /* @__PURE__ */ e("span", { children: a.phone_display })
             ]
           }
         ),
         /* @__PURE__ */ r(
           "a",
           {
-            className: l(o, "items-center"),
+            className: i(o, "items-center"),
             href: `mailto:${a.email}`,
             "aria-label": a.email,
             children: [
-              /* @__PURE__ */ e("span", { className: c, children: /* @__PURE__ */ e(_, { className: "h-4 w-4", "aria-hidden": "true" }) }),
-              /* @__PURE__ */ e(
-                p,
-                {
-                  value: a.email,
-                  reserveWidth: "11.5rem",
-                  fallback: /* @__PURE__ */ e(f, { value: a.email, className: "bg-slate-200" }),
-                  children: (d) => /* @__PURE__ */ e("span", { children: d })
-                }
-              )
+              /* @__PURE__ */ e("span", { className: c, children: /* @__PURE__ */ e(g, { className: "h-4 w-4", "aria-hidden": "true" }) }),
+              /* @__PURE__ */ e("span", { children: a.email })
             ]
           }
         ),
         /* @__PURE__ */ r(
           "a",
           {
-            className: l(o, "items-start"),
-            href: u,
+            className: i(o, "items-start"),
+            href: p,
             target: "_blank",
             rel: "noreferrer",
             children: [
-              /* @__PURE__ */ e("span", { className: c, children: /* @__PURE__ */ e(v, { className: "h-4 w-4", "aria-hidden": "true" }) }),
+              /* @__PURE__ */ e("span", { className: c, children: /* @__PURE__ */ e(N, { className: "h-4 w-4", "aria-hidden": "true" }) }),
               /* @__PURE__ */ e("span", { children: a.address })
             ]
           }
@@ -103,19 +93,19 @@ function P({ preset: a, whatsappHref: n, openingHours: s, openingHoursOverrides:
     ] }),
     /* @__PURE__ */ r("div", { className: "space-y-2", children: [
       /* @__PURE__ */ e("p", { className: "text-sm font-semibold text-slate-950", children: /* @__PURE__ */ e("span", { children: t("footer_hours_title") }) }),
-      x ? /* @__PURE__ */ e(
-        b,
+      u ? /* @__PURE__ */ e(
+        y,
         {
-          openingHours: m,
-          openingHoursOverrides: g
+          openingHours: d,
+          openingHoursOverrides: f
         }
       ) : /* @__PURE__ */ r("div", { className: "grid gap-1 text-sm text-slate-700", children: [
         /* @__PURE__ */ r("p", { className: "inline-flex items-center gap-2", children: [
-          /* @__PURE__ */ e(h, { className: "h-4 w-4 text-slate-400", "aria-hidden": "true" }),
+          /* @__PURE__ */ e(m, { className: "h-4 w-4 text-slate-400", "aria-hidden": "true" }),
           /* @__PURE__ */ e("span", { children: t("footer_hours_week") })
         ] }),
         /* @__PURE__ */ r("p", { className: "inline-flex items-center gap-2", children: [
-          /* @__PURE__ */ e(h, { className: "h-4 w-4 text-slate-400", "aria-hidden": "true" }),
+          /* @__PURE__ */ e(m, { className: "h-4 w-4 text-slate-400", "aria-hidden": "true" }),
           /* @__PURE__ */ e("span", { children: t("footer_hours_weekend") })
         ] })
       ] })
@@ -123,5 +113,5 @@ function P({ preset: a, whatsappHref: n, openingHours: s, openingHoursOverrides:
   ] }) });
 }
 export {
-  P as Footer
+  S as Footer
 };

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

@@ -4,7 +4,8 @@ type HeaderProps = {
     preset: StorefrontPreset;
     storefrontConfiguration?: StorefrontConfiguration;
     whatsappHref?: string;
+    whatsappPhoneDisplay?: string;
 };
-export declare function Header({ preset, storefrontConfiguration, whatsappHref }: HeaderProps): import("react/jsx-runtime").JSX.Element;
+export declare function Header({ preset, storefrontConfiguration, whatsappHref, whatsappPhoneDisplay }: HeaderProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Header/index.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAA;AAQzD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAA;AAKtE,KAAK,WAAW,GAAG;IACjB,MAAM,EAAE,gBAAgB,CAAA;IACxB,uBAAuB,CAAC,EAAE,uBAAuB,CAAA;IACjD,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,CAAA;AAQD,wBAAgB,MAAM,CAAC,EAAE,MAAM,EAAE,uBAAuB,EAAE,YAAY,EAAE,EAAE,WAAW,2CA2JpF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Header/index.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAA;AAOzD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAA;AAKtE,KAAK,WAAW,GAAG;IACjB,MAAM,EAAE,gBAAgB,CAAA;IACxB,uBAAuB,CAAC,EAAE,uBAAuB,CAAA;IACjD,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,oBAAoB,CAAC,EAAE,MAAM,CAAA;CAC9B,CAAA;AAQD,wBAAgB,MAAM,CAAC,EAAE,MAAM,EAAE,uBAAuB,EAAE,YAAY,EAAE,oBAAoB,EAAE,EAAE,WAAW,2CAsJ1G"}

package/dist/components/Header/index.js

@@ -1,62 +1,55 @@
-import { jsxs as a, jsx as e } from "react/jsx-runtime";
-import { useMediaQuery as T, useThrottledMeasure as H } from "@rpcbase/client";
-import { useParams as W, useLocation as q, Link as r } from "@rpcbase/router";
-import { useScrollHideOnDown as A, cn as _ } from "@rpcbase/ui";
-import { ArrowRight as y, Bike as E, ShoppingCart as F } from "lucide-react";
-import { useTranslation as O } from "react-i18next";
-import { useStorefrontCart as Y } from "../../lib/cart.js";
-import { resolveBookingSearchParamsFromSessionStorage as C } from "../../lib/booking.js";
-import { Badge as G } from "../../ui/badge.js";
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import { useMediaQuery as H, useThrottledMeasure as q } from "@rpcbase/client";
+import { useParams as A, useLocation as W, Link as s } from "@rpcbase/router";
+import { useScrollHideOnDown as E, cn as S } from "@rpcbase/ui";
+import { Bike as F, ShoppingCart as O, ArrowRight as Y } from "lucide-react";
+import { useTranslation as C } from "react-i18next";
+import G from "../../chunks/assets/whatsapp.svg-grlzka-t.js";
+import { useStorefrontCart as Q } from "../../lib/cart.js";
+import { resolveBookingSearchParamsFromSessionStorage as V } from "../../lib/booking.js";
+import { Badge as D } from "../../ui/badge.js";
 import { Button as g } from "../../ui/button.js";
-import { DelayedReveal as Q, DelayedPlaceholder as V } from "../DelayedReveal/index.js";
 import { buildStorefrontImageUrl as J } from "../../lib/storefrontImage.js";
-import { getLocalizedValue as L } from "../../localization.js";
-const K = 36, $ = (n, s) => {
-  const l = n?.trim() ?? "";
-  return l ? J(l, s ?? "") : "";
+import { getLocalizedValue as _ } from "../../localization.js";
+const K = 36, L = (r, n) => {
+  const l = r?.trim() ?? "";
+  return l ? J(l, n ?? "") : "";
 };
-function de({ preset: n, storefrontConfiguration: s, whatsappHref: l }) {
-  const { t, i18n: c } = O(), { storeSlug: m } = W(), B = q(), { itemCount: p } = Y(), u = T("(max-width: 640px)"), [j, P] = H(), x = P?.height ?? K, I = A({
-    enabled: u,
+function de({ preset: r, storefrontConfiguration: n, whatsappHref: l, whatsappPhoneDisplay: c }) {
+  const { t: a, i18n: m } = C(), { storeSlug: d } = A(), y = W(), { itemCount: u } = Q(), p = H("(max-width: 640px)"), [B, j] = q(), x = j?.height ?? K, I = E({
+    enabled: p,
     thresholdPx: x
-  }), f = u && I ? `translateY(-${x}px)` : "translateY(0)", z = () => {
-    const h = c.language.startsWith("fr") ? "en" : "fr";
-    c.changeLanguage(h);
-  }, i = `/${m ?? ""}`, w = C(
-    new URLSearchParams(B.search),
-    m
-  ).toString(), o = w ? `?${w}` : "", b = `${i}/booking${o}`, R = `${i}/checkout${o}`, N = s?.shop.name?.trim() || n.name, v = s?.workspace?.workspaceLanguage, U = L(s?.content?.tagline, c.language, v).trim() || n.tagline, D = L(s?.content?.topBannerMessage, c.language, v).trim() || t("top_bar_message"), k = $(s?.content?.logoWideImageId, m), S = $(s?.content?.logoSquareImageId, m), d = k.length > 0, M = S.length > 0;
-  return /* @__PURE__ */ a("div", { className: "sticky top-0 z-30", children: [
-    /* @__PURE__ */ e("div", { className: "transition-transform duration-300", style: { transform: f }, children: /* @__PURE__ */ e("div", { ref: j, className: "bg-slate-950 text-white", children: /* @__PURE__ */ a("div", { className: "mx-auto flex max-w-7xl items-center justify-between gap-3 px-4 py-2 text-xs sm:px-6", children: [
-      /* @__PURE__ */ e("p", { className: "flex items-center gap-2", children: /* @__PURE__ */ e("span", { children: D }) }),
-      /* @__PURE__ */ a("div", { className: "hidden items-center gap-4 sm:flex", children: [
+  }), f = p && I ? `translateY(-${x}px)` : "translateY(0)", z = () => {
+    const T = m.language.startsWith("fr") ? "en" : "fr";
+    m.changeLanguage(T);
+  }, i = `/${d ?? ""}`, b = V(
+    new URLSearchParams(y.search),
+    d
+  ).toString(), o = b ? `?${b}` : "", w = `${i}/booking${o}`, U = `${i}/checkout${o}`, N = n?.shop.name?.trim() || r.name, v = n?.workspace?.workspaceLanguage, M = _(n?.content?.tagline, m.language, v).trim() || r.tagline, P = _(n?.content?.topBannerMessage, m.language, v).trim() || a("top_bar_message"), k = L(n?.content?.logoWideImageId, d), $ = L(n?.content?.logoSquareImageId, d), h = k.length > 0, R = $.length > 0;
+  return /* @__PURE__ */ t("div", { className: "sticky top-0 z-30", children: [
+    /* @__PURE__ */ e("div", { className: "transition-transform duration-300", style: { transform: f }, children: /* @__PURE__ */ e("div", { ref: B, className: "bg-slate-950 text-white", children: /* @__PURE__ */ t("div", { className: "mx-auto flex max-w-7xl items-center justify-between gap-3 px-4 py-2 text-xs sm:px-6", children: [
+      /* @__PURE__ */ e("p", { className: "flex items-center gap-2", children: /* @__PURE__ */ e("span", { children: P }) }),
+      /* @__PURE__ */ t("div", { className: "hidden items-center gap-4 sm:flex", children: [
         /* @__PURE__ */ e(
           "a",
           {
             className: "inline-flex items-center gap-2 rounded-md px-2 py-1 text-white/90 hover:bg-white/10 hover:text-white",
-            href: `mailto:${n.email}`,
-            "aria-label": n.email,
-            children: /* @__PURE__ */ e(
-              Q,
-              {
-                value: n.email,
-                reserveWidth: "11.5rem",
-                fallback: /* @__PURE__ */ e(V, { value: n.email, className: "bg-white/30" }),
-                children: (h) => /* @__PURE__ */ e("span", { children: h })
-              }
-            )
+            href: `mailto:${r.email}`,
+            "aria-label": r.email,
+            children: /* @__PURE__ */ e("span", { children: r.email })
           }
         ),
-        l ? /* @__PURE__ */ a(
+        l ? /* @__PURE__ */ t(
           "a",
           {
             className: "inline-flex items-center gap-2 rounded-md px-2 py-1 text-white/90 hover:bg-white/10 hover:text-white",
             href: l,
             target: "_blank",
             rel: "noreferrer",
+            "aria-label": `${a("top_bar_whatsapp")}${c ? ` ${c}` : ""}`,
             children: [
-              /* @__PURE__ */ e("span", { children: t("top_bar_whatsapp") }),
-              /* @__PURE__ */ e(y, { className: "h-4 w-4", "aria-hidden": "true" })
+              /* @__PURE__ */ e("img", { src: G, className: "h-5 w-5 shrink-0", alt: "", "aria-hidden": "true" }),
+              c ? /* @__PURE__ */ e("span", { children: c }) : null
             ]
           }
         ) : null
@@ -67,11 +60,11 @@ function de({ preset: n, storefrontConfiguration: s, whatsappHref: l }) {
       {
         className: "sticky top-0 z-30 border-b bg-white/90 backdrop-blur transition-transform duration-300",
         style: { transform: f },
-        children: /* @__PURE__ */ a("div", { className: "mx-auto flex max-w-7xl items-center justify-between gap-4 px-4 py-3 sm:px-6", children: [
-          /* @__PURE__ */ a(r, { to: i, className: "flex min-w-0 items-center gap-3", children: [
-            M && !d ? /* @__PURE__ */ e("span", { className: "inline-flex h-9 w-9 shrink-0 items-center justify-center overflow-hidden rounded-lg border border-slate-200 bg-white", children: /* @__PURE__ */ e("img", { src: S, alt: "", className: "h-full w-full object-contain", "aria-hidden": "true" }) }) : /* @__PURE__ */ e("span", { className: _("inline-flex h-9 w-9 shrink-0 items-center justify-center rounded-xl bg-slate-950 text-white", d && "hidden"), children: /* @__PURE__ */ e(E, { className: "h-5 w-5", "aria-hidden": "true" }) }),
-            /* @__PURE__ */ a("span", { className: "flex min-w-0 flex-col leading-tight", children: [
-              d ? /* @__PURE__ */ e(
+        children: /* @__PURE__ */ t("div", { className: "mx-auto flex max-w-7xl items-center justify-between gap-4 px-4 py-3 sm:px-6", children: [
+          /* @__PURE__ */ t(s, { to: i, className: "flex min-w-0 items-center gap-3", children: [
+            R && !h ? /* @__PURE__ */ e("span", { className: "inline-flex h-9 w-9 shrink-0 items-center justify-center overflow-hidden rounded-lg border border-slate-200 bg-white", children: /* @__PURE__ */ e("img", { src: $, alt: "", className: "h-full w-full object-contain", "aria-hidden": "true" }) }) : /* @__PURE__ */ e("span", { className: S("inline-flex h-9 w-9 shrink-0 items-center justify-center rounded-xl bg-slate-950 text-white", h && "hidden"), children: /* @__PURE__ */ e(F, { className: "h-5 w-5", "aria-hidden": "true" }) }),
+            /* @__PURE__ */ t("span", { className: "flex min-w-0 flex-col leading-tight", children: [
+              h ? /* @__PURE__ */ e(
                 "img",
                 {
                   src: k,
@@ -79,34 +72,34 @@ function de({ preset: n, storefrontConfiguration: s, whatsappHref: l }) {
                   className: "h-8 max-w-[10rem] object-contain object-left sm:max-w-[14rem]"
                 }
               ) : /* @__PURE__ */ e("span", { className: "truncate text-sm font-semibold", children: N }),
-              /* @__PURE__ */ e("span", { className: "truncate text-xs text-slate-600", children: U })
+              /* @__PURE__ */ e("span", { className: "truncate text-xs text-slate-600", children: M })
             ] })
           ] }),
-          /* @__PURE__ */ a("nav", { className: "hidden items-center gap-6 text-sm font-medium text-slate-700 md:flex", children: [
-            /* @__PURE__ */ e(r, { className: "hover:text-slate-950", to: `${i}${o}#categories`, children: /* @__PURE__ */ e("span", { children: t("nav_categories") }) }),
-            /* @__PURE__ */ e(r, { className: "hover:text-slate-950", to: `${i}${o}#featured`, children: /* @__PURE__ */ e("span", { children: t("nav_featured") }) }),
-            /* @__PURE__ */ e(r, { className: "hover:text-slate-950", to: b, children: /* @__PURE__ */ e("span", { children: t("nav_products") }) }),
-            /* @__PURE__ */ e(r, { className: "hover:text-slate-950", to: `${i}${o}#contact`, children: /* @__PURE__ */ e("span", { children: t("nav_contact") }) })
+          /* @__PURE__ */ t("nav", { className: "hidden items-center gap-6 text-sm font-medium text-slate-700 md:flex", children: [
+            /* @__PURE__ */ e(s, { className: "hover:text-slate-950", to: `${i}${o}#categories`, children: /* @__PURE__ */ e("span", { children: a("nav_categories") }) }),
+            /* @__PURE__ */ e(s, { className: "hover:text-slate-950", to: `${i}${o}#featured`, children: /* @__PURE__ */ e("span", { children: a("nav_featured") }) }),
+            /* @__PURE__ */ e(s, { className: "hover:text-slate-950", to: w, children: /* @__PURE__ */ e("span", { children: a("nav_products") }) }),
+            /* @__PURE__ */ e(s, { className: "hover:text-slate-950", to: `${i}${o}#contact`, children: /* @__PURE__ */ e("span", { children: a("nav_contact") }) })
           ] }),
-          /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ e(g, { variant: "outline", size: "sm", className: "hidden sm:inline-flex", onClick: z, children: /* @__PURE__ */ e("span", { children: t("language_toggle") }) }),
+          /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ e(g, { variant: "outline", size: "sm", className: "hidden sm:inline-flex", onClick: z, children: /* @__PURE__ */ e("span", { children: a("language_toggle") }) }),
             /* @__PURE__ */ e(
               g,
               {
                 asChild: !0,
                 variant: "outline",
                 size: "sm",
-                className: _("relative gap-2", p > 0 ? "inline-flex" : "hidden"),
-                children: /* @__PURE__ */ a(r, { to: R, children: [
-                  /* @__PURE__ */ e(F, { className: "h-4 w-4", "aria-hidden": "true" }),
-                  /* @__PURE__ */ e("span", { children: t("cart_button") }),
-                  /* @__PURE__ */ e(G, { className: "absolute -right-2 -top-2 h-5 min-w-5 rounded-full px-1.5 text-xs", children: /* @__PURE__ */ e("span", { children: p }) })
+                className: S("relative gap-2", u > 0 ? "inline-flex" : "hidden"),
+                children: /* @__PURE__ */ t(s, { to: U, children: [
+                  /* @__PURE__ */ e(O, { className: "h-4 w-4", "aria-hidden": "true" }),
+                  /* @__PURE__ */ e("span", { children: a("cart_button") }),
+                  /* @__PURE__ */ e(D, { className: "absolute -right-2 -top-2 h-5 min-w-5 rounded-full px-1.5 text-xs", children: /* @__PURE__ */ e("span", { children: u }) })
                 ] })
               }
             ),
-            /* @__PURE__ */ e(g, { asChild: !0, size: "sm", className: "gap-2", children: /* @__PURE__ */ a(r, { to: b, children: [
-              /* @__PURE__ */ e("span", { children: t("cta_book_now") }),
-              /* @__PURE__ */ e(y, { className: "h-4 w-4", "aria-hidden": "true" })
+            /* @__PURE__ */ e(g, { asChild: !0, size: "sm", className: "gap-2", children: /* @__PURE__ */ t(s, { to: w, children: [
+              /* @__PURE__ */ e("span", { children: a("cta_book_now") }),
+              /* @__PURE__ */ e(Y, { className: "h-4 w-4", "aria-hidden": "true" })
             ] }) })
           ] })
         ] })

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/index.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAA;AAItE,KAAK,WAAW,GAAG;IACjB,uBAAuB,CAAC,EAAE,uBAAuB,CAAA;CAClD,CAAA;AAED,wBAAgB,MAAM,CAAC,EAAE,uBAAuB,EAAE,EAAE,WAAW,2CAoD9D"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/index.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAA;AAItE,KAAK,WAAW,GAAG;IACjB,uBAAuB,CAAC,EAAE,uBAAuB,CAAA;CAClD,CAAA;AAED,wBAAgB,MAAM,CAAC,EAAE,uBAAuB,EAAE,EAAE,WAAW,2CA2D9D"}

package/dist/components/Layout/index.js

@@ -1,47 +1,56 @@
-import { jsx as e, jsxs as c, Fragment as d } from "react/jsx-runtime";
+import { jsx as o, jsxs as h, Fragment as d } from "react/jsx-runtime";
 import { useEffect as f } from "react";
-import { RootProvider as h } from "@rpcbase/client";
-import { useParams as u, useLocation as g, Outlet as a } from "@rpcbase/router";
+import { RootProvider as u } from "@rpcbase/client";
+import { useParams as g, useLocation as P, Outlet as m } from "@rpcbase/router";
 import { useTranslation as v } from "react-i18next";
-import { Footer as P } from "../Footer/index.js";
+import { Footer as w } from "../Footer/index.js";
 import { Header as x } from "../Header/index.js";
-import { PlatformFooter as H } from "../PlatformFooter/index.js";
+import { PlatformFooter as y } from "../PlatformFooter/index.js";
 import { PlaygroundDevFloatingButton as S } from "../PlaygroundDevFloatingButton/index.js";
 import { StorefrontPopupMessages as b } from "../StorefrontPopupMessages/index.js";
-import { WhatsAppFloatingButton as w } from "../WhatsAppFloatingButton/WhatsAppFloatingButton.js";
+import { WhatsAppFloatingButton as D } from "../WhatsAppFloatingButton/WhatsAppFloatingButton.js";
 import "interactjs";
 import { getStorefrontPreset as F } from "../../data/config.js";
-import { StorefrontCartProvider as y } from "../../lib/cart.js";
-import { resolveStorefrontWhatsAppHref as E } from "../../lib/whatsapp.js";
+import { StorefrontCartProvider as H } from "../../lib/cart.js";
+import { resolveStorefrontWhatsAppContact as E } from "../../lib/whatsapp.js";
 import { Provider as k } from "../../ui/tooltip.js";
-function G({ storefrontConfiguration: o }) {
-  const { storeSlug: i, referenceId: s } = u(), l = g(), { i18n: p } = v();
+function J({ storefrontConfiguration: e }) {
+  const { storeSlug: i, referenceId: a } = g(), l = P(), { i18n: c } = v();
   f(() => {
     document.documentElement.setAttribute("data-hydrated", "true");
   }, []);
-  const t = F(i), r = E({
+  const t = F(i), n = E({
     preset: t,
-    storefrontConfiguration: o,
-    language: p.language
-  }), n = typeof s == "string" && s.trim().length > 0, m = n && new URLSearchParams(l.search).get("pdf") === "1";
-  return /* @__PURE__ */ e(h, { children: /* @__PURE__ */ e(k, { children: /* @__PURE__ */ e(y, { storeSlug: i ?? "", children: /* @__PURE__ */ e("div", { className: `loczer-storefront flex flex-col bg-background text-foreground ${n && !m ? "h-dvh overflow-hidden" : "min-h-screen"}`, children: n ? /* @__PURE__ */ e("main", { className: `flex-1 ${m ? "bg-white" : "overflow-hidden"}`, children: /* @__PURE__ */ e(a, {}) }) : /* @__PURE__ */ c(d, { children: [
-    /* @__PURE__ */ e(x, { preset: t, storefrontConfiguration: o, whatsappHref: r }),
-    /* @__PURE__ */ e("main", { className: "flex-1", children: /* @__PURE__ */ e(a, {}) }),
-    /* @__PURE__ */ e(
-      P,
+    storefrontConfiguration: e,
+    language: c.language
+  }), r = n?.href, s = typeof a == "string" && a.trim().length > 0, p = s && new URLSearchParams(l.search).get("pdf") === "1";
+  return /* @__PURE__ */ o(u, { children: /* @__PURE__ */ o(k, { children: /* @__PURE__ */ o(H, { storeSlug: i ?? "", children: /* @__PURE__ */ o("div", { className: `loczer-storefront flex flex-col bg-background text-foreground ${s && !p ? "h-dvh overflow-hidden" : "min-h-screen"}`, children: s ? /* @__PURE__ */ o("main", { className: `flex-1 ${p ? "bg-white" : "overflow-hidden"}`, children: /* @__PURE__ */ o(m, {}) }) : /* @__PURE__ */ h(d, { children: [
+    /* @__PURE__ */ o(
+      x,
       {
         preset: t,
+        storefrontConfiguration: e,
         whatsappHref: r,
-        openingHours: o?.bookingEngine.shop.openingHours,
-        openingHoursOverrides: o?.bookingEngine.shop.openingHoursOverrides
+        whatsappPhoneDisplay: n?.phoneDisplay
       }
     ),
-    /* @__PURE__ */ e(H, {}),
-    r && o?.content?.showWhatsappFloatingButton !== !1 ? /* @__PURE__ */ e(w, { href: r }) : null,
-    /* @__PURE__ */ e(S, {}),
-    /* @__PURE__ */ e(b, { storefrontConfiguration: o })
+    /* @__PURE__ */ o("main", { className: "flex-1", children: /* @__PURE__ */ o(m, {}) }),
+    /* @__PURE__ */ o(
+      w,
+      {
+        preset: t,
+        whatsappHref: r,
+        whatsappPhoneDisplay: n?.phoneDisplay,
+        openingHours: e?.bookingEngine.shop.openingHours,
+        openingHoursOverrides: e?.bookingEngine.shop.openingHoursOverrides
+      }
+    ),
+    /* @__PURE__ */ o(y, {}),
+    r && e?.content?.showWhatsappFloatingButton !== !1 ? /* @__PURE__ */ o(D, { href: r }) : null,
+    /* @__PURE__ */ o(S, {}),
+    /* @__PURE__ */ o(b, { storefrontConfiguration: e })
   ] }) }) }) }) });
 }
 export {
-  G as Layout
+  J as Layout
 };

package/dist/components/StorefrontCancellationPolicyNotice/index.js

@@ -27,7 +27,7 @@ function O({
     return i >= 72 && i % 24 === 0 ? t("cancellation_policy_duration_days", { count: i / 24 }) : t("cancellation_policy_duration_hours", { count: i });
   };
   return /* @__PURE__ */ n("li", { className: v("flex items-start gap-3", l), "data-testid": "storefront-cancellation-policy-notice", children: [
-    /* @__PURE__ */ e(w, { className: "mt-0.5 h-5 w-5 shrink-0 text-slate-900", "aria-hidden": "true" }),
+    /* @__PURE__ */ e(w, { className: "mt-0.5 h-5 w-5 shrink-0 text-emerald-600", "aria-hidden": "true" }),
     /* @__PURE__ */ n("div", { className: "min-w-0 flex-1", children: [
       /* @__PURE__ */ n("div", { className: "flex min-w-0 items-start gap-1.5", children: [
         /* @__PURE__ */ e("p", { className: "min-w-0 text-sm font-medium text-slate-950", children: /* @__PURE__ */ e("span", { children: t("cancellation_policy_teaser", { duration: c(o.upToHours) }) }) }),
@@ -42,7 +42,7 @@ function O({
           }
         )
       ] }),
-      /* @__PURE__ */ e("p", { className: "text-xs text-slate-600", children: /* @__PURE__ */ e("span", { children: t("cancellation_policy_teaser_description") }) })
+      /* @__PURE__ */ e("p", { className: "text-xs text-slate-600", children: /* @__PURE__ */ e("span", { children: t("cancellation_policy_teaser_description", { duration: c(o.upToHours) }) }) })
     ] }),
     /* @__PURE__ */ e(x, { open: u, onOpenChange: r, children: /* @__PURE__ */ e(
       g,

package/dist/i18n/en.d.ts

@@ -21,8 +21,8 @@ export declare const storefront: {
     feature_secure_payment_description: string;
     feature_delivery_title: string;
     feature_delivery_description: string;
-    feature_ready_in_minutes_title: string;
-    feature_ready_in_minutes_description: string;
+    feature_guarantee_insurance_title: string;
+    feature_guarantee_insurance_description: string;
     cancellation_policy_teaser: string;
     cancellation_policy_teaser_description: string;
     cancellation_policy_info_aria_label: string;
@@ -176,7 +176,6 @@ export declare const storefront: {
     checkout_payment_due_now_helper_deposit_refundable_until: string;
     checkout_payment_due_now_helper_deposit: string;
     checkout_payment_due_now_helper_none: string;
-    checkout_payment_cancellation_policy_helper: string;
     checkout_payment_provider: string;
     checkout_payment_loading: string;
     checkout_payment_error: string;
@@ -190,7 +189,6 @@ export declare const storefront: {
     checkout_payment_return_loading: string;
     checkout_payment_return_missing_session: string;
     checkout_payment_return_status_error: string;
-    checkout_payment_return_refresh_status: string;
     checkout_payment_return_back_to_checkout: string;
     checkout_payment_return_retry_checkout: string;
     checkout_payment_return_go_to_success: string;

package/dist/i18n/en.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"en.d.ts","sourceRoot":"","sources":["../../src/i18n/en.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwZtB,CAAA"}
+{"version":3,"file":"en.d.ts","sourceRoot":"","sources":["../../src/i18n/en.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsZtB,CAAA"}

package/dist/i18n/en.js

@@ -18,13 +18,13 @@ const e = {
   hero_title: "Book your bike in minutes",
   hero_description: "Pick your dates, then choose the right bike for your trip.",
   feature_secure_payment_title: "Secure payment",
-  feature_secure_payment_description: "Pay online with a secure checkout.",
+  feature_secure_payment_description: "Pay online with a secure checkout",
   feature_delivery_title: "Delivery available",
   feature_delivery_description: "Ask about delivery options for your address.",
-  feature_ready_in_minutes_title: "Ready in a few minutes",
-  feature_ready_in_minutes_description: "Select your dates and get availability instantly.",
-  cancellation_policy_teaser: "Refund until {{duration}} in advance",
-  cancellation_policy_teaser_description: "See cancellation conditions before booking.",
+  feature_guarantee_insurance_title: "Guarantee and Insurance",
+  feature_guarantee_insurance_description: "Rental covered according to the shop's terms",
+  cancellation_policy_teaser: "Refund* until {{duration}} in advance",
+  cancellation_policy_teaser_description: "See cancellation conditions before booking",
   cancellation_policy_info_aria_label: "Show cancellation policy",
   cancellation_policy_modal_title: "Cancellation policy",
   cancellation_policy_modal_description: "Refunds depend on how far in advance you cancel.",
@@ -176,7 +176,6 @@ const e = {
   checkout_payment_due_now_helper_deposit_refundable_until: "{{percent}} deposit due now. Refundable until {{date}}.",
   checkout_payment_due_now_helper_deposit: "{{percent}} deposit due now.",
   checkout_payment_due_now_helper_none: "No payment required now.",
-  checkout_payment_cancellation_policy_helper: "Cancellation refund estimate: {{percent}} up to {{amount}}.",
   checkout_payment_provider: "Provider",
   checkout_payment_loading: "Checking payment options…",
   checkout_payment_error: "Unable to check payment options.",
@@ -190,7 +189,6 @@ const e = {
   checkout_payment_return_loading: "Checking payment status…",
   checkout_payment_return_missing_session: "Checkout payment session is missing. Please restart checkout.",
   checkout_payment_return_status_error: "Unable to verify checkout payment status.",
-  checkout_payment_return_refresh_status: "Refresh status",
   checkout_payment_return_back_to_checkout: "Back to checkout",
   checkout_payment_return_retry_checkout: "Try checkout again",
   checkout_payment_return_go_to_success: "Continue",

package/dist/i18n/fr.d.ts

@@ -21,8 +21,8 @@ export declare const storefront: {
     feature_secure_payment_description: string;
     feature_delivery_title: string;
     feature_delivery_description: string;
-    feature_ready_in_minutes_title: string;
-    feature_ready_in_minutes_description: string;
+    feature_guarantee_insurance_title: string;
+    feature_guarantee_insurance_description: string;
     cancellation_policy_teaser: string;
     cancellation_policy_teaser_description: string;
     cancellation_policy_info_aria_label: string;
@@ -176,7 +176,6 @@ export declare const storefront: {
     checkout_payment_due_now_helper_deposit_refundable_until: string;
     checkout_payment_due_now_helper_deposit: string;
     checkout_payment_due_now_helper_none: string;
-    checkout_payment_cancellation_policy_helper: string;
     checkout_payment_provider: string;
     checkout_payment_loading: string;
     checkout_payment_error: string;
@@ -190,7 +189,6 @@ export declare const storefront: {
     checkout_payment_return_loading: string;
     checkout_payment_return_missing_session: string;
     checkout_payment_return_status_error: string;
-    checkout_payment_return_refresh_status: string;
     checkout_payment_return_back_to_checkout: string;
     checkout_payment_return_retry_checkout: string;
     checkout_payment_return_go_to_success: string;

package/dist/i18n/fr.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fr.d.ts","sourceRoot":"","sources":["../../src/i18n/fr.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwZtB,CAAA"}
+{"version":3,"file":"fr.d.ts","sourceRoot":"","sources":["../../src/i18n/fr.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsZtB,CAAA"}

package/dist/i18n/fr.js

@@ -18,13 +18,13 @@ const e = {
   hero_title: "Réservez votre vélo en quelques minutes",
   hero_description: "Choisissez vos dates, puis sélectionnez le vélo adapté à votre sortie.",
   feature_secure_payment_title: "Paiement sécurisé",
-  feature_secure_payment_description: "Payez en ligne via un paiement sécurisé.",
+  feature_secure_payment_description: "Payez en ligne via un paiement sécurisé",
   feature_delivery_title: "Livraison disponible",
   feature_delivery_description: "Demandez les options de livraison à votre adresse.",
-  feature_ready_in_minutes_title: "En quelques minutes",
-  feature_ready_in_minutes_description: "Sélectionnez vos dates et consultez la disponibilité.",
-  cancellation_policy_teaser: "Remboursement jusqu'à {{duration}} à l'avance",
-  cancellation_policy_teaser_description: "Consultez les conditions d'annulation avant de réserver.",
+  feature_guarantee_insurance_title: "Garantie et Assurance",
+  feature_guarantee_insurance_description: "Vous pouvez souscrire à une assurance pour protéger le matériel loué.",
+  cancellation_policy_teaser: "Annulation et remboursement* jusqu'à {{duration}} à l'avance",
+  cancellation_policy_teaser_description: "Vous pouvez annuler ou modifier votre réservation jusqu'à {{duration}} avant son début.",
   cancellation_policy_info_aria_label: "Afficher les conditions d'annulation",
   cancellation_policy_modal_title: "Conditions d'annulation",
   cancellation_policy_modal_description: "Le remboursement dépend du délai entre l'annulation et le début de la réservation.",
@@ -176,7 +176,6 @@ const e = {
   checkout_payment_due_now_helper_deposit_refundable_until: "Acompte de {{percent}} à payer maintenant. Remboursable jusqu’au {{date}}.",
   checkout_payment_due_now_helper_deposit: "Acompte de {{percent}} à payer maintenant.",
   checkout_payment_due_now_helper_none: "Aucun paiement n’est requis maintenant.",
-  checkout_payment_cancellation_policy_helper: "Estimation d'annulation : {{percent}} jusqu'à {{amount}}.",
   checkout_payment_provider: "Prestataire",
   checkout_payment_loading: "Vérification des options de paiement…",
   checkout_payment_error: "Impossible de vérifier les options de paiement.",
@@ -190,7 +189,6 @@ const e = {
   checkout_payment_return_loading: "Vérification du statut du paiement…",
   checkout_payment_return_missing_session: "La session de paiement checkout est manquante. Veuillez recommencer le checkout.",
   checkout_payment_return_status_error: "Impossible de vérifier le statut du paiement checkout.",
-  checkout_payment_return_refresh_status: "Actualiser le statut",
   checkout_payment_return_back_to_checkout: "Retour au checkout",
   checkout_payment_return_retry_checkout: "Réessayer le checkout",
   checkout_payment_return_go_to_success: "Continuer",