@builder.io/sdk-react-nextjs 0.14.30 → 0.15.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (51) hide show
  1. package/lib/browser/blocks-exports.cjs +24 -24
  2. package/lib/browser/blocks-exports.mjs +508 -428
  3. package/lib/browser/index.cjs +1 -1
  4. package/lib/browser/index.mjs +1 -1
  5. package/lib/browser/init.cjs +1 -1
  6. package/lib/browser/init.mjs +1 -1
  7. package/lib/browser/{server-entry-6927b611.cjs → server-entry-5ba46495.cjs} +1 -1
  8. package/lib/browser/{server-entry-24a8bb57.js → server-entry-98a38828.js} +1 -1
  9. package/lib/browser/server-entry.cjs +1 -1
  10. package/lib/browser/server-entry.mjs +1 -1
  11. package/lib/edge/blocks-exports.cjs +32 -32
  12. package/lib/edge/blocks-exports.mjs +950 -870
  13. package/lib/edge/index.cjs +1 -1
  14. package/lib/edge/index.mjs +1 -1
  15. package/lib/edge/init.cjs +1 -1
  16. package/lib/edge/init.mjs +1 -1
  17. package/lib/edge/{server-entry-6927b611.cjs → server-entry-5ba46495.cjs} +1 -1
  18. package/lib/edge/{server-entry-24a8bb57.js → server-entry-98a38828.js} +1 -1
  19. package/lib/edge/server-entry.cjs +1 -1
  20. package/lib/edge/server-entry.mjs +1 -1
  21. package/lib/node/blocks-exports.cjs +25 -25
  22. package/lib/node/blocks-exports.mjs +504 -424
  23. package/lib/node/index.cjs +1 -1
  24. package/lib/node/index.mjs +2 -2
  25. package/lib/node/init.cjs +1 -1
  26. package/lib/node/init.mjs +2 -2
  27. package/lib/node/{node-runtime-39bc20c5.cjs → node-runtime-5abae854.cjs} +1 -1
  28. package/lib/node/{node-runtime-bf50fca0.js → node-runtime-f2f9d7b3.js} +1 -1
  29. package/lib/node/{server-entry-8112afc1.cjs → server-entry-8f87e771.cjs} +1 -1
  30. package/lib/node/{server-entry-3cc55723.js → server-entry-9e9936de.js} +1 -1
  31. package/lib/node/server-entry.cjs +1 -1
  32. package/lib/node/server-entry.mjs +1 -1
  33. package/package.json +1 -1
  34. package/types/cjs/blocks/form/select/select.d.ts +1 -0
  35. package/types/cjs/blocks/form/textarea/component-info.d.ts +2 -0
  36. package/types/cjs/blocks/{textarea → form/textarea}/textarea.d.ts +1 -0
  37. package/types/cjs/components/block/block.helpers.d.ts +8 -8
  38. package/types/cjs/components/content-variants/inlined-fns.d.ts +1 -1
  39. package/types/cjs/constants/sdk-version.d.ts +1 -1
  40. package/types/cjs/types/components.d.ts +31 -0
  41. package/types/esm/blocks/form/select/select.d.ts +1 -0
  42. package/types/esm/blocks/form/textarea/component-info.d.ts +2 -0
  43. package/types/esm/blocks/{textarea → form/textarea}/textarea.d.ts +1 -0
  44. package/types/esm/components/block/block.helpers.d.ts +8 -8
  45. package/types/esm/components/content-variants/inlined-fns.d.ts +1 -1
  46. package/types/esm/constants/sdk-version.d.ts +1 -1
  47. package/types/esm/types/components.d.ts +31 -0
  48. package/types/cjs/blocks/textarea/component-info.d.ts +0 -2
  49. package/types/esm/blocks/textarea/component-info.d.ts +0 -2
  50. /package/types/cjs/blocks/{textarea → form/textarea}/index.d.ts +0 -0
  51. /package/types/esm/blocks/{textarea → form/textarea}/index.d.ts +0 -0
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./blocks-exports.cjs"),e=require("./server-entry-8112afc1.cjs");require("react/jsx-runtime");require("./node-runtime-39bc20c5.cjs");require("react");require("next/navigation");require("lru-cache");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;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./blocks-exports.cjs"),e=require("./server-entry-8f87e771.cjs");require("react/jsx-runtime");require("./node-runtime-5abae854.cjs");require("react");require("next/navigation");require("lru-cache");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;
@@ -1,7 +1,7 @@
1
1
  import { Blocks as m, BuilderContext as c, Button as p, Columns as g, Content as a, Fragment as d, Image as l, Section as u, Symbol as f, Text as B, Video as C } from "./blocks-exports.mjs";
2
- import { _processContentResult as h, createRegisterComponentMessage as x, fetchBuilderProps as S, fetchEntries as b, fetchOneEntry as P, getBuilderSearchParams as k, isEditing as y, isPreviewing as R, register as T, setEditorSettings as v, subscribeToEditor as w, track as F } from "./server-entry-3cc55723.js";
2
+ import { _processContentResult as h, createRegisterComponentMessage as x, fetchBuilderProps as S, fetchEntries as b, fetchOneEntry as P, getBuilderSearchParams as k, isEditing as y, isPreviewing as R, register as T, setEditorSettings as v, subscribeToEditor as w, track as F } from "./server-entry-9e9936de.js";
3
3
  import "react/jsx-runtime";
4
- import "./node-runtime-bf50fca0.js";
4
+ import "./node-runtime-f2f9d7b3.js";
5
5
  import "react";
6
6
  import "next/navigation";
7
7
  import "lru-cache";
package/lib/node/init.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("isolated-vm"),n=require("./node-runtime-39bc20c5.cjs");require("./server-entry-8112afc1.cjs");require("lru-cache");const o=e=>{const{ivmIsolateOptions:i}=e||{};n.setIvm(t,i)};exports.initializeNodeRuntime=o;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("isolated-vm"),n=require("./node-runtime-5abae854.cjs");require("./server-entry-8f87e771.cjs");require("lru-cache");const o=e=>{const{ivmIsolateOptions:i}=e||{};n.setIvm(t,i)};exports.initializeNodeRuntime=o;
package/lib/node/init.mjs CHANGED
@@ -1,6 +1,6 @@
1
1
  import t from "isolated-vm";
2
- import { setIvm as m } from "./node-runtime-bf50fca0.js";
3
- import "./server-entry-3cc55723.js";
2
+ import { setIvm as m } from "./node-runtime-f2f9d7b3.js";
3
+ import "./server-entry-9e9936de.js";
4
4
  import "lru-cache";
5
5
  const s = (i) => {
6
6
  const {
@@ -1,4 +1,4 @@
1
- "use strict";const serverEntry=require("./server-entry-8112afc1.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=`
1
+ "use strict";const serverEntry=require("./server-entry-8f87e771.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=`
2
2
  var refToProxy = (obj) => {
3
3
  if (typeof obj !== 'object' || obj === null) {
4
4
  return obj;
@@ -1,4 +1,4 @@
1
- import { isEditing, isBrowser, getUserAttributes, TARGET, logger, MSG_PREFIX, fastClone } from "./server-entry-3cc55723.js";
1
+ import { isEditing, isBrowser, getUserAttributes, TARGET, logger, MSG_PREFIX, fastClone } from "./server-entry-9e9936de.js";
2
2
  const getFunctionArguments = ({
3
3
  builder: e,
4
4
  context: t,
@@ -1,2 +1,2 @@
1
1
  "use strict";const de=require("lru-cache"),I="rsc",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 le=e=>{const t={};return e.forEach((n,r)=>{t[r]=n}),t},V=e=>e instanceof URLSearchParams?le(e):e,M=e=>typeof e=="string"?e:e instanceof URLSearchParams?e.toString():new URLSearchParams(e).toString();function fe(){return c()&&window.self!==window.top}function _(e){return fe()&&M(e||window.location.search).indexOf("builder.frameEditing=")!==-1}const ge=()=>{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},he=()=>typeof navigator=="object"&&navigator.userAgent||"",F=()=>{const e=he(),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=ge();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"}},C=e=>JSON.parse(JSON.stringify(e)),p=e=>e!=null,pe=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}},N=async e=>D(e),me=e=>e.map(([t,n])=>n?`${t}=${n}`:t).filter(p).join("; "),ye=[["secure",""],["SameSite","None"]],we=({name:e,value:t,expires:n})=>{const o=(c()?location.protocol==="https:":!0)?ye:[[]],s=n?[["expires",n.toUTCString()]]:[[]],i=[[e,t],...s,["path","/"],["domain",pe(window.location.hostname)],...o];return me(i)},j=async({name:e,value:t,expires:n,canTrack:r})=>{try{if(!r)return;const o=we({name:e,value:t,expires:n});document.cookie=o}catch(o){d.warn("[COOKIE] SET error: ",(o==null?void 0:o.message)||o)}},Se="builder.tests",k=e=>`${Se}.${e}`,be=({contentId:e})=>N({name:k(e),canTrack:!0}),Ie=({contentId:e})=>D({name:k(e),canTrack:!0}),ve=({contentId:e,value:t})=>j({name:k(e),value:t,canTrack:!0}),K=e=>p(e.id)&&p(e.variations)&&Object.keys(e.variations).length>0,Ee=({id:e,variations:t})=>{var o;let n=0;const r=Math.random();for(const s in t){const i=(o=t[s])==null?void 0:o.testRatio;if(n+=i,r<n)return s}return e},W=e=>{const t=Ee(e);return ve({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":"")}},Ce=({item:e,canTrack:t})=>{if(!t)return e;if(!e)return;if(!K(e))return e;const n=Ie({contentId:e.id})||W({variations:e.variations,id:e.id}),r=$({item:e,testGroupId:n});return{...e,...r}},ke=async({item:e,canTrack:t})=>{if(!t||!K(e))return e;const r=await be({contentId:e.id})||W({variations:e.variations,id:e.id}),o=$({item:e,testGroupId:r});return{...e,...o}},G=e=>p(e)?e:!0,Pe=e=>({type:"builder.registerComponent",data:H(e)}),Re=e=>{const t=e.toString().trim();return`return (${!t.startsWith("function")&&!t.startsWith("(")?"function ":""}${t}).apply(this, arguments)`},Oe=e=>typeof e=="function"?Re(e):C(e),H=({inputs:e,...t})=>({...C(t),inputs:e==null?void 0:e.map(n=>Object.entries(n).reduce((r,[o,s])=>({...r,[o]:Oe(s)}),{}))}),Ae=e=>{const t=e.get("preview"),n=e.get("overrides."+t);return n||d.warn("No previewed ID found in search params."),n};function z(){globalThis._BUILDER_PREVIEW_LRU_CACHE||(globalThis._BUILDER_PREVIEW_LRU_CACHE=new de.LRUCache({max:500,ttl:1e3*60*5}))}function Te(e){z();const t=Ae(e);return typeof t=="string"?globalThis._BUILDER_PREVIEW_LRU_CACHE.get(t):void 0}function xe(){return typeof globalThis!="undefined"?globalThis:typeof window!="undefined"?window:typeof global!="undefined"?global:typeof self!="undefined"?self:globalThis}function Be(){const e=xe().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.
2
- 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=Be();function E(e,t=null,n="."){return Object.keys(e).reduce((r,o)=>{const s=e[o],i=[t,o].filter(Boolean).join(n);return[typeof s=="object",s!==null,!(Array.isArray(s)&&s.length===0)].every(Boolean)?{...r,...E(s,i,n)}:{...r,[i]:s}},{})}function X(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(i=>i.startsWith("$"))?X(o,s,n):n[s]=o}return n}const Le="v3",T="builder.",Ue="options.",P=e=>{if(!e)return{};const t=V(e),n={};return Object.keys(t).forEach(r=>{if(r.startsWith(T)){const o=r.replace(T,"").replace(Ue,"");n[o]=t[r]}}),n},Ve=()=>{if(!c())return{};const e=new URLSearchParams(window.location.search);return P(e)},x=e=>typeof e=="number"&&!isNaN(e)&&e>=0,R=e=>{const{limit:t=30,userAttributes:n,query:r,model:o,apiKey:s,enrich:i,locale:u,apiVersion:y=Le,fields:m,omit:v,offset:l,cacheSeconds:g,staleCacheSeconds:h,sort:w,includeUnpublished:O}=e;if(!s)throw new Error("Missing API key");if(!["v3"].includes(y))throw new Error(`Invalid apiVersion: expected 'v3', received '${y}'`);const ce=t!==1,a=new URL(`https://cdn.builder.io/api/${y}/content/${o}`);if(a.searchParams.set("apiKey",s),a.searchParams.set("limit",String(t)),a.searchParams.set("noTraverse",String(ce)),a.searchParams.set("includeRefs",String(!0)),u&&a.searchParams.set("locale",u),i&&a.searchParams.set("enrich",String(i)),a.searchParams.set("omit",v||"meta.componentsUsed"),m&&a.searchParams.set("fields",m),Number.isFinite(l)&&l>-1&&a.searchParams.set("offset",String(Math.floor(l))),typeof O=="boolean"&&a.searchParams.set("includeUnpublished",String(O)),g&&x(g)&&a.searchParams.set("cacheSeconds",String(g)),h&&x(h)&&a.searchParams.set("staleCacheSeconds",String(h)),w){const f=E({sort:w});for(const S in f)a.searchParams.set(S,JSON.stringify(f[S]))}const ue={...Ve(),...V(e.options||{})},A=E(ue);for(const f in A)a.searchParams.set(f,String(A[f]));if(n&&a.searchParams.set("userAttributes",JSON.stringify(n)),r){const f=X({query:r});for(const S in f)a.searchParams.set(S,JSON.stringify(f[S]))}return a},Me=e=>"results"in e;async function q(e){const t=await Y({...e,limit:1});return t&&t[0]||null}const _e=async e=>{var s;const t=R(e);return await(await((s=e.fetch)!=null?s:J)(t.href,e.fetchOptions)).json()},Q=async(e,t,n=R(e))=>{const r=G(e.canTrack);if(n.search.includes("preview=")){const s=[];for(const i of t.results){const u=Te(n.searchParams);s.push(u||i)}t.results=s}if(!r||!(c()||I==="reactNative"))return t.results;try{const s=[];for(const i of t.results)s.push(await ke({item:i,canTrack:r}));t.results=s}catch(s){d.error("Could not process A/B tests. ",s)}return t.results};async function Y(e){try{const t=R(e),n=await _e(e);return Me(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 Fe(e){const t=e||(c()?window.location.search:void 0);return t?M(t).indexOf("builder.preview=")!==-1:!1}function De(){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 Z(){return De().replace(/-/g,"")}const ee="builderSessionId",Ne=async({canTrack:e})=>{if(!e)return;const t=await N({name:ee,canTrack:e});if(p(t))return t;{const n=je();return Ke({id:n,canTrack:e}),n}},je=()=>Z(),Ke=({id:e,canTrack:t})=>j({name:ee,value:e,canTrack:t}),te=()=>c()&&typeof localStorage!="undefined"?localStorage:void 0,We=({key:e,canTrack:t})=>{var n;try{return t?(n=te())==null?void 0:n.getItem(e):void 0}catch(r){console.debug("[LocalStorage] GET error: ",r);return}},$e=({key:e,canTrack:t,value:n})=>{var r;try{t&&((r=te())==null||r.setItem(e,n))}catch(o){console.debug("[LocalStorage] SET error: ",o)}},ne="builderVisitorId",Ge=({canTrack:e})=>{if(!e)return;const t=We({key:ne,canTrack:e});if(p(t))return t;{const n=He();return ze({id:n,canTrack:e}),n}},He=()=>Z(),ze=({id:e,canTrack:t})=>$e({key:ne,value:e,canTrack:t}),Je=async({canTrack:e})=>{if(!e)return{visitorId:void 0,sessionId:void 0};const t=await Ne({canTrack:e}),n=Ge({canTrack:e});return{sessionId:t,visitorId:n}},Xe=async({type:e,canTrack:t,apiKey:n,metadata:r,...o})=>({type:e,data:{...o,metadata:{url:location.href,...r},...await Je({canTrack:t}),userAttributes:F(),ownerId:n}});async function re(e){if(!e.apiKey){d.error("Missing API key for track call. Please provide your API key.");return}if(e.canTrack&&!_()&&(c()||I==="reactNative"))return fetch("https://cdn.builder.io/api/v1/track",{method:"POST",body:JSON.stringify({events:[await Xe(e)]}),headers:{"content-type":"application/json"},mode:"cors"}).catch(t=>{console.error("Failed to track: ",t)})}const qe=e=>re({...e,canTrack:!0}),Qe=["*.beta.builder.io","beta.builder.io","builder.io","localhost","qa.builder.io"];function oe(e,t){if(!t.origin.startsWith("http")&&!t.origin.startsWith("https"))return!1;const n=new URL(t.origin),r=n.hostname;return(e||Qe).findIndex(o=>o.startsWith("*.")?r.endsWith(o.slice(1)):o===r)>-1}const Ye="0.14.30",B={};function se(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 Ze=()=>{se("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 ie=(e={})=>{var t,n;L||(L=!0,c()&&((t=window.parent)==null||t.postMessage({type:"builder.sdkInfo",data:{target:I,version:Ye,supportsPatchUpdates:!1,supportsAddBlockScoping:!0,supportsCustomBreakpoints:!0}},"*"),(n=window.parent)==null||n.postMessage({type:"builder.updateContent",data:{options:e}},"*"),window.addEventListener("message",r=>{var s,i;if(!oe(e.trustedHosts,r))return;const{data:o}=r;if(o!=null&&o.type)switch(o.type){case"builder.evaluate":{const u=o.data.text,y=o.data.arguments||[],m=o.data.id,v=new Function(u);let l,g=null;try{l=v.apply(null,y)}catch(h){g=h}g?(s=window.parent)==null||s.postMessage({type:"builder.evaluateError",data:{id:m,error:g.message}},"*"):l&&typeof l.then=="function"?l.then(h=>{var w;(w=window.parent)==null||w.postMessage({type:"builder.evaluateResult",data:{id:m,result:h}},"*")}).catch(console.error):(i=window.parent)==null||i.postMessage({type:"builder.evaluateResult",data:{result:l,id:m}},"*");break}}})))},ae=({model:e,trustedHosts:t,callbacks:n})=>r=>{if(!oe(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,i=s.key||s.alias||s.entry||s.modelName,u=s.data;i===e&&n.contentUpdate(u);break}}},et=(e,t,n)=>{if(!c)return d.warn("`subscribeToEditor` only works in the browser. It currently seems to be running on the server."),()=>{};ie();const r=ae({callbacks:{contentUpdate:t,animation:()=>{},configureSdk:()=>{}},model:e,trustedHosts:n==null?void 0:n.trustedHosts});return window.addEventListener("message",r),()=>{window.removeEventListener("message",r)}},U={};function tt(e){if(c()){Object.assign(U,e);const t={type:"builder.settingsChange",data:U};parent.postMessage(t,"*")}}const nt=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 q(n)}};exports.MSG_PREFIX=b;exports.TARGET=I;exports._processContentResult=Q;exports._track=re;exports.checkIsDefined=p;exports.createEditorListener=ae;exports.createRegisterComponentMessage=Pe;exports.fastClone=C;exports.fetch=J;exports.fetchBuilderProps=nt;exports.fetchEntries=Y;exports.fetchOneEntry=q;exports.getBuilderSearchParams=P;exports.getDefaultCanTrack=G;exports.getUserAttributes=F;exports.handleABTestingSync=Ce;exports.init=z;exports.isBrowser=c;exports.isEditing=_;exports.isPreviewing=Fe;exports.logger=d;exports.register=se;exports.registerInsertMenu=Ze;exports.serializeComponentInfo=H;exports.setEditorSettings=tt;exports.setupBrowserForEditing=ie;exports.subscribeToEditor=et;exports.track=qe;
2
+ 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=Be();function E(e,t=null,n="."){return Object.keys(e).reduce((r,o)=>{const s=e[o],i=[t,o].filter(Boolean).join(n);return[typeof s=="object",s!==null,!(Array.isArray(s)&&s.length===0)].every(Boolean)?{...r,...E(s,i,n)}:{...r,[i]:s}},{})}function X(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(i=>i.startsWith("$"))?X(o,s,n):n[s]=o}return n}const Le="v3",T="builder.",Ue="options.",P=e=>{if(!e)return{};const t=V(e),n={};return Object.keys(t).forEach(r=>{if(r.startsWith(T)){const o=r.replace(T,"").replace(Ue,"");n[o]=t[r]}}),n},Ve=()=>{if(!c())return{};const e=new URLSearchParams(window.location.search);return P(e)},x=e=>typeof e=="number"&&!isNaN(e)&&e>=0,R=e=>{const{limit:t=30,userAttributes:n,query:r,model:o,apiKey:s,enrich:i,locale:u,apiVersion:y=Le,fields:m,omit:v,offset:l,cacheSeconds:g,staleCacheSeconds:h,sort:w,includeUnpublished:O}=e;if(!s)throw new Error("Missing API key");if(!["v3"].includes(y))throw new Error(`Invalid apiVersion: expected 'v3', received '${y}'`);const ce=t!==1,a=new URL(`https://cdn.builder.io/api/${y}/content/${o}`);if(a.searchParams.set("apiKey",s),a.searchParams.set("limit",String(t)),a.searchParams.set("noTraverse",String(ce)),a.searchParams.set("includeRefs",String(!0)),u&&a.searchParams.set("locale",u),i&&a.searchParams.set("enrich",String(i)),a.searchParams.set("omit",v||"meta.componentsUsed"),m&&a.searchParams.set("fields",m),Number.isFinite(l)&&l>-1&&a.searchParams.set("offset",String(Math.floor(l))),typeof O=="boolean"&&a.searchParams.set("includeUnpublished",String(O)),g&&x(g)&&a.searchParams.set("cacheSeconds",String(g)),h&&x(h)&&a.searchParams.set("staleCacheSeconds",String(h)),w){const f=E({sort:w});for(const S in f)a.searchParams.set(S,JSON.stringify(f[S]))}const ue={...Ve(),...V(e.options||{})},A=E(ue);for(const f in A)a.searchParams.set(f,String(A[f]));if(n&&a.searchParams.set("userAttributes",JSON.stringify(n)),r){const f=X({query:r});for(const S in f)a.searchParams.set(S,JSON.stringify(f[S]))}return a},Me=e=>"results"in e;async function q(e){const t=await Y({...e,limit:1});return t&&t[0]||null}const _e=async e=>{var s;const t=R(e);return await(await((s=e.fetch)!=null?s:J)(t.href,e.fetchOptions)).json()},Q=async(e,t,n=R(e))=>{const r=G(e.canTrack);if(n.search.includes("preview=")){const s=[];for(const i of t.results){const u=Te(n.searchParams);s.push(u||i)}t.results=s}if(!r||!(c()||I==="reactNative"))return t.results;try{const s=[];for(const i of t.results)s.push(await ke({item:i,canTrack:r}));t.results=s}catch(s){d.error("Could not process A/B tests. ",s)}return t.results};async function Y(e){try{const t=R(e),n=await _e(e);return Me(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 Fe(e){const t=e||(c()?window.location.search:void 0);return t?M(t).indexOf("builder.preview=")!==-1:!1}function De(){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 Z(){return De().replace(/-/g,"")}const ee="builderSessionId",Ne=async({canTrack:e})=>{if(!e)return;const t=await N({name:ee,canTrack:e});if(p(t))return t;{const n=je();return Ke({id:n,canTrack:e}),n}},je=()=>Z(),Ke=({id:e,canTrack:t})=>j({name:ee,value:e,canTrack:t}),te=()=>c()&&typeof localStorage!="undefined"?localStorage:void 0,We=({key:e,canTrack:t})=>{var n;try{return t?(n=te())==null?void 0:n.getItem(e):void 0}catch(r){console.debug("[LocalStorage] GET error: ",r);return}},$e=({key:e,canTrack:t,value:n})=>{var r;try{t&&((r=te())==null||r.setItem(e,n))}catch(o){console.debug("[LocalStorage] SET error: ",o)}},ne="builderVisitorId",Ge=({canTrack:e})=>{if(!e)return;const t=We({key:ne,canTrack:e});if(p(t))return t;{const n=He();return ze({id:n,canTrack:e}),n}},He=()=>Z(),ze=({id:e,canTrack:t})=>$e({key:ne,value:e,canTrack:t}),Je=async({canTrack:e})=>{if(!e)return{visitorId:void 0,sessionId:void 0};const t=await Ne({canTrack:e}),n=Ge({canTrack:e});return{sessionId:t,visitorId:n}},Xe=async({type:e,canTrack:t,apiKey:n,metadata:r,...o})=>({type:e,data:{...o,metadata:{url:location.href,...r},...await Je({canTrack:t}),userAttributes:F(),ownerId:n}});async function re(e){if(!e.apiKey){d.error("Missing API key for track call. Please provide your API key.");return}if(e.canTrack&&!_()&&(c()||I==="reactNative"))return fetch("https://cdn.builder.io/api/v1/track",{method:"POST",body:JSON.stringify({events:[await Xe(e)]}),headers:{"content-type":"application/json"},mode:"cors"}).catch(t=>{console.error("Failed to track: ",t)})}const qe=e=>re({...e,canTrack:!0}),Qe=["*.beta.builder.io","beta.builder.io","builder.io","localhost","qa.builder.io"];function oe(e,t){if(!t.origin.startsWith("http")&&!t.origin.startsWith("https"))return!1;const n=new URL(t.origin),r=n.hostname;return(e||Qe).findIndex(o=>o.startsWith("*.")?r.endsWith(o.slice(1)):o===r)>-1}const Ye="0.15.0",B={};function se(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 Ze=()=>{se("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 ie=(e={})=>{var t,n;L||(L=!0,c()&&((t=window.parent)==null||t.postMessage({type:"builder.sdkInfo",data:{target:I,version:Ye,supportsPatchUpdates:!1,supportsAddBlockScoping:!0,supportsCustomBreakpoints:!0}},"*"),(n=window.parent)==null||n.postMessage({type:"builder.updateContent",data:{options:e}},"*"),window.addEventListener("message",r=>{var s,i;if(!oe(e.trustedHosts,r))return;const{data:o}=r;if(o!=null&&o.type)switch(o.type){case"builder.evaluate":{const u=o.data.text,y=o.data.arguments||[],m=o.data.id,v=new Function(u);let l,g=null;try{l=v.apply(null,y)}catch(h){g=h}g?(s=window.parent)==null||s.postMessage({type:"builder.evaluateError",data:{id:m,error:g.message}},"*"):l&&typeof l.then=="function"?l.then(h=>{var w;(w=window.parent)==null||w.postMessage({type:"builder.evaluateResult",data:{id:m,result:h}},"*")}).catch(console.error):(i=window.parent)==null||i.postMessage({type:"builder.evaluateResult",data:{result:l,id:m}},"*");break}}})))},ae=({model:e,trustedHosts:t,callbacks:n})=>r=>{if(!oe(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,i=s.key||s.alias||s.entry||s.modelName,u=s.data;i===e&&n.contentUpdate(u);break}}},et=(e,t,n)=>{if(!c)return d.warn("`subscribeToEditor` only works in the browser. It currently seems to be running on the server."),()=>{};ie();const r=ae({callbacks:{contentUpdate:t,animation:()=>{},configureSdk:()=>{}},model:e,trustedHosts:n==null?void 0:n.trustedHosts});return window.addEventListener("message",r),()=>{window.removeEventListener("message",r)}},U={};function tt(e){if(c()){Object.assign(U,e);const t={type:"builder.settingsChange",data:U};parent.postMessage(t,"*")}}const nt=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 q(n)}};exports.MSG_PREFIX=b;exports.TARGET=I;exports._processContentResult=Q;exports._track=re;exports.checkIsDefined=p;exports.createEditorListener=ae;exports.createRegisterComponentMessage=Pe;exports.fastClone=C;exports.fetch=J;exports.fetchBuilderProps=nt;exports.fetchEntries=Y;exports.fetchOneEntry=q;exports.getBuilderSearchParams=P;exports.getDefaultCanTrack=G;exports.getUserAttributes=F;exports.handleABTestingSync=Ce;exports.init=z;exports.isBrowser=c;exports.isEditing=_;exports.isPreviewing=Fe;exports.logger=d;exports.register=se;exports.registerInsertMenu=Ze;exports.serializeComponentInfo=H;exports.setEditorSettings=tt;exports.setupBrowserForEditing=ie;exports.subscribeToEditor=et;exports.track=qe;
@@ -509,7 +509,7 @@ function J(e, t) {
509
509
  const n = new URL(t.origin), r = n.hostname;
510
510
  return (e || $e).findIndex((o) => o.startsWith("*.") ? r.endsWith(o.slice(1)) : o === r) > -1;
511
511
  }
512
- const Ge = "0.14.30", A = {};
512
+ const Ge = "0.15.0", A = {};
513
513
  function He(e, t) {
514
514
  let n = A[e];
515
515
  if (n || (n = A[e] = []), n.push(t), c()) {
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./server-entry-8112afc1.cjs");require("lru-cache");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;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./server-entry-8f87e771.cjs");require("lru-cache");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;
@@ -1,4 +1,4 @@
1
- import { _processContentResult as i, createRegisterComponentMessage as s, fetchBuilderProps as o, fetchEntries as n, fetchOneEntry as c, getBuilderSearchParams as g, isEditing as a, isPreviewing as d, register as p, setEditorSettings as E, subscribeToEditor as f, track as h } from "./server-entry-3cc55723.js";
1
+ import { _processContentResult as i, createRegisterComponentMessage as s, fetchBuilderProps as o, fetchEntries as n, fetchOneEntry as c, getBuilderSearchParams as g, isEditing as a, isPreviewing as d, register as p, setEditorSettings as E, subscribeToEditor as f, track as h } from "./server-entry-9e9936de.js";
2
2
  import "lru-cache";
3
3
  export {
4
4
  i as _processContentResult,
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@builder.io/sdk-react-nextjs",
3
3
  "description": "Builder.io RSC SDK for NextJS App Directory",
4
- "version": "0.14.30",
4
+ "version": "0.15.0",
5
5
  "homepage": "https://github.com/BuilderIO/builder/tree/main/packages/sdks/output/nextjs",
6
6
  "repository": {
7
7
  "type": "git",
@@ -11,6 +11,7 @@ export interface FormSelectProps {
11
11
  name?: string;
12
12
  value?: string;
13
13
  defaultValue?: string;
14
+ required?: boolean;
14
15
  }
15
16
  declare function SelectComponent(props: FormSelectProps): React.JSX.Element;
16
17
  export default SelectComponent;
@@ -0,0 +1,2 @@
1
+ import type { ComponentInfo } from '../../../types/components.js';
2
+ export declare const componentInfo: ComponentInfo;
@@ -8,6 +8,7 @@ export interface TextareaProps {
8
8
  value?: string;
9
9
  defaultValue?: string;
10
10
  placeholder?: string;
11
+ required?: boolean;
11
12
  }
12
13
  declare function Textarea(props: TextareaProps): React.JSX.Element;
13
14
  export default Textarea;
@@ -15,22 +15,22 @@ export declare const getInheritedStyles: ({ block, context }: {
15
15
  context: BuilderContextInterface;
16
16
  }) => Partial<CSSStyleDeclaration>;
17
17
  export declare const provideLinkComponent: (block: RegisteredComponent | null | undefined, linkComponent: any) => {
18
- builderLinkComponent: any;
19
- } | {
20
18
  builderLinkComponent?: undefined;
19
+ } | {
20
+ builderLinkComponent: any;
21
21
  };
22
22
  export declare const provideRegisteredComponents: (block: RegisteredComponent | null | undefined, registeredComponents: RegisteredComponents) => {
23
- builderComponents: RegisteredComponents;
24
- } | {
25
23
  builderComponents?: undefined;
24
+ } | {
25
+ builderComponents: RegisteredComponents;
26
26
  };
27
27
  export declare const provideBuilderBlock: (block: RegisteredComponent | null | undefined, builderBlock: BuilderBlock) => {
28
- builderBlock: BuilderBlock;
29
- } | {
30
28
  builderBlock?: undefined;
29
+ } | {
30
+ builderBlock: BuilderBlock;
31
31
  };
32
32
  export declare const provideBuilderContext: (block: RegisteredComponent | null | undefined, context: BuilderContextInterface) => {
33
- builderContext: BuilderContextInterface;
34
- } | {
35
33
  builderContext?: undefined;
34
+ } | {
35
+ builderContext: BuilderContextInterface;
36
36
  };
@@ -8,7 +8,7 @@
8
8
  */
9
9
  /**
10
10
  * For more information on how this works,
11
- * see our [SSR A/B Test Docs](https://github.com/BuilderIO/builder/tree/main/packages/sdks/src/SSR_AB_TEST.md)
11
+ * see our [SSR A/B Test Docs](https://github.com/BuilderIO/builder/tree/main/packages/sdks/docs/SSR_AB_TEST.md)
12
12
  */
13
13
  export declare const UPDATE_COOKIES_AND_STYLES_SCRIPT = "function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {\n function getAndSetVariantId() {\n function setCookie(name, value, days) {\n let expires = '';\n if (days) {\n const date = new Date();\n date.setTime(date.getTime() + days * 24 * 60 * 60 * 1000);\n expires = '; expires=' + date.toUTCString();\n }\n document.cookie = name + '=' + (value || '') + expires + '; path=/' + '; Secure; SameSite=None';\n }\n function getCookie(name) {\n const nameEQ = name + '=';\n const ca = document.cookie.split(';');\n for (let i = 0; i < ca.length; i++) {\n let c = ca[i];\n while (c.charAt(0) === ' ') c = c.substring(1, c.length);\n if (c.indexOf(nameEQ) === 0) return c.substring(nameEQ.length, c.length);\n }\n return null;\n }\n const cookieName = `builder.tests.${contentId}`;\n const variantInCookie = getCookie(cookieName);\n const availableIDs = variants.map(vr => vr.id).concat(contentId);\n if (variantInCookie && availableIDs.includes(variantInCookie)) {\n return variantInCookie;\n }\n let n = 0;\n const random = Math.random();\n for (let i = 0; i < variants.length; i++) {\n const variant = variants[i];\n const testRatio = variant.testRatio;\n n += testRatio;\n if (random < n) {\n setCookie(cookieName, variant.id);\n return variant.id;\n }\n }\n setCookie(cookieName, contentId);\n return contentId;\n }\n const winningVariantId = getAndSetVariantId();\n const styleEl = document.currentScript?.previousElementSibling;\n if (isHydrationTarget) {\n styleEl.remove();\n const thisScriptEl = document.currentScript;\n thisScriptEl?.remove();\n } else {\n const newStyleStr = variants.concat({\n id: contentId\n }).filter(variant => variant.id !== winningVariantId).map(value => {\n return `.variant-${value.id} { display: none; }\n `;\n }).join('');\n styleEl.innerHTML = newStyleStr;\n }\n}";
14
14
  export declare const UPDATE_VARIANT_VISIBILITY_SCRIPT = "function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {\n if (!navigator.cookieEnabled) {\n return;\n }\n function getCookie(name) {\n const nameEQ = name + '=';\n const ca = document.cookie.split(';');\n for (let i = 0; i < ca.length; i++) {\n let c = ca[i];\n while (c.charAt(0) === ' ') c = c.substring(1, c.length);\n if (c.indexOf(nameEQ) === 0) return c.substring(nameEQ.length, c.length);\n }\n return null;\n }\n const cookieName = `builder.tests.${defaultContentId}`;\n const winningVariant = getCookie(cookieName);\n const parentDiv = document.currentScript?.parentElement;\n const isDefaultContent = variantContentId === defaultContentId;\n const isWinningVariant = winningVariant === variantContentId;\n if (isWinningVariant && !isDefaultContent) {\n parentDiv?.removeAttribute('hidden');\n parentDiv?.removeAttribute('aria-hidden');\n } else if (!isWinningVariant && isDefaultContent) {\n parentDiv?.setAttribute('hidden', 'true');\n parentDiv?.setAttribute('aria-hidden', 'true');\n }\n if (isHydrationTarget) {\n if (!isWinningVariant) {\n parentDiv?.remove();\n }\n const thisScriptEl = document.currentScript;\n thisScriptEl?.remove();\n }\n return;\n}";
@@ -1 +1 @@
1
- export declare const SDK_VERSION = "0.14.30";
1
+ export declare const SDK_VERSION = "0.15.0";
@@ -105,6 +105,37 @@ export interface ComponentInfo {
105
105
  */
106
106
  requiredPermissions?: Array<Permission>;
107
107
  hidden?: boolean;
108
+ /**
109
+ * Whether or not the component should receive SDK-related props.
110
+ */
111
+ shouldReceiveBuilderProps?: {
112
+ /**
113
+ * Whether or not the component should receive the `builderBlock` prop, containing the current Builder block being rendered.
114
+ *
115
+ * Defaults to `true`.
116
+ */
117
+ builderBlock?: boolean;
118
+ /**
119
+ * Whether or not the component should receive the `builderContext` prop, containing the current context.
120
+ * The Builder Context contains a lot of data relevant to the current `Content` render.
121
+ * You can see more information [here](https://github.com/BuilderIO/builder/blob/main/packages/sdks/src/context/types.ts).
122
+ *
123
+ * Defaults to `true`.
124
+ */
125
+ builderContext?: boolean;
126
+ /**
127
+ * Whether or not the component should receive the `builderComponents` array, containing the all registered components (custom and built-in).
128
+ *
129
+ * Defaults to `false`.
130
+ */
131
+ builderComponents?: boolean;
132
+ /**
133
+ * Whether or not the component should receive the `builderLinkComponent` prop, containing the custom link component provided to `Content`.
134
+ *
135
+ * Defaults to `false`.
136
+ */
137
+ builderLinkComponent?: boolean;
138
+ };
108
139
  }
109
140
  type Permission = 'read' | 'publish' | 'editCode' | 'editDesigns' | 'admin' | 'create';
110
141
  export {};
@@ -11,6 +11,7 @@ export interface FormSelectProps {
11
11
  name?: string;
12
12
  value?: string;
13
13
  defaultValue?: string;
14
+ required?: boolean;
14
15
  }
15
16
  declare function SelectComponent(props: FormSelectProps): React.JSX.Element;
16
17
  export default SelectComponent;
@@ -0,0 +1,2 @@
1
+ import type { ComponentInfo } from '../../../types/components.js';
2
+ export declare const componentInfo: ComponentInfo;
@@ -8,6 +8,7 @@ export interface TextareaProps {
8
8
  value?: string;
9
9
  defaultValue?: string;
10
10
  placeholder?: string;
11
+ required?: boolean;
11
12
  }
12
13
  declare function Textarea(props: TextareaProps): React.JSX.Element;
13
14
  export default Textarea;
@@ -15,22 +15,22 @@ export declare const getInheritedStyles: ({ block, context }: {
15
15
  context: BuilderContextInterface;
16
16
  }) => Partial<CSSStyleDeclaration>;
17
17
  export declare const provideLinkComponent: (block: RegisteredComponent | null | undefined, linkComponent: any) => {
18
- builderLinkComponent: any;
19
- } | {
20
18
  builderLinkComponent?: undefined;
19
+ } | {
20
+ builderLinkComponent: any;
21
21
  };
22
22
  export declare const provideRegisteredComponents: (block: RegisteredComponent | null | undefined, registeredComponents: RegisteredComponents) => {
23
- builderComponents: RegisteredComponents;
24
- } | {
25
23
  builderComponents?: undefined;
24
+ } | {
25
+ builderComponents: RegisteredComponents;
26
26
  };
27
27
  export declare const provideBuilderBlock: (block: RegisteredComponent | null | undefined, builderBlock: BuilderBlock) => {
28
- builderBlock: BuilderBlock;
29
- } | {
30
28
  builderBlock?: undefined;
29
+ } | {
30
+ builderBlock: BuilderBlock;
31
31
  };
32
32
  export declare const provideBuilderContext: (block: RegisteredComponent | null | undefined, context: BuilderContextInterface) => {
33
- builderContext: BuilderContextInterface;
34
- } | {
35
33
  builderContext?: undefined;
34
+ } | {
35
+ builderContext: BuilderContextInterface;
36
36
  };
@@ -8,7 +8,7 @@
8
8
  */
9
9
  /**
10
10
  * For more information on how this works,
11
- * see our [SSR A/B Test Docs](https://github.com/BuilderIO/builder/tree/main/packages/sdks/src/SSR_AB_TEST.md)
11
+ * see our [SSR A/B Test Docs](https://github.com/BuilderIO/builder/tree/main/packages/sdks/docs/SSR_AB_TEST.md)
12
12
  */
13
13
  export declare const UPDATE_COOKIES_AND_STYLES_SCRIPT = "function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {\n function getAndSetVariantId() {\n function setCookie(name, value, days) {\n let expires = '';\n if (days) {\n const date = new Date();\n date.setTime(date.getTime() + days * 24 * 60 * 60 * 1000);\n expires = '; expires=' + date.toUTCString();\n }\n document.cookie = name + '=' + (value || '') + expires + '; path=/' + '; Secure; SameSite=None';\n }\n function getCookie(name) {\n const nameEQ = name + '=';\n const ca = document.cookie.split(';');\n for (let i = 0; i < ca.length; i++) {\n let c = ca[i];\n while (c.charAt(0) === ' ') c = c.substring(1, c.length);\n if (c.indexOf(nameEQ) === 0) return c.substring(nameEQ.length, c.length);\n }\n return null;\n }\n const cookieName = `builder.tests.${contentId}`;\n const variantInCookie = getCookie(cookieName);\n const availableIDs = variants.map(vr => vr.id).concat(contentId);\n if (variantInCookie && availableIDs.includes(variantInCookie)) {\n return variantInCookie;\n }\n let n = 0;\n const random = Math.random();\n for (let i = 0; i < variants.length; i++) {\n const variant = variants[i];\n const testRatio = variant.testRatio;\n n += testRatio;\n if (random < n) {\n setCookie(cookieName, variant.id);\n return variant.id;\n }\n }\n setCookie(cookieName, contentId);\n return contentId;\n }\n const winningVariantId = getAndSetVariantId();\n const styleEl = document.currentScript?.previousElementSibling;\n if (isHydrationTarget) {\n styleEl.remove();\n const thisScriptEl = document.currentScript;\n thisScriptEl?.remove();\n } else {\n const newStyleStr = variants.concat({\n id: contentId\n }).filter(variant => variant.id !== winningVariantId).map(value => {\n return `.variant-${value.id} { display: none; }\n `;\n }).join('');\n styleEl.innerHTML = newStyleStr;\n }\n}";
14
14
  export declare const UPDATE_VARIANT_VISIBILITY_SCRIPT = "function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {\n if (!navigator.cookieEnabled) {\n return;\n }\n function getCookie(name) {\n const nameEQ = name + '=';\n const ca = document.cookie.split(';');\n for (let i = 0; i < ca.length; i++) {\n let c = ca[i];\n while (c.charAt(0) === ' ') c = c.substring(1, c.length);\n if (c.indexOf(nameEQ) === 0) return c.substring(nameEQ.length, c.length);\n }\n return null;\n }\n const cookieName = `builder.tests.${defaultContentId}`;\n const winningVariant = getCookie(cookieName);\n const parentDiv = document.currentScript?.parentElement;\n const isDefaultContent = variantContentId === defaultContentId;\n const isWinningVariant = winningVariant === variantContentId;\n if (isWinningVariant && !isDefaultContent) {\n parentDiv?.removeAttribute('hidden');\n parentDiv?.removeAttribute('aria-hidden');\n } else if (!isWinningVariant && isDefaultContent) {\n parentDiv?.setAttribute('hidden', 'true');\n parentDiv?.setAttribute('aria-hidden', 'true');\n }\n if (isHydrationTarget) {\n if (!isWinningVariant) {\n parentDiv?.remove();\n }\n const thisScriptEl = document.currentScript;\n thisScriptEl?.remove();\n }\n return;\n}";
@@ -1 +1 @@
1
- export declare const SDK_VERSION = "0.14.30";
1
+ export declare const SDK_VERSION = "0.15.0";
@@ -105,6 +105,37 @@ export interface ComponentInfo {
105
105
  */
106
106
  requiredPermissions?: Array<Permission>;
107
107
  hidden?: boolean;
108
+ /**
109
+ * Whether or not the component should receive SDK-related props.
110
+ */
111
+ shouldReceiveBuilderProps?: {
112
+ /**
113
+ * Whether or not the component should receive the `builderBlock` prop, containing the current Builder block being rendered.
114
+ *
115
+ * Defaults to `true`.
116
+ */
117
+ builderBlock?: boolean;
118
+ /**
119
+ * Whether or not the component should receive the `builderContext` prop, containing the current context.
120
+ * The Builder Context contains a lot of data relevant to the current `Content` render.
121
+ * You can see more information [here](https://github.com/BuilderIO/builder/blob/main/packages/sdks/src/context/types.ts).
122
+ *
123
+ * Defaults to `true`.
124
+ */
125
+ builderContext?: boolean;
126
+ /**
127
+ * Whether or not the component should receive the `builderComponents` array, containing the all registered components (custom and built-in).
128
+ *
129
+ * Defaults to `false`.
130
+ */
131
+ builderComponents?: boolean;
132
+ /**
133
+ * Whether or not the component should receive the `builderLinkComponent` prop, containing the custom link component provided to `Content`.
134
+ *
135
+ * Defaults to `false`.
136
+ */
137
+ builderLinkComponent?: boolean;
138
+ };
108
139
  }
109
140
  type Permission = 'read' | 'publish' | 'editCode' | 'editDesigns' | 'admin' | 'create';
110
141
  export {};
@@ -1,2 +0,0 @@
1
- import type { ComponentInfo } from '../../types/components.js';
2
- export declare const componentInfo: ComponentInfo;
@@ -1,2 +0,0 @@
1
- import type { ComponentInfo } from '../../types/components.js';
2
- export declare const componentInfo: ComponentInfo;