@loczer/storefront-sdk 0.147.0 → 0.149.0

package/dist/components/StorefrontCartPanel/index.js

@@ -0,0 +1,131 @@
+import { jsxs as l, jsx as e, Fragment as $ } from "react/jsx-runtime";
+import { Link as B } from "@rpcbase/router";
+import { cn as c } from "@rpcbase/ui";
+import { Trash2 as F, ArrowRight as S } from "lucide-react";
+import { useTranslation as W } from "react-i18next";
+import { formatPriceMinor as i } from "../../lib/utils.js";
+import { Badge as d } from "../../ui/badge.js";
+import { Button as m } from "../../ui/button.js";
+import { Card as D } from "../../ui/card.js";
+import { Input as T } from "../../ui/input.js";
+import { ProductWarningNotice as E } from "../ProductWarningNotice/index.js";
+function A({
+  lines: r,
+  itemCount: y,
+  totalPerDayMinor: v,
+  estimatedDays: o,
+  estimatedTotalMinor: p,
+  discountedEstimatedTotalMinor: _,
+  discountAmountMinor: n,
+  couponCode: w,
+  durationLabel: u,
+  title: k,
+  description: h,
+  checkoutPath: x,
+  showCheckoutAction: j = !1,
+  showClearAction: q = !1,
+  editable: C = !0,
+  stickyTopClassName: V = "top-24",
+  onQuantityChange: f,
+  onRemove: b,
+  onClear: N
+}) {
+  const { t, i18n: s } = W();
+  return /* @__PURE__ */ l(D, { className: c("sticky border-slate-200 bg-white shadow-sm", V), children: [
+    /* @__PURE__ */ l("div", { className: "border-b border-slate-200 px-4 py-4", children: [
+      /* @__PURE__ */ l("div", { className: "flex items-center justify-between gap-3", children: [
+        /* @__PURE__ */ e("p", { className: "text-sm font-semibold text-slate-950", children: /* @__PURE__ */ e("span", { children: k ?? t("cart_title") }) }),
+        /* @__PURE__ */ e(d, { variant: "outline", className: "border-slate-200 bg-white text-slate-700", children: /* @__PURE__ */ e("span", { children: t("cart_items_count", { count: y }) }) })
+      ] }),
+      h ? /* @__PURE__ */ e("p", { className: "mt-1 text-xs text-slate-600", children: /* @__PURE__ */ e("span", { children: h }) }) : null
+    ] }),
+    /* @__PURE__ */ l("div", { className: "grid gap-3 p-4", children: [
+      r.length === 0 ? /* @__PURE__ */ e("p", { className: "text-sm text-slate-600", children: /* @__PURE__ */ e("span", { children: t("cart_empty") }) }) : /* @__PURE__ */ e("div", { className: "grid gap-3", children: r.map((a) => {
+        const L = i(a.unitPriceMinor, s.language), P = a.insufficientCapacity === !0, z = a.availabilityIssue === "quantity_unavailable" ? t("availability_quantity_unavailable") : t("availability_out_of_stock");
+        return /* @__PURE__ */ l(
+          "div",
+          {
+            className: "flex items-start justify-between gap-3 rounded-xl border border-slate-200 p-3",
+            children: [
+              /* @__PURE__ */ l("div", { className: "flex min-w-0 flex-1 flex-col gap-1", children: [
+                /* @__PURE__ */ e("p", { className: "truncate text-sm font-medium text-slate-950", children: /* @__PURE__ */ e("span", { children: a.productName }) }),
+                a.productVariantLabel ? /* @__PURE__ */ e("p", { className: "text-xs text-slate-600", children: /* @__PURE__ */ e("span", { children: `${t(a.productVariantIsSize ? "product_size_label" : "product_variant_label")}: ${a.productVariantLabel}` }) }) : null,
+                a.productVariantDescription ? /* @__PURE__ */ e("p", { className: "text-xs text-slate-500", children: /* @__PURE__ */ e("span", { children: a.productVariantDescription }) }) : null,
+                /* @__PURE__ */ e(E, { warning: a.productWarning }),
+                /* @__PURE__ */ e("p", { className: "text-xs text-slate-600", children: /* @__PURE__ */ e("span", { children: t("cart_line_meta", { quantity: a.quantity, price: L }) }) }),
+                P ? /* @__PURE__ */ e("div", { className: "flex flex-col items-start gap-1 pt-1", children: /* @__PURE__ */ e(d, { variant: "destructive", children: /* @__PURE__ */ e("span", { children: z }) }) }) : null
+              ] }),
+              C ? /* @__PURE__ */ l("div", { className: "flex items-center gap-2", children: [
+                f ? /* @__PURE__ */ e(
+                  T,
+                  {
+                    type: "number",
+                    min: 1,
+                    max: 99,
+                    value: a.quantity,
+                    onChange: (I) => {
+                      const g = Number(I.target.value);
+                      f(a.key, Number.isFinite(g) ? g : 0);
+                    },
+                    className: "h-9 w-16",
+                    "aria-label": t("quantity_label")
+                  }
+                ) : null,
+                b ? /* @__PURE__ */ e(
+                  m,
+                  {
+                    type: "button",
+                    variant: "ghost",
+                    size: "icon",
+                    className: "h-8 w-8 text-slate-500 hover:bg-slate-50 hover:text-slate-700",
+                    onClick: () => b(a.key),
+                    "aria-label": t("remove_from_cart"),
+                    children: /* @__PURE__ */ e(F, { className: "h-4 w-4", "aria-hidden": "true" })
+                  }
+                ) : null
+              ] }) : null
+            ]
+          },
+          a.key
+        );
+      }) }),
+      /* @__PURE__ */ l("div", { className: "flex items-center justify-between gap-3 border-t border-slate-200 pt-3 text-sm", children: [
+        /* @__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: i(v, s.language) }) })
+      ] }),
+      typeof o == "number" && typeof p == "number" ? /* @__PURE__ */ l($, { 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: o }) }) }),
+          u ? /* @__PURE__ */ e(d, { variant: "outline", className: "border-slate-200 bg-white text-slate-700", children: /* @__PURE__ */ e("span", { children: u }) }) : null
+        ] }),
+        typeof n == "number" && n > 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: w ?? "" }) }) }),
+          /* @__PURE__ */ e("p", { className: "font-semibold text-emerald-700", children: /* @__PURE__ */ e("span", { children: `-${i(n, s.language)}` }) })
+        ] }) : 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: i(_ ?? p, s.language) }) })
+        ] })
+      ] }) : null,
+      /* @__PURE__ */ l("div", { className: "grid gap-2", children: [
+        j && x ? /* @__PURE__ */ e(B, { to: x, className: c(r.length > 0 ? "block" : "hidden"), children: /* @__PURE__ */ l(m, { className: "w-full gap-2", children: [
+          /* @__PURE__ */ e("span", { children: t("checkout_button") }),
+          /* @__PURE__ */ e(S, { className: "h-4 w-4", "aria-hidden": "true" })
+        ] }) }) : null,
+        q && N ? /* @__PURE__ */ e(
+          m,
+          {
+            type: "button",
+            variant: "outline",
+            className: c(r.length > 0 ? "w-full gap-2" : "hidden"),
+            onClick: N,
+            children: /* @__PURE__ */ e("span", { children: t("cart_clear") })
+          }
+        ) : null
+      ] })
+    ] })
+  ] });
+}
+export {
+  A as StorefrontCartPanel
+};

package/dist/components/StorefrontPopupMessages/index.d.ts

@@ -0,0 +1,7 @@
+import { StorefrontConfiguration } from '../../storefrontSchemas';
+type StorefrontPopupMessagesProps = {
+    storefrontConfiguration?: StorefrontConfiguration;
+};
+export declare function StorefrontPopupMessages({ storefrontConfiguration }: StorefrontPopupMessagesProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/components/StorefrontPopupMessages/index.js

@@ -0,0 +1,172 @@
+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/pkg/ui/dist/ResponsiveDialog-D8YzB_3J.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";
+import { useTranslation as A } from "react-i18next";
+import { buildStorefrontImageUrl as U } from "../../lib/storefrontImage.js";
+import { isAutomationRuntime as C } from "../../lib/isAutomationRuntime.js";
+import { getLocalizedValue as T, getLocalizedEntry as F } from "../../localization.js";
+import { Button as V } from "../../ui/button.js";
+const Z = "loczer-storefront-popup-message-dismissed", k = (e, s) => `${Z}:${e || "storefront"}:${s}`, M = (e) => {
+  if (typeof window > "u") return null;
+  try {
+    return e ? window.sessionStorage : window.localStorage;
+  } catch {
+    return null;
+  }
+}, B = ({
+  dismissedMessageKeys: e,
+  message: s,
+  storeSlug: n
+}) => {
+  const l = k(n, s.id);
+  if (e.has(l)) return !0;
+  const r = M(s.showOnEachVisit);
+  if (!r) return !1;
+  try {
+    return r.getItem(l) === "1";
+  } catch {
+    return !1;
+  }
+}, X = (e) => {
+  const s = M(e.showOnEachVisit);
+  if (s)
+    try {
+      s.setItem(e.storageKey, "1");
+    } catch {
+    }
+}, q = (e) => {
+  const s = String(e.getFullYear()).padStart(4, "0"), n = String(e.getMonth() + 1).padStart(2, "0"), l = String(e.getDate()).padStart(2, "0");
+  return `${s}-${n}-${l}`;
+}, G = (e) => {
+  const s = /* @__PURE__ */ new Date(), n = e?.trim();
+  if (n)
+    try {
+      const l = new Intl.DateTimeFormat("en", {
+        day: "2-digit",
+        month: "2-digit",
+        timeZone: n,
+        year: "numeric"
+      }).formatToParts(s), r = l.find((i) => i.type === "year")?.value, c = l.find((i) => i.type === "month")?.value, d = l.find((i) => i.type === "day")?.value;
+      if (r && c && d)
+        return `${r}-${c}-${d}`;
+    } catch {
+    }
+  return q(s);
+}, Y = (e, s) => !(!e.enabled || e.startDate && e.startDate > s || e.endDate && e.endDate < s), J = ({
+  fallbackTitle: e,
+  fallbackLanguage: s,
+  language: n,
+  message: l,
+  storeSlug: r
+}) => {
+  const c = T(l.title, n, s).trim(), d = T(l.subtitle, n, s).trim(), i = F(l.message, n, s), u = i?.html?.trim() ?? "", p = i?.text?.trim() ?? "", h = l.imageIds.map((g) => U(g, r)).filter((g) => g.length > 0);
+  return !c && !d && !u && h.length === 0 ? null : {
+    id: l.id,
+    title: c || e,
+    subtitle: d,
+    messageHtml: u,
+    messageText: p,
+    imageUrls: h,
+    showOnEachVisit: l.showOnEachVisit,
+    storageKey: k(r, l.id)
+  };
+}, Q = "absolute right-5 top-5 z-10 flex h-9 w-9 items-center justify-center rounded-full bg-white/12 text-white/75 ring-1 ring-white/75 backdrop-blur-lg transition hover:bg-white/18 hover:text-white/85 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/85";
+function de({ storefrontConfiguration: e }) {
+  const { t: s, i18n: n } = A(), { storeSlug: l } = j(), r = z(), [c, d] = S(null), [i, u] = S(() => /* @__PURE__ */ new Set()), p = l?.trim() || e?.storeSlug || "", h = new URLSearchParams(r.search).get("popup_e2e") === "1", K = C() && !h ? [] : e?.content?.modalMessages ?? [];
+  $(() => {
+    const a = () => {
+      d(G(e?.shop.timeZone));
+    };
+    a();
+    const b = window.setInterval(a, 6e4);
+    return () => window.clearInterval(b);
+  }, [e?.shop.timeZone]);
+  const o = c ? K.filter((a) => Y(a, c)).filter((a) => !B({ dismissedMessageKeys: i, message: a, storeSlug: p })).map((a) => J({
+    fallbackTitle: s("storefront_popup_title_fallback"),
+    fallbackLanguage: e?.workspace?.workspaceLanguage,
+    language: n.language,
+    message: a,
+    storeSlug: p
+  })).find((a) => a !== null) ?? null : null, f = (a) => {
+    a || !o || (X(o), u((b) => {
+      const N = new Set(b);
+      return N.add(o.storageKey), N;
+    }));
+  };
+  if (!o)
+    return null;
+  const [w, ...y] = o.imageUrls, v = !!w, _ = o.subtitle || o.messageText || o.title;
+  return /* @__PURE__ */ t(R, { open: !!o, onOpenChange: f, children: /* @__PURE__ */ t(
+    E,
+    {
+      "data-testid": "storefront-popup-modal-content",
+      showCloseButton: !1,
+      className: "overflow-hidden border-0 bg-white p-0 shadow-2xl",
+      desktopClassName: "max-w-xl gap-0",
+      mobileClassName: "max-h-[92dvh] gap-0",
+      children: /* @__PURE__ */ m("div", { "data-testid": "storefront-popup-modal", className: "flex max-h-[90dvh] w-full min-w-0 flex-col", children: [
+        v ? /* @__PURE__ */ t(D, { className: "w-full p-0 text-left", children: /* @__PURE__ */ m("div", { className: "relative aspect-[17/7] min-h-52 w-full overflow-hidden border-b border-slate-200 sm:aspect-[17/6]", children: [
+          /* @__PURE__ */ t(
+            "button",
+            {
+              type: "button",
+              className: Q,
+              "aria-label": s("close_modal"),
+              onClick: () => f(!1),
+              children: /* @__PURE__ */ t(H, { className: "h-4 w-4", "aria-hidden": "true" })
+            }
+          ),
+          /* @__PURE__ */ t(
+            "img",
+            {
+              src: w,
+              alt: "",
+              className: "absolute inset-0 h-full w-full object-cover object-center",
+              loading: "lazy"
+            }
+          ),
+          /* @__PURE__ */ t("div", { className: "absolute inset-0 bg-[linear-gradient(180deg,rgba(2,6,23,0.04)_0%,rgba(15,23,42,0.22)_42%,rgba(15,23,42,0.9)_100%)]" }),
+          /* @__PURE__ */ m("div", { className: "absolute inset-x-0 bottom-0 px-5 pb-5 sm:px-6", children: [
+            /* @__PURE__ */ t(I, { className: "max-w-[28rem] text-left text-3xl font-semibold leading-tight text-white", children: /* @__PURE__ */ t("span", { children: o.title }) }),
+            /* @__PURE__ */ t(P, { className: x("mt-2 max-w-[30rem] text-left text-sm leading-6 text-white/85", !o.subtitle && "sr-only"), children: /* @__PURE__ */ t("span", { children: _ }) })
+          ] })
+        ] }) }) : /* @__PURE__ */ t(D, { className: "border-b border-slate-200 px-5 py-4 text-left sm:px-6", children: /* @__PURE__ */ m("div", { className: "flex items-start gap-3", children: [
+          /* @__PURE__ */ t("span", { className: "mt-0.5 inline-flex h-9 w-9 shrink-0 items-center justify-center rounded-full bg-slate-950 text-white", children: /* @__PURE__ */ t(L, { className: "h-4 w-4", "aria-hidden": "true" }) }),
+          /* @__PURE__ */ m("span", { className: "min-w-0 space-y-1", children: [
+            /* @__PURE__ */ t(I, { className: "text-left text-lg font-semibold leading-6 text-slate-950", children: /* @__PURE__ */ t("span", { children: o.title }) }),
+            /* @__PURE__ */ t(P, { className: x("text-left text-sm text-slate-600", !o.subtitle && "sr-only"), children: /* @__PURE__ */ t("span", { children: _ }) })
+          ] })
+        ] }) }),
+        /* @__PURE__ */ t("div", { className: "overflow-y-auto px-5 py-5 sm:px-6", children: /* @__PURE__ */ m("div", { className: "grid gap-5", children: [
+          v && y.length > 0 ? /* @__PURE__ */ t("div", { className: "grid grid-cols-3 gap-2", children: y.slice(0, 3).map((a) => /* @__PURE__ */ t("div", { className: "overflow-hidden rounded-lg border border-slate-200 bg-slate-50", children: /* @__PURE__ */ t("img", { src: a, alt: "", className: "aspect-[4/3] h-full w-full object-cover", loading: "lazy" }) }, a)) }) : null,
+          o.messageHtml ? /* @__PURE__ */ t(
+            "div",
+            {
+              className: x(
+                "text-sm leading-6 text-slate-700 [&_a]:text-slate-950 [&_a]:underline [&_blockquote]:border-l-2 [&_blockquote]:border-slate-300 [&_blockquote]:pl-4 [&_h1]:text-2xl [&_h1]:font-semibold [&_h2]:text-xl [&_h2]:font-semibold [&_h3]:text-lg [&_h3]:font-semibold [&_li]:my-1 [&_ol]:list-decimal [&_ol]:pl-6 [&_p]:my-2 [&_ul]:list-disc [&_ul]:pl-6",
+                !o.subtitle && "text-base leading-7"
+              ),
+              dangerouslySetInnerHTML: { __html: o.messageHtml }
+            }
+          ) : null
+        ] }) }),
+        /* @__PURE__ */ t(O, { className: "border-t border-slate-200 px-5 py-4 sm:px-6", children: /* @__PURE__ */ t(
+          V,
+          {
+            type: "button",
+            variant: "outline",
+            className: "h-11 w-full rounded-xl sm:w-auto",
+            onClick: () => f(!1),
+            children: /* @__PURE__ */ t("span", { children: s("close_modal") })
+          }
+        ) })
+      ] })
+    }
+  ) });
+}
+export {
+  de as StorefrontPopupMessages
+};

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

@@ -0,0 +1,2 @@
+export declare const TestimonialsSection: () => import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/TestimonialsSection/index.js

@@ -0,0 +1,349 @@
+import { jsxs as a, jsx as r, Fragment as te } from "react/jsx-runtime";
+import i from "react";
+import { Star as I } from "lucide-react";
+import { useTranslation as z } from "react-i18next";
+import { ROUTE as re, responseSchema as ne } from "../../lib/storefrontReviews.js";
+import { cn as U } from "@rpcbase/ui";
+import { useStorefront as se } from "../../StorefrontProvider.js";
+function ae({ rating: e }) {
+  return /* @__PURE__ */ r("div", { className: "flex mb-2", children: [...Array(5)].map((t, n) => /* @__PURE__ */ r(
+    I,
+    {
+      className: U(
+        "w-4 h-4",
+        n < e ? "text-yellow-400 fill-yellow-400" : "text-slate-300"
+      )
+    },
+    n
+  )) });
+}
+const p = ({ className: e }) => /* @__PURE__ */ r("div", { "aria-hidden": !0, className: U("animate-pulse rounded bg-slate-200", e) }), oe = () => /* @__PURE__ */ a(
+  "div",
+  {
+    "aria-hidden": !0,
+    className: "bg-white p-4 rounded-xl border border-slate-200 shadow-sm w-[320px] flex-shrink-0",
+    children: [
+      /* @__PURE__ */ a("div", { className: "flex items-center gap-3 mb-2", children: [
+        /* @__PURE__ */ r("div", { className: "h-10 w-10 rounded-full bg-slate-200 animate-pulse" }),
+        /* @__PURE__ */ a("div", { className: "flex-1 space-y-2", children: [
+          /* @__PURE__ */ r(p, { className: "h-4 w-24" }),
+          /* @__PURE__ */ r(p, { className: "h-3 w-20" })
+        ] })
+      ] }),
+      /* @__PURE__ */ r("div", { className: "mb-3 flex gap-1", children: Array.from({ length: 5 }).map((e, t) => /* @__PURE__ */ r("div", { className: "h-4 w-4 rounded bg-slate-200 animate-pulse" }, t)) }),
+      /* @__PURE__ */ a("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ r(p, { className: "h-3 w-full" }),
+        /* @__PURE__ */ r(p, { className: "h-3 w-full" }),
+        /* @__PURE__ */ r(p, { className: "h-3 w-5/6" })
+      ] }),
+      /* @__PURE__ */ r(p, { className: "mt-4 h-3 w-16" })
+    ]
+  }
+);
+function j({
+  review: e,
+  enableExpand: t = !0,
+  defaultOriginalUrl: n
+}) {
+  const { t: o } = z(), l = F(e.name), R = ie(l), d = e.source === "tripadvisor" ? o("testimonials.tripadvisor_review") : e.source === "google" ? o("testimonials.google_review") : void 0, [u, T] = i.useState(!1), [b, L] = i.useState(!1), k = i.useRef(null), y = t && u ? 6 : 4, g = e.originalUrl || n, N = X(g), v = t && b, w = typeof N == "string" && N.length > 0;
+  return i.useEffect(() => {
+    if (!t) return;
+    const m = k.current;
+    if (!m) return;
+    const S = () => {
+      const C = m.scrollHeight > m.clientHeight + 1, P = (e.text || "").trim().length > 240;
+      L(C || P);
+    };
+    return S(), window.addEventListener("resize", S), () => window.removeEventListener("resize", S);
+  }, [t, e.text]), /* @__PURE__ */ a("div", { className: "bg-white p-4 rounded-xl border border-slate-200 shadow-sm hover:shadow-md transition-shadow duration-300 w-[320px] flex-shrink-0", children: [
+    /* @__PURE__ */ a("div", { className: "flex items-center gap-3 mb-2", children: [
+      /* @__PURE__ */ r(pe, { name: e.name, size: 40, colorSeed: e.colorSeed }),
+      /* @__PURE__ */ a("div", { children: [
+        /* @__PURE__ */ r("div", { className: "font-semibold leading-tight", children: R }),
+        d && /* @__PURE__ */ r("div", { className: "text-xs text-slate-500", children: d })
+      ] })
+    ] }),
+    /* @__PURE__ */ r(ae, { rating: e.rating }),
+    /* @__PURE__ */ a("div", { className: "relative", children: [
+      /* @__PURE__ */ a(
+        "p",
+        {
+          ref: k,
+          className: "text-slate-600 text-sm italic",
+          style: {
+            display: "-webkit-box",
+            WebkitLineClamp: y,
+            WebkitBoxOrient: "vertical",
+            overflow: "hidden"
+          },
+          children: [
+            /* @__PURE__ */ r("span", { "aria-hidden": !0, children: "“" }),
+            /* @__PURE__ */ r("span", { children: e.text }),
+            /* @__PURE__ */ r("span", { "aria-hidden": !0, children: "”" })
+          ]
+        }
+      ),
+      !u && v && /* @__PURE__ */ r(
+        "div",
+        {
+          "aria-hidden": !0,
+          className: "pointer-events-none absolute inset-x-0 bottom-0 h-8 bg-gradient-to-b from-transparent to-white"
+        }
+      )
+    ] }),
+    (v || w) && /* @__PURE__ */ a(
+      "div",
+      {
+        className: U(
+          "mt-2 flex items-center gap-3",
+          v && w ? "justify-between" : w ? "justify-end" : "justify-start"
+        ),
+        children: [
+          v && /* @__PURE__ */ r(
+            "button",
+            {
+              type: "button",
+              onClick: () => T((m) => !m),
+              className: "text-primary hover:underline text-xs cursor-pointer",
+              children: o(u ? "testimonials.see_less" : "testimonials.see_more")
+            }
+          ),
+          w && /* @__PURE__ */ r(
+            "a",
+            {
+              className: "text-slate-500 hover:text-slate-600 hover:underline text-xs whitespace-nowrap cursor-pointer",
+              href: N,
+              target: "_blank",
+              rel: "noreferrer noopener",
+              children: o("testimonials.view_original")
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+const Re = () => {
+  const { t: e } = z(), { storeSlug: t, storefrontConfiguration: n } = se(), o = n.modules?.reviews, l = o ? o.enabled && o.showRecentReviewsOnStorefront : !0, R = 180, d = i.useRef(null), u = i.useRef(!1), [T, b] = i.useState(!1), L = i.useRef(0), k = i.useRef(0), y = 64, [g, N] = i.useState([]), [v, w] = i.useState({}), [m, S] = i.useState(!1);
+  i.useEffect(() => {
+    let s = !1;
+    if (!l)
+      return N([]), w({}), S(!0), () => {
+        s = !0;
+      };
+    async function h() {
+      try {
+        if (!t) return;
+        const E = new URLSearchParams({
+          storeSlug: t,
+          limit: "40"
+        }), B = await (await fetch(`${re}?${E.toString()}`)).json().catch(() => null);
+        if (s) return;
+        const q = ne.safeParse(B);
+        if (!q.success || !q.data.success)
+          return;
+        const _ = q.data, $ = Array.isArray(_?.providers) ? _.providers : [], x = $.find((c) => c?.source === "google"), J = $[0], M = typeof x?.providerUrl == "string" ? x.providerUrl : n.shop.googleMapsLink || n.shop.googleRequestReviewsLink, O = Array.isArray(_?.reviews) ? _.reviews.map((c, ee) => ({
+          id: ee + 1,
+          name: c.authorMasked || e("testimonials.google_user"),
+          source: c.source,
+          text: c.comment || "",
+          rating: c.rating || 5,
+          colorSeed: typeof c.avatarSeed == "number" ? c.avatarSeed : void 0,
+          originalUrl: typeof c.providerUrl == "string" ? c.providerUrl : M
+        })) : [], K = O.length > 0 ? O : [], Q = D(String(x?.fetchedAt || J?.fetchedAt || _?.reviews?.[0]?.createdAt || "mock")), Y = ce([...K], Q), Z = {
+          rating: typeof x?.rating == "number" ? x.rating : void 0,
+          total: typeof x?.totalReviewsCount == "number" ? x.totalReviewsCount : void 0,
+          url: M
+        };
+        if (s) return;
+        N(Y), w(Z);
+      } catch {
+        if (s) return;
+      } finally {
+        s || S(!0);
+      }
+    }
+    return h(), () => {
+      s = !0;
+    };
+  }, [l, t, n.shop.googleMapsLink, n.shop.googleRequestReviewsLink]), i.useEffect(() => {
+    if (!m || g.length === 0) return;
+    const s = d.current;
+    s && s.scrollLeft === 0 && (s.scrollLeft = y);
+  }, [m, g.length, y]);
+  const C = v.rating, P = v.total, V = v.url, A = X(V);
+  if (!l)
+    return null;
+  const f = !m, W = g.length > 0;
+  return !f && !W ? null : /* @__PURE__ */ a("section", { id: "testimonials", className: "border-t border-slate-200 bg-slate-50/60", translate: "no", children: [
+    /* @__PURE__ */ r("style", { children: `
+        @keyframes testimonials-marquee { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }
+        .t-marquee { animation: testimonials-marquee var(--t-marquee-duration, 40s) linear infinite; }
+        .t-marquee:hover { animation-play-state: paused; }
+        .marquee-container:hover .t-marquee { animation-play-state: paused; }
+        @media (prefers-reduced-motion: reduce) {
+          .t-marquee { animation: none !important; }
+        }
+        .no-scrollbar::-webkit-scrollbar { display: none; }
+        .no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }
+      ` }),
+    /* @__PURE__ */ a("div", { className: "mx-auto max-w-7xl px-4 py-10 sm:px-6", children: [
+      /* @__PURE__ */ a("div", { className: "text-center mb-8", children: [
+        /* @__PURE__ */ r("h2", { className: "text-xl font-semibold tracking-tight text-slate-950", children: e("testimonials.title") }),
+        /* @__PURE__ */ a("div", { className: "mt-3 flex items-center justify-center gap-3 text-sm text-slate-700", children: [
+          /* @__PURE__ */ a("div", { className: "inline-flex items-center gap-1", children: [
+            /* @__PURE__ */ r(I, { className: "w-5 h-5 text-yellow-400 fill-yellow-400" }),
+            f ? /* @__PURE__ */ r(p, { className: "inline-block h-5 w-12" }) : /* @__PURE__ */ a("span", { className: "font-medium", children: [
+              /* @__PURE__ */ r("span", { children: C?.toFixed(1) ?? "5.0" }),
+              /* @__PURE__ */ r("span", { children: "/5" })
+            ] })
+          ] }),
+          /* @__PURE__ */ r("span", { "aria-hidden": !0, children: "•" }),
+          f ? /* @__PURE__ */ r(p, { className: "inline-block h-4 w-32" }) : /* @__PURE__ */ a("span", { children: [
+            P ?? g.length,
+            " ",
+            e("testimonials.reviews_label")
+          ] }),
+          (f || A) && /* @__PURE__ */ a(te, { children: [
+            /* @__PURE__ */ r("span", { "aria-hidden": !0, children: "•" }),
+            f ? /* @__PURE__ */ r(p, { className: "inline-block h-4 w-40" }) : A ? /* @__PURE__ */ r("a", { className: "text-primary hover:underline cursor-pointer", href: A, target: "_blank", rel: "noreferrer noopener", children: e("testimonials.view_on_google") }) : null
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ a("div", { className: "relative", children: [
+        /* @__PURE__ */ r(
+          "div",
+          {
+            className: "pointer-events-none absolute inset-y-0 left-0 bg-gradient-to-r from-slate-50 to-transparent z-10",
+            style: { width: y }
+          }
+        ),
+        /* @__PURE__ */ r(
+          "div",
+          {
+            className: "pointer-events-none absolute inset-y-0 right-0 bg-gradient-to-l from-slate-50 to-transparent z-10",
+            style: { width: y }
+          }
+        ),
+        /* @__PURE__ */ r(
+          "div",
+          {
+            ref: d,
+            className: U(
+              "marquee-container overflow-x-auto overflow-y-visible px-2 py-2 no-scrollbar select-none",
+              f ? "cursor-default" : T ? "cursor-grabbing" : "cursor-grab"
+            ),
+            style: { WebkitOverflowScrolling: "touch", touchAction: "pan-x" },
+            onPointerDown: (s) => {
+              if (f) return;
+              const h = d.current;
+              if (h) {
+                u.current = !0, b(!0), L.current = s.clientX, k.current = h.scrollLeft;
+                try {
+                  s.target?.setPointerCapture?.(s.pointerId);
+                } catch {
+                }
+              }
+            },
+            onPointerMove: (s) => {
+              if (f || !u.current) return;
+              const h = d.current;
+              if (!h) return;
+              const E = s.clientX - L.current;
+              h.scrollLeft = k.current - E;
+            },
+            onPointerUp: () => {
+              u.current = !1, b(!1);
+            },
+            onPointerCancel: () => {
+              u.current = !1, b(!1);
+            },
+            onPointerLeave: () => {
+              u.current = !1, b(!1);
+            },
+            children: f ? /* @__PURE__ */ r("div", { className: "inline-flex w-max gap-4", children: Array.from({ length: 6 }).map((s, h) => /* @__PURE__ */ r(oe, {}, `s-${h}`)) }) : /* @__PURE__ */ a(
+              "div",
+              {
+                className: "t-marquee inline-flex w-max gap-4",
+                style: { "--t-marquee-duration": `${R}s` },
+                children: [
+                  /* @__PURE__ */ r("div", { className: "flex w-max gap-4", children: g.map((s) => /* @__PURE__ */ r(j, { review: s, defaultOriginalUrl: A }, `a-${s.id}`)) }),
+                  /* @__PURE__ */ r("div", { className: "flex w-max gap-4", children: g.map((s) => /* @__PURE__ */ r(j, { review: s, defaultOriginalUrl: A }, `b-${s.id}`)) })
+                ]
+              }
+            )
+          }
+        )
+      ] })
+    ] })
+  ] });
+};
+function F(e) {
+  if (!e) return "?";
+  const t = String(e).trim().split(/[\s-]+/).filter(Boolean);
+  if (t.length === 0) return "?";
+  const n = t[0]?.[0] || "", o = t.length > 1 ? t[t.length - 1]?.[0] : t[0]?.[1] || "";
+  return (n + o).toUpperCase();
+}
+function ie(e) {
+  return e ? e.length >= 2 ? `${e[0]}. ${e[1]}.` : `${e[0]}.` : "?";
+}
+function X(e) {
+  if (typeof e != "string") return;
+  const t = e.trim();
+  if (t.length !== 0)
+    try {
+      const n = new URL(t);
+      return n.protocol !== "http:" && n.protocol !== "https:" ? void 0 : n.toString();
+    } catch {
+      return;
+    }
+}
+function D(e) {
+  let t = 2166136261;
+  for (let n = 0; n < e.length; n++)
+    t ^= e.charCodeAt(n), t = Math.imul(t, 16777619);
+  return t >>> 0;
+}
+function le(e) {
+  return function() {
+    let t = e += 1831565813;
+    return t = Math.imul(t ^ t >>> 15, t | 1), t ^= t + Math.imul(t ^ t >>> 7, t | 61), ((t ^ t >>> 14) >>> 0) / 4294967296;
+  };
+}
+function ce(e, t) {
+  const n = le(t || 1);
+  for (let o = e.length - 1; o > 0; o--) {
+    const l = Math.floor(n() * (o + 1));
+    [e[o], e[l]] = [e[l], e[o]];
+  }
+  return e;
+}
+const de = 65, ue = 72, me = 20;
+function G(e) {
+  return (e % 360 + 360) % 360;
+}
+function H(e, t) {
+  return `hsl(${e} ${de}% ${t}%)`;
+}
+function fe(e) {
+  return G(D(e));
+}
+function he(e) {
+  if (typeof e == "number")
+    return G(e);
+}
+function pe({ name: e, size: t = 40, colorSeed: n }) {
+  const o = F(e), l = he(n) ?? fe(e), R = H(l, ue), d = H(l, me);
+  return /* @__PURE__ */ r("div", { className: "relative", style: { width: t, height: t }, "aria-hidden": !0, children: /* @__PURE__ */ r(
+    "div",
+    {
+      className: "w-full h-full rounded-full flex items-center justify-center font-semibold select-none",
+      style: { backgroundColor: R, color: d },
+      children: o
+    }
+  ) });
+}
+export {
+  Re as TestimonialsSection
+};