@loczer/storefront-sdk 0.185.0 → 0.186.0

package/dist/pages/CheckoutPage.js

@@ -1,28 +1,28 @@
 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/checkoutSubmit.js";
-import { ROUTE as ae, buildStorefrontAvailabilityKey as oe, getStorefrontAvailabilityIssue as se, getValidStorefrontAvailabilitySchedule as ce, responseSchema as le } from "../lib/storefrontAvailability.js";
-import { Button as ue } from "../ui/button.js";
-import { BookingFlowSteps as de } from "../components/BookingFlowSteps/index.js";
-import { useStorefront as fe, useStorefrontProducts as pe } from "../StorefrontProvider.js";
-import { apiPost as a } from "../lib/apiCall.js";
-import { FulfillmentSection as me } from "../components/FulfillmentSection/index.js";
-import { ROUTE as he, responseSchema as ge } from "../lib/checkoutPaymentDecision.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 { CheckoutSummaryColumn as xe } from "./checkout/components/CheckoutSummaryColumn.js";
-import { checkoutFormSchema as Se } 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 d } from "@rpcbase/client";
-import { Link as Ce, useNavigate as we, useParams as Te, useSearchParams as Ee } from "@rpcbase/router";
-import { useTranslation as De } from "react-i18next";
-import { ArrowLeft as Oe } from "lucide-react";
-import { useForm as ke, zodResolver as Ae } from "@rpcbase/form";
+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 { 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";
 //#region src/pages/CheckoutPage.tsx
-var je = .2, Me = (e) => e <= 0 ? 1 : Math.max(1, Math.ceil(e / 1440)), f = (e, t, n) => {
+var Ae = .2, je = (e) => e <= 0 ? 1 : Math.max(1, Math.ceil(e / 1440)), p = (e, t, n) => {
 	try {
 		return new Intl.NumberFormat(n, {
 			style: "currency",
@@ -31,7 +31,7 @@ var je = .2, Me = (e) => e <= 0 ? 1 : Math.max(1, Math.ceil(e / 1440)), f = (e,
 	} catch {
 		return `${(e / 100).toFixed(2)} ${t.toUpperCase()}`;
 	}
-}, Ne = (e, t) => {
+}, Me = (e, t) => {
 	try {
 		return new Intl.NumberFormat(t, {
 			style: "percent",
@@ -41,7 +41,7 @@ var je = .2, Me = (e) => e <= 0 ? 1 : Math.max(1, Math.ceil(e / 1440)), f = (e,
 	} catch {
 		return `${Math.round(e * 100)}%`;
 	}
-}, Pe = (e, t, n) => {
+}, Ne = (e, t, n) => {
 	let r = {
 		dateStyle: "medium",
 		timeStyle: "short"
@@ -54,40 +54,40 @@ var je = .2, Me = (e) => e <= 0 ? 1 : Math.max(1, Math.ceil(e / 1440)), f = (e,
 	} catch {}
 	return new Intl.DateTimeFormat(t, r).format(e);
 };
-function p() {
-	let { t: p, i18n: m } = De(), { storefrontConfiguration: h } = fe(), g = h.workspace?.workspaceLanguage, { bikes: _, accessories: v } = pe(), { storeSlug: y } = Te(), [b, Fe] = Ee(), Ie = we(), { items: x, itemCount: Le, setQuantity: Re, removeItem: ze, clear: Be } = te(), [S, Ve] = c(!1), [C, w] = c(null), [He, T] = c(!1), [Ue, E] = c(null), We = b.get("coupon") ?? b.get("code") ?? "", [D, O] = c(We), [Ge, Ke] = c(We.trim()), [k, A] = c(null), [qe, j] = c(null), [Je, M] = c(!1), [Ye, N] = c(null), [Xe, P] = c(null), [F, Ze] = c(!1), Qe = s(() => i(b, y), [b, y]), I = h.settings.fulfillmentModes.includes("delivery"), $e = h.settings.deliveryDisabledReason.trim(), et = I || $e.length > 0, tt = h.shop.address?.trim() ?? "", L = s(() => {
+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 ? {
 			...e,
 			fulfillment: "pickup"
 		} : e;
-	}, [Qe, I]), nt = s(() => t(L), [L]), rt = s(() => n(L), [L]), it = s(() => Me(rt), [rt]), R = s(() => ne({
-		items: x,
-		language: m.language,
-		fallbackLanguage: g,
+	}, [Qe, I]), nt = c(() => t(L), [L]), rt = c(() => n(L), [L]), it = c(() => je(rt), [rt]), R = c(() => ne({
+		items: Ie,
+		language: h.language,
+		fallbackLanguage: _,
 		products: {
-			bikes: _,
-			accessories: v
+			bikes: v,
+			accessories: y
 		},
 		estimatedDays: it
 	}), [
+		y,
 		v,
-		_,
 		it,
-		m.language,
-		x,
-		g
-	]), z = s(() => R.lines.map((e) => ({
+		h.language,
+		Ie,
+		_
+	]), z = c(() => R.lines.map((e) => ({
 		productId: e.checkoutProductId,
 		productVariantId: e.productVariantId,
 		quantity: e.quantity
-	})), [R.lines]), [at, B] = c([]), [V, H] = c(!1);
-	o(() => {
-		if (!y || z.length === 0) {
+	})), [R.lines]), [at, B] = l([]), [V, H] = l(!1);
+	s(() => {
+		if (!b || z.length === 0) {
 			B([]), H(!1);
 			return;
 		}
-		let e = ce(L);
+		let e = ue(L);
 		if (!e) {
 			H(!1);
 			return;
@@ -95,11 +95,11 @@ function p() {
 		let t = !1;
 		return H(!0), B([]), (async () => {
 			try {
-				let n = await a(ae, {
-					storeSlug: y,
+				let n = await o(se, {
+					storeSlug: b,
 					schedule: e,
 					products: z
-				}), r = le.parse(n);
+				}), r = de.parse(n);
 				if (t) return;
 				B(r.success ? r.availability ?? [] : []);
 			} catch (e) {
@@ -117,12 +117,12 @@ function p() {
 		L.start_date,
 		L.start_time,
 		z,
-		y
+		b
 	]);
-	let ot = s(() => new Map(at.map((e) => [oe(e.productId, e.productVariantId), e])), [at]), U = s(() => ({
+	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(oe(e.checkoutProductId, e.productVariantId)), n = t ? se(t) : e.availabilityStatus === "OUT_OF_STOCK" ? "unavailable" : void 0;
+			let t = ot.get(ce(e.checkoutProductId, e.productVariantId)), n = t ? le(t) : e.availabilityStatus === "OUT_OF_STOCK" ? "unavailable" : void 0;
 			return {
 				...e,
 				insufficientCapacity: !V && n !== void 0,
@@ -133,13 +133,13 @@ function p() {
 		ot,
 		V,
 		R
-	]), W = s(() => R.lines.map((e) => ({
+	]), W = c(() => R.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 = `/${y ?? ""}/booking${q ? `?${q}` : ""}`, ct = `/${y ?? ""}/checkout${q ? `?${q}` : ""}`, lt = ke({
-		resolver: Ae(Se),
+	})), [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({
+		resolver: ke(xe),
 		defaultValues: {
 			full_name: "",
 			email: "",
@@ -147,26 +147,26 @@ function p() {
 			notes: ""
 		}
 	});
-	o(() => {
-		ee(y, L);
-	}, [L, y]);
+	s(() => {
+		ee(b, L);
+	}, [L, b]);
 	let Y = (t) => {
 		let n = {
 			...L,
 			...t
-		}, r = e(b, n);
-		Fe(r, { replace: !0 }), ee(y, r);
+		}, r = e(x, n);
+		Pe(r, { replace: !0 }), ee(b, r);
 	};
-	o(() => {
-		if (!y || W.length === 0) {
+	s(() => {
+		if (!b || W.length === 0) {
 			A(null), j(null), M(!1), N(null), P(null);
 			return;
 		}
 		let e = Ge.trim(), t = e.length === 0 && !F, n = !1;
 		return M(!0), P(null), N(null), (async () => {
 			try {
-				let r = await a(_e, {
-					storeSlug: y,
+				let r = await o(ge, {
+					storeSlug: b,
 					schedule: {
 						startDate: L.start_date,
 						endDate: L.end_date,
@@ -176,20 +176,20 @@ function p() {
 					items: W,
 					couponCode: e || void 0,
 					includeAutoApply: t
-				}), i = ve.parse(r);
+				}), i = _e.parse(r);
 				if (n) return;
 				if (j(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 || p("checkout_coupon_invalid"));
+					A(null), P(i.message || m("checkout_coupon_invalid"));
 					return;
 				}
-				A(i.coupon ?? null), i.coupon && (i.coupon.autoApplied && e.length === 0 ? (O(i.coupon.code), N(p("checkout_coupon_auto_applied", { code: i.coupon.code }))) : N(p("checkout_coupon_manual_applied")));
+				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")));
 			} catch (e) {
 				if (n) return;
-				console.error("Failed to verify checkout coupon", e), A(null), j(null), P(p("checkout_coupon_error"));
+				console.error("Failed to verify checkout coupon", e), A(null), j(null), P(m("checkout_coupon_error"));
 			} finally {
 				n || M(!1);
 			}
@@ -203,19 +203,19 @@ function p() {
 		L.start_date,
 		L.start_time,
 		W,
-		y,
+		b,
 		Ge,
-		p
-	]), o(() => {
-		if (!y || R.lines.length === 0) {
+		m
+	]), s(() => {
+		if (!b || R.lines.length === 0) {
 			w(null), E(null), T(!1);
 			return;
 		}
 		let e = !1;
 		return T(!0), E(null), (async () => {
 			try {
-				let t = await a(he, {
-					storeSlug: y,
+				let t = await o(re, {
+					storeSlug: b,
 					schedule: {
 						startDate: L.start_date,
 						endDate: L.end_date,
@@ -223,16 +223,16 @@ function p() {
 						endTime: L.end_time
 					},
 					estimatedTotalMinor: G
-				}), n = ge.parse(t);
+				}), n = ie.parse(t);
 				if (e) return;
 				if (!n.success || !n.decision) {
-					w(null), E(n.message || p("checkout_payment_error"));
+					w(null), E(n.errorCode === "online_payment_provider_missing" ? m("checkout_payment_error") : n.message || m("checkout_payment_error"));
 					return;
 				}
 				w(n.decision);
 			} catch (t) {
 				if (e) return;
-				console.error("Failed to load checkout payment decision", t), w(null), E(p("checkout_payment_error"));
+				console.error("Failed to load checkout payment decision", t), w(null), E(m("checkout_payment_error"));
 			} finally {
 				e || T(!1);
 			}
@@ -246,32 +246,32 @@ function p() {
 		L.start_time,
 		G,
 		R.lines.length,
-		y,
-		p
+		b,
+		m
 	]);
-	let X = C?.currency ?? "EUR", ut = f(G, X, m.language), dt = K > 0 ? `-${f(K, X, m.language)}` : null, ft = Math.round(G / 1.2), pt = Math.max(0, G - ft), mt = f(ft, X, m.language), ht = f(pt, X, m.language), gt = Ne(je, m.language), Z = C?.amountToCollectMinor ?? 0, _t = f(Z, X, m.language), vt = C?.paymentMode === "deposit" && Z > 0 ? f(Z, X, m.language) : null, yt = C?.shouldCollectOnlinePayment === !0 && Z > 0, bt = h.shop.timeZone?.trim() || void 0, Q = s(() => C ? Ne(Math.max(0, Math.min(1, C.bookingDepositPercentage)), m.language) : null, [m.language, C]), $ = s(() => {
+	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 : Pe(e, m.language, bt);
+		return Number.isNaN(e.getTime()) ? null : Ne(e, h.language, bt);
 	}, [
-		m.language,
+		h.language,
 		C?.depositRefundableUntilIso,
 		bt
-	]), xt = s(() => C ? C.paymentMode === "deposit" && Z > 0 && Q ? $ ? p("checkout_payment_due_now_helper_deposit_refundable_until", {
+	]), xt = c(() => C ? C.paymentMode === "deposit" && Z > 0 && Q ? $ ? m("checkout_payment_due_now_helper_deposit_refundable_until", {
 		percent: Q,
 		date: $
-	}) : p("checkout_payment_due_now_helper_deposit", { percent: Q }) : C.paymentMode === "none" || Z <= 0 ? p("checkout_payment_due_now_helper_none") : null : null, [
+	}) : m("checkout_payment_due_now_helper_deposit", { percent: Q }) : C.paymentMode === "none" || Z <= 0 ? m("checkout_payment_due_now_helper_none") : null : null, [
 		Z,
 		Q,
 		$,
 		C,
-		p
+		m
 	]), St = lt.handleSubmit(async (e) => {
-		if (!(!y || W.length === 0)) {
+		if (!(!b || W.length === 0)) {
 			Ve(!0);
 			try {
-				let t = await a(re, {
-					storeSlug: y,
+				let t = await o(ae, {
+					storeSlug: b,
 					schedule: {
 						startDate: L.start_date,
 						endDate: L.end_date,
@@ -290,78 +290,78 @@ function p() {
 						notes: e.notes
 					},
 					items: W
-				}), n = ie.parse(t);
+				}), n = oe.parse(t);
 				if (!n.success || !n.checkout) {
-					d.error(n.message || p("checkout_payment_error"));
+					f.error(n.errorCode === "online_payment_provider_missing" ? m("checkout_payment_error") : n.message || m("checkout_payment_error"));
 					return;
 				}
-				n.checkout.requiresPayment || d.success(p("checkout_success_toast")), await Ie(n.checkout.nextPath), Be();
+				n.checkout.requiresPayment || f.success(m("checkout_success_toast")), await Fe(n.checkout.nextPath), Be();
 			} catch (e) {
-				console.error("Failed to submit storefront checkout", e), d.error(p("checkout_payment_error"));
+				console.error("Failed to submit storefront checkout", e), f.error(m("checkout_payment_error"));
 			} finally {
 				Ve(!1);
 			}
 		}
-	}), Ct = p(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__ */ l("div", {
+	}), 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", {
 		className: "mx-auto max-w-3xl px-4 py-10 sm:px-6",
-		children: /* @__PURE__ */ u("div", {
+		children: /* @__PURE__ */ d("div", {
 			className: "rounded-xl border border-slate-200 bg-white p-4 shadow-sm",
 			children: [
-				/* @__PURE__ */ l("h1", {
+				/* @__PURE__ */ u("h1", {
 					className: "text-xl font-semibold tracking-tight text-slate-950",
-					children: /* @__PURE__ */ l("span", { children: p("cart_empty_title") })
+					children: /* @__PURE__ */ u("span", { children: m("cart_empty_title") })
 				}),
-				/* @__PURE__ */ l("p", {
+				/* @__PURE__ */ u("p", {
 					className: "mt-2 text-sm text-slate-600",
-					children: /* @__PURE__ */ l("span", { children: p("cart_empty_description") })
+					children: /* @__PURE__ */ u("span", { children: m("cart_empty_description") })
 				}),
-				/* @__PURE__ */ l("div", {
+				/* @__PURE__ */ u("div", {
 					className: "mt-6",
-					children: /* @__PURE__ */ l(Ce, {
+					children: /* @__PURE__ */ u(Se, {
 						to: J,
-						children: /* @__PURE__ */ u(ue, {
+						children: /* @__PURE__ */ d(a, {
 							className: "gap-2",
-							children: [/* @__PURE__ */ l(Oe, {
+							children: [/* @__PURE__ */ u(De, {
 								className: "h-4 w-4",
 								"aria-hidden": "true"
-							}), /* @__PURE__ */ l("span", { children: p("back_to_booking") })]
+							}), /* @__PURE__ */ u("span", { children: m("back_to_booking") })]
 						})
 					})
 				})
 			]
 		})
-	}) : /* @__PURE__ */ l("div", {
+	}) : /* @__PURE__ */ u("div", {
 		className: "mx-auto max-w-7xl px-4 py-8 sm:px-6",
-		children: /* @__PURE__ */ u("div", {
+		children: /* @__PURE__ */ d("div", {
 			className: "flex flex-col gap-6",
 			children: [
-				/* @__PURE__ */ l(de, {
+				/* @__PURE__ */ u(fe, {
 					currentStep: "checkout",
 					bookingPath: J,
 					checkoutPath: ct
 				}),
-				/* @__PURE__ */ u(Ce, {
+				/* @__PURE__ */ d(Se, {
 					to: J,
 					className: "inline-flex items-center gap-2 text-sm font-medium text-slate-700 hover:text-slate-950",
-					children: [/* @__PURE__ */ l(Oe, {
+					children: [/* @__PURE__ */ u(De, {
 						className: "h-4 w-4",
 						"aria-hidden": "true"
-					}), /* @__PURE__ */ l("span", { children: p("back_to_booking") })]
+					}), /* @__PURE__ */ u("span", { children: m("back_to_booking") })]
 				}),
-				/* @__PURE__ */ u("div", {
+				/* @__PURE__ */ d("div", {
 					className: "grid gap-6 lg:grid-cols-12",
-					children: [/* @__PURE__ */ u("div", {
+					children: [/* @__PURE__ */ d("div", {
 						className: "lg:col-span-7",
-						children: [/* @__PURE__ */ l("h1", {
+						children: [/* @__PURE__ */ u("h1", {
 							className: "text-xl font-semibold tracking-tight text-slate-950",
-							children: /* @__PURE__ */ l("span", { children: p("checkout_title") })
-						}), /* @__PURE__ */ u("div", {
+							children: /* @__PURE__ */ u("span", { children: m("checkout_title") })
+						}), /* @__PURE__ */ d("div", {
 							className: "mt-5 grid gap-4",
 							children: [
-								et ? /* @__PURE__ */ l("div", {
+								et ? /* @__PURE__ */ u("div", {
 									className: "rounded-xl border border-slate-200 bg-white p-3 shadow-sm",
-									children: /* @__PURE__ */ l(me, {
+									children: /* @__PURE__ */ u(he, {
 										value: L.fulfillment,
 										onValueChange: (e) => Y({ fulfillment: e }),
 										pickupAddress: tt,
@@ -375,8 +375,8 @@ function p() {
 										testIdPrefix: "storefront-checkout-fulfillment"
 									})
 								}) : null,
-								/* @__PURE__ */ l(ye, { form: lt }),
-								/* @__PURE__ */ l(be, {
+								/* @__PURE__ */ u(ve, { form: lt }),
+								/* @__PURE__ */ u(ye, {
 									estimatedTotalLabel: ut,
 									couponCode: k?.code,
 									discountAmountLabel: dt,
@@ -395,7 +395,7 @@ function p() {
 									submitting: S,
 									onSelectPaymentMethod: () => {}
 								}),
-								/* @__PURE__ */ l(ue, {
+								/* @__PURE__ */ u(a, {
 									type: "button",
 									size: "lg",
 									onClick: () => {
@@ -403,15 +403,15 @@ function p() {
 									},
 									disabled: !Tt,
 									className: "mt-4 w-fit",
-									children: /* @__PURE__ */ l("span", { children: Ct })
+									children: /* @__PURE__ */ u("span", { children: Ct })
 								}),
-								wt ? /* @__PURE__ */ l("p", {
+								wt ? /* @__PURE__ */ u("p", {
 									className: "text-sm text-slate-600",
-									children: /* @__PURE__ */ l("span", { children: p("checkout_delivery_address_required") })
+									children: /* @__PURE__ */ u("span", { children: m("checkout_delivery_address_required") })
 								}) : null
 							]
 						})]
-					}), /* @__PURE__ */ l(xe, {
+					}), /* @__PURE__ */ u(be, {
 						lines: U.lines,
 						itemCount: Le,
 						totalPerDayMinor: U.totalPerDayMinor,
@@ -427,7 +427,7 @@ function p() {
 						coupon: {
 							code: D,
 							appliedCode: k?.code,
-							discountLabel: k && K > 0 ? f(K, X, m.language) : null,
+							discountLabel: k && K > 0 ? p(K, X, h.language) : null,
 							message: Ye,
 							error: Xe,
 							loading: Je,
@@ -449,4 +449,4 @@ function p() {
 	});
 }
 //#endregion
-export { p as default };
+export { m as default };

package/dist/pages/checkout/components/CheckoutPaymentSummaryCard.js

@@ -111,9 +111,9 @@ function s({ estimatedTotalLabel: s, couponCode: c, discountAmountLabel: l, tota
 					}), /* @__PURE__ */ r("span", { children: w("checkout_payment_loading") })]
 				}) : null,
 				v ? /* @__PURE__ */ r("div", {
-					className: "grid gap-3 rounded-xl border border-destructive/25 bg-destructive/5 p-4",
+					className: "grid gap-3 rounded-md bg-destructive p-3 text-destructive-foreground shadow-sm",
 					children: /* @__PURE__ */ i("div", {
-						className: "flex items-start gap-2 text-sm text-destructive",
+						className: "flex items-start gap-2 text-sm",
 						children: [/* @__PURE__ */ r(o, {
 							className: "mt-0.5 h-4 w-4",
 							"aria-hidden": "true"