@loczer/storefront-sdk 0.190.0 → 0.192.0

package/dist/pages/CheckoutPage.js

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