@builder.io/sdk-vue 0.1.15 → 0.2.0

package/packages/_vue2/dist/src/components/render-blocks.vue.d.ts

@@ -1,10 +1,10 @@
-import type { BuilderBlock } from "../types/builder-block.js";
 export type RenderBlockProps = {
     blocks?: BuilderBlock[];
     parent?: string;
     path?: string;
     styleProp?: Record<string, any>;
 };
+import { BuilderBlock } from "../types/builder-block.js";
 declare const _sfc_main: {
     name: string;
     components: {

package/packages/_vue2/dist/src/components/render-content/render-content.vue.d.ts

@@ -1,5 +1,6 @@
-import type { BuilderContent } from "../../types/builder-content.js";
-import type { Nullable } from "../../types/typescript.js";
+import { BuilderRenderState } from "../../context/types.js";
+import { Breakpoints, BuilderContent } from "../../types/builder-content.js";
+import { Nullable } from "../../types/typescript.js";
 declare const _sfc_main: {
     name: string;
     components: {
@@ -203,16 +204,16 @@ declare const _sfc_main: {
         onUpdateHook3(): any;
     };
     methods: {
-        mergeNewContent(newContent: any): void;
-        setBreakpoints(breakpoints: any): void;
-        setContextState(newState: any): void;
-        processMessage(event: any): void;
+        mergeNewContent(newContent: BuilderContent): void;
+        setBreakpoints(breakpoints: Breakpoints): void;
+        setContextState(newState: BuilderRenderState): void;
+        processMessage(event: MessageEvent): void;
         evaluateJsCode(): void;
         onClick(event: any): void;
-        evalExpression(expression: any): any;
+        evalExpression(expression: string): string;
         handleRequest({ url, key }: {
-            url: any;
-            key: any;
+            key: string;
+            url: string;
         }): void;
         runHttpRequests(): void;
         emitStateUpdate(): void;

package/packages/_vue2/dist/src/context/types.d.ts

@@ -14,7 +14,7 @@ export interface BuilderContextInterface {
     state: BuilderRenderState;
     setState?: (state: BuilderRenderState) => void;
     apiKey: string | null;
-    apiVersion?: ApiVersion;
+    apiVersion: ApiVersion | undefined;
     registeredComponents: RegisteredComponents;
     inheritedStyles: Record<string, unknown>;
 }

package/packages/_vue2/dist/src/functions/get-content/index.d.ts

@@ -1,11 +1,11 @@
 import type { BuilderContent } from '../../types/builder-content.js';
 import type { GetContentOptions } from './types.js';
 export declare function getContent(options: GetContentOptions): Promise<BuilderContent | null>;
-/**
- * TO-DO: Handle error responses.
- */
-interface ContentResponse {
+type ContentResponse = {
     results: BuilderContent[];
-}
+} | {
+    status: number;
+    message: string;
+};
 export declare function getAllContent(options: GetContentOptions): Promise<ContentResponse>;
 export {};

package/packages/_vue2/dist/src/functions/get-content/types.d.ts

@@ -39,7 +39,7 @@ export interface GetContentOptions {
     /**
      * If provided, sets the Builder API version used to fetch content.
      *
-     * Defaults to `v2`.
+     * Defaults to `v3`.
      */
     apiVersion?: 'v2' | 'v3';
 }

package/packages/_vue2/dist/src/types/api-version.d.ts

@@ -1 +1,2 @@
 export type ApiVersion = 'v2' | 'v3';
+export declare const DEFAULT_API_VERSION: ApiVersion;

package/packages/_vue2/dist/style.css

@@ -1 +1 @@
-.button-2fnk003dqad[data-v-3e6fa42c]{all:unset}.div-t9spj7joih[data-v-e2d18cd7]{display:flex;line-height:normal}.div-t9spj7joih-2[data-v-e2d18cd7]{display:flex;flex-direction:column;align-items:stretch}.img-1pl23ac79ld[data-v-d14c6f82]{opacity:1;transition:opacity .2s ease-in-out}.div-1pl23ac79ld[data-v-d14c6f82]{width:100%;pointer-events:none;font-size:0}.div-1pl23ac79ld-2[data-v-d14c6f82]{display:flex;flex-direction:column;align-items:stretch;position:absolute;top:0;left:0;width:100%;height:100%}.div-21azgz5avex[data-v-7d4553c5]{display:flex;flex-direction:column;align-items:stretch}
+.button-2fnk003dqad[data-v-65a02987]{all:unset}.div-t9spj7joih[data-v-2bb878ea]{display:flex;line-height:normal}.div-t9spj7joih-2[data-v-2bb878ea]{display:flex;flex-direction:column;align-items:stretch}.img-b1turyjjkok[data-v-be9cda3c]{opacity:1;transition:opacity .2s ease-in-out}.div-b1turyjjkok[data-v-be9cda3c]{width:100%;pointer-events:none;font-size:0}.div-b1turyjjkok-2[data-v-be9cda3c]{display:flex;flex-direction:column;align-items:stretch;position:absolute;top:0;left:0;width:100%;height:100%}.div-21azgz5avex[data-v-57df98d3]{display:flex;flex-direction:column;align-items:stretch}

package/packages/_vue3/dist/{block-styles.d483335e.cjs → block-styles.32155e57.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("vue"),s=require("./index.461c31d1.cjs"),l=require("./css.0e8cdb1f.cjs"),y=()=>Promise.resolve().then(()=>require("./render-inlined-styles.d509e95b.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}),k={name:"block-styles",components:{RenderInlinedStyles:c.defineAsyncComponent(y)},props:["block","context"],data(){return{TARGET:s.TARGET}},computed:{useBlock(){return l.getProcessedBlock({block:this.block,state:this.context.state,context:this.context.context,shouldEvaluateBindings:!0})},canShowBlock(){return s.checkIsDefined(this.useBlock.hide)?!this.useBlock.hide:s.checkIsDefined(this.useBlock.show)?this.useBlock.show:!0},css(){var d;const e=this.useBlock.responsiveStyles,o=this.context.content,i=s.getSizesForBreakpoints(((d=o==null?void 0:o.meta)==null?void 0:d.breakpoints)||{}),a=e==null?void 0:e.large,r=e==null?void 0:e.medium,t=e==null?void 0:e.small,n=this.useBlock.id,u=a?l.createCssClass({className:n,styles:a}):"",m=r?l.createCssClass({className:n,styles:r,mediaQuery:s.getMaxWidthQueryForSize("medium",i)}):"",h=t?l.createCssClass({className:n,styles:t,mediaQuery:s.getMaxWidthQueryForSize("small",i)}):"";return[u,m,h].join(" ")}}};function p(e,o,i,a,r,t){const n=c.resolveComponent("render-inlined-styles");return r.TARGET!=="reactNative"&&t.css&&t.canShowBlock?(c.openBlock(),c.createBlock(n,{key:0,styles:t.css},null,8,["styles"])):c.createCommentVNode("",!0)}const S=s._export_sfc(k,[["render",p]]);exports.default=S;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),s=require("./index.9fb3a7e0.cjs"),l=require("./css.785b2126.cjs"),y=()=>Promise.resolve().then(()=>require("./render-inlined-styles.b1441d2d.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}),k={name:"block-styles",components:{RenderInlinedStyles:o.defineAsyncComponent(y)},props:["block","context"],data(){return{TARGET:s.TARGET}},computed:{useBlock(){return l.getProcessedBlock({block:this.block,state:this.context.state,context:this.context.context,shouldEvaluateBindings:!0})},canShowBlock(){return s.checkIsDefined(this.useBlock.hide)?!this.useBlock.hide:s.checkIsDefined(this.useBlock.show)?this.useBlock.show:!0},css(){var d;const e=this.useBlock.responsiveStyles,c=this.context.content,i=s.getSizesForBreakpoints(((d=c==null?void 0:c.meta)==null?void 0:d.breakpoints)||{}),a=e==null?void 0:e.large,r=e==null?void 0:e.medium,t=e==null?void 0:e.small,n=this.useBlock.id,u=a?l.createCssClass({className:n,styles:a}):"",m=r?l.createCssClass({className:n,styles:r,mediaQuery:s.getMaxWidthQueryForSize("medium",i)}):"",h=t?l.createCssClass({className:n,styles:t,mediaQuery:s.getMaxWidthQueryForSize("small",i)}):"";return[u,m,h].join(" ")}}};function p(e,c,i,a,r,t){const n=o.resolveComponent("render-inlined-styles");return r.TARGET!=="reactNative"&&t.css&&t.canShowBlock?(o.openBlock(),o.createBlock(n,{key:0,styles:t.css},null,8,["styles"])):o.createCommentVNode("",!0)}const S=s._export_sfc(k,[["render",p]]);exports.default=S;

package/packages/_vue3/dist/{block-styles.6a927af3.js → block-styles.40e4c9b5.js}

@@ -1,7 +1,7 @@
 import { defineAsyncComponent as p, resolveComponent as k, openBlock as y, createBlock as B, createCommentVNode as S } from "vue";
-import { T as f, c as i, g as _, a as d, _ as g } from "./index.0f89dc70.js";
-import { g as x, c as r } from "./css.33422e4d.js";
-const C = () => import("./render-inlined-styles.4a3bac4e.js").then((e) => e.default).catch((e) => {
+import { T as f, c as i, g as _, a as d, _ as g } from "./index.4931a4d1.js";
+import { g as x, c as r } from "./css.77c76358.js";
+const C = () => import("./render-inlined-styles.dccd4787.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/_vue3/dist/{css.33422e4d.js → css.77c76358.js}

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

package/packages/{_vue2/dist/css.ae8c605c.cjs → _vue3/dist/css.785b2126.cjs}

@@ -1,6 +1,6 @@
-"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.9fb3a7e0.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 f=({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 d({block:e,context:t,shouldEvaluateBindings:r,state:s}){const n=e;return r?f({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} {
       ${s}
-    }`:s};exports.convertStyleMapToCSSArray=a;exports.createCssClass=C;exports.getProcessedBlock=f;
+    }`:s};exports.convertStyleMapToCSSArray=a;exports.createCssClass=C;exports.getProcessedBlock=d;