@loczer/storefront-sdk 0.187.0 → 0.189.0

package/dist/pages/CheckoutPage.js

@@ -1,10 +1,10 @@
-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 a } from "../ui/button.js";
+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";
@@ -55,90 +55,93 @@ var Ae = .2, je = (e) => e <= 0 ? 1 : Math.max(1, Math.ceil(e / 1440)), p = (e,
 	return new Intl.DateTimeFormat(t, r).format(e);
 };
 function m() {
-	let { t: m, i18n: h } = Ee(), { storefrontConfiguration: g } = pe(), _ = g.workspace?.workspaceLanguage, { bikes: v, accessories: y } = me(), { storeSlug: b } = we(), [x, Pe] = Te(), Fe = Ce(), { items: Ie, itemCount: Le, setQuantity: Re, removeItem: ze, clear: Be } = te(), [S, Ve] = l(!1), [C, w] = l(null), [He, T] = l(!1), [Ue, E] = l(null), We = x.get("coupon") ?? x.get("code") ?? "", [D, O] = l(We), [Ge, Ke] = l(We.trim()), [k, A] = l(null), [qe, j] = l(null), [Je, M] = l(!1), [Ye, N] = l(null), [Xe, P] = l(null), [F, Ze] = l(!1), Qe = c(() => i(x, b), [x, b]), I = g.settings.fulfillmentModes.includes("delivery"), $e = g.settings.deliveryDisabledReason.trim(), et = I || $e.length > 0, tt = g.shop.address?.trim() ?? "", L = c(() => {
-		let e = r(Qe);
-		return e.fulfillment === "delivery" && !I ? {
+	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, {
+			start_time: "",
+			end_time: ""
+		});
+		return e.fulfillment === "delivery" && !N ? {
 			...e,
 			fulfillment: "pickup"
 		} : e;
-	}, [Qe, I]), nt = c(() => t(L), [L]), rt = c(() => n(L), [L]), it = c(() => je(rt), [rt]), R = c(() => ne({
-		items: Ie,
+	}, [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: _,
+		fallbackLanguage: Pe,
 		products: {
-			bikes: v,
-			accessories: y
+			bikes: Fe,
+			accessories: Ie
 		},
-		estimatedDays: it
+		estimatedDays: ot
 	}), [
-		y,
-		v,
-		it,
-		h.language,
 		Ie,
-		_
-	]), z = c(() => R.lines.map((e) => ({
+		Fe,
+		ot,
+		h.language,
+		ze,
+		Pe
+	]), R = c(() => L.lines.map((e) => ({
 		productId: e.checkoutProductId,
 		productVariantId: e.productVariantId,
 		quantity: e.quantity
-	})), [R.lines]), [at, B] = l([]), [V, H] = l(!1);
+	})), [L.lines]), [st, z] = l([]), [B, V] = l(!1);
 	s(() => {
-		if (!b || z.length === 0) {
-			B([]), H(!1);
+		if (!_ || R.length === 0) {
+			z([]), V(!1);
 			return;
 		}
-		let e = ue(L);
-		if (!e) {
-			H(!1);
+		if (!I) {
+			z([]), V(!1);
 			return;
 		}
-		let t = !1;
-		return H(!0), B([]), (async () => {
+		let e = !1;
+		return V(!0), z([]), (async () => {
 			try {
-				let n = await o(se, {
-					storeSlug: b,
-					schedule: e,
-					products: z
-				}), r = de.parse(n);
-				if (t) return;
-				B(r.success ? r.availability ?? [] : []);
-			} catch (e) {
-				if (t) return;
-				console.error("Failed to load checkout cart availability", e), B([]);
+				let t = await o(oe, {
+					storeSlug: _,
+					schedule: I,
+					products: R
+				}), n = ue.parse(t);
+				if (e) return;
+				z(n.success ? n.availability ?? [] : []);
+			} catch (t) {
+				if (e) return;
+				console.error("Failed to load checkout cart availability", t), z([]);
 			} finally {
-				t || H(!1);
+				e || V(!1);
 			}
 		})(), () => {
-			t = !0;
+			e = !0;
 		};
 	}, [
-		L.end_date,
-		L.end_time,
-		L.start_date,
-		L.start_time,
-		z,
-		b
+		F.end_date,
+		F.end_time,
+		F.start_date,
+		F.start_time,
+		I,
+		R,
+		_
 	]);
-	let ot = c(() => new Map(at.map((e) => [ce(e.productId, e.productVariantId), e])), [at]), U = c(() => ({
-		...R,
-		lines: R.lines.map((e) => {
-			let t = ot.get(ce(e.checkoutProductId, e.productVariantId)), n = t ? le(t) : e.availabilityStatus === "OUT_OF_STOCK" ? "unavailable" : void 0;
+	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;
 			return {
 				...e,
-				insufficientCapacity: !V && n !== void 0,
-				availabilityIssue: V ? void 0 : n
+				insufficientCapacity: !B && n !== void 0,
+				availabilityIssue: B ? void 0 : n
 			};
 		})
 	}), [
-		ot,
-		V,
-		R
-	]), W = c(() => R.lines.map((e) => ({
+		ct,
+		B,
+		L
+	]), U = c(() => L.lines.map((e) => ({
 		kind: e.kind,
 		productId: e.checkoutProductId,
 		productVariantId: e.productVariantId,
 		quantity: e.quantity
-	})), [R.lines]), st = R.estimatedTotalMinor ?? R.totalPerDayMinor, G = qe?.totalMinor ?? st, K = k?.discountAmountMinor ?? 0, q = e(new URLSearchParams(), L).toString(), J = `/${b ?? ""}/booking${q ? `?${q}` : ""}`, ct = `/${b ?? ""}/checkout${q ? `?${q}` : ""}`, lt = Oe({
+	})), [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),
 		defaultValues: {
 			full_name: "",
@@ -148,162 +151,149 @@ function m() {
 		}
 	});
 	s(() => {
-		ee(b, L);
-	}, [L, b]);
-	let Y = (t) => {
+		a(_, F);
+	}, [F, _]);
+	let J = (t) => {
 		let n = {
-			...L,
+			...F,
 			...t
-		}, r = e(x, n);
-		Pe(r, { replace: !0 }), ee(b, r);
+		}, r = e(v, n);
+		Le(r, { replace: !0 }), a(_, r);
 	};
 	s(() => {
-		if (!b || W.length === 0) {
-			A(null), j(null), M(!1), N(null), P(null);
+		if (!_ || U.length === 0 || !I) {
+			E(null), D(null), O(!1), k(null), A(null);
 			return;
 		}
-		let e = Ge.trim(), t = e.length === 0 && !F, n = !1;
-		return M(!0), P(null), N(null), (async () => {
+		let e = Ye.trim(), t = e.length === 0 && !j, n = !1;
+		return O(!0), A(null), k(null), (async () => {
 			try {
 				let r = await o(ge, {
-					storeSlug: b,
-					schedule: {
-						startDate: L.start_date,
-						endDate: L.end_date,
-						startTime: L.start_time,
-						endTime: L.end_time
-					},
-					items: W,
+					storeSlug: _,
+					schedule: I,
+					items: U,
 					couponCode: e || void 0,
 					includeAutoApply: t
 				}), i = _e.parse(r);
 				if (n) return;
-				if (j(typeof i.subtotalMinor == "number" && typeof i.totalMinor == "number" ? {
+				if (D(typeof i.subtotalMinor == "number" && typeof i.totalMinor == "number" ? {
 					subtotalMinor: i.subtotalMinor,
 					totalMinor: i.totalMinor,
 					lateReturnSurchargeMinor: i.lateReturnSurchargeMinor
 				} : null), !i.success) {
-					A(null), P(i.message || m("checkout_coupon_invalid"));
+					E(null), A(i.message || m("checkout_coupon_invalid"));
 					return;
 				}
-				A(i.coupon ?? null), i.coupon && (i.coupon.autoApplied && e.length === 0 ? (O(i.coupon.code), N(m("checkout_coupon_auto_applied", { code: i.coupon.code }))) : N(m("checkout_coupon_manual_applied")));
+				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")));
 			} catch (e) {
 				if (n) return;
-				console.error("Failed to verify checkout coupon", e), A(null), j(null), P(m("checkout_coupon_error"));
+				console.error("Failed to verify checkout coupon", e), E(null), D(null), A(m("checkout_coupon_error"));
 			} finally {
-				n || M(!1);
+				n || O(!1);
 			}
 		})(), () => {
 			n = !0;
 		};
 	}, [
-		F,
-		L.end_date,
-		L.end_time,
-		L.start_date,
-		L.start_time,
-		W,
-		b,
-		Ge,
+		j,
+		F.end_date,
+		F.end_time,
+		F.start_date,
+		F.start_time,
+		I,
+		U,
+		_,
+		Ye,
 		m
 	]), s(() => {
-		if (!b || R.lines.length === 0) {
-			w(null), E(null), T(!1);
+		if (!_ || L.lines.length === 0 || !I) {
+			x(null), C(null), S(!1);
 			return;
 		}
 		let e = !1;
-		return T(!0), E(null), (async () => {
+		return S(!0), C(null), (async () => {
 			try {
-				let t = await o(re, {
-					storeSlug: b,
-					schedule: {
-						startDate: L.start_date,
-						endDate: L.end_date,
-						startTime: L.start_time,
-						endTime: L.end_time
-					},
-					estimatedTotalMinor: G
-				}), n = ie.parse(t);
+				let t = await o(ne, {
+					storeSlug: _,
+					schedule: I,
+					estimatedTotalMinor: W
+				}), n = re.parse(t);
 				if (e) return;
 				if (!n.success || !n.decision) {
-					w(null), E(n.errorCode === "online_payment_provider_missing" ? m("checkout_payment_error") : n.message || m("checkout_payment_error"));
+					x(null), C(n.errorCode === "online_payment_provider_missing" ? m("checkout_payment_error") : n.message || m("checkout_payment_error"));
 					return;
 				}
-				w(n.decision);
+				x(n.decision);
 			} catch (t) {
 				if (e) return;
-				console.error("Failed to load checkout payment decision", t), w(null), E(m("checkout_payment_error"));
+				console.error("Failed to load checkout payment decision", t), x(null), C(m("checkout_payment_error"));
 			} finally {
-				e || T(!1);
+				e || S(!1);
 			}
 		})(), () => {
 			e = !0;
 		};
 	}, [
-		L.end_date,
-		L.end_time,
-		L.start_date,
-		L.start_time,
-		G,
-		R.lines.length,
-		b,
+		F.end_date,
+		F.end_time,
+		F.start_date,
+		F.start_time,
+		I,
+		W,
+		L.lines.length,
+		_,
 		m
 	]);
-	let X = C?.currency ?? "EUR", ut = p(G, X, h.language), dt = K > 0 ? `-${p(K, X, h.language)}` : null, ft = Math.round(G / 1.2), pt = Math.max(0, G - ft), mt = p(ft, X, h.language), ht = p(pt, X, h.language), gt = Me(Ae, h.language), Z = C?.amountToCollectMinor ?? 0, _t = p(Z, X, h.language), vt = C?.paymentMode === "deposit" && Z > 0 ? p(Z, X, h.language) : null, yt = C?.shouldCollectOnlinePayment === !0 && Z > 0, bt = g.shop.timeZone?.trim() || void 0, Q = c(() => C ? Me(Math.max(0, Math.min(1, C.bookingDepositPercentage)), h.language) : null, [h.language, C]), $ = c(() => {
-		if (!C?.depositRefundableUntilIso) return null;
-		let e = new Date(C.depositRefundableUntilIso);
-		return Number.isNaN(e.getTime()) ? null : Ne(e, h.language, bt);
+	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);
 	}, [
 		h.language,
-		C?.depositRefundableUntilIso,
-		bt
-	]), xt = c(() => C ? C.paymentMode === "deposit" && Z > 0 && Q ? $ ? m("checkout_payment_due_now_helper_deposit_refundable_until", {
+		b?.depositRefundableUntilIso,
+		Z
+	]), St = c(() => b ? b.paymentMode === "deposit" && X > 0 && Q ? $ ? m("checkout_payment_due_now_helper_deposit_refundable_until", {
 		percent: Q,
 		date: $
-	}) : m("checkout_payment_due_now_helper_deposit", { percent: Q }) : C.paymentMode === "none" || Z <= 0 ? m("checkout_payment_due_now_helper_none") : null : null, [
-		Z,
+	}) : m("checkout_payment_due_now_helper_deposit", { percent: Q }) : b.paymentMode === "none" || X <= 0 ? m("checkout_payment_due_now_helper_none") : null : null, [
+		X,
 		Q,
 		$,
-		C,
+		b,
 		m
-	]), St = lt.handleSubmit(async (e) => {
-		if (!(!b || W.length === 0)) {
-			Ve(!0);
+	]), Ct = dt.handleSubmit(async (e) => {
+		if (!(!_ || U.length === 0 || !I)) {
+			We(!0);
 			try {
-				let t = await o(ae, {
-					storeSlug: b,
-					schedule: {
-						startDate: L.start_date,
-						endDate: L.end_date,
-						startTime: L.start_time,
-						endTime: L.end_time
-					},
-					fulfillment: L.fulfillment,
-					startAddress: L.fulfillment === "delivery" ? L.start_address : void 0,
-					endAddress: L.fulfillment === "delivery" ? L.end_address : void 0,
-					couponCode: k?.code,
-					couponAutoApplied: !F && k?.autoApplied,
+				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,
 					customer: {
 						fullName: e.full_name,
 						email: e.email,
 						phone: e.phone,
 						notes: e.notes
 					},
-					items: W
-				}), n = oe.parse(t);
+					items: U
+				}), n = ae.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"));
 					return;
 				}
-				n.checkout.requiresPayment || f.success(m("checkout_success_toast")), await Fe(n.checkout.nextPath), Be();
+				n.checkout.requiresPayment || f.success(m("checkout_success_toast")), await Re(n.checkout.nextPath), Ue();
 			} catch (e) {
 				console.error("Failed to submit storefront checkout", e), f.error(m("checkout_payment_error"));
 			} finally {
-				Ve(!1);
+				We(!1);
 			}
 		}
-	}), Ct = m(yt ? "checkout_continue_to_payment" : "checkout_submit"), wt = L.fulfillment === "delivery" && L.start_address.trim().length === 0, Tt = !S && !He && !Ue && !Je && !Xe && !!C && !wt && W.length > 0;
-	return R.lines.length === 0 ? /* @__PURE__ */ u("div", {
+	}), 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", {
 		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",
@@ -319,8 +309,8 @@ function m() {
 				/* @__PURE__ */ u("div", {
 					className: "mt-6",
 					children: /* @__PURE__ */ u(Se, {
-						to: J,
-						children: /* @__PURE__ */ d(a, {
+						to: q,
+						children: /* @__PURE__ */ d(de, {
 							className: "gap-2",
 							children: [/* @__PURE__ */ u(De, {
 								className: "h-4 w-4",
@@ -338,11 +328,11 @@ function m() {
 			children: [
 				/* @__PURE__ */ u(fe, {
 					currentStep: "checkout",
-					bookingPath: J,
-					checkoutPath: ct
+					bookingPath: q,
+					checkoutPath: ut
 				}),
 				/* @__PURE__ */ d(Se, {
-					to: J,
+					to: q,
 					className: "inline-flex items-center gap-2 text-sm font-medium text-slate-700 hover:text-slate-950",
 					children: [/* @__PURE__ */ u(De, {
 						className: "h-4 w-4",
@@ -353,93 +343,101 @@ function m() {
 					className: "grid gap-6 lg:grid-cols-12",
 					children: [/* @__PURE__ */ d("div", {
 						className: "lg:col-span-7",
-						children: [/* @__PURE__ */ u("h1", {
-							className: "text-xl font-semibold tracking-tight text-slate-950",
-							children: /* @__PURE__ */ u("span", { children: m("checkout_title") })
-						}), /* @__PURE__ */ d("div", {
-							className: "mt-5 grid gap-4",
-							children: [
-								et ? /* @__PURE__ */ u("div", {
-									className: "rounded-xl border border-slate-200 bg-white p-3 shadow-sm",
-									children: /* @__PURE__ */ u(he, {
-										value: L.fulfillment,
-										onValueChange: (e) => Y({ fulfillment: e }),
-										pickupAddress: tt,
-										deliveryEnabled: I,
-										deliveryDisabledReason: $e,
-										startAddress: L.start_address,
-										onStartAddressChange: (e) => Y({ start_address: e }),
-										endAddress: L.end_address,
-										onEndAddressChange: (e) => Y({ end_address: e }),
-										showPickupAddressWhenPickupOnly: !1,
-										testIdPrefix: "storefront-checkout-fulfillment"
-									})
-								}) : null,
-								/* @__PURE__ */ u(ve, { form: lt }),
-								/* @__PURE__ */ u(ye, {
-									estimatedTotalLabel: ut,
-									couponCode: k?.code,
-									discountAmountLabel: dt,
-									totalExcludingTaxLabel: mt,
-									vatAmountLabel: ht,
-									vatRateLabel: gt,
-									depositAmountLabel: vt,
-									amountToCollectMinor: Z,
-									amountToCollectLabel: _t,
-									paymentSummaryHelper: xt,
-									paymentDecisionLoading: He,
-									paymentDecisionError: Ue,
-									canChoosePaymentMethod: !1,
-									showAmountDueNowRow: !0,
-									selectedPaymentMethod: "card",
-									submitting: S,
-									onSelectPaymentMethod: () => {}
-								}),
-								/* @__PURE__ */ u(a, {
-									type: "button",
-									size: "lg",
-									onClick: () => {
-										St();
-									},
-									disabled: !Tt,
-									className: "mt-4 w-fit",
-									children: /* @__PURE__ */ u("span", { children: Ct })
-								}),
-								wt ? /* @__PURE__ */ u("p", {
-									className: "text-sm text-slate-600",
-									children: /* @__PURE__ */ u("span", { children: m("checkout_delivery_address_required") })
-								}) : null
-							]
-						})]
+						children: [
+							/* @__PURE__ */ u("h1", {
+								className: "text-xl font-semibold tracking-tight text-slate-950",
+								children: /* @__PURE__ */ u("span", { children: m("checkout_title") })
+							}),
+							I ? null : /* @__PURE__ */ u("p", {
+								role: "alert",
+								className: "mt-3 text-sm text-destructive",
+								children: /* @__PURE__ */ u("span", { children: m("booking_time_slots_required") })
+							}),
+							/* @__PURE__ */ d("div", {
+								className: "mt-5 grid gap-4",
+								children: [
+									nt ? /* @__PURE__ */ u("div", {
+										className: "rounded-xl border border-slate-200 bg-white p-3 shadow-sm",
+										children: /* @__PURE__ */ u(he, {
+											value: F.fulfillment,
+											onValueChange: (e) => J({ fulfillment: e }),
+											pickupAddress: rt,
+											deliveryEnabled: N,
+											deliveryDisabledReason: P,
+											startAddress: F.start_address,
+											onStartAddressChange: (e) => J({ start_address: e }),
+											endAddress: F.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,
+										canChoosePaymentMethod: !1,
+										showAmountDueNowRow: !0,
+										selectedPaymentMethod: "card",
+										submitting: y,
+										onSelectPaymentMethod: () => {}
+									}),
+									/* @__PURE__ */ u(de, {
+										type: "button",
+										size: "lg",
+										onClick: () => {
+											Ct();
+										},
+										disabled: !Et,
+										className: "mt-4 w-fit",
+										children: /* @__PURE__ */ u("span", { children: wt })
+									}),
+									Tt ? /* @__PURE__ */ u("p", {
+										className: "text-sm text-slate-600",
+										children: /* @__PURE__ */ u("span", { children: m("checkout_delivery_address_required") })
+									}) : null
+								]
+							})
+						]
 					}), /* @__PURE__ */ u(be, {
-						lines: U.lines,
-						itemCount: Le,
-						totalPerDayMinor: U.totalPerDayMinor,
-						estimatedDays: U.estimatedDays,
-						estimatedTotalMinor: U.estimatedTotalMinor,
-						discountedEstimatedTotalMinor: G,
-						discountAmountMinor: K,
-						lateReturnSurchargeMinor: qe?.lateReturnSurchargeMinor,
-						couponCode: k?.code,
-						durationLabel: nt.label,
-						onQuantityChange: Re,
-						onRemove: ze,
+						lines: H.lines,
+						itemCount: Be,
+						totalPerDayMinor: H.totalPerDayMinor,
+						estimatedDays: H.estimatedDays,
+						estimatedTotalMinor: H.estimatedTotalMinor,
+						discountedEstimatedTotalMinor: W,
+						discountAmountMinor: G,
+						lateReturnSurchargeMinor: Ze?.lateReturnSurchargeMinor,
+						couponCode: T?.code,
+						durationLabel: it.label,
+						onQuantityChange: Ve,
+						onRemove: He,
 						coupon: {
-							code: D,
-							appliedCode: k?.code,
-							discountLabel: k && K > 0 ? p(K, X, h.language) : null,
-							message: Ye,
-							error: Xe,
-							loading: Je,
-							disabled: S,
+							code: Je,
+							appliedCode: T?.code,
+							discountLabel: T && G > 0 ? p(G, Y, h.language) : null,
+							message: $e,
+							error: et,
+							loading: Qe,
+							disabled: y,
 							onCodeChange: (e) => {
-								O(e), P(null), N(null);
+								w(e), A(null), k(null);
 							},
 							onApply: () => {
-								Ze(!1), Ke(D.trim());
+								tt(!1), Xe(Je.trim());
 							},
 							onRemove: () => {
-								O(""), Ke(""), A(null), j(null), P(null), N(null), Ze(!0);
+								w(""), Xe(""), E(null), D(null), A(null), k(null), tt(!0);
 							}
 						}
 					})]

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

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