@loczer/storefront-sdk 0.186.0 → 0.187.0

package/dist/StorefrontProvider.d.ts

@@ -125,6 +125,7 @@ export declare const loader: ({ ctx, params }: import('@rpcbase/client').LoaderA
             languages?: string[] | undefined;
         } | undefined;
         content?: {
+            heroMode: "current_booking_hero" | "booking_bar_overlay_hero" | "vertical_marquee_hero";
             galleryImageIds: string[];
             whatsappPhone1Enabled: boolean;
             whatsappPhone2Enabled: boolean;
@@ -358,6 +359,7 @@ export declare function useStorefrontConfig(): {
             languages?: string[] | undefined;
         } | undefined;
         content?: {
+            heroMode: "current_booking_hero" | "booking_bar_overlay_hero" | "vertical_marquee_hero";
             galleryImageIds: string[];
             whatsappPhone1Enabled: boolean;
             whatsappPhone2Enabled: boolean;
@@ -581,6 +583,7 @@ export declare function useStorefrontConfig(): {
             languages?: string[] | undefined;
         } | undefined;
         content?: {
+            heroMode: "current_booking_hero" | "booking_bar_overlay_hero" | "vertical_marquee_hero";
             galleryImageIds: string[];
             whatsappPhone1Enabled: boolean;
             whatsappPhone2Enabled: boolean;

package/dist/StorefrontProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StorefrontProvider.d.ts","sourceRoot":"","sources":["../src/StorefrontProvider.tsx"],"names":[],"mappings":"AAKA,OAAO,EAIL,KAAK,sBAAsB,EAC5B,MAAM,qBAAqB,CAAA;AAC5B,OAAO,EAAiC,KAAK,uBAAuB,EAAE,MAAM,qBAAqB,CAAA;AAEjG,OAAO,EAIL,KAAK,gBAAgB,EACrB,KAAK,WAAW,EACjB,MAAM,gBAAgB,CAAA;AAGvB,KAAK,sBAAsB,GAAG;IAC5B,SAAS,EAAE,MAAM,CAAA;IACjB,uBAAuB,EAAE,uBAAuB,CAAA;IAChD,KAAK,EAAE,WAAW,EAAE,CAAA;IACpB,WAAW,EAAE,gBAAgB,EAAE,CAAA;IAC/B,YAAY,EAAE,WAAW,EAAE,CAAA;IAC3B,kBAAkB,EAAE,gBAAgB,EAAE,CAAA;IACtC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,EAAE,sBAAsB,CAAA;CACjC,CAAA;AAKD,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4DA,CAAA;AAGnB,MAAM,CAAC,OAAO,UAAU,kBAAkB,4CAqBzC;AAED,wBAAgB,aAAa,2BAQ5B;AAED,wBAAgB,qBAAqB,uCAEpC;AAED,wBAAgB,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAMlC;AAED,wBAAgB,8BAA8B,IAAI,sBAAsB,CAGvE;AAED,wBAAgB,qBAAqB;;;EAGpC;AAED,wBAAgB,4BAA4B;;;EAG3C"}
+{"version":3,"file":"StorefrontProvider.d.ts","sourceRoot":"","sources":["../src/StorefrontProvider.tsx"],"names":[],"mappings":"AAKA,OAAO,EAIL,KAAK,sBAAsB,EAC5B,MAAM,qBAAqB,CAAA;AAC5B,OAAO,EAAiC,KAAK,uBAAuB,EAAE,MAAM,qBAAqB,CAAA;AAEjG,OAAO,EAIL,KAAK,gBAAgB,EACrB,KAAK,WAAW,EACjB,MAAM,gBAAgB,CAAA;AAGvB,KAAK,sBAAsB,GAAG;IAC5B,SAAS,EAAE,MAAM,CAAA;IACjB,uBAAuB,EAAE,uBAAuB,CAAA;IAChD,KAAK,EAAE,WAAW,EAAE,CAAA;IACpB,WAAW,EAAE,gBAAgB,EAAE,CAAA;IAC/B,YAAY,EAAE,WAAW,EAAE,CAAA;IAC3B,kBAAkB,EAAE,gBAAgB,EAAE,CAAA;IACtC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,EAAE,sBAAsB,CAAA;CACjC,CAAA;AAKD,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4DA,CAAA;AAGnB,MAAM,CAAC,OAAO,UAAU,kBAAkB,4CAqBzC;AAED,wBAAgB,aAAa,2BAQ5B;AAED,wBAAgB,qBAAqB,uCAEpC;AAED,wBAAgB,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAMlC;AAED,wBAAgB,8BAA8B,IAAI,sBAAsB,CAGvE;AAED,wBAAgB,qBAAqB;;;EAGpC;AAED,wBAAgB,4BAA4B;;;EAG3C"}

package/dist/components/Header/index.js

@@ -12,27 +12,27 @@ import { cn as d, useScrollHideOnDown as f } from "@rpcbase/ui";
 import { useMediaQuery as p, useThrottledMeasure as m } from "@rpcbase/client";
 import { Link as h, useLocation as g, useParams as _ } from "@rpcbase/router";
 import { useTranslation as v } from "react-i18next";
-import { ArrowRight as y, Bike as b, ShoppingCart as x } from "lucide-react";
+import { ArrowRight as y, ShoppingCart as b } from "lucide-react";
 //#region src/components/Header/index.tsx
-var S = 36, C = (e, t) => {
+var x = 36, S = (e, t) => {
 	let n = e?.trim() ?? "";
 	return n ? r(n, t ?? "") : "";
 };
-function w({ storefrontConfiguration: r, whatsappHref: w, whatsappPhoneDisplay: T }) {
-	let { t: E, i18n: D } = v(), { storeSlug: O } = _(), k = g(), { itemCount: A } = t(), j = p("(max-width: 640px)"), [M, ee] = m(), N = ee?.height ?? S, P = f({
-		enabled: j,
+function C({ storefrontConfiguration: r, whatsappHref: C, whatsappPhoneDisplay: w }) {
+	let { t: T, i18n: E } = v(), { storeSlug: D } = _(), O = g(), { itemCount: k } = t(), A = p("(max-width: 640px)"), [j, M] = m(), N = M?.height ?? x, P = f({
+		enabled: A,
 		thresholdPx: N
-	}), F = j && P ? `translateY(-${N}px)` : "translateY(0)", I = () => {
-		let e = D.language.startsWith("fr") ? "en" : "fr";
-		D.changeLanguage(e);
-	}, L = `/${O ?? ""}`, R = e(new URLSearchParams(k.search), O).toString(), z = R ? `?${R}` : "", B = `${L}/booking${z}`, V = `${L}/checkout${z}`, H = r?.shop.name?.trim() ?? "", U = r?.shop.emailAddress?.trim() ?? "", W = r?.workspace?.workspaceLanguage, G = n(r?.content?.tagline, D.language, W).trim(), K = o(r?.shop), q = G || K || "[Missing shop address]", J = !G && !K, Y = n(r?.content?.topBannerMessage, D.language, W).trim() || E("top_bar_message"), X = C(r?.content?.logoWideImageId, O), Z = C(r?.shop.logoImageId ?? r?.content?.logoSquareImageId, O), Q = X.length > 0, $ = Z.length > 0;
+	}), F = A && P ? `translateY(-${N}px)` : "translateY(0)", I = () => {
+		let e = E.language.startsWith("fr") ? "en" : "fr";
+		E.changeLanguage(e);
+	}, L = `/${D ?? ""}`, R = e(new URLSearchParams(O.search), D).toString(), z = R ? `?${R}` : "", B = `${L}/booking${z}`, V = `${L}/checkout${z}`, H = r?.shop.name?.trim() ?? "", U = r?.shop.emailAddress?.trim() ?? "", W = r?.workspace?.workspaceLanguage, G = n(r?.content?.tagline, E.language, W).trim(), K = o(r?.shop), q = G || K || "[Missing shop address]", J = !G && !K, Y = n(r?.content?.topBannerMessage, E.language, W).trim() || T("top_bar_message"), X = S(r?.content?.logoWideImageId, D), Z = S(r?.shop.logoImageId ?? r?.content?.logoSquareImageId, D), Q = X.length > 0, $ = Z.length > 0;
 	return /* @__PURE__ */ u("div", {
 		className: "sticky top-0 z-30",
 		children: [/* @__PURE__ */ l("div", {
 			className: "transition-transform duration-300",
 			style: { transform: F },
 			children: /* @__PURE__ */ l("div", {
-				ref: M,
+				ref: j,
 				className: "bg-slate-950 text-white",
 				children: /* @__PURE__ */ u("div", {
 					className: "mx-auto flex max-w-7xl items-center justify-between gap-3 px-4 py-2 text-xs sm:px-6",
@@ -49,18 +49,18 @@ function w({ storefrontConfiguration: r, whatsappHref: w, whatsappPhoneDisplay:
 						}) : /* @__PURE__ */ l("span", {
 							className: "inline-flex items-center rounded-md px-2 py-1 text-destructive",
 							children: a
-						}), w ? /* @__PURE__ */ u("a", {
+						}), C ? /* @__PURE__ */ u("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: w,
+							href: C,
 							target: "_blank",
 							rel: "noreferrer",
-							"aria-label": `WhatsApp${T ? ` ${T}` : ""}`,
+							"aria-label": `WhatsApp${w ? ` ${w}` : ""}`,
 							children: [/* @__PURE__ */ l("img", {
 								src: i,
 								className: "h-5 w-5 shrink-0",
 								alt: "",
 								"aria-hidden": "true"
-							}), T ? /* @__PURE__ */ l("span", { children: T }) : null]
+							}), w ? /* @__PURE__ */ l("span", { children: w }) : null]
 						}) : null]
 					})]
 				})
@@ -83,10 +83,11 @@ function w({ storefrontConfiguration: r, whatsappHref: w, whatsappPhoneDisplay:
 								"aria-hidden": "true"
 							})
 						}) : Q ? null : /* @__PURE__ */ l("span", {
-							className: "inline-flex h-9 w-9 shrink-0 items-center justify-center rounded-xl bg-slate-950 text-white",
-							children: /* @__PURE__ */ l(b, {
-								className: "h-5 w-5",
-								"aria-hidden": "true"
+							className: "inline-flex h-9 w-9 shrink-0 items-center justify-center rounded-lg border-2 border-dashed border-slate-300 bg-slate-50 text-slate-400",
+							children: /* @__PURE__ */ l("span", {
+								className: "text-lg font-semibold leading-none",
+								"aria-hidden": "true",
+								children: "?"
 							})
 						}), /* @__PURE__ */ u("span", {
 							className: "flex min-w-0 flex-col leading-tight",
@@ -109,22 +110,22 @@ function w({ storefrontConfiguration: r, whatsappHref: w, whatsappPhoneDisplay:
 							/* @__PURE__ */ l(h, {
 								className: "hover:text-slate-950",
 								to: `${L}${z}#categories`,
-								children: /* @__PURE__ */ l("span", { children: E("nav_categories") })
+								children: /* @__PURE__ */ l("span", { children: T("nav_categories") })
 							}),
 							/* @__PURE__ */ l(h, {
 								className: "hover:text-slate-950",
 								to: `${L}${z}#featured`,
-								children: /* @__PURE__ */ l("span", { children: E("nav_featured") })
+								children: /* @__PURE__ */ l("span", { children: T("nav_featured") })
 							}),
 							/* @__PURE__ */ l(h, {
 								className: "hover:text-slate-950",
 								to: B,
-								children: /* @__PURE__ */ l("span", { children: E("nav_products") })
+								children: /* @__PURE__ */ l("span", { children: T("nav_products") })
 							}),
 							/* @__PURE__ */ l(h, {
 								className: "hover:text-slate-950",
 								to: `${L}${z}#contact`,
-								children: /* @__PURE__ */ l("span", { children: E("nav_contact") })
+								children: /* @__PURE__ */ l("span", { children: T("nav_contact") })
 							})
 						]
 					}),
@@ -136,24 +137,24 @@ function w({ storefrontConfiguration: r, whatsappHref: w, whatsappPhoneDisplay:
 								size: "sm",
 								className: "hidden sm:inline-flex",
 								onClick: I,
-								children: /* @__PURE__ */ l("span", { children: E("language_toggle") })
+								children: /* @__PURE__ */ l("span", { children: T("language_toggle") })
 							}),
 							/* @__PURE__ */ l(c, {
 								asChild: !0,
 								variant: "outline",
 								size: "sm",
-								className: d("relative gap-2", A > 0 ? "inline-flex" : "hidden"),
+								className: d("relative gap-2", k > 0 ? "inline-flex" : "hidden"),
 								children: /* @__PURE__ */ u(h, {
 									to: V,
 									children: [
-										/* @__PURE__ */ l(x, {
+										/* @__PURE__ */ l(b, {
 											className: "h-4 w-4",
 											"aria-hidden": "true"
 										}),
-										/* @__PURE__ */ l("span", { children: E("cart_button") }),
+										/* @__PURE__ */ l("span", { children: T("cart_button") }),
 										/* @__PURE__ */ l(s, {
 											className: "absolute -right-2 -top-2 h-5 min-w-5 rounded-full px-1.5 text-xs",
-											children: /* @__PURE__ */ l("span", { children: A })
+											children: /* @__PURE__ */ l("span", { children: k })
 										})
 									]
 								})
@@ -164,7 +165,7 @@ function w({ storefrontConfiguration: r, whatsappHref: w, whatsappPhoneDisplay:
 								className: "gap-2",
 								children: /* @__PURE__ */ u(h, {
 									to: B,
-									children: [/* @__PURE__ */ l("span", { children: E("cta_book_now") }), /* @__PURE__ */ l(y, {
+									children: [/* @__PURE__ */ l("span", { children: T("cta_book_now") }), /* @__PURE__ */ l(y, {
 										className: "h-4 w-4",
 										"aria-hidden": "true"
 									})]
@@ -178,4 +179,4 @@ function w({ storefrontConfiguration: r, whatsappHref: w, whatsappPhoneDisplay:
 	});
 }
 //#endregion
-export { w as Header };
+export { C as Header };

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PlaygroundDevFloatingButton/index.tsx"],"names":[],"mappings":"AAsDA,eAAO,MAAM,2BAA2B,sDAiWvC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PlaygroundDevFloatingButton/index.tsx"],"names":[],"mappings":"AAqDA,eAAO,MAAM,2BAA2B,sDAoWvC,CAAA"}

package/dist/components/PlaygroundDevFloatingButton/index.js

@@ -1,12 +1,12 @@
 import { cn as e } from "../../lib/utils.js";
 import { Button as t } from "../../ui/button.js";
 import n from "../../chunks/assets/dev-D2oG3j7S.js";
-import { DEFAULT_PLAYGROUND_DEV_SETTINGS as r, resetPlaygroundDevSettings as i, usePlaygroundDevSettings as a, writePlaygroundDevSettings as o } from "../../lib/playgroundDevSettings.js";
-import { useCallback as s, useEffect as c, useMemo as l, useRef as u, useState as d } from "react";
-import { jsx as f, jsxs as p } from "react/jsx-runtime";
-import m from "interactjs";
+import { resetPlaygroundDevSettings as r, usePlaygroundDevSettings as i, writePlaygroundDevSettings as a } from "../../lib/playgroundDevSettings.js";
+import { useCallback as o, useEffect as s, useMemo as c, useRef as l, useState as u } from "react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import p from "interactjs";
 //#region src/components/PlaygroundDevFloatingButton/index.tsx
-var h = [
+var m = [
 	{
 		value: "current_booking_hero",
 		label: "Current booking hero",
@@ -22,58 +22,58 @@ var h = [
 		label: "Vertical marquee hero",
 		hint: "Keep the overlay booking bar and swap the static image for a vertical animated gallery"
 	}
-], g = () => {
-	let g = a(), [_, v] = d(!1), [y, b] = d({
+], h = () => {
+	let h = i(), [g, _] = u(!1), [v, y] = u({
 		horizontal: "left",
 		vertical: "above"
-	}), x = u(null), S = u(null), C = u(null), w = u(!1), T = u(!1), E = u({
+	}), b = l(null), x = l(null), S = l(null), C = l(!1), w = l(!1), T = l({
 		x: 0,
 		y: 0
-	}), D = u(null), O = u(null), k = g.heroMode !== r.heroMode, A = s((e) => {
-		o({
-			...g,
+	}), E = l(null), D = l(null), O = h.heroMode !== null, k = o((e) => {
+		a({
+			...h,
 			heroMode: e
 		});
-	}, [g]), j = s(() => {
-		x.current != null && (window.clearTimeout(x.current), x.current = null);
-	}, []), M = s(() => {
-		let e = S.current, t = C.current;
+	}, [h]), A = o(() => {
+		b.current != null && (window.clearTimeout(b.current), b.current = null);
+	}, []), j = o(() => {
+		let e = x.current, t = S.current;
 		if (!e || !t || typeof window > "u") return;
 		let n = e.getBoundingClientRect(), r = t.getBoundingClientRect(), i = window.innerWidth, a = n.left + r.width + 16 > i ? "right" : "left", o = n.top - r.height - 16 < 0 ? "below" : "above";
-		b((e) => e.horizontal === a && e.vertical === o ? e : {
+		y((e) => e.horizontal === a && e.vertical === o ? e : {
 			horizontal: a,
 			vertical: o
 		});
-	}, []), N = s(() => {
-		w.current || T.current || (j(), v(!0), window.requestAnimationFrame(() => {
-			M();
+	}, []), M = o(() => {
+		C.current || w.current || (A(), _(!0), window.requestAnimationFrame(() => {
+			j();
 		}));
-	}, [j, M]), P = s(() => {
-		w.current || T.current || (j(), x.current = window.setTimeout(() => {
-			v(!1), x.current = null;
+	}, [A, j]), N = o(() => {
+		C.current || w.current || (A(), b.current = window.setTimeout(() => {
+			_(!1), b.current = null;
 		}, 120));
-	}, [j]), F = s(() => {
-		j(), v(!1);
-	}, [j]);
-	return c(() => {
-		if (!_) return;
-		M();
-		let e = () => M();
+	}, [A]), P = o(() => {
+		A(), _(!1);
+	}, [A]);
+	return s(() => {
+		if (!g) return;
+		j();
+		let e = () => j();
 		return window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
-	}, [_, M]), c(() => () => j(), [j]), c(() => {
-		let e = S.current;
+	}, [g, j]), s(() => () => A(), [A]), s(() => {
+		let e = x.current;
 		if (!e || typeof window > "u") return;
 		let t = e.getBoundingClientRect();
-		D.current = {
+		E.current = {
 			left: t.left,
 			top: t.top,
 			width: t.width,
 			height: t.height
 		};
 		let n = () => {
-			if (!D.current) return E.current;
-			let { left: e, top: t, width: n, height: r } = D.current, i = 8 - e, a = 8 - t, o = window.innerWidth - 8 - n - e, s = window.innerHeight - 8 - r - t, c = Math.min(Math.max(E.current.x, i), o), l = Math.min(Math.max(E.current.y, a), s);
-			return E.current = {
+			if (!E.current) return T.current;
+			let { left: e, top: t, width: n, height: r } = E.current, i = 8 - e, a = 8 - t, o = window.innerWidth - 8 - n - e, s = window.innerHeight - 8 - r - t, c = Math.min(Math.max(T.current.x, i), o), l = Math.min(Math.max(T.current.y, a), s);
+			return T.current = {
 				x: c,
 				y: l
 			}, {
@@ -88,124 +88,131 @@ var h = [
 			let { x: t, y: r } = n();
 			e.style.transform = `translate3d(${t}px, ${r}px, 0)`;
 		}, i = () => {
-			O.current != null && (cancelAnimationFrame(O.current), O.current = null), T.current = !1;
+			D.current != null && (cancelAnimationFrame(D.current), D.current = null), w.current = !1;
 		}, a = window.matchMedia && window.matchMedia("(prefers-reduced-motion: reduce)").matches, o = (t, o) => {
 			if (a) {
-				r(), T.current = !1;
+				r(), w.current = !1;
 				return;
 			}
 			let s = performance.now();
-			T.current = !0;
+			w.current = !0;
 			let c = .92, l = .7, u = (r) => {
 				let a = (r - s) / 1e3;
-				s = r, E.current.x += t * a, E.current.y += o * a;
+				s = r, T.current.x += t * a, T.current.y += o * a;
 				let { minX: d, minY: f, maxX: p, maxY: m } = n();
-				if (E.current.x <= d + .001 && t < 0 ? (E.current.x = d, t = -t * l) : E.current.x >= p - .001 && t > 0 && (E.current.x = p, t = -t * l), E.current.y <= f + .001 && o < 0 ? (E.current.y = f, o = -o * l) : E.current.y >= m - .001 && o > 0 && (E.current.y = m, o = -o * l), t *= c, o *= c, e.style.transform = `translate3d(${E.current.x}px, ${E.current.y}px, 0)`, Math.hypot(t, o) < 20) {
+				if (T.current.x <= d + .001 && t < 0 ? (T.current.x = d, t = -t * l) : T.current.x >= p - .001 && t > 0 && (T.current.x = p, t = -t * l), T.current.y <= f + .001 && o < 0 ? (T.current.y = f, o = -o * l) : T.current.y >= m - .001 && o > 0 && (T.current.y = m, o = -o * l), t *= c, o *= c, e.style.transform = `translate3d(${T.current.x}px, ${T.current.y}px, 0)`, Math.hypot(t, o) < 20) {
 					i();
 					return;
 				}
-				O.current = requestAnimationFrame(u);
+				D.current = requestAnimationFrame(u);
 			};
-			O.current = requestAnimationFrame(u);
-		}, s = m(e).draggable({ inertia: !1 }).styleCursor(!1).on("dragstart", () => {
-			i(), w.current = !0, v(!1), j();
+			D.current = requestAnimationFrame(u);
+		}, s = p(e).draggable({ inertia: !1 }).styleCursor(!1).on("dragstart", () => {
+			i(), C.current = !0, _(!1), A();
 		}).on("dragmove", (e) => {
-			E.current.x += e.dx, E.current.y += e.dy, r();
+			T.current.x += e.dx, T.current.y += e.dy, r();
 		}).on("dragend", (e) => {
 			let t = Number.isFinite(e.velocityX) ? e.velocityX : 0, n = Number.isFinite(e.velocityY) ? e.velocityY : 0;
-			w.current = !1, Math.hypot(t, n) >= 10 ? o(t, n) : (r(), i()), M();
+			C.current = !1, Math.hypot(t, n) >= 10 ? o(t, n) : (r(), i()), j();
 		}), c = () => {
 			let t = e.getBoundingClientRect();
-			D.current = {
-				left: t.left - E.current.x,
-				top: t.top - E.current.y,
+			E.current = {
+				left: t.left - T.current.x,
+				top: t.top - T.current.y,
 				width: t.width,
 				height: t.height
-			}, r(), M();
+			}, r(), j();
 		};
-		return window.addEventListener("resize", c), r(), M(), () => {
+		return window.addEventListener("resize", c), r(), j(), () => {
 			s.unset(), i(), window.removeEventListener("resize", c);
 		};
-	}, [j, M]), l(() => !1, []) ? /* @__PURE__ */ f("div", {
+	}, [A, j]), c(() => !1, []) ? /* @__PURE__ */ d("div", {
 		className: "fixed bottom-4 left-4 z-50 pointer-events-none select-none",
-		children: /* @__PURE__ */ f("div", {
-			ref: S,
+		children: /* @__PURE__ */ d("div", {
+			ref: x,
 			className: "pointer-events-auto",
 			style: { touchAction: "none" },
-			children: /* @__PURE__ */ p("div", {
+			children: /* @__PURE__ */ f("div", {
 				className: "relative",
-				onMouseEnter: N,
-				onMouseLeave: P,
-				onFocusCapture: N,
+				onMouseEnter: M,
+				onMouseLeave: N,
+				onFocusCapture: M,
 				onBlurCapture: (e) => {
 					let t = e.relatedTarget;
-					(!t || !e.currentTarget.contains(t)) && P();
+					(!t || !e.currentTarget.contains(t)) && N();
 				},
-				children: [/* @__PURE__ */ f("button", {
+				children: [/* @__PURE__ */ d("button", {
 					type: "button",
 					"aria-label": "Playground developer tools",
 					className: e("inline-flex h-14 w-14 md:h-12 md:w-12 items-center justify-center rounded-full shadow-lg ring-1 transition-colors p-1 cursor-pointer", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/90 focus-visible:ring-offset-2 focus-visible:ring-offset-pink-600", "bg-pink-600 hover:bg-pink-700 ring-pink-700"),
-					onMouseDown: F,
-					onTouchStart: F,
-					onFocus: N,
+					onMouseDown: P,
+					onTouchStart: P,
+					onFocus: M,
 					onKeyDown: (e) => {
-						e.key === "Escape" && (v(!1), j());
+						e.key === "Escape" && (_(!1), A());
 					},
-					children: /* @__PURE__ */ f("img", {
+					children: /* @__PURE__ */ d("img", {
 						src: n,
 						className: "h-9 w-9 md:h-8 md:w-8",
 						alt: "",
 						draggable: !1
 					})
-				}), /* @__PURE__ */ p("div", {
-					ref: C,
-					className: e("absolute w-80 rounded-xl border border-pink-500/40 bg-gray-950/95 text-gray-100 shadow-xl backdrop-blur-sm transition-all duration-150", y.vertical === "above" ? "bottom-full mb-3" : "top-full mt-3", y.horizontal === "left" ? "left-0" : "right-0", _ ? "pointer-events-auto opacity-100 translate-y-0" : "pointer-events-none opacity-0 translate-y-2"),
-					onMouseEnter: N,
-					onMouseLeave: P,
+				}), /* @__PURE__ */ f("div", {
+					ref: S,
+					className: e("absolute w-80 rounded-xl border border-pink-500/40 bg-gray-950/95 text-gray-100 shadow-xl backdrop-blur-sm transition-all duration-150", v.vertical === "above" ? "bottom-full mb-3" : "top-full mt-3", v.horizontal === "left" ? "left-0" : "right-0", g ? "pointer-events-auto opacity-100 translate-y-0" : "pointer-events-none opacity-0 translate-y-2"),
+					onMouseEnter: M,
+					onMouseLeave: N,
 					children: [
-						/* @__PURE__ */ f("div", {
+						/* @__PURE__ */ d("div", {
 							className: "px-4 py-3 border-b border-pink-500/40",
-							children: /* @__PURE__ */ f("p", {
+							children: /* @__PURE__ */ d("p", {
 								className: "text-sm font-semibold text-pink-200",
 								children: "Playground overrides"
 							})
 						}),
-						/* @__PURE__ */ p("div", {
+						/* @__PURE__ */ f("div", {
 							className: "px-4 py-3 space-y-3",
-							children: [/* @__PURE__ */ f("p", {
-								className: "text-xs font-semibold uppercase tracking-wide text-pink-200",
-								children: "Hero layout"
-							}), h.map((t) => {
-								let n = g.heroMode === t.value;
-								return /* @__PURE__ */ p("label", {
-									className: "flex cursor-pointer items-start gap-3 rounded-lg border border-pink-500/30 p-2",
-									children: [/* @__PURE__ */ f("input", {
-										type: "radio",
-										name: "playground-hero-mode",
-										className: "mt-0.5 h-4 w-4 accent-pink-500",
-										checked: n,
-										onChange: () => A(t.value)
-									}), /* @__PURE__ */ p("span", {
-										className: "flex flex-col gap-1",
-										children: [/* @__PURE__ */ f("span", {
-											className: "text-sm font-medium text-gray-100",
-											children: t.label
+							children: [
+								/* @__PURE__ */ d("p", {
+									className: "text-xs font-semibold uppercase tracking-wide text-pink-200",
+									children: "Hero layout"
+								}),
+								O ? null : /* @__PURE__ */ d("p", {
+									className: "text-xs text-gray-400",
+									children: "Using the saved storefront configuration."
+								}),
+								m.map((t) => {
+									let n = h.heroMode === t.value;
+									return /* @__PURE__ */ f("label", {
+										className: "flex cursor-pointer items-start gap-3 rounded-lg border border-pink-500/30 p-2",
+										children: [/* @__PURE__ */ d("input", {
+											type: "radio",
+											name: "playground-hero-mode",
+											className: "mt-0.5 h-4 w-4 accent-pink-500",
+											checked: n,
+											onChange: () => k(t.value)
 										}), /* @__PURE__ */ f("span", {
-											className: e("text-xs", n ? "text-pink-300" : "text-gray-400"),
-											children: t.hint
+											className: "flex flex-col gap-1",
+											children: [/* @__PURE__ */ d("span", {
+												className: "text-sm font-medium text-gray-100",
+												children: t.label
+											}), /* @__PURE__ */ d("span", {
+												className: e("text-xs", n ? "text-pink-300" : "text-gray-400"),
+												children: t.hint
+											})]
 										})]
-									})]
-								}, t.value);
-							})]
+									}, t.value);
+								})
+							]
 						}),
-						/* @__PURE__ */ f("div", {
+						/* @__PURE__ */ d("div", {
 							className: "px-4 pb-4",
-							children: /* @__PURE__ */ f(t, {
+							children: /* @__PURE__ */ d(t, {
 								type: "button",
 								variant: "outline",
-								className: e("w-full border border-pink-500/60 bg-pink-500/10 text-pink-100 hover:text-white hover:bg-pink-500/30 cursor-pointer", !k && "pointer-events-none opacity-60"),
-								onClick: i,
-								disabled: !k,
+								className: e("w-full border border-pink-500/60 bg-pink-500/10 text-pink-100 hover:text-white hover:bg-pink-500/30 cursor-pointer", !O && "pointer-events-none opacity-60"),
+								onClick: r,
+								disabled: !O,
 								children: "Reset overrides"
 							})
 						})
@@ -216,4 +223,4 @@ var h = [
 	}) : null;
 };
 //#endregion
-export { g as PlaygroundDevFloatingButton };
+export { h as PlaygroundDevFloatingButton };

package/dist/i18n/fr.d.ts

@@ -99,6 +99,7 @@ export declare const storefront: {
     add_to_cart: string;
     add_short: string;
     cart_title: string;
+    cart_items_count_zero: string;
     cart_items_count_one: string;
     cart_items_count_other: string;
     cart_empty: 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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuZtB,CAAA"}
+{"version":3,"file":"fr.d.ts","sourceRoot":"","sources":["../../src/i18n/fr.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwZtB,CAAA"}

package/dist/i18n/fr.js

@@ -58,8 +58,8 @@ var e = {
 	featured_title: "Vélos les plus populaires",
 	featured_description: "Apperçu des vélos les plus loués",
 	featured_view_all: "Voir tous les vélos",
-	about_section_title: "À propos",
-	about_section_heading: "À propos de la vitrine",
+	about_section_title: "Présentation",
+	about_section_heading: "Présentation de la boutique",
 	about_section_fallback: "Présentez ce qui rend votre boutique unique : votre équipe, votre service et ce que les cyclistes peuvent attendre ici.",
 	testimonials: {
 		title: "Nos clients adorent nos vélos et notre service",
@@ -100,6 +100,7 @@ var e = {
 	add_to_cart: "Ajouter au panier",
 	add_short: "Ajouter",
 	cart_title: "Panier",
+	cart_items_count_zero: "{{count}} articles",
 	cart_items_count_one: "{{count}} article",
 	cart_items_count_other: "{{count}} articles",
 	cart_empty: "Votre panier est vide.",

package/dist/index.d.ts

@@ -1892,6 +1892,7 @@ export declare const loader: ({ ctx, params }: LoaderArgs) => Promise<{
             languages?: string[] | undefined;
         } | undefined;
         content?: {
+            heroMode: "current_booking_hero" | "booking_bar_overlay_hero" | "vertical_marquee_hero";
             galleryImageIds: string[];
             whatsappPhone1Enabled: boolean;
             whatsappPhone2Enabled: boolean;
@@ -2792,6 +2793,8 @@ export declare const STOREFRONT_AVAILABILITY_ROUTE = "/api/public/storefront/ava
 
 export declare const STOREFRONT_CHECKOUT_SUBMIT_ROUTE = "/api/public/storefront/checkout/submit";
 
+export declare const STOREFRONT_HERO_MODES: readonly ["current_booking_hero", "booking_bar_overlay_hero", "vertical_marquee_hero"];
+
 export declare const STOREFRONT_IMAGE_ROUTE = "/api/public/storefront/images/get";
 
 export declare const STOREFRONT_PRODUCTS_ROUTE = "/api/public/storefront/products";
@@ -3248,6 +3251,11 @@ export declare const storefrontConfigurationSchema: z.ZodObject<{
         };
     }, unknown>>;
     content: z.ZodOptional<z.ZodObject<{
+        heroMode: z.ZodDefault<z.ZodEnum<{
+            current_booking_hero: "current_booking_hero";
+            booking_bar_overlay_hero: "booking_bar_overlay_hero";
+            vertical_marquee_hero: "vertical_marquee_hero";
+        }>>;
         tagline: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodObject<{
             value: z.ZodString;
             updatedAt: z.ZodCoercedDate<unknown>;
@@ -3354,6 +3362,11 @@ declare type StorefrontContactShop = Pick<StorefrontShop, "address" | "contactPh
 export declare type StorefrontContent = z.infer<typeof storefrontContentSchema>;
 
 export declare const storefrontContentSchema: z.ZodObject<{
+    heroMode: z.ZodDefault<z.ZodEnum<{
+        current_booking_hero: "current_booking_hero";
+        booking_bar_overlay_hero: "booking_bar_overlay_hero";
+        vertical_marquee_hero: "vertical_marquee_hero";
+    }>>;
     tagline: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodObject<{
         value: z.ZodString;
         updatedAt: z.ZodCoercedDate<unknown>;
@@ -4000,6 +4013,7 @@ export declare const storefrontFr: {
     add_to_cart: string;
     add_short: string;
     cart_title: string;
+    cart_items_count_zero: string;
     cart_items_count_one: string;
     cart_items_count_other: string;
     cart_empty: string;
@@ -4286,6 +4300,14 @@ export declare const storefrontFulfillmentModeSchema: z.ZodEnum<{
     delivery: "delivery";
 }>;
 
+export declare type StorefrontHeroMode = z.infer<typeof storefrontHeroModeSchema>;
+
+export declare const storefrontHeroModeSchema: z.ZodEnum<{
+    current_booking_hero: "current_booking_hero";
+    booking_bar_overlay_hero: "booking_bar_overlay_hero";
+    vertical_marquee_hero: "vertical_marquee_hero";
+}>;
+
 declare type StorefrontI18nLanguage = "en" | "fr";
 
 export declare type StorefrontImageRequestPayload = z.infer<typeof storefrontImageRequestSchema>;
@@ -5070,6 +5092,7 @@ export declare function useStorefrontConfig(): {
             languages?: string[] | undefined;
         } | undefined;
         content?: {
+            heroMode: "current_booking_hero" | "booking_bar_overlay_hero" | "vertical_marquee_hero";
             galleryImageIds: string[];
             whatsappPhone1Enabled: boolean;
             whatsappPhone2Enabled: boolean;
@@ -5293,6 +5316,7 @@ export declare function useStorefrontConfig(): {
             languages?: string[] | undefined;
         } | undefined;
         content?: {
+            heroMode: "current_booking_hero" | "booking_bar_overlay_hero" | "vertical_marquee_hero";
             galleryImageIds: string[];
             whatsappPhone1Enabled: boolean;
             whatsappPhone2Enabled: boolean;