@loczer/storefront-sdk 0.180.0 → 0.182.0

package/dist/pages/CheckoutPage.js

@@ -1,429 +1,452 @@
-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: r.toUpperCase()
-    }).format(o / 100);
-  } catch {
-    return `${(o / 100).toFixed(2)} ${r.toUpperCase()}`;
-  }
-}, Ae = (o, r) => {
-  try {
-    return new Intl.NumberFormat(r, {
-      style: "percent",
-      minimumFractionDigits: 0,
-      maximumFractionDigits: 2
-    }).format(o);
-  } catch {
-    return `${Math.round(o * 100)}%`;
-  }
-}, wt = (o, r, p) => {
-  const M = {
-    dateStyle: "medium",
-    timeStyle: "short"
-  };
-  if (p)
-    try {
-      return new Intl.DateTimeFormat(r, { ...M, timeZone: p }).format(o);
-    } catch {
-    }
-  return new Intl.DateTimeFormat(r, M).format(o);
+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";
+//#region src/pages/CheckoutPage.tsx
+var je = .2, Me = (e) => e <= 0 ? 1 : Math.max(1, Math.ceil(e / 1440)), f = (e, t, n) => {
+	try {
+		return new Intl.NumberFormat(n, {
+			style: "currency",
+			currency: t.toUpperCase()
+		}).format(e / 100);
+	} catch {
+		return `${(e / 100).toFixed(2)} ${t.toUpperCase()}`;
+	}
+}, Ne = (e, t) => {
+	try {
+		return new Intl.NumberFormat(t, {
+			style: "percent",
+			minimumFractionDigits: 0,
+			maximumFractionDigits: 2
+		}).format(e);
+	} catch {
+		return `${Math.round(e * 100)}%`;
+	}
+}, Pe = (e, t, n) => {
+	let r = {
+		dateStyle: "medium",
+		timeStyle: "short"
+	};
+	if (n) try {
+		return new Intl.DateTimeFormat(t, {
+			...r,
+			timeZone: n
+		}).format(e);
+	} catch {}
+	return new Intl.DateTimeFormat(t, r).format(e);
 };
-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;
-  }, [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: G, accessories: J },
-      estimatedDays: pe
-    }),
-    [J, G, pe, r.language, X, M]
-  ), z = u(
-    () => d.lines.map((e) => ({
-      productId: e.checkoutProductId,
-      productVariantId: e.productVariantId,
-      quantity: e.quantity
-    })),
-    [d.lines]
-  ), [he, L] = c([]), [j, R] = c(!1);
-  U(() => {
-    if (!i || z.length === 0) {
-      L([]), R(!1);
-      return;
-    }
-    const e = dt(t);
-    if (!e) {
-      R(!1);
-      return;
-    }
-    let s = !1;
-    return R(!0), L([]), (async () => {
-      try {
-        const n = await $(
-          mt,
-          {
-            storeSlug: i,
-            schedule: e,
-            products: z
-          }
-        ), S = pt.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 {
-        s || R(!1);
-      }
-    })(), () => {
-      s = !0;
-    };
-  }, [
-    t.end_date,
-    t.end_time,
-    t.start_date,
-    t.start_time,
-    z,
-    i
-  ]);
-  const fe = u(() => new Map(
-    he.map((e) => [
-      ve(e.productId, e.productVariantId),
-      e
-    ])
-  ), [he]), N = u(
-    () => ({
-      ...d,
-      lines: d.lines.map((e) => {
-        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,
-          availabilityIssue: j ? void 0 : n
-        };
-      })
-    }),
-    [fe, j, d]
-  ), C = u(
-    () => d.lines.map((e) => ({
-      kind: e.kind,
-      productId: e.checkoutProductId,
-      productVariantId: e.productVariantId,
-      quantity: e.quantity
-    })),
-    [d.lines]
-  ), $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: "" }
-  });
-  U(() => {
-    Me(i, t);
-  }, [t, i]);
-  const Q = (e) => {
-    const s = { ...t, ...e }, n = Se(x, s);
-    Te(n, { replace: !0 }), Me(i, n);
-  };
-  U(() => {
-    if (!i || C.length === 0) {
-      P(null), w(null), q(!1), b(null), k(null);
-      return;
-    }
-    const e = ae.trim(), s = e.length === 0 && !K;
-    let n = !1;
-    return q(!0), k(null), b(null), (async () => {
-      try {
-        const S = await $(
-          it,
-          {
-            storeSlug: i,
-            schedule: {
-              startDate: t.start_date,
-              endDate: t.end_date,
-              startTime: t.start_time,
-              endTime: t.end_time
-            },
-            items: C,
-            couponCode: e || void 0,
-            includeAutoApply: s
-          }
-        ), m = lt.parse(S);
-        if (n) return;
-        if (w(
-          typeof m.subtotalMinor == "number" && typeof m.totalMinor == "number" ? {
-            subtotalMinor: m.subtotalMinor,
-            totalMinor: m.totalMinor,
-            lateReturnSurchargeMinor: m.lateReturnSurchargeMinor
-          } : null
-        ), !m.success) {
-          P(null), k(m.message || o("checkout_coupon_invalid"));
-          return;
-        }
-        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), P(null), w(null), k(o("checkout_coupon_error"));
-      } finally {
-        n || q(!1);
-      }
-    })(), () => {
-      n = !0;
-    };
-  }, [
-    K,
-    t.end_date,
-    t.end_time,
-    t.start_date,
-    t.start_time,
-    C,
-    i,
-    ae,
-    o
-  ]), U(() => {
-    if (!i || d.lines.length === 0) {
-      T(null), D(null), O(!1);
-      return;
-    }
-    let e = !1;
-    return O(!0), D(null), (async () => {
-      try {
-        const s = await $(
-          rt,
-          {
-            storeSlug: i,
-            schedule: {
-              startDate: t.start_date,
-              endDate: t.end_date,
-              startTime: t.start_time,
-              endTime: t.end_time
-            },
-            estimatedTotalMinor: v
-          }
-        ), n = st.parse(s);
-        if (e) return;
-        if (!n.success || !n.decision) {
-          T(null), D(n.message || o("checkout_payment_error"));
-          return;
-        }
-        T(n.decision);
-      } catch (s) {
-        if (e) return;
-        console.error("Failed to load checkout payment decision", s), T(null), D(o("checkout_payment_error"));
-      } finally {
-        e || O(!1);
-      }
-    })(), () => {
-      e = !0;
-    };
-  }, [
-    t.end_date,
-    t.end_time,
-    t.start_date,
-    t.start_time,
-    v,
-    d.lines.length,
-    i,
-    o
-  ]);
-  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 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 : 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,
-    W,
-    l,
-    o
-  ]), Ge = ge.handleSubmit(async (e) => {
-    if (!(!i || C.length === 0)) {
-      Y(!0);
-      try {
-        const s = await $(
-          ct,
-          {
-            storeSlug: i,
-            schedule: {
-              startDate: t.start_date,
-              endDate: t.end_date,
-              startTime: t.start_time,
-              endTime: t.end_time
-            },
-            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: K ? !1 : f?.autoApplied,
-            customer: {
-              fullName: e.full_name,
-              email: e.email,
-              phone: e.phone,
-              notes: e.notes
-            },
-            items: C
-          }
-        ), n = ut.parse(s);
-        if (!n.success || !n.checkout) {
-          Z.error(n.message || o("checkout_payment_error"));
-          return;
-        }
-        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), Z.error(o("checkout_payment_error"));
-      } finally {
-        Y(!1);
-      }
-    }
-  }), 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__ */ 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__ */ 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) => Q({ fulfillment: e }),
-              pickupAddress: Fe,
-              deliveryEnabled: I,
-              deliveryDisabledReason: de,
-              startAddress: t.start_address,
-              onStartAddressChange: (e) => Q({ start_address: e }),
-              endAddress: t.end_address,
-              onEndAddressChange: (e) => Q({ end_address: e }),
-              showPickupAddressWhenPickupOnly: !1,
-              testIdPrefix: "storefront-checkout-fulfillment"
-            }
-          ) }) : null,
-          /* @__PURE__ */ a(Mt, { form: ge }),
-          /* @__PURE__ */ a(
-            xt,
-            {
-              estimatedTotalLabel: Oe,
-              couponCode: f?.code,
-              discountAmountLabel: Ve,
-              totalExcludingTaxLabel: Ke,
-              vatAmountLabel: ze,
-              vatRateLabel: je,
-              depositAmountLabel: Qe,
-              amountToCollectMinor: h,
-              amountToCollectLabel: He,
-              paymentSummaryHelper: Ze,
-              paymentDecisionLoading: ee,
-              paymentDecisionError: te,
-              canChoosePaymentMethod: !1,
-              showAmountDueNowRow: !0,
-              selectedPaymentMethod: "card",
-              submitting: B,
-              onSelectPaymentMethod: () => {
-              }
-            }
-          ),
-          /* @__PURE__ */ a(
-            xe,
-            {
-              type: "button",
-              size: "lg",
-              onClick: () => {
-                Ge();
-              },
-              disabled: !Xe,
-              className: "mt-4 w-fit",
-              children: /* @__PURE__ */ a("span", { children: Je })
-            }
-          ),
-          be ? /* @__PURE__ */ a("p", { className: "text-sm text-slate-600", children: /* @__PURE__ */ a("span", { children: o("checkout_delivery_address_required") }) }) : null
-        ] })
-      ] }),
-      /* @__PURE__ */ a(
-        Pt,
-        {
-          lines: N.lines,
-          itemCount: we,
-          totalPerDayMinor: N.totalPerDayMinor,
-          estimatedDays: N.estimatedDays,
-          estimatedTotalMinor: N.estimatedTotalMinor,
-          discountedEstimatedTotalMinor: v,
-          discountAmountMinor: A,
-          lateReturnSurchargeMinor: se?.lateReturnSurchargeMinor,
-          couponCode: f?.code,
-          durationLabel: Ue.label,
-          onQuantityChange: Ie,
-          onRemove: Le,
-          coupon: {
-            code: ne,
-            appliedCode: f?.code,
-            discountLabel: f && A > 0 ? _(A, g, r.language) : null,
-            message: Ne,
-            error: le,
-            loading: ie,
-            disabled: B,
-            onCodeChange: (e) => {
-              V(e), k(null), b(null);
-            },
-            onApply: () => {
-              ce(!1), re(ne.trim());
-            },
-            onRemove: () => {
-              V(""), re(""), P(null), w(null), k(null), b(null), ce(!0);
-            }
-          }
-        }
-      )
-    ] })
-  ] }) });
+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(() => {
+		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,
+		products: {
+			bikes: _,
+			accessories: v
+		},
+		estimatedDays: it
+	}), [
+		v,
+		_,
+		it,
+		m.language,
+		x,
+		g
+	]), z = s(() => 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) {
+			B([]), H(!1);
+			return;
+		}
+		let e = ce(L);
+		if (!e) {
+			H(!1);
+			return;
+		}
+		let t = !1;
+		return H(!0), B([]), (async () => {
+			try {
+				let n = await a(ae, {
+					storeSlug: y,
+					schedule: e,
+					products: z
+				}), r = le.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([]);
+			} finally {
+				t || H(!1);
+			}
+		})(), () => {
+			t = !0;
+		};
+	}, [
+		L.end_date,
+		L.end_time,
+		L.start_date,
+		L.start_time,
+		z,
+		y
+	]);
+	let ot = s(() => new Map(at.map((e) => [oe(e.productId, e.productVariantId), e])), [at]), U = s(() => ({
+		...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;
+			return {
+				...e,
+				insufficientCapacity: !V && n !== void 0,
+				availabilityIssue: V ? void 0 : n
+			};
+		})
+	}), [
+		ot,
+		V,
+		R
+	]), W = s(() => 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),
+		defaultValues: {
+			full_name: "",
+			email: "",
+			phone: "",
+			notes: ""
+		}
+	});
+	o(() => {
+		ee(y, L);
+	}, [L, y]);
+	let Y = (t) => {
+		let n = {
+			...L,
+			...t
+		}, r = e(b, n);
+		Fe(r, { replace: !0 }), ee(y, r);
+	};
+	o(() => {
+		if (!y || 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,
+					schedule: {
+						startDate: L.start_date,
+						endDate: L.end_date,
+						startTime: L.start_time,
+						endTime: L.end_time
+					},
+					items: W,
+					couponCode: e || void 0,
+					includeAutoApply: t
+				}), i = ve.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"));
+					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")));
+			} catch (e) {
+				if (n) return;
+				console.error("Failed to verify checkout coupon", e), A(null), j(null), P(p("checkout_coupon_error"));
+			} finally {
+				n || M(!1);
+			}
+		})(), () => {
+			n = !0;
+		};
+	}, [
+		F,
+		L.end_date,
+		L.end_time,
+		L.start_date,
+		L.start_time,
+		W,
+		y,
+		Ge,
+		p
+	]), o(() => {
+		if (!y || 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,
+					schedule: {
+						startDate: L.start_date,
+						endDate: L.end_date,
+						startTime: L.start_time,
+						endTime: L.end_time
+					},
+					estimatedTotalMinor: G
+				}), n = ge.parse(t);
+				if (e) return;
+				if (!n.success || !n.decision) {
+					w(null), E(n.message || p("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"));
+			} finally {
+				e || T(!1);
+			}
+		})(), () => {
+			e = !0;
+		};
+	}, [
+		L.end_date,
+		L.end_time,
+		L.start_date,
+		L.start_time,
+		G,
+		R.lines.length,
+		y,
+		p
+	]);
+	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(() => {
+		if (!C?.depositRefundableUntilIso) return null;
+		let e = new Date(C.depositRefundableUntilIso);
+		return Number.isNaN(e.getTime()) ? null : Pe(e, m.language, bt);
+	}, [
+		m.language,
+		C?.depositRefundableUntilIso,
+		bt
+	]), xt = s(() => C ? C.paymentMode === "deposit" && Z > 0 && Q ? $ ? p("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, [
+		Z,
+		Q,
+		$,
+		C,
+		p
+	]), St = lt.handleSubmit(async (e) => {
+		if (!(!y || W.length === 0)) {
+			Ve(!0);
+			try {
+				let t = await a(re, {
+					storeSlug: y,
+					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,
+					customer: {
+						fullName: e.full_name,
+						email: e.email,
+						phone: e.phone,
+						notes: e.notes
+					},
+					items: W
+				}), n = ie.parse(t);
+				if (!n.success || !n.checkout) {
+					d.error(n.message || p("checkout_payment_error"));
+					return;
+				}
+				n.checkout.requiresPayment || d.success(p("checkout_success_toast")), await Ie(n.checkout.nextPath), Be();
+			} catch (e) {
+				console.error("Failed to submit storefront checkout", e), d.error(p("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", {
+		className: "mx-auto max-w-3xl px-4 py-10 sm:px-6",
+		children: /* @__PURE__ */ u("div", {
+			className: "rounded-xl border border-slate-200 bg-white p-4 shadow-sm",
+			children: [
+				/* @__PURE__ */ l("h1", {
+					className: "text-xl font-semibold tracking-tight text-slate-950",
+					children: /* @__PURE__ */ l("span", { children: p("cart_empty_title") })
+				}),
+				/* @__PURE__ */ l("p", {
+					className: "mt-2 text-sm text-slate-600",
+					children: /* @__PURE__ */ l("span", { children: p("cart_empty_description") })
+				}),
+				/* @__PURE__ */ l("div", {
+					className: "mt-6",
+					children: /* @__PURE__ */ l(Ce, {
+						to: J,
+						children: /* @__PURE__ */ u(ue, {
+							className: "gap-2",
+							children: [/* @__PURE__ */ l(Oe, {
+								className: "h-4 w-4",
+								"aria-hidden": "true"
+							}), /* @__PURE__ */ l("span", { children: p("back_to_booking") })]
+						})
+					})
+				})
+			]
+		})
+	}) : /* @__PURE__ */ l("div", {
+		className: "mx-auto max-w-7xl px-4 py-8 sm:px-6",
+		children: /* @__PURE__ */ u("div", {
+			className: "flex flex-col gap-6",
+			children: [
+				/* @__PURE__ */ l(de, {
+					currentStep: "checkout",
+					bookingPath: J,
+					checkoutPath: ct
+				}),
+				/* @__PURE__ */ u(Ce, {
+					to: J,
+					className: "inline-flex items-center gap-2 text-sm font-medium text-slate-700 hover:text-slate-950",
+					children: [/* @__PURE__ */ l(Oe, {
+						className: "h-4 w-4",
+						"aria-hidden": "true"
+					}), /* @__PURE__ */ l("span", { children: p("back_to_booking") })]
+				}),
+				/* @__PURE__ */ u("div", {
+					className: "grid gap-6 lg:grid-cols-12",
+					children: [/* @__PURE__ */ u("div", {
+						className: "lg:col-span-7",
+						children: [/* @__PURE__ */ l("h1", {
+							className: "text-xl font-semibold tracking-tight text-slate-950",
+							children: /* @__PURE__ */ l("span", { children: p("checkout_title") })
+						}), /* @__PURE__ */ u("div", {
+							className: "mt-5 grid gap-4",
+							children: [
+								et ? /* @__PURE__ */ l("div", {
+									className: "rounded-xl border border-slate-200 bg-white p-3 shadow-sm",
+									children: /* @__PURE__ */ l(me, {
+										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__ */ l(ye, { form: lt }),
+								/* @__PURE__ */ l(be, {
+									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__ */ l(ue, {
+									type: "button",
+									size: "lg",
+									onClick: () => {
+										St();
+									},
+									disabled: !Tt,
+									className: "mt-4 w-fit",
+									children: /* @__PURE__ */ l("span", { children: Ct })
+								}),
+								wt ? /* @__PURE__ */ l("p", {
+									className: "text-sm text-slate-600",
+									children: /* @__PURE__ */ l("span", { children: p("checkout_delivery_address_required") })
+								}) : null
+							]
+						})]
+					}), /* @__PURE__ */ l(xe, {
+						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,
+						coupon: {
+							code: D,
+							appliedCode: k?.code,
+							discountLabel: k && K > 0 ? f(K, X, m.language) : null,
+							message: Ye,
+							error: Xe,
+							loading: Je,
+							disabled: S,
+							onCodeChange: (e) => {
+								O(e), P(null), N(null);
+							},
+							onApply: () => {
+								Ze(!1), Ke(D.trim());
+							},
+							onRemove: () => {
+								O(""), Ke(""), A(null), j(null), P(null), N(null), Ze(!0);
+							}
+						}
+					})]
+				})
+			]
+		})
+	});
 }
-export {
-  eo as default
-};
+//#endregion
+export { p as default };