Module 828100

function(e,t,n){n.d(t,{A:()=>P});var i=n(627968),l=n(64700),s=n(985623),a=n.n(s),r=n(837381),o=n(884362),d=n(311907),c=n(52133),u=n(397927),h=n(951001),A=n(775602),_=n(793574),m=n(58149),p=n(688810),g=n(660387),f=n(343328),E=n(485947),x=n(915089),I=n(725323),C=n(611924),N=n(95550),T=n(380335),S=n(309199),b=n(157550),y=n(97469),v=n(734057),R=n(290863),j=n(645959),O=n(701363),L=n(652215),M=n(985018),D=n(958847);let U=l.memo(function(){return(0,i.jsxs)("svg",{width:"184",height:"428",viewBox:"0 0 184 428",className:D.Ie,children:[(0,i.jsx)("rect",{x:40,y:6,width:144,height:20,rx:10}),(0,i.jsx)("circle",{cx:16,cy:16,r:16}),(0,i.jsx)("rect",{x:40,y:50,width:144,height:20,rx:10,opacity:.9}),(0,i.jsx)("circle",{cx:16,cy:60,r:16,opacity:.9}),(0,i.jsx)("rect",{x:40,y:94,width:144,height:20,rx:10,opacity:.8}),(0,i.jsx)("circle",{cx:16,cy:104,r:16,opacity:.8}),(0,i.jsx)("rect",{x:40,y:138,width:144,height:20,rx:10,opacity:.7}),(0,i.jsx)("circle",{cx:16,cy:148,r:16,opacity:.7}),(0,i.jsx)("rect",{x:40,y:182,width:144,height:20,rx:10,opacity:.6}),(0,i.jsx)("circle",{cx:16,cy:192,r:16,opacity:.6}),(0,i.jsx)("rect",{x:40,y:226,width:144,height:20,rx:10,opacity:.5}),(0,i.jsx)("circle",{cx:16,cy:236,r:16,opacity:.5}),(0,i.jsx)("rect",{x:40,y:270,width:144,height:20,rx:10,opacity:.4}),(0,i.jsx)("circle",{cx:16,cy:280,r:16,opacity:.4}),(0,i.jsx)("rect",{x:40,y:314,width:144,height:20,rx:10,opacity:.3}),(0,i.jsx)("circle",{cx:16,cy:324,r:16,opacity:.3}),(0,i.jsx)("rect",{x:40,y:358,width:144,height:20,rx:10,opacity:.2}),(0,i.jsx)("circle",{cx:16,cy:368,r:16,opacity:.2}),(0,i.jsx)("rect",{x:40,y:402,width:144,height:20,rx:10,opacity:.1}),(0,i.jsx)("circle",{cx:16,cy:412,r:16,opacity:.1})]})});class G extends l.Component{static getDerivedStateFromProps(e){let{children:t,privateChannelIds:n}=e;if(null==t)return{preRenderedChildren:0,nonNullChildren:[],totalRowCount:n.length};{let e=t.filter(e=>null!=e&&!1!==e),i=e.length;return{preRenderedChildren:i,nonNullChildren:e,totalRowCount:i+n.length}}}static defaultProps={padding:8};state={initialized:!1,preRenderedChildren:0,totalRowCount:0,nonNullChildren:[]};_list=null;hasReportedAnalytics=!1;componentDidMount(){let{selectedChannelId:e,homeLink:t}=this.props;null!=e&&null!=t&&t.indexOf(e)>=0&&this.scrollToChannel(e),this.reportAnalytics()}shouldComponentUpdate(e){return!(0,c.A)(this.props,e,["children"])}componentDidUpdate(e){let{selectedChannelId:t,homeLink:n}=this.props;null!=t&&t!==e.selectedChannelId?this.scrollToChannel(t):null==t&&n!==e.homeLink&&this.scrollToChannel(null),this.reportAnalytics()}scrollToChannel(e){if(null==this._list)return;let{padding:t}=this.props,{preRenderedChildren:n}=this.state,i=null!=e?this.props.privateChannelIds.indexOf(e):-1,l=0;i<0||null==e?this._list.scrollTo({to:l}):(l+=44*(i+n)+t,this._list.scrollIntoViewRect({start:Math.max(l-8,0),end:l+44+8}))}reportAnalytics=()=>{if(this.hasReportedAnalytics)return;let e=this._list?.getScrollerState();if(null==e)return;let{privateChannelIds:t,channels:n}=this.props;if(0===t.length)return;let i=l.Children.count(this.props.children);if(null==e)return;let s=Math.round((e.offsetHeight-44*i)/44),a=s>t.length?t.slice(0,s+1):t,r=a.map(e=>null!=n[e]?n[e].getRecipientId():null),o=t.some(e=>(0,f.A)(e)),d={num_users_visible:a.length,num_users_visible_with_mobile_indicator:r.filter(e=>null!=e&&R.A.isMobileOnline(e)).length};this.hasReportedAnalytics=!0,m.Ay.trackWithMetadata(L.HAw.DM_LIST_VIEWED,{...d,...(0,g.F)(),visible_user_ids:r.filter(e=>null!=e),changelog_dm_visible:o})};getSectionHeight=e=>24*(0!==e);handleScroll=a()(()=>{if(null!=this._list){let e=this._list.getScrollerNode();null!=e&&h.A.updateChannelListScroll(L.ME,e.scrollTop)}void 0!==this.props.onHandleScroll&&this.props.onHandleScroll()},100);renderDM=(e,t)=>{let{privateChannelIds:n,channels:l,selectedChannelId:s}=this.props,{totalRowCount:a,preRenderedChildren:r}=this.state,o=l[n[t]];return null==o?null:(0,i.jsx)(O.Ay,{channel:o,selected:o.id===s,"aria-posinset":r+t+1,"aria-setsize":a},o.id)};renderChild=e=>{let{nonNullChildren:t,totalRowCount:n}=this.state,i=t[e];return l.isValidElement(i)?l.cloneElement(i,{"aria-setsize":n,"aria-posinset":e+1}):i};renderRow=e=>{let{section:t,row:n}=e,{privateChannelIds:l}=this.props;return 0===t?this.renderChild(n):0===n&&0===l.length?(0,i.jsx)(U,{},"no-private-channels"):this.renderDM(t,n)};renderSection=e=>{let{section:t}=e;return 0===t?null:(0,i.jsxs)(E.A,{className:D._e,children:[(0,i.jsx)("span",{className:D.TK,children:M.intl.string(M.t.YUU0RF)}),(0,i.jsx)(N.Ay,{tooltip:M.intl.string(M.t.bA875g),tooltipPosition:"top",className:D.U2,iconClassName:D.Br,icon:u.TIR,subscribeToGlobalHotkey:!0})]},t)};getRowHeight=(e,t)=>{let{privateChannelIds:n,density:i}=this.props,{nonNullChildren:s}=this.state,a=44;if(0===e){let e=s[t];l.isValidElement(e)&&(a=e.key?.startsWith("section-divider")?25:"dm-quick-launcher"===e.key?67:40)}else a="compact"===i?40:"default"===i?44:50;return 1===e&&0===t&&0===n.length?428:a};render(){let{privateChannelIds:e,padding:t}=this.props,{preRenderedChildren:n}=this.state;return(0,i.jsx)(r.PR,{children:l=>{let{ref:s,role:a,...r}=l;return(0,i.jsx)(u.skg,{children:l=>(0,i.jsx)(u.B8B,{fade:!0,innerRole:a,innerAriaLabel:M.intl.string(M.t.YUU0RF),innerTag:"ul",ref:e=>{this._list=e,this.props.listRef.current=e,s.current=e?.getScrollerNode()??null},onScroll:this.handleScroll,className:D.XG,sectionHeight:this.getSectionHeight,paddingTop:t,paddingBottom:8,rowHeight:this.getRowHeight,renderSection:this.renderSection,renderRow:this.renderRow,sections:[n,Math.max(e.length,1)],...r,...l})})}})}}let P=e=>{let{density:t}=(0,u.wRf)(),{version:n,theme:s,children:a,listScrollerRef:c}=e,h=l.Children.count(a),m=v.A.getMutablePrivateChannels(),g=(0,S.uX)(m),f=(0,d.yK)([j.default,T.A,b.A],()=>{let e=j.default.getPrivateChannelIds();return(0,S.eh)(e,[T.A,b.A])});(0,C.P)(I._);let{analyticsLocations:E}=(0,p.Ay)(_.A.CONTACTS_LIST),N=(0,y.NC)(),{keyboardModeEnabled:R,version:O}=(0,d.cf)([A.A,v.A],()=>({keyboardModeEnabled:A.A.keyboardModeEnabled,version:null!=n?`${n}:${v.A.getPrivateChannelsVersion()}`:v.A.getPrivateChannelsVersion()})),L=l.useRef(null),M=c??L,D=l.useCallback(e=>{let t=M.current,n=document.querySelector(e);null!=t&&null!=n&&t.scrollIntoViewNode({node:n,callback:()=>{requestAnimationFrame(()=>document.querySelector(e)?.focus({preventScroll:!0}))}})},[M]),U=l.useCallback(()=>new Promise(e=>{let t=M.current;if(null==t)return e();t.scrollToTop({callback:()=>requestAnimationFrame(()=>e())})}),[M]),P=l.useCallback(()=>new Promise(e=>{let t=M.current;if(null==t)return e();t.scrollToBottom({callback(){requestAnimationFrame(()=>setTimeout(e,100))}})}),[M]),k=(0,x.GV)(),w=(0,o.Ay)({id:`private-channels-${k}`,isEnabled:R,scrollToStart:U,scrollToEnd:P,defaultFocused:(h+1).toString(),setFocus:D});return(0,i.jsx)(p.f5,{value:E,children:(0,i.jsx)(r.hD,{navigator:w,children:(0,i.jsx)(G,{...e,density:t,channels:g,privateChannelIds:f,listRef:M,theme:N??s,version:O})})})}}