@loczer/storefront-sdk 0.170.0 → 0.172.0

package/dist/components/PoweredByLoczerBadge/index.js

@@ -1,21 +1,21 @@
 import { jsx as e, jsxs as o } from "react/jsx-runtime";
 import { useId as h } from "react";
-import { cn as C } from "@rpcbase/ui";
+import { cn as n } from "@rpcbase/ui";
 import { useTranslation as c } from "react-i18next";
 import { I18nProvider as p } from "../../i18n/I18nProvider.js";
 const f = "https://loczer.com";
-function m({ className: r }) {
-  const t = h();
+function m({ className: t }) {
+  const r = h();
   return /* @__PURE__ */ o(
     "svg",
     {
       viewBox: "0 0 128 128",
       xmlns: "http://www.w3.org/2000/svg",
-      className: r,
+      className: t,
       "aria-hidden": "true",
       focusable: "false",
       children: [
-        /* @__PURE__ */ e("rect", { width: "128", height: "128", rx: "28", fill: `url(#${t})` }),
+        /* @__PURE__ */ e("rect", { width: "128", height: "128", rx: "28", fill: `url(#${r})` }),
         /* @__PURE__ */ e(
           "path",
           {
@@ -23,26 +23,26 @@ function m({ className: r }) {
             fill: "white"
           }
         ),
-        /* @__PURE__ */ e("defs", { children: /* @__PURE__ */ o("linearGradient", { id: t, x1: "0", y1: "0", x2: "128", y2: "128", gradientUnits: "userSpaceOnUse", children: [
-          /* @__PURE__ */ e("stop", { stopColor: "#193CB8" }),
-          /* @__PURE__ */ e("stop", { offset: "1", stopColor: "#193CB8", stopOpacity: "0.7" })
+        /* @__PURE__ */ e("defs", { children: /* @__PURE__ */ o("linearGradient", { id: r, x1: "0", y1: "0", x2: "128", y2: "128", gradientUnits: "userSpaceOnUse", children: [
+          /* @__PURE__ */ e("stop", { stopColor: "hsl(var(--brand-primary))" }),
+          /* @__PURE__ */ e("stop", { offset: "1", stopColor: "hsl(var(--brand-primary))", stopOpacity: "0.7" })
         ] }) })
       ]
     }
   );
 }
 function v({
-  language: r,
-  ...t
+  language: t,
+  ...r
 }) {
-  return /* @__PURE__ */ e(p, { initialLanguage: r, children: /* @__PURE__ */ e(w, { ...t }) });
+  return /* @__PURE__ */ e(p, { initialLanguage: t, children: /* @__PURE__ */ e(w, { ...r }) });
 }
 function w({
-  className: r,
-  href: t = f,
-  markClassName: n,
-  rel: s = "noopener noreferrer",
-  showTagline: a = !0,
+  className: t,
+  href: r = f,
+  markClassName: C,
+  rel: a = "noopener noreferrer",
+  showTagline: s = !0,
   target: l = "_blank",
   ...d
 }) {
@@ -50,19 +50,19 @@ function w({
   return /* @__PURE__ */ o(
     "a",
     {
-      className: C(
+      className: n(
         "group inline-flex w-fit items-center gap-3 rounded-2xl border border-white/10 bg-white/5 px-3 py-2 shadow-sm transition hover:border-white/20 hover:bg-white/10",
-        r
+        t
       ),
-      href: t,
+      href: r,
       target: l,
-      rel: s,
+      rel: a,
       ...d,
       children: [
-        /* @__PURE__ */ e(m, { className: C("h-8 w-8 flex-shrink-0", n) }),
+        /* @__PURE__ */ e(m, { className: n("h-8 w-8 flex-shrink-0", C) }),
         /* @__PURE__ */ o("span", { className: "flex flex-col items-start leading-tight text-left", children: [
           /* @__PURE__ */ e("span", { className: "font-medium text-white/90 group-hover:text-white", children: i("platform_footer_powered_by") }),
-          a ? /* @__PURE__ */ e("span", { className: "text-xs text-white/60 group-hover:text-white/80", children: i("platform_footer_tagline") }) : null
+          s ? /* @__PURE__ */ e("span", { className: "text-xs text-white/60 group-hover:text-white/80", children: i("platform_footer_tagline") }) : null
         ] })
       ]
     }

package/dist/components/ProductWarningNotice/index.js

@@ -1,14 +1,14 @@
 import { jsxs as t, jsx as n } from "react/jsx-runtime";
 import { AlertCircle as a } from "lucide-react";
-import { cn as o } from "@rpcbase/ui";
-function c({ warning: e, className: i }) {
-  const r = e?.trim();
+import { cn as l } from "@rpcbase/ui";
+function c({ warning: i, className: e }) {
+  const r = i?.trim();
   return r ? /* @__PURE__ */ t(
     "p",
     {
-      className: o(
-        "text-xs leading-snug text-orange-700",
-        i
+      className: l(
+        "text-xs leading-snug text-warning",
+        e
       ),
       children: [
         /* @__PURE__ */ n(a, { className: "mr-1 inline h-3.5 w-3.5 align-[-0.125em]", "aria-hidden": "true" }),

package/dist/components/StorefrontCancellationPolicyNotice/index.js

@@ -1,6 +1,6 @@
 import { jsxs as n, jsx as e } from "react/jsx-runtime";
 import { useState as f } from "react";
-import { ResponsiveDialog as x, ResponsiveDialogContent as g, ResponsiveDialogHeader as _, ResponsiveDialogTitle as N, ResponsiveDialogDescription as b, ResponsiveDialogFooter as y } from "../../chunks/ui/dist/ResponsiveDialog-DhFgsW_0.js";
+import { ResponsiveDialog as x, ResponsiveDialogContent as g, ResponsiveDialogHeader as _, ResponsiveDialogTitle as N, ResponsiveDialogDescription as b, ResponsiveDialogFooter as y } from "../../chunks/ui/dist/ResponsiveDialog-CYvYFO09.js";
 import { cn as v } from "@rpcbase/ui";
 import { CheckCircle2 as w, Info as d } from "lucide-react";
 import { useTranslation as T } from "react-i18next";

package/dist/components/StorefrontPopupMessages/index.js

@@ -1,6 +1,6 @@
 import { jsx as t, jsxs as m } from "react/jsx-runtime";
 import { useState as S, useEffect as $ } from "react";
-import { ResponsiveDialog as R, ResponsiveDialogContent as E, ResponsiveDialogHeader as D, ResponsiveDialogTitle as I, ResponsiveDialogDescription as P, ResponsiveDialogFooter as O } from "../../chunks/ui/dist/ResponsiveDialog-DhFgsW_0.js";
+import { ResponsiveDialog as R, ResponsiveDialogContent as E, ResponsiveDialogHeader as D, ResponsiveDialogTitle as I, ResponsiveDialogDescription as P, ResponsiveDialogFooter as O } from "../../chunks/ui/dist/ResponsiveDialog-CYvYFO09.js";
 import { useParams as j, useLocation as z } from "@rpcbase/router";
 import { cn as x } from "@rpcbase/ui";
 import { X as H, Info as L } from "lucide-react";

package/dist/index.js

@@ -43,7 +43,7 @@ import "react-i18next";
 import { getLocalizedEntry as gt, getLocalizedValue as Pt } from "./localization.js";
 import { Badge as xt, badgeVariants as Ct } from "./ui/badge.js";
 import { Button as Dt, buttonVariants as At } from "./ui/button.js";
-import "./chunks/ui/dist/ResponsiveDialog-DhFgsW_0.js";
+import "./chunks/ui/dist/ResponsiveDialog-CYvYFO09.js";
 import { Card as Et, CardAction as bt, CardContent as Bt, CardDescription as kt, CardFooter as yt, CardHeader as It, CardTitle as _t } from "./ui/card.js";
 import { loader as Mt, useOptionalStorefront as Lt, useStorefront as Ut, useStorefrontBookingProducts as vt, useStorefrontConfig as Nt, useStorefrontProducts as qt, useStorefrontWorkspaceLanguage as Vt } from "./StorefrontProvider.js";
 import { RadioGroup as zt, RadioGroupItem as Ht } from "./ui/radio-group.js";

package/dist/pages/CheckoutPaymentPage.js

@@ -149,7 +149,7 @@ function Be() {
       ] }),
       /* @__PURE__ */ e(N, { to: v, children: /* @__PURE__ */ e(S, { variant: "outline", children: /* @__PURE__ */ e("span", { children: t("checkout_payment_return_back_to_checkout") }) }) })
     ] }) }) });
-  const B = typeof r.amountMinor == "number" && r.currency ? ge(r.amountMinor, r.currency, u.language) : null, w = o === "authorized" || o === "succeeded", L = o === "failed" || o === "cancelled", Y = w ? re : L ? se : ne, H = w ? "text-emerald-600" : L ? "text-destructive" : "text-amber-600";
+  const B = typeof r.amountMinor == "number" && r.currency ? ge(r.amountMinor, r.currency, u.language) : null, w = o === "authorized" || o === "succeeded", L = o === "failed" || o === "cancelled", Y = w ? re : L ? se : ne, H = w ? "text-emerald-600" : L ? "text-destructive" : "text-warning";
   return /* @__PURE__ */ e("div", { className: "mx-auto max-w-5xl px-4 py-10 sm:px-6", children: /* @__PURE__ */ n("div", { className: "grid gap-6 lg:grid-cols-[1fr_1fr]", children: [
     /* @__PURE__ */ e(y, { className: "border-slate-200 bg-white p-5 shadow-sm", children: /* @__PURE__ */ n("div", { className: "space-y-5", children: [
       /* @__PURE__ */ n("div", { className: "inline-flex items-center gap-2 rounded-full border border-emerald-200 bg-emerald-50 px-3 py-1 text-xs font-medium text-emerald-700", children: [

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

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

package/dist/pages/HomePage.js

@@ -1,5 +1,5 @@
 import { jsxs as r, jsx as e, Fragment as oe } from "react/jsx-runtime";
-import { useMemo as h, useState as b, useRef as Ue, useEffect as je } from "react";
+import { useMemo as h, useState as b, useRef as je, useEffect as Ue } from "react";
 import { useMediaQuery as Ve } from "@rpcbase/client";
 import { useParams as ze, useLocation as Ye, useSearchParams as Qe, useNavigate as We, Link as M } from "@rpcbase/router";
 import { cn as m } from "@rpcbase/ui";
@@ -74,7 +74,7 @@ function da() {
   ), [F, Pe] = b(() => f.get("start_time") ?? c.start_time), [O, Ce] = b(() => {
     const t = E(f.get("start_date")) ?? N;
     return E(f.get("end_date")) ?? t ?? ye;
-  }), [$, De] = b(() => f.get("end_time") ?? c.end_time), [S, I] = b(() => q.start_address), [P, H] = b(() => q.end_address), U = Ue(null), Ae = h(() => u.slice(0, 4), [u]), { heroMode: X } = kt(), C = X === "vertical_marquee_hero", _ = X === "booking_bar_overlay_hero" || C, Z = Ve("(min-width: 1024px)"), Ee = _t(l), Be = h(
+  }), [$, De] = b(() => f.get("end_time") ?? c.end_time), [S, I] = b(() => q.start_address), [P, H] = b(() => q.end_address), j = je(null), Ae = h(() => u.slice(0, 4), [u]), { heroMode: X } = kt(), C = X === "vertical_marquee_hero", _ = X === "booking_bar_overlay_hero" || C, Z = Ve("(min-width: 1024px)"), Ee = _t(l), Be = h(
     () => ({
       startDate: a("booking_start_date"),
       pickStartDate: a("booking_start_date"),
@@ -109,7 +109,7 @@ function da() {
     L,
     F
   ]), ee = B.toString(), Te = ee ? `?${ee}` : "";
-  je(() => {
+  Ue(() => {
     Nt(l, B);
   }, [B, l]);
   const Me = {
@@ -122,13 +122,13 @@ function da() {
     endTime: $,
     onEndTimeChange: De,
     onEndTimeCommit: () => {
-      U.current?.focus({ preventScroll: !0 });
+      j.current?.focus({ preventScroll: !0 });
     },
     bookingPeriodConfig: ke,
     fetchTimeSlots: Ee,
     labels: Be,
     localeCode: i.language
-  }, j = () => {
+  }, U = () => {
     const t = new URLSearchParams(R);
     for (const [n, s] of B.entries())
       t.set(n, s);
@@ -187,7 +187,7 @@ function da() {
         /* @__PURE__ */ e(ht, {}),
         /* @__PURE__ */ e("div", { className: "min-w-0", children: /* @__PURE__ */ e(pt, {}) }),
         /* @__PURE__ */ e(gt, {}),
-        n ? /* @__PURE__ */ r(me, { ref: U, className: m("gap-2", s), onClick: j, children: [
+        n ? /* @__PURE__ */ r(me, { ref: j, className: m("gap-2", s), onClick: U, children: [
           /* @__PURE__ */ e("span", { children: a("booking_submit") }),
           /* @__PURE__ */ e(z, { className: "h-4 w-4", "aria-hidden": "true" })
         ] }) : null
@@ -233,10 +233,18 @@ function da() {
       }),
       Re,
       /* @__PURE__ */ e("p", { className: "text-xs text-slate-600", children: /* @__PURE__ */ e("span", { children: a("booking_minimum_duration", { hours: 4 }) }) }),
-      /* @__PURE__ */ r(me, { ref: U, className: "h-11 rounded-xl text-sm font-semibold gap-2", onClick: j, children: [
-        /* @__PURE__ */ e("span", { children: a("booking_submit") }),
-        /* @__PURE__ */ e(z, { className: "h-4 w-4", "aria-hidden": "true" })
-      ] })
+      /* @__PURE__ */ r(
+        me,
+        {
+          ref: j,
+          className: "h-11 w-fit justify-self-start rounded-xl text-sm font-semibold gap-2",
+          onClick: U,
+          children: [
+            /* @__PURE__ */ e("span", { children: a("booking_submit") }),
+            /* @__PURE__ */ e(z, { className: "h-4 w-4", "aria-hidden": "true" })
+          ]
+        }
+      )
     ] })
   ] }), ie = /* @__PURE__ */ e(he, { 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(
@@ -477,7 +485,7 @@ function da() {
           detailsPath: te(t.slug),
           productDetailsLinkState: T,
           fallbackLanguage: o,
-          onAction: j
+          onAction: U
         },
         t.id
       )) })

package/dist/pages/PaymentLinkSuccessPage.js

@@ -116,7 +116,7 @@ function J() {
       /* @__PURE__ */ e("p", { className: "text-sm text-slate-600", children: /* @__PURE__ */ e("span", { children: s("secure_payment_link.confirmation_loading_description") }) })
     ] })
   ] }) : /* @__PURE__ */ i("div", { className: "space-y-6 text-center", children: [
-    /* @__PURE__ */ e("div", { className: "mx-auto flex h-12 w-12 items-center justify-center rounded-full bg-slate-100", children: /* @__PURE__ */ e(n === "succeeded" || n === "authorized" ? K : n === "failed" || n === "cancelled" ? R : T, { className: `h-6 w-6 ${n === "succeeded" || n === "authorized" ? "text-emerald-600" : n === "failed" || n === "cancelled" ? "text-destructive" : "text-amber-600"}`, "aria-hidden": "true" }) }),
+    /* @__PURE__ */ e("div", { className: "mx-auto flex h-12 w-12 items-center justify-center rounded-full bg-slate-100", children: /* @__PURE__ */ e(n === "succeeded" || n === "authorized" ? K : n === "failed" || n === "cancelled" ? R : T, { className: `h-6 w-6 ${n === "succeeded" || n === "authorized" ? "text-emerald-600" : n === "failed" || n === "cancelled" ? "text-destructive" : "text-warning"}`, "aria-hidden": "true" }) }),
     /* @__PURE__ */ i("div", { className: "space-y-2", children: [
       /* @__PURE__ */ e("h1", { className: "text-2xl font-semibold text-slate-950", children: /* @__PURE__ */ e("span", { children: s(`secure_payment_link.success_titles.${n}`) }) }),
       /* @__PURE__ */ e("p", { className: "text-sm text-slate-600", children: /* @__PURE__ */ e("span", { children: s(`secure_payment_link.statuses.${n}`) }) })