@loczer/storefront-sdk 0.148.0 → 0.150.0

package/dist/pages/ProductPage.js

@@ -0,0 +1,255 @@
+import { jsx as t, jsxs as s } from "react/jsx-runtime";
+import { useMemo as g, useState as N, useEffect as T } from "react";
+import { useParams as Nt, useSearchParams as kt, useLocation as St, useNavigate as wt, Link as Z } from "@rpcbase/router";
+import { cn as k } from "@rpcbase/ui";
+import { ArrowLeft as tt, ArrowRight as B, Bike as It, CheckCircle2 as Pt } from "lucide-react";
+import { useTranslation as Vt } from "react-i18next";
+import { apiPost as At } from "../lib/apiCall.js";
+import { getAvailabilityVariant as Ct } from "../lib/utils.js";
+import { resolveBookingSearchParamsFromSessionStorage as Lt, getBookingParamsFromSearch as Tt, writeBookingSearchParamsToSessionStorage as Bt } from "../lib/booking.js";
+import { getLocalizedValue as S } from "../localization.js";
+import { Badge as et } from "../ui/badge.js";
+import { Button as b } from "../ui/button.js";
+import { Card as Ot } from "../ui/card.js";
+import { Input as Rt } from "../ui/input.js";
+import { RadioGroup as $t, RadioGroupItem as Ft } from "../ui/radio-group.js";
+import { useStorefrontCart as zt } from "../lib/cart.js";
+import { findStorefrontProductBySlug as jt, getStorefrontCheckoutProductId as O } from "../lib/products.js";
+import { ROUTE as Mt, responseSchema as Kt, buildStorefrontAvailabilityKey as m, getStorefrontAvailabilityStatus as at, isStorefrontAvailabilityInsufficient as it, getStorefrontAvailabilityIssue as Dt } from "../lib/storefrontAvailability.js";
+import { getProductVariantAttributeValue as Et, getStorefrontProductVariantDisplay as qt } from "../lib/productVariants.js";
+import { resolveProductImageContainerStyle as Gt } from "../lib/productImageStyles.js";
+import { useStorefront as Ut, useStorefrontProducts as Wt } from "../StorefrontProvider.js";
+import { ProductPriceBadge as Qt } from "../components/ProductPriceBadge/index.js";
+import { ProductWarningNotice as Ht } from "../components/ProductWarningNotice/index.js";
+const rt = (e, n = () => !0) => {
+  if (!e) return null;
+  if (e.representedVariantId?.trim()) return e.representedVariantId.trim();
+  const a = e.productVariants ?? [];
+  return a.find((o) => n(o.id))?.id ?? a[0]?.id ?? null;
+}, Jt = (e, n) => {
+  if (!e) return [];
+  const a = O(e), l = /* @__PURE__ */ new Map();
+  l.set(m(a), { productId: a, quantity: n });
+  for (const v of e.productVariants ?? [])
+    l.set(m(a, v.id), {
+      productId: a,
+      productVariantId: v.id,
+      quantity: n
+    });
+  const o = e.representedVariantId?.trim();
+  return o && l.set(m(a, o), {
+    productId: a,
+    productVariantId: o,
+    quantity: n
+  }), Array.from(l.values());
+}, Xt = (e, n) => {
+  const a = O(e), l = e.representedVariantId?.trim();
+  if (l) {
+    const o = n.get(m(a, l));
+    if (o) return o;
+  }
+  return n.get(m(a));
+}, Yt = (e, n, a) => a.get(m(O(e), n)), st = (e, n, a) => {
+  const l = Dt(n);
+  return l === "quantity_unavailable" ? e("availability_quantity_unavailable") : l === "unavailable" || a === "OUT_OF_STOCK" ? e("availability_out_of_stock") : n?.remaining !== void 0 ? e("availability_remaining_count", { count: n.remaining }) : n?.fewRemaining || a === "LOW_STOCK" ? e("availability_low_stock") : e("availability_in_stock");
+}, Zt = (e) => "availabilityStatus" in e ? e.availabilityStatus ?? "AVAILABLE" : "AVAILABLE";
+function ke() {
+  const { t: e, i18n: n } = Vt(), { storeSlug: a, productSlug: l } = Nt(), [o] = kt(), v = St(), nt = wt(), { addItem: lt, itemCount: R } = zt(), { storefrontConfiguration: ot } = Ut(), x = ot.workspace?.workspaceLanguage, { bikes: $, accessories: F } = Wt(), i = g(
+    () => l ? jt(l, { bikes: $, accessories: F }) : null,
+    [F, $, l]
+  ), p = g(
+    () => Lt(o, a),
+    [o, a]
+  ), d = g(() => Tt(p), [p]), z = p.toString(), j = `/${a ?? ""}/checkout${z ? `?${z}` : ""}`, M = `/${a ?? ""}`, ct = M, w = v.state, dt = typeof w?.backTo == "string" && w.backTo.startsWith(M) ? w.backTo : ct, [I, K] = N(1), [u, P] = N(() => rt(i)), V = Number.isFinite(I) ? Math.max(1, Math.min(99, Math.floor(I))) : 1, A = g(
+    () => Jt(i, V),
+    [V, i]
+  ), [D, y] = N([]), [mt, C] = N(!1);
+  T(() => {
+    if (K(1), !i) {
+      P(null);
+      return;
+    }
+    P(rt(i));
+  }, [l, i]), T(() => {
+    Bt(a, p);
+  }, [p, a]), T(() => {
+    if (!a || A.length === 0) {
+      y([]), C(!1);
+      return;
+    }
+    let r = !1;
+    return C(!0), y([]), (async () => {
+      try {
+        const c = await At(
+          Mt,
+          {
+            storeSlug: a,
+            schedule: {
+              startDate: d.start_date,
+              endDate: d.end_date,
+              startTime: d.start_time,
+              endTime: d.end_time
+            },
+            products: A
+          }
+        ), _ = Kt.parse(c);
+        if (r) return;
+        y(_.success ? _.availability ?? [] : []);
+      } catch (c) {
+        if (r) return;
+        console.error("Failed to load storefront product availability", c), y([]);
+      } finally {
+        r || C(!1);
+      }
+    })(), () => {
+      r = !0;
+    };
+  }, [
+    A,
+    d.end_date,
+    d.end_time,
+    d.start_date,
+    d.start_time,
+    a
+  ]);
+  const E = g(() => new Map(
+    D.map((r) => [
+      m(r.productId, r.productVariantId),
+      r
+    ])
+  ), [D]), q = () => {
+    nt(dt);
+  };
+  if (!i)
+    return /* @__PURE__ */ t("div", { className: "mx-auto max-w-3xl px-4 py-10 sm:px-6", children: /* @__PURE__ */ s("div", { className: "rounded-2xl border border-slate-200 bg-white p-6 shadow-sm", children: [
+      /* @__PURE__ */ t("h1", { className: "text-xl font-semibold tracking-tight text-slate-950", children: /* @__PURE__ */ t("span", { children: e("product_not_found_title") }) }),
+      /* @__PURE__ */ t("p", { className: "mt-2 text-sm text-slate-600", children: /* @__PURE__ */ t("span", { children: e("product_not_found_description") }) }),
+      /* @__PURE__ */ t("div", { className: "mt-6", children: /* @__PURE__ */ s(b, { type: "button", className: "gap-2", onClick: q, children: [
+        /* @__PURE__ */ t(tt, { className: "h-4 w-4", "aria-hidden": "true" }),
+        /* @__PURE__ */ t("span", { children: e("go_back") })
+      ] }) })
+    ] }) });
+  const G = S(i.name, n.language, x), ut = S(i.description, n.language, x), pt = S(i.warning, n.language, x), U = typeof i.images?.[0] == "string" ? i.images[0].trim() : "", W = Gt(i.primaryImageStyle), h = Xt(i, E), Q = Zt(i), H = h ? at(h) : Q, ht = Ct(H), ft = mt ? e("availability_checking") : st(e, h, H), J = h ? it(h) : Q === "OUT_OF_STOCK", L = i.productVariants ?? [], gt = L.some((r) => !!Et(r, "size")), bt = e(gt ? "product_size_label" : "product_variant_label"), vt = !!u, xt = () => {
+    u && lt({
+      kind: i.kind,
+      productId: i.id,
+      ...u ? { productVariantId: u } : {},
+      quantity: V
+    });
+  };
+  return /* @__PURE__ */ t("div", { className: "mx-auto max-w-7xl px-4 py-8 sm:px-6", children: /* @__PURE__ */ s("div", { className: "flex flex-col gap-6", children: [
+    /* @__PURE__ */ s("div", { className: "flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between", children: [
+      /* @__PURE__ */ s(
+        b,
+        {
+          type: "button",
+          variant: "ghost",
+          className: "h-auto justify-start gap-2 self-start px-0 text-sm font-medium text-slate-700 hover:bg-transparent hover:text-slate-950",
+          onClick: q,
+          children: [
+            /* @__PURE__ */ t(tt, { className: "h-4 w-4", "aria-hidden": "true" }),
+            /* @__PURE__ */ t("span", { children: e("go_back") })
+          ]
+        }
+      ),
+      /* @__PURE__ */ t(Z, { to: j, className: k(R > 0 ? "inline-flex" : "hidden"), children: /* @__PURE__ */ s(b, { size: "sm", className: "gap-2", children: [
+        /* @__PURE__ */ t("span", { children: e("checkout_button") }),
+        /* @__PURE__ */ t(B, { className: "h-4 w-4", "aria-hidden": "true" })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ s("div", { className: "grid gap-6 lg:grid-cols-12", children: [
+      /* @__PURE__ */ s("div", { className: "lg:col-span-7", children: [
+        /* @__PURE__ */ t(
+          "div",
+          {
+            className: k("relative aspect-[1618/1000] overflow-hidden rounded-2xl", W.className),
+            style: W.style,
+            children: U ? /* @__PURE__ */ t(
+              "img",
+              {
+                src: U,
+                alt: G,
+                className: "absolute inset-0 h-full w-full object-contain p-2",
+                loading: "lazy"
+              }
+            ) : /* @__PURE__ */ t("div", { className: "absolute inset-0 flex items-center justify-center text-slate-400", children: /* @__PURE__ */ t(It, { className: "h-12 w-12", "aria-hidden": "true" }) })
+          }
+        ),
+        /* @__PURE__ */ s("div", { className: "mt-5 flex flex-col gap-3", children: [
+          /* @__PURE__ */ s("div", { className: "flex flex-wrap items-center gap-2", children: [
+            /* @__PURE__ */ t(et, { variant: ht.variant, children: /* @__PURE__ */ t("span", { children: ft }) }),
+            /* @__PURE__ */ t(Qt, { prices: i.prices })
+          ] }),
+          /* @__PURE__ */ t("h1", { className: "text-2xl font-semibold tracking-tight text-slate-950", children: /* @__PURE__ */ t("span", { children: G }) }),
+          /* @__PURE__ */ t("p", { className: "text-sm text-slate-600", children: /* @__PURE__ */ t("span", { children: ut }) }),
+          i.features?.length ? /* @__PURE__ */ s("div", { className: "mt-2 space-y-2", children: [
+            /* @__PURE__ */ t("p", { className: "text-sm font-semibold text-slate-950", children: /* @__PURE__ */ t("span", { children: e("product_features_title") }) }),
+            /* @__PURE__ */ t("ul", { className: "grid gap-1 text-sm text-slate-700", children: i.features.map((r, c) => /* @__PURE__ */ s("li", { className: "inline-flex items-start gap-2", children: [
+              /* @__PURE__ */ t(Pt, { className: "mt-0.5 h-4 w-4 text-emerald-600", "aria-hidden": "true" }),
+              /* @__PURE__ */ t("span", { children: S(r, n.language, x) })
+            ] }, `${i.id}-${c}`)) })
+          ] }) : null,
+          /* @__PURE__ */ t(Ht, { warning: pt })
+        ] })
+      ] }),
+      /* @__PURE__ */ t("div", { className: "lg:col-span-5", children: /* @__PURE__ */ s(Ot, { className: "border-slate-200 bg-white shadow-sm", children: [
+        /* @__PURE__ */ s("div", { className: "border-b border-slate-200 px-5 py-4", children: [
+          /* @__PURE__ */ t("p", { className: "text-sm font-semibold text-slate-950", children: /* @__PURE__ */ t("span", { children: e("add_to_cart_title") }) }),
+          /* @__PURE__ */ t("p", { className: "mt-1 text-xs text-slate-600", children: /* @__PURE__ */ t("span", { children: e("add_to_cart_description") }) })
+        ] }),
+        /* @__PURE__ */ s("div", { className: "grid gap-4 px-5 py-5", children: [
+          L.length > 1 ? /* @__PURE__ */ s("div", { className: "grid gap-2", children: [
+            /* @__PURE__ */ t("p", { className: "text-xs font-medium text-slate-700", children: /* @__PURE__ */ t("span", { children: bt }) }),
+            /* @__PURE__ */ t($t, { value: u ?? "", onValueChange: P, className: "grid gap-2", children: L.map((r) => {
+              const c = `variant-${i.id}-${r.id}`.toLowerCase(), _ = `storefront-product-variant-option-${i.id}-${r.id}`.toLowerCase(), { label: yt, description: X } = qt(r), f = Yt(i, r.id, E), _t = f ? it(f) : J, Y = f ? st(e, f, at(f)) : J ? e("availability_out_of_stock") : null;
+              return /* @__PURE__ */ s(
+                "label",
+                {
+                  htmlFor: c,
+                  "data-testid": _,
+                  className: k(
+                    "flex items-start gap-3 rounded-xl border p-3 transition",
+                    u === r.id ? "border-slate-900 bg-slate-50" : "border-slate-200 bg-white"
+                  ),
+                  children: [
+                    /* @__PURE__ */ t(Ft, { id: c, value: r.id, className: "mt-1" }),
+                    /* @__PURE__ */ s("span", { className: "flex flex-1 flex-col gap-0.5", children: [
+                      /* @__PURE__ */ t("span", { className: "text-sm font-medium text-slate-950", children: yt }),
+                      X ? /* @__PURE__ */ t("span", { className: "text-xs text-slate-600", children: X }) : null,
+                      Y ? /* @__PURE__ */ t("span", { className: "pt-1", children: /* @__PURE__ */ t(et, { variant: _t ? "destructive" : "outline", children: /* @__PURE__ */ t("span", { children: Y }) }) }) : null
+                    ] })
+                  ]
+                },
+                c
+              );
+            }) })
+          ] }) : null,
+          /* @__PURE__ */ s("div", { className: "grid gap-2", children: [
+            /* @__PURE__ */ t("p", { className: "text-xs font-medium text-slate-700", children: /* @__PURE__ */ t("span", { children: e("quantity_label") }) }),
+            /* @__PURE__ */ t(
+              Rt,
+              {
+                type: "number",
+                min: 1,
+                max: 99,
+                value: I,
+                onChange: (r) => K(Number(r.target.value))
+              }
+            )
+          ] }),
+          /* @__PURE__ */ s(b, { className: "h-11 rounded-xl text-sm font-semibold gap-2", onClick: xt, disabled: !vt, children: [
+            /* @__PURE__ */ t("span", { children: e("add_to_cart") }),
+            /* @__PURE__ */ t(B, { className: "h-4 w-4", "aria-hidden": "true" })
+          ] }),
+          /* @__PURE__ */ t(Z, { to: j, className: k(R > 0 ? "block" : "hidden"), children: /* @__PURE__ */ s(b, { variant: "outline", className: "h-11 w-full rounded-xl gap-2", children: [
+            /* @__PURE__ */ t("span", { children: e("go_to_checkout") }),
+            /* @__PURE__ */ t(B, { className: "h-4 w-4", "aria-hidden": "true" })
+          ] }) })
+        ] })
+      ] }) })
+    ] })
+  ] }) });
+}
+export {
+  ke as default
+};

package/dist/pages/checkout/components/CheckoutCouponCard.js

@@ -0,0 +1,72 @@
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import { Tag as g, Loader2 as b, X as N } from "lucide-react";
+import { useTranslation as _ } from "react-i18next";
+import { Button as d } from "../../../ui/button.js";
+import { Card as f } from "../../../ui/card.js";
+import { Input as v } from "../../../ui/input.js";
+function z({
+  code: r,
+  appliedCode: n,
+  discountLabel: c,
+  message: o,
+  error: s,
+  loading: l,
+  disabled: i,
+  onCodeChange: p,
+  onApply: m,
+  onRemove: h
+}) {
+  const { t: a } = _(), u = r.trim().length > 0 && !l && !i;
+  return /* @__PURE__ */ e(f, { className: "border-slate-200 bg-white shadow-sm", children: /* @__PURE__ */ t("div", { className: "grid gap-3 px-5 py-5", children: [
+    /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ e(g, { className: "h-4 w-4 text-slate-500", "aria-hidden": "true" }),
+      /* @__PURE__ */ e("p", { className: "text-sm font-semibold text-slate-950", children: /* @__PURE__ */ e("span", { children: a("checkout_coupon_title") }) })
+    ] }),
+    /* @__PURE__ */ t("div", { className: "grid gap-2 sm:grid-cols-[1fr_auto]", children: [
+      /* @__PURE__ */ e(
+        v,
+        {
+          value: r,
+          onChange: (x) => p(x.target.value.toUpperCase()),
+          placeholder: a("checkout_coupon_placeholder"),
+          disabled: l || i,
+          "aria-label": a("checkout_coupon_label")
+        }
+      ),
+      /* @__PURE__ */ t(
+        d,
+        {
+          type: "button",
+          variant: "outline",
+          disabled: !u,
+          className: "gap-2",
+          onClick: m,
+          children: [
+            l ? /* @__PURE__ */ e(b, { className: "h-4 w-4 animate-spin", "aria-hidden": "true" }) : null,
+            /* @__PURE__ */ e("span", { children: a("checkout_coupon_apply") })
+          ]
+        }
+      )
+    ] }),
+    n && c ? /* @__PURE__ */ t("div", { className: "flex items-center justify-between gap-3 rounded-lg border border-emerald-200 bg-emerald-50 px-3 py-2 text-sm text-emerald-800", children: [
+      /* @__PURE__ */ e("span", { children: a("checkout_coupon_applied", { code: n, amount: c }) }),
+      /* @__PURE__ */ e(
+        d,
+        {
+          type: "button",
+          variant: "ghost",
+          size: "icon",
+          className: "h-7 w-7 text-emerald-800 hover:bg-emerald-100",
+          onClick: h,
+          "aria-label": a("checkout_coupon_remove"),
+          children: /* @__PURE__ */ e(N, { className: "h-4 w-4", "aria-hidden": "true" })
+        }
+      )
+    ] }) : null,
+    o ? /* @__PURE__ */ e("p", { className: "text-xs text-slate-600", children: /* @__PURE__ */ e("span", { children: o }) }) : null,
+    s ? /* @__PURE__ */ e("p", { className: "text-xs text-red-700", children: /* @__PURE__ */ e("span", { children: s }) }) : null
+  ] }) });
+}
+export {
+  z as CheckoutCouponCard
+};

package/dist/pages/checkout/components/CheckoutDetailsCard.js

@@ -0,0 +1,68 @@
+import { jsxs as o, jsx as e } from "react/jsx-runtime";
+import { useTranslation as m } from "react-i18next";
+import { Card as s } from "../../../ui/card.js";
+import { Form as p, FormField as t, FormItem as n, FormLabel as a, FormControl as d, FormMessage as h } from "../../../ui/form.js";
+import { Input as i } from "../../../ui/input.js";
+import { Textarea as _ } from "../../../ui/textarea.js";
+function N({ form: c }) {
+  const { t: l } = m();
+  return /* @__PURE__ */ o(s, { className: "border-slate-200 bg-white shadow-sm", children: [
+    /* @__PURE__ */ o("div", { className: "border-b border-slate-200 px-5 py-4", children: [
+      /* @__PURE__ */ e("p", { className: "text-sm font-semibold text-slate-950", children: /* @__PURE__ */ e("span", { children: l("checkout_form_title") }) }),
+      /* @__PURE__ */ e("p", { className: "mt-1 text-xs text-slate-600", children: /* @__PURE__ */ e("span", { children: l("checkout_form_description") }) })
+    ] }),
+    /* @__PURE__ */ e("div", { className: "px-5 py-5", children: /* @__PURE__ */ e(p, { ...c, children: /* @__PURE__ */ o("form", { onSubmit: (r) => r.preventDefault(), className: "grid gap-3", children: [
+      /* @__PURE__ */ e(
+        t,
+        {
+          control: c.control,
+          name: "full_name",
+          render: ({ field: r }) => /* @__PURE__ */ o(n, { children: [
+            /* @__PURE__ */ e(a, { children: l("checkout_full_name_label") }),
+            /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(i, { ...r, placeholder: l("checkout_full_name_placeholder") }) }),
+            /* @__PURE__ */ e(h, {})
+          ] })
+        }
+      ),
+      /* @__PURE__ */ e(
+        t,
+        {
+          control: c.control,
+          name: "email",
+          render: ({ field: r }) => /* @__PURE__ */ o(n, { children: [
+            /* @__PURE__ */ e(a, { children: l("checkout_email_label") }),
+            /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(i, { ...r, type: "email", placeholder: l("checkout_email_placeholder") }) }),
+            /* @__PURE__ */ e(h, {})
+          ] })
+        }
+      ),
+      /* @__PURE__ */ e(
+        t,
+        {
+          control: c.control,
+          name: "phone",
+          render: ({ field: r }) => /* @__PURE__ */ o(n, { children: [
+            /* @__PURE__ */ e(a, { children: l("checkout_phone_label") }),
+            /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(i, { ...r, placeholder: l("checkout_phone_placeholder") }) }),
+            /* @__PURE__ */ e(h, {})
+          ] })
+        }
+      ),
+      /* @__PURE__ */ e(
+        t,
+        {
+          control: c.control,
+          name: "notes",
+          render: ({ field: r }) => /* @__PURE__ */ o(n, { children: [
+            /* @__PURE__ */ e(a, { children: l("checkout_notes_label") }),
+            /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(_, { ...r, rows: 4, placeholder: l("checkout_notes_placeholder") }) }),
+            /* @__PURE__ */ e(h, {})
+          ] })
+        }
+      )
+    ] }) }) })
+  ] });
+}
+export {
+  N as CheckoutDetailsCard
+};

package/dist/pages/checkout/components/CheckoutPaymentSummaryCard.js

@@ -0,0 +1,90 @@
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import { Loader2 as k, AlertTriangle as v } from "lucide-react";
+import { useTranslation as w } from "react-i18next";
+import { Button as C } from "../../../ui/button.js";
+import { Card as j } from "../../../ui/card.js";
+function F({
+  estimatedTotalLabel: m,
+  couponCode: o,
+  discountAmountLabel: s,
+  totalExcludingTaxLabel: p,
+  vatAmountLabel: h,
+  vatRateLabel: u,
+  depositAmountLabel: r,
+  amountToCollectMinor: x,
+  amountToCollectLabel: _,
+  paymentSummaryHelper: c,
+  paymentDecisionLoading: n,
+  paymentDecisionError: d,
+  canChoosePaymentMethod: i,
+  showAmountDueNowRow: b,
+  selectedPaymentMethod: g,
+  submitting: N,
+  onSelectPaymentMethod: f
+}) {
+  const { t } = w(), y = [
+    { id: "card", label: t("checkout_payment_method_card") },
+    { id: "apple_pay", label: t("checkout_payment_method_apple_pay") },
+    { id: "other", label: t("checkout_payment_method_other") }
+  ];
+  return /* @__PURE__ */ a(j, { className: "border-slate-200 bg-white shadow-sm", children: [
+    /* @__PURE__ */ a("div", { className: "border-b border-slate-200 px-5 py-4", children: [
+      /* @__PURE__ */ e("p", { className: "text-sm font-semibold text-slate-950", children: /* @__PURE__ */ e("span", { children: t("checkout_payment_totals_title") }) }),
+      i ? /* @__PURE__ */ e("p", { className: "mt-1 text-xs text-slate-600", children: /* @__PURE__ */ e("span", { children: t("checkout_payment_totals_description") }) }) : null
+    ] }),
+    /* @__PURE__ */ a("div", { className: "grid gap-4 px-5 py-5", children: [
+      /* @__PURE__ */ a("dl", { className: "grid overflow-hidden rounded-xl border border-slate-200 bg-white text-sm", children: [
+        /* @__PURE__ */ a("div", { className: "grid grid-cols-[1fr_auto] items-center gap-x-4 px-4 py-3", children: [
+          /* @__PURE__ */ e("dt", { className: "text-slate-700", children: /* @__PURE__ */ e("span", { children: t("checkout_estimated_total") }) }),
+          /* @__PURE__ */ e("dd", { className: "font-semibold tabular-nums text-slate-900", children: /* @__PURE__ */ e("span", { children: m }) })
+        ] }),
+        s ? /* @__PURE__ */ a("div", { className: "grid grid-cols-[1fr_auto] items-center gap-x-4 border-t border-slate-200 px-4 py-3", children: [
+          /* @__PURE__ */ e("dt", { className: "text-emerald-700", children: /* @__PURE__ */ e("span", { children: t("checkout_coupon_discount", { code: o ?? "" }) }) }),
+          /* @__PURE__ */ e("dd", { className: "font-medium tabular-nums text-emerald-700", children: /* @__PURE__ */ e("span", { children: s }) })
+        ] }) : null,
+        /* @__PURE__ */ a("div", { className: "grid grid-cols-[1fr_auto] items-center gap-x-4 border-t border-slate-200 px-4 py-3", children: [
+          /* @__PURE__ */ e("dt", { className: "text-slate-600", children: /* @__PURE__ */ e("span", { children: t("checkout_payment_total_excluding_tax") }) }),
+          /* @__PURE__ */ e("dd", { className: "font-medium tabular-nums text-slate-700", children: /* @__PURE__ */ e("span", { children: p }) })
+        ] }),
+        /* @__PURE__ */ a("div", { className: "grid grid-cols-[1fr_auto] items-center gap-x-4 border-t border-slate-200 px-4 py-3", children: [
+          /* @__PURE__ */ e("dt", { className: "text-slate-600", children: /* @__PURE__ */ e("span", { children: t("checkout_payment_vat", { rate: u }) }) }),
+          /* @__PURE__ */ e("dd", { className: "font-medium tabular-nums text-slate-700", children: /* @__PURE__ */ e("span", { children: h }) })
+        ] }),
+        r ? /* @__PURE__ */ a("div", { className: "grid grid-cols-[1fr_auto] items-center gap-x-4 border-t border-slate-200 px-4 py-3", children: [
+          /* @__PURE__ */ e("dt", { className: "text-slate-700", children: /* @__PURE__ */ e("span", { children: t("checkout_payment_deposit_amount") }) }),
+          /* @__PURE__ */ e("dd", { className: "font-medium tabular-nums text-slate-900", children: /* @__PURE__ */ e("span", { children: r }) })
+        ] }) : null,
+        b ? /* @__PURE__ */ a("div", { className: "grid grid-cols-[1fr_auto] items-center gap-x-4 border-t border-slate-300 bg-slate-50 px-4 py-3", children: [
+          /* @__PURE__ */ e("dt", { className: "text-sm font-semibold text-slate-900", children: /* @__PURE__ */ e("span", { children: t("checkout_payment_amount_due_now") }) }),
+          /* @__PURE__ */ e("dd", { className: `text-base font-bold tabular-nums tracking-tight ${x > 0 ? "text-slate-950" : "text-slate-800"}`, children: /* @__PURE__ */ e("span", { children: _ }) })
+        ] }) : null
+      ] }),
+      c ? /* @__PURE__ */ e("p", { className: "text-xs text-slate-600", children: /* @__PURE__ */ e("span", { children: c }) }) : null,
+      n ? /* @__PURE__ */ a("div", { className: "flex items-center gap-2 text-sm text-slate-600", children: [
+        /* @__PURE__ */ e(k, { className: "h-4 w-4 animate-spin", "aria-hidden": "true" }),
+        /* @__PURE__ */ e("span", { children: t("checkout_payment_loading") })
+      ] }) : null,
+      d ? /* @__PURE__ */ e("div", { className: "grid gap-3 rounded-xl border border-red-200 bg-red-50 p-4", children: /* @__PURE__ */ a("div", { className: "flex items-start gap-2 text-sm text-red-700", children: [
+        /* @__PURE__ */ e(v, { className: "mt-0.5 h-4 w-4", "aria-hidden": "true" }),
+        /* @__PURE__ */ e("span", { children: d })
+      ] }) }) : null,
+      !n && !d && i ? /* @__PURE__ */ e("div", { className: "grid gap-2 sm:grid-cols-3", children: y.map((l) => /* @__PURE__ */ e(
+        C,
+        {
+          type: "button",
+          variant: g === l.id ? "default" : "outline",
+          disabled: N,
+          className: "h-9 rounded-full px-4 text-xs",
+          onClick: () => {
+            f(l.id);
+          },
+          children: /* @__PURE__ */ e("span", { children: l.label })
+        },
+        l.id
+      )) }) : null
+    ] })
+  ] });
+}
+export {
+  F as CheckoutPaymentSummaryCard
+};

package/dist/pages/checkout/components/CheckoutSummaryColumn.js

@@ -0,0 +1,41 @@
+import { jsx as o } from "react/jsx-runtime";
+import { useTranslation as d } from "react-i18next";
+import { StorefrontCartPanel as f } from "../../../components/StorefrontCartPanel/index.js";
+function C({
+  lines: r,
+  itemCount: e,
+  totalPerDayMinor: i,
+  estimatedDays: m,
+  estimatedTotalMinor: s,
+  discountedEstimatedTotalMinor: a,
+  discountAmountMinor: c,
+  couponCode: n,
+  durationLabel: l,
+  onQuantityChange: u,
+  onRemove: p
+}) {
+  const { t } = d();
+  return /* @__PURE__ */ o("div", { className: "lg:col-span-5", children: /* @__PURE__ */ o(
+    f,
+    {
+      lines: r,
+      itemCount: e,
+      totalPerDayMinor: i,
+      estimatedDays: m,
+      estimatedTotalMinor: s,
+      discountedEstimatedTotalMinor: a,
+      discountAmountMinor: c,
+      couponCode: n,
+      durationLabel: l,
+      title: t("checkout_summary_title"),
+      description: t("checkout_summary_description"),
+      editable: !0,
+      stickyTopClassName: "top-32",
+      onQuantityChange: u,
+      onRemove: p
+    }
+  ) });
+}
+export {
+  C as CheckoutSummaryColumn
+};

package/dist/pages/checkout/types.js

@@ -0,0 +1,10 @@
+import { z as t } from "zod";
+const r = t.object({
+  full_name: t.string().trim().min(2),
+  email: t.string().trim().email(),
+  phone: t.string().trim().min(6).optional().or(t.literal("")),
+  notes: t.string().trim().max(2e3).optional().or(t.literal(""))
+});
+export {
+  r as checkoutFormSchema
+};

package/dist/playgroundDevSettings.d.ts

@@ -0,0 +1,19 @@
+export declare const DEFAULT_PLAYGROUND_DEV_SETTINGS: PlaygroundDevSettings;
+
+export declare const isStorefrontPlaygroundRuntime: () => boolean;
+
+export declare type PlaygroundDevSettings = {
+    heroMode: PlaygroundHeroMode;
+};
+
+export declare type PlaygroundHeroMode = "current_booking_hero" | "booking_bar_overlay_hero" | "vertical_marquee_hero";
+
+export declare const readPlaygroundDevSettings: () => PlaygroundDevSettings;
+
+export declare const resetPlaygroundDevSettings: () => void;
+
+export declare const usePlaygroundDevSettings: () => PlaygroundDevSettings;
+
+export declare const writePlaygroundDevSettings: (nextSettings: PlaygroundDevSettings) => void;
+
+export { }

package/dist/pricing.d.ts

@@ -0,0 +1,35 @@
+import { TFunction } from 'i18next';
+import { z } from 'zod';
+
+export declare function buildDailyPriceRows(prices: StorefrontPublicProductPrice[] | undefined, locale: string): DailyPriceRow[];
+
+export declare function buildPriceTierLabels(prices: StorefrontPublicProductPrice[] | undefined, locale: string, t: TFunction): string[];
+
+export declare function calculateDailyPriceForQuantity(prices: StorefrontPublicProductPrice[] | undefined, dayCount: number): number | null;
+
+export declare type DailyPriceRow = {
+    dayCount: number;
+    totalPriceLabel: string;
+    perDayPriceLabel: string;
+};
+
+export declare const formatStorefrontPriceMinor: (valueMinor: number, locale: string, { currency }?: {
+    currency?: string;
+}) => string;
+
+declare type StorefrontPublicProductPrice = z.infer<typeof storefrontPublicProductPriceSchema>;
+
+declare const storefrontPublicProductPriceSchema: z.ZodObject<{
+    value: z.ZodNumber;
+    unit: z.ZodEnum<{
+        hour: "hour";
+        half_day: "half_day";
+        day: "day";
+        week: "week";
+        month: "month";
+    }>;
+    quantity: z.ZodNumber;
+    currency: z.ZodOptional<z.ZodString>;
+}, z.core.$strip>;
+
+export { }

package/dist/productImageStyles.d.ts

@@ -0,0 +1,25 @@
+import { CSSProperties } from 'react';
+import { z } from 'zod';
+
+declare type ProductImageContainerStyle = {
+    className: string;
+    style?: CSSProperties;
+};
+
+export declare const resolveProductImageContainerStyle: (primaryImageStyle?: StorefrontPublicImageStyle) => ProductImageContainerStyle;
+
+declare type StorefrontPublicImageStyle = z.infer<typeof storefrontPublicImageStyleSchema>;
+
+declare const storefrontPublicImageStyleSchema: z.ZodObject<{
+    bgMode: z.ZodEnum<{
+        transparent: "transparent";
+        solid: "solid";
+        complex: "complex";
+    }>;
+    bgColor: z.ZodOptional<z.ZodString>;
+    needsLightBorder: z.ZodDefault<z.ZodBoolean>;
+    confidence: z.ZodOptional<z.ZodNumber>;
+    analyzerVersion: z.ZodOptional<z.ZodNumber>;
+}, z.core.$strip>;
+
+export { }

package/dist/productVariants.d.ts

@@ -0,0 +1,16 @@
+export declare function getProductVariantAttributeValue(variant: ProductVariantLike, key: string): string | undefined;
+
+export declare function getProductVariantDisplay(variant: ProductVariantLike): {
+    label: string;
+    description?: string;
+};
+
+export declare const getStorefrontProductVariantDisplay: typeof getProductVariantDisplay;
+
+declare type ProductVariantLike = {
+    id?: unknown;
+    computedName?: unknown;
+    attributes?: unknown;
+};
+
+export { }