@builder.io/sdk-react 4.0.4 → 4.0.6
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.
- package/lib/browser/blocks-exports.cjs +14 -13
- package/lib/browser/blocks-exports.mjs +8 -5
- package/lib/browser/index.cjs +1 -1
- package/lib/browser/index.mjs +1 -1
- package/lib/browser/server-entry-5449a575.cjs +2 -0
- package/lib/browser/{server-entry-66a925df.js → server-entry-79285592.js} +24 -24
- package/lib/browser/server-entry.cjs +1 -1
- package/lib/browser/server-entry.mjs +1 -1
- package/lib/edge/{accordion-b4b4d9f1.js → accordion-87ad8263.js} +1 -1
- package/lib/edge/{accordion-7464a303.cjs → accordion-f7e030d5.cjs} +1 -1
- package/lib/edge/{blocks-e91ba3d4.cjs → blocks-31199191.cjs} +9 -9
- package/lib/edge/{blocks-e93076da.js → blocks-a066bb29.js} +246 -244
- package/lib/edge/blocks-exports.cjs +1 -1
- package/lib/edge/blocks-exports.mjs +2 -2
- package/lib/edge/{button-33f21c52.js → button-1d265b68.js} +2 -2
- package/lib/edge/{button-fda4fec5.cjs → button-45c9b994.cjs} +1 -1
- package/lib/edge/{columns-f7fd551f.cjs → columns-2282e71d.cjs} +3 -2
- package/lib/edge/{columns-55e99fb4.js → columns-6f323a60.js} +14 -13
- package/lib/edge/{content-variants-2ebd741d.js → content-variants-ddc4462d.js} +12 -12
- package/lib/edge/{content-variants-e6b3bd34.cjs → content-variants-ea56e041.cjs} +1 -1
- package/lib/edge/{custom-code-c66cd781.cjs → custom-code-046c9e54.cjs} +1 -1
- package/lib/edge/{custom-code-d7aa74ff.js → custom-code-27f3a9d0.js} +1 -1
- package/lib/edge/{embed-7384956f.js → embed-962809ed.js} +1 -1
- package/lib/edge/{embed-2c418cac.cjs → embed-a90e1ebf.cjs} +1 -1
- package/lib/edge/{form-61cd3cc1.cjs → form-2112cb80.cjs} +1 -1
- package/lib/edge/{form-5148ead0.js → form-4fc6f70a.js} +3 -3
- package/lib/edge/{get-class-prop-name-f91e4605.js → get-class-prop-name-03e66a61.js} +1 -1
- package/lib/edge/{get-class-prop-name-5ff8e9ef.cjs → get-class-prop-name-77a0b81b.cjs} +1 -1
- package/lib/edge/{img-8770a93f.cjs → img-5850d9d8.cjs} +1 -1
- package/lib/edge/{img-595b9ae3.js → img-95c678b5.js} +1 -1
- package/lib/edge/index.cjs +1 -1
- package/lib/edge/index.mjs +1 -1
- package/lib/edge/{input-10b2e145.cjs → input-3937aa23.cjs} +1 -1
- package/lib/edge/{input-cab27192.js → input-7d147e6f.js} +1 -1
- package/lib/edge/{personalization-container-1ba57b3b.cjs → personalization-container-aff166ba.cjs} +1 -1
- package/lib/edge/{personalization-container-9984806a.js → personalization-container-d687ea13.js} +4 -4
- package/lib/edge/{select-36b1bb81.cjs → select-5bdfe568.cjs} +1 -1
- package/lib/edge/{select-e1dc1504.js → select-bfca657e.js} +1 -1
- package/lib/edge/{server-entry-74debd65.js → server-entry-1d157602.js} +25 -25
- package/lib/edge/server-entry-e8854034.cjs +2 -0
- package/lib/edge/server-entry.cjs +1 -1
- package/lib/edge/server-entry.mjs +1 -1
- package/lib/edge/{slot-e8473a94.cjs → slot-a4c97369.cjs} +1 -1
- package/lib/edge/{slot-c6535e6d.js → slot-acb2aa8e.js} +3 -3
- package/lib/edge/{symbol-9177d14c.cjs → symbol-33b65252.cjs} +1 -1
- package/lib/edge/{symbol-fc7d42ee.js → symbol-cc7e6b66.js} +2 -2
- package/lib/edge/{tabs-980a2753.cjs → tabs-900d88a9.cjs} +1 -1
- package/lib/edge/{tabs-955ab7dd.js → tabs-9cbb5615.js} +3 -3
- package/lib/node/blocks-exports.cjs +10 -9
- package/lib/node/blocks-exports.mjs +10 -7
- package/lib/node/index.cjs +1 -1
- package/lib/node/index.mjs +3 -3
- package/lib/node/init.cjs +1 -1
- package/lib/node/init.mjs +3 -3
- package/lib/node/server-entry-0dcb0303.cjs +2 -0
- package/lib/node/{server-entry-d38415f3.js → server-entry-ee54171f.js} +25 -25
- package/lib/node/server-entry.cjs +1 -1
- package/lib/node/server-entry.mjs +1 -1
- package/lib/node/{setIvm-9fe8e65a.js → setIvm-b773f3ba.js} +1 -1
- package/lib/node/{setIvm-0a044ac8.cjs → setIvm-d479356f.cjs} +1 -1
- package/lib/node/setIvm.cjs +1 -1
- package/lib/node/setIvm.mjs +2 -2
- package/lib/node/{should-force-browser-runtime-in-node-e4a9bd6b.cjs → should-force-browser-runtime-in-node-364ee049.cjs} +1 -1
- package/lib/node/{should-force-browser-runtime-in-node-eb6e6ea4.js → should-force-browser-runtime-in-node-bdb5bf58.js} +1 -1
- package/package.json +1 -1
- package/types/constants/sdk-version.d.ts +1 -1
- package/types/helpers/preview-lru-cache/set.d.ts +3 -4
- package/lib/browser/server-entry-e6bf2d7b.cjs +0 -2
- package/lib/edge/server-entry-f10ae31d.cjs +0 -2
- package/lib/node/server-entry-a7413c09.cjs +0 -2
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("./server-entry-e6bf2d7b.cjs"),s=require("react/jsx-runtime"),b=require("react");function _e(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const i=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,i.get?i:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const qe=_e(b),Me=new Set(["area","base","br","col","embed","hr","img","input","keygen","link","meta","param","source","track","wbr"]),He=e=>typeof e=="string"&&Me.has(e.toLowerCase());function te(e){return s.jsx(s.Fragment,{children:He(e.TagName)?s.jsx(s.Fragment,{children:s.jsx(e.TagName,{...e.attributes,...e.actionAttributes})}):s.jsx(s.Fragment,{children:typeof e.TagName=="string"?s.jsx(e.TagName,{...e.attributes,...e.actionAttributes,children:e.children}):s.jsx(e.TagName,{...e.attributes,...e.actionAttributes,children:e.children})})})}const $=()=>{switch(g.TARGET){case"react":case"reactNative":case"rsc":return"className";case"svelte":case"vue":case"solid":case"qwik":case"angular":return"class"}};function be(e){function t(){return{...e.attributes,[$()]:`${e.link?"":"builder-button"} ${e.attributes[$()]||""}`,...e.link?{href:e.link,target:e.openLinkInNewTab?"_blank":void 0,role:"link"}:{role:"button"}}}return s.jsx(te,{attributes:t(),TagName:e.link?e.builderLinkComponent||"a":"button",actionAttributes:{},children:e.text})}const M=b.createContext({content:null,context:{},localState:void 0,rootSetState(){},rootState:{},apiKey:null,apiVersion:void 0,componentInfos:{},inheritedStyles:{},BlocksWrapper:"div",BlocksWrapperProps:{},nonce:"",model:""}),pe=b.createContext({registeredComponents:{}}),ye=(e,t,n)=>{const i=String.prototype.split.call(t,/[,[\].]+?/).filter(Boolean).reduce((a,r)=>a!=null?a[r]:a,e);return i===void 0||i===e?n:i},ze=({builder:e,context:t,event:n,state:i})=>Object.entries({state:i,Builder:e,builder:e,context:t,event:n}),Ke=()=>({isEditing:g.isEditing(),isBrowser:g.isBrowser(),isServer:!g.isBrowser(),getUserAttributes:()=>g.getUserAttributes()}),Je=(e,{isExpression:t=!0})=>t&&!(e.includes(";")||e.includes(" return ")||e.trim().startsWith("return "))?`return (${e});`:e;function xe({rootState:e,localState:t,rootSetState:n}){return new Proxy(e,{get:(i,a)=>{if(t&&a in t)return t[a];const r=i[a];return typeof r=="object"&&r!==null?xe({rootState:r,localState:void 0,rootSetState:n?o=>{i[a]=o,n(i)}:void 0}):r},set:(i,a,r)=>{if(t&&a in t)throw new Error("Writing to local state is not allowed as it is read-only.");return i[a]=r,n==null||n(i),!0}})}const oe=({code:e,builder:t,context:n,event:i,localState:a,rootSetState:r,rootState:o})=>{const l=ze({builder:t,context:n,event:i,state:xe({rootState:o,localState:a,rootSetState:r})});return new Function(...l.map(([d])=>d),e)(...l.map(([,d])=>d))};function Ge(){var e;return typeof process!="undefined"&&g.checkIsDefined((e=process==null?void 0:process.versions)==null?void 0:e.node)}const Qe=({shouldLogWarning:e})=>{var a;if(!Ge())return!1;const t=process.arch==="arm64",n=process.version.startsWith("v20"),i=(a=process.env.NODE_OPTIONS)==null?void 0:a.includes("--no-node-snapshot");return t&&n&&!i?(e&&g.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},Ye=e=>(g.isBrowser()||Qe({shouldLogWarning:!0}),oe(e)),Xe=/^(return )?(\s*)?state(?<getPath>(\.\w+)+)(\s*);?$/,Ze=/(\s)*var(\s)+_virtual_index(\s)*=(\s)*state(?<getPath>(\.\w+)+)(\s*);?(\s)*return(\s)*_virtual_index(\s)*/,et=e=>{var t,n,i,a,r,o;return((i=(n=(t=Xe.exec(e.trim()))==null?void 0:t.groups)==null?void 0:n.getPath)==null?void 0:i.slice(1))||((o=(r=(a=Ze.exec(e.trim()))==null?void 0:a.groups)==null?void 0:r.getPath)==null?void 0:o.slice(1))};function F({code:e,context:t,localState:n,rootState:i,rootSetState:a,event:r,isExpression:o=!0}){if(e.trim()==="")return;const l=et(e.trim());if(l)return ye({...i,...n},l);const d={code:Je(e,{isExpression:o}),builder:Ke(),context:t,event:r,rootSetState:a,rootState:i,localState:n};try{return Ye(d)}catch(u){g.logger.error("Failed code evaluation: "+u.message,{code:e});return}}function tt(e,t){var n;return{...(n=e.component)==null?void 0:n.options,...e.options,...nt(e,t)}}const nt=(e,t)=>{var n,i;if(((n=e.component)==null?void 0:n.name)==="Text"&&((i=e.component.options)!=null&&i.text)&&typeof e.component.options.text=="string")return{...e.component.options,text:e.component.options.text.replace(/{{([^}]+)}}/g,(a,r)=>F({code:r,context:t,localState:t.localState,rootState:t.rootState,rootSetState:t.rootSetState}))}};function it(e,...t){const n=Object.assign({},e);for(const i of t)delete n[i];return n}function _(e,t,n=null,i=null,a=new WeakSet){if(e==null||typeof e!="object"){t(e,r=>{n!==null&&i!==null&&(n[i]=r)});return}a.has(e)||(a.add(e),Array.isArray(e)?e.forEach((r,o)=>{t(r,d=>{e[o]=d}),_(r,t,e,o,a)}):Object.entries(e).forEach(([r,o])=>{t(o,d=>{e[r]=d}),_(o,t,e,r,a)}))}function ve(e){return e&&typeof e=="object"&&e["@type"]==="@builder.io/core:LocalizedValue"}function at(e){if(!e||!Object.getOwnPropertyNames(e).length)return!1;let t=!1;return _(e,n=>{if(ve(n)){t=!0;return}}),t}function rt(e,t){return!e||!Object.getOwnPropertyNames(e).length?{}:(_(e,(n,i)=>{var a;ve(n)&&i((a=n[t])!=null?a:void 0)}),e)}function ot(e,t){var n,i;return(n=e.component)!=null&&n.options&&at((i=e.component)==null?void 0:i.options)&&(t||console.warn("[Builder.io] In order to use localized fields in Builder, you must pass a locale prop to the BuilderComponent or to options object while fetching the content to resolve localized fields. Learn more: https://www.builder.io/c/docs/localization-inline#targeting-and-inline-localization"),e.component.options=rt(e.component.options,t!=null?t:"Default")),e}const ne=e=>JSON.parse(JSON.stringify(e)),Se=(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((a,r,o)=>Object(a[r])===a[r]?a[r]:a[r]=Math.abs(Number(i[o+1]))>>0===+i[o+1]?[]:{},e)[i[i.length-1]]=n,e};function ee(e){if(e===null||typeof e!="object")return e;if(Array.isArray(e))return e.map(n=>ee(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]=ee(e[n]));return t}const st=["svelte","vue","angular","qwik","solid"].includes(g.TARGET),lt=e=>{if(st){const t=ne(e);return{...t,properties:{...t.properties},actions:{...t.actions}}}else{const t=ee(it(e,"children","meta"));return{...t,properties:{...t.properties},actions:{...t.actions},children:e.children,meta:e.meta}}},ct=({block:e,context:t,localState:n,rootState:i,rootSetState:a})=>{if(!e.bindings)return e;const r=lt(e);for(const o in e.bindings){const l=e.bindings[o],d=F({code:l,localState:n,rootState:i,rootSetState:a,context:t});Se(r,o,d)}return r};function ut({block:e,context:t,localState:n,rootState:i,rootSetState:a}){let r=ot(e,i.locale);return r=r,ct({block:r,localState:n,rootState:i,rootSetState:a,context:t})}const H=e=>e?e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g,"$1-$2").toLowerCase():"";function dt(e,t,n={}){let i,a,r,o=null,l=0;const d=function(){l=n.leading===!1?0:Date.now(),o=null,r=e.apply(i,a),o||(i=a=null)};return function(){const u=Date.now();!l&&n.leading===!1&&(l=u);const h=t-(u-l);return i=this,a=arguments,h<=0||h>t?(o&&(clearTimeout(o),o=null),l=u,r=e.apply(i,a),o||(i=a=null)):!o&&n.trailing!==!1&&(o=setTimeout(d,h)),r}}function D(e,...t){const n=Object(e);for(let i=1;i<arguments.length;i++){const a=arguments[i];if(a!=null)for(const r in a)Object.prototype.hasOwnProperty.call(a,r)&&(n[r]=a[r])}return n}function mt(e){for(const t of e)switch(t.trigger){case"pageLoad":Te(t);break;case"scrollInView":gt(t);break}}function ke(e){console.warn(`Cannot animate element: element with ID ${e} not found!`)}function Ce(e,t){const n=ft(e),i=getComputedStyle(t),a=e.steps[0].styles,r=e.steps[e.steps.length-1].styles,o=[a,r];for(const l of o)for(const d of n)d in l||(l[d]=i[d])}function ft(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 Te(e){const t=Array.prototype.slice.call(document.getElementsByClassName(e.elementId||e.id||""));if(!t.length){ke(e.elementId||e.id||"");return}Array.from(t).forEach(n=>{Ce(e,n),n.style.transition="none",n.style.transitionDelay="0",D(n.style,e.steps[0].styles),setTimeout(()=>{n.style.transition=`all ${e.duration}s ${H(e.easing)}`,e.delay&&(n.style.transitionDelay=e.delay+"s"),D(n.style,e.steps[1].styles),setTimeout(()=>{n.style.transition="",n.style.transitionDelay=""},(e.delay||0)*1e3+e.duration*1e3+100)})})}function gt(e){const t=Array.prototype.slice.call(document.getElementsByClassName(e.elementId||e.id||""));if(!t.length){ke(e.elementId||e.id||"");return}Array.from(t).forEach(n=>{Ce(e,n);let i=!1,a=!1;function r(){!i&&l(n)?(i=!0,a=!0,setTimeout(()=>{D(n.style,e.steps[1].styles),e.repeat||document.removeEventListener("scroll",o),setTimeout(()=>{a=!1,e.repeat||(n.style.transition="",n.style.transitionDelay="")},(e.duration+(e.delay||0))*1e3+100)})):e.repeat&&i&&!a&&!l(n)&&(i=!1,D(n.style,e.steps[0].styles))}const o=dt(r,200,{leading:!1});function l(h){const p=h.getBoundingClientRect(),c=window.innerHeight,f=(e.thresholdPercent||0)/100*c;return p.bottom>f&&p.top<c-f}const d=e.steps[0].styles;function u(){D(n.style,d)}u(),setTimeout(()=>{n.style.transition=`all ${e.duration}s ${H(e.easing)}`,e.delay&&(n.style.transitionDelay=e.delay+"s")}),document.addEventListener("scroll",o,{capture:!0,passive:!0}),r()})}const we=e=>Object.entries(e).map(([n,i])=>{if(typeof i=="string")return`${H(n)}: ${i};`}).filter(g.checkIsDefined),ht=e=>we(e).join(`
|
|
1
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("./server-entry-5449a575.cjs"),s=require("react/jsx-runtime"),f=require("react");function _e(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const i=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,i.get?i:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const qe=_e(f),Me=new Set(["area","base","br","col","embed","hr","img","input","keygen","link","meta","param","source","track","wbr"]),He=e=>typeof e=="string"&&Me.has(e.toLowerCase());function te(e){return s.jsx(s.Fragment,{children:He(e.TagName)?s.jsx(s.Fragment,{children:s.jsx(e.TagName,{...e.attributes,...e.actionAttributes})}):s.jsx(s.Fragment,{children:typeof e.TagName=="string"?s.jsx(e.TagName,{...e.attributes,...e.actionAttributes,children:e.children}):s.jsx(e.TagName,{...e.attributes,...e.actionAttributes,children:e.children})})})}const $=()=>{switch(h.TARGET){case"react":case"reactNative":case"rsc":return"className";case"svelte":case"vue":case"solid":case"qwik":case"angular":return"class"}};function be(e){function t(){return{...e.attributes,[$()]:`${e.link?"":"builder-button"} ${e.attributes[$()]||""}`,...e.link?{href:e.link,target:e.openLinkInNewTab?"_blank":void 0,role:"link"}:{role:"button"}}}return s.jsx(te,{attributes:t(),TagName:e.link?e.builderLinkComponent||"a":"button",actionAttributes:{},children:e.text})}const M=f.createContext({content:null,context:{},localState:void 0,rootSetState(){},rootState:{},apiKey:null,apiVersion:void 0,componentInfos:{},inheritedStyles:{},BlocksWrapper:"div",BlocksWrapperProps:{},nonce:"",model:""}),pe=f.createContext({registeredComponents:{}}),ye=(e,t,n)=>{const i=String.prototype.split.call(t,/[,[\].]+?/).filter(Boolean).reduce((a,r)=>a!=null?a[r]:a,e);return i===void 0||i===e?n:i},ze=({builder:e,context:t,event:n,state:i})=>Object.entries({state:i,Builder:e,builder:e,context:t,event:n}),Ke=()=>({isEditing:h.isEditing(),isBrowser:h.isBrowser(),isServer:!h.isBrowser(),getUserAttributes:()=>h.getUserAttributes()}),Je=(e,{isExpression:t=!0})=>t&&!(e.includes(";")||e.includes(" return ")||e.trim().startsWith("return "))?`return (${e});`:e;function xe({rootState:e,localState:t,rootSetState:n}){return new Proxy(e,{get:(i,a)=>{if(t&&a in t)return t[a];const r=i[a];return typeof r=="object"&&r!==null?xe({rootState:r,localState:void 0,rootSetState:n?o=>{i[a]=o,n(i)}:void 0}):r},set:(i,a,r)=>{if(t&&a in t)throw new Error("Writing to local state is not allowed as it is read-only.");return i[a]=r,n==null||n(i),!0}})}const oe=({code:e,builder:t,context:n,event:i,localState:a,rootSetState:r,rootState:o})=>{const l=ze({builder:t,context:n,event:i,state:xe({rootState:o,localState:a,rootSetState:r})});return new Function(...l.map(([d])=>d),e)(...l.map(([,d])=>d))};function Ge(){var e;return typeof process!="undefined"&&h.checkIsDefined((e=process==null?void 0:process.versions)==null?void 0:e.node)}const Qe=({shouldLogWarning:e})=>{var a;if(!Ge())return!1;const t=process.arch==="arm64",n=process.version.startsWith("v20"),i=(a=process.env.NODE_OPTIONS)==null?void 0:a.includes("--no-node-snapshot");return t&&n&&!i?(e&&h.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},Ye=e=>(h.isBrowser()||Qe({shouldLogWarning:!0}),oe(e)),Xe=/^(return )?(\s*)?state(?<getPath>(\.\w+)+)(\s*);?$/,Ze=/(\s)*var(\s)+_virtual_index(\s)*=(\s)*state(?<getPath>(\.\w+)+)(\s*);?(\s)*return(\s)*_virtual_index(\s)*/,et=e=>{var t,n,i,a,r,o;return((i=(n=(t=Xe.exec(e.trim()))==null?void 0:t.groups)==null?void 0:n.getPath)==null?void 0:i.slice(1))||((o=(r=(a=Ze.exec(e.trim()))==null?void 0:a.groups)==null?void 0:r.getPath)==null?void 0:o.slice(1))};function F({code:e,context:t,localState:n,rootState:i,rootSetState:a,event:r,isExpression:o=!0}){if(e.trim()==="")return;const l=et(e.trim());if(l)return ye({...i,...n},l);const d={code:Je(e,{isExpression:o}),builder:Ke(),context:t,event:r,rootSetState:a,rootState:i,localState:n};try{return Ye(d)}catch(u){h.logger.error("Failed code evaluation: "+u.message,{code:e});return}}function tt(e,t){var n;return{...(n=e.component)==null?void 0:n.options,...e.options,...nt(e,t)}}const nt=(e,t)=>{var n,i;if(((n=e.component)==null?void 0:n.name)==="Text"&&((i=e.component.options)!=null&&i.text)&&typeof e.component.options.text=="string")return{...e.component.options,text:e.component.options.text.replace(/{{([^}]+)}}/g,(a,r)=>F({code:r,context:t,localState:t.localState,rootState:t.rootState,rootSetState:t.rootSetState}))}};function it(e,...t){const n=Object.assign({},e);for(const i of t)delete n[i];return n}function _(e,t,n=null,i=null,a=new WeakSet){if(e==null||typeof e!="object"){t(e,r=>{n!==null&&i!==null&&(n[i]=r)});return}a.has(e)||(a.add(e),Array.isArray(e)?e.forEach((r,o)=>{t(r,d=>{e[o]=d}),_(r,t,e,o,a)}):Object.entries(e).forEach(([r,o])=>{t(o,d=>{e[r]=d}),_(o,t,e,r,a)}))}function ve(e){return e&&typeof e=="object"&&e["@type"]==="@builder.io/core:LocalizedValue"}function at(e){if(!e||!Object.getOwnPropertyNames(e).length)return!1;let t=!1;return _(e,n=>{if(ve(n)){t=!0;return}}),t}function rt(e,t){return!e||!Object.getOwnPropertyNames(e).length?{}:(_(e,(n,i)=>{var a;ve(n)&&i((a=n[t])!=null?a:void 0)}),e)}function ot(e,t){var n,i;return(n=e.component)!=null&&n.options&&at((i=e.component)==null?void 0:i.options)&&(t||console.warn("[Builder.io] In order to use localized fields in Builder, you must pass a locale prop to the BuilderComponent or to options object while fetching the content to resolve localized fields. Learn more: https://www.builder.io/c/docs/localization-inline#targeting-and-inline-localization"),e.component.options=rt(e.component.options,t!=null?t:"Default")),e}const ne=e=>JSON.parse(JSON.stringify(e)),Se=(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((a,r,o)=>Object(a[r])===a[r]?a[r]:a[r]=Math.abs(Number(i[o+1]))>>0===+i[o+1]?[]:{},e)[i[i.length-1]]=n,e};function ee(e){if(e===null||typeof e!="object")return e;if(Array.isArray(e))return e.map(n=>ee(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]=ee(e[n]));return t}const st=["svelte","vue","angular","qwik","solid"].includes(h.TARGET),lt=e=>{if(st){const t=ne(e);return{...t,properties:{...t.properties},actions:{...t.actions}}}else{const t=ee(it(e,"children","meta"));return{...t,properties:{...t.properties},actions:{...t.actions},children:e.children,meta:e.meta}}},ct=({block:e,context:t,localState:n,rootState:i,rootSetState:a})=>{if(!e.bindings)return e;const r=lt(e);for(const o in e.bindings){const l=e.bindings[o],d=F({code:l,localState:n,rootState:i,rootSetState:a,context:t});Se(r,o,d)}return r};function ut({block:e,context:t,localState:n,rootState:i,rootSetState:a}){let r=ot(e,i.locale);return r=r,ct({block:r,localState:n,rootState:i,rootSetState:a,context:t})}const H=e=>e?e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g,"$1-$2").toLowerCase():"";function dt(e,t,n={}){let i,a,r,o=null,l=0;const d=function(){l=n.leading===!1?0:Date.now(),o=null,r=e.apply(i,a),o||(i=a=null)};return function(){const u=Date.now();!l&&n.leading===!1&&(l=u);const b=t-(u-l);return i=this,a=arguments,b<=0||b>t?(o&&(clearTimeout(o),o=null),l=u,r=e.apply(i,a),o||(i=a=null)):!o&&n.trailing!==!1&&(o=setTimeout(d,b)),r}}function D(e,...t){const n=Object(e);for(let i=1;i<arguments.length;i++){const a=arguments[i];if(a!=null)for(const r in a)Object.prototype.hasOwnProperty.call(a,r)&&(n[r]=a[r])}return n}function mt(e){for(const t of e)switch(t.trigger){case"pageLoad":Te(t);break;case"scrollInView":gt(t);break}}function ke(e){console.warn(`Cannot animate element: element with ID ${e} not found!`)}function Ce(e,t){const n=ft(e),i=getComputedStyle(t),a=e.steps[0].styles,r=e.steps[e.steps.length-1].styles,o=[a,r];for(const l of o)for(const d of n)d in l||(l[d]=i[d])}function ft(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 Te(e){const t=Array.prototype.slice.call(document.getElementsByClassName(e.elementId||e.id||""));if(!t.length){ke(e.elementId||e.id||"");return}Array.from(t).forEach(n=>{Ce(e,n),n.style.transition="none",n.style.transitionDelay="0",D(n.style,e.steps[0].styles),setTimeout(()=>{n.style.transition=`all ${e.duration}s ${H(e.easing)}`,e.delay&&(n.style.transitionDelay=e.delay+"s"),D(n.style,e.steps[1].styles),setTimeout(()=>{n.style.transition="",n.style.transitionDelay=""},(e.delay||0)*1e3+e.duration*1e3+100)})})}function gt(e){const t=Array.prototype.slice.call(document.getElementsByClassName(e.elementId||e.id||""));if(!t.length){ke(e.elementId||e.id||"");return}Array.from(t).forEach(n=>{Ce(e,n);let i=!1,a=!1;function r(){!i&&l(n)?(i=!0,a=!0,setTimeout(()=>{D(n.style,e.steps[1].styles),e.repeat||document.removeEventListener("scroll",o),setTimeout(()=>{a=!1,e.repeat||(n.style.transition="",n.style.transitionDelay="")},(e.duration+(e.delay||0))*1e3+100)})):e.repeat&&i&&!a&&!l(n)&&(i=!1,D(n.style,e.steps[0].styles))}const o=dt(r,200,{leading:!1});function l(b){const p=b.getBoundingClientRect(),c=window.innerHeight,g=(e.thresholdPercent||0)/100*c;return p.bottom>g&&p.top<c-g}const d=e.steps[0].styles;function u(){D(n.style,d)}u(),setTimeout(()=>{n.style.transition=`all ${e.duration}s ${H(e.easing)}`,e.delay&&(n.style.transitionDelay=e.delay+"s")}),document.addEventListener("scroll",o,{capture:!0,passive:!0}),r()})}const we=e=>Object.entries(e).map(([n,i])=>{if(typeof i=="string")return`${H(n)}: ${i};`}).filter(h.checkIsDefined),ht=e=>we(e).join(`
|
|
2
2
|
`),W=({mediaQuery:e,className:t,styles:n})=>{const i=`.${t} {
|
|
3
3
|
${ht(n)}
|
|
4
4
|
}`;return e?`${e} {
|
|
5
5
|
${i}
|
|
6
|
-
}`:i};function bt({style:e}){return e}const pt=({block:e,context:t})=>Ie(bt({style:e.style||{},context:t,block:e}));function Ie(e){switch(
|
|
6
|
+
}`:i};function bt({style:e}){return e}const pt=({block:e,context:t})=>Ie(bt({style:e.style||{},context:t,block:e}));function Ie(e){switch(h.TARGET){case"svelte":case"vue":case"solid":case"angular":return we(e).join(" ");case"qwik":case"reactNative":case"react":case"rsc":return e}}const Ee=(e,t)=>e?t?e.models&&e.models.length>0&&!e.models.includes(t):!1:!0,yt=({block:e,registeredComponents:t,model:n})=>{var r;const i=(r=e.component)==null?void 0:r.name;if(!i)return null;const a=t[i];if(!a||Ee(a,n)){console.warn(`
|
|
7
7
|
Could not find a registered component named "${i}".
|
|
8
|
-
If you registered it, is the file that registered it imported by the file that needs to render it?`);return}else return a},xt=({block:e,context:t})=>{const{repeat:n,...i}=e;if(!(n!=null&&n.collection))return;const a=F({code:n.collection,localState:t.localState,rootState:t.rootState,rootSetState:t.rootSetState,context:t.context});if(!Array.isArray(a))return;const r=n.collection.split(".").pop(),o=n.itemName||(r?r+"Item":"item");return a.map((d,u)=>({context:{...t,localState:{...t.localState,$index:u,$item:d,[o]:d,[`$${o}Index`]:u}},block:i}))},vt=(e,t)=>{var n;return(n=e==null?void 0:e.shouldReceiveBuilderProps)!=null&&n.builderLinkComponent?{builderLinkComponent:t}:{}},St=(e,t,n)=>{var i;return(i=e==null?void 0:e.shouldReceiveBuilderProps)!=null&&i.builderComponents?{builderComponents:Object.fromEntries(Object.entries(t).filter(([r,o])=>!Ee(o,n)))}:{}},kt=(e,t)=>{var n;return(n=e==null?void 0:e.shouldReceiveBuilderProps)!=null&&n.builderBlock?{builderBlock:t}:{}},Ct=(e,t)=>{var n;return(n=e==null?void 0:e.shouldReceiveBuilderProps)!=null&&n.builderContext?{builderContext:t}:{}},Re={xsmall:{min:0,default:160,max:320},small:{min:321,default:321,max:640},medium:{min:641,default:642,max:991},large:{min:990,default:991,max:1200}},J=(e,t=Re)=>`@media (max-width: ${t[e].max}px)`,Pe=e=>{const t=ne(Re);if(!e)return t;const{xsmall:n,small:i,medium:a}=e;if(n){const d=Math.floor(n/2);t.xsmall={max:n,min:d,default:d+1}}if(!i||!a)return t;const r=n?t.xsmall.max+1:Math.floor(i/2);t.small={max:i,min:r,default:r+1};const o=t.small.max+1;t.medium={max:a,min:o,default:o+1};const l=t.medium.max+1;return t.large={max:2e3,min:l,default:l+1},t};function O(e){return s.jsx("style",{dangerouslySetInnerHTML:{__html:e.styles},"data-id":e.id,nonce:e.nonce})}function Tt(e){function t(){const i=e.block;return
|
|
8
|
+
If you registered it, is the file that registered it imported by the file that needs to render it?`);return}else return a},xt=({block:e,context:t})=>{const{repeat:n,...i}=e;if(!(n!=null&&n.collection))return;const a=F({code:n.collection,localState:t.localState,rootState:t.rootState,rootSetState:t.rootSetState,context:t.context});if(!Array.isArray(a))return;const r=n.collection.split(".").pop(),o=n.itemName||(r?r+"Item":"item");return a.map((d,u)=>({context:{...t,localState:{...t.localState,$index:u,$item:d,[o]:d,[`$${o}Index`]:u}},block:i}))},vt=(e,t)=>{var n;return(n=e==null?void 0:e.shouldReceiveBuilderProps)!=null&&n.builderLinkComponent?{builderLinkComponent:t}:{}},St=(e,t,n)=>{var i;return(i=e==null?void 0:e.shouldReceiveBuilderProps)!=null&&i.builderComponents?{builderComponents:Object.fromEntries(Object.entries(t).filter(([r,o])=>!Ee(o,n)))}:{}},kt=(e,t)=>{var n;return(n=e==null?void 0:e.shouldReceiveBuilderProps)!=null&&n.builderBlock?{builderBlock:t}:{}},Ct=(e,t)=>{var n;return(n=e==null?void 0:e.shouldReceiveBuilderProps)!=null&&n.builderContext?{builderContext:t}:{}},Re={xsmall:{min:0,default:160,max:320},small:{min:321,default:321,max:640},medium:{min:641,default:642,max:991},large:{min:990,default:991,max:1200}},J=(e,t=Re)=>`@media (max-width: ${t[e].max}px)`,Pe=e=>{const t=ne(Re);if(!e)return t;const{xsmall:n,small:i,medium:a}=e;if(n){const d=Math.floor(n/2);t.xsmall={max:n,min:d,default:d+1}}if(!i||!a)return t;const r=n?t.xsmall.max+1:Math.floor(i/2);t.small={max:i,min:r,default:r+1};const o=t.small.max+1;t.medium={max:a,min:o,default:o+1};const l=t.medium.max+1;return t.large={max:2e3,min:l,default:l+1},t};function O(e){return s.jsx("style",{dangerouslySetInnerHTML:{__html:e.styles},"data-id":e.id,nonce:e.nonce})}function Tt(e){function t(){const i=e.block;return h.checkIsDefined(i.hide)?!i.hide:h.checkIsDefined(i.show)?i.show:!0}function n(){var w,P,E,k,m;const i=e.block,a=i.responsiveStyles,r=e.context.content,o=Pe(((w=r==null?void 0:r.meta)==null?void 0:w.breakpoints)||{}),l=!!((E=(P=r==null?void 0:r.meta)==null?void 0:P.breakpoints)!=null&&E.xsmall),d=a==null?void 0:a.large,u=a==null?void 0:a.medium,b=a==null?void 0:a.small,p=a==null?void 0:a.xsmall,c=i.id;if(!c)return"";const S=d?W({className:c,styles:d}):"",g=u?W({className:c,styles:u,mediaQuery:J("medium",o)}):"",y=b?W({className:c,styles:b,mediaQuery:J("small",o)}):"",C=p&&l?W({className:c,styles:p,mediaQuery:J("xsmall",o)}):"",x=i.animations&&i.animations.find(v=>v.trigger==="hover");let T="";if(x){const v=((m=(k=x.steps)==null?void 0:k[1])==null?void 0:m.styles)||{};T=W({className:`${c}:hover`,styles:{...v,transition:`all ${x.duration}s ${H(x.easing)}`,transitionDelay:x.delay?`${x.delay}s`:"0s"}})||""}return[S,g,y,C,T].join(" ")}return s.jsx(s.Fragment,{children:n()&&t()?s.jsx(s.Fragment,{children:s.jsx(O,{id:"builderio-block",styles:n(),nonce:e.context.nonce})}):null})}function wt(e){return e.charAt(0).toUpperCase()+e.slice(1)}const It=e=>`on${wt(e)}`,Et=(e,t)=>n=>F({code:e,context:t.context,localState:t.localState,rootState:t.rootState,rootSetState:t.rootSetState,event:n,isExpression:!1});function je(e){var i;const t={},n=(i=e.block.actions)!=null?i:{};for(const a in n){if(!n.hasOwnProperty(a))continue;const r=n[a];let o=It(a);if(e.stripPrefix)switch(h.TARGET){case"vue":o=o.replace("v-on:","");break;case"svelte":o=o.replace("on:","");break}t[o]=Et(r,e)}return t}function Rt({properties:e}){return e}const Pt=e=>({href:e.href});function ie({block:e,context:t}){var i;const n={...Pt(e),...e.properties,"builder-id":e.id,style:pt({block:e,context:t}),[$()]:[e.id,"builder-block",e.class,(i=e.properties)==null?void 0:i.class].filter(Boolean).join(" ")};return Rt({properties:n,context:t,block:e})}function jt(e){return s.jsx(te,{TagName:e.Wrapper,attributes:ie({block:e.block,context:e.context}),actionAttributes:je({block:e.block,rootState:e.context.rootState,rootSetState:e.context.rootSetState,localState:e.context.localState,context:e.context.context,stripPrefix:!0}),children:e.children})}function Vt(e){return f.useEffect(()=>{},[]),s.jsx(s.Fragment,{children:e.children})}function Bt(e){function t(){return e.includeBlockProps?{...ie({block:e.block,context:e.context}),...je({block:e.block,rootState:e.context.rootState,rootSetState:e.context.rootSetState,localState:e.context.localState,context:e.context.context})}:{}}return s.jsx(s.Fragment,{children:e.Wrapper.load?s.jsx(s.Fragment,{children:s.jsx(Vt,{load:e.Wrapper.load,fallback:e.Wrapper.fallback,props:e.wrapperProps,attributes:t(),children:e.children})}):s.jsx(e.Wrapper,{...e.wrapperProps,attributes:t(),children:e.children})})}const At=({componentOptions:e,builderBlock:t,context:n,componentRef:i,includeBlockProps:a,isInteractive:r,contextValue:o})=>{const l={...e,...a?{attributes:ie({block:t,context:o})}:{}};return r?{Wrapper:i,block:t,context:n,wrapperProps:e,includeBlockProps:a}:l};function se(e){var i;f.useState(()=>!1);const[t,n]=f.useState(()=>e.isInteractive?Bt:e.componentRef);return f.useEffect(()=>{},[e.componentOptions,e.blockChildren]),s.jsx(s.Fragment,{children:e.componentRef?s.jsx(s.Fragment,{children:s.jsx(t,{...At({componentOptions:e.componentOptions,builderBlock:e.builderBlock,context:e.context,componentRef:e.componentRef,linkComponent:e.linkComponent,includeBlockProps:e.includeBlockProps,isInteractive:e.isInteractive,contextValue:e.context}),children:(i=e.blockChildren)==null?void 0:i.map(a=>s.jsx(z,{block:a,context:e.context,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},a.id))})}):null})}function le(e){const[t,n]=f.useState(()=>e.repeatContext);return s.jsx(M.Provider,{value:t,children:s.jsx(z,{block:e.block,context:t,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent})})}function z(e){var b,p,c,S;function t(){return xt({block:e.block,context:e.context})}const[n,i]=f.useState(()=>({value:null,update:!1}));function a(){var y;if(n.value&&!n.update&&!h.isPreviewing())return n.value;const g=(y=e.block.repeat)!=null&&y.collection?e.block:ut({block:e.block,localState:e.context.localState,rootState:e.context.rootState,rootSetState:e.context.rootSetState,context:e.context.context});return n.value=g,n.update=!1,g}function r(){return yt({block:a(),registeredComponents:e.registeredComponents,model:e.context.model})}function o(){var y;return e.block.tagName==="a"||((y=a().properties)==null?void 0:y.href)||a().href?e.linkComponent||"a":e.block.tagName||"div"}function l(){var C,x;if((C=e.block.repeat)!=null&&C.collection)return!!((x=t==null?void 0:t())!=null&&x.length);const g="hide"in a()?a().hide:!1;return("show"in a()?a().show:!0)&&!g}function d(){var y,C;return!((y=r==null?void 0:r())!=null&&y.component)&&!t()?(C=a().children)!=null?C:[]:[]}function u(){var g,y,C,x;return{blockChildren:(g=a().children)!=null?g:[],componentRef:(y=r==null?void 0:r())==null?void 0:y.component,componentOptions:{...tt(a(),e.context),...kt(r(),a()),...Ct(r(),e.context),...vt(r(),e.linkComponent),...St(r(),e.registeredComponents,e.context.model)},context:e.context,linkComponent:e.linkComponent,registeredComponents:e.registeredComponents,builderBlock:a(),includeBlockProps:((C=r==null?void 0:r())==null?void 0:C.noWrap)===!0,isInteractive:!((x=r==null?void 0:r())!=null&&x.isRSC&&h.TARGET==="rsc")}}return f.useEffect(()=>{const g=a().id,y=a().animations;y&&g&&mt(y.map(C=>({...C,elementId:g})))},[]),f.useEffect(()=>{n.update=!0}),s.jsx(s.Fragment,{children:l()?s.jsxs(s.Fragment,{children:[s.jsx(Tt,{block:a(),context:e.context}),(b=r==null?void 0:r())!=null&&b.noWrap?t()?s.jsx(s.Fragment,{children:(S=t())==null?void 0:S.map((g,y)=>s.jsx(le,{repeatContext:g.context,block:g.block,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},y))}):s.jsx(se,{componentRef:u().componentRef,componentOptions:u().componentOptions,blockChildren:u().blockChildren,context:u().context,registeredComponents:u().registeredComponents,linkComponent:u().linkComponent,builderBlock:u().builderBlock,includeBlockProps:u().includeBlockProps,isInteractive:u().isInteractive}):s.jsx(s.Fragment,{children:t()?s.jsx(s.Fragment,{children:(c=t())==null?void 0:c.map((g,y)=>s.jsx(le,{repeatContext:g.context,block:g.block,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},y))}):s.jsxs(jt,{Wrapper:o(),block:a(),context:e.context,children:[s.jsx(se,{componentRef:u().componentRef,componentOptions:u().componentOptions,blockChildren:u().blockChildren,context:u().context,registeredComponents:u().registeredComponents,linkComponent:u().linkComponent,builderBlock:u().builderBlock,includeBlockProps:u().includeBlockProps,isInteractive:u().isInteractive}),(p=d())==null?void 0:p.map(g=>s.jsx(z,{block:g,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent,context:e.context},g.id))]})})]}):null})}function Nt(e){const t=f.useRef(null);f.useState(()=>!1);function n(){var o;return["builder-blocks",(o=e.blocks)!=null&&o.length?"":"no-blocks",e.classNameProp].filter(Boolean).join(" ")}function i(){if(!e.path)return;const o="this.",l="component.options.";return e.path.startsWith(o)?e.path.replace(o,""):e.path.startsWith(l)?e.path:`${l}${e.path||""}`}function a(){var o,l;h.isEditing()&&!((o=e.blocks)!=null&&o.length)&&((l=window.parent)==null||l.postMessage({type:"builder.clickEmptyBlocks",data:{parentElementId:e.parent,dataPath:i()}},"*"))}function r(){var o,l;h.isEditing()&&!((o=e.blocks)!=null&&o.length)&&((l=window.parent)==null||l.postMessage({type:"builder.hoverEmptyBlocks",data:{parentElementId:e.parent,dataPath:i()}},"*"))}return f.useEffect(()=>{},[]),f.useEffect(()=>{},[e.blocks]),s.jsxs(s.Fragment,{children:[s.jsx(e.BlocksWrapper,{ref:t,className:n()+" props-blocks-wrapper-14802cff","builder-path":i(),"builder-parent-id":e.parent,style:e.styleProp,onClick:o=>a(),onMouseEnter:o=>r(),onKeyPress:o=>a(),...e.BlocksWrapperProps,children:e.children}),s.jsx("style",{children:`.props-blocks-wrapper-14802cff {
|
|
9
9
|
display: flex;
|
|
10
10
|
flex-direction: column;
|
|
11
11
|
align-items: stretch;
|
|
12
|
-
}`})]})}function A(e){var i,a,r;const t=
|
|
12
|
+
}`})]})}function A(e){var i,a,r;const t=f.useContext(M),n=f.useContext(pe);return s.jsx(Nt,{blocks:e.blocks,parent:e.parent,path:e.path,styleProp:e.styleProp,classNameProp:e.className,BlocksWrapper:((i=e.context)==null?void 0:i.BlocksWrapper)||(t==null?void 0:t.BlocksWrapper),BlocksWrapperProps:((a=e.context)==null?void 0:a.BlocksWrapperProps)||(t==null?void 0:t.BlocksWrapperProps),children:e.blocks?s.jsx(s.Fragment,{children:(r=e.blocks)==null?void 0:r.map(o=>s.jsx(z,{block:o,linkComponent:e.linkComponent,context:e.context||t,registeredComponents:e.registeredComponents||(n==null?void 0:n.registeredComponents)},o.id))}):null})}const Ft=e=>`builder-columns ${e}-breakpoints`;function Ve(e){var y,C;function t(){return typeof e.space=="number"?e.space||0:20}function n(){return e.columns||[]}function i(){return e.stackColumnsAt||"tablet"}function a(x){return x.link?e.builderLinkComponent||"a":"div"}function r(x){var T;return((T=n()[x])==null?void 0:T.width)||100/n().length}function o(x){const T=r(x),w=t()*(n().length-1)*(T/100);return`calc(${T}% - ${w}px)`}function l({stackedStyle:x,desktopStyle:T}){return i()==="tablet"?x:T}function d({stackedStyle:x,desktopStyle:T}){return i()==="never"?T:x}function u(){return e.stackColumnsAt==="never"?"row":e.reverseColumnsWhenStacked?"column-reverse":"column"}function b(){return{"--flex-dir":u(),"--flex-dir-tablet":l({stackedStyle:u(),desktopStyle:"row"})}}function p(x){const T=x===0?0:t(),w=o(x),P=`${T}px`,E="100%",k=0;return{...{display:"flex",flexDirection:"column",alignItems:"stretch"},width:w,["marginLeft"]:P,"--column-width-mobile":d({stackedStyle:E,desktopStyle:w}),"--column-margin-left-mobile":d({stackedStyle:k,desktopStyle:P}),"--column-width-tablet":l({stackedStyle:E,desktopStyle:w}),"--column-margin-left-tablet":l({stackedStyle:k,desktopStyle:P})}}function c(x){var w,P;return Pe(((P=(w=e.builderContext.content)==null?void 0:w.meta)==null?void 0:P.breakpoints)||{})[x].max}function S(){const x=`.${e.builderBlock.id}-breakpoints > .builder-column`;return`
|
|
13
13
|
@media (max-width: ${c("medium")}px) {
|
|
14
14
|
.${e.builderBlock.id}-breakpoints {
|
|
15
15
|
flex-direction: var(--flex-dir-tablet);
|
|
@@ -33,10 +33,11 @@
|
|
|
33
33
|
margin-left: var(--column-margin-left-mobile) !important;
|
|
34
34
|
}
|
|
35
35
|
},
|
|
36
|
-
`}function
|
|
36
|
+
`}function g(x,T){return{...x.link?{href:x.link}:{},[$()]:"builder-column",style:Ie(p(T))}}return s.jsxs(s.Fragment,{children:[s.jsxs("div",{className:Ft((y=e.builderBlock)==null?void 0:y.id)+" div-0369db37",style:b(),children:[s.jsx(O,{id:"builderio-columns",styles:S(),nonce:e.builderContext.nonce}),(C=e.columns)==null?void 0:C.map((x,T)=>s.jsx(te,{TagName:a(x),actionAttributes:{},attributes:g(x,T),children:s.jsx(A,{path:`columns.${T}.blocks`,parent:e.builderBlock.id,context:e.builderContext,registeredComponents:e.builderComponents,linkComponent:e.builderLinkComponent,blocks:x.blocks,styleProp:{flexGrow:"1"}})},T))]}),s.jsx("style",{children:`.div-0369db37 {
|
|
37
37
|
display: flex;
|
|
38
38
|
line-height: normal;
|
|
39
|
-
|
|
39
|
+
height: 100%;
|
|
40
|
+
}`})]})}function Be(e){return s.jsx("span",{children:e.children})}function ce(e){return e.replace(/http(s)?:/,"")}function Wt(e="",t,n){const i=new RegExp("([?&])"+t+"=.*?(&|$)","i"),a=e.indexOf("?")!==-1?"&":"?";return e.match(i)?e.replace(i,"$1"+t+"="+encodeURIComponent(n)+"$2"):e+a+t+"="+encodeURIComponent(n)}function Dt(e,t){if(!e||!(e!=null&&e.match(/cdn\.shopify\.com/))||!t)return e;if(t==="master")return ce(e);const n=e.match(/(_\d+x(\d+)?)?(\.(jpg|jpeg|gif|png|bmp|bitmap|tiff|tif)(\?v=\d+)?)/i);if(n){const i=e.split(n[0]),a=n[3],r=t.match("x")?t:`${t}x`;return ce(`${i[0]}_${r}${a}`)}return null}function G(e){if(!e)return e;const t=[100,200,400,800,1200,1600,2e3];if(e.match(/builder\.io/)){let n=e;const i=Number(e.split("?width=")[1]);return isNaN(i)||(n=`${n} ${i}w`),t.filter(a=>a!==i).map(a=>`${Wt(e,"width",a)} ${a}w`).concat([n]).join(", ")}return e.match(/cdn\.shopify\.com/)?t.map(n=>[Dt(e,`${n}x${n}`),n]).filter(([n])=>!!n).map(([n,i])=>`${n} ${i}w`).concat([e]).join(", "):e}function Ae(e){var a,r,o,l,d,u;function t(){var c;const p=e.image||e.src;if(!p||!(typeof p=="string"&&(p.match(/builder\.io/)||p.match(/cdn\.shopify\.com/))))return e.srcset;if(!e.noWebp){if(e.srcset&&((c=e.image)!=null&&c.includes("builder.io/api/v1/image"))){if(!e.srcset.includes(e.image.split("?")[0]))return console.debug("Removed given srcset"),G(p)}else if(e.image&&!e.srcset)return G(p);return G(p)}}function n(){var b;return(b=t==null?void 0:t())!=null&&b.match(/builder\.io/)&&!e.noWebp?t().replace(/\?/g,"?format=webp&"):""}function i(){const b={position:"absolute",height:"100%",width:"100%",left:"0px",top:"0px"};return e.aspectRatio?b:void 0}return s.jsxs(s.Fragment,{children:[s.jsxs(s.Fragment,{children:[s.jsxs("picture",{children:[n()?s.jsx("source",{type:"image/webp",srcSet:n()}):null,s.jsx("img",{loading:e.highPriority?"eager":"lazy",fetchPriority:e.highPriority?"high":"auto",alt:e.altText,title:e.title,role:e.altText?void 0:"presentation",style:{objectPosition:e.backgroundPosition||"center",objectFit:e.backgroundSize||"cover",...i()},className:"builder-image"+(e.className?" "+e.className:"")+" img-1aa8aba3",src:e.image,srcSet:t(),sizes:e.sizes})]}),e.aspectRatio&&!((r=(a=e.builderBlock)==null?void 0:a.children)!=null&&r.length&&e.fitContent)?s.jsx("div",{className:"builder-image-sizer div-1aa8aba3",style:{paddingTop:e.aspectRatio*100+"%"}}):null,(l=(o=e.builderBlock)==null?void 0:o.children)!=null&&l.length&&e.fitContent?s.jsx(s.Fragment,{children:e.children}):null,!e.fitContent&&((u=(d=e.builderBlock)==null?void 0:d.children)!=null&&u.length)?s.jsx("div",{className:"div-1aa8aba3-2",children:e.children}):null]}),s.jsx("style",{children:`.img-1aa8aba3 {
|
|
40
41
|
opacity: 1;
|
|
41
42
|
transition: opacity 0.2s ease-in-out;
|
|
42
43
|
}.div-1aa8aba3 {
|
|
@@ -52,7 +53,7 @@
|
|
|
52
53
|
left: 0;
|
|
53
54
|
width: 100%;
|
|
54
55
|
height: 100%;
|
|
55
|
-
}`})]})}function Ne(e){return s.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 Q={"@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!"}}}]},Y={"@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!"}}}]},$t={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:[Q]},{name:"detail",type:"uiBlocks",hideFromUI:!0,defaultValue:[Y]}],defaultValue:[{title:[Q],detail:[Y]},{title:[Q],detail:[Y]}],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}},ue=e=>e.toString();function Ot(e){var p;const[t,n]=b.useState(()=>[]);function i(){return!!(e.grid||e.oneAtATime)}function a(){return{display:"flex",alignItems:"stretch",flexDirection:"column",...e.grid&&{flexDirection:"row",alignItems:"flex-start",flexWrap:"wrap"}}}function r(){const S={...{display:"flex",flexDirection:"column"},alignItems:"stretch",cursor:"pointer"};return Object.fromEntries(Object.entries(S).filter(([f,y])=>y!==void 0))}function o(c){return`builder-accordion-title builder-accordion-title-${t.includes(c)?"open":"closed"}`}function l(c){return`builder-accordion-detail builder-accordion-detail-${t.includes(c)?"open":"closed"}`}function d(){let c=null;if(e.grid&&t.length&&document){const f=t[0];let C=document.querySelector(`.builder-accordion-title[data-index="${f}"]`);if(c=f,C){let x=C.getBoundingClientRect();for(;C=C&&C.nextElementSibling;)if(C){if(C.classList.contains("builder-accordion-detail"))continue;const T=C.getBoundingClientRect();if(T.left>x.left){const w=parseInt(C.getAttribute("data-index")||"",10);isNaN(w)||(x=T,c=w)}else break}}}return typeof c=="number"&&(c=c+1),c}function u(){const c={order:typeof d()=="number"?d():void 0,...e.grid&&{width:"100%"}};return Object.fromEntries(Object.entries(c).filter(([S,f])=>f!==void 0))}function h(c){t.includes(c)?n(i()?[]:t.filter(S=>S!==c)):n(i()?[c]:t.concat(c))}return s.jsx("div",{className:"builder-accordion",style:a(),children:(p=e.items)==null?void 0:p.map((c,S)=>s.jsxs(qe.Fragment,{children:[s.jsx("div",{className:o(S),style:{...r(),...e.grid&&{width:e.gridRowWidth,order:d()!==null?ue(S):ue(S+1)}},"data-index":S,onClick:f=>h(S),children:s.jsx(A,{blocks:c.title,path:`items.${S}.title`,parent:e.builderBlock.id,context:e.builderContext,registeredComponents:e.builderComponents,linkComponent:e.builderLinkComponent})}),t.includes(S)?s.jsx("div",{className:l(S),style:u(),children:s.jsx(A,{blocks:c.detail,path:`items.${S}.detail`,parent:e.builderBlock.id,context:e.builderContext,registeredComponents:e.builderComponents,linkComponent:e.builderLinkComponent})}):null]},S))})}const Lt={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}},Ut={name:"Columns",isRSC:!0,inputs:[{name:"columns",type:"array",broadcast:!0,subFields:[{name:"blocks",type:"array",hideFromUI:!0,defaultValue:[{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{display:"flex",flexDirection:"column",alignItems:"stretch",flexShrink:"0",position:"relative",marginTop:"30px",textAlign:"center",lineHeight:"normal",height:"auto",minHeight:"20px",minWidth:"20px",overflow:"hidden"}},component:{name:"Image",options:{image:"https://builder.io/api/v1/image/assets%2Fpwgjf0RoYWbdnJSbpBAjXNRMe9F2%2Ffb27a7c790324294af8be1c35fe30f4d",backgroundPosition:"center",backgroundSize:"cover",aspectRatio:.7004048582995948}}},{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{display:"flex",flexDirection:"column",alignItems:"stretch",flexShrink:"0",position:"relative",marginTop:"30px",textAlign:"center",lineHeight:"normal",height:"auto"}},component:{name:"Text",options:{text:"<p>Enter some text...</p>"}}}]},{name:"width",type:"number",hideFromUI:!0,helperText:"Width %, e.g. set to 50 to fill half of the space"},{name:"link",type:"url",helperText:"Optionally set a url that clicking this column will link to"}],defaultValue:[{blocks:[{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{display:"flex",flexDirection:"column",alignItems:"stretch",flexShrink:"0",position:"relative",marginTop:"30px",textAlign:"center",lineHeight:"normal",height:"auto",minHeight:"20px",minWidth:"20px",overflow:"hidden"}},component:{name:"Image",options:{image:"https://builder.io/api/v1/image/assets%2Fpwgjf0RoYWbdnJSbpBAjXNRMe9F2%2Ffb27a7c790324294af8be1c35fe30f4d",backgroundPosition:"center",backgroundSize:"cover",aspectRatio:.7004048582995948}}},{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{display:"flex",flexDirection:"column",alignItems:"stretch",flexShrink:"0",position:"relative",marginTop:"30px",textAlign:"center",lineHeight:"normal",height:"auto"}},component:{name:"Text",options:{text:"<p>Enter some text...</p>"}}}]},{blocks:[{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{display:"flex",flexDirection:"column",alignItems:"stretch",flexShrink:"0",position:"relative",marginTop:"30px",textAlign:"center",lineHeight:"normal",height:"auto",minHeight:"20px",minWidth:"20px",overflow:"hidden"}},component:{name:"Image",options:{image:"https://builder.io/api/v1/image/assets%2Fpwgjf0RoYWbdnJSbpBAjXNRMe9F2%2Ffb27a7c790324294af8be1c35fe30f4d",backgroundPosition:"center",backgroundSize:"cover",aspectRatio:.7004048582995948}}},{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{display:"flex",flexDirection:"column",alignItems:"stretch",flexShrink:"0",position:"relative",marginTop:"30px",textAlign:"center",lineHeight:"normal",height:"auto"}},component:{name:"Text",options:{text:"<p>Enter some text...</p>"}}}]}],onChange:e=>{function t(){n.forEach(i=>{i.delete("width")})}const n=e.get("columns");Array.isArray(n)&&n.find(a=>a.get("width"))&&(n.find(r=>!r.get("width"))||n.reduce((l,d)=>l+d.get("width"),0)!==100)&&t()}},{name:"space",type:"number",defaultValue:20,helperText:"Size of gap between columns",advanced:!0},{name:"stackColumnsAt",type:"string",defaultValue:"tablet",helperText:"Convert horizontal columns to vertical at what device size",enum:["tablet","mobile","never"],advanced:!0},{name:"reverseColumnsWhenStacked",type:"boolean",defaultValue:!1,helperText:"When stacking columns for mobile devices, reverse the ordering",advanced:!0}],shouldReceiveBuilderProps:{builderBlock:!0,builderContext:!0,builderComponents:!0,builderLinkComponent:!0}},_t={name:"Fragment",static:!0,hidden:!0,canHaveChildren:!0,noWrap:!0},ae=["jpeg","jpg","png","svg","webp","gif","jfif","pjpeg","pjp","apng","avif","tif","tiff","heif","bmp","eps","raw","cr2","nef","orf","sr2","psd","heic","dib","ai"],qt=["mp4","webm","mkv","flv","vob","ogv","ogg","drc","gif","gifv","mng","avi","mov","qt","mts","m2ts","ts","wmv","yuv","rm","rmvb","viv","asf","amv","m4p","mpeg","mpe","m2v","m4v","svi","3gp","3g2","mxf","roq","nsv","f4v","f4p","f4a","f4b"],Mt={name:"Image",static:!0,image:"https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-insert_photo-24px.svg?alt=media&token=4e5d0ef4-f5e8-4e57-b3a9-38d63a9b9dc4",defaultStyles:{position:"relative",minHeight:"20px",minWidth:"20px",overflow:"hidden"},canHaveChildren:!0,inputs:[{name:"image",type:"file",bubble:!0,allowedFileTypes:ae,required:!0,defaultValue:"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F72c80f114dc149019051b6852a9e3b7a",onChange:e=>{e.delete("srcset"),e.delete("noWebp");function n(o,l=6e4){return new Promise((d,u)=>{const h=document.createElement("img");let p=!1;h.onload=()=>{p=!0,d(h)},h.addEventListener("error",c=>{console.warn("Image load failed",c.error),u(c.error)}),h.src=o,setTimeout(()=>{p||u(new Error("Image load timed out"))},l)})}function i(o){return Math.round(o*1e3)/1e3}const a=e.get("image"),r=e.get("aspectRatio");if(fetch(a).then(o=>o.blob()).then(o=>{o.type.includes("svg")&&e.set("noWebp",!0)}),a&&(!r||r===.7041))return n(a).then(o=>{const l=e.get("aspectRatio");e.get("image")===a&&(!l||l===.7041)&&o.width&&o.height&&(e.set("aspectRatio",i(o.height/o.width)),e.set("height",o.height),e.set("width",o.width))})}},{name:"backgroundSize",type:"text",defaultValue:"cover",enum:[{label:"contain",value:"contain",helperText:"The image should never get cropped"},{label:"cover",value:"cover",helperText:"The image should fill it's box, cropping when needed"}]},{name:"backgroundPosition",type:"text",defaultValue:"center",enum:["center","top","left","right","bottom","top left","top right","bottom left","bottom right"]},{name:"altText",type:"string",helperText:"Text to display when the user has images off"},{name:"title",type:"string",helperText:"Text to display when hovering over the asset"},{name:"height",type:"number",hideFromUI:!0},{name:"width",type:"number",hideFromUI:!0},{name:"sizes",type:"string",hideFromUI:!0},{name:"srcset",type:"string",hideFromUI:!0},{name:"lazy",type:"boolean",defaultValue:!0,hideFromUI:!0},{name:"fitContent",type:"boolean",helperText:"When child blocks are provided, fit to them instead of using the image's aspect ratio",defaultValue:!0},{name:"highPriority",type:"boolean",advanced:!0,helperText:"Mark this image as high priority compared to other images on the page. This prevents lazy loading of the image and tells the browser to load this image before others on the page."},{name:"aspectRatio",type:"number",helperText:"This is the ratio of height/width, e.g. set to 1.5 for a 300px wide and 200px tall photo. Set to 0 to not force the image to maintain it's aspect ratio",advanced:!0,defaultValue:.7041}],shouldReceiveBuilderProps:{builderBlock:!0}},Ht={name:"PersonalizationContainer",shouldReceiveBuilderProps:{builderBlock:!0,builderContext:!0},noWrap:!0,image:"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F37229ed30d8c41dfb10b8cca1992053a",canHaveChildren:!0,inputs:[{name:"variants",defaultValue:[],behavior:"personalizationVariantList",type:"list",subFields:[{name:"name",type:"text"},{name:"query",friendlyName:"Targeting rules",type:"BuilderQuery",defaultValue:[]},{name:"startDate",type:"date"},{name:"endDate",type:"date"},{name:"blocks",type:"uiBlocks",hideFromUI:!0,defaultValue:[]}]}]};function q(e){return s.jsx("script",{dangerouslySetInnerHTML:{__html:e.scriptStr},"data-id":e.id,nonce:e.nonce||""})}function zt(e,t,n,i){function a(u){return typeof u=="string"}function r(u){return typeof u=="number"}function o(u,h){return(()=>{const c=h.property,S=h.operator;let f=h.value;if(h&&h.property==="urlPath"&&h.value&&typeof h.value=="string"&&h.value!=="/"&&h.value.endsWith("/")&&(f=h.value.slice(0,-1)),!(c&&S))return!0;if(Array.isArray(f))return S==="isNot"?f.every(C=>o(u,{property:c,operator:S,value:C})):!!f.find(C=>o(u,{property:c,operator:S,value:C}));const y=u[c];if(Array.isArray(y))return y.includes(f);switch(S){case"is":return y===f;case"isNot":return y!==f;case"contains":return(a(y)||Array.isArray(y))&&y.includes(String(f));case"startsWith":return a(y)&&y.startsWith(String(f));case"endsWith":return a(y)&&y.endsWith(String(f));case"greaterThan":return r(y)&&r(f)&&y>f;case"lessThan":return r(y)&&r(f)&&y<f;case"greaterThanOrEqualTo":return r(y)&&r(f)&&y>=f;case"lessThanOrEqualTo":return r(y)&&r(f)&&y<=f;default:return!1}})()}const l={query:t,startDate:n,endDate:i},d=e.date&&new Date(e.date)||new Date;return l.startDate&&new Date(l.startDate)>d||l.endDate&&new Date(l.endDate)<d?!1:!l.query||!l.query.length?!0:l.query.every(u=>o(e,u))}const Kt=`function getPersonalizedVariant(variants, blockId, locale) {
|
|
56
|
+
}`})]})}function Ne(e){return s.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 Q={"@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!"}}}]},Y={"@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!"}}}]},$t={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:[Q]},{name:"detail",type:"uiBlocks",hideFromUI:!0,defaultValue:[Y]}],defaultValue:[{title:[Q],detail:[Y]},{title:[Q],detail:[Y]}],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}},ue=e=>e.toString();function Ot(e){var p;const[t,n]=f.useState(()=>[]);function i(){return!!(e.grid||e.oneAtATime)}function a(){return{display:"flex",alignItems:"stretch",flexDirection:"column",...e.grid&&{flexDirection:"row",alignItems:"flex-start",flexWrap:"wrap"}}}function r(){const S={...{display:"flex",flexDirection:"column"},alignItems:"stretch",cursor:"pointer"};return Object.fromEntries(Object.entries(S).filter(([g,y])=>y!==void 0))}function o(c){return`builder-accordion-title builder-accordion-title-${t.includes(c)?"open":"closed"}`}function l(c){return`builder-accordion-detail builder-accordion-detail-${t.includes(c)?"open":"closed"}`}function d(){let c=null;if(e.grid&&t.length&&document){const g=t[0];let C=document.querySelector(`.builder-accordion-title[data-index="${g}"]`);if(c=g,C){let x=C.getBoundingClientRect();for(;C=C&&C.nextElementSibling;)if(C){if(C.classList.contains("builder-accordion-detail"))continue;const T=C.getBoundingClientRect();if(T.left>x.left){const w=parseInt(C.getAttribute("data-index")||"",10);isNaN(w)||(x=T,c=w)}else break}}}return typeof c=="number"&&(c=c+1),c}function u(){const c={order:typeof d()=="number"?d():void 0,...e.grid&&{width:"100%"}};return Object.fromEntries(Object.entries(c).filter(([S,g])=>g!==void 0))}function b(c){t.includes(c)?n(i()?[]:t.filter(S=>S!==c)):n(i()?[c]:t.concat(c))}return s.jsx("div",{className:"builder-accordion",style:a(),children:(p=e.items)==null?void 0:p.map((c,S)=>s.jsxs(qe.Fragment,{children:[s.jsx("div",{className:o(S),style:{...r(),...e.grid&&{width:e.gridRowWidth,order:d()!==null?ue(S):ue(S+1)}},"data-index":S,onClick:g=>b(S),children:s.jsx(A,{blocks:c.title,path:`items.${S}.title`,parent:e.builderBlock.id,context:e.builderContext,registeredComponents:e.builderComponents,linkComponent:e.builderLinkComponent})}),t.includes(S)?s.jsx("div",{className:l(S),style:u(),children:s.jsx(A,{blocks:c.detail,path:`items.${S}.detail`,parent:e.builderBlock.id,context:e.builderContext,registeredComponents:e.builderComponents,linkComponent:e.builderLinkComponent})}):null]},S))})}const Lt={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}},Ut={name:"Columns",isRSC:!0,inputs:[{name:"columns",type:"array",broadcast:!0,subFields:[{name:"blocks",type:"array",hideFromUI:!0,defaultValue:[{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{display:"flex",flexDirection:"column",alignItems:"stretch",flexShrink:"0",position:"relative",marginTop:"30px",textAlign:"center",lineHeight:"normal",height:"auto",minHeight:"20px",minWidth:"20px",overflow:"hidden"}},component:{name:"Image",options:{image:"https://builder.io/api/v1/image/assets%2Fpwgjf0RoYWbdnJSbpBAjXNRMe9F2%2Ffb27a7c790324294af8be1c35fe30f4d",backgroundPosition:"center",backgroundSize:"cover",aspectRatio:.7004048582995948}}},{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{display:"flex",flexDirection:"column",alignItems:"stretch",flexShrink:"0",position:"relative",marginTop:"30px",textAlign:"center",lineHeight:"normal",height:"auto"}},component:{name:"Text",options:{text:"<p>Enter some text...</p>"}}}]},{name:"width",type:"number",hideFromUI:!0,helperText:"Width %, e.g. set to 50 to fill half of the space"},{name:"link",type:"url",helperText:"Optionally set a url that clicking this column will link to"}],defaultValue:[{blocks:[{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{display:"flex",flexDirection:"column",alignItems:"stretch",flexShrink:"0",position:"relative",marginTop:"30px",textAlign:"center",lineHeight:"normal",height:"auto",minHeight:"20px",minWidth:"20px",overflow:"hidden"}},component:{name:"Image",options:{image:"https://builder.io/api/v1/image/assets%2Fpwgjf0RoYWbdnJSbpBAjXNRMe9F2%2Ffb27a7c790324294af8be1c35fe30f4d",backgroundPosition:"center",backgroundSize:"cover",aspectRatio:.7004048582995948}}},{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{display:"flex",flexDirection:"column",alignItems:"stretch",flexShrink:"0",position:"relative",marginTop:"30px",textAlign:"center",lineHeight:"normal",height:"auto"}},component:{name:"Text",options:{text:"<p>Enter some text...</p>"}}}]},{blocks:[{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{display:"flex",flexDirection:"column",alignItems:"stretch",flexShrink:"0",position:"relative",marginTop:"30px",textAlign:"center",lineHeight:"normal",height:"auto",minHeight:"20px",minWidth:"20px",overflow:"hidden"}},component:{name:"Image",options:{image:"https://builder.io/api/v1/image/assets%2Fpwgjf0RoYWbdnJSbpBAjXNRMe9F2%2Ffb27a7c790324294af8be1c35fe30f4d",backgroundPosition:"center",backgroundSize:"cover",aspectRatio:.7004048582995948}}},{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{display:"flex",flexDirection:"column",alignItems:"stretch",flexShrink:"0",position:"relative",marginTop:"30px",textAlign:"center",lineHeight:"normal",height:"auto"}},component:{name:"Text",options:{text:"<p>Enter some text...</p>"}}}]}],onChange:e=>{function t(){n.forEach(i=>{i.delete("width")})}const n=e.get("columns");Array.isArray(n)&&n.find(a=>a.get("width"))&&(n.find(r=>!r.get("width"))||n.reduce((l,d)=>l+d.get("width"),0)!==100)&&t()}},{name:"space",type:"number",defaultValue:20,helperText:"Size of gap between columns",advanced:!0},{name:"stackColumnsAt",type:"string",defaultValue:"tablet",helperText:"Convert horizontal columns to vertical at what device size",enum:["tablet","mobile","never"],advanced:!0},{name:"reverseColumnsWhenStacked",type:"boolean",defaultValue:!1,helperText:"When stacking columns for mobile devices, reverse the ordering",advanced:!0}],shouldReceiveBuilderProps:{builderBlock:!0,builderContext:!0,builderComponents:!0,builderLinkComponent:!0}},_t={name:"Fragment",static:!0,hidden:!0,canHaveChildren:!0,noWrap:!0},ae=["jpeg","jpg","png","svg","webp","gif","jfif","pjpeg","pjp","apng","avif","tif","tiff","heif","bmp","eps","raw","cr2","nef","orf","sr2","psd","heic","dib","ai"],qt=["mp4","webm","mkv","flv","vob","ogv","ogg","drc","gif","gifv","mng","avi","mov","qt","mts","m2ts","ts","wmv","yuv","rm","rmvb","viv","asf","amv","m4p","mpeg","mpe","m2v","m4v","svi","3gp","3g2","mxf","roq","nsv","f4v","f4p","f4a","f4b"],Mt={name:"Image",static:!0,image:"https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-insert_photo-24px.svg?alt=media&token=4e5d0ef4-f5e8-4e57-b3a9-38d63a9b9dc4",defaultStyles:{position:"relative",minHeight:"20px",minWidth:"20px",overflow:"hidden"},canHaveChildren:!0,inputs:[{name:"image",type:"file",bubble:!0,allowedFileTypes:ae,required:!0,defaultValue:"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F72c80f114dc149019051b6852a9e3b7a",onChange:e=>{e.delete("srcset"),e.delete("noWebp");function n(o,l=6e4){return new Promise((d,u)=>{const b=document.createElement("img");let p=!1;b.onload=()=>{p=!0,d(b)},b.addEventListener("error",c=>{console.warn("Image load failed",c.error),u(c.error)}),b.src=o,setTimeout(()=>{p||u(new Error("Image load timed out"))},l)})}function i(o){return Math.round(o*1e3)/1e3}const a=e.get("image"),r=e.get("aspectRatio");if(fetch(a).then(o=>o.blob()).then(o=>{o.type.includes("svg")&&e.set("noWebp",!0)}),a&&(!r||r===.7041))return n(a).then(o=>{const l=e.get("aspectRatio");e.get("image")===a&&(!l||l===.7041)&&o.width&&o.height&&(e.set("aspectRatio",i(o.height/o.width)),e.set("height",o.height),e.set("width",o.width))})}},{name:"backgroundSize",type:"text",defaultValue:"cover",enum:[{label:"contain",value:"contain",helperText:"The image should never get cropped"},{label:"cover",value:"cover",helperText:"The image should fill it's box, cropping when needed"}]},{name:"backgroundPosition",type:"text",defaultValue:"center",enum:["center","top","left","right","bottom","top left","top right","bottom left","bottom right"]},{name:"altText",type:"string",helperText:"Text to display when the user has images off"},{name:"title",type:"string",helperText:"Text to display when hovering over the asset"},{name:"height",type:"number",hideFromUI:!0},{name:"width",type:"number",hideFromUI:!0},{name:"sizes",type:"string",hideFromUI:!0},{name:"srcset",type:"string",hideFromUI:!0},{name:"lazy",type:"boolean",defaultValue:!0,hideFromUI:!0},{name:"fitContent",type:"boolean",helperText:"When child blocks are provided, fit to them instead of using the image's aspect ratio",defaultValue:!0},{name:"highPriority",type:"boolean",advanced:!0,helperText:"Mark this image as high priority compared to other images on the page. This prevents lazy loading of the image and tells the browser to load this image before others on the page."},{name:"aspectRatio",type:"number",helperText:"This is the ratio of height/width, e.g. set to 1.5 for a 300px wide and 200px tall photo. Set to 0 to not force the image to maintain it's aspect ratio",advanced:!0,defaultValue:.7041}],shouldReceiveBuilderProps:{builderBlock:!0}},Ht={name:"PersonalizationContainer",shouldReceiveBuilderProps:{builderBlock:!0,builderContext:!0},noWrap:!0,image:"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F37229ed30d8c41dfb10b8cca1992053a",canHaveChildren:!0,inputs:[{name:"variants",defaultValue:[],behavior:"personalizationVariantList",type:"list",subFields:[{name:"name",type:"text"},{name:"query",friendlyName:"Targeting rules",type:"BuilderQuery",defaultValue:[]},{name:"startDate",type:"date"},{name:"endDate",type:"date"},{name:"blocks",type:"uiBlocks",hideFromUI:!0,defaultValue:[]}]}]};function q(e){return s.jsx("script",{dangerouslySetInnerHTML:{__html:e.scriptStr},"data-id":e.id,nonce:e.nonce||""})}function zt(e,t,n,i){function a(u){return typeof u=="string"}function r(u){return typeof u=="number"}function o(u,b){return(()=>{const c=b.property,S=b.operator;let g=b.value;if(b&&b.property==="urlPath"&&b.value&&typeof b.value=="string"&&b.value!=="/"&&b.value.endsWith("/")&&(g=b.value.slice(0,-1)),!(c&&S))return!0;if(Array.isArray(g))return S==="isNot"?g.every(C=>o(u,{property:c,operator:S,value:C})):!!g.find(C=>o(u,{property:c,operator:S,value:C}));const y=u[c];if(Array.isArray(y))return y.includes(g);switch(S){case"is":return y===g;case"isNot":return y!==g;case"contains":return(a(y)||Array.isArray(y))&&y.includes(String(g));case"startsWith":return a(y)&&y.startsWith(String(g));case"endsWith":return a(y)&&y.endsWith(String(g));case"greaterThan":return r(y)&&r(g)&&y>g;case"lessThan":return r(y)&&r(g)&&y<g;case"greaterThanOrEqualTo":return r(y)&&r(g)&&y>=g;case"lessThanOrEqualTo":return r(y)&&r(g)&&y<=g;default:return!1}})()}const l={query:t,startDate:n,endDate:i},d=e.date&&new Date(e.date)||new Date;return l.startDate&&new Date(l.startDate)>d||l.endDate&&new Date(l.endDate)<d?!1:!l.query||!l.query.length?!0:l.query.every(u=>o(e,u))}const Kt=`function getPersonalizedVariant(variants, blockId, locale) {
|
|
56
57
|
if (!navigator.cookieEnabled) {
|
|
57
58
|
return;
|
|
58
59
|
}
|
|
@@ -183,13 +184,13 @@
|
|
|
183
184
|
return item.query.every(filter => {
|
|
184
185
|
return objectMatchesQuery(userAttributes, filter);
|
|
185
186
|
});
|
|
186
|
-
}`;function Gt(e,t){return!(!(e&&e.length>0)||!t||
|
|
187
|
+
}`;function Gt(e,t){return!(!(e&&e.length>0)||!t||h.isBrowser())}function Qt({variants:e,previewingIndex:t,isHydrated:n,filteredVariants:i,fallbackBlocks:a}){var o;const r={blocks:a!=null?a:[],path:"this.children"};if(n&&h.isEditing())return typeof t=="number"&&t<((o=e==null?void 0:e.length)!=null?o:0)?{blocks:e[t].blocks,path:`component.options.variants.${t}.blocks`}:r;if(h.isBrowser()){const l=i==null?void 0:i[0];if(l)return{blocks:l.blocks,path:`component.options.variants.${e==null?void 0:e.indexOf(l)}.blocks`}}return r}const Yt=(e,t,n)=>`
|
|
187
188
|
(function() {
|
|
188
189
|
${Jt}
|
|
189
190
|
${Kt}
|
|
190
191
|
getPersonalizedVariant(${JSON.stringify(e)}, "${t}"${n?`, "${n}"`:""})
|
|
191
192
|
})();
|
|
192
|
-
`;function Xt(e){var y,C,x,T,w,P,E;const t=b.useRef(null),[n,i]=b.useState(()=>g.userAttributesService.getUserAttributes()),[a,r]=b.useState(()=>{var k,m,v;return Yt(e.variants,((k=e.builderBlock)==null?void 0:k.id)||"none",(v=(m=e.builderContext)==null?void 0:m.rootState)==null?void 0:v.locale)}),[o,l]=b.useState(()=>[]),[d,u]=b.useState(()=>{var k;return Gt(e.variants,g.getDefaultCanTrack((k=e.builderContext)==null?void 0:k.canTrack))}),[h,p]=b.useState(()=>!1);function c(){return(e.variants||[]).filter(k=>{var m,v,I,R;return zt({...(v=(m=e.builderContext)==null?void 0:m.rootState)!=null&&v.locale?{locale:(R=(I=e.builderContext)==null?void 0:I.rootState)==null?void 0:R.locale}:{},...n},k.query,k.startDate,k.endDate)})}function S(){var k;return Qt({variants:e.variants,fallbackBlocks:(k=e.builderBlock)==null?void 0:k.children,isHydrated:h,filteredVariants:c(),previewingIndex:e.previewingIndex})}function f(){return(e.variants||[]).map((k,m)=>{var v;return`[data-variant-id="${(v=e.builderBlock)==null?void 0:v.id}-${m}"] { display: none; } `}).join("")}return b.useEffect(()=>{var m;p(!0);const k=g.userAttributesService.subscribeOnUserAttributesChange(v=>{i(v)});if(!(g.isEditing()||g.isPreviewing())){const v=c()[0];t.current&&(t.current.dispatchEvent(new CustomEvent("builder.variantLoaded",{detail:{variant:v||"default",content:(m=e.builderContext)==null?void 0:m.content},bubbles:!0})),new IntersectionObserver(R=>{R.forEach(j=>{var V;j.isIntersecting&&t.current&&t.current.dispatchEvent(new CustomEvent("builder.variantDisplayed",{detail:{variant:v||"default",content:(V=e.builderContext)==null?void 0:V.content},bubbles:!0}))})}).observe(t.current))}o.push(k)},[]),b.useEffect(()=>()=>{o.forEach(k=>k())},[]),s.jsxs("div",{ref:t,...e.attributes,className:`builder-personalization-container ${((y=e.attributes)==null?void 0:y.className)||""}`,children:[d?s.jsxs(s.Fragment,{children:[(C=e.variants)==null?void 0:C.map((k,m)=>{var v,I;return s.jsx("template",{"data-variant-id":`${(v=e.builderBlock)==null?void 0:v.id}-${m}`,children:s.jsx(A,{blocks:k.blocks,parent:(I=e.builderBlock)==null?void 0:I.id,path:`component.options.variants.${m}.blocks`})},m)}),s.jsx(O,{nonce:((x=e.builderContext)==null?void 0:x.nonce)||"",styles:f(),id:`variants-styles-${(T=e.builderBlock)==null?void 0:T.id}`}),s.jsx(q,{nonce:((w=e.builderContext)==null?void 0:w.nonce)||"",scriptStr:a,id:`variants-script-${(P=e.builderBlock)==null?void 0:P.id}`})]}):null,s.jsx(A,{blocks:S().blocks,parent:(E=e.builderBlock)==null?void 0:E.id,path:S().path})]})}const Zt={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>"}}}]},en={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 tn(e){var t,n,i;return s.jsx("div",{style:{pointerEvents:"auto"},...!((t=e.builderContext.context)!=null&&t.symbolId)&&{"builder-slot":e.name},children:s.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 nn={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}},X={"@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"}}},Z={"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{height:"200px",display:"flex",marginTop:"20px",flexDirection:"column"}},component:{name:"Text",options:{text:"New tab content "}}},an={name:"Builder: Tabs",inputs:[{name:"tabs",type:"list",broadcast:!0,subFields:[{name:"label",type:"uiBlocks",hideFromUI:!0,defaultValue:[X]},{name:"content",type:"uiBlocks",hideFromUI:!0,defaultValue:[Z]}],defaultValue:[{label:[{...X,component:{name:"Text",options:{text:"Tab 1"}}}],content:[{...Z,component:{name:"Text",options:{text:"Tab 1 content"}}}]},{label:[{...X,component:{name:"Text",options:{text:"Tab 2"}}}],content:[{...Z,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 rn(e){var r;const[t,n]=b.useState(()=>e.defaultActiveTab?e.defaultActiveTab-1:0);function i(o){return e.tabs&&e.tabs[o].content}function a(o){o===t&&e.collapsible?n(-1):n(o)}return s.jsxs("div",{children:[s.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((o,l)=>s.jsx("span",{className:`builder-tab-wrap ${t===l?"builder-tab-active":""}`,style:{...t===l?e.activeTabStyle:{}},onClick:d=>a(l),children:s.jsx(A,{parent:e.builderBlock.id,path:`tabs.${l}.label`,blocks:o.label,context:e.builderContext,registeredComponents:e.builderComponents,linkComponent:e.builderLinkComponent})},l))}),i(t)?s.jsx("div",{children:s.jsx(A,{parent:e.builderBlock.id,path:`tabs.${t}.content`,blocks:i(t),context:e.builderContext,registeredComponents:e.builderComponents,linkComponent:e.builderLinkComponent})}):null]})}const on={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 Fe(e){var t;return s.jsx("div",{className:"builder-text",dangerouslySetInnerHTML:{__html:((t=e.text)==null?void 0:t.toString())||""},style:{outline:"none"}})}const sn={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 ln(e){const t=b.useRef(null),[n,i]=b.useState(()=>[]),[a,r]=b.useState(()=>[]);function o(){var d;if(!t.current||!((d=t.current)!=null&&d.getElementsByTagName)||typeof window=="undefined")return;const l=t.current.getElementsByTagName("script");for(let u=0;u<l.length;u++){const h=l[u];if(h.src){if(n.includes(h.src))continue;n.push(h.src);const p=document.createElement("script");p.async=!0,p.src=h.src,document.head.appendChild(p)}else if(!h.type||["text/javascript","application/javascript","application/ecmascript"].includes(h.type)){if(a.includes(h.innerText))continue;try{a.push(h.innerText),new Function(h.innerText)()}catch(p){g.logger.warn("[BUILDER.IO] `CustomCode`: Error running script:",p)}}}}return b.useEffect(()=>{o()},[]),b.useEffect(()=>{g.isEditing()&&o()},[e.code]),s.jsx("div",{ref:t,className:"builder-custom-code"+(e.replaceNodes?" replace-nodes":""),dangerouslySetInnerHTML:{__html:e.code}})}const cn={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}]},un=["text/javascript","application/javascript","application/ecmascript"],dn=e=>un.includes(e.type);function mn(e){const t=b.useRef(null),[n,i]=b.useState(()=>[]),[a,r]=b.useState(()=>[]),[o,l]=b.useState(()=>!1);function d(){if(!t.current||!t.current.getElementsByTagName)return;const u=t.current.getElementsByTagName("script");for(let h=0;h<u.length;h++){const p=u[h];if(p.src&&!n.includes(p.src)){n.push(p.src);const c=document.createElement("script");c.async=!0,c.src=p.src,document.head.appendChild(c)}else if(dn(p)&&!a.includes(p.innerText))try{a.push(p.innerText),new Function(p.innerText)()}catch(c){g.logger.warn("[BUILDER.IO] `Embed`: Error running script:",c)}}}return b.useEffect(()=>{t.current&&!o&&(l(!0),d())},[t.current,o]),s.jsx("div",{className:"builder-embed",ref:t,dangerouslySetInnerHTML:{__html:e.content}})}const fn={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}},gn=["production","qa","test","development","dev","cdn-qa","cloud","fast","cdn2","cdn-prod"],hn=()=>{const e=process.env.NODE_ENV||"production";return gn.includes(e)?e:"production"};function bn(e){const t=b.useRef(null),[n,i]=b.useState(()=>"unsubmitted"),[a,r]=b.useState(()=>null),[o,l]=b.useState(()=>"");function d(p){var S,f;const c={...e.builderContext.rootState,...p};e.builderContext.rootSetState?(f=(S=e.builderContext).rootSetState)==null||f.call(S,c):e.builderContext.rootState=c}function u(){return g.isEditing()&&e.previewState||n}function h(p){var S;const c=e.sendWithJs||e.sendSubmissionsTo==="email";if(e.sendSubmissionsTo==="zapier")p.preventDefault();else if(c){if(!(e.action||e.sendSubmissionsTo==="email")){p.preventDefault();return}p.preventDefault();const f=p.currentTarget||p.target,y=e.customHeaders||{};let C;const x=new FormData(f),T=Array.from(f.querySelectorAll("input,select,textarea")).filter(m=>!!m.name).map(m=>{let v;const I=m.name;if(m instanceof HTMLInputElement)if(m.type==="radio"){if(m.checked)return v=m.name,{key:I,value:v}}else if(m.type==="checkbox")v=m.checked;else if(m.type==="number"||m.type==="range"){const R=m.valueAsNumber;isNaN(R)||(v=R)}else m.type==="file"?v=m.files:v=m.value;else v=m.value;return{key:I,value:v}});let w=e.contentType;if(e.sendSubmissionsTo==="email"&&(w="multipart/form-data"),Array.from(T).forEach(({value:m})=>{(m instanceof File||Array.isArray(m)&&m[0]instanceof File||m instanceof FileList)&&(w="multipart/form-data")}),w!=="application/json")C=x;else{const m={};Array.from(T).forEach(({value:v,key:I})=>{Se(m,I,v)}),C=JSON.stringify(m)}w&&w!=="multipart/form-data"&&(c&&((S=e.action)!=null&&S.includes("zapier.com"))||(y["content-type"]=w));const P=new CustomEvent("presubmit",{detail:{body:C}});if(t.current&&(t.current.dispatchEvent(P),P.defaultPrevented))return;i("sending");const E=`${hn()==="dev"?"http://localhost:5000":"https://builder.io"}/api/v1/form-submit?apiKey=${e.builderContext.apiKey}&to=${btoa(e.sendSubmissionsToEmail||"")}&name=${encodeURIComponent(e.name||"")}`,k=e.sendSubmissionsTo==="email"?E:e.action;g.logFetch(k),fetch(k,{body:C,headers:y,method:e.method||"post"}).then(async m=>{let v;const I=m.headers.get("content-type");if(I&&I.indexOf("application/json")!==-1?v=await m.json():v=await m.text(),!m.ok&&e.errorMessagePath){let R=ye(v,e.errorMessagePath);R&&(typeof R!="string"&&(R=JSON.stringify(R)),l(R),d({formErrorMessage:R}))}if(r(v),i(m.ok?"success":"error"),m.ok){const R=new CustomEvent("submit:success",{detail:{res:m,body:v}});if(t.current){if(t.current.dispatchEvent(R),R.defaultPrevented)return;e.resetFormOnSubmit!==!1&&t.current.reset()}if(e.successUrl)if(t.current){const j=new CustomEvent("route",{detail:{url:e.successUrl}});t.current.dispatchEvent(j),j.defaultPrevented||(location.href=e.successUrl)}else location.href=e.successUrl}},m=>{const v=new CustomEvent("submit:error",{detail:{error:m}});t.current&&(t.current.dispatchEvent(v),v.defaultPrevented)||(r(m),i("error"))})}}return s.jsxs(s.Fragment,{children:[" ",s.jsxs("form",{validate:e.validate,ref:t,action:!e.sendWithJs&&e.action,method:e.method,name:e.name,onSubmit:p=>h(p),...e.attributes,children:[e.children,u()==="error"?s.jsx(A,{path:"errorMessage",blocks:e.errorMessage,context:e.builderContext}):null,u()==="sending"?s.jsx(A,{path:"sendingMessage",blocks:e.sendingMessage,context:e.builderContext}):null,u()==="error"&&a?s.jsx("pre",{className:"builder-form-error-text pre-7acc3b46",children:JSON.stringify(a,null,2)}):null,u()==="success"?s.jsx(A,{path:"successMessage",blocks:e.successMessage,context:e.builderContext}):null]})," ",s.jsx("style",{children:".pre-7acc3b46 { padding: 10px; color: red; text-align: center; }"})," "]})}const pn={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 yn(e){return b.createElement("input",{...e.attributes,key:g.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 xn={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 vn(e){var t;return b.createElement("select",{...e.attributes,value:e.value,key:g.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)=>s.jsx("option",{value:n.value,children:n.name||n.value},`${n.name}-${i}`)))}const Sn={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 kn(e){return s.jsx("button",{type:"submit",...e.attributes,children:e.text})}const Cn={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 Tn(e){return s.jsx("textarea",{...e.attributes,placeholder:e.placeholder,name:e.name,value:e.value,defaultValue:e.defaultValue,required:e.required})}const wn={name:"Raw:Img",hideFromInsertMenu:!0,image:"https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-insert_photo-24px.svg?alt=media&token=4e5d0ef4-f5e8-4e57-b3a9-38d63a9b9dc4",inputs:[{name:"image",bubble:!0,type:"file",allowedFileTypes:ae,required:!0}],noWrap:!0,static:!0};function In(e){return s.jsx("img",{style:{objectFit:e.backgroundSize||"cover",objectPosition:e.backgroundPosition||"center"},alt:e.altText,src:e.imgSrc||e.image,...e.attributes},g.isEditing()&&e.imgSrc||"default-key")}const En={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:qt,bubble:!0,defaultValue:"https://cdn.builder.io/o/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fd27731a526464deba0016216f5f9e570%2Fcompressed?apiKey=YJIGb4i01jvw0SRdL5Bt&token=d27731a526464deba0016216f5f9e570&alt=media&optimized=true",required:!0},{name:"posterImage",type:"file",allowedFileTypes:ae,helperText:"Image to show before the video plays"},{name:"autoPlay",type:"boolean",defaultValue:!0},{name:"controls",type:"boolean",defaultValue:!1},{name:"muted",type:"boolean",defaultValue:!0},{name:"loop",type:"boolean",defaultValue:!0},{name:"playsInline",type:"boolean",defaultValue:!0},{name:"fit",type:"text",defaultValue:"cover",enum:["contain","cover","fill","auto"]},{name:"preload",type:"text",defaultValue:"metadata",enum:["auto","metadata","none"]},{name:"fitContent",type:"boolean",helperText:"When child blocks are provided, fit to them instead of using the aspect ratio",defaultValue:!0,advanced:!0},{name:"position",type:"text",defaultValue:"center",enum:["center","top","left","right","bottom","top left","top right","bottom left","bottom right"]},{name:"height",type:"number",advanced:!0},{name:"width",type:"number",advanced:!0},{name:"aspectRatio",type:"number",advanced:!0,defaultValue:.7004048582995948},{name:"lazyLoad",type:"boolean",helperText:'Load this video "lazily" - as in only when a user scrolls near the video. Recommended for optmized performance and bandwidth consumption',defaultValue:!0,advanced:!0}],shouldReceiveBuilderProps:{builderBlock:!0}};function We(e){var o,l,d,u,h,p,c;const t=b.useRef(null);function n(){return{...e.autoPlay===!0?{autoPlay:!0}:{},...e.muted===!0?{muted:!0}:{},...e.controls===!0?{controls:!0}:{},...e.loop===!0?{loop:!0}:{},...e.playsInline===!0?{playsInline:!0}:{}}}function i(){return{...n()}}const[a,r]=b.useState(()=>{});return b.useEffect(()=>{if(e.lazyLoad){const S=new IntersectionObserver(function(f){f.forEach(function(y){if(!y.isIntersecting)return;const C=y.target;try{Array.from(C.children).filter(x=>x instanceof HTMLElement&&x.tagName==="SOURCE").forEach(x=>{const T=x.dataset.src;T&&(x.src=T)}),C.load(),S.unobserve(C)}catch(x){console.error("Error loading lazy video:",x)}})});t.current&&S.observe(t.current),r(S)}},[]),b.useEffect(()=>()=>{a&&a.disconnect()},[]),s.jsxs("div",{style:{position:"relative"},children:[s.jsx("video",{className:"builder-video",...i(),ref:t,preload:e.lazyLoad?"none":e.preload||"metadata",style:{width:"100%",height:"100%",...(o=e.attributes)==null?void 0:o.style,objectFit:e.fit,objectPosition:e.position,borderRadius:"1px",...e.aspectRatio?{position:"absolute"}:null},poster:e.posterImage,children:s.jsx("source",{type:"video/mp4",...e.lazyLoad?{"data-src":e.video}:{src:e.video}})}),e.aspectRatio&&!(e.fitContent&&((d=(l=e.builderBlock)==null?void 0:l.children)!=null&&d.length))?s.jsx("div",{style:{width:"100%",paddingTop:e.aspectRatio*100+"%",pointerEvents:"none",fontSize:"0px"}}):null,(h=(u=e.builderBlock)==null?void 0:u.children)!=null&&h.length&&e.fitContent?s.jsx("div",{style:{display:"flex",flexDirection:"column",alignItems:"stretch"},children:e.children}):null,(c=(p=e.builderBlock)==null?void 0:p.children)!=null&&c.length&&!e.fitContent?s.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 Rn=()=>[{component:ln,...sn},{component:mn,...cn},{component:bn,...fn},{component:yn,...pn},{component:kn,...Sn},{component:vn,...xn},{component:Tn,...Cn},{component:In,...wn},{component:We,...En}],de=()=>[{component:be,...Lt},{component:Ve,...Ut},{component:Be,..._t},{component:Ae,...Mt},{component:Ne,...Zt},{component:tn,...en},{component:Ue,...nn},{component:Fe,...on},{component:Xt,...Ht},{component:rn,...an},{component:Ot,...$t},...Rn()],Pn=`function updateCookiesAndStyles(contentId, variants, isHydrationTarget, isAngularSDK) {
|
|
193
|
+
`;function Xt(e){var y,C,x,T,w,P,E;const t=f.useRef(null),[n,i]=f.useState(()=>h.userAttributesService.getUserAttributes()),[a,r]=f.useState(()=>{var k,m,v;return Yt(e.variants,((k=e.builderBlock)==null?void 0:k.id)||"none",(v=(m=e.builderContext)==null?void 0:m.rootState)==null?void 0:v.locale)}),[o,l]=f.useState(()=>[]),[d,u]=f.useState(()=>{var k;return Gt(e.variants,h.getDefaultCanTrack((k=e.builderContext)==null?void 0:k.canTrack))}),[b,p]=f.useState(()=>!1);function c(){return(e.variants||[]).filter(k=>{var m,v,I,R;return zt({...(v=(m=e.builderContext)==null?void 0:m.rootState)!=null&&v.locale?{locale:(R=(I=e.builderContext)==null?void 0:I.rootState)==null?void 0:R.locale}:{},...n},k.query,k.startDate,k.endDate)})}function S(){var k;return Qt({variants:e.variants,fallbackBlocks:(k=e.builderBlock)==null?void 0:k.children,isHydrated:b,filteredVariants:c(),previewingIndex:e.previewingIndex})}function g(){return(e.variants||[]).map((k,m)=>{var v;return`[data-variant-id="${(v=e.builderBlock)==null?void 0:v.id}-${m}"] { display: none; } `}).join("")}return f.useEffect(()=>{var m;p(!0);const k=h.userAttributesService.subscribeOnUserAttributesChange(v=>{i(v)});if(!(h.isEditing()||h.isPreviewing())){const v=c()[0];t.current&&(t.current.dispatchEvent(new CustomEvent("builder.variantLoaded",{detail:{variant:v||"default",content:(m=e.builderContext)==null?void 0:m.content},bubbles:!0})),new IntersectionObserver(R=>{R.forEach(j=>{var V;j.isIntersecting&&t.current&&t.current.dispatchEvent(new CustomEvent("builder.variantDisplayed",{detail:{variant:v||"default",content:(V=e.builderContext)==null?void 0:V.content},bubbles:!0}))})}).observe(t.current))}o.push(k)},[]),f.useEffect(()=>()=>{o.forEach(k=>k())},[]),s.jsxs("div",{ref:t,...e.attributes,className:`builder-personalization-container ${((y=e.attributes)==null?void 0:y.className)||""}`,children:[d?s.jsxs(s.Fragment,{children:[(C=e.variants)==null?void 0:C.map((k,m)=>{var v,I;return s.jsx("template",{"data-variant-id":`${(v=e.builderBlock)==null?void 0:v.id}-${m}`,children:s.jsx(A,{blocks:k.blocks,parent:(I=e.builderBlock)==null?void 0:I.id,path:`component.options.variants.${m}.blocks`})},m)}),s.jsx(O,{nonce:((x=e.builderContext)==null?void 0:x.nonce)||"",styles:g(),id:`variants-styles-${(T=e.builderBlock)==null?void 0:T.id}`}),s.jsx(q,{nonce:((w=e.builderContext)==null?void 0:w.nonce)||"",scriptStr:a,id:`variants-script-${(P=e.builderBlock)==null?void 0:P.id}`})]}):null,s.jsx(A,{blocks:S().blocks,parent:(E=e.builderBlock)==null?void 0:E.id,path:S().path})]})}const Zt={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>"}}}]},en={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 tn(e){var t,n,i;return s.jsx("div",{style:{pointerEvents:"auto"},...!((t=e.builderContext.context)!=null&&t.symbolId)&&{"builder-slot":e.name},children:s.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 nn={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}},X={"@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"}}},Z={"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{height:"200px",display:"flex",marginTop:"20px",flexDirection:"column"}},component:{name:"Text",options:{text:"New tab content "}}},an={name:"Builder: Tabs",inputs:[{name:"tabs",type:"list",broadcast:!0,subFields:[{name:"label",type:"uiBlocks",hideFromUI:!0,defaultValue:[X]},{name:"content",type:"uiBlocks",hideFromUI:!0,defaultValue:[Z]}],defaultValue:[{label:[{...X,component:{name:"Text",options:{text:"Tab 1"}}}],content:[{...Z,component:{name:"Text",options:{text:"Tab 1 content"}}}]},{label:[{...X,component:{name:"Text",options:{text:"Tab 2"}}}],content:[{...Z,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 rn(e){var r;const[t,n]=f.useState(()=>e.defaultActiveTab?e.defaultActiveTab-1:0);function i(o){return e.tabs&&e.tabs[o].content}function a(o){o===t&&e.collapsible?n(-1):n(o)}return s.jsxs("div",{children:[s.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((o,l)=>s.jsx("span",{className:`builder-tab-wrap ${t===l?"builder-tab-active":""}`,style:{...t===l?e.activeTabStyle:{}},onClick:d=>a(l),children:s.jsx(A,{parent:e.builderBlock.id,path:`tabs.${l}.label`,blocks:o.label,context:e.builderContext,registeredComponents:e.builderComponents,linkComponent:e.builderLinkComponent})},l))}),i(t)?s.jsx("div",{children:s.jsx(A,{parent:e.builderBlock.id,path:`tabs.${t}.content`,blocks:i(t),context:e.builderContext,registeredComponents:e.builderComponents,linkComponent:e.builderLinkComponent})}):null]})}const on={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 Fe(e){var t;return s.jsx("div",{className:"builder-text",dangerouslySetInnerHTML:{__html:((t=e.text)==null?void 0:t.toString())||""},style:{outline:"none"}})}const sn={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 ln(e){const t=f.useRef(null),[n,i]=f.useState(()=>[]),[a,r]=f.useState(()=>[]);function o(){var d;if(!t.current||!((d=t.current)!=null&&d.getElementsByTagName)||typeof window=="undefined")return;const l=t.current.getElementsByTagName("script");for(let u=0;u<l.length;u++){const b=l[u];if(b.src){if(n.includes(b.src))continue;n.push(b.src);const p=document.createElement("script");p.async=!0,p.src=b.src,document.head.appendChild(p)}else if(!b.type||["text/javascript","application/javascript","application/ecmascript"].includes(b.type)){if(a.includes(b.innerText))continue;try{a.push(b.innerText),new Function(b.innerText)()}catch(p){h.logger.warn("[BUILDER.IO] `CustomCode`: Error running script:",p)}}}}return f.useEffect(()=>{o()},[]),f.useEffect(()=>{h.isEditing()&&o()},[e.code]),s.jsx("div",{ref:t,className:"builder-custom-code"+(e.replaceNodes?" replace-nodes":""),dangerouslySetInnerHTML:{__html:e.code}})}const cn={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}]},un=["text/javascript","application/javascript","application/ecmascript"],dn=e=>un.includes(e.type);function mn(e){const t=f.useRef(null),[n,i]=f.useState(()=>[]),[a,r]=f.useState(()=>[]),[o,l]=f.useState(()=>!1);function d(){if(!t.current||!t.current.getElementsByTagName)return;const u=t.current.getElementsByTagName("script");for(let b=0;b<u.length;b++){const p=u[b];if(p.src&&!n.includes(p.src)){n.push(p.src);const c=document.createElement("script");c.async=!0,c.src=p.src,document.head.appendChild(c)}else if(dn(p)&&!a.includes(p.innerText))try{a.push(p.innerText),new Function(p.innerText)()}catch(c){h.logger.warn("[BUILDER.IO] `Embed`: Error running script:",c)}}}return f.useEffect(()=>{t.current&&!o&&(l(!0),d())},[t.current,o]),s.jsx("div",{className:"builder-embed",ref:t,dangerouslySetInnerHTML:{__html:e.content}})}const fn={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}},gn=["production","qa","test","development","dev","cdn-qa","cloud","fast","cdn2","cdn-prod"],hn=()=>{const e=process.env.NODE_ENV||"production";return gn.includes(e)?e:"production"};function bn(e){const t=f.useRef(null),[n,i]=f.useState(()=>"unsubmitted"),[a,r]=f.useState(()=>null),[o,l]=f.useState(()=>"");function d(p){var S,g;const c={...e.builderContext.rootState,...p};e.builderContext.rootSetState?(g=(S=e.builderContext).rootSetState)==null||g.call(S,c):e.builderContext.rootState=c}function u(){return h.isEditing()&&e.previewState||n}function b(p){var S;const c=e.sendWithJs||e.sendSubmissionsTo==="email";if(e.sendSubmissionsTo==="zapier")p.preventDefault();else if(c){if(!(e.action||e.sendSubmissionsTo==="email")){p.preventDefault();return}p.preventDefault();const g=p.currentTarget||p.target,y=e.customHeaders||{};let C;const x=new FormData(g),T=Array.from(g.querySelectorAll("input,select,textarea")).filter(m=>!!m.name).map(m=>{let v;const I=m.name;if(m instanceof HTMLInputElement)if(m.type==="radio"){if(m.checked)return v=m.name,{key:I,value:v}}else if(m.type==="checkbox")v=m.checked;else if(m.type==="number"||m.type==="range"){const R=m.valueAsNumber;isNaN(R)||(v=R)}else m.type==="file"?v=m.files:v=m.value;else v=m.value;return{key:I,value:v}});let w=e.contentType;if(e.sendSubmissionsTo==="email"&&(w="multipart/form-data"),Array.from(T).forEach(({value:m})=>{(m instanceof File||Array.isArray(m)&&m[0]instanceof File||m instanceof FileList)&&(w="multipart/form-data")}),w!=="application/json")C=x;else{const m={};Array.from(T).forEach(({value:v,key:I})=>{Se(m,I,v)}),C=JSON.stringify(m)}w&&w!=="multipart/form-data"&&(c&&((S=e.action)!=null&&S.includes("zapier.com"))||(y["content-type"]=w));const P=new CustomEvent("presubmit",{detail:{body:C}});if(t.current&&(t.current.dispatchEvent(P),P.defaultPrevented))return;i("sending");const E=`${hn()==="dev"?"http://localhost:5000":"https://builder.io"}/api/v1/form-submit?apiKey=${e.builderContext.apiKey}&to=${btoa(e.sendSubmissionsToEmail||"")}&name=${encodeURIComponent(e.name||"")}`,k=e.sendSubmissionsTo==="email"?E:e.action;h.logFetch(k),fetch(k,{body:C,headers:y,method:e.method||"post"}).then(async m=>{let v;const I=m.headers.get("content-type");if(I&&I.indexOf("application/json")!==-1?v=await m.json():v=await m.text(),!m.ok&&e.errorMessagePath){let R=ye(v,e.errorMessagePath);R&&(typeof R!="string"&&(R=JSON.stringify(R)),l(R),d({formErrorMessage:R}))}if(r(v),i(m.ok?"success":"error"),m.ok){const R=new CustomEvent("submit:success",{detail:{res:m,body:v}});if(t.current){if(t.current.dispatchEvent(R),R.defaultPrevented)return;e.resetFormOnSubmit!==!1&&t.current.reset()}if(e.successUrl)if(t.current){const j=new CustomEvent("route",{detail:{url:e.successUrl}});t.current.dispatchEvent(j),j.defaultPrevented||(location.href=e.successUrl)}else location.href=e.successUrl}},m=>{const v=new CustomEvent("submit:error",{detail:{error:m}});t.current&&(t.current.dispatchEvent(v),v.defaultPrevented)||(r(m),i("error"))})}}return s.jsxs(s.Fragment,{children:[" ",s.jsxs("form",{validate:e.validate,ref:t,action:!e.sendWithJs&&e.action,method:e.method,name:e.name,onSubmit:p=>b(p),...e.attributes,children:[e.children,u()==="error"?s.jsx(A,{path:"errorMessage",blocks:e.errorMessage,context:e.builderContext}):null,u()==="sending"?s.jsx(A,{path:"sendingMessage",blocks:e.sendingMessage,context:e.builderContext}):null,u()==="error"&&a?s.jsx("pre",{className:"builder-form-error-text pre-7acc3b46",children:JSON.stringify(a,null,2)}):null,u()==="success"?s.jsx(A,{path:"successMessage",blocks:e.successMessage,context:e.builderContext}):null]})," ",s.jsx("style",{children:".pre-7acc3b46 { padding: 10px; color: red; text-align: center; }"})," "]})}const pn={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 yn(e){return f.createElement("input",{...e.attributes,key:h.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 xn={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 vn(e){var t;return f.createElement("select",{...e.attributes,value:e.value,key:h.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)=>s.jsx("option",{value:n.value,children:n.name||n.value},`${n.name}-${i}`)))}const Sn={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 kn(e){return s.jsx("button",{type:"submit",...e.attributes,children:e.text})}const Cn={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 Tn(e){return s.jsx("textarea",{...e.attributes,placeholder:e.placeholder,name:e.name,value:e.value,defaultValue:e.defaultValue,required:e.required})}const wn={name:"Raw:Img",hideFromInsertMenu:!0,image:"https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-insert_photo-24px.svg?alt=media&token=4e5d0ef4-f5e8-4e57-b3a9-38d63a9b9dc4",inputs:[{name:"image",bubble:!0,type:"file",allowedFileTypes:ae,required:!0}],noWrap:!0,static:!0};function In(e){return s.jsx("img",{style:{objectFit:e.backgroundSize||"cover",objectPosition:e.backgroundPosition||"center"},alt:e.altText,src:e.imgSrc||e.image,...e.attributes},h.isEditing()&&e.imgSrc||"default-key")}const En={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:qt,bubble:!0,defaultValue:"https://cdn.builder.io/o/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fd27731a526464deba0016216f5f9e570%2Fcompressed?apiKey=YJIGb4i01jvw0SRdL5Bt&token=d27731a526464deba0016216f5f9e570&alt=media&optimized=true",required:!0},{name:"posterImage",type:"file",allowedFileTypes:ae,helperText:"Image to show before the video plays"},{name:"autoPlay",type:"boolean",defaultValue:!0},{name:"controls",type:"boolean",defaultValue:!1},{name:"muted",type:"boolean",defaultValue:!0},{name:"loop",type:"boolean",defaultValue:!0},{name:"playsInline",type:"boolean",defaultValue:!0},{name:"fit",type:"text",defaultValue:"cover",enum:["contain","cover","fill","auto"]},{name:"preload",type:"text",defaultValue:"metadata",enum:["auto","metadata","none"]},{name:"fitContent",type:"boolean",helperText:"When child blocks are provided, fit to them instead of using the aspect ratio",defaultValue:!0,advanced:!0},{name:"position",type:"text",defaultValue:"center",enum:["center","top","left","right","bottom","top left","top right","bottom left","bottom right"]},{name:"height",type:"number",advanced:!0},{name:"width",type:"number",advanced:!0},{name:"aspectRatio",type:"number",advanced:!0,defaultValue:.7004048582995948},{name:"lazyLoad",type:"boolean",helperText:'Load this video "lazily" - as in only when a user scrolls near the video. Recommended for optmized performance and bandwidth consumption',defaultValue:!0,advanced:!0}],shouldReceiveBuilderProps:{builderBlock:!0}};function We(e){var o,l,d,u,b,p,c;const t=f.useRef(null);function n(){return{...e.autoPlay===!0?{autoPlay:!0}:{},...e.muted===!0?{muted:!0}:{},...e.controls===!0?{controls:!0}:{},...e.loop===!0?{loop:!0}:{},...e.playsInline===!0?{playsInline:!0}:{}}}function i(){return{...n()}}const[a,r]=f.useState(()=>{});return f.useEffect(()=>{if(e.lazyLoad){const S=new IntersectionObserver(function(g){g.forEach(function(y){if(!y.isIntersecting)return;const C=y.target;try{Array.from(C.children).filter(x=>x instanceof HTMLElement&&x.tagName==="SOURCE").forEach(x=>{const T=x.dataset.src;T&&(x.src=T)}),C.load(),S.unobserve(C)}catch(x){console.error("Error loading lazy video:",x)}})});t.current&&S.observe(t.current),r(S)}},[]),f.useEffect(()=>()=>{a&&a.disconnect()},[]),s.jsxs("div",{style:{position:"relative"},children:[s.jsx("video",{className:"builder-video",...i(),ref:t,preload:e.lazyLoad?"none":e.preload||"metadata",style:{width:"100%",height:"100%",...(o=e.attributes)==null?void 0:o.style,objectFit:e.fit,objectPosition:e.position,borderRadius:"1px",...e.aspectRatio?{position:"absolute"}:null},poster:e.posterImage,children:s.jsx("source",{type:"video/mp4",...e.lazyLoad?{"data-src":e.video}:{src:e.video}})}),e.aspectRatio&&!(e.fitContent&&((d=(l=e.builderBlock)==null?void 0:l.children)!=null&&d.length))?s.jsx("div",{style:{width:"100%",paddingTop:e.aspectRatio*100+"%",pointerEvents:"none",fontSize:"0px"}}):null,(b=(u=e.builderBlock)==null?void 0:u.children)!=null&&b.length&&e.fitContent?s.jsx("div",{style:{display:"flex",flexDirection:"column",alignItems:"stretch"},children:e.children}):null,(c=(p=e.builderBlock)==null?void 0:p.children)!=null&&c.length&&!e.fitContent?s.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 Rn=()=>[{component:ln,...sn},{component:mn,...cn},{component:bn,...fn},{component:yn,...pn},{component:kn,...Sn},{component:vn,...xn},{component:Tn,...Cn},{component:In,...wn},{component:We,...En}],de=()=>[{component:be,...Lt},{component:Ve,...Ut},{component:Be,..._t},{component:Ae,...Mt},{component:Ne,...Zt},{component:tn,...en},{component:Ue,...nn},{component:Fe,...on},{component:Xt,...Ht},{component:rn,...an},{component:Ot,...$t},...Rn()],Pn=`function updateCookiesAndStyles(contentId, variants, isHydrationTarget, isAngularSDK) {
|
|
193
194
|
function getAndSetVariantId() {
|
|
194
195
|
function setCookie(name, value, days) {
|
|
195
196
|
let expires = '';
|
|
@@ -282,7 +283,7 @@
|
|
|
282
283
|
thisScriptEl?.remove();
|
|
283
284
|
}
|
|
284
285
|
return;
|
|
285
|
-
}`,De="builderIoAbTest",$e="builderIoRenderContent",U=e=>Object.values((e==null?void 0:e.variations)||{}).map(t=>({...t,testVariationId:t.id,id:e==null?void 0:e.id})),Vn=({canTrack:e,content:t})=>!(!(U(t).length>0)||!e||
|
|
286
|
+
}`,De="builderIoAbTest",$e="builderIoRenderContent",U=e=>Object.values((e==null?void 0:e.variations)||{}).map(t=>({...t,testVariationId:t.id,id:e==null?void 0:e.id})),Vn=({canTrack:e,content:t})=>!(!(U(t).length>0)||!e||h.isBrowser()),Bn=e=>e==="react"||e==="reactNative",An=h.TARGET==="angular",Oe=Bn(h.TARGET),Nn=()=>`
|
|
286
287
|
window.${De} = ${Pn}
|
|
287
288
|
window.${$e} = ${jn}
|
|
288
289
|
`,Fn=(e,t)=>`
|
|
@@ -290,7 +291,7 @@
|
|
|
290
291
|
"${t}",${JSON.stringify(e)}, ${Oe}, ${An}
|
|
291
292
|
)`,Wn=({contentId:e,variationId:t})=>`window.${$e}(
|
|
292
293
|
"${t}", "${e}", ${Oe}
|
|
293
|
-
)`;function me(e){return Math.round(e*1e3)/1e3}const Dn=(e,t,n=!0)=>{if(!(e instanceof HTMLElement))return null;let i=n?e:e.parentElement;do{if(!i)return null;if(t(i))return i}while(i=i.parentElement);return null},$n=e=>Dn(e,t=>{const n=t.getAttribute("builder-id")||t.id;return(n==null?void 0:n.indexOf("builder-"))===0}),fe=({event:e,target:t})=>{const n=t.getBoundingClientRect(),i=e.clientX-n.left,a=e.clientY-n.top,r=me(i/n.width),o=me(a/n.height);return{x:r,y:o}},On=e=>{const t=e.target,n=t&&$n(t),i=(n==null?void 0:n.getAttribute("builder-id"))||(n==null?void 0:n.id);return{targetBuilderElement:i||void 0,metadata:{targetOffset:t?fe({event:e,target:t}):void 0,builderTargetOffset:n?fe({event:e,target:n}):void 0,builderElementIndex:n&&i?[].slice.call(document.getElementsByClassName(i)).indexOf(n):void 0}}},Ln=["svelte","qwik","vue"],ge=()=>Ln.includes(
|
|
294
|
+
)`;function me(e){return Math.round(e*1e3)/1e3}const Dn=(e,t,n=!0)=>{if(!(e instanceof HTMLElement))return null;let i=n?e:e.parentElement;do{if(!i)return null;if(t(i))return i}while(i=i.parentElement);return null},$n=e=>Dn(e,t=>{const n=t.getAttribute("builder-id")||t.id;return(n==null?void 0:n.indexOf("builder-"))===0}),fe=({event:e,target:t})=>{const n=t.getBoundingClientRect(),i=e.clientX-n.left,a=e.clientY-n.top,r=me(i/n.width),o=me(a/n.height);return{x:r,y:o}},On=e=>{const t=e.target,n=t&&$n(t),i=(n==null?void 0:n.getAttribute("builder-id"))||(n==null?void 0:n.id);return{targetBuilderElement:i||void 0,metadata:{targetOffset:t?fe({event:e,target:t}):void 0,builderTargetOffset:n?fe({event:e,target:n}):void 0,builderElementIndex:n&&i?[].slice.call(document.getElementsByClassName(i)).indexOf(n):void 0}}},Ln=["svelte","qwik","vue"],ge=()=>Ln.includes(h.TARGET)&&(h.isEditing()||h.isPreviewing()),Un=e=>{var r,o;const t=e.family+(e.kind&&!e.kind.includes("#")?", "+e.kind:""),n=t.split(",")[0],i=(o=e.fileUrl)!=null?o:(r=e==null?void 0:e.files)==null?void 0:r.regular;let a="";if(i&&t&&n&&(a+=`
|
|
294
295
|
@font-face {
|
|
295
296
|
font-family: "${t}";
|
|
296
297
|
src: local("${n}"), url('${i}') format('woff2');
|
|
@@ -321,8 +322,8 @@ font-weight: ${l};
|
|
|
321
322
|
text-align: inherit;
|
|
322
323
|
font-family: inherit;
|
|
323
324
|
}
|
|
324
|
-
`,Hn=e=>e?"":Mn,zn=e=>`variant-${e}`;function Kn(e){var T,w,P;const t=
|
|
325
|
+
`,Hn=e=>e?"":Mn,zn=e=>`variant-${e}`;function Kn(e){var T,w,P;const t=f.useRef(null);f.useState(()=>!1);function n(E){var m,v;const k={...e.builderContextSignal.rootState,...E};e.builderContextSignal.rootSetState?(v=(m=e.builderContextSignal).rootSetState)==null||v.call(m,k):e.setBuilderContextSignal(I=>({...I,rootState:k}))}function i(E){var m,v,I,R,j;const k={...e.builderContextSignal.content,...E,data:{...(m=e.builderContextSignal.content)==null?void 0:m.data,...E==null?void 0:E.data},meta:{...(v=e.builderContextSignal.content)==null?void 0:v.meta,...E==null?void 0:E.meta,breakpoints:((I=E==null?void 0:E.meta)==null?void 0:I.breakpoints)||((j=(R=e.builderContextSignal.content)==null?void 0:R.meta)==null?void 0:j.breakpoints)}};e.setBuilderContextSignal(V=>({...V,content:k}))}function a(){return e.showContent?{}:{hidden:!0,"aria-hidden":!0}}const[r,o]=f.useState(()=>e.contentWrapper||"div");function l(E){return h.createEditorListener({model:e.model,trustedHosts:e.trustedHosts,callbacks:{configureSdk:k=>{var I;const{breakpoints:m,contentId:v}=k;!v||v!==((I=e.builderContextSignal.content)==null?void 0:I.id)||m&&i({meta:{breakpoints:m}})},animation:k=>{Te(k)},contentUpdate:k=>{i(k)},stateUpdate:k=>{n(k)}}})(E)}const[d,u]=f.useState(()=>({})),[b,p]=f.useState(()=>({})),[c,S]=f.useState(()=>!1);function g(E){var k,m;if(e.builderContextSignal.content){const v=(k=e.builderContextSignal.content)==null?void 0:k.testVariationId,I=(m=e.builderContextSignal.content)==null?void 0:m.id;h._track({apiHost:e.apiHost,type:"click",canTrack:h.getDefaultCanTrack(e.canTrack),contentId:I,apiKey:e.apiKey,variationId:v!==I?v:void 0,...On(E),unique:!c})}c||S(!0)}function y(){var k,m,v;const E=(v=(m=(k=e.builderContextSignal.content)==null?void 0:k.data)==null?void 0:m.httpRequests)!=null?v:{};Object.entries(E).forEach(([I,R])=>{if(!R||b[I]||d[I]&&!h.isEditing())return;b[I]=!0;const j=R.replace(/{{([^}]+)}}/g,(V,B)=>String(F({code:B,context:e.context||{},localState:void 0,rootState:e.builderContextSignal.rootState,rootSetState:e.builderContextSignal.rootSetState})));h.logFetch(j),fetch(j).then(V=>V.json()).then(V=>{n({[I]:V}),d[I]=!0}).catch(V=>{console.error("error fetching dynamic data",R,V)}).finally(()=>{b[I]=!1})})}function C(){h.isEditing()&&window.dispatchEvent(new CustomEvent("builder:component:stateChange",{detail:{state:ne(e.builderContextSignal.rootState),ref:{name:e.model}}}))}const x=f.useRef(!1);return x.current||(y(),C(),x.current=!0),f.useEffect(()=>{var E,k,m,v,I;if(h.isBrowser()){h.isEditing()&&!e.isNestedRender&&(window.addEventListener("message",l),h.registerInsertMenu(),h.setupBrowserForEditing({...e.locale?{locale:e.locale}:{},...e.enrich?{enrich:e.enrich}:{},...e.trustedHosts?{trustedHosts:e.trustedHosts}:{},modelName:(E=e.model)!=null?E:"",apiKey:e.apiKey}),Object.values(e.builderContextSignal.componentInfos).forEach(B=>{var N,L;if(!((N=B.models)!=null&&N.length)||B.models.includes(e.model)){const K=h.createRegisterComponentMessage(B);(L=window.parent)==null||L.postMessage(K,"*")}}),window.addEventListener("builder:component:stateChangeListenerActivated",C));const R=e.builderContextSignal.content&&h.getDefaultCanTrack(e.canTrack),j=h.getCookieSync({name:`builder.tests.${(k=e.builderContextSignal.content)==null?void 0:k.id}`,canTrack:!0}),V=(m=e.builderContextSignal.content)==null?void 0:m.testVariationId;if(R&&V===j){const B=(v=e.builderContextSignal.content)==null?void 0:v.id,N=e.apiKey;h._track({apiHost:e.apiHost,type:"impression",canTrack:!0,contentId:B,apiKey:N,variationId:j!==B?j:void 0})}if(h.isPreviewing()&&!h.isEditing()){const B=new URL(location.href).searchParams,N=B.get("builder.preview"),L=B.get(`builder.overrides.${N}`),K=B.get("apiKey")||B.get("builder.space");(N==="BUILDER_STUDIO"||N===e.model&&K===e.apiKey&&(!e.content||L===e.content.id))&&h.fetchOneEntry({model:e.model,apiKey:e.apiKey,apiVersion:e.builderContextSignal.apiVersion,...N==="BUILDER_STUDIO"&&((I=e.context)!=null&&I.symbolId)?{query:{id:e.context.symbolId}}:{}}).then(re=>{re&&i(re)})}}},[]),f.useEffect(()=>{e.content&&i(e.content)},[e.content]),f.useEffect(()=>{C()},[e.builderContextSignal.rootState]),f.useEffect(()=>{e.data&&n(e.data)},[e.data]),f.useEffect(()=>{e.locale&&n({locale:e.locale})},[e.locale]),f.useEffect(()=>()=>{h.isBrowser()&&(window.removeEventListener("message",l),window.removeEventListener("builder:component:stateChangeListenerActivated",C))},[]),s.jsx(M.Provider,{value:e.builderContextSignal,children:e.builderContextSignal.content||ge()?s.jsx(r,{ref:t,onClick:E=>g(E),"builder-content-id":(T=e.builderContextSignal.content)==null?void 0:T.id,"builder-model":e.model,className:zn(((w=e.content)==null?void 0:w.testVariationId)||((P=e.content)==null?void 0:P.id)),style:{display:!e.builderContextSignal.content&&ge()?"none":void 0},...a(),...e.contentWrapperProps,children:e.children}):null})}function Jn(e){const[t,n]=f.useState(()=>`
|
|
325
326
|
${qn({cssCode:e.cssCode,contentId:e.contentId})}
|
|
326
327
|
${_n({customFonts:e.customFonts})}
|
|
327
328
|
${Hn(e.isNestedRender)}
|
|
328
|
-
`.trim());return s.jsx(O,{id:"builderio-content",styles:t,nonce:e.nonce})}const Gn=({content:e,data:t,locale:n})=>{var r,o,l;const i={},a=((r=e==null?void 0:e.data)==null?void 0:r.state)||{};return(l=(o=e==null?void 0:e.data)==null?void 0:o.inputs)==null||l.forEach(d=>{d.name&&d.defaultValue!==void 0&&(i[d.name]=d.defaultValue)}),{...i,...a,...t,...n?{locale:n}:{}}},Qn=({content:e,data:t})=>e?{...e,data:{...e==null?void 0:e.data,...t},meta:e==null?void 0:e.meta}:void 0;function he(e){var u,
|
|
329
|
+
`.trim());return s.jsx(O,{id:"builderio-content",styles:t,nonce:e.nonce})}const Gn=({content:e,data:t,locale:n})=>{var r,o,l;const i={},a=((r=e==null?void 0:e.data)==null?void 0:r.state)||{};return(l=(o=e==null?void 0:e.data)==null?void 0:o.inputs)==null||l.forEach(d=>{d.name&&d.defaultValue!==void 0&&(i[d.name]=d.defaultValue)}),{...i,...a,...t,...n?{locale:n}:{}}},Qn=({content:e,data:t})=>e?{...e,data:{...e==null?void 0:e.data,...t},meta:e==null?void 0:e.meta}:void 0;function he(e){var u,b,p,c,S,g,y,C,x;const[t,n]=f.useState(()=>{var T,w;return Wn({variationId:(T=e.content)==null?void 0:T.testVariationId,contentId:(w=e.content)==null?void 0:w.id})});function i(T){l(w=>({...w,rootState:T}))}const[a,r]=f.useState(()=>[...de(),...e.customComponents||[]].reduce((T,{component:w,...P})=>({...T,[P.name]:{component:w,...h.serializeIncludingFunctions(P)}}),{})),[o,l]=f.useState(()=>({content:Qn({content:e.content,data:e.data}),localState:void 0,rootState:Gn({content:e.content,data:e.data,locale:e.locale}),rootSetState:i,context:e.context||{},canTrack:e.canTrack,apiKey:e.apiKey,apiVersion:e.apiVersion,componentInfos:[...de(),...e.customComponents||[]].reduce((T,{component:w,...P})=>({...T,[P.name]:h.serializeIncludingFunctions(P)}),{}),inheritedStyles:{},BlocksWrapper:e.blocksWrapper||"div",BlocksWrapperProps:e.blocksWrapperProps||{},nonce:e.nonce||"",model:e.model})),d=f.useRef(!1);if(!d.current){e.apiKey||h.logger.error("No API key provided to `Content` component. This can cause issues. Please provide an API key using the `apiKey` prop.");const T=(b=(u=o.content)==null?void 0:u.data)==null?void 0:b.jsCode;T&&F({code:T,context:e.context||{},localState:void 0,rootState:o.rootState,rootSetState:w=>{Object.assign(o.rootState,w)},isExpression:!1}),d.current=!0}return s.jsx(pe.Provider,{value:{registeredComponents:a},children:s.jsxs(Kn,{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:o,contentWrapper:e.contentWrapper,contentWrapperProps:e.contentWrapperProps,trustedHosts:e.trustedHosts,isNestedRender:e.isNestedRender,setBuilderContextSignal:l,children:[e.isSsrAbTest?s.jsx(q,{id:"builderio-variant-visibility",scriptStr:t,nonce:e.nonce||""}):null,s.jsx(Jn,{nonce:e.nonce||"",isNestedRender:e.isNestedRender,contentId:(p=o.content)==null?void 0:p.id,cssCode:(S=(c=o.content)==null?void 0:c.data)==null?void 0:S.cssCode,customFonts:(y=(g=o.content)==null?void 0:g.data)==null?void 0:y.customFonts}),s.jsx(A,{blocks:(x=(C=o.content)==null?void 0:C.data)==null?void 0:x.blocks,context:o,registeredComponents:a,linkComponent:e.linkComponent})]})})}function Le(e){var o;const[t,n]=f.useState(()=>Vn({canTrack:h.getDefaultCanTrack(e.canTrack),content:e.content}));function i(){var l;return Fn(U(e.content).map(d=>({id:d.testVariationId,testRatio:d.testRatio})),((l=e.content)==null?void 0:l.id)||"")}function a(){return U(e.content).map(l=>`.variant-${l.testVariationId} { display: none; } `).join("")}function r(){var l;return t?{...e.content,testVariationId:(l=e.content)==null?void 0:l.id}:h.handleABTestingSync({item:e.content,canTrack:h.getDefaultCanTrack(e.canTrack)})}return f.useEffect(()=>{},[]),s.jsxs(s.Fragment,{children:[!e.isNestedRender&&h.TARGET!=="reactNative"?s.jsx(q,{id:"builderio-init-variants-fns",scriptStr:Nn(),nonce:e.nonce||""}):null,t?s.jsxs(s.Fragment,{children:[s.jsx(O,{id:"builderio-variants",styles:a(),nonce:e.nonce||""}),s.jsx(q,{id:"builderio-variants-visibility",scriptStr:i(),nonce:e.nonce||""}),(o=U(e.content))==null?void 0:o.map(l=>s.jsx(he,{apiHost:e.apiHost,isNestedRender:e.isNestedRender,nonce:e.nonce,content:l,showContent:!1,model:e.model,data:e.data,context:e.context,apiKey:e.apiKey,apiVersion:e.apiVersion,customComponents:e.customComponents,linkComponent:e.linkComponent,canTrack:e.canTrack,locale:e.locale,enrich:e.enrich,isSsrAbTest:t,blocksWrapper:e.blocksWrapper,blocksWrapperProps:e.blocksWrapperProps,contentWrapper:e.contentWrapper,contentWrapperProps:e.contentWrapperProps,trustedHosts:e.trustedHosts},l.testVariationId))]}):null,s.jsx(he,{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 Yn=async({builderContextValue:e,symbol:t})=>{if(t!=null&&t.model&&(e!=null&&e.apiKey))return h.fetchOneEntry({model:t.model,apiKey:e.apiKey,apiVersion:e.apiVersion,...(t==null?void 0:t.entry)&&{query:{id:t.entry}}}).catch(n=>{h.logger.error("Could not fetch symbol content: ",n)})};function Ue(e){var l,d,u,b,p;function t(){return"div"}function n(){return"div"}function i(){var c,S;return[e.attributes[$()],"builder-symbol",(c=e.symbol)!=null&&c.inline?"builder-inline-symbol":void 0,(S=e.symbol)!=null&&S.dynamic||e.dynamic?"builder-dynamic-symbol":void 0].filter(Boolean).join(" ")}const[a,r]=f.useState(()=>{var c;return(c=e.symbol)==null?void 0:c.content});function o(){a||Yn({symbol:e.symbol,builderContextValue:e.builderContext}).then(c=>{c&&r(c)})}return f.useEffect(()=>{},[]),f.useEffect(()=>{o()},[e.symbol]),s.jsx("div",{...e.attributes,className:i(),children:s.jsx(Le,{nonce:e.builderContext.nonce,isNestedRender:!0,apiVersion:e.builderContext.apiVersion,apiKey:e.builderContext.apiKey,context:{...e.builderContext.context,symbolId:(l=e.builderBlock)==null?void 0:l.id},customComponents:Object.values(e.builderComponents),data:{...(d=e.symbol)==null?void 0:d.data,...e.builderContext.localState,...(u=a==null?void 0:a.data)==null?void 0:u.state},canTrack:e.builderContext.canTrack,model:(p=(b=e.symbol)==null?void 0:b.model)!=null?p:"",content:a,linkComponent:e.builderLinkComponent,blocksWrapper:t(),contentWrapper:n()})})}exports.setClientUserAttributes=h.setClientUserAttributes;exports.Blocks=A;exports.BuilderContext=M;exports.Button=be;exports.Columns=Ve;exports.Content=Le;exports.Fragment=Be;exports.Image=Ae;exports.Section=Ne;exports.Symbol=Ue;exports.Text=Fe;exports.Video=We;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { TARGET as L, isEditing as A, isBrowser as U, getUserAttributes as Ye, checkIsDefined as Q, logger as _, isPreviewing as Z, userAttributesService as be, getDefaultCanTrack as j, logFetch as Ve, registerInsertMenu as Xe, setupBrowserForEditing as Ze, createRegisterComponentMessage as et, getCookieSync as tt, _track as pe, fetchOneEntry as Be, createEditorListener as nt, serializeIncludingFunctions as ye, handleABTestingSync as it } from "./server-entry-
|
|
3
|
-
import { setClientUserAttributes as Ei } from "./server-entry-
|
|
2
|
+
import { TARGET as L, isEditing as A, isBrowser as U, getUserAttributes as Ye, checkIsDefined as Q, logger as _, isPreviewing as Z, userAttributesService as be, getDefaultCanTrack as j, logFetch as Ve, registerInsertMenu as Xe, setupBrowserForEditing as Ze, createRegisterComponentMessage as et, getCookieSync as tt, _track as pe, fetchOneEntry as Be, createEditorListener as nt, serializeIncludingFunctions as ye, handleABTestingSync as it } from "./server-entry-79285592.js";
|
|
3
|
+
import { setClientUserAttributes as Ei } from "./server-entry-79285592.js";
|
|
4
4
|
import { jsx as s, Fragment as R, jsxs as B } from "react/jsx-runtime";
|
|
5
5
|
import * as at from "react";
|
|
6
6
|
import { createContext as Ae, useEffect as V, useState as I, useRef as O, useContext as ve, createElement as Ne } from "react";
|
|
@@ -832,10 +832,12 @@ const Gt = ({
|
|
|
832
832
|
};
|
|
833
833
|
function Se(e) {
|
|
834
834
|
var i;
|
|
835
|
+
I(() => !1);
|
|
835
836
|
const [t, n] = I(
|
|
836
837
|
() => e.isInteractive ? Jt : e.componentRef
|
|
837
838
|
);
|
|
838
|
-
return
|
|
839
|
+
return V(() => {
|
|
840
|
+
}, [e.componentOptions, e.blockChildren]), /* @__PURE__ */ s(R, { children: e.componentRef ? /* @__PURE__ */ s(R, { children: /* @__PURE__ */ s(
|
|
839
841
|
t,
|
|
840
842
|
{
|
|
841
843
|
...Gt({
|
|
@@ -1239,7 +1241,7 @@ function Xt(e) {
|
|
|
1239
1241
|
/* @__PURE__ */ B(
|
|
1240
1242
|
"div",
|
|
1241
1243
|
{
|
|
1242
|
-
className: Yt((b = e.builderBlock) == null ? void 0 : b.id) + " div-
|
|
1244
|
+
className: Yt((b = e.builderBlock) == null ? void 0 : b.id) + " div-0369db37",
|
|
1243
1245
|
style: h(),
|
|
1244
1246
|
children: [
|
|
1245
1247
|
/* @__PURE__ */ s(
|
|
@@ -1276,9 +1278,10 @@ function Xt(e) {
|
|
|
1276
1278
|
]
|
|
1277
1279
|
}
|
|
1278
1280
|
),
|
|
1279
|
-
/* @__PURE__ */ s("style", { children: `.div-
|
|
1281
|
+
/* @__PURE__ */ s("style", { children: `.div-0369db37 {
|
|
1280
1282
|
display: flex;
|
|
1281
1283
|
line-height: normal;
|
|
1284
|
+
height: 100%;
|
|
1282
1285
|
}` })
|
|
1283
1286
|
] });
|
|
1284
1287
|
}
|
package/lib/browser/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./blocks-exports.cjs"),e=require("./server-entry-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./blocks-exports.cjs"),e=require("./server-entry-5449a575.cjs");require("react/jsx-runtime");require("react");exports.Blocks=t.Blocks;exports.BuilderContext=t.BuilderContext;exports.Button=t.Button;exports.Columns=t.Columns;exports.Content=t.Content;exports.Fragment=t.Fragment;exports.Image=t.Image;exports.Section=t.Section;exports.Symbol=t.Symbol;exports.Text=t.Text;exports.Video=t.Video;exports._processContentResult=e._processContentResult;exports.createRegisterComponentMessage=e.createRegisterComponentMessage;exports.fetchBuilderProps=e.fetchBuilderProps;exports.fetchEntries=e.fetchEntries;exports.fetchOneEntry=e.fetchOneEntry;exports.getBuilderSearchParams=e.getBuilderSearchParams;exports.isEditing=e.isEditing;exports.isPreviewing=e.isPreviewing;exports.register=e.register;exports.setClientUserAttributes=e.setClientUserAttributes;exports.setEditorSettings=e.setEditorSettings;exports.subscribeToEditor=e.subscribeToEditor;exports.track=e.track;
|
package/lib/browser/index.mjs
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Blocks as o, BuilderContext as s, Button as n, Columns as c, Content as m, Fragment as g, Image as a, Section as l, Symbol as u, Text as d, Video as p } from "./blocks-exports.mjs";
|
|
2
|
-
import { _processContentResult as f, createRegisterComponentMessage as B, fetchBuilderProps as E, fetchEntries as b, fetchOneEntry as h, getBuilderSearchParams as x, isEditing as S, isPreviewing as P, register as k, setClientUserAttributes as y, setEditorSettings as R, subscribeToEditor as T, track as v } from "./server-entry-
|
|
2
|
+
import { _processContentResult as f, createRegisterComponentMessage as B, fetchBuilderProps as E, fetchEntries as b, fetchOneEntry as h, getBuilderSearchParams as x, isEditing as S, isPreviewing as P, register as k, setClientUserAttributes as y, setEditorSettings as R, subscribeToEditor as T, track as v } from "./server-entry-79285592.js";
|
|
3
3
|
import "react/jsx-runtime";
|
|
4
4
|
import "react";
|
|
5
5
|
export {
|