{"version":3,"sources":["../ui/src/components/player-components/playList/singlePlayList.tsx"],"sourcesContent":["import { conditions } from \"helpers\";\r\nimport { ConditionName, ISinglePlayListProps } from \"interfaces\";\r\nimport { useAppSelector } from \"redux-share/hooks\";\r\nimport { handleVideoOfPlaylistClick } from \"redux-share/actions\";\r\nimport { useState, useEffect, MouseEventHandler } from \"react\";\r\nimport { shallowEqual } from 'react-redux'\r\nimport dynamic from \"next/dynamic\";\r\n\r\nconst PlayerCard = dynamic(() => import(\"../playerCard/playerCard\"));\r\n\r\nconst SinglePlayList = ({playList}: ISinglePlayListProps) => {\r\n    const [listScrolled, setListScrolled] = useState<any>([]);\r\n\r\n    const { params } = useAppSelector(({ videoData: { params, isComplexDesktop, isComplexPortrait } }) => ({ params, isComplexDesktop, isComplexPortrait }), shallowEqual);\r\n    useAppSelector(({ controller: { isFullScreen } }) => ({ isFullScreen }), shallowEqual);\r\n\r\n    useEffect(()=>{\r\n        setListScrolled(playList.videos)\r\n    }, [playList.videos.length])\r\n    \r\n    return (\r\n        <>\r\n            {listScrolled.length ? listScrolled.map((video: any, index:number) => (\r\n                <div\r\n                    key={video.video.id}\r\n                    id={`playList-${video.video.id}`}\r\n                    className={`pl-relative pl-overflow-hidden ${video.video.id === +params.id! && \"pl-bg-secondary-200 dark:pl-bg-dark-2\"} ${(conditions(ConditionName.isTouchScreen) || conditions(ConditionName.isFullScreen)) && \"pl-px-3\"}`}\r\n                    style={{ height: conditions(ConditionName.isComplexDesktop) ? 98 : 80 }}\r\n                >\r\n                    <PlayerCard\r\n                        id={video.video.id}\r\n                        tags={video.video.tag}\r\n                        src={video.video.banner}\r\n                        type={video.video.type!}\r\n                        isVideo={false}\r\n                        width={conditions(ConditionName.isComplexDesktop) ? 174 : (conditions(ConditionName.isComplexPortrait) || conditions(ConditionName.isTouchScreenLandscape) || conditions(ConditionName.isFullScreen) || (!conditions(ConditionName.isFullScreen) && !conditions(ConditionName.isParamsPortrait)) ? 142 : window.innerWidth)}\r\n                        height={conditions(ConditionName.isComplexDesktop) ? 98 : (conditions(ConditionName.isComplexPortrait) || conditions(ConditionName.isTouchScreenLandscape) || conditions(ConditionName.isFullScreen) || (!conditions(ConditionName.isFullScreen) && !conditions(ConditionName.isParamsPortrait)) ? 80 : (window.innerWidth * 9) / 16)}\r\n                        duration={video.video.duration}\r\n                        title={video.video.title}\r\n                        isComplexDesktop={conditions(ConditionName.isComplexDesktop)}\r\n                        viewers={video.video.viewers}\r\n                        date={video.video.start_time}\r\n                        onClick={(event: MouseEventHandler<HTMLDivElement>) => video.video.id !== +params.id! && handleVideoOfPlaylistClick(event, playList.id, video.video.id, video.video.type, index)}\r\n                    />\r\n                </div>\r\n            )) : <></>}\r\n        </>\r\n    )\r\n}\r\n\r\nexport default SinglePlayList;"],"mappings":"gKAAAA,IAIA,OAAS,YAAAC,EAAU,aAAAC,MAAoC,QACvD,OAAS,gBAAAC,MAAoB,cAC7B,OAAOC,MAAa,eAuBA,OAgBH,YAAAC,EAhBG,OAAAC,MAAA,oBArBpB,IAAMC,EAAaH,EAAQ,IAAM,OAAO,2BAA0B,CAAC,EAE7DI,EAAiB,CAAC,CAAC,SAAAC,CAAQ,IAA4B,CACzD,GAAM,CAACC,EAAcC,CAAe,EAAIV,EAAc,CAAC,CAAC,EAElD,CAAE,OAAAW,CAAO,EAAIC,EAAe,CAAC,CAAE,UAAW,CAAE,OAAAD,EAAQ,iBAAAE,EAAkB,kBAAAC,CAAkB,CAAE,KAAO,CAAE,OAAAH,EAAQ,iBAAAE,EAAkB,kBAAAC,CAAkB,GAAIZ,CAAY,EACrK,OAAAU,EAAe,CAAC,CAAE,WAAY,CAAE,aAAAG,CAAa,CAAE,KAAO,CAAE,aAAAA,CAAa,GAAIb,CAAY,EAErFD,EAAU,IAAI,CACVS,EAAgBF,EAAS,MAAM,CACnC,EAAG,CAACA,EAAS,OAAO,MAAM,CAAC,EAGvBH,EAAAD,EAAA,CACK,SAAAK,EAAa,OAASA,EAAa,IAAI,CAACO,EAAYC,IACjDZ,EAAC,OAEG,GAAI,YAAYW,EAAM,MAAM,EAAE,GAC9B,UAAW,kCAAkCA,EAAM,MAAM,KAAO,CAACL,EAAO,IAAO,uCAAuC,KAAKO,iBAAsC,GAAKA,gBAAqC,IAAM,SAAS,GAC1N,MAAO,CAAE,OAAQA,oBAAyC,EAAI,GAAK,EAAG,EAEtE,SAAAb,EAACC,EAAA,CACG,GAAIU,EAAM,MAAM,GAChB,KAAMA,EAAM,MAAM,IAClB,IAAKA,EAAM,MAAM,OACjB,KAAMA,EAAM,MAAM,KAClB,QAAS,GACT,MAAOE,oBAAyC,EAAI,IAAOA,qBAA0C,GAAKA,0BAA+C,GAAKA,gBAAqC,GAAM,CAACA,gBAAqC,GAAK,CAACA,oBAAyC,EAAK,IAAM,OAAO,WAChT,OAAQA,oBAAyC,EAAI,GAAMA,qBAA0C,GAAKA,0BAA+C,GAAKA,gBAAqC,GAAM,CAACA,gBAAqC,GAAK,CAACA,oBAAyC,EAAK,GAAM,OAAO,WAAa,EAAK,GAClU,SAAUF,EAAM,MAAM,SACtB,MAAOA,EAAM,MAAM,MACnB,iBAAkBE,oBAAyC,EAC3D,QAASF,EAAM,MAAM,QACrB,KAAMA,EAAM,MAAM,WAClB,QAAUG,GAA6CH,EAAM,MAAM,KAAO,CAACL,EAAO,IAAOS,EAA2BD,EAAOX,EAAS,GAAIQ,EAAM,MAAM,GAAIA,EAAM,MAAM,KAAMC,CAAK,EACnL,GAnBKD,EAAM,MAAM,EAoBrB,CACH,EAAIX,EAAAD,EAAA,EAAE,EACX,CAER,EAEOiB,EAAQd","names":["init_esm_shims","useState","useEffect","shallowEqual","dynamic","Fragment","jsx","PlayerCard","SinglePlayList","playList","listScrolled","setListScrolled","params","useAppSelector","isComplexDesktop","isComplexPortrait","isFullScreen","video","index","conditions","event","handleVideoOfPlaylistClick","singlePlayList_default"]}