https://malice-kibana.com/assets/ListScreen-BZPtpdRb.js

1import{r as n,j as t}from"./vendor-react-CYOoHjOf.js";import{j as K}from"./vendor-redux-BXotTMQH.js";import{W as ne,a as h,b as ge,ax as X,i as Z,ay as V,o as J,az as Q,ad as x,J as d,K as oe,N as ce,c as le,I as ee,aA as te,aB as ae,aC as he,aD as se,aE as fe,aF as $,aG as xe,aH as ye,aI as Ie,aJ as be,aK as ke,k as Se,aL as we,aM as Ce,X as je,aN as $e,aO as Le,aP as Ae,aQ as ie,v as ve,E as Te,aR as Ne}from"./index-NXCSpy0w.js";import{C as Me}from"./CustomInfiniteScroll-CkmUM1wU.js";import{aH as A,aI as pe,aK as q,bd as L,bc as Re,aY as Pe,b8 as z,br as Ee,aV as De,aJ as We}from"./vendor-mui-A_M4pNO3.js";import{A as Ke,a as Be,b as Oe,c as G,f as de,s as He,i as Ye}from"./ArticleThemeTileLayoutItem-C0rYGM5K.js";import{l as Ue}from"./vendor-lodash-Cp5T_Ztg.js";import{S as ze,a as Fe}from"./swiper-slide-BOhvnXFq.js";import{C as ue}from"./CustomBottomSheetDialog-DUE4nJPO.js";import{C as _e}from"./CustomMuiChip-L0C1e7hp.js";import{u as Xe}from"./usePreviousScroll-DTc9cm4Z.js";import{u as Ve}from"./useQueryState-Dgn43vJw.js";import"./vendor-axios-BLlBCaos.js";import"./vendor-auth-DXBuXNeD.js";import"./vendor-motion-CwbUqb9k.js";import"./formatTime-Bz_Hn4uA.js";import"./time.helper-BtM-HQXt.js";import"./index-Daw7e3xZ.js";const re="ArticleComp",B={wrapper:`${re}-wrapper`,emptyWrapper:`${re}-emptyWrapper`},Je=A(ne)(({theme:e})=>({[`& .${B.wrapper}`]:{display:"flex",flexWrap:"wrap"},[`& .${B.emptyWrapper}`]:{textAlign:"center",marginTop:e.spacing(43),[e.breakpoints.up("md")]:{marginTop:e.spacing(45.5)}}})),Ge=({data:e,themeRelativeUrl:c})=>{const a=h(o=>o.article.articleListLayoutType),{isSuperUser:p}=ge(),i=n.useMemo(()=>{switch(a?.id){case X.LIST_LAYOUT:return Oe;case X.TILE_LAYOUT:return Be;default:return Ke}},[a]);return t.jsx(i,{data:e,isClickWrapperNavigateToDetail:!0,billingPlanInformation:{isSuperUser:p},themeRelativeUrl:c})},Ze=n.memo(Ge),Qe=({themeRelativeUrl:e,queryFilter:c})=>{const a=Z(),p=h(l=>l.article.articles),i=h(l=>l.article.loadMoreInfo),o=h(l=>l.article.page),b=n.useCallback(async l=>{i.isLoading||await a(V({fanclubSiteId:J(),themeRelativeUrl:e,params:G({...c,page:l})})).then(K).then(()=>{a(Q(l))})},[a,i.isLoading,c,e]);return t.jsx(Me,{dataLength:p?.length||0,hasMore:i.canLoadMore,fetchMoreData:()=>b(o+1),handleReloadOnError:()=>b(o),needCheckScrollTargetCanScroll:i.needCheckCanScroll,isLoading:i.isLoading,isError:i.isFetchDataError,children:t.jsx(Je,{children:p&&p.length>0?t.jsx("div",{className:B.wrapper,children:p.map(l=>t.jsx(Ze,{data:l,themeRelativeUrl:e},l.id))}):t.jsx("div",{className:B.emptyWrapper,children:!i.isLoading&&t.jsx(pe,{variant:"body1",color:"textSecondary",children:"表示できるコンテンツがありません"})})})})},qe=n.memo(Qe),F="ArticleListFilterCategory",y={menu:`${F}-menu`,menuDialog:`${F}-menuDialog`,checkIcon:`${F}-checkIcon`},me=A(q)(({theme:e})=>({[`& .${y.menu}`]:{"& .MuiMenu-list":{minWidth:211}},[`& .${y.menuDialog}`]:{padding:e.spacing(0),minHeight:42,"&:not(:last-of-type)":{marginBottom:e.spacing(2)},"& svg":{margin:e.spacing(0,2.25)},whiteSpace:"normal",wordBreak:"break-word"},[`& .${y.checkIcon}`]:{marginRight:e.spacing(1),color:"transparent","&.active":{color:e.palette.primary.main}}})),et=({isOpenDialog:e,onClose:c,articleCategoryId:a,updateArticleCategoryId:p})=>{const{articleCategories:{data:i}}=h(o=>o.article);return t.jsx(ue,{isOpenDialog:e,handleClose:c,children:t.jsxs(me,{py:4,px:6,onClick:c,children:[t.jsxs(L,{className:y.menuDialog,onClick:()=>p(),children:[t.jsx(x,{iconKey:"CheckIcon",className:d(y.checkIcon,!a&&"active")})," すべて"]}),i?.map(o=>t.jsxs(L,{className:y.menuDialog,onClick:()=>p(o.id),children:[t.jsx(x,{iconKey:"CheckIcon",className:d(y.checkIcon,a===o.id&&"active")})," ",o.categoryName," (",o.countArticles||0,")"]},o.id))]})})},tt=n.memo(et),at=({isOpenDialog:e,onClose:c,publishAt:a,updatePublishAt:p})=>{const{articlePublishYearMonth:{data:i}}=h(o=>o.article);return t.jsx(ue,{isOpenDialog:e,handleClose:c,children:t.jsxs(me,{py:4,px:6,onClick:c,children:[t.jsxs(L,{className:y.menuDialog,onClick:()=>p(),children:[t.jsx(x,{iconKey:"CheckIcon",className:d(y.checkIcon,!a&&"active")})," すべて"]}),i?.map(o=>t.jsxs(L,{className:y.menuDialog,onClick:()=>p(o.publishYearmonth),children:[t.jsx(x,{iconKey:"CheckIcon",className:d(y.checkIcon,a===o.publishYearmonth&&"active")})," ",de(o.publishYearmonth)," (",o.countArticles||0,")"]},o.publishYearmonth))]})})},st=n.memo(at),g="ArticleListHeader",s={wrapper:`${g}-wrapper`,title:`${g}-title`,iconHeader:`${g}-iconHeader`,filter:`${g}-filter`,categories:`${g}-categories`,btnIcon:`${g}-btnIcon`,wrapperKeyword:`${g}-wrapperKeyword`,statusChip:`${g}

1-statusChip`,keywordInput:`${g}-keywordInput`,keywordInputActive:`${g}-keywordInputActive`,keywordSearchIcon:`${g}-keywordSearchIcon`,btnVariantTextWrapper:`${g}-btnVariantTextWrapper`,filterCategorySwiper:`${g}-filterCategorySwiper`,articleHeaderTitle:`${g}-articleHeaderTitle`,...oe[g]},it=e=>({[`& .${s.wrapper}`]:{display:"flex",flexWrap:"wrap",alignItems:"center"},[`& .${s.title}`]:{marginBottom:e.spacing(2)},[`& .${s.iconHeader}`]:{display:"flex",alignItems:"center",flex:1,marginBottom:e.spacing(2),marginLeft:e.spacing(2)},[`& .${s.wrapperKeyword}`]:{marginLeft:"auto",position:"relative",width:40,transition:"0.35s ease",display:"flex",alignItems:"center",justifyContent:"end","&.open":{width:"100%","& .MuiInputBase-root":{opacity:1,transition:"opacity 0s linear 0.05s"},"& .MuiFormControl-root":{width:"100%"},[e.breakpoints.up("md")]:{width:320}},"& .MuiInputBase-root":{width:"100%",height:44,background:e.palette.secondary.main,opacity:0,transition:"opacity 0s linear 0.2s",overflow:"hidden","& input":{[e.breakpoints.up("sm")]:{paddingRight:e.spacing(10)}}}},[`& .${s.btnIcon}`]:{padding:e.spacing(2),"& svg":{color:e.palette.secondary.darkText}},[`& .${s.keywordSearchIcon}`]:{position:"absolute",top:"50%",right:0,transform:"translateY(-50%)"},[`& .${s.keywordInput}`]:{padding:e.spacing(3),transition:e.transitions.create("width"),borderRadius:e.spacing(1),width:0},[`& .${s.keywordInputActive}`]:{width:"100%",backgroundColor:e.palette.secondary.main,[e.breakpoints.up("sm")]:{width:320}},[`& .${s.filter}`]:{marginBottom:e.spacing(3),display:"flex",flexWrap:"wrap",alignItems:"center"},[`& .${s.categories}`]:{display:"flex",flexWrap:"nowrap",alignItems:"center"},[`& .${s.statusChip}`]:{letterSpacing:.07,"& .MuiChip-label":{fontSize:13},"&.outlined":{color:e.palette.text.secondary}},[`& .${s.btnVariantTextWrapper}`]:{display:"flex",width:"100%",marginTop:e.spacing(4),marginLeft:0,[e.breakpoints.up("md")]:{width:"auto",marginLeft:"auto",marginTop:e.spacing(2)},"& button":{minWidth:60,"& .MuiButton-endIcon":{marginLeft:e.spacing(2)}},"& button:not(:last-of-type)":{marginRight:e.spacing(2),"& .MuiButton-endIcon":{marginLeft:e.spacing(2)}}},[`& .${s.articleHeaderTitle}`]:{fontWeight:500},[`& .${s.filterCategorySwiper}`]:{maxWidth:"200px","& .swiper-slide":{width:"auto",whiteSpace:"nowrap"}}}),rt=ce(it,le[g]),nt=A(ne)(({theme:e,...c})=>({...rt(e,c)})),_="ArticleListSortMenu",k={menu:`${_}-menu`,menuDialog:`${_}-menuDialog`,checkIcon:`${_}-checkIcon`},ot=A(Re)(({theme:e})=>({[`&.${k.menu}`]:{"& .MuiMenu-list":{minWidth:211}},[`& .${k.checkIcon}`]:{marginRight:e.spacing(1),color:"transparent","&.active":{color:e.palette.primary.main}}})),ct=A(q)(({theme:e})=>({[`& .${k.menuDialog}`]:{padding:e.spacing(0),minHeight:42,"&:not(:last-of-type)":{marginBottom:e.spacing(2)},"& svg":{margin:e.spacing(0,2.25)}},[`& .${k.checkIcon}`]:{marginRight:e.spacing(1),color:"transparent","&.active":{color:e.palette.primary.main}}})),lt=({anchorEl:e,onClose:c,currentSort:a,updateCurrentSort:p})=>t.jsxs(t.Fragment,{children:[t.jsx(ee,{breakpoints:"md",breakDirection:"down",children:t.jsx(ot,{anchorEl:e,keepMounted:!0,open:!!e,onClose:c,onClick:c,anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},className:k.menu,children:te.map((i,o)=>t.jsxs(L,{onClick:()=>p(i===a?"":i),children:[t.jsx(x,{iconKey:"CheckIcon",className:d(k.checkIcon,i===a&&"active")})," ",ae[o]]},i))})}),t.jsx(ee,{breakpoints:"md",breakDirection:"up",children:t.jsx(he,{open:!!e,onClose:c,isFullWidth:!0,children:t.jsx(ct,{p:6,onClick:c,children:te.map((i,o)=>t.jsxs(L,{className:k.menuDialog,onClick:()=>p(i===a?"":i),children:[t.jsx(x,{iconKey:"CheckIcon",className:d(k.checkIcon,i===a&&"active")})," ",ae[o]]},i))})})})]}),pt=n.memo(lt),dt=({title:e,articleThemeId:c,queryFilter:a,setQueryFilter:p,setIsFilter:i,isContentNews:o,isArticleListLayoutCard:b})=>{const l=Z(),v=Pe(r=>r.breakpoints.up("md")),I=n.useRef(null),[f,T]=n.useState(!1),[R,N]=n.useState(!1),[w,P]=n.useState(!1),u=h(r=>r.article.articleCategories.data),[H,M]=n.useState(null),E=r=>{T(r||!f)},C=n.useMemo(()=>u?.find(r=>r.id===a.articleCategoryId)?.categoryName,[u,a.articleCategoryId]),Y=r=>{M(r.currentTarget)},U=n.useMemo(()=>b?[...se,...fe]:se,[b]),m=()=>{const{publishStatus:r,keyword:S}=a;c&&l(Ce({articleThemeId:c,publishStatus:r,keyword:S})).then(K).then(()=>{N(!0)})},j=()=>{const{publishStatus:r,keyword:S}=a;c&&l(we({articleThemeId:c,publishStatus:r,keyword:S})).then(K).then(()=>{P(!0)})},D=n.useRef(Ue(r=>{p({...a,keyword:r.target.value.trim()}),l(Q(1)),i(!0),$()},200)).current;return n.useEffect(()=>{f&&I.current&&I.current.focus()},[f]),n.useEffect(()=>{I.current&&a.keyword!==I.current.value&&(I.current.value=a.keyword||"")},[a.keyword]),n.useEffect(()=>{l(xe())},[a,l]),t.jsxs(t.Fragment,{children:[t.jsxs(nt,{children:[t.jsxs("div",{className:d(s.wrapper),children:[t.jsx("div",{className:d(s.title),children:f&&!v?t.jsx(z,{size:"small",className:d(s.btnIcon),onClick:()=>{E(!1),p({}),i(!0),$()},children:t.jsx(x,{iconKey:"ArrowBackIcon"})}):t.jsx(pe,{variant:"h4",className:d(s.articleHeaderTitle,s.titleArticle,"custom-font",o&&s.newsTitle,!o&&s.blogTitle),children:e})}),t.jsxs("div",{className:d(s.iconHeader),children:[t.jsxs("div",{className:d(s.wrapperKeyword,f&&"open"),children:[t.jsx(Ee,{name:"keyword",placeholder:"キーワード検索",InputProps:{inputProps:{className:d(ye,s.keywordInput,f&&s.keywordInputActive)}},inputRef:I,onChange:D,variant:"filled"}),!(f&&!v)&&t.jsx(z,{size:"small",onClick:()=>E(),className:d(s.btnIcon,s.keywordSearchIcon),children:t.jsx(x,{iconKey:"SearchIcon"})})]}),t.jsx(z,{size:"small",className:d(s.btnIcon),onClick:Y,children:t.jsx(x,{iconKey:"SwapVertIcon"})})]})]}),t.jsxs("div",{className:d(s.filter),children:[t.jsx("div",{className:d(s.categories),children:U.map((r,S)=>t.jsx(q,{ml:S===0?0:2,mt:2,className:s.statusChipWrapper,children:t.jsx(_e,{label:b?Ie[r]:be[r],size:"small",className:d(s.statusChip,!a.publishStatus&&S===0||a.publishStatus===r?"":"outlined"),variant:!a.publishStatus&&S===0||a.publishStatus===r?"filled":"outlined",onClick:()=>{p({...a,publishStatus:r===ke.ALL?void 0:r}),i(!0),$()}})},r))}),t.jsxs("div",{className:d(s.btnVariantTextWrapper),children:[t.jsx(De,{color:"primary",size:"small",endIcon:t.jsx(x,{iconKey:"ExpandMoreIcon"}),onClick:j,children:a.publishAt?de(a.publishAt):"月別"}),t.jsx(Se,{color:"primary",size:"small",endIcon:t.jsx(x,{iconKey:"ExpandMoreIcon"}),onClick:m,textTransform:"none",children:t.jsx(ze,{freeMode:!0,slidesPerView:"auto",direction:"horizontal",className:d(s.filterCategorySwiper),children:t.jsx(Fe,{children:C||"カテゴリ"})},C)})]})]})]}),t.jsx(pt,{anchorEl:H,onClose:()=>M(null),currentSort:a.sort,updateCurrentSort:r=>{p({...a,sort:r}),i(!0),$()}}),t.jsx(tt,{isOpenDialog:R,onClose:()=>N(!1),articleCategoryId:a.articleCategoryId,updateArticleCategoryId:r=>{p({...a,articleCategoryId:r}),i(!0),$()}}),t.jsx(st,{isOpenDialog:w,onClose:()=>P(!1),publishAt:a.publishAt,updatePublishAt:r=>{p({...a,publishAt:r}),i(!0),$()}})]})},ut=n.memo(dt),W="ListScreen",O={root:`${W}-root`,emptyWrapper:`${W}-emptyWrapper`,...oe[W]},mt=e=>({[`&.${O.root}`]:{width:"100%",padding:e.spacing(6),[e.breakpoints.up("sm")]:{padding:e.spacing(8,12)},[e.breakpoints.up("md")]:{maxWidth:768,margin:e.spacing(12,"auto"),padding:0},[e.breakpoints.up("lg")]:{maxWidth:1200,padding:0}},[`& .${O.emptyWrapper}`]:{textAlign:"center",marginTop:e.spacing(43),[e.breakpoints.up("md")]:{marginTop:e.spacing(45.5)}}}),gt=ce(mt,le[W]),ht=A("div")(({theme:e,...c})=>({...gt(e,c)})),ft=()=>{const e=Z(),c=h(m=>m.article.articles),a=h(m=>m.article.themeName),p=h(m=>m.article.articleThemeId),i=h(m=>m.article.total),o=h(m=>m.article.page),b=h(m=>m.article.articleTheme.data),{themeRelativeUrl:l}

1=je(),[v,I]=n.useState(!0),[f,T]=n.useState(!0),[R,N]=n.useState(!1),[w,P]=n.useState(!1),[u,H]=Ve(Ye),{setHasPreviousScroll:M}=Xe(),E=n.useMemo(()=>He({sort:u.sort,keyword:u.keyword,publishAt:u.publishAt,articleCategoryId:u.articleCategoryId,publishStatus:u.publishStatus}),[u.articleCategoryId,u.keyword,u.publishAt,u.publishStatus,u.sort]),C=n.useCallback(async()=>(await e(V({fanclubSiteId:J(),themeRelativeUrl:l,params:G({...u,page:1}),needResetList:!0})),Promise.resolve()),[e,u,l]);if(n.useEffect(()=>()=>{sessionStorage.setItem("prevThemeRelativeUrl",l)},[l]),n.useEffect(()=>{const m=sessionStorage.getItem($e)==="true",j=sessionStorage.getItem("prevThemeRelativeUrl");(!m||l!==j)&&e(Le()),P(!0)},[e,l]),n.useEffect(()=>{!v||!w||(async()=>{const m=await Promise.all(Array(o).fill(null).map(async(D,r)=>e(V({fanclubSiteId:J(),themeRelativeUrl:l,params:G({...u,page:r+1}),needResetList:!1,notUpdateData:r<o-1&&!!window.location.search})).then(K))),j=[];m.forEach(D=>j.push(...D.data.articles.list)),e(Ae(j)),T(!1),I(!1)})()},[w,e,C,v,u,l,o]),n.useEffect(()=>{R&&(e(Q(1)),C().finally(()=>{N(!1),I(!1),T(!1)}))},[C,R,e]),n.useEffect(()=>{w&&i&&(M(!0),T(!1))},[w,f,M,i]),n.useEffect(()=>()=>{ie.controller&&ie.controller.abort()},[]),f)return t.jsx(ve,{isFullScreen:!0});if(!c)return t.jsx(Te,{notFound:!0});const Y=a==="NEWS",U=b?.articleListLayoutType?.id===X.CARD_LAYOUT;return t.jsxs(t.Fragment,{children:[t.jsx(Ne,{children:t.jsx("meta",{name:"referrer",content:"unsafe-url"})}),t.jsxs(ht,{className:O.root,children:[t.jsx(ut,{title:a,queryFilter:E,setQueryFilter:H,articleThemeId:p,setIsFilter:N,isContentNews:Y,isArticleListLayoutCard:U}),f&&!c&&t.jsx("div",{className:O.emptyWrapper,children:t.jsx(We,{})}),t.jsx(qe,{queryFilter:u,themeRelativeUrl:l})]})]})},Et=n.memo(ft);export{Et as default};