@loczer/storefront-sdk 0.181.0 → 0.183.0

package/dist/pages/BookingPage.js

@@ -1,533 +1,575 @@
-import { jsxs as c, jsx as i } from "react/jsx-runtime";
-import { useMemo as p, useState as A, useEffect as B } from "react";
-import { useParams as ee, useLocation as ae, useSearchParams as ie, Link as Q } from "@rpcbase/router";
-import { cn as tt } from "@rpcbase/ui";
-import { ArrowLeft as ne, ShoppingCart as re, Bike as oe, ArrowRight as At } from "lucide-react";
-import { useTranslation as Bt } from "react-i18next";
-import { apiPost as _t } from "../lib/apiCall.js";
-import { getProductVariantAttributeValue as se, getStorefrontProductVariantDisplay as le } from "../lib/productVariants.js";
-import { getStorefrontCheckoutProductId as K } from "../lib/products.js";
-import { getValidStorefrontAvailabilitySchedule as vt, ROUTE as yt, responseSchema as St, buildStorefrontAvailabilityKey as h, getStorefrontAvailabilityStatus as Y, getStorefrontAvailabilityIssue as Tt, isStorefrontAvailabilityInsufficient as de } from "../lib/storefrontAvailability.js";
-import { getLocalizedValue as H } from "../localization.js";
-import { Badge as Ot } from "../ui/badge.js";
-import { Button as F } from "../ui/button.js";
-import { Card as ce } from "../ui/card.js";
-import { RadioGroup as me, RadioGroupItem as ue } from "../ui/radio-group.js";
-import { createBookingPeriodConfigFromStorefrontConfiguration as pe, getDefaultBookingParamsForStorefrontConfiguration as fe, resolveBookingSearchParamsFromSessionStorage as ge, getBookingParamsFromSearch as kt, applyBookingParamsToSearch as xt, writeBookingSearchParamsToSessionStorage as he } from "../lib/booking.js";
-import { createStorefrontTimeSlotsFetcher as be } from "../lib/fetchStorefrontTimeSlots.js";
-import { useStorefrontCart as _e } from "../lib/cart.js";
-import { buildStorefrontCartSummary as ve } from "../lib/cartSummary.js";
-import { resolveProductImageContainerStyle as ye } from "../lib/productImageStyles.js";
-import { BookingFlowSteps as Se } from "../components/BookingFlowSteps/index.js";
-import { StepSectionTitle as J } from "../components/StepSectionTitle/index.js";
-import { BookingPeriodSelector as ke } from "../components/BookingPeriodSelector/index.js";
-import { BikeProductCard as xe } from "../components/BikeProductCard/index.js";
-import { StorefrontCartPanel as Ne } from "../components/StorefrontCartPanel/index.js";
-import { BookingBikeVariantDialog as Ve } from "../components/BookingBikeVariantDialog/index.js";
-import { FulfillmentSection as Ie } from "../components/FulfillmentSection/index.js";
-import { ProductPriceBadge as Ce } from "../components/ProductPriceBadge/index.js";
-import { ProductWarningNotice as Pe } from "../components/ProductWarningNotice/index.js";
-import { useStorefront as we, useStorefrontProducts as Ae, useStorefrontBookingProducts as Be } from "../StorefrontProvider.js";
-const Nt = (e) => String(e).padStart(2, "0"), X = "product_modal", Vt = (e) => `${e.getFullYear()}-${Nt(e.getMonth() + 1)}-${Nt(e.getDate())}`, Z = (e) => {
-  if (!e) return;
-  const n = e.match(/^(\d{4})-(\d{2})-(\d{2})$/);
-  if (!n) return;
-  const o = Number(n[1]), d = Number(n[2]), s = Number(n[3]), m = new Date(o, d - 1, s);
-  if (!(Number.isNaN(m.getTime()) || m.getFullYear() !== o || m.getMonth() !== d - 1 || m.getDate() !== s))
-    return m;
-}, It = (e, n) => e.fulfillment === n.fulfillment && e.start_date === n.start_date && e.start_time === n.start_time && e.end_date === n.end_date && e.end_time === n.end_time && e.start_address === n.start_address && e.end_address === n.end_address, x = (e, n = () => !0) => {
-  if (e.representedVariantId?.trim()) return e.representedVariantId.trim();
-  const o = e.productVariants ?? [], s = o.find((m) => n(m.id))?.id ?? o[0]?.id;
-  return typeof s == "string" && s.trim().length > 0 ? s : null;
-}, Ct = (e, n) => e.fulfillment === "delivery" && !n ? { ...e, fulfillment: "pickup" } : e, Pt = (e, n) => {
-  const o = K(e), d = e.representedVariantId?.trim();
-  if (d) {
-    const s = n.get(h(o, d));
-    if (s) return s;
-  }
-  return n.get(h(o));
-}, wt = (e, n, o) => o.get(h(K(e), n)), Te = (e, n, o) => {
-  const d = Tt(n);
-  return d === "quantity_unavailable" ? e("availability_quantity_unavailable") : d === "unavailable" || o === "OUT_OF_STOCK" ? e("availability_out_of_stock") : n?.remaining !== void 0 ? e("availability_remaining_count", { count: n.remaining }) : n?.fewRemaining || o === "LOW_STOCK" ? e("availability_low_stock") : e("availability_in_stock");
-}, Oe = (e) => {
-  const n = /* @__PURE__ */ new Map();
-  for (const o of e) {
-    const d = K(o);
-    n.set(h(d), { productId: d });
-    for (const m of o.productVariants ?? [])
-      n.set(h(d, m.id), {
-        productId: d,
-        productVariantId: m.id
-      });
-    const s = o.representedVariantId?.trim();
-    s && n.set(h(d, s), {
-      productId: d,
-      productVariantId: s
-    });
-  }
-  return Array.from(n.values());
+import { applyBookingParamsToSearch as e, createBookingPeriodConfigFromStorefrontConfiguration as t, getBookingParamsFromSearch as n, getDefaultBookingParamsForStorefrontConfiguration as r, resolveBookingSearchParamsFromSessionStorage as i, writeBookingSearchParamsToSessionStorage as a } from "../lib/booking.js";
+import { getProductVariantAttributeValue as o, getStorefrontProductVariantDisplay as s } from "../lib/productVariants.js";
+import { getStorefrontCheckoutProductId as c } from "../lib/products.js";
+import { useStorefrontCart as l } from "../lib/cart.js";
+import { getLocalizedValue as u } from "../localization.js";
+import { buildStorefrontCartSummary as d } from "../lib/cartSummary.js";
+import { ROUTE as f, buildStorefrontAvailabilityKey as p, getStorefrontAvailabilityIssue as ee, getStorefrontAvailabilityStatus as m, getValidStorefrontAvailabilitySchedule as h, isStorefrontAvailabilityInsufficient as te, responseSchema as ne } from "../lib/storefrontAvailability.js";
+import { Badge as re } from "../ui/badge.js";
+import { Button as g } from "../ui/button.js";
+import { BookingPeriodSelector as ie } from "../components/BookingPeriodSelector/index.js";
+import { BookingFlowSteps as ae } from "../components/BookingFlowSteps/index.js";
+import { useStorefront as oe, useStorefrontBookingProducts as se, useStorefrontProducts as ce } from "../StorefrontProvider.js";
+import { StepSectionTitle as _ } from "../components/StepSectionTitle/index.js";
+import { Card as le } from "../ui/card.js";
+import { ProductWarningNotice as ue } from "../components/ProductWarningNotice/index.js";
+import { StorefrontCartPanel as de } from "../components/StorefrontCartPanel/index.js";
+import { ProductPriceBadge as fe } from "../components/ProductPriceBadge/index.js";
+import { resolveProductImageContainerStyle as pe } from "../lib/productImageStyles.js";
+import { BikeProductCard as me } from "../components/BikeProductCard/index.js";
+import { apiPost as he } from "../lib/apiCall.js";
+import { createStorefrontTimeSlotsFetcher as ge } from "../lib/fetchStorefrontTimeSlots.js";
+import { RadioGroup as v, RadioGroupItem as y } from "../ui/radio-group.js";
+import { FulfillmentSection as _e } from "../components/FulfillmentSection/index.js";
+import { BookingBikeVariantDialog as ve } from "../components/BookingBikeVariantDialog/index.js";
+import { useEffect as b, useMemo as x, useState as S } from "react";
+import { jsx as C, jsxs as w } from "react/jsx-runtime";
+import { cn as T } from "@rpcbase/ui";
+import { Link as E, useLocation as ye, useParams as be, useSearchParams as xe } from "@rpcbase/router";
+import { useTranslation as Se } from "react-i18next";
+import { ArrowLeft as Ce, ArrowRight as we, Bike as Te, ShoppingCart as Ee } from "lucide-react";
+//#region src/pages/BookingPage.tsx
+var D = (e) => String(e).padStart(2, "0"), O = "product_modal", De = (e) => `${e.getFullYear()}-${D(e.getMonth() + 1)}-${D(e.getDate())}`, k = (e) => {
+	if (!e) return;
+	let t = e.match(/^(\d{4})-(\d{2})-(\d{2})$/);
+	if (!t) return;
+	let n = Number(t[1]), r = Number(t[2]), i = Number(t[3]), a = new Date(n, r - 1, i);
+	if (!(Number.isNaN(a.getTime()) || a.getFullYear() !== n || a.getMonth() !== r - 1 || a.getDate() !== i)) return a;
+}, Oe = (e, t) => e.fulfillment === t.fulfillment && e.start_date === t.start_date && e.start_time === t.start_time && e.end_date === t.end_date && e.end_time === t.end_time && e.start_address === t.start_address && e.end_address === t.end_address, A = (e, t = () => !0) => {
+	if (e.representedVariantId?.trim()) return e.representedVariantId.trim();
+	let n = e.productVariants ?? [], r = n.find((e) => t(e.id))?.id ?? n[0]?.id;
+	return typeof r == "string" && r.trim().length > 0 ? r : null;
+}, ke = (e, t) => e.fulfillment === "delivery" && !t ? {
+	...e,
+	fulfillment: "pickup"
+} : e, Ae = (e, t) => {
+	let n = c(e), r = e.representedVariantId?.trim();
+	if (r) {
+		let e = t.get(p(n, r));
+		if (e) return e;
+	}
+	return t.get(p(n));
+}, je = (e, t, n) => n.get(p(c(e), t)), Me = (e, t, n) => {
+	let r = ee(t);
+	return r === "quantity_unavailable" ? e("availability_quantity_unavailable") : r === "unavailable" || n === "OUT_OF_STOCK" ? e("availability_out_of_stock") : t?.remaining === void 0 ? t?.fewRemaining || n === "LOW_STOCK" ? e("availability_low_stock") : e("availability_in_stock") : e("availability_remaining_count", { count: t.remaining });
+}, Ne = (e) => {
+	let t = /* @__PURE__ */ new Map();
+	for (let n of e) {
+		let e = c(n);
+		t.set(p(e), { productId: e });
+		for (let r of n.productVariants ?? []) t.set(p(e, r.id), {
+			productId: e,
+			productVariantId: r.id
+		});
+		let r = n.representedVariantId?.trim();
+		r && t.set(p(e, r), {
+			productId: e,
+			productVariantId: r
+		});
+	}
+	return Array.from(t.values());
 };
-function De({
-  product: e,
-  selectedVariantId: n,
-  onSelect: o,
-  onConfirm: d,
-  onCancel: s,
-  getVariantAvailabilityLabel: m,
-  isVariantOutOfCapacity: T
-}) {
-  const { t: v } = Bt(), y = e.productVariants ?? [], N = y.some((u) => !!se(u, "size")), f = v(N ? "product_size_label" : "product_variant_label");
-  return /* @__PURE__ */ c("div", { className: "grid gap-3 rounded-xl border border-slate-200 bg-slate-50 p-3", children: [
-    /* @__PURE__ */ i("p", { className: "text-xs font-medium text-slate-700", children: /* @__PURE__ */ i("span", { children: f }) }),
-    /* @__PURE__ */ i(me, { value: n, onValueChange: o, className: "grid gap-2", children: y.map((u) => {
-      const V = `booking-variant-${e.id}-${u.id}`.toLowerCase(), I = `storefront-booking-variant-option-${e.id}-${u.id}`.toLowerCase(), { label: E, description: O } = le(u), z = T(u.id), D = m(u.id);
-      return /* @__PURE__ */ c(
-        "label",
-        {
-          htmlFor: V,
-          "data-testid": I,
-          className: tt(
-            "flex items-start gap-3 rounded-xl border p-3 transition",
-            n === u.id ? "border-slate-900 bg-white" : "border-slate-200 bg-white"
-          ),
-          children: [
-            /* @__PURE__ */ i(ue, { id: V, value: u.id, className: "mt-1" }),
-            /* @__PURE__ */ c("span", { className: "flex flex-1 flex-col gap-0.5", children: [
-              /* @__PURE__ */ i("span", { className: "text-sm font-medium text-slate-950", children: E }),
-              O ? /* @__PURE__ */ i("span", { className: "text-xs text-slate-600", children: O }) : null,
-              D ? /* @__PURE__ */ i("span", { className: "pt-1", children: /* @__PURE__ */ i(Ot, { variant: z ? "destructive" : "outline", children: /* @__PURE__ */ i("span", { children: D }) }) }) : null
-            ] })
-          ]
-        },
-        u.id
-      );
-    }) }),
-    /* @__PURE__ */ c("div", { className: "flex flex-wrap items-center gap-2", children: [
-      /* @__PURE__ */ c(
-        F,
-        {
-          type: "button",
-          size: "sm",
-          className: "rounded-full gap-2",
-          onClick: d,
-          children: [
-            /* @__PURE__ */ i("span", { children: v("add_to_cart") }),
-            /* @__PURE__ */ i(At, { className: "h-4 w-4", "aria-hidden": "true" })
-          ]
-        }
-      ),
-      /* @__PURE__ */ i(F, { type: "button", size: "sm", variant: "outline", className: "rounded-full", onClick: s, children: /* @__PURE__ */ i("span", { children: v("booking_select_variant_cancel") }) })
-    ] })
-  ] });
+function Pe({ product: e, selectedVariantId: t, onSelect: n, onConfirm: r, onCancel: i, getVariantAvailabilityLabel: a, isVariantOutOfCapacity: c }) {
+	let { t: l } = Se(), u = e.productVariants ?? [];
+	return /* @__PURE__ */ w("div", {
+		className: "grid gap-3 rounded-xl border border-slate-200 bg-slate-50 p-3",
+		children: [
+			/* @__PURE__ */ C("p", {
+				className: "text-xs font-medium text-slate-700",
+				children: /* @__PURE__ */ C("span", { children: u.some((e) => !!o(e, "size")) ? l("product_size_label") : l("product_variant_label") })
+			}),
+			/* @__PURE__ */ C(v, {
+				value: t,
+				onValueChange: n,
+				className: "grid gap-2",
+				children: u.map((n) => {
+					let r = `booking-variant-${e.id}-${n.id}`.toLowerCase(), i = `storefront-booking-variant-option-${e.id}-${n.id}`.toLowerCase(), { label: o, description: l } = s(n), u = c(n.id), d = a(n.id);
+					return /* @__PURE__ */ w("label", {
+						htmlFor: r,
+						"data-testid": i,
+						className: T("flex items-start gap-3 rounded-xl border p-3 transition", t === n.id ? "border-slate-900 bg-white" : "border-slate-200 bg-white"),
+						children: [/* @__PURE__ */ C(y, {
+							id: r,
+							value: n.id,
+							className: "mt-1"
+						}), /* @__PURE__ */ w("span", {
+							className: "flex flex-1 flex-col gap-0.5",
+							children: [
+								/* @__PURE__ */ C("span", {
+									className: "text-sm font-medium text-slate-950",
+									children: o
+								}),
+								l ? /* @__PURE__ */ C("span", {
+									className: "text-xs text-slate-600",
+									children: l
+								}) : null,
+								d ? /* @__PURE__ */ C("span", {
+									className: "pt-1",
+									children: /* @__PURE__ */ C(re, {
+										variant: u ? "destructive" : "outline",
+										children: /* @__PURE__ */ C("span", { children: d })
+									})
+								}) : null
+							]
+						})]
+					}, n.id);
+				})
+			}),
+			/* @__PURE__ */ w("div", {
+				className: "flex flex-wrap items-center gap-2",
+				children: [/* @__PURE__ */ w(g, {
+					type: "button",
+					size: "sm",
+					className: "rounded-full gap-2",
+					onClick: r,
+					children: [/* @__PURE__ */ C("span", { children: l("add_to_cart") }), /* @__PURE__ */ C(we, {
+						className: "h-4 w-4",
+						"aria-hidden": "true"
+					})]
+				}), /* @__PURE__ */ C(g, {
+					type: "button",
+					size: "sm",
+					variant: "outline",
+					className: "rounded-full",
+					onClick: i,
+					children: /* @__PURE__ */ C("span", { children: l("booking_select_variant_cancel") })
+				})]
+			})
+		]
+	});
 }
-function ua() {
-  const { t: e, i18n: n } = Bt(), { storeSlug: o } = ee(), d = ae(), { storefrontConfiguration: s } = we(), m = s.workspace?.workspaceLanguage, { bikes: T, accessories: v } = Ae(), { bikes: y, accessories: N } = Be(), [f, u] = ie(), { items: V, itemCount: I, addItem: E, clear: O, removeItem: z, setQuantity: D } = _e(), Dt = p(
-    () => pe(s),
-    [s]
-  ), C = p(
-    () => fe(s),
-    [s]
-  ), L = s.settings.fulfillmentModes.includes("delivery"), Lt = s.settings.deliveryDisabledReason.trim(), $t = s.shop.address?.trim() ?? "", M = p(
-    () => ge(f, o),
-    [f, o]
-  ), [l, et] = A(
-    () => Ct(kt(M, C), L)
-  );
-  B(() => {
-    et((t) => {
-      const a = {
-        ...C,
-        ...t,
-        start_time: t.start_time.trim() ? t.start_time : C.start_time,
-        end_time: t.end_time.trim() ? t.end_time : C.end_time
-      }, r = Ct(kt(M, a), L);
-      return It(t, r) ? t : r;
-    });
-  }, [M, C, L]), B(() => {
-    const t = xt(f, l);
-    t.toString() !== f.toString() && u(t, { replace: !0 });
-  }, [l, f, u]), B(() => {
-    he(o, l);
-  }, [l, o]);
-  const U = p(
-    () => Oe([...y, ...N]),
-    [N, y]
-  ), [at, it] = A([]);
-  B(() => {
-    if (!o || U.length === 0) {
-      it([]);
-      return;
-    }
-    const t = vt(l);
-    if (!t)
-      return;
-    let a = !1;
-    return (async () => {
-      try {
-        const r = await _t(
-          yt,
-          {
-            storeSlug: o,
-            schedule: t,
-            products: U
-          }
-        ), g = St.parse(r);
-        if (a) return;
-        it(g.success ? g.availability ?? [] : []);
-      } catch (r) {
-        if (a) return;
-        console.error("Failed to load storefront availability", r);
-      }
-    })(), () => {
-      a = !0;
-    };
-  }, [
-    U,
-    l.end_date,
-    l.end_time,
-    l.start_date,
-    l.start_time,
-    o
-  ]);
-  const P = p(() => new Map(
-    at.map((t) => [
-      h(t.productId, t.productVariantId),
-      t
-    ])
-  ), [at]), nt = p(() => y.map((t) => {
-    const a = Pt(t, P);
-    return {
-      ...t,
-      availabilityStatus: a ? Y(a) : t.availabilityStatus ?? "AVAILABLE"
-    };
-  }), [P, y]), rt = (t, a) => {
-    const r = wt(t, a, P);
-    return r ? de(r) : t.availabilityStatus === "OUT_OF_STOCK";
-  }, ot = (t) => (t.productVariants ?? []).length > 0, st = (t, a) => {
-    const r = wt(t, a, P);
-    return r ? Te(e, r, Y(r)) : t.availabilityStatus === "OUT_OF_STOCK" ? e("availability_out_of_stock") : null;
-  }, Rt = be(o), Ft = p(
-    () => ({
-      startDate: e("booking_start_date"),
-      pickStartDate: e("booking_start_date"),
-      startTime: e("booking_start_time"),
-      endDate: e("booking_end_date"),
-      pickEndDate: e("booking_end_date"),
-      endTime: e("booking_end_time"),
-      selectedDaysTooltip: ({ count: t }) => e("booking_selected_days_tooltip", { count: t })
-    }),
-    [n.language, e]
-  ), S = (t) => {
-    et((a) => {
-      const r = { ...a, ...t };
-      return It(a, r) ? a : r;
-    });
-  }, Kt = {
-    startDate: Z(l.start_date),
-    onStartDateChange: (t) => {
-      t && S({ start_date: Vt(t) });
-    },
-    startTime: l.start_time,
-    onStartTimeChange: (t) => S({ start_time: t }),
-    endDate: Z(l.end_date) ?? Z(l.start_date),
-    onEndDateChange: (t) => {
-      t && S({ end_date: Vt(t) });
-    },
-    endTime: l.end_time,
-    onEndTimeChange: (t) => S({ end_time: t }),
-    bookingPeriodConfig: Dt,
-    fetchTimeSlots: Rt,
-    labels: Ft,
-    localeCode: n.language
-  }, w = p(
-    () => ve({
-      items: V,
-      language: n.language,
-      fallbackLanguage: m,
-      products: { bikes: T, accessories: v }
-    }),
-    [v, T, n.language, V, m]
-  ), j = p(
-    () => w.lines.map((t) => ({
-      productId: t.checkoutProductId,
-      productVariantId: t.productVariantId,
-      quantity: t.quantity
-    })),
-    [w.lines]
-  ), [lt, dt] = A([]);
-  B(() => {
-    if (!o || j.length === 0) {
-      dt([]);
-      return;
-    }
-    const t = vt(l);
-    if (!t)
-      return;
-    let a = !1;
-    return (async () => {
-      try {
-        const r = await _t(
-          yt,
-          {
-            storeSlug: o,
-            schedule: t,
-            products: j
-          }
-        ), g = St.parse(r);
-        if (a) return;
-        dt(g.success ? g.availability ?? [] : []);
-      } catch (r) {
-        if (a) return;
-        console.error("Failed to load storefront cart availability", r);
-      }
-    })(), () => {
-      a = !0;
-    };
-  }, [
-    l.end_date,
-    l.end_time,
-    l.start_date,
-    l.start_time,
-    j,
-    o
-  ]);
-  const ct = p(() => new Map(
-    lt.map((t) => [
-      h(t.productId, t.productVariantId),
-      t
-    ])
-  ), [lt]), mt = p(
-    () => ({
-      ...w,
-      lines: w.lines.map((t) => {
-        const a = ct.get(h(t.checkoutProductId, t.productVariantId)), r = a ? Tt(a) : t.availabilityStatus === "OUT_OF_STOCK" ? "unavailable" : void 0;
-        return {
-          ...t,
-          insufficientCapacity: r !== void 0,
-          availabilityIssue: r
-        };
-      })
-    }),
-    [ct, w]
-  ), k = xt(new URLSearchParams(), l).toString(), Et = `/${o ?? ""}${k ? `?${k}` : ""}`, zt = `/${o ?? ""}/booking${k ? `?${k}` : ""}`, q = `/${o ?? ""}/checkout${k ? `?${k}` : ""}`, ut = {
-    backTo: `${d.pathname}${d.search}${d.hash}`
-  }, [Mt, $] = A(null), [Ut, pt] = A({}), G = (t) => {
-    const a = Ut[t.id];
-    return a && t.productVariants?.some((r) => r.id === a) ? a : x(t);
-  }, ft = f.get(X)?.trim() ?? "", b = ft ? nt.find((t) => t.id === ft) ?? null : null, W = (t) => {
-    const a = new URLSearchParams(f);
-    t?.trim() ? a.set(X, t) : a.delete(X), u(a, { replace: !0 });
-  }, jt = (t) => {
-    const a = x(t);
-    a && (pt((r) => r[t.id] ? r : { ...r, [t.id]: a }), $(t.id));
-  }, qt = (t) => {
-    x(t) && ($(null), W(t.id));
-  }, R = (t, a, r = 1) => {
-    E({
-      kind: t.kind,
-      productId: K(t),
-      ...a ? { productVariantId: a } : {},
-      quantity: r
-    });
-  }, Gt = (t) => {
-    const a = x(t), r = t.productVariants ?? [];
-    if (a && r.length <= 1) {
-      R(t, a);
-      return;
-    }
-    qt(t);
-  }, Wt = (t) => {
-    const a = t.productVariants ?? [], r = G(t);
-    if (r) {
-      if (a.length > 1) {
-        jt(t);
-        return;
-      }
-      R(t, r);
-    }
-  }, Qt = (t) => {
-    const a = G(t);
-    a && (R(t, a), $((r) => r === t.id ? null : r));
-  };
-  return /* @__PURE__ */ c("div", { className: "mx-auto max-w-7xl px-4 py-8 sm:px-6", children: [
-    /* @__PURE__ */ c("div", { className: "flex flex-col gap-4", children: [
-      /* @__PURE__ */ i(Se, { currentStep: "booking", bookingPath: zt, checkoutPath: q, checkoutEnabled: I > 0 }),
-      /* @__PURE__ */ c("div", { className: "flex items-center justify-between gap-3", children: [
-        /* @__PURE__ */ c(Q, { to: Et, className: "inline-flex items-center gap-2 text-sm font-medium text-slate-700 hover:text-slate-950", children: [
-          /* @__PURE__ */ i(ne, { className: "h-4 w-4", "aria-hidden": "true" }),
-          /* @__PURE__ */ i("span", { children: e("back_to_home") })
-        ] }),
-        /* @__PURE__ */ i(Q, { to: q, className: tt(I > 0 ? "inline-flex" : "hidden"), children: /* @__PURE__ */ c(F, { size: "sm", className: "gap-2", children: [
-          /* @__PURE__ */ i(re, { className: "h-4 w-4", "aria-hidden": "true" }),
-          /* @__PURE__ */ i("span", { children: e("checkout_button") })
-        ] }) })
-      ] }),
-      /* @__PURE__ */ c("div", { className: "grid gap-6 lg:grid-cols-12", children: [
-        /* @__PURE__ */ i("div", { className: "lg:col-span-8", children: /* @__PURE__ */ c("div", { className: "space-y-6", children: [
-          /* @__PURE__ */ c("div", { className: "space-y-3", children: [
-            /* @__PURE__ */ i(J, { stepNumber: 1, title: e("booking_summary_title") }),
-            /* @__PURE__ */ i(
-              ke,
-              {
-                ...Kt,
-                className: "gap-3",
-                labelClassName: "text-xs font-medium text-slate-700",
-                inputClassName: "h-10"
-              }
-            ),
-            /* @__PURE__ */ i(
-              Ie,
-              {
-                value: l.fulfillment,
-                onValueChange: (t) => S({ fulfillment: t }),
-                pickupAddress: $t,
-                deliveryEnabled: L,
-                deliveryDisabledReason: Lt,
-                startAddress: l.start_address,
-                onStartAddressChange: (t) => S({ start_address: t }),
-                endAddress: l.end_address,
-                onEndAddressChange: (t) => S({ end_address: t }),
-                testIdPrefix: "storefront-booking-fulfillment"
-              }
-            )
-          ] }),
-          /* @__PURE__ */ c("div", { id: "booking-products", className: "space-y-2 scroll-mt-32", children: [
-            /* @__PURE__ */ i(J, { stepNumber: 2, title: e("products_title") }),
-            /* @__PURE__ */ i("p", { className: "text-sm text-slate-600", children: /* @__PURE__ */ i("span", { children: e("products_description") }) })
-          ] }),
-          /* @__PURE__ */ i("div", { className: "grid gap-4 md:grid-cols-2", children: nt.map((t) => {
-            const a = `/${o ?? ""}/products/${t.slug}`, g = !!x(t) || ot(t);
-            return /* @__PURE__ */ i(
-              xe,
-              {
-                bike: t,
-                detailsPath: a,
-                productDetailsLinkState: ut,
-                actionLabelKey: "add_to_cart",
-                onAction: () => Gt(t),
-                actionDisabled: !g,
-                fallbackLanguage: m,
-                variant: "booking",
-                testId: `storefront-booking-bike-card-${t.id}`.toLowerCase()
-              },
-              t.id
-            );
-          }) }),
-          /* @__PURE__ */ c("div", { className: "space-y-2 pt-4", children: [
-            /* @__PURE__ */ i(J, { stepNumber: 3, title: e("accessories_title") }),
-            /* @__PURE__ */ i("p", { className: "text-sm text-slate-600", children: /* @__PURE__ */ i("span", { children: e("accessories_description") }) })
-          ] }),
-          /* @__PURE__ */ i("div", { className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-3", children: N.map((t) => {
-            const a = H(t.name, n.language, m), r = H(t.description, n.language, m), g = H(t.warning, n.language, m), gt = typeof t.images?.[0] == "string" ? t.images[0].trim() : "", ht = ye(t.primaryImageStyle), Yt = `/${o ?? ""}/products/${t.slug}`, Ht = x(t), bt = G(t), Jt = Pt(t, P), Xt = Y(Jt) === "OUT_OF_STOCK", Zt = !!Ht || ot(t);
-            return /* @__PURE__ */ i(
-              ce,
-              {
-                className: "h-full border-slate-200 bg-white shadow-sm",
-                children: /* @__PURE__ */ c("div", { className: "flex h-full flex-col gap-2 p-3", children: [
-                  /* @__PURE__ */ c(
-                    "div",
-                    {
-                      className: tt("relative aspect-[1618/1000] overflow-hidden rounded-xl", ht.className),
-                      style: ht.style,
-                      children: [
-                        gt ? /* @__PURE__ */ i("img", { src: gt, alt: a, className: "absolute inset-0 h-full w-full object-contain p-1", loading: "lazy" }) : /* @__PURE__ */ i("div", { className: "absolute inset-0 flex items-center justify-center text-slate-400", children: /* @__PURE__ */ i(oe, { className: "h-8 w-8", "aria-hidden": "true" }) }),
-                        Xt ? /* @__PURE__ */ i(
-                          Ot,
-                          {
-                            variant: "destructive",
-                            className: "pointer-events-none absolute right-2 top-2 shadow-sm",
-                            children: /* @__PURE__ */ i("span", { children: e("availability_out_of_stock") })
-                          }
-                        ) : null
-                      ]
-                    }
-                  ),
-                  /* @__PURE__ */ c("div", { className: "flex flex-1 flex-col gap-1", children: [
-                    /* @__PURE__ */ c("div", { className: "flex items-start justify-between gap-2", children: [
-                      /* @__PURE__ */ i("p", { className: "min-w-0 text-sm font-semibold text-slate-950", children: /* @__PURE__ */ i("span", { children: a }) }),
-                      /* @__PURE__ */ i(Ce, { prices: t.prices, className: "shrink-0" })
-                    ] }),
-                    /* @__PURE__ */ i("p", { className: "line-clamp-2 text-xs text-slate-600", children: /* @__PURE__ */ i("span", { children: r }) }),
-                    /* @__PURE__ */ i(Pe, { warning: g, className: "mt-1" })
-                  ] }),
-                  t.productVariants?.length && t.productVariants.length > 1 && Mt === t.id && bt ? /* @__PURE__ */ i(
-                    De,
-                    {
-                      product: t,
-                      selectedVariantId: bt,
-                      onSelect: (_) => pt((te) => ({ ...te, [t.id]: _ })),
-                      onConfirm: () => Qt(t),
-                      onCancel: () => $((_) => _ === t.id ? null : _),
-                      getVariantAvailabilityLabel: (_) => st(t, _),
-                      isVariantOutOfCapacity: (_) => rt(t, _)
-                    }
-                  ) : null,
-                  /* @__PURE__ */ c("div", { className: "mt-auto flex items-center gap-2", children: [
-                    /* @__PURE__ */ i(
-                      Q,
-                      {
-                        to: Yt,
-                        state: ut,
-                        className: "text-xs font-medium text-slate-700 hover:text-slate-950",
-                        children: /* @__PURE__ */ i("span", { children: e("product_details_link") })
-                      }
-                    ),
-                    /* @__PURE__ */ c(
-                      F,
-                      {
-                        type: "button",
-                        size: "sm",
-                        className: "ml-auto rounded-full gap-2",
-                        onClick: () => Wt(t),
-                        disabled: !Zt,
-                        children: [
-                          /* @__PURE__ */ i("span", { children: e("add_to_cart") }),
-                          /* @__PURE__ */ i(At, { className: "h-4 w-4", "aria-hidden": "true" })
-                        ]
-                      }
-                    )
-                  ] })
-                ] })
-              },
-              t.id
-            );
-          }) })
-        ] }) }),
-        /* @__PURE__ */ i("div", { className: "lg:col-span-4", children: /* @__PURE__ */ i(
-          Ne,
-          {
-            lines: mt.lines,
-            itemCount: I,
-            totalPerDayMinor: mt.totalPerDayMinor,
-            checkoutPath: q,
-            showCheckoutAction: !0,
-            showClearAction: !0,
-            editable: !0,
-            stickyTopClassName: "top-32",
-            onQuantityChange: D,
-            onRemove: z,
-            onClear: O
-          }
-        ) })
-      ] })
-    ] }),
-    /* @__PURE__ */ i(
-      Ve,
-      {
-        open: !!b,
-        product: b,
-        onOpenChange: (t) => {
-          t || W(null);
-        },
-        getVariantAvailabilityLabel: (t) => b ? st(b, t) : null,
-        isVariantOutOfCapacity: (t) => b ? rt(b, t) : !1,
-        onAddVariant: (t, a) => {
-          b && (R(b, t, a), W(null));
-        }
-      }
-    )
-  ] });
+function j() {
+	let { t: o, i18n: s } = Se(), { storeSlug: v } = be(), y = ye(), { storefrontConfiguration: D } = oe(), j = D.workspace?.workspaceLanguage, { bikes: Fe, accessories: Ie } = ce(), { bikes: M, accessories: N } = se(), [P, F] = xe(), { items: Le, itemCount: I, addItem: Re, clear: ze, removeItem: Be, setQuantity: Ve } = l(), He = x(() => t(D), [D]), L = x(() => r(D), [D]), R = D.settings.fulfillmentModes.includes("delivery"), Ue = D.settings.deliveryDisabledReason.trim(), We = D.shop.address?.trim() ?? "", z = x(() => i(P, v), [P, v]), [B, Ge] = S(() => ke(n(z, L), R));
+	b(() => {
+		Ge((e) => {
+			let t = {
+				...L,
+				...e,
+				start_time: e.start_time.trim() ? e.start_time : L.start_time,
+				end_time: e.end_time.trim() ? e.end_time : L.end_time
+			}, r = ke(n(z, t), R);
+			return Oe(e, r) ? e : r;
+		});
+	}, [
+		z,
+		L,
+		R
+	]), b(() => {
+		let t = e(P, B);
+		t.toString() !== P.toString() && F(t, { replace: !0 });
+	}, [
+		B,
+		P,
+		F
+	]), b(() => {
+		a(v, B);
+	}, [B, v]);
+	let V = x(() => Ne([...M, ...N]), [N, M]), [Ke, qe] = S([]);
+	b(() => {
+		if (!v || V.length === 0) {
+			qe([]);
+			return;
+		}
+		let e = h(B);
+		if (!e) return;
+		let t = !1;
+		return (async () => {
+			try {
+				let n = await he(f, {
+					storeSlug: v,
+					schedule: e,
+					products: V
+				}), r = ne.parse(n);
+				if (t) return;
+				qe(r.success ? r.availability ?? [] : []);
+			} catch (e) {
+				if (t) return;
+				console.error("Failed to load storefront availability", e);
+			}
+		})(), () => {
+			t = !0;
+		};
+	}, [
+		V,
+		B.end_date,
+		B.end_time,
+		B.start_date,
+		B.start_time,
+		v
+	]);
+	let H = x(() => new Map(Ke.map((e) => [p(e.productId, e.productVariantId), e])), [Ke]), Je = x(() => M.map((e) => {
+		let t = Ae(e, H);
+		return {
+			...e,
+			availabilityStatus: t ? m(t) : e.availabilityStatus ?? "AVAILABLE"
+		};
+	}), [H, M]), Ye = (e, t) => {
+		let n = je(e, t, H);
+		return n ? te(n) : e.availabilityStatus === "OUT_OF_STOCK";
+	}, Xe = (e) => (e.productVariants ?? []).length > 0, Ze = (e, t) => {
+		let n = je(e, t, H);
+		return n ? Me(o, n, m(n)) : e.availabilityStatus === "OUT_OF_STOCK" ? o("availability_out_of_stock") : null;
+	}, Qe = ge(v), $e = x(() => ({
+		startDate: o("booking_start_date"),
+		pickStartDate: o("booking_start_date"),
+		startTime: o("booking_start_time"),
+		endDate: o("booking_end_date"),
+		pickEndDate: o("booking_end_date"),
+		endTime: o("booking_end_time"),
+		selectedDaysTooltip: ({ count: e }) => o("booking_selected_days_tooltip", { count: e })
+	}), [s.language, o]), U = (e) => {
+		Ge((t) => {
+			let n = {
+				...t,
+				...e
+			};
+			return Oe(t, n) ? t : n;
+		});
+	}, et = {
+		startDate: k(B.start_date),
+		onStartDateChange: (e) => {
+			e && U({ start_date: De(e) });
+		},
+		startTime: B.start_time,
+		onStartTimeChange: (e) => U({ start_time: e }),
+		endDate: k(B.end_date) ?? k(B.start_date),
+		onEndDateChange: (e) => {
+			e && U({ end_date: De(e) });
+		},
+		endTime: B.end_time,
+		onEndTimeChange: (e) => U({ end_time: e }),
+		bookingPeriodConfig: He,
+		fetchTimeSlots: Qe,
+		labels: $e,
+		localeCode: s.language
+	}, W = x(() => d({
+		items: Le,
+		language: s.language,
+		fallbackLanguage: j,
+		products: {
+			bikes: Fe,
+			accessories: Ie
+		}
+	}), [
+		Ie,
+		Fe,
+		s.language,
+		Le,
+		j
+	]), G = x(() => W.lines.map((e) => ({
+		productId: e.checkoutProductId,
+		productVariantId: e.productVariantId,
+		quantity: e.quantity
+	})), [W.lines]), [tt, nt] = S([]);
+	b(() => {
+		if (!v || G.length === 0) {
+			nt([]);
+			return;
+		}
+		let e = h(B);
+		if (!e) return;
+		let t = !1;
+		return (async () => {
+			try {
+				let n = await he(f, {
+					storeSlug: v,
+					schedule: e,
+					products: G
+				}), r = ne.parse(n);
+				if (t) return;
+				nt(r.success ? r.availability ?? [] : []);
+			} catch (e) {
+				if (t) return;
+				console.error("Failed to load storefront cart availability", e);
+			}
+		})(), () => {
+			t = !0;
+		};
+	}, [
+		B.end_date,
+		B.end_time,
+		B.start_date,
+		B.start_time,
+		G,
+		v
+	]);
+	let rt = x(() => new Map(tt.map((e) => [p(e.productId, e.productVariantId), e])), [tt]), it = x(() => ({
+		...W,
+		lines: W.lines.map((e) => {
+			let t = rt.get(p(e.checkoutProductId, e.productVariantId)), n = t ? ee(t) : e.availabilityStatus === "OUT_OF_STOCK" ? "unavailable" : void 0;
+			return {
+				...e,
+				insufficientCapacity: n !== void 0,
+				availabilityIssue: n
+			};
+		})
+	}), [rt, W]), K = e(new URLSearchParams(), B).toString(), at = `/${v ?? ""}${K ? `?${K}` : ""}`, ot = `/${v ?? ""}/booking${K ? `?${K}` : ""}`, q = `/${v ?? ""}/checkout${K ? `?${K}` : ""}`, J = { backTo: `${y.pathname}${y.search}${y.hash}` }, [st, Y] = S(null), [ct, lt] = S({}), X = (e) => {
+		let t = ct[e.id];
+		return t && e.productVariants?.some((e) => e.id === t) ? t : A(e);
+	}, ut = P.get(O)?.trim() ?? "", Z = ut ? Je.find((e) => e.id === ut) ?? null : null, Q = (e) => {
+		let t = new URLSearchParams(P);
+		e?.trim() ? t.set(O, e) : t.delete(O), F(t, { replace: !0 });
+	}, dt = (e) => {
+		let t = A(e);
+		t && (lt((n) => n[e.id] ? n : {
+			...n,
+			[e.id]: t
+		}), Y(e.id));
+	}, ft = (e) => {
+		A(e) && (Y(null), Q(e.id));
+	}, $ = (e, t, n = 1) => {
+		Re({
+			kind: e.kind,
+			productId: c(e),
+			...t ? { productVariantId: t } : {},
+			quantity: n
+		});
+	}, pt = (e) => {
+		let t = A(e), n = e.productVariants ?? [];
+		if (t && n.length <= 1) {
+			$(e, t);
+			return;
+		}
+		ft(e);
+	}, mt = (e) => {
+		let t = e.productVariants ?? [], n = X(e);
+		if (n) {
+			if (t.length > 1) {
+				dt(e);
+				return;
+			}
+			$(e, n);
+		}
+	}, ht = (e) => {
+		let t = X(e);
+		t && ($(e, t), Y((t) => t === e.id ? null : t));
+	};
+	return /* @__PURE__ */ w("div", {
+		className: "mx-auto max-w-7xl px-4 py-8 sm:px-6",
+		children: [/* @__PURE__ */ w("div", {
+			className: "flex flex-col gap-4",
+			children: [
+				/* @__PURE__ */ C(ae, {
+					currentStep: "booking",
+					bookingPath: ot,
+					checkoutPath: q,
+					checkoutEnabled: I > 0
+				}),
+				/* @__PURE__ */ w("div", {
+					className: "flex items-center justify-between gap-3",
+					children: [/* @__PURE__ */ w(E, {
+						to: at,
+						className: "inline-flex items-center gap-2 text-sm font-medium text-slate-700 hover:text-slate-950",
+						children: [/* @__PURE__ */ C(Ce, {
+							className: "h-4 w-4",
+							"aria-hidden": "true"
+						}), /* @__PURE__ */ C("span", { children: o("back_to_home") })]
+					}), /* @__PURE__ */ C(E, {
+						to: q,
+						className: T(I > 0 ? "inline-flex" : "hidden"),
+						children: /* @__PURE__ */ w(g, {
+							size: "sm",
+							className: "gap-2",
+							children: [/* @__PURE__ */ C(Ee, {
+								className: "h-4 w-4",
+								"aria-hidden": "true"
+							}), /* @__PURE__ */ C("span", { children: o("checkout_button") })]
+						})
+					})]
+				}),
+				/* @__PURE__ */ w("div", {
+					className: "grid gap-6 lg:grid-cols-12",
+					children: [/* @__PURE__ */ C("div", {
+						className: "lg:col-span-8",
+						children: /* @__PURE__ */ w("div", {
+							className: "space-y-6",
+							children: [
+								/* @__PURE__ */ w("div", {
+									className: "space-y-3",
+									children: [
+										/* @__PURE__ */ C(_, {
+											stepNumber: 1,
+											title: o("booking_summary_title")
+										}),
+										/* @__PURE__ */ C(ie, {
+											...et,
+											className: "gap-3",
+											labelClassName: "text-xs font-medium text-slate-700",
+											inputClassName: "h-10"
+										}),
+										/* @__PURE__ */ C(_e, {
+											value: B.fulfillment,
+											onValueChange: (e) => U({ fulfillment: e }),
+											pickupAddress: We,
+											deliveryEnabled: R,
+											deliveryDisabledReason: Ue,
+											startAddress: B.start_address,
+											onStartAddressChange: (e) => U({ start_address: e }),
+											endAddress: B.end_address,
+											onEndAddressChange: (e) => U({ end_address: e }),
+											testIdPrefix: "storefront-booking-fulfillment"
+										})
+									]
+								}),
+								/* @__PURE__ */ w("div", {
+									id: "booking-products",
+									className: "space-y-2 scroll-mt-32",
+									children: [/* @__PURE__ */ C(_, {
+										stepNumber: 2,
+										title: o("products_title")
+									}), /* @__PURE__ */ C("p", {
+										className: "text-sm text-slate-600",
+										children: /* @__PURE__ */ C("span", { children: o("products_description") })
+									})]
+								}),
+								/* @__PURE__ */ C("div", {
+									className: "grid gap-4 md:grid-cols-2",
+									children: Je.map((e) => {
+										let t = `/${v ?? ""}/products/${e.slug}`, n = !!A(e) || Xe(e);
+										return /* @__PURE__ */ C(me, {
+											bike: e,
+											detailsPath: t,
+											productDetailsLinkState: J,
+											actionLabelKey: "add_to_cart",
+											onAction: () => pt(e),
+											actionDisabled: !n,
+											fallbackLanguage: j,
+											variant: "booking",
+											testId: `storefront-booking-bike-card-${e.id}`.toLowerCase()
+										}, e.id);
+									})
+								}),
+								/* @__PURE__ */ w("div", {
+									className: "space-y-2 pt-4",
+									children: [/* @__PURE__ */ C(_, {
+										stepNumber: 3,
+										title: o("accessories_title")
+									}), /* @__PURE__ */ C("p", {
+										className: "text-sm text-slate-600",
+										children: /* @__PURE__ */ C("span", { children: o("accessories_description") })
+									})]
+								}),
+								/* @__PURE__ */ C("div", {
+									className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-3",
+									children: N.map((e) => {
+										let t = u(e.name, s.language, j), n = u(e.description, s.language, j), r = u(e.warning, s.language, j), i = typeof e.images?.[0] == "string" ? e.images[0].trim() : "", a = pe(e.primaryImageStyle), c = `/${v ?? ""}/products/${e.slug}`, l = A(e), d = X(e), f = m(Ae(e, H)) === "OUT_OF_STOCK", p = !!l || Xe(e);
+										return /* @__PURE__ */ C(le, {
+											className: "h-full border-slate-200 bg-white shadow-sm",
+											children: /* @__PURE__ */ w("div", {
+												className: "flex h-full flex-col gap-2 p-3",
+												children: [
+													/* @__PURE__ */ w("div", {
+														className: T("relative aspect-[1618/1000] overflow-hidden rounded-xl", a.className),
+														style: a.style,
+														children: [i ? /* @__PURE__ */ C("img", {
+															src: i,
+															alt: t,
+															className: "absolute inset-0 h-full w-full object-contain p-1",
+															loading: "lazy"
+														}) : /* @__PURE__ */ C("div", {
+															className: "absolute inset-0 flex items-center justify-center text-slate-400",
+															children: /* @__PURE__ */ C(Te, {
+																className: "h-8 w-8",
+																"aria-hidden": "true"
+															})
+														}), f ? /* @__PURE__ */ C(re, {
+															variant: "destructive",
+															className: "pointer-events-none absolute right-2 top-2 shadow-sm",
+															children: /* @__PURE__ */ C("span", { children: o("availability_out_of_stock") })
+														}) : null]
+													}),
+													/* @__PURE__ */ w("div", {
+														className: "flex flex-1 flex-col gap-1",
+														children: [
+															/* @__PURE__ */ w("div", {
+																className: "flex items-start justify-between gap-2",
+																children: [/* @__PURE__ */ C("p", {
+																	className: "min-w-0 text-sm font-semibold text-slate-950",
+																	children: /* @__PURE__ */ C("span", { children: t })
+																}), /* @__PURE__ */ C(fe, {
+																	prices: e.prices,
+																	className: "shrink-0"
+																})]
+															}),
+															/* @__PURE__ */ C("p", {
+																className: "line-clamp-2 text-xs text-slate-600",
+																children: /* @__PURE__ */ C("span", { children: n })
+															}),
+															/* @__PURE__ */ C(ue, {
+																warning: r,
+																className: "mt-1"
+															})
+														]
+													}),
+													e.productVariants?.length && e.productVariants.length > 1 && st === e.id && d ? /* @__PURE__ */ C(Pe, {
+														product: e,
+														selectedVariantId: d,
+														onSelect: (t) => lt((n) => ({
+															...n,
+															[e.id]: t
+														})),
+														onConfirm: () => ht(e),
+														onCancel: () => Y((t) => t === e.id ? null : t),
+														getVariantAvailabilityLabel: (t) => Ze(e, t),
+														isVariantOutOfCapacity: (t) => Ye(e, t)
+													}) : null,
+													/* @__PURE__ */ w("div", {
+														className: "mt-auto flex items-center gap-2",
+														children: [/* @__PURE__ */ C(E, {
+															to: c,
+															state: J,
+															className: "text-xs font-medium text-slate-700 hover:text-slate-950",
+															children: /* @__PURE__ */ C("span", { children: o("product_details_link") })
+														}), /* @__PURE__ */ w(g, {
+															type: "button",
+															size: "sm",
+															className: "ml-auto rounded-full gap-2",
+															onClick: () => mt(e),
+															disabled: !p,
+															children: [/* @__PURE__ */ C("span", { children: o("add_to_cart") }), /* @__PURE__ */ C(we, {
+																className: "h-4 w-4",
+																"aria-hidden": "true"
+															})]
+														})]
+													})
+												]
+											})
+										}, e.id);
+									})
+								})
+							]
+						})
+					}), /* @__PURE__ */ C("div", {
+						className: "lg:col-span-4",
+						children: /* @__PURE__ */ C(de, {
+							lines: it.lines,
+							itemCount: I,
+							totalPerDayMinor: it.totalPerDayMinor,
+							checkoutPath: q,
+							showCheckoutAction: !0,
+							showClearAction: !0,
+							editable: !0,
+							stickyTopClassName: "top-32",
+							onQuantityChange: Ve,
+							onRemove: Be,
+							onClear: ze
+						})
+					})]
+				})
+			]
+		}), /* @__PURE__ */ C(ve, {
+			open: !!Z,
+			product: Z,
+			onOpenChange: (e) => {
+				e || Q(null);
+			},
+			getVariantAvailabilityLabel: (e) => Z ? Ze(Z, e) : null,
+			isVariantOutOfCapacity: (e) => Z ? Ye(Z, e) : !1,
+			onAddVariant: (e, t) => {
+				Z && ($(Z, e, t), Q(null));
+			}
+		})]
+	});
 }
-export {
-  ua as default
-};
+//#endregion
+export { j as default };