{"version":3,"sources":["../ui/src/components/player-components/movie/movieDetail/movieDetail.tsx"],"sourcesContent":["import Image from \"next/image\";\r\nimport { useAppSelector } from \"../../../../../../redux/hooks\";\r\nimport { conditions, secondsToPersianHMS } from \"../../../../../../helpers\";\r\nimport { ConditionName } from \"../../../../../../interfaces\";\r\nimport IMAGES from \"../../../../../../images/importImages\";\r\nimport ClockIcon from \"../../../icon-components/clockIcon\";\r\nimport { shallowEqual } from 'react-redux'\r\n\r\nconst contentTypes = [\"فیلم سینمایی\",\"سریال\"]\r\n\r\nconst MovieDetail = () => {\r\n\r\n    const { details, subtitles, multiAudio } = useAppSelector(({ videoData: { details, subtitles, multiAudio, isComplexPortrait } }) => ({ details, subtitles, multiAudio, isComplexPortrait }), shallowEqual);\r\n    const { duration } = useAppSelector(({ controller: { duration } }) => ({ duration }), shallowEqual);\r\n\r\n    return (\r\n        <div className={`pl-relative pl-flex ${conditions(ConditionName.isComplexPortrait) ? \"pl-flex-col pl-gap-[14px]\" : \"pl-flex-row pl-items-center pl-gap-8 pl-mb-6\"} ${!conditions(ConditionName.hasDescription) && (conditions(ConditionName.isComplexPortrait) ? \"pl-border-b pl-border-secondary-500 pl-pb-4\" : \"pl-border-b pl-border-secondary-300 dark:pl-border-gray-700 pl-pb-4\")}`}>\r\n            <div className={`pl-w-full pl-flex ${conditions(ConditionName.isComplexPortrait) ? \"pl-flex-col pl-gap-[14px]\" : \"pl-flex-row pl-items-center pl-gap-8\"} pl-font-normal pl-text-gray-800 dark:pl-text-dark-5`}>\r\n                <div className=\"pl-flex pl-items-center\">\r\n                    <div className=\"pl-ml-2 pl-flex pl-items-center\"><Image src={conditions(ConditionName.isDarkMode) ? IMAGES.videoWhite : IMAGES.videoBlack} alt=\"video-icon\" width={14} height={14} /></div>\r\n                    {conditions(ConditionName.hasMovieContentType) && <span className=\"pl-text-[13px]\">{contentTypes[details.content_type!]}</span>}\r\n                    {conditions(ConditionName.hasMovieContentType) && conditions(ConditionName.hasMovieReleaseYear) && <span className=\"pl-mx-1\">.</span>}\r\n                    {conditions(ConditionName.hasMovieReleaseYear) && <span className=\"pl-text-[14px]\">{details.release_year}</span>}\r\n                </div>\r\n                <div className=\"pl-flex pl-items-center pl-gap-[9px] pl-text-[13px]\">\r\n                    <ClockIcon className=\"pl-fill-z-gray-500 dark:pl-fill-dark-5\" />\r\n                    {secondsToPersianHMS(duration).join(\" و \")}\r\n                </div>\r\n                {conditions(ConditionName.hasSubtitle) && (\r\n                    <div className=\"pl-flex pl-items-center pl-gap-[6px]\">\r\n                        <div className=\"pl-ml-[2px] pl-flex pl-items-center\"><Image src={conditions(ConditionName.isDarkMode) ? IMAGES.subtitle1White : IMAGES.subtitle1Black} alt=\"subtitle-icon\" width={14} height={14} /></div>\r\n                        <div className=\"pl-text-[14px] pl-font-normal pl-flex pl-items-center pl-gap-[2px]\">\r\n                            <span className=\"pl-text-dark-4 dark:pl-text-z-secondary-500\">زیرنویس</span>\r\n                            <span className=\"pl-text-gray-800 dark:pl-text-dark-5\">:</span>\r\n                        </div>\r\n                        <div className=\"pl-flex pl-items-center pl-gap-3\">\r\n                            {subtitles.map((subtitle: any, index: number) => (\r\n                                <p key={index} className=\"pl-text-[10px] pl-font-normal pl-text-gray-800 dark:pl-text-dark-5 pl-bg-secondary-300 dark:pl-bg-secondary-700 pl-px-[5px] pl-py-[3px] pl-rounded-[8px]\">{subtitle.label}</p>\r\n                            ))}\r\n                        </div>\r\n                    </div>\r\n                )}\r\n                {conditions(ConditionName.hasMultiAudio) && (\r\n                    <div className=\"pl-flex pl-items-center pl-gap-[6px]\">\r\n                        <div className=\"pl-ml-[2px] pl-flex pl-items-center\"><Image src={conditions(ConditionName.isDarkMode) ? IMAGES.microphoneWhite : IMAGES.microphoneBlack} alt=\"microphone-icon\" width={14} height={14} /></div>\r\n                        <div className=\"pl-text-[14px] pl-font-normal pl-flex pl-items-center pl-gap-[2px]\">\r\n                            <span className=\"pl-text-dark-4 dark:pl-text-z-secondary-500\">دوبله</span>\r\n                            <span className=\"pl-text-gray-800 dark:pl-text-dark-5\">:</span>\r\n                        </div>\r\n                        <div className=\"pl-flex pl-items-center pl-gap-3\">\r\n                            {multiAudio.map((audio: any) => (\r\n                                <p key={audio.lang} className=\"pl-text-[10px] pl-font-normal pl-text-gray-800 dark:pl-text-dark-5 pl-bg-secondary-300 dark:pl-bg-secondary-700 pl-px-[5px] pl-py-[3px] pl-rounded-[8px]\">{audio.name}</p>\r\n                            ))}\r\n                        </div>\r\n                    </div>\r\n                )}\r\n\r\n                {conditions(ConditionName.hasIMDB) && (\r\n                    <div className={`pl-ml-3 pl-flex pl-items-center pl-mr-auto pl-bg-warning pl-pl-[11px] pl-rounded-[24px] pl-text-secondary-800 ${conditions(ConditionName.isComplexPortrait) ? \"pl-absolute pl-left-0\" : \"pl-relative\"}`}>\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\">{details.imdb_rate}</span>\r\n                            <span>/</span>\r\n                            <span>10</span>\r\n                        </div>\r\n                    </div>\r\n                )}\r\n            </div>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default MovieDetail;"],"mappings":"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","names":["init_esm_shims","Image","shallowEqual","jsx","jsxs","contentTypes","MovieDetail","details","subtitles","multiAudio","useAppSelector","isComplexPortrait","duration","conditions","Image","importImages_default","clockIcon_default","secondsToPersianHMS","subtitle","index","audio","movieDetail_default"]}