@neowhale/storefront 0.2.20 → 0.2.25

package/dist/react/index.js

@@ -2594,35 +2594,56 @@ function GallerySection({ section, theme }) {
   ) }, i)) }) });
 }
 function CTASection({ section, theme, tracking }) {
-  const { buttons } = section.content;
+  const { title, subtitle, buttons } = section.content;
   if (!buttons || buttons.length === 0) return null;
-  return /* @__PURE__ */ jsx("div", { style: { padding: "2rem 1.5rem", maxWidth: 480, margin: "0 auto", display: "flex", flexDirection: "column", gap: "0.75rem" }, children: buttons.map((btn, i) => {
-    const isPrimary = btn.style !== "outline";
-    return /* @__PURE__ */ jsx(
-      "a",
-      {
-        href: btn.url,
-        onClick: () => trackClick(tracking, btn.text, btn.url, i),
-        style: {
-          display: "block",
-          width: "100%",
-          padding: "0.875rem",
-          background: isPrimary ? theme.fg : "transparent",
-          color: isPrimary ? theme.bg : theme.fg,
-          border: isPrimary ? "none" : `1px solid ${theme.fg}20`,
-          fontSize: "0.85rem",
-          fontWeight: 500,
-          textAlign: "center",
-          textDecoration: "none",
-          boxSizing: "border-box",
-          letterSpacing: "0.08em",
-          textTransform: "uppercase"
+  return /* @__PURE__ */ jsxs("div", { style: { padding: "2rem 1.5rem", maxWidth: 480, margin: "0 auto", display: "flex", flexDirection: "column", gap: "0.75rem" }, children: [
+    title && /* @__PURE__ */ jsx("h2", { style: {
+      fontSize: "clamp(1.25rem, 4vw, 1.5rem)",
+      fontWeight: 300,
+      fontFamily: theme.fontDisplay || "inherit",
+      margin: "0 0 0.25rem",
+      lineHeight: 1.2,
+      letterSpacing: "-0.02em",
+      color: theme.fg,
+      textAlign: "center"
+    }, children: title }),
+    subtitle && /* @__PURE__ */ jsx("p", { style: {
+      fontSize: "0.8rem",
+      color: theme.accent,
+      margin: "0 0 0.75rem",
+      lineHeight: 1.6,
+      textTransform: "uppercase",
+      letterSpacing: "0.15em",
+      textAlign: "center"
+    }, children: subtitle }),
+    buttons.map((btn, i) => {
+      const isPrimary = btn.style !== "outline";
+      return /* @__PURE__ */ jsx(
+        "a",
+        {
+          href: btn.url,
+          onClick: () => trackClick(tracking, btn.text, btn.url, i),
+          style: {
+            display: "block",
+            width: "100%",
+            padding: "0.875rem",
+            background: isPrimary ? theme.fg : "transparent",
+            color: isPrimary ? theme.bg : theme.fg,
+            border: isPrimary ? "none" : `1px solid ${theme.fg}20`,
+            fontSize: "0.85rem",
+            fontWeight: 500,
+            textAlign: "center",
+            textDecoration: "none",
+            boxSizing: "border-box",
+            letterSpacing: "0.08em",
+            textTransform: "uppercase"
+          },
+          children: btn.text
         },
-        children: btn.text
-      },
-      i
-    );
-  }) });
+        i
+      );
+    })
+  ] });
 }
 function StatsSection({ section, theme }) {
   const { stats } = section.content;
@@ -3126,13 +3147,24 @@ function buildDefaultSections(data) {
       config: { align: "center" }
     });
   }
+  const totalMg = toNum(cf?.total_mg_per_package ?? cf?.total_mg);
+  const mgPerPiece = toNum(cf?.mg_per_piece);
+  const piecesPerPkg = toNum(cf?.pieces_per_package);
+  const isEdible = totalMg != null || mgPerPiece != null || piecesPerPkg != null;
   const thca = toNum(cf?.thca_percentage);
   const thc = toNum(cf?.d9_percentage);
   const cbd = toNum(cf?.cbd_total);
   const stats = [];
-  if (thca != null) stats.push({ label: "THCa", value: `${thca.toFixed(thca >= 1 ? 1 : 2)}%` });
-  if (thc != null) stats.push({ label: "\u03949 THC", value: `${thc.toFixed(thc >= 1 ? 1 : 2)}%` });
-  if (cbd != null) stats.push({ label: "CBD", value: `${cbd.toFixed(cbd >= 1 ? 1 : 2)}%` });
+  if (isEdible) {
+    if (totalMg != null) stats.push({ label: "Total MG", value: `${fmtMg(totalMg)}` });
+    if (mgPerPiece != null) stats.push({ label: "Per Piece", value: `${fmtMg(mgPerPiece)}mg` });
+    if (piecesPerPkg != null) stats.push({ label: "Pieces", value: `${piecesPerPkg}` });
+    if (thc != null) stats.push({ label: "\u03949 THC", value: `${thc.toFixed(thc >= 1 ? 1 : 2)}%` });
+  } else {
+    if (thca != null) stats.push({ label: "THCa", value: `${thca.toFixed(thca >= 1 ? 1 : 2)}%` });
+    if (thc != null) stats.push({ label: "\u03949 THC", value: `${thc.toFixed(thc >= 1 ? 1 : 2)}%` });
+    if (cbd != null) stats.push({ label: "CBD", value: `${cbd.toFixed(cbd >= 1 ? 1 : 2)}%` });
+  }
   if (stats.length > 0) {
     sections.push({
       id: "auto-stats",
@@ -3141,6 +3173,24 @@ function buildDefaultSections(data) {
       content: { stats }
     });
   }
+  if (isEdible) {
+    const servingDetails = [];
+    const servingSize = toStr(cf?.serving_size);
+    const ingredients = toStr(cf?.ingredients);
+    const allergens = toStr(cf?.allergens);
+    if (servingSize) servingDetails.push({ label: "Serving Size", value: servingSize });
+    if (ingredients) servingDetails.push({ label: "Ingredients", value: ingredients });
+    if (allergens) servingDetails.push({ label: "Allergens", value: allergens });
+    if (servingDetails.length > 0) {
+      sections.push({
+        id: "auto-serving",
+        type: "stats",
+        order: order++,
+        content: { stats: servingDetails },
+        config: { layout: "list" }
+      });
+    }
+  }
   const profileDetails = [];
   const genetics = toStr(cf?.genetics);
   const terpenes = toStr(cf?.terpenes);
@@ -3212,6 +3262,9 @@ function toNum(v) {
   const n = Number(v);
   return Number.isFinite(n) ? n : null;
 }
+function fmtMg(mg) {
+  return mg === Math.floor(mg) ? `${mg}mg` : `${mg.toFixed(1)}mg`;
+}
 function toStr(v) {
   if (v == null || v === "") return null;
   return String(v);