Module 901133

function(e,t,n){n.d(t,{A:()=>C});var i=n(627968),l=n(64700),a=n(503698),r=n.n(a),s=n(990078),o=n(397927),d=n(793574),c=n(235986),u=n(342296),A=n(636585),h=n(975571),_=n(42473),m=n(994314),g=n(485599),p=n(652215),E=n(985018),I=n(246568);class f extends l.PureComponent{partyMemberAvatarRef=l.createRef();partyMemberOverflowRef=l.createRef();isHost(){let{currentUser:e,host:t}=this.props;return e.id===t?.id}renderTitle(){return(0,i.jsxs)("div",{children:[(0,i.jsx)(g.A,{children:this.isHost()?E.intl.formatToPlainString(E.t["6UJ7mh"],{count:this.props.party.length}):E.intl.string(E.t.RZufbH)}),(0,i.jsx)(m.A,{children:E.intl.string(E.t["0ZHLIi"])})]})}renderStopListeningButton(){let{onStopListening:e}=this.props;return this.isHost()?null:(0,i.jsx)(_.A,{tooltipText:E.intl.string(E.t.LeZSpz),onClick:e,icon:o.PGe})}renderPartyMember=(e,t)=>{let n;if(null==e)return null;let{host:a,onUserContextMenu:c}=this.props;return n=a?.id===e.id?E.intl.string(E.t["N9bqD+"]):E.intl.string(E.t.Z2Y4c9),(0,i.jsx)(u.A,{targetElementRef:this.partyMemberAvatarRef,user:e,newAnalyticsLocations:[d.A.AVATAR],position:"top",align:"center",clickTrap:!0,children:a=>(0,i.jsx)(s.m,{text:n,children:(0,l.createElement)(o.euF,{...a,key:e.id,src:e.getAvatarURL(void 0,24),size:o._3J.SIZE_24,className:r()(I.my,t),"aria-label":e.username,onContextMenu:t=>void(null!=e&&c?.(t,e)),avatarContentRef:this.partyMemberAvatarRef})})},e.id)};renderPartyMemberOverflow=(e,t,n)=>{let{renderOverflowPopout:l}=this.props;return(0,i.jsx)(o.YNO,{renderPopout:l,targetElementRef:this.partyMemberOverflowRef,children:n=>(0,i.jsx)(s.m,{text:E.intl.string(E.t.Zf4NPe),children:(0,i.jsx)("div",{...n,ref:this.partyMemberOverflowRef,className:r()(I.ju,t),children:e})})},n)};renderHelpIcon(){return this.isHost()?(0,i.jsx)(_.A,{tooltipText:E.intl.string(E.t.U7N2Hs),onClick:()=>{window.open(h.A.getArticleURL(p.MVz.SPOTIFY_CONNECTION),"_blank")},icon:o.mir}):null}render(){return(0,i.jsxs)("div",{className:I.Jh,children:[this.renderTitle(),(0,i.jsx)(c.A,{justify:c.A.Justify.END,className:I.Hg,children:(0,i.jsx)(A.A,{users:this.props.party,max:this.isHost()?5:4,renderUser:this.renderPartyMember,renderMoreUsers:this.renderPartyMemberOverflow})}),(0,i.jsxs)("div",{className:I.Pt,children:[this.renderHelpIcon(),this.renderStopListeningButton()]})]})}}let C=f}