@builder.io/sdk-react 5.0.1 → 5.1.1

package/lib/node/blocks-exports.mjs

@@ -1,11 +1,11 @@
 "use client";
-import { TARGET as F, isBrowser as G, logger as ee, checkIsDefined as ge, isPreviewing as oe, isEditing as U, userAttributesService as Te, getDefaultCanTrack as Z, logFetch as Le, setupBrowserForEditing as st, createRegisterComponentMessage as ct, getCookieSync as ut, _track as Ie, fetchOneEntry as Oe, createEditorListener as dt, serializeIncludingFunctions as we, handleABTestingSync as mt } from "./server-entry-f9e5ab97.js";
-import { setClientUserAttributes as qi } from "./server-entry-f9e5ab97.js";
+import { TARGET as F, isBrowser as G, logger as ee, checkIsDefined as be, isPreviewing as oe, isEditing as U, userAttributesService as Te, getDefaultCanTrack as Z, logFetch as Le, setupBrowserForEditing as st, createRegisterComponentMessage as ct, getCookieSync as ut, _track as Ie, fetchOneEntry as Oe, createEditorListener as dt, serializeIncludingFunctions as we, handleABTestingSync as mt } from "./server-entry-fc7f08d8.js";
+import { setClientUserAttributes as qi } from "./server-entry-fc7f08d8.js";
 import { jsx as s, Fragment as w, jsxs as D } from "react/jsx-runtime";
 import * as ft from "react";
 import { createContext as _e, useEffect as B, useState as k, useContext as ye, useRef as z, createElement as Ue } from "react";
-import { getFunctionArguments as ht, flattenState as bt, runInNode as gt, parseCode as yt, getBuilderGlobals as pt, set as He, fastClone as ve } from "./setIvm-fb14c72b.js";
-import { shouldForceBrowserRuntimeInNode as vt } from "./should-force-browser-runtime-in-node-7a57d156.js";
+import { getFunctionArguments as ht, flattenState as gt, runInNode as bt, parseCode as yt, getBuilderGlobals as pt, set as He, fastClone as ve } from "./setIvm-41d8b067.js";
+import { shouldForceBrowserRuntimeInNode as vt } from "./should-force-browser-runtime-in-node-fc5c3a06.js";
 const xt = /* @__PURE__ */ new Set(["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"]), St = (e) => typeof e == "string" && xt.has(e.toLowerCase());
 function xe(e) {
   return /* @__PURE__ */ s(w, { children: St(e.TagName) ? /* @__PURE__ */ s(w, { children: /* @__PURE__ */ s(e.TagName, { ...e.attributes, ...e.actionAttributes }) }) : /* @__PURE__ */ s(w, { children: typeof e.TagName == "string" ? /* @__PURE__ */ s(e.TagName, { ...e.attributes, ...e.actionAttributes, children: e.children }) : /* @__PURE__ */ s(e.TagName, { ...e.attributes, ...e.actionAttributes, children: e.children }) }) });
@@ -79,7 +79,7 @@ const le = _e({
     builder: t,
     context: n,
     event: i,
-    state: bt({
+    state: gt({
       rootState: o,
       localState: a,
       rootSetState: r
@@ -88,7 +88,7 @@ const le = _e({
   return new Function(...l.map(([c]) => c), e)(...l.map(([, c]) => c));
 }, Tt = (e) => G() || vt({
   shouldLogWarning: !0
-}) ? Ct(e) : gt(e), It = /^(return )?(\s*)?state(?<getPath>(\.\w+)+)(\s*);?$/, wt = /(\s)*var(\s)+_virtual_index(\s)*=(\s)*state(?<getPath>(\.\w+)+)(\s*);?(\s)*return(\s)*_virtual_index(\s)*/, Et = (e) => {
+}) ? Ct(e) : bt(e), It = /^(return )?(\s*)?state(?<getPath>(\.\w+)+)(\s*);?$/, wt = /(\s)*var(\s)+_virtual_index(\s)*=(\s)*state(?<getPath>(\.\w+)+)(\s*);?(\s)*return(\s)*_virtual_index(\s)*/, Et = (e) => {
   var t, n, i, a, r, o;
   return ((i = (n = (t = It.exec(e.trim())) == null ? void 0 : t.groups) == null ? void 0 : n.getPath) == null ? void 0 : i.slice(1)) || ((o = (r = (a = wt.exec(e.trim())) == null ? void 0 : a.groups) == null ? void 0 : r.getPath) == null ? void 0 : o.slice(1));
 };
@@ -99,21 +99,22 @@ function Q({
   rootState: i,
   rootSetState: a,
   event: r,
-  isExpression: o = !0
+  isExpression: o = !0,
+  trackingContext: l
 }) {
   if (e.trim() === "")
     return;
-  const l = Et(e.trim());
-  if (l)
+  const c = Et(e.trim());
+  if (c)
     return qe({
       ...i,
       ...n
-    }, l);
-  const c = {
+    }, c);
+  const d = {
     code: yt(e, {
       isExpression: o
     }),
-    builder: pt(),
+    builder: pt(l),
     context: t,
     event: r,
     rootSetState: a,
@@ -121,9 +122,9 @@ function Q({
     localState: n
   };
   try {
-    return Tt(c);
-  } catch (d) {
-    ee.error("Failed code evaluation: " + d.message, {
+    return Tt(d);
+  } catch (h) {
+    ee.error("Failed code evaluation: " + h.message, {
       code: e
     });
     return;
@@ -358,8 +359,8 @@ function Ut(e) {
       leading: !1
     });
     function l(h) {
-      const g = h.getBoundingClientRect(), u = window.innerHeight, f = (e.thresholdPercent || 0) / 100 * u;
-      return g.bottom > f && g.top < u - f;
+      const b = h.getBoundingClientRect(), u = window.innerHeight, f = (e.thresholdPercent || 0) / 100 * u;
+      return b.bottom > f && b.top < u - f;
     }
     const c = e.steps[0].styles;
     function d() {
@@ -376,7 +377,7 @@ function Ut(e) {
 const Ge = (e) => Object.entries(e).map(([n, i]) => {
   if (typeof i == "string")
     return `${se(n)}: ${i};`;
-}).filter(ge), Ht = (e) => Ge(e).join(`
+}).filter(be), Ht = (e) => Ge(e).join(`
 `), Y = ({
   mediaQuery: e,
   className: t,
@@ -497,7 +498,8 @@ const Xt = (e) => `on${Yt(e)}`, Zt = (e, t) => (n) => Q({
   rootState: t.rootState,
   rootSetState: t.rootSetState,
   event: n,
-  isExpression: !1
+  isExpression: !1,
+  trackingContext: t.trackingContext
 });
 function Xe(e) {
   var i;
@@ -550,6 +552,7 @@ function Se({
   });
 }
 function nn(e) {
+  var t, n, i;
   return /* @__PURE__ */ s(
     xe,
     {
@@ -564,7 +567,13 @@ function nn(e) {
         rootSetState: e.context.rootSetState,
         localState: e.context.localState,
         context: e.context.context,
-        stripPrefix: !0
+        stripPrefix: !0,
+        trackingContext: {
+          apiKey: e.context.apiKey,
+          canTrack: (t = e.context.canTrack) != null ? t : !0,
+          contentId: (n = e.context.content) == null ? void 0 : n.id,
+          variationId: (i = e.context.content) == null ? void 0 : i.testVariationId
+        }
       }),
       children: e.children
     }
@@ -578,6 +587,7 @@ function rn(e) {
   var i, a;
   k(() => 0);
   function t() {
+    var r, o, l;
     return e.includeBlockProps ? {
       ...Se({
         block: e.block,
@@ -588,7 +598,13 @@ function rn(e) {
         rootState: e.context.rootState,
         rootSetState: e.context.rootSetState,
         localState: e.context.localState,
-        context: e.context.context
+        context: e.context.context,
+        trackingContext: {
+          apiKey: e.context.apiKey,
+          canTrack: (r = e.context.canTrack) != null ? r : !0,
+          contentId: (o = e.context.content) == null ? void 0 : o.id,
+          variationId: (l = e.context.content) == null ? void 0 : l.testVariationId
+        }
       })
     } : {};
   }
@@ -756,13 +772,13 @@ function te(e) {
 function Ve(e) {
   function t() {
     const i = e.block;
-    return ge(i.hide) ? !i.hide : ge(i.show) ? i.show : !0;
+    return be(i.hide) ? !i.hide : be(i.show) ? i.show : !0;
   }
   function n() {
     var T, E, _, H, q;
     const i = e.block, a = i.responsiveStyles, r = e.context.content, o = et(
       ((T = r == null ? void 0 : r.meta) == null ? void 0 : T.breakpoints) || {}
-    ), l = !!((_ = (E = r == null ? void 0 : r.meta) == null ? void 0 : E.breakpoints) != null && _.xsmall), c = a == null ? void 0 : a.large, d = a == null ? void 0 : a.medium, h = a == null ? void 0 : a.small, g = a == null ? void 0 : a.xsmall, u = i.id;
+    ), l = !!((_ = (E = r == null ? void 0 : r.meta) == null ? void 0 : E.breakpoints) != null && _.xsmall), c = a == null ? void 0 : a.large, d = a == null ? void 0 : a.medium, h = a == null ? void 0 : a.small, b = a == null ? void 0 : a.xsmall, u = i.id;
     if (!u)
       return "";
     const x = c ? Y({
@@ -782,25 +798,25 @@ function Ve(e) {
         "small",
         o
       )
-    }) : "", y = g && l ? Y({
+    }) : "", y = b && l ? Y({
       className: u,
-      styles: g,
+      styles: b,
       mediaQuery: ue(
         "xsmall",
         o
       )
-    }) : "", b = i.animations && i.animations.find((p) => p.trigger === "hover");
+    }) : "", g = i.animations && i.animations.find((p) => p.trigger === "hover");
     let S = "";
-    if (b) {
-      const p = ((q = (H = b.steps) == null ? void 0 : H[1]) == null ? void 0 : q.styles) || {};
+    if (g) {
+      const p = ((q = (H = g.steps) == null ? void 0 : H[1]) == null ? void 0 : q.styles) || {};
       S = Y({
         className: `${u}:hover`,
         styles: {
           ...p,
-          transition: `all ${b.duration}s ${se(
-            b.easing
+          transition: `all ${g.duration}s ${se(
+            g.easing
           )}`,
-          transitionDelay: b.delay ? `${b.delay}s` : "0s"
+          transitionDelay: g.delay ? `${g.delay}s` : "0s"
         }
       }) || "";
     }
@@ -828,7 +844,7 @@ function ln(e) {
   }, []), /* @__PURE__ */ s(w, { children: t ? /* @__PURE__ */ s(w, { children: /* @__PURE__ */ s(w, { children: /* @__PURE__ */ s(Ve, { block: e.block, context: e.context }) }) }) : /* @__PURE__ */ s(w, { children: /* @__PURE__ */ s(Ve, { block: e.block, context: e.context }) }) });
 }
 function ce(e) {
-  var h, g, u, x;
+  var h, b, u, x;
   function t() {
     return zt({
       block: e.block,
@@ -864,9 +880,9 @@ function ce(e) {
     return e.block.tagName === "a" || ((m = a().properties) == null ? void 0 : m.href) || a().href ? e.linkComponent || "a" : e.block.tagName || "div";
   }
   function l() {
-    var y, b;
+    var y, g;
     if ((y = e.block.repeat) != null && y.collection)
-      return !!((b = t == null ? void 0 : t()) != null && b.length);
+      return !!((g = t == null ? void 0 : t()) != null && g.length);
     const f = "hide" in a() ? a().hide : !1;
     return ("show" in a() ? a().show : !0) && !f;
   }
@@ -875,7 +891,7 @@ function ce(e) {
     return !((m = r == null ? void 0 : r()) != null && m.component) && !t() ? (y = a().children) != null ? y : [] : [];
   }
   function d() {
-    var f, m, y, b;
+    var f, m, y, g;
     return {
       blockChildren: (f = a().children) != null ? f : [],
       componentRef: (m = r == null ? void 0 : r()) == null ? void 0 : m.component,
@@ -895,7 +911,7 @@ function ce(e) {
       registeredComponents: e.registeredComponents,
       builderBlock: a(),
       includeBlockProps: ((y = r == null ? void 0 : r()) == null ? void 0 : y.noWrap) === !0,
-      isInteractive: !((b = r == null ? void 0 : r()) != null && b.isRSC && F === "rsc")
+      isInteractive: !((g = r == null ? void 0 : r()) != null && g.isRSC && F === "rsc")
     };
   }
   return B(() => {
@@ -969,7 +985,7 @@ function ce(e) {
               isInteractive: d().isInteractive
             }
           ),
-          (g = c()) == null ? void 0 : g.map((f) => /* @__PURE__ */ s(
+          (b = c()) == null ? void 0 : b.map((f) => /* @__PURE__ */ s(
             ce,
             {
               block: f,
@@ -1093,28 +1109,28 @@ function un(e) {
   function i() {
     return e.stackColumnsAt || "tablet";
   }
-  function a(b) {
-    return b.link ? e.builderLinkComponent || "a" : "div";
+  function a(g) {
+    return g.link ? e.builderLinkComponent || "a" : "div";
   }
-  function r(b) {
+  function r(g) {
     var S;
-    return ((S = n()[b]) == null ? void 0 : S.width) || 100 / n().length;
+    return ((S = n()[g]) == null ? void 0 : S.width) || 100 / n().length;
   }
-  function o(b) {
-    const S = r(b), T = t() * (n().length - 1) * (S / 100);
+  function o(g) {
+    const S = r(g), T = t() * (n().length - 1) * (S / 100);
     return `calc(${S}% - ${T}px)`;
   }
   function l({
-    stackedStyle: b,
+    stackedStyle: g,
     desktopStyle: S
   }) {
-    return i() === "tablet" ? b : S;
+    return i() === "tablet" ? g : S;
   }
   function c({
-    stackedStyle: b,
+    stackedStyle: g,
     desktopStyle: S
   }) {
-    return i() === "never" ? S : b;
+    return i() === "never" ? S : g;
   }
   function d() {
     return e.stackColumnsAt === "never" ? "row" : e.reverseColumnsWhenStacked ? "column-reverse" : "column";
@@ -1128,8 +1144,8 @@ function un(e) {
       })
     };
   }
-  function g(b) {
-    const S = b === 0 ? 0 : t(), T = o(b), E = `${S}px`, _ = "100%", H = 0;
+  function b(g) {
+    const S = g === 0 ? 0 : t(), T = o(g), E = `${S}px`, _ = "100%", H = 0;
     return {
       ...{
         display: "flex",
@@ -1156,14 +1172,14 @@ function un(e) {
       })
     };
   }
-  function u(b) {
+  function u(g) {
     var T, E;
     return et(
       ((E = (T = e.builderContext.content) == null ? void 0 : T.meta) == null ? void 0 : E.breakpoints) || {}
-    )[b].max;
+    )[g].max;
   }
   function x() {
-    const b = `.${e.builderBlock.id}-breakpoints > .builder-column`;
+    const g = `.${e.builderBlock.id}-breakpoints > .builder-column`;
     return `
         @media (max-width: ${u("medium")}px) {
           .${e.builderBlock.id}-breakpoints {
@@ -1171,7 +1187,7 @@ function un(e) {
             align-items: stretch;
           }
 
-          ${b} {
+          ${g} {
             width: var(--column-width-tablet) !important;
             margin-left: var(--column-margin-left-tablet) !important;
           }
@@ -1183,20 +1199,20 @@ function un(e) {
             align-items: stretch;
           }
 
-          ${b} {
+          ${g} {
             width: var(--column-width-mobile) !important;
             margin-left: var(--column-margin-left-mobile) !important;
           }
         },
       `;
   }
-  function f(b, S) {
+  function f(g, S) {
     return {
-      ...b.link ? {
-        href: b.link
+      ...g.link ? {
+        href: g.link
       } : {},
       [K()]: "builder-column",
-      style: Qe(g(S))
+      style: Qe(b(S))
     };
   }
   return /* @__PURE__ */ D(w, { children: [
@@ -1219,12 +1235,12 @@ function un(e) {
               nonce: e.builderContext.nonce
             }
           ),
-          (y = e.columns) == null ? void 0 : y.map((b, S) => /* @__PURE__ */ s(
+          (y = e.columns) == null ? void 0 : y.map((g, S) => /* @__PURE__ */ s(
             xe,
             {
-              TagName: a(b),
+              TagName: a(g),
               actionAttributes: {},
-              attributes: f(b, S),
+              attributes: f(g, S),
               children: /* @__PURE__ */ s(
                 M,
                 {
@@ -1233,7 +1249,7 @@ function un(e) {
                   context: e.builderContext,
                   registeredComponents: e.builderComponents,
                   linkComponent: e.builderLinkComponent,
-                  blocks: b.blocks,
+                  blocks: g.blocks,
                   styleProp: {
                     flexGrow: "1"
                   }
@@ -1284,18 +1300,18 @@ function hn(e) {
   var a, r, o, l, c, d;
   function t() {
     var u;
-    const g = e.image || e.src;
-    if (!g || // We can auto add srcset for cdn.builder.io and shopify
+    const b = e.image || e.src;
+    if (!b || // We can auto add srcset for cdn.builder.io and shopify
     // images, otherwise you can supply this prop manually
-    !(typeof g == "string" && (g.match(/builder\.io/) || g.match(/cdn\.shopify\.com/))))
+    !(typeof b == "string" && (b.match(/builder\.io/) || b.match(/cdn\.shopify\.com/))))
       return e.srcset;
     if (!e.noWebp) {
       if (e.srcset && ((u = e.image) != null && u.includes("builder.io/api/v1/image"))) {
         if (!e.srcset.includes(e.image.split("?")[0]))
-          return console.debug("Removed given srcset"), de(g);
+          return console.debug("Removed given srcset"), de(b);
       } else if (e.image && !e.srcset)
-        return de(g);
-      return de(g);
+        return de(b);
+      return de(b);
     }
   }
   function n() {
@@ -1368,7 +1384,7 @@ function hn(e) {
     ] })
   ] });
 }
-function bn(e) {
+function gn(e) {
   return /* @__PURE__ */ s(
     "section",
     {
@@ -1389,7 +1405,7 @@ function bn(e) {
     }
   );
 }
-function gn(e, t, n, i) {
+function bn(e, t, n, i) {
   function a(d) {
     return typeof d == "string";
   }
@@ -1780,7 +1796,7 @@ const Cn = () => `
   }
 }, Be = (e) => e.toString();
 function En(e) {
-  var g;
+  var b;
   const [t, n] = k(() => []);
   function i() {
     return !!(e.grid || e.oneAtATime);
@@ -1824,18 +1840,18 @@ function En(e) {
         `.builder-accordion-title[data-index="${f}"]`
       );
       if (u = f, y) {
-        let b = y.getBoundingClientRect();
+        let g = y.getBoundingClientRect();
         for (; y = y && y.nextElementSibling; )
           if (y) {
             if (y.classList.contains("builder-accordion-detail"))
               continue;
             const S = y.getBoundingClientRect();
-            if (S.left > b.left) {
+            if (S.left > g.left) {
               const T = parseInt(
                 y.getAttribute("data-index") || "",
                 10
               );
-              isNaN(T) || (b = S, u = T);
+              isNaN(T) || (g = S, u = T);
             } else
               break;
           }
@@ -1857,7 +1873,7 @@ function En(e) {
   function h(u) {
     t.includes(u) ? n(i() ? [] : t.filter((x) => x !== u)) : n(i() ? [u] : t.concat(u));
   }
-  return /* @__PURE__ */ s("div", { className: "builder-accordion", style: a(), children: (g = e.items) == null ? void 0 : g.map((u, x) => /* @__PURE__ */ D(ft.Fragment, { children: [
+  return /* @__PURE__ */ s("div", { className: "builder-accordion", style: a(), children: (b = e.items) == null ? void 0 : b.map((u, x) => /* @__PURE__ */ D(ft.Fragment, { children: [
     /* @__PURE__ */ s(
       "div",
       {
@@ -2176,13 +2192,13 @@ const Rn = {
       function n(o, l = 6e4) {
         return new Promise((c, d) => {
           const h = document.createElement("img");
-          let g = !1;
+          let b = !1;
           h.onload = () => {
-            g = !0, c(h);
+            b = !0, c(h);
           }, h.addEventListener("error", (u) => {
             console.warn("Image load failed", u.error), d(u.error);
           }), h.src = o, setTimeout(() => {
-            g || d(new Error("Image load timed out"));
+            b || d(new Error("Image load timed out"));
           }, l);
         });
       }
@@ -2334,7 +2350,7 @@ function $n(e) {
         (C = (N = e.builderContext) == null ? void 0 : N.rootState) == null ? void 0 : C.locale
       );
     }
-  ), [c, d] = k(() => []), [h, g] = k(
+  ), [c, d] = k(() => []), [h, b] = k(
     () => {
       var I;
       return Sn(
@@ -2352,7 +2368,7 @@ function $n(e) {
   function m() {
     return (e.variants || []).filter((I) => {
       var N, C, W, L;
-      return gn(
+      return bn(
         {
           ...(C = (N = e.builderContext) == null ? void 0 : N.rootState) != null && C.locale ? {
             locale: (L = (W = e.builderContext) == null ? void 0 : W.rootState) == null ? void 0 : L.locale
@@ -2375,7 +2391,7 @@ function $n(e) {
       previewingIndex: e.previewingIndex
     });
   }
-  function b() {
+  function g() {
     return (e.variants || []).map(
       (I, N) => {
         var C;
@@ -2443,7 +2459,7 @@ function $n(e) {
           te,
           {
             nonce: ((_ = e.builderContext) == null ? void 0 : _.nonce) || "",
-            styles: b(),
+            styles: g(),
             id: `variants-styles-${(H = e.builderBlock) == null ? void 0 : H.id}`
           }
         ),
@@ -2651,7 +2667,7 @@ const Ln = {
       text: "New tab"
     }
   }
-}, be = {
+}, ge = {
   "@type": "@builder.io/sdk:Element",
   responsiveStyles: {
     large: {
@@ -2682,7 +2698,7 @@ const Ln = {
       name: "content",
       type: "uiBlocks",
       hideFromUI: !0,
-      defaultValue: [be]
+      defaultValue: [ge]
     }],
     defaultValue: [{
       label: [{
@@ -2695,7 +2711,7 @@ const Ln = {
         }
       }],
       content: [{
-        ...be,
+        ...ge,
         component: {
           name: "Text",
           options: {
@@ -2714,7 +2730,7 @@ const Ln = {
         }
       }],
       content: [{
-        ...be,
+        ...ge,
         component: {
           name: "Text",
           options: {
@@ -2899,8 +2915,8 @@ function qn(e) {
         if (n.includes(h.src))
           continue;
         n.push(h.src);
-        const g = document.createElement("script");
-        g.async = !0, g.src = h.src, document.head.appendChild(g);
+        const b = document.createElement("script");
+        b.async = !0, b.src = h.src, document.head.appendChild(b);
       } else if (!h.type || [
         "text/javascript",
         "application/javascript",
@@ -2910,10 +2926,10 @@ function qn(e) {
           continue;
         try {
           a.push(h.innerText), new Function(h.innerText)();
-        } catch (g) {
+        } catch (b) {
           ee.warn(
             "[BUILDER.IO] `CustomCode`: Error running script:",
-            g
+            b
           );
         }
       }
@@ -2955,14 +2971,14 @@ function Jn(e) {
       return;
     const d = t.current.getElementsByTagName("script");
     for (let h = 0; h < d.length; h++) {
-      const g = d[h];
-      if (g.src && !n.includes(g.src)) {
-        n.push(g.src);
+      const b = d[h];
+      if (b.src && !n.includes(b.src)) {
+        n.push(b.src);
         const u = document.createElement("script");
-        u.async = !0, u.src = g.src, document.head.appendChild(u);
-      } else if (Kn(g) && !a.includes(g.innerText))
+        u.async = !0, u.src = b.src, document.head.appendChild(u);
+      } else if (Kn(b) && !a.includes(b.innerText))
         try {
-          a.push(g.innerText), new Function(g.innerText)();
+          a.push(b.innerText), new Function(b.innerText)();
         } catch (u) {
           ee.warn("[BUILDER.IO] `Embed`: Error running script:", u);
         }
@@ -3236,7 +3252,7 @@ function Xn(e) {
   function h(u) {
     return JSON.stringify(u, null, 2);
   }
-  function g(u) {
+  function b(u) {
     var f;
     const x = e.sendWithJs || e.sendSubmissionsTo === "email";
     if (e.sendSubmissionsTo === "zapier")
@@ -3248,7 +3264,7 @@ function Xn(e) {
       }
       u.preventDefault();
       const m = u.currentTarget || u.target, y = e.customHeaders || {};
-      let b;
+      let g;
       const S = new FormData(m), T = Array.from(m.querySelectorAll("input,select,textarea")).filter((p) => !!p.name).filter(
         (p) => !!p.name && (p.type !== "radio" || p.checked)
       ).map((p) => {
@@ -3279,15 +3295,15 @@ function Xn(e) {
       if (e.sendSubmissionsTo === "email" && (E = "multipart/form-data"), Array.from(T).forEach(({ value: p }) => {
         (p instanceof File || Array.isArray(p) && p[0] instanceof File || p instanceof FileList) && (E = "multipart/form-data");
       }), E !== "application/json")
-        b = S;
+        g = S;
       else {
         const p = {};
         Array.from(T).forEach(({ value: v, key: V }) => {
           He(p, V, v);
-        }), b = JSON.stringify(p);
+        }), g = JSON.stringify(p);
       }
       E && E !== "multipart/form-data" && (x && ((f = e.action) != null && f.includes("zapier.com")) || (y["content-type"] = E));
-      const _ = new CustomEvent("presubmit", { detail: { body: b } });
+      const _ = new CustomEvent("presubmit", { detail: { body: g } });
       if (t.current && (t.current.dispatchEvent(_), _.defaultPrevented))
         return;
       if (i("sending"), e.sendSubmissionsTo === "email" && (e.sendSubmissionsToEmail === "your@email.com" || !e.sendSubmissionsToEmail)) {
@@ -3298,7 +3314,7 @@ function Xn(e) {
       const H = `${Yn() === "dev" ? "http://localhost:5000" : "https://builder.io"}/api/v1/form-submit?apiKey=${e.builderContext.apiKey}&to=${btoa(
         e.sendSubmissionsToEmail || ""
       )}&name=${encodeURIComponent(e.name || "")}`, q = e.sendSubmissionsTo === "email" ? H : e.action;
-      Le(q), fetch(q, { body: b, headers: y, method: e.method || "post" }).then(
+      Le(q), fetch(q, { body: g, headers: y, method: e.method || "post" }).then(
         async (p) => {
           var A, $;
           let v;
@@ -3354,7 +3370,7 @@ function Xn(e) {
         action: !e.sendWithJs && e.action,
         method: e.method,
         name: e.name,
-        onSubmit: (u) => g(u),
+        onSubmit: (u) => b(u),
         ...e.attributes,
         children: [
           e.children,
@@ -3751,7 +3767,7 @@ const ci = {
   }
 };
 function ui(e) {
-  var o, l, c, d, h, g, u;
+  var o, l, c, d, h, b, u;
   const t = z(null);
   function n() {
     return {
@@ -3788,13 +3804,13 @@ function ui(e) {
           const y = m.target;
           try {
             Array.from(y.children).filter(
-              (b) => b instanceof HTMLElement && b.tagName === "SOURCE"
-            ).forEach((b) => {
-              const S = b.dataset.src;
-              S && (b.src = S);
+              (g) => g instanceof HTMLElement && g.tagName === "SOURCE"
+            ).forEach((g) => {
+              const S = g.dataset.src;
+              S && (g.src = S);
             }), y.load(), x.unobserve(y);
-          } catch (b) {
-            console.error("Error loading lazy video:", b);
+          } catch (g) {
+            console.error("Error loading lazy video:", g);
           }
         });
       });
@@ -3865,7 +3881,7 @@ function ui(e) {
             children: e.children
           }
         ) : null,
-        (u = (g = e.builderBlock) == null ? void 0 : g.children) != null && u.length && !e.fitContent ? /* @__PURE__ */ s(
+        (u = (b = e.builderBlock) == null ? void 0 : b.children) != null && u.length && !e.fitContent ? /* @__PURE__ */ s(
           "div",
           {
             style: {
@@ -3926,7 +3942,7 @@ const di = () => [{
   component: hn,
   ...Bn
 }, {
-  component: bn,
+  component: gn,
   ...Wn
 }, {
   component: Fn,
@@ -4046,12 +4062,12 @@ const di = () => [{
 })), hi = ({
   canTrack: e,
   content: t
-}) => !(!(ae(t).length > 0) || !e || G()), bi = (e) => e === "react" || e === "reactNative", gi = F === "angular", lt = bi(F), yi = () => `
+}) => !(!(ae(t).length > 0) || !e || G()), gi = (e) => e === "react" || e === "reactNative", bi = F === "angular", lt = gi(F), yi = () => `
   window.${rt} = ${mi}
   window.${ot} = ${fi}
   `, pi = (e, t) => `
   window.${rt}(
-    "${t}",${JSON.stringify(e)}, ${lt}, ${gi}
+    "${t}",${JSON.stringify(e)}, ${lt}, ${bi}
   )`, vi = ({
   contentId: e,
   variationId: t
@@ -4202,7 +4218,7 @@ function Vi(e) {
   const [d, h] = k(
     () => e.contentWrapper || "div"
   );
-  function g(v) {
+  function b(v) {
     return dt({
       model: e.model,
       trustedHosts: e.trustedHosts,
@@ -4228,7 +4244,7 @@ function Vi(e) {
       }
     })(v);
   }
-  const [u, x] = k(() => ({})), [f, m] = k(() => ({})), [y, b] = k(() => !1);
+  const [u, x] = k(() => ({})), [f, m] = k(() => ({})), [y, g] = k(() => !1);
   function S(v) {
     var V, A;
     if (e.builderContextSignal.content) {
@@ -4244,7 +4260,7 @@ function Vi(e) {
         unique: !y
       });
     }
-    y || b(!0);
+    y || g(!0);
   }
   function T() {
     var V, A, $;
@@ -4319,7 +4335,7 @@ function Vi(e) {
   return _.current || (T(), E(), _.current = !0), B(() => {
     var v, V, A, $, R;
     if (G()) {
-      U() && !e.isNestedRender && (window.addEventListener("message", g), st({
+      U() && !e.isNestedRender && (window.addEventListener("message", b), st({
         ...e.locale ? {
           locale: e.locale
         } : {},
@@ -4395,7 +4411,7 @@ function Vi(e) {
       }), r(e.locale);
     }
   }, [e.locale]), B(() => () => {
-    G() && (window.removeEventListener("message", g), window.removeEventListener(
+    G() && (window.removeEventListener("message", b), window.removeEventListener(
       "builder:component:stateChangeListenerActivated",
       E
     ));
@@ -4469,7 +4485,7 @@ const Bi = ({
   meta: e == null ? void 0 : e.meta
 } : void 0;
 function Fe(e) {
-  var d, h, g, u, x, f, m, y, b;
+  var d, h, b, u, x, f, m, y, g;
   const [t, n] = k(
     () => {
       var S, T;
@@ -4590,7 +4606,7 @@ function Fe(e) {
               {
                 nonce: e.nonce || "",
                 isNestedRender: e.isNestedRender,
-                contentId: (g = o.content) == null ? void 0 : g.id,
+                contentId: (b = o.content) == null ? void 0 : b.id,
                 cssCode: (x = (u = o.content) == null ? void 0 : u.data) == null ? void 0 : x.cssCode,
                 customFonts: (m = (f = o.content) == null ? void 0 : f.data) == null ? void 0 : m.customFonts
               }
@@ -4598,7 +4614,7 @@ function Fe(e) {
             /* @__PURE__ */ s(
               M,
               {
-                blocks: (b = (y = o.content) == null ? void 0 : y.data) == null ? void 0 : b.blocks,
+                blocks: (g = (y = o.content) == null ? void 0 : y.data) == null ? void 0 : g.blocks,
                 context: o,
                 registeredComponents: a,
                 linkComponent: e.linkComponent
@@ -4754,7 +4770,7 @@ const Wi = async ({
     });
 };
 function Di(e) {
-  var h, g, u, x, f;
+  var h, b, u, x, f;
   function t() {
     return "div";
   }
@@ -4786,8 +4802,8 @@ function Di(e) {
       symbol: e.symbol,
       builderContextValue: e.builderContext
     }).then((y) => {
-      var b;
-      y && (o(y), c((b = e.symbol) == null ? void 0 : b.entry));
+      var g;
+      y && (o(y), c((g = e.symbol) == null ? void 0 : g.entry));
     });
   }
   return B(() => {
@@ -4806,7 +4822,7 @@ function Di(e) {
       },
       customComponents: i(),
       data: {
-        ...(g = e.symbol) == null ? void 0 : g.data,
+        ...(b = e.symbol) == null ? void 0 : b.data,
         ...e.builderContext.localState,
         ...(u = r == null ? void 0 : r.data) == null ? void 0 : u.state
       },
@@ -4827,7 +4843,7 @@ export {
   $i as Content,
   dn as Fragment,
   hn as Image,
-  bn as Section,
+  gn as Section,
   Di as Symbol,
   Hn as Text,
   ui as Video,