@loczer/storefront-sdk 0.242.0 → 0.244.0

package/dist/pages/CheckoutPage.js

@@ -2,31 +2,31 @@ import { applyBookingParamsToSearch as e, getBookingParamsFromSearch as t, pickB
 import { useStorefrontCart as ee } from "../lib/cart.js";
 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 { ROUTE as ie, addCheckoutBookingNumberToPath 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 { useStorefront as pe, useStorefrontProducts as me } 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 { CheckoutLoadingSkeleton as Ce } from "./checkout/components/CheckoutLoadingSkeleton.js";
-import { CheckoutMobileSummaryDrawer as we } from "./checkout/components/CheckoutMobileSummaryDrawer.js";
-import { CheckoutSummaryColumn as Te } from "./checkout/components/CheckoutSummaryColumn.js";
-import { checkoutFormSchema as Ee } from "./checkout/types.js";
-import { useEffect as s, useMemo as c, useRef as De, useState as l } from "react";
+import { FulfillmentSection as he } from "../components/FulfillmentSection/index.js";
+import { BookingFlowPageLayout as ge } from "../components/BookingFlowPageLayout/index.js";
+import { Spinner as _e } from "../chunks/pkg/ui/dist/Spinner/index-Cgi70z_E.js";
+import { ROUTE as ve, responseSchema as ye } from "../lib/checkoutPaymentDecision.js";
+import { ROUTE as be, responseSchema as xe } from "../lib/checkoutVerifyCoupon.js";
+import { CheckoutDetailsCard as Se } from "./checkout/components/CheckoutDetailsCard.js";
+import { CheckoutInsuranceCard as Ce } from "./checkout/components/CheckoutInsuranceCard.js";
+import { CheckoutLoadingSkeleton as we } from "./checkout/components/CheckoutLoadingSkeleton.js";
+import { CheckoutMobileSummaryDrawer as Te } from "./checkout/components/CheckoutMobileSummaryDrawer.js";
+import { CheckoutSummaryColumn as Ee } from "./checkout/components/CheckoutSummaryColumn.js";
+import { checkoutFormSchema as De } from "./checkout/types.js";
+import { useEffect as s, useMemo as c, useRef as Oe, useState as l } from "react";
 import { jsx as u, jsxs as d } 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 { AlertTriangle as Ne, ArrowLeft as Pe } from "lucide-react";
-import { useForm as Fe, zodResolver as Ie } from "@rpcbase/form";
+import { Link as ke, useNavigate as Ae, useParams as je, useSearchParams as Me } from "@rpcbase/router";
+import { useTranslation as Ne } from "react-i18next";
+import { AlertTriangle as Pe, ArrowLeft as Fe } from "lucide-react";
+import { useForm as Ie, zodResolver as Le } from "@rpcbase/form";
 //#region src/pages/CheckoutPage.tsx
-var Le = .2, f = (e, t, n) => {
+var Re = .2, f = (e, t, n) => {
 	try {
 		return new Intl.NumberFormat(n, {
 			style: "currency",
@@ -35,7 +35,7 @@ var Le = .2, f = (e, t, n) => {
 	} catch {
 		return `${(e / 100).toFixed(2)} ${t.toUpperCase()}`;
 	}
-}, Re = (e, t) => {
+}, ze = (e, t) => {
 	try {
 		return new Intl.NumberFormat(t, {
 			style: "percent",
@@ -47,103 +47,103 @@ var Le = .2, f = (e, t, n) => {
 	}
 };
 function p() {
-	let { t: p, i18n: m } = Me(), { storefrontConfiguration: h } = fe(), ze = h.workspace?.workspaceLanguage, { bikes: g, accessories: Be } = pe(), { storeSlug: _ } = Ae(), [v, Ve] = je(), He = ke(), { items: Ue, itemCount: We, isReady: Ge, setQuantity: Ke, removeItem: qe, beginCheckoutSubmission: Je, confirmCheckoutPaymentSession: Ye, clearCheckoutSession: Xe, clear: Ze } = ee(), [Qe, $e] = l(!1), et = De(!1), [y, b] = l(null), [tt, x] = l(!1), [S, C] = l(null), nt = v.get("coupon") ?? v.get("code") ?? "", [rt, w] = l(nt), [it, at] = l(nt.trim()), [T, E] = l(null), [D, O] = l(null), [k, A] = l(!1), [ot, j] = l(null), [st, M] = l(null), [N, ct] = l(!1), [P, lt] = l(!1), ut = n(v).toString(), dt = c(() => r(new URLSearchParams(ut), _), [ut, _]), F = h.settings.fulfillmentModes.includes("delivery"), ft = h.settings.deliveryDisabledReason.trim(), pt = F || ft.length > 0, mt = h.shop.address?.trim() ?? "", I = c(() => {
+	let { t: p, i18n: m } = Ne(), { storefrontConfiguration: h } = pe(), Be = h.workspace?.workspaceLanguage, { bikes: g, accessories: Ve } = me(), { storeSlug: _ } = je(), [v, He] = Me(), Ue = Ae(), { items: We, itemCount: Ge, isReady: Ke, setQuantity: qe, removeItem: Je, beginCheckoutSubmission: Ye, confirmCheckoutPaymentSession: Xe, clearCheckoutSession: Ze, clear: Qe } = ee(), [y, $e] = l(!1), b = Oe(!1), [x, S] = l(null), [et, C] = l(!1), [w, T] = l(null), tt = v.get("coupon") ?? v.get("code") ?? "", [nt, E] = l(tt), [rt, it] = l(tt.trim()), [D, O] = l(null), [at, k] = l(null), [A, j] = l(!1), [ot, M] = l(null), [st, N] = l(null), [P, ct] = l(!1), [F, lt] = l(!1), ut = n(v).toString(), dt = c(() => r(new URLSearchParams(ut), _), [ut, _]), I = h.settings.fulfillmentModes.includes("delivery"), ft = h.settings.deliveryDisabledReason.trim(), pt = I || ft.length > 0, mt = h.shop.address?.trim() ?? "", L = c(() => {
 		let e = t(dt, {
 			startTime: "",
 			endTime: ""
 		});
-		return e.fulfillment === "delivery" && !F ? {
+		return e.fulfillment === "delivery" && !I ? {
 			...e,
 			fulfillment: "pickup"
 		} : e;
-	}, [dt, F]), L = c(() => le(I), [I]), R = h.bookingEngine.pricing, ht = te(I, R, h.bookingEngine.shop.timeZone), gt = ne(R.baseUnit, p), _t = ht?.billableUnitCount, z = c(() => re({
-		items: Ue,
+	}, [dt, I]), R = c(() => ue(L), [L]), z = h.bookingEngine.pricing, ht = te(L, z, h.bookingEngine.shop.timeZone), gt = ne(z.baseUnit, p), _t = ht?.billableUnitCount, B = c(() => re({
+		items: We,
 		language: m.language,
-		fallbackLanguage: ze,
+		fallbackLanguage: Be,
 		products: {
 			bikes: g,
-			accessories: Be
+			accessories: Ve
 		},
-		priceUnit: R.baseUnit,
+		priceUnit: z.baseUnit,
 		billableUnitCount: _t
 	}), [
-		Be,
+		Ve,
 		g,
 		_t,
 		m.language,
-		Ue,
-		R.baseUnit,
-		ze
-	]), B = c(() => z.lines.map((e) => ({
+		We,
+		z.baseUnit,
+		Be
+	]), V = c(() => B.lines.map((e) => ({
 		productId: e.checkoutProductId,
 		productVariantId: e.productVariantId,
 		quantity: e.quantity
-	})), [z.lines]), [vt, V] = l([]), [H, U] = l(!1);
+	})), [B.lines]), [vt, H] = l([]), [U, W] = l(!1);
 	s(() => {
-		if (!_ || B.length === 0) {
-			V([]), U(!1);
+		if (!_ || V.length === 0) {
+			H([]), W(!1);
 			return;
 		}
-		if (!L) {
-			V([]), U(!1);
+		if (!R) {
+			H([]), W(!1);
 			return;
 		}
 		let e = !1;
-		return U(!0), V([]), (async () => {
+		return W(!0), H([]), (async () => {
 			try {
-				let t = await o(oe, {
+				let t = await o(se, {
 					storeSlug: _,
-					schedule: L,
-					products: B
-				}), n = ue.parse(t);
+					schedule: R,
+					products: V
+				}), n = de.parse(t);
 				if (e) return;
-				V(n.success ? n.availability ?? [] : []);
+				H(n.success ? n.availability ?? [] : []);
 			} catch (t) {
 				if (e) return;
-				console.error("Failed to load checkout cart availability", t), V([]);
+				console.error("Failed to load checkout cart availability", t), H([]);
 			} finally {
-				e || U(!1);
+				e || W(!1);
 			}
 		})(), () => {
 			e = !0;
 		};
 	}, [
-		I.endDate,
-		I.endTime,
-		I.startDate,
-		I.startTime,
-		L,
-		B,
+		L.endDate,
+		L.endTime,
+		L.startDate,
+		L.startTime,
+		R,
+		V,
 		_
 	]);
-	let yt = c(() => new Map(vt.map((e) => [se(e.productId, e.productVariantId), e])), [vt]), bt = c(() => ({
-		...z,
-		lines: z.lines.map((e) => {
-			let t = yt.get(se(e.checkoutProductId, e.productVariantId)), n = t ? ce(t) : e.availabilityStatus === "OUT_OF_STOCK" ? "unavailable" : void 0;
+	let yt = c(() => new Map(vt.map((e) => [ce(e.productId, e.productVariantId), e])), [vt]), bt = c(() => ({
+		...B,
+		lines: B.lines.map((e) => {
+			let t = yt.get(ce(e.checkoutProductId, e.productVariantId)), n = t ? le(t) : e.availabilityStatus === "OUT_OF_STOCK" ? "unavailable" : void 0;
 			return {
 				...e,
-				insufficientCapacity: !H && n !== void 0,
-				availabilityIssue: H ? void 0 : n
+				insufficientCapacity: !U && n !== void 0,
+				availabilityIssue: U ? void 0 : n
 			};
 		})
 	}), [
 		yt,
-		H,
-		z
-	]), W = c(() => z.lines.map((e) => ({
+		U,
+		B
+	]), G = c(() => B.lines.map((e) => ({
 		kind: e.kind,
 		productId: e.checkoutProductId,
 		productVariantId: e.productVariantId,
 		quantity: e.quantity
-	})), [z.lines]), xt = new Map(g.map((e) => [e.checkoutProductId?.trim() || e.id, e])), G = z.lines.flatMap((e) => {
+	})), [B.lines]), xt = new Map(g.map((e) => [e.checkoutProductId?.trim() || e.id, e])), K = 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
 		}] : [];
-	}), K = h.modules?.insurance?.enabled === !0 && G.length > 0, q = K && P, St = G.reduce((e, t) => e + t.pricePerDayMinor * t.quantity, 0), Ct = G.reduce((e, t) => Math.max(e, t.deductibleAmountMinor), 0), wt = z.totalMinor ?? 0, J = D?.totalMinor ?? wt, Y = D?.insuranceSubtotalMinor ?? 0, Tt = T?.discountAmountMinor ?? 0, X = e(new URLSearchParams(), I).toString(), Z = `/${_ ?? ""}/booking${X ? `?${X}` : ""}`, Et = `/${_ ?? ""}/checkout${X ? `?${X}` : ""}`, Dt = Fe({
-		resolver: Ie(Ee),
+	}), q = h.modules?.insurance?.enabled === !0 && K.length > 0, J = q && F, St = K.reduce((e, t) => e + t.pricePerDayMinor * t.quantity, 0), Ct = K.reduce((e, t) => Math.max(e, t.deductibleAmountMinor), 0), wt = B.totalMinor ?? 0, Y = at?.totalMinor ?? wt, X = at?.insuranceSubtotalMinor ?? 0, Tt = D?.discountAmountMinor ?? 0, Z = e(new URLSearchParams(), L).toString(), Q = `/${_ ?? ""}/booking${Z ? `?${Z}` : ""}`, Et = `/${_ ?? ""}/checkout${Z ? `?${Z}` : ""}`, Dt = Ie({
+		resolver: Le(De),
 		defaultValues: {
 			fullName: "",
 			email: "",
@@ -152,183 +152,183 @@ function p() {
 		}
 	});
 	s(() => {
-		i(_, I);
-	}, [I, _]), s(() => {
-		!K && P && lt(!1);
-	}, [P, K]);
-	let Q = (t) => {
+		i(_, L);
+	}, [L, _]), s(() => {
+		!q && F && lt(!1);
+	}, [F, q]);
+	let Ot = (t) => {
 		let n = {
-			...I,
+			...L,
 			...t
 		}, r = e(v, n);
-		r.toString() !== v.toString() && (Ve(r, { replace: !0 }), i(_, r));
+		r.toString() !== v.toString() && (He(r, { replace: !0 }), i(_, r));
 	};
 	s(() => {
-		if (!_ || W.length === 0 || !L) {
-			E(null), O(null), A(!1), j(null), M(null);
+		if (!_ || G.length === 0 || !R) {
+			O(null), k(null), j(!1), M(null), N(null);
 			return;
 		}
-		let e = it.trim(), t = e.length === 0 && !N, n = !1;
-		return A(!0), M(null), j(null), (async () => {
+		let e = rt.trim(), t = e.length === 0 && !P, n = !1;
+		return j(!0), N(null), M(null), (async () => {
 			try {
-				let r = await o(ye, {
+				let r = await o(be, {
 					storeSlug: _,
-					schedule: L,
-					items: W,
+					schedule: R,
+					items: G,
 					couponCode: e || void 0,
 					includeAutoApply: t,
-					insuranceAccepted: q
-				}), i = be.parse(r);
+					insuranceAccepted: J
+				}), i = xe.parse(r);
 				if (n) return;
-				if (O(typeof i.subtotalMinor == "number" && typeof i.totalMinor == "number" ? {
+				if (k(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) {
-					E(null), M(i.message || p("checkout_coupon_invalid"));
+					O(null), N(i.message || p("checkout_coupon_invalid"));
 					return;
 				}
-				E(i.coupon ?? null), i.coupon && (i.coupon.autoApplied && e.length === 0 ? (w(i.coupon.code), j(p("checkout_coupon_auto_applied", { code: i.coupon.code }))) : j(p("checkout_coupon_manual_applied")));
+				O(i.coupon ?? null), i.coupon && (i.coupon.autoApplied && e.length === 0 ? (E(i.coupon.code), M(p("checkout_coupon_auto_applied", { code: i.coupon.code }))) : M(p("checkout_coupon_manual_applied")));
 			} catch (e) {
 				if (n) return;
-				console.error("Failed to verify checkout coupon", e), E(null), O(null), M(p("checkout_coupon_error"));
+				console.error("Failed to verify checkout coupon", e), O(null), k(null), N(p("checkout_coupon_error"));
 			} finally {
-				n || A(!1);
+				n || j(!1);
 			}
 		})(), () => {
 			n = !0;
 		};
 	}, [
-		N,
-		I.endDate,
-		I.endTime,
-		I.startDate,
-		I.startTime,
-		L,
-		W,
-		q,
+		P,
+		L.endDate,
+		L.endTime,
+		L.startDate,
+		L.startTime,
+		R,
+		G,
+		J,
 		_,
-		it,
+		rt,
 		p
 	]), s(() => {
-		if (!_ || z.lines.length === 0 || !L) {
-			b(null), C(null), x(!1);
+		if (!_ || B.lines.length === 0 || !R) {
+			S(null), T(null), C(!1);
 			return;
 		}
 		let e = !1;
-		return x(!0), C(null), (async () => {
+		return C(!0), T(null), (async () => {
 			try {
-				let t = await o(_e, {
+				let t = await o(ve, {
 					storeSlug: _,
-					schedule: L,
-					estimatedTotalMinor: J,
-					insuranceAmountMinor: Y
-				}), n = ve.parse(t);
+					schedule: R,
+					estimatedTotalMinor: Y,
+					insuranceAmountMinor: X
+				}), n = ye.parse(t);
 				if (e) return;
 				if (!n.success || !n.decision) {
-					b(null), C(n.message || p("checkout_payment_error"));
+					S(null), T(n.message || p("checkout_payment_error"));
 					return;
 				}
-				b(n.decision);
+				S(n.decision);
 			} catch (t) {
 				if (e) return;
-				console.error("Failed to load checkout payment decision", t), b(null), C(p("checkout_payment_error"));
+				console.error("Failed to load checkout payment decision", t), S(null), T(p("checkout_payment_error"));
 			} finally {
-				e || x(!1);
+				e || C(!1);
 			}
 		})(), () => {
 			e = !0;
 		};
 	}, [
-		I.endDate,
-		I.endTime,
-		I.startDate,
-		I.startTime,
-		L,
-		J,
-		z.lines.length,
+		L.endDate,
+		L.endTime,
+		L.startDate,
+		L.startTime,
+		R,
 		Y,
+		B.lines.length,
+		X,
 		_,
 		p
 	]);
-	let $ = y?.currency ?? "EUR", Ot = f(J, $, m.language), kt = Math.max(0, J - Y), At = Math.round(kt / 1.2), jt = At + Y, Mt = Math.max(0, kt - At), Nt = f(jt, $, m.language), Pt = f(Mt, $, m.language), Ft = Re(Le, m.language), It = Y > 0 ? f(Y, $, m.language) : void 0, Lt = y?.amountToCollectMinor ?? 0, Rt = y?.shouldCollectOnlinePayment === !0 && Lt > 0, zt = Dt.handleSubmit(async (e) => {
-		if (!_ || W.length === 0 || !L || et.current) return;
-		$e(!0), et.current = !0;
-		let t = Je();
+	let $ = x?.currency ?? "EUR", kt = f(Y, $, m.language), At = Math.max(0, Y - X), jt = Math.round(At / 1.2), Mt = jt + X, Nt = Math.max(0, At - jt), Pt = f(Mt, $, m.language), Ft = f(Nt, $, m.language), It = ze(Re, m.language), Lt = X > 0 ? f(X, $, m.language) : void 0, Rt = x?.amountToCollectMinor ?? 0, zt = x?.shouldCollectOnlinePayment === !0 && Rt > 0, Bt = Dt.handleSubmit(async (e) => {
+		if (!_ || G.length === 0 || !R || b.current) return;
+		$e(!0), b.current = !0;
+		let t = Ye();
 		try {
 			let n = await o(ie, {
 				storeSlug: _,
 				checkoutSessionId: t.checkoutSessionId,
 				replacesCheckoutSessionId: t.replacesCheckoutSessionId,
-				schedule: L,
-				fulfillment: I.fulfillment,
-				startAddress: I.fulfillment === "delivery" ? I.startAddress : void 0,
-				endAddress: I.fulfillment === "delivery" ? I.endAddress : void 0,
-				couponCode: T?.code,
-				couponAutoApplied: !N && T?.autoApplied,
-				insuranceAccepted: q,
+				schedule: R,
+				fulfillment: L.fulfillment,
+				startAddress: L.fulfillment === "delivery" ? L.startAddress : void 0,
+				endAddress: L.fulfillment === "delivery" ? L.endAddress : void 0,
+				couponCode: D?.code,
+				couponAutoApplied: !P && D?.autoApplied,
+				insuranceAccepted: J,
 				customer: {
 					name: e.fullName,
 					email: e.email,
 					phone: e.phone,
 					notes: e.notes
 				},
-				items: W
-			}), r = ae.parse(n);
+				items: G
+			}), r = oe.parse(n);
 			if (!r.success || !r.checkout) {
-				Xe(), a.error(r.message || p("checkout_payment_error"));
+				Ze(), a.error(r.message || p("checkout_payment_error"));
 				return;
 			}
-			r.checkout.requiresPayment ? Ye(r.checkout.checkoutSessionId ?? t.checkoutSessionId) : a.success(p("checkout_success_toast")), await He(r.checkout.nextPath), r.checkout.requiresPayment || Ze();
+			r.checkout.requiresPayment ? Xe(r.checkout.checkoutSessionId ?? t.checkoutSessionId) : a.success(p("checkout_success_toast")), await Ue(ae(r.checkout.nextPath, r.checkout.bookingExternalId)), r.checkout.requiresPayment || Qe();
 		} catch (e) {
 			console.error("Failed to submit storefront checkout", e), a.error(p("checkout_payment_error"));
 		} finally {
-			et.current = !1, $e(!1);
+			b.current = !1, $e(!1);
 		}
-	}), Bt = p(Rt ? "checkout_continue_to_payment" : "checkout_submit"), Vt = p(Rt ? "checkout_mobile_continue_to_payment" : "checkout_mobile_submit"), Ht = I.fulfillment === "delivery" && I.startAddress.trim().length === 0, Ut = !Qe && !tt && !S && !H && !k && !st && !!y && !!L && !Ht && W.length > 0, Wt = () => {
-		Ut && zt();
-	}, Gt = ({ className: e, presentation: t, stickyTopClassName: n } = {}) => /* @__PURE__ */ u(Te, {
+	}), Vt = p(zt ? "checkout_continue_to_payment" : "checkout_submit"), Ht = p(zt ? "checkout_mobile_continue_to_payment" : "checkout_mobile_submit"), Ut = L.fulfillment === "delivery" && L.startAddress.trim().length === 0, Wt = !y && !et && !w && !U && !A && !st && !!x && !!R && !Ut && G.length > 0, Gt = () => {
+		Wt && Bt();
+	}, Kt = ({ className: e, presentation: t, stickyTopClassName: n } = {}) => /* @__PURE__ */ u(Ee, {
 		className: e,
 		lines: bt.lines,
-		itemCount: We,
+		itemCount: Ge,
 		baseUnitLabel: gt,
-		bookingSubtotalLabel: Nt,
-		vatAmountLabel: Pt,
-		vatRateLabel: Ft,
-		bookingTotalLabel: Ot,
-		bookingPeriod: L ? {
-			bookingPath: Z,
-			startDate: L.startDate,
-			startTime: L.startTime,
-			endDate: L.endDate,
-			endTime: L.endTime
+		bookingSubtotalLabel: Pt,
+		vatAmountLabel: Ft,
+		vatRateLabel: It,
+		bookingTotalLabel: kt,
+		bookingPeriod: R ? {
+			bookingPath: Q,
+			startDate: R.startDate,
+			startTime: R.startTime,
+			endDate: R.endDate,
+			endTime: R.endTime
 		} : void 0,
 		presentation: t,
 		stickyTopClassName: n,
-		onQuantityChange: Ke,
-		onRemove: qe,
+		onQuantityChange: qe,
+		onRemove: Je,
 		coupon: {
-			code: rt,
-			appliedCode: T?.code,
-			discountLabel: T && Tt > 0 ? f(Tt, $, m.language) : null,
+			code: nt,
+			appliedCode: D?.code,
+			discountLabel: D && Tt > 0 ? f(Tt, $, m.language) : null,
 			message: ot,
 			error: st,
-			loading: k,
-			disabled: Qe,
+			loading: A,
+			disabled: y,
 			onCodeChange: (e) => {
-				w(e), M(null), j(null);
+				E(e), N(null), M(null);
 			},
 			onApply: () => {
-				ct(!1), at(rt.trim());
+				ct(!1), it(nt.trim());
 			},
 			onRemove: () => {
-				w(""), at(""), E(null), O(null), M(null), j(null), ct(!0);
+				E(""), it(""), O(null), k(null), N(null), M(null), ct(!0);
 			}
 		}
 	});
-	return Ge ? z.lines.length === 0 ? /* @__PURE__ */ u("div", {
+	return Ke ? B.lines.length === 0 ? /* @__PURE__ */ u("div", {
 		className: "mx-auto max-w-3xl px-4 py-10 sm:px-6",
 		children: /* @__PURE__ */ d("div", {
 			className: "rounded-xl border border-slate-200 bg-white p-4 shadow-sm",
@@ -343,11 +343,11 @@ function p() {
 				}),
 				/* @__PURE__ */ u("div", {
 					className: "mt-6",
-					children: /* @__PURE__ */ u(Oe, {
-						to: Z,
-						children: /* @__PURE__ */ d(de, {
+					children: /* @__PURE__ */ u(ke, {
+						to: Q,
+						children: /* @__PURE__ */ d(fe, {
 							className: "gap-2",
-							children: [/* @__PURE__ */ u(Pe, {
+							children: [/* @__PURE__ */ u(Fe, {
 								className: "h-4 w-4",
 								"aria-hidden": "true"
 							}), /* @__PURE__ */ u("span", { children: p("back_to_booking") })]
@@ -356,11 +356,11 @@ function p() {
 				})
 			]
 		})
-	}) : /* @__PURE__ */ d(he, {
+	}) : /* @__PURE__ */ d(ge, {
 		currentStep: "checkout",
-		bookingPath: Z,
+		bookingPath: Q,
 		checkoutPath: Et,
-		backPath: Z,
+		backPath: Q,
 		backLabel: p("back_to_booking"),
 		children: [/* @__PURE__ */ d("div", {
 			className: "grid gap-6 pb-24 lg:grid-cols-12 lg:pb-0",
@@ -371,7 +371,7 @@ function p() {
 						className: "text-xl font-semibold tracking-tight text-slate-950",
 						children: /* @__PURE__ */ u("span", { children: p("checkout_title") })
 					}),
-					L ? null : /* @__PURE__ */ u("p", {
+					R ? null : /* @__PURE__ */ u("p", {
 						role: "alert",
 						className: "mt-3 text-sm text-destructive",
 						children: /* @__PURE__ */ u("span", { children: p("booking_time_slots_required") })
@@ -381,76 +381,76 @@ function p() {
 						children: [
 							pt ? /* @__PURE__ */ u("div", {
 								className: "rounded-xl border border-slate-200 bg-white p-3 shadow-sm",
-								children: /* @__PURE__ */ u(me, {
-									value: I.fulfillment,
-									onValueChange: (e) => Q({ fulfillment: e }),
+								children: /* @__PURE__ */ u(he, {
+									value: L.fulfillment,
+									onValueChange: (e) => Ot({ fulfillment: e }),
 									pickupAddress: mt,
-									deliveryEnabled: F,
+									deliveryEnabled: I,
 									deliveryDisabledReason: ft,
-									startAddress: I.startAddress,
-									onStartAddressChange: (e) => Q({ startAddress: e }),
-									endAddress: I.endAddress,
-									onEndAddressChange: (e) => Q({ endAddress: e }),
+									startAddress: L.startAddress,
+									onStartAddressChange: (e) => Ot({ startAddress: e }),
+									endAddress: L.endAddress,
+									onEndAddressChange: (e) => Ot({ endAddress: e }),
 									showPickupAddressWhenPickupOnly: !1,
 									testIdPrefix: "storefront-checkout-fulfillment"
 								})
 							}) : null,
-							/* @__PURE__ */ u(xe, {
+							/* @__PURE__ */ u(Se, {
 								form: Dt,
-								onSubmit: Wt
+								onSubmit: Gt
 							}),
-							K ? /* @__PURE__ */ u(Se, {
-								accepted: q,
-								disabled: Qe || k,
+							q ? /* @__PURE__ */ u(Ce, {
+								accepted: J,
+								disabled: y || A,
 								dailyAmountLabel: f(St, $, m.language),
-								totalAmountLabel: It,
-								billableDays: D?.insuranceBillableDays,
+								totalAmountLabel: Lt,
+								billableDays: at?.insuranceBillableDays,
 								deductibleLabel: Ct > 0 ? f(Ct, $, m.language) : void 0,
 								onAcceptedChange: lt
 							}) : null,
-							tt ? /* @__PURE__ */ d("div", {
+							et ? /* @__PURE__ */ d("div", {
 								className: "flex items-center gap-2 text-sm text-slate-600",
 								role: "status",
-								children: [/* @__PURE__ */ u(ge, {
+								children: [/* @__PURE__ */ u(_e, {
 									className: "size-4",
 									"aria-hidden": "true"
 								}), /* @__PURE__ */ u("span", { children: p("checkout_payment_loading") })]
 							}) : null,
-							S ? /* @__PURE__ */ d("div", {
+							w ? /* @__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(Ne, {
+								children: [/* @__PURE__ */ u(Pe, {
 									className: "mt-0.5 h-4 w-4",
 									"aria-hidden": "true"
-								}), /* @__PURE__ */ u("span", { children: S })]
+								}), /* @__PURE__ */ u("span", { children: w })]
 							}) : null,
-							/* @__PURE__ */ u(de, {
+							/* @__PURE__ */ u(fe, {
 								type: "button",
 								size: "lg",
-								onClick: Wt,
-								disabled: !Ut,
+								onClick: Gt,
+								disabled: !Wt,
 								className: "mt-4 hidden w-fit lg:inline-flex",
-								children: /* @__PURE__ */ u("span", { children: Bt })
+								children: /* @__PURE__ */ u("span", { children: Vt })
 							}),
-							Ht ? /* @__PURE__ */ u("p", {
+							Ut ? /* @__PURE__ */ u("p", {
 								className: "text-sm text-slate-600",
 								children: /* @__PURE__ */ u("span", { children: p("checkout_delivery_address_required") })
 							}) : null
 						]
 					})
 				]
-			}), Gt({ className: "hidden lg:block" })]
-		}), /* @__PURE__ */ u(we, {
-			canSubmit: Ut,
-			compactSubmitLabel: Vt,
-			itemCount: We,
-			submitLabel: Bt,
-			totalLabel: Ot,
-			onSubmit: Wt,
-			children: Gt({ presentation: "flat" })
+			}), Kt({ className: "hidden lg:block" })]
+		}), /* @__PURE__ */ u(Te, {
+			canSubmit: Wt,
+			compactSubmitLabel: Ht,
+			itemCount: Ge,
+			submitLabel: Vt,
+			totalLabel: kt,
+			onSubmit: Gt,
+			children: Kt({ presentation: "flat" })
 		})]
-	}) : /* @__PURE__ */ u(Ce, {
-		bookingPath: Z,
+	}) : /* @__PURE__ */ u(we, {
+		bookingPath: Q,
 		checkoutPath: Et
 	});
 }

package/dist/pages/CheckoutPaymentPage.d.ts

@@ -1,2 +1,2 @@
-export default function CheckoutPaymentPage(): import("react/jsx-runtime").JSX.Element;
+export default function CheckoutPaymentPage(): import("react").JSX.Element;
 //# sourceMappingURL=CheckoutPaymentPage.d.ts.map

package/dist/pages/CheckoutPaymentPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CheckoutPaymentPage.d.ts","sourceRoot":"","sources":["../../src/pages/CheckoutPaymentPage.tsx"],"names":[],"mappings":"AAmGA,MAAM,CAAC,OAAO,UAAU,mBAAmB,4CA+Y1C"}
+{"version":3,"file":"CheckoutPaymentPage.d.ts","sourceRoot":"","sources":["../../src/pages/CheckoutPaymentPage.tsx"],"names":[],"mappings":"AAwGA,MAAM,CAAC,OAAO,UAAU,mBAAmB,gCA2Z1C"}