@builder.io/sdk-vue 0.5.2 → 0.5.5

package/packages/_vue2/dist/evaluate.f8bc6419.js

@@ -0,0 +1,79 @@
+import { i as u, l as o, b as w } from "./index.3df15bff.js";
+function g() {
+  const r = () => {
+    var e;
+    return typeof process < "u" && ((e = process == null ? void 0 : process.versions) == null ? void 0 : e.node);
+  };
+  return !u() && !r();
+}
+let f;
+g() && import("./non-node-runtime.ea934f1b.js").then((r) => {
+  f = r.runInNonNode;
+}).catch((r) => {
+  const e = "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      ";
+  o.error(e, r), f = (...s) => {
+    o.error(e);
+  };
+});
+function p({
+  code: r,
+  context: e,
+  localState: s,
+  rootState: i,
+  rootSetState: n,
+  event: t,
+  isExpression: d = !0
+}) {
+  if (r === "") {
+    o.warn("Skipping evaluation of empty code block.");
+    return;
+  }
+  const c = {
+    isEditing: w(),
+    isBrowser: u(),
+    isServer: !u()
+  }, a = {
+    useCode: d && !(r.includes(";") || r.includes(" return ") || r.trim().startsWith("return ")) ? `return (${r});` : r,
+    builder: c,
+    context: e,
+    event: t,
+    rootSetState: n,
+    rootState: i,
+    localState: s
+  };
+  return u() ? m(a) : g() ? f(a) : h(a);
+}
+const m = ({
+  useCode: r,
+  builder: e,
+  context: s,
+  event: i,
+  localState: n,
+  rootSetState: t,
+  rootState: d
+}) => {
+  const c = E(d, n, t);
+  try {
+    return new Function("builder", "Builder", "state", "context", "event", r)(e, e, c, s, i);
+  } catch (l) {
+    o.warn(`Builder custom code error: 
+ While Evaluating: 
+ `, r, `
+`, l);
+  }
+}, h = (r) => m(r);
+function E(r, e, s) {
+  if (r === e)
+    throw new Error("rootState === localState");
+  return new Proxy(r, {
+    get: (i, n) => e && n in e ? e[n] : r[n],
+    set: (i, n, t) => {
+      if (e && n in e)
+        throw new Error("Writing to local state is not allowed as it is read-only.");
+      return r[n] = t, s == null || s(r), !0;
+    }
+  });
+}
+export {
+  p as e
+};

package/packages/_vue2/dist/{get-block-actions.19a0ecef.js → get-block-actions.26e982e0.js}

@@ -1,5 +1,5 @@
-import { T as s } from "./index.e6fc80c7.js";
-import { e as l } from "./evaluate.df5fb75e.js";
+import { T as s } from "./index.3df15bff.js";
+import { e as l } from "./evaluate.f8bc6419.js";
 const i = (e) => `v-on:${e.toLowerCase()}`, v = (e, t) => (o) => l({
   code: e,
   context: t.context,

package/packages/_vue2/dist/get-block-actions.413b41fb.cjs

@@ -0,0 +1 @@
+"use strict";const s=require("./index.9cfd3074.cjs"),l=require("./evaluate.7dcb5aad.cjs"),i=e=>`v-on:${e.toLowerCase()}`,u=(e,t)=>a=>l.evaluate({code:e,context:t.context,localState:t.localState,rootState:t.rootState,rootSetState:t.rootSetState,event:a,isExpression:!1});function v(e){var n;const t={},a=(n=e.block.actions)!=null?n:{};for(const o in a){if(!a.hasOwnProperty(o))continue;const r=a[o];let c=i(o);if(e.stripPrefix)switch(s.TARGET){case"vue2":case"vue3":c=c.replace("v-on:","");break;case"svelte":c=c.replace("on:","");break}t[c]=u(r,e)}return t}exports.getBlockActions=v;

package/packages/_vue2/dist/{get-block-properties.d589f252.js → get-block-properties.18d4c9b3.js}

@@ -1,5 +1,5 @@
-import { T as o } from "./index.e6fc80c7.js";
-import { a } from "./css.8dff19fe.js";
+import { T as o } from "./index.3df15bff.js";
+import { a } from "./css.0bf8202b.js";
 function n(e) {
   const t = {};
   if (typeof e != "string")

package/packages/_vue2/dist/{get-block-properties.88fdcf9e.cjs → get-block-properties.48e54355.cjs}

@@ -1 +1 @@
-"use strict";const c=require("./index.d33db46c.cjs"),n=require("./css.2e7fbfd1.cjs");function i(e){const t={};if(typeof e!="string")return t;const r=e.trim().split(/\\s+/);for(const s of r)t[s]=!0;return t}function o(e){return e.class=i(e.class),e}const a=e=>({href:e.href});function u({block:e,context:t}){var s;const r={...a(e),...e.properties,"builder-id":e.id,style:e.style?l(e.style):void 0,class:[e.id,"builder-block",e.class,(s=e.properties)==null?void 0:s.class].filter(Boolean).join(" ")};return o(r)}function l(e){switch(c.TARGET){case"svelte":case"vue2":case"vue3":case"solid":return n.convertStyleMapToCSSArray(e).join(" ");case"qwik":case"reactNative":case"react":case"rsc":return e}}exports.getBlockProperties=u;
+"use strict";const c=require("./index.9cfd3074.cjs"),n=require("./css.cd48304d.cjs");function i(e){const t={};if(typeof e!="string")return t;const r=e.trim().split(/\\s+/);for(const s of r)t[s]=!0;return t}function o(e){return e.class=i(e.class),e}const a=e=>({href:e.href});function u({block:e,context:t}){var s;const r={...a(e),...e.properties,"builder-id":e.id,style:e.style?l(e.style):void 0,class:[e.id,"builder-block",e.class,(s=e.properties)==null?void 0:s.class].filter(Boolean).join(" ")};return o(r)}function l(e){switch(c.TARGET){case"svelte":case"vue2":case"vue3":case"solid":return n.convertStyleMapToCSSArray(e).join(" ");case"qwik":case"reactNative":case"react":case"rsc":return e}}exports.getBlockProperties=u;

package/packages/_vue2/dist/get-processed-block.a838cbff.cjs

@@ -0,0 +1 @@
+"use strict";const d=require("./evaluate.7dcb5aad.cjs"),f=require("./index.9cfd3074.cjs"),l=require("./set.87eb0329.cjs");const g=({block:e,context:t,localState:r,rootState:i,rootSetState:o})=>{if(!e.bindings)return e;const n=f.fastClone(e),s={...n,properties:{...n.properties},actions:{...n.actions}};for(const c in e.bindings){const a=e.bindings[c],u=d.evaluate({code:a,localState:r,rootState:i,rootSetState:o,context:t});l.set(s,c,u)}return s};function p({block:e,context:t,shouldEvaluateBindings:r,localState:i,rootState:o,rootSetState:n}){const s=e;return r?g({block:s,localState:i,rootState:o,rootSetState:n,context:t}):s}exports.getProcessedBlock=p;

package/packages/_vue2/dist/{get-processed-block.23166082.js → get-processed-block.d6b8a3e9.js}

@@ -1,52 +1,53 @@
-import { e as p, s as u } from "./evaluate.df5fb75e.js";
-import { f as d } from "./index.e6fc80c7.js";
-const g = ({
+import { e as p } from "./evaluate.f8bc6419.js";
+import { f as u } from "./index.3df15bff.js";
+import { s as d } from "./set.b219ab0e.js";
+const m = ({
   block: n,
   context: t,
-  localState: o,
+  localState: e,
   rootState: r,
   rootSetState: i
 }) => {
   if (!n.bindings)
     return n;
-  const s = d(n), e = {
-    ...s,
+  const o = u(n), s = {
+    ...o,
     properties: {
-      ...s.properties
+      ...o.properties
     },
     actions: {
-      ...s.actions
+      ...o.actions
     }
   };
   for (const c in n.bindings) {
     const a = n.bindings[c], f = p({
       code: a,
-      localState: o,
+      localState: e,
       rootState: r,
       rootSetState: i,
       context: t
     });
-    u(e, c, f);
+    d(s, c, f);
   }
-  return e;
+  return s;
 };
-function B({
+function v({
   block: n,
   context: t,
-  shouldEvaluateBindings: o,
+  shouldEvaluateBindings: e,
   localState: r,
   rootState: i,
-  rootSetState: s
+  rootSetState: o
 }) {
-  const e = n;
-  return o ? g({
-    block: e,
+  const s = n;
+  return e ? m({
+    block: s,
     localState: r,
     rootState: i,
-    rootSetState: s,
+    rootSetState: o,
     context: t
-  }) : e;
+  }) : s;
 }
 export {
-  B as g
+  v as g
 };

package/packages/_vue2/dist/{index.e6fc80c7.js → index.3df15bff.js}

@@ -41,9 +41,9 @@ function b(e, t, n, o, r, s, i, u) {
   } : r), d)
     if (a.functional) {
       a._injectStyles = d;
-      var f = a.render;
-      a.render = function(m, l) {
-        return d.call(l), f(m, l);
+      var m = a.render;
+      a.render = function(f, l) {
+        return d.call(l), m(f, l);
       };
     } else {
       var p = a.beforeCreate;
@@ -113,7 +113,7 @@ const nn = ot.exports, A = (e) => JSON.parse(JSON.stringify(e)), F = {
     "Error while attempting to dynamically import component Blocks at ../../components/blocks/blocks.vue",
     e
   ), e;
-}), it = () => import("./inlined-styles.e3020f6b.js").then((e) => e.default).catch((e) => {
+}), it = () => import("./inlined-styles.52264f08.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component InlinedStyles at ../../components/inlined-styles.vue",
     e
@@ -262,13 +262,13 @@ const rn = ut.exports, dt = g({
   name: "builder-fragment-component",
   props: []
 });
-var mt = function() {
+var ft = function() {
   var t = this, n = t._self._c;
   return t._self._setupProxy, n("span", [t._t("default")], 2);
-}, ft = [], pt = /* @__PURE__ */ b(
+}, mt = [], pt = /* @__PURE__ */ b(
   dt,
-  mt,
   ft,
+  mt,
   !1,
   null,
   null,
@@ -401,17 +401,17 @@ const an = vt.exports, St = Symbol(), kt = {
 }, xt = Symbol(), wt = {
   Components: { registeredComponents: {} },
   key: xt
-}, Ct = () => import("./block-styles.59ab7031.js").then((e) => e.default).catch((e) => {
+}, Ct = () => import("./block-styles.551cd02d.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;
-}), $t = () => import("./block.63da4044.js").then((e) => e.default).catch((e) => {
+}), $t = () => import("./block.4281b61f.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component Block at ../block/block.vue",
     e
   ), e;
-}), Tt = () => import("./blocks-wrapper.2b797dc9.js").then((e) => e.default).catch((e) => {
+}), Tt = () => import("./blocks-wrapper.77411b55.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component BlocksWrapper at ./blocks-wrapper.vue",
     e
@@ -547,14 +547,14 @@ const C = "[Builder.io]: ", v = {
 }) => U({
   name: O(e),
   canTrack: !0
-}), Dt = ({
+}), Gt = ({
   contentId: e,
   value: t
 }) => W({
   name: O(e),
   value: t,
   canTrack: !0
-}), L = (e) => x(e.id) && x(e.variations) && Object.keys(e.variations).length > 0, Gt = ({
+}), L = (e) => x(e.id) && x(e.variations) && Object.keys(e.variations).length > 0, Dt = ({
   id: e,
   variations: t
 }) => {
@@ -568,8 +568,8 @@ const C = "[Builder.io]: ", v = {
   }
   return e;
 }, K = (e) => {
-  const t = Gt(e);
-  return Dt({
+  const t = Dt(e);
+  return Gt({
     contentId: e.id,
     value: t
   }).catch((n) => {
@@ -662,7 +662,7 @@ const j = "builder.", Yt = "options.", Zt = (e) => {
 }, te = (e) => {
   if (!e)
     return {};
-  const t = D(e), n = {};
+  const t = G(e), n = {};
   return Object.keys(t).forEach((o) => {
     if (o.startsWith(j)) {
       const r = o.replace(j, "").replace(Yt, "");
@@ -674,7 +674,7 @@ const j = "builder.", Yt = "options.", Zt = (e) => {
     return {};
   const e = new URLSearchParams(window.location.search);
   return te(e);
-}, D = (e) => e instanceof URLSearchParams ? Zt(e) : e, ne = "v3", E = (e) => {
+}, G = (e) => e instanceof URLSearchParams ? Zt(e) : e, ne = "v3", E = (e) => {
   const {
     limit: t = 30,
     userAttributes: n,
@@ -685,18 +685,18 @@ const j = "builder.", Yt = "options.", Zt = (e) => {
     includeRefs: u = !0,
     enrich: a,
     locale: d,
-    apiVersion: f = ne
+    apiVersion: m = ne
   } = e;
   if (!i)
     throw new Error("Missing API key");
-  if (!["v2", "v3"].includes(f))
-    throw new Error(`Invalid apiVersion: expected 'v2' or 'v3', received '${f}'`);
-  const p = new URL(`https://cdn.builder.io/api/${f}/content/${s}?apiKey=${i}&limit=${t}&noTraverse=${r}&includeRefs=${u}${d ? `&locale=${d}` : ""}${a ? `&enrich=${a}` : ""}`), c = {
+  if (!["v2", "v3"].includes(m))
+    throw new Error(`Invalid apiVersion: expected 'v2' or 'v3', received '${m}'`);
+  const p = new URL(`https://cdn.builder.io/api/${m}/content/${s}?apiKey=${i}&limit=${t}&noTraverse=${r}&includeRefs=${u}${d ? `&locale=${d}` : ""}${a ? `&enrich=${a}` : ""}`), c = {
     ...ee(),
-    ...D(e.options || {})
-  }, m = R(c);
-  for (const l in m)
-    p.searchParams.set(l, String(m[l]));
+    ...G(e.options || {})
+  }, f = R(c);
+  for (const l in f)
+    p.searchParams.set(l, String(f[l]));
   if (n && p.searchParams.set("userAttributes", JSON.stringify(n)), o) {
     const l = R({
       query: o
@@ -837,26 +837,26 @@ var de = 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);
-}, me = [], fe = /* @__PURE__ */ b(
+}, fe = [], me = /* @__PURE__ */ b(
   ue,
   de,
-  me,
+  fe,
   !1,
   null,
   null,
   null,
   null
 );
-const ln = fe.exports, pe = g({
+const ln = me.exports, pe = g({
   name: "builder-text",
   props: ["text"]
 });
 var he = function() {
   var o;
   var t = this, n = t._self._c;
-  return t._self._setupProxy, n("span", { staticClass: "builder-text", style: {
+  return t._self._setupProxy, n("span", t._b({ staticClass: "builder-text", style: {
     outline: "none"
-  }, domProps: { innerHTML: t._s(((o = t.text) == null ? void 0 : o.toString()) || "") } });
+  }, domProps: { innerHTML: t._s(((o = t.text) == null ? void 0 : o.toString()) || "") } }, "span", {}, !1));
 }, _e = [], ge = /* @__PURE__ */ b(
   pe,
   he,
@@ -961,14 +961,14 @@ function xe(e, t, n) {
       }
       return null;
     }
-    const d = `builder.tests.${e}`, f = a(d), p = t.map((l) => l.id).concat(e);
-    if (f && p.includes(f))
-      return f;
+    const d = `builder.tests.${e}`, m = a(d), p = t.map((l) => l.id).concat(e);
+    if (m && p.includes(m))
+      return m;
     let c = 0;
-    const m = Math.random();
+    const f = Math.random();
     for (let l = 0; l < t.length; l++) {
       const h = t[l], S = h.testRatio;
-      if (c += S, m < c)
+      if (c += S, f < c)
         return u(d, h.id), h.id;
     }
     return u(d, e), e;
@@ -991,13 +991,13 @@ function we(e, t, n) {
   if (!navigator.cookieEnabled)
     return;
   function o(d) {
-    const f = d + "=", p = document.cookie.split(";");
+    const m = d + "=", p = document.cookie.split(";");
     for (let c = 0; c < p.length; c++) {
-      let m = p[c];
-      for (; m.charAt(0) === " "; )
-        m = m.substring(1, m.length);
-      if (m.indexOf(f) === 0)
-        return m.substring(f.length, m.length);
+      let f = p[c];
+      for (; f.charAt(0) === " "; )
+        f = f.substring(1, f.length);
+      if (f.indexOf(m) === 0)
+        return f.substring(m.length, f.length);
     }
     return null;
   }
@@ -1011,28 +1011,28 @@ function we(e, t, n) {
     return;
   }
 }
-const Ce = (e) => e === "react" || e === "reactNative", G = Ce(w), H = "builderIoAbTest", J = "builderIoRenderContent", $e = () => {
+const Ce = (e) => e === "react" || e === "reactNative", D = Ce(w), H = "builderIoAbTest", J = "builderIoRenderContent", $e = () => {
   const e = xe.toString().replace(/\s+/g, " "), t = we.toString().replace(/\s+/g, " ");
   return `
   window.${H} = ${e}
   window.${J} = ${t}
   `;
 }, Te = (e, t) => `
-  window.${H}("${t}",${JSON.stringify(e)}, ${G})`, mn = ({
+  window.${H}("${t}",${JSON.stringify(e)}, ${D})`, fn = ({
   contentId: e,
   variationId: t
 }) => `
-  window.${J}("${t}", "${e}", ${G})`, Ie = () => import("./content.6382aeb4.js").then((e) => e.default).catch((e) => {
+  window.${J}("${t}", "${e}", ${D})`, Ie = () => import("./content.ecfd43b5.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component ContentComponent at ../content/content.vue",
     e
   ), e;
-}), Re = () => import("./inlined-styles.e3020f6b.js").then((e) => e.default).catch((e) => {
+}), Re = () => import("./inlined-styles.52264f08.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component InlinedStyles at ../inlined-styles.vue",
     e
   ), e;
-}), Ve = () => import("./inlined-script.ed4af994.js").then((e) => e.default).catch((e) => {
+}), Ve = () => import("./inlined-script.43151e3b.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component InlinedScript at ../inlined-script.vue",
     e
@@ -1066,8 +1066,6 @@ const Ce = (e) => e === "react" || e === "reactNative", G = Ce(w), H = "builderI
       }),
       getScriptString: $e,
       getVariants: $,
-      getDefaultCanTrack: I,
-      handleABTestingSync: Ht,
       TARGET: w
     };
   },
@@ -1087,6 +1085,16 @@ const Ce = (e) => e === "react" || e === "reactNative", G = Ce(w), H = "builderI
     },
     hideVariantsStyleString() {
       return $(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
+      } : Ht({
+        item: this.content,
+        canTrack: I(this.canTrack)
+      });
     }
   }
 });
@@ -1095,10 +1103,7 @@ var Oe = function() {
   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.shouldRenderVariants ? t.content : t.handleABTestingSync({
-    item: t.content,
-    canTrack: t.getDefaultCanTrack(t.canTrack)
-  }), 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", {
+  })] : 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", {
     key: t.shouldRenderVariants.toString()
   }, !1))], 2);
 }, Ee = [], Pe = /* @__PURE__ */ b(
@@ -1121,7 +1126,7 @@ function Ne() {
 function X() {
   return Ne() && window.location.search.indexOf("builder.frameEditing=") !== -1;
 }
-function fn() {
+function mn() {
   return !y() || X() ? !1 : Boolean(location.search.indexOf("builder.preview=") !== -1);
 }
 const pn = [], hn = (e) => ({
@@ -1213,7 +1218,7 @@ const Q = "builderSessionId", We = async ({
     console.debug("[LocalStorage] GET error: ", o);
     return;
   }
-}, De = ({
+}, Ge = ({
   key: e,
   canTrack: t,
   value: n
@@ -1224,7 +1229,7 @@ const Q = "builderSessionId", We = async ({
   } catch (r) {
     console.debug("[LocalStorage] SET error: ", r);
   }
-}, Z = "builderVisitorId", Ge = ({
+}, Z = "builderVisitorId", De = ({
   canTrack: e
 }) => {
   if (!e)
@@ -1245,7 +1250,7 @@ const Q = "builderSessionId", We = async ({
 }, He = () => q(), Je = ({
   id: e,
   canTrack: t
-}) => De({
+}) => Ge({
   key: Z,
   value: e,
   canTrack: t
@@ -1291,7 +1296,7 @@ const Q = "builderSessionId", We = async ({
     };
   const t = await We({
     canTrack: e
-  }), n = Ge({
+  }), n = De({
     canTrack: e
   });
   return {
@@ -1363,13 +1368,13 @@ export {
   rt as g,
   un as h,
   y as i,
-  mn as j,
+  fn as j,
   pn as k,
   v as l,
   wt as m,
   b as n,
   kt as o,
-  fn as p,
+  mn as p,
   re as q,
   gn as r,
   _n as s,