@loczer/storefront-sdk 0.164.0 → 0.165.0

package/dist/pages/HomePage.js

@@ -1,79 +1,80 @@
-import { jsxs as r, jsx as e, Fragment as ne } from "react/jsx-runtime";
-import { useMemo as h, useState as N, useRef as Ie, useEffect as He } from "react";
-import { useMediaQuery as je } from "@rpcbase/client";
-import { useParams as Ue, useLocation as Ve, useSearchParams as ze, useNavigate as Ye, Link as le } from "@rpcbase/router";
+import { jsxs as r, jsx as e, Fragment as le } from "react/jsx-runtime";
+import { useMemo as h, useState as b, useRef as He, useEffect as je } from "react";
+import { useMediaQuery as Ue } from "@rpcbase/client";
+import { useParams as Ve, useLocation as ze, useSearchParams as Ye, useNavigate as Qe, Link as V } from "@rpcbase/router";
 import { cn as m } from "@rpcbase/ui";
-import { Clock as Qe, MapPin as We, CheckCircle2 as Ke, ShieldCheck as Ge, Truck as Je, ArrowRight as j, Bike as oe } from "lucide-react";
-import { useTranslation as Xe } from "react-i18next";
-import z from "../chunks/assets/playground-hero-preview.svg-DNbSwXV5.js";
-import { getAvailabilityVariant as Ze } from "../lib/utils.js";
-import { getStorefrontPreset as et } from "../data/config.js";
+import { Clock as We, MapPin as Ke, CheckCircle2 as Ge, ShieldCheck as Je, Truck as Xe, ArrowRight as z, Bike as oe } from "lucide-react";
+import { useTranslation as Ze } from "react-i18next";
+import W from "../chunks/assets/playground-hero-preview.svg-DNbSwXV5.js";
+import { getAvailabilityVariant as et } from "../lib/utils.js";
+import { getStorefrontPreset as tt } from "../data/config.js";
 import { getLocalizedValue as A } from "../localization.js";
-import { AboutSection as tt } from "../components/AboutSection/index.js";
-import { BikeProductCard as at } from "../components/BikeProductCard/index.js";
-import { ContactSection as rt } from "../components/ContactSection/index.js";
+import { AboutSection as at } from "../components/AboutSection/index.js";
+import { BikeProductCard as rt } from "../components/BikeProductCard/index.js";
+import { ContactSection as st } from "../components/ContactSection/index.js";
 import { ProductPriceBadge as de } from "../components/ProductPriceBadge/index.js";
-import { ProductWarningNotice as st } from "../components/ProductWarningNotice/index.js";
-import { TestimonialsSection as it } from "../components/TestimonialsSection/index.js";
-import { BookingPeriodProvider as nt } from "../components/BookingPeriodSelector/BookingPeriodContext.js";
-import { BookingStartDateField as lt } from "../components/BookingPeriodSelector/components/BookingStartDateField.js";
-import { BookingStartTimeField as ot } from "../components/BookingPeriodSelector/components/BookingStartTimeField.js";
-import { BookingEndDateField as dt } from "../components/BookingPeriodSelector/components/BookingEndDateField.js";
-import { BookingEndTimeField as ct } from "../components/BookingPeriodSelector/components/BookingEndTimeField.js";
+import { ProductWarningNotice as it } from "../components/ProductWarningNotice/index.js";
+import { resolveStorefrontCancellationPolicyTeaserTier as nt, StorefrontCancellationPolicyNotice as lt } from "../components/StorefrontCancellationPolicyNotice/index.js";
+import { TestimonialsSection as ot } from "../components/TestimonialsSection/index.js";
+import { BookingPeriodProvider as dt } from "../components/BookingPeriodSelector/BookingPeriodContext.js";
+import { BookingStartDateField as ct } from "../components/BookingPeriodSelector/components/BookingStartDateField.js";
+import { BookingStartTimeField as mt } from "../components/BookingPeriodSelector/components/BookingStartTimeField.js";
+import { BookingEndDateField as ht } from "../components/BookingPeriodSelector/components/BookingEndDateField.js";
+import { BookingEndTimeField as pt } from "../components/BookingPeriodSelector/components/BookingEndTimeField.js";
 import "../components/BookingPeriodSelector/components/BookingMobileDateDrawer.js";
-import { Badge as U } from "../ui/badge.js";
+import { Badge as Y } from "../ui/badge.js";
 import { Button as ce } from "../ui/button.js";
 import { Card as me } from "../ui/card.js";
-import { resolveBookingSearchParamsFromSessionStorage as mt, createBookingPeriodConfigFromStorefrontConfiguration as ht, getDefaultBookingParamsForStorefrontConfiguration as pt, getBookingParamsFromSearch as gt, applyBookingParamsToSearch as ut, writeBookingSearchParamsToSessionStorage as ft } from "../lib/booking.js";
-import { createStorefrontTimeSlotsFetcher as xt } from "../lib/fetchStorefrontTimeSlots.js";
+import { resolveBookingSearchParamsFromSessionStorage as gt, createBookingPeriodConfigFromStorefrontConfiguration as ut, getDefaultBookingParamsForStorefrontConfiguration as ft, getBookingParamsFromSearch as xt, applyBookingParamsToSearch as vt, writeBookingSearchParamsToSessionStorage as bt } from "../lib/booking.js";
+import { createStorefrontTimeSlotsFetcher as Nt } from "../lib/fetchStorefrontTimeSlots.js";
 import { resolveProductImageContainerStyle as he } from "../lib/productImageStyles.js";
-import { usePlaygroundDevSettings as vt } from "../lib/playgroundDevSettings.js";
-import { useStorefront as Nt, useStorefrontProducts as bt } from "../StorefrontProvider.js";
+import { usePlaygroundDevSettings as _t } from "../lib/playgroundDevSettings.js";
+import { useStorefront as kt, useStorefrontProducts as yt } from "../StorefrontProvider.js";
 import { FulfillmentSection as pe } from "../components/FulfillmentSection/index.js";
-import { DeliveryAddressSelector as _t } from "../components/DeliveryAddressSelector/index.js";
-const ge = (a) => String(a).padStart(2, "0"), ue = "text-[11px] font-semibold uppercase tracking-wide text-slate-600", fe = "h-10", kt = 6, xe = 5, ve = [15, 25, 42, 66, 33, 54], V = ["4 / 5", "1 / 1", "3 / 4", "5 / 4", "7 / 9", "4 / 3", "9 / 16", "6 / 7"], Ne = (a) => `${a.getFullYear()}-${ge(a.getMonth() + 1)}-${ge(a.getDate())}`, E = (a) => {
+import { DeliveryAddressSelector as wt } from "../components/DeliveryAddressSelector/index.js";
+const ge = (a) => String(a).padStart(2, "0"), ue = "text-2xs font-semibold uppercase tracking-wide text-slate-600", fe = "h-10", St = 6, xe = 5, ve = [15, 25, 42, 66, 33, 54], Q = ["4 / 5", "1 / 1", "3 / 4", "5 / 4", "7 / 9", "4 / 3", "9 / 16", "6 / 7"], be = (a) => `${a.getFullYear()}-${ge(a.getMonth() + 1)}-${ge(a.getDate())}`, E = (a) => {
   if (!a)
     return;
   const i = a.match(/^(\d{4})-(\d{2})-(\d{2})$/);
   if (!i)
     return;
-  const n = Number(i[1]), p = Number(i[2]), c = Number(i[3]), o = new Date(n, p - 1, c);
-  if (!(Number.isNaN(o.getTime()) || o.getFullYear() !== n || o.getMonth() !== p - 1 || o.getDate() !== c))
+  const n = Number(i[1]), p = Number(i[2]), d = Number(i[3]), o = new Date(n, p - 1, d);
+  if (!(Number.isNaN(o.getTime()) || o.getFullYear() !== n || o.getMonth() !== p - 1 || o.getDate() !== d))
     return o;
-}, yt = (a) => {
-  const i = a.length > 0 ? a : [z];
-  return Array.from({ length: kt }, (n, p) => Array.from({ length: xe }, (c, o) => {
+}, Ct = (a) => {
+  const i = a.length > 0 ? a : [W];
+  return Array.from({ length: St }, (n, p) => Array.from({ length: xe }, (d, o) => {
     const u = p * xe + o;
     return {
-      aspectRatio: V[(u + p) % V.length] ?? V[0],
-      src: i[u % i.length] ?? z
+      aspectRatio: Q[(u + p) % Q.length] ?? Q[0],
+      src: i[u % i.length] ?? W
     };
   }));
 };
-function sa() {
-  const { t: a, i18n: i } = Xe(), { storeSlug: n } = Ue(), p = Ve(), { storefrontConfiguration: c } = Nt(), o = c.workspace?.workspaceLanguage, { bikes: u, accessories: Y } = bt(), [M] = ze(), be = Ye(), f = h(
-    () => mt(M, n),
-    [M, n]
-  ), x = h(() => et(n), [n]), _e = h(
-    () => ht(c),
-    [c]
-  ), d = h(
-    () => pt(c),
-    [c]
-  ), b = h(() => E(d.start_date), [d.start_date]), ke = h(
-    () => E(d.end_date) ?? b,
-    [d.end_date, b]
-  ), v = c.settings.fulfillmentModes.includes("delivery"), Q = c.settings.deliveryDisabledReason.trim(), R = h(
-    () => gt(f, d),
-    [d, f]
-  ), [w, W] = N(
-    () => R.fulfillment === "delivery" && v ? "delivery" : "pickup"
-  ), [T, ye] = N(
-    () => E(f.get("start_date")) ?? b
-  ), [q, we] = N(() => f.get("start_time") ?? d.start_time), [L, Se] = N(() => {
-    const t = E(f.get("start_date")) ?? b;
+function oa() {
+  const { t: a, i18n: i } = Ze(), { storeSlug: n } = Ve(), p = ze(), { storefrontConfiguration: d } = kt(), o = d.workspace?.workspaceLanguage, { bikes: u, accessories: K } = yt(), [T] = Ye(), Ne = Qe(), f = h(
+    () => gt(T, n),
+    [T, n]
+  ), x = h(() => tt(n), [n]), _e = h(
+    () => ut(d),
+    [d]
+  ), c = h(
+    () => ft(d),
+    [d]
+  ), N = h(() => E(c.start_date), [c.start_date]), ke = h(
+    () => E(c.end_date) ?? N,
+    [c.end_date, N]
+  ), v = d.settings.fulfillmentModes.includes("delivery"), G = d.settings.deliveryDisabledReason.trim(), ye = !!nt(d.bookingEngine.cancellationPolicy), M = h(
+    () => xt(f, c),
+    [c, f]
+  ), [w, J] = b(
+    () => M.fulfillment === "delivery" && v ? "delivery" : "pickup"
+  ), [R, we] = b(
+    () => E(f.get("start_date")) ?? N
+  ), [q, Se] = b(() => f.get("start_time") ?? c.start_time), [L, Ce] = b(() => {
+    const t = E(f.get("start_date")) ?? N;
     return E(f.get("end_date")) ?? t ?? ke;
-  }), [F, Ce] = N(() => f.get("end_time") ?? d.end_time), [S, O] = N(() => R.start_address), [C, $] = N(() => R.end_address), I = Ie(null), Pe = h(() => u.slice(0, 4), [u]), { heroMode: K } = vt(), P = K === "vertical_marquee_hero", _ = K === "booking_bar_overlay_hero" || P, G = je("(min-width: 1024px)"), De = xt(n), Ae = h(
+  }), [F, Pe] = b(() => f.get("end_time") ?? c.end_time), [S, O] = b(() => M.start_address), [C, $] = b(() => M.end_address), I = He(null), De = h(() => u.slice(0, 4), [u]), { heroMode: X } = _t(), P = X === "vertical_marquee_hero", _ = X === "booking_bar_overlay_hero" || P, Z = Ue("(min-width: 1024px)"), Ae = Nt(n), Ee = h(
     () => ({
       startDate: a("booking_start_date"),
       pickStartDate: a("booking_start_date"),
@@ -85,114 +86,115 @@ function sa() {
     }),
     [i.language, a]
   ), B = h(() => {
-    const l = T ?? (b ?? /* @__PURE__ */ new Date()), s = L ?? l;
-    return ut(new URLSearchParams(), {
+    const l = R ?? (N ?? /* @__PURE__ */ new Date()), s = L ?? l;
+    return vt(new URLSearchParams(), {
       fulfillment: w === "delivery" && v ? "delivery" : "pickup",
-      start_date: Ne(l),
-      start_time: q || d.start_time,
-      end_date: Ne(s),
-      end_time: F || d.end_time,
+      start_date: be(l),
+      start_time: q || c.start_time,
+      end_date: be(s),
+      end_time: F || c.end_time,
       start_address: S,
       end_address: C
     });
   }, [
-    d.end_time,
-    d.start_time,
-    b,
+    c.end_time,
+    c.start_time,
+    N,
     v,
     C,
     L,
     F,
     w,
     S,
-    T,
+    R,
     q
-  ]), J = B.toString(), Ee = J ? `?${J}` : "";
-  He(() => {
-    ft(n, B);
+  ]), ee = B.toString(), Be = ee ? `?${ee}` : "";
+  je(() => {
+    bt(n, B);
   }, [B, n]);
-  const Be = {
-    startDate: T,
-    onStartDateChange: ye,
+  const Te = {
+    startDate: R,
+    onStartDateChange: we,
     startTime: q,
-    onStartTimeChange: we,
+    onStartTimeChange: Se,
     endDate: L,
-    onEndDateChange: Se,
+    onEndDateChange: Ce,
     endTime: F,
-    onEndTimeChange: Ce,
+    onEndTimeChange: Pe,
     onEndTimeCommit: () => {
       I.current?.focus({ preventScroll: !0 });
     },
     bookingPeriodConfig: _e,
-    fetchTimeSlots: De,
-    labels: Ae,
+    fetchTimeSlots: Ae,
+    labels: Ee,
     localeCode: i.language
   }, H = () => {
-    const t = new URLSearchParams(M);
+    const t = new URLSearchParams(T);
     for (const [l, s] of B.entries())
       t.set(l, s);
-    be(`/${n ?? ""}/booking?${t.toString()}#booking-products`);
-  }, X = (t) => `/${n ?? ""}/products/${t}`, Z = {
+    Ne(`/${n ?? ""}/booking?${t.toString()}#booking-products`);
+  }, j = (t) => `/${n ?? ""}/products/${t}`, U = {
     backTo: `${p.pathname}${p.search}${p.hash}`
-  }, ee = /* @__PURE__ */ r("div", { children: [
+  }, te = /* @__PURE__ */ r("div", { children: [
     /* @__PURE__ */ r("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ r(U, { variant: "secondary", children: [
-        /* @__PURE__ */ e(Qe, { className: "h-3 w-3", "aria-hidden": "true" }),
+      /* @__PURE__ */ r(Y, { variant: "secondary", children: [
+        /* @__PURE__ */ e(We, { className: "h-3 w-3", "aria-hidden": "true" }),
         /* @__PURE__ */ e("span", { children: a("status_open") })
       ] }),
-      /* @__PURE__ */ r(U, { variant: "outline", children: [
-        /* @__PURE__ */ e(We, { className: "h-3 w-3", "aria-hidden": "true" }),
+      /* @__PURE__ */ r(Y, { variant: "outline", children: [
+        /* @__PURE__ */ e(Ke, { className: "h-3 w-3", "aria-hidden": "true" }),
         /* @__PURE__ */ e("span", { children: x.address })
       ] })
     ] }),
     /* @__PURE__ */ e("h1", { className: "mt-4 text-3xl font-semibold tracking-tight sm:text-4xl", children: /* @__PURE__ */ e("span", { children: a("hero_title", { fallback: x.hero_title }) }) }),
     /* @__PURE__ */ e("p", { className: "mt-3 text-sm text-slate-700 sm:text-base", children: /* @__PURE__ */ e("span", { children: a("hero_description", { fallback: x.hero_description }) }) }),
     /* @__PURE__ */ e("div", { className: m("mt-6", !_ && "rounded-xl border bg-white/70 p-3"), children: /* @__PURE__ */ r("ul", { className: m("space-y-3", _ && "space-y-2"), children: [
-      !_ && /* @__PURE__ */ r("li", { className: "flex items-start gap-3", children: [
-        /* @__PURE__ */ e(Ke, { className: "mt-0.5 h-5 w-5 text-slate-900", "aria-hidden": "true" }),
+      /* @__PURE__ */ e(lt, { policy: d.bookingEngine.cancellationPolicy }),
+      !_ && /* @__PURE__ */ r("li", { className: m("flex items-start gap-3", ye && "border-t border-slate-200/70 pt-3"), children: [
+        /* @__PURE__ */ e(Ge, { className: "mt-0.5 h-5 w-5 text-slate-900", "aria-hidden": "true" }),
         /* @__PURE__ */ r("div", { className: "flex flex-col gap-0.5", children: [
           /* @__PURE__ */ e("p", { className: "text-sm font-medium text-slate-950", children: /* @__PURE__ */ e("span", { children: a("feature_ready_in_minutes_title") }) }),
           /* @__PURE__ */ e("p", { className: "text-xs text-slate-600", children: /* @__PURE__ */ e("span", { children: a("feature_ready_in_minutes_description") }) })
         ] })
       ] }),
       /* @__PURE__ */ r("li", { className: m("flex items-start gap-3", !_ && "border-t border-slate-200/70 pt-3"), children: [
-        /* @__PURE__ */ e(Ge, { className: "mt-0.5 h-5 w-5 text-slate-900", "aria-hidden": "true" }),
+        /* @__PURE__ */ e(Je, { className: "mt-0.5 h-5 w-5 text-slate-900", "aria-hidden": "true" }),
         /* @__PURE__ */ r("div", { className: "flex flex-col gap-0.5", children: [
           /* @__PURE__ */ e("p", { className: "text-sm font-medium text-slate-950", children: /* @__PURE__ */ e("span", { children: a("feature_secure_payment_title") }) }),
           /* @__PURE__ */ e("p", { className: "text-xs text-slate-600", children: /* @__PURE__ */ e("span", { children: a("feature_secure_payment_description") }) })
         ] })
       ] }),
       v ? /* @__PURE__ */ r("li", { className: m("flex items-start gap-3", !_ && "border-t border-slate-200/70 pt-3"), children: [
-        /* @__PURE__ */ e(Je, { className: "mt-0.5 h-5 w-5 text-slate-900", "aria-hidden": "true" }),
+        /* @__PURE__ */ e(Xe, { className: "mt-0.5 h-5 w-5 text-slate-900", "aria-hidden": "true" }),
         /* @__PURE__ */ r("div", { className: "flex flex-col gap-0.5", children: [
           /* @__PURE__ */ e("p", { className: "text-sm font-medium text-slate-950", children: /* @__PURE__ */ e("span", { children: a("feature_delivery_title") }) }),
           /* @__PURE__ */ e("p", { className: "text-xs text-slate-600", children: /* @__PURE__ */ e("span", { children: a("feature_delivery_description") }) })
         ] })
       ] }) : null
     ] }) })
-  ] }), te = ({
+  ] }), ae = ({
     className: t,
     showSubmitButton: l = !1,
     submitButtonClassName: s
   }) => /* @__PURE__ */ e(
-    nt,
+    dt,
     {
-      ...Be,
+      ...Te,
       labelClassName: ue,
       inputClassName: fe,
       children: /* @__PURE__ */ r("div", { className: t, children: [
-        /* @__PURE__ */ e("div", { className: "min-w-0", children: /* @__PURE__ */ e(lt, {}) }),
-        /* @__PURE__ */ e(ot, {}),
-        /* @__PURE__ */ e("div", { className: "min-w-0", children: /* @__PURE__ */ e(dt, {}) }),
-        /* @__PURE__ */ e(ct, {}),
+        /* @__PURE__ */ e("div", { className: "min-w-0", children: /* @__PURE__ */ e(ct, {}) }),
+        /* @__PURE__ */ e(mt, {}),
+        /* @__PURE__ */ e("div", { className: "min-w-0", children: /* @__PURE__ */ e(ht, {}) }),
+        /* @__PURE__ */ e(pt, {}),
         l ? /* @__PURE__ */ r(ce, { ref: I, className: m("gap-2", s), onClick: H, children: [
           /* @__PURE__ */ e("span", { children: a("booking_submit") }),
-          /* @__PURE__ */ e(j, { className: "h-4 w-4", "aria-hidden": "true" })
+          /* @__PURE__ */ e(z, { className: "h-4 w-4", "aria-hidden": "true" })
         ] }) : null
       ] })
     }
-  ), ae = (t) => v ? /* @__PURE__ */ e(
-    _t,
+  ), re = (t) => v ? /* @__PURE__ */ e(
+    wt,
     {
       open: w === "delivery",
       className: "sm:min-h-[6.75rem]",
@@ -204,7 +206,7 @@ function sa() {
       onReturnAddressChange: $,
       testIdPrefix: t
     }
-  ) : null, Me = ae("storefront-home-fulfillment-delivery-address"), Re = ae("storefront-home-compact-fulfillment-delivery-address"), Te = /* @__PURE__ */ r(me, { className: "border-slate-200 bg-white/80 shadow-sm", children: [
+  ) : null, Me = re("storefront-home-fulfillment-delivery-address"), Re = re("storefront-home-compact-fulfillment-delivery-address"), qe = /* @__PURE__ */ r(me, { className: "border-slate-200 bg-white/80 shadow-sm", children: [
     /* @__PURE__ */ r("div", { className: "border-b border-slate-200 px-4 py-4", children: [
       /* @__PURE__ */ e("p", { className: "text-sm font-semibold text-slate-950", children: /* @__PURE__ */ e("span", { children: a("booking_title") }) }),
       /* @__PURE__ */ e("p", { className: "mt-1 text-xs text-slate-600", children: /* @__PURE__ */ e("span", { children: a("booking_subtitle") }) })
@@ -214,10 +216,10 @@ function sa() {
         pe,
         {
           value: w,
-          onValueChange: W,
+          onValueChange: J,
           pickupAddress: x.address,
           deliveryEnabled: v,
-          deliveryDisabledReason: Q,
+          deliveryDisabledReason: G,
           startAddress: S,
           onStartAddressChange: O,
           endAddress: C,
@@ -226,25 +228,25 @@ function sa() {
           testIdPrefix: "storefront-home-fulfillment"
         }
       ),
-      te({
+      ae({
         className: "grid grid-cols-1 gap-3 md:grid-cols-2 xl:grid-cols-[minmax(0,1fr)_150px_minmax(0,1fr)_150px] xl:items-start"
       }),
       Me,
       /* @__PURE__ */ e("p", { className: "text-xs text-slate-600", children: /* @__PURE__ */ e("span", { children: a("booking_minimum_duration", { hours: 4 }) }) }),
       /* @__PURE__ */ r(ce, { ref: I, className: "h-11 rounded-xl text-sm font-semibold gap-2", onClick: H, children: [
         /* @__PURE__ */ e("span", { children: a("booking_submit") }),
-        /* @__PURE__ */ e(j, { className: "h-4 w-4", "aria-hidden": "true" })
+        /* @__PURE__ */ e(z, { className: "h-4 w-4", "aria-hidden": "true" })
       ] })
     ] })
-  ] }), re = /* @__PURE__ */ e(me, { className: "border-slate-200 bg-white/95 shadow-xl", children: /* @__PURE__ */ r("div", { className: "grid gap-3 p-4", children: [
+  ] }), se = /* @__PURE__ */ e(me, { className: "border-slate-200 bg-white/95 shadow-xl", children: /* @__PURE__ */ r("div", { className: "grid gap-3 p-4", children: [
     /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
       pe,
       {
         value: w,
-        onValueChange: W,
+        onValueChange: J,
         pickupAddress: x.address,
         deliveryEnabled: v,
-        deliveryDisabledReason: Q,
+        deliveryDisabledReason: G,
         startAddress: S,
         onStartAddressChange: O,
         endAddress: C,
@@ -253,13 +255,13 @@ function sa() {
         testIdPrefix: "storefront-home-compact-fulfillment"
       }
     ) }),
-    te({
+    ae({
       className: "grid gap-3 md:grid-cols-2 xl:grid-cols-[minmax(0,1fr)_150px_minmax(0,1fr)_150px_auto] xl:items-end",
       showSubmitButton: !0,
       submitButtonClassName: "h-10 rounded-xl text-sm font-semibold xl:self-end"
     }),
     Re
-  ] }) }), qe = [...u, ...Y].flatMap((t) => Array.isArray(t.images) ? t.images : []).filter((t) => typeof t == "string" && t.trim().length > 0).map((t) => t.trim()).slice(0, 12), Le = yt(qe), Fe = P ? /* @__PURE__ */ e("style", { children: `
+  ] }) }), Le = [...u, ...K].flatMap((t) => Array.isArray(t.images) ? t.images : []).filter((t) => typeof t == "string" && t.trim().length > 0).map((t) => t.trim()).slice(0, 12), Fe = Ct(Le), Oe = P ? /* @__PURE__ */ e("style", { children: `
       @keyframes storefront-hero-marquee-up {
         0% { transform: translateY(0); }
         100% { transform: translateY(calc(-50% - (var(--storefront-hero-marquee-gap) / 2))); }
@@ -282,7 +284,7 @@ function sa() {
           transform: none !important;
         }
       }
-    ` }) : null, se = (t) => /* @__PURE__ */ e(
+    ` }) : null, ie = (t) => /* @__PURE__ */ e(
     "div",
     {
       className: m("relative h-full min-h-[340px] overflow-hidden", t),
@@ -295,7 +297,7 @@ function sa() {
         maskSize: "100% 100%"
       },
       "aria-hidden": "true",
-      children: /* @__PURE__ */ e("div", { className: "absolute inset-0 grid grid-cols-2 gap-3 md:grid-cols-3 lg:grid-cols-6", children: Le.map((l, s) => {
+      children: /* @__PURE__ */ e("div", { className: "absolute inset-0 grid grid-cols-2 gap-3 md:grid-cols-3 lg:grid-cols-6", children: Fe.map((l, s) => {
         const k = ve[s % ve.length] ?? 32, y = [...l, ...l];
         return /* @__PURE__ */ e(
           "div",
@@ -344,24 +346,24 @@ function sa() {
         );
       }) })
     }
-  ), Oe = P ? /* @__PURE__ */ e("div", { className: "pointer-events-none absolute inset-0 hidden lg:block", "aria-hidden": "true", children: /* @__PURE__ */ r("div", { className: "mx-auto grid h-full max-w-7xl grid-cols-12 gap-8 px-4 sm:px-6", children: [
+  ), $e = P ? /* @__PURE__ */ e("div", { className: "pointer-events-none absolute inset-0 hidden lg:block", "aria-hidden": "true", children: /* @__PURE__ */ r("div", { className: "mx-auto grid h-full max-w-7xl grid-cols-12 gap-8 px-4 sm:px-6", children: [
     /* @__PURE__ */ e("div", { className: "lg:col-span-5" }),
-    /* @__PURE__ */ e("div", { className: "lg:col-span-7", children: se() })
-  ] }) }) : null, $e = P ? /* @__PURE__ */ r(ne, { children: [
-    /* @__PURE__ */ e("div", { className: "lg:hidden", children: se() }),
+    /* @__PURE__ */ e("div", { className: "lg:col-span-7", children: ie() })
+  ] }) }) : null, Ie = P ? /* @__PURE__ */ r(le, { children: [
+    /* @__PURE__ */ e("div", { className: "lg:hidden", children: ie() }),
     /* @__PURE__ */ e("div", { className: "hidden min-h-[510px] lg:block", "aria-hidden": "true" })
   ] }) : /* @__PURE__ */ r("div", { className: "relative min-h-[340px] overflow-hidden rounded-3xl border border-slate-200 bg-slate-900 shadow-sm lg:min-h-[510px]", children: [
     /* @__PURE__ */ e(
       "img",
       {
-        src: z,
+        src: W,
         alt: "Bikes ready for reservation",
         className: "absolute inset-0 h-full w-full object-cover"
       }
     ),
     /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-linear-to-t from-slate-900/45 via-slate-900/15 to-transparent", "aria-hidden": "true" })
   ] });
-  return /* @__PURE__ */ r(ne, { children: [
+  return /* @__PURE__ */ r(le, { children: [
     /* @__PURE__ */ r("section", { className: "relative overflow-hidden border-b border-slate-200", children: [
       /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-linear-to-b from-slate-50 to-white", "aria-hidden": "true" }),
       /* @__PURE__ */ e(
@@ -374,20 +376,20 @@ function sa() {
           "aria-hidden": "true"
         }
       ),
-      Fe,
       Oe,
+      $e,
       _ ? /* @__PURE__ */ r("div", { className: "relative mx-auto grid max-w-7xl gap-8 px-4 py-10 sm:px-6 lg:grid-cols-12 lg:py-14", children: [
         /* @__PURE__ */ r("div", { className: "lg:col-span-5", children: [
-          ee,
-          G ? /* @__PURE__ */ e("div", { className: "mt-7", children: /* @__PURE__ */ e("div", { className: "relative z-20 w-[calc(100%+24rem)] max-w-none", children: re }) }) : null
+          te,
+          Z ? /* @__PURE__ */ e("div", { className: "mt-7", children: /* @__PURE__ */ e("div", { className: "relative z-20 w-[calc(100%+24rem)] max-w-none", children: se }) }) : null
         ] }),
         /* @__PURE__ */ r("div", { className: m("lg:col-span-7", !P && "lg:pt-4"), children: [
-          $e,
-          G ? null : /* @__PURE__ */ e("div", { className: "mt-4", children: re })
+          Ie,
+          Z ? null : /* @__PURE__ */ e("div", { className: "mt-4", children: se })
         ] })
       ] }) : /* @__PURE__ */ r("div", { className: "relative mx-auto grid max-w-7xl gap-8 px-4 py-10 sm:px-6 lg:grid-cols-12 lg:py-14", children: [
-        /* @__PURE__ */ e("div", { className: "lg:col-span-5", children: ee }),
-        /* @__PURE__ */ e("div", { className: "lg:col-span-7", children: Te })
+        /* @__PURE__ */ e("div", { className: "lg:col-span-5", children: te }),
+        /* @__PURE__ */ e("div", { className: "lg:col-span-7", children: qe })
       ] })
     ] }),
     /* @__PURE__ */ r("section", { id: "featured", className: "mx-auto max-w-7xl scroll-mt-16 px-4 py-10 sm:scroll-mt-20 sm:px-6", children: [
@@ -397,50 +399,54 @@ function sa() {
           /* @__PURE__ */ e("p", { className: "text-sm text-slate-600", children: /* @__PURE__ */ e("span", { children: a("featured_description") }) })
         ] }),
         /* @__PURE__ */ r(
-          le,
+          V,
           {
             className: "hidden items-center gap-2 text-sm font-medium text-slate-700 hover:text-slate-950 sm:inline-flex",
-            to: `/${n ?? ""}/booking${Ee}`,
+            to: `/${n ?? ""}/booking${Be}`,
             children: [
               /* @__PURE__ */ e("span", { children: a("featured_view_all") }),
-              /* @__PURE__ */ e(j, { className: "h-4 w-4", "aria-hidden": "true" })
+              /* @__PURE__ */ e(z, { className: "h-4 w-4", "aria-hidden": "true" })
             ]
           }
         )
       ] }),
-      /* @__PURE__ */ e("div", { className: "mt-6 grid gap-4 sm:grid-cols-2 lg:grid-cols-4", children: Pe.map((t) => {
-        const l = t.id, s = t.slug, k = A(t.name, i.language, o), y = A(t.description, i.language, o), g = typeof t.images?.[0] == "string" ? t.images[0].trim() : "", D = he(t.primaryImageStyle), ie = Ze(t.availabilityStatus);
+      /* @__PURE__ */ e("div", { className: "mt-6 grid gap-4 sm:grid-cols-2 lg:grid-cols-4", children: De.map((t) => {
+        const l = t.id, s = t.slug, k = A(t.name, i.language, o), y = A(t.description, i.language, o), g = typeof t.images?.[0] == "string" ? t.images[0].trim() : "", D = he(t.primaryImageStyle), ne = et(t.availabilityStatus);
         return /* @__PURE__ */ r(
           "div",
           {
             className: "group flex h-full flex-col gap-2 rounded-xl border border-slate-200 bg-white p-3 text-left shadow-sm transition hover:border-slate-400",
             children: [
-              /* @__PURE__ */ r(
-                le,
+              /* @__PURE__ */ e(
+                V,
                 {
-                  to: X(s),
-                  state: Z,
-                  className: "flex flex-1 flex-col gap-2",
-                  children: [
-                    /* @__PURE__ */ e(
-                      "span",
-                      {
-                        className: m("relative aspect-[1618/1000] overflow-hidden rounded-xl", D.className),
-                        style: D.style,
-                        children: g ? /* @__PURE__ */ e("img", { src: g, alt: k, className: "absolute inset-0 h-full w-full object-contain p-1", loading: "lazy" }) : /* @__PURE__ */ e("span", { className: "absolute inset-0 flex items-center justify-center text-slate-400", children: /* @__PURE__ */ e(oe, { className: "h-8 w-8", "aria-hidden": "true" }) })
-                      }
-                    ),
-                    /* @__PURE__ */ r("span", { className: "flex flex-1 flex-col gap-1", children: [
-                      /* @__PURE__ */ e("span", { className: "text-sm font-semibold text-slate-950", children: k }),
-                      /* @__PURE__ */ e("span", { className: "line-clamp-2 text-xs text-slate-600", children: y })
-                    ] })
-                  ]
+                  to: j(s),
+                  state: U,
+                  className: "block",
+                  children: /* @__PURE__ */ e(
+                    "span",
+                    {
+                      className: m("relative block aspect-[1618/1000] overflow-hidden rounded-xl", D.className),
+                      style: D.style,
+                      children: g ? /* @__PURE__ */ e("img", { src: g, alt: k, className: "absolute inset-0 h-full w-full object-contain p-1", loading: "lazy" }) : /* @__PURE__ */ e("span", { className: "absolute inset-0 flex items-center justify-center text-slate-400", children: /* @__PURE__ */ e(oe, { className: "h-8 w-8", "aria-hidden": "true" }) })
+                    }
+                  )
                 }
               ),
-              /* @__PURE__ */ r("span", { className: "flex items-center justify-between gap-2", children: [
-                /* @__PURE__ */ e(U, { variant: ie.variant, children: /* @__PURE__ */ e("span", { children: a(ie.labelKey) }) }),
-                /* @__PURE__ */ e(de, { prices: t.prices })
-              ] })
+              /* @__PURE__ */ r("span", { className: "flex flex-1 flex-col gap-1", children: [
+                /* @__PURE__ */ e(
+                  V,
+                  {
+                    to: j(s),
+                    state: U,
+                    className: "text-sm font-semibold text-slate-950 hover:text-slate-700",
+                    children: /* @__PURE__ */ e("span", { children: k })
+                  }
+                ),
+                /* @__PURE__ */ e(de, { prices: t.prices, className: "self-start" }),
+                /* @__PURE__ */ e("span", { className: "line-clamp-2 text-xs text-slate-600", children: y })
+              ] }),
+              /* @__PURE__ */ e("span", { className: "flex items-center gap-2", children: /* @__PURE__ */ e(Y, { variant: ne.variant, children: /* @__PURE__ */ e("span", { children: a(ne.labelKey) }) }) })
             ]
           },
           l
@@ -453,11 +459,11 @@ function sa() {
         /* @__PURE__ */ e("p", { className: "text-sm text-slate-600", children: /* @__PURE__ */ e("span", { children: a("products_description") }) })
       ] }) }),
       /* @__PURE__ */ e("div", { className: "mt-6 grid gap-4 md:grid-cols-2", children: u.map((t) => /* @__PURE__ */ e(
-        at,
+        rt,
         {
           bike: t,
-          detailsPath: X(t.slug),
-          productDetailsLinkState: Z,
+          detailsPath: j(t.slug),
+          productDetailsLinkState: U,
           fallbackLanguage: o,
           onAction: H
         },
@@ -469,7 +475,7 @@ function sa() {
         /* @__PURE__ */ e("h2", { className: "text-xl font-semibold tracking-tight", children: /* @__PURE__ */ e("span", { children: a("accessories_title") }) }),
         /* @__PURE__ */ e("p", { className: "text-sm text-slate-600", children: /* @__PURE__ */ e("span", { children: a("accessories_description") }) })
       ] }) }),
-      /* @__PURE__ */ e("div", { className: "mt-6 grid gap-4 sm:grid-cols-2 lg:grid-cols-4", children: Y.slice(0, 4).map((t) => {
+      /* @__PURE__ */ e("div", { className: "mt-6 grid gap-4 sm:grid-cols-2 lg:grid-cols-4", children: K.slice(0, 4).map((t) => {
         const l = A(t.name, i.language, o), s = A(t.description, i.language, o), k = A(t.warning, i.language, o), y = typeof t.images?.[0] == "string" ? t.images[0].trim() : "", g = he(t.primaryImageStyle);
         return /* @__PURE__ */ r("div", { className: "flex h-full flex-col gap-2 rounded-xl border border-slate-200 bg-white p-3 shadow-sm", children: [
           /* @__PURE__ */ e(
@@ -483,17 +489,17 @@ function sa() {
           /* @__PURE__ */ r("div", { className: "flex flex-1 flex-col gap-1", children: [
             /* @__PURE__ */ e("p", { className: "text-sm font-semibold text-slate-950", children: /* @__PURE__ */ e("span", { children: l }) }),
             /* @__PURE__ */ e("p", { className: "line-clamp-2 text-xs text-slate-600", children: /* @__PURE__ */ e("span", { children: s }) }),
-            /* @__PURE__ */ e(st, { warning: k, className: "mt-1" })
+            /* @__PURE__ */ e(it, { warning: k, className: "mt-1" })
           ] }),
           /* @__PURE__ */ e("div", { className: "flex items-center justify-between gap-2", children: /* @__PURE__ */ e(de, { prices: t.prices }) })
         ] }, t.id);
       }) })
     ] }),
-    /* @__PURE__ */ e(tt, { preset: x }),
-    /* @__PURE__ */ e(it, {}),
-    /* @__PURE__ */ e(rt, { preset: x, storeSlug: n ?? "" })
+    /* @__PURE__ */ e(at, { preset: x }),
+    /* @__PURE__ */ e(ot, {}),
+    /* @__PURE__ */ e(st, { preset: x, storeSlug: n ?? "" })
   ] });
 }
 export {
-  sa as default
+  oa as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"PaymentLinkPage.d.ts","sourceRoot":"","sources":["../../src/pages/PaymentLinkPage.tsx"],"names":[],"mappings":"AA8DA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4DA,CAAA;AA0CnB,MAAM,CAAC,OAAO,UAAU,eAAe,4CAqStC"}
+{"version":3,"file":"PaymentLinkPage.d.ts","sourceRoot":"","sources":["../../src/pages/PaymentLinkPage.tsx"],"names":[],"mappings":"AA2DA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4DA,CAAA;AA0CnB,MAAM,CAAC,OAAO,UAAU,eAAe,4CAsStC"}