@loczer/storefront-sdk 0.159.0 → 0.161.0

package/dist/lib/fetchStorefrontTimeSlots.d.ts

@@ -0,0 +1,4 @@
+import { JourneyType, TimeSlot } from './booking-period-time-slots';
+export type StorefrontTimeSlotsFetcher = (date: string, journey: JourneyType) => Promise<TimeSlot[] | null>;
+export declare const createStorefrontTimeSlotsFetcher: (storeSlug?: string) => StorefrontTimeSlotsFetcher | undefined;
+//# sourceMappingURL=fetchStorefrontTimeSlots.d.ts.map

package/dist/lib/fetchStorefrontTimeSlots.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fetchStorefrontTimeSlots.d.ts","sourceRoot":"","sources":["../../src/lib/fetchStorefrontTimeSlots.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,QAAQ,EAAE,MAAM,6BAA6B,CAAA;AAO7E,MAAM,MAAM,0BAA0B,GAAG,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW,KAAK,OAAO,CAAC,QAAQ,EAAE,GAAG,IAAI,CAAC,CAAA;AAI3G,eAAO,MAAM,gCAAgC,GAAI,YAAY,MAAM,KAAG,0BAA0B,GAAG,SAsBlG,CAAA"}

package/dist/lib/fetchStorefrontTimeSlots.js

@@ -0,0 +1,22 @@
+import { apiGet as l } from "./apiCall.js";
+import { ROUTE as u, responseSchema as m } from "./storefrontTimeSlots.js";
+const s = /* @__PURE__ */ new Map(), f = (c) => {
+  const e = c?.trim().toLowerCase();
+  if (!e)
+    return;
+  const t = s.get(e);
+  if (t)
+    return t;
+  const r = async (n, a) => {
+    const i = await l(u, {
+      storeSlug: e,
+      date: n,
+      journey: a
+    }), o = m.parse(i);
+    return o.success ? o.timeSlots ?? null : null;
+  };
+  return s.set(e, r), r;
+};
+export {
+  f as createStorefrontTimeSlotsFetcher
+};

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

@@ -1 +1 @@
-{"version":3,"file":"BookingPage.d.ts","sourceRoot":"","sources":["../../src/pages/BookingPage.tsx"],"names":[],"mappings":"AAwQA,MAAM,CAAC,OAAO,UAAU,WAAW,4CA+lBlC"}
+{"version":3,"file":"BookingPage.d.ts","sourceRoot":"","sources":["../../src/pages/BookingPage.tsx"],"names":[],"mappings":"AAwQA,MAAM,CAAC,OAAO,UAAU,WAAW,4CA2lBlC"}

package/dist/pages/BookingPage.js

@@ -2,39 +2,40 @@ import { jsxs as c, jsx as i } from "react/jsx-runtime";
 import { useMemo as p, useState as S, useEffect as P } from "react";
 import { useParams as ne, useLocation as re, useSearchParams as oe, Link as it } from "@rpcbase/router";
 import { cn as ct } from "@rpcbase/ui";
-import { ArrowLeft as se, ShoppingCart as le, Bike as de, ArrowRight as Rt } from "lucide-react";
-import { useTranslation as Ft } from "react-i18next";
-import { apiPost as Vt } from "../lib/apiCall.js";
+import { ArrowLeft as se, ShoppingCart as le, Bike as de, ArrowRight as $t } from "lucide-react";
+import { useTranslation as Rt } from "react-i18next";
+import { apiPost as It } from "../lib/apiCall.js";
 import { getProductVariantAttributeValue as ce, getStorefrontProductVariantDisplay as me } from "../lib/productVariants.js";
 import { getStorefrontCheckoutProductId as mt } from "../lib/products.js";
-import { ROUTE as Pt, responseSchema as At, buildStorefrontAvailabilityKey as h, getStorefrontAvailabilityStatus as K, getStorefrontAvailabilityIssue as Kt, isStorefrontAvailabilityInsufficient as ue } from "../lib/storefrontAvailability.js";
+import { ROUTE as Vt, responseSchema as Pt, buildStorefrontAvailabilityKey as h, getStorefrontAvailabilityStatus as K, getStorefrontAvailabilityIssue as Ft, isStorefrontAvailabilityInsufficient as ue } from "../lib/storefrontAvailability.js";
 import { getLocalizedValue as nt } from "../localization.js";
-import { Badge as Et } from "../ui/badge.js";
+import { Badge as Kt } from "../ui/badge.js";
 import { Button as E } from "../ui/button.js";
 import { Card as pe } from "../ui/card.js";
 import { RadioGroup as fe, RadioGroupItem as ge } from "../ui/radio-group.js";
-import { createBookingPeriodConfigFromStorefrontConfiguration as he, getDefaultBookingParamsForStorefrontConfiguration as be, resolveBookingSearchParamsFromSessionStorage as _e, getBookingParamsFromSearch as Tt, applyBookingParamsToSearch as wt, writeBookingSearchParamsToSessionStorage as ve, TIME_OPTIONS as ye } from "../lib/booking.js";
+import { createBookingPeriodConfigFromStorefrontConfiguration as he, getDefaultBookingParamsForStorefrontConfiguration as be, resolveBookingSearchParamsFromSessionStorage as _e, getBookingParamsFromSearch as At, applyBookingParamsToSearch as wt, writeBookingSearchParamsToSessionStorage as ve } from "../lib/booking.js";
+import { createStorefrontTimeSlotsFetcher as ye } from "../lib/fetchStorefrontTimeSlots.js";
 import { useStorefrontCart as Se } from "../lib/cart.js";
 import { buildStorefrontCartSummary as ke } from "../lib/cartSummary.js";
 import { resolveProductImageContainerStyle as xe } from "../lib/productImageStyles.js";
 import { BookingFlowSteps as Ne } from "../components/BookingFlowSteps/index.js";
 import { StepSectionTitle as rt } from "../components/StepSectionTitle/index.js";
-import { BookingPeriodSelector as Ie } from "../components/BookingPeriodSelector/index.js";
-import { BikeProductCard as Ce } from "../components/BikeProductCard/index.js";
+import { BookingPeriodSelector as Ce } from "../components/BookingPeriodSelector/index.js";
+import { BikeProductCard as Ie } from "../components/BikeProductCard/index.js";
 import { StorefrontCartPanel as Ve } from "../components/StorefrontCartPanel/index.js";
 import { BookingBikeVariantDialog as Pe } from "../components/BookingBikeVariantDialog/index.js";
 import { FulfillmentSection as Ae } from "../components/FulfillmentSection/index.js";
-import { ProductPriceBadge as Te } from "../components/ProductPriceBadge/index.js";
-import { ProductWarningNotice as we } from "../components/ProductWarningNotice/index.js";
-import { useStorefront as Oe, useStorefrontProducts as Be } from "../StorefrontProvider.js";
-const Ot = (e) => String(e).padStart(2, "0"), ot = "product_modal", Bt = (e) => `${e.getFullYear()}-${Ot(e.getMonth() + 1)}-${Ot(e.getDate())}`, st = (e) => {
+import { ProductPriceBadge as we } from "../components/ProductPriceBadge/index.js";
+import { ProductWarningNotice as Te } from "../components/ProductWarningNotice/index.js";
+import { useStorefront as Be, useStorefrontProducts as De } from "../StorefrontProvider.js";
+const Tt = (e) => String(e).padStart(2, "0"), ot = "product_modal", Bt = (e) => `${e.getFullYear()}-${Tt(e.getMonth() + 1)}-${Tt(e.getDate())}`, st = (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]), l = Number(n[3]), m = new Date(o, d - 1, l);
   if (!(Number.isNaN(m.getTime()) || m.getFullYear() !== o || m.getMonth() !== d - 1 || m.getDate() !== l))
     return m;
-}, Dt = (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, I = (e, n = () => !0) => {
+}, Dt = (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, C = (e, n = () => !0) => {
   if (e.representedVariantId?.trim()) return e.representedVariantId.trim();
   const o = e.productVariants ?? [], l = o.find((m) => n(m.id))?.id ?? o[0]?.id;
   return typeof l == "string" && l.trim().length > 0 ? l : null;
@@ -45,10 +46,10 @@ const Ot = (e) => String(e).padStart(2, "0"), ot = "product_modal", Bt = (e) =>
     if (l) return l;
   }
   return n.get(h(o));
-}, $t = (e, n, o) => o.get(h(mt(e), n)), dt = (e, n, o) => {
-  const d = Kt(n);
+}, Ot = (e, n, o) => o.get(h(mt(e), n)), dt = (e, n, o) => {
+  const d = Ft(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");
-}, De = (e) => {
+}, Le = (e) => {
   const n = /* @__PURE__ */ new Map();
   for (const o of e) {
     const d = mt(o);
@@ -66,7 +67,7 @@ const Ot = (e) => String(e).padStart(2, "0"), ot = "product_modal", Bt = (e) =>
   }
   return Array.from(n.values());
 };
-function Le({
+function Oe({
   product: e,
   selectedVariantId: n,
   onSelect: o,
@@ -75,26 +76,26 @@ function Le({
   getVariantAvailabilityLabel: m,
   isVariantOutOfCapacity: k
 }) {
-  const { t: f } = Ft(), g = e.productVariants ?? [], C = g.some((u) => !!ce(u, "size")), A = f(C ? "product_size_label" : "product_variant_label");
+  const { t: f } = Rt(), g = e.productVariants ?? [], I = g.some((u) => !!ce(u, "size")), A = f(I ? "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: A }) }),
     /* @__PURE__ */ i(fe, { value: n, onValueChange: o, className: "grid gap-2", children: g.map((u) => {
-      const T = `booking-variant-${e.id}-${u.id}`.toLowerCase(), M = `storefront-booking-variant-option-${e.id}-${u.id}`.toLowerCase(), { label: z, description: w } = me(u), U = k(u.id), b = m(u.id);
+      const w = `booking-variant-${e.id}-${u.id}`.toLowerCase(), z = `storefront-booking-variant-option-${e.id}-${u.id}`.toLowerCase(), { label: M, description: T } = me(u), U = k(u.id), b = m(u.id);
       return /* @__PURE__ */ c(
         "label",
         {
-          htmlFor: T,
-          "data-testid": M,
+          htmlFor: w,
+          "data-testid": z,
           className: ct(
             "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(ge, { id: T, value: u.id, className: "mt-1" }),
+            /* @__PURE__ */ i(ge, { id: w, 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: z }),
-              w ? /* @__PURE__ */ i("span", { className: "text-xs text-slate-600", children: w }) : null,
-              b ? /* @__PURE__ */ i("span", { className: "pt-1", children: /* @__PURE__ */ i(Et, { variant: U ? "destructive" : "outline", children: /* @__PURE__ */ i("span", { children: b }) }) }) : null
+              /* @__PURE__ */ i("span", { className: "text-sm font-medium text-slate-950", children: M }),
+              T ? /* @__PURE__ */ i("span", { className: "text-xs text-slate-600", children: T }) : null,
+              b ? /* @__PURE__ */ i("span", { className: "pt-1", children: /* @__PURE__ */ i(Kt, { variant: U ? "destructive" : "outline", children: /* @__PURE__ */ i("span", { children: b }) }) }) : null
             ] })
           ]
         },
@@ -111,7 +112,7 @@ function Le({
           onClick: d,
           children: [
             /* @__PURE__ */ i("span", { children: f("add_to_cart") }),
-            /* @__PURE__ */ i(Rt, { className: "h-4 w-4", "aria-hidden": "true" })
+            /* @__PURE__ */ i($t, { className: "h-4 w-4", "aria-hidden": "true" })
           ]
         }
       ),
@@ -119,18 +120,18 @@ function Le({
     ] })
   ] });
 }
-function ma() {
-  const { t: e, i18n: n } = Ft(), { storeSlug: o } = ne(), d = re(), { storefrontConfiguration: l } = Oe(), m = l.workspace?.workspaceLanguage, { bikes: k, accessories: f } = Be(), [g, C] = oe(), { items: A, itemCount: u, addItem: T, clear: M, removeItem: z, setQuantity: w } = Se(), U = p(
+function ua() {
+  const { t: e, i18n: n } = Rt(), { storeSlug: o } = ne(), d = re(), { storefrontConfiguration: l } = Be(), m = l.workspace?.workspaceLanguage, { bikes: k, accessories: f } = De(), [g, I] = oe(), { items: A, itemCount: u, addItem: w, clear: z, removeItem: M, setQuantity: T } = Se(), U = p(
     () => he(l),
     [l]
   ), b = p(
     () => be(l),
     [l]
-  ), O = l.settings.fulfillmentModes.includes("delivery"), Mt = l.settings.deliveryDisabledReason.trim(), zt = l.shop.address?.trim() ?? "", j = p(
+  ), B = l.settings.fulfillmentModes.includes("delivery"), Et = l.settings.deliveryDisabledReason.trim(), zt = l.shop.address?.trim() ?? "", j = p(
     () => _e(g, o),
     [g, o]
   ), [s, ut] = S(
-    () => Lt(Tt(j, b), O)
+    () => Lt(At(j, b), B)
   );
   P(() => {
     ut((t) => {
@@ -139,29 +140,29 @@ function ma() {
         ...t,
         start_time: t.start_time.trim() ? t.start_time : b.start_time,
         end_time: t.end_time.trim() ? t.end_time : b.end_time
-      }, r = Lt(Tt(j, a), O);
+      }, r = Lt(At(j, a), B);
       return Dt(t, r) ? t : r;
     });
-  }, [j, b, O]), P(() => {
+  }, [j, b, B]), P(() => {
     const t = wt(g, s);
-    t.toString() !== g.toString() && C(t, { replace: !0 });
-  }, [s, g, C]), P(() => {
+    t.toString() !== g.toString() && I(t, { replace: !0 });
+  }, [s, g, I]), P(() => {
     ve(o, s);
   }, [s, o]);
   const W = p(
-    () => De([...k, ...f]),
+    () => Le([...k, ...f]),
     [f, k]
-  ), [pt, B] = S([]), [ft, q] = S(!1);
+  ), [pt, D] = S([]), [ft, q] = S(!1);
   P(() => {
     if (!o || W.length === 0) {
-      B([]), q(!1);
+      D([]), q(!1);
       return;
     }
     let t = !1;
-    return q(!0), B([]), (async () => {
+    return q(!0), D([]), (async () => {
       try {
-        const a = await Vt(
-          Pt,
+        const a = await It(
+          Vt,
           {
             storeSlug: o,
             schedule: {
@@ -172,12 +173,12 @@ function ma() {
             },
             products: W
           }
-        ), r = At.parse(a);
+        ), r = Pt.parse(a);
         if (t) return;
-        B(r.success ? r.availability ?? [] : []);
+        D(r.success ? r.availability ?? [] : []);
       } catch (a) {
         if (t) return;
-        console.error("Failed to load storefront availability", a), B([]);
+        console.error("Failed to load storefront availability", a), D([]);
       } finally {
         t || q(!1);
       }
@@ -197,22 +198,19 @@ function ma() {
       h(t.productId, t.productVariantId),
       t
     ])
-  ), [pt]), D = p(() => k.map((t) => {
+  ), [pt]), L = p(() => k.map((t) => {
     const a = lt(t, x);
     return {
       ...t,
       availabilityStatus: a ? K(a) : t.availabilityStatus ?? "AVAILABLE"
     };
   }), [x, k]), gt = (t, a) => {
-    const r = $t(t, a, x);
+    const r = Ot(t, a, x);
     return r ? ue(r) : t.availabilityStatus === "OUT_OF_STOCK";
   }, ht = (t) => (t.productVariants ?? []).length > 0, bt = (t, a) => {
-    const r = $t(t, a, x);
+    const r = Ot(t, a, x);
     return r ? dt(e, r, K(r)) : t.availabilityStatus === "OUT_OF_STOCK" ? e("availability_out_of_stock") : null;
-  }, _t = p(
-    () => ye.map((t) => ({ value: t, label: t })),
-    []
-  ), Ut = p(
+  }, Mt = ye(o), Ut = p(
     () => ({
       startDate: e("booking_start_date"),
       pickStartDate: e("booking_start_date"),
@@ -241,9 +239,8 @@ function ma() {
     },
     endTime: s.end_time,
     onEndTimeChange: (t) => y({ end_time: t }),
-    startTimeOptions: _t,
-    endTimeOptions: _t,
     bookingPeriodConfig: U,
+    fetchTimeSlots: Mt,
     labels: Ut,
     localeCode: n.language
   }, V = p(
@@ -251,9 +248,9 @@ function ma() {
       items: A,
       language: n.language,
       fallbackLanguage: m,
-      products: { bikes: D, accessories: f }
+      products: { bikes: L, accessories: f }
     }),
-    [f, D, n.language, A, m]
+    [f, L, n.language, A, m]
   ), G = p(
     () => V.lines.map((t) => ({
       productId: t.checkoutProductId,
@@ -261,17 +258,17 @@ function ma() {
       quantity: t.quantity
     })),
     [V.lines]
-  ), [vt, L] = S([]), [Q, Y] = S(!1);
+  ), [_t, O] = S([]), [Q, Y] = S(!1);
   P(() => {
     if (!o || G.length === 0) {
-      L([]), Y(!1);
+      O([]), Y(!1);
       return;
     }
     let t = !1;
-    return Y(!0), L([]), (async () => {
+    return Y(!0), O([]), (async () => {
       try {
-        const a = await Vt(
-          Pt,
+        const a = await It(
+          Vt,
           {
             storeSlug: o,
             schedule: {
@@ -282,12 +279,12 @@ function ma() {
             },
             products: G
           }
-        ), r = At.parse(a);
+        ), r = Pt.parse(a);
         if (t) return;
-        L(r.success ? r.availability ?? [] : []);
+        O(r.success ? r.availability ?? [] : []);
       } catch (a) {
         if (t) return;
-        console.error("Failed to load storefront cart availability", a), L([]);
+        console.error("Failed to load storefront cart availability", a), O([]);
       } finally {
         t || Y(!1);
       }
@@ -302,16 +299,16 @@ function ma() {
     G,
     o
   ]);
-  const yt = p(() => new Map(
-    vt.map((t) => [
+  const vt = p(() => new Map(
+    _t.map((t) => [
       h(t.productId, t.productVariantId),
       t
     ])
-  ), [vt]), St = p(
+  ), [_t]), yt = p(
     () => ({
       ...V,
       lines: V.lines.map((t) => {
-        const a = yt.get(h(t.checkoutProductId, t.productVariantId)), r = a ? Kt(a) : t.availabilityStatus === "OUT_OF_STOCK" ? "unavailable" : void 0;
+        const a = vt.get(h(t.checkoutProductId, t.productVariantId)), r = a ? Ft(a) : t.availabilityStatus === "OUT_OF_STOCK" ? "unavailable" : void 0;
         return {
           ...t,
           insufficientCapacity: !Q && r !== void 0,
@@ -319,29 +316,29 @@ function ma() {
         };
       })
     }),
-    [yt, Q, V]
-  ), N = wt(new URLSearchParams(), s).toString(), Wt = `/${o ?? ""}${N ? `?${N}` : ""}`, qt = `/${o ?? ""}/booking${N ? `?${N}` : ""}`, H = `/${o ?? ""}/checkout${N ? `?${N}` : ""}`, kt = {
+    [vt, Q, V]
+  ), N = wt(new URLSearchParams(), s).toString(), Wt = `/${o ?? ""}${N ? `?${N}` : ""}`, qt = `/${o ?? ""}/booking${N ? `?${N}` : ""}`, H = `/${o ?? ""}/checkout${N ? `?${N}` : ""}`, St = {
     backTo: `${d.pathname}${d.search}${d.hash}`
-  }, [Gt, $] = S(null), [Qt, xt] = S({}), J = (t) => {
+  }, [Gt, $] = S(null), [Qt, kt] = S({}), J = (t) => {
     const a = Qt[t.id];
-    return a && t.productVariants?.some((r) => r.id === a) ? a : I(t);
-  }, Nt = g.get(ot)?.trim() ?? "", _ = Nt ? D.find((t) => t.id === Nt) ?? null : null, X = (t) => {
+    return a && t.productVariants?.some((r) => r.id === a) ? a : C(t);
+  }, xt = g.get(ot)?.trim() ?? "", _ = xt ? L.find((t) => t.id === xt) ?? null : null, X = (t) => {
     const a = new URLSearchParams(g);
-    t?.trim() ? a.set(ot, t) : a.delete(ot), C(a, { replace: !0 });
+    t?.trim() ? a.set(ot, t) : a.delete(ot), I(a, { replace: !0 });
   }, Yt = (t) => {
-    const a = I(t);
-    a && (xt((r) => r[t.id] ? r : { ...r, [t.id]: a }), $(t.id));
+    const a = C(t);
+    a && (kt((r) => r[t.id] ? r : { ...r, [t.id]: a }), $(t.id));
   }, Ht = (t) => {
-    I(t) && ($(null), X(t.id));
+    C(t) && ($(null), X(t.id));
   }, R = (t, a, r = 1) => {
-    T({
+    w({
       kind: t.kind,
       productId: t.id,
       ...a ? { productVariantId: a } : {},
       quantity: r
     });
   }, Jt = (t) => {
-    const a = I(t), r = t.productVariants ?? [];
+    const a = C(t), r = t.productVariants ?? [];
     if (a && r.length <= 1) {
       R(t, a);
       return;
@@ -378,7 +375,7 @@ function ma() {
           /* @__PURE__ */ c("div", { className: "space-y-3", children: [
             /* @__PURE__ */ i(rt, { stepNumber: 1, title: e("booking_summary_title") }),
             /* @__PURE__ */ i(
-              Ie,
+              Ce,
               {
                 ...jt,
                 className: "gap-3",
@@ -392,8 +389,8 @@ function ma() {
                 value: s.fulfillment,
                 onValueChange: (t) => y({ fulfillment: t }),
                 pickupAddress: zt,
-                deliveryEnabled: O,
-                deliveryDisabledReason: Mt,
+                deliveryEnabled: B,
+                deliveryDisabledReason: Et,
                 startAddress: s.start_address,
                 onStartAddressChange: (t) => y({ start_address: t }),
                 endAddress: s.end_address,
@@ -406,14 +403,14 @@ function ma() {
             /* @__PURE__ */ i(rt, { 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: D.map((t) => {
-            const a = lt(t, x), r = K(a), Z = `/${o ?? ""}/products/${t.slug}`, F = !!I(t) || ht(t), et = ft ? e("availability_checking") : dt(e, a, r);
+          /* @__PURE__ */ i("div", { className: "grid gap-4 md:grid-cols-2", children: L.map((t) => {
+            const a = lt(t, x), r = K(a), Z = `/${o ?? ""}/products/${t.slug}`, F = !!C(t) || ht(t), et = ft ? e("availability_checking") : dt(e, a, r);
             return /* @__PURE__ */ i(
-              Ce,
+              Ie,
               {
                 bike: t,
                 detailsPath: Z,
-                productDetailsLinkState: kt,
+                productDetailsLinkState: St,
                 actionLabelKey: "add_to_cart",
                 onAction: () => Jt(t),
                 actionDisabled: !F,
@@ -429,7 +426,7 @@ function ma() {
             /* @__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: f.map((t) => {
-            const a = nt(t.name, n.language, m), r = nt(t.description, n.language, m), Z = nt(t.warning, n.language, m), tt = typeof t.images?.[0] == "string" ? t.images[0].trim() : "", F = xe(t.primaryImageStyle), et = `/${o ?? ""}/products/${t.slug}`, te = I(t), It = J(t), Ct = lt(t, x), at = K(Ct), ee = !!te || ht(t), ae = ft ? e("availability_checking") : dt(e, Ct, at);
+            const a = nt(t.name, n.language, m), r = nt(t.description, n.language, m), Z = nt(t.warning, n.language, m), tt = typeof t.images?.[0] == "string" ? t.images[0].trim() : "", F = xe(t.primaryImageStyle), et = `/${o ?? ""}/products/${t.slug}`, te = C(t), Nt = J(t), Ct = lt(t, x), at = K(Ct), ee = !!te || ht(t), ae = ft ? e("availability_checking") : dt(e, Ct, at);
             return /* @__PURE__ */ i(
               pe,
               {
@@ -446,18 +443,18 @@ function ma() {
                   /* @__PURE__ */ c("div", { className: "flex flex-1 flex-col gap-1", children: [
                     /* @__PURE__ */ i("p", { className: "text-sm font-semibold text-slate-950", children: /* @__PURE__ */ i("span", { children: a }) }),
                     /* @__PURE__ */ i("p", { className: "line-clamp-2 text-xs text-slate-600", children: /* @__PURE__ */ i("span", { children: r }) }),
-                    /* @__PURE__ */ i(we, { warning: Z, className: "mt-1" })
+                    /* @__PURE__ */ i(Te, { warning: Z, className: "mt-1" })
                   ] }),
                   /* @__PURE__ */ c("div", { className: "flex flex-wrap items-center gap-2", children: [
-                    /* @__PURE__ */ i(Et, { variant: at === "OUT_OF_STOCK" ? "destructive" : at === "LOW_STOCK" ? "outline" : "secondary", children: /* @__PURE__ */ i("span", { children: ae }) }),
-                    /* @__PURE__ */ i(Te, { prices: t.prices })
+                    /* @__PURE__ */ i(Kt, { variant: at === "OUT_OF_STOCK" ? "destructive" : at === "LOW_STOCK" ? "outline" : "secondary", children: /* @__PURE__ */ i("span", { children: ae }) }),
+                    /* @__PURE__ */ i(we, { prices: t.prices })
                   ] }),
-                  t.productVariants?.length && t.productVariants.length > 1 && Gt === t.id && It ? /* @__PURE__ */ i(
-                    Le,
+                  t.productVariants?.length && t.productVariants.length > 1 && Gt === t.id && Nt ? /* @__PURE__ */ i(
+                    Oe,
                     {
                       product: t,
-                      selectedVariantId: It,
-                      onSelect: (v) => xt((ie) => ({ ...ie, [t.id]: v })),
+                      selectedVariantId: Nt,
+                      onSelect: (v) => kt((ie) => ({ ...ie, [t.id]: v })),
                       onConfirm: () => Zt(t),
                       onCancel: () => $((v) => v === t.id ? null : v),
                       getVariantAvailabilityLabel: (v) => bt(t, v),
@@ -469,7 +466,7 @@ function ma() {
                       it,
                       {
                         to: et,
-                        state: kt,
+                        state: St,
                         className: "text-xs font-medium text-slate-700 hover:text-slate-950",
                         children: /* @__PURE__ */ i("span", { children: e("product_details_link") })
                       }
@@ -484,7 +481,7 @@ function ma() {
                         disabled: !ee,
                         children: [
                           /* @__PURE__ */ i("span", { children: e("add_to_cart") }),
-                          /* @__PURE__ */ i(Rt, { className: "h-4 w-4", "aria-hidden": "true" })
+                          /* @__PURE__ */ i($t, { className: "h-4 w-4", "aria-hidden": "true" })
                         ]
                       }
                     )
@@ -498,17 +495,17 @@ function ma() {
         /* @__PURE__ */ i("div", { className: "lg:col-span-4", children: /* @__PURE__ */ i(
           Ve,
           {
-            lines: St.lines,
+            lines: yt.lines,
             itemCount: u,
-            totalPerDayMinor: St.totalPerDayMinor,
+            totalPerDayMinor: yt.totalPerDayMinor,
             checkoutPath: H,
             showCheckoutAction: !0,
             showClearAction: !0,
             editable: !0,
             stickyTopClassName: "top-32",
-            onQuantityChange: w,
-            onRemove: z,
-            onClear: M
+            onQuantityChange: T,
+            onRemove: M,
+            onClear: z
           }
         ) })
       ] })
@@ -531,5 +528,5 @@ function ma() {
   ] });
 }
 export {
-  ma as default
+  ua as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"HomePage.d.ts","sourceRoot":"","sources":["../../src/pages/HomePage.tsx"],"names":[],"mappings":"AAyGA,MAAM,CAAC,OAAO,UAAU,QAAQ,4CA0pB/B"}
+{"version":3,"file":"HomePage.d.ts","sourceRoot":"","sources":["../../src/pages/HomePage.tsx"],"names":[],"mappings":"AAyGA,MAAM,CAAC,OAAO,UAAU,QAAQ,4CAspB/B"}