@loczer/storefront-sdk 0.216.0 → 0.218.0

package/dist/pages/HomePage.js

@@ -1,51 +1,54 @@
 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 { buildStorefrontImageUrl as c } from "../lib/storefrontImage.js";
+import { resolveStorefrontMapsHref as c } from "../lib/storefrontContact.js";
+import { buildStorefrontImageUrl as l } from "../lib/storefrontImage.js";
 import "../lib/storefrontMissingValues.js";
-import { Badge as l } from "../ui/badge.js";
-import { Button as u } from "../ui/button.js";
-import { useStorefront as te, useStorefrontProducts as ne } from "../StorefrontContext.js";
-import { usePlaygroundDevSettings as re } from "../lib/playgroundDevSettings.js";
-import { BookingPeriodProvider as ie, useBookingPeriod as d } from "../components/BookingPeriodSelector/BookingPeriodContext.js";
-import { BookingStartDateField as ae } from "../components/BookingPeriodSelector/components/BookingStartDateField.js";
-import { BookingStartTimeField as oe } from "../components/BookingPeriodSelector/components/BookingStartTimeField.js";
-import { BookingEndDateField as se } from "../components/BookingPeriodSelector/components/BookingEndDateField.js";
-import { BookingEndTimeField as ce } from "../components/BookingPeriodSelector/components/BookingEndTimeField.js";
-import { BookingTimeSlotsStatus as le } from "../components/BookingPeriodSelector/components/BookingTimeSlotsStatus.js";
-import { BookingMobileDateDrawer as ue } from "../components/BookingPeriodSelector/components/BookingMobileDateDrawer.js";
+import { buildBusinessHoursSeasonSummary as te, normalizeStorefrontOpeningHours as ne, normalizeStorefrontOpeningHoursOverrides as re } from "../components/Footer/businessHoursUtils.js";
+import { Badge as u } from "../ui/badge.js";
+import { Button as ie } from "../ui/button.js";
+import { useStorefront as ae, useStorefrontProducts as oe } from "../StorefrontContext.js";
+import { usePlaygroundDevSettings as se } from "../lib/playgroundDevSettings.js";
+import { BookingPeriodProvider as ce, useBookingPeriod as d } from "../components/BookingPeriodSelector/BookingPeriodContext.js";
+import { BookingStartDateField as le } from "../components/BookingPeriodSelector/components/BookingStartDateField.js";
+import { BookingStartTimeField as ue } from "../components/BookingPeriodSelector/components/BookingStartTimeField.js";
+import { BookingEndDateField as de } from "../components/BookingPeriodSelector/components/BookingEndDateField.js";
+import { BookingEndTimeField as fe } from "../components/BookingPeriodSelector/components/BookingEndTimeField.js";
+import { BookingTimeSlotsStatus as pe } from "../components/BookingPeriodSelector/components/BookingTimeSlotsStatus.js";
+import { BookingMobileDateDrawer as me } from "../components/BookingPeriodSelector/components/BookingMobileDateDrawer.js";
 import "../components/BookingPeriodSelector/index.js";
-import { DeliveryAddressSelector as de } from "../components/DeliveryAddressSelector/index.js";
-import { ContactSection as fe } from "../components/ContactSection/index.js";
-import { TestimonialsSection as pe } from "../components/TestimonialsSection/index.js";
-import { AboutSection as me } from "../components/AboutSection/index.js";
-import { ItinerariesSection as he } from "../components/Itineraries/ItinerariesSection.js";
+import { DeliveryAddressSelector as he } from "../components/DeliveryAddressSelector/index.js";
+import { ContactSection as ge } from "../components/ContactSection/index.js";
+import { TestimonialsSection as _e } from "../components/TestimonialsSection/index.js";
+import { AboutSection as ve } from "../components/AboutSection/index.js";
+import { ItinerariesSection as ye } from "../components/Itineraries/ItinerariesSection.js";
 import "../components/Itineraries/index.js";
-import { Card as ge } from "../ui/card.js";
-import { ProductWarningNotice as _e } from "../components/ProductWarningNotice/index.js";
-import { ProductPriceBadge as ve } from "../components/ProductPriceBadge/index.js";
-import ye from "../chunks/assets/playground-hero-preview-kf4c9tSc.js";
-import { resolveProductImageContainerStyle as be } from "../lib/productImageStyles.js";
-import { BikeProductCard as xe } from "../components/BikeProductCard/index.js";
-import { StorefrontCancellationPolicyNotice as Se } from "../components/StorefrontCancellationPolicyNotice/index.js";
-import { StorefrontInsuranceNotice as Ce } from "../components/StorefrontInsuranceNotice/index.js";
-import { createStorefrontTimeSlotsFetcher as we } from "../lib/fetchStorefrontTimeSlots.js";
-import { FulfillmentSection as Te } from "../components/FulfillmentSection/index.js";
+import { Card as be } from "../ui/card.js";
+import { ProductWarningNotice as xe } from "../components/ProductWarningNotice/index.js";
+import { ProductPriceBadge as Se } from "../components/ProductPriceBadge/index.js";
+import Ce from "../chunks/assets/playground-hero-preview-kf4c9tSc.js";
+import { resolveProductImageContainerStyle as we } from "../lib/productImageStyles.js";
+import { BikeProductCard as Te } from "../components/BikeProductCard/index.js";
+import { BusinessHoursOverviewDialog as Ee } from "../components/Footer/BusinessHoursOverviewDialog.js";
+import { StorefrontCancellationPolicyNotice as De } from "../components/StorefrontCancellationPolicyNotice/index.js";
+import { StorefrontInsuranceNotice as Oe } from "../components/StorefrontInsuranceNotice/index.js";
+import { createStorefrontTimeSlotsFetcher as ke } from "../lib/fetchStorefrontTimeSlots.js";
+import { FulfillmentSection as Ae } from "../components/FulfillmentSection/index.js";
 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 Ee, useNavigate as De, useParams as Oe, useSearchParams as ke } from "@rpcbase/router";
-import { useTranslation as Ae } from "react-i18next";
+import { Link as y, useLocation as je, useNavigate as Me, useParams as Ne, useSearchParams as Pe } from "@rpcbase/router";
+import { useTranslation as Fe } from "react-i18next";
 import { cn as b } from "@rpcbase/ui";
-import { ArrowRight as x, Bike as je, Clock as Me, MapPin as Ne, ShieldCheck as Pe, Truck as Fe } from "lucide-react";
+import { ArrowRight as x, Bike as Ie, Clock as Le, MapPin as Re, ShieldCheck as ze, Truck as Be } from "lucide-react";
 //#region src/pages/HomePage.tsx
-var S = (e) => String(e).padStart(2, "0"), Ie = "text-2xs font-semibold uppercase tracking-wide text-slate-600", Le = "h-10", C = 6, w = 5, Re = [
+var S = (e) => String(e).padStart(2, "0"), Ve = "text-2xs font-semibold uppercase tracking-wide text-slate-600", He = "h-10", C = "show_business_hours_modal", w = 6, T = 5, Ue = [
 	15,
 	25,
 	42,
 	66,
 	33,
 	54
-], T = [
+], E = [
 	"4 / 5",
 	"1 / 1",
 	"3 / 4",
@@ -54,9 +57,9 @@ var S = (e) => String(e).padStart(2, "0"), Ie = "text-2xs font-semibold uppercas
 	"4 / 3",
 	"9 / 16",
 	"6 / 7"
-], ze = ({ buttonRef: e, className: t, label: n, onSubmit: r }) => {
+], We = ({ buttonRef: e, className: t, label: n, onSubmit: r }) => {
 	let { hasConfirmedTimeSlots: i, startTime: a, endTime: o } = d();
-	return /* @__PURE__ */ v(u, {
+	return /* @__PURE__ */ v(ie, {
 		ref: e,
 		className: b("gap-2", t),
 		disabled: !i || !a || !o,
@@ -66,34 +69,51 @@ var S = (e) => String(e).padStart(2, "0"), Ie = "text-2xs font-semibold uppercas
 			"aria-hidden": "true"
 		})]
 	});
-}, E = (e) => `${e.getFullYear()}-${S(e.getMonth() + 1)}-${S(e.getDate())}`, D = (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;
-}, Be = (e) => {
-	let t = e.length > 0 ? e : [ye];
-	return Array.from({ length: C }, (e, n) => Array.from({ length: w }, (e, r) => {
-		let i = n * w + r;
+}, Ge = (e) => {
+	let t = e.length > 0 ? e : [Ce];
+	return Array.from({ length: w }, (e, n) => Array.from({ length: T }, (e, r) => {
+		let i = n * T + r;
 		return {
-			aspectRatio: T[(i + n) % T.length] ?? T[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 O() {
-	let { t: d, i18n: S } = Ae(), { storeSlug: C } = Oe(), w = Ee(), { storefrontConfiguration: T } = te(), O = T.shop.address?.trim() ?? "", k = T.workspace?.workspaceLanguage, { bikes: A, accessories: Ve } = ne(), [j, He] = ke(), Ue = De(), M = p(() => a(j, C), [j, C]), We = p(() => n(T), [T]), N = p(() => i(T), [T]), P = p(() => D(N.start_date), [N.start_date]), Ge = p(() => D(N.end_date) ?? P, [N.end_date, P]), F = T.settings.fulfillmentModes.includes("delivery"), Ke = T.settings.deliveryDisabledReason.trim(), I = p(() => r(M, N), [N, M]), [L, qe] = h(() => I.fulfillment === "delivery" && F ? "delivery" : "pickup"), [R, Je] = h(() => D(M.get("start_date")) ?? P), [z, Ye] = h(() => M.get("start_time") ?? N.start_time), [B, Xe] = h(() => {
-		let e = D(M.get("start_date")) ?? P;
-		return D(M.get("end_date")) ?? e ?? Ge;
-	}), [V, Ze] = h(() => M.get("end_time") ?? N.end_time), [Qe, $e] = h(void 0), et = m(void 0), [tt, nt] = h(!1), [H, U] = h(() => I.start_address), [W, G] = h(() => I.end_address), K = m(null), q = [
-		R ? E(R) : "",
-		z,
-		B ? E(B) : "",
-		V
-	].join(":"), rt = m(q);
-	rt.current = q;
-	let J = Qe === q, it = p(() => A.slice(0, 4), [A]), { heroMode: at } = re(), ot = at ?? T.content?.heroMode ?? "current_booking_hero", Y = ot === "vertical_marquee_hero", X = ot === "booking_bar_overlay_hero" || Y, st = we(C), ct = p(() => ({
+function k() {
+	let { t: d, i18n: S } = Fe(), { storeSlug: w } = Ne(), T = je(), { storefrontConfiguration: E } = ae(), k = E.shop.address?.trim() ?? "", A = E.workspace?.workspaceLanguage, { seasons: Ke, exceptions: qe } = te({
+		openingHours: ne(E.bookingEngine.shop.openingHours),
+		openingHoursOverrides: re(E.bookingEngine.shop.openingHoursOverrides),
+		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) => d("footer_business_hours_season_range", {
+			start: e,
+			end: t
+		}),
+		includeReferenceDateOverrideInSeason: !1
+	}), Je = Ke.length > 0 || qe.length > 0, Ye = c(E.shop), { bikes: j, accessories: Xe } = oe(), [M, N] = Pe(), Ze = M.get(C) === "true", Qe = Me(), P = p(() => a(M, w), [M, w]), $e = p(() => n(E), [E]), F = p(() => i(E), [E]), I = p(() => O(F.start_date), [F.start_date]), et = p(() => O(F.end_date) ?? I, [F.end_date, I]), L = E.settings.fulfillmentModes.includes("delivery"), tt = E.settings.deliveryDisabledReason.trim(), R = p(() => r(P, F), [F, P]), [z, nt] = h(() => R.fulfillment === "delivery" && L ? "delivery" : "pickup"), [B, rt] = h(() => O(P.get("start_date")) ?? I), [V, it] = h(() => P.get("start_time") ?? F.start_time), [H, at] = h(() => {
+		let e = O(P.get("start_date")) ?? I;
+		return O(P.get("end_date")) ?? e ?? et;
+	}), [U, ot] = h(() => P.get("end_time") ?? F.end_time), [st, ct] = h(void 0), lt = m(void 0), [ut, dt] = h(!1), [W, G] = h(() => R.start_address), [K, q] = h(() => R.end_address), ft = m(null), pt = (e) => {
+		let t = new URLSearchParams(M);
+		e ? t.set(C, "true") : t.delete(C), N(t, { replace: !0 });
+	}, mt = [
+		B ? D(B) : "",
+		V,
+		H ? D(H) : "",
+		U
+	].join(":"), ht = m(mt);
+	ht.current = mt;
+	let J = st === mt, gt = p(() => j.slice(0, 4), [j]), { heroMode: _t } = se(), vt = _t ?? E.content?.heroMode ?? "current_booking_hero", Y = vt === "vertical_marquee_hero", X = vt === "booking_bar_overlay_hero" || Y, yt = ke(w), bt = p(() => ({
 		startDate: d("booking_start_date"),
 		pickStartDate: d("booking_start_date"),
 		startTime: d("booking_start_time"),
@@ -109,87 +129,105 @@ function O() {
 		timeSlotsLoadError: d("booking_time_slots_load_error"),
 		retryTimeSlots: d("booking_time_slots_retry")
 	}), [S.language, d]), Z = p(() => {
-		let e = R ?? P ?? /* @__PURE__ */ new Date(), n = B ?? e;
+		let e = B ?? I ?? /* @__PURE__ */ new Date(), n = H ?? e;
 		return t(new URLSearchParams(), {
-			fulfillment: L === "delivery" && F ? "delivery" : "pickup",
-			start_date: E(e),
-			start_time: J ? z : "",
-			end_date: E(n),
-			end_time: J ? V : "",
-			start_address: H,
-			end_address: W
+			fulfillment: z === "delivery" && L ? "delivery" : "pickup",
+			start_date: D(e),
+			start_time: J ? V : "",
+			end_date: D(n),
+			end_time: J ? U : "",
+			start_address: W,
+			end_address: K
 		});
 	}, [
-		P,
-		F,
-		W,
-		B,
-		V,
+		I,
 		L,
-		J,
+		K,
 		H,
-		R,
-		z
-	]), lt = Z.toString(), ut = lt ? `?${lt}` : "";
+		U,
+		z,
+		J,
+		W,
+		B,
+		V
+	]), xt = Z.toString(), St = xt ? `?${xt}` : "";
 	f(() => {
-		o(C, Z);
-	}, [Z, C]), f(() => {
-		let t = new URLSearchParams(j);
+		o(w, Z);
+	}, [Z, w]), f(() => {
+		let t = new URLSearchParams(M);
 		for (let n of e) t.delete(n);
 		for (let [e, n] of Z.entries()) t.set(e, n);
-		t.toString() !== j.toString() && He(t, { replace: !0 });
+		t.toString() !== M.toString() && N(t, { replace: !0 });
 	}, [
 		Z,
-		j,
-		He
+		M,
+		N
 	]), f(() => {
-		!tt || !J || (nt(!1), K.current?.focus({ preventScroll: !0 }));
-	}, [J, tt]);
-	let dt = J && !!(z && V), ft = {
-		startDate: R,
-		onStartDateChange: Je,
-		startTime: z,
-		onStartTimeChange: Ye,
-		endDate: B,
-		onEndDateChange: Xe,
-		endTime: V,
-		onEndTimeChange: Ze,
-		onEndTimeCommit: () => nt(!0),
-		bookingPeriodConfig: We,
+		!ut || !J || (dt(!1), ft.current?.focus({ preventScroll: !0 }));
+	}, [J, ut]);
+	let Ct = J && !!(V && U), wt = {
+		startDate: B,
+		onStartDateChange: rt,
+		startTime: V,
+		onStartTimeChange: it,
+		endDate: H,
+		onEndDateChange: at,
+		endTime: U,
+		onEndTimeChange: ot,
+		onEndTimeCommit: () => dt(!0),
+		bookingPeriodConfig: $e,
 		withMobileDateDrawer: !0,
-		fetchTimeSlots: st,
+		fetchTimeSlots: yt,
 		onTimeSlotsConfirmationChange: (e) => {
-			let t = e ? rt.current : void 0;
-			et.current !== t && (et.current = t, $e(t));
+			let t = e ? ht.current : void 0;
+			lt.current !== t && (lt.current = t, ct(t));
 		},
-		labels: ct,
+		labels: bt,
 		localeCode: S.language
-	}, pt = () => {
-		let e = new URLSearchParams(j);
+	}, Tt = () => {
+		let e = new URLSearchParams(M);
 		for (let [t, n] of Z.entries()) e.set(t, n);
-		Ue(`/${C ?? ""}/booking?${e.toString()}#booking-products`);
-	}, Q = () => {
-		dt && pt();
-	}, mt = (e) => `/${C ?? ""}/products/${e}`, $ = { backTo: `${w.pathname}${w.search}${w.hash}` }, ht = /* @__PURE__ */ v("div", {
+		Qe(`/${w ?? ""}/booking?${e.toString()}#booking-products`);
+	}, Et = () => {
+		Ct && Tt();
+	}, Dt = (e) => `/${w ?? ""}/products/${e}`, Q = { backTo: `${T.pathname}${T.search}${T.hash}` }, Ot = /* @__PURE__ */ v("div", {
 		className: "min-w-0",
 		children: [
 			/* @__PURE__ */ v("div", {
 				className: "flex min-w-0 flex-wrap items-center gap-2",
-				children: [/* @__PURE__ */ v(l, {
+				children: [Je ? /* @__PURE__ */ _(u, {
+					asChild: !0,
 					variant: "secondary",
-					children: [/* @__PURE__ */ _(Me, {
+					className: "group cursor-pointer",
+					children: /* @__PURE__ */ v("button", {
+						type: "button",
+						"data-testid": "storefront-business-hours-trigger",
+						"aria-haspopup": "dialog",
+						"aria-expanded": Ze,
+						onClick: () => pt(!0),
+						children: [/* @__PURE__ */ _(Le, {
+							className: "h-3 w-3",
+							"aria-hidden": "true"
+						}), /* @__PURE__ */ _("span", {
+							className: "decoration-current underline-offset-2 group-hover:underline group-focus-visible:underline",
+							children: d("status_open")
+						})]
+					})
+				}) : /* @__PURE__ */ v(u, {
+					variant: "secondary",
+					children: [/* @__PURE__ */ _(Le, {
 						className: "h-3 w-3",
 						"aria-hidden": "true"
 					}), /* @__PURE__ */ _("span", { children: d("status_open") })]
-				}), /* @__PURE__ */ v(l, {
+				}), /* @__PURE__ */ v(u, {
 					variant: "outline",
-					className: b("min-w-0 max-w-full", !O && "border-destructive/40 text-destructive"),
-					children: [/* @__PURE__ */ _(Ne, {
+					className: b("min-w-0 max-w-full", !k && "border-destructive/40 text-destructive"),
+					children: [/* @__PURE__ */ _(Re, {
 						className: "h-3 w-3",
 						"aria-hidden": "true"
 					}), /* @__PURE__ */ _("span", {
 						className: "truncate",
-						children: O || "[Missing shop address]"
+						children: k || "[Missing shop address]"
 					})]
 				})]
 			}),
@@ -210,7 +248,7 @@ function O() {
 						/* @__PURE__ */ v("li", {
 							className: "flex items-start gap-3",
 							"data-testid": "storefront-secure-payment-notice",
-							children: [/* @__PURE__ */ _(Pe, {
+							children: [/* @__PURE__ */ _(ze, {
 								className: "mt-0.5 h-5 w-5 text-success",
 								"aria-hidden": "true"
 							}), /* @__PURE__ */ v("div", {
@@ -224,14 +262,14 @@ function O() {
 								})]
 							})]
 						}),
-						/* @__PURE__ */ _(Se, {
-							policy: T.bookingEngine.cancellationPolicy,
+						/* @__PURE__ */ _(De, {
+							policy: E.bookingEngine.cancellationPolicy,
 							className: b(!X && "border-t border-slate-200/70 pt-3")
 						}),
-						F ? /* @__PURE__ */ v("li", {
+						L ? /* @__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__ */ _(Fe, {
+							children: [/* @__PURE__ */ _(Be, {
 								className: "mt-0.5 h-5 w-5 text-slate-900",
 								"aria-hidden": "true"
 							}), /* @__PURE__ */ v("div", {
@@ -245,65 +283,65 @@ function O() {
 								})]
 							})]
 						}) : null,
-						/* @__PURE__ */ _(Ce, {
-							bikes: A,
-							currency: T.bookingEngine.currency,
+						/* @__PURE__ */ _(Oe, {
+							bikes: j,
+							currency: E.bookingEngine.currency,
 							className: b(!X && "border-t border-slate-200/70 pt-3")
 						})
 					]
 				})
 			})
 		]
-	}), gt = ({ className: e, showSubmitButton: t = !1, submitButtonClassName: n }) => /* @__PURE__ */ _(ie, {
-		...ft,
+	}), kt = ({ className: e, showSubmitButton: t = !1, submitButtonClassName: n }) => /* @__PURE__ */ _(ce, {
+		...wt,
 		selectionFlow: "dates-first",
-		labelClassName: Ie,
-		inputClassName: Le,
+		labelClassName: Ve,
+		inputClassName: He,
 		children: /* @__PURE__ */ v(g, { children: [
 			/* @__PURE__ */ v("div", {
 				className: e,
 				children: [
 					/* @__PURE__ */ _("div", {
 						className: "min-w-0",
-						children: /* @__PURE__ */ _(ae, {})
+						children: /* @__PURE__ */ _(le, {})
 					}),
 					/* @__PURE__ */ _("div", {
 						className: "min-w-0",
-						children: /* @__PURE__ */ _(oe, {})
+						children: /* @__PURE__ */ _(ue, {})
 					}),
 					/* @__PURE__ */ _("div", {
 						className: "min-w-0",
-						children: /* @__PURE__ */ _(se, {})
+						children: /* @__PURE__ */ _(de, {})
 					}),
 					/* @__PURE__ */ _("div", {
 						className: "min-w-0",
-						children: /* @__PURE__ */ _(ce, {})
+						children: /* @__PURE__ */ _(fe, {})
 					}),
-					t ? /* @__PURE__ */ _(ze, {
-						buttonRef: K,
+					t ? /* @__PURE__ */ _(We, {
+						buttonRef: ft,
 						className: n,
 						label: d("booking_submit"),
-						onSubmit: Q
+						onSubmit: Et
 					}) : null
 				]
 			}),
-			/* @__PURE__ */ _(ue, { onContinue: pt }),
-			/* @__PURE__ */ _(le, {
+			/* @__PURE__ */ _(me, { onContinue: Tt }),
+			/* @__PURE__ */ _(pe, {
 				className: "mt-2",
 				testId: "booking-home-time-slots-status"
 			})
 		] })
-	}), _t = (e) => F ? /* @__PURE__ */ _(de, {
-		open: L === "delivery",
+	}), At = (e) => L ? /* @__PURE__ */ _(he, {
+		open: z === "delivery",
 		className: "sm:min-h-[6.75rem]",
-		inputClassName: `${Le} bg-white`,
-		labelClassName: Ie,
-		startAddress: H,
-		onStartAddressChange: U,
-		returnAddress: W,
-		onReturnAddressChange: G,
+		inputClassName: `${He} bg-white`,
+		labelClassName: Ve,
+		startAddress: W,
+		onStartAddressChange: G,
+		returnAddress: K,
+		onReturnAddressChange: q,
 		testIdPrefix: e
-	}) : null, vt = _t("storefront-home-fulfillment-delivery-address"), yt = _t("storefront-home-compact-fulfillment-delivery-address"), bt = /* @__PURE__ */ v(ge, {
+	}) : null, jt = At("storefront-home-fulfillment-delivery-address"), Mt = At("storefront-home-compact-fulfillment-delivery-address"), Nt = /* @__PURE__ */ v(be, {
 		className: "border-slate-200 bg-white/80 shadow-none",
 		children: [/* @__PURE__ */ v("div", {
 			className: "border-b border-slate-200 px-4 py-4",
@@ -317,26 +355,26 @@ function O() {
 		}), /* @__PURE__ */ v("div", {
 			className: "grid gap-4 px-4 py-4",
 			children: [
-				/* @__PURE__ */ _(Te, {
-					value: L,
-					onValueChange: qe,
-					pickupAddress: O,
-					deliveryEnabled: F,
-					deliveryDisabledReason: Ke,
-					startAddress: H,
-					onStartAddressChange: U,
-					endAddress: W,
-					onEndAddressChange: G,
+				/* @__PURE__ */ _(Ae, {
+					value: z,
+					onValueChange: nt,
+					pickupAddress: k,
+					deliveryEnabled: L,
+					deliveryDisabledReason: tt,
+					startAddress: W,
+					onStartAddressChange: G,
+					endAddress: K,
+					onEndAddressChange: q,
 					showDeliveryAddressSelector: !1,
 					testIdPrefix: "storefront-home-fulfillment"
 				}),
-				gt({ 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" }),
-				vt,
-				/* @__PURE__ */ v(u, {
-					ref: K,
+				kt({ 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" }),
+				jt,
+				/* @__PURE__ */ v(ie, {
+					ref: ft,
 					className: "h-11 w-full justify-self-start gap-2 rounded-xl text-sm font-semibold sm:w-fit",
-					disabled: !dt,
-					onClick: Q,
+					disabled: !Ct,
+					onClick: Et,
 					children: [/* @__PURE__ */ _("span", { children: d("booking_submit") }), /* @__PURE__ */ _(x, {
 						className: "h-4 w-4",
 						"aria-hidden": "true"
@@ -344,33 +382,33 @@ function O() {
 				})
 			]
 		})]
-	}), xt = /* @__PURE__ */ _(ge, {
+	}), Pt = /* @__PURE__ */ _(be, {
 		className: "border-slate-200 bg-white/95 shadow-xl",
 		children: /* @__PURE__ */ v("div", {
 			className: "grid gap-3 p-4",
 			children: [
-				/* @__PURE__ */ _("div", { children: /* @__PURE__ */ _(Te, {
-					value: L,
-					onValueChange: qe,
-					pickupAddress: O,
-					deliveryEnabled: F,
-					deliveryDisabledReason: Ke,
-					startAddress: H,
-					onStartAddressChange: U,
-					endAddress: W,
-					onEndAddressChange: G,
+				/* @__PURE__ */ _("div", { children: /* @__PURE__ */ _(Ae, {
+					value: z,
+					onValueChange: nt,
+					pickupAddress: k,
+					deliveryEnabled: L,
+					deliveryDisabledReason: tt,
+					startAddress: W,
+					onStartAddressChange: G,
+					endAddress: K,
+					onEndAddressChange: q,
 					showDeliveryAddressSelector: !1,
 					testIdPrefix: "storefront-home-compact-fulfillment"
 				}) }),
-				gt({
+				kt({
 					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"
 				}),
-				yt
+				Mt
 			]
 		})
-	}), St = (T.content?.galleryImageIds ?? []).map((e) => e.trim()).filter((e) => e.length > 0), Ct = St.map((e) => c(e, C ?? T.storeSlug, 320)).filter((e) => e.length > 0), wt = [...A, ...Ve].flatMap((e) => Array.isArray(e.images) ? e.images : []).filter((e) => typeof e == "string" && e.trim().length > 0).map((e) => e.trim()).slice(0, 12), Tt = Be(Ct.length > 0 ? Ct : wt), Et = St[0] ? c(St[0], C ?? T.storeSlug, 1600) : ye, Dt = 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, Ot = (e) => /* @__PURE__ */ _("div", {
+	}), $ = (E.content?.galleryImageIds ?? []).map((e) => e.trim()).filter((e) => e.length > 0), Ft = $.map((e) => l(e, w ?? E.storeSlug, 320)).filter((e) => e.length > 0), It = [...j, ...Xe].flatMap((e) => Array.isArray(e.images) ? e.images : []).filter((e) => typeof e == "string" && e.trim().length > 0).map((e) => e.trim()).slice(0, 12), Lt = Ge(Ft.length > 0 ? Ft : It), Rt = $[0] ? l($[0], w ?? E.storeSlug, 1600) : Ce, zt = 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, Bt = (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%)",
@@ -383,8 +421,8 @@ function O() {
 		"aria-hidden": "true",
 		children: /* @__PURE__ */ _("div", {
 			className: "absolute inset-0 grid grid-cols-2 gap-3 md:grid-cols-3 lg:grid-cols-6",
-			children: Tt.map((e, t) => {
-				let n = Re[t % Re.length] ?? 32, r = [...e, ...e];
+			children: Lt.map((e, t) => {
+				let n = Ue[t % Ue.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", {
@@ -411,26 +449,26 @@ function O() {
 				}, `hero-marquee-column-${t}`);
 			})
 		})
-	}), kt = Y ? /* @__PURE__ */ _("div", {
+	}), Vt = Y ? /* @__PURE__ */ _("div", {
 		className: "pointer-events-none absolute inset-0 hidden lg:block",
 		"aria-hidden": "true",
 		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__ */ _("div", { className: "lg:col-span-5" }), /* @__PURE__ */ _("div", {
 				className: "lg:col-span-7",
-				children: Ot()
+				children: Bt()
 			})]
 		})
-	}) : null, At = Y ? /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _("div", {
+	}) : null, Ht = Y ? /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _("div", {
 		className: "lg:hidden",
-		children: Ot()
+		children: Bt()
 	}), /* @__PURE__ */ _("div", {
 		className: "hidden min-h-[510px] lg:block",
 		"aria-hidden": "true"
 	})] }) : /* @__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__ */ _("img", {
-			src: Et,
+			src: Rt,
 			alt: "",
 			className: "absolute inset-0 h-full w-full object-cover",
 			"aria-hidden": "true"
@@ -440,6 +478,13 @@ function O() {
 		})]
 	});
 	return /* @__PURE__ */ v(g, { children: [
+		/* @__PURE__ */ _(Ee, {
+			open: Ze,
+			seasons: Ke,
+			exceptions: qe,
+			mapsHref: Ye,
+			onOpenChange: pt
+		}),
 		/* @__PURE__ */ v("section", {
 			className: "relative overflow-hidden border-b border-slate-200",
 			children: [
@@ -452,25 +497,25 @@ function O() {
 					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"
 				}),
-				Dt,
-				kt,
+				zt,
+				Vt,
 				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__ */ _("div", {
 							className: "min-w-0 lg:col-span-5 lg:col-start-1 lg:row-start-1",
-							children: ht
+							children: Ot
 						}),
 						/* @__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: At
+							children: Ht
 						}),
 						/* @__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__ */ _("div", {
 								className: "lg:w-[calc(100%+24rem)] lg:max-w-none",
-								children: xt
+								children: Pt
 							})
 						})
 					]
@@ -478,10 +523,10 @@ function O() {
 					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__ */ _("div", {
 						className: "min-w-0 lg:col-span-5",
-						children: ht
+						children: Ot
 					}), /* @__PURE__ */ _("div", {
 						className: "min-w-0 lg:col-span-7",
-						children: bt
+						children: Nt
 					})]
 				})
 			]
@@ -502,7 +547,7 @@ function O() {
 					})]
 				}), /* @__PURE__ */ v(y, {
 					className: "hidden items-center gap-2 text-sm font-medium text-slate-700 hover:text-slate-950 sm:inline-flex",
-					to: `/${C ?? ""}/booking${ut}`,
+					to: `/${w ?? ""}/booking${St}`,
 					children: [/* @__PURE__ */ _("span", { children: d("featured_view_all") }), /* @__PURE__ */ _(x, {
 						className: "h-4 w-4",
 						"aria-hidden": "true"
@@ -510,14 +555,14 @@ function O() {
 				})]
 			}), /* @__PURE__ */ _("div", {
 				className: "mt-6 grid gap-4 sm:grid-cols-2 lg:grid-cols-4",
-				children: it.map((e) => {
-					let t = e.id, n = e.slug, r = s(e.name, S.language, k), i = s(e.description, S.language, k), a = typeof e.images?.[0] == "string" ? e.images[0].trim() : "", o = be(e.primaryImageStyle), c = ee(e.availabilityStatus), u = mt(n);
+				children: gt.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 = we(e.primaryImageStyle), c = ee(e.availabilityStatus), l = Dt(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__ */ _(y, {
-								to: u,
-								state: $,
+								to: l,
+								state: Q,
 								className: "block",
 								children: /* @__PURE__ */ _("span", {
 									className: b("relative block aspect-[1618/1000] overflow-hidden rounded-xl", o.className),
@@ -529,7 +574,7 @@ function O() {
 										loading: "lazy"
 									}) : /* @__PURE__ */ _("span", {
 										className: "absolute inset-0 flex items-center justify-center text-slate-400",
-										children: /* @__PURE__ */ _(je, {
+										children: /* @__PURE__ */ _(Ie, {
 											className: "h-8 w-8",
 											"aria-hidden": "true"
 										})
@@ -540,12 +585,12 @@ function O() {
 								className: "flex flex-1 flex-col gap-1",
 								children: [
 									/* @__PURE__ */ _(y, {
-										to: u,
-										state: $,
+										to: l,
+										state: Q,
 										className: "text-sm font-semibold text-slate-950 hover:text-slate-700",
 										children: /* @__PURE__ */ _("span", { children: r })
 									}),
-									/* @__PURE__ */ _(ve, {
+									/* @__PURE__ */ _(Se, {
 										prices: e.prices,
 										className: "self-start"
 									}),
@@ -558,7 +603,7 @@ function O() {
 							/* @__PURE__ */ v("span", {
 								className: "flex flex-wrap items-center gap-x-2 gap-y-1",
 								children: [
-									/* @__PURE__ */ _(l, {
+									/* @__PURE__ */ _(u, {
 										variant: c.variant,
 										children: /* @__PURE__ */ _("span", { children: d(c.labelKey) })
 									}),
@@ -567,8 +612,8 @@ function O() {
 										children: "·"
 									}),
 									/* @__PURE__ */ _(y, {
-										to: u,
-										state: $,
+										to: l,
+										state: Q,
 										className: "text-xs font-medium text-slate-700 hover:text-slate-950",
 										children: /* @__PURE__ */ _("span", { children: d("product_details_link") })
 									})
@@ -598,12 +643,12 @@ function O() {
 					})
 				}), /* @__PURE__ */ _("div", {
 					className: "mt-6 grid gap-4 md:grid-cols-2",
-					children: A.map((e) => /* @__PURE__ */ _(xe, {
+					children: j.map((e) => /* @__PURE__ */ _(Te, {
 						bike: e,
-						detailsPath: mt(e.slug),
-						productDetailsLinkState: $,
-						fallbackLanguage: k,
-						onAction: Q
+						detailsPath: Dt(e.slug),
+						productDetailsLinkState: Q,
+						fallbackLanguage: A,
+						onAction: Et
 					}, e.id))
 				})]
 			})
@@ -624,8 +669,8 @@ function O() {
 				})
 			}), /* @__PURE__ */ _("div", {
 				className: "mt-6 grid gap-4 sm:grid-cols-2 lg:grid-cols-4",
-				children: Ve.slice(0, 4).map((e) => {
-					let t = s(e.name, S.language, k), n = s(e.description, S.language, k), r = s(e.warning, S.language, k), i = typeof e.images?.[0] == "string" ? e.images[0].trim() : "", a = be(e.primaryImageStyle);
+				children: Xe.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 = we(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: [
@@ -639,7 +684,7 @@ function O() {
 									loading: "lazy"
 								}) : /* @__PURE__ */ _("div", {
 									className: "absolute inset-0 flex items-center justify-center text-slate-400",
-									children: /* @__PURE__ */ _(je, {
+									children: /* @__PURE__ */ _(Ie, {
 										className: "h-8 w-8",
 										"aria-hidden": "true"
 									})
@@ -656,7 +701,7 @@ function O() {
 										className: "line-clamp-2 text-xs text-slate-600",
 										children: /* @__PURE__ */ _("span", { children: n })
 									}),
-									/* @__PURE__ */ _(_e, {
+									/* @__PURE__ */ _(xe, {
 										warning: r,
 										className: "mt-1"
 									})
@@ -664,7 +709,7 @@ function O() {
 							}),
 							/* @__PURE__ */ _("div", {
 								className: "flex items-center justify-between gap-2",
-								children: /* @__PURE__ */ _(ve, {
+								children: /* @__PURE__ */ _(Se, {
 									prices: e.prices,
 									openOnHover: !1
 								})
@@ -674,11 +719,11 @@ function O() {
 				})
 			})]
 		}),
-		/* @__PURE__ */ _(me, {}),
-		/* @__PURE__ */ _(he, {}),
-		/* @__PURE__ */ _(pe, {}),
-		/* @__PURE__ */ _(fe, { storeSlug: C ?? "" })
+		/* @__PURE__ */ _(ve, {}),
+		/* @__PURE__ */ _(ye, {}),
+		/* @__PURE__ */ _(_e, {}),
+		/* @__PURE__ */ _(ge, { storeSlug: w ?? "" })
 	] });
 }
 //#endregion
-export { O as default };
+export { k as default };