1import{s as d,aa as D,ab as V,a as i,j as e,I as R,ac as O,N as P,O as _,f as w,ad as v,T as E,R as A}from"./vendor-react-mui-DzA51b7w.js";import{j as z}from"./vendor-redux-DIUyK5hi.js";import{E as B}from"./useGetLinkChannelDetail-DoH6GbUQ.js";import{V as G}from"./icon-custom-membership-Djy6t8sj.js";import{c as W,a as L,z as j,G as k,H as T,I as N,s as g,b as M,J as S,K as y}from"./index-D9kXLgtT.js";import{D as F,F as H,S as I}from"./live.constants-Bm-iwYY-.js";import{F as C,L as J}from"./live.enums-DPp_cRY_.js";import{S as U,c as K}from"./infinity-scroll-container-BuC8b7VY.js";import{u as X}from"./useQueryState-DooXrZho.js";import{L as Y}from"./LiveList-ZO61LZc5.js";import{i as Z}from"./index-CTLJPx-a.js";import{B as Q}from"./BottomDialog-DhchZ6Xx.js";import{C as q}from"./date-Bk_AjQ3l.js";import"./vendor-swiper-rACut1mu.js";import"./vendor-auth-DXBuXNeD.js";import"./vendor-router-CQnR5Cao.js";import"./video.enums-COF6QV9W.js";import"./CustomInfiniteScroll-BInSxHXo.js";import"./EmptyData-ZKhXSU9p.js";import"./LiveItem-oWGc9jCO.js";import"./video.helpers-BSlnl_e_.js";import"./useCheckTagVideoFreePeriods-gqjuvRoR.js";const s="SortFilter",t={filterWrapper:`${s}-filterWrapper`,divider:`${s}-divider`,menuSort:`${s}-menuSort`,itemMenuSort:`${s}-itemMenuSort`,itemChip:`${s}-itemChip`,borderColor:`${s}-borderColor`,groupCarousel:`${s}-groupCarousel`,itemCarousel:`${s}-itemCarousel`,checkContainer:`${s}-checkContainer`,bottomSheet:`${s}-bottomSheet`,swapIcon:`${s}-swapIcon`},ee=d("div")(({theme:r})=>({[`&.${t.filterWrapper}`]:{display:"flex",alignItems:"center",position:"relative",margin:r.spacing(6,0,6,4),[r.breakpoints.up("sm")]:{margin:r.spacing(6,0,6,12),left:-8},[r.breakpoints.up("md")]:{position:"static"}},[`& .${t.divider}`]:{width:"1px",height:"24px",background:r.palette.divider,marginLeft:r.spacing(1),marginRight:r.spacing(2)},[`& .${t.itemChip}`]:{"& .MuiChip-label":{fontSize:13,lineHeight:"24px"}},[`& .${t.borderColor}`]:{border:`1px solid ${r.palette.border}`},[`& .${t.groupCarousel}`]:{marginLeft:"initial"},[`& .${t.itemCarousel}`]:{width:"auto"},[`.${t.itemCarousel} + .${t.itemCarousel}`]:{marginLeft:r.spacing(2)},[`& .${t.swapIcon}`]:{color:r.palette.neutralIcon}})),te=d(D)(()=>({[`&.${t.menuSort}`]:{"& .MuiMenu-list":{width:194}}})),re=d("div")(({theme:r})=>({[`&.${t.bottomSheet}`]:{padding:r.spacing(4,6,6,6)}})),$=d(V)(({theme:r})=>({[`&.${t.itemMenuSort}`]:{paddingTop:r.spacing(2),paddingBottom:r.spacing(2),fontFamily:`${W.RobotoNotoSansJP}`,minHeight:0},[`& .${t.checkContainer}`]:{width:20,height:20,marginRight:r.spacing(2)}})),ae=({isFirstLoading:r,queries:o,setQueries:m,setLoading:p})=>{const n=L(),[l,u]=i.useState(null),f=i.useCallback(a=>{u(a.currentTarget)},[]),c=i.useCallback(()=>{u(null)},[]),h=i.useCallback((a,x)=>{if(r||Z(a,o)&&(!x||a.filter===C.ALL))return;p(!0),j.controller&&j.controller.abort();const b={...a,filter:a.filter===o.filter&&x?C.ALL:a.filter};n(k()),m(b),n(T({fanclubGroupId:M(),params:{...b,contentType:g.VIDEO_LIVE,perPage:F,page:N}})).finally(()=>p(!1))},[n,r,o,p,m]);return e.jsxs(ee,{className:t.filterWrapper,children:[e.jsx(R,{size:"small",onClick:f,children:e.jsx(O,{className:t.swapIcon})}),e.jsx("div",{className:t.divider}),e.jsx(P,{freeMode:!0,slidesPerView:"auto",direction:"horizontal",mousewheel:!0,className:t.groupCarousel,children:H.map(a=>e.jsx(_,{className:t.itemCarousel,children:e.jsx(q,{className:w(t.itemChip,o.filter!==a.value&&t.borderColor),label:a.title,size:"small",variant:o.filter===a.value?"default":"outlined",color:"text.primary",onClick:()=>{h({...o,filter:a.value},!0),S()}})},a.value))}),e.jsx(y,{breakpoints:"md",breakDirection:"down",children:e.jsx(te,{open:!!l,anchorEl:l,keepMounted:!0,onClose:c,onClick:c,className:t.menuSort,anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"},children:I.map(a=>e.jsxs($,{className:t.itemMenuSort,onClick:()=>{h({...o,sortType:a.value}),S()},children:[e.jsx("div",{className:t.checkContainer,children:a.value===o.sortType&&e.jsx(v,{fontSize:"small",color:"primary"})}),e.jsx(E,{variant:"body2",children:a.title})]},a.value))})}),e.jsx(y,{breakpoints:"md",breakDirection:"up",children:e.jsx(Q,{open:!!l,onClose:c,isFullWidth:!0,children:e.jsx(re,{className:t.bottomSheet,children:I.map(a=>e.jsxs($,{className:t.itemMenuSort,onClick:()=>{c(),h({...o,sortType:a.value}),S()},children:[e.jsx("div",{className:t.checkContainer,children:a.value===o.sortType&&e.jsx(v,{fontSize:"small",color:"primary"})}),e.jsx(E,{variant:"body2",children:a.title})]},a.value))})})})]})},oe=i.memo(ae),se=()=>{const r=L(),[o,m]=X({sortType:J.LIVE_DES,filter:C.ALL}),[p,n]=i.useState(!0),[l,u]=i.useState(!0),[f,c]=i.useState(!1);return i.useEffect(()=>{l&&r(T({fanclubGroupId:M(),params:{...o,contentType:g.VIDEO_LIVE,perPage:F,page:N}})).then(z).catch(()=>c(!0)).finally(()=>{u(!1),n(!1)})},[r,l,o]),i.useEffect(()=>{r(k())},[r]),e.jsxs("div",{children:[e.jsx(oe,{isFirstLoading:l,queries:o,setQueries:m,setLoading:n}),e.jsx(U,{className:K.container,children:p?e.jsx(G,{}):e.jsx(A.Fragment,{children:f?e.jsx(B,{size:"small",center:!0}):e.jsx(Y,{queries:o,contentType:g.VIDEO_LIVE})},"unloading")})]})}
1,ke=i.memo(se);export{ke as default};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.