@builder.io/sdk-react 0.7.1 → 0.7.2

package/lib/browser/index.cjs

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

@@ -1943,7 +1943,7 @@ const Mt = (e, t, n = !0) => {
       builderElementIndex: n && i ? [].slice.call(document.getElementsByClassName(i)).indexOf(n) : void 0
     }
   };
-}, Ut = "0.7.1", Ot = () => {
+}, Ut = "0.7.2", Ot = () => {
   Ae("insertMenu", {
     name: "_default",
     default: !0,

package/lib/edge/index.cjs

@@ -84,7 +84,7 @@ theFunction();
   window.${gr} = ${t}
   `},Wi=(e,t)=>`
   window.${mr}("${t}",${JSON.stringify(e)}, ${pr})`,Hi=({contentId:e,variationId:t})=>`
-  window.${gr}("${t}", "${e}", ${pr})`;function Vt(e){return f.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.1",Ji=()=>{x.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 Yi=(e={})=>{var t,r;Xn||(Xn=!0,x.isBrowser()&&((t=window.parent)==null||t.postMessage({type:"builder.sdkInfo",data:{target:x.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,u=n.data.arguments||[],h=n.data.id,m=new Function(s);let y,b=null;try{y=m.apply(null,u)}catch(M){b=M}b?(i=window.parent)==null||i.postMessage({type:"builder.evaluateError",data:{id:h,error:b.message}},"*"):y&&typeof y.then=="function"?y.then(M=>{var L;(L=window.parent)==null||L.postMessage({type:"builder.evaluateResult",data:{id:h,result:M}},"*")}).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,Z,A;const t=I.useRef(null),[r,n]=I.useState(()=>0);function i(N){var _,B,R,W,xe;const S={...e.builderContextSignal.content,...N,data:{...(_=e.builderContextSignal.content)==null?void 0:_.data,...N==null?void 0:N.data},meta:{...(B=e.builderContextSignal.content)==null?void 0:B.meta,...N==null?void 0:N.meta,breakpoints:((R=N==null?void 0:N.meta)==null?void 0:R.breakpoints)||((xe=(W=e.builderContextSignal.content)==null?void 0:W.meta)==null?void 0:xe.breakpoints)}};e.setBuilderContextSignal(ne=>({...ne,content:S}))}I.useState(()=>0);const[a,s]=I.useState(()=>!1);function u(N){var _;const{data:S}=N;if(S)switch(S.type){case"builder.configureSdk":{const B=S.data,{breakpoints:R,contentId:W}=B;if(!W||W!==((_=e.builderContextSignal.content)==null?void 0:_.id))return;R&&i({meta:{breakpoints:R}}),n(r+1);break}case"builder.contentUpdate":{const B=S.data,R=B.key||B.alias||B.entry||B.modelName,W=B.data;R===e.model&&(i(W),n(r+1));break}}}function h(){var S,_;const N=(_=(S=e.builderContextSignal.content)==null?void 0:S.data)==null?void 0:_.jsCode;N&&Je({code:N,context:e.context||{},localState:void 0,rootState:e.builderContextSignal.rootState,rootSetState:e.builderContextSignal.rootSetState})}const[m,y]=I.useState(()=>({})),[b,M]=I.useState(()=>!1);function L(N){var S,_;if(e.builderContextSignal.content){const B=(S=e.builderContextSignal.content)==null?void 0:S.testVariationId,R=(_=e.builderContextSignal.content)==null?void 0:_.id;x._track({type:"click",canTrack:x.getDefaultCanTrack(e.canTrack),contentId:R,apiKey:e.apiKey,variationId:B!==R?B:void 0,...zi(N),unique:!b})}b||M(!0)}function E(N){return N.replace(/{{([^}]+)}}/g,(S,_)=>Je({code:_,context:e.context||{},localState:void 0,rootState:e.builderContextSignal.rootState,rootSetState:e.builderContextSignal.rootSetState}))}function T({url:N,key:S}){x.fetch(N).then(_=>_.json()).then(_=>{var R,W;const B={...e.builderContextSignal.rootState,[S]:_};(W=(R=e.builderContextSignal).rootSetState)==null||W.call(R,B),m[S]=!0}).catch(_=>{console.error("error fetching dynamic data",N,_)})}function D(){var S,_;const N=((_=(S=e.builderContextSignal.content)==null?void 0:S.data)==null?void 0:_.httpRequests)??{};Object.entries(N).forEach(([B,R])=>{if(R&&(!m[B]||x.isEditing())){const W=E(R);T({url:W,key:B})}})}function V(){x.isEditing()&&window.dispatchEvent(new CustomEvent("builder:component:stateChange",{detail:{state:x.fastClone(e.builderContextSignal.rootState),ref:{name:e.model}}}))}function v(N){n(r+1),window.addEventListener("message",u),Ji(),Yi({...e.locale?{locale:e.locale}:{},...e.includeRefs?{includeRefs:e.includeRefs}:{},...e.enrich?{enrich:e.enrich}:{}}),Object.values(e.builderContextSignal.componentInfos).forEach(S=>{var B;const _=x.createRegisterComponentMessage(S);(B=window.parent)==null||B.postMessage(_,"*")}),window.addEventListener("builder:component:stateChangeListenerActivated",V)}function K(N){const S=new URL(location.href).searchParams,_=S.get("builder.preview"),B=S.get(`builder.preview.${_}`),R=S.get("apiKey")||S.get("builder.space");_===e.model&&R===e.apiKey&&(!e.content||B===e.content.id)&&x.fetchOneEntry({model:e.model,apiKey:e.apiKey,apiVersion:e.builderContextSignal.apiVersion}).then(W=>{W&&i(W)})}return I.useEffect(()=>{var N;return(N=t.current)==null||N.addEventListener("initeditingbldr",v),()=>{var S;return(S=t.current)==null?void 0:S.removeEventListener("initeditingbldr",v)}},[]),I.useEffect(()=>{var N;return(N=t.current)==null||N.addEventListener("initpreviewingbldr",K),()=>{var S;return(S=t.current)==null?void 0:S.removeEventListener("initpreviewingbldr",K)}},[]),I.useEffect(()=>{var N,S;if(x.isBrowser()){if(x.isEditing()&&t.current&&t.current.dispatchEvent(new CustomEvent("initeditingbldr")),e.builderContextSignal.content&&x.getDefaultCanTrack(e.canTrack)){const B=(N=e.builderContextSignal.content)==null?void 0:N.testVariationId,R=(S=e.builderContextSignal.content)==null?void 0:S.id,W=e.apiKey;x._track({type:"impression",canTrack:!0,contentId:R,apiKey:W,variationId:B!==R?B:void 0})}x.isPreviewing()&&t.current&&t.current.dispatchEvent(new CustomEvent("initpreviewingbldr"))}},[]),I.useEffect(()=>{e.apiKey||x.logger.error("No API key provided to `RenderContent` component. This can cause issues. Please provide an API key using the `apiKey` prop."),h(),D(),V()},[]),I.useEffect(()=>{e.content&&i(e.content)},[e.content]),I.useEffect(()=>{},[a]),I.useEffect(()=>{h()},[(oe=(ie=e.builderContextSignal.content)==null?void 0:ie.data)==null?void 0:oe.jsCode,e.builderContextSignal.rootState]),I.useEffect(()=>{D()},[(Z=(H=e.builderContextSignal.content)==null?void 0:H.data)==null?void 0:Z.httpRequests]),I.useEffect(()=>{V()},[e.builderContextSignal.rootState]),I.useEffect(()=>()=>{x.isBrowser()&&(window.removeEventListener("message",u),window.removeEventListener("builder:component:stateChangeListenerActivated",V))},[]),f.jsx(Wt.Provider,{value:e.builderContextSignal,children:e.builderContextSignal.content?f.jsx(f.Fragment,{children:I.createElement("div",{key:r,ref:t,onClick:N=>L(N),"builder-content-id":(A=e.builderContextSignal.content)==null?void 0:A.id,"builder-model":e.model,...e.showContent?{}:{hidden:!0,"aria-hidden":!0},className:e.classNameProp},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+=`
+  window.${gr}("${t}", "${e}", ${pr})`;function Vt(e){return f.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.2",Ji=()=>{x.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 Yi=(e={})=>{var t,r;Xn||(Xn=!0,x.isBrowser()&&((t=window.parent)==null||t.postMessage({type:"builder.sdkInfo",data:{target:x.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,u=n.data.arguments||[],h=n.data.id,m=new Function(s);let y,b=null;try{y=m.apply(null,u)}catch(M){b=M}b?(i=window.parent)==null||i.postMessage({type:"builder.evaluateError",data:{id:h,error:b.message}},"*"):y&&typeof y.then=="function"?y.then(M=>{var L;(L=window.parent)==null||L.postMessage({type:"builder.evaluateResult",data:{id:h,result:M}},"*")}).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,Z,A;const t=I.useRef(null),[r,n]=I.useState(()=>0);function i(N){var _,B,R,W,xe;const S={...e.builderContextSignal.content,...N,data:{...(_=e.builderContextSignal.content)==null?void 0:_.data,...N==null?void 0:N.data},meta:{...(B=e.builderContextSignal.content)==null?void 0:B.meta,...N==null?void 0:N.meta,breakpoints:((R=N==null?void 0:N.meta)==null?void 0:R.breakpoints)||((xe=(W=e.builderContextSignal.content)==null?void 0:W.meta)==null?void 0:xe.breakpoints)}};e.setBuilderContextSignal(ne=>({...ne,content:S}))}I.useState(()=>0);const[a,s]=I.useState(()=>!1);function u(N){var _;const{data:S}=N;if(S)switch(S.type){case"builder.configureSdk":{const B=S.data,{breakpoints:R,contentId:W}=B;if(!W||W!==((_=e.builderContextSignal.content)==null?void 0:_.id))return;R&&i({meta:{breakpoints:R}}),n(r+1);break}case"builder.contentUpdate":{const B=S.data,R=B.key||B.alias||B.entry||B.modelName,W=B.data;R===e.model&&(i(W),n(r+1));break}}}function h(){var S,_;const N=(_=(S=e.builderContextSignal.content)==null?void 0:S.data)==null?void 0:_.jsCode;N&&Je({code:N,context:e.context||{},localState:void 0,rootState:e.builderContextSignal.rootState,rootSetState:e.builderContextSignal.rootSetState})}const[m,y]=I.useState(()=>({})),[b,M]=I.useState(()=>!1);function L(N){var S,_;if(e.builderContextSignal.content){const B=(S=e.builderContextSignal.content)==null?void 0:S.testVariationId,R=(_=e.builderContextSignal.content)==null?void 0:_.id;x._track({type:"click",canTrack:x.getDefaultCanTrack(e.canTrack),contentId:R,apiKey:e.apiKey,variationId:B!==R?B:void 0,...zi(N),unique:!b})}b||M(!0)}function E(N){return N.replace(/{{([^}]+)}}/g,(S,_)=>Je({code:_,context:e.context||{},localState:void 0,rootState:e.builderContextSignal.rootState,rootSetState:e.builderContextSignal.rootSetState}))}function T({url:N,key:S}){x.fetch(N).then(_=>_.json()).then(_=>{var R,W;const B={...e.builderContextSignal.rootState,[S]:_};(W=(R=e.builderContextSignal).rootSetState)==null||W.call(R,B),m[S]=!0}).catch(_=>{console.error("error fetching dynamic data",N,_)})}function D(){var S,_;const N=((_=(S=e.builderContextSignal.content)==null?void 0:S.data)==null?void 0:_.httpRequests)??{};Object.entries(N).forEach(([B,R])=>{if(R&&(!m[B]||x.isEditing())){const W=E(R);T({url:W,key:B})}})}function V(){x.isEditing()&&window.dispatchEvent(new CustomEvent("builder:component:stateChange",{detail:{state:x.fastClone(e.builderContextSignal.rootState),ref:{name:e.model}}}))}function v(N){n(r+1),window.addEventListener("message",u),Ji(),Yi({...e.locale?{locale:e.locale}:{},...e.includeRefs?{includeRefs:e.includeRefs}:{},...e.enrich?{enrich:e.enrich}:{}}),Object.values(e.builderContextSignal.componentInfos).forEach(S=>{var B;const _=x.createRegisterComponentMessage(S);(B=window.parent)==null||B.postMessage(_,"*")}),window.addEventListener("builder:component:stateChangeListenerActivated",V)}function K(N){const S=new URL(location.href).searchParams,_=S.get("builder.preview"),B=S.get(`builder.preview.${_}`),R=S.get("apiKey")||S.get("builder.space");_===e.model&&R===e.apiKey&&(!e.content||B===e.content.id)&&x.fetchOneEntry({model:e.model,apiKey:e.apiKey,apiVersion:e.builderContextSignal.apiVersion}).then(W=>{W&&i(W)})}return I.useEffect(()=>{var N;return(N=t.current)==null||N.addEventListener("initeditingbldr",v),()=>{var S;return(S=t.current)==null?void 0:S.removeEventListener("initeditingbldr",v)}},[]),I.useEffect(()=>{var N;return(N=t.current)==null||N.addEventListener("initpreviewingbldr",K),()=>{var S;return(S=t.current)==null?void 0:S.removeEventListener("initpreviewingbldr",K)}},[]),I.useEffect(()=>{var N,S;if(x.isBrowser()){if(x.isEditing()&&t.current&&t.current.dispatchEvent(new CustomEvent("initeditingbldr")),e.builderContextSignal.content&&x.getDefaultCanTrack(e.canTrack)){const B=(N=e.builderContextSignal.content)==null?void 0:N.testVariationId,R=(S=e.builderContextSignal.content)==null?void 0:S.id,W=e.apiKey;x._track({type:"impression",canTrack:!0,contentId:R,apiKey:W,variationId:B!==R?B:void 0})}x.isPreviewing()&&t.current&&t.current.dispatchEvent(new CustomEvent("initpreviewingbldr"))}},[]),I.useEffect(()=>{e.apiKey||x.logger.error("No API key provided to `RenderContent` component. This can cause issues. Please provide an API key using the `apiKey` prop."),h(),D(),V()},[]),I.useEffect(()=>{e.content&&i(e.content)},[e.content]),I.useEffect(()=>{},[a]),I.useEffect(()=>{h()},[(oe=(ie=e.builderContextSignal.content)==null?void 0:ie.data)==null?void 0:oe.jsCode,e.builderContextSignal.rootState]),I.useEffect(()=>{D()},[(Z=(H=e.builderContextSignal.content)==null?void 0:H.data)==null?void 0:Z.httpRequests]),I.useEffect(()=>{V()},[e.builderContextSignal.rootState]),I.useEffect(()=>()=>{x.isBrowser()&&(window.removeEventListener("message",u),window.removeEventListener("builder:component:stateChangeListenerActivated",V))},[]),f.jsx(Wt.Provider,{value:e.builderContextSignal,children:e.builderContextSignal.content?f.jsx(f.Fragment,{children:I.createElement("div",{key:r,ref:t,onClick:N=>L(N),"builder-content-id":(A=e.builderContextSignal.content)==null?void 0:A.id,"builder-model":e.model,...e.showContent?{}:{hidden:!0,"aria-hidden":!0},className:e.classNameProp},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

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

package/lib/node/index.cjs

@@ -104,7 +104,7 @@ output;
   window.${CONTENT_FN_NAME} = ${t}
   `},getVariantsScriptString=(e,t)=>`
   window.${AB_TEST_FN_NAME}("${t}",${JSON.stringify(e)}, ${isHydrationTarget})`,getRenderContentScriptString=({contentId:e,variationId:t})=>`
-  window.${CONTENT_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.1",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,f=null;try{u=l.apply(null,c)}catch(x){f=x}f?(r=window.parent)==null||r.postMessage({type:"builder.evaluateError",data:{id:s,error:f.message}},"*"):u&&typeof u.then=="function"?u.then(x=>{var h;(h=window.parent)==null||h.postMessage({type:"builder.evaluateResult",data:{id:s,result:x}},"*")}).catch(console.error):(o=window.parent)==null||o.postMessage({type:"builder.evaluateResult",data:{result:u,id:s}},"*");break}}})))};function EnableEditor(e){var E,I,w,T,B;const t=react.useRef(null),[n,i]=react.useState(()=>0);function r(m){var S,v,C,j,F;const g={...e.builderContextSignal.content,...m,data:{...(S=e.builderContextSignal.content)==null?void 0:S.data,...m==null?void 0:m.data},meta:{...(v=e.builderContextSignal.content)==null?void 0:v.meta,...m==null?void 0:m.meta,breakpoints:((C=m==null?void 0:m.meta)==null?void 0:C.breakpoints)||((F=(j=e.builderContextSignal.content)==null?void 0:j.meta)==null?void 0:F.breakpoints)}};e.setBuilderContextSignal(P=>({...P,content:g}))}react.useState(()=>0);const[o,a]=react.useState(()=>!1);function c(m){var S;const{data:g}=m;if(g)switch(g.type){case"builder.configureSdk":{const v=g.data,{breakpoints:C,contentId:j}=v;if(!j||j!==((S=e.builderContextSignal.content)==null?void 0:S.id))return;C&&r({meta:{breakpoints:C}}),i(n+1);break}case"builder.contentUpdate":{const v=g.data,C=v.key||v.alias||v.entry||v.modelName,j=v.data;C===e.model&&(r(j),i(n+1));break}}}function s(){var g,S;const m=(S=(g=e.builderContextSignal.content)==null?void 0:g.data)==null?void 0:S.jsCode;m&&evaluate({code:m,context:e.context||{},localState:void 0,rootState:e.builderContextSignal.rootState,rootSetState:e.builderContextSignal.rootSetState})}const[l,u]=react.useState(()=>({})),[f,x]=react.useState(()=>!1);function h(m){var g,S;if(e.builderContextSignal.content){const v=(g=e.builderContextSignal.content)==null?void 0:g.testVariationId,C=(S=e.builderContextSignal.content)==null?void 0:S.id;serverEntry._track({type:"click",canTrack:serverEntry.getDefaultCanTrack(e.canTrack),contentId:C,apiKey:e.apiKey,variationId:v!==C?v:void 0,...getInteractionPropertiesForEvent(m),unique:!f})}f||x(!0)}function d(m){return m.replace(/{{([^}]+)}}/g,(g,S)=>evaluate({code:S,context:e.context||{},localState:void 0,rootState:e.builderContextSignal.rootState,rootSetState:e.builderContextSignal.rootSetState}))}function b({url:m,key:g}){serverEntry.fetch(m).then(S=>S.json()).then(S=>{var C,j;const v={...e.builderContextSignal.rootState,[g]:S};(j=(C=e.builderContextSignal).rootSetState)==null||j.call(C,v),l[g]=!0}).catch(S=>{console.error("error fetching dynamic data",m,S)})}function p(){var g,S;const m=((S=(g=e.builderContextSignal.content)==null?void 0:g.data)==null?void 0:S.httpRequests)??{};Object.entries(m).forEach(([v,C])=>{if(C&&(!l[v]||serverEntry.isEditing())){const j=d(C);b({url:j,key:v})}})}function R(){serverEntry.isEditing()&&window.dispatchEvent(new CustomEvent("builder:component:stateChange",{detail:{state:serverEntry.fastClone(e.builderContextSignal.rootState),ref:{name:e.model}}}))}function y(m){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(g=>{var v;const S=serverEntry.createRegisterComponentMessage(g);(v=window.parent)==null||v.postMessage(S,"*")}),window.addEventListener("builder:component:stateChangeListenerActivated",R)}function k(m){const g=new URL(location.href).searchParams,S=g.get("builder.preview"),v=g.get(`builder.preview.${S}`),C=g.get("apiKey")||g.get("builder.space");S===e.model&&C===e.apiKey&&(!e.content||v===e.content.id)&&serverEntry.fetchOneEntry({model:e.model,apiKey:e.apiKey,apiVersion:e.builderContextSignal.apiVersion}).then(j=>{j&&r(j)})}return react.useEffect(()=>{var m;return(m=t.current)==null||m.addEventListener("initeditingbldr",y),()=>{var g;return(g=t.current)==null?void 0:g.removeEventListener("initeditingbldr",y)}},[]),react.useEffect(()=>{var m;return(m=t.current)==null||m.addEventListener("initpreviewingbldr",k),()=>{var g;return(g=t.current)==null?void 0:g.removeEventListener("initpreviewingbldr",k)}},[]),react.useEffect(()=>{var m,g;if(serverEntry.isBrowser()){if(serverEntry.isEditing()&&t.current&&t.current.dispatchEvent(new CustomEvent("initeditingbldr")),e.builderContextSignal.content&&serverEntry.getDefaultCanTrack(e.canTrack)){const v=(m=e.builderContextSignal.content)==null?void 0:m.testVariationId,C=(g=e.builderContextSignal.content)==null?void 0:g.id,j=e.apiKey;serverEntry._track({type:"impression",canTrack:!0,contentId:C,apiKey:j,variationId:v!==C?v: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(),p(),R()},[]),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(()=>{p()},[(T=(w=e.builderContextSignal.content)==null?void 0:w.data)==null?void 0:T.httpRequests]),react.useEffect(()=>{R()},[e.builderContextSignal.rootState]),react.useEffect(()=>()=>{serverEntry.isBrowser()&&(window.removeEventListener("message",c),window.removeEventListener("builder:component:stateChangeListenerActivated",R))},[]),jsxRuntime.jsx(builderContext.Provider,{value:e.builderContextSignal,children:e.builderContextSignal.content?jsxRuntime.jsx(jsxRuntime.Fragment,{children:react.createElement("div",{key:n,ref:t,onClick:m=>h(m),"builder-content-id":(B=e.builderContextSignal.content)==null?void 0:B.id,"builder-model":e.model,...e.showContent?{}:{hidden:!0,"aria-hidden":!0},className:e.classNameProp},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+=`
+  window.${CONTENT_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.2",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,f=null;try{u=l.apply(null,c)}catch(x){f=x}f?(r=window.parent)==null||r.postMessage({type:"builder.evaluateError",data:{id:s,error:f.message}},"*"):u&&typeof u.then=="function"?u.then(x=>{var h;(h=window.parent)==null||h.postMessage({type:"builder.evaluateResult",data:{id:s,result:x}},"*")}).catch(console.error):(o=window.parent)==null||o.postMessage({type:"builder.evaluateResult",data:{result:u,id:s}},"*");break}}})))};function EnableEditor(e){var E,I,w,T,B;const t=react.useRef(null),[n,i]=react.useState(()=>0);function r(m){var S,v,C,j,F;const g={...e.builderContextSignal.content,...m,data:{...(S=e.builderContextSignal.content)==null?void 0:S.data,...m==null?void 0:m.data},meta:{...(v=e.builderContextSignal.content)==null?void 0:v.meta,...m==null?void 0:m.meta,breakpoints:((C=m==null?void 0:m.meta)==null?void 0:C.breakpoints)||((F=(j=e.builderContextSignal.content)==null?void 0:j.meta)==null?void 0:F.breakpoints)}};e.setBuilderContextSignal(P=>({...P,content:g}))}react.useState(()=>0);const[o,a]=react.useState(()=>!1);function c(m){var S;const{data:g}=m;if(g)switch(g.type){case"builder.configureSdk":{const v=g.data,{breakpoints:C,contentId:j}=v;if(!j||j!==((S=e.builderContextSignal.content)==null?void 0:S.id))return;C&&r({meta:{breakpoints:C}}),i(n+1);break}case"builder.contentUpdate":{const v=g.data,C=v.key||v.alias||v.entry||v.modelName,j=v.data;C===e.model&&(r(j),i(n+1));break}}}function s(){var g,S;const m=(S=(g=e.builderContextSignal.content)==null?void 0:g.data)==null?void 0:S.jsCode;m&&evaluate({code:m,context:e.context||{},localState:void 0,rootState:e.builderContextSignal.rootState,rootSetState:e.builderContextSignal.rootSetState})}const[l,u]=react.useState(()=>({})),[f,x]=react.useState(()=>!1);function h(m){var g,S;if(e.builderContextSignal.content){const v=(g=e.builderContextSignal.content)==null?void 0:g.testVariationId,C=(S=e.builderContextSignal.content)==null?void 0:S.id;serverEntry._track({type:"click",canTrack:serverEntry.getDefaultCanTrack(e.canTrack),contentId:C,apiKey:e.apiKey,variationId:v!==C?v:void 0,...getInteractionPropertiesForEvent(m),unique:!f})}f||x(!0)}function d(m){return m.replace(/{{([^}]+)}}/g,(g,S)=>evaluate({code:S,context:e.context||{},localState:void 0,rootState:e.builderContextSignal.rootState,rootSetState:e.builderContextSignal.rootSetState}))}function b({url:m,key:g}){serverEntry.fetch(m).then(S=>S.json()).then(S=>{var C,j;const v={...e.builderContextSignal.rootState,[g]:S};(j=(C=e.builderContextSignal).rootSetState)==null||j.call(C,v),l[g]=!0}).catch(S=>{console.error("error fetching dynamic data",m,S)})}function p(){var g,S;const m=((S=(g=e.builderContextSignal.content)==null?void 0:g.data)==null?void 0:S.httpRequests)??{};Object.entries(m).forEach(([v,C])=>{if(C&&(!l[v]||serverEntry.isEditing())){const j=d(C);b({url:j,key:v})}})}function R(){serverEntry.isEditing()&&window.dispatchEvent(new CustomEvent("builder:component:stateChange",{detail:{state:serverEntry.fastClone(e.builderContextSignal.rootState),ref:{name:e.model}}}))}function y(m){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(g=>{var v;const S=serverEntry.createRegisterComponentMessage(g);(v=window.parent)==null||v.postMessage(S,"*")}),window.addEventListener("builder:component:stateChangeListenerActivated",R)}function k(m){const g=new URL(location.href).searchParams,S=g.get("builder.preview"),v=g.get(`builder.preview.${S}`),C=g.get("apiKey")||g.get("builder.space");S===e.model&&C===e.apiKey&&(!e.content||v===e.content.id)&&serverEntry.fetchOneEntry({model:e.model,apiKey:e.apiKey,apiVersion:e.builderContextSignal.apiVersion}).then(j=>{j&&r(j)})}return react.useEffect(()=>{var m;return(m=t.current)==null||m.addEventListener("initeditingbldr",y),()=>{var g;return(g=t.current)==null?void 0:g.removeEventListener("initeditingbldr",y)}},[]),react.useEffect(()=>{var m;return(m=t.current)==null||m.addEventListener("initpreviewingbldr",k),()=>{var g;return(g=t.current)==null?void 0:g.removeEventListener("initpreviewingbldr",k)}},[]),react.useEffect(()=>{var m,g;if(serverEntry.isBrowser()){if(serverEntry.isEditing()&&t.current&&t.current.dispatchEvent(new CustomEvent("initeditingbldr")),e.builderContextSignal.content&&serverEntry.getDefaultCanTrack(e.canTrack)){const v=(m=e.builderContextSignal.content)==null?void 0:m.testVariationId,C=(g=e.builderContextSignal.content)==null?void 0:g.id,j=e.apiKey;serverEntry._track({type:"impression",canTrack:!0,contentId:C,apiKey:j,variationId:v!==C?v: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(),p(),R()},[]),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(()=>{p()},[(T=(w=e.builderContextSignal.content)==null?void 0:w.data)==null?void 0:T.httpRequests]),react.useEffect(()=>{R()},[e.builderContextSignal.rootState]),react.useEffect(()=>()=>{serverEntry.isBrowser()&&(window.removeEventListener("message",c),window.removeEventListener("builder:component:stateChangeListenerActivated",R))},[]),jsxRuntime.jsx(builderContext.Provider,{value:e.builderContextSignal,children:e.builderContextSignal.content?jsxRuntime.jsx(jsxRuntime.Fragment,{children:react.createElement("div",{key:n,ref:t,onClick:m=>h(m),"builder-content-id":(B=e.builderContextSignal.content)==null?void 0:B.id,"builder-model":e.model,...e.showContent?{}:{hidden:!0,"aria-hidden":!0},className:e.classNameProp},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

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@builder.io/sdk-react",
   "description": "Builder.io SDK for React",
-  "version": "0.7.1",
+  "version": "0.7.2",
   "files": [
     "lib",
     "types"

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

@@ -1 +1 @@
-export declare const SDK_VERSION = "0.7.1";
+export declare const SDK_VERSION = "0.7.2";