@loczer/storefront-sdk 0.231.0 → 0.232.0

package/dist/pages/BookingPage.js

@@ -1,167 +1,167 @@
 import { applyBookingParamsToSearch as e, createBookingPeriodConfigFromStorefrontConfiguration as t, getBookingParamsFromSearch as n, getDefaultBookingParamsForStorefrontConfiguration as r, pickBookingSearchParams as i, resolveBookingSearchParamsFromSessionStorage as a, writeBookingSearchParamsToSessionStorage as ee } from "../lib/booking.js";
 import { getLocalizedValue as o } from "../localization.js";
-import { getStorefrontCheckoutProductId as s, getStorefrontProductSelectionDisplayName as c } from "../lib/products.js";
-import { useStorefrontCart as te } from "../lib/cart.js";
-import { calculateBookingRentalUnitSummary as ne, getPricingUnitLabel as re } from "../lib/pricing.js";
-import { buildStorefrontCartSummary as ie } from "../lib/cartSummary.js";
-import { ROUTE as ae, buildStorefrontAvailabilityKey as l, getStorefrontAvailabilityIssue as oe, getStorefrontAvailabilityStatus as se, getStorefrontProductAvailabilityStatus as u, getValidStorefrontAvailabilitySchedule as d, isStorefrontAvailabilityInsufficient as ce, responseSchema as le } from "../lib/storefrontAvailability.js";
-import { Badge as ue } from "../ui/badge.js";
-import { Button as de } from "../ui/button.js";
-import { useStorefront as fe, useStorefrontBookingProducts as pe, useStorefrontProducts as me } from "../StorefrontContext.js";
-import { toast as he } from "../lib/toast.js";
-import { BookingPeriodSelector as ge } from "../components/BookingPeriodSelector/index.js";
-import { StepSectionTitle as f } from "../components/StepSectionTitle/index.js";
-import { Card as _e } from "../ui/card.js";
-import { ProductWarningNotice as ve } from "../components/ProductWarningNotice/index.js";
-import { StorefrontCartPanel as ye } from "../components/StorefrontCartPanel/index.js";
-import { ProductPriceBadge as be } from "../components/ProductPriceBadge/index.js";
-import { resolveProductImageContainerStyle as xe } from "../lib/productImageStyles.js";
-import { apiPost as Se } from "../lib/apiCall.js";
-import { createStorefrontTimeSlotsFetcher as Ce } from "../lib/fetchStorefrontTimeSlots.js";
-import { FulfillmentSection as we } from "../components/FulfillmentSection/index.js";
-import { BookingFlowPageLayout as Te } from "../components/BookingFlowPageLayout/index.js";
-import { BookingBikeQuickAddCard as Ee } from "../components/BookingBikeQuickAddCard/index.js";
-import { BookingBikeVariantDialog as De } from "../components/BookingBikeVariantDialog/index.js";
-import { useEffect as p, useLayoutEffect as Oe, useMemo as m, useRef as h, useState as g } from "react";
-import { Fragment as ke, jsx as _, jsxs as v } from "react/jsx-runtime";
-import { Link as Ae, useLocation as je, useParams as Me, useSearchParams as Ne } from "@rpcbase/router";
-import { useTranslation as Pe } from "react-i18next";
-import { cn as Fe } from "@rpcbase/ui";
-import { Bike as Ie, Plus as Le } from "lucide-react";
+import { getStorefrontCheckoutProductId as s, getStorefrontProductSelectionDisplayName as te } from "../lib/products.js";
+import { useStorefrontCart as ne } from "../lib/cart.js";
+import { calculateBookingRentalUnitSummary as re, getPricingUnitLabel as ie } from "../lib/pricing.js";
+import { buildStorefrontCartSummary as ae } from "../lib/cartSummary.js";
+import { ROUTE as oe, buildStorefrontAvailabilityKey as c, getStorefrontAvailabilityIssue as se, getStorefrontAvailabilityStatus as ce, getStorefrontProductAvailabilityStatus as l, getValidStorefrontAvailabilitySchedule as u, isStorefrontAvailabilityInsufficient as le, responseSchema as ue } from "../lib/storefrontAvailability.js";
+import { Badge as de } from "../ui/badge.js";
+import { Button as fe } from "../ui/button.js";
+import { useStorefront as pe, useStorefrontBookingProducts as me, useStorefrontProducts as he } from "../StorefrontContext.js";
+import { toast as ge } from "../lib/toast.js";
+import { BookingPeriodSelector as _e } from "../components/BookingPeriodSelector/index.js";
+import { StepSectionTitle as d } from "../components/StepSectionTitle/index.js";
+import { Card as ve } from "../ui/card.js";
+import { ProductWarningNotice as ye } from "../components/ProductWarningNotice/index.js";
+import { StorefrontCartPanel as be } from "../components/StorefrontCartPanel/index.js";
+import { ProductPriceBadge as xe } from "../components/ProductPriceBadge/index.js";
+import { resolveProductImageContainerStyle as Se } from "../lib/productImageStyles.js";
+import { apiPost as Ce } from "../lib/apiCall.js";
+import { createStorefrontTimeSlotsFetcher as we } from "../lib/fetchStorefrontTimeSlots.js";
+import { FulfillmentSection as Te } from "../components/FulfillmentSection/index.js";
+import { BookingFlowPageLayout as Ee } from "../components/BookingFlowPageLayout/index.js";
+import { BookingBikeQuickAddCard as De } from "../components/BookingBikeQuickAddCard/index.js";
+import { BookingBikeVariantDialog as Oe } from "../components/BookingBikeVariantDialog/index.js";
+import { useEffect as f, useLayoutEffect as ke, useMemo as p, useRef as m, useState as h } from "react";
+import { Fragment as Ae, jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { Link as je, useLocation as Me, useParams as Ne, useSearchParams as Pe } from "@rpcbase/router";
+import { useTranslation as Fe } from "react-i18next";
+import { cn as Ie } from "@rpcbase/ui";
+import { Bike as Le, Plus as Re } from "lucide-react";
 //#region src/pages/BookingPage.tsx
-var y = (e) => String(e).padStart(2, "0"), b = "product_modal", Re = (e, t) => {
+var v = (e) => String(e).padStart(2, "0"), y = "product_modal", ze = (e, t) => {
 	let n = t - e;
 	return e >= 0 && (n === 1 || n === 2) ? n : null;
-}, ze = (e) => `${e.getFullYear()}-${y(e.getMonth() + 1)}-${y(e.getDate())}`, Be = (e) => {
+}, Be = (e) => `${e.getFullYear()}-${v(e.getMonth() + 1)}-${v(e.getDate())}`, Ve = (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;
-}, x = (e, t) => e.fulfillment === t.fulfillment && e.startDate === t.startDate && e.startTime === t.startTime && e.endDate === t.endDate && e.endTime === t.endTime && e.startAddress === t.startAddress && e.endAddress === t.endAddress, S = (e, t = () => !0) => {
+}, b = (e, t) => e.fulfillment === t.fulfillment && e.startDate === t.startDate && e.startTime === t.startTime && e.endDate === t.endDate && e.endTime === t.endTime && e.startAddress === t.startAddress && e.endAddress === t.endAddress, x = (e, t = () => !0) => {
 	if (e.representedVariantId?.trim()) return e.representedVariantId.trim();
 	let n = e.productVariants ?? [], r = n.find((e) => t(e.id))?.id ?? n[0]?.id;
 	return typeof r == "string" && r.trim().length > 0 ? r : null;
-}, Ve = (e, t) => e.fulfillment === "delivery" && !t ? {
+}, He = (e, t) => e.fulfillment === "delivery" && !t ? {
 	...e,
 	fulfillment: "pickup"
-} : e, He = (e, t) => {
+} : e, Ue = (e, t) => {
 	let n = s(e);
-	return u({
+	return l({
 		availabilityByKey: t,
 		fallbackStatus: e.availabilityStatus ?? "AVAILABLE",
 		productId: n,
 		productVariantIds: (e.productVariants ?? []).map((e) => e.id),
 		representedVariantId: e.representedVariantId
 	});
-}, Ue = (e, t, n) => n.get(l(s(e), t)), We = (e, t, n) => {
-	let r = oe(t);
+}, We = (e, t, n) => n.get(c(s(e), t)), Ge = (e, t, n) => {
+	let r = se(t);
 	return r === "quantityUnavailable" ? e("availability_quantity_unavailable") : r === "unavailable" || n === "OUT_OF_STOCK" ? e("availability_out_of_stock") : t?.remaining === void 0 ? t?.fewRemaining || n === "LOW_STOCK" ? e("availability_low_stock") : e("availability_in_stock") : e("availability_remaining_count", { count: t.remaining });
-}, Ge = (e) => {
+}, Ke = (e) => {
 	let t = /* @__PURE__ */ new Map();
 	for (let n of e) {
 		let e = s(n);
-		t.set(l(e), { productId: e });
-		for (let r of n.productVariants ?? []) t.set(l(e, r.id), {
+		t.set(c(e), { productId: e });
+		for (let r of n.productVariants ?? []) t.set(c(e, r.id), {
 			productId: e,
 			productVariantId: r.id
 		});
 		let r = n.representedVariantId?.trim();
-		r && t.set(l(e, r), {
+		r && t.set(c(e, r), {
 			productId: e,
 			productVariantId: r
 		});
 	}
 	return Array.from(t.values());
 };
-function C() {
-	let { t: u, i18n: y } = Pe(), { storeSlug: C } = Me(), w = je(), Ke = h(null), { storefrontConfiguration: T } = fe(), E = T.workspace?.workspaceLanguage, { bikes: qe, accessories: Je } = me(), { bikes: D, accessories: O } = pe(), [k, A] = Ne(), { items: Ye, itemCount: Xe, addItem: Ze, removeItem: Qe, setQuantity: $e } = te();
-	Oe(() => {
-		w.hash === "#booking-products" && Ke.current?.scrollIntoView({ block: "start" });
-	}, [w.hash]);
-	let et = m(() => t(T), [T]), j = m(() => r(T), [T]), M = T.settings.fulfillmentModes.includes("delivery"), tt = T.settings.deliveryDisabledReason.trim(), nt = T.shop.address?.trim() ?? "", N = T.bookingEngine.pricing.baseUnit, rt = re(N, u), it = i(k).toString(), P = m(() => a(new URLSearchParams(it), C), [it, C]), [F, I] = g(() => ({
-		booking: Ve(n(P, j), M),
+function S() {
+	let { t: l, i18n: v } = Fe(), { storeSlug: S } = Ne(), C = Me(), qe = m(null), { storefrontConfiguration: w } = pe(), T = w.workspace?.workspaceLanguage, { bikes: Je, accessories: Ye } = he(), { bikes: E, accessories: D } = me(), [O, k] = Pe(), { items: Xe, itemCount: Ze, addItem: Qe, removeItem: $e, setQuantity: et } = ne();
+	ke(() => {
+		C.hash === "#booking-products" && qe.current?.scrollIntoView({ block: "start" });
+	}, [C.hash]);
+	let tt = p(() => t(w), [w]), A = p(() => r(w), [w]), j = w.settings.fulfillmentModes.includes("delivery"), nt = w.settings.deliveryDisabledReason.trim(), rt = w.shop.address?.trim() ?? "", M = w.bookingEngine.pricing.baseUnit, it = ie(M, l), at = i(O).toString(), N = p(() => a(new URLSearchParams(at), S), [at, S]), [P, F] = h(() => ({
+		booking: He(n(N, A), j),
 		shouldWriteToUrl: !0
-	})), L = F.booking, R = m(() => Be(L.startDate), [L.startDate]), at = m(() => Be(L.endDate) ?? R, [L.endDate, R]), [ot, st] = g(void 0), ct = h(void 0), lt = h(""), ut = [
-		L.startDate,
-		L.startTime,
-		L.endDate,
-		L.endTime
+	})), I = P.booking, L = p(() => Ve(I.startDate), [I.startDate]), ot = p(() => Ve(I.endDate) ?? L, [I.endDate, L]), [st, ct] = h(void 0), lt = m(void 0), ut = m(""), dt = [
+		I.startDate,
+		I.startTime,
+		I.endDate,
+		I.endTime
 	].join(":");
-	lt.current = ut;
-	let z = ot === ut, B = z ? L.startTime : "", V = z ? L.endTime : "", H = !z && k.get("start_date") === L.startDate && k.get("start_time") === L.startTime && k.get("end_date") === L.endDate && k.get("end_time") === L.endTime;
-	p(() => {
-		I((e) => {
+	ut.current = dt;
+	let R = st === dt, z = R ? I.startTime : "", B = R ? I.endTime : "", V = !R && O.get("start_date") === I.startDate && O.get("start_time") === I.startTime && O.get("end_date") === I.endDate && O.get("end_time") === I.endTime;
+	f(() => {
+		F((e) => {
 			if (e.shouldWriteToUrl) return e;
 			let t = {
-				...j,
+				...A,
 				...e.booking
-			}, r = Ve(n(P, t), M);
+			}, r = He(n(N, t), j);
 			return {
-				booking: x(e.booking, r) ? e.booking : r,
+				booking: b(e.booking, r) ? e.booking : r,
 				shouldWriteToUrl: !0
 			};
 		});
 	}, [
-		P,
-		j,
-		M
-	]), p(() => {
-		if (!F.shouldWriteToUrl) return;
-		let t = e(k, {
-			...L,
-			startTime: H ? L.startTime : B,
-			endTime: H ? L.endTime : V
+		N,
+		A,
+		j
+	]), f(() => {
+		if (!P.shouldWriteToUrl) return;
+		let t = e(O, {
+			...I,
+			startTime: V ? I.startTime : z,
+			endTime: V ? I.endTime : B
 		});
-		if (t.toString() === k.toString()) {
-			I((e) => e.shouldWriteToUrl ? {
+		if (t.toString() === O.toString()) {
+			F((e) => e.shouldWriteToUrl ? {
 				...e,
 				shouldWriteToUrl: !1
 			} : e);
 			return;
 		}
-		A(t, { replace: !0 });
+		k(t, { replace: !0 });
 	}, [
-		L,
-		F.shouldWriteToUrl,
-		H,
+		I,
+		P.shouldWriteToUrl,
 		V,
 		B,
-		k,
-		A
-	]), p(() => {
-		ee(C, {
-			...L,
-			startTime: B,
-			endTime: V
+		z,
+		O,
+		k
+	]), f(() => {
+		ee(S, {
+			...I,
+			startTime: z,
+			endTime: B
 		});
 	}, [
-		L,
-		V,
+		I,
 		B,
-		C
+		z,
+		S
 	]);
-	let U = m(() => Ge([...D, ...O]), [O, D]), [dt, W] = g([]);
-	p(() => {
-		if (!C || U.length === 0) {
-			W([]);
+	let H = p(() => Ke([...E, ...D]), [D, E]), [ft, U] = h([]);
+	f(() => {
+		if (!S || H.length === 0) {
+			U([]);
 			return;
 		}
-		let e = z ? d(L) : null;
+		let e = R ? u(I) : null;
 		if (!e) {
-			W([]);
+			U([]);
 			return;
 		}
 		let t = !1;
 		return (async () => {
 			try {
-				let n = await Se(ae, {
-					storeSlug: C,
+				let n = await Ce(oe, {
+					storeSlug: S,
 					schedule: e,
-					products: U
-				}), r = le.parse(n);
+					products: H
+				}), r = ue.parse(n);
 				if (t) return;
-				W(r.success ? r.availability ?? [] : []);
+				U(r.success ? r.availability ?? [] : []);
 			} catch (e) {
 				if (t) return;
 				console.error("Failed to load storefront availability", e);
@@ -170,124 +170,124 @@ function C() {
 			t = !0;
 		};
 	}, [
-		U,
-		L.endDate,
-		L.endTime,
-		L.startDate,
-		L.startTime,
-		z,
-		C
+		H,
+		I.endDate,
+		I.endTime,
+		I.startDate,
+		I.startTime,
+		R,
+		S
 	]);
-	let G = m(() => new Map(dt.map((e) => [l(e.productId, e.productVariantId), e])), [dt]), K = m(() => D.map((e) => ({
+	let W = p(() => new Map(ft.map((e) => [c(e.productId, e.productVariantId), e])), [ft]), G = p(() => E.map((e) => ({
 		...e,
-		availabilityStatus: He(e, G)
-	})), [G, D]), ft = m(() => O.map((e) => ({
+		availabilityStatus: Ue(e, W)
+	})), [W, E]), pt = p(() => D.map((e) => ({
 		...e,
-		availabilityStatus: He(e, G)
-	})), [O, G]), q = (e, t) => {
-		let n = Ue(e, t, G);
-		return n ? ce(n) : e.availabilityStatus === "OUT_OF_STOCK";
-	}, pt = (e) => (e.productVariants ?? []).length > 0, mt = (e, t) => {
-		let n = Ue(e, t, G);
-		return n ? We(u, n, se(n)) : e.availabilityStatus === "OUT_OF_STOCK" ? u("availability_out_of_stock") : null;
-	}, ht = Ce(C), gt = m(() => ({
-		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")
-	}), [y.language, u]), J = (e) => {
+		availabilityStatus: Ue(e, W)
+	})), [D, W]), mt = (e, t) => {
+		let n = We(e, t, W);
+		return n ? le(n) : e.availabilityStatus === "OUT_OF_STOCK";
+	}, ht = (e) => (e.productVariants ?? []).length > 0, gt = (e, t) => {
+		let n = We(e, t, W);
+		return n ? Ge(l, n, ce(n)) : e.availabilityStatus === "OUT_OF_STOCK" ? l("availability_out_of_stock") : null;
+	}, _t = we(S), vt = p(() => ({
+		startDate: l("booking_start_date"),
+		pickStartDate: l("booking_start_date"),
+		startTime: l("booking_start_time"),
+		endDate: l("booking_end_date"),
+		pickEndDate: l("booking_end_date"),
+		endTime: l("booking_end_time"),
+		selectedDaysTooltip: ({ count: e }) => l("booking_selected_days_tooltip", { count: e }),
+		rentalPeriod: l("booking_rental_period"),
+		dateDrawerNext: l("booking_date_drawer_continue"),
+		closeDrawer: l("booking_date_drawer_close"),
+		timeSlotsLoading: l("booking_time_slots_loading"),
+		timeSlotsUnavailable: l("booking_time_slots_unavailable"),
+		timeSlotsLoadError: l("booking_time_slots_load_error"),
+		retryTimeSlots: l("booking_time_slots_retry")
+	}), [v.language, l]), K = (e) => {
 		let t = {
-			...L,
+			...I,
 			...e
 		};
-		x(L, t) || I((t) => {
+		b(I, t) || F((t) => {
 			let n = {
 				...t.booking,
 				...e
 			};
-			return x(t.booking, n) ? t : {
+			return b(t.booking, n) ? t : {
 				booking: n,
 				shouldWriteToUrl: !0
 			};
 		});
-	}, _t = {
-		startDate: R,
+	}, yt = {
+		startDate: L,
 		onStartDateChange: (e) => {
-			e && J({ startDate: ze(e) });
+			e && K({ startDate: Be(e) });
 		},
-		startTime: L.startTime,
-		onStartTimeChange: (e) => J({ startTime: e }),
-		endDate: at,
+		startTime: I.startTime,
+		onStartTimeChange: (e) => K({ startTime: e }),
+		endDate: ot,
 		onEndDateChange: (e) => {
-			e && J({ endDate: ze(e) });
+			e && K({ endDate: Be(e) });
 		},
-		endTime: L.endTime,
-		onEndTimeChange: (e) => J({ endTime: e }),
-		bookingPeriodConfig: et,
+		endTime: I.endTime,
+		onEndTimeChange: (e) => K({ endTime: e }),
+		bookingPeriodConfig: tt,
 		withMobileDateDrawer: !0,
-		fetchTimeSlots: ht,
+		fetchTimeSlots: _t,
 		onTimeSlotsConfirmationChange: (e) => {
-			let t = e ? lt.current : void 0;
-			ct.current !== t && (ct.current = t, I((e) => e.shouldWriteToUrl ? e : {
+			let t = e ? ut.current : void 0;
+			lt.current !== t && (lt.current = t, F((e) => e.shouldWriteToUrl ? e : {
 				...e,
 				shouldWriteToUrl: !0
-			}), st(t));
+			}), ct(t));
 		},
-		labels: gt,
-		localeCode: y.language
-	}, vt = ne(L, T.bookingEngine.pricing, T.bookingEngine.shop.timeZone)?.billableUnitCount, Y = m(() => ie({
-		items: Ye,
-		language: y.language,
-		fallbackLanguage: E,
+		labels: vt,
+		localeCode: v.language
+	}, bt = re(I, w.bookingEngine.pricing, w.bookingEngine.shop.timeZone)?.billableUnitCount, q = p(() => ae({
+		items: Xe,
+		language: v.language,
+		fallbackLanguage: T,
 		products: {
-			bikes: qe,
-			accessories: Je
+			bikes: Je,
+			accessories: Ye
 		},
-		priceUnit: N,
-		billableUnitCount: vt
+		priceUnit: M,
+		billableUnitCount: bt
 	}), [
-		vt,
-		Je,
-		qe,
-		y.language,
+		bt,
 		Ye,
-		N,
-		E
-	]), X = m(() => Y.lines.map((e) => ({
+		Je,
+		v.language,
+		Xe,
+		M,
+		T
+	]), J = p(() => q.lines.map((e) => ({
 		productId: e.checkoutProductId,
 		productVariantId: e.productVariantId,
 		quantity: e.quantity
-	})), [Y.lines]), [yt, bt] = g([]);
-	p(() => {
-		if (!C || X.length === 0) {
-			bt([]);
+	})), [q.lines]), [xt, Y] = h([]);
+	f(() => {
+		if (!S || J.length === 0) {
+			Y([]);
 			return;
 		}
-		let e = z ? d(L) : null;
+		let e = R ? u(I) : null;
 		if (!e) {
-			bt([]);
+			Y([]);
 			return;
 		}
 		let t = !1;
 		return (async () => {
 			try {
-				let n = await Se(ae, {
-					storeSlug: C,
+				let n = await Ce(oe, {
+					storeSlug: S,
 					schedule: e,
-					products: X
-				}), r = le.parse(n);
+					products: J
+				}), r = ue.parse(n);
 				if (t) return;
-				bt(r.success ? r.availability ?? [] : []);
+				Y(r.success ? r.availability ?? [] : []);
 			} catch (e) {
 				if (t) return;
 				console.error("Failed to load storefront cart availability", e);
@@ -296,54 +296,54 @@ function C() {
 			t = !0;
 		};
 	}, [
-		L.endDate,
-		L.endTime,
-		L.startDate,
-		L.startTime,
-		z,
-		X,
-		C
+		I.endDate,
+		I.endTime,
+		I.startDate,
+		I.startTime,
+		R,
+		J,
+		S
 	]);
-	let xt = m(() => new Map(yt.map((e) => [l(e.productId, e.productVariantId), e])), [yt]), St = m(() => ({
-		...Y,
-		lines: Y.lines.map((e) => {
-			let t = xt.get(l(e.checkoutProductId, e.productVariantId)), n = t ? oe(t) : e.availabilityStatus === "OUT_OF_STOCK" ? "unavailable" : void 0;
+	let St = p(() => new Map(xt.map((e) => [c(e.productId, e.productVariantId), e])), [xt]), Ct = p(() => ({
+		...q,
+		lines: q.lines.map((e) => {
+			let t = St.get(c(e.checkoutProductId, e.productVariantId)), n = t ? se(t) : e.availabilityStatus === "OUT_OF_STOCK" ? "unavailable" : void 0;
 			return {
 				...e,
 				insufficientCapacity: n !== void 0,
 				availabilityIssue: n
 			};
 		})
-	}), [xt, Y]), Z = e(new URLSearchParams(), {
-		...L,
-		startTime: B,
-		endTime: V
-	}).toString(), Q = z && d(L) !== null, Ct = `/${C ?? ""}${Z ? `?${Z}` : ""}`, wt = `/${C ?? ""}/booking${Z ? `?${Z}` : ""}`, Tt = `/${C ?? ""}/checkout${Z ? `?${Z}` : ""}`, Et = { backTo: `${w.pathname}${w.search}${w.hash}` }, [Dt, Ot] = g(null), kt = K.findIndex((e) => e.id === Dt), At = k.get(b)?.trim() ?? "", $ = At ? K.find((e) => e.id === At) ?? ft.find((e) => e.id === At) ?? null : null, jt = (e) => {
-		let t = new URLSearchParams(k);
-		e?.trim() ? t.set(b, e) : t.delete(b), A(t, { replace: !0 });
+	}), [St, q]), X = e(new URLSearchParams(), {
+		...I,
+		startTime: z,
+		endTime: B
+	}).toString(), Z = R && u(I) !== null, wt = `/${S ?? ""}${X ? `?${X}` : ""}`, Tt = `/${S ?? ""}/booking${X ? `?${X}` : ""}`, Et = `/${S ?? ""}/checkout${X ? `?${X}` : ""}`, Dt = { backTo: `${C.pathname}${C.search}${C.hash}` }, [Ot, kt] = h(null), At = G.findIndex((e) => e.id === Ot), jt = O.get(y)?.trim() ?? "", Q = jt ? G.find((e) => e.id === jt) ?? pt.find((e) => e.id === jt) ?? null : null, $ = (e) => {
+		let t = new URLSearchParams(O);
+		e?.trim() ? t.set(y, e) : t.delete(y), k(t, { replace: !0 });
 	}, Mt = (e) => {
-		S(e) && jt(e.id);
+		x(e) && $(e.id);
 	}, Nt = (e, t, n = 1) => {
-		if (!Q || t && q(e, t)) return;
+		if (!Z) return;
 		let r = Math.max(1, Math.floor(n));
-		Ze({
+		Qe({
 			kind: e.kind,
 			productId: s(e),
 			...t ? { productVariantId: t } : {},
 			quantity: r
-		}), he.success(u("product_added_to_cart_successfully", {
+		}), ge.success(l("product_added_to_cart_successfully", {
 			quantity: r,
-			productName: c({
+			productName: te({
 				product: e,
 				productVariantId: t,
-				language: y.language,
-				fallbackLanguage: E
+				language: v.language,
+				fallbackLanguage: T
 			})
 		}));
 	}, Pt = (e) => {
 		Mt(e);
 	}, Ft = (e) => {
-		let t = e.productVariants ?? [], n = S(e);
+		let t = e.productVariants ?? [], n = x(e);
 		if (n) {
 			if (t.length > 1) {
 				Mt(e);
@@ -352,161 +352,161 @@ function C() {
 			Nt(e, n);
 		}
 	};
-	return /* @__PURE__ */ v(ke, { children: [/* @__PURE__ */ _(Te, {
+	return /* @__PURE__ */ _(Ae, { children: [/* @__PURE__ */ g(Ee, {
 		currentStep: "booking",
-		bookingPath: wt,
-		checkoutPath: Tt,
-		checkoutEnabled: Xe > 0 && Q,
-		backPath: Ct,
-		backLabel: u("back_to_home"),
-		children: /* @__PURE__ */ v("div", {
+		bookingPath: Tt,
+		checkoutPath: Et,
+		checkoutEnabled: Ze > 0 && Z,
+		backPath: wt,
+		backLabel: l("back_to_home"),
+		children: /* @__PURE__ */ _("div", {
 			className: "grid gap-6 lg:grid-cols-12",
-			children: [/* @__PURE__ */ _("div", {
+			children: [/* @__PURE__ */ g("div", {
 				className: "min-w-0 lg:col-span-8",
-				children: /* @__PURE__ */ v("div", {
+				children: /* @__PURE__ */ _("div", {
 					className: "space-y-6",
 					children: [
-						/* @__PURE__ */ v("div", {
+						/* @__PURE__ */ _("div", {
 							className: "space-y-3",
 							children: [
-								/* @__PURE__ */ _(f, {
+								/* @__PURE__ */ g(d, {
 									stepNumber: 1,
-									title: u("booking_summary_title")
+									title: l("booking_summary_title")
 								}),
-								/* @__PURE__ */ _(ge, {
-									..._t,
+								/* @__PURE__ */ g(_e, {
+									...yt,
 									className: "gap-3",
 									labelClassName: "text-xs font-medium text-slate-700",
 									inputClassName: "h-10"
 								}),
-								/* @__PURE__ */ _(we, {
-									value: L.fulfillment,
-									onValueChange: (e) => J({ fulfillment: e }),
-									pickupAddress: nt,
-									deliveryEnabled: M,
-									deliveryDisabledReason: tt,
-									startAddress: L.startAddress,
-									onStartAddressChange: (e) => J({ startAddress: e }),
-									endAddress: L.endAddress,
-									onEndAddressChange: (e) => J({ endAddress: e }),
+								/* @__PURE__ */ g(Te, {
+									value: I.fulfillment,
+									onValueChange: (e) => K({ fulfillment: e }),
+									pickupAddress: rt,
+									deliveryEnabled: j,
+									deliveryDisabledReason: nt,
+									startAddress: I.startAddress,
+									onStartAddressChange: (e) => K({ startAddress: e }),
+									endAddress: I.endAddress,
+									onEndAddressChange: (e) => K({ endAddress: e }),
 									showPickupAddressWhenPickupOnly: !1,
 									testIdPrefix: "storefront-booking-fulfillment"
 								})
 							]
 						}),
-						/* @__PURE__ */ v("div", {
-							ref: Ke,
+						/* @__PURE__ */ _("div", {
+							ref: qe,
 							id: "booking-products",
 							className: "space-y-2 scroll-mt-32",
-							children: [/* @__PURE__ */ _(f, {
+							children: [/* @__PURE__ */ g(d, {
 								stepNumber: 2,
-								title: u("products_title")
-							}), /* @__PURE__ */ _("p", {
+								title: l("products_title")
+							}), /* @__PURE__ */ g("p", {
 								className: "text-sm text-slate-600",
-								children: /* @__PURE__ */ _("span", { children: u("products_description") })
+								children: /* @__PURE__ */ g("span", { children: l("products_description") })
 							})]
 						}),
-						/* @__PURE__ */ _("div", {
+						/* @__PURE__ */ g("div", {
 							className: "grid gap-4 md:grid-cols-2",
-							children: K.map((e, t) => {
-								let n = `/${C ?? ""}/products/${e.slug}`, r = !!S(e) || pt(e), i = e.availabilityStatus === "OUT_OF_STOCK";
-								return /* @__PURE__ */ _(Ee, {
+							children: G.map((e, t) => {
+								let n = `/${S ?? ""}/products/${e.slug}`, r = !!x(e) || ht(e);
+								return /* @__PURE__ */ g(De, {
 									bike: e,
 									detailsPath: n,
-									productDetailsLinkState: Et,
+									productDetailsLinkState: Dt,
 									onAction: () => Pt(e),
-									actionDisabled: !r || !Q || i,
-									fallbackLanguage: E,
-									getVariantAvailabilityLabel: (t) => mt(e, t),
-									isVariantOutOfCapacity: (t) => q(e, t),
-									dimOnColumnCount: Re(kt, t),
+									actionDisabled: !r || !Z,
+									fallbackLanguage: T,
+									getVariantAvailabilityLabel: (t) => gt(e, t),
+									isVariantOutOfCapacity: (t) => mt(e, t),
+									dimOnColumnCount: ze(At, t),
 									onQuickAdd: (t, n) => Nt(e, t, n),
-									onHoverStart: () => Ot(e.id),
+									onHoverStart: () => kt(e.id),
 									onHoverEnd: () => {
-										Ot((t) => t === e.id ? null : t);
+										kt((t) => t === e.id ? null : t);
 									},
 									testId: `storefront-booking-bike-card-${e.id}`.toLowerCase()
 								}, e.id);
 							})
 						}),
-						/* @__PURE__ */ v("div", {
+						/* @__PURE__ */ _("div", {
 							className: "space-y-2 pt-4",
-							children: [/* @__PURE__ */ _(f, {
+							children: [/* @__PURE__ */ g(d, {
 								stepNumber: 3,
-								title: u("accessories_title")
-							}), /* @__PURE__ */ _("p", {
+								title: l("accessories_title")
+							}), /* @__PURE__ */ g("p", {
 								className: "text-sm text-slate-600",
-								children: /* @__PURE__ */ _("span", { children: u("accessories_description") })
+								children: /* @__PURE__ */ g("span", { children: l("accessories_description") })
 							})]
 						}),
-						/* @__PURE__ */ _("div", {
+						/* @__PURE__ */ g("div", {
 							className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-3",
-							children: ft.map((e) => {
-								let t = o(e.name, y.language, E), n = o(e.description, y.language, E), r = o(e.warning, y.language, E), i = typeof e.images?.[0] == "string" ? e.images[0].trim() : "", a = xe(e.primaryImageStyle), ee = `/${C ?? ""}/products/${e.slug}`, s = S(e), c = e.availabilityStatus === "OUT_OF_STOCK", te = !!s || pt(e);
-								return /* @__PURE__ */ _(_e, {
+							children: pt.map((e) => {
+								let t = o(e.name, v.language, T), n = o(e.description, v.language, T), r = o(e.warning, v.language, T), i = typeof e.images?.[0] == "string" ? e.images[0].trim() : "", a = Se(e.primaryImageStyle), ee = `/${S ?? ""}/products/${e.slug}`, s = x(e), te = e.availabilityStatus === "OUT_OF_STOCK", ne = !!s || ht(e);
+								return /* @__PURE__ */ g(ve, {
 									"data-testid": `storefront-booking-accessory-card-${e.id}`.toLowerCase(),
 									className: "h-full border-slate-200 bg-white shadow-sm transition-[border-color,box-shadow] duration-200 hover:border-primary/20 hover:shadow-md",
-									children: /* @__PURE__ */ v("div", {
+									children: /* @__PURE__ */ _("div", {
 										className: "flex h-full flex-col gap-2 p-3",
 										children: [
-											/* @__PURE__ */ v("div", {
-												className: Fe("relative aspect-[1618/1000] overflow-hidden rounded-xl", a.className),
+											/* @__PURE__ */ _("div", {
+												className: Ie("relative aspect-[1618/1000] overflow-hidden rounded-xl", a.className),
 												style: a.style,
-												children: [i ? /* @__PURE__ */ _("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__ */ _("div", {
+												}) : /* @__PURE__ */ g("div", {
 													className: "absolute inset-0 flex items-center justify-center text-slate-400",
-													children: /* @__PURE__ */ _(Ie, {
+													children: /* @__PURE__ */ g(Le, {
 														className: "h-8 w-8",
 														"aria-hidden": "true"
 													})
-												}), c ? /* @__PURE__ */ _(ue, {
+												}), te ? /* @__PURE__ */ g(de, {
 													variant: "destructive",
 													className: "pointer-events-none absolute right-2 top-2 shadow-sm",
-													children: /* @__PURE__ */ _("span", { children: u("availability_out_of_stock") })
+													children: /* @__PURE__ */ g("span", { children: l("availability_out_of_stock") })
 												}) : null]
 											}),
-											/* @__PURE__ */ v("div", {
+											/* @__PURE__ */ _("div", {
 												className: "flex flex-1 flex-col gap-1",
 												children: [
-													/* @__PURE__ */ v("div", {
+													/* @__PURE__ */ _("div", {
 														className: "flex items-start justify-between gap-2",
-														children: [/* @__PURE__ */ _("p", {
+														children: [/* @__PURE__ */ g("p", {
 															className: "min-w-0 text-sm font-semibold text-slate-950",
-															children: /* @__PURE__ */ _("span", { children: t })
-														}), /* @__PURE__ */ _(be, {
+															children: /* @__PURE__ */ g("span", { children: t })
+														}), /* @__PURE__ */ g(xe, {
 															prices: e.prices,
 															className: "shrink-0",
 															openOnHover: !1
 														})]
 													}),
-													/* @__PURE__ */ _("p", {
+													/* @__PURE__ */ g("p", {
 														className: "line-clamp-2 text-xs text-slate-600",
-														children: /* @__PURE__ */ _("span", { children: n })
+														children: /* @__PURE__ */ g("span", { children: n })
 													}),
-													/* @__PURE__ */ _(ve, {
+													/* @__PURE__ */ g(ye, {
 														warning: r,
 														className: "mt-1"
 													})
 												]
 											}),
-											/* @__PURE__ */ v("div", {
+											/* @__PURE__ */ _("div", {
 												className: "mt-auto flex items-center gap-2",
-												children: [/* @__PURE__ */ _(Ae, {
+												children: [/* @__PURE__ */ g(je, {
 													to: ee,
-													state: Et,
+													state: Dt,
 													className: "text-xs font-medium text-slate-700 hover:text-slate-950",
-													children: /* @__PURE__ */ _("span", { children: u("product_details_link") })
-												}), /* @__PURE__ */ v(de, {
+													children: /* @__PURE__ */ g("span", { children: l("product_details_link") })
+												}), /* @__PURE__ */ _(fe, {
 													type: "button",
 													size: "sm",
 													className: "ml-auto gap-2",
 													onClick: () => Ft(e),
-													disabled: !te || !Q || c,
-													children: [/* @__PURE__ */ _("span", { children: u("add_to_cart") }), /* @__PURE__ */ _(Le, {
+													disabled: !ne || !Z,
+													children: [/* @__PURE__ */ g("span", { children: l("add_to_cart") }), /* @__PURE__ */ g(Re, {
 														className: "h-4 w-4",
 														"aria-hidden": "true"
 													})]
@@ -519,35 +519,35 @@ function C() {
 						})
 					]
 				})
-			}), /* @__PURE__ */ _("div", {
+			}), /* @__PURE__ */ g("div", {
 				className: "min-w-0 lg:col-span-4",
-				children: /* @__PURE__ */ _(ye, {
-					lines: St.lines,
-					itemCount: Xe,
-					baseUnitLabel: rt,
-					totalMinor: St.totalMinor,
-					checkoutPath: Tt,
-					showCheckoutAction: Q,
+				children: /* @__PURE__ */ g(be, {
+					lines: Ct.lines,
+					itemCount: Ze,
+					baseUnitLabel: it,
+					totalMinor: Ct.totalMinor,
+					checkoutPath: Et,
+					showCheckoutAction: Z,
 					editable: !0,
 					stickyTopClassName: "top-32",
-					onQuantityChange: $e,
-					onRemove: Qe
+					onQuantityChange: et,
+					onRemove: $e
 				})
 			})]
 		})
-	}), /* @__PURE__ */ _(De, {
-		open: !!$,
-		product: $,
+	}), /* @__PURE__ */ g(Oe, {
+		open: !!Q,
+		product: Q,
 		onOpenChange: (e) => {
-			e || jt(null);
+			e || $(null);
 		},
-		getVariantAvailabilityLabel: (e) => $ ? mt($, e) : null,
-		isVariantOutOfCapacity: (e) => $ ? q($, e) : !1,
-		addDisabled: !Q,
+		getVariantAvailabilityLabel: (e) => Q ? gt(Q, e) : null,
+		isVariantOutOfCapacity: (e) => Q ? mt(Q, e) : !1,
+		addDisabled: !Z,
 		onAddVariant: (e, t) => {
-			$ && (Nt($, e, t), jt(null));
+			Q && (Nt(Q, e, t), $(null));
 		}
 	})] });
 }
 //#endregion
-export { C as default };
+export { S as default };