@loczer/storefront-sdk 0.212.0 → 0.214.0

package/dist/components/Header/index.js

@@ -3,180 +3,285 @@ import { getLocalizedValue as t } from "../../localization.js";
 import { useStorefrontCart as n } from "../../lib/cart.js";
 import { buildStorefrontImageUrl as r } from "../../lib/storefrontImage.js";
 import i from "../../chunks/assets/whatsapp-m5e0vjnZ.js";
-import { MISSING_SHOP_EMAIL as a } from "../../lib/storefrontMissingValues.js";
-import { formatStorefrontAddressTagline as o } from "../../lib/storefrontAddress.js";
-import { Badge as s } from "../../ui/badge.js";
-import { Button as c } from "../../ui/button.js";
-import { useOptionalStorefront as l } from "../../StorefrontContext.js";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
-import { useMediaQuery as f, useThrottledMeasure as p } from "@rpcbase/client";
-import { Link as m, useLocation as h, useParams as g } from "@rpcbase/router";
-import { useTranslation as _ } from "react-i18next";
-import { cn as v, useScrollHideOnDown as y } from "@rpcbase/ui";
-import { ArrowRight as b, ShoppingCart as ee } from "lucide-react";
+import { MISSING_SHOP_EMAIL as ee } from "../../lib/storefrontMissingValues.js";
+import { formatStorefrontAddressTagline as a } from "../../lib/storefrontAddress.js";
+import { Badge as o } from "../../ui/badge.js";
+import { Button as s } from "../../ui/button.js";
+import { Drawer as te, DrawerClose as c, DrawerContent as ne, DrawerDescription as re, DrawerHeader as ie, DrawerTitle as ae, DrawerTrigger as oe } from "../../ui/drawer.js";
+import { useOptionalStorefront as se } from "../../StorefrontContext.js";
+import { useState as ce } from "react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { useMediaQuery as d, useThrottledMeasure as f } from "@rpcbase/client";
+import { Link as p, useLocation as m, useParams as h } from "@rpcbase/router";
+import { useTranslation as g } from "react-i18next";
+import { cn as _, useScrollHideOnDown as le } from "@rpcbase/ui";
+import { ArrowRight as v, Menu as ue, ShoppingCart as de } from "lucide-react";
 //#region src/components/Header/index.tsx
-var te = 36, x = (e, t) => {
+var fe = 36, y = (e, t) => {
 	let n = e?.trim() ?? "";
 	return n ? r(n, t ?? "") : "";
 };
-function S({ storefrontConfiguration: r, whatsappHref: S, whatsappPhoneDisplay: C }) {
-	let { t: w, i18n: T } = _(), E = l(), { storeSlug: D } = g(), O = h(), { itemCount: k } = n(), A = f("(max-width: 640px)"), [ne, re] = p(), j = re?.height ?? te, M = y({
-		enabled: A,
-		thresholdPx: j
-	}), N = A && M ? `translateY(-${j}px)` : "translateY(0)", P = () => {
-		let e = T.language.startsWith("fr") ? "en" : "fr";
-		T.changeLanguage(e);
-	}, F = `/${D ?? ""}`, I = e(new URLSearchParams(O.search), D), L = I.toString(), R = !!(I.get("start_time")?.trim() && I.get("end_time")?.trim()), z = L ? `?${L}` : "", B = `${F}/booking${z}`, V = `${F}/checkout${z}`, H = r?.shop.name?.trim() ?? "", U = r?.shop.emailAddress?.trim() ?? "", W = r?.workspace?.workspaceLanguage, G = t(r?.content?.tagline, T.language, W).trim(), K = o(r?.shop), q = G || K || "[Missing shop address]", J = !G && !K, Y = t(r?.content?.topBannerMessage, T.language, W).trim() || w("top_bar_message"), X = x(r?.content?.logoWideImageId, D), Z = x(r?.shop.logoImageId ?? r?.content?.logoSquareImageId, D), Q = X.length > 0, $ = Z.length > 0;
-	return /* @__PURE__ */ d("div", {
+function b({ storefrontConfiguration: r, whatsappHref: b, whatsappPhoneDisplay: x }) {
+	let { t: S, i18n: C } = g(), w = se(), { storeSlug: T } = h(), E = m(), { itemCount: D } = n(), O = d("(max-width: 640px)"), [k, A] = ce(!1), [j, M] = f(), N = M?.height ?? fe, P = le({
+		enabled: O,
+		thresholdPx: N
+	}), F = O && P ? `translateY(-${N}px)` : "translateY(0)", I = () => {
+		let e = C.language.startsWith("fr") ? "en" : "fr";
+		C.changeLanguage(e);
+	}, L = `/${T ?? ""}`, R = e(new URLSearchParams(E.search), T), z = R.toString(), B = !!(R.get("start_time")?.trim() && R.get("end_time")?.trim()), V = z ? `?${z}` : "", H = `${L}/booking${V}`, pe = `${L}/checkout${V}`, U = r?.shop.name?.trim() ?? "", W = r?.shop.emailAddress?.trim() ?? "", G = r?.workspace?.workspaceLanguage, K = t(r?.content?.tagline, C.language, G).trim(), q = a(r?.shop), J = K || q || "[Missing shop address]", Y = !K && !q, me = t(r?.content?.topBannerMessage, C.language, G).trim() || S("top_bar_message"), X = y(r?.content?.logoWideImageId, T), Z = y(r?.shop.logoImageId ?? r?.content?.logoSquareImageId, T), Q = X.length > 0, $ = Z.length > 0, he = [
+		{
+			label: S("nav_categories"),
+			to: `${L}${V}#categories`
+		},
+		{
+			label: S("nav_featured"),
+			to: `${L}${V}#featured`
+		},
+		{
+			label: S("nav_products"),
+			to: H
+		},
+		...(w?.itineraries.length ?? 0) > 0 ? [{
+			label: S("nav_itineraries"),
+			to: `${L}/itineraries`
+		}] : [],
+		{
+			label: S("nav_contact"),
+			to: `${L}${V}#contact`
+		}
+	];
+	return /* @__PURE__ */ u("div", {
 		className: "sticky top-0 z-30",
-		children: [/* @__PURE__ */ u("div", {
+		children: [/* @__PURE__ */ l("div", {
 			className: "transition-transform duration-300",
-			style: { transform: N },
-			children: /* @__PURE__ */ u("div", {
-				ref: ne,
+			style: { transform: F },
+			children: /* @__PURE__ */ l("div", {
+				ref: j,
 				className: "bg-slate-950 text-white",
-				children: /* @__PURE__ */ d("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__ */ u("p", {
-						className: "flex items-center gap-2",
-						children: /* @__PURE__ */ u("span", { children: Y })
-					}), /* @__PURE__ */ d("div", {
+				children: /* @__PURE__ */ u("div", {
+					className: "mx-auto flex max-w-7xl items-center justify-start gap-3 px-4 py-2 text-left text-xs leading-4 sm:justify-between sm:px-6",
+					children: [/* @__PURE__ */ l("p", {
+						className: "w-full min-w-0 break-words sm:w-auto",
+						children: /* @__PURE__ */ l("span", { children: me })
+					}), /* @__PURE__ */ u("div", {
 						className: "hidden items-center gap-4 sm:flex",
-						children: [S ? /* @__PURE__ */ d("a", {
+						children: [b ? /* @__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: S,
+							href: b,
 							target: "_blank",
 							rel: "noreferrer",
-							"aria-label": `WhatsApp${C ? ` ${C}` : ""}`,
-							children: [/* @__PURE__ */ u("img", {
+							"aria-label": `WhatsApp${x ? ` ${x}` : ""}`,
+							children: [/* @__PURE__ */ l("img", {
 								src: i,
 								className: "h-5 w-5 shrink-0",
 								alt: "",
 								"aria-hidden": "true"
-							}), C ? /* @__PURE__ */ u("span", { children: C }) : null]
-						}) : null, U ? /* @__PURE__ */ u("a", {
+							}), x ? /* @__PURE__ */ l("span", { children: x }) : null]
+						}) : null, W ? /* @__PURE__ */ l("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:${U}`,
-							"aria-label": U,
-							children: /* @__PURE__ */ u("span", { children: U })
-						}) : /* @__PURE__ */ u("span", {
+							href: `mailto:${W}`,
+							"aria-label": W,
+							children: /* @__PURE__ */ l("span", { children: W })
+						}) : /* @__PURE__ */ l("span", {
 							className: "inline-flex items-center rounded-md px-2 py-1 text-destructive",
-							children: a
+							children: ee
 						})]
 					})]
 				})
 			})
-		}), /* @__PURE__ */ u("header", {
+		}), /* @__PURE__ */ l("header", {
 			className: "sticky top-0 z-30 border-b bg-white/90 backdrop-blur transition-transform duration-300",
-			style: { transform: N },
-			children: /* @__PURE__ */ d("div", {
-				className: "mx-auto flex max-w-7xl items-center justify-between gap-4 px-4 py-3 sm:px-6",
+			style: { transform: F },
+			children: /* @__PURE__ */ u("div", {
+				className: "mx-auto flex max-w-7xl min-w-0 items-center gap-2 px-4 py-3 sm:gap-4 sm:px-6",
 				children: [
-					/* @__PURE__ */ d(m, {
-						to: F,
-						className: "flex min-w-0 items-center gap-3",
-						children: [$ ? /* @__PURE__ */ u("span", {
+					/* @__PURE__ */ u(p, {
+						to: L,
+						className: "flex min-w-0 flex-1 items-center gap-2 sm:gap-3",
+						children: [$ ? /* @__PURE__ */ l("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__ */ u("img", {
+							children: /* @__PURE__ */ l("img", {
 								src: Z,
 								alt: "",
 								className: "h-full w-full object-contain",
 								"aria-hidden": "true"
 							})
-						}) : Q ? null : /* @__PURE__ */ u("span", {
+						}) : Q ? null : /* @__PURE__ */ l("span", {
 							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__ */ u("span", {
+							children: /* @__PURE__ */ l("span", {
 								className: "text-lg font-semibold leading-none",
 								"aria-hidden": "true",
 								children: "?"
 							})
-						}), /* @__PURE__ */ d("span", {
+						}), /* @__PURE__ */ u("span", {
 							className: "flex min-w-0 flex-col leading-tight",
-							children: [Q && !$ ? /* @__PURE__ */ u("img", {
+							children: [Q && !$ ? /* @__PURE__ */ l("img", {
 								src: X,
-								alt: H,
+								alt: U,
 								className: "h-8 max-w-[10rem] object-contain object-left sm:max-w-[14rem]"
-							}) : /* @__PURE__ */ u("span", {
+							}) : /* @__PURE__ */ l("span", {
 								className: "truncate text-sm font-semibold",
-								children: H
-							}), /* @__PURE__ */ u("span", {
-								className: v("truncate text-xs text-slate-600", J && "text-destructive"),
-								children: q
+								children: U
+							}), /* @__PURE__ */ l("span", {
+								className: _("truncate text-xs text-slate-600", Y && "text-destructive"),
+								children: J
 							})]
 						})]
 					}),
-					/* @__PURE__ */ d("nav", {
+					/* @__PURE__ */ u("nav", {
 						className: "hidden items-center gap-6 text-sm font-medium text-slate-700 md:flex",
 						children: [
-							/* @__PURE__ */ u(m, {
+							/* @__PURE__ */ l(p, {
 								className: "hover:text-slate-950",
-								to: `${F}${z}#categories`,
-								children: /* @__PURE__ */ u("span", { children: w("nav_categories") })
+								to: `${L}${V}#categories`,
+								children: /* @__PURE__ */ l("span", { children: S("nav_categories") })
 							}),
-							/* @__PURE__ */ u(m, {
+							/* @__PURE__ */ l(p, {
 								className: "hover:text-slate-950",
-								to: `${F}${z}#featured`,
-								children: /* @__PURE__ */ u("span", { children: w("nav_featured") })
+								to: `${L}${V}#featured`,
+								children: /* @__PURE__ */ l("span", { children: S("nav_featured") })
 							}),
-							/* @__PURE__ */ u(m, {
+							/* @__PURE__ */ l(p, {
 								className: "hover:text-slate-950",
-								to: B,
-								children: /* @__PURE__ */ u("span", { children: w("nav_products") })
+								to: H,
+								children: /* @__PURE__ */ l("span", { children: S("nav_products") })
 							}),
-							(E?.itineraries.length ?? 0) > 0 ? /* @__PURE__ */ u(m, {
+							(w?.itineraries.length ?? 0) > 0 ? /* @__PURE__ */ l(p, {
 								className: "hover:text-slate-950",
-								to: `${F}/itineraries`,
-								children: /* @__PURE__ */ u("span", { children: w("nav_itineraries") })
+								to: `${L}/itineraries`,
+								children: /* @__PURE__ */ l("span", { children: S("nav_itineraries") })
 							}) : null,
-							/* @__PURE__ */ u(m, {
+							/* @__PURE__ */ l(p, {
 								className: "hover:text-slate-950",
-								to: `${F}${z}#contact`,
-								children: /* @__PURE__ */ u("span", { children: w("nav_contact") })
+								to: `${L}${V}#contact`,
+								children: /* @__PURE__ */ l("span", { children: S("nav_contact") })
 							})
 						]
 					}),
-					/* @__PURE__ */ d("div", {
-						className: "flex items-center gap-2",
+					/* @__PURE__ */ u("div", {
+						className: "flex shrink-0 items-center gap-1.5 sm:gap-2",
 						children: [
-							/* @__PURE__ */ u(c, {
+							/* @__PURE__ */ l(s, {
 								variant: "outline",
 								size: "sm",
 								className: "hidden sm:inline-flex",
-								onClick: P,
-								children: /* @__PURE__ */ u("span", { children: w("language_toggle") })
+								onClick: I,
+								children: /* @__PURE__ */ l("span", { children: S("language_toggle") })
 							}),
-							/* @__PURE__ */ u(c, {
+							/* @__PURE__ */ l(s, {
 								asChild: !0,
 								variant: "outline",
 								size: "sm",
-								className: v("relative gap-2", k > 0 && R ? "inline-flex" : "hidden"),
-								children: /* @__PURE__ */ d(m, {
-									to: V,
-									state: { showCheckoutSummary: !0 },
+								className: _("relative h-9 w-9 gap-2 px-0 sm:w-auto sm:px-3", D > 0 && B ? "inline-flex" : "hidden"),
+								children: /* @__PURE__ */ u(p, {
+									to: pe,
+									"aria-label": `${S("cart_button")} (${D})`,
 									children: [
-										/* @__PURE__ */ u(ee, {
+										/* @__PURE__ */ l(de, {
 											className: "h-4 w-4",
 											"aria-hidden": "true"
 										}),
-										/* @__PURE__ */ u("span", { children: w("cart_button") }),
-										/* @__PURE__ */ u(s, {
+										/* @__PURE__ */ l("span", {
+											className: "hidden sm:inline",
+											children: S("cart_button")
+										}),
+										/* @__PURE__ */ l(o, {
 											className: "absolute -right-2 -top-2 h-5 min-w-5 rounded-full px-1.5 text-xs",
-											children: /* @__PURE__ */ u("span", { children: k })
+											children: /* @__PURE__ */ l("span", { children: D })
 										})
 									]
 								})
 							}),
-							/* @__PURE__ */ u(c, {
+							/* @__PURE__ */ l(s, {
 								asChild: !0,
 								size: "sm",
-								className: "gap-2",
-								children: /* @__PURE__ */ d(m, {
-									to: B,
-									children: [/* @__PURE__ */ u("span", { children: w("cta_book_now") }), /* @__PURE__ */ u(b, {
-										className: "h-4 w-4",
-										"aria-hidden": "true"
-									})]
+								className: "h-9 gap-1.5 px-2 sm:gap-2 sm:px-3",
+								children: /* @__PURE__ */ u(p, {
+									to: H,
+									"aria-label": S("cta_book_now"),
+									children: [
+										/* @__PURE__ */ l("span", {
+											className: "sm:hidden",
+											children: S("cta_book_short")
+										}),
+										/* @__PURE__ */ l("span", {
+											className: "hidden sm:inline",
+											children: S("cta_book_now")
+										}),
+										/* @__PURE__ */ l(v, {
+											className: "h-4 w-4",
+											"aria-hidden": "true"
+										})
+									]
 								})
+							}),
+							/* @__PURE__ */ u(te, {
+								open: k,
+								onOpenChange: A,
+								direction: "right",
+								children: [/* @__PURE__ */ l(oe, {
+									asChild: !0,
+									children: /* @__PURE__ */ l(s, {
+										type: "button",
+										variant: "outline",
+										size: "icon",
+										className: "h-9 w-9 md:hidden",
+										"aria-label": S("mobile_menu_open"),
+										children: /* @__PURE__ */ l(ue, {
+											className: "h-4 w-4",
+											"aria-hidden": "true"
+										})
+									})
+								}), /* @__PURE__ */ u(ne, {
+									className: "w-[min(22rem,calc(100vw-1.5rem))] bg-white",
+									"aria-label": S("mobile_menu_label"),
+									closeLabel: S("mobile_menu_close"),
+									showCloseButton: !0,
+									children: [
+										/* @__PURE__ */ u(ie, {
+											className: "border-b border-slate-200 px-5 pb-4 pt-6 text-left",
+											children: [/* @__PURE__ */ l(ae, { children: U }), /* @__PURE__ */ l(re, {
+												className: "break-words",
+												children: J
+											})]
+										}),
+										/* @__PURE__ */ l("nav", {
+											className: "grid gap-1 overflow-y-auto p-3",
+											"aria-label": S("mobile_menu_label"),
+											children: he.map((e) => /* @__PURE__ */ l(c, {
+												asChild: !0,
+												children: /* @__PURE__ */ l(p, {
+													to: e.to,
+													className: "flex min-h-11 items-center rounded-lg px-3 py-2 text-sm font-medium text-slate-700 transition-colors hover:bg-slate-100 hover:text-slate-950",
+													children: e.label
+												})
+											}, `${e.to}-${e.label}`))
+										}),
+										/* @__PURE__ */ u("div", {
+											className: "mt-auto grid gap-3 border-t border-slate-200 p-4",
+											children: [/* @__PURE__ */ l(c, {
+												asChild: !0,
+												children: /* @__PURE__ */ l(s, {
+													asChild: !0,
+													className: "w-full gap-2",
+													children: /* @__PURE__ */ u(p, {
+														to: H,
+														children: [/* @__PURE__ */ l("span", { children: S("cta_book_now") }), /* @__PURE__ */ l(v, {
+															className: "h-4 w-4",
+															"aria-hidden": "true"
+														})]
+													})
+												})
+											}), /* @__PURE__ */ l(s, {
+												type: "button",
+												variant: "outline",
+												className: "w-full",
+												onClick: I,
+												children: /* @__PURE__ */ l("span", { children: S("language_toggle") })
+											})]
+										})
+									]
+								})]
 							})
 						]
 					})
@@ -186,4 +291,4 @@ function S({ storefrontConfiguration: r, whatsappHref: S, whatsappPhoneDisplay:
 	});
 }
 //#endregion
-export { S as Header };
+export { b as Header };

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/index.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,oBAAoB,CAAA;AAGvE,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAA;AAItE,KAAK,WAAW,GAAG;IACjB,uBAAuB,CAAC,EAAE,uBAAuB,CAAA;IACjD,kBAAkB,EAAE,6BAA6B,CAAA;CAClD,CAAA;AAED,wBAAgB,MAAM,CAAC,EACrB,uBAAuB,EACvB,kBAAkB,GACnB,EAAE,WAAW,2CAiEb"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/index.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,oBAAoB,CAAA;AAGvE,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAA;AAItE,KAAK,WAAW,GAAG;IACjB,uBAAuB,CAAC,EAAE,uBAAuB,CAAA;IACjD,kBAAkB,EAAE,6BAA6B,CAAA;CAClD,CAAA;AAED,wBAAgB,MAAM,CAAC,EACrB,uBAAuB,EACvB,kBAAkB,GACnB,EAAE,WAAW,2CAkEb"}

package/dist/components/Layout/index.js

@@ -34,7 +34,7 @@ function b({ storefrontConfiguration: b, storefrontProducts: x }) {
 		storeSlug: S ?? "",
 		products: x,
 		children: /* @__PURE__ */ f("div", {
-			className: `loczer-storefront flex flex-col bg-background text-foreground ${O && !k ? "h-dvh overflow-hidden" : "min-h-screen"}`,
+			className: `loczer-storefront flex w-full min-w-0 flex-col overflow-x-clip bg-background text-foreground ${O && !k ? "h-dvh overflow-hidden" : "min-h-screen"}`,
 			children: O ? /* @__PURE__ */ f("main", {
 				className: `flex-1 ${k ? "bg-white" : "overflow-hidden"}`,
 				children: /* @__PURE__ */ f(h, {})
@@ -45,10 +45,11 @@ function b({ storefrontConfiguration: b, storefrontProducts: x }) {
 					whatsappPhoneDisplay: E?.phoneDisplay
 				}),
 				/* @__PURE__ */ f("main", {
-					className: "flex-1",
+					className: "min-w-0 flex-1",
 					children: /* @__PURE__ */ f(h, {})
 				}),
 				/* @__PURE__ */ f(n, {
+					storeSlug: S,
 					shop: b?.shop,
 					whatsappHref: D,
 					whatsappPhoneDisplay: E?.phoneDisplay,

package/dist/components/PlatformFooter/index.js

@@ -4,12 +4,12 @@ import { useTranslation as r } from "react-i18next";
 //#region src/components/PlatformFooter/index.tsx
 var i = "https://loczer.com", a = 2025, o = {
 	en: {
-		terms: "terms-of-use",
-		privacy: "privacy-policy"
+		legalMentions: "en/legal-notice",
+		privacy: "en/privacy-policy"
 	},
 	fr: {
-		terms: "conditions-d-utilisation",
-		privacy: "politique-de-confidentialite"
+		legalMentions: "fr/mentions-legales",
+		privacy: "fr/politique-de-confidentialite"
 	}
 };
 function s() {
@@ -34,10 +34,10 @@ function s() {
 						className: "flex flex-wrap items-center gap-x-4 gap-y-1 sm:justify-end",
 						children: [/* @__PURE__ */ t("a", {
 							className: "hover:text-white",
-							href: `${i}/${l.terms}`,
+							href: `${i}/${l.legalMentions}`,
 							target: "_blank",
 							rel: "noopener noreferrer",
-							children: /* @__PURE__ */ t("span", { children: s("platform_footer_terms") })
+							children: /* @__PURE__ */ t("span", { children: s("platform_footer_legal_mentions") })
 						}), /* @__PURE__ */ t("a", {
 							className: "hover:text-white",
 							href: `${i}/${l.privacy}`,

package/dist/components/ProductPriceBadge/index.js

@@ -65,24 +65,30 @@ var le = 180, h = "(max-width: 767px)", g = "loczer:storefront:product-price-pop
 		j(!1);
 	}, [D]), !V) return typeof b == "number" ? /* @__PURE__ */ l(i, {
 		variant: "outline",
-		className: f("border-slate-200 bg-white text-slate-700", x),
-		children: /* @__PURE__ */ l("span", { children: C("price_from", {
-			price: n(b, w.language),
-			unit: R
-		}) })
+		className: f("min-w-0 max-w-full border-slate-200 bg-white text-slate-700", x),
+		children: /* @__PURE__ */ l("span", {
+			className: "truncate",
+			children: C("price_from", {
+				price: n(b, w.language),
+				unit: R
+			})
+		})
 	}) : null;
-	let Y = f(a({ 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", B.length > 0 && "cursor-pointer", x), X = E?.storefrontConfiguration.shop.emailAddress?.trim(), Z = E?.storefrontConfiguration.shop.contactPhone1?.trim(), _e = !!(X || Z), Q = () => /* @__PURE__ */ u(re, { children: [
+	let Y = f(a({ variant: "outline" }), "min-w-0 max-w-full 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", B.length > 0 && "cursor-pointer", x), X = E?.storefrontConfiguration.shop.emailAddress?.trim(), Z = E?.storefrontConfiguration.shop.contactPhone1?.trim(), _e = !!(X || Z), Q = () => /* @__PURE__ */ u(re, { children: [
 		/* @__PURE__ */ l("span", {
-			className: "font-semibold",
+			className: "shrink-0 font-semibold",
 			children: V
 		}),
 		H ? /* @__PURE__ */ u("span", {
-			className: "inline-flex items-center gap-1 text-slate-500",
+			className: "inline-flex min-w-0 items-center gap-1 text-slate-500",
 			children: [/* @__PURE__ */ l(ce, {
-				className: "h-3 w-3",
+				className: "h-3 w-3 shrink-0",
 				strokeWidth: 2.4,
 				"aria-hidden": "true"
-			}), /* @__PURE__ */ l("span", { children: C("price_then", { price: H }) })]
+			}), /* @__PURE__ */ l("span", {
+				className: "truncate",
+				children: C("price_then", { price: H })
+			})]
 		}) : null,
 		B.length > 0 ? /* @__PURE__ */ l("span", {
 			ref: P,

package/dist/components/StorefrontCancellationPolicyNotice/index.js

@@ -1,5 +1,5 @@
 import { Button as e } from "../../ui/button.js";
-import { ResponsiveDialog as t, ResponsiveDialogContent as n, ResponsiveDialogDescription as r, ResponsiveDialogFooter as i, ResponsiveDialogHeader as a, ResponsiveDialogTitle as o } from "../../chunks/pkg/ui/dist/ResponsiveDialog-BVwhTZQo.js";
+import { ResponsiveDialog as t, ResponsiveDialogContent as n, ResponsiveDialogDescription as r, ResponsiveDialogFooter as i, ResponsiveDialogHeader as a, ResponsiveDialogTitle as o } from "../../chunks/pkg/ui/dist/ResponsiveDialog-BJ0RG6gh.js";
 import { jsx as s, jsxs as c } from "react/jsx-runtime";
 import { useSearchParams as l } from "@rpcbase/router";
 import { useTranslation as u } from "react-i18next";

package/dist/components/StorefrontInsuranceNotice/index.js

@@ -1,6 +1,6 @@
 import { formatStorefrontPriceMinor as e } from "../../lib/pricing.js";
 import { Button as t } from "../../ui/button.js";
-import { ResponsiveDialog as n, ResponsiveDialogContent as r, ResponsiveDialogDescription as i, ResponsiveDialogFooter as a, ResponsiveDialogHeader as o, ResponsiveDialogTitle as s } from "../../chunks/pkg/ui/dist/ResponsiveDialog-BVwhTZQo.js";
+import { ResponsiveDialog as n, ResponsiveDialogContent as r, ResponsiveDialogDescription as i, ResponsiveDialogFooter as a, ResponsiveDialogHeader as o, ResponsiveDialogTitle as s } from "../../chunks/pkg/ui/dist/ResponsiveDialog-BJ0RG6gh.js";
 import { jsx as c, jsxs as l } from "react/jsx-runtime";
 import { useSearchParams as u } from "@rpcbase/router";
 import { useTranslation as d } from "react-i18next";

package/dist/components/StorefrontPopupMessages/index.js

@@ -2,7 +2,7 @@ import { getLocalizedEntry as e, getLocalizedValue as t } from "../../localizati
 import { buildStorefrontImageUrl as n } from "../../lib/storefrontImage.js";
 import { Button as r } from "../../ui/button.js";
 import { isAutomationRuntime as i } from "../../lib/isAutomationRuntime.js";
-import { ResponsiveDialog as a, ResponsiveDialogContent as o, ResponsiveDialogDescription as s, ResponsiveDialogFooter as c, ResponsiveDialogHeader as l, ResponsiveDialogTitle as u } from "../../chunks/pkg/ui/dist/ResponsiveDialog-BVwhTZQo.js";
+import { ResponsiveDialog as a, ResponsiveDialogContent as o, ResponsiveDialogDescription as s, ResponsiveDialogFooter as c, ResponsiveDialogHeader as l, ResponsiveDialogTitle as u } from "../../chunks/pkg/ui/dist/ResponsiveDialog-BJ0RG6gh.js";
 import { useEffect as d, useState as f } from "react";
 import { jsx as p, jsxs as m } from "react/jsx-runtime";
 import { useLocation as h, useParams as g } from "@rpcbase/router";

package/dist/i18n/en.d.ts

@@ -11,6 +11,10 @@ export declare const storefront: {
     nav_contact: string;
     language_toggle: string;
     cta_book_now: string;
+    cta_book_short: string;
+    mobile_menu_open: string;
+    mobile_menu_close: string;
+    mobile_menu_label: string;
     cart_button: string;
     checkout_button: string;
     storefront_popup_title_fallback: string;
@@ -75,7 +79,9 @@ export declare const storefront: {
     booking_time_slots_required: string;
     booking_selected_days_tooltip_one: string;
     booking_selected_days_tooltip_other: string;
-    booking_minimum_duration: string;
+    booking_rental_period: string;
+    booking_date_drawer_continue: string;
+    booking_date_drawer_close: string;
     booking_submit: string;
     flow_step_booking: string;
     flow_step_checkout: string;
@@ -363,8 +369,11 @@ export declare const storefront: {
     contact_form_validation_phone_invalid: string;
     contact_form_validation_message_required: string;
     contact_form_validation_message_too_long: string;
-    footer_brand_title: string;
-    footer_brand_description: string;
+    footer_information_title: string;
+    rental_terms_title: string;
+    rental_terms_description: string;
+    rental_terms_effective_date: string;
+    rental_terms_unavailable: string;
     footer_contact_title: string;
     footer_whatsapp_link: string;
     footer_hours_title: string;
@@ -375,7 +384,7 @@ export declare const storefront: {
     footer_hours_week: string;
     footer_hours_weekend: string;
     platform_footer_powered_by: string;
-    platform_footer_terms: string;
+    platform_footer_legal_mentions: string;
     platform_footer_privacy: string;
     platform_footer_tagline: string;
     secure_payment_link: {

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

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

package/dist/i18n/en.js

@@ -12,6 +12,10 @@ var e = {
 	nav_contact: "Contact",
 	language_toggle: "FR/EN",
 	cta_book_now: "Book now",
+	cta_book_short: "Book",
+	mobile_menu_open: "Open navigation menu",
+	mobile_menu_close: "Close navigation menu",
+	mobile_menu_label: "Store navigation",
 	cart_button: "Cart",
 	checkout_button: "Checkout",
 	storefront_popup_title_fallback: "Update",
@@ -76,7 +80,9 @@ var e = {
 	booking_time_slots_required: "Select available start and return times before continuing.",
 	booking_selected_days_tooltip_one: "{{count}} day",
 	booking_selected_days_tooltip_other: "{{count}} days",
-	booking_minimum_duration: "Minimum booking length: {{hours}} hours.",
+	booking_rental_period: "Rental period",
+	booking_date_drawer_continue: "Continue",
+	booking_date_drawer_close: "Close calendar",
 	booking_submit: "See available bikes",
 	flow_step_booking: "Booking",
 	flow_step_checkout: "Confirmation & Payment",
@@ -364,8 +370,11 @@ var e = {
 	contact_form_validation_phone_invalid: "Invalid phone number.",
 	contact_form_validation_message_required: "Message is required.",
 	contact_form_validation_message_too_long: "Message is too long.",
-	footer_brand_title: "Need help choosing?",
-	footer_brand_description: "Contact us and we’ll help you pick the right bikes and accessories.",
+	footer_information_title: "Information",
+	rental_terms_title: "Rental terms",
+	rental_terms_description: "These terms govern bookings and rentals provided by {{shop_name}}.",
+	rental_terms_effective_date: "Version in effect on {{date}}.",
+	rental_terms_unavailable: "The rental terms have not been published yet.",
 	footer_contact_title: "Contact",
 	footer_whatsapp_link: "WhatsApp",
 	footer_hours_title: "Opening hours",
@@ -376,7 +385,7 @@ var e = {
 	footer_hours_week: "Mon–Fri: 10:00–18:30",
 	footer_hours_weekend: "Sat–Sun: 10:00–18:30",
 	platform_footer_powered_by: "Powered by LOCZER",
-	platform_footer_terms: "Terms of use",
+	platform_footer_legal_mentions: "Legal notice",
 	platform_footer_privacy: "Privacy policy",
 	platform_footer_tagline: "The software that runs bike rental shops.",
 	secure_payment_link: {