@loczer/storefront-sdk 0.218.0 → 0.220.0

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

@@ -1 +1 @@
-{"version":3,"file":"CheckoutPage.d.ts","sourceRoot":"","sources":["../../src/pages/CheckoutPage.tsx"],"names":[],"mappings":"AAwGA,MAAM,CAAC,OAAO,UAAU,YAAY,4CAotBnC"}
+{"version":3,"file":"CheckoutPage.d.ts","sourceRoot":"","sources":["../../src/pages/CheckoutPage.tsx"],"names":[],"mappings":"AAuGA,MAAM,CAAC,OAAO,UAAU,YAAY,4CAysBnC"}

package/dist/pages/CheckoutPage.js

@@ -2,15 +2,15 @@ import { applyBookingParamsToSearch as e, getBookingParamsFromSearch as t, pickB
 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 { BookingFlowSteps as ve } from "../components/BookingFlowSteps/index.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 { useStorefront as pe, useStorefrontProducts as me } from "../StorefrontContext.js";
+import { toast as he } from "../lib/toast.js";
 import { apiPost as a } from "../lib/apiCall.js";
-import { FulfillmentSection as ye } from "../components/FulfillmentSection/index.js";
+import { FulfillmentSection as ge } from "../components/FulfillmentSection/index.js";
+import { BookingFlowPageLayout as _e } from "../components/BookingFlowPageLayout/index.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 { CheckoutPaymentSummaryCard as Ce } from "./checkout/components/CheckoutPaymentSummaryCard.js";
@@ -57,7 +57,7 @@ var Ie = .2, d = (e, t, n) => {
 	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, x] = c(!1), [et, S] = c(null), tt = _.get("coupon") ?? _.get("code") ?? "", [nt, C] = c(tt), [rt, it] = c(tt.trim()), [w, T] = c(null), [E, D] = c(null), [at, ot] = 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 { t: f, i18n: p } = Me(), { storefrontConfiguration: m } = pe(), ze = m.workspace?.workspaceLanguage, { bikes: h, accessories: Be } = me(), { 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, {
 			start_time: "",
 			end_time: ""
@@ -66,7 +66,7 @@ function 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({
+	}, [ft, M]), P = s(() => ue(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,
@@ -101,11 +101,11 @@ function f() {
 		let e = !1;
 		return B(!0), z([]), (async () => {
 			try {
-				let t = await a(le, {
+				let t = await a(se, {
 					storeSlug: g,
 					schedule: P,
 					products: R
-				}), n = pe.parse(t);
+				}), n = de.parse(t);
 				if (e) return;
 				z(n.success ? n.availability ?? [] : []);
 			} catch (t) {
@@ -126,10 +126,10 @@ function f() {
 		R,
 		g
 	]);
-	let xt = s(() => new Map(yt.map((e) => [ue(e.productId, e.productVariantId), e])), [yt]), V = s(() => ({
+	let xt = s(() => new Map(yt.map((e) => [ce(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 t = xt.get(ce(e.checkoutProductId, e.productVariantId)), n = t ? le(t) : e.availabilityStatus === "OUT_OF_STOCK" ? "unavailable" : void 0;
 			return {
 				...e,
 				insufficientCapacity: !bt && n !== void 0,
@@ -140,19 +140,19 @@ function f() {
 		xt,
 		bt,
 		L
-	]), H = s(() => L.lines.map((e) => ({
+	]), V = s(() => L.lines.map((e) => ({
 		kind: e.kind,
 		productId: e.checkoutProductId,
 		productVariantId: e.productVariantId,
 		quantity: e.quantity
-	})), [L.lines]), St = new Map(h.map((e) => [e.checkoutProductId?.trim() || e.id, e])), Ct = L.lines.flatMap((e) => {
-		let t = St.get(e.checkoutProductId);
+	})), [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);
 		return t?.insurance?.enabled ? [{
 			quantity: e.quantity,
 			pricePerDayMinor: t.insurance.pricePerDayMinor,
 			deductibleAmountMinor: t.insurance.deductibleAmountMinor
 		}] : [];
-	}), U = m.modules?.insurance?.enabled === !0 && Ct.length > 0, W = U && j, wt = Ct.reduce((e, t) => e + t.pricePerDayMinor * t.quantity, 0), Tt = Ct.reduce((e, t) => Math.max(e, t.deductibleAmountMinor), 0), Et = L.estimatedTotalMinor ?? L.totalPerBaseUnitMinor, G = E?.totalMinor ?? Et, K = w?.discountAmountMinor ?? 0, q = e(new URLSearchParams(), N).toString(), Dt = `/${g ?? ""}/booking${q ? `?${q}` : ""}`, Ot = `/${g ?? ""}/checkout${q ? `?${q}` : ""}`, kt = Pe({
+	}), 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),
 		defaultValues: {
 			first_name: "",
@@ -167,7 +167,7 @@ function f() {
 	}, [N, g]), o(() => {
 		!U && j && ut(!1);
 	}, [j, U]);
-	let J = (t) => {
+	let Y = (t) => {
 		let n = {
 			...N,
 			...t
@@ -175,38 +175,38 @@ function f() {
 		r.toString() !== _.toString() && (Ve(r, { replace: !0 }), i(g, r));
 	};
 	o(() => {
-		if (!g || H.length === 0 || !P) {
-			T(null), D(null), ot(!1), O(null), k(null);
+		if (!g || V.length === 0 || !P) {
+			C(null), T(null), D(!1), O(null), k(null);
 			return;
 		}
-		let e = rt.trim(), t = e.length === 0 && !A, n = !1;
-		return ot(!0), k(null), O(null), (async () => {
+		let e = at.trim(), t = e.length === 0 && !A, n = !1;
+		return D(!0), k(null), O(null), (async () => {
 			try {
 				let r = await a(be, {
 					storeSlug: g,
 					schedule: P,
-					items: H,
+					items: V,
 					couponCode: e || void 0,
 					includeAutoApply: t,
 					insuranceAccepted: W
 				}), i = xe.parse(r);
 				if (n) return;
-				if (D(typeof i.subtotalMinor == "number" && typeof i.totalMinor == "number" ? {
+				if (T(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"));
+					C(null), k(i.message || f("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")));
+				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")));
 			} 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), C(null), T(null), k(f("checkout_coupon_error"));
 			} finally {
-				n || ot(!1);
+				n || D(!1);
 			}
 		})(), () => {
 			n = !0;
@@ -218,35 +218,35 @@ function f() {
 		N.start_date,
 		N.start_time,
 		P,
-		H,
+		V,
 		W,
 		g,
-		rt,
+		at,
 		f
 	]), o(() => {
 		if (!g || L.lines.length === 0 || !P) {
-			b(null), S(null), x(!1);
+			b(null), x(null), et(!1);
 			return;
 		}
 		let e = !1;
-		return x(!0), S(null), (async () => {
+		return et(!0), x(null), (async () => {
 			try {
-				let t = await a(ae, {
+				let t = await a(ve, {
 					storeSlug: g,
 					schedule: P,
 					estimatedTotalMinor: G
-				}), n = oe.parse(t);
+				}), n = ye.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"));
+					b(null), x(n.message || f("checkout_payment_error"));
 					return;
 				}
 				b(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), b(null), x(f("checkout_payment_error"));
 			} finally {
-				e || x(!1);
+				e || et(!1);
 			}
 		})(), () => {
 			e = !0;
@@ -262,29 +262,29 @@ function f() {
 		g,
 		f
 	]);
-	let Y = y?.currency ?? "EUR", At = d(G, Y, p.language), jt = K > 0 ? `-${d(K, Y, p.language)}` : null, X = E?.insuranceSubtotalMinor ?? 0, Mt = Math.max(0, G - 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 = Le(Ie, 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 ? Le(Math.max(0, Math.min(1, y.bookingDepositPercentage)), p.language) : null, [p.language, y]), $ = s(() => {
+	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, Ut);
+		return Number.isNaN(e.getTime()) ? null : Re(e, p.language, Ht);
 	}, [
 		p.language,
 		y?.depositRefundableUntilIso,
-		Ut
-	]), Wt = s(() => y ? y.paymentMode === "deposit" && Z > 0 && Q ? $ ? f("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, [
-		Z,
+		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 = kt.handleSubmit(async (e) => {
-		if (!g || H.length === 0 || !P || Qe.current) return;
+	]), Gt = Ot.handleSubmit(async (e) => {
+		if (!g || V.length === 0 || !P || Qe.current) return;
 		Ze(!0), Qe.current = !0;
 		let t = qe();
 		try {
-			let n = await a(se, {
+			let n = await a(ae, {
 				storeSlug: g,
 				checkoutSessionId: t.checkoutSessionId,
 				replacesCheckoutSessionId: t.replacesCheckoutSessionId,
@@ -292,8 +292,8 @@ function f() {
 				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,
+				couponCode: S?.code,
+				couponAutoApplied: !A && S?.autoApplied,
 				insuranceAccepted: W,
 				customer: {
 					firstName: e.first_name,
@@ -302,19 +302,19 @@ function f() {
 					phone: e.phone,
 					notes: e.notes
 				},
-				items: H
-			}), r = ce.parse(n);
+				items: V
+			}), r = oe.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"));
+				Ye(), he.error(r.message || f("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 ? Je(r.checkout.checkoutSessionId ?? t.checkoutSessionId) : he.success(f("checkout_success_toast")), await He(r.checkout.nextPath), r.checkout.requiresPayment || Xe();
 		} catch (e) {
-			console.error("Failed to submit storefront checkout", e), _e.error(f("checkout_payment_error"));
+			console.error("Failed to submit storefront checkout", e), he.error(f("checkout_payment_error"));
 		} finally {
 			Qe.current = !1, Ze(!1);
 		}
-	}), Kt = f(Ht ? "checkout_continue_to_payment" : "checkout_submit"), qt = N.fulfillment === "delivery" && N.start_address.trim().length === 0, Jt = !v && !$e && !et && !at && !ct && !!y && !!P && !qt && H.length > 0;
+	}), 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", {
 		className: "mx-auto max-w-3xl px-4 py-10 sm:px-6",
 		children: /* @__PURE__ */ u("div", {
@@ -331,8 +331,8 @@ function f() {
 				/* @__PURE__ */ l("div", {
 					className: "mt-6",
 					children: /* @__PURE__ */ l(Oe, {
-						to: Dt,
-						children: /* @__PURE__ */ u(me, {
+						to: J,
+						children: /* @__PURE__ */ u(fe, {
 							className: "gap-2",
 							children: [/* @__PURE__ */ l(Ne, {
 								className: "h-4 w-4",
@@ -343,138 +343,124 @@ function f() {
 				})
 			]
 		})
-	}) : /* @__PURE__ */ l("div", {
-		className: "mx-auto max-w-7xl px-4 py-8 sm:px-6",
+	}) : /* @__PURE__ */ l(_e, {
+		currentStep: "checkout",
+		bookingPath: J,
+		checkoutPath: Dt,
+		backPath: J,
+		backLabel: f("back_to_booking"),
 		children: /* @__PURE__ */ u("div", {
-			className: "flex flex-col gap-6",
-			children: [
-				/* @__PURE__ */ l(ve, {
-					currentStep: "checkout",
-					bookingPath: Dt,
-					checkoutPath: Ot
-				}),
-				/* @__PURE__ */ u(Oe, {
-					to: Dt,
-					className: "inline-flex items-center gap-2 text-sm font-medium text-slate-700 hover:text-slate-950",
-					children: [/* @__PURE__ */ l(Ne, {
-						className: "h-4 w-4",
-						"aria-hidden": "true"
-					}), /* @__PURE__ */ l("span", { children: f("back_to_booking") })]
-				}),
-				/* @__PURE__ */ u("div", {
-					className: "grid gap-6 lg:grid-cols-12",
-					children: [/* @__PURE__ */ u("div", {
-						className: "lg:col-span-7",
+			className: "grid gap-6 lg:grid-cols-12",
+			children: [/* @__PURE__ */ u("div", {
+				className: "lg:col-span-7",
+				children: [
+					/* @__PURE__ */ l("h1", {
+						className: "text-xl font-semibold tracking-tight text-slate-950",
+						children: /* @__PURE__ */ l("span", { children: f("checkout_title") })
+					}),
+					P ? null : /* @__PURE__ */ l("p", {
+						role: "alert",
+						className: "mt-3 text-sm text-destructive",
+						children: /* @__PURE__ */ l("span", { children: f("booking_time_slots_required") })
+					}),
+					/* @__PURE__ */ u("div", {
+						className: "mt-5 grid gap-4",
 						children: [
-							/* @__PURE__ */ l("h1", {
-								className: "text-xl font-semibold tracking-tight text-slate-950",
-								children: /* @__PURE__ */ l("span", { children: f("checkout_title") })
+							mt ? /* @__PURE__ */ l("div", {
+								className: "rounded-xl border border-slate-200 bg-white p-3 shadow-sm",
+								children: /* @__PURE__ */ l(ge, {
+									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 }),
+									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
+							}) : 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: () => {}
 							}),
-							P ? null : /* @__PURE__ */ l("p", {
-								role: "alert",
-								className: "mt-3 text-sm text-destructive",
-								children: /* @__PURE__ */ l("span", { children: f("booking_time_slots_required") })
+							/* @__PURE__ */ l(fe, {
+								type: "button",
+								size: "lg",
+								onClick: () => {
+									Gt();
+								},
+								disabled: !Jt,
+								className: "mt-4 w-fit",
+								children: /* @__PURE__ */ l("span", { children: Kt })
 							}),
-							/* @__PURE__ */ u("div", {
-								className: "mt-5 grid gap-4",
-								children: [
-									mt ? /* @__PURE__ */ l("div", {
-										className: "rounded-xl border border-slate-200 bg-white p-3 shadow-sm",
-										children: /* @__PURE__ */ l(ye, {
-											value: N.fulfillment,
-											onValueChange: (e) => J({ fulfillment: e }),
-											pickupAddress: ht,
-											deliveryEnabled: M,
-											deliveryDisabledReason: pt,
-											startAddress: N.start_address,
-											onStartAddressChange: (e) => J({ start_address: e }),
-											endAddress: N.end_address,
-											onEndAddressChange: (e) => J({ end_address: e }),
-											showPickupAddressWhenPickupOnly: !1,
-											testIdPrefix: "storefront-checkout-fulfillment"
-										})
-									}) : null,
-									/* @__PURE__ */ l(Se, { form: kt }),
-									U ? /* @__PURE__ */ l(we, {
-										accepted: W,
-										disabled: v || at,
-										dailyAmountLabel: d(wt, Y, p.language),
-										totalAmountLabel: zt,
-										billableDays: E?.insuranceBillableDays,
-										deductibleLabel: Tt > 0 ? d(Tt, Y, p.language) : void 0,
-										onAcceptedChange: ut
-									}) : null,
-									/* @__PURE__ */ l(Ce, {
-										estimatedTotalLabel: At,
-										couponCode: w?.code,
-										discountAmountLabel: jt,
-										totalExcludingTaxLabel: It,
-										vatAmountLabel: Lt,
-										vatRateLabel: Rt,
-										insuranceAmountLabel: zt,
-										depositAmountLabel: Vt,
-										amountToCollectMinor: Z,
-										amountToCollectLabel: Bt,
-										paymentSummaryHelper: Wt,
-										paymentDecisionLoading: $e,
-										paymentDecisionError: et,
-										canChoosePaymentMethod: !1,
-										showAmountDueNowRow: !0,
-										selectedPaymentMethod: "card",
-										submitting: v,
-										onSelectPaymentMethod: () => {}
-									}),
-									/* @__PURE__ */ l(me, {
-										type: "button",
-										size: "lg",
-										onClick: () => {
-											Gt();
-										},
-										disabled: !Jt,
-										className: "mt-4 w-fit",
-										children: /* @__PURE__ */ l("span", { children: Kt })
-									}),
-									qt ? /* @__PURE__ */ l("p", {
-										className: "text-sm text-slate-600",
-										children: /* @__PURE__ */ l("span", { children: f("checkout_delivery_address_required") })
-									}) : null
-								]
-							})
+							qt ? /* @__PURE__ */ l("p", {
+								className: "text-sm text-slate-600",
+								children: /* @__PURE__ */ l("span", { children: f("checkout_delivery_address_required") })
+							}) : null
 						]
-					}), /* @__PURE__ */ l(Te, {
-						lines: V.lines,
-						itemCount: We,
-						totalPerBaseUnitMinor: V.totalPerBaseUnitMinor,
-						baseUnitLabel: gt,
-						estimatedTotalMinor: V.estimatedTotalMinor,
-						discountedEstimatedTotalMinor: G,
-						discountAmountMinor: K,
-						lateReturnSurchargeMinor: E?.lateReturnSurchargeMinor,
-						couponCode: w?.code,
-						durationInBaseUnitLabel: _t,
-						onQuantityChange: Ge,
-						onRemove: Ke,
-						coupon: {
-							code: nt,
-							appliedCode: w?.code,
-							discountLabel: w && K > 0 ? d(K, Y, p.language) : null,
-							message: st,
-							error: ct,
-							loading: at,
-							disabled: v,
-							onCodeChange: (e) => {
-								C(e), k(null), O(null);
-							},
-							onApply: () => {
-								lt(!1), it(nt.trim());
-							},
-							onRemove: () => {
-								C(""), it(""), T(null), D(null), k(null), O(null), lt(!0);
-							}
-						}
-					})]
-				})
-			]
+					})
+				]
+			}), /* @__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,
+				coupon: {
+					code: rt,
+					appliedCode: S?.code,
+					discountLabel: S && K > 0 ? d(K, X, p.language) : null,
+					message: st,
+					error: ct,
+					loading: E,
+					disabled: v,
+					onCodeChange: (e) => {
+						it(e), k(null), O(null);
+					},
+					onApply: () => {
+						lt(!1), ot(rt.trim());
+					},
+					onRemove: () => {
+						it(""), ot(""), C(null), T(null), k(null), O(null), lt(!0);
+					}
+				}
+			})]
 		})
 	});
 }

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

@@ -1 +1 @@
-{"version":3,"file":"HomePage.d.ts","sourceRoot":"","sources":["../../src/pages/HomePage.tsx"],"names":[],"mappings":"AAoJA,MAAM,CAAC,OAAO,UAAU,QAAQ,4CAk0B/B"}
+{"version":3,"file":"HomePage.d.ts","sourceRoot":"","sources":["../../src/pages/HomePage.tsx"],"names":[],"mappings":"AA2JA,MAAM,CAAC,OAAO,UAAU,QAAQ,4CAw4B/B"}