Module 313843

function(e,t,n){n.d(t,{Ay:()=>E,Iv:()=>p,QT:()=>b,_R:()=>g,j5:()=>_});var l=n(627968),a=n(64700),i=n(503698),r=n.n(i),s=n(158954),o=n(486020),c=n(541830),d=n(240248),u=n(459746),m=n(503364),f=n(305080),h=n(985018),x=n(8208);function g(e){let{game:t,application:n,show:a,onClose:i,trackAction:o}=e,c=t.name??n?.name,d=n.getIconURL(80);return(0,l.jsxs)("div",{className:x.y5,children:[(0,l.jsx)("div",{className:r()(x.nI,a&&x.hD)}),(0,l.jsxs)("div",{className:r()(x.A1,a&&x.g8),children:[null!=d&&(0,l.jsx)("img",{src:d,alt:"",className:x.V$,draggable:!1}),(0,l.jsxs)("div",{className:x.hm,children:[(0,l.jsx)(s.DZT,{variant:"heading-md/semibold",lineClamp:1,children:c}),null!=t.l30Rank&&(0,l.jsx)(A,{rank:t.l30Rank})]})]}),(0,l.jsx)(m.N,{game:t,onClose:i,className:x.HK,trackAction:o})]})}function p(e){let{show:t}=e;return(0,l.jsx)("div",{className:r()(x.nI,x.Jn,t&&x.hD)})}let _=a.forwardRef(function(e,t){let{game:n}=e,[i]=a.useState(()=>Math.random()),r=a.useMemo(()=>{if(null!=n.bannerHash)return o.Ay.getGameAssetURL({id:n.id,hash:n.bannerHash,size:2048,keepAspectRatio:!0})??"";if(null!=n.screenshotUrls&&n.screenshotUrls.length>0){let e=Math.floor(i*n.screenshotUrls.length);return n.screenshotUrls[e]}return""},[n.id,n.bannerHash,n.screenshotUrls,i]);return(0,d.uJ)(r)?null:(0,l.jsxs)("div",{ref:t,children:[(0,l.jsx)("div",{className:x.y1,style:{backgroundImage:`url("${r}")`}}),(0,l.jsx)("div",{className:x.N4})]})});function v(e){let{game:t}=e,n=(t.genres??[]).map(c.du).join(", ");return(0,d.uJ)(n)?null:(0,l.jsx)(s.EYj,{variant:"text-md/normal",color:"text-muted",children:n})}let A=e=>{let{rank:t}=e;return(0,l.jsxs)("div",{className:x.Qc,children:[(0,l.jsx)(s.OR,{size:"xxs",color:"currentColor","aria-hidden":"true"}),(0,l.jsx)(s.EYj,{variant:"text-xs/bold",color:"none",children:h.intl.formatToPlainString(h.t.ehZXlZ,{rank:t})})]})};function b(e){let{game:t,application:n,isTwoColumn:a}=e;return(0,l.jsx)("div",{className:a?x.n8:x.FS,children:(0,l.jsx)(u.A,{game:t,application:n,className:x.xe,size:u.w.LARGE})})}let E=function(e){let{game:t,application:n,onSetCompactBarScrollThreshold:i,showCompactBar:o}=e,{isTwoColumn:c}=(0,f.c)(),d=a.useRef(null),m=a.useRef(null);a.useEffect(()=>{let e=d.current,t=m.current;if(null==e||null==t)return;let n=function(e,t){let n=0,l=e;for(;null!=l&&l!==t;)n+=l.offsetTop,l=l.offsetParent;return n}(t,e);n>0&&i?.(n)},[i]);let h=t.name??n?.name;return(0,l.jsxs)("div",{ref:d,className:r()(x.ap,o&&x.Gh),children:[c&&null!=t&&(0,l.jsx)("div",{className:x.Tf,children:(0,l.jsx)(u.A,{game:t,application:n,className:x.w$,size:u.w.LARGE})}),(0,l.jsxs)("div",{className:x.lu,children:[null!=t.l30Rank&&(0,l.jsx)(A,{rank:t.l30Rank}),(0,l.jsx)(s.DZT,{ref:m,variant:"heading-xxl/semibold",children:h}),(0,l.jsx)(v,{game:t})]})]})}}