"use strict";(globalThis.webpackChunkpojo_accessibility=globalThis.webpackChunkpojo_accessibility||[]).push([[8588],{92873(e,i,t){t.r(i),t.d(i,{StyledBox:()=>Oi,StyledContainer:()=>Si,default:()=>Ci});var s=t(78048),a=t(32672),n=t(95231),l=t(85848),r=t(96989),o=t(50438),c=t(70276),d=t(27723),h=t(93832),p=t(3072),x=t(10790);const g=e=>(0,x.jsxs)(p.A,{width:"25",height:"24",fill:"none",...e,children:[(0,x.jsx)("path",{fill:"#000",fillOpacity:".54",d:"M13.5 8a.75.75 0 0 0-1.28-.53l-2 2a.75.75 0 0 0 1.06 1.06l.72-.72V16a.75.75 0 0 0 1.5 0V8Z"}),(0,x.jsx)("path",{fill:"#000",fillOpacity:".54",fillRule:"evenodd",d:"M12.5 2.25a9.75 9.75 0 1 0 0 19.5 9.75 9.75 0 0 0 0-19.5ZM9.343 4.378a8.25 8.25 0 1 1 6.314 15.244A8.25 8.25 0 0 1 9.343 4.378Z",clipRule:"evenodd"})]}),y=e=>(0,x.jsx)(p.A,{width:"25",height:"24",fill:"none",...e,children:(0,x.jsx)("path",{fill:"#000",fillOpacity:".54",fillRule:"evenodd",d:"M12.5 3.75a8.25 8.25 0 1 0 0 16.5 8.25 8.25 0 0 0 0-16.5ZM2.75 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.75 17.385 2.75 12Zm8.75-3.25a.25.25 0 0 0-.25.25.75.75 0 0 1-1.5 0 1.75 1.75 0 0 1 1.75-1.75h2A1.75 1.75 0 0 1 15.25 9v2c0 .36-.11.709-.314 1 .203.291.314.64.314 1v2a1.75 1.75 0 0 1-1.75 1.75h-2A1.75 1.75 0 0 1 9.75 15a.75.75 0 0 1 1.5 0 .25.25 0 0 0 .25.25h2a.25.25 0 0 0 .25-.25v-2a.25.25 0 0 0-.25-.25h-2a.75.75 0 0 1 0-1.5h2a.25.25 0 0 0 .25-.25V9a.25.25 0 0 0-.25-.25h-2Z",clipRule:"evenodd"})}),j=e=>(0,x.jsx)(p.A,{width:"24",height:"24",fill:"none",...e,children:(0,x.jsx)("path",{fill:"#000",fillOpacity:".54",fillRule:"evenodd",d:"M12 3.75a8.25 8.25 0 1 0 0 16.5 8.25 8.25 0 0 0 0-16.5ZM2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm7-4a.75.75 0 0 1 .75-.75h3A1.75 1.75 0 0 1 14.75 9v2A1.75 1.75 0 0 1 13 12.75h-2a.25.25 0 0 0-.25.25v2a.25.25 0 0 0 .25.25h3a.75.75 0 0 1 0 1.5h-3A1.75 1.75 0 0 1 9.25 15v-2A1.75 1.75 0 0 1 11 11.25h2a.25.25 0 0 0 .25-.25V9a.25.25 0 0 0-.25-.25h-3A.75.75 0 0 1 9.25 8Z",clipRule:"evenodd"})}),u=(0,n.I)(s.A)` margin-block-start: ${({theme:e})=>e.spacing(8)}; text-align: center; `,f=(0,n.I)(l.A)` margin-block-start: ${({theme:e})=>e.spacing(2)}; margin-block-end: ${({theme:e})=>e.spacing(1)}; font-size: 20px; font-weight: 500; line-height: 160%; letter-spacing: 0.15px; color: ${({theme:e})=>e.palette.text.primary}; `,m=(0,n.I)(l.A)` color: ${({theme:e})=>e.palette.text.secondary}; margin-block-end: ${({theme:e})=>e.spacing(2)}; `,b=(0,n.I)(r.A)` font-size: 15px; line-height: 24px; letter-spacing: 0.4px; `,_=(0,n.I)(s.A)` margin-block-start: ${({theme:e})=>e.spacing(8)}; `,w=(0,n.I)(l.A)` margin-block-end: ${({theme:e})=>e.spacing(2)}; color: ${({theme:e})=>e.palette.text.secondary}; font-size: 16px; font-weight: 500; line-height: 130%; letter-spacing: 0.15px; `,A=(0,n.I)(s.A)` display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: ${({theme:e})=>e.spacing(2)}; `,v=(0,n.I)(s.A)` max-width: 204px; min-height: 104px; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: ${({theme:e})=>`${e.spacing(2)} ${e.spacing(3)}`}; border-radius: ${({theme:e})=>e.shape.borderRadius}px; color: ${({theme:e})=>e.palette.text.secondary}; background: #f3f3f4; `,E=(0,n.I)(l.A)` display: flex; justify-content: center; align-items: center; margin: 0; margin-block-end: ${({theme:e})=>e.spacing(1)}; color: ${({theme:e})=>e.palette.text.secondary}; font-size: 14px; font-weight: 500; letter-spacing: 0.1px; & svg { margin-inline-end: ${({theme:e})=>e.spacing(1)}; } `,k=()=>{const e=window?.ea11ySettingsData?.homeUrl,i=(0,h.addQueryArgs)(e,{"open-ea11y-assistant":"1","open-ea11y-assistant-src":"Ally_dashboard"});return(0,x.jsxs)(u,{children:[(0,x.jsx)(o.yf,{}),(0,x.jsx)(f,{variant:"h6",as:"h2",children:(0,d.__)("Start by scanning your home page","pojo-accessibility")}),(0,x.jsx)(m,{variant:"body1",children:(0,d.__)("Find and resolve accessibility issues for a more inclusive website.","pojo-accessibility")}),(0,x.jsx)(b,{size:"medium",color:"primary",variant:"contained",href:i,onClick:()=>{c.K.sendEvent(c.m.assistantDashboardScanCtaClicked,{cta_text:"scan_home_page",source:"empty_state"})},target:"_blank",children:(0,d.__)("Scan home page","pojo-accessibility")}),(0,x.jsxs)(_,{children:[(0,x.jsx)(w,{variant:"subtitle1",as:"h2",children:(0,d.__)("Here’s how it works","pojo-accessibility")}),(0,x.jsxs)(A,{children:[(0,x.jsxs)(v,{children:[(0,x.jsxs)(E,{variant:"subtitle2",as:"h3",children:[(0,x.jsx)(g,{}),(0,d.__)("Scan a page","pojo-accessibility")]}),(0,x.jsx)(l.A,{variant:"body2",children:(0,d.__)("Automatically find accessibility issues.","pojo-accessibility")})]}),(0,x.jsxs)(v,{children:[(0,x.jsxs)(E,{variant:"subtitle2",as:"h3",children:[(0,x.jsx)(j,{}),(0,d.__)("Resolve issues","pojo-accessibility")]}),(0,x.jsx)(l.A,{variant:"body2",children:(0,d.__)("Resolve them with Web Accessibility, AI, or manually.","pojo-accessibility")})]}),(0,x.jsxs)(v,{children:[(0,x.jsxs)(E,{variant:"subtitle2",as:"h3",children:[(0,x.jsx)(y,{}),(0,d.__)("Track everything","pojo-accessibility")]}),(0,x.jsx)(l.A,{variant:"body2",children:(0,d.__)("Monitor results, progress, and statuses.","pojo-accessibility")})]})]})]})]})};var $=t(92810),O=t(99028),I=t(92182),R=t(8546),S=t(5556),C=t.n(S),P=t(41094);const M=({period:e,onPeriodChange:i,isEmpty:t,loading:a})=>{const n="ea11y-accessibility-wizard-time-range-select";return(0,x.jsxs)(z,{children:[(0,x.jsxs)(P.QP,{variant:"h5",component:"h1",children:[(0,d.__)("Accessibility scans","pojo-accessibility"),(0,x.jsx)($.A,{size:"small",variant:"filled",color:"default",label:(0,d.__)("Beta","pojo-accessibility")})]}),(0,x.jsxs)(s.A,{children:[(0,x.jsx)(L,{htmlFor:n,children:(0,d.__)("Display data from","pojo-accessibility")}),(0,x.jsxs)(R.A,{id:n,variant:"outlined",size:"small",color:"secondary",onChange:i,value:e,disabled:t||a,children:[(0,x.jsx)(I.A,{value:0,children:(0,d.__)("Today","pojo-accessibility")}),(0,x.jsx)(I.A,{value:1,children:(0,d.__)("Yesterday","pojo-accessibility")}),(0,x.jsx)(I.A,{value:7,children:(0,d.__)("Last 7 days","pojo-accessibility")}),(0,x.jsx)(I.A,{value:30,children:(0,d.__)("Last 30 days","pojo-accessibility")}),(0,x.jsx)(I.A,{value:60,children:(0,d.__)("Last 60 days","pojo-accessibility")})]})]})]})};M.propTypes={period:C().number.isRequired,onPeriodChange:C().func.isRequired,isEmpty:C().bool,loading:C().bool};const z=(0,n.I)(s.A)` display: flex; justify-content: space-between; align-items: center; .MuiSelect-select { min-width: 270px; } `,L=(0,n.I)(O.A)` margin-inline-end: ${({theme:e})=>e.spacing(1)}; color: ${({theme:e})=>e.palette.common.black}; font-weight: 500; `,T=M;var U=t(62707);const D=(0,n.I)(s.A)` margin-block-start: ${({theme:e})=>e.spacing(6)}; text-align: center; `,V=(0,n.I)(l.A)` margin-block-start: 0; margin-block-end: ${({theme:e})=>e.spacing(1)}; font-size: 16px; font-weight: 500; line-height: 130%; letter-spacing: 0.15px; color: ${({theme:e})=>e.palette.text.secondary}; `,q=(0,n.I)(l.A)` color: ${({theme:e})=>e.palette.text.secondary}; `,F=()=>{const{search:e}=(0,U.b)();return e?(0,x.jsxs)(D,{children:[(0,x.jsx)(o.zZ,{}),(0,x.jsx)(V,{variant:"subtitle1",as:"h2",children:(0,d.__)("No matching results found","pojo-accessibility")}),(0,x.jsx)(q,{variant:"body2",children:(0,d.__)("Try entering something else or checking if the spelling is correct before trying again.","pojo-accessibility")})]}):(0,x.jsxs)(D,{children:[(0,x.jsx)(o.zZ,{}),(0,x.jsx)(V,{variant:"subtitle1",as:"h2",children:(0,d.__)("No data to display for this period","pojo-accessibility")}),(0,x.jsx)(q,{variant:"body2",children:(0,d.__)("Try selecting a different timeframe to see your scan results.","pojo-accessibility")})]})};var N=t(81352),Z=t(20017),B=t(18856),G=t(92272),K=t(24308),Q=t(95552),H=t(55016),Y=t(60765),W=t(675),J=t(31766),X=t(75260),ee=t(81591),ie=t(86087);const te=(0,n.I)(r.A)` margin-inline-end: ${({theme:e})=>e.spacing(2)}; `,se=(0,n.I)(X.A,{shouldForwardProp:e=>"expanded"!==e})` width: ${({expanded:e})=>e?"250px":"0"}; opacity: ${({expanded:e})=>e?1:0}; transition: all 300ms ease; & input { width: 250px; height: 40px; margin-inline-end: ${({theme:e})=>e.spacing(2)}; padding-inline-start: 40px; border: 1px solid ${({theme:e})=>e.palette.secondary.main}; border-radius: ${({theme:e})=>e.shape.borderRadius}px; ::placeholder { opacity: 1; color: ${({theme:e})=>e.palette.secondary.main}; font-size: 14px; font-style: normal; font-weight: 500; letter-spacing: 0.4px; } :focus { border: 2px solid ${({theme:e})=>e.palette.secondary.main}; box-shadow: none; } } & fieldset { display: none; } .MuiInputAdornment-positionStart { position: relative; left: 40px; } `,ae=()=>{const{search:e,setSearch:i,loading:t}=(0,U.b)(),[s,a]=(0,ie.useState)(!1),n=(0,ie.useRef)(null),l=(0,ee.YQ)(e=>{c.K.sendEvent(c.m.assistantDashboardSearchTriggered,{input_txt:e})},1e3);if(t)return!1;const r=s||""!==e;return(0,x.jsxs)("div",{style:{position:"relative",display:"inline-block"},children:[!r&&(0,x.jsx)(te,{onClick:()=>{a(!0),n.current?.focus()},variant:"text",color:"secondary",size:"medium",startIcon:(0,x.jsx)(W.A,{fontSize:"small",role:"presentation"}),children:(0,d.__)("Search","pojo-accessibility")}),(0,x.jsx)(se,{inputRef:n,variant:"outlined",size:"medium",type:"search","aria-hidden":!r,expanded:r,"aria-label":(0,d.__)("Search scanned URLs","pojo-accessibility"),placeholder:(0,d.__)("Page URL or name","pojo-accessibility"),onBlur:()=>a(!1),value:e,onChange:e=>{i(e.target.value),l(e.target.value)},inputProps:{tabIndex:r?"0":"-1"},InputProps:{startAdornment:(0,x.jsx)(J.A,{position:"start",children:(0,x.jsx)(W.A,{fontSize:"small",role:"presentation"})})}})]})},ne=(0,n.I)(G.A)` .MuiPaper-root { min-width: 195px; margin-block-start: ${({theme:e})=>e.spacing(1)}; } .MuiList-root { padding-block: ${({theme:e})=>e.spacing(1.25)}; } `,le=(0,n.I)(I.A)` padding-block: 0; padding-inline: ${({theme:e})=>e.spacing(1.25,.75)}; `,re=(0,n.I)(r.A)` width: 100%; `,oe=(0,n.I)(s.A)` display: flex; justify-content: space-between; align-items: center; `,ce=(0,n.I)(s.A)` display: flex; align-items: center; `,de=()=>{const{postTypes:e,loading:i}=(0,U.b)(),t=(0,H.A)({variant:"popover",popupId:"myAccountMenu"});return(0,x.jsxs)(oe,{children:[(0,x.jsx)(l.A,{variant:"h6",as:"h2",children:(0,d.__)("Scanned URLs","pojo-accessibility")}),(0,x.jsxs)(ce,{children:[(0,x.jsx)(ae,{}),(0,x.jsx)(r.A,{size:"medium",color:"primary",variant:"contained",endIcon:t.isOpen?(0,x.jsx)(Z.A,{fontSize:"small"}):(0,x.jsx)(N.A,{fontSize:"small"}),disabled:i||!e,...(0,Y.cO)(t),children:(0,d.__)("New scan","pojo-accessibility")}),(0,x.jsx)(ne,{MenuListProps:{dense:!0},...(0,Y.NA)(t),onClose:t.close,children:Object.values(e).map(e=>(0,x.jsx)(le,{shape:"rounded",onClick:i=>((e,i,t)=>{var s;e.preventDefault(),window.open(i,"_blank"),s=t,c.K.sendEvent(c.m.assistantDashboardScanCtaClicked,{cta_text:`new_scan_${s}`,source:"main_table_cta"})})(i,e.url,e.label),children:(0,x.jsxs)(re,{href:e.url,target:"_blank",children:[(0,x.jsx)(Q.A,{primary:e.label,sx:{whiteSpace:"nowrap"}}),(0,x.jsx)(K.A,{children:(0,x.jsx)(B.A,{fontSize:"small",role:"presentation"})})]})},e.label))})]})]})};var he=t(82619),pe=t(20026),xe=t(70900),ge=t(27584),ye=t(93340),je=t(58360),ue=t(12704),fe=t(90548),me=t(73146),be=t(73928);const _e={position:"absolute",width:"1px",height:"1px",margin:"-1px",border:"0",padding:"0",whiteSpace:"nowrap",clipPath:"inset(100%)",clip:"rect(0 0 0 0)",overflow:"hidden"},we=({children:e})=>(0,ie.isValidElement)(e)?(0,ie.cloneElement)(e,{style:{...e.props.style||{},..._e}}):(console.warn("VisuallyHidden expects a single valid React element as a child."),null);var Ae=t(43516),ve=t(43331);const Ee=(0,ie.memo)(()=>(0,x.jsxs)(Ae.Ay,{speed:ve.Vb.SPEED,foregroundColor:ve.Vb.FOREGROUND_COLOR,height:501,width:1056,children:[(0,x.jsx)("rect",{width:"116",height:"20",x:"16",y:"18",fill:"#E4E4E4",fillOpacity:".5",rx:"4"}),(0,x.jsx)("rect",{width:"188",height:"20",x:"164",y:"18",fill:"#E4E4E4",fillOpacity:".5",rx:"4"}),(0,x.jsx)("rect",{width:"116",height:"20",x:"384",y:"18",fill:"#E4E4E4",fillOpacity:".5",rx:"4"}),(0,x.jsx)("rect",{width:"192",height:"20",x:"532",y:"18",fill:"#E4E4E4",fillOpacity:".5",rx:"4"}),(0,x.jsx)("path",{stroke:"#000",strokeOpacity:".12",d:"M0 56.5h1056"}),(0,x.jsx)("rect",{width:"116",height:"20",x:"16",y:"78",fill:"#E4E4E4",fillOpacity:".5",rx:"4"}),(0,x.jsx)("rect",{width:"188",height:"20",x:"164",y:"78",fill:"#E4E4E4",fillOpacity:".5",rx:"4"}),(0,x.jsx)("rect",{width:"116",height:"20",x:"384",y:"78",fill:"#E4E4E4",fillOpacity:".5",rx:"4"}),(0,x.jsx)("rect",{width:"192",height:"20",x:"532",y:"78",fill:"#E4E4E4",fillOpacity:".5",rx:"4"}),(0,x.jsx)("rect",{width:"50",height:"30",x:"861",y:"73",fill:"#E4E4E4",fillOpacity:".5",rx:"4"}),(0,x.jsx)("rect",{width:"113",height:"30",x:"927",y:"73",fill:"#E4E4E4",fillOpacity:".5",rx:"4"}),(0,x.jsx)("path",{stroke:"#000",strokeOpacity:".12",d:"M0 119.5h1056"}),(0,x.jsx)("rect",{width:"116",height:"20",x:"16",y:"141",fill:"#E4E4E4",fillOpacity:".5",rx:"4"}),(0,x.jsx)("rect",{width:"188",height:"20",x:"164",y:"141",fill:"#E4E4E4",fillOpacity:".5",rx:"4"}),(0,x.jsx)("rect",{width:"116",height:"20",x:"384",y:"141",fill:"#E4E4E4",fillOpacity:".5",rx:"4"}),(0,x.jsx)("rect",{width:"192",height:"20",x:"532",y:"141",fill:"#E4E4E4",fillOpacity:".5",rx:"4"}),(0,x.jsx)("rect",{width:"50",height:"30",x:"861",y:"136",fill:"#E4E4E4",fillOpacity:".5",rx:"4"}),(0,x.jsx)("rect",{width:"113",height:"30",x:"927",y:"136",fill:"#E4E4E4",fillOpacity:".5",rx:"4"}),(0,x.jsx)("path",{stroke:"#000",strokeOpacity:".12",d:"M0 182.5h1056"}),(0,x.jsx)("rect",{width:"116",height:"20",x:"16",y:"204",fill:"#E4E4E4",fillOpacity:".5",rx:"4"}),(0,x.jsx)("rect",{width:"188",height:"20",x:"164",y:"204",fill:"#E4E4E4",fillOpacity:".5",rx:"4"}),(0,x.jsx)("rect",{width:"116",height:"20",x:"384",y:"204",fill:"#E4E4E4",fillOpacity:".5",rx:"4"}),(0,x.jsx)("rect",{width:"192",height:"20",x:"532",y:"204",fill:"#E4E4E4",fillOpacity:".5",rx:"4"}),(0,x.jsx)("rect",{width:"50",height:"30",x:"861",y:"199",fill:"#E4E4E4",fillOpacity:".5",rx:"4"}),(0,x.jsx)("rect",{width:"113",height:"30",x:"927",y:"199",fill:"#E4E4E4",fillOpacity:".5",rx:"4"}),(0,x.jsx)("path",{stroke:"#000",strokeOpacity:".12",d:"M0 245.5h1056"}),(0,x.jsx)("rect",{width:"116",height:"20",x:"16",y:"267",fill:"#E4E4E4",fillOpacity:".5",rx:"4"}),(0,x.jsx)("rect",{width:"188",height:"20",x:"164",y:"267",fill:"#E4E4E4",fillOpacity:".5",rx:"4"}),(0,x.jsx)("rect",{width:"116",height:"20",x:"384",y:"267",fill:"#E4E4E4",fillOpacity:".5",rx:"4"}),(0,x.jsx)("rect",{width:"192",height:"20",x:"532",y:"267",fill:"#E4E4E4",fillOpacity:".5",rx:"4"}),(0,x.jsx)("rect",{width:"50",height:"30",x:"861",y:"262",fill:"#E4E4E4",fillOpacity:".5",rx:"4"}),(0,x.jsx)("rect",{width:"113",height:"30",x:"927",y:"262",fill:"#E4E4E4",fillOpacity:".5",rx:"4"}),(0,x.jsx)("path",{stroke:"#000",strokeOpacity:".12",d:"M0 308.5h1056"}),(0,x.jsx)("rect",{width:"116",height:"20",x:"16",y:"330",fill:"#E4E4E4",fillOpacity:".5",rx:"4"}),(0,x.jsx)("rect",{width:"188",height:"20",x:"164",y:"330",fill:"#E4E4E4",fillOpacity:".5",rx:"4"}),(0,x.jsx)("rect",{width:"116",height:"20",x:"384",y:"330",fill:"#E4E4E4",fillOpacity:".5",rx:"4"}),(0,x.jsx)("rect",{width:"192",height:"20",x:"532",y:"330",fill:"#E4E4E4",fillOpacity:".5",rx:"4"}),(0,x.jsx)("rect",{width:"50",height:"30",x:"861",y:"325",fill:"#E4E4E4",fillOpacity:".5",rx:"4"}),(0,x.jsx)("rect",{width:"113",height:"30",x:"927",y:"325",fill:"#E4E4E4",fillOpacity:".5",rx:"4"}),(0,x.jsx)("path",{stroke:"#000",strokeOpacity:".12",d:"M0 371.5h1056"}),(0,x.jsx)("rect",{width:"116",height:"20",x:"16",y:"393",fill:"#E4E4E4",fillOpacity:".5",rx:"4"}),(0,x.jsx)("rect",{width:"188",height:"20",x:"164",y:"393",fill:"#E4E4E4",fillOpacity:".5",rx:"4"}),(0,x.jsx)("rect",{width:"116",height:"20",x:"384",y:"393",fill:"#E4E4E4",fillOpacity:".5",rx:"4"}),(0,x.jsx)("rect",{width:"192",height:"20",x:"532",y:"393",fill:"#E4E4E4",fillOpacity:".5",rx:"4"}),(0,x.jsx)("rect",{width:"50",height:"30",x:"861",y:"388",fill:"#E4E4E4",fillOpacity:".5",rx:"4"}),(0,x.jsx)("rect",{width:"113",height:"30",x:"927",y:"388",fill:"#E4E4E4",fillOpacity:".5",rx:"4"}),(0,x.jsx)("path",{stroke:"#000",strokeOpacity:".12",d:"M0 434.5h1056"}),(0,x.jsx)("rect",{width:"116",height:"20",x:"16",y:"456",fill:"#E4E4E4",fillOpacity:".5",rx:"4"}),(0,x.jsx)("rect",{width:"188",height:"20",x:"164",y:"456",fill:"#E4E4E4",fillOpacity:".5",rx:"4"}),(0,x.jsx)("rect",{width:"116",height:"20",x:"384",y:"456",fill:"#E4E4E4",fillOpacity:".5",rx:"4"}),(0,x.jsx)("rect",{width:"192",height:"20",x:"532",y:"456",fill:"#E4E4E4",fillOpacity:".5",rx:"4"}),(0,x.jsx)("rect",{width:"50",height:"30",x:"861",y:"451",fill:"#E4E4E4",fillOpacity:".5",rx:"4"}),(0,x.jsx)("rect",{width:"113",height:"30",x:"927",y:"451",fill:"#E4E4E4",fillOpacity:".5",rx:"4"}),(0,x.jsx)("path",{stroke:"#000",strokeOpacity:".12",d:"M0 497.5h1056"})]})),ke=(0,ie.memo)(()=>(0,x.jsx)(s.A,{children:(0,x.jsx)(Ee,{})}));var $e=t(63636);const Oe=({percentage:e,pageUrl:i})=>{const t=(0,h.addQueryArgs)(i,{"open-ea11y-assistant":"1","open-ea11y-assistant-src":"Ally_dashboard"}),s=e=>{c.K.sendEvent(c.m.assistantDashboardScanCtaClicked,{cta_text:e,source:"history_logs_list"})};return 100===e?(0,x.jsx)(Ie,{size:"small",color:"secondary",variant:"outlined",href:t,onClick:()=>s("rescan_url"),target:"_blank",rel:"noreferrer",endIcon:(0,x.jsx)($e.A,{}),children:(0,d.__)("New scan","pojo-accessibility")}):(0,x.jsx)(Ie,{size:"small",color:"secondary",variant:"outlined",href:t,onClick:()=>s("fix_issues"),target:"_blank",rel:"noreferrer",children:(0,d.__)("Resolve issues","pojo-accessibility")})};Oe.propTypes={percentage:C().number.isRequired,pageUrl:C().string.isRequired};const Ie=(0,n.I)(r.A)` min-width: 115px; `,Re=Oe;var Se=t(33475),Ce=t(56770),Pe=t(73916);const Me=({pageUrl:e,remediationCount:i})=>{const[t,a]=(0,ie.useState)(!1),n=(0,ie.useRef)(null),l=(0,h.addQueryArgs)(e,{"open-ea11y-assistant":"1","open-ea11y-assistant-src":"Ally_dashboard"}),r=(0,h.addQueryArgs)(e,{"open-ea11y-manage":"1","open-ea11y-assistant-src":"Ally_dashboard"}),o=()=>a(!1),p=e=>{c.K.sendEvent(c.m.scanLogActionsButtonClicked,{action:e})};return(0,x.jsxs)(s.A,{children:[(0,x.jsx)(Pe.A,{id:"menu-button","aria-controls":t?"assistant-menu":void 0,"aria-expanded":t?"true":void 0,"aria-haspopup":"true",onClick:()=>a(!0),ref:n,"aria-label":(0,d.__)("Menu","pojo-accessibility"),children:(0,x.jsx)(Se.A,{})}),(0,x.jsxs)(G.A,{open:t,id:"assistant-menu",anchorEl:n.current,container:n.current,onClose:o,anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},MenuListProps:{"aria-labelledby":"menu-button"},PaperProps:{style:{overflow:"visible"}},disablePortal:!0,children:[(0,x.jsxs)(I.A,{component:"a",href:l,target:"_blank",rel:"noreferrer",onClick:()=>{p("scan")},dense:!0,children:[(0,x.jsx)(K.A,{children:(0,x.jsx)($e.A,{})}),(0,x.jsx)(Q.A,{children:(0,d.__)("Rescan","pojo-accessibility")})]}),i<1?(0,x.jsx)(be.A,{arrow:!0,placement:"left",title:(0,d.__)("You don’t have any fixes to manage just yet.","pojo-accessibility"),PopperProps:{disablePortal:!0,modifiers:[{name:"offset",options:{offset:[0,-16]}}]},children:(0,x.jsxs)(I.A,{dense:!0,children:[(0,x.jsx)(K.A,{children:(0,x.jsx)(Ce.A,{color:"disabled"})}),(0,x.jsx)(ze,{children:(0,d.__)("Manage fixes","pojo-accessibility")})]})}):(0,x.jsxs)(I.A,{component:"a",href:r,target:"_blank",rel:"noreferrer",onClick:()=>{o(),p("manage fixes")},dense:!0,children:[(0,x.jsx)(K.A,{children:(0,x.jsx)(Ce.A,{})}),(0,x.jsx)(Q.A,{children:(0,d.__)("Manage fixes","pojo-accessibility")})]})]})]})},ze=(0,n.I)(Q.A)` color: ${({theme:e})=>e.palette.text.disabled}; `;Me.propTypes={pageUrl:C().string.isRequired,remediationCount:C().number.isRequired};var Le=t(2304);const Te=()=>{const{scannerResults:e,page:i,setPage:t,setRowsPerPage:s,rowsPerPage:a,loading:n}=(0,U.b)();return n?null:(0,x.jsx)(Le.A,{count:e.length,page:i,onPageChange:(e,i)=>{t(i)},rowsPerPage:a,labelRowsPerPage:(0,d.__)("Scanned URLs per page:","pojo-accessibility"),onRowsPerPageChange:e=>{s(e.target.value)},colSpan:6,align:"right"})};var Ue=t(71271);const De=({color:e,percentage:i})=>(0,x.jsx)($.A,{size:"tiny",color:e,variant:"standard",label:`${i}%`}),Ve=({percentage:e})=>e<=25?(0,x.jsx)(De,{color:"error",percentage:e}):e>25&&e<=60?(0,x.jsx)(De,{color:"warning",percentage:e}):e>60&&e<100?(0,x.jsx)(De,{color:"default",percentage:e}):(0,x.jsx)(Ue.A,{fontSize:"small",color:"success"});Ve.propTypes={percentage:C().number.isRequired};const qe=Ve;var Fe=t(97579);const Ne=({content:e,children:i})=>(0,x.jsx)(be.A,{title:e,direction:"top",arrow:!0,children:i||(0,x.jsx)(Fe.A,{tabIndex:"0",fontSize:"tiny",sx:{cursor:"pointer"}})});Ne.propTypes={content:C().string.isRequired,children:C().node};const Ze=Ne;var Be=t(38443);const Ge=({scannerResults:e,loading:i})=>{const[t,s]=(0,ie.useState)({}),a=e=>{const i=new Date(e);return(0,Be.dateI18n)((0,d.__)("d.m.Y, H:i","pojo-accessibility"),i,void 0)};return i?(0,x.jsx)(Ke,{children:(0,x.jsx)(ke,{})}):(0,x.jsx)(Ke,{children:(0,x.jsxs)(xe.A,{"aria-label":(0,d.__)("Scan results","pojo-accessibility"),children:[(0,x.jsx)(fe.A,{children:(0,x.jsxs)(me.A,{children:[(0,x.jsx)(ye.A,{sx:{width:"148px"},children:(0,d.__)("Page","pojo-accessibility")}),(0,x.jsx)(ye.A,{sx:{width:"220px"},children:(0,d.__)("URL","pojo-accessibility")}),(0,x.jsx)(ye.A,{sx:{width:"148px"},children:(0,d.__)("Last scan","pojo-accessibility")}),(0,x.jsx)(ye.A,{sx:{width:"220px"},children:(0,d.__)("Issues resolved","pojo-accessibility")}),(0,x.jsx)(ye.A,{children:(0,x.jsx)(we,{children:(0,x.jsx)(l.A,{as:"span",children:(0,d.__)("Actions","pojo-accessibility")})})})]})}),(0,x.jsx)(ge.A,{children:e.map((e,i)=>{const n=e.issues_total?Math.round(e.issues_fixed/e.issues_total*100):0;return(0,x.jsxs)(ie.Fragment,{children:[(0,x.jsxs)(me.A,{children:[(0,x.jsx)(ei,{component:"th",scope:"row",children:(0,x.jsx)(be.A,{arrow:!0,title:e.page_title,children:(0,x.jsx)("span",{children:e.page_title})})}),(0,x.jsx)(ii,{children:(0,x.jsx)(be.A,{arrow:!0,title:e.page_url,children:(0,x.jsx)("span",{children:e.page_url})})}),(0,x.jsx)(ei,{children:a(e.last_scan)}),(0,x.jsx)(ii,{children:(0,x.jsxs)(Qe,{children:[(0,x.jsx)(Je,{value:n,variant:"determinate",color:"secondary"}),e.issues_fixed,"/",e.issues_total,(0,x.jsx)(qe,{percentage:n})]})}),(0,x.jsx)(ye.A,{children:(0,x.jsxs)(He,{children:[(0,x.jsx)(Ze,{content:(0,d.__)("View scan history","pojo-accessibility"),children:(0,x.jsx)("span",{role:"none",children:(0,x.jsx)(We,{color:"secondary",size:"small",startIcon:(0,x.jsx)(he.A,{}),endIcon:t[i]?(0,x.jsx)(Z.A,{}):(0,x.jsx)(N.A,{}),"aria-label":(0,d.__)("View scan history","pojo-accessibility"),disabled:!e.scans.length,onClick:()=>(e=>{const i=!t[e];s(t=>({...t,[e]:i})),c.K.sendEvent(c.m.assistantDashboardHistoryLogsButtonClicked,{state:i?"open":"closed"})})(i)})})}),(0,x.jsx)(Re,{percentage:n,pageUrl:e.page_url}),(0,x.jsx)(Me,{pageUrl:e.page_url,remediationCount:e.remediation_count})]})})]}),t[i]&&e.scans.map((i,t)=>{const s=i.issues_total?Math.round(i.issues_fixed/i.issues_total*100):0;return(0,x.jsxs)(Xe,{children:[(0,x.jsx)(ye.A,{colSpan:2}),(0,x.jsx)(ei,{children:a(i.date)}),(0,x.jsx)(ii,{children:(0,x.jsxs)(Qe,{children:[(0,x.jsx)(Je,{value:s,variant:"determinate",color:"secondary"}),i.issues_fixed,"/",i.issues_total,(0,x.jsx)(qe,{percentage:s})]})}),(0,x.jsx)(ye.A,{})]},`${e.page_title}-scan-${t}`)})]},e.id)})}),e.length>0&&(0,x.jsx)(ue.A,{children:(0,x.jsx)(me.A,{disableDivider:!0,children:(0,x.jsx)(Te,{})})})]})})};Ge.propTypes={scannerResults:C().array.isRequired,loading:C().bool.isRequired};const Ke=(0,n.I)(je.A)` margin-block-start: ${({theme:e})=>e.spacing(3)}; padding: ${({theme:e})=>e.spacing(2)}; border: 1px solid ${({theme:e})=>e.palette.divider}; border-radius: ${({theme:e})=>e.shape.borderRadius}px; `,Qe=(0,n.I)(s.A)` display: flex; align-items: center; gap: ${({theme:e})=>e.spacing(1)}; `,He=(0,n.I)(s.A)` display: flex; align-items: center; justify-content: flex-end; gap: ${({theme:e})=>e.spacing(2)}; `,Ye=(0,ie.forwardRef)((e,i)=>(0,x.jsx)(r.A,{ref:i,...e})),We=(0,n.I)(Ye)` min-width: 50px; max-width: 50px; span { margin: 0; } span:first-of-type { margin-inline-end: ${({theme:e})=>e.spacing(1)}; } `,Je=(0,n.I)(pe.A)` width: 89px; `,Xe=(0,n.I)(me.A)` background-color: #f9f9f9; `,ei=(0,n.I)(ye.A)` max-width: 148px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; `,ii=(0,n.I)(ye.A)` max-width: 220px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; `,ti=Ge,si=(0,ie.memo)(()=>(0,x.jsx)(Ae.Ay,{speed:ve.Vb.SPEED,foregroundColor:ve.Vb.FOREGROUND_COLOR,height:40,width:72,children:(0,x.jsx)("rect",{width:"72",height:"40",fill:"none",rx:"4"})})),ai=(0,ie.memo)(()=>(0,x.jsx)(s.A,{children:(0,x.jsx)(si,{})})),ni=(0,n.I)(s.A)` display: flex; justify-content: space-between; align-items: center; padding: ${({theme:e})=>e.spacing(2,2.5)}; border: 1px solid ${({theme:e})=>e.palette.divider}; border-radius: ${({theme:e})=>e.shape.borderRadius}px; background: ${({theme:e})=>e.palette.background.default}; :nth-of-type(1) { grid-area: 1 / 1 / 2 / 2; } :nth-of-type(2) { grid-area: 1 / 2 / 2 / 3; } :nth-of-type(3) { grid-area: 2 / 1 / 3 / 3; } :nth-of-type(4) { grid-area: 1 / 3 / 3 / 4; } @media screen and (max-width: 960px) { :nth-of-type(1) { grid-area: 1 / 1 / 2 / 2; } :nth-of-type(2) { grid-area: 2 / 1 / 3 / 2; } :nth-of-type(3) { grid-area: 3 / 1 / 4 / 2; } :nth-of-type(4) { grid-area: 4 / 1 / 5 / 2; } } `,li=(0,n.I)(s.A)` min-width: 150px; min-height: 50px; align-self: start; `,ri=(0,n.I)(s.A)` @media screen and (max-width: 1200px) { & { display: none; } } `,oi=(0,n.I)(l.A,{shouldForwardProp:e=>"spacing"!==e})` display: flex; justify-content: flex-start; align-items: center; margin: 0; margin-block-end: ${({spacing:e,theme:i})=>i.spacing(e||2)}; color: ${({theme:e})=>e.palette.text.primary}; font-feature-settings: 'liga' off, 'clig' off; font-size: 16px; font-weight: 500; line-height: 130%; letter-spacing: 0.15px; & svg { margin-inline-start: ${({theme:e})=>e.spacing(1)}; } `;var ci=t(50753),di=t(59921);const hi={keyboardAssistiveTech:(0,d.__)("Keyboard/Assistive","pojo-accessibility"),dynamicContent:(0,d.__)("Dynamic/Aria","pojo-accessibility")},pi=({issueByCategory:e})=>{const i=(()=>{const i=Object.entries(e||{}).map(([e,i])=>({key:e,title:hi[e]||di.mW[e]||e,count:i||0})).sort((e,i)=>i.count-e.count),t=i.reduce((e,i)=>e+i.count,0),s=i.slice(0,6),a=i.slice(6).reduce((e,i)=>e+i.count,0),n=[...s];return(a>0||i.length>6)&&n.push({key:"other",title:(0,d.__)("Other","pojo-accessibility"),count:a}),n.map(e=>({...e,percentage:t>0?Math.round(e.count/t*100):0}))})();return(0,x.jsx)(x.Fragment,{children:i.map(({key:e,title:i,percentage:t},s)=>(0,x.jsxs)(xi,{colorIndex:s,children:[(0,x.jsx)(l.A,{variant:"body2",as:"span",children:i}),(0,x.jsx)(gi,{variant:"subtitle2",as:"span",children:0===t?"-":`${t}%`})]},e))})};pi.propTypes={issueByCategory:C().object.isRequired};const xi=(0,n.I)(s.A,{shouldForwardProp:e=>"colorIndex"!==e})` display: flex; justify-content: flex-start; align-items: center; gap: ${({theme:e})=>e.spacing(1)}; margin-inline-start: ${({theme:e})=>e.spacing(.5)}; &:not(:last-of-type) { margin-block-end: ${({theme:e})=>e.spacing(1)}; } &::before { content: ''; width: 10px; height: 10px; margin-inline-end: ${({theme:e})=>e.spacing(1)}; border-radius: 100%; background-color: ${({colorIndex:e})=>{const i=[ci.bd,ci.mw,ci.fv,ci.d1,ci.kd,ci.OP,ci.te];return i[e%i.length]}}; } `,gi=(0,n.I)(l.A)` margin: 0; margin-inline-start: auto; color: ${({theme:e})=>e.palette.text.primary}; font-size: 14px; font-weight: 500; line-height: 130%; letter-spacing: 0.1px; min-width: 50px; text-align: start; `,yi=pi,ji=(0,ie.lazy)(()=>Promise.all([t.e(4036),t.e(7591),t.e(5120),t.e(1918),t.e(2766),t.e(286),t.e(5652),t.e(9098),t.e(8602),t.e(7451),t.e(1523),t.e(863)]).then(t.bind(t,49574)).then(e=>({default:e.default}))),ui=({stats:e,loading:i,noResultsState:t})=>(0,x.jsxs)(ni,{className:"resolved-issues-by-category",children:[(0,x.jsxs)(li,{children:[(0,x.jsxs)(oi,{variant:"subtitle1",as:"h2",spacing:3,children:[(0,d.__)("Resolved issues by category","pojo-accessibility"),(0,x.jsx)(Ze,{content:(0,d.__)("Track how many accessibility issues you've resolved in each category.","pojo-accessibility")})]}),i?(0,x.jsx)(ai,{}):(0,x.jsx)(yi,{issueByCategory:e.issue_by_category})]}),(0,x.jsx)(ri,{children:(0,x.jsx)(ie.Suspense,{fallback:(0,x.jsx)(ai,{}),children:(0,x.jsx)(ji,{loading:i,issueByCategory:e.issue_by_category,noResultsState:t})})})]}),fi=({issueLevels:e})=>(0,x.jsxs)(x.Fragment,{children:[(0,x.jsxs)(mi,{children:[(0,x.jsx)(l.A,{variant:"body2",as:"span",children:(0,d.__)("Level A","pojo-accessibility")}),(0,x.jsx)(bi,{variant:"subtitle2",as:"span",children:(0,d.sprintf)( // Translators: %s count of issues // Translators: %s count of issues (0,d.__)("%s issues","pojo-accessibility"),e.a)})]}),(0,x.jsxs)(mi,{children:[(0,x.jsx)(l.A,{variant:"body2",as:"span",children:(0,d.__)("Level AA","pojo-accessibility")}),(0,x.jsx)(bi,{variant:"subtitle2",as:"span",children:(0,d.sprintf)( // Translators: %s count of issues // Translators: %s count of issues (0,d.__)("%s issues","pojo-accessibility"),e.aa)})]}),(0,x.jsxs)(mi,{children:[(0,x.jsx)(l.A,{variant:"body2",as:"span",children:(0,d.__)("Level AAA","pojo-accessibility")}),(0,x.jsx)(bi,{variant:"subtitle2",as:"span",children:(0,d.sprintf)( // Translators: %s count of issues // Translators: %s count of issues (0,d.__)("%s issues","pojo-accessibility"),e.aaa)})]})]});fi.propTypes={issueLevels:C().object.isRequired};const mi=(0,n.I)(s.A)` max-width: 160px; display: flex; justify-content: flex-start; align-items: center; margin-inline-start: ${({theme:e})=>e.spacing(.5)}; &:not(:last-of-type) { margin-block-end: ${({theme:e})=>e.spacing(1)}; } :first-of-type::before, :nth-of-type(2)::before, :last-of-type::before { content: ''; width: 10px; height: 10px; margin-inline-end: ${({theme:e})=>e.spacing(1)}; border-radius: 100%; } :first-of-type::before { background-color: #064e3b; } :nth-of-type(2)::before { background-color: #10b981; } :last-of-type::before { background-color: #a7f3d0; } `,bi=(0,n.I)(l.A)` margin: 0; margin-inline-start: auto; color: ${({theme:e})=>e.palette.text.primary}; font-size: 14px; font-weight: 500; line-height: 130%; letter-spacing: 0.1px; `,_i=fi,wi=(0,ie.lazy)(()=>Promise.all([t.e(4036),t.e(7591),t.e(5120),t.e(1918),t.e(2766),t.e(286),t.e(5652),t.e(9098),t.e(8602),t.e(7451),t.e(1523),t.e(863)]).then(t.bind(t,69786)).then(e=>({default:e.default}))),Ai=({stats:e,loading:i,noResultsState:t})=>{const s=e.issue_levels.a+e.issue_levels.aa+e.issue_levels.aaa,a=e.issue_levels.a?Math.round(e.issue_levels.a/s*100):0,n=e.issue_levels.aa?Math.round(e.issue_levels.aa/s*100):0,l=e.issue_levels.aaa?Math.round(e.issue_levels.aaa/s*100):0;return(0,x.jsxs)(ni,{className:"resolved-issues-by-level",children:[(0,x.jsxs)(li,{children:[(0,x.jsxs)(oi,{variant:"subtitle1",as:"h2",spacing:3,children:[(0,d.__)("Resolved issues by level","pojo-accessibility"),(0,x.jsx)(Ze,{content:(0,d.__)("Track how many issues you've resolved for each WCAG level. Meeting these guidelines helps make your site more accessible and inclusive for all visitors.","pojo-accessibility")})]}),i?(0,x.jsx)(ai,{}):(0,x.jsx)(_i,{issueLevels:e.issue_levels})]}),(0,x.jsx)(ri,{children:(0,x.jsx)(ie.Suspense,{fallback:(0,x.jsx)(ai,{}),children:(0,x.jsx)(wi,{loading:i,value:s.toString(),firstSectorPercentage:a,secondSectorPercentage:n,thirdSectorPercentage:l,noResultsState:t})})})]})},vi=({stat:e,loading:i,title:t,tooltip:s})=>(0,x.jsx)(ni,{className:"scanned-urls",children:(0,x.jsxs)(li,{children:[(0,x.jsxs)(oi,{variant:"subtitle1",as:"h2",children:[t,(0,x.jsx)(Ze,{content:s})]}),(0,x.jsx)(l.A,{variant:"h4",as:"div",children:i?(0,x.jsx)(ai,{}):e})]})}),Ei=({stats:e,loading:i,noResultsState:t})=>{const s=e.issues_total-e.issues_fixed;return(0,x.jsxs)(ki,{children:[(0,x.jsx)(vi,{stat:e.scans,loading:i,title:(0,d.__)("Scanned URLs","pojo-accessibility"),tooltip:(0,d.__)("View how many URLs you've already scanned for accessibility issues. A URL can be any page on your site, like a blog post or product page.","pojo-accessibility")}),(0,x.jsx)(vi,{stat:s,loading:i,title:(0,d.__)("Open Issues","pojo-accessibility"),tooltip:(0,d.__)("View the number of accessibility issues that still need to be resolved. These are issues found during your latest scans that haven't been fixed yet.","pojo-accessibility")}),(0,x.jsx)(Ai,{stats:e,loading:i,noResultsState:t}),(0,x.jsx)(ui,{stats:e,loading:i,noResultsState:t})]})};Ei.propTypes={stats:C().object.isRequired,loading:C().bool.isRequired,noResultsState:C().bool};const ki=(0,n.I)(s.A)` margin-block-start: ${({theme:e})=>e.spacing(3)}; display: grid; grid-template-columns: 1fr 1fr 2fr; grid-template-rows: 104px 206px; grid-column-gap: ${({theme:e})=>e.spacing(2)}; grid-row-gap: ${({theme:e})=>e.spacing(2)}; @media screen and (max-width: 960px) { grid-template-columns: 1fr; grid-template-rows: repeat(4, 1fr); } `,$i=Ei,Oi=(0,n.I)(s.A)` display: flex; flex-direction: column; justify-content: space-between; align-items: center; max-height: 100%; min-height: 50%; overflow: auto; `,Ii=(0,n.I)(s.A)` width: 100%; `,Ri=(0,n.I)(a.A)` padding: ${({theme:e})=>e.spacing(4)}; @media (min-width: ${({theme:e})=>e.breakpoints.values.xl}px) { padding-inline: 0; } `,Si=(0,n.I)(a.A)` padding: ${({theme:e})=>e.spacing(1,4,4)}; @media (min-width: ${({theme:e})=>e.breakpoints.values.xl}px) { padding-inline: 0; } `,Ci=()=>{const{stats:e,loading:i,period:t,scannerResults:s,getFilteredScannerResults:a,onPeriodChange:n}=(0,U.b)();return(0,ie.useEffect)(()=>{c.K.sendEvent(c.m.pageView,{page:"Dashboard"})},[]),i||s.length?i||!s.length||a().length?(0,x.jsx)(x.Fragment,{children:(0,x.jsxs)(Oi,{children:[(0,x.jsx)(Ii,{children:(0,x.jsxs)(Ri,{disableGutters:!0,children:[(0,x.jsx)(T,{period:t,onPeriodChange:n,loading:i}),(0,x.jsx)($i,{stats:e,loading:i})]})}),(0,x.jsxs)(Si,{disableGutters:!0,children:[(0,x.jsx)(de,{}),(0,x.jsx)(ti,{scannerResults:a(),loading:i})]})]})}):(0,x.jsx)(x.Fragment,{children:(0,x.jsxs)(Oi,{children:[(0,x.jsx)(Ii,{children:(0,x.jsxs)(Ri,{disableGutters:!0,children:[(0,x.jsx)(T,{period:t,onPeriodChange:n,loading:i}),(0,x.jsx)($i,{stats:e,loading:i,noResultsState:!0})]})}),(0,x.jsxs)(Si,{disableGutters:!0,children:[(0,x.jsx)(de,{}),(0,x.jsx)(ti,{scannerResults:a(),loading:i}),(0,x.jsx)(F,{})]})]})}):(0,x.jsx)(Oi,{children:(0,x.jsxs)(Si,{disableGutters:!0,children:[(0,x.jsx)(T,{period:t,onPeriodChange:n,isEmpty:!0}),(0,x.jsx)(k,{})]})})}},41094(e,i,t){t.d(i,{Nc:()=>g,QP:()=>p,TE:()=>x,ax:()=>h,fM:()=>c,rf:()=>d});var s=t(78048),a=t(23712),n=t(32672),l=t(94284),r=t(85848),o=t(95231);const c=(0,o.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,o.I)(n.A)` overflow: auto; max-height: 100%; padding: ${({theme:e})=>e.spacing(4)}; `,h=(0,o.I)(s.A)` overflow: auto; max-height: 100%; padding: ${({theme:e})=>e.spacing(4)}; width: 100%; `,p=(0,o.I)(r.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; } `,x=(0,o.I)(l.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}; } `,g=((0,o.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-inline: auto; @media (min-width: ${({theme:e})=>e.breakpoints.values.sm}px) { padding-inline: 0; } `,(0,o.I)(a.A)` &:last-child { padding-block-end: 16px; } `)}}]); Doğru Bir Invoice Nasıl Hazırlanmalı? - Depo Kargo Kurumsal

Sign In

Forgot password?

Do not have an account?

Create a free account
Depo Kargo Kurumsal

Blog & News

Doğru Bir Invoice Nasıl Hazırlanmalı? - In: Eğitim

  • Home /
  • Eğitim /
  • Doğru Bir Invoice Nasıl Hazırlanmalı?

Doğru Bir Invoice Nasıl Hazırlanmalı?

1. Giriş

Invoice (fatura), bir mal veya hizmetin satışını belgeleyen resmi bir belgedir. Doğru ve eksiksiz bir invoice hazırlamak, hem satıcı hem de alıcı açısından kritik öneme sahiptir. Bu doküman, muhasebe işlemleri, vergi beyannameleri ve yasal gereklilikler için gereklidir.

2. İnvoice’un Temel Unsurları

Bir invoice’un doğru ve eksiksiz olabilmesi için içermesi gereken temel unsurlar şunlardır:

  • Başlık ve Tarih: “Invoice” kelimesi ve fatura düzenleme tarihi belirtilmelidir.
  • Fatura Numarası: Her fatura için benzersiz bir numara verilmelidir.
  • Satıcı Bilgileri: Satıcının adı, adresi, telefon numarası, e-posta adresi ve vergi kimlik numarası yer almalıdır.
  • Alıcı Bilgileri: Alıcının adı, adresi, telefon numarası ve e-posta adresi belirtilmelidir.
  • Ürün/Hizmet Açıklaması: Satılan ürün veya hizmetin detaylı açıklaması yer almalıdır.
  • Miktar ve Birim Fiyatı: Ürün veya hizmetin miktarı ve birim fiyatı açıkça belirtilmelidir.
  • Toplam Tutar: Her ürün veya hizmetin toplam tutarı ve genel toplam fatura tutarı belirtilmelidir.
  • Vergiler ve Diğer Ücretler: Uygulanan vergi oranları ve tutarları ile diğer ek ücretler belirtilmelidir.
  • Ödeme Koşulları: Ödeme şekli, son ödeme tarihi ve geç ödeme durumunda uygulanacak cezalar gibi bilgiler yer almalıdır.
  • İmza ve Kaşe: Faturanın yasal geçerliliğini sağlamak için imza ve kaşe kullanılabilir.

3. Invoice Hazırlama Adımları

1. Başlık ve Tarih

Başlığın üst kısmında “Invoice” kelimesi büyük ve belirgin bir şekilde yazılmalıdır. Faturanın düzenlendiği tarih de bu bölümde yer almalıdır.

2. Fatura Numarası

Her fatura için benzersiz bir numara belirleyin. Bu numaralama sistemi, faturaların takibini kolaylaştırır ve olası karışıklıkları önler.

3. Satıcı ve Alıcı Bilgileri

Satıcı ve alıcı bilgileri, faturanın üst kısmında yer almalıdır. Bu bilgiler, hem satıcının hem de alıcının kimliğini doğrulamak için gereklidir.

4. Ürün veya Hizmet Açıklaması

Satılan ürün veya hizmetin detaylı bir açıklamasını ekleyin. Ürün adı, model numarası, seri numarası, boyut, renk gibi bilgiler burada yer alabilir.

5. Miktar ve Birim Fiyatı

Her ürün veya hizmet için miktar ve birim fiyatı açıkça belirtilmelidir. Bu bilgiler, alıcının ne kadar ödeme yapacağını anlaması için önemlidir.

6. Toplam Tutar

Her ürün veya hizmetin toplam tutarını hesaplayın ve bu tutarları toplayarak genel toplam fatura tutarını belirtin.

7. Vergiler ve Diğer Ücretler

Uygulanan vergi oranları ve tutarlarını ekleyin. Ayrıca, varsa diğer ek ücretleri de burada belirtin.

8. Ödeme Koşulları

Ödeme şekli, son ödeme tarihi ve geç ödeme durumunda uygulanacak cezalar gibi bilgileri ekleyin. Bu bilgiler, alıcının ödemeyi nasıl ve ne zaman yapması gerektiğini açıkça belirtir.

9. İmza ve Kaşe

Faturanın yasal geçerliliğini sağlamak için imza ve kaşe kullanın. Bu, özellikle kurumsal ve yasal işlemler için önemlidir.

4. Elektronik Fatura (E-Invoice)

Elektronik faturalar, kağıt faturaların dijital versiyonlarıdır ve giderek daha fazla tercih edilmektedir. E-faturalar, kağıt kullanımını azaltır, işlem sürelerini kısaltır ve muhasebe süreçlerini otomatikleştirir.

  • E-Fatura Sistemleri: Çeşitli e-fatura yazılımları ve platformları kullanılabilir. Bu sistemler, faturaların oluşturulmasını, gönderilmesini ve takibini kolaylaştırır.
  • Yasal Uyumluluk: E-faturaların yasal geçerliliği, ülke yasalarına ve uluslararası düzenlemelere uygun olmalıdır. Bu nedenle, e-fatura sistemlerinin yasal gereksinimleri karşıladığından emin olunmalıdır.

5. İyi Bir İnvoice Hazırlama Önerileri

  • Şeffaflık ve Doğruluk: Faturadaki tüm bilgilerin doğru ve şeffaf olması önemlidir. Yanlış veya eksik bilgiler, müşteri memnuniyetsizliğine ve yasal sorunlara yol açabilir.
  • Detaylı Açıklamalar: Ürün veya hizmet açıklamalarının detaylı olması, alıcının faturayı anlamasını kolaylaştırır.
  • Düzen ve Tasarım: Faturanın düzenli ve okunabilir bir tasarıma sahip olması, profesyonel bir imaj yaratır. Kullanıcı dostu bir tasarım, faturanın daha kolay anlaşılmasını sağlar.
  • Düzenli Arşivleme: Faturaların düzenli olarak arşivlenmesi, gelecekteki referanslar ve yasal gereksinimler için önemlidir.

6. Case Study: Başarılı Bir İnvoice Uygulaması

  • Firma Profili: Örnek bir işletmenin invoice süreçlerini nasıl yönettiği.
  • Süreç ve Stratejiler: Uygulanan yöntemler ve elde edilen sonuçlar.
  • Kazanımlar ve Öğrenilenler: Doğru invoice uygulamaları sayesinde elde edilen kazanımlar ve bu süreçten çıkarılan dersler.

7. Sonuç

Doğru ve eksiksiz bir invoice hazırlamak, işletmelerin finansal süreçlerini düzenli ve şeffaf bir şekilde yönetmelerine yardımcı olur. Detaylı ve profesyonel bir fatura, müşteri memnuniyetini artırır ve yasal gereksinimlere uyum sağlar. İşletmeler, bu eğitimde verilen bilgileri uygulayarak invoice süreçlerini optimize edebilir ve uluslararası ticarette başarılı olabilirler.

Powered with Bootstrap and Development by jThemes