@builder.io/sdk-vue 0.4.5 → 0.5.1

package/packages/_vue2/dist/css.22755cda.js

@@ -0,0 +1,21 @@
+import { c as o } from "./index.ed62d736.js";
+const c = (s) => s.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase(), n = (s) => Object.entries(s).map(([r, e]) => {
+  if (typeof e == "string")
+    return `${c(r)}: ${e};`;
+}).filter(o), a = (s) => n(s).join(`
+`), i = ({
+  mediaQuery: s,
+  className: t,
+  styles: r
+}) => {
+  const e = `.${t} {
+    ${a(r)}
+  }`;
+  return s ? `${s} {
+      ${e}
+    }` : e;
+};
+export {
+  n as a,
+  i as c
+};

package/packages/_vue2/dist/css.30299cfb.cjs

@@ -0,0 +1,6 @@
+"use strict";const n=require("./index.1021dd83.cjs"),o=e=>e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g,"$1-$2").toLowerCase(),c=e=>Object.entries(e).map(([r,s])=>{if(typeof s=="string")return`${o(r)}: ${s};`}).filter(n.checkIsDefined),a=e=>c(e).join(`
+`),i=({mediaQuery:e,className:t,styles:r})=>{const s=`.${t} {
+    ${a(r)}
+  }`;return e?`${e} {
+      ${s}
+    }`:s};exports.convertStyleMapToCSSArray=c;exports.createCssClass=i;

package/packages/_vue2/dist/enable-editor.852e9797.js

@@ -0,0 +1,427 @@
+import { defineComponent as k } from "vue";
+import { e as m } from "./evaluate.ce05cec9.js";
+import { r as R, i as h, T as y, c as w, o as f, l as _, b as u, _ as g, p as E, q as U, t as I, u as T, n as P } from "./index.ed62d736.js";
+const M = "0.5.1", H = () => {
+  R("insertMenu", {
+    name: "_default",
+    default: !0,
+    items: [{
+      name: "Box"
+    }, {
+      name: "Text"
+    }, {
+      name: "Image"
+    }, {
+      name: "Columns"
+    }, {
+      name: "Core:Section"
+    }, {
+      name: "Core:Button"
+    }, {
+      name: "Embed"
+    }, {
+      name: "Custom Code"
+    }]
+  });
+};
+let b = !1;
+const q = (n = {}) => {
+  var e, t;
+  b || (b = !0, h() && ((e = window.parent) == null || e.postMessage({
+    type: "builder.sdkInfo",
+    data: {
+      target: y,
+      version: M,
+      supportsPatchUpdates: !1,
+      supportsAddBlockScoping: !0,
+      supportsCustomBreakpoints: !0
+    }
+  }, "*"), (t = window.parent) == null || t.postMessage({
+    type: "builder.updateContent",
+    data: {
+      options: n
+    }
+  }, "*"), window.addEventListener("message", ({
+    data: i
+  }) => {
+    var o, s;
+    if (!!(i != null && i.type))
+      switch (i.type) {
+        case "builder.evaluate": {
+          const a = i.data.text, x = i.data.arguments || [], d = i.data.id, v = new Function(a);
+          let r, c = null;
+          try {
+            r = v.apply(null, x);
+          } catch (l) {
+            c = l;
+          }
+          c ? (o = window.parent) == null || o.postMessage({
+            type: "builder.evaluateError",
+            data: {
+              id: d,
+              error: c.message
+            }
+          }, "*") : r && typeof r.then == "function" ? r.then((l) => {
+            var p;
+            (p = window.parent) == null || p.postMessage({
+              type: "builder.evaluateResult",
+              data: {
+                id: d,
+                result: l
+              }
+            }, "*");
+          }).catch(console.error) : (s = window.parent) == null || s.postMessage({
+            type: "builder.evaluateResult",
+            data: {
+              result: r,
+              id: d
+            }
+          }, "*");
+          break;
+        }
+      }
+  })));
+};
+function S(n) {
+  return Math.round(n * 1e3) / 1e3;
+}
+const K = (n, e, t = !0) => {
+  if (!(n instanceof HTMLElement))
+    return null;
+  let i = t ? n : n.parentElement;
+  do {
+    if (!i)
+      return null;
+    if (e(i))
+      return i;
+  } while (i = i.parentElement);
+  return null;
+}, N = (n) => K(n, (e) => {
+  const t = e.getAttribute("builder-id") || e.id;
+  return Boolean((t == null ? void 0 : t.indexOf("builder-")) === 0);
+}), C = ({
+  event: n,
+  target: e
+}) => {
+  const t = e.getBoundingClientRect(), i = n.clientX - t.left, o = n.clientY - t.top, s = S(i / t.width), a = S(o / t.height);
+  return {
+    x: s,
+    y: a
+  };
+}, O = (n) => {
+  const e = n.target, t = e && N(e), i = (t == null ? void 0 : t.getAttribute("builder-id")) || (t == null ? void 0 : t.id);
+  return {
+    targetBuilderElement: i || void 0,
+    metadata: {
+      targetOffset: e ? C({
+        event: n,
+        target: e
+      }) : void 0,
+      builderTargetOffset: t ? C({
+        event: n,
+        target: t
+      }) : void 0,
+      builderElementIndex: t && i ? [].slice.call(document.getElementsByClassName(i)).indexOf(t) : void 0
+    }
+  };
+}, j = k({
+  name: "enable-editor",
+  props: [
+    "canTrack",
+    "builderContextSignal",
+    "model",
+    "context",
+    "apiKey",
+    "showContent",
+    "classNameProp",
+    "content",
+    "locale",
+    "includeRefs",
+    "enrich"
+  ],
+  data() {
+    return {
+      canTrackToUse: w(this.canTrack) ? this.canTrack : !0,
+      forceReRenderCount: 0,
+      lastUpdated: 0,
+      shouldSendResetCookie: !1,
+      httpReqsData: {},
+      clicked: !1,
+      builderContext: f
+    };
+  },
+  provide() {
+    const n = this;
+    return {
+      [f.key]: n.builderContextSignal
+    };
+  },
+  mounted() {
+    var n, e;
+    if (this.apiKey || _.error(
+      "No API key provided to `RenderContent` component. This can cause issues. Please provide an API key using the `apiKey` prop."
+    ), h()) {
+      if (u() && (this.forceReRenderCount = this.forceReRenderCount + 1, window.addEventListener("message", this.processMessage), H(), q({
+        ...this.locale ? {
+          locale: this.locale
+        } : {},
+        ...this.includeRefs ? {
+          includeRefs: this.includeRefs
+        } : {},
+        ...this.enrich ? {
+          enrich: this.enrich
+        } : {}
+      }), Object.values(
+        this.builderContextSignal.componentInfos
+      ).forEach((t) => {
+        var o;
+        const i = T(t);
+        (o = window.parent) == null || o.postMessage(i, "*");
+      }), window.addEventListener(
+        "builder:component:stateChangeListenerActivated",
+        this.emitStateUpdate
+      )), this.builderContextSignal.content) {
+        const t = (n = this.builderContextSignal.content) == null ? void 0 : n.testVariationId, i = (e = this.builderContextSignal.content) == null ? void 0 : e.id;
+        g({
+          type: "impression",
+          canTrack: this.canTrackToUse,
+          contentId: i,
+          apiKey: this.apiKey,
+          variationId: t !== i ? t : void 0
+        });
+      }
+      if (E()) {
+        const t = new URL(location.href).searchParams, i = t.get("builder.preview"), o = t.get(
+          `builder.preview.${i}`
+        ), s = t.get("apiKey") || t.get("builder.space");
+        i === this.model && s === this.apiKey && (!this.content || o === this.content.id) && U({
+          model: this.model,
+          apiKey: this.apiKey,
+          apiVersion: this.builderContextSignal.apiVersion
+        }).then((a) => {
+          a && this.mergeNewContent(a);
+        });
+      }
+      this.evaluateJsCode(), this.runHttpRequests(), this.emitStateUpdate();
+    }
+  },
+  watch: {
+    onUpdateHook0: {
+      handler() {
+        this.content && this.mergeNewContent(this.content);
+      },
+      immediate: !0
+    },
+    onUpdateHook1: { handler() {
+    }, immediate: !0 },
+    onUpdateHook2: {
+      handler() {
+        this.evaluateJsCode();
+      },
+      immediate: !0
+    },
+    onUpdateHook3: {
+      handler() {
+        this.runHttpRequests();
+      },
+      immediate: !0
+    },
+    onUpdateHook4: {
+      handler() {
+        this.emitStateUpdate();
+      },
+      immediate: !0
+    }
+  },
+  unmounted() {
+    h() && (window.removeEventListener("message", this.processMessage), window.removeEventListener(
+      "builder:component:stateChangeListenerActivated",
+      this.emitStateUpdate
+    ));
+  },
+  computed: {
+    onUpdateHook0() {
+      return {
+        0: this.content
+      };
+    },
+    onUpdateHook1() {
+      return {
+        0: this.shouldSendResetCookie
+      };
+    },
+    onUpdateHook2() {
+      var n, e;
+      return {
+        0: (e = (n = this.builderContextSignal.content) == null ? void 0 : n.data) == null ? void 0 : e.jsCode,
+        1: this.builderContextSignal.rootState
+      };
+    },
+    onUpdateHook3() {
+      var n, e;
+      return {
+        0: (e = (n = this.builderContextSignal.content) == null ? void 0 : n.data) == null ? void 0 : e.httpRequests
+      };
+    },
+    onUpdateHook4() {
+      return {
+        0: this.builderContextSignal.rootState
+      };
+    }
+  },
+  methods: {
+    mergeNewContent(n) {
+      var t, i, o, s, a;
+      const e = {
+        ...this.builderContextSignal.content,
+        ...n,
+        data: {
+          ...(t = this.builderContextSignal.content) == null ? void 0 : t.data,
+          ...n == null ? void 0 : n.data
+        },
+        meta: {
+          ...(i = this.builderContextSignal.content) == null ? void 0 : i.meta,
+          ...n == null ? void 0 : n.meta,
+          breakpoints: ((o = n == null ? void 0 : n.meta) == null ? void 0 : o.breakpoints) || ((a = (s = this.builderContextSignal.content) == null ? void 0 : s.meta) == null ? void 0 : a.breakpoints)
+        }
+      };
+      this.builderContextSignal.content = e;
+    },
+    processMessage(n) {
+      var t;
+      const { data: e } = n;
+      if (e)
+        switch (e.type) {
+          case "builder.configureSdk": {
+            const i = e.data, { breakpoints: o, contentId: s } = i;
+            if (!s || s !== ((t = this.builderContextSignal.content) == null ? void 0 : t.id))
+              return;
+            o && this.mergeNewContent({
+              meta: {
+                breakpoints: o
+              }
+            }), this.forceReRenderCount = this.forceReRenderCount + 1;
+            break;
+          }
+          case "builder.contentUpdate": {
+            const i = e.data, o = i.key || i.alias || i.entry || i.modelName, s = i.data;
+            o === this.model && (this.mergeNewContent(s), this.forceReRenderCount = this.forceReRenderCount + 1);
+            break;
+          }
+        }
+    },
+    evaluateJsCode() {
+      var e, t;
+      const n = (t = (e = this.builderContextSignal.content) == null ? void 0 : e.data) == null ? void 0 : t.jsCode;
+      n && m({
+        code: n,
+        context: this.context || {},
+        localState: void 0,
+        rootState: this.builderContextSignal.rootState,
+        rootSetState: this.builderContextSignal.rootSetState
+      });
+    },
+    onClick(n) {
+      var e, t;
+      if (this.builderContextSignal.content) {
+        const i = (e = this.builderContextSignal.content) == null ? void 0 : e.testVariationId, o = (t = this.builderContextSignal.content) == null ? void 0 : t.id;
+        g({
+          type: "click",
+          canTrack: this.canTrackToUse,
+          contentId: o,
+          apiKey: this.apiKey,
+          variationId: i !== o ? i : void 0,
+          ...O(n),
+          unique: !this.clicked
+        });
+      }
+      this.clicked || (this.clicked = !0);
+    },
+    evalExpression(n) {
+      return n.replace(
+        /{{([^}]+)}}/g,
+        (e, t) => m({
+          code: t,
+          context: this.context || {},
+          localState: void 0,
+          rootState: this.builderContextSignal.rootState,
+          rootSetState: this.builderContextSignal.rootSetState
+        })
+      );
+    },
+    handleRequest({ url: n, key: e }) {
+      I(n).then((t) => t.json()).then((t) => {
+        var o, s;
+        const i = {
+          ...this.builderContextSignal.rootState,
+          [e]: t
+        };
+        (s = (o = this.builderContextSignal).rootSetState) == null || s.call(o, i), this.httpReqsData[e] = !0;
+      }).catch((t) => {
+        console.error("error fetching dynamic data", n, t);
+      });
+    },
+    runHttpRequests() {
+      var e, t, i;
+      const n = (i = (t = (e = this.builderContextSignal.content) == null ? void 0 : e.data) == null ? void 0 : t.httpRequests) != null ? i : {};
+      Object.entries(n).forEach(([o, s]) => {
+        if (s && (!this.httpReqsData[o] || u())) {
+          const a = this.evalExpression(s);
+          this.handleRequest({
+            url: a,
+            key: o
+          });
+        }
+      });
+    },
+    emitStateUpdate() {
+      u() && window.dispatchEvent(
+        new CustomEvent(
+          "builder:component:stateChange",
+          {
+            detail: {
+              state: this.builderContextSignal.rootState,
+              ref: {
+                name: this.model
+              }
+            }
+          }
+        )
+      );
+    },
+    _classStringToObject(n) {
+      const e = {};
+      if (typeof n != "string")
+        return e;
+      const t = n.trim().split(/\s+/);
+      for (const i of t)
+        e[i] = !0;
+      return e;
+    }
+  }
+});
+var A = function() {
+  var i;
+  var e = this, t = e._self._c;
+  return e._self._setupProxy, e.builderContextSignal.content ? t("div", e._b({ key: e.forceReRenderCount, ref: "elementRef", class: e._classStringToObject(e.classNameProp), attrs: { "builder-content-id": (i = e.builderContextSignal.content) == null ? void 0 : i.id, "builder-model": e.model }, on: { click: function(o) {
+    return e.onClick(o);
+  } } }, "div", {
+    ...e.showContent ? {} : {
+      hidden: !0,
+      "aria-hidden": !0
+    }
+  }, !1), [e._t("default")], 2) : e._e();
+}, L = [], B = /* @__PURE__ */ P(
+  j,
+  A,
+  L,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const J = B.exports;
+export {
+  J as default
+};

package/packages/_vue2/dist/enable-editor.c1b99af3.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("vue"),p=require("./evaluate.80a7f105.cjs"),a=require("./index.1021dd83.cjs"),v="0.5.1",x=()=>{a.register("insertMenu",{name:"_default",default:!0,items:[{name:"Box"},{name:"Text"},{name:"Image"},{name:"Columns"},{name:"Core:Section"},{name:"Core:Button"},{name:"Embed"},{name:"Custom Code"}]})};let m=!1;const k=(n={})=>{var e,t;m||(m=!0,a.isBrowser()&&((e=window.parent)==null||e.postMessage({type:"builder.sdkInfo",data:{target:a.TARGET,version:v,supportsPatchUpdates:!1,supportsAddBlockScoping:!0,supportsCustomBreakpoints:!0}},"*"),(t=window.parent)==null||t.postMessage({type:"builder.updateContent",data:{options:n}},"*"),window.addEventListener("message",({data:i})=>{var o,s;if(!!(i!=null&&i.type))switch(i.type){case"builder.evaluate":{const r=i.data.text,b=i.data.arguments||[],c=i.data.id,S=new Function(r);let d,l=null;try{d=S.apply(null,b)}catch(u){l=u}l?(o=window.parent)==null||o.postMessage({type:"builder.evaluateError",data:{id:c,error:l.message}},"*"):d&&typeof d.then=="function"?d.then(u=>{var h;(h=window.parent)==null||h.postMessage({type:"builder.evaluateResult",data:{id:c,result:u}},"*")}).catch(console.error):(s=window.parent)==null||s.postMessage({type:"builder.evaluateResult",data:{result:d,id:c}},"*");break}}})))};function g(n){return Math.round(n*1e3)/1e3}const R=(n,e,t=!0)=>{if(!(n instanceof HTMLElement))return null;let i=t?n:n.parentElement;do{if(!i)return null;if(e(i))return i}while(i=i.parentElement);return null},y=n=>R(n,e=>{const t=e.getAttribute("builder-id")||e.id;return Boolean((t==null?void 0:t.indexOf("builder-"))===0)}),f=({event:n,target:e})=>{const t=e.getBoundingClientRect(),i=n.clientX-t.left,o=n.clientY-t.top,s=g(i/t.width),r=g(o/t.height);return{x:s,y:r}},w=n=>{const e=n.target,t=e&&y(e),i=(t==null?void 0:t.getAttribute("builder-id"))||(t==null?void 0:t.id);return{targetBuilderElement:i||void 0,metadata:{targetOffset:e?f({event:n,target:e}):void 0,builderTargetOffset:t?f({event:n,target:t}):void 0,builderElementIndex:t&&i?[].slice.call(document.getElementsByClassName(i)).indexOf(t):void 0}}},_=C.defineComponent({name:"enable-editor",props:["canTrack","builderContextSignal","model","context","apiKey","showContent","classNameProp","content","locale","includeRefs","enrich"],data(){return{canTrackToUse:a.checkIsDefined(this.canTrack)?this.canTrack:!0,forceReRenderCount:0,lastUpdated:0,shouldSendResetCookie:!1,httpReqsData:{},clicked:!1,builderContext:a.builderContext}},provide(){const n=this;return{[a.builderContext.key]:n.builderContextSignal}},mounted(){var n,e;if(this.apiKey||a.logger.error("No API key provided to `RenderContent` component. This can cause issues. Please provide an API key using the `apiKey` prop."),a.isBrowser()){if(a.isEditing()&&(this.forceReRenderCount=this.forceReRenderCount+1,window.addEventListener("message",this.processMessage),x(),k({...this.locale?{locale:this.locale}:{},...this.includeRefs?{includeRefs:this.includeRefs}:{},...this.enrich?{enrich:this.enrich}:{}}),Object.values(this.builderContextSignal.componentInfos).forEach(t=>{var o;const i=a.createRegisterComponentMessage(t);(o=window.parent)==null||o.postMessage(i,"*")}),window.addEventListener("builder:component:stateChangeListenerActivated",this.emitStateUpdate)),this.builderContextSignal.content){const t=(n=this.builderContextSignal.content)==null?void 0:n.testVariationId,i=(e=this.builderContextSignal.content)==null?void 0:e.id;a._track({type:"impression",canTrack:this.canTrackToUse,contentId:i,apiKey:this.apiKey,variationId:t!==i?t:void 0})}if(a.isPreviewing()){const t=new URL(location.href).searchParams,i=t.get("builder.preview"),o=t.get(`builder.preview.${i}`),s=t.get("apiKey")||t.get("builder.space");i===this.model&&s===this.apiKey&&(!this.content||o===this.content.id)&&a.getContent({model:this.model,apiKey:this.apiKey,apiVersion:this.builderContextSignal.apiVersion}).then(r=>{r&&this.mergeNewContent(r)})}this.evaluateJsCode(),this.runHttpRequests(),this.emitStateUpdate()}},watch:{onUpdateHook0:{handler(){this.content&&this.mergeNewContent(this.content)},immediate:!0},onUpdateHook1:{handler(){},immediate:!0},onUpdateHook2:{handler(){this.evaluateJsCode()},immediate:!0},onUpdateHook3:{handler(){this.runHttpRequests()},immediate:!0},onUpdateHook4:{handler(){this.emitStateUpdate()},immediate:!0}},unmounted(){a.isBrowser()&&(window.removeEventListener("message",this.processMessage),window.removeEventListener("builder:component:stateChangeListenerActivated",this.emitStateUpdate))},computed:{onUpdateHook0(){return{0:this.content}},onUpdateHook1(){return{0:this.shouldSendResetCookie}},onUpdateHook2(){var n,e;return{0:(e=(n=this.builderContextSignal.content)==null?void 0:n.data)==null?void 0:e.jsCode,1:this.builderContextSignal.rootState}},onUpdateHook3(){var n,e;return{0:(e=(n=this.builderContextSignal.content)==null?void 0:n.data)==null?void 0:e.httpRequests}},onUpdateHook4(){return{0:this.builderContextSignal.rootState}}},methods:{mergeNewContent(n){var t,i,o,s,r;const e={...this.builderContextSignal.content,...n,data:{...(t=this.builderContextSignal.content)==null?void 0:t.data,...n==null?void 0:n.data},meta:{...(i=this.builderContextSignal.content)==null?void 0:i.meta,...n==null?void 0:n.meta,breakpoints:((o=n==null?void 0:n.meta)==null?void 0:o.breakpoints)||((r=(s=this.builderContextSignal.content)==null?void 0:s.meta)==null?void 0:r.breakpoints)}};this.builderContextSignal.content=e},processMessage(n){var t;const{data:e}=n;if(e)switch(e.type){case"builder.configureSdk":{const i=e.data,{breakpoints:o,contentId:s}=i;if(!s||s!==((t=this.builderContextSignal.content)==null?void 0:t.id))return;o&&this.mergeNewContent({meta:{breakpoints:o}}),this.forceReRenderCount=this.forceReRenderCount+1;break}case"builder.contentUpdate":{const i=e.data,o=i.key||i.alias||i.entry||i.modelName,s=i.data;o===this.model&&(this.mergeNewContent(s),this.forceReRenderCount=this.forceReRenderCount+1);break}}},evaluateJsCode(){var e,t;const n=(t=(e=this.builderContextSignal.content)==null?void 0:e.data)==null?void 0:t.jsCode;n&&p.evaluate({code:n,context:this.context||{},localState:void 0,rootState:this.builderContextSignal.rootState,rootSetState:this.builderContextSignal.rootSetState})},onClick(n){var e,t;if(this.builderContextSignal.content){const i=(e=this.builderContextSignal.content)==null?void 0:e.testVariationId,o=(t=this.builderContextSignal.content)==null?void 0:t.id;a._track({type:"click",canTrack:this.canTrackToUse,contentId:o,apiKey:this.apiKey,variationId:i!==o?i:void 0,...w(n),unique:!this.clicked})}this.clicked||(this.clicked=!0)},evalExpression(n){return n.replace(/{{([^}]+)}}/g,(e,t)=>p.evaluate({code:t,context:this.context||{},localState:void 0,rootState:this.builderContextSignal.rootState,rootSetState:this.builderContextSignal.rootSetState}))},handleRequest({url:n,key:e}){a.fetch(n).then(t=>t.json()).then(t=>{var o,s;const i={...this.builderContextSignal.rootState,[e]:t};(s=(o=this.builderContextSignal).rootSetState)==null||s.call(o,i),this.httpReqsData[e]=!0}).catch(t=>{console.error("error fetching dynamic data",n,t)})},runHttpRequests(){var e,t,i;const n=(i=(t=(e=this.builderContextSignal.content)==null?void 0:e.data)==null?void 0:t.httpRequests)!=null?i:{};Object.entries(n).forEach(([o,s])=>{if(s&&(!this.httpReqsData[o]||a.isEditing())){const r=this.evalExpression(s);this.handleRequest({url:r,key:o})}})},emitStateUpdate(){a.isEditing()&&window.dispatchEvent(new CustomEvent("builder:component:stateChange",{detail:{state:this.builderContextSignal.rootState,ref:{name:this.model}}}))},_classStringToObject(n){const e={};if(typeof n!="string")return e;const t=n.trim().split(/\s+/);for(const i of t)e[i]=!0;return e}}});var E=function(){var i;var e=this,t=e._self._c;return e._self._setupProxy,e.builderContextSignal.content?t("div",e._b({key:e.forceReRenderCount,ref:"elementRef",class:e._classStringToObject(e.classNameProp),attrs:{"builder-content-id":(i=e.builderContextSignal.content)==null?void 0:i.id,"builder-model":e.model},on:{click:function(o){return e.onClick(o)}}},"div",{...e.showContent?{}:{hidden:!0,"aria-hidden":!0}},!1),[e._t("default")],2):e._e()},U=[],I=a.normalizeComponent(_,E,U,!1,null,null,null,null);const T=I.exports;exports.default=T;