@neowhale/storefront 0.2.36 → 0.2.37

package/dist/landing.global.js

@@ -379,9 +379,13 @@ var WhaleStorefront = (function (exports) {
 
   // src/shims/jsx-runtime-global.ts
   var R2 = globalThis.React;
-  var jsx = R2.createElement;
-  var jsxs = R2.createElement;
-  R2.createElement;
+  function jsx(type, props, key) {
+    const { children, ...rest } = props;
+    if (key !== void 0) rest.key = key;
+    if (children === void 0) return R2.createElement(type, rest);
+    if (Array.isArray(children)) return R2.createElement(type, rest, ...children);
+    return R2.createElement(type, rest, children);
+  }
   var Fragment2 = R2.Fragment;
 
   // src/react/components/sections/shared.tsx
@@ -446,7 +450,7 @@ var WhaleStorefront = (function (exports) {
       visible
     );
     const display = decimals > 0 ? (count / Math.pow(10, decimals)).toFixed(decimals) : hasCommas ? count.toLocaleString() : String(count);
-    return /* @__PURE__ */ jsxs("span", { ref, children: [
+    return /* @__PURE__ */ jsx("span", { ref, children: [
       prefix,
       display,
       suffix
@@ -462,7 +466,7 @@ var WhaleStorefront = (function (exports) {
   // src/react/components/sections/content-sections.tsx
   function HeroSection({ section, theme, tracking, onEvent }) {
     const { title, subtitle, background_image, cta_text, cta_url } = section.content;
-    return /* @__PURE__ */ jsxs("div", { style: {
+    return /* @__PURE__ */ jsx("div", { style: {
       position: "relative",
       minHeight: "60vh",
       display: "flex",
@@ -476,7 +480,7 @@ var WhaleStorefront = (function (exports) {
       backgroundPosition: "center"
     }, children: [
       background_image && /* @__PURE__ */ jsx("div", { style: { position: "absolute", inset: 0, background: "rgba(0,0,0,0.5)" } }),
-      /* @__PURE__ */ jsxs("div", { style: { position: "relative", zIndex: 1, maxWidth: 640 }, children: [
+      /* @__PURE__ */ jsx("div", { style: { position: "relative", zIndex: 1, maxWidth: 640 }, children: [
         title && /* @__PURE__ */ jsx("h1", { style: {
           fontSize: "clamp(2rem, 8vw, 3rem)",
           fontWeight: 300,
@@ -522,7 +526,7 @@ var WhaleStorefront = (function (exports) {
   function TextSection({ section, theme }) {
     const { heading, body } = section.content;
     const align = section.config?.align || "left";
-    return /* @__PURE__ */ jsxs("div", { style: { padding: "2rem 1.5rem", maxWidth: 640, margin: "0 auto", textAlign: align }, children: [
+    return /* @__PURE__ */ jsx("div", { style: { padding: "2rem 1.5rem", maxWidth: 640, margin: "0 auto", textAlign: align }, children: [
       heading && /* @__PURE__ */ jsx("h2", { style: {
         fontSize: 11,
         fontWeight: 500,
@@ -538,7 +542,7 @@ var WhaleStorefront = (function (exports) {
     const { url, alt, caption } = section.content;
     const contained = section.config?.contained !== false;
     if (!url) return null;
-    return /* @__PURE__ */ jsxs("div", { style: { padding: contained ? "1.5rem" : 0, maxWidth: contained ? 640 : void 0, margin: contained ? "0 auto" : void 0 }, children: [
+    return /* @__PURE__ */ jsx("div", { style: { padding: contained ? "1.5rem" : 0, maxWidth: contained ? 640 : void 0, margin: contained ? "0 auto" : void 0 }, children: [
       /* @__PURE__ */ jsx("img", { src: url, alt: alt || "", style: { width: "100%", display: "block", objectFit: "cover" } }),
       caption && /* @__PURE__ */ jsx("p", { style: { fontSize: "0.8rem", color: theme.muted, textAlign: "center", marginTop: "0.75rem" }, children: caption })
     ] });
@@ -585,7 +589,7 @@ var WhaleStorefront = (function (exports) {
   function CTASection({ section, theme, tracking, onEvent }) {
     const { title, subtitle, buttons } = section.content;
     if (!buttons || buttons.length === 0) return null;
-    return /* @__PURE__ */ jsxs("div", { style: { padding: "2rem 1.5rem", maxWidth: 480, margin: "0 auto", display: "flex", flexDirection: "column", gap: "0.75rem" }, children: [
+    return /* @__PURE__ */ jsx("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,
@@ -642,8 +646,8 @@ var WhaleStorefront = (function (exports) {
     const layout = section.config?.layout;
     if (!stats || stats.length === 0) return null;
     if (layout === "list") {
-      return /* @__PURE__ */ jsx("div", { style: { padding: "1.5rem", maxWidth: 640, margin: "0 auto" }, children: stats.map((stat, i) => /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "baseline", padding: "0.625rem 0" }, children: [
+      return /* @__PURE__ */ jsx("div", { style: { padding: "1.5rem", maxWidth: 640, margin: "0 auto" }, children: stats.map((stat, i) => /* @__PURE__ */ jsx("div", { children: [
+        /* @__PURE__ */ jsx("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "baseline", padding: "0.625rem 0" }, children: [
           /* @__PURE__ */ jsx("span", { style: { fontSize: 12, textTransform: "uppercase", letterSpacing: "0.15em", color: `${theme.fg}66` }, children: stat.label }),
           /* @__PURE__ */ jsx("span", { style: { fontSize: 14, fontWeight: 300, color: `${theme.fg}CC` }, children: /* @__PURE__ */ jsx(AnimatedText, { text: stat.value }) })
         ] }),
@@ -651,7 +655,7 @@ var WhaleStorefront = (function (exports) {
       ] }, i)) });
     }
     const columns = Math.min(stats.length, 4);
-    return /* @__PURE__ */ jsx("div", { style: { padding: "1.5rem", maxWidth: 640, margin: "0 auto" }, children: /* @__PURE__ */ jsx("div", { style: { display: "grid", gridTemplateColumns: `repeat(${columns}, 1fr)`, border: `1px solid ${theme.fg}0F` }, children: stats.map((stat, i) => /* @__PURE__ */ jsxs("div", { style: {
+    return /* @__PURE__ */ jsx("div", { style: { padding: "1.5rem", maxWidth: 640, margin: "0 auto" }, children: /* @__PURE__ */ jsx("div", { style: { display: "grid", gridTemplateColumns: `repeat(${columns}, 1fr)`, border: `1px solid ${theme.fg}0F` }, children: stats.map((stat, i) => /* @__PURE__ */ jsx("div", { style: {
       padding: "1.25rem 0.5rem",
       textAlign: "center",
       borderRight: i < stats.length - 1 ? `1px solid ${theme.fg}0F` : void 0
@@ -680,9 +684,9 @@ var WhaleStorefront = (function (exports) {
     const description = c.description || product?.description || "";
     const imageUrl = c.image_url || product?.featured_image || null;
     const url = c.url || null;
-    return /* @__PURE__ */ jsx("div", { style: { padding: "1.5rem", maxWidth: 480, margin: "0 auto" }, children: /* @__PURE__ */ jsxs("div", { style: { background: theme.surface, overflow: "hidden" }, children: [
+    return /* @__PURE__ */ jsx("div", { style: { padding: "1.5rem", maxWidth: 480, margin: "0 auto" }, children: /* @__PURE__ */ jsx("div", { style: { background: theme.surface, overflow: "hidden" }, children: [
       imageUrl && /* @__PURE__ */ jsx("div", { style: { width: "100%", aspectRatio: "1", overflow: "hidden" }, children: /* @__PURE__ */ jsx("img", { src: imageUrl, alt: name, style: { width: "100%", height: "100%", objectFit: "cover", display: "block" } }) }),
-      /* @__PURE__ */ jsxs("div", { style: { padding: "1.25rem" }, children: [
+      /* @__PURE__ */ jsx("div", { style: { padding: "1.25rem" }, children: [
         /* @__PURE__ */ jsx("h3", { style: { fontSize: "1.25rem", fontWeight: 600, margin: "0 0 0.5rem", color: theme.fg }, children: name }),
         description && /* @__PURE__ */ jsx("p", { style: { fontSize: "0.9rem", color: theme.muted, margin: "0 0 1rem", lineHeight: 1.5 }, children: description }),
         url && /* @__PURE__ */ jsx(
@@ -750,8 +754,8 @@ var WhaleStorefront = (function (exports) {
     }, style: buttonStyle, children: buttonLabel }) });
   }
   function COAModal({ coa, theme, onClose }) {
-    return /* @__PURE__ */ jsxs("div", { style: { position: "fixed", inset: 0, zIndex: 9999, background: "rgba(0,0,0,0.95)", display: "flex", flexDirection: "column" }, children: [
-      /* @__PURE__ */ jsxs("div", { style: {
+    return /* @__PURE__ */ jsx("div", { style: { position: "fixed", inset: 0, zIndex: 9999, background: "rgba(0,0,0,0.95)", display: "flex", flexDirection: "column" }, children: [
+      /* @__PURE__ */ jsx("div", { style: {
         display: "flex",
         justifyContent: "space-between",
         alignItems: "center",
@@ -843,10 +847,10 @@ var WhaleStorefront = (function (exports) {
       transition: "border-color 0.2s"
     };
     if (status === "success") return /* @__PURE__ */ jsx(SuccessState, { theme, heading: successHeading, message: successMessage, couponCode: c.coupon_code });
-    return /* @__PURE__ */ jsxs("div", { style: { padding: "3.5rem 1.5rem", maxWidth: 560, margin: "0 auto" }, children: [
+    return /* @__PURE__ */ jsx("div", { style: { padding: "3.5rem 1.5rem", maxWidth: 560, margin: "0 auto" }, children: [
       /* @__PURE__ */ jsx("style", { children: `@keyframes lc-spin { to { transform: rotate(360deg) } }` }),
-      /* @__PURE__ */ jsxs("div", { style: { background: theme.surface, border: `1px solid ${theme.fg}12`, padding: "clamp(2rem, 6vw, 3rem)" }, children: [
-        /* @__PURE__ */ jsxs("div", { style: { textAlign: "center", marginBottom: "clamp(1.5rem, 4vw, 2rem)" }, children: [
+      /* @__PURE__ */ jsx("div", { style: { background: theme.surface, border: `1px solid ${theme.fg}12`, padding: "clamp(2rem, 6vw, 3rem)" }, children: [
+        /* @__PURE__ */ jsx("div", { style: { textAlign: "center", marginBottom: "clamp(1.5rem, 4vw, 2rem)" }, children: [
           /* @__PURE__ */ jsx("h2", { style: {
             fontSize: "clamp(1.5rem, 5vw, 2.25rem)",
             fontWeight: 300,
@@ -865,12 +869,12 @@ var WhaleStorefront = (function (exports) {
             letterSpacing: "0.15em"
           }, children: subtitle })
         ] }),
-        /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, style: { display: "flex", flexDirection: "column", gap: "0.75rem" }, children: [
-          /* @__PURE__ */ jsxs("div", { style: { display: "flex", gap: "0.75rem", flexWrap: "wrap" }, children: [
+        /* @__PURE__ */ jsx("form", { onSubmit: handleSubmit, style: { display: "flex", flexDirection: "column", gap: "0.75rem" }, children: [
+          /* @__PURE__ */ jsx("div", { style: { display: "flex", gap: "0.75rem", flexWrap: "wrap" }, children: [
             /* @__PURE__ */ jsx("input", { type: "text", placeholder: "First name", value: firstName, onChange: (e) => setFirstName(e.target.value), style: inputStyle }),
             /* @__PURE__ */ jsx("input", { type: "email", placeholder: "Email address", value: email, onChange: (e) => setEmail(e.target.value), required: true, style: inputStyle })
           ] }),
-          c.show_newsletter_opt_in !== false && /* @__PURE__ */ jsxs("label", { style: {
+          c.show_newsletter_opt_in !== false && /* @__PURE__ */ jsx("label", { style: {
             display: "flex",
             alignItems: "center",
             gap: "0.5rem",
@@ -892,7 +896,7 @@ var WhaleStorefront = (function (exports) {
             c.newsletter_label || "Also sign me up for the newsletter \u2014 new drops, deals, and company news."
           ] }),
           status === "error" && errorMsg && /* @__PURE__ */ jsx("p", { style: { fontSize: "0.8rem", color: "#e55", margin: 0, fontWeight: 400 }, children: errorMsg }),
-          /* @__PURE__ */ jsxs("button", { type: "submit", disabled: status === "loading", style: {
+          /* @__PURE__ */ jsx("button", { type: "submit", disabled: status === "loading", style: {
             width: "100%",
             padding: "0.875rem",
             background: theme.fg,
@@ -927,7 +931,7 @@ var WhaleStorefront = (function (exports) {
     ] });
   }
   function SuccessState({ theme, heading, message, couponCode }) {
-    return /* @__PURE__ */ jsx("div", { style: { padding: "3.5rem 1.5rem", maxWidth: 560, margin: "0 auto" }, children: /* @__PURE__ */ jsxs("div", { style: { background: theme.surface, border: `1px solid ${theme.fg}12`, padding: "clamp(2rem, 6vw, 3rem)", textAlign: "center" }, children: [
+    return /* @__PURE__ */ jsx("div", { style: { padding: "3.5rem 1.5rem", maxWidth: 560, margin: "0 auto" }, children: /* @__PURE__ */ jsx("div", { style: { background: theme.surface, border: `1px solid ${theme.fg}12`, padding: "clamp(2rem, 6vw, 3rem)", textAlign: "center" }, children: [
       /* @__PURE__ */ jsx("h2", { style: {
         fontSize: "clamp(1.5rem, 5vw, 2rem)",
         fontWeight: 300,
@@ -1007,7 +1011,7 @@ var WhaleStorefront = (function (exports) {
       obs.observe(el2);
       return () => obs.disconnect();
     }, [section.id, section.type, onEvent]);
-    return /* @__PURE__ */ jsxs("div", { ref: sectionRef, "data-section-id": section.id, "data-section-type": section.type, children: [
+    return /* @__PURE__ */ jsx("div", { ref: sectionRef, "data-section-id": section.id, "data-section-type": section.type, children: [
       el,
       showCOA && data?.coa && /* @__PURE__ */ jsx(COAModal, { coa: data.coa, theme, onClose: () => setShowCOA(false) })
     ] });
@@ -1189,7 +1193,7 @@ var WhaleStorefront = (function (exports) {
     const urlParams = typeof window !== "undefined" ? new URLSearchParams(window.location.search) : new URLSearchParams();
     const sorted = [...lp.sections].sort((a, b) => a.order - b.order).filter((s) => isSectionVisible(s, urlParams));
     const sectionData = { ...data, gatewayUrl, landing_page: { slug: lp.slug }, analyticsContext };
-    return /* @__PURE__ */ jsxs("div", { style: { minHeight: "100dvh", background: theme.bg, color: theme.fg, fontFamily }, children: [
+    return /* @__PURE__ */ jsx("div", { style: { minHeight: "100dvh", background: theme.bg, color: theme.fg, fontFamily }, children: [
       lp.custom_css && /* @__PURE__ */ jsx("style", { children: lp.custom_css }),
       logoUrl && /* @__PURE__ */ jsx("div", { style: { padding: "1.5rem", display: "flex", justifyContent: "center" }, children: /* @__PURE__ */ jsx("img", { src: logoUrl, alt: store?.name || "Store", style: { height: 40, objectFit: "contain" } }) }),
       sorted.map((section) => {
@@ -1197,7 +1201,7 @@ var WhaleStorefront = (function (exports) {
         if (renderSection) return /* @__PURE__ */ jsx("div", { children: renderSection(section, defaultRenderer) }, section.id);
         return /* @__PURE__ */ jsx(SectionRenderer, { section, data: sectionData, theme, onEvent: handleEvent }, section.id);
       }),
-      store?.name && /* @__PURE__ */ jsx("div", { style: { padding: "2rem 1.5rem", borderTop: `1px solid ${theme.surface}`, textAlign: "center" }, children: /* @__PURE__ */ jsxs("p", { style: { fontSize: "0.75rem", color: theme.muted, margin: 0 }, children: [
+      store?.name && /* @__PURE__ */ jsx("div", { style: { padding: "2rem 1.5rem", borderTop: `1px solid ${theme.surface}`, textAlign: "center" }, children: /* @__PURE__ */ jsx("p", { style: { fontSize: "0.75rem", color: theme.muted, margin: 0 }, children: [
         "Powered by ",
         store.name
       ] }) })
@@ -1225,8 +1229,8 @@ var WhaleStorefront = (function (exports) {
     padding: "2rem"
   };
   function StateScreen({ title, subtitle, loading }) {
-    return /* @__PURE__ */ jsx("div", { style: screenStyle, children: /* @__PURE__ */ jsxs("div", { children: [
-      loading && /* @__PURE__ */ jsxs(Fragment2, { children: [
+    return /* @__PURE__ */ jsx("div", { style: screenStyle, children: /* @__PURE__ */ jsx("div", { children: [
+      loading && /* @__PURE__ */ jsx(Fragment2, { children: [
         /* @__PURE__ */ jsx("div", { style: { width: 32, height: 32, border: "2px solid #333", borderTopColor: "#fafafa", borderRadius: "50%", animation: "spin 0.8s linear infinite", margin: "0 auto 1rem" } }),
         /* @__PURE__ */ jsx("style", { children: `@keyframes spin { to { transform: rotate(360deg) } }` })
       ] }),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@neowhale/storefront",
-  "version": "0.2.36",
+  "version": "0.2.37",
   "description": "React/Next.js SDK for WhaleTools storefronts — cart, auth, analytics, and more",
   "type": "module",
   "main": "dist/index.js",