@builder.io/sdk-react-nextjs 0.14.8 → 0.14.10
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/{node/USE_CLIENT_BUNDLE-690f58c3.js → browser/USE_CLIENT_BUNDLE-23f56a7a.js} +205 -212
- package/lib/browser/USE_CLIENT_BUNDLE-eacd2786.cjs +21 -0
- package/lib/{edge/USE_SERVER_BUNDLE-7cb08770.cjs → browser/USE_SERVER_BUNDLE-e0504825.cjs} +1 -1
- package/lib/{edge/USE_SERVER_BUNDLE-2cb317bc.js → browser/USE_SERVER_BUNDLE-e89c8b6f.js} +1 -1
- package/lib/browser/{bundle-d78727c9.js → bundle-53becb42.js} +3 -3
- package/lib/browser/{bundle-eca4b0ba.cjs → bundle-8b50c7b8.cjs} +7 -7
- package/lib/browser/index.cjs +1 -1
- package/lib/browser/index.mjs +3 -3
- package/lib/edge/USE_CLIENT_BUNDLE-47f68f73.cjs +21 -0
- package/lib/{browser/USE_CLIENT_BUNDLE-78517750.js → edge/USE_CLIENT_BUNDLE-fa4982fd.js} +205 -212
- package/lib/{node/USE_SERVER_BUNDLE-e8d80664.cjs → edge/USE_SERVER_BUNDLE-87f6dbbe.cjs} +1 -1
- package/lib/{node/USE_SERVER_BUNDLE-649f2942.js → edge/USE_SERVER_BUNDLE-d7280e1d.js} +1 -1
- package/lib/edge/{bundle-07c68bbe.cjs → bundle-3db41e4c.cjs} +2 -2
- package/lib/edge/{bundle-7da386a2.js → bundle-9f94b090.js} +3 -3
- package/lib/edge/index.cjs +1 -1
- package/lib/edge/index.mjs +3 -3
- package/lib/{edge/USE_CLIENT_BUNDLE-01cf3cc1.js → node/USE_CLIENT_BUNDLE-1dd54b7e.js} +205 -212
- package/lib/node/USE_CLIENT_BUNDLE-d7df2675.cjs +21 -0
- package/lib/{browser/USE_SERVER_BUNDLE-d3d0c3a5.cjs → node/USE_SERVER_BUNDLE-3c851565.cjs} +1 -1
- package/lib/{browser/USE_SERVER_BUNDLE-29f23050.js → node/USE_SERVER_BUNDLE-df48fc17.js} +1 -1
- package/lib/node/{bundle-001f0cdc.js → bundle-6a6e07b9.js} +3 -3
- package/lib/node/{bundle-77f045ce.cjs → bundle-ece0becd.cjs} +2 -2
- package/lib/node/index.cjs +1 -1
- package/lib/node/index.mjs +3 -3
- package/package.json +1 -1
- package/types/cjs/constants/sdk-version.d.ts +1 -1
- package/types/cjs/functions/get-content/types.d.ts +8 -0
- package/types/esm/constants/sdk-version.d.ts +1 -1
- package/types/esm/functions/get-content/types.d.ts +8 -0
- package/lib/browser/USE_CLIENT_BUNDLE-2046b4f7.cjs +0 -21
- package/lib/edge/USE_CLIENT_BUNDLE-23418377.cjs +0 -21
- package/lib/node/USE_CLIENT_BUNDLE-f9317c5f.cjs +0 -21
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
"use client";"use strict";const t=require("react/jsx-runtime"),a=require("./bundle-8b50c7b8.cjs"),o=require("react"),_=require("./USE_SERVER_BUNDLE-e0504825.cjs"),z=require("next/navigation");function E(e){return t.jsx(t.Fragment,{children:a.isEmptyElement(e.TagName)?t.jsx(t.Fragment,{children:t.jsx(e.TagName,{...e.attributes,...e.actionAttributes})}):t.jsx(t.Fragment,{children:typeof e.TagName=="string"?t.jsx(e.TagName,{...e.attributes,...e.actionAttributes,children:e.children}):t.jsx(e.TagName,{...e.attributes,...e.actionAttributes,children:e.children})})})}function M(e){return t.jsx(E,{attributes:{...e.attributes,[a.getClassPropName()]:`${e.link?"":"builder-button"} ${e.attributes[a.getClassPropName()]||""}`,...e.link?{href:e.link,target:e.openLinkInNewTab?"_blank":void 0,role:"link"}:{role:"button"}},TagName:e.link?e.builderLinkComponent||"a":"button",actionAttributes:{},children:e.text})}function D(e){return t.jsx(E,{TagName:e.Wrapper,attributes:a.getBlockProperties({block:e.block,context:e.context}),actionAttributes:a.getBlockActions({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 V(e){return t.jsx(e.Wrapper,{...e.wrapperProps,attributes:e.includeBlockProps?{...a.getBlockProperties({block:e.block,context:e.context}),...a.getBlockActions({block:e.block,rootState:e.context.rootState,rootSetState:e.context.rootSetState,localState:e.context.localState,context:e.context.context})}:{},children:e.children})}function H(e){function r(){var l;return"builder-blocks"+((l=e.blocks)!=null&&l.length?"":" no-blocks")}function m(){var l,b;a.isEditing()&&!((l=e.blocks)!=null&&l.length)&&((b=window.parent)==null||b.postMessage({type:"builder.clickEmptyBlocks",data:{parentElementId:e.parent,dataPath:e.path}},"*"))}function S(){var l,b;a.isEditing()&&!((l=e.blocks)!=null&&l.length)&&((b=window.parent)==null||b.postMessage({type:"builder.hoverEmptyBlocks",data:{parentElementId:e.parent,dataPath:e.path}},"*"))}return t.jsxs(t.Fragment,{children:[t.jsx(e.BlocksWrapper,{className:r()+" props-blocks-wrapper-7cd1560e","builder-path":e.path,"builder-parent-id":e.parent,style:e.styleProp,onClick:l=>m(),onMouseEnter:l=>S(),onKeyPress:l=>m(),...e.BlocksWrapperProps,children:e.children}),t.jsx("style",{children:`.props-blocks-wrapper-7cd1560e {
|
|
2
|
+
display: flex;
|
|
3
|
+
flex-direction: column;
|
|
4
|
+
align-items: stretch;
|
|
5
|
+
}`})]})}function U(e){return t.jsx("span",{children:e.children})}function $(e){var l,b,h,x;function r(){var f;const d=e.image||e.src;if(!d||!(d.match(/builder\.io/)||d.match(/cdn\.shopify\.com/)))return e.srcset;if(e.srcset&&((f=e.image)!=null&&f.includes("builder.io/api/v1/image"))){if(!e.srcset.includes(e.image.split("?")[0]))return console.debug("Removed given srcset"),a.getSrcSet(d)}else if(e.image&&!e.srcset)return a.getSrcSet(d);return a.getSrcSet(d)}function m(){var g;return(g=r==null?void 0:r())!=null&&g.match(/builder\.io/)&&!e.noWebp?r().replace(/\?/g,"?format=webp&"):""}function S(){const g={position:"absolute",height:"100%",width:"100%",left:"0px",top:"0px"};return e.aspectRatio?g:void 0}return t.jsxs(t.Fragment,{children:[t.jsxs(t.Fragment,{children:[t.jsxs("picture",{children:[m()?t.jsx("source",{type:"image/webp",srcSet:m()}):null,t.jsx("img",{loading:"lazy",alt:e.altText,role:e.altText?void 0:"presentation",style:{objectPosition:e.backgroundPosition||"center",objectFit:e.backgroundSize||"cover",...S()},className:"builder-image"+(e.className?" "+e.className:"")+" img-a0c95e8c",src:e.image,srcSet:r(),sizes:e.sizes})]}),e.aspectRatio&&!((b=(l=e.builderBlock)==null?void 0:l.children)!=null&&b.length&&e.fitContent)?t.jsx("div",{className:"builder-image-sizer div-a0c95e8c",style:{paddingTop:e.aspectRatio*100+"%"}}):null,(x=(h=e.builderBlock)==null?void 0:h.children)!=null&&x.length&&e.fitContent?t.jsx(t.Fragment,{children:e.children}):null,!e.fitContent&&e.children?t.jsx("div",{className:"div-a0c95e8c-2",children:e.children}):null]}),t.jsx("style",{children:`.img-a0c95e8c {
|
|
6
|
+
opacity: 1;
|
|
7
|
+
transition: opacity 0.2s ease-in-out;
|
|
8
|
+
}.div-a0c95e8c {
|
|
9
|
+
width: 100%;
|
|
10
|
+
pointer-events: none;
|
|
11
|
+
font-size: 0;
|
|
12
|
+
}.div-a0c95e8c-2 {
|
|
13
|
+
display: flex;
|
|
14
|
+
flex-direction: column;
|
|
15
|
+
align-items: stretch;
|
|
16
|
+
position: absolute;
|
|
17
|
+
top: 0;
|
|
18
|
+
left: 0;
|
|
19
|
+
width: 100%;
|
|
20
|
+
height: 100%;
|
|
21
|
+
}`})]})}function O(e){return t.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})}function J(e){const r=o.useRef(null),[m,S]=o.useState(()=>[]),[l,b]=o.useState(()=>[]);return o.useEffect(()=>{var x;if(!((x=r.current)!=null&&x.getElementsByTagName)||typeof window>"u")return;const h=r.current.getElementsByTagName("script");for(let g=0;g<h.length;g++){const d=h[g];if(d.src){if(m.includes(d.src))continue;m.push(d.src);const f=document.createElement("script");f.async=!0,f.src=d.src,document.head.appendChild(f)}else if(!d.type||["text/javascript","application/javascript","application/ecmascript"].includes(d.type)){if(l.includes(d.innerText))continue;try{l.push(d.innerText),new Function(d.innerText)()}catch(f){console.warn("`CustomCode`: Error running script:",f)}}}},[]),t.jsx("div",{ref:r,className:"builder-custom-code"+(e.replaceNodes?" replace-nodes":""),dangerouslySetInnerHTML:{__html:e.code}})}function G(e){const r=o.useRef(null),[m,S]=o.useState(()=>[]),[l,b]=o.useState(()=>[]),[h,x]=o.useState(()=>!1);function g(){if(!r.current||!r.current.getElementsByTagName)return;const d=r.current.getElementsByTagName("script");for(let f=0;f<d.length;f++){const k=d[f];if(k.src&&!m.includes(k.src)){m.push(k.src);const y=document.createElement("script");y.async=!0,y.src=k.src,document.head.appendChild(y)}else if(a.isJsScript(k)&&!l.includes(k.innerText))try{l.push(k.innerText),new Function(k.innerText)()}catch(y){console.warn("`Embed`: Error running script:",y)}}}return o.useEffect(()=>{r.current&&!h&&(x(!0),g())},[r.current,h]),t.jsx("div",{className:"builder-embed",ref:r,dangerouslySetInnerHTML:{__html:e.content}})}function Q(e){return t.jsx("img",{style:{objectFit:e.backgroundSize||"cover",objectPosition:e.backgroundPosition||"center"},alt:e.altText,src:e.imgSrc||e.image,...e.attributes},a.isEditing()&&e.imgSrc||"default-key")}function X(e){var S,l,b,h,x,g,d;function r(){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 m(){return{...r()}}return t.jsxs("div",{style:{position:"relative"},children:[t.jsx("video",{className:"builder-video",...m(),preload:e.preload||"metadata",style:{width:"100%",height:"100%",...(S=e.attributes)==null?void 0:S.style,objectFit:e.fit,objectPosition:e.position,zIndex:2,borderRadius:"1px",...e.aspectRatio?{position:"absolute"}:null},src:e.video||"no-src",poster:e.posterImage,children:e.lazyLoad?null:t.jsx("source",{type:"video/mp4",src:e.video})}),e.aspectRatio&&!(e.fitContent&&((b=(l=e.builderBlock)==null?void 0:l.children)!=null&&b.length))?t.jsx("div",{style:{width:"100%",paddingTop:e.aspectRatio*100+"%",pointerEvents:"none",fontSize:"0px"}}):null,(x=(h=e.builderBlock)==null?void 0:h.children)!=null&&x.length&&e.fitContent?t.jsx("div",{style:{display:"flex",flexDirection:"column",alignItems:"stretch"},children:e.children}):null,(d=(g=e.builderBlock)==null?void 0:g.children)!=null&&d.length&&!e.fitContent?t.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 Y=o.createContext({content:null,context:{},localState:void 0,rootSetState(){},rootState:{},apiKey:null,apiVersion:void 0,componentInfos:{},inheritedStyles:{},BlocksWrapper:"div",BlocksWrapperProps:{}});function Z(e){var R,P,T,B,N,L,F;const r=o.useRef(null);function m(i){var c,s;const n={...e.builderContextSignal.rootState,...i};e.builderContextSignal.rootSetState?(s=(c=e.builderContextSignal).rootSetState)==null||s.call(c,n):e.builderContextSignal.rootState=n}function S(i){var c,s,u,v,W;const n={...e.builderContextSignal.content,...i,data:{...(c=e.builderContextSignal.content)==null?void 0:c.data,...i==null?void 0:i.data},meta:{...(s=e.builderContextSignal.content)==null?void 0:s.meta,...i==null?void 0:i.meta,breakpoints:((u=i==null?void 0:i.meta)==null?void 0:u.breakpoints)||((W=(v=e.builderContextSignal.content)==null?void 0:v.meta)==null?void 0:W.breakpoints)}};_.postPreviewContent({value:n,key:n.id}).then(()=>{q.refresh()})}const[l,b]=o.useState(()=>e.contentWrapper||"div");function h(i){return a.createEditorListener({model:e.model,trustedHosts:e.trustedHosts,callbacks:{configureSdk:n=>{var u;const{breakpoints:c,contentId:s}=n;!s||s!==((u=e.builderContextSignal.content)==null?void 0:u.id)||c&&S({meta:{breakpoints:c}})},animation:n=>{a.triggerAnimation(n)},contentUpdate:n=>{S(n)}}})(i)}function x(){var n,c;const i=(c=(n=e.builderContextSignal.content)==null?void 0:n.data)==null?void 0:c.jsCode;i&&a.evaluate({code:i,context:e.context||{},localState:void 0,rootState:e.builderContextSignal.rootState,rootSetState:e.builderContextSignal.rootSetState,enableCache:!1})}const[g,d]=o.useState(()=>({})),[f,k]=o.useState(()=>!1);function y(i){var n,c;if(e.builderContextSignal.content){const s=(n=e.builderContextSignal.content)==null?void 0:n.testVariationId,u=(c=e.builderContextSignal.content)==null?void 0:c.id;a._track({type:"click",canTrack:a.getDefaultCanTrack(e.canTrack),contentId:u,apiKey:e.apiKey,variationId:s!==u?s:void 0,...a.getInteractionPropertiesForEvent(i),unique:!f})}f||k(!0)}function A(i){return i.replace(/{{([^}]+)}}/g,(n,c)=>String(a.evaluate({code:c,context:e.context||{},localState:void 0,rootState:e.builderContextSignal.rootState,rootSetState:e.builderContextSignal.rootSetState,enableCache:!0})))}function K({url:i,key:n}){a.fetch(i).then(c=>c.json()).then(c=>{var u,v;const s={...e.builderContextSignal.rootState,[n]:c};(v=(u=e.builderContextSignal).rootSetState)==null||v.call(u,s),g[n]=!0}).catch(c=>{console.error("error fetching dynamic data",i,c)})}function j(){var n,c;const i=((c=(n=e.builderContextSignal.content)==null?void 0:n.data)==null?void 0:c.httpRequests)??{};Object.entries(i).forEach(([s,u])=>{if(u&&(!g[s]||a.isEditing())){const v=A(u);K({url:v,key:s})}})}function C(){a.isEditing()&&window.dispatchEvent(new CustomEvent("builder:component:stateChange",{detail:{state:a.fastClone(e.builderContextSignal.rootState),ref:{name:e.model}}}))}function w(i){window.addEventListener("message",h),a.registerInsertMenu(),a.setupBrowserForEditing({...e.locale?{locale:e.locale}:{},...e.enrich?{enrich:e.enrich}:{},...e.trustedHosts?{trustedHosts:e.trustedHosts}:{}}),Object.values(e.builderContextSignal.componentInfos).forEach(n=>{var s;const c=a.createRegisterComponentMessage(n);(s=window.parent)==null||s.postMessage(c,"*")}),window.addEventListener("builder:component:stateChangeListenerActivated",C)}function I(i){const n=new URL(location.href).searchParams,c=n.get("builder.preview"),s=n.get(`builder.preview.${c}`),u=n.get("apiKey")||n.get("builder.space");c===e.model&&u===e.apiKey&&(!e.content||s===e.content.id)&&a.fetchOneEntry({model:e.model,apiKey:e.apiKey,apiVersion:e.builderContextSignal.apiVersion}).then(v=>{v&&S(v)})}const q=z.useRouter();return o.useEffect(()=>{var i;return(i=r.current)==null||i.addEventListener("initeditingbldr",w),()=>{var n;return(n=r.current)==null?void 0:n.removeEventListener("initeditingbldr",w)}},[]),o.useEffect(()=>{var i;return(i=r.current)==null||i.addEventListener("initpreviewingbldr",I),()=>{var n;return(n=r.current)==null?void 0:n.removeEventListener("initpreviewingbldr",I)}},[]),o.useEffect(()=>{var i,n;if(a.isBrowser()){if(a.isEditing()&&r.current&&r.current.dispatchEvent(new CustomEvent("initeditingbldr")),e.builderContextSignal.content&&a.getDefaultCanTrack(e.canTrack)){const s=(i=e.builderContextSignal.content)==null?void 0:i.testVariationId,u=(n=e.builderContextSignal.content)==null?void 0:n.id,v=e.apiKey;a._track({type:"impression",canTrack:!0,contentId:u,apiKey:v,variationId:s!==u?s:void 0})}a.isPreviewing()}},[]),o.useEffect(()=>{e.apiKey||a.logger.error("No API key provided to `RenderContent` component. This can cause issues. Please provide an API key using the `apiKey` prop."),x(),j(),C()},[]),o.useEffect(()=>{},[e.content]),o.useEffect(()=>{x()},[(P=(R=e.builderContextSignal.content)==null?void 0:R.data)==null?void 0:P.jsCode]),o.useEffect(()=>{j()},[(B=(T=e.builderContextSignal.content)==null?void 0:T.data)==null?void 0:B.httpRequests]),o.useEffect(()=>{C()},[e.builderContextSignal.rootState]),o.useEffect(()=>{e.data&&m(e.data)},[e.data]),o.useEffect(()=>{e.locale&&m({locale:e.locale})},[e.locale]),o.useEffect(()=>()=>{a.isBrowser()&&(window.removeEventListener("message",h),window.removeEventListener("builder:component:stateChangeListenerActivated",C))},[]),t.jsx(Y.Provider,{value:e.builderContextSignal,children:e.builderContextSignal.content?t.jsx(l,{ref:r,onClick:i=>y(i),"builder-content-id":(N=e.builderContextSignal.content)==null?void 0:N.id,"builder-model":e.model,...e.showContent?{}:{hidden:!0,"aria-hidden":!0},...e.contentWrapperProps,className:`variant-${((L=e.content)==null?void 0:L.testVariationId)||((F=e.content)==null?void 0:F.id)}`,children:e.children}):null})}exports.BlockWrapper=D;exports.BlocksWrapper=H;exports.Button=M;exports.CustomCode=J;exports.DynamicRenderer=E;exports.Embed=G;exports.EnableEditor=Z;exports.FragmentComponent=U;exports.Image=$;exports.ImgComponent=Q;exports.InteractiveElement=V;exports.SectionComponent=O;exports.Video=X;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use server";"use strict";const n=require("./bundle-
|
|
1
|
+
"use server";"use strict";const n=require("./bundle-8b50c7b8.cjs");async function s({key:e,value:t}){return n.init(),globalThis._BUILDER_PREVIEW_LRU_CACHE.set(e,t),{[e]:t}}exports.postPreviewContent=s;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as l, Fragment as v, jsxs as R } from "react/jsx-runtime";
|
|
2
2
|
import "react";
|
|
3
3
|
import { LRUCache as We } from "lru-cache";
|
|
4
|
-
import { I as Oe, B as $e, a as Ne, D as Fe, C as Le, E as Ue, b as De, V as _e, c as Me, F as je, d as He, S as Ke, e as ze } from "./USE_CLIENT_BUNDLE-
|
|
4
|
+
import { I as Oe, B as $e, a as Ne, D as Fe, C as Le, E as Ue, b as De, V as _e, c as Me, F as je, d as He, S as Ke, e as ze } from "./USE_CLIENT_BUNDLE-23f56a7a.js";
|
|
5
5
|
import "next/navigation";
|
|
6
6
|
const qe = /* @__PURE__ */ new Set(["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"]), so = (e) => typeof e == "string" && qe.has(e.toLowerCase()), T = "rsc", M = () => {
|
|
7
7
|
switch (T) {
|
|
@@ -1938,7 +1938,7 @@ async function Ee(e) {
|
|
|
1938
1938
|
}
|
|
1939
1939
|
const yn = async (e) => {
|
|
1940
1940
|
const t = Y(e);
|
|
1941
|
-
return await (await fn(t.href)).json();
|
|
1941
|
+
return await (await (e.fetch ?? fn)(t.href, e.fetchOptions)).json();
|
|
1942
1942
|
}, Sn = async (e, t, n = Y(e)) => {
|
|
1943
1943
|
const o = U(e.canTrack);
|
|
1944
1944
|
if (n.search.includes("preview=")) {
|
|
@@ -2171,7 +2171,7 @@ function Be(e, t) {
|
|
|
2171
2171
|
const n = new URL(t.origin), o = n.hostname;
|
|
2172
2172
|
return (e || $n).findIndex((i) => i.startsWith("*.") ? o.endsWith(i.slice(1)) : i === o) > -1;
|
|
2173
2173
|
}
|
|
2174
|
-
const Nn = "0.14.
|
|
2174
|
+
const Nn = "0.14.10", ie = {};
|
|
2175
2175
|
function Fn(e, t) {
|
|
2176
2176
|
let n = ie[e];
|
|
2177
2177
|
if (n || (n = ie[e] = []), n.push(t), S()) {
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
"use strict";const c=require("react/jsx-runtime");require("react");const Ke=require("lru-cache"),v=require("./USE_CLIENT_BUNDLE-
|
|
2
|
-
`),
|
|
1
|
+
"use strict";const c=require("react/jsx-runtime");require("react");const Ke=require("lru-cache"),v=require("./USE_CLIENT_BUNDLE-eacd2786.cjs");require("next/navigation");const ze=new Set(["area","base","br","col","embed","hr","img","input","keygen","link","meta","param","source","track","wbr"]),qe=e=>typeof e=="string"&&ze.has(e.toLowerCase()),E="rsc",O=()=>{switch(E){case"react":case"reactNative":case"rsc":return"className";case"svelte":case"vue":case"solid":case"qwik":return"class"}};function Je(e){var t;return{...(t=e.component)==null?void 0:t.options,...e.options,builderBlock:e}}const A="[Builder.io]: ",k={log:(...e)=>console.log(A,...e),error:(...e)=>console.error(A,...e),warn:(...e)=>console.warn(A,...e),debug:(...e)=>console.debug(A,...e)};function y(){return typeof window<"u"&&typeof document<"u"}const Ye=e=>{const t={};return e.forEach((n,o)=>{t[o]=n}),t},de=e=>e instanceof URLSearchParams?Ye(e):e,ue=e=>typeof e=="string"?e:e instanceof URLSearchParams?e.toString():new URLSearchParams(e).toString();function Ge(){return y()&&window.self!==window.top}function N(e){return Ge()&&ue(e||window.location.search).indexOf("builder.frameEditing=")!==-1}const Qe=()=>{if(y()){const e=new URL(location.href);return e.pathname===""&&(e.pathname="/"),e}else return console.warn("Cannot get location for tracking in non-browser environment"),null},Xe=()=>typeof navigator=="object"&&navigator.userAgent||"",me=()=>{const e=Xe(),t={Android(){return e.match(/Android/i)},BlackBerry(){return e.match(/BlackBerry/i)},iOS(){return e.match(/iPhone|iPod/i)},Opera(){return e.match(/Opera Mini/i)},Windows(){return e.match(/IEMobile/i)||e.match(/WPDesktop/i)},any(){return t.Android()||t.BlackBerry()||t.iOS()||t.Opera()||t.Windows()||E==="reactNative"}},n=e.match(/Tablet|iPad/i),o=Qe();return{urlPath:o==null?void 0:o.pathname,host:(o==null?void 0:o.host)||(o==null?void 0:o.hostname),device:n?"tablet":t.any()?"mobile":"desktop"}},Ze=({builder:e,context:t,event:n,state:o})=>Object.entries({state:o,Builder:e,builder:e,context:t,event:n}),et=()=>({isEditing:N(),isBrowser:y(),isServer:!y(),getUserAttributes:()=>me()}),tt=(e,{isExpression:t=!0})=>t&&!(e.includes(";")||e.includes(" return ")||e.trim().startsWith("return "))?`return (${e});`:e,G=({code:e,builder:t,context:n,event:o,localState:i,rootSetState:r,rootState:a})=>{const s=Ze({builder:t,context:n,event:o,state:fe({rootState:a,localState:i,rootSetState:r})});return new Function(...s.map(([l])=>l),e)(...s.map(([,l])=>l))};function fe({rootState:e,localState:t,rootSetState:n}){return new Proxy(e,{get:(o,i)=>{if(t&&i in t)return t[i];const r=o[i];return typeof r=="object"&&r!==null?fe({rootState:r,localState:void 0,rootSetState:n?a=>{o[i]=a,n(o)}:void 0}):r},set:(o,i,r)=>{if(t&&i in t)throw new Error("Writing to local state is not allowed as it is read-only.");return o[i]=r,n==null||n(o),!0}})}const w=e=>e!=null;function nt(){var e;return typeof process<"u"&&w((e=process==null?void 0:process.versions)==null?void 0:e.node)}const ot=()=>{var o;if(!nt())return!1;const e=process.arch==="arm64",t=process.version.startsWith("v20"),n=(o=process.env.NODE_OPTIONS)==null?void 0:o.includes("--no-node-snapshot");return e&&t&&!n?(k.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},it=e=>(y()||ot(),G(e)),K=class R{static getCacheKey(t){return JSON.stringify({...t,event:t.event?Math.random():void 0})}static getCachedValue(t){return R.cache.get(t)}static setCachedValue(t,n){R.cache.size>20&&R.cache.delete(R.cache.keys().next().value),R.cache.set(t,{value:n})}};K.cacheLimit=20;K.cache=new Map;let B=K;function $({code:e,context:t,localState:n,rootState:o,rootSetState:i,event:r,isExpression:a=!0,enableCache:s}){if(e===""){k.warn("Skipping evaluation of empty code block.");return}const l={code:tt(e,{isExpression:a}),builder:et(),context:t,event:r,rootSetState:i,rootState:o,localState:n};if(s){const d=B.getCacheKey(l),p=B.getCachedValue(d);if(p)return p.value}try{const d=it(l);if(s){const p=B.getCacheKey(l);B.setCachedValue(p,d)}return d}catch(d){k.error("Failed code evaluation: "+d.message,{code:e});return}}const P=e=>JSON.parse(JSON.stringify(e)),rt=(e,t,n)=>{if(Object(e)!==e)return e;const o=Array.isArray(t)?t:t.toString().match(/[^.[\]]+/g);return o.slice(0,-1).reduce((i,r,a)=>Object(i[r])===i[r]?i[r]:i[r]=Math.abs(Number(o[a+1]))>>0===+o[a+1]?[]:{},e)[o[o.length-1]]=n,e};const at=({block:e,context:t,localState:n,rootState:o,rootSetState:i})=>{if(!e.bindings)return e;const r=P(e),a={...r,properties:{...r.properties},actions:{...r.actions}};for(const s in e.bindings){const l=e.bindings[s],d=$({code:l,localState:n,rootState:o,rootSetState:i,context:t,enableCache:!0});rt(a,s,d)}return a};function W({block:e,context:t,shouldEvaluateBindings:n,localState:o,rootState:i,rootSetState:r}){const a=e;return n?at({block:a,localState:o,rootState:i,rootSetState:r,context:t}):a}const st=e=>e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g,"$1-$2").toLowerCase(),he=e=>Object.entries(e).map(([n,o])=>{if(typeof o=="string")return`${st(n)}: ${o};`}).filter(w),ct=e=>he(e).join(`
|
|
2
|
+
`),D=({mediaQuery:e,className:t,styles:n})=>{const o=`.${t} {
|
|
3
3
|
${ct(n)}
|
|
4
4
|
}`;return e?`${e} {
|
|
5
5
|
${o}
|
|
6
6
|
}`:o};function lt({style:e}){return e}const dt=({block:e,context:t})=>pe(lt({style:e.style||{},context:t,block:e}));function pe(e){switch(E){case"svelte":case"vue":case"solid":return he(e).join(" ");case"qwik":case"reactNative":case"react":case"rsc":return e}}const ut=({block:e,context:t,registeredComponents:n})=>{var r;const o=(r=W({block:e,localState:t.localState,rootState:t.rootState,rootSetState:t.rootSetState,context:t.context,shouldEvaluateBindings:!1}).component)==null?void 0:r.name;if(!o)return null;const i=n[o];if(i)return i;console.warn(`
|
|
7
7
|
Could not find a registered component named "${o}".
|
|
8
|
-
If you registered it, is the file that registered it imported by the file that needs to render it?`)},mt=({block:e,context:t})=>{const{repeat:n,...o}=e;if(!(n!=null&&n.collection))return;const i=$({code:n.collection,localState:t.localState,rootState:t.rootState,rootSetState:t.rootSetState,context:t.context,enableCache:!0});if(!Array.isArray(i))return;const r=n.collection.split(".").pop(),a=n.itemName||(r?r+"Item":"item");return i.map((l,d)=>({context:{...t,localState:{...t.localState,$index:d,$item:l,[a]:l,[`$${a}Index`]:d}},block:o}))},ge={small:{min:320,default:321,max:640},medium:{min:641,default:642,max:991},large:{min:990,default:991,max:1200}},Q=(e,t=ge)=>`@media (max-width: ${t[e].max}px)`,be=({small:e,medium:t})=>{const n=P(ge);if(!e||!t)return n;const o=Math.floor(e/2);n.small={max:e,min:o,default:o+1};const i=n.small.max+1;n.medium={max:t,min:i,default:i+1};const r=n.medium.max+1;return n.large={max:2e3,min:r,default:r+1},n};function L(e){return c.jsx("style",{dangerouslySetInnerHTML:{__html:e.styles},id:e.id})}function ft(e){const t=function(){const i=W({block:e.block,localState:e.context.localState,rootState:e.context.rootState,rootSetState:e.context.rootSetState,context:e.context.context,shouldEvaluateBindings:!0});return w(i.hide)?!i.hide:w(i.show)?i.show:!0},n=function(){var m;const i=W({block:e.block,localState:e.context.localState,rootState:e.context.rootState,rootSetState:e.context.rootSetState,context:e.context.context,shouldEvaluateBindings:!0}),r=i.responsiveStyles,a=e.context.content,s=be(((m=a==null?void 0:a.meta)==null?void 0:m.breakpoints)||{}),l=r==null?void 0:r.large,d=r==null?void 0:r.medium,p=r==null?void 0:r.small,u=i.id;if(!u)return"";const f=l?
|
|
8
|
+
If you registered it, is the file that registered it imported by the file that needs to render it?`)},mt=({block:e,context:t})=>{const{repeat:n,...o}=e;if(!(n!=null&&n.collection))return;const i=$({code:n.collection,localState:t.localState,rootState:t.rootState,rootSetState:t.rootSetState,context:t.context,enableCache:!0});if(!Array.isArray(i))return;const r=n.collection.split(".").pop(),a=n.itemName||(r?r+"Item":"item");return i.map((l,d)=>({context:{...t,localState:{...t.localState,$index:d,$item:l,[a]:l,[`$${a}Index`]:d}},block:o}))},ge={small:{min:320,default:321,max:640},medium:{min:641,default:642,max:991},large:{min:990,default:991,max:1200}},Q=(e,t=ge)=>`@media (max-width: ${t[e].max}px)`,be=({small:e,medium:t})=>{const n=P(ge);if(!e||!t)return n;const o=Math.floor(e/2);n.small={max:e,min:o,default:o+1};const i=n.small.max+1;n.medium={max:t,min:i,default:i+1};const r=n.medium.max+1;return n.large={max:2e3,min:r,default:r+1},n};function L(e){return c.jsx("style",{dangerouslySetInnerHTML:{__html:e.styles},id:e.id})}function ft(e){const t=function(){const i=W({block:e.block,localState:e.context.localState,rootState:e.context.rootState,rootSetState:e.context.rootSetState,context:e.context.context,shouldEvaluateBindings:!0});return w(i.hide)?!i.hide:w(i.show)?i.show:!0},n=function(){var m;const i=W({block:e.block,localState:e.context.localState,rootState:e.context.rootState,rootSetState:e.context.rootSetState,context:e.context.context,shouldEvaluateBindings:!0}),r=i.responsiveStyles,a=e.context.content,s=be(((m=a==null?void 0:a.meta)==null?void 0:m.breakpoints)||{}),l=r==null?void 0:r.large,d=r==null?void 0:r.medium,p=r==null?void 0:r.small,u=i.id;if(!u)return"";const f=l?D({className:u,styles:l}):"",b=d?D({className:u,styles:d,mediaQuery:Q("medium",s)}):"",h=p?D({className:u,styles:p,mediaQuery:Q("small",s)}):"";return[f,b,h].join(" ")};return c.jsx(c.Fragment,{children:n()&&t()?c.jsx(c.Fragment,{children:c.jsx(L,{styles:n()})}):null})}function ht(e){return e.charAt(0).toUpperCase()+e.slice(1)}const pt=e=>`on${ht(e)}`,gt=(e,t)=>n=>$({code:e,context:t.context,localState:t.localState,rootState:t.rootState,rootSetState:t.rootSetState,event:n,isExpression:!1,enableCache:!0});function bt(e){const t={},n=e.block.actions??{};for(const o in n){if(!n.hasOwnProperty(o))continue;const i=n[o];let r=pt(o);if(e.stripPrefix)switch(E){case"vue":r=r.replace("v-on:","");break;case"svelte":r=r.replace("on:","");break}t[r]=gt(i,e)}return t}function yt({properties:e}){return e}const St=e=>({href:e.href});function ye({block:e,context:t}){var o;const n={...St(e),...e.properties,"builder-id":e.id,style:dt({block:e,context:t}),[O()]:[e.id,"builder-block",e.class,(o=e.properties)==null?void 0:o.class].filter(Boolean).join(" ")};return yt({properties:n,context:t,block:e})}const xt=({componentOptions:e,builderBlock:t,context:n,componentRef:o,includeBlockProps:i,isInteractive:r,contextValue:a})=>{const s={...e,...i?{attributes:ye({block:t,context:a})}:{}};return r?{Wrapper:o,block:t,context:n,wrapperProps:e,includeBlockProps:i}:s};function X(e){var n;const t=e.isInteractive?v.InteractiveElement:e.componentRef;return c.jsx(c.Fragment,{children:e.componentRef?c.jsx(c.Fragment,{children:c.jsx(t,{...xt({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:(n=e.blockChildren)==null?void 0:n.map(o=>c.jsx(U,{block:o,context:e.context,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},o.id))})}):null})}function kt(e){const t=e.repeatContext;return c.jsx(U,{block:e.block,context:t,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent})}function U(e){var l,d,p;const t=function(){return ut({block:e.block,context:e.context,registeredComponents:e.registeredComponents})},n=function(){return mt({block:e.block,context:e.context})},o=function(){var f;return(f=e.block.repeat)!=null&&f.collection?e.block:W({block:e.block,localState:e.context.localState,rootState:e.context.rootState,rootSetState:e.context.rootSetState,context:e.context.context,shouldEvaluateBindings:!0})},i=function(){var b;return e.block.tagName==="a"||((b=o().properties)==null?void 0:b.href)||o().href?e.linkComponent||"a":e.block.tagName||"div"},r=function(){var h,m;if((h=e.block.repeat)!=null&&h.collection)return!!((m=n())!=null&&m.length);const f="hide"in o()?o().hide:!1;return("show"in o()?o().show:!0)&&!f},a=function(){var b;return!((b=t())!=null&&b.component)&&!n()?o().children??[]:[]},s=function(){var f,b,h,m,S,g,C,T,x,I;return{blockChildren:o().children??[],componentRef:(f=t())==null?void 0:f.component,componentOptions:{...Je(o()),builderContext:e.context,...((b=t())==null?void 0:b.name)==="Core:Button"||((h=t())==null?void 0:h.name)==="Symbol"||((m=t())==null?void 0:m.name)==="Columns"||((S=t())==null?void 0:S.name)==="Form:Form"?{builderLinkComponent:e.linkComponent}:{},...((g=t())==null?void 0:g.name)==="Symbol"||((C=t())==null?void 0:C.name)==="Columns"||((T=t())==null?void 0:T.name)==="Form:Form"?{builderComponents:e.registeredComponents}:{}},context:e.context,linkComponent:e.linkComponent,registeredComponents:e.registeredComponents,builderBlock:o(),includeBlockProps:((x=t())==null?void 0:x.noWrap)===!0,isInteractive:!((I=t())!=null&&I.isRSC)}};return c.jsx(c.Fragment,{children:r()?c.jsxs(c.Fragment,{children:[c.jsx(ft,{block:e.block,context:e.context}),(l=t())!=null&&l.noWrap?c.jsx(c.Fragment,{children:c.jsx(X,{componentRef:s().componentRef,componentOptions:s().componentOptions,blockChildren:s().blockChildren,context:s().context,registeredComponents:s().registeredComponents,linkComponent:s().linkComponent,builderBlock:s().builderBlock,includeBlockProps:s().includeBlockProps,isInteractive:s().isInteractive})}):c.jsx(c.Fragment,{children:n()?c.jsx(c.Fragment,{children:(p=n())==null?void 0:p.map((u,f)=>c.jsx(kt,{repeatContext:u.context,block:u.block,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},f))}):c.jsxs(v.BlockWrapper,{Wrapper:i(),block:o(),context:e.context,linkComponent:e.linkComponent,children:[c.jsx(X,{componentRef:s().componentRef,componentOptions:s().componentOptions,blockChildren:s().blockChildren,context:s().context,registeredComponents:s().registeredComponents,linkComponent:s().linkComponent,builderBlock:s().builderBlock,includeBlockProps:s().includeBlockProps,isInteractive:s().isInteractive}),(d=a())==null?void 0:d.map(u=>c.jsx(U,{block:u,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent,context:e.context},u.id))]})})]}):null})}function _(e){var t,n,o;return c.jsx(v.BlocksWrapper,{blocks:e.blocks,parent:e.parent,path:e.path,styleProp:e.styleProp,BlocksWrapper:(t=e.context)==null?void 0:t.BlocksWrapper,BlocksWrapperProps:(n=e.context)==null?void 0:n.BlocksWrapperProps,children:e.blocks?c.jsx(c.Fragment,{children:(o=e.blocks)==null?void 0:o.map(i=>c.jsx(U,{block:i,linkComponent:e.linkComponent,context:e.context,registeredComponents:e.registeredComponents},i.id))}):null})}function Se(e){var b;const t=typeof e.space=="number"?e.space||0:20,n=e.columns||[],o=e.stackColumnsAt||"tablet",i=function(m){var S;return((S=n[m])==null?void 0:S.width)||100/n.length},r=function(m){const S=t*(n.length-1)/n.length;return`calc(${i(m)}% - ${S}px)`},a=function({stackedStyle:m,desktopStyle:S}){return o==="tablet"?m:S},s=function({stackedStyle:m,desktopStyle:S}){return o==="never"?S:m},l=e.stackColumnsAt==="never"?"row":e.reverseColumnsWhenStacked?"column-reverse":"column",d=function(){return{"--flex-dir":l,"--flex-dir-tablet":a({stackedStyle:l,desktopStyle:"row"})}},p=function(m){const S=m===0?0:t,g=r(m),C=`${S}px`,T="100%",x=0;return{...{display:"flex",flexDirection:"column",alignItems:"stretch"},width:g,["marginLeft"]:C,"--column-width-mobile":s({stackedStyle:T,desktopStyle:g}),"--column-margin-left-mobile":s({stackedStyle:x,desktopStyle:C}),"--column-width-tablet":a({stackedStyle:T,desktopStyle:g}),"--column-margin-left-tablet":a({stackedStyle:x,desktopStyle:C})}},u=function(m){var g,C;return be(((C=(g=e.builderContext.content)==null?void 0:g.meta)==null?void 0:C.breakpoints)||{})[m].max},f=function(){return`
|
|
9
9
|
@media (max-width: ${u("medium")}px) {
|
|
10
10
|
.${e.builderBlock.id}-breakpoints {
|
|
11
11
|
flex-direction: var(--flex-dir-tablet);
|
|
@@ -29,10 +29,10 @@
|
|
|
29
29
|
margin-left: var(--column-margin-left-mobile) !important;
|
|
30
30
|
}
|
|
31
31
|
},
|
|
32
|
-
`};return c.jsxs(c.Fragment,{children:[c.jsxs("div",{className:`builder-columns ${e.builderBlock.id}-breakpoints div-7e6263b2`,style:d(),children:[c.jsx(L,{styles:f()}),(b=e.columns)==null?void 0:b.map((h,m)=>c.jsx(v.DynamicRenderer,{TagName:h.link?e.builderLinkComponent||"a":"div",actionAttributes:{},attributes:{...h.link?{href:h.link}:{},[O()]:"builder-column",style:pe(p(m))},children:c.jsx(
|
|
32
|
+
`};return c.jsxs(c.Fragment,{children:[c.jsxs("div",{className:`builder-columns ${e.builderBlock.id}-breakpoints div-7e6263b2`,style:d(),children:[c.jsx(L,{styles:f()}),(b=e.columns)==null?void 0:b.map((h,m)=>c.jsx(v.DynamicRenderer,{TagName:h.link?e.builderLinkComponent||"a":"div",actionAttributes:{},attributes:{...h.link?{href:h.link}:{},[O()]:"builder-column",style:pe(p(m))},children:c.jsx(_,{path:`component.options.columns.${m}.blocks`,parent:e.builderBlock.id,styleProp:{flexGrow:"1"},context:e.builderContext,registeredComponents:e.builderComponents,linkComponent:e.builderLinkComponent,blocks:h.blocks})},m))]}),c.jsx("style",{children:`.div-7e6263b2 {
|
|
33
33
|
display: flex;
|
|
34
34
|
line-height: normal;
|
|
35
|
-
}`})]})}function Z(e){return e.replace(/http(s)?:/,"")}function vt(e="",t,n){const o=new RegExp("([?&])"+t+"=.*?(&|$)","i"),i=e.indexOf("?")!==-1?"&":"?";return e.match(o)?e.replace(o,"$1"+t+"="+encodeURIComponent(n)+"$2"):e+i+t+"="+encodeURIComponent(n)}function Ct(e,t){if(!e||!(e!=null&&e.match(/cdn\.shopify\.com/))||!t)return e;if(t==="master")return Z(e);const n=e.match(/(_\d+x(\d+)?)?(\.(jpg|jpeg|gif|png|bmp|bitmap|tiff|tif)(\?v=\d+)?)/i);if(n){const o=e.split(n[0]),i=n[3],r=t.match("x")?t:`${t}x`;return Z(`${o[0]}_${r}${i}`)}return null}function wt(e){if(!e)return e;const t=[100,200,400,800,1200,1600,2e3];if(e.match(/builder\.io/)){let n=e;const o=Number(e.split("?width=")[1]);return isNaN(o)||(n=`${n} ${o}w`),t.filter(i=>i!==o).map(i=>`${vt(e,"width",i)} ${i}w`).concat([n]).join(", ")}return e.match(/cdn\.shopify\.com/)?t.map(n=>[Ct(e,`${n}x${n}`),n]).filter(([n])=>!!n).map(([n,o])=>`${n} ${o}w`).concat([e]).join(", "):e}const It=e=>{if(e==="localhost"||e==="127.0.0.1")return e;const t=e.split(".");return t.length>2?t.slice(1).join("."):e},xe=({name:e,canTrack:t})=>{var n;try{return t?(n=document.cookie.split("; ").find(o=>o.startsWith(`${e}=`)))==null?void 0:n.split("=")[1]:void 0}catch(o){k.warn("[COOKIE] GET error: ",(o==null?void 0:o.message)||o);return}},ke=async e=>xe(e),Et=e=>e.map(([t,n])=>n?`${t}=${n}`:t).filter(w).join("; "),Tt=[["secure",""],["SameSite","None"]],Rt=({name:e,value:t,expires:n})=>{const i=(y()?location.protocol==="https:":!0)?Tt:[[]],r=n?[["expires",n.toUTCString()]]:[[]],a=[[e,t],...r,["path","/"],["domain",It(window.location.hostname)],...i];return Et(a)},ve=async({name:e,value:t,expires:n,canTrack:o})=>{try{if(!o)return;const i=Rt({name:e,value:t,expires:n});document.cookie=i}catch(i){k.warn("[COOKIE] SET error: ",(i==null?void 0:i.message)||i)}},Pt="builder.tests",z=e=>`${Pt}.${e}`,At=({contentId:e})=>ke({name:z(e),canTrack:!0}),Bt=({contentId:e})=>xe({name:z(e),canTrack:!0}),Vt=({contentId:e,value:t})=>ve({name:z(e),value:t,canTrack:!0}),Ce=e=>w(e.id)&&w(e.variations)&&Object.keys(e.variations).length>0,jt=({id:e,variations:t})=>{var i;let n=0;const o=Math.random();for(const r in t){const a=(i=t[r])==null?void 0:i.testRatio;if(n+=a,o<n)return r}return e},we=e=>{const t=jt(e);return Vt({contentId:e.id,value:t}).catch(n=>{k.error("could not store A/B test variation: ",n)}),t},Ie=({item:e,testGroupId:t})=>{const n=e.variations[t];return t===e.id||!n?{testVariationId:e.id,testVariationName:"Default"}:{data:n.data,testVariationId:n.id,testVariationName:n.name||(n.id===e.id?"Default":"")}},Wt=({item:e,canTrack:t})=>{if(!t)return e;if(!e)return;if(!Ce(e))return e;const n=Bt({contentId:e.id})||we({variations:e.variations,id:e.id}),o=Ie({item:e,testGroupId:n});return{...e,...o}},Ft=async({item:e,canTrack:t})=>{if(!t||!Ce(e))return e;const o=await At({contentId:e.id})||we({variations:e.variations,id:e.id}),i=Ie({item:e,testGroupId:o});return{...e,...i}},F=e=>w(e)?e:!0,Ot={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},Nt={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(o=>{o.delete("width")})}const n=e.get("columns");Array.isArray(n)&&n.find(i=>i.get("width"))&&(n.find(r=>!r.get("width"))||n.reduce((s,l)=>s+l.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}]},$t={name:"Fragment",static:!0,hidden:!0,canHaveChildren:!0,noWrap:!0},Lt={name:"Image",static:!0,image:"https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-insert_photo-24px.svg?alt=media&token=4e5d0ef4-f5e8-4e57-b3a9-38d63a9b9dc4",defaultStyles:{position:"relative",minHeight:"20px",minWidth:"20px",overflow:"hidden"},canHaveChildren:!0,inputs:[{name:"image",type:"file",bubble:!0,allowedFileTypes:["jpeg","jpg","png","svg"],required:!0,defaultValue:"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F72c80f114dc149019051b6852a9e3b7a",onChange:e=>{e.delete("srcset"),e.delete("noWebp");function n(a,s=6e4){return new Promise((l,d)=>{const p=document.createElement("img");let u=!1;p.onload=()=>{u=!0,l(p)},p.addEventListener("error",f=>{console.warn("Image load failed",f.error),d(f.error)}),p.src=a,setTimeout(()=>{u||d(new Error("Image load timed out"))},s)})}function o(a){return Math.round(a*1e3)/1e3}const i=e.get("image"),r=e.get("aspectRatio");if(fetch(i).then(a=>a.blob()).then(a=>{a.type.includes("svg")&&e.set("noWebp",!0)}),i&&(!r||r===.7041))return n(i).then(a=>{const s=e.get("aspectRatio");e.get("image")===i&&(!s||s===.7041)&&a.width&&a.height&&(e.set("aspectRatio",o(a.height/a.width)),e.set("height",a.height),e.set("width",a.width))})}},{name:"backgroundSize",type:"text",defaultValue:"cover",enum:[{label:"contain",value:"contain",helperText:"The image should never get cropped"},{label:"cover",value:"cover",helperText:"The image should fill it's box, cropping when needed"}]},{name:"backgroundPosition",type:"text",defaultValue:"center",enum:["center","top","left","right","bottom","top left","top right","bottom left","bottom right"]},{name:"altText",type:"string",helperText:"Text to display when the user has images off"},{name:"height",type:"number",hideFromUI:!0},{name:"width",type:"number",hideFromUI:!0},{name:"sizes",type:"string",hideFromUI:!0},{name:"srcset",type:"string",hideFromUI:!0},{name:"lazy",type:"boolean",defaultValue:!0,hideFromUI:!0},{name:"fitContent",type:"boolean",helperText:"When child blocks are provided, fit to them instead of using the image's aspect ratio",defaultValue:!0},{name:"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}]},Ut={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>"}}}]},Dt={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"}]};function _t(e){var t,n,o;return c.jsx("div",{style:{pointerEvents:"auto"},...!((t=e.builderContext.context)!=null&&t.symbolId)&&{"builder-slot":e.name},children:c.jsx(D,{parent:(n=e.builderContext.context)==null?void 0:n.symbolId,path:`symbol.data.${e.name}`,context:e.builderContext,blocks:(o=e.builderContext.rootState)==null?void 0:o[e.name]})})}const Mt={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"}]},Ht={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 Ee(e){var t;return c.jsx("div",{className:"builder-text",dangerouslySetInnerHTML:{__html:((t=e.text)==null?void 0:t.toString())||""},style:{outline:"none"}})}const Kt={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}]},zt={name:"Embed",static:!0,inputs:[{name:"url",type:"url",required:!0,defaultValue:"",helperText:"e.g. enter a youtube url, google map, etc",onChange:e=>{const t=e.get("url");if(t)return e.set("content","Loading..."),fetch(`https://iframe.ly/api/iframely?url=${t}&api_key=ae0e60e78201a3f2b0de4b`).then(o=>o.json()).then(o=>{e.get("url")===t&&(o.html?e.set("content",o.html):e.set("content","Invalid url, please try another"))}).catch(o=>{e.set("content","There was an error embedding this URL, please try again or another URL")});e.delete("content")}},{name:"content",type:"html",defaultValue:'<div style="padding: 20px; text-align: center">(Choose an embed URL)<div>',hideFromUI:!0}]},qt=["text/javascript","application/javascript","application/ecmascript"],Jt=e=>qt.includes(e.type),Yt={name:"Raw:Img",hideFromInsertMenu:!0,image:"https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-insert_photo-24px.svg?alt=media&token=4e5d0ef4-f5e8-4e57-b3a9-38d63a9b9dc4",inputs:[{name:"image",bubble:!0,type:"file",allowedFileTypes:["jpeg","jpg","png","svg","gif","webp"],required:!0}],noWrap:!0,static:!0},Gt={name:"Video",canHaveChildren:!0,defaultStyles:{minHeight:"20px",minWidth:"20px"},image:"https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-videocam-24px%20(1).svg?alt=media&token=49a84e4a-b20e-4977-a650-047f986874bb",inputs:[{name:"video",type:"file",allowedFileTypes:["mp4"],bubble:!0,defaultValue:"https://cdn.builder.io/o/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fd27731a526464deba0016216f5f9e570%2Fcompressed?apiKey=YJIGb4i01jvw0SRdL5Bt&token=d27731a526464deba0016216f5f9e570&alt=media&optimized=true",required:!0},{name:"posterImage",type:"file",allowedFileTypes:["jpeg","png"],helperText:"Image to show before the video plays"},{name:"autoPlay",type:"boolean",defaultValue:!0},{name:"controls",type:"boolean",defaultValue:!1},{name:"muted",type:"boolean",defaultValue:!0},{name:"loop",type:"boolean",defaultValue:!0},{name:"playsInline",type:"boolean",defaultValue:!0},{name:"fit",type:"text",defaultValue:"cover",enum:["contain","cover","fill","auto"]},{name:"preload",type:"text",defaultValue:"metadata",enum:["auto","metadata","none"]},{name:"fitContent",type:"boolean",helperText:"When child blocks are provided, fit to them instead of using the aspect ratio",defaultValue:!0,advanced:!0},{name:"position",type:"text",defaultValue:"center",enum:["center","top","left","right","bottom","top left","top right","bottom left","bottom right"]},{name:"height",type:"number",advanced:!0},{name:"width",type:"number",advanced:!0},{name:"aspectRatio",type:"number",advanced:!0,defaultValue:.7004048582995948},{name:"lazyLoad",type:"boolean",helperText:'Load this video "lazily" - as in only when a user scrolls near the video. Recommended for optmized performance and bandwidth consumption',defaultValue:!0,advanced:!0}]},Qt=()=>[{component:v.CustomCode,...Kt},{component:v.Embed,...zt},{component:v.ImgComponent,...Yt},{component:v.Video,...Gt}],ee=()=>[{component:v.Button,...Ot},{component:Se,...Nt},{component:v.FragmentComponent,...$t},{component:v.Image,...Lt},{component:v.SectionComponent,...Ut},{component:_t,...Dt},{component:He,...Mt},{component:Ee,...Ht},...Qt()],Xt=e=>({type:"builder.registerComponent",data:M(e)}),Zt=e=>{const t=e.toString().trim();return`return (${!t.startsWith("function")&&!t.startsWith("(")?"function ":""}${t}).apply(this, arguments)`},en=e=>typeof e=="function"?Zt(e):P(e),M=({inputs:e,...t})=>({...P(t),inputs:e==null?void 0:e.map(n=>Object.entries(n).reduce((o,[i,r])=>({...o,[i]:en(r)}),{}))}),tn=`function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
|
|
35
|
+
}`})]})}function Z(e){return e.replace(/http(s)?:/,"")}function vt(e="",t,n){const o=new RegExp("([?&])"+t+"=.*?(&|$)","i"),i=e.indexOf("?")!==-1?"&":"?";return e.match(o)?e.replace(o,"$1"+t+"="+encodeURIComponent(n)+"$2"):e+i+t+"="+encodeURIComponent(n)}function Ct(e,t){if(!e||!(e!=null&&e.match(/cdn\.shopify\.com/))||!t)return e;if(t==="master")return Z(e);const n=e.match(/(_\d+x(\d+)?)?(\.(jpg|jpeg|gif|png|bmp|bitmap|tiff|tif)(\?v=\d+)?)/i);if(n){const o=e.split(n[0]),i=n[3],r=t.match("x")?t:`${t}x`;return Z(`${o[0]}_${r}${i}`)}return null}function wt(e){if(!e)return e;const t=[100,200,400,800,1200,1600,2e3];if(e.match(/builder\.io/)){let n=e;const o=Number(e.split("?width=")[1]);return isNaN(o)||(n=`${n} ${o}w`),t.filter(i=>i!==o).map(i=>`${vt(e,"width",i)} ${i}w`).concat([n]).join(", ")}return e.match(/cdn\.shopify\.com/)?t.map(n=>[Ct(e,`${n}x${n}`),n]).filter(([n])=>!!n).map(([n,o])=>`${n} ${o}w`).concat([e]).join(", "):e}const It=e=>{if(e==="localhost"||e==="127.0.0.1")return e;const t=e.split(".");return t.length>2?t.slice(1).join("."):e},xe=({name:e,canTrack:t})=>{var n;try{return t?(n=document.cookie.split("; ").find(o=>o.startsWith(`${e}=`)))==null?void 0:n.split("=")[1]:void 0}catch(o){k.warn("[COOKIE] GET error: ",(o==null?void 0:o.message)||o);return}},ke=async e=>xe(e),Et=e=>e.map(([t,n])=>n?`${t}=${n}`:t).filter(w).join("; "),Tt=[["secure",""],["SameSite","None"]],Rt=({name:e,value:t,expires:n})=>{const i=(y()?location.protocol==="https:":!0)?Tt:[[]],r=n?[["expires",n.toUTCString()]]:[[]],a=[[e,t],...r,["path","/"],["domain",It(window.location.hostname)],...i];return Et(a)},ve=async({name:e,value:t,expires:n,canTrack:o})=>{try{if(!o)return;const i=Rt({name:e,value:t,expires:n});document.cookie=i}catch(i){k.warn("[COOKIE] SET error: ",(i==null?void 0:i.message)||i)}},Pt="builder.tests",z=e=>`${Pt}.${e}`,At=({contentId:e})=>ke({name:z(e),canTrack:!0}),Bt=({contentId:e})=>xe({name:z(e),canTrack:!0}),Vt=({contentId:e,value:t})=>ve({name:z(e),value:t,canTrack:!0}),Ce=e=>w(e.id)&&w(e.variations)&&Object.keys(e.variations).length>0,jt=({id:e,variations:t})=>{var i;let n=0;const o=Math.random();for(const r in t){const a=(i=t[r])==null?void 0:i.testRatio;if(n+=a,o<n)return r}return e},we=e=>{const t=jt(e);return Vt({contentId:e.id,value:t}).catch(n=>{k.error("could not store A/B test variation: ",n)}),t},Ie=({item:e,testGroupId:t})=>{const n=e.variations[t];return t===e.id||!n?{testVariationId:e.id,testVariationName:"Default"}:{data:n.data,testVariationId:n.id,testVariationName:n.name||(n.id===e.id?"Default":"")}},Wt=({item:e,canTrack:t})=>{if(!t)return e;if(!e)return;if(!Ce(e))return e;const n=Bt({contentId:e.id})||we({variations:e.variations,id:e.id}),o=Ie({item:e,testGroupId:n});return{...e,...o}},Ft=async({item:e,canTrack:t})=>{if(!t||!Ce(e))return e;const o=await At({contentId:e.id})||we({variations:e.variations,id:e.id}),i=Ie({item:e,testGroupId:o});return{...e,...i}},F=e=>w(e)?e:!0,Ot={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},Nt={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(o=>{o.delete("width")})}const n=e.get("columns");Array.isArray(n)&&n.find(i=>i.get("width"))&&(n.find(r=>!r.get("width"))||n.reduce((s,l)=>s+l.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}]},$t={name:"Fragment",static:!0,hidden:!0,canHaveChildren:!0,noWrap:!0},Lt={name:"Image",static:!0,image:"https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-insert_photo-24px.svg?alt=media&token=4e5d0ef4-f5e8-4e57-b3a9-38d63a9b9dc4",defaultStyles:{position:"relative",minHeight:"20px",minWidth:"20px",overflow:"hidden"},canHaveChildren:!0,inputs:[{name:"image",type:"file",bubble:!0,allowedFileTypes:["jpeg","jpg","png","svg"],required:!0,defaultValue:"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F72c80f114dc149019051b6852a9e3b7a",onChange:e=>{e.delete("srcset"),e.delete("noWebp");function n(a,s=6e4){return new Promise((l,d)=>{const p=document.createElement("img");let u=!1;p.onload=()=>{u=!0,l(p)},p.addEventListener("error",f=>{console.warn("Image load failed",f.error),d(f.error)}),p.src=a,setTimeout(()=>{u||d(new Error("Image load timed out"))},s)})}function o(a){return Math.round(a*1e3)/1e3}const i=e.get("image"),r=e.get("aspectRatio");if(fetch(i).then(a=>a.blob()).then(a=>{a.type.includes("svg")&&e.set("noWebp",!0)}),i&&(!r||r===.7041))return n(i).then(a=>{const s=e.get("aspectRatio");e.get("image")===i&&(!s||s===.7041)&&a.width&&a.height&&(e.set("aspectRatio",o(a.height/a.width)),e.set("height",a.height),e.set("width",a.width))})}},{name:"backgroundSize",type:"text",defaultValue:"cover",enum:[{label:"contain",value:"contain",helperText:"The image should never get cropped"},{label:"cover",value:"cover",helperText:"The image should fill it's box, cropping when needed"}]},{name:"backgroundPosition",type:"text",defaultValue:"center",enum:["center","top","left","right","bottom","top left","top right","bottom left","bottom right"]},{name:"altText",type:"string",helperText:"Text to display when the user has images off"},{name:"height",type:"number",hideFromUI:!0},{name:"width",type:"number",hideFromUI:!0},{name:"sizes",type:"string",hideFromUI:!0},{name:"srcset",type:"string",hideFromUI:!0},{name:"lazy",type:"boolean",defaultValue:!0,hideFromUI:!0},{name:"fitContent",type:"boolean",helperText:"When child blocks are provided, fit to them instead of using the image's aspect ratio",defaultValue:!0},{name:"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}]},Ut={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>"}}}]},_t={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"}]};function Dt(e){var t,n,o;return c.jsx("div",{style:{pointerEvents:"auto"},...!((t=e.builderContext.context)!=null&&t.symbolId)&&{"builder-slot":e.name},children:c.jsx(_,{parent:(n=e.builderContext.context)==null?void 0:n.symbolId,path:`symbol.data.${e.name}`,context:e.builderContext,blocks:(o=e.builderContext.rootState)==null?void 0:o[e.name]})})}const Mt={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"}]},Ht={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 Ee(e){var t;return c.jsx("div",{className:"builder-text",dangerouslySetInnerHTML:{__html:((t=e.text)==null?void 0:t.toString())||""},style:{outline:"none"}})}const Kt={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}]},zt={name:"Embed",static:!0,inputs:[{name:"url",type:"url",required:!0,defaultValue:"",helperText:"e.g. enter a youtube url, google map, etc",onChange:e=>{const t=e.get("url");if(t)return e.set("content","Loading..."),fetch(`https://iframe.ly/api/iframely?url=${t}&api_key=ae0e60e78201a3f2b0de4b`).then(o=>o.json()).then(o=>{e.get("url")===t&&(o.html?e.set("content",o.html):e.set("content","Invalid url, please try another"))}).catch(o=>{e.set("content","There was an error embedding this URL, please try again or another URL")});e.delete("content")}},{name:"content",type:"html",defaultValue:'<div style="padding: 20px; text-align: center">(Choose an embed URL)<div>',hideFromUI:!0}]},qt=["text/javascript","application/javascript","application/ecmascript"],Jt=e=>qt.includes(e.type),Yt={name:"Raw:Img",hideFromInsertMenu:!0,image:"https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-insert_photo-24px.svg?alt=media&token=4e5d0ef4-f5e8-4e57-b3a9-38d63a9b9dc4",inputs:[{name:"image",bubble:!0,type:"file",allowedFileTypes:["jpeg","jpg","png","svg","gif","webp"],required:!0}],noWrap:!0,static:!0},Gt={name:"Video",canHaveChildren:!0,defaultStyles:{minHeight:"20px",minWidth:"20px"},image:"https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-videocam-24px%20(1).svg?alt=media&token=49a84e4a-b20e-4977-a650-047f986874bb",inputs:[{name:"video",type:"file",allowedFileTypes:["mp4"],bubble:!0,defaultValue:"https://cdn.builder.io/o/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fd27731a526464deba0016216f5f9e570%2Fcompressed?apiKey=YJIGb4i01jvw0SRdL5Bt&token=d27731a526464deba0016216f5f9e570&alt=media&optimized=true",required:!0},{name:"posterImage",type:"file",allowedFileTypes:["jpeg","png"],helperText:"Image to show before the video plays"},{name:"autoPlay",type:"boolean",defaultValue:!0},{name:"controls",type:"boolean",defaultValue:!1},{name:"muted",type:"boolean",defaultValue:!0},{name:"loop",type:"boolean",defaultValue:!0},{name:"playsInline",type:"boolean",defaultValue:!0},{name:"fit",type:"text",defaultValue:"cover",enum:["contain","cover","fill","auto"]},{name:"preload",type:"text",defaultValue:"metadata",enum:["auto","metadata","none"]},{name:"fitContent",type:"boolean",helperText:"When child blocks are provided, fit to them instead of using the aspect ratio",defaultValue:!0,advanced:!0},{name:"position",type:"text",defaultValue:"center",enum:["center","top","left","right","bottom","top left","top right","bottom left","bottom right"]},{name:"height",type:"number",advanced:!0},{name:"width",type:"number",advanced:!0},{name:"aspectRatio",type:"number",advanced:!0,defaultValue:.7004048582995948},{name:"lazyLoad",type:"boolean",helperText:'Load this video "lazily" - as in only when a user scrolls near the video. Recommended for optmized performance and bandwidth consumption',defaultValue:!0,advanced:!0}]},Qt=()=>[{component:v.CustomCode,...Kt},{component:v.Embed,...zt},{component:v.ImgComponent,...Yt},{component:v.Video,...Gt}],ee=()=>[{component:v.Button,...Ot},{component:Se,...Nt},{component:v.FragmentComponent,...$t},{component:v.Image,...Lt},{component:v.SectionComponent,...Ut},{component:Dt,..._t},{component:He,...Mt},{component:Ee,...Ht},...Qt()],Xt=e=>({type:"builder.registerComponent",data:M(e)}),Zt=e=>{const t=e.toString().trim();return`return (${!t.startsWith("function")&&!t.startsWith("(")?"function ":""}${t}).apply(this, arguments)`},en=e=>typeof e=="function"?Zt(e):P(e),M=({inputs:e,...t})=>({...P(t),inputs:e==null?void 0:e.map(n=>Object.entries(n).reduce((o,[i,r])=>({...o,[i]:en(r)}),{}))}),tn=`function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
|
|
36
36
|
function getAndSetVariantId() {
|
|
37
37
|
function setCookie(name, value, days) {
|
|
38
38
|
let expires = '';
|
|
@@ -131,7 +131,7 @@
|
|
|
131
131
|
)`,cn=({contentId:e,variationId:t})=>`window.${Re}(
|
|
132
132
|
"${t}", "${e}", ${Pe}
|
|
133
133
|
)`;function H(e){return c.jsx("script",{dangerouslySetInnerHTML:{__html:e.scriptStr},id:e.id||""})}const ln=e=>{const t=e.get("preview"),n=e.get("overrides."+t);return n||k.warn("No previewed ID found in search params."),n};function Ae(){globalThis._BUILDER_PREVIEW_LRU_CACHE||(globalThis._BUILDER_PREVIEW_LRU_CACHE=new Ke.LRUCache({max:500,ttl:1e3*60*5}))}function dn(e){Ae();const t=ln(e);return typeof t=="string"?globalThis._BUILDER_PREVIEW_LRU_CACHE.get(t):void 0}function un(){return typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:globalThis}function mn(){const e=un().fetch;if(typeof e>"u")throw console.warn(`Builder SDK could not find a global fetch function. Make sure you have a polyfill for fetch in your project.
|
|
134
|
-
For more information, read https://github.com/BuilderIO/this-package-uses-fetch`),new Error("Builder SDK could not find a global `fetch` function");return e}const Be=mn();function j(e,t=null,n="."){return Object.keys(e).reduce((o,i)=>{const r=e[i],a=[t,i].filter(Boolean).join(n);return[typeof r=="object",r!==null,!(Array.isArray(r)&&r.length===0)].every(Boolean)?{...o,...j(r,a,n)}:{...o,[a]:r}},{})}const fn="v3",te="builder.",hn="options.",q=e=>{if(!e)return{};const t=de(e),n={};return Object.keys(t).forEach(o=>{if(o.startsWith(te)){const i=o.replace(te,"").replace(hn,"");n[i]=t[o]}}),n},pn=()=>{if(!y())return{};const e=new URLSearchParams(window.location.search);return q(e)},ne=e=>typeof e=="number"&&!isNaN(e)&&e>=0,J=e=>{const{limit:t=30,userAttributes:n,query:o,model:i,apiKey:r,enrich:a,locale:s,apiVersion:l=fn,fields:d,omit:p,offset:u,cacheSeconds:f,staleCacheSeconds:b,sort:h,includeUnpublished:m}=e;if(!r)throw new Error("Missing API key");if(!["v3"].includes(l))throw new Error(`Invalid apiVersion: expected 'v3', received '${l}'`);const S=t!==1,g=new URL(`https://cdn.builder.io/api/${l}/content/${i}`);if(g.searchParams.set("apiKey",r),g.searchParams.set("limit",String(t)),g.searchParams.set("noTraverse",String(S)),g.searchParams.set("includeRefs",String(!0)),s&&g.searchParams.set("locale",s),a&&g.searchParams.set("enrich",String(a)),g.searchParams.set("omit",p||"meta.componentsUsed"),d&&g.searchParams.set("fields",d),Number.isFinite(u)&&u>-1&&g.searchParams.set("offset",String(Math.floor(u))),typeof m=="boolean"&&g.searchParams.set("includeUnpublished",String(m)),f&&ne(f)&&g.searchParams.set("cacheSeconds",String(f)),b&&ne(b)&&g.searchParams.set("staleCacheSeconds",String(b)),h){const x=j({sort:h});for(const I in x)g.searchParams.set(I,JSON.stringify(x[I]))}const C={...pn(),...de(e.options||{})},T=j(C);for(const x in T)g.searchParams.set(x,String(T[x]));if(n&&g.searchParams.set("userAttributes",JSON.stringify(n)),o){const x=j({query:o});for(const I in x)g.searchParams.set(I,JSON.stringify(x[I]))}return g},gn=e=>"results"in e;async function Y(e){const t=await je({...e,limit:1});return t&&t[0]||null}const bn=async e=>{const t=J(e);return await(await
|
|
134
|
+
For more information, read https://github.com/BuilderIO/this-package-uses-fetch`),new Error("Builder SDK could not find a global `fetch` function");return e}const Be=mn();function j(e,t=null,n="."){return Object.keys(e).reduce((o,i)=>{const r=e[i],a=[t,i].filter(Boolean).join(n);return[typeof r=="object",r!==null,!(Array.isArray(r)&&r.length===0)].every(Boolean)?{...o,...j(r,a,n)}:{...o,[a]:r}},{})}const fn="v3",te="builder.",hn="options.",q=e=>{if(!e)return{};const t=de(e),n={};return Object.keys(t).forEach(o=>{if(o.startsWith(te)){const i=o.replace(te,"").replace(hn,"");n[i]=t[o]}}),n},pn=()=>{if(!y())return{};const e=new URLSearchParams(window.location.search);return q(e)},ne=e=>typeof e=="number"&&!isNaN(e)&&e>=0,J=e=>{const{limit:t=30,userAttributes:n,query:o,model:i,apiKey:r,enrich:a,locale:s,apiVersion:l=fn,fields:d,omit:p,offset:u,cacheSeconds:f,staleCacheSeconds:b,sort:h,includeUnpublished:m}=e;if(!r)throw new Error("Missing API key");if(!["v3"].includes(l))throw new Error(`Invalid apiVersion: expected 'v3', received '${l}'`);const S=t!==1,g=new URL(`https://cdn.builder.io/api/${l}/content/${i}`);if(g.searchParams.set("apiKey",r),g.searchParams.set("limit",String(t)),g.searchParams.set("noTraverse",String(S)),g.searchParams.set("includeRefs",String(!0)),s&&g.searchParams.set("locale",s),a&&g.searchParams.set("enrich",String(a)),g.searchParams.set("omit",p||"meta.componentsUsed"),d&&g.searchParams.set("fields",d),Number.isFinite(u)&&u>-1&&g.searchParams.set("offset",String(Math.floor(u))),typeof m=="boolean"&&g.searchParams.set("includeUnpublished",String(m)),f&&ne(f)&&g.searchParams.set("cacheSeconds",String(f)),b&&ne(b)&&g.searchParams.set("staleCacheSeconds",String(b)),h){const x=j({sort:h});for(const I in x)g.searchParams.set(I,JSON.stringify(x[I]))}const C={...pn(),...de(e.options||{})},T=j(C);for(const x in T)g.searchParams.set(x,String(T[x]));if(n&&g.searchParams.set("userAttributes",JSON.stringify(n)),o){const x=j({query:o});for(const I in x)g.searchParams.set(I,JSON.stringify(x[I]))}return g},gn=e=>"results"in e;async function Y(e){const t=await je({...e,limit:1});return t&&t[0]||null}const bn=async e=>{const t=J(e);return await(await(e.fetch??Be)(t.href,e.fetchOptions)).json()},Ve=async(e,t,n=J(e))=>{const o=F(e.canTrack);if(n.search.includes("preview=")){const r=[];for(const a of t.results){const s=dn(n.searchParams);r.push(s||a)}t.results=r}if(!o||!(y()||E==="reactNative"))return t.results;try{const r=[];for(const a of t.results)r.push(await Ft({item:a,canTrack:o}));t.results=r}catch(r){k.error("Could not process A/B tests. ",r)}return t.results};async function je(e){try{const t=J(e),n=await bn(e);return gn(n)?Ve(e,n):(k.error("Error fetching data. ",{url:t,content:n,options:e}),null)}catch(t){return k.error("Error fetching data. ",t),null}}function yn(e){if(!y())return!1;const t=ue(e||window.location.search);return N(t)?!1:t.indexOf("builder.preview=")!==-1}function Sn(){return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,function(e){const t=Math.random()*16|0;return(e=="x"?t:t&3|8).toString(16)})}function We(){return Sn().replace(/-/g,"")}const Fe="builderSessionId",xn=async({canTrack:e})=>{if(!e)return;const t=await ke({name:Fe,canTrack:e});if(w(t))return t;{const n=kn();return vn({id:n,canTrack:e}),n}},kn=()=>We(),vn=({id:e,canTrack:t})=>ve({name:Fe,value:e,canTrack:t}),Oe=()=>y()&&typeof localStorage<"u"?localStorage:void 0,Cn=({key:e,canTrack:t})=>{var n;try{return t?(n=Oe())==null?void 0:n.getItem(e):void 0}catch(o){console.debug("[LocalStorage] GET error: ",o);return}},wn=({key:e,canTrack:t,value:n})=>{var o;try{t&&((o=Oe())==null||o.setItem(e,n))}catch(i){console.debug("[LocalStorage] SET error: ",i)}},Ne="builderVisitorId",In=({canTrack:e})=>{if(!e)return;const t=Cn({key:Ne,canTrack:e});if(w(t))return t;{const n=En();return Tn({id:n,canTrack:e}),n}},En=()=>We(),Tn=({id:e,canTrack:t})=>wn({key:Ne,value:e,canTrack:t}),Rn=async({canTrack:e})=>{if(!e)return{visitorId:void 0,sessionId:void 0};const t=await xn({canTrack:e}),n=In({canTrack:e});return{sessionId:t,visitorId:n}},Pn=async({type:e,canTrack:t,apiKey:n,metadata:o,...i})=>({type:e,data:{...i,metadata:{url:location.href,...o},...await Rn({canTrack:t}),userAttributes:me(),ownerId:n}});async function $e(e){if(!e.apiKey){k.error("Missing API key for track call. Please provide your API key.");return}if(e.canTrack&&!N()&&(y()||E==="reactNative"))return fetch("https://cdn.builder.io/api/v1/track",{method:"POST",body:JSON.stringify({events:[await Pn(e)]}),headers:{"content-type":"application/json"},mode:"cors"}).catch(t=>{console.error("Failed to track: ",t)})}const An=e=>$e({...e,canTrack:!0});function oe(e){return Math.round(e*1e3)/1e3}const Bn=(e,t,n=!0)=>{if(!(e instanceof HTMLElement))return null;let o=n?e:e.parentElement;do{if(!o)return null;if(t(o))return o}while(o=o.parentElement);return null},Vn=e=>Bn(e,t=>{const n=t.getAttribute("builder-id")||t.id;return(n==null?void 0:n.indexOf("builder-"))===0}),ie=({event:e,target:t})=>{const n=t.getBoundingClientRect(),o=e.clientX-n.left,i=e.clientY-n.top,r=oe(o/n.width),a=oe(i/n.height);return{x:r,y:a}},jn=e=>{const t=e.target,n=t&&Vn(t),o=(n==null?void 0:n.getAttribute("builder-id"))||(n==null?void 0:n.id);return{targetBuilderElement:o||void 0,metadata:{targetOffset:t?ie({event:e,target:t}):void 0,builderTargetOffset:n?ie({event:e,target:n}):void 0,builderElementIndex:n&&o?[].slice.call(document.getElementsByClassName(o)).indexOf(n):void 0}}},Wn=["*.beta.builder.io","beta.builder.io","builder.io","localhost","qa.builder.io"];function Le(e,t){const n=new URL(t.origin),o=n.hostname;return(e||Wn).findIndex(i=>i.startsWith("*.")?o.endsWith(i.slice(1)):i===o)>-1}const Fn="0.14.10",re={};function Ue(e,t){let n=re[e];if(n||(n=re[e]=[]),n.push(t),y()){const o={type:"builder.register",data:{type:e,info:t}};try{parent.postMessage(o,"*"),parent!==window&&window.postMessage(o,"*")}catch(i){console.debug("Could not postmessage",i)}}}const On=()=>{Ue("insertMenu",{name:"_default",default:!0,items:[{name:"Box"},{name:"Text"},{name:"Image"},{name:"Columns"},{name:"Core:Section"},{name:"Core:Button"},{name:"Embed"},{name:"Custom Code"}]})};let ae=!1;const _e=(e={})=>{var t,n;ae||(ae=!0,y()&&((t=window.parent)==null||t.postMessage({type:"builder.sdkInfo",data:{target:E,version:Fn,supportsPatchUpdates:!1,supportsAddBlockScoping:!0,supportsCustomBreakpoints:!0}},"*"),(n=window.parent)==null||n.postMessage({type:"builder.updateContent",data:{options:e}},"*"),window.addEventListener("message",o=>{var r,a;if(!Le(e.trustedHosts,o))return;const{data:i}=o;if(i!=null&&i.type)switch(i.type){case"builder.evaluate":{const s=i.data.text,l=i.data.arguments||[],d=i.data.id,p=new Function(s);let u,f=null;try{u=p.apply(null,l)}catch(b){f=b}f?(r=window.parent)==null||r.postMessage({type:"builder.evaluateError",data:{id:d,error:f.message}},"*"):u&&typeof u.then=="function"?u.then(b=>{var h;(h=window.parent)==null||h.postMessage({type:"builder.evaluateResult",data:{id:d,result:b}},"*")}).catch(console.error):(a=window.parent)==null||a.postMessage({type:"builder.evaluateResult",data:{result:u,id:d}},"*");break}}})))},De=({model:e,trustedHosts:t,callbacks:n})=>o=>{if(!Le(t,o))return;const{data:i}=o;if(i)switch(i.type){case"builder.configureSdk":{n.configureSdk(i.data);break}case"builder.triggerAnimation":{n.animation(i.data);break}case"builder.contentUpdate":{const r=i.data,a=r.key||r.alias||r.entry||r.modelName,s=r.data;a===e&&n.contentUpdate(s);break}}},Nn=(e,t,n)=>{if(!y)return k.warn("`subscribeToEditor` only works in the browser. It currently seems to be running on the server."),()=>{};_e();const o=De({callbacks:{contentUpdate:t,animation:()=>{},configureSdk:()=>{}},model:e,trustedHosts:n==null?void 0:n.trustedHosts});return window.addEventListener("message",o),()=>{window.removeEventListener("message",o)}};function se(e,...t){const n=Object(e);for(let o=1;o<arguments.length;o++){const i=arguments[o];if(i!=null)for(const r in i)Object.prototype.hasOwnProperty.call(i,r)&&(n[r]=i[r])}return n}const $n=e=>e?e.replace(/([A-Z])/g,t=>`-${t[0].toLowerCase()}`):"";function Ln(e){console.warn(`Cannot animate element: element with ID ${e} not found!`)}function Un(e,t){const n=_n(e),o=getComputedStyle(t),i=e.steps[0].styles,r=e.steps[e.steps.length-1].styles,a=[i,r];for(const s of a)for(const l of n)l in s||(s[l]=o[l])}function _n(e){const t=[];for(const n of e.steps)for(const o in n.styles)t.indexOf(o)===-1&&t.push(o);return t}function Dn(e){const t=Array.prototype.slice.call(document.getElementsByClassName(e.elementId||e.id||""));if(!t.length){Ln(e.elementId||e.id||"");return}Array.from(t).forEach(n=>{Un(e,n),n.style.transition="none",n.style.transitionDelay="0",se(n.style,e.steps[0].styles),setTimeout(()=>{n.style.transition=`all ${e.duration}s ${$n(e.easing)}`,e.delay&&(n.style.transitionDelay=e.delay+"s"),se(n.style,e.steps[1].styles),setTimeout(()=>{n.style.transition="",n.style.transitionDelay=""},(e.delay||0)*1e3+e.duration*1e3+100)})})}const Mn=e=>{var r;const t=e.family+(e.kind&&!e.kind.includes("#")?", "+e.kind:""),n=t.split(",")[0],o=e.fileUrl??((r=e==null?void 0:e.files)==null?void 0:r.regular);let i="";if(o&&t&&n&&(i+=`
|
|
135
135
|
@font-face {
|
|
136
136
|
font-family: "${t}";
|
|
137
137
|
src: local("${n}"), url('${o}') format('woff2');
|
|
@@ -166,4 +166,4 @@ font-weight: ${a};
|
|
|
166
166
|
${Kn({cssCode:e.cssCode,contentId:e.contentId})}
|
|
167
167
|
${Hn({customFonts:e.customFonts})}
|
|
168
168
|
${qn(e.isNestedRender)}
|
|
169
|
-
`.trim();return c.jsx(L,{styles:t})}const Yn=({content:e,data:t,locale:n})=>{var r,a,s;const o={},i=((r=e==null?void 0:e.data)==null?void 0:r.state)||{};return(s=(a=e==null?void 0:e.data)==null?void 0:a.inputs)==null||s.forEach(l=>{l.name&&l.defaultValue!==void 0&&(o[l.name]=l.defaultValue)}),{...o,...i,...t,...n?{locale:n}:{}}},Gn=({content:e,data:t})=>e?{...e,data:{...e==null?void 0:e.data,...t},meta:e==null?void 0:e.meta}:void 0;function ce(e){var i,r,a,s,l,d,p,u,f;const t=cn({variationId:(i=e.content)==null?void 0:i.testVariationId,contentId:(r=e.content)==null?void 0:r.id}),n=[...ee(),...e.customComponents||[]].reduce((b,{component:h,...m})=>({...b,[m.name]:{component:h,...M(m)}}),{}),o={content:Gn({content:e.content,data:e.data}),localState:void 0,rootState:Yn({content:e.content,data:e.data,locale:e.locale}),rootSetState:void 0,context:e.context||{},apiKey:e.apiKey,apiVersion:e.apiVersion,componentInfos:[...ee(),...e.customComponents||[]].reduce((b,{component:h,...m})=>({...b,[m.name]:M(m)}),{}),inheritedStyles:{},BlocksWrapper:e.blocksWrapper||"div",BlocksWrapperProps:e.blocksWrapperProps||{}};return c.jsxs(v.EnableEditor,{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,linkComponent:e.linkComponent,trustedHosts:e.trustedHosts,children:[e.isSsrAbTest?c.jsx(H,{scriptStr:t}):null,c.jsx(Jn,{isNestedRender:e.isNestedRender,contentId:(a=o.content)==null?void 0:a.id,cssCode:(l=(s=o.content)==null?void 0:s.data)==null?void 0:l.cssCode,customFonts:(p=(d=o.content)==null?void 0:d.data)==null?void 0:p.customFonts}),c.jsx(
|
|
169
|
+
`.trim();return c.jsx(L,{styles:t})}const Yn=({content:e,data:t,locale:n})=>{var r,a,s;const o={},i=((r=e==null?void 0:e.data)==null?void 0:r.state)||{};return(s=(a=e==null?void 0:e.data)==null?void 0:a.inputs)==null||s.forEach(l=>{l.name&&l.defaultValue!==void 0&&(o[l.name]=l.defaultValue)}),{...o,...i,...t,...n?{locale:n}:{}}},Gn=({content:e,data:t})=>e?{...e,data:{...e==null?void 0:e.data,...t},meta:e==null?void 0:e.meta}:void 0;function ce(e){var i,r,a,s,l,d,p,u,f;const t=cn({variationId:(i=e.content)==null?void 0:i.testVariationId,contentId:(r=e.content)==null?void 0:r.id}),n=[...ee(),...e.customComponents||[]].reduce((b,{component:h,...m})=>({...b,[m.name]:{component:h,...M(m)}}),{}),o={content:Gn({content:e.content,data:e.data}),localState:void 0,rootState:Yn({content:e.content,data:e.data,locale:e.locale}),rootSetState:void 0,context:e.context||{},apiKey:e.apiKey,apiVersion:e.apiVersion,componentInfos:[...ee(),...e.customComponents||[]].reduce((b,{component:h,...m})=>({...b,[m.name]:M(m)}),{}),inheritedStyles:{},BlocksWrapper:e.blocksWrapper||"div",BlocksWrapperProps:e.blocksWrapperProps||{}};return c.jsxs(v.EnableEditor,{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,linkComponent:e.linkComponent,trustedHosts:e.trustedHosts,children:[e.isSsrAbTest?c.jsx(H,{scriptStr:t}):null,c.jsx(Jn,{isNestedRender:e.isNestedRender,contentId:(a=o.content)==null?void 0:a.id,cssCode:(l=(s=o.content)==null?void 0:s.data)==null?void 0:l.cssCode,customFonts:(p=(d=o.content)==null?void 0:d.data)==null?void 0:p.customFonts}),c.jsx(_,{blocks:(f=(u=o.content)==null?void 0:u.data)==null?void 0:f.blocks,context:o,registeredComponents:n,linkComponent:e.linkComponent})]})}function Me(e){var r,a;const t=on({canTrack:F(e.canTrack),content:e.content}),n=function(){var l;return sn(V(e.content).map(d=>({id:d.testVariationId,testRatio:d.testRatio})),((l=e.content)==null?void 0:l.id)||"")},o=function(){return V(e.content).map(l=>`.variant-${l.testVariationId} { display: none; } `).join("")},i=function(){var l;return t?{...e.content,testVariationId:(l=e.content)==null?void 0:l.id}:Wt({item:e.content,canTrack:F(e.canTrack)})};return c.jsxs(c.Fragment,{children:[!e.isNestedRender&&E!=="reactNative"?c.jsx(H,{scriptStr:an()}):null,t?c.jsxs(c.Fragment,{children:[c.jsx(L,{id:`variants-styles-${(r=e.content)==null?void 0:r.id}`,styles:o()}),c.jsx(H,{scriptStr:n()}),(a=V(e.content))==null?void 0:a.map(s=>c.jsx(ce,{isNestedRender:e.isNestedRender,content:s,showContent:!1,model:e.model,data:e.data,context:e.context,apiKey:e.apiKey,apiVersion:e.apiVersion,customComponents:e.customComponents,linkComponent:e.linkComponent,canTrack:e.canTrack,locale:e.locale,enrich:e.enrich,isSsrAbTest:t,blocksWrapper:e.blocksWrapper,blocksWrapperProps:e.blocksWrapperProps,contentWrapper:e.contentWrapper,contentWrapperProps:e.contentWrapperProps,trustedHosts:e.trustedHosts},s.testVariationId))]}):null,c.jsx(ce,{isNestedRender:e.isNestedRender,content:i(),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 Qn=async({builderContextValue:e,symbol:t})=>{if(t!=null&&t.model&&(e!=null&&e.apiKey))return Y({model:t.model,apiKey:e.apiKey,apiVersion:e.apiVersion,...(t==null?void 0:t.entry)&&{query:{id:t.entry}}}).catch(n=>{k.error("Could not fetch symbol content: ",n)})};async function He(e){var o,i,r,a,s;const t=function(){var d,p;return[e.attributes[O()],"builder-symbol",(d=e.symbol)!=null&&d.inline?"builder-inline-symbol":void 0,(p=e.symbol)!=null&&p.dynamic||e.dynamic?"builder-dynamic-symbol":void 0].filter(Boolean).join(" ")},n=((o=e.symbol)==null?void 0:o.content)||await Qn({symbol:e.symbol,builderContextValue:e.builderContext});return c.jsx("div",{...e.attributes,className:t(),children:c.jsx(Me,{isNestedRender:!0,apiVersion:e.builderContext.apiVersion,apiKey:e.builderContext.apiKey,context:{...e.builderContext.context,symbolId:(i=e.builderBlock)==null?void 0:i.id},customComponents:Object.values(e.builderComponents),data:{...(r=e.symbol)==null?void 0:r.data,...e.builderContext.localState,...(a=n==null?void 0:n.data)==null?void 0:a.state},model:(s=e.symbol)==null?void 0:s.model,content:n,linkComponent:e.builderLinkComponent,blocksWrapper:"div",contentWrapper:"div"})})}const le={};function Xn(e){if(y()){Object.assign(le,e);const t={type:"builder.settingsChange",data:le};parent.postMessage(t,"*")}}const Zn=async e=>{var o,i,r;const t=e.path||((o=e.url)==null?void 0:o.pathname)||((i=e.userAttributes)==null?void 0:i.urlPath),n={...e,apiKey:e.apiKey,model:e.model||"page",userAttributes:{...e.userAttributes,...t?{urlPath:t}:{}},options:q(e.searchParams||((r=e.url)==null?void 0:r.searchParams)||e.options)};return{apiKey:n.apiKey,model:n.model,content:await Y(n)}};exports.Blocks=_;exports.Columns=Se;exports.ContentVariants=Me;exports.Symbol=He;exports.Text=Ee;exports._processContentResult=Ve;exports._track=$e;exports.createEditorListener=De;exports.createRegisterComponentMessage=Xt;exports.evaluate=$;exports.fastClone=P;exports.fetch=Be;exports.fetchBuilderProps=Zn;exports.fetchEntries=je;exports.fetchOneEntry=Y;exports.getBlockActions=bt;exports.getBlockProperties=ye;exports.getBuilderSearchParams=q;exports.getClassPropName=O;exports.getDefaultCanTrack=F;exports.getInteractionPropertiesForEvent=jn;exports.getSrcSet=wt;exports.init=Ae;exports.isBrowser=y;exports.isEditing=N;exports.isEmptyElement=qe;exports.isJsScript=Jt;exports.isPreviewing=yn;exports.logger=k;exports.register=Ue;exports.registerInsertMenu=On;exports.setEditorSettings=Xn;exports.setupBrowserForEditing=_e;exports.subscribeToEditor=Nn;exports.track=An;exports.triggerAnimation=Dn;
|
package/lib/browser/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./USE_CLIENT_BUNDLE-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./USE_CLIENT_BUNDLE-eacd2786.cjs"),e=require("./bundle-8b50c7b8.cjs");require("react/jsx-runtime");require("react");require("./USE_SERVER_BUNDLE-e0504825.cjs");require("next/navigation");require("lru-cache");exports.Button=t.Button;exports.Fragment=t.FragmentComponent;exports.Image=t.Image;exports.Section=t.SectionComponent;exports.Video=t.Video;exports.Blocks=e.Blocks;exports.Columns=e.Columns;exports.Content=e.ContentVariants;exports.Symbol=e.Symbol;exports.Text=e.Text;exports._processContentResult=e._processContentResult;exports.createRegisterComponentMessage=e.createRegisterComponentMessage;exports.fetchBuilderProps=e.fetchBuilderProps;exports.fetchEntries=e.fetchEntries;exports.fetchOneEntry=e.fetchOneEntry;exports.getBuilderSearchParams=e.getBuilderSearchParams;exports.isEditing=e.isEditing;exports.isPreviewing=e.isPreviewing;exports.register=e.register;exports.setEditorSettings=e.setEditorSettings;exports.subscribeToEditor=e.subscribeToEditor;exports.track=e.track;
|
package/lib/browser/index.mjs
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { c as n, F as m, d as c, S as p, V as g } from "./USE_CLIENT_BUNDLE-
|
|
2
|
-
import { B as l, C as u, w as E, S, T as f, F as B, p as C, E as h, G as x, q as b, z as y, c as F, j as P, x as T, y as k, D as w, A as R } from "./bundle-
|
|
1
|
+
import { c as n, F as m, d as c, S as p, V as g } from "./USE_CLIENT_BUNDLE-23f56a7a.js";
|
|
2
|
+
import { B as l, C as u, w as E, S, T as f, F as B, p as C, E as h, G as x, q as b, z as y, c as F, j as P, x as T, y as k, D as w, A as R } from "./bundle-53becb42.js";
|
|
3
3
|
import "react/jsx-runtime";
|
|
4
4
|
import "react";
|
|
5
|
-
import "./USE_SERVER_BUNDLE-
|
|
5
|
+
import "./USE_SERVER_BUNDLE-e89c8b6f.js";
|
|
6
6
|
import "next/navigation";
|
|
7
7
|
import "lru-cache";
|
|
8
8
|
export {
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
"use client";"use strict";const t=require("react/jsx-runtime"),a=require("./bundle-3db41e4c.cjs"),o=require("react"),_=require("./USE_SERVER_BUNDLE-87f6dbbe.cjs"),z=require("next/navigation");function E(e){return t.jsx(t.Fragment,{children:a.isEmptyElement(e.TagName)?t.jsx(t.Fragment,{children:t.jsx(e.TagName,{...e.attributes,...e.actionAttributes})}):t.jsx(t.Fragment,{children:typeof e.TagName=="string"?t.jsx(e.TagName,{...e.attributes,...e.actionAttributes,children:e.children}):t.jsx(e.TagName,{...e.attributes,...e.actionAttributes,children:e.children})})})}function M(e){return t.jsx(E,{attributes:{...e.attributes,[a.getClassPropName()]:`${e.link?"":"builder-button"} ${e.attributes[a.getClassPropName()]||""}`,...e.link?{href:e.link,target:e.openLinkInNewTab?"_blank":void 0,role:"link"}:{role:"button"}},TagName:e.link?e.builderLinkComponent||"a":"button",actionAttributes:{},children:e.text})}function D(e){return t.jsx(E,{TagName:e.Wrapper,attributes:a.getBlockProperties({block:e.block,context:e.context}),actionAttributes:a.getBlockActions({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 V(e){return t.jsx(e.Wrapper,{...e.wrapperProps,attributes:e.includeBlockProps?{...a.getBlockProperties({block:e.block,context:e.context}),...a.getBlockActions({block:e.block,rootState:e.context.rootState,rootSetState:e.context.rootSetState,localState:e.context.localState,context:e.context.context})}:{},children:e.children})}function H(e){function r(){var l;return"builder-blocks"+((l=e.blocks)!=null&&l.length?"":" no-blocks")}function m(){var l,b;a.isEditing()&&!((l=e.blocks)!=null&&l.length)&&((b=window.parent)==null||b.postMessage({type:"builder.clickEmptyBlocks",data:{parentElementId:e.parent,dataPath:e.path}},"*"))}function S(){var l,b;a.isEditing()&&!((l=e.blocks)!=null&&l.length)&&((b=window.parent)==null||b.postMessage({type:"builder.hoverEmptyBlocks",data:{parentElementId:e.parent,dataPath:e.path}},"*"))}return t.jsxs(t.Fragment,{children:[t.jsx(e.BlocksWrapper,{className:r()+" props-blocks-wrapper-7cd1560e","builder-path":e.path,"builder-parent-id":e.parent,style:e.styleProp,onClick:l=>m(),onMouseEnter:l=>S(),onKeyPress:l=>m(),...e.BlocksWrapperProps,children:e.children}),t.jsx("style",{children:`.props-blocks-wrapper-7cd1560e {
|
|
2
|
+
display: flex;
|
|
3
|
+
flex-direction: column;
|
|
4
|
+
align-items: stretch;
|
|
5
|
+
}`})]})}function U(e){return t.jsx("span",{children:e.children})}function $(e){var l,b,h,x;function r(){var f;const d=e.image||e.src;if(!d||!(d.match(/builder\.io/)||d.match(/cdn\.shopify\.com/)))return e.srcset;if(e.srcset&&((f=e.image)!=null&&f.includes("builder.io/api/v1/image"))){if(!e.srcset.includes(e.image.split("?")[0]))return console.debug("Removed given srcset"),a.getSrcSet(d)}else if(e.image&&!e.srcset)return a.getSrcSet(d);return a.getSrcSet(d)}function m(){var g;return(g=r==null?void 0:r())!=null&&g.match(/builder\.io/)&&!e.noWebp?r().replace(/\?/g,"?format=webp&"):""}function S(){const g={position:"absolute",height:"100%",width:"100%",left:"0px",top:"0px"};return e.aspectRatio?g:void 0}return t.jsxs(t.Fragment,{children:[t.jsxs(t.Fragment,{children:[t.jsxs("picture",{children:[m()?t.jsx("source",{type:"image/webp",srcSet:m()}):null,t.jsx("img",{loading:"lazy",alt:e.altText,role:e.altText?void 0:"presentation",style:{objectPosition:e.backgroundPosition||"center",objectFit:e.backgroundSize||"cover",...S()},className:"builder-image"+(e.className?" "+e.className:"")+" img-a0c95e8c",src:e.image,srcSet:r(),sizes:e.sizes})]}),e.aspectRatio&&!((b=(l=e.builderBlock)==null?void 0:l.children)!=null&&b.length&&e.fitContent)?t.jsx("div",{className:"builder-image-sizer div-a0c95e8c",style:{paddingTop:e.aspectRatio*100+"%"}}):null,(x=(h=e.builderBlock)==null?void 0:h.children)!=null&&x.length&&e.fitContent?t.jsx(t.Fragment,{children:e.children}):null,!e.fitContent&&e.children?t.jsx("div",{className:"div-a0c95e8c-2",children:e.children}):null]}),t.jsx("style",{children:`.img-a0c95e8c {
|
|
6
|
+
opacity: 1;
|
|
7
|
+
transition: opacity 0.2s ease-in-out;
|
|
8
|
+
}.div-a0c95e8c {
|
|
9
|
+
width: 100%;
|
|
10
|
+
pointer-events: none;
|
|
11
|
+
font-size: 0;
|
|
12
|
+
}.div-a0c95e8c-2 {
|
|
13
|
+
display: flex;
|
|
14
|
+
flex-direction: column;
|
|
15
|
+
align-items: stretch;
|
|
16
|
+
position: absolute;
|
|
17
|
+
top: 0;
|
|
18
|
+
left: 0;
|
|
19
|
+
width: 100%;
|
|
20
|
+
height: 100%;
|
|
21
|
+
}`})]})}function O(e){return t.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})}function J(e){const r=o.useRef(null),[m,S]=o.useState(()=>[]),[l,b]=o.useState(()=>[]);return o.useEffect(()=>{var x;if(!((x=r.current)!=null&&x.getElementsByTagName)||typeof window>"u")return;const h=r.current.getElementsByTagName("script");for(let g=0;g<h.length;g++){const d=h[g];if(d.src){if(m.includes(d.src))continue;m.push(d.src);const f=document.createElement("script");f.async=!0,f.src=d.src,document.head.appendChild(f)}else if(!d.type||["text/javascript","application/javascript","application/ecmascript"].includes(d.type)){if(l.includes(d.innerText))continue;try{l.push(d.innerText),new Function(d.innerText)()}catch(f){console.warn("`CustomCode`: Error running script:",f)}}}},[]),t.jsx("div",{ref:r,className:"builder-custom-code"+(e.replaceNodes?" replace-nodes":""),dangerouslySetInnerHTML:{__html:e.code}})}function G(e){const r=o.useRef(null),[m,S]=o.useState(()=>[]),[l,b]=o.useState(()=>[]),[h,x]=o.useState(()=>!1);function g(){if(!r.current||!r.current.getElementsByTagName)return;const d=r.current.getElementsByTagName("script");for(let f=0;f<d.length;f++){const k=d[f];if(k.src&&!m.includes(k.src)){m.push(k.src);const y=document.createElement("script");y.async=!0,y.src=k.src,document.head.appendChild(y)}else if(a.isJsScript(k)&&!l.includes(k.innerText))try{l.push(k.innerText),new Function(k.innerText)()}catch(y){console.warn("`Embed`: Error running script:",y)}}}return o.useEffect(()=>{r.current&&!h&&(x(!0),g())},[r.current,h]),t.jsx("div",{className:"builder-embed",ref:r,dangerouslySetInnerHTML:{__html:e.content}})}function Q(e){return t.jsx("img",{style:{objectFit:e.backgroundSize||"cover",objectPosition:e.backgroundPosition||"center"},alt:e.altText,src:e.imgSrc||e.image,...e.attributes},a.isEditing()&&e.imgSrc||"default-key")}function X(e){var S,l,b,h,x,g,d;function r(){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 m(){return{...r()}}return t.jsxs("div",{style:{position:"relative"},children:[t.jsx("video",{className:"builder-video",...m(),preload:e.preload||"metadata",style:{width:"100%",height:"100%",...(S=e.attributes)==null?void 0:S.style,objectFit:e.fit,objectPosition:e.position,zIndex:2,borderRadius:"1px",...e.aspectRatio?{position:"absolute"}:null},src:e.video||"no-src",poster:e.posterImage,children:e.lazyLoad?null:t.jsx("source",{type:"video/mp4",src:e.video})}),e.aspectRatio&&!(e.fitContent&&((b=(l=e.builderBlock)==null?void 0:l.children)!=null&&b.length))?t.jsx("div",{style:{width:"100%",paddingTop:e.aspectRatio*100+"%",pointerEvents:"none",fontSize:"0px"}}):null,(x=(h=e.builderBlock)==null?void 0:h.children)!=null&&x.length&&e.fitContent?t.jsx("div",{style:{display:"flex",flexDirection:"column",alignItems:"stretch"},children:e.children}):null,(d=(g=e.builderBlock)==null?void 0:g.children)!=null&&d.length&&!e.fitContent?t.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 Y=o.createContext({content:null,context:{},localState:void 0,rootSetState(){},rootState:{},apiKey:null,apiVersion:void 0,componentInfos:{},inheritedStyles:{},BlocksWrapper:"div",BlocksWrapperProps:{}});function Z(e){var R,P,T,B,N,L,F;const r=o.useRef(null);function m(i){var c,s;const n={...e.builderContextSignal.rootState,...i};e.builderContextSignal.rootSetState?(s=(c=e.builderContextSignal).rootSetState)==null||s.call(c,n):e.builderContextSignal.rootState=n}function S(i){var c,s,u,v,W;const n={...e.builderContextSignal.content,...i,data:{...(c=e.builderContextSignal.content)==null?void 0:c.data,...i==null?void 0:i.data},meta:{...(s=e.builderContextSignal.content)==null?void 0:s.meta,...i==null?void 0:i.meta,breakpoints:((u=i==null?void 0:i.meta)==null?void 0:u.breakpoints)||((W=(v=e.builderContextSignal.content)==null?void 0:v.meta)==null?void 0:W.breakpoints)}};_.postPreviewContent({value:n,key:n.id}).then(()=>{q.refresh()})}const[l,b]=o.useState(()=>e.contentWrapper||"div");function h(i){return a.createEditorListener({model:e.model,trustedHosts:e.trustedHosts,callbacks:{configureSdk:n=>{var u;const{breakpoints:c,contentId:s}=n;!s||s!==((u=e.builderContextSignal.content)==null?void 0:u.id)||c&&S({meta:{breakpoints:c}})},animation:n=>{a.triggerAnimation(n)},contentUpdate:n=>{S(n)}}})(i)}function x(){var n,c;const i=(c=(n=e.builderContextSignal.content)==null?void 0:n.data)==null?void 0:c.jsCode;i&&a.evaluate({code:i,context:e.context||{},localState:void 0,rootState:e.builderContextSignal.rootState,rootSetState:e.builderContextSignal.rootSetState,enableCache:!1})}const[g,d]=o.useState(()=>({})),[f,k]=o.useState(()=>!1);function y(i){var n,c;if(e.builderContextSignal.content){const s=(n=e.builderContextSignal.content)==null?void 0:n.testVariationId,u=(c=e.builderContextSignal.content)==null?void 0:c.id;a._track({type:"click",canTrack:a.getDefaultCanTrack(e.canTrack),contentId:u,apiKey:e.apiKey,variationId:s!==u?s:void 0,...a.getInteractionPropertiesForEvent(i),unique:!f})}f||k(!0)}function A(i){return i.replace(/{{([^}]+)}}/g,(n,c)=>String(a.evaluate({code:c,context:e.context||{},localState:void 0,rootState:e.builderContextSignal.rootState,rootSetState:e.builderContextSignal.rootSetState,enableCache:!0})))}function K({url:i,key:n}){a.fetch(i).then(c=>c.json()).then(c=>{var u,v;const s={...e.builderContextSignal.rootState,[n]:c};(v=(u=e.builderContextSignal).rootSetState)==null||v.call(u,s),g[n]=!0}).catch(c=>{console.error("error fetching dynamic data",i,c)})}function j(){var n,c;const i=((c=(n=e.builderContextSignal.content)==null?void 0:n.data)==null?void 0:c.httpRequests)??{};Object.entries(i).forEach(([s,u])=>{if(u&&(!g[s]||a.isEditing())){const v=A(u);K({url:v,key:s})}})}function C(){a.isEditing()&&window.dispatchEvent(new CustomEvent("builder:component:stateChange",{detail:{state:a.fastClone(e.builderContextSignal.rootState),ref:{name:e.model}}}))}function w(i){window.addEventListener("message",h),a.registerInsertMenu(),a.setupBrowserForEditing({...e.locale?{locale:e.locale}:{},...e.enrich?{enrich:e.enrich}:{},...e.trustedHosts?{trustedHosts:e.trustedHosts}:{}}),Object.values(e.builderContextSignal.componentInfos).forEach(n=>{var s;const c=a.createRegisterComponentMessage(n);(s=window.parent)==null||s.postMessage(c,"*")}),window.addEventListener("builder:component:stateChangeListenerActivated",C)}function I(i){const n=new URL(location.href).searchParams,c=n.get("builder.preview"),s=n.get(`builder.preview.${c}`),u=n.get("apiKey")||n.get("builder.space");c===e.model&&u===e.apiKey&&(!e.content||s===e.content.id)&&a.fetchOneEntry({model:e.model,apiKey:e.apiKey,apiVersion:e.builderContextSignal.apiVersion}).then(v=>{v&&S(v)})}const q=z.useRouter();return o.useEffect(()=>{var i;return(i=r.current)==null||i.addEventListener("initeditingbldr",w),()=>{var n;return(n=r.current)==null?void 0:n.removeEventListener("initeditingbldr",w)}},[]),o.useEffect(()=>{var i;return(i=r.current)==null||i.addEventListener("initpreviewingbldr",I),()=>{var n;return(n=r.current)==null?void 0:n.removeEventListener("initpreviewingbldr",I)}},[]),o.useEffect(()=>{var i,n;if(a.isBrowser()){if(a.isEditing()&&r.current&&r.current.dispatchEvent(new CustomEvent("initeditingbldr")),e.builderContextSignal.content&&a.getDefaultCanTrack(e.canTrack)){const s=(i=e.builderContextSignal.content)==null?void 0:i.testVariationId,u=(n=e.builderContextSignal.content)==null?void 0:n.id,v=e.apiKey;a._track({type:"impression",canTrack:!0,contentId:u,apiKey:v,variationId:s!==u?s:void 0})}a.isPreviewing()}},[]),o.useEffect(()=>{e.apiKey||a.logger.error("No API key provided to `RenderContent` component. This can cause issues. Please provide an API key using the `apiKey` prop."),x(),j(),C()},[]),o.useEffect(()=>{},[e.content]),o.useEffect(()=>{x()},[(P=(R=e.builderContextSignal.content)==null?void 0:R.data)==null?void 0:P.jsCode]),o.useEffect(()=>{j()},[(B=(T=e.builderContextSignal.content)==null?void 0:T.data)==null?void 0:B.httpRequests]),o.useEffect(()=>{C()},[e.builderContextSignal.rootState]),o.useEffect(()=>{e.data&&m(e.data)},[e.data]),o.useEffect(()=>{e.locale&&m({locale:e.locale})},[e.locale]),o.useEffect(()=>()=>{a.isBrowser()&&(window.removeEventListener("message",h),window.removeEventListener("builder:component:stateChangeListenerActivated",C))},[]),t.jsx(Y.Provider,{value:e.builderContextSignal,children:e.builderContextSignal.content?t.jsx(l,{ref:r,onClick:i=>y(i),"builder-content-id":(N=e.builderContextSignal.content)==null?void 0:N.id,"builder-model":e.model,...e.showContent?{}:{hidden:!0,"aria-hidden":!0},...e.contentWrapperProps,className:`variant-${((L=e.content)==null?void 0:L.testVariationId)||((F=e.content)==null?void 0:F.id)}`,children:e.children}):null})}exports.BlockWrapper=D;exports.BlocksWrapper=H;exports.Button=M;exports.CustomCode=J;exports.DynamicRenderer=E;exports.Embed=G;exports.EnableEditor=Z;exports.FragmentComponent=U;exports.Image=$;exports.ImgComponent=Q;exports.InteractiveElement=V;exports.SectionComponent=O;exports.Video=X;
|