https://builder-cdn.access.com/_next/static/chunks/43367-7601acb6d1313ec1.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[43367],{409787:function(e,n,i){var t=i(785893),l=i(667294),r=i(894340),a=i(610887),s=i(386010),o=i(264999),c=i.n(o),d=i(809473),u=i(78045),m=i(626403),p=i(992893),v=i(376299),b=i(163106),h=i(511249),x=i(854465),g=i(886664),f=i(811163),y=i(385590),S=i(945076),w=i(64936),P=i(314976),N=i(727484),j=i.n(N),C=i(220329),I=i(396716),M=i(903089),k=i(905749);let A=(0,x.J)("pk_live_51NFWlaKXdtVbbNXciT8yjs0Bo7Chv637nLJRzoCLX2Pqymq4ZGbThFomvMneRV6oYLQZIur8q5XtVzngmmanbE6900oAeMgt18"),Card=e=>{var n,i,o,d,u,x,y,N,C,D,Z,T,L,F,R,E,U,Y,G;let B=(0,f.useRouter)(),[_,H]=l.useState(!1),[O,V]=l.useState(!1),{setIhfMaxUpgrade:X}=(0,M.U)(),[z,W]=l.useState(!1),[q,J]=l.useState(!1),$=l.useRef(null),K=!!(null===(i=e.website)||void 0===i?void 0:null===(n=i.template.meta)||void 0===n?void 0:n.singlePage)||(null===(o=e.website)||void 0===o?void 0:o.template.name)==="Mosaic"||(null===(d=e.website)||void 0===d?void 0:d.template.name)==="Prism",{setModalContent:Q}=(0,w.UM)(),ee=j()(new Date(1e3*((null==e?void 0:null===(x=e.website)||void 0===x?void 0:null===(u=x.subscriptionInfo)||void 0===u?void 0:u.end)||0))).format("MMM DD, YYYY"),en=l.useCallback(()=>{let e=$.current;if(!e)return;let n=e.scrollTop+e.clientHeight>=e.scrollHeight-4;J(n)},[]);l.useEffect(()=>{let n=$.current;if(n&&e.hasScroll)return n.addEventListener("scroll",en,{passive:!0}),en(),()=>n.removeEventListener("scroll",en)},[e.hasScroll,en]);let ei={productId:e.id,plan:e.plan,price:e.prices.map(e=>({recurring:e.recurring.interval,priceId:e.id,value:(0,p.T)(e.unit_amount||0),numPrice:(e.unit_amount||0)/100,nickname:e.nickname})),currency:"$",currencyLabel:"USD",accessTool:!0,customDomain:!0,idx:"Platinum Plan"===e.plan,currentSubscription:e.currentSubscription},et=e.isSubscribed&&e.subscriptionInfo&&(null===(y=e.subscriptionInfo)||void 0===y?void 0:y.status)!=="canceled"&&((null===(N=e.subscriptionInfo)||void 0===N?void 0:N.productName)==="Platinum Plan"&&"SILVER"===e.type||(null===(C=e.subscriptionInfo)||void 0===C?void 0:C.productName)==="Diamond Plan"&&("PLATINUM"===e.type||"SILVER"===e.type)),el=(0,m.IkZ)(P.ZP,{onMutate:()=>{V(!0)},onError:()=>{V(!1)},onSuccess:()=>{var n,i;V(!1),null===(n=e.revalidate)||void 0===n||n.call(e),Q({targetPrice:"",type:"default",price:""}),null===(i=e.paymentSuccessCallback)||void 0===i||i.call(e)}}),displayCancel=()=>{et&&!e.notAvailable&&e.displayCancel()},er=e.subscriptionInfo&&e.currentSubscription&&(null===(D=e.subscriptionInfo)||void 0===D?void 0:D.status)!=="canceled",generateBtnLabel=()=>{var n,i,l;return"/themes/[templateId]"===B.pathname?"SUBSCRIBE":e.notAvailable?"CHANGE PLAN":(null===(n=e.subscriptionInfo)||void 0===n?void 0:n.status)==="canceled"?"SUBSCRIBE":er?"annual"!==e.subscriptionInfo.interval.toLowerCase()?"SWITCH TO ANNUAL":(null===(l=e.website)||void 0===l?void 0:null===(i=l.stripeSubscription)||void 0===i?void 0:i[0].stripeSubscriptionScheduleId)?O?(0,t.jsx)(v.ww,{show:!0,className:"top-1/2 -translate-y-1/2"}):"STAY ON ANNUAL":"SWITCH TO MONTHLY":"CHANGE PLAN"},getCardprice=n=>e.prices.find(e=>{var i;return(null==e?void 0:null===(i=e.recurring)||void 0===i?void 0:i.interval)===n}).unit_amount,generateCardDetails=()=>{var n;return(null===(n=e.subscriptionInfo)||void 0===n?void 0:n.interval.toLowerCase())==="annual"?{recurrence:"yearly",price:(0,p.T)(getCardprice("year")),alternativeRecurrenceNote:"".concat((0,p.T)(getCardprice("month"))," billed monthly")}:{recurrence:"monthly",price:(0,p.T)(getCardprice("month")),alternativeRecurrenceNote:"".concat((0,p.T)(getCardprice("year"))," billed yearly")}},getIHFMaxPricing=e=>{let n=null==e?void 0:e.find(e=>{var n;return(null===(n=e.recurring)||void 0===n?void 0:n.interval)==="month"}),i=null==e?void 0:e.find(e=>{var n;return(null===(n=e.recurring)||void 0===n?void 0:n.interval)==="year"}),format=e=>(e/100).toLocaleString("en-US",{style:"currency",currency:"USD",minimumFractionDigits:2});return{monthly:n?format(n.unit_amount):null,yearly:i?format(i.unit_amount):null}};return(0,t.jsxs)("div",{className:(0,s.Z)(c()["plan-card--subscribed-container"],{"after:!opacity-0":q,"[&>*]:text-access-neutrals-300":e.notAvailable,"!border-transparent bg-[#f8f8f8]":(null===(Z=e.subscriptionInfo)||void 0===Z?void 0:Z.status)!=="canceled"&&!e.currentSubscription&&e.isSubscribed&&e.notAvailable,"w-[24rem] lg:h-[17.125rem] lg:w-[26.3125rem] lg:px-0 lg:py-6":K,"lg:h-[640px] lg:min-h-[26.125rem] lg:w-[24rem] lg:px-[54px] lg:pb-[30px] lg:pt-10":!K}),children:[(0,t.jsxs)("p",{className:(0,s.Z)("mb-[1.0625rem] rounded-[5px] bg-[#e1e1e1] px-5 py-1 text-center font-graphie text-sm font-bold leading-6 tracking-[1.4px] text-[#1b1b1b]",K?"w-auto lg:mb-5":"w-max",{"!bg-access-primary-500 !text-white":e.currentSubscription&&!e.notAvailable&&!K}),children:[e.type," ",e.currentSubscription&&!K&&"(CURRENT PLAN)"]}),(0,t.jsxs)("div",{className:"mb-2 flex items-baseline font-graphie",children:[(0,t.jsx)("p",{className:"text-[2rem] font-bold leading-[2.75rem] tracking-[-1.28px] lg:text-[2.5rem] lg:tracking-[-1.6px] ",children:generateCardDetail

1s().price}),(0,t.jsxs)("p",{className:(0,s.Z)("text-center text-[1rem] font-normal lg:text-lg"),children:["/",generateCardDetails().recurrence]})]}),(0,t.jsx)("div",{className:(0,s.Z)("mb-4 flex flex-col items-center",{"[&>*]:!text-access-neutrals-300":e.notAvailable}),children:(0,t.jsxs)("p",{className:"mr-2 whitespace-pre text-center font-openSans text-xs leading-4 text-neutral-400 lg:text-[1rem] lg:leading-6",children:[generateCardDetails().alternativeRecurrenceNote,!K&&(null===(T=e.subscriptionInfo)||void 0===T?void 0:T.interval.toLowerCase())==="monthly"&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("br",{}),"(",(0,t.jsx)("span",{className:(0,s.Z)({"text-access-primary-500":!e.notAvailable}),children:e.free}),")"]})]})}),e.header&&(0,t.jsx)("div",{className:c()["plan-card--header"],children:e.header}),e.subheader&&(0,t.jsx)("div",{className:c()["plan-card--subheader"],children:e.subheader}),e.inclusions&&(0,t.jsx)("div",{ref:e.hasScroll?$:void 0,className:(0,s.Z)(c().inclusions,e.hasScroll&&c().scrollable),children:e.inclusions.map((n,i)=>(0,t.jsx)(t.Fragment,{children:n.highlight?(0,t.jsxs)("div",{className:"flex flex-col",children:[(0,t.jsxs)("div",{className:(0,s.Z)("flex",n.highlight&&"-ml-2 bg-access-primary-100 px-[0.46875rem] py-[0.3125rem]"),children:[(0,t.jsx)("div",{className:(0,s.Z)("mr-2 h-4 w-4 lg:mr-4",{"px-[0.125rem] py-[0.1875rem]":"check"===n.icon,"p-[0.125rem]":"cross"===n.icon,"[&>*]:!fill-access-neutrals-300":e.notAvailable}),children:"check"===n.icon?(0,t.jsx)(r.Z,{}):(0,t.jsx)(a.Z,{})}),(0,t.jsx)("div",{className:(0,s.Z)({"[&>*]:!text-access-neutrals-300":e.notAvailable}),children:(0,t.jsx)("p",{className:"font-openSans text-[0.75rem] !leading-6 text-[#1b1b1b] lg:text-[1rem] lg:text-sm",children:n.item})})]},i),n.note&&(0,t.jsx)("div",{children:(0,t.jsx)("p",{className:"mb-[2.0625rem] mt-[0.3125rem] font-openSans text-xs leading-[1.125rem] text-neutral-400",children:n.note})})]}):(0,t.jsxs)("div",{className:(0,s.Z)("flex",{"items-center":!n.note}),children:[(0,t.jsx)("div",{className:(0,s.Z)("mr-2 h-4 w-4 lg:mr-4",{"px-[0.125rem] py-[0.1875rem]":"check"===n.icon,"p-[0.125rem]":"cross"===n.icon,"[&>*]:!fill-access-neutrals-300":e.notAvailable,"items-baseline":n.note}),children:"check"===n.icon?(0,t.jsx)(r.Z,{}):(0,t.jsx)(a.Z,{})}),(0,t.jsxs)("div",{className:(0,s.Z)({"[&>*]:!text-access-neutrals-300":e.notAvailable}),children:[(0,t.jsx)("p",{className:"font-openSans text-[0.75rem] leading-6 text-[#1b1b1b] lg:text-[1rem]",children:n.item}),n.note&&(0,t.jsx)("p",{className:"-ml-[1.875rem] mb-4 mt-2.5 font-openSans text-xs leading-[1.125rem] text-neutral-400",children:n.note})]})]},i)}))}),e.inclusions&&e.hasScroll&&(0,t.jsxs)("div",{className:(0,s.Z)(c()["scroll-more"],{[c()["scroll-more--hidden"]]:q}),children:["Scroll to view more",(0,t.jsx)(k.Z,{})]}),"PLATINUM"===e.type&&!e.hasIhfMax&&!e.notAvailable&&(0,t.jsxs)("div",{className:c()["ihfMax--container"],children:[(0,t.jsx)("div",{onClick:e=>e.stopPropagation(),children:(0,t.jsx)(I.Z,{isChecked:!1,boxClassname:(0,s.Z)("!w-5 !h-5 !border-access-neutrals-300",c()["ihfMax--checkbox"],z&&c().checked,z&&"!border-access-neutrals-300 !bg-access-primary-500"),textClassname:"!text-sm !font-semibold !leading-6 !font-openSans !text-access-neutrals-500",label:"Upgrade to iHomefinder Max",onToggle:()=>{W(!1),X(!1)}})}),(0,t.jsx)("div",{className:c()["ihfMax--price"],children:(()=>{var n;let{monthly:i,yearly:l}=getIHFMaxPricing(null===(n=e.ihfMax)||void 0===n?void 0:n.prices);return(0,t.jsxs)(t.Fragment,{children:[i&&(0,t.jsxs)("span",{children:["+",i]})," monthly /"," ",l&&(0,t.jsxs)("span",{children:["+",l]})," annually"]})})()}),(0,t.jsxs)("div",{className:c()["ihfMax--description"],children:[(0,t.jsx)("b",{children:"Full-featured CRM"})," with advanced automation, premium lead routing, and enhanced engagement tools."," ",(0,t.jsx)("b",{children:"Includes Marketboost + Eureka."})]})]}),(0,t.jsx)(b.fC,{disableOutsideClickClose:!0,open:_,closeable:!0,overlayClass:"!z-[61]",closeIconClass:"!text-base ",trigger:(0,t.jsxs)("div",{className:"mt-auto flex w-full flex-col items-center",children:["STAY ON ANNUAL"===generateBtnLabel()&&e.currentSubscription&&(0,t.jsxs)("p",{className:"mx-2 max-w-[15.6875rem] pb-2 text-center font-openSans text-[0.75rem] leading-[1.125rem] text-neutral-400",children:["Monthly billing starts ",ee,"."]}),(0,t.jsx)(v.ZP,{type:"button",className:(0,s.Z)("relative max-h-10 !max-w-[12.75rem] font-openSans !text-[0.75rem] leading-6 tracking-wider lg:max-h-12 lg:!text-base",c()["btn--subscribe"],{[c()["change-plan"]]:e.isSubscribed&&(null===(L=e.subscriptionInfo)||void 0===L?void 0:L.status)!=="canceled"&&((null===(F=e.subscriptionInfo)||void 0===F?void 0:F.productName)==="Platinum Plan"&&"SILVER"===e.type||(null===(R=e.subscriptionInfo)||void 0===R?void 0:R.productName)==="Diamond Plan"&&("PLATINUM"===e.type||"SILVER"===e.type)),"!border-none":e.isSubscribed&&!e.currentSubscription,"pointer-events-none border-none 

1!bg-access-neutrals-100 !text-access-neutrals-300":e.notAvailable,"lg:!max-w-none":!K,"!px-[1.875rem] !py-[0.9375rem] lg:!max-w-[20rem]":K}),onClick:()=>{if(displayCancel(),generateCardDetails().alternativeRecurrenceNote.includes("month")&&er){var n;if(null===(n=e.website.stripeSubscription)||void 0===n?void 0:n[0].stripeSubscriptionScheduleId){el.mutate({input:{data:{websiteId:e.website.id,priceId:"",cancelSchedule:!0}}});return}let i=e.prices.find(e=>{var n;return(null==e?void 0:null===(n=e.recurring)||void 0===n?void 0:n.interval)==="month"}).id;null==Q||Q({type:"recurrenceSwitcher",targetPrice:i,price:generateCardDetails().alternativeRecurrenceNote.split(" ")[0],planType:K?"single property":"DIAMOND"===e.type?"diamond":"PLATINUM"===e.type?"platinum":"silver"})}},children:generateBtnLabel()})]}),contentClass:(0,s.Z)({"w-full h-full":!et,"!rounded-md":e.isSubscribed&&e.subscriptionInfo&&(null===(E=e.subscriptionInfo)||void 0===E?void 0:E.productName)!=="Silver Plan"&&(null===(U=e.subscriptionInfo)||void 0===U?void 0:U.status)!=="canceled"},"!p-4 md:!p-5"),onOpenChange:n=>{et||generateCardDetails().alternativeRecurrenceNote.includes("month")&&er||e.notAvailable||H(n)},children:!et&&(0,t.jsx)(g.Elements,{stripe:A,children:(0,t.jsx)(h.ZP,{...e.currentSubscription&&{targetPrice:"monthly"===e.subscriptionInfo.interval.toLowerCase()&&e.prices.find(e=>{var n;return(null==e?void 0:null===(n=e.recurring)||void 0===n?void 0:n.interval)==="year"}).id,defaultRecurrence:"monthly"===e.subscriptionInfo.interval.toLowerCase()?"year":void 0},isForGTM:e.isForGTM,isForGA4:e.isForGA4,isForSpp:e.isForSpp,backBtnFn:()=>H(!1),website:e.website,template:e.template,hasIhfMax:e.hasIhfMax,plan:ei,targetPrice:(null===(Y=e.subscriptionInfo)||void 0===Y?void 0:Y.interval.toLowerCase())==="monthly"&&e.prices.find(e=>{var n;return(null==e?void 0:null===(n=e.recurring)||void 0===n?void 0:n.interval)==="year"}).id,defaultRecurrence:(null===(G=e.subscriptionInfo)||void 0===G?void 0:G.interval.toLowerCase())==="monthly"?"year":void 0,successCallback:()=>{var n,i;e.isForSpp?window.location.href="/builder/".concat(null===(i=e.website)||void 0===i?void 0:i.id):(e.isForGTM||e.isForGA4)&&(null===(n=e.paymentSuccessCallback)||void 0===n||n.call(e),H(!1),e.closeSubscriptionModal())},callBack:()=>{if(B.asPath.includes("subscription")){var n;return null===(n=e.revalidate)||void 0===n||n.call(e),(0,S.u)("billing-history--section"),H(!1),e.closeSubscriptionModal()}B.replace({pathname:"/subscription",query:{billing:!0}},"/subscription")}})})})]})};n.Z=e=>{var n,i,r,a,s,o,c,m,v,b,h,x,g,S,w,P,N,j,I;let M=(0,f.useRouter)(),k=(0,d.v9)(u.Cf),[A,D]=l.useState(),Z=null!==(S=null==k?void 0:k.id)&&void 0!==S?S:null===(n=e.website)||void 0===n?void 0:n.id,T=e.website&&(null===(i=e.website)||void 0===i?void 0:i.stripeSubscription)!==null&&(null===(a=e.website)||void 0===a?void 0:null===(r=a.stripeSubscription)||void 0===r?void 0:r.length)!==0&&(null===(s=e.website)||void 0===s?void 0:s.stripeSubscription[0].status)==="active",L=e.products,F=!!(null===(c=e.website)||void 0===c?void 0:null===(o=c.template.meta)||void 0===o?void 0:o.singlePage),{data:R}=(0,C.Z)({suspense:!0}),E=null!==(w=null===(v=e.website)||void 0===v?void 0:null===(m=v.subscriptionInfo)||void 0===m?void 0:m.ihfMax)&&void 0!==w&&w,setupPriceRates=e=>{let n=e.filter(e=>F?"Single Property Plan"===e.name:"Single Property Plan"!==e.name),i=n.sort((e,n)=>{var i,t;let l=null===(i=e.prices)||void 0===i?void 0:i.find(e=>{var n;return(null===(n=e.recurring)||void 0===n?void 0:n.interval)==="month"}).unit_amount,r=null===(t=n.prices)||void 0===t?void 0:t.find(e=>{var n;return(null===(n=e.recurring)||void 0===n?void 0:n.interval)==="month"}).unit_amount;return l-r}).map(e=>{let n=U.filter(n=>n.id===e.id)[0];if(!n)return null;let getPricing=n=>{let i=e.prices.filter(e=>e.nickname===n);if(i.length>0)return i;let t="Billed Monthly"===n?"month":"year";return e.prices.filter(e=>{var n;return(null===(n=e.recurring)||void 0===n?void 0:n.interval)===t})};return{id:e.id,siteId:Z,type:n.type,price:(0,p.T)(getPricing("Billed Monthly")[0].unit_amount||0),recurrence:"month"===getPricing("Billed Monthly")[0].recurring.interval?"monthly":"yearly",note:n.note,free:n.free,inclusions:n.inclusions,header:n.header,subheader:n.subheader,hasScroll:n.hasScroll,currentSubscription:n.currentSubscription&&T,productId:e.id,plan:e.name,currency:"$",currencyLabel:"USD",accessTool:!0,customDomain:!0,idx:"Platinum Plan"===e.name||"Diamond Plan"===e.name,prices:e.prices}});D(i)};l.useEffect(()=>{var e,n;(null==L?void 0:null===(e=L.getStripeProducts)||void 0===e?void 0:e.data)&&setupPriceRates(null==L?void 0:null===(n=L.getStripeProducts)||void 0===n?void 0:n.data.filter(e=>e.prices.every(e=>e.recurring)))},[L]);let getProductDetails=e=>{var n;let i=null==L?void 0:null===(n=L.getStripeProducts.data)||void 0===n?void 0:n.find(n=>n.name===e),t=null==i?void 0:i.prices.find(e=>{var n;return(null===(n=e.recurring)||void 0===n?void 0:n.interval)==="year"});return{id:null==i?void 0:i.id,annualPrice:((null==t?void 0:t.unit_amount)/100).toLocaleStr

1ing("en-US",{style:"currency",currency:"USD",minimumFractionDigits:0,maximumFractionDigits:2})}},U=[...R?[]:[{id:getProductDetails("Silver Plan").id,type:"SILVER",recurrence:"monthly",note:"".concat(getProductDetails("Silver Plan").annualPrice," billed annually"),free:"2 months free",inclusions:[{icon:"check",item:"Connect to a custom domain",note:""},{icon:"check",item:"25 Free Single Property Sites",note:""},{icon:"cross",item:"Does not include IDX",note:""}],currentSubscription:null!==(P=T&&(null===(b=e.subscriptionInfo)||void 0===b?void 0:b.productName)==="Silver Plan")&&void 0!==P&&P}],{id:getProductDetails("Platinum Plan").id,type:"PLATINUM",recurrence:"monthly",note:"".concat(getProductDetails("Platinum Plan").annualPrice," billed annually"),free:"2 months free",inclusions:[{icon:"check",item:"Limited edition designs",note:""},{icon:"check",item:"Connect to a custom domain",note:""},{icon:"check",item:"25 Free Single Property Sites"},{icon:"check",item:"Single IDX feed",note:(0,t.jsxs)("div",{className:"flex flex-col gap-2.5",children:[(0,t.jsx)("div",{children:"*Single Feed, Single User, Possible additional cost for additional feeds"}),(0,t.jsx)("div",{children:"*Plus pass-through fee, if applicable."})]})}],currentSubscription:null!==(N=T&&(null===(h=e.subscriptionInfo)||void 0===h?void 0:h.productName)==="Platinum Plan")&&void 0!==N&&N},{id:getProductDetails("Diamond Plan").id,type:"DIAMOND",recurrence:"monthly",note:"".concat(getProductDetails("Diamond Plan").annualPrice," billed annually"),free:"2 months free",header:(0,t.jsxs)("div",{children:["All Platinum Features + ",(0,t.jsx)("span",{children:"iHomefinder Max"})]}),subheader:"AI-powered CRM & marketing tools",hasScroll:!0,inclusions:[{icon:"check",item:"IDX property search & lead capture"},{icon:"check",item:"Full CRM and mobile app for lead management"},{icon:"check",item:"AI lead behavior tracking and scoring"},{icon:"check",item:"Customizable and automated drip marketing"},{icon:"check",item:"Automated property alerts"},{icon:"check",item:"Fully branded property search experience"},{icon:"check",item:"Saved searches & client activity tracking"},{icon:"check",item:"Market reports and insights"}],currentSubscription:null!==(j=T&&(null===(x=e.subscriptionInfo)||void 0===x?void 0:x.productName)==="Diamond Plan")&&void 0!==j&&j},{id:getProductDetails("Single Property Plan").id,type:"SINGLE PROPERTY PLAN",recurrence:"monthly",note:"".concat(getProductDetails("Single Property Plan").annualPrice," billed annually"),currentSubscription:null!==(I=T&&(null===(g=e.subscriptionInfo)||void 0===g?void 0:g.productName)==="Single Property Plan")&&void 0!==I&&I}],Y=null==L?void 0:L.getStripeProducts.data.find(e=>"iHomefinder Max Plan"===e.name);return A?(0,t.jsx)(t.Fragment,{children:A.filter(e=>null!=e).map(n=>{var i,l,r,a;return(0,t.jsx)(Card,{isSubscribed:T,subscriptionInfo:e.subscriptionInfo,website:null!==(r=e.website)&&void 0!==r?r:k,...n,template:e.template,revalidate:e.revalidate,closeSubscriptionModal:e.closeSubscriptionModal,isBuilder:M.asPath.includes("builder"),displayCancel:e.displayCancel,notAvailable:"SILVER"===n.type&&(y.limitedEditionTemplates.includes(null!==(a=null===(i=e.template)||void 0===i?void 0:i.name)&&void 0!==a?a:null===(l=e.website)||void 0===l?void 0:l.template.name)||e.isSilverNotAvailable),isForGTM:e.isForGTM,isForGA4:e.isForGA4,isForSpp:e.isForSpp,paymentSuccessCallback:e.paymentSuccessCallback,ihfMax:Y,hasIhfMax:E},n.id)})}):(0,t.jsx)("div",{className:"min-h-[26.125rem] min-w-[20rem]"})}},64936:function(e,n,i){i.d(n,{UM:function(){return f},mv:function(){return SwitchToMonthlyPrompt}});var t=i(785893),l=i(163106),r=i(667294),a=i(386010),s=i(230255),o=i.n(s),c=i(409787),d=i(314976),u=i(626403),m=i(425675),p=i.n(m),v=i(727484),b=i.n(v),h=i(194829),x=i(864529),g=i(376299);let f=(0,x.ZP)()(e=>({modalContent:{type:"default"},setModalContent:n=>e({modalContent:n})})),SwitchToMonthlyPrompt=e=>{let{isLoading:n,planType:i,price:l,date:r,onCancel:a,onUpdate:s}=e;return(0,t.jsxs)("div",{className:"flex w-[95vw] max-w-[32.5rem] flex-col px-8 py-7 font-openSans",children:[(0,t.jsx)("p",{className:"mb-10 text-[1.5rem] font-semibold leading-8 tracking-[0.02em] text-neutral-700",children:"Switch to Monthly"}),(0,t.jsxs)("p",{className:"mb-8 w-full max-w-[27.5rem] text-base text-access-neutrals-500 ",children:["Your monthly ",i," plan will begin on ",r," at ",l,"/month when your annual plan has ended."]}),(0,t.jsxs)("div",{className:"flex flex-wrap justify-end *:h-[3.625rem] *:rounded-[0.3125rem] max-tablet-sm:flex-col max-tablet-sm:space-y-6 tablet-sm:space-x-6",children:[(0,t.jsx)("button",{className:"w-[8.375rem] border-[0.0938rem] border-access-primary-500 text-access-primary-500 max-tablet-sm:w-full",onClick:a,children:"Cancel"}),(0,t.jsx)("button",{className:"relative w-[8.375rem] bg-access-primary-500 text-white hover:bg-access-secondary-500 hover:text-white max-tablet-sm:w-full",onClick:s,children:n?(0,t.jsx)(g.ww,{show:!0,className:"top-1/2 -translate-y-1/2"}):"Update Plan"})]})]})};n.ZP=e=>{var n,i,s,m,v;let{website:x,template:g,open:y,subtitle:S,Toast:w,isForGTM:P,isForGA4:N,isForSpp:j,paymentSuccessCallback:C,onOpenChange:I,revalidate:M,displayCancel:k,setOpen:A}=e,D=(0,u.wH)(d.ZP,{},{staleTime:36e5}),Z=(0,h.Z)("screen and (max-width: 375px)",!1),T=!!(null==x?void 0:null===(n=x.template.meta)||void 0===n?void 0:n.singlePage),{modalContent:L,setModalContent:F}=f(),[R,E]=r.useState(!1),U=(0,u.IkZ)(d.ZP,{onMutate:()=>{E(!0)},onError:()=>{E(!1)},onSuccess:()=>

1{E(!1),F({targetPrice:"",type:"default"}),null==C||C(),null==M||M()}}),handlePlanRecurrence=async()=>{var e;U.mutate({input:{data:{websiteId:(null==x?void 0:x.id)||"",priceId:null!==(e=null==L?void 0:L.targetPrice)&&void 0!==e?e:""}}})};return(0,t.jsx)(t.Fragment,{children:(0,t.jsxs)(l.fC,{overrideContentClass:!0,trigger:(0,t.jsx)(t.Fragment,{}),disableOutsideClickClose:!0,open:y,closeable:!0,overlayClass:"grid h-full place-items-center overflow-y-auto !z-[60]",contentClass:(0,a.Z)("w-[63rem] bg-white rounded-[0.375rem] px-5 mx-4 my-6 pb-6 sm:mx-0 sm:my-0 relative inset-0 transform-none",{"min-w-[13.375rem] xl:w-[1088px] max-w-full":!T,"!p-0 !max-w-fit":(null==L?void 0:L.type)==="recurrenceSwitcher","!pointer-events-none":R}),closeBtnClass:"absolute !top-7 !right-6",closeIconClass:"!text-base text-access-neutrals-300",onOpenChange:I,onClose:()=>{F({type:"default"}),null==A||A(!1),I(!1)},children:[(null==L?void 0:L.type)==="recurrenceSwitcher"&&(0,t.jsx)(SwitchToMonthlyPrompt,{isLoading:R,price:null!==(m=L.price)&&void 0!==m?m:"",planType:null!==(v=L.planType)&&void 0!==v?v:"",date:b()(new Date(1e3*((null==x?void 0:null===(i=x.subscriptionInfo)||void 0===i?void 0:i.end)||0))).format("MMM DD, YYYY"),onCancel:()=>{F({type:"default"})},onUpdate:handlePlanRecurrence}),(null==L?void 0:L.type)==="default"&&(0,t.jsx)("div",{className:(0,a.Z)(o()["subscription-modal-wrapper"],o().unsuscribed),children:(0,t.jsxs)("div",{className:(0,a.Z)("flex w-full min-w-[214px] max-w-full flex-col items-center justify-center",{"lg:!max-w-[26.3125rem]":T}),children:[(0,t.jsxs)("div",{className:"flex w-full flex-col font-openSans",children:[(0,t.jsx)("div",{className:o().title,children:"Subscription"}),(0,t.jsxs)("div",{className:(0,a.Z)("mb-2 flex flex-col-reverse sm:flex-row",{"items-center":x},T?"mb-4 tablet-sm:w-[33.6875rem]":"mb-2"),children:[(0,t.jsx)("div",{className:"mr-4 flex-shrink-0",children:(0,t.jsx)(p(),{src:(null==x?void 0:x.thumbnail)||(null==g?void 0:g.thumbnail)||"",alt:"Website Thumbnail",width:100,height:68,className:"h-[68px] rounded-md border border-[rgba(204,204,204,0.80)] object-cover object-top"})}),(0,t.jsxs)("div",{className:"pb-4 text-neutral-700 sm:pb-0",children:[(0,t.jsx)("p",{className:"text-[1.25rem] leading-[1.6] [word-break:break-word]",children:(null==x?void 0:x.name)||"My Website"}),(0,t.jsx)("p",{className:"text-[0.875rem] leading-[1.1875rem]",children:"Theme: ".concat((null==x?void 0:x.template.name)||(null==g?void 0:g.name))}),(null==x?void 0:x.subscriptionInfo)&&(0,t.jsx)("div",{className:"text-sm",children:(0,t.jsxs)("span",{className:"block leading-[1.25rem] text-neutral-700",children:["Your subscription will renew on"," ",Z&&(0,t.jsx)("br",{}),b()(new Date(1e3*((null==x?void 0:null===(s=x.subscriptionInfo)||void 0===s?void 0:s.end)||0))).format("MMM DD, YYYY")]})})]})]})]}),!T&&(0,t.jsx)("div",{className:(0,a.Z)("mb-4 px-8 font-openSans text-xl font-bold text-access-neutrals-400 sm:px-0",{"mb-[0.1875rem]":S}),children:S?"Subscribe to a Plan":"Select a Plan"}),!T&&S&&(0,t.jsx)("div",{className:"mb-4 px-8 text-center font-openSans text-base font-normal text-neutral-400 sm:px-0",children:S}),(0,t.jsx)("div",{className:(0,a.Z)("!w-full gap-6",T?"mb-2.5 grid grid-cols-1 justify-items-center gap-6":"mb-4 flex min-w-[40rem] justify-center sm:grid-cols-2 desktop:gap-4"),children:(0,t.jsx)(c.Z,{paymentSuccessCallback:C,isForGTM:P,isForGA4:N,isForSpp:j,website:x,template:g,products:D.data,subscriptionInfo:null==x?void 0:x.subscriptionInfo,closeSubscriptionModal:()=>I(!1),revalidate:M,displayCancel:k},null==x?void 0:x.id)})]})}),w]})})}}}]);