Module 807067

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