Module 767852

function(e,t,n){n.d(t,{A:()=>U});var i=n(627968),l=n(64700),a=n(503698),r=n.n(a),s=n(873263),o=n(311907),d=n(451988),c=n(990078),u=n(319060),A=n(397927),h=n(73153),_=n(442433),m=n(194894),g=n(979604),p=n(235986),E=n(596719),I=n(769015),f=n(290987),C=n(742077),T=n(268387),N=n(954571),S=n(674378),x=n(240248),b=n(471761),v=n(652215),y=n(985018),O=n(855189);let L=(0,x.xI)(u.A.GAME_LIST_ROW_MIN_HEIGHT),R=(0,x.xI)(u.A.GAME_LIST_LINKED_TO_GLOW_DURATION),P=Object.freeze({[v.DpB.PLATFORM]:"Platform",[v.DpB.LAST_PLAYED]:"Last Played",[v.DpB.NAME]:"Name"}),D=e=>{let{flag:t,icon:n,item:l,tooltip:a}=e,s=l.libraryApplication.hasFlag(t);return(0,i.jsx)(c.m,{text:a,children:(0,i.jsx)(n,{className:r()(O.up,{[O.R]:!s})})})},j=[{key:v.DpB.NAME,renderHeader:()=>y.intl.string(y.t.dBfWfc),sort:!0,cellClassName:O.UQ,bodyCellClassName:O.SJ,render:e=>(0,i.jsxs)(p.A,{align:p.A.Align.CENTER,children:[(0,i.jsx)(I.A,{game:e.application,size:I.M.SMALL,className:O.Gt}),(0,i.jsxs)("div",{className:O.Ot,children:[(0,i.jsx)("div",{className:O.TF,children:e.libraryApplication.getBranchedName(e.application)}),e.libraryApplication.hasFlag(v.hM6.PREMIUM)?(0,i.jsx)(c.m,{text:y.intl.string(y.t.tG2SzG),children:(0,i.jsx)(A.tvc,{size:"md",color:"currentColor",className:O.oU})}):null]})]})},{key:v.DpB.PLATFORM,renderHeader:()=>y.intl.string(y.t.YR4cHH),sort:!0,cellClassName:O.AA,bodyCellClassName:O.iV,render(e){let t=e.libraryApplication.getDistributor();return(0,i.jsx)(p.A,{align:p.A.Align.CENTER,children:null!=t?v.gG4[t]:y.intl.string(y.t["F+l3Jt"])})}},{key:v.DpB.LAST_PLAYED,renderHeader:()=>y.intl.string(y.t.FDDyjS),sort:!0,cellClassName:O.SX,bodyCellClassName:O.iV,render(e){let t;return t=e.isRunning?y.intl.string(y.t.Md326p):e.isNew?y.intl.string(y.t["+F0Tho"]):0!==e.lastPlayed?(0,i.jsx)(f.Ay,{end:e.lastPlayed,location:f.Ay.Locations.GAME_LIBRARY_LAST_PLAYED}):y.intl.string(y.t.EoWLru),(0,i.jsx)(p.A,{align:p.A.Align.CENTER,className:r()({[O.g3]:e.isNew}),children:t})}},{key:v.DpB.ACTIONS,renderHeader:()=>null,cellClassName:O.AT,render(e,t,n){var a,s;if(null==t)throw Error("No cell props defined.");let o=e.key===t.activeRowKey;return(0,i.jsxs)(l.Fragment,{children:[(0,i.jsxs)("div",{className:O.nU,children:[(0,i.jsx)(D,{flag:v.hM6.PRIVATE,item:e,icon:A.G3N,tooltip:y.intl.string(y.t.NozAop)}),(0,i.jsx)(D,{flag:v.hM6.OVERLAY_DISABLED,item:e,icon:A.nkR,tooltip:y.intl.string(y.t.Az9eqn)}),(0,i.jsx)(b.A,{className:r()(O.up,{[O.R]:!e.supportsCloudSync}),libraryApplication:e.libraryApplication})]}),(0,S.XZ)(e.libraryApplication)?(0,i.jsx)(g.A,{analyticsListSort:(a=t.sortKey,s=t.sortDirection,`${P[a]} ${s===v.tSW.ASCENDING?"ASC":"DESC"}`),analyticsListIndex:n,source:v.ThZ.APPLICATION_LIBRARY,libraryApplication:e.libraryApplication,playButtonVariant:o?"primary":"secondary",size:"sm",hideProgress:null!=e.defaultAction,onDropdownOpen:()=>null!=t&&t.setActiveRowKey(e),onDropdownClose:()=>null!=t&&t.clearActiveRowKey()}):(0,i.jsx)("div",{children:"deprecated!"})]})}}],M=e=>{let{item:t,activeRowKey:n,highlightedApplicationKey:l,onMouseEnter:a,onMouseLeave:s,onContextMenu:o,setRef:d,...c}=e,u=t.key===n,A=t.key===l;return(0,i.jsx)("div",{className:r()({[O.eO]:u&&!A,[O.HM]:A,[O.Ob]:!u&&!A,[O.ic]:!u&&!t.isLaunchable}),ref:e=>{d(e,t.key)},onMouseEnter:()=>a(t),onMouseLeave:s,onContextMenu:e=>o(e,t),children:(0,i.jsx)("div",{...c})})};class w extends l.PureComponent{static defaultProps={stickyHeader:!1};_didUnmount=!1;_rowRefs={};state={overflowMenuRowKey:null,highlightedApplicationKey:null!=this.props.location.state?this.props.location.state.applicationId:null};componentDidMount(){let{fetched:e}=this.props;e&&(this.handleHighlightedApplicationKey(),this.trackViewed())}componentWillUnmount(){this._didUnmount=!0}componentDidUpdate(e){!e.fetched&&this.props.fetched&&(this.handleHighlightedApplicationKey(),this.trackViewed());let t=this.props.activeRowKey;if(null!=t&&e.activeRowKey!==t&&this.props.isNavigatingByKeyboard){let e=this._rowRefs[t];null!=e&&(h.h.wait(_.Z_),this.props.scrollToRow(e,L))}}handleHighlightedApplicationKey(){let{highlightedApplicationKey:e}=this.state;null!=e&&null!=this._rowRefs[e]&&(this.props.scrollToRow(this._rowRefs[e],L),new d.Ep().start(R,()=>{this._didUnmount||this.setState({highlightedApplicationKey:null})}))}trackViewed(){let e={num_applications_total:0,num_applications_discord:0,num_applications_steam:0,num_applications_battlenet:0,num_applications_twitch:0,num_applications_uplay:0,num_applications_origin:0,num_applications_gog:0,num_applications_epic:0},{analyticsContext:t,applicationViewItems:n}=this.props;for(let t of n){switch(t.libraryApplication.getDistributor()){case v.d3x.DISCORD:e.num_applications_discord++;break;case v.d3x.STEAM:e.num_applications_steam++;break;case v.d3x.BATTLENET:e.num_applications_battlenet++;break;case v.d3x.TWITCH:e.num_applications_twitch++;break;case v.d3x.UPLAY:e.num_applications_uplay++;break;case v.d3x.ORIGIN:e.num_applications_origin++;break;case v.d3x.GOG:e.num_applications_gog++;break;case v.d3x.EPIC:e.num_applications_epic++}e.num_applications_total++}N.default.track(v.HAw.LIBRARY_VIEWED,{...e,load_id:t.loadId})}setActiveRowKey=e=>{this.setState({overflowMenuRowKey:e.key})};clearActiveRowKey=()=>{this._didUnmount||this.setState({overflowMenuRowKey:null})};handleRowMouseEnter=e=>{this.props.isNavigatingByKeyboard||m.pU(e.key)};handleRowMouseLeave=()=>{this.props.isNavigatingByKeyboard||m.pU(null)};setRowRef=(e,t)=>{this._rowRefs[t]=e};handleApplicationContextMenu=(e,t)=>{this.setActiveRowKey(t);let{analyticsContext:l}=this.props;(0,_.L3)(e,async()=>{let{default:e}=await n.e("881").then(n.bind(n,163368));return n=>(0,i.jsx)(e,{...n,applicationId:t.libraryApplication.id,branchId:t.libraryApplication.branchId,analyticsContext:l})},{onClose:this.clearActiveRowKey})};handleSort(e,t){m.vt(e,t)}renderImportHelp(){let e,{applicationViewItems:t,filterQuery:n}=this.props;return t.length>0?null:(e=""!==n?y.intl.format(y.t["4Q1TAr"],{query:n}):y.intl.string(y.t["0Y+0PY"]),(0,i.jsxs)("div",{className:O.mv,children:[(0,i.jsx)("div",{className:O.Zd}),(0,i.jsx)(p.A,{grow:0,shrink:0,direction:p.A.Direction.VERTICAL,children:(0,i.jsxs)("div",{className:O.q6,children:[(0,i.jsx)("div",{className:O.ks,children:y.intl.string(y.t.Lw8X2j)}),(0,i.jsx)("div",{className:O.Li,children:e})]})})]}))}render(){let{sortKey:e,sortDirection:t,applicationViewItems:n,activeRowKey:a,stickyHeader:r}=this.props,{overflowMenuRowKey:s,highlightedApplicationKey:o}=this.state;return(0,i.jsxs)(l.Fragment,{children:[n.length>0?(0,i.jsx)(E.A,{columns:j,data:n,sortData:!1,rowComponent:M,className:O.tp,headerClassName:r?O.ln:O.wx,headerCellClassName:O.e4,sortedHeaderCellClassName:O.dm,bodyCellClassName:O.hC,rowClassName:O.G9,sortKey:e,sortDirection:t,stickyHeader:r,rowProps:{activeRowKey:s??a,highlightedApplicationKey:o,onMouseEnter:this.handleRowMouseEnter,onMouseLeave:this.handleRowMouseLeave,onContextMenu:this.handleApplicationContextMenu,setRef:this.setRowRef},cellProps:{activeRowKey:s??a,onContextMenu:this.handleApplicationContextMenu,setActiveRowKey:this.setActiveRowKey,clearActiveRowKey:this.clearActiveRowKey,sortKey:e,sortDirection:t},onSort:this.handleSort}):null,this.renderImportHelp()]})}}function U(e){let t=l.useContext(N.AnalyticsContext),n=(0,s.zy)(),{applicationViewItems:a,filterQuery:r,fetched:d}=(0,o.cf)([C.A],()=>({applicationViewItems:C.A.sortedFilteredLibraryApplicationViewItems,filterQuery:C.A.applicationFilterQuery,fetched:C.A.hasFetchedApplications})),{sortKey:c,sortDirection:u,activeRowKey:A,isNavigatingByKeyboard:h}=(0,o.cf)([T.A],()=>({sortKey:T.A.sortKey,sortDirection:T.A.sortDirection,activeRowKey:T.A.activeRowKey,isNavigatingByKeyboard:T.A.isNavigatingByKeyboard}));return(0,i.jsx)(w,{...e,analyticsContext:t,location:n,applicationViewItems:a,filterQuery:r,fetched:d,sortKey:c,sortDirection:u,activeRowKey:A,isNavigatingByKeyboard:h})}}