@builder.io/sdk-vue 0.13.1 → 0.13.3

package/lib/browser/{component-ref.4425a615.js → component-ref-YzJX0Oul.js}

@@ -1,7 +1,7 @@
 import "./style.css";
-import { defineComponent as m, openBlock as r, createBlock as i, resolveDynamicComponent as k, mergeProps as u, withCtx as d, renderSlot as v, resolveComponent as P, normalizeProps as g, createElementBlock as B, Fragment as $, renderList as h, createCommentVNode as w } from "vue";
-import { _ as f, B as S, w as W } from "./index.5f9ed15d.js";
-import { g as R, a as b } from "./get-block-properties.73425f09.js";
+import { defineComponent as m, openBlock as r, createBlock as l, resolveDynamicComponent as k, mergeProps as d, withCtx as u, renderSlot as P, resolveComponent as B, normalizeProps as g, createElementBlock as $, Fragment as v, renderList as S, createCommentVNode as W } from "vue";
+import { e as f, B as h, w } from "./index-6a_qPbnw.js";
+import { g as R, a as b } from "./get-block-properties-ZirT3ZGB.js";
 const I = m({
   name: "interactive-element",
   props: ["wrapperProps", "includeBlockProps", "block", "context", "Wrapper"],
@@ -10,7 +10,7 @@ const I = m({
   }
 });
 function E(e, o, p, s, t, c) {
-  return r(), i(k(e.Wrapper), u({
+  return r(), l(k(e.Wrapper), d({
     attributes: e.includeBlockProps ? {
       ...e.getBlockProperties({
         block: e.block,
@@ -25,27 +25,31 @@ function E(e, o, p, s, t, c) {
       })
     } : {}
   }, e.wrapperProps), {
-    default: d(() => [
-      v(e.$slots, "default")
+    default: u(() => [
+      P(e.$slots, "default")
     ]),
     _: 3
   }, 16, ["attributes"]);
 }
-const a = /* @__PURE__ */ f(I, [["render", E], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/block/components/interactive-element.vue"]]), y = ({
+const i = /* @__PURE__ */ f(I, [["render", E]]), y = ({
   componentOptions: e,
   builderBlock: o,
   context: p,
   componentRef: s,
   includeBlockProps: t,
   isInteractive: c,
-  contextValue: l
+  contextValue: a
 }) => {
   const n = {
     ...e,
+    /**
+     * If `noWrap` is set to `true`, then the block's props/attributes are provided to the
+     * component itself directly. Otherwise, they are provided to the wrapper element.
+     */
     ...t ? {
       attributes: b({
         block: o,
-        context: l
+        context: a
       })
     } : {}
   };
@@ -58,7 +62,7 @@ const a = /* @__PURE__ */ f(I, [["render", E], ["__file", "/home/runner/work/bui
   } : n;
 }, A = m({
   name: "component-ref",
-  components: { Block: S, InteractiveElement: a },
+  components: { Block: h, InteractiveElement: i },
   props: [
     "isInteractive",
     "componentRef",
@@ -72,14 +76,14 @@ const a = /* @__PURE__ */ f(I, [["render", E], ["__file", "/home/runner/work/bui
   ],
   data() {
     return {
-      Wrapper: this.isInteractive ? W(a) : this.componentRef,
+      Wrapper: this.isInteractive ? w(i) : this.componentRef,
       getWrapperProps: y
     };
   }
 });
 function O(e, o, p, s, t, c) {
-  const l = P("block");
-  return e.componentRef ? (r(), i(k(e.Wrapper), g(u(
+  const a = B("block");
+  return e.componentRef ? (r(), l(k(e.Wrapper), g(d(
     { key: 0 },
     e.getWrapperProps({
       componentOptions: e.componentOptions,
@@ -92,8 +96,8 @@ function O(e, o, p, s, t, c) {
       contextValue: e.context
     })
   )), {
-    default: d(() => [
-      (r(!0), B($, null, h(e.blockChildren, (n, C) => (r(), i(l, {
+    default: u(() => [
+      (r(!0), $(v, null, S(e.blockChildren, (n, C) => (r(), l(a, {
         key: n.id,
         block: n,
         context: e.context,
@@ -102,9 +106,9 @@ function O(e, o, p, s, t, c) {
       }, null, 8, ["block", "context", "registeredComponents", "linkComponent"]))), 128))
     ]),
     _: 1
-  }, 16)) : w("v-if", !0);
+  }, 16)) : W("", !0);
 }
-const L = /* @__PURE__ */ f(A, [["render", O], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/block/components/component-ref/component-ref.vue"]]);
+const L = /* @__PURE__ */ f(A, [["render", O]]);
 export {
   L as default
 };

package/lib/browser/components/block/block.vue.d.ts

@@ -31,7 +31,7 @@ declare const _default: import("vue").DefineComponent<Readonly<{
         includeBlockProps: boolean;
         isInteractive: boolean;
     };
-}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<Readonly<{
+}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<Readonly<{
     context?: any;
     block?: any;
     registeredComponents?: any;

package/lib/browser/components/block/components/block-styles.vue.d.ts

@@ -12,7 +12,7 @@ declare const _default: import("vue").DefineComponent<Readonly<{
 }, {
     canShowBlock(): boolean;
     css(): string;
-}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<Readonly<{
+}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<Readonly<{
     context?: any;
     block?: any;
 }>>>, {

package/lib/browser/components/block/components/block-wrapper.vue.d.ts

@@ -10,7 +10,7 @@ declare const _default: import("vue").DefineComponent<Readonly<{
 }>, unknown, {
     getBlockActions: typeof getBlockActions;
     getBlockProperties: typeof getBlockProperties;
-}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<Readonly<{
+}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<Readonly<{
     context?: any;
     block?: any;
     Wrapper?: any;

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

@@ -1,13 +1,13 @@
 import type { BuilderContextInterface, RegisteredComponents } from '../../../../context/types.js';
 import type { BuilderBlock } from '../../../../types/builder-block.js';
-import type { PropsWithBuilderData } from '../../../../types/builder-props.js';
+import type { BuilderDataProps } from '../../../../types/builder-props.js';
 import type { InteractiveElementProps } from '../interactive-element.vue';
-type ComponentOptions = PropsWithBuilderData<{
+type ComponentOptions = BuilderDataProps & {
     [index: string]: any;
     attributes?: {
         [index: string]: any;
     };
-}>;
+};
 export interface ComponentProps {
     componentRef: any;
     componentOptions: ComponentOptions;

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

@@ -24,7 +24,7 @@ declare const _default: import("vue").DefineComponent<Readonly<{
         builderBlock: import("../../../../server-index.js").BuilderBlock;
         builderContext: import("../../../../context/types.js").BuilderContextInterface;
     };
-}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<Readonly<{
+}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<Readonly<{
     context?: any;
     registeredComponents?: any;
     includeBlockProps?: any;

package/lib/browser/components/block/components/interactive-element.vue.d.ts

@@ -9,6 +9,7 @@ export type InteractiveElementProps = {
     context: BuilderContextInterface;
     wrapperProps: Dictionary<any>;
     includeBlockProps: boolean;
+    children?: any;
 };
 declare const _default: import("vue").DefineComponent<Readonly<{
     context?: any;
@@ -19,7 +20,7 @@ declare const _default: import("vue").DefineComponent<Readonly<{
 }>, unknown, {
     getBlockActions: typeof getBlockActions;
     getBlockProperties: typeof getBlockProperties;
-}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<Readonly<{
+}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<Readonly<{
     context?: any;
     block?: any;
     wrapperProps?: any;

package/lib/browser/components/block/components/repeated-block.vue.d.ts

@@ -5,7 +5,7 @@ declare const _default: import("vue").DefineComponent<Readonly<{
     repeatContext?: any;
 }>, unknown, {
     store: any;
-}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<Readonly<{
+}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<Readonly<{
     block?: any;
     registeredComponents?: any;
     linkComponent?: any;

package/lib/browser/components/blocks/blocks-wrapper.vue.d.ts

@@ -12,6 +12,7 @@ export type BlocksWrapperProps = {
      * Additonal props to pass to `blocksWrapper`. Defaults to `{}`.
      */
     BlocksWrapperProps: any;
+    children?: any;
 };
 declare const _default: import("vue").DefineComponent<Readonly<{
     path?: any;
@@ -25,7 +26,7 @@ declare const _default: import("vue").DefineComponent<Readonly<{
 }, {
     onClick(): void;
     onMouseEnter(): void;
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<Readonly<{
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<Readonly<{
     path?: any;
     BlocksWrapper?: any;
     blocks?: any;

package/lib/browser/components/blocks/blocks.vue.d.ts

@@ -6,7 +6,7 @@ declare const _default: import("vue").DefineComponent<Readonly<{
     context?: any;
     registeredComponents?: any;
     linkComponent?: any;
-}>, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<Readonly<{
+}>, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<Readonly<{
     path?: any;
     blocks?: any;
     parent?: any;

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

@@ -76,7 +76,7 @@ declare const _default: import("vue").DefineComponent<Readonly<{
     emitStateUpdate(): void;
     elementRef_onIniteditingbldr(event: any): void;
     elementRef_onInitpreviewingbldr(event: any): void;
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<Readonly<{
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<Readonly<{
     data?: any;
     content?: any;
     context?: any;

package/lib/browser/components/content/components/styles.vue.d.ts

@@ -4,7 +4,7 @@ declare const _default: import("vue").DefineComponent<Readonly<{
     customFonts?: any;
 }>, unknown, {
     injectedStyles: string;
-}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<Readonly<{
+}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<Readonly<{
     contentId?: any;
     cssCode?: any;
     customFonts?: any;

package/lib/browser/components/content/content.types.d.ts

@@ -1,11 +1,5 @@
 import type { BuilderRenderState } from '../../context/types.js';
-import type { EnforcePartials } from '../../types/enforced-partials.js';
-import type { ContentVariantsPrps } from '../content-variants/content-variants.types.js';
-interface InternalRenderProps {
-    showContent: boolean;
-    isSsrAbTest: boolean;
-}
-export type ContentProps = InternalRenderProps & EnforcePartials<ContentVariantsPrps>;
+export type { ContentProps } from './contentProps.types.js';
 export interface BuilderComponentStateChange {
     state: BuilderRenderState;
     ref: {
@@ -17,4 +11,3 @@ export interface BuilderComponentStateChange {
         };
     };
 }
-export {};

package/lib/browser/components/content/content.vue.d.ts

@@ -42,7 +42,7 @@ declare const _default: import("vue").DefineComponent<Readonly<{
     TARGET: import("../../types/targets.js").Target;
 }, {}, {
     contentSetState(newRootState: BuilderRenderState): void;
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<Readonly<{
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<Readonly<{
     data?: any;
     content?: any;
     context?: any;

package/lib/browser/components/content/contentProps.types.d.ts

@@ -0,0 +1,7 @@
+import type { ContentVariantsPrps } from '../content-variants/content-variants.types.js';
+interface InternalRenderProps {
+    showContent: boolean;
+    isSsrAbTest: boolean;
+}
+export type ContentProps = InternalRenderProps & ContentVariantsPrps;
+export {};

package/lib/browser/components/content-variants/content-variants.vue.d.ts

@@ -49,7 +49,7 @@ declare const _default: import("vue").DefineComponent<Readonly<{
     updateCookieAndStylesScriptStr(): string;
     hideVariantsStyleString(): string;
     defaultContent(): any;
-}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<Readonly<{
+}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<Readonly<{
     data?: any;
     content?: any;
     context?: any;

package/lib/browser/components/dynamic-renderer/dynamic-renderer.vue.d.ts

@@ -1,10 +1,16 @@
+export interface DynamicRendererProps {
+    children?: any;
+    TagName: any;
+    attributes: any;
+    actionAttributes: any;
+}
 declare const _default: import("vue").DefineComponent<Readonly<{
     attributes?: any;
     actionAttributes?: any;
     TagName?: any;
 }>, unknown, {
     isEmptyElement: (tagName: any) => boolean;
-}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<Readonly<{
+}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<Readonly<{
     attributes?: any;
     actionAttributes?: any;
     TagName?: any;

package/lib/browser/components/inlined-script.vue.d.ts

@@ -1,7 +1,7 @@
 declare const _default: import("vue").DefineComponent<Readonly<{
     id?: any;
     scriptStr?: any;
-}>, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<Readonly<{
+}>, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<Readonly<{
     id?: any;
     scriptStr?: any;
 }>>>, {

package/lib/browser/components/inlined-styles.vue.d.ts

@@ -1,7 +1,7 @@
 declare const _default: import("vue").DefineComponent<Readonly<{
     styles?: any;
     id?: any;
-}>, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<Readonly<{
+}>, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<Readonly<{
     styles?: any;
     id?: any;
 }>>>, {

package/lib/browser/constants/extra-components.d.ts

@@ -0,0 +1,7 @@
+/**
+ * These are in a separate file because React Native does not support them (yet).
+ * Having them in a separate file allows us to override it to be empty in the
+ * React Native SDK.
+ */
+import type { RegisteredComponent } from '../context/types.js';
+export declare const getExtraComponents: () => RegisteredComponent[];

package/lib/browser/constants/sdk-version.d.ts

@@ -1 +1 @@
-export declare const SDK_VERSION = "0.13.1";
+export declare const SDK_VERSION = "0.13.3";

package/lib/browser/functions/get-env.d.ts

@@ -0,0 +1,2 @@
+export declare const validEnvList: string[];
+export declare const getEnv: () => string;

package/lib/browser/functions/get.d.ts

@@ -0,0 +1 @@
+export declare const get: (obj: any, path: string, defaultValue?: any) => any;

package/lib/browser/get-block-properties-KacPzO_o.cjs

@@ -0,0 +1 @@
+var d=require("./style.css");const s=require("./index-7Z8XjtKs.cjs"),c=e=>`v-on:${e.toLowerCase()}`,i=(e,t)=>r=>s.evaluate({code:e,context:t.context,localState:t.localState,rootState:t.rootState,rootSetState:t.rootSetState,event:r,isExpression:!1});function l(e){const t={},r=e.block.actions??{};for(const o in r){if(!r.hasOwnProperty(o))continue;const a=r[o];let n=c(o);if(e.stripPrefix)switch(s.TARGET){case"vue":n=n.replace("v-on:","");break;case"svelte":n=n.replace("on:","");break}t[n]=i(a,e)}return t}function u({properties:e}){return e}const p=e=>({href:e.href});function f({block:e,context:t}){var o;const r={...p(e),...e.properties,"builder-id":e.id,style:s.getStyle({block:e,context:t}),[s.getClassPropName()]:[e.id,"builder-block",e.class,(o=e.properties)==null?void 0:o.class].filter(Boolean).join(" ")};return u({properties:r,context:t,block:e})}exports.getBlockActions=l;exports.getBlockProperties=f;

package/lib/browser/{get-block-properties.73425f09.js → get-block-properties-ZirT3ZGB.js}

@@ -1,6 +1,6 @@
 import "./style.css";
-import { e as c, T as i, f as l, h as f } from "./index.5f9ed15d.js";
-const p = (e) => `v-on:${e.toLowerCase()}`, u = (e, t) => (r) => c({
+import { f as n, T as c, h as i, i as l } from "./index-6a_qPbnw.js";
+const f = (e) => `v-on:${e.toLowerCase()}`, p = (e, t) => (r) => n({
   code: e,
   context: t.context,
   localState: t.localState,
@@ -9,16 +9,15 @@ const p = (e) => `v-on:${e.toLowerCase()}`, u = (e, t) => (r) => c({
   event: r,
   isExpression: !1
 });
-function g(e) {
-  var o;
-  const t = {}, r = (o = e.block.actions) != null ? o : {};
-  for (const s in r) {
-    if (!r.hasOwnProperty(s))
+function m(e) {
+  const t = {}, r = e.block.actions ?? {};
+  for (const o in r) {
+    if (!r.hasOwnProperty(o))
       continue;
-    const n = r[s];
-    let a = p(s);
+    const s = r[o];
+    let a = f(o);
     if (e.stripPrefix)
-      switch (i) {
+      switch (c) {
         case "vue":
           a = a.replace("v-on:", "");
           break;
@@ -26,40 +25,40 @@ function g(e) {
           a = a.replace("on:", "");
           break;
       }
-    t[a] = u(n, e);
+    t[a] = p(s, e);
   }
   return t;
 }
-function v({
+function u({
   properties: e
 }) {
   return e;
 }
-const d = (e) => ({
+const v = (e) => ({
   href: e.href
 });
-function P({
+function g({
   block: e,
   context: t
 }) {
   var o;
   const r = {
-    ...d(e),
+    ...v(e),
     ...e.properties,
     "builder-id": e.id,
-    style: l({
+    style: i({
       block: e,
       context: t
     }),
-    [f()]: [e.id, "builder-block", e.class, (o = e.properties) == null ? void 0 : o.class].filter(Boolean).join(" ")
+    [l()]: [e.id, "builder-block", e.class, (o = e.properties) == null ? void 0 : o.class].filter(Boolean).join(" ")
   };
-  return v({
+  return u({
     properties: r,
     context: t,
     block: e
   });
 }
 export {
-  P as a,
-  g
+  g as a,
+  m as g
 };