@loczer/storefront-sdk 0.188.0 → 0.189.0

package/dist/pages/HomePage.js

@@ -1,48 +1,49 @@
-import { applyBookingParamsToSearch as e, createBookingPeriodConfigFromStorefrontConfiguration as t, getBookingParamsFromSearch as n, getDefaultBookingParamsForStorefrontConfiguration as r, resolveBookingSearchParamsFromSessionStorage as i, writeBookingSearchParamsToSessionStorage as a } from "../lib/booking.js";
+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 { getAvailabilityVariant as ee } from "../lib/utils.js";
-import { getLocalizedValue as o } from "../localization.js";
-import { buildStorefrontImageUrl as s } from "../lib/storefrontImage.js";
+import { getLocalizedValue as s } from "../localization.js";
+import { buildStorefrontImageUrl as c } from "../lib/storefrontImage.js";
 import "../lib/storefrontMissingValues.js";
-import { Badge as c } from "../ui/badge.js";
-import { Button as l } from "../ui/button.js";
-import { usePlaygroundDevSettings as u } from "../lib/playgroundDevSettings.js";
-import { BookingPeriodProvider as te } from "../components/BookingPeriodSelector/BookingPeriodContext.js";
-import { BookingStartDateField as ne } from "../components/BookingPeriodSelector/components/BookingStartDateField.js";
-import { BookingStartTimeField as re } from "../components/BookingPeriodSelector/components/BookingStartTimeField.js";
-import { BookingEndDateField as ie } from "../components/BookingPeriodSelector/components/BookingEndDateField.js";
-import { BookingEndTimeField as ae } from "../components/BookingPeriodSelector/components/BookingEndTimeField.js";
+import { Badge as l } from "../ui/badge.js";
+import { Button as u } from "../ui/button.js";
+import { usePlaygroundDevSettings as te } from "../lib/playgroundDevSettings.js";
+import { BookingPeriodProvider as ne, useBookingPeriod as d } from "../components/BookingPeriodSelector/BookingPeriodContext.js";
+import { BookingStartDateField as re } from "../components/BookingPeriodSelector/components/BookingStartDateField.js";
+import { BookingStartTimeField as ie } from "../components/BookingPeriodSelector/components/BookingStartTimeField.js";
+import { BookingEndDateField as ae } from "../components/BookingPeriodSelector/components/BookingEndDateField.js";
+import { BookingEndTimeField as oe } from "../components/BookingPeriodSelector/components/BookingEndTimeField.js";
+import { BookingTimeSlotsStatus as se } from "../components/BookingPeriodSelector/components/BookingTimeSlotsStatus.js";
 import "../components/BookingPeriodSelector/index.js";
-import { DeliveryAddressSelector as oe } from "../components/DeliveryAddressSelector/index.js";
-import { useStorefront as se, useStorefrontProducts as ce } from "../StorefrontProvider.js";
-import { ContactSection as le } from "../components/ContactSection/index.js";
-import { TestimonialsSection as ue } from "../components/TestimonialsSection/index.js";
-import { AboutSection as de } from "../components/AboutSection/index.js";
-import { Card as fe } from "../ui/card.js";
-import { ProductWarningNotice as pe } from "../components/ProductWarningNotice/index.js";
-import { ProductPriceBadge as me } from "../components/ProductPriceBadge/index.js";
-import d from "../chunks/assets/playground-hero-preview-kf4c9tSc.js";
-import { resolveProductImageContainerStyle as f } from "../lib/productImageStyles.js";
-import { BikeProductCard as he } from "../components/BikeProductCard/index.js";
-import { StorefrontCancellationPolicyNotice as ge } from "../components/StorefrontCancellationPolicyNotice/index.js";
-import { StorefrontInsuranceNotice as _e } from "../components/StorefrontInsuranceNotice/index.js";
-import { createStorefrontTimeSlotsFetcher as ve } from "../lib/fetchStorefrontTimeSlots.js";
-import { FulfillmentSection as ye } from "../components/FulfillmentSection/index.js";
-import { useEffect as be, useMemo as p, useRef as xe, useState as m } from "react";
-import { Fragment as Se, jsx as h, jsxs as g } from "react/jsx-runtime";
-import { cn as _ } from "@rpcbase/ui";
-import { useMediaQuery as Ce } from "@rpcbase/client";
-import { Link as v, useLocation as we, useNavigate as Te, useParams as Ee, useSearchParams as De } from "@rpcbase/router";
-import { useTranslation as Oe } from "react-i18next";
-import { ArrowRight as y, Bike as b, Clock as ke, MapPin as Ae, ShieldCheck as je, Truck as Me } from "lucide-react";
+import { DeliveryAddressSelector as ce } from "../components/DeliveryAddressSelector/index.js";
+import { useStorefront as le, useStorefrontProducts as ue } from "../StorefrontProvider.js";
+import { ContactSection as de } from "../components/ContactSection/index.js";
+import { TestimonialsSection as fe } from "../components/TestimonialsSection/index.js";
+import { AboutSection as pe } from "../components/AboutSection/index.js";
+import { Card as me } from "../ui/card.js";
+import { ProductWarningNotice as he } from "../components/ProductWarningNotice/index.js";
+import { ProductPriceBadge as ge } from "../components/ProductPriceBadge/index.js";
+import f from "../chunks/assets/playground-hero-preview-kf4c9tSc.js";
+import { resolveProductImageContainerStyle as _e } from "../lib/productImageStyles.js";
+import { BikeProductCard as ve } from "../components/BikeProductCard/index.js";
+import { StorefrontCancellationPolicyNotice as ye } from "../components/StorefrontCancellationPolicyNotice/index.js";
+import { StorefrontInsuranceNotice as be } from "../components/StorefrontInsuranceNotice/index.js";
+import { createStorefrontTimeSlotsFetcher as xe } from "../lib/fetchStorefrontTimeSlots.js";
+import { FulfillmentSection as Se } from "../components/FulfillmentSection/index.js";
+import { useEffect as Ce, useMemo as p, useRef as we, useState as m } from "react";
+import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { cn as v } from "@rpcbase/ui";
+import { useMediaQuery as Te } from "@rpcbase/client";
+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 { ArrowRight as b, Bike as je, Clock as Me, MapPin as Ne, ShieldCheck as Pe, Truck as Fe } from "lucide-react";
 //#region src/pages/HomePage.tsx
-var x = (e) => String(e).padStart(2, "0"), Ne = "text-2xs font-semibold uppercase tracking-wide text-slate-600", Pe = "h-10", S = 6, C = 5, Fe = [
+var x = (e) => String(e).padStart(2, "0"), Ie = "text-2xs font-semibold uppercase tracking-wide text-slate-600", Le = "h-10", S = 6, C = 5, w = [
 	15,
 	25,
 	42,
 	66,
 	33,
 	54
-], w = [
+], T = [
 	"4 / 5",
 	"1 / 1",
 	"3 / 4",
@@ -51,50 +52,64 @@ var x = (e) => String(e).padStart(2, "0"), Ne = "text-2xs font-semibold uppercas
 	"4 / 3",
 	"9 / 16",
 	"6 / 7"
-], T = (e) => `${e.getFullYear()}-${x(e.getMonth() + 1)}-${x(e.getDate())}`, E = (e) => {
+], Re = ({ buttonRef: e, className: t, label: n, onSubmit: r }) => {
+	let { canCommitTimeSlots: i, startTime: a, endTime: o } = d();
+	return /* @__PURE__ */ _(u, {
+		ref: e,
+		className: v("gap-2", t),
+		disabled: !i || !a || !o,
+		onClick: r,
+		children: [/* @__PURE__ */ g("span", { children: n }), /* @__PURE__ */ g(b, {
+			className: "h-4 w-4",
+			"aria-hidden": "true"
+		})]
+	});
+}, E = (e) => `${e.getFullYear()}-${x(e.getMonth() + 1)}-${x(e.getDate())}`, D = (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;
-}, Ie = (e) => {
-	let t = e.length > 0 ? e : [d];
+}, ze = (e) => {
+	let t = e.length > 0 ? e : [f];
 	return Array.from({ length: S }, (e, n) => Array.from({ length: C }, (e, r) => {
 		let i = n * C + r;
 		return {
-			aspectRatio: w[(i + n) % w.length] ?? w[0],
+			aspectRatio: T[(i + n) % T.length] ?? T[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: d, i18n: x } = Oe(), { storeSlug: S } = Ee(), C = we(), { storefrontConfiguration: w } = se(), D = w.shop.address?.trim() ?? "", O = w.workspace?.workspaceLanguage, { bikes: k, accessories: A } = ce(), [j] = De(), Le = Te(), M = p(() => i(j, S), [j, S]), Re = p(() => t(w), [w]), N = p(() => r(w), [w]), P = p(() => E(N.start_date), [N.start_date]), ze = p(() => E(N.end_date) ?? P, [N.end_date, P]), F = w.settings.fulfillmentModes.includes("delivery"), Be = w.settings.deliveryDisabledReason.trim(), I = p(() => n(M, N), [N, M]), [L, Ve] = m(() => I.fulfillment === "delivery" && F ? "delivery" : "pickup"), [R, He] = m(() => E(M.get("start_date")) ?? P), [z, Ue] = m(() => M.get("start_time") ?? N.start_time), [B, We] = m(() => {
-		let e = E(M.get("start_date")) ?? P;
-		return E(M.get("end_date")) ?? e ?? ze;
-	}), [V, Ge] = m(() => M.get("end_time") ?? N.end_time), [H, U] = m(() => I.start_address), [W, G] = m(() => I.end_address), K = xe(null), Ke = p(() => k.slice(0, 4), [k]), { heroMode: qe } = u(), Je = qe ?? w.content?.heroMode ?? "current_booking_hero", q = Je === "vertical_marquee_hero", J = Je === "booking_bar_overlay_hero" || q, Ye = Ce("(min-width: 1024px)"), Xe = ve(S), Ze = p(() => ({
+function O() {
+	let { t: d, i18n: f } = Ae(), { storeSlug: x } = Oe(), S = Ee(), { storefrontConfiguration: C } = le(), T = C.shop.address?.trim() ?? "", O = C.workspace?.workspaceLanguage, { bikes: k, accessories: Be } = ue(), [A, Ve] = ke(), He = De(), j = p(() => a(A, x), [A, x]), Ue = p(() => n(C), [C]), M = p(() => i(C), [C]), N = p(() => D(M.start_date), [M.start_date]), We = p(() => D(M.end_date) ?? N, [M.end_date, N]), P = C.settings.fulfillmentModes.includes("delivery"), F = C.settings.deliveryDisabledReason.trim(), I = p(() => r(j, M), [M, j]), [L, Ge] = m(() => I.fulfillment === "delivery" && P ? "delivery" : "pickup"), [R, Ke] = m(() => D(j.get("start_date")) ?? N), [z, qe] = m(() => j.get("start_time") ?? M.start_time), [B, Je] = m(() => {
+		let e = D(j.get("start_date")) ?? N;
+		return D(j.get("end_date")) ?? e ?? We;
+	}), [V, Ye] = m(() => j.get("end_time") ?? M.end_time), [Xe, Ze] = m(void 0), [H, U] = m(() => I.start_address), [W, G] = m(() => I.end_address), K = we(null), Qe = p(() => k.slice(0, 4), [k]), { heroMode: $e } = te(), et = $e ?? C.content?.heroMode ?? "current_booking_hero", q = et === "vertical_marquee_hero", J = et === "booking_bar_overlay_hero" || q, tt = Te("(min-width: 1024px)"), nt = xe(x), rt = 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 })
-	}), [x.language, d]), Y = p(() => {
-		let t = R ?? P ?? /* @__PURE__ */ new Date(), n = B ?? t;
-		return e(new URLSearchParams(), {
-			fulfillment: L === "delivery" && F ? "delivery" : "pickup",
-			start_date: T(t),
-			start_time: z || N.start_time,
-			end_date: T(n),
-			end_time: V || N.end_time,
+		selectedDaysTooltip: ({ count: e }) => d("booking_selected_days_tooltip", { count: e }),
+		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")
+	}), [f.language, d]), Y = p(() => {
+		let e = R ?? N ?? /* @__PURE__ */ new Date(), n = B ?? e;
+		return t(new URLSearchParams(), {
+			fulfillment: L === "delivery" && P ? "delivery" : "pickup",
+			start_date: E(e),
+			start_time: z,
+			end_date: E(n),
+			end_time: V,
 			start_address: H,
 			end_address: W
 		});
 	}, [
-		N.end_time,
-		N.start_time,
+		N,
 		P,
-		F,
 		W,
 		B,
 		V,
@@ -102,166 +117,179 @@ function D() {
 		H,
 		R,
 		z
-	]), Qe = Y.toString(), $e = Qe ? `?${Qe}` : "";
-	be(() => {
-		a(S, Y);
-	}, [Y, S]);
-	let et = {
+	]), it = Y.toString(), at = it ? `?${it}` : "";
+	Ce(() => {
+		o(x, Y);
+	}, [Y, x]), Ce(() => {
+		let t = new URLSearchParams(A);
+		for (let n of e) t.delete(n);
+		for (let [e, n] of Y.entries()) t.set(e, n);
+		t.toString() !== A.toString() && Ve(t, { replace: !0 });
+	}, [
+		Y,
+		A,
+		Ve
+	]);
+	let ot = `${R ? E(R) : ""}:${B ? E(B) : ""}`, st = Xe === ot && !!(z && V), ct = {
 		startDate: R,
-		onStartDateChange: He,
+		onStartDateChange: Ke,
 		startTime: z,
-		onStartTimeChange: Ue,
+		onStartTimeChange: qe,
 		endDate: B,
-		onEndDateChange: We,
+		onEndDateChange: Je,
 		endTime: V,
-		onEndTimeChange: Ge,
+		onEndTimeChange: Ye,
 		onEndTimeCommit: () => {
 			K.current?.focus({ preventScroll: !0 });
 		},
-		bookingPeriodConfig: Re,
-		fetchTimeSlots: Xe,
-		labels: Ze,
-		localeCode: x.language
+		bookingPeriodConfig: Ue,
+		fetchTimeSlots: nt,
+		onTimeSlotsAvailabilityChange: (e) => {
+			Ze(e ? ot : void 0);
+		},
+		labels: rt,
+		localeCode: f.language
 	}, X = () => {
-		let e = new URLSearchParams(j);
+		if (!st) return;
+		let e = new URLSearchParams(A);
 		for (let [t, n] of Y.entries()) e.set(t, n);
-		Le(`/${S ?? ""}/booking?${e.toString()}#booking-products`);
-	}, tt = (e) => `/${S ?? ""}/products/${e}`, Z = { backTo: `${C.pathname}${C.search}${C.hash}` }, nt = /* @__PURE__ */ g("div", { children: [
-		/* @__PURE__ */ g("div", {
+		He(`/${x ?? ""}/booking?${e.toString()}#booking-products`);
+	}, lt = (e) => `/${x ?? ""}/products/${e}`, Z = { backTo: `${S.pathname}${S.search}${S.hash}` }, ut = /* @__PURE__ */ _("div", { children: [
+		/* @__PURE__ */ _("div", {
 			className: "flex items-center gap-2",
-			children: [/* @__PURE__ */ g(c, {
+			children: [/* @__PURE__ */ _(l, {
 				variant: "secondary",
-				children: [/* @__PURE__ */ h(ke, {
+				children: [/* @__PURE__ */ g(Me, {
 					className: "h-3 w-3",
 					"aria-hidden": "true"
-				}), /* @__PURE__ */ h("span", { children: d("status_open") })]
-			}), /* @__PURE__ */ g(c, {
+				}), /* @__PURE__ */ g("span", { children: d("status_open") })]
+			}), /* @__PURE__ */ _(l, {
 				variant: "outline",
-				className: _(!D && "border-destructive/40 text-destructive"),
-				children: [/* @__PURE__ */ h(Ae, {
+				className: v(!T && "border-destructive/40 text-destructive"),
+				children: [/* @__PURE__ */ g(Ne, {
 					className: "h-3 w-3",
 					"aria-hidden": "true"
-				}), /* @__PURE__ */ h("span", { children: D || "[Missing shop address]" })]
+				}), /* @__PURE__ */ g("span", { children: T || "[Missing shop address]" })]
 			})]
 		}),
-		/* @__PURE__ */ h("h1", {
+		/* @__PURE__ */ g("h1", {
 			className: "mt-4 text-3xl font-semibold tracking-tight sm:text-4xl",
-			children: /* @__PURE__ */ h("span", { children: d("hero_title") })
+			children: /* @__PURE__ */ g("span", { children: d("hero_title") })
 		}),
-		/* @__PURE__ */ h("p", {
+		/* @__PURE__ */ g("p", {
 			className: "mt-3 text-sm text-slate-700 sm:text-base",
-			children: /* @__PURE__ */ h("span", { children: d("hero_description") })
+			children: /* @__PURE__ */ g("span", { children: d("hero_description") })
 		}),
-		/* @__PURE__ */ h("div", {
-			className: _("mt-6", !J && "rounded-xl border bg-white/70 p-3"),
-			children: /* @__PURE__ */ g("ul", {
-				className: _("space-y-3", J && "space-y-2"),
+		/* @__PURE__ */ g("div", {
+			className: v("mt-6", !J && "rounded-xl border bg-white/70 p-3"),
+			children: /* @__PURE__ */ _("ul", {
+				className: v("space-y-3", J && "space-y-2"),
 				"data-testid": "storefront-home-trust-features",
 				children: [
-					/* @__PURE__ */ g("li", {
+					/* @__PURE__ */ _("li", {
 						className: "flex items-start gap-3",
 						"data-testid": "storefront-secure-payment-notice",
-						children: [/* @__PURE__ */ h(je, {
+						children: [/* @__PURE__ */ g(Pe, {
 							className: "mt-0.5 h-5 w-5 text-success",
 							"aria-hidden": "true"
-						}), /* @__PURE__ */ g("div", {
+						}), /* @__PURE__ */ _("div", {
 							className: "flex flex-col gap-0.5",
-							children: [/* @__PURE__ */ h("p", {
+							children: [/* @__PURE__ */ g("p", {
 								className: "text-sm font-medium text-slate-950",
-								children: /* @__PURE__ */ h("span", { children: d("feature_secure_payment_title") })
-							}), /* @__PURE__ */ h("p", {
+								children: /* @__PURE__ */ g("span", { children: d("feature_secure_payment_title") })
+							}), /* @__PURE__ */ g("p", {
 								className: "text-xs text-slate-600",
-								children: /* @__PURE__ */ h("span", { children: d("feature_secure_payment_description") })
+								children: /* @__PURE__ */ g("span", { children: d("feature_secure_payment_description") })
 							})]
 						})]
 					}),
-					/* @__PURE__ */ h(ge, {
-						policy: w.bookingEngine.cancellationPolicy,
-						className: _(!J && "border-t border-slate-200/70 pt-3")
+					/* @__PURE__ */ g(ye, {
+						policy: C.bookingEngine.cancellationPolicy,
+						className: v(!J && "border-t border-slate-200/70 pt-3")
 					}),
-					F ? /* @__PURE__ */ g("li", {
-						className: _("flex items-start gap-3", !J && "border-t border-slate-200/70 pt-3"),
+					P ? /* @__PURE__ */ _("li", {
+						className: v("flex items-start gap-3", !J && "border-t border-slate-200/70 pt-3"),
 						"data-testid": "storefront-delivery-notice",
-						children: [/* @__PURE__ */ h(Me, {
+						children: [/* @__PURE__ */ g(Fe, {
 							className: "mt-0.5 h-5 w-5 text-slate-900",
 							"aria-hidden": "true"
-						}), /* @__PURE__ */ g("div", {
+						}), /* @__PURE__ */ _("div", {
 							className: "flex flex-col gap-0.5",
-							children: [/* @__PURE__ */ h("p", {
+							children: [/* @__PURE__ */ g("p", {
 								className: "text-sm font-medium text-slate-950",
-								children: /* @__PURE__ */ h("span", { children: d("feature_delivery_title") })
-							}), /* @__PURE__ */ h("p", {
+								children: /* @__PURE__ */ g("span", { children: d("feature_delivery_title") })
+							}), /* @__PURE__ */ g("p", {
 								className: "text-xs text-slate-600",
-								children: /* @__PURE__ */ h("span", { children: d("feature_delivery_description") })
+								children: /* @__PURE__ */ g("span", { children: d("feature_delivery_description") })
 							})]
 						})]
 					}) : null,
-					/* @__PURE__ */ h(_e, {
+					/* @__PURE__ */ g(be, {
 						bikes: k,
-						currency: w.bookingEngine.currency,
-						className: _(!J && "border-t border-slate-200/70 pt-3")
+						currency: C.bookingEngine.currency,
+						className: v(!J && "border-t border-slate-200/70 pt-3")
 					})
 				]
 			})
 		})
-	] }), Q = ({ className: e, showSubmitButton: t = !1, submitButtonClassName: n }) => /* @__PURE__ */ h(te, {
-		...et,
-		labelClassName: Ne,
-		inputClassName: Pe,
-		children: /* @__PURE__ */ g("div", {
+	] }), dt = ({ className: e, showSubmitButton: t = !1, submitButtonClassName: n }) => /* @__PURE__ */ g(ne, {
+		...ct,
+		labelClassName: Ie,
+		inputClassName: Le,
+		children: /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ _("div", {
 			className: e,
 			children: [
-				/* @__PURE__ */ h("div", {
+				/* @__PURE__ */ g("div", {
 					className: "min-w-0",
-					children: /* @__PURE__ */ h(ne, {})
+					children: /* @__PURE__ */ g(re, {})
 				}),
-				/* @__PURE__ */ h(re, {}),
-				/* @__PURE__ */ h("div", {
+				/* @__PURE__ */ g(ie, {}),
+				/* @__PURE__ */ g("div", {
 					className: "min-w-0",
-					children: /* @__PURE__ */ h(ie, {})
+					children: /* @__PURE__ */ g(ae, {})
 				}),
-				/* @__PURE__ */ h(ae, {}),
-				t ? /* @__PURE__ */ g(l, {
-					ref: K,
-					className: _("gap-2", n),
-					onClick: X,
-					children: [/* @__PURE__ */ h("span", { children: d("booking_submit") }), /* @__PURE__ */ h(y, {
-						className: "h-4 w-4",
-						"aria-hidden": "true"
-					})]
+				/* @__PURE__ */ g(oe, {}),
+				t ? /* @__PURE__ */ g(Re, {
+					buttonRef: K,
+					className: n,
+					label: d("booking_submit"),
+					onSubmit: X
 				}) : null
 			]
-		})
-	}), rt = (e) => F ? /* @__PURE__ */ h(oe, {
+		}), /* @__PURE__ */ g(se, {
+			className: "mt-2",
+			testId: "booking-home-time-slots-status"
+		})] })
+	}), Q = (e) => P ? /* @__PURE__ */ g(ce, {
 		open: L === "delivery",
 		className: "sm:min-h-[6.75rem]",
-		inputClassName: `${Pe} bg-white`,
-		labelClassName: Ne,
+		inputClassName: `${Le} bg-white`,
+		labelClassName: Ie,
 		startAddress: H,
 		onStartAddressChange: U,
 		returnAddress: W,
 		onReturnAddressChange: G,
 		testIdPrefix: e
-	}) : null, it = rt("storefront-home-fulfillment-delivery-address"), at = rt("storefront-home-compact-fulfillment-delivery-address"), ot = /* @__PURE__ */ g(fe, {
+	}) : null, ft = Q("storefront-home-fulfillment-delivery-address"), pt = Q("storefront-home-compact-fulfillment-delivery-address"), mt = /* @__PURE__ */ _(me, {
 		className: "border-slate-200 bg-white/80 shadow-none",
-		children: [/* @__PURE__ */ g("div", {
+		children: [/* @__PURE__ */ _("div", {
 			className: "border-b border-slate-200 px-4 py-4",
-			children: [/* @__PURE__ */ h("p", {
+			children: [/* @__PURE__ */ g("p", {
 				className: "text-sm font-semibold text-slate-950",
-				children: /* @__PURE__ */ h("span", { children: d("booking_title") })
-			}), /* @__PURE__ */ h("p", {
+				children: /* @__PURE__ */ g("span", { children: d("booking_title") })
+			}), /* @__PURE__ */ g("p", {
 				className: "mt-1 text-xs text-slate-600",
-				children: /* @__PURE__ */ h("span", { children: d("booking_subtitle") })
+				children: /* @__PURE__ */ g("span", { children: d("booking_subtitle") })
 			})]
-		}), /* @__PURE__ */ g("div", {
+		}), /* @__PURE__ */ _("div", {
 			className: "grid gap-4 px-4 py-4",
 			children: [
-				/* @__PURE__ */ h(ye, {
+				/* @__PURE__ */ g(Se, {
 					value: L,
-					onValueChange: Ve,
-					pickupAddress: D,
-					deliveryEnabled: F,
-					deliveryDisabledReason: Be,
+					onValueChange: Ge,
+					pickupAddress: T,
+					deliveryEnabled: P,
+					deliveryDisabledReason: F,
 					startAddress: H,
 					onStartAddressChange: U,
 					endAddress: W,
@@ -269,34 +297,35 @@ function D() {
 					showDeliveryAddressSelector: !1,
 					testIdPrefix: "storefront-home-fulfillment"
 				}),
-				Q({ 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" }),
-				it,
-				/* @__PURE__ */ h("p", {
+				dt({ 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" }),
+				ft,
+				/* @__PURE__ */ g("p", {
 					className: "text-xs text-slate-600",
-					children: /* @__PURE__ */ h("span", { children: d("booking_minimum_duration", { hours: 4 }) })
+					children: /* @__PURE__ */ g("span", { children: d("booking_minimum_duration", { hours: 4 }) })
 				}),
-				/* @__PURE__ */ g(l, {
+				/* @__PURE__ */ _(u, {
 					ref: K,
 					className: "h-11 w-fit justify-self-start rounded-xl text-sm font-semibold gap-2",
+					disabled: !st,
 					onClick: X,
-					children: [/* @__PURE__ */ h("span", { children: d("booking_submit") }), /* @__PURE__ */ h(y, {
+					children: [/* @__PURE__ */ g("span", { children: d("booking_submit") }), /* @__PURE__ */ g(b, {
 						className: "h-4 w-4",
 						"aria-hidden": "true"
 					})]
 				})
 			]
 		})]
-	}), st = /* @__PURE__ */ h(fe, {
+	}), ht = /* @__PURE__ */ g(me, {
 		className: "border-slate-200 bg-white/95 shadow-xl",
-		children: /* @__PURE__ */ g("div", {
+		children: /* @__PURE__ */ _("div", {
 			className: "grid gap-3 p-4",
 			children: [
-				/* @__PURE__ */ h("div", { children: /* @__PURE__ */ h(ye, {
+				/* @__PURE__ */ g("div", { children: /* @__PURE__ */ g(Se, {
 					value: L,
-					onValueChange: Ve,
-					pickupAddress: D,
-					deliveryEnabled: F,
-					deliveryDisabledReason: Be,
+					onValueChange: Ge,
+					pickupAddress: T,
+					deliveryEnabled: P,
+					deliveryDisabledReason: F,
 					startAddress: H,
 					onStartAddressChange: U,
 					endAddress: W,
@@ -304,16 +333,16 @@ function D() {
 					showDeliveryAddressSelector: !1,
 					testIdPrefix: "storefront-home-compact-fulfillment"
 				}) }),
-				Q({
+				dt({
 					className: "grid gap-3 md:grid-cols-2 xl:grid-cols-[minmax(0,1fr)_150px_minmax(0,1fr)_150px_auto] xl:items-end",
 					showSubmitButton: !0,
 					submitButtonClassName: "h-10 rounded-xl text-sm font-semibold xl:self-end"
 				}),
-				at
+				pt
 			]
 		})
-	}), $ = (w.content?.galleryImageIds ?? []).map((e) => s(e, S ?? w.storeSlug)).filter((e) => e.length > 0), ct = [...k, ...A].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 = Ie($.length > 0 ? $ : ct), ut = $[0] ?? "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", dt = q ? /* @__PURE__ */ h("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, ft = (e) => /* @__PURE__ */ h("div", {
-		className: _("relative h-full min-h-[340px] overflow-hidden", e),
+	}), $ = (C.content?.galleryImageIds ?? []).map((e) => c(e, x ?? C.storeSlug)).filter((e) => e.length > 0), gt = [...k, ...Be].flatMap((e) => Array.isArray(e.images) ? e.images : []).filter((e) => typeof e == "string" && e.trim().length > 0).map((e) => e.trim()).slice(0, 12), _t = ze($.length > 0 ? $ : gt), vt = $[0] ?? "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", yt = q ? /* @__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, bt = (e) => /* @__PURE__ */ g("div", {
+		className: v("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%)",
@@ -323,194 +352,194 @@ function D() {
 			maskSize: "100% 100%"
 		},
 		"aria-hidden": "true",
-		children: /* @__PURE__ */ h("div", {
+		children: /* @__PURE__ */ g("div", {
 			className: "absolute inset-0 grid grid-cols-2 gap-3 md:grid-cols-3 lg:grid-cols-6",
-			children: lt.map((e, t) => {
-				let n = Fe[t % Fe.length] ?? 32, r = [...e, ...e];
-				return /* @__PURE__ */ h("div", {
-					className: _("relative min-h-0 overflow-hidden", t === 2 && "hidden md:block", t >= 3 && "hidden lg:block"),
-					children: /* @__PURE__ */ h("div", {
-						className: _("storefront-hero-marquee-track flex flex-col gap-[var(--storefront-hero-marquee-gap)]", t % 2 == 1 && "storefront-hero-marquee-track-reverse"),
+			children: _t.map((e, t) => {
+				let n = w[t % w.length] ?? 32, r = [...e, ...e];
+				return /* @__PURE__ */ g("div", {
+					className: v("relative min-h-0 overflow-hidden", t === 2 && "hidden md:block", t >= 3 && "hidden lg:block"),
+					children: /* @__PURE__ */ g("div", {
+						className: v("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__ */ g("div", {
+						children: r.map((n, r) => /* @__PURE__ */ _("div", {
 							className: "group relative overflow-hidden rounded-[1.35rem] border border-white/40 bg-transparent",
 							style: { aspectRatio: n.aspectRatio },
 							children: [
-								/* @__PURE__ */ h("div", { className: "absolute inset-0 bg-linear-to-b from-white/22 via-transparent to-transparent" }),
-								/* @__PURE__ */ h("img", {
+								/* @__PURE__ */ g("div", { className: "absolute inset-0 bg-linear-to-b from-white/22 via-transparent to-transparent" }),
+								/* @__PURE__ */ g("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__ */ h("div", { className: "absolute inset-0 bg-linear-to-t from-slate-950/40 via-slate-950/10 to-white/10" })
+								/* @__PURE__ */ g("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}`);
 			})
 		})
-	}), pt = q ? /* @__PURE__ */ h("div", {
+	}), xt = q ? /* @__PURE__ */ g("div", {
 		className: "pointer-events-none absolute inset-0 hidden lg:block",
 		"aria-hidden": "true",
-		children: /* @__PURE__ */ g("div", {
+		children: /* @__PURE__ */ _("div", {
 			className: "mx-auto grid h-full max-w-7xl grid-cols-12 gap-8 px-4 sm:px-6",
-			children: [/* @__PURE__ */ h("div", { className: "lg:col-span-5" }), /* @__PURE__ */ h("div", {
+			children: [/* @__PURE__ */ g("div", { className: "lg:col-span-5" }), /* @__PURE__ */ g("div", {
 				className: "lg:col-span-7",
-				children: ft()
+				children: bt()
 			})]
 		})
-	}) : null, mt = q ? /* @__PURE__ */ g(Se, { children: [/* @__PURE__ */ h("div", {
+	}) : null, St = q ? /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g("div", {
 		className: "lg:hidden",
-		children: ft()
-	}), /* @__PURE__ */ h("div", {
+		children: bt()
+	}), /* @__PURE__ */ g("div", {
 		className: "hidden min-h-[510px] lg:block",
 		"aria-hidden": "true"
-	})] }) : /* @__PURE__ */ g("div", {
+	})] }) : /* @__PURE__ */ _("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__ */ h("img", {
-			src: ut,
+		children: [/* @__PURE__ */ g("img", {
+			src: vt,
 			alt: "",
 			className: "absolute inset-0 h-full w-full object-cover",
 			"aria-hidden": "true"
-		}), /* @__PURE__ */ h("div", {
+		}), /* @__PURE__ */ g("div", {
 			className: "absolute inset-0 bg-linear-to-t from-slate-900/45 via-slate-900/15 to-transparent",
 			"aria-hidden": "true"
 		})]
 	});
-	return /* @__PURE__ */ g(Se, { children: [
-		/* @__PURE__ */ g("section", {
+	return /* @__PURE__ */ _(h, { children: [
+		/* @__PURE__ */ _("section", {
 			className: "relative overflow-hidden border-b border-slate-200",
 			children: [
-				/* @__PURE__ */ h("div", {
+				/* @__PURE__ */ g("div", {
 					className: "absolute inset-0 bg-linear-to-b from-slate-50 to-white",
 					"aria-hidden": "true"
 				}),
-				/* @__PURE__ */ h("div", {
+				/* @__PURE__ */ g("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"
 				}),
-				dt,
-				pt,
-				J ? /* @__PURE__ */ g("div", {
+				yt,
+				xt,
+				J ? /* @__PURE__ */ _("div", {
 					className: "relative mx-auto grid max-w-7xl gap-8 px-4 py-10 sm:px-6 lg:grid-cols-12 lg:py-14",
-					children: [/* @__PURE__ */ g("div", {
+					children: [/* @__PURE__ */ _("div", {
 						className: "lg:col-span-5",
-						children: [nt, Ye ? /* @__PURE__ */ h("div", {
+						children: [ut, tt ? /* @__PURE__ */ g("div", {
 							className: "mt-7",
-							children: /* @__PURE__ */ h("div", {
+							children: /* @__PURE__ */ g("div", {
 								className: "relative z-20 w-[calc(100%+24rem)] max-w-none",
-								children: st
+								children: ht
 							})
 						}) : null]
-					}), /* @__PURE__ */ g("div", {
-						className: _("lg:col-span-7", !q && "lg:pt-4"),
-						children: [mt, Ye ? null : /* @__PURE__ */ h("div", {
+					}), /* @__PURE__ */ _("div", {
+						className: v("lg:col-span-7", !q && "lg:pt-4"),
+						children: [St, tt ? null : /* @__PURE__ */ g("div", {
 							className: "mt-4",
-							children: st
+							children: ht
 						})]
 					})]
-				}) : /* @__PURE__ */ g("div", {
+				}) : /* @__PURE__ */ _("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__ */ h("div", {
+					children: [/* @__PURE__ */ g("div", {
 						className: "lg:col-span-5",
-						children: nt
-					}), /* @__PURE__ */ h("div", {
+						children: ut
+					}), /* @__PURE__ */ g("div", {
 						className: "lg:col-span-7",
-						children: ot
+						children: mt
 					})]
 				})
 			]
 		}),
-		/* @__PURE__ */ g("section", {
+		/* @__PURE__ */ _("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__ */ g("div", {
+			children: [/* @__PURE__ */ _("div", {
 				className: "flex items-center justify-between gap-3",
-				children: [/* @__PURE__ */ g("div", {
+				children: [/* @__PURE__ */ _("div", {
 					className: "space-y-1",
-					children: [/* @__PURE__ */ h("h2", {
+					children: [/* @__PURE__ */ g("h2", {
 						className: "text-xl font-semibold tracking-tight",
-						children: /* @__PURE__ */ h("span", { children: d("featured_title") })
-					}), /* @__PURE__ */ h("p", {
+						children: /* @__PURE__ */ g("span", { children: d("featured_title") })
+					}), /* @__PURE__ */ g("p", {
 						className: "text-sm text-slate-600",
-						children: /* @__PURE__ */ h("span", { children: d("featured_description") })
+						children: /* @__PURE__ */ g("span", { children: d("featured_description") })
 					})]
-				}), /* @__PURE__ */ g(v, {
+				}), /* @__PURE__ */ _(y, {
 					className: "hidden items-center gap-2 text-sm font-medium text-slate-700 hover:text-slate-950 sm:inline-flex",
-					to: `/${S ?? ""}/booking${$e}`,
-					children: [/* @__PURE__ */ h("span", { children: d("featured_view_all") }), /* @__PURE__ */ h(y, {
+					to: `/${x ?? ""}/booking${at}`,
+					children: [/* @__PURE__ */ g("span", { children: d("featured_view_all") }), /* @__PURE__ */ g(b, {
 						className: "h-4 w-4",
 						"aria-hidden": "true"
 					})]
 				})]
-			}), /* @__PURE__ */ h("div", {
+			}), /* @__PURE__ */ g("div", {
 				className: "mt-6 grid gap-4 sm:grid-cols-2 lg:grid-cols-4",
-				children: Ke.map((e) => {
-					let t = e.id, n = e.slug, r = o(e.name, x.language, O), i = o(e.description, x.language, O), a = typeof e.images?.[0] == "string" ? e.images[0].trim() : "", s = f(e.primaryImageStyle), l = ee(e.availabilityStatus), u = tt(n);
-					return /* @__PURE__ */ g("div", {
+				children: Qe.map((e) => {
+					let t = e.id, n = e.slug, r = s(e.name, f.language, O), i = s(e.description, f.language, O), a = typeof e.images?.[0] == "string" ? e.images[0].trim() : "", o = _e(e.primaryImageStyle), c = ee(e.availabilityStatus), u = lt(n);
+					return /* @__PURE__ */ _("div", {
 						className: "group flex h-full flex-col gap-2 rounded-xl border border-slate-200 bg-white p-3 text-left shadow-sm transition hover:border-slate-400",
 						children: [
-							/* @__PURE__ */ h(v, {
+							/* @__PURE__ */ g(y, {
 								to: u,
 								state: Z,
 								className: "block",
-								children: /* @__PURE__ */ h("span", {
-									className: _("relative block aspect-[1618/1000] overflow-hidden rounded-xl", s.className),
-									style: s.style,
-									children: a ? /* @__PURE__ */ h("img", {
+								children: /* @__PURE__ */ g("span", {
+									className: v("relative block aspect-[1618/1000] overflow-hidden rounded-xl", o.className),
+									style: o.style,
+									children: a ? /* @__PURE__ */ g("img", {
 										src: a,
 										alt: r,
 										className: "absolute inset-0 h-full w-full object-contain p-1",
 										loading: "lazy"
-									}) : /* @__PURE__ */ h("span", {
+									}) : /* @__PURE__ */ g("span", {
 										className: "absolute inset-0 flex items-center justify-center text-slate-400",
-										children: /* @__PURE__ */ h(b, {
+										children: /* @__PURE__ */ g(je, {
 											className: "h-8 w-8",
 											"aria-hidden": "true"
 										})
 									})
 								})
 							}),
-							/* @__PURE__ */ g("span", {
+							/* @__PURE__ */ _("span", {
 								className: "flex flex-1 flex-col gap-1",
 								children: [
-									/* @__PURE__ */ h(v, {
+									/* @__PURE__ */ g(y, {
 										to: u,
 										state: Z,
 										className: "text-sm font-semibold text-slate-950 hover:text-slate-700",
-										children: /* @__PURE__ */ h("span", { children: r })
+										children: /* @__PURE__ */ g("span", { children: r })
 									}),
-									/* @__PURE__ */ h(me, {
+									/* @__PURE__ */ g(ge, {
 										prices: e.prices,
 										className: "self-start"
 									}),
-									/* @__PURE__ */ h("span", {
+									/* @__PURE__ */ g("span", {
 										className: "line-clamp-2 text-xs text-slate-600",
 										children: i
 									})
 								]
 							}),
-							/* @__PURE__ */ g("span", {
+							/* @__PURE__ */ _("span", {
 								className: "flex flex-wrap items-center gap-x-2 gap-y-1",
 								children: [
-									/* @__PURE__ */ h(c, {
-										variant: l.variant,
-										children: /* @__PURE__ */ h("span", { children: d(l.labelKey) })
+									/* @__PURE__ */ g(l, {
+										variant: c.variant,
+										children: /* @__PURE__ */ g("span", { children: d(c.labelKey) })
 									}),
-									/* @__PURE__ */ h("span", {
+									/* @__PURE__ */ g("span", {
 										className: "text-slate-400",
 										children: "·"
 									}),
-									/* @__PURE__ */ h(v, {
+									/* @__PURE__ */ g(y, {
 										to: u,
 										state: Z,
 										className: "text-xs font-medium text-slate-700 hover:text-slate-950",
-										children: /* @__PURE__ */ h("span", { children: d("product_details_link") })
+										children: /* @__PURE__ */ g("span", { children: d("product_details_link") })
 									})
 								]
 							})
@@ -519,28 +548,28 @@ function D() {
 				})
 			})]
 		}),
-		/* @__PURE__ */ h("section", {
+		/* @__PURE__ */ g("section", {
 			id: "products",
 			className: "border-t bg-slate-50/60 scroll-mt-16 sm:scroll-mt-20",
-			children: /* @__PURE__ */ g("div", {
+			children: /* @__PURE__ */ _("div", {
 				className: "mx-auto max-w-7xl px-4 py-10 sm:px-6",
-				children: [/* @__PURE__ */ h("div", {
+				children: [/* @__PURE__ */ g("div", {
 					className: "flex flex-col gap-3 sm:flex-row sm:items-end sm:justify-between",
-					children: /* @__PURE__ */ g("div", {
+					children: /* @__PURE__ */ _("div", {
 						className: "space-y-1",
-						children: [/* @__PURE__ */ h("h2", {
+						children: [/* @__PURE__ */ g("h2", {
 							className: "text-xl font-semibold tracking-tight",
-							children: /* @__PURE__ */ h("span", { children: d("products_title") })
-						}), /* @__PURE__ */ h("p", {
+							children: /* @__PURE__ */ g("span", { children: d("products_title") })
+						}), /* @__PURE__ */ g("p", {
 							className: "text-sm text-slate-600",
-							children: /* @__PURE__ */ h("span", { children: d("products_description") })
+							children: /* @__PURE__ */ g("span", { children: d("products_description") })
 						})]
 					})
-				}), /* @__PURE__ */ h("div", {
+				}), /* @__PURE__ */ g("div", {
 					className: "mt-6 grid gap-4 md:grid-cols-2",
-					children: k.map((e) => /* @__PURE__ */ h(he, {
+					children: k.map((e) => /* @__PURE__ */ g(ve, {
 						bike: e,
-						detailsPath: tt(e.slug),
+						detailsPath: lt(e.slug),
 						productDetailsLinkState: Z,
 						fallbackLanguage: O,
 						onAction: X
@@ -548,73 +577,73 @@ function D() {
 				})]
 			})
 		}),
-		/* @__PURE__ */ g("section", {
+		/* @__PURE__ */ _("section", {
 			className: "mx-auto max-w-7xl px-4 py-10 sm:px-6",
-			children: [/* @__PURE__ */ h("div", {
+			children: [/* @__PURE__ */ g("div", {
 				className: "flex flex-col gap-2 sm:flex-row sm:items-end sm:justify-between",
-				children: /* @__PURE__ */ g("div", {
+				children: /* @__PURE__ */ _("div", {
 					className: "space-y-1",
-					children: [/* @__PURE__ */ h("h2", {
+					children: [/* @__PURE__ */ g("h2", {
 						className: "text-xl font-semibold tracking-tight",
-						children: /* @__PURE__ */ h("span", { children: d("accessories_title") })
-					}), /* @__PURE__ */ h("p", {
+						children: /* @__PURE__ */ g("span", { children: d("accessories_title") })
+					}), /* @__PURE__ */ g("p", {
 						className: "text-sm text-slate-600",
-						children: /* @__PURE__ */ h("span", { children: d("accessories_description") })
+						children: /* @__PURE__ */ g("span", { children: d("accessories_description") })
 					})]
 				})
-			}), /* @__PURE__ */ h("div", {
+			}), /* @__PURE__ */ g("div", {
 				className: "mt-6 grid gap-4 sm:grid-cols-2 lg:grid-cols-4",
-				children: A.slice(0, 4).map((e) => {
-					let t = o(e.name, x.language, O), n = o(e.description, x.language, O), r = o(e.warning, x.language, O), i = typeof e.images?.[0] == "string" ? e.images[0].trim() : "", a = f(e.primaryImageStyle);
-					return /* @__PURE__ */ g("div", {
+				children: Be.slice(0, 4).map((e) => {
+					let t = s(e.name, f.language, O), n = s(e.description, f.language, O), r = s(e.warning, f.language, O), i = typeof e.images?.[0] == "string" ? e.images[0].trim() : "", a = _e(e.primaryImageStyle);
+					return /* @__PURE__ */ _("div", {
 						className: "flex h-full flex-col gap-2 rounded-xl border border-slate-200 bg-white p-3 shadow-sm",
 						children: [
-							/* @__PURE__ */ h("div", {
-								className: _("relative aspect-[1618/1000] overflow-hidden rounded-xl", a.className),
+							/* @__PURE__ */ g("div", {
+								className: v("relative aspect-[1618/1000] overflow-hidden rounded-xl", a.className),
 								style: a.style,
-								children: i ? /* @__PURE__ */ h("img", {
+								children: i ? /* @__PURE__ */ g("img", {
 									src: i,
 									alt: t,
 									className: "absolute inset-0 h-full w-full object-contain p-1",
 									loading: "lazy"
-								}) : /* @__PURE__ */ h("div", {
+								}) : /* @__PURE__ */ g("div", {
 									className: "absolute inset-0 flex items-center justify-center text-slate-400",
-									children: /* @__PURE__ */ h(b, {
+									children: /* @__PURE__ */ g(je, {
 										className: "h-8 w-8",
 										"aria-hidden": "true"
 									})
 								})
 							}),
-							/* @__PURE__ */ g("div", {
+							/* @__PURE__ */ _("div", {
 								className: "flex flex-1 flex-col gap-1",
 								children: [
-									/* @__PURE__ */ h("p", {
+									/* @__PURE__ */ g("p", {
 										className: "text-sm font-semibold text-slate-950",
-										children: /* @__PURE__ */ h("span", { children: t })
+										children: /* @__PURE__ */ g("span", { children: t })
 									}),
-									/* @__PURE__ */ h("p", {
+									/* @__PURE__ */ g("p", {
 										className: "line-clamp-2 text-xs text-slate-600",
-										children: /* @__PURE__ */ h("span", { children: n })
+										children: /* @__PURE__ */ g("span", { children: n })
 									}),
-									/* @__PURE__ */ h(pe, {
+									/* @__PURE__ */ g(he, {
 										warning: r,
 										className: "mt-1"
 									})
 								]
 							}),
-							/* @__PURE__ */ h("div", {
+							/* @__PURE__ */ g("div", {
 								className: "flex items-center justify-between gap-2",
-								children: /* @__PURE__ */ h(me, { prices: e.prices })
+								children: /* @__PURE__ */ g(ge, { prices: e.prices })
 							})
 						]
 					}, e.id);
 				})
 			})]
 		}),
-		/* @__PURE__ */ h(de, {}),
-		/* @__PURE__ */ h(ue, {}),
-		/* @__PURE__ */ h(le, { storeSlug: S ?? "" })
+		/* @__PURE__ */ g(pe, {}),
+		/* @__PURE__ */ g(fe, {}),
+		/* @__PURE__ */ g(de, { storeSlug: x ?? "" })
 	] });
 }
 //#endregion
-export { D as default };
+export { O as default };