@neowhale/storefront 0.2.50 → 0.2.52

package/dist/react/index.js

@@ -2262,26 +2262,7 @@ function HeroSection({ section, theme, tracking, onEvent }) {
           children: cta_text
         }
       ),
-      review_line && review_line.count > 0 && /* @__PURE__ */ jsxs("div", { style: { marginTop: "1.25rem", display: "flex", alignItems: "center", justifyContent: "center", gap: "0.5rem" }, children: [
-        /* @__PURE__ */ jsx("span", { style: { display: "inline-flex", gap: "1px" }, children: [1, 2, 3, 4, 5].map((s) => /* @__PURE__ */ jsx(
-          "svg",
-          {
-            width: 14,
-            height: 14,
-            viewBox: "0 0 20 20",
-            fill: s <= Math.round(review_line.rating) ? theme.accent : `${theme.fg}20`,
-            children: /* @__PURE__ */ jsx("path", { d: "M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" })
-          },
-          s
-        )) }),
-        /* @__PURE__ */ jsxs("span", { style: { fontSize: "0.8rem", color: `${theme.fg}99`, fontWeight: 500 }, children: [
-          review_line.rating.toFixed(1),
-          " \xB7 ",
-          review_line.count,
-          " ",
-          review_line.source || "reviews"
-        ] })
-      ] })
+      review_line && review_line.count > 0 && /* @__PURE__ */ jsx(ReviewLine, { rating: review_line.rating, count: review_line.count, source: review_line.source, url: review_line.url, accent: theme.accent, fg: theme.fg })
     ] })
   ] });
 }
@@ -2434,6 +2415,28 @@ function toEmbedUrl(url) {
   if (vimeoMatch) return `https://player.vimeo.com/video/${vimeoMatch[1]}`;
   return url;
 }
+function ReviewLine({ rating, count, source, url, accent, fg }) {
+  const label = `${rating.toFixed(1)} \xB7 ${count} ${source || "reviews"}`;
+  const stars = /* @__PURE__ */ jsx("span", { style: { display: "inline-flex", gap: "1px" }, children: [1, 2, 3, 4, 5].map((s) => /* @__PURE__ */ jsx("svg", { width: 14, height: 14, viewBox: "0 0 20 20", fill: s <= Math.round(rating) ? accent : `${fg}20`, children: /* @__PURE__ */ jsx("path", { d: "M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" }) }, s)) });
+  const text = /* @__PURE__ */ jsx("span", { style: { fontSize: "0.8rem", color: `${fg}80`, fontWeight: 500 }, children: label });
+  const inner = /* @__PURE__ */ jsxs("span", { style: { display: "inline-flex", alignItems: "center", gap: "0.5rem" }, children: [
+    stars,
+    text
+  ] });
+  if (url) {
+    return /* @__PURE__ */ jsx("div", { style: { marginTop: "1.25rem", textAlign: "center" }, children: /* @__PURE__ */ jsx(
+      "a",
+      {
+        href: url,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        style: { textDecoration: "none", display: "inline-flex", alignItems: "center", gap: "0.5rem" },
+        children: inner
+      }
+    ) });
+  }
+  return /* @__PURE__ */ jsx("div", { style: { marginTop: "1.25rem", display: "flex", justifyContent: "center" }, children: inner });
+}
 function CTASection({ section, theme, tracking, onEvent }) {
   const { title, subtitle, buttons } = section.content;
   if (!buttons || buttons.length === 0) return null;