https://www.spooncast.net/assets/CL6SW5de.js

1import{j as e,a as h,K as z}from"./BAV34SQA.js";import{u as A,e as w,az as K,ai as r,a8 as J,bI as y,a7 as U,c8 as V,a4 as X}from"./ILpXaSKq.js";import"./DO3IEkff.js";import{u as q,F as N}from"./C8l6IY2P.js";import{L as Q,a as W,u as Y,b as Z}from"./Bw_C28Lk.js";import{F as $}from"./JpydElTg.js";import{F as ee}from"./DNTGDBP2.js";import"./DcjO-8Sp.js";import"./Cw1sBk8H.js";import"./UHi_-Dcr.js";import"./CSXxEOMA.js";import"./DUKvJ0K4.js";import"./Dye6Zp7H.js";import"./BJ9p-46o.js";import"./Dr2pdNT3.js";import"./C4rijX9z.js";import"./BdqXHJSi.js";import"./CL3dUbkN.js";import"./DRqvPoNH.js";import"./DMk0c_Wi.js";import"./KE9d-HWm.js";import"./BbN8qlwf.js";import"./QhfCcx-i.js";import"./Ck7rffiM.js";import"./DyGG65ZF.js";import"./Db0EcEbL.js";import"./Cd-kUD_u.js";import"./B3febKO4.js";import"./Cf9XxXGq.js";const se=({subTabList:c,handleClickBtnRefresh:s,onOpenGuide:m})=>e.jsxs("div",{className:"flex flex-col gap-m px-lg py-m",children:[e.jsx(Q,{type:"listener",isShow:!0,showRefresh:!1,subTabList:c,handleClickBtnRefresh:s}),e.jsx(W,{isDialog:!0,onOpenGuide:m})]}),f=["list","guide"],Ie=()=>{const c=A(),{string:s,isLiveDJ:m,liveType:S,selectedListenerTabIdx:n,subTabList:_,userList:t,isListLoading:p,hasNext:a,listEmptyText:M,isShowGhostListItem:C,getListenerList:g,handleClickBtnRefresh:x,loadMore:v,openShareModal:I}=Y(),d=w(n),j=h.useRef(null),[,,,,i,R,F]=q(f),u=w(i),l=i==="guide",k=f.indexOf(i)>=f.indexOf(u!=null?u:i)?N.STEP_NEXT:N.STEP_PREV,L=()=>c(X()),b=(t==null?void 0:t.length)<=0,B=p&&b,P=a&&p&&(t==null?void 0:t.length)>0,D=!p&&b&&!C,O=m&&S===0&&n===0;return K(()=>{x()}),h.useEffect(()=>{d!==void 0&&d!==n&&g()},[g,d,n]),h.useEffect(()=>{if(l||!a)return;const o=j.current;if(!o)return;const G=o.closest(".member-scroll-area"),E=new IntersectionObserver(H=>{var T;(T=H[0])!=null&&T.isIntersecting&&v()},{root:G,rootMargin:"120px"});return E.observe(o),()=>E.disconnect()},[a,v,l]),e.jsx(r.Root,{open:!0,onOpenChange:o=>{o||L()},children:e.jsxs(r.Panel,{className:"max-h-[min(620px,calc(100dvh-192px))] min-h-[min(620px,calc(100dvh-192px))] w-[calc(100%-96px)] max-w-[480px] rounded-lg bg-background-elevation-100 max-sm:w-[calc(100%-48px)] sm:max-h-[min(784px,calc(100dvh-240px))] sm:min-h-[min(784px,calc(100dvh-240px))]",onDismiss:L,children:[l?e.jsx(r.Header,{title:s.common_check_more_detail,showBackward:!0,showClose:!0,onBackward:R}):e.jsxs(e.Fragment,{children:[e.jsx(r.Header,{title:s.common_live_listeners,rightSlot:e.jsx(J,{title:s.common_refresh,size:"large",ghost:!0,onClick:x,className:"icon-button",children:e.jsx(z,{size:"l"})})}),e.jsx(se,{subTabList:_,handleClickBtnRefresh:x,onOpenGuide:()=>F("guide")})]}),e.jsx(r.ScrollArea,{className:"member-scroll-area",children:e.jsx($,{stepKey:i,direction:k,children:l?e.jsx(ee,{}):e.jsxs("div",{className:"flex w-full flex-col",children:[e.jsx(Z,{isDialog:!0}),B&&e.jsx("div",{className:"flex justify-center py-10",children:e.jsx(y,{})}),D&&e.jsxs("div",{className:"flex flex-col items-center gap-ms px-m py-10 text-center text-gray-500",children:[e.jsx(U,{variant:"s400",asElement:"p",value:M}),O&&e.jsx(V,{title:s.common_share,onClick:I,children:s.common_share})]}),P&&e.jsx("div",{className:"flex justify-center py-m",children:e.jsx(y,{})}),a&&e.jsx("div",{ref:j,className:"h-px w-full flex-none","aria-hidden":!0})]})})})]})})};export{Ie as default};
2//# sourceMappingURL=CL6SW5de.js.map