@builder.io/sdk-vue 2.0.17 → 2.0.21

package/lib/browser/{index-BOG8Hl1M.js → index-ei0E4zOL.js}

@@ -1,9 +1,9 @@
-var pt = Object.defineProperty;
-var mt = (e, t, n) => t in e ? pt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var oe = (e, t, n) => (mt(e, typeof t != "symbol" ? t + "" : t, n), n);
+var ut = Object.defineProperty;
+var pt = (e, t, n) => t in e ? ut(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
+var oe = (e, t, n) => (pt(e, typeof t != "symbol" ? t + "" : t, n), n);
 import "./style.css";
-import { defineComponent as f, openBlock as c, createElementBlock as m, Fragment as w, createBlock as g, resolveDynamicComponent as K, mergeProps as C, toHandlers as P, withCtx as N, renderSlot as x, resolveComponent as y, createTextVNode as ht, toDisplayString as ne, defineAsyncComponent as j, createVNode as $, renderList as A, createCommentVNode as S, h as Ae, createElementVNode as z, normalizeStyle as D, normalizeClass as J, markRaw as ft } from "vue";
-const bt = /* @__PURE__ */ new Set(["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"]), gt = (e) => typeof e == "string" && bt.has(e.toLowerCase());
+import { defineComponent as f, openBlock as c, createElementBlock as m, Fragment as w, createBlock as g, resolveDynamicComponent as K, mergeProps as C, toHandlers as P, withCtx as N, renderSlot as x, resolveComponent as y, createTextVNode as mt, toDisplayString as ne, defineAsyncComponent as H, createVNode as $, renderList as A, createCommentVNode as S, h as Ae, createElementVNode as z, normalizeStyle as D, normalizeClass as J, markRaw as ht } from "vue";
+const ft = /* @__PURE__ */ new Set(["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"]), bt = (e) => typeof e == "string" && ft.has(e.toLowerCase());
 function V(e = {}, t, n) {
   const o = {};
   for (const r in e) {
@@ -14,11 +14,11 @@ function V(e = {}, t, n) {
   }
   return o;
 }
-const yt = f({
+const gt = f({
   name: "dynamic-renderer",
   props: ["TagName", "attributes", "actionAttributes"],
   data() {
-    return { isEmptyElement: gt };
+    return { isEmptyElement: bt };
   }
 }), b = (e, t) => {
   const n = e.__vccOpts || e;
@@ -26,7 +26,7 @@ const yt = f({
     n[o] = r;
   return n;
 };
-function kt(e, t, n, o, r, i) {
+function yt(e, t, n, o, r, i) {
   return e.isEmptyElement(e.TagName) ? (c(), g(K(e.TagName), C({ key: 1 }, e.attributes, P(e.actionAttributes)), null, 16)) : (c(), m(w, { key: 0 }, [
     typeof e.TagName == "string" ? (c(), g(K(e.TagName), C({ key: 0 }, e.attributes, P(e.actionAttributes)), {
       default: N(() => [
@@ -41,7 +41,7 @@ function kt(e, t, n, o, r, i) {
     }, 16))
   ], 64));
 }
-const me = /* @__PURE__ */ b(yt, [["render", kt]]), Vi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const me = /* @__PURE__ */ b(gt, [["render", yt]]), Vi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: me
 }, Symbol.toStringTag, { value: "Module" })), E = "vue", ee = () => {
@@ -57,7 +57,7 @@ const me = /* @__PURE__ */ b(yt, [["render", kt]]), Vi = /* @__PURE__ */ Object.
     case "angular":
       return "class";
   }
-}, vt = f({
+}, kt = f({
   name: "builder-button",
   components: { DynamicRenderer: me },
   props: [
@@ -86,7 +86,7 @@ const me = /* @__PURE__ */ b(yt, [["render", kt]]), Vi = /* @__PURE__ */ Object.
     }
   }
 });
-function St(e, t, n, o, r, i) {
+function vt(e, t, n, o, r, i) {
   const s = y("DynamicRenderer");
   return c(), g(s, {
     attributes: e.attrs(),
@@ -94,12 +94,12 @@ function St(e, t, n, o, r, i) {
     actionAttributes: e.filterAttrs(e.attributes, "v-on:", !0)
   }, {
     default: N(() => [
-      ht(ne(e.text), 1)
+      mt(ne(e.text), 1)
     ]),
     _: 1
   }, 8, ["attributes", "TagName", "actionAttributes"]);
 }
-const Ct = /* @__PURE__ */ b(vt, [["render", St]]), wt = Symbol(), ce = {
+const St = /* @__PURE__ */ b(kt, [["render", vt]]), Ct = Symbol(), ce = {
   Builder: {
     content: null,
     context: {},
@@ -115,19 +115,19 @@ const Ct = /* @__PURE__ */ b(vt, [["render", St]]), wt = Symbol(), ce = {
     BlocksWrapperProps: {},
     nonce: ""
   },
-  key: wt
-}, Tt = Symbol(), Ve = {
+  key: Ct
+}, wt = Symbol(), Ve = {
   Components: { registeredComponents: {} },
-  key: Tt
+  key: wt
 };
-function It(e) {
+function Tt(e) {
   var t;
   return {
     ...(t = e.component) == null ? void 0 : t.options,
     ...e.options
   };
 }
-function $t(e, ...t) {
+function It(e, ...t) {
   const n = Object.assign({}, e);
   for (const o of t)
     delete n[o];
@@ -142,27 +142,27 @@ const Z = "[Builder.io]: ", B = {
 function I() {
   return typeof window < "u" && typeof document < "u";
 }
-const Rt = (e) => {
+const $t = (e) => {
   const t = {};
   return e.forEach((n, o) => {
     t[o] = n;
   }), t;
-}, We = (e) => e instanceof URLSearchParams ? Rt(e) : e, Ne = (e) => typeof e == "string" ? e : e instanceof URLSearchParams ? e.toString() : new URLSearchParams(e).toString();
-function Bt() {
+}, We = (e) => e instanceof URLSearchParams ? $t(e) : e, Ne = (e) => typeof e == "string" ? e : e instanceof URLSearchParams ? e.toString() : new URLSearchParams(e).toString();
+function Rt() {
   return I() && window.self !== window.top;
 }
 function R(e) {
-  return Bt() && // accessing window.location.search is safe here because `isIframe()` is only `true` if we're in a browser.
+  return Rt() && // accessing window.location.search is safe here because `isIframe()` is only `true` if we're in a browser.
   Ne(e || window.location.search).indexOf("builder.frameEditing=") !== -1;
 }
-const Et = () => {
+const Bt = () => {
   if (I()) {
     const e = new URL(location.href);
     return e.pathname === "" && (e.pathname = "/"), e;
   } else
     return console.warn("Cannot get location for tracking in non-browser environment"), null;
-}, Pt = () => typeof navigator == "object" && navigator.userAgent || "", Oe = () => {
-  const e = Pt(), t = {
+}, Et = () => typeof navigator == "object" && navigator.userAgent || "", Oe = () => {
+  const e = Et(), t = {
     Android() {
       return e.match(/Android/i);
     },
@@ -181,13 +181,13 @@ const Et = () => {
     any() {
       return t.Android() || t.BlackBerry() || t.iOS() || t.Opera() || t.Windows() || E === "reactNative";
     }
-  }, n = e.match(/Tablet|iPad/i), o = Et();
+  }, n = e.match(/Tablet|iPad/i), o = Bt();
   return {
     urlPath: o == null ? void 0 : o.pathname,
     host: (o == null ? void 0 : o.host) || (o == null ? void 0 : o.hostname),
     device: n ? "tablet" : t.any() ? "mobile" : "desktop"
   };
-}, xt = ({
+}, Pt = ({
   builder: e,
   context: t,
   event: n,
@@ -199,34 +199,14 @@ const Et = () => {
   builder: e,
   context: t,
   event: n
-}), At = () => ({
+}), xt = () => ({
   isEditing: R(),
   isBrowser: I(),
   isServer: !I(),
   getUserAttributes: () => Oe()
-}), Vt = (e, {
+}), At = (e, {
   isExpression: t = !0
-}) => /* we disable this for cases where we definitely don't want a return */ t && !(e.includes(";") || e.includes(" return ") || e.trim().startsWith("return ")) ? `return (${e});` : e, Ce = ({
-  code: e,
-  builder: t,
-  context: n,
-  event: o,
-  localState: r,
-  rootSetState: i,
-  rootState: s
-}) => {
-  const l = xt({
-    builder: t,
-    context: n,
-    event: o,
-    state: Fe({
-      rootState: s,
-      localState: r,
-      rootSetState: i
-    })
-  });
-  return new Function(...l.map(([a]) => a), e)(...l.map(([, a]) => a));
-};
+}) => /* we disable this for cases where we definitely don't want a return */ t && !(e.includes(";") || e.includes(" return ") || e.trim().startsWith("return ")) ? `return (${e});` : e;
 function Fe({
   rootState: e,
   localState: t,
@@ -252,22 +232,42 @@ function Fe({
     }
   });
 }
-const L = (e) => e != null;
-function Wt() {
+const Ce = ({
+  code: e,
+  builder: t,
+  context: n,
+  event: o,
+  localState: r,
+  rootSetState: i,
+  rootState: s
+}) => {
+  const l = Pt({
+    builder: t,
+    context: n,
+    event: o,
+    state: Fe({
+      rootState: s,
+      localState: r,
+      rootSetState: i
+    })
+  });
+  return new Function(...l.map(([a]) => a), e)(...l.map(([, a]) => a));
+}, L = (e) => e != null;
+function Vt() {
   var e;
   return typeof process < "u" && L((e = process == null ? void 0 : process.versions) == null ? void 0 : e.node);
 }
-const Nt = ({
+const Wt = ({
   shouldLogWarning: e
 }) => {
   var r;
-  if (!Wt())
+  if (!Vt())
     return !1;
   const t = process.arch === "arm64", n = process.version.startsWith("v20"), o = (r = process.env.NODE_OPTIONS) == null ? void 0 : r.includes("--no-node-snapshot");
   return t && n && !o ? (e && B.log("Skipping usage of `isolated-vm` to avoid crashes in Node v20 on an arm64 machine.\n    If you would like to use the `isolated-vm` package on this machine, please provide the `NODE_OPTIONS=--no-node-snapshot` config to your Node process.\n    See https://github.com/BuilderIO/builder/blob/main/packages/sdks/README.md#node-v20--m1-macs-apple-silicon-support for more information.\n    "), !0) : !1;
-}, Ot = (e) => (I() || Nt({
+}, Nt = (e) => (I() || Wt({
   shouldLogWarning: !0
-}), Ce(e)), Ft = !0, W = class W {
+}), Ce(e)), Ot = !0, W = class W {
   static getCacheKey(t) {
     return JSON.stringify({
       ...t,
@@ -287,7 +287,7 @@ const Nt = ({
 };
 oe(W, "cacheLimit", 20), oe(W, "cache", /* @__PURE__ */ new Map());
 let U = W;
-function G({
+function Y({
   code: e,
   context: t,
   localState: n,
@@ -300,23 +300,23 @@ function G({
   if (e === "")
     return;
   const a = {
-    code: Vt(e, {
+    code: At(e, {
       isExpression: s
     }),
-    builder: At(),
+    builder: xt(),
     context: t,
     event: i,
     rootSetState: r,
     rootState: o,
     localState: n
   };
-  if (l && !Ft) {
+  if (l && !Ot) {
     const u = U.getCacheKey(a), h = U.getCachedValue(u);
     if (h)
       return h.value;
   }
   try {
-    const u = Ot(a);
+    const u = Nt(a);
     if (l) {
       const h = U.getCacheKey(a);
       U.setCachedValue(h, u);
@@ -347,8 +347,8 @@ function de(e) {
     n !== "meta" && Object.prototype.hasOwnProperty.call(e, n) && (t[n] = de(e[n]));
   return t;
 }
-const Dt = ["svelte", "vue", "angular", "qwik", "solid"].includes(E), Lt = (e) => {
-  if (Dt) {
+const Ft = ["svelte", "vue", "angular", "qwik", "solid"].includes(E), Dt = (e) => {
+  if (Ft) {
     const t = he(e);
     return {
       ...t,
@@ -360,7 +360,7 @@ const Dt = ["svelte", "vue", "angular", "qwik", "solid"].includes(E), Lt = (e) =
       }
     };
   } else {
-    const t = de($t(e, "children", "meta"));
+    const t = de(It(e, "children", "meta"));
     return {
       ...t,
       properties: {
@@ -373,7 +373,7 @@ const Dt = ["svelte", "vue", "angular", "qwik", "solid"].includes(E), Lt = (e) =
       meta: e.meta
     };
   }
-}, Ut = ({
+}, Lt = ({
   block: e,
   context: t,
   localState: n,
@@ -382,9 +382,9 @@ const Dt = ["svelte", "vue", "angular", "qwik", "solid"].includes(E), Lt = (e) =
 }) => {
   if (!e.bindings)
     return e;
-  const i = Lt(e);
+  const i = Dt(e);
   for (const s in e.bindings) {
-    const l = e.bindings[s], a = G({
+    const l = e.bindings[s], a = Y({
       code: l,
       localState: n,
       rootState: o,
@@ -396,7 +396,7 @@ const Dt = ["svelte", "vue", "angular", "qwik", "solid"].includes(E), Lt = (e) =
   }
   return i;
 };
-function Mt({
+function Ut({
   block: e,
   context: t,
   shouldEvaluateBindings: n,
@@ -405,7 +405,7 @@ function Mt({
   rootSetState: i
 }) {
   const s = e;
-  return n ? Ut({
+  return n ? Lt({
     block: s,
     localState: o,
     rootState: r,
@@ -413,22 +413,22 @@ function Mt({
     context: t
   }) : s;
 }
-function Ht(e) {
+function Mt(e) {
   const t = e || (I() ? window.location.search : void 0);
   return t ? Ne(t).indexOf("builder.preview=") !== -1 : !1;
 }
 const jt = (e) => ({
   type: "builder.registerComponent",
   data: te(e)
-}), Kt = (e) => {
+}), Ht = (e) => {
   const t = e.toString().trim();
   return `return (${!t.startsWith("function") && !t.startsWith("(") ? "function " : ""}${t}).apply(this, arguments)`;
 };
 function te(e) {
-  return JSON.parse(JSON.stringify(e, (t, n) => typeof n == "function" ? Kt(n) : n));
+  return JSON.parse(JSON.stringify(e, (t, n) => typeof n == "function" ? Ht(n) : n));
 }
 const we = {};
-function qt(e, t) {
+function Kt(e, t) {
   e === "plugin" && (t = te(t));
   let n = we[e];
   if (n || (n = we[e] = []), n.push(t), I()) {
@@ -457,22 +457,22 @@ function Wi(e) {
     parent.postMessage(t, "*");
   }
 }
-const Ie = "builder.", zt = "options.", Le = (e) => {
+const Ie = "builder.", qt = "options.", Le = (e) => {
   if (!e)
     return {};
   const t = We(e), n = {};
   return Object.keys(t).forEach((o) => {
     if (o.startsWith(Ie)) {
-      const r = o.replace(Ie, "").replace(zt, "");
+      const r = o.replace(Ie, "").replace(qt, "");
       n[r] = t[o];
     }
   }), n;
-}, Jt = () => {
+}, zt = () => {
   if (!I())
     return {};
   const e = new URLSearchParams(window.location.search);
   return Le(e);
-}, Gt = (e) => {
+}, Jt = (e) => {
   if (e === "localhost" || e === "127.0.0.1")
     return e;
   const t = e.split(".");
@@ -488,14 +488,14 @@ const Ie = "builder.", zt = "options.", Le = (e) => {
     B.warn("[COOKIE] GET error: ", (o == null ? void 0 : o.message) || o);
     return;
   }
-}, Me = async (e) => Ue(e), Yt = (e) => e.map(([t, n]) => n ? `${t}=${n}` : t).filter(L).join("; "), Qt = [["secure", ""], ["SameSite", "None"]], Xt = ({
+}, Me = async (e) => Ue(e), Gt = (e) => e.map(([t, n]) => n ? `${t}=${n}` : t).filter(L).join("; "), Yt = [["secure", ""], ["SameSite", "None"]], Qt = ({
   name: e,
   value: t,
   expires: n
 }) => {
-  const r = (I() ? location.protocol === "https:" : !0) ? Qt : [[]], i = n ? [["expires", n.toUTCString()]] : [[]], s = [[e, t], ...i, ["path", "/"], ["domain", Gt(window.location.hostname)], ...r];
-  return Yt(s);
-}, He = async ({
+  const r = (I() ? location.protocol === "https:" : !0) ? Yt : [[]], i = n ? [["expires", n.toUTCString()]] : [[]], s = [[e, t], ...i, ["path", "/"], ["domain", Jt(window.location.hostname)], ...r];
+  return Gt(s);
+}, je = async ({
   name: e,
   value: t,
   expires: n,
@@ -504,7 +504,7 @@ const Ie = "builder.", zt = "options.", Le = (e) => {
   try {
     if (!o)
       return;
-    const r = Xt({
+    const r = Qt({
       name: e,
       value: t,
       expires: n
@@ -514,16 +514,16 @@ const Ie = "builder.", zt = "options.", Le = (e) => {
     B.warn("[COOKIE] SET error: ", (r == null ? void 0 : r.message) || r);
   }
 };
-function Zt() {
+function Xt() {
   return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(e) {
     const t = Math.random() * 16 | 0;
     return (e == "x" ? t : t & 3 | 8).toString(16);
   });
 }
-function je() {
-  return Zt().replace(/-/g, "");
+function He() {
+  return Xt().replace(/-/g, "");
 }
-const Ke = "builderSessionId", _t = async ({
+const Ke = "builderSessionId", Zt = async ({
   canTrack: e
 }) => {
   if (!e)
@@ -535,20 +535,20 @@ const Ke = "builderSessionId", _t = async ({
   if (L(t))
     return t;
   {
-    const n = en();
-    return tn({
+    const n = _t();
+    return en({
       id: n,
       canTrack: e
     }), n;
   }
-}, en = () => je(), tn = ({
+}, _t = () => He(), en = ({
   id: e,
   canTrack: t
-}) => He({
+}) => je({
   name: Ke,
   value: e,
   canTrack: t
-}), qe = () => I() && typeof localStorage < "u" ? localStorage : void 0, nn = ({
+}), qe = () => I() && typeof localStorage < "u" ? localStorage : void 0, tn = ({
   key: e,
   canTrack: t
 }) => {
@@ -559,7 +559,7 @@ const Ke = "builderSessionId", _t = async ({
     console.debug("[LocalStorage] GET error: ", o);
     return;
   }
-}, on = ({
+}, nn = ({
   key: e,
   canTrack: t,
   value: n
@@ -570,32 +570,32 @@ const Ke = "builderSessionId", _t = async ({
   } catch (r) {
     console.debug("[LocalStorage] SET error: ", r);
   }
-}, ze = "builderVisitorId", rn = ({
+}, ze = "builderVisitorId", on = ({
   canTrack: e
 }) => {
   if (!e)
     return;
-  const t = nn({
+  const t = tn({
     key: ze,
     canTrack: e
   });
   if (L(t))
     return t;
   {
-    const n = sn();
-    return an({
+    const n = rn();
+    return sn({
       id: n,
       canTrack: e
     }), n;
   }
-}, sn = () => je(), an = ({
+}, rn = () => He(), sn = ({
   id: e,
   canTrack: t
-}) => on({
+}) => nn({
   key: ze,
   value: e,
   canTrack: t
-}), ln = async ({
+}), an = async ({
   canTrack: e
 }) => {
   if (!e)
@@ -603,16 +603,16 @@ const Ke = "builderSessionId", _t = async ({
       visitorId: void 0,
       sessionId: void 0
     };
-  const t = await _t({
+  const t = await Zt({
     canTrack: e
-  }), n = rn({
+  }), n = on({
     canTrack: e
   });
   return {
     sessionId: t,
     visitorId: n
   };
-}, cn = async ({
+}, ln = async ({
   type: e,
   canTrack: t,
   apiKey: n,
@@ -626,7 +626,7 @@ const Ke = "builderSessionId", _t = async ({
       url: location.href,
       ...o
     },
-    ...await ln({
+    ...await an({
       canTrack: t
     }),
     userAttributes: Oe(),
@@ -642,7 +642,7 @@ async function ue(e) {
     return fetch("https://cdn.builder.io/api/v1/track", {
       method: "POST",
       body: JSON.stringify({
-        events: [await cn(e)]
+        events: [await ln(e)]
       }),
       headers: {
         "content-type": "application/json"
@@ -655,15 +655,15 @@ async function ue(e) {
 const Ni = (e) => ue({
   ...e,
   canTrack: !0
-}), dn = ["*.beta.builder.io", "beta.builder.io", "builder.io", "localhost", "qa.builder.io"];
+}), cn = ["*.beta.builder.io", "beta.builder.io", "builder.io", "localhost", "qa.builder.io"];
 function Je(e, t) {
   if (!t.origin.startsWith("http") && !t.origin.startsWith("https"))
     return !1;
   const n = new URL(t.origin), o = n.hostname;
-  return (e || dn).findIndex((r) => r.startsWith("*.") ? o.endsWith(r.slice(1)) : r === o) > -1;
+  return (e || cn).findIndex((r) => r.startsWith("*.") ? o.endsWith(r.slice(1)) : r === o) > -1;
 }
-const un = "2.0.17", pn = () => {
-  qt("insertMenu", {
+const dn = "2.0.21", un = () => {
+  Kt("insertMenu", {
     name: "_default",
     default: !0,
     items: [{
@@ -692,7 +692,7 @@ const Ge = (e = {}) => {
     type: "builder.sdkInfo",
     data: {
       target: E,
-      version: un,
+      version: dn,
       supportsPatchUpdates: !1,
       // Supports builder-model="..." attribute which is needed to
       // scope our '+ add block' button styling
@@ -792,24 +792,24 @@ const Ge = (e = {}) => {
   return window.addEventListener("message", o), () => {
     window.removeEventListener("message", o);
   };
-}, mn = "builder.tests", fe = (e) => `${mn}.${e}`, hn = ({
+}, pn = "builder.tests", fe = (e) => `${pn}.${e}`, mn = ({
   contentId: e
 }) => Me({
   name: fe(e),
   canTrack: !0
-}), fn = ({
+}), hn = ({
   contentId: e
 }) => Ue({
   name: fe(e),
   canTrack: !0
-}), bn = ({
+}), fn = ({
   contentId: e,
   value: t
-}) => He({
+}) => je({
   name: fe(e),
   value: t,
   canTrack: !0
-}), Qe = (e) => L(e.id) && L(e.variations) && Object.keys(e.variations).length > 0, gn = ({
+}), Qe = (e) => L(e.id) && L(e.variations) && Object.keys(e.variations).length > 0, bn = ({
   id: e,
   variations: t
 }) => {
@@ -823,8 +823,8 @@ const Ge = (e = {}) => {
   }
   return e;
 }, Xe = (e) => {
-  const t = gn(e);
-  return bn({
+  const t = bn(e);
+  return fn({
     contentId: e.id,
     value: t
   }).catch((n) => {
@@ -844,7 +844,7 @@ const Ge = (e = {}) => {
     testVariationId: n.id,
     testVariationName: n.name || (n.id === e.id ? "Default" : "")
   };
-}, yn = ({
+}, gn = ({
   item: e,
   canTrack: t
 }) => {
@@ -854,7 +854,7 @@ const Ge = (e = {}) => {
     return;
   if (!Qe(e))
     return e;
-  const n = fn({
+  const n = hn({
     contentId: e.id
   }) || Xe({
     variations: e.variations,
@@ -867,13 +867,13 @@ const Ge = (e = {}) => {
     ...e,
     ...o
   };
-}, kn = async ({
+}, yn = async ({
   item: e,
   canTrack: t
 }) => {
   if (!t || !Qe(e))
     return e;
-  const o = await hn({
+  const o = await mn({
     contentId: e.id
   }) || Xe({
     variations: e.variations,
@@ -886,18 +886,18 @@ const Ge = (e = {}) => {
     ...e,
     ...r
   };
-}, Y = (e) => L(e) ? e : !0;
-function vn() {
+}, G = (e) => L(e) ? e : !0;
+function kn() {
   return typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : globalThis;
 }
-function Sn() {
-  const e = vn().fetch;
+function vn() {
+  const e = kn().fetch;
   if (typeof e > "u")
     throw console.warn(`Builder SDK could not find a global fetch function. Make sure you have a polyfill for fetch in your project. 
       For more information, read https://github.com/BuilderIO/this-package-uses-fetch`), new Error("Builder SDK could not find a global `fetch` function");
   return e;
 }
-const _e = Sn();
+const Sn = vn();
 function pe(e, t = null, n = ".") {
   return Object.keys(e).reduce((o, r) => {
     const i = e[r], s = [t, r].filter(Boolean).join(n);
@@ -910,10 +910,10 @@ function pe(e, t = null, n = ".") {
     };
   }, {});
 }
-function et(e, t, n = {}) {
+function _e(e, t, n = {}) {
   for (const o in e) {
     const r = e[o], i = t ? t + "." + o : o;
-    r && typeof r == "object" && !Array.isArray(r) && !Object.keys(r).find((s) => s.startsWith("$")) ? et(r, i, n) : n[i] = r;
+    r && typeof r == "object" && !Array.isArray(r) && !Object.keys(r).find((s) => s.startsWith("$")) ? _e(r, i, n) : n[i] = r;
   }
   return n;
 }
@@ -944,21 +944,21 @@ const Cn = "v3", Re = (e) => typeof e == "number" && !isNaN(e) && e >= 0, be = (
     const F = pe({
       sort: v
     });
-    for (const H in F)
-      T.searchParams.set(H, JSON.stringify(F[H]));
+    for (const j in F)
+      T.searchParams.set(j, JSON.stringify(F[j]));
   }
-  const ut = {
-    ...Jt(),
+  const dt = {
+    ...zt(),
     ...We(e.options || {})
-  }, Se = pe(ut);
+  }, Se = pe(dt);
   for (const F in Se)
     T.searchParams.set(F, String(Se[F]));
   if (n && T.searchParams.set("userAttributes", JSON.stringify(n)), o) {
-    const F = et({
+    const F = _e({
       query: o
     });
-    for (const H in F)
-      T.searchParams.set(H, JSON.stringify(F[H]));
+    for (const j in F)
+      T.searchParams.set(j, JSON.stringify(F[j]));
   }
   return T;
 }, wn = (e) => "results" in e;
@@ -971,15 +971,15 @@ async function ge(e) {
 }
 const Tn = async (e) => {
   const t = be(e);
-  return await (await (e.fetch ?? _e)(t.href, e.fetchOptions)).json();
+  return await (await (e.fetch ?? Sn)(t.href, e.fetchOptions)).json();
 }, In = async (e, t, n = be(e)) => {
-  const o = Y(e.canTrack);
+  const o = G(e.canTrack);
   if (n.search.includes("preview="), !o || !(I() || E === "reactNative"))
     return t.results;
   try {
     const r = [];
     for (const i of t.results)
-      r.push(await kn({
+      r.push(await yn({
         item: i,
         canTrack: o
       }));
@@ -1047,17 +1047,17 @@ function Bn(e) {
   for (const t of e)
     switch (t.trigger) {
       case "pageLoad":
-        ot(t);
+        nt(t);
         break;
       case "scrollInView":
         Pn(t);
         break;
     }
 }
-function tt(e) {
+function et(e) {
   console.warn(`Cannot animate element: element with ID ${e} not found!`);
 }
-function nt(e, t) {
+function tt(e, t) {
   const n = En(e), o = getComputedStyle(t), r = e.steps[0].styles, i = e.steps[e.steps.length - 1].styles, s = [r, i];
   for (const l of s)
     for (const a of n)
@@ -1070,14 +1070,14 @@ function En(e) {
       t.indexOf(o) === -1 && t.push(o);
   return t;
 }
-function ot(e) {
+function nt(e) {
   const t = Array.prototype.slice.call(document.getElementsByClassName(e.elementId || e.id || ""));
   if (!t.length) {
-    tt(e.elementId || e.id || "");
+    et(e.elementId || e.id || "");
     return;
   }
   Array.from(t).forEach((n) => {
-    nt(e, n), n.style.transition = "none", n.style.transitionDelay = "0", q(n.style, e.steps[0].styles), setTimeout(() => {
+    tt(e, n), n.style.transition = "none", n.style.transitionDelay = "0", q(n.style, e.steps[0].styles), setTimeout(() => {
       n.style.transition = `all ${e.duration}s ${ye(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s"), q(n.style, e.steps[1].styles), setTimeout(() => {
         n.style.transition = "", n.style.transitionDelay = "";
       }, (e.delay || 0) * 1e3 + e.duration * 1e3 + 100);
@@ -1087,11 +1087,11 @@ function ot(e) {
 function Pn(e) {
   const t = Array.prototype.slice.call(document.getElementsByClassName(e.elementId || e.id || ""));
   if (!t.length) {
-    tt(e.elementId || e.id || "");
+    et(e.elementId || e.id || "");
     return;
   }
   Array.from(t).forEach((n) => {
-    nt(e, n);
+    tt(e, n);
     let o = !1, r = !1;
     function i() {
       !o && l(n) ? (o = !0, r = !0, setTimeout(() => {
@@ -1119,10 +1119,10 @@ function Pn(e) {
     }), i();
   });
 }
-const rt = (e) => Object.entries(e).map(([n, o]) => {
+const ot = (e) => Object.entries(e).map(([n, o]) => {
   if (typeof o == "string")
     return `${ye(n)}: ${o};`;
-}).filter(L), xn = (e) => rt(e).join(`
+}).filter(L), xn = (e) => ot(e).join(`
 `), Di = ({
   mediaQuery: e,
   className: t,
@@ -1143,18 +1143,18 @@ function An({
 const Li = ({
   block: e,
   context: t
-}) => it(An({
+}) => rt(An({
   style: e.style || {},
   context: t,
   block: e
 }));
-function it(e) {
+function rt(e) {
   switch (E) {
     case "svelte":
     case "vue":
     case "solid":
     case "angular":
-      return rt(e).join(" ");
+      return ot(e).join(" ");
     case "qwik":
     case "reactNative":
     case "react":
@@ -1186,7 +1186,7 @@ const Vn = ({
   } = e;
   if (!(n != null && n.collection))
     return;
-  const r = G({
+  const r = Y({
     code: n.collection,
     localState: t.localState,
     rootState: t.rootState,
@@ -1235,22 +1235,22 @@ const Vn = ({
     "Error while attempting to dynamically import component DynamicDiv at ../dynamic-div.vue",
     e
   ), e;
-}), Un = () => import("./block-styles-XATffH3k.js").then((e) => e.default).catch((e) => {
+}), Un = () => import("./block-styles-e9UJWxRw.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component BlockStyles at ./components/block-styles.vue",
     e
   ), e;
-}), Mn = () => import("./block-wrapper-3zieXizb.js").then((e) => e.default).catch((e) => {
+}), Mn = () => import("./block-wrapper-BBK1LMQ8.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component BlockWrapper at ./components/block-wrapper.vue",
     e
   ), e;
-}), Hn = () => import("./component-ref-Y4ahpku0.js").then((e) => e.default).catch((e) => {
+}), jn = () => import("./component-ref-cecMbUuX.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component ComponentRef at ./components/component-ref/component-ref.vue",
     e
   ), e;
-}), jn = () => import("./repeated-block-zS917EGl.js").then((e) => e.default).catch((e) => {
+}), Hn = () => import("./repeated-block-4KouNbyE.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component RepeatedBlock at ./components/repeated-block.vue",
     e
@@ -1258,11 +1258,11 @@ const Vn = ({
 }), Kn = f({
   name: "block",
   components: {
-    BlockStyles: j(Un),
-    RepeatedBlock: j(jn),
-    ComponentRef: j(Hn),
-    BlockWrapper: j(Mn),
-    DynamicDiv: j(Ln)
+    BlockStyles: H(Un),
+    RepeatedBlock: H(Hn),
+    ComponentRef: H(jn),
+    BlockWrapper: H(Mn),
+    DynamicDiv: H(Ln)
   },
   props: ["block", "context", "registeredComponents", "linkComponent"],
   data() {
@@ -1293,7 +1293,7 @@ const Vn = ({
     },
     processedBlock() {
       var t;
-      return (t = this.block.repeat) != null && t.collection ? this.block : Mt({
+      return (t = this.block.repeat) != null && t.collection ? this.block : Ut({
         block: this.block,
         localState: this.context.localState,
         rootState: this.context.rootState,
@@ -1329,7 +1329,7 @@ const Vn = ({
         blockChildren: this.processedBlock.children ?? [],
         componentRef: (e = this.blockComponent) == null ? void 0 : e.component,
         componentOptions: {
-          ...It(this.processedBlock),
+          ...Tt(this.processedBlock),
           ...Fn(this.blockComponent, this.processedBlock),
           ...Dn(this.blockComponent, this.context),
           ...Nn(this.blockComponent, this.linkComponent),
@@ -1466,7 +1466,7 @@ const ke = /* @__PURE__ */ b(Kn, [["render", qn]]), Ui = /* @__PURE__ */ Object.
 function Jn(e, t, n, o, r, i) {
   return c(), g(K(e.BlocksWrapper), C({
     ref: "blocksWrapperRef",
-    class: e.className + " component-178o76acnws",
+    class: e.className + " component-1k2igrjdg3x",
     "builder-path": e.path,
     "builder-parent-id": e.parent,
     style: e.styleProp,
@@ -1480,7 +1480,7 @@ function Jn(e, t, n, o, r, i) {
     _: 3
   }, 16, ["class", "builder-path", "builder-parent-id", "style", "onClick", "onMouseEnter", "onKeyPress"]);
 }
-const Gn = /* @__PURE__ */ b(zn, [["render", Jn], ["__scopeId", "data-v-824f09a8"]]), Yn = f({
+const Gn = /* @__PURE__ */ b(zn, [["render", Jn], ["__scopeId", "data-v-162df12b"]]), Yn = f({
   name: "builder-blocks",
   components: { BlocksWrapper: Gn, Block: ke },
   props: [
@@ -1542,7 +1542,7 @@ const Q = /* @__PURE__ */ b(Xn, [["render", Zn]]), _n = /* @__PURE__ */ Object.f
   },
   name: "inlined-styles",
   props: ["styles", "id", "nonce"]
-}), st = {
+}), it = {
   small: {
     min: 320,
     default: 321,
@@ -1558,11 +1558,11 @@ const Q = /* @__PURE__ */ b(Xn, [["render", Zn]]), _n = /* @__PURE__ */ Object.f
     default: 991,
     max: 1200
   }
-}, Mi = (e, t = st) => `@media (max-width: ${t[e].max}px)`, eo = ({
+}, Mi = (e, t = it) => `@media (max-width: ${t[e].max}px)`, eo = ({
   small: e,
   medium: t
 }) => {
-  const n = he(st);
+  const n = he(it);
   if (!e || !t)
     return n;
   const o = Math.floor(e / 2);
@@ -1713,7 +1713,7 @@ const Q = /* @__PURE__ */ b(Xn, [["render", Zn]]), _n = /* @__PURE__ */ Object.f
           href: e.link
         } : {},
         [ee()]: "builder-column",
-        style: it(this.columnCssVars(t))
+        style: rt(this.columnCssVars(t))
       };
     }
   }
@@ -1722,7 +1722,7 @@ function oo(e, t, n, o, r, i) {
   var u;
   const s = y("InlinedStyles"), l = y("Blocks"), a = y("DynamicRenderer");
   return c(), m("div", C({
-    class: e.getColumnsClass((u = e.builderBlock) == null ? void 0 : u.id) + " div-2brhoa1k8gd",
+    class: e.getColumnsClass((u = e.builderBlock) == null ? void 0 : u.id) + " div-4wbls88y960",
     style: e.columnsCssVars()
   }, {}), [
     e.TARGET !== "reactNative" ? (c(), g(s, {
@@ -1754,7 +1754,7 @@ function oo(e, t, n, o, r, i) {
     }, 1032, ["TagName", "attributes"]))), 128))
   ], 16);
 }
-const ro = /* @__PURE__ */ b(no, [["render", oo], ["__scopeId", "data-v-52366f16"]]), io = f({
+const ro = /* @__PURE__ */ b(no, [["render", oo], ["__scopeId", "data-v-adc066fc"]]), io = f({
   name: "builder-fragment-component",
   props: []
 });
@@ -1847,7 +1847,7 @@ const uo = f({
   }
 }), po = ["srcset"], mo = ["loading", "fetchpriority", "alt", "role", "src", "srcset", "sizes"], ho = {
   key: 2,
-  class: "div-1pl23ac79ld-2"
+  class: "div-29wpyomtntv-2"
 };
 function fo(e, t, n, o, r, i) {
   var s, l, a, u, h, d;
@@ -1869,7 +1869,7 @@ function fo(e, t, n, o, r, i) {
           ...e.aspectRatioCss
         }),
         class: J(
-          "builder-image" + (e.className ? " " + e.className : "") + " img-1pl23ac79ld"
+          "builder-image" + (e.className ? " " + e.className : "") + " img-29wpyomtntv"
         ),
         src: e.image,
         srcset: e.srcSetToUse,
@@ -1878,7 +1878,7 @@ function fo(e, t, n, o, r, i) {
     ]),
     e.aspectRatio && !((l = (s = e.builderBlock) == null ? void 0 : s.children) != null && l.length && e.fitContent) ? (c(), m("div", {
       key: 0,
-      class: "builder-image-sizer div-1pl23ac79ld",
+      class: "builder-image-sizer div-29wpyomtntv",
       style: D({
         paddingTop: e.aspectRatio * 100 + "%"
       })
@@ -1889,7 +1889,7 @@ function fo(e, t, n, o, r, i) {
     ])) : S("", !0)
   ], 64);
 }
-const bo = /* @__PURE__ */ b(uo, [["render", fo], ["__scopeId", "data-v-b1147753"]]), go = f({
+const bo = /* @__PURE__ */ b(uo, [["render", fo], ["__scopeId", "data-v-77f8a6c4"]]), go = f({
   name: "builder-section-component",
   props: ["attributes", "maxWidth"],
   data() {
@@ -2863,7 +2863,7 @@ function Uo(e, t, n, o, r, i) {
     ])) : S("", !0)
   ]);
 }
-const Mo = /* @__PURE__ */ b(Fo, [["render", Uo]]), Ho = {
+const Mo = /* @__PURE__ */ b(Fo, [["render", Uo]]), jo = {
   shouldReceiveBuilderProps: {
     builderBlock: !1,
     builderContext: !0
@@ -2885,7 +2885,7 @@ const Mo = /* @__PURE__ */ b(Fo, [["render", Uo]]), Ho = {
     height: "auto",
     textAlign: "center"
   }
-}, jo = f({
+}, Ho = f({
   name: "builder-text",
   props: ["builderContext", "text"],
   computed: {
@@ -2899,7 +2899,7 @@ const Mo = /* @__PURE__ */ b(Fo, [["render", Uo]]), Ho = {
       } = e;
       return String(((i = this.text) == null ? void 0 : i.toString()) || "").replace(
         /{{([^}]+)}}/g,
-        (s, l) => G({
+        (s, l) => Y({
           code: l,
           context: t,
           localState: n,
@@ -2920,7 +2920,7 @@ function qo(e, t, n, o, r, i) {
     }
   }, null, 8, Ko);
 }
-const zo = /* @__PURE__ */ b(jo, [["render", qo]]), Jo = {
+const zo = /* @__PURE__ */ b(Ho, [["render", qo]]), Jo = {
   name: "Custom Code",
   static: !0,
   requiredPermissions: ["editCode"],
@@ -3453,7 +3453,7 @@ const rr = /* @__PURE__ */ b(tr, [["render", or]]), ir = {
   }
 }), dr = ["validate", "action", "method", "name"], ur = {
   key: 3,
-  class: "builder-form-error-text pre-3i4ezorcfhi"
+  class: "builder-form-error-text pre-3q96myty4lk"
 };
 function pr(e, t, n, o, r, i) {
   var a;
@@ -3494,7 +3494,7 @@ function pr(e, t, n, o, r, i) {
     }, null, 8, ["blocks", "context"])) : S("", !0)
   ], 16, dr);
 }
-const mr = /* @__PURE__ */ b(cr, [["render", pr], ["__scopeId", "data-v-489330f7"]]), hr = {
+const mr = /* @__PURE__ */ b(cr, [["render", pr], ["__scopeId", "data-v-6e18f21b"]]), hr = {
   name: "Form:Input",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fad6f37889d9e40bbbbc72cdb5875d6ca",
   inputs: [
@@ -3898,7 +3898,7 @@ const Dr = /* @__PURE__ */ b(Nr, [["render", Fr]]), Lr = {
   }
 }), Mr = { style: {
   position: "relative"
-} }, Hr = ["preload", "src", "poster"], jr = ["src"], Kr = {
+} }, jr = ["preload", "src", "poster"], Hr = ["src"], Kr = {
   key: 1,
   style: {
     display: "flex",
@@ -3946,8 +3946,8 @@ function zr(e, t, n, o, r, i) {
         key: 0,
         type: "video/mp4",
         src: e.video
-      }, null, 8, jr))
-    ], 16, Hr),
+      }, null, 8, Hr))
+    ], 16, jr),
     e.aspectRatio && !(e.fitContent && ((a = (l = e.builderBlock) == null ? void 0 : l.children) != null && a.length)) ? (c(), m("div", {
       key: 0,
       style: D({
@@ -3993,7 +3993,7 @@ const Jr = /* @__PURE__ */ b(Ur, [["render", zr]]), Gr = () => [{
   component: Jr,
   ...Lr
 }], Ee = () => [{
-  component: Ct,
+  component: St,
   ...$o
 }, {
   component: ro,
@@ -4015,7 +4015,7 @@ const Jr = /* @__PURE__ */ b(Ur, [["render", zr]]), Gr = () => [{
   ...No
 }, {
   component: zo,
-  ...Ho
+  ...jo
 }, {
   component: Mo,
   ...Oo
@@ -4112,25 +4112,25 @@ const Jr = /* @__PURE__ */ b(Ur, [["render", zr]]), Gr = () => [{
     thisScriptEl?.remove();
   }
   return;
-}`, at = "builderIoAbTest", lt = "builderIoRenderContent", _ = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
+}`, st = "builderIoAbTest", at = "builderIoRenderContent", _ = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
   ...t,
   testVariationId: t.id,
   id: e == null ? void 0 : e.id
 })), Xr = ({
   canTrack: e,
   content: t
-}) => !(!(_(t).length > 0) || !e), Zr = (e) => e === "react" || e === "reactNative", ct = Zr(E), _r = () => `
-  window.${at} = ${Yr}
-  window.${lt} = ${Qr}
+}) => !(!(_(t).length > 0) || !e), Zr = (e) => e === "react" || e === "reactNative", lt = Zr(E), _r = () => `
+  window.${st} = ${Yr}
+  window.${at} = ${Qr}
   `, ei = (e, t) => `
-  window.${at}(
-    "${t}",${JSON.stringify(e)}, ${ct}
+  window.${st}(
+    "${t}",${JSON.stringify(e)}, ${lt}
   )`, ti = ({
   contentId: e,
   variationId: t
-}) => `window.${lt}(
-    "${t}", "${e}", ${ct}
-  )`, dt = f({
+}) => `window.${at}(
+    "${t}", "${e}", ${lt}
+  )`, ct = f({
   render() {
     return Ae("script", {
       innerHTML: this.scriptStr,
@@ -4268,31 +4268,28 @@ font-weight: ${s};
       [ce.key]: e.builderContextSignal
     };
   },
+  created() {
+    this.runHttpRequests(), this.emitStateUpdate();
+  },
   mounted() {
-    (() => {
-      var n, o;
-      if (I()) {
-        if (R() && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
-          new CustomEvent("initeditingbldr")
-        ), this.builderContextSignal.content && Y(this.canTrack)) {
-          const i = (n = this.builderContextSignal.content) == null ? void 0 : n.testVariationId, s = (o = this.builderContextSignal.content) == null ? void 0 : o.id, l = this.apiKey;
-          ue({
-            type: "impression",
-            canTrack: !0,
-            contentId: s,
-            apiKey: l,
-            variationId: i !== s ? i : void 0
-          });
-        }
-        Ht() && !R() && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
-          new CustomEvent("initpreviewingbldr")
-        );
+    var e, t;
+    if (I()) {
+      if (R() && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
+        new CustomEvent("initeditingbldr")
+      ), this.builderContextSignal.content && G(this.canTrack)) {
+        const o = (e = this.builderContextSignal.content) == null ? void 0 : e.testVariationId, r = (t = this.builderContextSignal.content) == null ? void 0 : t.id, i = this.apiKey;
+        ue({
+          type: "impression",
+          canTrack: !0,
+          contentId: r,
+          apiKey: i,
+          variationId: o !== r ? o : void 0
+        });
       }
-    })(), (() => {
-      this.apiKey || B.error(
-        "No API key provided to `Content` component. This can cause issues. Please provide an API key using the `apiKey` prop."
-      ), this.evaluateJsCode(), this.runHttpRequests(), this.emitStateUpdate();
-    })();
+      Mt() && !R() && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
+        new CustomEvent("initpreviewingbldr")
+      );
+    }
   },
   watch: {
     onUpdateHook0: {
@@ -4302,30 +4299,18 @@ font-weight: ${s};
       immediate: !0
     },
     onUpdateHook1: {
-      handler() {
-        this.evaluateJsCode();
-      },
-      immediate: !0
-    },
-    onUpdateHook2: {
-      handler() {
-        this.runHttpRequests();
-      },
-      immediate: !0
-    },
-    onUpdateHook3: {
       handler() {
         this.emitStateUpdate();
       },
       immediate: !0
     },
-    onUpdateHook4: {
+    onUpdateHook2: {
       handler() {
         this.data && this.mergeNewRootState(this.data);
       },
       immediate: !0
     },
-    onUpdateHook5: {
+    onUpdateHook3: {
       handler() {
         this.locale && this.mergeNewRootState({
           locale: this.locale
@@ -4353,28 +4338,16 @@ font-weight: ${s};
       };
     },
     onUpdateHook1() {
-      var e, t;
-      return {
-        0: (t = (e = this.builderContextSignal.content) == null ? void 0 : e.data) == null ? void 0 : t.jsCode
-      };
-    },
-    onUpdateHook2() {
-      var e, t;
-      return {
-        0: (t = (e = this.builderContextSignal.content) == null ? void 0 : e.data) == null ? void 0 : t.httpRequests
-      };
-    },
-    onUpdateHook3() {
       return {
         0: this.builderContextSignal.rootState
       };
     },
-    onUpdateHook4() {
+    onUpdateHook2() {
       return {
         0: this.data
       };
     },
-    onUpdateHook5() {
+    onUpdateHook3() {
       return {
         0: this.locale
       };
@@ -4421,7 +4394,7 @@ font-weight: ${s};
             });
           },
           animation: (t) => {
-            ot(t);
+            nt(t);
           },
           contentUpdate: (t) => {
             this.mergeNewContent(t);
@@ -4429,28 +4402,13 @@ font-weight: ${s};
         }
       })(e);
     },
-    evaluateJsCode() {
-      var t, n;
-      const e = (n = (t = this.builderContextSignal.content) == null ? void 0 : t.data) == null ? void 0 : n.jsCode;
-      e && G({
-        code: e,
-        context: this.context || {},
-        localState: void 0,
-        rootState: this.builderContextSignal.rootState,
-        rootSetState: this.builderContextSignal.rootSetState,
-        /**
-         * We don't want to cache the result of the JS code, since it's arbitrary side effect code.
-         */
-        enableCache: !1
-      });
-    },
     onClick(e) {
       var t, n;
       if (this.builderContextSignal.content) {
         const o = (t = this.builderContextSignal.content) == null ? void 0 : t.testVariationId, r = (n = this.builderContextSignal.content) == null ? void 0 : n.id;
         ue({
           type: "click",
-          canTrack: Y(this.canTrack),
+          canTrack: G(this.canTrack),
           contentId: r,
           apiKey: this.apiKey,
           variationId: o !== r ? o : void 0,
@@ -4470,7 +4428,7 @@ font-weight: ${s};
         const i = r.replace(
           /{{([^}]+)}}/g,
           (s, l) => String(
-            G({
+            Y({
               code: l,
               context: this.context || {},
               localState: void 0,
@@ -4480,7 +4438,7 @@ font-weight: ${s};
             })
           )
         );
-        _e(i).then((s) => s.json()).then((s) => {
+        fetch(i).then((s) => s.json()).then((s) => {
           this.mergeNewRootState({
             [o]: s
           }), this.httpReqsData[o] = !0;
@@ -4507,7 +4465,7 @@ font-weight: ${s};
       );
     },
     elementRef_onIniteditingbldr(e) {
-      window.addEventListener("message", this.processMessage), pn(), Ge({
+      window.addEventListener("message", this.processMessage), un(), Ge({
         ...this.locale ? {
           locale: this.locale
         } : {},
@@ -4550,7 +4508,7 @@ function pi(e, t, n, o, r, i) {
     onClick: (u) => e.onClick(u),
     "builder-content-id": (s = e.builderContextSignal.content) == null ? void 0 : s.id,
     "builder-model": e.model,
-    class: e.getWrapperClassName(((l = e.content) == null ? void 0 : l.testVariationId) || ((a = e.content) == null ? void 0 : a.id)),
+    className: e.getWrapperClassName(((l = e.content) == null ? void 0 : l.testVariationId) || ((a = e.content) == null ? void 0 : a.id)),
     onIniteditingbldr: (u) => e.elementRef_onIniteditingbldr(u),
     onInitpreviewingbldr: (u) => e.elementRef_onInitpreviewingbldr(u)
   }, { ...e.showContentProps, ...e.contentWrapperProps }), {
@@ -4558,7 +4516,7 @@ function pi(e, t, n, o, r, i) {
       x(e.$slots, "default")
     ]),
     _: 3
-  }, 16, ["onClick", "builder-content-id", "builder-model", "class", "onIniteditingbldr", "onInitpreviewingbldr"])) : S("", !0);
+  }, 16, ["onClick", "builder-content-id", "builder-model", "className", "onIniteditingbldr", "onInitpreviewingbldr"])) : S("", !0);
 }
 const mi = /* @__PURE__ */ b(ui, [["render", pi]]), hi = f({
   name: "content-styles",
@@ -4614,24 +4572,24 @@ const bi = /* @__PURE__ */ b(hi, [["render", fi]]), gi = ({
     ...t
   },
   meta: e == null ? void 0 : e.meta
-} : void 0, ki = ft, vi = f({
+} : void 0, ki = ht, vi = f({
   name: "content-component",
   components: {
     EnableEditor: mi,
-    InlinedScript: dt,
+    InlinedScript: ct,
     ContentStyles: bi,
     Blocks: M,
     DynamicDiv: Q
   },
   props: [
+    "apiKey",
+    "context",
     "content",
     "customComponents",
     "model",
     "data",
     "locale",
-    "context",
     "canTrack",
-    "apiKey",
     "apiVersion",
     "blocksWrapper",
     "blocksWrapperProps",
@@ -4709,6 +4667,27 @@ const bi = /* @__PURE__ */ b(hi, [["render", fi]]), gi = ({
       }
     };
   },
+  created() {
+    var t, n;
+    this.apiKey || B.error(
+      "No API key provided to `Content` component. This can cause issues. Please provide an API key using the `apiKey` prop."
+    );
+    const e = (n = (t = this.builderContextSignal.content) == null ? void 0 : t.data) == null ? void 0 : n.jsCode;
+    e && Y({
+      code: e,
+      context: this.context || {},
+      localState: void 0,
+      rootState: this.builderContextSignal.rootState,
+      rootSetState: (o) => {
+        this.builderContextSignal.rootState = o;
+      },
+      isExpression: !1,
+      /**
+       * We don't want to cache the result of the JS code, since it's arbitrary side effect code.
+       */
+      enableCache: !1
+    });
+  },
   methods: {
     contentSetState(e) {
       this.builderContextSignal.rootState = e;
@@ -4764,7 +4743,7 @@ function Si(e, t, n, o, r, i) {
 const Ci = /* @__PURE__ */ b(vi, [["render", Si]]), wi = f({
   name: "content-variants",
   components: {
-    InlinedScript: dt,
+    InlinedScript: ct,
     InlinedStyles: ve,
     ContentComponent: Ci
   },
@@ -4791,7 +4770,7 @@ const Ci = /* @__PURE__ */ b(vi, [["render", Si]]), wi = f({
   data() {
     return {
       shouldRenderVariants: Xr({
-        canTrack: Y(this.canTrack),
+        canTrack: G(this.canTrack),
         content: this.content
       }),
       TARGET: E,
@@ -4820,9 +4799,9 @@ const Ci = /* @__PURE__ */ b(vi, [["render", Si]]), wi = f({
       return this.shouldRenderVariants ? {
         ...this.content,
         testVariationId: (e = this.content) == null ? void 0 : e.id
-      } : yn({
+      } : gn({
         item: this.content,
-        canTrack: Y(this.canTrack)
+        canTrack: G(this.canTrack)
       });
     }
   }
@@ -5022,20 +5001,20 @@ export {
   L as c,
   ye as d,
   b as e,
-  G as f,
+  Y as f,
   eo as g,
   Li as h,
   ee as i,
   ce as j,
-  Ct as k,
+  St as k,
   Ei as l,
   zo as m,
   M as n,
   Ii as o,
   R as p,
-  Ht as q,
+  Mt as q,
   jt as r,
-  qt as s,
+  Kt as s,
   Wi as t,
   Le as u,
   Ni as v,