@builder.io/sdk-react 1.0.14 → 1.0.16

package/lib/browser/blocks-exports.cjs

@@ -1,11 +1,11 @@
-"use client";"use strict";var Pe=Object.defineProperty;var Ve=(e,t,n)=>t in e?Pe(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n;var q=(e,t,n)=>(Ve(e,typeof t!="symbol"?t+"":t,n),n);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),m=require("./server-entry-742c121c.cjs"),h=require("react"),Fe=new Set(["area","base","br","col","embed","hr","img","input","keygen","link","meta","param","source","track","wbr"]),Be=e=>typeof e=="string"&&Fe.has(e.toLowerCase());function Y(e){return a.jsx(a.Fragment,{children:Be(e.TagName)?a.jsx(a.Fragment,{children:a.jsx(e.TagName,{...e.attributes,...e.actionAttributes})}):a.jsx(a.Fragment,{children:typeof e.TagName=="string"?a.jsx(e.TagName,{...e.attributes,...e.actionAttributes,children:e.children}):a.jsx(e.TagName,{...e.attributes,...e.actionAttributes,children:e.children})})})}const D=()=>{switch(m.TARGET){case"react":case"reactNative":case"rsc":return"className";case"svelte":case"vue":case"solid":case"qwik":return"class"}};function ce(e){return a.jsx(Y,{attributes:{...e.attributes,[D()]:`${e.link?"":"builder-button"} ${e.attributes[D()]||""}`,...e.link?{href:e.link,target:e.openLinkInNewTab?"_blank":void 0,role:"link"}:{role:"button"}},TagName:e.link?e.builderLinkComponent||"a":"button",actionAttributes:{},children:e.text})}const G=h.createContext({content:null,context:{},localState:void 0,rootSetState(){},rootState:{},apiKey:null,apiVersion:void 0,componentInfos:{},inheritedStyles:{},BlocksWrapper:"div",BlocksWrapperProps:{}}),de=h.createContext({registeredComponents:{}});function Ae(e){var t;return{...(t=e.component)==null?void 0:t.options,...e.options,builderBlock:e}}const We=({builder:e,context:t,event:n,state:i})=>Object.entries({state:i,Builder:e,builder:e,context:t,event:n}),Ne=()=>({isEditing:m.isEditing(),isBrowser:m.isBrowser(),isServer:!m.isBrowser(),getUserAttributes:()=>m.getUserAttributes()}),$e=(e,{isExpression:t=!0})=>t&&!(e.includes(";")||e.includes(" return ")||e.trim().startsWith("return "))?`return (${e});`:e,te=({code:e,builder:t,context:n,event:i,localState:o,rootSetState:r,rootState:s})=>{const l=We({builder:t,context:n,event:i,state:ue({rootState:s,localState:o,rootSetState:r})});return new Function(...l.map(([d])=>d),e)(...l.map(([,d])=>d))};function ue({rootState:e,localState:t,rootSetState:n}){return new Proxy(e,{get:(i,o)=>{if(t&&o in t)return t[o];const r=i[o];return typeof r=="object"&&r!==null?ue({rootState:r,localState:void 0,rootSetState:n?s=>{i[o]=s,n(i)}:void 0}):r},set:(i,o,r)=>{if(t&&o in t)throw new Error("Writing to local state is not allowed as it is read-only.");return i[o]=r,n==null||n(i),!0}})}function De(){var e;return typeof process!="undefined"&&m.checkIsDefined((e=process==null?void 0:process.versions)==null?void 0:e.node)}const Le=()=>{var i;if(!De())return!1;const e=process.arch==="arm64",t=process.version.startsWith("v20"),n=(i=process.env.NODE_OPTIONS)==null?void 0:i.includes("--no-node-snapshot");return e&&t&&!n?(m.logger.log("Skipping usage of `isolated-vm` to avoid crashes in Node v20 on an arm64 machine.\n    If you would like to use the `isolated-vm` package on this machine, please provide the `NODE_OPTIONS=--no-node-snapshot` config to your Node process.\n    See https://github.com/BuilderIO/builder/blob/main/packages/sdks/README.md#node-v20--m1-macs-apple-silicon-support for more information.\n    "),!0):!1},Me=e=>(m.isBrowser()||Le(),te(e)),V=class V{static getCacheKey(t){return JSON.stringify({...t,event:t.event?Math.random():void 0})}static getCachedValue(t){return V.cache.get(t)}static setCachedValue(t,n){V.cache.size>20&&V.cache.delete(V.cache.keys().next().value),V.cache.set(t,{value:n})}};q(V,"cacheLimit",20),q(V,"cache",new Map);let $=V;function L({code:e,context:t,localState:n,rootState:i,rootSetState:o,event:r,isExpression:s=!0,enableCache:l}){if(e===""){m.logger.warn("Skipping evaluation of empty code block.");return}const d={code:$e(e,{isExpression:s}),builder:Ne(),context:t,event:r,rootSetState:o,rootState:i,localState:n};if(l){const c=$.getCacheKey(d),f=$.getCachedValue(c);if(f)return f.value}try{const c=Me(d);if(l){const f=$.getCacheKey(d);$.setCachedValue(f,c)}return c}catch(c){m.logger.error("Failed code evaluation: "+c.message,{code:e});return}}const me=(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,r,s)=>Object(o[r])===o[r]?o[r]:o[r]=Math.abs(Number(i[s+1]))>>0===+i[s+1]?[]:{},e)[i[i.length-1]]=n,e};const Oe=({block:e,context:t,localState:n,rootState:i,rootSetState:o})=>{if(!e.bindings)return e;const r=m.fastClone(e),s={...r,properties:{...r.properties},actions:{...r.actions}};for(const l in e.bindings){const d=e.bindings[l],c=L({code:d,localState:n,rootState:i,rootSetState:o,context:t,enableCache:!0});me(s,l,c)}return s};function H({block:e,context:t,shouldEvaluateBindings:n,localState:i,rootState:o,rootSetState:r}){const s=e;return n?Oe({block:s,localState:i,rootState:o,rootSetState:r,context:t}):s}function Ue(e,t,n={}){let i,o,r,s=null,l=0;const d=function(){l=n.leading===!1?0:Date.now(),s=null,r=e.apply(i,o),s||(i=o=null)};return function(){const c=Date.now();!l&&n.leading===!1&&(l=c);const f=t-(c-l);return i=this,o=arguments,f<=0||f>t?(s&&(clearTimeout(s),s=null),l=c,r=e.apply(i,o),s||(i=o=null)):!s&&n.trailing!==!1&&(s=setTimeout(d,f)),r}}function A(e,...t){const n=Object(e);for(let i=1;i<arguments.length;i++){const o=arguments[i];if(o!=null)for(const r in o)Object.prototype.hasOwnProperty.call(o,r)&&(n[r]=o[r])}return n}const Q=e=>e?e.replace(/([A-Z])/g,t=>`-${t[0].toLowerCase()}`):"";function He(e){for(const t of e)switch(t.trigger){case"pageLoad":fe(t);break;case"hover":qe(t);break;case"scrollInView":ze(t);break}}function X(e){console.warn(`Cannot animate element: element with ID ${e} not found!`)}function Z(e,t){const n=Ke(e),i=getComputedStyle(t),o=e.steps[0].styles,r=e.steps[e.steps.length-1].styles,s=[o,r];for(const l of s)for(const d of n)d in l||(l[d]=i[d])}function Ke(e){const t=[];for(const n of e.steps)for(const i in n.styles)t.indexOf(i)===-1&&t.push(i);return t}function fe(e){const t=Array.prototype.slice.call(document.getElementsByClassName(e.elementId||e.id||""));if(!t.length){X(e.elementId||e.id||"");return}Array.from(t).forEach(n=>{Z(e,n),n.style.transition="none",n.style.transitionDelay="0",A(n.style,e.steps[0].styles),setTimeout(()=>{n.style.transition=`all ${e.duration}s ${Q(e.easing)}`,e.delay&&(n.style.transitionDelay=e.delay+"s"),A(n.style,e.steps[1].styles),setTimeout(()=>{n.style.transition="",n.style.transitionDelay=""},(e.delay||0)*1e3+e.duration*1e3+100)})})}function qe(e){const t=Array.prototype.slice.call(document.getElementsByClassName(e.elementId||e.id||""));if(!t.length){X(e.elementId||e.id||"");return}Array.from(t).forEach(n=>{Z(e,n);const i=e.steps[0].styles,o=e.steps[1].styles;function r(){A(n.style,i)}function s(){A(n.style,o)}r(),n.addEventListener("mouseenter",s),n.addEventListener("mouseleave",r),setTimeout(()=>{n.style.transition=`all ${e.duration}s ${Q(e.easing)}`,e.delay&&(n.style.transitionDelay=e.delay+"s")})})}function ze(e){const t=Array.prototype.slice.call(document.getElementsByClassName(e.elementId||e.id||""));if(!t.length){X(e.elementId||e.id||"");return}Array.from(t).forEach(n=>{Z(e,n);let i=!1,o=!1;function r(){!i&&l(n)?(i=!0,o=!0,setTimeout(()=>{A(n.style,e.steps[1].styles),e.repeat||document.removeEventListener("scroll",s),setTimeout(()=>{o=!1,e.repeat||(n.style.transition="",n.style.transitionDelay="")},(e.duration+(e.delay||0))*1e3+100)})):e.repeat&&i&&!o&&!l(n)&&(i=!1,A(n.style,e.steps[0].styles))}const s=Ue(r,200,{leading:!1});function l(f){const b=f.getBoundingClientRect(),x=window.innerHeight,C=(e.thresholdPercent||0)/100*x;return b.bottom>C&&b.top<x-C}const d=e.steps[0].styles;function c(){A(n.style,d)}c(),setTimeout(()=>{n.style.transition=`all ${e.duration}s ${Q(e.easing)}`,e.delay&&(n.style.transitionDelay=e.delay+"s")}),document.addEventListener("scroll",s,{capture:!0,passive:!0}),r()})}const _e=e=>e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g,"$1-$2").toLowerCase(),he=e=>Object.entries(e).map(([n,i])=>{if(typeof i=="string")return`${_e(n)}: ${i};`}).filter(m.checkIsDefined),Je=e=>he(e).join(`
+"use client";"use strict";var Pe=Object.defineProperty;var Ve=(e,t,n)=>t in e?Pe(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n;var q=(e,t,n)=>(Ve(e,typeof t!="symbol"?t+"":t,n),n);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),m=require("./server-entry-11e01841.cjs"),h=require("react"),Fe=new Set(["area","base","br","col","embed","hr","img","input","keygen","link","meta","param","source","track","wbr"]),Be=e=>typeof e=="string"&&Fe.has(e.toLowerCase());function Y(e){return a.jsx(a.Fragment,{children:Be(e.TagName)?a.jsx(a.Fragment,{children:a.jsx(e.TagName,{...e.attributes,...e.actionAttributes})}):a.jsx(a.Fragment,{children:typeof e.TagName=="string"?a.jsx(e.TagName,{...e.attributes,...e.actionAttributes,children:e.children}):a.jsx(e.TagName,{...e.attributes,...e.actionAttributes,children:e.children})})})}const D=()=>{switch(m.TARGET){case"react":case"reactNative":case"rsc":return"className";case"svelte":case"vue":case"solid":case"qwik":return"class"}};function ce(e){return a.jsx(Y,{attributes:{...e.attributes,[D()]:`${e.link?"":"builder-button"} ${e.attributes[D()]||""}`,...e.link?{href:e.link,target:e.openLinkInNewTab?"_blank":void 0,role:"link"}:{role:"button"}},TagName:e.link?e.builderLinkComponent||"a":"button",actionAttributes:{},children:e.text})}const G=h.createContext({content:null,context:{},localState:void 0,rootSetState(){},rootState:{},apiKey:null,apiVersion:void 0,componentInfos:{},inheritedStyles:{},BlocksWrapper:"div",BlocksWrapperProps:{}}),de=h.createContext({registeredComponents:{}});function Ae(e){var t;return{...(t=e.component)==null?void 0:t.options,...e.options,builderBlock:e}}const We=({builder:e,context:t,event:n,state:i})=>Object.entries({state:i,Builder:e,builder:e,context:t,event:n}),Ne=()=>({isEditing:m.isEditing(),isBrowser:m.isBrowser(),isServer:!m.isBrowser(),getUserAttributes:()=>m.getUserAttributes()}),$e=(e,{isExpression:t=!0})=>t&&!(e.includes(";")||e.includes(" return ")||e.trim().startsWith("return "))?`return (${e});`:e,te=({code:e,builder:t,context:n,event:i,localState:o,rootSetState:r,rootState:s})=>{const l=We({builder:t,context:n,event:i,state:ue({rootState:s,localState:o,rootSetState:r})});return new Function(...l.map(([d])=>d),e)(...l.map(([,d])=>d))};function ue({rootState:e,localState:t,rootSetState:n}){return new Proxy(e,{get:(i,o)=>{if(t&&o in t)return t[o];const r=i[o];return typeof r=="object"&&r!==null?ue({rootState:r,localState:void 0,rootSetState:n?s=>{i[o]=s,n(i)}:void 0}):r},set:(i,o,r)=>{if(t&&o in t)throw new Error("Writing to local state is not allowed as it is read-only.");return i[o]=r,n==null||n(i),!0}})}function De(){var e;return typeof process!="undefined"&&m.checkIsDefined((e=process==null?void 0:process.versions)==null?void 0:e.node)}const Le=()=>{var i;if(!De())return!1;const e=process.arch==="arm64",t=process.version.startsWith("v20"),n=(i=process.env.NODE_OPTIONS)==null?void 0:i.includes("--no-node-snapshot");return e&&t&&!n?(m.logger.log("Skipping usage of `isolated-vm` to avoid crashes in Node v20 on an arm64 machine.\n    If you would like to use the `isolated-vm` package on this machine, please provide the `NODE_OPTIONS=--no-node-snapshot` config to your Node process.\n    See https://github.com/BuilderIO/builder/blob/main/packages/sdks/README.md#node-v20--m1-macs-apple-silicon-support for more information.\n    "),!0):!1},Me=e=>(m.isBrowser()||Le(),te(e)),V=class V{static getCacheKey(t){return JSON.stringify({...t,event:t.event?Math.random():void 0})}static getCachedValue(t){return V.cache.get(t)}static setCachedValue(t,n){V.cache.size>20&&V.cache.delete(V.cache.keys().next().value),V.cache.set(t,{value:n})}};q(V,"cacheLimit",20),q(V,"cache",new Map);let $=V;function L({code:e,context:t,localState:n,rootState:i,rootSetState:o,event:r,isExpression:s=!0,enableCache:l}){if(e===""){m.logger.warn("Skipping evaluation of empty code block.");return}const d={code:$e(e,{isExpression:s}),builder:Ne(),context:t,event:r,rootSetState:o,rootState:i,localState:n};if(l){const c=$.getCacheKey(d),f=$.getCachedValue(c);if(f)return f.value}try{const c=Me(d);if(l){const f=$.getCacheKey(d);$.setCachedValue(f,c)}return c}catch(c){m.logger.error("Failed code evaluation: "+c.message,{code:e});return}}const me=(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,r,s)=>Object(o[r])===o[r]?o[r]:o[r]=Math.abs(Number(i[s+1]))>>0===+i[s+1]?[]:{},e)[i[i.length-1]]=n,e};const Oe=({block:e,context:t,localState:n,rootState:i,rootSetState:o})=>{if(!e.bindings)return e;const r=m.fastClone(e),s={...r,properties:{...r.properties},actions:{...r.actions}};for(const l in e.bindings){const d=e.bindings[l],c=L({code:d,localState:n,rootState:i,rootSetState:o,context:t,enableCache:!0});me(s,l,c)}return s};function H({block:e,context:t,shouldEvaluateBindings:n,localState:i,rootState:o,rootSetState:r}){const s=e;return n?Oe({block:s,localState:i,rootState:o,rootSetState:r,context:t}):s}function Ue(e,t,n={}){let i,o,r,s=null,l=0;const d=function(){l=n.leading===!1?0:Date.now(),s=null,r=e.apply(i,o),s||(i=o=null)};return function(){const c=Date.now();!l&&n.leading===!1&&(l=c);const f=t-(c-l);return i=this,o=arguments,f<=0||f>t?(s&&(clearTimeout(s),s=null),l=c,r=e.apply(i,o),s||(i=o=null)):!s&&n.trailing!==!1&&(s=setTimeout(d,f)),r}}function A(e,...t){const n=Object(e);for(let i=1;i<arguments.length;i++){const o=arguments[i];if(o!=null)for(const r in o)Object.prototype.hasOwnProperty.call(o,r)&&(n[r]=o[r])}return n}const Q=e=>e?e.replace(/([A-Z])/g,t=>`-${t[0].toLowerCase()}`):"";function He(e){for(const t of e)switch(t.trigger){case"pageLoad":fe(t);break;case"hover":qe(t);break;case"scrollInView":ze(t);break}}function X(e){console.warn(`Cannot animate element: element with ID ${e} not found!`)}function Z(e,t){const n=Ke(e),i=getComputedStyle(t),o=e.steps[0].styles,r=e.steps[e.steps.length-1].styles,s=[o,r];for(const l of s)for(const d of n)d in l||(l[d]=i[d])}function Ke(e){const t=[];for(const n of e.steps)for(const i in n.styles)t.indexOf(i)===-1&&t.push(i);return t}function fe(e){const t=Array.prototype.slice.call(document.getElementsByClassName(e.elementId||e.id||""));if(!t.length){X(e.elementId||e.id||"");return}Array.from(t).forEach(n=>{Z(e,n),n.style.transition="none",n.style.transitionDelay="0",A(n.style,e.steps[0].styles),setTimeout(()=>{n.style.transition=`all ${e.duration}s ${Q(e.easing)}`,e.delay&&(n.style.transitionDelay=e.delay+"s"),A(n.style,e.steps[1].styles),setTimeout(()=>{n.style.transition="",n.style.transitionDelay=""},(e.delay||0)*1e3+e.duration*1e3+100)})})}function qe(e){const t=Array.prototype.slice.call(document.getElementsByClassName(e.elementId||e.id||""));if(!t.length){X(e.elementId||e.id||"");return}Array.from(t).forEach(n=>{Z(e,n);const i=e.steps[0].styles,o=e.steps[1].styles;function r(){A(n.style,i)}function s(){A(n.style,o)}r(),n.addEventListener("mouseenter",s),n.addEventListener("mouseleave",r),setTimeout(()=>{n.style.transition=`all ${e.duration}s ${Q(e.easing)}`,e.delay&&(n.style.transitionDelay=e.delay+"s")})})}function ze(e){const t=Array.prototype.slice.call(document.getElementsByClassName(e.elementId||e.id||""));if(!t.length){X(e.elementId||e.id||"");return}Array.from(t).forEach(n=>{Z(e,n);let i=!1,o=!1;function r(){!i&&l(n)?(i=!0,o=!0,setTimeout(()=>{A(n.style,e.steps[1].styles),e.repeat||document.removeEventListener("scroll",s),setTimeout(()=>{o=!1,e.repeat||(n.style.transition="",n.style.transitionDelay="")},(e.duration+(e.delay||0))*1e3+100)})):e.repeat&&i&&!o&&!l(n)&&(i=!1,A(n.style,e.steps[0].styles))}const s=Ue(r,200,{leading:!1});function l(f){const b=f.getBoundingClientRect(),x=window.innerHeight,C=(e.thresholdPercent||0)/100*x;return b.bottom>C&&b.top<x-C}const d=e.steps[0].styles;function c(){A(n.style,d)}c(),setTimeout(()=>{n.style.transition=`all ${e.duration}s ${Q(e.easing)}`,e.delay&&(n.style.transitionDelay=e.delay+"s")}),document.addEventListener("scroll",s,{capture:!0,passive:!0}),r()})}const _e=e=>e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g,"$1-$2").toLowerCase(),he=e=>Object.entries(e).map(([n,i])=>{if(typeof i=="string")return`${_e(n)}: ${i};`}).filter(m.checkIsDefined),Je=e=>he(e).join(`
 `),z=({mediaQuery:e,className:t,styles:n})=>{const i=`.${t} {
     ${Je(n)}
   }`;return e?`${e} {
       ${i}
     }`:i};function Ye({style:e}){return e}const Ge=({block:e,context:t})=>ge(Ye({style:e.style||{},context:t,block:e}));function ge(e){switch(m.TARGET){case"svelte":case"vue":case"solid":return he(e).join(" ");case"qwik":case"reactNative":case"react":case"rsc":return e}}const Qe=({block:e,context:t,registeredComponents:n})=>{var r;const i=(r=H({block:e,localState:t.localState,rootState:t.rootState,rootSetState:t.rootSetState,context:t.context,shouldEvaluateBindings:!1}).component)==null?void 0:r.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?`)},Xe=({block:e,context:t})=>{const{repeat:n,...i}=e;if(!(n!=null&&n.collection))return;const o=L({code:n.collection,localState:t.localState,rootState:t.rootState,rootSetState:t.rootSetState,context:t.context,enableCache:!0});if(!Array.isArray(o))return;const r=n.collection.split(".").pop(),s=n.itemName||(r?r+"Item":"item");return o.map((d,c)=>({context:{...t,localState:{...t.localState,$index:c,$item:d,[s]:d,[`$${s}Index`]:c}},block:i}))},be={small:{min:320,default:321,max:640},medium:{min:641,default:642,max:991},large:{min:990,default:991,max:1200}},ne=(e,t=be)=>`@media (max-width: ${t[e].max}px)`,ye=({small:e,medium:t})=>{const n=m.fastClone(be);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 r=n.medium.max+1;return n.large={max:2e3,min:r,default:r+1},n};function K(e){return a.jsx("style",{dangerouslySetInnerHTML:{__html:e.styles},id:e.id})}function Ze(e){function t(){const i=H({block:e.block,localState:e.context.localState,rootState:e.context.rootState,rootSetState:e.context.rootSetState,context:e.context.context,shouldEvaluateBindings:!0});return m.checkIsDefined(i.hide)?!i.hide:m.checkIsDefined(i.show)?i.show:!0}function n(){var C;const i=H({block:e.block,localState:e.context.localState,rootState:e.context.rootState,rootSetState:e.context.rootSetState,context:e.context.context,shouldEvaluateBindings:!0}),o=i.responsiveStyles,r=e.context.content,s=ye(((C=r==null?void 0:r.meta)==null?void 0:C.breakpoints)||{}),l=o==null?void 0:o.large,d=o==null?void 0:o.medium,c=o==null?void 0:o.small,f=i.id;if(!f)return"";const b=l?z({className:f,styles:l}):"",x=d?z({className:f,styles:d,mediaQuery:ne("medium",s)}):"",p=c?z({className:f,styles:c,mediaQuery:ne("small",s)}):"";return[b,x,p].join(" ")}return a.jsx(a.Fragment,{children:n()&&t()?a.jsx(a.Fragment,{children:a.jsx(K,{styles:n()})}):null})}function et(e){return e.charAt(0).toUpperCase()+e.slice(1)}const tt=e=>`on${et(e)}`,nt=(e,t)=>n=>L({code:e,context:t.context,localState:t.localState,rootState:t.rootState,rootSetState:t.rootSetState,event:n,isExpression:!1,enableCache:!0});function xe(e){var i;const t={},n=(i=e.block.actions)!=null?i:{};for(const o in n){if(!n.hasOwnProperty(o))continue;const r=n[o];let s=tt(o);if(e.stripPrefix)switch(m.TARGET){case"vue":s=s.replace("v-on:","");break;case"svelte":s=s.replace("on:","");break}t[s]=nt(r,e)}return t}function it({properties:e}){return e}const ot=e=>({href:e.href});function ee({block:e,context:t}){var i;const n={...ot(e),...e.properties,"builder-id":e.id,style:Ge({block:e,context:t}),[D()]:[e.id,"builder-block",e.class,(i=e.properties)==null?void 0:i.class].filter(Boolean).join(" ")};return it({properties:n,context:t,block:e})}function at(e){return a.jsx(Y,{TagName:e.Wrapper,attributes:ee({block:e.block,context:e.context}),actionAttributes:xe({block:e.block,rootState:e.context.rootState,rootSetState:e.context.rootSetState,localState:e.context.localState,context:e.context.context,stripPrefix:!0}),children:e.children})}function rt(e){return a.jsx(e.Wrapper,{...e.wrapperProps,attributes:e.includeBlockProps?{...ee({block:e.block,context:e.context}),...xe({block:e.block,rootState:e.context.rootState,rootSetState:e.context.rootSetState,localState:e.context.localState,context:e.context.context})}:{},children:e.children})}const st=({componentOptions:e,builderBlock:t,context:n,componentRef:i,includeBlockProps:o,isInteractive:r,contextValue:s})=>{const l={...e,...o?{attributes:ee({block:t,context:s})}:{}};return r?{Wrapper:i,block:t,context:n,wrapperProps:e,includeBlockProps:o}:l};function ie(e){var i;const[t,n]=h.useState(()=>e.isInteractive?rt:e.componentRef);return a.jsx(a.Fragment,{children:e.componentRef?a.jsx(a.Fragment,{children:a.jsx(t,{...st({componentOptions:e.componentOptions,builderBlock:e.builderBlock,context:e.context,componentRef:e.componentRef,linkComponent:e.linkComponent,includeBlockProps:e.includeBlockProps,isInteractive:e.isInteractive,contextValue:e.context}),children:(i=e.blockChildren)==null?void 0:i.map(o=>a.jsx(M,{block:o,context:e.context,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},o.id))})}):null})}function lt(e){const[t,n]=h.useState(()=>e.repeatContext);return a.jsx(G.Provider,{value:t,children:a.jsx(M,{block:e.block,context:t,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent})})}function M(e){var d,c,f;function t(){return Qe({block:e.block,context:e.context,registeredComponents:e.registeredComponents})}function n(){return Xe({block:e.block,context:e.context})}function i(){var b;return(b=e.block.repeat)!=null&&b.collection?e.block:H({block:e.block,localState:e.context.localState,rootState:e.context.rootState,rootSetState:e.context.rootSetState,context:e.context.context,shouldEvaluateBindings:!0})}function o(){var x;return e.block.tagName==="a"||((x=i().properties)==null?void 0:x.href)||i().href?e.linkComponent||"a":e.block.tagName||"div"}function r(){var p,C;if((p=e.block.repeat)!=null&&p.collection)return!!((C=n==null?void 0:n())!=null&&C.length);const b="hide"in i()?i().hide:!1;return("show"in i()?i().show:!0)&&!b}function s(){var x,p;return!((x=t==null?void 0:t())!=null&&x.component)&&!n()?(p=i().children)!=null?p:[]:[]}function l(){var b,x,p,C,w,T,j,v,I,R,E;return{blockChildren:(b=i().children)!=null?b:[],componentRef:(x=t==null?void 0:t())==null?void 0:x.component,componentOptions:{...Ae(i()),builderContext:e.context,...((p=t==null?void 0:t())==null?void 0:p.name)==="Core:Button"||((C=t==null?void 0:t())==null?void 0:C.name)==="Symbol"||((w=t==null?void 0:t())==null?void 0:w.name)==="Columns"||((T=t==null?void 0:t())==null?void 0:T.name)==="Form:Form"?{builderLinkComponent:e.linkComponent}:{},...((j=t==null?void 0:t())==null?void 0:j.name)==="Symbol"||((v=t==null?void 0:t())==null?void 0:v.name)==="Columns"||((I=t==null?void 0:t())==null?void 0:I.name)==="Form:Form"?{builderComponents:e.registeredComponents}:{}},context:e.context,linkComponent:e.linkComponent,registeredComponents:e.registeredComponents,builderBlock:i(),includeBlockProps:((R=t==null?void 0:t())==null?void 0:R.noWrap)===!0,isInteractive:!((E=t==null?void 0:t())!=null&&E.isRSC)}}return h.useEffect(()=>{const b=i().id,x=i().animations;x&&b&&He(x.filter(p=>p.trigger!=="hover").map(p=>({...p,elementId:b})))},[]),a.jsx(a.Fragment,{children:r()?a.jsxs(a.Fragment,{children:[a.jsx(Ze,{block:e.block,context:e.context}),(d=t==null?void 0:t())!=null&&d.noWrap?a.jsx(a.Fragment,{children:a.jsx(ie,{componentRef:l().componentRef,componentOptions:l().componentOptions,blockChildren:l().blockChildren,context:l().context,registeredComponents:l().registeredComponents,linkComponent:l().linkComponent,builderBlock:l().builderBlock,includeBlockProps:l().includeBlockProps,isInteractive:l().isInteractive})}):a.jsx(a.Fragment,{children:n()?a.jsx(a.Fragment,{children:(f=n())==null?void 0:f.map((b,x)=>a.jsx(lt,{repeatContext:b.context,block:b.block,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},x))}):a.jsxs(at,{Wrapper:o(),block:i(),context:e.context,linkComponent:e.linkComponent,children:[a.jsx(ie,{componentRef:l().componentRef,componentOptions:l().componentOptions,blockChildren:l().blockChildren,context:l().context,registeredComponents:l().registeredComponents,linkComponent:l().linkComponent,builderBlock:l().builderBlock,includeBlockProps:l().includeBlockProps,isInteractive:l().isInteractive}),(c=s())==null?void 0:c.map(b=>a.jsx(M,{block:b,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent,context:e.context},b.id))]})})]}):null})}function ct(e){function t(){var o;return"builder-blocks"+((o=e.blocks)!=null&&o.length?"":" no-blocks")}function n(){var o,r;m.isEditing()&&!((o=e.blocks)!=null&&o.length)&&((r=window.parent)==null||r.postMessage({type:"builder.clickEmptyBlocks",data:{parentElementId:e.parent,dataPath:e.path}},"*"))}function i(){var o,r;m.isEditing()&&!((o=e.blocks)!=null&&o.length)&&((r=window.parent)==null||r.postMessage({type:"builder.hoverEmptyBlocks",data:{parentElementId:e.parent,dataPath:e.path}},"*"))}return a.jsxs(a.Fragment,{children:[a.jsx(e.BlocksWrapper,{className:t()+" props-blocks-wrapper-7cd1560e","builder-path":e.path,"builder-parent-id":e.parent,style:e.styleProp,onClick:o=>n(),onMouseEnter:o=>i(),onKeyPress:o=>n(),...e.BlocksWrapperProps,children:e.children}),a.jsx("style",{children:`.props-blocks-wrapper-7cd1560e {
+      If you registered it, is the file that registered it imported by the file that needs to render it?`)},Xe=({block:e,context:t})=>{const{repeat:n,...i}=e;if(!(n!=null&&n.collection))return;const o=L({code:n.collection,localState:t.localState,rootState:t.rootState,rootSetState:t.rootSetState,context:t.context,enableCache:!0});if(!Array.isArray(o))return;const r=n.collection.split(".").pop(),s=n.itemName||(r?r+"Item":"item");return o.map((d,c)=>({context:{...t,localState:{...t.localState,$index:c,$item:d,[s]:d,[`$${s}Index`]:c}},block:i}))},be={small:{min:320,default:321,max:640},medium:{min:641,default:642,max:991},large:{min:990,default:991,max:1200}},ne=(e,t=be)=>`@media (max-width: ${t[e].max}px)`,ye=({small:e,medium:t})=>{const n=m.fastClone(be);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 r=n.medium.max+1;return n.large={max:2e3,min:r,default:r+1},n};function K(e){return a.jsx("style",{dangerouslySetInnerHTML:{__html:e.styles},"data-id":e.id})}function Ze(e){function t(){const i=H({block:e.block,localState:e.context.localState,rootState:e.context.rootState,rootSetState:e.context.rootSetState,context:e.context.context,shouldEvaluateBindings:!0});return m.checkIsDefined(i.hide)?!i.hide:m.checkIsDefined(i.show)?i.show:!0}function n(){var C;const i=H({block:e.block,localState:e.context.localState,rootState:e.context.rootState,rootSetState:e.context.rootSetState,context:e.context.context,shouldEvaluateBindings:!0}),o=i.responsiveStyles,r=e.context.content,s=ye(((C=r==null?void 0:r.meta)==null?void 0:C.breakpoints)||{}),l=o==null?void 0:o.large,d=o==null?void 0:o.medium,c=o==null?void 0:o.small,f=i.id;if(!f)return"";const b=l?z({className:f,styles:l}):"",x=d?z({className:f,styles:d,mediaQuery:ne("medium",s)}):"",p=c?z({className:f,styles:c,mediaQuery:ne("small",s)}):"";return[b,x,p].join(" ")}return a.jsx(a.Fragment,{children:n()&&t()?a.jsx(a.Fragment,{children:a.jsx(K,{id:"builderio-block",styles:n()})}):null})}function et(e){return e.charAt(0).toUpperCase()+e.slice(1)}const tt=e=>`on${et(e)}`,nt=(e,t)=>n=>L({code:e,context:t.context,localState:t.localState,rootState:t.rootState,rootSetState:t.rootSetState,event:n,isExpression:!1,enableCache:!0});function xe(e){var i;const t={},n=(i=e.block.actions)!=null?i:{};for(const o in n){if(!n.hasOwnProperty(o))continue;const r=n[o];let s=tt(o);if(e.stripPrefix)switch(m.TARGET){case"vue":s=s.replace("v-on:","");break;case"svelte":s=s.replace("on:","");break}t[s]=nt(r,e)}return t}function it({properties:e}){return e}const ot=e=>({href:e.href});function ee({block:e,context:t}){var i;const n={...ot(e),...e.properties,"builder-id":e.id,style:Ge({block:e,context:t}),[D()]:[e.id,"builder-block",e.class,(i=e.properties)==null?void 0:i.class].filter(Boolean).join(" ")};return it({properties:n,context:t,block:e})}function at(e){return a.jsx(Y,{TagName:e.Wrapper,attributes:ee({block:e.block,context:e.context}),actionAttributes:xe({block:e.block,rootState:e.context.rootState,rootSetState:e.context.rootSetState,localState:e.context.localState,context:e.context.context,stripPrefix:!0}),children:e.children})}function rt(e){return a.jsx(e.Wrapper,{...e.wrapperProps,attributes:e.includeBlockProps?{...ee({block:e.block,context:e.context}),...xe({block:e.block,rootState:e.context.rootState,rootSetState:e.context.rootSetState,localState:e.context.localState,context:e.context.context})}:{},children:e.children})}const st=({componentOptions:e,builderBlock:t,context:n,componentRef:i,includeBlockProps:o,isInteractive:r,contextValue:s})=>{const l={...e,...o?{attributes:ee({block:t,context:s})}:{}};return r?{Wrapper:i,block:t,context:n,wrapperProps:e,includeBlockProps:o}:l};function ie(e){var i;const[t,n]=h.useState(()=>e.isInteractive?rt:e.componentRef);return a.jsx(a.Fragment,{children:e.componentRef?a.jsx(a.Fragment,{children:a.jsx(t,{...st({componentOptions:e.componentOptions,builderBlock:e.builderBlock,context:e.context,componentRef:e.componentRef,linkComponent:e.linkComponent,includeBlockProps:e.includeBlockProps,isInteractive:e.isInteractive,contextValue:e.context}),children:(i=e.blockChildren)==null?void 0:i.map(o=>a.jsx(M,{block:o,context:e.context,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},o.id))})}):null})}function lt(e){const[t,n]=h.useState(()=>e.repeatContext);return a.jsx(G.Provider,{value:t,children:a.jsx(M,{block:e.block,context:t,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent})})}function M(e){var d,c,f;function t(){return Qe({block:e.block,context:e.context,registeredComponents:e.registeredComponents})}function n(){return Xe({block:e.block,context:e.context})}function i(){var b;return(b=e.block.repeat)!=null&&b.collection?e.block:H({block:e.block,localState:e.context.localState,rootState:e.context.rootState,rootSetState:e.context.rootSetState,context:e.context.context,shouldEvaluateBindings:!0})}function o(){var x;return e.block.tagName==="a"||((x=i().properties)==null?void 0:x.href)||i().href?e.linkComponent||"a":e.block.tagName||"div"}function r(){var p,C;if((p=e.block.repeat)!=null&&p.collection)return!!((C=n==null?void 0:n())!=null&&C.length);const b="hide"in i()?i().hide:!1;return("show"in i()?i().show:!0)&&!b}function s(){var x,p;return!((x=t==null?void 0:t())!=null&&x.component)&&!n()?(p=i().children)!=null?p:[]:[]}function l(){var b,x,p,C,w,T,j,v,I,R,E;return{blockChildren:(b=i().children)!=null?b:[],componentRef:(x=t==null?void 0:t())==null?void 0:x.component,componentOptions:{...Ae(i()),builderContext:e.context,...((p=t==null?void 0:t())==null?void 0:p.name)==="Core:Button"||((C=t==null?void 0:t())==null?void 0:C.name)==="Symbol"||((w=t==null?void 0:t())==null?void 0:w.name)==="Columns"||((T=t==null?void 0:t())==null?void 0:T.name)==="Form:Form"?{builderLinkComponent:e.linkComponent}:{},...((j=t==null?void 0:t())==null?void 0:j.name)==="Symbol"||((v=t==null?void 0:t())==null?void 0:v.name)==="Columns"||((I=t==null?void 0:t())==null?void 0:I.name)==="Form:Form"?{builderComponents:e.registeredComponents}:{}},context:e.context,linkComponent:e.linkComponent,registeredComponents:e.registeredComponents,builderBlock:i(),includeBlockProps:((R=t==null?void 0:t())==null?void 0:R.noWrap)===!0,isInteractive:!((E=t==null?void 0:t())!=null&&E.isRSC)}}return h.useEffect(()=>{const b=i().id,x=i().animations;x&&b&&He(x.filter(p=>p.trigger!=="hover").map(p=>({...p,elementId:b})))},[]),a.jsx(a.Fragment,{children:r()?a.jsxs(a.Fragment,{children:[a.jsx(Ze,{block:e.block,context:e.context}),(d=t==null?void 0:t())!=null&&d.noWrap?a.jsx(a.Fragment,{children:a.jsx(ie,{componentRef:l().componentRef,componentOptions:l().componentOptions,blockChildren:l().blockChildren,context:l().context,registeredComponents:l().registeredComponents,linkComponent:l().linkComponent,builderBlock:l().builderBlock,includeBlockProps:l().includeBlockProps,isInteractive:l().isInteractive})}):a.jsx(a.Fragment,{children:n()?a.jsx(a.Fragment,{children:(f=n())==null?void 0:f.map((b,x)=>a.jsx(lt,{repeatContext:b.context,block:b.block,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},x))}):a.jsxs(at,{Wrapper:o(),block:i(),context:e.context,linkComponent:e.linkComponent,children:[a.jsx(ie,{componentRef:l().componentRef,componentOptions:l().componentOptions,blockChildren:l().blockChildren,context:l().context,registeredComponents:l().registeredComponents,linkComponent:l().linkComponent,builderBlock:l().builderBlock,includeBlockProps:l().includeBlockProps,isInteractive:l().isInteractive}),(c=s())==null?void 0:c.map(b=>a.jsx(M,{block:b,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent,context:e.context},b.id))]})})]}):null})}function ct(e){function t(){var o;return"builder-blocks"+((o=e.blocks)!=null&&o.length?"":" no-blocks")}function n(){var o,r;m.isEditing()&&!((o=e.blocks)!=null&&o.length)&&((r=window.parent)==null||r.postMessage({type:"builder.clickEmptyBlocks",data:{parentElementId:e.parent,dataPath:e.path}},"*"))}function i(){var o,r;m.isEditing()&&!((o=e.blocks)!=null&&o.length)&&((r=window.parent)==null||r.postMessage({type:"builder.hoverEmptyBlocks",data:{parentElementId:e.parent,dataPath:e.path}},"*"))}return a.jsxs(a.Fragment,{children:[a.jsx(e.BlocksWrapper,{className:t()+" props-blocks-wrapper-7cd1560e","builder-path":e.path,"builder-parent-id":e.parent,style:e.styleProp,onClick:o=>n(),onMouseEnter:o=>i(),onKeyPress:o=>n(),...e.BlocksWrapperProps,children:e.children}),a.jsx("style",{children:`.props-blocks-wrapper-7cd1560e {
   display: flex;
   flex-direction: column;
   align-items: stretch;
@@ -33,7 +33,7 @@
             margin-left: var(--column-margin-left-mobile) !important;
           }
         },
-      `}return a.jsxs(a.Fragment,{children:[a.jsxs("div",{className:`builder-columns ${e.builderBlock.id}-breakpoints div-5e636bea`,style:p(),children:[a.jsx(K,{styles:T()}),(j=e.columns)==null?void 0:j.map((v,I)=>a.jsx(Y,{TagName:v.link?e.builderLinkComponent||"a":"div",actionAttributes:{},attributes:{...v.link?{href:v.link}:{},[D()]:"builder-column",style:ge(C(I))},children:a.jsx(W,{path:`component.options.columns.${I}.blocks`,parent:e.builderBlock.id,styleProp:{flexGrow:"1"},context:e.builderContext,registeredComponents:e.builderComponents,linkComponent:e.builderLinkComponent,blocks:v.blocks})},I))]}),a.jsx("style",{children:`.div-5e636bea {
+      `}return a.jsxs(a.Fragment,{children:[a.jsxs("div",{className:`builder-columns ${e.builderBlock.id}-breakpoints div-003f4b1c`,style:p(),children:[a.jsx(K,{id:"builderio-columns",styles:T()}),(j=e.columns)==null?void 0:j.map((v,I)=>a.jsx(Y,{TagName:v.link?e.builderLinkComponent||"a":"div",actionAttributes:{},attributes:{...v.link?{href:v.link}:{},[D()]:"builder-column",style:ge(C(I))},children:a.jsx(W,{path:`component.options.columns.${I}.blocks`,parent:e.builderBlock.id,styleProp:{flexGrow:"1"},context:e.builderContext,registeredComponents:e.builderComponents,linkComponent:e.builderLinkComponent,blocks:v.blocks})},I))]}),a.jsx("style",{children:`.div-003f4b1c {
   display: flex;
   line-height: normal;
 }`})]})}function Se(e){return a.jsx("span",{children:e.children})}function oe(e){return e.replace(/http(s)?:/,"")}function dt(e="",t,n){const i=new RegExp("([?&])"+t+"=.*?(&|$)","i"),o=e.indexOf("?")!==-1?"&":"?";return e.match(i)?e.replace(i,"$1"+t+"="+encodeURIComponent(n)+"$2"):e+o+t+"="+encodeURIComponent(n)}function ut(e,t){if(!e||!(e!=null&&e.match(/cdn\.shopify\.com/))||!t)return e;if(t==="master")return oe(e);const n=e.match(/(_\d+x(\d+)?)?(\.(jpg|jpeg|gif|png|bmp|bitmap|tiff|tif)(\?v=\d+)?)/i);if(n){const i=e.split(n[0]),o=n[3],r=t.match("x")?t:`${t}x`;return oe(`${i[0]}_${r}${o}`)}return null}function _(e){if(!e)return e;const t=[100,200,400,800,1200,1600,2e3];if(e.match(/builder\.io/)){let n=e;const i=Number(e.split("?width=")[1]);return isNaN(i)||(n=`${n} ${i}w`),t.filter(o=>o!==i).map(o=>`${dt(e,"width",o)} ${o}w`).concat([n]).join(", ")}return e.match(/cdn\.shopify\.com/)?t.map(n=>[ut(e,`${n}x${n}`),n]).filter(([n])=>!!n).map(([n,i])=>`${n} ${i}w`).concat([e]).join(", "):e}function ve(e){var o,r,s,l;function t(){var f;const c=e.image||e.src;if(!c||!(c.match(/builder\.io/)||c.match(/cdn\.shopify\.com/)))return e.srcset;if(e.srcset&&((f=e.image)!=null&&f.includes("builder.io/api/v1/image"))){if(!e.srcset.includes(e.image.split("?")[0]))return console.debug("Removed given srcset"),_(c)}else if(e.image&&!e.srcset)return _(c);return _(c)}function n(){var d;return(d=t==null?void 0:t())!=null&&d.match(/builder\.io/)&&!e.noWebp?t().replace(/\?/g,"?format=webp&"):""}function i(){const d={position:"absolute",height:"100%",width:"100%",left:"0px",top:"0px"};return e.aspectRatio?d:void 0}return a.jsxs(a.Fragment,{children:[a.jsxs(a.Fragment,{children:[a.jsxs("picture",{children:[n()?a.jsx("source",{type:"image/webp",srcSet:n()}):null,a.jsx("img",{loading:"lazy",alt:e.altText,role:e.altText?void 0:"presentation",style:{objectPosition:e.backgroundPosition||"center",objectFit:e.backgroundSize||"cover",...i()},className:"builder-image"+(e.className?" "+e.className:"")+" img-a0c95e8c",src:e.image,srcSet:t(),sizes:e.sizes})]}),e.aspectRatio&&!((r=(o=e.builderBlock)==null?void 0:o.children)!=null&&r.length&&e.fitContent)?a.jsx("div",{className:"builder-image-sizer div-a0c95e8c",style:{paddingTop:e.aspectRatio*100+"%"}}):null,(l=(s=e.builderBlock)==null?void 0:s.children)!=null&&l.length&&e.fitContent?a.jsx(a.Fragment,{children:e.children}):null,!e.fitContent&&e.children?a.jsx("div",{className:"div-a0c95e8c-2",children:e.children}):null]}),a.jsx("style",{children:`.img-a0c95e8c {
@@ -150,7 +150,7 @@
     "${t}",${JSON.stringify(e)}, ${Ee}
   )`,Jt=({contentId:e,variationId:t})=>`window.${Te}(
     "${t}", "${e}", ${Ee}
-  )`;function J(e){return a.jsx("script",{dangerouslySetInnerHTML:{__html:e.scriptStr},id:e.id||""})}function re(e){return Math.round(e*1e3)/1e3}const Yt=(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},Gt=e=>Yt(e,t=>{const n=t.getAttribute("builder-id")||t.id;return(n==null?void 0:n.indexOf("builder-"))===0}),se=({event:e,target:t})=>{const n=t.getBoundingClientRect(),i=e.clientX-n.left,o=e.clientY-n.top,r=re(i/n.width),s=re(o/n.height);return{x:r,y:s}},Qt=e=>{const t=e.target,n=t&&Gt(t),i=(n==null?void 0:n.getAttribute("builder-id"))||(n==null?void 0:n.id);return{targetBuilderElement:i||void 0,metadata:{targetOffset:t?se({event:e,target:t}):void 0,builderTargetOffset:n?se({event:e,target:n}):void 0,builderElementIndex:n&&i?[].slice.call(document.getElementsByClassName(i)).indexOf(n):void 0}}};function Xt(e){var j,v,I,R,E,F,B;const t=h.useRef(null);function n(u){var S,y;const g={...e.builderContextSignal.rootState,...u};e.builderContextSignal.rootSetState?(y=(S=e.builderContextSignal).rootSetState)==null||y.call(S,g):e.setBuilderContextSignal(k=>({...k,rootState:g}))}function i(u){var S,y,k,P,N;const g={...e.builderContextSignal.content,...u,data:{...(S=e.builderContextSignal.content)==null?void 0:S.data,...u==null?void 0:u.data},meta:{...(y=e.builderContextSignal.content)==null?void 0:y.meta,...u==null?void 0:u.meta,breakpoints:((k=u==null?void 0:u.meta)==null?void 0:k.breakpoints)||((N=(P=e.builderContextSignal.content)==null?void 0:P.meta)==null?void 0:N.breakpoints)}};e.setBuilderContextSignal(O=>({...O,content:g}))}const[o,r]=h.useState(()=>e.contentWrapper||"div");function s(u){return m.createEditorListener({model:e.model,trustedHosts:e.trustedHosts,callbacks:{configureSdk:g=>{var k;const{breakpoints:S,contentId:y}=g;!y||y!==((k=e.builderContextSignal.content)==null?void 0:k.id)||S&&i({meta:{breakpoints:S}})},animation:g=>{fe(g)},contentUpdate:g=>{i(g)}}})(u)}function l(){var g,S;const u=(S=(g=e.builderContextSignal.content)==null?void 0:g.data)==null?void 0:S.jsCode;u&&L({code:u,context:e.context||{},localState:void 0,rootState:e.builderContextSignal.rootState,rootSetState:e.builderContextSignal.rootSetState,enableCache:!1})}const[d,c]=h.useState(()=>({})),[f,b]=h.useState(()=>!1);function x(u){var g,S;if(e.builderContextSignal.content){const y=(g=e.builderContextSignal.content)==null?void 0:g.testVariationId,k=(S=e.builderContextSignal.content)==null?void 0:S.id;m._track({type:"click",canTrack:m.getDefaultCanTrack(e.canTrack),contentId:k,apiKey:e.apiKey,variationId:y!==k?y:void 0,...Qt(u),unique:!f})}f||b(!0)}function p(u){return u.replace(/{{([^}]+)}}/g,(g,S)=>String(L({code:S,context:e.context||{},localState:void 0,rootState:e.builderContextSignal.rootState,rootSetState:e.builderContextSignal.rootSetState,enableCache:!0})))}function C({url:u,key:g}){m.fetch(u).then(S=>S.json()).then(S=>{var k,P;const y={...e.builderContextSignal.rootState,[g]:S};(P=(k=e.builderContextSignal).rootSetState)==null||P.call(k,y),d[g]=!0}).catch(S=>{console.error("error fetching dynamic data",u,S)})}function w(){var g,S,y;const u=(y=(S=(g=e.builderContextSignal.content)==null?void 0:g.data)==null?void 0:S.httpRequests)!=null?y:{};Object.entries(u).forEach(([k,P])=>{if(P&&(!d[k]||m.isEditing())){const N=p(P);C({url:N,key:k})}})}function T(){m.isEditing()&&window.dispatchEvent(new CustomEvent("builder:component:stateChange",{detail:{state:m.fastClone(e.builderContextSignal.rootState),ref:{name:e.model}}}))}return h.useEffect(()=>{var u,g;if(m.isBrowser()){if(m.isEditing()&&(window.addEventListener("message",s),m.registerInsertMenu(),m.setupBrowserForEditing({...e.locale?{locale:e.locale}:{},...e.enrich?{enrich:e.enrich}:{},...e.trustedHosts?{trustedHosts:e.trustedHosts}:{}}),Object.values(e.builderContextSignal.componentInfos).forEach(y=>{var P;const k=m.createRegisterComponentMessage(y);(P=window.parent)==null||P.postMessage(k,"*")}),window.addEventListener("builder:component:stateChangeListenerActivated",T)),e.builderContextSignal.content&&m.getDefaultCanTrack(e.canTrack)){const y=(u=e.builderContextSignal.content)==null?void 0:u.testVariationId,k=(g=e.builderContextSignal.content)==null?void 0:g.id,P=e.apiKey;m._track({type:"impression",canTrack:!0,contentId:k,apiKey:P,variationId:y!==k?y:void 0})}if(m.isPreviewing()){const y=new URL(location.href).searchParams,k=y.get("builder.preview"),P=y.get(`builder.preview.${k}`),N=y.get("apiKey")||y.get("builder.space");k===e.model&&N===e.apiKey&&(!e.content||P===e.content.id)&&m.fetchOneEntry({model:e.model,apiKey:e.apiKey,apiVersion:e.builderContextSignal.apiVersion}).then(O=>{O&&i(O)})}}},[]),h.useEffect(()=>{e.apiKey||m.logger.error("No API key provided to `RenderContent` component. This can cause issues. Please provide an API key using the `apiKey` prop."),l(),w(),T()},[]),h.useEffect(()=>{e.content&&i(e.content)},[e.content]),h.useEffect(()=>{l()},[(v=(j=e.builderContextSignal.content)==null?void 0:j.data)==null?void 0:v.jsCode]),h.useEffect(()=>{w()},[(R=(I=e.builderContextSignal.content)==null?void 0:I.data)==null?void 0:R.httpRequests]),h.useEffect(()=>{T()},[e.builderContextSignal.rootState]),h.useEffect(()=>{e.data&&n(e.data)},[e.data]),h.useEffect(()=>{e.locale&&n({locale:e.locale})},[e.locale]),h.useEffect(()=>()=>{m.isBrowser()&&(window.removeEventListener("message",s),window.removeEventListener("builder:component:stateChangeListenerActivated",T))},[]),a.jsx(G.Provider,{value:e.builderContextSignal,children:e.builderContextSignal.content?a.jsx(o,{ref:t,onClick:u=>x(u),"builder-content-id":(E=e.builderContextSignal.content)==null?void 0:E.id,"builder-model":e.model,...e.showContent?{}:{hidden:!0,"aria-hidden":!0},...e.contentWrapperProps,className:`variant-${((F=e.content)==null?void 0:F.testVariationId)||((B=e.content)==null?void 0:B.id)}`,children:e.children}):null})}const Zt=e=>{var r,s;const t=e.family+(e.kind&&!e.kind.includes("#")?", "+e.kind:""),n=t.split(",")[0],i=(s=e.fileUrl)!=null?s:(r=e==null?void 0:e.files)==null?void 0:r.regular;let o="";if(i&&t&&n&&(o+=`
+  )`;function J(e){return a.jsx("script",{dangerouslySetInnerHTML:{__html:e.scriptStr},"data-id":e.id})}function re(e){return Math.round(e*1e3)/1e3}const Yt=(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},Gt=e=>Yt(e,t=>{const n=t.getAttribute("builder-id")||t.id;return(n==null?void 0:n.indexOf("builder-"))===0}),se=({event:e,target:t})=>{const n=t.getBoundingClientRect(),i=e.clientX-n.left,o=e.clientY-n.top,r=re(i/n.width),s=re(o/n.height);return{x:r,y:s}},Qt=e=>{const t=e.target,n=t&&Gt(t),i=(n==null?void 0:n.getAttribute("builder-id"))||(n==null?void 0:n.id);return{targetBuilderElement:i||void 0,metadata:{targetOffset:t?se({event:e,target:t}):void 0,builderTargetOffset:n?se({event:e,target:n}):void 0,builderElementIndex:n&&i?[].slice.call(document.getElementsByClassName(i)).indexOf(n):void 0}}};function Xt(e){var j,v,I,R,E,F,B;const t=h.useRef(null);function n(u){var S,y;const g={...e.builderContextSignal.rootState,...u};e.builderContextSignal.rootSetState?(y=(S=e.builderContextSignal).rootSetState)==null||y.call(S,g):e.setBuilderContextSignal(k=>({...k,rootState:g}))}function i(u){var S,y,k,P,N;const g={...e.builderContextSignal.content,...u,data:{...(S=e.builderContextSignal.content)==null?void 0:S.data,...u==null?void 0:u.data},meta:{...(y=e.builderContextSignal.content)==null?void 0:y.meta,...u==null?void 0:u.meta,breakpoints:((k=u==null?void 0:u.meta)==null?void 0:k.breakpoints)||((N=(P=e.builderContextSignal.content)==null?void 0:P.meta)==null?void 0:N.breakpoints)}};e.setBuilderContextSignal(O=>({...O,content:g}))}const[o,r]=h.useState(()=>e.contentWrapper||"div");function s(u){return m.createEditorListener({model:e.model,trustedHosts:e.trustedHosts,callbacks:{configureSdk:g=>{var k;const{breakpoints:S,contentId:y}=g;!y||y!==((k=e.builderContextSignal.content)==null?void 0:k.id)||S&&i({meta:{breakpoints:S}})},animation:g=>{fe(g)},contentUpdate:g=>{i(g)}}})(u)}function l(){var g,S;const u=(S=(g=e.builderContextSignal.content)==null?void 0:g.data)==null?void 0:S.jsCode;u&&L({code:u,context:e.context||{},localState:void 0,rootState:e.builderContextSignal.rootState,rootSetState:e.builderContextSignal.rootSetState,enableCache:!1})}const[d,c]=h.useState(()=>({})),[f,b]=h.useState(()=>!1);function x(u){var g,S;if(e.builderContextSignal.content){const y=(g=e.builderContextSignal.content)==null?void 0:g.testVariationId,k=(S=e.builderContextSignal.content)==null?void 0:S.id;m._track({type:"click",canTrack:m.getDefaultCanTrack(e.canTrack),contentId:k,apiKey:e.apiKey,variationId:y!==k?y:void 0,...Qt(u),unique:!f})}f||b(!0)}function p(u){return u.replace(/{{([^}]+)}}/g,(g,S)=>String(L({code:S,context:e.context||{},localState:void 0,rootState:e.builderContextSignal.rootState,rootSetState:e.builderContextSignal.rootSetState,enableCache:!0})))}function C({url:u,key:g}){m.fetch(u).then(S=>S.json()).then(S=>{var k,P;const y={...e.builderContextSignal.rootState,[g]:S};(P=(k=e.builderContextSignal).rootSetState)==null||P.call(k,y),d[g]=!0}).catch(S=>{console.error("error fetching dynamic data",u,S)})}function w(){var g,S,y;const u=(y=(S=(g=e.builderContextSignal.content)==null?void 0:g.data)==null?void 0:S.httpRequests)!=null?y:{};Object.entries(u).forEach(([k,P])=>{if(P&&(!d[k]||m.isEditing())){const N=p(P);C({url:N,key:k})}})}function T(){m.isEditing()&&window.dispatchEvent(new CustomEvent("builder:component:stateChange",{detail:{state:m.fastClone(e.builderContextSignal.rootState),ref:{name:e.model}}}))}return h.useEffect(()=>{var u,g;if(m.isBrowser()){if(m.isEditing()&&(window.addEventListener("message",s),m.registerInsertMenu(),m.setupBrowserForEditing({...e.locale?{locale:e.locale}:{},...e.enrich?{enrich:e.enrich}:{},...e.trustedHosts?{trustedHosts:e.trustedHosts}:{}}),Object.values(e.builderContextSignal.componentInfos).forEach(y=>{var P;const k=m.createRegisterComponentMessage(y);(P=window.parent)==null||P.postMessage(k,"*")}),window.addEventListener("builder:component:stateChangeListenerActivated",T)),e.builderContextSignal.content&&m.getDefaultCanTrack(e.canTrack)){const y=(u=e.builderContextSignal.content)==null?void 0:u.testVariationId,k=(g=e.builderContextSignal.content)==null?void 0:g.id,P=e.apiKey;m._track({type:"impression",canTrack:!0,contentId:k,apiKey:P,variationId:y!==k?y:void 0})}if(m.isPreviewing()){const y=new URL(location.href).searchParams,k=y.get("builder.preview"),P=y.get(`builder.preview.${k}`),N=y.get("apiKey")||y.get("builder.space");k===e.model&&N===e.apiKey&&(!e.content||P===e.content.id)&&m.fetchOneEntry({model:e.model,apiKey:e.apiKey,apiVersion:e.builderContextSignal.apiVersion}).then(O=>{O&&i(O)})}}},[]),h.useEffect(()=>{e.apiKey||m.logger.error("No API key provided to `RenderContent` component. This can cause issues. Please provide an API key using the `apiKey` prop."),l(),w(),T()},[]),h.useEffect(()=>{e.content&&i(e.content)},[e.content]),h.useEffect(()=>{l()},[(v=(j=e.builderContextSignal.content)==null?void 0:j.data)==null?void 0:v.jsCode]),h.useEffect(()=>{w()},[(R=(I=e.builderContextSignal.content)==null?void 0:I.data)==null?void 0:R.httpRequests]),h.useEffect(()=>{T()},[e.builderContextSignal.rootState]),h.useEffect(()=>{e.data&&n(e.data)},[e.data]),h.useEffect(()=>{e.locale&&n({locale:e.locale})},[e.locale]),h.useEffect(()=>()=>{m.isBrowser()&&(window.removeEventListener("message",s),window.removeEventListener("builder:component:stateChangeListenerActivated",T))},[]),a.jsx(G.Provider,{value:e.builderContextSignal,children:e.builderContextSignal.content?a.jsx(o,{ref:t,onClick:u=>x(u),"builder-content-id":(E=e.builderContextSignal.content)==null?void 0:E.id,"builder-model":e.model,...e.showContent?{}:{hidden:!0,"aria-hidden":!0},...e.contentWrapperProps,className:`variant-${((F=e.content)==null?void 0:F.testVariationId)||((B=e.content)==null?void 0:B.id)}`,children:e.children}):null})}const Zt=e=>{var r,s;const t=e.family+(e.kind&&!e.kind.includes("#")?", "+e.kind:""),n=t.split(",")[0],i=(s=e.fileUrl)!=null?s:(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');
@@ -185,4 +185,4 @@ font-weight: ${l};
 ${tn({cssCode:e.cssCode,contentId:e.contentId})}
 ${en({customFonts:e.customFonts})}
 ${on(e.isNestedRender)}
-`.trim());return a.jsx(K,{styles:t})}const rn=({content:e,data:t,locale:n})=>{var r,s,l;const i={},o=((r=e==null?void 0:e.data)==null?void 0:r.state)||{};return(l=(s=e==null?void 0:e.data)==null?void 0:s.inputs)==null||l.forEach(d=>{d.name&&d.defaultValue!==void 0&&(i[d.name]=d.defaultValue)}),{...i,...o,...t,...n?{locale:n}:{}}},sn=({content:e,data:t})=>e?{...e,data:{...e==null?void 0:e.data,...t},meta:e==null?void 0:e.meta}:void 0;function le(e){var d,c,f,b,x,p,C;const[t,n]=h.useState(()=>{var w,T;return Jt({variationId:(w=e.content)==null?void 0:w.testVariationId,contentId:(T=e.content)==null?void 0:T.id})});function i(w){l(T=>({...T,rootState:w}))}const[o,r]=h.useState(()=>[...ae(),...e.customComponents||[]].reduce((w,{component:T,...j})=>({...w,[j.name]:{component:T,...m.serializeComponentInfo(j)}}),{})),[s,l]=h.useState(()=>({content:sn({content:e.content,data:e.data}),localState:void 0,rootState:rn({content:e.content,data:e.data,locale:e.locale}),rootSetState:i,context:e.context||{},apiKey:e.apiKey,apiVersion:e.apiVersion,componentInfos:[...ae(),...e.customComponents||[]].reduce((w,{component:T,...j})=>({...w,[j.name]:m.serializeComponentInfo(j)}),{}),inheritedStyles:{},BlocksWrapper:e.blocksWrapper||"div",BlocksWrapperProps:e.blocksWrapperProps||{}}));return a.jsx(de.Provider,{value:{registeredComponents:o},children:a.jsxs(Xt,{content:e.content,data:e.data,model:e.model,context:e.context,apiKey:e.apiKey,canTrack:e.canTrack,locale:e.locale,enrich:e.enrich,showContent:e.showContent,builderContextSignal:s,contentWrapper:e.contentWrapper,contentWrapperProps:e.contentWrapperProps,linkComponent:e.linkComponent,trustedHosts:e.trustedHosts,setBuilderContextSignal:l,children:[e.isSsrAbTest?a.jsx(J,{scriptStr:t}):null,a.jsx(an,{isNestedRender:e.isNestedRender,contentId:(d=s.content)==null?void 0:d.id,cssCode:(f=(c=s.content)==null?void 0:c.data)==null?void 0:f.cssCode,customFonts:(x=(b=s.content)==null?void 0:b.data)==null?void 0:x.customFonts}),a.jsx(W,{blocks:(C=(p=s.content)==null?void 0:p.data)==null?void 0:C.blocks,context:s,registeredComponents:o,linkComponent:e.linkComponent})]})})}function je(e){var s,l;const[t,n]=h.useState(()=>Kt({canTrack:m.getDefaultCanTrack(e.canTrack),content:e.content}));function i(){var d;return _t(U(e.content).map(c=>({id:c.testVariationId,testRatio:c.testRatio})),((d=e.content)==null?void 0:d.id)||"")}function o(){return U(e.content).map(d=>`.variant-${d.testVariationId} { display: none; } `).join("")}function r(){var d;return t?{...e.content,testVariationId:(d=e.content)==null?void 0:d.id}:m.handleABTestingSync({item:e.content,canTrack:m.getDefaultCanTrack(e.canTrack)})}return h.useEffect(()=>{},[]),a.jsxs(a.Fragment,{children:[!e.isNestedRender&&m.TARGET!=="reactNative"?a.jsx(J,{scriptStr:zt()}):null,t?a.jsxs(a.Fragment,{children:[a.jsx(K,{id:`variants-styles-${(s=e.content)==null?void 0:s.id}`,styles:o()}),a.jsx(J,{scriptStr:i()}),(l=U(e.content))==null?void 0:l.map(d=>a.jsx(le,{isNestedRender:e.isNestedRender,content:d,showContent:!1,model:e.model,data:e.data,context:e.context,apiKey:e.apiKey,apiVersion:e.apiVersion,customComponents:e.customComponents,linkComponent:e.linkComponent,canTrack:e.canTrack,locale:e.locale,enrich:e.enrich,isSsrAbTest:t,blocksWrapper:e.blocksWrapper,blocksWrapperProps:e.blocksWrapperProps,contentWrapper:e.contentWrapper,contentWrapperProps:e.contentWrapperProps,trustedHosts:e.trustedHosts},d.testVariationId))]}):null,a.jsx(le,{isNestedRender:e.isNestedRender,content:r(),showContent:!0,model:e.model,data:e.data,context:e.context,apiKey:e.apiKey,apiVersion:e.apiVersion,customComponents:e.customComponents,linkComponent:e.linkComponent,canTrack:e.canTrack,locale:e.locale,enrich:e.enrich,isSsrAbTest:t,blocksWrapper:e.blocksWrapper,blocksWrapperProps:e.blocksWrapperProps,contentWrapper:e.contentWrapper,contentWrapperProps:e.contentWrapperProps,trustedHosts:e.trustedHosts})]})}const ln=async({builderContextValue:e,symbol:t})=>{if(t!=null&&t.model&&(e!=null&&e.apiKey))return m.fetchOneEntry({model:t.model,apiKey:e.apiKey,apiVersion:e.apiVersion,...(t==null?void 0:t.entry)&&{query:{id:t.entry}}}).catch(n=>{m.logger.error("Could not fetch symbol content: ",n)})};function Re(e){var r,s,l,d;function t(){var c,f;return[e.attributes[D()],"builder-symbol",(c=e.symbol)!=null&&c.inline?"builder-inline-symbol":void 0,(f=e.symbol)!=null&&f.dynamic||e.dynamic?"builder-dynamic-symbol":void 0].filter(Boolean).join(" ")}const[n,i]=h.useState(()=>{var c;return(c=e.symbol)==null?void 0:c.content});function o(){n||ln({symbol:e.symbol,builderContextValue:e.builderContext}).then(c=>{c&&i(c)})}return h.useEffect(()=>{},[]),h.useEffect(()=>{o()},[e.symbol]),a.jsx("div",{...e.attributes,className:t(),children:a.jsx(je,{isNestedRender:!0,apiVersion:e.builderContext.apiVersion,apiKey:e.builderContext.apiKey,context:{...e.builderContext.context,symbolId:(r=e.builderBlock)==null?void 0:r.id},customComponents:Object.values(e.builderComponents),data:{...(s=e.symbol)==null?void 0:s.data,...e.builderContext.localState,...(l=n==null?void 0:n.data)==null?void 0:l.state},model:(d=e.symbol)==null?void 0:d.model,content:n,linkComponent:e.builderLinkComponent,blocksWrapper:"div",contentWrapper:"div"})})}exports.Blocks=W;exports.Button=ce;exports.Columns=pe;exports.Content=je;exports.Fragment=Se;exports.Image=ve;exports.Section=ke;exports.Symbol=Re;exports.Text=Ce;exports.Video=we;
+`.trim());return a.jsx(K,{id:"builderio-content",styles:t})}const rn=({content:e,data:t,locale:n})=>{var r,s,l;const i={},o=((r=e==null?void 0:e.data)==null?void 0:r.state)||{};return(l=(s=e==null?void 0:e.data)==null?void 0:s.inputs)==null||l.forEach(d=>{d.name&&d.defaultValue!==void 0&&(i[d.name]=d.defaultValue)}),{...i,...o,...t,...n?{locale:n}:{}}},sn=({content:e,data:t})=>e?{...e,data:{...e==null?void 0:e.data,...t},meta:e==null?void 0:e.meta}:void 0;function le(e){var d,c,f,b,x,p,C;const[t,n]=h.useState(()=>{var w,T;return Jt({variationId:(w=e.content)==null?void 0:w.testVariationId,contentId:(T=e.content)==null?void 0:T.id})});function i(w){l(T=>({...T,rootState:w}))}const[o,r]=h.useState(()=>[...ae(),...e.customComponents||[]].reduce((w,{component:T,...j})=>({...w,[j.name]:{component:T,...m.serializeComponentInfo(j)}}),{})),[s,l]=h.useState(()=>({content:sn({content:e.content,data:e.data}),localState:void 0,rootState:rn({content:e.content,data:e.data,locale:e.locale}),rootSetState:i,context:e.context||{},apiKey:e.apiKey,apiVersion:e.apiVersion,componentInfos:[...ae(),...e.customComponents||[]].reduce((w,{component:T,...j})=>({...w,[j.name]:m.serializeComponentInfo(j)}),{}),inheritedStyles:{},BlocksWrapper:e.blocksWrapper||"div",BlocksWrapperProps:e.blocksWrapperProps||{}}));return a.jsx(de.Provider,{value:{registeredComponents:o},children:a.jsxs(Xt,{content:e.content,data:e.data,model:e.model,context:e.context,apiKey:e.apiKey,canTrack:e.canTrack,locale:e.locale,enrich:e.enrich,showContent:e.showContent,builderContextSignal:s,contentWrapper:e.contentWrapper,contentWrapperProps:e.contentWrapperProps,linkComponent:e.linkComponent,trustedHosts:e.trustedHosts,setBuilderContextSignal:l,children:[e.isSsrAbTest?a.jsx(J,{id:"builderio-variant-visibility",scriptStr:t}):null,a.jsx(an,{isNestedRender:e.isNestedRender,contentId:(d=s.content)==null?void 0:d.id,cssCode:(f=(c=s.content)==null?void 0:c.data)==null?void 0:f.cssCode,customFonts:(x=(b=s.content)==null?void 0:b.data)==null?void 0:x.customFonts}),a.jsx(W,{blocks:(C=(p=s.content)==null?void 0:p.data)==null?void 0:C.blocks,context:s,registeredComponents:o,linkComponent:e.linkComponent})]})})}function je(e){var s;const[t,n]=h.useState(()=>Kt({canTrack:m.getDefaultCanTrack(e.canTrack),content:e.content}));function i(){var l;return _t(U(e.content).map(d=>({id:d.testVariationId,testRatio:d.testRatio})),((l=e.content)==null?void 0:l.id)||"")}function o(){return U(e.content).map(l=>`.variant-${l.testVariationId} { display: none; } `).join("")}function r(){var l;return t?{...e.content,testVariationId:(l=e.content)==null?void 0:l.id}:m.handleABTestingSync({item:e.content,canTrack:m.getDefaultCanTrack(e.canTrack)})}return h.useEffect(()=>{},[]),a.jsxs(a.Fragment,{children:[!e.isNestedRender&&m.TARGET!=="reactNative"?a.jsx(J,{id:"builderio-init-variants-fns",scriptStr:zt()}):null,t?a.jsxs(a.Fragment,{children:[a.jsx(K,{id:"builderio-variants",styles:o()}),a.jsx(J,{id:"builderio-variants-visibility",scriptStr:i()}),(s=U(e.content))==null?void 0:s.map(l=>a.jsx(le,{isNestedRender:e.isNestedRender,content:l,showContent:!1,model:e.model,data:e.data,context:e.context,apiKey:e.apiKey,apiVersion:e.apiVersion,customComponents:e.customComponents,linkComponent:e.linkComponent,canTrack:e.canTrack,locale:e.locale,enrich:e.enrich,isSsrAbTest:t,blocksWrapper:e.blocksWrapper,blocksWrapperProps:e.blocksWrapperProps,contentWrapper:e.contentWrapper,contentWrapperProps:e.contentWrapperProps,trustedHosts:e.trustedHosts},l.testVariationId))]}):null,a.jsx(le,{isNestedRender:e.isNestedRender,content:r(),showContent:!0,model:e.model,data:e.data,context:e.context,apiKey:e.apiKey,apiVersion:e.apiVersion,customComponents:e.customComponents,linkComponent:e.linkComponent,canTrack:e.canTrack,locale:e.locale,enrich:e.enrich,isSsrAbTest:t,blocksWrapper:e.blocksWrapper,blocksWrapperProps:e.blocksWrapperProps,contentWrapper:e.contentWrapper,contentWrapperProps:e.contentWrapperProps,trustedHosts:e.trustedHosts})]})}const ln=async({builderContextValue:e,symbol:t})=>{if(t!=null&&t.model&&(e!=null&&e.apiKey))return m.fetchOneEntry({model:t.model,apiKey:e.apiKey,apiVersion:e.apiVersion,...(t==null?void 0:t.entry)&&{query:{id:t.entry}}}).catch(n=>{m.logger.error("Could not fetch symbol content: ",n)})};function Re(e){var r,s,l,d;function t(){var c,f;return[e.attributes[D()],"builder-symbol",(c=e.symbol)!=null&&c.inline?"builder-inline-symbol":void 0,(f=e.symbol)!=null&&f.dynamic||e.dynamic?"builder-dynamic-symbol":void 0].filter(Boolean).join(" ")}const[n,i]=h.useState(()=>{var c;return(c=e.symbol)==null?void 0:c.content});function o(){n||ln({symbol:e.symbol,builderContextValue:e.builderContext}).then(c=>{c&&i(c)})}return h.useEffect(()=>{},[]),h.useEffect(()=>{o()},[e.symbol]),a.jsx("div",{...e.attributes,className:t(),children:a.jsx(je,{isNestedRender:!0,apiVersion:e.builderContext.apiVersion,apiKey:e.builderContext.apiKey,context:{...e.builderContext.context,symbolId:(r=e.builderBlock)==null?void 0:r.id},customComponents:Object.values(e.builderComponents),data:{...(s=e.symbol)==null?void 0:s.data,...e.builderContext.localState,...(l=n==null?void 0:n.data)==null?void 0:l.state},model:(d=e.symbol)==null?void 0:d.model,content:n,linkComponent:e.builderLinkComponent,blocksWrapper:"div",contentWrapper:"div"})})}exports.Blocks=W;exports.Button=ce;exports.Columns=pe;exports.Content=je;exports.Fragment=Se;exports.Image=ve;exports.Section=ke;exports.Symbol=Re;exports.Text=Ce;exports.Video=we;

package/lib/browser/blocks-exports.mjs

@@ -3,7 +3,7 @@ var Le = Object.defineProperty;
 var De = (e, t, n) => t in e ? Le(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var ee = (e, t, n) => (De(e, typeof t != "symbol" ? t + "" : t, n), n);
 import { jsx as s, Fragment as T, jsxs as A } from "react/jsx-runtime";
-import { TARGET as q, isEditing as W, isBrowser as U, getUserAttributes as Me, checkIsDefined as Y, logger as j, fastClone as oe, registerInsertMenu as Oe, setupBrowserForEditing as Ue, createRegisterComponentMessage as je, getDefaultCanTrack as G, _track as ue, isPreviewing as He, fetchOneEntry as ke, createEditorListener as Ke, fetch as qe, serializeComponentInfo as me, handleABTestingSync as ze } from "./server-entry-df552d27.js";
+import { TARGET as q, isEditing as W, isBrowser as U, getUserAttributes as Me, checkIsDefined as Y, logger as j, fastClone as oe, registerInsertMenu as Oe, setupBrowserForEditing as Ue, createRegisterComponentMessage as je, getDefaultCanTrack as G, _track as ue, isPreviewing as He, fetchOneEntry as ke, createEditorListener as Ke, fetch as qe, serializeComponentInfo as me, handleABTestingSync as ze } from "./server-entry-afeff3cb.js";
 import { createContext as Ce, useState as w, useEffect as B, useContext as fe, useRef as X, createElement as we } from "react";
 const _e = /* @__PURE__ */ new Set(["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"]), Je = (e) => typeof e == "string" && _e.has(e.toLowerCase());
 function ae(e) {
@@ -525,7 +525,13 @@ const ft = ({
   }, n;
 };
 function Z(e) {
-  return /* @__PURE__ */ s("style", { dangerouslySetInnerHTML: { __html: e.styles }, id: e.id });
+  return /* @__PURE__ */ s(
+    "style",
+    {
+      dangerouslySetInnerHTML: { __html: e.styles },
+      "data-id": e.id
+    }
+  );
 }
 function gt(e) {
   function t() {
@@ -573,7 +579,7 @@ function gt(e) {
     }) : "";
     return [h, b, y].join(" ");
   }
-  return /* @__PURE__ */ s(T, { children: n() && t() ? /* @__PURE__ */ s(T, { children: /* @__PURE__ */ s(Z, { styles: n() }) }) : null });
+  return /* @__PURE__ */ s(T, { children: n() && t() ? /* @__PURE__ */ s(T, { children: /* @__PURE__ */ s(Z, { id: "builderio-block", styles: n() }) }) : null });
 }
 function bt(e) {
   return e.charAt(0).toUpperCase() + e.slice(1);
@@ -1069,10 +1075,10 @@ function Tt(e) {
     /* @__PURE__ */ A(
       "div",
       {
-        className: `builder-columns ${e.builderBlock.id}-breakpoints div-5e636bea`,
+        className: `builder-columns ${e.builderBlock.id}-breakpoints div-003f4b1c`,
         style: y(),
         children: [
-          /* @__PURE__ */ s(Z, { styles: I() }),
+          /* @__PURE__ */ s(Z, { id: "builderio-columns", styles: I() }),
           (R = e.columns) == null ? void 0 : R.map((S, C) => /* @__PURE__ */ s(
             ae,
             {
@@ -1105,7 +1111,7 @@ function Tt(e) {
         ]
       }
     ),
-    /* @__PURE__ */ s("style", { children: `.div-5e636bea {
+    /* @__PURE__ */ s("style", { children: `.div-003f4b1c {
   display: flex;
   line-height: normal;
 }` })
@@ -2780,7 +2786,7 @@ function ie(e) {
     "script",
     {
       dangerouslySetInnerHTML: { __html: e.scriptStr },
-      id: e.id || ""
+      "data-id": e.id
     }
   );
 }
@@ -3124,7 +3130,7 @@ ${Cn({
 ${Tn(e.isNestedRender)}
 `.trim()
   );
-  return /* @__PURE__ */ s(Z, { styles: t });
+  return /* @__PURE__ */ s(Z, { id: "builderio-content", styles: t });
 }
 const Rn = ({
   content: e,
@@ -3241,7 +3247,13 @@ function ve(e) {
           trustedHosts: e.trustedHosts,
           setBuilderContextSignal: l,
           children: [
-            e.isSsrAbTest ? /* @__PURE__ */ s(ie, { scriptStr: t }) : null,
+            e.isSsrAbTest ? /* @__PURE__ */ s(
+              ie,
+              {
+                id: "builderio-variant-visibility",
+                scriptStr: t
+              }
+            ) : null,
             /* @__PURE__ */ s(
               En,
               {
@@ -3267,7 +3279,7 @@ function ve(e) {
   );
 }
 function Vn(e) {
-  var r, l;
+  var r;
   const [t, n] = w(
     () => fn({
       canTrack: G(e.canTrack),
@@ -3275,23 +3287,23 @@ function Vn(e) {
     })
   );
   function i() {
-    var d;
+    var l;
     return bn(
-      J(e.content).map((c) => ({
-        id: c.testVariationId,
-        testRatio: c.testRatio
+      J(e.content).map((d) => ({
+        id: d.testVariationId,
+        testRatio: d.testRatio
       })),
-      ((d = e.content) == null ? void 0 : d.id) || ""
+      ((l = e.content) == null ? void 0 : l.id) || ""
     );
   }
   function o() {
-    return J(e.content).map((d) => `.variant-${d.testVariationId} { display: none; } `).join("");
+    return J(e.content).map((l) => `.variant-${l.testVariationId} { display: none; } `).join("");
   }
   function a() {
-    var d;
+    var l;
     return t ? {
       ...e.content,
-      testVariationId: (d = e.content) == null ? void 0 : d.id
+      testVariationId: (l = e.content) == null ? void 0 : l.id
     } : ze({
       item: e.content,
       canTrack: G(e.canTrack)
@@ -3299,21 +3311,33 @@ function Vn(e) {
   }
   return B(() => {
   }, []), /* @__PURE__ */ A(T, { children: [
-    !e.isNestedRender && q !== "reactNative" ? /* @__PURE__ */ s(ie, { scriptStr: gn() }) : null,
+    !e.isNestedRender && q !== "reactNative" ? /* @__PURE__ */ s(
+      ie,
+      {
+        id: "builderio-init-variants-fns",
+        scriptStr: gn()
+      }
+    ) : null,
     t ? /* @__PURE__ */ A(T, { children: [
       /* @__PURE__ */ s(
         Z,
         {
-          id: `variants-styles-${(r = e.content) == null ? void 0 : r.id}`,
+          id: "builderio-variants",
           styles: o()
         }
       ),
-      /* @__PURE__ */ s(ie, { scriptStr: i() }),
-      (l = J(e.content)) == null ? void 0 : l.map((d) => /* @__PURE__ */ s(
+      /* @__PURE__ */ s(
+        ie,
+        {
+          id: "builderio-variants-visibility",
+          scriptStr: i()
+        }
+      ),
+      (r = J(e.content)) == null ? void 0 : r.map((l) => /* @__PURE__ */ s(
         ve,
         {
           isNestedRender: e.isNestedRender,
-          content: d,
+          content: l,
           showContent: !1,
           model: e.model,
           data: e.data,
@@ -3332,7 +3356,7 @@ function Vn(e) {
           contentWrapperProps: e.contentWrapperProps,
           trustedHosts: e.trustedHosts
         },
-        d.testVariationId
+        l.testVariationId
       ))
     ] }) : null,
     /* @__PURE__ */ s(

package/lib/browser/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./blocks-exports.cjs"),e=require("./server-entry-742c121c.cjs");require("react/jsx-runtime");require("react");exports.Blocks=t.Blocks;exports.Button=t.Button;exports.Columns=t.Columns;exports.Content=t.Content;exports.Fragment=t.Fragment;exports.Image=t.Image;exports.Section=t.Section;exports.Symbol=t.Symbol;exports.Text=t.Text;exports.Video=t.Video;exports._processContentResult=e._processContentResult;exports.createRegisterComponentMessage=e.createRegisterComponentMessage;exports.fetchBuilderProps=e.fetchBuilderProps;exports.fetchEntries=e.fetchEntries;exports.fetchOneEntry=e.fetchOneEntry;exports.getBuilderSearchParams=e.getBuilderSearchParams;exports.isEditing=e.isEditing;exports.isPreviewing=e.isPreviewing;exports.register=e.register;exports.setEditorSettings=e.setEditorSettings;exports.subscribeToEditor=e.subscribeToEditor;exports.track=e.track;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./blocks-exports.cjs"),e=require("./server-entry-11e01841.cjs");require("react/jsx-runtime");require("react");exports.Blocks=t.Blocks;exports.Button=t.Button;exports.Columns=t.Columns;exports.Content=t.Content;exports.Fragment=t.Fragment;exports.Image=t.Image;exports.Section=t.Section;exports.Symbol=t.Symbol;exports.Text=t.Text;exports.Video=t.Video;exports._processContentResult=e._processContentResult;exports.createRegisterComponentMessage=e.createRegisterComponentMessage;exports.fetchBuilderProps=e.fetchBuilderProps;exports.fetchEntries=e.fetchEntries;exports.fetchOneEntry=e.fetchOneEntry;exports.getBuilderSearchParams=e.getBuilderSearchParams;exports.isEditing=e.isEditing;exports.isPreviewing=e.isPreviewing;exports.register=e.register;exports.setEditorSettings=e.setEditorSettings;exports.subscribeToEditor=e.subscribeToEditor;exports.track=e.track;

package/lib/browser/index.mjs

@@ -1,5 +1,5 @@
 import { Blocks as i, Button as s, Columns as n, Content as c, Fragment as m, Image as g, Section as a, Symbol as p, Text as d, Video as l } from "./blocks-exports.mjs";
-import { _processContentResult as f, createRegisterComponentMessage as E, fetchBuilderProps as h, fetchEntries as B, fetchOneEntry as C, getBuilderSearchParams as S, isEditing as b, isPreviewing as x, register as P, setEditorSettings as k, subscribeToEditor as y, track as R } from "./server-entry-df552d27.js";
+import { _processContentResult as f, createRegisterComponentMessage as E, fetchBuilderProps as h, fetchEntries as B, fetchOneEntry as C, getBuilderSearchParams as S, isEditing as b, isPreviewing as x, register as P, setEditorSettings as k, subscribeToEditor as y, track as R } from "./server-entry-afeff3cb.js";
 import "react/jsx-runtime";
 import "react";
 export {

package/lib/browser/server-entry-11e01841.cjs

@@ -0,0 +1,2 @@
+"use strict";const b="react",I="[Builder.io]: ",d={log:(...e)=>console.log(I,...e),error:(...e)=>console.error(I,...e),warn:(...e)=>console.warn(I,...e),debug:(...e)=>console.debug(I,...e)};function c(){return typeof window!="undefined"&&typeof document!="undefined"}const ce=e=>{const t={};return e.forEach((n,r)=>{t[r]=n}),t},M=e=>e instanceof URLSearchParams?ce(e):e,F=e=>typeof e=="string"?e:e instanceof URLSearchParams?e.toString():new URLSearchParams(e).toString();function ue(){return c()&&window.self!==window.top}function k(e){return ue()&&F(e||window.location.search).indexOf("builder.frameEditing=")!==-1}const de=()=>{if(c()){const e=new URL(location.href);return e.pathname===""&&(e.pathname="/"),e}else return console.warn("Cannot get location for tracking in non-browser environment"),null},le=()=>typeof navigator=="object"&&navigator.userAgent||"",N=()=>{const e=le(),t={Android(){return e.match(/Android/i)},BlackBerry(){return e.match(/BlackBerry/i)},iOS(){return e.match(/iPhone|iPod/i)},Opera(){return e.match(/Opera Mini/i)},Windows(){return e.match(/IEMobile/i)||e.match(/WPDesktop/i)},any(){return t.Android()||t.BlackBerry()||t.iOS()||t.Opera()||t.Windows()||b==="reactNative"}},n=e.match(/Tablet|iPad/i),r=de();return{urlPath:r==null?void 0:r.pathname,host:(r==null?void 0:r.host)||(r==null?void 0:r.hostname),device:n?"tablet":t.any()?"mobile":"desktop"}},p=e=>e!=null,C=e=>JSON.parse(JSON.stringify(e)),fe=e=>{if(e==="localhost"||e==="127.0.0.1")return e;const t=e.split(".");return t.length>2?t.slice(1).join("."):e},D=({name:e,canTrack:t})=>{var n;try{return t?(n=document.cookie.split("; ").find(r=>r.startsWith(`${e}=`)))==null?void 0:n.split("=")[1]:void 0}catch(r){d.warn("[COOKIE] GET error: ",(r==null?void 0:r.message)||r);return}},j=async e=>D(e),ge=e=>e.map(([t,n])=>n?`${t}=${n}`:t).filter(p).join("; "),he=[["secure",""],["SameSite","None"]],pe=({name:e,value:t,expires:n})=>{const o=(c()?location.protocol==="https:":!0)?he:[[]],s=n?[["expires",n.toUTCString()]]:[[]],a=[[e,t],...s,["path","/"],["domain",fe(window.location.hostname)],...o];return ge(a)},_=async({name:e,value:t,expires:n,canTrack:r})=>{try{if(!r)return;const o=pe({name:e,value:t,expires:n});document.cookie=o}catch(o){d.warn("[COOKIE] SET error: ",(o==null?void 0:o.message)||o)}},me="builder.tests",P=e=>`${me}.${e}`,ye=({contentId:e})=>j({name:P(e),canTrack:!0}),we=({contentId:e})=>D({name:P(e),canTrack:!0}),Se=({contentId:e,value:t})=>_({name:P(e),value:t,canTrack:!0}),K=e=>p(e.id)&&p(e.variations)&&Object.keys(e.variations).length>0,be=({id:e,variations:t})=>{var o;let n=0;const r=Math.random();for(const s in t){const a=(o=t[s])==null?void 0:o.testRatio;if(n+=a,r<n)return s}return e},W=e=>{const t=be(e);return Se({contentId:e.id,value:t}).catch(n=>{d.error("could not store A/B test variation: ",n)}),t},$=({item:e,testGroupId:t})=>{const n=e.variations[t];return t===e.id||!n?{testVariationId:e.id,testVariationName:"Default"}:{data:n.data,testVariationId:n.id,testVariationName:n.name||(n.id===e.id?"Default":"")}},Ie=({item:e,canTrack:t})=>{if(!t)return e;if(!e)return;if(!K(e))return e;const n=we({contentId:e.id})||W({variations:e.variations,id:e.id}),r=$({item:e,testGroupId:n});return{...e,...r}},ve=async({item:e,canTrack:t})=>{if(!t||!K(e))return e;const r=await ye({contentId:e.id})||W({variations:e.variations,id:e.id}),o=$({item:e,testGroupId:r});return{...e,...o}},G=e=>p(e)?e:!0,Ee=e=>({type:"builder.registerComponent",data:z(e)}),ke=e=>{const t=e.toString().trim();return`return (${!t.startsWith("function")&&!t.startsWith("(")?"function ":""}${t}).apply(this, arguments)`},Ce=e=>typeof e=="function"?ke(e):C(e),z=({inputs:e,...t})=>({...C(t),inputs:e==null?void 0:e.map(n=>Object.entries(n).reduce((r,[o,s])=>({...r,[o]:Ce(s)}),{}))});function Pe(){return typeof globalThis!="undefined"?globalThis:typeof window!="undefined"?window:typeof global!="undefined"?global:typeof self!="undefined"?self:globalThis}function Oe(){const e=Pe().fetch;if(typeof e=="undefined")throw console.warn(`Builder SDK could not find a global fetch function. Make sure you have a polyfill for fetch in your project. 
+      For more information, read https://github.com/BuilderIO/this-package-uses-fetch`),new Error("Builder SDK could not find a global `fetch` function");return e}const J=Oe();function v(e,t=null,n="."){return Object.keys(e).reduce((r,o)=>{const s=e[o],a=[t,o].filter(Boolean).join(n);return[typeof s=="object",s!==null,!(Array.isArray(s)&&s.length===0)].every(Boolean)?{...r,...v(s,a,n)}:{...r,[a]:s}},{})}const Te="v3",R="builder.",xe="options.",O=e=>{if(!e)return{};const t=M(e),n={};return Object.keys(t).forEach(r=>{if(r.startsWith(R)){const o=r.replace(R,"").replace(xe,"");n[o]=t[r]}}),n},Ae=()=>{if(!c())return{};const e=new URLSearchParams(window.location.search);return O(e)},B=e=>typeof e=="number"&&!isNaN(e)&&e>=0,T=e=>{const{limit:t=30,userAttributes:n,query:r,model:o,apiKey:s,enrich:a,locale:l,apiVersion:y=Te,fields:m,omit:E,offset:u,cacheSeconds:g,staleCacheSeconds:h,sort:w,includeUnpublished:x}=e;if(!s)throw new Error("Missing API key");if(!["v3"].includes(y))throw new Error(`Invalid apiVersion: expected 'v3', received '${y}'`);const ie=t!==1,i=new URL(`https://cdn.builder.io/api/${y}/content/${o}`);if(i.searchParams.set("apiKey",s),i.searchParams.set("limit",String(t)),i.searchParams.set("noTraverse",String(ie)),i.searchParams.set("includeRefs",String(!0)),l&&i.searchParams.set("locale",l),a&&i.searchParams.set("enrich",String(a)),i.searchParams.set("omit",E||"meta.componentsUsed"),m&&i.searchParams.set("fields",m),Number.isFinite(u)&&u>-1&&i.searchParams.set("offset",String(Math.floor(u))),typeof x=="boolean"&&i.searchParams.set("includeUnpublished",String(x)),g&&B(g)&&i.searchParams.set("cacheSeconds",String(g)),h&&B(h)&&i.searchParams.set("staleCacheSeconds",String(h)),w){const f=v({sort:w});for(const S in f)i.searchParams.set(S,JSON.stringify(f[S]))}const ae={...Ae(),...M(e.options||{})},A=v(ae);for(const f in A)i.searchParams.set(f,String(A[f]));if(n&&i.searchParams.set("userAttributes",JSON.stringify(n)),r){const f=v({query:r});for(const S in f)i.searchParams.set(S,JSON.stringify(f[S]))}return i},Re=e=>"results"in e;async function H(e){const t=await q({...e,limit:1});return t&&t[0]||null}const Be=async e=>{var s;const t=T(e);return await(await((s=e.fetch)!=null?s:J)(t.href,e.fetchOptions)).json()},X=async(e,t,n=T(e))=>{const r=G(e.canTrack);if(n.search.includes("preview="),!r||!(c()||b==="reactNative"))return t.results;try{const o=[];for(const s of t.results)o.push(await ve({item:s,canTrack:r}));t.results=o}catch(o){d.error("Could not process A/B tests. ",o)}return t.results};async function q(e){try{const t=T(e),n=await Be(e);return Re(n)?X(e,n):(d.error("Error fetching data. ",{url:t,content:n,options:e}),null)}catch(t){return d.error("Error fetching data. ",t),null}}function Le(e){if(!c())return!1;const t=F(e||window.location.search);return k(t)?!1:t.indexOf("builder.preview=")!==-1}function Ve(){return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,function(e){const t=Math.random()*16|0;return(e=="x"?t:t&3|8).toString(16)})}function Y(){return Ve().replace(/-/g,"")}const Q="builderSessionId",Ue=async({canTrack:e})=>{if(!e)return;const t=await j({name:Q,canTrack:e});if(p(t))return t;{const n=Me();return Fe({id:n,canTrack:e}),n}},Me=()=>Y(),Fe=({id:e,canTrack:t})=>_({name:Q,value:e,canTrack:t}),Z=()=>c()&&typeof localStorage!="undefined"?localStorage:void 0,Ne=({key:e,canTrack:t})=>{var n;try{return t?(n=Z())==null?void 0:n.getItem(e):void 0}catch(r){console.debug("[LocalStorage] GET error: ",r);return}},De=({key:e,canTrack:t,value:n})=>{var r;try{t&&((r=Z())==null||r.setItem(e,n))}catch(o){console.debug("[LocalStorage] SET error: ",o)}},ee="builderVisitorId",je=({canTrack:e})=>{if(!e)return;const t=Ne({key:ee,canTrack:e});if(p(t))return t;{const n=_e();return Ke({id:n,canTrack:e}),n}},_e=()=>Y(),Ke=({id:e,canTrack:t})=>De({key:ee,value:e,canTrack:t}),We=async({canTrack:e})=>{if(!e)return{visitorId:void 0,sessionId:void 0};const t=await Ue({canTrack:e}),n=je({canTrack:e});return{sessionId:t,visitorId:n}},$e=async({type:e,canTrack:t,apiKey:n,metadata:r,...o})=>({type:e,data:{...o,metadata:{url:location.href,...r},...await We({canTrack:t}),userAttributes:N(),ownerId:n}});async function te(e){if(!e.apiKey){d.error("Missing API key for track call. Please provide your API key.");return}if(e.canTrack&&!k()&&(c()||b==="reactNative"))return fetch("https://cdn.builder.io/api/v1/track",{method:"POST",body:JSON.stringify({events:[await $e(e)]}),headers:{"content-type":"application/json"},mode:"cors"}).catch(t=>{console.error("Failed to track: ",t)})}const Ge=e=>te({...e,canTrack:!0}),ze=["*.beta.builder.io","beta.builder.io","builder.io","localhost","qa.builder.io"];function ne(e,t){const n=new URL(t.origin),r=n.hostname;return(e||ze).findIndex(o=>o.startsWith("*.")?r.endsWith(o.slice(1)):o===r)>-1}const Je="1.0.16",L={};function re(e,t){let n=L[e];if(n||(n=L[e]=[]),n.push(t),c()){const r={type:"builder.register",data:{type:e,info:t}};try{parent.postMessage(r,"*"),parent!==window&&window.postMessage(r,"*")}catch(o){console.debug("Could not postmessage",o)}}}const He=()=>{re("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 V=!1;const oe=(e={})=>{var t,n;V||(V=!0,c()&&((t=window.parent)==null||t.postMessage({type:"builder.sdkInfo",data:{target:b,version:Je,supportsPatchUpdates:!1,supportsAddBlockScoping:!0,supportsCustomBreakpoints:!0}},"*"),(n=window.parent)==null||n.postMessage({type:"builder.updateContent",data:{options:e}},"*"),window.addEventListener("message",r=>{var s,a;if(!ne(e.trustedHosts,r))return;const{data:o}=r;if(o!=null&&o.type)switch(o.type){case"builder.evaluate":{const l=o.data.text,y=o.data.arguments||[],m=o.data.id,E=new Function(l);let u,g=null;try{u=E.apply(null,y)}catch(h){g=h}g?(s=window.parent)==null||s.postMessage({type:"builder.evaluateError",data:{id:m,error:g.message}},"*"):u&&typeof u.then=="function"?u.then(h=>{var w;(w=window.parent)==null||w.postMessage({type:"builder.evaluateResult",data:{id:m,result:h}},"*")}).catch(console.error):(a=window.parent)==null||a.postMessage({type:"builder.evaluateResult",data:{result:u,id:m}},"*");break}}})))},se=({model:e,trustedHosts:t,callbacks:n})=>r=>{if(!ne(t,r))return;const{data:o}=r;if(o)switch(o.type){case"builder.configureSdk":{n.configureSdk(o.data);break}case"builder.triggerAnimation":{n.animation(o.data);break}case"builder.contentUpdate":{const s=o.data,a=s.key||s.alias||s.entry||s.modelName,l=s.data;a===e&&n.contentUpdate(l);break}}},Xe=(e,t,n)=>{if(!c)return d.warn("`subscribeToEditor` only works in the browser. It currently seems to be running on the server."),()=>{};oe();const r=se({callbacks:{contentUpdate:t,animation:()=>{},configureSdk:()=>{}},model:e,trustedHosts:n==null?void 0:n.trustedHosts});return window.addEventListener("message",r),()=>{window.removeEventListener("message",r)}},U={};function qe(e){if(c()){Object.assign(U,e);const t={type:"builder.settingsChange",data:U};parent.postMessage(t,"*")}}const Ye=async e=>{var r,o,s;const t=e.path||((r=e.url)==null?void 0:r.pathname)||((o=e.userAttributes)==null?void 0:o.urlPath),n={...e,apiKey:e.apiKey,model:e.model||"page",userAttributes:{...e.userAttributes,...t?{urlPath:t}:{}},options:O(e.searchParams||((s=e.url)==null?void 0:s.searchParams)||e.options)};return{apiKey:n.apiKey,model:n.model,content:await H(n)}};exports.TARGET=b;exports._processContentResult=X;exports._track=te;exports.checkIsDefined=p;exports.createEditorListener=se;exports.createRegisterComponentMessage=Ee;exports.fastClone=C;exports.fetch=J;exports.fetchBuilderProps=Ye;exports.fetchEntries=q;exports.fetchOneEntry=H;exports.getBuilderSearchParams=O;exports.getDefaultCanTrack=G;exports.getUserAttributes=N;exports.handleABTestingSync=Ie;exports.isBrowser=c;exports.isEditing=k;exports.isPreviewing=Le;exports.logger=d;exports.register=re;exports.registerInsertMenu=He;exports.serializeComponentInfo=z;exports.setEditorSettings=qe;exports.setupBrowserForEditing=oe;exports.subscribeToEditor=Xe;exports.track=Ge;

package/lib/browser/{server-entry-df552d27.js → server-entry-afeff3cb.js}

@@ -189,17 +189,17 @@ const Z = () => {
 }, fe = (e) => m(e) ? e : !0, Ge = (e) => ({
   type: "builder.registerComponent",
   data: pe(e)
-}), ge = (e) => {
+}), he = (e) => {
   const t = e.toString().trim();
   return `return (${!t.startsWith("function") && !t.startsWith("(") ? "function " : ""}${t}).apply(this, arguments)`;
-}, he = (e) => typeof e == "function" ? ge(e) : M(e), pe = ({
+}, ge = (e) => typeof e == "function" ? he(e) : M(e), pe = ({
   inputs: e,
   ...t
 }) => ({
   ...M(t),
   inputs: e == null ? void 0 : e.map((n) => Object.entries(n).reduce((r, [o, s]) => ({
     ...r,
-    [o]: he(s)
+    [o]: ge(s)
   }), {}))
 });
 function me() {
@@ -253,8 +253,8 @@ const Se = "v3", x = "builder.", be = "options.", W = (e) => {
     fields: p,
     omit: k,
     offset: u,
-    cacheSeconds: g,
-    staleCacheSeconds: h,
+    cacheSeconds: h,
+    staleCacheSeconds: g,
     sort: w,
     includeUnpublished: C
   } = e;
@@ -263,7 +263,7 @@ const Se = "v3", x = "builder.", be = "options.", W = (e) => {
   if (!["v3"].includes(y))
     throw new Error(`Invalid apiVersion: expected 'v3', received '${y}'`);
   const X = t !== 1, i = new URL(`https://cdn.builder.io/api/${y}/content/${o}`);
-  if (i.searchParams.set("apiKey", s), i.searchParams.set("limit", String(t)), i.searchParams.set("noTraverse", String(X)), i.searchParams.set("includeRefs", String(!0)), d && i.searchParams.set("locale", d), a && i.searchParams.set("enrich", String(a)), i.searchParams.set("omit", k || "meta.componentsUsed"), p && i.searchParams.set("fields", p), Number.isFinite(u) && u > -1 && i.searchParams.set("offset", String(Math.floor(u))), typeof C == "boolean" && i.searchParams.set("includeUnpublished", String(C)), g && A(g) && i.searchParams.set("cacheSeconds", String(g)), h && A(h) && i.searchParams.set("staleCacheSeconds", String(h)), w) {
+  if (i.searchParams.set("apiKey", s), i.searchParams.set("limit", String(t)), i.searchParams.set("noTraverse", String(X)), i.searchParams.set("includeRefs", String(!0)), d && i.searchParams.set("locale", d), a && i.searchParams.set("enrich", String(a)), i.searchParams.set("omit", k || "meta.componentsUsed"), p && i.searchParams.set("fields", p), Number.isFinite(u) && u > -1 && i.searchParams.set("offset", String(Math.floor(u))), typeof C == "boolean" && i.searchParams.set("includeUnpublished", String(C)), h && A(h) && i.searchParams.set("cacheSeconds", String(h)), g && A(g) && i.searchParams.set("staleCacheSeconds", String(g)), w) {
     const l = I({
       sort: w
     });
@@ -293,8 +293,9 @@ async function ke(e) {
   return t && t[0] || null;
 }
 const Ee = async (e) => {
+  var s;
   const t = P(e);
-  return await (await we(t.href)).json();
+  return await (await ((s = e.fetch) != null ? s : we)(t.href, e.fetchOptions)).json();
 }, Pe = async (e, t, n = P(e)) => {
   const r = fe(e.canTrack);
   if (n.search.includes("preview="), !r || !(c() || v === "reactNative"))
@@ -476,7 +477,7 @@ function H(e, t) {
   const n = new URL(t.origin), r = n.hostname;
   return (e || je).findIndex((o) => o.startsWith("*.") ? r.endsWith(o.slice(1)) : o === r) > -1;
 }
-const De = "1.0.14", T = {};
+const De = "1.0.16", T = {};
 function Ke(e, t) {
   let n = T[e];
   if (n || (n = T[e] = []), n.push(t), c()) {
@@ -547,25 +548,25 @@ const _e = (e = {}) => {
       switch (o.type) {
         case "builder.evaluate": {
           const d = o.data.text, y = o.data.arguments || [], p = o.data.id, k = new Function(d);
-          let u, g = null;
+          let u, h = null;
           try {
             u = k.apply(null, y);
-          } catch (h) {
-            g = h;
+          } catch (g) {
+            h = g;
           }
-          g ? (s = window.parent) == null || s.postMessage({
+          h ? (s = window.parent) == null || s.postMessage({
             type: "builder.evaluateError",
             data: {
               id: p,
-              error: g.message
+              error: h.message
             }
-          }, "*") : u && typeof u.then == "function" ? u.then((h) => {
+          }, "*") : u && typeof u.then == "function" ? u.then((g) => {
             var w;
             (w = window.parent) == null || w.postMessage({
               type: "builder.evaluateResult",
               data: {
                 id: p,
-                result: h
+                result: g
               }
             }, "*");
           }).catch(console.error) : (a = window.parent) == null || a.postMessage({

package/lib/browser/server-entry.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./server-entry-742c121c.cjs");exports._processContentResult=e._processContentResult;exports.createRegisterComponentMessage=e.createRegisterComponentMessage;exports.fetchBuilderProps=e.fetchBuilderProps;exports.fetchEntries=e.fetchEntries;exports.fetchOneEntry=e.fetchOneEntry;exports.getBuilderSearchParams=e.getBuilderSearchParams;exports.isEditing=e.isEditing;exports.isPreviewing=e.isPreviewing;exports.register=e.register;exports.setEditorSettings=e.setEditorSettings;exports.subscribeToEditor=e.subscribeToEditor;exports.track=e.track;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./server-entry-11e01841.cjs");exports._processContentResult=e._processContentResult;exports.createRegisterComponentMessage=e.createRegisterComponentMessage;exports.fetchBuilderProps=e.fetchBuilderProps;exports.fetchEntries=e.fetchEntries;exports.fetchOneEntry=e.fetchOneEntry;exports.getBuilderSearchParams=e.getBuilderSearchParams;exports.isEditing=e.isEditing;exports.isPreviewing=e.isPreviewing;exports.register=e.register;exports.setEditorSettings=e.setEditorSettings;exports.subscribeToEditor=e.subscribeToEditor;exports.track=e.track;

package/lib/browser/server-entry.mjs

@@ -1,4 +1,4 @@
-import { _processContentResult as r, createRegisterComponentMessage as s, fetchBuilderProps as i, fetchEntries as n, fetchOneEntry as o, getBuilderSearchParams as c, isEditing as g, isPreviewing as a, register as d, setEditorSettings as E, subscribeToEditor as f, track as h } from "./server-entry-df552d27.js";
+import { _processContentResult as r, createRegisterComponentMessage as s, fetchBuilderProps as i, fetchEntries as n, fetchOneEntry as o, getBuilderSearchParams as c, isEditing as g, isPreviewing as a, register as d, setEditorSettings as E, subscribeToEditor as f, track as h } from "./server-entry-afeff3cb.js";
 export {
   r as _processContentResult,
   s as createRegisterComponentMessage,

package/lib/edge/{blocks-dbf6f051.js → blocks-8e5cc463.js}

@@ -3,8 +3,8 @@ var Cn = (e, t, n) => t in e ? En(e, t, { enumerable: !0, configurable: !0, writ
 var Rt = (e, t, n) => (Cn(e, typeof t != "symbol" ? t + "" : t, n), n);
 import { jsx as T, Fragment as Y, jsxs as Dt } from "react/jsx-runtime";
 import { createContext as Vr, useState as Hr, useEffect as jn, useContext as Br } from "react";
-import { isEditing as Ut, isBrowser as Ft, getUserAttributes as On, logger as Xe, checkIsDefined as it, fastClone as Xr, TARGET as Kr } from "./server-entry-5e5c1898.js";
-import { getClassPropName as An } from "./get-class-prop-name-83fffba1.js";
+import { isEditing as Ut, isBrowser as Ft, getUserAttributes as On, logger as Xe, checkIsDefined as it, fastClone as Xr, TARGET as Kr } from "./server-entry-2b1068fd.js";
+import { getClassPropName as An } from "./get-class-prop-name-49cbb2c6.js";
 import { DynamicRenderer as In } from "./dynamic-renderer-8b343325.js";
 const Jr = Vr({
   content: null,
@@ -2961,7 +2961,13 @@ const ho = ({
   }, n;
 };
 function vo(e) {
-  return /* @__PURE__ */ T("style", { dangerouslySetInnerHTML: { __html: e.styles }, id: e.id });
+  return /* @__PURE__ */ T(
+    "style",
+    {
+      dangerouslySetInnerHTML: { __html: e.styles },
+      "data-id": e.id
+    }
+  );
 }
 function mo(e) {
   function t() {
@@ -3009,7 +3015,7 @@ function mo(e) {
     }) : "";
     return [S, P, N].join(" ");
   }
-  return /* @__PURE__ */ T(Y, { children: n() && t() ? /* @__PURE__ */ T(Y, { children: /* @__PURE__ */ T(vo, { styles: n() }) }) : null });
+  return /* @__PURE__ */ T(Y, { children: n() && t() ? /* @__PURE__ */ T(Y, { children: /* @__PURE__ */ T(vo, { id: "builderio-block", styles: n() }) }) : null });
 }
 function So(e) {
   return e.charAt(0).toUpperCase() + e.slice(1);