"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; } `)}}]); E-Ticaret Nedir? - Depo Kargo Kurumsal

Sign In

Forgot password?

Do not have an account?

Create a free account
Depo Kargo Kurumsal

E-Ticaret Nedir?

  • Home /
  • E-Ticaret Nedir?

E-ticaret Nedir?

1. Giriş

E-ticaret (elektronik ticaret), mal ve hizmetlerin internet üzerinden satın alınması ve satılması sürecidir. Bu kavram, dijital teknolojilerin ve internetin yaygınlaşmasıyla birlikte büyük bir ivme kazanmış ve dünya genelinde ticaretin önemli bir parçası haline gelmiştir. Bu makalede, e-ticaretin tanımını, türlerini, avantajlarını, dezavantajlarını ve işletmeler için nasıl kullanılabileceğini detaylı bir şekilde ele alacağız.

2. E-ticaretin Tanımı

E-ticaret, internet üzerinden gerçekleştirilen ticaret faaliyetlerini ifade eder. Bu, bir web sitesi veya mobil uygulama aracılığıyla ürün veya hizmetlerin satılmasını, satın alınmasını, ödeme işlemlerinin gerçekleştirilmesini ve müşteri hizmetlerinin sunulmasını içerir. E-ticaret, hem B2B (işletmeden işletmeye) hem de B2C (işletmeden tüketiciye) modellerini kapsar.

3. E-ticaret Türleri

E-ticaret çeşitli türlere ayrılabilir:

  • B2B (Business to Business): İşletmelerin diğer işletmelere ürün veya hizmet satışı yaptığı e-ticaret modelidir. Örnek: Toptancılar ve distribütörler.
  • B2C (Business to Consumer): İşletmelerin doğrudan nihai tüketicilere ürün veya hizmet satışı yaptığı e-ticaret modelidir. Örnek: Amazon, Hepsiburada.
  • C2C (Consumer to Consumer): Tüketicilerin diğer tüketicilere ürün veya hizmet satışı yaptığı e-ticaret modelidir. Örnek: eBay, Letgo.
  • C2B (Consumer to Business): Tüketicilerin işletmelere ürün veya hizmet sunduğu e-ticaret modelidir. Örnek: Freelance platformlar, stock fotoğraf siteleri.

4. E-ticaretin Avantajları

E-ticaretin sunduğu avantajlar şunlardır:

  • Küresel Erişim: İnternetin geniş kitlelere ulaşma kapasitesi sayesinde, işletmeler coğrafi sınırlamaları aşarak global müşteri tabanına ulaşabilirler.
  • 24/7 Açık Olma: E-ticaret siteleri ve uygulamaları, günün her saatinde müşterilere hizmet sunarak satış fırsatlarını artırır.
  • Maliyet Tasarrufu: Fiziksel mağazalara kıyasla, e-ticaret işletmeleri kira, elektrik gibi masraflardan tasarruf edebilirler.
  • Kişiselleştirme: Müşterilere özel teklifler ve kişiselleştirilmiş alışveriş deneyimleri sunarak, müşteri memnuniyetini artırabilirler.
  • Geniş Ürün Yelpazesi: Fiziksel sınırlamalar olmadan, geniş bir ürün yelpazesi sunulabilir ve stok yönetimi daha verimli hale getirilebilir.

5. E-ticaretin Dezavantajları

E-ticaretin bazı dezavantajları da bulunmaktadır:

  • Güvenlik ve Gizlilik: Müşteri bilgileri ve ödeme verilerinin korunması, büyük bir güvenlik ve gizlilik sorunu oluşturabilir.
  • Lojistik ve Teslimat Sorunları: Ürünlerin zamanında ve hasarsız bir şekilde teslim edilmesi, lojistik süreçlerde sorunlar yaratabilir.
  • Müşteri Hizmetleri: Fiziksel mağazalara kıyasla, online müşteri hizmetleri deneyimi bazen yetersiz kalabilir.
  • Teknolojiye Bağımlılık: Teknolojik altyapıdaki sorunlar, e-ticaret işlemlerini aksatabilir ve müşteri memnuniyetini düşürebilir.

6. E-ticaret Platformları ve Araçları

E-ticaret işletmelerinin başarıyla faaliyet göstermesi için çeşitli platformlar ve araçlar mevcuttur:

  • E-ticaret Platformları: Shopify, WooCommerce, Magento gibi platformlar, kullanıcı dostu arayüzleri ve geniş özellik yelpazesi ile işletmelerin online mağaza kurmasını sağlar.
  • Ödeme Sistemleri: PayPal, Stripe, Square gibi ödeme sistemleri, güvenli ve hızlı ödeme işlemleri sunar.
  • Lojistik ve Kargo Yönetimi: UPS, DHL, FedEx gibi lojistik firmaları, global kargo hizmetleri sunar ve teslimat süreçlerini optimize eder.
  • Dijital Pazarlama Araçları: Google Analytics, SEMrush, MailChimp gibi araçlar, dijital pazarlama stratejileri oluşturmak ve müşteri verilerini analiz etmek için kullanılır.

7. E-ticaret Stratejileri

Başarılı bir e-ticaret işletmesi kurmak ve yönetmek için bazı temel stratejiler izlenmelidir:

  • SEO ve SEM: Arama motoru optimizasyonu (SEO) ve arama motoru pazarlaması (SEM) ile web sitenizin görünürlüğünü artırın.
  • Sosyal Medya Pazarlaması: Facebook, Instagram, Twitter gibi sosyal medya platformlarında aktif olarak yer alarak müşteri kitlenizle etkileşime geçin.
  • İçerik Pazarlaması: Blog yazıları, videolar ve infografikler gibi zengin içeriklerle müşterilerinize değerli bilgiler sunun ve marka sadakati oluşturun.
  • Müşteri Deneyimi: Kolay ve güvenli bir alışveriş deneyimi sunarak, müşteri memnuniyetini ve sadakatini artırın.

8. Gelecek Trendleri

E-ticaret sektörü hızla gelişmeye devam ediyor ve gelecekteki bazı önemli trendler şunlar olabilir:

  • Yapay Zeka ve Makine Öğrenimi: Kişiselleştirilmiş alışveriş deneyimleri ve veri analizleri için yapay zeka ve makine öğrenimi kullanımının artması.
  • Mobil Ticaret: Akıllı telefonların yaygınlaşmasıyla birlikte, mobil ticaretin (m-ticaret) e-ticaret içindeki payının artması.
  • Sesli Asistanlar ve Chatbotlar: Sesli asistanlar ve chatbotlar aracılığıyla müşteri hizmetlerinin ve alışveriş deneyimlerinin iyileştirilmesi.
  • Sürdürülebilirlik: Çevre dostu ürünler ve sürdürülebilir iş uygulamalarının e-ticaret sektöründe daha fazla önem kazanması.

9. Sonuç

E-ticaret, modern ticaretin vazgeçilmez bir parçası haline gelmiştir. Teknolojinin ve internetin sunduğu fırsatlar sayesinde, işletmeler küresel pazarlarda yer alabilir ve müşteri memnuniyetini artırabilirler. Bu eğitim içeriği, e-ticaretin temel kavramlarını, avantajlarını, dezavantajlarını ve stratejilerini anlamanıza yardımcı olacak ve bu alanda başarılı bir şekilde faaliyet göstermeniz için gereken bilgileri sağlayacaktır.

Powered with Bootstrap and Development by jThemes