@loczer/storefront-sdk 0.236.0 → 0.237.0

package/dist/pages/HomePage.js

@@ -1,24 +1,25 @@
 import { BOOKING_SEARCH_KEYS as e, applyBookingParamsToSearch as t, createBookingPeriodConfigFromStorefrontConfiguration as n, getBookingParamsFromSearch as r, getDefaultBookingParamsForStorefrontConfiguration as i, resolveBookingSearchParamsFromSessionStorage as a, writeBookingSearchParamsToSessionStorage as o } from "../lib/booking.js";
 import { getLocalizedValue as s } from "../localization.js";
 import { getAvailabilityVariant as ee } from "../lib/utils.js";
-import { resolveStorefrontMapsHref as te } from "../lib/storefrontContact.js";
-import { buildStorefrontImageUrl as c } from "../lib/storefrontImage.js";
-import { MISSING_SHOP_ADDRESS as ne } from "../lib/storefrontMissingValues.js";
-import { buildBusinessHoursSeasonSummary as re, normalizeStorefrontOpeningHours as ie, normalizeStorefrontOpeningHoursOverrides as ae } from "../components/Footer/businessHoursUtils.js";
-import { Badge as l } from "../ui/badge.js";
-import { Button as oe } from "../ui/button.js";
-import { useStorefront as se, useStorefrontProducts as ce } from "../StorefrontContext.js";
-import { usePlaygroundDevSettings as le } from "../lib/playgroundDevSettings.js";
-import { BookingPeriodProvider as ue, useBookingPeriod as u } from "../components/BookingPeriodSelector/BookingPeriodContext.js";
-import { BookingStartDateField as de } from "../components/BookingPeriodSelector/components/BookingStartDateField.js";
-import { BookingStartTimeField as fe } from "../components/BookingPeriodSelector/components/BookingStartTimeField.js";
-import { BookingEndDateField as pe } from "../components/BookingPeriodSelector/components/BookingEndDateField.js";
-import { BookingEndTimeField as me } from "../components/BookingPeriodSelector/components/BookingEndTimeField.js";
-import { BookingTimeSlotsStatus as he } from "../components/BookingPeriodSelector/components/BookingTimeSlotsStatus.js";
-import { BookingMobileDateDrawer as ge } from "../components/BookingPeriodSelector/components/BookingMobileDateDrawer.js";
+import { resolveStorefrontMapsHref as c } from "../lib/storefrontContact.js";
+import { buildStorefrontImageUrl as l } from "../lib/storefrontImage.js";
+import { MISSING_SHOP_ADDRESS as te } from "../lib/storefrontMissingValues.js";
+import { buildBusinessHoursSeasonSummary as ne, normalizeStorefrontOpeningHours as re, normalizeStorefrontOpeningHoursOverrides as ie } from "../components/Footer/businessHoursUtils.js";
+import { Badge as u } from "../ui/badge.js";
+import { Button as ae } from "../ui/button.js";
+import { useStorefront as oe, useStorefrontProducts as se } from "../StorefrontContext.js";
+import { usePlaygroundDevSettings as ce } from "../lib/playgroundDevSettings.js";
+import { BookingPeriodProvider as le, useBookingPeriod as d } from "../components/BookingPeriodSelector/BookingPeriodContext.js";
+import { BookingStartDateField as ue } from "../components/BookingPeriodSelector/components/BookingStartDateField.js";
+import { BookingStartTimeField as de } from "../components/BookingPeriodSelector/components/BookingStartTimeField.js";
+import { BookingEndDateField as fe } from "../components/BookingPeriodSelector/components/BookingEndDateField.js";
+import { BookingEndTimeField as pe } from "../components/BookingPeriodSelector/components/BookingEndTimeField.js";
+import { BookingTimeSlotsStatus as me } from "../components/BookingPeriodSelector/components/BookingTimeSlotsStatus.js";
+import { BookingMobileDateDrawer as he } from "../components/BookingPeriodSelector/components/BookingMobileDateDrawer.js";
 import "../components/BookingPeriodSelector/index.js";
-import { DeliveryAddressSelector as _e } from "../components/DeliveryAddressSelector/index.js";
-import { ContactSection as ve } from "../components/ContactSection/index.js";
+import { DeliveryAddressSelector as ge } from "../components/DeliveryAddressSelector/index.js";
+import { ContactSection as _e } from "../components/ContactSection/index.js";
+import { FaqSection as ve } from "../components/FaqSection/index.js";
 import { TestimonialsSection as ye } from "../components/TestimonialsSection/index.js";
 import { AboutSection as be } from "../components/AboutSection/index.js";
 import { ItinerariesSection as xe } from "../components/Itineraries/ItinerariesSection.js";
@@ -35,21 +36,21 @@ import { StorefrontCancellationPolicyNotice as Ne } from "../components/Storefro
 import { StorefrontInsuranceNotice as Pe } from "../components/StorefrontInsuranceNotice/index.js";
 import { createStorefrontTimeSlotsFetcher as Fe } from "../lib/fetchStorefrontTimeSlots.js";
 import { FulfillmentSection as Ie } from "../components/FulfillmentSection/index.js";
-import { useEffect as d, useMemo as f, useRef as p, useState as m } from "react";
-import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
-import { Link as v, useLocation as Le, useNavigate as Re, useParams as ze, useSearchParams as Be } from "@rpcbase/router";
+import { useEffect as f, useMemo as p, useRef as m, useState as h } from "react";
+import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
+import { Link as y, useLocation as Le, useNavigate as Re, useParams as ze, useSearchParams as Be } from "@rpcbase/router";
 import { useTranslation as Ve } from "react-i18next";
-import { cn as y } from "@rpcbase/ui";
-import { ArrowRight as b, Bike as He, Clock as Ue, MapPin as We, ShieldCheck as Ge, Truck as Ke } from "lucide-react";
+import { cn as b } from "@rpcbase/ui";
+import { ArrowRight as x, Bike as He, Clock as Ue, MapPin as We, ShieldCheck as Ge, Truck as Ke } from "lucide-react";
 //#region src/pages/HomePage.tsx
-var x = (e) => String(e).padStart(2, "0"), qe = "text-2xs font-semibold uppercase tracking-wide text-slate-600", Je = "h-10", Ye = "show_business_hours_modal", Xe = 7, S = 6, C = 5, Ze = [
+var S = (e) => String(e).padStart(2, "0"), qe = "text-2xs font-semibold uppercase tracking-wide text-slate-600", Je = "h-10", C = "show_business_hours_modal", Ye = 7, w = 6, T = 5, Xe = [
 	15,
 	25,
 	42,
 	66,
 	33,
 	54
-], w = [
+], E = [
 	"4 / 5",
 	"1 / 1",
 	"3 / 4",
@@ -58,39 +59,39 @@ var x = (e) => String(e).padStart(2, "0"), qe = "text-2xs font-semibold uppercas
 	"4 / 3",
 	"9 / 16",
 	"6 / 7"
-], Qe = ({ buttonRef: e, className: t, label: n, onSubmit: r }) => {
-	let { hasConfirmedTimeSlots: i, startTime: a, endTime: o } = u();
-	return /* @__PURE__ */ _(oe, {
+], Ze = ({ buttonRef: e, className: t, label: n, onSubmit: r }) => {
+	let { hasConfirmedTimeSlots: i, startTime: a, endTime: o } = d();
+	return /* @__PURE__ */ v(ae, {
 		ref: e,
-		className: y("gap-2", t),
+		className: b("gap-2", t),
 		disabled: !i || !a || !o,
 		onClick: r,
-		children: [/* @__PURE__ */ g("span", { children: n }), /* @__PURE__ */ g(b, {
+		children: [/* @__PURE__ */ _("span", { children: n }), /* @__PURE__ */ _(x, {
 			className: "h-4 w-4",
 			"aria-hidden": "true"
 		})]
 	});
-}, T = (e) => `${e.getFullYear()}-${x(e.getMonth() + 1)}-${x(e.getDate())}`, E = (e) => {
+}, D = (e) => `${e.getFullYear()}-${S(e.getMonth() + 1)}-${S(e.getDate())}`, O = (e) => {
 	if (!e) return;
 	let t = e.match(/^(\d{4})-(\d{2})-(\d{2})$/);
 	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;
-}, $e = (e) => {
+}, Qe = (e) => {
 	let t = e.length > 0 ? e : [Te];
-	return Array.from({ length: S }, (e, n) => Array.from({ length: C }, (e, r) => {
-		let i = n * C + r;
+	return Array.from({ length: w }, (e, n) => Array.from({ length: T }, (e, r) => {
+		let i = n * T + r;
 		return {
-			aspectRatio: w[(i + n) % w.length] ?? w[0],
+			aspectRatio: E[(i + n) % E.length] ?? E[0],
 			src: t[i % t.length] ?? "data:image/svg+xml,%3csvg%20width='1600'%20height='1066'%20viewBox='0%200%201600%201066'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cdefs%3e%3clinearGradient%20id='bg'%20x1='0'%20y1='0'%20x2='1600'%20y2='1066'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%230F172A'/%3e%3cstop%20offset='1'%20stop-color='%23164E63'/%3e%3c/linearGradient%3e%3clinearGradient%20id='road'%20x1='0'%20y1='740'%20x2='1600'%20y2='1066'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23334155'/%3e%3cstop%20offset='1'%20stop-color='%230F172A'/%3e%3c/linearGradient%3e%3c/defs%3e%3crect%20width='1600'%20height='1066'%20fill='url(%23bg)'/%3e%3cpath%20d='M0%20675C233%20555%20420%20530%20590%20551C752%20571%20930%20635%201088%20632C1252%20629%201423%20559%201600%20498V1066H0V675Z'%20fill='%231E293B'%20opacity='0.7'/%3e%3cpath%20d='M0%20792C213%20710%20393%20686%20573%20697C760%20708%20945%20760%201123%20761C1286%20762%201437%20722%201600%20666V1066H0V792Z'%20fill='url(%23road)'/%3e%3ccircle%20cx='440'%20cy='620'%20r='92'%20stroke='%23F8FAFC'%20stroke-width='18'%20opacity='0.8'/%3e%3ccircle%20cx='740'%20cy='620'%20r='92'%20stroke='%23F8FAFC'%20stroke-width='18'%20opacity='0.8'/%3e%3cpath%20d='M440%20620L560%20520L650%20620H740M560%20520L610%20445M595%20470H665'%20stroke='%23F8FAFC'%20stroke-width='18'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3ccircle%20cx='980'%20cy='700'%20r='80'%20stroke='%23E2E8F0'%20stroke-width='14'%20opacity='0.7'/%3e%3ccircle%20cx='1240'%20cy='700'%20r='80'%20stroke='%23E2E8F0'%20stroke-width='14'%20opacity='0.7'/%3e%3cpath%20d='M980%20700L1078%20616L1156%20700H1240M1078%20616L1122%20556M1112%20574H1172'%20stroke='%23E2E8F0'%20stroke-width='14'%20stroke-linecap='round'%20stroke-linejoin='round'%20opacity='0.7'/%3e%3c/svg%3e"
 		};
 	}));
 };
-function D() {
-	let { t: u, i18n: x } = Ve(), { storeSlug: S } = ze(), C = Le(), { storefrontConfiguration: w } = se(), D = w.shop.address?.trim() ?? "", O = w.workspace?.workspaceLanguage, et = x.resolvedLanguage || x.language || O || "en", [tt, nt] = m(() => /* @__PURE__ */ new Date());
-	d(() => {
+function k() {
+	let { t: d, i18n: S } = Ve(), { storeSlug: w } = ze(), T = Le(), { storefrontConfiguration: E } = oe(), k = E.shop.address?.trim() ?? "", A = E.workspace?.workspaceLanguage, j = S.resolvedLanguage || S.language || A || "en", [$e, et] = h(() => /* @__PURE__ */ new Date());
+	f(() => {
 		let e = () => {
-			nt(/* @__PURE__ */ new Date());
+			et(/* @__PURE__ */ new Date());
 		}, t, n = window.setTimeout(() => {
 			e(), t = window.setInterval(e, 6e4);
 		}, 6e4 - Date.now() % 6e4);
@@ -98,375 +99,375 @@ function D() {
 			window.clearTimeout(n), t != null && window.clearInterval(t);
 		};
 	}, []);
-	let rt = ie(w.bookingEngine.shop.openingHours), it = ae(w.bookingEngine.shop.openingHoursOverrides), { seasons: at, exceptions: ot } = re({
-		openingHours: rt,
-		openingHoursOverrides: it,
-		language: x.language || O || "en",
-		closedLabel: u("footer_business_hours_closed"),
-		formatWeekdayRange: (e, t) => u("footer_business_hours_weekday_range", {
+	let tt = re(E.bookingEngine.shop.openingHours), nt = ie(E.bookingEngine.shop.openingHoursOverrides), { seasons: rt, exceptions: it } = ne({
+		openingHours: tt,
+		openingHoursOverrides: nt,
+		language: S.language || A || "en",
+		closedLabel: d("footer_business_hours_closed"),
+		formatWeekdayRange: (e, t) => d("footer_business_hours_weekday_range", {
 			start: e,
 			end: t
 		}),
-		formatSeasonRange: (e, t) => u("footer_business_hours_season_range", {
+		formatSeasonRange: (e, t) => d("footer_business_hours_season_range", {
 			start: e,
 			end: t
 		}),
-		timeZone: w.bookingEngine.shop.timeZone,
+		timeZone: E.bookingEngine.shop.timeZone,
 		includeReferenceDateOverrideInSeason: !1
-	}), st = at.length > 0 || ot.length > 0, k = Me({
-		openingHours: rt,
-		openingHoursOverrides: it,
-		timeZone: w.bookingEngine.shop.timeZone,
-		referenceDate: tt
-	}), A = u("status_hours_unavailable");
-	if (k.kind === "open") A = u("status_open");
-	else if (k.kind === "closed") {
-		let { nextOpening: e } = k;
-		if (!e) A = u("status_closed");
+	}), at = rt.length > 0 || it.length > 0, M = Me({
+		openingHours: tt,
+		openingHoursOverrides: nt,
+		timeZone: E.bookingEngine.shop.timeZone,
+		referenceDate: $e
+	}), N = d("status_hours_unavailable");
+	if (M.kind === "open") N = d("status_open");
+	else if (M.kind === "closed") {
+		let { nextOpening: e } = M;
+		if (!e) N = d("status_closed");
 		else {
-			let t = Ae(e.time, et);
-			A = e.daysFromToday === 0 ? u("status_opens_at", { time: t }) : e.daysFromToday === 1 ? u("status_opens_at_tomorrow", { time: t }) : e.daysFromToday <= Xe ? u("status_opens_on", {
+			let t = Ae(e.time, j);
+			N = e.daysFromToday === 0 ? d("status_opens_at", { time: t }) : e.daysFromToday === 1 ? d("status_opens_at_tomorrow", { time: t }) : e.daysFromToday <= Ye ? d("status_opens_on", {
 				time: t,
-				weekday: je(e.date, et)
-			}) : u("status_opens_on_date", {
-				date: ke(e.date, et),
+				weekday: je(e.date, j)
+			}) : d("status_opens_on_date", {
+				date: ke(e.date, j),
 				time: t
 			});
 		}
 	}
-	let j = te(w.shop), { bikes: M, accessories: ct } = ce(), [N, lt] = Be(), ut = N.get(Ye) === "true", dt = Re(), P = f(() => a(N, S), [N, S]), ft = f(() => n(w), [w]), F = f(() => i(w), [w]), I = f(() => E(F.startDate), [F.startDate]), pt = f(() => E(F.endDate) ?? I, [F.endDate, I]), L = w.settings.fulfillmentModes.includes("delivery"), mt = w.settings.deliveryDisabledReason.trim(), ht = f(() => r(P, F), [F, P]), [R, gt] = m(() => ht.fulfillment === "delivery" && L ? "delivery" : "pickup"), [z, _t] = m(() => E(P.get("start_date")) ?? I), [B, vt] = m(() => P.get("start_time") ?? F.startTime), [V, yt] = m(() => {
-		let e = E(P.get("start_date")) ?? I;
-		return E(P.get("end_date")) ?? e ?? pt;
-	}), [H, bt] = m(() => P.get("end_time") ?? F.endTime), [xt, St] = m(void 0), Ct = p(void 0), [wt, Tt] = m(!1), [U, W] = m(() => ht.startAddress), [G, K] = m(() => ht.endAddress), q = p(null), Et = (e) => {
-		let t = new URLSearchParams(N);
-		e ? t.set(Ye, "true") : t.delete(Ye), lt(t, { replace: !0 });
-	}, J = [
-		z ? T(z) : "",
-		B,
-		V ? T(V) : "",
-		H
-	].join(":"), Dt = p(J);
-	Dt.current = J;
-	let Y = xt === J, Ot = f(() => M.slice(0, 4), [M]), { heroMode: kt } = le(), At = kt ?? w.content?.heroMode ?? "current_booking_hero", X = At === "vertical_marquee_hero", Z = At === "booking_bar_overlay_hero" || X, jt = Fe(S), Mt = f(() => ({
-		startDate: u("booking_start_date"),
-		pickStartDate: u("booking_start_date"),
-		startTime: u("booking_start_time"),
-		endDate: u("booking_end_date"),
-		pickEndDate: u("booking_end_date"),
-		endTime: u("booking_end_time"),
-		selectedDaysTooltip: ({ count: e }) => u("booking_selected_days_tooltip", { count: e }),
-		rentalPeriod: u("booking_rental_period"),
-		dateDrawerNext: u("booking_date_drawer_continue"),
-		closeDrawer: u("booking_date_drawer_close"),
-		timeSlotsLoading: u("booking_time_slots_loading"),
-		timeSlotsUnavailable: u("booking_time_slots_unavailable"),
-		timeSlotsLoadError: u("booking_time_slots_load_error"),
-		retryTimeSlots: u("booking_time_slots_retry")
-	}), [x.language, u]), Q = f(() => {
-		let e = z ?? I ?? /* @__PURE__ */ new Date(), n = V ?? e;
+	let P = c(E.shop), { bikes: F, accessories: ot } = se(), [I, st] = Be(), ct = I.get(C) === "true", lt = Re(), L = p(() => a(I, w), [I, w]), ut = p(() => n(E), [E]), R = p(() => i(E), [E]), z = p(() => O(R.startDate), [R.startDate]), dt = p(() => O(R.endDate) ?? z, [R.endDate, z]), B = E.settings.fulfillmentModes.includes("delivery"), ft = E.settings.deliveryDisabledReason.trim(), pt = p(() => r(L, R), [R, L]), [V, mt] = h(() => pt.fulfillment === "delivery" && B ? "delivery" : "pickup"), [H, ht] = h(() => O(L.get("start_date")) ?? z), [U, gt] = h(() => L.get("start_time") ?? R.startTime), [W, _t] = h(() => {
+		let e = O(L.get("start_date")) ?? z;
+		return O(L.get("end_date")) ?? e ?? dt;
+	}), [G, vt] = h(() => L.get("end_time") ?? R.endTime), [yt, bt] = h(void 0), xt = m(void 0), [St, Ct] = h(!1), [K, wt] = h(() => pt.startAddress), [q, Tt] = h(() => pt.endAddress), Et = m(null), Dt = (e) => {
+		let t = new URLSearchParams(I);
+		e ? t.set(C, "true") : t.delete(C), st(t, { replace: !0 });
+	}, Ot = [
+		H ? D(H) : "",
+		U,
+		W ? D(W) : "",
+		G
+	].join(":"), kt = m(Ot);
+	kt.current = Ot;
+	let J = yt === Ot, At = p(() => F.slice(0, 4), [F]), { heroMode: jt } = ce(), Mt = jt ?? E.content?.heroMode ?? "current_booking_hero", Y = Mt === "vertical_marquee_hero", X = Mt === "booking_bar_overlay_hero" || Y, Nt = Fe(w), Pt = p(() => ({
+		startDate: d("booking_start_date"),
+		pickStartDate: d("booking_start_date"),
+		startTime: d("booking_start_time"),
+		endDate: d("booking_end_date"),
+		pickEndDate: d("booking_end_date"),
+		endTime: d("booking_end_time"),
+		selectedDaysTooltip: ({ count: e }) => d("booking_selected_days_tooltip", { count: e }),
+		rentalPeriod: d("booking_rental_period"),
+		dateDrawerNext: d("booking_date_drawer_continue"),
+		closeDrawer: d("booking_date_drawer_close"),
+		timeSlotsLoading: d("booking_time_slots_loading"),
+		timeSlotsUnavailable: d("booking_time_slots_unavailable"),
+		timeSlotsLoadError: d("booking_time_slots_load_error"),
+		retryTimeSlots: d("booking_time_slots_retry")
+	}), [S.language, d]), Z = p(() => {
+		let e = H ?? z ?? /* @__PURE__ */ new Date(), n = W ?? e;
 		return t(new URLSearchParams(), {
-			fulfillment: R === "delivery" && L ? "delivery" : "pickup",
-			startDate: T(e),
-			startTime: Y ? B : "",
-			endDate: T(n),
-			endTime: Y ? H : "",
-			startAddress: U,
-			endAddress: G
+			fulfillment: V === "delivery" && B ? "delivery" : "pickup",
+			startDate: D(e),
+			startTime: J ? U : "",
+			endDate: D(n),
+			endTime: J ? G : "",
+			startAddress: K,
+			endAddress: q
 		});
 	}, [
-		I,
-		L,
+		z,
+		B,
+		q,
+		W,
 		G,
 		V,
+		J,
+		K,
 		H,
-		R,
-		Y,
-		U,
-		z,
-		B
-	]), Nt = Q.toString(), Pt = Nt ? `?${Nt}` : "";
-	d(() => {
-		o(S, Q);
-	}, [Q, S]), d(() => {
-		let t = new URLSearchParams(N);
+		U
+	]), Ft = Z.toString(), It = Ft ? `?${Ft}` : "";
+	f(() => {
+		o(w, Z);
+	}, [Z, w]), f(() => {
+		let t = new URLSearchParams(I);
 		for (let n of e) t.delete(n);
-		for (let [e, n] of Q.entries()) t.set(e, n);
-		t.toString() !== N.toString() && lt(t, { replace: !0 });
+		for (let [e, n] of Z.entries()) t.set(e, n);
+		t.toString() !== I.toString() && st(t, { replace: !0 });
 	}, [
-		Q,
-		N,
-		lt
-	]), d(() => {
-		!wt || !Y || (Tt(!1), q.current?.focus({ preventScroll: !0 }));
-	}, [Y, wt]);
-	let Ft = Y && !!(B && H), It = {
-		startDate: z,
-		onStartDateChange: _t,
-		startTime: B,
-		onStartTimeChange: vt,
-		endDate: V,
-		onEndDateChange: yt,
-		endTime: H,
-		onEndTimeChange: bt,
-		onEndTimeCommit: () => Tt(!0),
-		bookingPeriodConfig: ft,
+		Z,
+		I,
+		st
+	]), f(() => {
+		!St || !J || (Ct(!1), Et.current?.focus({ preventScroll: !0 }));
+	}, [J, St]);
+	let Lt = J && !!(U && G), Rt = {
+		startDate: H,
+		onStartDateChange: ht,
+		startTime: U,
+		onStartTimeChange: gt,
+		endDate: W,
+		onEndDateChange: _t,
+		endTime: G,
+		onEndTimeChange: vt,
+		onEndTimeCommit: () => Ct(!0),
+		bookingPeriodConfig: ut,
 		withMobileDateDrawer: !0,
-		fetchTimeSlots: jt,
+		fetchTimeSlots: Nt,
 		onTimeSlotsConfirmationChange: (e) => {
-			let t = e ? Dt.current : void 0;
-			Ct.current !== t && (Ct.current = t, St(t));
+			let t = e ? kt.current : void 0;
+			xt.current !== t && (xt.current = t, bt(t));
 		},
-		labels: Mt,
-		localeCode: x.language
-	}, Lt = () => {
-		let e = new URLSearchParams(N);
-		for (let [t, n] of Q.entries()) e.set(t, n);
-		dt(`/${S ?? ""}/booking?${e.toString()}#booking-products`);
-	}, Rt = () => {
-		Ft && Lt();
-	}, zt = (e) => `/${S ?? ""}/products/${e}`, $ = { backTo: `${C.pathname}${C.search}${C.hash}` }, Bt = /* @__PURE__ */ _("div", {
+		labels: Pt,
+		localeCode: S.language
+	}, zt = () => {
+		let e = new URLSearchParams(I);
+		for (let [t, n] of Z.entries()) e.set(t, n);
+		lt(`/${w ?? ""}/booking?${e.toString()}#booking-products`);
+	}, Bt = () => {
+		Lt && zt();
+	}, Vt = (e) => `/${w ?? ""}/products/${e}`, Q = { backTo: `${T.pathname}${T.search}${T.hash}` }, Ht = /* @__PURE__ */ v("div", {
 		className: "min-w-0",
 		children: [
-			/* @__PURE__ */ _("div", {
+			/* @__PURE__ */ v("div", {
 				className: "flex min-w-0 flex-wrap items-center gap-2",
-				children: [st ? /* @__PURE__ */ g(l, {
+				children: [at ? /* @__PURE__ */ _(u, {
 					asChild: !0,
 					variant: "secondary",
 					className: "group cursor-pointer",
-					children: /* @__PURE__ */ _("button", {
+					children: /* @__PURE__ */ v("button", {
 						type: "button",
 						"data-testid": "storefront-business-hours-trigger",
 						"aria-haspopup": "dialog",
-						"aria-expanded": ut,
-						onClick: () => Et(!0),
-						children: [/* @__PURE__ */ g(Ue, {
+						"aria-expanded": ct,
+						onClick: () => Dt(!0),
+						children: [/* @__PURE__ */ _(Ue, {
 							className: "h-3 w-3",
 							"aria-hidden": "true"
-						}), /* @__PURE__ */ g("span", {
+						}), /* @__PURE__ */ _("span", {
 							className: "decoration-current underline-offset-2 group-hover:underline group-focus-visible:underline",
 							"data-testid": "storefront-business-hours-status",
 							suppressHydrationWarning: !0,
-							children: A
+							children: N
 						})]
 					})
-				}) : /* @__PURE__ */ _(l, {
+				}) : /* @__PURE__ */ v(u, {
 					variant: "secondary",
-					children: [/* @__PURE__ */ g(Ue, {
+					children: [/* @__PURE__ */ _(Ue, {
 						className: "h-3 w-3",
 						"aria-hidden": "true"
-					}), /* @__PURE__ */ g("span", {
+					}), /* @__PURE__ */ _("span", {
 						"data-testid": "storefront-business-hours-status",
 						suppressHydrationWarning: !0,
-						children: A
+						children: N
 					})]
-				}), D && j ? /* @__PURE__ */ g(l, {
+				}), k && P ? /* @__PURE__ */ _(u, {
 					asChild: !0,
 					variant: "secondary",
 					className: "group min-w-0 max-w-full cursor-pointer",
-					children: /* @__PURE__ */ _("a", {
-						href: j,
+					children: /* @__PURE__ */ v("a", {
+						href: P,
 						target: "_blank",
 						rel: "noreferrer",
 						"data-testid": "storefront-shop-address-link",
-						children: [/* @__PURE__ */ g(We, {
+						children: [/* @__PURE__ */ _(We, {
 							className: "h-3 w-3",
 							"aria-hidden": "true"
-						}), /* @__PURE__ */ g("span", {
+						}), /* @__PURE__ */ _("span", {
 							className: "truncate decoration-current underline-offset-2 group-hover:underline group-focus-visible:underline",
-							children: D
+							children: k
 						})]
 					})
-				}) : /* @__PURE__ */ _(l, {
+				}) : /* @__PURE__ */ v(u, {
 					variant: "outline",
 					className: "min-w-0 max-w-full border-destructive/40 text-destructive",
-					children: [/* @__PURE__ */ g(We, {
+					children: [/* @__PURE__ */ _(We, {
 						className: "h-3 w-3",
 						"aria-hidden": "true"
-					}), /* @__PURE__ */ g("span", {
+					}), /* @__PURE__ */ _("span", {
 						className: "truncate",
-						children: ne
+						children: te
 					})]
 				})]
 			}),
-			/* @__PURE__ */ g("h1", {
+			/* @__PURE__ */ _("h1", {
 				className: "mt-4 text-[1.75rem] font-semibold leading-tight tracking-tight sm:text-4xl",
-				children: /* @__PURE__ */ g("span", { children: u("hero_title") })
+				children: /* @__PURE__ */ _("span", { children: d("hero_title") })
 			}),
-			/* @__PURE__ */ g("p", {
+			/* @__PURE__ */ _("p", {
 				className: "mt-3 text-sm text-slate-700 sm:text-base",
-				children: /* @__PURE__ */ g("span", { children: u("hero_description") })
+				children: /* @__PURE__ */ _("span", { children: d("hero_description") })
 			}),
-			/* @__PURE__ */ g("div", {
-				className: y("mt-6", !Z && "rounded-xl border bg-white/70 p-3"),
-				children: /* @__PURE__ */ _("ul", {
-					className: y("space-y-3", Z && "space-y-2"),
+			/* @__PURE__ */ _("div", {
+				className: b("mt-6", !X && "rounded-xl border bg-white/70 p-3"),
+				children: /* @__PURE__ */ v("ul", {
+					className: b("space-y-3", X && "space-y-2"),
 					"data-testid": "storefront-home-trust-features",
 					children: [
-						/* @__PURE__ */ _("li", {
+						/* @__PURE__ */ v("li", {
 							className: "flex items-start gap-3",
 							"data-testid": "storefront-secure-payment-notice",
-							children: [/* @__PURE__ */ g(Ge, {
+							children: [/* @__PURE__ */ _(Ge, {
 								className: "mt-0.5 h-5 w-5 text-success",
 								"aria-hidden": "true"
-							}), /* @__PURE__ */ _("div", {
+							}), /* @__PURE__ */ v("div", {
 								className: "flex min-w-0 flex-col gap-0.5",
-								children: [/* @__PURE__ */ g("p", {
+								children: [/* @__PURE__ */ _("p", {
 									className: "text-sm font-medium text-slate-950",
-									children: /* @__PURE__ */ g("span", { children: u("feature_secure_payment_title") })
-								}), /* @__PURE__ */ g("p", {
+									children: /* @__PURE__ */ _("span", { children: d("feature_secure_payment_title") })
+								}), /* @__PURE__ */ _("p", {
 									className: "text-xs text-slate-600",
-									children: /* @__PURE__ */ g("span", { children: u("feature_secure_payment_description") })
+									children: /* @__PURE__ */ _("span", { children: d("feature_secure_payment_description") })
 								})]
 							})]
 						}),
-						/* @__PURE__ */ g(Ne, {
-							policy: w.bookingEngine.cancellationPolicy,
-							className: y(!Z && "border-t border-slate-200/70 pt-3")
+						/* @__PURE__ */ _(Ne, {
+							policy: E.bookingEngine.cancellationPolicy,
+							className: b(!X && "border-t border-slate-200/70 pt-3")
 						}),
-						L ? /* @__PURE__ */ _("li", {
-							className: y("flex items-start gap-3", !Z && "border-t border-slate-200/70 pt-3"),
+						B ? /* @__PURE__ */ v("li", {
+							className: b("flex items-start gap-3", !X && "border-t border-slate-200/70 pt-3"),
 							"data-testid": "storefront-delivery-notice",
-							children: [/* @__PURE__ */ g(Ke, {
+							children: [/* @__PURE__ */ _(Ke, {
 								className: "mt-0.5 h-5 w-5 text-slate-900",
 								"aria-hidden": "true"
-							}), /* @__PURE__ */ _("div", {
+							}), /* @__PURE__ */ v("div", {
 								className: "flex flex-col gap-0.5",
-								children: [/* @__PURE__ */ g("p", {
+								children: [/* @__PURE__ */ _("p", {
 									className: "text-sm font-medium text-slate-950",
-									children: /* @__PURE__ */ g("span", { children: u("feature_delivery_title") })
-								}), /* @__PURE__ */ g("p", {
+									children: /* @__PURE__ */ _("span", { children: d("feature_delivery_title") })
+								}), /* @__PURE__ */ _("p", {
 									className: "text-xs text-slate-600",
-									children: /* @__PURE__ */ g("span", { children: u("feature_delivery_description") })
+									children: /* @__PURE__ */ _("span", { children: d("feature_delivery_description") })
 								})]
 							})]
 						}) : null,
-						/* @__PURE__ */ g(Pe, {
-							bikes: M,
-							currency: w.bookingEngine.currency,
-							fallbackLanguage: O,
-							className: y(!Z && "border-t border-slate-200/70 pt-3")
+						/* @__PURE__ */ _(Pe, {
+							bikes: F,
+							currency: E.bookingEngine.currency,
+							fallbackLanguage: A,
+							className: b(!X && "border-t border-slate-200/70 pt-3")
 						})
 					]
 				})
 			})
 		]
-	}), Vt = ({ className: e, showSubmitButton: t = !1, submitButtonClassName: n }) => /* @__PURE__ */ g(ue, {
-		...It,
+	}), Ut = ({ className: e, showSubmitButton: t = !1, submitButtonClassName: n }) => /* @__PURE__ */ _(le, {
+		...Rt,
 		labelClassName: qe,
 		inputClassName: Je,
-		children: /* @__PURE__ */ _(h, { children: [
-			/* @__PURE__ */ _("div", {
+		children: /* @__PURE__ */ v(g, { children: [
+			/* @__PURE__ */ v("div", {
 				className: e,
 				children: [
-					/* @__PURE__ */ g("div", {
+					/* @__PURE__ */ _("div", {
 						className: "min-w-0",
-						children: /* @__PURE__ */ g(de, {})
+						children: /* @__PURE__ */ _(ue, {})
 					}),
-					/* @__PURE__ */ g("div", {
+					/* @__PURE__ */ _("div", {
 						className: "min-w-0",
-						children: /* @__PURE__ */ g(fe, {})
+						children: /* @__PURE__ */ _(de, {})
 					}),
-					/* @__PURE__ */ g("div", {
+					/* @__PURE__ */ _("div", {
 						className: "min-w-0",
-						children: /* @__PURE__ */ g(pe, {})
+						children: /* @__PURE__ */ _(fe, {})
 					}),
-					/* @__PURE__ */ g("div", {
+					/* @__PURE__ */ _("div", {
 						className: "min-w-0",
-						children: /* @__PURE__ */ g(me, {})
+						children: /* @__PURE__ */ _(pe, {})
 					}),
-					t ? /* @__PURE__ */ g(Qe, {
-						buttonRef: q,
+					t ? /* @__PURE__ */ _(Ze, {
+						buttonRef: Et,
 						className: n,
-						label: u("booking_submit"),
-						onSubmit: Rt
+						label: d("booking_submit"),
+						onSubmit: Bt
 					}) : null
 				]
 			}),
-			/* @__PURE__ */ g(ge, { onContinue: Lt }),
-			/* @__PURE__ */ g(he, {
+			/* @__PURE__ */ _(he, { onContinue: zt }),
+			/* @__PURE__ */ _(me, {
 				className: "mt-2",
 				testId: "booking-home-time-slots-status"
 			})
 		] })
-	}), Ht = (e) => L ? /* @__PURE__ */ g(_e, {
-		open: R === "delivery",
+	}), Wt = (e) => B ? /* @__PURE__ */ _(ge, {
+		open: V === "delivery",
 		className: "sm:min-h-[6.75rem]",
 		inputClassName: `${Je} bg-white`,
 		labelClassName: qe,
-		startAddress: U,
-		onStartAddressChange: W,
-		returnAddress: G,
-		onReturnAddressChange: K,
+		startAddress: K,
+		onStartAddressChange: wt,
+		returnAddress: q,
+		onReturnAddressChange: Tt,
 		testIdPrefix: e
-	}) : null, Ut = Ht("storefront-home-fulfillment-delivery-address"), Wt = Ht("storefront-home-compact-fulfillment-delivery-address"), Gt = /* @__PURE__ */ _(Se, {
+	}) : null, Gt = Wt("storefront-home-fulfillment-delivery-address"), Kt = Wt("storefront-home-compact-fulfillment-delivery-address"), qt = /* @__PURE__ */ v(Se, {
 		className: "border-slate-200 bg-white/80 shadow-none",
-		children: [/* @__PURE__ */ _("div", {
+		children: [/* @__PURE__ */ v("div", {
 			className: "border-b border-slate-200 px-4 py-4",
-			children: [/* @__PURE__ */ g("p", {
+			children: [/* @__PURE__ */ _("p", {
 				className: "text-sm font-semibold text-slate-950",
-				children: /* @__PURE__ */ g("span", { children: u("booking_title") })
-			}), /* @__PURE__ */ g("p", {
+				children: /* @__PURE__ */ _("span", { children: d("booking_title") })
+			}), /* @__PURE__ */ _("p", {
 				className: "mt-1 text-xs text-slate-600",
-				children: /* @__PURE__ */ g("span", { children: u("booking_subtitle") })
+				children: /* @__PURE__ */ _("span", { children: d("booking_subtitle") })
 			})]
-		}), /* @__PURE__ */ _("div", {
+		}), /* @__PURE__ */ v("div", {
 			className: "grid gap-4 px-4 py-4",
 			children: [
-				/* @__PURE__ */ g(Ie, {
-					value: R,
-					onValueChange: gt,
-					pickupAddress: D,
-					deliveryEnabled: L,
-					deliveryDisabledReason: mt,
-					startAddress: U,
-					onStartAddressChange: W,
-					endAddress: G,
-					onEndAddressChange: K,
+				/* @__PURE__ */ _(Ie, {
+					value: V,
+					onValueChange: mt,
+					pickupAddress: k,
+					deliveryEnabled: B,
+					deliveryDisabledReason: ft,
+					startAddress: K,
+					onStartAddressChange: wt,
+					endAddress: q,
+					onEndAddressChange: Tt,
 					showDeliveryAddressSelector: !1,
 					testIdPrefix: "storefront-home-fulfillment"
 				}),
-				Vt({ 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" }),
-				Ut,
-				/* @__PURE__ */ _(oe, {
-					ref: q,
+				Ut({ 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" }),
+				Gt,
+				/* @__PURE__ */ v(ae, {
+					ref: Et,
 					className: "h-11 w-full justify-self-start gap-2 rounded-xl text-sm font-semibold sm:w-fit",
-					disabled: !Ft,
-					onClick: Rt,
-					children: [/* @__PURE__ */ g("span", { children: u("booking_submit") }), /* @__PURE__ */ g(b, {
+					disabled: !Lt,
+					onClick: Bt,
+					children: [/* @__PURE__ */ _("span", { children: d("booking_submit") }), /* @__PURE__ */ _(x, {
 						className: "h-4 w-4",
 						"aria-hidden": "true"
 					})]
 				})
 			]
 		})]
-	}), Kt = /* @__PURE__ */ g(Se, {
+	}), Jt = /* @__PURE__ */ _(Se, {
 		className: "border-slate-200 bg-white/95 shadow-xl",
-		children: /* @__PURE__ */ _("div", {
+		children: /* @__PURE__ */ v("div", {
 			className: "grid gap-3 p-4",
 			children: [
-				/* @__PURE__ */ g("div", { children: /* @__PURE__ */ g(Ie, {
-					value: R,
-					onValueChange: gt,
-					pickupAddress: D,
-					deliveryEnabled: L,
-					deliveryDisabledReason: mt,
-					startAddress: U,
-					onStartAddressChange: W,
-					endAddress: G,
-					onEndAddressChange: K,
+				/* @__PURE__ */ _("div", { children: /* @__PURE__ */ _(Ie, {
+					value: V,
+					onValueChange: mt,
+					pickupAddress: k,
+					deliveryEnabled: B,
+					deliveryDisabledReason: ft,
+					startAddress: K,
+					onStartAddressChange: wt,
+					endAddress: q,
+					onEndAddressChange: Tt,
 					showDeliveryAddressSelector: !1,
 					testIdPrefix: "storefront-home-compact-fulfillment"
 				}) }),
-				Vt({
+				Ut({
 					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 w-full rounded-xl text-sm font-semibold md:w-fit xl:self-end"
 				}),
-				Wt
+				Kt
 			]
 		})
-	}), qt = (w.content?.galleryImageIds ?? []).map((e) => e.trim()).filter((e) => e.length > 0), Jt = qt.map((e) => c(e, S ?? w.storeSlug, 320)).filter((e) => e.length > 0), Yt = [...M, ...ct].flatMap((e) => Array.isArray(e.images) ? e.images : []).filter((e) => typeof e == "string" && e.trim().length > 0).map((e) => e.trim()).slice(0, 12), Xt = $e(Jt.length > 0 ? Jt : Yt), Zt = qt[0] ? c(qt[0], S ?? w.storeSlug, 1600) : Te, Qt = X ? /* @__PURE__ */ g("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, $t = (e) => /* @__PURE__ */ g("div", {
-		className: y("relative h-full min-h-[340px] overflow-hidden", e),
+	}), $ = (E.content?.galleryImageIds ?? []).map((e) => e.trim()).filter((e) => e.length > 0), Yt = $.map((e) => l(e, w ?? E.storeSlug, 320)).filter((e) => e.length > 0), Xt = [...F, ...ot].flatMap((e) => Array.isArray(e.images) ? e.images : []).filter((e) => typeof e == "string" && e.trim().length > 0).map((e) => e.trim()).slice(0, 12), Zt = Qe(Yt.length > 0 ? Yt : Xt), Qt = $[0] ? l($[0], w ?? E.storeSlug, 1600) : Te, $t = Y ? /* @__PURE__ */ _("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, en = (e) => /* @__PURE__ */ _("div", {
+		className: b("relative h-full min-h-[340px] overflow-hidden", e),
 		style: {
 			WebkitMaskImage: "linear-gradient(to bottom, transparent 0%, black 5%, black 95%, transparent 100%)",
 			maskImage: "linear-gradient(to bottom, transparent 0%, black 5%, black 95%, transparent 100%)",
@@ -476,203 +477,203 @@ function D() {
 			maskSize: "100% 100%"
 		},
 		"aria-hidden": "true",
-		children: /* @__PURE__ */ g("div", {
+		children: /* @__PURE__ */ _("div", {
 			className: "absolute inset-0 grid grid-cols-2 gap-3 md:grid-cols-3 lg:grid-cols-6",
-			children: Xt.map((e, t) => {
-				let n = Ze[t % Ze.length] ?? 32, r = [...e, ...e];
-				return /* @__PURE__ */ g("div", {
-					className: y("relative min-h-0 overflow-hidden", t === 2 && "hidden md:block", t >= 3 && "hidden lg:block"),
-					children: /* @__PURE__ */ g("div", {
-						className: y("storefront-hero-marquee-track flex flex-col gap-[var(--storefront-hero-marquee-gap)]", t % 2 == 1 && "storefront-hero-marquee-track-reverse"),
+			children: Zt.map((e, t) => {
+				let n = Xe[t % Xe.length] ?? 32, r = [...e, ...e];
+				return /* @__PURE__ */ _("div", {
+					className: b("relative min-h-0 overflow-hidden", t === 2 && "hidden md:block", t >= 3 && "hidden lg:block"),
+					children: /* @__PURE__ */ _("div", {
+						className: b("storefront-hero-marquee-track flex flex-col gap-[var(--storefront-hero-marquee-gap)]", t % 2 == 1 && "storefront-hero-marquee-track-reverse"),
 						style: {
 							"--storefront-hero-marquee-duration": `${n}s`,
 							"--storefront-hero-marquee-gap": "0.75rem"
 						},
-						children: r.map((n, r) => /* @__PURE__ */ _("div", {
+						children: r.map((n, r) => /* @__PURE__ */ v("div", {
 							className: "group relative overflow-hidden rounded-[1.35rem] border border-white/40 bg-transparent",
 							style: { aspectRatio: n.aspectRatio },
 							children: [
-								/* @__PURE__ */ g("div", { className: "absolute inset-0 bg-linear-to-b from-white/22 via-transparent to-transparent" }),
-								/* @__PURE__ */ g("img", {
+								/* @__PURE__ */ _("div", { className: "absolute inset-0 bg-linear-to-b from-white/22 via-transparent to-transparent" }),
+								/* @__PURE__ */ _("img", {
 									src: n.src,
 									alt: "",
 									className: "absolute inset-0 h-full w-full object-cover opacity-90 saturate-[1.05] transition-transform duration-700 group-hover:scale-[1.04]",
 									loading: r < e.length ? "eager" : "lazy"
 								}),
-								/* @__PURE__ */ g("div", { className: "absolute inset-0 bg-linear-to-t from-slate-950/40 via-slate-950/10 to-white/10" })
+								/* @__PURE__ */ _("div", { className: "absolute inset-0 bg-linear-to-t from-slate-950/40 via-slate-950/10 to-white/10" })
 							]
 						}, `hero-marquee-tile-${t}-${r}`))
 					})
 				}, `hero-marquee-column-${t}`);
 			})
 		})
-	}), en = X ? /* @__PURE__ */ g("div", {
+	}), tn = Y ? /* @__PURE__ */ _("div", {
 		className: "pointer-events-none absolute inset-0 hidden lg:block",
 		"aria-hidden": "true",
-		children: /* @__PURE__ */ _("div", {
+		children: /* @__PURE__ */ v("div", {
 			className: "mx-auto grid h-full max-w-7xl grid-cols-12 gap-8 px-4 sm:px-6",
-			children: [/* @__PURE__ */ g("div", { className: "lg:col-span-5" }), /* @__PURE__ */ g("div", {
+			children: [/* @__PURE__ */ _("div", { className: "lg:col-span-5" }), /* @__PURE__ */ _("div", {
 				className: "lg:col-span-7",
-				children: $t()
+				children: en()
 			})]
 		})
-	}) : null, tn = X ? /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g("div", {
+	}) : null, nn = Y ? /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _("div", {
 		className: "lg:hidden",
-		children: $t()
-	}), /* @__PURE__ */ g("div", {
+		children: en()
+	}), /* @__PURE__ */ _("div", {
 		className: "hidden min-h-[510px] lg:block",
 		"aria-hidden": "true"
-	})] }) : /* @__PURE__ */ _("div", {
+	})] }) : /* @__PURE__ */ v("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__ */ g("img", {
-			src: Zt,
+		children: [/* @__PURE__ */ _("img", {
+			src: Qt,
 			alt: "",
 			className: "absolute inset-0 h-full w-full object-cover",
 			"aria-hidden": "true"
-		}), /* @__PURE__ */ g("div", {
+		}), /* @__PURE__ */ _("div", {
 			className: "absolute inset-0 bg-linear-to-t from-slate-900/45 via-slate-900/15 to-transparent",
 			"aria-hidden": "true"
 		})]
 	});
-	return /* @__PURE__ */ _(h, { children: [
-		/* @__PURE__ */ g(Oe, {
-			open: ut,
-			seasons: at,
-			exceptions: ot,
-			mapsHref: j,
-			onOpenChange: Et
+	return /* @__PURE__ */ v(g, { children: [
+		/* @__PURE__ */ _(Oe, {
+			open: ct,
+			seasons: rt,
+			exceptions: it,
+			mapsHref: P,
+			onOpenChange: Dt
 		}),
-		/* @__PURE__ */ _("section", {
+		/* @__PURE__ */ v("section", {
 			className: "relative overflow-hidden border-b border-slate-200",
 			children: [
-				/* @__PURE__ */ g("div", {
+				/* @__PURE__ */ _("div", {
 					className: "absolute inset-0 bg-linear-to-b from-slate-50 to-white",
 					"aria-hidden": "true"
 				}),
-				/* @__PURE__ */ g("div", {
+				/* @__PURE__ */ _("div", {
 					className: "absolute inset-0 opacity-[0.07]",
 					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"
 				}),
-				Qt,
-				en,
-				Z ? /* @__PURE__ */ _("div", {
+				$t,
+				tn,
+				X ? /* @__PURE__ */ v("div", {
 					className: "relative mx-auto grid max-w-7xl gap-x-8 px-4 py-10 sm:px-6 lg:grid-cols-12 lg:py-14",
 					children: [
-						/* @__PURE__ */ g("div", {
+						/* @__PURE__ */ _("div", {
 							className: "min-w-0 lg:col-span-5 lg:col-start-1 lg:row-start-1",
-							children: Bt
+							children: Ht
 						}),
-						/* @__PURE__ */ g("div", {
-							className: y("mt-8 min-w-0 lg:col-span-7 lg:col-start-6 lg:row-span-2 lg:row-start-1 lg:mt-0", !X && "lg:pt-4"),
-							children: tn
+						/* @__PURE__ */ _("div", {
+							className: b("mt-8 min-w-0 lg:col-span-7 lg:col-start-6 lg:row-span-2 lg:row-start-1 lg:mt-0", !Y && "lg:pt-4"),
+							children: nn
 						}),
-						/* @__PURE__ */ g("div", {
+						/* @__PURE__ */ _("div", {
 							className: "relative z-20 mt-4 lg:col-span-5 lg:col-start-1 lg:row-start-2 lg:mt-7",
 							"data-testid": "storefront-home-booking-bar",
-							children: /* @__PURE__ */ g("div", {
+							children: /* @__PURE__ */ _("div", {
 								className: "lg:w-[calc(100%+24rem)] lg:max-w-none",
-								children: Kt
+								children: Jt
 							})
 						})
 					]
-				}) : /* @__PURE__ */ _("div", {
+				}) : /* @__PURE__ */ v("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__ */ g("div", {
+					children: [/* @__PURE__ */ _("div", {
 						className: "min-w-0 lg:col-span-5",
-						children: Bt
-					}), /* @__PURE__ */ g("div", {
+						children: Ht
+					}), /* @__PURE__ */ _("div", {
 						className: "min-w-0 lg:col-span-7",
-						children: Gt
+						children: qt
 					})]
 				})
 			]
 		}),
-		/* @__PURE__ */ _("section", {
+		/* @__PURE__ */ v("section", {
 			id: "featured",
 			className: "mx-auto max-w-7xl scroll-mt-16 px-4 py-10 sm:scroll-mt-20 sm:px-6",
-			children: [/* @__PURE__ */ _("div", {
+			children: [/* @__PURE__ */ v("div", {
 				className: "flex items-center justify-between gap-3",
-				children: [/* @__PURE__ */ _("div", {
+				children: [/* @__PURE__ */ v("div", {
 					className: "space-y-1",
-					children: [/* @__PURE__ */ g("h2", {
+					children: [/* @__PURE__ */ _("h2", {
 						className: "text-xl font-semibold tracking-tight",
-						children: /* @__PURE__ */ g("span", { children: u("featured_title") })
-					}), /* @__PURE__ */ g("p", {
+						children: /* @__PURE__ */ _("span", { children: d("featured_title") })
+					}), /* @__PURE__ */ _("p", {
 						className: "text-sm text-slate-600",
-						children: /* @__PURE__ */ g("span", { children: u("featured_description") })
+						children: /* @__PURE__ */ _("span", { children: d("featured_description") })
 					})]
-				}), /* @__PURE__ */ _(v, {
+				}), /* @__PURE__ */ v(y, {
 					className: "hidden items-center gap-2 text-sm font-medium text-slate-700 hover:text-slate-950 sm:inline-flex",
-					to: `/${S ?? ""}/booking${Pt}`,
-					children: [/* @__PURE__ */ g("span", { children: u("featured_view_all") }), /* @__PURE__ */ g(b, {
+					to: `/${w ?? ""}/booking${It}`,
+					children: [/* @__PURE__ */ _("span", { children: d("featured_view_all") }), /* @__PURE__ */ _(x, {
 						className: "h-4 w-4",
 						"aria-hidden": "true"
 					})]
 				})]
-			}), /* @__PURE__ */ g("div", {
+			}), /* @__PURE__ */ _("div", {
 				className: "mt-6 grid gap-4 sm:grid-cols-2 lg:grid-cols-4",
-				children: Ot.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 = Ee(e.primaryImageStyle), te = ee(e.availabilityStatus), c = zt(n);
-					return /* @__PURE__ */ _("div", {
+				children: At.map((e) => {
+					let t = e.id, n = e.slug, r = s(e.name, S.language, A), i = s(e.description, S.language, A), a = typeof e.images?.[0] == "string" ? e.images[0].trim() : "", o = Ee(e.primaryImageStyle), c = ee(e.availabilityStatus), l = Vt(n);
+					return /* @__PURE__ */ v("div", {
 						className: "group flex h-full min-w-0 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__ */ g(v, {
-								to: c,
-								state: $,
+							/* @__PURE__ */ _(y, {
+								to: l,
+								state: Q,
 								className: "block",
-								children: /* @__PURE__ */ g("span", {
-									className: y("relative block aspect-[1618/1000] overflow-hidden rounded-xl", o.className),
+								children: /* @__PURE__ */ _("span", {
+									className: b("relative block aspect-[1618/1000] overflow-hidden rounded-xl", o.className),
 									style: o.style,
-									children: a ? /* @__PURE__ */ g("img", {
+									children: a ? /* @__PURE__ */ _("img", {
 										src: a,
 										alt: r,
 										className: "absolute inset-0 h-full w-full object-contain p-1",
 										loading: "lazy"
-									}) : /* @__PURE__ */ g("span", {
+									}) : /* @__PURE__ */ _("span", {
 										className: "absolute inset-0 flex items-center justify-center text-slate-400",
-										children: /* @__PURE__ */ g(He, {
+										children: /* @__PURE__ */ _(He, {
 											className: "h-8 w-8",
 											"aria-hidden": "true"
 										})
 									})
 								})
 							}),
-							/* @__PURE__ */ _("span", {
+							/* @__PURE__ */ v("span", {
 								className: "flex flex-1 flex-col gap-1",
 								children: [
-									/* @__PURE__ */ g(v, {
-										to: c,
-										state: $,
+									/* @__PURE__ */ _(y, {
+										to: l,
+										state: Q,
 										className: "text-sm font-semibold text-slate-950 hover:text-slate-700",
-										children: /* @__PURE__ */ g("span", { children: r })
+										children: /* @__PURE__ */ _("span", { children: r })
 									}),
-									/* @__PURE__ */ g(we, {
+									/* @__PURE__ */ _(we, {
 										prices: e.prices,
 										className: "self-start"
 									}),
-									/* @__PURE__ */ g("span", {
+									/* @__PURE__ */ _("span", {
 										className: "line-clamp-2 text-xs text-slate-600",
 										children: i
 									})
 								]
 							}),
-							/* @__PURE__ */ _("span", {
+							/* @__PURE__ */ v("span", {
 								className: "flex flex-wrap items-center gap-x-2 gap-y-1",
 								children: [
-									/* @__PURE__ */ g(l, {
-										variant: te.variant,
-										children: /* @__PURE__ */ g("span", { children: u(te.labelKey) })
+									/* @__PURE__ */ _(u, {
+										variant: c.variant,
+										children: /* @__PURE__ */ _("span", { children: d(c.labelKey) })
 									}),
-									/* @__PURE__ */ g("span", {
+									/* @__PURE__ */ _("span", {
 										className: "text-slate-400",
 										children: "·"
 									}),
-									/* @__PURE__ */ g(v, {
-										to: c,
-										state: $,
+									/* @__PURE__ */ _(y, {
+										to: l,
+										state: Q,
 										className: "text-xs font-medium text-slate-700 hover:text-slate-950",
-										children: /* @__PURE__ */ g("span", { children: u("product_details_link") })
+										children: /* @__PURE__ */ _("span", { children: d("product_details_link") })
 									})
 								]
 							})
@@ -681,92 +682,99 @@ function D() {
 				})
 			})]
 		}),
-		/* @__PURE__ */ g("section", {
+		/* @__PURE__ */ _("section", {
 			id: "products",
 			className: "border-t bg-slate-50/60 scroll-mt-16 sm:scroll-mt-20",
-			children: /* @__PURE__ */ _("div", {
+			children: /* @__PURE__ */ v("div", {
 				className: "mx-auto max-w-7xl px-4 py-10 sm:px-6",
-				children: [/* @__PURE__ */ g("div", {
+				children: [/* @__PURE__ */ _("div", {
 					className: "flex flex-col gap-3 sm:flex-row sm:items-end sm:justify-between",
-					children: /* @__PURE__ */ _("div", {
+					children: /* @__PURE__ */ v("div", {
 						className: "space-y-1",
-						children: [/* @__PURE__ */ g("h2", {
+						children: [/* @__PURE__ */ _("h2", {
 							className: "text-xl font-semibold tracking-tight",
-							children: /* @__PURE__ */ g("span", { children: u("products_title") })
-						}), /* @__PURE__ */ g("p", {
+							children: /* @__PURE__ */ _("span", { children: d("products_title") })
+						}), /* @__PURE__ */ _("p", {
 							className: "text-sm text-slate-600",
-							children: /* @__PURE__ */ g("span", { children: u("products_description") })
+							children: /* @__PURE__ */ _("span", { children: d("products_description") })
 						})]
 					})
-				}), /* @__PURE__ */ g("div", {
+				}), /* @__PURE__ */ _("div", {
 					className: "mt-6 grid gap-4 md:grid-cols-2",
-					children: M.map((e) => /* @__PURE__ */ g(De, {
+					children: F.map((e) => /* @__PURE__ */ _(De, {
 						bike: e,
-						detailsPath: zt(e.slug),
-						productDetailsLinkState: $,
-						fallbackLanguage: O,
-						onAction: Rt
+						detailsPath: Vt(e.slug),
+						productDetailsLinkState: Q,
+						fallbackLanguage: A,
+						onAction: Bt
 					}, e.id))
 				})]
 			})
 		}),
-		/* @__PURE__ */ _("section", {
+		/* @__PURE__ */ v("section", {
 			className: "mx-auto max-w-7xl px-4 py-10 sm:px-6",
-			children: [/* @__PURE__ */ g("div", {
+			children: [/* @__PURE__ */ v("div", {
 				className: "flex flex-col gap-2 sm:flex-row sm:items-end sm:justify-between",
-				children: /* @__PURE__ */ _("div", {
+				children: [/* @__PURE__ */ v("div", {
 					className: "space-y-1",
-					children: [/* @__PURE__ */ g("h2", {
+					children: [/* @__PURE__ */ _("h2", {
 						className: "text-xl font-semibold tracking-tight",
-						children: /* @__PURE__ */ g("span", { children: u("accessories_title") })
-					}), /* @__PURE__ */ g("p", {
+						children: /* @__PURE__ */ _("span", { children: d("accessories_title") })
+					}), /* @__PURE__ */ _("p", {
 						className: "text-sm text-slate-600",
-						children: /* @__PURE__ */ g("span", { children: u("accessories_description") })
+						children: /* @__PURE__ */ _("span", { children: d("accessories_description") })
 					})]
-				})
-			}), /* @__PURE__ */ g("div", {
+				}), /* @__PURE__ */ v(y, {
+					className: "hidden items-center gap-2 text-sm font-medium text-slate-700 hover:text-slate-950 sm:inline-flex",
+					to: `/${w ?? ""}/booking${It}`,
+					children: [/* @__PURE__ */ _("span", { children: d("accessories_view_all") }), /* @__PURE__ */ _(x, {
+						className: "h-4 w-4",
+						"aria-hidden": "true"
+					})]
+				})]
+			}), /* @__PURE__ */ _("div", {
 				className: "mt-6 grid gap-4 sm:grid-cols-2 lg:grid-cols-4",
-				children: ct.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 = Ee(e.primaryImageStyle);
-					return /* @__PURE__ */ _("div", {
+				children: ot.slice(0, 4).map((e) => {
+					let t = s(e.name, S.language, A), n = s(e.description, S.language, A), r = s(e.warning, S.language, A), i = typeof e.images?.[0] == "string" ? e.images[0].trim() : "", a = Ee(e.primaryImageStyle);
+					return /* @__PURE__ */ v("div", {
 						className: "flex h-full min-w-0 flex-col gap-2 rounded-xl border border-slate-200 bg-white p-3 shadow-sm",
 						children: [
-							/* @__PURE__ */ g("div", {
-								className: y("relative aspect-[1618/1000] overflow-hidden rounded-xl", a.className),
+							/* @__PURE__ */ _("div", {
+								className: b("relative aspect-[1618/1000] overflow-hidden rounded-xl", a.className),
 								style: a.style,
-								children: i ? /* @__PURE__ */ g("img", {
+								children: i ? /* @__PURE__ */ _("img", {
 									src: i,
 									alt: t,
 									className: "absolute inset-0 h-full w-full object-contain p-1",
 									loading: "lazy"
-								}) : /* @__PURE__ */ g("div", {
+								}) : /* @__PURE__ */ _("div", {
 									className: "absolute inset-0 flex items-center justify-center text-slate-400",
-									children: /* @__PURE__ */ g(He, {
+									children: /* @__PURE__ */ _(He, {
 										className: "h-8 w-8",
 										"aria-hidden": "true"
 									})
 								})
 							}),
-							/* @__PURE__ */ _("div", {
+							/* @__PURE__ */ v("div", {
 								className: "flex flex-1 flex-col gap-1",
 								children: [
-									/* @__PURE__ */ g("p", {
+									/* @__PURE__ */ _("p", {
 										className: "text-sm font-semibold text-slate-950",
-										children: /* @__PURE__ */ g("span", { children: t })
+										children: /* @__PURE__ */ _("span", { children: t })
 									}),
-									/* @__PURE__ */ g("p", {
+									/* @__PURE__ */ _("p", {
 										className: "line-clamp-2 text-xs text-slate-600",
-										children: /* @__PURE__ */ g("span", { children: n })
+										children: /* @__PURE__ */ _("span", { children: n })
 									}),
-									/* @__PURE__ */ g(Ce, {
+									/* @__PURE__ */ _(Ce, {
 										warning: r,
 										className: "mt-1"
 									})
 								]
 							}),
-							/* @__PURE__ */ g("div", {
+							/* @__PURE__ */ _("div", {
 								className: "flex items-center justify-between gap-2",
-								children: /* @__PURE__ */ g(we, {
+								children: /* @__PURE__ */ _(we, {
 									prices: e.prices,
 									openOnHover: !1
 								})
@@ -776,11 +784,12 @@ function D() {
 				})
 			})]
 		}),
-		/* @__PURE__ */ g(be, {}),
-		/* @__PURE__ */ g(xe, {}),
-		/* @__PURE__ */ g(ye, {}),
-		/* @__PURE__ */ g(ve, { storeSlug: S ?? "" })
+		/* @__PURE__ */ _(be, {}),
+		/* @__PURE__ */ _(xe, {}),
+		/* @__PURE__ */ _(ve, {}),
+		/* @__PURE__ */ _(ye, {}),
+		/* @__PURE__ */ _(_e, { storeSlug: w ?? "" })
 	] });
 }
 //#endregion
-export { D as default };
+export { k as default };