https://tunku.jp/portal/assets/VideoItem-BKYRcP1K.js

1import{s as v,a as r,a3 as N,z as j,j as a,ag as M,h as P,ah as w,af as V}from"./vendor-react-mui-CbMtYrI_.js";import{i as U,S as D}from"./icon-custom-membership-BCJA0iPJ.js";import{b as F,c as k,a as W,e as H,u as E,B as g}from"./useGetLinkChannelDetail-B5Nmcrmr.js";import{N as u,v as R,C as h}from"./index-BbkzVsq_.js";import{b as A,a as _}from"./video.enums-COF6QV9W.js";import{c as z,b as O,d as B,a as f,m as G}from"./date-Sowxxg3_.js";import{c as L,f as b}from"./video.helpers-BSlnl_e_.js";import{u as X}from"./useCheckTagVideoFreePeriods-gqjuvRoR.js";const t="VideoItem",i={container:`${t}-container`,thumbnailContainer:`${t}-thumbnailContainer`,contentWrapper:`${t}-contentWrapper`,agreeInfoContainer:`${t}-agreeInfoContainer`,agreeInfoContainerNoHome:`${t}-agreeInfoContainerNoHome`,agreeInfoWrapper:`${t}-agreeInfoWrapper`,iconChip:`${t}-iconChip`,date:`${t}-date`,playIcon:`${t}-playIcon`,commentIcon:`${t}-commentIcon`,userContainer:`${t}-userContainer`,userThumbnail:`${t}-userThumbnail`,groupIcon:`${t}-groupIcon`,membershipIcon:`${t}-membershipIcon`,chip:`${t}-chip`,videoTime:`${t}-videoTime`,resumeProgress:`${t}-resumeProgress`,wrapTitle:`${t}-wrapTitle`,title:`${t}-title`,hover:`${t}-hover`,hoverUpMd:`${t}-hoverUpMd`,...F[t]},Z=(e,{isCardLayout:n})=>({[`&.${i.container}`]:{display:"flex",marginBottom:e.spacing(n?0:10),flexDirection:"column",[e.breakpoints.up("md")]:{flexDirection:n?"column":"row",marginBottom:e.spacing(n?0:6)},maxWidth:n?240:"inherit"},[`& .${i.thumbnailContainer}`]:{position:"relative",borderRadius:12,overflow:"hidden",flexBasis:"100%",cursor:"pointer",[e.breakpoints.up("md")]:{flexBasis:n?"100%":220,flexShrink:0}},[`& .${i.contentWrapper}`]:{display:"flex",flexDirection:"column",height:"auto",width:"100%",[e.breakpoints.up("md")]:{paddingLeft:e.spacing(n?0:6)}},[`& .${i.agreeInfoContainer}`]:{margin:e.spacing(1,0,2)},[`& .${i.agreeInfoContainerNoHome}`]:{margin:e.spacing(2,0,3)},[`& .${i.agreeInfoWrapper}`]:{display:"flex",fontSize:12,lineHeight:"14px",fontWeight:500,color:e.palette.text.secondary,justifyContent:"flex-end",alignItems:"center",minHeight:"22px"},[`& .${i.iconChip}`]:{marginRight:e.spacing(2),height:22,width:66,"& .MuiChip-labelSmall":{width:"100%",height:"100%",lineHeight:"18px",display:"flex",alignItems:"center"}},[`& .${i.date}`]:{marginRight:"auto"},[`& .${i.playIcon}`]:{color:e.palette.secondary.dark},[`& .${i.commentIcon}`]:{marginLeft:e.spacing(1),marginRight:e.spacing(1),color:e.palette.secondary.dark},[`& .${i.userContainer}`]:{display:"flex",alignItems:"center","&:hover":{opacity:.8}},[`& .${i.userThumbnail}`]:{width:28,height:28,marginRight:e.spacing(2.5),border:`0.5px solid ${e.palette.border}`},[`& .${i.groupIcon}`]:{position:"absolute",top:6,left:6,zIndex:3,display:"flex",alignItems:"center",gridGap:4,"& .MuiChip-root":{cursor:"pointer"}},[`& .${i.membershipIcon}`]:{width:22,height:22,"& .MuiChip-labelSmall":{width:22,height:22,padding:0,display:"flex",justifyContent:"center",alignItems:"center"},"& svg":{width:"100%"}},[`& .${i.chip}`]:{height:22,"& .MuiChip-labelSmall":{height:"100%",fontWeight:500,lineHeight:"18px",display:"flex",alignItems:"center"}},[`& .${i.videoTime}`]:{position:"absolute",bottom:6,right:6,backgroundColor:e.palette.background.backdrop,padding:e.spacing(.25,1,0,1),borderRadius:6,fontWeight:500,lineHeight:"14px",fontSize:10,color:e.palette.white},[`& .${i.resumeProgress}`]:{position:"absolute",bottom:0,left:0,right:0,backgroundColor:e.palette.background.defaultOpacity,"& .MuiLinearProgress-bar":{backgroundColor:e.palette.live?.main}},[`& .${i.wrapTitle}`]:{cursor:"pointer"},[`& .${i.title}`]:{paddingTop:e.spacing(2),[e.breakpoints.up("md")]:{paddingTop:e.spacing(n?2:0)},color:e.palette.text.primary},[`& .${i.hover}`]:{opacity:.8},[`& .${i.hoverUpMd}`]:{"&:hover":{opacity:.8}}}),Q=k(Z,W[t]),q=v("div")(({theme:e,...n})=>({...Q(e,n)})),J=({video:e,isCardLayout:n=!1})=>{const[c,m]=r.useState(!1),x=N(),I=j(x.breakpoints.down("md")),s=H(),C=X(e.videoFreePeriods.length),y=E(e.fanclubSite.currentFanclubDesign?.appIconUrl),{videoPlayedProgress:$}=r.useMemo(()=>({videoPlayedProgress:L(e.userVideoPlayHistory?.lastPlayedTime,e.activeVideoFilename?.length)}),[e.activeVideoFilename?.length,e.userVideoPlayHistory?.lastPlayedTime]),T=r.useMemo(()=>

1{const o=z(e.displayDate);return U(o)?O(o):B(o)},[e.displayDate]),l=r.useMemo(()=>{const o=e.videoMediaType.id===A.AUDIO?s(e.fanclubSite.id,u.NFC_AD_010.replace(/:contentCode/,e.contentCode)):s(e.fanclubSite.id,u.NFC_MV_010.replace(/:contentCode/,e.contentCode)),S=s(e.fanclubSite.id);return{videoUrlDetail:o,siteUrl:S}},[s,e.contentCode,e.fanclubSite.id,e.videoMediaType.id]),d=()=>{m(n||I)},p=()=>{m(!1)};return a.jsxs(q,{isCardLayout:n,className:i.container,children:[a.jsxs("a",{href:l.videoUrlDetail,className:P(i.thumbnailContainer,c?i.hover:i.hoverUpMd),onMouseEnter:d,onMouseLeave:p,children:[a.jsx(g,{src:e.thumbnailUrl,aspectRatio:R.SIXTEEN_TO_NINE,block:!0,isSetWidthUrl:!0,fullWidth:!0}),a.jsx("div",{className:i.groupIcon,children:e.videoDeliveryTarget.id!==_.ALL_USERS&&a.jsxs(a.Fragment,{children:[a.jsx(f,{label:a.jsx(D,{width:13.5,height:11.25}),size:"small",customColor:"gradient.main",className:i.membershipIcon}),C&&a.jsx(f,{label:"一部無料",size:"small",color:"white",customColor:"accent.main",className:i.chip})]})}),e.activeVideoFilename&&a.jsx("div",{className:i.videoTime,children:G(e.activeVideoFilename.length)}),e.userVideoPlayHistory?.lastPlayedTime&&a.jsx(M,{variant:"determinate",value:$,className:i.resumeProgress})]}),a.jsxs("div",{className:i.contentWrapper,children:[a.jsxs("a",{href:l.videoUrlDetail,className:c?i.hover:i.hoverUpMd,onMouseEnter:d,onMouseLeave:p,children:[a.jsx("div",{className:i.wrapTitle,children:a.jsx(h,{fontWeight:600,lineClamp:2,className:i.title,children:e.title})}),a.jsx("div",{className:n?i.agreeInfoContainer:i.agreeInfoContainerNoHome,children:a.jsxs("div",{className:i.agreeInfoWrapper,children:[a.jsx("div",{className:i.date,children:T}),e.videoCommentSetting.dispNumberOfViewsFlg&&a.jsxs(a.Fragment,{children:[a.jsx(w,{fontSize:"small",className:i.playIcon}),a.jsx("div",{children:b(e.videoAggregateInfo?.totalViews??0)})]}),e.videoCommentSetting.dispNumberOfCommentFlg&&a.jsxs(a.Fragment,{children:[a.jsx(V,{fontSize:"inherit",className:i.commentIcon}),a.jsx("div",{children:b(e.videoAggregateInfo?.numberOfComments??0)})]})]})})]}),a.jsxs("a",{href:l.siteUrl,className:i.userContainer,children:[a.jsx(g,{className:i.userThumbnail,src:y,borderRadius:"50%",isSetWidthUrl:!0}),a.jsx(h,{fontSize:13,fontWeight:500,lineClamp:1,customColor:"text.secondary",children:e.fanclubSite.fanclubSiteName})]})]})]})},re=r.memo(J);export{re as V};