@builder.io/sdk-vue 0.4.1 → 0.4.2

package/packages/_vue3/dist/{render-content.0423df8b.js → render-content.20bd0f8d.js}

@@ -1,6 +1,6 @@
-import { defineComponent as g, openBlock as m, createElementBlock as b, mergeProps as U, toHandlers as P, normalizeClass as j, markRaw as L, defineAsyncComponent as R, resolveComponent as w, createBlock as v, resolveDynamicComponent as M, createCommentVNode as C } from "vue";
-import { s as x, _ as y, i as f, B as W, C as _, F as B, I as q, S as N, d as O, e as D, V as K, r as z, b as k, T as $, c as J, h as Y, j as G, k as X, l as Q, m as Z, n as I, o as ee, p as te, q as ne } from "./index.cdd37dcf.js";
-import { e as E } from "./evaluate.975fa4d3.js";
+import { defineComponent as g, openBlock as m, createElementBlock as b, mergeProps as $, toHandlers as j, normalizeClass as L, markRaw as M, defineAsyncComponent as w, resolveComponent as I, createBlock as v, resolveDynamicComponent as W, createCommentVNode as x } from "vue";
+import { s as C, _ as y, i as f, B as _, C as B, F as q, I as N, S as O, d as D, e as K, V as z, r as J, b as S, T as H, c as Y, h as G, j as X, k as R, l as Q, m as Z, n as E, o as ee, p as te, q as ne } from "./index.3a561c6a.js";
+import { e as F } from "./evaluate.0662f166.js";
 const ae = {
   name: "Core:Button",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",
@@ -37,7 +37,7 @@ const ae = {
   ],
   static: !0,
   noWrap: !0
-}, oe = {
+}, ie = {
   name: "Columns",
   inputs: [
     {
@@ -224,7 +224,7 @@ const ae = {
           ]
         }
       ],
-      onChange: x((e) => {
+      onChange: C((e) => {
         function n() {
           t.forEach((a) => {
             a.delete("width");
@@ -232,10 +232,10 @@ const ae = {
         }
         const t = e.get("columns");
         Array.isArray(t) && !!t.find(
-          (o) => o.get("width")
+          (i) => i.get("width")
         ) && (!!t.find(
-          (i) => !i.get("width")
-        ) || t.reduce((l, r) => l + r.get("width"), 0) !== 100) && n();
+          (o) => !o.get("width")
+        ) || t.reduce((l, s) => l + s.get("width"), 0) !== 100) && n();
       })
     },
     {
@@ -261,13 +261,13 @@ const ae = {
       advanced: !0
     }
   ]
-}, ie = {
+}, oe = {
   name: "Fragment",
   static: !0,
   hidden: !0,
   canHaveChildren: !0,
   noWrap: !0
-}, se = {
+}, re = {
   name: "Image",
   static: !0,
   image: "https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-insert_photo-24px.svg?alt=media&token=4e5d0ef4-f5e8-4e57-b3a9-38d63a9b9dc4",
@@ -286,32 +286,32 @@ const ae = {
       allowedFileTypes: ["jpeg", "jpg", "png", "svg"],
       required: !0,
       defaultValue: "https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F72c80f114dc149019051b6852a9e3b7a",
-      onChange: x(
+      onChange: C(
         (e) => {
           e.delete("srcset"), e.delete("noWebp");
-          function t(s, l = 6e4) {
-            return new Promise((r, c) => {
+          function t(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 t(o).then((s) => {
+          const i = e.get("image"), o = e.get("aspectRatio");
+          if (fetch(i).then((r) => r.blob()).then((r) => {
+            r.type.includes("svg") && e.set("noWebp", !0);
+          }), i && (!o || o === 0.7041))
+            return t(i).then((r) => {
               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));
+              e.get("image") === i && (!l || l === 0.7041) && r.width && r.height && (e.set("aspectRatio", a(r.height / r.width)), e.set("height", r.height), e.set("width", r.width));
             });
         }
       )
@@ -394,7 +394,7 @@ const ae = {
       defaultValue: 0.7041
     }
   ]
-}, re = {
+}, se = {
   name: "Core:Section",
   static: !0,
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F682efef23ace49afac61748dd305c70a",
@@ -606,7 +606,7 @@ const ae = {
       required: !0,
       defaultValue: "",
       helperText: "e.g. enter a youtube url, google map, etc",
-      onChange: x(
+      onChange: C(
         (e) => {
           const n = e.get("url");
           if (n)
@@ -678,7 +678,7 @@ const ae = {
     }
   }
 }), fe = ["innerHTML"];
-function ge(e, n, t, a, o, i) {
+function ge(e, n, t, a, i, o) {
   return m(), b("div", {
     class: "builder-embed",
     ref: "elem",
@@ -701,23 +701,23 @@ const be = /* @__PURE__ */ y(he, [["render", ge]]), ye = g({
   methods: {
     filterAttrs: function(n = {}, t) {
       const a = "v-on:";
-      return Object.keys(n).filter((o) => {
-        if (!n[o])
+      return Object.keys(n).filter((i) => {
+        if (!n[i])
           return !1;
-        const i = o.startsWith(a);
-        return t ? i : !i;
+        const o = i.startsWith(a);
+        return t ? o : !o;
       }).reduce(
-        (o, i) => ({
-          ...o,
-          [i.replace(a, "")]: n[i]
+        (i, o) => ({
+          ...i,
+          [o.replace(a, "")]: n[o]
         }),
         {}
       );
     }
   }
 }), ve = ["alt", "src"];
-function Ce(e, n, t, a, o, i) {
-  return m(), b("img", U({
+function xe(e, n, t, a, i, o) {
+  return m(), b("img", $({
     style: {
       objectFit: e.backgroundSize || "cover",
       objectPosition: e.backgroundPosition || "center"
@@ -725,9 +725,9 @@ function Ce(e, n, t, a, o, i) {
     key: e.isEditing() && e.imgSrc || "default-key",
     alt: e.altText,
     src: e.imgSrc || e.image
-  }, e.filterAttrs(e.attributes, !1), P(e.filterAttrs(e.attributes, !0), !0)), null, 16, ve);
+  }, e.filterAttrs(e.attributes, !1), j(e.filterAttrs(e.attributes, !0), !0)), null, 16, ve);
 }
-const ke = /* @__PURE__ */ y(ye, [["render", Ce]]), xe = {
+const Se = /* @__PURE__ */ y(ye, [["render", xe]]), Ce = {
   name: "Raw:Img",
   hideFromInsertMenu: !0,
   image: "https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-insert_photo-24px.svg?alt=media&token=4e5d0ef4-f5e8-4e57-b3a9-38d63a9b9dc4",
@@ -736,13 +736,13 @@ const ke = /* @__PURE__ */ y(ye, [["render", Ce]]), xe = {
       name: "image",
       bubble: !0,
       type: "file",
-      allowedFileTypes: ["jpeg", "jpg", "png", "svg"],
+      allowedFileTypes: ["jpeg", "jpg", "png", "svg", "gif", "webp"],
       required: !0
     }
   ],
   noWrap: !0,
   static: !0
-}, Se = g({
+}, ke = g({
   name: "builder-custom-code",
   props: ["replaceNodes", "code"],
   data() {
@@ -790,10 +790,10 @@ const ke = /* @__PURE__ */ y(ye, [["render", Ce]]), xe = {
     }
   }
 }), Te = ["innerHTML"];
-function Re(e, n, t, a, o, i) {
+function we(e, n, t, a, i, o) {
   return m(), b("div", {
     ref: "elem",
-    class: j(
+    class: L(
       e._classStringToObject(
         "builder-custom-code" + (e.replaceNodes ? " replace-nodes" : "")
       )
@@ -801,7 +801,7 @@ function Re(e, n, t, a, o, i) {
     innerHTML: e.code
   }, null, 10, Te);
 }
-const we = /* @__PURE__ */ y(Se, [["render", Re]]), Ie = {
+const Ie = /* @__PURE__ */ y(ke, [["render", we]]), Re = {
   name: "Custom Code",
   static: !0,
   requiredPermissions: ["editCode"],
@@ -828,19 +828,19 @@ const we = /* @__PURE__ */ y(Se, [["render", Re]]), Ie = {
     }
   ]
 }, Ee = () => [
-  { component: W, ...ae },
-  { component: _, ...oe },
-  { component: we, ...Ie },
-  { component: be, ...ue },
+  { component: _, ...ae },
   { component: B, ...ie },
-  { component: q, ...se },
-  { component: ke, ...xe },
+  { component: Ie, ...Re },
+  { component: be, ...ue },
+  { component: q, ...oe },
   { component: N, ...re },
-  { component: O, ...le },
-  { component: D, ...de },
-  { component: K, ...ce }
-], Fe = "0.4.1", Ve = () => {
-  z("insertMenu", {
+  { component: Se, ...Ce },
+  { component: O, ...se },
+  { component: D, ...le },
+  { component: K, ...de },
+  { component: z, ...ce }
+], Fe = "0.4.2", Ve = () => {
+  J("insertMenu", {
     name: "_default",
     default: !0,
     items: [
@@ -855,14 +855,14 @@ const we = /* @__PURE__ */ y(Se, [["render", Re]]), Ie = {
     ]
   });
 };
-let F = !1;
+let V = !1;
 const Ae = (e = {}) => {
   var n, t;
-  F || (F = !0, k() && ((n = window.parent) == null || n.postMessage(
+  V || (V = !0, S() && ((n = window.parent) == null || n.postMessage(
     {
       type: "builder.sdkInfo",
       data: {
-        target: $,
+        target: H,
         version: Fe,
         supportsPatchUpdates: !1,
         supportsAddBlockScoping: !0,
@@ -879,21 +879,21 @@ const Ae = (e = {}) => {
     },
     "*"
   ), 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) => {
@@ -901,14 +901,14 @@ const Ae = (e = {}) => {
             (h = window.parent) == null || h.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 }
             },
             "*"
           );
@@ -917,7 +917,7 @@ const Ae = (e = {}) => {
       }
   })));
 };
-function V(e) {
+function A(e) {
   return Math.round(e * 1e3) / 1e3;
 }
 const Ue = (e, n, t = !0) => {
@@ -934,22 +934,22 @@ const Ue = (e, n, t = !0) => {
 }, $e = (e) => Ue(e, (n) => {
   const t = n.getAttribute("builder-id") || n.id;
   return Boolean((t == null ? void 0 : t.indexOf("builder-")) === 0);
-}), A = ({
+}), U = ({
   event: e,
   target: n
 }) => {
-  const t = n.getBoundingClientRect(), a = e.clientX - t.left, o = e.clientY - t.top, i = V(a / t.width), s = V(o / t.height);
+  const t = n.getBoundingClientRect(), a = e.clientX - t.left, i = e.clientY - t.top, o = A(a / t.width), r = A(i / t.height);
   return {
-    x: i,
-    y: s
+    x: o,
+    y: r
   };
 }, He = (e) => {
   const n = e.target, t = n && $e(n), a = (t == null ? void 0 : t.getAttribute("builder-id")) || (t == null ? void 0 : t.id);
   return {
     targetBuilderElement: a || void 0,
     metadata: {
-      targetOffset: n ? A({ event: e, target: n }) : void 0,
-      builderTargetOffset: t ? A({ event: e, target: t }) : void 0,
+      targetOffset: n ? U({ event: e, target: n }) : void 0,
+      builderTargetOffset: t ? U({ event: e, target: t }) : void 0,
       builderElementIndex: t && a ? [].slice.call(document.getElementsByClassName(a)).indexOf(t) : void 0
     }
   };
@@ -958,18 +958,18 @@ const Ue = (e, n, t = !0) => {
   data: n,
   locale: t
 }) => {
-  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 = e == null ? void 0 : e.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 = e == null ? void 0 : e.data) == null ? void 0 : c.state) && e.data.state[s.name] === void 0 && (a[s.name] = s.defaultValue);
   });
-  const o = {
+  const i = {
     ...(l = e == null ? void 0 : e.data) == null ? void 0 : l.state,
     ...n,
     ...t ? { locale: t } : {}
   };
-  return { ...a, ...o };
+  return { ...a, ...i };
 }, je = ({
   content: e,
   data: n
@@ -980,12 +980,12 @@ const Ue = (e, n, t = !0) => {
     ...n
   },
   meta: e == null ? void 0 : e.meta
-} : void 0, Le = L, Me = () => import("./index.cdd37dcf.js").then((e) => e.A).then((e) => e.default).catch((e) => {
+} : void 0, Le = M, Me = () => import("./index.3a561c6a.js").then((e) => e.A).then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component RenderBlocks at ../render-blocks.vue",
     e
   ), e;
-}), We = () => import("./render-styles.3411b577.js").then((e) => e.default).catch((e) => {
+}), We = () => import("./render-styles.73c7ba5a.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component RenderContentStyles at ./components/render-styles.vue",
     e
@@ -993,86 +993,85 @@ const Ue = (e, n, t = !0) => {
 }), _e = g({
   name: "render-content",
   components: {
-    RenderContentStyles: R(We),
-    RenderBlocks: R(Me)
+    RenderContentStyles: w(We),
+    RenderBlocks: w(Me)
   },
   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;
     return {
       forceReRenderCount: 0,
       overrideContent: null,
-      useContent: je({
-        content: this.content,
-        data: this.data
-      }),
       update: 0,
-      canTrackToUse: J(this.canTrack) ? this.canTrack : !0,
-      contentState: Pe({
-        content: this.content,
-        data: this.data,
-        locale: this.locale
-      }),
-      allRegisteredComponents: [
-        ...Ee(),
-        ...Y,
-        ...this.customComponents || []
-      ].reduce(
-        (n, { component: t, ...a }) => ({
-          ...n,
-          [a.name]: {
-            component: Le(t),
-            ...a
-          }
-        }),
-        {}
-      ),
+      canTrackToUse: Y(this.canTrack) ? this.canTrack : !0,
       httpReqsData: {},
       clicked: !1,
       scriptStr: G({
         contentId: (e = this.content) == null ? void 0 : e.id,
         parentContentId: this.parentContentId
       }),
-      TARGET: $
+      builderContextSignal: {
+        content: je({
+          content: this.content,
+          data: this.data
+        }),
+        localState: void 0,
+        rootState: Pe({
+          content: this.content,
+          data: this.data,
+          locale: this.locale
+        }),
+        rootSetState: this.contentSetState,
+        context: this.context || {},
+        apiKey: this.apiKey,
+        apiVersion: this.apiVersion,
+        registeredComponents: [
+          ...Ee(),
+          ...X,
+          ...this.customComponents || []
+        ].reduce(
+          (n, { component: t, ...a }) => ({
+            ...n,
+            [a.name]: {
+              component: Le(t),
+              ...a
+            }
+          }),
+          {}
+        ),
+        inheritedStyles: {}
+      },
+      builderContext: R,
+      TARGET: H
     };
   },
   provide() {
     const e = this;
     return {
-      [X.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: {}
-      }
+      [R.key]: e.builderContextSignal
     };
   },
   mounted() {
     var e, n;
     if (this.apiKey || Q.error(
       "No API key provided to `RenderContent` component. This can cause issues. Please provide an API key using the `apiKey` prop."
-    ), k()) {
+    ), S()) {
       if (f() && (this.forceReRenderCount = this.forceReRenderCount + 1, Ve(), Ae({
         ...this.locale ? {
           locale: this.locale
@@ -1084,17 +1083,17 @@ const Ue = (e, n, t = !0) => {
           enrich: this.enrich
         } : {}
       }), Object.values(
-        this.allRegisteredComponents
+        this.builderContextSignal.registeredComponents
       ).forEach((t) => {
-        var o;
+        var i;
         const a = Z(t);
-        (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 t = (e = this.useContent) == null ? void 0 : e.testVariationId, a = (n = this.useContent) == null ? void 0 : n.id;
-        I({
+      )), this.builderContextSignal.content) {
+        const t = (e = this.builderContextSignal.content) == null ? void 0 : e.testVariationId, a = (n = this.builderContextSignal.content) == null ? void 0 : n.id;
+        E({
           type: "impression",
           canTrack: this.canTrackToUse,
           contentId: a,
@@ -1103,15 +1102,15 @@ const Ue = (e, n, t = !0) => {
         });
       }
       if (ee()) {
-        const t = new URL(location.href).searchParams, a = t.get("builder.preview"), o = t.get(
+        const t = new URL(location.href).searchParams, a = t.get("builder.preview"), i = t.get(
           `builder.preview.${a}`
-        ), i = t.get("apiKey") || t.get("builder.space");
-        a === this.model && i === this.apiKey && (!this.content || o === this.content.id) && te({
+        ), o = t.get("apiKey") || t.get("builder.space");
+        a === this.model && o === this.apiKey && (!this.content || i === this.content.id) && te({
           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();
@@ -1144,7 +1143,7 @@ const Ue = (e, n, t = !0) => {
     }
   },
   unmounted() {
-    k() && (window.removeEventListener("message", this.processMessage), window.removeEventListener(
+    S() && (window.removeEventListener("message", this.processMessage), window.removeEventListener(
       "builder:component:stateChangeListenerActivated",
       this.emitStateUpdate
     ));
@@ -1158,51 +1157,51 @@ const Ue = (e, n, t = !0) => {
     onUpdateHook1() {
       var e, n;
       return {
-        0: (n = (e = this.useContent) == null ? void 0 : e.data) == null ? void 0 : n.jsCode,
-        1: this.contentState
+        0: (n = (e = this.builderContextSignal.content) == null ? void 0 : e.data) == null ? void 0 : n.jsCode,
+        1: this.builderContextSignal.rootState
       };
     },
     onUpdateHook2() {
       var e, n;
       return {
-        0: (n = (e = this.useContent) == null ? void 0 : e.data) == null ? void 0 : n.httpRequests
+        0: (n = (e = this.builderContextSignal.content) == null ? void 0 : e.data) == null ? void 0 : n.httpRequests
       };
     },
     onUpdateHook3() {
       return {
-        0: this.contentState
+        0: this.builderContextSignal.rootState
       };
     }
   },
   methods: {
     mergeNewContent(e) {
-      var n, t, a, o, i;
-      this.useContent = {
-        ...this.useContent,
+      var n, t, a, i, o;
+      this.builderContextSignal.content = {
+        ...this.builderContextSignal.content,
         ...e,
         data: {
-          ...(n = this.useContent) == null ? void 0 : n.data,
+          ...(n = this.builderContextSignal.content) == null ? void 0 : n.data,
           ...e == null ? void 0 : e.data
         },
         meta: {
-          ...(t = this.useContent) == null ? void 0 : t.meta,
+          ...(t = this.builderContextSignal.content) == null ? void 0 : t.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)
+          breakpoints: ((a = e == null ? void 0 : e.meta) == null ? void 0 : a.breakpoints) || ((o = (i = this.builderContextSignal.content) == null ? void 0 : i.meta) == null ? void 0 : o.breakpoints)
         }
       };
     },
     setBreakpoints(e) {
       var n;
-      this.useContent = {
-        ...this.useContent,
+      this.builderContextSignal.content = {
+        ...this.builderContextSignal.content,
         meta: {
-          ...(n = this.useContent) == null ? void 0 : n.meta,
+          ...(n = this.builderContextSignal.content) == null ? void 0 : n.meta,
           breakpoints: e
         }
       };
     },
     contentSetState(e) {
-      this.contentState = e;
+      this.builderContextSignal.rootState = e;
     },
     processMessage(e) {
       var t;
@@ -1210,40 +1209,40 @@ const Ue = (e, n, t = !0) => {
       if (n)
         switch (n.type) {
           case "builder.configureSdk": {
-            const a = n.data, { breakpoints: o, contentId: i } = a;
-            if (!i || i !== ((t = this.useContent) == null ? void 0 : t.id))
+            const a = n.data, { breakpoints: i, contentId: o } = a;
+            if (!o || o !== ((t = this.builderContextSignal.content) == null ? void 0 : t.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 = n.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 = n.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 n, t;
-      const e = (t = (n = this.useContent) == null ? void 0 : n.data) == null ? void 0 : t.jsCode;
-      e && E({
+      const e = (t = (n = this.builderContextSignal.content) == null ? void 0 : n.data) == null ? void 0 : t.jsCode;
+      e && F({
         code: e,
         context: this.context || {},
         localState: void 0,
-        rootState: this.contentState,
+        rootState: this.builderContextSignal.rootState,
         rootSetState: this.contentSetState
       });
     },
     onClick(e) {
       var n, t;
-      if (this.useContent) {
-        const a = (n = this.useContent) == null ? void 0 : n.testVariationId, o = (t = this.useContent) == null ? void 0 : t.id;
-        I({
+      if (this.builderContextSignal.content) {
+        const a = (n = this.builderContextSignal.content) == null ? void 0 : n.testVariationId, i = (t = this.builderContextSignal.content) == null ? void 0 : t.id;
+        E({
           type: "click",
           canTrack: this.canTrackToUse,
-          contentId: o,
+          contentId: i,
           apiKey: this.apiKey,
-          variationId: a !== o ? a : void 0,
+          variationId: a !== i ? a : void 0,
           ...He(e),
           unique: !this.clicked
         });
@@ -1253,11 +1252,11 @@ const Ue = (e, n, t = !0) => {
     evalExpression(e) {
       return e.replace(
         /{{([^}]+)}}/g,
-        (n, t) => E({
+        (n, t) => F({
           code: t,
           context: this.context || {},
           localState: void 0,
-          rootState: this.contentState,
+          rootState: this.builderContextSignal.rootState,
           rootSetState: this.contentSetState
         })
       );
@@ -1265,7 +1264,7 @@ const Ue = (e, n, t = !0) => {
     handleRequest({ url: e, key: n }) {
       ne(e).then((t) => t.json()).then((t) => {
         const a = {
-          ...this.contentState,
+          ...this.builderContextSignal.rootState,
           [n]: t
         };
         this.contentSetState(a);
@@ -1275,13 +1274,13 @@ const Ue = (e, n, t = !0) => {
     },
     runHttpRequests() {
       var n, t, a;
-      const e = (a = (t = (n = this.useContent) == null ? void 0 : n.data) == null ? void 0 : t.httpRequests) != null ? a : {};
-      Object.entries(e).forEach(([o, i]) => {
-        if (i && (!this.httpReqsData[o] || f())) {
-          const s = this.evalExpression(i);
+      const e = (a = (t = (n = this.builderContextSignal.content) == null ? void 0 : n.data) == null ? void 0 : t.httpRequests) != null ? a : {};
+      Object.entries(e).forEach(([i, o]) => {
+        if (o && (!this.httpReqsData[i] || f())) {
+          const r = this.evalExpression(o);
           this.handleRequest({
-            url: s,
-            key: o
+            url: r,
+            key: i
           });
         }
       });
@@ -1292,7 +1291,7 @@ const Ue = (e, n, t = !0) => {
           "builder:component:stateChange",
           {
             detail: {
-              state: this.contentState,
+              state: this.builderContextSignal.rootState,
               ref: {
                 name: this.model
               }
@@ -1312,14 +1311,14 @@ const Ue = (e, n, t = !0) => {
     }
   }
 }), Be = ["builder-content-id", "builder-model"];
-function qe(e, n, t, a, o, i) {
-  var r, c, d, u, p, h, S, T;
-  const s = w("render-content-styles"), l = w("render-blocks");
-  return e.useContent ? (m(), b("div", U({
+function qe(e, n, t, a, i, o) {
+  var s, c, d, u, p, h, k, T;
+  const r = I("render-content-styles"), l = I("render-blocks");
+  return e.builderContextSignal.content ? (m(), b("div", $({
     key: 0,
     ref: "elementRef",
-    onClick: n[0] || (n[0] = (H) => e.onClick(H)),
-    "builder-content-id": (r = e.useContent) == null ? void 0 : r.id,
+    onClick: n[0] || (n[0] = (P) => e.onClick(P)),
+    "builder-content-id": (s = e.builderContextSignal.content) == null ? void 0 : s.id,
     "builder-model": e.model,
     class: e._classStringToObject(e.classNameProp)
   }, {
@@ -1333,21 +1332,21 @@ function qe(e, n, t, a, o, i) {
       "aria-hidden": !0
     } : {}
   }), [
-    e.isSsrAbTest ? (m(), v(M("script"), {
+    e.isSsrAbTest ? (m(), v(W("script"), {
       key: 0,
       innerHTML: e.scriptStr
-    }, null, 8, ["innerHTML"])) : C("", !0),
-    e.TARGET !== "reactNative" ? (m(), v(s, {
+    }, null, 8, ["innerHTML"])) : x("", !0),
+    e.TARGET !== "reactNative" ? (m(), v(r, {
       key: 1,
-      contentId: (c = e.useContent) == null ? void 0 : c.id,
-      cssCode: (u = (d = e.useContent) == null ? void 0 : d.data) == null ? void 0 : u.cssCode,
-      customFonts: (h = (p = e.useContent) == null ? void 0 : p.data) == null ? void 0 : h.customFonts
-    }, null, 8, ["contentId", "cssCode", "customFonts"])) : C("", !0),
+      contentId: (c = e.builderContextSignal.content) == null ? void 0 : c.id,
+      cssCode: (u = (d = e.builderContextSignal.content) == null ? void 0 : d.data) == null ? void 0 : u.cssCode,
+      customFonts: (h = (p = e.builderContextSignal.content) == null ? void 0 : p.data) == null ? void 0 : h.customFonts
+    }, null, 8, ["contentId", "cssCode", "customFonts"])) : x("", !0),
     (m(), v(l, {
-      blocks: (T = (S = e.useContent) == null ? void 0 : S.data) == null ? void 0 : T.blocks,
+      blocks: (T = (k = e.builderContextSignal.content) == null ? void 0 : k.data) == null ? void 0 : T.blocks,
       key: e.forceReRenderCount
     }, null, 8, ["blocks"]))
-  ], 16, Be)) : C("", !0);
+  ], 16, Be)) : x("", !0);
 }
 const Ke = /* @__PURE__ */ y(_e, [["render", qe]]);
 export {