https://framebird.io/_next/static/chunks/app/%5Blang%5D/pricing/page-dfe81ccca24dd135.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2594],{895:(e,t,o)=>{"use strict";o.d(t,{A:()=>l});var i=o(55746),n=o(14346);let l=({color:e="accent",isChecked:t=!1,passive:o=!1,onClick:l,className:r,dataFormFieldToggle:a=!1})=>{let[s,c]=(0,n.useState)(!1);return(0,n.useEffect)(()=>{c(t)},[t]),(0,i.jsxs)("label",{className:"relative inline-flex cursor-pointer items-center",children:[(0,i.jsx)("input",{type:"checkbox",className:"peer sr-only",checked:s,readOnly:!0}),(0,i.jsx)("div",{onClick:e=>{e.stopPropagation(),console.log("clicked",o,l),o||c(!s),l&&l()},"data-form-field-toggle":a||void 0,className:`${"accent"===e&&"bg-primary-accentLight peer-checked:bg-primary-accentLight bg-gray-200 after:bg-white"} ${"black"===e&&"bg-black bg-gray-200 after:bg-white peer-checked:bg-black"} ${"white"===e&&"bg-gray-200 bg-white after:bg-black peer-checked:bg-white"} peer h-[21px] w-9 rounded-full after:absolute after:left-[3px] after:top-[3px] after:h-[15px] after:w-[15px] after:rounded-full after:transition-all after:content-[''] peer-checked:after:translate-x-full ${r??""}`})]})}},1800:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>r});var i,n=o(14346);function l(){return(l=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var i in o)({}).hasOwnProperty.call(o,i)&&(e[i]=o[i])}return e}).apply(null,arguments)}let r=function(e){return n.createElement("svg",l({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24"},e),i||(i=n.createElement("path",{xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",d:"M12 4a8 8 0 1 0 0 16 8 8 0 0 0 0-16M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12m14.664-3.247a1 1 0 0 1 .083 1.411l-5.333 6a1 1 0 0 1-1.495 0l-2.666-3a1 1 0 0 1 1.494-1.328l1.92 2.159 4.586-5.16a1 1 0 0 1 1.411-.082"})))}},6819:(e,t,o)=>{"use strict";o.d(t,{MotionA:()=>a,MotionAbbr:()=>s,MotionAddress:()=>c,MotionAnimate:()=>e8,MotionArea:()=>d,MotionArticle:()=>M,MotionAside:()=>u,MotionAudio:()=>m,MotionB:()=>p,MotionBase:()=>g,MotionBdi:()=>f,MotionBdo:()=>h,MotionBig:()=>b,MotionBlockquote:()=>x,MotionBody:()=>y,MotionButton:()=>v,MotionCanvas:()=>F,MotionCaption:()=>N,MotionCircle:()=>te,MotionCite:()=>k,MotionClipPath:()=>tN,MotionCode:()=>j,MotionCol:()=>w,MotionColgroup:()=>C,MotionData:()=>P,MotionDatalist:()=>S,MotionDd:()=>T,MotionDefs:()=>tt,MotionDel:()=>_,MotionDesc:()=>to,MotionDetails:()=>D,MotionDfn:()=>L,MotionDialog:()=>B,MotionDiv:()=>A,MotionDl:()=>O,MotionDt:()=>Y,MotionEllipse:()=>ti,MotionEm:()=>H,MotionEmbed:()=>I,MotionFeBlend:()=>tk,MotionFeColorMatrix:()=>tj,MotionFeComponentTransfer:()=>tw,MotionFeComposite:()=>tC,MotionFeConvolveMatrix:()=>tP,MotionFeDiffuseLighting:()=>tS,MotionFeDisplacementMap:()=>tT,MotionFeDistantLight:()=>t_,MotionFeDropShadow:()=>tD,MotionFeFlood:()=>tL,MotionFeFuncA:()=>tB,MotionFeFuncB:()=>tA,MotionFeFuncG:()=>tO,MotionFeFuncR:()=>tY,MotionFeGaussianBlur:()=>tH,MotionFeImage:()=>tI,MotionFeMerge:()=>tG,MotionFeMergeNode:()=>t$,MotionFeMorphology:()=>tE,MotionFeOffset:()=>tR,MotionFePointLight:()=>tU,MotionFeSpecularLighting:()=>tq,MotionFeSpotLight:()=>tV,MotionFeTile:()=>tK,MotionFeTurbulence:()=>tW,MotionFieldset:()=>G,MotionFigcaption:()=>$,MotionFigure:()=>E,MotionFilter:()=>ta,MotionFooter:()=>R,MotionForeignObject:()=>tz,MotionForm:()=>U,MotionG:()=>tn,MotionH1:()=>q,MotionH2:()=>V,MotionH3:()=>K,MotionH4:()=>W,MotionH5:()=>z,MotionH6:()=>J,MotionHead:()=>Q,MotionHeader:()=>X,MotionHgroup:()=>Z,MotionHr:()=>ee,MotionHtml:()=>et,MotionI:()=>eo,MotionIframe:()=>ei,MotionImage:()=>tl,MotionImg:()=>en,MotionInput:()=>el,MotionIns:()=>er,MotionKbd:()=>ea,MotionKeygen:()=>es,MotionLabel:()=>ec,MotionLegend:()=>ed,MotionLi:()=>eM,MotionLine:()=>tr,MotionLinearGradient:()=>tJ,MotionLink:()=>eu,MotionMain:()=>em,MotionMap:()=>ep,MotionMark:()=>eg,MotionMarker:()=>ts,MotionMask:()=>tc,MotionMenu:()=>ef,MotionMenuitem:()=>eh,MotionMetadata:()=>td,MotionMeter:()=>eb,MotionNav:()=>ex,MotionObject:()=>ey,MotionOl:()=>ev,MotionOptgroup:()=>eF,MotionOption:()=>eN,MotionOutput:()=>ek,MotionP:()=>ej,MotionParam:()=>ew,MotionPath:()=>tM,MotionPattern:()=>tu,MotionPicture:()=>eC,MotionPolygon:()=>tm,MotionPolyline:()=>tp,MotionPre:()=>eP,MotionProgress:()=>eS,MotionQ:()=>eT,MotionRadialGradient:()=>tQ,MotionRect:()=>tg,MotionRp:()=>e_,MotionRt:()=>eD,MotionRuby:()=>eL,MotionS:()=>eB,MotionSamp:()=>eA,MotionScript:()=>eO,MotionSection:()=>eY,MotionSelect:()=>eH,MotionSmall:()=>eI,MotionSource:()=>eG,MotionSpan:()=>e$,MotionStop:()=>tf,MotionStrong:()=>eE,MotionStyle:()=>eR,MotionSub:()=>eU,MotionSummary:()=>eq,MotionSup:()=>eV,MotionSvg:()=>th,MotionSymbol:()=>tb,MotionTable:()=>eK,MotionTbody:()=>eW,MotionTd:()=>ez,MotionText:()=>tx,MotionTextPath:()=>tX,MotionTextarea:()=>eJ,MotionTfoot:()=>eQ,MotionTh:()=>eX,MotionThead:()=>eZ,MotionTime:()=>e0,MotionTitle:()=>e1,MotionTr:()=>e2,MotionTrack:()=>e4,MotionTspan:()=>ty,MotionU:()=>e5,MotionUl:()=>e3,MotionUse:()=>tv,MotionVideo:()=>e6,MotionView:()=>tF,MotionWbr:()=>e9,MotionWebview:()=>e7});var i=o(87305),n=o(65189),l=o(39495);function r(e,t){return(0,i.G)(e,t,l.F,n.J)}let a=r("a"),s=r("abbr"),c=r("address"),d=r("area"),M=r("article"),u=r("aside"),m=r("audio"),p=r("b"),g=r("base"),f=r("bdi"),h=r("bdo"),b=r("big"),x=r("blockquote"),y=r("body"),v=r("button"),F=r("canvas"),N=r("caption"),k=r("cite"),j=r("code"),w=r("col"),C=r("colgroup"),P=r("data"),S=r("datalist"),T=r("dd"),_=r("del"),D=r("details"),L=r("dfn"),B=r("dialog"),A=r("div"),O=r("dl"),Y=r("dt"),H=r("em"),I=r("embed"),G=r("fieldset"),$=r("figcaption"),E=r("figure"),R=r

1("footer"),U=r("form"),q=r("h1"),V=r("h2"),K=r("h3"),W=r("h4"),z=r("h5"),J=r("h6"),Q=r("head"),X=r("header"),Z=r("hgroup"),ee=r("hr"),et=r("html"),eo=r("i"),ei=r("iframe"),en=r("img"),el=r("input"),er=r("ins"),ea=r("kbd"),es=r("keygen"),ec=r("label"),ed=r("legend"),eM=r("li"),eu=r("link"),em=r("main"),ep=r("map"),eg=r("mark"),ef=r("menu"),eh=r("menuitem"),eb=r("meter"),ex=r("nav"),ey=r("object"),ev=r("ol"),eF=r("optgroup"),eN=r("option"),ek=r("output"),ej=r("p"),ew=r("param"),eC=r("picture"),eP=r("pre"),eS=r("progress"),eT=r("q"),e_=r("rp"),eD=r("rt"),eL=r("ruby"),eB=r("s"),eA=r("samp"),eO=r("script"),eY=r("section"),eH=r("select"),eI=r("small"),eG=r("source"),e$=r("span"),eE=r("strong"),eR=r("style"),eU=r("sub"),eq=r("summary"),eV=r("sup"),eK=r("table"),eW=r("tbody"),ez=r("td"),eJ=r("textarea"),eQ=r("tfoot"),eX=r("th"),eZ=r("thead"),e0=r("time"),e1=r("title"),e2=r("tr"),e4=r("track"),e5=r("u"),e3=r("ul"),e6=r("video"),e9=r("wbr"),e7=r("webview"),e8=r("animate"),te=r("circle"),tt=r("defs"),to=r("desc"),ti=r("ellipse"),tn=r("g"),tl=r("image"),tr=r("line"),ta=r("filter"),ts=r("marker"),tc=r("mask"),td=r("metadata"),tM=r("path"),tu=r("pattern"),tm=r("polygon"),tp=r("polyline"),tg=r("rect"),tf=r("stop"),th=r("svg"),tb=r("symbol"),tx=r("text"),ty=r("tspan"),tv=r("use"),tF=r("view"),tN=r("clipPath"),tk=r("feBlend"),tj=r("feColorMatrix"),tw=r("feComponentTransfer"),tC=r("feComposite"),tP=r("feConvolveMatrix"),tS=r("feDiffuseLighting"),tT=r("feDisplacementMap"),t_=r("feDistantLight"),tD=r("feDropShadow"),tL=r("feFlood"),tB=r("feFuncA"),tA=r("feFuncB"),tO=r("feFuncG"),tY=r("feFuncR"),tH=r("feGaussianBlur"),tI=r("feImage"),tG=r("feMerge"),t$=r("feMergeNode"),tE=r("feMorphology"),tR=r("feOffset"),tU=r("fePointLight"),tq=r("feSpecularLighting"),tV=r("feSpotLight"),tK=r("feTile"),tW=r("feTurbulence"),tz=r("foreignObject"),tJ=r("linearGradient"),tQ=r("radialGradient"),tX=r("textPath")},68440:(e,t,o)=>{Promise.resolve().then(o.bind(o,42284)),Promise.resolve().then(o.bind(o,24769)),Promise.resolve().then(o.bind(o,96674)),Promise.resolve().then(o.bind(o,6819)),Promise.resolve().then(o.bind(o,69994)),Promise.resolve().then(o.bind(o,3374))},96674:(e,t,o)=>{"use strict";o.d(t,{PricingCalculator:()=>f});var i=o(55746),n=o(14346),l=o(52138),r=o(9131),a=o(47435),s=o(1800),c=o(11755),d=o(3201),M=o(895);function u({monthlyText:e,yearlyText:t,saveYearlyText:o,onBillingFrequencyChange:l}){let[r,s]=(0,n.useState)(a._NY.Monthly),c=e=>{s(e),l(e)};return(0,i.jsxs)("div",{className:"text-heroLight-titleFrom my-5 flex w-full select-none items-center justify-center gap-2 text-sm font-medium",children:[(0,i.jsx)(d.PY1.div,{animate:{opacity:r===a._NY.Monthly?1:.5,scale:r===a._NY.Monthly?[1,1.04,1]:[1,1,1]},className:"cursor-pointer",onClick:()=>c(a._NY.Monthly),children:e}),(0,i.jsx)(M.A,{passive:!0,color:"black",isChecked:r===a._NY.Annually,onClick:()=>c(r===a._NY.Monthly?a._NY.Annually:a._NY.Monthly)}),(0,i.jsxs)(d.PY1.div,{animate:{opacity:r===a._NY.Annually?1:.5,scale:r===a._NY.Annually?[1,1.04,1]:[1,1,1]},className:"cursor-pointer",onClick:()=>c(a._NY.Annually),children:[t,(0,i.jsx)("div",{className:"bg-inputField-background ml-1 inline-flex -translate-y-1 items-center rounded-full px-2 py-1 text-xs leading-none",children:o})]})]})}function m({children:e}){return(0,i.jsx)(d.PY1.div,{transition:{delay:.1},initial:{y:35,opacity:0},animate:{y:0,opacity:1},className:"grid w-full gap-3 md:grid-cols-3 md:gap-5",children:e})}function p(e,t,o,i=1){let n=Number(e);if(!Number.isSafeInteger(n))return null;let l=new Intl.NumberFormat(o,{style:"currency",currency:t,minimumFractionDigits:0}),r=l.resolvedOptions().maximumFractionDigits??2;return l.format(n/10**r/i)}function g(e,t){let o=e.formattedSubtotal??e.formattedTotal;return p(e.subtotal??e.total,e.currencyCode,t)??o}function f({pricing:e,locale:t,monthlyText:o,yearlyText:d,saveYearlyText:M,monthText:h,yearText:b,billedMonthlyText:x,subscribeText:y,startNowForFreeText:v,pricesNotIncludeVATText:F}){let[N,k]=(0,n.useState)(a._NY.Monthly),j=(0,l.c)("pricing"),w=Object.keys(r.Fo.plans).filter(e=>!r.Fo.plans[e].hidden),C=r.Fo.plans;return(0,i.jsxs)("div",{className:"pb-20 md:mb-28",children:[(0,i.jsx)(u,{monthlyText:o,yearlyText:d,saveYearlyText:M,onBillingFrequencyChange:k}),(0,i.jsx)(m,{children:w.map(o=>{let n,l,d=function(o){var i;if(o===r.VL.Free)return{price:(i=e?.currencyCode??"USD",new Intl.NumberFormat(t,{style:"currency",currency:i,minimumFractionDigits:0}).format(0)),period:h,billing:null};let n=e?.prices.find(e=>e.planId===o&&e.billingFrequency===N)??null;if(!n)return{price:j("priceUnavailable"),period:null,billing:null};if(N===a._NY.Monthly)return{price:g(n,t),period:h,billing:x};let l=p(n.subtotal??n.total,n.currencyCode,t,12),s=g(n,t);

1return{price:l??s,period:l?h:b,billing:j("billedYearlyPriceVar",{var:s})}}(o);return(0,i.jsxs)("div",{className:"bg-tile-light-bg border-tile-light-border shadow-lightTileXs flex flex-col rounded-2xl border p-4 md:p-6",children:[(0,i.jsxs)("div",{className:"text-tile-light-title flex items-center gap-2 text-lg font-semibold md:text-xl md:leading-relaxed",children:[C[o].metadata.title,"pro"===o&&(0,i.jsx)("span",{className:"bg-primary-accentLight inline-flex items-center rounded-full px-2 py-[3px] text-xs font-medium text-white",children:j("popular")})]}),(0,i.jsx)("div",{className:"text-tile-light-text min-h-10 text-sm font-semibold",children:j(`${o}Subtitle`)}),(0,i.jsx)("hr",{className:"border-text/70 my-2"}),(0,i.jsxs)("div",{className:"grid grid-rows-[3rem_1.5rem]",children:[(0,i.jsxs)("div",{className:"flex items-end",children:[(0,i.jsx)("div",{className:"text-tile-light-title text-large-title font-bold",children:d.price}),d.period&&(0,i.jsxs)("div",{className:"text-tile-light-text pb-1 pl-0.5 text-sm font-medium",children:["/",d.period]})]}),d.billing&&(0,i.jsx)("div",{className:"text-tile-light-text pt-1 text-sm font-medium",children:d.billing})]}),(0,i.jsx)("div",{className:"w-full pt-4",children:"free"!==o?(0,i.jsx)(c.N_,{href:`${r.Fo.adminPanelURL}?subscribe=${o}&billfreq=${N}`,target:"_self",className:"bg-button-raisedBlack-bg text-button-raisedBlack-text hover:bg-button-raisedBlack-bgHover hover:text-button-raisedBlack-textHover border-button-raisedBlack-border border-button-raisedBlack-borderHover block w-full rounded-full border-2 px-3 py-2 text-center text-sm font-medium transition-colors md:px-5",children:y}):(0,i.jsx)(c.N_,{href:`${r.Fo.adminPanelURL}`,target:"_self",className:"text-tile-light-title border-tile-light-border hover:bg-tile-light-border block w-full rounded-full border-2 px-3 py-2 text-center text-sm font-medium transition-colors md:px-5",children:v})}),(0,i.jsx)("div",{className:"flex flex-col gap-1.5 py-6",children:(n=C[w[w.indexOf(o)-1]],l=[...C[o]?.metadata.features||[]],n&&l.unshift(`includeAllFrom${n.metadata.title}`),l).map((e,t)=>(0,i.jsxs)("div",{className:"grid grid-cols-[1.25rem_1fr] items-center gap-1.5 px-2",children:[(0,i.jsx)("div",{className:"text-tile-light-text size-5",children:(0,i.jsx)(s.default,{})}),(0,i.jsx)("div",{className:"text-tile-light-text pl-0.5 text-sm font-medium",children:j(e)})]},t))})]},o)})}),(0,i.jsx)("div",{className:"text-tile-light-text mt-4 w-full p-7 text-center text-xs",children:F})]})}}},e=>{e.O(0,[2509,9994,7106,7845,4399,3936,802,4769,3534,2822,7652,7358],()=>e(e.s=68440)),_N_E=e.O()}]);