@loczer/storefront-sdk 0.164.0 → 0.165.0

package/dist/pages/CheckoutPage.js

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