1import{j as e,ax as re,ay as ue,$ as me,a_ as he,az as pe,H as fe,I as Y,a$ as ne,b0 as ge,aP as ee,b1 as be,b2 as je,r as b,e as se,aN as le,b3 as ve,d as oe,u as we,b4 as Ne,i as _e,b as ye,b5 as Ce,b6 as ke,t as K,M as G,q as ce,D as Ae,l as $e,v as de,B as Se,F as Ee,ai as Fe,w as De,b7 as Be,aO as te,aB as xe,aC as Le,G as Me,b8 as Ie,a as Te,b9 as Pe,aw as Re,ba as We,bb as ze,bc as Ue,O as Oe,c as qe,bd as He}from"./index-ZSD7495G.js";import{A as Ze,a as Ke}from"./AreaChart-ByjZ_UFF.js";import{W as Ve,P as Ge,a as Qe}from"./PieChart-CoxqPkIp.js";import{R as Ye,a as Xe}from"./RadialBarChart-DunyP5bY.js";import{P as Je}from"./PolarAngleAxis-CLnhxje1.js";import{B as J}from"./BackArrow-C56s78X6.js";function es(){return e.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.jsx("g",{clipPath:"url(#clip0_2627_7685)",children:e.jsx("path",{d:"M9.99998 6.00016L5.99998 10.0002M5.99998 6.00016L9.99998 10.0002M14.6666 8.00016C14.6666 11.6821 11.6819 14.6668 7.99998 14.6668C4.31808 14.6668 1.33331 11.6821 1.33331 8.00016C1.33331 4.31826 4.31808 1.3335 7.99998 1.3335C11.6819 1.3335 14.6666 4.31826 14.6666 8.00016Z",stroke:"#DD3636",strokeWidth:"1.493",strokeLinecap:"round",strokeLinejoin:"round"})}),e.jsx("defs",{children:e.jsx("clipPath",{id:"clip0_2627_7685",children:e.jsx("rect",{width:"16",height:"16",fill:"white"})})})]})}function ss({width:t=20,height:r=20,stroke:s="#9b9b9b"}){return e.jsx("svg",{width:t,height:r,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("circle",{cx:"10",cy:"10",r:"8",stroke:s,strokeWidth:"1.5",strokeDasharray:"4 3",strokeLinecap:"round"})})}function ts({width:t,height:r,legend:s}){const a=typeof t=="number"?t:366,l=r||239;return e.jsxs("div",{children:[e.jsxs("div",{className:"wy-relative wy-ml-3 wy-bg-gray-50 wy-rounded-lg wy-border wy-border-gray-200 wy-overflow-hidden",style:{width:t||"100%",height:r||239},children:[e.jsx("div",{className:"wy-absolute wy-left-0 wy-top-0 wy-bottom-0 wy-w-8 wy-flex wy-flex-col wy-justify-between wy-py-4",children:[...Array(5)].map((u,i)=>e.jsx("div",{className:"wy-h-3 wy-w-6 wy-bg-gray-200 wy-rounded wy-animate-pulse wy-relative wy-overflow-hidden",children:e.jsx("div",{className:"wy-absolute wy-z-10 wy-left-[-67.08px] wy-top-[50%] wy-mt-[-9px] wy-animate-slide-across",style:{animationTimingFunction:"linear"},children:e.jsx("div",{className:"wy-h-[18px] wy-w-[49.888px] wy-bg-white/70 wy-rotate-[15deg]"})})},i))}),e.jsxs("div",{className:"wy-absolute wy-left-8 wy-right-8 wy-top-4 wy-bottom-8",children:[[...Array(5)].map((u,i)=>e.jsx("div",{className:"wy-absolute wy-left-0 wy-right-0 wy-h-px wy-bg-gray-200",style:{to
1p:`${i*25}%`}},i)),e.jsx("div",{className:"wy-absolute wy-inset-0 wy-flex wy-items-end",children:e.jsxs("svg",{width:"100%",height:"100%",className:"wy-animate-pulse",preserveAspectRatio:"none",viewBox:`0 0 ${a} ${l}`,children:[e.jsx("defs",{children:e.jsxs("linearGradient",{id:"skeleton-gradient",x1:"0",y1:"0",x2:"0",y2:"1",children:[e.jsx("stop",{offset:"0%",stopColor:"#E5E7EB",stopOpacity:"0.8"}),e.jsx("stop",{offset:"100%",stopColor:"#E5E7EB",stopOpacity:"0.1"})]})}),e.jsx("path",{d:`M 0,${l*.6} 2 L ${a*.2},${l*.5} 3 L ${a*.4},${l*.4} 4 L ${a*.6},${l*.45} 5 L ${a*.8},${l*.3} 6 L ${a},${l*.35} 7 L ${a},${l} 8 L 0,${l} Z`,fill:"url(#skeleton-gradient)",stroke:"#D1D5DB",strokeWidth:"2"})]})})]}),e.jsx("div",{className:"wy-absolute wy-left-8 wy-right-8 wy-bottom-0 wy-h-8 wy-flex wy-justify-between wy-items-center",children:[...Array(6)].map((u,i)=>e.jsx("div",{className:"wy-h-3 wy-w-10 wy-bg-gray-200 wy-rounded wy-animate-pulse wy-relative wy-overflow-hidden",children:e.jsx("div",{className:"wy-absolute wy-z-10 wy-left-[-67.08px] wy-top-[50%] wy-mt-[-9px] wy-animate-slide-across",style:{animationTimingFunction:"linear"},children:e.jsx("div",{className:"wy-h-[18px] wy-w-[49.888px] wy-bg-white/70 wy-rotate-[15deg]"})})},i))})]}),s&&e.jsxs("div",{className:"wy-flex wy-justify-end wy-items-center wy-mt-6 wy-gap-2",children:[e.jsx("div",{className:"wy-w-4 wy-h-0.5 wy-bg-gray-200 wy-animate-pulse wy-relative wy-overflow-hidden",children:e.jsx("div",{className:"wy-absolute wy-z-10 wy-left-[-67.08px] wy-top-[50%] wy-mt-[-3px] wy-animate-slide-across",style:{animationTimingFunction:"linear"},children:e.jsx("div",{className:"wy-h-[6px] wy-w-[49.888px] wy-bg-white/70 wy-rotate-[15deg]"})})}),e.jsx("div",{className:"wy-h-4 wy-w-24 wy-bg-gray-200 wy-rounded wy-animate-pulse wy-relative wy-overflow-hidden",children:e.jsx("div",{className:"wy-absolute wy-z-10 wy-left-[-67.08px] wy-top-[50%] wy-mt-[-12px] wy-animate-slide-across",style:{animationTimingFunction:"linear"},children:e.jsx("div",{className:"wy-h-[24px] wy-w-[49.888px] wy-bg-white/70 wy-rotate-[15deg]"})})})]})]})}function as({graphData:t,height:r,width:s,legend:a,isLoading:l}){if(l)return e.jsx(ts,{width:s,height:typeof r=="number"?r:239,legend:a});const u=({active:c,payload:d,label:p})=>c&&d&&d.length?e.jsxs("div",{className:"custom-tooltip",style:{backgroundColor:"#fff",padding:"10px",border:"1px solid #ccc"},children:[e.jsx("p",{className:"label",children:`Date: ${p}`}),e.jsx("p",{className:"intro",children:`Score: ${d[0].value}`})]}):null,i=c=>{const{cx:d,cy:p}=c;return e.jsx("circle",{cx:d,cy:p,r:3,stroke:"#000000",fill:"#000000"})};return e.jsxs("div",{className:"wy-flex wy-flex-col wy-h-full",children:[e.jsx("div",{className:"wy-flex-1 wy-min-h-0",children:e.jsx(re,{width:"100%",height:"100%",children:e.jsxs(Ze,{data:t,margin:{top:10,right:30,left:0,bottom:0},children:[e.jsx(ue,{strokeLinecap:"butt",stroke:"#E7F0FC"}),e.jsx(me,{dataKey:"date",axisLine:{stroke:"#C7C7CC"},tickLine:!0,fontSize:12,tick:{dy:10},tickFormatter:he}),e.jsx(pe,{tick:{dx:-10}
8,fontSize:12,axisLine:!1,tickLine:!1,domain:[0,100]}),e.jsx("defs",{children:e.jsx("linearGradient",{id:"colorUv",x1:"0",y1:"0",x2:"0",y2:"1"})}),e.jsx(Ke,{type:"linear",dataKey:"score",stroke:"#15161D",fill:"url(#colorUv)",strokeWidth:2,fillOpacity:.3,connectNulls:!0,dot:Array.isArray(t)&&t.length>1?!1:e.jsx(i,{})}),e.jsx(fe,{cursor:!1,content:e.jsx(u,{})})]})})}),a&&e.jsxs("div",{className:"wy-flex wy-justify-end wy-items-center wy-mt-6 wy-gap-2",children:[e.jsx("div",{className:"wy-w-4 wy-h-0.5 wy-bg-black"}),e.jsx("p",{className:"wy-text-sm wy-font-medium",children:a})]})]})}function is({value:t=0,size:r=200,strokeWidth:s=14,primaryColor:a="#EB5757",secondaryColor:l="#E0E0E0",className:u=""}){const i=[{name:"Score",value:t,fill:a}],c=r/2,d=c-s-10;return e.jsx("div",{className:`wy-flex wy-flex-col wy-items-center wy-justify-center ${u}`,style:{width:r,height:r-30},children:e.jsx(re,{width:"100%",height:"100%",children:e.jsxs(Ye,{cx:"50%",cy:"50%",innerRadius:d,outerRadius:c,startAngle:220,endAngle:-40,data:i,barSize:20,children:[e.jsx(Je,{type:"number",domain:[0,100],angleAxisId:0,tick:!1}),e.jsx(Xe,{background:{fill:l},cornerRadius:s/2,dataKey:"value"}),e.jsxs("text",{x:"52%",y:"50%",textAnchor:"middle",dominantBaseline:"middle",className:"progress-label",style:{fontSize:"30px",fontWeight:800,fill:"#21242D"},children:[Math.round(t),"%"]})]})})})}function rs(){return e.jsxs("div",{className:"wy-bg-[#F0F5FF] wy-w-full wy-rounded-[10px] wy-border wy-border-[#CBD5E1] wy-overflow-hidden ",children:[e.jsxs("div",{className:"wy-py-5 wy-px-6 wy-flex wy-justify-between wy-items-start",children:[e.jsx("div",{className:"wy-flex wy-flex-col wy-gap-4",children:e.jsxs("div",{className:"wy-flex wy-items-center wy-gap-2",children:[e.jsx("h2",{className:"wy-text-xl wy-font-semibold wy-text-[#1E293B]",children:"Automated checks"}),e.jsx("div",{className:"wy-text-[#64748B] wy-cursor-help",children:e.jsx(Y,{fill:"#64748B",width:"16",height:"16"})})]})}),e.jsx("div",{className:"wy-mr-[-20px] wy-animate-pulse wy-mt-[-10px]",children:e.jsx("div",{className:"wy-w-[200px] wy-h-[100px] wy-bg-gray-200 wy-rounded-t-full wy-relative wy-overflow-hidden",children:e.jsx("div",{className:"wy-absolute wy-z-10 wy-left-[-67.08px] wy-top-[50%] wy-mt-[-60px] wy-animate-slide-across",style:{animationTimingFunction:"linear"},children:e.jsx("div",{className:"wy-h-[120px] wy-w-[49.888px] wy-bg-white/70 wy-rotate-[15deg]"})})})})]}),e.jsxs("div",{className:"wy-border-t wy-animate-pulse wy-border-[#CBD5E1] wy-px-6 wy-py-2 wy-flex wy-justify-between wy-items-center",children:[e.jsx("div",{className:"wy-h-6 wy-w-24 wy-bg-gray-200 wy-rounded wy-relative wy-overflow-hidden",children:e.jsx("div",{className:"wy-absolute wy-z-10 wy-left-[-67.08px] wy-top-[50%] wy-mt-[-18px] wy-animate-slide-across",style:{animationTimingFunction:"linear"},children:e.jsx("div",{className:"wy-h-[36px] wy-w-[49.888px] wy-bg-white/70 wy-rotate-[15deg]"})})}),e.jsx("div",{className:"wy-h-10 wy-w-40 wy-bg-gray-200 wy-rounded-xl wy-relative wy-overflow-hidden",children:e.jsx("div",{className:"wy-absolute wy-z-10 wy-left-[-67.08px] wy-top-[50%] wy-mt-[-30px] wy-animate-slide-across",style:{animationTimingFunction:"linear"},children:e.jsx("div",{className:"wy-h-[60px] wy-w-[49.888px] wy-bg-white/70 wy-rotate-[15deg]"})})})]})]})}function ns({score:t,primaryColor:r,isLoading:s,handleNavigation:a,selectedGuideLine:l,isFreePlan:u=!1,onUpgrade:i,wcagVersion:c}){if(s)return e.jsx(rs,{});const d=`${be(c)} ${l==="wcag2.2aaa"?"AAA":"AA"}`;return e.jsxs("div",{className:"wy-bg-[#E7F0FC] wy-rounded-[10px] wy-overflow-hidden",children:[e.jsxs("div",{className:"wy-pt-4 md:wy-pt-5 wy-px-4 md:wy-px-6 wy-flex wy-flex-col md:wy-flex-row wy-justify-between wy-items-start wy-gap-4",children:[e.jsxs("div",{className:"wy-flex wy-flex-col wy-gap-3 md:wy-gap-4 wy-w-full md:wy-w-auto",children:[e.jsxs("div",{className:"wy-flex wy-flex-col wy-gap-3",children:[e.jsxs("div",{className:"wy-flex wy-items-center wy-gap-1",children:[e.jsx("h2",{className:"wy-text-lg md:wy-text-xl wy-font-semibold wy-text-[#21242D]",children:"Confirmed issues"}),e.jsx("div",{className:"wy-text-[#64748B] wy-cursor-help",children:e.jsx(ne,{classes:"!wy-p-0",trigger:e.jsx("button",{children:e.jsx(Y,{fill:"#64748B",width:"16",height:"16"})}),content:e.jsx("p",{className:"wy-text-sm wy-text-[#EAEBEC] wy-text-left wy-rounded-lg wy-p-2 wy-font-medium wy-bg-[#21242D] wy-max-w-[344px]",children:"Score based on confirmed issues from automated checks and 'Needs review' items."}),side:"bottom"})})]}),e.jsxs("p",{className:"wy-text-base wy-font-medium wy-text-[#21242D]",children:["Compliance framework: ",d]})]}),t<100?e.jsxs("div",{className:"wy-inline-flex wy-items-center wy-gap-2 wy-bg-[#FDEAEA] wy-border wy-border-[#F49E9E] wy-px-3 wy-
8py-1.5 wy-rounded-full wy-w-fit",children:[e.jsx("span",{className:"wy-text-[#A32020] wy-text-xs md:wy-text-sm wy-font-medium",children:"Not Compliant"}),e.jsx("div",{className:"wy-text-[#E11D48]",children:e.jsx(es,{})})]}):e.jsxs("div",{className:"wy-flex wy-items-center wy-max-w-[160px] wy-gap-2 wy-bg-[#BADECA] wy-px-3 wy-py-1.5 wy-rounded-full",children:[e.jsx("span",{className:"wy-text-[#12532E] wy-text-xs md:wy-text-sm wy-font-medium",children:"No issues found"}),e.jsx(ge,{width:"16",height:"16",stroke:"#12532E"})]})]}),e.jsx("div",{className:"wy-mr-0 md:wy-mr-[-20px] wy-mt-2 wy-self-center md:wy-self-start",children:e.jsx(is,{value:t,primaryColor:r,size:200,strokeWidth:16})})]}),e.jsxs("div",{className:"wy-px-4 md:wy-px-6 wy-pb-4 md:wy-pb-5 wy-flex wy-flex-col md:wy-flex-row wy-gap-3 wy-items-stretch md:wy-items-center",children:[t<100&&e.jsxs("button",{onClick:()=>u?i?.("inspector"):a("inspector"),"aria-label":u?"Fix in inspector â Pro feature":"Fix in inspector",className:"wy-bg-[#0B66E4] hover:wy-bg-[#0a5bcc] wy-text-white wy-font-medium wy-text-sm md:wy-text-base wy-rounded-lg wy-px-5 wy-py-3 wy-flex wy-items-center wy-justify-center wy-gap-3",children:["Fix in inspector",e.jsx("div",{className:"wy-rotate-180",children:e.jsx(J,{strokeColor:"#FFFFFF",width:20,height:20})}),u&&e.jsx(ee,{})]}),e.jsxs("button",{onClick:()=>a("issues"),className:"wy-bg-white wy-border wy-border-[#CBD5E1] wy-text-[#0B66E4] wy-font-medium wy-text-sm md:wy-text-base wy-rounded-lg wy-px-5 wy-py-3 wy-flex wy-items-center wy-justify-center wy-gap-3",children:["View issues",e.jsx("div",{className:"wy-rotate-180",children:e.jsx(J,{strokeColor:"#0B66E4",width:20,height:20})})]})]})]})}function ls(){return e.jsxs("div",{className:"wy-bg-[#F8F9FF] wy-w-full wy-rounded-[10px] wy-border wy-border-[#E2E8F0] wy-overflow-hidden",children:[e.jsxs("div",{className:"wy-py-5 wy-px-6",children:[e.jsxs("div",{className:"wy-flex wy-justify-between wy-items-start",children:[e.jsxs("div",{className:"wy-flex wy-items-center wy-gap-2",children:[e.jsx("h2",{className:"wy-text-xl wy-font-semibold wy-text-[#1E293B]",children:"Manual checks"}),e.jsx("div",{className:"wy-text-[#64748B] wy-cursor-help",children:e.jsx(Y,{fill:"#64748B",width:"16",height:"16"})})]}),e.jsx("div",{className:"wy-text-[32px] wy-font-extrabold wy-text-[#1E293B]",children:e.jsx("div",{className:"wy-w-10 wy-h-10 wy-bg-gray-200 wy-rounded-full wy-animate-pulse wy-relative wy-overflow-hidden",children:e.jsx("div",{className:"wy-absolute wy-z-10 wy-left-[-67.08px] wy-top-[50%] wy-mt-[-24px] wy-animate-slide-across",style:{animationTimingFunction:"linear"},children:e.jsx("div",{className:"wy-h-[48px] wy-w-[49.888px] wy-bg-white/70 wy-rotate-[15deg]"})})})})]}),e.jsx("div",{className:"wy-h-[29px] wy-animate-pulse wy-mt-4 wy-w-24 wy-bg-gray-200 wy-rounded-full mb-4 wy-relative wy-overflow-hidden",children:e.jsx("div",{className:"wy-absolute wy-z-10 wy-left-[-67.08px] wy-top-[50%] wy-mt-[-21px] wy-animate-slide-across",style:{animationTimingFunction:"linear"},children:e.jsx("div",{className:"wy-h-[42px] wy-w-[49.888px] wy-bg-white/70 wy-rotate-[15deg]"})})}),e.jsx("div",{className:"wy-h-[18px] wy-animate-pulse wy-mt-4 wy-w-full wy-bg-gray-200 wy-rounded-full mb-6 wy-relative wy-overflow-hidden",children:e.jsx("div",{className:"wy-absolute wy-z-10 wy-left-[-67.08px] wy-top-[50%] wy-mt-[-16px] wy-animate-slide-across",style:{animationTimingFunction:"linear"},children:e.jsx("div",{className:"wy-h-[32px] wy-w-[49.888px] wy-bg-white/70 wy-rotate-[15deg]"})})})]}),e.jsx("div",{className:"wy-border-t wy-animate-pulse wy-border-[#E2E8F0] wy-px-6 wy-py-3",children:e.jsx("div",{className:"wy-h-6 wy-w-24 wy-bg-gray-200 wy-rounded-full wy-relative wy-overflow-hidden",children:e.jsx("div",{className:"wy-absolute wy-z-10 wy-left-[-67.08px] wy-top-[50%] wy-mt-[-18px] wy-animate-slide-across",style:{animationTimingFunction:"linear"},children:e.jsx("div",{className:"wy-h-[36px] wy-w-[49.888px] wy-bg-white/70 wy-rotate-[15deg]"})})})})]})}function os({score:t,primaryColor:r,isLoading:s,handleViewChecks:a}){return s?e.jsx(ls,{}):e.jsxs("div",{className:"wy-bg-[#F9F3FF] wy-rounded-[10px] wy-border wy-border-[#F9F3FF] wy-overflow-hidden wy-flex wy-flex-col wy-justify-between",children:[e.jsxs("div",{className:"wy-py-4 md:wy-py-5 wy-px-4 md:wy-px-6 wy-flex wy-flex-col wy-gap-6",children:[e.jsxs("div",{className:"wy-flex wy-flex-col wy-gap-2",children:[e.jsxs("div",{className:"wy-flex wy-justify-between wy-items-center",children:[e.jsxs("div",{className:"wy-flex wy-items-center wy-gap-1",children:[e.jsx("h2",{className:"wy-text-lg md:wy-text-xl wy-font-semibold wy-text-[#21242D]",children:"Manual checks"}),e.jsx("div",{className:"wy-text-[#64748B] wy-cursor-help",children:e.jsx(ne,{classes:"!wy-p-0",trigger:e.jsx("button",{children:e.jsx(Y,{fill:"#64748B",width:"16",height:"16"})}),content:e.jsx("p",{className:"wy-text-sm wy-text-[#EAEBEC] wy-text-left wy-rounded-lg wy-p-2 wy-font-medium wy-bg-[#21242D] wy-max-w-[344px]",children:"Score based on human-reviewed accessibility checks."})})})]}),e.jsxs("div",{className:"wy-text-2xl md:wy-text-[32px] wy-font-extrabold wy-text-[#21242D]",children:[t,"%"]})]}),t!==100&&e.jsx("p",{className:"wy-text-base wy-font-medium wy-text-[#21242D]",children:"Pending review"})]}),e.jsx("div",{children:e.jsx(je,{barSize:18,score:t/100,pathColor:"#E2E4EA",bgColor:r})})]}),e.jsx("div",{className:"wy-px-4 md:wy-px-6 wy-pb-4 md:wy-pb-5 wy-flex wy-flex-col md:wy-flex-row wy-gap-3 wy-items-stretch md:wy-items-center",children:e.jsxs("button",{onClick:a,className:"wy-bg-white wy-border wy-border-[#CBD5E1] wy-text-[#0B66E4] wy-font-medium wy-text-sm md:wy-text-base wy-rounded-lg wy-px-5 wy-py-3 wy-flex wy-items-center wy-justify-center wy-gap-3",children:["Start reviewing manual checks",e.jsx("div",{className:"wy-rotate-180",children:e.jsx(J,{strokeColor:"#0B66E4",width:20,height:20})})]})})]})}function ws(){return e.jsxs("svg",{width:"53",height:"53",viewBox:"0 0 53 53",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:[e.jsx("rect",{x:"0.5",y:"0.5",width:"52",height:"52",rx:"3.5",fill:"#E7F0FC"}),e.jsx("rect",{x:"0.5",y:"0.5",width:"52",height:"52",rx:"3.5",stroke:"#B3D0F7"}),e.jsx("path",{d:"M18 32L20 34L24 30M28 21H36M28 27H36M28 33H36M19 20H23C23.5523 20 24 20.4477 24 21V25C24 25.5523 23.5523 26 23 26H19C18.4477 26 18 25.5523 18 25V21C18 20.4477 18.4477 20 19 20Z",stroke:"#0848A2",strokeWidth:"1.4",strokeLinecap:"round",strokeLinejoin:"round"})]})}function ys({needsReviewCount:t,onReviewAll:r}){const s=t>1?" Please review these issues to confirm if they are valid for your website.":"Please review this issue to confirm if it is valid for your website.";return e.jsxs("div",{className:"wy-flex wy-items-center wy-justify-between wy-overflow-hidden wy-px-[14px] wy-py-[4px] wy-rounded-lg wy-bg-[#f1f5fa]",children:[e.jsxs("div",{className:"wy-flex wy-gap-4 wy-items-center wy-py-[6px]",children:[e.jsx(ws,{}),e.jsxs("div",{className:"wy-flex wy-flex-col wy-gap-0.5",children:[e.jsxs("p",{className:"wy-text-base wy-font-semibold wy-text-[#21242d] wy-tracking-tight",children:[t," automated check",t>1?"s":""," ","needs your review"]}),e.jsx("p",{className:"wy-text-sm wy-font-normal wy-text-[#2e3240] wy-tracking-tight",children:s})]})]}),e.jsxs("button",{onClick:r,className:"wy-flex wy-gap-1 wy-items-center wy-pl-3 wy-py-3 wy-rounded-lg wy-shrink-0",children:[e.jsx("span",{className:"wy-text-base wy-font-semibold wy-text-[#0b66e4] hover:wy-underline wy-whitespace-nowrap",children:"Review issues"}),e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:e.jsx("path",{d:"M6 12L10 8L6 4",stroke:"#0B66E4",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})]})]})}const cs=({app:t,selectedGuideLine:r,failedPages:s,metrix:a,websiteDetails:l,isLoading:u,showHeader:i=!0,handleNavigation:c,handleViewChecks:d,handleScanNow:p,needsReviewCount:A,onReviewAll:E,isFreePlan:z=!1,onUpgrade:m})=>{const[F,C]=b.useState(0),[M,D]=b.useState(0),H=L=>{const T=r==="wcag2.2aaa"?L.accessibilityData?.wcag_2aaa_combined_score??0:L.accessibilityData?.wcag_2aa_combined_score??0,q=(L.accessibilityData?.avg_scores_by_standard?.[r]?.avg_manual_score??0)*100;if(T<40?B("#DD3636"):T>=40&&T<=80?B("#EA7000"):T>80&&B("#219653"),T===100&&q!==100)N(e.jsxs("span",{children:["Nice work! No issues in automatic checks. Review"," ",e.jsx("button",{className:"wy-text-webyes-primary wy-un
8derline",onClick:d,children:"manual checks"})," ","and best practices next."]}));else if(T!==100){const P=l?.url||"",V=P.length>150?`${P.substring(0,100)}...`:P;N(e.jsxs("span",{children:["You have ",L.totalIssues||0," confirmed issues across"," ",s||0," page",s!==1?"s":""," in"," ",e.jsx("a",{href:P,target:"_blank",title:P,className:"wy-text-webyes-primary wy-underline",rel:"noreferrer",children:V})]}))}else T===100&&q===100&&N(e.jsxs("span",{children:["All issues resolved since last scan. Now check best practices or start a"," ",e.jsx("button",{className:"wy-text-webyes-primary wy-underline",onClick:()=>{p?.()},children:"new scan."})]}));C(T),D(q)};b.useEffect(()=>{H(a)},[a,r,p,d]);const I=()=>M<40?"#DD3636":M>=40&&M<=80?"#EA7000":M>80?"#219653":"#EB5757",[U,B]=b.useState("#EB5757"),[O,N]=b.useState("");return e.jsxs("div",{className:"wy-w-full",children:[i&&e.jsxs("div",{children:[t==="suite"?e.jsxs("div",{className:"wy-mb-2 wy-px-4 md:wy-px-0",children:[e.jsxs("p",{className:"wy-text-lg md:wy-text-xl wy-font-medium",children:["Overall accessibility score:"," ",r==="wcag2.2aaa"?se(a.accessibilityData?.wcag_2aaa_combined_score??0,(a.accessibilityData?.avg_scores_by_standard?.["wcag2.2aaa"]?.avg_manual_score??0)*100):se(a.accessibilityData?.wcag_2aa_combined_score??0,(a.accessibilityData?.avg_scores_by_standard?.["wcag2.2aa"]?.avg_manual_score??0)*100),"%"]}),e.jsx("p",{className:"wy-text-sm wy-text-gray-500 wy-italic",children:"(See Automated & Manual checks breakdown below)"})]}):e.jsx("div",{className:"wy-text-base md:wy-text-xl wy-w-full wy-p-4 md:wy-p-5 wy-font-medium",children:O}),e.jsx("hr",{})]}),e.jsxs("div",{className:"wy-p-4 md:wy-p-5 wy-grid wy-grid-cols-1 lg:wy-grid-cols-2 wy-gap-4 wy-w-full",children:[e.jsx(ns,{selectedGuideLine:r,wcagVersion:l?.wcagVersion,handleNavigation:c,score:Math.floor(F),primaryColor:U,isLoading:u,isFreePlan:z,onUpgrade:m}),e.jsx(os,{score:Math.floor(M),primaryColor:I(),isLoading:u,handleViewChecks:d})]}),E!==void 0&&A!==void 0&&A>0&&e.jsx("div",{className:"wy-px-5 wy-pb-5",children:e.jsx(ys,{needsReviewCount:A,onReviewAll:E})}),t!=="suite"&&e.jsx("hr",{})]})};function ae(t){try{const r=t.replace(" ","T")+(t.endsWith("Z")?"":"Z"),s=new Date(r),a=new Intl.DateTimeFormat("en-US",{month:"short",day:"numeric",timeZone:"UTC"}).format(s),l=new Intl.DateTimeFormat("en-US",{hour:"numeric",minute:"2-digit",hour12:!0,timeZone:"UTC"}).format(s);return`${a}, ${l} UTC`}catch{return t}}function ds({data:t,onPillClick:r,currentScanTimeOverride:s}){if(!t||t.previous_audit_id===null||t.comparison===null)return null;const{comparison:a,current_audit_time:l,previous_audit_time:u}=t,i=s??l;return e.jsxs("div",{"data-testid":"scan-change-card",className:"wy-flex wy-items-center wy-justify-between wy-rounded-[8px] wy-border-[1px] wy-border-[#D7D7D7] wy-px-6 wy-py-[14px] wy-bg-white",children:[e.jsxs("div",{className:"wy-flex wy-items-center wy-gap-4",children:[e.jsx("span",{className:"wy-font-semibold wy-text-base wy-text-[#21242d] wy-tracking-[-0.32px] wy-whitespace-nowrap",children:"Changes detected since last scan"}),e.jsxs("div",{className:"wy-flex wy-items-center wy-gap-1 wy-text-base wy-text-[#21242d]",children:[e.jsx("span",{className:"wy-px-2 wy-py-1 wy-rounded",children:u?ae(u):"â"}),e.jsx("span",{className:"wy-font-semibold",children:"vs"}),e.jsx("span",{className:"wy-px-2 wy-py-1 wy-rounded",children:ae(i)})]})]}),e.jsxs("div",{className:"wy-flex wy-items-center wy-gap-5",children:[e.jsxs("button",{type:"button","data-testid":"scan-change-btn-new",onClick:()=>r("new"),className:"wy-flex wy-items-center wy-gap-2 wy-rounded-[8px] wy-border-[0.4px] wy-pl-2 wy-pr-[13px] wy-py-[10px] wy-cursor-pointer wy-bg-[#fff1f1] wy-border-[#f49e9e] hover:wy-bg-[#ffdede] hover:wy-border-[#e53e3e] hover:wy-shadow-sm focus-visible:wy-outline-none focus-visible:wy-ring-2 focus-visible:wy-ring-[#e53e3e] focus-visible:wy-ring-offset-2",children:[e.jsx("span",{className:"wy-flex wy-items-center wy-justify-center wy-w-5 wy-h-5",children:e.jsx(le,{fill:"#e53e3e"})}),e.jsx("span",{className:"wy-font-bold wy-text-lg wy-text-[#21242d] wy-tracking-[-0.36px]",children:a.new_issues_count}),e.jsx("span",{className:"wy-font-medium wy-text-sm wy-text-webyes-gray wy-tracking-[-0.28px]",children:a.new_issues_count===1?"New issue":"New issues"})]}),e.jsxs("button",{type:"button","data-testid":"scan-change-btn-resolved",onClick:()=>r("resolved"),className:"wy-flex wy-items-center wy-gap-2 wy-rounded-[8px] wy-border-[0.4px] wy-pl-2 wy-pr-3 wy-py-[10px] wy-cursor-pointer wy-bg-[#f0fbf5] wy-border-[#9accaf] hover:wy-bg-[#d6f5e4] hover:wy-border-[#1E894C] hover:wy-shadow-sm focus-visible:wy-outline-none focus-visible:wy-ring-2 focus-visible:wy-ring-[#1E894C] focus-visible:wy-ring-offset-2",children:[e.jsx(ve,{width:"20",height:"20",fill:"#1E894C"}),e.jsx("span",{className:"wy-font-bold wy-text-lg wy-text-[#21242d] wy-tracking-[-0.36px]",children:a.resolved_issues_count}),e.jsx("span",{className:"wy-font-medium wy-text-sm wy-text-webyes-gray wy-tracking-[-0.28px]",children:"Resolved"})]}),e.jsxs("button",{type:"button","data-testid":"scan-change-btn-unchanged",onClick:()=>r("unchanged"),className:"wy-flex wy-items-center wy-gap-2 wy-rounded-[8px] wy-border-[0.4px] wy-pl-2 wy-pr-3 wy-py-[10px] wy-cursor-pointer wy-bg-[#f5f5f5] wy-border-[#9b9b9b] hover:wy-bg-[#e8e8e8] hover:wy-border-[#6b6b6b] hover:wy-shadow-sm focus-visible:wy-outline-none focus-visible:wy-ring-2 focus-visible:wy-ring-[#6b6b6b] focus-visible:wy-ring-offset-2",children:[e.jsx(ss,{width:20,height:20,stroke:"#9b9b9b"}),e.jsx("span",{className:"wy-font-bold wy-text-lg wy-text-[#21242d] wy-tracking-[-0.36px]",children:a.unchanged_
8issues_count}),e.jsx("span",{className:"wy-font-medium wy-text-sm wy-text-webyes-gray wy-tracking-[-0.28px]",children:"Unchanged"})]})]})]})}function xs(t,r){if(!t||t.length===0||r&&t[0]?.id!==r)return;const s=new Set(t.map(a=>a.website_page_id).filter(Boolean));return s.size>0?s.size:void 0}function us(){const{activePlan:t}=oe(),{websiteDetails:r,report:s,user:a,device:l}=we(),u=t?.slug==="free",i=t?.slug==="free"?!1:!!r?.enableAAA,{data:c}=Ne({website_id:r?.id??"",device:l==="all"?void 0:l,enable_aaa:i},{enabled:!u}),{data:d}=_e(r?.id??""),p=b.useMemo(()=>xs(d?d.data:void 0,s?.auditId),[d,s?.auditId]),[A,E]=b.useState(!1),z=N=>{K(de("fs",N),void 0,a??void 0),E(!0)},[m,F]=b.useState(!1),C=s?.metrics.find(N=>N.key==="accessibility"),M=()=>{D({to:"/dashboard/accessibility/issues",search:{selectedTab:"needsReview"}})},D=ye(),H=()=>{D({to:"/dashboard/accessibility/issues",search:{selectedTab:"confirmedCheck"}})},I=N=>{N==="issues"&&H(),N==="inspector"&&s?.pages?.[0]?.id&&D({to:"/dashboard/simulator",search:{page_id:s?.pages?.[0]?.id,ref:"accessibility",issueActiveTab:"confirmed"}})},U=()=>{D({to:"/dashboard/accessibility/issues",search:{selectedTab:"manual"}})},{setScanOptionModal:B}=Ce(),O=()=>{B(!0)};return e.jsx("div",{className:"",children:e.jsxs("div",{className:"",children:[s&&C&&e.jsxs(e.Fragment,{children:[e.jsx("div",{className:" wy-p-5 wy-rounded-lg wy-border-[1px] wy-border-[#80A0EC] wy-bg-white",children:e.jsx("div",{className:"wy-gap-5 wy-w-full wy-cursor-default wy-min-h-full wy-flex wy-justify-between",children:e.jsx(cs,{needsReviewCount:s.needsReviewCount??0,onReviewAll:M,handleScanNow:O,handleViewChecks:U,app:"suite",websiteDetails:r,selectedGuideLine:ke({enableAAA:r?.enableAAA??!1,planType:t?.slug??""}),metrix:C,failedPages:p??s.totalNumberOfPage??0,handleNavigation:I,isFreePlan:u,onUpgrade:z})})}),!u&&c&&c.previous_audit_id!==null&&c.comparison!==null&&e.jsx("div",{className:"wy-mt-4 md:wy-mt-5",children:e.jsx(ds,{data:c,currentScanTimeOverride:s?.lastScanned,onPillClick:N=>{K(G.fsScanChangePillClicked,{pill_type:N},a??void 0),D({to:"/dashboard/accessibility/issues",search:{scanChangeFilter:N}})}})})]}),e.jsx(ce,{isOpen:A,onClose:()=>E(!1),onViewPlans:()=>D({to:"/dashboard/plans"}),context:"inspector",productType:"full-suite"}),e.jsx(Ae,{closeBtn:!0,isOpen:m,content:e.jsxs("div",{children:[e.jsx("div",{className:"wy-flex wy-relative wy-flex-row-reverse wy-pr-4 wy-mt-4 wy-mb-3",children:e.jsx("button",{className:"wy-absolute wy-top-4 wy-right-8",onClick:()=>F(!1),children:e.jsx($e,{width:"15",height:"15"})})}),e.jsx(Ve,{})]})})]})})}const ms=({issue:t})=>e.jsxs("div",{className:"wy-flex wy-justify-between wy-items-start wy-py-2",children:[e.jsxs("div",{children:[e.jsx("p",{className:"wy-text-sm wy-font-medium wy-text-gray-900",children:t.issue_title}),e.jsxs("p",{className:"wy-text-xs wy-text-webyes-gray wy-mt-0.5",children:[t.occurrence_count," occurrences · ",t.pages_affected," ","pages"]})]}),e.jsxs("span",{className:"wy-text-sm wy-font-semibold wy-text-green-600 wy-ml-4 wy-shrink-0",children:["+",t.impact_score.toFixed(1),"%"]})]}),Q=()=>e.jsxs("div",{className:"wy-flex wy-justify-between wy-items-start wy-py-2 wy-animate-pulse",children:[e.jsxs("div",{className:"wy-flex-1",children:[e.jsx("div",{className:"wy-h-4 wy-bg-gray-200 wy-rounded wy-w-3/4 wy-mb-1"}),e.jsx("div",{className:"wy-h-3 wy-bg-gray-200 wy-rounded wy-w-1/2"})]}),e.jsx("div",{className:"wy-h-4 wy-bg-gray-200 wy-rounded wy-w-10 wy-ml-4"})]}),hs=({data:t,isLoading:r,onFixAll:s,isFreePlan:a=!1,onUpgrade:l})=>{const u=!!t&&t.issues.length>0,i=a&&!r;return e.jsxs("div",{className:"wy-bg-white wy-border wy-border-[#1A73E8] wy-rounded-lg wy-overflow-hidden wy-flex wy-flex-col wy-h-full",children:[e.jsx("div",{className:"wy-px-6 wy-pt-6",children:e.jsxs("div",{className:"wy-flex wy-items-start wy-justify-between wy-gap-2",children:[e.jsxs("div",{children:[e.jsx("h3",{className:"wy-text-base wy-font-bold",children:"Quick wins"}),e.jsx("p",{className:"wy-text-sm wy-font-normal wy-mt-1 wy-text-webyes-gray",children:"Fix these high-impact issues to quickly improve your accessibility score."})]}),!r&&t&&t.total_impact>0&&!i&&e.jsxs("span",{className:"wy-shrink-0 wy-inline-flex wy-items-center wy-bg-green-700 wy-text-white wy-text-xs wy-font-semibold wy-px-3 wy-
8py-1.5 wy-rounded-full",children:["+",t.total_impact,"% Impact"]})]})}),e.jsxs("div",{className:"wy-relative wy-flex-1 wy-flex wy-flex-col",children:[e.jsx("div",{className:"wy-px-6 wy-pt-4 wy-pb-6 wy-flex-1",children:e.jsx("div",{className:"wy-divide-y wy-divide-gray-100",children:r?e.jsxs(e.Fragment,{children:[e.jsx(Q,{}),e.jsx(Q,{}),e.jsx(Q,{})]}):i?e.jsx(Q,{}):u?t.issues.map(c=>e.jsx(ms,{issue:c},c.issue_id)):e.jsx("p",{className:"wy-text-sm wy-text-webyes-gray wy-py-4",children:"No quick wins found for the latest audit."})})}),!r&&u&&!i&&e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"wy-border-t wy-border-gray-100"}),e.jsxs("div",{className:"wy-px-6 wy-py-4 wy-flex wy-items-center wy-justify-between",children:[e.jsxs("span",{className:"wy-text-sm wy-text-gray-600",children:[t.total_issue_count===1?"Fix 1 issue":`Fix all ${t.total_issue_count} issues`,": ",t.current_score,"% â ",t.projected_score,"%"]}),e.jsx("button",{onClick:s,className:"wy-text-sm wy-font-medium wy-border wy-border-[#1A73E8] wy-text-[#1A73E8] wy-rounded-lg wy-px-4 wy-py-2 hover:wy-bg-blue-50 wy-transition-colors",children:t.total_issue_count===1?"Fix 1 issue":`Fix all ${t.total_issue_count} issues`})]})]}),i&&e.jsx("div",{className:"wy-absolute wy-inset-0 wy-flex wy-items-center wy-justify-center wy-pointer-events-none",style:{backdropFilter:"blur(5.5px)",background:"linear-gradient(179.89deg, rgba(255,255,255,0) 9.9%, rgb(255,255,255) 60%)"},children:e.jsx("button",{onClick:l,className:"wy-pointer-events-auto wy-bg-[#0b66e4] wy-text-white wy-font-medium wy-text-base wy-px-6 wy-py-2.5 wy-rounded-lg",children:"Upgrade to unlock"})})]})]})},X=5,ps=({navigateToIssueList:t,issue:r,sortOptions:s,showHeader:a=!0,isFreePlan:l=!1,onUpgrade:u,onSortUpgrade:i,onSortPagesUpgrade:c})=>{const{blurredSet:d,tableData:p,hasBlurred:A}=b.useMemo(()=>!l||r.data.length<=X?{blurredSet:new Set,tableData:r.data,hasBlurred:!1}:{blurredSet:new Set(r.data.slice(X)),tableData:r.data,hasBlurred:!0},[r.data,l]),E=m=>s.sort_by!==m?e.jsx(te,{fill:"#6B7280"}):s.sort_order==="asc"?e.jsx(le,{fill:"#000000"}):e.jsx(te,{fill:"#000000"}),z=[{header:()=>e.jsx("div",{className:"wy-flex wy-min-w-[350px] wy-items-center wy-gap-2",children:e.jsx("span",{children:"Issues"})}),accessorKey:"issue",cell:({row:m})=>e.jsxs("div",{className:"wy-font-medium wy-text-sm wy-flex wy-items-center",children:[e.jsx("button",{onClick:()=>t(m.original.issue_id),className:"wy-text-left wy-max-w-[550px]",title:m.original.audit_data_json?.title,children:e.jsx("span",{className:"wy-text-blue-700 wy-underline",children:m.original.audit_data_json?.title??m.original.issue_title})}),m.original.wcag_version_number&&m.original.standard_code!=="best-practice"&&e.jsxs("span",{className:"wy-ml-2",children:[" ","WCAG ",m.original.wcag_version_number," |"," ",m.original.standard_code]}),m.original.standard_code==="best-practice"&&e.jsx(Fe,{icon:e.jsx("span",{className:"wy-ml-2 wy-px-3 wy-py-1 wy-text-xs wy-font-medium wy-rounded-lg wy-inline-block wy-bg-gray-100 wy-text-gray-600",children:"Best practice"}),content:"Recommended improvements that don't affect your score"})]})},{header:()=>e.jsxs("div",{className:"wy-flex wy-min-w-[150px] wy-items-center wy-gap-2 wy-cursor-pointer",onClick:()=>{if(l){c?.();return}s.setSortBy("page_count"),s.setSortOrder(s.sort_order==="asc"?"desc":"asc")},children:[e.jsx("span",{children:"Pages affected"}),E("page_count")]}),accessorKey:"page_count",cell:({row:m})=>e.jsx("p",{className:"text-gray-700 truncate max-w-md",children:m.original.page_count})},{header:()=>e.jsxs("div",{className:"wy-flex wy-items-center wy-gap-2 wy-cursor-pointer",onClick:()=>{if(l){i?.();return}s.setSortBy("issue_severity"),s.setSortOrder(s.sort_order==="asc"?"desc":"asc")},children:[e.jsx("span",{children:"Priority"}),E("issue_severity")]}),accessorKey:"issue_severity",cell:({row:m})=>e.jsx(De,{status:m.original.issue_severity})},{header:"Category",accessorKey:"issue_department",cell:({row:m})=>e.jsx(Be,{department:m.original.issue_department})},{header:"Level",accessorKey:"wcag_level",cell:({row:m})=>e.jsx("p",{className:"text-gray-700 truncate max-w-md",children:m.original.wcag_level})}];return e.jsxs("div",{className:"wy-bg-white wy-rounded-lg",children:[a&&e.jsx("h2",{className:"wy-p-5 wy-text-base wy-font-semibold",children:"All issues"}),e.jsxs("div",{className:`wy-relative${l&&A?" wy-pb-40":""}`,children:[e.jsx(Se,{columns:z,data:p,isLoading:r.isLoading,pageSize:10,emptyMessage:"No issues found!",getRowClassName:m=>d.has(m)?"wy-pointer-events-none wy-select-none":"",getRowStyle:m=>d.has(m)?{filter:"blur(4px)"}:void 0}),l&&A&&u&&e.jsx(Ee,{issueLimitCount:X,onUpgrade:u})]})]})},fs=b.memo(ps);function gs(){return e.jsxs("div",{className:"wy-flex wy-gap-6 wy-items-center wy-mt-[53px] wy-h-3/4",children:[e.jsx("div",{className:"wy-w-[168px] wy-h-[168px] wy-bg-gray-200 wy-rounded-full wy-animate-pulse wy-relative wy-overflow-hidden",children:e.jsx("div",{className:"wy-absolute wy-z-10 wy-left-[-67.08px] wy-top-[50%] wy-mt-[-100px] wy-animate-slide-across",style:{animationTimingFunction:"linear"},children:e.jsx("div",{className:"wy-h-[200px] wy-w-[49.888px] wy-bg-white/70 wy-rotate-[15deg]"})})}),e.jsx("div",{className:"wy-flex wy-w-2/3 wy-flex-col wy-gap-5",children:Array.from({length:5}).map((t,r)=>e.jsx("div",{className:" wy-max-w-[358px] wy-min-w-full wy-h-[18px] wy-bg-[#D7D7D7] wy-rounded-full wy-animate-pulse wy-relative wy-overflow-hidden",children:e.jsx("div",{className:"wy-absolute wy-z-10 wy-left-[-67.08px] wy-top-[50%] wy-mt-[-16px] wy-animate-slide-across",style:{animationTimingFunction:"linear"},children:e.jsx("div",{className:"wy-h-[32px] wy-w-[49.888px] wy-bg-white/70 wy-rotate-[15deg]"})})},r))})]})}const Z=[{id:"wavy",baseColor:"#C4B5FD",patternColor:"#8B5CF6"},{id:"polka-dot",baseColor:"#A8BA95",patternColor:"#5C7045"},{id:"stripes",baseColor:"#93B9E1",patternColor:"#4A7CAB"},{id:"diamond",baseColor:"#D4A574",patternColor:"#A67C52"},{id:"cubic",baseColor:"#E8D97E",patternColor:"#C4A435"}];function bs({data:t,isLoading:r,width:s,height:a,totalIssues:l,totalPages:u,showLegend:i=!0,className:c="",legendVariant:d="compact",swatchSize:p="sm",onItemAction:A,actionLabel:E="Fix in inspector",actionLoadingId:z=null,isFreePlan:m=!1,onUpgrade:F}){const C=b.useMemo(()=>!t||t.length===0?[]:t.map((w,x)=>{const o=Z[x%Z.length];return{id:w.id,name:w.name,value:w.value,patternId:`pattern-${o.id}`,baseColor:o.baseColor,patternColor:o.patternColor}}),[t]),M=b.useMemo(()=>l!==void 0?l:t.reduce((w,x)=>w+x.value,0),[t,l]),D=Math.min(s,a)*.31,H=Math.min(s,a)*.41,I=b.useRef(null),[U,B]=b.useState(null),[O,N]=b.useState(null),[L,T]=b.useState({x:0,y:0});b.useEffect(()=>{if(!I.current)return;const w=I.current.querySelector("svg");if(!w)return;let x=w.querySelector("defs");if(!x){x=document.createElementNS("http://www.w3.org/2000/svg","defs");const o=w.firstChild;o?w.insertBefore(x,o):w.appendChild(x)}
8Z.forEach(o=>{const v=`pattern-${o.id}`;if(x.querySelector(`#${v}`))return;const f=document.createElementNS("http://www.w3.org/2000/svg","pattern");f.setAttribute("id",v),f.setAttribute("x","0"),f.setAttribute("y","0");const k=o.id==="wavy"||o.id==="cubic"?"20":o.id==="polka-dot"?"12":o.id==="stripes"?"8":"16";f.setAttribute("width",k),f.setAttribute("height",k),f.setAttribute("patternUnits","userSpaceOnUse");const W=document.createElementNS("http://www.w3.org/2000/svg","rect");if(W.setAttribute("width",k),W.setAttribute("height",k),W.setAttribute("fill",o.baseColor),f.appendChild(W),o.id==="wavy")for(let h=2;h<=18;h+=2){const y=document.createElementNS("http://www.w3.org/2000/svg","path");y.setAttribute("d",`M 0 ${h} Q 2.5 ${h-1.5}, 5 ${h} T 10 ${h} T 15 ${h} T 20 ${h}`),y.setAttribute("stroke",o.patternColor),y.setAttribute("stroke-width","1.5"),y.setAttribute("fill","none"),f.appendChild(y)}else if(o.id==="polka-dot")for(let h=3;h<=9;h+=6)for(let y=3;y<=9;y+=6){const j=document.createElementNS("http://www.w3.org/2000/svg","circle");j.setAttribute("cx",h.toString()),j.setAttribute("cy",y.toString()),j.setAttribute("r","2"),j.setAttribute("fill",o.patternColor),f.appendChild(j)}else if(o.id==="stripes")for(let h=0;h<8;h+=1.5){const y=document.createElementNS("http://www.w3.org/2000/svg","line");y.setAttribute("x1","0"),y.setAttribute("y1",h.toString()),y.setAttribute("x2","8"),y.setAttribute("y2",h.toString()),y.setAttribute("stroke",o.patternColor),y.setAttribute("stroke-width","1"),f.appendChild(y)}else if(o.id==="diamond")for(let y=-4;y<20;y+=4)for(let j=-4;j<20;j+=4){const $=Math.floor(j/4)%2===0,_=Math.floor(y/4)%2===0,S=$===_,n=document.createElementNS("http://www.w3.org/2000/svg","path"),g=y+4/2,R=j+4/2;n.setAttribute("d",`M ${g} ${j} L ${y+4} ${R} L ${g} ${j+4} L ${y} ${R} Z`),n.setAttribute("fill",S?o.patternColor:"none"),n.setAttribute("stroke",o.patternColor),n.setAttribute("stroke-width","0.5"),f.appendChild(n)}else if(o.id==="cubic")for(let j=0;j<3;j++)for(let $=0;$<3;$++){const _=$*6.67*1.5,S=j*10-$%2*(10/2),n=document.createElementNS("http://www.w3.org/2000/svg","path");n.setAttribute("d",`M ${_} ${S+10/2} L ${_+6.67/2} ${S} L ${_+6.67/2} ${S+10} Z`),n.setAttribute("stroke",o.patternColor),n.setAttribute("stroke-width","1.2"),n.setAttribute("fill","none"),f.appendChild(n);const g=document.createElementNS("http://www.w3.org/2000/svg","path");g.setAttribute("d",`M ${_+6.67/2} ${S} L ${_+6.67} ${S+10/2} L ${_+6.67/2} ${S+10} Z`),g.setAttribute("stroke",o.patternColor),g.setAttribute("stroke-width","1.2"),g.setAttribute("fill","none"),f.appendChild(g);const R=document.createElementNS("http://www.w3.org/2000/svg","path");R.setAttribute("d",`M ${_} ${S+10/2} L ${_+6.67/2} ${S+10} L ${_+6.67} ${S+10/2}`),R.setAttribute("stroke",o.patternColor),R.setAttribute("stroke-width","1.2"),R.setAttribute("fill","none"),f.appendChild(R)}x.appendChild(f)})},[C]);const q=(w,x)=>{if(x){const n=I.current?.getBoundingClientRect();if(n)return{x:x.clientX-n.left,y:x.clientY-n.top}}let o=0;for(let n=0;n<w;n++)o+=C[n].value||0;const v=C.reduce((n,g)=>n+(g.value||0),0),f=90+o/v*360,k=90+(o+(C[w].value||0))/v*360,h=(f+k)/2*Math.PI/180,y=s*.5,j=a*.5,$=H+60,_=y+$*Math.cos(h),S=j+$*Math.sin(h);return{x:_,y:S}},P=w=>{const{cx:x,cy:o,innerRadius:v,outerRadius:f,startAngle:k,endAngle:W,fill:h}=w;return e.jsx("g",{children:e.jsx(Ie,{cx:x,cy:o,innerRadius:v,outerRadius:(f||0)+10,startAngle:k,endAngle:W,fill:h,stroke:"white",strokeWidth:3,style:{filter:"brightness(1.1)",cursor:"pointer"}})})},V=()=>{if(U===null||!O)return null;const w=240,x=100,o=10,v=I.current?.getBoundingClientRect();if(!v)return null;const f=L.x,k=v.width-L.x,W=L.y,h=v.height-L.y;let y="-50%",j=L.x;f<w/2+o?(y="0%",j=o):k<w/2+o&&(y="-100%",j=v.width-o);let $="-120%";const _=L.y;return W<x+o+20?$="20%":h<x+o&&($="-50%"),e.jsxs("div",{style:{position:"absolute",left:`${j}px`,top:`${_}px`,transform:`translate(${y}, ${$})`,zIndex:50},className:"wy-bg-white wy-rounded-lg wy-shadow-xl wy-p-3 wy-w-[240px]",onMouseEnter:()=>{B(U)},onMouseLeave:()=>{B(null),N(null)},children:[e.jsx("h3",{className:"wy-text-sm wy-font-semibold wy-text-gray-900 wy-mb-1",children:O.name}),e.jsxs("p",{className:"wy-text-sm wy-font-normal wy-text-gray-600 wy-mb-3",children:[O.value," Occurrences"]})]})};return r?e.jsx(gs,{}):!t||t.length===0?e.jsxs("div",{className:"wy-flex wy-flex-col wy-justify-center wy-items-center wy-h-full",children:[e.jsx(xe,{width:150,height:150}),e.jsx(Le,{className:"wy-mt-5",description:"Grab a cup of coffee, you're good to go!",title:"No issues were found in the last scan"})]}):e.jsxs("div",{className:`wy-flex wy-flex-col md:wy-flex-row wy-gap-6 wy-items-center ${c}`,children:[e.jsxs("div",{ref:I,className:"wy-relative wy-flex-shrink-0",style:{width:s,height:a,minWidth:s,minHeight:a},children:[e.jsxs(Ge,{width:s,height:a,children:[e.jsx(Qe,{data:C,cx:s*.5,cy:a*.5,innerRadius:D,outerRadius:H,dataKey:"value",startAngle:90,endAngle:450,activeIndex:U!==null?U:void 0,activeShape:P,onMouseEnter:(w,x,o)=>
8{if(x!==void 0&&w){B(x),N(C[x]);const v=q(x,o);T(v)}},onMouseLeave:()=>{B(null),N(null)},children:C.map((w,x)=>e.jsx(Me,{fill:`url(#${w.patternId})`,stroke:"white",strokeWidth:2,style:{backgroundColor:w.baseColor,cursor:"pointer",transition:"all 0.3s ease"}},`cell-${x}`))}),e.jsx("text",{x:s*.5,y:a*.45,textAnchor:"middle",dominantBaseline:"middle",style:{fontSize:Math.max(24,s*.12),fontWeight:"bold"},fill:"#15161D",children:M}),e.jsxs("text",{x:s*.5,y:a*.55,textAnchor:"middle",dominantBaseline:"middle",style:{fontSize:Math.max(12,s*.05)},fill:"#6B7280",children:["Issues in ",u," page",u&&u>1?"s":""]})]}),V()]}),i&&d==="compact"&&e.jsx("div",{className:"wy-flex wy-flex-col wy-gap-3",children:C.map((w,x)=>{const o=Z[x%Z.length];return e.jsxs("div",{className:"wy-flex wy-items-start wy-gap-3 wy-min-w-0",children:[e.jsx(ie,{patternKey:o.id,variant:"sm"}),e.jsx("p",{className:"wy-text-sm wy-font-normal wy-flex-1 wy-min-w-0",title:w.name,children:w.name?.length>100?`${w.name.slice(0,100)}...`:w.name}),e.jsx("p",{className:"wy-text-sm wy-font-medium wy-flex-shrink-0",children:w.value})]},x)})}),i&&d==="detailed"&&e.jsx("div",{className:"wy-flex wy-flex-col wy-gap-2 wy-flex-1 wy-min-w-0",children:C.map((w,x)=>{const o=Z[x%Z.length],v=z!==null&&w.id===z,f=!!A||!!F,k=e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"wy-flex wy-flex-1 wy-min-w-0 wy-items-center wy-gap-2.5",children:[e.jsx(ie,{patternKey:o.id,variant:p==="lg"?"lg":"sm"}),e.jsx("p",{className:"wy-text-sm wy-font-normal wy-text-[#585b66] wy-flex-1 wy-min-w-0 wy-truncate",title:w.name,children:w.name?.length>100?`${w.name.slice(0,100)}...`:w.name})]}),e.jsx("p",{className:"wy-text-sm wy-font-bold wy-text-[#585b66] wy-flex-shrink-0",children:w.value}),f&&e.jsx("span",{className:"wy-flex wy-items-center wy-gap-1 wy-flex-shrink-0 wy-text-[#0B66E4]",children:v?e.jsx("span",{className:"wy-download-loader wy-w-3 wy-h-3"}):m?e.jsx(ee,{}):e.jsx("span",{"aria-hidden":"true",children:"â"})})]});return f?e.jsx("button",{type:"button",onClick:()=>{if(m){F?.();return}A?.(w,x)},disabled:v,className:"wy-flex wy-items-center wy-gap-5 wy-min-w-0 wy-px-1 wy-py-2 wy-rounded-md wy-text-left hover:wy-bg-[#F5F7FB] focus-visible:wy-outline focus-visible:wy-outline-2 focus-visible:wy-outline-[#0B66E4] disabled:wy-opacity-60 disabled:wy-cursor-not-allowed","aria-label":m?`${E} â Pro feature`:`${E} for ${w.name}`,children:k},x):e.jsx("div",{className:"wy-flex wy-items-center wy-gap-5 wy-min-w-0 wy-px-1 wy-py-2",children:k},x)})})]})}function ie({patternKey:t,variant:r}){const s=Z.find(i=>i.id===t),a=r==="lg"?28:16,l=s.id==="wavy"||s.id==="cubic"?20:s.id==="polka-dot"?12:s.id==="stripes"?8:16,u=r==="lg"?"wy-relative wy-border-[2.36px] wy-border-solid wy-border-white wy-flex-shrink-0 wy-skew-x-[0.97deg]":"wy-flex-shrink-0";return e.jsxs("svg",{width:a,height:a,className:u,"aria-hidden":"true",children:[e.jsx("defs",{children:e.jsxs("pattern",{id:`legend-pattern-${r}-${s.id}`,x:"0",y:"0",width:l,height:l,patternUnits:"userSpaceOnUse",children:[e.jsx("rect",{width:l,height:l,fill:s.baseColor}),s.id==="wavy"&&[2,4,6,8,10,12,14,16,18].map(i=>e.jsx("path",{d:`M 0 ${i} Q 2.5 ${i-1.5}, 5 ${i} T 10 ${i} T 15 ${i} T 20 ${i}`,stroke:s.patternColor,strokeWidth:"1.5",fill:"none"},i)),s.id==="polka-dot"&&[3,9].flatMap(i=>[3,9].map(c=>e.jsx("circle",{cx:i,cy:c,r:"2",fill:s.patternColor},`${i}-${c}`))),s.id==="stripes"&&[0,1.5,3,4.5,6,7.5].map(i=>e.jsx("line",{x1:"0",y1:i,x2:"8",y2:i,stroke:s.patternColor,strokeWidth:"1"},i)),s.id==="diamond"&&[-4,0,4,8,12].flatMap(i=>[-4,0,4,8,12].map(c=>{const d=Math.floor(c/4)%2===0,p=Math.floor(i/4)%2===0,A=d===p;return e.jsx("path",{d:`M ${i+2} ${c} L ${i+4} ${c+2} L ${i+2} ${c+4} L ${i} ${c+2} Z`,fill:A?s.patternColor:"none",stroke:s.patternColor,strokeWidth:"0.5"},`${i}-${c}`)})),s.id==="cubic"&&[0,10].flatMap(i=>[0,5].map(c=>{const d=i*3.3,p=c*5;return e.jsxs("g",{children:[e.jsx("path",{d:`M ${d} ${p+2.5} L ${d+1.65} ${p} L ${d+1.65} ${p+5} Z`,stroke:s.patternColor,strokeWidth:"0.8",fill:"none"}),e.jsx("path",{d:`M ${d+1.65} ${p} L ${d+3.3} ${p+2.5} L ${d+1.65} ${p+5} Z`,stroke:s.patternColor,strokeWidth:"0.8",fill:"none"}),e.jsx("path",{d:`M ${d} ${p+2.5} L ${d+1.65} ${p+5} L ${d+3.3} ${p+2.5}`,stroke:s.patternColor,strokeWidth:"0.8",fill:"none"})]},`${i}-${c}`)}))]})}),e.jsx("rect",{width:a,height:a,fill:`url(#legend-pattern-${r}-${s.id})`})]})}const $s=qe("/(protected)/_layout/dashboard/_layout/accessibility/")({component:js});function js(){const{report:t,reportLoader:r,device:s,websiteDetails:a,user:l}=we(),{activePlan:u}=oe(),i=u?.slug==="free",c=Te(),[d,p]=b.useState(null),[A,E]=b.useState(!1),[z,m]=b.useState("issues"),F=n=>{K(de("fs",n),void 0,l??void 0),m(n),E(!0)},C={device:s,limit:5,website_id:a?.id},{data:M,isLoading:D}=Pe(C),H={category:"accessibility",device:s,sort_by:"issue_count",sort_order:"desc",limit:5,website_id:a?.id,enable_aaa:a?.enableAAA??!1},[I,U]=b.useState("desc"),[B,O]=b.useState("issue_severity"),N={category:"accessibility",device:s,severity:"all",limit:10,sort_order:I,standard_type:"all",sort_by:B,enable_aaa:!!a?.enableAAA},{data:L,isLoading:T}=Re(N),{data:q}=We(H),[P,V]=b.useState([]);b.useEffect(()=>{q&&V(q.filter(n=>n.count>0))},[q]);const w={device:s,category:"accessibility",enable_aaa:a?.enableAAA||!1,website_id:a?.id},{data:x}=ze(w),o={device:s,website_id:a?.id,enable_aaa:!!a?.enableAAA},{data:v,isLoading:f}=Ue(o,{enabled:!i}),k=x?.map(n=>({date:n.audit_date,score:a?.enableAAA?(n.avg_scores_by_standard?(n.avg_scores_by_standard?.["wcag2.2aaa"].avg_combined_score??n.avg_scores_by_standard?.["wcag2.2aaa"].avg_automated_score)*100:0).toFixed(2):(n.avg_scores_by_standard?(n.avg_scores_by_standard?.["wcag2.2aa"].avg_combined_score??n.avg_scores_by_standard?.["wcag2.2aa"].avg_automated_score)*100:0).toFixed(2)})),[W,h]=b.useState(1),y=ye(),j=n=>{y({to:"/dashboard/issueList/$metrics",params:{metrics:"accessibility"},search:{issue:n}})},$=async n=>{if(n.id){K(G.fsHomescreenFixInInspectorClicked,{issue_id:n.id},l??void 0),p(n.id);try{const R=(await c.fetchQuery({queryKey:["issueIDPageList",{issue_id:n.id,website_id:a?.id,device:s,audit_id:t?.auditId}],queryFn:()=>He({issue_id:n.id,website_id:a?.id??"",device:s,audit_id:t?.auditId})}))?.[0];y({to:"/dashboard/simulator",search:{issue_id:n.id,page_id:R.id,ref:"dashboard",selectedElementsId:0,issueActiveTab:"confirmed"}})}catch(g){console.error("Fix in inspector â page lookup failed",g),y({to:"/dashboard/issueList/$metrics",params:{metrics:"accessibility"},search:{issue:n.id}})}finally{p(null)}}},_=n=>{if(i){F("inspector");return}K(G.fsHomescreenFixPageInInspectorClicked,{page_id:n.id},l??void 0),y({to:"/dashboard/simulator",search:{page_id:n.id,ref:"dashboard",selectedElementsId:0,issueActiveTab:"confirmed"}})},S=()=>{K(G.fsQuickWinsFixAllClicked,{total_issue_count:v?.total_issue_count,current_score:v?.current_score,projected_score:v?.projected_score},l??void 0),y({to:"/dashboard/accessibility/issues",search:n=>{const g={...n};return g.quickWins=!0,g}})};return r?e.jsx("div",{className:"wy-w-full wy-bg-white wy-rounded",children:e.jsx(Oe,{})}):t&&e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"wy-w-full wy-flex wy-flex-col wy-mt-14",children:[e.jsx("div",{className:" wy-relative",children:e.jsx(us,{})}),e.jsxs("div",{className:"wy-mt-4 wy-grid lg:wy-grid-cols-2 sm:wy-flex-wrap wy-gap-4",children:[e.jsx("div",{className:"wy-pt-6 wy-flex wy-flex-col wy-justify-between wy-col-span-1 md:wy-col-span-2 lg:wy-col-span-1 wy-bg-white wy-h-full wy-border wy-border-[#D7D7D7] wy-rounded-lg",children:e.jsxs("div",{className:"wy-pl-4 wy-pr-4 md:wy-pl-8 md:wy-pr-[22px]",children:[e.jsx("h3",{className:"wy-text-base wy-font-bold",children:"Most common issues found on your site"}),e.jsx("p",{className:"wy-text-sm wy-font-normal wy-mt-1 wy-text-webyes-gray",children:"Fix common issues to improve your score"}),D?e.jsx("div",{className:"wy-mt-6 wy-flex wy-justify-center wy-items-center wy-h-[200px]",children:e.jsx("div",{className:"wy-w-10 wy-h-10 wy-download-loader"})}):M&&e.jsx("div",{className:"wy-mt-4 wy-h-full",children:e.jsx(bs,{data:M?.map(n=>({id:n.issue_id,name:n.issue_title,value:n.unique_occurrence_count}))??[],isLoading:D,width:240,height:240,legendVariant:"detailed",swatchSize:"lg",actionLabel:"Fix in inspector",onItemAction:n=>$(n),actionLoadingId:d,isFreePlan:i,onUpgrade:()=>F("inspector")}
8)})]})}),e.jsxs("div",{className:"wy-border wy-min-h-[321px] wy-bg-white wy-border-[#D7D7D7] wy-rounded-lg wy-p-6",children:[e.jsx("h3",{className:"wy-text-base wy-font-bold",children:"Issues per page"}),e.jsx("p",{className:"wy-text-sm wy-font-normal wy-mt-1 wy-text-webyes-gray",children:"These are the pages with most issues."}),P&&P.length>0?e.jsxs("div",{className:"wy-mt-6 wy-flex wy-flex-col wy-gap-2",children:[e.jsxs("div",{className:"wy-flex wy-items-center wy-gap-4 wy-px-1",children:[e.jsx("p",{className:"wy-text-sm wy-font-normal wy-text-webyes-gray wy-flex-1 wy-min-w-0",children:"Page"}),e.jsx("p",{className:"wy-text-sm wy-font-normal wy-text-webyes-gray wy-flex-shrink-0",children:"no. of issues"})]}),(()=>{const n=Math.max(...P.map(g=>g.count),1);return P.map(g=>{const R=g.count/n*100;return e.jsxs("button",{type:"button",onClick:()=>_(g),className:"wy-flex wy-items-center wy-gap-4 wy-px-1 wy-py-2 wy-rounded-md wy-text-left hover:wy-bg-[#F5F7FB] focus-visible:wy-outline focus-visible:wy-outline-2 focus-visible:wy-outline-[#0B66E4]","aria-label":i?"Fix in inspector â Pro feature":`Fix in inspector for ${g.url}`,children:[e.jsxs("div",{className:"wy-flex wy-flex-1 wy-min-w-0 wy-flex-col wy-gap-2",children:[e.jsx("p",{className:"wy-text-sm wy-text-[#21242D] wy-truncate",title:g.url,children:g.url}),e.jsx("div",{className:"wy-h-1.5 wy-bg-[#E2E4EA] wy-rounded-full wy-overflow-hidden",children:e.jsx("div",{className:"wy-h-full wy-bg-[#21242D]",style:{width:`${R}%`}})})]}),e.jsx("p",{className:"wy-text-sm wy-font-bold wy-text-[#21242D] wy-flex-shrink-0",children:g.count}),e.jsx("span",{className:"wy-flex wy-items-center wy-gap-1 wy-flex-shrink-0 wy-text-[#0B66E4]",children:i?e.jsx(ee,{}):e.jsx("span",{"aria-hidden":"true",children:"â"})})]},g.id)})})()]}):e.jsx("div",{className:"wy-flex wy-items-center wy-justify-center wy-h-full",children:e.jsxs("div",{children:[e.jsx(xe,{}),e.jsx("p",{className:"wy-text-sm wy-text-center wy-font-normal wy-text-webyes-gray wy-mt-2",children:"No issues found"})]})})]})]}),e.jsxs("div",{className:"wy-mt-4 wy-grid lg:wy-grid-cols-[1fr_1fr] wy-gap-4 wy-items-stretch",children:[e.jsx(hs,{data:v,isLoading:f,onFixAll:S,isFreePlan:i,onUpgrade:()=>{K(G.fsQuickWinsUpgradeClicked,{source:"quick_wins"},l??void 0),F("quick_wins")}}),e.jsx("div",{className:"wy-bg-white wy-border wy-border-[#C5D1E2] wy-rounded-lg wy-overflow-hidden",children:e.jsxs("div",{className:"wy-p-4 wy-h-full wy-flex wy-flex-col",children:[e.jsx("h3",{className:"wy-text-base wy-font-bold",children:"Accessibility score over time"}),e.jsx("p",{className:"wy-text-sm wy-font-normal wy-mt-1 wy-text-webyes-gray",children:"Fix issues to see how your score changes"}),e.jsxs("div",{className:"wy-relative wy-mt-4 -wy-ml-4 wy-flex-1 wy-min-h-[200px]",children:[k&&e.jsx(as,{width:366,height:239,graphData:k}),i&&e.jsx("div",{className:"wy-absolute wy-inset-0 wy-flex wy-items-center wy-justify-center wy-pointer-events-none",style:{backdropFilter:"blur(5.5px)",background:"linear-gradient(179.89deg, rgba(255,255,255,0) 9.9%, rgb(255,255,255) 60%)"},children:e.jsx("button",{onClick:()=>F("score"),className:"wy-pointer-events-auto wy-bg-[#0b66e4] wy-text-white wy-font-medium wy-text-base wy-px-6 wy-py-2.5 wy-rounded-lg",children:"Upgrade to unlock"})})]})]})})]}),e.jsx("div",{className:"wy-pb-4",children:e.jsx("div",{className:"wy-mt-4 wy-border-[#CBD2E1] wy-border wy-bg-white wy-rounded-lg",children:a&&e.jsx(fs,{navigateToIssueList:j,issue:{data:L??[],isLoading:T},pagination:{setPage:h,currentPage:W},sortOptions:{setSortBy:O,setSortOrder:U,sort_by:B,sort_order:I},redirect:!0,websiteDetails:a,isFreePlan:i,onUpgrade:()=>F("issues"),onSortUpgrade:()=>F("sort"),onSortPagesUpgrade:()=>F("sort_pages"),totalIssueCount:t?.metrics.find(n=>n.key==="accessibility")?.totalIssues??void 0})})})]}),e.jsx(ce,{isOpen:A,onClose:()=>E(!1),onViewPlans:()=>y({to:"/dashboard/plans"}),context:z,productType:"full-suite"})]})}export{$s as Route,js as default};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.