@loczer/storefront-sdk 0.147.0 → 0.149.0

package/dist/components/ContractSaleDocument/SignatureModal.js

@@ -0,0 +1,131 @@
+import { jsx as t, jsxs as r } from "react/jsx-runtime";
+import { useRef as P, useState as u, useEffect as A } from "react";
+import L from "react-signature-canvas";
+import { useTranslation as R } from "react-i18next";
+import { Button as m } from "../../ui/button.js";
+import { Input as b } from "../../ui/input.js";
+import { Label as _ } from "../../ui/label.js";
+const k = 160, p = 30, N = 20, G = k + p * 2;
+function V({ isOpen: g, onClose: v, onSave: E }) {
+  const { t: n } = R(), s = P(null), [l, y] = u(""), [d, w] = u(""), [x, h] = u(!1), [o, f] = u(!1);
+  A(() => {
+    const e = s.current?.getCanvas();
+    if (!e || typeof PointerEvent > "u")
+      return;
+    const a = (c) => {
+      c.isPrimary && e.setPointerCapture(c.pointerId);
+    }, i = (c) => {
+      e.hasPointerCapture(c.pointerId) && e.releasePointerCapture(c.pointerId);
+    };
+    return e.addEventListener("pointerdown", a), e.addEventListener("pointerup", i), e.addEventListener("pointercancel", i), () => {
+      e.removeEventListener("pointerdown", a), e.removeEventListener("pointerup", i), e.removeEventListener("pointercancel", i);
+    };
+  }, []);
+  const S = () => {
+    s.current?.clear(), h(!1);
+  }, C = async () => {
+    if (s.current?.isEmpty()) {
+      window.alert(n("docs_contract_sale_signature_validation_signature"));
+      return;
+    }
+    if (!l || !d) {
+      window.alert(n("docs_contract_sale_signature_validation_identity"));
+      return;
+    }
+    const e = s.current?.toDataURL() ?? "";
+    f(!0);
+    try {
+      await E({
+        mode: "signature",
+        name: l,
+        phone: d,
+        signature: e,
+        date: /* @__PURE__ */ new Date()
+      }), v();
+    } catch (a) {
+      console.error("Failed to save contract document signature", a);
+      const i = a instanceof Error && a.message.trim().length > 0 ? a.message : n("docs_contract_sale_signature_submit_error");
+      window.alert(i);
+    } finally {
+      f(!1);
+    }
+  }, I = () => {
+    h(!(s.current?.isEmpty() ?? !0));
+  };
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      className: `fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4 transition-opacity ${g ? "pointer-events-auto opacity-100 visible" : "pointer-events-none opacity-0 invisible"}`,
+      "aria-hidden": !g,
+      children: /* @__PURE__ */ r("div", { className: "w-full max-w-lg rounded-xl border border-border bg-card p-6 shadow-xl", children: [
+        /* @__PURE__ */ t("h2", { className: "mb-4 text-2xl font-bold text-card-foreground", children: n("docs_contract_sale_signature_modal_title") }),
+        /* @__PURE__ */ r("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ r("div", { children: [
+            /* @__PURE__ */ t(_, { htmlFor: "signature-name", className: "text-card-foreground", children: n("docs_contract_sale_signature_name_label") }),
+            /* @__PURE__ */ t(
+              b,
+              {
+                type: "text",
+                id: "signature-name",
+                value: l,
+                onChange: (e) => y(e.target.value),
+                className: "mt-1",
+                disabled: o
+              }
+            )
+          ] }),
+          /* @__PURE__ */ r("div", { children: [
+            /* @__PURE__ */ t(_, { htmlFor: "signature-phone", className: "text-card-foreground", children: n("docs_contract_sale_signature_phone_label") }),
+            /* @__PURE__ */ t(
+              b,
+              {
+                type: "tel",
+                id: "signature-phone",
+                value: d,
+                onChange: (e) => w(e.target.value),
+                className: "mt-1",
+                disabled: o
+              }
+            )
+          ] }),
+          /* @__PURE__ */ r("div", { children: [
+            /* @__PURE__ */ t(_, { className: "mb-1 text-card-foreground", children: n("docs_contract_sale_signature_canvas_label") }),
+            /* @__PURE__ */ t("div", { className: "rounded-md border border-input bg-background p-2", children: /* @__PURE__ */ r("div", { className: "relative rounded-sm", style: { height: G }, children: [
+              /* @__PURE__ */ t(
+                L,
+                {
+                  ref: s,
+                  penColor: "black",
+                  canvasProps: {
+                    className: "absolute inset-0 h-full w-full"
+                  },
+                  onEnd: I
+                }
+              ),
+              /* @__PURE__ */ t(
+                "div",
+                {
+                  className: "pointer-events-none absolute rounded-sm border border-dashed border-primary/35",
+                  style: {
+                    top: p,
+                    bottom: p,
+                    left: N,
+                    right: N
+                  }
+                }
+              )
+            ] }) }),
+            /* @__PURE__ */ t(m, { onClick: S, variant: "link", size: "sm", className: "mt-1 h-auto p-0", disabled: o, children: n("docs_contract_sale_signature_clear") })
+          ] })
+        ] }),
+        /* @__PURE__ */ r("div", { className: "mt-6 flex justify-end gap-4", children: [
+          /* @__PURE__ */ t(m, { onClick: v, variant: "secondary", disabled: o, children: n("docs_contract_sale_modal_cancel") }),
+          /* @__PURE__ */ t(m, { onClick: () => void C(), disabled: !l || !d || !x || o, children: n(o ? "docs_contract_sale_signature_modal_saving" : "docs_contract_sale_signature_modal_submit") })
+        ] })
+      ] })
+    }
+  );
+}
+export {
+  V as SignatureModal
+};

package/dist/components/ContractSaleDocument/TermsAndConditionsContent.js

@@ -0,0 +1,46 @@
+import { jsxs as r, Fragment as s, jsx as t } from "react/jsx-runtime";
+const l = "Conditions Generales de Vente", c = [
+  {
+    id: "article-1",
+    title: "Article 1: Objet",
+    body: "Le present contrat a pour objet la location du materiel decrit dans la presente facture. Le locataire reconnait avoir recu le materiel en parfait etat de fonctionnement.",
+    translationTitle: "Article 1: Purpose",
+    translationBody: "The purpose of this contract is the rental of the equipment described in this invoice. The lessee acknowledges having received the equipment in perfect working order."
+  },
+  {
+    id: "article-2",
+    title: "Article 2: Duree",
+    body: "La location prend effet a la date de signature du present contrat et se termine a la date de restitution du materiel. Toute journee commencee est due.",
+    translationTitle: "Article 2: Duration",
+    translationBody: "The rental takes effect on the date of signature of this contract and ends on the date of return of the equipment. Any day started is due."
+  },
+  {
+    id: "article-3",
+    title: "Article 3: Obligations du locataire",
+    body: "Le locataire s'engage a utiliser le materiel en bon pere de famille et a le restituer dans le meme etat que celui ou il l'a recu. Il est responsable de tout dommage ou perte.",
+    translationTitle: "Article 3: Lessee's Obligations",
+    translationBody: "The lessee agrees to use the equipment with due care and to return it in the same condition as received. The lessee is responsible for any damage or loss."
+  }
+], m = ({
+  title: i,
+  articles: n,
+  withEnglishTranslation: o,
+  showTitle: a = !0
+}) => /* @__PURE__ */ r(s, { children: [
+  a && /* @__PURE__ */ t("h1", { className: "mb-8 text-center text-xl font-serif font-bold text-foreground", children: i }),
+  /* @__PURE__ */ r("div", { className: `text-sm ${o ? "grid grid-cols-1 gap-8 md:grid-cols-2" : ""}`, children: [
+    /* @__PURE__ */ t("div", { children: n.map((e) => /* @__PURE__ */ r("section", { className: "mb-4", children: [
+      /* @__PURE__ */ t("h3", { className: "mb-2 text-left text-lg font-serif font-semibold text-foreground", children: e.title }),
+      /* @__PURE__ */ t("p", { className: "text-muted-foreground", children: e.body })
+    ] }, `fr-${e.id}`)) }),
+    o && /* @__PURE__ */ t("div", { className: "border-t border-border pt-8 md:border-l md:border-t-0 md:pl-8 md:pt-0", children: n.map((e) => /* @__PURE__ */ r("section", { className: "mb-4", children: [
+      /* @__PURE__ */ t("h3", { className: "mb-2 text-left text-lg font-serif font-semibold text-foreground", children: e.translationTitle ?? e.title }),
+      /* @__PURE__ */ t("p", { className: "text-muted-foreground", children: e.translationBody ?? e.body })
+    ] }, `en-${e.id}`)) })
+  ] })
+] });
+export {
+  c as DEFAULT_TERMS_ARTICLES,
+  l as DEFAULT_TERMS_TITLE,
+  m as TermsAndConditionsContent
+};

package/dist/components/ContractSaleDocument/ThumbnailSidebar.js

@@ -0,0 +1,59 @@
+import { jsx as r, jsxs as a } from "react/jsx-runtime";
+import { ScrollArea as u } from "../../chunks/pkg/ui/dist/ScrollArea-D9UdixQL.js";
+function h({
+  thumbnails: t,
+  activePage: n,
+  onThumbnailClick: d,
+  totalPages: o,
+  heightClassName: s = "h-dvh",
+  contentClassName: i,
+  isLoading: c = !1
+}) {
+  const m = Math.max(1, o);
+  return /* @__PURE__ */ r("aside", { className: `z-20 hidden ${s} w-36 shrink-0 border-r border-border bg-muted/85 backdrop-blur md:block`, children: /* @__PURE__ */ r(
+    u,
+    {
+      type: "always",
+      className: "h-full w-full [&>[data-slot=scroll-area-viewport]]:overscroll-y-contain [&>[data-slot=scroll-area-scrollbar][data-orientation=horizontal]]:hidden",
+      children: /* @__PURE__ */ r("div", { className: `flex w-full flex-col space-y-4 p-4 pr-3 ${i ?? ""}`, children: t.length > 0 ? t.map((l, e) => /* @__PURE__ */ a(
+        "button",
+        {
+          onClick: () => d(e),
+          className: `mx-auto w-24 rounded-md text-left transition-all duration-200 ring-2 ring-offset-2 ring-offset-muted ${n === e ? "ring-primary" : "ring-transparent hover:ring-muted-foreground/40"}`,
+          "aria-label": `Go to page ${e + 1}`,
+          type: "button",
+          children: [
+            /* @__PURE__ */ r("div", { className: "overflow-hidden rounded-md border border-border bg-card", children: /* @__PURE__ */ r(
+              "img",
+              {
+                src: l,
+                alt: `Page ${e + 1} thumbnail`,
+                className: "aspect-[210/297] h-full w-full object-contain"
+              }
+            ) }),
+            /* @__PURE__ */ a("span", { className: "mt-1 block text-center text-xs leading-4 text-muted-foreground", children: [
+              e + 1,
+              " / ",
+              o
+            ] })
+          ]
+        },
+        e
+      )) : c ? Array.from({ length: m }).map((l, e) => /* @__PURE__ */ a(
+        "div",
+        {
+          className: "mx-auto w-24 rounded-md ring-2 ring-transparent ring-offset-2 ring-offset-muted",
+          "aria-hidden": "true",
+          children: [
+            /* @__PURE__ */ r("div", { className: "aspect-[210/297] animate-pulse rounded-md border border-border bg-card/70" }),
+            /* @__PURE__ */ r("span", { className: "mx-auto mt-1 block h-3 w-10 animate-pulse rounded bg-muted-foreground/20" })
+          ]
+        },
+        `thumbnail-skeleton-${e}`
+      )) : /* @__PURE__ */ r("p", { className: "px-2 text-center text-xs text-muted-foreground", children: "Preview unavailable" }) })
+    }
+  ) });
+}
+export {
+  h as ThumbnailSidebar
+};

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

@@ -0,0 +1,3 @@
+export { ContractSaleDocument } from './Invoice';
+export type { ContractSaleDocumentProps } from './Invoice';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/ContractSaleDocument/index.js

@@ -0,0 +1,4 @@
+import { ContractSaleDocument as e } from "./Invoice.js";
+export {
+  e as ContractSaleDocument
+};

package/dist/components/ContractSaleDocument/language.js

@@ -0,0 +1,36 @@
+const r = /\s*:\s*$/, l = (a) => a.replace(r, "");
+function L(a, t, e, o = {}) {
+  const n = a(e, { ...o, lng: t.legal }), g = r.test(n);
+  if (!t.translation)
+    return g ? `${l(n)}:` : n;
+  const s = a(e, { ...o, lng: t.translation });
+  if (s === n)
+    return g ? `${l(n)}:` : n;
+  const u = r.test(s), c = `${l(n)} / ${l(s)}`;
+  return g || u ? `${c}:` : c;
+}
+function f(a, t, e, o = {}) {
+  const n = a(e, { ...o, lng: t.legal });
+  return r.test(n) ? `${l(n)}:` : n;
+}
+function i(a) {
+  if (typeof a != "string") return "fr";
+  const [t] = a.trim().toLowerCase().split(/[-_]/);
+  return t === "en" ? "en" : "fr";
+}
+function C(a, t) {
+  if (a.language)
+    return a.language;
+  const e = i(t);
+  return {
+    legal: "fr",
+    customer: e,
+    ...e === "fr" ? {} : { translation: "en" }
+  };
+}
+export {
+  L as formatContractSaleDocumentLabel,
+  f as formatContractSaleDocumentLegalLabel,
+  i as normalizeContractSaleDocumentLanguageCode,
+  C as resolveContractSaleDocumentLanguage
+};

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

@@ -0,0 +1,15 @@
+import { ReactNode } from 'react';
+type DelayedRevealProps = {
+    value: string;
+    children: (value: string) => ReactNode;
+    fallback?: ReactNode;
+    reserveWidth?: string;
+};
+export declare const DelayedPlaceholder: ({ value, className, reserveWidth, }: {
+    value: string;
+    className?: string;
+    reserveWidth?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const DelayedReveal: ({ value, children, fallback, reserveWidth }: DelayedRevealProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/components/DelayedReveal/index.js

@@ -0,0 +1,61 @@
+import { jsxs as m, jsx as a } 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 = ({
+  value: e,
+  className: r,
+  reserveWidth: i
+}) => /* @__PURE__ */ a(
+  "span",
+  {
+    className: o(
+      "inline-flex items-center rounded animate-pulse select-none text-transparent leading-6 shrink-0",
+      r
+    ),
+    style: { minWidth: i ?? "var(--delayed-reveal-reserve-width)" },
+    "aria-hidden": "true",
+    children: h(e)
+  }
+), D = ({ value: e, children: r, fallback: i = null, reserveWidth: n }) => {
+  const [t, l] = p(null), s = u(() => {
+    if (n)
+      return {
+        minWidth: n,
+        "--delayed-reveal-reserve-width": n
+      };
+  }, [n]);
+  y(() => {
+    const d = window.setTimeout(() => {
+      l(e);
+    }, 0);
+    return () => window.clearTimeout(d);
+  }, [e]);
+  const c = i ?? /* @__PURE__ */ a(E, { value: e });
+  return /* @__PURE__ */ m("span", { className: "relative inline-grid items-center align-middle", style: s, children: [
+    /* @__PURE__ */ a(
+      "span",
+      {
+        className: o(
+          "col-start-1 row-start-1 transition-opacity duration-200",
+          t ? "opacity-0 pointer-events-none" : "opacity-100"
+        ),
+        "aria-hidden": !!t,
+        children: c
+      }
+    ),
+    /* @__PURE__ */ a(
+      "span",
+      {
+        className: o(
+          "col-start-1 row-start-1 transition-opacity duration-200",
+          t ? "opacity-100" : "opacity-0 pointer-events-none"
+        ),
+        children: t ? r(t) : null
+      }
+    )
+  ] });
+};
+export {
+  E as DelayedPlaceholder,
+  D as DelayedReveal
+};

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

@@ -0,0 +1,23 @@
+import { AddressAutocompleteLocationRestriction } from '../AddressAutocompleteInput';
+type DeliveryAddressSelectorProps = {
+    startAddress?: string;
+    onStartAddressChange: (address: string) => void;
+    returnAddress?: string;
+    onReturnAddressChange: (address: string) => void;
+    startAddressLabel?: string;
+    startAddressPlaceholder?: string;
+    returnAddressLabel?: string;
+    returnAddressPlaceholder?: string;
+    returnAddressHelper?: string;
+    open?: boolean;
+    className?: string;
+    inputClassName?: string;
+    labelClassName?: string;
+    testIdPrefix?: string;
+    googleMapsApiKey?: string;
+    locationRestriction?: AddressAutocompleteLocationRestriction;
+    allowedTypes?: Iterable<string>;
+};
+export declare function DeliveryAddressSelector({ startAddress, onStartAddressChange, returnAddress, onReturnAddressChange, startAddressLabel, startAddressPlaceholder, returnAddressLabel, returnAddressPlaceholder, returnAddressHelper, open, className, inputClassName, labelClassName, testIdPrefix, googleMapsApiKey, locationRestriction, allowedTypes, }: DeliveryAddressSelectorProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/components/DeliveryAddressSelector/index.js

@@ -0,0 +1,95 @@
+import { jsx as a, jsxs as i } from "react/jsx-runtime";
+import { useState as E, useRef as O, useEffect as T } from "react";
+import { useTranslation as j } from "react-i18next";
+import { cn as o } from "@rpcbase/ui";
+import { AddressAutocompleteInput as n } from "../AddressAutocompleteInput/index.js";
+function F({
+  startAddress: u = "",
+  onStartAddressChange: m,
+  returnAddress: c = "",
+  onReturnAddressChange: _,
+  startAddressLabel: h,
+  startAddressPlaceholder: f,
+  returnAddressLabel: v,
+  returnAddressPlaceholder: p,
+  returnAddressHelper: b,
+  open: e = !0,
+  className: g,
+  inputClassName: w,
+  labelClassName: x,
+  testIdPrefix: r = "storefront-delivery-address",
+  googleMapsApiKey: N,
+  locationRestriction: y,
+  allowedTypes: k
+}) {
+  const { t: s } = j(), [$, t] = E(e), l = O(e);
+  T(() => {
+    l.current !== e && (l.current = e, t(!1));
+  }, [e]);
+  const A = (S) => {
+    if (S.propertyName === "max-height") {
+      if (!e) {
+        t(!1);
+        return;
+      }
+      requestAnimationFrame(() => t(!0));
+    }
+  }, d = {
+    googleMapsApiKey: N,
+    locationRestriction: y,
+    allowedTypes: k,
+    className: w,
+    labelClassName: x
+  };
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      className: o(
+        "flow-root transition-[max-height] duration-300 ease-in-out",
+        e && $ ? "overflow-visible" : "overflow-hidden",
+        e ? "max-h-[360px]" : "max-h-0"
+      ),
+      "aria-hidden": !e,
+      "data-testid": r,
+      onTransitionEnd: A,
+      children: /* @__PURE__ */ i("div", { className: o("flex flex-col gap-4 pt-1 sm:flex-row", g, !e && "pointer-events-none"), children: [
+        /* @__PURE__ */ a("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ a(
+          n,
+          {
+            id: `${r}-start-address`,
+            name: "booking_start_location",
+            autofillShimName: `${r}_start_address_autofill_capture`,
+            label: h ?? s("booking_delivery_start_address_label"),
+            placeholder: f ?? s("booking_delivery_start_address_placeholder"),
+            value: u,
+            onValueChange: m,
+            disabled: !e,
+            "data-testid": `${r}-start-address-input`,
+            ...d
+          }
+        ) }),
+        /* @__PURE__ */ a("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ i("div", { className: "px-1 pb-1", children: [
+          /* @__PURE__ */ a(
+            n,
+            {
+              id: `${r}-return-address`,
+              name: "booking_return_location",
+              autofillShimName: `${r}_return_address_autofill_capture`,
+              label: v ?? s("booking_delivery_end_address_label"),
+              placeholder: p ?? s("booking_delivery_end_address_placeholder"),
+              value: c,
+              onValueChange: _,
+              disabled: !e,
+              "data-testid": `${r}-return-address-input`,
+              ...d
+            }
+          ),
+          /* @__PURE__ */ a("p", { className: "mt-1.5 text-xs text-slate-500", "data-testid": `${r}-return-address-helper`, children: b ?? s("booking_delivery_end_address_helper") })
+        ] }) })
+      ] })
+    }
+  );
+}
+export {
+  F as DeliveryAddressSelector
+};

package/dist/components/Footer/BusinessHours.js

@@ -0,0 +1,125 @@
+import { jsx as a, jsxs as u } from "react/jsx-runtime";
+import { Clock as $, ChevronDown as v } from "lucide-react";
+import { useState as z, useEffect as H } from "react";
+import { useTranslation as L } from "react-i18next";
+import { normalizeOpeningHours as j, businessDateStringToDate as y, parseTimeToMinutes as _, minutesToTimeString as w } from "../../lib/booking-period.js";
+import { groupBusinessHoursItems as C } from "./businessHoursUtils.js";
+const B = (i, o) => {
+  const n = new Date(2024, 0, 8, 12);
+  n.setDate(n.getDate() + i);
+  const t = new Intl.DateTimeFormat(o, { weekday: "long" }).format(n);
+  return t && `${t.charAt(0).toLocaleUpperCase(o)}${t.slice(1)}`;
+}, S = (i, o) => {
+  const n = y(i);
+  return Number.isNaN(n.getTime()) ? i : new Intl.DateTimeFormat(o, {
+    year: "numeric",
+    month: "short",
+    day: "2-digit"
+  }).format(n);
+}, A = (i, o) => {
+  const n = i.map((t) => {
+    const r = _(t.start), c = _(t.end);
+    return r == null || c == null || c <= r ? null : {
+      startMinutes: r,
+      label: `${w(r)} - ${w(c)}`
+    };
+  }).filter((t) => !!t).sort((t, r) => t.startMinutes - r.startMinutes).map((t) => t.label);
+  return n.length ? n.join(" / ") : o;
+};
+function J({ openingHours: i, openingHoursOverrides: o }) {
+  const { t: n, i18n: t } = L(), r = t.language || "en", c = j(i, o, {
+    referenceDate: /* @__PURE__ */ new Date()
+  }), T = (e, s) => n("footer_business_hours_weekday_range", { start: e, end: s }), k = i.map((e, s) => {
+    const d = /* @__PURE__ */ new Map();
+    e.openingHours.forEach((h) => {
+      const g = (Math.trunc(h.day) % 7 + 7) % 7;
+      d.set(g, h.openingSlots);
+    });
+    const O = Array.from({ length: 7 }, (h, g) => {
+      const b = g;
+      return {
+        weekday: b,
+        label: B(b, r),
+        value: A(d.get(b) ?? [], n("footer_business_hours_closed"))
+      };
+    }), M = C(O, T), N = n("footer_business_hours_season_range", {
+      start: S(e.startDate, r),
+      end: S(e.endDate, r)
+    }), I = e.name || N;
+    return {
+      id: String(s),
+      label: I,
+      rangeLabel: N,
+      startDate: e.startDate,
+      endDate: e.endDate,
+      items: M
+    };
+  }), x = /* @__PURE__ */ new Date();
+  x.setHours(0, 0, 0, 0);
+  const l = k.filter((e) => {
+    const s = y(e.endDate);
+    return Number.isNaN(s.getTime()) ? !0 : (s.setHours(0, 0, 0, 0), s.getTime() >= x.getTime());
+  }), D = c.season, f = l.length ? l.find(
+    (e) => e.startDate === D?.startDate && e.endDate === D?.endDate
+  )?.id ?? l[0].id : null, [m, p] = z(f);
+  return H(() => {
+    if (!l.length) {
+      m !== null && p(null);
+      return;
+    }
+    if (m === null)
+      return;
+    l.some((s) => s.id === m) || p(f);
+  }, [l, f, m]), l.length ? /* @__PURE__ */ a("div", { "data-testid": "footer-business-hours", children: /* @__PURE__ */ a("div", { className: "space-y-2", children: l.map((e) => {
+    const s = m === e.id;
+    return /* @__PURE__ */ u("section", { "data-testid": `footer-business-hours-season-${e.id}`, children: [
+      /* @__PURE__ */ a("h3", { children: /* @__PURE__ */ u(
+        "button",
+        {
+          type: "button",
+          className: "flex w-full cursor-pointer items-center justify-between gap-3 py-1 text-left text-slate-500 transition-colors hover:text-slate-700",
+          "data-testid": `footer-business-hours-season-toggle-${e.id}`,
+          "aria-expanded": s,
+          onClick: () => {
+            p((d) => d === e.id ? null : e.id);
+          },
+          children: [
+            /* @__PURE__ */ u("span", { className: "min-w-0", children: [
+              /* @__PURE__ */ u("span", { className: "inline-flex items-center gap-2 text-sm text-slate-500 leading-tight", children: [
+                /* @__PURE__ */ a($, { className: "h-3.5 w-3.5 text-slate-400", "aria-hidden": "true" }),
+                /* @__PURE__ */ u("span", { className: "font-medium", children: [
+                  n("footer_business_hours_season_label"),
+                  ":"
+                ] }),
+                /* @__PURE__ */ a("span", { className: "truncate font-medium text-slate-500", children: e.label })
+              ] }),
+              /* @__PURE__ */ a("span", { className: "mt-1 block text-sm text-slate-500 leading-tight", children: e.rangeLabel })
+            ] }),
+            /* @__PURE__ */ a(
+              v,
+              {
+                className: `h-4 w-4 shrink-0 text-slate-400 transition-transform ${s ? "rotate-180" : ""}`,
+                "aria-hidden": "true"
+              }
+            )
+          ]
+        }
+      ) }),
+      s ? /* @__PURE__ */ a(
+        "ul",
+        {
+          "data-testid": `footer-business-hours-season-panel-${e.id}`,
+          className: "mt-2 space-y-2 text-sm text-slate-700",
+          children: e.items.map((d) => /* @__PURE__ */ u("li", { className: "flex items-baseline gap-3", children: [
+            /* @__PURE__ */ a("span", { className: "shrink-0 text-slate-600 leading-tight", children: d.label }),
+            /* @__PURE__ */ a("span", { "aria-hidden": "true", className: "mx-1 flex-1 border-b border-dotted border-slate-200" }),
+            /* @__PURE__ */ a("span", { className: "shrink-0 text-right font-medium text-slate-800 leading-tight", children: d.value })
+          ] }, d.id))
+        }
+      ) : null
+    ] }, e.id);
+  }) }) }) : null;
+}
+export {
+  J as BusinessHours
+};

package/dist/components/Footer/businessHoursUtils.js

@@ -0,0 +1,27 @@
+const c = (s) => s === 0 ? 6 : s - 1, g = (s) => s >= 1 && s <= 5, h = (s) => s === 6 || s === 0, p = (s, r) => {
+  const o = [...s].sort((e, d) => c(e.weekday) - c(d.weekday)), l = o.filter((e) => g(e.weekday)), u = o.filter((e) => h(e.weekday)), k = [];
+  let a = 0;
+  for (; a < l.length; ) {
+    const e = l[a], d = e.value;
+    let n = a;
+    for (; n + 1 < l.length && l[n + 1].value === d; )
+      n += 1;
+    const t = l.slice(a, n + 1), y = t.length === 1 ? `${e.weekday}` : `${e.weekday}-${t[t.length - 1].weekday}`;
+    k.push({
+      id: `weekday-${y}`,
+      weekdays: t.map((i) => i.weekday),
+      label: t.length === 1 ? e.label : r(e.label, t[t.length - 1].label),
+      value: d
+    }), a = n + 1;
+  }
+  const w = u.map((e) => ({
+    id: `weekend-${e.weekday}`,
+    weekdays: [e.weekday],
+    label: e.label,
+    value: e.value
+  }));
+  return [...k, ...w];
+};
+export {
+  p as groupBusinessHoursItems
+};

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

@@ -0,0 +1,11 @@
+import { StorefrontPreset } from '../../data/config';
+import { StorefrontConfiguration } from '../../storefrontSchemas';
+type FooterProps = {
+    preset: StorefrontPreset;
+    whatsappHref?: 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 {};
+//# sourceMappingURL=index.d.ts.map