@loczer/storefront-sdk 0.177.0 → 0.178.0

package/dist/chunks/ui/dist/Map/{MapContent-BqCzk6pD.js → MapContent-DUHBHUBa.js}

@@ -1,8 +1,8 @@
 import { jsx as y, jsxs as _ } from "react/jsx-runtime";
-import { Component as J, useRef as E, useState as B, useEffect as g } from "react";
+import { Component as J, useRef as C, useState as B, useEffect as g } from "react";
 import { COORDS as q } from "../static/strings-lR4Uv4ze.js";
 import { cn as L } from "../lib/utils-B6zhukbw.js";
-import { DEFAULT_MAP_SKELETON_COLOR as K } from "./constants-AiBwXZf6.js";
+import { DEFAULT_MAP_SKELETON_COLOR as K } from "./constants-DlJEohkl.js";
 let M = null;
 const U = async () => (M || (M = Promise.all([
   // import("mapbox-gl/dist/esm-min/mapbox-gl.js"),
@@ -17,7 +17,7 @@ const U = async () => (M || (M = Promise.all([
   markers: c = [],
   routeGeoJson: s,
   polygonGeoJson: m,
-  routeEndpointsToFetch: C,
+  routeEndpointsToFetch: E,
   className: F,
   style: k,
   interactive: I = !0,
@@ -28,7 +28,7 @@ const U = async () => (M || (M = Promise.all([
   onMapMoveOrZoom: S,
   skeletonColor: H = K
 }) => {
-  const v = E(null), w = E(null), [e, R] = B(null), j = E([]), A = E(n), [z, x] = B(null), [D, O] = B(!1), N = E(!1), P = L("relative overflow-clip w-full h-full", F);
+  const v = C(null), w = C(null), [e, R] = B(null), j = C([]), A = C(n), [z, x] = B(null), [D, O] = B(!1), N = C(!1), P = L("relative overflow-clip w-full h-full", F);
   return g(() => {
     if (!v.current || e) return;
     let o = !1, r = null;
@@ -167,9 +167,9 @@ const U = async () => (M || (M = Promise.all([
       }
     }));
   }, [e, m]), g(() => {
-    if (!e || !e.isStyleLoaded() || !C || C.coordinates.length < 2)
+    if (!e || !e.isStyleLoaded() || !E || E.coordinates.length < 2)
       return;
-    const { profile: o = "cycling", coordinates: r } = C, t = "route-fetched", d = "route-layer-fetched";
+    const { profile: o = "cycling", coordinates: r } = E, t = "route-fetched", d = "route-layer-fetched";
     return (async () => {
       if (!i) return;
       const a = r.map((p) => {
@@ -203,7 +203,7 @@ const U = async () => (M || (M = Promise.all([
     })(), () => {
       e && e.isStyleLoaded() && (e.getLayer(d) && e.removeLayer(d), e.getSource(t) && e.removeSource(t));
     };
-  }, [e, C]), z ? /* @__PURE__ */ y("div", { className: P, style: k, children: /* @__PURE__ */ y("div", { className: L("flex h-full w-full items-center justify-center text-center text-sm text-gray-500"), children: z }) }) : /* @__PURE__ */ _("div", { className: P, style: k, children: [
+  }, [e, E]), z ? /* @__PURE__ */ y("div", { className: P, style: k, children: /* @__PURE__ */ y("div", { className: L("flex h-full w-full items-center justify-center text-center text-sm text-gray-500"), children: z }) }) : /* @__PURE__ */ _("div", { className: P, style: k, children: [
     /* @__PURE__ */ y(
       "div",
       {

package/dist/chunks/ui/dist/Map/constants-DlJEohkl.js

@@ -0,0 +1,4 @@
+const o = "hsl(var(--forest-200))";
+export {
+  o as DEFAULT_MAP_SKELETON_COLOR
+};

package/dist/chunks/ui/dist/{Map-Cqn7INdm.js → Map-_kbTiMe4.js}

@@ -1,9 +1,9 @@
 import { jsx as e, jsxs as y } from "react/jsx-runtime";
 import { lazy as b, useRef as N, useState as h, useEffect as k, Suspense as C } from "react";
-import { cn as E } from "./lib/utils-B6zhukbw.js";
-import { isAutomationRuntime as I } from "./lib/isAutomationRuntime-Cu2aNI6_.js";
-import { DEFAULT_MAP_SKELETON_COLOR as f } from "./Map/constants-AiBwXZf6.js";
-const x = ({ className: t, style: n, color: o }) => /* @__PURE__ */ y("div", { className: E("relative overflow-clip w-full h-full", t), style: n, children: [
+import { cn as I } from "./lib/utils-B6zhukbw.js";
+import { isAutomationRuntime as x } from "./lib/isAutomationRuntime-Cu2aNI6_.js";
+import { DEFAULT_MAP_SKELETON_COLOR as f } from "./Map/constants-DlJEohkl.js";
+const E = ({ className: t, style: n, color: o }) => /* @__PURE__ */ y("div", { className: I("relative overflow-clip w-full h-full", t), style: n, children: [
   /* @__PURE__ */ e(
     "div",
     {
@@ -13,10 +13,10 @@ const x = ({ className: t, style: n, color: o }) => /* @__PURE__ */ y("div", { c
     }
   ),
   /* @__PURE__ */ e("div", { className: "h-full w-full transition-opacity duration-500 ease-out pointer-events-none opacity-0" })
-] }), O = b(() => import("./Map/MapContent-BqCzk6pD.js")), A = (t) => {
+] }), O = b(() => import("./Map/MapContent-DUHBHUBa.js")), A = (t) => {
   const n = N(null), [o, p] = h(!1);
   k(() => {
-    if (I())
+    if (x())
       return;
     let u = !1, s = null, r = null, i = null;
     const a = () => {
@@ -36,7 +36,7 @@ const x = ({ className: t, style: n, color: o }) => /* @__PURE__ */ y("div", { c
     };
   }, [o]);
   const c = /* @__PURE__ */ e(
-    x,
+    E,
     {
       className: t.className,
       style: t.style,

package/dist/chunks/ui/dist/Spinner/index-SbbUxcsT.js

@@ -0,0 +1,48 @@
+import { jsx as e, jsxs as n } from "react/jsx-runtime";
+import { cn as s } from "../lib/utils-B6zhukbw.js";
+function o({ className: r, ...a }) {
+  return /* @__PURE__ */ e(
+    "span",
+    {
+      className: s("relative inline-flex size-4 shrink-0 items-center justify-center", r),
+      "data-slot": "spinner",
+      ...a,
+      children: /* @__PURE__ */ n(
+        "svg",
+        {
+          "aria-hidden": "true",
+          className: "size-full animate-spin",
+          fill: "none",
+          viewBox: "0 0 24 24",
+          children: [
+            /* @__PURE__ */ e(
+              "circle",
+              {
+                className: "opacity-20",
+                cx: "12",
+                cy: "12",
+                "data-spinner-layer": "track",
+                r: "9",
+                stroke: "currentColor",
+                strokeWidth: "2.5"
+              }
+            ),
+            /* @__PURE__ */ e(
+              "path",
+              {
+                d: "M12 3a9 9 0 0 1 9 9",
+                "data-spinner-layer": "arc",
+                stroke: "currentColor",
+                strokeLinecap: "round",
+                strokeWidth: "2.5"
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+}
+export {
+  o as Spinner
+};

package/dist/components/BookingBikeVariantDialog/index.js

@@ -20,10 +20,10 @@ function ke({
   product: a,
   onOpenChange: p,
   getVariantAvailabilityLabel: u,
-  isVariantOutOfCapacity: d,
+  isVariantOutOfCapacity: c,
   onAddVariant: g
 }) {
-  const { t: s, i18n: n } = Z(), r = K(T), c = ie(), [P, v] = O({});
+  const { t: s, i18n: n } = Z(), r = K(T), d = ie(), [P, v] = O({});
   if (q(() => {
     !a || !o || v(
       (a.productVariants ?? []).reduce((t, l) => (t[l.id] = 1, t), {})
@@ -35,7 +35,7 @@ function ke({
       ...b,
       [t]: Math.max(1, Math.floor(l))
     }));
-  }, y = m(a.name, n.language, c), z = m(a.description, n.language, c), w = m(a.warning, n.language, c), k = typeof a.images?.[0] == "string" ? a.images[0].trim() : "", _ = ae(a.primaryImageStyle), h = te(a.availabilityStatus), f = a.features?.slice(0, 4) ?? [], C = a.productVariants ?? [], A = C.some((t) => !!J(t, "size")), M = s(A ? "product_size_label" : "product_variant_label");
+  }, y = m(a.name, n.language, d), z = m(a.description, n.language, d), w = m(a.warning, n.language, d), k = typeof a.images?.[0] == "string" ? a.images[0].trim() : "", _ = ae(a.primaryImageStyle), h = te(a.availabilityStatus), f = a.features?.slice(0, 4) ?? [], C = a.productVariants ?? [], A = C.some((t) => !!J(t, "size")), M = s(A ? "product_size_label" : "product_variant_label");
   return /* @__PURE__ */ e(G, { open: o, onOpenChange: p, children: /* @__PURE__ */ e(
     W,
     {
@@ -73,8 +73,8 @@ function ke({
             !r && f.length > 0 ? /* @__PURE__ */ i("div", { className: "grid gap-2", children: [
               /* @__PURE__ */ e("p", { className: "text-sm font-semibold text-slate-950", children: /* @__PURE__ */ e("span", { children: s("product_features_title") }) }),
               /* @__PURE__ */ e("ul", { className: "grid gap-1.5 text-sm text-slate-700", children: f.map((t, l) => /* @__PURE__ */ i("li", { className: "inline-flex items-start gap-2", children: [
-                /* @__PURE__ */ e(I, { className: "mt-0.5 h-4 w-4 text-emerald-600", "aria-hidden": "true" }),
-                /* @__PURE__ */ e("span", { children: m(t, n.language, c) })
+                /* @__PURE__ */ e(I, { className: "mt-0.5 h-4 w-4 text-success", "aria-hidden": "true" }),
+                /* @__PURE__ */ e("span", { children: m(t, n.language, d) })
               ] }, `${a.id}-${l}`)) })
             ] }) : null,
             r ? null : /* @__PURE__ */ e(B, { warning: w })
@@ -90,14 +90,14 @@ function ke({
                 /* @__PURE__ */ e(V, { className: "h-4 w-4 shrink-0 transition-transform group-open:rotate-45", "aria-hidden": "true" })
               ] }),
               /* @__PURE__ */ e("div", { className: "border-t border-slate-200 px-3 py-3", children: /* @__PURE__ */ e("ul", { className: "grid gap-1.5 text-sm text-slate-700", children: f.map((t, l) => /* @__PURE__ */ i("li", { className: "inline-flex items-start gap-2", children: [
-                /* @__PURE__ */ e(I, { className: "mt-0.5 h-4 w-4 text-emerald-600", "aria-hidden": "true" }),
-                /* @__PURE__ */ e("span", { children: m(t, n.language, c) })
+                /* @__PURE__ */ e(I, { className: "mt-0.5 h-4 w-4 text-success", "aria-hidden": "true" }),
+                /* @__PURE__ */ e("span", { children: m(t, n.language, d) })
               ] }, `${a.id}-mobile-${l}`)) }) })
             ] }) : null,
             r ? /* @__PURE__ */ e(B, { warning: w }) : null,
             /* @__PURE__ */ e("p", { className: "text-2xs font-medium uppercase tracking-[0.18em] text-slate-500", children: /* @__PURE__ */ e("span", { children: M }) }),
             /* @__PURE__ */ e("div", { className: "grid gap-2", children: C.map((t) => {
-              const l = `storefront-booking-bike-dialog-variant-option-${a.id}-${t.id}`.toLowerCase(), { label: b, description: $ } = ee(t), D = P[t.id] ?? 1, Q = d?.(t.id) === !0, L = u?.(t.id) ?? null;
+              const l = `storefront-booking-bike-dialog-variant-option-${a.id}-${t.id}`.toLowerCase(), { label: b, description: $ } = ee(t), D = P[t.id] ?? 1, Q = c?.(t.id) === !0, L = u?.(t.id) ?? null;
               return /* @__PURE__ */ i(
                 "div",
                 {
@@ -165,7 +165,7 @@ function le({
   increaseAriaLabel: a,
   onQuantityChange: p,
   quantity: u,
-  testIdPrefix: d
+  testIdPrefix: c
 }) {
   const g = (s, n) => {
     const r = n?.metaKey || n?.ctrlKey ? 10 : 1;
@@ -180,7 +180,7 @@ function le({
         size: "icon",
         className: "h-9 w-9 font-semibold",
         "aria-label": o,
-        "data-testid": `${d}-decrement`,
+        "data-testid": `${c}-decrement`,
         onClick: (s) => g(-1, s),
         children: /* @__PURE__ */ e("span", { children: "-" })
       }
@@ -193,7 +193,7 @@ function le({
         value: u,
         className: "h-9 w-12 text-center",
         "aria-live": "polite",
-        "data-testid": `${d}-value`
+        "data-testid": `${c}-value`
       }
     ),
     /* @__PURE__ */ e(
@@ -204,7 +204,7 @@ function le({
         size: "icon",
         className: "h-9 w-9 font-semibold",
         "aria-label": a,
-        "data-testid": `${d}-increment`,
+        "data-testid": `${c}-increment`,
         onClick: (s) => g(1, s),
         children: /* @__PURE__ */ e("span", { children: "+" })
       }

package/dist/components/ContractSaleDocument/Invoice.js

@@ -357,7 +357,7 @@ function ut({
             {
               ref: W,
               className: "fixed bottom-0 left-0 right-0 z-30 flex items-center justify-center border-t border-border bg-background/70 p-4 backdrop-blur-xl backdrop-saturate-125 supports-[backdrop-filter]:bg-background/55",
-              children: oe ? /* @__PURE__ */ R("div", { className: "flex items-center gap-2 px-6 py-3 text-sm font-semibold text-emerald-700", children: [
+              children: oe ? /* @__PURE__ */ R("div", { className: "flex items-center gap-2 px-6 py-3 text-sm font-semibold text-success", children: [
                 /* @__PURE__ */ a(Ne, { className: "h-4 w-4 shrink-0", "aria-hidden": "true" }),
                 /* @__PURE__ */ a("p", { className: "text-center", children: oe })
               ] }) : /* @__PURE__ */ a(

package/dist/components/Map/index.js

@@ -1,4 +1,4 @@
-import { Map as r } from "../../chunks/ui/dist/Map-Cqn7INdm.js";
+import { Map as r } from "../../chunks/ui/dist/Map-_kbTiMe4.js";
 import { createMarkerElement as p } from "./createMarkerElement.js";
 const o = r;
 export {

package/dist/components/StorefrontCancellationPolicyNotice/index.js

@@ -5,9 +5,9 @@ import { cn as v } from "@rpcbase/ui";
 import { CheckCircle2 as w, Info as d } from "lucide-react";
 import { useTranslation as T } from "react-i18next";
 import { Button as D } from "../../ui/button.js";
-const C = 0.95, m = (a) => a.tiers.length === 0 ? [] : [...a.tiers].sort((l, t) => l.upToHours - t.upToHours), H = (a) => m(a).find((t) => t.refundPercentage >= C) ?? null, R = (a, l) => {
+const C = 0.95, m = (a) => a.tiers.length === 0 ? [] : [...a.tiers].sort((s, t) => s.upToHours - t.upToHours), H = (a) => m(a).find((t) => t.refundPercentage >= C) ?? null, R = (a, s) => {
   try {
-    return new Intl.NumberFormat(l, {
+    return new Intl.NumberFormat(s, {
       style: "percent",
       maximumFractionDigits: 2
     }).format(a);
@@ -17,17 +17,17 @@ const C = 0.95, m = (a) => a.tiers.length === 0 ? [] : [...a.tiers].sort((l, t)
 };
 function O({
   policy: a,
-  className: l
+  className: s
 }) {
   const { t, i18n: p } = T(), [u, r] = f(!1), h = m(a), o = H(a);
   if (!o)
     return null;
-  const c = (s) => {
-    const i = Math.max(1, Math.round(s));
+  const c = (l) => {
+    const i = Math.max(1, Math.round(l));
     return i >= 72 && i % 24 === 0 ? t("cancellation_policy_duration_days", { count: i / 24 }) : t("cancellation_policy_duration_hours", { count: i });
   };
-  return /* @__PURE__ */ n("li", { className: v("flex items-start gap-3", l), "data-testid": "storefront-cancellation-policy-notice", children: [
-    /* @__PURE__ */ e(w, { className: "mt-0.5 h-5 w-5 shrink-0 text-emerald-600", "aria-hidden": "true" }),
+  return /* @__PURE__ */ n("li", { className: v("flex items-start gap-3", s), "data-testid": "storefront-cancellation-policy-notice", children: [
+    /* @__PURE__ */ e(w, { className: "mt-0.5 h-5 w-5 shrink-0 text-success", "aria-hidden": "true" }),
     /* @__PURE__ */ n("div", { className: "min-w-0 flex-1", children: [
       /* @__PURE__ */ n("div", { className: "flex min-w-0 items-start gap-1.5", children: [
         /* @__PURE__ */ e("p", { className: "min-w-0 text-sm font-medium text-slate-950", children: /* @__PURE__ */ e("span", { children: t("cancellation_policy_teaser", { duration: c(o.upToHours) }) }) }),
@@ -59,18 +59,18 @@ function O({
               /* @__PURE__ */ e(b, { className: "text-left text-sm text-slate-600", children: /* @__PURE__ */ e("span", { children: t("cancellation_policy_modal_description") }) })
             ] })
           ] }) }),
-          /* @__PURE__ */ e("div", { className: "overflow-y-auto px-5 py-5 sm:px-6", children: /* @__PURE__ */ e("dl", { className: "grid gap-3", children: h.map((s) => /* @__PURE__ */ n(
+          /* @__PURE__ */ e("div", { className: "overflow-y-auto px-5 py-5 sm:px-6", children: /* @__PURE__ */ e("dl", { className: "grid gap-3", children: h.map((l) => /* @__PURE__ */ n(
             "div",
             {
               className: "rounded-lg border border-slate-200 bg-slate-50 px-4 py-3",
               children: [
-                /* @__PURE__ */ e("dt", { className: "text-sm font-medium text-slate-950", children: /* @__PURE__ */ e("span", { children: t("cancellation_policy_modal_tier_deadline", { duration: c(s.upToHours) }) }) }),
+                /* @__PURE__ */ e("dt", { className: "text-sm font-medium text-slate-950", children: /* @__PURE__ */ e("span", { children: t("cancellation_policy_modal_tier_deadline", { duration: c(l.upToHours) }) }) }),
                 /* @__PURE__ */ e("dd", { className: "mt-1 text-sm text-slate-600", children: /* @__PURE__ */ e("span", { children: t("cancellation_policy_modal_tier_refund", {
-                  percentage: R(s.refundPercentage, p.language)
+                  percentage: R(l.refundPercentage, p.language)
                 }) }) })
               ]
             },
-            `${s.upToHours}-${s.refundPercentage}`
+            `${l.upToHours}-${l.refundPercentage}`
           )) }) }),
           /* @__PURE__ */ e(y, { className: "border-t border-slate-200 px-5 py-4 sm:px-6", children: /* @__PURE__ */ e(
             D,

package/dist/components/StorefrontCartPanel/index.js

@@ -14,12 +14,12 @@ function ee({
   itemCount: _,
   totalPerDayMinor: v,
   estimatedDays: p,
-  estimatedTotalMinor: h,
+  estimatedTotalMinor: u,
   discountedEstimatedTotalMinor: w,
   discountAmountMinor: i,
   lateReturnSurchargeMinor: c,
   couponCode: k,
-  durationLabel: u,
+  durationLabel: h,
   title: j,
   description: x,
   checkoutPath: f,
@@ -96,14 +96,14 @@ function ee({
         /* @__PURE__ */ e("p", { className: "text-slate-700", children: /* @__PURE__ */ e("span", { children: t("cart_total_per_day") }) }),
         /* @__PURE__ */ e("p", { className: "font-semibold text-slate-950", children: /* @__PURE__ */ e("span", { children: r(v, s.language) }) })
       ] }),
-      typeof p == "number" && typeof h == "number" ? /* @__PURE__ */ l(F, { children: [
+      typeof p == "number" && typeof u == "number" ? /* @__PURE__ */ l(F, { children: [
         /* @__PURE__ */ l("div", { className: "flex items-center justify-between gap-3 text-sm", children: [
           /* @__PURE__ */ e("p", { className: "text-slate-700", children: /* @__PURE__ */ e("span", { children: t("checkout_estimated_days", { count: p }) }) }),
-          u ? /* @__PURE__ */ e(m, { variant: "outline", className: "border-slate-200 bg-white text-slate-700", children: /* @__PURE__ */ e("span", { children: u }) }) : null
+          h ? /* @__PURE__ */ e(m, { variant: "outline", className: "border-slate-200 bg-white text-slate-700", children: /* @__PURE__ */ e("span", { children: h }) }) : null
         ] }),
         typeof i == "number" && i > 0 ? /* @__PURE__ */ l("div", { className: "flex items-center justify-between gap-3 text-sm", children: [
-          /* @__PURE__ */ e("p", { className: "text-emerald-700", children: /* @__PURE__ */ e("span", { children: t("checkout_coupon_discount", { code: k ?? "" }) }) }),
-          /* @__PURE__ */ e("p", { className: "font-semibold text-emerald-700", children: /* @__PURE__ */ e("span", { children: `-${r(i, s.language)}` }) })
+          /* @__PURE__ */ e("p", { className: "text-success", children: /* @__PURE__ */ e("span", { children: t("checkout_coupon_discount", { code: k ?? "" }) }) }),
+          /* @__PURE__ */ e("p", { className: "font-semibold text-success", children: /* @__PURE__ */ e("span", { children: `-${r(i, s.language)}` }) })
         ] }) : null,
         typeof c == "number" && c > 0 ? /* @__PURE__ */ l("div", { className: "flex items-center justify-between gap-3 text-sm", children: [
           /* @__PURE__ */ e("p", { className: "text-slate-700", children: /* @__PURE__ */ e("span", { children: t("checkout_late_return_fee") }) }),
@@ -111,7 +111,7 @@ function ee({
         ] }) : null,
         /* @__PURE__ */ l("div", { className: "flex items-center justify-between gap-3 text-sm", children: [
           /* @__PURE__ */ e("p", { className: "text-slate-700", children: /* @__PURE__ */ e("span", { children: t("checkout_estimated_total") }) }),
-          /* @__PURE__ */ e("p", { className: "font-semibold text-slate-950", children: /* @__PURE__ */ e("span", { children: r(w ?? h, s.language) }) })
+          /* @__PURE__ */ e("p", { className: "font-semibold text-slate-950", children: /* @__PURE__ */ e("span", { children: r(w ?? u, s.language) }) })
         ] })
       ] }) : null,
       /* @__PURE__ */ l("div", { className: "grid gap-2", children: [

package/dist/components/TestimonialsSection/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TestimonialsSection/index.tsx"],"names":[],"mappings":"AA8KA,eAAO,MAAM,mBAAmB,sDAmP/B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TestimonialsSection/index.tsx"],"names":[],"mappings":"AA+KA,eAAO,MAAM,mBAAmB,sDAmP/B,CAAA"}