@loczer/storefront-sdk 0.181.0 → 0.183.0

package/dist/components/TestimonialsSection/index.js

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