@loczer/storefront-sdk 0.198.0 → 0.199.0

package/dist/pages/CheckoutPage.js

@@ -5,9 +5,10 @@ import { ROUTE as re, responseSchema as ie } from "../lib/checkoutPaymentDecisio
 import { ROUTE as ae, responseSchema as oe } from "../lib/checkoutSubmit.js";
 import { ROUTE as se, buildStorefrontAvailabilityKey as ce, getStorefrontAvailabilityIssue as le, getValidStorefrontAvailabilitySchedule as ue, responseSchema as de } from "../lib/storefrontAvailability.js";
 import { Button as fe } from "../ui/button.js";
+import { toast as a } from "../lib/toast.js";
 import { BookingFlowSteps as pe } from "../components/BookingFlowSteps/index.js";
-import { useStorefront as me, useStorefrontProducts as he } from "../StorefrontProvider.js";
-import { apiPost as a } from "../lib/apiCall.js";
+import { useStorefront as me, useStorefrontProducts as he } from "../StorefrontContext.js";
+import { apiPost as o } from "../lib/apiCall.js";
 import { FulfillmentSection as ge } from "../components/FulfillmentSection/index.js";
 import { ROUTE as _e, responseSchema as ve } from "../lib/checkoutVerifyCoupon.js";
 import { CheckoutDetailsCard as ye } from "./checkout/components/CheckoutDetailsCard.js";
@@ -15,15 +16,14 @@ import { CheckoutPaymentSummaryCard as be } from "./checkout/components/Checkout
 import { CheckoutInsuranceCard as xe } from "./checkout/components/CheckoutInsuranceCard.js";
 import { CheckoutSummaryColumn as Se } from "./checkout/components/CheckoutSummaryColumn.js";
 import { checkoutFormSchema as Ce } from "./checkout/types.js";
-import { useEffect as o, useMemo as s, useState as c } from "react";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
-import { toast as we } from "@rpcbase/client";
-import { Link as Te, useNavigate as Ee, useParams as De, useSearchParams as Oe } from "@rpcbase/router";
-import { useTranslation as ke } from "react-i18next";
-import { ArrowLeft as Ae } from "lucide-react";
-import { useForm as je, zodResolver as Me } from "@rpcbase/form";
+import { useEffect as s, useMemo as c, useState as l } from "react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { Link as we, useNavigate as Te, useParams as Ee, useSearchParams as De } from "@rpcbase/router";
+import { useTranslation as Oe } from "react-i18next";
+import { ArrowLeft as ke } from "lucide-react";
+import { useForm as Ae, zodResolver as je } from "@rpcbase/form";
 //#region src/pages/CheckoutPage.tsx
-var Ne = .2, Pe = (e) => e <= 0 ? 1 : Math.max(1, Math.ceil(e / 1440)), d = (e, t, n) => {
+var Me = .2, Ne = (e) => e <= 0 ? 1 : Math.max(1, Math.ceil(e / 1440)), f = (e, t, n) => {
 	try {
 		return new Intl.NumberFormat(n, {
 			style: "currency",
@@ -32,7 +32,7 @@ var Ne = .2, Pe = (e) => e <= 0 ? 1 : Math.max(1, Math.ceil(e / 1440)), d = (e,
 	} catch {
 		return `${(e / 100).toFixed(2)} ${t.toUpperCase()}`;
 	}
-}, Fe = (e, t) => {
+}, Pe = (e, t) => {
 	try {
 		return new Intl.NumberFormat(t, {
 			style: "percent",
@@ -42,7 +42,7 @@ var Ne = .2, Pe = (e) => e <= 0 ? 1 : Math.max(1, Math.ceil(e / 1440)), d = (e,
 	} catch {
 		return `${Math.round(e * 100)}%`;
 	}
-}, Ie = (e, t, n) => {
+}, Fe = (e, t, n) => {
 	let r = {
 		dateStyle: "medium",
 		timeStyle: "short"
@@ -55,102 +55,102 @@ var Ne = .2, Pe = (e) => e <= 0 ? 1 : Math.max(1, Math.ceil(e / 1440)), d = (e,
 	} catch {}
 	return new Intl.DateTimeFormat(t, r).format(e);
 };
-function f() {
-	let { t: f, i18n: p } = ke(), { storefrontConfiguration: m } = me(), Le = m.workspace?.workspaceLanguage, { bikes: Re, accessories: ze } = he(), { storeSlug: h } = De(), [g, Be] = Oe(), Ve = Ee(), { items: He, itemCount: Ue, setQuantity: We, removeItem: Ge, clear: Ke } = te(), [_, qe] = c(!1), [v, y] = c(null), [Je, b] = c(!1), [Ye, x] = c(null), Xe = g.get("coupon") ?? g.get("code") ?? "", [Ze, S] = c(Xe), [Qe, $e] = c(Xe.trim()), [C, w] = c(null), [T, E] = c(null), [et, tt] = c(!1), [nt, D] = c(null), [rt, O] = c(null), [k, it] = c(!1), [A, at] = c(!1), ot = s(() => i(g, h), [g, h]), j = m.settings.fulfillmentModes.includes("delivery"), st = m.settings.deliveryDisabledReason.trim(), ct = j || st.length > 0, lt = m.shop.address?.trim() ?? "", M = s(() => {
-		let e = r(ot, {
+function p() {
+	let { t: p, i18n: m } = Oe(), { storefrontConfiguration: h } = me(), Ie = h.workspace?.workspaceLanguage, { bikes: Le, accessories: Re } = he(), { storeSlug: g } = Ee(), [_, ze] = De(), Be = Te(), { items: Ve, itemCount: He, setQuantity: Ue, removeItem: We, clear: Ge } = te(), [v, Ke] = l(!1), [y, b] = l(null), [qe, Je] = l(!1), [Ye, x] = l(null), Xe = _.get("coupon") ?? _.get("code") ?? "", [Ze, S] = l(Xe), [Qe, $e] = l(Xe.trim()), [C, w] = l(null), [T, E] = l(null), [et, D] = l(!1), [tt, O] = l(null), [nt, k] = l(null), [A, rt] = l(!1), [j, it] = l(!1), at = c(() => i(_, g), [_, g]), M = h.settings.fulfillmentModes.includes("delivery"), ot = h.settings.deliveryDisabledReason.trim(), st = M || ot.length > 0, ct = h.shop.address?.trim() ?? "", N = c(() => {
+		let e = r(at, {
 			start_time: "",
 			end_time: ""
 		});
-		return e.fulfillment === "delivery" && !j ? {
+		return e.fulfillment === "delivery" && !M ? {
 			...e,
 			fulfillment: "pickup"
 		} : e;
-	}, [ot, j]), N = s(() => ue(M), [M]), ut = s(() => t(M), [M]), dt = s(() => n(M), [M]), ft = s(() => Pe(dt), [dt]), P = s(() => ne({
-		items: He,
-		language: p.language,
-		fallbackLanguage: Le,
+	}, [at, M]), P = c(() => ue(N), [N]), lt = c(() => t(N), [N]), ut = c(() => n(N), [N]), dt = c(() => Ne(ut), [ut]), F = c(() => ne({
+		items: Ve,
+		language: m.language,
+		fallbackLanguage: Ie,
 		products: {
-			bikes: Re,
-			accessories: ze
+			bikes: Le,
+			accessories: Re
 		},
-		estimatedDays: ft
+		estimatedDays: dt
 	}), [
-		ze,
 		Re,
-		ft,
-		p.language,
-		He,
-		Le
-	]), F = s(() => P.lines.map((e) => ({
+		Le,
+		dt,
+		m.language,
+		Ve,
+		Ie
+	]), I = c(() => F.lines.map((e) => ({
 		productId: e.checkoutProductId,
 		productVariantId: e.productVariantId,
 		quantity: e.quantity
-	})), [P.lines]), [pt, I] = c([]), [L, R] = c(!1);
-	o(() => {
-		if (!h || F.length === 0) {
-			I([]), R(!1);
+	})), [F.lines]), [ft, L] = l([]), [R, z] = l(!1);
+	s(() => {
+		if (!g || I.length === 0) {
+			L([]), z(!1);
 			return;
 		}
-		if (!N) {
-			I([]), R(!1);
+		if (!P) {
+			L([]), z(!1);
 			return;
 		}
 		let e = !1;
-		return R(!0), I([]), (async () => {
+		return z(!0), L([]), (async () => {
 			try {
-				let t = await a(se, {
-					storeSlug: h,
-					schedule: N,
-					products: F
+				let t = await o(se, {
+					storeSlug: g,
+					schedule: P,
+					products: I
 				}), n = de.parse(t);
 				if (e) return;
-				I(n.success ? n.availability ?? [] : []);
+				L(n.success ? n.availability ?? [] : []);
 			} catch (t) {
 				if (e) return;
-				console.error("Failed to load checkout cart availability", t), I([]);
+				console.error("Failed to load checkout cart availability", t), L([]);
 			} finally {
-				e || R(!1);
+				e || z(!1);
 			}
 		})(), () => {
 			e = !0;
 		};
 	}, [
-		M.end_date,
-		M.end_time,
-		M.start_date,
-		M.start_time,
-		N,
-		F,
-		h
+		N.end_date,
+		N.end_time,
+		N.start_date,
+		N.start_time,
+		P,
+		I,
+		g
 	]);
-	let mt = s(() => new Map(pt.map((e) => [ce(e.productId, e.productVariantId), e])), [pt]), z = s(() => ({
-		...P,
-		lines: P.lines.map((e) => {
-			let t = mt.get(ce(e.checkoutProductId, e.productVariantId)), n = t ? le(t) : e.availabilityStatus === "OUT_OF_STOCK" ? "unavailable" : void 0;
+	let pt = c(() => new Map(ft.map((e) => [ce(e.productId, e.productVariantId), e])), [ft]), B = c(() => ({
+		...F,
+		lines: F.lines.map((e) => {
+			let t = pt.get(ce(e.checkoutProductId, e.productVariantId)), n = t ? le(t) : e.availabilityStatus === "OUT_OF_STOCK" ? "unavailable" : void 0;
 			return {
 				...e,
-				insufficientCapacity: !L && n !== void 0,
-				availabilityIssue: L ? void 0 : n
+				insufficientCapacity: !R && n !== void 0,
+				availabilityIssue: R ? void 0 : n
 			};
 		})
 	}), [
-		mt,
-		L,
-		P
-	]), B = s(() => P.lines.map((e) => ({
+		pt,
+		R,
+		F
+	]), V = c(() => F.lines.map((e) => ({
 		kind: e.kind,
 		productId: e.checkoutProductId,
 		productVariantId: e.productVariantId,
 		quantity: e.quantity
-	})), [P.lines]), ht = new Map(Re.map((e) => [e.checkoutProductId?.trim() || e.id, e])), V = P.lines.flatMap((e) => {
-		let t = ht.get(e.checkoutProductId);
+	})), [F.lines]), mt = new Map(Le.map((e) => [e.checkoutProductId?.trim() || e.id, e])), H = F.lines.flatMap((e) => {
+		let t = mt.get(e.checkoutProductId);
 		return t?.insurance?.enabled ? [{
 			quantity: e.quantity,
 			pricePerDayMinor: t.insurance.pricePerDayMinor,
 			deductibleAmountMinor: t.insurance.deductibleAmountMinor
 		}] : [];
-	}), H = m.modules?.insurance?.enabled === !0 && V.length > 0, U = H && A, gt = V.reduce((e, t) => e + t.pricePerDayMinor * t.quantity, 0), _t = V.reduce((e, t) => Math.max(e, t.deductibleAmountMinor), 0), vt = P.estimatedTotalMinor ?? P.totalPerDayMinor, W = T?.totalMinor ?? vt, G = C?.discountAmountMinor ?? 0, K = e(new URLSearchParams(), M).toString(), q = `/${h ?? ""}/booking${K ? `?${K}` : ""}`, yt = `/${h ?? ""}/checkout${K ? `?${K}` : ""}`, bt = je({
-		resolver: Me(Ce),
+	}), U = h.modules?.insurance?.enabled === !0 && H.length > 0, W = U && j, ht = H.reduce((e, t) => e + t.pricePerDayMinor * t.quantity, 0), gt = H.reduce((e, t) => Math.max(e, t.deductibleAmountMinor), 0), _t = F.estimatedTotalMinor ?? F.totalPerDayMinor, G = T?.totalMinor ?? _t, K = C?.discountAmountMinor ?? 0, q = e(new URLSearchParams(), N).toString(), J = `/${g ?? ""}/booking${q ? `?${q}` : ""}`, vt = `/${g ?? ""}/checkout${q ? `?${q}` : ""}`, yt = Ae({
+		resolver: je(Ce),
 		defaultValues: {
 			first_name: "",
 			last_name: "",
@@ -159,33 +159,33 @@ function f() {
 			notes: ""
 		}
 	});
-	o(() => {
-		ee(h, M);
-	}, [M, h]), o(() => {
-		!H && A && at(!1);
-	}, [A, H]);
-	let J = (t) => {
+	s(() => {
+		ee(g, N);
+	}, [N, g]), s(() => {
+		!U && j && it(!1);
+	}, [j, U]);
+	let bt = (t) => {
 		let n = {
-			...M,
+			...N,
 			...t
-		}, r = e(g, n);
-		Be(r, { replace: !0 }), ee(h, r);
+		}, r = e(_, n);
+		ze(r, { replace: !0 }), ee(g, r);
 	};
-	o(() => {
-		if (!h || B.length === 0 || !N) {
-			w(null), E(null), tt(!1), D(null), O(null);
+	s(() => {
+		if (!g || V.length === 0 || !P) {
+			w(null), E(null), D(!1), O(null), k(null);
 			return;
 		}
-		let e = Qe.trim(), t = e.length === 0 && !k, n = !1;
-		return tt(!0), O(null), D(null), (async () => {
+		let e = Qe.trim(), t = e.length === 0 && !A, n = !1;
+		return D(!0), k(null), O(null), (async () => {
 			try {
-				let r = await a(_e, {
-					storeSlug: h,
-					schedule: N,
-					items: B,
+				let r = await o(_e, {
+					storeSlug: g,
+					schedule: P,
+					items: V,
 					couponCode: e || void 0,
 					includeAutoApply: t,
-					insuranceAccepted: U
+					insuranceAccepted: W
 				}), i = ve.parse(r);
 				if (n) return;
 				if (E(typeof i.subtotalMinor == "number" && typeof i.totalMinor == "number" ? {
@@ -195,100 +195,100 @@ function f() {
 					insuranceSubtotalMinor: i.insuranceSubtotalMinor,
 					insuranceBillableDays: i.insuranceBillableDays
 				} : null), !i.success) {
-					w(null), O(i.message || f("checkout_coupon_invalid"));
+					w(null), k(i.message || p("checkout_coupon_invalid"));
 					return;
 				}
-				w(i.coupon ?? null), i.coupon && (i.coupon.autoApplied && e.length === 0 ? (S(i.coupon.code), D(f("checkout_coupon_auto_applied", { code: i.coupon.code }))) : D(f("checkout_coupon_manual_applied")));
+				w(i.coupon ?? null), i.coupon && (i.coupon.autoApplied && e.length === 0 ? (S(i.coupon.code), O(p("checkout_coupon_auto_applied", { code: i.coupon.code }))) : O(p("checkout_coupon_manual_applied")));
 			} catch (e) {
 				if (n) return;
-				console.error("Failed to verify checkout coupon", e), w(null), E(null), O(f("checkout_coupon_error"));
+				console.error("Failed to verify checkout coupon", e), w(null), E(null), k(p("checkout_coupon_error"));
 			} finally {
-				n || tt(!1);
+				n || D(!1);
 			}
 		})(), () => {
 			n = !0;
 		};
 	}, [
-		k,
-		M.end_date,
-		M.end_time,
-		M.start_date,
-		M.start_time,
-		N,
-		B,
-		U,
-		h,
+		A,
+		N.end_date,
+		N.end_time,
+		N.start_date,
+		N.start_time,
+		P,
+		V,
+		W,
+		g,
 		Qe,
-		f
-	]), o(() => {
-		if (!h || P.lines.length === 0 || !N) {
-			y(null), x(null), b(!1);
+		p
+	]), s(() => {
+		if (!g || F.lines.length === 0 || !P) {
+			b(null), x(null), Je(!1);
 			return;
 		}
 		let e = !1;
-		return b(!0), x(null), (async () => {
+		return Je(!0), x(null), (async () => {
 			try {
-				let t = await a(re, {
-					storeSlug: h,
-					schedule: N,
-					estimatedTotalMinor: W
+				let t = await o(re, {
+					storeSlug: g,
+					schedule: P,
+					estimatedTotalMinor: G
 				}), n = ie.parse(t);
 				if (e) return;
 				if (!n.success || !n.decision) {
-					y(null), x(n.errorCode === "online_payment_provider_missing" ? f("checkout_payment_error") : n.message || f("checkout_payment_error"));
+					b(null), x(n.errorCode === "online_payment_provider_missing" ? p("checkout_payment_error") : n.message || p("checkout_payment_error"));
 					return;
 				}
-				y(n.decision);
+				b(n.decision);
 			} catch (t) {
 				if (e) return;
-				console.error("Failed to load checkout payment decision", t), y(null), x(f("checkout_payment_error"));
+				console.error("Failed to load checkout payment decision", t), b(null), x(p("checkout_payment_error"));
 			} finally {
-				e || b(!1);
+				e || Je(!1);
 			}
 		})(), () => {
 			e = !0;
 		};
 	}, [
-		M.end_date,
-		M.end_time,
-		M.start_date,
-		M.start_time,
-		N,
-		W,
-		P.lines.length,
-		h,
-		f
+		N.end_date,
+		N.end_time,
+		N.start_date,
+		N.start_time,
+		P,
+		G,
+		F.lines.length,
+		g,
+		p
 	]);
-	let Y = v?.currency ?? "EUR", xt = d(W, Y, p.language), St = G > 0 ? `-${d(G, Y, p.language)}` : null, X = T?.insuranceSubtotalMinor ?? 0, Ct = Math.max(0, W - X), wt = Math.round(Ct / 1.2), Tt = wt + X, Et = Math.max(0, Ct - wt), Dt = d(Tt, Y, p.language), Ot = d(Et, Y, p.language), kt = Fe(Ne, p.language), At = X > 0 ? d(X, Y, p.language) : void 0, Z = v?.amountToCollectMinor ?? 0, jt = d(Z, Y, p.language), Mt = v?.paymentMode === "deposit" && Z > 0 ? d(Z, Y, p.language) : null, Nt = v?.shouldCollectOnlinePayment === !0 && Z > 0, Pt = m.shop.timeZone?.trim() || void 0, Q = s(() => v ? Fe(Math.max(0, Math.min(1, v.bookingDepositPercentage)), p.language) : null, [p.language, v]), $ = s(() => {
-		if (!v?.depositRefundableUntilIso) return null;
-		let e = new Date(v.depositRefundableUntilIso);
-		return Number.isNaN(e.getTime()) ? null : Ie(e, p.language, Pt);
+	let Y = y?.currency ?? "EUR", xt = f(G, Y, m.language), St = K > 0 ? `-${f(K, Y, m.language)}` : null, X = T?.insuranceSubtotalMinor ?? 0, Ct = Math.max(0, G - X), wt = Math.round(Ct / 1.2), Tt = wt + X, Et = Math.max(0, Ct - wt), Dt = f(Tt, Y, m.language), Ot = f(Et, Y, m.language), kt = Pe(Me, m.language), At = X > 0 ? f(X, Y, m.language) : void 0, Z = y?.amountToCollectMinor ?? 0, jt = f(Z, Y, m.language), Mt = y?.paymentMode === "deposit" && Z > 0 ? f(Z, Y, m.language) : null, Nt = y?.shouldCollectOnlinePayment === !0 && Z > 0, Pt = h.shop.timeZone?.trim() || void 0, Q = c(() => y ? Pe(Math.max(0, Math.min(1, y.bookingDepositPercentage)), m.language) : null, [m.language, y]), $ = c(() => {
+		if (!y?.depositRefundableUntilIso) return null;
+		let e = new Date(y.depositRefundableUntilIso);
+		return Number.isNaN(e.getTime()) ? null : Fe(e, m.language, Pt);
 	}, [
-		p.language,
-		v?.depositRefundableUntilIso,
+		m.language,
+		y?.depositRefundableUntilIso,
 		Pt
-	]), Ft = s(() => v ? v.paymentMode === "deposit" && Z > 0 && Q ? $ ? f("checkout_payment_due_now_helper_deposit_refundable_until", {
+	]), Ft = c(() => y ? y.paymentMode === "deposit" && Z > 0 && Q ? $ ? p("checkout_payment_due_now_helper_deposit_refundable_until", {
 		percent: Q,
 		date: $
-	}) : f("checkout_payment_due_now_helper_deposit", { percent: Q }) : v.paymentMode === "none" || Z <= 0 ? f("checkout_payment_due_now_helper_none") : null : null, [
+	}) : p("checkout_payment_due_now_helper_deposit", { percent: Q }) : y.paymentMode === "none" || Z <= 0 ? p("checkout_payment_due_now_helper_none") : null : null, [
 		Z,
 		Q,
 		$,
-		v,
-		f
-	]), It = bt.handleSubmit(async (e) => {
-		if (!(!h || B.length === 0 || !N)) {
-			qe(!0);
+		y,
+		p
+	]), It = yt.handleSubmit(async (e) => {
+		if (!(!g || V.length === 0 || !P)) {
+			Ke(!0);
 			try {
-				let t = await a(ae, {
-					storeSlug: h,
-					schedule: N,
-					fulfillment: M.fulfillment,
-					startAddress: M.fulfillment === "delivery" ? M.start_address : void 0,
-					endAddress: M.fulfillment === "delivery" ? M.end_address : void 0,
+				let t = await o(ae, {
+					storeSlug: g,
+					schedule: P,
+					fulfillment: N.fulfillment,
+					startAddress: N.fulfillment === "delivery" ? N.start_address : void 0,
+					endAddress: N.fulfillment === "delivery" ? N.end_address : void 0,
 					couponCode: C?.code,
-					couponAutoApplied: !k && C?.autoApplied,
-					insuranceAccepted: U,
+					couponAutoApplied: !A && C?.autoApplied,
+					insuranceAccepted: W,
 					customer: {
 						firstName: e.first_name,
 						lastName: e.last_name,
@@ -296,110 +296,110 @@ function f() {
 						phone: e.phone,
 						notes: e.notes
 					},
-					items: B
+					items: V
 				}), n = oe.parse(t);
 				if (!n.success || !n.checkout) {
-					we.error(n.errorCode === "online_payment_provider_missing" ? f("checkout_payment_error") : n.message || f("checkout_payment_error"));
+					a.error(n.errorCode === "online_payment_provider_missing" ? p("checkout_payment_error") : n.message || p("checkout_payment_error"));
 					return;
 				}
-				n.checkout.requiresPayment || we.success(f("checkout_success_toast")), await Ve(n.checkout.nextPath), Ke();
+				n.checkout.requiresPayment || a.success(p("checkout_success_toast")), await Be(n.checkout.nextPath), Ge();
 			} catch (e) {
-				console.error("Failed to submit storefront checkout", e), we.error(f("checkout_payment_error"));
+				console.error("Failed to submit storefront checkout", e), a.error(p("checkout_payment_error"));
 			} finally {
-				qe(!1);
+				Ke(!1);
 			}
 		}
-	}), Lt = f(Nt ? "checkout_continue_to_payment" : "checkout_submit"), Rt = M.fulfillment === "delivery" && M.start_address.trim().length === 0, zt = !_ && !Je && !Ye && !et && !rt && !!v && !!N && !Rt && B.length > 0;
-	return P.lines.length === 0 ? /* @__PURE__ */ l("div", {
+	}), Lt = p(Nt ? "checkout_continue_to_payment" : "checkout_submit"), Rt = N.fulfillment === "delivery" && N.start_address.trim().length === 0, zt = !v && !qe && !Ye && !et && !nt && !!y && !!P && !Rt && V.length > 0;
+	return F.lines.length === 0 ? /* @__PURE__ */ u("div", {
 		className: "mx-auto max-w-3xl px-4 py-10 sm:px-6",
-		children: /* @__PURE__ */ u("div", {
+		children: /* @__PURE__ */ d("div", {
 			className: "rounded-xl border border-slate-200 bg-white p-4 shadow-sm",
 			children: [
-				/* @__PURE__ */ l("h1", {
+				/* @__PURE__ */ u("h1", {
 					className: "text-xl font-semibold tracking-tight text-slate-950",
-					children: /* @__PURE__ */ l("span", { children: f("cart_empty_title") })
+					children: /* @__PURE__ */ u("span", { children: p("cart_empty_title") })
 				}),
-				/* @__PURE__ */ l("p", {
+				/* @__PURE__ */ u("p", {
 					className: "mt-2 text-sm text-slate-600",
-					children: /* @__PURE__ */ l("span", { children: f("cart_empty_description") })
+					children: /* @__PURE__ */ u("span", { children: p("cart_empty_description") })
 				}),
-				/* @__PURE__ */ l("div", {
+				/* @__PURE__ */ u("div", {
 					className: "mt-6",
-					children: /* @__PURE__ */ l(Te, {
-						to: q,
-						children: /* @__PURE__ */ u(fe, {
+					children: /* @__PURE__ */ u(we, {
+						to: J,
+						children: /* @__PURE__ */ d(fe, {
 							className: "gap-2",
-							children: [/* @__PURE__ */ l(Ae, {
+							children: [/* @__PURE__ */ u(ke, {
 								className: "h-4 w-4",
 								"aria-hidden": "true"
-							}), /* @__PURE__ */ l("span", { children: f("back_to_booking") })]
+							}), /* @__PURE__ */ u("span", { children: p("back_to_booking") })]
 						})
 					})
 				})
 			]
 		})
-	}) : /* @__PURE__ */ l("div", {
+	}) : /* @__PURE__ */ u("div", {
 		className: "mx-auto max-w-7xl px-4 py-8 sm:px-6",
-		children: /* @__PURE__ */ u("div", {
+		children: /* @__PURE__ */ d("div", {
 			className: "flex flex-col gap-6",
 			children: [
-				/* @__PURE__ */ l(pe, {
+				/* @__PURE__ */ u(pe, {
 					currentStep: "checkout",
-					bookingPath: q,
-					checkoutPath: yt
+					bookingPath: J,
+					checkoutPath: vt
 				}),
-				/* @__PURE__ */ u(Te, {
-					to: q,
+				/* @__PURE__ */ d(we, {
+					to: J,
 					className: "inline-flex items-center gap-2 text-sm font-medium text-slate-700 hover:text-slate-950",
-					children: [/* @__PURE__ */ l(Ae, {
+					children: [/* @__PURE__ */ u(ke, {
 						className: "h-4 w-4",
 						"aria-hidden": "true"
-					}), /* @__PURE__ */ l("span", { children: f("back_to_booking") })]
+					}), /* @__PURE__ */ u("span", { children: p("back_to_booking") })]
 				}),
-				/* @__PURE__ */ u("div", {
+				/* @__PURE__ */ d("div", {
 					className: "grid gap-6 lg:grid-cols-12",
-					children: [/* @__PURE__ */ u("div", {
+					children: [/* @__PURE__ */ d("div", {
 						className: "lg:col-span-7",
 						children: [
-							/* @__PURE__ */ l("h1", {
+							/* @__PURE__ */ u("h1", {
 								className: "text-xl font-semibold tracking-tight text-slate-950",
-								children: /* @__PURE__ */ l("span", { children: f("checkout_title") })
+								children: /* @__PURE__ */ u("span", { children: p("checkout_title") })
 							}),
-							N ? null : /* @__PURE__ */ l("p", {
+							P ? null : /* @__PURE__ */ u("p", {
 								role: "alert",
 								className: "mt-3 text-sm text-destructive",
-								children: /* @__PURE__ */ l("span", { children: f("booking_time_slots_required") })
+								children: /* @__PURE__ */ u("span", { children: p("booking_time_slots_required") })
 							}),
-							/* @__PURE__ */ u("div", {
+							/* @__PURE__ */ d("div", {
 								className: "mt-5 grid gap-4",
 								children: [
-									ct ? /* @__PURE__ */ l("div", {
+									st ? /* @__PURE__ */ u("div", {
 										className: "rounded-xl border border-slate-200 bg-white p-3 shadow-sm",
-										children: /* @__PURE__ */ l(ge, {
-											value: M.fulfillment,
-											onValueChange: (e) => J({ fulfillment: e }),
-											pickupAddress: lt,
-											deliveryEnabled: j,
-											deliveryDisabledReason: st,
-											startAddress: M.start_address,
-											onStartAddressChange: (e) => J({ start_address: e }),
-											endAddress: M.end_address,
-											onEndAddressChange: (e) => J({ end_address: e }),
+										children: /* @__PURE__ */ u(ge, {
+											value: N.fulfillment,
+											onValueChange: (e) => bt({ fulfillment: e }),
+											pickupAddress: ct,
+											deliveryEnabled: M,
+											deliveryDisabledReason: ot,
+											startAddress: N.start_address,
+											onStartAddressChange: (e) => bt({ start_address: e }),
+											endAddress: N.end_address,
+											onEndAddressChange: (e) => bt({ end_address: e }),
 											showPickupAddressWhenPickupOnly: !1,
 											testIdPrefix: "storefront-checkout-fulfillment"
 										})
 									}) : null,
-									/* @__PURE__ */ l(ye, { form: bt }),
-									H ? /* @__PURE__ */ l(xe, {
-										accepted: U,
-										disabled: _ || et,
-										dailyAmountLabel: d(gt, Y, p.language),
+									/* @__PURE__ */ u(ye, { form: yt }),
+									U ? /* @__PURE__ */ u(xe, {
+										accepted: W,
+										disabled: v || et,
+										dailyAmountLabel: f(ht, Y, m.language),
 										totalAmountLabel: At,
 										billableDays: T?.insuranceBillableDays,
-										deductibleLabel: _t > 0 ? d(_t, Y, p.language) : void 0,
-										onAcceptedChange: at
+										deductibleLabel: gt > 0 ? f(gt, Y, m.language) : void 0,
+										onAcceptedChange: it
 									}) : null,
-									/* @__PURE__ */ l(be, {
+									/* @__PURE__ */ u(be, {
 										estimatedTotalLabel: xt,
 										couponCode: C?.code,
 										discountAmountLabel: St,
@@ -411,15 +411,15 @@ function f() {
 										amountToCollectMinor: Z,
 										amountToCollectLabel: jt,
 										paymentSummaryHelper: Ft,
-										paymentDecisionLoading: Je,
+										paymentDecisionLoading: qe,
 										paymentDecisionError: Ye,
 										canChoosePaymentMethod: !1,
 										showAmountDueNowRow: !0,
 										selectedPaymentMethod: "card",
-										submitting: _,
+										submitting: v,
 										onSelectPaymentMethod: () => {}
 									}),
-									/* @__PURE__ */ l(fe, {
+									/* @__PURE__ */ u(fe, {
 										type: "button",
 										size: "lg",
 										onClick: () => {
@@ -427,44 +427,44 @@ function f() {
 										},
 										disabled: !zt,
 										className: "mt-4 w-fit",
-										children: /* @__PURE__ */ l("span", { children: Lt })
+										children: /* @__PURE__ */ u("span", { children: Lt })
 									}),
-									Rt ? /* @__PURE__ */ l("p", {
+									Rt ? /* @__PURE__ */ u("p", {
 										className: "text-sm text-slate-600",
-										children: /* @__PURE__ */ l("span", { children: f("checkout_delivery_address_required") })
+										children: /* @__PURE__ */ u("span", { children: p("checkout_delivery_address_required") })
 									}) : null
 								]
 							})
 						]
-					}), /* @__PURE__ */ l(Se, {
-						lines: z.lines,
-						itemCount: Ue,
-						totalPerDayMinor: z.totalPerDayMinor,
-						estimatedDays: z.estimatedDays,
-						estimatedTotalMinor: z.estimatedTotalMinor,
-						discountedEstimatedTotalMinor: W,
-						discountAmountMinor: G,
+					}), /* @__PURE__ */ u(Se, {
+						lines: B.lines,
+						itemCount: He,
+						totalPerDayMinor: B.totalPerDayMinor,
+						estimatedDays: B.estimatedDays,
+						estimatedTotalMinor: B.estimatedTotalMinor,
+						discountedEstimatedTotalMinor: G,
+						discountAmountMinor: K,
 						lateReturnSurchargeMinor: T?.lateReturnSurchargeMinor,
 						couponCode: C?.code,
-						durationLabel: ut.label,
-						onQuantityChange: We,
-						onRemove: Ge,
+						durationLabel: lt.label,
+						onQuantityChange: Ue,
+						onRemove: We,
 						coupon: {
 							code: Ze,
 							appliedCode: C?.code,
-							discountLabel: C && G > 0 ? d(G, Y, p.language) : null,
-							message: nt,
-							error: rt,
+							discountLabel: C && K > 0 ? f(K, Y, m.language) : null,
+							message: tt,
+							error: nt,
 							loading: et,
-							disabled: _,
+							disabled: v,
 							onCodeChange: (e) => {
-								S(e), O(null), D(null);
+								S(e), k(null), O(null);
 							},
 							onApply: () => {
-								it(!1), $e(Ze.trim());
+								rt(!1), $e(Ze.trim());
 							},
 							onRemove: () => {
-								S(""), $e(""), w(null), E(null), O(null), D(null), it(!0);
+								S(""), $e(""), w(null), E(null), k(null), O(null), rt(!0);
 							}
 						}
 					})]
@@ -474,4 +474,4 @@ function f() {
 	});
 }
 //#endregion
-export { f as default };
+export { p as default };