@neowhale/storefront 0.2.58 → 0.2.60

package/dist/landing.global.js

@@ -567,6 +567,8 @@ var WhaleStorefront = (function (exports) {
             onSubmit: handleSubmit,
             successHeading: c.inline_form.success_heading || "you're in.",
             successMessage: c.inline_form.success_message || "check your inbox.",
+            successCtaText: c.inline_form.success_cta_text,
+            successCtaUrl: c.inline_form.success_cta_url,
             submitText: c.inline_form.button_text || "send my code",
             theme,
             onEvent,
@@ -598,12 +600,36 @@ var WhaleStorefront = (function (exports) {
       ] })
     ] });
   }
-  function HeroInlineForm({ ctaText, formOpen, setFormOpen, firstName, setFirstName, email, setEmail, status, errorMsg, onSubmit, successHeading, successMessage, submitText, theme, onEvent, tracking }) {
+  function HeroInlineForm({ ctaText, formOpen, setFormOpen, firstName, setFirstName, email, setEmail, status, errorMsg, onSubmit, successHeading, successMessage, successCtaText, successCtaUrl, submitText, theme, onEvent, tracking }) {
     const formMaxW = "min(480px, 90vw)";
     if (status === "success") {
       return /* @__PURE__ */ jsx("div", { style: { maxWidth: formMaxW, margin: "0 auto", padding: "1.5rem 2rem", background: `${theme.fg}06`, border: `1px solid ${theme.fg}10` }, children: [
         /* @__PURE__ */ jsx("p", { style: { fontSize: "clamp(1rem, 3vw, 1.25rem)", fontWeight: 300, color: theme.fg, margin: "0 0 0.375rem", fontFamily: theme.fontDisplay || "inherit" }, children: successHeading }),
-        /* @__PURE__ */ jsx("p", { style: { fontSize: "0.85rem", color: `${theme.fg}70`, margin: 0, lineHeight: 1.5 }, children: successMessage })
+        /* @__PURE__ */ jsx("p", { style: { fontSize: "0.85rem", color: `${theme.fg}70`, margin: 0, lineHeight: 1.5 }, children: successMessage }),
+        successCtaUrl && /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: () => {
+              window.location.href = successCtaUrl;
+              onEvent?.("cta_click", { label: successCtaText || "shop now", url: successCtaUrl });
+            },
+            style: {
+              marginTop: "1rem",
+              width: "100%",
+              padding: "0.875rem",
+              background: theme.fg,
+              color: theme.bg,
+              border: "none",
+              fontSize: "0.85rem",
+              fontWeight: 500,
+              cursor: "pointer",
+              letterSpacing: "0.08em",
+              textTransform: "uppercase",
+              fontFamily: "inherit"
+            },
+            children: successCtaText || "shop now"
+          }
+        )
       ] });
     }
     if (!formOpen) {

package/dist/react/index.cjs

@@ -2306,6 +2306,8 @@ function HeroSection({ section, theme, tracking, onEvent, data }) {
           onSubmit: handleSubmit,
           successHeading: c.inline_form.success_heading || "you're in.",
           successMessage: c.inline_form.success_message || "check your inbox.",
+          successCtaText: c.inline_form.success_cta_text,
+          successCtaUrl: c.inline_form.success_cta_url,
           submitText: c.inline_form.button_text || "send my code",
           theme,
           onEvent,
@@ -2337,12 +2339,36 @@ function HeroSection({ section, theme, tracking, onEvent, data }) {
     ] })
   ] });
 }
-function HeroInlineForm({ ctaText, formOpen, setFormOpen, firstName, setFirstName, email, setEmail, status, errorMsg, onSubmit, successHeading, successMessage, submitText, theme, onEvent, tracking }) {
+function HeroInlineForm({ ctaText, formOpen, setFormOpen, firstName, setFirstName, email, setEmail, status, errorMsg, onSubmit, successHeading, successMessage, successCtaText, successCtaUrl, submitText, theme, onEvent, tracking }) {
   const formMaxW = "min(480px, 90vw)";
   if (status === "success") {
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { maxWidth: formMaxW, margin: "0 auto", padding: "1.5rem 2rem", background: `${theme.fg}06`, border: `1px solid ${theme.fg}10` }, children: [
       /* @__PURE__ */ jsxRuntime.jsx("p", { style: { fontSize: "clamp(1rem, 3vw, 1.25rem)", fontWeight: 300, color: theme.fg, margin: "0 0 0.375rem", fontFamily: theme.fontDisplay || "inherit" }, children: successHeading }),
-      /* @__PURE__ */ jsxRuntime.jsx("p", { style: { fontSize: "0.85rem", color: `${theme.fg}70`, margin: 0, lineHeight: 1.5 }, children: successMessage })
+      /* @__PURE__ */ jsxRuntime.jsx("p", { style: { fontSize: "0.85rem", color: `${theme.fg}70`, margin: 0, lineHeight: 1.5 }, children: successMessage }),
+      successCtaUrl && /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          onClick: () => {
+            window.location.href = successCtaUrl;
+            onEvent?.("cta_click", { label: successCtaText || "shop now", url: successCtaUrl });
+          },
+          style: {
+            marginTop: "1rem",
+            width: "100%",
+            padding: "0.875rem",
+            background: theme.fg,
+            color: theme.bg,
+            border: "none",
+            fontSize: "0.85rem",
+            fontWeight: 500,
+            cursor: "pointer",
+            letterSpacing: "0.08em",
+            textTransform: "uppercase",
+            fontFamily: "inherit"
+          },
+          children: successCtaText || "shop now"
+        }
+      )
     ] });
   }
   if (!formOpen) {