@loczer/storefront-sdk 0.182.0 → 0.183.0

package/dist/pages/HomePage.js

@@ -1,37 +1,37 @@
-import { getStorefrontPreset as e } from "../data/config.js";
-import { applyBookingParamsToSearch as t, createBookingPeriodConfigFromStorefrontConfiguration as n, getBookingParamsFromSearch as r, getDefaultBookingParamsForStorefrontConfiguration as i, resolveBookingSearchParamsFromSessionStorage as a, writeBookingSearchParamsToSessionStorage as o } from "../lib/booking.js";
+import { applyBookingParamsToSearch as e, createBookingPeriodConfigFromStorefrontConfiguration as t, getBookingParamsFromSearch as n, getDefaultBookingParamsForStorefrontConfiguration as r, resolveBookingSearchParamsFromSessionStorage as i, writeBookingSearchParamsToSessionStorage as a } from "../lib/booking.js";
 import { getAvailabilityVariant as ee } from "../lib/utils.js";
-import { getLocalizedValue as s } from "../localization.js";
-import { Badge as c } from "../ui/badge.js";
-import { Button as l } from "../ui/button.js";
-import { usePlaygroundDevSettings as u } from "../lib/playgroundDevSettings.js";
-import { BookingPeriodProvider as te } from "../components/BookingPeriodSelector/BookingPeriodContext.js";
-import { BookingStartDateField as ne } from "../components/BookingPeriodSelector/components/BookingStartDateField.js";
-import { BookingStartTimeField as re } from "../components/BookingPeriodSelector/components/BookingStartTimeField.js";
-import { BookingEndDateField as ie } from "../components/BookingPeriodSelector/components/BookingEndDateField.js";
-import { BookingEndTimeField as ae } from "../components/BookingPeriodSelector/components/BookingEndTimeField.js";
+import { getLocalizedValue as o } from "../localization.js";
+import "../lib/storefrontMissingValues.js";
+import { Badge as s } from "../ui/badge.js";
+import { Button as c } from "../ui/button.js";
+import { usePlaygroundDevSettings as l } from "../lib/playgroundDevSettings.js";
+import { BookingPeriodProvider as u } from "../components/BookingPeriodSelector/BookingPeriodContext.js";
+import { BookingStartDateField as te } from "../components/BookingPeriodSelector/components/BookingStartDateField.js";
+import { BookingStartTimeField as ne } from "../components/BookingPeriodSelector/components/BookingStartTimeField.js";
+import { BookingEndDateField as re } from "../components/BookingPeriodSelector/components/BookingEndDateField.js";
+import { BookingEndTimeField as ie } from "../components/BookingPeriodSelector/components/BookingEndTimeField.js";
 import "../components/BookingPeriodSelector/index.js";
-import { DeliveryAddressSelector as oe } from "../components/DeliveryAddressSelector/index.js";
-import { useStorefront as se, useStorefrontProducts as ce } from "../StorefrontProvider.js";
-import { ContactSection as le } from "../components/ContactSection/index.js";
-import { TestimonialsSection as ue } from "../components/TestimonialsSection/index.js";
-import { AboutSection as de } from "../components/AboutSection/index.js";
-import { Card as fe } from "../ui/card.js";
-import { ProductWarningNotice as pe } from "../components/ProductWarningNotice/index.js";
-import { ProductPriceBadge as me } from "../components/ProductPriceBadge/index.js";
-import he from "../chunks/assets/playground-hero-preview-kf4c9tSc.js";
-import { resolveProductImageContainerStyle as ge } from "../lib/productImageStyles.js";
-import { BikeProductCard as _e } from "../components/BikeProductCard/index.js";
-import { StorefrontCancellationPolicyNotice as ve, resolveStorefrontCancellationPolicyTeaserTier as ye } from "../components/StorefrontCancellationPolicyNotice/index.js";
-import { createStorefrontTimeSlotsFetcher as be } from "../lib/fetchStorefrontTimeSlots.js";
-import { FulfillmentSection as xe } from "../components/FulfillmentSection/index.js";
-import { useEffect as Se, useMemo as d, useRef as Ce, useState as f } from "react";
-import { Fragment as we, jsx as p, jsxs as m } from "react/jsx-runtime";
+import { DeliveryAddressSelector as ae } from "../components/DeliveryAddressSelector/index.js";
+import { useStorefront as oe, useStorefrontProducts as se } from "../StorefrontProvider.js";
+import { ContactSection as ce } from "../components/ContactSection/index.js";
+import { TestimonialsSection as le } from "../components/TestimonialsSection/index.js";
+import { AboutSection as ue } from "../components/AboutSection/index.js";
+import { Card as de } from "../ui/card.js";
+import { ProductWarningNotice as fe } from "../components/ProductWarningNotice/index.js";
+import { ProductPriceBadge as pe } from "../components/ProductPriceBadge/index.js";
+import me from "../chunks/assets/playground-hero-preview-kf4c9tSc.js";
+import { resolveProductImageContainerStyle as he } from "../lib/productImageStyles.js";
+import { BikeProductCard as ge } from "../components/BikeProductCard/index.js";
+import { StorefrontCancellationPolicyNotice as _e, resolveStorefrontCancellationPolicyTeaserTier as ve } from "../components/StorefrontCancellationPolicyNotice/index.js";
+import { createStorefrontTimeSlotsFetcher as ye } from "../lib/fetchStorefrontTimeSlots.js";
+import { FulfillmentSection as be } from "../components/FulfillmentSection/index.js";
+import { useEffect as xe, useMemo as d, useRef as Se, useState as f } from "react";
+import { Fragment as Ce, jsx as p, jsxs as m } from "react/jsx-runtime";
 import { cn as h } from "@rpcbase/ui";
-import { useMediaQuery as Te } from "@rpcbase/client";
-import { Link as g, useLocation as Ee, useNavigate as De, useParams as Oe, useSearchParams as ke } from "@rpcbase/router";
-import { useTranslation as Ae } from "react-i18next";
-import { ArrowRight as _, Bike as je, Clock as Me, MapPin as Ne, ShieldCheck as Pe, Truck as Fe, Umbrella as Ie } from "lucide-react";
+import { useMediaQuery as we } from "@rpcbase/client";
+import { Link as g, useLocation as Te, useNavigate as Ee, useParams as De, useSearchParams as Oe } from "@rpcbase/router";
+import { useTranslation as ke } from "react-i18next";
+import { ArrowRight as _, Bike as Ae, Clock as je, MapPin as Me, ShieldCheck as Ne, Truck as Pe, Umbrella as Fe } from "lucide-react";
 //#region src/pages/HomePage.tsx
 var v = (e) => String(e).padStart(2, "0"), y = "text-2xs font-semibold uppercase tracking-wide text-slate-600", b = "h-10", x = 6, S = 5, C = [
 	15,
@@ -55,8 +55,8 @@ var v = (e) => String(e).padStart(2, "0"), y = "text-2xs font-semibold uppercase
 	if (!t) return;
 	let n = Number(t[1]), r = Number(t[2]), i = Number(t[3]), a = new Date(n, r - 1, i);
 	if (!(Number.isNaN(a.getTime()) || a.getFullYear() !== n || a.getMonth() !== r - 1 || a.getDate() !== i)) return a;
-}, Le = (e) => {
-	let t = e.length > 0 ? e : [he];
+}, Ie = (e) => {
+	let t = e.length > 0 ? e : [me];
 	return Array.from({ length: x }, (e, n) => Array.from({ length: S }, (e, r) => {
 		let i = n * S + r;
 		return {
@@ -66,10 +66,10 @@ var v = (e) => String(e).padStart(2, "0"), y = "text-2xs font-semibold uppercase
 	}));
 };
 function D() {
-	let { t: v, i18n: x } = Ae(), { storeSlug: S } = Oe(), w = Ee(), { storefrontConfiguration: D } = se(), O = D.workspace?.workspaceLanguage, { bikes: k, accessories: Re } = ce(), [A] = ke(), ze = De(), j = d(() => a(A, S), [A, S]), M = d(() => e(S), [S]), Be = d(() => n(D), [D]), N = d(() => i(D), [D]), P = d(() => E(N.start_date), [N.start_date]), Ve = d(() => E(N.end_date) ?? P, [N.end_date, P]), F = D.settings.fulfillmentModes.includes("delivery"), He = D.settings.deliveryDisabledReason.trim(), Ue = !!ye(D.bookingEngine.cancellationPolicy), I = d(() => r(j, N), [N, j]), [L, We] = f(() => I.fulfillment === "delivery" && F ? "delivery" : "pickup"), [R, Ge] = f(() => E(j.get("start_date")) ?? P), [z, Ke] = f(() => j.get("start_time") ?? N.start_time), [B, qe] = f(() => {
-		let e = E(j.get("start_date")) ?? P;
-		return E(j.get("end_date")) ?? e ?? Ve;
-	}), [V, Je] = f(() => j.get("end_time") ?? N.end_time), [H, U] = f(() => I.start_address), [W, G] = f(() => I.end_address), K = Ce(null), Ye = d(() => k.slice(0, 4), [k]), { heroMode: Xe } = u(), q = Xe === "vertical_marquee_hero", J = Xe === "booking_bar_overlay_hero" || q, Ze = Te("(min-width: 1024px)"), Qe = be(S), $e = d(() => ({
+	let { t: v, i18n: x } = ke(), { storeSlug: S } = De(), w = Te(), { storefrontConfiguration: D } = oe(), O = D.shop.address?.trim() ?? "", k = D.workspace?.workspaceLanguage, { bikes: A, accessories: Le } = se(), [j] = Oe(), Re = Ee(), M = d(() => i(j, S), [j, S]), ze = d(() => t(D), [D]), N = d(() => r(D), [D]), P = d(() => E(N.start_date), [N.start_date]), Be = d(() => E(N.end_date) ?? P, [N.end_date, P]), F = D.settings.fulfillmentModes.includes("delivery"), Ve = D.settings.deliveryDisabledReason.trim(), He = !!ve(D.bookingEngine.cancellationPolicy), I = d(() => n(M, N), [N, M]), [L, Ue] = f(() => I.fulfillment === "delivery" && F ? "delivery" : "pickup"), [R, We] = f(() => E(M.get("start_date")) ?? P), [z, Ge] = f(() => M.get("start_time") ?? N.start_time), [B, Ke] = f(() => {
+		let e = E(M.get("start_date")) ?? P;
+		return E(M.get("end_date")) ?? e ?? Be;
+	}), [V, qe] = f(() => M.get("end_time") ?? N.end_time), [H, U] = f(() => I.start_address), [W, G] = f(() => I.end_address), K = Se(null), Je = d(() => A.slice(0, 4), [A]), { heroMode: Ye } = l(), q = Ye === "vertical_marquee_hero", J = Ye === "booking_bar_overlay_hero" || q, Xe = we("(min-width: 1024px)"), Ze = ye(S), Qe = d(() => ({
 		startDate: v("booking_start_date"),
 		pickStartDate: v("booking_start_date"),
 		startTime: v("booking_start_time"),
@@ -78,10 +78,10 @@ function D() {
 		endTime: v("booking_end_time"),
 		selectedDaysTooltip: ({ count: e }) => v("booking_selected_days_tooltip", { count: e })
 	}), [x.language, v]), Y = d(() => {
-		let e = R ?? P ?? /* @__PURE__ */ new Date(), n = B ?? e;
-		return t(new URLSearchParams(), {
+		let t = R ?? P ?? /* @__PURE__ */ new Date(), n = B ?? t;
+		return e(new URLSearchParams(), {
 			fulfillment: L === "delivery" && F ? "delivery" : "pickup",
-			start_date: T(e),
+			start_date: T(t),
 			start_time: z || N.start_time,
 			end_date: T(n),
 			end_time: V || N.end_time,
@@ -100,64 +100,65 @@ function D() {
 		H,
 		R,
 		z
-	]), et = Y.toString(), tt = et ? `?${et}` : "";
-	Se(() => {
-		o(S, Y);
+	]), $e = Y.toString(), et = $e ? `?${$e}` : "";
+	xe(() => {
+		a(S, Y);
 	}, [Y, S]);
-	let nt = {
+	let tt = {
 		startDate: R,
-		onStartDateChange: Ge,
+		onStartDateChange: We,
 		startTime: z,
-		onStartTimeChange: Ke,
+		onStartTimeChange: Ge,
 		endDate: B,
-		onEndDateChange: qe,
+		onEndDateChange: Ke,
 		endTime: V,
-		onEndTimeChange: Je,
+		onEndTimeChange: qe,
 		onEndTimeCommit: () => {
 			K.current?.focus({ preventScroll: !0 });
 		},
-		bookingPeriodConfig: Be,
-		fetchTimeSlots: Qe,
-		labels: $e,
+		bookingPeriodConfig: ze,
+		fetchTimeSlots: Ze,
+		labels: Qe,
 		localeCode: x.language
 	}, X = () => {
-		let e = new URLSearchParams(A);
+		let e = new URLSearchParams(j);
 		for (let [t, n] of Y.entries()) e.set(t, n);
-		ze(`/${S ?? ""}/booking?${e.toString()}#booking-products`);
-	}, rt = (e) => `/${S ?? ""}/products/${e}`, Z = { backTo: `${w.pathname}${w.search}${w.hash}` }, it = /* @__PURE__ */ m("div", { children: [
+		Re(`/${S ?? ""}/booking?${e.toString()}#booking-products`);
+	}, Z = (e) => `/${S ?? ""}/products/${e}`, Q = { backTo: `${w.pathname}${w.search}${w.hash}` }, nt = /* @__PURE__ */ m("div", { children: [
 		/* @__PURE__ */ m("div", {
 			className: "flex items-center gap-2",
-			children: [/* @__PURE__ */ m(c, {
+			children: [/* @__PURE__ */ m(s, {
 				variant: "secondary",
-				children: [/* @__PURE__ */ p(Me, {
+				children: [/* @__PURE__ */ p(je, {
 					className: "h-3 w-3",
 					"aria-hidden": "true"
 				}), /* @__PURE__ */ p("span", { children: v("status_open") })]
-			}), /* @__PURE__ */ m(c, {
+			}), /* @__PURE__ */ m(s, {
 				variant: "outline",
-				children: [/* @__PURE__ */ p(Ne, {
+				className: h(!O && "border-destructive/40 text-destructive"),
+				children: [/* @__PURE__ */ p(Me, {
 					className: "h-3 w-3",
 					"aria-hidden": "true"
-				}), /* @__PURE__ */ p("span", { children: M.address })]
+				}), /* @__PURE__ */ p("span", { children: O || "[Missing shop address]" })]
 			})]
 		}),
 		/* @__PURE__ */ p("h1", {
 			className: "mt-4 text-3xl font-semibold tracking-tight sm:text-4xl",
-			children: /* @__PURE__ */ p("span", { children: v("hero_title", { fallback: M.hero_title }) })
+			children: /* @__PURE__ */ p("span", { children: v("hero_title") })
 		}),
 		/* @__PURE__ */ p("p", {
 			className: "mt-3 text-sm text-slate-700 sm:text-base",
-			children: /* @__PURE__ */ p("span", { children: v("hero_description", { fallback: M.hero_description }) })
+			children: /* @__PURE__ */ p("span", { children: v("hero_description") })
 		}),
 		/* @__PURE__ */ p("div", {
 			className: h("mt-6", !J && "rounded-xl border bg-white/70 p-3"),
 			children: /* @__PURE__ */ m("ul", {
 				className: h("space-y-3", J && "space-y-2"),
 				children: [
-					/* @__PURE__ */ p(ve, { policy: D.bookingEngine.cancellationPolicy }),
+					/* @__PURE__ */ p(_e, { policy: D.bookingEngine.cancellationPolicy }),
 					/* @__PURE__ */ m("li", {
-						className: h("flex items-start gap-3", !J && Ue && "border-t border-slate-200/70 pt-3"),
-						children: [/* @__PURE__ */ p(Pe, {
+						className: h("flex items-start gap-3", !J && He && "border-t border-slate-200/70 pt-3"),
+						children: [/* @__PURE__ */ p(Ne, {
 							className: "mt-0.5 h-5 w-5 text-success",
 							"aria-hidden": "true"
 						}), /* @__PURE__ */ m("div", {
@@ -173,7 +174,7 @@ function D() {
 					}),
 					/* @__PURE__ */ m("li", {
 						className: h("flex items-start gap-3", !J && "border-t border-slate-200/70 pt-3"),
-						children: [/* @__PURE__ */ p(Ie, {
+						children: [/* @__PURE__ */ p(Fe, {
 							className: "mt-0.5 h-5 w-5 text-success",
 							"aria-hidden": "true"
 						}), /* @__PURE__ */ m("div", {
@@ -189,7 +190,7 @@ function D() {
 					}),
 					F ? /* @__PURE__ */ m("li", {
 						className: h("flex items-start gap-3", !J && "border-t border-slate-200/70 pt-3"),
-						children: [/* @__PURE__ */ p(Fe, {
+						children: [/* @__PURE__ */ p(Pe, {
 							className: "mt-0.5 h-5 w-5 text-slate-900",
 							"aria-hidden": "true"
 						}), /* @__PURE__ */ m("div", {
@@ -206,8 +207,8 @@ function D() {
 				]
 			})
 		})
-	] }), at = ({ className: e, showSubmitButton: t = !1, submitButtonClassName: n }) => /* @__PURE__ */ p(te, {
-		...nt,
+	] }), rt = ({ className: e, showSubmitButton: t = !1, submitButtonClassName: n }) => /* @__PURE__ */ p(u, {
+		...tt,
 		labelClassName: y,
 		inputClassName: b,
 		children: /* @__PURE__ */ m("div", {
@@ -215,15 +216,15 @@ function D() {
 			children: [
 				/* @__PURE__ */ p("div", {
 					className: "min-w-0",
-					children: /* @__PURE__ */ p(ne, {})
+					children: /* @__PURE__ */ p(te, {})
 				}),
-				/* @__PURE__ */ p(re, {}),
+				/* @__PURE__ */ p(ne, {}),
 				/* @__PURE__ */ p("div", {
 					className: "min-w-0",
-					children: /* @__PURE__ */ p(ie, {})
+					children: /* @__PURE__ */ p(re, {})
 				}),
-				/* @__PURE__ */ p(ae, {}),
-				t ? /* @__PURE__ */ m(l, {
+				/* @__PURE__ */ p(ie, {}),
+				t ? /* @__PURE__ */ m(c, {
 					ref: K,
 					className: h("gap-2", n),
 					onClick: X,
@@ -234,7 +235,7 @@ function D() {
 				}) : null
 			]
 		})
-	}), Q = (e) => F ? /* @__PURE__ */ p(oe, {
+	}), it = (e) => F ? /* @__PURE__ */ p(ae, {
 		open: L === "delivery",
 		className: "sm:min-h-[6.75rem]",
 		inputClassName: `${b} bg-white`,
@@ -244,8 +245,8 @@ function D() {
 		returnAddress: W,
 		onReturnAddressChange: G,
 		testIdPrefix: e
-	}) : null, ot = Q("storefront-home-fulfillment-delivery-address"), st = Q("storefront-home-compact-fulfillment-delivery-address"), ct = /* @__PURE__ */ m(fe, {
-		className: "border-slate-200 bg-white/80 shadow-sm",
+	}) : null, at = it("storefront-home-fulfillment-delivery-address"), ot = it("storefront-home-compact-fulfillment-delivery-address"), st = /* @__PURE__ */ m(de, {
+		className: "border-slate-200 bg-white/80 shadow-none",
 		children: [/* @__PURE__ */ m("div", {
 			className: "border-b border-slate-200 px-4 py-4",
 			children: [/* @__PURE__ */ p("p", {
@@ -258,12 +259,12 @@ function D() {
 		}), /* @__PURE__ */ m("div", {
 			className: "grid gap-4 px-4 py-4",
 			children: [
-				/* @__PURE__ */ p(xe, {
+				/* @__PURE__ */ p(be, {
 					value: L,
-					onValueChange: We,
-					pickupAddress: M.address,
+					onValueChange: Ue,
+					pickupAddress: O,
 					deliveryEnabled: F,
-					deliveryDisabledReason: He,
+					deliveryDisabledReason: Ve,
 					startAddress: H,
 					onStartAddressChange: U,
 					endAddress: W,
@@ -271,13 +272,13 @@ function D() {
 					showDeliveryAddressSelector: !1,
 					testIdPrefix: "storefront-home-fulfillment"
 				}),
-				at({ className: "grid grid-cols-1 gap-3 md:grid-cols-2 xl:grid-cols-[minmax(0,1fr)_150px_minmax(0,1fr)_150px] xl:items-start" }),
-				ot,
+				rt({ className: "grid grid-cols-1 gap-3 md:grid-cols-2 xl:grid-cols-[minmax(0,1fr)_150px_minmax(0,1fr)_150px] xl:items-start" }),
+				at,
 				/* @__PURE__ */ p("p", {
 					className: "text-xs text-slate-600",
 					children: /* @__PURE__ */ p("span", { children: v("booking_minimum_duration", { hours: 4 }) })
 				}),
-				/* @__PURE__ */ m(l, {
+				/* @__PURE__ */ m(c, {
 					ref: K,
 					className: "h-11 w-fit justify-self-start rounded-xl text-sm font-semibold gap-2",
 					onClick: X,
@@ -288,17 +289,17 @@ function D() {
 				})
 			]
 		})]
-	}), lt = /* @__PURE__ */ p(fe, {
+	}), ct = /* @__PURE__ */ p(de, {
 		className: "border-slate-200 bg-white/95 shadow-xl",
 		children: /* @__PURE__ */ m("div", {
 			className: "grid gap-3 p-4",
 			children: [
-				/* @__PURE__ */ p("div", { children: /* @__PURE__ */ p(xe, {
+				/* @__PURE__ */ p("div", { children: /* @__PURE__ */ p(be, {
 					value: L,
-					onValueChange: We,
-					pickupAddress: M.address,
+					onValueChange: Ue,
+					pickupAddress: O,
 					deliveryEnabled: F,
-					deliveryDisabledReason: He,
+					deliveryDisabledReason: Ve,
 					startAddress: H,
 					onStartAddressChange: U,
 					endAddress: W,
@@ -306,15 +307,15 @@ function D() {
 					showDeliveryAddressSelector: !1,
 					testIdPrefix: "storefront-home-compact-fulfillment"
 				}) }),
-				at({
+				rt({
 					className: "grid gap-3 md:grid-cols-2 xl:grid-cols-[minmax(0,1fr)_150px_minmax(0,1fr)_150px_auto] xl:items-end",
 					showSubmitButton: !0,
 					submitButtonClassName: "h-10 rounded-xl text-sm font-semibold xl:self-end"
 				}),
-				st
+				ot
 			]
 		})
-	}), ut = Le([...k, ...Re].flatMap((e) => Array.isArray(e.images) ? e.images : []).filter((e) => typeof e == "string" && e.trim().length > 0).map((e) => e.trim()).slice(0, 12)), dt = q ? /* @__PURE__ */ p("style", { children: "\n      @keyframes storefront-hero-marquee-up {\n        0% { transform: translateY(0); }\n        100% { transform: translateY(calc(-50% - (var(--storefront-hero-marquee-gap) / 2))); }\n      }\n      @keyframes storefront-hero-marquee-down {\n        0% { transform: translateY(calc(-50% - (var(--storefront-hero-marquee-gap) / 2))); }\n        100% { transform: translateY(0); }\n      }\n      .storefront-hero-marquee-track {\n        animation: storefront-hero-marquee-up var(--storefront-hero-marquee-duration, 32s) linear infinite;\n        will-change: transform;\n      }\n      .storefront-hero-marquee-track-reverse {\n        animation-name: storefront-hero-marquee-down;\n      }\n      @media (prefers-reduced-motion: reduce) {\n        .storefront-hero-marquee-track,\n        .storefront-hero-marquee-track-reverse {\n          animation: none !important;\n          transform: none !important;\n        }\n      }\n    " }) : null, $ = (e) => /* @__PURE__ */ p("div", {
+	}), lt = Ie([...A, ...Le].flatMap((e) => Array.isArray(e.images) ? e.images : []).filter((e) => typeof e == "string" && e.trim().length > 0).map((e) => e.trim()).slice(0, 12)), ut = q ? /* @__PURE__ */ p("style", { children: "\n      @keyframes storefront-hero-marquee-up {\n        0% { transform: translateY(0); }\n        100% { transform: translateY(calc(-50% - (var(--storefront-hero-marquee-gap) / 2))); }\n      }\n      @keyframes storefront-hero-marquee-down {\n        0% { transform: translateY(calc(-50% - (var(--storefront-hero-marquee-gap) / 2))); }\n        100% { transform: translateY(0); }\n      }\n      .storefront-hero-marquee-track {\n        animation: storefront-hero-marquee-up var(--storefront-hero-marquee-duration, 32s) linear infinite;\n        will-change: transform;\n      }\n      .storefront-hero-marquee-track-reverse {\n        animation-name: storefront-hero-marquee-down;\n      }\n      @media (prefers-reduced-motion: reduce) {\n        .storefront-hero-marquee-track,\n        .storefront-hero-marquee-track-reverse {\n          animation: none !important;\n          transform: none !important;\n        }\n      }\n    " }) : null, $ = (e) => /* @__PURE__ */ p("div", {
 		className: h("relative h-full min-h-[340px] overflow-hidden", e),
 		style: {
 			WebkitMaskImage: "linear-gradient(to bottom, transparent 0%, black 5%, black 95%, transparent 100%)",
@@ -327,7 +328,7 @@ function D() {
 		"aria-hidden": "true",
 		children: /* @__PURE__ */ p("div", {
 			className: "absolute inset-0 grid grid-cols-2 gap-3 md:grid-cols-3 lg:grid-cols-6",
-			children: ut.map((e, t) => {
+			children: lt.map((e, t) => {
 				let n = C[t % C.length] ?? 32, r = [...e, ...e];
 				return /* @__PURE__ */ p("div", {
 					className: h("relative min-h-0 overflow-hidden", t === 2 && "hidden md:block", t >= 3 && "hidden lg:block"),
@@ -355,7 +356,7 @@ function D() {
 				}, `hero-marquee-column-${t}`);
 			})
 		})
-	}), ft = q ? /* @__PURE__ */ p("div", {
+	}), dt = q ? /* @__PURE__ */ p("div", {
 		className: "pointer-events-none absolute inset-0 hidden lg:block",
 		"aria-hidden": "true",
 		children: /* @__PURE__ */ m("div", {
@@ -365,7 +366,7 @@ function D() {
 				children: $()
 			})]
 		})
-	}) : null, pt = q ? /* @__PURE__ */ m(we, { children: [/* @__PURE__ */ p("div", {
+	}) : null, ft = q ? /* @__PURE__ */ m(Ce, { children: [/* @__PURE__ */ p("div", {
 		className: "lg:hidden",
 		children: $()
 	}), /* @__PURE__ */ p("div", {
@@ -374,7 +375,7 @@ function D() {
 	})] }) : /* @__PURE__ */ m("div", {
 		className: "relative min-h-[340px] overflow-hidden rounded-3xl border border-slate-200 bg-slate-900 shadow-sm lg:min-h-[510px]",
 		children: [/* @__PURE__ */ p("img", {
-			src: he,
+			src: me,
 			alt: "Bikes ready for reservation",
 			className: "absolute inset-0 h-full w-full object-cover"
 		}), /* @__PURE__ */ p("div", {
@@ -382,7 +383,7 @@ function D() {
 			"aria-hidden": "true"
 		})]
 	});
-	return /* @__PURE__ */ m(we, { children: [
+	return /* @__PURE__ */ m(Ce, { children: [
 		/* @__PURE__ */ m("section", {
 			className: "relative overflow-hidden border-b border-slate-200",
 			children: [
@@ -395,34 +396,34 @@ function D() {
 					style: { backgroundImage: "radial-gradient(circle at 20% 20%, rgba(15, 23, 42, 0.9) 0px, transparent 55%), radial-gradient(circle at 80% 35%, rgba(14, 116, 144, 0.9) 0px, transparent 55%), radial-gradient(circle at 55% 85%, rgba(99, 102, 241, 0.9) 0px, transparent 55%)" },
 					"aria-hidden": "true"
 				}),
+				ut,
 				dt,
-				ft,
 				J ? /* @__PURE__ */ m("div", {
 					className: "relative mx-auto grid max-w-7xl gap-8 px-4 py-10 sm:px-6 lg:grid-cols-12 lg:py-14",
 					children: [/* @__PURE__ */ m("div", {
 						className: "lg:col-span-5",
-						children: [it, Ze ? /* @__PURE__ */ p("div", {
+						children: [nt, Xe ? /* @__PURE__ */ p("div", {
 							className: "mt-7",
 							children: /* @__PURE__ */ p("div", {
 								className: "relative z-20 w-[calc(100%+24rem)] max-w-none",
-								children: lt
+								children: ct
 							})
 						}) : null]
 					}), /* @__PURE__ */ m("div", {
 						className: h("lg:col-span-7", !q && "lg:pt-4"),
-						children: [pt, Ze ? null : /* @__PURE__ */ p("div", {
+						children: [ft, Xe ? null : /* @__PURE__ */ p("div", {
 							className: "mt-4",
-							children: lt
+							children: ct
 						})]
 					})]
 				}) : /* @__PURE__ */ m("div", {
 					className: "relative mx-auto grid max-w-7xl gap-8 px-4 py-10 sm:px-6 lg:grid-cols-12 lg:items-center lg:py-14",
 					children: [/* @__PURE__ */ p("div", {
 						className: "lg:col-span-5",
-						children: it
+						children: nt
 					}), /* @__PURE__ */ p("div", {
 						className: "lg:col-span-7",
-						children: ct
+						children: st
 					})]
 				})
 			]
@@ -443,7 +444,7 @@ function D() {
 					})]
 				}), /* @__PURE__ */ m(g, {
 					className: "hidden items-center gap-2 text-sm font-medium text-slate-700 hover:text-slate-950 sm:inline-flex",
-					to: `/${S ?? ""}/booking${tt}`,
+					to: `/${S ?? ""}/booking${et}`,
 					children: [/* @__PURE__ */ p("span", { children: v("featured_view_all") }), /* @__PURE__ */ p(_, {
 						className: "h-4 w-4",
 						"aria-hidden": "true"
@@ -451,18 +452,18 @@ function D() {
 				})]
 			}), /* @__PURE__ */ p("div", {
 				className: "mt-6 grid gap-4 sm:grid-cols-2 lg:grid-cols-4",
-				children: Ye.map((e) => {
-					let t = e.id, n = e.slug, r = s(e.name, x.language, O), i = s(e.description, x.language, O), a = typeof e.images?.[0] == "string" ? e.images[0].trim() : "", o = ge(e.primaryImageStyle), l = ee(e.availabilityStatus), u = rt(n);
+				children: Je.map((e) => {
+					let t = e.id, n = e.slug, r = o(e.name, x.language, k), i = o(e.description, x.language, k), a = typeof e.images?.[0] == "string" ? e.images[0].trim() : "", c = he(e.primaryImageStyle), l = ee(e.availabilityStatus), u = Z(n);
 					return /* @__PURE__ */ m("div", {
 						className: "group flex h-full flex-col gap-2 rounded-xl border border-slate-200 bg-white p-3 text-left shadow-sm transition hover:border-slate-400",
 						children: [
 							/* @__PURE__ */ p(g, {
 								to: u,
-								state: Z,
+								state: Q,
 								className: "block",
 								children: /* @__PURE__ */ p("span", {
-									className: h("relative block aspect-[1618/1000] overflow-hidden rounded-xl", o.className),
-									style: o.style,
+									className: h("relative block aspect-[1618/1000] overflow-hidden rounded-xl", c.className),
+									style: c.style,
 									children: a ? /* @__PURE__ */ p("img", {
 										src: a,
 										alt: r,
@@ -470,7 +471,7 @@ function D() {
 										loading: "lazy"
 									}) : /* @__PURE__ */ p("span", {
 										className: "absolute inset-0 flex items-center justify-center text-slate-400",
-										children: /* @__PURE__ */ p(je, {
+										children: /* @__PURE__ */ p(Ae, {
 											className: "h-8 w-8",
 											"aria-hidden": "true"
 										})
@@ -482,11 +483,11 @@ function D() {
 								children: [
 									/* @__PURE__ */ p(g, {
 										to: u,
-										state: Z,
+										state: Q,
 										className: "text-sm font-semibold text-slate-950 hover:text-slate-700",
 										children: /* @__PURE__ */ p("span", { children: r })
 									}),
-									/* @__PURE__ */ p(me, {
+									/* @__PURE__ */ p(pe, {
 										prices: e.prices,
 										className: "self-start"
 									}),
@@ -499,7 +500,7 @@ function D() {
 							/* @__PURE__ */ m("span", {
 								className: "flex flex-wrap items-center gap-x-2 gap-y-1",
 								children: [
-									/* @__PURE__ */ p(c, {
+									/* @__PURE__ */ p(s, {
 										variant: l.variant,
 										children: /* @__PURE__ */ p("span", { children: v(l.labelKey) })
 									}),
@@ -509,7 +510,7 @@ function D() {
 									}),
 									/* @__PURE__ */ p(g, {
 										to: u,
-										state: Z,
+										state: Q,
 										className: "text-xs font-medium text-slate-700 hover:text-slate-950",
 										children: /* @__PURE__ */ p("span", { children: v("product_details_link") })
 									})
@@ -539,11 +540,11 @@ function D() {
 					})
 				}), /* @__PURE__ */ p("div", {
 					className: "mt-6 grid gap-4 md:grid-cols-2",
-					children: k.map((e) => /* @__PURE__ */ p(_e, {
+					children: A.map((e) => /* @__PURE__ */ p(ge, {
 						bike: e,
-						detailsPath: rt(e.slug),
-						productDetailsLinkState: Z,
-						fallbackLanguage: O,
+						detailsPath: Z(e.slug),
+						productDetailsLinkState: Q,
+						fallbackLanguage: k,
 						onAction: X
 					}, e.id))
 				})]
@@ -565,8 +566,8 @@ function D() {
 				})
 			}), /* @__PURE__ */ p("div", {
 				className: "mt-6 grid gap-4 sm:grid-cols-2 lg:grid-cols-4",
-				children: Re.slice(0, 4).map((e) => {
-					let t = s(e.name, x.language, O), n = s(e.description, x.language, O), r = s(e.warning, x.language, O), i = typeof e.images?.[0] == "string" ? e.images[0].trim() : "", a = ge(e.primaryImageStyle);
+				children: Le.slice(0, 4).map((e) => {
+					let t = o(e.name, x.language, k), n = o(e.description, x.language, k), r = o(e.warning, x.language, k), i = typeof e.images?.[0] == "string" ? e.images[0].trim() : "", a = he(e.primaryImageStyle);
 					return /* @__PURE__ */ m("div", {
 						className: "flex h-full flex-col gap-2 rounded-xl border border-slate-200 bg-white p-3 shadow-sm",
 						children: [
@@ -580,7 +581,7 @@ function D() {
 									loading: "lazy"
 								}) : /* @__PURE__ */ p("div", {
 									className: "absolute inset-0 flex items-center justify-center text-slate-400",
-									children: /* @__PURE__ */ p(je, {
+									children: /* @__PURE__ */ p(Ae, {
 										className: "h-8 w-8",
 										"aria-hidden": "true"
 									})
@@ -597,7 +598,7 @@ function D() {
 										className: "line-clamp-2 text-xs text-slate-600",
 										children: /* @__PURE__ */ p("span", { children: n })
 									}),
-									/* @__PURE__ */ p(pe, {
+									/* @__PURE__ */ p(fe, {
 										warning: r,
 										className: "mt-1"
 									})
@@ -605,19 +606,16 @@ function D() {
 							}),
 							/* @__PURE__ */ p("div", {
 								className: "flex items-center justify-between gap-2",
-								children: /* @__PURE__ */ p(me, { prices: e.prices })
+								children: /* @__PURE__ */ p(pe, { prices: e.prices })
 							})
 						]
 					}, e.id);
 				})
 			})]
 		}),
-		/* @__PURE__ */ p(de, { preset: M }),
 		/* @__PURE__ */ p(ue, {}),
-		/* @__PURE__ */ p(le, {
-			preset: M,
-			storeSlug: S ?? ""
-		})
+		/* @__PURE__ */ p(le, {}),
+		/* @__PURE__ */ p(ce, { storeSlug: S ?? "" })
 	] });
 }
 //#endregion