@loczer/storefront-sdk 0.219.0 → 0.221.0

package/dist/pages/CheckoutPage.js

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