@loczer/storefront-sdk 0.209.0 → 0.210.0

package/dist/pages/BookingPage.js

@@ -2,59 +2,60 @@ import { applyBookingParamsToSearch as e, createBookingPeriodConfigFromStorefron
 import { getLocalizedValue as o } from "../localization.js";
 import { getStorefrontCheckoutProductId as s, getStorefrontProductSelectionDisplayName as ee } from "../lib/products.js";
 import { useStorefrontCart as te } from "../lib/cart.js";
-import { buildStorefrontCartSummary as ne } from "../lib/cartSummary.js";
-import { ROUTE as re, buildStorefrontAvailabilityKey as c, getStorefrontAvailabilityIssue as ie, getStorefrontAvailabilityStatus as l, getValidStorefrontAvailabilitySchedule as u, isStorefrontAvailabilityInsufficient as ae, responseSchema as oe } from "../lib/storefrontAvailability.js";
-import { Badge as se } from "../ui/badge.js";
-import { Button as ce } from "../ui/button.js";
-import { useStorefront as le, useStorefrontBookingProducts as ue, useStorefrontProducts as de } from "../StorefrontContext.js";
-import { toast as fe } from "../lib/toast.js";
-import { BookingPeriodSelector as pe } from "../components/BookingPeriodSelector/index.js";
-import { BookingFlowSteps as me } from "../components/BookingFlowSteps/index.js";
+import { getPricingUnitLabel as ne } from "../lib/pricing.js";
+import { buildStorefrontCartSummary as re } from "../lib/cartSummary.js";
+import { ROUTE as ie, buildStorefrontAvailabilityKey as c, getStorefrontAvailabilityIssue as ae, getStorefrontAvailabilityStatus as l, getValidStorefrontAvailabilitySchedule as u, isStorefrontAvailabilityInsufficient as oe, responseSchema as se } from "../lib/storefrontAvailability.js";
+import { Badge as ce } from "../ui/badge.js";
+import { Button as le } from "../ui/button.js";
+import { useStorefront as ue, useStorefrontBookingProducts as de, useStorefrontProducts as fe } from "../StorefrontContext.js";
+import { toast as pe } from "../lib/toast.js";
+import { BookingPeriodSelector as me } from "../components/BookingPeriodSelector/index.js";
+import { BookingFlowSteps as he } from "../components/BookingFlowSteps/index.js";
 import { StepSectionTitle as d } from "../components/StepSectionTitle/index.js";
-import { Card as he } from "../ui/card.js";
-import { ProductWarningNotice as ge } from "../components/ProductWarningNotice/index.js";
-import { StorefrontCartPanel as _e } from "../components/StorefrontCartPanel/index.js";
-import { ProductPriceBadge as ve } from "../components/ProductPriceBadge/index.js";
-import { resolveProductImageContainerStyle as ye } from "../lib/productImageStyles.js";
-import { apiPost as be } from "../lib/apiCall.js";
-import { createStorefrontTimeSlotsFetcher as xe } from "../lib/fetchStorefrontTimeSlots.js";
-import { FulfillmentSection as Se } from "../components/FulfillmentSection/index.js";
-import { BookingBikeQuickAddCard as Ce } from "../components/BookingBikeQuickAddCard/index.js";
-import { BookingBikeVariantDialog as we } from "../components/BookingBikeVariantDialog/index.js";
-import { useEffect as f, useLayoutEffect as Te, useMemo as p, useRef as Ee, useState as m } from "react";
+import { Card as ge } from "../ui/card.js";
+import { ProductWarningNotice as _e } from "../components/ProductWarningNotice/index.js";
+import { StorefrontCartPanel as ve } from "../components/StorefrontCartPanel/index.js";
+import { ProductPriceBadge as ye } from "../components/ProductPriceBadge/index.js";
+import { resolveProductImageContainerStyle as be } from "../lib/productImageStyles.js";
+import { apiPost as xe } from "../lib/apiCall.js";
+import { createStorefrontTimeSlotsFetcher as Se } from "../lib/fetchStorefrontTimeSlots.js";
+import { FulfillmentSection as Ce } from "../components/FulfillmentSection/index.js";
+import { BookingBikeQuickAddCard as we } from "../components/BookingBikeQuickAddCard/index.js";
+import { BookingBikeVariantDialog as Te } from "../components/BookingBikeVariantDialog/index.js";
+import { useEffect as f, useLayoutEffect as Ee, useMemo as p, useRef as De, useState as m } from "react";
 import { jsx as h, jsxs as g } from "react/jsx-runtime";
-import { Link as _, useLocation as De, useParams as Oe, useSearchParams as ke } from "@rpcbase/router";
-import { useTranslation as Ae } from "react-i18next";
-import { cn as je } from "@rpcbase/ui";
-import { ArrowLeft as Me, Bike as Ne, Plus as Pe, ShoppingCart as Fe } from "lucide-react";
+import { Link as _, useLocation as Oe, useParams as ke, useSearchParams as Ae } from "@rpcbase/router";
+import { useTranslation as je } from "react-i18next";
+import { cn as Me } from "@rpcbase/ui";
+import { ArrowLeft as Ne, Bike as Pe, Plus as Fe, ShoppingCart as Ie } from "lucide-react";
 //#region src/pages/BookingPage.tsx
-var v = (e) => String(e).padStart(2, "0"), y = "product_modal", Ie = (e, t) => {
+var v = (e) => String(e).padStart(2, "0"), y = "product_modal", Le = (e, t) => {
 	let n = t - e;
 	return e >= 0 && (n === 1 || n === 2) ? n : null;
-}, Le = (e) => `${e.getFullYear()}-${v(e.getMonth() + 1)}-${v(e.getDate())}`, b = (e) => {
+}, Re = (e) => `${e.getFullYear()}-${v(e.getMonth() + 1)}-${v(e.getDate())}`, b = (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;
-}, Re = (e, t) => e.fulfillment === t.fulfillment && e.start_date === t.start_date && e.start_time === t.start_time && e.end_date === t.end_date && e.end_time === t.end_time && e.start_address === t.start_address && e.end_address === t.end_address, x = (e, t = () => !0) => {
+}, ze = (e, t) => e.fulfillment === t.fulfillment && e.start_date === t.start_date && e.start_time === t.start_time && e.end_date === t.end_date && e.end_time === t.end_time && e.start_address === t.start_address && e.end_address === t.end_address, 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;
-}, ze = (e, t) => e.fulfillment === "delivery" && !t ? {
+}, Be = (e, t) => e.fulfillment === "delivery" && !t ? {
 	...e,
 	fulfillment: "pickup"
-} : e, Be = (e, t) => {
+} : e, Ve = (e, t) => {
 	let n = s(e), r = e.representedVariantId?.trim();
 	if (r) {
 		let e = t.get(c(n, r));
 		if (e) return e;
 	}
 	return t.get(c(n));
-}, Ve = (e, t, n) => n.get(c(s(e), t)), He = (e, t, n) => {
-	let r = ie(t);
+}, He = (e, t, n) => n.get(c(s(e), t)), Ue = (e, t, n) => {
+	let r = ae(t);
 	return r === "quantity_unavailable" ? 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 });
-}, Ue = (e) => {
+}, We = (e) => {
 	let t = /* @__PURE__ */ new Map();
 	for (let n of e) {
 		let e = s(n);
@@ -72,76 +73,76 @@ var v = (e) => String(e).padStart(2, "0"), y = "product_modal", Ie = (e, t) => {
 	return Array.from(t.values());
 };
 function S() {
-	let { t: v, i18n: S } = Ae(), { storeSlug: C } = Oe(), w = De(), We = Ee(null), { storefrontConfiguration: T } = le(), E = T.workspace?.workspaceLanguage, { bikes: Ge, accessories: Ke } = de(), { bikes: D, accessories: O } = ue(), [k, A] = ke(), { items: qe, itemCount: j, addItem: Je, removeItem: Ye, setQuantity: Xe } = te();
-	Te(() => {
-		w.hash === "#booking-products" && We.current?.scrollIntoView({ block: "start" });
+	let { t: v, i18n: S } = je(), { storeSlug: C } = ke(), w = Oe(), Ge = De(null), { storefrontConfiguration: T } = ue(), E = T.workspace?.workspaceLanguage, { bikes: Ke, accessories: qe } = fe(), { bikes: D, accessories: O } = de(), [k, A] = Ae(), { items: Je, itemCount: j, addItem: Ye, removeItem: Xe, setQuantity: Ze } = te();
+	Ee(() => {
+		w.hash === "#booking-products" && Ge.current?.scrollIntoView({ block: "start" });
 	}, [w.hash]);
-	let Ze = p(() => t(T), [T]), M = p(() => r(T), [T]), N = T.settings.fulfillmentModes.includes("delivery"), Qe = T.settings.deliveryDisabledReason.trim(), $e = T.shop.address?.trim() ?? "", P = p(() => i(k, C), [k, C]), [F, et] = m(() => ze(n(P, M), N)), [tt, nt] = m(void 0), rt = [
-		F.start_date,
-		F.start_time,
-		F.end_date,
-		F.end_time
-	].join(":"), I = tt === rt, L = I ? F.start_time : "", R = I ? F.end_time : "", it = !I && k.get("start_date") === F.start_date && k.get("start_time") === F.start_time && k.get("end_date") === F.end_date && k.get("end_time") === F.end_time;
+	let Qe = p(() => t(T), [T]), M = p(() => r(T), [T]), N = T.settings.fulfillmentModes.includes("delivery"), $e = T.settings.deliveryDisabledReason.trim(), et = T.shop.address?.trim() ?? "", P = T.bookingEngine.pricing.baseUnit, tt = ne(P, v), F = p(() => i(k, C), [k, C]), [I, nt] = m(() => Be(n(F, M), N)), [rt, it] = m(void 0), at = [
+		I.start_date,
+		I.start_time,
+		I.end_date,
+		I.end_time
+	].join(":"), L = rt === at, R = L ? I.start_time : "", z = L ? I.end_time : "", ot = !L && k.get("start_date") === I.start_date && k.get("start_time") === I.start_time && k.get("end_date") === I.end_date && k.get("end_time") === I.end_time;
 	f(() => {
-		et((e) => {
+		nt((e) => {
 			let t = {
 				...M,
 				...e
-			}, r = ze(n(P, t), N);
-			return Re(e, r) ? e : r;
+			}, r = Be(n(F, t), N);
+			return ze(e, r) ? e : r;
 		});
 	}, [
-		P,
+		F,
 		M,
 		N
 	]), f(() => {
-		if (it) return;
+		if (ot) return;
 		let t = e(k, {
-			...F,
-			start_time: L,
-			end_time: R
+			...I,
+			start_time: R,
+			end_time: z
 		});
 		t.toString() !== k.toString() && A(t, { replace: !0 });
 	}, [
-		F,
-		it,
+		I,
+		ot,
+		z,
 		R,
-		L,
 		k,
 		A
 	]), f(() => {
 		a(C, {
-			...F,
-			start_time: L,
-			end_time: R
+			...I,
+			start_time: R,
+			end_time: z
 		});
 	}, [
-		F,
+		I,
+		z,
 		R,
-		L,
 		C
 	]);
-	let z = p(() => Ue([...D, ...O]), [O, D]), [at, B] = m([]);
+	let B = p(() => We([...D, ...O]), [O, D]), [st, V] = m([]);
 	f(() => {
-		if (!C || z.length === 0) {
-			B([]);
+		if (!C || B.length === 0) {
+			V([]);
 			return;
 		}
-		let e = I ? u(F) : null;
+		let e = L ? u(I) : null;
 		if (!e) {
-			B([]);
+			V([]);
 			return;
 		}
 		let t = !1;
 		return (async () => {
 			try {
-				let n = await be(re, {
+				let n = await xe(ie, {
 					storeSlug: C,
 					schedule: e,
-					products: z
-				}), r = oe.parse(n);
+					products: B
+				}), r = se.parse(n);
 				if (t) return;
-				B(r.success ? r.availability ?? [] : []);
+				V(r.success ? r.availability ?? [] : []);
 			} catch (e) {
 				if (t) return;
 				console.error("Failed to load storefront availability", e);
@@ -150,33 +151,33 @@ function S() {
 			t = !0;
 		};
 	}, [
-		z,
-		F.end_date,
-		F.end_time,
-		F.start_date,
-		F.start_time,
-		I,
+		B,
+		I.end_date,
+		I.end_time,
+		I.start_date,
+		I.start_time,
+		L,
 		C
 	]);
-	let V = p(() => new Map(at.map((e) => [c(e.productId, e.productVariantId), e])), [at]), H = p(() => D.map((e) => {
-		let t = Be(e, V);
+	let H = p(() => new Map(st.map((e) => [c(e.productId, e.productVariantId), e])), [st]), U = p(() => D.map((e) => {
+		let t = Ve(e, H);
 		return {
 			...e,
 			availabilityStatus: t ? l(t) : e.availabilityStatus ?? "AVAILABLE"
 		};
-	}), [V, D]), ot = p(() => O.map((e) => {
-		let t = Be(e, V);
+	}), [H, D]), ct = p(() => O.map((e) => {
+		let t = Ve(e, H);
 		return {
 			...e,
 			availabilityStatus: t ? l(t) : "AVAILABLE"
 		};
-	}), [O, V]), st = (e, t) => {
-		let n = Ve(e, t, V);
-		return n ? ae(n) : e.availabilityStatus === "OUT_OF_STOCK";
-	}, ct = (e) => (e.productVariants ?? []).length > 0, lt = (e, t) => {
-		let n = Ve(e, t, V);
-		return n ? He(v, n, l(n)) : e.availabilityStatus === "OUT_OF_STOCK" ? v("availability_out_of_stock") : null;
-	}, ut = xe(C), dt = p(() => ({
+	}), [O, H]), lt = (e, t) => {
+		let n = He(e, t, H);
+		return n ? oe(n) : e.availabilityStatus === "OUT_OF_STOCK";
+	}, ut = (e) => (e.productVariants ?? []).length > 0, dt = (e, t) => {
+		let n = He(e, t, H);
+		return n ? Ue(v, n, l(n)) : e.availabilityStatus === "OUT_OF_STOCK" ? v("availability_out_of_stock") : null;
+	}, ft = Se(C), pt = p(() => ({
 		startDate: v("booking_start_date"),
 		pickStartDate: v("booking_start_date"),
 		startTime: v("booking_start_time"),
@@ -188,73 +189,75 @@ function S() {
 		timeSlotsUnavailable: v("booking_time_slots_unavailable"),
 		timeSlotsLoadError: v("booking_time_slots_load_error"),
 		retryTimeSlots: v("booking_time_slots_retry")
-	}), [S.language, v]), U = (e) => {
-		et((t) => {
+	}), [S.language, v]), W = (e) => {
+		nt((t) => {
 			let n = {
 				...t,
 				...e
 			};
-			return Re(t, n) ? t : n;
+			return ze(t, n) ? t : n;
 		});
-	}, ft = {
-		startDate: b(F.start_date),
+	}, mt = {
+		startDate: b(I.start_date),
 		onStartDateChange: (e) => {
-			e && U({ start_date: Le(e) });
+			e && W({ start_date: Re(e) });
 		},
-		startTime: F.start_time,
-		onStartTimeChange: (e) => U({ start_time: e }),
-		endDate: b(F.end_date) ?? b(F.start_date),
+		startTime: I.start_time,
+		onStartTimeChange: (e) => W({ start_time: e }),
+		endDate: b(I.end_date) ?? b(I.start_date),
 		onEndDateChange: (e) => {
-			e && U({ end_date: Le(e) });
+			e && W({ end_date: Re(e) });
 		},
-		endTime: F.end_time,
-		onEndTimeChange: (e) => U({ end_time: e }),
-		bookingPeriodConfig: Ze,
-		fetchTimeSlots: ut,
+		endTime: I.end_time,
+		onEndTimeChange: (e) => W({ end_time: e }),
+		bookingPeriodConfig: Qe,
+		fetchTimeSlots: ft,
 		onTimeSlotsConfirmationChange: (e) => {
-			nt(e ? rt : void 0);
+			it(e ? at : void 0);
 		},
-		labels: dt,
+		labels: pt,
 		localeCode: S.language
-	}, W = p(() => ne({
-		items: qe,
+	}, G = p(() => re({
+		items: Je,
 		language: S.language,
 		fallbackLanguage: E,
 		products: {
-			bikes: Ge,
-			accessories: Ke
-		}
+			bikes: Ke,
+			accessories: qe
+		},
+		priceUnit: P
 	}), [
+		qe,
 		Ke,
-		Ge,
 		S.language,
-		qe,
+		Je,
+		P,
 		E
-	]), G = p(() => W.lines.map((e) => ({
+	]), K = p(() => G.lines.map((e) => ({
 		productId: e.checkoutProductId,
 		productVariantId: e.productVariantId,
 		quantity: e.quantity
-	})), [W.lines]), [pt, K] = m([]);
+	})), [G.lines]), [ht, q] = m([]);
 	f(() => {
-		if (!C || G.length === 0) {
-			K([]);
+		if (!C || K.length === 0) {
+			q([]);
 			return;
 		}
-		let e = I ? u(F) : null;
+		let e = L ? u(I) : null;
 		if (!e) {
-			K([]);
+			q([]);
 			return;
 		}
 		let t = !1;
 		return (async () => {
 			try {
-				let n = await be(re, {
+				let n = await xe(ie, {
 					storeSlug: C,
 					schedule: e,
-					products: G
-				}), r = oe.parse(n);
+					products: K
+				}), r = se.parse(n);
 				if (t) return;
-				K(r.success ? r.availability ?? [] : []);
+				q(r.success ? r.availability ?? [] : []);
 			} catch (e) {
 				if (t) return;
 				console.error("Failed to load storefront cart availability", e);
@@ -263,42 +266,42 @@ function S() {
 			t = !0;
 		};
 	}, [
-		F.end_date,
-		F.end_time,
-		F.start_date,
-		F.start_time,
-		I,
-		G,
+		I.end_date,
+		I.end_time,
+		I.start_date,
+		I.start_time,
+		L,
+		K,
 		C
 	]);
-	let mt = p(() => new Map(pt.map((e) => [c(e.productId, e.productVariantId), e])), [pt]), ht = p(() => ({
-		...W,
-		lines: W.lines.map((e) => {
-			let t = mt.get(c(e.checkoutProductId, e.productVariantId)), n = t ? ie(t) : e.availabilityStatus === "OUT_OF_STOCK" ? "unavailable" : void 0;
+	let gt = p(() => new Map(ht.map((e) => [c(e.productId, e.productVariantId), e])), [ht]), _t = p(() => ({
+		...G,
+		lines: G.lines.map((e) => {
+			let t = gt.get(c(e.checkoutProductId, e.productVariantId)), n = t ? ae(t) : e.availabilityStatus === "OUT_OF_STOCK" ? "unavailable" : void 0;
 			return {
 				...e,
 				insufficientCapacity: n !== void 0,
 				availabilityIssue: n
 			};
 		})
-	}), [mt, W]), q = e(new URLSearchParams(), {
-		...F,
-		start_time: L,
-		end_time: R
-	}).toString(), J = I && u(F) !== null, gt = `/${C ?? ""}${q ? `?${q}` : ""}`, _t = `/${C ?? ""}/booking${q ? `?${q}` : ""}`, Y = `/${C ?? ""}/checkout${q ? `?${q}` : ""}`, vt = { backTo: `${w.pathname}${w.search}${w.hash}` }, [yt, bt] = m(null), xt = H.findIndex((e) => e.id === yt), X = k.get(y)?.trim() ?? "", Z = X ? H.find((e) => e.id === X) ?? ot.find((e) => e.id === X) ?? null : null, Q = (e) => {
+	}), [gt, G]), J = e(new URLSearchParams(), {
+		...I,
+		start_time: R,
+		end_time: z
+	}).toString(), Y = L && u(I) !== null, vt = `/${C ?? ""}${J ? `?${J}` : ""}`, yt = `/${C ?? ""}/booking${J ? `?${J}` : ""}`, X = `/${C ?? ""}/checkout${J ? `?${J}` : ""}`, bt = { backTo: `${w.pathname}${w.search}${w.hash}` }, [xt, St] = m(null), Ct = U.findIndex((e) => e.id === xt), Z = k.get(y)?.trim() ?? "", Q = Z ? U.find((e) => e.id === Z) ?? ct.find((e) => e.id === Z) ?? null : null, $ = (e) => {
 		let t = new URLSearchParams(k);
 		e?.trim() ? t.set(y, e) : t.delete(y), A(t, { replace: !0 });
-	}, St = (e) => {
-		x(e) && Q(e.id);
-	}, $ = (e, t, n = 1) => {
-		if (!J) return;
+	}, wt = (e) => {
+		x(e) && $(e.id);
+	}, Tt = (e, t, n = 1) => {
+		if (!Y) return;
 		let r = Math.max(1, Math.floor(n));
-		Je({
+		Ye({
 			kind: e.kind,
 			productId: s(e),
 			...t ? { productVariantId: t } : {},
 			quantity: r
-		}), fe.success(v("product_added_to_cart_successfully", {
+		}), pe.success(v("product_added_to_cart_successfully", {
 			quantity: r,
 			productName: ee({
 				product: e,
@@ -307,16 +310,16 @@ function S() {
 				fallbackLanguage: E
 			})
 		}));
-	}, Ct = (e) => {
-		St(e);
-	}, wt = (e) => {
+	}, Et = (e) => {
+		wt(e);
+	}, Dt = (e) => {
 		let t = e.productVariants ?? [], n = x(e);
 		if (n) {
 			if (t.length > 1) {
-				St(e);
+				wt(e);
 				return;
 			}
-			$(e, n);
+			Tt(e, n);
 		}
 	};
 	return /* @__PURE__ */ g("div", {
@@ -324,28 +327,28 @@ function S() {
 		children: [/* @__PURE__ */ g("div", {
 			className: "flex flex-col gap-4",
 			children: [
-				/* @__PURE__ */ h(me, {
+				/* @__PURE__ */ h(he, {
 					currentStep: "booking",
-					bookingPath: _t,
-					checkoutPath: Y,
-					checkoutEnabled: j > 0 && J
+					bookingPath: yt,
+					checkoutPath: X,
+					checkoutEnabled: j > 0 && Y
 				}),
 				/* @__PURE__ */ g("div", {
 					className: "flex items-center justify-between gap-3",
 					children: [/* @__PURE__ */ g(_, {
-						to: gt,
+						to: vt,
 						className: "inline-flex items-center gap-2 text-sm font-medium text-slate-700 hover:text-slate-950",
-						children: [/* @__PURE__ */ h(Me, {
+						children: [/* @__PURE__ */ h(Ne, {
 							className: "h-4 w-4",
 							"aria-hidden": "true"
 						}), /* @__PURE__ */ h("span", { children: v("back_to_home") })]
 					}), /* @__PURE__ */ h(_, {
-						to: Y,
-						className: je(j > 0 && J ? "inline-flex" : "hidden"),
-						children: /* @__PURE__ */ g(ce, {
+						to: X,
+						className: Me(j > 0 && Y ? "inline-flex" : "hidden"),
+						children: /* @__PURE__ */ g(le, {
 							size: "sm",
 							className: "gap-2",
-							children: [/* @__PURE__ */ h(Fe, {
+							children: [/* @__PURE__ */ h(Ie, {
 								className: "h-4 w-4",
 								"aria-hidden": "true"
 							}), /* @__PURE__ */ h("span", { children: v("checkout_button") })]
@@ -366,28 +369,28 @@ function S() {
 											stepNumber: 1,
 											title: v("booking_summary_title")
 										}),
-										/* @__PURE__ */ h(pe, {
-											...ft,
+										/* @__PURE__ */ h(me, {
+											...mt,
 											className: "gap-3",
 											labelClassName: "text-xs font-medium text-slate-700",
 											inputClassName: "h-10"
 										}),
-										/* @__PURE__ */ h(Se, {
-											value: F.fulfillment,
-											onValueChange: (e) => U({ fulfillment: e }),
-											pickupAddress: $e,
+										/* @__PURE__ */ h(Ce, {
+											value: I.fulfillment,
+											onValueChange: (e) => W({ fulfillment: e }),
+											pickupAddress: et,
 											deliveryEnabled: N,
-											deliveryDisabledReason: Qe,
-											startAddress: F.start_address,
-											onStartAddressChange: (e) => U({ start_address: e }),
-											endAddress: F.end_address,
-											onEndAddressChange: (e) => U({ end_address: e }),
+											deliveryDisabledReason: $e,
+											startAddress: I.start_address,
+											onStartAddressChange: (e) => W({ start_address: e }),
+											endAddress: I.end_address,
+											onEndAddressChange: (e) => W({ end_address: e }),
 											testIdPrefix: "storefront-booking-fulfillment"
 										})
 									]
 								}),
 								/* @__PURE__ */ g("div", {
-									ref: We,
+									ref: Ge,
 									id: "booking-products",
 									className: "space-y-2 scroll-mt-32",
 									children: [/* @__PURE__ */ h(d, {
@@ -400,20 +403,20 @@ function S() {
 								}),
 								/* @__PURE__ */ h("div", {
 									className: "grid gap-4 md:grid-cols-2",
-									children: H.map((e, t) => {
-										let n = `/${C ?? ""}/products/${e.slug}`, r = !!x(e) || ct(e);
-										return /* @__PURE__ */ h(Ce, {
+									children: U.map((e, t) => {
+										let n = `/${C ?? ""}/products/${e.slug}`, r = !!x(e) || ut(e);
+										return /* @__PURE__ */ h(we, {
 											bike: e,
 											detailsPath: n,
-											productDetailsLinkState: vt,
-											onAction: () => Ct(e),
-											actionDisabled: !r || !J,
+											productDetailsLinkState: bt,
+											onAction: () => Et(e),
+											actionDisabled: !r || !Y,
 											fallbackLanguage: E,
-											dimOnColumnCount: Ie(xt, t),
-											onQuickAdd: (t, n) => $(e, t, n),
-											onHoverStart: () => bt(e.id),
+											dimOnColumnCount: Le(Ct, t),
+											onQuickAdd: (t, n) => Tt(e, t, n),
+											onHoverStart: () => St(e.id),
 											onHoverEnd: () => {
-												bt((t) => t === e.id ? null : t);
+												St((t) => t === e.id ? null : t);
 											},
 											testId: `storefront-booking-bike-card-${e.id}`.toLowerCase()
 										}, e.id);
@@ -431,16 +434,16 @@ function S() {
 								}),
 								/* @__PURE__ */ h("div", {
 									className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-3",
-									children: ot.map((e) => {
-										let t = o(e.name, S.language, E), n = o(e.description, S.language, E), r = o(e.warning, S.language, E), i = typeof e.images?.[0] == "string" ? e.images[0].trim() : "", a = ye(e.primaryImageStyle), s = `/${C ?? ""}/products/${e.slug}`, ee = x(e), te = e.availabilityStatus === "OUT_OF_STOCK", ne = !!ee || ct(e);
-										return /* @__PURE__ */ h(he, {
+									children: ct.map((e) => {
+										let t = o(e.name, S.language, E), n = o(e.description, S.language, E), r = o(e.warning, S.language, E), i = typeof e.images?.[0] == "string" ? e.images[0].trim() : "", a = be(e.primaryImageStyle), s = `/${C ?? ""}/products/${e.slug}`, ee = x(e), te = e.availabilityStatus === "OUT_OF_STOCK", ne = !!ee || ut(e);
+										return /* @__PURE__ */ h(ge, {
 											"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__ */ g("div", {
 												className: "flex h-full flex-col gap-2 p-3",
 												children: [
 													/* @__PURE__ */ g("div", {
-														className: je("relative aspect-[1618/1000] overflow-hidden rounded-xl", a.className),
+														className: Me("relative aspect-[1618/1000] overflow-hidden rounded-xl", a.className),
 														style: a.style,
 														children: [i ? /* @__PURE__ */ h("img", {
 															src: i,
@@ -449,11 +452,11 @@ function S() {
 															loading: "lazy"
 														}) : /* @__PURE__ */ h("div", {
 															className: "absolute inset-0 flex items-center justify-center text-slate-400",
-															children: /* @__PURE__ */ h(Ne, {
+															children: /* @__PURE__ */ h(Pe, {
 																className: "h-8 w-8",
 																"aria-hidden": "true"
 															})
-														}), te ? /* @__PURE__ */ h(se, {
+														}), te ? /* @__PURE__ */ h(ce, {
 															variant: "destructive",
 															className: "pointer-events-none absolute right-2 top-2 shadow-sm",
 															children: /* @__PURE__ */ h("span", { children: v("availability_out_of_stock") })
@@ -467,7 +470,7 @@ function S() {
 																children: [/* @__PURE__ */ h("p", {
 																	className: "min-w-0 text-sm font-semibold text-slate-950",
 																	children: /* @__PURE__ */ h("span", { children: t })
-																}), /* @__PURE__ */ h(ve, {
+																}), /* @__PURE__ */ h(ye, {
 																	prices: e.prices,
 																	className: "shrink-0",
 																	openOnHover: !1
@@ -477,7 +480,7 @@ function S() {
 																className: "line-clamp-2 text-xs text-slate-600",
 																children: /* @__PURE__ */ h("span", { children: n })
 															}),
-															/* @__PURE__ */ h(ge, {
+															/* @__PURE__ */ h(_e, {
 																warning: r,
 																className: "mt-1"
 															})
@@ -487,16 +490,16 @@ function S() {
 														className: "mt-auto flex items-center gap-2",
 														children: [/* @__PURE__ */ h(_, {
 															to: s,
-															state: vt,
+															state: bt,
 															className: "text-xs font-medium text-slate-700 hover:text-slate-950",
 															children: /* @__PURE__ */ h("span", { children: v("product_details_link") })
-														}), /* @__PURE__ */ g(ce, {
+														}), /* @__PURE__ */ g(le, {
 															type: "button",
 															size: "sm",
 															className: "ml-auto gap-2",
-															onClick: () => wt(e),
-															disabled: !ne || !J,
-															children: [/* @__PURE__ */ h("span", { children: v("add_to_cart") }), /* @__PURE__ */ h(Pe, {
+															onClick: () => Dt(e),
+															disabled: !ne || !Y,
+															children: [/* @__PURE__ */ h("span", { children: v("add_to_cart") }), /* @__PURE__ */ h(Fe, {
 																className: "h-4 w-4",
 																"aria-hidden": "true"
 															})]
@@ -511,31 +514,32 @@ function S() {
 						})
 					}), /* @__PURE__ */ h("div", {
 						className: "lg:col-span-4",
-						children: /* @__PURE__ */ h(_e, {
-							lines: ht.lines,
+						children: /* @__PURE__ */ h(ve, {
+							lines: _t.lines,
 							itemCount: j,
-							totalPerDayMinor: ht.totalPerDayMinor,
-							checkoutPath: Y,
-							showCheckoutAction: J,
+							totalPerBaseUnitMinor: _t.totalPerBaseUnitMinor,
+							baseUnitLabel: tt,
+							checkoutPath: X,
+							showCheckoutAction: Y,
 							editable: !0,
 							stickyTopClassName: "top-32",
-							onQuantityChange: Xe,
-							onRemove: Ye
+							onQuantityChange: Ze,
+							onRemove: Xe
 						})
 					})]
 				})
 			]
-		}), /* @__PURE__ */ h(we, {
-			open: !!Z,
-			product: Z,
+		}), /* @__PURE__ */ h(Te, {
+			open: !!Q,
+			product: Q,
 			onOpenChange: (e) => {
-				e || Q(null);
+				e || $(null);
 			},
-			getVariantAvailabilityLabel: (e) => Z ? lt(Z, e) : null,
-			isVariantOutOfCapacity: (e) => Z ? st(Z, e) : !1,
-			addDisabled: !J,
+			getVariantAvailabilityLabel: (e) => Q ? dt(Q, e) : null,
+			isVariantOutOfCapacity: (e) => Q ? lt(Q, e) : !1,
+			addDisabled: !Y,
 			onAddVariant: (e, t) => {
-				Z && ($(Z, e, t), Q(null));
+				Q && (Tt(Q, e, t), $(null));
 			}
 		})]
 	});