@builder.io/sdk-react 1.0.13 → 1.0.15

package/lib/node/blocks-exports.mjs

@@ -1,9 +1,9 @@
 "use client";
-var D = Object.defineProperty;
-var _ = (e, t, n) => t in e ? D(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var W = (e, t, n) => (_(e, typeof t != "symbol" ? t + "" : t, n), n);
+var N = Object.defineProperty;
+var V = (e, t, n) => t in e ? N(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
+var F = (e, t, n) => (V(e, typeof t != "symbol" ? t + "" : t, n), n);
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
-import { TARGET, isEditing, isBrowser, getUserAttributes, fastClone, checkIsDefined, logger, registerInsertMenu, setupBrowserForEditing, createRegisterComponentMessage, getDefaultCanTrack, _track, isPreviewing, fetchOneEntry, createEditorListener, fetch as fetch$1, serializeComponentInfo, handleABTestingSync } from "./server-entry-383e8da6.js";
+import { TARGET, isEditing, isBrowser, getUserAttributes, fastClone, checkIsDefined, logger, registerInsertMenu, setupBrowserForEditing, createRegisterComponentMessage, getDefaultCanTrack, _track, isPreviewing, fetchOneEntry, createEditorListener, fetch as fetch$1, serializeComponentInfo, handleABTestingSync } from "./server-entry-016a36f7.js";
 import { createContext, useState, useEffect, useContext, useRef, createElement } from "react";
 const EMPTY_HTML_ELEMENTS = /* @__PURE__ */ new Set(["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"]), isEmptyElement = (e) => typeof e == "string" && EMPTY_HTML_ELEMENTS.has(e.toLowerCase());
 function DynamicRenderer(e) {
@@ -213,29 +213,29 @@ output;
     context: n,
     event: o,
     state: c
-  }), d = getIsolateContext(), u = d.global;
-  u.setSync("global", u.derefInto()), u.setSync("log", function(...h) {
-    console.log(...h);
-  }), u.setSync(BUILDER_SET_STATE_NAME, function(h, y) {
-    set(r, h, y), a == null || a(r);
-  }), l.forEach(([h, y]) => {
-    const T = typeof y == "object" ? new s.Reference(
+  }), d = getIsolateContext(), m = d.global;
+  m.setSync("global", m.derefInto()), m.setSync("log", function(...y) {
+    console.log(...y);
+  }), m.setSync(BUILDER_SET_STATE_NAME, function(y, S) {
+    set(r, y, S), a == null || a(r);
+  }), l.forEach(([y, S]) => {
+    const k = typeof S == "object" ? new s.Reference(
       // workaround: methods with default values for arguments is not being cloned over
-      h === "builder" ? {
-        ...y,
-        getUserAttributes: () => y.getUserAttributes()
-      } : y
+      y === "builder" ? {
+        ...S,
+        getUserAttributes: () => S.getUserAttributes()
+      } : S
     ) : null;
-    u.setSync(getSyncValName(h), T);
-  }), u.setSync(INJECTED_IVM_GLOBAL, s);
-  const m = processCode({
+    m.setSync(getSyncValName(y), k);
+  }), m.setSync(INJECTED_IVM_GLOBAL, s);
+  const g = processCode({
     code: e,
     args: l
-  }), g = d.evalSync(m);
+  }), b = d.evalSync(g);
   try {
-    return JSON.parse(g);
+    return JSON.parse(b);
   } catch {
-    return g;
+    return b;
   }
 };
 function isNodeRuntime() {
@@ -248,7 +248,7 @@ const shouldForceBrowserRuntimeInNode = () => {
     return !1;
   const e = process.arch === "arm64", t = process.version.startsWith("v20"), n = (o = process.env.NODE_OPTIONS) == null ? void 0 : o.includes("--no-node-snapshot");
   return e && t && !n ? (logger.log("Skipping usage of `isolated-vm` to avoid crashes in Node v20 on an arm64 machine.\n    If you would like to use the `isolated-vm` package on this machine, please provide the `NODE_OPTIONS=--no-node-snapshot` config to your Node process.\n    See https://github.com/BuilderIO/builder/blob/main/packages/sdks/README.md#node-v20--m1-macs-apple-silicon-support for more information.\n    "), !0) : !1;
-}, chooseBrowserOrServerEval = (e) => isBrowser() || shouldForceBrowserRuntimeInNode() ? runInBrowser(e) : runInNode(e), A = class A {
+}, chooseBrowserOrServerEval = (e) => isBrowser() || shouldForceBrowserRuntimeInNode() ? runInBrowser(e) : runInNode(e), R = class R {
   static getCacheKey(t) {
     return JSON.stringify({
       ...t,
@@ -258,16 +258,16 @@ const shouldForceBrowserRuntimeInNode = () => {
     });
   }
   static getCachedValue(t) {
-    return A.cache.get(t);
+    return R.cache.get(t);
   }
   static setCachedValue(t, n) {
-    A.cache.size > 20 && A.cache.delete(A.cache.keys().next().value), A.cache.set(t, {
+    R.cache.size > 20 && R.cache.delete(R.cache.keys().next().value), R.cache.set(t, {
       value: n
     });
   }
 };
-W(A, "cacheLimit", 20), W(A, "cache", /* @__PURE__ */ new Map());
-let EvalCache = A;
+F(R, "cacheLimit", 20), F(R, "cache", /* @__PURE__ */ new Map());
+let EvalCache = R;
 function evaluate({
   code: e,
   context: t,
@@ -470,8 +470,8 @@ function bindScrollInViewAnimation(e) {
       leading: !1
     });
     function s(d) {
-      const u = d.getBoundingClientRect(), m = window.innerHeight, h = (e.thresholdPercent || 0) / 100 * m;
-      return u.bottom > h && u.top < m - h;
+      const m = d.getBoundingClientRect(), g = window.innerHeight, y = (e.thresholdPercent || 0) / 100 * g;
+      return m.bottom > y && m.top < g - y;
     }
     const c = e.steps[0].styles;
     function l() {
@@ -642,7 +642,7 @@ function BlockStyles(e) {
     return checkIsDefined(o.hide) ? !o.hide : checkIsDefined(o.show) ? o.show : !0;
   }
   function n() {
-    var h;
+    var y;
     const o = getProcessedBlock({
       block: e.block,
       localState: e.context.localState,
@@ -651,21 +651,21 @@ function BlockStyles(e) {
       context: e.context.context,
       shouldEvaluateBindings: !0
     }), i = o.responsiveStyles, a = e.context.content, r = getSizesForBreakpoints(
-      ((h = a == null ? void 0 : a.meta) == null ? void 0 : h.breakpoints) || {}
+      ((y = a == null ? void 0 : a.meta) == null ? void 0 : y.breakpoints) || {}
     ), s = i == null ? void 0 : i.large, c = i == null ? void 0 : i.medium, l = i == null ? void 0 : i.small, d = o.id;
     if (!d)
       return "";
-    const u = s ? createCssClass({
+    const m = s ? createCssClass({
       className: d,
       styles: s
-    }) : "", m = c ? createCssClass({
+    }) : "", g = c ? createCssClass({
       className: d,
       styles: c,
       mediaQuery: getMaxWidthQueryForSize(
         "medium",
         r
       )
-    }) : "", g = l ? createCssClass({
+    }) : "", b = l ? createCssClass({
       className: d,
       styles: l,
       mediaQuery: getMaxWidthQueryForSize(
@@ -673,7 +673,7 @@ function BlockStyles(e) {
         r
       )
     }) : "";
-    return [u, m, g].join(" ");
+    return [m, g, b].join(" ");
   }
   return /* @__PURE__ */ jsx(Fragment, { children: n() && t() ? /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(InlinedStyles, { styles: n() }) }) : null });
 }
@@ -872,8 +872,8 @@ function Block(e) {
     });
   }
   function o() {
-    var u;
-    return (u = e.block.repeat) != null && u.collection ? e.block : getProcessedBlock({
+    var m;
+    return (m = e.block.repeat) != null && m.collection ? e.block : getProcessedBlock({
       block: e.block,
       localState: e.context.localState,
       rootState: e.context.rootState,
@@ -883,32 +883,32 @@ function Block(e) {
     });
   }
   function i() {
-    var m;
-    return e.block.tagName === "a" || ((m = o().properties) == null ? void 0 : m.href) || o().href ? e.linkComponent || "a" : e.block.tagName || "div";
+    var g;
+    return e.block.tagName === "a" || ((g = o().properties) == null ? void 0 : g.href) || o().href ? e.linkComponent || "a" : e.block.tagName || "div";
   }
   function a() {
-    var g, h;
-    if ((g = e.block.repeat) != null && g.collection)
-      return !!((h = n == null ? void 0 : n()) != null && h.length);
-    const u = "hide" in o() ? o().hide : !1;
-    return ("show" in o() ? o().show : !0) && !u;
+    var b, y;
+    if ((b = e.block.repeat) != null && b.collection)
+      return !!((y = n == null ? void 0 : n()) != null && y.length);
+    const m = "hide" in o() ? o().hide : !1;
+    return ("show" in o() ? o().show : !0) && !m;
   }
   function r() {
-    var m, g;
-    return !((m = t == null ? void 0 : t()) != null && m.component) && !n() ? (g = o().children) != null ? g : [] : [];
+    var g, b;
+    return !((g = t == null ? void 0 : t()) != null && g.component) && !n() ? (b = o().children) != null ? b : [] : [];
   }
   function s() {
-    var u, m, g, h, y, T, R, p, C, w, E;
+    var m, g, b, y, S, k, T, x, C, E, I;
     return {
-      blockChildren: (u = o().children) != null ? u : [],
-      componentRef: (m = t == null ? void 0 : t()) == null ? void 0 : m.component,
+      blockChildren: (m = o().children) != null ? m : [],
+      componentRef: (g = t == null ? void 0 : t()) == null ? void 0 : g.component,
       componentOptions: {
         ...getBlockComponentOptions(o()),
         builderContext: e.context,
-        ...((g = t == null ? void 0 : t()) == null ? void 0 : g.name) === "Core:Button" || ((h = t == null ? void 0 : t()) == null ? void 0 : h.name) === "Symbol" || ((y = t == null ? void 0 : t()) == null ? void 0 : y.name) === "Columns" || ((T = t == null ? void 0 : t()) == null ? void 0 : T.name) === "Form:Form" ? {
+        ...((b = t == null ? void 0 : t()) == null ? void 0 : b.name) === "Core:Button" || ((y = t == null ? void 0 : t()) == null ? void 0 : y.name) === "Symbol" || ((S = t == null ? void 0 : t()) == null ? void 0 : S.name) === "Columns" || ((k = t == null ? void 0 : t()) == null ? void 0 : k.name) === "Form:Form" ? {
           builderLinkComponent: e.linkComponent
         } : {},
-        ...((R = t == null ? void 0 : t()) == null ? void 0 : R.name) === "Symbol" || ((p = t == null ? void 0 : t()) == null ? void 0 : p.name) === "Columns" || ((C = t == null ? void 0 : t()) == null ? void 0 : C.name) === "Form:Form" ? {
+        ...((T = t == null ? void 0 : t()) == null ? void 0 : T.name) === "Symbol" || ((x = t == null ? void 0 : t()) == null ? void 0 : x.name) === "Columns" || ((C = t == null ? void 0 : t()) == null ? void 0 : C.name) === "Form:Form" ? {
           builderComponents: e.registeredComponents
         } : {}
       },
@@ -916,16 +916,16 @@ function Block(e) {
       linkComponent: e.linkComponent,
       registeredComponents: e.registeredComponents,
       builderBlock: o(),
-      includeBlockProps: ((w = t == null ? void 0 : t()) == null ? void 0 : w.noWrap) === !0,
-      isInteractive: !((E = t == null ? void 0 : t()) != null && E.isRSC)
+      includeBlockProps: ((E = t == null ? void 0 : t()) == null ? void 0 : E.noWrap) === !0,
+      isInteractive: !((I = t == null ? void 0 : t()) != null && I.isRSC)
     };
   }
   return useEffect(() => {
-    const u = o().id, m = o().animations;
-    m && u && bindAnimations(
-      m.filter((g) => g.trigger !== "hover").map((g) => ({
-        ...g,
-        elementId: u
+    const m = o().id, g = o().animations;
+    g && m && bindAnimations(
+      g.filter((b) => b.trigger !== "hover").map((b) => ({
+        ...b,
+        elementId: m
       }))
     );
   }, []), /* @__PURE__ */ jsx(Fragment, { children: a() ? /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -943,15 +943,15 @@ function Block(e) {
         includeBlockProps: s().includeBlockProps,
         isInteractive: s().isInteractive
       }
-    ) }) : /* @__PURE__ */ jsx(Fragment, { children: n() ? /* @__PURE__ */ jsx(Fragment, { children: (d = n()) == null ? void 0 : d.map((u, m) => /* @__PURE__ */ jsx(
+    ) }) : /* @__PURE__ */ jsx(Fragment, { children: n() ? /* @__PURE__ */ jsx(Fragment, { children: (d = n()) == null ? void 0 : d.map((m, g) => /* @__PURE__ */ jsx(
       RepeatedBlock,
       {
-        repeatContext: u.context,
-        block: u.block,
+        repeatContext: m.context,
+        block: m.block,
         registeredComponents: e.registeredComponents,
         linkComponent: e.linkComponent
       },
-      m
+      g
     )) }) : /* @__PURE__ */ jsxs(
       BlockWrapper,
       {
@@ -974,15 +974,15 @@ function Block(e) {
               isInteractive: s().isInteractive
             }
           ),
-          (l = r()) == null ? void 0 : l.map((u) => /* @__PURE__ */ jsx(
+          (l = r()) == null ? void 0 : l.map((m) => /* @__PURE__ */ jsx(
             Block,
             {
-              block: u,
+              block: m,
               registeredComponents: e.registeredComponents,
               linkComponent: e.linkComponent,
               context: e.context
             },
-            u.id
+            m.id
           ))
         ]
       }
@@ -1068,81 +1068,81 @@ function Blocks(e) {
   );
 }
 function Columns(e) {
-  var R;
+  var T;
   const [t, n] = useState(
     () => typeof e.space == "number" ? e.space || 0 : 20
   ), [o, i] = useState(() => e.columns || []), [a, r] = useState(
     () => e.stackColumnsAt || "tablet"
   );
-  function s(p) {
+  function s(x) {
     var C;
-    return ((C = o[p]) == null ? void 0 : C.width) || 100 / o.length;
+    return ((C = o[x]) == null ? void 0 : C.width) || 100 / o.length;
   }
-  function c(p) {
+  function c(x) {
     const C = t * (o.length - 1) / o.length;
-    return `calc(${s(p)}% - ${C}px)`;
+    return `calc(${s(x)}% - ${C}px)`;
   }
   function l({
-    stackedStyle: p,
+    stackedStyle: x,
     desktopStyle: C
   }) {
-    return a === "tablet" ? p : C;
+    return a === "tablet" ? x : C;
   }
   function d({
-    stackedStyle: p,
+    stackedStyle: x,
     desktopStyle: C
   }) {
-    return a === "never" ? C : p;
+    return a === "never" ? C : x;
   }
-  const [u, m] = useState(
+  const [m, g] = useState(
     () => e.stackColumnsAt === "never" ? "row" : e.reverseColumnsWhenStacked ? "column-reverse" : "column"
   );
-  function g() {
+  function b() {
     return {
-      "--flex-dir": u,
+      "--flex-dir": m,
       "--flex-dir-tablet": l({
-        stackedStyle: u,
+        stackedStyle: m,
         desktopStyle: "row"
       })
     };
   }
-  function h(p) {
-    const C = p === 0 ? 0 : t, w = c(p), E = `${C}px`, F = "100%", N = 0;
+  function y(x) {
+    const C = x === 0 ? 0 : t, E = c(x), I = `${C}px`, P = "100%", B = 0;
     return {
       ...{
         display: "flex",
         flexDirection: "column",
         alignItems: "stretch"
       },
-      width: w,
-      ["marginLeft"]: E,
+      width: E,
+      ["marginLeft"]: I,
       "--column-width-mobile": d({
-        stackedStyle: F,
-        desktopStyle: w
+        stackedStyle: P,
+        desktopStyle: E
       }),
       "--column-margin-left-mobile": d({
-        stackedStyle: N,
-        desktopStyle: E
+        stackedStyle: B,
+        desktopStyle: I
       }),
       "--column-width-tablet": l({
-        stackedStyle: F,
-        desktopStyle: w
+        stackedStyle: P,
+        desktopStyle: E
       }),
       "--column-margin-left-tablet": l({
-        stackedStyle: N,
-        desktopStyle: E
+        stackedStyle: B,
+        desktopStyle: I
       })
     };
   }
-  function y(p) {
-    var w, E;
+  function S(x) {
+    var E, I;
     return getSizesForBreakpoints(
-      ((E = (w = e.builderContext.content) == null ? void 0 : w.meta) == null ? void 0 : E.breakpoints) || {}
-    )[p].max;
+      ((I = (E = e.builderContext.content) == null ? void 0 : E.meta) == null ? void 0 : I.breakpoints) || {}
+    )[x].max;
   }
-  function T() {
+  function k() {
     return `
-        @media (max-width: ${y("medium")}px) {
+        @media (max-width: ${S("medium")}px) {
           .${e.builderBlock.id}-breakpoints {
             flex-direction: var(--flex-dir-tablet);
             align-items: stretch;
@@ -1154,7 +1154,7 @@ function Columns(e) {
           }
         }
 
-        @media (max-width: ${y("small")}px) {
+        @media (max-width: ${S("small")}px) {
           .${e.builderBlock.id}-breakpoints {
             flex-direction: var(--flex-dir);
             align-items: stretch;
@@ -1172,20 +1172,20 @@ function Columns(e) {
       "div",
       {
         className: `builder-columns ${e.builderBlock.id}-breakpoints div-5e636bea`,
-        style: g(),
+        style: b(),
         children: [
-          /* @__PURE__ */ jsx(InlinedStyles, { styles: T() }),
-          (R = e.columns) == null ? void 0 : R.map((p, C) => /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx(InlinedStyles, { styles: k() }),
+          (T = e.columns) == null ? void 0 : T.map((x, C) => /* @__PURE__ */ jsx(
             DynamicRenderer,
             {
-              TagName: p.link ? e.builderLinkComponent || "a" : "div",
+              TagName: x.link ? e.builderLinkComponent || "a" : "div",
               actionAttributes: {},
               attributes: {
-                ...p.link ? {
-                  href: p.link
+                ...x.link ? {
+                  href: x.link
                 } : {},
                 [getClassPropName()]: "builder-column",
-                style: mapStyleObjToStrIfNeeded(h(C))
+                style: mapStyleObjToStrIfNeeded(y(C))
               },
               children: /* @__PURE__ */ jsx(
                 Blocks,
@@ -1198,7 +1198,7 @@ function Columns(e) {
                   context: e.builderContext,
                   registeredComponents: e.builderComponents,
                   linkComponent: e.builderLinkComponent,
-                  blocks: p.blocks
+                  blocks: x.blocks
                 }
               )
             },
@@ -1613,13 +1613,13 @@ const componentInfo$f = {
       function n(r, s = 6e4) {
         return new Promise((c, l) => {
           const d = document.createElement("img");
-          let u = !1;
+          let m = !1;
           d.onload = () => {
-            u = !0, c(d);
-          }, d.addEventListener("error", (m) => {
-            console.warn("Image load failed", m.error), l(m.error);
+            m = !0, c(d);
+          }, d.addEventListener("error", (g) => {
+            console.warn("Image load failed", g.error), l(g.error);
           }), d.src = r, setTimeout(() => {
-            u || l(new Error("Image load timed out"));
+            m || l(new Error("Image load timed out"));
           }, s);
         });
       }
@@ -1925,16 +1925,16 @@ function Embed(e) {
       return;
     const l = t.current.getElementsByTagName("script");
     for (let d = 0; d < l.length; d++) {
-      const u = l[d];
-      if (u.src && !n.includes(u.src)) {
-        n.push(u.src);
-        const m = document.createElement("script");
-        m.async = !0, m.src = u.src, document.head.appendChild(m);
-      } else if (isJsScript(u) && !i.includes(u.innerText))
+      const m = l[d];
+      if (m.src && !n.includes(m.src)) {
+        n.push(m.src);
+        const g = document.createElement("script");
+        g.async = !0, g.src = m.src, document.head.appendChild(g);
+      } else if (isJsScript(m) && !i.includes(m.innerText))
         try {
-          i.push(u.innerText), new Function(u.innerText)();
-        } catch (m) {
-          console.warn("`Embed`: Error running script:", m);
+          i.push(m.innerText), new Function(m.innerText)();
+        } catch (g) {
+          console.warn("`Embed`: Error running script:", g);
         }
     }
   }
@@ -2188,112 +2188,112 @@ const componentInfo$5 = {
   return o === void 0 || o === e ? n : o;
 };
 function FormComponent(e) {
-  var u, m;
+  var m, g;
   const t = useRef(null), [n, o] = useState(() => "unsubmitted"), [i, a] = useState(() => null), [r, s] = useState(() => "");
-  function c(g) {
-    var y, T;
-    const h = {
+  function c(b) {
+    var S, k;
+    const y = {
       ...e.builderContext.rootState,
-      ...g
+      ...b
     };
-    e.builderContext.rootSetState ? (T = (y = e.builderContext).rootSetState) == null || T.call(y, h) : e.builderContext.rootState = h;
+    e.builderContext.rootSetState ? (k = (S = e.builderContext).rootSetState) == null || k.call(S, y) : e.builderContext.rootState = y;
   }
   function l() {
     return isEditing() && e.previewState || n;
   }
-  function d(g) {
-    var y;
-    const h = e.sendWithJs || e.sendSubmissionsTo === "email";
+  function d(b) {
+    var S;
+    const y = e.sendWithJs || e.sendSubmissionsTo === "email";
     if (e.sendSubmissionsTo === "zapier")
-      g.preventDefault();
-    else if (h) {
+      b.preventDefault();
+    else if (y) {
       if (!(e.action || e.sendSubmissionsTo === "email")) {
-        g.preventDefault();
+        b.preventDefault();
         return;
       }
-      g.preventDefault();
-      const T = g.currentTarget, R = e.customHeaders || {};
-      let p;
-      const C = new FormData(T), w = Array.from(
-        g.currentTarget.querySelectorAll("input,select,textarea")
-      ).filter((f) => !!f.name).map((f) => {
-        let I;
-        const j = f.name;
-        if (f instanceof HTMLInputElement)
-          if (f.type === "radio") {
-            if (f.checked)
-              return I = f.name, {
-                key: j,
-                value: I
+      b.preventDefault();
+      const k = b.currentTarget, T = e.customHeaders || {};
+      let x;
+      const C = new FormData(k), E = Array.from(
+        b.currentTarget.querySelectorAll("input,select,textarea")
+      ).filter((u) => !!u.name).map((u) => {
+        let f;
+        const p = u.name;
+        if (u instanceof HTMLInputElement)
+          if (u.type === "radio") {
+            if (u.checked)
+              return f = u.name, {
+                key: p,
+                value: f
               };
-          } else if (f.type === "checkbox")
-            I = f.checked;
-          else if (f.type === "number" || f.type === "range") {
-            const P = f.valueAsNumber;
-            isNaN(P) || (I = P);
+          } else if (u.type === "checkbox")
+            f = u.checked;
+          else if (u.type === "number" || u.type === "range") {
+            const h = u.valueAsNumber;
+            isNaN(h) || (f = h);
           } else
-            f.type === "file" ? I = f.files : I = f.value;
+            u.type === "file" ? f = u.files : f = u.value;
         else
-          I = f.value;
+          f = u.value;
         return {
-          key: j,
-          value: I
+          key: p,
+          value: f
         };
       });
-      let E = e.contentType;
-      if (e.sendSubmissionsTo === "email" && (E = "multipart/form-data"), Array.from(w).forEach(({ value: f }) => {
-        (f instanceof File || Array.isArray(f) && f[0] instanceof File || f instanceof FileList) && (E = "multipart/form-data");
-      }), E !== "application/json")
-        p = C;
+      let I = e.contentType;
+      if (e.sendSubmissionsTo === "email" && (I = "multipart/form-data"), Array.from(E).forEach(({ value: u }) => {
+        (u instanceof File || Array.isArray(u) && u[0] instanceof File || u instanceof FileList) && (I = "multipart/form-data");
+      }), I !== "application/json")
+        x = C;
       else {
-        const f = {};
-        Array.from(w).forEach(({ value: I, key: j }) => {
-          set(f, j, I);
-        }), p = JSON.stringify(f);
+        const u = {};
+        Array.from(E).forEach(({ value: f, key: p }) => {
+          set(u, p, f);
+        }), x = JSON.stringify(u);
       }
-      E && E !== "multipart/form-data" && (h && ((y = e.action) != null && y.includes("zapier.com")) || (R["content-type"] = E));
-      const F = new CustomEvent("presubmit", { detail: { body: p } });
-      if (t.current && (t.current.dispatchEvent(F), F.defaultPrevented))
+      I && I !== "multipart/form-data" && (y && ((S = e.action) != null && S.includes("zapier.com")) || (T["content-type"] = I));
+      const P = new CustomEvent("presubmit", { detail: { body: x } });
+      if (t.current && (t.current.dispatchEvent(P), P.defaultPrevented))
         return;
       o("sending");
-      const N = `${getEnv() === "dev" ? "http://localhost:5000" : "https://builder.io"}/api/v1/form-submit?apiKey=${e.builderContext.apiKey}&to=${btoa(
+      const B = `${getEnv() === "dev" ? "http://localhost:5000" : "https://builder.io"}/api/v1/form-submit?apiKey=${e.builderContext.apiKey}&to=${btoa(
         e.sendSubmissionsToEmail || ""
       )}&name=${encodeURIComponent(e.name || "")}`;
       fetch(
-        e.sendSubmissionsTo === "email" ? N : e.action,
-        { body: p, headers: R, method: e.method || "post" }
+        e.sendSubmissionsTo === "email" ? B : e.action,
+        { body: x, headers: T, method: e.method || "post" }
       ).then(
-        async (f) => {
-          let I;
-          const j = f.headers.get("content-type");
-          if (j && j.indexOf("application/json") !== -1 ? I = await f.json() : I = await f.text(), !f.ok && e.errorMessagePath) {
-            let P = get(I, e.errorMessagePath);
-            P && (typeof P != "string" && (P = JSON.stringify(P)), s(P), c({ formErrorMessage: P }));
+        async (u) => {
+          let f;
+          const p = u.headers.get("content-type");
+          if (p && p.indexOf("application/json") !== -1 ? f = await u.json() : f = await u.text(), !u.ok && e.errorMessagePath) {
+            let h = get(f, e.errorMessagePath);
+            h && (typeof h != "string" && (h = JSON.stringify(h)), s(h), c({ formErrorMessage: h }));
           }
-          if (a(I), o(f.ok ? "success" : "error"), f.ok) {
-            const P = new CustomEvent("submit:success", {
-              detail: { res: f, body: I }
+          if (a(f), o(u.ok ? "success" : "error"), u.ok) {
+            const h = new CustomEvent("submit:success", {
+              detail: { res: u, body: f }
             });
             if (t.current) {
-              if (t.current.dispatchEvent(P), P.defaultPrevented)
+              if (t.current.dispatchEvent(h), h.defaultPrevented)
                 return;
               e.resetFormOnSubmit !== !1 && t.current.reset();
             }
             if (e.successUrl)
               if (t.current) {
-                const b = new CustomEvent("route", {
+                const v = new CustomEvent("route", {
                   detail: { url: e.successUrl }
                 });
-                t.current.dispatchEvent(b), b.defaultPrevented || (location.href = e.successUrl);
+                t.current.dispatchEvent(v), v.defaultPrevented || (location.href = e.successUrl);
               } else
                 location.href = e.successUrl;
           }
         },
-        (f) => {
-          const I = new CustomEvent("submit:error", {
-            detail: { error: f }
+        (u) => {
+          const f = new CustomEvent("submit:error", {
+            detail: { error: u }
           });
-          t.current && (t.current.dispatchEvent(I), I.defaultPrevented) || (a(f), o("error"));
+          t.current && (t.current.dispatchEvent(f), f.defaultPrevented) || (a(u), o("error"));
         }
       );
     }
@@ -2308,18 +2308,18 @@ function FormComponent(e) {
         action: !e.sendWithJs && e.action,
         method: e.method,
         name: e.name,
-        onSubmit: (g) => d(g),
+        onSubmit: (b) => d(b),
         ...e.attributes,
         children: [
-          e.builderBlock && e.builderBlock.children ? /* @__PURE__ */ jsx(Fragment, { children: (m = (u = e.builderBlock) == null ? void 0 : u.children) == null ? void 0 : m.map((g, h) => /* @__PURE__ */ jsx(
+          e.builderBlock && e.builderBlock.children ? /* @__PURE__ */ jsx(Fragment, { children: (g = (m = e.builderBlock) == null ? void 0 : m.children) == null ? void 0 : g.map((b, y) => /* @__PURE__ */ jsx(
             Block,
             {
-              block: g,
+              block: b,
               context: e.builderContext,
               registeredComponents: e.builderComponents,
               linkComponent: e.builderLinkComponent
             },
-            `form-block-${h}`
+            `form-block-${y}`
           )) }) : null,
           l() === "error" ? /* @__PURE__ */ jsx(
             Blocks,
@@ -2930,74 +2930,70 @@ const findParentElement = (e, t, n = !0) => {
   };
 };
 function EnableEditor(e) {
-  var E, F, N, f, I, j, P;
-  const t = useRef(null), [n, o] = useState(() => 0);
-  useState(() => !0);
-  function i(b) {
-    var x, v;
-    const S = {
+  var T, x, C, E, I, P, B;
+  const t = useRef(null);
+  function n(u) {
+    var p, h;
+    const f = {
       ...e.builderContextSignal.rootState,
-      ...b
+      ...u
     };
-    e.builderContextSignal.rootSetState ? (v = (x = e.builderContextSignal).rootSetState) == null || v.call(x, S) : e.setBuilderContextSignal((k) => ({
-      ...k,
-      rootState: S
+    e.builderContextSignal.rootSetState ? (h = (p = e.builderContextSignal).rootSetState) == null || h.call(p, f) : e.setBuilderContextSignal((v) => ({
+      ...v,
+      rootState: f
     }));
   }
-  function a(b) {
-    var x, v, k, B, V;
-    const S = {
+  function o(u) {
+    var p, h, v, w, j;
+    const f = {
       ...e.builderContextSignal.content,
-      ...b,
+      ...u,
       data: {
-        ...(x = e.builderContextSignal.content) == null ? void 0 : x.data,
-        ...b == null ? void 0 : b.data
+        ...(p = e.builderContextSignal.content) == null ? void 0 : p.data,
+        ...u == null ? void 0 : u.data
       },
       meta: {
-        ...(v = e.builderContextSignal.content) == null ? void 0 : v.meta,
-        ...b == null ? void 0 : b.meta,
-        breakpoints: ((k = b == null ? void 0 : b.meta) == null ? void 0 : k.breakpoints) || ((V = (B = e.builderContextSignal.content) == null ? void 0 : B.meta) == null ? void 0 : V.breakpoints)
+        ...(h = e.builderContextSignal.content) == null ? void 0 : h.meta,
+        ...u == null ? void 0 : u.meta,
+        breakpoints: ((v = u == null ? void 0 : u.meta) == null ? void 0 : v.breakpoints) || ((j = (w = e.builderContextSignal.content) == null ? void 0 : w.meta) == null ? void 0 : j.breakpoints)
       }
     };
-    e.setBuilderContextSignal(($) => ({
-      ...$,
-      content: S
+    e.setBuilderContextSignal((A) => ({
+      ...A,
+      content: f
     }));
   }
-  useState(() => 0);
-  const [r, s] = useState(
-    () => !1
-  ), [c, l] = useState(
+  const [i, a] = useState(
     () => e.contentWrapper || "div"
   );
-  function d(b) {
+  function r(u) {
     return createEditorListener({
       model: e.model,
       trustedHosts: e.trustedHosts,
       callbacks: {
-        configureSdk: (S) => {
-          var k;
-          const { breakpoints: x, contentId: v } = S;
-          !v || v !== ((k = e.builderContextSignal.content) == null ? void 0 : k.id) || x && (a({
+        configureSdk: (f) => {
+          var v;
+          const { breakpoints: p, contentId: h } = f;
+          !h || h !== ((v = e.builderContextSignal.content) == null ? void 0 : v.id) || p && o({
             meta: {
-              breakpoints: x
+              breakpoints: p
             }
-          }), o(n + 1));
+          });
         },
-        animation: (S) => {
-          triggerAnimation(S);
+        animation: (f) => {
+          triggerAnimation(f);
         },
-        contentUpdate: (S) => {
-          a(S), o(n + 1);
+        contentUpdate: (f) => {
+          o(f);
         }
       }
-    })(b);
+    })(u);
   }
-  function u() {
-    var S, x;
-    const b = (x = (S = e.builderContextSignal.content) == null ? void 0 : S.data) == null ? void 0 : x.jsCode;
-    b && evaluate({
-      code: b,
+  function s() {
+    var f, p;
+    const u = (p = (f = e.builderContextSignal.content) == null ? void 0 : f.data) == null ? void 0 : p.jsCode;
+    u && evaluate({
+      code: u,
       context: e.context || {},
       localState: void 0,
       rootState: e.builderContextSignal.rootState,
@@ -3008,29 +3004,29 @@ function EnableEditor(e) {
       enableCache: !1
     });
   }
-  const [m, g] = useState(() => ({})), [h, y] = useState(() => !1);
-  function T(b) {
-    var S, x;
+  const [c, l] = useState(() => ({})), [d, m] = useState(() => !1);
+  function g(u) {
+    var f, p;
     if (e.builderContextSignal.content) {
-      const v = (S = e.builderContextSignal.content) == null ? void 0 : S.testVariationId, k = (x = e.builderContextSignal.content) == null ? void 0 : x.id;
+      const h = (f = e.builderContextSignal.content) == null ? void 0 : f.testVariationId, v = (p = e.builderContextSignal.content) == null ? void 0 : p.id;
       _track({
         type: "click",
         canTrack: getDefaultCanTrack(e.canTrack),
-        contentId: k,
+        contentId: v,
         apiKey: e.apiKey,
-        variationId: v !== k ? v : void 0,
-        ...getInteractionPropertiesForEvent(b),
-        unique: !h
+        variationId: h !== v ? h : void 0,
+        ...getInteractionPropertiesForEvent(u),
+        unique: !d
       });
     }
-    h || y(!0);
+    d || m(!0);
   }
-  function R(b) {
-    return b.replace(
+  function b(u) {
+    return u.replace(
       /{{([^}]+)}}/g,
-      (S, x) => String(
+      (f, p) => String(
         evaluate({
-          code: x,
+          code: p,
           context: e.context || {},
           localState: void 0,
           rootState: e.builderContextSignal.rootState,
@@ -3040,32 +3036,32 @@ function EnableEditor(e) {
       )
     );
   }
-  function p({ url: b, key: S }) {
-    fetch$1(b).then((x) => x.json()).then((x) => {
-      var k, B;
-      const v = {
+  function y({ url: u, key: f }) {
+    fetch$1(u).then((p) => p.json()).then((p) => {
+      var v, w;
+      const h = {
         ...e.builderContextSignal.rootState,
-        [S]: x
+        [f]: p
       };
-      (B = (k = e.builderContextSignal).rootSetState) == null || B.call(k, v), m[S] = !0;
-    }).catch((x) => {
-      console.error("error fetching dynamic data", b, x);
+      (w = (v = e.builderContextSignal).rootSetState) == null || w.call(v, h), c[f] = !0;
+    }).catch((p) => {
+      console.error("error fetching dynamic data", u, p);
     });
   }
-  function C() {
-    var S, x, v;
-    const b = (v = (x = (S = e.builderContextSignal.content) == null ? void 0 : S.data) == null ? void 0 : x.httpRequests) != null ? v : {};
-    Object.entries(b).forEach(([k, B]) => {
-      if (B && (!m[k] || isEditing())) {
-        const V = R(B);
-        p({
-          url: V,
-          key: k
+  function S() {
+    var f, p, h;
+    const u = (h = (p = (f = e.builderContextSignal.content) == null ? void 0 : f.data) == null ? void 0 : p.httpRequests) != null ? h : {};
+    Object.entries(u).forEach(([v, w]) => {
+      if (w && (!c[v] || isEditing())) {
+        const j = b(w);
+        y({
+          url: j,
+          key: v
         });
       }
     });
   }
-  function w() {
+  function k() {
     isEditing() && window.dispatchEvent(
       new CustomEvent(
         "builder:component:stateChange",
@@ -3081,9 +3077,9 @@ function EnableEditor(e) {
     );
   }
   return useEffect(() => {
-    var b, S;
+    var u, f;
     if (isBrowser()) {
-      if (isEditing() && (o(n + 1), window.addEventListener("message", d), registerInsertMenu(), setupBrowserForEditing({
+      if (isEditing() && (window.addEventListener("message", r), registerInsertMenu(), setupBrowserForEditing({
         ...e.locale ? {
           locale: e.locale
         } : {},
@@ -3095,66 +3091,64 @@ function EnableEditor(e) {
         } : {}
       }), Object.values(
         e.builderContextSignal.componentInfos
-      ).forEach((v) => {
-        var B;
-        const k = createRegisterComponentMessage(v);
-        (B = window.parent) == null || B.postMessage(k, "*");
+      ).forEach((h) => {
+        var w;
+        const v = createRegisterComponentMessage(h);
+        (w = window.parent) == null || w.postMessage(v, "*");
       }), window.addEventListener(
         "builder:component:stateChangeListenerActivated",
-        w
+        k
       )), e.builderContextSignal.content && getDefaultCanTrack(e.canTrack)) {
-        const v = (b = e.builderContextSignal.content) == null ? void 0 : b.testVariationId, k = (S = e.builderContextSignal.content) == null ? void 0 : S.id, B = e.apiKey;
+        const h = (u = e.builderContextSignal.content) == null ? void 0 : u.testVariationId, v = (f = e.builderContextSignal.content) == null ? void 0 : f.id, w = e.apiKey;
         _track({
           type: "impression",
           canTrack: !0,
-          contentId: k,
-          apiKey: B,
-          variationId: v !== k ? v : void 0
+          contentId: v,
+          apiKey: w,
+          variationId: h !== v ? h : void 0
         });
       }
       if (isPreviewing()) {
-        const v = new URL(location.href).searchParams, k = v.get("builder.preview"), B = v.get(
-          `builder.preview.${k}`
-        ), V = v.get("apiKey") || v.get("builder.space");
-        k === e.model && V === e.apiKey && (!e.content || B === e.content.id) && fetchOneEntry({
+        const h = new URL(location.href).searchParams, v = h.get("builder.preview"), w = h.get(
+          `builder.preview.${v}`
+        ), j = h.get("apiKey") || h.get("builder.space");
+        v === e.model && j === e.apiKey && (!e.content || w === e.content.id) && fetchOneEntry({
           model: e.model,
           apiKey: e.apiKey,
           apiVersion: e.builderContextSignal.apiVersion
-        }).then(($) => {
-          $ && a($);
+        }).then((A) => {
+          A && o(A);
         });
       }
     }
   }, []), useEffect(() => {
     e.apiKey || logger.error(
       "No API key provided to `RenderContent` component. This can cause issues. Please provide an API key using the `apiKey` prop."
-    ), u(), C(), w();
+    ), s(), S(), k();
   }, []), useEffect(() => {
-    e.content && a(e.content);
+    e.content && o(e.content);
   }, [e.content]), useEffect(() => {
-  }, [r]), useEffect(() => {
-    u();
-  }, [(F = (E = e.builderContextSignal.content) == null ? void 0 : E.data) == null ? void 0 : F.jsCode]), useEffect(() => {
-    C();
-  }, [(f = (N = e.builderContextSignal.content) == null ? void 0 : N.data) == null ? void 0 : f.httpRequests]), useEffect(() => {
-    w();
+    s();
+  }, [(x = (T = e.builderContextSignal.content) == null ? void 0 : T.data) == null ? void 0 : x.jsCode]), useEffect(() => {
+    S();
+  }, [(E = (C = e.builderContextSignal.content) == null ? void 0 : C.data) == null ? void 0 : E.httpRequests]), useEffect(() => {
+    k();
   }, [e.builderContextSignal.rootState]), useEffect(() => {
-    e.data && i(e.data);
+    e.data && n(e.data);
   }, [e.data]), useEffect(() => {
-    e.locale && i({
+    e.locale && n({
       locale: e.locale
     });
   }, [e.locale]), useEffect(() => () => {
-    isBrowser() && (window.removeEventListener("message", d), window.removeEventListener(
+    isBrowser() && (window.removeEventListener("message", r), window.removeEventListener(
       "builder:component:stateChangeListenerActivated",
-      w
+      k
     ));
-  }, []), /* @__PURE__ */ jsx(builderContext.Provider, { value: e.builderContextSignal, children: e.builderContextSignal.content ? /* @__PURE__ */ createElement(
-    c,
+  }, []), /* @__PURE__ */ jsx(builderContext.Provider, { value: e.builderContextSignal, children: e.builderContextSignal.content ? /* @__PURE__ */ jsx(
+    i,
     {
-      key: n,
       ref: t,
-      onClick: (b) => T(b),
+      onClick: (u) => g(u),
       "builder-content-id": (I = e.builderContextSignal.content) == null ? void 0 : I.id,
       "builder-model": e.model,
       ...e.showContent ? {} : {
@@ -3162,9 +3156,9 @@ function EnableEditor(e) {
         "aria-hidden": !0
       },
       ...e.contentWrapperProps,
-      className: `variant-${((j = e.content) == null ? void 0 : j.testVariationId) || ((P = e.content) == null ? void 0 : P.id)}`
-    },
-    e.children
+      className: `variant-${((P = e.content) == null ? void 0 : P.testVariationId) || ((B = e.content) == null ? void 0 : B.id)}`,
+      children: e.children
+    }
   ) : null });
 }
 const getCssFromFont = (e) => {
@@ -3263,22 +3257,22 @@ const getRootStateInitialValue = ({
   meta: e == null ? void 0 : e.meta
 } : void 0;
 function ContentComponent(e) {
-  var c, l, d, u, m, g, h;
+  var c, l, d, m, g, b, y;
   const [t, n] = useState(
     () => {
-      var y, T;
+      var S, k;
       return getUpdateVariantVisibilityScript({
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
-        variationId: (y = e.content) == null ? void 0 : y.testVariationId,
+        variationId: (S = e.content) == null ? void 0 : S.testVariationId,
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
-        contentId: (T = e.content) == null ? void 0 : T.id
+        contentId: (k = e.content) == null ? void 0 : k.id
       });
     }
   );
-  function o(y) {
-    s((T) => ({
-      ...T,
-      rootState: y
+  function o(S) {
+    s((k) => ({
+      ...k,
+      rootState: S
     }));
   }
   const [i, a] = useState(
@@ -3286,11 +3280,11 @@ function ContentComponent(e) {
       ...getDefaultRegisteredComponents(),
       ...e.customComponents || []
     ].reduce(
-      (y, { component: T, ...R }) => ({
-        ...y,
-        [R.name]: {
-          component: T,
-          ...serializeComponentInfo(R)
+      (S, { component: k, ...T }) => ({
+        ...S,
+        [T.name]: {
+          component: k,
+          ...serializeComponentInfo(T)
         }
       }),
       {}
@@ -3314,9 +3308,9 @@ function ContentComponent(e) {
       ...getDefaultRegisteredComponents(),
       ...e.customComponents || []
     ].reduce(
-      (y, { component: T, ...R }) => ({
-        ...y,
-        [R.name]: serializeComponentInfo(R)
+      (S, { component: k, ...T }) => ({
+        ...S,
+        [T.name]: serializeComponentInfo(T)
       }),
       {}
     ),
@@ -3356,13 +3350,13 @@ function ContentComponent(e) {
                 isNestedRender: e.isNestedRender,
                 contentId: (c = r.content) == null ? void 0 : c.id,
                 cssCode: (d = (l = r.content) == null ? void 0 : l.data) == null ? void 0 : d.cssCode,
-                customFonts: (m = (u = r.content) == null ? void 0 : u.data) == null ? void 0 : m.customFonts
+                customFonts: (g = (m = r.content) == null ? void 0 : m.data) == null ? void 0 : g.customFonts
               }
             ),
             /* @__PURE__ */ jsx(
               Blocks,
               {
-                blocks: (h = (g = r.content) == null ? void 0 : g.data) == null ? void 0 : h.blocks,
+                blocks: (y = (b = r.content) == null ? void 0 : b.data) == null ? void 0 : y.blocks,
                 context: r,
                 registeredComponents: i,
                 linkComponent: e.linkComponent