@loczer/storefront-sdk 0.147.0 → 0.149.0

package/dist/components/Footer/index.js

@@ -0,0 +1,127 @@
+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 w from "../../assets/whatsapp.svg";
+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) => ({
+  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
+    }))
+  }))
+})) : [], D = (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;
+  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") }) }),
+      /* @__PURE__ */ e("p", { className: "text-sm text-slate-600", children: /* @__PURE__ */ e("span", { children: t("footer_brand_description") }) })
+    ] }),
+    /* @__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_contact_title") }) }),
+      /* @__PURE__ */ r("div", { className: "grid gap-2", children: [
+        n ? /* @__PURE__ */ r(
+          "a",
+          {
+            className: l(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") })
+            ]
+          }
+        ) : null,
+        /* @__PURE__ */ r(
+          "a",
+          {
+            className: l(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__ */ r(
+          "a",
+          {
+            className: l(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__ */ r(
+          "a",
+          {
+            className: l(o, "items-start"),
+            href: u,
+            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", { children: a.address })
+            ]
+          }
+        )
+      ] })
+    ] }),
+    /* @__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,
+        {
+          openingHours: m,
+          openingHoursOverrides: g
+        }
+      ) : /* @__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("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("span", { children: t("footer_hours_weekend") })
+        ] })
+      ] })
+    ] })
+  ] }) });
+}
+export {
+  P as Footer
+};

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

@@ -0,0 +1,23 @@
+import { BookingFulfillment } from '../../lib/booking';
+import { AddressAutocompleteLocationRestriction } from '../AddressAutocompleteInput';
+type FulfillmentSectionProps = {
+    value: BookingFulfillment;
+    onValueChange: (value: BookingFulfillment) => void;
+    pickupAddress?: string;
+    deliveryEnabled: boolean;
+    deliveryDisabledReason?: string;
+    startAddress: string;
+    onStartAddressChange: (value: string) => void;
+    endAddress: string;
+    onEndAddressChange: (value: string) => void;
+    className?: string;
+    showPickupAddressWhenPickupOnly?: boolean;
+    testIdPrefix?: string;
+    googleMapsApiKey?: string;
+    deliveryAddressLocationRestriction?: AddressAutocompleteLocationRestriction;
+    deliveryAddressAllowedTypes?: Iterable<string>;
+    showDeliveryAddressSelector?: boolean;
+};
+export declare function FulfillmentSection({ value, onValueChange, pickupAddress, deliveryEnabled, deliveryDisabledReason, startAddress, onStartAddressChange, endAddress, onEndAddressChange, className, showPickupAddressWhenPickupOnly, testIdPrefix, googleMapsApiKey, deliveryAddressLocationRestriction, deliveryAddressAllowedTypes, showDeliveryAddressSelector, }: FulfillmentSectionProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/components/FulfillmentSection/index.js

@@ -0,0 +1,107 @@
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import { cn as n } from "@rpcbase/ui";
+import { MapPin as A, Store as $, Truck as C } from "lucide-react";
+import { useTranslation as D } from "react-i18next";
+import { DeliveryAddressSelector as S } from "../DeliveryAddressSelector/index.js";
+import { RadioGroup as T, RadioGroupItem as m } from "../../ui/radio-group.js";
+function V({
+  value: p,
+  onValueChange: u,
+  pickupAddress: h,
+  deliveryEnabled: t,
+  deliveryDisabledReason: x,
+  startAddress: g,
+  onStartAddressChange: b,
+  endAddress: f,
+  onEndAddressChange: k,
+  className: o,
+  showPickupAddressWhenPickupOnly: N = !0,
+  testIdPrefix: l = "storefront-fulfillment",
+  googleMapsApiKey: v,
+  deliveryAddressLocationRestriction: y,
+  deliveryAddressAllowedTypes: w,
+  showDeliveryAddressSelector: _ = !0
+}) {
+  const { t: s } = D(), r = h?.trim() ?? "", d = x?.trim() ?? "", R = t || d.length > 0, i = p === "delivery" && t ? "delivery" : "pickup";
+  return R ? /* @__PURE__ */ a("div", { className: n("grid gap-3", o), "data-testid": l, children: [
+    /* @__PURE__ */ a(
+      T,
+      {
+        value: i,
+        onValueChange: (c) => {
+          c === "delivery" && !t || u(c === "delivery" ? "delivery" : "pickup");
+        },
+        className: "grid gap-2",
+        children: [
+          /* @__PURE__ */ a(
+            "label",
+            {
+              className: n(
+                "flex items-start gap-3 rounded-xl border p-3 transition",
+                i === "pickup" ? "border-slate-900 bg-slate-50" : "border-slate-200 bg-white"
+              ),
+              "data-testid": `${l}-pickup`,
+              children: [
+                /* @__PURE__ */ e(m, { value: "pickup", "aria-label": s("booking_pickup_label"), className: "mt-1" }),
+                /* @__PURE__ */ e($, { className: "mt-0.5 h-4 w-4 shrink-0 text-slate-900", "aria-hidden": "true" }),
+                /* @__PURE__ */ a("span", { className: "flex flex-1 flex-col gap-0.5", children: [
+                  /* @__PURE__ */ e("span", { className: "text-sm font-medium text-slate-950", children: s("booking_pickup_label") }),
+                  r ? /* @__PURE__ */ e("span", { className: "text-xs text-slate-600", children: r }) : null
+                ] })
+              ]
+            }
+          ),
+          /* @__PURE__ */ a(
+            "label",
+            {
+              className: n(
+                "flex items-start gap-3 rounded-xl border p-3 transition",
+                t ? i === "delivery" ? "border-slate-900 bg-slate-50" : "border-slate-200 bg-white" : "cursor-not-allowed border-slate-200 bg-white opacity-60"
+              ),
+              "aria-disabled": !t,
+              "data-testid": `${l}-delivery`,
+              children: [
+                /* @__PURE__ */ e(
+                  m,
+                  {
+                    value: "delivery",
+                    "aria-label": s("booking_delivery_label"),
+                    className: "mt-1",
+                    disabled: !t
+                  }
+                ),
+                /* @__PURE__ */ e(C, { className: "mt-0.5 h-4 w-4 shrink-0 text-slate-900", "aria-hidden": "true" }),
+                /* @__PURE__ */ a("span", { className: "flex flex-1 flex-col gap-0.5", children: [
+                  /* @__PURE__ */ e("span", { className: "text-sm font-medium text-slate-950", children: s("booking_delivery_label") }),
+                  /* @__PURE__ */ e("span", { className: "text-xs text-slate-600", children: t ? s("booking_delivery_description") : d })
+                ] })
+              ]
+            }
+          )
+        ]
+      }
+    ),
+    _ ? /* @__PURE__ */ e(
+      S,
+      {
+        open: i === "delivery",
+        className: "sm:min-h-[6.75rem]",
+        inputClassName: "h-10 bg-white",
+        startAddress: g,
+        onStartAddressChange: b,
+        returnAddress: f,
+        onReturnAddressChange: k,
+        testIdPrefix: `${l}-delivery-address`,
+        googleMapsApiKey: v,
+        locationRestriction: y,
+        allowedTypes: w
+      }
+    ) : null
+  ] }) : !N || r.length === 0 ? null : /* @__PURE__ */ a("div", { className: n("flex items-center gap-2 text-xs text-slate-600", o), "data-testid": `${l}-pickup-address`, children: [
+    /* @__PURE__ */ e(A, { className: "h-4 w-4 shrink-0 text-slate-900", "aria-hidden": "true" }),
+    /* @__PURE__ */ e("span", { children: r })
+  ] });
+}
+export {
+  V as FulfillmentSection
+};

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

@@ -0,0 +1,10 @@
+import { StorefrontPreset } from '../../data/config';
+import { StorefrontConfiguration } from '../../storefrontSchemas';
+type HeaderProps = {
+    preset: StorefrontPreset;
+    storefrontConfiguration?: StorefrontConfiguration;
+    whatsappHref?: string;
+};
+export declare function Header({ preset, storefrontConfiguration, whatsappHref }: HeaderProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Header/index.js

@@ -0,0 +1,119 @@
+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 { 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 ?? "") : "";
+};
+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,
+    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: [
+        /* @__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 })
+              }
+            )
+          }
+        ),
+        l ? /* @__PURE__ */ a(
+          "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",
+            children: [
+              /* @__PURE__ */ e("span", { children: t("top_bar_whatsapp") }),
+              /* @__PURE__ */ e(y, { className: "h-4 w-4", "aria-hidden": "true" })
+            ]
+          }
+        ) : null
+      ] })
+    ] }) }) }),
+    /* @__PURE__ */ e(
+      "header",
+      {
+        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(
+                "img",
+                {
+                  src: k,
+                  alt: N,
+                  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__ */ 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__ */ 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__ */ 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-[11px]", children: /* @__PURE__ */ e("span", { children: p }) })
+                ] })
+              }
+            ),
+            /* @__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" })
+            ] }) })
+          ] })
+        ] })
+      }
+    )
+  ] });
+}
+export {
+  de as Header
+};

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

@@ -0,0 +1,7 @@
+import { StorefrontConfiguration } from '../../storefrontSchemas';
+type LayoutProps = {
+    storefrontConfiguration?: StorefrontConfiguration;
+};
+export declare function Layout({ storefrontConfiguration }: LayoutProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Layout/index.js

@@ -0,0 +1,47 @@
+import { jsx as e, jsxs as c, 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 { useTranslation as v } from "react-i18next";
+import { Footer as P } from "../Footer/index.js";
+import { Header as x } from "../Header/index.js";
+import { PlatformFooter as H } 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 "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 { Provider as k } from "../../ui/tooltip.js";
+function G({ storefrontConfiguration: o }) {
+  const { storeSlug: i, referenceId: s } = u(), l = g(), { i18n: p } = v();
+  f(() => {
+    document.documentElement.setAttribute("data-hydrated", "true");
+  }, []);
+  const t = F(i), r = 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,
+      {
+        preset: t,
+        whatsappHref: r,
+        openingHours: o?.bookingEngine.shop.openingHours,
+        openingHoursOverrides: o?.bookingEngine.shop.openingHoursOverrides
+      }
+    ),
+    /* @__PURE__ */ e(H, {}),
+    r && o?.content?.showWhatsappFloatingButton !== !1 ? /* @__PURE__ */ e(w, { href: r }) : null,
+    /* @__PURE__ */ e(S, {}),
+    /* @__PURE__ */ e(b, { storefrontConfiguration: o })
+  ] }) }) }) }) });
+}
+export {
+  G as Layout
+};

package/dist/components/Map/createMarkerElement.js

@@ -0,0 +1,17 @@
+const n = () => {
+  if (typeof document > "u") return null;
+  const t = document.createElement("div");
+  t.style.position = "absolute", t.style.top = "0", t.style.left = "0", t.style.willChange = "transform", t.style.width = "41px", t.style.height = "51px", t.style.cursor = "pointer";
+  const e = `
+    <svg width="41" height="51" viewBox="0 0 41 51" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <g transform="translate(1.5, 1.5)">
+        <path d="M19 0C8.5 0 0 8.5 0 19C0 28.9 19 48 19 48C19 48 38 28.9 38 19C38 8.5 29.5 0 19 0Z" fill="white" stroke="#3b82f6" stroke-width="3"/>
+        <image href="/favicon.png" x="9" y="9" height="20" width="20" />
+      </g>
+    </svg>
+  `.trim();
+  return t.innerHTML = e, t;
+};
+export {
+  n as createMarkerElement
+};

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

@@ -0,0 +1,3 @@
+export { Map, type MapMarker, type MapProps } from '@lz/ui/Map';
+export { createMarkerElement } from './createMarkerElement';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Map/index.js

@@ -0,0 +1,6 @@
+import { Map as o } from "../../chunks/pkg/ui/dist/Map-Cqn7INdm.js";
+import { createMarkerElement as a } from "./createMarkerElement.js";
+export {
+  o as Map,
+  a as createMarkerElement
+};

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

@@ -0,0 +1,2 @@
+export declare function PlatformFooter(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/PlatformFooter/index.js

@@ -0,0 +1,51 @@
+import { jsx as e, jsxs as r } from "react/jsx-runtime";
+import { useTranslation as m } from "react-i18next";
+import { PoweredByLoczerBadge as p } from "../PoweredByLoczerBadge/index.js";
+const l = "https://loczer.com", t = 2025, f = {
+  en: {
+    terms: "terms-of-use",
+    privacy: "privacy-policy"
+  },
+  fr: {
+    terms: "conditions-d-utilisation",
+    privacy: "politique-de-confidentialite"
+  }
+};
+function g() {
+  const { t: a, i18n: s } = m(), i = s.language.startsWith("fr") ? "fr" : "en", o = f[i], n = (/* @__PURE__ */ new Date()).getFullYear(), c = n > t ? `${t}—${n}` : String(t);
+  return /* @__PURE__ */ e("footer", { className: "border-t border-white/10 bg-slate-950", "data-testid": "loczer-platform-footer", children: /* @__PURE__ */ e("div", { className: "mx-auto max-w-7xl px-4 py-4 sm:px-6", children: /* @__PURE__ */ r("div", { className: "flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between", children: [
+    /* @__PURE__ */ e(p, { language: s.language }),
+    /* @__PURE__ */ r("div", { className: "flex flex-col gap-1 text-xs text-white/60 sm:items-end", children: [
+      /* @__PURE__ */ r("span", { className: "whitespace-nowrap", children: [
+        "© ",
+        c,
+        " LOCZER"
+      ] }),
+      /* @__PURE__ */ r("nav", { className: "flex flex-wrap items-center gap-x-4 gap-y-1 sm:justify-end", children: [
+        /* @__PURE__ */ e(
+          "a",
+          {
+            className: "hover:text-white",
+            href: `${l}/${o.terms}`,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            children: /* @__PURE__ */ e("span", { children: a("platform_footer_terms") })
+          }
+        ),
+        /* @__PURE__ */ e(
+          "a",
+          {
+            className: "hover:text-white",
+            href: `${l}/${o.privacy}`,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            children: /* @__PURE__ */ e("span", { children: a("platform_footer_privacy") })
+          }
+        )
+      ] })
+    ] })
+  ] }) }) });
+}
+export {
+  g as PlatformFooter
+};

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

@@ -0,0 +1,2 @@
+export declare const PlaygroundDevFloatingButton: () => import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=index.d.ts.map