@builder.io/sdk-react 2.0.0 → 2.0.1

package/lib/node/blocks-exports.mjs

@@ -3,9 +3,9 @@ var He = Object.defineProperty;
 var qe = (e, t, n) => t in e ? He(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var ie = (e, t, n) => (qe(e, typeof t != "symbol" ? t + "" : t, n), n);
 import { jsx as s, Fragment as R, jsxs as P } from "react/jsx-runtime";
-import { TARGET as K, checkIsDefined as Y, logger as Z, isBrowser as G, fastClone as de, isEditing as $, registerInsertMenu as Ke, setupBrowserForEditing as ze, createRegisterComponentMessage as _e, getDefaultCanTrack as Q, _track as he, isPreviewing as Je, fetchOneEntry as Ie, createEditorListener as Ye, fetch as Ge, serializeComponentInfo as ge, handleABTestingSync as Qe } from "./server-entry-e8ac67b5.js";
+import { TARGET as K, checkIsDefined as Y, logger as Z, isBrowser as G, fastClone as de, isEditing as $, registerInsertMenu as Ke, setupBrowserForEditing as ze, createRegisterComponentMessage as _e, getDefaultCanTrack as Q, _track as he, isPreviewing as Je, fetchOneEntry as Ie, createEditorListener as Ye, fetch as Ge, serializeComponentInfo as ge, handleABTestingSync as Qe } from "./server-entry-5f9f100f.js";
 import { createContext as we, useState as C, useEffect as B, useContext as be, useRef as ee, createElement as Re } from "react";
-import { getFunctionArguments as Xe, runInNode as Ze, parseCode as et, getBuilderGlobals as tt, set as Ee } from "./node-runtime-80c4bfc8.js";
+import { getFunctionArguments as Xe, runInNode as Ze, parseCode as et, getBuilderGlobals as tt, set as Ee } from "./node-runtime-78262e65.js";
 const nt = /* @__PURE__ */ new Set(["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"]), it = (e) => typeof e == "string" && nt.has(e.toLowerCase());
 function ue(e) {
   return /* @__PURE__ */ s(R, { children: it(e.TagName) ? /* @__PURE__ */ s(R, { children: /* @__PURE__ */ s(e.TagName, { ...e.attributes, ...e.actionAttributes }) }) : /* @__PURE__ */ s(R, { children: typeof e.TagName == "string" ? /* @__PURE__ */ s(e.TagName, { ...e.attributes, ...e.actionAttributes, children: e.children }) : /* @__PURE__ */ s(e.TagName, { ...e.attributes, ...e.actionAttributes, children: e.children }) }) });
@@ -60,7 +60,8 @@ const me = we({
   componentInfos: {},
   inheritedStyles: {},
   BlocksWrapper: "div",
-  BlocksWrapperProps: {}
+  BlocksWrapperProps: {},
+  nonce: ""
 }), Be = we({ registeredComponents: {} });
 function at(e) {
   var t;
@@ -501,7 +502,8 @@ function ne(e) {
     "style",
     {
       dangerouslySetInnerHTML: { __html: e.styles },
-      "data-id": e.id
+      "data-id": e.id,
+      nonce: e.nonce
     }
   );
 }
@@ -570,7 +572,14 @@ function Tt(e) {
       I
     ].join(" ");
   }
-  return /* @__PURE__ */ s(R, { children: n() && t() ? /* @__PURE__ */ s(R, { children: /* @__PURE__ */ s(ne, { id: "builderio-block", styles: n() }) }) : null });
+  return /* @__PURE__ */ s(R, { children: n() && t() ? /* @__PURE__ */ s(R, { children: /* @__PURE__ */ s(
+    ne,
+    {
+      id: "builderio-block",
+      styles: n(),
+      nonce: e.context.nonce
+    }
+  ) }) : null });
 }
 function It(e) {
   return e.charAt(0).toUpperCase() + e.slice(1);
@@ -1074,10 +1083,17 @@ function $t(e) {
     /* @__PURE__ */ P(
       "div",
       {
-        className: Ft((A = e.builderBlock) == null ? void 0 : A.id) + " div-b622c1bc",
+        className: Ft((A = e.builderBlock) == null ? void 0 : A.id) + " div-fe220f58",
         style: p(),
         children: [
-          /* @__PURE__ */ s(ne, { id: "builderio-columns", styles: E() }),
+          /* @__PURE__ */ s(
+            ne,
+            {
+              id: "builderio-columns",
+              styles: E(),
+              nonce: e.builderContext.nonce
+            }
+          ),
           (O = e.columns) == null ? void 0 : O.map((S, w) => /* @__PURE__ */ s(
             ue,
             {
@@ -1104,7 +1120,7 @@ function $t(e) {
         ]
       }
     ),
-    /* @__PURE__ */ s("style", { children: `.div-b622c1bc {
+    /* @__PURE__ */ s("style", { children: `.div-fe220f58 {
   display: flex;
   line-height: normal;
 }` })
@@ -3315,7 +3331,8 @@ function ce(e) {
     "script",
     {
       dangerouslySetInnerHTML: { __html: e.scriptStr },
-      "data-id": e.id
+      "data-id": e.id,
+      nonce: e.nonce || ""
     }
   );
 }
@@ -3654,7 +3671,14 @@ ${Ln({
 ${Mn(e.isNestedRender)}
 `.trim()
   );
-  return /* @__PURE__ */ s(ne, { id: "builderio-content", styles: t });
+  return /* @__PURE__ */ s(
+    ne,
+    {
+      id: "builderio-content",
+      styles: t,
+      nonce: e.nonce
+    }
+  );
 }
 const Kn = ({
   content: e,
@@ -3745,7 +3769,8 @@ function Te(e) {
     ),
     inheritedStyles: {},
     BlocksWrapper: e.blocksWrapper || "div",
-    BlocksWrapperProps: e.blocksWrapperProps || {}
+    BlocksWrapperProps: e.blocksWrapperProps || {},
+    nonce: e.nonce || ""
   }));
   return /* @__PURE__ */ s(
     Be.Provider,
@@ -3756,6 +3781,7 @@ function Te(e) {
       children: /* @__PURE__ */ P(
         Hn,
         {
+          nonce: e.nonce,
           content: e.content,
           data: e.data,
           model: e.model,
@@ -3775,12 +3801,14 @@ function Te(e) {
               ce,
               {
                 id: "builderio-variant-visibility",
-                scriptStr: t
+                scriptStr: t,
+                nonce: e.nonce || ""
               }
             ) : null,
             /* @__PURE__ */ s(
               qn,
               {
+                nonce: e.nonce || "",
                 isNestedRender: e.isNestedRender,
                 contentId: (c = a.content) == null ? void 0 : c.id,
                 cssCode: (f = (u = a.content) == null ? void 0 : u.data) == null ? void 0 : f.cssCode,
@@ -3840,7 +3868,8 @@ function _n(e) {
       ce,
       {
         id: "builderio-init-variants-fns",
-        scriptStr: Vn()
+        scriptStr: Vn(),
+        nonce: e.nonce || ""
       }
     ) : null,
     t ? /* @__PURE__ */ P(R, { children: [
@@ -3848,20 +3877,23 @@ function _n(e) {
         ne,
         {
           id: "builderio-variants",
-          styles: o()
+          styles: o(),
+          nonce: e.nonce || ""
         }
       ),
       /* @__PURE__ */ s(
         ce,
         {
           id: "builderio-variants-visibility",
-          scriptStr: i()
+          scriptStr: i(),
+          nonce: e.nonce || ""
         }
       ),
       (a = J(e.content)) == null ? void 0 : a.map((r) => /* @__PURE__ */ s(
         Te,
         {
           isNestedRender: e.isNestedRender,
+          nonce: e.nonce,
           content: r,
           showContent: !1,
           model: e.model,
@@ -3887,6 +3919,7 @@ function _n(e) {
     /* @__PURE__ */ s(
       Te,
       {
+        nonce: e.nonce,
         isNestedRender: e.isNestedRender,
         content: l(),
         showContent: !0,
@@ -3964,6 +3997,7 @@ function Yn(e) {
   }, [e.symbol]), /* @__PURE__ */ s("div", { ...e.attributes, className: i(), children: /* @__PURE__ */ s(
     _n,
     {
+      nonce: e.builderContext.nonce,
       isNestedRender: !0,
       apiVersion: e.builderContext.apiVersion,
       apiKey: e.builderContext.apiKey,

package/lib/node/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./blocks-exports.cjs"),e=require("./server-entry-b2103255.cjs");require("react/jsx-runtime");require("react");require("./node-runtime-eb72e084.cjs");exports.Blocks=t.Blocks;exports.BuilderContext=t.BuilderContext;exports.Button=t.Button;exports.Columns=t.Columns;exports.Content=t.Content;exports.Fragment=t.Fragment;exports.Image=t.Image;exports.Section=t.Section;exports.Symbol=t.Symbol;exports.Text=t.Text;exports.Video=t.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 t=require("./blocks-exports.cjs"),e=require("./server-entry-63058f3f.cjs");require("react/jsx-runtime");require("react");require("./node-runtime-3bfd8465.cjs");exports.Blocks=t.Blocks;exports.BuilderContext=t.BuilderContext;exports.Button=t.Button;exports.Columns=t.Columns;exports.Content=t.Content;exports.Fragment=t.Fragment;exports.Image=t.Image;exports.Section=t.Section;exports.Symbol=t.Symbol;exports.Text=t.Text;exports.Video=t.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/node/index.mjs

@@ -1,8 +1,8 @@
 import { Blocks as s, BuilderContext as n, Button as m, Columns as c, Content as g, Fragment as a, Image as p, Section as d, Symbol as l, Text as u, Video as f } from "./blocks-exports.mjs";
-import { _processContentResult as C, createRegisterComponentMessage as E, fetchBuilderProps as h, fetchEntries as x, fetchOneEntry as S, getBuilderSearchParams as b, isEditing as P, isPreviewing as k, register as y, setEditorSettings as R, subscribeToEditor as T, track as v } from "./server-entry-e8ac67b5.js";
+import { _processContentResult as C, createRegisterComponentMessage as E, fetchBuilderProps as h, fetchEntries as x, fetchOneEntry as S, getBuilderSearchParams as b, isEditing as P, isPreviewing as k, register as y, setEditorSettings as R, subscribeToEditor as T, track as v } from "./server-entry-5f9f100f.js";
 import "react/jsx-runtime";
 import "react";
-import "./node-runtime-80c4bfc8.js";
+import "./node-runtime-78262e65.js";
 export {
   s as Blocks,
   n as BuilderContext,

package/lib/node/init.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("isolated-vm"),n=require("./node-runtime-eb72e084.cjs");require("./server-entry-b2103255.cjs");const o=e=>{const{ivmIsolateOptions:i}=e||{};n.setIvm(t,i)};exports.initializeNodeRuntime=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("isolated-vm"),n=require("./node-runtime-3bfd8465.cjs");require("./server-entry-63058f3f.cjs");const o=e=>{const{ivmIsolateOptions:i}=e||{};n.setIvm(t,i)};exports.initializeNodeRuntime=o;

package/lib/node/init.mjs

@@ -1,6 +1,6 @@
 import t from "isolated-vm";
-import { setIvm as m } from "./node-runtime-80c4bfc8.js";
-import "./server-entry-e8ac67b5.js";
+import { setIvm as m } from "./node-runtime-78262e65.js";
+import "./server-entry-5f9f100f.js";
 const p = (i) => {
   const {
     ivmIsolateOptions: o

package/lib/node/{node-runtime-eb72e084.cjs → node-runtime-3bfd8465.cjs}

@@ -1,4 +1,4 @@
-"use strict";const serverEntry=require("./server-entry-b2103255.cjs"),getFunctionArguments=({builder:e,context:t,event:s,state:r})=>Object.entries({state:r,Builder:e,builder:e,context:t,event:s}),getBuilderGlobals=()=>({isEditing:serverEntry.isEditing(),isBrowser:serverEntry.isBrowser(),isServer:!serverEntry.isBrowser(),getUserAttributes:()=>serverEntry.getUserAttributes()}),parseCode=(e,{isExpression:t=!0})=>t&&!(e.includes(";")||e.includes(" return ")||e.trim().startsWith("return "))?`return (${e});`:e,SDK_NAME_FOR_TARGET=(()=>{switch(serverEntry.TARGET){case"rsc":return"react-nextjs";case"reactNative":return"react-native";default:return serverEntry.TARGET}})(),SDK_NAME=`@builder.io/sdk-${SDK_NAME_FOR_TARGET}`,set=(e,t,s)=>{if(Object(e)!==e)return e;const r=Array.isArray(t)?t:t.toString().match(/[^.[\]]+/g);return r.slice(0,-1).reduce((n,o,c)=>Object(n[o])===n[o]?n[o]:n[o]=Math.abs(Number(r[c+1]))>>0===+r[c+1]?[]:{},e)[r[r.length-1]]=s,e},noop=()=>{};let safeDynamicRequire=noop;try{safeDynamicRequire=eval("require")}catch(e){}const getSyncValName=e=>`bldr_${e}_sync`,BUILDER_SET_STATE_NAME="BUILDER_SET_STATE",INJECTED_IVM_GLOBAL="BUILDER_IVM",REF_TO_PROXY_FN=`
+"use strict";const serverEntry=require("./server-entry-63058f3f.cjs"),getFunctionArguments=({builder:e,context:t,event:s,state:r})=>Object.entries({state:r,Builder:e,builder:e,context:t,event:s}),getBuilderGlobals=()=>({isEditing:serverEntry.isEditing(),isBrowser:serverEntry.isBrowser(),isServer:!serverEntry.isBrowser(),getUserAttributes:()=>serverEntry.getUserAttributes()}),parseCode=(e,{isExpression:t=!0})=>t&&!(e.includes(";")||e.includes(" return ")||e.trim().startsWith("return "))?`return (${e});`:e,SDK_NAME_FOR_TARGET=(()=>{switch(serverEntry.TARGET){case"rsc":return"react-nextjs";case"reactNative":return"react-native";default:return serverEntry.TARGET}})(),SDK_NAME=`@builder.io/sdk-${SDK_NAME_FOR_TARGET}`,set=(e,t,s)=>{if(Object(e)!==e)return e;const r=Array.isArray(t)?t:t.toString().match(/[^.[\]]+/g);return r.slice(0,-1).reduce((n,o,c)=>Object(n[o])===n[o]?n[o]:n[o]=Math.abs(Number(r[c+1]))>>0===+r[c+1]?[]:{},e)[r[r.length-1]]=s,e},noop=()=>{};let safeDynamicRequire=noop;try{safeDynamicRequire=eval("require")}catch(e){}const getSyncValName=e=>`bldr_${e}_sync`,BUILDER_SET_STATE_NAME="BUILDER_SET_STATE",INJECTED_IVM_GLOBAL="BUILDER_IVM",REF_TO_PROXY_FN=`
 var refToProxy = (obj) => {
   if (typeof obj !== 'object' || obj === null) {
     return obj;

package/lib/node/{node-runtime-80c4bfc8.js → node-runtime-78262e65.js}

@@ -1,4 +1,4 @@
-import { isEditing, isBrowser, getUserAttributes, TARGET, logger, MSG_PREFIX, fastClone } from "./server-entry-e8ac67b5.js";
+import { isEditing, isBrowser, getUserAttributes, TARGET, logger, MSG_PREFIX, fastClone } from "./server-entry-5f9f100f.js";
 const getFunctionArguments = ({
   builder: e,
   context: t,

package/lib/node/{server-entry-e8ac67b5.js → server-entry-5f9f100f.js}

@@ -485,7 +485,7 @@ function H(e, t) {
   const n = new URL(t.origin), r = n.hostname;
   return (e || De).findIndex((o) => o.startsWith("*.") ? r.endsWith(o.slice(1)) : o === r) > -1;
 }
-const Ke = "2.0.0", T = {};
+const Ke = "2.0.1", T = {};
 function We(e, t) {
   let n = T[e];
   if (n || (n = T[e] = []), n.push(t), c()) {

package/lib/node/{server-entry-b2103255.cjs → server-entry-63058f3f.cjs}

@@ -1,2 +1,2 @@
 "use strict";const I="react",b="[Builder.io]: ",d={log:(...e)=>console.log(b,...e),error:(...e)=>console.error(b,...e),warn:(...e)=>console.warn(b,...e),debug:(...e)=>console.debug(b,...e)};function c(){return typeof window!="undefined"&&typeof document!="undefined"}const ue=e=>{const t={};return e.forEach((n,r)=>{t[r]=n}),t},M=e=>e instanceof URLSearchParams?ue(e):e,U=e=>typeof e=="string"?e:e instanceof URLSearchParams?e.toString():new URLSearchParams(e).toString();function de(){return c()&&window.self!==window.top}function F(e){return de()&&U(e||window.location.search).indexOf("builder.frameEditing=")!==-1}const le=()=>{if(c()){const e=new URL(location.href);return e.pathname===""&&(e.pathname="/"),e}else return console.warn("Cannot get location for tracking in non-browser environment"),null},fe=()=>typeof navigator=="object"&&navigator.userAgent||"",N=()=>{const e=fe(),t={Android(){return e.match(/Android/i)},BlackBerry(){return e.match(/BlackBerry/i)},iOS(){return e.match(/iPhone|iPod/i)},Opera(){return e.match(/Opera Mini/i)},Windows(){return e.match(/IEMobile/i)||e.match(/WPDesktop/i)},any(){return t.Android()||t.BlackBerry()||t.iOS()||t.Opera()||t.Windows()||I==="reactNative"}},n=e.match(/Tablet|iPad/i),r=le();return{urlPath:r==null?void 0:r.pathname,host:(r==null?void 0:r.host)||(r==null?void 0:r.hostname),device:n?"tablet":t.any()?"mobile":"desktop"}},k=e=>JSON.parse(JSON.stringify(e)),p=e=>e!=null,ge=e=>{if(e==="localhost"||e==="127.0.0.1")return e;const t=e.split(".");return t.length>2?t.slice(1).join("."):e},D=({name:e,canTrack:t})=>{var n;try{return t?(n=document.cookie.split("; ").find(r=>r.startsWith(`${e}=`)))==null?void 0:n.split("=")[1]:void 0}catch(r){d.warn("[COOKIE] GET error: ",(r==null?void 0:r.message)||r);return}},j=async e=>D(e),he=e=>e.map(([t,n])=>n?`${t}=${n}`:t).filter(p).join("; "),pe=[["secure",""],["SameSite","None"]],me=({name:e,value:t,expires:n})=>{const o=(c()?location.protocol==="https:":!0)?pe:[[]],s=n?[["expires",n.toUTCString()]]:[[]],a=[[e,t],...s,["path","/"],["domain",ge(window.location.hostname)],...o];return he(a)},K=async({name:e,value:t,expires:n,canTrack:r})=>{try{if(!r)return;const o=me({name:e,value:t,expires:n});document.cookie=o}catch(o){d.warn("[COOKIE] SET error: ",(o==null?void 0:o.message)||o)}},ye="builder.tests",C=e=>`${ye}.${e}`,Se=({contentId:e})=>j({name:C(e),canTrack:!0}),we=({contentId:e})=>D({name:C(e),canTrack:!0}),be=({contentId:e,value:t})=>K({name:C(e),value:t,canTrack:!0}),_=e=>p(e.id)&&p(e.variations)&&Object.keys(e.variations).length>0,Ie=({id:e,variations:t})=>{var o;let n=0;const r=Math.random();for(const s in t){const a=(o=t[s])==null?void 0:o.testRatio;if(n+=a,r<n)return s}return e},W=e=>{const t=Ie(e);return be({contentId:e.id,value:t}).catch(n=>{d.error("could not store A/B test variation: ",n)}),t},$=({item:e,testGroupId:t})=>{const n=e.variations[t];return t===e.id||!n?{testVariationId:e.id,testVariationName:"Default"}:{data:n.data,testVariationId:n.id,testVariationName:n.name||(n.id===e.id?"Default":"")}},ve=({item:e,canTrack:t})=>{if(!t)return e;if(!e)return;if(!_(e))return e;const n=we({contentId:e.id})||W({variations:e.variations,id:e.id}),r=$({item:e,testGroupId:n});return{...e,...r}},Ee=async({item:e,canTrack:t})=>{if(!t||!_(e))return e;const r=await Se({contentId:e.id})||W({variations:e.variations,id:e.id}),o=$({item:e,testGroupId:r});return{...e,...o}},G=e=>p(e)?e:!0,ke=e=>({type:"builder.registerComponent",data:z(e)}),Ce=e=>{const t=e.toString().trim();return`return (${!t.startsWith("function")&&!t.startsWith("(")?"function ":""}${t}).apply(this, arguments)`},Pe=e=>typeof e=="function"?Ce(e):k(e),z=({inputs:e,...t})=>({...k(t),inputs:e==null?void 0:e.map(n=>Object.entries(n).reduce((r,[o,s])=>({...r,[o]:Pe(s)}),{}))});function Oe(){return typeof globalThis!="undefined"?globalThis:typeof window!="undefined"?window:typeof global!="undefined"?global:typeof self!="undefined"?self:globalThis}function Ae(){const e=Oe().fetch;if(typeof e=="undefined")throw console.warn(`Builder SDK could not find a global fetch function. Make sure you have a polyfill for fetch in your project. 
-      For more information, read https://github.com/BuilderIO/this-package-uses-fetch`),new Error("Builder SDK could not find a global `fetch` function");return e}const J=Ae();function E(e,t=null,n="."){return Object.keys(e).reduce((r,o)=>{const s=e[o],a=[t,o].filter(Boolean).join(n);return[typeof s=="object",s!==null,!(Array.isArray(s)&&s.length===0)].every(Boolean)?{...r,...E(s,a,n)}:{...r,[a]:s}},{})}function H(e,t,n={}){for(const r in e){const o=e[r],s=t?t+"."+r:r;o&&typeof o=="object"&&!Array.isArray(o)&&!Object.keys(o).find(a=>a.startsWith("$"))?H(o,s,n):n[s]=o}return n}const Te="v3",x="builder.",xe="options.",P=e=>{if(!e)return{};const t=M(e),n={};return Object.keys(t).forEach(r=>{if(r.startsWith(x)){const o=r.replace(x,"").replace(xe,"");n[o]=t[r]}}),n},Re=()=>{if(!c())return{};const e=new URLSearchParams(window.location.search);return P(e)},R=e=>typeof e=="number"&&!isNaN(e)&&e>=0,O=e=>{const{limit:t=30,userAttributes:n,query:r,model:o,apiKey:s,enrich:a,locale:l,apiVersion:y=Te,fields:m,omit:v,offset:u,cacheSeconds:g,staleCacheSeconds:h,sort:S,includeUnpublished:A}=e;if(!s)throw new Error("Missing API key");if(!["v3"].includes(y))throw new Error(`Invalid apiVersion: expected 'v3', received '${y}'`);const ae=t!==1,i=new URL(`https://cdn.builder.io/api/${y}/content/${o}`);if(i.searchParams.set("apiKey",s),i.searchParams.set("limit",String(t)),i.searchParams.set("noTraverse",String(ae)),i.searchParams.set("includeRefs",String(!0)),l&&i.searchParams.set("locale",l),a&&i.searchParams.set("enrich",String(a)),i.searchParams.set("omit",v||"meta.componentsUsed"),m&&i.searchParams.set("fields",m),Number.isFinite(u)&&u>-1&&i.searchParams.set("offset",String(Math.floor(u))),typeof A=="boolean"&&i.searchParams.set("includeUnpublished",String(A)),g&&R(g)&&i.searchParams.set("cacheSeconds",String(g)),h&&R(h)&&i.searchParams.set("staleCacheSeconds",String(h)),S){const f=E({sort:S});for(const w in f)i.searchParams.set(w,JSON.stringify(f[w]))}const ce={...Re(),...M(e.options||{})},T=E(ce);for(const f in T)i.searchParams.set(f,String(T[f]));if(n&&i.searchParams.set("userAttributes",JSON.stringify(n)),r){const f=H({query:r});for(const w in f)i.searchParams.set(w,JSON.stringify(f[w]))}return i},Be=e=>"results"in e;async function X(e){const t=await Q({...e,limit:1});return t&&t[0]||null}const Le=async e=>{var s;const t=O(e);return await(await((s=e.fetch)!=null?s:J)(t.href,e.fetchOptions)).json()},q=async(e,t,n=O(e))=>{const r=G(e.canTrack);if(n.search.includes("preview="),!r||!(c()||I==="reactNative"))return t.results;try{const o=[];for(const s of t.results)o.push(await Ee({item:s,canTrack:r}));t.results=o}catch(o){d.error("Could not process A/B tests. ",o)}return t.results};async function Q(e){try{const t=O(e),n=await Le(e);return Be(n)?q(e,n):(d.error("Error fetching data. ",{url:t,content:n,options:e}),null)}catch(t){return d.error("Error fetching data. ",t),null}}function Ve(e){const t=e||(c()?window.location.search:void 0);return t?U(t).indexOf("builder.preview=")!==-1:!1}function Me(){return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,function(e){const t=Math.random()*16|0;return(e=="x"?t:t&3|8).toString(16)})}function Y(){return Me().replace(/-/g,"")}const Z="builderSessionId",Ue=async({canTrack:e})=>{if(!e)return;const t=await j({name:Z,canTrack:e});if(p(t))return t;{const n=Fe();return Ne({id:n,canTrack:e}),n}},Fe=()=>Y(),Ne=({id:e,canTrack:t})=>K({name:Z,value:e,canTrack:t}),ee=()=>c()&&typeof localStorage!="undefined"?localStorage:void 0,De=({key:e,canTrack:t})=>{var n;try{return t?(n=ee())==null?void 0:n.getItem(e):void 0}catch(r){console.debug("[LocalStorage] GET error: ",r);return}},je=({key:e,canTrack:t,value:n})=>{var r;try{t&&((r=ee())==null||r.setItem(e,n))}catch(o){console.debug("[LocalStorage] SET error: ",o)}},te="builderVisitorId",Ke=({canTrack:e})=>{if(!e)return;const t=De({key:te,canTrack:e});if(p(t))return t;{const n=_e();return We({id:n,canTrack:e}),n}},_e=()=>Y(),We=({id:e,canTrack:t})=>je({key:te,value:e,canTrack:t}),$e=async({canTrack:e})=>{if(!e)return{visitorId:void 0,sessionId:void 0};const t=await Ue({canTrack:e}),n=Ke({canTrack:e});return{sessionId:t,visitorId:n}},Ge=async({type:e,canTrack:t,apiKey:n,metadata:r,...o})=>({type:e,data:{...o,metadata:{url:location.href,...r},...await $e({canTrack:t}),userAttributes:N(),ownerId:n}});async function ne(e){if(!e.apiKey){d.error("Missing API key for track call. Please provide your API key.");return}if(e.canTrack&&!F()&&(c()||I==="reactNative"))return fetch("https://cdn.builder.io/api/v1/track",{method:"POST",body:JSON.stringify({events:[await Ge(e)]}),headers:{"content-type":"application/json"},mode:"cors"}).catch(t=>{console.error("Failed to track: ",t)})}const ze=e=>ne({...e,canTrack:!0}),Je=["*.beta.builder.io","beta.builder.io","builder.io","localhost","qa.builder.io"];function re(e,t){if(!t.origin.startsWith("http")&&!t.origin.startsWith("https"))return!1;const n=new URL(t.origin),r=n.hostname;return(e||Je).findIndex(o=>o.startsWith("*.")?r.endsWith(o.slice(1)):o===r)>-1}const He="2.0.0",B={};function oe(e,t){let n=B[e];if(n||(n=B[e]=[]),n.push(t),c()){const r={type:"builder.register",data:{type:e,info:t}};try{parent.postMessage(r,"*"),parent!==window&&window.postMessage(r,"*")}catch(o){console.debug("Could not postmessage",o)}}}const Xe=()=>{oe("insertMenu",{name:"_default",default:!0,items:[{name:"Box"},{name:"Text"},{name:"Image"},{name:"Columns"},{name:"Core:Section"},{name:"Core:Button"},{name:"Embed"},{name:"Custom Code"}]})};let L=!1;const se=(e={})=>{var t,n;L||(L=!0,c()&&((t=window.parent)==null||t.postMessage({type:"builder.sdkInfo",data:{target:I,version:He,supportsPatchUpdates:!1,supportsAddBlockScoping:!0,supportsCustomBreakpoints:!0}},"*"),(n=window.parent)==null||n.postMessage({type:"builder.updateContent",data:{options:e}},"*"),window.addEventListener("message",r=>{var s,a;if(!re(e.trustedHosts,r))return;const{data:o}=r;if(o!=null&&o.type)switch(o.type){case"builder.evaluate":{const l=o.data.text,y=o.data.arguments||[],m=o.data.id,v=new Function(l);let u,g=null;try{u=v.apply(null,y)}catch(h){g=h}g?(s=window.parent)==null||s.postMessage({type:"builder.evaluateError",data:{id:m,error:g.message}},"*"):u&&typeof u.then=="function"?u.then(h=>{var S;(S=window.parent)==null||S.postMessage({type:"builder.evaluateResult",data:{id:m,result:h}},"*")}).catch(console.error):(a=window.parent)==null||a.postMessage({type:"builder.evaluateResult",data:{result:u,id:m}},"*");break}}})))},ie=({model:e,trustedHosts:t,callbacks:n})=>r=>{if(!re(t,r))return;const{data:o}=r;if(o)switch(o.type){case"builder.configureSdk":{n.configureSdk(o.data);break}case"builder.triggerAnimation":{n.animation(o.data);break}case"builder.contentUpdate":{const s=o.data,a=s.key||s.alias||s.entry||s.modelName,l=s.data;a===e&&n.contentUpdate(l);break}}},qe=(e,t,n)=>{if(!c)return d.warn("`subscribeToEditor` only works in the browser. It currently seems to be running on the server."),()=>{};se();const r=ie({callbacks:{contentUpdate:t,animation:()=>{},configureSdk:()=>{}},model:e,trustedHosts:n==null?void 0:n.trustedHosts});return window.addEventListener("message",r),()=>{window.removeEventListener("message",r)}},V={};function Qe(e){if(c()){Object.assign(V,e);const t={type:"builder.settingsChange",data:V};parent.postMessage(t,"*")}}const Ye=async e=>{var r,o,s;const t=e.path||((r=e.url)==null?void 0:r.pathname)||((o=e.userAttributes)==null?void 0:o.urlPath),n={...e,apiKey:e.apiKey,model:e.model||"page",userAttributes:{...e.userAttributes,...t?{urlPath:t}:{}},options:P(e.searchParams||((s=e.url)==null?void 0:s.searchParams)||e.options)};return{apiKey:n.apiKey,model:n.model,content:await X(n)}};exports.MSG_PREFIX=b;exports.TARGET=I;exports._processContentResult=q;exports._track=ne;exports.checkIsDefined=p;exports.createEditorListener=ie;exports.createRegisterComponentMessage=ke;exports.fastClone=k;exports.fetch=J;exports.fetchBuilderProps=Ye;exports.fetchEntries=Q;exports.fetchOneEntry=X;exports.getBuilderSearchParams=P;exports.getDefaultCanTrack=G;exports.getUserAttributes=N;exports.handleABTestingSync=ve;exports.isBrowser=c;exports.isEditing=F;exports.isPreviewing=Ve;exports.logger=d;exports.register=oe;exports.registerInsertMenu=Xe;exports.serializeComponentInfo=z;exports.setEditorSettings=Qe;exports.setupBrowserForEditing=se;exports.subscribeToEditor=qe;exports.track=ze;
+      For more information, read https://github.com/BuilderIO/this-package-uses-fetch`),new Error("Builder SDK could not find a global `fetch` function");return e}const J=Ae();function E(e,t=null,n="."){return Object.keys(e).reduce((r,o)=>{const s=e[o],a=[t,o].filter(Boolean).join(n);return[typeof s=="object",s!==null,!(Array.isArray(s)&&s.length===0)].every(Boolean)?{...r,...E(s,a,n)}:{...r,[a]:s}},{})}function H(e,t,n={}){for(const r in e){const o=e[r],s=t?t+"."+r:r;o&&typeof o=="object"&&!Array.isArray(o)&&!Object.keys(o).find(a=>a.startsWith("$"))?H(o,s,n):n[s]=o}return n}const Te="v3",x="builder.",xe="options.",P=e=>{if(!e)return{};const t=M(e),n={};return Object.keys(t).forEach(r=>{if(r.startsWith(x)){const o=r.replace(x,"").replace(xe,"");n[o]=t[r]}}),n},Re=()=>{if(!c())return{};const e=new URLSearchParams(window.location.search);return P(e)},R=e=>typeof e=="number"&&!isNaN(e)&&e>=0,O=e=>{const{limit:t=30,userAttributes:n,query:r,model:o,apiKey:s,enrich:a,locale:l,apiVersion:y=Te,fields:m,omit:v,offset:u,cacheSeconds:g,staleCacheSeconds:h,sort:S,includeUnpublished:A}=e;if(!s)throw new Error("Missing API key");if(!["v3"].includes(y))throw new Error(`Invalid apiVersion: expected 'v3', received '${y}'`);const ae=t!==1,i=new URL(`https://cdn.builder.io/api/${y}/content/${o}`);if(i.searchParams.set("apiKey",s),i.searchParams.set("limit",String(t)),i.searchParams.set("noTraverse",String(ae)),i.searchParams.set("includeRefs",String(!0)),l&&i.searchParams.set("locale",l),a&&i.searchParams.set("enrich",String(a)),i.searchParams.set("omit",v||"meta.componentsUsed"),m&&i.searchParams.set("fields",m),Number.isFinite(u)&&u>-1&&i.searchParams.set("offset",String(Math.floor(u))),typeof A=="boolean"&&i.searchParams.set("includeUnpublished",String(A)),g&&R(g)&&i.searchParams.set("cacheSeconds",String(g)),h&&R(h)&&i.searchParams.set("staleCacheSeconds",String(h)),S){const f=E({sort:S});for(const w in f)i.searchParams.set(w,JSON.stringify(f[w]))}const ce={...Re(),...M(e.options||{})},T=E(ce);for(const f in T)i.searchParams.set(f,String(T[f]));if(n&&i.searchParams.set("userAttributes",JSON.stringify(n)),r){const f=H({query:r});for(const w in f)i.searchParams.set(w,JSON.stringify(f[w]))}return i},Be=e=>"results"in e;async function X(e){const t=await Q({...e,limit:1});return t&&t[0]||null}const Le=async e=>{var s;const t=O(e);return await(await((s=e.fetch)!=null?s:J)(t.href,e.fetchOptions)).json()},q=async(e,t,n=O(e))=>{const r=G(e.canTrack);if(n.search.includes("preview="),!r||!(c()||I==="reactNative"))return t.results;try{const o=[];for(const s of t.results)o.push(await Ee({item:s,canTrack:r}));t.results=o}catch(o){d.error("Could not process A/B tests. ",o)}return t.results};async function Q(e){try{const t=O(e),n=await Le(e);return Be(n)?q(e,n):(d.error("Error fetching data. ",{url:t,content:n,options:e}),null)}catch(t){return d.error("Error fetching data. ",t),null}}function Ve(e){const t=e||(c()?window.location.search:void 0);return t?U(t).indexOf("builder.preview=")!==-1:!1}function Me(){return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,function(e){const t=Math.random()*16|0;return(e=="x"?t:t&3|8).toString(16)})}function Y(){return Me().replace(/-/g,"")}const Z="builderSessionId",Ue=async({canTrack:e})=>{if(!e)return;const t=await j({name:Z,canTrack:e});if(p(t))return t;{const n=Fe();return Ne({id:n,canTrack:e}),n}},Fe=()=>Y(),Ne=({id:e,canTrack:t})=>K({name:Z,value:e,canTrack:t}),ee=()=>c()&&typeof localStorage!="undefined"?localStorage:void 0,De=({key:e,canTrack:t})=>{var n;try{return t?(n=ee())==null?void 0:n.getItem(e):void 0}catch(r){console.debug("[LocalStorage] GET error: ",r);return}},je=({key:e,canTrack:t,value:n})=>{var r;try{t&&((r=ee())==null||r.setItem(e,n))}catch(o){console.debug("[LocalStorage] SET error: ",o)}},te="builderVisitorId",Ke=({canTrack:e})=>{if(!e)return;const t=De({key:te,canTrack:e});if(p(t))return t;{const n=_e();return We({id:n,canTrack:e}),n}},_e=()=>Y(),We=({id:e,canTrack:t})=>je({key:te,value:e,canTrack:t}),$e=async({canTrack:e})=>{if(!e)return{visitorId:void 0,sessionId:void 0};const t=await Ue({canTrack:e}),n=Ke({canTrack:e});return{sessionId:t,visitorId:n}},Ge=async({type:e,canTrack:t,apiKey:n,metadata:r,...o})=>({type:e,data:{...o,metadata:{url:location.href,...r},...await $e({canTrack:t}),userAttributes:N(),ownerId:n}});async function ne(e){if(!e.apiKey){d.error("Missing API key for track call. Please provide your API key.");return}if(e.canTrack&&!F()&&(c()||I==="reactNative"))return fetch("https://cdn.builder.io/api/v1/track",{method:"POST",body:JSON.stringify({events:[await Ge(e)]}),headers:{"content-type":"application/json"},mode:"cors"}).catch(t=>{console.error("Failed to track: ",t)})}const ze=e=>ne({...e,canTrack:!0}),Je=["*.beta.builder.io","beta.builder.io","builder.io","localhost","qa.builder.io"];function re(e,t){if(!t.origin.startsWith("http")&&!t.origin.startsWith("https"))return!1;const n=new URL(t.origin),r=n.hostname;return(e||Je).findIndex(o=>o.startsWith("*.")?r.endsWith(o.slice(1)):o===r)>-1}const He="2.0.1",B={};function oe(e,t){let n=B[e];if(n||(n=B[e]=[]),n.push(t),c()){const r={type:"builder.register",data:{type:e,info:t}};try{parent.postMessage(r,"*"),parent!==window&&window.postMessage(r,"*")}catch(o){console.debug("Could not postmessage",o)}}}const Xe=()=>{oe("insertMenu",{name:"_default",default:!0,items:[{name:"Box"},{name:"Text"},{name:"Image"},{name:"Columns"},{name:"Core:Section"},{name:"Core:Button"},{name:"Embed"},{name:"Custom Code"}]})};let L=!1;const se=(e={})=>{var t,n;L||(L=!0,c()&&((t=window.parent)==null||t.postMessage({type:"builder.sdkInfo",data:{target:I,version:He,supportsPatchUpdates:!1,supportsAddBlockScoping:!0,supportsCustomBreakpoints:!0}},"*"),(n=window.parent)==null||n.postMessage({type:"builder.updateContent",data:{options:e}},"*"),window.addEventListener("message",r=>{var s,a;if(!re(e.trustedHosts,r))return;const{data:o}=r;if(o!=null&&o.type)switch(o.type){case"builder.evaluate":{const l=o.data.text,y=o.data.arguments||[],m=o.data.id,v=new Function(l);let u,g=null;try{u=v.apply(null,y)}catch(h){g=h}g?(s=window.parent)==null||s.postMessage({type:"builder.evaluateError",data:{id:m,error:g.message}},"*"):u&&typeof u.then=="function"?u.then(h=>{var S;(S=window.parent)==null||S.postMessage({type:"builder.evaluateResult",data:{id:m,result:h}},"*")}).catch(console.error):(a=window.parent)==null||a.postMessage({type:"builder.evaluateResult",data:{result:u,id:m}},"*");break}}})))},ie=({model:e,trustedHosts:t,callbacks:n})=>r=>{if(!re(t,r))return;const{data:o}=r;if(o)switch(o.type){case"builder.configureSdk":{n.configureSdk(o.data);break}case"builder.triggerAnimation":{n.animation(o.data);break}case"builder.contentUpdate":{const s=o.data,a=s.key||s.alias||s.entry||s.modelName,l=s.data;a===e&&n.contentUpdate(l);break}}},qe=(e,t,n)=>{if(!c)return d.warn("`subscribeToEditor` only works in the browser. It currently seems to be running on the server."),()=>{};se();const r=ie({callbacks:{contentUpdate:t,animation:()=>{},configureSdk:()=>{}},model:e,trustedHosts:n==null?void 0:n.trustedHosts});return window.addEventListener("message",r),()=>{window.removeEventListener("message",r)}},V={};function Qe(e){if(c()){Object.assign(V,e);const t={type:"builder.settingsChange",data:V};parent.postMessage(t,"*")}}const Ye=async e=>{var r,o,s;const t=e.path||((r=e.url)==null?void 0:r.pathname)||((o=e.userAttributes)==null?void 0:o.urlPath),n={...e,apiKey:e.apiKey,model:e.model||"page",userAttributes:{...e.userAttributes,...t?{urlPath:t}:{}},options:P(e.searchParams||((s=e.url)==null?void 0:s.searchParams)||e.options)};return{apiKey:n.apiKey,model:n.model,content:await X(n)}};exports.MSG_PREFIX=b;exports.TARGET=I;exports._processContentResult=q;exports._track=ne;exports.checkIsDefined=p;exports.createEditorListener=ie;exports.createRegisterComponentMessage=ke;exports.fastClone=k;exports.fetch=J;exports.fetchBuilderProps=Ye;exports.fetchEntries=Q;exports.fetchOneEntry=X;exports.getBuilderSearchParams=P;exports.getDefaultCanTrack=G;exports.getUserAttributes=N;exports.handleABTestingSync=ve;exports.isBrowser=c;exports.isEditing=F;exports.isPreviewing=Ve;exports.logger=d;exports.register=oe;exports.registerInsertMenu=Xe;exports.serializeComponentInfo=z;exports.setEditorSettings=Qe;exports.setupBrowserForEditing=se;exports.subscribeToEditor=qe;exports.track=ze;

package/lib/node/server-entry.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./server-entry-b2103255.cjs");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("./server-entry-63058f3f.cjs");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/node/server-entry.mjs

@@ -1,4 +1,4 @@
-import { _processContentResult as r, createRegisterComponentMessage as s, fetchBuilderProps as i, fetchEntries as n, fetchOneEntry as o, getBuilderSearchParams as c, isEditing as g, isPreviewing as a, register as d, setEditorSettings as E, subscribeToEditor as f, track as h } from "./server-entry-e8ac67b5.js";
+import { _processContentResult as r, createRegisterComponentMessage as s, fetchBuilderProps as i, fetchEntries as n, fetchOneEntry as o, getBuilderSearchParams as c, isEditing as g, isPreviewing as a, register as d, setEditorSettings as E, subscribeToEditor as f, track as h } from "./server-entry-5f9f100f.js";
 export {
   r as _processContentResult,
   s as createRegisterComponentMessage,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@builder.io/sdk-react",
   "description": "Builder.io SDK for React",
-  "version": "2.0.0",
+  "version": "2.0.1",
   "homepage": "https://github.com/BuilderIO/builder/tree/main/packages/sdks/output/react",
   "type": "module",
   "repository": {
@@ -20,38 +20,38 @@
     ".": {
       "edge-routine": {
         "types": "./types/index.d.ts",
-        "import": "./lib/edge/index.mjs",
-        "require": "./lib/edge/index.cjs"
+        "import": "./lib/edge/edge-entry.mjs",
+        "require": "./lib/edge/edge-entry.cjs"
       },
       "workerd": {
         "types": "./types/index.d.ts",
-        "import": "./lib/edge/index.mjs",
-        "require": "./lib/edge/index.cjs"
+        "import": "./lib/edge/edge-entry.mjs",
+        "require": "./lib/edge/edge-entry.cjs"
       },
       "deno": {
         "types": "./types/index.d.ts",
-        "import": "./lib/edge/index.mjs",
-        "require": "./lib/edge/index.cjs"
+        "import": "./lib/edge/edge-entry.mjs",
+        "require": "./lib/edge/edge-entry.cjs"
       },
       "lagon": {
         "types": "./types/index.d.ts",
-        "import": "./lib/edge/index.mjs",
-        "require": "./lib/edge/index.cjs"
+        "import": "./lib/edge/edge-entry.mjs",
+        "require": "./lib/edge/edge-entry.cjs"
       },
       "netlify": {
         "types": "./types/index.d.ts",
-        "import": "./lib/edge/index.mjs",
-        "require": "./lib/edge/index.cjs"
+        "import": "./lib/edge/edge-entry.mjs",
+        "require": "./lib/edge/edge-entry.cjs"
       },
       "edge-light": {
         "types": "./types/index.d.ts",
-        "import": "./lib/edge/index.mjs",
-        "require": "./lib/edge/index.cjs"
+        "import": "./lib/edge/edge-entry.mjs",
+        "require": "./lib/edge/edge-entry.cjs"
       },
       "bun": {
         "types": "./types/index.d.ts",
-        "import": "./lib/edge/index.mjs",
-        "require": "./lib/edge/index.cjs"
+        "import": "./lib/edge/edge-entry.mjs",
+        "require": "./lib/edge/edge-entry.cjs"
       },
       "react-native": {
         "types": "./types/index.d.ts",

package/types/components/content/components/styles.d.ts

@@ -1,10 +1,11 @@
 import * as React from "react";
-interface Props {
+interface Props extends BuilderNonceProp {
     cssCode?: string;
     customFonts?: CustomFont[];
     contentId?: string;
     isNestedRender?: boolean;
 }
+import type { BuilderNonceProp } from "../../../types/builder-props";
 import type { CustomFont } from "./styles.helpers";
 declare function ContentStyles(props: Props): React.JSX.Element;
 export default ContentStyles;

package/types/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/types/components/inlined-script.d.ts

@@ -1,7 +1,8 @@
 import * as React from "react";
-interface Props {
+interface Props extends BuilderNonceProp {
     scriptStr: string;
     id: string;
 }
+import type { BuilderNonceProp } from "../types/builder-props";
 declare function InlinedScript(props: Props): React.JSX.Element;
 export default InlinedScript;

package/types/components/inlined-styles.d.ts

@@ -1,7 +1,8 @@
 import * as React from "react";
-interface Props {
+interface Props extends BuilderNonceProp {
     styles: string;
     id: string;
 }
+import type { BuilderNonceProp } from "../types/builder-props";
 declare function InlinedStyles(props: Props): React.JSX.Element;
 export default InlinedStyles;

package/types/constants/sdk-version.d.ts

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

package/types/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/types/types/builder-props.d.ts

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

package/lib/edge/columns-bc2b0674.cjs

@@ -1,28 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),o=require("react"),s=require("./blocks-ac8970f1.cjs"),p=require("./dynamic-renderer-b29b45ca.cjs"),B=require("./get-class-prop-name-3c5f7a7d.cjs");require("./blocks-exports.cjs");require("./server-entry-ff6a2e2d.cjs");const q=t=>`builder-columns ${t}-breakpoints`;function z(t){var f,g;const[u,A]=o.useState(()=>typeof t.space=="number"?t.space||0:20),[c,L]=o.useState(()=>t.columns||[]),[d,N]=o.useState(()=>t.stackColumnsAt||"tablet");function y(e){return e.link?t.builderLinkComponent||"a":"div"}function x(e){var n;return((n=c[e])==null?void 0:n.width)||100/c.length}function C(e){const n=x(e),i=u*(c.length-1)*(n/100);return`calc(${n}% - ${i}px)`}function a({stackedStyle:e,desktopStyle:n}){return d==="tablet"?e:n}function m({stackedStyle:e,desktopStyle:n}){return d==="never"?n:e}const[b,W]=o.useState(()=>t.stackColumnsAt==="never"?"row":t.reverseColumnsWhenStacked?"column-reverse":"column");function v(){return{"--flex-dir":b,"--flex-dir-tablet":a({stackedStyle:b,desktopStyle:"row"})}}function w(e){const n=e===0?0:u,i=C(e),r=`${n}px`,h="100%",S=0;return{...{display:"flex",flexDirection:"column",alignItems:"stretch"},width:i,["marginLeft"]:r,"--column-width-mobile":m({stackedStyle:h,desktopStyle:i}),"--column-margin-left-mobile":m({stackedStyle:S,desktopStyle:r}),"--column-width-tablet":a({stackedStyle:h,desktopStyle:i}),"--column-margin-left-tablet":a({stackedStyle:S,desktopStyle:r})}}function k(e){var i,r;return s.getSizesForBreakpoints(((r=(i=t.builderContext.content)==null?void 0:i.meta)==null?void 0:r.breakpoints)||{})[e].max}function $(){return`
-        @media (max-width: ${k("medium")}px) {
-          .${t.builderBlock.id}-breakpoints {
-            flex-direction: var(--flex-dir-tablet);
-            align-items: stretch;
-          }
-
-          .${t.builderBlock.id}-breakpoints > .builder-column {
-            width: var(--column-width-tablet) !important;
-            margin-left: var(--column-margin-left-tablet) !important;
-          }
-        }
-
-        @media (max-width: ${k("small")}px) {
-          .${t.builderBlock.id}-breakpoints {
-            flex-direction: var(--flex-dir);
-            align-items: stretch;
-          }
-
-          .${t.builderBlock.id}-breakpoints > .builder-column {
-            width: var(--column-width-mobile) !important;
-            margin-left: var(--column-margin-left-mobile) !important;
-          }
-        },
-      `}function j(e,n){return{...e.link?{href:e.link}:{},[B.getClassPropName()]:"builder-column",style:s.mapStyleObjToStrIfNeeded(w(n))}}return l.jsxs(l.Fragment,{children:[l.jsxs("div",{className:q((f=t.builderBlock)==null?void 0:f.id)+" div-b622c1bc",style:v(),children:[l.jsx(s.InlinedStyles,{id:"builderio-columns",styles:$()}),(g=t.columns)==null?void 0:g.map((e,n)=>l.jsx(p.DynamicRenderer,{TagName:y(e),actionAttributes:{},attributes:j(e,n),children:l.jsx(s.Blocks,{path:`component.options.columns.${n}.blocks`,parent:t.builderBlock.id,styleProp:{flexGrow:"1"},context:t.builderContext,registeredComponents:t.builderComponents,linkComponent:t.builderLinkComponent,blocks:e.blocks})},n))]}),l.jsx("style",{children:`.div-b622c1bc {
-  display: flex;
-  line-height: normal;
-}`})]})}exports.default=z;

package/lib/edge/symbol-36a155f3.js

@@ -1,84 +0,0 @@
-import { jsx as l } from "react/jsx-runtime";
-import { useState as s, useEffect as u } from "react";
-import { Content as C } from "./blocks-exports.mjs";
-import { getClassPropName as v } from "./get-class-prop-name-1bbed5bf.js";
-import { fetchOneEntry as k, logger as h } from "./server-entry-75aa714e.js";
-const x = async ({
-  builderContextValue: t,
-  symbol: e
-}) => {
-  if (e != null && e.model && // This is a hack, we should not need to check for this, but it is needed for Svelte.
-  (t != null && t.apiKey))
-    return k({
-      model: e.model,
-      apiKey: t.apiKey,
-      apiVersion: t.apiVersion,
-      ...(e == null ? void 0 : e.entry) && {
-        query: {
-          id: e.entry
-        }
-      }
-    }).catch((o) => {
-      h.error("Could not fetch symbol content: ", o);
-    });
-};
-function j(t) {
-  var r, a, c, d;
-  function e() {
-    return "div";
-  }
-  function o() {
-    return "div";
-  }
-  function f() {
-    var n, m;
-    return [
-      t.attributes[v()],
-      "builder-symbol",
-      (n = t.symbol) != null && n.inline ? "builder-inline-symbol" : void 0,
-      (m = t.symbol) != null && m.dynamic || t.dynamic ? "builder-dynamic-symbol" : void 0
-    ].filter(Boolean).join(" ");
-  }
-  const [i, y] = s(() => {
-    var n;
-    return (n = t.symbol) == null ? void 0 : n.content;
-  });
-  function b() {
-    i || x({
-      symbol: t.symbol,
-      builderContextValue: t.builderContext
-    }).then((n) => {
-      n && y(n);
-    });
-  }
-  return u(() => {
-  }, []), u(() => {
-    b();
-  }, [t.symbol]), /* @__PURE__ */ l("div", { ...t.attributes, className: f(), children: /* @__PURE__ */ l(
-    C,
-    {
-      isNestedRender: !0,
-      apiVersion: t.builderContext.apiVersion,
-      apiKey: t.builderContext.apiKey,
-      context: {
-        ...t.builderContext.context,
-        symbolId: (r = t.builderBlock) == null ? void 0 : r.id
-      },
-      customComponents: Object.values(t.builderComponents),
-      data: {
-        ...(a = t.symbol) == null ? void 0 : a.data,
-        ...t.builderContext.localState,
-        ...(c = i == null ? void 0 : i.data) == null ? void 0 : c.state
-      },
-      canTrack: t.builderContext.canTrack,
-      model: (d = t.symbol) == null ? void 0 : d.model,
-      content: i,
-      linkComponent: t.builderLinkComponent,
-      blocksWrapper: e(),
-      contentWrapper: o()
-    }
-  ) });
-}
-export {
-  j as default
-};

package/lib/edge/symbol-a244cc31.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),o=require("react"),C=require("./blocks-exports.cjs"),v=require("./get-class-prop-name-3c5f7a7d.cjs"),m=require("./server-entry-ff6a2e2d.cjs"),k=async({builderContextValue:e,symbol:t})=>{if(t!=null&&t.model&&(e!=null&&e.apiKey))return m.fetchOneEntry({model:t.model,apiKey:e.apiKey,apiVersion:e.apiVersion,...(t==null?void 0:t.entry)&&{query:{id:t.entry}}}).catch(r=>{m.logger.error("Could not fetch symbol content: ",r)})};function x(e){var c,a,d,u;function t(){return"div"}function r(){return"div"}function y(){var n,l;return[e.attributes[v.getClassPropName()],"builder-symbol",(n=e.symbol)!=null&&n.inline?"builder-inline-symbol":void 0,(l=e.symbol)!=null&&l.dynamic||e.dynamic?"builder-dynamic-symbol":void 0].filter(Boolean).join(" ")}const[i,b]=o.useState(()=>{var n;return(n=e.symbol)==null?void 0:n.content});function f(){i||k({symbol:e.symbol,builderContextValue:e.builderContext}).then(n=>{n&&b(n)})}return o.useEffect(()=>{},[]),o.useEffect(()=>{f()},[e.symbol]),s.jsx("div",{...e.attributes,className:y(),children:s.jsx(C.Content,{isNestedRender:!0,apiVersion:e.builderContext.apiVersion,apiKey:e.builderContext.apiKey,context:{...e.builderContext.context,symbolId:(c=e.builderBlock)==null?void 0:c.id},customComponents:Object.values(e.builderComponents),data:{...(a=e.symbol)==null?void 0:a.data,...e.builderContext.localState,...(d=i==null?void 0:i.data)==null?void 0:d.state},canTrack:e.builderContext.canTrack,model:(u=e.symbol)==null?void 0:u.model,content:i,linkComponent:e.builderLinkComponent,blocksWrapper:t(),contentWrapper:r()})})}exports.default=x;