@builder.io/sdk-vue 0.7.2 → 0.7.4

package/vue2/lib/edge/{index-4cf9f60c.js → index-31aedf87.js}

@@ -1,5 +1,5 @@
-import { defineComponent as g } from "vue";
-function O(e = {}, t, n) {
+import { defineComponent as u } from "vue";
+function E(e = {}, t, n) {
   const o = {};
   for (const r in e) {
     if (!e[r] || n && !r.startsWith(t))
@@ -9,11 +9,11 @@ function O(e = {}, t, n) {
   }
   return o;
 }
-const ut = g({
+const dt = u({
   name: "builder-button",
   props: ["attributes", "text", "link", "openLinkInNewTab"],
   data() {
-    return { filterAttrs: O };
+    return { filterAttrs: E };
   },
   methods: {
     _classStringToObject(e) {
@@ -27,49 +27,49 @@ const ut = g({
     }
   }
 });
-function y(e, t, n, o, r, s, i, u) {
+function p(e, t, n, o, r, s, i, f) {
   var a = typeof e == "function" ? e.options : e;
   t && (a.render = t, a.staticRenderFns = n, a._compiled = !0), o && (a.functional = !0), s && (a._scopeId = "data-v-" + s);
-  var d;
-  if (i ? (d = function(l) {
+  var c;
+  if (i ? (c = function(l) {
     l = l || // cached call
     this.$vnode && this.$vnode.ssrContext || // stateful
     this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext, !l && typeof __VUE_SSR_CONTEXT__ < "u" && (l = __VUE_SSR_CONTEXT__), r && r.call(this, l), l && l._registeredComponents && l._registeredComponents.add(i);
-  }, a._ssrRegister = d) : r && (d = u ? function() {
+  }, a._ssrRegister = c) : r && (c = f ? function() {
     r.call(
       this,
       (a.functional ? this.parent : this).$root.$options.shadowRoot
     );
-  } : r), d)
+  } : r), c)
     if (a.functional) {
-      a._injectStyles = d;
-      var p = a.render;
-      a.render = function(f, m) {
-        return d.call(m), p(f, m);
+      a._injectStyles = c;
+      var v = a.render;
+      a.render = function(k, b) {
+        return c.call(b), v(k, b);
       };
     } else {
-      var b = a.beforeCreate;
-      a.beforeCreate = b ? [].concat(b, d) : [d];
+      var S = a.beforeCreate;
+      a.beforeCreate = S ? [].concat(S, c) : [c];
     }
   return {
     exports: e,
     options: a
   };
 }
-var dt = function() {
+var ut = function() {
   var t = this, n = t._self._c;
   return t._self._setupProxy, t.link ? n("a", t._g(t._b({ attrs: { href: t.link, target: t.openLinkInNewTab ? "_blank" : void 0, role: "button" } }, "a", t.filterAttrs(t.attributes, "v-on:", !1), !1), t.filterAttrs(t.attributes, "v-on:", !0)), [t._v(" " + t._s(t.text) + " ")]) : n("button", t._g(t._b({ class: t._classStringToObject(t.attributes.class + " button-2fnk003dqad"), style: t.attributes.style }, "button", t.filterAttrs(t.attributes, "v-on:", !1), !1), t.filterAttrs(t.attributes, "v-on:", !0)), [t._v(" " + t._s(t.text) + " ")]);
-}, mt = [], ft = /* @__PURE__ */ y(
-  ut,
+}, pt = [], mt = /* @__PURE__ */ p(
   dt,
-  mt,
+  ut,
+  pt,
   !1,
   null,
   "ab46b8bd",
   null,
   null
 );
-const ln = ft.exports, V = (e) => JSON.parse(JSON.stringify(e)), K = {
+const ln = mt.exports, A = (e) => JSON.parse(JSON.stringify(e)), M = {
   small: {
     min: 320,
     default: 321,
@@ -85,11 +85,11 @@ const ln = ft.exports, V = (e) => JSON.parse(JSON.stringify(e)), K = {
     default: 991,
     max: 1200
   }
-}, un = (e, t = K) => `@media (max-width: ${t[e].max}px)`, pt = ({
+}, dn = (e, t = M) => `@media (max-width: ${t[e].max}px)`, ft = ({
   small: e,
   medium: t
 }) => {
-  const n = V(K);
+  const n = A(M);
   if (!e || !t)
     return n;
   const o = Math.floor(e / 2);
@@ -111,19 +111,19 @@ const ln = ft.exports, V = (e) => JSON.parse(JSON.stringify(e)), K = {
     min: s,
     default: s + 1
   }, n;
-}, C = "vue2", ht = () => Promise.resolve().then(() => ie).then((e) => e.default).catch((e) => {
+}, y = "vue2", ht = () => Promise.resolve().then(() => ie).then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component Blocks at ../../components/blocks/blocks.vue",
     e
   ), e;
-}), bt = () => import("./inlined-styles-8c6cdbc5.js").then((e) => e.default).catch((e) => {
+}), _t = () => import("./inlined-styles-ba3931a6.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component InlinedStyles at ../../components/inlined-styles.vue",
     e
   ), e;
-}), _t = g({
+}), bt = u({
   name: "builder-columns",
-  components: { "inlined-styles": bt, blocks: ht },
+  components: { "inlined-styles": _t, blocks: ht },
   props: [
     "js",
     "space",
@@ -140,7 +140,7 @@ const ln = ft.exports, V = (e) => JSON.parse(JSON.stringify(e)), K = {
       cols: this.columns || [],
       stackAt: this.stackColumnsAt || "tablet",
       flexDir: this.stackColumnsAt === "never" ? "row" : this.reverseColumnsWhenStacked ? "column-reverse" : "column",
-      TARGET: C
+      TARGET: y
     };
   },
   computed: {
@@ -227,7 +227,7 @@ const ln = ft.exports, V = (e) => JSON.parse(JSON.stringify(e)), K = {
     },
     getWidthForBreakpointSize(e) {
       var n, o;
-      return pt(
+      return ft(
         ((o = (n = this.builderContext.content) == null ? void 0 : n.meta) == null ? void 0 : o.breakpoints) || {}
       )[e].max;
     },
@@ -251,8 +251,8 @@ var gt = function() {
       flexGrow: "1"
     }, context: t.builderContext, registeredComponents: t.builderComponents, blocks: o.blocks } })], 1);
   })], 2);
-}, yt = [], vt = /* @__PURE__ */ y(
-  _t,
+}, yt = [], vt = /* @__PURE__ */ p(
+  bt,
   gt,
   yt,
   !1,
@@ -261,55 +261,55 @@ var gt = function() {
   null,
   null
 );
-const dn = vt.exports, St = g({
+const un = vt.exports, St = u({
   name: "builder-fragment-component",
   props: []
 });
 var kt = function() {
   var t = this, n = t._self._c;
   return t._self._setupProxy, n("span", [t._t("default")], 2);
-}, xt = [], wt = /* @__PURE__ */ y(
+}, Ct = [], xt = /* @__PURE__ */ p(
   St,
   kt,
-  xt,
+  Ct,
   !1,
   null,
   null,
   null,
   null
 );
-const mn = wt.exports;
-function F(e) {
+const pn = xt.exports;
+function U(e) {
   return e.replace(/http(s)?:/, "");
 }
-function Ct(e = "", t, n) {
+function wt(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 $t(e, t) {
+function It(e, t) {
   if (!e || !(e != null && e.match(/cdn\.shopify\.com/)) || !t)
     return e;
   if (t === "master")
-    return F(e);
+    return U(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], s = t.match("x") ? t : `${t}x`;
-    return F(`${o[0]}_${s}${r}`);
+    return U(`${o[0]}_${s}${r}`);
   }
   return null;
 }
-function P(e) {
+function T(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((r) => r !== o).map((r) => `${Ct(e, "width", r)} ${r}w`).concat([n]).join(", ");
+    return isNaN(o) || (n = `${n} ${o}w`), t.filter((r) => r !== o).map((r) => `${wt(e, "width", r)} ${r}w`).concat([n]).join(", ");
   }
-  return e.match(/cdn\.shopify\.com/) ? t.map((n) => [$t(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) => [It(e, `${n}x${n}`), n]).filter(([n]) => !!n).map(([n, o]) => `${n} ${o}w`).concat([e]).join(", ") : e;
 }
-const Tt = g({
+const $t = u({
   name: "builder-image",
   props: [
     "image",
@@ -335,10 +335,10 @@ const Tt = g({
         return this.srcset;
       if (this.srcset && ((n = this.image) != null && n.includes("builder.io/api/v1/image"))) {
         if (!this.srcset.includes(this.image.split("?")[0]))
-          return console.debug("Removed given srcset"), P(t);
+          return console.debug("Removed given srcset"), T(t);
       } else if (this.image && !this.srcset)
-        return P(t);
-      return P(t);
+        return T(t);
+      return T(t);
     },
     webpSrcSet() {
       var e;
@@ -367,7 +367,7 @@ const Tt = g({
     }
   }
 });
-var It = function() {
+var Tt = function() {
   var o, r, s, i;
   var t = this, n = t._self._c;
   return t._self._setupProxy, n("div", [n("picture", [t.webpSrcSet ? [n("source", { attrs: { type: "image/webp", srcset: t.webpSrcSet } })] : t._e(), n("img", { class: t._classStringToObject(
@@ -379,9 +379,9 @@ var It = function() {
   }, attrs: { loading: "lazy", alt: t.altText, role: t.altText ? "presentation" : void 0, src: t.image, srcset: t.srcSetToUse, sizes: t.sizes } })], 2), t.aspectRatio && !((r = (o = t.builderBlock) == null ? void 0 : o.children) != null && r.length && t.fitContent) ? [n("div", { staticClass: "builder-image-sizer div-1pl23ac79ld", style: {
     paddingTop: t.aspectRatio * 100 + "%"
   } })] : t._e(), (i = (s = t.builderBlock) == null ? void 0 : s.children) != null && i.length && t.fitContent ? [t._t("default")] : t._e(), !t.fitContent && t.$slots.default ? [n("div", { staticClass: "div-1pl23ac79ld-2" }, [t._t("default")], 2)] : t._e()], 2);
-}, Rt = [], Pt = /* @__PURE__ */ y(
+}, Rt = [], Et = /* @__PURE__ */ p(
+  $t,
   Tt,
-  It,
   Rt,
   !1,
   null,
@@ -389,14 +389,14 @@ var It = function() {
   null,
   null
 );
-const fn = Pt.exports, At = g({
+const mn = Et.exports, At = u({
   name: "builder-section-component",
   props: ["attributes", "maxWidth"],
   data() {
-    return { filterAttrs: O };
+    return { filterAttrs: E };
   }
 });
-var Ot = function() {
+var Vt = function() {
   var t = this, n = t._self._c;
   return t._self._setupProxy, n("section", t._g(t._b({ style: {
     width: "100%",
@@ -410,28 +410,28 @@ var Ot = function() {
     marginLeft: "auto",
     marginRight: "auto"
   } }, "section", t.filterAttrs(t.attributes, "v-on:", !1), !1), t.filterAttrs(t.attributes, "v-on:", !0)), [t._t("default")], 2);
-}, Vt = [], Et = /* @__PURE__ */ y(
+}, Pt = [], Ot = /* @__PURE__ */ p(
   At,
-  Ot,
   Vt,
+  Pt,
   !1,
   null,
   null,
   null,
   null
 );
-const pn = Et.exports, T = "[Builder.io]: ", x = {
-  log: (...e) => console.log(T, ...e),
-  error: (...e) => console.error(T, ...e),
-  warn: (...e) => console.warn(T, ...e),
-  debug: (...e) => console.debug(T, ...e)
-}, Nt = async ({
+const fn = Ot.exports, x = "[Builder.io]: ", _ = {
+  log: (...e) => console.log(x, ...e),
+  error: (...e) => console.error(x, ...e),
+  warn: (...e) => console.warn(x, ...e),
+  debug: (...e) => console.debug(x, ...e)
+}, Bt = async ({
   builderContextValue: e,
   symbol: t
 }) => {
   if (t != null && t.model && // This is a hack, we should not need to check for this, but it is needed for Svelte.
   (e != null && e.apiKey))
-    return B({
+    return O({
       model: t.model,
       apiKey: e.apiKey,
       apiVersion: e.apiVersion,
@@ -441,16 +441,16 @@ const pn = Et.exports, T = "[Builder.io]: ", x = {
         }
       }
     }).catch((n) => {
-      x.error("Could not fetch symbol content: ", n);
+      _.error("Could not fetch symbol content: ", n);
     });
-}, Bt = () => Promise.resolve().then(() => Ae).then((e) => e.default).catch((e) => {
+}, Nt = () => Promise.resolve().then(() => Ae).then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component ContentVariants at ../../components/content-variants/content-variants.vue",
     e
   ), e;
-}), jt = g({
+}), jt = u({
   name: "builder-symbol",
-  components: { "content-variants": Bt },
+  components: { "content-variants": Nt },
   props: [
     "js",
     "attributes",
@@ -461,7 +461,7 @@ const pn = Et.exports, T = "[Builder.io]: ", x = {
   ],
   data() {
     var e;
-    return { contentToUse: (e = this.symbol) == null ? void 0 : e.content, filterAttrs: O };
+    return { contentToUse: (e = this.symbol) == null ? void 0 : e.content, filterAttrs: E };
   },
   mounted() {
     this.setContent();
@@ -492,7 +492,7 @@ const pn = Et.exports, T = "[Builder.io]: ", x = {
   },
   methods: {
     setContent() {
-      this.contentToUse || Nt({
+      this.contentToUse || Bt({
         symbol: this.symbol,
         builderContextValue: this.builderContext
       }).then((e) => {
@@ -510,7 +510,7 @@ const pn = Et.exports, T = "[Builder.io]: ", x = {
     }
   }
 });
-var Ft = function() {
+var Ut = function() {
   var o, r, s, i;
   var t = this, n = t._self._c;
   return t._self._setupProxy, n("div", t._g(t._b({ class: t._classStringToObject(t.className) }, "div", { ...t.filterAttrs(t.attributes, "v-on:", !1) }, !1), t.filterAttrs(t.attributes, "v-on:", !0)), [n("content-variants", { attrs: { __isNestedRender: !0, apiVersion: t.builderContext.apiVersion, apiKey: t.builderContext.apiKey, context: t.builderContext.context, customComponents: Object.values(t.builderComponents), data: {
@@ -518,17 +518,17 @@ var Ft = function() {
     ...t.builderContext.localState,
     ...(s = (r = t.contentToUse) == null ? void 0 : r.data) == null ? void 0 : s.state
   }, model: (i = t.symbol) == null ? void 0 : i.model, content: t.contentToUse } })], 1);
-}, Ut = [], Mt = /* @__PURE__ */ y(
+}, Dt = [], Ft = /* @__PURE__ */ p(
   jt,
-  Ft,
   Ut,
+  Dt,
   !1,
   null,
   null,
   null,
   null
 );
-const hn = Mt.exports, Lt = g({
+const hn = Ft.exports, Lt = u({
   name: "builder-text",
   props: ["text"]
 });
@@ -538,17 +538,17 @@ var Wt = function() {
   return t._self._setupProxy, n("div", { staticClass: "builder-text", style: {
     outline: "none"
   }, domProps: { innerHTML: t._s(((o = t.text) == null ? void 0 : o.toString()) || "") } });
-}, Kt = [], zt = /* @__PURE__ */ y(
+}, Mt = [], Kt = /* @__PURE__ */ p(
   Lt,
   Wt,
-  Kt,
+  Mt,
   !1,
   null,
   null,
   null,
   null
 );
-const bn = zt.exports, Gt = g({
+const _n = Kt.exports, zt = u({
   name: "builder-video",
   props: [
     "autoPlay",
@@ -556,12 +556,16 @@ const bn = zt.exports, Gt = g({
     "controls",
     "loop",
     "playsInline",
-    "attributes",
     "preload",
+    "attributes",
     "fit",
     "position",
+    "aspectRatio",
     "video",
-    "posterImage"
+    "posterImage",
+    "lazyLoad",
+    "fitContent",
+    "builderBlock"
   ],
   computed: {
     videoProps() {
@@ -585,16 +589,17 @@ const bn = zt.exports, Gt = g({
     },
     spreadProps() {
       return {
-        ...this.attributes,
         ...this.videoProps
       };
     }
   }
 });
-var Dt = function() {
-  var o;
+var Gt = function() {
+  var o, r, s, i, f, a, c;
   var t = this, n = t._self._c;
-  return t._self._setupProxy, n("video", t._b({ style: {
+  return t._self._setupProxy, n("div", { style: {
+    position: "relative"
+  } }, [n("video", t._b({ staticClass: "builder-video", style: {
     width: "100%",
     height: "100%",
     ...(o = t.attributes) == null ? void 0 : o.style,
@@ -602,11 +607,34 @@ var Dt = function() {
     objectPosition: t.position,
     // Hack to get object fit to work as expected and
     // not have the video overflow
-    borderRadius: 1
-  }, attrs: { preload: t.preload || "metadata", src: t.video || "no-src", poster: t.posterImage } }, "video", t.spreadProps, !1));
-}, Ht = [], Jt = /* @__PURE__ */ y(
+    zIndex: 2,
+    borderRadius: "1px",
+    ...t.aspectRatio ? {
+      position: "absolute"
+    } : null
+  }, attrs: { preload: t.preload || "metadata", src: t.video || "no-src", poster: t.posterImage } }, "video", t.spreadProps, !1), [t.lazyLoad ? t._e() : [n("source", { attrs: { type: "video/mp4", src: t.video } })]], 2), t.aspectRatio && !(t.fitContent && ((s = (r = t.builderBlock) == null ? void 0 : r.children) != null && s.length)) ? [n("div", { style: {
+    width: "100%",
+    paddingTop: t.aspectRatio * 100 + "%",
+    pointerEvents: "none",
+    fontSize: "0px"
+  } })] : t._e(), (f = (i = t.builderBlock) == null ? void 0 : i.children) != null && f.length && t.fitContent ? [n("div", { style: {
+    display: "flex",
+    flexDirection: "column",
+    alignItems: "stretch"
+  } }, [t._t("default")], 2)] : t._e(), (c = (a = t.builderBlock) == null ? void 0 : a.children) != null && c.length && !t.fitContent ? [n("div", { style: {
+    pointerEvents: "none",
+    display: "flex",
+    flexDirection: "column",
+    alignItems: "stretch",
+    position: "absolute",
+    top: "0",
+    left: "0",
+    width: "100%",
+    height: "100%"
+  } }, [t._t("default")], 2)] : t._e()], 2);
+}, Ht = [], Qt = /* @__PURE__ */ p(
+  zt,
   Gt,
-  Dt,
   Ht,
   !1,
   null,
@@ -614,7 +642,7 @@ var Dt = function() {
   null,
   null
 );
-const _n = Jt.exports, Xt = Symbol(), qt = {
+const bn = Qt.exports, Jt = Symbol(), Xt = {
   Builder: {
     content: null,
     context: {},
@@ -627,26 +655,26 @@ const _n = Jt.exports, Xt = Symbol(), qt = {
     componentInfos: {},
     inheritedStyles: {}
   },
-  key: Xt
-}, Qt = Symbol(), Yt = {
+  key: Jt
+}, Yt = Symbol(), qt = {
   Components: { registeredComponents: {} },
-  key: Qt
-}, Zt = () => import("./block-88cc78c4.js").then((e) => e.default).catch((e) => {
+  key: Yt
+}, Zt = () => import("./block-bd104a74.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component Block at ../block/block.vue",
     e
   ), e;
-}), te = () => import("./block-styles-9140aecf.js").then((e) => e.default).catch((e) => {
+}), te = () => import("./block-styles-abd07e9a.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component BlockStyles at ../block/components/block-styles.vue",
     e
   ), e;
-}), ee = () => import("./blocks-wrapper-dcd7b27a.js").then((e) => e.default).catch((e) => {
+}), ee = () => import("./blocks-wrapper-44eb34d1.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component BlocksWrapper at ./blocks-wrapper.vue",
     e
   ), e;
-}), ne = g({
+}), ne = u({
   name: "builder-blocks",
   components: {
     "blocks-wrapper": ee,
@@ -662,8 +690,8 @@ const _n = Jt.exports, Xt = Symbol(), qt = {
     "registeredComponents"
   ],
   inject: {
-    builderContext: qt.key,
-    componentsContext: Yt.key
+    builderContext: Xt.key,
+    componentsContext: qt.key
   }
 });
 var oe = function() {
@@ -673,7 +701,7 @@ var oe = function() {
   }) : t._e(), t.blocks ? t._l(t.blocks, function(o, r) {
     return n("block-styles", { key: "block-style-" + o.id, attrs: { block: o, context: t.context || t.builderContext } });
   }) : t._e()], 2);
-}, re = [], se = /* @__PURE__ */ y(
+}, re = [], se = /* @__PURE__ */ p(
   ne,
   oe,
   re,
@@ -683,11 +711,11 @@ var oe = function() {
   null,
   null
 );
-const z = se.exports, ie = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const K = se.exports, ie = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: z
-}, Symbol.toStringTag, { value: "Module" })), w = (e) => e != null;
-function v() {
+  default: K
+}, Symbol.toStringTag, { value: "Module" })), g = (e) => e != null;
+function m() {
   return typeof window < "u" && typeof document < "u";
 }
 const ae = (e) => {
@@ -695,7 +723,7 @@ const ae = (e) => {
     return e;
   const t = e.split(".");
   return t.length > 2 ? t.slice(1).join(".") : e;
-}, G = ({
+}, z = ({
   name: e,
   canTrack: t
 }) => {
@@ -703,15 +731,15 @@ const ae = (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);
+    _.warn("[COOKIE] GET error: ", (o == null ? void 0 : o.message) || o);
     return;
   }
-}, D = async (e) => G(e), ce = (e) => e.map(([t, n]) => n ? `${t}=${n}` : t).filter(w).join("; "), le = [["secure", ""], ["SameSite", "None"]], ue = ({
+}, G = async (e) => z(e), ce = (e) => e.map(([t, n]) => n ? `${t}=${n}` : t).filter(g).join("; "), le = [["secure", ""], ["SameSite", "None"]], de = ({
   name: e,
   value: t,
   expires: n
 }) => {
-  const r = (v() ? location.protocol === "https:" : !0) ? le : [[]], s = n ? [["expires", n.toUTCString()]] : [[]], i = [[e, t], ...s, ["path", "/"], ["domain", ae(window.location.hostname)], ...r];
+  const r = (m() ? location.protocol === "https:" : !0) ? le : [[]], s = n ? [["expires", n.toUTCString()]] : [[]], i = [[e, t], ...s, ["path", "/"], ["domain", ae(window.location.hostname)], ...r];
   return ce(i);
 }, H = async ({
   name: e,
@@ -722,33 +750,33 @@ const ae = (e) => {
   try {
     if (!o)
       return;
-    const r = ue({
+    const r = de({
       name: e,
       value: t,
       expires: n
     });
     document.cookie = r;
   } catch (r) {
-    x.warn("[COOKIE] SET error: ", (r == null ? void 0 : r.message) || r);
+    _.warn("[COOKIE] SET error: ", (r == null ? void 0 : r.message) || r);
   }
-}, de = "builder.tests", E = (e) => `${de}.${e}`, me = ({
+}, ue = "builder.tests", V = (e) => `${ue}.${e}`, pe = ({
   contentId: e
-}) => D({
-  name: E(e),
+}) => G({
+  name: V(e),
   canTrack: !0
-}), fe = ({
+}), me = ({
   contentId: e
-}) => G({
-  name: E(e),
+}) => z({
+  name: V(e),
   canTrack: !0
-}), pe = ({
+}), fe = ({
   contentId: e,
   value: t
 }) => H({
-  name: E(e),
+  name: V(e),
   value: t,
   canTrack: !0
-}), J = (e) => w(e.id) && w(e.variations) && Object.keys(e.variations).length > 0, he = ({
+}), Q = (e) => g(e.id) && g(e.variations) && Object.keys(e.variations).length > 0, he = ({
   id: e,
   variations: t
 }) => {
@@ -761,15 +789,15 @@ const ae = (e) => {
       return s;
   }
   return e;
-}, X = (e) => {
+}, J = (e) => {
   const t = he(e);
-  return pe({
+  return fe({
     contentId: e.id,
     value: t
   }).catch((n) => {
-    x.error("could not store A/B test variation: ", n);
+    _.error("could not store A/B test variation: ", n);
   }), t;
-}, q = ({
+}, X = ({
   item: e,
   testGroupId: t
 }) => {
@@ -783,7 +811,7 @@ const ae = (e) => {
     testVariationId: n.id,
     testVariationName: n.name || (n.id === e.id ? "Default" : "")
   };
-}, be = ({
+}, _e = ({
   item: e,
   canTrack: t
 }) => {
@@ -791,14 +819,14 @@ const ae = (e) => {
     return e;
   if (!e)
     return;
-  if (!J(e))
+  if (!Q(e))
     return e;
-  const n = fe({
+  const n = me({
     contentId: e.id
-  }) || X({
+  }) || J({
     variations: e.variations,
     id: e.id
-  }), o = q({
+  }), o = X({
     item: e,
     testGroupId: n
   });
@@ -806,18 +834,18 @@ const ae = (e) => {
     ...e,
     ...o
   };
-}, _e = async ({
+}, be = async ({
   item: e,
   canTrack: t
 }) => {
-  if (!t || !J(e))
+  if (!t || !Q(e))
     return e;
-  const o = await me({
+  const o = await pe({
     contentId: e.id
-  }) || X({
+  }) || J({
     variations: e.variations,
     id: e.id
-  }), r = q({
+  }), r = X({
     item: e,
     testGroupId: o
   });
@@ -825,118 +853,135 @@ const ae = (e) => {
     ...e,
     ...r
   };
-}, A = (e) => w(e) ? e : !0, I = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
-  ...t,
-  testVariationId: t.id,
-  id: e == null ? void 0 : e.id
-})), ge = ({
-  canTrack: e,
-  content: t
-}) => !(!(I(t).length > 0) || !e);
-function ye(e, t, n) {
-  var i;
-  function o() {
-    function u(m, h, _) {
-      let S = "";
-      if (_) {
-        const c = /* @__PURE__ */ new Date();
-        c.setTime(c.getTime() + _ * 24 * 60 * 60 * 1e3), S = "; expires=" + c.toUTCString();
+}, R = (e) => g(e) ? e : !0, ge = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
+  function getAndSetVariantId() {
+    function setCookie(name, value, days) {
+      let expires = '';
+      if (days) {
+        const date = new Date();
+        date.setTime(date.getTime() + days * 24 * 60 * 60 * 1000);
+        expires = '; expires=' + date.toUTCString();
       }
-      document.cookie = m + "=" + (h || "") + S + "; path=/; Secure; SameSite=None";
+      document.cookie = name + '=' + (value || '') + expires + '; path=/' + '; Secure; SameSite=None';
     }
-    function a(m) {
-      const h = m + "=", _ = document.cookie.split(";");
-      for (let S = 0; S < _.length; S++) {
-        let c = _[S];
-        for (; c.charAt(0) === " "; )
-          c = c.substring(1, c.length);
-        if (c.indexOf(h) === 0)
-          return c.substring(h.length, c.length);
+    function getCookie(name) {
+      const nameEQ = name + '=';
+      const ca = document.cookie.split(';');
+      for (let i = 0; i < ca.length; i++) {
+        let c = ca[i];
+        while (c.charAt(0) === ' ') c = c.substring(1, c.length);
+        if (c.indexOf(nameEQ) === 0) return c.substring(nameEQ.length, c.length);
       }
       return null;
     }
-    const d = `builder.tests.${e}`, p = a(d), b = t.map((m) => m.id).concat(e);
-    if (p && b.includes(p))
-      return p;
-    let l = 0;
-    const f = Math.random();
-    for (let m = 0; m < t.length; m++) {
-      const h = t[m], _ = h.testRatio;
-      if (l += _, f < l)
-        return u(d, h.id), h.id;
+    const cookieName = \`builder.tests.\${contentId}\`;
+    const variantInCookie = getCookie(cookieName);
+    const availableIDs = variants.map(vr => vr.id).concat(contentId);
+    if (variantInCookie && availableIDs.includes(variantInCookie)) {
+      return variantInCookie;
+    }
+    let n = 0;
+    const random = Math.random();
+    for (let i = 0; i < variants.length; i++) {
+      const variant = variants[i];
+      const testRatio = variant.testRatio;
+      n += testRatio;
+      if (random < n) {
+        setCookie(cookieName, variant.id);
+        return variant.id;
+      }
     }
-    return u(d, e), e;
+    setCookie(cookieName, contentId);
+    return contentId;
   }
-  const r = o(), s = (i = document.currentScript) == null ? void 0 : i.previousElementSibling;
-  if (n) {
-    s.remove();
-    const u = document.currentScript;
-    u == null || u.remove();
+  const winningVariantId = getAndSetVariantId();
+  const styleEl = document.currentScript?.previousElementSibling;
+  if (isHydrationTarget) {
+    styleEl.remove();
+    const thisScriptEl = document.currentScript;
+    thisScriptEl?.remove();
   } else {
-    const u = t.concat({
-      id: e
-    }).filter((a) => a.id !== r).map((a) => `.variant-${a.id} {  display: none; }
-        `).join("");
-    s.innerHTML = u;
+    const newStyleStr = variants.concat({
+      id: contentId
+    }).filter(variant => variant.id !== winningVariantId).map(value => {
+      return \`.variant-\${value.id} {  display: none; }
+        \`;
+    }).join('');
+    styleEl.innerHTML = newStyleStr;
   }
-}
-function ve(e, t, n) {
-  var a;
-  if (!navigator.cookieEnabled)
+}`, ye = `function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {
+  if (!navigator.cookieEnabled) {
     return;
-  function o(d) {
-    const p = d + "=", b = document.cookie.split(";");
-    for (let l = 0; l < b.length; l++) {
-      let f = b[l];
-      for (; f.charAt(0) === " "; )
-        f = f.substring(1, f.length);
-      if (f.indexOf(p) === 0)
-        return f.substring(p.length, f.length);
+  }
+  function getCookie(name) {
+    const nameEQ = name + '=';
+    const ca = document.cookie.split(';');
+    for (let i = 0; i < ca.length; i++) {
+      let c = ca[i];
+      while (c.charAt(0) === ' ') c = c.substring(1, c.length);
+      if (c.indexOf(nameEQ) === 0) return c.substring(nameEQ.length, c.length);
     }
     return null;
   }
-  const r = `builder.tests.${t}`, s = o(r), i = (a = document.currentScript) == null ? void 0 : a.parentElement, u = e === t;
-  if (s === e) {
-    if (u)
-      return;
-    i == null || i.removeAttribute("hidden"), i == null || i.removeAttribute("aria-hidden");
-  } else {
-    u && (n ? i == null || i.remove() : (i == null || i.setAttribute("hidden", "true"), i == null || i.setAttribute("aria-hidden", "true")));
-    return;
+  const cookieName = \`builder.tests.\${defaultContentId}\`;
+  const winningVariant = getCookie(cookieName);
+  const parentDiv = document.currentScript?.parentElement;
+  const isDefaultContent = variantContentId === defaultContentId;
+  const isWinningVariant = winningVariant === variantContentId;
+  if (isWinningVariant && !isDefaultContent) {
+    parentDiv?.removeAttribute('hidden');
+    parentDiv?.removeAttribute('aria-hidden');
+  } else if (!isWinningVariant && isDefaultContent) {
+    parentDiv?.setAttribute('hidden', 'true');
+    parentDiv?.setAttribute('aria-hidden', 'true');
   }
-}
-const Se = (e) => e === "react" || e === "reactNative", Q = Se(C), Y = "builderIoAbTest", Z = "builderIoRenderContent", ke = () => {
-  const e = ye.toString().replace(/\s+/g, " "), t = ve.toString().replace(/\s+/g, " ");
-  return `
-  window.${Y} = ${e}
-  window.${Z} = ${t}
-  `;
-}, xe = (e, t) => `
-  window.${Y}("${t}",${JSON.stringify(e)}, ${Q})`, gn = ({
+  if (isHydrationTarget) {
+    if (!isWinningVariant) {
+      parentDiv?.remove();
+    }
+    const thisScriptEl = document.currentScript;
+    thisScriptEl?.remove();
+  }
+  return;
+}`, Y = "builderIoAbTest", q = "builderIoRenderContent", w = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
+  ...t,
+  testVariationId: t.id,
+  id: e == null ? void 0 : e.id
+})), ve = ({
+  canTrack: e,
+  content: t
+}) => !(!(w(t).length > 0) || !e), Se = (e) => e === "react" || e === "reactNative", Z = Se(y), ke = () => `
+  window.${Y} = ${ge}
+  window.${q} = ${ye}
+  `, Ce = (e, t) => `
+  window.${Y}(
+    "${t}",${JSON.stringify(e)}, ${Z}
+  )`, gn = ({
   contentId: e,
   variationId: t
-}) => `
-  window.${Z}("${t}", "${e}", ${Q})`, we = () => import("./content-ad722031.js").then((e) => e.default).catch((e) => {
+}) => `window.${q}(
+    "${t}", "${e}", ${Z}
+  )`, xe = () => import("./content-db69a308.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component ContentComponent at ../content/content.vue",
     e
   ), e;
-}), Ce = () => import("./inlined-script-58b1138d.js").then((e) => e.default).catch((e) => {
+}), we = () => import("./inlined-script-1fbdc086.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component InlinedScript at ../inlined-script.vue",
     e
   ), e;
-}), $e = () => import("./inlined-styles-8c6cdbc5.js").then((e) => e.default).catch((e) => {
+}), Ie = () => import("./inlined-styles-ba3931a6.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component InlinedStyles at ../inlined-styles.vue",
     e
   ), e;
-}), Te = g({
+}), $e = u({
   name: "content-variants",
   components: {
-    "inlined-script": Ce,
-    "inlined-styles": $e,
-    "content-component": we
+    "inlined-script": we,
+    "inlined-styles": Ie,
+    "content-component": xe
   },
   props: [
     "canTrack",
@@ -954,23 +999,23 @@ const Se = (e) => e === "react" || e === "reactNative", Q = Se(C), Y = "builderI
   ],
   data() {
     return {
-      shouldRenderVariants: ge({
-        canTrack: A(this.canTrack),
+      shouldRenderVariants: ve({
+        canTrack: R(this.canTrack),
         content: this.content
       }),
-      TARGET: C,
+      TARGET: y,
       getScriptString: ke,
-      getVariants: I
+      getVariants: w
     };
   },
   mounted() {
     this.shouldRenderVariants = !1;
   },
   computed: {
-    variantScriptStr() {
+    updateCookieAndStylesScriptStr() {
       var e;
-      return xe(
-        I(this.content).map((t) => ({
+      return Ce(
+        w(this.content).map((t) => ({
           id: t.testVariationId,
           testRatio: t.testRatio
         })),
@@ -978,31 +1023,31 @@ const Se = (e) => e === "react" || e === "reactNative", Q = Se(C), Y = "builderI
       );
     },
     hideVariantsStyleString() {
-      return I(this.content).map((e) => `.variant-${e.testVariationId} { display: none; } `).join("");
+      return w(this.content).map((e) => `.variant-${e.testVariationId} { display: none; } `).join("");
     },
     defaultContent() {
       var e;
       return this.shouldRenderVariants ? {
         ...this.content,
         testVariationId: (e = this.content) == null ? void 0 : e.id
-      } : be({
+      } : _e({
         item: this.content,
-        canTrack: A(this.canTrack)
+        canTrack: R(this.canTrack)
       });
     }
   }
 });
-var Ie = function() {
-  var o, r;
+var Te = function() {
+  var o;
   var t = this, n = t._self._c;
-  return t._self._setupProxy, n("div", [!t.__isNestedRender && t.TARGET !== "reactNative" ? [n("inlined-script", { attrs: { scriptStr: t.getScriptString() } })] : t._e(), t.shouldRenderVariants ? [n("inlined-styles", { attrs: { id: `variants-styles-${(o = t.content) == null ? void 0 : o.id}`, styles: t.hideVariantsStyleString } }), n("inlined-script", { attrs: { scriptStr: t.variantScriptStr } }), t._l(t.getVariants(t.content), function(s, i) {
-    return n("content-component", { key: s.testVariationId, attrs: { content: s, showContent: !1, classNameProp: void 0, model: t.model, data: t.data, context: t.context, apiKey: t.apiKey, apiVersion: t.apiVersion, customComponents: t.customComponents, canTrack: t.canTrack, locale: t.locale, includeRefs: t.includeRefs, enrich: t.enrich, isSsrAbTest: t.shouldRenderVariants } });
-  })] : t._e(), n("content-component", t._b({ attrs: { content: t.defaultContent, classNameProp: `variant-${(r = t.content) == null ? void 0 : r.id}`, showContent: !0, model: t.model, data: t.data, context: t.context, apiKey: t.apiKey, apiVersion: t.apiVersion, customComponents: t.customComponents, canTrack: t.canTrack, locale: t.locale, includeRefs: t.includeRefs, enrich: t.enrich, isSsrAbTest: t.shouldRenderVariants } }, "content-component", {
+  return t._self._setupProxy, n("div", [!t.__isNestedRender && t.TARGET !== "reactNative" ? [n("inlined-script", { attrs: { scriptStr: t.getScriptString() } })] : t._e(), t.shouldRenderVariants ? [n("inlined-styles", { attrs: { id: `variants-styles-${(o = t.content) == null ? void 0 : o.id}`, styles: t.hideVariantsStyleString } }), n("inlined-script", { attrs: { scriptStr: t.updateCookieAndStylesScriptStr } }), t._l(t.getVariants(t.content), function(r, s) {
+    return n("content-component", { key: r.testVariationId, attrs: { content: r, showContent: !1, model: t.model, data: t.data, context: t.context, apiKey: t.apiKey, apiVersion: t.apiVersion, customComponents: t.customComponents, canTrack: t.canTrack, locale: t.locale, includeRefs: t.includeRefs, enrich: t.enrich, isSsrAbTest: t.shouldRenderVariants } });
+  })] : t._e(), n("content-component", t._b({ attrs: { content: t.defaultContent, showContent: !0, model: t.model, data: t.data, context: t.context, apiKey: t.apiKey, apiVersion: t.apiVersion, customComponents: t.customComponents, canTrack: t.canTrack, locale: t.locale, includeRefs: t.includeRefs, enrich: t.enrich, isSsrAbTest: t.shouldRenderVariants } }, "content-component", {
     key: t.shouldRenderVariants.toString()
   }, !1))], 2);
-}, Re = [], Pe = /* @__PURE__ */ y(
+}, Re = [], Ee = /* @__PURE__ */ p(
+  $e,
   Te,
-  Ie,
   Re,
   !1,
   null,
@@ -1010,38 +1055,38 @@ var Ie = function() {
   null,
   null
 );
-const tt = Pe.exports, Ae = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const tt = Ee.exports, Ae = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: tt
-}, Symbol.toStringTag, { value: "Module" })), yn = z, vn = tt;
-function Oe() {
-  return v() && window.self !== window.top;
+}, Symbol.toStringTag, { value: "Module" })), yn = K, vn = tt;
+function Ve() {
+  return m() && window.self !== window.top;
 }
 function et() {
-  return Oe() && window.location.search.indexOf("builder.frameEditing=") !== -1;
+  return Ve() && window.location.search.indexOf("builder.frameEditing=") !== -1;
 }
 function Sn() {
-  return !v() || et() ? !1 : location.search.indexOf("builder.preview=") !== -1;
+  return !m() || et() ? !1 : location.search.indexOf("builder.preview=") !== -1;
 }
-const kn = [], xn = (e) => ({
+const kn = [], Cn = (e) => ({
   type: "builder.registerComponent",
-  data: Ne(e)
-}), Ve = (e) => {
+  data: Be(e)
+}), Pe = (e) => {
   const t = e.toString().trim();
   return `return (${!t.startsWith("function") && !t.startsWith("(") ? "function " : ""}${t}).apply(this, arguments)`;
-}, Ee = (e) => typeof e == "function" ? Ve(e) : V(e), Ne = ({
+}, Oe = (e) => typeof e == "function" ? Pe(e) : A(e), Be = ({
   inputs: e,
   ...t
 }) => ({
-  ...V(t),
+  ...A(t),
   inputs: e == null ? void 0 : e.map((n) => Object.entries(n).reduce((o, [r, s]) => ({
     ...o,
-    [r]: Ee(s)
+    [r]: Oe(s)
   }), {}))
-}), U = {};
-function wn(e, t) {
-  let n = U[e];
-  if (n || (n = U[e] = []), n.push(t), v()) {
+}), D = {};
+function xn(e, t) {
+  let n = D[e];
+  if (n || (n = D[e] = []), n.push(t), m()) {
     const o = {
       type: "builder.register",
       data: {
@@ -1056,41 +1101,41 @@ function wn(e, t) {
     }
   }
 }
-const M = {};
-function Cn(e) {
-  if (v()) {
-    Object.assign(M, e);
+const F = {};
+function wn(e) {
+  if (m()) {
+    Object.assign(F, e);
     const t = {
       type: "builder.settingsChange",
-      data: M
+      data: F
     };
     parent.postMessage(t, "*");
   }
 }
-function Be() {
+function Ne() {
   return typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : globalThis;
 }
 function je() {
-  const e = Be().fetch;
+  const e = Ne().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 Fe = je();
-function R(e, t = null, n = ".") {
+const Ue = je();
+function I(e, t = null, n = ".") {
   return Object.keys(e).reduce((o, r) => {
     const s = e[r], i = [t, r].filter(Boolean).join(n);
     return [typeof s == "object", s !== null, !(Array.isArray(s) && s.length === 0)].every(Boolean) ? {
       ...o,
-      ...R(s, i, n)
+      ...I(s, i, n)
     } : {
       ...o,
       [i]: s
     };
   }, {});
 }
-const Ue = "v3", L = "builder.", Me = "options.", Le = (e) => {
+const De = "v3", L = "builder.", Fe = "options.", Le = (e) => {
   const t = {};
   return e.forEach((n, o) => {
     t[o] = n;
@@ -1101,16 +1146,16 @@ const Ue = "v3", L = "builder.", Me = "options.", Le = (e) => {
   const t = ot(e), n = {};
   return Object.keys(t).forEach((o) => {
     if (o.startsWith(L)) {
-      const r = o.replace(L, "").replace(Me, "");
+      const r = o.replace(L, "").replace(Fe, "");
       n[r] = t[o];
     }
   }), n;
 }, We = () => {
-  if (!v())
+  if (!m())
     return {};
   const e = new URLSearchParams(window.location.search);
   return nt(e);
-}, ot = (e) => e instanceof URLSearchParams ? Le(e) : e, W = (e) => typeof e == "number" && !isNaN(e) && e >= 0, N = (e) => {
+}, ot = (e) => e instanceof URLSearchParams ? Le(e) : e, W = (e) => typeof e == "number" && !isNaN(e) && e >= 0, P = (e) => {
   let {
     noTraverse: t = !1
   } = e;
@@ -1120,121 +1165,121 @@ const Ue = "v3", L = "builder.", Me = "options.", Le = (e) => {
     query: r,
     model: s,
     apiKey: i,
-    includeRefs: u = !0,
+    includeRefs: f = !0,
     enrich: a,
-    locale: d,
-    apiVersion: p = Ue,
-    fields: b,
+    locale: c,
+    apiVersion: v = De,
+    fields: S,
     omit: l,
-    offset: f,
-    cacheSeconds: m,
-    staleCacheSeconds: h,
-    sort: _,
-    includeUnpublished: S
+    offset: k,
+    cacheSeconds: b,
+    staleCacheSeconds: $,
+    sort: B,
+    includeUnpublished: N
   } = e;
   if (!i)
     throw new Error("Missing API key");
-  if (!["v2", "v3"].includes(p))
-    throw new Error(`Invalid apiVersion: expected 'v2' or 'v3', received '${p}'`);
+  if (!["v2", "v3"].includes(v))
+    throw new Error(`Invalid apiVersion: expected 'v2' or 'v3', received '${v}'`);
   (e.limit === void 0 || e.limit > 1) && !("noTraverse" in e) && (t = !0);
-  const c = new URL(`https://cdn.builder.io/api/${p}/content/${s}?apiKey=${i}&limit=${n}&noTraverse=${t}&includeRefs=${u}${d ? `&locale=${d}` : ""}${a ? `&enrich=${a}` : ""}`);
-  if (c.searchParams.set("omit", l || "meta.componentsUsed"), b && c.searchParams.set("fields", b), Number.isFinite(f) && f > -1 && c.searchParams.set("offset", String(Math.floor(f))), typeof S == "boolean" && c.searchParams.set("includeUnpublished", String(S)), m && W(m) && c.searchParams.set("cacheSeconds", String(m)), h && W(h) && c.searchParams.set("staleCacheSeconds", String(h)), _) {
-    const k = R({
-      sort: _
+  const d = new URL(`https://cdn.builder.io/api/${v}/content/${s}?apiKey=${i}&limit=${n}&noTraverse=${t}&includeRefs=${f}${c ? `&locale=${c}` : ""}${a ? `&enrich=${a}` : ""}`);
+  if (d.searchParams.set("omit", l || "meta.componentsUsed"), S && d.searchParams.set("fields", S), Number.isFinite(k) && k > -1 && d.searchParams.set("offset", String(Math.floor(k))), typeof N == "boolean" && d.searchParams.set("includeUnpublished", String(N)), b && W(b) && d.searchParams.set("cacheSeconds", String(b)), $ && W($) && d.searchParams.set("staleCacheSeconds", String($)), B) {
+    const h = I({
+      sort: B
     });
-    for (const $ in k)
-      c.searchParams.set($, JSON.stringify(k[$]));
+    for (const C in h)
+      d.searchParams.set(C, JSON.stringify(h[C]));
   }
   const lt = {
     ...We(),
     ...ot(e.options || {})
-  }, j = R(lt);
-  for (const k in j)
-    c.searchParams.set(k, String(j[k]));
-  if (o && c.searchParams.set("userAttributes", JSON.stringify(o)), r) {
-    const k = R({
+  }, j = I(lt);
+  for (const h in j)
+    d.searchParams.set(h, String(j[h]));
+  if (o && d.searchParams.set("userAttributes", JSON.stringify(o)), r) {
+    const h = I({
       query: r
     });
-    for (const $ in k)
-      c.searchParams.set($, JSON.stringify(k[$]));
+    for (const C in h)
+      d.searchParams.set(C, JSON.stringify(h[C]));
   }
-  return c;
-}, Ke = (e) => "results" in e;
-async function B(e) {
+  return d;
+}, Me = (e) => "results" in e;
+async function O(e) {
   const t = await rt({
     ...e,
     limit: 1
   });
   return t && t.results[0] || null;
 }
-const $n = B, ze = async (e) => {
-  const t = N(e);
-  return await (await Fe(t.href)).json();
-}, Ge = async (e, t, n = N(e)) => {
-  const o = A(e.canTrack);
-  if (n.search.includes("preview="), !o || !(v() || C === "reactNative"))
+const In = O, Ke = async (e) => {
+  const t = P(e);
+  return await (await Ue(t.href)).json();
+}, ze = async (e, t, n = P(e)) => {
+  const o = R(e.canTrack);
+  if (n.search.includes("preview="), !o || !(m() || y === "reactNative"))
     return t;
   try {
     const r = [];
     for (const s of t.results)
-      r.push(await _e({
+      r.push(await be({
         item: s,
         canTrack: o
       }));
     t.results = r;
   } catch (r) {
-    x.error("Could not process A/B tests. ", r);
+    _.error("Could not process A/B tests. ", r);
   }
   return t;
 };
 async function rt(e) {
   try {
-    const t = N(e), n = await ze(e);
-    return Ke(n) ? Ge(e, n) : (x.error("Error fetching data. ", {
+    const t = P(e), n = await Ke(e);
+    return Me(n) ? ze(e, n) : (_.error("Error fetching data. ", {
       url: t,
       content: n,
       options: e
     }), null);
   } catch (t) {
-    return x.error("Error fetching data. ", t), null;
+    return _.error("Error fetching data. ", t), null;
   }
 }
-const Tn = rt;
-function De() {
+const $n = rt;
+function Ge() {
   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 st() {
-  return De().replace(/-/g, "");
+  return Ge().replace(/-/g, "");
 }
 const it = "builderSessionId", He = async ({
   canTrack: e
 }) => {
   if (!e)
     return;
-  const t = await D({
+  const t = await G({
     name: it,
     canTrack: e
   });
-  if (w(t))
+  if (g(t))
     return t;
   {
-    const n = Je();
-    return Xe({
+    const n = Qe();
+    return Je({
       id: n,
       canTrack: e
     }), n;
   }
-}, Je = () => st(), Xe = ({
+}, Qe = () => st(), Je = ({
   id: e,
   canTrack: t
 }) => H({
   name: it,
   value: e,
   canTrack: t
-}), at = () => v() && typeof localStorage < "u" ? localStorage : void 0, qe = ({
+}), at = () => m() && typeof localStorage < "u" ? localStorage : void 0, Xe = ({
   key: e,
   canTrack: t
 }) => {
@@ -1245,7 +1290,7 @@ const it = "builderSessionId", He = async ({
     console.debug("[LocalStorage] GET error: ", o);
     return;
   }
-}, Qe = ({
+}, Ye = ({
   key: e,
   canTrack: t,
   value: n
@@ -1256,16 +1301,16 @@ const it = "builderSessionId", He = async ({
   } catch (r) {
     console.debug("[LocalStorage] SET error: ", r);
   }
-}, ct = "builderVisitorId", Ye = ({
+}, ct = "builderVisitorId", qe = ({
   canTrack: e
 }) => {
   if (!e)
     return;
-  const t = qe({
+  const t = Xe({
     key: ct,
     canTrack: e
   });
-  if (w(t))
+  if (g(t))
     return t;
   {
     const n = Ze();
@@ -1277,12 +1322,12 @@ const it = "builderSessionId", He = async ({
 }, Ze = () => st(), tn = ({
   id: e,
   canTrack: t
-}) => Qe({
+}) => Ye({
   key: ct,
   value: e,
   canTrack: t
 }), en = () => {
-  if (v()) {
+  if (m()) {
     const e = new URL(location.href);
     return e.pathname === "" && (e.pathname = "/"), e;
   } else
@@ -1305,7 +1350,7 @@ const it = "builderSessionId", He = async ({
       return e.match(/IEMobile/i) || e.match(/WPDesktop/i);
     },
     any() {
-      return t.Android() || t.BlackBerry() || t.iOS() || t.Opera() || t.Windows() || C === "reactNative";
+      return t.Android() || t.BlackBerry() || t.iOS() || t.Opera() || t.Windows() || y === "reactNative";
     }
   }, n = e.match(/Tablet|iPad/i), o = en();
   return {
@@ -1323,7 +1368,7 @@ const it = "builderSessionId", He = async ({
     };
   const t = await He({
     canTrack: e
-  }), n = Ye({
+  }), n = qe({
     canTrack: e
   });
   return {
@@ -1353,10 +1398,10 @@ const it = "builderSessionId", He = async ({
 });
 async function an(e) {
   if (!e.apiKey) {
-    x.error("Missing API key for track call. Please provide your API key.");
+    _.error("Missing API key for track call. Please provide your API key.");
     return;
   }
-  if (e.canTrack && !et() && (v() || C === "reactNative"))
+  if (e.canTrack && !et() && (m() || y === "reactNative"))
     return fetch("https://cdn.builder.io/api/v1/track", {
       method: "POST",
       body: JSON.stringify({
@@ -1370,7 +1415,7 @@ async function an(e) {
       console.error("Failed to track: ", t);
     });
 }
-const In = (e) => an({
+const Tn = (e) => an({
   ...e,
   canTrack: !0
 }), Rn = async (e) => {
@@ -1390,52 +1435,52 @@ const In = (e) => an({
   return {
     apiKey: n.apiKey,
     model: n.model,
-    content: await B(n)
+    content: await O(n)
   };
 };
 export {
-  Cn as A,
+  wn as A,
   ln as B,
-  dn as C,
-  Ge as D,
+  un as C,
+  ze as D,
   rt as E,
-  mn as F,
-  Tn as G,
-  $n as H,
-  fn as I,
+  pn as F,
+  $n as G,
+  In as H,
+  mn as I,
   nt as J,
-  In as K,
+  Tn as K,
   Rn as L,
   ie as M,
   yn as R,
-  pn as S,
-  C as T,
-  _n as V,
+  fn as S,
+  y as T,
+  bn as V,
   an as _,
-  un as a,
-  O as b,
-  w as c,
+  dn as a,
+  E as b,
+  g as c,
   hn as d,
-  bn as e,
-  V as f,
-  pt as g,
+  _n as e,
+  A as f,
+  ft as g,
   gn as h,
   et as i,
   kn as j,
-  Yt as k,
-  qt as l,
-  v as m,
-  y as n,
-  A as o,
-  Fe as p,
-  xn as q,
-  wn as r,
-  Ne as s,
-  B as t,
+  qt as k,
+  Xt as l,
+  m,
+  p as n,
+  R as o,
+  Ue as p,
+  Cn as q,
+  xn as r,
+  Be as s,
+  O as t,
   Sn as u,
-  x as v,
+  _ as v,
   on as w,
-  z as x,
+  K as x,
   tt as y,
   vn as z
 };