@builder.io/sdk-vue 2.0.0 → 2.0.1

package/lib/edge/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-lFidbDeW.cjs");exports.Blocks=e.Blocks;exports.BuilderContext=e.BuilderContext;exports.Button=e.Button;exports.Columns=e.Columns;exports.Content=e.ContentVariants;exports.Fragment=e.Fragment;exports.Image=e.Image;exports.Section=e.Section;exports.Symbol=e.Symbol;exports.Text=e.Text;exports.Video=e.Video;exports._processContentResult=e._processContentResult;exports.createRegisterComponentMessage=e.createRegisterComponentMessage;exports.fetchBuilderProps=e.fetchBuilderProps;exports.fetchEntries=e.fetchEntries;exports.fetchOneEntry=e.fetchOneEntry;exports.getBuilderSearchParams=e.getBuilderSearchParams;exports.isEditing=e.isEditing;exports.isPreviewing=e.isPreviewing;exports.register=e.register;exports.setEditorSettings=e.setEditorSettings;exports.subscribeToEditor=e.subscribeToEditor;exports.track=e.track;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-kEvRBdly.cjs");exports.Blocks=e.Blocks;exports.BuilderContext=e.BuilderContext;exports.Button=e.Button;exports.Columns=e.Columns;exports.Content=e.ContentVariants;exports.Fragment=e.Fragment;exports.Image=e.Image;exports.Section=e.Section;exports.Symbol=e.Symbol;exports.Text=e.Text;exports.Video=e.Video;exports._processContentResult=e._processContentResult;exports.createRegisterComponentMessage=e.createRegisterComponentMessage;exports.fetchBuilderProps=e.fetchBuilderProps;exports.fetchEntries=e.fetchEntries;exports.fetchOneEntry=e.fetchOneEntry;exports.getBuilderSearchParams=e.getBuilderSearchParams;exports.isEditing=e.isEditing;exports.isPreviewing=e.isPreviewing;exports.register=e.register;exports.setEditorSettings=e.setEditorSettings;exports.subscribeToEditor=e.subscribeToEditor;exports.track=e.track;

package/lib/edge/index.mjs

@@ -1,4 +1,4 @@
-import { o as a, k as t, l as r, C as o, p as i, F as n, I as c, S as g, m as l, n as m, V as u, A as d, s as C, z as E, D as p, E as B, v as S, q as f, r as h, t as x, u as b, y as k, x as y } from "./index-OtE_7PIE.js";
+import { o as a, k as t, l as r, C as o, p as i, F as n, I as c, S as g, m as l, n as m, V as u, A as d, s as C, z as E, D as p, E as B, v as S, q as f, r as h, t as x, u as b, y as k, x as y } from "./index-Hw76nggP.js";
 export {
   a as Blocks,
   t as BuilderContext,

package/lib/edge/{repeated-block-vPgWRa-A.js → repeated-block-RuwJfamt.js}

@@ -1,6 +1,6 @@
 import { defineComponent as t, defineAsyncComponent as n, resolveComponent as r, openBlock as c, createBlock as p } from "vue";
-import { k as s, f as l } from "./index-OtE_7PIE.js";
-const i = () => import("./index-OtE_7PIE.js").then((o) => o.H).then((o) => o.default).catch((o) => {
+import { k as s, f as l } from "./index-Hw76nggP.js";
+const i = () => import("./index-Hw76nggP.js").then((o) => o.H).then((o) => o.default).catch((o) => {
   throw console.error(
     "Error while attempting to dynamically import component Block at ../block.vue",
     o

package/lib/edge/{repeated-block-IMXruThl.cjs → repeated-block-iGJv6g_d.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),t=require("./index-lFidbDeW.cjs"),r=()=>Promise.resolve().then(()=>require("./index-lFidbDeW.cjs")).then(e=>e.block).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component Block at ../block.vue",e),e}),c=o.defineComponent({name:"repeated-block",components:{Block:o.defineAsyncComponent(r)},props:["repeatContext","block","registeredComponents","linkComponent"],data(){return{store:this.repeatContext}},provide(){const e=this;return{[t.BuilderContext.key]:e.store}}});function s(e,i,p,a,m,d){const n=o.resolveComponent("Block");return o.openBlock(),o.createBlock(n,{block:e.block,context:e.store,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},null,8,["block","context","registeredComponents","linkComponent"])}const l=t._export_sfc(c,[["render",s]]);exports.default=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),t=require("./index-kEvRBdly.cjs"),r=()=>Promise.resolve().then(()=>require("./index-kEvRBdly.cjs")).then(e=>e.block).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component Block at ../block.vue",e),e}),c=o.defineComponent({name:"repeated-block",components:{Block:o.defineAsyncComponent(r)},props:["repeatContext","block","registeredComponents","linkComponent"],data(){return{store:this.repeatContext}},provide(){const e=this;return{[t.BuilderContext.key]:e.store}}});function s(e,i,p,a,m,d){const n=o.resolveComponent("Block");return o.openBlock(),o.createBlock(n,{block:e.block,context:e.store,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},null,8,["block","context","registeredComponents","linkComponent"])}const l=t._export_sfc(c,[["render",s]]);exports.default=l;

package/lib/edge/style.css

@@ -1 +1 @@
-.component-178o76acnws[data-v-a5b13ef9]{display:flex;flex-direction:column;align-items:stretch}.div-2brhoa1k8gd[data-v-5320212d]{display:flex;line-height:normal}.img-1pl23ac79ld[data-v-0d528855]{opacity:1;transition:opacity .2s ease-in-out}.div-1pl23ac79ld[data-v-0d528855]{width:100%;pointer-events:none;font-size:0}.div-1pl23ac79ld-2[data-v-0d528855]{display:flex;flex-direction:column;align-items:stretch;position:absolute;top:0;left:0;width:100%;height:100%}.pre-3i4ezorcfhi[data-v-489330f7]{padding:10px;color:red;text-align:center}
+.component-178o76acnws[data-v-a5b13ef9]{display:flex;flex-direction:column;align-items:stretch}.div-2brhoa1k8gd[data-v-975347d5]{display:flex;line-height:normal}.img-1pl23ac79ld[data-v-0d528855]{opacity:1;transition:opacity .2s ease-in-out}.div-1pl23ac79ld[data-v-0d528855]{width:100%;pointer-events:none;font-size:0}.div-1pl23ac79ld-2[data-v-0d528855]{display:flex;flex-direction:column;align-items:stretch;position:absolute;top:0;left:0;width:100%;height:100%}.pre-3i4ezorcfhi[data-v-489330f7]{padding:10px;color:red;text-align:center}

package/lib/edge/types/builder-props.d.ts

@@ -10,3 +10,6 @@ export type BuilderComponentsProp = {
 export type BuilderLinkComponentProp = {
     builderLinkComponent?: any;
 };
+export type BuilderNonceProp = {
+    nonce: string;
+};

package/lib/node/{block-styles-JjLwXWt4.js → block-styles-akqgR8wB.js}

@@ -1,8 +1,8 @@
-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-EVLuO1iu.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-ZwTY1dOi.js";
 const N = g({
   name: "block-styles",
-  components: { InlinedStyles: $ },
+  components: { InlinedStyles: _ },
   props: ["block", "context"],
   data() {
     return { TARGET: T };
@@ -28,33 +28,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,
@@ -74,13 +74,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 D = /* @__PURE__ */ I(N, [["render", z]]);
 export {

package/lib/node/block-styles-fnIQFp0q.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("vue"),t=require("./index-zlCXfe4Y.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 k=i?t.createCssClass({className:n,styles:i}):"",p=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[k,p,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/{edge/block-wrapper-szOQNDWW.cjs → node/block-wrapper-x4ztktEw.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),o=require("./get-block-properties-dww-G4lx.cjs"),n=require("./index-lFidbDeW.cjs"),c=()=>Promise.resolve().then(()=>require("./index-lFidbDeW.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),o=require("./get-block-properties-gYAacxBD.cjs"),n=require("./index-zlCXfe4Y.cjs"),c=()=>Promise.resolve().then(()=>require("./index-zlCXfe4Y.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/node/{block-wrapper--XSKGCL-.js → block-wrapper-xIeM4taN.js}

@@ -1,7 +1,7 @@
 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-Xr5L4Okr.js";
-import { f as m } from "./index-EVLuO1iu.js";
-const d = () => import("./index-EVLuO1iu.js").then((e) => e.G).then((e) => e.default).catch((e) => {
+import { g as s, a as l } from "./get-block-properties-4897A0cX.js";
+import { f as m } from "./index-ZwTY1dOi.js";
+const d = () => import("./index-ZwTY1dOi.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/{edge/component-ref-Ffo8HUWI.js → node/component-ref-SSAGqUU1.js}

@@ -1,6 +1,6 @@
 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-OtE_7PIE.js";
-import { a as b, g as R } from "./get-block-properties-hYo7UjjZ.js";
+import { f, B as W, w } from "./index-ZwTY1dOi.js";
+import { a as b, g as R } from "./get-block-properties-4897A0cX.js";
 const x = m({
   name: "interactive-element",
   props: ["includeBlockProps", "block", "context", "wrapperProps", "Wrapper"],

package/lib/{edge/component-ref-7HkRGS_l.cjs → node/component-ref-Xsv_XmLR.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),c=require("./index-lFidbDeW.cjs"),a=require("./get-block-properties-dww-G4lx.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),c=require("./index-zlCXfe4Y.cjs"),a=require("./get-block-properties-gYAacxBD.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/node/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/node/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/node/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/node/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/node/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/node/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/node/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/node/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/node/context/builder.context.d.ts

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

package/lib/node/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/node/{get-block-properties-Xr5L4Okr.js → get-block-properties-4897A0cX.js}

@@ -1,4 +1,4 @@
-import { h as s, T as c, i, j as l } from "./index-EVLuO1iu.js";
+import { h as s, T as c, i, j as l } from "./index-ZwTY1dOi.js";
 const u = (e) => `v-on:${e.toLowerCase()}`, f = (e, t) => (r) => s({
   code: e,
   context: t.context,

package/lib/node/{get-block-properties-inIHDjNu.cjs → get-block-properties-gYAacxBD.cjs}

@@ -1 +1 @@
-"use strict";const a=require("./index-QFbjU7Zd.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 f=e=>({href:e.href});function p({block:e,context:t}){var o;const r={...f(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=p;
+"use strict";const a=require("./index-zlCXfe4Y.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 f=e=>({href:e.href});function p({block:e,context:t}){var o;const r={...f(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=p;

package/lib/node/{index-EVLuO1iu.js → index-ZwTY1dOi.js}

@@ -112,7 +112,8 @@ const Button = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["render", _sfc_render$
     componentInfos: {},
     inheritedStyles: {},
     BlocksWrapper: "div",
-    BlocksWrapperProps: {}
+    BlocksWrapperProps: {},
+    nonce: ""
   },
   key: key$1
 }, key = Symbol(), ComponentsContext = {
@@ -730,22 +731,22 @@ const getComponent = ({
     "Error while attempting to dynamically import component DynamicDiv at ../dynamic-div.vue",
     e
   ), e;
-}), BlockStyles = () => import("./block-styles-JjLwXWt4.js").then((e) => e.default).catch((e) => {
+}), BlockStyles = () => import("./block-styles-akqgR8wB.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component BlockStyles at ./components/block-styles.vue",
     e
   ), e;
-}), BlockWrapper = () => import("./block-wrapper--XSKGCL-.js").then((e) => e.default).catch((e) => {
+}), BlockWrapper = () => import("./block-wrapper-xIeM4taN.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component BlockWrapper at ./components/block-wrapper.vue",
     e
   ), e;
-}), ComponentRef = () => import("./component-ref-KnwCIp0k.js").then((e) => e.default).catch((e) => {
+}), ComponentRef = () => import("./component-ref-SSAGqUU1.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component ComponentRef at ./components/component-ref/component-ref.vue",
     e
   ), e;
-}), RepeatedBlock = () => import("./repeated-block-gAw64HdW.js").then((e) => e.default).catch((e) => {
+}), RepeatedBlock = () => import("./repeated-block-hqi2-jn4.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component RepeatedBlock at ./components/repeated-block.vue",
     e
@@ -1011,11 +1012,12 @@ const DynamicDiv = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["render", _sfc_ren
   render() {
     return h("style", {
       innerHTML: this.styles,
-      "data-id": this.id
+      "data-id": this.id,
+      nonce: this.nonce
     });
   },
   name: "inlined-styles",
-  props: ["styles", "id"]
+  props: ["styles", "id", "nonce"]
 }), SIZES = {
   small: {
     min: 320,
@@ -1201,8 +1203,9 @@ function _sfc_render$l(e, t, n, o, r, s) {
     e.TARGET !== "reactNative" ? (openBlock(), createBlock(i, {
       key: 0,
       id: "builderio-columns",
-      styles: e.columnsStyles()
-    }, null, 8, ["styles"])) : createCommentVNode("", !0),
+      styles: e.columnsStyles(),
+      nonce: e.builderContext.nonce
+    }, null, 8, ["styles", "nonce"])) : createCommentVNode("", !0),
     (openBlock(!0), createElementBlock(Fragment$1, null, renderList(e.columns, (u, c) => (openBlock(), createBlock(a, {
       key: c,
       TagName: e.getTagName(u),
@@ -1226,7 +1229,7 @@ function _sfc_render$l(e, t, n, o, r, s) {
     }, 1032, ["TagName", "attributes"]))), 128))
   ], 16);
 }
-const Columns = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["render", _sfc_render$l], ["__scopeId", "data-v-5320212d"]]), _sfc_main$l = defineComponent({
+const Columns = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["render", _sfc_render$l], ["__scopeId", "data-v-975347d5"]]), _sfc_main$l = defineComponent({
   name: "builder-fragment-component",
   props: []
 });
@@ -3728,11 +3731,12 @@ const Video = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render$5
   render() {
     return h("script", {
       innerHTML: this.scriptStr,
-      "data-id": this.id
+      "data-id": this.id,
+      nonce: this.nonce
     });
   },
   name: "inlined-script",
-  props: ["scriptStr", "id"]
+  props: ["scriptStr", "id", "nonce"]
 });
 function getGlobalThis() {
   return typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : globalThis;
@@ -4058,7 +4062,7 @@ function isFromTrustedHost(e, t) {
   const n = new URL(t.origin), o = n.hostname;
   return (e || DEFAULT_TRUSTED_HOSTS).findIndex((r) => r.startsWith("*.") ? o.endsWith(r.slice(1)) : r === o) > -1;
 }
-const SDK_VERSION = "2.0.0", registry = {};
+const SDK_VERSION = "2.0.1", registry = {};
 function register(e, t) {
   let n = registry[e];
   if (n || (n = registry[e] = []), n.push(t), isBrowser()) {
@@ -4586,7 +4590,7 @@ function _sfc_render$4(e, t, n, o, r, s) {
 const EnableEditor = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render$4]]), _sfc_main$3 = defineComponent({
   name: "content-styles",
   components: { InlinedStyles: _sfc_main$n },
-  props: ["cssCode", "contentId", "customFonts", "isNestedRender"],
+  props: ["cssCode", "contentId", "customFonts", "isNestedRender", "nonce"],
   data() {
     return {
       injectedStyles: `
@@ -4606,8 +4610,9 @@ function _sfc_render$3(e, t, n, o, r, s) {
   const i = resolveComponent("InlinedStyles");
   return openBlock(), createBlock(i, {
     id: "builderio-content",
-    styles: e.injectedStyles
-  }, null, 8, ["styles"]);
+    styles: e.injectedStyles,
+    nonce: e.nonce
+  }, null, 8, ["styles", "nonce"]);
 }
 const ContentStyles = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render$3]]), getRootStateInitialValue = ({
   content: e,
@@ -4656,6 +4661,7 @@ const ContentStyles = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_
     "apiVersion",
     "blocksWrapper",
     "blocksWrapperProps",
+    "nonce",
     "model",
     "enrich",
     "showContent",
@@ -4716,7 +4722,8 @@ const ContentStyles = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_
         ),
         inheritedStyles: {},
         BlocksWrapper: this.blocksWrapper || "div",
-        BlocksWrapperProps: this.blocksWrapperProps || {}
+        BlocksWrapperProps: this.blocksWrapperProps || {},
+        nonce: this.nonce || ""
       },
       TARGET
     };
@@ -4738,6 +4745,7 @@ const ContentStyles = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_
 function _sfc_render$2(e, t, n, o, r, s) {
   const i = resolveComponent("InlinedScript"), l = resolveComponent("ContentStyles"), a = resolveComponent("Blocks"), d = resolveComponent("EnableEditor");
   return openBlock(), createBlock(d, mergeProps({
+    nonce: e.nonce,
     content: e.content,
     data: e.data,
     model: e.model,
@@ -4758,15 +4766,17 @@ function _sfc_render$2(e, t, n, o, r, s) {
         e.isSsrAbTest ? (openBlock(), createBlock(i, {
           key: 0,
           id: "builderio-variant-visibility",
-          scriptStr: e.scriptStr
-        }, null, 8, ["scriptStr"])) : createCommentVNode("", !0),
+          scriptStr: e.scriptStr,
+          nonce: e.nonce || ""
+        }, null, 8, ["scriptStr", "nonce"])) : createCommentVNode("", !0),
         e.TARGET !== "reactNative" ? (openBlock(), createBlock(l, {
           key: 1,
+          nonce: e.nonce || "",
           isNestedRender: e.isNestedRender,
           contentId: (u = e.builderContextSignal.content) == null ? void 0 : u.id,
           cssCode: (p = (c = e.builderContextSignal.content) == null ? void 0 : c.data) == null ? void 0 : p.cssCode,
           customFonts: (m = (f = e.builderContextSignal.content) == null ? void 0 : f.data) == null ? void 0 : m.customFonts
-        }, null, 8, ["isNestedRender", "contentId", "cssCode", "customFonts"])) : createCommentVNode("", !0),
+        }, null, 8, ["nonce", "isNestedRender", "contentId", "cssCode", "customFonts"])) : createCommentVNode("", !0),
         createVNode(a, {
           blocks: (C = (b = e.builderContextSignal.content) == null ? void 0 : b.data) == null ? void 0 : C.blocks,
           context: e.builderContextSignal,
@@ -4776,7 +4786,7 @@ function _sfc_render$2(e, t, n, o, r, s) {
       ];
     }),
     _: 1
-  }, 16, ["content", "data", "model", "context", "apiKey", "canTrack", "locale", "enrich", "showContent", "builderContextSignal", "contentWrapper", "contentWrapperProps", "trustedHosts"]);
+  }, 16, ["nonce", "content", "data", "model", "context", "apiKey", "canTrack", "locale", "enrich", "showContent", "builderContextSignal", "contentWrapper", "contentWrapperProps", "trustedHosts"]);
 }
 const ContentComponent = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2]]), _sfc_main$1 = defineComponent({
   name: "content-variants",
@@ -4789,6 +4799,7 @@ const ContentComponent = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _s
     "canTrack",
     "content",
     "isNestedRender",
+    "nonce",
     "model",
     "data",
     "context",
@@ -4851,20 +4862,24 @@ function _sfc_render$1(e, t, n, o, r, s) {
     !e.isNestedRender && e.TARGET !== "reactNative" ? (openBlock(), createBlock(i, {
       key: 0,
       id: "builderio-init-variants-fns",
-      scriptStr: e.getInitVariantsFnsScriptString()
-    }, null, 8, ["scriptStr"])) : createCommentVNode("", !0),
+      scriptStr: e.getInitVariantsFnsScriptString(),
+      nonce: e.nonce || ""
+    }, null, 8, ["scriptStr", "nonce"])) : createCommentVNode("", !0),
     e.shouldRenderVariants ? (openBlock(), createElementBlock(Fragment$1, { key: 1 }, [
       createVNode(l, {
         id: "builderio-variants",
-        styles: e.hideVariantsStyleString
-      }, null, 8, ["styles"]),
+        styles: e.hideVariantsStyleString,
+        nonce: e.nonce || ""
+      }, null, 8, ["styles", "nonce"]),
       createVNode(i, {
         id: "builderio-variants-visibility",
-        scriptStr: e.updateCookieAndStylesScriptStr
-      }, null, 8, ["scriptStr"]),
+        scriptStr: e.updateCookieAndStylesScriptStr,
+        nonce: e.nonce || ""
+      }, null, 8, ["scriptStr", "nonce"]),
       (openBlock(!0), createElementBlock(Fragment$1, null, renderList(e.getVariants(e.content), (d, u) => (openBlock(), createBlock(a, {
         key: d.testVariationId,
         isNestedRender: e.isNestedRender,
+        nonce: e.nonce,
         content: d,
         showContent: !1,
         model: e.model,
@@ -4883,9 +4898,10 @@ function _sfc_render$1(e, t, n, o, r, s) {
         contentWrapper: e.contentWrapper,
         contentWrapperProps: e.contentWrapperProps,
         trustedHosts: e.trustedHosts
-      }, null, 8, ["isNestedRender", "content", "model", "data", "context", "apiKey", "apiVersion", "customComponents", "linkComponent", "canTrack", "locale", "enrich", "isSsrAbTest", "blocksWrapper", "blocksWrapperProps", "contentWrapper", "contentWrapperProps", "trustedHosts"]))), 128))
+      }, null, 8, ["isNestedRender", "nonce", "content", "model", "data", "context", "apiKey", "apiVersion", "customComponents", "linkComponent", "canTrack", "locale", "enrich", "isSsrAbTest", "blocksWrapper", "blocksWrapperProps", "contentWrapper", "contentWrapperProps", "trustedHosts"]))), 128))
     ], 64)) : createCommentVNode("", !0),
     createVNode(a, mergeProps({
+      nonce: e.nonce,
       isNestedRender: e.isNestedRender,
       content: e.defaultContent,
       showContent: !0,
@@ -4907,7 +4923,7 @@ function _sfc_render$1(e, t, n, o, r, s) {
       trustedHosts: e.trustedHosts
     }, {
       key: e.shouldRenderVariants.toString()
-    }), null, 16, ["isNestedRender", "content", "model", "data", "context", "apiKey", "apiVersion", "customComponents", "linkComponent", "canTrack", "locale", "enrich", "isSsrAbTest", "blocksWrapper", "blocksWrapperProps", "contentWrapper", "contentWrapperProps", "trustedHosts"])
+    }), null, 16, ["nonce", "isNestedRender", "content", "model", "data", "context", "apiKey", "apiVersion", "customComponents", "linkComponent", "canTrack", "locale", "enrich", "isSsrAbTest", "blocksWrapper", "blocksWrapperProps", "contentWrapper", "contentWrapperProps", "trustedHosts"])
   ], 64);
 }
 const ContentVariants = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1]]), fetchSymbolContent = async ({
@@ -4993,6 +5009,7 @@ function _sfc_render(e, t, n, o, r, s) {
   const i = resolveComponent("ContentVariants");
   return openBlock(), createElementBlock("div", mergeProps({ class: e.className }, { ...e.filterAttrs(e.attributes, "v-on:", !1) }, toHandlers(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
     createVNode(i, {
+      nonce: e.builderContext.nonce,
       isNestedRender: !0,
       apiVersion: e.builderContext.apiVersion,
       apiKey: e.builderContext.apiKey,
@@ -5012,7 +5029,7 @@ function _sfc_render(e, t, n, o, r, s) {
       linkComponent: e.builderLinkComponent,
       blocksWrapper: e.blocksWrapper,
       contentWrapper: e.contentWrapper
-    }, null, 8, ["apiVersion", "apiKey", "context", "customComponents", "data", "canTrack", "model", "content", "linkComponent", "blocksWrapper", "contentWrapper"])
+    }, null, 8, ["nonce", "apiVersion", "apiKey", "context", "customComponents", "data", "canTrack", "model", "content", "linkComponent", "blocksWrapper", "contentWrapper"])
   ], 16);
 }
 const Symbol$1 = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]), settings = {};