Module 299579

function(e,t,n){n.d(t,{A:()=>O});var i=n(627968),l=n(64700),a=n(503698),r=n.n(a),s=n(735438),o=n.n(s),d=n(397927),c=n(770178),u=n(954571),A=n(403362),h=n(449054),_=n(351022),m=n(282026),g=n(965660),p=n(19925),E=n(44440),I=n(22862),f=n(416082),C=n(418616),T=n(599907),N=n(652215),S=n(284402);let x=Object.freeze({top:0,bottom:0,left:32,right:202}),b=Object.freeze({top:0,bottom:0,left:32,right:32}),v={page:N.liQ.GUILD_DISCOVERY,object:N.ZSU.CARD,section:N.JJy.DISCOVER_SEARCH},y=o().throttle(h.Cf,1e3,{leading:!1,trailing:!0});function O(e){let{loadId:t,onGuildCardSeen:n,onGuildCardClick:a}=e,{guildIds:o,loading:h,searchResultsQuery:N,loadMore:O,searchCategoryId:L}=(0,p.I)({loadId:t}),R=0===o.length&&!h,P=l.useContext(u.AnalyticsContext),[D,j]=l.useState((0,g.YP)()),[M,w]=l.useState(!0),U=l.useRef(M),[G,k]=l.useState(3),V=l.useRef(G),B=l.useRef(null),H=l.useCallback(e=>{null==e||R||h||336*(o.length/G)<=e.height&&O()},[R,h,o.length,G,O]),F=l.useCallback(e=>{let t=e.contentRect;if(null==t)return;let n=t.width;n<1024&&U.current?(U.current=!1,w(!1)):n>1024&&!U.current&&(U.current=!0,w(!0));let i=1;for(n-=450*!!M,n-=280;n>0;)n-=264,i+=1;i!==V.current&&(V.current=i,k(i)),H(t)},[M,H]),Y=(0,c.w)(F,[M,H]);l.useEffect(()=>{j((0,g.YP)())},[N]),l.useEffect(()=>{y({loadId:t,searchId:D,query:N,guildResults:o.map(_.A.getGuild).filter(A.Vq),analyticsContext:P,categoryId:L})},[P,o,t,L,D,N]);let W=l.useCallback(e=>n(e,L),[n,L]),K=l.useMemo(()=>h?[o.length,0]:[o.length],[o.length,h]),q=l.useCallback((e,n,l)=>{switch(e){case 0:return(0,i.jsxs)("div",{style:{paddingLeft:n.left,width:n.width-16},className:r()(S.R_,{[S.Ze]:!M}),children:[!M&&(0,i.jsxs)("div",{className:S.eW,children:[(0,i.jsx)(I.A,{loadId:t}),(0,i.jsx)(C.A,{loadId:t})]}),R&&(0,i.jsx)(f.A,{loadId:t})]},l);case 1:return(0,i.jsx)(d.y$y,{className:r()(S.u1,{[S.qx]:M})},l)}},[R,M,t]),z=l.useCallback(e=>{switch(e){case 0:let t=M?16:68;return R?t+448:t;case 1:return 120;default:throw Error(`[getSectionHeight] Failed for section: ${e}`)}},[R,M]),$=l.useCallback((e,t)=>{switch(e){case 0:return o[t];case 1:return"loading";default:throw Error(`[getItemKey] Failed for section: ${e}`)}},[o]),Q=l.useCallback(e=>{switch(e){case 0:return 320;case 1:return 0;default:throw Error(`[getItemHeight] Failed for section: ${e}`)}},[]),X=l.useCallback(async(e,t,n,i)=>{await a(e,t,n,i);let l=B.current?.getScrollerState()?.scrollTop;null!=l&&m.A.setState({scrollPosition:l})},[a]),Z=l.useCallback((e,t,n,l)=>{if(0!==e)return null;{let e=o[t];return(0,i.jsx)("div",{style:n,children:(0,i.jsx)(T.Ay,{guildId:e,onClick:async e=>await X(e,t,L,v),onView:e=>W(e)})},l)}},[o,X,W,L]);l.useEffect(()=>{let e=B.current;return()=>{let t=e?.getScrollerState()?.scrollTop;null!=t&&m.A.setState({scrollPosition:t})}},[]),l.useLayoutEffect(()=>{let e=m.A.getField("scrollPosition");null!=e&&setTimeout(()=>{B.current?.scrollTo({to:e,animate:!1,callback:()=>{m.A.setState({scrollPosition:null})}})})},[]);let J=l.useMemo(()=>(0,s.debounce)(()=>{let e=B.current?.getScrollerState();if(null==e)return;let t=e.scrollTop+e.offsetHeight;e.scrollHeight-t<240&&O()},100,{leading:!0}),[O]),ee=M?x:b;return(0,i.jsx)("div",{className:S.kL,ref:Y,children:(0,i.jsx)(d.a0_,{ref:B,className:S.kf,sections:K,columns:G,itemGutter:16,padding:ee,renderItem:Z,renderSection:q,getSectionHeight:z,getItemKey:$,getItemHeight:Q,chunkSize:24,onScroll:J,renderAccessory:e=>M?(0,i.jsx)("div",{className:S.pz,style:{height:e},children:(0,i.jsxs)("div",{className:S.wp,children:[(0,i.jsx)("div",{className:S.jp,children:(0,i.jsx)(C.A,{loadId:t})}),(0,i.jsx)(E.A,{loadId:t})]})}):null})})}}