Ubuntu
"use strict";(globalThis.webpackChunkpojo_accessibility=globalThis.webpackChunkpojo_accessibility||[]).push([[7165],{37082(e,i,t){t.d(i,{Y:()=>l});var s=t(78048),a=t(85848),n=t(27723),o=t(10790);const l=()=>(0,o.jsx)(s.A,{display:"flex",alignItems:"center",justifyContent:"center",flexDirection:"column",sx:{height:"250px"},children:(0,o.jsx)(a.A,{variant:"body2",color:"text.tertiary",children:(0,n.__)("No data available","pojo-accessibility")})})},41094(e,i,t){t.d(i,{Nc:()=>j,QP:()=>x,TE:()=>p,ax:()=>h,fM:()=>r,rf:()=>d});var s=t(78048),a=t(86269),n=t(71676),o=t(94284),l=t(85848),c=t(95231);const r=(0,c.I)(s.A)`
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
max-height: 100%;
min-height: 50%;
height: 100%;
overflow: hidden;
`,d=(0,c.I)(n.A)`
overflow: auto;
max-height: 100%;
padding: ${({theme:e})=>e.spacing(4)};
`,h=(0,c.I)(s.A)`
overflow: auto;
max-height: 100%;
padding: ${({theme:e})=>e.spacing(4)};
width: 100%;
`,x=(0,c.I)(l.A)`
display: flex;
align-items: center;
margin: 0;
color: ${({theme:e})=>e.palette.common.black};
line-height: 1.75;
.MuiChip-root {
margin-inline-start: ${({theme:e})=>e.spacing(1)};
font-weight: 400;
}
`,p=(0,c.I)(o.A)`
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 24px;
width: 376px;
min-height: 264px;
box-shadow: ${({theme:e})=>e.shadows[0]};
cursor: pointer;
:hover {
box-shadow: 0 0 15px 0 rgb(37 99 235 / 0.15);
border-color: ${({theme:e})=>e.palette.info.main};
}
`,j=((0,c.I)(n.A)`
display: flex;
flex-direction: column;
align-items: start;
gap: ${({theme:e})=>e.spacing(2)};
overflow: auto;
max-height: 100%;
max-width: 1200px;
width: 100%;
margin-right: auto;
margin-left: auto;
@media (min-width: ${({theme:e})=>e.breakpoints.values.sm}px) {
padding-left: 0;
padding-right: 0;
}
`,(0,c.I)(a.A)`
&:last-child {
padding-bottom: 16px;
}
`)},43331(e,i,t){t.d(i,{Ph:()=>I,xT:()=>V,A_:()=>T,Vb:()=>v,pp:()=>L,oG:()=>w,no:()=>k});var s=t(77484),a=t(42587),n=t(21627),o=t(66751),l=t(18614),c=t(3072),r=t(10790);const d=(e,{size:i})=>(0,r.jsxs)(c.A,{viewBox:"0 0 24 24",fill:"none",stroke:e.sx.color,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.5",fontSize:i,children:[(0,r.jsx)("path",{d:"M12 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0"}),(0,r.jsx)("path",{d:"M4 8v-2a2 2 0 0 1 2 -2h2"})," ",(0,r.jsx)("path",{d:"M4 16v2a2 2 0 0 0 2 2h2"}),(0,r.jsx)("path",{d:"M16 4h2a2 2 0 0 1 2 2v2"}),(0,r.jsx)("path",{d:"M16 20h2a2 2 0 0 0 2 -2v-2"})]});var h=t(43152),x=t(76811);const p=(e,{size:i})=>(0,r.jsx)(c.A,{viewBox:"0 0 22 20",fontSize:i,...e,children:(0,r.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M1.46967 0.46967C1.76256 0.176777 2.23744 0.176777 2.53033 0.46967L16.8174 14.7568C16.8654 14.7941 16.9095 14.8378 16.9483 14.8876L20.5303 18.4697C20.8232 18.7626 20.8232 19.2374 20.5303 19.5303C20.2374 19.8232 19.7626 19.8232 19.4697 19.5303L16.2465 16.3072C14.6369 17.2662 12.8851 17.7501 11 17.7501C6.63999 17.7501 3.09715 15.1815 0.348826 10.3722C0.217043 10.1416 0.217059 9.85846 0.348868 9.62787C1.57253 7.48713 2.95235 5.78794 4.50007 4.56074L1.46967 1.53033C1.17678 1.23744 1.17678 0.762563 1.46967 0.46967ZM5.56879 5.62945C4.2411 6.64776 3.00403 8.09495 1.86833 10.0001C4.41111 14.2678 7.46133 16.2501 11 16.2501C12.4819 16.2501 13.8599 15.904 15.1467 15.2073L12.3414 12.402C11.9342 12.6299 11.4719 12.7526 10.997 12.7524C10.2675 12.7522 9.56806 12.4622 9.05245 11.9462C8.53683 11.4302 8.2473 10.7305 8.24756 10.0011C8.24773 9.52682 8.37037 9.06524 8.59796 8.65862L5.56879 5.62945ZM9.76068 9.82134C9.75201 9.88068 9.74758 9.94091 9.74756 10.0016C9.74744 10.3332 9.87907 10.6513 10.1135 10.8859C10.3479 11.1205 10.6659 11.2523 10.9975 11.2524C11.0585 11.2525 11.119 11.248 11.1787 11.2393L9.76068 9.82134ZM10.9973 3.75005C10.1762 3.74715 9.35876 3.86029 8.56927 4.08614C8.17104 4.20006 7.75585 3.96957 7.64192 3.57133C7.528 3.17309 7.75849 2.75791 8.15672 2.64398C9.08165 2.37939 10.0393 2.24678 11.0013 2.25006C15.3607 2.25058 18.9031 4.81912 21.6512 9.62794C21.783 9.85855 21.7829 10.1417 21.6511 10.3723C20.8503 11.7731 19.984 12.9842 19.0478 13.9971C18.7666 14.3013 18.2921 14.32 17.9879 14.0388C17.6838 13.7577 17.6651 13.2832 17.9462 12.979C18.7114 12.1512 19.4404 11.1597 20.1317 10C17.5889 5.73236 14.5387 3.75006 11 3.75006L10.9973 3.75005Z"})});var j=t(95092),g=t(131),u=t(28426),y=t(81976),b=t(52805);const m=()=>(0,r.jsxs)("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",children:[(0,r.jsx)("path",{d:"M17 8C17.621 8.46574 18.125 9.06966 18.4721 9.76393C18.8193 10.4582 19 11.2238 19 12C19 12.7762 18.8193 13.5418 18.4721 14.2361C18.125 14.9303 17.621 15.5343 17 16",stroke:"black",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),(0,r.jsx)("path",{d:"M8 15.0002H6C5.73478 15.0002 5.48043 14.8949 5.29289 14.7073C5.10536 14.5198 5 14.2654 5 14.0002V10.0002C5 9.735 5.10536 9.48065 5.29289 9.29311C5.48043 9.10557 5.73478 9.00022 6 9.00022H8L11.5 4.50022C11.5874 4.33045 11.7326 4.19754 11.9095 4.12551C12.0863 4.05348 12.2831 4.04708 12.4643 4.10746C12.6454 4.16784 12.799 4.29103 12.8972 4.45476C12.9955 4.61849 13.0319 4.81196 13 5.00022V19.0002C13.0319 19.1885 12.9955 19.3819 12.8972 19.5457C12.799 19.7094 12.6454 19.8326 12.4643 19.893C12.2831 19.9534 12.0863 19.947 11.9095 19.8749C11.7326 19.8029 11.5874 19.67 11.5 19.5002L8 15.0002Z",stroke:"black",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]}),_=(e,{size:i})=>(0,r.jsx)(c.A,{viewBox:"0 0 40 41",fontSize:i,...e,children:(0,r.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M18.3333 6.75C17.1827 6.75 16.25 7.68274 16.25 8.83333V12.1667C16.25 13.3173 17.1827 14.25 18.3333 14.25H21.6667C22.8173 14.25 23.75 13.3173 23.75 12.1667V8.83333C23.75 7.68274 22.8173 6.75 21.6667 6.75H18.3333ZM21.25 16.75H21.6667C24.198 16.75 26.25 14.698 26.25 12.1667V8.83333C26.25 6.30203 24.198 4.25 21.6667 4.25H18.3333C15.802 4.25 13.75 6.30203 13.75 8.83333V12.1667C13.75 14.698 15.802 16.75 18.3333 16.75H18.75V19.25H13.3333C12.1178 19.25 10.952 19.7329 10.0924 20.5924C9.23289 21.452 8.75 22.6178 8.75 23.8333V24.25H8.33333C5.80203 24.25 3.75 26.302 3.75 28.8333V32.1667C3.75 34.698 5.80203 36.75 8.33333 36.75H11.6667C14.198 36.75 16.25 34.698 16.25 32.1667V28.8333C16.25 26.302 14.198 24.25 11.6667 24.25H11.25V23.8333C11.25 23.2808 11.4695 22.7509 11.8602 22.3602C12.2509 21.9695 12.7808 21.75 13.3333 21.75H26.6667C27.2192 21.75 27.7491 21.9695 28.1398 22.3602C28.5305 22.7509 28.75 23.2808 28.75 23.8333V24.25H28.3333C25.802 24.25 23.75 26.302 23.75 28.8333V32.1667C23.75 34.698 25.802 36.75 28.3333 36.75H31.6667C34.198 36.75 36.25 34.698 36.25 32.1667V28.8333C36.25 26.302 34.198 24.25 31.6667 24.25H31.25V23.8333C31.25 22.6178 30.7671 21.452 29.9076 20.5924C29.048 19.7329 27.8822 19.25 26.6667 19.25H21.25V16.75ZM28.3333 26.75C27.1827 26.75 26.25 27.6827 26.25 28.8333V32.1667C26.25 33.3173 27.1827 34.25 28.3333 34.25H31.6667C32.8173 34.25 33.75 33.3173 33.75 32.1667V28.8333C33.75 27.6827 32.8173 26.75 31.6667 26.75H28.3333ZM8.33333 26.75C7.18274 26.75 6.25 27.6827 6.25 28.8333V32.1667C6.25 33.3173 7.18274 34.25 8.33333 34.25H11.6667C12.8173 34.25 13.75 33.3173 13.75 32.1667V28.8333C13.75 27.6827 12.8173 26.75 11.6667 26.75H8.33333Z",fill:"black"})}),A=(e,{size:i})=>(0,r.jsx)(c.A,{viewBox:"0 0 16 20",fontSize:i,...e,children:(0,r.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3 1.75C2.66848 1.75 2.35054 1.8817 2.11612 2.11612C1.8817 2.35054 1.75 2.66848 1.75 3V17C1.75 17.3315 1.8817 17.6495 2.11612 17.8839C2.35054 18.1183 2.66848 18.25 3 18.25H13C13.3315 18.25 13.6495 18.1183 13.8839 17.8839C14.1183 17.6495 14.25 17.3315 14.25 17V6.75H11C10.5359 6.75 10.0908 6.56563 9.76256 6.23744C9.43437 5.90925 9.25 5.46413 9.25 5V1.75H3ZM10.75 2.81066L13.1893 5.25H11C10.9337 5.25 10.8701 5.22366 10.8232 5.17678C10.7763 5.12989 10.75 5.0663 10.75 5V2.81066ZM1.05546 1.05546C1.57118 0.539731 2.27065 0.25 3 0.25H10C10.1989 0.25 10.3897 0.329018 10.5303 0.46967L15.5303 5.46967C15.671 5.61032 15.75 5.80109 15.75 6V17C15.75 17.7293 15.4603 18.4288 14.9445 18.9445C14.4288 19.4603 13.7293 19.75 13 19.75H3C2.27065 19.75 1.57118 19.4603 1.05546 18.9445C0.539731 18.4288 0.25 17.7293 0.25 17V3C0.25 2.27065 0.539731 1.57118 1.05546 1.05546ZM4.25 7C4.25 6.58579 4.58579 6.25 5 6.25H6C6.41421 6.25 6.75 6.58579 6.75 7C6.75 7.41421 6.41421 7.75 6 7.75H5C4.58579 7.75 4.25 7.41421 4.25 7ZM4.25 11C4.25 10.5858 4.58579 10.25 5 10.25H11C11.4142 10.25 11.75 10.5858 11.75 11C11.75 11.4142 11.4142 11.75 11 11.75H5C4.58579 11.75 4.25 11.4142 4.25 11ZM4.25 15C4.25 14.5858 4.58579 14.25 5 14.25H11C11.4142 14.25 11.75 14.5858 11.75 15C11.75 15.4142 11.4142 15.75 11 15.75H5C4.58579 15.75 4.25 15.4142 4.25 15Z"})});var C=t(94885),f=t(27723);const v=Object.freeze({SPEED:2,FOREGROUND_COLOR:"#D9D9D9"}),w="ea11y-widget-preview--container",k="ea11y-root",T={REMOVE_BRANDING:"remove-elementor-label"},H={color:"black"},L=10,V={"bigger-text":{title:(0,f.__)("Bigger text","pojo-accessibility"),chartsTitle:(0,f.__)("Bigger text","pojo-accessibility"),icon:(0,r.jsx)(C.A,{sx:H})},"bigger-line-height":{title:(0,f.__)("Bigger line height","pojo-accessibility"),chartsTitle:(0,f.__)("Bigger line height","pojo-accessibility"),icon:(0,r.jsx)(j.A,{sx:H})},"text-align":{title:(0,f.__)("Text align","pojo-accessibility"),chartsTitle:(0,f.__)("Align text","pojo-accessibility"),icon:(0,r.jsx)(a.A,{sx:H})},"readable-font":{title:(0,f.__)("Readable font","pojo-accessibility"),chartsTitle:(0,f.__)("Readable font","pojo-accessibility"),icon:(0,r.jsx)(y.A,{sx:H})},grayscale:{title:(0,f.__)("Greyscale","pojo-accessibility"),chartsTitle:(0,f.__)("Greyscale","pojo-accessibility"),icon:(0,r.jsx)(h.A,{sx:H})},contrast:{title:(0,f.__)("Contrast","pojo-accessibility"),chartsTitle:(0,f.__)("Contrast","pojo-accessibility"),icon:(0,r.jsx)(l.A,{sx:H})},"page-structure":{title:(0,f.__)("Page structure","pojo-accessibility"),chartsTitle:(0,f.__)("Page structure","pojo-accessibility"),icon:(0,r.jsx)(g.A,{sx:H})},sitemap:{title:(0,f.__)("Sitemap","pojo-accessibility"),chartsTitle:(0,f.__)("Sitemap","pojo-accessibility"),icon:(0,r.jsx)(_,{sx:H})},"reading-mask":{title:(0,f.__)("Reading mask","pojo-accessibility"),chartsTitle:(0,f.__)("Reading mask","pojo-accessibility"),icon:(0,r.jsx)(b.A,{sx:H})},"hide-images":{title:(0,f.__)("Hide images","pojo-accessibility"),chartsTitle:(0,f.__)("Hide images","pojo-accessibility"),icon:(0,r.jsx)(x.A,{sx:H})},"pause-animations":{title:(0,f.__)("Pause animations","pojo-accessibility"),chartsTitle:(0,f.__)("Pause animations","pojo-accessibility"),icon:(0,r.jsx)(u.A,{sx:H})},"highlight-links":{title:(0,f.__)("Highlight links","pojo-accessibility"),chartsTitle:(0,f.__)("Highlight links","pojo-accessibility"),icon:(0,r.jsx)(n.A,{sx:H})},"focus-outline":{title:(0,f.__)("Outline focus","pojo-accessibility"),chartsTitle:(0,f.__)("Outline focus","pojo-accessibility"),icon:(0,r.jsx)(d,{sx:H})},"hide-widget":{title:(0,f.__)("Hide widget","pojo-accessibility"),chartsTitle:(0,f.__)("Hide widget","pojo-accessibility"),icon:(0,r.jsx)(p,{})},statement:{title:(0,f.__)("Statement","pojo-accessibility"),chartsTitle:(0,f.__)("Statement","pojo-accessibility"),icon:(0,r.jsx)(A,{})},"screen-reader":{title:(0,f.__)("Screen reader","pojo-accessibility"),chartsTitle:(0,f.__)("Screen reader","pojo-accessibility"),icon:(0,r.jsx)(m,{}),pro:!0},"language-selector":{title:(0,f.__)("Language selector","pojo-accessibility"),chartsTitle:(0,f.__)("Language selector","pojo-accessibility"),icon:(0,r.jsx)(o.A,{sx:H}),pro:!0},other:{title:(0,f.__)("Other","pojo-accessibility"),chartsTitle:(0,f.__)("Other","pojo-accessibility")}},I=[s.ColorBurgundy900,s.ColorPink400,s.ColorBlue700,s.ColorBlue500,s.ColorGreen700,s.ColorGreen500,s.ColorCyan400]},55646(e,i,t){t.d(i,{f:()=>r});var s=t(97579),a=t(78048),n=t(49775),o=t(85848),l=t(27723),c=t(10790);const r=()=>(0,c.jsxs)(a.A,{display:"flex",gap:1,children:[(0,c.jsx)(o.A,{variant:"subtitle1",children:(0,l.__)("Widget opens","pojo-accessibility")}),(0,c.jsx)(n.A,{content:(0,c.jsx)(o.A,{variant:"body1",sx:{p:2,maxWidth:"300px"},children:(0,l.__)("Track how often visitors clicked your accessibility widget to open it so you see how many people are actively seeking accessibility features on your site.","pojo-accessibility")}),children:(0,c.jsx)(s.A,{fontSize:"small"})})]})},74565(e,i,t){t.d(i,{Fe:()=>o,GZ:()=>a,g6:()=>c,ln:()=>n,n4:()=>l,wv:()=>s});const s=e=>/^(https?):\/\/([a-zA-Z0-9-]+\.)+[a-zA-Z]{2,}(:\d{1,5})?(\/.*)?$/i.test(e),a=e=>/^#[A-Za-z0-9_.-]+$/.test(e),n=(e,i=10)=>{const t=[];for(let s=0;s{window.open(e,i)},l=(e,i)=>i&&e?parseFloat((i/e*100).toFixed(1)):0,c=e=>{if(e>=1e6){const i=e/1e6;return i%1==0?`${i}M`:`${i.toFixed(1)}M`}if(e>=1e3){const i=e/1e3;return i%1==0?`${i}K`:`${i.toFixed(1)}K`}return e}},89968(e,i,t){t.d(i,{B:()=>r});var s=t(97579),a=t(78048),n=t(49775),o=t(85848),l=t(27723),c=t(10790);const r=()=>(0,c.jsxs)(a.A,{display:"flex",gap:1,children:[(0,c.jsx)(o.A,{variant:"subtitle1",children:(0,l.__)("Feature usage","pojo-accessibility")}),(0,c.jsx)(n.A,{content:(0,c.jsx)(o.A,{variant:"body1",sx:{p:2,maxWidth:"300px"},children:(0,l.__)("Track which accessibility features visitors use most from your widget so you can better understand your audience's needs.","pojo-accessibility")}),children:(0,c.jsx)(s.A,{fontSize:"small"})})]})},93706(e,i,t){t.r(i),t.d(i,{default:()=>be});var s=t(78048),a=t(95231),n=t(97579),o=t(50602),l=t(41226),c=t(47428),r=t(71974),d=t(66474),h=t(40976),x=t(84054),p=t(93248),j=t(49775),g=t(98053),u=t(85848),y=t(70276),b=t(27723),m=t(44694),_=t(10790);const A=()=>{const{isAnalyticsEnabled:e,handleAnalyticsToggle:i,updateIsAnalyticsEnabled:t,showConfirmPopup:a,setShowConfirmPopup:A}=(0,m.p)(),C=()=>{A(!1),y.K.sendEvent(y.m.popupButtonClicked,{data:{popupType:"analytics_confirm",buttonName:"Not now"}})};return(0,_.jsxs)(_.Fragment,{children:[(0,_.jsx)(p.A,{control:(0,_.jsx)(g.A,{color:"info",checked:e,onChange:()=>{i()},sx:{ml:2}}),label:(0,_.jsxs)(s.A,{display:"flex",alignItems:"center",gap:1,children:[(0,_.jsx)(u.A,{variant:"body1",children:(0,b.__)("Track widget data","pojo-accessibility")}),(0,_.jsx)(j.A,{content:(0,_.jsx)(u.A,{variant:"body1",sx:{p:2,maxWidth:"300px"},children:(0,b.__)("Enable to track widget data, feature usage, user insights and more to improve your website's accessibility.","pojo-accessibility")}),children:(0,_.jsx)(n.A,{fontSize:"small"})})]}),labelPlacement:"start",sx:{ml:0}}),(0,_.jsxs)(l.A,{open:a,onClose:C,"aria-labelledby":"confirm-enable-analytics-title","aria-describedby":"confirm-enable-analytics-description",children:[(0,_.jsx)(h.A,{logo:!1,children:(0,_.jsx)(x.A,{children:(0,b.__)("Enable widget tracking?","pojo-accessibility")})}),(0,_.jsxs)(r.A,{sx:{gap:2,display:"flex",flexDirection:"column"},children:[(0,_.jsx)(d.A,{id:"confirm-enable-analytics-description",children:(0,b.__)("This allows Ally to record how visitors open and use your accessibility widget, unlocking real‑time analytics.","pojo-accessibility")}),(0,_.jsx)(d.A,{id:"confirm-enable-analytics-description",children:(0,b.__)("This may slightly affect performance on high‑traffic sites.","pojo-accessibility")})]}),(0,_.jsxs)(c.A,{children:[(0,_.jsx)(o.A,{onClick:C,color:"secondary",children:(0,b.__)("Not now","pojo-accessibility")}),(0,_.jsx)(o.A,{onClick:()=>{t(),A(!1),y.K.sendEvent(y.m.popupButtonClicked,{data:{popupType:"analytics_confirm",buttonName:"Confirm"}})},variant:"contained",color:"primary",children:(0,b.__)("Confirm & enable","pojo-accessibility")})]})]})]})};var C=t(81352),f=t(27271),v=t(95408),w=t(12332),k=t(5322),T=t(92182),H=t(8546),L=t(3072),V=t(86087),I=t(40730),M=t(2660),P=t(97277),S=t(51997),z=t(93340),B=t(14106),$=t(47226),E=t(59987),Z=t(76761),F=t(37082);const N=()=>(0,_.jsxs)(s.A,{display:"flex",gap:1,children:[(0,_.jsx)(u.A,{variant:"subtitle1",children:(0,b.__)("Most used features","pojo-accessibility")}),(0,_.jsx)(j.A,{content:(0,_.jsx)(u.A,{variant:"body1",sx:{p:2,maxWidth:"300px"},children:(0,b.__)("Track how often all your widget’s accessibility features are used.","pojo-accessibility")}),children:(0,_.jsx)(n.A,{fontSize:"small"})})]});var R=t(41094),D=t(43331),O=t(74565);const W=()=>{const{stats:e}=(0,m.p)(),[i,t]=(0,V.useState)(0),a=(0,O.ln)(e.elements,D.pp),n=(e,i)=>{switch(e){case"text-align":return"left"===i?(0,b.__)("Left align text","pojo-accessibility"):(0,b.__)("Right align text","pojo-accessibility");case"contrast":switch(i){case"dark":return(0,b.__)("Dark contrast","pojo-accessibility");case"light":return(0,b.__)("Light contrast","pojo-accessibility");default:return(0,b.__)("High contrast","pojo-accessibility")}case"screen-reader":switch(i){case"read-normal":return(0,b.__)("Screen reader","pojo-accessibility");case"read-fast":return(0,b.__)("Screen reader fast","pojo-accessibility");default:return(0,b.__)("Screen reader slow","pojo-accessibility")}default:return`${D.xT[e].chartsTitle}${i?` ${i}`:""}`}};return(0,_.jsxs)(I.A,{variant:"outlined",children:[(0,_.jsx)(M.A,{title:(0,_.jsx)(N,{})}),(0,_.jsxs)(R.Nc,{sx:{minHeight:"450px"},children:[(0,_.jsxs)(P.A,{children:[(0,_.jsx)($.A,{children:(0,_.jsxs)(Z.A,{children:[(0,_.jsx)(z.A,{variant:"head",width:"40%",sx:0===e.elements.length?{borderBottom:"none"}:null,children:(0,b.__)("Features","pojo-accessibility")}),(0,_.jsx)(z.A,{variant:"head",width:"60%",sx:0===e.elements.length?{borderBottom:"none"}:null,children:(0,b.__)("Times used","pojo-accessibility")})]})}),(0,_.jsx)(S.A,{children:a[i]?.map((e,i)=>(0,_.jsxs)(Z.A,{children:[(0,_.jsx)(z.A,{children:(0,_.jsxs)(s.A,{display:"flex",alignItems:"center",gap:1,children:[D.xT[e.event].icon,(0,_.jsx)(u.A,{variant:"body2",children:n(e.event,e.value)})]})}),(0,_.jsx)(z.A,{children:(0,_.jsx)(u.A,{variant:"body2",children:e.total})})]},`feature-${e.event}-${e.value}_${i}`))}),a?.length>1&&(0,_.jsx)(B.A,{children:(0,_.jsx)(Z.A,{children:(0,_.jsx)(E.A,{disabled:!e.elements.length,count:e.elements.length,onPageChange:(e,i)=>t(i),page:i,rowsPerPage:D.pp,rowsPerPageOptions:[],sx:{borderBottom:"none"}})})})]}),0===e.elements.length&&(0,_.jsx)(F.Y,{})]})]})},G=(0,V.lazy)(()=>Promise.all([t.e(7925),t.e(1094),t.e(1039)]).then(t.bind(t,84090)).then(e=>({default:e.LineChart}))),K=(0,V.lazy)(()=>Promise.all([t.e(7925),t.e(1094),t.e(1039)]).then(t.bind(t,7365)).then(e=>({default:e.PieChart})));var U=t(30431),Y=t(55646);const Q=e=>(0,_.jsxs)("svg",{viewBox:"0 0 489 194",fill:"transparent",...e,style:{maxWidth:"100%"},children:[(0,_.jsx)("path",{d:"M24 1V137",stroke:"#F3F3F4"}),(0,_.jsx)("path",{d:"M24 122.5L102.029 106.033L190.906 2.5L270.809 92.5L344.46 63.4543L407.885 21.2879L488 53.7291",stroke:"black",strokeOpacity:"0.12",strokeWidth:"2"}),(0,_.jsx)("path",{d:"M24 137L488 137",stroke:"#F3F3F4"})]}),q=({animated:e})=>(0,_.jsxs)(I.A,{variant:"outlined",sx:{height:"100%"},children:[(0,_.jsx)(M.A,{title:e?(0,_.jsx)(u.A,{variant:"subtitle1",children:(0,_.jsx)(U.A,{width:150,sx:{p:2},animation:!!e&&"wave",variant:"text"})}):(0,_.jsx)(Y.f,{}),subheader:e?null:(0,_.jsx)(u.A,{variant:"h3",sx:{height:"50px"},children:"--"}),sx:{height:e?"100px":"auto",alignItems:"start"}}),(0,_.jsx)(R.Nc,{sx:{pt:3,pr:4},children:(0,_.jsx)(Q,{width:"489",height:"194"})})]});var J=t(12992),X=t(89968);const ee=({animated:e})=>{const i=(0,V.useRef)(null),[t,s]=(0,V.useState)(null);return(0,V.useEffect)(()=>{(()=>{const e=Number(i.current.offsetWidth)/3;s(e>180?180:e)})()},[i]),(0,_.jsxs)(I.A,{variant:"outlined",sx:{height:"100%"},children:[(0,_.jsx)(M.A,{title:e?(0,_.jsx)(u.A,{variant:"subtitle1",children:(0,_.jsx)(U.A,{width:150,sx:{p:2},animation:!!e&&"wave",variant:"text"})}):(0,_.jsx)(X.B,{}),sx:{height:"60px",alignItems:"start"}}),(0,_.jsx)(R.Nc,{ref:i,sx:{pt:5},children:(0,_.jsxs)(J.A,{direction:"row",spacing:6,alignItems:"center",justifyContent:"center",sx:{pb:4},children:[(0,_.jsx)(ie,{variant:"circular",width:t,height:t,animation:!!e&&"wave"}),(0,_.jsx)(J.A,{spacing:2,children:Array.from({length:5}).map((i,s)=>(0,_.jsxs)(J.A,{direction:"row",alignItems:"center",spacing:1,children:[(0,_.jsx)(U.A,{variant:"circular",width:10,height:10,animation:!!e&&"wave"}),(0,_.jsx)(U.A,{variant:"rounded",width:t,height:15,animation:!!e&&"wave"})]},s))})]})})]})},ie=(0,a.I)(U.A)`
position: relative;
&:before {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: calc(100% - 30px);
height: calc(100% - 30px);
border-radius: 50%;
background: ${({theme:e})=>e.palette.background.default};
z-index: 1;
}
`,te=({animated:e})=>(0,_.jsxs)(I.A,{variant:"outlined",sx:{height:"100%"},children:[(0,_.jsx)(M.A,{title:e?(0,_.jsx)(u.A,{variant:"subtitle1",children:(0,_.jsx)(U.A,{width:150,sx:{p:2},animation:!!e&&"wave",variant:"text"})}):(0,_.jsx)(N,{}),sx:{height:"60px",alignItems:"start"}}),(0,_.jsx)(R.Nc,{sx:{pt:3},children:(0,_.jsx)(J.A,{spacing:1,children:Array.from({length:10}).map((i,t)=>(0,_.jsxs)(J.A,{direction:"row",alignItems:"center",spacing:8,children:[(0,_.jsx)(U.A,{width:230,height:25,animation:!!e&&"wave",sx:{mr:6}}),(0,_.jsx)(U.A,{width:120,height:25,animation:!!e&&"wave"})]},t))})})]});var se=t(38443);const ae=()=>{const{stats:e,isAnalyticsEnabled:i,isProVersion:t,loading:a,period:n,setPeriod:l,handleAnalyticsToggle:c}=(0,m.p)(),r=e.dates.at(-1)?.date&&new Date(e.dates.at(-1)?.date),d=r&&r.setDate(r.getDate()+30),h=!t||d&&i,x=a||!d;return(0,_.jsxs)(oe,{children:[!h&&(0,_.jsxs)(v.Ay,{color:"info",icon:(0,_.jsx)(f.A,{}),sx:{width:"100%"},action:!d&&!i&&(0,_.jsx)(o.A,{variant:"outlined",color:"info",size:"small",onClick:()=>c(),children:(0,b.__)("Enable tracking","pojo-accessibility")}),children:[d&&!i&&(0,_.jsxs)(_.Fragment,{children:[(0,_.jsx)(w.A,{sx:{width:"100%"},children:(0,b.sprintf)(
// Translators: %s - date
// Translators: %s - date
(0,b.__)("Data available till %s","pojo-accessibility"),(0,se.dateI18n)("Y/m/d",d,!1))}),(0,b.__)("We are showing you data collected in the past","pojo-accessibility")]}),!d&&i&&(0,_.jsxs)(_.Fragment,{children:[(0,_.jsx)(w.A,{sx:{width:"100%"},children:(0,b.__)("Not enough data to show yet","pojo-accessibility")}),(0,b.__)("Analytics appear once enough visitors interact with your accessibility widget.","pojo-accessibility")]}),!d&&!i&&(0,_.jsxs)(_.Fragment,{children:[(0,_.jsx)(w.A,{sx:{width:"100%"},children:(0,b.__)("Analytics are off.","pojo-accessibility")}),(0,b.__)("Switch on ״Track widget data״ to start collecting usage data for your widget.","pojo-accessibility")]})]}),(0,_.jsxs)(s.A,{display:"flex",justifyContent:"space-between",gap:2,width:"100%",children:[(0,_.jsx)(A,{}),(0,_.jsxs)(s.A,{display:"flex",alignItems:"center",gap:2,children:[(0,_.jsx)(u.A,{variant:"subtitle1",children:(0,b.__)("Display data from","pojo-accessibility")}),(0,_.jsxs)(H.A,{name:(0,b.__)("Period","pojo-accessibility"),onChange:e=>{l(Number(e.target.value)),y.K.sendEvent(y.m.filterSelected,{selectedItem:e.target.value})},value:n,size:"small",IconComponent:()=>(0,_.jsx)(ne,{children:(0,_.jsx)(C.A,{})}),color:"secondary",sx:{width:"270px",position:"relative"},variant:"outlined",children:[(0,_.jsx)(T.A,{value:0,children:(0,b.__)("Today","pojo-accessibility")}),(0,_.jsx)(T.A,{value:1,children:(0,b.__)("Yesterday","pojo-accessibility")}),(0,_.jsx)(T.A,{value:7,children:(0,b.__)("Last 7 days","pojo-accessibility")}),(0,_.jsx)(T.A,{value:30,children:(0,b.__)("Last 30 days","pojo-accessibility")})]})]})]}),(0,_.jsxs)(k.A,{container:!0,spacing:4,children:[(0,_.jsx)(k.A,{item:!0,xs:12,lg:6,children:x?(0,_.jsx)(q,{animated:a}):(0,_.jsx)(V.Suspense,{fallback:(0,_.jsx)(q,{animated:!1}),children:(0,_.jsx)(G,{})})}),(0,_.jsx)(k.A,{item:!0,xs:12,lg:6,children:x?(0,_.jsx)(ee,{animated:a}):(0,_.jsx)(V.Suspense,{fallback:(0,_.jsx)(ee,{animated:!1}),children:(0,_.jsx)(K,{})})}),(0,_.jsx)(k.A,{item:!0,xs:12,children:x?(0,_.jsx)(te,{animated:a}):(0,_.jsx)(W,{})})]})]})},ne=(0,a.I)(L.A)`
position: absolute;
top: 50%;
right: 8px;
cursor: pointer;
pointer-events: none;
transform: translateY(-50%);
`,oe=(0,a.I)(s.A)`
display: flex;
flex-direction: column;
align-items: start;
gap: ${({theme:e})=>e.spacing(4)};
max-width: 1200px;
margin-inline: auto;
`;var le=t(41300),ce=t(94284),re=t(59921),de=t(31370),he=t(5522);const xe=t.p+"images/upgrade.fdf64881.png",pe=(0,a.I)(ce.A)`
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 600px;
max-width: calc(100% - 48px);
padding: 16px;
`,je=(0,a.I)(s.A)`
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 40px;
`,ge=()=>(0,_.jsx)(le.A,{open:!0,disablePortal:!0,hideBackdrop:!0,"aria-labelledby":"upgrade-modal-title","aria-describedby":"upgrade-modal-description",children:(0,_.jsx)(pe,{elevation:24,children:(0,_.jsx)(R.rf,{children:(0,_.jsxs)(je,{children:[(0,_.jsx)("img",{src:xe,alt:(0,b.__)("Upgrade image","pojo-accessibility")}),(0,_.jsxs)(s.A,{children:[(0,_.jsx)(u.A,{variant:"h5",id:"upgrade-modal-title",align:"center",sx:{mb:1},children:(0,b.__)("Discover how visitors use your widget","pojo-accessibility")}),(0,_.jsx)(u.A,{variant:"body2",id:"upgrade-modal-description",align:"center",children:(0,b.__)("Upgrade to a premium plan to access a clear view of your widget's analytics. Track key metrics, understand engagement, and gain insights for improvements.","pojo-accessibility")})]}),(0,_.jsx)(o.A,{href:(0,he.b)(re.qQ.ANALYTICS_POPUP),target:"_blank",size:"large",color:"promotion",startIcon:(0,_.jsx)(de.A,{}),variant:"contained",sx:{width:300},onClick:()=>{y.K.sendEvent(y.m.upgradeButtonClicked,{component:"Upgrade popup",feature:"Analytic"})},children:(0,b.__)("Upgrade now","pojo-accessibility")})]})})})}),ue=(0,a.I)(R.QP)`
max-width: 1200px;
margin: 0 auto 24px;
`,ye=(0,a.I)(s.A)`
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
backdrop-filter: blur(5px);
z-index: 2;
`,be=()=>{const{isProVersion:e}=(0,m.p)();return(0,V.useEffect)(()=>{y.K.sendEvent(y.m.pageView,{page:"Analytics"})},[]),(0,_.jsxs)(R.fM,{sx:{position:"relative"},children:[(0,_.jsxs)(R.ax,{children:[(0,_.jsx)(ue,{variant:"h5",children:(0,b.__)("Analytics","pojo-accessibility")}),(0,_.jsx)(ae,{})]}),!e&&(0,_.jsx)(ye,{children:(0,_.jsx)(ge,{})})]})}}}]);