@builder.io/sdk-react 0.7.6 → 0.8.0

package/lib/browser/index.cjs

@@ -156,7 +156,7 @@
     "${t}",${JSON.stringify(e)}, ${ke}
   )`,xt=({contentId:e,variationId:t})=>`window.${ve}(
     "${t}", "${e}", ${ke}
-  )`;function H(e){return a.jsx("script",{dangerouslySetInnerHTML:{__html:e.scriptStr},id:e.id||""})}function ae(e){return Math.round(e*1e3)/1e3}const St=(e,t,n=!0)=>{if(!(e instanceof HTMLElement))return null;let i=n?e:e.parentElement;do{if(!i)return null;if(t(i))return i}while(i=i.parentElement);return null},yt=e=>St(e,t=>{const n=t.getAttribute("builder-id")||t.id;return(n==null?void 0:n.indexOf("builder-"))===0}),oe=({event:e,target:t})=>{const n=t.getBoundingClientRect(),i=e.clientX-n.left,o=e.clientY-n.top,r=ae(i/n.width),l=ae(o/n.height);return{x:r,y:l}},vt=e=>{const t=e.target,n=t&&yt(t),i=(n==null?void 0:n.getAttribute("builder-id"))||(n==null?void 0:n.id);return{targetBuilderElement:i||void 0,metadata:{targetOffset:t?oe({event:e,target:t}):void 0,builderTargetOffset:n?oe({event:e,target:n}):void 0,builderElementIndex:n&&i?[].slice.call(document.getElementsByClassName(i)).indexOf(n):void 0}}},kt="0.7.6",pt=()=>{d.register("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 re=!1;const Ct=(e={})=>{var t,n;re||(re=!0,d.isBrowser()&&((t=window.parent)==null||t.postMessage({type:"builder.sdkInfo",data:{target:d.TARGET,version:kt,supportsPatchUpdates:!1,supportsAddBlockScoping:!0,supportsCustomBreakpoints:!0}},"*"),(n=window.parent)==null||n.postMessage({type:"builder.updateContent",data:{options:e}},"*"),window.addEventListener("message",({data:i})=>{var o,r;if(i!=null&&i.type)switch(i.type){case"builder.evaluate":{const l=i.data.text,s=i.data.arguments||[],c=i.data.id,u=new Function(l);let f,b=null;try{f=u.apply(null,s)}catch(v){b=v}b?(o=window.parent)==null||o.postMessage({type:"builder.evaluateError",data:{id:c,error:b.message}},"*"):f&&typeof f.then=="function"?f.then(v=>{var R;(R=window.parent)==null||R.postMessage({type:"builder.evaluateResult",data:{id:c,result:v}},"*")}).catch(console.error):(r=window.parent)==null||r.postMessage({type:"builder.evaluateResult",data:{result:f,id:c}},"*");break}}})))};function wt(e){var j,F,B,P,L,Y,Q;const t=m.useRef(null),[n,i]=m.useState(()=>0);function o(g){var x,y,p,T,J;const h={...e.builderContextSignal.content,...g,data:{...(x=e.builderContextSignal.content)==null?void 0:x.data,...g==null?void 0:g.data},meta:{...(y=e.builderContextSignal.content)==null?void 0:y.meta,...g==null?void 0:g.meta,breakpoints:((p=g==null?void 0:g.meta)==null?void 0:p.breakpoints)||((J=(T=e.builderContextSignal.content)==null?void 0:T.meta)==null?void 0:J.breakpoints)}};e.setBuilderContextSignal(Ce=>({...Ce,content:h}))}m.useState(()=>0);const[r,l]=m.useState(()=>!1);function s(g){var x;const{data:h}=g;if(h)switch(h.type){case"builder.configureSdk":{const y=h.data,{breakpoints:p,contentId:T}=y;if(!T||T!==((x=e.builderContextSignal.content)==null?void 0:x.id))return;p&&o({meta:{breakpoints:p}}),i(n+1);break}case"builder.contentUpdate":{const y=h.data,p=y.key||y.alias||y.entry||y.modelName,T=y.data;p===e.model&&(o(T),i(n+1));break}}}function c(){var h,x;const g=(x=(h=e.builderContextSignal.content)==null?void 0:h.data)==null?void 0:x.jsCode;g&&A({code:g,context:e.context||{},localState:void 0,rootState:e.builderContextSignal.rootState,rootSetState:e.builderContextSignal.rootSetState})}const[u,f]=m.useState(()=>({})),[b,v]=m.useState(()=>!1);function R(g){var h,x;if(e.builderContextSignal.content){const y=(h=e.builderContextSignal.content)==null?void 0:h.testVariationId,p=(x=e.builderContextSignal.content)==null?void 0:x.id;d._track({type:"click",canTrack:d.getDefaultCanTrack(e.canTrack),contentId:p,apiKey:e.apiKey,variationId:y!==p?y:void 0,...vt(g),unique:!b})}b||v(!0)}function S(g){return g.replace(/{{([^}]+)}}/g,(h,x)=>A({code:x,context:e.context||{},localState:void 0,rootState:e.builderContextSignal.rootState,rootSetState:e.builderContextSignal.rootSetState}))}function k({url:g,key:h}){d.fetch(g).then(x=>x.json()).then(x=>{var p,T;const y={...e.builderContextSignal.rootState,[h]:x};(T=(p=e.builderContextSignal).rootSetState)==null||T.call(p,y),u[h]=!0}).catch(x=>{console.error("error fetching dynamic data",g,x)})}function I(){var h,x;const g=((x=(h=e.builderContextSignal.content)==null?void 0:h.data)==null?void 0:x.httpRequests)??{};Object.entries(g).forEach(([y,p])=>{if(p&&(!u[y]||d.isEditing())){const T=S(p);k({url:T,key:y})}})}function w(){d.isEditing()&&window.dispatchEvent(new CustomEvent("builder:component:stateChange",{detail:{state:d.fastClone(e.builderContextSignal.rootState),ref:{name:e.model}}}))}function C(g){i(n+1),window.addEventListener("message",s),pt(),Ct({...e.locale?{locale:e.locale}:{},...e.includeRefs?{includeRefs:e.includeRefs}:{},...e.enrich?{enrich:e.enrich}:{}}),Object.values(e.builderContextSignal.componentInfos).forEach(h=>{var y;const x=d.createRegisterComponentMessage(h);(y=window.parent)==null||y.postMessage(x,"*")}),window.addEventListener("builder:component:stateChangeListenerActivated",w)}function E(g){const h=new URL(location.href).searchParams,x=h.get("builder.preview"),y=h.get(`builder.preview.${x}`),p=h.get("apiKey")||h.get("builder.space");x===e.model&&p===e.apiKey&&(!e.content||y===e.content.id)&&d.fetchOneEntry({model:e.model,apiKey:e.apiKey,apiVersion:e.builderContextSignal.apiVersion}).then(T=>{T&&o(T)})}return m.useEffect(()=>{var g;return(g=t.current)==null||g.addEventListener("initeditingbldr",C),()=>{var h;return(h=t.current)==null?void 0:h.removeEventListener("initeditingbldr",C)}},[]),m.useEffect(()=>{var g;return(g=t.current)==null||g.addEventListener("initpreviewingbldr",E),()=>{var h;return(h=t.current)==null?void 0:h.removeEventListener("initpreviewingbldr",E)}},[]),m.useEffect(()=>{var g,h;if(d.isBrowser()){if(d.isEditing()&&t.current&&t.current.dispatchEvent(new CustomEvent("initeditingbldr")),e.builderContextSignal.content&&d.getDefaultCanTrack(e.canTrack)){const y=(g=e.builderContextSignal.content)==null?void 0:g.testVariationId,p=(h=e.builderContextSignal.content)==null?void 0:h.id,T=e.apiKey;d._track({type:"impression",canTrack:!0,contentId:p,apiKey:T,variationId:y!==p?y:void 0})}d.isPreviewing()&&t.current&&t.current.dispatchEvent(new CustomEvent("initpreviewingbldr"))}},[]),m.useEffect(()=>{e.apiKey||d.logger.error("No API key provided to `RenderContent` component. This can cause issues. Please provide an API key using the `apiKey` prop."),c(),I(),w()},[]),m.useEffect(()=>{e.content&&o(e.content)},[e.content]),m.useEffect(()=>{},[r]),m.useEffect(()=>{c()},[(F=(j=e.builderContextSignal.content)==null?void 0:j.data)==null?void 0:F.jsCode,e.builderContextSignal.rootState]),m.useEffect(()=>{I()},[(P=(B=e.builderContextSignal.content)==null?void 0:B.data)==null?void 0:P.httpRequests]),m.useEffect(()=>{w()},[e.builderContextSignal.rootState]),m.useEffect(()=>()=>{d.isBrowser()&&(window.removeEventListener("message",s),window.removeEventListener("builder:component:stateChangeListenerActivated",w))},[]),a.jsx(z.Provider,{value:e.builderContextSignal,children:e.builderContextSignal.content?a.jsx(a.Fragment,{children:m.createElement("div",{key:n,ref:t,onClick:g=>R(g),"builder-content-id":(L=e.builderContextSignal.content)==null?void 0:L.id,"builder-model":e.model,...e.showContent?{}:{hidden:!0,"aria-hidden":!0},className:`variant-${((Y=e.content)==null?void 0:Y.testVariationId)||((Q=e.content)==null?void 0:Q.id)}`},e.children)}):null})}const It=e=>{var r;const t=e.family+(e.kind&&!e.kind.includes("#")?", "+e.kind:""),n=t.split(",")[0],i=e.fileUrl??((r=e==null?void 0:e.files)==null?void 0:r.regular);let o="";if(i&&t&&n&&(o+=`
+  )`;function H(e){return a.jsx("script",{dangerouslySetInnerHTML:{__html:e.scriptStr},id:e.id||""})}function ae(e){return Math.round(e*1e3)/1e3}const St=(e,t,n=!0)=>{if(!(e instanceof HTMLElement))return null;let i=n?e:e.parentElement;do{if(!i)return null;if(t(i))return i}while(i=i.parentElement);return null},yt=e=>St(e,t=>{const n=t.getAttribute("builder-id")||t.id;return(n==null?void 0:n.indexOf("builder-"))===0}),oe=({event:e,target:t})=>{const n=t.getBoundingClientRect(),i=e.clientX-n.left,o=e.clientY-n.top,r=ae(i/n.width),l=ae(o/n.height);return{x:r,y:l}},vt=e=>{const t=e.target,n=t&&yt(t),i=(n==null?void 0:n.getAttribute("builder-id"))||(n==null?void 0:n.id);return{targetBuilderElement:i||void 0,metadata:{targetOffset:t?oe({event:e,target:t}):void 0,builderTargetOffset:n?oe({event:e,target:n}):void 0,builderElementIndex:n&&i?[].slice.call(document.getElementsByClassName(i)).indexOf(n):void 0}}},kt="0.8.0",pt=()=>{d.register("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 re=!1;const Ct=(e={})=>{var t,n;re||(re=!0,d.isBrowser()&&((t=window.parent)==null||t.postMessage({type:"builder.sdkInfo",data:{target:d.TARGET,version:kt,supportsPatchUpdates:!1,supportsAddBlockScoping:!0,supportsCustomBreakpoints:!0}},"*"),(n=window.parent)==null||n.postMessage({type:"builder.updateContent",data:{options:e}},"*"),window.addEventListener("message",({data:i})=>{var o,r;if(i!=null&&i.type)switch(i.type){case"builder.evaluate":{const l=i.data.text,s=i.data.arguments||[],c=i.data.id,u=new Function(l);let f,b=null;try{f=u.apply(null,s)}catch(v){b=v}b?(o=window.parent)==null||o.postMessage({type:"builder.evaluateError",data:{id:c,error:b.message}},"*"):f&&typeof f.then=="function"?f.then(v=>{var R;(R=window.parent)==null||R.postMessage({type:"builder.evaluateResult",data:{id:c,result:v}},"*")}).catch(console.error):(r=window.parent)==null||r.postMessage({type:"builder.evaluateResult",data:{result:f,id:c}},"*");break}}})))};function wt(e){var j,F,B,P,L,Y,Q;const t=m.useRef(null),[n,i]=m.useState(()=>0);function o(g){var x,y,p,T,J;const h={...e.builderContextSignal.content,...g,data:{...(x=e.builderContextSignal.content)==null?void 0:x.data,...g==null?void 0:g.data},meta:{...(y=e.builderContextSignal.content)==null?void 0:y.meta,...g==null?void 0:g.meta,breakpoints:((p=g==null?void 0:g.meta)==null?void 0:p.breakpoints)||((J=(T=e.builderContextSignal.content)==null?void 0:T.meta)==null?void 0:J.breakpoints)}};e.setBuilderContextSignal(Ce=>({...Ce,content:h}))}m.useState(()=>0);const[r,l]=m.useState(()=>!1);function s(g){var x;const{data:h}=g;if(h)switch(h.type){case"builder.configureSdk":{const y=h.data,{breakpoints:p,contentId:T}=y;if(!T||T!==((x=e.builderContextSignal.content)==null?void 0:x.id))return;p&&o({meta:{breakpoints:p}}),i(n+1);break}case"builder.contentUpdate":{const y=h.data,p=y.key||y.alias||y.entry||y.modelName,T=y.data;p===e.model&&(o(T),i(n+1));break}}}function c(){var h,x;const g=(x=(h=e.builderContextSignal.content)==null?void 0:h.data)==null?void 0:x.jsCode;g&&A({code:g,context:e.context||{},localState:void 0,rootState:e.builderContextSignal.rootState,rootSetState:e.builderContextSignal.rootSetState})}const[u,f]=m.useState(()=>({})),[b,v]=m.useState(()=>!1);function R(g){var h,x;if(e.builderContextSignal.content){const y=(h=e.builderContextSignal.content)==null?void 0:h.testVariationId,p=(x=e.builderContextSignal.content)==null?void 0:x.id;d._track({type:"click",canTrack:d.getDefaultCanTrack(e.canTrack),contentId:p,apiKey:e.apiKey,variationId:y!==p?y:void 0,...vt(g),unique:!b})}b||v(!0)}function S(g){return g.replace(/{{([^}]+)}}/g,(h,x)=>A({code:x,context:e.context||{},localState:void 0,rootState:e.builderContextSignal.rootState,rootSetState:e.builderContextSignal.rootSetState}))}function k({url:g,key:h}){d.fetch(g).then(x=>x.json()).then(x=>{var p,T;const y={...e.builderContextSignal.rootState,[h]:x};(T=(p=e.builderContextSignal).rootSetState)==null||T.call(p,y),u[h]=!0}).catch(x=>{console.error("error fetching dynamic data",g,x)})}function I(){var h,x;const g=((x=(h=e.builderContextSignal.content)==null?void 0:h.data)==null?void 0:x.httpRequests)??{};Object.entries(g).forEach(([y,p])=>{if(p&&(!u[y]||d.isEditing())){const T=S(p);k({url:T,key:y})}})}function w(){d.isEditing()&&window.dispatchEvent(new CustomEvent("builder:component:stateChange",{detail:{state:d.fastClone(e.builderContextSignal.rootState),ref:{name:e.model}}}))}function C(g){i(n+1),window.addEventListener("message",s),pt(),Ct({...e.locale?{locale:e.locale}:{},...e.includeRefs?{includeRefs:e.includeRefs}:{},...e.enrich?{enrich:e.enrich}:{}}),Object.values(e.builderContextSignal.componentInfos).forEach(h=>{var y;const x=d.createRegisterComponentMessage(h);(y=window.parent)==null||y.postMessage(x,"*")}),window.addEventListener("builder:component:stateChangeListenerActivated",w)}function E(g){const h=new URL(location.href).searchParams,x=h.get("builder.preview"),y=h.get(`builder.preview.${x}`),p=h.get("apiKey")||h.get("builder.space");x===e.model&&p===e.apiKey&&(!e.content||y===e.content.id)&&d.fetchOneEntry({model:e.model,apiKey:e.apiKey,apiVersion:e.builderContextSignal.apiVersion}).then(T=>{T&&o(T)})}return m.useEffect(()=>{var g;return(g=t.current)==null||g.addEventListener("initeditingbldr",C),()=>{var h;return(h=t.current)==null?void 0:h.removeEventListener("initeditingbldr",C)}},[]),m.useEffect(()=>{var g;return(g=t.current)==null||g.addEventListener("initpreviewingbldr",E),()=>{var h;return(h=t.current)==null?void 0:h.removeEventListener("initpreviewingbldr",E)}},[]),m.useEffect(()=>{var g,h;if(d.isBrowser()){if(d.isEditing()&&t.current&&t.current.dispatchEvent(new CustomEvent("initeditingbldr")),e.builderContextSignal.content&&d.getDefaultCanTrack(e.canTrack)){const y=(g=e.builderContextSignal.content)==null?void 0:g.testVariationId,p=(h=e.builderContextSignal.content)==null?void 0:h.id,T=e.apiKey;d._track({type:"impression",canTrack:!0,contentId:p,apiKey:T,variationId:y!==p?y:void 0})}d.isPreviewing()&&t.current&&t.current.dispatchEvent(new CustomEvent("initpreviewingbldr"))}},[]),m.useEffect(()=>{e.apiKey||d.logger.error("No API key provided to `RenderContent` component. This can cause issues. Please provide an API key using the `apiKey` prop."),c(),I(),w()},[]),m.useEffect(()=>{e.content&&o(e.content)},[e.content]),m.useEffect(()=>{},[r]),m.useEffect(()=>{c()},[(F=(j=e.builderContextSignal.content)==null?void 0:j.data)==null?void 0:F.jsCode,e.builderContextSignal.rootState]),m.useEffect(()=>{I()},[(P=(B=e.builderContextSignal.content)==null?void 0:B.data)==null?void 0:P.httpRequests]),m.useEffect(()=>{w()},[e.builderContextSignal.rootState]),m.useEffect(()=>()=>{d.isBrowser()&&(window.removeEventListener("message",s),window.removeEventListener("builder:component:stateChangeListenerActivated",w))},[]),a.jsx(z.Provider,{value:e.builderContextSignal,children:e.builderContextSignal.content?a.jsx(a.Fragment,{children:m.createElement("div",{key:n,ref:t,onClick:g=>R(g),"builder-content-id":(L=e.builderContextSignal.content)==null?void 0:L.id,"builder-model":e.model,...e.showContent?{}:{hidden:!0,"aria-hidden":!0},className:`variant-${((Y=e.content)==null?void 0:Y.testVariationId)||((Q=e.content)==null?void 0:Q.id)}`},e.children)}):null})}const It=e=>{var r;const t=e.family+(e.kind&&!e.kind.includes("#")?", "+e.kind:""),n=t.split(",")[0],i=e.fileUrl??((r=e==null?void 0:e.files)==null?void 0:r.regular);let o="";if(i&&t&&n&&(o+=`
 @font-face {
 font-family: "${t}";
 src: local("${n}"), url('${i}') format('woff2');

package/lib/browser/index.mjs

@@ -2019,7 +2019,7 @@ const Mt = (e, t, n = !0) => {
       builderElementIndex: n && i ? [].slice.call(document.getElementsByClassName(i)).indexOf(n) : void 0
     }
   };
-}, Ot = "0.7.6", Kt = () => {
+}, Ot = "0.8.0", Kt = () => {
   Ne("insertMenu", {
     name: "_default",
     default: !0,

package/lib/edge/index.cjs

@@ -176,7 +176,7 @@ theFunction();
     "${t}",${JSON.stringify(e)}, ${gr}
   )`,Hi=({contentId:e,variationId:t})=>`window.${mr}(
     "${t}", "${e}", ${gr}
-  )`;function $t(e){return u.jsx("script",{dangerouslySetInnerHTML:{__html:e.scriptStr},id:e.id||""})}function Gn(e){return Math.round(e*1e3)/1e3}const Ki=(e,t,r=!0)=>{if(!(e instanceof HTMLElement))return null;let n=r?e:e.parentElement;do{if(!n)return null;if(t(n))return n}while(n=n.parentElement);return null},Gi=e=>Ki(e,t=>{const r=t.getAttribute("builder-id")||t.id;return(r==null?void 0:r.indexOf("builder-"))===0}),zn=({event:e,target:t})=>{const r=t.getBoundingClientRect(),n=e.clientX-r.left,i=e.clientY-r.top,a=Gn(n/r.width),s=Gn(i/r.height);return{x:a,y:s}},zi=e=>{const t=e.target,r=t&&Gi(t),n=(r==null?void 0:r.getAttribute("builder-id"))||(r==null?void 0:r.id);return{targetBuilderElement:n||void 0,metadata:{targetOffset:t?zn({event:e,target:t}):void 0,builderTargetOffset:r?zn({event:e,target:r}):void 0,builderElementIndex:r&&n?[].slice.call(document.getElementsByClassName(n)).indexOf(r):void 0}}},Xi="0.7.6",Yi=()=>{v.register("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 Xn=!1;const Ji=(e={})=>{var t,r;Xn||(Xn=!0,v.isBrowser()&&((t=window.parent)==null||t.postMessage({type:"builder.sdkInfo",data:{target:v.TARGET,version:Xi,supportsPatchUpdates:!1,supportsAddBlockScoping:!0,supportsCustomBreakpoints:!0}},"*"),(r=window.parent)==null||r.postMessage({type:"builder.updateContent",data:{options:e}},"*"),window.addEventListener("message",({data:n})=>{var i,a;if(n!=null&&n.type)switch(n.type){case"builder.evaluate":{const s=n.data.text,d=n.data.arguments||[],h=n.data.id,g=new Function(s);let y,S=null;try{y=g.apply(null,d)}catch(_){S=_}S?(i=window.parent)==null||i.postMessage({type:"builder.evaluateError",data:{id:h,error:S.message}},"*"):y&&typeof y.then=="function"?y.then(_=>{var K;(K=window.parent)==null||K.postMessage({type:"builder.evaluateResult",data:{id:h,result:_}},"*")}).catch(console.error):(a=window.parent)==null||a.postMessage({type:"builder.evaluateResult",data:{result:y,id:h}},"*");break}}})))};function qi(e){var ie,oe,H,Q,T,ke,V;const t=j.useRef(null),[r,n]=j.useState(()=>0);function i(R){var E,M,L,U,ge;const A={...e.builderContextSignal.content,...R,data:{...(E=e.builderContextSignal.content)==null?void 0:E.data,...R==null?void 0:R.data},meta:{...(M=e.builderContextSignal.content)==null?void 0:M.meta,...R==null?void 0:R.meta,breakpoints:((L=R==null?void 0:R.meta)==null?void 0:L.breakpoints)||((ge=(U=e.builderContextSignal.content)==null?void 0:U.meta)==null?void 0:ge.breakpoints)}};e.setBuilderContextSignal(be=>({...be,content:A}))}j.useState(()=>0);const[a,s]=j.useState(()=>!1);function d(R){var E;const{data:A}=R;if(A)switch(A.type){case"builder.configureSdk":{const M=A.data,{breakpoints:L,contentId:U}=M;if(!U||U!==((E=e.builderContextSignal.content)==null?void 0:E.id))return;L&&i({meta:{breakpoints:L}}),n(r+1);break}case"builder.contentUpdate":{const M=A.data,L=M.key||M.alias||M.entry||M.modelName,U=M.data;L===e.model&&(i(U),n(r+1));break}}}function h(){var A,E;const R=(E=(A=e.builderContextSignal.content)==null?void 0:A.data)==null?void 0:E.jsCode;R&&Ye({code:R,context:e.context||{},localState:void 0,rootState:e.builderContextSignal.rootState,rootSetState:e.builderContextSignal.rootSetState})}const[g,y]=j.useState(()=>({})),[S,_]=j.useState(()=>!1);function K(R){var A,E;if(e.builderContextSignal.content){const M=(A=e.builderContextSignal.content)==null?void 0:A.testVariationId,L=(E=e.builderContextSignal.content)==null?void 0:E.id;v._track({type:"click",canTrack:v.getDefaultCanTrack(e.canTrack),contentId:L,apiKey:e.apiKey,variationId:M!==L?M:void 0,...zi(R),unique:!S})}S||_(!0)}function I(R){return R.replace(/{{([^}]+)}}/g,(A,E)=>Ye({code:E,context:e.context||{},localState:void 0,rootState:e.builderContextSignal.rootState,rootSetState:e.builderContextSignal.rootSetState}))}function F({url:R,key:A}){v.fetch(R).then(E=>E.json()).then(E=>{var L,U;const M={...e.builderContextSignal.rootState,[A]:E};(U=(L=e.builderContextSignal).rootSetState)==null||U.call(L,M),g[A]=!0}).catch(E=>{console.error("error fetching dynamic data",R,E)})}function $(){var A,E;const R=((E=(A=e.builderContextSignal.content)==null?void 0:A.data)==null?void 0:E.httpRequests)??{};Object.entries(R).forEach(([M,L])=>{if(L&&(!g[M]||v.isEditing())){const U=I(L);F({url:U,key:M})}})}function W(){v.isEditing()&&window.dispatchEvent(new CustomEvent("builder:component:stateChange",{detail:{state:v.fastClone(e.builderContextSignal.rootState),ref:{name:e.model}}}))}function x(R){n(r+1),window.addEventListener("message",d),Yi(),Ji({...e.locale?{locale:e.locale}:{},...e.includeRefs?{includeRefs:e.includeRefs}:{},...e.enrich?{enrich:e.enrich}:{}}),Object.values(e.builderContextSignal.componentInfos).forEach(A=>{var M;const E=v.createRegisterComponentMessage(A);(M=window.parent)==null||M.postMessage(E,"*")}),window.addEventListener("builder:component:stateChangeListenerActivated",W)}function G(R){const A=new URL(location.href).searchParams,E=A.get("builder.preview"),M=A.get(`builder.preview.${E}`),L=A.get("apiKey")||A.get("builder.space");E===e.model&&L===e.apiKey&&(!e.content||M===e.content.id)&&v.fetchOneEntry({model:e.model,apiKey:e.apiKey,apiVersion:e.builderContextSignal.apiVersion}).then(U=>{U&&i(U)})}return j.useEffect(()=>{var R;return(R=t.current)==null||R.addEventListener("initeditingbldr",x),()=>{var A;return(A=t.current)==null?void 0:A.removeEventListener("initeditingbldr",x)}},[]),j.useEffect(()=>{var R;return(R=t.current)==null||R.addEventListener("initpreviewingbldr",G),()=>{var A;return(A=t.current)==null?void 0:A.removeEventListener("initpreviewingbldr",G)}},[]),j.useEffect(()=>{var R,A;if(v.isBrowser()){if(v.isEditing()&&t.current&&t.current.dispatchEvent(new CustomEvent("initeditingbldr")),e.builderContextSignal.content&&v.getDefaultCanTrack(e.canTrack)){const M=(R=e.builderContextSignal.content)==null?void 0:R.testVariationId,L=(A=e.builderContextSignal.content)==null?void 0:A.id,U=e.apiKey;v._track({type:"impression",canTrack:!0,contentId:L,apiKey:U,variationId:M!==L?M:void 0})}v.isPreviewing()&&t.current&&t.current.dispatchEvent(new CustomEvent("initpreviewingbldr"))}},[]),j.useEffect(()=>{e.apiKey||v.logger.error("No API key provided to `RenderContent` component. This can cause issues. Please provide an API key using the `apiKey` prop."),h(),$(),W()},[]),j.useEffect(()=>{e.content&&i(e.content)},[e.content]),j.useEffect(()=>{},[a]),j.useEffect(()=>{h()},[(oe=(ie=e.builderContextSignal.content)==null?void 0:ie.data)==null?void 0:oe.jsCode,e.builderContextSignal.rootState]),j.useEffect(()=>{$()},[(Q=(H=e.builderContextSignal.content)==null?void 0:H.data)==null?void 0:Q.httpRequests]),j.useEffect(()=>{W()},[e.builderContextSignal.rootState]),j.useEffect(()=>()=>{v.isBrowser()&&(window.removeEventListener("message",d),window.removeEventListener("builder:component:stateChangeListenerActivated",W))},[]),u.jsx(Wt.Provider,{value:e.builderContextSignal,children:e.builderContextSignal.content?u.jsx(u.Fragment,{children:j.createElement("div",{key:r,ref:t,onClick:R=>K(R),"builder-content-id":(T=e.builderContextSignal.content)==null?void 0:T.id,"builder-model":e.model,...e.showContent?{}:{hidden:!0,"aria-hidden":!0},className:`variant-${((ke=e.content)==null?void 0:ke.testVariationId)||((V=e.content)==null?void 0:V.id)}`},e.children)}):null})}const Zi=e=>{var a;const t=e.family+(e.kind&&!e.kind.includes("#")?", "+e.kind:""),r=t.split(",")[0],n=e.fileUrl??((a=e==null?void 0:e.files)==null?void 0:a.regular);let i="";if(n&&t&&r&&(i+=`
+  )`;function $t(e){return u.jsx("script",{dangerouslySetInnerHTML:{__html:e.scriptStr},id:e.id||""})}function Gn(e){return Math.round(e*1e3)/1e3}const Ki=(e,t,r=!0)=>{if(!(e instanceof HTMLElement))return null;let n=r?e:e.parentElement;do{if(!n)return null;if(t(n))return n}while(n=n.parentElement);return null},Gi=e=>Ki(e,t=>{const r=t.getAttribute("builder-id")||t.id;return(r==null?void 0:r.indexOf("builder-"))===0}),zn=({event:e,target:t})=>{const r=t.getBoundingClientRect(),n=e.clientX-r.left,i=e.clientY-r.top,a=Gn(n/r.width),s=Gn(i/r.height);return{x:a,y:s}},zi=e=>{const t=e.target,r=t&&Gi(t),n=(r==null?void 0:r.getAttribute("builder-id"))||(r==null?void 0:r.id);return{targetBuilderElement:n||void 0,metadata:{targetOffset:t?zn({event:e,target:t}):void 0,builderTargetOffset:r?zn({event:e,target:r}):void 0,builderElementIndex:r&&n?[].slice.call(document.getElementsByClassName(n)).indexOf(r):void 0}}},Xi="0.8.0",Yi=()=>{v.register("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 Xn=!1;const Ji=(e={})=>{var t,r;Xn||(Xn=!0,v.isBrowser()&&((t=window.parent)==null||t.postMessage({type:"builder.sdkInfo",data:{target:v.TARGET,version:Xi,supportsPatchUpdates:!1,supportsAddBlockScoping:!0,supportsCustomBreakpoints:!0}},"*"),(r=window.parent)==null||r.postMessage({type:"builder.updateContent",data:{options:e}},"*"),window.addEventListener("message",({data:n})=>{var i,a;if(n!=null&&n.type)switch(n.type){case"builder.evaluate":{const s=n.data.text,d=n.data.arguments||[],h=n.data.id,g=new Function(s);let y,S=null;try{y=g.apply(null,d)}catch(_){S=_}S?(i=window.parent)==null||i.postMessage({type:"builder.evaluateError",data:{id:h,error:S.message}},"*"):y&&typeof y.then=="function"?y.then(_=>{var K;(K=window.parent)==null||K.postMessage({type:"builder.evaluateResult",data:{id:h,result:_}},"*")}).catch(console.error):(a=window.parent)==null||a.postMessage({type:"builder.evaluateResult",data:{result:y,id:h}},"*");break}}})))};function qi(e){var ie,oe,H,Q,T,ke,V;const t=j.useRef(null),[r,n]=j.useState(()=>0);function i(R){var E,M,L,U,ge;const A={...e.builderContextSignal.content,...R,data:{...(E=e.builderContextSignal.content)==null?void 0:E.data,...R==null?void 0:R.data},meta:{...(M=e.builderContextSignal.content)==null?void 0:M.meta,...R==null?void 0:R.meta,breakpoints:((L=R==null?void 0:R.meta)==null?void 0:L.breakpoints)||((ge=(U=e.builderContextSignal.content)==null?void 0:U.meta)==null?void 0:ge.breakpoints)}};e.setBuilderContextSignal(be=>({...be,content:A}))}j.useState(()=>0);const[a,s]=j.useState(()=>!1);function d(R){var E;const{data:A}=R;if(A)switch(A.type){case"builder.configureSdk":{const M=A.data,{breakpoints:L,contentId:U}=M;if(!U||U!==((E=e.builderContextSignal.content)==null?void 0:E.id))return;L&&i({meta:{breakpoints:L}}),n(r+1);break}case"builder.contentUpdate":{const M=A.data,L=M.key||M.alias||M.entry||M.modelName,U=M.data;L===e.model&&(i(U),n(r+1));break}}}function h(){var A,E;const R=(E=(A=e.builderContextSignal.content)==null?void 0:A.data)==null?void 0:E.jsCode;R&&Ye({code:R,context:e.context||{},localState:void 0,rootState:e.builderContextSignal.rootState,rootSetState:e.builderContextSignal.rootSetState})}const[g,y]=j.useState(()=>({})),[S,_]=j.useState(()=>!1);function K(R){var A,E;if(e.builderContextSignal.content){const M=(A=e.builderContextSignal.content)==null?void 0:A.testVariationId,L=(E=e.builderContextSignal.content)==null?void 0:E.id;v._track({type:"click",canTrack:v.getDefaultCanTrack(e.canTrack),contentId:L,apiKey:e.apiKey,variationId:M!==L?M:void 0,...zi(R),unique:!S})}S||_(!0)}function I(R){return R.replace(/{{([^}]+)}}/g,(A,E)=>Ye({code:E,context:e.context||{},localState:void 0,rootState:e.builderContextSignal.rootState,rootSetState:e.builderContextSignal.rootSetState}))}function F({url:R,key:A}){v.fetch(R).then(E=>E.json()).then(E=>{var L,U;const M={...e.builderContextSignal.rootState,[A]:E};(U=(L=e.builderContextSignal).rootSetState)==null||U.call(L,M),g[A]=!0}).catch(E=>{console.error("error fetching dynamic data",R,E)})}function $(){var A,E;const R=((E=(A=e.builderContextSignal.content)==null?void 0:A.data)==null?void 0:E.httpRequests)??{};Object.entries(R).forEach(([M,L])=>{if(L&&(!g[M]||v.isEditing())){const U=I(L);F({url:U,key:M})}})}function W(){v.isEditing()&&window.dispatchEvent(new CustomEvent("builder:component:stateChange",{detail:{state:v.fastClone(e.builderContextSignal.rootState),ref:{name:e.model}}}))}function x(R){n(r+1),window.addEventListener("message",d),Yi(),Ji({...e.locale?{locale:e.locale}:{},...e.includeRefs?{includeRefs:e.includeRefs}:{},...e.enrich?{enrich:e.enrich}:{}}),Object.values(e.builderContextSignal.componentInfos).forEach(A=>{var M;const E=v.createRegisterComponentMessage(A);(M=window.parent)==null||M.postMessage(E,"*")}),window.addEventListener("builder:component:stateChangeListenerActivated",W)}function G(R){const A=new URL(location.href).searchParams,E=A.get("builder.preview"),M=A.get(`builder.preview.${E}`),L=A.get("apiKey")||A.get("builder.space");E===e.model&&L===e.apiKey&&(!e.content||M===e.content.id)&&v.fetchOneEntry({model:e.model,apiKey:e.apiKey,apiVersion:e.builderContextSignal.apiVersion}).then(U=>{U&&i(U)})}return j.useEffect(()=>{var R;return(R=t.current)==null||R.addEventListener("initeditingbldr",x),()=>{var A;return(A=t.current)==null?void 0:A.removeEventListener("initeditingbldr",x)}},[]),j.useEffect(()=>{var R;return(R=t.current)==null||R.addEventListener("initpreviewingbldr",G),()=>{var A;return(A=t.current)==null?void 0:A.removeEventListener("initpreviewingbldr",G)}},[]),j.useEffect(()=>{var R,A;if(v.isBrowser()){if(v.isEditing()&&t.current&&t.current.dispatchEvent(new CustomEvent("initeditingbldr")),e.builderContextSignal.content&&v.getDefaultCanTrack(e.canTrack)){const M=(R=e.builderContextSignal.content)==null?void 0:R.testVariationId,L=(A=e.builderContextSignal.content)==null?void 0:A.id,U=e.apiKey;v._track({type:"impression",canTrack:!0,contentId:L,apiKey:U,variationId:M!==L?M:void 0})}v.isPreviewing()&&t.current&&t.current.dispatchEvent(new CustomEvent("initpreviewingbldr"))}},[]),j.useEffect(()=>{e.apiKey||v.logger.error("No API key provided to `RenderContent` component. This can cause issues. Please provide an API key using the `apiKey` prop."),h(),$(),W()},[]),j.useEffect(()=>{e.content&&i(e.content)},[e.content]),j.useEffect(()=>{},[a]),j.useEffect(()=>{h()},[(oe=(ie=e.builderContextSignal.content)==null?void 0:ie.data)==null?void 0:oe.jsCode,e.builderContextSignal.rootState]),j.useEffect(()=>{$()},[(Q=(H=e.builderContextSignal.content)==null?void 0:H.data)==null?void 0:Q.httpRequests]),j.useEffect(()=>{W()},[e.builderContextSignal.rootState]),j.useEffect(()=>()=>{v.isBrowser()&&(window.removeEventListener("message",d),window.removeEventListener("builder:component:stateChangeListenerActivated",W))},[]),u.jsx(Wt.Provider,{value:e.builderContextSignal,children:e.builderContextSignal.content?u.jsx(u.Fragment,{children:j.createElement("div",{key:r,ref:t,onClick:R=>K(R),"builder-content-id":(T=e.builderContextSignal.content)==null?void 0:T.id,"builder-model":e.model,...e.showContent?{}:{hidden:!0,"aria-hidden":!0},className:`variant-${((ke=e.content)==null?void 0:ke.testVariationId)||((V=e.content)==null?void 0:V.id)}`},e.children)}):null})}const Zi=e=>{var a;const t=e.family+(e.kind&&!e.kind.includes("#")?", "+e.kind:""),r=t.split(",")[0],n=e.fileUrl??((a=e==null?void 0:e.files)==null?void 0:a.regular);let i="";if(n&&t&&r&&(i+=`
 @font-face {
 font-family: "${t}";
 src: local("${r}"), url('${n}') format('woff2');

package/lib/edge/index.mjs

@@ -4491,7 +4491,7 @@ const po = (e, t, r = !0) => {
       builderElementIndex: r && n ? [].slice.call(document.getElementsByClassName(n)).indexOf(r) : void 0
     }
   };
-}, vo = "0.7.6", yo = () => {
+}, vo = "0.8.0", yo = () => {
   Hr("insertMenu", {
     name: "_default",
     default: !0,

package/lib/node/index.cjs

@@ -196,7 +196,7 @@ output;
     "${t}",${JSON.stringify(e)}, ${isHydrationTarget}
   )`,getUpdateVariantVisibilityScript=({contentId:e,variationId:t})=>`window.${UPDATE_VARIANT_VISIBILITY_SCRIPT_FN_NAME}(
     "${t}", "${e}", ${isHydrationTarget}
-  )`;function InlinedScript(e){return jsxRuntime.jsx("script",{dangerouslySetInnerHTML:{__html:e.scriptStr},id:e.id||""})}function round(e){return Math.round(e*1e3)/1e3}const findParentElement=(e,t,n=!0)=>{if(!(e instanceof HTMLElement))return null;let i=n?e:e.parentElement;do{if(!i)return null;if(t(i))return i}while(i=i.parentElement);return null},findBuilderParent=e=>findParentElement(e,t=>{const n=t.getAttribute("builder-id")||t.id;return(n==null?void 0:n.indexOf("builder-"))===0}),computeOffset=({event:e,target:t})=>{const n=t.getBoundingClientRect(),i=e.clientX-n.left,r=e.clientY-n.top,o=round(i/n.width),a=round(r/n.height);return{x:o,y:a}},getInteractionPropertiesForEvent=e=>{const t=e.target,n=t&&findBuilderParent(t),i=(n==null?void 0:n.getAttribute("builder-id"))||(n==null?void 0:n.id);return{targetBuilderElement:i||void 0,metadata:{targetOffset:t?computeOffset({event:e,target:t}):void 0,builderTargetOffset:n?computeOffset({event:e,target:n}):void 0,builderElementIndex:n&&i?[].slice.call(document.getElementsByClassName(i)).indexOf(n):void 0}}},SDK_VERSION="0.7.6",registerInsertMenu=()=>{serverEntry.register("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 isSetupForEditing=!1;const setupBrowserForEditing=(e={})=>{var t,n;isSetupForEditing||(isSetupForEditing=!0,serverEntry.isBrowser()&&((t=window.parent)==null||t.postMessage({type:"builder.sdkInfo",data:{target:serverEntry.TARGET,version:SDK_VERSION,supportsPatchUpdates:!1,supportsAddBlockScoping:!0,supportsCustomBreakpoints:!0}},"*"),(n=window.parent)==null||n.postMessage({type:"builder.updateContent",data:{options:e}},"*"),window.addEventListener("message",({data:i})=>{var r,o;if(i!=null&&i.type)switch(i.type){case"builder.evaluate":{const a=i.data.text,c=i.data.arguments||[],s=i.data.id,l=new Function(a);let u,g=null;try{u=l.apply(null,c)}catch(h){g=h}g?(r=window.parent)==null||r.postMessage({type:"builder.evaluateError",data:{id:s,error:g.message}},"*"):u&&typeof u.then=="function"?u.then(h=>{var S;(S=window.parent)==null||S.postMessage({type:"builder.evaluateResult",data:{id:s,result:h}},"*")}).catch(console.error):(o=window.parent)==null||o.postMessage({type:"builder.evaluateResult",data:{result:u,id:s}},"*");break}}})))};function EnableEditor(e){var E,I,T,w,B,A,P;const t=react.useRef(null),[n,i]=react.useState(()=>0);function r(d){var x,b,v,j,F;const m={...e.builderContextSignal.content,...d,data:{...(x=e.builderContextSignal.content)==null?void 0:x.data,...d==null?void 0:d.data},meta:{...(b=e.builderContextSignal.content)==null?void 0:b.meta,...d==null?void 0:d.meta,breakpoints:((v=d==null?void 0:d.meta)==null?void 0:v.breakpoints)||((F=(j=e.builderContextSignal.content)==null?void 0:j.meta)==null?void 0:F.breakpoints)}};e.setBuilderContextSignal(V=>({...V,content:m}))}react.useState(()=>0);const[o,a]=react.useState(()=>!1);function c(d){var x;const{data:m}=d;if(m)switch(m.type){case"builder.configureSdk":{const b=m.data,{breakpoints:v,contentId:j}=b;if(!j||j!==((x=e.builderContextSignal.content)==null?void 0:x.id))return;v&&r({meta:{breakpoints:v}}),i(n+1);break}case"builder.contentUpdate":{const b=m.data,v=b.key||b.alias||b.entry||b.modelName,j=b.data;v===e.model&&(r(j),i(n+1));break}}}function s(){var m,x;const d=(x=(m=e.builderContextSignal.content)==null?void 0:m.data)==null?void 0:x.jsCode;d&&evaluate({code:d,context:e.context||{},localState:void 0,rootState:e.builderContextSignal.rootState,rootSetState:e.builderContextSignal.rootSetState})}const[l,u]=react.useState(()=>({})),[g,h]=react.useState(()=>!1);function S(d){var m,x;if(e.builderContextSignal.content){const b=(m=e.builderContextSignal.content)==null?void 0:m.testVariationId,v=(x=e.builderContextSignal.content)==null?void 0:x.id;serverEntry._track({type:"click",canTrack:serverEntry.getDefaultCanTrack(e.canTrack),contentId:v,apiKey:e.apiKey,variationId:b!==v?b:void 0,...getInteractionPropertiesForEvent(d),unique:!g})}g||h(!0)}function f(d){return d.replace(/{{([^}]+)}}/g,(m,x)=>evaluate({code:x,context:e.context||{},localState:void 0,rootState:e.builderContextSignal.rootState,rootSetState:e.builderContextSignal.rootSetState}))}function y({url:d,key:m}){serverEntry.fetch(d).then(x=>x.json()).then(x=>{var v,j;const b={...e.builderContextSignal.rootState,[m]:x};(j=(v=e.builderContextSignal).rootSetState)==null||j.call(v,b),l[m]=!0}).catch(x=>{console.error("error fetching dynamic data",d,x)})}function R(){var m,x;const d=((x=(m=e.builderContextSignal.content)==null?void 0:m.data)==null?void 0:x.httpRequests)??{};Object.entries(d).forEach(([b,v])=>{if(v&&(!l[b]||serverEntry.isEditing())){const j=f(v);y({url:j,key:b})}})}function C(){serverEntry.isEditing()&&window.dispatchEvent(new CustomEvent("builder:component:stateChange",{detail:{state:serverEntry.fastClone(e.builderContextSignal.rootState),ref:{name:e.model}}}))}function p(d){i(n+1),window.addEventListener("message",c),registerInsertMenu(),setupBrowserForEditing({...e.locale?{locale:e.locale}:{},...e.includeRefs?{includeRefs:e.includeRefs}:{},...e.enrich?{enrich:e.enrich}:{}}),Object.values(e.builderContextSignal.componentInfos).forEach(m=>{var b;const x=serverEntry.createRegisterComponentMessage(m);(b=window.parent)==null||b.postMessage(x,"*")}),window.addEventListener("builder:component:stateChangeListenerActivated",C)}function k(d){const m=new URL(location.href).searchParams,x=m.get("builder.preview"),b=m.get(`builder.preview.${x}`),v=m.get("apiKey")||m.get("builder.space");x===e.model&&v===e.apiKey&&(!e.content||b===e.content.id)&&serverEntry.fetchOneEntry({model:e.model,apiKey:e.apiKey,apiVersion:e.builderContextSignal.apiVersion}).then(j=>{j&&r(j)})}return react.useEffect(()=>{var d;return(d=t.current)==null||d.addEventListener("initeditingbldr",p),()=>{var m;return(m=t.current)==null?void 0:m.removeEventListener("initeditingbldr",p)}},[]),react.useEffect(()=>{var d;return(d=t.current)==null||d.addEventListener("initpreviewingbldr",k),()=>{var m;return(m=t.current)==null?void 0:m.removeEventListener("initpreviewingbldr",k)}},[]),react.useEffect(()=>{var d,m;if(serverEntry.isBrowser()){if(serverEntry.isEditing()&&t.current&&t.current.dispatchEvent(new CustomEvent("initeditingbldr")),e.builderContextSignal.content&&serverEntry.getDefaultCanTrack(e.canTrack)){const b=(d=e.builderContextSignal.content)==null?void 0:d.testVariationId,v=(m=e.builderContextSignal.content)==null?void 0:m.id,j=e.apiKey;serverEntry._track({type:"impression",canTrack:!0,contentId:v,apiKey:j,variationId:b!==v?b:void 0})}serverEntry.isPreviewing()&&t.current&&t.current.dispatchEvent(new CustomEvent("initpreviewingbldr"))}},[]),react.useEffect(()=>{e.apiKey||serverEntry.logger.error("No API key provided to `RenderContent` component. This can cause issues. Please provide an API key using the `apiKey` prop."),s(),R(),C()},[]),react.useEffect(()=>{e.content&&r(e.content)},[e.content]),react.useEffect(()=>{},[o]),react.useEffect(()=>{s()},[(I=(E=e.builderContextSignal.content)==null?void 0:E.data)==null?void 0:I.jsCode,e.builderContextSignal.rootState]),react.useEffect(()=>{R()},[(w=(T=e.builderContextSignal.content)==null?void 0:T.data)==null?void 0:w.httpRequests]),react.useEffect(()=>{C()},[e.builderContextSignal.rootState]),react.useEffect(()=>()=>{serverEntry.isBrowser()&&(window.removeEventListener("message",c),window.removeEventListener("builder:component:stateChangeListenerActivated",C))},[]),jsxRuntime.jsx(builderContext.Provider,{value:e.builderContextSignal,children:e.builderContextSignal.content?jsxRuntime.jsx(jsxRuntime.Fragment,{children:react.createElement("div",{key:n,ref:t,onClick:d=>S(d),"builder-content-id":(B=e.builderContextSignal.content)==null?void 0:B.id,"builder-model":e.model,...e.showContent?{}:{hidden:!0,"aria-hidden":!0},className:`variant-${((A=e.content)==null?void 0:A.testVariationId)||((P=e.content)==null?void 0:P.id)}`},e.children)}):null})}const getCssFromFont=e=>{var o;const t=e.family+(e.kind&&!e.kind.includes("#")?", "+e.kind:""),n=t.split(",")[0],i=e.fileUrl??((o=e==null?void 0:e.files)==null?void 0:o.regular);let r="";if(i&&t&&n&&(r+=`
+  )`;function InlinedScript(e){return jsxRuntime.jsx("script",{dangerouslySetInnerHTML:{__html:e.scriptStr},id:e.id||""})}function round(e){return Math.round(e*1e3)/1e3}const findParentElement=(e,t,n=!0)=>{if(!(e instanceof HTMLElement))return null;let i=n?e:e.parentElement;do{if(!i)return null;if(t(i))return i}while(i=i.parentElement);return null},findBuilderParent=e=>findParentElement(e,t=>{const n=t.getAttribute("builder-id")||t.id;return(n==null?void 0:n.indexOf("builder-"))===0}),computeOffset=({event:e,target:t})=>{const n=t.getBoundingClientRect(),i=e.clientX-n.left,r=e.clientY-n.top,o=round(i/n.width),a=round(r/n.height);return{x:o,y:a}},getInteractionPropertiesForEvent=e=>{const t=e.target,n=t&&findBuilderParent(t),i=(n==null?void 0:n.getAttribute("builder-id"))||(n==null?void 0:n.id);return{targetBuilderElement:i||void 0,metadata:{targetOffset:t?computeOffset({event:e,target:t}):void 0,builderTargetOffset:n?computeOffset({event:e,target:n}):void 0,builderElementIndex:n&&i?[].slice.call(document.getElementsByClassName(i)).indexOf(n):void 0}}},SDK_VERSION="0.8.0",registerInsertMenu=()=>{serverEntry.register("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 isSetupForEditing=!1;const setupBrowserForEditing=(e={})=>{var t,n;isSetupForEditing||(isSetupForEditing=!0,serverEntry.isBrowser()&&((t=window.parent)==null||t.postMessage({type:"builder.sdkInfo",data:{target:serverEntry.TARGET,version:SDK_VERSION,supportsPatchUpdates:!1,supportsAddBlockScoping:!0,supportsCustomBreakpoints:!0}},"*"),(n=window.parent)==null||n.postMessage({type:"builder.updateContent",data:{options:e}},"*"),window.addEventListener("message",({data:i})=>{var r,o;if(i!=null&&i.type)switch(i.type){case"builder.evaluate":{const a=i.data.text,c=i.data.arguments||[],s=i.data.id,l=new Function(a);let u,g=null;try{u=l.apply(null,c)}catch(h){g=h}g?(r=window.parent)==null||r.postMessage({type:"builder.evaluateError",data:{id:s,error:g.message}},"*"):u&&typeof u.then=="function"?u.then(h=>{var S;(S=window.parent)==null||S.postMessage({type:"builder.evaluateResult",data:{id:s,result:h}},"*")}).catch(console.error):(o=window.parent)==null||o.postMessage({type:"builder.evaluateResult",data:{result:u,id:s}},"*");break}}})))};function EnableEditor(e){var E,I,T,w,B,A,P;const t=react.useRef(null),[n,i]=react.useState(()=>0);function r(d){var x,b,v,j,F;const m={...e.builderContextSignal.content,...d,data:{...(x=e.builderContextSignal.content)==null?void 0:x.data,...d==null?void 0:d.data},meta:{...(b=e.builderContextSignal.content)==null?void 0:b.meta,...d==null?void 0:d.meta,breakpoints:((v=d==null?void 0:d.meta)==null?void 0:v.breakpoints)||((F=(j=e.builderContextSignal.content)==null?void 0:j.meta)==null?void 0:F.breakpoints)}};e.setBuilderContextSignal(V=>({...V,content:m}))}react.useState(()=>0);const[o,a]=react.useState(()=>!1);function c(d){var x;const{data:m}=d;if(m)switch(m.type){case"builder.configureSdk":{const b=m.data,{breakpoints:v,contentId:j}=b;if(!j||j!==((x=e.builderContextSignal.content)==null?void 0:x.id))return;v&&r({meta:{breakpoints:v}}),i(n+1);break}case"builder.contentUpdate":{const b=m.data,v=b.key||b.alias||b.entry||b.modelName,j=b.data;v===e.model&&(r(j),i(n+1));break}}}function s(){var m,x;const d=(x=(m=e.builderContextSignal.content)==null?void 0:m.data)==null?void 0:x.jsCode;d&&evaluate({code:d,context:e.context||{},localState:void 0,rootState:e.builderContextSignal.rootState,rootSetState:e.builderContextSignal.rootSetState})}const[l,u]=react.useState(()=>({})),[g,h]=react.useState(()=>!1);function S(d){var m,x;if(e.builderContextSignal.content){const b=(m=e.builderContextSignal.content)==null?void 0:m.testVariationId,v=(x=e.builderContextSignal.content)==null?void 0:x.id;serverEntry._track({type:"click",canTrack:serverEntry.getDefaultCanTrack(e.canTrack),contentId:v,apiKey:e.apiKey,variationId:b!==v?b:void 0,...getInteractionPropertiesForEvent(d),unique:!g})}g||h(!0)}function f(d){return d.replace(/{{([^}]+)}}/g,(m,x)=>evaluate({code:x,context:e.context||{},localState:void 0,rootState:e.builderContextSignal.rootState,rootSetState:e.builderContextSignal.rootSetState}))}function y({url:d,key:m}){serverEntry.fetch(d).then(x=>x.json()).then(x=>{var v,j;const b={...e.builderContextSignal.rootState,[m]:x};(j=(v=e.builderContextSignal).rootSetState)==null||j.call(v,b),l[m]=!0}).catch(x=>{console.error("error fetching dynamic data",d,x)})}function R(){var m,x;const d=((x=(m=e.builderContextSignal.content)==null?void 0:m.data)==null?void 0:x.httpRequests)??{};Object.entries(d).forEach(([b,v])=>{if(v&&(!l[b]||serverEntry.isEditing())){const j=f(v);y({url:j,key:b})}})}function C(){serverEntry.isEditing()&&window.dispatchEvent(new CustomEvent("builder:component:stateChange",{detail:{state:serverEntry.fastClone(e.builderContextSignal.rootState),ref:{name:e.model}}}))}function p(d){i(n+1),window.addEventListener("message",c),registerInsertMenu(),setupBrowserForEditing({...e.locale?{locale:e.locale}:{},...e.includeRefs?{includeRefs:e.includeRefs}:{},...e.enrich?{enrich:e.enrich}:{}}),Object.values(e.builderContextSignal.componentInfos).forEach(m=>{var b;const x=serverEntry.createRegisterComponentMessage(m);(b=window.parent)==null||b.postMessage(x,"*")}),window.addEventListener("builder:component:stateChangeListenerActivated",C)}function k(d){const m=new URL(location.href).searchParams,x=m.get("builder.preview"),b=m.get(`builder.preview.${x}`),v=m.get("apiKey")||m.get("builder.space");x===e.model&&v===e.apiKey&&(!e.content||b===e.content.id)&&serverEntry.fetchOneEntry({model:e.model,apiKey:e.apiKey,apiVersion:e.builderContextSignal.apiVersion}).then(j=>{j&&r(j)})}return react.useEffect(()=>{var d;return(d=t.current)==null||d.addEventListener("initeditingbldr",p),()=>{var m;return(m=t.current)==null?void 0:m.removeEventListener("initeditingbldr",p)}},[]),react.useEffect(()=>{var d;return(d=t.current)==null||d.addEventListener("initpreviewingbldr",k),()=>{var m;return(m=t.current)==null?void 0:m.removeEventListener("initpreviewingbldr",k)}},[]),react.useEffect(()=>{var d,m;if(serverEntry.isBrowser()){if(serverEntry.isEditing()&&t.current&&t.current.dispatchEvent(new CustomEvent("initeditingbldr")),e.builderContextSignal.content&&serverEntry.getDefaultCanTrack(e.canTrack)){const b=(d=e.builderContextSignal.content)==null?void 0:d.testVariationId,v=(m=e.builderContextSignal.content)==null?void 0:m.id,j=e.apiKey;serverEntry._track({type:"impression",canTrack:!0,contentId:v,apiKey:j,variationId:b!==v?b:void 0})}serverEntry.isPreviewing()&&t.current&&t.current.dispatchEvent(new CustomEvent("initpreviewingbldr"))}},[]),react.useEffect(()=>{e.apiKey||serverEntry.logger.error("No API key provided to `RenderContent` component. This can cause issues. Please provide an API key using the `apiKey` prop."),s(),R(),C()},[]),react.useEffect(()=>{e.content&&r(e.content)},[e.content]),react.useEffect(()=>{},[o]),react.useEffect(()=>{s()},[(I=(E=e.builderContextSignal.content)==null?void 0:E.data)==null?void 0:I.jsCode,e.builderContextSignal.rootState]),react.useEffect(()=>{R()},[(w=(T=e.builderContextSignal.content)==null?void 0:T.data)==null?void 0:w.httpRequests]),react.useEffect(()=>{C()},[e.builderContextSignal.rootState]),react.useEffect(()=>()=>{serverEntry.isBrowser()&&(window.removeEventListener("message",c),window.removeEventListener("builder:component:stateChangeListenerActivated",C))},[]),jsxRuntime.jsx(builderContext.Provider,{value:e.builderContextSignal,children:e.builderContextSignal.content?jsxRuntime.jsx(jsxRuntime.Fragment,{children:react.createElement("div",{key:n,ref:t,onClick:d=>S(d),"builder-content-id":(B=e.builderContextSignal.content)==null?void 0:B.id,"builder-model":e.model,...e.showContent?{}:{hidden:!0,"aria-hidden":!0},className:`variant-${((A=e.content)==null?void 0:A.testVariationId)||((P=e.content)==null?void 0:P.id)}`},e.children)}):null})}const getCssFromFont=e=>{var o;const t=e.family+(e.kind&&!e.kind.includes("#")?", "+e.kind:""),n=t.split(",")[0],i=e.fileUrl??((o=e==null?void 0:e.files)==null?void 0:o.regular);let r="";if(i&&t&&n&&(r+=`
 @font-face {
 font-family: "${t}";
 src: local("${n}"), url('${i}') format('woff2');

package/lib/node/index.mjs

@@ -2116,7 +2116,7 @@ const findParentElement = (e, t, n = !0) => {
       builderElementIndex: n && i ? [].slice.call(document.getElementsByClassName(i)).indexOf(n) : void 0
     }
   };
-}, SDK_VERSION = "0.7.6", registerInsertMenu = () => {
+}, SDK_VERSION = "0.8.0", registerInsertMenu = () => {
   register("insertMenu", {
     name: "_default",
     default: !0,

package/package.json

@@ -1,7 +1,13 @@
 {
   "name": "@builder.io/sdk-react",
   "description": "Builder.io SDK for React",
-  "version": "0.7.6",
+  "version": "0.8.0",
+  "homepage": "https://github.com/BuilderIO/builder/tree/main/packages/sdks/output/react",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/BuilderIO/builder.git",
+    "directory": "packages/sdks/output/react"
+  },
   "files": [
     "lib",
     "types"

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

@@ -1 +1 @@
-export declare const SDK_VERSION = "0.7.6";
+export declare const SDK_VERSION = "0.8.0";