@loczer/storefront-sdk 0.210.0 → 0.211.0

package/dist/pages/CheckoutPage.js

@@ -7,24 +7,24 @@ import { ROUTE as oe, responseSchema as se } from "../lib/checkoutSubmit.js";
 import { ROUTE as ce, buildStorefrontAvailabilityKey as le, getStorefrontAvailabilityIssue as ue, getValidStorefrontAvailabilitySchedule as de, responseSchema as fe } from "../lib/storefrontAvailability.js";
 import { Button as pe } from "../ui/button.js";
 import { useStorefront as me, useStorefrontProducts as he } from "../StorefrontContext.js";
-import { toast as ge } from "../lib/toast.js";
-import { BookingFlowSteps as _e } from "../components/BookingFlowSteps/index.js";
-import { apiPost as a } from "../lib/apiCall.js";
-import { FulfillmentSection as ve } from "../components/FulfillmentSection/index.js";
-import { ROUTE as ye, responseSchema as be } from "../lib/checkoutVerifyCoupon.js";
-import { CheckoutDetailsCard as xe } from "./checkout/components/CheckoutDetailsCard.js";
-import { CheckoutPaymentSummaryCard as Se } from "./checkout/components/CheckoutPaymentSummaryCard.js";
-import { CheckoutInsuranceCard as Ce } from "./checkout/components/CheckoutInsuranceCard.js";
-import { CheckoutSummaryColumn as we } from "./checkout/components/CheckoutSummaryColumn.js";
-import { checkoutFormSchema as Te } from "./checkout/types.js";
-import { useEffect as o, useMemo as s, useRef as Ee, useState as c } from "react";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
-import { Link as De, useNavigate as Oe, useParams as ke, useSearchParams as Ae } from "@rpcbase/router";
+import { toast as a } from "../lib/toast.js";
+import { BookingFlowSteps as ge } from "../components/BookingFlowSteps/index.js";
+import { apiPost as o } from "../lib/apiCall.js";
+import { FulfillmentSection as _e } from "../components/FulfillmentSection/index.js";
+import { ROUTE as ve, responseSchema as ye } from "../lib/checkoutVerifyCoupon.js";
+import { CheckoutDetailsCard as be } from "./checkout/components/CheckoutDetailsCard.js";
+import { CheckoutPaymentSummaryCard as xe } from "./checkout/components/CheckoutPaymentSummaryCard.js";
+import { CheckoutInsuranceCard as Se } from "./checkout/components/CheckoutInsuranceCard.js";
+import { CheckoutSummaryColumn as Ce } from "./checkout/components/CheckoutSummaryColumn.js";
+import { checkoutFormSchema as we } from "./checkout/types.js";
+import { useEffect as s, useMemo as c, useRef as Te, useState as l } from "react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { Link as Ee, useLocation as De, useNavigate as Oe, useParams as ke, useSearchParams as Ae } from "@rpcbase/router";
 import { useTranslation as je } from "react-i18next";
 import { ArrowLeft as Me } from "lucide-react";
 import { useForm as Ne, zodResolver as Pe } from "@rpcbase/form";
 //#region src/pages/CheckoutPage.tsx
-var Fe = .2, d = (e, t, n) => {
+var Fe = .2, f = (e, t, n) => {
 	try {
 		return new Intl.NumberFormat(n, {
 			style: "currency",
@@ -56,114 +56,115 @@ var Fe = .2, d = (e, t, n) => {
 	} catch {}
 	return new Intl.DateTimeFormat(t, r).format(e);
 };
-function f() {
-	let { t: f, i18n: p } = je(), { storefrontConfiguration: m } = me(), Re = m.workspace?.workspaceLanguage, { bikes: ze, accessories: Be } = he(), { storeSlug: h } = ke(), [g, Ve] = Ae(), He = Oe(), { items: Ue, itemCount: We, checkoutSessionId: _, setQuantity: Ge, removeItem: Ke, ensureCheckoutSessionId: qe, clearCheckoutSession: Je, clear: Ye } = i(), [v, Xe] = c(!1), Ze = Ee(!1), [y, b] = c(null), [Qe, x] = c(!1), [$e, S] = c(null), et = g.get("coupon") ?? g.get("code") ?? "", [tt, C] = c(et), [nt, rt] = c(et.trim()), [w, T] = c(null), [E, D] = c(null), [it, at] = c(!1), [ot, O] = c(null), [st, k] = c(null), [A, ct] = c(!1), [j, lt] = c(!1), ut = s(() => n(g, h), [g, h]), M = m.settings.fulfillmentModes.includes("delivery"), dt = m.settings.deliveryDisabledReason.trim(), ft = M || dt.length > 0, pt = m.shop.address?.trim() ?? "", N = s(() => {
-		let e = t(ut, {
+function p() {
+	let { t: p, i18n: m } = je(), { storefrontConfiguration: h } = me(), Re = h.workspace?.workspaceLanguage, { bikes: g, accessories: ze } = he(), { storeSlug: _ } = ke(), [v, Be] = Ae(), Ve = De(), y = Oe(), { items: He, itemCount: Ue, checkoutSessionId: b, setQuantity: We, removeItem: Ge, ensureCheckoutSessionId: Ke, clearCheckoutSession: qe, clear: Je } = i(), [x, Ye] = l(!1), S = Te(!1), [C, w] = l(null), [Xe, T] = l(!1), [Ze, E] = l(null), Qe = v.get("coupon") ?? v.get("code") ?? "", [$e, D] = l(Qe), [et, tt] = l(Qe.trim()), [O, k] = l(null), [A, j] = l(null), [M, nt] = l(!1), [rt, N] = l(null), [it, P] = l(null), [at, ot] = l(!1), [st, ct] = l(!1), lt = c(() => n(v, _), [v, _]), F = h.settings.fulfillmentModes.includes("delivery"), ut = h.settings.deliveryDisabledReason.trim(), dt = F || ut.length > 0, ft = h.shop.address?.trim() ?? "", I = c(() => {
+		let e = t(lt, {
 			start_time: "",
 			end_time: ""
 		});
-		return e.fulfillment === "delivery" && !M ? {
+		return e.fulfillment === "delivery" && !F ? {
 			...e,
 			fulfillment: "pickup"
 		} : e;
-	}, [ut, M]), P = s(() => de(N), [N]), F = m.bookingEngine.pricing, I = ee(N, F, m.bookingEngine.shop.timeZone), mt = ne(F.baseUnit, f), ht = I ? te(I.billableUnitCount, I.priceUnit, p.language, f) : void 0, gt = I?.billableUnitCount, L = s(() => re({
-		items: Ue,
-		language: p.language,
+	}, [lt, F]), L = c(() => de(I), [I]), R = h.bookingEngine.pricing, z = ee(I, R, h.bookingEngine.shop.timeZone), pt = ne(R.baseUnit, p), mt = z ? te(z.billableUnitCount, z.priceUnit, m.language, p) : void 0, ht = z?.billableUnitCount, B = c(() => re({
+		items: He,
+		language: m.language,
 		fallbackLanguage: Re,
 		products: {
-			bikes: ze,
-			accessories: Be
+			bikes: g,
+			accessories: ze
 		},
-		priceUnit: F.baseUnit,
-		billableUnitCount: gt
+		priceUnit: R.baseUnit,
+		billableUnitCount: ht
 	}), [
-		Be,
 		ze,
-		gt,
-		p.language,
-		Ue,
-		F.baseUnit,
+		g,
+		ht,
+		m.language,
+		He,
+		R.baseUnit,
 		Re
-	]), _t = s(() => L.lines.map((e) => ({
+	]), gt = c(() => B.lines.map((e) => ({
 		productId: e.checkoutProductId,
 		productVariantId: e.productVariantId,
 		quantity: e.quantity
-	})), [L.lines]), [vt, R] = c([]), [z, B] = c(!1);
-	o(() => {
-		if (!h || _t.length === 0) {
-			R([]), B(!1);
+	})), [B.lines]), [_t, V] = l([]), [vt, H] = l(!1);
+	s(() => {
+		if (!_ || gt.length === 0) {
+			V([]), H(!1);
 			return;
 		}
-		if (!P) {
-			R([]), B(!1);
+		if (!L) {
+			V([]), H(!1);
 			return;
 		}
 		let e = !1;
-		return B(!0), R([]), (async () => {
+		return H(!0), V([]), (async () => {
 			try {
-				let t = await a(ce, {
-					storeSlug: h,
-					schedule: P,
-					products: _t
+				let t = await o(ce, {
+					storeSlug: _,
+					schedule: L,
+					products: gt
 				}), n = fe.parse(t);
 				if (e) return;
-				R(n.success ? n.availability ?? [] : []);
+				V(n.success ? n.availability ?? [] : []);
 			} catch (t) {
 				if (e) return;
-				console.error("Failed to load checkout cart availability", t), R([]);
+				console.error("Failed to load checkout cart availability", t), V([]);
 			} finally {
-				e || B(!1);
+				e || H(!1);
 			}
 		})(), () => {
 			e = !0;
 		};
 	}, [
-		N.end_date,
-		N.end_time,
-		N.start_date,
-		N.start_time,
-		P,
-		_t,
-		h
+		I.end_date,
+		I.end_time,
+		I.start_date,
+		I.start_time,
+		L,
+		gt,
+		_
 	]);
-	let yt = s(() => new Map(vt.map((e) => [le(e.productId, e.productVariantId), e])), [vt]), V = s(() => ({
-		...L,
-		lines: L.lines.map((e) => {
+	let yt = c(() => new Map(_t.map((e) => [le(e.productId, e.productVariantId), e])), [_t]), bt = c(() => ({
+		...B,
+		lines: B.lines.map((e) => {
 			let t = yt.get(le(e.checkoutProductId, e.productVariantId)), n = t ? ue(t) : e.availabilityStatus === "OUT_OF_STOCK" ? "unavailable" : void 0;
 			return {
 				...e,
-				insufficientCapacity: !z && n !== void 0,
-				availabilityIssue: z ? void 0 : n
+				insufficientCapacity: !vt && n !== void 0,
+				availabilityIssue: vt ? void 0 : n
 			};
 		})
 	}), [
 		yt,
-		z,
-		L
-	]), H = s(() => L.lines.map((e) => ({
+		vt,
+		B
+	]), U = c(() => B.lines.map((e) => ({
 		kind: e.kind,
 		productId: e.checkoutProductId,
 		productVariantId: e.productVariantId,
 		quantity: e.quantity
-	})), [L.lines]), bt = new Map(ze.map((e) => [e.checkoutProductId?.trim() || e.id, e])), U = L.lines.flatMap((e) => {
-		let t = bt.get(e.checkoutProductId);
+	})), [B.lines]), xt = new Map(g.map((e) => [e.checkoutProductId?.trim() || e.id, e])), St = B.lines.flatMap((e) => {
+		let t = xt.get(e.checkoutProductId);
 		return t?.insurance?.enabled ? [{
 			quantity: e.quantity,
 			pricePerDayMinor: t.insurance.pricePerDayMinor,
 			deductibleAmountMinor: t.insurance.deductibleAmountMinor
 		}] : [];
-	}), W = m.modules?.insurance?.enabled === !0 && U.length > 0, G = W && j, xt = U.reduce((e, t) => e + t.pricePerDayMinor * t.quantity, 0), St = U.reduce((e, t) => Math.max(e, t.deductibleAmountMinor), 0), Ct = L.estimatedTotalMinor ?? L.totalPerBaseUnitMinor, K = E?.totalMinor ?? Ct, q = w?.discountAmountMinor ?? 0, J = e(new URLSearchParams(), N).toString(), wt = `/${h ?? ""}/booking${J ? `?${J}` : ""}`, Tt = `/${h ?? ""}/checkout${J ? `?${J}` : ""}`, Et = new URLSearchParams(J);
-	_ && Et.set("checkout_session_id", _);
-	let Dt = _ ? `/${h ?? ""}/checkout/payment?${Et.toString()}` : null;
-	o(() => {
-		!h || !Dt || Ze.current || He(Dt, { replace: !0 });
+	}), W = h.modules?.insurance?.enabled === !0 && St.length > 0, G = W && st, Ct = St.reduce((e, t) => e + t.pricePerDayMinor * t.quantity, 0), wt = St.reduce((e, t) => Math.max(e, t.deductibleAmountMinor), 0), Tt = B.estimatedTotalMinor ?? B.totalPerBaseUnitMinor, K = A?.totalMinor ?? Tt, q = O?.discountAmountMinor ?? 0, J = e(new URLSearchParams(), I).toString(), Et = `/${_ ?? ""}/booking${J ? `?${J}` : ""}`, Dt = `/${_ ?? ""}/checkout${J ? `?${J}` : ""}`, Ot = new URLSearchParams(J);
+	b && Ot.set("checkout_session_id", b);
+	let kt = b ? `/${_ ?? ""}/checkout/payment?${Ot.toString()}` : null, At = Ve.state?.showCheckoutSummary === !0;
+	s(() => {
+		!_ || !kt || At || S.current || y(kt, { replace: !0 });
 	}, [
-		Dt,
-		He,
-		h
+		kt,
+		y,
+		At,
+		_
 	]);
-	let Ot = Ne({
-		resolver: Pe(Te),
+	let jt = Ne({
+		resolver: Pe(we),
 		defaultValues: {
 			first_name: "",
 			last_name: "",
@@ -172,137 +173,137 @@ function f() {
 			notes: ""
 		}
 	});
-	o(() => {
-		r(h, N);
-	}, [N, h]), o(() => {
-		!W && j && lt(!1);
-	}, [j, W]);
-	let kt = (t) => {
+	s(() => {
+		r(_, I);
+	}, [I, _]), s(() => {
+		!W && st && ct(!1);
+	}, [st, W]);
+	let Mt = (t) => {
 		let n = {
-			...N,
+			...I,
 			...t
-		}, i = e(g, n);
-		Ve(i, { replace: !0 }), r(h, i);
+		}, i = e(v, n);
+		Be(i, { replace: !0 }), r(_, i);
 	};
-	o(() => {
-		if (!h || H.length === 0 || !P) {
-			T(null), D(null), at(!1), O(null), k(null);
+	s(() => {
+		if (!_ || U.length === 0 || !L) {
+			k(null), j(null), nt(!1), N(null), P(null);
 			return;
 		}
-		let e = nt.trim(), t = e.length === 0 && !A, n = !1;
-		return at(!0), k(null), O(null), (async () => {
+		let e = et.trim(), t = e.length === 0 && !at, n = !1;
+		return nt(!0), P(null), N(null), (async () => {
 			try {
-				let r = await a(ye, {
-					storeSlug: h,
-					schedule: P,
-					items: H,
+				let r = await o(ve, {
+					storeSlug: _,
+					schedule: L,
+					items: U,
 					couponCode: e || void 0,
 					includeAutoApply: t,
 					insuranceAccepted: G
-				}), i = be.parse(r);
+				}), i = ye.parse(r);
 				if (n) return;
-				if (D(typeof i.subtotalMinor == "number" && typeof i.totalMinor == "number" ? {
+				if (j(typeof i.subtotalMinor == "number" && typeof i.totalMinor == "number" ? {
 					subtotalMinor: i.subtotalMinor,
 					totalMinor: i.totalMinor,
 					lateReturnSurchargeMinor: i.lateReturnSurchargeMinor,
 					insuranceSubtotalMinor: i.insuranceSubtotalMinor,
 					insuranceBillableDays: i.insuranceBillableDays
 				} : null), !i.success) {
-					T(null), k(i.message || f("checkout_coupon_invalid"));
+					k(null), P(i.message || p("checkout_coupon_invalid"));
 					return;
 				}
-				T(i.coupon ?? null), i.coupon && (i.coupon.autoApplied && e.length === 0 ? (C(i.coupon.code), O(f("checkout_coupon_auto_applied", { code: i.coupon.code }))) : O(f("checkout_coupon_manual_applied")));
+				k(i.coupon ?? null), i.coupon && (i.coupon.autoApplied && e.length === 0 ? (D(i.coupon.code), N(p("checkout_coupon_auto_applied", { code: i.coupon.code }))) : N(p("checkout_coupon_manual_applied")));
 			} catch (e) {
 				if (n) return;
-				console.error("Failed to verify checkout coupon", e), T(null), D(null), k(f("checkout_coupon_error"));
+				console.error("Failed to verify checkout coupon", e), k(null), j(null), P(p("checkout_coupon_error"));
 			} finally {
-				n || at(!1);
+				n || nt(!1);
 			}
 		})(), () => {
 			n = !0;
 		};
 	}, [
-		A,
-		N.end_date,
-		N.end_time,
-		N.start_date,
-		N.start_time,
-		P,
-		H,
+		at,
+		I.end_date,
+		I.end_time,
+		I.start_date,
+		I.start_time,
+		L,
+		U,
 		G,
-		h,
-		nt,
-		f
-	]), o(() => {
-		if (!h || L.lines.length === 0 || !P) {
-			b(null), S(null), x(!1);
+		_,
+		et,
+		p
+	]), s(() => {
+		if (!_ || B.lines.length === 0 || !L) {
+			w(null), E(null), T(!1);
 			return;
 		}
 		let e = !1;
-		return x(!0), S(null), (async () => {
+		return T(!0), E(null), (async () => {
 			try {
-				let t = await a(ie, {
-					storeSlug: h,
-					schedule: P,
+				let t = await o(ie, {
+					storeSlug: _,
+					schedule: L,
 					estimatedTotalMinor: K
 				}), n = ae.parse(t);
 				if (e) return;
 				if (!n.success || !n.decision) {
-					b(null), S(n.errorCode === "online_payment_provider_missing" ? f("checkout_payment_error") : n.message || f("checkout_payment_error"));
+					w(null), E(n.errorCode === "online_payment_provider_missing" ? p("checkout_payment_error") : n.message || p("checkout_payment_error"));
 					return;
 				}
-				b(n.decision);
+				w(n.decision);
 			} catch (t) {
 				if (e) return;
-				console.error("Failed to load checkout payment decision", t), b(null), S(f("checkout_payment_error"));
+				console.error("Failed to load checkout payment decision", t), w(null), E(p("checkout_payment_error"));
 			} finally {
-				e || x(!1);
+				e || T(!1);
 			}
 		})(), () => {
 			e = !0;
 		};
 	}, [
-		N.end_date,
-		N.end_time,
-		N.start_date,
-		N.start_time,
-		P,
+		I.end_date,
+		I.end_time,
+		I.start_date,
+		I.start_time,
+		L,
 		K,
-		L.lines.length,
-		h,
-		f
+		B.lines.length,
+		_,
+		p
 	]);
-	let Y = y?.currency ?? "EUR", At = d(K, Y, p.language), jt = q > 0 ? `-${d(q, Y, p.language)}` : null, X = E?.insuranceSubtotalMinor ?? 0, Mt = Math.max(0, K - X), Nt = Math.round(Mt / 1.2), Pt = Nt + X, Ft = Math.max(0, Mt - Nt), It = d(Pt, Y, p.language), Lt = d(Ft, Y, p.language), Rt = Ie(Fe, p.language), zt = X > 0 ? d(X, Y, p.language) : void 0, Z = y?.amountToCollectMinor ?? 0, Bt = d(Z, Y, p.language), Vt = y?.paymentMode === "deposit" && Z > 0 ? d(Z, Y, p.language) : null, Ht = y?.shouldCollectOnlinePayment === !0 && Z > 0, Ut = m.shop.timeZone?.trim() || void 0, Q = s(() => y ? Ie(Math.max(0, Math.min(1, y.bookingDepositPercentage)), p.language) : null, [p.language, y]), $ = s(() => {
-		if (!y?.depositRefundableUntilIso) return null;
-		let e = new Date(y.depositRefundableUntilIso);
-		return Number.isNaN(e.getTime()) ? null : Le(e, p.language, Ut);
+	let Y = C?.currency ?? "EUR", Nt = f(K, Y, m.language), Pt = q > 0 ? `-${f(q, Y, m.language)}` : null, X = A?.insuranceSubtotalMinor ?? 0, Ft = Math.max(0, K - X), It = Math.round(Ft / 1.2), Lt = It + X, Rt = Math.max(0, Ft - It), zt = f(Lt, Y, m.language), Bt = f(Rt, Y, m.language), Vt = Ie(Fe, m.language), Ht = X > 0 ? f(X, Y, m.language) : void 0, Z = C?.amountToCollectMinor ?? 0, Ut = f(Z, Y, m.language), Wt = C?.paymentMode === "deposit" && Z > 0 ? f(Z, Y, m.language) : null, Gt = C?.shouldCollectOnlinePayment === !0 && Z > 0, Kt = h.shop.timeZone?.trim() || void 0, Q = c(() => C ? Ie(Math.max(0, Math.min(1, C.bookingDepositPercentage)), m.language) : null, [m.language, C]), $ = c(() => {
+		if (!C?.depositRefundableUntilIso) return null;
+		let e = new Date(C.depositRefundableUntilIso);
+		return Number.isNaN(e.getTime()) ? null : Le(e, m.language, Kt);
 	}, [
-		p.language,
-		y?.depositRefundableUntilIso,
-		Ut
-	]), Wt = s(() => y ? y.paymentMode === "deposit" && Z > 0 && Q ? $ ? f("checkout_payment_due_now_helper_deposit_refundable_until", {
+		m.language,
+		C?.depositRefundableUntilIso,
+		Kt
+	]), qt = c(() => C ? C.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 }) : y.paymentMode === "none" || Z <= 0 ? f("checkout_payment_due_now_helper_none") : null : null, [
+	}) : p("checkout_payment_due_now_helper_deposit", { percent: Q }) : C.paymentMode === "none" || Z <= 0 ? p("checkout_payment_due_now_helper_none") : null : null, [
 		Z,
 		Q,
 		$,
-		y,
-		f
-	]), Gt = Ot.handleSubmit(async (e) => {
-		if (!h || H.length === 0 || !P) return;
-		Xe(!0), Ze.current = !0;
-		let t = qe();
+		C,
+		p
+	]), Jt = jt.handleSubmit(async (e) => {
+		if (!_ || U.length === 0 || !L) return;
+		Ye(!0), S.current = !0;
+		let t = Ke();
 		try {
-			let n = await a(oe, {
-				storeSlug: h,
+			let n = await o(oe, {
+				storeSlug: _,
 				checkoutSessionId: t,
-				schedule: P,
-				fulfillment: N.fulfillment,
-				startAddress: N.fulfillment === "delivery" ? N.start_address : void 0,
-				endAddress: N.fulfillment === "delivery" ? N.end_address : void 0,
-				couponCode: w?.code,
-				couponAutoApplied: !A && w?.autoApplied,
+				schedule: L,
+				fulfillment: I.fulfillment,
+				startAddress: I.fulfillment === "delivery" ? I.start_address : void 0,
+				endAddress: I.fulfillment === "delivery" ? I.end_address : void 0,
+				couponCode: O?.code,
+				couponAutoApplied: !at && O?.autoApplied,
 				insuranceAccepted: G,
 				customer: {
 					firstName: e.first_name,
@@ -311,174 +312,174 @@ function f() {
 					phone: e.phone,
 					notes: e.notes
 				},
-				items: H
+				items: U
 			}), r = se.parse(n);
 			if (!r.success || !r.checkout) {
-				Je(), ge.error(r.errorCode === "online_payment_provider_missing" ? f("checkout_payment_error") : r.message || f("checkout_payment_error"));
+				qe(), a.error(r.errorCode === "online_payment_provider_missing" ? p("checkout_payment_error") : r.message || p("checkout_payment_error"));
 				return;
 			}
-			r.checkout.requiresPayment || ge.success(f("checkout_success_toast")), await He(r.checkout.nextPath), r.checkout.requiresPayment || Ye();
+			r.checkout.requiresPayment || a.success(p("checkout_success_toast")), await y(r.checkout.nextPath), r.checkout.requiresPayment || Je();
 		} catch (e) {
-			console.error("Failed to submit storefront checkout", e), ge.error(f("checkout_payment_error"));
+			console.error("Failed to submit storefront checkout", e), a.error(p("checkout_payment_error"));
 		} finally {
-			Ze.current = !1, Xe(!1);
+			S.current = !1, Ye(!1);
 		}
-	}), Kt = f(Ht ? "checkout_continue_to_payment" : "checkout_submit"), qt = N.fulfillment === "delivery" && N.start_address.trim().length === 0, Jt = !v && !Qe && !$e && !it && !st && !!y && !!P && !qt && H.length > 0;
-	return L.lines.length === 0 ? /* @__PURE__ */ l("div", {
+	}), Yt = p(Gt ? "checkout_continue_to_payment" : "checkout_submit"), Xt = I.fulfillment === "delivery" && I.start_address.trim().length === 0, Zt = !x && !Xe && !Ze && !M && !it && !!C && !!L && !Xt && U.length > 0;
+	return B.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(De, {
-						to: wt,
-						children: /* @__PURE__ */ u(pe, {
+					children: /* @__PURE__ */ u(Ee, {
+						to: Et,
+						children: /* @__PURE__ */ d(pe, {
 							className: "gap-2",
-							children: [/* @__PURE__ */ l(Me, {
+							children: [/* @__PURE__ */ u(Me, {
 								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(_e, {
+				/* @__PURE__ */ u(ge, {
 					currentStep: "checkout",
-					bookingPath: wt,
-					checkoutPath: Tt
+					bookingPath: Et,
+					checkoutPath: Dt
 				}),
-				/* @__PURE__ */ u(De, {
-					to: wt,
+				/* @__PURE__ */ d(Ee, {
+					to: Et,
 					className: "inline-flex items-center gap-2 text-sm font-medium text-slate-700 hover:text-slate-950",
-					children: [/* @__PURE__ */ l(Me, {
+					children: [/* @__PURE__ */ u(Me, {
 						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") })
 							}),
-							P ? null : /* @__PURE__ */ l("p", {
+							L ? 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: [
-									ft ? /* @__PURE__ */ l("div", {
+									dt ? /* @__PURE__ */ u("div", {
 										className: "rounded-xl border border-slate-200 bg-white p-3 shadow-sm",
-										children: /* @__PURE__ */ l(ve, {
-											value: N.fulfillment,
-											onValueChange: (e) => kt({ fulfillment: e }),
-											pickupAddress: pt,
-											deliveryEnabled: M,
-											deliveryDisabledReason: dt,
-											startAddress: N.start_address,
-											onStartAddressChange: (e) => kt({ start_address: e }),
-											endAddress: N.end_address,
-											onEndAddressChange: (e) => kt({ end_address: e }),
+										children: /* @__PURE__ */ u(_e, {
+											value: I.fulfillment,
+											onValueChange: (e) => Mt({ fulfillment: e }),
+											pickupAddress: ft,
+											deliveryEnabled: F,
+											deliveryDisabledReason: ut,
+											startAddress: I.start_address,
+											onStartAddressChange: (e) => Mt({ start_address: e }),
+											endAddress: I.end_address,
+											onEndAddressChange: (e) => Mt({ end_address: e }),
 											showPickupAddressWhenPickupOnly: !1,
 											testIdPrefix: "storefront-checkout-fulfillment"
 										})
 									}) : null,
-									/* @__PURE__ */ l(xe, { form: Ot }),
-									W ? /* @__PURE__ */ l(Ce, {
+									/* @__PURE__ */ u(be, { form: jt }),
+									W ? /* @__PURE__ */ u(Se, {
 										accepted: G,
-										disabled: v || it,
-										dailyAmountLabel: d(xt, Y, p.language),
-										totalAmountLabel: zt,
-										billableDays: E?.insuranceBillableDays,
-										deductibleLabel: St > 0 ? d(St, Y, p.language) : void 0,
-										onAcceptedChange: lt
+										disabled: x || M,
+										dailyAmountLabel: f(Ct, Y, m.language),
+										totalAmountLabel: Ht,
+										billableDays: A?.insuranceBillableDays,
+										deductibleLabel: wt > 0 ? f(wt, Y, m.language) : void 0,
+										onAcceptedChange: ct
 									}) : null,
-									/* @__PURE__ */ l(Se, {
-										estimatedTotalLabel: At,
-										couponCode: w?.code,
-										discountAmountLabel: jt,
-										totalExcludingTaxLabel: It,
-										vatAmountLabel: Lt,
-										vatRateLabel: Rt,
-										insuranceAmountLabel: zt,
-										depositAmountLabel: Vt,
+									/* @__PURE__ */ u(xe, {
+										estimatedTotalLabel: Nt,
+										couponCode: O?.code,
+										discountAmountLabel: Pt,
+										totalExcludingTaxLabel: zt,
+										vatAmountLabel: Bt,
+										vatRateLabel: Vt,
+										insuranceAmountLabel: Ht,
+										depositAmountLabel: Wt,
 										amountToCollectMinor: Z,
-										amountToCollectLabel: Bt,
-										paymentSummaryHelper: Wt,
-										paymentDecisionLoading: Qe,
-										paymentDecisionError: $e,
+										amountToCollectLabel: Ut,
+										paymentSummaryHelper: qt,
+										paymentDecisionLoading: Xe,
+										paymentDecisionError: Ze,
 										canChoosePaymentMethod: !1,
 										showAmountDueNowRow: !0,
 										selectedPaymentMethod: "card",
-										submitting: v,
+										submitting: x,
 										onSelectPaymentMethod: () => {}
 									}),
-									/* @__PURE__ */ l(pe, {
+									/* @__PURE__ */ u(pe, {
 										type: "button",
 										size: "lg",
 										onClick: () => {
-											Gt();
+											Jt();
 										},
-										disabled: !Jt,
+										disabled: !Zt,
 										className: "mt-4 w-fit",
-										children: /* @__PURE__ */ l("span", { children: Kt })
+										children: /* @__PURE__ */ u("span", { children: Yt })
 									}),
-									qt ? /* @__PURE__ */ l("p", {
+									Xt ? /* @__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(we, {
-						lines: V.lines,
-						itemCount: We,
-						totalPerBaseUnitMinor: V.totalPerBaseUnitMinor,
-						baseUnitLabel: mt,
-						estimatedTotalMinor: V.estimatedTotalMinor,
+					}), /* @__PURE__ */ u(Ce, {
+						lines: bt.lines,
+						itemCount: Ue,
+						totalPerBaseUnitMinor: bt.totalPerBaseUnitMinor,
+						baseUnitLabel: pt,
+						estimatedTotalMinor: bt.estimatedTotalMinor,
 						discountedEstimatedTotalMinor: K,
 						discountAmountMinor: q,
-						lateReturnSurchargeMinor: E?.lateReturnSurchargeMinor,
-						couponCode: w?.code,
-						durationInBaseUnitLabel: ht,
-						onQuantityChange: Ge,
-						onRemove: Ke,
+						lateReturnSurchargeMinor: A?.lateReturnSurchargeMinor,
+						couponCode: O?.code,
+						durationInBaseUnitLabel: mt,
+						onQuantityChange: We,
+						onRemove: Ge,
 						coupon: {
-							code: tt,
-							appliedCode: w?.code,
-							discountLabel: w && q > 0 ? d(q, Y, p.language) : null,
-							message: ot,
-							error: st,
-							loading: it,
-							disabled: v,
+							code: $e,
+							appliedCode: O?.code,
+							discountLabel: O && q > 0 ? f(q, Y, m.language) : null,
+							message: rt,
+							error: it,
+							loading: M,
+							disabled: x,
 							onCodeChange: (e) => {
-								C(e), k(null), O(null);
+								D(e), P(null), N(null);
 							},
 							onApply: () => {
-								ct(!1), rt(tt.trim());
+								ot(!1), tt($e.trim());
 							},
 							onRemove: () => {
-								C(""), rt(""), T(null), D(null), k(null), O(null), ct(!0);
+								D(""), tt(""), k(null), j(null), P(null), N(null), ot(!0);
 							}
 						}
 					})]
@@ -488,4 +489,4 @@ function f() {
 	});
 }
 //#endregion
-export { f as default };
+export { p as default };