@builder.io/sdk-react 4.1.3 → 4.2.1

package/lib/edge/{content-variants-90878d85.js → content-variants-a704e35c.js}

@@ -1,8 +1,8 @@
-import { jsx as v, jsxs as U, Fragment as j } from "react/jsx-runtime";
-import { lazy as I, useRef as Q, useState as V, useEffect as W } from "react";
-import { TARGET as F, isBrowser as _, isEditing as N, isPreviewing as oe, setupBrowserForEditing as ge, createRegisterComponentMessage as he, getDefaultCanTrack as q, getCookieSync as be, _track as X, fetchOneEntry as ye, createEditorListener as ve, logFetch as xe, serializeIncludingFunctions as Z, logger as Se, handleABTestingSync as Te } from "./server-entry-6e9f2e70.js";
+import { jsx as T, jsxs as B, Fragment as j } from "react/jsx-runtime";
+import { lazy as C, useRef as Q, useState as R, useEffect as W } from "react";
+import { TARGET as F, isBrowser as U, isEditing as N, isPreviewing as oe, setupBrowserForEditing as ge, createRegisterComponentMessage as he, getDefaultCanTrack as O, getCookieSync as be, _track as X, fetchOneEntry as ye, createEditorListener as ve, logFetch as xe, serializeIncludingFunctions as Z, logger as Se, handleABTestingSync as Te } from "./server-entry-c9d5300f.js";
 import { Video as Ie, Button as ke, Columns as Ce, Fragment as we, Image as Ve, Section as Ee, Symbol as Re, Text as Ae, BuilderContext as De } from "./blocks-exports.mjs";
-import { triggerAnimation as Fe, evaluate as re, fastClone as Pe, InlinedStyles as se, ComponentsContext as We, Blocks as Ne } from "./blocks-f5fb0ce5.js";
+import { triggerAnimation as Fe, evaluate as re, fastClone as Pe, InlinedStyles as se, ComponentsContext as We, Blocks as Ne } from "./blocks-e1f5b0d0.js";
 function Gt(e, t, n, o) {
   function r(f) {
     return typeof f == "string";
@@ -12,24 +12,24 @@ function Gt(e, t, n, o) {
   }
   function i(f, m) {
     return (() => {
-      const x = m.property, C = m.operator;
+      const I = m.property, E = m.operator;
       let d = m.value;
-      if (m && m.property === "urlPath" && m.value && typeof m.value == "string" && m.value !== "/" && m.value.endsWith("/") && (d = m.value.slice(0, -1)), !(x && C))
+      if (m && m.property === "urlPath" && m.value && typeof m.value == "string" && m.value !== "/" && m.value.endsWith("/") && (d = m.value.slice(0, -1)), !(I && E))
         return !0;
       if (Array.isArray(d))
-        return C === "isNot" ? d.every((k) => i(f, {
-          property: x,
-          operator: C,
-          value: k
-        })) : !!d.find((k) => i(f, {
-          property: x,
-          operator: C,
-          value: k
+        return E === "isNot" ? d.every((w) => i(f, {
+          property: I,
+          operator: E,
+          value: w
+        })) : !!d.find((w) => i(f, {
+          property: I,
+          operator: E,
+          value: w
         }));
-      const u = f[x];
+      const u = f[I];
       if (Array.isArray(u))
         return u.includes(d);
-      switch (C) {
+      switch (E) {
         case "is":
           return u === d;
         case "isNot":
@@ -223,7 +223,7 @@ const $e = `function getPersonalizedVariant(variants, blockId, isHydrationTarget
   }
 }`, Ue = "default", Be = "filterWithCustomTargeting", le = "builderIoPersonalization", ue = "updateVisibilityStylesScript", de = ["react", "vue", "svelte", "qwik"], He = ["vue", "svelte", "qwik"];
 function Xt(e, t) {
-  return !(e && e.length > 0) || !t ? !1 : He.includes(F) ? !0 : !_();
+  return !(e && e.length > 0) || !t ? !1 : He.includes(F) ? !0 : !U();
 }
 function Zt({
   variants: e,
@@ -250,7 +250,7 @@ function Zt({
     }
     return s;
   }
-  if (_()) {
+  if (U()) {
     const a = o == null ? void 0 : o[0];
     if (a && e) {
       const l = e.indexOf(a);
@@ -392,7 +392,7 @@ const qe = () => `
     builderComponents: !0,
     builderLinkComponent: !0
   }
-}, je = I(() => import("./accordion-1784524c.js")), Me = {
+}, je = C(() => import("./accordion-a8a363e4.js")), Me = {
   name: "Core:Button",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",
   defaultStyles: {
@@ -667,8 +667,8 @@ const qe = () => `
           let P = !1;
           m.onload = () => {
             P = !0, l(m);
-          }, m.addEventListener("error", (x) => {
-            console.warn("Image load failed", x.error), f(x.error);
+          }, m.addEventListener("error", (I) => {
+            console.warn("Image load failed", I.error), f(I.error);
           }), m.src = i, setTimeout(() => {
             P || f(new Error("Image load timed out"));
           }, a);
@@ -789,7 +789,7 @@ const qe = () => `
       defaultValue: []
     }]
   }]
-}, Ge = I(() => import("./personalization-container-6a8723bf.js")), Xe = {
+}, Ge = C(() => import("./personalization-container-e784836e.js")), Xe = {
   name: "Core:Section",
   static: !0,
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F682efef23ace49afac61748dd305c70a",
@@ -845,7 +845,7 @@ const qe = () => `
     builderContext: !0,
     builderComponents: !0
   }
-}, et = I(() => import("./slot-74827ed2.js")), tt = {
+}, et = C(() => import("./slot-a17ee2d7.js")), tt = {
   name: "Symbol",
   noWrap: !0,
   static: !0,
@@ -1025,7 +1025,7 @@ const qe = () => `
     builderComponents: !0,
     builderLinkComponent: !0
   }
-}, at = I(() => import("./tabs-90d614d8.js")), it = {
+}, at = C(() => import("./tabs-26ac5b2f.js")), it = {
   shouldReceiveBuilderProps: {},
   name: "Text",
   static: !0,
@@ -1066,7 +1066,7 @@ const qe = () => `
     helperText: "Only print and run scripts on the client. Important when scripts influence DOM that could be replaced when client loads",
     advanced: !0
   }]
-}, rt = I(() => import("./custom-code-4fa9e701.js")), st = {
+}, rt = C(() => import("./custom-code-f6c30129.js")), st = {
   name: "Embed",
   static: !0,
   inputs: [{
@@ -1081,7 +1081,7 @@ const qe = () => `
     defaultValue: '<div style="padding: 20px; text-align: center">(Choose an embed URL)<div>',
     hideFromUI: !0
   }]
-}, lt = I(() => import("./embed-80b047e6.js")), ut = {
+}, lt = C(() => import("./embed-3c0b5564.js")), ut = {
   name: "Form:Form",
   // editableTags: ['builder-form-error']
   defaults: {
@@ -1318,7 +1318,7 @@ const qe = () => `
     builderComponents: !0,
     builderLinkComponent: !0
   }
-}, dt = I(() => import("./form-539b46dc.js")), ct = {
+}, dt = C(() => import("./form-8b068721.js")), ct = {
   name: "Form:Input",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fad6f37889d9e40bbbbc72cdb5875d6ca",
   inputs: [
@@ -1369,7 +1369,7 @@ const qe = () => `
     borderStyle: "solid",
     borderColor: "#ccc"
   }
-}, mt = I(() => import("./input-4b7d5309.js")), pt = {
+}, mt = C(() => import("./input-665ef328.js")), pt = {
   name: "Form:Select",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F83acca093fb24aaf94dee136e9a4b045",
   defaultStyles: {
@@ -1411,7 +1411,7 @@ const qe = () => `
   }],
   static: !0,
   noWrap: !0
-}, ft = I(() => import("./select-2c39366d.js")), gt = {
+}, ft = C(() => import("./select-5fe49bd4.js")), gt = {
   name: "Form:SubmitButton",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fdf2820ffed1f4349a94c40b3221f5b98",
   defaultStyles: {
@@ -1436,7 +1436,7 @@ const qe = () => `
   // that only shows if advanced setting is flipped
   // TODO: defaultChildren
   // canHaveChildren: true,
-}, ht = I(() => import("./submit-button-b48361a7.js")), bt = {
+}, ht = C(() => import("./submit-button-b48361a7.js")), bt = {
   name: "Form:TextArea",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Ff74a2f3de58c4c3e939204e5b6b8f6c3",
   inputs: [{
@@ -1472,7 +1472,7 @@ const qe = () => `
   },
   static: !0,
   noWrap: !0
-}, yt = I(() => import("./textarea-d29025e9.js")), vt = {
+}, yt = C(() => import("./textarea-d29025e9.js")), vt = {
   // friendlyName?
   name: "Raw:Img",
   hideFromInsertMenu: !0,
@@ -1486,7 +1486,7 @@ const qe = () => `
   }],
   noWrap: !0,
   static: !0
-}, xt = I(() => import("./img-e2d845d3.js")), St = {
+}, xt = C(() => import("./img-dfbd4080.js")), St = {
   name: "Video",
   canHaveChildren: !0,
   defaultStyles: {
@@ -1723,14 +1723,14 @@ const qe = () => `
     thisScriptEl?.remove();
   }
   return;
-}`, me = "builderIoAbTest", pe = "builderIoRenderContent", B = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
+}`, me = "builderIoAbTest", pe = "builderIoRenderContent", H = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
   ...t,
   testVariationId: t.id,
   id: e == null ? void 0 : e.id
 })), Ct = ({
   canTrack: e,
   content: t
-}) => !(!(B(t).length > 0) || !e || _()), wt = (e) => e === "react" || e === "reactNative", Vt = F === "angular", fe = wt(F), Et = () => `
+}) => !(!(H(t).length > 0) || !e || U()), wt = (e) => e === "react" || e === "reactNative", Vt = F === "angular", fe = wt(F), Et = () => `
   window.${me} = ${It}
   window.${pe} = ${kt}
   `, Rt = (e, t) => `
@@ -1742,8 +1742,8 @@ const qe = () => `
 }) => `window.${pe}(
     "${t}", "${e}", ${fe}
   )`;
-function H(e) {
-  return /* @__PURE__ */ v(
+function q(e) {
+  return /* @__PURE__ */ T(
     "script",
     {
       dangerouslySetInnerHTML: { __html: e.scriptStr },
@@ -1847,9 +1847,9 @@ font-weight: ${a};
 }
 `, Ut = (e) => e ? "" : Lt, Bt = (e) => `variant-${e}`;
 function Ht(e) {
-  var y, T, A;
+  var v, k, D;
   const t = Q(null);
-  V(() => !1);
+  R(() => !1);
   function n(c) {
     var h, b;
     const p = {
@@ -1862,7 +1862,7 @@ function Ht(e) {
     }));
   }
   function o(c) {
-    var h, b, g, D, E;
+    var h, b, g, x, A;
     const p = {
       ...e.builderContextSignal.content,
       ...c,
@@ -1873,11 +1873,11 @@ function Ht(e) {
       meta: {
         ...(b = e.builderContextSignal.content) == null ? void 0 : b.meta,
         ...c == null ? void 0 : c.meta,
-        breakpoints: ((g = c == null ? void 0 : c.meta) == null ? void 0 : g.breakpoints) || ((E = (D = e.builderContextSignal.content) == null ? void 0 : D.meta) == null ? void 0 : E.breakpoints)
+        breakpoints: ((g = c == null ? void 0 : c.meta) == null ? void 0 : g.breakpoints) || ((A = (x = e.builderContextSignal.content) == null ? void 0 : x.meta) == null ? void 0 : A.breakpoints)
       }
     };
-    e.setBuilderContextSignal((w) => ({
-      ...w,
+    e.setBuilderContextSignal((_) => ({
+      ..._,
       content: p
     }));
   }
@@ -1887,7 +1887,7 @@ function Ht(e) {
       "aria-hidden": !0
     };
   }
-  const [s, i] = V(
+  const [s, i] = R(
     () => e.contentWrapper || "div"
   );
   function a(c) {
@@ -1916,7 +1916,7 @@ function Ht(e) {
       }
     })(c);
   }
-  const [l, f] = V(() => ({})), [m, P] = V(() => ({})), [x, C] = V(() => !1);
+  const [l, f] = R(() => ({})), [m, P] = R(() => ({})), [I, E] = R(() => !1);
   function d(c) {
     var p, h;
     if (e.builderContextSignal.content) {
@@ -1924,47 +1924,69 @@ function Ht(e) {
       X({
         apiHost: e.apiHost,
         type: "click",
-        canTrack: q(e.canTrack),
+        canTrack: O(e.canTrack),
         contentId: g,
         apiKey: e.apiKey,
         variationId: b !== g ? b : void 0,
         ...Pt(c),
-        unique: !x
+        unique: !I
       });
     }
-    x || C(!0);
+    I || E(!0);
   }
   function u() {
     var p, h, b;
     const c = (b = (h = (p = e.builderContextSignal.content) == null ? void 0 : p.data) == null ? void 0 : h.httpRequests) != null ? b : {};
-    Object.entries(c).forEach(([g, D]) => {
-      if (!D || m[g] || l[g] && !N())
-        return;
-      m[g] = !0;
-      const E = D.replace(
-        /{{([^}]+)}}/g,
-        (w, S) => String(
-          re({
-            code: S,
-            context: e.context || {},
-            localState: void 0,
-            rootState: e.builderContextSignal.rootState,
-            rootSetState: e.builderContextSignal.rootSetState
-          })
-        )
-      );
-      xe(E), fetch(E).then((w) => w.json()).then((w) => {
-        n({
-          [g]: w
-        }), l[g] = !0;
-      }).catch((w) => {
-        console.error("error fetching dynamic data", D, w);
-      }).finally(() => {
-        m[g] = !1;
-      });
-    });
+    Object.entries(c).forEach(
+      ([g, x]) => {
+        if (!x)
+          return;
+        const A = typeof x == "object" && x["@type"] === "@builder.io/core:Request";
+        if (m[g] || l[g] && !N())
+          return;
+        const _ = A ? x.request.url : x;
+        m[g] = !0;
+        const S = _.replace(
+          /{{([^}]+)}}/g,
+          (V, L) => String(
+            re({
+              code: L,
+              context: e.context || {},
+              localState: void 0,
+              rootState: e.builderContextSignal.rootState,
+              rootSetState: e.builderContextSignal.rootSetState
+            })
+          )
+        ), y = A ? {
+          url: S,
+          method: x.request.method,
+          headers: x.request.headers,
+          body: x.request.body
+        } : {
+          url: S,
+          method: "GET"
+        };
+        xe(JSON.stringify(y)), fetch(y.url, {
+          method: y.method,
+          headers: y.headers,
+          body: y.body
+        }).then((V) => V.json()).then((V) => {
+          n({
+            [g]: V
+          }), l[g] = !0;
+        }).catch((V) => {
+          console.error(
+            "error fetching dynamic data",
+            JSON.stringify(x),
+            V
+          );
+        }).finally(() => {
+          m[g] = !1;
+        });
+      }
+    );
   }
-  function k() {
+  function w() {
     N() && window.dispatchEvent(
       new CustomEvent(
         "builder:component:stateChange",
@@ -1980,9 +2002,9 @@ function Ht(e) {
     );
   }
   const $ = Q(!1);
-  return $.current || (u(), k(), $.current = !0), W(() => {
+  return $.current || (u(), w(), $.current = !0), W(() => {
     var c, p, h, b, g;
-    if (_()) {
+    if (U()) {
       N() && !e.isNestedRender && (window.addEventListener("message", a), ge({
         ...e.locale ? {
           locale: e.locale
@@ -1998,39 +2020,39 @@ function Ht(e) {
       }), Object.values(
         e.builderContextSignal.componentInfos
       ).forEach((S) => {
-        var R, L;
-        if (!((R = S.models) != null && R.length) || S.models.includes(e.model)) {
-          const O = he(S);
-          (L = window.parent) == null || L.postMessage(O, "*");
+        var y, V;
+        if (!((y = S.models) != null && y.length) || S.models.includes(e.model)) {
+          const L = he(S);
+          (V = window.parent) == null || V.postMessage(L, "*");
         }
       }), window.addEventListener(
         "builder:component:stateChangeListenerActivated",
-        k
+        w
       ));
-      const D = e.builderContextSignal.content && q(e.canTrack), E = be({
+      const x = e.builderContextSignal.content && O(e.canTrack), A = be({
         name: `builder.tests.${(p = e.builderContextSignal.content) == null ? void 0 : p.id}`,
         canTrack: !0
-      }), w = (h = e.builderContextSignal.content) == null ? void 0 : h.testVariationId;
-      if (D && w === E) {
-        const S = (b = e.builderContextSignal.content) == null ? void 0 : b.id, R = e.apiKey;
+      }), _ = (h = e.builderContextSignal.content) == null ? void 0 : h.testVariationId;
+      if (x && _ === A) {
+        const S = (b = e.builderContextSignal.content) == null ? void 0 : b.id, y = e.apiKey;
         X({
           apiHost: e.apiHost,
           type: "impression",
           canTrack: !0,
           contentId: S,
-          apiKey: R,
-          variationId: E !== S ? E : void 0
+          apiKey: y,
+          variationId: A !== S ? A : void 0
         });
       }
       if (oe() && !N()) {
-        const S = new URL(location.href).searchParams, R = S.get("builder.preview"), L = S.get(
-          `builder.overrides.${R}`
-        ), O = S.get("apiKey") || S.get("builder.space");
-        (R === "BUILDER_STUDIO" || R === e.model && O === e.apiKey && (!e.content || L === e.content.id)) && ye({
+        const S = new URL(location.href).searchParams, y = S.get("builder.preview"), V = S.get(
+          `builder.overrides.${y}`
+        ), L = S.get("apiKey") || S.get("builder.space");
+        (y === "BUILDER_STUDIO" || y === e.model && L === e.apiKey && (!e.content || V === e.content.id)) && ye({
           model: e.model,
           apiKey: e.apiKey,
           apiVersion: e.builderContextSignal.apiVersion,
-          ...R === "BUILDER_STUDIO" && ((g = e.context) != null && g.symbolId) ? {
+          ...y === "BUILDER_STUDIO" && ((g = e.context) != null && g.symbolId) ? {
             query: {
               id: e.context.symbolId
             }
@@ -2043,7 +2065,7 @@ function Ht(e) {
   }, []), W(() => {
     e.content && o(e.content);
   }, [e.content]), W(() => {
-    k();
+    w();
   }, [e.builderContextSignal.rootState]), W(() => {
     e.data && n(e.data);
   }, [e.data]), W(() => {
@@ -2051,19 +2073,19 @@ function Ht(e) {
       locale: e.locale
     });
   }, [e.locale]), W(() => () => {
-    _() && (window.removeEventListener("message", a), window.removeEventListener(
+    U() && (window.removeEventListener("message", a), window.removeEventListener(
       "builder:component:stateChangeListenerActivated",
-      k
+      w
     ));
-  }, []), /* @__PURE__ */ v(De.Provider, { value: e.builderContextSignal, children: e.builderContextSignal.content || ae() ? /* @__PURE__ */ v(
+  }, []), /* @__PURE__ */ T(De.Provider, { value: e.builderContextSignal, children: e.builderContextSignal.content || ae() ? /* @__PURE__ */ T(
     s,
     {
       ref: t,
       onClick: (c) => d(c),
-      "builder-content-id": (y = e.builderContextSignal.content) == null ? void 0 : y.id,
+      "builder-content-id": (v = e.builderContextSignal.content) == null ? void 0 : v.id,
       "builder-model": e.model,
       className: Bt(
-        ((T = e.content) == null ? void 0 : T.testVariationId) || ((A = e.content) == null ? void 0 : A.id)
+        ((k = e.content) == null ? void 0 : k.testVariationId) || ((D = e.content) == null ? void 0 : D.id)
       ),
       style: {
         display: !e.builderContextSignal.content && ae() ? "none" : void 0
@@ -2075,7 +2097,7 @@ function Ht(e) {
   ) : null });
 }
 function qt(e) {
-  const [t, n] = V(
+  const [t, n] = R(
     () => `
 ${_t({
       cssCode: e.cssCode,
@@ -2087,7 +2109,7 @@ ${$t({
 ${Ut(e.isNestedRender)}
 `.trim()
   );
-  return /* @__PURE__ */ v(
+  return /* @__PURE__ */ T(
     se,
     {
       id: "builderio-content",
@@ -2125,39 +2147,39 @@ const Ot = ({
   meta: e == null ? void 0 : e.meta
 } : void 0;
 function ie(e) {
-  var f, m, P, x, C, d, u, k, $;
-  const [t, n] = V(
+  var f, m, P, I, E, d, u, w, $;
+  const [t, n] = R(
     () => {
-      var y, T;
+      var v, k;
       return At({
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
-        variationId: (y = e.content) == null ? void 0 : y.testVariationId,
+        variationId: (v = e.content) == null ? void 0 : v.testVariationId,
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
-        contentId: (T = e.content) == null ? void 0 : T.id
+        contentId: (k = e.content) == null ? void 0 : k.id
       });
     }
   );
-  function o(y) {
-    a((T) => ({
-      ...T,
-      rootState: y
+  function o(v) {
+    a((k) => ({
+      ...k,
+      rootState: v
     }));
   }
-  const [r, s] = V(
+  const [r, s] = R(
     () => [
       ...ee(),
       ...e.customComponents || []
     ].reduce(
-      (y, { component: T, ...A }) => ({
-        ...y,
-        [A.name]: {
-          component: T,
-          ...Z(A)
+      (v, { component: k, ...D }) => ({
+        ...v,
+        [D.name]: {
+          component: k,
+          ...Z(D)
         }
       }),
       {}
     )
-  ), [i, a] = V(() => ({
+  ), [i, a] = R(() => ({
     content: jt({
       content: e.content,
       data: e.data
@@ -2177,9 +2199,9 @@ function ie(e) {
       ...ee(),
       ...e.customComponents || []
     ].reduce(
-      (y, { component: T, ...A }) => ({
-        ...y,
-        [A.name]: Z(A)
+      (v, { component: k, ...D }) => ({
+        ...v,
+        [D.name]: Z(D)
       }),
       {}
     ),
@@ -2193,25 +2215,25 @@ function ie(e) {
     e.apiKey || Se.error(
       "No API key provided to `Content` component. This can cause issues. Please provide an API key using the `apiKey` prop."
     );
-    const y = (m = (f = i.content) == null ? void 0 : f.data) == null ? void 0 : m.jsCode;
-    y && re({
-      code: y,
+    const v = (m = (f = i.content) == null ? void 0 : f.data) == null ? void 0 : m.jsCode;
+    v && re({
+      code: v,
       context: e.context || {},
       localState: void 0,
       rootState: i.rootState,
-      rootSetState: (T) => {
-        Object.assign(i.rootState, T);
+      rootSetState: (k) => {
+        Object.assign(i.rootState, k);
       },
       isExpression: !1
     }), l.current = !0;
   }
-  return /* @__PURE__ */ v(
+  return /* @__PURE__ */ T(
     We.Provider,
     {
       value: {
         registeredComponents: r
       },
-      children: /* @__PURE__ */ U(
+      children: /* @__PURE__ */ B(
         Ht,
         {
           apiHost: e.apiHost,
@@ -2232,28 +2254,28 @@ function ie(e) {
           isNestedRender: e.isNestedRender,
           setBuilderContextSignal: a,
           children: [
-            e.isSsrAbTest ? /* @__PURE__ */ v(
-              H,
+            e.isSsrAbTest ? /* @__PURE__ */ T(
+              q,
               {
                 id: "builderio-variant-visibility",
                 scriptStr: t,
                 nonce: e.nonce || ""
               }
             ) : null,
-            /* @__PURE__ */ v(
+            /* @__PURE__ */ T(
               qt,
               {
                 nonce: e.nonce || "",
                 isNestedRender: e.isNestedRender,
                 contentId: (P = i.content) == null ? void 0 : P.id,
-                cssCode: (C = (x = i.content) == null ? void 0 : x.data) == null ? void 0 : C.cssCode,
+                cssCode: (E = (I = i.content) == null ? void 0 : I.data) == null ? void 0 : E.cssCode,
                 customFonts: (u = (d = i.content) == null ? void 0 : d.data) == null ? void 0 : u.customFonts
               }
             ),
-            /* @__PURE__ */ v(
+            /* @__PURE__ */ T(
               Ne,
               {
-                blocks: ($ = (k = i.content) == null ? void 0 : k.data) == null ? void 0 : $.blocks,
+                blocks: ($ = (w = i.content) == null ? void 0 : w.data) == null ? void 0 : $.blocks,
                 context: i,
                 registeredComponents: r,
                 linkComponent: e.linkComponent
@@ -2267,16 +2289,16 @@ function ie(e) {
 }
 function Mt(e) {
   var i;
-  const [t, n] = V(
+  const [t, n] = R(
     () => Ct({
-      canTrack: q(e.canTrack),
+      canTrack: O(e.canTrack),
       content: e.content
     })
   );
   function o() {
     var a;
     return Rt(
-      B(e.content).map((l) => ({
+      H(e.content).map((l) => ({
         id: l.testVariationId,
         testRatio: l.testRatio
       })),
@@ -2284,7 +2306,7 @@ function Mt(e) {
     );
   }
   function r() {
-    return B(e.content).map((a) => `.variant-${a.testVariationId} { display: none; } `).join("");
+    return H(e.content).map((a) => `.variant-${a.testVariationId} { display: none; } `).join("");
   }
   function s() {
     var a;
@@ -2293,22 +2315,22 @@ function Mt(e) {
       testVariationId: (a = e.content) == null ? void 0 : a.id
     } : Te({
       item: e.content,
-      canTrack: q(e.canTrack)
+      canTrack: O(e.canTrack)
     });
   }
   return W(() => {
-  }, []), /* @__PURE__ */ U(j, { children: [
-    !e.isNestedRender && F !== "reactNative" ? /* @__PURE__ */ U(j, { children: [
-      /* @__PURE__ */ v(
-        H,
+  }, []), /* @__PURE__ */ B(j, { children: [
+    !e.isNestedRender && F !== "reactNative" ? /* @__PURE__ */ B(j, { children: [
+      /* @__PURE__ */ T(
+        q,
         {
           id: "builderio-init-variants-fns",
           scriptStr: Et(),
           nonce: e.nonce || ""
         }
       ),
-      de.includes(F) ? /* @__PURE__ */ v(
-        H,
+      de.includes(F) ? /* @__PURE__ */ T(
+        q,
         {
           id: "builderio-init-personalization-variants-fns",
           nonce: e.nonce || "",
@@ -2316,8 +2338,8 @@ function Mt(e) {
         }
       ) : null
     ] }) : null,
-    t ? /* @__PURE__ */ U(j, { children: [
-      /* @__PURE__ */ v(
+    t ? /* @__PURE__ */ B(j, { children: [
+      /* @__PURE__ */ T(
         se,
         {
           id: "builderio-variants",
@@ -2325,15 +2347,15 @@ function Mt(e) {
           nonce: e.nonce || ""
         }
       ),
-      /* @__PURE__ */ v(
-        H,
+      /* @__PURE__ */ T(
+        q,
         {
           id: "builderio-variants-visibility",
           scriptStr: o(),
           nonce: e.nonce || ""
         }
       ),
-      (i = B(e.content)) == null ? void 0 : i.map((a) => /* @__PURE__ */ v(
+      (i = H(e.content)) == null ? void 0 : i.map((a) => /* @__PURE__ */ T(
         ie,
         {
           apiHost: e.apiHost,
@@ -2361,7 +2383,7 @@ function Mt(e) {
         a.testVariationId
       ))
     ] }) : null,
-    /* @__PURE__ */ v(
+    /* @__PURE__ */ T(
       ie,
       {
         apiHost: e.apiHost,
@@ -2395,7 +2417,7 @@ const nn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
 }, Symbol.toStringTag, { value: "Module" }));
 export {
   Ue as DEFAULT_INDEX,
-  H as InlinedScript,
+  q as InlinedScript,
   He as SDKS_REQUIRING_RESET_APPROACH,
   Xt as checkShouldRenderVariants,
   nn as contentVariants,