https://www.webstacks.com/_next/static/chunks/1726.b07b2ba8493199db.js?dpl=dpl_G9VLTU5oVu9pDQkbpKn2qPF3ecVw

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1726],{10428:(e,n,t)=>{t.d(n,{x:()=>o});var a=t(18632),r=t(2513),l=t(46707);function s(){let e=(0,a._)(["\n  link{\n    _type,\n    externalUrl,\n    label,\n    linkType,\n    anchorLinkId,\n    openInNewTab,\n    popupReference->{\n      _id,\n      title,\n      showAside,\n      asideEyebrow,\n      asideHeading,\n      asideBody[]{ ",' },\n      formConfig{\n        submitButtonText,\n        submitBehavior,\n        redirectUrl{\n          actionType,\n          href,\n          reference->{\n            _type,\n            "slug": coalesce(slug.current, seo.slug.current)\n          }\n        },\n        enrichViaClearbit,\n        segmentTrackEvent\n      },\n      form->{\n        _id,\n        name,\n        formId,\n        fieldGroups[] {\n          groupType,\n          richTextType,\n          fields[] {\n            objectTypeId,\n            name,\n            label,\n            required,\n            hidden,\n            fieldType,\n            placeholder,\n            defaultValue,\n            options[] {\n              label,\n              value\n            }\n          }\n        },\n        displayOptions {\n          submitButtonText,\n          theme,\n          cssClass\n        }\n      }\n    },\n    internalLink-> {\n      _type,\n      seo{\n        slug {\n          current\n        }\n      }\n    }\n  }\n']);return s=function(){return e},e}let o=(0,r.A)(s(),l.f)},16934:(e,n,t)=>{t.d(n,{ReviewsBar:()=>h});var a=t(46378),r=t(15586),l=t(55459),s=t(1444),o=t(72658),i=t(66719),d=t(59931),c=t(77417);let m=e=>{let{className:n}=e;return(0,a.jsx)("svg",{viewBox:"0 0 24 24",width:"1em",height:"1em","aria-hidden":"true",className:n,children:(0,a.jsx)("path",{d:"M12 2l2.9 6.6 7.1.7-5.4 4.9 1.6 7L12 17.8 5.8 21.2l1.6-7L2 9.3l7.1-.7L12 2z",fill:"currentColor"})})},x=e=>{let{fill:n}=e,t=100*Math.max(0,Math.min(1,n));return(0,a.jsxs)("span",{className:"relative inline-block shrink-0 leading-none",children:[(0,a.jsx)(m,{className:"opacity-15"}),(0,a.jsx)("span",{className:"absolute inset-0 overflow-hidden",style:{width:"".concat(t,"%")},children:(0,a.jsx)(m,{})})]})},u=e=>{let{rating:n,max:t}=e,r=Math.max(0,Math.min(n,t));return(0,a.jsx)("div",{className:"flex items-center gap-1 text-heading text-xl",children:Array.from({length:t},(e,n)=>(0,a.jsx)(x,{fill:r-n},n))})},p=e=>{var n;return(null==(n=e.company)?void 0:n.name)||e.platformName},h=e=>{var n,t,m;let x=(e=>e.platforms&&e.platforms.length>0?e.platforms:e.overallRating?[{_key:"legacy",platformName:e.platformName,overallLabel:e.overallLabel,overallRating:e.overallRating,maxRating:e.maxRating,showStars:e.showStars,metrics:e.metrics,link:e.link}]:[])(e),[h,f]=(0,r.useState)(0),[b,v]=(0,r.useState)(!1),g=(0,c.I)(),y=x.length>1;if((0,r.useEffect)(()=>{if(!y||b||window.matchMedia("(prefers-reduced-motion: reduce)").matches)return;let e=window.setInterval(()=>{f(e=>(e+1)%x.length)},5e3);return()=>window.clearInterval(e)},[y,b,x.length,h]),0===x.length)return null;let w="bright"===e.theme||g,N=x[Math.min(h,x.length-1)],j=p(N),k=N.overallLabel||(j?"Rated on ".concat(j):"Overall Rating"),_=parseFloat(N.overallRating),R=null!=(t=N.maxRating)?t:5,B=null==(m=N.showStars)||m,L=N.link,T=!!(L&&L.label);return(0,a.jsx)("div",{className:"container mx-auto px-4 sm:px-6 lg:px-8",children:(0,a.jsxs)("div",{className:"border border-secondary hover:border-subtle transition-colors duration-200 flex flex-col md:flex-row",onMouseEnter:()=>v(!0),onMouseLeave:()=>v(!1),children:[y&&(0,a.jsx)("div",{role:"tablist","aria-label":"Review platforms",className:"flex flex-row border-b border-secondary md:flex-col md:border-b-0 md:border-r md:self-stretch",children:x.map((e,n)=>{let t=n===h,r=p(e)||"Platform ".concat(n+1);return(0,a.jsx)(d.m,{content:r,position:"left",className:"h-16 flex-1 md:h-auto md:flex-none md:aspect-square md:w-20 lg:w-24",children:(0,a.jsxs)("button",{type:"button",role:"tab","aria-selected":t,"aria-label":r,onClick:()=>f(n),className:(0,l.QP)("group/tab absolute inset-0 flex items-center justify-center px-4 cursor-pointer overflow-hidden transition-colors duration-500 ease-[

1cubic-bezier(0.16,1,0.3,1)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-hyperlink",t?"text-heading":"text-muted hover:text-heading"),children:[(0,a.jsx)("span",{"aria-hidden":"true",className:(0,l.QP)("pointer-events-none absolute inset-0 bg-black/5 dark:bg-white/10 transition-transform duration-500 ease-[cubic-bezier(0.16,1,0.3,1)]",t?"translate-x-0":"translate-x-full group-hover/tab:translate-x-0")}),e.company?(0,a.jsx)("span",{className:"pointer-events-none shrink-0 relative z-10",children:(0,a.jsx)(s.CompanyBrand,{company:e.company,logoType:"icon",size:"md",variant:w?"onDark":"onLight",forceColor:w?"white":"black",className:"object-contain"})}):(0,a.jsx)("span",{className:"pointer-events-none font-mono text-xs uppercase tracking-wide relative z-10",children:r})]})},e._key||r||n)})}),(0,a.jsxs)("div",{role:y?"tabpanel":void 0,"aria-label":y?j:void 0,className:"group/bar relative flex flex-col items-stretch gap-4 flex-1 p-4 sm:p-6 md:flex-row md:items-center md:gap-8 md:p-8",children:[(0,a.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,a.jsx)("span",{className:"font-mono text-xs uppercase tracking-wide text-body",children:k}),(0,a.jsxs)("div",{className:"flex items-center gap-3",children:[(0,a.jsx)("span",{className:"text-heading text-3xl leading-none sm:text-4xl",children:N.overallRating}),B&&!Number.isNaN(_)&&(0,a.jsx)(u,{rating:_,max:R})]})]}),null==(n=N.metrics)?void 0:n.map(e=>(0,a.jsxs)("div",{className:"flex flex-row items-center justify-between gap-4 border-t border-secondary pt-4 md:flex-col md:items-stretch md:justify-start md:gap-2 md:border-t-0 md:border-l md:pl-8 md:pt-0",children:[(0,a.jsx)("span",{className:"font-mono text-xs uppercase tracking-wide text-body",children:e.label}),(0,a.jsx)("span",{className:"text-body text-2xl leading-none md:text-3xl",children:e.value})]},e._key||"".concat(e.label,"-").concat(e.value))),T&&L&&(0,a.jsx)("div",{className:"border-t border-secondary pt-4 md:ml-auto md:border-t-0 md:border-l md:pl-8 md:pt-0",children:(0,a.jsxs)(o.N_,{href:L,className:"group flex items-center gap-2 transition-colors duration-200 text-heading hover:text-body after:absolute after:inset-0 after:content-['']",children:[(0,a.jsx)("span",{className:"text-sm font-normal whitespace-nowrap transition-colors duration-200 group-hover:text-body",children:L.label}),(0,a.jsxs)("span",{className:"relative w-4 h-4 overflow-hidden",children:[(0,a.jsx)(i.I,{icon:"arrow-up-right",size:16,className:"text-heading group-hover:text-body absolute transition-transform duration-300 ease-in-out group-hover:translate-x-[16px] group-hover:translate-y-[-16px]"}),(0,a.jsx)(i.I,{icon:"arrow-up-right",size:16,className:"text-heading group-hover:text-body absolute transition-transform duration-300 ease-in-out -translate-x-[16px] translate-y-[16px] group-hover:translate-x-0 group-hover:translate-y-0"})]})]})})]})]})})}},19345:(e,n,t)=>{t.r(n),t.d(n,{ReviewsBar:()=>a.ReviewsBar,reviewsBarFragment:()=>c});var a=t(16934),r=t(18632),l=t(2513),s=t(66423),o=t(10428),i=t(36972);function d(){let e=(0,r._)(["\n  ",",\n  platformName,\n  overallLabel,\n  overallRating,\n  maxRating,\n  showStars,\n  metrics[]{\n    _key,\n    label,\n    value\n  },\n  ",",\n  platforms[]{\n    _key,\n    company->{\n      ","\n    },\n    overallLabel,\n    overallRating,\n    maxRating,\n    showStars,\n    metrics[]{\n      _key,\n      label,\n      value\n    },\n    ","\n  }\n"]);return d=function(){return e},e}let c=(0,l.A)(d(),s.l,o.x,i.d,o.x);(0,l.E)('\n  *[_id == $documentId][0]{\n    _id,\n    _type,\n    title,\n    "reviewsBar": sections[_key == $blockKey && _type == "reviewsBar"][0]{\n      '.concat(c,"\n    }\n  }\n"))}}]);