@builder.io/sdk-react 1.0.11 → 1.0.13

package/lib/node/blocks-exports.mjs

@@ -1,10 +1,13 @@
 "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);
 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-09a75819.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-383e8da6.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) {
-  return /* @__PURE__ */ jsx(Fragment, { children: isEmptyElement(e.TagName) ? /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(e.TagName, { ...e.attributes, ...e.actionAttributes }) }) : /* @__PURE__ */ jsx(Fragment, { children: typeof e.TagName == "string" ? /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(e.TagName, { ...e.attributes, ...e.actionAttributes, children: e.children }) }) : /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(e.TagName, { ...e.attributes, ...e.actionAttributes, children: e.children }) }) }) });
+  return /* @__PURE__ */ jsx(Fragment, { children: isEmptyElement(e.TagName) ? /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(e.TagName, { ...e.attributes, ...e.actionAttributes }) }) : /* @__PURE__ */ jsx(Fragment, { children: typeof e.TagName == "string" ? /* @__PURE__ */ jsx(e.TagName, { ...e.attributes, ...e.actionAttributes, children: e.children }) : /* @__PURE__ */ jsx(e.TagName, { ...e.attributes, ...e.actionAttributes, children: e.children }) }) });
 }
 const getClassPropName = () => {
   switch (TARGET) {
@@ -103,7 +106,7 @@ const getFunctionArguments = ({
       rootSetState: a
     })
   });
-  return new Function(...s.map(([l]) => l), e)(...s.map(([, l]) => l));
+  return new Function(...s.map(([c]) => c), e)(...s.map(([, c]) => c));
 };
 function flattenState({
   rootState: e,
@@ -115,7 +118,7 @@ function flattenState({
       if (t && i in t)
         return t[i];
       const a = o[i];
-      return typeof a == "object" ? flattenState({
+      return typeof a == "object" && a !== null ? flattenState({
         rootState: a,
         localState: void 0,
         rootSetState: n ? (r) => {
@@ -202,37 +205,37 @@ output;
   rootSetState: a,
   rootState: r
 }) => {
-  const s = safeDynamicRequire("isolated-vm"), l = fastClone({
+  const s = safeDynamicRequire("isolated-vm"), c = fastClone({
     ...r,
     ...i
-  }), c = getFunctionArguments({
+  }), l = getFunctionArguments({
     builder: t,
     context: n,
     event: o,
-    state: l
-  }), d = getIsolateContext(), h = d.global;
-  h.setSync("global", h.derefInto()), h.setSync("log", function(...u) {
-    console.log(...u);
-  }), h.setSync(BUILDER_SET_STATE_NAME, function(u, f) {
-    set(r, u, f), a == null || a(r);
-  }), c.forEach(([u, f]) => {
-    const k = typeof f == "object" ? new s.Reference(
+    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(
       // workaround: methods with default values for arguments is not being cloned over
-      u === "builder" ? {
-        ...f,
-        getUserAttributes: () => f.getUserAttributes()
-      } : f
+      h === "builder" ? {
+        ...y,
+        getUserAttributes: () => y.getUserAttributes()
+      } : y
     ) : null;
-    h.setSync(getSyncValName(u), k);
-  }), h.setSync(INJECTED_IVM_GLOBAL, s);
-  const y = processCode({
+    u.setSync(getSyncValName(h), T);
+  }), u.setSync(INJECTED_IVM_GLOBAL, s);
+  const m = processCode({
     code: e,
-    args: c
-  }), m = d.evalSync(y);
+    args: l
+  }), g = d.evalSync(m);
   try {
-    return JSON.parse(m);
+    return JSON.parse(g);
   } catch {
-    return m;
+    return g;
   }
 };
 function isNodeRuntime() {
@@ -245,7 +248,26 @@ 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);
+}, chooseBrowserOrServerEval = (e) => isBrowser() || shouldForceBrowserRuntimeInNode() ? runInBrowser(e) : runInNode(e), A = class A {
+  static getCacheKey(t) {
+    return JSON.stringify({
+      ...t,
+      // replace the event with a random number to break cache
+      // thats because we can't serialize the event object due to circular refs in DOM node refs.
+      event: t.event ? Math.random() : void 0
+    });
+  }
+  static getCachedValue(t) {
+    return A.cache.get(t);
+  }
+  static setCachedValue(t, n) {
+    A.cache.size > 20 && A.cache.delete(A.cache.keys().next().value), A.cache.set(t, {
+      value: n
+    });
+  }
+};
+W(A, "cacheLimit", 20), W(A, "cache", /* @__PURE__ */ new Map());
+let EvalCache = A;
 function evaluate({
   code: e,
   context: t,
@@ -253,13 +275,14 @@ function evaluate({
   rootState: o,
   rootSetState: i,
   event: a,
-  isExpression: r = !0
+  isExpression: r = !0,
+  enableCache: s
 }) {
   if (e === "") {
     logger.warn("Skipping evaluation of empty code block.");
     return;
   }
-  const s = {
+  const c = {
     code: parseCode(e, {
       isExpression: r
     }),
@@ -270,8 +293,18 @@ function evaluate({
     rootState: o,
     localState: n
   };
+  if (s) {
+    const l = EvalCache.getCacheKey(c), d = EvalCache.getCachedValue(l);
+    if (d)
+      return d.value;
+  }
   try {
-    return chooseBrowserOrServerEval(s);
+    const l = chooseBrowserOrServerEval(c);
+    if (s) {
+      const d = EvalCache.getCacheKey(c);
+      EvalCache.setCachedValue(d, l);
+    }
+    return l;
   } catch (l) {
     logger.error("Failed code evaluation: " + l.message, {
       code: e
@@ -301,14 +334,15 @@ const evaluateBindings = ({
     }
   };
   for (const s in e.bindings) {
-    const l = e.bindings[s], c = evaluate({
-      code: l,
+    const c = e.bindings[s], l = evaluate({
+      code: c,
       localState: n,
       rootState: o,
       rootSetState: i,
-      context: t
+      context: t,
+      enableCache: !0
     });
-    set(r, s, c);
+    set(r, s, l);
   }
   return r;
 };
@@ -331,14 +365,14 @@ function getProcessedBlock({
 }
 function throttle(e, t, n = {}) {
   let o, i, a, r = null, s = 0;
-  const l = function() {
+  const c = function() {
     s = n.leading === !1 ? 0 : Date.now(), r = null, a = e.apply(o, i), r || (o = i = null);
   };
   return function() {
-    const c = Date.now();
-    !s && n.leading === !1 && (s = c);
-    const d = t - (c - s);
-    return o = this, i = arguments, d <= 0 || d > t ? (r && (clearTimeout(r), r = null), s = c, a = e.apply(o, i), r || (o = i = null)) : !r && n.trailing !== !1 && (r = setTimeout(l, d)), a;
+    const l = Date.now();
+    !s && n.leading === !1 && (s = l);
+    const d = t - (l - s);
+    return o = this, i = arguments, d <= 0 || d > t ? (r && (clearTimeout(r), r = null), s = l, a = e.apply(o, i), r || (o = i = null)) : !r && n.trailing !== !1 && (r = setTimeout(c, d)), a;
   };
 }
 function assign(e, ...t) {
@@ -372,8 +406,8 @@ function warnElementNotPresent(e) {
 function augmentAnimation(e, t) {
   const n = getAllStylesUsed(e), o = getComputedStyle(t), i = e.steps[0].styles, a = e.steps[e.steps.length - 1].styles, r = [i, a];
   for (const s of r)
-    for (const l of n)
-      l in s || (s[l] = o[l]);
+    for (const c of n)
+      c in s || (s[c] = o[c]);
 }
 function getAllStylesUsed(e) {
   const t = [];
@@ -436,14 +470,14 @@ function bindScrollInViewAnimation(e) {
       leading: !1
     });
     function s(d) {
-      const h = d.getBoundingClientRect(), y = window.innerHeight, u = (e.thresholdPercent || 0) / 100 * y;
-      return h.bottom > u && h.top < y - u;
+      const u = d.getBoundingClientRect(), m = window.innerHeight, h = (e.thresholdPercent || 0) / 100 * m;
+      return u.bottom > h && u.top < m - h;
     }
-    const l = e.steps[0].styles;
-    function c() {
-      assign(n.style, l);
+    const c = e.steps[0].styles;
+    function l() {
+      assign(n.style, c);
     }
-    c(), setTimeout(() => {
+    l(), setTimeout(() => {
       n.style.transition = `all ${e.duration}s ${camelCaseToKebabCase(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s");
     }), document.addEventListener("scroll", r, {
       capture: !0,
@@ -451,6 +485,48 @@ function bindScrollInViewAnimation(e) {
     }), a();
   });
 }
+const camelToKebabCase = (e) => e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase(), convertStyleMapToCSSArray = (e) => Object.entries(e).map(([n, o]) => {
+  if (typeof o == "string")
+    return `${camelToKebabCase(n)}: ${o};`;
+}).filter(checkIsDefined), convertStyleMapToCSS = (e) => convertStyleMapToCSSArray(e).join(`
+`), createCssClass = ({
+  mediaQuery: e,
+  className: t,
+  styles: n
+}) => {
+  const o = `.${t} {
+    ${convertStyleMapToCSS(n)}
+  }`;
+  return e ? `${e} {
+      ${o}
+    }` : o;
+};
+function transformStyleProperty({
+  style: e
+}) {
+  return e;
+}
+const getStyle = ({
+  block: e,
+  context: t
+}) => mapStyleObjToStrIfNeeded(transformStyleProperty({
+  style: e.style || {},
+  context: t,
+  block: e
+}));
+function mapStyleObjToStrIfNeeded(e) {
+  switch (TARGET) {
+    case "svelte":
+    case "vue":
+    case "solid":
+      return convertStyleMapToCSSArray(e).join(" ");
+    case "qwik":
+    case "reactNative":
+    case "react":
+    case "rsc":
+      return e;
+  }
+}
 const getComponent = ({
   block: e,
   context: t,
@@ -488,20 +564,21 @@ const getComponent = ({
     localState: t.localState,
     rootState: t.rootState,
     rootSetState: t.rootSetState,
-    context: t.context
+    context: t.context,
+    enableCache: !0
   });
   if (!Array.isArray(i))
     return;
   const a = n.collection.split(".").pop(), r = n.itemName || (a ? a + "Item" : "item");
-  return i.map((l, c) => ({
+  return i.map((c, l) => ({
     context: {
       ...t,
       localState: {
         ...t.localState,
-        $index: c,
-        $item: l,
-        [r]: l,
-        [`$${r}Index`]: c
+        $index: l,
+        $item: c,
+        [r]: c,
+        [`$${r}Index`]: l
       }
     },
     block: o
@@ -548,21 +625,6 @@ const getComponent = ({
     min: a,
     default: a + 1
   }, n;
-}, camelToKebabCase = (e) => e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase(), convertStyleMapToCSSArray = (e) => Object.entries(e).map(([n, o]) => {
-  if (typeof o == "string")
-    return `${camelToKebabCase(n)}: ${o};`;
-}).filter(checkIsDefined), convertStyleMapToCSS = (e) => convertStyleMapToCSSArray(e).join(`
-`), createCssClass = ({
-  mediaQuery: e,
-  className: t,
-  styles: n
-}) => {
-  const o = `.${t} {
-    ${convertStyleMapToCSS(n)}
-  }`;
-  return e ? `${e} {
-      ${o}
-    }` : o;
 };
 function InlinedStyles(e) {
   return /* @__PURE__ */ jsx("style", { dangerouslySetInnerHTML: { __html: e.styles }, id: e.id });
@@ -580,7 +642,7 @@ function BlockStyles(e) {
     return checkIsDefined(o.hide) ? !o.hide : checkIsDefined(o.show) ? o.show : !0;
   }
   function n() {
-    var u;
+    var h;
     const o = getProcessedBlock({
       block: e.block,
       localState: e.context.localState,
@@ -589,29 +651,29 @@ function BlockStyles(e) {
       context: e.context.context,
       shouldEvaluateBindings: !0
     }), i = o.responsiveStyles, a = e.context.content, r = getSizesForBreakpoints(
-      ((u = a == null ? void 0 : a.meta) == null ? void 0 : u.breakpoints) || {}
-    ), s = i == null ? void 0 : i.large, l = i == null ? void 0 : i.medium, c = i == null ? void 0 : i.small, d = o.id;
+      ((h = a == null ? void 0 : a.meta) == null ? void 0 : h.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 h = s ? createCssClass({
+    const u = s ? createCssClass({
       className: d,
       styles: s
-    }) : "", y = l ? createCssClass({
+    }) : "", m = c ? createCssClass({
       className: d,
-      styles: l,
+      styles: c,
       mediaQuery: getMaxWidthQueryForSize(
         "medium",
         r
       )
-    }) : "", m = c ? createCssClass({
+    }) : "", g = l ? createCssClass({
       className: d,
-      styles: c,
+      styles: l,
       mediaQuery: getMaxWidthQueryForSize(
         "small",
         r
       )
     }) : "";
-    return [h, y, m].join(" ");
+    return [u, m, g].join(" ");
   }
   return /* @__PURE__ */ jsx(Fragment, { children: n() && t() ? /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(InlinedStyles, { styles: n() }) }) : null });
 }
@@ -625,7 +687,8 @@ const getEventHandlerName = (e) => `on${capitalizeFirstLetter(e)}`, createEventH
   rootState: t.rootState,
   rootSetState: t.rootSetState,
   event: n,
-  isExpression: !1
+  isExpression: !1,
+  enableCache: !0
 });
 function getBlockActions(e) {
   var o;
@@ -648,32 +711,6 @@ function getBlockActions(e) {
   }
   return t;
 }
-function transformStyleProperty({
-  style: e
-}) {
-  return e;
-}
-const getStyle = ({
-  block: e,
-  context: t
-}) => mapStyleObjToStrIfNeeded(transformStyleProperty({
-  style: e.style || {},
-  context: t,
-  block: e
-}));
-function mapStyleObjToStrIfNeeded(e) {
-  switch (TARGET) {
-    case "svelte":
-    case "vue":
-    case "solid":
-      return convertStyleMapToCSSArray(e).join(" ");
-    case "qwik":
-    case "reactNative":
-    case "react":
-    case "rsc":
-      return e;
-  }
-}
 function transformBlockProperties({
   properties: e
 }) {
@@ -820,7 +857,7 @@ function RepeatedBlock(e) {
   ) });
 }
 function Block(e) {
-  var d, h, y;
+  var c, l, d;
   function t() {
     return getComponent({
       block: e.block,
@@ -835,8 +872,8 @@ function Block(e) {
     });
   }
   function o() {
-    var m;
-    return (m = e.block.repeat) != null && m.collection ? e.block : getProcessedBlock({
+    var u;
+    return (u = e.block.repeat) != null && u.collection ? e.block : getProcessedBlock({
       block: e.block,
       localState: e.context.localState,
       rootState: e.context.rootState,
@@ -846,55 +883,54 @@ function Block(e) {
     });
   }
   function i() {
-    var u;
-    return e.block.tagName === "a" || ((u = o().properties) == null ? void 0 : u.href) || o().href ? e.linkComponent || "a" : e.block.tagName || "div";
+    var m;
+    return e.block.tagName === "a" || ((m = o().properties) == null ? void 0 : m.href) || o().href ? e.linkComponent || "a" : e.block.tagName || "div";
   }
   function a() {
-    var f, k;
-    if ((f = e.block.repeat) != null && f.collection)
-      return !!((k = n == null ? void 0 : n()) != null && k.length);
-    const m = "hide" in o() ? o().hide : !1;
-    return ("show" in o() ? o().show : !0) && !m;
+    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;
   }
   function r() {
-    var u, f;
-    return !((u = t == null ? void 0 : t()) != null && u.component) && !n() ? (f = o().children) != null ? f : [] : [];
+    var m, g;
+    return !((m = t == null ? void 0 : t()) != null && m.component) && !n() ? (g = o().children) != null ? g : [] : [];
   }
   function s() {
-    var m, u, f, k, R, p, I, w, E, B, F;
+    var u, m, g, h, y, T, R, p, C, w, E;
     return {
-      blockChildren: (m = o().children) != null ? m : [],
-      componentRef: (u = t == null ? void 0 : t()) == null ? void 0 : u.component,
+      blockChildren: (u = o().children) != null ? u : [],
+      componentRef: (m = t == null ? void 0 : t()) == null ? void 0 : m.component,
       componentOptions: {
         ...getBlockComponentOptions(o()),
         builderContext: e.context,
-        ...((f = t == null ? void 0 : t()) == null ? void 0 : f.name) === "Core:Button" || ((k = t == null ? void 0 : t()) == null ? void 0 : k.name) === "Symbol" || ((R = t == null ? void 0 : t()) == null ? void 0 : R.name) === "Columns" || ((p = t == null ? void 0 : t()) == null ? void 0 : p.name) === "Form:Form" ? {
+        ...((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" ? {
           builderLinkComponent: e.linkComponent
         } : {},
-        ...((I = t == null ? void 0 : t()) == null ? void 0 : I.name) === "Symbol" || ((w = t == null ? void 0 : t()) == null ? void 0 : w.name) === "Columns" || ((E = t == null ? void 0 : t()) == null ? void 0 : E.name) === "Form:Form" ? {
+        ...((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" ? {
           builderComponents: e.registeredComponents
         } : {}
       },
-      context: l,
+      context: e.context,
       linkComponent: e.linkComponent,
       registeredComponents: e.registeredComponents,
       builderBlock: o(),
-      includeBlockProps: ((B = t == null ? void 0 : t()) == null ? void 0 : B.noWrap) === !0,
-      isInteractive: !((F = t == null ? void 0 : t()) != null && F.isRSC)
+      includeBlockProps: ((w = t == null ? void 0 : t()) == null ? void 0 : w.noWrap) === !0,
+      isInteractive: !((E = t == null ? void 0 : t()) != null && E.isRSC)
     };
   }
-  const [l, c] = useState(() => e.context);
   return useEffect(() => {
-    const m = o().id, u = o().animations;
-    u && m && bindAnimations(
-      u.filter((f) => f.trigger !== "hover").map((f) => ({
-        ...f,
-        elementId: m
+    const u = o().id, m = o().animations;
+    m && u && bindAnimations(
+      m.filter((g) => g.trigger !== "hover").map((g) => ({
+        ...g,
+        elementId: u
       }))
     );
   }, []), /* @__PURE__ */ jsx(Fragment, { children: a() ? /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(BlockStyles, { block: e.block, context: e.context }),
-    (d = t == null ? void 0 : t()) != null && d.noWrap ? /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+    (c = t == null ? void 0 : t()) != null && c.noWrap ? /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
       ComponentRef,
       {
         componentRef: s().componentRef,
@@ -907,16 +943,16 @@ function Block(e) {
         includeBlockProps: s().includeBlockProps,
         isInteractive: s().isInteractive
       }
-    ) }) : /* @__PURE__ */ jsx(Fragment, { children: n() ? /* @__PURE__ */ jsx(Fragment, { children: (y = n()) == null ? void 0 : y.map((m, u) => /* @__PURE__ */ jsx(
+    ) }) : /* @__PURE__ */ jsx(Fragment, { children: n() ? /* @__PURE__ */ jsx(Fragment, { children: (d = n()) == null ? void 0 : d.map((u, m) => /* @__PURE__ */ jsx(
       RepeatedBlock,
       {
-        repeatContext: m.context,
-        block: m.block,
+        repeatContext: u.context,
+        block: u.block,
         registeredComponents: e.registeredComponents,
         linkComponent: e.linkComponent
       },
-      u
-    )) }) : /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(
+      m
+    )) }) : /* @__PURE__ */ jsxs(
       BlockWrapper,
       {
         Wrapper: i(),
@@ -938,19 +974,19 @@ function Block(e) {
               isInteractive: s().isInteractive
             }
           ),
-          (h = r()) == null ? void 0 : h.map((m) => /* @__PURE__ */ jsx(
+          (l = r()) == null ? void 0 : l.map((u) => /* @__PURE__ */ jsx(
             Block,
             {
-              block: m,
-              context: l,
+              block: u,
               registeredComponents: e.registeredComponents,
-              linkComponent: e.linkComponent
+              linkComponent: e.linkComponent,
+              context: e.context
             },
-            m.id
+            u.id
           ))
         ]
       }
-    ) }) })
+    ) })
   ] }) : null });
 }
 function BlocksWrapper(e) {
@@ -988,7 +1024,7 @@ function BlocksWrapper(e) {
     /* @__PURE__ */ jsx(
       e.BlocksWrapper,
       {
-        className: t() + " props-blocks-wrapper-7354e098",
+        className: t() + " props-blocks-wrapper-7cd1560e",
         "builder-path": e.path,
         "builder-parent-id": e.parent,
         style: e.styleProp,
@@ -999,7 +1035,7 @@ function BlocksWrapper(e) {
         children: e.children
       }
     ),
-    /* @__PURE__ */ jsx("style", { children: `.props-blocks-wrapper-7354e098 {
+    /* @__PURE__ */ jsx("style", { children: `.props-blocks-wrapper-7cd1560e {
   display: flex;
   flex-direction: column;
   align-items: stretch;
@@ -1039,39 +1075,39 @@ function Columns(e) {
     () => e.stackColumnsAt || "tablet"
   );
   function s(p) {
-    var I;
-    return ((I = o[p]) == null ? void 0 : I.width) || 100 / o.length;
+    var C;
+    return ((C = o[p]) == null ? void 0 : C.width) || 100 / o.length;
   }
-  function l(p) {
-    const I = t * (o.length - 1) / o.length;
-    return `calc(${s(p)}% - ${I}px)`;
+  function c(p) {
+    const C = t * (o.length - 1) / o.length;
+    return `calc(${s(p)}% - ${C}px)`;
   }
-  function c({
+  function l({
     stackedStyle: p,
-    desktopStyle: I
+    desktopStyle: C
   }) {
-    return a === "tablet" ? p : I;
+    return a === "tablet" ? p : C;
   }
   function d({
     stackedStyle: p,
-    desktopStyle: I
+    desktopStyle: C
   }) {
-    return a === "never" ? I : p;
+    return a === "never" ? C : p;
   }
-  const [h, y] = useState(
+  const [u, m] = useState(
     () => e.stackColumnsAt === "never" ? "row" : e.reverseColumnsWhenStacked ? "column-reverse" : "column"
   );
-  function m() {
+  function g() {
     return {
-      "--flex-dir": h,
-      "--flex-dir-tablet": c({
-        stackedStyle: h,
+      "--flex-dir": u,
+      "--flex-dir-tablet": l({
+        stackedStyle: u,
         desktopStyle: "row"
       })
     };
   }
-  function u(p) {
-    const I = p === 0 ? 0 : t, w = l(p), E = `${I}px`, B = "100%", F = 0;
+  function h(p) {
+    const C = p === 0 ? 0 : t, w = c(p), E = `${C}px`, F = "100%", N = 0;
     return {
       ...{
         display: "flex",
@@ -1081,32 +1117,32 @@ function Columns(e) {
       width: w,
       ["marginLeft"]: E,
       "--column-width-mobile": d({
-        stackedStyle: B,
+        stackedStyle: F,
         desktopStyle: w
       }),
       "--column-margin-left-mobile": d({
-        stackedStyle: F,
+        stackedStyle: N,
         desktopStyle: E
       }),
-      "--column-width-tablet": c({
-        stackedStyle: B,
+      "--column-width-tablet": l({
+        stackedStyle: F,
         desktopStyle: w
       }),
-      "--column-margin-left-tablet": c({
-        stackedStyle: F,
+      "--column-margin-left-tablet": l({
+        stackedStyle: N,
         desktopStyle: E
       })
     };
   }
-  function f(p) {
+  function y(p) {
     var w, E;
     return getSizesForBreakpoints(
       ((E = (w = e.builderContext.content) == null ? void 0 : w.meta) == null ? void 0 : E.breakpoints) || {}
     )[p].max;
   }
-  function k() {
+  function T() {
     return `
-        @media (max-width: ${f("medium")}px) {
+        @media (max-width: ${y("medium")}px) {
           .${e.builderBlock.id}-breakpoints {
             flex-direction: var(--flex-dir-tablet);
             align-items: stretch;
@@ -1118,7 +1154,7 @@ function Columns(e) {
           }
         }
 
-        @media (max-width: ${f("small")}px) {
+        @media (max-width: ${y("small")}px) {
           .${e.builderBlock.id}-breakpoints {
             flex-direction: var(--flex-dir);
             align-items: stretch;
@@ -1135,11 +1171,11 @@ function Columns(e) {
     /* @__PURE__ */ jsxs(
       "div",
       {
-        className: `builder-columns ${e.builderBlock.id}-breakpoints div-f5024694`,
-        style: m(),
+        className: `builder-columns ${e.builderBlock.id}-breakpoints div-5e636bea`,
+        style: g(),
         children: [
-          /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(InlinedStyles, { styles: k() }) }),
-          (R = e.columns) == null ? void 0 : R.map((p, I) => /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx(InlinedStyles, { styles: T() }),
+          (R = e.columns) == null ? void 0 : R.map((p, C) => /* @__PURE__ */ jsx(
             DynamicRenderer,
             {
               TagName: p.link ? e.builderLinkComponent || "a" : "div",
@@ -1149,12 +1185,12 @@ function Columns(e) {
                   href: p.link
                 } : {},
                 [getClassPropName()]: "builder-column",
-                style: mapStyleObjToStrIfNeeded(u(I))
+                style: mapStyleObjToStrIfNeeded(h(C))
               },
               children: /* @__PURE__ */ jsx(
                 Blocks,
                 {
-                  path: `component.options.columns.${I}.blocks`,
+                  path: `component.options.columns.${C}.blocks`,
                   parent: e.builderBlock.id,
                   styleProp: {
                     flexGrow: "1"
@@ -1166,12 +1202,12 @@ function Columns(e) {
                 }
               )
             },
-            I
+            C
           ))
         ]
       }
     ),
-    /* @__PURE__ */ jsx("style", { children: `.div-f5024694 {
+    /* @__PURE__ */ jsx("style", { children: `.div-5e636bea {
   display: flex;
   line-height: normal;
 }` })
@@ -1214,36 +1250,36 @@ function Image(e) {
   var i, a, r, s;
   function t() {
     var d;
-    const c = e.image || e.src;
-    if (!c || // We can auto add srcset for cdn.builder.io and shopify
+    const l = e.image || e.src;
+    if (!l || // We can auto add srcset for cdn.builder.io and shopify
     // images, otherwise you can supply this prop manually
-    !(c.match(/builder\.io/) || c.match(/cdn\.shopify\.com/)))
+    !(l.match(/builder\.io/) || l.match(/cdn\.shopify\.com/)))
       return e.srcset;
     if (e.srcset && ((d = e.image) != null && d.includes("builder.io/api/v1/image"))) {
       if (!e.srcset.includes(e.image.split("?")[0]))
-        return console.debug("Removed given srcset"), getSrcSet(c);
+        return console.debug("Removed given srcset"), getSrcSet(l);
     } else if (e.image && !e.srcset)
-      return getSrcSet(c);
-    return getSrcSet(c);
+      return getSrcSet(l);
+    return getSrcSet(l);
   }
   function n() {
-    var l;
-    return (l = t == null ? void 0 : t()) != null && l.match(/builder\.io/) && !e.noWebp ? t().replace(/\?/g, "?format=webp&") : "";
+    var c;
+    return (c = t == null ? void 0 : t()) != null && c.match(/builder\.io/) && !e.noWebp ? t().replace(/\?/g, "?format=webp&") : "";
   }
   function o() {
-    const l = {
+    const c = {
       position: "absolute",
       height: "100%",
       width: "100%",
       left: "0px",
       top: "0px"
     };
-    return e.aspectRatio ? l : void 0;
+    return e.aspectRatio ? c : void 0;
   }
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsxs("picture", { children: [
-        n() ? /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("source", { type: "image/webp", srcSet: n() }) }) : null,
+        n() ? /* @__PURE__ */ jsx("source", { type: "image/webp", srcSet: n() }) : null,
         /* @__PURE__ */ jsx(
           "img",
           {
@@ -1255,33 +1291,33 @@ function Image(e) {
               objectFit: e.backgroundSize || "cover",
               ...o()
             },
-            className: "builder-image" + (e.className ? " " + e.className : "") + " img-0614da04",
+            className: "builder-image" + (e.className ? " " + e.className : "") + " img-a0c95e8c",
             src: e.image,
             srcSet: t(),
             sizes: e.sizes
           }
         )
       ] }),
-      e.aspectRatio && !((a = (i = e.builderBlock) == null ? void 0 : i.children) != null && a.length && e.fitContent) ? /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+      e.aspectRatio && !((a = (i = e.builderBlock) == null ? void 0 : i.children) != null && a.length && e.fitContent) ? /* @__PURE__ */ jsx(
         "div",
         {
-          className: "builder-image-sizer div-0614da04",
+          className: "builder-image-sizer div-a0c95e8c",
           style: {
             paddingTop: e.aspectRatio * 100 + "%"
           }
         }
-      ) }) : null,
+      ) : null,
       (s = (r = e.builderBlock) == null ? void 0 : r.children) != null && s.length && e.fitContent ? /* @__PURE__ */ jsx(Fragment, { children: e.children }) : null,
-      !e.fitContent && e.children ? /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("div", { className: "div-0614da04-2", children: e.children }) }) : null
+      !e.fitContent && e.children ? /* @__PURE__ */ jsx("div", { className: "div-a0c95e8c-2", children: e.children }) : null
     ] }),
-    /* @__PURE__ */ jsx("style", { children: `.img-0614da04 {
+    /* @__PURE__ */ jsx("style", { children: `.img-a0c95e8c {
   opacity: 1;
   transition: opacity 0.2s ease-in-out;
-}.div-0614da04 {
+}.div-a0c95e8c {
   width: 100%;
   pointer-events: none;
   font-size: 0;
-}.div-0614da04-2 {
+}.div-a0c95e8c-2 {
   display: flex;
   flex-direction: column;
   align-items: stretch;
@@ -1526,7 +1562,7 @@ const componentInfo$f = {
         });
       }
       const n = e.get("columns");
-      Array.isArray(n) && n.find((i) => i.get("width")) && (n.find((a) => !a.get("width")) || n.reduce((s, l) => s + l.get("width"), 0) !== 100) && t();
+      Array.isArray(n) && n.find((i) => i.get("width")) && (n.find((a) => !a.get("width")) || n.reduce((s, c) => s + c.get("width"), 0) !== 100) && t();
     }
   }, {
     name: "space",
@@ -1575,15 +1611,15 @@ const componentInfo$f = {
     onChange: (e) => {
       e.delete("srcset"), e.delete("noWebp");
       function n(r, s = 6e4) {
-        return new Promise((l, c) => {
+        return new Promise((c, l) => {
           const d = document.createElement("img");
-          let h = !1;
+          let u = !1;
           d.onload = () => {
-            h = !0, l(d);
-          }, d.addEventListener("error", (y) => {
-            console.warn("Image load failed", y.error), c(y.error);
+            u = !0, c(d);
+          }, d.addEventListener("error", (m) => {
+            console.warn("Image load failed", m.error), l(m.error);
           }), d.src = r, setTimeout(() => {
-            h || c(new Error("Image load timed out"));
+            u || l(new Error("Image load timed out"));
           }, s);
         });
       }
@@ -1825,23 +1861,23 @@ function CustomCode(e) {
     if (!((s = t.current) != null && s.getElementsByTagName) || typeof window == "undefined")
       return;
     const r = t.current.getElementsByTagName("script");
-    for (let l = 0; l < r.length; l++) {
-      const c = r[l];
-      if (c.src) {
-        if (n.includes(c.src))
+    for (let c = 0; c < r.length; c++) {
+      const l = r[c];
+      if (l.src) {
+        if (n.includes(l.src))
           continue;
-        n.push(c.src);
+        n.push(l.src);
         const d = document.createElement("script");
-        d.async = !0, d.src = c.src, document.head.appendChild(d);
-      } else if (!c.type || [
+        d.async = !0, d.src = l.src, document.head.appendChild(d);
+      } else if (!l.type || [
         "text/javascript",
         "application/javascript",
         "application/ecmascript"
-      ].includes(c.type)) {
-        if (i.includes(c.innerText))
+      ].includes(l.type)) {
+        if (i.includes(l.innerText))
           continue;
         try {
-          i.push(c.innerText), new Function(c.innerText)();
+          i.push(l.innerText), new Function(l.innerText)();
         } catch (d) {
           console.warn("`CustomCode`: Error running script:", d);
         }
@@ -1884,26 +1920,26 @@ const componentInfo$6 = {
 }, SCRIPT_MIME_TYPES = ["text/javascript", "application/javascript", "application/ecmascript"], isJsScript = (e) => SCRIPT_MIME_TYPES.includes(e.type);
 function Embed(e) {
   const t = useRef(null), [n, o] = useState(() => []), [i, a] = useState(() => []), [r, s] = useState(() => !1);
-  function l() {
+  function c() {
     if (!t.current || !t.current.getElementsByTagName)
       return;
-    const c = t.current.getElementsByTagName("script");
-    for (let d = 0; d < c.length; d++) {
-      const h = c[d];
-      if (h.src && !n.includes(h.src)) {
-        n.push(h.src);
-        const y = document.createElement("script");
-        y.async = !0, y.src = h.src, document.head.appendChild(y);
-      } else if (isJsScript(h) && !i.includes(h.innerText))
+    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))
         try {
-          i.push(h.innerText), new Function(h.innerText)();
-        } catch (y) {
-          console.warn("`Embed`: Error running script:", y);
+          i.push(u.innerText), new Function(u.innerText)();
+        } catch (m) {
+          console.warn("`Embed`: Error running script:", m);
         }
     }
   }
   return useEffect(() => {
-    t.current && !r && (s(!0), l());
+    t.current && !r && (s(!0), c());
   }, [t.current, r]), /* @__PURE__ */ jsx(
     "div",
     {
@@ -2152,94 +2188,94 @@ const componentInfo$5 = {
   return o === void 0 || o === e ? n : o;
 };
 function FormComponent(e) {
-  var h, y;
+  var u, m;
   const t = useRef(null), [n, o] = useState(() => "unsubmitted"), [i, a] = useState(() => null), [r, s] = useState(() => "");
-  function l(m) {
-    var f, k;
-    const u = {
+  function c(g) {
+    var y, T;
+    const h = {
       ...e.builderContext.rootState,
-      ...m
+      ...g
     };
-    e.builderContext.rootSetState ? (k = (f = e.builderContext).rootSetState) == null || k.call(f, u) : e.builderContext.rootState = u;
+    e.builderContext.rootSetState ? (T = (y = e.builderContext).rootSetState) == null || T.call(y, h) : e.builderContext.rootState = h;
   }
-  function c() {
+  function l() {
     return isEditing() && e.previewState || n;
   }
-  function d(m) {
-    var f;
-    const u = e.sendWithJs || e.sendSubmissionsTo === "email";
+  function d(g) {
+    var y;
+    const h = e.sendWithJs || e.sendSubmissionsTo === "email";
     if (e.sendSubmissionsTo === "zapier")
-      m.preventDefault();
-    else if (u) {
+      g.preventDefault();
+    else if (h) {
       if (!(e.action || e.sendSubmissionsTo === "email")) {
-        m.preventDefault();
+        g.preventDefault();
         return;
       }
-      m.preventDefault();
-      const k = m.currentTarget, R = e.customHeaders || {};
+      g.preventDefault();
+      const T = g.currentTarget, R = e.customHeaders || {};
       let p;
-      const I = new FormData(k), w = Array.from(
-        m.currentTarget.querySelectorAll("input,select,textarea")
-      ).filter((g) => !!g.name).map((g) => {
-        let T;
-        const A = g.name;
-        if (g instanceof HTMLInputElement)
-          if (g.type === "radio") {
-            if (g.checked)
-              return T = g.name, {
-                key: A,
-                value: T
+      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
               };
-          } else if (g.type === "checkbox")
-            T = g.checked;
-          else if (g.type === "number" || g.type === "range") {
-            const j = g.valueAsNumber;
-            isNaN(j) || (T = j);
+          } 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
-            g.type === "file" ? T = g.files : T = g.value;
+            f.type === "file" ? I = f.files : I = f.value;
         else
-          T = g.value;
+          I = f.value;
         return {
-          key: A,
-          value: T
+          key: j,
+          value: I
         };
       });
       let E = e.contentType;
-      if (e.sendSubmissionsTo === "email" && (E = "multipart/form-data"), Array.from(w).forEach(({ value: g }) => {
-        (g instanceof File || Array.isArray(g) && g[0] instanceof File || g instanceof FileList) && (E = "multipart/form-data");
+      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 = I;
+        p = C;
       else {
-        const g = {};
-        Array.from(w).forEach(({ value: T, key: A }) => {
-          set(g, A, T);
-        }), p = JSON.stringify(g);
+        const f = {};
+        Array.from(w).forEach(({ value: I, key: j }) => {
+          set(f, j, I);
+        }), p = JSON.stringify(f);
       }
-      E && E !== "multipart/form-data" && (u && ((f = e.action) != null && f.includes("zapier.com")) || (R["content-type"] = E));
-      const B = new CustomEvent("presubmit", { detail: { body: p } });
-      if (t.current && (t.current.dispatchEvent(B), B.defaultPrevented))
+      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))
         return;
       o("sending");
-      const F = `${getEnv() === "dev" ? "http://localhost:5000" : "https://builder.io"}/api/v1/form-submit?apiKey=${e.builderContext.apiKey}&to=${btoa(
+      const N = `${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" ? F : e.action,
+        e.sendSubmissionsTo === "email" ? N : e.action,
         { body: p, headers: R, method: e.method || "post" }
       ).then(
-        async (g) => {
-          let T;
-          const A = g.headers.get("content-type");
-          if (A && A.indexOf("application/json") !== -1 ? T = await g.json() : T = await g.text(), !g.ok && e.errorMessagePath) {
-            let j = get(T, e.errorMessagePath);
-            j && (typeof j != "string" && (j = JSON.stringify(j)), s(j), l({ formErrorMessage: j }));
+        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 }));
           }
-          if (a(T), o(g.ok ? "success" : "error"), g.ok) {
-            const j = new CustomEvent("submit:success", {
-              detail: { res: g, body: T }
+          if (a(I), o(f.ok ? "success" : "error"), f.ok) {
+            const P = new CustomEvent("submit:success", {
+              detail: { res: f, body: I }
             });
             if (t.current) {
-              if (t.current.dispatchEvent(j), j.defaultPrevented)
+              if (t.current.dispatchEvent(P), P.defaultPrevented)
                 return;
               e.resetFormOnSubmit !== !1 && t.current.reset();
             }
@@ -2253,11 +2289,11 @@ function FormComponent(e) {
                 location.href = e.successUrl;
           }
         },
-        (g) => {
-          const T = new CustomEvent("submit:error", {
-            detail: { error: g }
+        (f) => {
+          const I = new CustomEvent("submit:error", {
+            detail: { error: f }
           });
-          t.current && (t.current.dispatchEvent(T), T.defaultPrevented) || (a(g), o("error"));
+          t.current && (t.current.dispatchEvent(I), I.defaultPrevented) || (a(f), o("error"));
         }
       );
     }
@@ -2272,59 +2308,49 @@ function FormComponent(e) {
         action: !e.sendWithJs && e.action,
         method: e.method,
         name: e.name,
-        onSubmit: (m) => d(m),
+        onSubmit: (g) => d(g),
         ...e.attributes,
         children: [
-          " ",
-          e.builderBlock && e.builderBlock.children ? /* @__PURE__ */ jsx(Fragment, { children: (y = (h = e.builderBlock) == null ? void 0 : h.children) == null ? void 0 : y.map((m, u) => /* @__PURE__ */ jsx(
+          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(
             Block,
             {
-              block: m,
+              block: g,
               context: e.builderContext,
               registeredComponents: e.builderComponents,
               linkComponent: e.builderLinkComponent
             },
-            `form-block-${u}`
+            `form-block-${h}`
           )) }) : null,
-          " ",
-          c() === "error" ? /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+          l() === "error" ? /* @__PURE__ */ jsx(
             Blocks,
             {
               path: "errorMessage",
               blocks: e.errorMessage,
               context: e.builderContext
             }
-          ) }) : null,
-          " ",
-          c() === "sending" ? /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+          ) : null,
+          l() === "sending" ? /* @__PURE__ */ jsx(
             Blocks,
             {
               path: "sendingMessage",
               blocks: e.sendingMessage,
               context: e.builderContext
             }
-          ) }) : null,
-          " ",
-          c() === "error" && i ? /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("pre", { className: "builder-form-error-text pre-25b9edf0", children: [
-            " ",
-            JSON.stringify(i, null, 2),
-            " "
-          ] }) }) : null,
-          " ",
-          c() === "success" ? /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+          ) : null,
+          l() === "error" && i ? /* @__PURE__ */ jsx("pre", { className: "builder-form-error-text pre-31bf8a14", children: JSON.stringify(i, null, 2) }) : null,
+          l() === "success" ? /* @__PURE__ */ jsx(
             Blocks,
             {
               path: "successMessage",
               blocks: e.successMessage,
               context: e.builderContext
             }
-          ) }) : null,
-          " "
+          ) : null
         ]
       }
     ),
     " ",
-    /* @__PURE__ */ jsx("style", { children: ".pre-25b9edf0 {   padding: 10px;   color: red;   text-align: center; }" }),
+    /* @__PURE__ */ jsx("style", { children: ".pre-31bf8a14 {   padding: 10px;   color: red;   text-align: center; }" }),
     " "
   ] });
 }
@@ -2594,7 +2620,7 @@ const componentInfo = {
   }]
 };
 function Video(e) {
-  var o, i, a, r, s, l, c;
+  var o, i, a, r, s, c, l;
   function t() {
     return {
       ...e.autoPlay === !0 ? {
@@ -2651,7 +2677,7 @@ function Video(e) {
             children: e.lazyLoad ? null : /* @__PURE__ */ jsx("source", { type: "video/mp4", src: e.video })
           }
         ),
-        e.aspectRatio && !(e.fitContent && ((a = (i = e.builderBlock) == null ? void 0 : i.children) != null && a.length)) ? /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+        e.aspectRatio && !(e.fitContent && ((a = (i = e.builderBlock) == null ? void 0 : i.children) != null && a.length)) ? /* @__PURE__ */ jsx(
           "div",
           {
             style: {
@@ -2661,8 +2687,8 @@ function Video(e) {
               fontSize: "0px"
             }
           }
-        ) }) : null,
-        (s = (r = e.builderBlock) == null ? void 0 : r.children) != null && s.length && e.fitContent ? /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+        ) : null,
+        (s = (r = e.builderBlock) == null ? void 0 : r.children) != null && s.length && e.fitContent ? /* @__PURE__ */ jsx(
           "div",
           {
             style: {
@@ -2672,8 +2698,8 @@ function Video(e) {
             },
             children: e.children
           }
-        ) }) : null,
-        (c = (l = e.builderBlock) == null ? void 0 : l.children) != null && c.length && !e.fitContent ? /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+        ) : null,
+        (l = (c = e.builderBlock) == null ? void 0 : c.children) != null && l.length && !e.fitContent ? /* @__PURE__ */ jsx(
           "div",
           {
             style: {
@@ -2689,7 +2715,7 @@ function Video(e) {
             },
             children: e.children
           }
-        ) }) : null
+        ) : null
       ]
     }
   );
@@ -2904,44 +2930,44 @@ const findParentElement = (e, t, n = !0) => {
   };
 };
 function EnableEditor(e) {
-  var E, B, F, g, T, A, j;
+  var E, F, N, f, I, j, P;
   const t = useRef(null), [n, o] = useState(() => 0);
   useState(() => !0);
   function i(b) {
-    var S, v;
-    const x = {
+    var x, v;
+    const S = {
       ...e.builderContextSignal.rootState,
       ...b
     };
-    e.builderContextSignal.rootSetState ? (v = (S = e.builderContextSignal).rootSetState) == null || v.call(S, x) : e.setBuilderContextSignal((C) => ({
-      ...C,
-      rootState: x
+    e.builderContextSignal.rootSetState ? (v = (x = e.builderContextSignal).rootSetState) == null || v.call(x, S) : e.setBuilderContextSignal((k) => ({
+      ...k,
+      rootState: S
     }));
   }
   function a(b) {
-    var S, v, C, P, V;
-    const x = {
+    var x, v, k, B, V;
+    const S = {
       ...e.builderContextSignal.content,
       ...b,
       data: {
-        ...(S = e.builderContextSignal.content) == null ? void 0 : S.data,
+        ...(x = e.builderContextSignal.content) == null ? void 0 : x.data,
         ...b == null ? void 0 : b.data
       },
       meta: {
         ...(v = e.builderContextSignal.content) == null ? void 0 : v.meta,
         ...b == null ? void 0 : b.meta,
-        breakpoints: ((C = b == null ? void 0 : b.meta) == null ? void 0 : C.breakpoints) || ((V = (P = e.builderContextSignal.content) == null ? void 0 : P.meta) == null ? void 0 : V.breakpoints)
+        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)
       }
     };
-    e.setBuilderContextSignal((N) => ({
-      ...N,
-      content: x
+    e.setBuilderContextSignal(($) => ({
+      ...$,
+      content: S
     }));
   }
   useState(() => 0);
   const [r, s] = useState(
     () => !1
-  ), [l, c] = useState(
+  ), [c, l] = useState(
     () => e.contentWrapper || "div"
   );
   function d(b) {
@@ -2949,85 +2975,92 @@ function EnableEditor(e) {
       model: e.model,
       trustedHosts: e.trustedHosts,
       callbacks: {
-        configureSdk: (x) => {
-          var C;
-          const { breakpoints: S, contentId: v } = x;
-          !v || v !== ((C = e.builderContextSignal.content) == null ? void 0 : C.id) || S && (a({
+        configureSdk: (S) => {
+          var k;
+          const { breakpoints: x, contentId: v } = S;
+          !v || v !== ((k = e.builderContextSignal.content) == null ? void 0 : k.id) || x && (a({
             meta: {
-              breakpoints: S
+              breakpoints: x
             }
           }), o(n + 1));
         },
-        animation: (x) => {
-          triggerAnimation(x);
+        animation: (S) => {
+          triggerAnimation(S);
         },
-        contentUpdate: (x) => {
-          a(x), o(n + 1);
+        contentUpdate: (S) => {
+          a(S), o(n + 1);
         }
       }
     })(b);
   }
-  function h() {
-    var x, S;
-    const b = (S = (x = e.builderContextSignal.content) == null ? void 0 : x.data) == null ? void 0 : S.jsCode;
+  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,
       context: e.context || {},
       localState: void 0,
       rootState: e.builderContextSignal.rootState,
-      rootSetState: e.builderContextSignal.rootSetState
+      rootSetState: e.builderContextSignal.rootSetState,
+      /**
+       * We don't want to cache the result of the JS code, since it's arbitrary side effect code.
+       */
+      enableCache: !1
     });
   }
-  const [y, m] = useState(() => ({})), [u, f] = useState(() => !1);
-  function k(b) {
-    var x, S;
+  const [m, g] = useState(() => ({})), [h, y] = useState(() => !1);
+  function T(b) {
+    var S, x;
     if (e.builderContextSignal.content) {
-      const v = (x = e.builderContextSignal.content) == null ? void 0 : x.testVariationId, C = (S = e.builderContextSignal.content) == null ? void 0 : S.id;
+      const v = (S = e.builderContextSignal.content) == null ? void 0 : S.testVariationId, k = (x = e.builderContextSignal.content) == null ? void 0 : x.id;
       _track({
         type: "click",
         canTrack: getDefaultCanTrack(e.canTrack),
-        contentId: C,
+        contentId: k,
         apiKey: e.apiKey,
-        variationId: v !== C ? v : void 0,
+        variationId: v !== k ? v : void 0,
         ...getInteractionPropertiesForEvent(b),
-        unique: !u
+        unique: !h
       });
     }
-    u || f(!0);
+    h || y(!0);
   }
   function R(b) {
     return b.replace(
       /{{([^}]+)}}/g,
-      (x, S) => evaluate({
-        code: S,
-        context: e.context || {},
-        localState: void 0,
-        rootState: e.builderContextSignal.rootState,
-        rootSetState: e.builderContextSignal.rootSetState
-      })
+      (S, x) => String(
+        evaluate({
+          code: x,
+          context: e.context || {},
+          localState: void 0,
+          rootState: e.builderContextSignal.rootState,
+          rootSetState: e.builderContextSignal.rootSetState,
+          enableCache: !0
+        })
+      )
     );
   }
-  function p({ url: b, key: x }) {
-    fetch$1(b).then((S) => S.json()).then((S) => {
-      var C, P;
+  function p({ url: b, key: S }) {
+    fetch$1(b).then((x) => x.json()).then((x) => {
+      var k, B;
       const v = {
         ...e.builderContextSignal.rootState,
-        [x]: S
+        [S]: x
       };
-      (P = (C = e.builderContextSignal).rootSetState) == null || P.call(C, v), y[x] = !0;
-    }).catch((S) => {
-      console.error("error fetching dynamic data", b, S);
+      (B = (k = e.builderContextSignal).rootSetState) == null || B.call(k, v), m[S] = !0;
+    }).catch((x) => {
+      console.error("error fetching dynamic data", b, x);
     });
   }
-  function I() {
-    var x, S, v;
-    const b = (v = (S = (x = e.builderContextSignal.content) == null ? void 0 : x.data) == null ? void 0 : S.httpRequests) != null ? v : {};
-    Object.entries(b).forEach(([C, P]) => {
-      if (P && (!y[C] || isEditing())) {
-        const V = R(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: C
+          key: k
         });
       }
     });
@@ -3048,7 +3081,7 @@ function EnableEditor(e) {
     );
   }
   return useEffect(() => {
-    var b, x;
+    var b, S;
     if (isBrowser()) {
       if (isEditing() && (o(n + 1), window.addEventListener("message", d), registerInsertMenu(), setupBrowserForEditing({
         ...e.locale ? {
@@ -3063,47 +3096,47 @@ function EnableEditor(e) {
       }), Object.values(
         e.builderContextSignal.componentInfos
       ).forEach((v) => {
-        var P;
-        const C = createRegisterComponentMessage(v);
-        (P = window.parent) == null || P.postMessage(C, "*");
+        var B;
+        const k = createRegisterComponentMessage(v);
+        (B = window.parent) == null || B.postMessage(k, "*");
       }), window.addEventListener(
         "builder:component:stateChangeListenerActivated",
         w
       )), e.builderContextSignal.content && getDefaultCanTrack(e.canTrack)) {
-        const v = (b = e.builderContextSignal.content) == null ? void 0 : b.testVariationId, C = (x = e.builderContextSignal.content) == null ? void 0 : x.id, P = e.apiKey;
+        const v = (b = e.builderContextSignal.content) == null ? void 0 : b.testVariationId, k = (S = e.builderContextSignal.content) == null ? void 0 : S.id, B = e.apiKey;
         _track({
           type: "impression",
           canTrack: !0,
-          contentId: C,
-          apiKey: P,
-          variationId: v !== C ? v : void 0
+          contentId: k,
+          apiKey: B,
+          variationId: v !== k ? v : void 0
         });
       }
       if (isPreviewing()) {
-        const v = new URL(location.href).searchParams, C = v.get("builder.preview"), P = v.get(
-          `builder.preview.${C}`
+        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");
-        C === e.model && V === e.apiKey && (!e.content || P === e.content.id) && fetchOneEntry({
+        k === e.model && V === e.apiKey && (!e.content || B === e.content.id) && fetchOneEntry({
           model: e.model,
           apiKey: e.apiKey,
           apiVersion: e.builderContextSignal.apiVersion
-        }).then((N) => {
-          N && a(N);
+        }).then(($) => {
+          $ && 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."
-    ), h(), I(), w();
+    ), u(), C(), w();
   }, []), useEffect(() => {
     e.content && a(e.content);
   }, [e.content]), useEffect(() => {
   }, [r]), useEffect(() => {
-    h();
-  }, [(B = (E = e.builderContextSignal.content) == null ? void 0 : E.data) == null ? void 0 : B.jsCode]), useEffect(() => {
-    I();
-  }, [(g = (F = e.builderContextSignal.content) == null ? void 0 : F.data) == null ? void 0 : g.httpRequests]), 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();
   }, [e.builderContextSignal.rootState]), useEffect(() => {
     e.data && i(e.data);
@@ -3116,23 +3149,23 @@ function EnableEditor(e) {
       "builder:component:stateChangeListenerActivated",
       w
     ));
-  }, []), /* @__PURE__ */ jsx(builderContext.Provider, { value: e.builderContextSignal, children: e.builderContextSignal.content ? /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ createElement(
-    l,
+  }, []), /* @__PURE__ */ jsx(builderContext.Provider, { value: e.builderContextSignal, children: e.builderContextSignal.content ? /* @__PURE__ */ createElement(
+    c,
     {
       key: n,
       ref: t,
-      onClick: (b) => k(b),
-      "builder-content-id": (T = e.builderContextSignal.content) == null ? void 0 : T.id,
+      onClick: (b) => T(b),
+      "builder-content-id": (I = e.builderContextSignal.content) == null ? void 0 : I.id,
       "builder-model": e.model,
       ...e.showContent ? {} : {
         hidden: !0,
         "aria-hidden": !0
       },
       ...e.contentWrapperProps,
-      className: `variant-${((A = e.content) == null ? void 0 : A.testVariationId) || ((j = e.content) == null ? void 0 : j.id)}`
+      className: `variant-${((j = e.content) == null ? void 0 : j.testVariationId) || ((P = e.content) == null ? void 0 : P.id)}`
     },
     e.children
-  ) }) : null });
+  ) : null });
 }
 const getCssFromFont = (e) => {
   var a, r;
@@ -3149,11 +3182,11 @@ font-weight: 400;
     for (const s in e.files) {
       if (!(String(Number(s)) === s))
         continue;
-      const c = e.files[s];
-      c && c !== o && (i += `
+      const l = e.files[s];
+      l && l !== o && (i += `
 @font-face {
 font-family: "${t}";
-src: url('${c}') format('woff2');
+src: url('${l}') format('woff2');
 font-display: fallback;
 font-weight: ${s};
 }
@@ -3168,18 +3201,7 @@ font-weight: ${s};
 }, getCss = ({
   cssCode: e,
   contentId: t
-}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "";
-function ContentStyles(e) {
-  const [t, n] = useState(
-    () => `
-${getCss({
-      cssCode: e.cssCode,
-      contentId: e.contentId
-    })}
-${getFontCss({
-      customFonts: e.customFonts
-    })}
-
+}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", DEFAULT_STYLES = `
 .builder-button {
   all: unset;
 }
@@ -3196,6 +3218,18 @@ ${getFontCss({
   text-align: inherit;
   font-family: inherit;
 }
+`, getDefaultStyles = (e) => e ? "" : DEFAULT_STYLES;
+function ContentStyles(e) {
+  const [t, n] = useState(
+    () => `
+${getCss({
+      cssCode: e.cssCode,
+      contentId: e.contentId
+    })}
+${getFontCss({
+      customFonts: e.customFonts
+    })}
+${getDefaultStyles(e.isNestedRender)}
 `.trim()
   );
   return /* @__PURE__ */ jsx(InlinedStyles, { styles: t });
@@ -3207,8 +3241,8 @@ const getRootStateInitialValue = ({
 }) => {
   var a, r, s;
   const o = {}, i = ((a = e == null ? void 0 : e.data) == null ? void 0 : a.state) || {};
-  return (s = (r = e == null ? void 0 : e.data) == null ? void 0 : r.inputs) == null || s.forEach((l) => {
-    l.name && l.defaultValue !== void 0 && (o[l.name] = l.defaultValue);
+  return (s = (r = e == null ? void 0 : e.data) == null ? void 0 : r.inputs) == null || s.forEach((c) => {
+    c.name && c.defaultValue !== void 0 && (o[c.name] = c.defaultValue);
   }), {
     ...o,
     ...i,
@@ -3229,22 +3263,22 @@ const getRootStateInitialValue = ({
   meta: e == null ? void 0 : e.meta
 } : void 0;
 function ContentComponent(e) {
-  var l, c, d, h, y, m, u;
+  var c, l, d, u, m, g, h;
   const [t, n] = useState(
     () => {
-      var f, k;
+      var y, T;
       return getUpdateVariantVisibilityScript({
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
-        variationId: (f = e.content) == null ? void 0 : f.testVariationId,
+        variationId: (y = e.content) == null ? void 0 : y.testVariationId,
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
-        contentId: (k = e.content) == null ? void 0 : k.id
+        contentId: (T = e.content) == null ? void 0 : T.id
       });
     }
   );
-  function o(f) {
-    s((k) => ({
-      ...k,
-      rootState: f
+  function o(y) {
+    s((T) => ({
+      ...T,
+      rootState: y
     }));
   }
   const [i, a] = useState(
@@ -3252,10 +3286,10 @@ function ContentComponent(e) {
       ...getDefaultRegisteredComponents(),
       ...e.customComponents || []
     ].reduce(
-      (f, { component: k, ...R }) => ({
-        ...f,
+      (y, { component: T, ...R }) => ({
+        ...y,
         [R.name]: {
-          component: k,
+          component: T,
           ...serializeComponentInfo(R)
         }
       }),
@@ -3280,8 +3314,8 @@ function ContentComponent(e) {
       ...getDefaultRegisteredComponents(),
       ...e.customComponents || []
     ].reduce(
-      (f, { component: k, ...R }) => ({
-        ...f,
+      (y, { component: T, ...R }) => ({
+        ...y,
         [R.name]: serializeComponentInfo(R)
       }),
       {}
@@ -3315,19 +3349,20 @@ function ContentComponent(e) {
           trustedHosts: e.trustedHosts,
           setBuilderContextSignal: s,
           children: [
-            e.isSsrAbTest ? /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(InlinedScript, { scriptStr: t }) }) : null,
-            /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+            e.isSsrAbTest ? /* @__PURE__ */ jsx(InlinedScript, { scriptStr: t }) : null,
+            /* @__PURE__ */ jsx(
               ContentStyles,
               {
-                contentId: (l = r.content) == null ? void 0 : l.id,
-                cssCode: (d = (c = r.content) == null ? void 0 : c.data) == null ? void 0 : d.cssCode,
-                customFonts: (y = (h = r.content) == null ? void 0 : h.data) == null ? void 0 : y.customFonts
+                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
               }
-            ) }),
+            ),
             /* @__PURE__ */ jsx(
               Blocks,
               {
-                blocks: (u = (m = r.content) == null ? void 0 : m.data) == null ? void 0 : u.blocks,
+                blocks: (h = (g = r.content) == null ? void 0 : g.data) == null ? void 0 : h.blocks,
                 context: r,
                 registeredComponents: i,
                 linkComponent: e.linkComponent
@@ -3348,23 +3383,23 @@ function ContentVariants(e) {
     })
   );
   function o() {
-    var l;
+    var c;
     return getUpdateCookieAndStylesScript(
-      getVariants(e.content).map((c) => ({
-        id: c.testVariationId,
-        testRatio: c.testRatio
+      getVariants(e.content).map((l) => ({
+        id: l.testVariationId,
+        testRatio: l.testRatio
       })),
-      ((l = e.content) == null ? void 0 : l.id) || ""
+      ((c = e.content) == null ? void 0 : c.id) || ""
     );
   }
   function i() {
-    return getVariants(e.content).map((l) => `.variant-${l.testVariationId} { display: none; } `).join("");
+    return getVariants(e.content).map((c) => `.variant-${c.testVariationId} { display: none; } `).join("");
   }
   function a() {
-    var l;
+    var c;
     return t ? {
       ...e.content,
-      testVariationId: (l = e.content) == null ? void 0 : l.id
+      testVariationId: (c = e.content) == null ? void 0 : c.id
     } : handleABTestingSync({
       item: e.content,
       canTrack: getDefaultCanTrack(e.canTrack)
@@ -3372,7 +3407,7 @@ function ContentVariants(e) {
   }
   return useEffect(() => {
   }, []), /* @__PURE__ */ jsxs(Fragment, { children: [
-    !e.__isNestedRender && TARGET !== "reactNative" ? /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(InlinedScript, { scriptStr: getScriptString() }) }) : null,
+    !e.isNestedRender && TARGET !== "reactNative" ? /* @__PURE__ */ jsx(InlinedScript, { scriptStr: getScriptString() }) : null,
     t ? /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(
         InlinedStyles,
@@ -3382,10 +3417,11 @@ function ContentVariants(e) {
         }
       ),
       /* @__PURE__ */ jsx(InlinedScript, { scriptStr: o() }),
-      (s = getVariants(e.content)) == null ? void 0 : s.map((l) => /* @__PURE__ */ jsx(
+      (s = getVariants(e.content)) == null ? void 0 : s.map((c) => /* @__PURE__ */ jsx(
         ContentComponent,
         {
-          content: l,
+          isNestedRender: e.isNestedRender,
+          content: c,
           showContent: !1,
           model: e.model,
           data: e.data,
@@ -3404,12 +3440,13 @@ function ContentVariants(e) {
           contentWrapperProps: e.contentWrapperProps,
           trustedHosts: e.trustedHosts
         },
-        l.testVariationId
+        c.testVariationId
       ))
     ] }) : null,
     /* @__PURE__ */ jsx(
       ContentComponent,
       {
+        isNestedRender: e.isNestedRender,
         content: a(),
         showContent: !0,
         model: e.model,
@@ -3452,26 +3489,26 @@ const fetchSymbolContent = async ({
     });
 };
 function Symbol$1(e) {
-  var a, r, s, l;
+  var a, r, s, c;
   function t() {
-    var c, d;
+    var l, d;
     return [
       e.attributes[getClassPropName()],
       "builder-symbol",
-      (c = e.symbol) != null && c.inline ? "builder-inline-symbol" : void 0,
+      (l = e.symbol) != null && l.inline ? "builder-inline-symbol" : void 0,
       (d = e.symbol) != null && d.dynamic || e.dynamic ? "builder-dynamic-symbol" : void 0
     ].filter(Boolean).join(" ");
   }
   const [n, o] = useState(() => {
-    var c;
-    return (c = e.symbol) == null ? void 0 : c.content;
+    var l;
+    return (l = e.symbol) == null ? void 0 : l.content;
   });
   function i() {
     n || fetchSymbolContent({
       symbol: e.symbol,
       builderContextValue: e.builderContext
-    }).then((c) => {
-      c && o(c);
+    }).then((l) => {
+      l && o(l);
     });
   }
   return useEffect(() => {
@@ -3480,7 +3517,7 @@ function Symbol$1(e) {
   }, [e.symbol]), /* @__PURE__ */ jsx("div", { ...e.attributes, className: t(), children: /* @__PURE__ */ jsx(
     ContentVariants,
     {
-      __isNestedRender: !0,
+      isNestedRender: !0,
       apiVersion: e.builderContext.apiVersion,
       apiKey: e.builderContext.apiKey,
       context: {
@@ -3493,7 +3530,7 @@ function Symbol$1(e) {
         ...e.builderContext.localState,
         ...(s = n == null ? void 0 : n.data) == null ? void 0 : s.state
       },
-      model: (l = e.symbol) == null ? void 0 : l.model,
+      model: (c = e.symbol) == null ? void 0 : c.model,
       content: n,
       linkComponent: e.builderLinkComponent,
       blocksWrapper: "div",