Build 533169stable
Module 667086
1,926 characters · in 30a277b9d32d70b1.jsDependencies
Source Raw
function(e,t,n){n.d(t,{A:()=>v});var i=n(627968),l=n(64700),a=n(503698),r=n.n(a),s=n(877227),o=n(311907),d=n(319354),c=n(990078),u=n(397927),A=n(573435),h=n(418842),_=n(309010),m=n(723702),g=n(851109),p=n(394953),E=n(355216),I=n(596540),f=n(652215),C=n(985018),T=n(393058);let N={cozy:0,default:0,compact:0},S={cozy:36,default:24,compact:14},x={cozy:95,default:84,compact:72};function b(e){let{onClick:t,selectedOverride:n=!1,popoutProps:a,ref:s,focusSectionProps:o}=e,[_,g]=l.useState(!1),I=(0,p.lI)(),f=n||I,b=n||f,v=(0,i.jsx)(u.XFE,{className:T.Kk,color:_||b?u.LU0.colors.ICON_STRONG:u.LU0.colors.ICON_MUTED,size:"sm"}),{badge:y,badgeType:O}=(0,E.ux)({isSelected:f}),L=(0,m.isDesktop)(),R=(0,h.C)(),P=(0,m.isMac)()?N[R]:L?S[R]:x[R];return(0,i.jsxs)(u.BJc,{gap:0,direction:"horizontal",children:[(0,i.jsx)(u.hKd,{size:P,horizontal:!0}),(0,i.jsx)(c.m,{asContainer:!0,shouldShow:!b,text:C.intl.string(C.t.HcoRu0),children:(0,i.jsxs)(u.DUT,{innerRef:s,className:T.OV,...o,...a,onMouseEnter:()=>{g(!0)},onMouseLeave:()=>{g(!1)},onClick:()=>{t?.(),a?.onClick?.()},children:[(0,i.jsx)("div",{className:r()(T.P0,null),children:"unread"===O?(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(A.Ay,{width:d.E.sm,height:d.E.sm,mask:A.Ay.Masks.HEADER_BAR_BADGE_BOTTOM,children:v}),(0,i.jsx)("div",{className:T.Zm})]}):v}),y]})})]})}function v(){let{focusSectionProps:e}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=l.useRef(null),{notificationCenterVariant:n}=(0,g.X8)({location:"NotificationsInboxButton"}),a=(0,o.bG)([_.A],()=>_.A.getChannelId()),r=l.useMemo(()=>f.BVt.CHANNEL(f.gNP,a??void 0),[a]),d=(0,E.HN)();return n===g.U5.SIDEBAR?(0,i.jsx)(b,{onClick:()=>{d(),(0,s.pX)(r)},focusSectionProps:e}):n===g.U5.POPOUT?(0,i.jsx)(I.A,{targetElementRef:t,popoutPosition:"bottom",popoutAlign:"left",spacing:2,children:(n,l,a)=>(0,i.jsx)(b,{ref:t,selectedOverride:l,onClick:()=>{d(),n()},popoutProps:a,focusSectionProps:e})}):null}}