@builder.io/sdk-react 1.0.12 → 1.0.14

package/lib/edge/{content-variants-74109911.js → content-variants-9a129944.js}

@@ -1,11 +1,11 @@
-import { jsx as b, jsxs as U, Fragment as N } from "react/jsx-runtime";
-import { lazy as C, useRef as oe, useState as h, useEffect as y, createElement as re } from "react";
-import { isBrowser as $, TARGET as Z, isEditing as P, registerInsertMenu as se, setupBrowserForEditing as le, createRegisterComponentMessage as de, getDefaultCanTrack as W, _track as O, isPreviewing as ce, fetchOneEntry as ue, logger as me, createEditorListener as pe, fastClone as ge, fetch as fe, serializeComponentInfo as z, handleABTestingSync as he } from "./server-entry-f2d127da.js";
-import { Video as be, Button as ye, Columns as xe, Fragment as Se, Image as ve, Section as ke, Symbol as Ie, Text as Ce } from "./blocks-exports.mjs";
-import { builderContext as Te, triggerAnimation as we, evaluate as J, InlinedStyles as ee, ComponentsContext as Ve, Blocks as Re } from "./blocks-f8d5d3a0.js";
-import "./get-class-prop-name-25116ae3.js";
+import { jsx as h, jsxs as P, Fragment as K } from "react/jsx-runtime";
+import { lazy as k, useRef as te, useState as I, useEffect as S } from "react";
+import { isBrowser as U, TARGET as Q, isEditing as A, registerInsertMenu as ne, setupBrowserForEditing as ae, createRegisterComponentMessage as ie, getDefaultCanTrack as W, _track as _, isPreviewing as oe, fetchOneEntry as re, logger as se, createEditorListener as le, fastClone as de, fetch as ce, serializeComponentInfo as B, handleABTestingSync as ue } from "./server-entry-5e5c1898.js";
+import { Video as me, Button as pe, Columns as ge, Fragment as fe, Image as he, Section as be, Symbol as ye, Text as xe } from "./blocks-exports.mjs";
+import { builderContext as Se, triggerAnimation as ve, evaluate as M, InlinedStyles as G, ComponentsContext as Ie, Blocks as ke } from "./blocks-dbf6f051.js";
+import "./get-class-prop-name-83fffba1.js";
 import "./dynamic-renderer-8b343325.js";
-const Ee = {
+const Te = {
   name: "Core:Button",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",
   defaultStyles: {
@@ -38,7 +38,7 @@ const Ee = {
   }],
   static: !0,
   noWrap: !0
-}, Fe = {
+}, Ce = {
   // TODO: ways to statically preprocess JSON for references, functions, etc
   name: "Columns",
   isRSC: !0,
@@ -217,7 +217,7 @@ const Ee = {
         });
       }
       const n = e.get("columns");
-      Array.isArray(n) && n.find((c) => c.get("width")) && (n.find((m) => !m.get("width")) || n.reduce((p, d) => p + d.get("width"), 0) !== 100) && t();
+      Array.isArray(n) && n.find((u) => u.get("width")) && (n.find((p) => !p.get("width")) || n.reduce((m, r) => m + r.get("width"), 0) !== 100) && t();
     }
   }, {
     name: "space",
@@ -239,13 +239,13 @@ const Ee = {
     helperText: "When stacking columns for mobile devices, reverse the ordering",
     advanced: !0
   }]
-}, We = {
+}, we = {
   name: "Fragment",
   static: !0,
   hidden: !0,
   canHaveChildren: !0,
   noWrap: !0
-}, Ae = {
+}, Ve = {
   name: "Image",
   static: !0,
   image: "https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-insert_photo-24px.svg?alt=media&token=4e5d0ef4-f5e8-4e57-b3a9-38d63a9b9dc4",
@@ -265,29 +265,29 @@ const Ee = {
     defaultValue: "https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F72c80f114dc149019051b6852a9e3b7a",
     onChange: (e) => {
       e.delete("srcset"), e.delete("noWebp");
-      function n(i, p = 6e4) {
-        return new Promise((d, f) => {
+      function n(i, m = 6e4) {
+        return new Promise((r, f) => {
           const x = document.createElement("img");
-          let k = !1;
+          let T = !1;
           x.onload = () => {
-            k = !0, d(x);
-          }, x.addEventListener("error", (I) => {
-            console.warn("Image load failed", I.error), f(I.error);
+            T = !0, r(x);
+          }, x.addEventListener("error", (C) => {
+            console.warn("Image load failed", C.error), f(C.error);
           }), x.src = i, setTimeout(() => {
-            k || f(new Error("Image load timed out"));
-          }, p);
+            T || f(new Error("Image load timed out"));
+          }, m);
         });
       }
       function a(i) {
         return Math.round(i * 1e3) / 1e3;
       }
-      const c = e.get("image"), m = e.get("aspectRatio");
-      if (fetch(c).then((i) => i.blob()).then((i) => {
+      const u = e.get("image"), p = e.get("aspectRatio");
+      if (fetch(u).then((i) => i.blob()).then((i) => {
         i.type.includes("svg") && e.set("noWebp", !0);
-      }), c && (!m || m === 0.7041))
-        return n(c).then((i) => {
-          const p = e.get("aspectRatio");
-          e.get("image") === c && (!p || p === 0.7041) && i.width && i.height && (e.set("aspectRatio", a(i.height / i.width)), e.set("height", i.height), e.set("width", i.width));
+      }), u && (!p || p === 0.7041))
+        return n(u).then((i) => {
+          const m = e.get("aspectRatio");
+          e.get("image") === u && (!m || m === 0.7041) && i.width && i.height && (e.set("aspectRatio", a(i.height / i.width)), e.set("height", i.height), e.set("width", i.width));
         });
     }
   }, {
@@ -345,7 +345,7 @@ const Ee = {
     advanced: !0,
     defaultValue: 0.7041
   }]
-}, Pe = {
+}, Re = {
   name: "Core:Section",
   static: !0,
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F682efef23ace49afac61748dd305c70a",
@@ -384,7 +384,7 @@ const Ee = {
       }
     }
   }]
-}, Ue = {
+}, Ee = {
   name: "Slot",
   isRSC: !0,
   description: "Allow child blocks to be inserted into this content when used as a Symbol",
@@ -397,7 +397,7 @@ const Ee = {
     required: !0,
     defaultValue: "children"
   }]
-}, $e = C(() => import("./slot-45a2e0bf.js")), He = {
+}, Fe = k(() => import("./slot-495693a8.js")), We = {
   name: "Symbol",
   noWrap: !0,
   static: !0,
@@ -430,7 +430,7 @@ const Ee = {
     hideFromUI: !0,
     type: "boolean"
   }]
-}, De = {
+}, Ae = {
   name: "Text",
   static: !0,
   isRSC: !0,
@@ -448,7 +448,7 @@ const Ee = {
     height: "auto",
     textAlign: "center"
   }
-}, Le = {
+}, Pe = {
   name: "Custom Code",
   static: !0,
   requiredPermissions: ["editCode"],
@@ -470,7 +470,7 @@ const Ee = {
     helperText: "Only print and run scripts on the client. Important when scripts influence DOM that could be replaced when client loads",
     advanced: !0
   }]
-}, je = C(() => import("./custom-code-7786788e.js")), qe = {
+}, Ue = k(() => import("./custom-code-7786788e.js")), $e = {
   name: "Embed",
   static: !0,
   inputs: [{
@@ -495,7 +495,7 @@ const Ee = {
     defaultValue: '<div style="padding: 20px; text-align: center">(Choose an embed URL)<div>',
     hideFromUI: !0
   }]
-}, Ke = C(() => import("./embed-5c1bbe12.js")), _e = {
+}, De = k(() => import("./embed-5c1bbe12.js")), He = {
   name: "Form:Form",
   // editableTags: ['builder-form-error']
   defaults: {
@@ -726,7 +726,7 @@ const Ee = {
       }
     }
   }]
-}, Be = C(() => import("./form-67a4ec0b.js")), Me = {
+}, Le = k(() => import("./form-7a73e99c.js")), Ne = {
   name: "Form:Input",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fad6f37889d9e40bbbbc72cdb5875d6ca",
   inputs: [
@@ -777,7 +777,7 @@ const Ee = {
     borderStyle: "solid",
     borderColor: "#ccc"
   }
-}, Ne = C(() => import("./input-35088f50.js")), Oe = {
+}, je = k(() => import("./input-d735cf41.js")), qe = {
   name: "Form:Select",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F83acca093fb24aaf94dee136e9a4b045",
   defaultStyles: {
@@ -819,7 +819,7 @@ const Ee = {
   }],
   static: !0,
   noWrap: !0
-}, ze = C(() => import("./select-ee16e4ee.js")), Je = {
+}, Ke = k(() => import("./select-5e67472b.js")), _e = {
   name: "Form:SubmitButton",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fdf2820ffed1f4349a94c40b3221f5b98",
   defaultStyles: {
@@ -844,7 +844,7 @@ const Ee = {
   // that only shows if advanced setting is flipped
   // TODO: defaultChildren
   // canHaveChildren: true,
-}, Ye = C(() => import("./submit-button-b48361a7.js")), Qe = {
+}, Be = k(() => import("./submit-button-b48361a7.js")), Me = {
   // friendlyName?
   name: "Raw:Img",
   hideFromInsertMenu: !0,
@@ -858,7 +858,7 @@ const Ee = {
   }],
   noWrap: !0,
   static: !0
-}, Ge = C(() => import("./img-43af4666.js")), Xe = {
+}, Oe = k(() => import("./img-c944597b.js")), ze = {
   name: "Video",
   canHaveChildren: !0,
   defaultStyles: {
@@ -939,55 +939,55 @@ const Ee = {
     defaultValue: !0,
     advanced: !0
   }]
-}, Ze = () => [{
-  component: je,
-  ...Le
+}, Je = () => [{
+  component: Ue,
+  ...Pe
 }, {
-  component: Ke,
-  ...qe
+  component: De,
+  ...$e
+}, {
+  component: Le,
+  ...He
+}, {
+  component: je,
+  ...Ne
 }, {
   component: Be,
   ..._e
 }, {
-  component: Ne,
+  component: Ke,
+  ...qe
+}, {
+  component: Oe,
   ...Me
 }, {
-  component: Ye,
-  ...Je
+  component: me,
+  ...ze
+}], O = () => [{
+  component: pe,
+  ...Te
+}, {
+  component: ge,
+  ...Ce
 }, {
-  component: ze,
-  ...Oe
+  component: fe,
+  ...we
 }, {
-  component: Ge,
-  ...Qe
+  component: he,
+  ...Ve
 }, {
   component: be,
-  ...Xe
-}], Y = () => [{
-  component: ye,
-  ...Ee
+  ...Re
 }, {
-  component: xe,
-  ...Fe
+  component: Fe,
+  ...Ee
 }, {
-  component: Se,
+  component: ye,
   ...We
 }, {
-  component: ve,
+  component: xe,
   ...Ae
-}, {
-  component: ke,
-  ...Pe
-}, {
-  component: $e,
-  ...Ue
-}, {
-  component: Ie,
-  ...He
-}, {
-  component: Ce,
-  ...De
-}, ...Ze()], et = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
+}, ...Je()], Ye = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
   function getAndSetVariantId() {
     function setCookie(name, value, days) {
       let expires = '';
@@ -1043,7 +1043,7 @@ const Ee = {
     }).join('');
     styleEl.innerHTML = newStyleStr;
   }
-}`, tt = `function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {
+}`, Qe = `function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {
   if (!navigator.cookieEnabled) {
     return;
   }
@@ -1077,27 +1077,27 @@ const Ee = {
     thisScriptEl?.remove();
   }
   return;
-}`, te = "builderIoAbTest", ne = "builderIoRenderContent", F = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
+}`, X = "builderIoAbTest", Z = "builderIoRenderContent", F = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
   ...t,
   testVariationId: t.id,
   id: e == null ? void 0 : e.id
-})), nt = ({
+})), Ge = ({
   canTrack: e,
   content: t
-}) => !(!(F(t).length > 0) || !e || $()), at = (e) => e === "react" || e === "reactNative", ae = at(Z), it = () => `
-  window.${te} = ${et}
-  window.${ne} = ${tt}
-  `, ot = (e, t) => `
-  window.${te}(
-    "${t}",${JSON.stringify(e)}, ${ae}
-  )`, rt = ({
+}) => !(!(F(t).length > 0) || !e || U()), Xe = (e) => e === "react" || e === "reactNative", ee = Xe(Q), Ze = () => `
+  window.${X} = ${Ye}
+  window.${Z} = ${Qe}
+  `, et = (e, t) => `
+  window.${X}(
+    "${t}",${JSON.stringify(e)}, ${ee}
+  )`, tt = ({
   contentId: e,
   variationId: t
-}) => `window.${ne}(
-    "${t}", "${e}", ${ae}
+}) => `window.${Z}(
+    "${t}", "${e}", ${ee}
   )`;
-function H(e) {
-  return /* @__PURE__ */ b(
+function $(e) {
+  return /* @__PURE__ */ h(
     "script",
     {
       dangerouslySetInnerHTML: { __html: e.scriptStr },
@@ -1105,10 +1105,10 @@ function H(e) {
     }
   );
 }
-function Q(e) {
+function z(e) {
   return Math.round(e * 1e3) / 1e3;
 }
-const st = (e, t, n = !0) => {
+const nt = (e, t, n = !0) => {
   if (!(e instanceof HTMLElement))
     return null;
   let a = n ? e : e.parentElement;
@@ -1119,28 +1119,28 @@ const st = (e, t, n = !0) => {
       return a;
   } while (a = a.parentElement);
   return null;
-}, lt = (e) => st(e, (t) => {
+}, at = (e) => nt(e, (t) => {
   const n = t.getAttribute("builder-id") || t.id;
   return (n == null ? void 0 : n.indexOf("builder-")) === 0;
-}), G = ({
+}), J = ({
   event: e,
   target: t
 }) => {
-  const n = t.getBoundingClientRect(), a = e.clientX - n.left, c = e.clientY - n.top, m = Q(a / n.width), i = Q(c / n.height);
+  const n = t.getBoundingClientRect(), a = e.clientX - n.left, u = e.clientY - n.top, p = z(a / n.width), i = z(u / n.height);
   return {
-    x: m,
+    x: p,
     y: i
   };
-}, dt = (e) => {
-  const t = e.target, n = t && lt(t), a = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
+}, it = (e) => {
+  const t = e.target, n = t && at(t), a = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
   return {
     targetBuilderElement: a || void 0,
     metadata: {
-      targetOffset: t ? G({
+      targetOffset: t ? J({
         event: e,
         target: t
       }) : void 0,
-      builderTargetOffset: n ? G({
+      builderTargetOffset: n ? J({
         event: e,
         target: n
       }) : void 0,
@@ -1148,74 +1148,70 @@ const st = (e, t, n = !0) => {
     }
   };
 };
-function ct(e) {
-  var L, j, q, K, _, B, M;
-  const t = oe(null), [n, a] = h(() => 0);
-  h(() => !0);
-  function c(o) {
-    var s, l;
-    const r = {
+function ot(e) {
+  var v, D, H, L, N, j, q;
+  const t = te(null);
+  function n(o) {
+    var l, d;
+    const s = {
       ...e.builderContextSignal.rootState,
       ...o
     };
-    e.builderContextSignal.rootSetState ? (l = (s = e.builderContextSignal).rootSetState) == null || l.call(s, r) : e.setBuilderContextSignal((u) => ({
-      ...u,
-      rootState: r
+    e.builderContextSignal.rootSetState ? (d = (l = e.builderContextSignal).rootSetState) == null || d.call(l, s) : e.setBuilderContextSignal((c) => ({
+      ...c,
+      rootState: s
     }));
   }
-  function m(o) {
-    var s, l, u, g, w;
-    const r = {
+  function a(o) {
+    var l, d, c, g, w;
+    const s = {
       ...e.builderContextSignal.content,
       ...o,
       data: {
-        ...(s = e.builderContextSignal.content) == null ? void 0 : s.data,
+        ...(l = e.builderContextSignal.content) == null ? void 0 : l.data,
         ...o == null ? void 0 : o.data
       },
       meta: {
-        ...(l = e.builderContextSignal.content) == null ? void 0 : l.meta,
+        ...(d = e.builderContextSignal.content) == null ? void 0 : d.meta,
         ...o == null ? void 0 : o.meta,
-        breakpoints: ((u = o == null ? void 0 : o.meta) == null ? void 0 : u.breakpoints) || ((w = (g = e.builderContextSignal.content) == null ? void 0 : g.meta) == null ? void 0 : w.breakpoints)
+        breakpoints: ((c = o == null ? void 0 : o.meta) == null ? void 0 : c.breakpoints) || ((w = (g = e.builderContextSignal.content) == null ? void 0 : g.meta) == null ? void 0 : w.breakpoints)
       }
     };
     e.setBuilderContextSignal((E) => ({
       ...E,
-      content: r
+      content: s
     }));
   }
-  h(() => 0);
-  const [i, p] = h(
-    () => !1
-  ), [d, f] = h(
+  const [u, p] = I(
     () => e.contentWrapper || "div"
   );
-  function x(o) {
-    return pe({
+  function i(o) {
+    return le({
       model: e.model,
       trustedHosts: e.trustedHosts,
       callbacks: {
-        configureSdk: (r) => {
-          var u;
-          const { breakpoints: s, contentId: l } = r;
-          !l || l !== ((u = e.builderContextSignal.content) == null ? void 0 : u.id) || s && (m({
+        configureSdk: (s) => {
+          var c;
+          const { breakpoints: l, contentId: d } = s;
+          !d || d !== ((c = e.builderContextSignal.content) == null ? void 0 : c.id) || l && a({
             meta: {
-              breakpoints: s
+              breakpoints: l
             }
-          }), a(n + 1));
+          });
         },
-        animation: (r) => {
-          we(r);
+        animation: (s) => {
+          ve(s);
         },
-        contentUpdate: (r) => {
-          m(r), a(n + 1);
+        contentUpdate: (s) => {
+          a(s);
         }
       }
     })(o);
   }
-  function k() {
-    var r, s;
-    const o = (s = (r = e.builderContextSignal.content) == null ? void 0 : r.data) == null ? void 0 : s.jsCode;
-    o && J({
+  function m() {
+    var s, l;
+    const o = (l = (s = e.builderContextSignal.content) == null ? void 0 : s.data) == null ? void 0 : l.jsCode;
+    o && M({
       code: o,
       context: e.context || {},
       localState: void 0,
@@ -1227,29 +1223,29 @@ function ct(e) {
       enableCache: !1
     });
   }
-  const [I, A] = h(() => ({})), [V, S] = h(() => !1);
-  function v(o) {
-    var r, s;
+  const [r, f] = I(() => ({})), [x, T] = I(() => !1);
+  function C(o) {
+    var s, l;
     if (e.builderContextSignal.content) {
-      const l = (r = e.builderContextSignal.content) == null ? void 0 : r.testVariationId, u = (s = e.builderContextSignal.content) == null ? void 0 : s.id;
-      O({
+      const d = (s = e.builderContextSignal.content) == null ? void 0 : s.testVariationId, c = (l = e.builderContextSignal.content) == null ? void 0 : l.id;
+      _({
         type: "click",
         canTrack: W(e.canTrack),
-        contentId: u,
+        contentId: c,
         apiKey: e.apiKey,
-        variationId: l !== u ? l : void 0,
-        ...dt(o),
-        unique: !V
+        variationId: d !== c ? d : void 0,
+        ...it(o),
+        unique: !x
       });
     }
-    V || S(!0);
+    x || T(!0);
   }
-  function T(o) {
+  function V(o) {
     return o.replace(
       /{{([^}]+)}}/g,
-      (r, s) => String(
-        J({
-          code: s,
+      (s, l) => String(
+        M({
+          code: l,
           context: e.context || {},
           localState: void 0,
           rootState: e.builderContextSignal.rootState,
@@ -1259,38 +1255,38 @@ function ct(e) {
       )
     );
   }
-  function ie({ url: o, key: r }) {
-    fe(o).then((s) => s.json()).then((s) => {
-      var u, g;
-      const l = {
+  function R({ url: o, key: s }) {
+    ce(o).then((l) => l.json()).then((l) => {
+      var c, g;
+      const d = {
         ...e.builderContextSignal.rootState,
-        [r]: s
+        [s]: l
       };
-      (g = (u = e.builderContextSignal).rootSetState) == null || g.call(u, l), I[r] = !0;
-    }).catch((s) => {
-      console.error("error fetching dynamic data", o, s);
+      (g = (c = e.builderContextSignal).rootSetState) == null || g.call(c, d), r[s] = !0;
+    }).catch((l) => {
+      console.error("error fetching dynamic data", o, l);
     });
   }
-  function D() {
-    var r, s, l;
-    const o = (l = (s = (r = e.builderContextSignal.content) == null ? void 0 : r.data) == null ? void 0 : s.httpRequests) != null ? l : {};
-    Object.entries(o).forEach(([u, g]) => {
-      if (g && (!I[u] || P())) {
-        const w = T(g);
-        ie({
+  function y() {
+    var s, l, d;
+    const o = (d = (l = (s = e.builderContextSignal.content) == null ? void 0 : s.data) == null ? void 0 : l.httpRequests) != null ? d : {};
+    Object.entries(o).forEach(([c, g]) => {
+      if (g && (!r[c] || A())) {
+        const w = V(g);
+        R({
           url: w,
-          key: u
+          key: c
         });
       }
     });
   }
-  function R() {
-    P() && window.dispatchEvent(
+  function b() {
+    A() && window.dispatchEvent(
       new CustomEvent(
         "builder:component:stateChange",
         {
           detail: {
-            state: ge(e.builderContextSignal.rootState),
+            state: de(e.builderContextSignal.rootState),
             ref: {
               name: e.model
             }
@@ -1299,10 +1295,10 @@ function ct(e) {
       )
     );
   }
-  return y(() => {
-    var o, r;
-    if ($()) {
-      if (P() && (a(n + 1), window.addEventListener("message", x), se(), le({
+  return S(() => {
+    var o, s;
+    if (U()) {
+      if (A() && (window.addEventListener("message", i), ne(), ae({
         ...e.locale ? {
           locale: e.locale
         } : {},
@@ -1314,83 +1310,81 @@ function ct(e) {
         } : {}
       }), Object.values(
         e.builderContextSignal.componentInfos
-      ).forEach((l) => {
+      ).forEach((d) => {
         var g;
-        const u = de(l);
-        (g = window.parent) == null || g.postMessage(u, "*");
+        const c = ie(d);
+        (g = window.parent) == null || g.postMessage(c, "*");
       }), window.addEventListener(
         "builder:component:stateChangeListenerActivated",
-        R
+        b
       )), e.builderContextSignal.content && W(e.canTrack)) {
-        const l = (o = e.builderContextSignal.content) == null ? void 0 : o.testVariationId, u = (r = e.builderContextSignal.content) == null ? void 0 : r.id, g = e.apiKey;
-        O({
+        const d = (o = e.builderContextSignal.content) == null ? void 0 : o.testVariationId, c = (s = e.builderContextSignal.content) == null ? void 0 : s.id, g = e.apiKey;
+        _({
           type: "impression",
           canTrack: !0,
-          contentId: u,
+          contentId: c,
           apiKey: g,
-          variationId: l !== u ? l : void 0
+          variationId: d !== c ? d : void 0
         });
       }
-      if (ce()) {
-        const l = new URL(location.href).searchParams, u = l.get("builder.preview"), g = l.get(
-          `builder.preview.${u}`
-        ), w = l.get("apiKey") || l.get("builder.space");
-        u === e.model && w === e.apiKey && (!e.content || g === e.content.id) && ue({
+      if (oe()) {
+        const d = new URL(location.href).searchParams, c = d.get("builder.preview"), g = d.get(
+          `builder.preview.${c}`
+        ), w = d.get("apiKey") || d.get("builder.space");
+        c === e.model && w === e.apiKey && (!e.content || g === e.content.id) && re({
           model: e.model,
           apiKey: e.apiKey,
           apiVersion: e.builderContextSignal.apiVersion
         }).then((E) => {
-          E && m(E);
+          E && a(E);
         });
       }
     }
-  }, []), y(() => {
-    e.apiKey || me.error(
+  }, []), S(() => {
+    e.apiKey || se.error(
       "No API key provided to `RenderContent` component. This can cause issues. Please provide an API key using the `apiKey` prop."
-    ), k(), D(), R();
-  }, []), y(() => {
-    e.content && m(e.content);
-  }, [e.content]), y(() => {
-  }, [i]), y(() => {
-    k();
-  }, [(j = (L = e.builderContextSignal.content) == null ? void 0 : L.data) == null ? void 0 : j.jsCode]), y(() => {
-    D();
-  }, [(K = (q = e.builderContextSignal.content) == null ? void 0 : q.data) == null ? void 0 : K.httpRequests]), y(() => {
-    R();
-  }, [e.builderContextSignal.rootState]), y(() => {
-    e.data && c(e.data);
-  }, [e.data]), y(() => {
-    e.locale && c({
+    ), m(), y(), b();
+  }, []), S(() => {
+    e.content && a(e.content);
+  }, [e.content]), S(() => {
+    m();
+  }, [(D = (v = e.builderContextSignal.content) == null ? void 0 : v.data) == null ? void 0 : D.jsCode]), S(() => {
+    y();
+  }, [(L = (H = e.builderContextSignal.content) == null ? void 0 : H.data) == null ? void 0 : L.httpRequests]), S(() => {
+    b();
+  }, [e.builderContextSignal.rootState]), S(() => {
+    e.data && n(e.data);
+  }, [e.data]), S(() => {
+    e.locale && n({
       locale: e.locale
     });
-  }, [e.locale]), y(() => () => {
-    $() && (window.removeEventListener("message", x), window.removeEventListener(
+  }, [e.locale]), S(() => () => {
+    U() && (window.removeEventListener("message", i), window.removeEventListener(
       "builder:component:stateChangeListenerActivated",
-      R
+      b
     ));
-  }, []), /* @__PURE__ */ b(Te.Provider, { value: e.builderContextSignal, children: e.builderContextSignal.content ? /* @__PURE__ */ re(
-    d,
+  }, []), /* @__PURE__ */ h(Se.Provider, { value: e.builderContextSignal, children: e.builderContextSignal.content ? /* @__PURE__ */ h(
+    u,
     {
-      key: n,
       ref: t,
-      onClick: (o) => v(o),
-      "builder-content-id": (_ = e.builderContextSignal.content) == null ? void 0 : _.id,
+      onClick: (o) => C(o),
+      "builder-content-id": (N = e.builderContextSignal.content) == null ? void 0 : N.id,
       "builder-model": e.model,
       ...e.showContent ? {} : {
         hidden: !0,
         "aria-hidden": !0
       },
       ...e.contentWrapperProps,
-      className: `variant-${((B = e.content) == null ? void 0 : B.testVariationId) || ((M = e.content) == null ? void 0 : M.id)}`
-    },
-    e.children
+      className: `variant-${((j = e.content) == null ? void 0 : j.testVariationId) || ((q = e.content) == null ? void 0 : q.id)}`,
+      children: e.children
+    }
   ) : null });
 }
-const ut = (e) => {
-  var m, i;
-  const t = e.family + (e.kind && !e.kind.includes("#") ? ", " + e.kind : ""), n = t.split(",")[0], a = (i = e.fileUrl) != null ? i : (m = e == null ? void 0 : e.files) == null ? void 0 : m.regular;
-  let c = "";
-  if (a && t && n && (c += `
+const rt = (e) => {
+  var p, i;
+  const t = e.family + (e.kind && !e.kind.includes("#") ? ", " + e.kind : ""), n = t.split(",")[0], a = (i = e.fileUrl) != null ? i : (p = e == null ? void 0 : e.files) == null ? void 0 : p.regular;
+  let u = "";
+  if (a && t && n && (u += `
 @font-face {
 font-family: "${t}";
 src: local("${n}"), url('${a}') format('woff2');
@@ -1398,40 +1392,29 @@ font-display: fallback;
 font-weight: 400;
 }
       `.trim()), e.files)
-    for (const p in e.files) {
-      if (!(String(Number(p)) === p))
+    for (const m in e.files) {
+      if (!(String(Number(m)) === m))
         continue;
-      const f = e.files[p];
-      f && f !== a && (c += `
+      const f = e.files[m];
+      f && f !== a && (u += `
 @font-face {
 font-family: "${t}";
 src: url('${f}') format('woff2');
 font-display: fallback;
-font-weight: ${p};
+font-weight: ${m};
 }
         `.trim());
     }
-  return c;
-}, mt = ({
+  return u;
+}, st = ({
   customFonts: e
 }) => {
   var t;
-  return ((t = e == null ? void 0 : e.map((n) => ut(n))) == null ? void 0 : t.join(" ")) || "";
-}, pt = ({
+  return ((t = e == null ? void 0 : e.map((n) => rt(n))) == null ? void 0 : t.join(" ")) || "";
+}, lt = ({
   cssCode: e,
   contentId: t
-}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "";
-function gt(e) {
-  const [t, n] = h(
-    () => `
-${pt({
-      cssCode: e.cssCode,
-      contentId: e.contentId
-    })}
-${mt({
-      customFonts: e.customFonts
-    })}
-
+}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", dt = `
 .builder-button {
   all: unset;
 }
@@ -1448,28 +1431,40 @@ ${mt({
   text-align: inherit;
   font-family: inherit;
 }
+`, ct = (e) => e ? "" : dt;
+function ut(e) {
+  const [t, n] = I(
+    () => `
+${lt({
+      cssCode: e.cssCode,
+      contentId: e.contentId
+    })}
+${st({
+      customFonts: e.customFonts
+    })}
+${ct(e.isNestedRender)}
 `.trim()
   );
-  return /* @__PURE__ */ b(ee, { styles: t });
+  return /* @__PURE__ */ h(G, { styles: t });
 }
-const ft = ({
+const mt = ({
   content: e,
   data: t,
   locale: n
 }) => {
-  var m, i, p;
-  const a = {}, c = ((m = e == null ? void 0 : e.data) == null ? void 0 : m.state) || {};
-  return (p = (i = e == null ? void 0 : e.data) == null ? void 0 : i.inputs) == null || p.forEach((d) => {
-    d.name && d.defaultValue !== void 0 && (a[d.name] = d.defaultValue);
+  var p, i, m;
+  const a = {}, u = ((p = e == null ? void 0 : e.data) == null ? void 0 : p.state) || {};
+  return (m = (i = e == null ? void 0 : e.data) == null ? void 0 : i.inputs) == null || m.forEach((r) => {
+    r.name && r.defaultValue !== void 0 && (a[r.name] = r.defaultValue);
   }), {
     ...a,
-    ...c,
+    ...u,
     ...t,
     ...n ? {
       locale: n
     } : {}
   };
-}, ht = ({
+}, pt = ({
   content: e,
   data: t
 }) => e ? {
@@ -1480,46 +1475,46 @@ const ft = ({
   },
   meta: e == null ? void 0 : e.meta
 } : void 0;
-function X(e) {
-  var d, f, x, k, I, A, V;
-  const [t, n] = h(
+function Y(e) {
+  var r, f, x, T, C, V, R;
+  const [t, n] = I(
     () => {
-      var S, v;
-      return rt({
+      var y, b;
+      return tt({
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
-        variationId: (S = e.content) == null ? void 0 : S.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: (v = e.content) == null ? void 0 : v.id
+        contentId: (b = e.content) == null ? void 0 : b.id
       });
     }
   );
-  function a(S) {
-    p((v) => ({
-      ...v,
-      rootState: S
+  function a(y) {
+    m((b) => ({
+      ...b,
+      rootState: y
     }));
   }
-  const [c, m] = h(
+  const [u, p] = I(
     () => [
-      ...Y(),
+      ...O(),
       ...e.customComponents || []
     ].reduce(
-      (S, { component: v, ...T }) => ({
-        ...S,
-        [T.name]: {
-          component: v,
-          ...z(T)
+      (y, { component: b, ...v }) => ({
+        ...y,
+        [v.name]: {
+          component: b,
+          ...B(v)
         }
       }),
       {}
     )
-  ), [i, p] = h(() => ({
-    content: ht({
+  ), [i, m] = I(() => ({
+    content: pt({
       content: e.content,
       data: e.data
     }),
     localState: void 0,
-    rootState: ft({
+    rootState: mt({
       content: e.content,
       data: e.data,
       locale: e.locale
@@ -1529,12 +1524,12 @@ function X(e) {
     apiKey: e.apiKey,
     apiVersion: e.apiVersion,
     componentInfos: [
-      ...Y(),
+      ...O(),
       ...e.customComponents || []
     ].reduce(
-      (S, { component: v, ...T }) => ({
-        ...S,
-        [T.name]: z(T)
+      (y, { component: b, ...v }) => ({
+        ...y,
+        [v.name]: B(v)
       }),
       {}
     ),
@@ -1542,14 +1537,14 @@ function X(e) {
     BlocksWrapper: e.blocksWrapper || "div",
     BlocksWrapperProps: e.blocksWrapperProps || {}
   }));
-  return /* @__PURE__ */ b(
-    Ve.Provider,
+  return /* @__PURE__ */ h(
+    Ie.Provider,
     {
       value: {
-        registeredComponents: c
+        registeredComponents: u
       },
-      children: /* @__PURE__ */ U(
-        ct,
+      children: /* @__PURE__ */ P(
+        ot,
         {
           content: e.content,
           data: e.data,
@@ -1565,23 +1560,24 @@ function X(e) {
           contentWrapperProps: e.contentWrapperProps,
           linkComponent: e.linkComponent,
           trustedHosts: e.trustedHosts,
-          setBuilderContextSignal: p,
+          setBuilderContextSignal: m,
           children: [
-            e.isSsrAbTest ? /* @__PURE__ */ b(H, { scriptStr: t }) : null,
-            /* @__PURE__ */ b(
-              gt,
+            e.isSsrAbTest ? /* @__PURE__ */ h($, { scriptStr: t }) : null,
+            /* @__PURE__ */ h(
+              ut,
               {
-                contentId: (d = i.content) == null ? void 0 : d.id,
+                isNestedRender: e.isNestedRender,
+                contentId: (r = i.content) == null ? void 0 : r.id,
                 cssCode: (x = (f = i.content) == null ? void 0 : f.data) == null ? void 0 : x.cssCode,
-                customFonts: (I = (k = i.content) == null ? void 0 : k.data) == null ? void 0 : I.customFonts
+                customFonts: (C = (T = i.content) == null ? void 0 : T.data) == null ? void 0 : C.customFonts
               }
             ),
-            /* @__PURE__ */ b(
-              Re,
+            /* @__PURE__ */ h(
+              ke,
               {
-                blocks: (V = (A = i.content) == null ? void 0 : A.data) == null ? void 0 : V.blocks,
+                blocks: (R = (V = i.content) == null ? void 0 : V.data) == null ? void 0 : R.blocks,
                 context: i,
-                registeredComponents: c,
+                registeredComponents: u,
                 linkComponent: e.linkComponent
               }
             )
@@ -1591,53 +1587,54 @@ function X(e) {
     }
   );
 }
-function Ct(e) {
-  var i, p;
-  const [t, n] = h(
-    () => nt({
+function vt(e) {
+  var i, m;
+  const [t, n] = I(
+    () => Ge({
       canTrack: W(e.canTrack),
       content: e.content
     })
   );
   function a() {
-    var d;
-    return ot(
+    var r;
+    return et(
       F(e.content).map((f) => ({
         id: f.testVariationId,
         testRatio: f.testRatio
       })),
-      ((d = e.content) == null ? void 0 : d.id) || ""
+      ((r = e.content) == null ? void 0 : r.id) || ""
     );
   }
-  function c() {
-    return F(e.content).map((d) => `.variant-${d.testVariationId} { display: none; } `).join("");
+  function u() {
+    return F(e.content).map((r) => `.variant-${r.testVariationId} { display: none; } `).join("");
   }
-  function m() {
-    var d;
+  function p() {
+    var r;
     return t ? {
       ...e.content,
-      testVariationId: (d = e.content) == null ? void 0 : d.id
-    } : he({
+      testVariationId: (r = e.content) == null ? void 0 : r.id
+    } : ue({
       item: e.content,
       canTrack: W(e.canTrack)
     });
   }
-  return y(() => {
-  }, []), /* @__PURE__ */ U(N, { children: [
-    !e.__isNestedRender && Z !== "reactNative" ? /* @__PURE__ */ b(H, { scriptStr: it() }) : null,
-    t ? /* @__PURE__ */ U(N, { children: [
-      /* @__PURE__ */ b(
-        ee,
+  return S(() => {
+  }, []), /* @__PURE__ */ P(K, { children: [
+    !e.isNestedRender && Q !== "reactNative" ? /* @__PURE__ */ h($, { scriptStr: Ze() }) : null,
+    t ? /* @__PURE__ */ P(K, { children: [
+      /* @__PURE__ */ h(
+        G,
         {
           id: `variants-styles-${(i = e.content) == null ? void 0 : i.id}`,
-          styles: c()
+          styles: u()
         }
       ),
-      /* @__PURE__ */ b(H, { scriptStr: a() }),
-      (p = F(e.content)) == null ? void 0 : p.map((d) => /* @__PURE__ */ b(
-        X,
+      /* @__PURE__ */ h($, { scriptStr: a() }),
+      (m = F(e.content)) == null ? void 0 : m.map((r) => /* @__PURE__ */ h(
+        Y,
         {
-          content: d,
+          isNestedRender: e.isNestedRender,
+          content: r,
           showContent: !1,
           model: e.model,
           data: e.data,
@@ -1656,13 +1653,14 @@ function Ct(e) {
           contentWrapperProps: e.contentWrapperProps,
           trustedHosts: e.trustedHosts
         },
-        d.testVariationId
+        r.testVariationId
       ))
     ] }) : null,
-    /* @__PURE__ */ b(
-      X,
+    /* @__PURE__ */ h(
+      Y,
       {
-        content: m(),
+        isNestedRender: e.isNestedRender,
+        content: p(),
         showContent: !0,
         model: e.model,
         data: e.data,
@@ -1685,5 +1683,5 @@ function Ct(e) {
   ] });
 }
 export {
-  Ct as default
+  vt as default
 };