@builder.io/sdk-react 1.0.12 → 1.0.13

package/lib/browser/blocks-exports.mjs

@@ -1,15 +1,15 @@
 "use client";
-var je = Object.defineProperty;
-var Ue = (e, t, n) => t in e ? je(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var oe = (e, t, n) => (Ue(e, typeof t != "symbol" ? t + "" : t, n), n);
-import { jsx as c, Fragment as E, jsxs as N } from "react/jsx-runtime";
-import { TARGET as Y, isEditing as L, isBrowser as q, getUserAttributes as He, checkIsDefined as Z, logger as _, fastClone as se, registerInsertMenu as Ke, setupBrowserForEditing as qe, createRegisterComponentMessage as _e, getDefaultCanTrack as ee, _track as be, isPreviewing as ze, fetchOneEntry as Ee, createEditorListener as Je, fetch as Ye, serializeComponentInfo as ye, handleABTestingSync as Ge } from "./server-entry-34e4efb1.js";
-import { createContext as Re, useState as S, useEffect as W, useContext as pe, useRef as ne, createElement as ce } from "react";
+var Ue = Object.defineProperty;
+var je = (e, t, n) => t in e ? Ue(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
+var oe = (e, t, n) => (je(e, typeof t != "symbol" ? t + "" : t, n), n);
+import { jsx as c, Fragment as E, jsxs as F } from "react/jsx-runtime";
+import { TARGET as Y, isEditing as L, isBrowser as q, getUserAttributes as He, checkIsDefined as Z, logger as z, fastClone as se, registerInsertMenu as Ke, setupBrowserForEditing as qe, createRegisterComponentMessage as ze, getDefaultCanTrack as ee, _track as be, isPreviewing as _e, fetchOneEntry as Ee, createEditorListener as Je, fetch as Ye, serializeComponentInfo as ye, handleABTestingSync as Ge } from "./server-entry-1a840bf8.js";
+import { createContext as Re, useState as S, useEffect as A, useContext as pe, useRef as ne, createElement as ce } from "react";
 const Qe = /* @__PURE__ */ new Set(["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"]), Xe = (e) => typeof e == "string" && Qe.has(e.toLowerCase());
 function de(e) {
   return /* @__PURE__ */ c(E, { children: Xe(e.TagName) ? /* @__PURE__ */ c(E, { children: /* @__PURE__ */ c(e.TagName, { ...e.attributes, ...e.actionAttributes }) }) : /* @__PURE__ */ c(E, { children: typeof e.TagName == "string" ? /* @__PURE__ */ c(e.TagName, { ...e.attributes, ...e.actionAttributes, children: e.children }) : /* @__PURE__ */ c(e.TagName, { ...e.attributes, ...e.actionAttributes, children: e.children }) }) });
 }
-const z = () => {
+const _ = () => {
   switch (Y) {
     case "react":
     case "reactNative":
@@ -28,7 +28,7 @@ function Ze(e) {
     {
       attributes: {
         ...e.attributes,
-        [z()]: `${e.link ? "" : "builder-button"} ${e.attributes[z()] || ""}`,
+        [_()]: `${e.link ? "" : "builder-button"} ${e.attributes[_()] || ""}`,
         ...e.link ? {
           href: e.link,
           target: e.openLinkInNewTab ? "_blank" : void 0,
@@ -142,7 +142,7 @@ const at = () => {
   if (!ot())
     return !1;
   const e = process.arch === "arm64", t = process.version.startsWith("v20"), n = (i = process.env.NODE_OPTIONS) == null ? void 0 : i.includes("--no-node-snapshot");
-  return e && t && !n ? (_.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;
+  return e && t && !n ? (z.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;
 }, rt = (e) => (q() || at(), Se(e)), D = class D {
   static getCacheKey(t) {
     return JSON.stringify({
@@ -174,7 +174,7 @@ function J({
   enableCache: l
 }) {
   if (e === "") {
-    _.warn("Skipping evaluation of empty code block.");
+    z.warn("Skipping evaluation of empty code block.");
     return;
   }
   const d = {
@@ -201,7 +201,7 @@ function J({
     }
     return s;
   } catch (s) {
-    _.error("Failed code evaluation: " + s.message, {
+    z.error("Failed code evaluation: " + s.message, {
       code: e
     });
     return;
@@ -273,7 +273,7 @@ function st(e, t, n = {}) {
     return i = this, o = arguments, u <= 0 || u > t ? (r && (clearTimeout(r), r = null), l = s, a = e.apply(i, o), r || (i = o = null)) : !r && n.trailing !== !1 && (r = setTimeout(d, u)), a;
   };
 }
-function j(e, ...t) {
+function U(e, ...t) {
   const n = Object(e);
   for (let i = 1; i < arguments.length; i++) {
     const o = arguments[i];
@@ -288,7 +288,7 @@ function ct(e) {
   for (const t of e)
     switch (t.trigger) {
       case "pageLoad":
-        We(t);
+        Ae(t);
         break;
       case "hover":
         ut(t);
@@ -314,15 +314,15 @@ function dt(e) {
       t.indexOf(i) === -1 && t.push(i);
   return t;
 }
-function We(e) {
+function Ae(e) {
   const t = Array.prototype.slice.call(document.getElementsByClassName(e.elementId || e.id || ""));
   if (!t.length) {
     fe(e.elementId || e.id || "");
     return;
   }
   Array.from(t).forEach((n) => {
-    he(e, n), n.style.transition = "none", n.style.transitionDelay = "0", j(n.style, e.steps[0].styles), setTimeout(() => {
-      n.style.transition = `all ${e.duration}s ${me(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s"), j(n.style, e.steps[1].styles), setTimeout(() => {
+    he(e, n), n.style.transition = "none", n.style.transitionDelay = "0", U(n.style, e.steps[0].styles), setTimeout(() => {
+      n.style.transition = `all ${e.duration}s ${me(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s"), U(n.style, e.steps[1].styles), setTimeout(() => {
         n.style.transition = "", n.style.transitionDelay = "";
       }, (e.delay || 0) * 1e3 + e.duration * 1e3 + 100);
     });
@@ -338,10 +338,10 @@ function ut(e) {
     he(e, n);
     const i = e.steps[0].styles, o = e.steps[1].styles;
     function a() {
-      j(n.style, i);
+      U(n.style, i);
     }
     function r() {
-      j(n.style, o);
+      U(n.style, o);
     }
     a(), n.addEventListener("mouseenter", r), n.addEventListener("mouseleave", a), setTimeout(() => {
       n.style.transition = `all ${e.duration}s ${me(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s");
@@ -359,10 +359,10 @@ function mt(e) {
     let i = !1, o = !1;
     function a() {
       !i && l(n) ? (i = !0, o = !0, setTimeout(() => {
-        j(n.style, e.steps[1].styles), e.repeat || document.removeEventListener("scroll", r), setTimeout(() => {
+        U(n.style, e.steps[1].styles), e.repeat || document.removeEventListener("scroll", r), setTimeout(() => {
           o = !1, e.repeat || (n.style.transition = "", n.style.transitionDelay = "");
         }, (e.duration + (e.delay || 0)) * 1e3 + 100);
-      })) : e.repeat && i && !o && !l(n) && (i = !1, j(n.style, e.steps[0].styles));
+      })) : e.repeat && i && !o && !l(n) && (i = !1, U(n.style, e.steps[0].styles));
     }
     const r = st(a, 200, {
       leading: !1
@@ -373,7 +373,7 @@ function mt(e) {
     }
     const d = e.steps[0].styles;
     function s() {
-      j(n.style, d);
+      U(n.style, d);
     }
     s(), setTimeout(() => {
       n.style.transition = `all ${e.duration}s ${me(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s");
@@ -383,10 +383,10 @@ function mt(e) {
     }), a();
   });
 }
-const ft = (e) => e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase(), Ae = (e) => Object.entries(e).map(([n, i]) => {
+const ft = (e) => e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase(), We = (e) => Object.entries(e).map(([n, i]) => {
   if (typeof i == "string")
     return `${ft(n)}: ${i};`;
-}).filter(Z), ht = (e) => Ae(e).join(`
+}).filter(Z), ht = (e) => We(e).join(`
 `), ae = ({
   mediaQuery: e,
   className: t,
@@ -407,17 +407,17 @@ function gt({
 const bt = ({
   block: e,
   context: t
-}) => Fe(gt({
+}) => Ne(gt({
   style: e.style || {},
   context: t,
   block: e
 }));
-function Fe(e) {
+function Ne(e) {
   switch (Y) {
     case "svelte":
     case "vue":
     case "solid":
-      return Ae(e).join(" ");
+      return We(e).join(" ");
     case "qwik":
     case "reactNative":
     case "react":
@@ -481,7 +481,7 @@ const yt = ({
     },
     block: i
   }));
-}, Ne = {
+}, Fe = {
   small: {
     min: 320,
     default: 321,
@@ -497,11 +497,11 @@ const yt = ({
     default: 991,
     max: 1200
   }
-}, xe = (e, t = Ne) => `@media (max-width: ${t[e].max}px)`, $e = ({
+}, xe = (e, t = Fe) => `@media (max-width: ${t[e].max}px)`, $e = ({
   small: e,
   medium: t
 }) => {
-  const n = se(Ne);
+  const n = se(Fe);
   if (!e || !t)
     return n;
   const i = Math.floor(e / 2);
@@ -630,7 +630,7 @@ function ge({
       block: e,
       context: t
     }),
-    [z()]: [e.id, "builder-block", e.class, (i = e.properties) == null ? void 0 : i.class].filter(Boolean).join(" ")
+    [_()]: [e.id, "builder-block", e.class, (i = e.properties) == null ? void 0 : i.class].filter(Boolean).join(" ")
   };
   return Ct({
     properties: n,
@@ -818,7 +818,7 @@ function G(e) {
       isInteractive: !((P = t == null ? void 0 : t()) != null && P.isRSC)
     };
   }
-  return W(() => {
+  return A(() => {
     const m = i().id, h = i().animations;
     h && m && ct(
       h.filter((b) => b.trigger !== "hover").map((b) => ({
@@ -826,7 +826,7 @@ function G(e) {
         elementId: m
       }))
     );
-  }, []), /* @__PURE__ */ c(E, { children: a() ? /* @__PURE__ */ N(E, { children: [
+  }, []), /* @__PURE__ */ c(E, { children: a() ? /* @__PURE__ */ F(E, { children: [
     /* @__PURE__ */ c(St, { block: e.block, context: e.context }),
     (d = t == null ? void 0 : t()) != null && d.noWrap ? /* @__PURE__ */ c(E, { children: /* @__PURE__ */ c(
       ve,
@@ -850,7 +850,7 @@ function G(e) {
         linkComponent: e.linkComponent
       },
       h
-    )) }) : /* @__PURE__ */ N(
+    )) }) : /* @__PURE__ */ F(
       It,
       {
         Wrapper: o(),
@@ -918,7 +918,7 @@ function Pt(e) {
       "*"
     ));
   }
-  return /* @__PURE__ */ N(E, { children: [
+  return /* @__PURE__ */ F(E, { children: [
     /* @__PURE__ */ c(
       e.BlocksWrapper,
       {
@@ -1065,8 +1065,8 @@ function Vt(e) {
         },
       `;
   }
-  return /* @__PURE__ */ N(E, { children: [
-    /* @__PURE__ */ N(
+  return /* @__PURE__ */ F(E, { children: [
+    /* @__PURE__ */ F(
       "div",
       {
         className: `builder-columns ${e.builderBlock.id}-breakpoints div-5e636bea`,
@@ -1082,8 +1082,8 @@ function Vt(e) {
                 ...p.link ? {
                   href: p.link
                 } : {},
-                [z()]: "builder-column",
-                style: Fe(y(w))
+                [_()]: "builder-column",
+                style: Ne(y(w))
               },
               children: /* @__PURE__ */ c(
                 K,
@@ -1117,11 +1117,11 @@ function Bt(e) {
 function ke(e) {
   return e.replace(/http(s)?:/, "");
 }
-function Wt(e = "", t, n) {
+function At(e = "", t, n) {
   const i = new RegExp("([?&])" + t + "=.*?(&|$)", "i"), o = e.indexOf("?") !== -1 ? "&" : "?";
   return e.match(i) ? e.replace(i, "$1" + t + "=" + encodeURIComponent(n) + "$2") : e + o + t + "=" + encodeURIComponent(n);
 }
-function At(e, t) {
+function Wt(e, t) {
   if (!e || !(e != null && e.match(/cdn\.shopify\.com/)) || !t)
     return e;
   if (t === "master")
@@ -1140,11 +1140,11 @@ function re(e) {
   if (e.match(/builder\.io/)) {
     let n = e;
     const i = Number(e.split("?width=")[1]);
-    return isNaN(i) || (n = `${n} ${i}w`), t.filter((o) => o !== i).map((o) => `${Wt(e, "width", o)} ${o}w`).concat([n]).join(", ");
+    return isNaN(i) || (n = `${n} ${i}w`), t.filter((o) => o !== i).map((o) => `${At(e, "width", o)} ${o}w`).concat([n]).join(", ");
   }
-  return e.match(/cdn\.shopify\.com/) ? t.map((n) => [At(e, `${n}x${n}`), n]).filter(([n]) => !!n).map(([n, i]) => `${n} ${i}w`).concat([e]).join(", ") : e;
+  return e.match(/cdn\.shopify\.com/) ? t.map((n) => [Wt(e, `${n}x${n}`), n]).filter(([n]) => !!n).map(([n, i]) => `${n} ${i}w`).concat([e]).join(", ") : e;
 }
-function Ft(e) {
+function Nt(e) {
   var o, a, r, l;
   function t() {
     var u;
@@ -1174,9 +1174,9 @@ function Ft(e) {
     };
     return e.aspectRatio ? d : void 0;
   }
-  return /* @__PURE__ */ N(E, { children: [
-    /* @__PURE__ */ N(E, { children: [
-      /* @__PURE__ */ N("picture", { children: [
+  return /* @__PURE__ */ F(E, { children: [
+    /* @__PURE__ */ F(E, { children: [
+      /* @__PURE__ */ F("picture", { children: [
         n() ? /* @__PURE__ */ c("source", { type: "image/webp", srcSet: n() }) : null,
         /* @__PURE__ */ c(
           "img",
@@ -1227,7 +1227,7 @@ function Ft(e) {
 }` })
   ] });
 }
-function Nt(e) {
+function Ft(e) {
   return /* @__PURE__ */ c(
     "section",
     {
@@ -1627,7 +1627,7 @@ const $t = {
       }
     }
   }]
-}, jt = {
+}, Ut = {
   name: "Slot",
   isRSC: !0,
   description: "Allow child blocks to be inserted into this content when used as a Symbol",
@@ -1641,7 +1641,7 @@ const $t = {
     defaultValue: "children"
   }]
 };
-function Ut(e) {
+function jt(e) {
   var t, n, i;
   return /* @__PURE__ */ c(
     "div",
@@ -1729,7 +1729,7 @@ function qt(e) {
     }
   );
 }
-const _t = {
+const zt = {
   name: "Custom Code",
   static: !0,
   requiredPermissions: ["editCode"],
@@ -1752,9 +1752,9 @@ const _t = {
     advanced: !0
   }]
 };
-function zt(e) {
+function _t(e) {
   const t = ne(null), [n, i] = S(() => []), [o, a] = S(() => []);
-  return W(() => {
+  return A(() => {
     var l;
     if (!((l = t.current) != null && l.getElementsByTagName) || typeof window == "undefined")
       return;
@@ -1836,7 +1836,7 @@ function Qt(e) {
         }
     }
   }
-  return W(() => {
+  return A(() => {
     t.current && !r && (l(!0), d());
   }, [t.current, r]), /* @__PURE__ */ c(
     "div",
@@ -2127,8 +2127,8 @@ function nn(e) {
           } else if (f.type === "checkbox")
             I = f.checked;
           else if (f.type === "number" || f.type === "range") {
-            const A = f.valueAsNumber;
-            isNaN(A) || (I = A);
+            const W = f.valueAsNumber;
+            isNaN(W) || (I = W);
           } else
             f.type === "file" ? I = f.files : I = f.value;
         else
@@ -2165,15 +2165,15 @@ function nn(e) {
           let I;
           const $ = f.headers.get("content-type");
           if ($ && $.indexOf("application/json") !== -1 ? I = await f.json() : I = await f.text(), !f.ok && e.errorMessagePath) {
-            let A = tn(I, e.errorMessagePath);
-            A && (typeof A != "string" && (A = JSON.stringify(A)), l(A), d({ formErrorMessage: A }));
+            let W = tn(I, e.errorMessagePath);
+            W && (typeof W != "string" && (W = JSON.stringify(W)), l(W), d({ formErrorMessage: W }));
           }
           if (a(I), i(f.ok ? "success" : "error"), f.ok) {
-            const A = new CustomEvent("submit:success", {
+            const W = new CustomEvent("submit:success", {
               detail: { res: f, body: I }
             });
             if (t.current) {
-              if (t.current.dispatchEvent(A), A.defaultPrevented)
+              if (t.current.dispatchEvent(W), W.defaultPrevented)
                 return;
               e.resetFormOnSubmit !== !1 && t.current.reset();
             }
@@ -2196,9 +2196,9 @@ function nn(e) {
       );
     }
   }
-  return /* @__PURE__ */ N(E, { children: [
+  return /* @__PURE__ */ F(E, { children: [
     " ",
-    /* @__PURE__ */ N(
+    /* @__PURE__ */ F(
       "form",
       {
         validate: e.validate,
@@ -2543,7 +2543,7 @@ function fn(e) {
       ...t()
     };
   }
-  return /* @__PURE__ */ N(
+  return /* @__PURE__ */ F(
     "div",
     {
       style: {
@@ -2619,8 +2619,8 @@ function fn(e) {
   );
 }
 const hn = () => [{
-  component: zt,
-  ..._t
+  component: _t,
+  ...zt
 }, {
   component: Qt,
   ...Jt
@@ -2652,16 +2652,16 @@ const hn = () => [{
   component: Bt,
   ...Dt
 }, {
-  component: Ft,
+  component: Nt,
   ...Mt
 }, {
-  component: Nt,
+  component: Ft,
   ...Ot
 }, {
-  component: Ut,
-  ...jt
+  component: jt,
+  ...Ut
 }, {
-  component: Fn,
+  component: $n,
   ...Ht
 }, {
   component: qt,
@@ -2828,7 +2828,7 @@ const kn = (e, t, n = !0) => {
   };
 };
 function In(e) {
-  var P, M, O, f, I, $, A;
+  var P, M, O, f, I, $, W;
   const t = ne(null), [n, i] = S(() => 0);
   S(() => !0);
   function o(g) {
@@ -2843,7 +2843,7 @@ function In(e) {
     }));
   }
   function a(g) {
-    var v, k, C, F, U;
+    var v, k, C, N, j;
     const x = {
       ...e.builderContextSignal.content,
       ...g,
@@ -2854,7 +2854,7 @@ function In(e) {
       meta: {
         ...(k = e.builderContextSignal.content) == null ? void 0 : k.meta,
         ...g == null ? void 0 : g.meta,
-        breakpoints: ((C = g == null ? void 0 : g.meta) == null ? void 0 : C.breakpoints) || ((U = (F = e.builderContextSignal.content) == null ? void 0 : F.meta) == null ? void 0 : U.breakpoints)
+        breakpoints: ((C = g == null ? void 0 : g.meta) == null ? void 0 : C.breakpoints) || ((j = (N = e.builderContextSignal.content) == null ? void 0 : N.meta) == null ? void 0 : j.breakpoints)
       }
     };
     e.setBuilderContextSignal((Q) => ({
@@ -2883,7 +2883,7 @@ function In(e) {
           }), i(n + 1));
         },
         animation: (x) => {
-          We(x);
+          Ae(x);
         },
         contentUpdate: (x) => {
           a(x), i(n + 1);
@@ -2940,12 +2940,12 @@ function In(e) {
   }
   function p({ url: g, key: x }) {
     Ye(g).then((v) => v.json()).then((v) => {
-      var C, F;
+      var C, N;
       const k = {
         ...e.builderContextSignal.rootState,
         [x]: v
       };
-      (F = (C = e.builderContextSignal).rootSetState) == null || F.call(C, k), h[x] = !0;
+      (N = (C = e.builderContextSignal).rootSetState) == null || N.call(C, k), h[x] = !0;
     }).catch((v) => {
       console.error("error fetching dynamic data", g, v);
     });
@@ -2953,11 +2953,11 @@ function In(e) {
   function w() {
     var x, v, k;
     const g = (k = (v = (x = e.builderContextSignal.content) == null ? void 0 : x.data) == null ? void 0 : v.httpRequests) != null ? k : {};
-    Object.entries(g).forEach(([C, F]) => {
-      if (F && (!h[C] || L())) {
-        const U = B(F);
+    Object.entries(g).forEach(([C, N]) => {
+      if (N && (!h[C] || L())) {
+        const j = B(N);
         p({
-          url: U,
+          url: j,
           key: C
         });
       }
@@ -2978,7 +2978,7 @@ function In(e) {
       )
     );
   }
-  return W(() => {
+  return A(() => {
     var g, x;
     if (q()) {
       if (L() && (i(n + 1), window.addEventListener("message", u), Ke(), qe({
@@ -2994,27 +2994,27 @@ function In(e) {
       }), Object.values(
         e.builderContextSignal.componentInfos
       ).forEach((k) => {
-        var F;
-        const C = _e(k);
-        (F = window.parent) == null || F.postMessage(C, "*");
+        var N;
+        const C = ze(k);
+        (N = window.parent) == null || N.postMessage(C, "*");
       }), window.addEventListener(
         "builder:component:stateChangeListenerActivated",
         V
       )), e.builderContextSignal.content && ee(e.canTrack)) {
-        const k = (g = e.builderContextSignal.content) == null ? void 0 : g.testVariationId, C = (x = e.builderContextSignal.content) == null ? void 0 : x.id, F = e.apiKey;
+        const k = (g = e.builderContextSignal.content) == null ? void 0 : g.testVariationId, C = (x = e.builderContextSignal.content) == null ? void 0 : x.id, N = e.apiKey;
         be({
           type: "impression",
           canTrack: !0,
           contentId: C,
-          apiKey: F,
+          apiKey: N,
           variationId: k !== C ? k : void 0
         });
       }
-      if (ze()) {
-        const k = new URL(location.href).searchParams, C = k.get("builder.preview"), F = k.get(
+      if (_e()) {
+        const k = new URL(location.href).searchParams, C = k.get("builder.preview"), N = k.get(
           `builder.preview.${C}`
-        ), U = k.get("apiKey") || k.get("builder.space");
-        C === e.model && U === e.apiKey && (!e.content || F === e.content.id) && Ee({
+        ), j = k.get("apiKey") || k.get("builder.space");
+        C === e.model && j === e.apiKey && (!e.content || N === e.content.id) && Ee({
           model: e.model,
           apiKey: e.apiKey,
           apiVersion: e.builderContextSignal.apiVersion
@@ -3023,26 +3023,26 @@ function In(e) {
         });
       }
     }
-  }, []), W(() => {
-    e.apiKey || _.error(
+  }, []), A(() => {
+    e.apiKey || z.error(
       "No API key provided to `RenderContent` component. This can cause issues. Please provide an API key using the `apiKey` prop."
     ), m(), w(), V();
-  }, []), W(() => {
+  }, []), A(() => {
     e.content && a(e.content);
-  }, [e.content]), W(() => {
-  }, [r]), W(() => {
+  }, [e.content]), A(() => {
+  }, [r]), A(() => {
     m();
-  }, [(M = (P = e.builderContextSignal.content) == null ? void 0 : P.data) == null ? void 0 : M.jsCode]), W(() => {
+  }, [(M = (P = e.builderContextSignal.content) == null ? void 0 : P.data) == null ? void 0 : M.jsCode]), A(() => {
     w();
-  }, [(f = (O = e.builderContextSignal.content) == null ? void 0 : O.data) == null ? void 0 : f.httpRequests]), W(() => {
+  }, [(f = (O = e.builderContextSignal.content) == null ? void 0 : O.data) == null ? void 0 : f.httpRequests]), A(() => {
     V();
-  }, [e.builderContextSignal.rootState]), W(() => {
+  }, [e.builderContextSignal.rootState]), A(() => {
     e.data && o(e.data);
-  }, [e.data]), W(() => {
+  }, [e.data]), A(() => {
     e.locale && o({
       locale: e.locale
     });
-  }, [e.locale]), W(() => () => {
+  }, [e.locale]), A(() => () => {
     q() && (window.removeEventListener("message", u), window.removeEventListener(
       "builder:component:stateChangeListenerActivated",
       V
@@ -3060,7 +3060,7 @@ function In(e) {
         "aria-hidden": !0
       },
       ...e.contentWrapperProps,
-      className: `variant-${(($ = e.content) == null ? void 0 : $.testVariationId) || ((A = e.content) == null ? void 0 : A.id)}`
+      className: `variant-${(($ = e.content) == null ? void 0 : $.testVariationId) || ((W = e.content) == null ? void 0 : W.id)}`
     },
     e.children
   ) : null });
@@ -3099,18 +3099,7 @@ font-weight: ${l};
 }, Rn = ({
   cssCode: e,
   contentId: t
-}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "";
-function Pn(e) {
-  const [t, n] = S(
-    () => `
-${Rn({
-      cssCode: e.cssCode,
-      contentId: e.contentId
-    })}
-${En({
-      customFonts: e.customFonts
-    })}
-
+}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", Pn = `
 .builder-button {
   all: unset;
 }
@@ -3127,11 +3116,23 @@ ${En({
   text-align: inherit;
   font-family: inherit;
 }
+`, Vn = (e) => e ? "" : Pn;
+function Bn(e) {
+  const [t, n] = S(
+    () => `
+${Rn({
+      cssCode: e.cssCode,
+      contentId: e.contentId
+    })}
+${En({
+      customFonts: e.customFonts
+    })}
+${Vn(e.isNestedRender)}
 `.trim()
   );
   return /* @__PURE__ */ c(ie, { styles: t });
 }
-const Vn = ({
+const An = ({
   content: e,
   data: t,
   locale: n
@@ -3148,7 +3149,7 @@ const Vn = ({
       locale: n
     } : {}
   };
-}, Bn = ({
+}, Wn = ({
   content: e,
   data: t
 }) => e ? {
@@ -3193,12 +3194,12 @@ function Te(e) {
       {}
     )
   ), [r, l] = S(() => ({
-    content: Bn({
+    content: Wn({
       content: e.content,
       data: e.data
     }),
     localState: void 0,
-    rootState: Vn({
+    rootState: An({
       content: e.content,
       data: e.data,
       locale: e.locale
@@ -3227,7 +3228,7 @@ function Te(e) {
       value: {
         registeredComponents: o
       },
-      children: /* @__PURE__ */ N(
+      children: /* @__PURE__ */ F(
         In,
         {
           content: e.content,
@@ -3248,8 +3249,9 @@ function Te(e) {
           children: [
             e.isSsrAbTest ? /* @__PURE__ */ c(le, { scriptStr: t }) : null,
             /* @__PURE__ */ c(
-              Pn,
+              Bn,
               {
+                isNestedRender: e.isNestedRender,
                 contentId: (d = r.content) == null ? void 0 : d.id,
                 cssCode: (u = (s = r.content) == null ? void 0 : s.data) == null ? void 0 : u.cssCode,
                 customFonts: (h = (m = r.content) == null ? void 0 : m.data) == null ? void 0 : h.customFonts
@@ -3270,7 +3272,7 @@ function Te(e) {
     }
   );
 }
-function Wn(e) {
+function Nn(e) {
   var r, l;
   const [t, n] = S(
     () => yn({
@@ -3301,10 +3303,10 @@ function Wn(e) {
       canTrack: ee(e.canTrack)
     });
   }
-  return W(() => {
-  }, []), /* @__PURE__ */ N(E, { children: [
-    !e.__isNestedRender && Y !== "reactNative" ? /* @__PURE__ */ c(le, { scriptStr: Sn() }) : null,
-    t ? /* @__PURE__ */ N(E, { children: [
+  return A(() => {
+  }, []), /* @__PURE__ */ F(E, { children: [
+    !e.isNestedRender && Y !== "reactNative" ? /* @__PURE__ */ c(le, { scriptStr: Sn() }) : null,
+    t ? /* @__PURE__ */ F(E, { children: [
       /* @__PURE__ */ c(
         ie,
         {
@@ -3316,6 +3318,7 @@ function Wn(e) {
       (l = X(e.content)) == null ? void 0 : l.map((d) => /* @__PURE__ */ c(
         Te,
         {
+          isNestedRender: e.isNestedRender,
           content: d,
           showContent: !1,
           model: e.model,
@@ -3341,6 +3344,7 @@ function Wn(e) {
     /* @__PURE__ */ c(
       Te,
       {
+        isNestedRender: e.isNestedRender,
         content: a(),
         showContent: !0,
         model: e.model,
@@ -3363,7 +3367,7 @@ function Wn(e) {
     )
   ] });
 }
-const An = async ({
+const Fn = async ({
   builderContextValue: e,
   symbol: t
 }) => {
@@ -3379,15 +3383,15 @@ const An = async ({
         }
       }
     }).catch((n) => {
-      _.error("Could not fetch symbol content: ", n);
+      z.error("Could not fetch symbol content: ", n);
     });
 };
-function Fn(e) {
+function $n(e) {
   var a, r, l, d;
   function t() {
     var s, u;
     return [
-      e.attributes[z()],
+      e.attributes[_()],
       "builder-symbol",
       (s = e.symbol) != null && s.inline ? "builder-inline-symbol" : void 0,
       (u = e.symbol) != null && u.dynamic || e.dynamic ? "builder-dynamic-symbol" : void 0
@@ -3398,20 +3402,20 @@ function Fn(e) {
     return (s = e.symbol) == null ? void 0 : s.content;
   });
   function o() {
-    n || An({
+    n || Fn({
       symbol: e.symbol,
       builderContextValue: e.builderContext
     }).then((s) => {
       s && i(s);
     });
   }
-  return W(() => {
-  }, []), W(() => {
+  return A(() => {
+  }, []), A(() => {
     o();
   }, [e.symbol]), /* @__PURE__ */ c("div", { ...e.attributes, className: t(), children: /* @__PURE__ */ c(
-    Wn,
+    Nn,
     {
-      __isNestedRender: !0,
+      isNestedRender: !0,
       apiVersion: e.builderContext.apiVersion,
       apiKey: e.builderContext.apiKey,
       context: {
@@ -3436,11 +3440,11 @@ export {
   K as Blocks,
   Ze as Button,
   Vt as Columns,
-  Wn as Content,
+  Nn as Content,
   Bt as Fragment,
-  Ft as Image,
-  Nt as Section,
-  Fn as Symbol,
+  Nt as Image,
+  Ft as Section,
+  $n as Symbol,
   qt as Text,
   fn as Video
 };