@builder.io/sdk-vue 0.4.1 → 0.4.2

package/packages/_vue2/dist/{render-content.672eabd9.js → render-content.a6b17a6c.js}

@@ -1,6 +1,6 @@
 import { defineComponent as h } from "vue";
-import { s as b, n as f, i as m, B as R, C as I, F as w, I as _, S as E, d as F, e as V, V as A, r as U, b as g, T, c as P, h as j, j as H, k as $, l as W, m as L, _ as v, o as M, p as q, q as B } from "./index.e2db82e0.js";
-import { e as x } from "./evaluate.8238dbc9.js";
+import { s as b, n as f, i as m, B as I, C as R, F as _, I as E, S as F, d as V, e as A, V as U, r as P, b as g, T as w, c as j, h as H, j as $, k as y, l as W, m as L, _ as v, o as M, p as q, q as B } from "./index.2473a355.js";
+import { e as S } from "./evaluate.6ab6e7cb.js";
 const N = {
   name: "Core:Button",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",
@@ -224,18 +224,18 @@ const N = {
           ]
         }
       ],
-      onChange: b((e) => {
-        function t() {
+      onChange: b((t) => {
+        function e() {
           n.forEach((a) => {
             a.delete("width");
           });
         }
-        const n = e.get("columns");
+        const n = t.get("columns");
         Array.isArray(n) && !!n.find(
-          (o) => o.get("width")
+          (i) => i.get("width")
         ) && (!!n.find(
-          (i) => !i.get("width")
-        ) || n.reduce((l, r) => l + r.get("width"), 0) !== 100) && t();
+          (o) => !o.get("width")
+        ) || n.reduce((l, s) => l + s.get("width"), 0) !== 100) && e();
       })
     },
     {
@@ -287,31 +287,31 @@ const N = {
       required: !0,
       defaultValue: "https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F72c80f114dc149019051b6852a9e3b7a",
       onChange: b(
-        (e) => {
-          e.delete("srcset"), e.delete("noWebp");
-          function n(s, l = 6e4) {
-            return new Promise((r, c) => {
+        (t) => {
+          t.delete("srcset"), t.delete("noWebp");
+          function n(r, l = 6e4) {
+            return new Promise((s, c) => {
               const d = document.createElement("img");
               let u = !1;
               d.onload = () => {
-                u = !0, r(d);
+                u = !0, s(d);
               }, d.addEventListener("error", (p) => {
                 console.warn("Image load failed", p.error), c(p.error);
-              }), d.src = s, setTimeout(() => {
+              }), d.src = r, setTimeout(() => {
                 u || c(new Error("Image load timed out"));
               }, l);
             });
           }
-          function a(s) {
-            return Math.round(s * 1e3) / 1e3;
+          function a(r) {
+            return Math.round(r * 1e3) / 1e3;
           }
-          const o = e.get("image"), i = e.get("aspectRatio");
-          if (fetch(o).then((s) => s.blob()).then((s) => {
-            s.type.includes("svg") && e.set("noWebp", !0);
-          }), o && (!i || i === 0.7041))
-            return n(o).then((s) => {
-              const l = e.get("aspectRatio");
-              e.get("image") === o && (!l || l === 0.7041) && s.width && s.height && (e.set("aspectRatio", a(s.height / s.width)), e.set("height", s.height), e.set("width", s.width));
+          const i = t.get("image"), o = t.get("aspectRatio");
+          if (fetch(i).then((r) => r.blob()).then((r) => {
+            r.type.includes("svg") && t.set("noWebp", !0);
+          }), i && (!o || o === 0.7041))
+            return n(i).then((r) => {
+              const l = t.get("aspectRatio");
+              t.get("image") === i && (!l || l === 0.7041) && r.width && r.height && (t.set("aspectRatio", a(r.height / r.width)), t.set("height", r.height), t.set("width", r.width));
             });
         }
       )
@@ -607,20 +607,20 @@ const N = {
       defaultValue: "",
       helperText: "e.g. enter a youtube url, google map, etc",
       onChange: b(
-        (e) => {
-          const t = e.get("url");
-          if (t)
-            return e.set("content", "Loading..."), fetch(
-              `https://iframe.ly/api/iframely?url=${t}&api_key=ae0e60e78201a3f2b0de4b`
+        (t) => {
+          const e = t.get("url");
+          if (e)
+            return t.set("content", "Loading..."), fetch(
+              `https://iframe.ly/api/iframely?url=${e}&api_key=ae0e60e78201a3f2b0de4b`
             ).then((a) => a.json()).then((a) => {
-              e.get("url") === t && (a.html ? e.set("content", a.html) : e.set("content", "Invalid url, please try another"));
+              t.get("url") === e && (a.html ? t.set("content", a.html) : t.set("content", "Invalid url, please try another"));
             }).catch((a) => {
-              e.set(
+              t.set(
                 "content",
                 "There was an error embedding this URL, please try again or another URL"
               );
             });
-          e.delete("content");
+          t.delete("content");
         }
       )
     },
@@ -635,7 +635,7 @@ const N = {
   "text/javascript",
   "application/javascript",
   "application/ecmascript"
-], Z = (e) => Q.includes(e.type), ee = h({
+], Z = (t) => Q.includes(t.type), ee = h({
   name: "builder-embed",
   props: ["content"],
   data() {
@@ -661,9 +661,9 @@ const N = {
     findAndRunScripts() {
       if (!this.$refs.elem || !this.$refs.elem.getElementsByTagName)
         return;
-      const e = this.$refs.elem.getElementsByTagName("script");
-      for (let t = 0; t < e.length; t++) {
-        const n = e[t];
+      const t = this.$refs.elem.getElementsByTagName("script");
+      for (let e = 0; e < t.length; e++) {
+        const n = t[e];
         if (n.src && !this.scriptsInserted.includes(n.src)) {
           this.scriptsInserted.push(n.src);
           const a = document.createElement("script");
@@ -679,8 +679,8 @@ const N = {
   }
 });
 var te = function() {
-  var t = this, n = t._self._c;
-  return t._self._setupProxy, n("div", { ref: "elem", staticClass: "builder-embed", domProps: { innerHTML: t._s(t.content) } });
+  var e = this, n = e._self._c;
+  return e._self._setupProxy, n("div", { ref: "elem", staticClass: "builder-embed", domProps: { innerHTML: e._s(e.content) } });
 }, ne = [], ae = /* @__PURE__ */ f(
   ee,
   te,
@@ -691,7 +691,7 @@ var te = function() {
   null,
   null
 );
-const oe = ae.exports, ie = h({
+const ie = ae.exports, oe = h({
   name: "builder-img-component",
   props: [
     "backgroundSize",
@@ -705,33 +705,33 @@ const oe = ae.exports, ie = h({
     return { isEditing: m };
   },
   methods: {
-    filterAttrs: function(t = {}, n) {
+    filterAttrs: function(e = {}, n) {
       const a = "v-on:";
-      return Object.keys(t).filter((o) => {
-        if (!t[o])
+      return Object.keys(e).filter((i) => {
+        if (!e[i])
           return !1;
-        const i = o.startsWith(a);
-        return n ? i : !i;
+        const o = i.startsWith(a);
+        return n ? o : !o;
       }).reduce(
-        (o, i) => ({
-          ...o,
-          [i.replace(a, "")]: t[i]
+        (i, o) => ({
+          ...i,
+          [o.replace(a, "")]: e[o]
         }),
         {}
       );
     }
   }
 });
-var se = function() {
-  var t = this, n = t._self._c;
-  return t._self._setupProxy, n("img", t._g(t._b({ key: t.isEditing() && t.imgSrc || "default-key", style: {
-    objectFit: t.backgroundSize || "cover",
-    objectPosition: t.backgroundPosition || "center"
-  }, attrs: { alt: t.altText, src: t.imgSrc || t.image } }, "img", t.filterAttrs(t.attributes, !1), !1), t.filterAttrs(t.attributes, !0)));
-}, re = [], le = /* @__PURE__ */ f(
-  ie,
-  se,
+var re = function() {
+  var e = this, n = e._self._c;
+  return e._self._setupProxy, n("img", e._g(e._b({ key: e.isEditing() && e.imgSrc || "default-key", style: {
+    objectFit: e.backgroundSize || "cover",
+    objectPosition: e.backgroundPosition || "center"
+  }, attrs: { alt: e.altText, src: e.imgSrc || e.image } }, "img", e.filterAttrs(e.attributes, !1), !1), e.filterAttrs(e.attributes, !0)));
+}, se = [], le = /* @__PURE__ */ f(
+  oe,
   re,
+  se,
   !1,
   null,
   null,
@@ -747,7 +747,7 @@ const de = le.exports, ce = {
       name: "image",
       bubble: !0,
       type: "file",
-      allowedFileTypes: ["jpeg", "jpg", "png", "svg"],
+      allowedFileTypes: ["jpeg", "jpg", "png", "svg", "gif", "webp"],
       required: !0
     }
   ],
@@ -765,9 +765,9 @@ const de = le.exports, ce = {
   methods: {
     findAndRunScripts() {
       if (this.$refs.elem && this.$refs.elem.getElementsByTagName && typeof window < "u") {
-        const e = this.$refs.elem.getElementsByTagName("script");
-        for (let t = 0; t < e.length; t++) {
-          const n = e[t];
+        const t = this.$refs.elem.getElementsByTagName("script");
+        for (let e = 0; e < t.length; e++) {
+          const n = t[e];
           if (n.src) {
             if (this.scriptsInserted.includes(n.src))
               continue;
@@ -790,22 +790,22 @@ const de = le.exports, ce = {
         }
       }
     },
-    _classStringToObject(e) {
-      const t = {};
-      if (typeof e != "string")
-        return t;
-      const n = e.trim().split(/\s+/);
+    _classStringToObject(t) {
+      const e = {};
+      if (typeof t != "string")
+        return e;
+      const n = t.trim().split(/\s+/);
       for (const a of n)
-        t[a] = !0;
-      return t;
+        e[a] = !0;
+      return e;
     }
   }
 });
 var pe = function() {
-  var t = this, n = t._self._c;
-  return t._self._setupProxy, n("div", { ref: "elem", class: t._classStringToObject(
-    "builder-custom-code" + (t.replaceNodes ? " replace-nodes" : "")
-  ), domProps: { innerHTML: t._s(t.code) } });
+  var e = this, n = e._self._c;
+  return e._self._setupProxy, n("div", { ref: "elem", class: e._classStringToObject(
+    "builder-custom-code" + (e.replaceNodes ? " replace-nodes" : "")
+  ), domProps: { innerHTML: e._s(e.code) } });
 }, me = [], he = /* @__PURE__ */ f(
   ue,
   pe,
@@ -843,19 +843,19 @@ const fe = he.exports, ge = {
     }
   ]
 }, be = () => [
-  { component: R, ...N },
-  { component: I, ...O },
+  { component: I, ...N },
+  { component: R, ...O },
   { component: fe, ...ge },
-  { component: oe, ...X },
-  { component: w, ...K },
-  { component: _, ...D },
+  { component: ie, ...X },
+  { component: _, ...K },
+  { component: E, ...D },
   { component: de, ...ce },
-  { component: E, ...z },
-  { component: F, ...J },
-  { component: V, ...Y },
-  { component: A, ...G }
-], ye = "0.4.1", ve = () => {
-  U("insertMenu", {
+  { component: F, ...z },
+  { component: V, ...J },
+  { component: A, ...Y },
+  { component: U, ...G }
+], xe = "0.4.2", ye = () => {
+  P("insertMenu", {
     name: "_default",
     default: !0,
     items: [
@@ -871,14 +871,14 @@ const fe = he.exports, ge = {
   });
 };
 let C = !1;
-const xe = (e = {}) => {
-  var t, n;
-  C || (C = !0, g() && ((t = window.parent) == null || t.postMessage(
+const ve = (t = {}) => {
+  var e, n;
+  C || (C = !0, g() && ((e = window.parent) == null || e.postMessage(
     {
       type: "builder.sdkInfo",
       data: {
-        target: T,
-        version: ye,
+        target: w,
+        version: xe,
         supportsPatchUpdates: !1,
         supportsAddBlockScoping: !0,
         supportsCustomBreakpoints: !0
@@ -889,41 +889,41 @@ const xe = (e = {}) => {
     {
       type: "builder.updateContent",
       data: {
-        options: e
+        options: t
       }
     },
     "*"
   ), window.addEventListener("message", ({ data: a }) => {
-    var o, i;
+    var i, o;
     if (!!(a != null && a.type))
       switch (a.type) {
         case "builder.evaluate": {
-          const s = a.data.text, l = a.data.arguments || [], r = a.data.id, c = new Function(s);
+          const r = a.data.text, l = a.data.arguments || [], s = a.data.id, c = new Function(r);
           let d, u = null;
           try {
             d = c.apply(null, l);
           } catch (p) {
             u = p;
           }
-          u ? (o = window.parent) == null || o.postMessage(
+          u ? (i = window.parent) == null || i.postMessage(
             {
               type: "builder.evaluateError",
-              data: { id: r, error: u.message }
+              data: { id: s, error: u.message }
             },
             "*"
           ) : d && typeof d.then == "function" ? d.then((p) => {
-            var y;
-            (y = window.parent) == null || y.postMessage(
+            var x;
+            (x = window.parent) == null || x.postMessage(
               {
                 type: "builder.evaluateResult",
-                data: { id: r, result: p }
+                data: { id: s, result: p }
               },
               "*"
             );
-          }).catch(console.error) : (i = window.parent) == null || i.postMessage(
+          }).catch(console.error) : (o = window.parent) == null || o.postMessage(
             {
               type: "builder.evaluateResult",
-              data: { result: d, id: r }
+              data: { result: d, id: s }
             },
             "*"
           );
@@ -932,163 +932,162 @@ const xe = (e = {}) => {
       }
   })));
 };
-function S(e) {
-  return Math.round(e * 1e3) / 1e3;
+function k(t) {
+  return Math.round(t * 1e3) / 1e3;
 }
-const Ce = (e, t, n = !0) => {
-  if (!(e instanceof HTMLElement))
+const Se = (t, e, n = !0) => {
+  if (!(t instanceof HTMLElement))
     return null;
-  let a = n ? e : e.parentElement;
+  let a = n ? t : t.parentElement;
   do {
     if (!a)
       return null;
-    if (t(a))
+    if (e(a))
       return a;
   } while (a = a.parentElement);
   return null;
-}, Se = (e) => Ce(e, (t) => {
-  const n = t.getAttribute("builder-id") || t.id;
+}, Ce = (t) => Se(t, (e) => {
+  const n = e.getAttribute("builder-id") || e.id;
   return Boolean((n == null ? void 0 : n.indexOf("builder-")) === 0);
-}), k = ({
-  event: e,
-  target: t
+}), T = ({
+  event: t,
+  target: e
 }) => {
-  const n = t.getBoundingClientRect(), a = e.clientX - n.left, o = e.clientY - n.top, i = S(a / n.width), s = S(o / n.height);
+  const n = e.getBoundingClientRect(), a = t.clientX - n.left, i = t.clientY - n.top, o = k(a / n.width), r = k(i / n.height);
   return {
-    x: i,
-    y: s
+    x: o,
+    y: r
   };
-}, ke = (e) => {
-  const t = e.target, n = t && Se(t), a = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
+}, ke = (t) => {
+  const e = t.target, n = e && Ce(e), a = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
   return {
     targetBuilderElement: a || void 0,
     metadata: {
-      targetOffset: t ? k({ event: e, target: t }) : void 0,
-      builderTargetOffset: n ? k({ event: e, target: n }) : void 0,
+      targetOffset: e ? T({ event: t, target: e }) : void 0,
+      builderTargetOffset: n ? T({ event: t, target: n }) : void 0,
       builderElementIndex: n && a ? [].slice.call(document.getElementsByClassName(a)).indexOf(n) : void 0
     }
   };
 }, Te = ({
-  content: e,
-  data: t,
+  content: t,
+  data: e,
   locale: n
 }) => {
-  var i, s, l;
+  var o, r, l;
   const a = {};
-  (s = (i = e == null ? void 0 : e.data) == null ? void 0 : i.inputs) == null || s.forEach((r) => {
+  (r = (o = t == null ? void 0 : t.data) == null ? void 0 : o.inputs) == null || r.forEach((s) => {
     var c;
-    r.name && r.defaultValue !== void 0 && ((c = e == null ? void 0 : e.data) == null ? void 0 : c.state) && e.data.state[r.name] === void 0 && (a[r.name] = r.defaultValue);
+    s.name && s.defaultValue !== void 0 && ((c = t == null ? void 0 : t.data) == null ? void 0 : c.state) && t.data.state[s.name] === void 0 && (a[s.name] = s.defaultValue);
   });
-  const o = {
-    ...(l = e == null ? void 0 : e.data) == null ? void 0 : l.state,
-    ...t,
+  const i = {
+    ...(l = t == null ? void 0 : t.data) == null ? void 0 : l.state,
+    ...e,
     ...n ? { locale: n } : {}
   };
-  return { ...a, ...o };
-}, Re = ({
-  content: e,
-  data: t
-}) => e ? {
-  ...e,
+  return { ...a, ...i };
+}, we = ({
+  content: t,
+  data: e
+}) => t ? {
+  ...t,
   data: {
-    ...e == null ? void 0 : e.data,
-    ...t
+    ...t == null ? void 0 : t.data,
+    ...e
   },
-  meta: e == null ? void 0 : e.meta
-} : void 0, Ie = () => import("./index.e2db82e0.js").then((e) => e.A).then((e) => e.default).catch((e) => {
+  meta: t == null ? void 0 : t.meta
+} : void 0, Ie = () => import("./index.2473a355.js").then((t) => t.A).then((t) => t.default).catch((t) => {
   throw console.error(
     "Error while attempting to dynamically import component RenderBlocks at ../render-blocks.vue",
-    e
-  ), e;
-}), we = () => import("./render-styles.af4e2d5a.js").then((e) => e.default).catch((e) => {
+    t
+  ), t;
+}), Re = () => import("./render-styles.a148b748.js").then((t) => t.default).catch((t) => {
   throw console.error(
     "Error while attempting to dynamically import component RenderContentStyles at ./components/render-styles.vue",
-    e
-  ), e;
+    t
+  ), t;
 }), _e = h({
   name: "render-content",
   components: {
-    RenderContentStyles: we,
+    RenderContentStyles: Re,
     RenderBlocks: Ie
   },
   props: [
-    "content",
-    "data",
     "canTrack",
-    "locale",
-    "customComponents",
     "model",
     "context",
     "apiKey",
+    "content",
     "parentContentId",
+    "data",
+    "locale",
+    "apiVersion",
+    "customComponents",
     "hideContent",
     "classNameProp",
     "isSsrAbTest",
     "includeRefs",
-    "enrich",
-    "apiVersion"
+    "enrich"
   ],
   data() {
-    var e;
+    var t;
     return {
       forceReRenderCount: 0,
       overrideContent: null,
-      useContent: Re({
-        content: this.content,
-        data: this.data
-      }),
       update: 0,
-      canTrackToUse: P(this.canTrack) ? this.canTrack : !0,
-      contentState: Te({
-        content: this.content,
-        data: this.data,
-        locale: this.locale
-      }),
-      allRegisteredComponents: [
-        ...be(),
-        ...j,
-        ...this.customComponents || []
-      ].reduce(
-        (t, { component: n, ...a }) => ({
-          ...t,
-          [a.name]: {
-            component: n,
-            ...a
-          }
-        }),
-        {}
-      ),
+      canTrackToUse: j(this.canTrack) ? this.canTrack : !0,
       httpReqsData: {},
       clicked: !1,
       scriptStr: H({
-        contentId: (e = this.content) == null ? void 0 : e.id,
+        contentId: (t = this.content) == null ? void 0 : t.id,
         parentContentId: this.parentContentId
       }),
-      TARGET: T
+      builderContextSignal: {
+        content: we({
+          content: this.content,
+          data: this.data
+        }),
+        localState: void 0,
+        rootState: Te({
+          content: this.content,
+          data: this.data,
+          locale: this.locale
+        }),
+        rootSetState: this.contentSetState,
+        context: this.context || {},
+        apiKey: this.apiKey,
+        apiVersion: this.apiVersion,
+        registeredComponents: [
+          ...be(),
+          ...$,
+          ...this.customComponents || []
+        ].reduce(
+          (e, { component: n, ...a }) => ({
+            ...e,
+            [a.name]: {
+              component: n,
+              ...a
+            }
+          }),
+          {}
+        ),
+        inheritedStyles: {}
+      },
+      builderContext: y,
+      TARGET: w
     };
   },
   provide() {
-    const e = this;
+    const t = this;
     return {
-      [$.key]: {
-        content: e.useContent,
-        localState: void 0,
-        rootState: e.contentState,
-        rootSetState: e.contentSetState,
-        context: e.context || {},
-        apiKey: e.apiKey,
-        apiVersion: e.apiVersion,
-        registeredComponents: e.allRegisteredComponents,
-        inheritedStyles: {}
-      }
+      [y.key]: t.builderContextSignal
     };
   },
   mounted() {
-    var e, t;
+    var t, e;
     if (this.apiKey || W.error(
       "No API key provided to `RenderContent` component. This can cause issues. Please provide an API key using the `apiKey` prop."
     ), g()) {
-      if (m() && (this.forceReRenderCount = this.forceReRenderCount + 1, ve(), xe({
+      if (m() && (this.forceReRenderCount = this.forceReRenderCount + 1, ye(), ve({
         ...this.locale ? {
           locale: this.locale
         } : {},
@@ -1099,16 +1098,16 @@ const Ce = (e, t, n = !0) => {
           enrich: this.enrich
         } : {}
       }), Object.values(
-        this.allRegisteredComponents
+        this.builderContextSignal.registeredComponents
       ).forEach((n) => {
-        var o;
+        var i;
         const a = L(n);
-        (o = window.parent) == null || o.postMessage(a, "*");
+        (i = window.parent) == null || i.postMessage(a, "*");
       }), window.addEventListener("message", this.processMessage), window.addEventListener(
         "builder:component:stateChangeListenerActivated",
         this.emitStateUpdate
-      )), this.useContent) {
-        const n = (e = this.useContent) == null ? void 0 : e.testVariationId, a = (t = this.useContent) == null ? void 0 : t.id;
+      )), this.builderContextSignal.content) {
+        const n = (t = this.builderContextSignal.content) == null ? void 0 : t.testVariationId, a = (e = this.builderContextSignal.content) == null ? void 0 : e.id;
         v({
           type: "impression",
           canTrack: this.canTrackToUse,
@@ -1118,15 +1117,15 @@ const Ce = (e, t, n = !0) => {
         });
       }
       if (M()) {
-        const n = new URL(location.href).searchParams, a = n.get("builder.preview"), o = n.get(
+        const n = new URL(location.href).searchParams, a = n.get("builder.preview"), i = n.get(
           `builder.preview.${a}`
-        ), i = n.get("apiKey") || n.get("builder.space");
-        a === this.model && i === this.apiKey && (!this.content || o === this.content.id) && q({
+        ), o = n.get("apiKey") || n.get("builder.space");
+        a === this.model && o === this.apiKey && (!this.content || i === this.content.id) && q({
           model: this.model,
           apiKey: this.apiKey,
           apiVersion: this.apiVersion
-        }).then((s) => {
-          s && this.mergeNewContent(s);
+        }).then((r) => {
+          r && this.mergeNewContent(r);
         });
       }
       this.evaluateJsCode(), this.runHttpRequests(), this.emitStateUpdate();
@@ -1171,132 +1170,132 @@ const Ce = (e, t, n = !0) => {
       };
     },
     onUpdateHook1() {
-      var e, t;
+      var t, e;
       return {
-        0: (t = (e = this.useContent) == null ? void 0 : e.data) == null ? void 0 : t.jsCode,
-        1: this.contentState
+        0: (e = (t = this.builderContextSignal.content) == null ? void 0 : t.data) == null ? void 0 : e.jsCode,
+        1: this.builderContextSignal.rootState
       };
     },
     onUpdateHook2() {
-      var e, t;
+      var t, e;
       return {
-        0: (t = (e = this.useContent) == null ? void 0 : e.data) == null ? void 0 : t.httpRequests
+        0: (e = (t = this.builderContextSignal.content) == null ? void 0 : t.data) == null ? void 0 : e.httpRequests
       };
     },
     onUpdateHook3() {
       return {
-        0: this.contentState
+        0: this.builderContextSignal.rootState
       };
     }
   },
   methods: {
-    mergeNewContent(e) {
-      var t, n, a, o, i;
-      this.useContent = {
-        ...this.useContent,
-        ...e,
+    mergeNewContent(t) {
+      var e, n, a, i, o;
+      this.builderContextSignal.content = {
+        ...this.builderContextSignal.content,
+        ...t,
         data: {
-          ...(t = this.useContent) == null ? void 0 : t.data,
-          ...e == null ? void 0 : e.data
+          ...(e = this.builderContextSignal.content) == null ? void 0 : e.data,
+          ...t == null ? void 0 : t.data
         },
         meta: {
-          ...(n = this.useContent) == null ? void 0 : n.meta,
-          ...e == null ? void 0 : e.meta,
-          breakpoints: ((a = e == null ? void 0 : e.meta) == null ? void 0 : a.breakpoints) || ((i = (o = this.useContent) == null ? void 0 : o.meta) == null ? void 0 : i.breakpoints)
+          ...(n = this.builderContextSignal.content) == null ? void 0 : n.meta,
+          ...t == null ? void 0 : t.meta,
+          breakpoints: ((a = t == null ? void 0 : t.meta) == null ? void 0 : a.breakpoints) || ((o = (i = this.builderContextSignal.content) == null ? void 0 : i.meta) == null ? void 0 : o.breakpoints)
         }
       };
     },
-    setBreakpoints(e) {
-      var t;
-      this.useContent = {
-        ...this.useContent,
+    setBreakpoints(t) {
+      var e;
+      this.builderContextSignal.content = {
+        ...this.builderContextSignal.content,
         meta: {
-          ...(t = this.useContent) == null ? void 0 : t.meta,
-          breakpoints: e
+          ...(e = this.builderContextSignal.content) == null ? void 0 : e.meta,
+          breakpoints: t
         }
       };
     },
-    contentSetState(e) {
-      this.contentState = e;
+    contentSetState(t) {
+      this.builderContextSignal.rootState = t;
     },
-    processMessage(e) {
+    processMessage(t) {
       var n;
-      const { data: t } = e;
-      if (t)
-        switch (t.type) {
+      const { data: e } = t;
+      if (e)
+        switch (e.type) {
           case "builder.configureSdk": {
-            const a = t.data, { breakpoints: o, contentId: i } = a;
-            if (!i || i !== ((n = this.useContent) == null ? void 0 : n.id))
+            const a = e.data, { breakpoints: i, contentId: o } = a;
+            if (!o || o !== ((n = this.builderContextSignal.content) == null ? void 0 : n.id))
               return;
-            o && this.setBreakpoints(o), this.forceReRenderCount = this.forceReRenderCount + 1;
+            i && this.setBreakpoints(i), this.forceReRenderCount = this.forceReRenderCount + 1;
             break;
           }
           case "builder.contentUpdate": {
-            const a = t.data, o = a.key || a.alias || a.entry || a.modelName, i = a.data;
-            o === this.model && (this.mergeNewContent(i), this.forceReRenderCount = this.forceReRenderCount + 1);
+            const a = e.data, i = a.key || a.alias || a.entry || a.modelName, o = a.data;
+            i === this.model && (this.mergeNewContent(o), this.forceReRenderCount = this.forceReRenderCount + 1);
             break;
           }
         }
     },
     evaluateJsCode() {
-      var t, n;
-      const e = (n = (t = this.useContent) == null ? void 0 : t.data) == null ? void 0 : n.jsCode;
-      e && x({
-        code: e,
+      var e, n;
+      const t = (n = (e = this.builderContextSignal.content) == null ? void 0 : e.data) == null ? void 0 : n.jsCode;
+      t && S({
+        code: t,
         context: this.context || {},
         localState: void 0,
-        rootState: this.contentState,
+        rootState: this.builderContextSignal.rootState,
         rootSetState: this.contentSetState
       });
     },
-    onClick(e) {
-      var t, n;
-      if (this.useContent) {
-        const a = (t = this.useContent) == null ? void 0 : t.testVariationId, o = (n = this.useContent) == null ? void 0 : n.id;
+    onClick(t) {
+      var e, n;
+      if (this.builderContextSignal.content) {
+        const a = (e = this.builderContextSignal.content) == null ? void 0 : e.testVariationId, i = (n = this.builderContextSignal.content) == null ? void 0 : n.id;
         v({
           type: "click",
           canTrack: this.canTrackToUse,
-          contentId: o,
+          contentId: i,
           apiKey: this.apiKey,
-          variationId: a !== o ? a : void 0,
-          ...ke(e),
+          variationId: a !== i ? a : void 0,
+          ...ke(t),
           unique: !this.clicked
         });
       }
       this.clicked || (this.clicked = !0);
     },
-    evalExpression(e) {
-      return e.replace(
+    evalExpression(t) {
+      return t.replace(
         /{{([^}]+)}}/g,
-        (t, n) => x({
+        (e, n) => S({
           code: n,
           context: this.context || {},
           localState: void 0,
-          rootState: this.contentState,
+          rootState: this.builderContextSignal.rootState,
           rootSetState: this.contentSetState
         })
       );
     },
-    handleRequest({ url: e, key: t }) {
-      B(e).then((n) => n.json()).then((n) => {
+    handleRequest({ url: t, key: e }) {
+      B(t).then((n) => n.json()).then((n) => {
         const a = {
-          ...this.contentState,
-          [t]: n
+          ...this.builderContextSignal.rootState,
+          [e]: n
         };
         this.contentSetState(a);
       }).catch((n) => {
-        console.error("error fetching dynamic data", e, n);
+        console.error("error fetching dynamic data", t, n);
       });
     },
     runHttpRequests() {
-      var t, n, a;
-      const e = (a = (n = (t = this.useContent) == null ? void 0 : t.data) == null ? void 0 : n.httpRequests) != null ? a : {};
-      Object.entries(e).forEach(([o, i]) => {
-        if (i && (!this.httpReqsData[o] || m())) {
-          const s = this.evalExpression(i);
+      var e, n, a;
+      const t = (a = (n = (e = this.builderContextSignal.content) == null ? void 0 : e.data) == null ? void 0 : n.httpRequests) != null ? a : {};
+      Object.entries(t).forEach(([i, o]) => {
+        if (o && (!this.httpReqsData[i] || m())) {
+          const r = this.evalExpression(o);
           this.handleRequest({
-            url: s,
-            key: o
+            url: r,
+            key: i
           });
         }
       });
@@ -1307,7 +1306,7 @@ const Ce = (e, t, n = !0) => {
           "builder:component:stateChange",
           {
             detail: {
-              state: this.contentState,
+              state: this.builderContextSignal.rootState,
               ref: {
                 name: this.model
               }
@@ -1316,33 +1315,33 @@ const Ce = (e, t, n = !0) => {
         )
       );
     },
-    _classStringToObject(e) {
-      const t = {};
-      if (typeof e != "string")
-        return t;
-      const n = e.trim().split(/\s+/);
+    _classStringToObject(t) {
+      const e = {};
+      if (typeof t != "string")
+        return e;
+      const n = t.trim().split(/\s+/);
       for (const a of n)
-        t[a] = !0;
-      return t;
+        e[a] = !0;
+      return e;
     }
   }
 });
 var Ee = function() {
-  var a, o, i, s, l, r, c, d;
-  var t = this, n = t._self._c;
-  return t._self._setupProxy, t.useContent ? n("div", t._b({ ref: "elementRef", class: t._classStringToObject(t.classNameProp), attrs: { "builder-content-id": (a = t.useContent) == null ? void 0 : a.id, "builder-model": t.model }, on: { click: function(u) {
-    return t.onClick(u);
+  var a, i, o, r, l, s, c, d;
+  var e = this, n = e._self._c;
+  return e._self._setupProxy, e.builderContextSignal.content ? n("div", e._b({ ref: "elementRef", class: e._classStringToObject(e.classNameProp), attrs: { "builder-content-id": (a = e.builderContextSignal.content) == null ? void 0 : a.id, "builder-model": e.model }, on: { click: function(u) {
+    return e.onClick(u);
   } } }, "div", {
-    ...t.TARGET === "reactNative" ? {
+    ...e.TARGET === "reactNative" ? {
       dataSet: {
         "builder-content-id": ""
       }
     } : {},
-    ...t.hideContent ? {
+    ...e.hideContent ? {
       hidden: !0,
       "aria-hidden": !0
     } : {}
-  }, !1), [t.isSsrAbTest ? [n("script", { tag: "component", domProps: { innerHTML: t._s(t.scriptStr) } })] : t._e(), t.TARGET !== "reactNative" ? [n("render-content-styles", { attrs: { contentId: (o = t.useContent) == null ? void 0 : o.id, cssCode: (s = (i = t.useContent) == null ? void 0 : i.data) == null ? void 0 : s.cssCode, customFonts: (r = (l = t.useContent) == null ? void 0 : l.data) == null ? void 0 : r.customFonts } })] : t._e(), n("render-blocks", { key: t.forceReRenderCount, attrs: { blocks: (d = (c = t.useContent) == null ? void 0 : c.data) == null ? void 0 : d.blocks } })], 2) : t._e();
+  }, !1), [e.isSsrAbTest ? [n("script", { tag: "component", domProps: { innerHTML: e._s(e.scriptStr) } })] : e._e(), e.TARGET !== "reactNative" ? [n("render-content-styles", { attrs: { contentId: (i = e.builderContextSignal.content) == null ? void 0 : i.id, cssCode: (r = (o = e.builderContextSignal.content) == null ? void 0 : o.data) == null ? void 0 : r.cssCode, customFonts: (s = (l = e.builderContextSignal.content) == null ? void 0 : l.data) == null ? void 0 : s.customFonts } })] : e._e(), n("render-blocks", { key: e.forceReRenderCount, attrs: { blocks: (d = (c = e.builderContextSignal.content) == null ? void 0 : c.data) == null ? void 0 : d.blocks } })], 2) : e._e();
 }, Fe = [], Ve = /* @__PURE__ */ f(
   _e,
   Ee,