@builder.io/sdk-vue 0.0.3 → 0.0.4

package/packages/_vue3/dist/{index.c45f283d.js → index.7a037186.js}

@@ -1,12 +1,12 @@
-import { defineAsyncComponent as y, resolveComponent as v, openBlock as l, createElementBlock as d, normalizeStyle as _, Fragment as C, renderList as E, createVNode as q, createElementVNode as T, createCommentVNode as b, normalizeClass as j, renderSlot as w, mergeProps as x, toDisplayString as P, createBlock as S } from "vue";
-const U = "vue3";
+import { defineAsyncComponent as y, resolveComponent as v, openBlock as l, createElementBlock as d, normalizeStyle as _, Fragment as C, renderList as E, createVNode as K, createElementVNode as T, createCommentVNode as b, normalizeClass as U, renderSlot as w, mergeProps as x, toDisplayString as $, createBlock as S } from "vue";
+const V = "vue3";
 function h() {
   return typeof window < "u" && typeof document < "u";
 }
-const $ = {};
+const W = {};
 function ae(e, n) {
-  let t = $[e];
-  if (t || (t = $[e] = []), t.push(n), h()) {
+  let t = W[e];
+  if (t || (t = W[e] = []), t.push(n), h()) {
     const o = {
       type: "builder.register",
       data: {
@@ -16,8 +16,8 @@ function ae(e, n) {
     };
     try {
       parent.postMessage(o, "*"), parent !== window && window.postMessage(o, "*");
-    } catch (r) {
-      console.debug("Could not postmessage", r);
+    } catch (s) {
+      console.debug("Could not postmessage", s);
     }
   }
 }
@@ -42,7 +42,7 @@ const ie = () => {
     {
       type: "builder.sdkInfo",
       data: {
-        target: U,
+        target: V,
         supportsPatchUpdates: !1,
         supportsAddBlockScoping: !0
       }
@@ -53,10 +53,10 @@ const ie = () => {
     if (!!(n != null && n.type))
       switch (n.type) {
         case "builder.evaluate": {
-          const r = n.data.text, s = n.data.arguments || [], a = n.data.id, c = new Function(r);
+          const s = n.data.text, r = n.data.arguments || [], a = n.data.id, c = new Function(s);
           let i, u = null;
           try {
-            i = c.apply(null, s);
+            i = c.apply(null, r);
           } catch (m) {
             u = m;
           }
@@ -150,26 +150,26 @@ const le = () => Promise.resolve().then(() => se).then((e) => e.default).catch((
 };
 const f = (e, n) => {
   const t = e.__vccOpts || e;
-  for (const [o, r] of n)
-    t[o] = r;
+  for (const [o, s] of n)
+    t[o] = s;
   return t;
 };
-function ue(e, n, t, o, r, s) {
+function ue(e, n, t, o, s, r) {
   const a = v("render-blocks");
   return l(), d("div", {
-    class: "builder-columns div-256wrwn33ry",
-    style: _(s.columnsCssVars)
+    class: "builder-columns div-1eih9th5ow6",
+    style: _(r.columnsCssVars)
   }, [
     (l(!0), d(C, null, E(t.columns, (c, i) => (l(), d("div", {
       key: i,
-      class: "builder-column div-256wrwn33ry-2",
+      class: "builder-column div-1eih9th5ow6-2",
       style: _({
-        width: s.getColumnCssWidth(i),
-        marginLeft: `${i === 0 ? 0 : s.getGutterSize()}px`,
-        ...s.columnCssVars
+        width: r.getColumnCssWidth(i),
+        marginLeft: `${i === 0 ? 0 : r.getGutterSize()}px`,
+        ...r.columnCssVars
       })
     }, [
-      q(a, {
+      K(a, {
         blocks: e.markMutable(c.blocks),
         path: `component.options.columns.${i}.blocks`,
         parent: t.builderBlock.id,
@@ -180,25 +180,25 @@ function ue(e, n, t, o, r, s) {
     ], 4))), 128))
   ], 4);
 }
-const me = /* @__PURE__ */ f(de, [["render", ue], ["__scopeId", "data-v-2e5dc506"]]);
-function W(e) {
+const me = /* @__PURE__ */ f(de, [["render", ue], ["__scopeId", "data-v-d50420e7"]]);
+function L(e) {
   return e.replace(/http(s)?:/, "");
 }
 function pe(e = "", n, t) {
-  const o = new RegExp("([?&])" + n + "=.*?(&|$)", "i"), r = e.indexOf("?") !== -1 ? "&" : "?";
-  return e.match(o) ? e.replace(o, "$1" + n + "=" + encodeURIComponent(t) + "$2") : e + r + n + "=" + encodeURIComponent(t);
+  const o = new RegExp("([?&])" + n + "=.*?(&|$)", "i"), s = e.indexOf("?") !== -1 ? "&" : "?";
+  return e.match(o) ? e.replace(o, "$1" + n + "=" + encodeURIComponent(t) + "$2") : e + s + n + "=" + encodeURIComponent(t);
 }
 function he(e, n) {
   if (!e || !(e != null && e.match(/cdn\.shopify\.com/)) || !n)
     return e;
   if (n === "master")
-    return W(e);
+    return L(e);
   const t = e.match(
     /(_\d+x(\d+)?)?(\.(jpg|jpeg|gif|png|bmp|bitmap|tiff|tif)(\?v=\d+)?)/i
   );
   if (t) {
-    const o = e.split(t[0]), r = t[3], s = n.match("x") ? n : `${n}x`;
-    return W(`${o[0]}_${s}${r}`);
+    const o = e.split(t[0]), s = t[3], r = n.match("x") ? n : `${n}x`;
+    return L(`${o[0]}_${r}${s}`);
   }
   return null;
 }
@@ -209,7 +209,7 @@ function R(e) {
   if (e.match(/builder\.io/)) {
     let t = e;
     const o = Number(e.split("?width=")[1]);
-    return isNaN(o) || (t = `${t} ${o}w`), n.filter((r) => r !== o).map((r) => `${pe(e, "width", r)} ${r}w`).concat([t]).join(", ");
+    return isNaN(o) || (t = `${t} ${o}w`), n.filter((s) => s !== o).map((s) => `${pe(e, "width", s)} ${s}w`).concat([t]).join(", ");
   }
   return e.match(/cdn\.shopify\.com/) ? n.map((t) => [he(e, `${t}x${t}`), t]).filter(([t]) => !!t).map(([t, o]) => `${t} ${o}w`).concat([e]).join(", ") : e;
 }
@@ -260,16 +260,16 @@ const fe = {
 };
 const ge = ["srcset"], be = ["alt", "role", "src", "srcset", "sizes"], ye = ["srcset"], ve = {
   key: 2,
-  class: "div-2inev3z4vnk-2"
+  class: "div-kd7f8ex7am-2"
 };
-function xe(e, n, t, o, r, s) {
+function xe(e, n, t, o, s, r) {
   var a, c, i, u;
   return l(), d(C, null, [
     T("picture", null, [
-      s.webpSrcSet ? (l(), d("source", {
+      r.webpSrcSet ? (l(), d("source", {
         key: 0,
         type: "image/webp",
-        srcset: s.webpSrcSet
+        srcset: r.webpSrcSet
       }, null, 8, ge)) : b("", !0),
       T("img", {
         loading: "lazy",
@@ -279,20 +279,20 @@ function xe(e, n, t, o, r, s) {
           objectPosition: t.backgroundSize || "center",
           objectFit: t.backgroundSize || "cover"
         }),
-        class: j(
-          s._classStringToObject(
-            "builder-image" + (t.className ? " " + t.className : "") + " img-2inev3z4vnk"
+        class: U(
+          r._classStringToObject(
+            "builder-image" + (t.className ? " " + t.className : "") + " img-kd7f8ex7am"
           )
         ),
         src: t.image,
-        srcset: s.srcSetToUse,
+        srcset: r.srcSetToUse,
         sizes: t.sizes
       }, null, 14, be),
-      T("source", { srcset: s.srcSetToUse }, null, 8, ye)
+      T("source", { srcset: r.srcSetToUse }, null, 8, ye)
     ]),
     t.aspectRatio && !(((c = (a = t.builderBlock) == null ? void 0 : a.children) == null ? void 0 : c.length) && t.fitContent) ? (l(), d("div", {
       key: 0,
-      class: "builder-image-sizer div-2inev3z4vnk",
+      class: "builder-image-sizer div-kd7f8ex7am",
       style: _({
         paddingTop: t.aspectRatio * 100 + "%"
       })
@@ -303,11 +303,11 @@ function xe(e, n, t, o, r, s) {
     ])) : b("", !0)
   ], 64);
 }
-const ke = /* @__PURE__ */ f(fe, [["render", xe], ["__scopeId", "data-v-219500ea"]]), _e = {
+const ke = /* @__PURE__ */ f(fe, [["render", xe], ["__scopeId", "data-v-ebf1c7e3"]]), _e = {
   name: "builder-text",
   props: ["text"]
 }, Ce = ["innerHTML"];
-function we(e, n, t, o, r, s) {
+function we(e, n, t, o, s, r) {
   return l(), d("span", {
     class: "builder-text",
     innerHTML: t.text
@@ -355,9 +355,9 @@ const Se = /* @__PURE__ */ f(_e, [["render", we]]), Ie = {
     }
   }
 }, Te = ["src", "poster"];
-function Re(e, n, t, o, r, s) {
+function Re(e, n, t, o, s, r) {
   var a;
-  return l(), d("video", x(s.spreadProps, {
+  return l(), d("video", x(r.spreadProps, {
     style: {
       width: "100%",
       height: "100%",
@@ -372,16 +372,16 @@ function Re(e, n, t, o, r, s) {
 }
 const Ee = /* @__PURE__ */ f(Ie, [["render", Re]]);
 function F(e, n = null, t = ".") {
-  return Object.keys(e).reduce((o, r) => {
-    const s = e[r], a = [n, r].filter(Boolean).join(t);
+  return Object.keys(e).reduce((o, s) => {
+    const r = e[s], a = [n, s].filter(Boolean).join(t);
     return [
-      typeof s == "object",
-      s !== null,
-      !(Array.isArray(s) && s.length === 0)
-    ].every(Boolean) ? { ...o, ...F(s, a, t) } : { ...o, [a]: s };
+      typeof r == "object",
+      r !== null,
+      !(Array.isArray(r) && r.length === 0)
+    ].every(Boolean) ? { ...o, ...F(r, a, t) } : { ...o, [a]: r };
   }, {});
 }
-const L = "builder.", Fe = (e) => {
+const M = "builder.", Fe = (e) => {
   const n = {};
   return e.forEach((t, o) => {
     n[o] = t;
@@ -389,11 +389,11 @@ const L = "builder.", Fe = (e) => {
 }, je = (e) => {
   if (!e)
     return {};
-  const n = D(e), t = {};
+  const n = q(e), t = {};
   return Object.keys(n).forEach((o) => {
-    if (o.startsWith(L)) {
-      const r = o.replace(L, "");
-      t[r] = n[o];
+    if (o.startsWith(M)) {
+      const s = o.replace(M, "");
+      t[s] = n[o];
     }
   }), t;
 }, Ue = () => {
@@ -401,22 +401,22 @@ const L = "builder.", Fe = (e) => {
     return {};
   const e = new URLSearchParams(window.location.search);
   return je(e);
-}, D = (e) => e instanceof URLSearchParams ? Fe(e) : e;
-function Ae() {
+}, q = (e) => e instanceof URLSearchParams ? Fe(e) : e;
+function Ve() {
   return typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : null;
 }
-async function K() {
-  const e = Ae().fetch;
+async function D() {
+  const e = Ve().fetch;
   if (typeof e > "u" && typeof global < "u") {
     const n = import("node-fetch").then((t) => t.default);
     return n.default || n;
   }
   return e.default || e;
 }
-const Ve = (e) => {
+const Ae = (e) => {
   const n = e.split(".");
   return n.length > 2 ? n.slice(1).join(".") : e;
-}, G = async ({
+}, J = async ({
   name: e,
   canTrack: n
 }) => {
@@ -434,15 +434,15 @@ const Ve = (e) => {
   value: n,
   expires: t
 }) => {
-  const r = (h() ? location.protocol === "https:" : !0) ? Be : [[]], s = t ? [["expires", t.toUTCString()]] : [[]], a = [
+  const s = (h() ? location.protocol === "https:" : !0) ? Be : [[]], r = t ? [["expires", t.toUTCString()]] : [[]], a = [
     [e, n],
-    ...s,
+    ...r,
     ["path", "/"],
-    ["domain", Ve(window.location.hostname)],
-    ...r
+    ["domain", Ae(window.location.hostname)],
+    ...s
   ];
   return Oe(a);
-}, J = async ({
+}, G = async ({
   name: e,
   value: n,
   expires: t,
@@ -451,30 +451,30 @@ const Ve = (e) => {
   try {
     if (!o)
       return;
-    const r = Pe({ name: e, value: n, expires: t });
-    document.cookie = r;
-  } catch (r) {
-    console.warn("[COOKIE] SET error: ", r);
+    const s = Pe({ name: e, value: n, expires: t });
+    document.cookie = s;
+  } catch (s) {
+    console.warn("[COOKIE] SET error: ", s);
   }
 }, $e = "builderio.variations", Y = (e) => `${$e}.${e}`, We = ({
   contentId: e,
   canTrack: n
-}) => G({ name: Y(e), canTrack: n }), Le = ({
+}) => J({ name: Y(e), canTrack: n }), Le = ({
   contentId: e,
   canTrack: n,
   value: t
-}) => J({ name: Y(e), value: t, canTrack: n }), I = (e) => e != null, Me = (e) => I(e.id) && I(e.variations) && Object.keys(e.variations).length > 0, Ne = ({
+}) => G({ name: Y(e), value: t, canTrack: n }), I = (e) => e != null, Me = (e) => I(e.id) && I(e.variations) && Object.keys(e.variations).length > 0, Ne = ({
   id: e,
   variations: n
 }) => {
-  var r;
+  var s;
   let t = 0;
   const o = Math.random();
-  for (const s in n)
-    if (t += (r = n[s]) == null ? void 0 : r.testRatio, o < t)
-      return s;
+  for (const r in n)
+    if (t += (s = n[r]) == null ? void 0 : s.testRatio, o < t)
+      return r;
   return e;
-}, M = ({
+}, N = ({
   item: e,
   testGroupId: n
 }) => {
@@ -487,54 +487,54 @@ const Ve = (e) => {
     testVariationId: t.id,
     testVariationName: t.name || (t.id === e.id ? "Default" : "")
   };
-}, ze = async ({
+}, He = async ({
   item: e,
   canTrack: n
 }) => {
   const t = await We({
     canTrack: n,
     contentId: e.id
-  }), o = t ? M({ item: e, testGroupId: t }) : void 0;
+  }), o = t ? N({ item: e, testGroupId: t }) : void 0;
   if (o)
     return o;
   {
-    const r = Ne({
+    const s = Ne({
       variations: e.variations,
       id: e.id
     });
     return Le({
       contentId: e.id,
-      value: r,
+      value: s,
       canTrack: n
-    }).catch((s) => {
-      console.error("could not store A/B test variation: ", s);
-    }), M({ item: e, testGroupId: r });
+    }).catch((r) => {
+      console.error("could not store A/B test variation: ", r);
+    }), N({ item: e, testGroupId: s });
   }
-}, He = async ({
+}, ze = async ({
   item: e,
   canTrack: n
 }) => {
   if (!Me(e))
     return;
-  const t = await ze({ item: e, canTrack: n });
+  const t = await He({ item: e, canTrack: n });
   Object.assign(e, t);
 };
 async function X(e) {
-  return (await De({ ...e, limit: 1 })).results[0] || null;
+  return (await qe({ ...e, limit: 1 })).results[0] || null;
 }
-const qe = (e) => {
+const Ke = (e) => {
   const {
     limit: n = 30,
     userAttributes: t,
     query: o,
-    noTraverse: r = !1,
-    model: s,
+    noTraverse: s = !1,
+    model: r,
     apiKey: a
   } = e, c = new URL(
-    `https://cdn.builder.io/api/v2/content/${s}?apiKey=${a}&limit=${n}&noTraverse=${r}`
+    `https://cdn.builder.io/api/v2/content/${r}?apiKey=${a}&limit=${n}&noTraverse=${s}`
   ), i = {
     ...Ue(),
-    ...D(e.options || {})
+    ...q(e.options || {})
   }, u = F(i);
   for (const m in u)
     c.searchParams.set(m, String(u[m]));
@@ -545,23 +545,23 @@ const qe = (e) => {
   }
   return c;
 };
-async function De(e) {
-  const n = qe(e), o = await (await K())(n.href).then(
-    (s) => s.json()
-  ), r = e.canTrack !== !1;
-  if (r)
-    for (const s of o.results)
-      await He({ item: s, canTrack: r });
+async function qe(e) {
+  const n = Ke(e), o = await (await D())(n.href).then(
+    (r) => r.json()
+  ), s = e.canTrack !== !1;
+  if (s)
+    for (const r of o.results)
+      await ze({ item: r, canTrack: s });
   return o;
 }
-const Ke = () => Promise.resolve().then(() => on).then((e) => e.default).catch((e) => {
+const De = () => Promise.resolve().then(() => on).then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component RenderContent at ../../components/render-content/render-content.vue",
     e
   ), e;
-}), Ge = {
+}), Je = {
   name: "builder-symbol",
-  components: { RenderContent: y(Ke) },
+  components: { RenderContent: y(De) },
   props: ["symbol", "attributes"],
   data: () => ({
     className: "builder-symbol",
@@ -608,47 +608,47 @@ const Ke = () => Promise.resolve().then(() => on).then((e) => e.default).catch((
       return n;
     }
   }
-}, Je = ["dataSet"];
-function Ye(e, n, t, o, r, s) {
+}, Ge = ["dataSet"];
+function Ye(e, n, t, o, s, r) {
   var c, i, u, m, p;
   const a = v("render-content");
   return l(), d("div", x(t.attributes, {
     dataSet: {
       class: e.className
     },
-    class: s._classStringToObject(e.className)
+    class: r._classStringToObject(e.className)
   }), [
-    q(a, {
-      apiKey: s.builderContext.apiKey,
-      context: s.builderContext.context,
-      customComponents: e.markMutable(Object.values(s.builderContext.registeredComponents)),
+    K(a, {
+      apiKey: r.builderContext.apiKey,
+      context: r.builderContext.context,
+      customComponents: e.markMutable(Object.values(r.builderContext.registeredComponents)),
       data: e.markMutable({
         ...(c = t.symbol) == null ? void 0 : c.data,
-        ...s.builderContext.state,
+        ...r.builderContext.state,
         ...(m = (u = (i = t.symbol) == null ? void 0 : i.content) == null ? void 0 : u.data) == null ? void 0 : m.state
       }),
       model: (p = t.symbol) == null ? void 0 : p.model,
-      content: e.markMutable(s.contentToUse)
+      content: e.markMutable(r.contentToUse)
     }, null, 8, ["apiKey", "context", "customComponents", "data", "model", "content"])
-  ], 16, Je);
+  ], 16, Ge);
 }
-const Xe = /* @__PURE__ */ f(Ge, [["render", Ye]]), Qe = {
+const Xe = /* @__PURE__ */ f(Je, [["render", Ye]]), Qe = {
   name: "builder-button",
   props: ["attributes", "text", "link", "openLinkInNewTab"]
 };
 const Ze = ["href", "target"];
-function et(e, n, t, o, r, s) {
+function et(e, n, t, o, s, r) {
   return t.link ? (l(), d("a", x({ key: 0 }, t.attributes, {
     role: "button",
     href: t.link,
     target: t.openLinkInNewTab ? "_blank" : void 0
-  }), P(t.text), 17, Ze)) : (l(), d("button", x({ key: 1 }, t.attributes, { class: "button-20vehov4ay6" }), P(t.text), 17));
+  }), $(t.text), 17, Ze)) : (l(), d("button", x({ key: 1 }, t.attributes, { class: "button-1yj9n7yt24z" }), $(t.text), 17));
 }
-const tt = /* @__PURE__ */ f(Qe, [["render", et], ["__scopeId", "data-v-4f342625"]]), nt = {
+const tt = /* @__PURE__ */ f(Qe, [["render", et], ["__scopeId", "data-v-a1cb1b3e"]]), nt = {
   name: "builder-section-component",
   props: ["attributes", "maxWidth"]
 };
-function ot(e, n, t, o, r, s) {
+function ot(e, n, t, o, s, r) {
   return l(), d("section", x(t.attributes, {
     style: t.maxWidth && typeof t.maxWidth == "number" ? {
       maxWidth: t.maxWidth
@@ -661,7 +661,7 @@ const st = /* @__PURE__ */ f(nt, [["render", ot]]), rt = {
   name: "builder-fragment-component",
   props: []
 };
-function at(e, n, t, o, r, s) {
+function at(e, n, t, o, s, r) {
   return l(), d("span", null, [
     w(e.$slots, "default")
   ]);
@@ -704,7 +704,7 @@ const it = /* @__PURE__ */ f(rt, [["render", at]]), ct = {
   static: !0,
   noWrap: !0
 };
-function V(e) {
+function O(e) {
   return e.__qwik_serializable__ = !0, e;
 }
 const lt = {
@@ -895,7 +895,7 @@ const lt = {
           ]
         }
       ],
-      onChange: V((e) => {
+      onChange: O((e) => {
         function n() {
           t.forEach((o) => {
             o.delete("width");
@@ -903,9 +903,9 @@ const lt = {
         }
         const t = e.get("columns");
         Array.isArray(t) && !!t.find(
-          (r) => r.get("width")
+          (s) => s.get("width")
         ) && (!!t.find(
-          (s) => !s.get("width")
+          (r) => !r.get("width")
         ) || t.reduce((c, i) => c + i.get("width"), 0) !== 100) && n();
       })
     },
@@ -959,7 +959,7 @@ const lt = {
       allowedFileTypes: ["jpeg", "jpg", "png", "svg"],
       required: !0,
       defaultValue: "https://cdn.builder.io/api/v1/image/assets%2Fpwgjf0RoYWbdnJSbpBAjXNRMe9F2%2Ffb27a7c790324294af8be1c35fe30f4d",
-      onChange: V((e) => {
+      onChange: O((e) => {
         e.delete("srcset"), e.delete("noWebp");
         function t(a, c = 6e4) {
           return new Promise((i, u) => {
@@ -977,13 +977,13 @@ const lt = {
         function o(a) {
           return Math.round(a * 1e3) / 1e3;
         }
-        const r = e.get("image"), s = e.get("aspectRatio");
-        if (fetch(r).then((a) => a.blob()).then((a) => {
+        const s = e.get("image"), r = e.get("aspectRatio");
+        if (fetch(s).then((a) => a.blob()).then((a) => {
           a.type.includes("svg") && e.set("noWebp", !0);
-        }), r && (!s || s === 0.7041))
-          return t(r).then((a) => {
+        }), s && (!r || r === 0.7041))
+          return t(s).then((a) => {
             const c = e.get("aspectRatio");
-            e.get("image") === r && (!c || c === 0.7041) && a.width && a.height && (e.set("aspectRatio", o(a.height / a.width)), e.set("height", a.height), e.set("width", a.width));
+            e.get("image") === s && (!c || c === 0.7041) && a.width && a.height && (e.set("aspectRatio", o(a.height / a.width)), e.set("height", a.height), e.set("width", a.width));
           });
       })
     },
@@ -1282,7 +1282,7 @@ const lt = {
       required: !0,
       defaultValue: "",
       helperText: "e.g. enter a youtube url, google map, etc",
-      onChange: V((e) => {
+      onChange: O((e) => {
         const n = e.get("url");
         if (n)
           return e.set("content", "Loading..."), fetch(
@@ -1347,7 +1347,7 @@ const lt = {
     }
   }
 }, xt = ["innerHTML"];
-function kt(e, n, t, o, r, s) {
+function kt(e, n, t, o, s, r) {
   return l(), d("div", {
     class: "builder-embed",
     ref: "elem",
@@ -1373,7 +1373,7 @@ const wt = {
   ],
   data: () => ({ isEditing: g })
 }, St = ["alt", "src"];
-function It(e, n, t, o, r, s) {
+function It(e, n, t, o, s, r) {
   return l(), d("img", x(t.attributes, {
     style: {
       objectFit: t.backgroundSize || "cover",
@@ -1446,18 +1446,18 @@ const Tt = /* @__PURE__ */ f(wt, [["render", It]]), Rt = {
     }
   }
 }, Ft = ["innerHTML"];
-function jt(e, n, t, o, r, s) {
+function jt(e, n, t, o, s, r) {
   return l(), d("div", {
     ref: "elem",
-    class: j(
-      s._classStringToObject(
+    class: U(
+      r._classStringToObject(
         "builder-custom-code" + (t.replaceNodes ? " replace-nodes" : "")
       )
     ),
     innerHTML: t.code
   }, null, 10, Ft);
 }
-const Ut = /* @__PURE__ */ f(Et, [["render", jt]]), At = {
+const Ut = /* @__PURE__ */ f(Et, [["render", jt]]), Vt = {
   name: "Custom Code",
   static: !0,
   builtIn: !0,
@@ -1484,7 +1484,7 @@ const Ut = /* @__PURE__ */ f(Et, [["render", jt]]), At = {
       advanced: !0
     }
   ]
-}, Vt = () => [
+}, At = () => [
   { component: me, ...lt },
   { component: ke, ...ut },
   { component: Tt, ...Rt },
@@ -1495,9 +1495,9 @@ const Ut = /* @__PURE__ */ f(Et, [["render", jt]]), At = {
   { component: st, ...mt },
   { component: it, ...dt },
   { component: _t, ...gt },
-  { component: Ut, ...At }
+  { component: Ut, ...Vt }
 ];
-function N({
+function H({
   code: e,
   context: n,
   state: t,
@@ -1507,7 +1507,7 @@ function N({
     console.warn("Skipping evaluation of empty code block.");
     return;
   }
-  const r = {
+  const s = {
     isEditing: g(),
     isBrowser: h(),
     isServer: !h()
@@ -1520,7 +1520,7 @@ function N({
       "context",
       "event",
       a
-    )(r, r, t, n, o);
+    )(s, s, t, n, o);
   } catch (c) {
     console.warn(
       `Builder custom code error: 
@@ -1558,9 +1558,9 @@ const Bt = ({
   ...Q(n),
   inputs: e == null ? void 0 : e.map(
     (t) => Object.entries(t).reduce(
-      (o, [r, s]) => ({
+      (o, [s, r]) => ({
         ...o,
-        [r]: Pt(s)
+        [s]: Pt(r)
       }),
       {}
     )
@@ -1578,7 +1578,7 @@ function ee() {
 const te = "builderSessionId", Mt = async ({ canTrack: e }) => {
   if (!e)
     return;
-  const n = await G({
+  const n = await J({
     name: te,
     canTrack: e
   });
@@ -1586,12 +1586,12 @@ const te = "builderSessionId", Mt = async ({ canTrack: e }) => {
     return n;
   {
     const t = Nt();
-    zt({ id: t, canTrack: e });
+    Ht({ id: t, canTrack: e });
   }
-}, Nt = () => ee(), zt = ({
+}, Nt = () => ee(), Ht = ({
   id: e,
   canTrack: n
-}) => J({ name: te, value: e, canTrack: n }), ne = () => h() && typeof localStorage < "u" ? localStorage : void 0, Ht = ({
+}) => G({ name: te, value: e, canTrack: n }), ne = () => h() && typeof localStorage < "u" ? localStorage : void 0, zt = ({
   key: e,
   canTrack: n
 }) => {
@@ -1601,7 +1601,7 @@ const te = "builderSessionId", Mt = async ({ canTrack: e }) => {
   } catch (o) {
     console.debug("[LocalStorage] GET error: ", o);
   }
-}, qt = ({
+}, Kt = ({
   key: e,
   canTrack: n,
   value: t
@@ -1609,35 +1609,35 @@ const te = "builderSessionId", Mt = async ({ canTrack: e }) => {
   var o;
   try {
     n && ((o = ne()) == null || o.setItem(e, t));
-  } catch (r) {
-    console.debug("[LocalStorage] SET error: ", r);
+  } catch (s) {
+    console.debug("[LocalStorage] SET error: ", s);
   }
-}, oe = "builderVisitorId", Dt = ({ canTrack: e }) => {
+}, oe = "builderVisitorId", qt = ({ canTrack: e }) => {
   if (!e)
     return;
-  const n = Ht({
+  const n = zt({
     key: oe,
     canTrack: e
   });
   if (I(n))
     return n;
   {
-    const t = Kt();
-    Gt({ id: t, canTrack: e });
+    const t = Dt();
+    Jt({ id: t, canTrack: e });
   }
-}, Kt = () => ee(), Gt = ({
+}, Dt = () => ee(), Jt = ({
   id: e,
   canTrack: n
-}) => qt({
+}) => Kt({
   key: oe,
   value: e,
   canTrack: n
-}), Jt = async ({
+}), Gt = async ({
   canTrack: e
 }) => {
   if (!e)
     return { visitorId: void 0, sessionId: void 0 };
-  const n = await Mt({ canTrack: e }), t = Dt({ canTrack: e });
+  const n = await Mt({ canTrack: e }), t = qt({ canTrack: e });
   return {
     sessionId: n,
     visitorId: t
@@ -1645,20 +1645,20 @@ const te = "builderSessionId", Mt = async ({ canTrack: e }) => {
 }, Yt = async ({
   type: e,
   canTrack: n,
-  orgId: t,
-  contentId: o,
-  ...r
+  apiKey: t,
+  metadata: o,
+  ...s
 }) => ({
   type: e,
   data: {
-    ...r,
-    ...await Jt({ canTrack: n }),
-    ownerId: t,
-    contentId: o
+    ...s,
+    metadata: JSON.stringify(o),
+    ...await Gt({ canTrack: n }),
+    ownerId: t
   }
 });
-async function z(e) {
-  if (!!e.canTrack && !g() && !!(h() || U === "reactNative"))
+async function j(e) {
+  if (!!e.canTrack && !g() && !!(h() || V === "reactNative"))
     return fetch("https://builder.io/api/v1/track", {
       method: "POST",
       body: JSON.stringify({
@@ -1672,12 +1672,12 @@ async function z(e) {
       console.error("Failed to track: ", n);
     });
 }
-const Xt = () => Promise.resolve().then(() => se).then((e) => e.default).catch((e) => {
+const hn = (e) => j({ ...e, canTrack: !0 }), Xt = () => Promise.resolve().then(() => se).then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component RenderBlocks at ../render-blocks.vue",
     e
   ), e;
-}), Qt = () => import("./render-styles.32666ea6.js").then((e) => e.default).catch((e) => {
+}), Qt = () => import("./render-styles.970e0a2e.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component RenderContentStyles at ./components/render-styles.vue",
     e
@@ -1727,31 +1727,36 @@ const Xt = () => Promise.resolve().then(() => se).then((e) => e.default).catch((
     };
   },
   mounted() {
-    var e;
+    var e, n;
     if (h()) {
       if (g() && (this.forceReRenderCount = this.forceReRenderCount + 1, ie(), ce(), Object.values(this.allRegisteredComponents).forEach(
-        (n) => {
-          var o;
-          const t = Bt(n);
-          (o = window.parent) == null || o.postMessage(t, "*");
+        (t) => {
+          var s;
+          const o = Bt(t);
+          (s = window.parent) == null || s.postMessage(o, "*");
         }
       ), window.addEventListener("message", this.processMessage), window.addEventListener(
         "builder:component:stateChangeListenerActivated",
         this.emitStateUpdate
-      )), this.useContent && z({
-        type: "impression",
-        canTrack: this.canTrackToUse,
-        contentId: (e = this.useContent) == null ? void 0 : e.id,
-        orgId: this.apiKey
-      }), Ot()) {
-        const n = new URL(location.href).searchParams;
-        if (this.model && n.get("builder.preview") === this.model) {
-          const t = n.get("apiKey") || n.get("builder.space");
-          t && X({
+      )), this.useContent) {
+        const t = (e = this.useContent) == null ? void 0 : e.testVariationId, o = (n = this.useContent) == null ? void 0 : n.id;
+        j({
+          type: "impression",
+          canTrack: this.canTrackToUse,
+          contentId: o,
+          apiKey: this.apiKey,
+          variationId: t !== o ? t : void 0
+        });
+      }
+      if (Ot()) {
+        const t = new URL(location.href).searchParams;
+        if (this.model && t.get("builder.preview") === this.model) {
+          const o = t.get("apiKey") || t.get("builder.space");
+          o && X({
             model: this.model,
-            apiKey: t
-          }).then((o) => {
-            o && (this.overrideContent = o);
+            apiKey: o
+          }).then((s) => {
+            s && (this.overrideContent = s);
           });
         }
       }
@@ -1804,7 +1809,7 @@ const Xt = () => Promise.resolve().then(() => se).then((e) => e.default).catch((
     },
     allRegisteredComponents() {
       return [
-        ...Vt(),
+        ...At(),
         ...Z,
         ...this.customComponents || []
       ].reduce(
@@ -1819,9 +1824,9 @@ const Xt = () => Promise.resolve().then(() => se).then((e) => e.default).catch((
       return {};
     },
     shouldRenderContentStyles() {
-      var e, n, t, o, r;
+      var e, n, t, o, s;
       return Boolean(
-        (((n = (e = this.useContent) == null ? void 0 : e.data) == null ? void 0 : n.cssCode) || ((r = (o = (t = this.useContent) == null ? void 0 : t.data) == null ? void 0 : o.customFonts) == null ? void 0 : r.length)) && U !== "reactNative"
+        (((n = (e = this.useContent) == null ? void 0 : e.data) == null ? void 0 : n.cssCode) || ((s = (o = (t = this.useContent) == null ? void 0 : t.data) == null ? void 0 : o.customFonts) == null ? void 0 : s.length)) && V !== "reactNative"
       );
     },
     onUpdateHook0() {
@@ -1848,8 +1853,8 @@ const Xt = () => Promise.resolve().then(() => se).then((e) => e.default).catch((
       if (n)
         switch (n.type) {
           case "builder.contentUpdate": {
-            const t = n.data, o = t.key || t.alias || t.entry || t.modelName, r = t.data;
-            o === this.model && (this.overrideContent = r, this.forceReRenderCount = this.forceReRenderCount + 1);
+            const t = n.data, o = t.key || t.alias || t.entry || t.modelName, s = t.data;
+            o === this.model && (this.overrideContent = s, this.forceReRenderCount = this.forceReRenderCount + 1);
             break;
           }
         }
@@ -1857,25 +1862,29 @@ const Xt = () => Promise.resolve().then(() => se).then((e) => e.default).catch((
     evaluateJsCode() {
       var n, t;
       const e = (t = (n = this.useContent) == null ? void 0 : n.data) == null ? void 0 : t.jsCode;
-      e && N({
+      e && H({
         code: e,
         context: this.contextContext,
         state: this.contentState
       });
     },
     onClick(e) {
-      var n;
-      this.useContent && z({
-        type: "click",
-        canTrack: this.canTrackToUse,
-        contentId: (n = this.useContent) == null ? void 0 : n.id,
-        orgId: this.apiKey
-      });
+      var n, t;
+      if (this.useContent) {
+        const o = (n = this.useContent) == null ? void 0 : n.testVariationId, s = (t = this.useContent) == null ? void 0 : t.id;
+        j({
+          type: "click",
+          canTrack: this.canTrackToUse,
+          contentId: s,
+          apiKey: this.apiKey,
+          variationId: o !== s ? o : void 0
+        });
+      }
     },
     evalExpression(e) {
       return e.replace(
         /{{([^}]+)}}/g,
-        (n, t) => N({
+        (n, t) => H({
           code: t,
           context: this.contextContext,
           state: this.contentState
@@ -1883,7 +1892,7 @@ const Xt = () => Promise.resolve().then(() => se).then((e) => e.default).catch((
       );
     },
     handleRequest({ url: e, key: n }) {
-      K().then((t) => t(e)).then((t) => t.json()).then((t) => {
+      D().then((t) => t(e)).then((t) => t.json()).then((t) => {
         const o = {
           ...this.overrideState,
           [n]: t
@@ -1896,12 +1905,12 @@ const Xt = () => Promise.resolve().then(() => se).then((e) => e.default).catch((
     runHttpRequests() {
       var n, t, o;
       const e = (o = (t = (n = this.useContent) == null ? void 0 : n.data) == null ? void 0 : t.httpRequests) != null ? o : {};
-      Object.entries(e).forEach(([r, s]) => {
-        if (s && (!this.httpReqsData[r] || g())) {
-          const a = this.evalExpression(s);
+      Object.entries(e).forEach(([s, r]) => {
+        if (r && (!this.httpReqsData[s] || g())) {
+          const a = this.evalExpression(r);
           this.handleRequest({
             url: a,
-            key: r
+            key: s
           });
         }
       });
@@ -1920,23 +1929,23 @@ const Xt = () => Promise.resolve().then(() => se).then((e) => e.default).catch((
     }
   }
 }, en = ["builder-content-id", "builder-model"];
-function tn(e, n, t, o, r, s) {
-  var i, u, m, p, k, O, B;
+function tn(e, n, t, o, s, r) {
+  var i, u, m, p, k, B, P;
   const a = v("render-content-styles"), c = v("render-blocks");
-  return s.useContent ? (l(), d("div", {
+  return r.useContent ? (l(), d("div", {
     key: 0,
     ref: "elementRef",
-    onClick: n[0] || (n[0] = (re) => s.onClick(re)),
-    "builder-content-id": (i = s.useContent) == null ? void 0 : i.id,
+    onClick: n[0] || (n[0] = (re) => r.onClick(re)),
+    "builder-content-id": (i = r.useContent) == null ? void 0 : i.id,
     "builder-model": t.model
   }, [
-    s.shouldRenderContentStyles ? (l(), S(a, {
+    r.shouldRenderContentStyles ? (l(), S(a, {
       key: 0,
-      cssCode: (m = (u = s.useContent) == null ? void 0 : u.data) == null ? void 0 : m.cssCode,
-      customFonts: (k = (p = s.useContent) == null ? void 0 : p.data) == null ? void 0 : k.customFonts
+      cssCode: (m = (u = r.useContent) == null ? void 0 : u.data) == null ? void 0 : m.cssCode,
+      customFonts: (k = (p = r.useContent) == null ? void 0 : p.data) == null ? void 0 : k.customFonts
     }, null, 8, ["cssCode", "customFonts"])) : b("", !0),
     (l(), S(c, {
-      blocks: e.markMutable((B = (O = s.useContent) == null ? void 0 : O.data) == null ? void 0 : B.blocks),
+      blocks: e.markMutable((P = (B = r.useContent) == null ? void 0 : B.data) == null ? void 0 : P.blocks),
       key: e.forceReRenderCount
     }, null, 8, ["blocks"]))
   ], 8, en)) : b("", !0);
@@ -1944,12 +1953,12 @@ function tn(e, n, t, o, r, s) {
 const nn = /* @__PURE__ */ f(Zt, [["render", tn]]), on = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: nn
-}, Symbol.toStringTag, { value: "Module" })), sn = () => import("./block-styles.4fb6c64e.js").then((e) => e.default).catch((e) => {
+}, Symbol.toStringTag, { value: "Module" })), sn = () => import("./block-styles.e92f0e4a.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component BlockStyles at ./render-block/block-styles.vue",
     e
   ), e;
-}), rn = () => import("./render-block.a0b27065.js").then((e) => e.default).catch((e) => {
+}), rn = () => import("./render-block.7817291b.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component RenderBlock at ./render-block/render-block.vue",
     e
@@ -2009,41 +2018,41 @@ const nn = /* @__PURE__ */ f(Zt, [["render", tn]]), on = /* @__PURE__ */ Object.
   }
 };
 const cn = ["builder-path", "builder-parent-id", "dataSet"];
-function ln(e, n, t, o, r, s) {
+function ln(e, n, t, o, s, r) {
   const a = v("render-block"), c = v("block-styles");
   return l(), d("div", {
-    class: j(s._classStringToObject(s.className + " div-2oa2wtipkzk")),
+    class: U(r._classStringToObject(r.className + " div-2oa2wtipkzk")),
     "builder-path": t.path,
     "builder-parent-id": t.parent,
     dataSet: {
-      class: s.className
+      class: r.className
     },
     style: _(t.styleProp),
-    onClick: n[0] || (n[0] = (i) => s.onClick()),
-    onMouseenter: n[1] || (n[1] = (i) => s.onMouseEnter())
+    onClick: n[0] || (n[0] = (i) => r.onClick()),
+    onMouseenter: n[1] || (n[1] = (i) => r.onMouseEnter())
   }, [
     t.blocks ? (l(!0), d(C, { key: 0 }, E(t.blocks, (i, u) => (l(), S(a, {
       key: "render-block-" + i.id,
       block: i,
-      context: s.builderContext
+      context: r.builderContext
     }, null, 8, ["block", "context"]))), 128)) : b("", !0),
     t.blocks ? (l(!0), d(C, { key: 1 }, E(t.blocks, (i, u) => (l(), S(c, {
       key: "block-style-" + i.id,
       block: i,
-      context: s.builderContext
+      context: r.builderContext
     }, null, 8, ["block", "context"]))), 128)) : b("", !0)
   ], 46, cn);
 }
 const dn = /* @__PURE__ */ f(an, [["render", ln], ["__scopeId", "data-v-75c39314"]]), se = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: dn
-}, Symbol.toStringTag, { value: "Module" })), H = {};
-function hn(e) {
+}, Symbol.toStringTag, { value: "Module" })), z = {};
+function fn(e) {
   if (h()) {
-    Object.assign(H, e);
+    Object.assign(z, e);
     const n = {
       type: "builder.settingsChange",
-      data: H
+      data: z
     };
     parent.postMessage(n, "*");
   }
@@ -2054,14 +2063,14 @@ export {
   it as F,
   ke as I,
   Xe as S,
-  U as T,
+  V as T,
   Ee as V,
   f as _,
   Se as a,
   st as b,
   dn as c,
   Ot as d,
-  N as e,
+  H as e,
   Q as f,
   Z as g,
   pn as h,
@@ -2070,12 +2079,13 @@ export {
   ae as k,
   X as l,
   mn as m,
-  qe as n,
-  De as o,
+  Ke as n,
+  qe as o,
   Fe as p,
   je as q,
   nn as r,
-  hn as s,
-  Ue as t,
-  D as u
+  fn as s,
+  hn as t,
+  Ue as u,
+  q as v
 };