@builder.io/sdk-vue 0.2.3 → 0.3.1

package/packages/_vue2/dist/{index.6a9eec41.js → index.36f3710d.js}

@@ -29,27 +29,27 @@ const Y = f({
     }
   }
 });
-function h(t, e, n, o, s, r, i, l) {
+function h(t, e, n, o, s, r, i, c) {
   var a = typeof t == "function" ? t.options : t;
   e && (a.render = e, a.staticRenderFns = n, a._compiled = !0), o && (a.functional = !0), r && (a._scopeId = "data-v-" + r);
-  var c;
-  if (i ? (c = function(u) {
+  var l;
+  if (i ? (l = function(u) {
     u = u || this.$vnode && this.$vnode.ssrContext || this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext, !u && typeof __VUE_SSR_CONTEXT__ < "u" && (u = __VUE_SSR_CONTEXT__), s && s.call(this, u), u && u._registeredComponents && u._registeredComponents.add(i);
-  }, a._ssrRegister = c) : s && (c = l ? function() {
+  }, a._ssrRegister = l) : s && (l = c ? function() {
     s.call(
       this,
       (a.functional ? this.parent : this).$root.$options.shadowRoot
     );
-  } : s), c)
+  } : s), l)
     if (a.functional) {
-      a._injectStyles = c;
+      a._injectStyles = l;
       var d = a.render;
       a.render = function(g, _) {
-        return c.call(_), d(g, _);
+        return l.call(_), d(g, _);
       };
     } else {
       var m = a.beforeCreate;
-      a.beforeCreate = m ? [].concat(m, c) : [c];
+      a.beforeCreate = m ? [].concat(m, l) : [l];
     }
   return {
     exports: t,
@@ -87,7 +87,7 @@ const te = ee.exports, T = (t) => JSON.parse(JSON.stringify(t)), B = {
     default: 991,
     max: 1200
   }
-}, $n = (t, e = B) => `@media (max-width: ${e[t].max}px)`, ne = ({ small: t, medium: e }) => {
+}, Pn = (t, e = B) => `@media (max-width: ${e[t].max}px)`, ne = ({ small: t, medium: e }) => {
   const n = T(B);
   if (!t || !e)
     return n;
@@ -113,9 +113,10 @@ const te = ee.exports, T = (t) => JSON.parse(JSON.stringify(t)), B = {
   Builder: {
     content: null,
     context: {},
-    state: {},
-    setState() {
+    localState: void 0,
+    rootSetState() {
     },
+    rootState: {},
     apiKey: null,
     apiVersion: void 0,
     registeredComponents: {},
@@ -127,7 +128,7 @@ const te = ee.exports, T = (t) => JSON.parse(JSON.stringify(t)), B = {
     "Error while attempting to dynamically import component RenderBlocks at ../../components/render-blocks.vue",
     t
   ), t;
-}), re = () => import("./render-inlined-styles.1fa49816.js").then((t) => t.default).catch((t) => {
+}), re = () => import("./render-inlined-styles.04d09a3c.js").then((t) => t.default).catch((t) => {
   throw console.error(
     "Error while attempting to dynamically import component RenderInlinedStyles at ../../components/render-inlined-styles.vue",
     t
@@ -217,26 +218,25 @@ const te = ee.exports, T = (t) => JSON.parse(JSON.stringify(t)), B = {
       return this.stackAt === "never" ? e : t;
     },
     columnCssVars(t) {
-      t === 0 || this.gutterSize;
-      const e = this.getColumnCssWidth(t), n = `${this.gutterSize}px`, o = "100%", s = 0;
+      const e = t === 0 ? 0 : this.gutterSize, n = this.getColumnCssWidth(t), o = `${e}px`, s = "100%", r = 0;
       return {
-        width: e,
-        "margin-left": n,
+        width: n,
+        "margin-left": o,
         "--column-width-mobile": this.getMobileStyle({
-          stackedStyle: o,
-          desktopStyle: e
-        }),
-        "--column-margin-left-mobile": this.getMobileStyle({
           stackedStyle: s,
           desktopStyle: n
         }),
-        "--column-width-tablet": this.getTabletStyle({
-          stackedStyle: o,
-          desktopStyle: e
+        "--column-margin-left-mobile": this.getMobileStyle({
+          stackedStyle: r,
+          desktopStyle: o
         }),
-        "--column-margin-left-tablet": this.getTabletStyle({
+        "--column-width-tablet": this.getTabletStyle({
           stackedStyle: s,
           desktopStyle: n
+        }),
+        "--column-margin-left-tablet": this.getTabletStyle({
+          stackedStyle: r,
+          desktopStyle: o
         })
       };
     },
@@ -276,7 +276,7 @@ var ae = function() {
   le,
   !1,
   null,
-  "1a6287e9",
+  "1cba7386",
   null,
   null
 );
@@ -418,12 +418,12 @@ function Se() {
 function b() {
   return Se() && window.location.search.indexOf("builder.frameEditing=") !== -1;
 }
-const we = () => import("./block-styles.5729b057.js").then((t) => t.default).catch((t) => {
+const we = () => import("./block-styles.b09f50da.js").then((t) => t.default).catch((t) => {
   throw console.error(
     "Error while attempting to dynamically import component BlockStyles at ./render-block/block-styles.vue",
     t
   ), t;
-}), Ce = () => import("./render-block.4c7d7ca1.js").then((t) => t.default).catch((t) => {
+}), Ce = () => import("./render-block.c14ab4be.js").then((t) => t.default).catch((t) => {
   throw console.error(
     "Error while attempting to dynamically import component RenderBlock at ./render-block/render-block.vue",
     t
@@ -742,7 +742,7 @@ const Ee = $e.exports, W = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.
           (s) => s.get("width")
         ) && (!!n.find(
           (r) => !r.get("width")
-        ) || n.reduce((l, a) => l + a.get("width"), 0) !== 100) && e();
+        ) || n.reduce((c, a) => c + a.get("width"), 0) !== 100) && e();
       })
     },
     {
@@ -796,17 +796,17 @@ const Ee = $e.exports, W = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.
       onChange: S(
         (t) => {
           t.delete("srcset"), t.delete("noWebp");
-          function n(i, l = 6e4) {
-            return new Promise((a, c) => {
+          function n(i, c = 6e4) {
+            return new Promise((a, l) => {
               const d = document.createElement("img");
               let m = !1;
               d.onload = () => {
                 m = !0, a(d);
               }, d.addEventListener("error", (u) => {
-                console.warn("Image load failed", u.error), c(u.error);
+                console.warn("Image load failed", u.error), l(u.error);
               }), d.src = i, setTimeout(() => {
-                m || c(new Error("Image load timed out"));
-              }, l);
+                m || l(new Error("Image load timed out"));
+              }, c);
             });
           }
           function o(i) {
@@ -817,8 +817,8 @@ const Ee = $e.exports, W = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.
             i.type.includes("svg") && t.set("noWebp", !0);
           }), s && (!r || r === 0.7041))
             return n(s).then((i) => {
-              const l = t.get("aspectRatio");
-              t.get("image") === s && (!l || l === 0.7041) && i.width && i.height && (t.set("aspectRatio", o(i.height / i.width)), t.set("height", i.height), t.set("width", i.width));
+              const c = t.get("aspectRatio");
+              t.get("image") === s && (!c || c === 0.7041) && i.width && i.height && (t.set("aspectRatio", o(i.height / i.width)), t.set("height", i.height), t.set("width", i.width));
             });
         }
       )
@@ -1036,7 +1036,7 @@ const Me = We.exports, Ne = {
 function Le() {
   return typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : globalThis;
 }
-function ze() {
+function Ke() {
   const t = Le().fetch;
   if (typeof t > "u")
     throw console.warn(
@@ -1045,7 +1045,7 @@ function ze() {
     ), new Error("Builder SDK could not find a global `fetch` function");
   return t;
 }
-const M = ze(), v = (t) => t != null, Ke = (t) => {
+const M = Ke(), v = (t) => t != null, ze = (t) => {
   if (t === "localhost" || t === "127.0.0.1")
     return t;
   const e = t.split(".");
@@ -1061,7 +1061,7 @@ const M = ze(), v = (t) => t != null, Ke = (t) => {
     console.debug("[COOKIE] GET error: ", o);
     return;
   }
-}, He = (t) => t.map(([e, n]) => n ? `${e}=${n}` : e).filter(v).join("; "), De = [
+}, De = (t) => t.map(([e, n]) => n ? `${e}=${n}` : e).filter(v).join("; "), He = [
   ["secure", ""],
   ["SameSite", "None"]
 ], qe = ({
@@ -1069,14 +1069,14 @@ const M = ze(), v = (t) => t != null, Ke = (t) => {
   value: e,
   expires: n
 }) => {
-  const s = (p() ? location.protocol === "https:" : !0) ? De : [[]], r = n ? [["expires", n.toUTCString()]] : [[]], i = [
+  const s = (p() ? location.protocol === "https:" : !0) ? He : [[]], r = n ? [["expires", n.toUTCString()]] : [[]], i = [
     [t, e],
     ...r,
     ["path", "/"],
-    ["domain", Ke(window.location.hostname)],
+    ["domain", ze(window.location.hostname)],
     ...s
   ];
-  return He(i);
+  return De(i);
 }, L = async ({
   name: t,
   value: e,
@@ -1091,14 +1091,14 @@ const M = ze(), v = (t) => t != null, Ke = (t) => {
   } catch (s) {
     console.warn("[COOKIE] SET error: ", s);
   }
-}, Ge = "builderio.variations", z = (t) => `${Ge}.${t}`, Je = ({
+}, Ge = "builderio.variations", K = (t) => `${Ge}.${t}`, Je = ({
   contentId: t,
   canTrack: e
-}) => N({ name: z(t), canTrack: e }), Xe = ({
+}) => N({ name: K(t), canTrack: e }), Xe = ({
   contentId: t,
   canTrack: e,
   value: n
-}) => L({ name: z(t), value: n, canTrack: e }), Ye = (t) => v(t.id) && v(t.variations) && Object.keys(t.variations).length > 0, Qe = ({
+}) => L({ name: K(t), value: n, canTrack: e }), Ye = (t) => v(t.id) && v(t.variations) && Object.keys(t.variations).length > 0, Qe = ({
   id: t,
   variations: e
 }) => {
@@ -1174,7 +1174,7 @@ const P = "builder.", tt = "options.", nt = (t) => {
 }, ot = (t) => {
   if (!t)
     return {};
-  const e = K(t), n = {};
+  const e = z(t), n = {};
   return Object.keys(e).forEach((o) => {
     if (o.startsWith(P)) {
       const s = o.replace(P, "").replace(tt, "");
@@ -1186,7 +1186,7 @@ const P = "builder.", tt = "options.", nt = (t) => {
     return {};
   const t = new URLSearchParams(window.location.search);
   return ot(t);
-}, K = (t) => t instanceof URLSearchParams ? nt(t) : t, rt = "v3", it = (t) => {
+}, z = (t) => t instanceof URLSearchParams ? nt(t) : t, rt = "v3", it = (t) => {
   const {
     limit: e = 30,
     userAttributes: n,
@@ -1194,21 +1194,21 @@ const P = "builder.", tt = "options.", nt = (t) => {
     noTraverse: s = !1,
     model: r,
     apiKey: i,
-    includeRefs: l = !0,
+    includeRefs: c = !0,
     locale: a,
-    apiVersion: c = rt
+    apiVersion: l = rt
   } = t;
   if (!i)
     throw new Error("Missing API key");
-  if (!["v2", "v3"].includes(c))
+  if (!["v2", "v3"].includes(l))
     throw new Error(
-      `Invalid apiVersion: expected 'v2' or 'v3', received '${c}'`
+      `Invalid apiVersion: expected 'v2' or 'v3', received '${l}'`
     );
   const d = new URL(
-    `https://cdn.builder.io/api/${c}/content/${r}?apiKey=${i}&limit=${e}&noTraverse=${s}&includeRefs=${l}${a ? `&locale=${a}` : ""}`
+    `https://cdn.builder.io/api/${l}/content/${r}?apiKey=${i}&limit=${e}&noTraverse=${s}&includeRefs=${c}${a ? `&locale=${a}` : ""}`
   ), m = {
     ...st(),
-    ...K(t.options || {})
+    ...z(t.options || {})
   }, u = I(m);
   for (const g in u)
     d.searchParams.set(g, String(u[g]));
@@ -1219,7 +1219,7 @@ const P = "builder.", tt = "options.", nt = (t) => {
   }
   return d;
 };
-async function H(t) {
+async function D(t) {
   const e = await at({ ...t, limit: 1 });
   return e && "results" in e && (e == null ? void 0 : e.results[0]) || null;
 }
@@ -1241,7 +1241,7 @@ async function at(t) {
     return y.error("Error fetching data. ", e), null;
   }
 }
-const lt = () => Promise.resolve().then(() => Rn).then((t) => t.default).catch((t) => {
+const lt = () => Promise.resolve().then(() => $n).then((t) => t.default).catch((t) => {
   throw console.error(
     "Error while attempting to dynamically import component RenderContent at ../../components/render-content/render-content.vue",
     t
@@ -1286,7 +1286,7 @@ const lt = () => Promise.resolve().then(() => Rn).then((t) => t.default).catch((
   methods: {
     fetchContent() {
       var t, e;
-      !this.contentToUse && ((t = this.symbol) == null ? void 0 : t.model) && ((e = this.builderContext) == null ? void 0 : e.apiKey) && H({
+      !this.contentToUse && ((t = this.symbol) == null ? void 0 : t.model) && ((e = this.builderContext) == null ? void 0 : e.apiKey) && D({
         model: this.symbol.model,
         apiKey: this.builderContext.apiKey,
         apiVersion: this.builderContext.apiVersion,
@@ -1332,7 +1332,7 @@ var dt = function() {
     class: e.className
   } } }, "div", e.filterAttrs(e.attributes, !1), !1), e.filterAttrs(e.attributes, !0)), [n("render-content", { attrs: { apiVersion: e.builderContext.apiVersion, apiKey: e.builderContext.apiKey, context: e.builderContext.context, customComponents: Object.values(e.builderContext.registeredComponents), data: {
     ...(o = e.symbol) == null ? void 0 : o.data,
-    ...e.builderContext.state,
+    ...e.builderContext.localState,
     ...(r = (s = e.contentToUse) == null ? void 0 : s.data) == null ? void 0 : r.state
   }, model: (i = e.symbol) == null ? void 0 : i.model, content: e.contentToUse } })], 1);
 }, ut = [], pt = /* @__PURE__ */ h(
@@ -1757,7 +1757,7 @@ var Nt = function() {
   return e._self._setupProxy, n("div", { ref: "elem", class: e._classStringToObject(
     "builder-custom-code" + (e.replaceNodes ? " replace-nodes" : "")
   ), domProps: { innerHTML: e._s(e.code) } });
-}, Lt = [], zt = /* @__PURE__ */ h(
+}, Lt = [], Kt = /* @__PURE__ */ h(
   Mt,
   Nt,
   Lt,
@@ -1767,7 +1767,7 @@ var Nt = function() {
   null,
   null
 );
-const Kt = zt.exports, Ht = {
+const zt = Kt.exports, Dt = {
   name: "Custom Code",
   static: !0,
   requiredPermissions: ["editCode"],
@@ -1793,10 +1793,10 @@ const Kt = zt.exports, Ht = {
       advanced: !0
     }
   ]
-}, Dt = () => [
+}, Ht = () => [
   { component: te, ...Pe },
   { component: de, ...Ae },
-  { component: Kt, ...Ht },
+  { component: zt, ...Dt },
   { component: Ft, ...It },
   { component: he, ...Fe },
   { component: ke, ...je },
@@ -1809,19 +1809,21 @@ const Kt = zt.exports, Ht = {
 function A({
   code: t,
   context: e,
-  state: n,
-  event: o,
-  isExpression: s = !0
+  localState: n,
+  rootState: o,
+  rootSetState: s,
+  event: r,
+  isExpression: i = !0
 }) {
   if (t === "") {
     console.warn("Skipping evaluation of empty code block.");
     return;
   }
-  const r = {
+  const c = {
     isEditing: b(),
     isBrowser: p(),
     isServer: !p()
-  }, l = s && !(t.includes(";") || t.includes(" return ") || t.trim().startsWith("return ")) ? `return (${t});` : t;
+  }, l = i && !(t.includes(";") || t.includes(" return ") || t.trim().startsWith("return ")) ? `return (${t});` : t;
   try {
     return new Function(
       "builder",
@@ -1830,8 +1832,14 @@ function A({
       "context",
       "event",
       l
-    )(r, r, n, e, o);
-  } catch (a) {
+    )(
+      c,
+      c,
+      qt(o, n, s),
+      e,
+      r
+    );
+  } catch (d) {
     console.warn(
       `Builder custom code error: 
  While Evaluating: 
@@ -1839,26 +1847,40 @@ function A({
       l,
       `
 `,
-      a
+      d
     );
   }
 }
-function qt() {
+function qt(t, e, n) {
+  if (t === e)
+    throw new Error("rootState === localState");
+  return new Proxy(t, {
+    get: (o, s) => e && s in e ? e[s] : t[s],
+    set: (o, s, r) => {
+      if (e && s in e)
+        throw new Error(
+          "Writing to local state is not allowed as it is read-only."
+        );
+      return t[s] = r, n == null || n(t), !0;
+    }
+  });
+}
+function Gt() {
   return !p() || b() ? !1 : Boolean(location.search.indexOf("builder.preview=") !== -1);
 }
-const D = [];
-function En(t, e) {
-  return D.push({ component: t, ...e }), console.warn(
+const H = [];
+function An(t, e) {
+  return H.push({ component: t, ...e }), console.warn(
     "registerComponent is deprecated. Use the `customComponents` prop in RenderContent instead to provide your custom components to the builder SDK."
   ), t;
 }
-const Gt = ({
+const Jt = ({
   component: t,
   ...e
 }) => ({
   type: "builder.registerComponent",
-  data: Xt(e)
-}), Jt = (t) => typeof t == "function" ? S(t) : T(t), Xt = ({
+  data: Yt(e)
+}), Xt = (t) => typeof t == "function" ? S(t) : T(t), Yt = ({
   inputs: t,
   ...e
 }) => ({
@@ -1867,22 +1889,22 @@ const Gt = ({
     (n) => Object.entries(n).reduce(
       (o, [s, r]) => ({
         ...o,
-        [s]: Jt(r)
+        [s]: Xt(r)
       }),
       {}
     )
   )
 });
-function Yt() {
+function Qt() {
   return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(t) {
     const e = Math.random() * 16 | 0;
     return (t == "x" ? e : e & 3 | 8).toString(16);
   });
 }
 function q() {
-  return Yt().replace(/-/g, "");
+  return Qt().replace(/-/g, "");
 }
-const G = "builderSessionId", Qt = async ({
+const G = "builderSessionId", Zt = async ({
   canTrack: t
 }) => {
   if (!t)
@@ -1894,13 +1916,13 @@ const G = "builderSessionId", Qt = async ({
   if (v(e))
     return e;
   {
-    const n = Zt();
-    return en({ id: n, canTrack: t }), n;
+    const n = en();
+    return tn({ id: n, canTrack: t }), n;
   }
-}, Zt = () => q(), en = ({
+}, en = () => q(), tn = ({
   id: t,
   canTrack: e
-}) => L({ name: G, value: t, canTrack: e }), J = () => p() && typeof localStorage < "u" ? localStorage : void 0, tn = ({
+}) => L({ name: G, value: t, canTrack: e }), J = () => p() && typeof localStorage < "u" ? localStorage : void 0, nn = ({
   key: t,
   canTrack: e
 }) => {
@@ -1911,7 +1933,7 @@ const G = "builderSessionId", Qt = async ({
     console.debug("[LocalStorage] GET error: ", o);
     return;
   }
-}, nn = ({
+}, on = ({
   key: t,
   canTrack: e,
   value: n
@@ -1922,34 +1944,34 @@ const G = "builderSessionId", Qt = async ({
   } catch (s) {
     console.debug("[LocalStorage] SET error: ", s);
   }
-}, X = "builderVisitorId", on = ({ canTrack: t }) => {
+}, X = "builderVisitorId", sn = ({ canTrack: t }) => {
   if (!t)
     return;
-  const e = tn({
+  const e = nn({
     key: X,
     canTrack: t
   });
   if (v(e))
     return e;
   {
-    const n = sn();
-    return rn({ id: n, canTrack: t }), n;
+    const n = rn();
+    return an({ id: n, canTrack: t }), n;
   }
-}, sn = () => q(), rn = ({
+}, rn = () => q(), an = ({
   id: t,
   canTrack: e
-}) => nn({
+}) => on({
   key: X,
   value: t,
   canTrack: e
-}), an = () => {
+}), ln = () => {
   if (p()) {
     const t = new URL(location.href);
     return t.pathname === "" && (t.pathname = "/"), t;
   } else
     return console.warn("Cannot get location for tracking in non-browser environment"), null;
-}, ln = () => typeof navigator == "object" && navigator.userAgent || "", cn = () => {
-  const t = ln(), e = {
+}, cn = () => typeof navigator == "object" && navigator.userAgent || "", dn = () => {
+  const t = cn(), e = {
     Android() {
       return t.match(/Android/i);
     },
@@ -1968,23 +1990,23 @@ const G = "builderSessionId", Qt = async ({
     any() {
       return e.Android() || e.BlackBerry() || e.iOS() || e.Opera() || e.Windows() || x === "reactNative";
     }
-  }, n = t.match(/Tablet|iPad/i), o = an();
+  }, n = t.match(/Tablet|iPad/i), o = ln();
   return {
     urlPath: o == null ? void 0 : o.pathname,
     host: (o == null ? void 0 : o.host) || (o == null ? void 0 : o.hostname),
     device: n ? "tablet" : e.any() ? "mobile" : "desktop"
   };
-}, dn = async ({
+}, un = async ({
   canTrack: t
 }) => {
   if (!t)
     return { visitorId: void 0, sessionId: void 0 };
-  const e = await Qt({ canTrack: t }), n = on({ canTrack: t });
+  const e = await Zt({ canTrack: t }), n = sn({ canTrack: t });
   return {
     sessionId: e,
     visitorId: n
   };
-}, un = async ({
+}, pn = async ({
   type: t,
   canTrack: e,
   apiKey: n,
@@ -1998,8 +2020,8 @@ const G = "builderSessionId", Qt = async ({
       url: location.href,
       ...o
     },
-    ...await dn({ canTrack: e }),
-    userAttributes: cn(),
+    ...await un({ canTrack: e }),
+    userAttributes: dn(),
     ownerId: n
   }
 });
@@ -2014,7 +2036,7 @@ async function R(t) {
     return fetch("https://builder.io/api/v1/track", {
       method: "POST",
       body: JSON.stringify({
-        events: [await un(t)]
+        events: [await pn(t)]
       }),
       headers: {
         "content-type": "application/json"
@@ -2024,8 +2046,8 @@ async function R(t) {
       console.error("Failed to track: ", e);
     });
 }
-const Pn = (t) => R({ ...t, canTrack: !0 }), F = {};
-function pn(t, e) {
+const Fn = (t) => R({ ...t, canTrack: !0 }), mn = "0.3.1", F = {};
+function fn(t, e) {
   let n = F[t];
   if (n || (n = F[t] = []), n.push(e), p()) {
     const o = {
@@ -2042,8 +2064,8 @@ function pn(t, e) {
     }
   }
 }
-const mn = () => {
-  pn("insertMenu", {
+const hn = () => {
+  fn("insertMenu", {
     name: "_default",
     default: !0,
     items: [
@@ -2059,13 +2081,14 @@ const mn = () => {
   });
 };
 let j = !1;
-const fn = (t = {}) => {
+const gn = (t = {}) => {
   var e, n;
   j || (j = !0, p() && ((e = window.parent) == null || e.postMessage(
     {
       type: "builder.sdkInfo",
       data: {
         target: x,
+        version: mn,
         supportsPatchUpdates: !1,
         supportsAddBlockScoping: !0,
         supportsCustomBreakpoints: !0
@@ -2085,10 +2108,10 @@ const fn = (t = {}) => {
     if (!!(o != null && o.type))
       switch (o.type) {
         case "builder.evaluate": {
-          const i = o.data.text, l = o.data.arguments || [], a = o.data.id, c = new Function(i);
+          const i = o.data.text, c = o.data.arguments || [], a = o.data.id, l = new Function(i);
           let d, m = null;
           try {
-            d = c.apply(null, l);
+            d = l.apply(null, c);
           } catch (u) {
             m = u;
           }
@@ -2122,7 +2145,7 @@ const fn = (t = {}) => {
 function V(t) {
   return Math.round(t * 1e3) / 1e3;
 }
-const hn = (t, e, n = !0) => {
+const bn = (t, e, n = !0) => {
   if (!(t instanceof HTMLElement))
     return null;
   let o = n ? t : t.parentElement;
@@ -2133,7 +2156,7 @@ const hn = (t, e, n = !0) => {
       return o;
   } while (o = o.parentElement);
   return null;
-}, gn = (t) => hn(t, (e) => {
+}, yn = (t) => bn(t, (e) => {
   const n = e.getAttribute("builder-id") || e.id;
   return Boolean((n == null ? void 0 : n.indexOf("builder-")) === 0);
 }), O = ({
@@ -2145,8 +2168,8 @@ const hn = (t, e, n = !0) => {
     x: r,
     y: i
   };
-}, bn = (t) => {
-  const e = t.target, n = e && gn(e), o = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
+}, vn = (t) => {
+  const e = t.target, n = e && yn(e), o = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
   return {
     targetBuilderElement: o || void 0,
     metadata: {
@@ -2155,24 +2178,24 @@ const hn = (t, e, n = !0) => {
       builderElementIndex: n && o ? [].slice.call(document.getElementsByClassName(o)).indexOf(n) : void 0
     }
   };
-}, yn = ({
+}, _n = ({
   content: t,
   data: e,
   locale: n
 }) => {
-  var r, i, l;
+  var r, i, c;
   const o = {};
   (i = (r = t == null ? void 0 : t.data) == null ? void 0 : r.inputs) == null || i.forEach((a) => {
-    var c;
-    a.name && a.defaultValue !== void 0 && ((c = t == null ? void 0 : t.data) == null ? void 0 : c.state) && t.data.state[a.name] === void 0 && (o[a.name] = a.defaultValue);
+    var l;
+    a.name && a.defaultValue !== void 0 && ((l = t == null ? void 0 : t.data) == null ? void 0 : l.state) && t.data.state[a.name] === void 0 && (o[a.name] = a.defaultValue);
   });
   const s = {
-    ...(l = t == null ? void 0 : t.data) == null ? void 0 : l.state,
+    ...(c = t == null ? void 0 : t.data) == null ? void 0 : c.state,
     ...e,
     ...n ? { locale: n } : {}
   };
   return { ...o, ...s };
-}, vn = ({
+}, xn = ({
   content: t,
   data: e
 }) => t ? {
@@ -2182,21 +2205,21 @@ const hn = (t, e, n = !0) => {
     ...e
   },
   meta: t == null ? void 0 : t.meta
-} : void 0, _n = () => Promise.resolve().then(() => W).then((t) => t.default).catch((t) => {
+} : void 0, kn = () => Promise.resolve().then(() => W).then((t) => t.default).catch((t) => {
   throw console.error(
     "Error while attempting to dynamically import component RenderBlocks at ../render-blocks.vue",
     t
   ), t;
-}), xn = () => import("./render-styles.591ca7be.js").then((t) => t.default).catch((t) => {
+}), Sn = () => import("./render-styles.a49c2339.js").then((t) => t.default).catch((t) => {
   throw console.error(
     "Error while attempting to dynamically import component RenderContentStyles at ./components/render-styles.vue",
     t
   ), t;
-}), kn = f({
+}), wn = f({
   name: "render-content",
   components: {
-    RenderContentStyles: xn,
-    RenderBlocks: _n
+    RenderContentStyles: Sn,
+    RenderBlocks: kn
   },
   props: [
     "content",
@@ -2214,20 +2237,20 @@ const hn = (t, e, n = !0) => {
     return {
       forceReRenderCount: 0,
       overrideContent: null,
-      useContent: vn({
+      useContent: xn({
         content: this.content,
         data: this.data
       }),
       update: 0,
       canTrackToUse: v(this.canTrack) ? this.canTrack : !0,
-      contentState: yn({
+      contentState: _n({
         content: this.content,
         data: this.data,
         locale: this.locale
       }),
       allRegisteredComponents: [
-        ...Dt(),
-        ...D,
+        ...Ht(),
+        ...H,
         ...this.customComponents || []
       ].reduce(
         (t, e) => ({
@@ -2246,8 +2269,9 @@ const hn = (t, e, n = !0) => {
     return {
       [k.key]: {
         content: t.useContent,
-        state: t.contentState,
-        setState: t.setContextState,
+        localState: void 0,
+        rootState: t.contentState,
+        rootSetState: t.contentSetState,
         context: t.context || {},
         apiKey: t.apiKey,
         apiVersion: t.apiVersion,
@@ -2261,7 +2285,7 @@ const hn = (t, e, n = !0) => {
     if (this.apiKey || y.error(
       "No API key provided to `RenderContent` component. This can cause issues. Please provide an API key using the `apiKey` prop."
     ), p()) {
-      if (b() && (this.forceReRenderCount = this.forceReRenderCount + 1, mn(), fn({
+      if (b() && (this.forceReRenderCount = this.forceReRenderCount + 1, hn(), gn({
         ...this.locale ? {
           locale: this.locale
         } : {},
@@ -2272,7 +2296,7 @@ const hn = (t, e, n = !0) => {
         this.allRegisteredComponents
       ).forEach((n) => {
         var s;
-        const o = Gt(n);
+        const o = Jt(n);
         (s = window.parent) == null || s.postMessage(o, "*");
       }), window.addEventListener("message", this.processMessage), window.addEventListener(
         "builder:component:stateChangeListenerActivated",
@@ -2287,11 +2311,11 @@ const hn = (t, e, n = !0) => {
           variationId: n !== o ? n : void 0
         });
       }
-      if (qt()) {
+      if (Gt()) {
         const n = new URL(location.href).searchParams, o = n.get("builder.preview"), s = n.get(
           `builder.preview.${o}`
         ), r = n.get("apiKey") || n.get("builder.space");
-        o === this.model && r === this.apiKey && (!this.content || s === this.content.id) && H({
+        o === this.model && r === this.apiKey && (!this.content || s === this.content.id) && D({
           model: this.model,
           apiKey: this.apiKey,
           apiVersion: this.apiVersion
@@ -2386,7 +2410,7 @@ const hn = (t, e, n = !0) => {
         }
       };
     },
-    setContextState(t) {
+    contentSetState(t) {
       this.contentState = t;
     },
     processMessage(t) {
@@ -2414,7 +2438,9 @@ const hn = (t, e, n = !0) => {
       t && A({
         code: t,
         context: this.context || {},
-        state: this.contentState
+        localState: void 0,
+        rootState: this.contentState,
+        rootSetState: this.contentSetState
       });
     },
     onClick(t) {
@@ -2427,7 +2453,7 @@ const hn = (t, e, n = !0) => {
           contentId: s,
           apiKey: this.apiKey,
           variationId: o !== s ? o : void 0,
-          ...bn(t),
+          ...vn(t),
           unique: !this.clicked
         });
       }
@@ -2439,7 +2465,9 @@ const hn = (t, e, n = !0) => {
         (e, n) => A({
           code: n,
           context: this.context || {},
-          state: this.contentState
+          localState: void 0,
+          rootState: this.contentState,
+          rootSetState: this.contentSetState
         })
       );
     },
@@ -2449,7 +2477,7 @@ const hn = (t, e, n = !0) => {
           ...this.contentState,
           [e]: n
         };
-        this.setContextState(o);
+        this.contentSetState(o);
       }).catch((n) => {
         console.error("error fetching dynamic data", t, n);
       });
@@ -2484,27 +2512,27 @@ const hn = (t, e, n = !0) => {
     }
   }
 });
-var Sn = function() {
-  var o, s, r, i, l, a, c, d;
+var Cn = function() {
+  var o, s, r, i, c, a, l, d;
   var e = this, n = e._self._c;
   return e._self._setupProxy, e.useContent ? n("div", { ref: "elementRef", attrs: { "builder-content-id": (o = e.useContent) == null ? void 0 : o.id, "builder-model": e.model }, on: { click: function(m) {
     return e.onClick(m);
-  } } }, [e.TARGET !== "reactNative" ? [n("render-content-styles", { attrs: { contentId: (s = e.useContent) == null ? void 0 : s.id, cssCode: (i = (r = e.useContent) == null ? void 0 : r.data) == null ? void 0 : i.cssCode, customFonts: (a = (l = e.useContent) == null ? void 0 : l.data) == null ? void 0 : a.customFonts } })] : e._e(), n("render-blocks", { key: e.forceReRenderCount, attrs: { blocks: (d = (c = e.useContent) == null ? void 0 : c.data) == null ? void 0 : d.blocks } })], 2) : e._e();
-}, wn = [], Cn = /* @__PURE__ */ h(
-  kn,
-  Sn,
+  } } }, [e.TARGET !== "reactNative" ? [n("render-content-styles", { attrs: { contentId: (s = e.useContent) == null ? void 0 : s.id, cssCode: (i = (r = e.useContent) == null ? void 0 : r.data) == null ? void 0 : i.cssCode, customFonts: (a = (c = e.useContent) == null ? void 0 : c.data) == null ? void 0 : a.customFonts } })] : e._e(), n("render-blocks", { key: e.forceReRenderCount, attrs: { blocks: (d = (l = e.useContent) == null ? void 0 : l.data) == null ? void 0 : d.blocks } })], 2) : e._e();
+}, In = [], Rn = /* @__PURE__ */ h(
   wn,
+  Cn,
+  In,
   !1,
   null,
   null,
   null,
   null
 );
-const In = Cn.exports, Rn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Tn = Rn.exports, $n = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: In
+  default: Tn
 }, Symbol.toStringTag, { value: "Module" })), U = {};
-function An(t) {
+function jn(t) {
   if (p()) {
     Object.assign(U, t);
     const e = {
@@ -2522,29 +2550,29 @@ export {
   Me as S,
   x as T,
   Ct as V,
-  $n as a,
+  Pn as a,
   te as b,
   v as c,
-  In as d,
+  Tn as d,
   A as e,
   T as f,
   ne as g,
   mt as h,
   vt as i,
   b as j,
-  qt as k,
-  D as l,
-  En as m,
+  Gt as k,
+  H as l,
+  An as m,
   h as n,
-  Gt as o,
-  pn as p,
-  H as q,
+  Jt as o,
+  fn as p,
+  D as q,
   Ee as r,
-  An as s,
-  Pn as t,
+  jn as s,
+  Fn as t,
   at as u,
   nt as v,
   ot as w,
   st as x,
-  K as y
+  z as y
 };