@builder.io/sdk-vue 0.8.0 → 0.9.0

package/vue3/lib/{browser/component-ref.bf30bc42.js → edge/component-ref.5be0ad03.js}

@@ -1,7 +1,7 @@
 import "./style.css";
 import { defineComponent as f, openBlock as o, createBlock as r, resolveDynamicComponent as v, mergeProps as g, withCtx as B, renderSlot as S, resolveComponent as m, normalizeProps as h, createElementBlock as u, Fragment as k, renderList as d, createCommentVNode as w } from "vue";
-import { _ as P, B as y, a as R, w as W } from "./index.dfff88fe.js";
-import { g as I, a as C } from "./get-block-actions.6a86c1e3.js";
+import { _ as P, B as y, a as R, w as W } from "./index.33299292.js";
+import { g as I, a as C } from "./get-block-actions.f2e5b517.js";
 const E = f({
   name: "interactive-element",
   props: ["wrapperProps", "block", "context", "Wrapper"],

package/vue3/lib/edge/components/block/components/component-ref/component-ref.helpers.d.ts

@@ -21,9 +21,7 @@ export interface ComponentProps {
 export declare const getWrapperProps: ({ componentOptions, builderBlock, context, componentRef, includeBlockProps, isInteractive, contextValue }: Omit<ComponentProps, "registeredComponents" | "blockChildren"> & {
     contextValue: BuilderContextInterface;
 }) => InteractiveElementProps | {
-    attributes?: BuilderBlock | {
-        [index: string]: any;
-    } | undefined;
+    attributes?: any;
     builderBlock: BuilderBlock;
     builderContext: BuilderContextInterface;
 };

package/vue3/lib/edge/components/block/components/component-ref/component-ref.vue.d.ts

@@ -13,9 +13,7 @@ declare const _default: import("vue").DefineComponent<Readonly<{
     getWrapperProps: ({ componentOptions, builderBlock, context, componentRef, includeBlockProps, isInteractive, contextValue }: Omit<ComponentProps, "registeredComponents" | "blockChildren"> & {
         contextValue: import("../../../../context/types.js").BuilderContextInterface;
     }) => import("../interactive-element.vue").InteractiveElementProps | {
-        attributes?: import("../../../../types/builder-block.js").BuilderBlock | {
-            [index: string]: any;
-        } | undefined;
+        attributes?: any;
         builderBlock: import("../../../../types/builder-block.js").BuilderBlock;
         builderContext: import("../../../../context/types.js").BuilderContextInterface;
     };

package/vue3/lib/edge/components/blocks/blocks-wrapper.vue.d.ts

@@ -4,12 +4,22 @@ export type BlocksWrapperProps = {
     parent: string | undefined;
     path: string | undefined;
     styleProp: Record<string, any> | undefined;
+    /**
+     * The element that wraps each list of blocks. Defaults to a `div` element ('ScrollView' in React Native).
+     */
+    BlocksWrapper: any;
+    /**
+     * Additonal props to pass to `blocksWrapper`. Defaults to `{}`.
+     */
+    BlocksWrapperProps: any;
 };
 declare const _default: import("vue").DefineComponent<Readonly<{
     path?: any;
+    BlocksWrapper?: any;
     blocks?: any;
     parent?: any;
     styleProp?: any;
+    BlocksWrapperProps?: any;
 }>, unknown, unknown, {
     className(): string;
 }, {
@@ -18,13 +28,17 @@ declare const _default: import("vue").DefineComponent<Readonly<{
     _classStringToObject(str: string): Record<string, boolean>;
 }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<Readonly<{
     path?: any;
+    BlocksWrapper?: any;
     blocks?: any;
     parent?: any;
     styleProp?: any;
+    BlocksWrapperProps?: any;
 }>>>, {
     readonly path?: any;
+    readonly BlocksWrapper?: any;
     readonly blocks?: any;
     readonly parent?: any;
     readonly styleProp?: any;
+    readonly BlocksWrapperProps?: any;
 }, {}>;
 export default _default;

package/vue3/lib/edge/components/blocks/blocks.vue.d.ts

@@ -1,29 +1,29 @@
 import type { BuilderContextInterface, RegisteredComponents } from "../../context/types.js";
 import type { BlocksWrapperProps } from "./blocks-wrapper.vue";
-export type BlocksProps = Partial<BlocksWrapperProps> & {
+export type BlocksProps = Partial<Omit<BlocksWrapperProps, "BlocksWrapper" | "BlocksWrapperProps">> & {
     context?: BuilderContextInterface;
     registeredComponents?: RegisteredComponents;
 };
 declare const _default: import("vue").DefineComponent<Readonly<{
     path?: any;
     blocks?: any;
-    context?: any;
-    registeredComponents?: any;
     parent?: any;
     styleProp?: any;
+    context?: any;
+    registeredComponents?: any;
 }>, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<Readonly<{
     path?: any;
     blocks?: any;
-    context?: any;
-    registeredComponents?: any;
     parent?: any;
     styleProp?: any;
+    context?: any;
+    registeredComponents?: any;
 }>>>, {
     readonly path?: any;
     readonly blocks?: any;
-    readonly context?: any;
-    readonly registeredComponents?: any;
     readonly parent?: any;
     readonly styleProp?: any;
+    readonly context?: any;
+    readonly registeredComponents?: any;
 }, {}>;
 export default _default;

package/vue3/lib/edge/components/content/components/enable-editor.vue.d.ts

@@ -5,15 +5,18 @@ declare const _default: import("vue").DefineComponent<Readonly<{
     apiKey?: any;
     canTrack?: any;
     builderContextSignal?: any;
+    contentWrapper?: any;
     model?: any;
     locale?: any;
     includeRefs?: any;
     enrich?: any;
     showContent?: any;
+    contentWrapperProps?: any;
 }>, unknown, {
     forceReRenderCount: number;
     lastUpdated: number;
     shouldSendResetCookie: boolean;
+    ContentWrapper: any;
     httpReqsData: {};
     clicked: boolean;
     builderContext: {
@@ -27,6 +30,8 @@ declare const _default: import("vue").DefineComponent<Readonly<{
             apiVersion: undefined;
             componentInfos: {};
             inheritedStyles: {};
+            BlocksWrapper: string;
+            BlocksWrapperProps: {};
         };
         key: symbol;
     };
@@ -68,21 +73,25 @@ declare const _default: import("vue").DefineComponent<Readonly<{
     apiKey?: any;
     canTrack?: any;
     builderContextSignal?: any;
+    contentWrapper?: any;
     model?: any;
     locale?: any;
     includeRefs?: any;
     enrich?: any;
     showContent?: any;
+    contentWrapperProps?: any;
 }>>>, {
     readonly content?: any;
     readonly context?: any;
     readonly apiKey?: any;
     readonly canTrack?: any;
     readonly builderContextSignal?: any;
+    readonly contentWrapper?: any;
     readonly model?: any;
     readonly locale?: any;
     readonly includeRefs?: any;
     readonly enrich?: any;
     readonly showContent?: any;
+    readonly contentWrapperProps?: any;
 }, {}>;
 export default _default;

package/vue3/lib/edge/components/content/content.vue.d.ts

@@ -7,13 +7,17 @@ declare const _default: import("vue").DefineComponent<Readonly<{
     context?: any;
     apiKey?: any;
     apiVersion?: any;
+    blocksWrapper?: any;
     canTrack?: any;
+    contentWrapper?: any;
     model?: any;
     locale?: any;
     includeRefs?: any;
     enrich?: any;
     showContent?: any;
+    contentWrapperProps?: any;
     customComponents?: any;
+    blocksWrapperProps?: any;
     isSsrAbTest?: any;
 }>, unknown, {
     scriptStr: string;
@@ -30,6 +34,8 @@ declare const _default: import("vue").DefineComponent<Readonly<{
         apiVersion: any;
         componentInfos: Dictionary<ComponentInfo>;
         inheritedStyles: {};
+        BlocksWrapper: any;
+        BlocksWrapperProps: any;
     };
     TARGET: import("../../types/targets.js").Target;
 }, {}, {
@@ -40,13 +46,17 @@ declare const _default: import("vue").DefineComponent<Readonly<{
     context?: any;
     apiKey?: any;
     apiVersion?: any;
+    blocksWrapper?: any;
     canTrack?: any;
+    contentWrapper?: any;
     model?: any;
     locale?: any;
     includeRefs?: any;
     enrich?: any;
     showContent?: any;
+    contentWrapperProps?: any;
     customComponents?: any;
+    blocksWrapperProps?: any;
     isSsrAbTest?: any;
 }>>>, {
     readonly data?: any;
@@ -54,13 +64,17 @@ declare const _default: import("vue").DefineComponent<Readonly<{
     readonly context?: any;
     readonly apiKey?: any;
     readonly apiVersion?: any;
+    readonly blocksWrapper?: any;
     readonly canTrack?: any;
+    readonly contentWrapper?: any;
     readonly model?: any;
     readonly locale?: any;
     readonly includeRefs?: any;
     readonly enrich?: any;
     readonly showContent?: any;
+    readonly contentWrapperProps?: any;
     readonly customComponents?: any;
+    readonly blocksWrapperProps?: any;
     readonly isSsrAbTest?: any;
 }, {}>;
 export default _default;

package/vue3/lib/edge/components/content-variants/content-variants.types.d.ts

@@ -17,4 +17,20 @@ export interface ContentVariantsPrps {
     /** @deprecated use `enrich` instead **/
     includeRefs?: boolean;
     enrich?: boolean;
+    /**
+     * The element that wraps your content. Defaults to `div` ('ScrollView' in React Native).
+     */
+    contentWrapper?: any;
+    /**
+     * Additonal props to pass to `contentWrapper`. Defaults to `{}`.
+     */
+    contentWrapperProps?: any;
+    /**
+     * The element that wraps your blocks. Defaults to `div` ('ScrollView' in React Native).
+     */
+    blocksWrapper?: any;
+    /**
+     * Additonal props to pass to `blocksWrapper`. Defaults to `{}`.
+     */
+    blocksWrapperProps?: any;
 }

package/vue3/lib/edge/components/content-variants/content-variants.vue.d.ts

@@ -4,12 +4,16 @@ declare const _default: import("vue").DefineComponent<Readonly<{
     context?: any;
     apiKey?: any;
     apiVersion?: any;
+    blocksWrapper?: any;
     canTrack?: any;
+    contentWrapper?: any;
     model?: any;
     locale?: any;
     includeRefs?: any;
     enrich?: any;
+    contentWrapperProps?: any;
     customComponents?: any;
+    blocksWrapperProps?: any;
     __isNestedRender?: any;
 }>, unknown, {
     shouldRenderVariants: boolean;
@@ -49,12 +53,16 @@ declare const _default: import("vue").DefineComponent<Readonly<{
     context?: any;
     apiKey?: any;
     apiVersion?: any;
+    blocksWrapper?: any;
     canTrack?: any;
+    contentWrapper?: any;
     model?: any;
     locale?: any;
     includeRefs?: any;
     enrich?: any;
+    contentWrapperProps?: any;
     customComponents?: any;
+    blocksWrapperProps?: any;
     __isNestedRender?: any;
 }>>>, {
     readonly data?: any;
@@ -62,12 +70,16 @@ declare const _default: import("vue").DefineComponent<Readonly<{
     readonly context?: any;
     readonly apiKey?: any;
     readonly apiVersion?: any;
+    readonly blocksWrapper?: any;
     readonly canTrack?: any;
+    readonly contentWrapper?: any;
     readonly model?: any;
     readonly locale?: any;
     readonly includeRefs?: any;
     readonly enrich?: any;
+    readonly contentWrapperProps?: any;
     readonly customComponents?: any;
+    readonly blocksWrapperProps?: any;
     readonly __isNestedRender?: any;
 }, {}>;
 export default _default;

package/vue3/lib/edge/constants/sdk-version.d.ts

@@ -1 +1 @@
-export declare const SDK_VERSION = "0.8.0";
+export declare const SDK_VERSION = "0.9.0";

package/vue3/lib/edge/context/builder.context.d.ts

@@ -9,6 +9,8 @@ declare const _default: {
         apiVersion: undefined;
         componentInfos: {};
         inheritedStyles: {};
+        BlocksWrapper: string;
+        BlocksWrapperProps: {};
     };
     key: symbol;
 };

package/vue3/lib/edge/context/types.d.ts

@@ -1,3 +1,4 @@
+import type { BlocksWrapperProps } from '../components/blocks/blocks-wrapper.vue';
 import type { ApiVersion } from '../types/api-version.js';
 import type { BuilderContent } from '../types/builder-content.js';
 import type { ComponentInfo } from '../types/components.js';
@@ -8,7 +9,7 @@ export type RegisteredComponent = ComponentInfo & {
 export type RegisteredComponents = Dictionary<RegisteredComponent>;
 export type BuilderRenderState = Record<string, unknown>;
 export type BuilderRenderContext = Record<string, unknown>;
-export interface BuilderContextInterface {
+export interface BuilderContextInterface extends Pick<BlocksWrapperProps, 'BlocksWrapper' | 'BlocksWrapperProps'> {
     content: Nullable<BuilderContent>;
     context: BuilderRenderContext;
     /**

package/vue3/lib/edge/functions/get-block-properties.d.ts

@@ -3,4 +3,4 @@ import type { BuilderBlock } from '../types/builder-block.js';
 export declare function getBlockProperties({ block, context }: {
     block: BuilderBlock;
     context: BuilderContextInterface;
-}): BuilderBlock;
+}): any;

package/vue3/lib/edge/functions/transform-block-properties.d.ts

@@ -1,2 +1,5 @@
-import type { BuilderBlock } from '../types/builder-block.js';
-export declare function transformBlockProperties(block: BuilderBlock): BuilderBlock;
+export declare function transformBlockProperties({ properties, }: {
+    properties: any;
+    block: any;
+    context: any;
+}): any;

package/vue3/lib/edge/get-block-actions.1d0e09b6.cjs

@@ -0,0 +1 @@
+"use strict";var g=require("./style.css");const o=require("./index.99c2904d.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 l({properties:e}){return e.class=i(e.class),e}const u=e=>({href:e.href});function f({block:e,context:t}){var s;const r={...u(e),...e.properties,"builder-id":e.id,style:e.style?v(e.style):void 0,class:[e.id,"builder-block",e.class,(s=e.properties)==null?void 0:s.class].filter(Boolean).join(" ")};return l({properties:r,context:t,block:e})}function v(e){switch(o.TARGET){case"svelte":case"vue2":case"vue3":case"solid":return o.convertStyleMapToCSSArray(e).join(" ");case"qwik":case"reactNative":case"react":case"rsc":return e}}const d=e=>`v-on:${e.toLowerCase()}`,S=(e,t)=>r=>o.evaluate({code:e,context:t.context,localState:t.localState,rootState:t.rootState,rootSetState:t.rootSetState,event:r,isExpression:!1});function p(e){var s;const t={},r=(s=e.block.actions)!=null?s:{};for(const n in r){if(!r.hasOwnProperty(n))continue;const a=r[n];let c=d(n);if(e.stripPrefix)switch(o.TARGET){case"vue2":case"vue3":c=c.replace("v-on:","");break;case"svelte":c=c.replace("on:","");break}t[c]=S(a,e)}return t}exports.getBlockActions=p;exports.getBlockProperties=f;

package/vue3/lib/{browser/get-block-actions.6a86c1e3.js → edge/get-block-actions.f2e5b517.js}

@@ -1,5 +1,5 @@
 import "./style.css";
-import { T as n, c as i, e as l } from "./index.dfff88fe.js";
+import { T as c, c as i, e as l } from "./index.33299292.js";
 function u(e) {
   const t = {};
   if (typeof e != "string")
@@ -9,7 +9,9 @@ function u(e) {
     t[s] = !0;
   return t;
 }
-function f(e) {
+function f({
+  properties: e
+}) {
   return e.class = u(e.class), e;
 }
 const v = (e) => ({
@@ -24,13 +26,17 @@ function g({
     ...v(e),
     ...e.properties,
     "builder-id": e.id,
-    style: e.style ? p(e.style) : void 0,
+    style: e.style ? S(e.style) : void 0,
     class: [e.id, "builder-block", e.class, (s = e.properties) == null ? void 0 : s.class].filter(Boolean).join(" ")
   };
-  return f(r);
+  return f({
+    properties: r,
+    context: t,
+    block: e
+  });
 }
-function p(e) {
-  switch (n) {
+function S(e) {
+  switch (c) {
     case "svelte":
     case "vue2":
     case "vue3":
@@ -43,7 +49,7 @@ function p(e) {
       return e;
   }
 }
-const S = (e) => `v-on:${e.toLowerCase()}`, d = (e, t) => (r) => l({
+const p = (e) => `v-on:${e.toLowerCase()}`, d = (e, t) => (r) => l({
   code: e,
   context: t.context,
   localState: t.localState,
@@ -58,10 +64,10 @@ function x(e) {
   for (const o in r) {
     if (!r.hasOwnProperty(o))
       continue;
-    const c = r[o];
-    let a = S(o);
+    const n = r[o];
+    let a = p(o);
     if (e.stripPrefix)
-      switch (n) {
+      switch (c) {
         case "vue2":
         case "vue3":
           a = a.replace("v-on:", "");
@@ -70,7 +76,7 @@ function x(e) {
           a = a.replace("on:", "");
           break;
       }
-    t[a] = d(c, e);
+    t[a] = d(n, e);
   }
   return t;
 }

package/vue3/lib/edge/index-helpers/blocks-exports.d.ts

@@ -15,24 +15,24 @@ export { Blocks, Content };
 export declare const RenderBlocks: import("vue").DefineComponent<Readonly<{
     path?: any;
     blocks?: any;
-    context?: any;
-    registeredComponents?: any;
     parent?: any;
     styleProp?: any;
+    context?: any;
+    registeredComponents?: any;
 }>, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<Readonly<{
     path?: any;
     blocks?: any;
-    context?: any;
-    registeredComponents?: any;
     parent?: any;
     styleProp?: any;
+    context?: any;
+    registeredComponents?: any;
 }>>>, {
     readonly path?: any;
     readonly blocks?: any;
-    readonly context?: any;
-    readonly registeredComponents?: any;
     readonly parent?: any;
     readonly styleProp?: any;
+    readonly context?: any;
+    readonly registeredComponents?: any;
 }, {}>;
 /**
  * @deprecated Renamed to `Content`.
@@ -43,12 +43,16 @@ export declare const RenderContent: import("vue").DefineComponent<Readonly<{
     context?: any;
     apiKey?: any;
     apiVersion?: any;
+    blocksWrapper?: any;
     canTrack?: any;
+    contentWrapper?: any;
     model?: any;
     locale?: any;
     includeRefs?: any;
     enrich?: any;
+    contentWrapperProps?: any;
     customComponents?: any;
+    blocksWrapperProps?: any;
     __isNestedRender?: any;
 }>, unknown, {
     shouldRenderVariants: boolean;
@@ -88,12 +92,16 @@ export declare const RenderContent: import("vue").DefineComponent<Readonly<{
     context?: any;
     apiKey?: any;
     apiVersion?: any;
+    blocksWrapper?: any;
     canTrack?: any;
+    contentWrapper?: any;
     model?: any;
     locale?: any;
     includeRefs?: any;
     enrich?: any;
+    contentWrapperProps?: any;
     customComponents?: any;
+    blocksWrapperProps?: any;
     __isNestedRender?: any;
 }>>>, {
     readonly data?: any;
@@ -101,11 +109,15 @@ export declare const RenderContent: import("vue").DefineComponent<Readonly<{
     readonly context?: any;
     readonly apiKey?: any;
     readonly apiVersion?: any;
+    readonly blocksWrapper?: any;
     readonly canTrack?: any;
+    readonly contentWrapper?: any;
     readonly model?: any;
     readonly locale?: any;
     readonly includeRefs?: any;
     readonly enrich?: any;
+    readonly contentWrapperProps?: any;
     readonly customComponents?: any;
+    readonly blocksWrapperProps?: any;
     readonly __isNestedRender?: any;
 }, {}>;