@loczer/storefront-sdk 0.166.0 → 0.167.0

package/dist/pages/CheckoutPage.js

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

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

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