@builder.io/sdk-react 4.0.3 → 4.0.4-0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (29) hide show
  1. package/CHANGELOG.md +944 -0
  2. package/lib/browser/blocks-exports.cjs +6 -6
  3. package/lib/browser/blocks-exports.mjs +17 -9
  4. package/lib/edge/{blocks-513223a7.js → blocks-890ac50f.js} +242 -240
  5. package/lib/edge/{blocks-a6ffbf92.cjs → blocks-efa04c3b.cjs} +10 -10
  6. package/lib/edge/blocks-exports.cjs +1 -1
  7. package/lib/edge/blocks-exports.mjs +1 -1
  8. package/lib/edge/{columns-ea0b3b30.js → columns-70b88fce.js} +1 -1
  9. package/lib/edge/{columns-092b6fac.cjs → columns-eb192117.cjs} +1 -1
  10. package/lib/edge/{content-variants-6c1e3b13.js → content-variants-6a73b6e9.js} +40 -36
  11. package/lib/edge/{content-variants-75ff40ca.cjs → content-variants-893bba4d.cjs} +1 -1
  12. package/lib/edge/{form-46e4d997.cjs → form-89839d91.cjs} +1 -1
  13. package/lib/edge/{form-0c0d5bf5.js → form-e6ea2320.js} +1 -1
  14. package/lib/edge/{image-38917f45.js → image-1729f079.js} +20 -19
  15. package/lib/edge/{image-590e36ae.cjs → image-a6fbd15b.cjs} +3 -3
  16. package/lib/edge/img-337990c2.cjs +1 -0
  17. package/lib/edge/{img-8bdeb666.js → img-3efcbcca.js} +3 -2
  18. package/lib/edge/{personalization-container-965bec51.cjs → personalization-container-576b7363.cjs} +1 -1
  19. package/lib/edge/{personalization-container-1307218b.js → personalization-container-c8d741e6.js} +2 -2
  20. package/lib/edge/{slot-516f176d.js → slot-26162c51.js} +1 -1
  21. package/lib/edge/{slot-3b6aa7ec.cjs → slot-ed4d2827.cjs} +1 -1
  22. package/lib/edge/{tabs-cec51291.cjs → tabs-7273a1e3.cjs} +1 -1
  23. package/lib/edge/{tabs-f0945019.js → tabs-c576cd8f.js} +1 -1
  24. package/lib/node/blocks-exports.cjs +6 -6
  25. package/lib/node/blocks-exports.mjs +17 -9
  26. package/package.json +4 -4
  27. package/types/blocks/image/image.types.d.ts +1 -0
  28. package/types/blocks/img/img.d.ts +1 -0
  29. package/lib/edge/img-e49acb58.cjs +0 -1
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),i=require("./blocks-a6ffbf92.cjs");require("react");require("./blocks-exports.cjs");require("./server-entry-46e686b9.cjs");require("./get-class-prop-name-dad1ee7e.cjs");require("./dynamic-renderer-b29b45ca.cjs");function u(e){var t,n,r;return o.jsx("div",{style:{pointerEvents:"auto"},...!((t=e.builderContext.context)!=null&&t.symbolId)&&{"builder-slot":e.name},children:o.jsx(i.Blocks,{parent:(n=e.builderContext.context)==null?void 0:n.symbolId,path:`symbol.data.${e.name}`,context:e.builderContext,registeredComponents:e.builderComponents,blocks:(r=e.builderContext.rootState)==null?void 0:r[e.name]})})}exports.default=u;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),i=require("./blocks-efa04c3b.cjs");require("react");require("./blocks-exports.cjs");require("./server-entry-46e686b9.cjs");require("./get-class-prop-name-dad1ee7e.cjs");require("./dynamic-renderer-b29b45ca.cjs");function u(e){var t,n,r;return o.jsx("div",{style:{pointerEvents:"auto"},...!((t=e.builderContext.context)!=null&&t.symbolId)&&{"builder-slot":e.name},children:o.jsx(i.Blocks,{parent:(n=e.builderContext.context)==null?void 0:n.symbolId,path:`symbol.data.${e.name}`,context:e.builderContext,registeredComponents:e.builderComponents,blocks:(r=e.builderContext.rootState)==null?void 0:r[e.name]})})}exports.default=u;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),u=require("react"),b=require("./blocks-a6ffbf92.cjs");require("./blocks-exports.cjs");require("./server-entry-46e686b9.cjs");require("./get-class-prop-name-dad1ee7e.cjs");require("./dynamic-renderer-b29b45ca.cjs");function s(e){var o;const[t,a]=u.useState(()=>e.defaultActiveTab?e.defaultActiveTab-1:0);function c(n){return e.tabs&&e.tabs[n].content}function r(n){n===t&&e.collapsible?a(-1):a(n)}return l.jsxs("div",{children:[l.jsx("div",{className:"builder-tabs-wrap",style:{display:"flex",flexDirection:"row",justifyContent:e.tabHeaderLayout||"flex-start",overflow:"auto"},children:(o=e.tabs)==null?void 0:o.map((n,i)=>l.jsx("span",{className:`builder-tab-wrap ${t===i?"builder-tab-active":""}`,style:{...t===i?e.activeTabStyle:{}},onClick:d=>r(i),children:l.jsx(b.Blocks,{parent:e.builderBlock.id,path:`tabs.${i}.label`,blocks:n.label,context:e.builderContext,registeredComponents:e.builderComponents,linkComponent:e.builderLinkComponent})},i))}),c(t)?l.jsx("div",{children:l.jsx(b.Blocks,{parent:e.builderBlock.id,path:`tabs.${t}.content`,blocks:c(t),context:e.builderContext,registeredComponents:e.builderComponents,linkComponent:e.builderLinkComponent})}):null]})}exports.default=s;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),u=require("react"),b=require("./blocks-efa04c3b.cjs");require("./blocks-exports.cjs");require("./server-entry-46e686b9.cjs");require("./get-class-prop-name-dad1ee7e.cjs");require("./dynamic-renderer-b29b45ca.cjs");function s(e){var o;const[t,a]=u.useState(()=>e.defaultActiveTab?e.defaultActiveTab-1:0);function c(n){return e.tabs&&e.tabs[n].content}function r(n){n===t&&e.collapsible?a(-1):a(n)}return l.jsxs("div",{children:[l.jsx("div",{className:"builder-tabs-wrap",style:{display:"flex",flexDirection:"row",justifyContent:e.tabHeaderLayout||"flex-start",overflow:"auto"},children:(o=e.tabs)==null?void 0:o.map((n,i)=>l.jsx("span",{className:`builder-tab-wrap ${t===i?"builder-tab-active":""}`,style:{...t===i?e.activeTabStyle:{}},onClick:d=>r(i),children:l.jsx(b.Blocks,{parent:e.builderBlock.id,path:`tabs.${i}.label`,blocks:n.label,context:e.builderContext,registeredComponents:e.builderComponents,linkComponent:e.builderLinkComponent})},i))}),c(t)?l.jsx("div",{children:l.jsx(b.Blocks,{parent:e.builderBlock.id,path:`tabs.${t}.content`,blocks:c(t),context:e.builderContext,registeredComponents:e.builderComponents,linkComponent:e.builderLinkComponent})}):null]})}exports.default=s;
@@ -1,6 +1,6 @@
1
1
  import { jsxs as u, jsx as i } from "react/jsx-runtime";
2
2
  import { useState as d } from "react";
3
- import { Blocks as c } from "./blocks-513223a7.js";
3
+ import { Blocks as c } from "./blocks-890ac50f.js";
4
4
  import "./blocks-exports.mjs";
5
5
  import "./server-entry-2e94ad2c.js";
6
6
  import "./get-class-prop-name-e44df0c8.js";
@@ -5,7 +5,7 @@
5
5
  ${i}
6
6
  }`:i};function ut({style:e}){return e}const dt=({block:e,context:t})=>Ce(ut({style:e.style||{},context:t,block:e}));function Ce(e){switch(p.TARGET){case"svelte":case"vue":case"solid":case"angular":return ke(e).join(" ");case"qwik":case"reactNative":case"react":case"rsc":return e}}const Te=(e,t)=>e?t?e.models&&e.models.length>0&&!e.models.includes(t):!1:!0,mt=({block:e,registeredComponents:t,model:n})=>{var s;const i=(s=e.component)==null?void 0:s.name;if(!i)return null;const a=t[i];if(!a||Te(a,n)){console.warn(`
7
7
  Could not find a registered component named "${i}".
8
- If you registered it, is the file that registered it imported by the file that needs to render it?`);return}else return a},ft=({block:e,context:t})=>{const{repeat:n,...i}=e;if(!(n!=null&&n.collection))return;const a=W({code:n.collection,localState:t.localState,rootState:t.rootState,rootSetState:t.rootSetState,context:t.context});if(!Array.isArray(a))return;const s=n.collection.split(".").pop(),o=n.itemName||(s?s+"Item":"item");return a.map((d,u)=>({context:{...t,localState:{...t.localState,$index:u,$item:d,[o]:d,[`$${o}Index`]:u}},block:i}))},gt=(e,t)=>{var n;return(n=e==null?void 0:e.shouldReceiveBuilderProps)!=null&&n.builderLinkComponent?{builderLinkComponent:t}:{}},ht=(e,t,n)=>{var i;return(i=e==null?void 0:e.shouldReceiveBuilderProps)!=null&&i.builderComponents?{builderComponents:Object.fromEntries(Object.entries(t).filter(([s,o])=>!Te(o,n)))}:{}},bt=(e,t)=>{var n;return(n=e==null?void 0:e.shouldReceiveBuilderProps)!=null&&n.builderBlock?{builderBlock:t}:{}},pt=(e,t)=>{var n;return(n=e==null?void 0:e.shouldReceiveBuilderProps)!=null&&n.builderContext?{builderContext:t}:{}},we={xsmall:{min:0,default:160,max:320},small:{min:321,default:321,max:640},medium:{min:641,default:642,max:991},large:{min:990,default:991,max:1200}},J=(e,t=we)=>`@media (max-width: ${t[e].max}px)`,Ie=e=>{const t=N.fastClone(we);if(!e)return t;const{xsmall:n,small:i,medium:a}=e;if(n){const d=Math.floor(n/2);t.xsmall={max:n,min:d,default:d+1}}if(!i||!a)return t;const s=n?t.xsmall.max+1:Math.floor(i/2);t.small={max:i,min:s,default:s+1};const o=t.small.max+1;t.medium={max:a,min:o,default:o+1};const l=t.medium.max+1;return t.large={max:2e3,min:l,default:l+1},t};function L(e){return r.jsx("style",{dangerouslySetInnerHTML:{__html:e.styles},"data-id":e.id,nonce:e.nonce})}function yt(e){function t(){const i=e.block;return p.checkIsDefined(i.hide)?!i.hide:p.checkIsDefined(i.show)?i.show:!0}function n(){var w,P,E,k,m;const i=e.block,a=i.responsiveStyles,s=e.context.content,o=Ie(((w=s==null?void 0:s.meta)==null?void 0:w.breakpoints)||{}),l=!!((E=(P=s==null?void 0:s.meta)==null?void 0:P.breakpoints)!=null&&E.xsmall),d=a==null?void 0:a.large,u=a==null?void 0:a.medium,g=a==null?void 0:a.small,b=a==null?void 0:a.xsmall,c=i.id;if(!c)return"";const S=d?D({className:c,styles:d}):"",f=u?D({className:c,styles:u,mediaQuery:J("medium",o)}):"",y=g?D({className:c,styles:g,mediaQuery:J("small",o)}):"",C=b&&l?D({className:c,styles:b,mediaQuery:J("xsmall",o)}):"",x=i.animations&&i.animations.find(v=>v.trigger==="hover");let T="";if(x){const v=((m=(k=x.steps)==null?void 0:k[1])==null?void 0:m.styles)||{};T=D({className:`${c}:hover`,styles:{...v,transition:`all ${x.duration}s ${z(x.easing)}`,transitionDelay:x.delay?`${x.delay}s`:"0s"}})||""}return[S,f,y,C,T].join(" ")}return r.jsx(r.Fragment,{children:n()&&t()?r.jsx(r.Fragment,{children:r.jsx(L,{id:"builderio-block",styles:n(),nonce:e.context.nonce})}):null})}function xt(e){return e.charAt(0).toUpperCase()+e.slice(1)}const vt=e=>`on${xt(e)}`,St=(e,t)=>n=>W({code:e,context:t.context,localState:t.localState,rootState:t.rootState,rootSetState:t.rootSetState,event:n,isExpression:!1});function Ee(e){var i;const t={},n=(i=e.block.actions)!=null?i:{};for(const a in n){if(!n.hasOwnProperty(a))continue;const s=n[a];let o=vt(a);if(e.stripPrefix)switch(p.TARGET){case"vue":o=o.replace("v-on:","");break;case"svelte":o=o.replace("on:","");break}t[o]=St(s,e)}return t}function kt({properties:e}){return e}const Ct=e=>({href:e.href});function ie({block:e,context:t}){var i;const n={...Ct(e),...e.properties,"builder-id":e.id,style:dt({block:e,context:t}),[O()]:[e.id,"builder-block",e.class,(i=e.properties)==null?void 0:i.class].filter(Boolean).join(" ")};return kt({properties:n,context:t,block:e})}function Tt(e){return r.jsx(ne,{TagName:e.Wrapper,attributes:ie({block:e.block,context:e.context}),actionAttributes:Ee({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 wt(e){return h.useEffect(()=>{},[]),r.jsx(r.Fragment,{children:e.children})}function It(e){function t(){return e.includeBlockProps?{...ie({block:e.block,context:e.context}),...Ee({block:e.block,rootState:e.context.rootState,rootSetState:e.context.rootSetState,localState:e.context.localState,context:e.context.context})}:{}}return r.jsx(r.Fragment,{children:e.Wrapper.load?r.jsx(r.Fragment,{children:r.jsx(wt,{load:e.Wrapper.load,fallback:e.Wrapper.fallback,props:e.wrapperProps,attributes:t(),children:e.children})}):r.jsx(e.Wrapper,{...e.wrapperProps,attributes:t(),children:e.children})})}const Et=({componentOptions:e,builderBlock:t,context:n,componentRef:i,includeBlockProps:a,isInteractive:s,contextValue:o})=>{const l={...e,...a?{attributes:ie({block:t,context:o})}:{}};return s?{Wrapper:i,block:t,context:n,wrapperProps:e,includeBlockProps:a}:l};function re(e){var i;const[t,n]=h.useState(()=>e.isInteractive?It:e.componentRef);return r.jsx(r.Fragment,{children:e.componentRef?r.jsx(r.Fragment,{children:r.jsx(t,{...Et({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(a=>r.jsx(K,{block:a,context:e.context,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},a.id))})}):null})}function se(e){const[t,n]=h.useState(()=>e.repeatContext);return r.jsx(H.Provider,{value:t,children:r.jsx(K,{block:e.block,context:t,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent})})}function K(e){var g,b,c,S;function t(){return ft({block:e.block,context:e.context})}const[n,i]=h.useState(()=>({value:null,update:!1}));function a(){var y;if(n.value&&!n.update&&!p.isPreviewing())return n.value;const f=(y=e.block.repeat)!=null&&y.collection?e.block:at({block:e.block,localState:e.context.localState,rootState:e.context.rootState,rootSetState:e.context.rootSetState,context:e.context.context});return n.value=f,n.update=!1,f}function s(){return mt({block:a(),registeredComponents:e.registeredComponents,model:e.context.model})}function o(){var y;return e.block.tagName==="a"||((y=a().properties)==null?void 0:y.href)||a().href?e.linkComponent||"a":e.block.tagName||"div"}function l(){var C,x;if((C=e.block.repeat)!=null&&C.collection)return!!((x=t==null?void 0:t())!=null&&x.length);const f="hide"in a()?a().hide:!1;return("show"in a()?a().show:!0)&&!f}function d(){var y,C;return!((y=s==null?void 0:s())!=null&&y.component)&&!t()?(C=a().children)!=null?C:[]:[]}function u(){var f,y,C,x;return{blockChildren:(f=a().children)!=null?f:[],componentRef:(y=s==null?void 0:s())==null?void 0:y.component,componentOptions:{...Je(a(),e.context),...bt(s(),a()),...pt(s(),e.context),...gt(s(),e.linkComponent),...ht(s(),e.registeredComponents,e.context.model)},context:e.context,linkComponent:e.linkComponent,registeredComponents:e.registeredComponents,builderBlock:a(),includeBlockProps:((C=s==null?void 0:s())==null?void 0:C.noWrap)===!0,isInteractive:!((x=s==null?void 0:s())!=null&&x.isRSC&&p.TARGET==="rsc")}}return h.useEffect(()=>{const f=a().id,y=a().animations;y&&f&&rt(y.map(C=>({...C,elementId:f})))},[]),h.useEffect(()=>{n.update=!0}),r.jsx(r.Fragment,{children:l()?r.jsxs(r.Fragment,{children:[r.jsx(yt,{block:a(),context:e.context}),(g=s==null?void 0:s())!=null&&g.noWrap?t()?r.jsx(r.Fragment,{children:(S=t())==null?void 0:S.map((f,y)=>r.jsx(se,{repeatContext:f.context,block:f.block,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},y))}):r.jsx(re,{componentRef:u().componentRef,componentOptions:u().componentOptions,blockChildren:u().blockChildren,context:u().context,registeredComponents:u().registeredComponents,linkComponent:u().linkComponent,builderBlock:u().builderBlock,includeBlockProps:u().includeBlockProps,isInteractive:u().isInteractive}):r.jsx(r.Fragment,{children:t()?r.jsx(r.Fragment,{children:(c=t())==null?void 0:c.map((f,y)=>r.jsx(se,{repeatContext:f.context,block:f.block,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},y))}):r.jsxs(Tt,{Wrapper:o(),block:a(),context:e.context,children:[r.jsx(re,{componentRef:u().componentRef,componentOptions:u().componentOptions,blockChildren:u().blockChildren,context:u().context,registeredComponents:u().registeredComponents,linkComponent:u().linkComponent,builderBlock:u().builderBlock,includeBlockProps:u().includeBlockProps,isInteractive:u().isInteractive}),(b=d())==null?void 0:b.map(f=>r.jsx(K,{block:f,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent,context:e.context},f.id))]})})]}):null})}function Rt(e){const t=h.useRef(null);function n(){var o;return["builder-blocks",(o=e.blocks)!=null&&o.length?"":"no-blocks",e.classNameProp].filter(Boolean).join(" ")}function i(){if(!e.path)return;const o="this.",l="component.options.";return e.path.startsWith(o)?e.path.replace(o,""):e.path.startsWith(l)?e.path:`${l}${e.path||""}`}function a(){var o,l;p.isEditing()&&!((o=e.blocks)!=null&&o.length)&&((l=window.parent)==null||l.postMessage({type:"builder.clickEmptyBlocks",data:{parentElementId:e.parent,dataPath:i()}},"*"))}function s(){var o,l;p.isEditing()&&!((o=e.blocks)!=null&&o.length)&&((l=window.parent)==null||l.postMessage({type:"builder.hoverEmptyBlocks",data:{parentElementId:e.parent,dataPath:i()}},"*"))}return h.useEffect(()=>{},[]),r.jsxs(r.Fragment,{children:[r.jsx(e.BlocksWrapper,{ref:t,className:n()+" props-blocks-wrapper-2936bbfc","builder-path":i(),"builder-parent-id":e.parent,style:e.styleProp,onClick:o=>a(),onMouseEnter:o=>s(),onKeyPress:o=>a(),...e.BlocksWrapperProps,children:e.children}),r.jsx("style",{children:`.props-blocks-wrapper-2936bbfc {
8
+ If you registered it, is the file that registered it imported by the file that needs to render it?`);return}else return a},ft=({block:e,context:t})=>{const{repeat:n,...i}=e;if(!(n!=null&&n.collection))return;const a=W({code:n.collection,localState:t.localState,rootState:t.rootState,rootSetState:t.rootSetState,context:t.context});if(!Array.isArray(a))return;const s=n.collection.split(".").pop(),o=n.itemName||(s?s+"Item":"item");return a.map((d,u)=>({context:{...t,localState:{...t.localState,$index:u,$item:d,[o]:d,[`$${o}Index`]:u}},block:i}))},gt=(e,t)=>{var n;return(n=e==null?void 0:e.shouldReceiveBuilderProps)!=null&&n.builderLinkComponent?{builderLinkComponent:t}:{}},ht=(e,t,n)=>{var i;return(i=e==null?void 0:e.shouldReceiveBuilderProps)!=null&&i.builderComponents?{builderComponents:Object.fromEntries(Object.entries(t).filter(([s,o])=>!Te(o,n)))}:{}},bt=(e,t)=>{var n;return(n=e==null?void 0:e.shouldReceiveBuilderProps)!=null&&n.builderBlock?{builderBlock:t}:{}},pt=(e,t)=>{var n;return(n=e==null?void 0:e.shouldReceiveBuilderProps)!=null&&n.builderContext?{builderContext:t}:{}},we={xsmall:{min:0,default:160,max:320},small:{min:321,default:321,max:640},medium:{min:641,default:642,max:991},large:{min:990,default:991,max:1200}},J=(e,t=we)=>`@media (max-width: ${t[e].max}px)`,Ie=e=>{const t=N.fastClone(we);if(!e)return t;const{xsmall:n,small:i,medium:a}=e;if(n){const d=Math.floor(n/2);t.xsmall={max:n,min:d,default:d+1}}if(!i||!a)return t;const s=n?t.xsmall.max+1:Math.floor(i/2);t.small={max:i,min:s,default:s+1};const o=t.small.max+1;t.medium={max:a,min:o,default:o+1};const l=t.medium.max+1;return t.large={max:2e3,min:l,default:l+1},t};function L(e){return r.jsx("style",{dangerouslySetInnerHTML:{__html:e.styles},"data-id":e.id,nonce:e.nonce})}function yt(e){function t(){const i=e.block;return p.checkIsDefined(i.hide)?!i.hide:p.checkIsDefined(i.show)?i.show:!0}function n(){var w,P,E,k,m;const i=e.block,a=i.responsiveStyles,s=e.context.content,o=Ie(((w=s==null?void 0:s.meta)==null?void 0:w.breakpoints)||{}),l=!!((E=(P=s==null?void 0:s.meta)==null?void 0:P.breakpoints)!=null&&E.xsmall),d=a==null?void 0:a.large,u=a==null?void 0:a.medium,g=a==null?void 0:a.small,b=a==null?void 0:a.xsmall,c=i.id;if(!c)return"";const S=d?D({className:c,styles:d}):"",f=u?D({className:c,styles:u,mediaQuery:J("medium",o)}):"",y=g?D({className:c,styles:g,mediaQuery:J("small",o)}):"",C=b&&l?D({className:c,styles:b,mediaQuery:J("xsmall",o)}):"",x=i.animations&&i.animations.find(v=>v.trigger==="hover");let T="";if(x){const v=((m=(k=x.steps)==null?void 0:k[1])==null?void 0:m.styles)||{};T=D({className:`${c}:hover`,styles:{...v,transition:`all ${x.duration}s ${z(x.easing)}`,transitionDelay:x.delay?`${x.delay}s`:"0s"}})||""}return[S,f,y,C,T].join(" ")}return r.jsx(r.Fragment,{children:n()&&t()?r.jsx(r.Fragment,{children:r.jsx(L,{id:"builderio-block",styles:n(),nonce:e.context.nonce})}):null})}function xt(e){return e.charAt(0).toUpperCase()+e.slice(1)}const vt=e=>`on${xt(e)}`,St=(e,t)=>n=>W({code:e,context:t.context,localState:t.localState,rootState:t.rootState,rootSetState:t.rootSetState,event:n,isExpression:!1});function Ee(e){var i;const t={},n=(i=e.block.actions)!=null?i:{};for(const a in n){if(!n.hasOwnProperty(a))continue;const s=n[a];let o=vt(a);if(e.stripPrefix)switch(p.TARGET){case"vue":o=o.replace("v-on:","");break;case"svelte":o=o.replace("on:","");break}t[o]=St(s,e)}return t}function kt({properties:e}){return e}const Ct=e=>({href:e.href});function ie({block:e,context:t}){var i;const n={...Ct(e),...e.properties,"builder-id":e.id,style:dt({block:e,context:t}),[O()]:[e.id,"builder-block",e.class,(i=e.properties)==null?void 0:i.class].filter(Boolean).join(" ")};return kt({properties:n,context:t,block:e})}function Tt(e){return r.jsx(ne,{TagName:e.Wrapper,attributes:ie({block:e.block,context:e.context}),actionAttributes:Ee({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 wt(e){return h.useEffect(()=>{},[]),r.jsx(r.Fragment,{children:e.children})}function It(e){function t(){return e.includeBlockProps?{...ie({block:e.block,context:e.context}),...Ee({block:e.block,rootState:e.context.rootState,rootSetState:e.context.rootSetState,localState:e.context.localState,context:e.context.context})}:{}}return r.jsx(r.Fragment,{children:e.Wrapper.load?r.jsx(r.Fragment,{children:r.jsx(wt,{load:e.Wrapper.load,fallback:e.Wrapper.fallback,props:e.wrapperProps,attributes:t(),children:e.children})}):r.jsx(e.Wrapper,{...e.wrapperProps,attributes:t(),children:e.children})})}const Et=({componentOptions:e,builderBlock:t,context:n,componentRef:i,includeBlockProps:a,isInteractive:s,contextValue:o})=>{const l={...e,...a?{attributes:ie({block:t,context:o})}:{}};return s?{Wrapper:i,block:t,context:n,wrapperProps:e,includeBlockProps:a}:l};function re(e){var i;const[t,n]=h.useState(()=>e.isInteractive?It:e.componentRef);return r.jsx(r.Fragment,{children:e.componentRef?r.jsx(r.Fragment,{children:r.jsx(t,{...Et({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(a=>r.jsx(K,{block:a,context:e.context,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},a.id))})}):null})}function se(e){const[t,n]=h.useState(()=>e.repeatContext);return r.jsx(H.Provider,{value:t,children:r.jsx(K,{block:e.block,context:t,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent})})}function K(e){var g,b,c,S;function t(){return ft({block:e.block,context:e.context})}const[n,i]=h.useState(()=>({value:null,update:!1}));function a(){var y;if(n.value&&!n.update&&!p.isPreviewing())return n.value;const f=(y=e.block.repeat)!=null&&y.collection?e.block:at({block:e.block,localState:e.context.localState,rootState:e.context.rootState,rootSetState:e.context.rootSetState,context:e.context.context});return n.value=f,n.update=!1,f}function s(){return mt({block:a(),registeredComponents:e.registeredComponents,model:e.context.model})}function o(){var y;return e.block.tagName==="a"||((y=a().properties)==null?void 0:y.href)||a().href?e.linkComponent||"a":e.block.tagName||"div"}function l(){var C,x;if((C=e.block.repeat)!=null&&C.collection)return!!((x=t==null?void 0:t())!=null&&x.length);const f="hide"in a()?a().hide:!1;return("show"in a()?a().show:!0)&&!f}function d(){var y,C;return!((y=s==null?void 0:s())!=null&&y.component)&&!t()?(C=a().children)!=null?C:[]:[]}function u(){var f,y,C,x;return{blockChildren:(f=a().children)!=null?f:[],componentRef:(y=s==null?void 0:s())==null?void 0:y.component,componentOptions:{...Je(a(),e.context),...bt(s(),a()),...pt(s(),e.context),...gt(s(),e.linkComponent),...ht(s(),e.registeredComponents,e.context.model)},context:e.context,linkComponent:e.linkComponent,registeredComponents:e.registeredComponents,builderBlock:a(),includeBlockProps:((C=s==null?void 0:s())==null?void 0:C.noWrap)===!0,isInteractive:!((x=s==null?void 0:s())!=null&&x.isRSC&&p.TARGET==="rsc")}}return h.useEffect(()=>{const f=a().id,y=a().animations;y&&f&&rt(y.map(C=>({...C,elementId:f})))},[]),h.useEffect(()=>{n.update=!0}),r.jsx(r.Fragment,{children:l()?r.jsxs(r.Fragment,{children:[r.jsx(yt,{block:a(),context:e.context}),(g=s==null?void 0:s())!=null&&g.noWrap?t()?r.jsx(r.Fragment,{children:(S=t())==null?void 0:S.map((f,y)=>r.jsx(se,{repeatContext:f.context,block:f.block,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},y))}):r.jsx(re,{componentRef:u().componentRef,componentOptions:u().componentOptions,blockChildren:u().blockChildren,context:u().context,registeredComponents:u().registeredComponents,linkComponent:u().linkComponent,builderBlock:u().builderBlock,includeBlockProps:u().includeBlockProps,isInteractive:u().isInteractive}):r.jsx(r.Fragment,{children:t()?r.jsx(r.Fragment,{children:(c=t())==null?void 0:c.map((f,y)=>r.jsx(se,{repeatContext:f.context,block:f.block,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},y))}):r.jsxs(Tt,{Wrapper:o(),block:a(),context:e.context,children:[r.jsx(re,{componentRef:u().componentRef,componentOptions:u().componentOptions,blockChildren:u().blockChildren,context:u().context,registeredComponents:u().registeredComponents,linkComponent:u().linkComponent,builderBlock:u().builderBlock,includeBlockProps:u().includeBlockProps,isInteractive:u().isInteractive}),(b=d())==null?void 0:b.map(f=>r.jsx(K,{block:f,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent,context:e.context},f.id))]})})]}):null})}function Rt(e){const t=h.useRef(null);h.useState(()=>!1);function n(){var o;return["builder-blocks",(o=e.blocks)!=null&&o.length?"":"no-blocks",e.classNameProp].filter(Boolean).join(" ")}function i(){if(!e.path)return;const o="this.",l="component.options.";return e.path.startsWith(o)?e.path.replace(o,""):e.path.startsWith(l)?e.path:`${l}${e.path||""}`}function a(){var o,l;p.isEditing()&&!((o=e.blocks)!=null&&o.length)&&((l=window.parent)==null||l.postMessage({type:"builder.clickEmptyBlocks",data:{parentElementId:e.parent,dataPath:i()}},"*"))}function s(){var o,l;p.isEditing()&&!((o=e.blocks)!=null&&o.length)&&((l=window.parent)==null||l.postMessage({type:"builder.hoverEmptyBlocks",data:{parentElementId:e.parent,dataPath:i()}},"*"))}return h.useEffect(()=>{},[]),h.useEffect(()=>{},[e.blocks]),r.jsxs(r.Fragment,{children:[r.jsx(e.BlocksWrapper,{ref:t,className:n()+" props-blocks-wrapper-14802cff","builder-path":i(),"builder-parent-id":e.parent,style:e.styleProp,onClick:o=>a(),onMouseEnter:o=>s(),onKeyPress:o=>a(),...e.BlocksWrapperProps,children:e.children}),r.jsx("style",{children:`.props-blocks-wrapper-14802cff {
9
9
  display: flex;
10
10
  flex-direction: column;
11
11
  align-items: stretch;
@@ -36,14 +36,14 @@
36
36
  `}function f(x,T){return{...x.link?{href:x.link}:{},[O()]:"builder-column",style:Ce(b(T))}}return r.jsxs(r.Fragment,{children:[r.jsxs("div",{className:Pt((y=e.builderBlock)==null?void 0:y.id)+" div-a6f3faac",style:g(),children:[r.jsx(L,{id:"builderio-columns",styles:S(),nonce:e.builderContext.nonce}),(C=e.columns)==null?void 0:C.map((x,T)=>r.jsx(ne,{TagName:a(x),actionAttributes:{},attributes:f(x,T),children:r.jsx(A,{path:`columns.${T}.blocks`,parent:e.builderBlock.id,context:e.builderContext,registeredComponents:e.builderComponents,linkComponent:e.builderLinkComponent,blocks:x.blocks,styleProp:{flexGrow:"1"}})},T))]}),r.jsx("style",{children:`.div-a6f3faac {
37
37
  display: flex;
38
38
  line-height: normal;
39
- }`})]})}function Pe(e){return r.jsx("span",{children:e.children})}function le(e){return e.replace(/http(s)?:/,"")}function jt(e="",t,n){const i=new RegExp("([?&])"+t+"=.*?(&|$)","i"),a=e.indexOf("?")!==-1?"&":"?";return e.match(i)?e.replace(i,"$1"+t+"="+encodeURIComponent(n)+"$2"):e+a+t+"="+encodeURIComponent(n)}function Vt(e,t){if(!e||!(e!=null&&e.match(/cdn\.shopify\.com/))||!t)return e;if(t==="master")return le(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]),a=n[3],s=t.match("x")?t:`${t}x`;return le(`${i[0]}_${s}${a}`)}return null}function Q(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(a=>a!==i).map(a=>`${jt(e,"width",a)} ${a}w`).concat([n]).join(", ")}return e.match(/cdn\.shopify\.com/)?t.map(n=>[Vt(e,`${n}x${n}`),n]).filter(([n])=>!!n).map(([n,i])=>`${n} ${i}w`).concat([e]).join(", "):e}function je(e){var a,s,o,l,d,u;function t(){var c;const b=e.image||e.src;if(!b||!(typeof b=="string"&&(b.match(/builder\.io/)||b.match(/cdn\.shopify\.com/))))return e.srcset;if(!e.noWebp){if(e.srcset&&((c=e.image)!=null&&c.includes("builder.io/api/v1/image"))){if(!e.srcset.includes(e.image.split("?")[0]))return console.debug("Removed given srcset"),Q(b)}else if(e.image&&!e.srcset)return Q(b);return Q(b)}}function n(){var g;return(g=t==null?void 0:t())!=null&&g.match(/builder\.io/)&&!e.noWebp?t().replace(/\?/g,"?format=webp&"):""}function i(){const g={position:"absolute",height:"100%",width:"100%",left:"0px",top:"0px"};return e.aspectRatio?g:void 0}return r.jsxs(r.Fragment,{children:[r.jsxs(r.Fragment,{children:[r.jsxs("picture",{children:[n()?r.jsx("source",{type:"image/webp",srcSet:n()}):null,r.jsx("img",{loading:e.highPriority?"eager":"lazy",fetchPriority:e.highPriority?"high":"auto",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-9dac2184",src:e.image,srcSet:t(),sizes:e.sizes})]}),e.aspectRatio&&!((s=(a=e.builderBlock)==null?void 0:a.children)!=null&&s.length&&e.fitContent)?r.jsx("div",{className:"builder-image-sizer div-9dac2184",style:{paddingTop:e.aspectRatio*100+"%"}}):null,(l=(o=e.builderBlock)==null?void 0:o.children)!=null&&l.length&&e.fitContent?r.jsx(r.Fragment,{children:e.children}):null,!e.fitContent&&((u=(d=e.builderBlock)==null?void 0:d.children)!=null&&u.length)?r.jsx("div",{className:"div-9dac2184-2",children:e.children}):null]}),r.jsx("style",{children:`.img-9dac2184 {
39
+ }`})]})}function Pe(e){return r.jsx("span",{children:e.children})}function le(e){return e.replace(/http(s)?:/,"")}function jt(e="",t,n){const i=new RegExp("([?&])"+t+"=.*?(&|$)","i"),a=e.indexOf("?")!==-1?"&":"?";return e.match(i)?e.replace(i,"$1"+t+"="+encodeURIComponent(n)+"$2"):e+a+t+"="+encodeURIComponent(n)}function Vt(e,t){if(!e||!(e!=null&&e.match(/cdn\.shopify\.com/))||!t)return e;if(t==="master")return le(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]),a=n[3],s=t.match("x")?t:`${t}x`;return le(`${i[0]}_${s}${a}`)}return null}function Q(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(a=>a!==i).map(a=>`${jt(e,"width",a)} ${a}w`).concat([n]).join(", ")}return e.match(/cdn\.shopify\.com/)?t.map(n=>[Vt(e,`${n}x${n}`),n]).filter(([n])=>!!n).map(([n,i])=>`${n} ${i}w`).concat([e]).join(", "):e}function je(e){var a,s,o,l,d,u;function t(){var c;const b=e.image||e.src;if(!b||!(typeof b=="string"&&(b.match(/builder\.io/)||b.match(/cdn\.shopify\.com/))))return e.srcset;if(!e.noWebp){if(e.srcset&&((c=e.image)!=null&&c.includes("builder.io/api/v1/image"))){if(!e.srcset.includes(e.image.split("?")[0]))return console.debug("Removed given srcset"),Q(b)}else if(e.image&&!e.srcset)return Q(b);return Q(b)}}function n(){var g;return(g=t==null?void 0:t())!=null&&g.match(/builder\.io/)&&!e.noWebp?t().replace(/\?/g,"?format=webp&"):""}function i(){const g={position:"absolute",height:"100%",width:"100%",left:"0px",top:"0px"};return e.aspectRatio?g:void 0}return r.jsxs(r.Fragment,{children:[r.jsxs(r.Fragment,{children:[r.jsxs("picture",{children:[n()?r.jsx("source",{type:"image/webp",srcSet:n()}):null,r.jsx("img",{loading:e.highPriority?"eager":"lazy",fetchPriority:e.highPriority?"high":"auto",alt:e.altText,title:e.title,role:e.altText?void 0:"presentation",style:{objectPosition:e.backgroundPosition||"center",objectFit:e.backgroundSize||"cover",...i()},className:"builder-image"+(e.className?" "+e.className:"")+" img-1aa8aba3",src:e.image,srcSet:t(),sizes:e.sizes})]}),e.aspectRatio&&!((s=(a=e.builderBlock)==null?void 0:a.children)!=null&&s.length&&e.fitContent)?r.jsx("div",{className:"builder-image-sizer div-1aa8aba3",style:{paddingTop:e.aspectRatio*100+"%"}}):null,(l=(o=e.builderBlock)==null?void 0:o.children)!=null&&l.length&&e.fitContent?r.jsx(r.Fragment,{children:e.children}):null,!e.fitContent&&((u=(d=e.builderBlock)==null?void 0:d.children)!=null&&u.length)?r.jsx("div",{className:"div-1aa8aba3-2",children:e.children}):null]}),r.jsx("style",{children:`.img-1aa8aba3 {
40
40
  opacity: 1;
41
41
  transition: opacity 0.2s ease-in-out;
42
- }.div-9dac2184 {
42
+ }.div-1aa8aba3 {
43
43
  width: 100%;
44
44
  pointer-events: none;
45
45
  font-size: 0;
46
- }.div-9dac2184-2 {
46
+ }.div-1aa8aba3-2 {
47
47
  display: flex;
48
48
  flex-direction: column;
49
49
  align-items: stretch;
@@ -52,7 +52,7 @@
52
52
  left: 0;
53
53
  width: 100%;
54
54
  height: 100%;
55
- }`})]})}function Ve(e){return r.jsx("section",{...e.attributes,style:{width:"100%",alignSelf:"stretch",flexGrow:1,boxSizing:"border-box",maxWidth:e.maxWidth||1200,display:"flex",flexDirection:"column",alignItems:"stretch",marginLeft:"auto",marginRight:"auto"},children:e.children})}const Y={"@type":"@builder.io/sdk:Element",layerName:"Accordion item title",responsiveStyles:{large:{marginTop:"10px",position:"relative",display:"flex",alignItems:"stretch",flexDirection:"column",paddingBottom:"10px"}},children:[{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{textAlign:"left",display:"flex",flexDirection:"column"}},component:{name:"Text",options:{text:"I am an accordion title. Click me!"}}}]},X={"@type":"@builder.io/sdk:Element",layerName:"Accordion item detail",responsiveStyles:{large:{position:"relative",display:"flex",alignItems:"stretch",flexDirection:"column",marginTop:"10px",paddingBottom:"10px"}},children:[{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{paddingTop:"50px",textAlign:"left",display:"flex",flexDirection:"column",paddingBottom:"50px"}},component:{name:"Text",options:{text:"I am an accordion detail, hello!"}}}]},Bt={name:"Builder:Accordion",canHaveChildren:!0,image:"https://cdn.builder.io/api/v1/image/assets%2FagZ9n5CUKRfbL9t6CaJOyVSK4Es2%2Ffab6c1fd3fe542408cbdec078bca7f35",defaultStyles:{display:"flex",flexDirection:"column",alignItems:"stretch"},inputs:[{name:"items",type:"list",broadcast:!0,subFields:[{name:"title",type:"uiBlocks",hideFromUI:!0,defaultValue:[Y]},{name:"detail",type:"uiBlocks",hideFromUI:!0,defaultValue:[X]}],defaultValue:[{title:[Y],detail:[X]},{title:[Y],detail:[X]}],showIf:e=>!e.get("useChildrenForItems")},{name:"oneAtATime",helperText:"Only allow opening one at a time (collapse all others when new item openned)",type:"boolean",defaultValue:!1},{name:"grid",helperText:"Display as a grid",type:"boolean",defaultValue:!1},{name:"gridRowWidth",helperText:"Display as a grid",type:"string",showIf:e=>e.get("grid"),defaultValue:"25%"},{name:"useChildrenForItems",type:"boolean",helperText:"Use child elements for each slide, instead of the array. Useful for dynamically repeating items",advanced:!0,defaultValue:!1,onChange:e=>{e.get("useChildrenForItems")===!0&&e.set("items",[])}}],shouldReceiveBuilderProps:{builderBlock:!0,builderContext:!0,builderComponents:!0,builderLinkComponent:!0}},ce=e=>e.toString();function At(e){var b;const[t,n]=h.useState(()=>[]);function i(){return!!(e.grid||e.oneAtATime)}function a(){return{display:"flex",alignItems:"stretch",flexDirection:"column",...e.grid&&{flexDirection:"row",alignItems:"flex-start",flexWrap:"wrap"}}}function s(){const S={...{display:"flex",flexDirection:"column"},alignItems:"stretch",cursor:"pointer"};return Object.fromEntries(Object.entries(S).filter(([f,y])=>y!==void 0))}function o(c){return`builder-accordion-title builder-accordion-title-${t.includes(c)?"open":"closed"}`}function l(c){return`builder-accordion-detail builder-accordion-detail-${t.includes(c)?"open":"closed"}`}function d(){let c=null;if(e.grid&&t.length&&document){const f=t[0];let C=document.querySelector(`.builder-accordion-title[data-index="${f}"]`);if(c=f,C){let x=C.getBoundingClientRect();for(;C=C&&C.nextElementSibling;)if(C){if(C.classList.contains("builder-accordion-detail"))continue;const T=C.getBoundingClientRect();if(T.left>x.left){const w=parseInt(C.getAttribute("data-index")||"",10);isNaN(w)||(x=T,c=w)}else break}}}return typeof c=="number"&&(c=c+1),c}function u(){const c={order:typeof d()=="number"?d():void 0,...e.grid&&{width:"100%"}};return Object.fromEntries(Object.entries(c).filter(([S,f])=>f!==void 0))}function g(c){t.includes(c)?n(i()?[]:t.filter(S=>S!==c)):n(i()?[c]:t.concat(c))}return r.jsx("div",{className:"builder-accordion",style:a(),children:(b=e.items)==null?void 0:b.map((c,S)=>r.jsxs(Ue.Fragment,{children:[r.jsx("div",{className:o(S),style:{...s(),...e.grid&&{width:e.gridRowWidth,order:d()!==null?ce(S):ce(S+1)}},"data-index":S,onClick:f=>g(S),children:r.jsx(A,{blocks:c.title,path:`items.${S}.title`,parent:e.builderBlock.id,context:e.builderContext,registeredComponents:e.builderComponents,linkComponent:e.builderLinkComponent})}),t.includes(S)?r.jsx("div",{className:l(S),style:u(),children:r.jsx(A,{blocks:c.detail,path:`items.${S}.detail`,parent:e.builderBlock.id,context:e.builderContext,registeredComponents:e.builderComponents,linkComponent:e.builderLinkComponent})}):null]},S))})}const Nt={name:"Core:Button",image:"https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",defaultStyles:{appearance:"none",paddingTop:"15px",paddingBottom:"15px",paddingLeft:"25px",paddingRight:"25px",backgroundColor:"#000000",color:"white",borderRadius:"4px",textAlign:"center",cursor:"pointer"},inputs:[{name:"text",type:"text",defaultValue:"Click me!",bubble:!0},{name:"link",type:"url",bubble:!0},{name:"openLinkInNewTab",type:"boolean",defaultValue:!1,friendlyName:"Open link in new tab"}],static:!0,noWrap:!0,shouldReceiveBuilderProps:{builderLinkComponent:!0}},Ft={name:"Columns",isRSC:!0,inputs:[{name:"columns",type:"array",broadcast:!0,subFields:[{name:"blocks",type:"array",hideFromUI:!0,defaultValue:[{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{display:"flex",flexDirection:"column",alignItems:"stretch",flexShrink:"0",position:"relative",marginTop:"30px",textAlign:"center",lineHeight:"normal",height:"auto",minHeight:"20px",minWidth:"20px",overflow:"hidden"}},component:{name:"Image",options:{image:"https://builder.io/api/v1/image/assets%2Fpwgjf0RoYWbdnJSbpBAjXNRMe9F2%2Ffb27a7c790324294af8be1c35fe30f4d",backgroundPosition:"center",backgroundSize:"cover",aspectRatio:.7004048582995948}}},{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{display:"flex",flexDirection:"column",alignItems:"stretch",flexShrink:"0",position:"relative",marginTop:"30px",textAlign:"center",lineHeight:"normal",height:"auto"}},component:{name:"Text",options:{text:"<p>Enter some text...</p>"}}}]},{name:"width",type:"number",hideFromUI:!0,helperText:"Width %, e.g. set to 50 to fill half of the space"},{name:"link",type:"url",helperText:"Optionally set a url that clicking this column will link to"}],defaultValue:[{blocks:[{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{display:"flex",flexDirection:"column",alignItems:"stretch",flexShrink:"0",position:"relative",marginTop:"30px",textAlign:"center",lineHeight:"normal",height:"auto",minHeight:"20px",minWidth:"20px",overflow:"hidden"}},component:{name:"Image",options:{image:"https://builder.io/api/v1/image/assets%2Fpwgjf0RoYWbdnJSbpBAjXNRMe9F2%2Ffb27a7c790324294af8be1c35fe30f4d",backgroundPosition:"center",backgroundSize:"cover",aspectRatio:.7004048582995948}}},{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{display:"flex",flexDirection:"column",alignItems:"stretch",flexShrink:"0",position:"relative",marginTop:"30px",textAlign:"center",lineHeight:"normal",height:"auto"}},component:{name:"Text",options:{text:"<p>Enter some text...</p>"}}}]},{blocks:[{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{display:"flex",flexDirection:"column",alignItems:"stretch",flexShrink:"0",position:"relative",marginTop:"30px",textAlign:"center",lineHeight:"normal",height:"auto",minHeight:"20px",minWidth:"20px",overflow:"hidden"}},component:{name:"Image",options:{image:"https://builder.io/api/v1/image/assets%2Fpwgjf0RoYWbdnJSbpBAjXNRMe9F2%2Ffb27a7c790324294af8be1c35fe30f4d",backgroundPosition:"center",backgroundSize:"cover",aspectRatio:.7004048582995948}}},{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{display:"flex",flexDirection:"column",alignItems:"stretch",flexShrink:"0",position:"relative",marginTop:"30px",textAlign:"center",lineHeight:"normal",height:"auto"}},component:{name:"Text",options:{text:"<p>Enter some text...</p>"}}}]}],onChange:e=>{function t(){n.forEach(i=>{i.delete("width")})}const n=e.get("columns");Array.isArray(n)&&n.find(a=>a.get("width"))&&(n.find(s=>!s.get("width"))||n.reduce((l,d)=>l+d.get("width"),0)!==100)&&t()}},{name:"space",type:"number",defaultValue:20,helperText:"Size of gap between columns",advanced:!0},{name:"stackColumnsAt",type:"string",defaultValue:"tablet",helperText:"Convert horizontal columns to vertical at what device size",enum:["tablet","mobile","never"],advanced:!0},{name:"reverseColumnsWhenStacked",type:"boolean",defaultValue:!1,helperText:"When stacking columns for mobile devices, reverse the ordering",advanced:!0}],shouldReceiveBuilderProps:{builderBlock:!0,builderContext:!0,builderComponents:!0,builderLinkComponent:!0}},Wt={name:"Fragment",static:!0,hidden:!0,canHaveChildren:!0,noWrap:!0},ae=["jpeg","jpg","png","svg","webp","gif","jfif","pjpeg","pjp","apng","avif","tif","tiff","heif","bmp","eps","raw","cr2","nef","orf","sr2","psd","heic","dib","ai"],Dt=["mp4","webm","mkv","flv","vob","ogv","ogg","drc","gif","gifv","mng","avi","mov","qt","mts","m2ts","ts","wmv","yuv","rm","rmvb","viv","asf","amv","m4p","mpeg","mpe","m2v","m4v","svi","3gp","3g2","mxf","roq","nsv","f4v","f4p","f4a","f4b"],$t={name:"Image",static:!0,image:"https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-insert_photo-24px.svg?alt=media&token=4e5d0ef4-f5e8-4e57-b3a9-38d63a9b9dc4",defaultStyles:{position:"relative",minHeight:"20px",minWidth:"20px",overflow:"hidden"},canHaveChildren:!0,inputs:[{name:"image",type:"file",bubble:!0,allowedFileTypes:ae,required:!0,defaultValue:"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F72c80f114dc149019051b6852a9e3b7a",onChange:e=>{e.delete("srcset"),e.delete("noWebp");function n(o,l=6e4){return new Promise((d,u)=>{const g=document.createElement("img");let b=!1;g.onload=()=>{b=!0,d(g)},g.addEventListener("error",c=>{console.warn("Image load failed",c.error),u(c.error)}),g.src=o,setTimeout(()=>{b||u(new Error("Image load timed out"))},l)})}function i(o){return Math.round(o*1e3)/1e3}const a=e.get("image"),s=e.get("aspectRatio");if(fetch(a).then(o=>o.blob()).then(o=>{o.type.includes("svg")&&e.set("noWebp",!0)}),a&&(!s||s===.7041))return n(a).then(o=>{const l=e.get("aspectRatio");e.get("image")===a&&(!l||l===.7041)&&o.width&&o.height&&(e.set("aspectRatio",i(o.height/o.width)),e.set("height",o.height),e.set("width",o.width))})}},{name:"backgroundSize",type:"text",defaultValue:"cover",enum:[{label:"contain",value:"contain",helperText:"The image should never get cropped"},{label:"cover",value:"cover",helperText:"The image should fill it's box, cropping when needed"}]},{name:"backgroundPosition",type:"text",defaultValue:"center",enum:["center","top","left","right","bottom","top left","top right","bottom left","bottom right"]},{name:"altText",type:"string",helperText:"Text to display when the user has images off"},{name:"height",type:"number",hideFromUI:!0},{name:"width",type:"number",hideFromUI:!0},{name:"sizes",type:"string",hideFromUI:!0},{name:"srcset",type:"string",hideFromUI:!0},{name:"lazy",type:"boolean",defaultValue:!0,hideFromUI:!0},{name:"fitContent",type:"boolean",helperText:"When child blocks are provided, fit to them instead of using the image's aspect ratio",defaultValue:!0},{name:"highPriority",type:"boolean",advanced:!0,helperText:"Mark this image as high priority compared to other images on the page. This prevents lazy loading of the image and tells the browser to load this image before others on the page."},{name:"aspectRatio",type:"number",helperText:"This is the ratio of height/width, e.g. set to 1.5 for a 300px wide and 200px tall photo. Set to 0 to not force the image to maintain it's aspect ratio",advanced:!0,defaultValue:.7041}],shouldReceiveBuilderProps:{builderBlock:!0}},Ot={name:"PersonalizationContainer",shouldReceiveBuilderProps:{builderBlock:!0,builderContext:!0},noWrap:!0,image:"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F37229ed30d8c41dfb10b8cca1992053a",canHaveChildren:!0,inputs:[{name:"variants",defaultValue:[],behavior:"personalizationVariantList",type:"list",subFields:[{name:"name",type:"text"},{name:"query",friendlyName:"Targeting rules",type:"BuilderQuery",defaultValue:[]},{name:"startDate",type:"date"},{name:"endDate",type:"date"},{name:"blocks",type:"uiBlocks",hideFromUI:!0,defaultValue:[]}]}]};function M(e){return r.jsx("script",{dangerouslySetInnerHTML:{__html:e.scriptStr},"data-id":e.id,nonce:e.nonce||""})}function Lt(e,t,n,i){function a(u){return typeof u=="string"}function s(u){return typeof u=="number"}function o(u,g){return(()=>{const c=g.property,S=g.operator;let f=g.value;if(g&&g.property==="urlPath"&&g.value&&typeof g.value=="string"&&g.value!=="/"&&g.value.endsWith("/")&&(f=g.value.slice(0,-1)),!(c&&S))return!0;if(Array.isArray(f))return S==="isNot"?f.every(C=>o(u,{property:c,operator:S,value:C})):!!f.find(C=>o(u,{property:c,operator:S,value:C}));const y=u[c];if(Array.isArray(y))return y.includes(f);switch(S){case"is":return y===f;case"isNot":return y!==f;case"contains":return(a(y)||Array.isArray(y))&&y.includes(String(f));case"startsWith":return a(y)&&y.startsWith(String(f));case"endsWith":return a(y)&&y.endsWith(String(f));case"greaterThan":return s(y)&&s(f)&&y>f;case"lessThan":return s(y)&&s(f)&&y<f;case"greaterThanOrEqualTo":return s(y)&&s(f)&&y>=f;case"lessThanOrEqualTo":return s(y)&&s(f)&&y<=f;default:return!1}})()}const l={query:t,startDate:n,endDate:i},d=e.date&&new Date(e.date)||new Date;return l.startDate&&new Date(l.startDate)>d||l.endDate&&new Date(l.endDate)<d?!1:!l.query||!l.query.length?!0:l.query.every(u=>o(e,u))}const Ut=`function getPersonalizedVariant(variants, blockId, locale) {
55
+ }`})]})}function Ve(e){return r.jsx("section",{...e.attributes,style:{width:"100%",alignSelf:"stretch",flexGrow:1,boxSizing:"border-box",maxWidth:e.maxWidth||1200,display:"flex",flexDirection:"column",alignItems:"stretch",marginLeft:"auto",marginRight:"auto"},children:e.children})}const Y={"@type":"@builder.io/sdk:Element",layerName:"Accordion item title",responsiveStyles:{large:{marginTop:"10px",position:"relative",display:"flex",alignItems:"stretch",flexDirection:"column",paddingBottom:"10px"}},children:[{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{textAlign:"left",display:"flex",flexDirection:"column"}},component:{name:"Text",options:{text:"I am an accordion title. Click me!"}}}]},X={"@type":"@builder.io/sdk:Element",layerName:"Accordion item detail",responsiveStyles:{large:{position:"relative",display:"flex",alignItems:"stretch",flexDirection:"column",marginTop:"10px",paddingBottom:"10px"}},children:[{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{paddingTop:"50px",textAlign:"left",display:"flex",flexDirection:"column",paddingBottom:"50px"}},component:{name:"Text",options:{text:"I am an accordion detail, hello!"}}}]},Bt={name:"Builder:Accordion",canHaveChildren:!0,image:"https://cdn.builder.io/api/v1/image/assets%2FagZ9n5CUKRfbL9t6CaJOyVSK4Es2%2Ffab6c1fd3fe542408cbdec078bca7f35",defaultStyles:{display:"flex",flexDirection:"column",alignItems:"stretch"},inputs:[{name:"items",type:"list",broadcast:!0,subFields:[{name:"title",type:"uiBlocks",hideFromUI:!0,defaultValue:[Y]},{name:"detail",type:"uiBlocks",hideFromUI:!0,defaultValue:[X]}],defaultValue:[{title:[Y],detail:[X]},{title:[Y],detail:[X]}],showIf:e=>!e.get("useChildrenForItems")},{name:"oneAtATime",helperText:"Only allow opening one at a time (collapse all others when new item openned)",type:"boolean",defaultValue:!1},{name:"grid",helperText:"Display as a grid",type:"boolean",defaultValue:!1},{name:"gridRowWidth",helperText:"Display as a grid",type:"string",showIf:e=>e.get("grid"),defaultValue:"25%"},{name:"useChildrenForItems",type:"boolean",helperText:"Use child elements for each slide, instead of the array. Useful for dynamically repeating items",advanced:!0,defaultValue:!1,onChange:e=>{e.get("useChildrenForItems")===!0&&e.set("items",[])}}],shouldReceiveBuilderProps:{builderBlock:!0,builderContext:!0,builderComponents:!0,builderLinkComponent:!0}},ce=e=>e.toString();function At(e){var b;const[t,n]=h.useState(()=>[]);function i(){return!!(e.grid||e.oneAtATime)}function a(){return{display:"flex",alignItems:"stretch",flexDirection:"column",...e.grid&&{flexDirection:"row",alignItems:"flex-start",flexWrap:"wrap"}}}function s(){const S={...{display:"flex",flexDirection:"column"},alignItems:"stretch",cursor:"pointer"};return Object.fromEntries(Object.entries(S).filter(([f,y])=>y!==void 0))}function o(c){return`builder-accordion-title builder-accordion-title-${t.includes(c)?"open":"closed"}`}function l(c){return`builder-accordion-detail builder-accordion-detail-${t.includes(c)?"open":"closed"}`}function d(){let c=null;if(e.grid&&t.length&&document){const f=t[0];let C=document.querySelector(`.builder-accordion-title[data-index="${f}"]`);if(c=f,C){let x=C.getBoundingClientRect();for(;C=C&&C.nextElementSibling;)if(C){if(C.classList.contains("builder-accordion-detail"))continue;const T=C.getBoundingClientRect();if(T.left>x.left){const w=parseInt(C.getAttribute("data-index")||"",10);isNaN(w)||(x=T,c=w)}else break}}}return typeof c=="number"&&(c=c+1),c}function u(){const c={order:typeof d()=="number"?d():void 0,...e.grid&&{width:"100%"}};return Object.fromEntries(Object.entries(c).filter(([S,f])=>f!==void 0))}function g(c){t.includes(c)?n(i()?[]:t.filter(S=>S!==c)):n(i()?[c]:t.concat(c))}return r.jsx("div",{className:"builder-accordion",style:a(),children:(b=e.items)==null?void 0:b.map((c,S)=>r.jsxs(Ue.Fragment,{children:[r.jsx("div",{className:o(S),style:{...s(),...e.grid&&{width:e.gridRowWidth,order:d()!==null?ce(S):ce(S+1)}},"data-index":S,onClick:f=>g(S),children:r.jsx(A,{blocks:c.title,path:`items.${S}.title`,parent:e.builderBlock.id,context:e.builderContext,registeredComponents:e.builderComponents,linkComponent:e.builderLinkComponent})}),t.includes(S)?r.jsx("div",{className:l(S),style:u(),children:r.jsx(A,{blocks:c.detail,path:`items.${S}.detail`,parent:e.builderBlock.id,context:e.builderContext,registeredComponents:e.builderComponents,linkComponent:e.builderLinkComponent})}):null]},S))})}const Nt={name:"Core:Button",image:"https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",defaultStyles:{appearance:"none",paddingTop:"15px",paddingBottom:"15px",paddingLeft:"25px",paddingRight:"25px",backgroundColor:"#000000",color:"white",borderRadius:"4px",textAlign:"center",cursor:"pointer"},inputs:[{name:"text",type:"text",defaultValue:"Click me!",bubble:!0},{name:"link",type:"url",bubble:!0},{name:"openLinkInNewTab",type:"boolean",defaultValue:!1,friendlyName:"Open link in new tab"}],static:!0,noWrap:!0,shouldReceiveBuilderProps:{builderLinkComponent:!0}},Ft={name:"Columns",isRSC:!0,inputs:[{name:"columns",type:"array",broadcast:!0,subFields:[{name:"blocks",type:"array",hideFromUI:!0,defaultValue:[{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{display:"flex",flexDirection:"column",alignItems:"stretch",flexShrink:"0",position:"relative",marginTop:"30px",textAlign:"center",lineHeight:"normal",height:"auto",minHeight:"20px",minWidth:"20px",overflow:"hidden"}},component:{name:"Image",options:{image:"https://builder.io/api/v1/image/assets%2Fpwgjf0RoYWbdnJSbpBAjXNRMe9F2%2Ffb27a7c790324294af8be1c35fe30f4d",backgroundPosition:"center",backgroundSize:"cover",aspectRatio:.7004048582995948}}},{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{display:"flex",flexDirection:"column",alignItems:"stretch",flexShrink:"0",position:"relative",marginTop:"30px",textAlign:"center",lineHeight:"normal",height:"auto"}},component:{name:"Text",options:{text:"<p>Enter some text...</p>"}}}]},{name:"width",type:"number",hideFromUI:!0,helperText:"Width %, e.g. set to 50 to fill half of the space"},{name:"link",type:"url",helperText:"Optionally set a url that clicking this column will link to"}],defaultValue:[{blocks:[{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{display:"flex",flexDirection:"column",alignItems:"stretch",flexShrink:"0",position:"relative",marginTop:"30px",textAlign:"center",lineHeight:"normal",height:"auto",minHeight:"20px",minWidth:"20px",overflow:"hidden"}},component:{name:"Image",options:{image:"https://builder.io/api/v1/image/assets%2Fpwgjf0RoYWbdnJSbpBAjXNRMe9F2%2Ffb27a7c790324294af8be1c35fe30f4d",backgroundPosition:"center",backgroundSize:"cover",aspectRatio:.7004048582995948}}},{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{display:"flex",flexDirection:"column",alignItems:"stretch",flexShrink:"0",position:"relative",marginTop:"30px",textAlign:"center",lineHeight:"normal",height:"auto"}},component:{name:"Text",options:{text:"<p>Enter some text...</p>"}}}]},{blocks:[{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{display:"flex",flexDirection:"column",alignItems:"stretch",flexShrink:"0",position:"relative",marginTop:"30px",textAlign:"center",lineHeight:"normal",height:"auto",minHeight:"20px",minWidth:"20px",overflow:"hidden"}},component:{name:"Image",options:{image:"https://builder.io/api/v1/image/assets%2Fpwgjf0RoYWbdnJSbpBAjXNRMe9F2%2Ffb27a7c790324294af8be1c35fe30f4d",backgroundPosition:"center",backgroundSize:"cover",aspectRatio:.7004048582995948}}},{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{display:"flex",flexDirection:"column",alignItems:"stretch",flexShrink:"0",position:"relative",marginTop:"30px",textAlign:"center",lineHeight:"normal",height:"auto"}},component:{name:"Text",options:{text:"<p>Enter some text...</p>"}}}]}],onChange:e=>{function t(){n.forEach(i=>{i.delete("width")})}const n=e.get("columns");Array.isArray(n)&&n.find(a=>a.get("width"))&&(n.find(s=>!s.get("width"))||n.reduce((l,d)=>l+d.get("width"),0)!==100)&&t()}},{name:"space",type:"number",defaultValue:20,helperText:"Size of gap between columns",advanced:!0},{name:"stackColumnsAt",type:"string",defaultValue:"tablet",helperText:"Convert horizontal columns to vertical at what device size",enum:["tablet","mobile","never"],advanced:!0},{name:"reverseColumnsWhenStacked",type:"boolean",defaultValue:!1,helperText:"When stacking columns for mobile devices, reverse the ordering",advanced:!0}],shouldReceiveBuilderProps:{builderBlock:!0,builderContext:!0,builderComponents:!0,builderLinkComponent:!0}},Wt={name:"Fragment",static:!0,hidden:!0,canHaveChildren:!0,noWrap:!0},ae=["jpeg","jpg","png","svg","webp","gif","jfif","pjpeg","pjp","apng","avif","tif","tiff","heif","bmp","eps","raw","cr2","nef","orf","sr2","psd","heic","dib","ai"],Dt=["mp4","webm","mkv","flv","vob","ogv","ogg","drc","gif","gifv","mng","avi","mov","qt","mts","m2ts","ts","wmv","yuv","rm","rmvb","viv","asf","amv","m4p","mpeg","mpe","m2v","m4v","svi","3gp","3g2","mxf","roq","nsv","f4v","f4p","f4a","f4b"],$t={name:"Image",static:!0,image:"https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-insert_photo-24px.svg?alt=media&token=4e5d0ef4-f5e8-4e57-b3a9-38d63a9b9dc4",defaultStyles:{position:"relative",minHeight:"20px",minWidth:"20px",overflow:"hidden"},canHaveChildren:!0,inputs:[{name:"image",type:"file",bubble:!0,allowedFileTypes:ae,required:!0,defaultValue:"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F72c80f114dc149019051b6852a9e3b7a",onChange:e=>{e.delete("srcset"),e.delete("noWebp");function n(o,l=6e4){return new Promise((d,u)=>{const g=document.createElement("img");let b=!1;g.onload=()=>{b=!0,d(g)},g.addEventListener("error",c=>{console.warn("Image load failed",c.error),u(c.error)}),g.src=o,setTimeout(()=>{b||u(new Error("Image load timed out"))},l)})}function i(o){return Math.round(o*1e3)/1e3}const a=e.get("image"),s=e.get("aspectRatio");if(fetch(a).then(o=>o.blob()).then(o=>{o.type.includes("svg")&&e.set("noWebp",!0)}),a&&(!s||s===.7041))return n(a).then(o=>{const l=e.get("aspectRatio");e.get("image")===a&&(!l||l===.7041)&&o.width&&o.height&&(e.set("aspectRatio",i(o.height/o.width)),e.set("height",o.height),e.set("width",o.width))})}},{name:"backgroundSize",type:"text",defaultValue:"cover",enum:[{label:"contain",value:"contain",helperText:"The image should never get cropped"},{label:"cover",value:"cover",helperText:"The image should fill it's box, cropping when needed"}]},{name:"backgroundPosition",type:"text",defaultValue:"center",enum:["center","top","left","right","bottom","top left","top right","bottom left","bottom right"]},{name:"altText",type:"string",helperText:"Text to display when the user has images off"},{name:"title",type:"string",helperText:"Text to display when hovering over the asset"},{name:"height",type:"number",hideFromUI:!0},{name:"width",type:"number",hideFromUI:!0},{name:"sizes",type:"string",hideFromUI:!0},{name:"srcset",type:"string",hideFromUI:!0},{name:"lazy",type:"boolean",defaultValue:!0,hideFromUI:!0},{name:"fitContent",type:"boolean",helperText:"When child blocks are provided, fit to them instead of using the image's aspect ratio",defaultValue:!0},{name:"highPriority",type:"boolean",advanced:!0,helperText:"Mark this image as high priority compared to other images on the page. This prevents lazy loading of the image and tells the browser to load this image before others on the page."},{name:"aspectRatio",type:"number",helperText:"This is the ratio of height/width, e.g. set to 1.5 for a 300px wide and 200px tall photo. Set to 0 to not force the image to maintain it's aspect ratio",advanced:!0,defaultValue:.7041}],shouldReceiveBuilderProps:{builderBlock:!0}},Ot={name:"PersonalizationContainer",shouldReceiveBuilderProps:{builderBlock:!0,builderContext:!0},noWrap:!0,image:"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F37229ed30d8c41dfb10b8cca1992053a",canHaveChildren:!0,inputs:[{name:"variants",defaultValue:[],behavior:"personalizationVariantList",type:"list",subFields:[{name:"name",type:"text"},{name:"query",friendlyName:"Targeting rules",type:"BuilderQuery",defaultValue:[]},{name:"startDate",type:"date"},{name:"endDate",type:"date"},{name:"blocks",type:"uiBlocks",hideFromUI:!0,defaultValue:[]}]}]};function M(e){return r.jsx("script",{dangerouslySetInnerHTML:{__html:e.scriptStr},"data-id":e.id,nonce:e.nonce||""})}function Lt(e,t,n,i){function a(u){return typeof u=="string"}function s(u){return typeof u=="number"}function o(u,g){return(()=>{const c=g.property,S=g.operator;let f=g.value;if(g&&g.property==="urlPath"&&g.value&&typeof g.value=="string"&&g.value!=="/"&&g.value.endsWith("/")&&(f=g.value.slice(0,-1)),!(c&&S))return!0;if(Array.isArray(f))return S==="isNot"?f.every(C=>o(u,{property:c,operator:S,value:C})):!!f.find(C=>o(u,{property:c,operator:S,value:C}));const y=u[c];if(Array.isArray(y))return y.includes(f);switch(S){case"is":return y===f;case"isNot":return y!==f;case"contains":return(a(y)||Array.isArray(y))&&y.includes(String(f));case"startsWith":return a(y)&&y.startsWith(String(f));case"endsWith":return a(y)&&y.endsWith(String(f));case"greaterThan":return s(y)&&s(f)&&y>f;case"lessThan":return s(y)&&s(f)&&y<f;case"greaterThanOrEqualTo":return s(y)&&s(f)&&y>=f;case"lessThanOrEqualTo":return s(y)&&s(f)&&y<=f;default:return!1}})()}const l={query:t,startDate:n,endDate:i},d=e.date&&new Date(e.date)||new Date;return l.startDate&&new Date(l.startDate)>d||l.endDate&&new Date(l.endDate)<d?!1:!l.query||!l.query.length?!0:l.query.every(u=>o(e,u))}const Ut=`function getPersonalizedVariant(variants, blockId, locale) {
56
56
  if (!navigator.cookieEnabled) {
57
57
  return;
58
58
  }
@@ -189,7 +189,7 @@
189
189
  ${Ut}
190
190
  getPersonalizedVariant(${JSON.stringify(e)}, "${t}"${n?`, "${n}"`:""})
191
191
  })();
192
- `;function zt(e){var y,C,x,T,w,P,E;const t=h.useRef(null),[n,i]=h.useState(()=>p.userAttributesService.getUserAttributes()),[a,s]=h.useState(()=>{var k,m,v;return Ht(e.variants,((k=e.builderBlock)==null?void 0:k.id)||"none",(v=(m=e.builderContext)==null?void 0:m.rootState)==null?void 0:v.locale)}),[o,l]=h.useState(()=>[]),[d,u]=h.useState(()=>{var k;return qt(e.variants,p.getDefaultCanTrack((k=e.builderContext)==null?void 0:k.canTrack))}),[g,b]=h.useState(()=>!1);function c(){return(e.variants||[]).filter(k=>{var m,v,I,R;return Lt({...(v=(m=e.builderContext)==null?void 0:m.rootState)!=null&&v.locale?{locale:(R=(I=e.builderContext)==null?void 0:I.rootState)==null?void 0:R.locale}:{},...n},k.query,k.startDate,k.endDate)})}function S(){var k;return Mt({variants:e.variants,fallbackBlocks:(k=e.builderBlock)==null?void 0:k.children,isHydrated:g,filteredVariants:c(),previewingIndex:e.previewingIndex})}function f(){return(e.variants||[]).map((k,m)=>{var v;return`[data-variant-id="${(v=e.builderBlock)==null?void 0:v.id}-${m}"] { display: none; } `}).join("")}return h.useEffect(()=>{var m;b(!0);const k=p.userAttributesService.subscribeOnUserAttributesChange(v=>{i(v)});if(!(p.isEditing()||p.isPreviewing())){const v=c()[0];t.current&&(t.current.dispatchEvent(new CustomEvent("builder.variantLoaded",{detail:{variant:v||"default",content:(m=e.builderContext)==null?void 0:m.content},bubbles:!0})),new IntersectionObserver(R=>{R.forEach(j=>{var V;j.isIntersecting&&t.current&&t.current.dispatchEvent(new CustomEvent("builder.variantDisplayed",{detail:{variant:v||"default",content:(V=e.builderContext)==null?void 0:V.content},bubbles:!0}))})}).observe(t.current))}o.push(k)},[]),h.useEffect(()=>()=>{o.forEach(k=>k())},[]),r.jsxs("div",{ref:t,...e.attributes,className:`builder-personalization-container ${((y=e.attributes)==null?void 0:y.className)||""}`,children:[d?r.jsxs(r.Fragment,{children:[(C=e.variants)==null?void 0:C.map((k,m)=>{var v,I;return r.jsx("template",{"data-variant-id":`${(v=e.builderBlock)==null?void 0:v.id}-${m}`,children:r.jsx(A,{blocks:k.blocks,parent:(I=e.builderBlock)==null?void 0:I.id,path:`component.options.variants.${m}.blocks`})},m)}),r.jsx(L,{nonce:((x=e.builderContext)==null?void 0:x.nonce)||"",styles:f(),id:`variants-styles-${(T=e.builderBlock)==null?void 0:T.id}`}),r.jsx(M,{nonce:((w=e.builderContext)==null?void 0:w.nonce)||"",scriptStr:a,id:`variants-script-${(P=e.builderBlock)==null?void 0:P.id}`})]}):null,r.jsx(A,{blocks:S().blocks,parent:(E=e.builderBlock)==null?void 0:E.id,path:S().path})]})}const Kt={name:"Core:Section",static:!0,image:"https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F682efef23ace49afac61748dd305c70a",inputs:[{name:"maxWidth",type:"number",defaultValue:1200},{name:"lazyLoad",type:"boolean",defaultValue:!1,advanced:!0,description:"Only render this section when in view"}],defaultStyles:{paddingLeft:"20px",paddingRight:"20px",paddingTop:"50px",paddingBottom:"50px",marginTop:"0px",width:"100vw",marginLeft:"calc(50% - 50vw)"},canHaveChildren:!0,defaultChildren:[{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{textAlign:"center"}},component:{name:"Text",options:{text:"<p><b>I am a section! My content keeps from getting too wide, so that it's easy to read even on big screens.</b></p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur</p>"}}}]},Gt={name:"Slot",isRSC:!0,description:"Allow child blocks to be inserted into this content when used as a Symbol",docsLink:"https://www.builder.io/c/docs/symbols-with-blocks",image:"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F3aad6de36eae43b59b52c85190fdef56",inputs:[{name:"name",type:"string",required:!0,defaultValue:"children"}],shouldReceiveBuilderProps:{builderContext:!0,builderComponents:!0}};function Jt(e){var t,n,i;return r.jsx("div",{style:{pointerEvents:"auto"},...!((t=e.builderContext.context)!=null&&t.symbolId)&&{"builder-slot":e.name},children:r.jsx(A,{parent:(n=e.builderContext.context)==null?void 0:n.symbolId,path:`symbol.data.${e.name}`,context:e.builderContext,registeredComponents:e.builderComponents,blocks:(i=e.builderContext.rootState)==null?void 0:i[e.name]})})}const Qt={name:"Symbol",noWrap:!0,static:!0,isRSC:!0,inputs:[{name:"symbol",type:"uiSymbol"},{name:"dataOnly",helperText:"Make this a data symbol that doesn't display any UI",type:"boolean",defaultValue:!1,advanced:!0,hideFromUI:!0},{name:"inheritState",helperText:"Inherit the parent component state and data",type:"boolean",defaultValue:!1,advanced:!0},{name:"renderToLiquid",helperText:"Render this symbols contents to liquid. Turn off to fetch with javascript and use custom targeting",type:"boolean",defaultValue:!1,advanced:!0,hideFromUI:!0},{name:"useChildren",hideFromUI:!0,type:"boolean"}],shouldReceiveBuilderProps:{builderBlock:!0,builderContext:!0,builderComponents:!0,builderLinkComponent:!0}},Z={"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{paddingLeft:"20px",paddingRight:"20px",paddingTop:"10px",paddingBottom:"10px",minWidth:"100px",textAlign:"center",display:"flex",flexDirection:"column",cursor:"pointer",userSelect:"none"}},component:{name:"Text",options:{text:"New tab"}}},ee={"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{height:"200px",display:"flex",marginTop:"20px",flexDirection:"column"}},component:{name:"Text",options:{text:"New tab content "}}},Yt={name:"Builder: Tabs",inputs:[{name:"tabs",type:"list",broadcast:!0,subFields:[{name:"label",type:"uiBlocks",hideFromUI:!0,defaultValue:[Z]},{name:"content",type:"uiBlocks",hideFromUI:!0,defaultValue:[ee]}],defaultValue:[{label:[{...Z,component:{name:"Text",options:{text:"Tab 1"}}}],content:[{...ee,component:{name:"Text",options:{text:"Tab 1 content"}}}]},{label:[{...Z,component:{name:"Text",options:{text:"Tab 2"}}}],content:[{...ee,component:{name:"Text",options:{text:"Tab 2 content"}}}]}]},{name:"activeTabStyle",type:"uiStyle",helperText:"CSS styles for the active tab",defaultValue:{backgroundColor:"rgba(0, 0, 0, 0.1)"}},{name:"defaultActiveTab",type:"number",helperText:'Default tab to open to. Set to "1" for the first tab, "2" for the second, or choose "0" for none',defaultValue:1,advanced:!0},{name:"collapsible",type:"boolean",helperText:"If on, clicking an open tab closes it so no tabs are active",defaultValue:!1,advanced:!0},{name:"tabHeaderLayout",type:"enum",helperText:"Change the layout of the tab headers (uses justify-content)",defaultValue:"flex-start",enum:[{label:"Center",value:"center"},{label:"Space between",value:"space-between"},{label:"Space around",value:"space-around"},{label:"Left",value:"flex-start"},{label:"Right",value:"flex-end"}]}],shouldReceiveBuilderProps:{builderBlock:!0,builderContext:!0,builderComponents:!0,builderLinkComponent:!0}};function Xt(e){var s;const[t,n]=h.useState(()=>e.defaultActiveTab?e.defaultActiveTab-1:0);function i(o){return e.tabs&&e.tabs[o].content}function a(o){o===t&&e.collapsible?n(-1):n(o)}return r.jsxs("div",{children:[r.jsx("div",{className:"builder-tabs-wrap",style:{display:"flex",flexDirection:"row",justifyContent:e.tabHeaderLayout||"flex-start",overflow:"auto"},children:(s=e.tabs)==null?void 0:s.map((o,l)=>r.jsx("span",{className:`builder-tab-wrap ${t===l?"builder-tab-active":""}`,style:{...t===l?e.activeTabStyle:{}},onClick:d=>a(l),children:r.jsx(A,{parent:e.builderBlock.id,path:`tabs.${l}.label`,blocks:o.label,context:e.builderContext,registeredComponents:e.builderComponents,linkComponent:e.builderLinkComponent})},l))}),i(t)?r.jsx("div",{children:r.jsx(A,{parent:e.builderBlock.id,path:`tabs.${t}.content`,blocks:i(t),context:e.builderContext,registeredComponents:e.builderComponents,linkComponent:e.builderLinkComponent})}):null]})}const Zt={shouldReceiveBuilderProps:{builderBlock:!1,builderContext:!0},name:"Text",static:!0,isRSC:!0,image:"https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-text_fields-24px%20(1).svg?alt=media&token=12177b73-0ee3-42ca-98c6-0dd003de1929",inputs:[{name:"text",type:"html",required:!0,autoFocus:!0,bubble:!0,defaultValue:"Enter some text..."}],defaultStyles:{lineHeight:"normal",height:"auto",textAlign:"center"}};function Be(e){var t;return r.jsx("div",{className:"builder-text",dangerouslySetInnerHTML:{__html:((t=e.text)==null?void 0:t.toString())||""},style:{outline:"none"}})}const en={name:"Custom Code",static:!0,requiredPermissions:["editCode"],inputs:[{name:"code",type:"html",required:!0,defaultValue:"<p>Hello there, I am custom HTML code!</p>",code:!0},{name:"replaceNodes",type:"boolean",helperText:"Preserve server rendered dom nodes",advanced:!0},{name:"scriptsClientOnly",type:"boolean",defaultValue:!1,helperText:"Only print and run scripts on the client. Important when scripts influence DOM that could be replaced when client loads",advanced:!0}]};function tn(e){const t=h.useRef(null),[n,i]=h.useState(()=>[]),[a,s]=h.useState(()=>[]);function o(){var d;if(!t.current||!((d=t.current)!=null&&d.getElementsByTagName)||typeof window=="undefined")return;const l=t.current.getElementsByTagName("script");for(let u=0;u<l.length;u++){const g=l[u];if(g.src){if(n.includes(g.src))continue;n.push(g.src);const b=document.createElement("script");b.async=!0,b.src=g.src,document.head.appendChild(b)}else if(!g.type||["text/javascript","application/javascript","application/ecmascript"].includes(g.type)){if(a.includes(g.innerText))continue;try{a.push(g.innerText),new Function(g.innerText)()}catch(b){p.logger.warn("[BUILDER.IO] `CustomCode`: Error running script:",b)}}}}return h.useEffect(()=>{o()},[]),h.useEffect(()=>{p.isEditing()&&o()},[e.code]),r.jsx("div",{ref:t,className:"builder-custom-code"+(e.replaceNodes?" replace-nodes":""),dangerouslySetInnerHTML:{__html:e.code}})}const nn={name:"Embed",static:!0,inputs:[{name:"url",type:"url",required:!0,defaultValue:"",helperText:"e.g. enter a youtube url, google map, etc"},{name:"content",type:"html",defaultValue:'<div style="padding: 20px; text-align: center">(Choose an embed URL)<div>',hideFromUI:!0}]},an=["text/javascript","application/javascript","application/ecmascript"],on=e=>an.includes(e.type);function rn(e){const t=h.useRef(null),[n,i]=h.useState(()=>[]),[a,s]=h.useState(()=>[]),[o,l]=h.useState(()=>!1);function d(){if(!t.current||!t.current.getElementsByTagName)return;const u=t.current.getElementsByTagName("script");for(let g=0;g<u.length;g++){const b=u[g];if(b.src&&!n.includes(b.src)){n.push(b.src);const c=document.createElement("script");c.async=!0,c.src=b.src,document.head.appendChild(c)}else if(on(b)&&!a.includes(b.innerText))try{a.push(b.innerText),new Function(b.innerText)()}catch(c){p.logger.warn("[BUILDER.IO] `Embed`: Error running script:",c)}}}return h.useEffect(()=>{t.current&&!o&&(l(!0),d())},[t.current,o]),r.jsx("div",{className:"builder-embed",ref:t,dangerouslySetInnerHTML:{__html:e.content}})}const sn={name:"Form:Form",defaults:{responsiveStyles:{large:{marginTop:"15px",paddingBottom:"15px"}}},image:"https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fef36d2a846134910b64b88e6d18c5ca5",inputs:[{name:"sendSubmissionsTo",type:"string",enum:[{label:"Send to email",value:"email",helperText:"Send form submissions to the email address of your choosing"},{label:"Custom",value:"custom",helperText:"Handle where the form requests go manually with a little code, e.g. to your own custom backend"}],defaultValue:"email"},{name:"sendSubmissionsToEmail",type:"string",required:!0,defaultValue:"your@email.com",showIf:'options.get("sendSubmissionsTo") === "email"'},{name:"sendWithJs",type:"boolean",helperText:"Set to false to use basic html form action",defaultValue:!0,showIf:'options.get("sendSubmissionsTo") === "custom"'},{name:"name",type:"string",defaultValue:"My form"},{name:"action",type:"string",helperText:"URL to send the form data to",showIf:'options.get("sendSubmissionsTo") === "custom"'},{name:"contentType",type:"string",defaultValue:"application/json",advanced:!0,enum:["application/json","multipart/form-data","application/x-www-form-urlencoded"],showIf:'options.get("sendSubmissionsTo") === "custom" && options.get("sendWithJs") === true'},{name:"method",type:"string",showIf:'options.get("sendSubmissionsTo") === "custom"',defaultValue:"POST",advanced:!0},{name:"previewState",type:"string",enum:["unsubmitted","sending","success","error"],defaultValue:"unsubmitted",helperText:'Choose a state to edit, e.g. choose "success" to show what users see on success and edit the message',showIf:'options.get("sendSubmissionsTo") !== "zapier" && options.get("sendWithJs") === true'},{name:"successUrl",type:"url",helperText:"Optional URL to redirect the user to on form submission success",showIf:'options.get("sendSubmissionsTo") !== "zapier" && options.get("sendWithJs") === true'},{name:"resetFormOnSubmit",type:"boolean",showIf:"options.get('sendSubmissionsTo') === 'custom' && options.get('sendWithJs') === true",advanced:!0},{name:"successMessage",type:"uiBlocks",hideFromUI:!0,defaultValue:[{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{marginTop:"10px"}},component:{name:"Text",options:{text:"<span>Thanks!</span>"}}}]},{name:"validate",type:"boolean",defaultValue:!0,advanced:!0},{name:"errorMessagePath",type:"text",advanced:!0,helperText:'Path to where to get the error message from in a JSON response to display to the user, e.g. "error.message" for a response like { "error": { "message": "this username is taken" }}'},{name:"errorMessage",type:"uiBlocks",hideFromUI:!0,defaultValue:[{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{marginTop:"10px"}},bindings:{"component.options.text":"state.formErrorMessage || block.component.options.text"},component:{name:"Text",options:{text:"<span>Form submission error :( Please check your answers and try again</span>"}}}]},{name:"sendingMessage",type:"uiBlocks",hideFromUI:!0,defaultValue:[{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{marginTop:"10px"}},component:{name:"Text",options:{text:"<span>Sending...</span>"}}}]},{name:"customHeaders",type:"map",valueType:{type:"string"},advanced:!0,showIf:'options.get("sendSubmissionsTo") === "custom" && options.get("sendWithJs") === true'}],noWrap:!0,canHaveChildren:!0,defaultChildren:[{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{marginTop:"10px"}},component:{name:"Text",options:{text:"<span>Enter your name</span>"}}},{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{marginTop:"10px"}},component:{name:"Form:Input",options:{name:"name",placeholder:"Jane Doe"}}},{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{marginTop:"10px"}},component:{name:"Text",options:{text:"<span>Enter your email</span>"}}},{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{marginTop:"10px"}},component:{name:"Form:Input",options:{name:"email",placeholder:"jane@doe.com"}}},{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{marginTop:"10px"}},component:{name:"Form:SubmitButton",options:{text:"Submit"}}}],shouldReceiveBuilderProps:{builderBlock:!0,builderContext:!0,builderComponents:!0,builderLinkComponent:!0}},ln=["production","qa","test","development","dev","cdn-qa","cloud","fast","cdn2","cdn-prod"],cn=()=>{const e=process.env.NODE_ENV||"production";return ln.includes(e)?e:"production"};function un(e){const t=h.useRef(null),[n,i]=h.useState(()=>"unsubmitted"),[a,s]=h.useState(()=>null),[o,l]=h.useState(()=>"");function d(b){var S,f;const c={...e.builderContext.rootState,...b};e.builderContext.rootSetState?(f=(S=e.builderContext).rootSetState)==null||f.call(S,c):e.builderContext.rootState=c}function u(){return p.isEditing()&&e.previewState||n}function g(b){var S;const c=e.sendWithJs||e.sendSubmissionsTo==="email";if(e.sendSubmissionsTo==="zapier")b.preventDefault();else if(c){if(!(e.action||e.sendSubmissionsTo==="email")){b.preventDefault();return}b.preventDefault();const f=b.currentTarget||b.target,y=e.customHeaders||{};let C;const x=new FormData(f),T=Array.from(f.querySelectorAll("input,select,textarea")).filter(m=>!!m.name).map(m=>{let v;const I=m.name;if(m instanceof HTMLInputElement)if(m.type==="radio"){if(m.checked)return v=m.name,{key:I,value:v}}else if(m.type==="checkbox")v=m.checked;else if(m.type==="number"||m.type==="range"){const R=m.valueAsNumber;isNaN(R)||(v=R)}else m.type==="file"?v=m.files:v=m.value;else v=m.value;return{key:I,value:v}});let w=e.contentType;if(e.sendSubmissionsTo==="email"&&(w="multipart/form-data"),Array.from(T).forEach(({value:m})=>{(m instanceof File||Array.isArray(m)&&m[0]instanceof File||m instanceof FileList)&&(w="multipart/form-data")}),w!=="application/json")C=x;else{const m={};Array.from(T).forEach(({value:v,key:I})=>{N.set(m,I,v)}),C=JSON.stringify(m)}w&&w!=="multipart/form-data"&&(c&&((S=e.action)!=null&&S.includes("zapier.com"))||(y["content-type"]=w));const P=new CustomEvent("presubmit",{detail:{body:C}});if(t.current&&(t.current.dispatchEvent(P),P.defaultPrevented))return;i("sending");const E=`${cn()==="dev"?"http://localhost:5000":"https://builder.io"}/api/v1/form-submit?apiKey=${e.builderContext.apiKey}&to=${btoa(e.sendSubmissionsToEmail||"")}&name=${encodeURIComponent(e.name||"")}`,k=e.sendSubmissionsTo==="email"?E:e.action;p.logFetch(k),fetch(k,{body:C,headers:y,method:e.method||"post"}).then(async m=>{let v;const I=m.headers.get("content-type");if(I&&I.indexOf("application/json")!==-1?v=await m.json():v=await m.text(),!m.ok&&e.errorMessagePath){let R=pe(v,e.errorMessagePath);R&&(typeof R!="string"&&(R=JSON.stringify(R)),l(R),d({formErrorMessage:R}))}if(s(v),i(m.ok?"success":"error"),m.ok){const R=new CustomEvent("submit:success",{detail:{res:m,body:v}});if(t.current){if(t.current.dispatchEvent(R),R.defaultPrevented)return;e.resetFormOnSubmit!==!1&&t.current.reset()}if(e.successUrl)if(t.current){const j=new CustomEvent("route",{detail:{url:e.successUrl}});t.current.dispatchEvent(j),j.defaultPrevented||(location.href=e.successUrl)}else location.href=e.successUrl}},m=>{const v=new CustomEvent("submit:error",{detail:{error:m}});t.current&&(t.current.dispatchEvent(v),v.defaultPrevented)||(s(m),i("error"))})}}return r.jsxs(r.Fragment,{children:[" ",r.jsxs("form",{validate:e.validate,ref:t,action:!e.sendWithJs&&e.action,method:e.method,name:e.name,onSubmit:b=>g(b),...e.attributes,children:[e.children,u()==="error"?r.jsx(A,{path:"errorMessage",blocks:e.errorMessage,context:e.builderContext}):null,u()==="sending"?r.jsx(A,{path:"sendingMessage",blocks:e.sendingMessage,context:e.builderContext}):null,u()==="error"&&a?r.jsx("pre",{className:"builder-form-error-text pre-7acc3b46",children:JSON.stringify(a,null,2)}):null,u()==="success"?r.jsx(A,{path:"successMessage",blocks:e.successMessage,context:e.builderContext}):null]})," ",r.jsx("style",{children:".pre-7acc3b46 { padding: 10px; color: red; text-align: center; }"})," "]})}const dn={name:"Form:Input",image:"https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fad6f37889d9e40bbbbc72cdb5875d6ca",inputs:[{name:"type",type:"text",enum:["text","number","email","url","checkbox","radio","range","date","datetime-local","search","tel","time","file","month","week","password","color","hidden"],defaultValue:"text"},{name:"name",type:"string",required:!0,helperText:'Every input in a form needs a unique name describing what it takes, e.g. "email"'},{name:"placeholder",type:"string",defaultValue:"Hello there",helperText:"Text to display when there is no value"},{name:"defaultValue",type:"string"},{name:"value",type:"string",advanced:!0},{name:"required",type:"boolean",helperText:"Is this input required to be filled out to submit a form",defaultValue:!1}],noWrap:!0,static:!0,defaultStyles:{paddingTop:"10px",paddingBottom:"10px",paddingLeft:"10px",paddingRight:"10px",borderRadius:"3px",borderWidth:"1px",borderStyle:"solid",borderColor:"#ccc"}};function mn(e){return h.createElement("input",{...e.attributes,key:p.isEditing()&&e.defaultValue?e.defaultValue:"default-key",placeholder:e.placeholder,type:e.type,name:e.name,value:e.value,defaultValue:e.defaultValue,required:e.required})}const fn={name:"Form:Select",image:"https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F83acca093fb24aaf94dee136e9a4b045",defaultStyles:{alignSelf:"flex-start"},inputs:[{name:"options",type:"list",required:!0,subFields:[{name:"value",type:"text",required:!0},{name:"name",type:"text"}],defaultValue:[{value:"option 1"},{value:"option 2"}]},{name:"name",type:"string",required:!0,helperText:'Every select in a form needs a unique name describing what it gets, e.g. "email"'},{name:"defaultValue",type:"string"},{name:"value",type:"string",advanced:!0},{name:"required",type:"boolean",defaultValue:!1}],static:!0,noWrap:!0};function gn(e){var t;return h.createElement("select",{...e.attributes,value:e.value,key:p.isEditing()&&e.defaultValue?e.defaultValue:"default-key",defaultValue:e.defaultValue,name:e.name,required:e.required},(t=e.options)==null?void 0:t.map((n,i)=>r.jsx("option",{value:n.value,children:n.name||n.value},`${n.name}-${i}`)))}const hn={name:"Form:SubmitButton",image:"https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fdf2820ffed1f4349a94c40b3221f5b98",defaultStyles:{appearance:"none",paddingTop:"15px",paddingBottom:"15px",paddingLeft:"25px",paddingRight:"25px",backgroundColor:"#3898EC",color:"white",borderRadius:"4px",cursor:"pointer"},inputs:[{name:"text",type:"text",defaultValue:"Click me"}],static:!0,noWrap:!0};function bn(e){return r.jsx("button",{type:"submit",...e.attributes,children:e.text})}const pn={name:"Form:TextArea",image:"https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Ff74a2f3de58c4c3e939204e5b6b8f6c3",inputs:[{advanced:!0,name:"value",type:"string"},{name:"name",type:"string",required:!0,helperText:'Every input in a form needs a unique name describing what it gets, e.g. "email"'},{name:"defaultValue",type:"string"},{name:"placeholder",type:"string",defaultValue:"Hello there"},{name:"required",type:"boolean",defaultValue:!1}],defaultStyles:{paddingTop:"10px",paddingBottom:"10px",paddingLeft:"10px",paddingRight:"10px",borderRadius:"3px",borderWidth:"1px",borderStyle:"solid",borderColor:"#ccc"},static:!0,noWrap:!0};function yn(e){return r.jsx("textarea",{...e.attributes,placeholder:e.placeholder,name:e.name,value:e.value,defaultValue:e.defaultValue,required:e.required})}const xn={name:"Raw:Img",hideFromInsertMenu:!0,image:"https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-insert_photo-24px.svg?alt=media&token=4e5d0ef4-f5e8-4e57-b3a9-38d63a9b9dc4",inputs:[{name:"image",bubble:!0,type:"file",allowedFileTypes:ae,required:!0}],noWrap:!0,static:!0};function vn(e){return r.jsx("img",{style:{objectFit:e.backgroundSize||"cover",objectPosition:e.backgroundPosition||"center"},alt:e.altText,src:e.imgSrc||e.image,...e.attributes},p.isEditing()&&e.imgSrc||"default-key")}const Sn={name:"Video",canHaveChildren:!0,defaultStyles:{minHeight:"20px",minWidth:"20px"},image:"https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-videocam-24px%20(1).svg?alt=media&token=49a84e4a-b20e-4977-a650-047f986874bb",inputs:[{name:"video",type:"file",allowedFileTypes:Dt,bubble:!0,defaultValue:"https://cdn.builder.io/o/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fd27731a526464deba0016216f5f9e570%2Fcompressed?apiKey=YJIGb4i01jvw0SRdL5Bt&token=d27731a526464deba0016216f5f9e570&alt=media&optimized=true",required:!0},{name:"posterImage",type:"file",allowedFileTypes:ae,helperText:"Image to show before the video plays"},{name:"autoPlay",type:"boolean",defaultValue:!0},{name:"controls",type:"boolean",defaultValue:!1},{name:"muted",type:"boolean",defaultValue:!0},{name:"loop",type:"boolean",defaultValue:!0},{name:"playsInline",type:"boolean",defaultValue:!0},{name:"fit",type:"text",defaultValue:"cover",enum:["contain","cover","fill","auto"]},{name:"preload",type:"text",defaultValue:"metadata",enum:["auto","metadata","none"]},{name:"fitContent",type:"boolean",helperText:"When child blocks are provided, fit to them instead of using the aspect ratio",defaultValue:!0,advanced:!0},{name:"position",type:"text",defaultValue:"center",enum:["center","top","left","right","bottom","top left","top right","bottom left","bottom right"]},{name:"height",type:"number",advanced:!0},{name:"width",type:"number",advanced:!0},{name:"aspectRatio",type:"number",advanced:!0,defaultValue:.7004048582995948},{name:"lazyLoad",type:"boolean",helperText:'Load this video "lazily" - as in only when a user scrolls near the video. Recommended for optmized performance and bandwidth consumption',defaultValue:!0,advanced:!0}],shouldReceiveBuilderProps:{builderBlock:!0}};function Ae(e){var o,l,d,u,g,b,c;const t=h.useRef(null);function n(){return{...e.autoPlay===!0?{autoPlay:!0}:{},...e.muted===!0?{muted:!0}:{},...e.controls===!0?{controls:!0}:{},...e.loop===!0?{loop:!0}:{},...e.playsInline===!0?{playsInline:!0}:{}}}function i(){return{...n()}}const[a,s]=h.useState(()=>{});return h.useEffect(()=>{if(e.lazyLoad){const S=new IntersectionObserver(function(f){f.forEach(function(y){if(!y.isIntersecting)return;const C=y.target;try{Array.from(C.children).filter(x=>x instanceof HTMLElement&&x.tagName==="SOURCE").forEach(x=>{const T=x.dataset.src;T&&(x.src=T)}),C.load(),S.unobserve(C)}catch(x){console.error("Error loading lazy video:",x)}})});t.current&&S.observe(t.current),s(S)}},[]),h.useEffect(()=>()=>{a&&a.disconnect()},[]),r.jsxs("div",{style:{position:"relative"},children:[r.jsx("video",{className:"builder-video",...i(),ref:t,preload:e.lazyLoad?"none":e.preload||"metadata",style:{width:"100%",height:"100%",...(o=e.attributes)==null?void 0:o.style,objectFit:e.fit,objectPosition:e.position,borderRadius:"1px",...e.aspectRatio?{position:"absolute"}:null},poster:e.posterImage,children:r.jsx("source",{type:"video/mp4",...e.lazyLoad?{"data-src":e.video}:{src:e.video}})}),e.aspectRatio&&!(e.fitContent&&((d=(l=e.builderBlock)==null?void 0:l.children)!=null&&d.length))?r.jsx("div",{style:{width:"100%",paddingTop:e.aspectRatio*100+"%",pointerEvents:"none",fontSize:"0px"}}):null,(g=(u=e.builderBlock)==null?void 0:u.children)!=null&&g.length&&e.fitContent?r.jsx("div",{style:{display:"flex",flexDirection:"column",alignItems:"stretch"},children:e.children}):null,(c=(b=e.builderBlock)==null?void 0:b.children)!=null&&c.length&&!e.fitContent?r.jsx("div",{style:{pointerEvents:"none",display:"flex",flexDirection:"column",alignItems:"stretch",position:"absolute",top:"0",left:"0",width:"100%",height:"100%"},children:e.children}):null]})}const kn=()=>[{component:tn,...en},{component:rn,...nn},{component:un,...sn},{component:mn,...dn},{component:bn,...hn},{component:gn,...fn},{component:yn,...pn},{component:vn,...xn},{component:Ae,...Sn}],ue=()=>[{component:he,...Nt},{component:Re,...Ft},{component:Pe,...Wt},{component:je,...$t},{component:Ve,...Kt},{component:Jt,...Gt},{component:$e,...Qt},{component:Be,...Zt},{component:zt,...Ot},{component:Xt,...Yt},{component:At,...Bt},...kn()],Cn=`function updateCookiesAndStyles(contentId, variants, isHydrationTarget, isAngularSDK) {
192
+ `;function zt(e){var y,C,x,T,w,P,E;const t=h.useRef(null),[n,i]=h.useState(()=>p.userAttributesService.getUserAttributes()),[a,s]=h.useState(()=>{var k,m,v;return Ht(e.variants,((k=e.builderBlock)==null?void 0:k.id)||"none",(v=(m=e.builderContext)==null?void 0:m.rootState)==null?void 0:v.locale)}),[o,l]=h.useState(()=>[]),[d,u]=h.useState(()=>{var k;return qt(e.variants,p.getDefaultCanTrack((k=e.builderContext)==null?void 0:k.canTrack))}),[g,b]=h.useState(()=>!1);function c(){return(e.variants||[]).filter(k=>{var m,v,I,R;return Lt({...(v=(m=e.builderContext)==null?void 0:m.rootState)!=null&&v.locale?{locale:(R=(I=e.builderContext)==null?void 0:I.rootState)==null?void 0:R.locale}:{},...n},k.query,k.startDate,k.endDate)})}function S(){var k;return Mt({variants:e.variants,fallbackBlocks:(k=e.builderBlock)==null?void 0:k.children,isHydrated:g,filteredVariants:c(),previewingIndex:e.previewingIndex})}function f(){return(e.variants||[]).map((k,m)=>{var v;return`[data-variant-id="${(v=e.builderBlock)==null?void 0:v.id}-${m}"] { display: none; } `}).join("")}return h.useEffect(()=>{var m;b(!0);const k=p.userAttributesService.subscribeOnUserAttributesChange(v=>{i(v)});if(!(p.isEditing()||p.isPreviewing())){const v=c()[0];t.current&&(t.current.dispatchEvent(new CustomEvent("builder.variantLoaded",{detail:{variant:v||"default",content:(m=e.builderContext)==null?void 0:m.content},bubbles:!0})),new IntersectionObserver(R=>{R.forEach(j=>{var V;j.isIntersecting&&t.current&&t.current.dispatchEvent(new CustomEvent("builder.variantDisplayed",{detail:{variant:v||"default",content:(V=e.builderContext)==null?void 0:V.content},bubbles:!0}))})}).observe(t.current))}o.push(k)},[]),h.useEffect(()=>()=>{o.forEach(k=>k())},[]),r.jsxs("div",{ref:t,...e.attributes,className:`builder-personalization-container ${((y=e.attributes)==null?void 0:y.className)||""}`,children:[d?r.jsxs(r.Fragment,{children:[(C=e.variants)==null?void 0:C.map((k,m)=>{var v,I;return r.jsx("template",{"data-variant-id":`${(v=e.builderBlock)==null?void 0:v.id}-${m}`,children:r.jsx(A,{blocks:k.blocks,parent:(I=e.builderBlock)==null?void 0:I.id,path:`component.options.variants.${m}.blocks`})},m)}),r.jsx(L,{nonce:((x=e.builderContext)==null?void 0:x.nonce)||"",styles:f(),id:`variants-styles-${(T=e.builderBlock)==null?void 0:T.id}`}),r.jsx(M,{nonce:((w=e.builderContext)==null?void 0:w.nonce)||"",scriptStr:a,id:`variants-script-${(P=e.builderBlock)==null?void 0:P.id}`})]}):null,r.jsx(A,{blocks:S().blocks,parent:(E=e.builderBlock)==null?void 0:E.id,path:S().path})]})}const Kt={name:"Core:Section",static:!0,image:"https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F682efef23ace49afac61748dd305c70a",inputs:[{name:"maxWidth",type:"number",defaultValue:1200},{name:"lazyLoad",type:"boolean",defaultValue:!1,advanced:!0,description:"Only render this section when in view"}],defaultStyles:{paddingLeft:"20px",paddingRight:"20px",paddingTop:"50px",paddingBottom:"50px",marginTop:"0px",width:"100vw",marginLeft:"calc(50% - 50vw)"},canHaveChildren:!0,defaultChildren:[{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{textAlign:"center"}},component:{name:"Text",options:{text:"<p><b>I am a section! My content keeps from getting too wide, so that it's easy to read even on big screens.</b></p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur</p>"}}}]},Gt={name:"Slot",isRSC:!0,description:"Allow child blocks to be inserted into this content when used as a Symbol",docsLink:"https://www.builder.io/c/docs/symbols-with-blocks",image:"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F3aad6de36eae43b59b52c85190fdef56",inputs:[{name:"name",type:"string",required:!0,defaultValue:"children"}],shouldReceiveBuilderProps:{builderContext:!0,builderComponents:!0}};function Jt(e){var t,n,i;return r.jsx("div",{style:{pointerEvents:"auto"},...!((t=e.builderContext.context)!=null&&t.symbolId)&&{"builder-slot":e.name},children:r.jsx(A,{parent:(n=e.builderContext.context)==null?void 0:n.symbolId,path:`symbol.data.${e.name}`,context:e.builderContext,registeredComponents:e.builderComponents,blocks:(i=e.builderContext.rootState)==null?void 0:i[e.name]})})}const Qt={name:"Symbol",noWrap:!0,static:!0,isRSC:!0,inputs:[{name:"symbol",type:"uiSymbol"},{name:"dataOnly",helperText:"Make this a data symbol that doesn't display any UI",type:"boolean",defaultValue:!1,advanced:!0,hideFromUI:!0},{name:"inheritState",helperText:"Inherit the parent component state and data",type:"boolean",defaultValue:!1,advanced:!0},{name:"renderToLiquid",helperText:"Render this symbols contents to liquid. Turn off to fetch with javascript and use custom targeting",type:"boolean",defaultValue:!1,advanced:!0,hideFromUI:!0},{name:"useChildren",hideFromUI:!0,type:"boolean"}],shouldReceiveBuilderProps:{builderBlock:!0,builderContext:!0,builderComponents:!0,builderLinkComponent:!0}},Z={"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{paddingLeft:"20px",paddingRight:"20px",paddingTop:"10px",paddingBottom:"10px",minWidth:"100px",textAlign:"center",display:"flex",flexDirection:"column",cursor:"pointer",userSelect:"none"}},component:{name:"Text",options:{text:"New tab"}}},ee={"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{height:"200px",display:"flex",marginTop:"20px",flexDirection:"column"}},component:{name:"Text",options:{text:"New tab content "}}},Yt={name:"Builder: Tabs",inputs:[{name:"tabs",type:"list",broadcast:!0,subFields:[{name:"label",type:"uiBlocks",hideFromUI:!0,defaultValue:[Z]},{name:"content",type:"uiBlocks",hideFromUI:!0,defaultValue:[ee]}],defaultValue:[{label:[{...Z,component:{name:"Text",options:{text:"Tab 1"}}}],content:[{...ee,component:{name:"Text",options:{text:"Tab 1 content"}}}]},{label:[{...Z,component:{name:"Text",options:{text:"Tab 2"}}}],content:[{...ee,component:{name:"Text",options:{text:"Tab 2 content"}}}]}]},{name:"activeTabStyle",type:"uiStyle",helperText:"CSS styles for the active tab",defaultValue:{backgroundColor:"rgba(0, 0, 0, 0.1)"}},{name:"defaultActiveTab",type:"number",helperText:'Default tab to open to. Set to "1" for the first tab, "2" for the second, or choose "0" for none',defaultValue:1,advanced:!0},{name:"collapsible",type:"boolean",helperText:"If on, clicking an open tab closes it so no tabs are active",defaultValue:!1,advanced:!0},{name:"tabHeaderLayout",type:"enum",helperText:"Change the layout of the tab headers (uses justify-content)",defaultValue:"flex-start",enum:[{label:"Center",value:"center"},{label:"Space between",value:"space-between"},{label:"Space around",value:"space-around"},{label:"Left",value:"flex-start"},{label:"Right",value:"flex-end"}]}],shouldReceiveBuilderProps:{builderBlock:!0,builderContext:!0,builderComponents:!0,builderLinkComponent:!0}};function Xt(e){var s;const[t,n]=h.useState(()=>e.defaultActiveTab?e.defaultActiveTab-1:0);function i(o){return e.tabs&&e.tabs[o].content}function a(o){o===t&&e.collapsible?n(-1):n(o)}return r.jsxs("div",{children:[r.jsx("div",{className:"builder-tabs-wrap",style:{display:"flex",flexDirection:"row",justifyContent:e.tabHeaderLayout||"flex-start",overflow:"auto"},children:(s=e.tabs)==null?void 0:s.map((o,l)=>r.jsx("span",{className:`builder-tab-wrap ${t===l?"builder-tab-active":""}`,style:{...t===l?e.activeTabStyle:{}},onClick:d=>a(l),children:r.jsx(A,{parent:e.builderBlock.id,path:`tabs.${l}.label`,blocks:o.label,context:e.builderContext,registeredComponents:e.builderComponents,linkComponent:e.builderLinkComponent})},l))}),i(t)?r.jsx("div",{children:r.jsx(A,{parent:e.builderBlock.id,path:`tabs.${t}.content`,blocks:i(t),context:e.builderContext,registeredComponents:e.builderComponents,linkComponent:e.builderLinkComponent})}):null]})}const Zt={shouldReceiveBuilderProps:{builderBlock:!1,builderContext:!0},name:"Text",static:!0,isRSC:!0,image:"https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-text_fields-24px%20(1).svg?alt=media&token=12177b73-0ee3-42ca-98c6-0dd003de1929",inputs:[{name:"text",type:"html",required:!0,autoFocus:!0,bubble:!0,defaultValue:"Enter some text..."}],defaultStyles:{lineHeight:"normal",height:"auto",textAlign:"center"}};function Be(e){var t;return r.jsx("div",{className:"builder-text",dangerouslySetInnerHTML:{__html:((t=e.text)==null?void 0:t.toString())||""},style:{outline:"none"}})}const en={name:"Custom Code",static:!0,requiredPermissions:["editCode"],inputs:[{name:"code",type:"html",required:!0,defaultValue:"<p>Hello there, I am custom HTML code!</p>",code:!0},{name:"replaceNodes",type:"boolean",helperText:"Preserve server rendered dom nodes",advanced:!0},{name:"scriptsClientOnly",type:"boolean",defaultValue:!1,helperText:"Only print and run scripts on the client. Important when scripts influence DOM that could be replaced when client loads",advanced:!0}]};function tn(e){const t=h.useRef(null),[n,i]=h.useState(()=>[]),[a,s]=h.useState(()=>[]);function o(){var d;if(!t.current||!((d=t.current)!=null&&d.getElementsByTagName)||typeof window=="undefined")return;const l=t.current.getElementsByTagName("script");for(let u=0;u<l.length;u++){const g=l[u];if(g.src){if(n.includes(g.src))continue;n.push(g.src);const b=document.createElement("script");b.async=!0,b.src=g.src,document.head.appendChild(b)}else if(!g.type||["text/javascript","application/javascript","application/ecmascript"].includes(g.type)){if(a.includes(g.innerText))continue;try{a.push(g.innerText),new Function(g.innerText)()}catch(b){p.logger.warn("[BUILDER.IO] `CustomCode`: Error running script:",b)}}}}return h.useEffect(()=>{o()},[]),h.useEffect(()=>{p.isEditing()&&o()},[e.code]),r.jsx("div",{ref:t,className:"builder-custom-code"+(e.replaceNodes?" replace-nodes":""),dangerouslySetInnerHTML:{__html:e.code}})}const nn={name:"Embed",static:!0,inputs:[{name:"url",type:"url",required:!0,defaultValue:"",helperText:"e.g. enter a youtube url, google map, etc"},{name:"content",type:"html",defaultValue:'<div style="padding: 20px; text-align: center">(Choose an embed URL)<div>',hideFromUI:!0}]},an=["text/javascript","application/javascript","application/ecmascript"],on=e=>an.includes(e.type);function rn(e){const t=h.useRef(null),[n,i]=h.useState(()=>[]),[a,s]=h.useState(()=>[]),[o,l]=h.useState(()=>!1);function d(){if(!t.current||!t.current.getElementsByTagName)return;const u=t.current.getElementsByTagName("script");for(let g=0;g<u.length;g++){const b=u[g];if(b.src&&!n.includes(b.src)){n.push(b.src);const c=document.createElement("script");c.async=!0,c.src=b.src,document.head.appendChild(c)}else if(on(b)&&!a.includes(b.innerText))try{a.push(b.innerText),new Function(b.innerText)()}catch(c){p.logger.warn("[BUILDER.IO] `Embed`: Error running script:",c)}}}return h.useEffect(()=>{t.current&&!o&&(l(!0),d())},[t.current,o]),r.jsx("div",{className:"builder-embed",ref:t,dangerouslySetInnerHTML:{__html:e.content}})}const sn={name:"Form:Form",defaults:{responsiveStyles:{large:{marginTop:"15px",paddingBottom:"15px"}}},image:"https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fef36d2a846134910b64b88e6d18c5ca5",inputs:[{name:"sendSubmissionsTo",type:"string",enum:[{label:"Send to email",value:"email",helperText:"Send form submissions to the email address of your choosing"},{label:"Custom",value:"custom",helperText:"Handle where the form requests go manually with a little code, e.g. to your own custom backend"}],defaultValue:"email"},{name:"sendSubmissionsToEmail",type:"string",required:!0,defaultValue:"your@email.com",showIf:'options.get("sendSubmissionsTo") === "email"'},{name:"sendWithJs",type:"boolean",helperText:"Set to false to use basic html form action",defaultValue:!0,showIf:'options.get("sendSubmissionsTo") === "custom"'},{name:"name",type:"string",defaultValue:"My form"},{name:"action",type:"string",helperText:"URL to send the form data to",showIf:'options.get("sendSubmissionsTo") === "custom"'},{name:"contentType",type:"string",defaultValue:"application/json",advanced:!0,enum:["application/json","multipart/form-data","application/x-www-form-urlencoded"],showIf:'options.get("sendSubmissionsTo") === "custom" && options.get("sendWithJs") === true'},{name:"method",type:"string",showIf:'options.get("sendSubmissionsTo") === "custom"',defaultValue:"POST",advanced:!0},{name:"previewState",type:"string",enum:["unsubmitted","sending","success","error"],defaultValue:"unsubmitted",helperText:'Choose a state to edit, e.g. choose "success" to show what users see on success and edit the message',showIf:'options.get("sendSubmissionsTo") !== "zapier" && options.get("sendWithJs") === true'},{name:"successUrl",type:"url",helperText:"Optional URL to redirect the user to on form submission success",showIf:'options.get("sendSubmissionsTo") !== "zapier" && options.get("sendWithJs") === true'},{name:"resetFormOnSubmit",type:"boolean",showIf:"options.get('sendSubmissionsTo') === 'custom' && options.get('sendWithJs') === true",advanced:!0},{name:"successMessage",type:"uiBlocks",hideFromUI:!0,defaultValue:[{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{marginTop:"10px"}},component:{name:"Text",options:{text:"<span>Thanks!</span>"}}}]},{name:"validate",type:"boolean",defaultValue:!0,advanced:!0},{name:"errorMessagePath",type:"text",advanced:!0,helperText:'Path to where to get the error message from in a JSON response to display to the user, e.g. "error.message" for a response like { "error": { "message": "this username is taken" }}'},{name:"errorMessage",type:"uiBlocks",hideFromUI:!0,defaultValue:[{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{marginTop:"10px"}},bindings:{"component.options.text":"state.formErrorMessage || block.component.options.text"},component:{name:"Text",options:{text:"<span>Form submission error :( Please check your answers and try again</span>"}}}]},{name:"sendingMessage",type:"uiBlocks",hideFromUI:!0,defaultValue:[{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{marginTop:"10px"}},component:{name:"Text",options:{text:"<span>Sending...</span>"}}}]},{name:"customHeaders",type:"map",valueType:{type:"string"},advanced:!0,showIf:'options.get("sendSubmissionsTo") === "custom" && options.get("sendWithJs") === true'}],noWrap:!0,canHaveChildren:!0,defaultChildren:[{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{marginTop:"10px"}},component:{name:"Text",options:{text:"<span>Enter your name</span>"}}},{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{marginTop:"10px"}},component:{name:"Form:Input",options:{name:"name",placeholder:"Jane Doe"}}},{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{marginTop:"10px"}},component:{name:"Text",options:{text:"<span>Enter your email</span>"}}},{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{marginTop:"10px"}},component:{name:"Form:Input",options:{name:"email",placeholder:"jane@doe.com"}}},{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{marginTop:"10px"}},component:{name:"Form:SubmitButton",options:{text:"Submit"}}}],shouldReceiveBuilderProps:{builderBlock:!0,builderContext:!0,builderComponents:!0,builderLinkComponent:!0}},ln=["production","qa","test","development","dev","cdn-qa","cloud","fast","cdn2","cdn-prod"],cn=()=>{const e=process.env.NODE_ENV||"production";return ln.includes(e)?e:"production"};function un(e){const t=h.useRef(null),[n,i]=h.useState(()=>"unsubmitted"),[a,s]=h.useState(()=>null),[o,l]=h.useState(()=>"");function d(b){var S,f;const c={...e.builderContext.rootState,...b};e.builderContext.rootSetState?(f=(S=e.builderContext).rootSetState)==null||f.call(S,c):e.builderContext.rootState=c}function u(){return p.isEditing()&&e.previewState||n}function g(b){var S;const c=e.sendWithJs||e.sendSubmissionsTo==="email";if(e.sendSubmissionsTo==="zapier")b.preventDefault();else if(c){if(!(e.action||e.sendSubmissionsTo==="email")){b.preventDefault();return}b.preventDefault();const f=b.currentTarget||b.target,y=e.customHeaders||{};let C;const x=new FormData(f),T=Array.from(f.querySelectorAll("input,select,textarea")).filter(m=>!!m.name).map(m=>{let v;const I=m.name;if(m instanceof HTMLInputElement)if(m.type==="radio"){if(m.checked)return v=m.name,{key:I,value:v}}else if(m.type==="checkbox")v=m.checked;else if(m.type==="number"||m.type==="range"){const R=m.valueAsNumber;isNaN(R)||(v=R)}else m.type==="file"?v=m.files:v=m.value;else v=m.value;return{key:I,value:v}});let w=e.contentType;if(e.sendSubmissionsTo==="email"&&(w="multipart/form-data"),Array.from(T).forEach(({value:m})=>{(m instanceof File||Array.isArray(m)&&m[0]instanceof File||m instanceof FileList)&&(w="multipart/form-data")}),w!=="application/json")C=x;else{const m={};Array.from(T).forEach(({value:v,key:I})=>{N.set(m,I,v)}),C=JSON.stringify(m)}w&&w!=="multipart/form-data"&&(c&&((S=e.action)!=null&&S.includes("zapier.com"))||(y["content-type"]=w));const P=new CustomEvent("presubmit",{detail:{body:C}});if(t.current&&(t.current.dispatchEvent(P),P.defaultPrevented))return;i("sending");const E=`${cn()==="dev"?"http://localhost:5000":"https://builder.io"}/api/v1/form-submit?apiKey=${e.builderContext.apiKey}&to=${btoa(e.sendSubmissionsToEmail||"")}&name=${encodeURIComponent(e.name||"")}`,k=e.sendSubmissionsTo==="email"?E:e.action;p.logFetch(k),fetch(k,{body:C,headers:y,method:e.method||"post"}).then(async m=>{let v;const I=m.headers.get("content-type");if(I&&I.indexOf("application/json")!==-1?v=await m.json():v=await m.text(),!m.ok&&e.errorMessagePath){let R=pe(v,e.errorMessagePath);R&&(typeof R!="string"&&(R=JSON.stringify(R)),l(R),d({formErrorMessage:R}))}if(s(v),i(m.ok?"success":"error"),m.ok){const R=new CustomEvent("submit:success",{detail:{res:m,body:v}});if(t.current){if(t.current.dispatchEvent(R),R.defaultPrevented)return;e.resetFormOnSubmit!==!1&&t.current.reset()}if(e.successUrl)if(t.current){const j=new CustomEvent("route",{detail:{url:e.successUrl}});t.current.dispatchEvent(j),j.defaultPrevented||(location.href=e.successUrl)}else location.href=e.successUrl}},m=>{const v=new CustomEvent("submit:error",{detail:{error:m}});t.current&&(t.current.dispatchEvent(v),v.defaultPrevented)||(s(m),i("error"))})}}return r.jsxs(r.Fragment,{children:[" ",r.jsxs("form",{validate:e.validate,ref:t,action:!e.sendWithJs&&e.action,method:e.method,name:e.name,onSubmit:b=>g(b),...e.attributes,children:[e.children,u()==="error"?r.jsx(A,{path:"errorMessage",blocks:e.errorMessage,context:e.builderContext}):null,u()==="sending"?r.jsx(A,{path:"sendingMessage",blocks:e.sendingMessage,context:e.builderContext}):null,u()==="error"&&a?r.jsx("pre",{className:"builder-form-error-text pre-7acc3b46",children:JSON.stringify(a,null,2)}):null,u()==="success"?r.jsx(A,{path:"successMessage",blocks:e.successMessage,context:e.builderContext}):null]})," ",r.jsx("style",{children:".pre-7acc3b46 { padding: 10px; color: red; text-align: center; }"})," "]})}const dn={name:"Form:Input",image:"https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fad6f37889d9e40bbbbc72cdb5875d6ca",inputs:[{name:"type",type:"text",enum:["text","number","email","url","checkbox","radio","range","date","datetime-local","search","tel","time","file","month","week","password","color","hidden"],defaultValue:"text"},{name:"name",type:"string",required:!0,helperText:'Every input in a form needs a unique name describing what it takes, e.g. "email"'},{name:"placeholder",type:"string",defaultValue:"Hello there",helperText:"Text to display when there is no value"},{name:"defaultValue",type:"string"},{name:"value",type:"string",advanced:!0},{name:"required",type:"boolean",helperText:"Is this input required to be filled out to submit a form",defaultValue:!1}],noWrap:!0,static:!0,defaultStyles:{paddingTop:"10px",paddingBottom:"10px",paddingLeft:"10px",paddingRight:"10px",borderRadius:"3px",borderWidth:"1px",borderStyle:"solid",borderColor:"#ccc"}};function mn(e){return h.createElement("input",{...e.attributes,key:p.isEditing()&&e.defaultValue?e.defaultValue:"default-key",placeholder:e.placeholder,type:e.type,name:e.name,value:e.value,defaultValue:e.defaultValue,required:e.required})}const fn={name:"Form:Select",image:"https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F83acca093fb24aaf94dee136e9a4b045",defaultStyles:{alignSelf:"flex-start"},inputs:[{name:"options",type:"list",required:!0,subFields:[{name:"value",type:"text",required:!0},{name:"name",type:"text"}],defaultValue:[{value:"option 1"},{value:"option 2"}]},{name:"name",type:"string",required:!0,helperText:'Every select in a form needs a unique name describing what it gets, e.g. "email"'},{name:"defaultValue",type:"string"},{name:"value",type:"string",advanced:!0},{name:"required",type:"boolean",defaultValue:!1}],static:!0,noWrap:!0};function gn(e){var t;return h.createElement("select",{...e.attributes,value:e.value,key:p.isEditing()&&e.defaultValue?e.defaultValue:"default-key",defaultValue:e.defaultValue,name:e.name,required:e.required},(t=e.options)==null?void 0:t.map((n,i)=>r.jsx("option",{value:n.value,children:n.name||n.value},`${n.name}-${i}`)))}const hn={name:"Form:SubmitButton",image:"https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fdf2820ffed1f4349a94c40b3221f5b98",defaultStyles:{appearance:"none",paddingTop:"15px",paddingBottom:"15px",paddingLeft:"25px",paddingRight:"25px",backgroundColor:"#3898EC",color:"white",borderRadius:"4px",cursor:"pointer"},inputs:[{name:"text",type:"text",defaultValue:"Click me"}],static:!0,noWrap:!0};function bn(e){return r.jsx("button",{type:"submit",...e.attributes,children:e.text})}const pn={name:"Form:TextArea",image:"https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Ff74a2f3de58c4c3e939204e5b6b8f6c3",inputs:[{advanced:!0,name:"value",type:"string"},{name:"name",type:"string",required:!0,helperText:'Every input in a form needs a unique name describing what it gets, e.g. "email"'},{name:"defaultValue",type:"string"},{name:"placeholder",type:"string",defaultValue:"Hello there"},{name:"required",type:"boolean",defaultValue:!1}],defaultStyles:{paddingTop:"10px",paddingBottom:"10px",paddingLeft:"10px",paddingRight:"10px",borderRadius:"3px",borderWidth:"1px",borderStyle:"solid",borderColor:"#ccc"},static:!0,noWrap:!0};function yn(e){return r.jsx("textarea",{...e.attributes,placeholder:e.placeholder,name:e.name,value:e.value,defaultValue:e.defaultValue,required:e.required})}const xn={name:"Raw:Img",hideFromInsertMenu:!0,image:"https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-insert_photo-24px.svg?alt=media&token=4e5d0ef4-f5e8-4e57-b3a9-38d63a9b9dc4",inputs:[{name:"image",bubble:!0,type:"file",allowedFileTypes:ae,required:!0}],noWrap:!0,static:!0};function vn(e){return r.jsx("img",{style:{objectFit:e.backgroundSize||"cover",objectPosition:e.backgroundPosition||"center"},alt:e.altText,title:e.title,src:e.imgSrc||e.image,...e.attributes},p.isEditing()&&e.imgSrc||"default-key")}const Sn={name:"Video",canHaveChildren:!0,defaultStyles:{minHeight:"20px",minWidth:"20px"},image:"https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-videocam-24px%20(1).svg?alt=media&token=49a84e4a-b20e-4977-a650-047f986874bb",inputs:[{name:"video",type:"file",allowedFileTypes:Dt,bubble:!0,defaultValue:"https://cdn.builder.io/o/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fd27731a526464deba0016216f5f9e570%2Fcompressed?apiKey=YJIGb4i01jvw0SRdL5Bt&token=d27731a526464deba0016216f5f9e570&alt=media&optimized=true",required:!0},{name:"posterImage",type:"file",allowedFileTypes:ae,helperText:"Image to show before the video plays"},{name:"autoPlay",type:"boolean",defaultValue:!0},{name:"controls",type:"boolean",defaultValue:!1},{name:"muted",type:"boolean",defaultValue:!0},{name:"loop",type:"boolean",defaultValue:!0},{name:"playsInline",type:"boolean",defaultValue:!0},{name:"fit",type:"text",defaultValue:"cover",enum:["contain","cover","fill","auto"]},{name:"preload",type:"text",defaultValue:"metadata",enum:["auto","metadata","none"]},{name:"fitContent",type:"boolean",helperText:"When child blocks are provided, fit to them instead of using the aspect ratio",defaultValue:!0,advanced:!0},{name:"position",type:"text",defaultValue:"center",enum:["center","top","left","right","bottom","top left","top right","bottom left","bottom right"]},{name:"height",type:"number",advanced:!0},{name:"width",type:"number",advanced:!0},{name:"aspectRatio",type:"number",advanced:!0,defaultValue:.7004048582995948},{name:"lazyLoad",type:"boolean",helperText:'Load this video "lazily" - as in only when a user scrolls near the video. Recommended for optmized performance and bandwidth consumption',defaultValue:!0,advanced:!0}],shouldReceiveBuilderProps:{builderBlock:!0}};function Ae(e){var o,l,d,u,g,b,c;const t=h.useRef(null);function n(){return{...e.autoPlay===!0?{autoPlay:!0}:{},...e.muted===!0?{muted:!0}:{},...e.controls===!0?{controls:!0}:{},...e.loop===!0?{loop:!0}:{},...e.playsInline===!0?{playsInline:!0}:{}}}function i(){return{...n()}}const[a,s]=h.useState(()=>{});return h.useEffect(()=>{if(e.lazyLoad){const S=new IntersectionObserver(function(f){f.forEach(function(y){if(!y.isIntersecting)return;const C=y.target;try{Array.from(C.children).filter(x=>x instanceof HTMLElement&&x.tagName==="SOURCE").forEach(x=>{const T=x.dataset.src;T&&(x.src=T)}),C.load(),S.unobserve(C)}catch(x){console.error("Error loading lazy video:",x)}})});t.current&&S.observe(t.current),s(S)}},[]),h.useEffect(()=>()=>{a&&a.disconnect()},[]),r.jsxs("div",{style:{position:"relative"},children:[r.jsx("video",{className:"builder-video",...i(),ref:t,preload:e.lazyLoad?"none":e.preload||"metadata",style:{width:"100%",height:"100%",...(o=e.attributes)==null?void 0:o.style,objectFit:e.fit,objectPosition:e.position,borderRadius:"1px",...e.aspectRatio?{position:"absolute"}:null},poster:e.posterImage,children:r.jsx("source",{type:"video/mp4",...e.lazyLoad?{"data-src":e.video}:{src:e.video}})}),e.aspectRatio&&!(e.fitContent&&((d=(l=e.builderBlock)==null?void 0:l.children)!=null&&d.length))?r.jsx("div",{style:{width:"100%",paddingTop:e.aspectRatio*100+"%",pointerEvents:"none",fontSize:"0px"}}):null,(g=(u=e.builderBlock)==null?void 0:u.children)!=null&&g.length&&e.fitContent?r.jsx("div",{style:{display:"flex",flexDirection:"column",alignItems:"stretch"},children:e.children}):null,(c=(b=e.builderBlock)==null?void 0:b.children)!=null&&c.length&&!e.fitContent?r.jsx("div",{style:{pointerEvents:"none",display:"flex",flexDirection:"column",alignItems:"stretch",position:"absolute",top:"0",left:"0",width:"100%",height:"100%"},children:e.children}):null]})}const kn=()=>[{component:tn,...en},{component:rn,...nn},{component:un,...sn},{component:mn,...dn},{component:bn,...hn},{component:gn,...fn},{component:yn,...pn},{component:vn,...xn},{component:Ae,...Sn}],ue=()=>[{component:he,...Nt},{component:Re,...Ft},{component:Pe,...Wt},{component:je,...$t},{component:Ve,...Kt},{component:Jt,...Gt},{component:$e,...Qt},{component:Be,...Zt},{component:zt,...Ot},{component:Xt,...Yt},{component:At,...Bt},...kn()],Cn=`function updateCookiesAndStyles(contentId, variants, isHydrationTarget, isAngularSDK) {
193
193
  function getAndSetVariantId() {
194
194
  function setCookie(name, value, days) {
195
195
  let expires = '';
@@ -963,6 +963,7 @@ function ee(e) {
963
963
  }
964
964
  function Gt(e) {
965
965
  const t = L(null);
966
+ I(() => !1);
966
967
  function n() {
967
968
  var o;
968
969
  return [
@@ -1004,12 +1005,13 @@ function Gt(e) {
1004
1005
  ));
1005
1006
  }
1006
1007
  return P(() => {
1007
- }, []), /* @__PURE__ */ B(R, { children: [
1008
+ }, []), P(() => {
1009
+ }, [e.blocks]), /* @__PURE__ */ B(R, { children: [
1008
1010
  /* @__PURE__ */ s(
1009
1011
  e.BlocksWrapper,
1010
1012
  {
1011
1013
  ref: t,
1012
- className: n() + " props-blocks-wrapper-2936bbfc",
1014
+ className: n() + " props-blocks-wrapper-14802cff",
1013
1015
  "builder-path": i(),
1014
1016
  "builder-parent-id": e.parent,
1015
1017
  style: e.styleProp,
@@ -1020,7 +1022,7 @@ function Gt(e) {
1020
1022
  children: e.children
1021
1023
  }
1022
1024
  ),
1023
- /* @__PURE__ */ s("style", { children: `.props-blocks-wrapper-2936bbfc {
1025
+ /* @__PURE__ */ s("style", { children: `.props-blocks-wrapper-14802cff {
1024
1026
  display: flex;
1025
1027
  flex-direction: column;
1026
1028
  align-items: stretch;
@@ -1293,13 +1295,14 @@ function tn(e) {
1293
1295
  loading: e.highPriority ? "eager" : "lazy",
1294
1296
  fetchPriority: e.highPriority ? "high" : "auto",
1295
1297
  alt: e.altText,
1298
+ title: e.title,
1296
1299
  role: e.altText ? void 0 : "presentation",
1297
1300
  style: {
1298
1301
  objectPosition: e.backgroundPosition || "center",
1299
1302
  objectFit: e.backgroundSize || "cover",
1300
1303
  ...i()
1301
1304
  },
1302
- className: "builder-image" + (e.className ? " " + e.className : "") + " img-9dac2184",
1305
+ className: "builder-image" + (e.className ? " " + e.className : "") + " img-1aa8aba3",
1303
1306
  src: e.image,
1304
1307
  srcSet: t(),
1305
1308
  sizes: e.sizes
@@ -1309,23 +1312,23 @@ function tn(e) {
1309
1312
  e.aspectRatio && !((r = (a = e.builderBlock) == null ? void 0 : a.children) != null && r.length && e.fitContent) ? /* @__PURE__ */ s(
1310
1313
  "div",
1311
1314
  {
1312
- className: "builder-image-sizer div-9dac2184",
1315
+ className: "builder-image-sizer div-1aa8aba3",
1313
1316
  style: {
1314
1317
  paddingTop: e.aspectRatio * 100 + "%"
1315
1318
  }
1316
1319
  }
1317
1320
  ) : null,
1318
1321
  (l = (o = e.builderBlock) == null ? void 0 : o.children) != null && l.length && e.fitContent ? /* @__PURE__ */ s(R, { children: e.children }) : null,
1319
- !e.fitContent && ((u = (d = e.builderBlock) == null ? void 0 : d.children) != null && u.length) ? /* @__PURE__ */ s("div", { className: "div-9dac2184-2", children: e.children }) : null
1322
+ !e.fitContent && ((u = (d = e.builderBlock) == null ? void 0 : d.children) != null && u.length) ? /* @__PURE__ */ s("div", { className: "div-1aa8aba3-2", children: e.children }) : null
1320
1323
  ] }),
1321
- /* @__PURE__ */ s("style", { children: `.img-9dac2184 {
1324
+ /* @__PURE__ */ s("style", { children: `.img-1aa8aba3 {
1322
1325
  opacity: 1;
1323
1326
  transition: opacity 0.2s ease-in-out;
1324
- }.div-9dac2184 {
1327
+ }.div-1aa8aba3 {
1325
1328
  width: 100%;
1326
1329
  pointer-events: none;
1327
1330
  font-size: 0;
1328
- }.div-9dac2184-2 {
1331
+ }.div-1aa8aba3-2 {
1329
1332
  display: flex;
1330
1333
  flex-direction: column;
1331
1334
  align-items: stretch;
@@ -1924,6 +1927,10 @@ const rn = {
1924
1927
  name: "altText",
1925
1928
  type: "string",
1926
1929
  helperText: "Text to display when the user has images off"
1930
+ }, {
1931
+ name: "title",
1932
+ type: "string",
1933
+ helperText: "Text to display when hovering over the asset"
1927
1934
  }, {
1928
1935
  name: "height",
1929
1936
  type: "number",
@@ -3478,6 +3485,7 @@ function zn(e) {
3478
3485
  objectPosition: e.backgroundPosition || "center"
3479
3486
  },
3480
3487
  alt: e.altText,
3488
+ title: e.title,
3481
3489
  src: e.imgSrc || e.image,
3482
3490
  ...e.attributes
3483
3491
  },
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@builder.io/sdk-react",
3
3
  "description": "Builder.io SDK for React",
4
- "version": "4.0.3",
4
+ "version": "4.0.4-0",
5
5
  "homepage": "https://github.com/BuilderIO/builder/tree/main/packages/sdks/output/react",
6
6
  "type": "module",
7
7
  "repository": {
@@ -127,7 +127,7 @@
127
127
  "isolated-vm": "^5.0.0"
128
128
  },
129
129
  "devDependencies": {
130
- "@builder.io/sdks": "workspace:*",
130
+ "@builder.io/sdks": "0.0.0",
131
131
  "@vitejs/plugin-react": "^4.0.4",
132
132
  "react": "^18.2.0",
133
133
  "recast": "^0.23.4",
@@ -154,5 +154,5 @@
154
154
  }
155
155
  }
156
156
  },
157
- "stableVersion": "2.0.23"
158
- }
157
+ "stableVersion": "4.0.3"
158
+ }
@@ -9,6 +9,7 @@ export interface ImageProps {
9
9
  height?: number;
10
10
  width?: number;
11
11
  altText?: string;
12
+ title?: string;
12
13
  backgroundSize?: 'cover' | 'contain';
13
14
  backgroundPosition?: string;
14
15
  srcset?: string;
@@ -7,6 +7,7 @@ export interface ImgProps {
7
7
  imgSrc?: string;
8
8
  image?: string;
9
9
  altText?: string;
10
+ title?: string;
10
11
  backgroundSize?: "cover" | "contain";
11
12
  backgroundPosition?: "center" | "top" | "left" | "right" | "bottom" | "top left" | "top right" | "bottom left" | "bottom right";
12
13
  }
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),i=require("./server-entry-46e686b9.cjs");function n(e){return t.jsx("img",{style:{objectFit:e.backgroundSize||"cover",objectPosition:e.backgroundPosition||"center"},alt:e.altText,src:e.imgSrc||e.image,...e.attributes},i.isEditing()&&e.imgSrc||"default-key")}exports.default=n;