Module 807067

function(e,t,n){n.d(t,{f:()=>M}),n(938796);var i=n(627968),l=n(64700),s=n(835245),a=n(724002),r=n(287174),o=n(487899),d=n(311907),c=n(397927),u=n(793574),h=n(688810),A=n(735991),_=n(786115),m=n(975412),p=n(392054),g=n(354138),f=n(111042),E=n(767599),x=n(267102),I=n(246356),C=n(111162),N=n(954571),T=n(795816),S=n(887700),b=n(855446),y=n(652215),v=n(985018),R=n(976524);let j=r.K.APP_LAUNCHER_IN_VOICE_BANNER,O=`vc-activities-${(0,s.A)()}`;function L(e){let t,n,{channel:s,openInPopout:r,onClick:h}=e,{fetchState:p,voiceBannerCollection:x}=(t=(0,d.bG)([C.default],()=>C.default.onlyShowPreviewAppCollections)?a.W.PREVIEW:a.W.ACTIVE,l.useEffect(()=>{(0,g.An)({surface:j,activeState:t})},[t]),{fetchState:(0,d.bG)([f.A],()=>f.A.getFetchState({surface:j,activeState:t})),voiceBannerCollection:(0,d.bG)([f.A],()=>f.A.getCollections({surface:j,activeState:t}))[0]}),I=p===f.e.FETCHING,N=l.useMemo(()=>{let e=x?.application_directory_collection_items[0];return null==e?null:e.type===o.L.APPLICATION_BANNER?e:null},[x?.application_directory_collection_items]),{trackItemImpressionRef:T}=(0,_.A)({applicationId:N?.application.id??"",applicationFlags:N?.application.flags,sectionName:"app_launcher_in_voice_banner",sectionPosition:N?.position,sectionOverallPosition:0,promotionalLabel:null!=N?(0,A.Ii)(N.application):void 0});return null==N||null==x||I?null:(null!=N.id&&null!=N.image_hash&&(n=(0,E.DH)({itemId:N.id,hash:N.image_hash,containerWidth:584})),(0,i.jsxs)(c.DUT,{className:R.V8,innerRef:T,onClick:()=>{h(),(0,m.A)({context:{type:"channel",channel:s},openInPopout:r,analyticsLocation:u.A.APP_LAUNCHER_IN_VOICE_BANNER,initialState:{applicationId:N.application.id}})},children:[(0,i.jsx)("img",{alt:N.description,src:n,className:R.W_}),(0,i.jsx)("div",{className:R.LV})]}))}let M=l.forwardRef(function(e,t){var n;let{channel:s,isHovered:a,closePopout:r,onMouseEnter:o,onMouseLeave:d,onClick:A,className:_}=e,{id:g,guild_id:f}=s;l.useEffect(()=>{N.default.track(y.HAw.ACTIVITIES_CENTER_CONTROL_TRAY_BUTTON_HOVERED,{channel_id:g,guild_id:f})},[g,f]),l.useEffect(()=>{a||r()},[r,a]);let E=(0,x.Us)(),{analyticsLocations:C,newestAnalyticsLocation:j}=(0,h.Ay)(u.A.ACTIVITIES_MINI_SHELF),M=E===y.BRT.POPOUT,D=(n=s.getGuildId(),(0,S.A)({guildId:n}).slice(0,5));l.useEffect(()=>{let e=setTimeout(()=>T.LK(),1e3);return()=>clearTimeout(e)},[]);let U=l.useCallback(()=>{(0,m.A)({context:null!=s?{type:"channel",channel:s}:{type:"contextless"},openInPopout:M,analyticsLocation:j}),d(),A()},[s,j,A,d,M]),G=l.useCallback(e=>{o(),N.default.track(y.HAw.ACTIVITIES_MINI_SHELF_HOVERED,{channel_id:s.id,guild_id:s.getGuildId()})},[o,s]);return(0,i.jsx)(h.f5,{value:C,children:(0,i.jsx)(I.A,{children:(0,i.jsxs)(c.lGe,{ref:t,"aria-labelledby":O,className:_,children:[(0,i.jsx)(c.Fmo,{forceLevel:2,children:(0,i.jsx)(c.AC4,{children:(0,i.jsx)(c.H,{id:O,children:v.intl.string(v.t["2lnYtB"])})})}),(0,i.jsxs)("div",{className:R.kL,onMouseEnter:G,onMouseLeave:d,children:[(0,i.jsxs)("div",{className:R.gn,children:[(0,i.jsxs)("div",{className:R.gH,children:[(0,i.jsx)(c.k9F,{size:"md",className:R.ch,color:"var(--interactive-text-active)"}),(0,i.jsx)(c.Text,{variant:"eyebrow",children:v.intl.string(v.t.f3Cz25)})]}),(0,i.jsxs)(c.DUT,{className:R.hc,onClick:U,children:[(0,i.jsx)(c.Text,{variant:"eyebrow",children:v.intl.string(v.t["K8+z4S"])}),(0,i.jsx)(c._BQ,{size:"custom",width:12,height:12,color:"var(--interactive-text-active)",className:R.O6})]})]}),(0,i.jsx)(L,{openInPopout:M,channel:s,onClick:()=>{A(),r()}}),(0,i.jsx)("div",{className:R.ht,children:D.map(e=>(0,i.jsx)(b.C,{context:{channel:s,type:"channel"},activityItem:e,onClick:()=>{r(),A()},aspectRatio:b.C.AspectRatio.THIRTEEN_BY_ELEVEN,animatedDivClass:R.KU,commandOrigin:p.iw.MINI_SHELF},e.application.id))})]})]})})})})}