@builder.io/sdk-react 2.0.16 → 2.0.21

package/lib/edge/{content-variants-1368cab1.js → content-variants-d11198bc.js}

@@ -1,13 +1,12 @@
-import { jsx as h, jsxs as H, Fragment as z } from "react/jsx-runtime";
-import { lazy as v, useRef as le, useState as k, useEffect as S } from "react";
-import { isBrowser as $, TARGET as te, isEditing as P, registerInsertMenu as se, setupBrowserForEditing as de, createRegisterComponentMessage as ue, getDefaultCanTrack as A, _track as J, isPreviewing as ce, fetchOneEntry as me, logger as pe, createEditorListener as ge, fetch as fe, serializeIncludingFunctions as Y, handleABTestingSync as he } from "./server-entry-6b3ad048.js";
-import { Video as be, Button as xe, Columns as ye, Fragment as ve, Image as Se, Section as Te, Symbol as ke, Text as Ce, BuilderContext as Ie } from "./blocks-exports.mjs";
-import { triggerAnimation as we, fastClone as Ve, InlinedStyles as ne, ComponentsContext as Re, Blocks as Ee } from "./blocks-46c07b56.js";
-import { evaluate as Q } from "./evaluate-93701356.js";
-import "./get-class-prop-name-1c373615.js";
+import { jsx as b, jsxs as N, Fragment as M } from "react/jsx-runtime";
+import { lazy as v, useRef as q, useState as T, useEffect as C } from "react";
+import { isBrowser as j, TARGET as G, isEditing as A, registerInsertMenu as ie, setupBrowserForEditing as oe, createRegisterComponentMessage as re, getDefaultCanTrack as D, _track as O, isPreviewing as le, fetchOneEntry as se, createEditorListener as de, serializeIncludingFunctions as _, logger as ue, handleABTestingSync as ce } from "./server-entry-05e6ebef.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, BuilderContext as ve } from "./blocks-exports.mjs";
+import { triggerAnimation as Se, fastClone as Te, InlinedStyles as X, ComponentsContext as ke, Blocks as Ie } from "./blocks-805edb5d.js";
+import { evaluate as Z } from "./evaluate-29e9d055.js";
+import "./get-class-prop-name-c9e11804.js";
 import "./dynamic-renderer-8b343325.js";
-import "./should-force-browser-runtime-in-node-560bddfb.js";
-const B = {
+const U = {
   "@type": "@builder.io/sdk:Element",
   layerName: "Accordion item title",
   responsiveStyles: {
@@ -36,7 +35,7 @@ const B = {
       }
     }
   }]
-}, D = {
+}, L = {
   "@type": "@builder.io/sdk:Element",
   layerName: "Accordion item detail",
   responsiveStyles: {
@@ -67,7 +66,7 @@ const B = {
       }
     }
   }]
-}, Fe = {
+}, Ce = {
   name: "Builder:Accordion",
   canHaveChildren: !0,
   image: "https://cdn.builder.io/api/v1/image/assets%2FagZ9n5CUKRfbL9t6CaJOyVSK4Es2%2Ffab6c1fd3fe542408cbdec078bca7f35",
@@ -84,19 +83,19 @@ const B = {
       name: "title",
       type: "uiBlocks",
       hideFromUI: !0,
-      defaultValue: [B]
+      defaultValue: [U]
     }, {
       name: "detail",
       type: "uiBlocks",
       hideFromUI: !0,
-      defaultValue: [D]
+      defaultValue: [L]
     }],
     defaultValue: [{
-      title: [B],
-      detail: [D]
+      title: [U],
+      detail: [L]
     }, {
-      title: [B],
-      detail: [D]
+      title: [U],
+      detail: [L]
     }],
     showIf: (e) => !e.get("useChildrenForItems")
   }, {
@@ -131,7 +130,7 @@ const B = {
     builderComponents: !0,
     builderLinkComponent: !0
   }
-}, Pe = v(() => import("./accordion-7c1c7c56.js")), We = {
+}, we = v(() => import("./accordion-0fa0cd9f.js")), Ve = {
   name: "Core:Button",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",
   defaultStyles: {
@@ -167,7 +166,7 @@ const B = {
   shouldReceiveBuilderProps: {
     builderLinkComponent: !0
   }
-}, Ae = {
+}, Re = {
   // TODO: ways to statically preprocess JSON for references, functions, etc
   name: "Columns",
   isRSC: !0,
@@ -374,13 +373,13 @@ const B = {
     builderComponents: !0,
     builderLinkComponent: !0
   }
-}, Be = {
+}, Ee = {
   name: "Fragment",
   static: !0,
   hidden: !0,
   canHaveChildren: !0,
   noWrap: !0
-}, De = {
+}, Fe = {
   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",
@@ -401,15 +400,15 @@ const B = {
     onChange: (e) => {
       e.delete("srcset"), e.delete("noWebp");
       function n(a, o = 6e4) {
-        return new Promise((p, b) => {
-          const C = document.createElement("img");
-          let T = !1;
-          C.onload = () => {
-            T = !0, p(C);
-          }, C.addEventListener("error", (V) => {
-            console.warn("Image load failed", V.error), b(V.error);
-          }), C.src = a, setTimeout(() => {
-            T || b(new Error("Image load timed out"));
+        return new Promise((p, S) => {
+          const y = document.createElement("img");
+          let w = !1;
+          y.onload = () => {
+            w = !0, p(y);
+          }, y.addEventListener("error", (k) => {
+            console.warn("Image load failed", k.error), S(k.error);
+          }), y.src = a, setTimeout(() => {
+            w || S(new Error("Image load timed out"));
           }, o);
         });
       }
@@ -488,7 +487,7 @@ const B = {
   shouldReceiveBuilderProps: {
     builderBlock: !0
   }
-}, Ue = {
+}, Pe = {
   name: "Core:Section",
   static: !0,
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F682efef23ace49afac61748dd305c70a",
@@ -527,7 +526,7 @@ const B = {
       }
     }
   }]
-}, Le = {
+}, We = {
   name: "Slot",
   isRSC: !0,
   description: "Allow child blocks to be inserted into this content when used as a Symbol",
@@ -544,7 +543,7 @@ const B = {
     builderContext: !0,
     builderComponents: !0
   }
-}, He = v(() => import("./slot-a5a9a30f.js")), $e = {
+}, Ae = v(() => import("./slot-76c2cebc.js")), Be = {
   name: "Symbol",
   noWrap: !0,
   static: !0,
@@ -583,7 +582,7 @@ const B = {
     builderComponents: !0,
     builderLinkComponent: !0
   }
-}, U = {
+}, H = {
   "@type": "@builder.io/sdk:Element",
   responsiveStyles: {
     large: {
@@ -605,7 +604,7 @@ const B = {
       text: "New tab"
     }
   }
-}, L = {
+}, $ = {
   "@type": "@builder.io/sdk:Element",
   responsiveStyles: {
     large: {
@@ -621,7 +620,7 @@ const B = {
       text: "New tab content "
     }
   }
-}, Ne = {
+}, De = {
   name: "Builder: Tabs",
   inputs: [{
     name: "tabs",
@@ -631,16 +630,16 @@ const B = {
       name: "label",
       type: "uiBlocks",
       hideFromUI: !0,
-      defaultValue: [U]
+      defaultValue: [H]
     }, {
       name: "content",
       type: "uiBlocks",
       hideFromUI: !0,
-      defaultValue: [L]
+      defaultValue: [$]
     }],
     defaultValue: [{
       label: [{
-        ...U,
+        ...H,
         component: {
           name: "Text",
           options: {
@@ -649,7 +648,7 @@ const B = {
         }
       }],
       content: [{
-        ...L,
+        ...$,
         component: {
           name: "Text",
           options: {
@@ -659,7 +658,7 @@ const B = {
       }]
     }, {
       label: [{
-        ...U,
+        ...H,
         component: {
           name: "Text",
           options: {
@@ -668,7 +667,7 @@ const B = {
         }
       }],
       content: [{
-        ...L,
+        ...$,
         component: {
           name: "Text",
           options: {
@@ -724,7 +723,7 @@ const B = {
     builderComponents: !0,
     builderLinkComponent: !0
   }
-}, qe = v(() => import("./tabs-63d6ea85.js")), je = {
+}, Ue = v(() => import("./tabs-3cc397e4.js")), Le = {
   shouldReceiveBuilderProps: {
     builderBlock: !1,
     builderContext: !0
@@ -746,7 +745,7 @@ const B = {
     height: "auto",
     textAlign: "center"
   }
-}, Ke = {
+}, He = {
   name: "Custom Code",
   static: !0,
   requiredPermissions: ["editCode"],
@@ -768,7 +767,7 @@ const B = {
     helperText: "Only print and run scripts on the client. Important when scripts influence DOM that could be replaced when client loads",
     advanced: !0
   }]
-}, Me = v(() => import("./custom-code-7786788e.js")), Oe = {
+}, $e = v(() => import("./custom-code-7786788e.js")), Ne = {
   name: "Embed",
   static: !0,
   inputs: [{
@@ -783,7 +782,7 @@ const B = {
     defaultValue: '<div style="padding: 20px; text-align: center">(Choose an embed URL)<div>',
     hideFromUI: !0
   }]
-}, _e = v(() => import("./embed-5c1bbe12.js")), ze = {
+}, qe = v(() => import("./embed-5c1bbe12.js")), je = {
   name: "Form:Form",
   // editableTags: ['builder-form-error']
   defaults: {
@@ -1020,7 +1019,7 @@ const B = {
     builderComponents: !0,
     builderLinkComponent: !0
   }
-}, Je = v(() => import("./form-d0eb0af4.js")), Ye = {
+}, Ke = v(() => import("./form-28c6dcde.js")), Me = {
   name: "Form:Input",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fad6f37889d9e40bbbbc72cdb5875d6ca",
   inputs: [
@@ -1071,7 +1070,7 @@ const B = {
     borderStyle: "solid",
     borderColor: "#ccc"
   }
-}, Qe = v(() => import("./input-a7e9c157.js")), Ge = {
+}, Oe = v(() => import("./input-3db08208.js")), _e = {
   name: "Form:Select",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F83acca093fb24aaf94dee136e9a4b045",
   defaultStyles: {
@@ -1113,7 +1112,7 @@ const B = {
   }],
   static: !0,
   noWrap: !0
-}, Xe = v(() => import("./select-3cf593bd.js")), Ze = {
+}, ze = v(() => import("./select-251dfaa4.js")), Je = {
   name: "Form:SubmitButton",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fdf2820ffed1f4349a94c40b3221f5b98",
   defaultStyles: {
@@ -1138,7 +1137,7 @@ const B = {
   // that only shows if advanced setting is flipped
   // TODO: defaultChildren
   // canHaveChildren: true,
-}, et = v(() => import("./submit-button-b48361a7.js")), tt = {
+}, Ye = v(() => import("./submit-button-b48361a7.js")), Qe = {
   name: "Form:TextArea",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Ff74a2f3de58c4c3e939204e5b6b8f6c3",
   inputs: [{
@@ -1174,7 +1173,7 @@ const B = {
   },
   static: !0,
   noWrap: !0
-}, nt = v(() => import("./textarea-d29025e9.js")), at = {
+}, Ge = v(() => import("./textarea-d29025e9.js")), Xe = {
   // friendlyName?
   name: "Raw:Img",
   hideFromInsertMenu: !0,
@@ -1188,7 +1187,7 @@ const B = {
   }],
   noWrap: !0,
   static: !0
-}, it = v(() => import("./img-6e16ade6.js")), ot = {
+}, Ze = v(() => import("./img-ca1be569.js")), et = {
   name: "Video",
   canHaveChildren: !0,
   defaultStyles: {
@@ -1272,64 +1271,64 @@ const B = {
   shouldReceiveBuilderProps: {
     builderBlock: !0
   }
-}, rt = () => [{
-  component: Me,
-  ...Ke
+}, tt = () => [{
+  component: $e,
+  ...He
 }, {
-  component: _e,
-  ...Oe
+  component: qe,
+  ...Ne
 }, {
-  component: Je,
-  ...ze
+  component: Ke,
+  ...je
 }, {
-  component: Qe,
-  ...Ye
+  component: Oe,
+  ...Me
 }, {
-  component: et,
-  ...Ze
+  component: Ye,
+  ...Je
 }, {
-  component: Xe,
-  ...Ge
+  component: ze,
+  ..._e
 }, {
-  component: nt,
-  ...tt
+  component: Ge,
+  ...Qe
 }, {
-  component: it,
-  ...at
+  component: Ze,
+  ...Xe
 }, {
-  component: be,
-  ...ot
-}], G = () => [{
-  component: xe,
-  ...We
+  component: me,
+  ...et
+}], z = () => [{
+  component: pe,
+  ...Ve
 }, {
-  component: ye,
-  ...Ae
+  component: ge,
+  ...Re
 }, {
-  component: ve,
-  ...Be
+  component: fe,
+  ...Ee
 }, {
-  component: Se,
-  ...De
+  component: he,
+  ...Fe
 }, {
-  component: Te,
-  ...Ue
+  component: be,
+  ...Pe
 }, {
-  component: He,
-  ...Le
+  component: Ae,
+  ...We
 }, {
-  component: ke,
-  ...$e
+  component: ye,
+  ...Be
 }, {
-  component: Ce,
-  ...je
+  component: xe,
+  ...Le
 }, {
-  component: qe,
-  ...Ne
+  component: Ue,
+  ...De
 }, {
-  component: Pe,
-  ...Fe
-}, ...rt()], lt = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
+  component: we,
+  ...Ce
+}, ...tt()], nt = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
   function getAndSetVariantId() {
     function setCookie(name, value, days) {
       let expires = '';
@@ -1385,7 +1384,7 @@ const B = {
     }).join('');
     styleEl.innerHTML = newStyleStr;
   }
-}`, st = `function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {
+}`, at = `function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {
   if (!navigator.cookieEnabled) {
     return;
   }
@@ -1419,27 +1418,27 @@ const B = {
     thisScriptEl?.remove();
   }
   return;
-}`, ae = "builderIoAbTest", ie = "builderIoRenderContent", W = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
+}`, ee = "builderIoAbTest", te = "builderIoRenderContent", B = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
   ...t,
   testVariationId: t.id,
   id: e == null ? void 0 : e.id
-})), dt = ({
+})), it = ({
   canTrack: e,
   content: t
-}) => !(!(W(t).length > 0) || !e || $()), ut = (e) => e === "react" || e === "reactNative", oe = ut(te), ct = () => `
-  window.${ae} = ${lt}
-  window.${ie} = ${st}
-  `, mt = (e, t) => `
-  window.${ae}(
-    "${t}",${JSON.stringify(e)}, ${oe}
-  )`, pt = ({
+}) => !(!(B(t).length > 0) || !e || j()), ot = (e) => e === "react" || e === "reactNative", ne = ot(G), rt = () => `
+  window.${ee} = ${nt}
+  window.${te} = ${at}
+  `, lt = (e, t) => `
+  window.${ee}(
+    "${t}",${JSON.stringify(e)}, ${ne}
+  )`, st = ({
   contentId: e,
   variationId: t
-}) => `window.${ie}(
-    "${t}", "${e}", ${oe}
+}) => `window.${te}(
+    "${t}", "${e}", ${ne}
   )`;
-function N(e) {
-  return /* @__PURE__ */ h(
+function K(e) {
+  return /* @__PURE__ */ b(
     "script",
     {
       dangerouslySetInnerHTML: { __html: e.scriptStr },
@@ -1448,10 +1447,10 @@ function N(e) {
     }
   );
 }
-function X(e) {
+function J(e) {
   return Math.round(e * 1e3) / 1e3;
 }
-const gt = (e, t, n = !0) => {
+const dt = (e, t, n = !0) => {
   if (!(e instanceof HTMLElement))
     return null;
   let i = n ? e : e.parentElement;
@@ -1462,35 +1461,35 @@ const gt = (e, t, n = !0) => {
       return i;
   } while (i = i.parentElement);
   return null;
-}, ft = (e) => gt(e, (t) => {
+}, ut = (e) => dt(e, (t) => {
   const n = t.getAttribute("builder-id") || t.id;
   return (n == null ? void 0 : n.indexOf("builder-")) === 0;
-}), Z = ({
+}), Y = ({
   event: e,
   target: t
 }) => {
-  const n = t.getBoundingClientRect(), i = e.clientX - n.left, d = e.clientY - n.top, m = X(i / n.width), a = X(d / n.height);
+  const n = t.getBoundingClientRect(), i = e.clientX - n.left, d = e.clientY - n.top, m = J(i / n.width), a = J(d / n.height);
   return {
     x: m,
     y: a
   };
-}, ht = (e) => {
-  const t = e.target, n = t && ft(t), i = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
+}, ct = (e) => {
+  const t = e.target, n = t && ut(t), i = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
   return {
     targetBuilderElement: i || void 0,
     metadata: {
-      targetOffset: t ? Z({
+      targetOffset: t ? Y({
         event: e,
         target: t
       }) : void 0,
-      builderTargetOffset: n ? Z({
+      builderTargetOffset: n ? Y({
         event: e,
         target: n
       }) : void 0,
       builderElementIndex: n && i ? [].slice.call(document.getElementsByClassName(i)).indexOf(n) : void 0
     }
   };
-}, bt = (e) => {
+}, mt = (e) => {
   var m, a;
   const t = e.family + (e.kind && !e.kind.includes("#") ? ", " + e.kind : ""), n = t.split(",")[0], i = (a = e.fileUrl) != null ? a : (m = e == null ? void 0 : e.files) == null ? void 0 : m.regular;
   let d = "";
@@ -1505,26 +1504,26 @@ font-weight: 400;
     for (const o in e.files) {
       if (!(String(Number(o)) === o))
         continue;
-      const b = e.files[o];
-      b && b !== i && (d += `
+      const S = e.files[o];
+      S && S !== i && (d += `
 @font-face {
 font-family: "${t}";
-src: url('${b}') format('woff2');
+src: url('${S}') format('woff2');
 font-display: fallback;
 font-weight: ${o};
 }
         `.trim());
     }
   return d;
-}, xt = ({
+}, pt = ({
   customFonts: e
 }) => {
   var t;
-  return ((t = e == null ? void 0 : e.map((n) => bt(n))) == null ? void 0 : t.join(" ")) || "";
-}, yt = ({
+  return ((t = e == null ? void 0 : e.map((n) => mt(n))) == null ? void 0 : t.join(" ")) || "";
+}, gt = ({
   cssCode: e,
   contentId: t
-}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", vt = `
+}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", ft = `
 .builder-button {
   all: unset;
 }
@@ -1541,39 +1540,39 @@ font-weight: ${o};
   text-align: inherit;
   font-family: inherit;
 }
-`, St = (e) => e ? "" : vt, Tt = (e) => `variant-${e}`;
-function kt(e) {
-  var I, q, j, K, M, O, _;
-  const t = le(null);
+`, ht = (e) => e ? "" : ft, bt = (e) => `variant-${e}`;
+function yt(e) {
+  var g, u, E;
+  const t = q(null);
   function n(r) {
-    var g, s;
-    const u = {
+    var f, s;
+    const c = {
       ...e.builderContextSignal.rootState,
       ...r
     };
-    e.builderContextSignal.rootSetState ? (s = (g = e.builderContextSignal).rootSetState) == null || s.call(g, u) : e.setBuilderContextSignal((l) => ({
+    e.builderContextSignal.rootSetState ? (s = (f = e.builderContextSignal).rootSetState) == null || s.call(f, c) : e.setBuilderContextSignal((l) => ({
       ...l,
-      rootState: u
+      rootState: c
     }));
   }
   function i(r) {
-    var g, s, l, f, R;
-    const u = {
+    var f, s, l, h, V;
+    const c = {
       ...e.builderContextSignal.content,
       ...r,
       data: {
-        ...(g = e.builderContextSignal.content) == null ? void 0 : g.data,
+        ...(f = e.builderContextSignal.content) == null ? void 0 : f.data,
         ...r == null ? void 0 : r.data
       },
       meta: {
         ...(s = e.builderContextSignal.content) == null ? void 0 : s.meta,
         ...r == null ? void 0 : r.meta,
-        breakpoints: ((l = r == null ? void 0 : r.meta) == null ? void 0 : l.breakpoints) || ((R = (f = e.builderContextSignal.content) == null ? void 0 : f.meta) == null ? void 0 : R.breakpoints)
+        breakpoints: ((l = r == null ? void 0 : r.meta) == null ? void 0 : l.breakpoints) || ((V = (h = e.builderContextSignal.content) == null ? void 0 : h.meta) == null ? void 0 : V.breakpoints)
       }
     };
-    e.setBuilderContextSignal((y) => ({
-      ...y,
-      content: u
+    e.setBuilderContextSignal((x) => ({
+      ...x,
+      content: c
     }));
   }
   function d() {
@@ -1582,76 +1581,61 @@ function kt(e) {
       "aria-hidden": !0
     };
   }
-  const [m, a] = k(
+  const [m, a] = T(
     () => e.contentWrapper || "div"
   );
   function o(r) {
-    return ge({
+    return de({
       model: e.model,
       trustedHosts: e.trustedHosts,
       callbacks: {
-        configureSdk: (u) => {
+        configureSdk: (c) => {
           var l;
-          const { breakpoints: g, contentId: s } = u;
-          !s || s !== ((l = e.builderContextSignal.content) == null ? void 0 : l.id) || g && i({
+          const { breakpoints: f, contentId: s } = c;
+          !s || s !== ((l = e.builderContextSignal.content) == null ? void 0 : l.id) || f && i({
             meta: {
-              breakpoints: g
+              breakpoints: f
             }
           });
         },
-        animation: (u) => {
-          we(u);
+        animation: (c) => {
+          Se(c);
         },
-        contentUpdate: (u) => {
-          i(u);
+        contentUpdate: (c) => {
+          i(c);
         }
       }
     })(r);
   }
-  function p() {
-    var u, g;
-    const r = (g = (u = e.builderContextSignal.content) == null ? void 0 : u.data) == null ? void 0 : g.jsCode;
-    r && Q({
-      code: r,
-      context: e.context || {},
-      localState: void 0,
-      rootState: e.builderContextSignal.rootState,
-      rootSetState: e.builderContextSignal.rootSetState,
-      /**
-       * We don't want to cache the result of the JS code, since it's arbitrary side effect code.
-       */
-      enableCache: !1
-    });
-  }
-  const [b, C] = k(() => ({})), [T, V] = k(() => ({})), [E, F] = k(() => !1);
-  function x(r) {
-    var u, g;
+  const [p, S] = T(() => ({})), [y, w] = T(() => ({})), [k, F] = T(() => !1);
+  function P(r) {
+    var c, f;
     if (e.builderContextSignal.content) {
-      const s = (u = e.builderContextSignal.content) == null ? void 0 : u.testVariationId, l = (g = e.builderContextSignal.content) == null ? void 0 : g.id;
-      J({
+      const s = (c = e.builderContextSignal.content) == null ? void 0 : c.testVariationId, l = (f = e.builderContextSignal.content) == null ? void 0 : f.id;
+      O({
         type: "click",
-        canTrack: A(e.canTrack),
+        canTrack: D(e.canTrack),
         contentId: l,
         apiKey: e.apiKey,
         variationId: s !== l ? s : void 0,
-        ...ht(r),
-        unique: !E
+        ...ct(r),
+        unique: !k
       });
     }
-    E || F(!0);
+    k || F(!0);
   }
-  function c() {
-    var u, g, s;
-    const r = (s = (g = (u = e.builderContextSignal.content) == null ? void 0 : u.data) == null ? void 0 : g.httpRequests) != null ? s : {};
-    Object.entries(r).forEach(([l, f]) => {
-      if (!f || T[l] || b[l] && !P())
+  function W() {
+    var c, f, s;
+    const r = (s = (f = (c = e.builderContextSignal.content) == null ? void 0 : c.data) == null ? void 0 : f.httpRequests) != null ? s : {};
+    Object.entries(r).forEach(([l, h]) => {
+      if (!h || y[l] || p[l] && !A())
         return;
-      T[l] = !0;
-      const R = f.replace(
+      y[l] = !0;
+      const V = h.replace(
         /{{([^}]+)}}/g,
-        (y, re) => String(
-          Q({
-            code: re,
+        (x, ae) => String(
+          Z({
+            code: ae,
             context: e.context || {},
             localState: void 0,
             rootState: e.builderContextSignal.rootState,
@@ -1660,24 +1644,24 @@ function kt(e) {
           })
         )
       );
-      fe(R).then((y) => y.json()).then((y) => {
+      fetch(V).then((x) => x.json()).then((x) => {
         n({
-          [l]: y
-        }), b[l] = !0;
-      }).catch((y) => {
-        console.error("error fetching dynamic data", f, y);
+          [l]: x
+        }), p[l] = !0;
+      }).catch((x) => {
+        console.error("error fetching dynamic data", h, x);
       }).finally(() => {
-        T[l] = !1;
+        y[l] = !1;
       });
     });
   }
-  function w() {
-    P() && window.dispatchEvent(
+  function I() {
+    A() && window.dispatchEvent(
       new CustomEvent(
         "builder:component:stateChange",
         {
           detail: {
-            state: Ve(e.builderContextSignal.rootState),
+            state: Te(e.builderContextSignal.rootState),
             ref: {
               name: e.model
             }
@@ -1686,10 +1670,11 @@ function kt(e) {
       )
     );
   }
-  return S(() => {
-    var r, u;
-    if ($()) {
-      if (P() && (window.addEventListener("message", o), se(), de({
+  const R = q(!1);
+  return R.current || (W(), I(), R.current = !0), C(() => {
+    var r, c;
+    if (j()) {
+      if (A() && (window.addEventListener("message", o), ie(), oe({
         ...e.locale ? {
           locale: e.locale
         } : {},
@@ -1702,89 +1687,81 @@ function kt(e) {
       }), Object.values(
         e.builderContextSignal.componentInfos
       ).forEach((s) => {
-        var f;
-        const l = ue(s);
-        (f = window.parent) == null || f.postMessage(l, "*");
+        var h;
+        const l = re(s);
+        (h = window.parent) == null || h.postMessage(l, "*");
       }), window.addEventListener(
         "builder:component:stateChangeListenerActivated",
-        w
-      )), e.builderContextSignal.content && A(e.canTrack)) {
-        const s = (r = e.builderContextSignal.content) == null ? void 0 : r.testVariationId, l = (u = e.builderContextSignal.content) == null ? void 0 : u.id, f = e.apiKey;
-        J({
+        I
+      )), e.builderContextSignal.content && D(e.canTrack)) {
+        const s = (r = e.builderContextSignal.content) == null ? void 0 : r.testVariationId, l = (c = e.builderContextSignal.content) == null ? void 0 : c.id, h = e.apiKey;
+        O({
           type: "impression",
           canTrack: !0,
           contentId: l,
-          apiKey: f,
+          apiKey: h,
           variationId: s !== l ? s : void 0
         });
       }
-      if (ce() && !P()) {
-        const s = new URL(location.href).searchParams, l = s.get("builder.preview"), f = s.get(
+      if (le() && !A()) {
+        const s = new URL(location.href).searchParams, l = s.get("builder.preview"), h = s.get(
           `builder.overrides.${l}`
-        ), R = s.get("apiKey") || s.get("builder.space");
-        l === e.model && R === e.apiKey && (!e.content || f === e.content.id) && me({
+        ), V = s.get("apiKey") || s.get("builder.space");
+        l === e.model && V === e.apiKey && (!e.content || h === e.content.id) && se({
           model: e.model,
           apiKey: e.apiKey,
           apiVersion: e.builderContextSignal.apiVersion
-        }).then((y) => {
-          y && i(y);
+        }).then((x) => {
+          x && i(x);
         });
       }
     }
-  }, []), S(() => {
-    e.apiKey || pe.error(
-      "No API key provided to `Content` component. This can cause issues. Please provide an API key using the `apiKey` prop."
-    ), p(), c(), w();
-  }, []), S(() => {
+  }, []), C(() => {
     e.content && i(e.content);
-  }, [e.content]), S(() => {
-    p();
-  }, [(q = (I = e.builderContextSignal.content) == null ? void 0 : I.data) == null ? void 0 : q.jsCode]), S(() => {
-    c();
-  }, [(K = (j = e.builderContextSignal.content) == null ? void 0 : j.data) == null ? void 0 : K.httpRequests]), S(() => {
-    w();
-  }, [e.builderContextSignal.rootState]), S(() => {
+  }, [e.content]), C(() => {
+    I();
+  }, [e.builderContextSignal.rootState]), C(() => {
     e.data && n(e.data);
-  }, [e.data]), S(() => {
+  }, [e.data]), C(() => {
     e.locale && n({
       locale: e.locale
     });
-  }, [e.locale]), S(() => () => {
-    $() && (window.removeEventListener("message", o), window.removeEventListener(
+  }, [e.locale]), C(() => () => {
+    j() && (window.removeEventListener("message", o), window.removeEventListener(
       "builder:component:stateChangeListenerActivated",
-      w
+      I
     ));
-  }, []), /* @__PURE__ */ h(Ie.Provider, { value: e.builderContextSignal, children: e.builderContextSignal.content ? /* @__PURE__ */ h(
+  }, []), /* @__PURE__ */ b(ve.Provider, { value: e.builderContextSignal, children: e.builderContextSignal.content ? /* @__PURE__ */ b(
     m,
     {
       ref: t,
-      onClick: (r) => x(r),
-      "builder-content-id": (M = e.builderContextSignal.content) == null ? void 0 : M.id,
+      onClick: (r) => P(r),
+      "builder-content-id": (g = e.builderContextSignal.content) == null ? void 0 : g.id,
       "builder-model": e.model,
+      className: bt(
+        ((u = e.content) == null ? void 0 : u.testVariationId) || ((E = e.content) == null ? void 0 : E.id)
+      ),
       ...d(),
       ...e.contentWrapperProps,
-      className: Tt(
-        ((O = e.content) == null ? void 0 : O.testVariationId) || ((_ = e.content) == null ? void 0 : _.id)
-      ),
       children: e.children
     }
   ) : null });
 }
-function Ct(e) {
-  const [t, n] = k(
+function xt(e) {
+  const [t, n] = T(
     () => `
-${yt({
+${gt({
       cssCode: e.cssCode,
       contentId: e.contentId
     })}
-${xt({
+${pt({
       customFonts: e.customFonts
     })}
-${St(e.isNestedRender)}
+${ht(e.isNestedRender)}
 `.trim()
   );
-  return /* @__PURE__ */ h(
-    ne,
+  return /* @__PURE__ */ b(
+    X,
     {
       id: "builderio-content",
       styles: t,
@@ -1792,7 +1769,7 @@ ${St(e.isNestedRender)}
     }
   );
 }
-const It = ({
+const vt = ({
   content: e,
   data: t,
   locale: n
@@ -1809,7 +1786,7 @@ const It = ({
       locale: n
     } : {}
   };
-}, wt = ({
+}, St = ({
   content: e,
   data: t
 }) => e ? {
@@ -1820,51 +1797,51 @@ const It = ({
   },
   meta: e == null ? void 0 : e.meta
 } : void 0;
-function ee(e) {
-  var p, b, C, T, V, E, F;
-  const [t, n] = k(
+function Q(e) {
+  var S, y, w, k, F, P, W, I, R;
+  const [t, n] = T(
     () => {
-      var x, c;
-      return pt({
+      var g, u;
+      return st({
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
-        variationId: (x = e.content) == null ? void 0 : x.testVariationId,
+        variationId: (g = e.content) == null ? void 0 : g.testVariationId,
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
-        contentId: (c = e.content) == null ? void 0 : c.id
+        contentId: (u = e.content) == null ? void 0 : u.id
       });
     }
   );
-  function i(x) {
-    o((c) => ({
-      ...c,
-      rootState: x
+  function i(g) {
+    o((u) => ({
+      ...u,
+      rootState: g
     }));
   }
-  const [d, m] = k(
+  const [d, m] = T(
     () => {
-      var x;
+      var g;
       return [
-        ...G(),
-        ...((x = e.customComponents) == null ? void 0 : x.filter(({ models: c }) => !(c != null && c.length) || !e.model ? !0 : c.includes(e.model))) || []
+        ...z(),
+        ...((g = e.customComponents) == null ? void 0 : g.filter(({ models: u }) => !(u != null && u.length) || !e.model ? !0 : u.includes(e.model))) || []
       ].reduce(
-        (c, { component: w, ...I }) => ({
-          ...c,
-          [I.name]: {
-            component: w,
-            ...Y(I)
+        (u, { component: E, ...r }) => ({
+          ...u,
+          [r.name]: {
+            component: E,
+            ..._(r)
           }
         }),
         {}
       );
     }
-  ), [a, o] = k(() => {
-    var x;
+  ), [a, o] = T(() => {
+    var g;
     return {
-      content: wt({
+      content: St({
         content: e.content,
         data: e.data
       }),
       localState: void 0,
-      rootState: It({
+      rootState: vt({
         content: e.content,
         data: e.data,
         locale: e.locale
@@ -1875,12 +1852,12 @@ function ee(e) {
       apiKey: e.apiKey,
       apiVersion: e.apiVersion,
       componentInfos: [
-        ...G(),
-        ...((x = e.customComponents) == null ? void 0 : x.filter(({ models: c }) => !(c != null && c.length) || !e.model ? !0 : c.includes(e.model))) || []
+        ...z(),
+        ...((g = e.customComponents) == null ? void 0 : g.filter(({ models: u }) => !(u != null && u.length) || !e.model ? !0 : u.includes(e.model))) || []
       ].reduce(
-        (c, { component: w, ...I }) => ({
-          ...c,
-          [I.name]: Y(I)
+        (u, { component: E, ...r }) => ({
+          ...u,
+          [r.name]: _(r)
         }),
         {}
       ),
@@ -1889,15 +1866,35 @@ function ee(e) {
       BlocksWrapperProps: e.blocksWrapperProps || {},
       nonce: e.nonce || ""
     };
-  });
-  return /* @__PURE__ */ h(
-    Re.Provider,
+  }), p = q(!1);
+  if (!p.current) {
+    e.apiKey || ue.error(
+      "No API key provided to `Content` component. This can cause issues. Please provide an API key using the `apiKey` prop."
+    );
+    const g = (y = (S = a.content) == null ? void 0 : S.data) == null ? void 0 : y.jsCode;
+    g && Z({
+      code: g,
+      context: e.context || {},
+      localState: void 0,
+      rootState: a.rootState,
+      rootSetState: (u) => {
+        Object.assign(a.rootState, u);
+      },
+      isExpression: !1,
+      /**
+       * We don't want to cache the result of the JS code, since it's arbitrary side effect code.
+       */
+      enableCache: !1
+    }), p.current = !0;
+  }
+  return /* @__PURE__ */ b(
+    ke.Provider,
     {
       value: {
         registeredComponents: d
       },
-      children: /* @__PURE__ */ H(
-        kt,
+      children: /* @__PURE__ */ N(
+        yt,
         {
           nonce: e.nonce,
           content: e.content,
@@ -1915,28 +1912,28 @@ function ee(e) {
           trustedHosts: e.trustedHosts,
           setBuilderContextSignal: o,
           children: [
-            e.isSsrAbTest ? /* @__PURE__ */ h(
-              N,
+            e.isSsrAbTest ? /* @__PURE__ */ b(
+              K,
               {
                 id: "builderio-variant-visibility",
                 scriptStr: t,
                 nonce: e.nonce || ""
               }
             ) : null,
-            /* @__PURE__ */ h(
-              Ct,
+            /* @__PURE__ */ b(
+              xt,
               {
                 nonce: e.nonce || "",
                 isNestedRender: e.isNestedRender,
-                contentId: (p = a.content) == null ? void 0 : p.id,
-                cssCode: (C = (b = a.content) == null ? void 0 : b.data) == null ? void 0 : C.cssCode,
-                customFonts: (V = (T = a.content) == null ? void 0 : T.data) == null ? void 0 : V.customFonts
+                contentId: (w = a.content) == null ? void 0 : w.id,
+                cssCode: (F = (k = a.content) == null ? void 0 : k.data) == null ? void 0 : F.cssCode,
+                customFonts: (W = (P = a.content) == null ? void 0 : P.data) == null ? void 0 : W.customFonts
               }
             ),
-            /* @__PURE__ */ h(
-              Ee,
+            /* @__PURE__ */ b(
+              Ie,
               {
-                blocks: (F = (E = a.content) == null ? void 0 : E.data) == null ? void 0 : F.blocks,
+                blocks: (R = (I = a.content) == null ? void 0 : I.data) == null ? void 0 : R.blocks,
                 context: a,
                 registeredComponents: d,
                 linkComponent: e.linkComponent
@@ -1948,18 +1945,18 @@ function ee(e) {
     }
   );
 }
-function Ut(e) {
+function Ft(e) {
   var a;
-  const [t, n] = k(
-    () => dt({
-      canTrack: A(e.canTrack),
+  const [t, n] = T(
+    () => it({
+      canTrack: D(e.canTrack),
       content: e.content
     })
   );
   function i() {
     var o;
-    return mt(
-      W(e.content).map((p) => ({
+    return lt(
+      B(e.content).map((p) => ({
         id: p.testVariationId,
         testRatio: p.testRatio
       })),
@@ -1967,47 +1964,47 @@ function Ut(e) {
     );
   }
   function d() {
-    return W(e.content).map((o) => `.variant-${o.testVariationId} { display: none; } `).join("");
+    return B(e.content).map((o) => `.variant-${o.testVariationId} { display: none; } `).join("");
   }
   function m() {
     var o;
     return t ? {
       ...e.content,
       testVariationId: (o = e.content) == null ? void 0 : o.id
-    } : he({
+    } : ce({
       item: e.content,
-      canTrack: A(e.canTrack)
+      canTrack: D(e.canTrack)
     });
   }
-  return S(() => {
-  }, []), /* @__PURE__ */ H(z, { children: [
-    !e.isNestedRender && te !== "reactNative" ? /* @__PURE__ */ h(
-      N,
+  return C(() => {
+  }, []), /* @__PURE__ */ N(M, { children: [
+    !e.isNestedRender && G !== "reactNative" ? /* @__PURE__ */ b(
+      K,
       {
         id: "builderio-init-variants-fns",
-        scriptStr: ct(),
+        scriptStr: rt(),
         nonce: e.nonce || ""
       }
     ) : null,
-    t ? /* @__PURE__ */ H(z, { children: [
-      /* @__PURE__ */ h(
-        ne,
+    t ? /* @__PURE__ */ N(M, { children: [
+      /* @__PURE__ */ b(
+        X,
         {
           id: "builderio-variants",
           styles: d(),
           nonce: e.nonce || ""
         }
       ),
-      /* @__PURE__ */ h(
-        N,
+      /* @__PURE__ */ b(
+        K,
         {
           id: "builderio-variants-visibility",
           scriptStr: i(),
           nonce: e.nonce || ""
         }
       ),
-      (a = W(e.content)) == null ? void 0 : a.map((o) => /* @__PURE__ */ h(
-        ee,
+      (a = B(e.content)) == null ? void 0 : a.map((o) => /* @__PURE__ */ b(
+        Q,
         {
           isNestedRender: e.isNestedRender,
           nonce: e.nonce,
@@ -2033,8 +2030,8 @@ function Ut(e) {
         o.testVariationId
       ))
     ] }) : null,
-    /* @__PURE__ */ h(
-      ee,
+    /* @__PURE__ */ b(
+      Q,
       {
         nonce: e.nonce,
         isNestedRender: e.isNestedRender,
@@ -2061,5 +2058,5 @@ function Ut(e) {
   ] });
 }
 export {
-  Ut as default
+  Ft as default
 };