@builder.io/sdk-react 0.11.1 → 0.11.2

package/lib/browser/index.cjs

@@ -156,7 +156,7 @@
     "${t}",${JSON.stringify(e)}, ${Ce}
   )`,yt=({contentId:e,variationId:t})=>`window.${ke}(
     "${t}", "${e}", ${Ce}
-  )`;function z(e){return a.jsx("script",{dangerouslySetInnerHTML:{__html:e.scriptStr},id:e.id||""})}function re(e){return Math.round(e*1e3)/1e3}const pt=(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},vt=e=>pt(e,t=>{const n=t.getAttribute("builder-id")||t.id;return(n==null?void 0:n.indexOf("builder-"))===0}),ce=({event:e,target:t})=>{const n=t.getBoundingClientRect(),i=e.clientX-n.left,o=e.clientY-n.top,r=re(i/n.width),c=re(o/n.height);return{x:r,y:c}},kt=e=>{const t=e.target,n=t&&vt(t),i=(n==null?void 0:n.getAttribute("builder-id"))||(n==null?void 0:n.id);return{targetBuilderElement:i||void 0,metadata:{targetOffset:t?ce({event:e,target:t}):void 0,builderTargetOffset:n?ce({event:e,target:n}):void 0,builderElementIndex:n&&i?[].slice.call(document.getElementsByClassName(i)).indexOf(n):void 0}}},Ct="0.11.1",wt=()=>{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 le=!1;const It=(e={})=>{var t,n;le||(le=!0,d.isBrowser()&&((t=window.parent)==null||t.postMessage({type:"builder.sdkInfo",data:{target:d.TARGET,version:Ct,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,u=new Function(c);let f,b=null;try{f=u.apply(null,l)}catch(v){b=v}b?(o=window.parent)==null||o.postMessage({type:"builder.evaluateError",data:{id:s,error:b.message}},"*"):f&&typeof f.then=="function"?f.then(v=>{var R;(R=window.parent)==null||R.postMessage({type:"builder.evaluateResult",data:{id:s,result:v}},"*")}).catch(console.error):(r=window.parent)==null||r.postMessage({type:"builder.evaluateResult",data:{result:f,id:s}},"*");break}}})))};function Et(e){var B,F,D,Q,J,X,Z;const t=m.useRef(null),[n,i]=m.useState(()=>0);function o(g){var x,y,C,E,A;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:((C=g==null?void 0:g.meta)==null?void 0:C.breakpoints)||((A=(E=e.builderContextSignal.content)==null?void 0:E.meta)==null?void 0:A.breakpoints)}};e.setBuilderContextSignal(Ie=>({...Ie,content:h}))}m.useState(()=>0);const[r,c]=m.useState(()=>!1),[l,s]=m.useState(()=>e.contentWrapper||"div");function u(g){var x;const{data:h}=g;if(h)switch(h.type){case"builder.configureSdk":{const y=h.data,{breakpoints:C,contentId:E}=y;if(!E||E!==((x=e.builderContextSignal.content)==null?void 0:x.id))return;C&&o({meta:{breakpoints:C}}),i(n+1);break}case"builder.contentUpdate":{const y=h.data,C=y.key||y.alias||y.entry||y.modelName,E=y.data;C===e.model&&(o(E),i(n+1));break}}}function f(){var h,x;const g=(x=(h=e.builderContextSignal.content)==null?void 0:h.data)==null?void 0:x.jsCode;g&&W({code:g,context:e.context||{},localState:void 0,rootState:e.builderContextSignal.rootState,rootSetState:e.builderContextSignal.rootSetState})}const[b,v]=m.useState(()=>({})),[R,S]=m.useState(()=>!1);function k(g){var h,x;if(e.builderContextSignal.content){const y=(h=e.builderContextSignal.content)==null?void 0:h.testVariationId,C=(x=e.builderContextSignal.content)==null?void 0:x.id;d._track({type:"click",canTrack:d.getDefaultCanTrack(e.canTrack),contentId:C,apiKey:e.apiKey,variationId:y!==C?y:void 0,...kt(g),unique:!R})}R||S(!0)}function w(g){return g.replace(/{{([^}]+)}}/g,(h,x)=>W({code:x,context:e.context||{},localState:void 0,rootState:e.builderContextSignal.rootState,rootSetState:e.builderContextSignal.rootSetState}))}function T({url:g,key:h}){d.fetch(g).then(x=>x.json()).then(x=>{var C,E;const y={...e.builderContextSignal.rootState,[h]:x};(E=(C=e.builderContextSignal).rootSetState)==null||E.call(C,y),b[h]=!0}).catch(x=>{console.error("error fetching dynamic data",g,x)})}function I(){var h,x,y;const g=(y=(x=(h=e.builderContextSignal.content)==null?void 0:h.data)==null?void 0:x.httpRequests)!=null?y:{};Object.entries(g).forEach(([C,E])=>{if(E&&(!b[C]||d.isEditing())){const A=w(E);T({url:A,key:C})}})}function p(){d.isEditing()&&window.dispatchEvent(new CustomEvent("builder:component:stateChange",{detail:{state:d.fastClone(e.builderContextSignal.rootState),ref:{name:e.model}}}))}function j(g){i(n+1),window.addEventListener("message",u),wt(),It({...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",p)}function P(g){const h=new URL(location.href).searchParams,x=h.get("builder.preview"),y=h.get(`builder.preview.${x}`),C=h.get("apiKey")||h.get("builder.space");x===e.model&&C===e.apiKey&&(!e.content||y===e.content.id)&&d.fetchOneEntry({model:e.model,apiKey:e.apiKey,apiVersion:e.builderContextSignal.apiVersion}).then(E=>{E&&o(E)})}return m.useEffect(()=>{var g;return(g=t.current)==null||g.addEventListener("initeditingbldr",j),()=>{var h;return(h=t.current)==null?void 0:h.removeEventListener("initeditingbldr",j)}},[]),m.useEffect(()=>{var g;return(g=t.current)==null||g.addEventListener("initpreviewingbldr",P),()=>{var h;return(h=t.current)==null?void 0:h.removeEventListener("initpreviewingbldr",P)}},[]),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,C=(h=e.builderContextSignal.content)==null?void 0:h.id,E=e.apiKey;d._track({type:"impression",canTrack:!0,contentId:C,apiKey:E,variationId:y!==C?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."),f(),I(),p()},[]),m.useEffect(()=>{e.content&&o(e.content)},[e.content]),m.useEffect(()=>{},[r]),m.useEffect(()=>{f()},[(F=(B=e.builderContextSignal.content)==null?void 0:B.data)==null?void 0:F.jsCode,e.builderContextSignal.rootState]),m.useEffect(()=>{I()},[(Q=(D=e.builderContextSignal.content)==null?void 0:D.data)==null?void 0:Q.httpRequests]),m.useEffect(()=>{p()},[e.builderContextSignal.rootState]),m.useEffect(()=>()=>{d.isBrowser()&&(window.removeEventListener("message",u),window.removeEventListener("builder:component:stateChangeListenerActivated",p))},[]),a.jsx(q.Provider,{value:e.builderContextSignal,children:e.builderContextSignal.content?a.jsx(a.Fragment,{children:m.createElement(l,{key:n,ref:t,onClick:g=>k(g),"builder-content-id":(J=e.builderContextSignal.content)==null?void 0:J.id,"builder-model":e.model,...e.showContent?{}:{hidden:!0,"aria-hidden":!0},...e.contentWrapperProps,className:`variant-${((X=e.content)==null?void 0:X.testVariationId)||((Z=e.content)==null?void 0:Z.id)}`},e.children)}):null})}const Tt=e=>{var r,c;const t=e.family+(e.kind&&!e.kind.includes("#")?", "+e.kind:""),n=t.split(",")[0],i=(c=e.fileUrl)!=null?c:(r=e==null?void 0:e.files)==null?void 0:r.regular;let o="";if(i&&t&&n&&(o+=`
+  )`;function z(e){return a.jsx("script",{dangerouslySetInnerHTML:{__html:e.scriptStr},id:e.id||""})}function re(e){return Math.round(e*1e3)/1e3}const pt=(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},vt=e=>pt(e,t=>{const n=t.getAttribute("builder-id")||t.id;return(n==null?void 0:n.indexOf("builder-"))===0}),ce=({event:e,target:t})=>{const n=t.getBoundingClientRect(),i=e.clientX-n.left,o=e.clientY-n.top,r=re(i/n.width),c=re(o/n.height);return{x:r,y:c}},kt=e=>{const t=e.target,n=t&&vt(t),i=(n==null?void 0:n.getAttribute("builder-id"))||(n==null?void 0:n.id);return{targetBuilderElement:i||void 0,metadata:{targetOffset:t?ce({event:e,target:t}):void 0,builderTargetOffset:n?ce({event:e,target:n}):void 0,builderElementIndex:n&&i?[].slice.call(document.getElementsByClassName(i)).indexOf(n):void 0}}},Ct="0.11.2",wt=()=>{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 le=!1;const It=(e={})=>{var t,n;le||(le=!0,d.isBrowser()&&((t=window.parent)==null||t.postMessage({type:"builder.sdkInfo",data:{target:d.TARGET,version:Ct,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,u=new Function(c);let f,b=null;try{f=u.apply(null,l)}catch(v){b=v}b?(o=window.parent)==null||o.postMessage({type:"builder.evaluateError",data:{id:s,error:b.message}},"*"):f&&typeof f.then=="function"?f.then(v=>{var R;(R=window.parent)==null||R.postMessage({type:"builder.evaluateResult",data:{id:s,result:v}},"*")}).catch(console.error):(r=window.parent)==null||r.postMessage({type:"builder.evaluateResult",data:{result:f,id:s}},"*");break}}})))};function Et(e){var B,F,D,Q,J,X,Z;const t=m.useRef(null),[n,i]=m.useState(()=>0);function o(g){var x,y,C,E,A;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:((C=g==null?void 0:g.meta)==null?void 0:C.breakpoints)||((A=(E=e.builderContextSignal.content)==null?void 0:E.meta)==null?void 0:A.breakpoints)}};e.setBuilderContextSignal(Ie=>({...Ie,content:h}))}m.useState(()=>0);const[r,c]=m.useState(()=>!1),[l,s]=m.useState(()=>e.contentWrapper||"div");function u(g){var x;const{data:h}=g;if(h)switch(h.type){case"builder.configureSdk":{const y=h.data,{breakpoints:C,contentId:E}=y;if(!E||E!==((x=e.builderContextSignal.content)==null?void 0:x.id))return;C&&o({meta:{breakpoints:C}}),i(n+1);break}case"builder.contentUpdate":{const y=h.data,C=y.key||y.alias||y.entry||y.modelName,E=y.data;C===e.model&&(o(E),i(n+1));break}}}function f(){var h,x;const g=(x=(h=e.builderContextSignal.content)==null?void 0:h.data)==null?void 0:x.jsCode;g&&W({code:g,context:e.context||{},localState:void 0,rootState:e.builderContextSignal.rootState,rootSetState:e.builderContextSignal.rootSetState})}const[b,v]=m.useState(()=>({})),[R,S]=m.useState(()=>!1);function k(g){var h,x;if(e.builderContextSignal.content){const y=(h=e.builderContextSignal.content)==null?void 0:h.testVariationId,C=(x=e.builderContextSignal.content)==null?void 0:x.id;d._track({type:"click",canTrack:d.getDefaultCanTrack(e.canTrack),contentId:C,apiKey:e.apiKey,variationId:y!==C?y:void 0,...kt(g),unique:!R})}R||S(!0)}function w(g){return g.replace(/{{([^}]+)}}/g,(h,x)=>W({code:x,context:e.context||{},localState:void 0,rootState:e.builderContextSignal.rootState,rootSetState:e.builderContextSignal.rootSetState}))}function T({url:g,key:h}){d.fetch(g).then(x=>x.json()).then(x=>{var C,E;const y={...e.builderContextSignal.rootState,[h]:x};(E=(C=e.builderContextSignal).rootSetState)==null||E.call(C,y),b[h]=!0}).catch(x=>{console.error("error fetching dynamic data",g,x)})}function I(){var h,x,y;const g=(y=(x=(h=e.builderContextSignal.content)==null?void 0:h.data)==null?void 0:x.httpRequests)!=null?y:{};Object.entries(g).forEach(([C,E])=>{if(E&&(!b[C]||d.isEditing())){const A=w(E);T({url:A,key:C})}})}function p(){d.isEditing()&&window.dispatchEvent(new CustomEvent("builder:component:stateChange",{detail:{state:d.fastClone(e.builderContextSignal.rootState),ref:{name:e.model}}}))}function j(g){i(n+1),window.addEventListener("message",u),wt(),It({...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",p)}function P(g){const h=new URL(location.href).searchParams,x=h.get("builder.preview"),y=h.get(`builder.preview.${x}`),C=h.get("apiKey")||h.get("builder.space");x===e.model&&C===e.apiKey&&(!e.content||y===e.content.id)&&d.fetchOneEntry({model:e.model,apiKey:e.apiKey,apiVersion:e.builderContextSignal.apiVersion}).then(E=>{E&&o(E)})}return m.useEffect(()=>{var g;return(g=t.current)==null||g.addEventListener("initeditingbldr",j),()=>{var h;return(h=t.current)==null?void 0:h.removeEventListener("initeditingbldr",j)}},[]),m.useEffect(()=>{var g;return(g=t.current)==null||g.addEventListener("initpreviewingbldr",P),()=>{var h;return(h=t.current)==null?void 0:h.removeEventListener("initpreviewingbldr",P)}},[]),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,C=(h=e.builderContextSignal.content)==null?void 0:h.id,E=e.apiKey;d._track({type:"impression",canTrack:!0,contentId:C,apiKey:E,variationId:y!==C?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."),f(),I(),p()},[]),m.useEffect(()=>{e.content&&o(e.content)},[e.content]),m.useEffect(()=>{},[r]),m.useEffect(()=>{f()},[(F=(B=e.builderContextSignal.content)==null?void 0:B.data)==null?void 0:F.jsCode,e.builderContextSignal.rootState]),m.useEffect(()=>{I()},[(Q=(D=e.builderContextSignal.content)==null?void 0:D.data)==null?void 0:Q.httpRequests]),m.useEffect(()=>{p()},[e.builderContextSignal.rootState]),m.useEffect(()=>()=>{d.isBrowser()&&(window.removeEventListener("message",u),window.removeEventListener("builder:component:stateChangeListenerActivated",p))},[]),a.jsx(q.Provider,{value:e.builderContextSignal,children:e.builderContextSignal.content?a.jsx(a.Fragment,{children:m.createElement(l,{key:n,ref:t,onClick:g=>k(g),"builder-content-id":(J=e.builderContextSignal.content)==null?void 0:J.id,"builder-model":e.model,...e.showContent?{}:{hidden:!0,"aria-hidden":!0},...e.contentWrapperProps,className:`variant-${((X=e.content)==null?void 0:X.testVariationId)||((Z=e.content)==null?void 0:Z.id)}`},e.children)}):null})}const Tt=e=>{var r,c;const t=e.family+(e.kind&&!e.kind.includes("#")?", "+e.kind:""),n=t.split(",")[0],i=(c=e.fileUrl)!=null?c:(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

@@ -2033,7 +2033,7 @@ const Dt = (e, t, n = !0) => {
       builderElementIndex: n && i ? [].slice.call(document.getElementsByClassName(i)).indexOf(n) : void 0
     }
   };
-}, Ht = "0.11.1", zt = () => {
+}, Ht = "0.11.2", zt = () => {
   Fe("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 d.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.11.1",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,u=n.data.arguments||[],h=n.data.id,g=new Function(s);let y,w=null;try{y=g.apply(null,u)}catch(D){w=D}w?(i=window.parent)==null||i.postMessage({type:"builder.evaluateError",data:{id:h,error:w.message}},"*"):y&&typeof y.then=="function"?y.then(D=>{var H;(H=window.parent)==null||H.postMessage({type:"builder.evaluateResult",data:{id:h,result:D}},"*")}).catch(console.error):(a=window.parent)==null||a.postMessage({type:"builder.evaluateResult",data:{result:y,id:h}},"*");break}}})))};function qi(e){var K,Q,A,Ce,L,Se,se;const t=j.useRef(null),[r,n]=j.useState(()=>0);function i(x){var M,N,V,$,ve;const T={...e.builderContextSignal.content,...x,data:{...(M=e.builderContextSignal.content)==null?void 0:M.data,...x==null?void 0:x.data},meta:{...(N=e.builderContextSignal.content)==null?void 0:N.meta,...x==null?void 0:x.meta,breakpoints:((V=x==null?void 0:x.meta)==null?void 0:V.breakpoints)||((ve=($=e.builderContextSignal.content)==null?void 0:$.meta)==null?void 0:ve.breakpoints)}};e.setBuilderContextSignal(Qe=>({...Qe,content:T}))}j.useState(()=>0);const[a,s]=j.useState(()=>!1),[u,h]=j.useState(()=>e.contentWrapper||"div");function g(x){var M;const{data:T}=x;if(T)switch(T.type){case"builder.configureSdk":{const N=T.data,{breakpoints:V,contentId:$}=N;if(!$||$!==((M=e.builderContextSignal.content)==null?void 0:M.id))return;V&&i({meta:{breakpoints:V}}),n(r+1);break}case"builder.contentUpdate":{const N=T.data,V=N.key||N.alias||N.entry||N.modelName,$=N.data;V===e.model&&(i($),n(r+1));break}}}function y(){var T,M;const x=(M=(T=e.builderContextSignal.content)==null?void 0:T.data)==null?void 0:M.jsCode;x&&Je({code:x,context:e.context||{},localState:void 0,rootState:e.builderContextSignal.rootState,rootSetState:e.builderContextSignal.rootSetState})}const[w,D]=j.useState(()=>({})),[H,I]=j.useState(()=>!1);function F(x){var T,M;if(e.builderContextSignal.content){const N=(T=e.builderContextSignal.content)==null?void 0:T.testVariationId,V=(M=e.builderContextSignal.content)==null?void 0:M.id;v._track({type:"click",canTrack:v.getDefaultCanTrack(e.canTrack),contentId:V,apiKey:e.apiKey,variationId:N!==V?N:void 0,...zi(x),unique:!H})}H||I(!0)}function _(x){return x.replace(/{{([^}]+)}}/g,(T,M)=>Je({code:M,context:e.context||{},localState:void 0,rootState:e.builderContextSignal.rootState,rootSetState:e.builderContextSignal.rootSetState}))}function G({url:x,key:T}){v.fetch(x).then(M=>M.json()).then(M=>{var V,$;const N={...e.builderContextSignal.rootState,[T]:M};($=(V=e.builderContextSignal).rootSetState)==null||$.call(V,N),w[T]=!0}).catch(M=>{console.error("error fetching dynamic data",x,M)})}function b(){var T,M,N;const x=(N=(M=(T=e.builderContextSignal.content)==null?void 0:T.data)==null?void 0:M.httpRequests)!=null?N:{};Object.entries(x).forEach(([V,$])=>{if($&&(!w[V]||v.isEditing())){const ve=_($);G({url:ve,key:V})}})}function W(){v.isEditing()&&window.dispatchEvent(new CustomEvent("builder:component:stateChange",{detail:{state:v.fastClone(e.builderContextSignal.rootState),ref:{name:e.model}}}))}function ie(x){n(r+1),window.addEventListener("message",g),Yi(),Ji({...e.locale?{locale:e.locale}:{},...e.includeRefs?{includeRefs:e.includeRefs}:{},...e.enrich?{enrich:e.enrich}:{}}),Object.values(e.builderContextSignal.componentInfos).forEach(T=>{var N;const M=v.createRegisterComponentMessage(T);(N=window.parent)==null||N.postMessage(M,"*")}),window.addEventListener("builder:component:stateChangeListenerActivated",W)}function oe(x){const T=new URL(location.href).searchParams,M=T.get("builder.preview"),N=T.get(`builder.preview.${M}`),V=T.get("apiKey")||T.get("builder.space");M===e.model&&V===e.apiKey&&(!e.content||N===e.content.id)&&v.fetchOneEntry({model:e.model,apiKey:e.apiKey,apiVersion:e.builderContextSignal.apiVersion}).then($=>{$&&i($)})}return j.useEffect(()=>{var x;return(x=t.current)==null||x.addEventListener("initeditingbldr",ie),()=>{var T;return(T=t.current)==null?void 0:T.removeEventListener("initeditingbldr",ie)}},[]),j.useEffect(()=>{var x;return(x=t.current)==null||x.addEventListener("initpreviewingbldr",oe),()=>{var T;return(T=t.current)==null?void 0:T.removeEventListener("initpreviewingbldr",oe)}},[]),j.useEffect(()=>{var x,T;if(v.isBrowser()){if(v.isEditing()&&t.current&&t.current.dispatchEvent(new CustomEvent("initeditingbldr")),e.builderContextSignal.content&&v.getDefaultCanTrack(e.canTrack)){const N=(x=e.builderContextSignal.content)==null?void 0:x.testVariationId,V=(T=e.builderContextSignal.content)==null?void 0:T.id,$=e.apiKey;v._track({type:"impression",canTrack:!0,contentId:V,apiKey:$,variationId:N!==V?N: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."),y(),b(),W()},[]),j.useEffect(()=>{e.content&&i(e.content)},[e.content]),j.useEffect(()=>{},[a]),j.useEffect(()=>{y()},[(Q=(K=e.builderContextSignal.content)==null?void 0:K.data)==null?void 0:Q.jsCode,e.builderContextSignal.rootState]),j.useEffect(()=>{b()},[(Ce=(A=e.builderContextSignal.content)==null?void 0:A.data)==null?void 0:Ce.httpRequests]),j.useEffect(()=>{W()},[e.builderContextSignal.rootState]),j.useEffect(()=>()=>{v.isBrowser()&&(window.removeEventListener("message",g),window.removeEventListener("builder:component:stateChangeListenerActivated",W))},[]),d.jsx(Ht.Provider,{value:e.builderContextSignal,children:e.builderContextSignal.content?d.jsx(d.Fragment,{children:j.createElement(u,{key:r,ref:t,onClick:x=>F(x),"builder-content-id":(L=e.builderContextSignal.content)==null?void 0:L.id,"builder-model":e.model,...e.showContent?{}:{hidden:!0,"aria-hidden":!0},...e.contentWrapperProps,className:`variant-${((Se=e.content)==null?void 0:Se.testVariationId)||((se=e.content)==null?void 0:se.id)}`},e.children)}):null})}const Zi=e=>{var a,s;const t=e.family+(e.kind&&!e.kind.includes("#")?", "+e.kind:""),r=t.split(",")[0],n=(s=e.fileUrl)!=null?s:(a=e==null?void 0:e.files)==null?void 0:a.regular;let i="";if(n&&t&&r&&(i+=`
+  )`;function $t(e){return d.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.11.2",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,u=n.data.arguments||[],h=n.data.id,g=new Function(s);let y,w=null;try{y=g.apply(null,u)}catch(D){w=D}w?(i=window.parent)==null||i.postMessage({type:"builder.evaluateError",data:{id:h,error:w.message}},"*"):y&&typeof y.then=="function"?y.then(D=>{var H;(H=window.parent)==null||H.postMessage({type:"builder.evaluateResult",data:{id:h,result:D}},"*")}).catch(console.error):(a=window.parent)==null||a.postMessage({type:"builder.evaluateResult",data:{result:y,id:h}},"*");break}}})))};function qi(e){var K,Q,A,Ce,L,Se,se;const t=j.useRef(null),[r,n]=j.useState(()=>0);function i(x){var M,N,V,$,ve;const T={...e.builderContextSignal.content,...x,data:{...(M=e.builderContextSignal.content)==null?void 0:M.data,...x==null?void 0:x.data},meta:{...(N=e.builderContextSignal.content)==null?void 0:N.meta,...x==null?void 0:x.meta,breakpoints:((V=x==null?void 0:x.meta)==null?void 0:V.breakpoints)||((ve=($=e.builderContextSignal.content)==null?void 0:$.meta)==null?void 0:ve.breakpoints)}};e.setBuilderContextSignal(Qe=>({...Qe,content:T}))}j.useState(()=>0);const[a,s]=j.useState(()=>!1),[u,h]=j.useState(()=>e.contentWrapper||"div");function g(x){var M;const{data:T}=x;if(T)switch(T.type){case"builder.configureSdk":{const N=T.data,{breakpoints:V,contentId:$}=N;if(!$||$!==((M=e.builderContextSignal.content)==null?void 0:M.id))return;V&&i({meta:{breakpoints:V}}),n(r+1);break}case"builder.contentUpdate":{const N=T.data,V=N.key||N.alias||N.entry||N.modelName,$=N.data;V===e.model&&(i($),n(r+1));break}}}function y(){var T,M;const x=(M=(T=e.builderContextSignal.content)==null?void 0:T.data)==null?void 0:M.jsCode;x&&Je({code:x,context:e.context||{},localState:void 0,rootState:e.builderContextSignal.rootState,rootSetState:e.builderContextSignal.rootSetState})}const[w,D]=j.useState(()=>({})),[H,I]=j.useState(()=>!1);function F(x){var T,M;if(e.builderContextSignal.content){const N=(T=e.builderContextSignal.content)==null?void 0:T.testVariationId,V=(M=e.builderContextSignal.content)==null?void 0:M.id;v._track({type:"click",canTrack:v.getDefaultCanTrack(e.canTrack),contentId:V,apiKey:e.apiKey,variationId:N!==V?N:void 0,...zi(x),unique:!H})}H||I(!0)}function _(x){return x.replace(/{{([^}]+)}}/g,(T,M)=>Je({code:M,context:e.context||{},localState:void 0,rootState:e.builderContextSignal.rootState,rootSetState:e.builderContextSignal.rootSetState}))}function G({url:x,key:T}){v.fetch(x).then(M=>M.json()).then(M=>{var V,$;const N={...e.builderContextSignal.rootState,[T]:M};($=(V=e.builderContextSignal).rootSetState)==null||$.call(V,N),w[T]=!0}).catch(M=>{console.error("error fetching dynamic data",x,M)})}function b(){var T,M,N;const x=(N=(M=(T=e.builderContextSignal.content)==null?void 0:T.data)==null?void 0:M.httpRequests)!=null?N:{};Object.entries(x).forEach(([V,$])=>{if($&&(!w[V]||v.isEditing())){const ve=_($);G({url:ve,key:V})}})}function W(){v.isEditing()&&window.dispatchEvent(new CustomEvent("builder:component:stateChange",{detail:{state:v.fastClone(e.builderContextSignal.rootState),ref:{name:e.model}}}))}function ie(x){n(r+1),window.addEventListener("message",g),Yi(),Ji({...e.locale?{locale:e.locale}:{},...e.includeRefs?{includeRefs:e.includeRefs}:{},...e.enrich?{enrich:e.enrich}:{}}),Object.values(e.builderContextSignal.componentInfos).forEach(T=>{var N;const M=v.createRegisterComponentMessage(T);(N=window.parent)==null||N.postMessage(M,"*")}),window.addEventListener("builder:component:stateChangeListenerActivated",W)}function oe(x){const T=new URL(location.href).searchParams,M=T.get("builder.preview"),N=T.get(`builder.preview.${M}`),V=T.get("apiKey")||T.get("builder.space");M===e.model&&V===e.apiKey&&(!e.content||N===e.content.id)&&v.fetchOneEntry({model:e.model,apiKey:e.apiKey,apiVersion:e.builderContextSignal.apiVersion}).then($=>{$&&i($)})}return j.useEffect(()=>{var x;return(x=t.current)==null||x.addEventListener("initeditingbldr",ie),()=>{var T;return(T=t.current)==null?void 0:T.removeEventListener("initeditingbldr",ie)}},[]),j.useEffect(()=>{var x;return(x=t.current)==null||x.addEventListener("initpreviewingbldr",oe),()=>{var T;return(T=t.current)==null?void 0:T.removeEventListener("initpreviewingbldr",oe)}},[]),j.useEffect(()=>{var x,T;if(v.isBrowser()){if(v.isEditing()&&t.current&&t.current.dispatchEvent(new CustomEvent("initeditingbldr")),e.builderContextSignal.content&&v.getDefaultCanTrack(e.canTrack)){const N=(x=e.builderContextSignal.content)==null?void 0:x.testVariationId,V=(T=e.builderContextSignal.content)==null?void 0:T.id,$=e.apiKey;v._track({type:"impression",canTrack:!0,contentId:V,apiKey:$,variationId:N!==V?N: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."),y(),b(),W()},[]),j.useEffect(()=>{e.content&&i(e.content)},[e.content]),j.useEffect(()=>{},[a]),j.useEffect(()=>{y()},[(Q=(K=e.builderContextSignal.content)==null?void 0:K.data)==null?void 0:Q.jsCode,e.builderContextSignal.rootState]),j.useEffect(()=>{b()},[(Ce=(A=e.builderContextSignal.content)==null?void 0:A.data)==null?void 0:Ce.httpRequests]),j.useEffect(()=>{W()},[e.builderContextSignal.rootState]),j.useEffect(()=>()=>{v.isBrowser()&&(window.removeEventListener("message",g),window.removeEventListener("builder:component:stateChangeListenerActivated",W))},[]),d.jsx(Ht.Provider,{value:e.builderContextSignal,children:e.builderContextSignal.content?d.jsx(d.Fragment,{children:j.createElement(u,{key:r,ref:t,onClick:x=>F(x),"builder-content-id":(L=e.builderContextSignal.content)==null?void 0:L.id,"builder-model":e.model,...e.showContent?{}:{hidden:!0,"aria-hidden":!0},...e.contentWrapperProps,className:`variant-${((Se=e.content)==null?void 0:Se.testVariationId)||((se=e.content)==null?void 0:se.id)}`},e.children)}):null})}const Zi=e=>{var a,s;const t=e.family+(e.kind&&!e.kind.includes("#")?", "+e.kind:""),r=t.split(",")[0],n=(s=e.fileUrl)!=null?s:(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

@@ -4505,7 +4505,7 @@ const po = (e, t, r = !0) => {
       builderElementIndex: r && n ? [].slice.call(document.getElementsByClassName(n)).indexOf(r) : void 0
     }
   };
-}, vo = "0.11.1", yo = () => {
+}, vo = "0.11.2", 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.11.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,s=i.data.arguments||[],c=i.data.id,l=new Function(a);let u,g=null;try{u=l.apply(null,s)}catch(b){g=b}g?(r=window.parent)==null||r.postMessage({type:"builder.evaluateError",data:{id:c,error:g.message}},"*"):u&&typeof u.then=="function"?u.then(b=>{var y;(y=window.parent)==null||y.postMessage({type:"builder.evaluateResult",data:{id:c,result:b}},"*")}).catch(console.error):(o=window.parent)==null||o.postMessage({type:"builder.evaluateResult",data:{result:u,id:c}},"*");break}}})))};function EnableEditor(e){var T,w,P,A,F,_,V;const t=react.useRef(null),[n,i]=react.useState(()=>0);function r(d){var x,h,v,R,B;const m={...e.builderContextSignal.content,...d,data:{...(x=e.builderContextSignal.content)==null?void 0:x.data,...d==null?void 0:d.data},meta:{...(h=e.builderContextSignal.content)==null?void 0:h.meta,...d==null?void 0:d.meta,breakpoints:((v=d==null?void 0:d.meta)==null?void 0:v.breakpoints)||((B=(R=e.builderContextSignal.content)==null?void 0:R.meta)==null?void 0:B.breakpoints)}};e.setBuilderContextSignal(W=>({...W,content:m}))}react.useState(()=>0);const[o,a]=react.useState(()=>!1),[s,c]=react.useState(()=>e.contentWrapper||"div");function l(d){var x;const{data:m}=d;if(m)switch(m.type){case"builder.configureSdk":{const h=m.data,{breakpoints:v,contentId:R}=h;if(!R||R!==((x=e.builderContextSignal.content)==null?void 0:x.id))return;v&&r({meta:{breakpoints:v}}),i(n+1);break}case"builder.contentUpdate":{const h=m.data,v=h.key||h.alias||h.entry||h.modelName,R=h.data;v===e.model&&(r(R),i(n+1));break}}}function u(){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[g,b]=react.useState(()=>({})),[y,f]=react.useState(()=>!1);function S(d){var m,x;if(e.builderContextSignal.content){const h=(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:h!==v?h:void 0,...getInteractionPropertiesForEvent(d),unique:!y})}y||f(!0)}function k(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 j({url:d,key:m}){serverEntry.fetch(d).then(x=>x.json()).then(x=>{var v,R;const h={...e.builderContextSignal.rootState,[m]:x};(R=(v=e.builderContextSignal).rootSetState)==null||R.call(v,h),g[m]=!0}).catch(x=>{console.error("error fetching dynamic data",d,x)})}function C(){var m,x,h;const d=(h=(x=(m=e.builderContextSignal.content)==null?void 0:m.data)==null?void 0:x.httpRequests)!=null?h:{};Object.entries(d).forEach(([v,R])=>{if(R&&(!g[v]||serverEntry.isEditing())){const B=k(R);j({url:B,key:v})}})}function p(){serverEntry.isEditing()&&window.dispatchEvent(new CustomEvent("builder:component:stateChange",{detail:{state:serverEntry.fastClone(e.builderContextSignal.rootState),ref:{name:e.model}}}))}function E(d){i(n+1),window.addEventListener("message",l),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 h;const x=serverEntry.createRegisterComponentMessage(m);(h=window.parent)==null||h.postMessage(x,"*")}),window.addEventListener("builder:component:stateChangeListenerActivated",p)}function I(d){const m=new URL(location.href).searchParams,x=m.get("builder.preview"),h=m.get(`builder.preview.${x}`),v=m.get("apiKey")||m.get("builder.space");x===e.model&&v===e.apiKey&&(!e.content||h===e.content.id)&&serverEntry.fetchOneEntry({model:e.model,apiKey:e.apiKey,apiVersion:e.builderContextSignal.apiVersion}).then(R=>{R&&r(R)})}return react.useEffect(()=>{var d;return(d=t.current)==null||d.addEventListener("initeditingbldr",E),()=>{var m;return(m=t.current)==null?void 0:m.removeEventListener("initeditingbldr",E)}},[]),react.useEffect(()=>{var d;return(d=t.current)==null||d.addEventListener("initpreviewingbldr",I),()=>{var m;return(m=t.current)==null?void 0:m.removeEventListener("initpreviewingbldr",I)}},[]),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 h=(d=e.builderContextSignal.content)==null?void 0:d.testVariationId,v=(m=e.builderContextSignal.content)==null?void 0:m.id,R=e.apiKey;serverEntry._track({type:"impression",canTrack:!0,contentId:v,apiKey:R,variationId:h!==v?h: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."),u(),C(),p()},[]),react.useEffect(()=>{e.content&&r(e.content)},[e.content]),react.useEffect(()=>{},[o]),react.useEffect(()=>{u()},[(w=(T=e.builderContextSignal.content)==null?void 0:T.data)==null?void 0:w.jsCode,e.builderContextSignal.rootState]),react.useEffect(()=>{C()},[(A=(P=e.builderContextSignal.content)==null?void 0:P.data)==null?void 0:A.httpRequests]),react.useEffect(()=>{p()},[e.builderContextSignal.rootState]),react.useEffect(()=>()=>{serverEntry.isBrowser()&&(window.removeEventListener("message",l),window.removeEventListener("builder:component:stateChangeListenerActivated",p))},[]),jsxRuntime.jsx(builderContext.Provider,{value:e.builderContextSignal,children:e.builderContextSignal.content?jsxRuntime.jsx(jsxRuntime.Fragment,{children:react.createElement(s,{key:n,ref:t,onClick:d=>S(d),"builder-content-id":(F=e.builderContextSignal.content)==null?void 0:F.id,"builder-model":e.model,...e.showContent?{}:{hidden:!0,"aria-hidden":!0},...e.contentWrapperProps,className:`variant-${((_=e.content)==null?void 0:_.testVariationId)||((V=e.content)==null?void 0:V.id)}`},e.children)}):null})}const getCssFromFont=e=>{var o,a;const t=e.family+(e.kind&&!e.kind.includes("#")?", "+e.kind:""),n=t.split(",")[0],i=(a=e.fileUrl)!=null?a:(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.11.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,s=i.data.arguments||[],c=i.data.id,l=new Function(a);let u,g=null;try{u=l.apply(null,s)}catch(b){g=b}g?(r=window.parent)==null||r.postMessage({type:"builder.evaluateError",data:{id:c,error:g.message}},"*"):u&&typeof u.then=="function"?u.then(b=>{var y;(y=window.parent)==null||y.postMessage({type:"builder.evaluateResult",data:{id:c,result:b}},"*")}).catch(console.error):(o=window.parent)==null||o.postMessage({type:"builder.evaluateResult",data:{result:u,id:c}},"*");break}}})))};function EnableEditor(e){var T,w,P,A,F,_,V;const t=react.useRef(null),[n,i]=react.useState(()=>0);function r(d){var x,h,v,R,B;const m={...e.builderContextSignal.content,...d,data:{...(x=e.builderContextSignal.content)==null?void 0:x.data,...d==null?void 0:d.data},meta:{...(h=e.builderContextSignal.content)==null?void 0:h.meta,...d==null?void 0:d.meta,breakpoints:((v=d==null?void 0:d.meta)==null?void 0:v.breakpoints)||((B=(R=e.builderContextSignal.content)==null?void 0:R.meta)==null?void 0:B.breakpoints)}};e.setBuilderContextSignal(W=>({...W,content:m}))}react.useState(()=>0);const[o,a]=react.useState(()=>!1),[s,c]=react.useState(()=>e.contentWrapper||"div");function l(d){var x;const{data:m}=d;if(m)switch(m.type){case"builder.configureSdk":{const h=m.data,{breakpoints:v,contentId:R}=h;if(!R||R!==((x=e.builderContextSignal.content)==null?void 0:x.id))return;v&&r({meta:{breakpoints:v}}),i(n+1);break}case"builder.contentUpdate":{const h=m.data,v=h.key||h.alias||h.entry||h.modelName,R=h.data;v===e.model&&(r(R),i(n+1));break}}}function u(){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[g,b]=react.useState(()=>({})),[y,f]=react.useState(()=>!1);function S(d){var m,x;if(e.builderContextSignal.content){const h=(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:h!==v?h:void 0,...getInteractionPropertiesForEvent(d),unique:!y})}y||f(!0)}function k(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 j({url:d,key:m}){serverEntry.fetch(d).then(x=>x.json()).then(x=>{var v,R;const h={...e.builderContextSignal.rootState,[m]:x};(R=(v=e.builderContextSignal).rootSetState)==null||R.call(v,h),g[m]=!0}).catch(x=>{console.error("error fetching dynamic data",d,x)})}function C(){var m,x,h;const d=(h=(x=(m=e.builderContextSignal.content)==null?void 0:m.data)==null?void 0:x.httpRequests)!=null?h:{};Object.entries(d).forEach(([v,R])=>{if(R&&(!g[v]||serverEntry.isEditing())){const B=k(R);j({url:B,key:v})}})}function p(){serverEntry.isEditing()&&window.dispatchEvent(new CustomEvent("builder:component:stateChange",{detail:{state:serverEntry.fastClone(e.builderContextSignal.rootState),ref:{name:e.model}}}))}function E(d){i(n+1),window.addEventListener("message",l),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 h;const x=serverEntry.createRegisterComponentMessage(m);(h=window.parent)==null||h.postMessage(x,"*")}),window.addEventListener("builder:component:stateChangeListenerActivated",p)}function I(d){const m=new URL(location.href).searchParams,x=m.get("builder.preview"),h=m.get(`builder.preview.${x}`),v=m.get("apiKey")||m.get("builder.space");x===e.model&&v===e.apiKey&&(!e.content||h===e.content.id)&&serverEntry.fetchOneEntry({model:e.model,apiKey:e.apiKey,apiVersion:e.builderContextSignal.apiVersion}).then(R=>{R&&r(R)})}return react.useEffect(()=>{var d;return(d=t.current)==null||d.addEventListener("initeditingbldr",E),()=>{var m;return(m=t.current)==null?void 0:m.removeEventListener("initeditingbldr",E)}},[]),react.useEffect(()=>{var d;return(d=t.current)==null||d.addEventListener("initpreviewingbldr",I),()=>{var m;return(m=t.current)==null?void 0:m.removeEventListener("initpreviewingbldr",I)}},[]),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 h=(d=e.builderContextSignal.content)==null?void 0:d.testVariationId,v=(m=e.builderContextSignal.content)==null?void 0:m.id,R=e.apiKey;serverEntry._track({type:"impression",canTrack:!0,contentId:v,apiKey:R,variationId:h!==v?h: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."),u(),C(),p()},[]),react.useEffect(()=>{e.content&&r(e.content)},[e.content]),react.useEffect(()=>{},[o]),react.useEffect(()=>{u()},[(w=(T=e.builderContextSignal.content)==null?void 0:T.data)==null?void 0:w.jsCode,e.builderContextSignal.rootState]),react.useEffect(()=>{C()},[(A=(P=e.builderContextSignal.content)==null?void 0:P.data)==null?void 0:A.httpRequests]),react.useEffect(()=>{p()},[e.builderContextSignal.rootState]),react.useEffect(()=>()=>{serverEntry.isBrowser()&&(window.removeEventListener("message",l),window.removeEventListener("builder:component:stateChangeListenerActivated",p))},[]),jsxRuntime.jsx(builderContext.Provider,{value:e.builderContextSignal,children:e.builderContextSignal.content?jsxRuntime.jsx(jsxRuntime.Fragment,{children:react.createElement(s,{key:n,ref:t,onClick:d=>S(d),"builder-content-id":(F=e.builderContextSignal.content)==null?void 0:F.id,"builder-model":e.model,...e.showContent?{}:{hidden:!0,"aria-hidden":!0},...e.contentWrapperProps,className:`variant-${((_=e.content)==null?void 0:_.testVariationId)||((V=e.content)==null?void 0:V.id)}`},e.children)}):null})}const getCssFromFont=e=>{var o,a;const t=e.family+(e.kind&&!e.kind.includes("#")?", "+e.kind:""),n=t.split(",")[0],i=(a=e.fileUrl)!=null?a:(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

@@ -2136,7 +2136,7 @@ const findParentElement = (e, t, n = !0) => {
       builderElementIndex: n && i ? [].slice.call(document.getElementsByClassName(i)).indexOf(n) : void 0
     }
   };
-}, SDK_VERSION = "0.11.1", registerInsertMenu = () => {
+}, SDK_VERSION = "0.11.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.11.1",
+  "version": "0.11.2",
   "homepage": "https://github.com/BuilderIO/builder/tree/main/packages/sdks/output/react",
   "type": "module",
   "repository": {

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

@@ -1 +1 @@
-export declare const SDK_VERSION = "0.11.1";
+export declare const SDK_VERSION = "0.11.2";