@builder.io/sdk-react-nextjs 0.12.7 → 0.13.0

package/lib/browser/{bundle-56e0b400.js → bundle-2b431a2f.js}

@@ -1,9 +1,9 @@
-import { LRUCache as Ve } from "lru-cache";
-import { jsx as l, Fragment as S, jsxs as R } from "react/jsx-runtime";
-import { I as $e, B as We, a as Oe, D as Ne, b as Fe, C as Le, E as Ue, F as _e, c as De, d as Me, S as je, V as He, e as Ke } from "./USE_CLIENT_BUNDLE-456ca2b5.js";
+import { LRUCache as $e } from "lru-cache";
+import { jsx as l, Fragment as k, jsxs as R } from "react/jsx-runtime";
+import { I as We, B as Oe, a as Ne, D as Fe, b as Le, C as Ue, E as _e, F as De, c as Me, d as je, S as He, V as Ke, e as ze } from "./USE_CLIENT_BUNDLE-21701cae.js";
 import "react";
 import "next/navigation";
-const ze = /* @__PURE__ */ new Set(["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"]), Zn = (e) => typeof e == "string" && ze.has(e.toLowerCase()), I = "rsc", M = () => {
+const qe = /* @__PURE__ */ new Set(["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"]), to = (e) => typeof e == "string" && qe.has(e.toLowerCase()), I = "rsc", M = () => {
   switch (I) {
     case "react":
     case "reactNative":
@@ -16,7 +16,7 @@ const ze = /* @__PURE__ */ new Set(["area", "base", "br", "col", "embed", "hr",
       return "class";
   }
 };
-function qe(e) {
+function Ge(e) {
   var t;
   return {
     ...(t = e.component) == null ? void 0 : t.options,
@@ -27,29 +27,29 @@ function qe(e) {
     builderBlock: e
   };
 }
-const P = "[Builder.io]: ", x = {
+const P = "[Builder.io]: ", v = {
   log: (...e) => console.log(P, ...e),
   error: (...e) => console.error(P, ...e),
   warn: (...e) => console.warn(P, ...e),
   debug: (...e) => console.debug(P, ...e)
 };
-function k() {
+function S() {
   return typeof window < "u" && typeof document < "u";
 }
-function Ge() {
-  return k() && window.self !== window.top;
+function Je() {
+  return S() && window.self !== window.top;
 }
 function j() {
-  return Ge() && window.location.search.indexOf("builder.frameEditing=") !== -1;
+  return Je() && window.location.search.indexOf("builder.frameEditing=") !== -1;
 }
 const Ye = () => {
-  if (k()) {
+  if (S()) {
     const e = new URL(location.href);
     return e.pathname === "" && (e.pathname = "/"), e;
   } else
     return console.warn("Cannot get location for tracking in non-browser environment"), null;
-}, Je = () => typeof navigator == "object" && navigator.userAgent || "", le = () => {
-  const e = Je(), t = {
+}, Qe = () => typeof navigator == "object" && navigator.userAgent || "", le = () => {
+  const e = Qe(), t = {
     Android() {
       return e.match(/Android/i);
     },
@@ -74,7 +74,7 @@ const Ye = () => {
     host: (o == null ? void 0 : o.host) || (o == null ? void 0 : o.hostname),
     device: n ? "tablet" : t.any() ? "mobile" : "desktop"
   };
-}, Qe = ({
+}, Xe = ({
   builder: e,
   context: t,
   event: n,
@@ -86,12 +86,12 @@ const Ye = () => {
   builder: e,
   context: t,
   event: n
-}), Xe = () => ({
+}), Ze = () => ({
   isEditing: j(),
-  isBrowser: k(),
-  isServer: !k(),
+  isBrowser: S(),
+  isServer: !S(),
   getUserAttributes: () => le()
-}), Ze = (e, {
+}), et = (e, {
   isExpression: t = !0
 }) => /* we disable this for cases where we definitely don't want a return */ t && !(e.includes(";") || e.includes(" return ") || e.trim().startsWith("return ")) ? `return (${e});` : e, G = ({
   code: e,
@@ -102,7 +102,7 @@ const Ye = () => {
   rootSetState: r,
   rootState: a
 }) => {
-  const s = Qe({
+  const s = Xe({
     builder: t,
     context: n,
     event: o,
@@ -140,17 +140,17 @@ function de({
   });
 }
 const C = (e) => e != null;
-function et() {
+function tt() {
   var e;
   return typeof process < "u" && C((e = process == null ? void 0 : process.versions) == null ? void 0 : e.node);
 }
-const tt = () => {
+const nt = () => {
   var o;
-  if (!et())
+  if (!tt())
     return !1;
   const e = process.arch === "arm64", t = process.version.startsWith("v20"), n = (o = process.env.NODE_OPTIONS) == null ? void 0 : o.includes("--no-node-snapshot");
-  return e && t && !n ? (x.log("Skipping usage of `isolated-vm` to avoid crashes in Node v20 on an arm64 machine.\n    If you would like to use the `isolated-vm` package on this machine, please provide the `NODE_OPTIONS=--no-node-snapshot` config to your Node process.\n    See https://github.com/BuilderIO/builder/blob/main/packages/sdks/README.md#node-v20--m1-macs-apple-silicon-support for more information.\n    "), !0) : !1;
-}, nt = (e) => (k() || tt(), G(e));
+  return e && t && !n ? (v.log("Skipping usage of `isolated-vm` to avoid crashes in Node v20 on an arm64 machine.\n    If you would like to use the `isolated-vm` package on this machine, please provide the `NODE_OPTIONS=--no-node-snapshot` config to your Node process.\n    See https://github.com/BuilderIO/builder/blob/main/packages/sdks/README.md#node-v20--m1-macs-apple-silicon-support for more information.\n    "), !0) : !1;
+}, ot = (e) => (S() || nt(), G(e));
 function H({
   code: e,
   context: t,
@@ -161,14 +161,14 @@ function H({
   isExpression: a = !0
 }) {
   if (e === "") {
-    x.warn("Skipping evaluation of empty code block.");
+    v.warn("Skipping evaluation of empty code block.");
     return;
   }
   const s = {
-    code: Ze(e, {
+    code: et(e, {
       isExpression: a
     }),
-    builder: Xe(),
+    builder: Ze(),
     context: t,
     event: r,
     rootSetState: i,
@@ -176,21 +176,21 @@ function H({
     localState: n
   };
   try {
-    return nt(s);
+    return ot(s);
   } catch (c) {
-    x.error("Failed code evaluation: " + c.message, {
+    v.error("Failed code evaluation: " + c.message, {
       code: e
     });
     return;
   }
 }
-const W = (e) => JSON.parse(JSON.stringify(e)), ot = (e, t, n) => {
+const W = (e) => JSON.parse(JSON.stringify(e)), it = (e, t, n) => {
   if (Object(e) !== e)
     return e;
   const o = Array.isArray(t) ? t : t.toString().match(/[^.[\]]+/g);
   return o.slice(0, -1).reduce((i, r, a) => Object(i[r]) === i[r] ? i[r] : i[r] = Math.abs(Number(o[a + 1])) >> 0 === +o[a + 1] ? [] : {}, e)[o[o.length - 1]] = n, e;
 };
-const it = ({
+const rt = ({
   block: e,
   context: t,
   localState: n,
@@ -216,7 +216,7 @@ const it = ({
       rootSetState: i,
       context: t
     });
-    ot(a, s, m);
+    it(a, s, m);
   }
   return a;
 };
@@ -229,7 +229,7 @@ function $({
   rootSetState: r
 }) {
   const a = e;
-  return n ? it({
+  return n ? rt({
     block: a,
     localState: o,
     rootState: i,
@@ -237,7 +237,7 @@ function $({
     context: t
   }) : a;
 }
-const rt = ({
+const at = ({
   block: e,
   context: t,
   registeredComponents: n
@@ -259,7 +259,7 @@ const rt = ({
   console.warn(`
       Could not find a registered component named "${o}". 
       If you registered it, is the file that registered it imported by the file that needs to render it?`);
-}, at = ({
+}, st = ({
   block: e,
   context: t
 }) => {
@@ -308,7 +308,7 @@ const rt = ({
     default: 991,
     max: 1200
   }
-}, Y = (e, t = ue) => `@media (max-width: ${t[e].max}px)`, me = ({
+}, J = (e, t = ue) => `@media (max-width: ${t[e].max}px)`, me = ({
   small: e,
   medium: t
 }) => {
@@ -334,17 +334,17 @@ const rt = ({
     min: r,
     default: r + 1
   }, n;
-}, st = (e) => e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase(), fe = (e) => Object.entries(e).map(([n, o]) => {
+}, ct = (e) => e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase(), fe = (e) => Object.entries(e).map(([n, o]) => {
   if (typeof o == "string")
-    return `${st(n)}: ${o};`;
-}).filter(C), ct = (e) => fe(e).join(`
+    return `${ct(n)}: ${o};`;
+}).filter(C), lt = (e) => fe(e).join(`
 `), L = ({
   mediaQuery: e,
   className: t,
   styles: n
 }) => {
   const o = `.${t} {
-    ${ct(n)}
+    ${lt(n)}
   }`;
   return e ? `${e} {
       ${o}
@@ -353,7 +353,7 @@ const rt = ({
 function O(e) {
   return /* @__PURE__ */ l("style", { dangerouslySetInnerHTML: { __html: e.styles }, id: e.id });
 }
-function lt(e) {
+function dt(e) {
   const t = function() {
     const i = $({
       block: e.block,
@@ -384,26 +384,26 @@ function lt(e) {
     }) : "", h = m ? L({
       className: p,
       styles: m,
-      mediaQuery: Y(
+      mediaQuery: J(
         "medium",
         s
       )
     }) : "", u = g ? L({
       className: p,
       styles: g,
-      mediaQuery: Y(
+      mediaQuery: J(
         "small",
         s
       )
     }) : "";
     return [f, h, u].join(" ");
   };
-  return /* @__PURE__ */ l(S, { children: n() && t() ? /* @__PURE__ */ l(S, { children: /* @__PURE__ */ l(O, { styles: n() }) }) : null });
+  return /* @__PURE__ */ l(k, { children: n() && t() ? /* @__PURE__ */ l(k, { children: /* @__PURE__ */ l(O, { styles: n() }) }) : null });
 }
-function dt(e) {
+function ut(e) {
   return e.charAt(0).toUpperCase() + e.slice(1);
 }
-const ut = (e) => `on${dt(e)}`, mt = (e, t) => (n) => H({
+const mt = (e) => `on${ut(e)}`, ft = (e, t) => (n) => H({
   code: e,
   context: t.context,
   localState: t.localState,
@@ -412,13 +412,13 @@ const ut = (e) => `on${dt(e)}`, mt = (e, t) => (n) => H({
   event: n,
   isExpression: !1
 });
-function eo(e) {
+function no(e) {
   const t = {}, n = e.block.actions ?? {};
   for (const o in n) {
     if (!n.hasOwnProperty(o))
       continue;
     const i = n[o];
-    let r = ut(o);
+    let r = mt(o);
     if (e.stripPrefix)
       switch (I) {
         case "vue":
@@ -428,19 +428,19 @@ function eo(e) {
           r = r.replace("on:", "");
           break;
       }
-    t[r] = mt(i, e);
+    t[r] = ft(i, e);
   }
   return t;
 }
-function ft({
+function ht({
   style: e
 }) {
   return e;
 }
-const ht = ({
+const pt = ({
   block: e,
   context: t
-}) => he(ft({
+}) => he(ht({
   style: e.style || {},
   context: t,
   block: e
@@ -458,36 +458,36 @@ function he(e) {
       return e;
   }
 }
-function pt({
+function gt({
   properties: e
 }) {
   return e;
 }
-const gt = (e) => ({
+const bt = (e) => ({
   href: e.href
 });
-function bt({
+function yt({
   block: e,
   context: t
 }) {
   var o;
   const n = {
-    ...gt(e),
+    ...bt(e),
     ...e.properties,
     "builder-id": e.id,
-    style: ht({
+    style: pt({
       block: e,
       context: t
     }),
     [M()]: [e.id, "builder-block", e.class, (o = e.properties) == null ? void 0 : o.class].filter(Boolean).join(" ")
   };
-  return pt({
+  return gt({
     properties: n,
     context: t,
     block: e
   });
 }
-const yt = ({
+const kt = ({
   componentOptions: e,
   builderBlock: t,
   context: n,
@@ -503,7 +503,7 @@ const yt = ({
      * component itself directly. Otherwise, they are provided to the wrapper element.
      */
     ...i ? {
-      attributes: bt({
+      attributes: yt({
         block: t,
         context: a
       })
@@ -517,13 +517,13 @@ const yt = ({
     includeBlockProps: i
   } : s;
 };
-function J(e) {
+function Y(e) {
   var n;
-  const t = e.isInteractive ? $e : e.componentRef;
-  return /* @__PURE__ */ l(S, { children: e.componentRef ? /* @__PURE__ */ l(S, { children: /* @__PURE__ */ l(
+  const t = e.isInteractive ? We : e.componentRef;
+  return /* @__PURE__ */ l(k, { children: e.componentRef ? /* @__PURE__ */ l(k, { children: /* @__PURE__ */ l(
     t,
     {
-      ...yt({
+      ...kt({
         componentOptions: e.componentOptions,
         builderBlock: e.builderBlock,
         context: e.context,
@@ -561,13 +561,13 @@ function St(e) {
 function N(e) {
   var m, g, p;
   const t = function() {
-    return rt({
+    return at({
       block: e.block,
       context: e.context,
       registeredComponents: e.registeredComponents
     });
   }, n = function() {
-    return at({
+    return st({
       block: e.block,
       context: e.context
     });
@@ -594,17 +594,17 @@ function N(e) {
     var u;
     return !((u = t()) != null && u.component) && !n() ? o().children ?? [] : [];
   }, s = function() {
-    var h, u, d, y, v, b, E, T;
+    var h, u, d, y, x, b, E, T;
     return {
       blockChildren: o().children ?? [],
       componentRef: (h = t()) == null ? void 0 : h.component,
       componentOptions: {
-        ...qe(o()),
+        ...Ge(o()),
         builderContext: e.context,
         ...((u = t()) == null ? void 0 : u.name) === "Core:Button" || ((d = t()) == null ? void 0 : d.name) === "Symbol" || ((y = t()) == null ? void 0 : y.name) === "Columns" ? {
           builderLinkComponent: e.linkComponent
         } : {},
-        ...((v = t()) == null ? void 0 : v.name) === "Symbol" || ((b = t()) == null ? void 0 : b.name) === "Columns" ? {
+        ...((x = t()) == null ? void 0 : x.name) === "Symbol" || ((b = t()) == null ? void 0 : b.name) === "Columns" ? {
           builderComponents: e.registeredComponents
         } : {}
       },
@@ -616,10 +616,10 @@ function N(e) {
       isInteractive: !((T = t()) != null && T.isRSC)
     };
   }, c = e.context;
-  return /* @__PURE__ */ l(S, { children: r() ? /* @__PURE__ */ R(S, { children: [
-    /* @__PURE__ */ l(lt, { block: e.block, context: e.context }),
-    (m = t()) != null && m.noWrap ? /* @__PURE__ */ l(S, { children: /* @__PURE__ */ l(
-      J,
+  return /* @__PURE__ */ l(k, { children: r() ? /* @__PURE__ */ R(k, { children: [
+    /* @__PURE__ */ l(dt, { block: e.block, context: e.context }),
+    (m = t()) != null && m.noWrap ? /* @__PURE__ */ l(k, { children: /* @__PURE__ */ l(
+      Y,
       {
         componentRef: s().componentRef,
         componentOptions: s().componentOptions,
@@ -631,7 +631,7 @@ function N(e) {
         includeBlockProps: s().includeBlockProps,
         isInteractive: s().isInteractive
       }
-    ) }) : /* @__PURE__ */ l(S, { children: n() ? /* @__PURE__ */ l(S, { children: (p = n()) == null ? void 0 : p.map((f, h) => /* @__PURE__ */ l(
+    ) }) : /* @__PURE__ */ l(k, { children: n() ? /* @__PURE__ */ l(k, { children: (p = n()) == null ? void 0 : p.map((f, h) => /* @__PURE__ */ l(
       St,
       {
         repeatContext: f.context,
@@ -640,8 +640,8 @@ function N(e) {
         linkComponent: e.linkComponent
       },
       h
-    )) }) : /* @__PURE__ */ l(S, { children: /* @__PURE__ */ R(
-      We,
+    )) }) : /* @__PURE__ */ l(k, { children: /* @__PURE__ */ R(
+      Oe,
       {
         Wrapper: i(),
         block: o(),
@@ -649,7 +649,7 @@ function N(e) {
         linkComponent: e.linkComponent,
         children: [
           /* @__PURE__ */ l(
-            J,
+            Y,
             {
               componentRef: s().componentRef,
               componentOptions: s().componentOptions,
@@ -680,7 +680,7 @@ function N(e) {
 function F(e) {
   var t, n, o;
   return /* @__PURE__ */ l(
-    Oe,
+    Ne,
     {
       blocks: e.blocks,
       parent: e.parent,
@@ -688,7 +688,7 @@ function F(e) {
       styleProp: e.styleProp,
       BlocksWrapper: (t = e.context) == null ? void 0 : t.BlocksWrapper,
       BlocksWrapperProps: (n = e.context) == null ? void 0 : n.BlocksWrapperProps,
-      children: e.blocks ? /* @__PURE__ */ l(S, { children: (o = e.blocks) == null ? void 0 : o.map((i) => /* @__PURE__ */ l(
+      children: e.blocks ? /* @__PURE__ */ l(k, { children: (o = e.blocks) == null ? void 0 : o.map((i) => /* @__PURE__ */ l(
         N,
         {
           block: i,
@@ -701,7 +701,7 @@ function F(e) {
     }
   );
 }
-function kt(e) {
+function vt(e) {
   var h;
   const t = typeof e.space == "number" ? e.space || 0 : 20, n = e.columns || [], o = e.stackColumnsAt || "tablet", i = function(d) {
     var y;
@@ -728,18 +728,18 @@ function kt(e) {
       })
     };
   }, g = function(d) {
-    const y = d === 0 ? 0 : t, v = r(d), b = `${y}px`, E = "100%", T = 0;
+    const y = d === 0 ? 0 : t, x = r(d), b = `${y}px`, E = "100%", T = 0;
     return {
       ...{
         display: "flex",
         flexDirection: "column",
         alignItems: "stretch"
       },
-      width: v,
+      width: x,
       ["marginLeft"]: b,
       "--column-width-mobile": s({
         stackedStyle: E,
-        desktopStyle: v
+        desktopStyle: x
       }),
       "--column-margin-left-mobile": s({
         stackedStyle: T,
@@ -747,7 +747,7 @@ function kt(e) {
       }),
       "--column-width-tablet": a({
         stackedStyle: E,
-        desktopStyle: v
+        desktopStyle: x
       }),
       "--column-margin-left-tablet": a({
         stackedStyle: T,
@@ -755,9 +755,9 @@ function kt(e) {
       })
     };
   }, p = function(d) {
-    var v, b;
+    var x, b;
     return me(
-      ((b = (v = e.builderContext.content) == null ? void 0 : v.meta) == null ? void 0 : b.breakpoints) || {}
+      ((b = (x = e.builderContext.content) == null ? void 0 : x.meta) == null ? void 0 : b.breakpoints) || {}
     )[d].max;
   }, f = function() {
     return `
@@ -786,16 +786,16 @@ function kt(e) {
         },
       `;
   };
-  return /* @__PURE__ */ R(S, { children: [
+  return /* @__PURE__ */ R(k, { children: [
     /* @__PURE__ */ R(
       "div",
       {
         className: `builder-columns ${e.builderBlock.id}-breakpoints div-3d816b82`,
         style: m(),
         children: [
-          /* @__PURE__ */ l(S, { children: /* @__PURE__ */ l(O, { styles: f() }) }),
+          /* @__PURE__ */ l(k, { children: /* @__PURE__ */ l(O, { styles: f() }) }),
           (h = e.columns) == null ? void 0 : h.map((u, d) => /* @__PURE__ */ l(
-            Ne,
+            Fe,
             {
               TagName: u.link ? e.builderLinkComponent || "a" : "div",
               actionAttributes: {},
@@ -835,11 +835,11 @@ function kt(e) {
 function Q(e) {
   return e.replace(/http(s)?:/, "");
 }
-function vt(e = "", t, n) {
+function xt(e = "", t, n) {
   const o = new RegExp("([?&])" + t + "=.*?(&|$)", "i"), i = e.indexOf("?") !== -1 ? "&" : "?";
   return e.match(o) ? e.replace(o, "$1" + t + "=" + encodeURIComponent(n) + "$2") : e + i + t + "=" + encodeURIComponent(n);
 }
-function xt(e, t) {
+function Ct(e, t) {
   if (!e || !(e != null && e.match(/cdn\.shopify\.com/)) || !t)
     return e;
   if (t === "master")
@@ -851,18 +851,18 @@ function xt(e, t) {
   }
   return null;
 }
-function to(e) {
+function oo(e) {
   if (!e)
     return e;
   const t = [100, 200, 400, 800, 1200, 1600, 2e3];
   if (e.match(/builder\.io/)) {
     let n = e;
     const o = Number(e.split("?width=")[1]);
-    return isNaN(o) || (n = `${n} ${o}w`), t.filter((i) => i !== o).map((i) => `${vt(e, "width", i)} ${i}w`).concat([n]).join(", ");
+    return isNaN(o) || (n = `${n} ${o}w`), t.filter((i) => i !== o).map((i) => `${xt(e, "width", i)} ${i}w`).concat([n]).join(", ");
   }
-  return e.match(/cdn\.shopify\.com/) ? t.map((n) => [xt(e, `${n}x${n}`), n]).filter(([n]) => !!n).map(([n, o]) => `${n} ${o}w`).concat([e]).join(", ") : e;
+  return e.match(/cdn\.shopify\.com/) ? t.map((n) => [Ct(e, `${n}x${n}`), n]).filter(([n]) => !!n).map(([n, o]) => `${n} ${o}w`).concat([e]).join(", ") : e;
 }
-const Ct = (e) => {
+const wt = (e) => {
   if (e === "localhost" || e === "127.0.0.1")
     return e;
   const t = e.split(".");
@@ -875,16 +875,16 @@ const Ct = (e) => {
   try {
     return t ? (n = document.cookie.split("; ").find((o) => o.startsWith(`${e}=`))) == null ? void 0 : n.split("=")[1] : void 0;
   } catch (o) {
-    x.warn("[COOKIE] GET error: ", (o == null ? void 0 : o.message) || o);
+    v.warn("[COOKIE] GET error: ", (o == null ? void 0 : o.message) || o);
     return;
   }
-}, ge = async (e) => pe(e), wt = (e) => e.map(([t, n]) => n ? `${t}=${n}` : t).filter(C).join("; "), It = [["secure", ""], ["SameSite", "None"]], Tt = ({
+}, ge = async (e) => pe(e), It = (e) => e.map(([t, n]) => n ? `${t}=${n}` : t).filter(C).join("; "), Tt = [["secure", ""], ["SameSite", "None"]], Et = ({
   name: e,
   value: t,
   expires: n
 }) => {
-  const i = (k() ? location.protocol === "https:" : !0) ? It : [[]], r = n ? [["expires", n.toUTCString()]] : [[]], a = [[e, t], ...r, ["path", "/"], ["domain", Ct(window.location.hostname)], ...i];
-  return wt(a);
+  const i = (S() ? location.protocol === "https:" : !0) ? Tt : [[]], r = n ? [["expires", n.toUTCString()]] : [[]], a = [[e, t], ...r, ["path", "/"], ["domain", wt(window.location.hostname)], ...i];
+  return It(a);
 }, be = async ({
   name: e,
   value: t,
@@ -894,33 +894,33 @@ const Ct = (e) => {
   try {
     if (!o)
       return;
-    const i = Tt({
+    const i = Et({
       name: e,
       value: t,
       expires: n
     });
     document.cookie = i;
   } catch (i) {
-    x.warn("[COOKIE] SET error: ", (i == null ? void 0 : i.message) || i);
+    v.warn("[COOKIE] SET error: ", (i == null ? void 0 : i.message) || i);
   }
-}, Et = "builder.tests", K = (e) => `${Et}.${e}`, Rt = ({
+}, Rt = "builder.tests", K = (e) => `${Rt}.${e}`, At = ({
   contentId: e
 }) => ge({
   name: K(e),
   canTrack: !0
-}), At = ({
+}), Pt = ({
   contentId: e
 }) => pe({
   name: K(e),
   canTrack: !0
-}), Pt = ({
+}), Bt = ({
   contentId: e,
   value: t
 }) => be({
   name: K(e),
   value: t,
   canTrack: !0
-}), ye = (e) => C(e.id) && C(e.variations) && Object.keys(e.variations).length > 0, Bt = ({
+}), ye = (e) => C(e.id) && C(e.variations) && Object.keys(e.variations).length > 0, Vt = ({
   id: e,
   variations: t
 }) => {
@@ -933,15 +933,15 @@ const Ct = (e) => {
       return r;
   }
   return e;
-}, Se = (e) => {
-  const t = Bt(e);
-  return Pt({
+}, ke = (e) => {
+  const t = Vt(e);
+  return Bt({
     contentId: e.id,
     value: t
   }).catch((n) => {
-    x.error("could not store A/B test variation: ", n);
+    v.error("could not store A/B test variation: ", n);
   }), t;
-}, ke = ({
+}, Se = ({
   item: e,
   testGroupId: t
 }) => {
@@ -955,7 +955,7 @@ const Ct = (e) => {
     testVariationId: n.id,
     testVariationName: n.name || (n.id === e.id ? "Default" : "")
   };
-}, Vt = ({
+}, $t = ({
   item: e,
   canTrack: t
 }) => {
@@ -965,12 +965,12 @@ const Ct = (e) => {
     return;
   if (!ye(e))
     return e;
-  const n = At({
+  const n = Pt({
     contentId: e.id
-  }) || Se({
+  }) || ke({
     variations: e.variations,
     id: e.id
-  }), o = ke({
+  }), o = Se({
     item: e,
     testGroupId: n
   });
@@ -978,18 +978,18 @@ const Ct = (e) => {
     ...e,
     ...o
   };
-}, $t = async ({
+}, Wt = async ({
   item: e,
   canTrack: t
 }) => {
   if (!t || !ye(e))
     return e;
-  const o = await Rt({
+  const o = await At({
     contentId: e.id
-  }) || Se({
+  }) || ke({
     variations: e.variations,
     id: e.id
-  }), i = ke({
+  }), i = Se({
     item: e,
     testGroupId: o
   });
@@ -997,7 +997,7 @@ const Ct = (e) => {
     ...e,
     ...i
   };
-}, U = (e) => C(e) ? e : !0, Wt = {
+}, U = (e) => C(e) ? e : !0, Ot = {
   name: "Core:Button",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",
   defaultStyles: {
@@ -1030,7 +1030,7 @@ const Ct = (e) => {
   }],
   static: !0,
   noWrap: !0
-}, Ot = {
+}, Nt = {
   // TODO: ways to statically preprocess JSON for references, functions, etc
   name: "Columns",
   isRSC: !0,
@@ -1231,7 +1231,7 @@ const Ct = (e) => {
     helperText: "When stacking columns for mobile devices, reverse the ordering",
     advanced: !0
   }]
-}, Nt = {
+}, Ft = {
   name: "Custom Code",
   static: !0,
   requiredPermissions: ["editCode"],
@@ -1253,7 +1253,7 @@ const Ct = (e) => {
     helperText: "Only print and run scripts on the client. Important when scripts influence DOM that could be replaced when client loads",
     advanced: !0
   }]
-}, Ft = {
+}, Lt = {
   name: "Embed",
   static: !0,
   inputs: [{
@@ -1278,13 +1278,13 @@ const Ct = (e) => {
     defaultValue: '<div style="padding: 20px; text-align: center">(Choose an embed URL)<div>',
     hideFromUI: !0
   }]
-}, Lt = ["text/javascript", "application/javascript", "application/ecmascript"], no = (e) => Lt.includes(e.type), Ut = {
+}, Ut = ["text/javascript", "application/javascript", "application/ecmascript"], io = (e) => Ut.includes(e.type), _t = {
   name: "Fragment",
   static: !0,
   hidden: !0,
   canHaveChildren: !0,
   noWrap: !0
-}, _t = {
+}, Dt = {
   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",
@@ -1384,7 +1384,7 @@ const Ct = (e) => {
     advanced: !0,
     defaultValue: 0.7041
   }]
-}, Dt = {
+}, Mt = {
   // friendlyName?
   name: "Raw:Img",
   hideFromInsertMenu: !0,
@@ -1398,7 +1398,7 @@ const Ct = (e) => {
   }],
   noWrap: !0,
   static: !0
-}, Mt = {
+}, jt = {
   name: "Core:Section",
   static: !0,
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F682efef23ace49afac61748dd305c70a",
@@ -1437,7 +1437,7 @@ const Ct = (e) => {
       }
     }
   }]
-}, jt = {
+}, Ht = {
   name: "Slot",
   isRSC: !0,
   description: "Allow child blocks to be inserted into this content when used as a Symbol",
@@ -1451,7 +1451,7 @@ const Ct = (e) => {
     defaultValue: "children"
   }]
 };
-function Ht(e) {
+function Kt(e) {
   var t, n, o;
   return /* @__PURE__ */ l(
     "div",
@@ -1474,7 +1474,7 @@ function Ht(e) {
     }
   );
 }
-const Kt = {
+const zt = {
   name: "Symbol",
   noWrap: !0,
   static: !0,
@@ -1507,7 +1507,7 @@ const Kt = {
     hideFromUI: !0,
     type: "boolean"
   }]
-}, zt = {
+}, qt = {
   name: "Text",
   static: !0,
   isRSC: !0,
@@ -1526,7 +1526,7 @@ const Kt = {
     textAlign: "center"
   }
 };
-function qt(e) {
+function Gt(e) {
   var t;
   return /* @__PURE__ */ l(
     "div",
@@ -1539,7 +1539,7 @@ function qt(e) {
     }
   );
 }
-const Gt = {
+const Jt = {
   name: "Video",
   canHaveChildren: !0,
   defaultStyles: {
@@ -1621,20 +1621,17 @@ const Gt = {
     advanced: !0
   }]
 }, X = () => [{
-  component: Fe,
-  ...Wt
-}, {
-  component: kt,
+  component: Le,
   ...Ot
 }, {
-  component: Le,
+  component: vt,
   ...Nt
 }, {
   component: Ue,
   ...Ft
 }, {
   component: _e,
-  ...Ut
+  ...Lt
 }, {
   component: De,
   ..._t
@@ -1645,33 +1642,36 @@ const Gt = {
   component: je,
   ...Mt
 }, {
-  component: qn,
-  ...Kt
+  component: He,
+  ...jt
 }, {
-  component: qt,
+  component: Jn,
   ...zt
 }, {
-  component: He,
-  ...Gt
+  component: Gt,
+  ...qt
 }, {
-  component: Ht,
-  ...jt
-}], Z = [], oo = (e) => ({
+  component: Ke,
+  ...Jt
+}, {
+  component: Kt,
+  ...Ht
+}], Z = [], ro = (e) => ({
   type: "builder.registerComponent",
   data: _(e)
 }), Yt = (e) => {
   const t = e.toString().trim();
   return `return (${!t.startsWith("function") && !t.startsWith("(") ? "function " : ""}${t}).apply(this, arguments)`;
-}, Jt = (e) => typeof e == "function" ? Yt(e) : W(e), _ = ({
+}, Qt = (e) => typeof e == "function" ? Yt(e) : W(e), _ = ({
   inputs: e,
   ...t
 }) => ({
   ...W(t),
   inputs: e == null ? void 0 : e.map((n) => Object.entries(n).reduce((o, [i, r]) => ({
     ...o,
-    [i]: Jt(r)
+    [i]: Qt(r)
   }), {}))
-}), Qt = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
+}), Xt = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
   function getAndSetVariantId() {
     function setCookie(name, value, days) {
       let expires = '';
@@ -1727,7 +1727,7 @@ const Gt = {
     }).join('');
     styleEl.innerHTML = newStyleStr;
   }
-}`, Xt = `function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {
+}`, Zt = `function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {
   if (!navigator.cookieEnabled) {
     return;
   }
@@ -1765,16 +1765,16 @@ const Gt = {
   ...t,
   testVariationId: t.id,
   id: e == null ? void 0 : e.id
-})), Zt = ({
+})), en = ({
   canTrack: e,
   content: t
-}) => !(!(B(t).length > 0) || !e || k()), en = (e) => e === "react" || e === "reactNative", Ce = en(I), tn = () => `
-  window.${ve} = ${Qt}
-  window.${xe} = ${Xt}
-  `, nn = (e, t) => `
+}) => !(!(B(t).length > 0) || !e || S()), tn = (e) => e === "react" || e === "reactNative", Ce = tn(I), nn = () => `
+  window.${ve} = ${Xt}
+  window.${xe} = ${Zt}
+  `, on = (e, t) => `
   window.${ve}(
     "${t}",${JSON.stringify(e)}, ${Ce}
-  )`, on = ({
+  )`, rn = ({
   contentId: e,
   variationId: t
 }) => `window.${xe}(
@@ -1789,33 +1789,33 @@ function D(e) {
     }
   );
 }
-const rn = (e) => {
+const an = (e) => {
   const t = e.get("preview"), n = e.get("overrides." + t);
-  return n || x.warn("No previewed ID found in search params."), n;
+  return n || v.warn("No previewed ID found in search params."), n;
 };
-function an() {
-  globalThis._BUILDER_PREVIEW_LRU_CACHE || (globalThis._BUILDER_PREVIEW_LRU_CACHE = new Ve({
+function sn() {
+  globalThis._BUILDER_PREVIEW_LRU_CACHE || (globalThis._BUILDER_PREVIEW_LRU_CACHE = new $e({
     max: 500,
     // how long to live in ms
     ttl: 1e3 * 60 * 5
   }));
 }
-function sn(e) {
-  an();
-  const t = rn(e);
+function cn(e) {
+  sn();
+  const t = an(e);
   return typeof t == "string" ? globalThis._BUILDER_PREVIEW_LRU_CACHE.get(t) : void 0;
 }
-function cn() {
+function ln() {
   return typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : globalThis;
 }
-function ln() {
-  const e = cn().fetch;
+function dn() {
+  const e = ln().fetch;
   if (typeof e > "u")
     throw console.warn(`Builder SDK could not find a global fetch function. Make sure you have a polyfill for fetch in your project. 
       For more information, read https://github.com/BuilderIO/this-package-uses-fetch`), new Error("Builder SDK could not find a global `fetch` function");
   return e;
 }
-const dn = ln();
+const un = dn();
 function V(e, t = null, n = ".") {
   return Object.keys(e).reduce((o, i) => {
     const r = e[i], a = [t, i].filter(Boolean).join(n);
@@ -1828,7 +1828,7 @@ function V(e, t = null, n = ".") {
     };
   }, {});
 }
-const un = "v3", ee = "builder.", mn = "options.", fn = (e) => {
+const mn = "v3", ee = "builder.", fn = "options.", hn = (e) => {
   const t = {};
   return e.forEach((n, o) => {
     t[o] = n;
@@ -1839,16 +1839,16 @@ const un = "v3", ee = "builder.", mn = "options.", fn = (e) => {
   const t = Ie(e), n = {};
   return Object.keys(t).forEach((o) => {
     if (o.startsWith(ee)) {
-      const i = o.replace(ee, "").replace(mn, "");
+      const i = o.replace(ee, "").replace(fn, "");
       n[i] = t[o];
     }
   }), n;
-}, hn = () => {
-  if (!k())
+}, pn = () => {
+  if (!S())
     return {};
   const e = new URLSearchParams(window.location.search);
   return we(e);
-}, Ie = (e) => e instanceof URLSearchParams ? fn(e) : e, te = (e) => typeof e == "number" && !isNaN(e) && e >= 0, z = (e) => {
+}, Ie = (e) => e instanceof URLSearchParams ? hn(e) : e, te = (e) => typeof e == "number" && !isNaN(e) && e >= 0, z = (e) => {
   let {
     noTraverse: t = !1
   } = e;
@@ -1861,22 +1861,22 @@ const un = "v3", ee = "builder.", mn = "options.", fn = (e) => {
     includeRefs: s = !0,
     enrich: c,
     locale: m,
-    apiVersion: g = un,
+    apiVersion: g = mn,
     fields: p,
     omit: f,
     offset: h,
     cacheSeconds: u,
     staleCacheSeconds: d,
     sort: y,
-    includeUnpublished: v
+    includeUnpublished: x
   } = e;
   if (!a)
     throw new Error("Missing API key");
-  if (!["v2", "v3"].includes(g))
-    throw new Error(`Invalid apiVersion: expected 'v2' or 'v3', received '${g}'`);
+  if (!["v3"].includes(g))
+    throw new Error(`Invalid apiVersion: expected 'v3', received '${g}'`);
   (e.limit === void 0 || e.limit > 1) && !("noTraverse" in e) && (t = !0);
   const b = new URL(`https://cdn.builder.io/api/${g}/content/${r}?apiKey=${a}&limit=${n}&noTraverse=${t}&includeRefs=${s}${m ? `&locale=${m}` : ""}${c ? `&enrich=${c}` : ""}`);
-  if (b.searchParams.set("omit", f || "meta.componentsUsed"), p && b.searchParams.set("fields", p), Number.isFinite(h) && h > -1 && b.searchParams.set("offset", String(Math.floor(h))), typeof v == "boolean" && b.searchParams.set("includeUnpublished", String(v)), u && te(u) && b.searchParams.set("cacheSeconds", String(u)), d && te(d) && b.searchParams.set("staleCacheSeconds", String(d)), y) {
+  if (b.searchParams.set("omit", f || "meta.componentsUsed"), p && b.searchParams.set("fields", p), Number.isFinite(h) && h > -1 && b.searchParams.set("offset", String(Math.floor(h))), typeof x == "boolean" && b.searchParams.set("includeUnpublished", String(x)), u && te(u) && b.searchParams.set("cacheSeconds", String(u)), d && te(d) && b.searchParams.set("staleCacheSeconds", String(d)), y) {
     const w = V({
       sort: y
     });
@@ -1884,7 +1884,7 @@ const un = "v3", ee = "builder.", mn = "options.", fn = (e) => {
       b.searchParams.set(A, JSON.stringify(w[A]));
   }
   const E = {
-    ...hn(),
+    ...pn(),
     ...Ie(e.options || {})
   }, T = V(E);
   for (const w in T)
@@ -1897,7 +1897,7 @@ const un = "v3", ee = "builder.", mn = "options.", fn = (e) => {
       b.searchParams.set(A, JSON.stringify(w[A]));
   }
   return b;
-}, pn = (e) => "results" in e;
+}, gn = (e) => "results" in e;
 async function q(e) {
   const t = await Te({
     ...e,
@@ -1905,53 +1905,49 @@ async function q(e) {
   });
   return t && t[0] || null;
 }
-const io = q, gn = async (e) => {
+const ao = q, bn = async (e) => {
   const t = z(e);
-  return await (await dn(t.href)).json();
-}, bn = async (e, t, n = z(e)) => {
+  return await (await un(t.href)).json();
+}, yn = async (e, t, n = z(e)) => {
   const o = U(e.canTrack);
   if (n.search.includes("preview=")) {
     const r = [];
     for (const a of t.results) {
-      const s = sn(n.searchParams);
+      const s = cn(n.searchParams);
       r.push(s || a);
     }
     t.results = r;
   }
-  if (!o || !(k() || I === "reactNative"))
+  if (!o || !(S() || I === "reactNative"))
     return t.results;
   try {
     const r = [];
     for (const a of t.results)
-      r.push(await $t({
+      r.push(await Wt({
         item: a,
         canTrack: o
       }));
     t.results = r;
   } catch (r) {
-    x.error("Could not process A/B tests. ", r);
+    v.error("Could not process A/B tests. ", r);
   }
   return t.results;
 };
 async function Te(e) {
   try {
-    const t = z(e), n = await gn(e);
-    return pn(n) ? bn(e, n) : (x.error("Error fetching data. ", {
+    const t = z(e), n = await bn(e);
+    return gn(n) ? yn(e, n) : (v.error("Error fetching data. ", {
       url: t,
       content: n,
       options: e
     }), null);
   } catch (t) {
-    return x.error("Error fetching data. ", t), null;
+    return v.error("Error fetching data. ", t), null;
   }
 }
-const ro = Te, yn = ["*.beta.builder.io", "beta.builder.io", "builder.io", "localhost", "qa.builder.io"];
-function Sn(e, t) {
-  const n = new URL(t.origin), o = n.hostname;
-  return (e || yn).findIndex((i) => i.startsWith("*.") ? o.endsWith(i.slice(1)) : i === o) > -1;
-}
-function ao() {
-  return !k() || j() ? !1 : location.search.indexOf("builder.preview=") !== -1;
+const so = Te;
+function co() {
+  return !S() || j() ? !1 : location.search.indexOf("builder.preview=") !== -1;
 }
 function kn() {
   return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(e) {
@@ -1962,7 +1958,7 @@ function kn() {
 function Ee() {
   return kn().replace(/-/g, "");
 }
-const Re = "builderSessionId", vn = async ({
+const Re = "builderSessionId", Sn = async ({
   canTrack: e
 }) => {
   if (!e)
@@ -1974,20 +1970,20 @@ const Re = "builderSessionId", vn = async ({
   if (C(t))
     return t;
   {
-    const n = xn();
-    return Cn({
+    const n = vn();
+    return xn({
       id: n,
       canTrack: e
     }), n;
   }
-}, xn = () => Ee(), Cn = ({
+}, vn = () => Ee(), xn = ({
   id: e,
   canTrack: t
 }) => be({
   name: Re,
   value: e,
   canTrack: t
-}), Ae = () => k() && typeof localStorage < "u" ? localStorage : void 0, wn = ({
+}), Ae = () => S() && typeof localStorage < "u" ? localStorage : void 0, Cn = ({
   key: e,
   canTrack: t
 }) => {
@@ -1998,7 +1994,7 @@ const Re = "builderSessionId", vn = async ({
     console.debug("[LocalStorage] GET error: ", o);
     return;
   }
-}, In = ({
+}, wn = ({
   key: e,
   canTrack: t,
   value: n
@@ -2009,32 +2005,32 @@ const Re = "builderSessionId", vn = async ({
   } catch (i) {
     console.debug("[LocalStorage] SET error: ", i);
   }
-}, Pe = "builderVisitorId", Tn = ({
+}, Pe = "builderVisitorId", In = ({
   canTrack: e
 }) => {
   if (!e)
     return;
-  const t = wn({
+  const t = Cn({
     key: Pe,
     canTrack: e
   });
   if (C(t))
     return t;
   {
-    const n = En();
-    return Rn({
+    const n = Tn();
+    return En({
       id: n,
       canTrack: e
     }), n;
   }
-}, En = () => Ee(), Rn = ({
+}, Tn = () => Ee(), En = ({
   id: e,
   canTrack: t
-}) => In({
+}) => wn({
   key: Pe,
   value: e,
   canTrack: t
-}), An = async ({
+}), Rn = async ({
   canTrack: e
 }) => {
   if (!e)
@@ -2042,16 +2038,16 @@ const Re = "builderSessionId", vn = async ({
       visitorId: void 0,
       sessionId: void 0
     };
-  const t = await vn({
+  const t = await Sn({
     canTrack: e
-  }), n = Tn({
+  }), n = In({
     canTrack: e
   });
   return {
     sessionId: t,
     visitorId: n
   };
-}, Pn = async ({
+}, An = async ({
   type: e,
   canTrack: t,
   apiKey: n,
@@ -2065,23 +2061,23 @@ const Re = "builderSessionId", vn = async ({
       url: location.href,
       ...o
     },
-    ...await An({
+    ...await Rn({
       canTrack: t
     }),
     userAttributes: le(),
     ownerId: n
   }
 });
-async function Bn(e) {
+async function Pn(e) {
   if (!e.apiKey) {
-    x.error("Missing API key for track call. Please provide your API key.");
+    v.error("Missing API key for track call. Please provide your API key.");
     return;
   }
-  if (e.canTrack && !j() && (k() || I === "reactNative"))
+  if (e.canTrack && !j() && (S() || I === "reactNative"))
     return fetch("https://cdn.builder.io/api/v1/track", {
       method: "POST",
       body: JSON.stringify({
-        events: [await Pn(e)]
+        events: [await An(e)]
       }),
       headers: {
         "content-type": "application/json"
@@ -2091,14 +2087,14 @@ async function Bn(e) {
       console.error("Failed to track: ", t);
     });
 }
-const so = (e) => Bn({
+const lo = (e) => Pn({
   ...e,
   canTrack: !0
 });
 function ne(e) {
   return Math.round(e * 1e3) / 1e3;
 }
-const Vn = (e, t, n = !0) => {
+const Bn = (e, t, n = !0) => {
   if (!(e instanceof HTMLElement))
     return null;
   let o = n ? e : e.parentElement;
@@ -2109,7 +2105,7 @@ const Vn = (e, t, n = !0) => {
       return o;
   } while (o = o.parentElement);
   return null;
-}, $n = (e) => Vn(e, (t) => {
+}, Vn = (e) => Bn(e, (t) => {
   const n = t.getAttribute("builder-id") || t.id;
   return (n == null ? void 0 : n.indexOf("builder-")) === 0;
 }), oe = ({
@@ -2121,8 +2117,8 @@ const Vn = (e, t, n = !0) => {
     x: r,
     y: a
   };
-}, co = (e) => {
-  const t = e.target, n = t && $n(t), o = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
+}, uo = (e) => {
+  const t = e.target, n = t && Vn(t), o = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
   return {
     targetBuilderElement: o || void 0,
     metadata: {
@@ -2137,10 +2133,15 @@ const Vn = (e, t, n = !0) => {
       builderElementIndex: n && o ? [].slice.call(document.getElementsByClassName(o)).indexOf(n) : void 0
     }
   };
-}, Wn = "0.12.7", ie = {};
+}, $n = ["*.beta.builder.io", "beta.builder.io", "builder.io", "localhost", "qa.builder.io"];
+function Be(e, t) {
+  const n = new URL(t.origin), o = n.hostname;
+  return (e || $n).findIndex((i) => i.startsWith("*.") ? o.endsWith(i.slice(1)) : i === o) > -1;
+}
+const Wn = "0.13.0", ie = {};
 function On(e, t) {
   let n = ie[e];
-  if (n || (n = ie[e] = []), n.push(t), k()) {
+  if (n || (n = ie[e] = []), n.push(t), S()) {
     const o = {
       type: "builder.register",
       data: {
@@ -2155,7 +2156,7 @@ function On(e, t) {
     }
   }
 }
-const lo = () => {
+const mo = () => {
   On("insertMenu", {
     name: "_default",
     default: !0,
@@ -2179,9 +2180,9 @@ const lo = () => {
   });
 };
 let re = !1;
-const uo = (e = {}) => {
+const Nn = (e = {}) => {
   var t, n;
-  re || (re = !0, k() && ((t = window.parent) == null || t.postMessage({
+  re || (re = !0, S() && ((t = window.parent) == null || t.postMessage({
     type: "builder.sdkInfo",
     data: {
       target: I,
@@ -2199,7 +2200,7 @@ const uo = (e = {}) => {
     }
   }, "*"), window.addEventListener("message", (o) => {
     var r, a;
-    if (!Sn(e.trustedHosts, o))
+    if (!Be(e.trustedHosts, o))
       return;
     const {
       data: i
@@ -2240,6 +2241,51 @@ const uo = (e = {}) => {
         }
       }
   })));
+}, Fn = ({
+  model: e,
+  trustedHosts: t,
+  callbacks: n
+}) => (o) => {
+  if (!Be(t, o))
+    return;
+  const {
+    data: i
+  } = o;
+  if (i)
+    switch (i.type) {
+      case "builder.configureSdk": {
+        n.configureSdk(i.data);
+        break;
+      }
+      case "builder.triggerAnimation": {
+        n.animation(i.data);
+        break;
+      }
+      case "builder.contentUpdate": {
+        const r = i.data, a = r.key || r.alias || r.entry || r.modelName, s = r.data;
+        a === e && n.contentUpdate(s);
+        break;
+      }
+    }
+}, fo = (e, t, n) => {
+  if (!S)
+    return v.warn("`subscribeToEditor` only works in the browser. It currently seems to be running on the server."), () => {
+    };
+  Nn();
+  const o = Fn({
+    callbacks: {
+      contentUpdate: t,
+      animation: () => {
+      },
+      configureSdk: () => {
+      }
+    },
+    model: e,
+    trustedHosts: n == null ? void 0 : n.trustedHosts
+  });
+  return window.addEventListener("message", o), () => {
+    window.removeEventListener("message", o);
+  };
 };
 function ae(e, ...t) {
   const n = Object(e);
@@ -2251,38 +2297,38 @@ function ae(e, ...t) {
   }
   return n;
 }
-const Nn = (e) => e ? e.replace(/([A-Z])/g, (t) => `-${t[0].toLowerCase()}`) : "";
-function Fn(e) {
+const Ln = (e) => e ? e.replace(/([A-Z])/g, (t) => `-${t[0].toLowerCase()}`) : "";
+function Un(e) {
   console.warn(`Cannot animate element: element with ID ${e} not found!`);
 }
-function Ln(e, t) {
-  const n = Un(e), o = getComputedStyle(t), i = e.steps[0].styles, r = e.steps[e.steps.length - 1].styles, a = [i, r];
+function _n(e, t) {
+  const n = Dn(e), o = getComputedStyle(t), i = e.steps[0].styles, r = e.steps[e.steps.length - 1].styles, a = [i, r];
   for (const s of a)
     for (const c of n)
       c in s || (s[c] = o[c]);
 }
-function Un(e) {
+function Dn(e) {
   const t = [];
   for (const n of e.steps)
     for (const o in n.styles)
       t.indexOf(o) === -1 && t.push(o);
   return t;
 }
-function mo(e) {
+function ho(e) {
   const t = Array.prototype.slice.call(document.getElementsByClassName(e.elementId || e.id || ""));
   if (!t.length) {
-    Fn(e.elementId || e.id || "");
+    Un(e.elementId || e.id || "");
     return;
   }
   Array.from(t).forEach((n) => {
-    Ln(e, n), n.style.transition = "none", n.style.transitionDelay = "0", ae(n.style, e.steps[0].styles), setTimeout(() => {
-      n.style.transition = `all ${e.duration}s ${Nn(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s"), ae(n.style, e.steps[1].styles), setTimeout(() => {
+    _n(e, n), n.style.transition = "none", n.style.transitionDelay = "0", ae(n.style, e.steps[0].styles), setTimeout(() => {
+      n.style.transition = `all ${e.duration}s ${Ln(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s"), ae(n.style, e.steps[1].styles), setTimeout(() => {
         n.style.transition = "", n.style.transitionDelay = "";
       }, (e.delay || 0) * 1e3 + e.duration * 1e3 + 100);
     });
   });
 }
-const _n = (e) => {
+const Mn = (e) => {
   var r;
   const t = e.family + (e.kind && !e.kind.includes("#") ? ", " + e.kind : ""), n = t.split(",")[0], o = e.fileUrl ?? ((r = e == null ? void 0 : e.files) == null ? void 0 : r.regular);
   let i = "";
@@ -2308,22 +2354,22 @@ font-weight: ${a};
         `.trim());
     }
   return i;
-}, Dn = ({
+}, jn = ({
   customFonts: e
 }) => {
   var t;
-  return ((t = e == null ? void 0 : e.map((n) => _n(n))) == null ? void 0 : t.join(" ")) || "";
-}, Mn = ({
+  return ((t = e == null ? void 0 : e.map((n) => Mn(n))) == null ? void 0 : t.join(" ")) || "";
+}, Hn = ({
   cssCode: e,
   contentId: t
 }) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "";
-function jn(e) {
+function Kn(e) {
   const t = `
-${Mn({
+${Hn({
     cssCode: e.cssCode,
     contentId: e.contentId
   })}
-${Dn({
+${jn({
     customFonts: e.customFonts
   })}
 
@@ -2346,7 +2392,7 @@ ${Dn({
 `.trim();
   return /* @__PURE__ */ l(O, { styles: t });
 }
-const Hn = ({
+const zn = ({
   content: e,
   data: t,
   locale: n
@@ -2363,7 +2409,7 @@ const Hn = ({
       locale: n
     } : {}
   };
-}, Kn = ({
+}, qn = ({
   content: e,
   data: t
 }) => e ? {
@@ -2376,7 +2422,7 @@ const Hn = ({
 } : void 0;
 function se(e) {
   var i, r, a, s, c, m, g, p, f;
-  const t = on({
+  const t = rn({
     // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
     variationId: (i = e.content) == null ? void 0 : i.testVariationId,
     // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
@@ -2400,12 +2446,12 @@ function se(e) {
     }),
     {}
   ), o = {
-    content: Kn({
+    content: qn({
       content: e.content,
       data: e.data
     }),
     localState: void 0,
-    rootState: Hn({
+    rootState: zn({
       content: e.content,
       data: e.data,
       locale: e.locale
@@ -2435,7 +2481,7 @@ function se(e) {
     BlocksWrapperProps: e.blocksWrapperProps || {}
   };
   return /* @__PURE__ */ R(
-    Ke,
+    ze,
     {
       content: e.content,
       data: e.data,
@@ -2453,9 +2499,9 @@ function se(e) {
       linkComponent: e.linkComponent,
       trustedHosts: e.trustedHosts,
       children: [
-        e.isSsrAbTest ? /* @__PURE__ */ l(S, { children: /* @__PURE__ */ l(D, { scriptStr: t }) }) : null,
-        /* @__PURE__ */ l(S, { children: /* @__PURE__ */ l(
-          jn,
+        e.isSsrAbTest ? /* @__PURE__ */ l(k, { children: /* @__PURE__ */ l(D, { scriptStr: t }) }) : null,
+        /* @__PURE__ */ l(k, { children: /* @__PURE__ */ l(
+          Kn,
           {
             contentId: (a = o.content) == null ? void 0 : a.id,
             cssCode: (c = (s = o.content) == null ? void 0 : s.data) == null ? void 0 : c.cssCode,
@@ -2475,14 +2521,14 @@ function se(e) {
     }
   );
 }
-function Be(e) {
+function Ve(e) {
   var r, a;
-  const t = Zt({
+  const t = en({
     canTrack: U(e.canTrack),
     content: e.content
   }), n = function() {
     var c;
-    return nn(
+    return on(
       B(e.content).map((m) => ({
         id: m.testVariationId,
         testRatio: m.testRatio
@@ -2496,14 +2542,14 @@ function Be(e) {
     return t ? {
       ...e.content,
       testVariationId: (c = e.content) == null ? void 0 : c.id
-    } : Vt({
+    } : $t({
       item: e.content,
       canTrack: U(e.canTrack)
     });
   };
-  return /* @__PURE__ */ R(S, { children: [
-    !e.__isNestedRender && I !== "reactNative" ? /* @__PURE__ */ l(S, { children: /* @__PURE__ */ l(D, { scriptStr: tn() }) }) : null,
-    t ? /* @__PURE__ */ R(S, { children: [
+  return /* @__PURE__ */ R(k, { children: [
+    !e.__isNestedRender && I !== "reactNative" ? /* @__PURE__ */ l(k, { children: /* @__PURE__ */ l(D, { scriptStr: nn() }) }) : null,
+    t ? /* @__PURE__ */ R(k, { children: [
       /* @__PURE__ */ l(
         O,
         {
@@ -2564,7 +2610,7 @@ function Be(e) {
     )
   ] });
 }
-const zn = async ({
+const Gn = async ({
   builderContextValue: e,
   symbol: t
 }) => {
@@ -2580,10 +2626,10 @@ const zn = async ({
         }
       }
     }).catch((n) => {
-      x.error("Could not fetch symbol content: ", n);
+      v.error("Could not fetch symbol content: ", n);
     });
 };
-async function qn(e) {
+async function Jn(e) {
   var o, i, r, a, s;
   const t = function() {
     var m, g;
@@ -2593,12 +2639,12 @@ async function qn(e) {
       (m = e.symbol) != null && m.inline ? "builder-inline-symbol" : void 0,
       (g = e.symbol) != null && g.dynamic || e.dynamic ? "builder-dynamic-symbol" : void 0
     ].filter(Boolean).join(" ");
-  }, n = ((o = e.symbol) == null ? void 0 : o.content) || await zn({
+  }, n = ((o = e.symbol) == null ? void 0 : o.content) || await Gn({
     symbol: e.symbol,
     builderContextValue: e.builderContext
   });
   return /* @__PURE__ */ l("div", { ...e.attributes, className: t(), children: /* @__PURE__ */ l(
-    Be,
+    Ve,
     {
       __isNestedRender: !0,
       apiVersion: e.builderContext.apiVersion,
@@ -2619,9 +2665,9 @@ async function qn(e) {
     }
   ) });
 }
-const fo = F, ho = Be, ce = {};
-function po(e) {
-  if (k()) {
+const po = F, go = Ve, ce = {};
+function bo(e) {
+  if (S()) {
     Object.assign(ce, e);
     const t = {
       type: "builder.settingsChange",
@@ -2630,7 +2676,7 @@ function po(e) {
     parent.postMessage(t, "*");
   }
 }
-const go = async (e) => {
+const yo = async (e) => {
   var o, i, r;
   const t = e.path || ((o = e.url) == null ? void 0 : o.pathname) || ((i = e.userAttributes) == null ? void 0 : i.urlPath), n = {
     ...e,
@@ -2651,43 +2697,44 @@ const go = async (e) => {
   };
 };
 export {
-  bn as A,
+  we as A,
   F as B,
-  Be as C,
-  Te as D,
-  ro as E,
-  io as F,
-  we as G,
-  so as H,
-  go as I,
-  fo as R,
-  qn as S,
-  qt as T,
-  Bn as _,
-  bt as a,
-  eo as b,
+  Ve as C,
+  lo as D,
+  fo as E,
+  yo as F,
+  yn as G,
+  Te as H,
+  so as I,
+  ao as J,
+  po as R,
+  Jn as S,
+  Gt as T,
+  Pn as _,
+  yt as a,
+  no as b,
   j as c,
-  to as d,
-  no as e,
-  k as f,
+  oo as d,
+  io as e,
+  S as f,
   M as g,
   U as h,
-  Zn as i,
-  ao as j,
-  Sn as k,
-  x as l,
+  to as i,
+  co as j,
+  Fn as k,
+  v as l,
   H as m,
-  co as n,
+  uo as n,
   W as o,
-  oo as p,
+  ro as p,
   q,
-  lo as r,
-  uo as s,
-  mo as t,
-  dn as u,
-  an as v,
-  ho as w,
-  kt as x,
+  mo as r,
+  Nn as s,
+  ho as t,
+  un as u,
+  sn as v,
+  go as w,
+  vt as x,
   On as y,
-  po as z
+  bo as z
 };