{"version":3,"sources":["../ui/src/components/player-components/playList/playListCard.tsx"],"sourcesContent":["import Image from \"next/image\";\r\nimport Popover from \"../popover/popover\";\r\nimport { useEffect, useState } from \"react\";\r\nimport { useAppDispatch, useAppSelector } from \"../../../../../redux/hooks\";\r\nimport { API } from \"../../../../../services\";\r\nimport { conditions, numbersToLetters, responseValidator } from \"../../../../../helpers\";\r\nimport { ConditionName, ContentTypes, IPlayListCardProps } from \"../../../../../interfaces\";\r\nimport { handleClickPlayerCardTag } from \"../../../../../redux/actions/tags.actions\"\r\nimport { setPlayListCardPopover } from \"../../../../../redux/slices/popoversSlice\";\r\nimport CloseIcon from \"../../icon-components/closeIcon\";\r\nimport { shallowEqual } from 'react-redux';\r\nimport dynamic from \"next/dynamic\";\r\nimport { getPlayListCards } from 'redux-share/actions'\r\n\r\nconst TruncateMarkup = dynamic(() => import(\"react-truncate-markup\"));\r\nconst PlayerCard = dynamic(() => import(\"../playerCard/playerCard\"));\r\nconst PlayListIcon = dynamic(() => import(\"../../icon-components/playlistIcon\"));\r\nconst VideoListHeaderIcon = dynamic(() => import(\"../../icon-components/videoListHeader\"));\r\n\r\nconst PlayListCard = ({ playListCardInfo }: IPlayListCardProps) => {\r\n    const [playList, setPlayList] = useState<any[]>([]);\r\n    const [showAllDescription, setShowAllDescription] = useState<boolean>(false);\r\n\r\n    const dispatch = useAppDispatch();\r\n    const { params } = useAppSelector(({ videoData: { params, isComplexDesktop, isComplexPortrait } }) => ({ params, isComplexDesktop, isComplexPortrait }), shallowEqual);\r\n    const { playListCardPopover } = useAppSelector(({ popovers: { playListCardPopover } }) => ({ playListCardPopover }), shallowEqual);\r\n    useEffect(() => {\r\n        if (playListCardPopover) {\r\n            (async () => {\r\n                const { data, status } = await getPlayListCards(API().playListVideos(playListCardInfo.id));\r\n                if (responseValidator(status)) {\r\n                    const sortedVideos: any[] = [];\r\n                    data.results.map((result: any) => {\r\n                        if (sortedVideos[result.video.season - 1]) sortedVideos[result.video.season - 1].push(result.video);\r\n                        else sortedVideos.push([result.video]);\r\n                    });\r\n                    setPlayList(sortedVideos);\r\n                }\r\n            })()\r\n        }\r\n    }, [playListCardPopover])\r\n\r\n    const banner = (\r\n        <div className=\"pl-w-full pl-aspect-video pl-relative\">\r\n            {playListCardInfo.banner ? <Image alt=\"\" src={playListCardInfo.banner} layout=\"fill\" objectFit=\"contain\" className=\"pl-rounded-[16px]\" /> : (\r\n                <div className=\"pl-flex pl-justify-center pl-items-center pl-w-full pl-h-full pl-rounded-[16px]\" style={{ background: conditions(ConditionName.isDarkMode) ? \"radial-gradient(145.00% 58.03% at 50.00% 50.00%, #263238 0%, rgba(41, 45, 50, 0.10) 100%)\" : \"radial-gradient(102.67% 46.56% at 50.00% 45.38%, rgba(41, 170, 243, 0.80) 0%, rgba(41, 145, 255, 0.20) 100%)\" }}>\r\n                    <PlayListIcon className=\"pl-w-[45px] pl-h-[30px] pl-fill-main dark:pl-fill-white\" />\r\n                </div>\r\n            )}\r\n        </div>\r\n    )\r\n\r\n    const title = (\r\n        <>\r\n            {!!playListCardInfo.title && (\r\n                <p className=\"pl-flex pl-gap-2 pl-text-4 pl-font-bold\">\r\n                    <span>{playListCardInfo.title}</span>\r\n                    {playListCardInfo.content_type === ContentTypes.PlayList && <span className=\"pl-text-secondary-500 dark:pl-text-z-gray-400\">(سریال)</span>}\r\n                </p>\r\n            )}\r\n        </>\r\n    )\r\n\r\n    const tags = (\r\n        <>\r\n            {!!playListCardInfo.tag && (\r\n                <div className={`pl-flex pl-gap-1 pl-flex-wrap`}>\r\n                    {playListCardInfo.tag.split(\",\").map((tag: string, index: number) =>\r\n                        <p\r\n                            key={index}\r\n                            className={`pl-cursor-pointer pl-bg-main-light dark:pl-bg-main-dark pl-text-z-secondary-50 dark:pl-text-dark-5 pl-px-2 pl-py-[3px] pl-rounded-[4px] pl-font-normal pl-min-w-max pl-text-[10px]`}\r\n                            onClick={(event: any) => handleClickPlayerCardTag(event, tag)}\r\n                        >\r\n                            {tag}\r\n                        </p>\r\n                    )}\r\n                </div>\r\n            )}\r\n        </>\r\n    )\r\n\r\n    const imdb_rate = (\r\n        <>\r\n            {!!playListCardInfo.imdb_rate && (\r\n                <div className={`pl-flex pl-items-center pl-mr-auto pl-bg-warning pl-pl-[11px] pl-rounded-[24px] pl-text-secondary-800`}>\r\n                    <div className=\"pl-bg-orange-100/[0.4] pl-pr-4 pl-rounded-r-[24px] pl-pt-[2px] pl-pl-2 pl-text-[14px] pl-font-extrabold\">IMDB</div>\r\n                    <div className=\"pl-mr-[6px]\">\r\n                        <span className=\"pl-text-[15px] pl-font-bold\">{playListCardInfo.imdb_rate}</span>\r\n                        <span>/</span>\r\n                        <span>10</span>\r\n                    </div>\r\n                </div>\r\n            )}\r\n        </>\r\n    )\r\n    const release_year = <>{!!playListCardInfo.release_year && <p className=\"pl-text-z-secondary-600 dark:pl-text-secondary pl-text-[14px] pl-font-medium\">تولید {playListCardInfo.release_year}</p>}</>\r\n    const videoCount = <>{playListCardInfo.count && <p>{playListCardInfo.count} ویدیو</p>}</>\r\n    const closeIcon = <CloseIcon className=\"pl-stroke-z-gray-700 dark:pl-stroke-dark-5 pl-cursor-pointer\" onClick={() => dispatch(setPlayListCardPopover(false))} />\r\n    const description = <p className={`pl-pb-6 pl-text-[12px] pl-font-normal pl-text-justify`}>{playListCardInfo.description}</p>\r\n\r\n    return (\r\n        <>\r\n            <Popover\r\n                status={playListCardPopover}\r\n                onClose={() => dispatch(setPlayListCardPopover(false))}\r\n                type=\"modal\"\r\n                classNames=\"pl-w-screen pl-h-[100dvh] !pl-bg-white dark:!pl-bg-dark-1 !pl-rounded-none\"\r\n                isFullScreen={true}\r\n            >\r\n                <>\r\n                    {conditions(ConditionName.isComplexPortrait) ? (\r\n                        <>\r\n                            <div className=\"pl-flex pl-flex-col pl-gap-2 pl-px-4 pl-pb-3\" style={{ background: conditions(ConditionName.isDarkMode) ? \"linear-gradient(224deg, #BB86FC 0%, rgba(100, 64, 192, 0.50) 100%)\" : \"linear-gradient(224deg, rgba(104, 51, 221, 0.40) 0%, rgba(104, 51, 221, 0.00) 100%)\" }}>\r\n                                <div className=\"pl-flex pl-justify-end pl-pt-2\">{closeIcon}</div>\r\n                                {banner}\r\n                                {title}\r\n                                <div className=\"pl-flex pl-gap-2 pl-justify-between pl-items-center\">\r\n                                    {tags}\r\n                                    {imdb_rate}\r\n                                </div>\r\n                                {playListCardInfo.content_type === ContentTypes.PlayList ? <>{release_year}</> : <>{videoCount}</>}\r\n                                {showAllDescription ? (\r\n                                    <div className=\"pl-max-w-screen pl-text-[14px] pl-font-normal dark:pl-text-dark-5 pl-whitespace-pre-wrap pl-flex-1 no-scrollbar pl-text-justify\">\r\n                                        {playListCardInfo.description}\r\n                                        {\" \"}\r\n                                        <span onClick={() => setShowAllDescription(false)} className=\"pl-text-primary-600\">{\"کمتر...\"}</span>\r\n                                    </div>\r\n                                ) :\r\n                                    (\r\n                                        <TruncateMarkup\r\n                                            ellipsis={() => <span onClick={() => setShowAllDescription(true)} className=\"pl-text-primary-600\">{\" بیشتر...\"}</span>}\r\n                                            lines={2}\r\n                                        >\r\n                                            <div className=\"pl-text-[14px] pl-font-normal dark:pl-text-dark-5 pl-flex-1 no-scrollbar pl-text-justify\">{playListCardInfo.description}</div>\r\n                                        </TruncateMarkup>\r\n                                    )}\r\n                            </div>\r\n                            <div className={`pl-flex pl-flex-col pl-gap-2 pl-pr-4 pl-pt-4`}>\r\n                                {playList.length > 0 && playList.map((item: any, index: number) => (\r\n                                    <>\r\n                                        <div className=\"pl-flex pl-items-center pl-gap-3\">\r\n                                            <VideoListHeaderIcon className=\"pl-fill-secondary-800 dark:pl-fill-white\" />\r\n                                            <p>فصل {index > 19 ? index + 1 : numbersToLetters[index]}</p>\r\n                                        </div>\r\n                                        {item.map((value: any) => (\r\n                                            <div key={value.id} className=\"pl-relative pl-overflow-hidden pl-h-[88px]\">\r\n                                                <PlayerCard\r\n                                                    src={value.banner}\r\n                                                    type={value.type}\r\n                                                    width={156}\r\n                                                    height={88}\r\n                                                    onClick={() => { }}\r\n                                                    id={value.id}\r\n                                                    duration={value.duration}\r\n                                                    title={value.title}\r\n                                                    titleClassName=\"!pl-text-[14px] !pl-font-medium pl-text-black dark:pl-text-white\"\r\n                                                    tags={value.tag}\r\n                                                    viewers={value.viewers}\r\n                                                    date={value.start_time}\r\n                                                    dateClassName=\"!pl-text-[9px]\"\r\n                                                    star={value.star}\r\n                                                    isComplexDesktop={conditions(ConditionName.isComplexDesktop)}\r\n                                                />\r\n                                            </div>\r\n                                        ))}\r\n                                    </>\r\n                                ))}\r\n                            </div>\r\n                        </>\r\n                    ) : (\r\n                        <div className=\"pl-flex pl-flex-col pl-h-screen pl-overflow-hidden\">\r\n                            <div className=\"pl-self-end pl-pl-10 pl-pt-5\">\r\n                                {closeIcon}\r\n                            </div>\r\n                            <div className=\"pl-flex pl-gap-[44px] pl-flex-1 pl-m-10\">\r\n                                <aside className=\"pl-flex pl-flex-col pl-gap-3 pl-w-[360px] pl-overflow-auto pl-h-screen pl-max-h-[90vh] pl-pt-4 pl-px-[22px] no-scrollbar pl-mb-8 pl-rounded-[20px]\" style={{ background: conditions(ConditionName.isDarkMode) ? \"linear-gradient(224deg, #BB86FC 0%, rgba(100, 64, 192, 0.50) 100%)\" : \"linear-gradient(224deg, rgba(104, 51, 221, 0.40) 0%, rgba(104, 51, 221, 0.00) 100%)\" }}>\r\n                                    <div className=\"pl-flex\">{banner}</div>\r\n                                    {title}\r\n                                    {tags}\r\n                                    {playListCardInfo.content_type === ContentTypes.PlayList ? (\r\n                                        <>\r\n                                            {(!!playListCardInfo.release_year || !!playListCardInfo.imdb_rate) && (\r\n                                                <div className=\"pl-flex pl-justify-between pl-items-center\">\r\n                                                    {release_year}\r\n                                                    {imdb_rate}\r\n                                                </div>\r\n                                            )}\r\n                                        </>\r\n                                    ) : (\r\n                                        <>{videoCount}</>\r\n                                    )}\r\n                                    {description}\r\n                                </aside>\r\n                                <div className=\"pl-w-full !pl-overflow-auto !pl-h-screen pl-max-h-[90vh]\">\r\n                                    {playList.length > 0 && playList.map((item: any, index: number) => (\r\n                                        <>\r\n                                            {playList.length > 1 && (\r\n                                                <div className=\"pl-flex pl-items-center pl-gap-3 pl-mb-6\">\r\n                                                    <VideoListHeaderIcon className=\"pl-fill-secondary-800 dark:pl-fill-white\" />\r\n                                                    <p className=\"pl-flex pl-gap-1\">\r\n                                                        <span>فصل {index > 19 ? index + 1 : numbersToLetters[index]}</span>\r\n                                                        <span className=\"pl-text-z-secondary-500\">({item.length} قسمت)</span>\r\n                                                    </p>\r\n                                                </div>\r\n                                            )}\r\n                                            <div className=\"pl-flex pl-flex-col pl-gap-4 pl-mb-4\">\r\n                                                {item.map((value: any, index: number) => (\r\n                                                    <div key={value.id} className={`${index % 2 !== 0 && \"pl-bg-[#F6F8FF] dark:pl-bg-dark-3\"} pl-flex pl-items-center pl-gap-[6px] pl-pr-2 pl-py-4 pl-rounded-[10px] pl-border pl-border-transparent hover:pl-border hover:pl-border-primary-600 pl-h-[120px]`}>\r\n                                                        <p className={`pl-flex pl-justify-center pl-items-center pl-border pl-border-secondary-700 dark:pl-border-white pl-text-black dark:pl-text-white pl-rounded-full pl-w-[25px] pl-h-[25px] pl-text-[14px] pl-font-medium ${value.id === +params.id! && \"pl-bg-secondary-700 pl-text-white dark:pl-bg-white dark:pl-text-secondary-700\"}`}>{value.episode}</p>\r\n                                                        <PlayerCard\r\n                                                            src={value.banner}\r\n                                                            type={value.type}\r\n                                                            width={156}\r\n                                                            height={88}\r\n                                                            onClick={() => { }}\r\n                                                            id={value.id}\r\n                                                            duration={value.duration}\r\n                                                            title={value.title}\r\n                                                            titleClassName=\"!pl-text-[14px] !pl-font-medium pl-text-black dark:pl-text-white\"\r\n                                                            tags={value.tag}\r\n                                                            viewers={value.viewers}\r\n                                                            date={value.start_time}\r\n                                                            dateClassName=\"!pl-text-[9px]\"\r\n                                                            star={value.star}\r\n                                                            isComplexDesktop={conditions(ConditionName.isComplexDesktop)}\r\n                                                        />\r\n                                                    </div>\r\n                                                ))}\r\n                                            </div>\r\n                                        </>\r\n                                    ))}\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    )}\r\n\r\n                </>\r\n            </Popover>\r\n        </>\r\n    )\r\n}\r\n\r\nexport default PlayListCard;"],"mappings":"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","names":["init_esm_shims","Image","useEffect","useState","shallowEqual","dynamic","Fragment","jsx","jsxs","TruncateMarkup","dynamic","PlayerCard","PlayListIcon","VideoListHeaderIcon","PlayListCard","playListCardInfo","playList","setPlayList","useState","showAllDescription","setShowAllDescription","dispatch","useAppDispatch","params","useAppSelector","isComplexDesktop","isComplexPortrait","shallowEqual","playListCardPopover","useEffect","data","status","getPlayListCards","API","responseValidator","sortedVideos","result","banner","Image","conditions","title","tags","tag","index","event","handleClickPlayerCardTag","imdb_rate","release_year","videoCount","closeIcon","closeIcon_default","setPlayListCardPopover","description","popover_default","item","numbersToLetters","value","playListCard_default"]}