@builder.io/sdk-react 0.12.2 → 0.12.3

package/lib/browser/index.cjs

@@ -1,6 +1,4 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),m=require("react"),u=require("./server-entry-df9eba5d.cjs");function ce(e){return a.jsxs(a.Fragment,{children:[e.link?a.jsx(a.Fragment,{children:a.jsx("a",{...e.attributes,href:e.link,target:e.openLinkInNewTab?"_blank":void 0,role:"button",children:e.text})}):a.jsx(a.Fragment,{children:a.jsx("button",{...e.attributes,style:e.attributes.style,className:e.attributes.className+" button-fdf49de0",children:e.text})}),a.jsx("style",{children:`.button-fdf49de0 {
-  all: unset;
-}`})]})}const H=m.createContext({content:null,context:{},localState:void 0,rootSetState(){},rootState:{},apiKey:null,apiVersion:void 0,componentInfos:{},inheritedStyles:{},BlocksWrapper:"div",BlocksWrapperProps:{}}),le=m.createContext({registeredComponents:{}});function Ie(e){var t;return{...(t=e.component)==null?void 0:t.options,...e.options,builderBlock:e}}const Ee=({builder:e,context:t,event:n,state:i})=>Object.entries({state:i,Builder:e,builder:e,context:t,event:n}),Te=()=>({isEditing:u.isEditing(),isBrowser:u.isBrowser(),isServer:!u.isBrowser(),getUserAttributes:()=>u.getUserAttributes()}),Re=(e,{isExpression:t=!0})=>t&&!(e.includes(";")||e.includes(" return ")||e.trim().startsWith("return "))?`return (${e});`:e,X=({code:e,builder:t,context:n,event:i,localState:o,rootSetState:c,rootState:r})=>{const l=Ee({builder:t,context:n,event:i,state:je(r,o,c)});return new Function(...l.map(([s])=>s),e)(...l.map(([,s])=>s))};function je(e,t,n){if(e===t)throw new Error("rootState === localState");return new Proxy(e,{get:(i,o)=>t&&o in t?t[o]:e[o],set:(i,o,c)=>{if(t&&o in t)throw new Error("Writing to local state is not allowed as it is read-only.");return e[o]=c,n==null||n(e),!0}})}const Be=e=>(u.isBrowser(),X(e));function A({code:e,context:t,localState:n,rootState:i,rootSetState:o,event:c,isExpression:r=!0}){if(e===""){u.logger.warn("Skipping evaluation of empty code block.");return}const l={code:Re(e,{isExpression:r}),builder:Te(),context:t,event:c,rootSetState:o,rootState:i,localState:n};try{return Be(l)}catch(s){u.logger.error("Failed code evaluation: "+s.message,{code:e});return}}const Pe=(e,t,n)=>{if(Object(e)!==e)return e;const i=Array.isArray(t)?t:t.toString().match(/[^.[\]]+/g);return i.slice(0,-1).reduce((o,c,r)=>Object(o[c])===o[c]?o[c]:o[c]=Math.abs(Number(i[r+1]))>>0===+i[r+1]?[]:{},e)[i[i.length-1]]=n,e};const Fe=({block:e,context:t,localState:n,rootState:i,rootSetState:o})=>{if(!e.bindings)return e;const c=u.fastClone(e),r={...c,properties:{...c.properties},actions:{...c.actions}};for(const l in e.bindings){const s=e.bindings[l],d=A({code:s,localState:n,rootState:i,rootSetState:o,context:t});Pe(r,l,d)}return r};function N({block:e,context:t,shouldEvaluateBindings:n,localState:i,rootState:o,rootSetState:c}){const r=e;return n?Fe({block:r,localState:i,rootState:o,rootSetState:c,context:t}):r}const Ae=({block:e,context:t,registeredComponents:n})=>{var c;const i=(c=N({block:e,localState:t.localState,rootState:t.rootState,rootSetState:t.rootSetState,context:t.context,shouldEvaluateBindings:!1}).component)==null?void 0:c.name;if(!i)return null;const o=n[i];if(o)return o;console.warn(`
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),m=require("react"),u=require("./server-entry-df9eba5d.cjs");function ce(e){return a.jsx(a.Fragment,{children:e.link?a.jsx(a.Fragment,{children:a.jsx("a",{...e.attributes,href:e.link,target:e.openLinkInNewTab?"_blank":void 0,role:"button",children:e.text})}):a.jsx(a.Fragment,{children:a.jsx("button",{role:"button",...e.attributes,className:`builder-button ${e.attributes.className}`,style:e.attributes.style,children:e.text})})})}const H=m.createContext({content:null,context:{},localState:void 0,rootSetState(){},rootState:{},apiKey:null,apiVersion:void 0,componentInfos:{},inheritedStyles:{},BlocksWrapper:"div",BlocksWrapperProps:{}}),le=m.createContext({registeredComponents:{}});function Ie(e){var t;return{...(t=e.component)==null?void 0:t.options,...e.options,builderBlock:e}}const Ee=({builder:e,context:t,event:n,state:i})=>Object.entries({state:i,Builder:e,builder:e,context:t,event:n}),Te=()=>({isEditing:u.isEditing(),isBrowser:u.isBrowser(),isServer:!u.isBrowser(),getUserAttributes:()=>u.getUserAttributes()}),Re=(e,{isExpression:t=!0})=>t&&!(e.includes(";")||e.includes(" return ")||e.trim().startsWith("return "))?`return (${e});`:e,X=({code:e,builder:t,context:n,event:i,localState:o,rootSetState:c,rootState:r})=>{const l=Ee({builder:t,context:n,event:i,state:je(r,o,c)});return new Function(...l.map(([s])=>s),e)(...l.map(([,s])=>s))};function je(e,t,n){if(e===t)throw new Error("rootState === localState");return new Proxy(e,{get:(i,o)=>t&&o in t?t[o]:e[o],set:(i,o,c)=>{if(t&&o in t)throw new Error("Writing to local state is not allowed as it is read-only.");return e[o]=c,n==null||n(e),!0}})}const Be=e=>(u.isBrowser(),X(e));function A({code:e,context:t,localState:n,rootState:i,rootSetState:o,event:c,isExpression:r=!0}){if(e===""){u.logger.warn("Skipping evaluation of empty code block.");return}const l={code:Re(e,{isExpression:r}),builder:Te(),context:t,event:c,rootSetState:o,rootState:i,localState:n};try{return Be(l)}catch(s){u.logger.error("Failed code evaluation: "+s.message,{code:e});return}}const Pe=(e,t,n)=>{if(Object(e)!==e)return e;const i=Array.isArray(t)?t:t.toString().match(/[^.[\]]+/g);return i.slice(0,-1).reduce((o,c,r)=>Object(o[c])===o[c]?o[c]:o[c]=Math.abs(Number(i[r+1]))>>0===+i[r+1]?[]:{},e)[i[i.length-1]]=n,e};const Fe=({block:e,context:t,localState:n,rootState:i,rootSetState:o})=>{if(!e.bindings)return e;const c=u.fastClone(e),r={...c,properties:{...c.properties},actions:{...c.actions}};for(const l in e.bindings){const s=e.bindings[l],d=A({code:s,localState:n,rootState:i,rootSetState:o,context:t});Pe(r,l,d)}return r};function N({block:e,context:t,shouldEvaluateBindings:n,localState:i,rootState:o,rootSetState:c}){const r=e;return n?Fe({block:r,localState:i,rootState:o,rootSetState:c,context:t}):r}const Ae=({block:e,context:t,registeredComponents:n})=>{var c;const i=(c=N({block:e,localState:t.localState,rootState:t.rootState,rootSetState:t.rootSetState,context:t.context,shouldEvaluateBindings:!1}).component)==null?void 0:c.name;if(!i)return null;const o=n[i];if(o)return o;console.warn(`
       Could not find a registered component named "${i}". 
       If you registered it, is the file that registered it imported by the file that needs to render it?`)},We=({block:e,context:t})=>{const{repeat:n,...i}=e;if(!(n!=null&&n.collection))return;const o=A({code:n.collection,localState:t.localState,rootState:t.rootState,rootSetState:t.rootSetState,context:t.context});if(!Array.isArray(o))return;const c=n.collection.split(".").pop(),r=n.itemName||(c?c+"Item":"item");return o.map((s,d)=>({context:{...t,localState:{...t.localState,$index:d,$item:s,[r]:s,[`$${r}Index`]:d}},block:i}))},se={small:{min:320,default:321,max:640},medium:{min:641,default:642,max:991},large:{min:990,default:991,max:1200}},Z=(e,t=se)=>`@media (max-width: ${t[e].max}px)`,de=({small:e,medium:t})=>{const n=u.fastClone(se);if(!e||!t)return n;const i=Math.floor(e/2);n.small={max:e,min:i,default:i+1};const o=n.small.max+1;n.medium={max:t,min:o,default:o+1};const c=n.medium.max+1;return n.large={max:2e3,min:c,default:c+1},n},Ve=e=>e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g,"$1-$2").toLowerCase(),ue=e=>Object.entries(e).map(([n,i])=>{if(typeof i=="string")return`${Ve(n)}: ${i};`}).filter(u.checkIsDefined),$e=e=>ue(e).join(`
 `),M=({mediaQuery:e,className:t,styles:n})=>{const i=`.${t} {
@@ -156,7 +154,7 @@
     "${t}",${JSON.stringify(e)}, ${pe}
   )`,wt=({contentId:e,variationId:t})=>`window.${ve}(
     "${t}", "${e}", ${pe}
-  )`;function O(e){return a.jsx("script",{dangerouslySetInnerHTML:{__html:e.scriptStr},id:e.id||""})}const It=["*.beta.builder.io","beta.builder.io","builder.io","localhost","qa.builder.io"];function ke(e,t){const n=new URL(t.origin),i=n.hostname;return(e||It).findIndex(o=>o.startsWith("*.")?i.endsWith(o.slice(1)):o===i)>-1}function ie(e){return Math.round(e*1e3)/1e3}const Et=(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},Tt=e=>Et(e,t=>{const n=t.getAttribute("builder-id")||t.id;return(n==null?void 0:n.indexOf("builder-"))===0}),ae=({event:e,target:t})=>{const n=t.getBoundingClientRect(),i=e.clientX-n.left,o=e.clientY-n.top,c=ie(i/n.width),r=ie(o/n.height);return{x:c,y:r}},Rt=e=>{const t=e.target,n=t&&Tt(t),i=(n==null?void 0:n.getAttribute("builder-id"))||(n==null?void 0:n.id);return{targetBuilderElement:i||void 0,metadata:{targetOffset:t?ae({event:e,target:t}):void 0,builderTargetOffset:n?ae({event:e,target:n}):void 0,builderElementIndex:n&&i?[].slice.call(document.getElementsByClassName(i)).indexOf(n):void 0}}},jt="0.12.2",Bt=()=>{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 oe=!1;const Pt=(e={})=>{var t,n;oe||(oe=!0,u.isBrowser()&&((t=window.parent)==null||t.postMessage({type:"builder.sdkInfo",data:{target:u.TARGET,version:jt,supportsPatchUpdates:!1,supportsAddBlockScoping:!0,supportsCustomBreakpoints:!0}},"*"),(n=window.parent)==null||n.postMessage({type:"builder.updateContent",data:{options:e}},"*"),window.addEventListener("message",i=>{var c,r;if(!ke(e.trustedHosts,i))return;const{data:o}=i;if(o!=null&&o.type)switch(o.type){case"builder.evaluate":{const l=o.data.text,s=o.data.arguments||[],d=o.data.id,g=new Function(l);let b,v=null;try{b=g.apply(null,s)}catch(y){v=y}v?(c=window.parent)==null||c.postMessage({type:"builder.evaluateError",data:{id:d,error:v.message}},"*"):b&&typeof b.then=="function"?b.then(y=>{var k;(k=window.parent)==null||k.postMessage({type:"builder.evaluateResult",data:{id:d,result:y}},"*")}).catch(console.error):(r=window.parent)==null||r.postMessage({type:"builder.evaluateResult",data:{result:b,id:d}},"*");break}}})))};function Ft(e){var F,D,q,G,Y,Q,J;const t=m.useRef(null),[n,i]=m.useState(()=>0);m.useState(()=>!0);function o(f){var x,S;const h={...e.builderContextSignal.rootState,...f};e.builderContextSignal.rootSetState?(S=(x=e.builderContextSignal).rootSetState)==null||S.call(x,h):e.setBuilderContextSignal(p=>({...p,rootState:h}))}function c(f){var x,S,p,E,V;const h={...e.builderContextSignal.content,...f,data:{...(x=e.builderContextSignal.content)==null?void 0:x.data,...f==null?void 0:f.data},meta:{...(S=e.builderContextSignal.content)==null?void 0:S.meta,...f==null?void 0:f.meta,breakpoints:((p=f==null?void 0:f.meta)==null?void 0:p.breakpoints)||((V=(E=e.builderContextSignal.content)==null?void 0:E.meta)==null?void 0:V.breakpoints)}};e.setBuilderContextSignal(we=>({...we,content:h}))}m.useState(()=>0);const[r,l]=m.useState(()=>!1),[s,d]=m.useState(()=>e.contentWrapper||"div");function g(f){var x;if(!ke(e.trustedHosts,f))return;const{data:h}=f;if(h)switch(h.type){case"builder.configureSdk":{const S=h.data,{breakpoints:p,contentId:E}=S;if(!E||E!==((x=e.builderContextSignal.content)==null?void 0:x.id))return;p&&c({meta:{breakpoints:p}}),i(n+1);break}case"builder.contentUpdate":{const S=h.data,p=S.key||S.alias||S.entry||S.modelName,E=S.data;p===e.model&&(c(E),i(n+1));break}}}function b(){var h,x;const f=(x=(h=e.builderContextSignal.content)==null?void 0:h.data)==null?void 0:x.jsCode;f&&A({code:f,context:e.context||{},localState:void 0,rootState:e.builderContextSignal.rootState,rootSetState:e.builderContextSignal.rootSetState})}const[v,y]=m.useState(()=>({})),[k,C]=m.useState(()=>!1);function T(f){var h,x;if(e.builderContextSignal.content){const S=(h=e.builderContextSignal.content)==null?void 0:h.testVariationId,p=(x=e.builderContextSignal.content)==null?void 0:x.id;u._track({type:"click",canTrack:u.getDefaultCanTrack(e.canTrack),contentId:p,apiKey:e.apiKey,variationId:S!==p?S:void 0,...Rt(f),unique:!k})}k||C(!0)}function R(f){return f.replace(/{{([^}]+)}}/g,(h,x)=>A({code:x,context:e.context||{},localState:void 0,rootState:e.builderContextSignal.rootState,rootSetState:e.builderContextSignal.rootSetState}))}function w({url:f,key:h}){u.fetch(f).then(x=>x.json()).then(x=>{var p,E;const S={...e.builderContextSignal.rootState,[h]:x};(E=(p=e.builderContextSignal).rootSetState)==null||E.call(p,S),v[h]=!0}).catch(x=>{console.error("error fetching dynamic data",f,x)})}function I(){var h,x,S;const f=(S=(x=(h=e.builderContextSignal.content)==null?void 0:h.data)==null?void 0:x.httpRequests)!=null?S:{};Object.entries(f).forEach(([p,E])=>{if(E&&(!v[p]||u.isEditing())){const V=R(E);w({url:V,key:p})}})}function j(){u.isEditing()&&window.dispatchEvent(new CustomEvent("builder:component:stateChange",{detail:{state:u.fastClone(e.builderContextSignal.rootState),ref:{name:e.model}}}))}function B(f){i(n+1),window.addEventListener("message",g),Bt(),Pt({...e.locale?{locale:e.locale}:{},...e.includeRefs?{includeRefs:e.includeRefs}:{},...e.enrich?{enrich:e.enrich}:{},...e.trustedHosts?{trustedHosts:e.trustedHosts}:{}}),Object.values(e.builderContextSignal.componentInfos).forEach(h=>{var S;const x=u.createRegisterComponentMessage(h);(S=window.parent)==null||S.postMessage(x,"*")}),window.addEventListener("builder:component:stateChangeListenerActivated",j)}function P(f){const h=new URL(location.href).searchParams,x=h.get("builder.preview"),S=h.get(`builder.preview.${x}`),p=h.get("apiKey")||h.get("builder.space");x===e.model&&p===e.apiKey&&(!e.content||S===e.content.id)&&u.fetchOneEntry({model:e.model,apiKey:e.apiKey,apiVersion:e.builderContextSignal.apiVersion}).then(E=>{E&&c(E)})}return m.useEffect(()=>{var f;return(f=t.current)==null||f.addEventListener("initeditingbldr",B),()=>{var h;return(h=t.current)==null?void 0:h.removeEventListener("initeditingbldr",B)}},[]),m.useEffect(()=>{var f;return(f=t.current)==null||f.addEventListener("initpreviewingbldr",P),()=>{var h;return(h=t.current)==null?void 0:h.removeEventListener("initpreviewingbldr",P)}},[]),m.useEffect(()=>{var f,h;if(u.isBrowser()){if(u.isEditing()&&t.current&&t.current.dispatchEvent(new CustomEvent("initeditingbldr")),e.builderContextSignal.content&&u.getDefaultCanTrack(e.canTrack)){const S=(f=e.builderContextSignal.content)==null?void 0:f.testVariationId,p=(h=e.builderContextSignal.content)==null?void 0:h.id,E=e.apiKey;u._track({type:"impression",canTrack:!0,contentId:p,apiKey:E,variationId:S!==p?S:void 0})}u.isPreviewing()&&t.current&&t.current.dispatchEvent(new CustomEvent("initpreviewingbldr"))}},[]),m.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."),b(),I(),j()},[]),m.useEffect(()=>{e.content&&c(e.content)},[e.content]),m.useEffect(()=>{},[r]),m.useEffect(()=>{b()},[(D=(F=e.builderContextSignal.content)==null?void 0:F.data)==null?void 0:D.jsCode,e.builderContextSignal.rootState]),m.useEffect(()=>{I()},[(G=(q=e.builderContextSignal.content)==null?void 0:q.data)==null?void 0:G.httpRequests]),m.useEffect(()=>{j()},[e.builderContextSignal.rootState]),m.useEffect(()=>{e.data&&o(e.data)},[e.data]),m.useEffect(()=>{e.locale&&o({locale:e.locale})},[e.locale]),m.useEffect(()=>()=>{u.isBrowser()&&(window.removeEventListener("message",g),window.removeEventListener("builder:component:stateChangeListenerActivated",j))},[]),a.jsx(H.Provider,{value:e.builderContextSignal,children:e.builderContextSignal.content?a.jsx(a.Fragment,{children:m.createElement(s,{key:n,ref:t,onClick:f=>T(f),"builder-content-id":(Y=e.builderContextSignal.content)==null?void 0:Y.id,"builder-model":e.model,...e.showContent?{}:{hidden:!0,"aria-hidden":!0},...e.contentWrapperProps,className:`variant-${((Q=e.content)==null?void 0:Q.testVariationId)||((J=e.content)==null?void 0:J.id)}`},e.children)}):null})}const At=e=>{var c,r;const t=e.family+(e.kind&&!e.kind.includes("#")?", "+e.kind:""),n=t.split(",")[0],i=(r=e.fileUrl)!=null?r:(c=e==null?void 0:e.files)==null?void 0:c.regular;let o="";if(i&&t&&n&&(o+=`
+  )`;function O(e){return a.jsx("script",{dangerouslySetInnerHTML:{__html:e.scriptStr},id:e.id||""})}const It=["*.beta.builder.io","beta.builder.io","builder.io","localhost","qa.builder.io"];function ke(e,t){const n=new URL(t.origin),i=n.hostname;return(e||It).findIndex(o=>o.startsWith("*.")?i.endsWith(o.slice(1)):o===i)>-1}function ie(e){return Math.round(e*1e3)/1e3}const Et=(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},Tt=e=>Et(e,t=>{const n=t.getAttribute("builder-id")||t.id;return(n==null?void 0:n.indexOf("builder-"))===0}),ae=({event:e,target:t})=>{const n=t.getBoundingClientRect(),i=e.clientX-n.left,o=e.clientY-n.top,c=ie(i/n.width),r=ie(o/n.height);return{x:c,y:r}},Rt=e=>{const t=e.target,n=t&&Tt(t),i=(n==null?void 0:n.getAttribute("builder-id"))||(n==null?void 0:n.id);return{targetBuilderElement:i||void 0,metadata:{targetOffset:t?ae({event:e,target:t}):void 0,builderTargetOffset:n?ae({event:e,target:n}):void 0,builderElementIndex:n&&i?[].slice.call(document.getElementsByClassName(i)).indexOf(n):void 0}}},jt="0.12.3",Bt=()=>{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 oe=!1;const Pt=(e={})=>{var t,n;oe||(oe=!0,u.isBrowser()&&((t=window.parent)==null||t.postMessage({type:"builder.sdkInfo",data:{target:u.TARGET,version:jt,supportsPatchUpdates:!1,supportsAddBlockScoping:!0,supportsCustomBreakpoints:!0}},"*"),(n=window.parent)==null||n.postMessage({type:"builder.updateContent",data:{options:e}},"*"),window.addEventListener("message",i=>{var c,r;if(!ke(e.trustedHosts,i))return;const{data:o}=i;if(o!=null&&o.type)switch(o.type){case"builder.evaluate":{const l=o.data.text,s=o.data.arguments||[],d=o.data.id,g=new Function(l);let b,v=null;try{b=g.apply(null,s)}catch(y){v=y}v?(c=window.parent)==null||c.postMessage({type:"builder.evaluateError",data:{id:d,error:v.message}},"*"):b&&typeof b.then=="function"?b.then(y=>{var k;(k=window.parent)==null||k.postMessage({type:"builder.evaluateResult",data:{id:d,result:y}},"*")}).catch(console.error):(r=window.parent)==null||r.postMessage({type:"builder.evaluateResult",data:{result:b,id:d}},"*");break}}})))};function Ft(e){var F,D,q,G,Y,Q,J;const t=m.useRef(null),[n,i]=m.useState(()=>0);m.useState(()=>!0);function o(f){var x,S;const h={...e.builderContextSignal.rootState,...f};e.builderContextSignal.rootSetState?(S=(x=e.builderContextSignal).rootSetState)==null||S.call(x,h):e.setBuilderContextSignal(p=>({...p,rootState:h}))}function c(f){var x,S,p,E,V;const h={...e.builderContextSignal.content,...f,data:{...(x=e.builderContextSignal.content)==null?void 0:x.data,...f==null?void 0:f.data},meta:{...(S=e.builderContextSignal.content)==null?void 0:S.meta,...f==null?void 0:f.meta,breakpoints:((p=f==null?void 0:f.meta)==null?void 0:p.breakpoints)||((V=(E=e.builderContextSignal.content)==null?void 0:E.meta)==null?void 0:V.breakpoints)}};e.setBuilderContextSignal(we=>({...we,content:h}))}m.useState(()=>0);const[r,l]=m.useState(()=>!1),[s,d]=m.useState(()=>e.contentWrapper||"div");function g(f){var x;if(!ke(e.trustedHosts,f))return;const{data:h}=f;if(h)switch(h.type){case"builder.configureSdk":{const S=h.data,{breakpoints:p,contentId:E}=S;if(!E||E!==((x=e.builderContextSignal.content)==null?void 0:x.id))return;p&&c({meta:{breakpoints:p}}),i(n+1);break}case"builder.contentUpdate":{const S=h.data,p=S.key||S.alias||S.entry||S.modelName,E=S.data;p===e.model&&(c(E),i(n+1));break}}}function b(){var h,x;const f=(x=(h=e.builderContextSignal.content)==null?void 0:h.data)==null?void 0:x.jsCode;f&&A({code:f,context:e.context||{},localState:void 0,rootState:e.builderContextSignal.rootState,rootSetState:e.builderContextSignal.rootSetState})}const[v,y]=m.useState(()=>({})),[k,C]=m.useState(()=>!1);function T(f){var h,x;if(e.builderContextSignal.content){const S=(h=e.builderContextSignal.content)==null?void 0:h.testVariationId,p=(x=e.builderContextSignal.content)==null?void 0:x.id;u._track({type:"click",canTrack:u.getDefaultCanTrack(e.canTrack),contentId:p,apiKey:e.apiKey,variationId:S!==p?S:void 0,...Rt(f),unique:!k})}k||C(!0)}function R(f){return f.replace(/{{([^}]+)}}/g,(h,x)=>A({code:x,context:e.context||{},localState:void 0,rootState:e.builderContextSignal.rootState,rootSetState:e.builderContextSignal.rootSetState}))}function w({url:f,key:h}){u.fetch(f).then(x=>x.json()).then(x=>{var p,E;const S={...e.builderContextSignal.rootState,[h]:x};(E=(p=e.builderContextSignal).rootSetState)==null||E.call(p,S),v[h]=!0}).catch(x=>{console.error("error fetching dynamic data",f,x)})}function I(){var h,x,S;const f=(S=(x=(h=e.builderContextSignal.content)==null?void 0:h.data)==null?void 0:x.httpRequests)!=null?S:{};Object.entries(f).forEach(([p,E])=>{if(E&&(!v[p]||u.isEditing())){const V=R(E);w({url:V,key:p})}})}function j(){u.isEditing()&&window.dispatchEvent(new CustomEvent("builder:component:stateChange",{detail:{state:u.fastClone(e.builderContextSignal.rootState),ref:{name:e.model}}}))}function B(f){i(n+1),window.addEventListener("message",g),Bt(),Pt({...e.locale?{locale:e.locale}:{},...e.includeRefs?{includeRefs:e.includeRefs}:{},...e.enrich?{enrich:e.enrich}:{},...e.trustedHosts?{trustedHosts:e.trustedHosts}:{}}),Object.values(e.builderContextSignal.componentInfos).forEach(h=>{var S;const x=u.createRegisterComponentMessage(h);(S=window.parent)==null||S.postMessage(x,"*")}),window.addEventListener("builder:component:stateChangeListenerActivated",j)}function P(f){const h=new URL(location.href).searchParams,x=h.get("builder.preview"),S=h.get(`builder.preview.${x}`),p=h.get("apiKey")||h.get("builder.space");x===e.model&&p===e.apiKey&&(!e.content||S===e.content.id)&&u.fetchOneEntry({model:e.model,apiKey:e.apiKey,apiVersion:e.builderContextSignal.apiVersion}).then(E=>{E&&c(E)})}return m.useEffect(()=>{var f;return(f=t.current)==null||f.addEventListener("initeditingbldr",B),()=>{var h;return(h=t.current)==null?void 0:h.removeEventListener("initeditingbldr",B)}},[]),m.useEffect(()=>{var f;return(f=t.current)==null||f.addEventListener("initpreviewingbldr",P),()=>{var h;return(h=t.current)==null?void 0:h.removeEventListener("initpreviewingbldr",P)}},[]),m.useEffect(()=>{var f,h;if(u.isBrowser()){if(u.isEditing()&&t.current&&t.current.dispatchEvent(new CustomEvent("initeditingbldr")),e.builderContextSignal.content&&u.getDefaultCanTrack(e.canTrack)){const S=(f=e.builderContextSignal.content)==null?void 0:f.testVariationId,p=(h=e.builderContextSignal.content)==null?void 0:h.id,E=e.apiKey;u._track({type:"impression",canTrack:!0,contentId:p,apiKey:E,variationId:S!==p?S:void 0})}u.isPreviewing()&&t.current&&t.current.dispatchEvent(new CustomEvent("initpreviewingbldr"))}},[]),m.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."),b(),I(),j()},[]),m.useEffect(()=>{e.content&&c(e.content)},[e.content]),m.useEffect(()=>{},[r]),m.useEffect(()=>{b()},[(D=(F=e.builderContextSignal.content)==null?void 0:F.data)==null?void 0:D.jsCode,e.builderContextSignal.rootState]),m.useEffect(()=>{I()},[(G=(q=e.builderContextSignal.content)==null?void 0:q.data)==null?void 0:G.httpRequests]),m.useEffect(()=>{j()},[e.builderContextSignal.rootState]),m.useEffect(()=>{e.data&&o(e.data)},[e.data]),m.useEffect(()=>{e.locale&&o({locale:e.locale})},[e.locale]),m.useEffect(()=>()=>{u.isBrowser()&&(window.removeEventListener("message",g),window.removeEventListener("builder:component:stateChangeListenerActivated",j))},[]),a.jsx(H.Provider,{value:e.builderContextSignal,children:e.builderContextSignal.content?a.jsx(a.Fragment,{children:m.createElement(s,{key:n,ref:t,onClick:f=>T(f),"builder-content-id":(Y=e.builderContextSignal.content)==null?void 0:Y.id,"builder-model":e.model,...e.showContent?{}:{hidden:!0,"aria-hidden":!0},...e.contentWrapperProps,className:`variant-${((Q=e.content)==null?void 0:Q.testVariationId)||((J=e.content)==null?void 0:J.id)}`},e.children)}):null})}const At=e=>{var c,r;const t=e.family+(e.kind&&!e.kind.includes("#")?", "+e.kind:""),n=t.split(",")[0],i=(r=e.fileUrl)!=null?r:(c=e==null?void 0:e.files)==null?void 0:c.regular;let o="";if(i&&t&&n&&(o+=`
 @font-face {
 font-family: "${t}";
 src: local("${n}"), url('${i}') format('woff2');
@@ -174,6 +172,10 @@ font-weight: ${l};
 ${Vt({cssCode:e.cssCode,contentId:e.contentId})}
 ${Wt({customFonts:e.customFonts})}
 
+.builder-button {
+  all: unset;
+}
+
 .builder-text > p:first-of-type, .builder-text > .builder-paragraph:first-of-type {
   margin: 0;
 }