Build 545032stable
Module 461624
1,438 characters · in 4f2fe4fed79b6655.jsDependencies
Source Raw
function(e,t,i){i.r(t),i.d(t,{default:()=>b});var n=i(627968),r=i(64700),s=i(661531),l=i(834730),c=i(825484),a=i(821609),o=i(538064);let d=(0,i(600975).C)({kind:"user",id:"2021-10_runtime_accessibility_system",label:"Runtime Accessibility System",defaultConfig:{enabled:!1,reporting:!1},treatments:[{id:1,label:"Enabled but silent",config:{enabled:!0,reporting:!1}},{id:2,label:"Enabled and reporting",config:{enabled:!0,reporting:!0}}]});var u=i(670812),p=i(772958);function b(){let[e,t]=r.useState(!1),i=(0,p.vX)(),{reporting:b}=d.useExperiment({location:"be7a1c_1"},{autoTrackExposure:!1});return(r.useEffect(()=>{if(b&&e&&null!=i)return i.forEach(e=>{e.elements.forEach(e=>{e.setAttribute(u.nY,"")})}),()=>{i.forEach(e=>{e.elements.forEach(e=>{e.removeAttribute(u.nY)})})}},[i,b,e]),b&&null!=i&&0!==i.length)?(0,n.jsxs)("div",{style:{backgroundColor:s.A.colors.BACKGROUND_FEEDBACK_CRITICAL.css,color:s.A.colors.TEXT_FEEDBACK_CRITICAL.css,display:"flex",alignItems:"center",justifyContent:"space-between",padding:"8px 12px"},children:[(0,n.jsx)(l.E,{variant:"text-sm/semibold",color:"text-feedback-critical",children:"Accessibility compliance issue(s) detected, check in-app DevTools"}),(0,n.jsxs)(c.e,{direction:"horizontal",size:"sm",children:[(0,n.jsx)(a.$,{text:"Open DevTools",onClick:o.pf,variant:"critical-secondary"}),(0,n.jsx)(a.$,{onClick:()=>t(!e),text:`${e?"Hide":"Show"} Overlays`,variant:"critical-primary"})]})]}):null}}