@builder.io/sdk-react 2.0.25 → 2.0.27

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 (73) hide show
  1. package/lib/browser/blocks-exports.cjs +5 -5
  2. package/lib/browser/blocks-exports.mjs +47 -41
  3. package/lib/browser/index.cjs +1 -1
  4. package/lib/browser/index.mjs +1 -1
  5. package/lib/browser/server-entry-b2eed856.cjs +2 -0
  6. package/lib/browser/{server-entry-350f7ecc.js → server-entry-fea90db1.js} +138 -135
  7. package/lib/browser/server-entry.cjs +1 -1
  8. package/lib/browser/server-entry.mjs +1 -1
  9. package/lib/edge/{accordion-e2aeca0a.js → accordion-6557fd47.js} +1 -1
  10. package/lib/edge/{accordion-d14d05aa.cjs → accordion-c7ebd14b.cjs} +1 -1
  11. package/lib/edge/{blocks-5a60a8fa.cjs → blocks-00d9b985.cjs} +1 -1
  12. package/lib/edge/{blocks-9a763eda.js → blocks-b7b78f6f.js} +3 -3
  13. package/lib/edge/blocks-exports.cjs +1 -1
  14. package/lib/edge/blocks-exports.mjs +2 -2
  15. package/lib/edge/{button-265653d5.js → button-07555543.js} +2 -2
  16. package/lib/edge/{button-6ab0c490.cjs → button-ca865fd7.cjs} +1 -1
  17. package/lib/edge/{columns-449335a4.cjs → columns-1d6d0f14.cjs} +1 -1
  18. package/lib/edge/{columns-346d4ab7.js → columns-a8fb6e6e.js} +4 -4
  19. package/lib/edge/{content-variants-71459280.cjs → content-variants-5de0e605.cjs} +8 -8
  20. package/lib/edge/{content-variants-bdb3d738.js → content-variants-f7aadfcc.js} +51 -45
  21. package/lib/edge/{evaluate-db1f9237.cjs → evaluate-2596ffe5.cjs} +1 -1
  22. package/lib/edge/{evaluate-be86a5d8.js → evaluate-3fbf8291.js} +1 -1
  23. package/lib/edge/{form-90310cab.cjs → form-7f214547.cjs} +1 -1
  24. package/lib/edge/{form-41305e00.js → form-be8d48c0.js} +4 -4
  25. package/lib/edge/{get-class-prop-name-711d58eb.cjs → get-class-prop-name-00a9606b.cjs} +1 -1
  26. package/lib/edge/{get-class-prop-name-b49b7684.js → get-class-prop-name-35810f43.js} +1 -1
  27. package/lib/edge/{img-a75bf17b.js → img-1c578e3b.js} +1 -1
  28. package/lib/edge/{img-1ab7ba48.cjs → img-3eab09f2.cjs} +1 -1
  29. package/lib/edge/index.cjs +1 -1
  30. package/lib/edge/index.mjs +1 -1
  31. package/lib/edge/{input-137d07aa.cjs → input-0d7c1c27.cjs} +1 -1
  32. package/lib/edge/{input-6c50146c.js → input-9c1e8a98.js} +1 -1
  33. package/lib/edge/{select-55d2c8fa.cjs → select-c58218b7.cjs} +1 -1
  34. package/lib/edge/{select-b6c2fdd5.js → select-fd1e4221.js} +1 -1
  35. package/lib/edge/{server-entry-e914f16e.js → server-entry-72a543d1.js} +138 -135
  36. package/lib/edge/server-entry-f03cbcfe.cjs +2 -0
  37. package/lib/edge/server-entry.cjs +1 -1
  38. package/lib/edge/server-entry.mjs +1 -1
  39. package/lib/edge/{slot-8d3b7707.cjs → slot-864f8ee7.cjs} +1 -1
  40. package/lib/edge/{slot-84e40920.js → slot-ec9f4a5e.js} +4 -4
  41. package/lib/edge/{symbol-468348d8.cjs → symbol-68340c52.cjs} +1 -1
  42. package/lib/edge/{symbol-7436ff06.js → symbol-78fe0b05.js} +2 -2
  43. package/lib/edge/{tabs-802a32f0.cjs → tabs-b0f30ed3.cjs} +1 -1
  44. package/lib/edge/{tabs-65d455da.js → tabs-c847b763.js} +4 -4
  45. package/lib/edge/{text-423e3303.js → text-5ed7f583.js} +2 -2
  46. package/lib/edge/{text-450bf7e4.cjs → text-ff0134a1.cjs} +1 -1
  47. package/lib/node/blocks-exports.cjs +21 -21
  48. package/lib/node/blocks-exports.mjs +53 -46
  49. package/lib/node/index.cjs +1 -1
  50. package/lib/node/index.mjs +26 -25
  51. package/lib/node/init.cjs +1 -1
  52. package/lib/node/init.mjs +6 -5
  53. package/lib/node/server-entry-b19b6f07.cjs +2 -0
  54. package/lib/node/{server-entry-569f32b2.js → server-entry-bac0a183.js} +138 -135
  55. package/lib/node/server-entry.cjs +1 -1
  56. package/lib/node/server-entry.mjs +1 -1
  57. package/lib/node/{should-force-browser-runtime-in-node-3f610831.js → setIvm-22947995.js} +45 -57
  58. package/lib/node/setIvm-e38cb38e.cjs +48 -0
  59. package/lib/node/setIvm.cjs +1 -0
  60. package/lib/node/setIvm.mjs +5 -0
  61. package/lib/node/should-force-browser-runtime-in-node-0d7217c7.cjs +1 -0
  62. package/lib/node/should-force-browser-runtime-in-node-5458ba48.js +17 -0
  63. package/package.json +8 -2
  64. package/types/components/content/components/enable-editor.d.ts +1 -1
  65. package/types/components/content-variants/content-variants.types.d.ts +4 -0
  66. package/types/constants/sdk-version.d.ts +1 -1
  67. package/types/functions/evaluate/node-runtime/setIvm.d.ts +1 -0
  68. package/types/functions/get-content/types.d.ts +4 -0
  69. package/types/functions/track/index.d.ts +3 -1
  70. package/lib/browser/server-entry-f8b08c1e.cjs +0 -2
  71. package/lib/edge/server-entry-ae44ef40.cjs +0 -2
  72. package/lib/node/server-entry-781dde88.cjs +0 -2
  73. package/lib/node/should-force-browser-runtime-in-node-13070d3a.cjs +0 -48
@@ -1,4 +1,4 @@
1
- "use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),p=require("./server-entry-f8b08c1e.cjs"),g=require("react"),Fe=new Set(["area","base","br","col","embed","hr","img","input","keygen","link","meta","param","source","track","wbr"]),Ve=e=>typeof e=="string"&&Fe.has(e.toLowerCase());function G(e){return a.jsx(a.Fragment,{children:Ve(e.TagName)?a.jsx(a.Fragment,{children:a.jsx(e.TagName,{...e.attributes,...e.actionAttributes})}):a.jsx(a.Fragment,{children:typeof e.TagName=="string"?a.jsx(e.TagName,{...e.attributes,...e.actionAttributes,children:e.children}):a.jsx(e.TagName,{...e.attributes,...e.actionAttributes,children:e.children})})})}const N=()=>{switch(p.TARGET){case"react":case"reactNative":case"rsc":return"className";case"svelte":case"vue":case"solid":case"qwik":case"angular":return"class"}};function se(e){function t(){return{...e.attributes,[N()]:`${e.link?"":"builder-button"} ${e.attributes[N()]||""}`,...e.link?{href:e.link,target:e.openLinkInNewTab?"_blank":void 0,role:"link"}:{role:"button"}}}return a.jsx(G,{attributes:t(),TagName:e.link?e.builderLinkComponent||"a":"button",actionAttributes:{},children:e.text})}const O=g.createContext({content:null,context:{},localState:void 0,rootSetState(){},rootState:{},apiKey:null,apiVersion:void 0,componentInfos:{},inheritedStyles:{},BlocksWrapper:"div",BlocksWrapperProps:{},nonce:""}),ce=g.createContext({registeredComponents:{}});function Ne(e){var t;return{...(t=e.component)==null?void 0:t.options,...e.options}}function We(e,...t){const n=Object.assign({},e);for(const i of t)delete n[i];return n}const ue=(e,t,n)=>{const i=String.prototype.split.call(t,/[,[\].]+?/).filter(Boolean).reduce((o,r)=>o!=null?o[r]:o,e);return i===void 0||i===e?n:i},$e=({builder:e,context:t,event:n,state:i})=>Object.entries({state:i,Builder:e,builder:e,context:t,event:n}),De=()=>({isEditing:p.isEditing(),isBrowser:p.isBrowser(),isServer:!p.isBrowser(),getUserAttributes:()=>p.getUserAttributes()}),Oe=(e,{isExpression:t=!0})=>t&&!(e.includes(";")||e.includes(" return ")||e.trim().startsWith("return "))?`return (${e});`:e;function de({rootState:e,localState:t,rootSetState:n}){return new Proxy(e,{get:(i,o)=>{if(t&&o in t)return t[o];const r=i[o];return typeof r=="object"&&r!==null?de({rootState:r,localState:void 0,rootSetState:n?l=>{i[o]=l,n(i)}:void 0}):r},set:(i,o,r)=>{if(t&&o in t)throw new Error("Writing to local state is not allowed as it is read-only.");return i[o]=r,n==null||n(i),!0}})}const X=({code:e,builder:t,context:n,event:i,localState:o,rootSetState:r,rootState:l})=>{const s=$e({builder:t,context:n,event:i,state:de({rootState:l,localState:o,rootSetState:r})});return new Function(...s.map(([u])=>u),e)(...s.map(([,u])=>u))};function Le(){var e;return typeof process!="undefined"&&p.checkIsDefined((e=process==null?void 0:process.versions)==null?void 0:e.node)}const Ue=({shouldLogWarning:e})=>{var o;if(!Le())return!1;const t=process.arch==="arm64",n=process.version.startsWith("v20"),i=(o=process.env.NODE_OPTIONS)==null?void 0:o.includes("--no-node-snapshot");return t&&n&&!i?(e&&p.logger.log("Skipping usage of `isolated-vm` to avoid crashes in Node v20 on an arm64 machine.\n If you would like to use the `isolated-vm` package on this machine, please provide the `NODE_OPTIONS=--no-node-snapshot` config to your Node process.\n See https://github.com/BuilderIO/builder/blob/main/packages/sdks/README.md#node-v20--m1-macs-apple-silicon-support for more information.\n "),!0):!1},Me=e=>(p.isBrowser()||Ue({shouldLogWarning:!0}),X(e)),_e=/^(return )?(\s*)?state(?<getPath>(\.\w+)+)(\s*);?$/,He=/(\s)*var(\s)+_virtual_index(\s)*=(\s)*state(?<getPath>(\.\w+)+)(\s*);?(\s)*return(\s)*_virtual_index(\s)*/,qe=e=>{var t,n,i,o,r,l;return((i=(n=(t=_e.exec(e.trim()))==null?void 0:t.groups)==null?void 0:n.getPath)==null?void 0:i.slice(1))||((l=(r=(o=He.exec(e.trim()))==null?void 0:o.groups)==null?void 0:r.getPath)==null?void 0:l.slice(1))};function F({code:e,context:t,localState:n,rootState:i,rootSetState:o,event:r,isExpression:l=!0}){if(e.trim()==="")return;const s=qe(e.trim());if(s)return ue({...i,...n},s);const u={code:Oe(e,{isExpression:l}),builder:De(),context:t,event:r,rootSetState:o,rootState:i,localState:n};try{return Me(u)}catch(c){p.logger.error("Failed code evaluation: "+c.message,{code:e});return}}const Y=e=>JSON.parse(JSON.stringify(e)),me=(e,t,n)=>{if(Object(e)!==e)return e;const i=Array.isArray(t)?t:t.toString().match(/[^.[\]]+/g);return i.slice(0,-1).reduce((o,r,l)=>Object(o[r])===o[r]?o[r]:o[r]=Math.abs(Number(i[l+1]))>>0===+i[l+1]?[]:{},e)[i[i.length-1]]=n,e};function z(e){if(e===null||typeof e!="object")return e;if(Array.isArray(e))return e.map(n=>z(n));if(e["@type"]==="@builder.io/sdk:Element")return e;const t={};for(const n in e)n!=="meta"&&Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=z(e[n]));return t}const Ke=["svelte","vue","angular","qwik","solid"].includes(p.TARGET),ze=e=>{if(Ke){const t=Y(e);return{...t,properties:{...t.properties},actions:{...t.actions}}}else{const t=z(We(e,"children","meta"));return{...t,properties:{...t.properties},actions:{...t.actions},children:e.children,meta:e.meta}}},Je=({block:e,context:t,localState:n,rootState:i,rootSetState:o})=>{if(!e.bindings)return e;const r=ze(e);for(const l in e.bindings){const s=e.bindings[l],u=F({code:s,localState:n,rootState:i,rootSetState:o,context:t});me(r,l,u)}return r};function Ge({block:e,context:t,shouldEvaluateBindings:n,localState:i,rootState:o,rootSetState:r}){const l=e;return n?Je({block:l,localState:i,rootState:o,rootSetState:r,context:t}):l}const L=e=>e?e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g,"$1-$2").toLowerCase():"";function Ye(e,t,n={}){let i,o,r,l=null,s=0;const u=function(){s=n.leading===!1?0:Date.now(),l=null,r=e.apply(i,o),l||(i=o=null)};return function(){const c=Date.now();!s&&n.leading===!1&&(s=c);const h=t-(c-s);return i=this,o=arguments,h<=0||h>t?(l&&(clearTimeout(l),l=null),s=c,r=e.apply(i,o),l||(i=o=null)):!l&&n.trailing!==!1&&(l=setTimeout(u,h)),r}}function V(e,...t){const n=Object(e);for(let i=1;i<arguments.length;i++){const o=arguments[i];if(o!=null)for(const r in o)Object.prototype.hasOwnProperty.call(o,r)&&(n[r]=o[r])}return n}function Qe(e){for(const t of e)switch(t.trigger){case"pageLoad":he(t);break;case"scrollInView":Ze(t);break}}function fe(e){console.warn(`Cannot animate element: element with ID ${e} not found!`)}function ge(e,t){const n=Xe(e),i=getComputedStyle(t),o=e.steps[0].styles,r=e.steps[e.steps.length-1].styles,l=[o,r];for(const s of l)for(const u of n)u in s||(s[u]=i[u])}function Xe(e){const t=[];for(const n of e.steps)for(const i in n.styles)t.indexOf(i)===-1&&t.push(i);return t}function he(e){const t=Array.prototype.slice.call(document.getElementsByClassName(e.elementId||e.id||""));if(!t.length){fe(e.elementId||e.id||"");return}Array.from(t).forEach(n=>{ge(e,n),n.style.transition="none",n.style.transitionDelay="0",V(n.style,e.steps[0].styles),setTimeout(()=>{n.style.transition=`all ${e.duration}s ${L(e.easing)}`,e.delay&&(n.style.transitionDelay=e.delay+"s"),V(n.style,e.steps[1].styles),setTimeout(()=>{n.style.transition="",n.style.transitionDelay=""},(e.delay||0)*1e3+e.duration*1e3+100)})})}function Ze(e){const t=Array.prototype.slice.call(document.getElementsByClassName(e.elementId||e.id||""));if(!t.length){fe(e.elementId||e.id||"");return}Array.from(t).forEach(n=>{ge(e,n);let i=!1,o=!1;function r(){!i&&s(n)?(i=!0,o=!0,setTimeout(()=>{V(n.style,e.steps[1].styles),e.repeat||document.removeEventListener("scroll",l),setTimeout(()=>{o=!1,e.repeat||(n.style.transition="",n.style.transitionDelay="")},(e.duration+(e.delay||0))*1e3+100)})):e.repeat&&i&&!o&&!s(n)&&(i=!1,V(n.style,e.steps[0].styles))}const l=Ye(r,200,{leading:!1});function s(h){const x=h.getBoundingClientRect(),f=window.innerHeight,b=(e.thresholdPercent||0)/100*f;return x.bottom>b&&x.top<f-b}const u=e.steps[0].styles;function c(){V(n.style,u)}c(),setTimeout(()=>{n.style.transition=`all ${e.duration}s ${L(e.easing)}`,e.delay&&(n.style.transitionDelay=e.delay+"s")}),document.addEventListener("scroll",l,{capture:!0,passive:!0}),r()})}const be=e=>Object.entries(e).map(([n,i])=>{if(typeof i=="string")return`${L(n)}: ${i};`}).filter(p.checkIsDefined),et=e=>be(e).join(`
1
+ "use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),p=require("./server-entry-b2eed856.cjs"),g=require("react"),Fe=new Set(["area","base","br","col","embed","hr","img","input","keygen","link","meta","param","source","track","wbr"]),Ve=e=>typeof e=="string"&&Fe.has(e.toLowerCase());function G(e){return a.jsx(a.Fragment,{children:Ve(e.TagName)?a.jsx(a.Fragment,{children:a.jsx(e.TagName,{...e.attributes,...e.actionAttributes})}):a.jsx(a.Fragment,{children:typeof e.TagName=="string"?a.jsx(e.TagName,{...e.attributes,...e.actionAttributes,children:e.children}):a.jsx(e.TagName,{...e.attributes,...e.actionAttributes,children:e.children})})})}const N=()=>{switch(p.TARGET){case"react":case"reactNative":case"rsc":return"className";case"svelte":case"vue":case"solid":case"qwik":case"angular":return"class"}};function se(e){function t(){return{...e.attributes,[N()]:`${e.link?"":"builder-button"} ${e.attributes[N()]||""}`,...e.link?{href:e.link,target:e.openLinkInNewTab?"_blank":void 0,role:"link"}:{role:"button"}}}return a.jsx(G,{attributes:t(),TagName:e.link?e.builderLinkComponent||"a":"button",actionAttributes:{},children:e.text})}const O=g.createContext({content:null,context:{},localState:void 0,rootSetState(){},rootState:{},apiKey:null,apiVersion:void 0,componentInfos:{},inheritedStyles:{},BlocksWrapper:"div",BlocksWrapperProps:{},nonce:""}),ce=g.createContext({registeredComponents:{}});function Ne(e){var t;return{...(t=e.component)==null?void 0:t.options,...e.options}}function We(e,...t){const n=Object.assign({},e);for(const i of t)delete n[i];return n}const ue=(e,t,n)=>{const i=String.prototype.split.call(t,/[,[\].]+?/).filter(Boolean).reduce((o,r)=>o!=null?o[r]:o,e);return i===void 0||i===e?n:i},$e=({builder:e,context:t,event:n,state:i})=>Object.entries({state:i,Builder:e,builder:e,context:t,event:n}),De=()=>({isEditing:p.isEditing(),isBrowser:p.isBrowser(),isServer:!p.isBrowser(),getUserAttributes:()=>p.getUserAttributes()}),Oe=(e,{isExpression:t=!0})=>t&&!(e.includes(";")||e.includes(" return ")||e.trim().startsWith("return "))?`return (${e});`:e;function de({rootState:e,localState:t,rootSetState:n}){return new Proxy(e,{get:(i,o)=>{if(t&&o in t)return t[o];const r=i[o];return typeof r=="object"&&r!==null?de({rootState:r,localState:void 0,rootSetState:n?l=>{i[o]=l,n(i)}:void 0}):r},set:(i,o,r)=>{if(t&&o in t)throw new Error("Writing to local state is not allowed as it is read-only.");return i[o]=r,n==null||n(i),!0}})}const X=({code:e,builder:t,context:n,event:i,localState:o,rootSetState:r,rootState:l})=>{const s=$e({builder:t,context:n,event:i,state:de({rootState:l,localState:o,rootSetState:r})});return new Function(...s.map(([u])=>u),e)(...s.map(([,u])=>u))};function Le(){var e;return typeof process!="undefined"&&p.checkIsDefined((e=process==null?void 0:process.versions)==null?void 0:e.node)}const Ue=({shouldLogWarning:e})=>{var o;if(!Le())return!1;const t=process.arch==="arm64",n=process.version.startsWith("v20"),i=(o=process.env.NODE_OPTIONS)==null?void 0:o.includes("--no-node-snapshot");return t&&n&&!i?(e&&p.logger.log("Skipping usage of `isolated-vm` to avoid crashes in Node v20 on an arm64 machine.\n If you would like to use the `isolated-vm` package on this machine, please provide the `NODE_OPTIONS=--no-node-snapshot` config to your Node process.\n See https://github.com/BuilderIO/builder/blob/main/packages/sdks/README.md#node-v20--m1-macs-apple-silicon-support for more information.\n "),!0):!1},He=e=>(p.isBrowser()||Ue({shouldLogWarning:!0}),X(e)),Me=/^(return )?(\s*)?state(?<getPath>(\.\w+)+)(\s*);?$/,_e=/(\s)*var(\s)+_virtual_index(\s)*=(\s)*state(?<getPath>(\.\w+)+)(\s*);?(\s)*return(\s)*_virtual_index(\s)*/,qe=e=>{var t,n,i,o,r,l;return((i=(n=(t=Me.exec(e.trim()))==null?void 0:t.groups)==null?void 0:n.getPath)==null?void 0:i.slice(1))||((l=(r=(o=_e.exec(e.trim()))==null?void 0:o.groups)==null?void 0:r.getPath)==null?void 0:l.slice(1))};function F({code:e,context:t,localState:n,rootState:i,rootSetState:o,event:r,isExpression:l=!0}){if(e.trim()==="")return;const s=qe(e.trim());if(s)return ue({...i,...n},s);const u={code:Oe(e,{isExpression:l}),builder:De(),context:t,event:r,rootSetState:o,rootState:i,localState:n};try{return He(u)}catch(c){p.logger.error("Failed code evaluation: "+c.message,{code:e});return}}const Y=e=>JSON.parse(JSON.stringify(e)),me=(e,t,n)=>{if(Object(e)!==e)return e;const i=Array.isArray(t)?t:t.toString().match(/[^.[\]]+/g);return i.slice(0,-1).reduce((o,r,l)=>Object(o[r])===o[r]?o[r]:o[r]=Math.abs(Number(i[l+1]))>>0===+i[l+1]?[]:{},e)[i[i.length-1]]=n,e};function z(e){if(e===null||typeof e!="object")return e;if(Array.isArray(e))return e.map(n=>z(n));if(e["@type"]==="@builder.io/sdk:Element")return e;const t={};for(const n in e)n!=="meta"&&Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=z(e[n]));return t}const Ke=["svelte","vue","angular","qwik","solid"].includes(p.TARGET),ze=e=>{if(Ke){const t=Y(e);return{...t,properties:{...t.properties},actions:{...t.actions}}}else{const t=z(We(e,"children","meta"));return{...t,properties:{...t.properties},actions:{...t.actions},children:e.children,meta:e.meta}}},Je=({block:e,context:t,localState:n,rootState:i,rootSetState:o})=>{if(!e.bindings)return e;const r=ze(e);for(const l in e.bindings){const s=e.bindings[l],u=F({code:s,localState:n,rootState:i,rootSetState:o,context:t});me(r,l,u)}return r};function Ge({block:e,context:t,shouldEvaluateBindings:n,localState:i,rootState:o,rootSetState:r}){const l=e;return n?Je({block:l,localState:i,rootState:o,rootSetState:r,context:t}):l}const L=e=>e?e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g,"$1-$2").toLowerCase():"";function Ye(e,t,n={}){let i,o,r,l=null,s=0;const u=function(){s=n.leading===!1?0:Date.now(),l=null,r=e.apply(i,o),l||(i=o=null)};return function(){const c=Date.now();!s&&n.leading===!1&&(s=c);const h=t-(c-s);return i=this,o=arguments,h<=0||h>t?(l&&(clearTimeout(l),l=null),s=c,r=e.apply(i,o),l||(i=o=null)):!l&&n.trailing!==!1&&(l=setTimeout(u,h)),r}}function V(e,...t){const n=Object(e);for(let i=1;i<arguments.length;i++){const o=arguments[i];if(o!=null)for(const r in o)Object.prototype.hasOwnProperty.call(o,r)&&(n[r]=o[r])}return n}function Qe(e){for(const t of e)switch(t.trigger){case"pageLoad":he(t);break;case"scrollInView":Ze(t);break}}function fe(e){console.warn(`Cannot animate element: element with ID ${e} not found!`)}function ge(e,t){const n=Xe(e),i=getComputedStyle(t),o=e.steps[0].styles,r=e.steps[e.steps.length-1].styles,l=[o,r];for(const s of l)for(const u of n)u in s||(s[u]=i[u])}function Xe(e){const t=[];for(const n of e.steps)for(const i in n.styles)t.indexOf(i)===-1&&t.push(i);return t}function he(e){const t=Array.prototype.slice.call(document.getElementsByClassName(e.elementId||e.id||""));if(!t.length){fe(e.elementId||e.id||"");return}Array.from(t).forEach(n=>{ge(e,n),n.style.transition="none",n.style.transitionDelay="0",V(n.style,e.steps[0].styles),setTimeout(()=>{n.style.transition=`all ${e.duration}s ${L(e.easing)}`,e.delay&&(n.style.transitionDelay=e.delay+"s"),V(n.style,e.steps[1].styles),setTimeout(()=>{n.style.transition="",n.style.transitionDelay=""},(e.delay||0)*1e3+e.duration*1e3+100)})})}function Ze(e){const t=Array.prototype.slice.call(document.getElementsByClassName(e.elementId||e.id||""));if(!t.length){fe(e.elementId||e.id||"");return}Array.from(t).forEach(n=>{ge(e,n);let i=!1,o=!1;function r(){!i&&s(n)?(i=!0,o=!0,setTimeout(()=>{V(n.style,e.steps[1].styles),e.repeat||document.removeEventListener("scroll",l),setTimeout(()=>{o=!1,e.repeat||(n.style.transition="",n.style.transitionDelay="")},(e.duration+(e.delay||0))*1e3+100)})):e.repeat&&i&&!o&&!s(n)&&(i=!1,V(n.style,e.steps[0].styles))}const l=Ye(r,200,{leading:!1});function s(h){const x=h.getBoundingClientRect(),f=window.innerHeight,b=(e.thresholdPercent||0)/100*f;return x.bottom>b&&x.top<f-b}const u=e.steps[0].styles;function c(){V(n.style,u)}c(),setTimeout(()=>{n.style.transition=`all ${e.duration}s ${L(e.easing)}`,e.delay&&(n.style.transitionDelay=e.delay+"s")}),document.addEventListener("scroll",l,{capture:!0,passive:!0}),r()})}const be=e=>Object.entries(e).map(([n,i])=>{if(typeof i=="string")return`${L(n)}: ${i};`}).filter(p.checkIsDefined),et=e=>be(e).join(`
2
2
  `),$=({mediaQuery:e,className:t,styles:n})=>{const i=`.${t} {
3
3
  ${et(n)}
4
4
  }`;return e?`${e} {
@@ -36,7 +36,7 @@
36
36
  `}function I(m,v){return{...m.link?{href:m.link}:{},[N()]:"builder-column",style:pe(C(v))}}return a.jsxs(a.Fragment,{children:[a.jsxs("div",{className:vt((T=e.builderBlock)==null?void 0:T.id)+" div-3b0f6fe2",style:b(),children:[a.jsx(U,{id:"builderio-columns",styles:R(),nonce:e.builderContext.nonce}),(B=e.columns)==null?void 0:B.map((m,v)=>a.jsx(G,{TagName:s(m),actionAttributes:{},attributes:I(m,v),children:a.jsx(A,{path:`component.options.columns.${v}.blocks`,parent:e.builderBlock.id,styleProp:{flexGrow:"1"},context:e.builderContext,registeredComponents:e.builderComponents,linkComponent:e.builderLinkComponent,blocks:m.blocks})},v))]}),a.jsx("style",{children:`.div-3b0f6fe2 {
37
37
  display: flex;
38
38
  line-height: normal;
39
- }`})]})}function ke(e){return a.jsx("span",{children:e.children})}function ne(e){return e.replace(/http(s)?:/,"")}function St(e="",t,n){const i=new RegExp("([?&])"+t+"=.*?(&|$)","i"),o=e.indexOf("?")!==-1?"&":"?";return e.match(i)?e.replace(i,"$1"+t+"="+encodeURIComponent(n)+"$2"):e+o+t+"="+encodeURIComponent(n)}function kt(e,t){if(!e||!(e!=null&&e.match(/cdn\.shopify\.com/))||!t)return e;if(t==="master")return ne(e);const n=e.match(/(_\d+x(\d+)?)?(\.(jpg|jpeg|gif|png|bmp|bitmap|tiff|tif)(\?v=\d+)?)/i);if(n){const i=e.split(n[0]),o=n[3],r=t.match("x")?t:`${t}x`;return ne(`${i[0]}_${r}${o}`)}return null}function M(e){if(!e)return e;const t=[100,200,400,800,1200,1600,2e3];if(e.match(/builder\.io/)){let n=e;const i=Number(e.split("?width=")[1]);return isNaN(i)||(n=`${n} ${i}w`),t.filter(o=>o!==i).map(o=>`${St(e,"width",o)} ${o}w`).concat([n]).join(", ")}return e.match(/cdn\.shopify\.com/)?t.map(n=>[kt(e,`${n}x${n}`),n]).filter(([n])=>!!n).map(([n,i])=>`${n} ${i}w`).concat([e]).join(", "):e}function Ce(e){var o,r,l,s,u,c;function t(){var f;const x=e.image||e.src;if(!x||!(x.match(/builder\.io/)||x.match(/cdn\.shopify\.com/)))return e.srcset;if(!e.noWebp){if(e.srcset&&((f=e.image)!=null&&f.includes("builder.io/api/v1/image"))){if(!e.srcset.includes(e.image.split("?")[0]))return console.debug("Removed given srcset"),M(x)}else if(e.image&&!e.srcset)return M(x);return M(x)}}function n(){var h;return(h=t==null?void 0:t())!=null&&h.match(/builder\.io/)&&!e.noWebp?t().replace(/\?/g,"?format=webp&"):""}function i(){const h={position:"absolute",height:"100%",width:"100%",left:"0px",top:"0px"};return e.aspectRatio?h:void 0}return g.useEffect(()=>{},[]),a.jsxs(a.Fragment,{children:[a.jsxs(a.Fragment,{children:[a.jsxs("picture",{children:[n()?a.jsx("source",{type:"image/webp",srcSet:n()}):null,a.jsx("img",{loading: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-7a292ab8",src:e.image,srcSet:t(),sizes:e.sizes})]}),e.aspectRatio&&!((r=(o=e.builderBlock)==null?void 0:o.children)!=null&&r.length&&e.fitContent)?a.jsx("div",{className:"builder-image-sizer div-7a292ab8",style:{paddingTop:e.aspectRatio*100+"%"}}):null,(s=(l=e.builderBlock)==null?void 0:l.children)!=null&&s.length&&e.fitContent?a.jsx(a.Fragment,{children:e.children}):null,!e.fitContent&&((c=(u=e.builderBlock)==null?void 0:u.children)!=null&&c.length)?a.jsx("div",{className:"div-7a292ab8-2",children:e.children}):null]}),a.jsx("style",{children:`.img-7a292ab8 {
39
+ }`})]})}function ke(e){return a.jsx("span",{children:e.children})}function ne(e){return e.replace(/http(s)?:/,"")}function St(e="",t,n){const i=new RegExp("([?&])"+t+"=.*?(&|$)","i"),o=e.indexOf("?")!==-1?"&":"?";return e.match(i)?e.replace(i,"$1"+t+"="+encodeURIComponent(n)+"$2"):e+o+t+"="+encodeURIComponent(n)}function kt(e,t){if(!e||!(e!=null&&e.match(/cdn\.shopify\.com/))||!t)return e;if(t==="master")return ne(e);const n=e.match(/(_\d+x(\d+)?)?(\.(jpg|jpeg|gif|png|bmp|bitmap|tiff|tif)(\?v=\d+)?)/i);if(n){const i=e.split(n[0]),o=n[3],r=t.match("x")?t:`${t}x`;return ne(`${i[0]}_${r}${o}`)}return null}function H(e){if(!e)return e;const t=[100,200,400,800,1200,1600,2e3];if(e.match(/builder\.io/)){let n=e;const i=Number(e.split("?width=")[1]);return isNaN(i)||(n=`${n} ${i}w`),t.filter(o=>o!==i).map(o=>`${St(e,"width",o)} ${o}w`).concat([n]).join(", ")}return e.match(/cdn\.shopify\.com/)?t.map(n=>[kt(e,`${n}x${n}`),n]).filter(([n])=>!!n).map(([n,i])=>`${n} ${i}w`).concat([e]).join(", "):e}function Ce(e){var o,r,l,s,u,c;function t(){var f;const x=e.image||e.src;if(!x||!(x.match(/builder\.io/)||x.match(/cdn\.shopify\.com/)))return e.srcset;if(!e.noWebp){if(e.srcset&&((f=e.image)!=null&&f.includes("builder.io/api/v1/image"))){if(!e.srcset.includes(e.image.split("?")[0]))return console.debug("Removed given srcset"),H(x)}else if(e.image&&!e.srcset)return H(x);return H(x)}}function n(){var h;return(h=t==null?void 0:t())!=null&&h.match(/builder\.io/)&&!e.noWebp?t().replace(/\?/g,"?format=webp&"):""}function i(){const h={position:"absolute",height:"100%",width:"100%",left:"0px",top:"0px"};return e.aspectRatio?h:void 0}return g.useEffect(()=>{},[]),a.jsxs(a.Fragment,{children:[a.jsxs(a.Fragment,{children:[a.jsxs("picture",{children:[n()?a.jsx("source",{type:"image/webp",srcSet:n()}):null,a.jsx("img",{loading: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-7a292ab8",src:e.image,srcSet:t(),sizes:e.sizes})]}),e.aspectRatio&&!((r=(o=e.builderBlock)==null?void 0:o.children)!=null&&r.length&&e.fitContent)?a.jsx("div",{className:"builder-image-sizer div-7a292ab8",style:{paddingTop:e.aspectRatio*100+"%"}}):null,(s=(l=e.builderBlock)==null?void 0:l.children)!=null&&s.length&&e.fitContent?a.jsx(a.Fragment,{children:e.children}):null,!e.fitContent&&((c=(u=e.builderBlock)==null?void 0:u.children)!=null&&c.length)?a.jsx("div",{className:"div-7a292ab8-2",children:e.children}):null]}),a.jsx("style",{children:`.img-7a292ab8 {
40
40
  opacity: 1;
41
41
  transition: opacity 0.2s ease-in-out;
42
42
  }.div-7a292ab8 {
@@ -52,7 +52,7 @@
52
52
  left: 0;
53
53
  width: 100%;
54
54
  height: 100%;
55
- }`})]})}function Te(e){return a.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 _={"@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!"}}}]},H={"@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!"}}}]},Ct={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:[_]},{name:"detail",type:"uiBlocks",hideFromUI:!0,defaultValue:[H]}],defaultValue:[{title:[_],detail:[H]},{title:[_],detail:[H]}],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}},ie=e=>e.toString();function Tt(e){var x;const[t,n]=g.useState(()=>[]);function i(){return!!(e.grid||e.oneAtATime)}function o(){return{display:"flex",alignItems:"stretch",flexDirection:"column",...e.grid&&{flexDirection:"row",alignItems:"flex-start",flexWrap:"wrap"}}}function r(){const k={...{display:"flex",flexDirection:"column"},alignItems:"stretch",cursor:"pointer"};return Object.fromEntries(Object.entries(k).filter(([b,C])=>C!==void 0))}function l(f){return`builder-accordion-title builder-accordion-title-${t.includes(f)?"open":"closed"}`}function s(f){return`builder-accordion-detail builder-accordion-detail-${t.includes(f)?"open":"closed"}`}function u(){let f=null;if(e.grid&&t.length&&document){const b=t[0];let S=document.querySelector(`.builder-accordion-title[data-index="${b}"]`);if(f=b,S){let R=S.getBoundingClientRect();for(;S=S&&S.nextElementSibling;)if(S){if(S.classList.contains("builder-accordion-detail"))continue;const I=S.getBoundingClientRect();if(I.left>R.left){const T=parseInt(S.getAttribute("data-index")||"",10);isNaN(T)||(R=I,f=T)}else break}}}return typeof f=="number"&&(f=f+1),f}function c(){const f={order:typeof u()=="number"?u():void 0,...e.grid&&{width:"100%"}};return Object.fromEntries(Object.entries(f).filter(([k,b])=>b!==void 0))}function h(f){t.includes(f)?n(i()?[]:t.filter(k=>k!==f)):n(i()?[f]:t.concat(f))}return a.jsx("div",{className:"builder-accordion",style:o(),children:(x=e.items)==null?void 0:x.map((f,k)=>a.jsxs(a.Fragment,{children:[a.jsx("div",{className:l(k),style:{...r(),width:e.grid?e.gridRowWidth:void 0,order:u()!==null?ie(k):ie(k+1)},"data-index":k,onClick:b=>h(k),children:a.jsx(A,{blocks:f.title,path:`items.${k}.title`,parent:e.builderBlock.id,context:e.builderContext,registeredComponents:e.builderComponents,linkComponent:e.builderLinkComponent})}),t.includes(k)?a.jsx("div",{className:s(k),style:c(),children:a.jsx(A,{blocks:f.detail,path:`items.${k}.detail`,parent:e.builderBlock.id,context:e.builderContext,registeredComponents:e.builderComponents,linkComponent:e.builderLinkComponent})}):null]}))})}const It={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}},wt={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(o=>o.get("width"))&&(n.find(r=>!r.get("width"))||n.reduce((s,u)=>s+u.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}},Et={name:"Fragment",static:!0,hidden:!0,canHaveChildren:!0,noWrap:!0},Rt={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:["jpeg","jpg","png","svg","webp"],required:!0,defaultValue:"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F72c80f114dc149019051b6852a9e3b7a",onChange:e=>{e.delete("srcset"),e.delete("noWebp");function n(l,s=6e4){return new Promise((u,c)=>{const h=document.createElement("img");let x=!1;h.onload=()=>{x=!0,u(h)},h.addEventListener("error",f=>{console.warn("Image load failed",f.error),c(f.error)}),h.src=l,setTimeout(()=>{x||c(new Error("Image load timed out"))},s)})}function i(l){return Math.round(l*1e3)/1e3}const o=e.get("image"),r=e.get("aspectRatio");if(fetch(o).then(l=>l.blob()).then(l=>{l.type.includes("svg")&&e.set("noWebp",!0)}),o&&(!r||r===.7041))return n(o).then(l=>{const s=e.get("aspectRatio");e.get("image")===o&&(!s||s===.7041)&&l.width&&l.height&&(e.set("aspectRatio",i(l.height/l.width)),e.set("height",l.height),e.set("width",l.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}},jt={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>"}}}]},Pt={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 Bt(e){var t,n,i;return a.jsx("div",{style:{pointerEvents:"auto"},...!((t=e.builderContext.context)!=null&&t.symbolId)&&{"builder-slot":e.name},children:a.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 At={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}},q={"@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"}}},K={"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{height:"200px",display:"flex",marginTop:"20px",flexDirection:"column"}},component:{name:"Text",options:{text:"New tab content "}}},Ft={name:"Builder: Tabs",inputs:[{name:"tabs",type:"list",broadcast:!0,subFields:[{name:"label",type:"uiBlocks",hideFromUI:!0,defaultValue:[q]},{name:"content",type:"uiBlocks",hideFromUI:!0,defaultValue:[K]}],defaultValue:[{label:[{...q,component:{name:"Text",options:{text:"Tab 1"}}}],content:[{...K,component:{name:"Text",options:{text:"Tab 1 content"}}}]},{label:[{...q,component:{name:"Text",options:{text:"Tab 2"}}}],content:[{...K,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 Vt(e){var r;const[t,n]=g.useState(()=>e.defaultActiveTab?e.defaultActiveTab-1:0);function i(l){return e.tabs&&e.tabs[l].content}function o(l){l===t&&e.collapsible?n(-1):n(l)}return a.jsxs("div",{children:[a.jsx("div",{className:"builder-tabs-wrap",style:{display:"flex",flexDirection:"row",justifyContent:e.tabHeaderLayout||"flex-start",overflow:"auto"},children:(r=e.tabs)==null?void 0:r.map((l,s)=>a.jsx("span",{className:`builder-tab-wrap ${t===s?"builder-tab-active":""}`,style:{...t===s?e.activeTabStyle:{}},onClick:u=>o(s),children:a.jsx(A,{parent:e.builderBlock.id,path:`component.options.tabs.${s}.label`,blocks:l.label,context:e.builderContext,registeredComponents:e.builderComponents,linkComponent:e.builderLinkComponent})},s))}),i(t)?a.jsx("div",{children:a.jsx(A,{parent:e.builderBlock.id,path:`component.options.tabs.${t}.content`,blocks:i(t),context:e.builderContext,registeredComponents:e.builderComponents,linkComponent:e.builderLinkComponent})}):null]})}const Nt={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 Ie(e){function t(){var s;const n=e.builderContext,{context:i,localState:o,rootState:r,rootSetState:l}=n;return String(((s=e.text)==null?void 0:s.toString())||"").replace(/{{([^}]+)}}/g,(u,c)=>F({code:c,context:i,localState:o,rootState:r,rootSetState:l}))}return a.jsx("div",{className:"builder-text",dangerouslySetInnerHTML:{__html:t()},style:{outline:"none"}})}const Wt={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 $t(e){const t=g.useRef(null),[n,i]=g.useState(()=>[]),[o,r]=g.useState(()=>[]);return g.useEffect(()=>{var s;if(!((s=t.current)!=null&&s.getElementsByTagName)||typeof window=="undefined")return;const l=t.current.getElementsByTagName("script");for(let u=0;u<l.length;u++){const c=l[u];if(c.src){if(n.includes(c.src))continue;n.push(c.src);const h=document.createElement("script");h.async=!0,h.src=c.src,document.head.appendChild(h)}else if(!c.type||["text/javascript","application/javascript","application/ecmascript"].includes(c.type)){if(o.includes(c.innerText))continue;try{o.push(c.innerText),new Function(c.innerText)()}catch(h){console.warn("`CustomCode`: Error running script:",h)}}}},[]),a.jsx("div",{ref:t,className:"builder-custom-code"+(e.replaceNodes?" replace-nodes":""),dangerouslySetInnerHTML:{__html:e.code}})}const Dt={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}]},Ot=["text/javascript","application/javascript","application/ecmascript"],Lt=e=>Ot.includes(e.type);function Ut(e){const t=g.useRef(null),[n,i]=g.useState(()=>[]),[o,r]=g.useState(()=>[]),[l,s]=g.useState(()=>!1);function u(){if(!t.current||!t.current.getElementsByTagName)return;const c=t.current.getElementsByTagName("script");for(let h=0;h<c.length;h++){const x=c[h];if(x.src&&!n.includes(x.src)){n.push(x.src);const f=document.createElement("script");f.async=!0,f.src=x.src,document.head.appendChild(f)}else if(Lt(x)&&!o.includes(x.innerText))try{o.push(x.innerText),new Function(x.innerText)()}catch(f){console.warn("`Embed`: Error running script:",f)}}}return g.useEffect(()=>{t.current&&!l&&(s(!0),u())},[t.current,l]),a.jsx("div",{className:"builder-embed",ref:t,dangerouslySetInnerHTML:{__html:e.content}})}const Mt={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}},_t=["production","qa","test","development","dev","cdn-qa","cloud","fast","cdn2","cdn-prod"],Ht=()=>{const e=process.env.NODE_ENV||"production";return _t.includes(e)?e:"production"};function qt(e){var x,f;const t=g.useRef(null),[n,i]=g.useState(()=>"unsubmitted"),[o,r]=g.useState(()=>null),[l,s]=g.useState(()=>"");function u(k){var C,S;const b={...e.builderContext.rootState,...k};e.builderContext.rootSetState?(S=(C=e.builderContext).rootSetState)==null||S.call(C,b):e.builderContext.rootState=b}function c(){return p.isEditing()&&e.previewState||n}function h(k){var C;const b=e.sendWithJs||e.sendSubmissionsTo==="email";if(e.sendSubmissionsTo==="zapier")k.preventDefault();else if(b){if(!(e.action||e.sendSubmissionsTo==="email")){k.preventDefault();return}k.preventDefault();const S=k.currentTarget||k.target,R=e.customHeaders||{};let I;const T=new FormData(S),B=Array.from(S.querySelectorAll("input,select,textarea")).filter(d=>!!d.name).map(d=>{let y;const E=d.name;if(d instanceof HTMLInputElement)if(d.type==="radio"){if(d.checked)return y=d.name,{key:E,value:y}}else if(d.type==="checkbox")y=d.checked;else if(d.type==="number"||d.type==="range"){const j=d.valueAsNumber;isNaN(j)||(y=j)}else d.type==="file"?y=d.files:y=d.value;else y=d.value;return{key:E,value:y}});let m=e.contentType;if(e.sendSubmissionsTo==="email"&&(m="multipart/form-data"),Array.from(B).forEach(({value:d})=>{(d instanceof File||Array.isArray(d)&&d[0]instanceof File||d instanceof FileList)&&(m="multipart/form-data")}),m!=="application/json")I=T;else{const d={};Array.from(B).forEach(({value:y,key:E})=>{me(d,E,y)}),I=JSON.stringify(d)}m&&m!=="multipart/form-data"&&(b&&((C=e.action)!=null&&C.includes("zapier.com"))||(R["content-type"]=m));const v=new CustomEvent("presubmit",{detail:{body:I}});if(t.current&&(t.current.dispatchEvent(v),v.defaultPrevented))return;i("sending");const w=`${Ht()==="dev"?"http://localhost:5000":"https://builder.io"}/api/v1/form-submit?apiKey=${e.builderContext.apiKey}&to=${btoa(e.sendSubmissionsToEmail||"")}&name=${encodeURIComponent(e.name||"")}`;fetch(e.sendSubmissionsTo==="email"?w:e.action,{body:I,headers:R,method:e.method||"post"}).then(async d=>{let y;const E=d.headers.get("content-type");if(E&&E.indexOf("application/json")!==-1?y=await d.json():y=await d.text(),!d.ok&&e.errorMessagePath){let j=ue(y,e.errorMessagePath);j&&(typeof j!="string"&&(j=JSON.stringify(j)),s(j),u({formErrorMessage:j}))}if(r(y),i(d.ok?"success":"error"),d.ok){const j=new CustomEvent("submit:success",{detail:{res:d,body:y}});if(t.current){if(t.current.dispatchEvent(j),j.defaultPrevented)return;e.resetFormOnSubmit!==!1&&t.current.reset()}if(e.successUrl)if(t.current){const P=new CustomEvent("route",{detail:{url:e.successUrl}});t.current.dispatchEvent(P),P.defaultPrevented||(location.href=e.successUrl)}else location.href=e.successUrl}},d=>{const y=new CustomEvent("submit:error",{detail:{error:d}});t.current&&(t.current.dispatchEvent(y),y.defaultPrevented)||(r(d),i("error"))})}}return a.jsxs(a.Fragment,{children:[" ",a.jsxs("form",{validate:e.validate,ref:t,action:!e.sendWithJs&&e.action,method:e.method,name:e.name,onSubmit:k=>h(k),...e.attributes,children:[e.builderBlock&&e.builderBlock.children?a.jsx(a.Fragment,{children:(f=(x=e.builderBlock)==null?void 0:x.children)==null?void 0:f.map((k,b)=>a.jsx(W,{block:k,context:e.builderContext,registeredComponents:e.builderComponents,linkComponent:e.builderLinkComponent},`form-block-${b}`))}):null,c()==="error"?a.jsx(A,{path:"errorMessage",blocks:e.errorMessage,context:e.builderContext}):null,c()==="sending"?a.jsx(A,{path:"sendingMessage",blocks:e.sendingMessage,context:e.builderContext}):null,c()==="error"&&o?a.jsx("pre",{className:"builder-form-error-text pre-3a20f614",children:JSON.stringify(o,null,2)}):null,c()==="success"?a.jsx(A,{path:"successMessage",blocks:e.successMessage,context:e.builderContext}):null]})," ",a.jsx("style",{children:".pre-3a20f614 { padding: 10px; color: red; text-align: center; }"})," "]})}const Kt={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 zt(e){return g.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 Jt={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 Gt(e){var t;return g.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)=>a.jsx("option",{value:n.value,children:n.name||n.value},`${n.name}-${i}`)))}const Yt={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 Qt(e){return a.jsx("button",{type:"submit",...e.attributes,children:e.text})}const Xt={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 Zt(e){return a.jsx("textarea",{...e.attributes,placeholder:e.placeholder,name:e.name,value:e.value,defaultValue:e.defaultValue,required:e.required})}const en={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:["jpeg","jpg","png","svg","gif","webp"],required:!0}],noWrap:!0,static:!0};function tn(e){return a.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 nn={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:["mp4"],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:["jpeg","png"],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 we(e){var i,o,r,l,s,u,c;function t(){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 n(){return{...t()}}return a.jsxs("div",{style:{position:"relative"},children:[a.jsx("video",{className:"builder-video",...n(),preload:e.preload||"metadata",style:{width:"100%",height:"100%",...(i=e.attributes)==null?void 0:i.style,objectFit:e.fit,objectPosition:e.position,zIndex:2,borderRadius:"1px",...e.aspectRatio?{position:"absolute"}:null},src:e.video||"no-src",poster:e.posterImage,children:e.lazyLoad?null:a.jsx("source",{type:"video/mp4",src:e.video})}),e.aspectRatio&&!(e.fitContent&&((r=(o=e.builderBlock)==null?void 0:o.children)!=null&&r.length))?a.jsx("div",{style:{width:"100%",paddingTop:e.aspectRatio*100+"%",pointerEvents:"none",fontSize:"0px"}}):null,(s=(l=e.builderBlock)==null?void 0:l.children)!=null&&s.length&&e.fitContent?a.jsx("div",{style:{display:"flex",flexDirection:"column",alignItems:"stretch"},children:e.children}):null,(c=(u=e.builderBlock)==null?void 0:u.children)!=null&&c.length&&!e.fitContent?a.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 on=()=>[{component:$t,...Wt},{component:Ut,...Dt},{component:qt,...Mt},{component:zt,...Kt},{component:Qt,...Yt},{component:Gt,...Jt},{component:Zt,...Xt},{component:tn,...en},{component:we,...nn}],oe=()=>[{component:se,...It},{component:Se,...wt},{component:ke,...Et},{component:Ce,...Rt},{component:Te,...jt},{component:Bt,...Pt},{component:Be,...At},{component:Ie,...Nt},{component:Vt,...Ft},{component:Tt,...Ct},...on()],an=`function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
55
+ }`})]})}function Te(e){return a.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 M={"@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!"}}}]},_={"@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!"}}}]},Ct={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:[M]},{name:"detail",type:"uiBlocks",hideFromUI:!0,defaultValue:[_]}],defaultValue:[{title:[M],detail:[_]},{title:[M],detail:[_]}],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}},ie=e=>e.toString();function Tt(e){var x;const[t,n]=g.useState(()=>[]);function i(){return!!(e.grid||e.oneAtATime)}function o(){return{display:"flex",alignItems:"stretch",flexDirection:"column",...e.grid&&{flexDirection:"row",alignItems:"flex-start",flexWrap:"wrap"}}}function r(){const k={...{display:"flex",flexDirection:"column"},alignItems:"stretch",cursor:"pointer"};return Object.fromEntries(Object.entries(k).filter(([b,C])=>C!==void 0))}function l(f){return`builder-accordion-title builder-accordion-title-${t.includes(f)?"open":"closed"}`}function s(f){return`builder-accordion-detail builder-accordion-detail-${t.includes(f)?"open":"closed"}`}function u(){let f=null;if(e.grid&&t.length&&document){const b=t[0];let S=document.querySelector(`.builder-accordion-title[data-index="${b}"]`);if(f=b,S){let R=S.getBoundingClientRect();for(;S=S&&S.nextElementSibling;)if(S){if(S.classList.contains("builder-accordion-detail"))continue;const I=S.getBoundingClientRect();if(I.left>R.left){const T=parseInt(S.getAttribute("data-index")||"",10);isNaN(T)||(R=I,f=T)}else break}}}return typeof f=="number"&&(f=f+1),f}function c(){const f={order:typeof u()=="number"?u():void 0,...e.grid&&{width:"100%"}};return Object.fromEntries(Object.entries(f).filter(([k,b])=>b!==void 0))}function h(f){t.includes(f)?n(i()?[]:t.filter(k=>k!==f)):n(i()?[f]:t.concat(f))}return a.jsx("div",{className:"builder-accordion",style:o(),children:(x=e.items)==null?void 0:x.map((f,k)=>a.jsxs(a.Fragment,{children:[a.jsx("div",{className:l(k),style:{...r(),width:e.grid?e.gridRowWidth:void 0,order:u()!==null?ie(k):ie(k+1)},"data-index":k,onClick:b=>h(k),children:a.jsx(A,{blocks:f.title,path:`items.${k}.title`,parent:e.builderBlock.id,context:e.builderContext,registeredComponents:e.builderComponents,linkComponent:e.builderLinkComponent})}),t.includes(k)?a.jsx("div",{className:s(k),style:c(),children:a.jsx(A,{blocks:f.detail,path:`items.${k}.detail`,parent:e.builderBlock.id,context:e.builderContext,registeredComponents:e.builderComponents,linkComponent:e.builderLinkComponent})}):null]}))})}const It={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}},wt={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(o=>o.get("width"))&&(n.find(r=>!r.get("width"))||n.reduce((s,u)=>s+u.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}},Et={name:"Fragment",static:!0,hidden:!0,canHaveChildren:!0,noWrap:!0},Rt={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:["jpeg","jpg","png","svg","webp"],required:!0,defaultValue:"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F72c80f114dc149019051b6852a9e3b7a",onChange:e=>{e.delete("srcset"),e.delete("noWebp");function n(l,s=6e4){return new Promise((u,c)=>{const h=document.createElement("img");let x=!1;h.onload=()=>{x=!0,u(h)},h.addEventListener("error",f=>{console.warn("Image load failed",f.error),c(f.error)}),h.src=l,setTimeout(()=>{x||c(new Error("Image load timed out"))},s)})}function i(l){return Math.round(l*1e3)/1e3}const o=e.get("image"),r=e.get("aspectRatio");if(fetch(o).then(l=>l.blob()).then(l=>{l.type.includes("svg")&&e.set("noWebp",!0)}),o&&(!r||r===.7041))return n(o).then(l=>{const s=e.get("aspectRatio");e.get("image")===o&&(!s||s===.7041)&&l.width&&l.height&&(e.set("aspectRatio",i(l.height/l.width)),e.set("height",l.height),e.set("width",l.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}},jt={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>"}}}]},Pt={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 Bt(e){var t,n,i;return a.jsx("div",{style:{pointerEvents:"auto"},...!((t=e.builderContext.context)!=null&&t.symbolId)&&{"builder-slot":e.name},children:a.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 At={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}},q={"@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"}}},K={"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{height:"200px",display:"flex",marginTop:"20px",flexDirection:"column"}},component:{name:"Text",options:{text:"New tab content "}}},Ft={name:"Builder: Tabs",inputs:[{name:"tabs",type:"list",broadcast:!0,subFields:[{name:"label",type:"uiBlocks",hideFromUI:!0,defaultValue:[q]},{name:"content",type:"uiBlocks",hideFromUI:!0,defaultValue:[K]}],defaultValue:[{label:[{...q,component:{name:"Text",options:{text:"Tab 1"}}}],content:[{...K,component:{name:"Text",options:{text:"Tab 1 content"}}}]},{label:[{...q,component:{name:"Text",options:{text:"Tab 2"}}}],content:[{...K,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 Vt(e){var r;const[t,n]=g.useState(()=>e.defaultActiveTab?e.defaultActiveTab-1:0);function i(l){return e.tabs&&e.tabs[l].content}function o(l){l===t&&e.collapsible?n(-1):n(l)}return a.jsxs("div",{children:[a.jsx("div",{className:"builder-tabs-wrap",style:{display:"flex",flexDirection:"row",justifyContent:e.tabHeaderLayout||"flex-start",overflow:"auto"},children:(r=e.tabs)==null?void 0:r.map((l,s)=>a.jsx("span",{className:`builder-tab-wrap ${t===s?"builder-tab-active":""}`,style:{...t===s?e.activeTabStyle:{}},onClick:u=>o(s),children:a.jsx(A,{parent:e.builderBlock.id,path:`component.options.tabs.${s}.label`,blocks:l.label,context:e.builderContext,registeredComponents:e.builderComponents,linkComponent:e.builderLinkComponent})},s))}),i(t)?a.jsx("div",{children:a.jsx(A,{parent:e.builderBlock.id,path:`component.options.tabs.${t}.content`,blocks:i(t),context:e.builderContext,registeredComponents:e.builderComponents,linkComponent:e.builderLinkComponent})}):null]})}const Nt={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 Ie(e){function t(){var s;const n=e.builderContext,{context:i,localState:o,rootState:r,rootSetState:l}=n;return String(((s=e.text)==null?void 0:s.toString())||"").replace(/{{([^}]+)}}/g,(u,c)=>F({code:c,context:i,localState:o,rootState:r,rootSetState:l}))}return a.jsx("div",{className:"builder-text",dangerouslySetInnerHTML:{__html:t()},style:{outline:"none"}})}const Wt={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 $t(e){const t=g.useRef(null),[n,i]=g.useState(()=>[]),[o,r]=g.useState(()=>[]);return g.useEffect(()=>{var s;if(!((s=t.current)!=null&&s.getElementsByTagName)||typeof window=="undefined")return;const l=t.current.getElementsByTagName("script");for(let u=0;u<l.length;u++){const c=l[u];if(c.src){if(n.includes(c.src))continue;n.push(c.src);const h=document.createElement("script");h.async=!0,h.src=c.src,document.head.appendChild(h)}else if(!c.type||["text/javascript","application/javascript","application/ecmascript"].includes(c.type)){if(o.includes(c.innerText))continue;try{o.push(c.innerText),new Function(c.innerText)()}catch(h){console.warn("`CustomCode`: Error running script:",h)}}}},[]),a.jsx("div",{ref:t,className:"builder-custom-code"+(e.replaceNodes?" replace-nodes":""),dangerouslySetInnerHTML:{__html:e.code}})}const Dt={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}]},Ot=["text/javascript","application/javascript","application/ecmascript"],Lt=e=>Ot.includes(e.type);function Ut(e){const t=g.useRef(null),[n,i]=g.useState(()=>[]),[o,r]=g.useState(()=>[]),[l,s]=g.useState(()=>!1);function u(){if(!t.current||!t.current.getElementsByTagName)return;const c=t.current.getElementsByTagName("script");for(let h=0;h<c.length;h++){const x=c[h];if(x.src&&!n.includes(x.src)){n.push(x.src);const f=document.createElement("script");f.async=!0,f.src=x.src,document.head.appendChild(f)}else if(Lt(x)&&!o.includes(x.innerText))try{o.push(x.innerText),new Function(x.innerText)()}catch(f){console.warn("`Embed`: Error running script:",f)}}}return g.useEffect(()=>{t.current&&!l&&(s(!0),u())},[t.current,l]),a.jsx("div",{className:"builder-embed",ref:t,dangerouslySetInnerHTML:{__html:e.content}})}const Ht={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}},Mt=["production","qa","test","development","dev","cdn-qa","cloud","fast","cdn2","cdn-prod"],_t=()=>{const e=process.env.NODE_ENV||"production";return Mt.includes(e)?e:"production"};function qt(e){var x,f;const t=g.useRef(null),[n,i]=g.useState(()=>"unsubmitted"),[o,r]=g.useState(()=>null),[l,s]=g.useState(()=>"");function u(k){var C,S;const b={...e.builderContext.rootState,...k};e.builderContext.rootSetState?(S=(C=e.builderContext).rootSetState)==null||S.call(C,b):e.builderContext.rootState=b}function c(){return p.isEditing()&&e.previewState||n}function h(k){var C;const b=e.sendWithJs||e.sendSubmissionsTo==="email";if(e.sendSubmissionsTo==="zapier")k.preventDefault();else if(b){if(!(e.action||e.sendSubmissionsTo==="email")){k.preventDefault();return}k.preventDefault();const S=k.currentTarget||k.target,R=e.customHeaders||{};let I;const T=new FormData(S),B=Array.from(S.querySelectorAll("input,select,textarea")).filter(d=>!!d.name).map(d=>{let y;const E=d.name;if(d instanceof HTMLInputElement)if(d.type==="radio"){if(d.checked)return y=d.name,{key:E,value:y}}else if(d.type==="checkbox")y=d.checked;else if(d.type==="number"||d.type==="range"){const j=d.valueAsNumber;isNaN(j)||(y=j)}else d.type==="file"?y=d.files:y=d.value;else y=d.value;return{key:E,value:y}});let m=e.contentType;if(e.sendSubmissionsTo==="email"&&(m="multipart/form-data"),Array.from(B).forEach(({value:d})=>{(d instanceof File||Array.isArray(d)&&d[0]instanceof File||d instanceof FileList)&&(m="multipart/form-data")}),m!=="application/json")I=T;else{const d={};Array.from(B).forEach(({value:y,key:E})=>{me(d,E,y)}),I=JSON.stringify(d)}m&&m!=="multipart/form-data"&&(b&&((C=e.action)!=null&&C.includes("zapier.com"))||(R["content-type"]=m));const v=new CustomEvent("presubmit",{detail:{body:I}});if(t.current&&(t.current.dispatchEvent(v),v.defaultPrevented))return;i("sending");const w=`${_t()==="dev"?"http://localhost:5000":"https://builder.io"}/api/v1/form-submit?apiKey=${e.builderContext.apiKey}&to=${btoa(e.sendSubmissionsToEmail||"")}&name=${encodeURIComponent(e.name||"")}`;fetch(e.sendSubmissionsTo==="email"?w:e.action,{body:I,headers:R,method:e.method||"post"}).then(async d=>{let y;const E=d.headers.get("content-type");if(E&&E.indexOf("application/json")!==-1?y=await d.json():y=await d.text(),!d.ok&&e.errorMessagePath){let j=ue(y,e.errorMessagePath);j&&(typeof j!="string"&&(j=JSON.stringify(j)),s(j),u({formErrorMessage:j}))}if(r(y),i(d.ok?"success":"error"),d.ok){const j=new CustomEvent("submit:success",{detail:{res:d,body:y}});if(t.current){if(t.current.dispatchEvent(j),j.defaultPrevented)return;e.resetFormOnSubmit!==!1&&t.current.reset()}if(e.successUrl)if(t.current){const P=new CustomEvent("route",{detail:{url:e.successUrl}});t.current.dispatchEvent(P),P.defaultPrevented||(location.href=e.successUrl)}else location.href=e.successUrl}},d=>{const y=new CustomEvent("submit:error",{detail:{error:d}});t.current&&(t.current.dispatchEvent(y),y.defaultPrevented)||(r(d),i("error"))})}}return a.jsxs(a.Fragment,{children:[" ",a.jsxs("form",{validate:e.validate,ref:t,action:!e.sendWithJs&&e.action,method:e.method,name:e.name,onSubmit:k=>h(k),...e.attributes,children:[e.builderBlock&&e.builderBlock.children?a.jsx(a.Fragment,{children:(f=(x=e.builderBlock)==null?void 0:x.children)==null?void 0:f.map((k,b)=>a.jsx(W,{block:k,context:e.builderContext,registeredComponents:e.builderComponents,linkComponent:e.builderLinkComponent},`form-block-${b}`))}):null,c()==="error"?a.jsx(A,{path:"errorMessage",blocks:e.errorMessage,context:e.builderContext}):null,c()==="sending"?a.jsx(A,{path:"sendingMessage",blocks:e.sendingMessage,context:e.builderContext}):null,c()==="error"&&o?a.jsx("pre",{className:"builder-form-error-text pre-3a20f614",children:JSON.stringify(o,null,2)}):null,c()==="success"?a.jsx(A,{path:"successMessage",blocks:e.successMessage,context:e.builderContext}):null]})," ",a.jsx("style",{children:".pre-3a20f614 { padding: 10px; color: red; text-align: center; }"})," "]})}const Kt={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 zt(e){return g.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 Jt={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 Gt(e){var t;return g.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)=>a.jsx("option",{value:n.value,children:n.name||n.value},`${n.name}-${i}`)))}const Yt={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 Qt(e){return a.jsx("button",{type:"submit",...e.attributes,children:e.text})}const Xt={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 Zt(e){return a.jsx("textarea",{...e.attributes,placeholder:e.placeholder,name:e.name,value:e.value,defaultValue:e.defaultValue,required:e.required})}const en={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:["jpeg","jpg","png","svg","gif","webp"],required:!0}],noWrap:!0,static:!0};function tn(e){return a.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 nn={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:["mp4"],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:["jpeg","png"],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 we(e){var i,o,r,l,s,u,c;function t(){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 n(){return{...t()}}return a.jsxs("div",{style:{position:"relative"},children:[a.jsx("video",{className:"builder-video",...n(),preload:e.preload||"metadata",style:{width:"100%",height:"100%",...(i=e.attributes)==null?void 0:i.style,objectFit:e.fit,objectPosition:e.position,zIndex:2,borderRadius:"1px",...e.aspectRatio?{position:"absolute"}:null},src:e.video||"no-src",poster:e.posterImage,children:e.lazyLoad?null:a.jsx("source",{type:"video/mp4",src:e.video})}),e.aspectRatio&&!(e.fitContent&&((r=(o=e.builderBlock)==null?void 0:o.children)!=null&&r.length))?a.jsx("div",{style:{width:"100%",paddingTop:e.aspectRatio*100+"%",pointerEvents:"none",fontSize:"0px"}}):null,(s=(l=e.builderBlock)==null?void 0:l.children)!=null&&s.length&&e.fitContent?a.jsx("div",{style:{display:"flex",flexDirection:"column",alignItems:"stretch"},children:e.children}):null,(c=(u=e.builderBlock)==null?void 0:u.children)!=null&&c.length&&!e.fitContent?a.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 on=()=>[{component:$t,...Wt},{component:Ut,...Dt},{component:qt,...Ht},{component:zt,...Kt},{component:Qt,...Yt},{component:Gt,...Jt},{component:Zt,...Xt},{component:tn,...en},{component:we,...nn}],oe=()=>[{component:se,...It},{component:Se,...wt},{component:ke,...Et},{component:Ce,...Rt},{component:Te,...jt},{component:Bt,...Pt},{component:Be,...At},{component:Ie,...Nt},{component:Vt,...Ft},{component:Tt,...Ct},...on()],an=`function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
56
56
  function getAndSetVariantId() {
57
57
  function setCookie(name, value, days) {
58
58
  let expires = '';
@@ -181,8 +181,8 @@ font-weight: ${s};
181
181
  text-align: inherit;
182
182
  font-family: inherit;
183
183
  }
184
- `,yn=e=>e?"":xn,vn=e=>`variant-${e}`;function Sn(e){var I,T,B;const t=g.useRef(null);function n(m){var w,d;const v={...e.builderContextSignal.rootState,...m};e.builderContextSignal.rootSetState?(d=(w=e.builderContextSignal).rootSetState)==null||d.call(w,v):e.setBuilderContextSignal(y=>({...y,rootState:v}))}function i(m){var w,d,y,E,j;const v={...e.builderContextSignal.content,...m,data:{...(w=e.builderContextSignal.content)==null?void 0:w.data,...m==null?void 0:m.data},meta:{...(d=e.builderContextSignal.content)==null?void 0:d.meta,...m==null?void 0:m.meta,breakpoints:((y=m==null?void 0:m.meta)==null?void 0:y.breakpoints)||((j=(E=e.builderContextSignal.content)==null?void 0:E.meta)==null?void 0:j.breakpoints)}};e.setBuilderContextSignal(P=>({...P,content:v}))}function o(){return e.showContent?{}:{hidden:!0,"aria-hidden":!0}}const[r,l]=g.useState(()=>e.contentWrapper||"div");function s(m){return p.createEditorListener({model:e.model,trustedHosts:e.trustedHosts,callbacks:{configureSdk:v=>{var y;const{breakpoints:w,contentId:d}=v;!d||d!==((y=e.builderContextSignal.content)==null?void 0:y.id)||w&&i({meta:{breakpoints:w}})},animation:v=>{he(v)},contentUpdate:v=>{i(v)}}})(m)}const[u,c]=g.useState(()=>({})),[h,x]=g.useState(()=>({})),[f,k]=g.useState(()=>!1);function b(m){var v,w;if(e.builderContextSignal.content){const d=(v=e.builderContextSignal.content)==null?void 0:v.testVariationId,y=(w=e.builderContextSignal.content)==null?void 0:w.id;p._track({type:"click",canTrack:p.getDefaultCanTrack(e.canTrack),contentId:y,apiKey:e.apiKey,variationId:d!==y?d:void 0,...gn(m),unique:!f})}f||k(!0)}function C(){var v,w,d;const m=(d=(w=(v=e.builderContextSignal.content)==null?void 0:v.data)==null?void 0:w.httpRequests)!=null?d:{};Object.entries(m).forEach(([y,E])=>{if(!E||h[y]||u[y]&&!p.isEditing())return;h[y]=!0;const j=E.replace(/{{([^}]+)}}/g,(P,Ae)=>String(F({code:Ae,context:e.context||{},localState:void 0,rootState:e.builderContextSignal.rootState,rootSetState:e.builderContextSignal.rootSetState})));fetch(j).then(P=>P.json()).then(P=>{n({[y]:P}),u[y]=!0}).catch(P=>{console.error("error fetching dynamic data",E,P)}).finally(()=>{h[y]=!1})})}function S(){p.isEditing()&&window.dispatchEvent(new CustomEvent("builder:component:stateChange",{detail:{state:Y(e.builderContextSignal.rootState),ref:{name:e.model}}}))}const R=g.useRef(!1);return R.current||(C(),S(),R.current=!0),g.useEffect(()=>{var m,v;if(p.isBrowser()){if(p.isEditing()&&(window.addEventListener("message",s),p.registerInsertMenu(),p.setupBrowserForEditing({...e.locale?{locale:e.locale}:{},...e.enrich?{enrich:e.enrich}:{},...e.trustedHosts?{trustedHosts:e.trustedHosts}:{}}),Object.values(e.builderContextSignal.componentInfos).forEach(d=>{var E;const y=p.createRegisterComponentMessage(d);(E=window.parent)==null||E.postMessage(y,"*")}),window.addEventListener("builder:component:stateChangeListenerActivated",S)),e.builderContextSignal.content&&p.getDefaultCanTrack(e.canTrack)){const d=(m=e.builderContextSignal.content)==null?void 0:m.testVariationId,y=(v=e.builderContextSignal.content)==null?void 0:v.id,E=e.apiKey;p._track({type:"impression",canTrack:!0,contentId:y,apiKey:E,variationId:d!==y?d:void 0})}if(p.isPreviewing()&&!p.isEditing()){const d=new URL(location.href).searchParams,y=d.get("builder.preview"),E=d.get(`builder.overrides.${y}`),j=d.get("apiKey")||d.get("builder.space");y===e.model&&j===e.apiKey&&(!e.content||E===e.content.id)&&p.fetchOneEntry({model:e.model,apiKey:e.apiKey,apiVersion:e.builderContextSignal.apiVersion}).then(P=>{P&&i(P)})}}},[]),g.useEffect(()=>{e.content&&i(e.content)},[e.content]),g.useEffect(()=>{S()},[e.builderContextSignal.rootState]),g.useEffect(()=>{e.data&&n(e.data)},[e.data]),g.useEffect(()=>{e.locale&&n({locale:e.locale})},[e.locale]),g.useEffect(()=>()=>{p.isBrowser()&&(window.removeEventListener("message",s),window.removeEventListener("builder:component:stateChangeListenerActivated",S))},[]),a.jsx(O.Provider,{value:e.builderContextSignal,children:e.builderContextSignal.content?a.jsx(r,{ref:t,onClick:m=>b(m),"builder-content-id":(I=e.builderContextSignal.content)==null?void 0:I.id,"builder-model":e.model,className:vn(((T=e.content)==null?void 0:T.testVariationId)||((B=e.content)==null?void 0:B.id)),...o(),...e.contentWrapperProps,children:e.children}):null})}function kn(e){const[t,n]=g.useState(()=>`
184
+ `,yn=e=>e?"":xn,vn=e=>`variant-${e}`;function Sn(e){var I,T,B;const t=g.useRef(null);function n(m){var w,d;const v={...e.builderContextSignal.rootState,...m};e.builderContextSignal.rootSetState?(d=(w=e.builderContextSignal).rootSetState)==null||d.call(w,v):e.setBuilderContextSignal(y=>({...y,rootState:v}))}function i(m){var w,d,y,E,j;const v={...e.builderContextSignal.content,...m,data:{...(w=e.builderContextSignal.content)==null?void 0:w.data,...m==null?void 0:m.data},meta:{...(d=e.builderContextSignal.content)==null?void 0:d.meta,...m==null?void 0:m.meta,breakpoints:((y=m==null?void 0:m.meta)==null?void 0:y.breakpoints)||((j=(E=e.builderContextSignal.content)==null?void 0:E.meta)==null?void 0:j.breakpoints)}};e.setBuilderContextSignal(P=>({...P,content:v}))}function o(){return e.showContent?{}:{hidden:!0,"aria-hidden":!0}}const[r,l]=g.useState(()=>e.contentWrapper||"div");function s(m){return p.createEditorListener({model:e.model,trustedHosts:e.trustedHosts,callbacks:{configureSdk:v=>{var y;const{breakpoints:w,contentId:d}=v;!d||d!==((y=e.builderContextSignal.content)==null?void 0:y.id)||w&&i({meta:{breakpoints:w}})},animation:v=>{he(v)},contentUpdate:v=>{i(v)}}})(m)}const[u,c]=g.useState(()=>({})),[h,x]=g.useState(()=>({})),[f,k]=g.useState(()=>!1);function b(m){var v,w;if(e.builderContextSignal.content){const d=(v=e.builderContextSignal.content)==null?void 0:v.testVariationId,y=(w=e.builderContextSignal.content)==null?void 0:w.id;p._track({apiHost:e.apiHost,type:"click",canTrack:p.getDefaultCanTrack(e.canTrack),contentId:y,apiKey:e.apiKey,variationId:d!==y?d:void 0,...gn(m),unique:!f})}f||k(!0)}function C(){var v,w,d;const m=(d=(w=(v=e.builderContextSignal.content)==null?void 0:v.data)==null?void 0:w.httpRequests)!=null?d:{};Object.entries(m).forEach(([y,E])=>{if(!E||h[y]||u[y]&&!p.isEditing())return;h[y]=!0;const j=E.replace(/{{([^}]+)}}/g,(P,Ae)=>String(F({code:Ae,context:e.context||{},localState:void 0,rootState:e.builderContextSignal.rootState,rootSetState:e.builderContextSignal.rootSetState})));fetch(j).then(P=>P.json()).then(P=>{n({[y]:P}),u[y]=!0}).catch(P=>{console.error("error fetching dynamic data",E,P)}).finally(()=>{h[y]=!1})})}function S(){p.isEditing()&&window.dispatchEvent(new CustomEvent("builder:component:stateChange",{detail:{state:Y(e.builderContextSignal.rootState),ref:{name:e.model}}}))}const R=g.useRef(!1);return R.current||(C(),S(),R.current=!0),g.useEffect(()=>{var m,v;if(p.isBrowser()){if(p.isEditing()&&!e.isNestedRender&&(window.addEventListener("message",s),p.registerInsertMenu(),p.setupBrowserForEditing({...e.locale?{locale:e.locale}:{},...e.enrich?{enrich:e.enrich}:{},...e.trustedHosts?{trustedHosts:e.trustedHosts}:{}}),Object.values(e.builderContextSignal.componentInfos).forEach(d=>{var E;const y=p.createRegisterComponentMessage(d);(E=window.parent)==null||E.postMessage(y,"*")}),window.addEventListener("builder:component:stateChangeListenerActivated",S)),e.builderContextSignal.content&&p.getDefaultCanTrack(e.canTrack)){const d=(m=e.builderContextSignal.content)==null?void 0:m.testVariationId,y=(v=e.builderContextSignal.content)==null?void 0:v.id,E=e.apiKey;p._track({apiHost:e.apiHost,type:"impression",canTrack:!0,contentId:y,apiKey:E,variationId:d!==y?d:void 0})}if(p.isPreviewing()&&!p.isEditing()){const d=new URL(location.href).searchParams,y=d.get("builder.preview"),E=d.get(`builder.overrides.${y}`),j=d.get("apiKey")||d.get("builder.space");y===e.model&&j===e.apiKey&&(!e.content||E===e.content.id)&&p.fetchOneEntry({model:e.model,apiKey:e.apiKey,apiVersion:e.builderContextSignal.apiVersion}).then(P=>{P&&i(P)})}}},[]),g.useEffect(()=>{e.content&&i(e.content)},[e.content]),g.useEffect(()=>{S()},[e.builderContextSignal.rootState]),g.useEffect(()=>{e.data&&n(e.data)},[e.data]),g.useEffect(()=>{e.locale&&n({locale:e.locale})},[e.locale]),g.useEffect(()=>()=>{p.isBrowser()&&(window.removeEventListener("message",s),window.removeEventListener("builder:component:stateChangeListenerActivated",S))},[]),a.jsx(O.Provider,{value:e.builderContextSignal,children:e.builderContextSignal.content?a.jsx(r,{ref:t,onClick:m=>b(m),"builder-content-id":(I=e.builderContextSignal.content)==null?void 0:I.id,"builder-model":e.model,className:vn(((T=e.content)==null?void 0:T.testVariationId)||((B=e.content)==null?void 0:B.id)),...o(),...e.contentWrapperProps,children:e.children}):null})}function kn(e){const[t,n]=g.useState(()=>`
185
185
  ${pn({cssCode:e.cssCode,contentId:e.contentId})}
186
186
  ${bn({customFonts:e.customFonts})}
187
187
  ${yn(e.isNestedRender)}
188
- `.trim());return a.jsx(U,{id:"builderio-content",styles:t,nonce:e.nonce})}const Cn=({content:e,data:t,locale:n})=>{var r,l,s;const i={},o=((r=e==null?void 0:e.data)==null?void 0:r.state)||{};return(s=(l=e==null?void 0:e.data)==null?void 0:l.inputs)==null||s.forEach(u=>{u.name&&u.defaultValue!==void 0&&(i[u.name]=u.defaultValue)}),{...i,...o,...t,...n?{locale:n}:{}}},Tn=({content:e,data:t})=>e?{...e,data:{...e==null?void 0:e.data,...t},meta:e==null?void 0:e.meta}:void 0;function le(e){var c,h,x,f,k,b,C,S,R;const[t,n]=g.useState(()=>{var I,T;return dn({variationId:(I=e.content)==null?void 0:I.testVariationId,contentId:(T=e.content)==null?void 0:T.id})});function i(I){s(T=>({...T,rootState:I}))}const[o,r]=g.useState(()=>{var I;return[...oe(),...((I=e.customComponents)==null?void 0:I.filter(({models:T})=>!(T!=null&&T.length)||!e.model?!0:T.includes(e.model)))||[]].reduce((T,{component:B,...m})=>({...T,[m.name]:{component:B,...p.serializeIncludingFunctions(m)}}),{})}),[l,s]=g.useState(()=>{var I;return{content:Tn({content:e.content,data:e.data}),localState:void 0,rootState:Cn({content:e.content,data:e.data,locale:e.locale}),rootSetState:i,context:e.context||{},canTrack:e.canTrack,apiKey:e.apiKey,apiVersion:e.apiVersion,componentInfos:[...oe(),...((I=e.customComponents)==null?void 0:I.filter(({models:T})=>!(T!=null&&T.length)||!e.model?!0:T.includes(e.model)))||[]].reduce((T,{component:B,...m})=>({...T,[m.name]:p.serializeIncludingFunctions(m)}),{}),inheritedStyles:{},BlocksWrapper:e.blocksWrapper||"div",BlocksWrapperProps:e.blocksWrapperProps||{},nonce:e.nonce||""}}),u=g.useRef(!1);if(!u.current){e.apiKey||p.logger.error("No API key provided to `Content` component. This can cause issues. Please provide an API key using the `apiKey` prop.");const I=(h=(c=l.content)==null?void 0:c.data)==null?void 0:h.jsCode;I&&F({code:I,context:e.context||{},localState:void 0,rootState:l.rootState,rootSetState:T=>{Object.assign(l.rootState,T)},isExpression:!1}),u.current=!0}return a.jsx(ce.Provider,{value:{registeredComponents:o},children:a.jsxs(Sn,{nonce:e.nonce,content:e.content,data:e.data,model:e.model,context:e.context,apiKey:e.apiKey,canTrack:e.canTrack,locale:e.locale,enrich:e.enrich,showContent:e.showContent,builderContextSignal:l,contentWrapper:e.contentWrapper,contentWrapperProps:e.contentWrapperProps,trustedHosts:e.trustedHosts,setBuilderContextSignal:s,children:[e.isSsrAbTest?a.jsx(J,{id:"builderio-variant-visibility",scriptStr:t,nonce:e.nonce||""}):null,a.jsx(kn,{nonce:e.nonce||"",isNestedRender:e.isNestedRender,contentId:(x=l.content)==null?void 0:x.id,cssCode:(k=(f=l.content)==null?void 0:f.data)==null?void 0:k.cssCode,customFonts:(C=(b=l.content)==null?void 0:b.data)==null?void 0:C.customFonts}),a.jsx(A,{blocks:(R=(S=l.content)==null?void 0:S.data)==null?void 0:R.blocks,context:l,registeredComponents:o,linkComponent:e.linkComponent})]})})}function Pe(e){var l;const[t,n]=g.useState(()=>ln({canTrack:p.getDefaultCanTrack(e.canTrack),content:e.content}));function i(){var s;return un(D(e.content).map(u=>({id:u.testVariationId,testRatio:u.testRatio})),((s=e.content)==null?void 0:s.id)||"")}function o(){return D(e.content).map(s=>`.variant-${s.testVariationId} { display: none; } `).join("")}function r(){var s;return t?{...e.content,testVariationId:(s=e.content)==null?void 0:s.id}:p.handleABTestingSync({item:e.content,canTrack:p.getDefaultCanTrack(e.canTrack)})}return g.useEffect(()=>{},[]),a.jsxs(a.Fragment,{children:[!e.isNestedRender&&p.TARGET!=="reactNative"?a.jsx(J,{id:"builderio-init-variants-fns",scriptStr:cn(),nonce:e.nonce||""}):null,t?a.jsxs(a.Fragment,{children:[a.jsx(U,{id:"builderio-variants",styles:o(),nonce:e.nonce||""}),a.jsx(J,{id:"builderio-variants-visibility",scriptStr:i(),nonce:e.nonce||""}),(l=D(e.content))==null?void 0:l.map(s=>a.jsx(le,{isNestedRender:e.isNestedRender,nonce:e.nonce,content:s,showContent:!1,model:e.model,data:e.data,context:e.context,apiKey:e.apiKey,apiVersion:e.apiVersion,customComponents:e.customComponents,linkComponent:e.linkComponent,canTrack:e.canTrack,locale:e.locale,enrich:e.enrich,isSsrAbTest:t,blocksWrapper:e.blocksWrapper,blocksWrapperProps:e.blocksWrapperProps,contentWrapper:e.contentWrapper,contentWrapperProps:e.contentWrapperProps,trustedHosts:e.trustedHosts},s.testVariationId))]}):null,a.jsx(le,{nonce:e.nonce,isNestedRender:e.isNestedRender,content:r(),showContent:!0,model:e.model,data:e.data,context:e.context,apiKey:e.apiKey,apiVersion:e.apiVersion,customComponents:e.customComponents,linkComponent:e.linkComponent,canTrack:e.canTrack,locale:e.locale,enrich:e.enrich,isSsrAbTest:t,blocksWrapper:e.blocksWrapper,blocksWrapperProps:e.blocksWrapperProps,contentWrapper:e.contentWrapper,contentWrapperProps:e.contentWrapperProps,trustedHosts:e.trustedHosts})]})}const In=async({builderContextValue:e,symbol:t})=>{if(t!=null&&t.model&&(e!=null&&e.apiKey))return p.fetchOneEntry({model:t.model,apiKey:e.apiKey,apiVersion:e.apiVersion,...(t==null?void 0:t.entry)&&{query:{id:t.entry}}}).catch(n=>{p.logger.error("Could not fetch symbol content: ",n)})};function Be(e){var s,u,c,h;function t(){return"div"}function n(){return"div"}function i(){var x,f;return[e.attributes[N()],"builder-symbol",(x=e.symbol)!=null&&x.inline?"builder-inline-symbol":void 0,(f=e.symbol)!=null&&f.dynamic||e.dynamic?"builder-dynamic-symbol":void 0].filter(Boolean).join(" ")}const[o,r]=g.useState(()=>{var x;return(x=e.symbol)==null?void 0:x.content});function l(){o||In({symbol:e.symbol,builderContextValue:e.builderContext}).then(x=>{x&&r(x)})}return g.useEffect(()=>{},[]),g.useEffect(()=>{l()},[e.symbol]),a.jsx("div",{...e.attributes,className:i(),children:a.jsx(Pe,{nonce:e.builderContext.nonce,isNestedRender:!0,apiVersion:e.builderContext.apiVersion,apiKey:e.builderContext.apiKey,context:{...e.builderContext.context,symbolId:(s=e.builderBlock)==null?void 0:s.id},customComponents:Object.values(e.builderComponents),data:{...(u=e.symbol)==null?void 0:u.data,...e.builderContext.localState,...(c=o==null?void 0:o.data)==null?void 0:c.state},canTrack:e.builderContext.canTrack,model:(h=e.symbol)==null?void 0:h.model,content:o,linkComponent:e.builderLinkComponent,blocksWrapper:t(),contentWrapper:n()})})}exports.Blocks=A;exports.BuilderContext=O;exports.Button=se;exports.Columns=Se;exports.Content=Pe;exports.Fragment=ke;exports.Image=Ce;exports.Section=Te;exports.Symbol=Be;exports.Text=Ie;exports.Video=we;
188
+ `.trim());return a.jsx(U,{id:"builderio-content",styles:t,nonce:e.nonce})}const Cn=({content:e,data:t,locale:n})=>{var r,l,s;const i={},o=((r=e==null?void 0:e.data)==null?void 0:r.state)||{};return(s=(l=e==null?void 0:e.data)==null?void 0:l.inputs)==null||s.forEach(u=>{u.name&&u.defaultValue!==void 0&&(i[u.name]=u.defaultValue)}),{...i,...o,...t,...n?{locale:n}:{}}},Tn=({content:e,data:t})=>e?{...e,data:{...e==null?void 0:e.data,...t},meta:e==null?void 0:e.meta}:void 0;function le(e){var c,h,x,f,k,b,C,S,R;const[t,n]=g.useState(()=>{var I,T;return dn({variationId:(I=e.content)==null?void 0:I.testVariationId,contentId:(T=e.content)==null?void 0:T.id})});function i(I){s(T=>({...T,rootState:I}))}const[o,r]=g.useState(()=>{var I;return[...oe(),...((I=e.customComponents)==null?void 0:I.filter(({models:T})=>!(T!=null&&T.length)||!e.model?!0:T.includes(e.model)))||[]].reduce((T,{component:B,...m})=>({...T,[m.name]:{component:B,...p.serializeIncludingFunctions(m)}}),{})}),[l,s]=g.useState(()=>{var I;return{content:Tn({content:e.content,data:e.data}),localState:void 0,rootState:Cn({content:e.content,data:e.data,locale:e.locale}),rootSetState:i,context:e.context||{},canTrack:e.canTrack,apiKey:e.apiKey,apiVersion:e.apiVersion,componentInfos:[...oe(),...((I=e.customComponents)==null?void 0:I.filter(({models:T})=>!(T!=null&&T.length)||!e.model?!0:T.includes(e.model)))||[]].reduce((T,{component:B,...m})=>({...T,[m.name]:p.serializeIncludingFunctions(m)}),{}),inheritedStyles:{},BlocksWrapper:e.blocksWrapper||"div",BlocksWrapperProps:e.blocksWrapperProps||{},nonce:e.nonce||""}}),u=g.useRef(!1);if(!u.current){e.apiKey||p.logger.error("No API key provided to `Content` component. This can cause issues. Please provide an API key using the `apiKey` prop.");const I=(h=(c=l.content)==null?void 0:c.data)==null?void 0:h.jsCode;I&&F({code:I,context:e.context||{},localState:void 0,rootState:l.rootState,rootSetState:T=>{Object.assign(l.rootState,T)},isExpression:!1}),u.current=!0}return a.jsx(ce.Provider,{value:{registeredComponents:o},children:a.jsxs(Sn,{apiHost:e.apiHost,nonce:e.nonce,content:e.content,data:e.data,model:e.model,context:e.context,apiKey:e.apiKey,canTrack:e.canTrack,locale:e.locale,enrich:e.enrich,showContent:e.showContent,builderContextSignal:l,contentWrapper:e.contentWrapper,contentWrapperProps:e.contentWrapperProps,trustedHosts:e.trustedHosts,isNestedRender:e.isNestedRender,setBuilderContextSignal:s,children:[e.isSsrAbTest?a.jsx(J,{id:"builderio-variant-visibility",scriptStr:t,nonce:e.nonce||""}):null,a.jsx(kn,{nonce:e.nonce||"",isNestedRender:e.isNestedRender,contentId:(x=l.content)==null?void 0:x.id,cssCode:(k=(f=l.content)==null?void 0:f.data)==null?void 0:k.cssCode,customFonts:(C=(b=l.content)==null?void 0:b.data)==null?void 0:C.customFonts}),a.jsx(A,{blocks:(R=(S=l.content)==null?void 0:S.data)==null?void 0:R.blocks,context:l,registeredComponents:o,linkComponent:e.linkComponent})]})})}function Pe(e){var l;const[t,n]=g.useState(()=>ln({canTrack:p.getDefaultCanTrack(e.canTrack),content:e.content}));function i(){var s;return un(D(e.content).map(u=>({id:u.testVariationId,testRatio:u.testRatio})),((s=e.content)==null?void 0:s.id)||"")}function o(){return D(e.content).map(s=>`.variant-${s.testVariationId} { display: none; } `).join("")}function r(){var s;return t?{...e.content,testVariationId:(s=e.content)==null?void 0:s.id}:p.handleABTestingSync({item:e.content,canTrack:p.getDefaultCanTrack(e.canTrack)})}return g.useEffect(()=>{},[]),a.jsxs(a.Fragment,{children:[!e.isNestedRender&&p.TARGET!=="reactNative"?a.jsx(J,{id:"builderio-init-variants-fns",scriptStr:cn(),nonce:e.nonce||""}):null,t?a.jsxs(a.Fragment,{children:[a.jsx(U,{id:"builderio-variants",styles:o(),nonce:e.nonce||""}),a.jsx(J,{id:"builderio-variants-visibility",scriptStr:i(),nonce:e.nonce||""}),(l=D(e.content))==null?void 0:l.map(s=>a.jsx(le,{apiHost:e.apiHost,isNestedRender:e.isNestedRender,nonce:e.nonce,content:s,showContent:!1,model:e.model,data:e.data,context:e.context,apiKey:e.apiKey,apiVersion:e.apiVersion,customComponents:e.customComponents,linkComponent:e.linkComponent,canTrack:e.canTrack,locale:e.locale,enrich:e.enrich,isSsrAbTest:t,blocksWrapper:e.blocksWrapper,blocksWrapperProps:e.blocksWrapperProps,contentWrapper:e.contentWrapper,contentWrapperProps:e.contentWrapperProps,trustedHosts:e.trustedHosts},s.testVariationId))]}):null,a.jsx(le,{apiHost:e.apiHost,nonce:e.nonce,isNestedRender:e.isNestedRender,content:r(),showContent:!0,model:e.model,data:e.data,context:e.context,apiKey:e.apiKey,apiVersion:e.apiVersion,customComponents:e.customComponents,linkComponent:e.linkComponent,canTrack:e.canTrack,locale:e.locale,enrich:e.enrich,isSsrAbTest:t,blocksWrapper:e.blocksWrapper,blocksWrapperProps:e.blocksWrapperProps,contentWrapper:e.contentWrapper,contentWrapperProps:e.contentWrapperProps,trustedHosts:e.trustedHosts})]})}const In=async({builderContextValue:e,symbol:t})=>{if(t!=null&&t.model&&(e!=null&&e.apiKey))return p.fetchOneEntry({model:t.model,apiKey:e.apiKey,apiVersion:e.apiVersion,...(t==null?void 0:t.entry)&&{query:{id:t.entry}}}).catch(n=>{p.logger.error("Could not fetch symbol content: ",n)})};function Be(e){var s,u,c,h;function t(){return"div"}function n(){return"div"}function i(){var x,f;return[e.attributes[N()],"builder-symbol",(x=e.symbol)!=null&&x.inline?"builder-inline-symbol":void 0,(f=e.symbol)!=null&&f.dynamic||e.dynamic?"builder-dynamic-symbol":void 0].filter(Boolean).join(" ")}const[o,r]=g.useState(()=>{var x;return(x=e.symbol)==null?void 0:x.content});function l(){o||In({symbol:e.symbol,builderContextValue:e.builderContext}).then(x=>{x&&r(x)})}return g.useEffect(()=>{},[]),g.useEffect(()=>{l()},[e.symbol]),a.jsx("div",{...e.attributes,className:i(),children:a.jsx(Pe,{nonce:e.builderContext.nonce,isNestedRender:!0,apiVersion:e.builderContext.apiVersion,apiKey:e.builderContext.apiKey,context:{...e.builderContext.context,symbolId:(s=e.builderBlock)==null?void 0:s.id},customComponents:Object.values(e.builderComponents),data:{...(u=e.symbol)==null?void 0:u.data,...e.builderContext.localState,...(c=o==null?void 0:o.data)==null?void 0:c.state},canTrack:e.builderContext.canTrack,model:(h=e.symbol)==null?void 0:h.model,content:o,linkComponent:e.builderLinkComponent,blocksWrapper:t(),contentWrapper:n()})})}exports.Blocks=A;exports.BuilderContext=O;exports.Button=se;exports.Columns=Se;exports.Content=Pe;exports.Fragment=ke;exports.Image=Ce;exports.Section=Te;exports.Symbol=Be;exports.Text=Ie;exports.Video=we;