@builder.io/sdk-react 0.7.5 → 0.8.0

package/lib/browser/index.mjs

@@ -1,10 +1,10 @@
 "use client";
-import { jsxs as T, Fragment as f, jsx as r } from "react/jsx-runtime";
-import { createContext as pe, useState as p, useContext as le, createElement as ke, useRef as Z, useEffect as P } from "react";
+import { jsxs as E, Fragment as f, jsx as r } from "react/jsx-runtime";
+import { createContext as pe, useState as v, useContext as le, createElement as ke, useRef as Z, useEffect as P } from "react";
 import { i as $, j as N, k as $e, l as M, m as ee, n as G, T as L, r as Ne, o as U, p as ce, a as Fe, c as We, b as Ce, q as _e, u as se, v as de, w as Le } from "./server-entry-0aebe4be.mjs";
 import { _ as sn, h as dn, f as un, g as mn, e as fn, d as hn, s as gn, t as bn } from "./server-entry-0aebe4be.mjs";
 function je(e) {
-  return /* @__PURE__ */ T(f, { children: [
+  return /* @__PURE__ */ E(f, { children: [
     e.link ? /* @__PURE__ */ r(f, { children: /* @__PURE__ */ r(
       "a",
       {
@@ -315,7 +315,7 @@ function ne(e) {
     return G(i.hide) ? !i.hide : G(i.show) ? i.show : !0;
   }
   function n() {
-    var b;
+    var x;
     const i = D({
       block: e.block,
       localState: e.context.localState,
@@ -324,14 +324,14 @@ function ne(e) {
       context: e.context.context,
       shouldEvaluateBindings: !0
     }), a = i.responsiveStyles, o = e.context.content, l = Te(
-      ((b = o == null ? void 0 : o.meta) == null ? void 0 : b.breakpoints) || {}
+      ((x = o == null ? void 0 : o.meta) == null ? void 0 : x.breakpoints) || {}
     ), s = a == null ? void 0 : a.large, c = a == null ? void 0 : a.medium, d = a == null ? void 0 : a.small, u = i.id;
     if (!u)
       return "";
     const g = s ? Y({
       className: u,
       styles: s
-    }) : "", v = c ? Y({
+    }) : "", S = c ? Y({
       className: u,
       styles: c,
       mediaQuery: me(
@@ -346,7 +346,7 @@ function ne(e) {
         l
       )
     }) : "";
-    return [g, v, V].join(" ");
+    return [g, S, V].join(" ");
   }
   return /* @__PURE__ */ r(f, { children: n() && t() ? /* @__PURE__ */ r(f, { children: /* @__PURE__ */ r(K, { styles: n() }) }) : null });
 }
@@ -418,9 +418,9 @@ function at(e) {
   }
 }
 function fe(e) {
-  return /* @__PURE__ */ T(f, { children: [
+  return /* @__PURE__ */ E(f, { children: [
     " ",
-    e.hasChildren ? /* @__PURE__ */ r(f, { children: /* @__PURE__ */ T(
+    e.hasChildren ? /* @__PURE__ */ r(f, { children: /* @__PURE__ */ E(
       e.Wrapper,
       {
         ...O({
@@ -511,10 +511,10 @@ const rt = ({
 };
 function he(e) {
   var i, a;
-  const [t, n] = p(
+  const [t, n] = v(
     () => e.isInteractive ? ot : e.componentRef
   );
-  return /* @__PURE__ */ r(f, { children: e.componentRef ? /* @__PURE__ */ r(f, { children: /* @__PURE__ */ T(
+  return /* @__PURE__ */ r(f, { children: e.componentRef ? /* @__PURE__ */ r(f, { children: /* @__PURE__ */ E(
     t,
     {
       ...rt({
@@ -549,7 +549,7 @@ function he(e) {
   ) }) : null });
 }
 function lt(e) {
-  const [t, n] = p(() => e.repeatContext);
+  const [t, n] = v(() => e.repeatContext);
   return /* @__PURE__ */ r(te.Provider, { value: t, children: /* @__PURE__ */ r(
     H,
     {
@@ -560,7 +560,7 @@ function lt(e) {
   ) });
 }
 function H(e) {
-  var u, g, v, V;
+  var u, g, S, V;
   function t() {
     return Qe({
       block: e.block,
@@ -575,8 +575,8 @@ function H(e) {
     });
   }
   function i() {
-    var b;
-    return (b = e.block.repeat) != null && b.collection ? e.block : D({
+    var x;
+    return (x = e.block.repeat) != null && x.collection ? e.block : D({
       block: e.block,
       localState: e.context.localState,
       rootState: e.context.rootState,
@@ -589,33 +589,36 @@ function H(e) {
     return e.block.tagName || "div";
   }
   function o() {
-    var b, S;
-    return "hide" in i() ? !i().hide : "show" in i() ? i().show : !((b = e.block.repeat) != null && b.collection && !((S = n == null ? void 0 : n()) != null && S.length));
+    var I, w;
+    if ((I = e.block.repeat) != null && I.collection)
+      return !!((w = n == null ? void 0 : n()) != null && w.length);
+    const x = "hide" in i() ? i().hide : !1;
+    return ("show" in i() ? i().show : !0) && !x;
   }
   function l() {
-    var S;
-    return !((S = t == null ? void 0 : t()) != null && S.component) && !n() ? i().children ?? [] : [];
+    var p;
+    return !((p = t == null ? void 0 : t()) != null && p.component) && !n() ? i().children ?? [] : [];
   }
   function s() {
-    var b, S, E, R, C;
+    var x, p, I, w, C;
     return {
       blockChildren: i().children ?? [],
-      componentRef: (b = t == null ? void 0 : t()) == null ? void 0 : b.component,
+      componentRef: (x = t == null ? void 0 : t()) == null ? void 0 : x.component,
       componentOptions: {
         ...Me(i()),
         builderContext: e.context,
-        ...((S = t == null ? void 0 : t()) == null ? void 0 : S.name) === "Symbol" || ((E = t == null ? void 0 : t()) == null ? void 0 : E.name) === "Columns" ? {
+        ...((p = t == null ? void 0 : t()) == null ? void 0 : p.name) === "Symbol" || ((I = t == null ? void 0 : t()) == null ? void 0 : I.name) === "Columns" ? {
           builderComponents: e.registeredComponents
         } : {}
       },
       context: c,
       registeredComponents: e.registeredComponents,
       builderBlock: i(),
-      includeBlockProps: ((R = t == null ? void 0 : t()) == null ? void 0 : R.noWrap) === !0,
+      includeBlockProps: ((w = t == null ? void 0 : t()) == null ? void 0 : w.noWrap) === !0,
       isInteractive: !((C = t == null ? void 0 : t()) != null && C.isRSC)
     };
   }
-  const [c, d] = p(() => e.context);
+  const [c, d] = v(() => e.context);
   return /* @__PURE__ */ r(f, { children: o() ? /* @__PURE__ */ r(f, { children: (u = t == null ? void 0 : t()) != null && u.noWrap ? /* @__PURE__ */ r(f, { children: /* @__PURE__ */ r(
     he,
     {
@@ -628,7 +631,7 @@ function H(e) {
       includeBlockProps: s().includeBlockProps,
       isInteractive: s().isInteractive
     }
-  ) }) : /* @__PURE__ */ T(f, { children: [
+  ) }) : /* @__PURE__ */ E(f, { children: [
     q(a()) ? /* @__PURE__ */ r(f, { children: /* @__PURE__ */ r(
       fe,
       {
@@ -638,16 +641,16 @@ function H(e) {
         hasChildren: !1
       }
     ) }) : null,
-    !q(a()) && n() ? /* @__PURE__ */ r(f, { children: (g = n()) == null ? void 0 : g.map((b, S) => /* @__PURE__ */ r(
+    !q(a()) && n() ? /* @__PURE__ */ r(f, { children: (g = n()) == null ? void 0 : g.map((x, p) => /* @__PURE__ */ r(
       lt,
       {
-        repeatContext: b.context,
-        block: b.block,
+        repeatContext: x.context,
+        block: x.block,
         registeredComponents: e.registeredComponents
       },
-      S
+      p
     )) }) : null,
-    !q(a()) && !n() ? /* @__PURE__ */ r(f, { children: /* @__PURE__ */ T(
+    !q(a()) && !n() ? /* @__PURE__ */ r(f, { children: /* @__PURE__ */ E(
       fe,
       {
         Wrapper: a(),
@@ -668,22 +671,22 @@ function H(e) {
               isInteractive: s().isInteractive
             }
           ),
-          (v = l()) == null ? void 0 : v.map((b) => /* @__PURE__ */ r(
+          (S = l()) == null ? void 0 : S.map((x) => /* @__PURE__ */ r(
             H,
             {
-              block: b,
+              block: x,
               context: c,
               registeredComponents: e.registeredComponents
             },
-            "block-" + b.id
+            "block-" + x.id
           )),
-          (V = l()) == null ? void 0 : V.map((b) => /* @__PURE__ */ r(
+          (V = l()) == null ? void 0 : V.map((x) => /* @__PURE__ */ r(
             ne,
             {
-              block: b,
+              block: x,
               context: c
             },
-            "block-style-" + b.id
+            "block-style-" + x.id
           ))
         ]
       }
@@ -721,7 +724,7 @@ function ct(e) {
       "*"
     ));
   }
-  return /* @__PURE__ */ T(f, { children: [
+  return /* @__PURE__ */ E(f, { children: [
     /* @__PURE__ */ r(
       "div",
       {
@@ -745,7 +748,7 @@ function ct(e) {
 function ie(e) {
   var i, a;
   const t = le(te), n = le(we);
-  return /* @__PURE__ */ T(
+  return /* @__PURE__ */ E(
     ct,
     {
       blocks: e.blocks,
@@ -775,33 +778,33 @@ function ie(e) {
   );
 }
 function st(e) {
-  var R;
-  const [t, n] = p(
+  var w;
+  const [t, n] = v(
     () => typeof e.space == "number" ? e.space || 0 : 20
-  ), [i, a] = p(() => e.columns || []), [o, l] = p(
+  ), [i, a] = v(() => e.columns || []), [o, l] = v(
     () => e.stackColumnsAt || "tablet"
   );
   function s(C) {
-    var w;
-    return ((w = i[C]) == null ? void 0 : w.width) || 100 / i.length;
+    var T;
+    return ((T = i[C]) == null ? void 0 : T.width) || 100 / i.length;
   }
   function c(C) {
-    const w = t * (i.length - 1) / i.length;
-    return `calc(${s(C)}% - ${w}px)`;
+    const T = t * (i.length - 1) / i.length;
+    return `calc(${s(C)}% - ${T}px)`;
   }
   function d({
     stackedStyle: C,
-    desktopStyle: w
+    desktopStyle: T
   }) {
-    return o === "tablet" ? C : w;
+    return o === "tablet" ? C : T;
   }
   function u({
     stackedStyle: C,
-    desktopStyle: w
+    desktopStyle: T
   }) {
-    return o === "never" ? w : C;
+    return o === "never" ? T : C;
   }
-  const [g, v] = p(
+  const [g, S] = v(
     () => e.stackColumnsAt === "never" ? "row" : e.reverseColumnsWhenStacked ? "column-reverse" : "column"
   );
   function V() {
@@ -813,8 +816,8 @@ function st(e) {
       })
     };
   }
-  function b(C) {
-    const w = C === 0 ? 0 : t, A = c(C), B = `${w}px`, F = "100%", W = 0;
+  function x(C) {
+    const T = C === 0 ? 0 : t, A = c(C), B = `${T}px`, F = "100%", W = 0;
     return {
       width: A,
       ["marginLeft"]: B,
@@ -836,15 +839,15 @@ function st(e) {
       })
     };
   }
-  function S(C) {
+  function p(C) {
     var A, B;
     return Te(
       ((B = (A = e.builderContext.content) == null ? void 0 : A.meta) == null ? void 0 : B.breakpoints) || {}
     )[C].max;
   }
-  function E() {
+  function I() {
     return `
-        @media (max-width: ${S("medium")}px) {
+        @media (max-width: ${p("medium")}px) {
           .${e.builderBlock.id}-breakpoints {
             flex-direction: var(--flex-dir-tablet);
             align-items: stretch;
@@ -856,7 +859,7 @@ function st(e) {
           }
         }
 
-        @media (max-width: ${S("small")}px) {
+        @media (max-width: ${p("small")}px) {
           .${e.builderBlock.id}-breakpoints {
             flex-direction: var(--flex-dir);
             align-items: stretch;
@@ -869,25 +872,25 @@ function st(e) {
         },
       `;
   }
-  return /* @__PURE__ */ T(f, { children: [
-    /* @__PURE__ */ T(
+  return /* @__PURE__ */ E(f, { children: [
+    /* @__PURE__ */ E(
       "div",
       {
         className: `builder-columns ${e.builderBlock.id}-breakpoints div-53636e90`,
         style: V(),
         children: [
-          /* @__PURE__ */ r(f, { children: /* @__PURE__ */ r(K, { styles: E() }) }),
-          (R = e.columns) == null ? void 0 : R.map((C, w) => /* @__PURE__ */ ke(
+          /* @__PURE__ */ r(f, { children: /* @__PURE__ */ r(K, { styles: I() }) }),
+          (w = e.columns) == null ? void 0 : w.map((C, T) => /* @__PURE__ */ ke(
             "div",
             {
               className: "builder-column div-53636e90-2",
-              style: b(w),
-              key: w
+              style: x(T),
+              key: T
             },
             /* @__PURE__ */ r(
               ie,
               {
-                path: `component.options.columns.${w}.blocks`,
+                path: `component.options.columns.${T}.blocks`,
                 parent: e.builderBlock.id,
                 styleProp: {
                   flexGrow: "1"
@@ -974,9 +977,9 @@ function ft(e) {
     };
     return e.aspectRatio ? c : void 0;
   }
-  return /* @__PURE__ */ T(f, { children: [
-    /* @__PURE__ */ T(f, { children: [
-      /* @__PURE__ */ T("picture", { children: [
+  return /* @__PURE__ */ E(f, { children: [
+    /* @__PURE__ */ E(f, { children: [
+      /* @__PURE__ */ E("picture", { children: [
         n() ? /* @__PURE__ */ r(f, { children: /* @__PURE__ */ r("source", { type: "image/webp", srcSet: n() }) }) : null,
         /* @__PURE__ */ r(
           "img",
@@ -1306,7 +1309,7 @@ const gt = {
   }]
 };
 function yt(e) {
-  const t = Z(null), [n, i] = p(() => []), [a, o] = p(() => []);
+  const t = Z(null), [n, i] = v(() => []), [a, o] = v(() => []);
   return P(() => {
     var s;
     if (!((s = t.current) != null && s.getElementsByTagName) || typeof window > "u")
@@ -1370,7 +1373,7 @@ const St = {
   }]
 }, vt = ["text/javascript", "application/javascript", "application/ecmascript"], pt = (e) => vt.includes(e.type);
 function kt(e) {
-  const t = Z(null), [n, i] = p(() => []), [a, o] = p(() => []), [l, s] = p(() => !1);
+  const t = Z(null), [n, i] = v(() => []), [a, o] = v(() => []), [l, s] = v(() => !1);
   function c() {
     if (!t.current || !t.current.getElementsByTagName)
       return;
@@ -1379,13 +1382,13 @@ function kt(e) {
       const g = d[u];
       if (g.src && !n.includes(g.src)) {
         n.push(g.src);
-        const v = document.createElement("script");
-        v.async = !0, v.src = g.src, document.head.appendChild(v);
+        const S = document.createElement("script");
+        S.async = !0, S.src = g.src, document.head.appendChild(S);
       } else if (pt(g) && !a.includes(g.innerText))
         try {
           a.push(g.innerText), new Function(g.innerText)();
-        } catch (v) {
-          console.warn("`Embed`: Error running script:", v);
+        } catch (S) {
+          console.warn("`Embed`: Error running script:", S);
         }
     }
   }
@@ -1432,8 +1435,8 @@ const Ct = {
           let g = !1;
           u.onload = () => {
             g = !0, c(u);
-          }, u.addEventListener("error", (v) => {
-            console.warn("Image load failed", v.error), d(v.error);
+          }, u.addEventListener("error", (S) => {
+            console.warn("Image load failed", S.error), d(S.error);
           }), u.src = l, setTimeout(() => {
             g || d(new Error("Image load timed out"));
           }, s);
@@ -1748,7 +1751,7 @@ function Bt(e) {
       ...t()
     };
   }
-  return /* @__PURE__ */ T(
+  return /* @__PURE__ */ E(
     "div",
     {
       style: {
@@ -2016,7 +2019,7 @@ const Mt = (e, t, n = !0) => {
       builderElementIndex: n && i ? [].slice.call(document.getElementsByClassName(i)).indexOf(n) : void 0
     }
   };
-}, Ot = "0.7.5", Kt = () => {
+}, Ot = "0.8.0", Kt = () => {
   Ne("insertMenu", {
     name: "_default",
     default: !0,
@@ -2069,8 +2072,8 @@ const Ht = (e = {}) => {
           let u, g = null;
           try {
             u = d.apply(null, s);
-          } catch (v) {
-            g = v;
+          } catch (S) {
+            g = S;
           }
           g ? (a = window.parent) == null || a.postMessage({
             type: "builder.evaluateError",
@@ -2078,13 +2081,13 @@ const Ht = (e = {}) => {
               id: c,
               error: g.message
             }
-          }, "*") : u && typeof u.then == "function" ? u.then((v) => {
+          }, "*") : u && typeof u.then == "function" ? u.then((S) => {
             var V;
             (V = window.parent) == null || V.postMessage({
               type: "builder.evaluateResult",
               data: {
                 id: c,
-                result: v
+                result: S
               }
             }, "*");
           }).catch(console.error) : (o = window.parent) == null || o.postMessage({
@@ -2101,20 +2104,20 @@ const Ht = (e = {}) => {
 };
 function zt(e) {
   var A, B, F, W, z, ae, oe;
-  const t = Z(null), [n, i] = p(() => 0);
+  const t = Z(null), [n, i] = v(() => 0);
   function a(m) {
-    var x, y, k, I, re;
+    var b, y, k, R, re;
     const h = {
       ...e.builderContextSignal.content,
       ...m,
       data: {
-        ...(x = e.builderContextSignal.content) == null ? void 0 : x.data,
+        ...(b = e.builderContextSignal.content) == null ? void 0 : b.data,
         ...m == null ? void 0 : m.data
       },
       meta: {
         ...(y = e.builderContextSignal.content) == null ? void 0 : y.meta,
         ...m == null ? void 0 : m.meta,
-        breakpoints: ((k = m == null ? void 0 : m.meta) == null ? void 0 : k.breakpoints) || ((re = (I = e.builderContextSignal.content) == null ? void 0 : I.meta) == null ? void 0 : re.breakpoints)
+        breakpoints: ((k = m == null ? void 0 : m.meta) == null ? void 0 : k.breakpoints) || ((re = (R = e.builderContextSignal.content) == null ? void 0 : R.meta) == null ? void 0 : re.breakpoints)
       }
     };
     e.setBuilderContextSignal((Be) => ({
@@ -2122,18 +2125,18 @@ function zt(e) {
       content: h
     }));
   }
-  p(() => 0);
-  const [o, l] = p(
+  v(() => 0);
+  const [o, l] = v(
     () => !1
   );
   function s(m) {
-    var x;
+    var b;
     const { data: h } = m;
     if (h)
       switch (h.type) {
         case "builder.configureSdk": {
-          const y = h.data, { breakpoints: k, contentId: I } = y;
-          if (!I || I !== ((x = e.builderContextSignal.content) == null ? void 0 : x.id))
+          const y = h.data, { breakpoints: k, contentId: R } = y;
+          if (!R || R !== ((b = e.builderContextSignal.content) == null ? void 0 : b.id))
             return;
           k && a({
             meta: {
@@ -2143,15 +2146,15 @@ function zt(e) {
           break;
         }
         case "builder.contentUpdate": {
-          const y = h.data, k = y.key || y.alias || y.entry || y.modelName, I = y.data;
-          k === e.model && (a(I), i(n + 1));
+          const y = h.data, k = y.key || y.alias || y.entry || y.modelName, R = y.data;
+          k === e.model && (a(R), i(n + 1));
           break;
         }
       }
   }
   function c() {
-    var h, x;
-    const m = (x = (h = e.builderContextSignal.content) == null ? void 0 : h.data) == null ? void 0 : x.jsCode;
+    var h, b;
+    const m = (b = (h = e.builderContextSignal.content) == null ? void 0 : h.data) == null ? void 0 : b.jsCode;
     m && _({
       code: m,
       context: e.context || {},
@@ -2160,11 +2163,11 @@ function zt(e) {
       rootSetState: e.builderContextSignal.rootSetState
     });
   }
-  const [d, u] = p(() => ({})), [g, v] = p(() => !1);
+  const [d, u] = v(() => ({})), [g, S] = v(() => !1);
   function V(m) {
-    var h, x;
+    var h, b;
     if (e.builderContextSignal.content) {
-      const y = (h = e.builderContextSignal.content) == null ? void 0 : h.testVariationId, k = (x = e.builderContextSignal.content) == null ? void 0 : x.id;
+      const y = (h = e.builderContextSignal.content) == null ? void 0 : h.testVariationId, k = (b = e.builderContextSignal.content) == null ? void 0 : b.id;
       ce({
         type: "click",
         canTrack: U(e.canTrack),
@@ -2175,13 +2178,13 @@ function zt(e) {
         unique: !g
       });
     }
-    g || v(!0);
+    g || S(!0);
   }
-  function b(m) {
+  function x(m) {
     return m.replace(
       /{{([^}]+)}}/g,
-      (h, x) => _({
-        code: x,
+      (h, b) => _({
+        code: b,
         context: e.context || {},
         localState: void 0,
         rootState: e.builderContextSignal.rootState,
@@ -2189,32 +2192,32 @@ function zt(e) {
       })
     );
   }
-  function S({ url: m, key: h }) {
-    _e(m).then((x) => x.json()).then((x) => {
-      var k, I;
+  function p({ url: m, key: h }) {
+    _e(m).then((b) => b.json()).then((b) => {
+      var k, R;
       const y = {
         ...e.builderContextSignal.rootState,
-        [h]: x
+        [h]: b
       };
-      (I = (k = e.builderContextSignal).rootSetState) == null || I.call(k, y), d[h] = !0;
-    }).catch((x) => {
-      console.error("error fetching dynamic data", m, x);
+      (R = (k = e.builderContextSignal).rootSetState) == null || R.call(k, y), d[h] = !0;
+    }).catch((b) => {
+      console.error("error fetching dynamic data", m, b);
     });
   }
-  function E() {
-    var h, x;
-    const m = ((x = (h = e.builderContextSignal.content) == null ? void 0 : h.data) == null ? void 0 : x.httpRequests) ?? {};
+  function I() {
+    var h, b;
+    const m = ((b = (h = e.builderContextSignal.content) == null ? void 0 : h.data) == null ? void 0 : b.httpRequests) ?? {};
     Object.entries(m).forEach(([y, k]) => {
       if (k && (!d[y] || $())) {
-        const I = b(k);
-        S({
-          url: I,
+        const R = x(k);
+        p({
+          url: R,
           key: y
         });
       }
     });
   }
-  function R() {
+  function w() {
     $() && window.dispatchEvent(
       new CustomEvent(
         "builder:component:stateChange",
@@ -2244,23 +2247,23 @@ function zt(e) {
       e.builderContextSignal.componentInfos
     ).forEach((h) => {
       var y;
-      const x = We(h);
-      (y = window.parent) == null || y.postMessage(x, "*");
+      const b = We(h);
+      (y = window.parent) == null || y.postMessage(b, "*");
     }), window.addEventListener(
       "builder:component:stateChangeListenerActivated",
-      R
+      w
     );
   }
-  function w(m) {
-    const h = new URL(location.href).searchParams, x = h.get("builder.preview"), y = h.get(
-      `builder.preview.${x}`
+  function T(m) {
+    const h = new URL(location.href).searchParams, b = h.get("builder.preview"), y = h.get(
+      `builder.preview.${b}`
     ), k = h.get("apiKey") || h.get("builder.space");
-    x === e.model && k === e.apiKey && (!e.content || y === e.content.id) && Ce({
+    b === e.model && k === e.apiKey && (!e.content || y === e.content.id) && Ce({
       model: e.model,
       apiKey: e.apiKey,
       apiVersion: e.builderContextSignal.apiVersion
-    }).then((I) => {
-      I && a(I);
+    }).then((R) => {
+      R && a(R);
     });
   }
   return P(() => {
@@ -2279,24 +2282,24 @@ function zt(e) {
     var m;
     return (m = t.current) == null || m.addEventListener(
       "initpreviewingbldr",
-      w
+      T
     ), () => {
       var h;
       return (h = t.current) == null ? void 0 : h.removeEventListener(
         "initpreviewingbldr",
-        w
+        T
       );
     };
   }, []), P(() => {
     var m, h;
     if (N()) {
       if ($() && t.current && t.current.dispatchEvent(new CustomEvent("initeditingbldr")), e.builderContextSignal.content && U(e.canTrack)) {
-        const y = (m = e.builderContextSignal.content) == null ? void 0 : m.testVariationId, k = (h = e.builderContextSignal.content) == null ? void 0 : h.id, I = e.apiKey;
+        const y = (m = e.builderContextSignal.content) == null ? void 0 : m.testVariationId, k = (h = e.builderContextSignal.content) == null ? void 0 : h.id, R = e.apiKey;
         ce({
           type: "impression",
           canTrack: !0,
           contentId: k,
-          apiKey: I,
+          apiKey: R,
           variationId: y !== k ? y : void 0
         });
       }
@@ -2305,7 +2308,7 @@ function zt(e) {
   }, []), P(() => {
     e.apiKey || M.error(
       "No API key provided to `RenderContent` component. This can cause issues. Please provide an API key using the `apiKey` prop."
-    ), c(), E(), R();
+    ), c(), I(), w();
   }, []), P(() => {
     e.content && a(e.content);
   }, [e.content]), P(() => {
@@ -2315,13 +2318,13 @@ function zt(e) {
     (B = (A = e.builderContextSignal.content) == null ? void 0 : A.data) == null ? void 0 : B.jsCode,
     e.builderContextSignal.rootState
   ]), P(() => {
-    E();
+    I();
   }, [(W = (F = e.builderContextSignal.content) == null ? void 0 : F.data) == null ? void 0 : W.httpRequests]), P(() => {
-    R();
+    w();
   }, [e.builderContextSignal.rootState]), P(() => () => {
     N() && (window.removeEventListener("message", s), window.removeEventListener(
       "builder:component:stateChangeListenerActivated",
-      R
+      w
     ));
   }, []), /* @__PURE__ */ r(te.Provider, { value: e.builderContextSignal, children: e.builderContextSignal.content ? /* @__PURE__ */ r(f, { children: /* @__PURE__ */ ke(
     "div",
@@ -2376,7 +2379,7 @@ font-weight: ${l};
   contentId: t
 }) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "";
 function Gt(e) {
-  const [t, n] = p(
+  const [t, n] = v(
     () => `
 ${Qt({
       cssCode: e.cssCode,
@@ -2431,25 +2434,25 @@ const Jt = ({
   meta: e == null ? void 0 : e.meta
 } : void 0;
 function ve(e) {
-  var c, d, u, g, v, V, b;
-  const [t, n] = p(
+  var c, d, u, g, S, V, x;
+  const [t, n] = v(
     () => {
-      var S, E;
+      var p, I;
       return jt({
         // 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: (p = e.content) == null ? void 0 : p.testVariationId,
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
-        contentId: (E = e.content) == null ? void 0 : E.id
+        contentId: (I = e.content) == null ? void 0 : I.id
       });
     }
   );
-  function i(S) {
-    s((E) => ({
-      ...E,
-      rootState: S
+  function i(p) {
+    s((I) => ({
+      ...I,
+      rootState: p
     }));
   }
-  const [a, o] = p(
+  const [a, o] = v(
     () => [
       ...be(),
       // While this `components` object is deprecated, we must maintain support for it.
@@ -2460,16 +2463,16 @@ function ve(e) {
       ...se,
       ...e.customComponents || []
     ].reduce(
-      (S, { component: E, ...R }) => ({
-        ...S,
-        [R.name]: {
-          component: E,
-          ...de(R)
+      (p, { component: I, ...w }) => ({
+        ...p,
+        [w.name]: {
+          component: I,
+          ...de(w)
         }
       }),
       {}
     )
-  ), [l, s] = p(() => ({
+  ), [l, s] = v(() => ({
     content: Xt({
       content: e.content,
       data: e.data
@@ -2494,9 +2497,9 @@ function ve(e) {
       ...se,
       ...e.customComponents || []
     ].reduce(
-      (S, { component: E, ...R }) => ({
-        ...S,
-        [R.name]: de(R)
+      (p, { component: I, ...w }) => ({
+        ...p,
+        [w.name]: de(w)
       }),
       {}
     ),
@@ -2508,7 +2511,7 @@ function ve(e) {
       value: {
         registeredComponents: a
       },
-      children: /* @__PURE__ */ T(
+      children: /* @__PURE__ */ E(
         zt,
         {
           content: e.content,
@@ -2529,13 +2532,13 @@ function ve(e) {
               {
                 contentId: (c = l.content) == null ? void 0 : c.id,
                 cssCode: (u = (d = l.content) == null ? void 0 : d.data) == null ? void 0 : u.cssCode,
-                customFonts: (v = (g = l.content) == null ? void 0 : g.data) == null ? void 0 : v.customFonts
+                customFonts: (S = (g = l.content) == null ? void 0 : g.data) == null ? void 0 : S.customFonts
               }
             ) }),
             /* @__PURE__ */ r(
               ie,
               {
-                blocks: (b = (V = l.content) == null ? void 0 : V.data) == null ? void 0 : b.blocks,
+                blocks: (x = (V = l.content) == null ? void 0 : V.data) == null ? void 0 : x.blocks,
                 context: l,
                 registeredComponents: a
               }
@@ -2548,7 +2551,7 @@ function ve(e) {
 }
 function Ae(e) {
   var l, s;
-  const [t, n] = p(
+  const [t, n] = v(
     () => Ft({
       canTrack: U(e.canTrack),
       content: e.content
@@ -2578,9 +2581,9 @@ function Ae(e) {
     });
   }
   return P(() => {
-  }, []), /* @__PURE__ */ T(f, { children: [
+  }, []), /* @__PURE__ */ E(f, { children: [
     !e.__isNestedRender && L !== "reactNative" ? /* @__PURE__ */ r(f, { children: /* @__PURE__ */ r(X, { scriptStr: _t() }) }) : null,
-    t ? /* @__PURE__ */ T(f, { children: [
+    t ? /* @__PURE__ */ E(f, { children: [
       /* @__PURE__ */ r(
         K,
         {
@@ -2659,7 +2662,7 @@ function en(e) {
       (d = e.symbol) != null && d.dynamic || e.dynamic ? "builder-dynamic-symbol" : void 0
     ].filter(Boolean).join(" ");
   }
-  const [n, i] = p(() => {
+  const [n, i] = v(() => {
     var c;
     return (c = e.symbol) == null ? void 0 : c.content;
   });