@builder.io/sdk-react 0.7.4 → 0.7.6

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 S, 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 v;
+    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(
-      ((v = o == null ? void 0 : o.meta) == null ? void 0 : v.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
-    }) : "", y = c ? Y({
+    }) : "", S = c ? Y({
       className: u,
       styles: c,
       mediaQuery: me(
@@ -346,7 +346,7 @@ function ne(e) {
         l
       )
     }) : "";
-    return [g, y, 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] = S(
+  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] = S(() => 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, y, V;
+  var u, g, S, V;
   function t() {
     return Qe({
       block: e.block,
@@ -575,7 +575,8 @@ function H(e) {
     });
   }
   function i() {
-    return n() ? 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,
@@ -588,32 +589,36 @@ function H(e) {
     return e.block.tagName || "div";
   }
   function o() {
-    return "hide" in i() ? !i().hide : "show" in i() ? i().show : !0;
+    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 p;
     return !((p = t == null ? void 0 : t()) != null && p.component) && !n() ? i().children ?? [] : [];
   }
   function s() {
-    var v, p, E, R, C;
+    var x, p, I, w, C;
     return {
       blockChildren: i().children ?? [],
-      componentRef: (v = t == null ? void 0 : t()) == null ? void 0 : v.component,
+      componentRef: (x = t == null ? void 0 : t()) == null ? void 0 : x.component,
       componentOptions: {
         ...Me(i()),
         builderContext: e.context,
-        ...((p = t == null ? void 0 : t()) == null ? void 0 : p.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] = S(() => 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,
     {
@@ -626,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,
       {
@@ -636,16 +641,16 @@ function H(e) {
         hasChildren: !1
       }
     ) }) : null,
-    !q(a()) && n() ? /* @__PURE__ */ r(f, { children: (g = n()) == null ? void 0 : g.map((v, p) => /* @__PURE__ */ r(
+    !q(a()) && n() ? /* @__PURE__ */ r(f, { children: (g = n()) == null ? void 0 : g.map((x, p) => /* @__PURE__ */ r(
       lt,
       {
-        repeatContext: v.context,
-        block: v.block,
+        repeatContext: x.context,
+        block: x.block,
         registeredComponents: e.registeredComponents
       },
       p
     )) }) : null,
-    !q(a()) && !n() ? /* @__PURE__ */ r(f, { children: /* @__PURE__ */ T(
+    !q(a()) && !n() ? /* @__PURE__ */ r(f, { children: /* @__PURE__ */ E(
       fe,
       {
         Wrapper: a(),
@@ -666,22 +671,22 @@ function H(e) {
               isInteractive: s().isInteractive
             }
           ),
-          (y = l()) == null ? void 0 : y.map((v) => /* @__PURE__ */ r(
+          (S = l()) == null ? void 0 : S.map((x) => /* @__PURE__ */ r(
             H,
             {
-              block: v,
+              block: x,
               context: c,
               registeredComponents: e.registeredComponents
             },
-            "block-" + v.id
+            "block-" + x.id
           )),
-          (V = l()) == null ? void 0 : V.map((v) => /* @__PURE__ */ r(
+          (V = l()) == null ? void 0 : V.map((x) => /* @__PURE__ */ r(
             ne,
             {
-              block: v,
+              block: x,
               context: c
             },
-            "block-style-" + v.id
+            "block-style-" + x.id
           ))
         ]
       }
@@ -719,7 +724,7 @@ function ct(e) {
       "*"
     ));
   }
-  return /* @__PURE__ */ T(f, { children: [
+  return /* @__PURE__ */ E(f, { children: [
     /* @__PURE__ */ r(
       "div",
       {
@@ -743,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,
@@ -773,33 +778,33 @@ function ie(e) {
   );
 }
 function st(e) {
-  var R;
-  const [t, n] = S(
+  var w;
+  const [t, n] = v(
     () => typeof e.space == "number" ? e.space || 0 : 20
-  ), [i, a] = S(() => e.columns || []), [o, l] = S(
+  ), [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, y] = S(
+  const [g, S] = v(
     () => e.stackColumnsAt === "never" ? "row" : e.reverseColumnsWhenStacked ? "column-reverse" : "column"
   );
   function V() {
@@ -811,8 +816,8 @@ function st(e) {
       })
     };
   }
-  function v(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,
@@ -840,7 +845,7 @@ function st(e) {
       ((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: ${p("medium")}px) {
           .${e.builderBlock.id}-breakpoints {
@@ -867,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: v(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"
@@ -972,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",
@@ -1304,7 +1309,7 @@ const gt = {
   }]
 };
 function yt(e) {
-  const t = Z(null), [n, i] = S(() => []), [a, o] = S(() => []);
+  const t = Z(null), [n, i] = v(() => []), [a, o] = v(() => []);
   return P(() => {
     var s;
     if (!((s = t.current) != null && s.getElementsByTagName) || typeof window > "u")
@@ -1368,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] = S(() => []), [a, o] = S(() => []), [l, s] = S(() => !1);
+  const t = Z(null), [n, i] = v(() => []), [a, o] = v(() => []), [l, s] = v(() => !1);
   function c() {
     if (!t.current || !t.current.getElementsByTagName)
       return;
@@ -1377,13 +1382,13 @@ function kt(e) {
       const g = d[u];
       if (g.src && !n.includes(g.src)) {
         n.push(g.src);
-        const y = document.createElement("script");
-        y.async = !0, y.src = g.src, document.head.appendChild(y);
+        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 (y) {
-          console.warn("`Embed`: Error running script:", y);
+        } catch (S) {
+          console.warn("`Embed`: Error running script:", S);
         }
     }
   }
@@ -1430,8 +1435,8 @@ const Ct = {
           let g = !1;
           u.onload = () => {
             g = !0, c(u);
-          }, u.addEventListener("error", (y) => {
-            console.warn("Image load failed", y.error), d(y.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);
@@ -1746,7 +1751,7 @@ function Bt(e) {
       ...t()
     };
   }
-  return /* @__PURE__ */ T(
+  return /* @__PURE__ */ E(
     "div",
     {
       style: {
@@ -2014,7 +2019,7 @@ const Mt = (e, t, n = !0) => {
       builderElementIndex: n && i ? [].slice.call(document.getElementsByClassName(i)).indexOf(n) : void 0
     }
   };
-}, Ot = "0.7.4", Kt = () => {
+}, Ot = "0.7.6", Kt = () => {
   Ne("insertMenu", {
     name: "_default",
     default: !0,
@@ -2067,8 +2072,8 @@ const Ht = (e = {}) => {
           let u, g = null;
           try {
             u = d.apply(null, s);
-          } catch (y) {
-            g = y;
+          } catch (S) {
+            g = S;
           }
           g ? (a = window.parent) == null || a.postMessage({
             type: "builder.evaluateError",
@@ -2076,13 +2081,13 @@ const Ht = (e = {}) => {
               id: c,
               error: g.message
             }
-          }, "*") : u && typeof u.then == "function" ? u.then((y) => {
+          }, "*") : u && typeof u.then == "function" ? u.then((S) => {
             var V;
             (V = window.parent) == null || V.postMessage({
               type: "builder.evaluateResult",
               data: {
                 id: c,
-                result: y
+                result: S
               }
             }, "*");
           }).catch(console.error) : (o = window.parent) == null || o.postMessage({
@@ -2099,9 +2104,9 @@ const Ht = (e = {}) => {
 };
 function zt(e) {
   var A, B, F, W, z, ae, oe;
-  const t = Z(null), [n, i] = S(() => 0);
+  const t = Z(null), [n, i] = v(() => 0);
   function a(m) {
-    var b, x, k, I, re;
+    var b, y, k, R, re;
     const h = {
       ...e.builderContextSignal.content,
       ...m,
@@ -2110,9 +2115,9 @@ function zt(e) {
         ...m == null ? void 0 : m.data
       },
       meta: {
-        ...(x = e.builderContextSignal.content) == null ? void 0 : x.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) => ({
@@ -2120,8 +2125,8 @@ function zt(e) {
       content: h
     }));
   }
-  S(() => 0);
-  const [o, l] = S(
+  v(() => 0);
+  const [o, l] = v(
     () => !1
   );
   function s(m) {
@@ -2130,8 +2135,8 @@ function zt(e) {
     if (h)
       switch (h.type) {
         case "builder.configureSdk": {
-          const x = h.data, { breakpoints: k, contentId: I } = x;
-          if (!I || I !== ((b = e.builderContextSignal.content) == null ? void 0 : b.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: {
@@ -2141,8 +2146,8 @@ function zt(e) {
           break;
         }
         case "builder.contentUpdate": {
-          const x = h.data, k = x.key || x.alias || x.entry || x.modelName, I = x.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;
         }
       }
@@ -2158,24 +2163,24 @@ function zt(e) {
       rootSetState: e.builderContextSignal.rootSetState
     });
   }
-  const [d, u] = S(() => ({})), [g, y] = S(() => !1);
+  const [d, u] = v(() => ({})), [g, S] = v(() => !1);
   function V(m) {
     var h, b;
     if (e.builderContextSignal.content) {
-      const x = (h = e.builderContextSignal.content) == null ? void 0 : h.testVariationId, k = (b = e.builderContextSignal.content) == null ? void 0 : b.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),
         contentId: k,
         apiKey: e.apiKey,
-        variationId: x !== k ? x : void 0,
+        variationId: y !== k ? y : void 0,
         ...Dt(m),
         unique: !g
       });
     }
-    g || y(!0);
+    g || S(!0);
   }
-  function v(m) {
+  function x(m) {
     return m.replace(
       /{{([^}]+)}}/g,
       (h, b) => _({
@@ -2189,30 +2194,30 @@ function zt(e) {
   }
   function p({ url: m, key: h }) {
     _e(m).then((b) => b.json()).then((b) => {
-      var k, I;
-      const x = {
+      var k, R;
+      const y = {
         ...e.builderContextSignal.rootState,
         [h]: b
       };
-      (I = (k = e.builderContextSignal).rootSetState) == null || I.call(k, x), d[h] = !0;
+      (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() {
+  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(([x, k]) => {
-      if (k && (!d[x] || $())) {
-        const I = v(k);
+    Object.entries(m).forEach(([y, k]) => {
+      if (k && (!d[y] || $())) {
+        const R = x(k);
         p({
-          url: I,
-          key: x
+          url: R,
+          key: y
         });
       }
     });
   }
-  function R() {
+  function w() {
     $() && window.dispatchEvent(
       new CustomEvent(
         "builder:component:stateChange",
@@ -2241,24 +2246,24 @@ function zt(e) {
     }), Object.values(
       e.builderContextSignal.componentInfos
     ).forEach((h) => {
-      var x;
+      var y;
       const b = We(h);
-      (x = window.parent) == null || x.postMessage(b, "*");
+      (y = window.parent) == null || y.postMessage(b, "*");
     }), window.addEventListener(
       "builder:component:stateChangeListenerActivated",
-      R
+      w
     );
   }
-  function w(m) {
-    const h = new URL(location.href).searchParams, b = h.get("builder.preview"), x = h.get(
+  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");
-    b === e.model && k === e.apiKey && (!e.content || x === 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(() => {
@@ -2277,25 +2282,25 @@ 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 x = (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,
-          variationId: x !== k ? x : void 0
+          apiKey: R,
+          variationId: y !== k ? y : void 0
         });
       }
       Fe() && t.current && t.current.dispatchEvent(new CustomEvent("initpreviewingbldr"));
@@ -2303,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(() => {
@@ -2313,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",
@@ -2374,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] = S(
+  const [t, n] = v(
     () => `
 ${Qt({
       cssCode: e.cssCode,
@@ -2406,22 +2411,17 @@ const Jt = ({
   locale: n
 }) => {
   var o, l, s;
-  const i = {};
-  (l = (o = e == null ? void 0 : e.data) == null ? void 0 : o.inputs) == null || l.forEach((c) => {
-    var d;
-    c.name && c.defaultValue !== void 0 && ((d = e == null ? void 0 : e.data) != null && d.state) && e.data.state[c.name] === void 0 && (i[c.name] = c.defaultValue);
-  });
-  const a = {
-    ...(s = e == null ? void 0 : e.data) == null ? void 0 : s.state,
+  const i = {}, a = ((o = e == null ? void 0 : e.data) == null ? void 0 : o.state) || {};
+  return (s = (l = e == null ? void 0 : e.data) == null ? void 0 : l.inputs) == null || s.forEach((c) => {
+    c.name && c.defaultValue !== void 0 && (i[c.name] = c.defaultValue);
+  }), {
+    ...i,
+    ...a,
     ...t,
     ...n ? {
       locale: n
     } : {}
   };
-  return {
-    ...i,
-    ...a
-  };
 }, Xt = ({
   content: e,
   data: t
@@ -2434,25 +2434,25 @@ const Jt = ({
   meta: e == null ? void 0 : e.meta
 } : void 0;
 function ve(e) {
-  var c, d, u, g, y, V, v;
-  const [t, n] = S(
+  var c, d, u, g, S, V, x;
+  const [t, n] = v(
     () => {
-      var p, 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: (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(p) {
-    s((E) => ({
-      ...E,
+    s((I) => ({
+      ...I,
       rootState: p
     }));
   }
-  const [a, o] = S(
+  const [a, o] = v(
     () => [
       ...be(),
       // While this `components` object is deprecated, we must maintain support for it.
@@ -2463,16 +2463,16 @@ function ve(e) {
       ...se,
       ...e.customComponents || []
     ].reduce(
-      (p, { component: E, ...R }) => ({
+      (p, { component: I, ...w }) => ({
         ...p,
-        [R.name]: {
-          component: E,
-          ...de(R)
+        [w.name]: {
+          component: I,
+          ...de(w)
         }
       }),
       {}
     )
-  ), [l, s] = S(() => ({
+  ), [l, s] = v(() => ({
     content: Xt({
       content: e.content,
       data: e.data
@@ -2497,9 +2497,9 @@ function ve(e) {
       ...se,
       ...e.customComponents || []
     ].reduce(
-      (p, { component: E, ...R }) => ({
+      (p, { component: I, ...w }) => ({
         ...p,
-        [R.name]: de(R)
+        [w.name]: de(w)
       }),
       {}
     ),
@@ -2511,7 +2511,7 @@ function ve(e) {
       value: {
         registeredComponents: a
       },
-      children: /* @__PURE__ */ T(
+      children: /* @__PURE__ */ E(
         zt,
         {
           content: e.content,
@@ -2532,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: (y = (g = l.content) == null ? void 0 : g.data) == null ? void 0 : y.customFonts
+                customFonts: (S = (g = l.content) == null ? void 0 : g.data) == null ? void 0 : S.customFonts
               }
             ) }),
             /* @__PURE__ */ r(
               ie,
               {
-                blocks: (v = (V = l.content) == null ? void 0 : V.data) == null ? void 0 : v.blocks,
+                blocks: (x = (V = l.content) == null ? void 0 : V.data) == null ? void 0 : x.blocks,
                 context: l,
                 registeredComponents: a
               }
@@ -2551,7 +2551,7 @@ function ve(e) {
 }
 function Ae(e) {
   var l, s;
-  const [t, n] = S(
+  const [t, n] = v(
     () => Ft({
       canTrack: U(e.canTrack),
       content: e.content
@@ -2581,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,
         {
@@ -2662,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] = S(() => {
+  const [n, i] = v(() => {
     var c;
     return (c = e.symbol) == null ? void 0 : c.content;
   });