{"version":3,"sources":["../ui/src/components/player-components/complexDesktop/complexDesktop.tsx","../ui/src/components/icon-components/share1Icon.tsx"],"sourcesContent":["import {memo} from \"react\";\r\nimport LikeDisLike from \"../likeDisLike/likeDisLike\";\r\nimport { useAppDispatch, useAppSelector } from \"redux-share/hooks\";\r\nimport { conditions, getRemainingTime } from \"helpers\";\r\nimport { ConditionName } from \"interfaces\";\r\nimport OnlineViewersIcon from \"../../icon-components/onlineViewerIcon\";\r\nimport { setSharePopover } from \"redux-share/slices/popoversSlice\";\r\nimport Share1Icon from \"../../icon-components/share1Icon\";\r\nimport { shallowEqual } from 'react-redux'\r\nimport dynamic from \"next/dynamic\";\r\n\r\nconst Tags = dynamic(() => import(\"../tags/tags\"));\r\nconst ClockIcon = dynamic(() => import(\"../../icon-components/clockIcon\"));\r\nconst Bookmark = dynamic(() => import(\"../bookmark/bookmark\"));\r\nconst PersonalMarkersPopover = dynamic(() => import(\"../personalMarkers/personalMarkers\"));\r\nconst Download = dynamic(() => import(\"../download/download\"));\r\nconst Feedback = dynamic(() => import(\"../feedback/feedback\"));\r\nconst MovieDetail = dynamic(() => import(\"../movie/movieDetail/movieDetail\"));\r\nconst Trailer = dynamic(() => import(\"../trailer/trailer\"));\r\nconst Skeleton = dynamic(() => import(\"../skeleton/skeleton\"));\r\nconst Comments = dynamic(() => import(\"../comments/comments\"));\r\nconst PlayList = dynamic(() => import(\"../playList/playList\"));\r\nconst RecommendationList = dynamic(() => import(\"../recommendationList/recommendationList\"));\r\n\r\nconst ComplexDesktop = () => {\r\n\r\n    const dispatch = useAppDispatch();\r\n    const { details, params } = useAppSelector(({ videoData: { details, params, recommendationList, playList, trailer } }) => ({ details, params, recommendationList, playList, trailer }), shallowEqual);\r\n    useAppSelector(({ comments: { canAddComment, commentsCount } }) => ({ canAddComment, commentsCount }), shallowEqual);\r\n    useAppSelector(({ popovers: { feedbackPopover, personalMarkersPopover } }) => ({ feedbackPopover, personalMarkersPopover }), shallowEqual);\r\n\r\n    return (\r\n        <div className={`pl-mt-4 ${!conditions(ConditionName.hasSidebar) && \"pl-mx-4\"}`} style={{height: \"max-content\"}}>\r\n            <div\r\n                className=\"pl-flex pl-justify-between pl-items-center pl-text-secondary-800 dark:pl-text-secondary-50\">\r\n                <h1 className=\"pl-text-[14px] pl-font-bold\">{details.title}</h1>\r\n                {\r\n                conditions(ConditionName.showVideoViewers) && (\r\n                <div className=\"pl-flex pl-items-center pl-gap-1\">\r\n                    <span className=\"pl-text-[14px] pl-font-medium\">{conditions(ConditionName.isLiveParam) ? details.live_viewers : details.viewers}</span>\r\n                    <OnlineViewersIcon className=\"pl-stroke-secondary-800 dark:pl-stroke-secondary-50\"/>\r\n                </div>\r\n                )}\r\n            </div>\r\n            {conditions(ConditionName.hasTags) &&\r\n                <div className=\"pl-flex pl-overflow-hidden pl-mt-4 pl-mb-3\">\r\n                    <Tags tagId={String(params.id)} usePlace={\"DesktopDescription\"} tags={details.tag!} />\r\n                </div>\r\n            }\r\n            <div\r\n                className={`pl-flex pl-flex-wrap ${conditions(ConditionName.hasMovieDetails) ? \"pl-justify-end\" : \"pl-justify-between\"} pl-items-center pl-my-4 pl-border-b pl-border-secondary-300 dark:pl-border-gray-700 pl-pb-6`}>\r\n                {!conditions(ConditionName.hasMovieDetails) && conditions(ConditionName.showVideoUploadTime) && (\r\n                    <div\r\n                        className=\"pl-flex pl-items-center pl-gap-1 pl-text-secondary-500 dark:pl-text-gray-400 pl-text-[14px] pl-font-medium\">\r\n                        <ClockIcon className=\"pl-fill-secondary-500 dark:pl-fill-gray-400\"/>\r\n                        <span>{getRemainingTime(details.start_time!)}</span>\r\n                    </div>\r\n                )}\r\n                <div className=\"pl-flex pl-flex-wrap pl-items-center pl-gap-6\">\r\n                    {conditions(ConditionName.showBookmark) && <Bookmark />}\r\n                    {conditions(ConditionName.showPersonalMarker) && <PersonalMarkersPopover />}\r\n                    {conditions(ConditionName.hasDownloadLinks) && <Download/>}\r\n                    <LikeDisLike/>\r\n                    <div\r\n                        className={`pl-relative pl-flex pl-items-center pl-gap-3 pl-text-[14px] pl-font-medium pl-text-secondary-700 dark:pl-text-secondary-50 pl-bg-gray-100 dark:pl-bg-dark-3 pl-border-none pl-rounded-[20px] pl-py-[7px] pl-px-3 pl-cursor-pointer`}\r\n                        onClick={() => dispatch(setSharePopover(true))}>\r\n                        <span>اشتراک گذاری</span>\r\n                        <Share1Icon className=\"pl-fill-secondary-700 dark:pl-fill-secondary-50\"/>\r\n                    </div>\r\n                    {conditions(ConditionName.showFeedback) && <Feedback/>}\r\n                </div>\r\n            </div>\r\n            {(conditions(ConditionName.hasMovieDetails) || (conditions(ConditionName.hasDescription) && !conditions(ConditionName.hasTrailer))) && (\r\n                <div className=\"pl-border-b pl-border-secondary-300 dark:pl-border-gray-700 pl-pb-4\">\r\n                    <div className=\"pl-bg-gray-highLight dark:pl-bg-dark-2 pl-rounded-[16px] pl-px-3 pl-py-4\">\r\n                        {conditions(ConditionName.hasMovieDetails) && <MovieDetail />}\r\n                        {conditions(ConditionName.hasDescription) && !conditions(ConditionName.hasTrailer) && <p className=\"pl-text-[14px] pl-font-normal pl-whitespace-pre-wrap\">{details.description}</p>}\r\n                    </div>\r\n                </div>\r\n            )}\r\n            {!conditions(ConditionName.isBeforeRequest) && <Trailer/>}\r\n            {conditions(ConditionName.isBeforeRequest) ?\r\n                    <div className={window.innerWidth < 900 ? \"pl-mt-3 pl-w-full\" : \"\"}>\r\n                        {\r\n                            Array.from(Array(2).keys()).map((item, index) => <Skeleton key={index}/>)\r\n                        }\r\n                    </div>\r\n                :\r\n                <>\r\n                    {conditions(ConditionName.showCommentComponent) && <Comments/>}\r\n                    {window.innerWidth < 900 && (\r\n                        <div className=\"pl-mt-3 pl-w-full\">\r\n                            {conditions(ConditionName.hasPlayList) && <PlayList/>}\r\n                            {conditions(ConditionName.hasRecommendationList) && conditions(ConditionName.showRecommendationList) && <RecommendationList/>}\r\n                        </div>\r\n                    )}\r\n                </>\r\n            }\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default memo(ComplexDesktop);","import { IShare1IconProps } from \"interfaces\";\r\n\r\nconst Share1Icon = ({ className, onClick }: IShare1IconProps) => {\r\n    return (\r\n        <svg width=\"22\" height=\"18\" viewBox=\"0 0 22 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" className={className} onClick={onClick}>\r\n            <path d=\"M12.4128 0L11.6055 0.408716V2.96193C8.92677 2.86605 6.30928 3.77696 4.26881 5.51514C1.43303 8.0078 0 12.0697 0 17.6252L0.973853 17.8069C1.07477 17.5596 3.41101 11.8073 11.6055 11.5803V14.6633L12.4128 15.067L22 7.9422V7.12982L12.4128 0ZM12.6147 13.6592V11.0656L12.1101 10.561C5.85321 10.561 2.56835 13.6339 1.07477 15.6725C1.36743 11.4239 2.65917 8.27018 4.91972 6.27706C6.71008 4.76809 8.98158 3.95006 11.3229 3.9711C11.767 3.9711 12.0344 4.00138 12.0445 4.00138L12.6147 3.49679V1.41284L20.8495 7.53349L12.6147 13.6592Z\" />\r\n        </svg>\r\n    )\r\n}\r\n\r\nexport default Share1Icon;"],"mappings":"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","names":["init_esm_shims","memo","init_esm_shims","jsx","Share1Icon","className","onClick","share1Icon_default","shallowEqual","dynamic","Fragment","jsx","jsxs","Tags","ClockIcon","Bookmark","PersonalMarkersPopover","Download","Feedback","MovieDetail","Trailer","Skeleton","Comments","PlayList","RecommendationList","ComplexDesktop","dispatch","useAppDispatch","details","params","useAppSelector","recommendationList","playList","trailer","canAddComment","commentsCount","feedbackPopover","personalMarkersPopover","conditions","onlineViewerIcon_default","getRemainingTime","likeDisLike_default","setSharePopover","share1Icon_default","item","index","complexDesktop_default","memo"]}