@builder.io/sdk-vue 0.1.15 → 0.1.16

package/package.json

@@ -4,7 +4,7 @@
   "workspaces": [
     "packages/*"
   ],
-  "version": "0.1.15",
+  "version": "0.1.16",
   "main": "./packages/_vue2/dist/sdk.js",
   "module": "./packages/_vue2/dist/sdk.js",
   "type": "module",

package/packages/_vue2/dist/{block-styles.64f7ab0b.cjs → block-styles.083832a5.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index.d36a8d30.cjs"),c=require("./css.ae8c605c.cjs"),h=()=>Promise.resolve().then(()=>require("./render-inlined-styles.6d7b4bcd.cjs")).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component RenderInlinedStyles at ../render-inlined-styles.vue",e),e}),y={name:"block-styles",components:{RenderInlinedStyles:h},props:["block","context"],data(){return{TARGET:t.TARGET}},computed:{useBlock(){return c.getProcessedBlock({block:this.block,state:this.context.state,context:this.context.context,shouldEvaluateBindings:!0})},canShowBlock(){return t.checkIsDefined(this.useBlock.hide)?!this.useBlock.hide:t.checkIsDefined(this.useBlock.show)?this.useBlock.show:!0},css(){var a;const e=this.useBlock.responsiveStyles,s=this.context.content,n=t.getSizesForBreakpoints(((a=s==null?void 0:s.meta)==null?void 0:a.breakpoints)||{}),l=e==null?void 0:e.large,r=e==null?void 0:e.medium,i=e==null?void 0:e.small,o=this.useBlock.id,d=l?c.createCssClass({className:o,styles:l}):"",u=r?c.createCssClass({className:o,styles:r,mediaQuery:t.getMaxWidthQueryForSize("medium",n)}):"",m=i?c.createCssClass({className:o,styles:i,mediaQuery:t.getMaxWidthQueryForSize("small",n)}):"";return[d,u,m].join(" ")}}};var k=function(){var s=this,n=s._self._c;return s.TARGET!=="reactNative"&&s.css&&s.canShowBlock?n("render-inlined-styles",{attrs:{styles:s.css}}):s._e()},S=[],p=t.normalizeComponent(y,k,S,!1,null,null,null,null);const _=p.exports;exports.default=_;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index.5d490ae1.cjs"),o=require("./css.125be5c3.cjs"),h=()=>Promise.resolve().then(()=>require("./render-inlined-styles.0013a71a.cjs")).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component RenderInlinedStyles at ../render-inlined-styles.vue",e),e}),y={name:"block-styles",components:{RenderInlinedStyles:h},props:["block","context"],data(){return{TARGET:t.TARGET}},computed:{useBlock(){return o.getProcessedBlock({block:this.block,state:this.context.state,context:this.context.context,shouldEvaluateBindings:!0})},canShowBlock(){return t.checkIsDefined(this.useBlock.hide)?!this.useBlock.hide:t.checkIsDefined(this.useBlock.show)?this.useBlock.show:!0},css(){var a;const e=this.useBlock.responsiveStyles,s=this.context.content,n=t.getSizesForBreakpoints(((a=s==null?void 0:s.meta)==null?void 0:a.breakpoints)||{}),l=e==null?void 0:e.large,r=e==null?void 0:e.medium,i=e==null?void 0:e.small,c=this.useBlock.id,d=l?o.createCssClass({className:c,styles:l}):"",u=r?o.createCssClass({className:c,styles:r,mediaQuery:t.getMaxWidthQueryForSize("medium",n)}):"",m=i?o.createCssClass({className:c,styles:i,mediaQuery:t.getMaxWidthQueryForSize("small",n)}):"";return[d,u,m].join(" ")}}};var k=function(){var s=this,n=s._self._c;return s.TARGET!=="reactNative"&&s.css&&s.canShowBlock?n("render-inlined-styles",{attrs:{styles:s.css}}):s._e()},S=[],p=t.normalizeComponent(y,k,S,!1,null,null,null,null);const _=p.exports;exports.default=_;

package/packages/_vue2/dist/{block-styles.63856bc4.js → block-styles.c935448f.js}

@@ -1,6 +1,6 @@
-import { T as k, c as i, g as p, a as u, n as y } from "./index.2ec605d6.js";
-import { g as _, c as o } from "./css.58be3b1a.js";
-const S = () => import("./render-inlined-styles.aae44017.js").then((e) => e.default).catch((e) => {
+import { T as k, c as i, g as p, a as u, n as y } from "./index.15db69ec.js";
+import { g as _, c as o } from "./css.67faf460.js";
+const S = () => import("./render-inlined-styles.d5d4ae0d.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component RenderInlinedStyles at ../render-inlined-styles.vue",
     e

package/packages/_vue2/dist/{css.ae8c605c.cjs → css.125be5c3.cjs}

@@ -1,4 +1,4 @@
-"use strict";const i=require("./index.d36a8d30.cjs"),l=(e,t,r)=>{if(Object(e)!==e)return e;const s=Array.isArray(t)?t:t.toString().match(/[^.[\]]+/g);return s.slice(0,-1).reduce((n,o,c)=>Object(n[o])===n[o]?n[o]:n[o]=Math.abs(Number(s[c+1]))>>0===+s[c+1]?[]:{},e)[s[s.length-1]]=r,e};const d=({block:e,context:t,state:r})=>{if(!e.bindings)return e;const s=i.fastClone(e),n={...s,properties:{...s.properties},actions:{...s.actions}};for(const o in e.bindings){const c=e.bindings[o],u=i.evaluate({code:c,state:r,context:t});l(n,o,u)}return n};function f({block:e,context:t,shouldEvaluateBindings:r,state:s}){const n=e;return r?d({block:n,state:s,context:t}):n}const p=e=>e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g,"$1-$2").toLowerCase(),a=e=>Object.entries(e).map(([r,s])=>{if(typeof s=="string")return`${p(r)}: ${s};`}).filter(i.checkIsDefined),g=e=>a(e).join(`
+"use strict";const i=require("./index.5d490ae1.cjs"),l=(e,t,r)=>{if(Object(e)!==e)return e;const s=Array.isArray(t)?t:t.toString().match(/[^.[\]]+/g);return s.slice(0,-1).reduce((n,o,c)=>Object(n[o])===n[o]?n[o]:n[o]=Math.abs(Number(s[c+1]))>>0===+s[c+1]?[]:{},e)[s[s.length-1]]=r,e};const d=({block:e,context:t,state:r})=>{if(!e.bindings)return e;const s=i.fastClone(e),n={...s,properties:{...s.properties},actions:{...s.actions}};for(const o in e.bindings){const c=e.bindings[o],u=i.evaluate({code:c,state:r,context:t});l(n,o,u)}return n};function f({block:e,context:t,shouldEvaluateBindings:r,state:s}){const n=e;return r?d({block:n,state:s,context:t}):n}const p=e=>e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g,"$1-$2").toLowerCase(),a=e=>Object.entries(e).map(([r,s])=>{if(typeof s=="string")return`${p(r)}: ${s};`}).filter(i.checkIsDefined),g=e=>a(e).join(`
 `),C=({mediaQuery:e,className:t,styles:r})=>{const s=`.${t} {
     ${g(r)}
   }`;return e?`${e} {

package/packages/_vue2/dist/{css.58be3b1a.js → css.67faf460.js}

@@ -1,4 +1,4 @@
-import { f as a, e as u, c as f } from "./index.2ec605d6.js";
+import { f as a, e as u, c as f } from "./index.15db69ec.js";
 const l = (e, t, r) => {
   if (Object(e) !== e)
     return e;

package/packages/_vue2/dist/{index.2ec605d6.js → index.15db69ec.js}

@@ -14,6 +14,15 @@ const G = {
         }),
         {}
       );
+    },
+    _classStringToObject(t) {
+      const e = {};
+      if (typeof t != "string")
+        return e;
+      const n = t.trim().split(/\s+/);
+      for (const o of n)
+        e[o] = !0;
+      return e;
     }
   }
 };
@@ -46,14 +55,16 @@ function h(t, e, n, o, s, r, i, l) {
 }
 var J = function() {
   var e = this, n = e._self._c;
-  return e.link ? n("a", e._g(e._b({ attrs: { role: "button", href: e.link, target: e.openLinkInNewTab ? "_blank" : void 0 } }, "a", e.filterAttrs(e.attributes, !1), !1), e.filterAttrs(e.attributes, !0)), [e._v(" " + e._s(e.text) + " ")]) : n("button", e._g(e._b({ staticClass: "button-2fnk003dqad" }, "button", e.filterAttrs(e.attributes, !1), !1), e.filterAttrs(e.attributes, !0)), [e._v(" " + e._s(e.text) + " ")]);
+  return e.link ? n("a", e._g(e._b({ attrs: { role: "button", href: e.link, target: e.openLinkInNewTab ? "_blank" : void 0 } }, "a", e.filterAttrs(e.attributes, !1), !1), e.filterAttrs(e.attributes, !0)), [e._v(" " + e._s(e.text) + " ")]) : n("button", e._g(e._b({ class: e._classStringToObject(
+    e.attributes.class + " button-2fnk003dqad"
+  ) }, "button", e.filterAttrs(e.attributes, !1), !1), e.filterAttrs(e.attributes, !0)), [e._v(" " + e._s(e.text) + " ")]);
 }, X = [], Y = /* @__PURE__ */ h(
   G,
   J,
   X,
   !1,
   null,
-  "3e6fa42c",
+  "65a02987",
   null,
   null
 );
@@ -113,7 +124,7 @@ const Q = Y.exports, w = (t) => JSON.parse(JSON.stringify(t)), V = {
     "Error while attempting to dynamically import component RenderBlocks at ../../components/render-blocks.vue",
     t
   ), t;
-}), ne = () => import("./render-inlined-styles.aae44017.js").then((t) => t.default).catch((t) => {
+}), ne = () => import("./render-inlined-styles.d5d4ae0d.js").then((t) => t.default).catch((t) => {
   throw console.error(
     "Error while attempting to dynamically import component RenderInlinedStyles at ../../components/render-inlined-styles.vue",
     t
@@ -190,10 +201,16 @@ const Q = Y.exports, w = (t) => JSON.parse(JSON.stringify(t)), V = {
       const e = this.gutterSize * (this.cols.length - 1) / this.cols.length;
       return `calc(${this.getWidth(t)}% - ${e}px)`;
     },
-    getTabletStyle({ stackedStyle: t, desktopStyle: e }) {
+    getTabletStyle({
+      stackedStyle: t,
+      desktopStyle: e
+    }) {
       return this.stackAt === "tablet" ? t : e;
     },
-    getMobileStyle({ stackedStyle: t, desktopStyle: e }) {
+    getMobileStyle({
+      stackedStyle: t,
+      desktopStyle: e
+    }) {
       return this.stackAt === "never" ? e : t;
     },
     columnCssVars(t) {
@@ -256,7 +273,7 @@ var se = function() {
   re,
   !1,
   null,
-  "e2d18cd7",
+  "2bb878ea",
   null,
   null
 );
@@ -384,7 +401,7 @@ var ge = function() {
   be,
   !1,
   null,
-  "d14c6f82",
+  "b5206874",
   null,
   null
 );
@@ -398,12 +415,12 @@ function _e() {
 function g() {
   return _e() && window.location.search.indexOf("builder.frameEditing=") !== -1;
 }
-const xe = () => import("./block-styles.63856bc4.js").then((t) => t.default).catch((t) => {
+const xe = () => import("./block-styles.c935448f.js").then((t) => t.default).catch((t) => {
   throw console.error(
     "Error while attempting to dynamically import component BlockStyles at ./render-block/block-styles.vue",
     t
   ), t;
-}), ke = () => import("./render-block.9c575fe4.js").then((t) => t.default).catch((t) => {
+}), ke = () => import("./render-block.68937b99.js").then((t) => t.default).catch((t) => {
   throw console.error(
     "Error while attempting to dynamically import component RenderBlock at ./render-block/render-block.vue",
     t
@@ -478,14 +495,14 @@ var Ce = function() {
   we,
   !1,
   null,
-  "7d4553c5",
+  "57df98d3",
   null,
   null
 );
-const Ie = Re.exports, O = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Te = Re.exports, O = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Ie
-}, Symbol.toStringTag, { value: "Module" })), Te = {
+  default: Te
+}, Symbol.toStringTag, { value: "Module" })), Ie = {
   name: "Core:Button",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",
   defaultStyles: {
@@ -1019,7 +1036,7 @@ function Me() {
     ), new Error("Builder SDK could not find a global `fetch` function");
   return t;
 }
-const B = Me(), b = (t) => t != null, Le = (t) => {
+const B = Me(), b = (t) => t != null, Ne = (t) => {
   if (t === "localhost" || t === "127.0.0.1")
     return t;
   const e = t.split(".");
@@ -1035,7 +1052,7 @@ const B = Me(), b = (t) => t != null, Le = (t) => {
     console.debug("[COOKIE] GET error: ", o);
     return;
   }
-}, Ne = (t) => t.map(([e, n]) => n ? `${e}=${n}` : e).filter(b).join("; "), ze = [
+}, Le = (t) => t.map(([e, n]) => n ? `${e}=${n}` : e).filter(b).join("; "), ze = [
   ["secure", ""],
   ["SameSite", "None"]
 ], Ke = ({
@@ -1047,10 +1064,10 @@ const B = Me(), b = (t) => t != null, Le = (t) => {
     [t, e],
     ...r,
     ["path", "/"],
-    ["domain", Le(window.location.hostname)],
+    ["domain", Ne(window.location.hostname)],
     ...s
   ];
-  return Ne(i);
+  return Le(i);
 }, W = async ({
   name: t,
   value: e,
@@ -1085,7 +1102,7 @@ const B = Me(), b = (t) => t != null, Le = (t) => {
       return r;
   }
   return t;
-}, I = ({
+}, T = ({
   item: t,
   testGroupId: e
 }) => {
@@ -1105,7 +1122,7 @@ const B = Me(), b = (t) => t != null, Le = (t) => {
   const n = await De({
     canTrack: e,
     contentId: t.id
-  }), o = n ? I({ item: t, testGroupId: n }) : void 0;
+  }), o = n ? T({ item: t, testGroupId: n }) : void 0;
   if (o)
     return o;
   {
@@ -1119,7 +1136,7 @@ const B = Me(), b = (t) => t != null, Le = (t) => {
       canTrack: e
     }).catch((r) => {
       console.error("could not store A/B test variation: ", r);
-    }), I({ item: t, testGroupId: s });
+    }), T({ item: t, testGroupId: s });
   }
 }, Ye = async ({
   item: t,
@@ -1140,7 +1157,7 @@ function S(t, e = null, n = ".") {
     ].every(Boolean) ? { ...o, ...S(r, i, n) } : { ...o, [i]: r };
   }, {});
 }
-const T = "builder.", Qe = "options.", Ze = (t) => {
+const I = "builder.", Qe = "options.", Ze = (t) => {
   const e = {};
   return t.forEach((n, o) => {
     e[o] = n;
@@ -1148,10 +1165,10 @@ const T = "builder.", Qe = "options.", Ze = (t) => {
 }, et = (t) => {
   if (!t)
     return {};
-  const e = L(t), n = {};
+  const e = N(t), n = {};
   return Object.keys(e).forEach((o) => {
-    if (o.startsWith(T)) {
-      const s = o.replace(T, "").replace(Qe, "");
+    if (o.startsWith(I)) {
+      const s = o.replace(I, "").replace(Qe, "");
       n[s] = e[o];
     }
   }), n;
@@ -1160,7 +1177,7 @@ const T = "builder.", Qe = "options.", Ze = (t) => {
     return {};
   const t = new URLSearchParams(window.location.search);
   return et(t);
-}, L = (t) => t instanceof URLSearchParams ? Ze(t) : t, nt = (t) => {
+}, N = (t) => t instanceof URLSearchParams ? Ze(t) : t, nt = (t) => {
   const {
     limit: e = 30,
     userAttributes: n,
@@ -1182,7 +1199,7 @@ const T = "builder.", Qe = "options.", Ze = (t) => {
     `https://cdn.builder.io/api/${c}/content/${r}?apiKey=${i}&limit=${e}&noTraverse=${s}&includeRefs=${l}${a ? `&locale=${a}` : ""}`
   ), m = {
     ...tt(),
-    ...L(t.options || {})
+    ...N(t.options || {})
   }, u = S(m);
   for (const f in u)
     d.searchParams.set(f, String(u[f]));
@@ -1193,14 +1210,22 @@ const T = "builder.", Qe = "options.", Ze = (t) => {
   }
   return d;
 };
-async function N(t) {
-  return (await ot({ ...t, limit: 1 })).results[0] || null;
+async function L(t) {
+  const e = await ot({ ...t, limit: 1 });
+  return "results" in e && (e == null ? void 0 : e.results[0]) || null;
 }
 async function ot(t) {
-  const e = nt(t), o = await (await B(e.href)).json(), s = t.canTrack !== !1;
-  if (s && Array.isArray(o.results))
-    for (const r of o.results)
-      await Ye({ item: r, canTrack: s });
+  const e = nt(t), o = await (await B(e.href)).json();
+  if ("status" in o && !("results" in o))
+    return console.error("[Builder.io]: Error fetching data. ", o, t), o;
+  const s = t.canTrack !== !1;
+  try {
+    if (s && Array.isArray(o.results))
+      for (const r of o.results)
+        await Ye({ item: r, canTrack: s });
+  } catch (r) {
+    console.error("[Builder.io]: Could not setup A/B testing. ", r);
+  }
   return o;
 }
 const st = () => Promise.resolve().then(() => Sn).then((t) => t.default).catch((t) => {
@@ -1248,7 +1273,7 @@ const st = () => Promise.resolve().then(() => Sn).then((t) => t.default).catch((
   methods: {
     fetchContent() {
       var t, e;
-      !this.contentToUse && ((t = this.symbol) == null ? void 0 : t.model) && ((e = this.builderContext) == null ? void 0 : e.apiKey) && N({
+      !this.contentToUse && ((t = this.symbol) == null ? void 0 : t.model) && ((e = this.builderContext) == null ? void 0 : e.apiKey) && L({
         model: this.symbol.model,
         apiKey: this.builderContext.apiKey,
         apiVersion: this.builderContext.apiVersion,
@@ -1595,17 +1620,17 @@ const xt = _t.exports, kt = {
 var Rt = function() {
   var e = this, n = e._self._c;
   return n("div", { ref: "elem", staticClass: "builder-embed", domProps: { innerHTML: e._s(e.content) } });
-}, It = [], Tt = /* @__PURE__ */ h(
+}, Tt = [], It = /* @__PURE__ */ h(
   wt,
   Rt,
-  It,
+  Tt,
   !1,
   null,
   null,
   null,
   null
 );
-const $t = Tt.exports, Et = {
+const $t = It.exports, Et = {
   name: "builder-img-component",
   props: [
     "backgroundSize",
@@ -1728,7 +1753,7 @@ var Bt = function() {
   null,
   null
 );
-const Mt = Wt.exports, Lt = {
+const Mt = Wt.exports, Nt = {
   name: "Custom Code",
   static: !0,
   requiredPermissions: ["editCode"],
@@ -1754,10 +1779,10 @@ const Mt = Wt.exports, Lt = {
       advanced: !0
     }
   ]
-}, Nt = () => [
-  { component: Q, ...Te },
+}, Lt = () => [
+  { component: Q, ...Ie },
   { component: ae, ...$e },
-  { component: Mt, ...Lt },
+  { component: Mt, ...Nt },
   { component: $t, ...kt },
   { component: pe, ...Ee },
   { component: ve, ...Ae },
@@ -2148,7 +2173,7 @@ const un = (t, e, n = !0) => {
     "Error while attempting to dynamically import component RenderBlocks at ../render-blocks.vue",
     t
   ), t;
-}), bn = () => import("./render-styles.168164da.js").then((t) => t.default).catch((t) => {
+}), bn = () => import("./render-styles.107ba326.js").then((t) => t.default).catch((t) => {
   throw console.error(
     "Error while attempting to dynamically import component RenderContentStyles at ./components/render-styles.vue",
     t
@@ -2187,7 +2212,7 @@ const un = (t, e, n = !0) => {
         locale: this.locale
       }),
       allRegisteredComponents: [
-        ...Nt(),
+        ...Lt(),
         ...z,
         ...this.customComponents || []
       ].reduce(
@@ -2228,13 +2253,13 @@ const un = (t, e, n = !0) => {
         ...this.includeRefs ? {
           includeRefs: this.includeRefs
         } : {}
-      }), Object.values(this.allRegisteredComponents).forEach(
-        (n) => {
-          var s;
-          const o = Kt(n);
-          (s = window.parent) == null || s.postMessage(o, "*");
-        }
-      ), window.addEventListener("message", this.processMessage), window.addEventListener(
+      }), Object.values(
+        this.allRegisteredComponents
+      ).forEach((n) => {
+        var s;
+        const o = Kt(n);
+        (s = window.parent) == null || s.postMessage(o, "*");
+      }), window.addEventListener("message", this.processMessage), window.addEventListener(
         "builder:component:stateChangeListenerActivated",
         this.emitStateUpdate
       )), this.useContent) {
@@ -2249,7 +2274,7 @@ const un = (t, e, n = !0) => {
       }
       if (zt()) {
         const n = new URL(location.href).searchParams, o = n.get("builder.preview"), s = n.get("apiKey") || n.get("builder.space");
-        o === this.model && s === this.apiKey && N({
+        o === this.model && s === this.apiKey && L({
           model: this.model,
           apiKey: this.apiKey,
           apiVersion: this.apiVersion
@@ -2409,7 +2434,7 @@ const un = (t, e, n = !0) => {
         };
         this.setContextState(o);
       }).catch((n) => {
-        console.log("error fetching dynamic data", t, n);
+        console.error("error fetching dynamic data", t, n);
       });
     },
     runHttpRequests() {
@@ -2427,14 +2452,17 @@ const un = (t, e, n = !0) => {
     },
     emitStateUpdate() {
       g() && window.dispatchEvent(
-        new CustomEvent("builder:component:stateChange", {
-          detail: {
-            state: this.contentState,
-            ref: {
-              name: this.model
+        new CustomEvent(
+          "builder:component:stateChange",
+          {
+            detail: {
+              state: this.contentState,
+              ref: {
+                name: this.model
+              }
             }
           }
-        })
+        )
       );
     }
   }
@@ -2459,7 +2487,7 @@ const kn = xn.exports, Sn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object
   __proto__: null,
   default: kn
 }, Symbol.toStringTag, { value: "Module" })), P = {};
-function In(t) {
+function Tn(t) {
   if (p()) {
     Object.assign(P, t);
     const e = {
@@ -2493,13 +2521,13 @@ export {
   h as n,
   Kt as o,
   ln as p,
-  N as q,
-  Ie as r,
-  In as s,
+  L as q,
+  Te as r,
+  Tn as s,
   Rn as t,
   ot as u,
   Ze as v,
   et as w,
   tt as x,
-  L as y
+  N as y
 };