@neowhale/storefront 0.2.49 → 0.2.50

package/dist/react/index.js

@@ -2207,7 +2207,7 @@ function AnimatedText({ text }) {
   ) });
 }
 function HeroSection({ section, theme, tracking, onEvent }) {
-  const { title, subtitle, background_image, cta_text, cta_url } = section.content;
+  const { title, subtitle, background_image, cta_text, cta_url, review_line } = section.content;
   return /* @__PURE__ */ jsxs("div", { style: {
     position: "relative",
     minHeight: "60vh",
@@ -2261,7 +2261,27 @@ 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"
+        ] })
+      ] })
     ] })
   ] });
 }