@builder.io/sdk-vue 2.0.0 → 2.0.1

package/lib/browser/block-styles-Csi42CXj.cjs

@@ -0,0 +1 @@
+var b=require("./style.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("vue"),t=require("./index-5WrmkFk4.cjs"),f=c.defineComponent({name:"block-styles",components:{InlinedStyles:t._sfc_main},props:["block","context"],data(){return{TARGET:t.TARGET}},computed:{canShowBlock(){const e=t.getProcessedBlock({block:this.block,localState:this.context.localState,rootState:this.context.rootState,rootSetState:this.context.rootSetState,context:this.context.context,shouldEvaluateBindings:!0});return t.checkIsDefined(e.hide)?!e.hide:t.checkIsDefined(e.show)?e.show:!0},css(){var m,h,y;const e=t.getProcessedBlock({block:this.block,localState:this.context.localState,rootState:this.context.rootState,rootSetState:this.context.rootSetState,context:this.context.context,shouldEvaluateBindings:!0}),s=e.responsiveStyles,a=this.context.content,r=t.getSizesForBreakpoints(((m=a==null?void 0:a.meta)==null?void 0:m.breakpoints)||{}),i=s==null?void 0:s.large,d=s==null?void 0:s.medium,l=s==null?void 0:s.small,n=e.id;if(!n)return"";const p=i?t.createCssClass({className:n,styles:i}):"",k=d?t.createCssClass({className:n,styles:d,mediaQuery:t.getMaxWidthQueryForSize("medium",r)}):"",C=l?t.createCssClass({className:n,styles:l,mediaQuery:t.getMaxWidthQueryForSize("small",r)}):"",o=e.animations&&e.animations.find(u=>u.trigger==="hover");let S="";if(o){const u=((y=(h=o.steps)==null?void 0:h[1])==null?void 0:y.styles)||{};S=t.createCssClass({className:`${n}:hover`,styles:{...u,transition:`all ${o.duration}s ${t.camelToKebabCase(o.easing)}`,transitionDelay:o.delay?`${o.delay}s`:"0s"}})||""}return[p,k,C,S].join(" ")}}});function g(e,s,a,r,i,d){const l=c.resolveComponent("InlinedStyles");return e.TARGET!=="reactNative"&&e.css&&e.canShowBlock?(c.openBlock(),c.createBlock(l,{key:0,id:"builderio-block",styles:e.css,nonce:e.context.nonce},null,8,["styles","nonce"])):c.createCommentVNode("",!0)}const x=t._export_sfc(f,[["render",g]]);exports.default=x;

package/lib/browser/{block-styles-cVSrkWog.js → block-styles-svOVzDaV.js}

@@ -1,9 +1,9 @@
 import "./style.css";
-import { defineComponent as g, resolveComponent as B, openBlock as v, createBlock as C, createCommentVNode as _ } from "vue";
-import { _ as $, T, g as p, c as y, a as w, b as l, d as k, e as E, f as I } from "./index-pDvo-fub.js";
+import { defineComponent as g, resolveComponent as B, openBlock as v, createBlock as C, createCommentVNode as $ } from "vue";
+import { _, T, g as p, c as y, a as w, b as c, d as k, e as E, f as I } from "./index-zc0i09p9.js";
 const N = g({
   name: "block-styles",
-  components: { InlinedStyles: $ },
+  components: { InlinedStyles: _ },
   props: ["block", "context"],
   data() {
     return { TARGET: T };
@@ -29,33 +29,33 @@ const N = g({
         rootSetState: this.context.rootSetState,
         context: this.context.context,
         shouldEvaluateBindings: !0
-      }), e = t.responsiveStyles, n = this.context.content, c = w(
+      }), e = t.responsiveStyles, n = this.context.content, l = w(
         ((S = n == null ? void 0 : n.meta) == null ? void 0 : S.breakpoints) || {}
       ), r = e == null ? void 0 : e.large, i = e == null ? void 0 : e.medium, a = e == null ? void 0 : e.small, o = t.id;
       if (!o)
         return "";
-      const f = r ? l({
+      const f = r ? c({
         className: o,
         styles: r
-      }) : "", x = i ? l({
+      }) : "", x = i ? c({
         className: o,
         styles: i,
         mediaQuery: k(
           "medium",
-          c
+          l
         )
-      }) : "", b = a ? l({
+      }) : "", b = a ? c({
         className: o,
         styles: a,
         mediaQuery: k(
           "small",
-          c
+          l
         )
       }) : "", s = t.animations && t.animations.find((d) => d.trigger === "hover");
       let m = "";
       if (s) {
         const d = ((h = (u = s.steps) == null ? void 0 : u[1]) == null ? void 0 : h.styles) || {};
-        m = l({
+        m = c({
           className: `${o}:hover`,
           styles: {
             ...d,
@@ -75,13 +75,14 @@ const N = g({
     }
   }
 });
-function z(t, e, n, c, r, i) {
+function z(t, e, n, l, r, i) {
   const a = B("InlinedStyles");
   return t.TARGET !== "reactNative" && t.css && t.canShowBlock ? (v(), C(a, {
     key: 0,
     id: "builderio-block",
-    styles: t.css
-  }, null, 8, ["styles"])) : _("", !0);
+    styles: t.css,
+    nonce: t.context.nonce
+  }, null, 8, ["styles", "nonce"])) : $("", !0);
 }
 const F = /* @__PURE__ */ I(N, [["render", z]]);
 export {

package/lib/browser/{block-wrapper-WsC3tXV8.cjs → block-wrapper-GE-RFbYp.cjs}

@@ -1 +1 @@
-var k=require("./style.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),o=require("./get-block-properties-0QNsXkZI.cjs"),n=require("./index-7PcQ3One.cjs"),c=()=>Promise.resolve().then(()=>require("./index-7PcQ3One.cjs")).then(e=>e.dynamicRenderer).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component DynamicRenderer at ../../dynamic-renderer/dynamic-renderer.vue",e),e}),a=t.defineComponent({name:"block-wrapper",components:{DynamicRenderer:t.defineAsyncComponent(c)},props:["Wrapper","block","context"],data(){return{getBlockActions:o.getBlockActions,getBlockProperties:o.getBlockProperties}}});function i(e,l,p,d,m,u){const r=t.resolveComponent("DynamicRenderer");return t.openBlock(),t.createBlock(r,{TagName:e.Wrapper,attributes:e.getBlockProperties({block:e.block,context:e.context}),actionAttributes:e.getBlockActions({block:e.block,rootState:e.context.rootState,rootSetState:e.context.rootSetState,localState:e.context.localState,context:e.context.context,stripPrefix:!0})},{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},8,["TagName","attributes","actionAttributes"])}const s=n._export_sfc(a,[["render",i]]);exports.default=s;
+var k=require("./style.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),o=require("./get-block-properties-lkKJCs4_.cjs"),n=require("./index-5WrmkFk4.cjs"),c=()=>Promise.resolve().then(()=>require("./index-5WrmkFk4.cjs")).then(e=>e.dynamicRenderer).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component DynamicRenderer at ../../dynamic-renderer/dynamic-renderer.vue",e),e}),a=t.defineComponent({name:"block-wrapper",components:{DynamicRenderer:t.defineAsyncComponent(c)},props:["Wrapper","block","context"],data(){return{getBlockActions:o.getBlockActions,getBlockProperties:o.getBlockProperties}}});function i(e,l,p,d,m,u){const r=t.resolveComponent("DynamicRenderer");return t.openBlock(),t.createBlock(r,{TagName:e.Wrapper,attributes:e.getBlockProperties({block:e.block,context:e.context}),actionAttributes:e.getBlockActions({block:e.block,rootState:e.context.rootState,rootSetState:e.context.rootSetState,localState:e.context.localState,context:e.context.context,stripPrefix:!0})},{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},8,["TagName","attributes","actionAttributes"])}const s=n._export_sfc(a,[["render",i]]);exports.default=s;

package/lib/browser/{block-wrapper-maIbj8Gi.js → block-wrapper-KGQI5yrU.js}

@@ -1,8 +1,8 @@
 import "./style.css";
 import { defineComponent as o, defineAsyncComponent as r, resolveComponent as n, openBlock as a, createBlock as c, withCtx as i, renderSlot as p } from "vue";
-import { g as s, a as l } from "./get-block-properties-AuDiFohY.js";
-import { f as m } from "./index-pDvo-fub.js";
-const d = () => import("./index-pDvo-fub.js").then((e) => e.G).then((e) => e.default).catch((e) => {
+import { g as s, a as l } from "./get-block-properties-1Sn1T_z8.js";
+import { f as m } from "./index-zc0i09p9.js";
+const d = () => import("./index-zc0i09p9.js").then((e) => e.G).then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component DynamicRenderer at ../../dynamic-renderer/dynamic-renderer.vue",
     e

package/lib/browser/{component-ref-da6lIO9c.cjs → component-ref-X2UZCaau.cjs}

@@ -1 +1 @@
-var P=require("./style.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),c=require("./index-7PcQ3One.cjs"),a=require("./get-block-properties-0QNsXkZI.cjs"),u=t.defineComponent({name:"interactive-element",props:["includeBlockProps","block","context","wrapperProps","Wrapper"],computed:{attributes(){return this.includeBlockProps?{...a.getBlockProperties({block:this.block,context:this.context}),...a.getBlockActions({block:this.block,rootState:this.context.rootState,rootSetState:this.context.rootSetState,localState:this.context.localState,context:this.context.context})}:{}}}});function d(e,o,p,s,n,i){return t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.Wrapper),t.mergeProps({attributes:e.attributes},e.wrapperProps),{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},16,["attributes"])}const m=c._export_sfc(u,[["render",d]]),f=({componentOptions:e,builderBlock:o,context:p,componentRef:s,includeBlockProps:n,isInteractive:i,contextValue:l})=>{const r={...e,...n?{attributes:a.getBlockProperties({block:o,context:l})}:{}};return i?{Wrapper:s,block:o,context:p,wrapperProps:e,includeBlockProps:n}:r},B=t.defineComponent({name:"component-ref",components:{Block:c.Block,InteractiveElement:m},props:["isInteractive","componentRef","componentOptions","builderBlock","context","linkComponent","includeBlockProps","blockChildren","registeredComponents"],data(){return{Wrapper:this.isInteractive?c.wrapComponentRef(m):this.componentRef,getWrapperProps:f}}});function b(e,o,p,s,n,i){const l=t.resolveComponent("Block");return e.componentRef?(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.Wrapper),t.normalizeProps(t.mergeProps({key:0},e.getWrapperProps({componentOptions:e.componentOptions,builderBlock:e.builderBlock,context:e.context,componentRef:e.componentRef,linkComponent:e.linkComponent,includeBlockProps:e.includeBlockProps,isInteractive:e.isInteractive,contextValue:e.context}))),{default:t.withCtx(()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.blockChildren,(r,k)=>(t.openBlock(),t.createBlock(l,{key:r.id,block:r,context:e.context,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},null,8,["block","context","registeredComponents","linkComponent"]))),128))]),_:1},16)):t.createCommentVNode("",!0)}const C=c._export_sfc(B,[["render",b]]);exports.default=C;
+var P=require("./style.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),c=require("./index-5WrmkFk4.cjs"),a=require("./get-block-properties-lkKJCs4_.cjs"),u=t.defineComponent({name:"interactive-element",props:["includeBlockProps","block","context","wrapperProps","Wrapper"],computed:{attributes(){return this.includeBlockProps?{...a.getBlockProperties({block:this.block,context:this.context}),...a.getBlockActions({block:this.block,rootState:this.context.rootState,rootSetState:this.context.rootSetState,localState:this.context.localState,context:this.context.context})}:{}}}});function d(e,o,p,s,n,i){return t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.Wrapper),t.mergeProps({attributes:e.attributes},e.wrapperProps),{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},16,["attributes"])}const m=c._export_sfc(u,[["render",d]]),f=({componentOptions:e,builderBlock:o,context:p,componentRef:s,includeBlockProps:n,isInteractive:i,contextValue:l})=>{const r={...e,...n?{attributes:a.getBlockProperties({block:o,context:l})}:{}};return i?{Wrapper:s,block:o,context:p,wrapperProps:e,includeBlockProps:n}:r},B=t.defineComponent({name:"component-ref",components:{Block:c.Block,InteractiveElement:m},props:["isInteractive","componentRef","componentOptions","builderBlock","context","linkComponent","includeBlockProps","blockChildren","registeredComponents"],data(){return{Wrapper:this.isInteractive?c.wrapComponentRef(m):this.componentRef,getWrapperProps:f}}});function b(e,o,p,s,n,i){const l=t.resolveComponent("Block");return e.componentRef?(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.Wrapper),t.normalizeProps(t.mergeProps({key:0},e.getWrapperProps({componentOptions:e.componentOptions,builderBlock:e.builderBlock,context:e.context,componentRef:e.componentRef,linkComponent:e.linkComponent,includeBlockProps:e.includeBlockProps,isInteractive:e.isInteractive,contextValue:e.context}))),{default:t.withCtx(()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.blockChildren,(r,k)=>(t.openBlock(),t.createBlock(l,{key:r.id,block:r,context:e.context,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},null,8,["block","context","registeredComponents","linkComponent"]))),128))]),_:1},16)):t.createCommentVNode("",!0)}const C=c._export_sfc(B,[["render",b]]);exports.default=C;

package/lib/browser/{component-ref-1N_Kijok.js → component-ref-k5NF2o_L.js}

@@ -1,7 +1,7 @@
 import "./style.css";
 import { defineComponent as m, openBlock as r, createBlock as a, resolveDynamicComponent as k, mergeProps as u, withCtx as d, renderSlot as h, resolveComponent as B, normalizeProps as P, createElementBlock as g, Fragment as $, renderList as v, createCommentVNode as S } from "vue";
-import { f, B as W, w } from "./index-pDvo-fub.js";
-import { a as b, g as R } from "./get-block-properties-AuDiFohY.js";
+import { f, B as W, w } from "./index-zc0i09p9.js";
+import { a as b, g as R } from "./get-block-properties-1Sn1T_z8.js";
 const x = m({
   name: "interactive-element",
   props: ["includeBlockProps", "block", "context", "wrapperProps", "Wrapper"],

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

@@ -32,6 +32,7 @@ declare const _default: import("vue").DefineComponent<Readonly<{
             inheritedStyles: {};
             BlocksWrapper: string;
             BlocksWrapperProps: {};
+            nonce: string;
         };
         key: symbol;
     };

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

@@ -1,4 +1,5 @@
 declare const _default: import("vue").DefineComponent<Readonly<{
+    nonce?: any;
     contentId?: any;
     cssCode?: any;
     customFonts?: any;
@@ -6,11 +7,13 @@ declare const _default: import("vue").DefineComponent<Readonly<{
 }>, unknown, {
     injectedStyles: string;
 }, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<Readonly<{
+    nonce?: any;
     contentId?: any;
     cssCode?: any;
     customFonts?: any;
     isNestedRender?: any;
 }>>>, {
+    readonly nonce?: any;
     readonly contentId?: any;
     readonly cssCode?: any;
     readonly customFonts?: any;

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

@@ -7,6 +7,7 @@ declare const _default: import("vue").DefineComponent<Readonly<{
     content?: any;
     apiKey?: any;
     apiVersion?: any;
+    nonce?: any;
     canTrack?: any;
     linkComponent?: any;
     locale?: any;
@@ -39,6 +40,7 @@ declare const _default: import("vue").DefineComponent<Readonly<{
         inheritedStyles: {};
         BlocksWrapper: any;
         BlocksWrapperProps: any;
+        nonce: any;
     };
     TARGET: import("../../types/targets").Target;
 }, {}, {
@@ -49,6 +51,7 @@ declare const _default: import("vue").DefineComponent<Readonly<{
     content?: any;
     apiKey?: any;
     apiVersion?: any;
+    nonce?: any;
     canTrack?: any;
     linkComponent?: any;
     locale?: any;
@@ -69,6 +72,7 @@ declare const _default: import("vue").DefineComponent<Readonly<{
     readonly content?: any;
     readonly apiKey?: any;
     readonly apiVersion?: any;
+    readonly nonce?: any;
     readonly canTrack?: any;
     readonly linkComponent?: any;
     readonly locale?: any;

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

@@ -68,4 +68,8 @@ export interface ContentVariantsPrps {
      * List of hosts to allow editing content from.
      */
     trustedHosts?: string[];
+    /**
+     * A CSP nonce to use for the SDK's inlined `<script>` and `<style>` tags.
+     */
+    nonce?: string;
 }

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

@@ -4,6 +4,7 @@ declare const _default: import("vue").DefineComponent<Readonly<{
     content?: any;
     apiKey?: any;
     apiVersion?: any;
+    nonce?: any;
     canTrack?: any;
     linkComponent?: any;
     locale?: any;
@@ -54,6 +55,7 @@ declare const _default: import("vue").DefineComponent<Readonly<{
     content?: any;
     apiKey?: any;
     apiVersion?: any;
+    nonce?: any;
     canTrack?: any;
     linkComponent?: any;
     locale?: any;
@@ -72,6 +74,7 @@ declare const _default: import("vue").DefineComponent<Readonly<{
     readonly content?: any;
     readonly apiKey?: any;
     readonly apiVersion?: any;
+    readonly nonce?: any;
     readonly canTrack?: any;
     readonly linkComponent?: any;
     readonly locale?: any;

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

@@ -1,10 +1,13 @@
 declare const _default: import("vue").DefineComponent<Readonly<{
+    nonce?: any;
     id?: any;
     scriptStr?: any;
 }>, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<Readonly<{
+    nonce?: any;
     id?: any;
     scriptStr?: any;
 }>>>, {
+    readonly nonce?: any;
     readonly id?: any;
     readonly scriptStr?: any;
 }, {}>;

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

@@ -1,10 +1,13 @@
 declare const _default: import("vue").DefineComponent<Readonly<{
+    nonce?: any;
     styles?: any;
     id?: any;
 }>, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<Readonly<{
+    nonce?: any;
     styles?: any;
     id?: any;
 }>>>, {
+    readonly nonce?: any;
     readonly styles?: any;
     readonly id?: any;
 }, {}>;

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

@@ -1 +1 @@
-export declare const SDK_VERSION = "2.0.0";
+export declare const SDK_VERSION = "2.0.1";

package/lib/browser/context/builder.context.d.ts

@@ -11,6 +11,7 @@ declare const _default: {
         inheritedStyles: {};
         BlocksWrapper: string;
         BlocksWrapperProps: {};
+        nonce: string;
     };
     key: symbol;
 };

package/lib/browser/context/types.d.ts

@@ -33,5 +33,6 @@ export interface BuilderContextInterface extends Pick<BlocksWrapperProps, 'Block
     apiVersion: ApiVersion | undefined;
     componentInfos: Dictionary<ComponentInfo>;
     inheritedStyles: Record<string, unknown>;
+    nonce: string;
     canTrack?: boolean;
 }

package/lib/browser/{get-block-properties-AuDiFohY.js → get-block-properties-1Sn1T_z8.js}

@@ -1,5 +1,5 @@
 import "./style.css";
-import { h as s, T as c, i, j as l } from "./index-pDvo-fub.js";
+import { h as s, T as c, i, j as l } from "./index-zc0i09p9.js";
 const p = (e) => `v-on:${e.toLowerCase()}`, u = (e, t) => (r) => s({
   code: e,
   context: t.context,

package/lib/browser/{get-block-properties-0QNsXkZI.cjs → get-block-properties-lkKJCs4_.cjs}

@@ -1 +1 @@
-var d=require("./style.css");const a=require("./index-7PcQ3One.cjs"),c=e=>`v-on:${e.toLowerCase()}`,i=(e,t)=>r=>a.evaluate({code:e,context:t.context,localState:t.localState,rootState:t.rootState,rootSetState:t.rootSetState,event:r,isExpression:!1,enableCache:!0});function l(e){const t={},r=e.block.actions??{};for(const o in r){if(!r.hasOwnProperty(o))continue;const s=r[o];let n=c(o);if(e.stripPrefix)switch(a.TARGET){case"vue":n=n.replace("v-on:","");break;case"svelte":n=n.replace("on:","");break}t[n]=i(s,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:a.getStyle({block:e,context:t}),[a.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;
+var d=require("./style.css");const a=require("./index-5WrmkFk4.cjs"),c=e=>`v-on:${e.toLowerCase()}`,i=(e,t)=>r=>a.evaluate({code:e,context:t.context,localState:t.localState,rootState:t.rootState,rootSetState:t.rootSetState,event:r,isExpression:!1,enableCache:!0});function l(e){const t={},r=e.block.actions??{};for(const o in r){if(!r.hasOwnProperty(o))continue;const s=r[o];let n=c(o);if(e.stripPrefix)switch(a.TARGET){case"vue":n=n.replace("v-on:","");break;case"svelte":n=n.replace("on:","");break}t[n]=i(s,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:a.getStyle({block:e,context:t}),[a.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;