@builder.io/sdk-react 3.0.1 → 3.0.3

package/lib/edge/{content-variants-3ab9230f.js → content-variants-59dc0824.js}

@@ -1,12 +1,11 @@
-import { jsx as h, jsxs as q, Fragment as O } from "react/jsx-runtime";
-import { lazy as v, useRef as $, useState as I, useEffect as V } from "react";
-import { isBrowser as j, TARGET as _, isEditing as F, isPreviewing as ee, registerInsertMenu as le, setupBrowserForEditing as se, createRegisterComponentMessage as de, getDefaultCanTrack as D, _track as z, fetchOneEntry as ce, createEditorListener as ue, logFetch as me, serializeIncludingFunctions as J, logger as pe, handleABTestingSync as fe } from "./server-entry-6c0047ea.js";
+import { jsx as h, jsxs as $, Fragment as z } from "react/jsx-runtime";
+import { lazy as S, useRef as _, useState as I, useEffect as V } from "react";
+import { isBrowser as j, TARGET as O, isEditing as F, isPreviewing as te, registerInsertMenu as le, setupBrowserForEditing as se, createRegisterComponentMessage as de, getDefaultCanTrack as H, _track as J, fetchOneEntry as ce, createEditorListener as ue, logFetch as me, serializeIncludingFunctions as Y, logger as pe, handleABTestingSync as fe } from "./server-entry-35f12729.js";
 import { Video as ge, Button as he, Columns as be, Fragment as ye, Image as xe, Section as ve, Symbol as Se, Text as Te, BuilderContext as Ie } from "./blocks-exports.mjs";
-import { triggerAnimation as ke, fastClone as Ce, InlinedStyles as te, ComponentsContext as we, Blocks as Ve } from "./blocks-9c35be74.js";
-import { evaluate as ne } from "./evaluate-f0b82ede.js";
-import "./get-class-prop-name-a3bd113c.js";
+import { triggerAnimation as ke, evaluate as ne, fastClone as Ce, InlinedStyles as ae, ComponentsContext as we, Blocks as Ve } from "./blocks-105e50e5.js";
+import "./get-class-prop-name-6b143ec7.js";
 import "./dynamic-renderer-8b343325.js";
-const H = {
+const U = {
   "@type": "@builder.io/sdk:Element",
   layerName: "Accordion item title",
   responsiveStyles: {
@@ -83,7 +82,7 @@ const H = {
       name: "title",
       type: "uiBlocks",
       hideFromUI: !0,
-      defaultValue: [H]
+      defaultValue: [U]
     }, {
       name: "detail",
       type: "uiBlocks",
@@ -91,10 +90,10 @@ const H = {
       defaultValue: [L]
     }],
     defaultValue: [{
-      title: [H],
+      title: [U],
       detail: [L]
     }, {
-      title: [H],
+      title: [U],
       detail: [L]
     }],
     showIf: (e) => !e.get("useChildrenForItems")
@@ -130,7 +129,7 @@ const H = {
     builderComponents: !0,
     builderLinkComponent: !0
   }
-}, Ee = v(() => import("./accordion-1572cb0d.js")), Fe = {
+}, Ee = S(() => import("./accordion-c786f197.js")), Fe = {
   name: "Core:Button",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",
   defaultStyles: {
@@ -345,7 +344,7 @@ const H = {
         });
       }
       const n = e.get("columns");
-      Array.isArray(n) && n.find((s) => s.get("width")) && (n.find((u) => !u.get("width")) || n.reduce((o, m) => o + m.get("width"), 0) !== 100) && t();
+      Array.isArray(n) && n.find((l) => l.get("width")) && (n.find((c) => !c.get("width")) || n.reduce((o, u) => o + u.get("width"), 0) !== 100) && t();
     }
   }, {
     name: "space",
@@ -400,28 +399,28 @@ const H = {
     onChange: (e) => {
       e.delete("srcset"), e.delete("noWebp");
       function n(a, o = 6e4) {
-        return new Promise((m, S) => {
-          const y = document.createElement("img");
+        return new Promise((u, T) => {
+          const v = document.createElement("img");
           let R = !1;
-          y.onload = () => {
-            R = !0, m(y);
-          }, y.addEventListener("error", (k) => {
-            console.warn("Image load failed", k.error), S(k.error);
-          }), y.src = a, setTimeout(() => {
-            R || S(new Error("Image load timed out"));
+          v.onload = () => {
+            R = !0, u(v);
+          }, v.addEventListener("error", (k) => {
+            console.warn("Image load failed", k.error), T(k.error);
+          }), v.src = a, setTimeout(() => {
+            R || T(new Error("Image load timed out"));
           }, o);
         });
       }
       function i(a) {
         return Math.round(a * 1e3) / 1e3;
       }
-      const s = e.get("image"), u = e.get("aspectRatio");
-      if (fetch(s).then((a) => a.blob()).then((a) => {
+      const l = e.get("image"), c = e.get("aspectRatio");
+      if (fetch(l).then((a) => a.blob()).then((a) => {
         a.type.includes("svg") && e.set("noWebp", !0);
-      }), s && (!u || u === 0.7041))
-        return n(s).then((a) => {
+      }), l && (!c || c === 0.7041))
+        return n(l).then((a) => {
           const o = e.get("aspectRatio");
-          e.get("image") === s && (!o || o === 0.7041) && a.width && a.height && (e.set("aspectRatio", i(a.height / a.width)), e.set("height", a.height), e.set("width", a.width));
+          e.get("image") === l && (!o || o === 0.7041) && a.width && a.height && (e.set("aspectRatio", i(a.height / a.width)), e.set("height", a.height), e.set("width", a.width));
         });
     }
   }, {
@@ -543,7 +542,7 @@ const H = {
     builderContext: !0,
     builderComponents: !0
   }
-}, Le = v(() => import("./slot-68f2b177.js")), Ue = {
+}, Ue = S(() => import("./slot-b9bcbd41.js")), Le = {
   name: "Symbol",
   noWrap: !0,
   static: !0,
@@ -582,7 +581,7 @@ const H = {
     builderComponents: !0,
     builderLinkComponent: !0
   }
-}, U = {
+}, N = {
   "@type": "@builder.io/sdk:Element",
   responsiveStyles: {
     large: {
@@ -604,7 +603,7 @@ const H = {
       text: "New tab"
     }
   }
-}, N = {
+}, q = {
   "@type": "@builder.io/sdk:Element",
   responsiveStyles: {
     large: {
@@ -630,16 +629,16 @@ const H = {
       name: "label",
       type: "uiBlocks",
       hideFromUI: !0,
-      defaultValue: [U]
+      defaultValue: [N]
     }, {
       name: "content",
       type: "uiBlocks",
       hideFromUI: !0,
-      defaultValue: [N]
+      defaultValue: [q]
     }],
     defaultValue: [{
       label: [{
-        ...U,
+        ...N,
         component: {
           name: "Text",
           options: {
@@ -648,7 +647,7 @@ const H = {
         }
       }],
       content: [{
-        ...N,
+        ...q,
         component: {
           name: "Text",
           options: {
@@ -658,7 +657,7 @@ const H = {
       }]
     }, {
       label: [{
-        ...U,
+        ...N,
         component: {
           name: "Text",
           options: {
@@ -667,7 +666,7 @@ const H = {
         }
       }],
       content: [{
-        ...N,
+        ...q,
         component: {
           name: "Text",
           options: {
@@ -723,7 +722,7 @@ const H = {
     builderComponents: !0,
     builderLinkComponent: !0
   }
-}, qe = v(() => import("./tabs-5156494d.js")), $e = {
+}, qe = S(() => import("./tabs-bc422e4c.js")), $e = {
   shouldReceiveBuilderProps: {
     builderBlock: !1,
     builderContext: !0
@@ -745,7 +744,7 @@ const H = {
     height: "auto",
     textAlign: "center"
   }
-}, je = {
+}, _e = {
   name: "Custom Code",
   static: !0,
   requiredPermissions: ["editCode"],
@@ -767,7 +766,7 @@ const H = {
     helperText: "Only print and run scripts on the client. Important when scripts influence DOM that could be replaced when client loads",
     advanced: !0
   }]
-}, Ke = v(() => import("./custom-code-7786788e.js")), _e = {
+}, je = S(() => import("./custom-code-7786788e.js")), Ke = {
   name: "Embed",
   static: !0,
   inputs: [{
@@ -782,7 +781,7 @@ const H = {
     defaultValue: '<div style="padding: 20px; text-align: center">(Choose an embed URL)<div>',
     hideFromUI: !0
   }]
-}, Me = v(() => import("./embed-5c1bbe12.js")), Oe = {
+}, Oe = S(() => import("./embed-5c1bbe12.js")), Me = {
   name: "Form:Form",
   // editableTags: ['builder-form-error']
   defaults: {
@@ -1019,7 +1018,7 @@ const H = {
     builderComponents: !0,
     builderLinkComponent: !0
   }
-}, ze = v(() => import("./form-27bcc23a.js")), Je = {
+}, ze = S(() => import("./form-7a7b98cf.js")), Je = {
   name: "Form:Input",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fad6f37889d9e40bbbbc72cdb5875d6ca",
   inputs: [
@@ -1070,7 +1069,7 @@ const H = {
     borderStyle: "solid",
     borderColor: "#ccc"
   }
-}, Ye = v(() => import("./input-920922d5.js")), Ge = {
+}, Ye = S(() => import("./input-752f3ce9.js")), Ge = {
   name: "Form:Select",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F83acca093fb24aaf94dee136e9a4b045",
   defaultStyles: {
@@ -1112,7 +1111,7 @@ const H = {
   }],
   static: !0,
   noWrap: !0
-}, Qe = v(() => import("./select-673864b7.js")), Xe = {
+}, Qe = S(() => import("./select-a1d6e80e.js")), Xe = {
   name: "Form:SubmitButton",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fdf2820ffed1f4349a94c40b3221f5b98",
   defaultStyles: {
@@ -1137,7 +1136,7 @@ const H = {
   // that only shows if advanced setting is flipped
   // TODO: defaultChildren
   // canHaveChildren: true,
-}, Ze = v(() => import("./submit-button-b48361a7.js")), et = {
+}, Ze = S(() => import("./submit-button-b48361a7.js")), et = {
   name: "Form:TextArea",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Ff74a2f3de58c4c3e939204e5b6b8f6c3",
   inputs: [{
@@ -1173,7 +1172,7 @@ const H = {
   },
   static: !0,
   noWrap: !0
-}, tt = v(() => import("./textarea-d29025e9.js")), nt = {
+}, tt = S(() => import("./textarea-d29025e9.js")), nt = {
   // friendlyName?
   name: "Raw:Img",
   hideFromInsertMenu: !0,
@@ -1187,7 +1186,7 @@ const H = {
   }],
   noWrap: !0,
   static: !0
-}, at = v(() => import("./img-80be6914.js")), it = {
+}, at = S(() => import("./img-2c4c6b78.js")), it = {
   name: "Video",
   canHaveChildren: !0,
   defaultStyles: {
@@ -1272,14 +1271,14 @@ const H = {
     builderBlock: !0
   }
 }, ot = () => [{
-  component: Ke,
-  ...je
-}, {
-  component: Me,
+  component: je,
   ..._e
+}, {
+  component: Oe,
+  ...Ke
 }, {
   component: ze,
-  ...Oe
+  ...Me
 }, {
   component: Ye,
   ...Je
@@ -1298,7 +1297,7 @@ const H = {
 }, {
   component: ge,
   ...it
-}], Y = () => [{
+}], G = () => [{
   component: he,
   ...Fe
 }, {
@@ -1314,11 +1313,11 @@ const H = {
   component: ve,
   ...De
 }, {
-  component: Le,
+  component: Ue,
   ...He
 }, {
   component: Se,
-  ...Ue
+  ...Le
 }, {
   component: Te,
   ...$e
@@ -1418,24 +1417,24 @@ const H = {
     thisScriptEl?.remove();
   }
   return;
-}`, ae = "builderIoAbTest", ie = "builderIoRenderContent", B = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
+}`, ie = "builderIoAbTest", oe = "builderIoRenderContent", D = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
   ...t,
   testVariationId: t.id,
   id: e == null ? void 0 : e.id
 })), st = ({
   canTrack: e,
   content: t
-}) => !(!(B(t).length > 0) || !e || j()), dt = (e) => e === "react" || e === "reactNative", oe = dt(_), ct = () => `
-  window.${ae} = ${rt}
-  window.${ie} = ${lt}
+}) => !(!(D(t).length > 0) || !e || j()), dt = (e) => e === "react" || e === "reactNative", re = dt(O), ct = () => `
+  window.${ie} = ${rt}
+  window.${oe} = ${lt}
   `, ut = (e, t) => `
-  window.${ae}(
-    "${t}",${JSON.stringify(e)}, ${oe}
+  window.${ie}(
+    "${t}",${JSON.stringify(e)}, ${re}
   )`, mt = ({
   contentId: e,
   variationId: t
-}) => `window.${ie}(
-    "${t}", "${e}", ${oe}
+}) => `window.${oe}(
+    "${t}", "${e}", ${re}
   )`;
 function K(e) {
   return /* @__PURE__ */ h(
@@ -1447,7 +1446,7 @@ function K(e) {
     }
   );
 }
-function G(e) {
+function Q(e) {
   return Math.round(e * 1e3) / 1e3;
 }
 const pt = (e, t, n = !0) => {
@@ -1464,13 +1463,13 @@ const pt = (e, t, n = !0) => {
 }, ft = (e) => pt(e, (t) => {
   const n = t.getAttribute("builder-id") || t.id;
   return (n == null ? void 0 : n.indexOf("builder-")) === 0;
-}), Q = ({
+}), X = ({
   event: e,
   target: t
 }) => {
-  const n = t.getBoundingClientRect(), i = e.clientX - n.left, s = e.clientY - n.top, u = G(i / n.width), a = G(s / n.height);
+  const n = t.getBoundingClientRect(), i = e.clientX - n.left, l = e.clientY - n.top, c = Q(i / n.width), a = Q(l / n.height);
   return {
-    x: u,
+    x: c,
     y: a
   };
 }, gt = (e) => {
@@ -1478,22 +1477,22 @@ const pt = (e, t, n = !0) => {
   return {
     targetBuilderElement: i || void 0,
     metadata: {
-      targetOffset: t ? Q({
+      targetOffset: t ? X({
         event: e,
         target: t
       }) : void 0,
-      builderTargetOffset: n ? Q({
+      builderTargetOffset: n ? X({
         event: e,
         target: n
       }) : void 0,
       builderElementIndex: n && i ? [].slice.call(document.getElementsByClassName(i)).indexOf(n) : void 0
     }
   };
-}, ht = ["svelte", "qwik", "vue"], X = () => ht.includes(_) && (F() || ee()), bt = (e) => {
-  var u, a;
-  const t = e.family + (e.kind && !e.kind.includes("#") ? ", " + e.kind : ""), n = t.split(",")[0], i = (a = e.fileUrl) != null ? a : (u = e == null ? void 0 : e.files) == null ? void 0 : u.regular;
-  let s = "";
-  if (i && t && n && (s += `
+}, ht = ["svelte", "qwik", "vue"], Z = () => ht.includes(O) && (F() || te()), bt = (e) => {
+  var c, a;
+  const t = e.family + (e.kind && !e.kind.includes("#") ? ", " + e.kind : ""), n = t.split(",")[0], i = (a = e.fileUrl) != null ? a : (c = e == null ? void 0 : e.files) == null ? void 0 : c.regular;
+  let l = "";
+  if (i && t && n && (l += `
 @font-face {
 font-family: "${t}";
 src: local("${n}"), url('${i}') format('woff2');
@@ -1504,17 +1503,17 @@ font-weight: 400;
     for (const o in e.files) {
       if (!(String(Number(o)) === o))
         continue;
-      const S = e.files[o];
-      S && S !== i && (s += `
+      const T = e.files[o];
+      T && T !== i && (l += `
 @font-face {
 font-family: "${t}";
-src: url('${S}') format('woff2');
+src: url('${T}') format('woff2');
 font-display: fallback;
 font-weight: ${o};
 }
         `.trim());
     }
-  return s;
+  return l;
 }, yt = ({
   customFonts: e
 }) => {
@@ -1542,101 +1541,101 @@ font-weight: ${o};
 }
 `, St = (e) => e ? "" : vt, Tt = (e) => `variant-${e}`;
 function It(e) {
-  var f, b, C;
-  const t = $(null);
-  function n(d) {
-    var p, r;
-    const c = {
+  var g, b, C;
+  const t = _(null);
+  function n(s) {
+    var m, f;
+    const d = {
       ...e.builderContextSignal.rootState,
-      ...d
+      ...s
     };
-    e.builderContextSignal.rootSetState ? (r = (p = e.builderContextSignal).rootSetState) == null || r.call(p, c) : e.setBuilderContextSignal((l) => ({
-      ...l,
-      rootState: c
+    e.builderContextSignal.rootSetState ? (f = (m = e.builderContextSignal).rootSetState) == null || f.call(m, d) : e.setBuilderContextSignal((r) => ({
+      ...r,
+      rootState: d
     }));
   }
-  function i(d) {
-    var p, r, l, g, T;
-    const c = {
+  function i(s) {
+    var m, f, r, p, y;
+    const d = {
       ...e.builderContextSignal.content,
-      ...d,
+      ...s,
       data: {
-        ...(p = e.builderContextSignal.content) == null ? void 0 : p.data,
-        ...d == null ? void 0 : d.data
+        ...(m = e.builderContextSignal.content) == null ? void 0 : m.data,
+        ...s == null ? void 0 : s.data
       },
       meta: {
-        ...(r = e.builderContextSignal.content) == null ? void 0 : r.meta,
-        ...d == null ? void 0 : d.meta,
-        breakpoints: ((l = d == null ? void 0 : d.meta) == null ? void 0 : l.breakpoints) || ((T = (g = e.builderContextSignal.content) == null ? void 0 : g.meta) == null ? void 0 : T.breakpoints)
+        ...(f = e.builderContextSignal.content) == null ? void 0 : f.meta,
+        ...s == null ? void 0 : s.meta,
+        breakpoints: ((r = s == null ? void 0 : s.meta) == null ? void 0 : r.breakpoints) || ((y = (p = e.builderContextSignal.content) == null ? void 0 : p.meta) == null ? void 0 : y.breakpoints)
       }
     };
     e.setBuilderContextSignal((x) => ({
       ...x,
-      content: c
+      content: d
     }));
   }
-  function s() {
+  function l() {
     return e.showContent ? {} : {
       hidden: !0,
       "aria-hidden": !0
     };
   }
-  const [u, a] = I(
+  const [c, a] = I(
     () => e.contentWrapper || "div"
   );
-  function o(d) {
+  function o(s) {
     return ue({
       model: e.model,
       trustedHosts: e.trustedHosts,
       callbacks: {
-        configureSdk: (c) => {
-          var l;
-          const { breakpoints: p, contentId: r } = c;
-          !r || r !== ((l = e.builderContextSignal.content) == null ? void 0 : l.id) || p && i({
+        configureSdk: (d) => {
+          var r;
+          const { breakpoints: m, contentId: f } = d;
+          !f || f !== ((r = e.builderContextSignal.content) == null ? void 0 : r.id) || m && i({
             meta: {
-              breakpoints: p
+              breakpoints: m
             }
           });
         },
-        animation: (c) => {
-          ke(c);
+        animation: (d) => {
+          ke(d);
         },
-        contentUpdate: (c) => {
-          i(c);
+        contentUpdate: (d) => {
+          i(d);
         }
       }
-    })(d);
+    })(s);
   }
-  const [m, S] = I(() => ({})), [y, R] = I(() => ({})), [k, P] = I(() => !1);
-  function A(d) {
-    var c, p;
+  const [u, T] = I(() => ({})), [v, R] = I(() => ({})), [k, P] = I(() => !1);
+  function A(s) {
+    var d, m;
     if (e.builderContextSignal.content) {
-      const r = (c = e.builderContextSignal.content) == null ? void 0 : c.testVariationId, l = (p = e.builderContextSignal.content) == null ? void 0 : p.id;
-      z({
+      const f = (d = e.builderContextSignal.content) == null ? void 0 : d.testVariationId, r = (m = e.builderContextSignal.content) == null ? void 0 : m.id;
+      J({
         apiHost: e.apiHost,
         type: "click",
-        canTrack: D(e.canTrack),
-        contentId: l,
+        canTrack: H(e.canTrack),
+        contentId: r,
         apiKey: e.apiKey,
-        variationId: r !== l ? r : void 0,
-        ...gt(d),
+        variationId: f !== r ? f : void 0,
+        ...gt(s),
         unique: !k
       });
     }
     k || P(!0);
   }
   function W() {
-    var c, p, r;
-    const d = (r = (p = (c = e.builderContextSignal.content) == null ? void 0 : c.data) == null ? void 0 : p.httpRequests) != null ? r : {};
-    Object.entries(d).forEach(([l, g]) => {
-      if (!g || y[l] || m[l] && !F())
+    var d, m, f;
+    const s = (f = (m = (d = e.builderContextSignal.content) == null ? void 0 : d.data) == null ? void 0 : m.httpRequests) != null ? f : {};
+    Object.entries(s).forEach(([r, p]) => {
+      if (!p || v[r] || u[r] && !F())
         return;
-      y[l] = !0;
-      const T = g.replace(
+      v[r] = !0;
+      const y = p.replace(
         /{{([^}]+)}}/g,
-        (x, re) => String(
+        (x, B) => String(
           ne({
-            code: re,
+            code: B,
             context: e.context || {},
             localState: void 0,
             rootState: e.builderContextSignal.rootState,
@@ -1644,14 +1643,14 @@ function It(e) {
           })
         )
       );
-      me(T), fetch(T).then((x) => x.json()).then((x) => {
+      me(y), fetch(y).then((x) => x.json()).then((x) => {
         n({
-          [l]: x
-        }), m[l] = !0;
+          [r]: x
+        }), u[r] = !0;
       }).catch((x) => {
-        console.error("error fetching dynamic data", g, x);
+        console.error("error fetching dynamic data", p, x);
       }).finally(() => {
-        y[l] = !1;
+        v[r] = !1;
       });
     });
   }
@@ -1670,9 +1669,9 @@ function It(e) {
       )
     );
   }
-  const E = $(!1);
+  const E = _(!1);
   return E.current || (W(), w(), E.current = !0), V(() => {
-    var d, c;
+    var s, d, m;
     if (j()) {
       if (F() && !e.isNestedRender && (window.addEventListener("message", o), le(), se({
         ...e.locale ? {
@@ -1687,35 +1686,40 @@ function It(e) {
       }), Object.values(
         e.builderContextSignal.componentInfos
       ).forEach((r) => {
-        var l, g;
-        if (!e.model || !((l = r.models) != null && l.length) || r.models.includes(e.model)) {
-          const T = de(r);
-          (g = window.parent) == null || g.postMessage(T, "*");
+        var p, y;
+        if (!e.model || !((p = r.models) != null && p.length) || r.models.includes(e.model)) {
+          const x = de(r);
+          (y = window.parent) == null || y.postMessage(x, "*");
         }
       }), window.addEventListener(
         "builder:component:stateChangeListenerActivated",
         w
-      )), e.builderContextSignal.content && D(e.canTrack)) {
-        const r = (d = e.builderContextSignal.content) == null ? void 0 : d.testVariationId, l = (c = e.builderContextSignal.content) == null ? void 0 : c.id, g = e.apiKey;
-        z({
+      )), e.builderContextSignal.content && H(e.canTrack)) {
+        const r = (s = e.builderContextSignal.content) == null ? void 0 : s.testVariationId, p = (d = e.builderContextSignal.content) == null ? void 0 : d.id, y = e.apiKey;
+        J({
           apiHost: e.apiHost,
           type: "impression",
           canTrack: !0,
-          contentId: l,
-          apiKey: g,
-          variationId: r !== l ? r : void 0
+          contentId: p,
+          apiKey: y,
+          variationId: r !== p ? r : void 0
         });
       }
-      if (ee() && !F()) {
-        const r = new URL(location.href).searchParams, l = r.get("builder.preview"), g = r.get(
-          `builder.overrides.${l}`
-        ), T = r.get("apiKey") || r.get("builder.space");
-        l === e.model && T === e.apiKey && (!e.content || g === e.content.id) && ce({
-          model: e.model,
+      if (te() && !F()) {
+        const r = new URL(location.href).searchParams, p = r.get("builder.preview"), y = r.get(
+          `builder.overrides.${p}`
+        ), x = r.get("apiKey") || r.get("builder.space");
+        (p === "BUILDER_STUDIO" || p === e.model && x === e.apiKey && (!e.content || y === e.content.id)) && ce({
+          model: e.model || "",
           apiKey: e.apiKey,
-          apiVersion: e.builderContextSignal.apiVersion
-        }).then((x) => {
-          x && i(x);
+          apiVersion: e.builderContextSignal.apiVersion,
+          ...p === "BUILDER_STUDIO" && ((m = e.context) != null && m.symbolId) ? {
+            query: {
+              id: e.context.symbolId
+            }
+          } : {}
+        }).then((B) => {
+          B && i(B);
         });
       }
     }
@@ -1734,20 +1738,20 @@ function It(e) {
       "builder:component:stateChangeListenerActivated",
       w
     ));
-  }, []), /* @__PURE__ */ h(Ie.Provider, { value: e.builderContextSignal, children: e.builderContextSignal.content || X() ? /* @__PURE__ */ h(
-    u,
+  }, []), /* @__PURE__ */ h(Ie.Provider, { value: e.builderContextSignal, children: e.builderContextSignal.content || Z() ? /* @__PURE__ */ h(
+    c,
     {
       ref: t,
-      onClick: (d) => A(d),
-      "builder-content-id": (f = e.builderContextSignal.content) == null ? void 0 : f.id,
+      onClick: (s) => A(s),
+      "builder-content-id": (g = e.builderContextSignal.content) == null ? void 0 : g.id,
       "builder-model": e.model,
       className: Tt(
         ((b = e.content) == null ? void 0 : b.testVariationId) || ((C = e.content) == null ? void 0 : C.id)
       ),
       style: {
-        display: !e.builderContextSignal.content && X() ? "none" : void 0
+        display: !e.builderContextSignal.content && Z() ? "none" : void 0
       },
-      ...s(),
+      ...l(),
       ...e.contentWrapperProps,
       children: e.children
     }
@@ -1767,7 +1771,7 @@ ${St(e.isNestedRender)}
 `.trim()
   );
   return /* @__PURE__ */ h(
-    te,
+    ae,
     {
       id: "builderio-content",
       styles: t,
@@ -1780,13 +1784,13 @@ const Ct = ({
   data: t,
   locale: n
 }) => {
-  var u, a, o;
-  const i = {}, s = ((u = e == null ? void 0 : e.data) == null ? void 0 : u.state) || {};
-  return (o = (a = e == null ? void 0 : e.data) == null ? void 0 : a.inputs) == null || o.forEach((m) => {
-    m.name && m.defaultValue !== void 0 && (i[m.name] = m.defaultValue);
+  var c, a, o;
+  const i = {}, l = ((c = e == null ? void 0 : e.data) == null ? void 0 : c.state) || {};
+  return (o = (a = e == null ? void 0 : e.data) == null ? void 0 : a.inputs) == null || o.forEach((u) => {
+    u.name && u.defaultValue !== void 0 && (i[u.name] = u.defaultValue);
   }), {
     ...i,
-    ...s,
+    ...l,
     ...t,
     ...n ? {
       locale: n
@@ -1803,35 +1807,35 @@ const Ct = ({
   },
   meta: e == null ? void 0 : e.meta
 } : void 0;
-function Z(e) {
-  var S, y, R, k, P, A, W, w, E;
+function ee(e) {
+  var T, v, R, k, P, A, W, w, E;
   const [t, n] = I(
     () => {
-      var f, b;
+      var g, b;
       return mt({
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
-        variationId: (f = e.content) == null ? void 0 : f.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: (b = e.content) == null ? void 0 : b.id
       });
     }
   );
-  function i(f) {
+  function i(g) {
     o((b) => ({
       ...b,
-      rootState: f
+      rootState: g
     }));
   }
-  const [s, u] = I(
+  const [l, c] = I(
     () => [
-      ...Y(),
+      ...G(),
       ...e.customComponents || []
     ].reduce(
-      (f, { component: b, ...C }) => ({
-        ...f,
+      (g, { component: b, ...C }) => ({
+        ...g,
         [C.name]: {
           component: b,
-          ...J(C)
+          ...Y(C)
         }
       }),
       {}
@@ -1853,12 +1857,12 @@ function Z(e) {
     apiKey: e.apiKey,
     apiVersion: e.apiVersion,
     componentInfos: [
-      ...Y(),
+      ...G(),
       ...e.customComponents || []
     ].reduce(
-      (f, { component: b, ...C }) => ({
-        ...f,
-        [C.name]: J(C)
+      (g, { component: b, ...C }) => ({
+        ...g,
+        [C.name]: Y(C)
       }),
       {}
     ),
@@ -1867,14 +1871,14 @@ function Z(e) {
     BlocksWrapperProps: e.blocksWrapperProps || {},
     nonce: e.nonce || "",
     model: e.model || ""
-  })), m = $(!1);
-  if (!m.current) {
+  })), u = _(!1);
+  if (!u.current) {
     e.apiKey || pe.error(
       "No API key provided to `Content` component. This can cause issues. Please provide an API key using the `apiKey` prop."
     );
-    const f = (y = (S = a.content) == null ? void 0 : S.data) == null ? void 0 : y.jsCode;
-    f && ne({
-      code: f,
+    const g = (v = (T = a.content) == null ? void 0 : T.data) == null ? void 0 : v.jsCode;
+    g && ne({
+      code: g,
       context: e.context || {},
       localState: void 0,
       rootState: a.rootState,
@@ -1882,15 +1886,15 @@ function Z(e) {
         Object.assign(a.rootState, b);
       },
       isExpression: !1
-    }), m.current = !0;
+    }), u.current = !0;
   }
   return /* @__PURE__ */ h(
     we.Provider,
     {
       value: {
-        registeredComponents: s
+        registeredComponents: l
       },
-      children: /* @__PURE__ */ q(
+      children: /* @__PURE__ */ $(
         It,
         {
           apiHost: e.apiHost,
@@ -1934,7 +1938,7 @@ function Z(e) {
               {
                 blocks: (E = (w = a.content) == null ? void 0 : w.data) == null ? void 0 : E.blocks,
                 context: a,
-                registeredComponents: s,
+                registeredComponents: l,
                 linkComponent: e.linkComponent
               }
             )
@@ -1944,40 +1948,40 @@ function Z(e) {
     }
   );
 }
-function Dt(e) {
+function Bt(e) {
   var a;
   const [t, n] = I(
     () => st({
-      canTrack: D(e.canTrack),
+      canTrack: H(e.canTrack),
       content: e.content
     })
   );
   function i() {
     var o;
     return ut(
-      B(e.content).map((m) => ({
-        id: m.testVariationId,
-        testRatio: m.testRatio
+      D(e.content).map((u) => ({
+        id: u.testVariationId,
+        testRatio: u.testRatio
       })),
       ((o = e.content) == null ? void 0 : o.id) || ""
     );
   }
-  function s() {
-    return B(e.content).map((o) => `.variant-${o.testVariationId} { display: none; } `).join("");
+  function l() {
+    return D(e.content).map((o) => `.variant-${o.testVariationId} { display: none; } `).join("");
   }
-  function u() {
+  function c() {
     var o;
     return t ? {
       ...e.content,
       testVariationId: (o = e.content) == null ? void 0 : o.id
     } : fe({
       item: e.content,
-      canTrack: D(e.canTrack)
+      canTrack: H(e.canTrack)
     });
   }
   return V(() => {
-  }, []), /* @__PURE__ */ q(O, { children: [
-    !e.isNestedRender && _ !== "reactNative" ? /* @__PURE__ */ h(
+  }, []), /* @__PURE__ */ $(z, { children: [
+    !e.isNestedRender && O !== "reactNative" ? /* @__PURE__ */ h(
       K,
       {
         id: "builderio-init-variants-fns",
@@ -1985,12 +1989,12 @@ function Dt(e) {
         nonce: e.nonce || ""
       }
     ) : null,
-    t ? /* @__PURE__ */ q(O, { children: [
+    t ? /* @__PURE__ */ $(z, { children: [
       /* @__PURE__ */ h(
-        te,
+        ae,
         {
           id: "builderio-variants",
-          styles: s(),
+          styles: l(),
           nonce: e.nonce || ""
         }
       ),
@@ -2002,8 +2006,8 @@ function Dt(e) {
           nonce: e.nonce || ""
         }
       ),
-      (a = B(e.content)) == null ? void 0 : a.map((o) => /* @__PURE__ */ h(
-        Z,
+      (a = D(e.content)) == null ? void 0 : a.map((o) => /* @__PURE__ */ h(
+        ee,
         {
           apiHost: e.apiHost,
           isNestedRender: e.isNestedRender,
@@ -2031,12 +2035,12 @@ function Dt(e) {
       ))
     ] }) : null,
     /* @__PURE__ */ h(
-      Z,
+      ee,
       {
         apiHost: e.apiHost,
         nonce: e.nonce,
         isNestedRender: e.isNestedRender,
-        content: u(),
+        content: c(),
         showContent: !0,
         model: e.model,
         data: e.data,
@@ -2059,5 +2063,5 @@ function Dt(e) {
   ] });
 }
 export {
-  Dt as default
+  Bt as default
 };