@builder.io/sdk-vue 0.5.8 → 0.5.9

package/packages/_vue3/dist/{index.953837d2.js → index.ee80c2d7.js}

@@ -1,4 +1,4 @@
-import { defineComponent as g, openBlock as d, createElementBlock as p, mergeProps as $, toHandlers as O, toDisplayString as re, h as ye, resolveComponent as b, createBlock as S, createCommentVNode as v, defineAsyncComponent as F, Fragment as I, renderList as V, withCtx as Z, createVNode as P, normalizeProps as se, guardReactiveProps as De, renderSlot as j, createElementVNode as ie, normalizeStyle as ae, normalizeClass as ke, markRaw as qe } from "vue";
+import { defineComponent as g, openBlock as d, createElementBlock as p, mergeProps as $, toHandlers as O, toDisplayString as re, h as ke, resolveComponent as b, createBlock as S, createCommentVNode as v, defineAsyncComponent as F, Fragment as I, renderList as V, withCtx as Z, createVNode as P, normalizeProps as se, guardReactiveProps as qe, renderSlot as j, createElementVNode as ie, normalizeStyle as ae, normalizeClass as Se, markRaw as Ge } from "vue";
 function L(e = {}, t, n) {
   const o = {};
   for (const r in e) {
@@ -9,7 +9,7 @@ function L(e = {}, t, n) {
   }
   return o;
 }
-const Ge = g({
+const Je = g({
   name: "builder-button",
   props: ["attributes", "text", "link", "openLinkInNewTab"],
   data() {
@@ -32,20 +32,20 @@ const y = (e, t) => {
   for (const [o, r] of t)
     n[o] = r;
   return n;
-}, Je = ["href", "target"];
-function Ye(e, t, n, o, r, i) {
+}, Ye = ["href", "target"];
+function Xe(e, t, n, o, r, i) {
   return e.link ? (d(), p("a", $({
     key: 0,
     role: "button",
     href: e.link,
     target: e.openLinkInNewTab ? "_blank" : void 0
-  }, e.filterAttrs(e.attributes, "v-on:", !1), O(e.filterAttrs(e.attributes, "v-on:", !0), !0)), re(e.text), 17, Je)) : (d(), p("button", $({
+  }, e.filterAttrs(e.attributes, "v-on:", !1), O(e.filterAttrs(e.attributes, "v-on:", !0), !0)), re(e.text), 17, Ye)) : (d(), p("button", $({
     key: 1,
     style: e.attributes.style,
     class: e._classStringToObject(e.attributes.class + " button-21azgz5avex")
   }, e.filterAttrs(e.attributes, "v-on:", !1), O(e.filterAttrs(e.attributes, "v-on:", !0), !0)), re(e.text), 17));
 }
-const Xe = /* @__PURE__ */ y(Ge, [["render", Ye], ["__scopeId", "data-v-ab4af752"]]), _ = (e) => JSON.parse(JSON.stringify(e)), Se = {
+const Qe = /* @__PURE__ */ y(Je, [["render", Xe], ["__scopeId", "data-v-ab4af752"]]), _ = (e) => JSON.parse(JSON.stringify(e)), ve = {
   small: {
     min: 320,
     default: 321,
@@ -61,11 +61,11 @@ const Xe = /* @__PURE__ */ y(Ge, [["render", Ye], ["__scopeId", "data-v-ab4af752
     default: 991,
     max: 1200
   }
-}, le = (e, t = Se) => `@media (max-width: ${t[e].max}px)`, ve = ({
+}, le = (e, t = ve) => `@media (max-width: ${t[e].max}px)`, Ce = ({
   small: e,
   medium: t
 }) => {
-  const n = _(Se);
+  const n = _(ve);
   if (!e || !t)
     return n;
   const o = Math.floor(e / 2);
@@ -95,13 +95,85 @@ const Xe = /* @__PURE__ */ y(Ge, [["render", Ye], ["__scopeId", "data-v-ab4af752
 function C() {
   return typeof window < "u" && typeof document < "u";
 }
-function Qe() {
+function Ze() {
   return C() && window.self !== window.top;
 }
 function A() {
-  return Qe() && window.location.search.indexOf("builder.frameEditing=") !== -1;
+  return Ze() && window.location.search.indexOf("builder.frameEditing=") !== -1;
 }
-function Ce() {
+const et = () => {
+  if (C()) {
+    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;
+}, tt = () => typeof navigator == "object" && navigator.userAgent || "", we = () => {
+  const e = tt(), t = {
+    Android() {
+      return e.match(/Android/i);
+    },
+    BlackBerry() {
+      return e.match(/BlackBerry/i);
+    },
+    iOS() {
+      return e.match(/iPhone|iPod/i);
+    },
+    Opera() {
+      return e.match(/Opera Mini/i);
+    },
+    Windows() {
+      return e.match(/IEMobile/i) || e.match(/WPDesktop/i);
+    },
+    any() {
+      return t.Android() || t.BlackBerry() || t.iOS() || t.Opera() || t.Windows() || B === "reactNative";
+    }
+  }, n = e.match(/Tablet|iPad/i), o = et();
+  return {
+    urlPath: o == null ? void 0 : o.pathname,
+    host: (o == null ? void 0 : o.host) || (o == null ? void 0 : o.hostname),
+    device: n ? "tablet" : t.any() ? "mobile" : "desktop"
+  };
+}, nt = ({
+  builder: e,
+  context: t,
+  event: n,
+  state: o
+}) => Object.entries({
+  state: o,
+  Builder: e,
+  builder: e,
+  context: t,
+  event: n
+}), ce = ({
+  code: e,
+  builder: t,
+  context: n,
+  event: o,
+  localState: r,
+  rootSetState: i,
+  rootState: s
+}) => {
+  const a = nt({
+    builder: t,
+    context: n,
+    event: o,
+    state: ot(s, r, i)
+  });
+  return new Function(...a.map(([l]) => l), e)(...a.map(([, l]) => l));
+};
+function ot(e, t, n) {
+  if (e === t)
+    throw new Error("rootState === localState");
+  return new Proxy(e, {
+    get: (o, r) => t && r in t ? t[r] : e[r],
+    set: (o, r, i) => {
+      if (t && r in t)
+        throw new Error("Writing to local state is not allowed as it is read-only.");
+      return e[r] = i, n == null || n(e), !0;
+    }
+  });
+}
+function $e() {
   const e = () => {
     var t;
     return typeof process < "u" && ((t = process == null ? void 0 : process.versions) == null ? void 0 : t.node);
@@ -109,7 +181,7 @@ function Ce() {
   return !C() && !e();
 }
 let q;
-Ce() && import("./non-node-runtime.814a2495.js").then((e) => {
+$e() && import("./non-node-runtime.15581a63.js").then((e) => {
   q = e.runInNonNode;
 }).catch((e) => {
   const t = "Error importing JS interpreter for non-Node.js runtimes. Make sure `js-interpreter` is installed.\n      Read more here: https://github.com/BuilderIO/builder/tree/main/packages/sdks/README.md#non-nodejs-runtimes-edge-serverless\n      ";
@@ -133,9 +205,10 @@ function W({
   const a = {
     isEditing: A(),
     isBrowser: C(),
-    isServer: !C()
+    isServer: !C(),
+    getUserAttributes: () => we()
   }, u = {
-    useCode: s && !(e.includes(";") || e.includes(" return ") || e.trim().startsWith("return ")) ? `return (${e});` : e,
+    code: s && !(e.includes(";") || e.includes(" return ") || e.trim().startsWith("return ")) ? `return (${e});` : e,
     builder: a,
     context: t,
     event: i,
@@ -143,46 +216,22 @@ function W({
     rootState: o,
     localState: n
   };
-  return C() ? we(u) : Ce() ? q(u) : Ze(u);
-}
-const we = ({
-  useCode: e,
-  builder: t,
-  context: n,
-  event: o,
-  localState: r,
-  rootSetState: i,
-  rootState: s
-}) => {
-  const a = et(s, r, i);
   try {
-    return new Function("builder", "Builder", "state", "context", "event", e)(t, t, a, n, o);
-  } catch (l) {
-    T.warn(`Builder custom code error: 
- While Evaluating: 
- `, e, `
-`, l);
+    return C() ? ce(u) : $e() ? q(u) : ce(u);
+  } catch (h) {
+    T.error("Failed code evaluation: " + h.message, {
+      code: e
+    });
+    return;
   }
-}, Ze = (e) => we(e);
-function et(e, t, n) {
-  if (e === t)
-    throw new Error("rootState === localState");
-  return new Proxy(e, {
-    get: (o, r) => t && r in t ? t[r] : e[r],
-    set: (o, r, i) => {
-      if (t && r in t)
-        throw new Error("Writing to local state is not allowed as it is read-only.");
-      return e[r] = i, n == null || n(e), !0;
-    }
-  });
 }
-const tt = (e, t, n) => {
+const rt = (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((r, i, s) => Object(r[i]) === r[i] ? r[i] : r[i] = Math.abs(Number(o[s + 1])) >> 0 === +o[s + 1] ? [] : {}, e)[o[o.length - 1]] = n, e;
 };
-const nt = ({
+const st = ({
   block: e,
   context: t,
   localState: n,
@@ -208,7 +257,7 @@ const nt = ({
       rootSetState: r,
       context: t
     });
-    tt(s, a, c);
+    rt(s, a, c);
   }
   return s;
 };
@@ -221,7 +270,7 @@ function ee({
   rootSetState: i
 }) {
   const s = e;
-  return n ? nt({
+  return n ? st({
     block: s,
     localState: o,
     rootState: r,
@@ -229,28 +278,28 @@ function ee({
     context: t
   }) : s;
 }
-const ot = (e) => e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase(), E = (e) => e != null, rt = (e) => Object.entries(e).map(([n, o]) => {
+const it = (e) => e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase(), E = (e) => e != null, at = (e) => Object.entries(e).map(([n, o]) => {
   if (typeof o == "string")
-    return `${ot(n)}: ${o};`;
-}).filter(E), st = (e) => rt(e).join(`
+    return `${it(n)}: ${o};`;
+}).filter(E), lt = (e) => at(e).join(`
 `), z = ({
   mediaQuery: e,
   className: t,
   styles: n
 }) => {
   const o = `.${t} {
-    ${st(n)}
+    ${lt(n)}
   }`;
   return e ? `${e} {
       ${o}
     }` : o;
 }, K = g({
   render() {
-    return ye("style", { id: this.id, innerHTML: this.styles });
+    return ke("style", { id: this.id, innerHTML: this.styles });
   },
   name: "inlined-styles",
   props: ["styles", "id"]
-}), it = g({
+}), ct = g({
   name: "block-styles",
   components: { InlinedStyles: K },
   props: ["block", "context"],
@@ -273,7 +322,7 @@ const ot = (e) => e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase
     },
     css() {
       var u;
-      const e = this.processedBlock.responsiveStyles, t = this.context.content, n = ve(
+      const e = this.processedBlock.responsiveStyles, t = this.context.content, n = Ce(
         ((u = t == null ? void 0 : t.meta) == null ? void 0 : u.breakpoints) || {}
       ), o = e == null ? void 0 : e.large, r = e == null ? void 0 : e.medium, i = e == null ? void 0 : e.small, s = this.processedBlock.id;
       if (!s)
@@ -300,18 +349,18 @@ const ot = (e) => e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase
     }
   }
 });
-function at(e, t, n, o, r, i) {
+function dt(e, t, n, o, r, i) {
   const s = b("inlined-styles");
   return e.TARGET !== "reactNative" && e.css && e.canShowBlock ? (d(), S(s, {
     key: 0,
     styles: e.css
   }, null, 8, ["styles"])) : v("", !0);
 }
-const $e = /* @__PURE__ */ y(it, [["render", at]]), lt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Te = /* @__PURE__ */ y(ct, [["render", dt]]), ut = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: $e
+  default: Te
 }, Symbol.toStringTag, { value: "Module" }));
-function ct(e) {
+function pt(e) {
   var t;
   return {
     ...(t = e.component) == null ? void 0 : t.options,
@@ -319,7 +368,7 @@ function ct(e) {
     builderBlock: e
   };
 }
-const dt = ["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"], ut = (e) => typeof e == "string" && dt.includes(e.toLowerCase()), pt = ({
+const mt = ["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"], ht = (e) => typeof e == "string" && mt.includes(e.toLowerCase()), ft = ({
   block: e,
   context: t,
   registeredComponents: n
@@ -341,7 +390,7 @@ const dt = ["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen"
   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?`);
-}, mt = ({
+}, gt = ({
   block: e,
   context: t
 }) => {
@@ -374,48 +423,48 @@ const dt = ["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen"
     },
     block: o
   }));
-}, ht = () => Promise.resolve().then(() => lt).then((e) => e.default).catch((e) => {
+}, bt = () => Promise.resolve().then(() => ut).then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component BlockStyles at ./components/block-styles.vue",
     e
   ), e;
-}), ft = () => import("./repeated-block.f409b451.js").then((e) => e.default).catch((e) => {
+}), yt = () => import("./repeated-block.53ae8c41.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component RepeatedBlock at ./components/repeated-block.vue",
     e
   ), e;
-}), gt = () => import("./component-ref.5b93cf21.js").then((e) => e.default).catch((e) => {
+}), kt = () => import("./component-ref.b3232d22.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component ComponentRef at ./components/component-ref/component-ref.vue",
     e
   ), e;
-}), bt = () => import("./block-wrapper.c8ec3e80.js").then((e) => e.default).catch((e) => {
+}), St = () => import("./block-wrapper.e6a959ca.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component BlockWrapper at ./components/block-wrapper.vue",
     e
   ), e;
-}), yt = g({
+}), vt = g({
   name: "block",
   components: {
-    ComponentRef: F(gt),
-    BlockWrapper: F(bt),
-    RepeatedBlock: F(ft),
-    BlockStyles: F(ht)
+    ComponentRef: F(kt),
+    BlockWrapper: F(St),
+    RepeatedBlock: F(yt),
+    BlockStyles: F(bt)
   },
   props: ["block", "context", "registeredComponents"],
   data() {
-    return { childrenContext: this.context, isEmptyHtmlElement: ut };
+    return { childrenContext: this.context, isEmptyHtmlElement: ht };
   },
   computed: {
     blockComponent() {
-      return pt({
+      return ft({
         block: this.block,
         context: this.context,
         registeredComponents: this.registeredComponents
       });
     },
     repeatItem() {
-      return mt({
+      return gt({
         block: this.block,
         context: this.context
       });
@@ -446,7 +495,7 @@ const dt = ["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen"
         blockChildren: (e = this.processedBlock.children) != null ? e : [],
         componentRef: (t = this.blockComponent) == null ? void 0 : t.component,
         componentOptions: {
-          ...ct(this.processedBlock),
+          ...pt(this.processedBlock),
           builderContext: this.context,
           ...((n = this.blockComponent) == null ? void 0 : n.name) === "Symbol" || ((o = this.blockComponent) == null ? void 0 : o.name) === "Columns" ? {
             builderComponents: this.registeredComponents
@@ -461,7 +510,7 @@ const dt = ["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen"
     }
   }
 });
-function kt(e, t, n, o, r, i) {
+function Ct(e, t, n, o, r, i) {
   var h;
   const s = b("block-wrapper"), a = b("repeated-block"), l = b("component-ref"), c = b("block", !0), u = b("block-styles");
   return e.canShowBlock ? (d(), p(I, { key: 0 }, [
@@ -487,7 +536,7 @@ function kt(e, t, n, o, r, i) {
         hasChildren: !0
       }, {
         default: Z(() => [
-          P(l, se(De(e.componentRefProps)), null, 16),
+          P(l, se(qe(e.componentRefProps)), null, 16),
           (d(!0), p(I, null, V(e.childrenWithoutParentComponent, (m, f) => (d(), S(c, {
             key: "block-" + m.id,
             block: m,
@@ -505,10 +554,10 @@ function kt(e, t, n, o, r, i) {
     ], 64))
   ], 64)) : v("", !0);
 }
-const Te = /* @__PURE__ */ y(yt, [["render", kt]]), qo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Ie = /* @__PURE__ */ y(vt, [["render", Ct]]), qo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Te
-}, Symbol.toStringTag, { value: "Module" })), St = g({
+  default: Ie
+}, Symbol.toStringTag, { value: "Module" })), wt = g({
   name: "builder-blocks-wrapper",
   props: ["blocks", "parent", "path", "styleProp"],
   computed: {
@@ -555,8 +604,8 @@ const Te = /* @__PURE__ */ y(yt, [["render", kt]]), qo = /* @__PURE__ */ Object.
     }
   }
 });
-const vt = ["builder-path", "builder-parent-id"];
-function Ct(e, t, n, o, r, i) {
+const $t = ["builder-path", "builder-parent-id"];
+function Tt(e, t, n, o, r, i) {
   return d(), p("div", $({
     class: e._classStringToObject(e.className + " div-178o76acnws"),
     "builder-path": e.path,
@@ -567,9 +616,9 @@ function Ct(e, t, n, o, r, i) {
     onKeypress: t[2] || (t[2] = (s) => e.onClick())
   }, {}), [
     j(e.$slots, "default", {}, void 0, !0)
-  ], 16, vt);
+  ], 16, $t);
 }
-const wt = /* @__PURE__ */ y(St, [["render", Ct], ["__scopeId", "data-v-4d6a880e"]]), $t = Symbol(), G = {
+const It = /* @__PURE__ */ y(wt, [["render", Tt], ["__scopeId", "data-v-4d6a880e"]]), Rt = Symbol(), G = {
   Builder: {
     content: null,
     context: {},
@@ -582,16 +631,16 @@ const wt = /* @__PURE__ */ y(St, [["render", Ct], ["__scopeId", "data-v-4d6a880e
     componentInfos: {},
     inheritedStyles: {}
   },
-  key: $t
-}, Tt = Symbol(), Ie = {
+  key: Rt
+}, xt = Symbol(), Re = {
   Components: { registeredComponents: {} },
-  key: Tt
-}, It = g({
+  key: xt
+}, Et = g({
   name: "builder-blocks",
   components: {
-    BlocksWrapper: wt,
-    Block: Te,
-    BlockStyles: $e
+    BlocksWrapper: It,
+    Block: Ie,
+    BlockStyles: Te
   },
   props: [
     "blocks",
@@ -603,10 +652,10 @@ const wt = /* @__PURE__ */ y(St, [["render", Ct], ["__scopeId", "data-v-4d6a880e
   ],
   inject: {
     builderContext: G.key,
-    componentsContext: Ie.key
+    componentsContext: Re.key
   }
 });
-function Rt(e, t, n, o, r, i) {
+function At(e, t, n, o, r, i) {
   const s = b("block"), a = b("block-styles"), l = b("blocks-wrapper");
   return d(), S(l, {
     blocks: e.blocks,
@@ -630,7 +679,7 @@ function Rt(e, t, n, o, r, i) {
     _: 1
   }, 8, ["blocks", "parent", "path", "styleProp"]);
 }
-const te = /* @__PURE__ */ y(It, [["render", Rt]]), xt = g({
+const te = /* @__PURE__ */ y(Et, [["render", At]]), Bt = g({
   name: "builder-columns",
   components: { InlinedStyles: K, Blocks: te },
   props: [
@@ -736,7 +785,7 @@ const te = /* @__PURE__ */ y(It, [["render", Rt]]), xt = g({
     },
     getWidthForBreakpointSize(e) {
       var n, o;
-      return ve(
+      return Ce(
         ((o = (n = this.builderContext.content) == null ? void 0 : n.meta) == null ? void 0 : o.breakpoints) || {}
       )[e].max;
     },
@@ -751,7 +800,7 @@ const te = /* @__PURE__ */ y(It, [["render", Rt]]), xt = g({
     }
   }
 });
-function Et(e, t, n, o, r, i) {
+function Vt(e, t, n, o, r, i) {
   const s = b("inlined-styles"), a = b("blocks");
   return d(), p("div", $({
     class: e._classStringToObject(
@@ -781,32 +830,32 @@ function Et(e, t, n, o, r, i) {
     ], 16))), 128))
   ], 16);
 }
-const At = /* @__PURE__ */ y(xt, [["render", Et], ["__scopeId", "data-v-c37bdfa8"]]), Bt = g({
+const Pt = /* @__PURE__ */ y(Bt, [["render", Vt], ["__scopeId", "data-v-c37bdfa8"]]), Nt = g({
   name: "builder-fragment-component",
   props: []
 });
-function Vt(e, t, n, o, r, i) {
+function jt(e, t, n, o, r, i) {
   return d(), p("span", null, [
     j(e.$slots, "default")
   ]);
 }
-const Pt = /* @__PURE__ */ y(Bt, [["render", Vt]]);
-function ce(e) {
+const Ot = /* @__PURE__ */ y(Nt, [["render", jt]]);
+function de(e) {
   return e.replace(/http(s)?:/, "");
 }
-function Nt(e = "", t, n) {
+function _t(e = "", t, n) {
   const o = new RegExp("([?&])" + t + "=.*?(&|$)", "i"), r = e.indexOf("?") !== -1 ? "&" : "?";
   return e.match(o) ? e.replace(o, "$1" + t + "=" + encodeURIComponent(n) + "$2") : e + r + t + "=" + encodeURIComponent(n);
 }
-function jt(e, t) {
+function Ft(e, t) {
   if (!e || !(e != null && e.match(/cdn\.shopify\.com/)) || !t)
     return e;
   if (t === "master")
-    return ce(e);
+    return de(e);
   const n = e.match(/(_\d+x(\d+)?)?(\.(jpg|jpeg|gif|png|bmp|bitmap|tiff|tif)(\?v=\d+)?)/i);
   if (n) {
     const o = e.split(n[0]), r = n[3], i = t.match("x") ? t : `${t}x`;
-    return ce(`${o[0]}_${i}${r}`);
+    return de(`${o[0]}_${i}${r}`);
   }
   return null;
 }
@@ -817,11 +866,11 @@ function D(e) {
   if (e.match(/builder\.io/)) {
     let n = e;
     const o = Number(e.split("?width=")[1]);
-    return isNaN(o) || (n = `${n} ${o}w`), t.filter((r) => r !== o).map((r) => `${Nt(e, "width", r)} ${r}w`).concat([n]).join(", ");
+    return isNaN(o) || (n = `${n} ${o}w`), t.filter((r) => r !== o).map((r) => `${_t(e, "width", r)} ${r}w`).concat([n]).join(", ");
   }
-  return e.match(/cdn\.shopify\.com/) ? t.map((n) => [jt(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) => [Ft(e, `${n}x${n}`), n]).filter(([n]) => !!n).map(([n, o]) => `${n} ${o}w`).concat([e]).join(", ") : e;
 }
-const Ot = g({
+const Ut = g({
   name: "builder-image",
   props: [
     "image",
@@ -877,11 +926,11 @@ const Ot = g({
     }
   }
 });
-const _t = ["srcset"], Ft = ["alt", "role", "src", "srcset", "sizes"], Ut = {
+const Mt = ["srcset"], Wt = ["alt", "role", "src", "srcset", "sizes"], Lt = {
   key: 2,
   class: "div-1be3j8m9ewb-2"
 };
-function Mt(e, t, n, o, r, i) {
+function Kt(e, t, n, o, r, i) {
   var s, a, l, c;
   return d(), p(I, null, [
     ie("picture", null, [
@@ -889,7 +938,7 @@ function Mt(e, t, n, o, r, i) {
         key: 0,
         type: "image/webp",
         srcset: e.webpSrcSet
-      }, null, 8, _t)) : v("", !0),
+      }, null, 8, Mt)) : v("", !0),
       ie("img", {
         loading: "lazy",
         alt: e.altText,
@@ -899,7 +948,7 @@ function Mt(e, t, n, o, r, i) {
           objectFit: e.backgroundSize || "cover",
           ...e.aspectRatioCss
         }),
-        class: ke(
+        class: Se(
           e._classStringToObject(
             "builder-image" + (e.className ? " " + e.className : "") + " img-1be3j8m9ewb"
           )
@@ -907,7 +956,7 @@ function Mt(e, t, n, o, r, i) {
         src: e.image,
         srcset: e.srcSetToUse,
         sizes: e.sizes
-      }, null, 14, Ft)
+      }, null, 14, Wt)
     ]),
     e.aspectRatio && !(((a = (s = e.builderBlock) == null ? void 0 : s.children) == null ? void 0 : a.length) && e.fitContent) ? (d(), p("div", {
       key: 0,
@@ -917,19 +966,19 @@ function Mt(e, t, n, o, r, i) {
       })
     }, null, 4)) : v("", !0),
     ((c = (l = e.builderBlock) == null ? void 0 : l.children) == null ? void 0 : c.length) && e.fitContent ? j(e.$slots, "default", { key: 1 }, void 0, !0) : v("", !0),
-    !e.fitContent && e.$slots.default ? (d(), p("div", Ut, [
+    !e.fitContent && e.$slots.default ? (d(), p("div", Lt, [
       j(e.$slots, "default", {}, void 0, !0)
     ])) : v("", !0)
   ], 64);
 }
-const Wt = /* @__PURE__ */ y(Ot, [["render", Mt], ["__scopeId", "data-v-22a5a139"]]), Lt = g({
+const Ht = /* @__PURE__ */ y(Ut, [["render", Kt], ["__scopeId", "data-v-22a5a139"]]), zt = g({
   name: "builder-section-component",
   props: ["attributes", "maxWidth"],
   data() {
     return { filterAttrs: L };
   }
 });
-function Kt(e, t, n, o, r, i) {
+function Dt(e, t, n, o, r, i) {
   return d(), p("section", $({
     style: {
       width: "100%",
@@ -947,15 +996,15 @@ function Kt(e, t, n, o, r, i) {
     j(e.$slots, "default")
   ], 16);
 }
-const Ht = /* @__PURE__ */ y(Lt, [["render", Kt]]), M = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
+const qt = /* @__PURE__ */ y(zt, [["render", Dt]]), M = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
   ...t,
   testVariationId: t.id,
   id: e == null ? void 0 : e.id
-})), zt = ({
+})), Gt = ({
   canTrack: e,
   content: t
 }) => !(!(M(t).length > 0) || !e);
-function Dt(e, t, n) {
+function Jt(e, t, n) {
   var s;
   function o() {
     function a(k, w, x) {
@@ -1002,7 +1051,7 @@ function Dt(e, t, n) {
     i.innerHTML = a;
   }
 }
-function qt(e, t, n) {
+function Yt(e, t, n) {
   var l;
   if (!navigator.cookieEnabled)
     return;
@@ -1027,18 +1076,18 @@ function qt(e, t, n) {
     return;
   }
 }
-const Gt = (e) => e === "react" || e === "reactNative", Re = Gt(B), xe = "builderIoAbTest", Ee = "builderIoRenderContent", Jt = () => {
-  const e = Dt.toString().replace(/\s+/g, " "), t = qt.toString().replace(/\s+/g, " ");
+const Xt = (e) => e === "react" || e === "reactNative", xe = Xt(B), Ee = "builderIoAbTest", Ae = "builderIoRenderContent", Qt = () => {
+  const e = Jt.toString().replace(/\s+/g, " "), t = Yt.toString().replace(/\s+/g, " ");
   return `
-  window.${xe} = ${e}
-  window.${Ee} = ${t}
+  window.${Ee} = ${e}
+  window.${Ae} = ${t}
   `;
-}, Yt = (e, t) => `
-  window.${xe}("${t}",${JSON.stringify(e)}, ${Re})`, Xt = ({
+}, Zt = (e, t) => `
+  window.${Ee}("${t}",${JSON.stringify(e)}, ${xe})`, en = ({
   contentId: e,
   variationId: t
 }) => `
-  window.${Ee}("${t}", "${e}", ${Re})`, Qt = {
+  window.${Ae}("${t}", "${e}", ${xe})`, tn = {
   name: "Core:Button",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",
   defaultStyles: {
@@ -1070,7 +1119,7 @@ const Gt = (e) => e === "react" || e === "reactNative", Re = Gt(B), xe = "builde
   }],
   static: !0,
   noWrap: !0
-}, Zt = {
+}, nn = {
   name: "Columns",
   isRSC: !0,
   inputs: [{
@@ -1270,13 +1319,13 @@ const Gt = (e) => e === "react" || e === "reactNative", Re = Gt(B), xe = "builde
     helperText: "When stacking columns for mobile devices, reverse the ordering",
     advanced: !0
   }]
-}, en = {
+}, on = {
   name: "Fragment",
   static: !0,
   hidden: !0,
   canHaveChildren: !0,
   noWrap: !0
-}, tn = {
+}, rn = {
   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",
@@ -1376,7 +1425,7 @@ const Gt = (e) => e === "react" || e === "reactNative", Re = Gt(B), xe = "builde
     advanced: !0,
     defaultValue: 0.7041
   }]
-}, nn = {
+}, sn = {
   name: "Core:Section",
   static: !0,
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F682efef23ace49afac61748dd305c70a",
@@ -1415,7 +1464,7 @@ const Gt = (e) => e === "react" || e === "reactNative", Re = Gt(B), xe = "builde
       }
     }
   }]
-}, on = {
+}, an = {
   name: "Symbol",
   noWrap: !0,
   static: !0,
@@ -1448,7 +1497,7 @@ const Gt = (e) => e === "react" || e === "reactNative", Re = Gt(B), xe = "builde
     hideFromUI: !0,
     type: "boolean"
   }]
-}, rn = {
+}, ln = {
   name: "Text",
   static: !0,
   isRSC: !0,
@@ -1466,11 +1515,11 @@ const Gt = (e) => e === "react" || e === "reactNative", Re = Gt(B), xe = "builde
     height: "auto",
     textAlign: "center"
   }
-}, sn = g({
+}, cn = g({
   name: "builder-text",
   props: ["text"]
-}), an = ["innerHTML"];
-function ln(e, t, n, o, r, i) {
+}), dn = ["innerHTML"];
+function un(e, t, n, o, r, i) {
   var s;
   return d(), p("span", $({
     class: "builder-text",
@@ -1478,9 +1527,9 @@ function ln(e, t, n, o, r, i) {
     style: {
       outline: "none"
     }
-  }, {}), null, 16, an);
+  }, {}), null, 16, dn);
 }
-const cn = /* @__PURE__ */ y(sn, [["render", ln]]), dn = {
+const pn = /* @__PURE__ */ y(cn, [["render", un]]), mn = {
   name: "Video",
   canHaveChildren: !0,
   defaultStyles: {
@@ -1561,7 +1610,7 @@ const cn = /* @__PURE__ */ y(sn, [["render", ln]]), dn = {
     defaultValue: !0,
     advanced: !0
   }]
-}, un = g({
+}, hn = g({
   name: "builder-video",
   props: [
     "autoPlay",
@@ -1603,8 +1652,8 @@ const cn = /* @__PURE__ */ y(sn, [["render", ln]]), dn = {
       };
     }
   }
-}), pn = ["preload", "src", "poster"];
-function mn(e, t, n, o, r, i) {
+}), fn = ["preload", "src", "poster"];
+function gn(e, t, n, o, r, i) {
   var s;
   return d(), p("video", $({
     preload: e.preload || "metadata",
@@ -1618,9 +1667,9 @@ function mn(e, t, n, o, r, i) {
     },
     src: e.video || "no-src",
     poster: e.posterImage
-  }, e.spreadProps), null, 16, pn);
+  }, e.spreadProps), null, 16, fn);
 }
-const hn = /* @__PURE__ */ y(un, [["render", mn]]), fn = {
+const bn = /* @__PURE__ */ y(hn, [["render", gn]]), yn = {
   name: "Embed",
   static: !0,
   inputs: [{
@@ -1645,7 +1694,7 @@ const hn = /* @__PURE__ */ y(un, [["render", mn]]), fn = {
     defaultValue: '<div style="padding: 20px; text-align: center">(Choose an embed URL)<div>',
     hideFromUI: !0
   }]
-}, gn = ["text/javascript", "application/javascript", "application/ecmascript"], bn = (e) => gn.includes(e.type), yn = g({
+}, kn = ["text/javascript", "application/javascript", "application/ecmascript"], Sn = (e) => kn.includes(e.type), vn = g({
   name: "builder-embed",
   props: ["content"],
   data() {
@@ -1678,7 +1727,7 @@ const hn = /* @__PURE__ */ y(un, [["render", mn]]), fn = {
           this.scriptsInserted.push(n.src);
           const o = document.createElement("script");
           o.async = !0, o.src = n.src, document.head.appendChild(o);
-        } else if (bn(n) && !this.scriptsRun.includes(n.innerText))
+        } else if (Sn(n) && !this.scriptsRun.includes(n.innerText))
           try {
             this.scriptsRun.push(n.innerText), new Function(n.innerText)();
           } catch (o) {
@@ -1687,15 +1736,15 @@ const hn = /* @__PURE__ */ y(un, [["render", mn]]), fn = {
       }
     }
   }
-}), kn = ["innerHTML"];
-function Sn(e, t, n, o, r, i) {
+}), Cn = ["innerHTML"];
+function wn(e, t, n, o, r, i) {
   return d(), p("div", {
     class: "builder-embed",
     ref: "elem",
     innerHTML: e.content
-  }, null, 8, kn);
+  }, null, 8, Cn);
 }
-const vn = /* @__PURE__ */ y(yn, [["render", Sn]]), Cn = g({
+const $n = /* @__PURE__ */ y(vn, [["render", wn]]), Tn = g({
   name: "builder-img-component",
   props: [
     "backgroundSize",
@@ -1708,8 +1757,8 @@ const vn = /* @__PURE__ */ y(yn, [["render", Sn]]), Cn = g({
   data() {
     return { isEditing: A, filterAttrs: L };
   }
-}), wn = ["alt", "src"];
-function $n(e, t, n, o, r, i) {
+}), In = ["alt", "src"];
+function Rn(e, t, n, o, r, i) {
   return d(), p("img", $({
     style: {
       objectFit: e.backgroundSize || "cover",
@@ -1718,9 +1767,9 @@ function $n(e, t, n, o, r, i) {
     key: e.isEditing() && e.imgSrc || "default-key",
     alt: e.altText,
     src: e.imgSrc || e.image
-  }, e.filterAttrs(e.attributes, "v-on:", !1), O(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, wn);
+  }, e.filterAttrs(e.attributes, "v-on:", !1), O(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, In);
 }
-const Tn = /* @__PURE__ */ y(Cn, [["render", $n]]), In = {
+const xn = /* @__PURE__ */ y(Tn, [["render", Rn]]), En = {
   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",
@@ -1733,7 +1782,7 @@ const Tn = /* @__PURE__ */ y(Cn, [["render", $n]]), In = {
   }],
   noWrap: !0,
   static: !0
-}, Rn = g({
+}, An = g({
   name: "builder-custom-code",
   props: ["replaceNodes", "code"],
   data() {
@@ -1780,19 +1829,19 @@ const Tn = /* @__PURE__ */ y(Cn, [["render", $n]]), In = {
       return t;
     }
   }
-}), xn = ["innerHTML"];
-function En(e, t, n, o, r, i) {
+}), Bn = ["innerHTML"];
+function Vn(e, t, n, o, r, i) {
   return d(), p("div", {
     ref: "elem",
-    class: ke(
+    class: Se(
       e._classStringToObject(
         "builder-custom-code" + (e.replaceNodes ? " replace-nodes" : "")
       )
     ),
     innerHTML: e.code
-  }, null, 10, xn);
+  }, null, 10, Bn);
 }
-const An = /* @__PURE__ */ y(Rn, [["render", En]]), Bn = {
+const Pn = /* @__PURE__ */ y(An, [["render", Vn]]), Nn = {
   name: "Custom Code",
   static: !0,
   requiredPermissions: ["editCode"],
@@ -1814,55 +1863,55 @@ const An = /* @__PURE__ */ y(Rn, [["render", En]]), Bn = {
     helperText: "Only print and run scripts on the client. Important when scripts influence DOM that could be replaced when client loads",
     advanced: !0
   }]
-}, de = () => [{
-  component: Xe,
-  ...Qt
+}, ue = () => [{
+  component: Qe,
+  ...tn
 }, {
-  component: At,
-  ...Zt
+  component: Pt,
+  ...nn
 }, {
-  component: An,
-  ...Bn
+  component: Pn,
+  ...Nn
 }, {
-  component: vn,
-  ...fn
+  component: $n,
+  ...yn
 }, {
-  component: Pt,
-  ...en
+  component: Ot,
+  ...on
 }, {
-  component: Wt,
-  ...tn
+  component: Ht,
+  ...rn
 }, {
-  component: Tn,
-  ...In
+  component: xn,
+  ...En
 }, {
-  component: Ht,
-  ...nn
+  component: qt,
+  ...sn
 }, {
   component: zo,
-  ...on
+  ...an
 }, {
-  component: cn,
-  ...rn
+  component: pn,
+  ...ln
 }, {
-  component: hn,
-  ...dn
-}], ue = [], Vn = (e) => ({
+  component: bn,
+  ...mn
+}], pe = [], jn = (e) => ({
   type: "builder.registerComponent",
   data: J(e)
-}), Pn = (e) => {
+}), On = (e) => {
   const t = e.toString().trim();
   return `return (${!t.startsWith("function") && !t.startsWith("(") ? "function " : ""}${t}).apply(this, arguments)`;
-}, Nn = (e) => typeof e == "function" ? Pn(e) : _(e), J = ({
+}, _n = (e) => typeof e == "function" ? On(e) : _(e), J = ({
   inputs: e,
   ...t
 }) => ({
   ..._(t),
   inputs: e == null ? void 0 : e.map((n) => Object.entries(n).reduce((o, [r, i]) => ({
     ...o,
-    [r]: Nn(i)
+    [r]: _n(i)
   }), {}))
-}), jn = (e) => {
+}), Fn = (e) => {
   var i, s;
   const t = e.family + (e.kind && !e.kind.includes("#") ? ", " + e.kind : ""), n = t.split(",")[0], o = (s = e.fileUrl) != null ? s : (i = e == null ? void 0 : e.files) == null ? void 0 : i.regular;
   let r = "";
@@ -1888,26 +1937,26 @@ font-weight: ${a};
         `.trim());
     }
   return r;
-}, On = ({
+}, Un = ({
   customFonts: e
 }) => {
   var t;
-  return ((t = e == null ? void 0 : e.map((n) => jn(n))) == null ? void 0 : t.join(" ")) || "";
-}, _n = ({
+  return ((t = e == null ? void 0 : e.map((n) => Fn(n))) == null ? void 0 : t.join(" ")) || "";
+}, Mn = ({
   cssCode: e,
   contentId: t
-}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", Fn = g({
+}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", Wn = g({
   name: "content-styles",
   components: { InlinedStyles: K },
   props: ["cssCode", "contentId", "customFonts"],
   data() {
     return {
       injectedStyles: `
-${_n({
+${Mn({
         cssCode: this.cssCode,
         contentId: this.contentId
       })}
-${On({
+${Un({
         customFonts: this.customFonts
       })}
 
@@ -1927,11 +1976,11 @@ ${On({
     };
   }
 });
-function Un(e, t, n, o, r, i) {
+function Ln(e, t, n, o, r, i) {
   const s = b("inlined-styles");
   return d(), S(s, { styles: e.injectedStyles }, null, 8, ["styles"]);
 }
-const Mn = /* @__PURE__ */ y(Fn, [["render", Un]]), Wn = ({
+const Kn = /* @__PURE__ */ y(Wn, [["render", Ln]]), Hn = ({
   content: e,
   data: t,
   locale: n
@@ -1953,7 +2002,7 @@ const Mn = /* @__PURE__ */ y(Fn, [["render", Un]]), Wn = ({
     ...o,
     ...r
   };
-}, Ln = ({
+}, zn = ({
   content: e,
   data: t
 }) => e ? {
@@ -1964,22 +2013,22 @@ const Mn = /* @__PURE__ */ y(Fn, [["render", Un]]), Wn = ({
   },
   meta: e == null ? void 0 : e.meta
 } : void 0;
-function Kn() {
+function Dn() {
   return typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : globalThis;
 }
-function Hn() {
-  const e = Kn().fetch;
+function qn() {
+  const e = Dn().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 Ae = Hn(), zn = (e) => {
+const Be = qn(), Gn = (e) => {
   if (e === "localhost" || e === "127.0.0.1")
     return e;
   const t = e.split(".");
   return t.length > 2 ? t.slice(1).join(".") : e;
-}, Be = ({
+}, Ve = ({
   name: e,
   canTrack: t
 }) => {
@@ -1990,14 +2039,14 @@ const Ae = Hn(), zn = (e) => {
     T.warn("[COOKIE] GET error: ", (o == null ? void 0 : o.message) || o);
     return;
   }
-}, Ve = async (e) => Be(e), Dn = (e) => e.map(([t, n]) => n ? `${t}=${n}` : t).filter(E).join("; "), qn = [["secure", ""], ["SameSite", "None"]], Gn = ({
+}, Pe = async (e) => Ve(e), Jn = (e) => e.map(([t, n]) => n ? `${t}=${n}` : t).filter(E).join("; "), Yn = [["secure", ""], ["SameSite", "None"]], Xn = ({
   name: e,
   value: t,
   expires: n
 }) => {
-  const r = (C() ? location.protocol === "https:" : !0) ? qn : [[]], i = n ? [["expires", n.toUTCString()]] : [[]], s = [[e, t], ...i, ["path", "/"], ["domain", zn(window.location.hostname)], ...r];
-  return Dn(s);
-}, Pe = async ({
+  const r = (C() ? location.protocol === "https:" : !0) ? Yn : [[]], i = n ? [["expires", n.toUTCString()]] : [[]], s = [[e, t], ...i, ["path", "/"], ["domain", Gn(window.location.hostname)], ...r];
+  return Jn(s);
+}, Ne = async ({
   name: e,
   value: t,
   expires: n,
@@ -2006,7 +2055,7 @@ const Ae = Hn(), zn = (e) => {
   try {
     if (!o)
       return;
-    const r = Gn({
+    const r = Xn({
       name: e,
       value: t,
       expires: n
@@ -2016,120 +2065,88 @@ const Ae = Hn(), zn = (e) => {
     T.warn("[COOKIE] SET error: ", (r == null ? void 0 : r.message) || r);
   }
 };
-function Jn() {
+function Qn() {
   return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(e) {
     const t = Math.random() * 16 | 0;
     return (e == "x" ? t : t & 3 | 8).toString(16);
   });
 }
-function Ne() {
-  return Jn().replace(/-/g, "");
+function je() {
+  return Qn().replace(/-/g, "");
 }
-const je = "builderSessionId", Yn = async ({
+const Oe = "builderSessionId", Zn = async ({
   canTrack: e
 }) => {
   if (!e)
     return;
-  const t = await Ve({
-    name: je,
+  const t = await Pe({
+    name: Oe,
     canTrack: e
   });
   if (E(t))
     return t;
   {
-    const n = Xn();
-    return Qn({
+    const n = eo();
+    return to({
       id: n,
       canTrack: e
     }), n;
   }
-}, Xn = () => Ne(), Qn = ({
+}, eo = () => je(), to = ({
   id: e,
   canTrack: t
-}) => Pe({
-  name: je,
+}) => Ne({
+  name: Oe,
   value: e,
   canTrack: t
-}), Oe = () => C() && typeof localStorage < "u" ? localStorage : void 0, Zn = ({
+}), _e = () => C() && typeof localStorage < "u" ? localStorage : void 0, no = ({
   key: e,
   canTrack: t
 }) => {
   var n;
   try {
-    return t ? (n = Oe()) == null ? void 0 : n.getItem(e) : void 0;
+    return t ? (n = _e()) == null ? void 0 : n.getItem(e) : void 0;
   } catch (o) {
     console.debug("[LocalStorage] GET error: ", o);
     return;
   }
-}, eo = ({
+}, oo = ({
   key: e,
   canTrack: t,
   value: n
 }) => {
   var o;
   try {
-    t && ((o = Oe()) == null || o.setItem(e, n));
+    t && ((o = _e()) == null || o.setItem(e, n));
   } catch (r) {
     console.debug("[LocalStorage] SET error: ", r);
   }
-}, _e = "builderVisitorId", to = ({
+}, Fe = "builderVisitorId", ro = ({
   canTrack: e
 }) => {
   if (!e)
     return;
-  const t = Zn({
-    key: _e,
+  const t = no({
+    key: Fe,
     canTrack: e
   });
   if (E(t))
     return t;
   {
-    const n = no();
-    return oo({
+    const n = so();
+    return io({
       id: n,
       canTrack: e
     }), n;
   }
-}, no = () => Ne(), oo = ({
+}, so = () => je(), io = ({
   id: e,
   canTrack: t
-}) => eo({
-  key: _e,
+}) => oo({
+  key: Fe,
   value: e,
   canTrack: t
-}), ro = () => {
-  if (C()) {
-    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;
-}, so = () => typeof navigator == "object" && navigator.userAgent || "", io = () => {
-  const e = so(), t = {
-    Android() {
-      return e.match(/Android/i);
-    },
-    BlackBerry() {
-      return e.match(/BlackBerry/i);
-    },
-    iOS() {
-      return e.match(/iPhone|iPod/i);
-    },
-    Opera() {
-      return e.match(/Opera Mini/i);
-    },
-    Windows() {
-      return e.match(/IEMobile/i) || e.match(/WPDesktop/i);
-    },
-    any() {
-      return t.Android() || t.BlackBerry() || t.iOS() || t.Opera() || t.Windows() || B === "reactNative";
-    }
-  }, n = e.match(/Tablet|iPad/i), o = ro();
-  return {
-    urlPath: o == null ? void 0 : o.pathname,
-    host: (o == null ? void 0 : o.host) || (o == null ? void 0 : o.hostname),
-    device: n ? "tablet" : t.any() ? "mobile" : "desktop"
-  };
-}, ao = async ({
+}), ao = async ({
   canTrack: e
 }) => {
   if (!e)
@@ -2137,9 +2154,9 @@ const je = "builderSessionId", Yn = async ({
       visitorId: void 0,
       sessionId: void 0
     };
-  const t = await Yn({
+  const t = await Zn({
     canTrack: e
-  }), n = to({
+  }), n = ro({
     canTrack: e
   });
   return {
@@ -2163,7 +2180,7 @@ const je = "builderSessionId", Yn = async ({
     ...await ao({
       canTrack: t
     }),
-    userAttributes: io(),
+    userAttributes: we(),
     ownerId: n
   }
 });
@@ -2189,10 +2206,10 @@ async function Y(e) {
 const Go = (e) => Y({
   ...e,
   canTrack: !0
-}), co = "0.5.8", pe = {};
+}), co = "0.5.9", me = {};
 function uo(e, t) {
-  let n = pe[e];
-  if (n || (n = pe[e] = []), n.push(t), C()) {
+  let n = me[e];
+  if (n || (n = me[e] = []), n.push(t), C()) {
     const o = {
       type: "builder.register",
       data: {
@@ -2230,10 +2247,10 @@ const po = () => {
     }]
   });
 };
-let me = !1;
+let he = !1;
 const mo = (e = {}) => {
   var t, n;
-  me || (me = !0, C() && ((t = window.parent) == null || t.postMessage({
+  he || (he = !0, C() && ((t = window.parent) == null || t.postMessage({
     type: "builder.sdkInfo",
     data: {
       target: B,
@@ -2288,7 +2305,7 @@ const mo = (e = {}) => {
       }
   })));
 };
-function he(e) {
+function fe(e) {
   return Math.round(e * 1e3) / 1e3;
 }
 const ho = (e, t, n = !0) => {
@@ -2305,11 +2322,11 @@ const ho = (e, t, n = !0) => {
 }, fo = (e) => ho(e, (t) => {
   const n = t.getAttribute("builder-id") || t.id;
   return Boolean((n == null ? void 0 : n.indexOf("builder-")) === 0);
-}), fe = ({
+}), ge = ({
   event: e,
   target: t
 }) => {
-  const n = t.getBoundingClientRect(), o = e.clientX - n.left, r = e.clientY - n.top, i = he(o / n.width), s = he(r / n.height);
+  const n = t.getBoundingClientRect(), o = e.clientX - n.left, r = e.clientY - n.top, i = fe(o / n.width), s = fe(r / n.height);
   return {
     x: i,
     y: s
@@ -2319,11 +2336,11 @@ const ho = (e, t, n = !0) => {
   return {
     targetBuilderElement: o || void 0,
     metadata: {
-      targetOffset: t ? fe({
+      targetOffset: t ? ge({
         event: e,
         target: t
       }) : void 0,
-      builderTargetOffset: n ? fe({
+      builderTargetOffset: n ? ge({
         event: e,
         target: n
       }) : void 0,
@@ -2332,22 +2349,22 @@ const ho = (e, t, n = !0) => {
   };
 }, bo = "builder.tests", ne = (e) => `${bo}.${e}`, yo = ({
   contentId: e
-}) => Ve({
+}) => Pe({
   name: ne(e),
   canTrack: !0
 }), ko = ({
   contentId: e
-}) => Be({
+}) => Ve({
   name: ne(e),
   canTrack: !0
 }), So = ({
   contentId: e,
   value: t
-}) => Pe({
+}) => Ne({
   name: ne(e),
   value: t,
   canTrack: !0
-}), Fe = (e) => E(e.id) && E(e.variations) && Object.keys(e.variations).length > 0, vo = ({
+}), Ue = (e) => E(e.id) && E(e.variations) && Object.keys(e.variations).length > 0, vo = ({
   id: e,
   variations: t
 }) => {
@@ -2360,7 +2377,7 @@ const ho = (e, t, n = !0) => {
       return i;
   }
   return e;
-}, Ue = (e) => {
+}, Me = (e) => {
   const t = vo(e);
   return So({
     contentId: e.id,
@@ -2368,7 +2385,7 @@ const ho = (e, t, n = !0) => {
   }).catch((n) => {
     T.error("could not store A/B test variation: ", n);
   }), t;
-}, Me = ({
+}, We = ({
   item: e,
   testGroupId: t
 }) => {
@@ -2389,14 +2406,14 @@ const ho = (e, t, n = !0) => {
     return e;
   if (!e)
     return;
-  if (!Fe(e))
+  if (!Ue(e))
     return e;
   const n = ko({
     contentId: e.id
-  }) || Ue({
+  }) || Me({
     variations: e.variations,
     id: e.id
-  }), o = Me({
+  }), o = We({
     item: e,
     testGroupId: n
   });
@@ -2408,14 +2425,14 @@ const ho = (e, t, n = !0) => {
   item: e,
   canTrack: t
 }) => {
-  if (!t || !Fe(e))
+  if (!t || !Ue(e))
     return e;
   const o = await yo({
     contentId: e.id
-  }) || Ue({
+  }) || Me({
     variations: e.variations,
     id: e.id
-  }), r = Me({
+  }), r = We({
     item: e,
     testGroupId: o
   });
@@ -2436,18 +2453,18 @@ function Q(e, t = null, n = ".") {
     };
   }, {});
 }
-const ge = "builder.", $o = "options.", To = (e) => {
+const be = "builder.", $o = "options.", To = (e) => {
   const t = {};
   return e.forEach((n, o) => {
     t[o] = n;
   }), t;
-}, We = (e) => {
+}, Le = (e) => {
   if (!e)
     return {};
-  const t = Le(e), n = {};
+  const t = Ke(e), n = {};
   return Object.keys(t).forEach((o) => {
-    if (o.startsWith(ge)) {
-      const r = o.replace(ge, "").replace($o, "");
+    if (o.startsWith(be)) {
+      const r = o.replace(be, "").replace($o, "");
       n[r] = t[o];
     }
   }), n;
@@ -2455,8 +2472,8 @@ const ge = "builder.", $o = "options.", To = (e) => {
   if (!C())
     return {};
   const e = new URLSearchParams(window.location.search);
-  return We(e);
-}, Le = (e) => e instanceof URLSearchParams ? To(e) : e, Ro = "v3", oe = (e) => {
+  return Le(e);
+}, Ke = (e) => e instanceof URLSearchParams ? To(e) : e, Ro = "v3", oe = (e) => {
   const {
     limit: t = 30,
     userAttributes: n,
@@ -2475,7 +2492,7 @@ const ge = "builder.", $o = "options.", To = (e) => {
     throw new Error(`Invalid apiVersion: expected 'v2' or 'v3', received '${u}'`);
   const h = new URL(`https://cdn.builder.io/api/${u}/content/${i}?apiKey=${s}&limit=${t}&noTraverse=${r}&includeRefs=${a}${c ? `&locale=${c}` : ""}${l ? `&enrich=${l}` : ""}`), m = {
     ...Io(),
-    ...Le(e.options || {})
+    ...Ke(e.options || {})
   }, f = Q(m);
   for (const k in f)
     h.searchParams.set(k, String(f[k]));
@@ -2489,7 +2506,7 @@ const ge = "builder.", $o = "options.", To = (e) => {
   return h;
 }, xo = (e) => "results" in e;
 async function H(e) {
-  const t = await Ke({
+  const t = await He({
     ...e,
     limit: 1
   });
@@ -2497,7 +2514,7 @@ async function H(e) {
 }
 const Jo = H, Eo = async (e) => {
   const t = oe(e);
-  return await (await Ae(t.href)).json();
+  return await (await Be(t.href)).json();
 }, Ao = async (e, t, n = oe(e)) => {
   const o = X(e.canTrack);
   if (n.search.includes("preview="), !o || !(C() || B === "reactNative"))
@@ -2515,7 +2532,7 @@ const Jo = H, Eo = async (e) => {
   }
   return t;
 };
-async function Ke(e) {
+async function He(e) {
   try {
     const t = oe(e), n = await Eo(e);
     return xo(n) ? Ao(e, n) : (T.error("Error fetching data. ", {
@@ -2527,7 +2544,7 @@ async function Ke(e) {
     return T.error("Error fetching data. ", t), null;
   }
 }
-const Yo = Ke;
+const Yo = He;
 function Bo() {
   return !C() || A() ? !1 : Boolean(location.search.indexOf("builder.preview=") !== -1);
 }
@@ -2582,7 +2599,7 @@ const Vo = g({
         this.builderContextSignal.componentInfos
       ).forEach((n) => {
         var r;
-        const o = Vn(n);
+        const o = jn(n);
         (r = window.parent) == null || r.postMessage(o, "*");
       }), window.addEventListener(
         "builder:component:stateChangeListenerActivated",
@@ -2757,7 +2774,7 @@ const Vo = g({
       );
     },
     handleRequest({ url: e, key: t }) {
-      Ae(e).then((n) => n.json()).then((n) => {
+      Be(e).then((n) => n.json()).then((n) => {
         var r, i;
         const o = {
           ...this.builderContextSignal.rootState,
@@ -2825,18 +2842,18 @@ function No(e, t, n, o, r, i) {
     j(e.$slots, "default")
   ], 16, Po)) : v("", !0);
 }
-const jo = /* @__PURE__ */ y(Vo, [["render", No]]), He = g({
+const jo = /* @__PURE__ */ y(Vo, [["render", No]]), ze = g({
   render() {
-    return ye("script", { id: this.id, innerHTML: this.scriptStr });
+    return ke("script", { id: this.id, innerHTML: this.scriptStr });
   },
   name: "inlined-script",
   props: ["scriptStr", "id"]
-}), Oo = qe, _o = g({
+}), Oo = Ge, _o = g({
   name: "content-component",
   components: {
     EnableEditor: jo,
-    InlinedScript: He,
-    ContentStyles: Mn,
+    InlinedScript: ze,
+    ContentStyles: Kn,
     Blocks: te
   },
   props: [
@@ -2858,13 +2875,13 @@ const jo = /* @__PURE__ */ y(Vo, [["render", No]]), He = g({
   data() {
     var e, t;
     return {
-      scriptStr: Xt({
+      scriptStr: en({
         variationId: (e = this.content) == null ? void 0 : e.testVariationId,
         contentId: (t = this.content) == null ? void 0 : t.id
       }),
       registeredComponents: [
-        ...de(),
-        ...ue,
+        ...ue(),
+        ...pe,
         ...this.customComponents || []
       ].reduce(
         (n, { component: o, ...r }) => ({
@@ -2877,12 +2894,12 @@ const jo = /* @__PURE__ */ y(Vo, [["render", No]]), He = g({
         {}
       ),
       builderContextSignal: {
-        content: Ln({
+        content: zn({
           content: this.content,
           data: this.data
         }),
         localState: void 0,
-        rootState: Wn({
+        rootState: Hn({
           content: this.content,
           data: this.data,
           locale: this.locale
@@ -2892,8 +2909,8 @@ const jo = /* @__PURE__ */ y(Vo, [["render", No]]), He = g({
         apiKey: this.apiKey,
         apiVersion: this.apiVersion,
         componentInfos: [
-          ...de(),
-          ...ue,
+          ...ue(),
+          ...pe,
           ...this.customComponents || []
         ].reduce(
           (n, { component: o, ...r }) => ({
@@ -2910,7 +2927,7 @@ const jo = /* @__PURE__ */ y(Vo, [["render", No]]), He = g({
   provide() {
     const e = this;
     return {
-      [Ie.key]: {
+      [Re.key]: {
         registeredComponents: e.registeredComponents
       }
     };
@@ -2962,7 +2979,7 @@ function Fo(e, t, n, o, r, i) {
 const Uo = /* @__PURE__ */ y(_o, [["render", Fo]]), Mo = g({
   name: "content-variants",
   components: {
-    InlinedScript: He,
+    InlinedScript: ze,
     InlinedStyles: K,
     ContentComponent: Uo
   },
@@ -2982,11 +2999,11 @@ const Uo = /* @__PURE__ */ y(_o, [["render", Fo]]), Mo = g({
   ],
   data() {
     return {
-      shouldRenderVariants: zt({
+      shouldRenderVariants: Gt({
         canTrack: X(this.canTrack),
         content: this.content
       }),
-      getScriptString: Jt,
+      getScriptString: Qt,
       getVariants: M,
       TARGET: B
     };
@@ -2997,7 +3014,7 @@ const Uo = /* @__PURE__ */ y(_o, [["render", Fo]]), Mo = g({
   computed: {
     variantScriptStr() {
       var e;
-      return Yt(
+      return Zt(
         M(this.content).map((t) => ({
           id: t.testVariationId,
           testRatio: t.testRatio
@@ -3072,7 +3089,7 @@ function Wo(e, t, n, o, r, i) {
     }), null, 16, ["content", "classNameProp", "model", "data", "context", "apiKey", "apiVersion", "customComponents", "canTrack", "locale", "includeRefs", "enrich", "isSsrAbTest"])
   ], 64);
 }
-const ze = /* @__PURE__ */ y(Mo, [["render", Wo]]), Lo = async ({
+const De = /* @__PURE__ */ y(Mo, [["render", Wo]]), Lo = async ({
   builderContextValue: e,
   symbol: t
 }) => {
@@ -3091,7 +3108,7 @@ const ze = /* @__PURE__ */ y(Mo, [["render", Wo]]), Lo = async ({
     });
 }, Ko = g({
   name: "builder-symbol",
-  components: { ContentVariants: ze },
+  components: { ContentVariants: De },
   props: [
     "js",
     "attributes",
@@ -3173,13 +3190,13 @@ function Ho(e, t, n, o, r, i) {
     }, null, 8, ["apiVersion", "apiKey", "context", "customComponents", "data", "model", "content"])
   ], 16);
 }
-const zo = /* @__PURE__ */ y(Ko, [["render", Ho]]), Xo = te, Qo = ze, be = {};
+const zo = /* @__PURE__ */ y(Ko, [["render", Ho]]), Xo = te, Qo = De, ye = {};
 function Zo(e) {
   if (C()) {
-    Object.assign(be, e);
+    Object.assign(ye, e);
     const t = {
       type: "builder.settingsChange",
-      data: be
+      data: ye
     };
     parent.postMessage(t, "*");
   }
@@ -3196,7 +3213,7 @@ const er = async (e) => {
         urlPath: t
       } : {}
     },
-    options: We(e.searchParams || ((i = e.url) == null ? void 0 : i.searchParams) || e.options)
+    options: Le(e.searchParams || ((i = e.url) == null ? void 0 : i.searchParams) || e.options)
   };
   return {
     apiKey: n.apiKey,
@@ -3205,39 +3222,41 @@ const er = async (e) => {
   };
 };
 export {
+  er as A,
   G as B,
-  ze as C,
-  Pt as F,
-  Wt as I,
+  De as C,
+  qo as D,
+  Ot as F,
+  Ht as I,
   Xo as R,
-  Ht as S,
+  qt as S,
   B as T,
-  hn as V,
+  bn as V,
   y as _,
-  Te as a,
-  $e as b,
-  rt as c,
-  Bo as d,
+  Ie as a,
+  Te as b,
+  at as c,
+  te as d,
   W as e,
-  Vn as f,
-  Zo as g,
-  Ke as h,
-  A as i,
-  H as j,
-  Yo as k,
+  Qo as f,
+  nt as g,
+  Qe as h,
+  Pt as i,
+  zo as j,
+  pn as k,
   T as l,
-  Jo as m,
-  Ao as n,
-  We as o,
-  er as p,
-  te as q,
+  A as m,
+  Bo as n,
+  jn as o,
+  Zo as p,
+  He as q,
   uo as r,
-  tt as s,
-  Go as t,
-  Qo as u,
-  Xe as v,
-  At as w,
-  zo as x,
-  cn as y,
-  qo as z
+  rt as s,
+  H as t,
+  Yo as u,
+  Jo as v,
+  Oo as w,
+  Ao as x,
+  Le as y,
+  Go as z
 };