@loczer/storefront-sdk 0.208.0 → 0.210.0

package/dist/components/ProductPriceBadge/index.js

@@ -1,110 +1,113 @@
-import { buildDailyPriceRows as e, buildPriceTierLabels as t, formatStorefrontPriceMinor as n } from "../../lib/pricing.js";
-import { Badge as r, badgeVariants as i } from "../../ui/badge.js";
-import { useOptionalStorefront as a } from "../../StorefrontContext.js";
-import { useEffect as o, useId as ee, useRef as s, useState as c } from "react";
-import { Fragment as te, jsx as l, jsxs as u } from "react/jsx-runtime";
+import { buildPriceTierLabels as e, buildRentalPriceRows as t, formatRentalUnitQuantity as ee, formatStorefrontPriceMinor as n, getPricingUnitLabel as r } from "../../lib/pricing.js";
+import { Badge as i, badgeVariants as a } from "../../ui/badge.js";
+import { useOptionalStorefront as te } from "../../StorefrontContext.js";
+import { useEffect as o, useId as ne, useRef as s, useState as c } from "react";
+import { Fragment as re, jsx as l, jsxs as u } from "react/jsx-runtime";
 import { useMediaQuery as d } from "@rpcbase/client";
-import { useTranslation as ne } from "react-i18next";
+import { useTranslation as ie } from "react-i18next";
 import { cn as f } from "@rpcbase/ui";
-import { Info as re, Mail as p, Phone as m, TrendingDown as h } from "lucide-react";
-import { Drawer as g } from "@base-ui/react/drawer";
-import { Popover as _ } from "@base-ui/react/popover";
+import { Info as ae, Mail as oe, Phone as se, TrendingDown as ce } from "lucide-react";
+import { Drawer as p } from "@base-ui/react/drawer";
+import { Popover as m } from "@base-ui/react/popover";
 //#region src/components/ProductPriceBadge/index.tsx
-var ie = 180, ae = "(max-width: 767px)", v = "loczer:storefront:product-price-popover-open", y = (e) => typeof Node < "u" && e instanceof Node, b = (e) => {
-	typeof window > "u" || window.dispatchEvent(new CustomEvent(v, { detail: { id: e } }));
-}, x = ({ prices: x, minPriceMinor: S, className: C, openOnHover: w = !0 }) => {
-	let { t: T, i18n: E } = ne(), D = ee(), O = a(), oe = d(ae), se = d("(hover: none), (pointer: coarse)"), k = !!(oe || se), [A, j] = c(null), [M, N] = c(!1), P = s(null), F = s(null), I = s(null), L = s(null), R = A !== null, z = t(x, E.language, T), B = e(x, E.language), V = z[0], H = z[1], U = () => {
-		P.current &&= (clearTimeout(P.current), null);
+var le = 180, h = "(max-width: 767px)", g = "loczer:storefront:product-price-popover-open", _ = (e) => typeof Node < "u" && e instanceof Node, v = (e) => {
+	typeof window > "u" || window.dispatchEvent(new CustomEvent(g, { detail: { id: e } }));
+}, y = ({ prices: y, minPriceMinor: b, className: x, openOnHover: S = !0 }) => {
+	let { t: C, i18n: w } = ie(), T = ne(), E = te(), ue = d(h), de = d("(hover: none), (pointer: coarse)"), D = !!(ue || de), [O, k] = c(null), [A, j] = c(!1), M = s(null), N = s(null), P = s(null), F = s(null), I = O !== null, L = E?.storefrontConfiguration.bookingEngine.pricing.baseUnit ?? "day", R = r(L, C), z = e(y, w.language, C, L), B = t(y, w.language, L), V = z[0], H = z[1], U = () => {
+		M.current &&= (clearTimeout(M.current), null);
 	}, W = (e) => {
-		k || (U(), j((t) => t === "click" ? t : e), b(D));
+		D || (U(), k((t) => t === "click" ? t : e), v(T));
 	}, G = () => {
-		U(), j(null);
-	}, ce = () => {
-		U(), N(!0), b(D);
-	}, le = () => {
-		N(!1);
-	}, ue = () => {
-		!w || R || W("hover");
-	}, de = (e) => y(e) ? !!(F.current?.contains(e) || L.current?.contains(e)) : !1, K = (e) => y(e) ? !!(I.current?.contains(e) || L.current?.contains(e)) : !1, q = (e) => {
-		A !== "hover" || K(e) || (U(), P.current = setTimeout(() => {
-			j((e) => e === "hover" ? null : e), P.current = null;
-		}, ie));
+		U(), k(null);
+	}, fe = () => {
+		U(), j(!0), v(T);
+	}, pe = () => {
+		j(!1);
+	}, me = () => {
+		!S || I || W("hover");
+	}, he = (e) => _(e) ? !!(N.current?.contains(e) || F.current?.contains(e)) : !1, K = (e) => _(e) ? !!(P.current?.contains(e) || F.current?.contains(e)) : !1, q = (e) => {
+		O !== "hover" || K(e) || (U(), M.current = setTimeout(() => {
+			k((e) => e === "hover" ? null : e), M.current = null;
+		}, le));
 	}, J = (e) => {
 		q(e?.relatedTarget);
-	}, fe = (e) => {
+	}, ge = (e) => {
 		let t = e.relatedTarget ?? document.activeElement;
-		de(t) || G();
+		he(t) || G();
 	};
 	if (o(() => {
 		if (typeof window > "u") return () => {
 			U();
 		};
 		let e = (e) => {
-			e.detail?.id !== D && (U(), j(null), N(!1));
+			e.detail?.id !== T && (U(), k(null), j(!1));
 		};
-		return window.addEventListener(v, e), () => {
-			window.removeEventListener(v, e), U();
+		return window.addEventListener(g, e), () => {
+			window.removeEventListener(g, e), U();
 		};
-	}, [D]), o(() => {
-		if (A !== "hover" || typeof window > "u") return;
+	}, [T]), o(() => {
+		if (O !== "hover" || typeof window > "u") return;
 		let e = (e) => {
 			if (K(e.target)) {
 				U();
 				return;
 			}
-			P.current || q(e.target);
+			M.current || q(e.target);
 		};
 		return window.addEventListener("pointermove", e, { passive: !0 }), window.addEventListener("mousemove", e, { passive: !0 }), () => {
 			window.removeEventListener("pointermove", e), window.removeEventListener("mousemove", e);
 		};
-	}, [A]), o(() => {
-		if (k) {
-			U(), j(null);
+	}, [O]), o(() => {
+		if (D) {
+			U(), k(null);
 			return;
 		}
-		N(!1);
-	}, [k]), !V) return typeof S == "number" ? /* @__PURE__ */ l(r, {
+		j(!1);
+	}, [D]), !V) return typeof b == "number" ? /* @__PURE__ */ l(i, {
 		variant: "outline",
-		className: f("border-slate-200 bg-white text-slate-700", C),
-		children: /* @__PURE__ */ l("span", { children: T("price_from", { price: n(S, E.language) }) })
+		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
+		}) })
 	}) : null;
-	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", B.length > 0 && "cursor-pointer", C), X = O?.storefrontConfiguration.shop.emailAddress?.trim(), Z = O?.storefrontConfiguration.shop.contactPhone1?.trim(), pe = !!(X || Z), Q = () => /* @__PURE__ */ u(te, { children: [
+	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: [
 		/* @__PURE__ */ l("span", {
 			className: "font-semibold",
 			children: V
 		}),
 		H ? /* @__PURE__ */ u("span", {
 			className: "inline-flex items-center gap-1 text-slate-500",
-			children: [/* @__PURE__ */ l(h, {
+			children: [/* @__PURE__ */ l(ce, {
 				className: "h-3 w-3",
 				strokeWidth: 2.4,
 				"aria-hidden": "true"
-			}), /* @__PURE__ */ l("span", { children: T("price_then", { price: H }) })]
+			}), /* @__PURE__ */ l("span", { children: C("price_then", { price: H }) })]
 		}) : null,
 		B.length > 0 ? /* @__PURE__ */ l("span", {
-			ref: I,
+			ref: P,
 			className: "inline-flex shrink-0 items-center text-slate-500",
 			onMouseEnter: () => {
-				w && W("hover");
+				S && W("hover");
 			},
-			onMouseMove: ue,
+			onMouseMove: me,
 			onMouseLeave: J,
-			children: /* @__PURE__ */ l(re, {
+			children: /* @__PURE__ */ l(ae, {
 				className: "h-3 w-3",
 				"aria-hidden": "true"
 			})
 		}) : null
-	] }), me = () => pe ? /* @__PURE__ */ u("div", {
+	] }), ve = () => _e ? /* @__PURE__ */ u("div", {
 		className: "border-t border-slate-200 pt-2 text-slate-600",
 		children: [/* @__PURE__ */ l("p", {
 			className: "leading-snug",
-			children: /* @__PURE__ */ l("span", { children: T("price_table_contact_prompt") })
+			children: /* @__PURE__ */ l("span", { children: C("price_table_contact_prompt") })
 		}), /* @__PURE__ */ u("div", {
 			className: "mt-2 flex flex-wrap gap-x-3 gap-y-1",
 			children: [Z ? /* @__PURE__ */ u("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__ */ l(m, {
+				children: [/* @__PURE__ */ l(se, {
 					className: "h-3 w-3 shrink-0",
 					"aria-hidden": "true"
 				}), /* @__PURE__ */ l("span", {
@@ -114,7 +117,7 @@ var ie = 180, ae = "(max-width: 767px)", v = "loczer:storefront:product-price-po
 			}) : null, X ? /* @__PURE__ */ u("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__ */ l(p, {
+				children: [/* @__PURE__ */ l(oe, {
 					className: "h-3 w-3 shrink-0",
 					"aria-hidden": "true"
 				}), /* @__PURE__ */ l("span", {
@@ -128,12 +131,15 @@ var ie = 180, ae = "(max-width: 767px)", v = "loczer:storefront:product-price-po
 		children: [
 			e ? /* @__PURE__ */ l("p", {
 				className: "font-semibold uppercase tracking-[0.12em] text-slate-500",
-				children: /* @__PURE__ */ l("span", { children: T("price_table_title") })
+				children: /* @__PURE__ */ l("span", { children: C("price_table_title") })
 			}) : null,
 			/* @__PURE__ */ l("ul", {
 				className: f("grid gap-1 text-slate-600", t === "drawer" && "gap-1.5"),
-				children: B.map(({ dayCount: e, totalPriceLabel: n, perDayPriceLabel: r }) => {
-					let i = T("price_table_day", { count: e }), a = T("price_table_per_day", { price: r });
+				children: B.map(({ unitCount: e, totalPriceLabel: n, perUnitPriceLabel: r }) => {
+					let i = ee(e, L, w.language, C), a = C("price_table_per_unit", {
+						price: r,
+						unit: R
+					});
 					return /* @__PURE__ */ l("li", { children: /* @__PURE__ */ u("div", {
 						className: "flex items-baseline gap-2",
 						children: [
@@ -160,21 +166,21 @@ var ie = 180, ae = "(max-width: 767px)", v = "loczer:storefront:product-price-po
 					}) }, e);
 				})
 			}),
-			me()
+			ve()
 		]
 	});
-	return k ? /* @__PURE__ */ u(g.Root, {
-		open: M,
+	return D ? /* @__PURE__ */ u(p.Root, {
+		open: A,
 		onOpenChange: (e) => {
-			e ? ce() : le();
+			e ? fe() : pe();
 		},
 		swipeDirection: "down",
-		children: [/* @__PURE__ */ l(g.Trigger, {
-			ref: F,
+		children: [/* @__PURE__ */ l(p.Trigger, {
+			ref: N,
 			type: "button",
 			className: Y,
-			"aria-label": T("price_details_aria_label", { price: V }),
-			"aria-expanded": M,
+			"aria-label": C("price_details_aria_label", { price: V }),
+			"aria-expanded": A,
 			onClick: (e) => {
 				e.stopPropagation();
 			},
@@ -182,20 +188,20 @@ var ie = 180, ae = "(max-width: 767px)", v = "loczer:storefront:product-price-po
 				e.stopPropagation();
 			},
 			children: Q()
-		}), /* @__PURE__ */ u(g.Portal, { children: [/* @__PURE__ */ l(g.Backdrop, { className: "pointer-events-auto fixed inset-0 z-50 bg-black/50 outline-none data-[closed]:animate-out data-[closed]:fade-out-0 data-[open]:animate-in data-[open]:fade-in-0" }), /* @__PURE__ */ l(g.Viewport, {
+		}), /* @__PURE__ */ u(p.Portal, { children: [/* @__PURE__ */ l(p.Backdrop, { className: "pointer-events-auto fixed inset-0 z-50 bg-black/50 outline-none data-[closed]:animate-out data-[closed]:fade-out-0 data-[open]:animate-in data-[open]:fade-in-0" }), /* @__PURE__ */ l(p.Viewport, {
 			className: "pointer-events-none fixed inset-0 z-50",
-			children: /* @__PURE__ */ u(g.Popup, {
+			children: /* @__PURE__ */ u(p.Popup, {
 				className: "pointer-events-auto fixed inset-x-0 bottom-0 z-50 flex max-h-[90dvh] flex-col rounded-t-2xl border-t border-slate-200 bg-white text-slate-950 shadow-xl outline-none data-[closed]:animate-out data-[closed]:fade-out-0 data-[closed]:slide-out-to-bottom data-[open]:animate-in data-[open]:fade-in-0 data-[open]:slide-in-from-bottom",
 				children: [/* @__PURE__ */ l("div", {
 					className: "mx-auto mt-4 h-2 w-[100px] shrink-0 rounded-full bg-slate-200",
 					"aria-hidden": "true"
-				}), /* @__PURE__ */ l(g.Content, { children: /* @__PURE__ */ u("div", {
+				}), /* @__PURE__ */ l(p.Content, { children: /* @__PURE__ */ u("div", {
 					className: "flex max-h-[calc(90dvh-1rem)] flex-col",
 					children: [/* @__PURE__ */ l("div", {
 						className: "border-b border-slate-200 px-4 py-4 text-left",
-						children: /* @__PURE__ */ l(g.Title, {
+						children: /* @__PURE__ */ l(p.Title, {
 							className: "text-left text-lg font-semibold text-slate-950",
-							children: /* @__PURE__ */ l("span", { children: T("price_table_title") })
+							children: /* @__PURE__ */ l("span", { children: C("price_table_title") })
 						})
 					}), /* @__PURE__ */ l("div", {
 						className: "flex-1 overflow-y-auto px-4 pb-6 pt-3",
@@ -204,33 +210,33 @@ var ie = 180, ae = "(max-width: 767px)", v = "loczer:storefront:product-price-po
 				}) })]
 			})
 		})] })]
-	}) : /* @__PURE__ */ u(_.Root, {
-		open: R,
+	}) : /* @__PURE__ */ u(m.Root, {
+		open: I,
 		onOpenChange: (e) => {
 			e ? W("click") : G();
 		},
-		children: [/* @__PURE__ */ l(_.Trigger, {
-			ref: F,
+		children: [/* @__PURE__ */ l(m.Trigger, {
+			ref: N,
 			type: "button",
 			className: Y,
-			"aria-label": T("price_details_aria_label", { price: V }),
-			"aria-expanded": R,
-			onBlur: fe,
+			"aria-label": C("price_details_aria_label", { price: V }),
+			"aria-expanded": I,
+			onBlur: ge,
 			onClick: (e) => {
-				e.preventDefault(), e.stopPropagation(), A === "click" ? G() : W("click");
+				e.preventDefault(), e.stopPropagation(), O === "click" ? G() : W("click");
 			},
 			onPointerDown: (e) => {
 				e.stopPropagation();
 			},
 			children: Q()
-		}), B.length > 0 ? /* @__PURE__ */ l(_.Portal, { children: /* @__PURE__ */ l(_.Positioner, {
+		}), B.length > 0 ? /* @__PURE__ */ l(m.Portal, { children: /* @__PURE__ */ l(m.Positioner, {
 			side: "top",
 			align: "end",
 			sideOffset: 8,
 			collisionPadding: 12,
 			className: "pointer-events-auto z-[70] outline-none",
-			children: /* @__PURE__ */ l(_.Popup, {
-				ref: L,
+			children: /* @__PURE__ */ l(m.Popup, {
+				ref: F,
 				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) => {
@@ -247,4 +253,4 @@ var ie = 180, ae = "(max-width: 767px)", v = "loczer:storefront:product-price-po
 	});
 };
 //#endregion
-export { x as ProductPriceBadge };
+export { y as ProductPriceBadge };

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

@@ -3,14 +3,14 @@ import { StorefrontCartSummaryLine } from '../../lib/cartSummary';
 type StorefrontCartPanelProps = {
     lines: StorefrontCartSummaryLine[];
     itemCount: number;
-    totalPerDayMinor: number;
-    estimatedDays?: number;
+    totalPerBaseUnitMinor: number;
+    baseUnitLabel: string;
     estimatedTotalMinor?: number;
     discountedEstimatedTotalMinor?: number;
     discountAmountMinor?: number;
     lateReturnSurchargeMinor?: number;
     couponCode?: string;
-    durationLabel?: string;
+    durationInBaseUnitLabel?: string;
     title?: string;
     description?: string;
     checkoutPath?: string;
@@ -23,6 +23,6 @@ type StorefrontCartPanelProps = {
     onRemove?: (key: string) => void;
     onClear?: () => void;
 };
-export declare function StorefrontCartPanel({ lines, itemCount, totalPerDayMinor, estimatedDays, estimatedTotalMinor, discountedEstimatedTotalMinor, discountAmountMinor, lateReturnSurchargeMinor, couponCode, durationLabel, title, description, checkoutPath, showCheckoutAction, showClearAction, editable, summaryAddon, stickyTopClassName, onQuantityChange, onRemove, onClear, }: StorefrontCartPanelProps): import("react/jsx-runtime").JSX.Element;
+export declare function StorefrontCartPanel({ lines, itemCount, totalPerBaseUnitMinor, baseUnitLabel, estimatedTotalMinor, discountedEstimatedTotalMinor, discountAmountMinor, lateReturnSurchargeMinor, couponCode, durationInBaseUnitLabel, title, description, checkoutPath, showCheckoutAction, showClearAction, editable, summaryAddon, stickyTopClassName, onQuantityChange, onRemove, onClear, }: StorefrontCartPanelProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/StorefrontCartPanel/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAOtC,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,uBAAuB,CAAA;AAQtE,KAAK,wBAAwB,GAAG;IAC9B,KAAK,EAAE,yBAAyB,EAAE,CAAA;IAClC,SAAS,EAAE,MAAM,CAAA;IACjB,gBAAgB,EAAE,MAAM,CAAA;IACxB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,6BAA6B,CAAC,EAAE,MAAM,CAAA;IACtC,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,wBAAwB,CAAC,EAAE,MAAM,CAAA;IACjC,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,YAAY,CAAC,EAAE,SAAS,CAAA;IACxB,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,gBAAgB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IAC1D,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAA;IAChC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB,CAAA;AAED,wBAAgB,mBAAmB,CAAC,EAClC,KAAK,EACL,SAAS,EACT,gBAAgB,EAChB,aAAa,EACb,mBAAmB,EACnB,6BAA6B,EAC7B,mBAAmB,EACnB,wBAAwB,EACxB,UAAU,EACV,aAAa,EACb,KAAK,EACL,WAAW,EACX,YAAY,EACZ,kBAA0B,EAC1B,eAAuB,EACvB,QAAe,EACf,YAAY,EACZ,kBAA6B,EAC7B,gBAAgB,EAChB,QAAQ,EACR,OAAO,GACR,EAAE,wBAAwB,2CA0L1B"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/StorefrontCartPanel/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAOtC,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,uBAAuB,CAAA;AAQtE,KAAK,wBAAwB,GAAG;IAC9B,KAAK,EAAE,yBAAyB,EAAE,CAAA;IAClC,SAAS,EAAE,MAAM,CAAA;IACjB,qBAAqB,EAAE,MAAM,CAAA;IAC7B,aAAa,EAAE,MAAM,CAAA;IACrB,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,6BAA6B,CAAC,EAAE,MAAM,CAAA;IACtC,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,wBAAwB,CAAC,EAAE,MAAM,CAAA;IACjC,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,uBAAuB,CAAC,EAAE,MAAM,CAAA;IAChC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,YAAY,CAAC,EAAE,SAAS,CAAA;IACxB,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,gBAAgB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IAC1D,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAA;IAChC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB,CAAA;AAED,wBAAgB,mBAAmB,CAAC,EAClC,KAAK,EACL,SAAS,EACT,qBAAqB,EACrB,aAAa,EACb,mBAAmB,EACnB,6BAA6B,EAC7B,mBAAmB,EACnB,wBAAwB,EACxB,UAAU,EACV,uBAAuB,EACvB,KAAK,EACL,WAAW,EACX,YAAY,EACZ,kBAA0B,EAC1B,eAAuB,EACvB,QAAe,EACf,YAAY,EACZ,kBAA6B,EAC7B,gBAAgB,EAChB,QAAQ,EACR,OAAO,GACR,EAAE,wBAAwB,2CAgM1B"}

package/dist/components/StorefrontCartPanel/index.js

@@ -10,7 +10,7 @@ import { useTranslation as u } from "react-i18next";
 import { cn as d } from "@rpcbase/ui";
 import { ArrowRight as f, Trash2 as p } from "lucide-react";
 //#region src/components/StorefrontCartPanel/index.tsx
-function m({ lines: m, itemCount: h, totalPerDayMinor: g, estimatedDays: _, estimatedTotalMinor: v, discountedEstimatedTotalMinor: y, discountAmountMinor: b, lateReturnSurchargeMinor: x, couponCode: S, durationLabel: C, title: w, description: T, checkoutPath: E, showCheckoutAction: D = !1, showClearAction: O = !1, editable: k = !0, summaryAddon: A, stickyTopClassName: j = "top-24", onQuantityChange: M, onRemove: N, onClear: P }) {
+function m({ lines: m, itemCount: h, totalPerBaseUnitMinor: g, baseUnitLabel: _, estimatedTotalMinor: v, discountedEstimatedTotalMinor: y, discountAmountMinor: b, lateReturnSurchargeMinor: x, couponCode: S, durationInBaseUnitLabel: C, title: w, description: T, checkoutPath: E, showCheckoutAction: D = !1, showClearAction: O = !1, editable: k = !0, summaryAddon: A, stickyTopClassName: j = "top-24", onQuantityChange: M, onRemove: N, onClear: P }) {
 	let { t: F, i18n: I } = u();
 	return /* @__PURE__ */ c(i, {
 		className: d("sticky border-slate-200 bg-white shadow-sm", j),
@@ -62,7 +62,8 @@ function m({ lines: m, itemCount: h, totalPerDayMinor: g, estimatedDays: _, esti
 										className: "text-xs text-slate-600",
 										children: /* @__PURE__ */ s("span", { children: F("cart_line_meta", {
 											quantity: i.quantity,
-											price: o
+											price: o,
+											unit: _
 										}) })
 									}),
 									l ? /* @__PURE__ */ s("div", {
@@ -107,24 +108,24 @@ function m({ lines: m, itemCount: h, totalPerDayMinor: g, estimatedDays: _, esti
 					className: "flex items-center justify-between gap-3 border-t border-slate-200 pt-3 text-sm",
 					children: [/* @__PURE__ */ s("p", {
 						className: "text-slate-700",
-						children: /* @__PURE__ */ s("span", { children: F("cart_total_per_day") })
+						children: /* @__PURE__ */ s("span", { children: F("cart_total_per_unit", { unit: _ }) })
 					}), /* @__PURE__ */ s("p", {
 						className: "font-semibold text-slate-950",
 						children: /* @__PURE__ */ s("span", { children: e(g, I.language) })
 					})]
 				}),
-				typeof _ == "number" && typeof v == "number" ? /* @__PURE__ */ c(o, { children: [
-					/* @__PURE__ */ c("div", {
+				typeof v == "number" ? /* @__PURE__ */ c(o, { children: [
+					C ? /* @__PURE__ */ c("div", {
 						className: "flex items-center justify-between gap-3 text-sm",
 						children: [/* @__PURE__ */ s("p", {
 							className: "text-slate-700",
-							children: /* @__PURE__ */ s("span", { children: F("checkout_estimated_days", { count: _ }) })
-						}), C ? /* @__PURE__ */ s(t, {
+							children: /* @__PURE__ */ s("span", { children: F("checkout_estimated_duration") })
+						}), /* @__PURE__ */ s(t, {
 							variant: "outline",
 							className: "border-slate-200 bg-white text-slate-700",
 							children: /* @__PURE__ */ s("span", { children: C })
-						}) : null]
-					}),
+						})]
+					}) : null,
 					typeof b == "number" && b > 0 ? /* @__PURE__ */ c("div", {
 						className: "flex items-center justify-between gap-3 text-sm",
 						children: [/* @__PURE__ */ s("p", {

package/dist/i18n/en.d.ts

@@ -7,6 +7,7 @@ export declare const storefront: {
     nav_categories: string;
     nav_featured: string;
     nav_products: string;
+    nav_itineraries: string;
     nav_contact: string;
     language_toggle: string;
     cta_book_now: string;
@@ -81,6 +82,36 @@ export declare const storefront: {
     featured_title: string;
     featured_description: string;
     featured_view_all: string;
+    itineraries_eyebrow: string;
+    itineraries_title: string;
+    itineraries_description: string;
+    itineraries_list_label: string;
+    itineraries_view_all: string;
+    itineraries_back_home: string;
+    itineraries_page_title: string;
+    itineraries_page_description_one: string;
+    itineraries_page_description_other: string;
+    itineraries_filter_label: string;
+    itineraries_filter_all: string;
+    itineraries_no_results: string;
+    itineraries_difficulty_easy: string;
+    itineraries_difficulty_moderate: string;
+    itineraries_difficulty_challenging: string;
+    itineraries_back_to_list: string;
+    itineraries_route_label: string;
+    itineraries_step_fallback: string;
+    itineraries_highlights_label: string;
+    itineraries_distance_label: string;
+    itineraries_duration_label: string;
+    itineraries_elevation_gain_label: string;
+    itineraries_elevation_loss_label: string;
+    itineraries_difficulty_label: string;
+    itineraries_details_label: string;
+    itineraries_elevation_profile_label: string;
+    itineraries_elevation_profile_chart_label: string;
+    itineraries_booking_title: string;
+    itineraries_booking_description: string;
+    itineraries_booking_cta: string;
     about_section_title: string;
     about_section_heading: string;
     about_section_fallback: string;
@@ -106,12 +137,18 @@ export declare const storefront: {
     price_then: string;
     price_details_aria_label: string;
     price_table_title: string;
-    price_table_day_one: string;
-    price_table_day_other: string;
-    price_table_per_day: string;
+    price_table_per_unit: string;
     price_table_contact_prompt: string;
+    price_unit_hour_one: string;
+    price_unit_hour_other: string;
+    price_unit_half_day_one: string;
+    price_unit_half_day_other: string;
     price_unit_day_one: string;
     price_unit_day_other: string;
+    price_unit_week_one: string;
+    price_unit_week_other: string;
+    price_unit_month_one: string;
+    price_unit_month_other: string;
     products_title: string;
     products_description: string;
     products_page_title: string;
@@ -131,7 +168,7 @@ export declare const storefront: {
     cart_empty_description: string;
     cart_line_meta: string;
     remove_from_cart: string;
-    cart_total_per_day: string;
+    cart_total_per_unit: string;
     cart_clear: string;
     booking_select_variant_cancel: string;
     close_modal: string;
@@ -153,8 +190,7 @@ export declare const storefront: {
     checkout_subtitle: string;
     checkout_summary_title: string;
     checkout_summary_description: string;
-    checkout_estimated_days_one: string;
-    checkout_estimated_days_other: string;
+    checkout_estimated_duration: string;
     checkout_estimated_total: string;
     checkout_form_title: string;
     checkout_form_description: string;

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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2ctB,CAAA"}
+{"version":3,"file":"en.d.ts","sourceRoot":"","sources":["../../src/i18n/en.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgftB,CAAA"}

package/dist/i18n/en.js

@@ -8,6 +8,7 @@ var e = {
 	nav_categories: "Categories",
 	nav_featured: "Featured",
 	nav_products: "Bikes",
+	nav_itineraries: "Routes",
 	nav_contact: "Contact",
 	language_toggle: "FR/EN",
 	cta_book_now: "Book now",
@@ -82,6 +83,36 @@ var e = {
 	featured_title: "Featured bikes",
 	featured_description: "Popular picks to get started quickly.",
 	featured_view_all: "See all bikes",
+	itineraries_eyebrow: "Explore by bike",
+	itineraries_title: "Our favorite routes",
+	itineraries_description: "Routes selected by the shop to help you discover the most beautiful roads nearby.",
+	itineraries_list_label: "Routes to discover",
+	itineraries_view_all: "View all routes",
+	itineraries_back_home: "Back to home",
+	itineraries_page_title: "Choose your next ride",
+	itineraries_page_description_one: "Discover {{count}} route prepared for your stay.",
+	itineraries_page_description_other: "Discover {{count}} routes prepared for your stay.",
+	itineraries_filter_label: "Filter by difficulty",
+	itineraries_filter_all: "All levels",
+	itineraries_no_results: "No route matches this difficulty level.",
+	itineraries_difficulty_easy: "Easy",
+	itineraries_difficulty_moderate: "Moderate",
+	itineraries_difficulty_challenging: "Challenging",
+	itineraries_back_to_list: "All routes",
+	itineraries_route_label: "The route, step by step",
+	itineraries_step_fallback: "Step {{count}}",
+	itineraries_highlights_label: "Highlights",
+	itineraries_distance_label: "Distance",
+	itineraries_duration_label: "Duration",
+	itineraries_elevation_gain_label: "Elevation gain",
+	itineraries_elevation_loss_label: "Elevation loss",
+	itineraries_difficulty_label: "Difficulty level",
+	itineraries_details_label: "Route information",
+	itineraries_elevation_profile_label: "Elevation profile",
+	itineraries_elevation_profile_chart_label: "Route elevation chart",
+	itineraries_booking_title: "Ready to ride this route?",
+	itineraries_booking_description: "Choose your bike and dates, then head out and explore the route.",
+	itineraries_booking_cta: "Book a bike",
 	about_section_title: "About",
 	about_section_heading: "About the storefront",
 	about_section_fallback: "This shop hasn’t added a description yet.",
@@ -103,16 +134,22 @@ var e = {
 	availability_checking: "Checking availability",
 	availability_remaining_count_one: "{{count}} available",
 	availability_remaining_count_other: "{{count}} available",
-	price_from: "From {{price}} / day",
+	price_from: "From {{price}} / {{unit}}",
 	price_then: "then {{price}}",
 	price_details_aria_label: "Show pricing details for {{price}}",
 	price_table_title: "Rental pricing",
-	price_table_day_one: "{{count}} day",
-	price_table_day_other: "{{count}} days",
-	price_table_per_day: "{{price}}/d",
+	price_table_per_unit: "{{price}}/{{unit}}",
 	price_table_contact_prompt: "For a specific booking or a longer rental, feel free to contact us.",
+	price_unit_hour_one: "hour",
+	price_unit_hour_other: "hours",
+	price_unit_half_day_one: "half-day",
+	price_unit_half_day_other: "half-days",
 	price_unit_day_one: "day",
 	price_unit_day_other: "days",
+	price_unit_week_one: "week",
+	price_unit_week_other: "weeks",
+	price_unit_month_one: "month",
+	price_unit_month_other: "months",
 	products_title: "Our bikes range",
 	products_description: "Browse bikes and reserve in a few clicks.",
 	products_page_title: "Choose your bikes",
@@ -130,9 +167,9 @@ var e = {
 	cart_empty: "Your cart is empty.",
 	cart_empty_title: "Your cart is empty",
 	cart_empty_description: "Add a bike (and accessories) to continue.",
-	cart_line_meta: "Qty {{quantity}} · {{price}} / day",
+	cart_line_meta: "Qty {{quantity}} · {{price}} / {{unit}}",
 	remove_from_cart: "Remove from cart",
-	cart_total_per_day: "Total / day",
+	cart_total_per_unit: "Total / {{unit}}",
 	cart_clear: "Clear cart",
 	booking_select_variant_cancel: "Cancel",
 	close_modal: "Close",
@@ -154,8 +191,7 @@ var e = {
 	checkout_subtitle: "Confirm your details and payment · {{duration}}",
 	checkout_summary_title: "Summary",
 	checkout_summary_description: "Cart and pricing recap.",
-	checkout_estimated_days_one: "Estimated duration: {{count}} day",
-	checkout_estimated_days_other: "Estimated duration: {{count}} days",
+	checkout_estimated_duration: "Estimated duration",
 	checkout_estimated_total: "Booking total",
 	checkout_form_title: "Your details",
 	checkout_form_description: "Enter your details for this booking, and add any useful information in the notes.",