https://magicdoor.com/_build/assets/component-CIJbGPE0.js

1import{e as oe,D as Oe,f as je,q as Ze,i as a,y as d,l as r,b as s,S as m,J as Ae,m as se,F as V,p as I,C as ae,r as W,H as z,K as ue,z as H,t as c,h as Te}from"./web-DNVxw5xY.js";import{g as Ie,n as ce,m as Re}from"./signup-funnel-DpM_Ox-k.js";import"./tracking-client-DdDiwe2M.js";var Ne=c('<svg width=17 height=17 viewBox="0 0 17 17"fill=none xmlns=http://www.w3.org/2000/svg><path d="M7.78882 0.719444C8.18026 0.323458 8.81974 0.323458 9.21118 0.719445L10.6737 2.19895C10.8644 2.39189 11.1254 2.49906 11.3966 2.49587L13.4864 2.47128C14.0479 2.46467 14.5048 2.9217 14.4981 3.48327L14.4735 5.52243C14.4701 5.79807 14.5808 6.06286 14.7792 6.25423L16.2538 7.67659C16.6615 8.06983 16.6615 8.72286 16.2538 9.11609L14.7792 10.5384C14.5808 10.7298 14.4701 10.9946 14.4735 11.2703L14.4981 13.3094C14.5048 13.871 14.0479 14.328 13.4864 14.3214L11.3966 14.2968C11.1253 14.2936 10.8644 14.4008 10.6737 14.5937L9.21118 16.0732C8.81974 16.4692 8.18026 16.4692 7.78882 16.0732L6.32631 14.5937C6.13559 14.4008 5.87465 14.2936 5.60337 14.2968L3.51363 14.3214C2.95206 14.328 2.49517 13.871 2.50194 13.3094L2.52653 11.2703C2.52985 10.9946 2.41924 10.7298 2.22084 10.5384L0.746203 9.11609C0.338515 8.72286 0.338515 8.06983 0.746203 7.67659L2.22084 6.25423C2.41924 6.06286 2.52985 5.79807 2.52653 5.52243L2.50194 3.48327C2.49517 2.9217 2.95206 2.46467 3.51363 2.47128L5.60337 2.49587C5.87465 2.49906 6.13559 2.39189 6.32631 2.19895L7.78882 0.719444Z"fill=currentColor></path><path d="M5 8.17275L7.47059 10.8668L12 5.92773"stroke=white stroke-linecap=round stroke-linejoin=round>'),qe=c('<svg width=10 height=10 viewBox="0 0 10 10"fill=none xmlns=http://www.w3.org/2000/svg aria-hidden=true><path d="M4.99983 4.48005C4.94063 4.47955 4.88193 4.49091 4.82719 4.51345C4.77244 4.536 4.72277 4.56926 4.68108 4.6113L0.306077 9.0238C0.235139 9.10886 0.198578 9.21738 0.203578 9.32803C0.208577 9.43868 0.254776 9.54346 0.333097 9.62178C0.411417 9.7001 0.516196 9.7463 0.626845 9.7513C0.737494 9.7563 0.846013 9.71973 0.931077 9.6488L4.99983 5.5613L9.09983 9.65505C9.18371 9.73601 9.29575 9.78125 9.41233 9.78125C9.52891 9.78125 9.64094 9.73601 9.72483 9.65505C9.80727 9.57193 9.85353 9.45961 9.85353 9.34255C9.85353 9.22548 9.80727 9.11316 9.72483 9.03005L5.32483 4.6113C5.28241 4.5685 5.23171 4.53479 5.17584 4.51222C5.11996 4.48966 5.06007 4.47871 4.99983 4.48005Z"fill=currentColor></path><path d="M4.99983 0.0698895C4.94063 0.0693979 4.88193 0.0807576 4.82719 0.103298C4.77244 0.125839 4.72277 0.159106 4.68108 0.201139L0.306077 4.61364C0.235139 4.6987 0.198578 4.80722 0.203578 4.91787C0.208577 5.02852 0.254776 5.1333 0.333097 5.21162C0.411417 5.28994 0.516196 5.33614 0.626845 5.34114C0.737494 5.34614 0.846013 5.30958 0.931077 5.23864L4.99983 1.15114L9.09358 5.24489C9.17746 5.32585 9.28949 5.37109 9.40608 5.37109C9.52266 5.37109 9.63469 5.32585 9.71858 5.24489C9.80102 5.16178 9.84727 5.04945 9.84727 4.93239C9.84727 4.81533 9.80102 4.703 9.71858 4.61989L5.32483 0.201139C5.2824 0.158341 5.23171 0.124632 5.17583 0.102067C5.11996 0.0795016 5.06007 0.0685534 4.99983 0.0698895Z"fill=currentColor>'),Ge=c('<h1 class="w-fit text-center text-[28px] font-bold leading-tight text-white sm:text-[36px] lg:text-[44px]">'),Je=c('<img src=/magicdoor/pricing/genie-ai-icon.png alt class="h-8 w-auto shrink-0">'),Ke=c('<div class="mt-5 flex items-center justify-center gap-3 text-center text-sm text-[#c7c7c7] lg:text-lg"style=letter-spacing:0.2px><!$><!/><!$><!/>'),Ve=c('<p class="mt-10 text-center text-sm text-white lg:text-base">For a full pricing breakdown, check out the<a href=/pricing class="text-[#53C9FF] underline underline-offset-2">pricing page.'),We=c(`<section class="pricing-banner-bg relative w-full overflow-hidden"style=isolation:isolate><div class="pointer-events-none absolute"style="filter:blur(200px);height:70%;width:110%;bottom:0;top:80%;left:-5%;background:linear-gradient(270deg, #bd31ff 0%, #2f00b5 100%);z-index:1;position:absolute"></div><div class="relative z-10 mx-auto flex w-full max-w-[1200px] flex-col items-center px-4 pb-4 pt-20 lg:pt-28"><!$><!/><!$><!/><div class="mt-14 grid w-full grid-cols-1 items-start gap-6 pb-32 lg:grid-cols-3"></div><!$><!/></div><div class="pointer-events-none relative z-10"><svg class=absolute viewBox="0 0 24 24"fill=none xmlns=http://www.w3.org/2000/svg style=top:-220px;left:0%;width:30px;z-index:1><path d="M12 0L14.59 8.26L23.41 9.27L16.71 15.24L18.54 24L12 19.77L5.46 24L7.29 15.24L0.59 9.27L9.41 8.26L12 0Z"fill=white></path></svg><svg class=absolute viewBox="0 0 24 24"fill=none xmlns=http://www.w3.org/2000/svg style=top:-160px;left:6%;width:12px;transform:rotate(15deg);z-index:1><path d="M12 0L14.59 8.26L23.41 9.27L16.71 15.24L18.54 24L12 19.77L5.46 24L7.29 15.24L0.59 9.27L9.41 8.26L12 0Z"fill=white></path></svg><svg class=absolute viewBox="0 0 24 24"fill=none xmlns=http://www.w3.org/2000/svg style=top:-260px;right:0;width:30px;transform:rotate(30deg);z-index:1><path d="M12 0L14.59 8.26L23.41 9.27L16.71 15.24L18.54 24L12 19.77L5.46 24L7.29 15.24L0.59 9.27L9.41 8.26L12 0Z"fill=white></path></svg><svg class=absolute viewBox="0 0 24 24"fill=none xmlns=http://www.w3.org/2000/svg style=top:-700px;left:94%;width:24px;z-index:1><path d="M12 0L14.59 8.26L23.41 9.27L16.71 15.24L18.54 24L12 19.77L5.46 24L7.29 15.24L0.59 9.27L9.41 8.26L12 0Z"fill=#A855F7></path></svg></div><style>
2        .pricing-banner-bg {
3          background: #131533;
4        }
5      `),Qe=c('<div class="absolute inset-0 mt-2 flex flex-col items-center justify-start pl-3 pt-6 text-[10px] font-bold leading-tight text-white sm:pt-7 sm:text-xs"><span>Most</span><span>popular'),Ue=c('<div class="absolute -right-2 -top-2.5 z-20 h-[80px] w-[90px] sm:-right-4"><img src=/magicdoor/sales/popular.svg class="absolute inset-0 h-full w-full object-contain"alt="Most Popular"><!$><!/>'),Xe=c('<span class="text-sm text-white/60 sm:text-base">'),Ye=c("<span class=text-[#FFFFFFCC]>"),et=c('<div class="border-t border-[#FFFFFF1F] pt-5"><div class="mb-3 flex items-center justify-between gap-4 text-sm "><span class=text-[#FFFFFF99]></span><!$><!/></div><div class=space-y-3></div><button type=button class="mx-auto cursor-pointer mt-5 flex items-center gap-2 rounded-full border border-[#FFFFFF52] px-4 py-1 text-xs text-white"aria-expanded=true><!$><!/>Fold'),tt=c('<div class="mt-auto pt-7">'),it=c(`<div class="relative flex flex-col transition-opacity duration-300"><!$><!/><div class="relative z-10 flex w-full flex-col overflow-hidden rounded-3xl p-6 transition-[height] duration-300 sm:p-8"style=background-color:#1E1842><div class="flex h-full flex-col text-white"><h2 class="mb-4 text-xl font-bold sm:text-2xl"></h2><div class="flex items-baseline gap-1"><span class="text-3xl font-bold sm:text-4xl"></span><!$><!/></div><div class=my-6><a class="group flex w-full items-center justify-center gap-2 rounded-full px-6 py-3 text-lg font-semibold text-white transition-opacity hover:opacity-90 bg-contain bg-center bg-no-repeat"style="background-image:url(/magicdoor/images/highlight.svg);font-family:'Inter', sans-serif"><!$><!/><svg width=16 height=16 viewBox="0 0 16 16"fill=none xmlns=http://www.w3.org/2000/svg class="transition-transform duration-200 group-hover:translate-x-0.5"><path d="M3.333 8H12.667M12.667 8L8 3.333M12.667 8L8 12.667"stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round></path></svg></a></div><div class=space-y-4></div><!$><!/>`),rt=c('<svg xmlns=http://www.w3.org/2000/svg width=20 height=20 viewBox="0 0 20 20"fill=none><path d="M13.5261 3.28962C13.6304 3.00763 14.0293 3.00763 14.1336 3.28962L15.0494 5.76446C15.4321 6.7988 16.2477 7.61431 17.282 7.99704L19.7568 8.91282C20.0388 9.01716 20.0388 9.41601 19.7568 9.52036L17.282 10.4361C16.2477 10.8189 15.4321 11.6344 15.0494 12.6687L14.1336 15.1436C14.0293 15.4255 13.6304 15.4255 13.5261 15.1436L12.6103 12.6687C12.2276 11.6344 11.4121 10.8189 10.3777 10.4361L7.9029 9.52036C7.62091 9.41601 7.62091 9.01716 7.9029 8.91282L10.3777 7.99704C11.4121 7.61431 12.2276 6.7988 12.6103 5.76446L13.5261 3.28962Z"fill=white></path><path d="M4.8293 12.4279C4.88814 12.2688 5.11306 12.2688 5.1719 12.4279L5.68831 13.8234C5.90414 14.4067 6.36402 14.8666 6.94729 15.0824L8.34288 15.5988C8.50189 15.6577 8.50189 15.8826 8.34288 15.9414L6.94729 16.4578C6.36402 16.6737 5.90414 17.1335 5.68831 17.7168L5.1719 19.1124C5.11306 19.2714 4.88814 19.2714 4.8293 19.1124L4.31289 17.7168C4.09706 17.1335 3.63719 16.6737 3.05391 16.4578L1.65833 15.9414C1.49931 15.8826 1.49931 15.6577 1.65833 15.5988L3.05391 15.0824C3.63719 14.8666 4.09706 14.4067 4.3

51289 13.8234L4.8293 12.4279Z"fill=white fill-opacity=0.42></path><path d="M5.26967 1.61857C5.30889 1.51256 5.45884 1.51256 5.49806 1.61857L5.84234 2.54896C5.98623 2.93781 6.29281 3.24439 6.68166 3.38828L7.61205 3.73256C7.71806 3.77178 7.71806 3.92173 7.61205 3.96095L6.68166 4.30523C6.29281 4.44912 5.98623 4.7557 5.84234 5.14455L5.49806 6.07494C5.45884 6.18095 5.30889 6.18095 5.26967 6.07494L4.92539 5.14455C4.7815 4.7557 4.47492 4.44912 4.08607 4.30523L3.15568 3.96095C3.04967 3.92173 3.04967 3.77178 3.15568 3.73256L4.08607 3.38828C4.47492 3.24439 4.7815 2.93781 4.92539 2.54896L5.26967 1.61857Z"fill=white fill-opacity=0.24>'),lt=c('<div class="flex gap-3 text-sm text-white sm:text-base"><div class="h-4 w-4 shrink-0"></div><div><!$><!/><span>'),nt=c('<button type=button class="mx-auto flex cursor-pointer items-center gap-2 rounded-full border border-[#FFFFFF52] px-4 py-1 text-xs text-white"aria-expanded=false><!$><!/><!$><!/>'),ot=c('<div class="flex items-start gap-3 text-sm text-white sm:text-base"><div class="mt-1 h-4 w-4 shrink-0"></div><span class=leading-tight>');const ge=l=>(()=>{var w=a(Ne);return I(_=>{var P=l.class??"",D=l.style??{};return P!==_.e&&H(w,"class",_.e=P),_.t=ue(w,D,_.t),_},{e:void 0,t:void 0}),w})(),st=l=>l.name==="Starter"||l.basePrice===0?{checkColor:"#AE68FF",borderColor:"rgba(174,104,255,0.3)",boxShadow:"none",buttonBg:"#372E72",buttonBorder:"none",titleColor:"#fff",titleStyle:{},showButtonHighlight:!1}:l.isPopular?{checkColor:"#EE7935",borderColor:"#EE7935",boxShadow:"0 12px 24px 0 rgba(0,0,0,0.25)",buttonBg:"#5425ED",buttonBorder:"2px solid #ffffff70",titleColor:"transparent",titleStyle:{background:"linear-gradient(111.47deg, #f8b62d 29.13%, #ffc355 54.1%, #f39800 80.13%)","-webkit-background-clip":"text","-webkit-text-fill-color":"transparent","background-clip":"text",color:"transparent"},showButtonHighlight:!0}:{checkColor:"#AE68FF",borderColor:"rgba(174,104,255,0.3)",boxShadow:"none",buttonBg:"#5425ED",buttonBorder:"2px solid #ffffff70",titleColor:"#fff",titleStyle:{},showButtonHighlight:!0},at=l=>typeof l=="string"&&l.toLowerCase().includes("genie ai"),de=l=>typeof l=="string"?l:l.value,he=l=>(()=>{var w=a(qe);return I(()=>H(w,"class",l.direction==="down"?"rotate-180":"")),w})(),ht=l=>{const[w,_]=oe({}),[P,D]=oe(null),R=[],Q=e=>e===0?"$0":Number.isInteger(e)?`$${e}`:`$${e.toLocaleString(void 0,{minimumFractionDigits:2,maximumFractionDigits:2})}`,xe=e=>{const h=e.customPriceDisplay||Q(e.basePrice);if(!(e.customPriceSuffix!==void 0?e.customPriceSuffix!=="":!e.customPriceDisplay))return h;const x=e.customPriceSuffix!==void 0?e.customPriceSuffix:"/month";return`${h}${x}`},fe=e=>{switch(ce(e.name)){case"Advanced":return"pricing_advanced_get_demo";case"Pro":return"pricing_pro_talk_to_sales";default:return"pricing_starter_get_started"}},be=e=>{Ie({plan:ce(e.name),ctaLabel:e.buttonText,ctaLocation:"plan_card",priceShown:xe(e)}),(e.buttonLink||"").startsWith("/onboarding")&&Re(fe(e))},me=e=>!!(e.onboardingLabel||e.onboardingSummary||(e.onboardingItems??[]).length>0),O=(e,h)=>w()[h]??!!e.onboardingDefaultExpanded,U=(e,h)=>{_(f=>({...f,[h]:!O(e,h)}))},E=()=>{const e=R.filter((x,S)=>{const j=(l.plans??[])[S];return j&&!O(j,S)}),h=e.map(x=>x.style.height);e.forEach(x=>{x.style.height="auto"});const f=e.map(x=>x.scrollHeight);if(e.forEach((x,S)=>{x.style.height=h[S]??""}),f.length===0){D(null);return}D(Math.ceil(Math.max(...f)))};return Oe(()=>{E();const e=new ResizeObserver(()=>{E()});R.forEach(h=>e.observe(h)),window.addEventListener("resize",E),je(()=>{e.disconnect(),window.removeEventListener("resize",E)})}),Ze(()=>{l.plans,w(),queueMicrotask(E)}),(()=>{var e=a(We),h=e.firstChild,f=h.nextSibling,x=f.firstChild,[S,j]=d(x.nextSibling),ve=S.nextSibling,[X,we]=d(ve.nextSibling),Y=X.nextSibling,$e=Y.nextSibling,[pe,Ce]=d($e.nextSibling),Le=f.nextSibling,_e=Le.firstChild,Se=_e.nextSibling,ye=Se.nextSibling;return ye.nextSibling,r(f,s(m,{get when(){return l.heading},get children(){var t=a(Ge);return r(t,()=>l.heading),t}}),S,j),r(f,s(m,{get when(){return l.subheading},get children(){var t=a(Ke),y=t.firstChild,[u,B]=d(y.nextSibling),N=u.nextSibling,[Z,q]=d(N.nextSibling);return r(t,s(m,{get when(){return l.showSubheadingIcon},get children(){return a(Je)}}),u,B),r(t,()=>l.subheading,Z,q),t}}),X,we),r(Y,s(V,{get each(){return l.plans??[]},children:(t,y)=>{const u=st(t);return(()=>{var B=a(it),N=B.firstChild,[Z,q]=d(N.nextSibling),M=Z.nextSibling,ee=M.firstChild,G=ee.firstChild,J=G.nextSibling,K=J.firstChild,ke=K.nextSibling,[Fe,Pe]=d(ke.nextSibling),te=J.nextSibling,$=te.firstChild,Ee=$.firstChild,[ie,Be]=d(Ee.nextSibling);ie.nextSibling;var re=te.nextSibling,Me=re.nextSibling,[ze,He]=d(Me.nextSibling);return r(B,s(m,{get when(){return t.isPopular},get children(){var i=a(Ue),n=i.firstChild,o=n.nextSibling,[g,b]=d(o.nextSibling);return r(i,s(m,{get when(){return t.hiddenPopularBadgeText!==!0}

5,get children(){return a(Qe)}}),g,b),i}}),Z,q),Ae(i=>{R[y()]=i},M),r(G,()=>t.name),r(K,()=>t.customPriceDisplay||Q(t.basePrice)),r(J,s(m,{get when(){return se(()=>t.customPriceSuffix!==void 0)()?t.customPriceSuffix!=="":!t.customPriceDisplay},get children(){var i=a(Xe);return r(i,(()=>{var n=se(()=>t.customPriceSuffix!==void 0);return()=>n()?t.customPriceSuffix:"/month"})()),i}}),Fe,Pe),$.$$click=()=>be(t),r($,()=>t.buttonText,ie,Be),r(re,s(V,{get each(){return t.features},children:i=>{const n=de(i),o=at(n);return(()=>{var g=a(lt),b=g.firstChild,p=b.nextSibling,C=p.firstChild,[v,L]=d(C.nextSibling),F=v.nextSibling;return g.classList.toggle("items-center",!!o),g.classList.toggle("items-start",!o),b.classList.toggle("mt-1",!o),r(b,s(ge,{class:"size-4",get style(){return{color:o?"#A78BFA":u.checkColor}}})),r(p,s(m,{when:o,get children(){return a(rt)}}),v,L),r(F,n),I(k=>ae(p,{"relative flex items-center gap-2 justify-center rounded-full  w-full bg-[#5425ED] px-4 py-1.5 font-medium text-white text-sm":o,"bg-none!":!o},k)),g})()}})),r(ee,s(m,{get when(){return me(t)},get children(){var i=a(tt);return r(i,s(m,{get when(){return O(t,y())},get fallback(){return(()=>{var n=a(nt),o=n.firstChild,[g,b]=d(o.nextSibling),p=g.nextSibling,[C,v]=d(p.nextSibling);return n.$$click=()=>U(t,y()),r(n,s(he,{direction:"down"}),g,b),r(n,()=>t.onboardingLabel||"Onboarding",C,v),W(),n})()},get children(){var n=a(et),o=n.firstChild,g=o.firstChild,b=g.nextSibling,[p,C]=d(b.nextSibling),v=o.nextSibling,L=v.nextSibling,F=L.firstChild,[k,A]=d(F.nextSibling);return k.nextSibling,r(g,()=>t.onboardingLabel||"Onboarding"),r(o,s(m,{get when(){return t.onboardingSummary},get children(){var T=a(Ye);return r(T,()=>t.onboardingSummary),T}}),p,C),r(v,s(V,{get each(){return t.onboardingItems??[]},children:T=>(()=>{var le=a(ot),ne=le.firstChild,De=ne.nextSibling;return r(ne,s(ge,{class:"size-4",get style(){return{color:u.checkColor}}})),r(De,()=>de(T)),le})()})),L.$$click=()=>U(t,y()),r(L,s(he,{direction:"up"}),k,A),W(),n}})),i}}),ze,He),I(i=>{var n=`1px solid ${u.borderColor}`,o=u.boxShadow,g=!O(t,y())&&P()!==null?`${P()}px`:void 0,b=Object.keys(u.titleStyle).length>0?u.titleStyle:{color:u.titleColor},p={"text-2xl sm:text-3xl":(t.customPriceDisplay?.length??0)>10},C=t.buttonLink,v=t.linkTarget?"_blank":void 0,L=[t.linkTarget?"noopener noreferrer":"",t.linkRel||""].filter(Boolean).join(" ")||void 0,F=u.buttonBg,k=u.buttonBorder,A=!u.showButtonHighlight;return n!==i.e&&z(M,"border",i.e=n),o!==i.t&&z(M,"box-shadow",i.t=o),g!==i.a&&z(M,"height",i.a=g),i.o=ue(G,b,i.o),i.i=ae(K,p,i.i),C!==i.n&&H($,"href",i.n=C),v!==i.s&&H($,"target",i.s=v),L!==i.h&&H($,"rel",i.h=L),F!==i.r&&z($,"background-color",i.r=F),k!==i.d&&z($,"border",i.d=k),A!==i.l&&$.classList.toggle("bg-none!",i.l=A),i},{e:void 0,t:void 0,a:void 0,o:void 0,i:void 0,n:void 0,s:void 0,h:void 0,r:void 0,d:void 0,l:void 0}),W(),B})()}})),r(f,s(m,{get when(){return l.showPricingBreakdownLink},get children(){return a(Ve)}}),pe,Ce),e})()};Te(["click"]);export{ht as PricingSection};