@loczer/storefront-sdk 0.182.0 → 0.183.0

package/dist/components/Layout/index.js

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

package/dist/components/Map/index.js

@@ -1,4 +1,4 @@
-import { Map as e } from "../../chunks/ui/dist/Map-B45AxZ-D.js";
+import { Map as e } from "../../chunks/ui/dist/Map-BXmRf5Ep.js";
 import { createMarkerElement as t } from "./createMarkerElement.js";
 //#region src/components/Map/index.tsx
 var n = e;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ProductPriceBadge/index.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,8BAA8B,CAAA;AAmBhF,KAAK,sBAAsB,GAAG;IAC5B,MAAM,CAAC,EAAE,4BAA4B,EAAE,CAAA;IACvC,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,eAAO,MAAM,iBAAiB,GAAI,sCAAsC,sBAAsB,mDAgW7F,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ProductPriceBadge/index.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,8BAA8B,CAAA;AAoBhF,KAAK,sBAAsB,GAAG;IAC5B,MAAM,CAAC,EAAE,4BAA4B,EAAE,CAAA;IACvC,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,eAAO,MAAM,iBAAiB,GAAI,sCAAsC,sBAAsB,mDA4W7F,CAAA"}

package/dist/components/ProductPriceBadge/index.js

@@ -5,51 +5,51 @@ import { useEffect as o, useId as s, useRef as c, useState as l } from "react";
 import { Fragment as ee, jsx as u, jsxs as d } from "react/jsx-runtime";
 import { cn as f } from "@rpcbase/ui";
 import { useMediaQuery as p } from "@rpcbase/client";
-import { useTranslation as m } from "react-i18next";
-import { Mail as te, Phone as ne, TrendingDown as re } from "lucide-react";
+import { useTranslation as te } from "react-i18next";
+import { Info as ne, Mail as re, Phone as ie, TrendingDown as m } from "lucide-react";
 import { Drawer as h } from "@base-ui/react/drawer";
 import { Popover as g } from "@base-ui/react/popover";
 //#region src/components/ProductPriceBadge/index.tsx
-var _ = 180, ie = "(max-width: 767px)", v = "loczer:storefront:product-price-popover-open", ae = (e) => typeof Node < "u" && e instanceof Node, y = (e) => {
-	typeof window > "u" || window.dispatchEvent(new CustomEvent(v, { detail: { id: e } }));
+var ae = 180, oe = "(max-width: 767px)", _ = "loczer:storefront:product-price-popover-open", v = (e) => typeof Node < "u" && e instanceof Node, y = (e) => {
+	typeof window > "u" || window.dispatchEvent(new CustomEvent(_, { detail: { id: e } }));
 }, b = ({ prices: b, minPriceMinor: x, className: S }) => {
-	let { t: C, i18n: w } = m(), T = s(), E = a(), oe = p(ie), D = p("(hover: none), (pointer: coarse)"), O = !!(oe || D), [k, A] = l(!1), [j, M] = l(!1), N = c(null), P = c(null), F = c(null), I = t(b, w.language, C), L = e(b, w.language), R = I[0], z = I[1], B = () => {
+	let { t: C, i18n: w } = te(), T = s(), E = a(), se = p(oe), D = p("(hover: none), (pointer: coarse)"), O = !!(se || D), [k, A] = l(null), [j, M] = l(!1), N = c(null), P = c(null), F = c(null), I = c(null), L = k !== null, R = t(b, w.language, C), z = e(b, w.language), B = R[0], V = R[1], H = () => {
 		N.current &&= (clearTimeout(N.current), null);
-	}, V = () => {
-		O || (B(), A(!0), y(T));
-	}, H = () => {
-		B(), A(!1);
-	}, U = () => {
-		B(), M(!0), y(T);
+	}, U = (e) => {
+		O || (H(), A((t) => t === "click" ? t : e), y(T));
 	}, W = () => {
-		M(!1);
+		H(), A(null);
 	}, G = () => {
-		k || V();
-	}, K = (e) => ae(e) ? !!(P.current?.contains(e) || F.current?.contains(e)) : !1, q = (e) => {
-		K(e) || (B(), N.current = setTimeout(() => {
-			A(!1), N.current = null;
-		}, _));
+		H(), M(!0), y(T);
+	}, ce = () => {
+		M(!1);
+	}, le = () => {
+		L || U("hover");
+	}, ue = (e) => v(e) ? !!(P.current?.contains(e) || I.current?.contains(e)) : !1, K = (e) => v(e) ? !!(F.current?.contains(e) || I.current?.contains(e)) : !1, q = (e) => {
+		k !== "hover" || K(e) || (H(), N.current = setTimeout(() => {
+			A((e) => e === "hover" ? null : e), N.current = null;
+		}, ae));
 	}, J = (e) => {
 		q(e?.relatedTarget);
-	}, se = (e) => {
+	}, de = (e) => {
 		let t = e.relatedTarget ?? document.activeElement;
-		K(t) || H();
+		ue(t) || W();
 	};
 	if (o(() => {
 		if (typeof window > "u") return () => {
-			B();
+			H();
 		};
 		let e = (e) => {
-			e.detail?.id !== T && (B(), A(!1), M(!1));
+			e.detail?.id !== T && (H(), A(null), M(!1));
 		};
-		return window.addEventListener(v, e), () => {
-			window.removeEventListener(v, e), B();
+		return window.addEventListener(_, e), () => {
+			window.removeEventListener(_, e), H();
 		};
 	}, [T]), o(() => {
-		if (!k || typeof window > "u") return;
+		if (k !== "hover" || typeof window > "u") return;
 		let e = (e) => {
 			if (K(e.target)) {
-				B();
+				H();
 				return;
 			}
 			N.current || q(e.target);
@@ -59,26 +59,40 @@ var _ = 180, ie = "(max-width: 767px)", v = "loczer:storefront:product-price-pop
 		};
 	}, [k]), o(() => {
 		if (O) {
-			B(), A(!1);
+			H(), A(null);
 			return;
 		}
 		M(!1);
-	}, [O]), !R) return typeof x == "number" ? /* @__PURE__ */ u(r, {
+	}, [O]), !B) return typeof x == "number" ? /* @__PURE__ */ u(r, {
 		variant: "outline",
 		className: f("border-slate-200 bg-white text-slate-700", S),
 		children: /* @__PURE__ */ u("span", { children: C("price_from", { price: n(x, w.language) }) })
 	}) : null;
-	let Y = f(i({ variant: "outline" }), "gap-1.5 border-slate-200 bg-white text-slate-700 transition hover:border-slate-300 hover:text-slate-950 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/15", L.length > 0 && "cursor-help", S), X = E?.storefrontConfiguration.shop.emailAddress?.trim(), Z = E?.storefrontConfiguration.shop.contactPhone1?.trim(), ce = !!(X || Z), Q = () => /* @__PURE__ */ d(ee, { children: [/* @__PURE__ */ u("span", {
-		className: "font-semibold",
-		children: R
-	}), z ? /* @__PURE__ */ d("span", {
-		className: "inline-flex items-center gap-1 text-slate-500",
-		children: [/* @__PURE__ */ u(re, {
-			className: "h-3 w-3",
-			strokeWidth: 2.4,
-			"aria-hidden": "true"
-		}), /* @__PURE__ */ u("span", { children: C("price_then", { price: z }) })]
-	}) : null] }), le = () => ce ? /* @__PURE__ */ d("div", {
+	let Y = f(i({ variant: "outline" }), "gap-1.5 border-slate-200 bg-white text-slate-700 outline-none transition hover:border-slate-300 hover:text-slate-950 focus:border-slate-200 focus:outline-none focus:ring-0 focus:ring-transparent focus:ring-offset-0 focus-visible:border-slate-200 focus-visible:outline-none focus-visible:ring-0 focus-visible:ring-transparent focus-visible:ring-offset-0", z.length > 0 && "cursor-pointer", S), X = E?.storefrontConfiguration.shop.emailAddress?.trim(), Z = E?.storefrontConfiguration.shop.contactPhone1?.trim(), fe = !!(X || Z), Q = () => /* @__PURE__ */ d(ee, { children: [
+		/* @__PURE__ */ u("span", {
+			className: "font-semibold",
+			children: B
+		}),
+		V ? /* @__PURE__ */ d("span", {
+			className: "inline-flex items-center gap-1 text-slate-500",
+			children: [/* @__PURE__ */ u(m, {
+				className: "h-3 w-3",
+				strokeWidth: 2.4,
+				"aria-hidden": "true"
+			}), /* @__PURE__ */ u("span", { children: C("price_then", { price: V }) })]
+		}) : null,
+		z.length > 0 ? /* @__PURE__ */ u("span", {
+			ref: F,
+			className: "inline-flex shrink-0 items-center text-slate-500",
+			onMouseEnter: () => U("hover"),
+			onMouseMove: le,
+			onMouseLeave: J,
+			children: /* @__PURE__ */ u(ne, {
+				className: "h-3 w-3",
+				"aria-hidden": "true"
+			})
+		}) : null
+	] }), pe = () => fe ? /* @__PURE__ */ d("div", {
 		className: "border-t border-slate-200 pt-2 text-slate-600",
 		children: [/* @__PURE__ */ u("p", {
 			className: "leading-snug",
@@ -88,7 +102,7 @@ var _ = 180, ie = "(max-width: 767px)", v = "loczer:storefront:product-price-pop
 			children: [Z ? /* @__PURE__ */ d("a", {
 				className: "inline-flex min-w-0 items-center gap-1 font-medium text-slate-800 underline-offset-4 hover:underline",
 				href: `tel:${Z}`,
-				children: [/* @__PURE__ */ u(ne, {
+				children: [/* @__PURE__ */ u(ie, {
 					className: "h-3 w-3 shrink-0",
 					"aria-hidden": "true"
 				}), /* @__PURE__ */ u("span", {
@@ -98,7 +112,7 @@ var _ = 180, ie = "(max-width: 767px)", v = "loczer:storefront:product-price-pop
 			}) : null, X ? /* @__PURE__ */ d("a", {
 				className: "inline-flex min-w-0 items-center gap-1 font-medium text-slate-800 underline-offset-4 hover:underline",
 				href: `mailto:${X}`,
-				children: [/* @__PURE__ */ u(te, {
+				children: [/* @__PURE__ */ u(re, {
 					className: "h-3 w-3 shrink-0",
 					"aria-hidden": "true"
 				}), /* @__PURE__ */ u("span", {
@@ -116,7 +130,7 @@ var _ = 180, ie = "(max-width: 767px)", v = "loczer:storefront:product-price-pop
 			}) : null,
 			/* @__PURE__ */ u("ul", {
 				className: f("grid gap-1 text-slate-600", t === "drawer" && "gap-1.5"),
-				children: L.map(({ dayCount: e, totalPriceLabel: n, perDayPriceLabel: r }) => {
+				children: z.map(({ dayCount: e, totalPriceLabel: n, perDayPriceLabel: r }) => {
 					let i = C("price_table_day", { count: e }), a = C("price_table_per_day", { price: r });
 					return /* @__PURE__ */ u("li", { children: /* @__PURE__ */ d("div", {
 						className: "flex items-baseline gap-2",
@@ -144,20 +158,20 @@ var _ = 180, ie = "(max-width: 767px)", v = "loczer:storefront:product-price-pop
 					}) }, e);
 				})
 			}),
-			le()
+			pe()
 		]
 	});
 	return O ? /* @__PURE__ */ d(h.Root, {
 		open: j,
 		onOpenChange: (e) => {
-			e ? U() : W();
+			e ? G() : ce();
 		},
 		swipeDirection: "down",
 		children: [/* @__PURE__ */ u(h.Trigger, {
 			ref: P,
 			type: "button",
 			className: Y,
-			"aria-label": C("price_details_aria_label", { price: R }),
+			"aria-label": C("price_details_aria_label", { price: B }),
 			"aria-expanded": j,
 			onClick: (e) => {
 				e.stopPropagation();
@@ -189,47 +203,41 @@ var _ = 180, ie = "(max-width: 767px)", v = "loczer:storefront:product-price-pop
 			})
 		})] })]
 	}) : /* @__PURE__ */ d(g.Root, {
-		open: k,
+		open: L,
 		onOpenChange: (e) => {
-			e ? V() : H();
+			e ? U("click") : W();
 		},
 		children: [/* @__PURE__ */ u(g.Trigger, {
 			ref: P,
 			type: "button",
-			openOnHover: !0,
-			delay: 0,
-			closeDelay: _,
 			className: Y,
-			"aria-label": C("price_details_aria_label", { price: R }),
-			"aria-expanded": k,
-			onMouseEnter: V,
-			onMouseMove: G,
-			onMouseLeave: J,
-			onBlur: se,
+			"aria-label": C("price_details_aria_label", { price: B }),
+			"aria-expanded": L,
+			onBlur: de,
 			onClick: (e) => {
-				e.preventDefault(), e.stopPropagation(), k ? H() : V();
+				e.preventDefault(), e.stopPropagation(), k === "click" ? W() : U("click");
 			},
 			onPointerDown: (e) => {
 				e.stopPropagation();
 			},
 			children: Q()
-		}), L.length > 0 ? /* @__PURE__ */ u(g.Portal, { children: /* @__PURE__ */ u(g.Positioner, {
+		}), z.length > 0 ? /* @__PURE__ */ u(g.Portal, { children: /* @__PURE__ */ u(g.Positioner, {
 			side: "top",
 			align: "end",
 			sideOffset: 8,
 			collisionPadding: 12,
 			className: "pointer-events-auto z-[70] outline-none",
 			children: /* @__PURE__ */ u(g.Popup, {
-				ref: F,
+				ref: I,
 				initialFocus: !1,
 				className: "w-64 rounded-xl border border-slate-200 bg-white p-3 text-slate-950 shadow-xl outline-none data-[closed]:animate-out data-[closed]:fade-out-0 data-[closed]:zoom-out-95 data-[open]:animate-in data-[open]:fade-in-0 data-[open]:zoom-in-95",
 				onPointerDown: (e) => {
-					e.stopPropagation(), B();
+					e.stopPropagation(), H();
 				},
 				onClick: (e) => {
 					e.stopPropagation();
 				},
-				onMouseEnter: V,
+				onMouseEnter: H,
 				onMouseLeave: J,
 				children: $(!0, "popover")
 			})

package/dist/i18n/I18nProvider.js

@@ -73,7 +73,7 @@ var c = "storefront", l = "loczer_storefront_lng", u = "loczer_storefront_lng",
 		defaultNS: c,
 		interpolation: { escapeValue: !1 },
 		react: { useSuspense: !1 },
-		initImmediate: !1
+		initAsync: !1
 	}), n;
 }, E = null, D = null, O = (e, t) => {
 	if (E && D === t) return E;

package/dist/i18n/fr.js

@@ -74,7 +74,7 @@ var e = {
 	},
 	availability_in_stock: "Disponible",
 	availability_low_stock: "Stock faible",
-	availability_out_of_stock: "Rupture de stock",
+	availability_out_of_stock: "Rupture",
 	availability_quantity_unavailable: "Quantité indisponible",
 	availability_checking: "Vérification de la disponibilité",
 	availability_remaining_count_one: "{{count}} disponible",