@neowhale/storefront 0.2.21 → 0.2.26

package/dist/react/index.cjs

@@ -2783,6 +2783,7 @@ function LeadCaptureSection({ section, data, theme }) {
   const c = section.content;
   const [firstName, setFirstName] = react.useState("");
   const [email, setEmail] = react.useState("");
+  const [newsletterOptIn, setNewsletterOptIn] = react.useState(false);
   const [status, setStatus] = react.useState("idle");
   const [errorMsg, setErrorMsg] = react.useState("");
   const gatewayUrl = c.gateway_url || data.gatewayUrl || "https://whale-gateway.fly.dev";
@@ -2802,7 +2803,11 @@ function LeadCaptureSection({ section, data, theme }) {
           first_name: firstName || void 0,
           source: c.source || "landing_page",
           landing_page_slug: slug || void 0,
-          tags: c.tags || void 0
+          tags: (() => {
+            const t = [...c.tags || []];
+            if (newsletterOptIn) t.push(c.newsletter_tag || "newsletter-subscriber");
+            return t.length > 0 ? t : void 0;
+          })()
         })
       });
       if (!res.ok) {
@@ -2912,6 +2917,33 @@ function LeadCaptureSection({ section, data, theme }) {
             }
           )
         ] }),
+        c.show_newsletter_opt_in !== false && /* @__PURE__ */ jsxRuntime.jsxs("label", { style: {
+          display: "flex",
+          alignItems: "center",
+          gap: "0.5rem",
+          cursor: "pointer",
+          fontSize: "0.8rem",
+          color: `${theme.fg}90`,
+          fontWeight: 300,
+          lineHeight: 1.4
+        }, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "input",
+            {
+              type: "checkbox",
+              checked: newsletterOptIn,
+              onChange: (e) => setNewsletterOptIn(e.target.checked),
+              style: {
+                width: 16,
+                height: 16,
+                accentColor: theme.accent,
+                cursor: "pointer",
+                flexShrink: 0
+              }
+            }
+          ),
+          c.newsletter_label || "Also sign me up for the newsletter \u2014 new drops, deals, and company news."
+        ] }),
         status === "error" && errorMsg && /* @__PURE__ */ jsxRuntime.jsx("p", { style: { fontSize: "0.8rem", color: "#e55", margin: 0, fontWeight: 400 }, children: errorMsg }),
         /* @__PURE__ */ jsxRuntime.jsxs(
           "button",
@@ -3149,13 +3181,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",
@@ -3164,6 +3207,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);
@@ -3235,6 +3296,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);