@neowhale/storefront 0.2.25 → 0.2.27

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,12 @@ 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
+          newsletter_opt_in: newsletterOptIn || 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 +2918,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",