{"version":3,"sources":["../ui/src/components/modules/video-player-library/players/liveAndVodPlayer/videoPlayer.tsx","../ui/src/components/modules/video-player-library/players/liveAndVodPlayer/videoArea.tsx"],"sourcesContent":["import {useEffect} from \"react\";\r\nimport VideoArea from \"./videoArea\";\r\nimport Image from \"next/image\";\r\nimport { checkCanComment, handleVideoElementSizeInfo } from \"redux-share/actions\";\r\nimport { useAppDispatch, useAppSelector } from \"redux-share/hooks\";\r\nimport { conditions, isTouchScreen, sidebarWidth, videoTag } from \"helpers\";\r\nimport { ConditionName } from \"interfaces\";\r\nimport { setAutoPlayPopover, setBookmarksPopover } from \"redux-share/slices/popoversSlice\";\r\nimport { setShowScreen } from \"redux-share/slices/videoDataSlice\";\r\nimport useFullScreen from \"helpers/hooks/useFullScreen\";\r\nimport Popovers from \"ui/src/components/player-components/popover/popovers\";\r\nimport IMAGES from \"images/importImages\";\r\nimport { shallowEqual } from 'react-redux'\r\nimport dynamic from \"next/dynamic\";\r\n\r\nconst ComplexDesktop = dynamic(() => import(\"ui/src/components/player-components/complexDesktop/complexDesktop\"));\r\nconst ComplexPortrait = dynamic(() => import(\"ui/src/components/player-components/complexPortrait/complexPortrait\"));\r\nconst Skeleton = dynamic(() => import(\"../../../../player-components/skeleton/skeleton\"));\r\nconst Chat = dynamic(() => import(\"ui/src/components/player-components/chat/chat\"));\r\nconst RecommendationList = dynamic(() => import(\"ui/src/components/player-components/recommendationList/recommendationList\"));\r\nconst PlayList = dynamic(() => import(\"ui/src/components/player-components/playList/playList\"));\r\nconst BookmarkIcon = dynamic(() => import(\"ui/src/components/icon-components/bookmarkIcon\"));\r\n\r\nconst VideoPlayer = () => {\r\n\r\n    const dispatch = useAppDispatch();\r\n    const { params, videoElementSizeInfo, showScreen, playList, recommendationList } = useAppSelector(({ videoData: { params, videoElementSizeInfo, showScreen, playList, recommendationList, isComplexDesktop, isComplexPortrait } }) => ({ params, videoElementSizeInfo, showScreen, playList, recommendationList, isComplexDesktop, isComplexPortrait }), shallowEqual);\r\n    const { firstPlay, showMiniPlayer, isFullScreen, isEnded, isAutoPlay, loadedFragmentsCount } = useAppSelector(({ controller: { firstPlay, showMiniPlayer, isFullScreen, isEnded, isAutoPlay, loadedFragmentsCount } }) => ({ firstPlay, showMiniPlayer, isFullScreen, isEnded, isAutoPlay, loadedFragmentsCount }), shallowEqual);\r\n    const { avatar_url, name, phone_number } = useAppSelector(({ user: { settings, avatar_url, name, phone_number, isLogin } }) => ({ settings, avatar_url, name, phone_number, isLogin }), shallowEqual);\r\n    useAppSelector(({ popovers: { chatPopover } }) => ({ chatPopover }), shallowEqual);\r\n    useAppSelector(({ controller: { loadedFragmentsCount } }) => ({ loadedFragmentsCount }), shallowEqual);\r\n\r\n    useEffect(() => {\r\n        if (conditions(ConditionName.hasPermittedLoadedFragment)) {\r\n            if (conditions(ConditionName.isParamsPortrait)) checkCanComment();\r\n            const videoPlayerModule: any = document.getElementById(\"video-player-module\");\r\n            if (conditions(ConditionName.isDarkMode)) videoPlayerModule.classList.add(\"pl-bg-dark-1\");   \r\n        }\r\n    }, [videoTag(), loadedFragmentsCount.length])\r\n\r\n    useEffect(() => {\r\n        if (conditions(ConditionName.isEnded) && conditions(ConditionName.isParamsPortrait)) dispatch(setAutoPlayPopover(true));\r\n    }, [isAutoPlay, isEnded])\r\n\r\n    useEffect(() => {\r\n        if (videoTag()) {\r\n            let timeout: any;\r\n            const handleResize = () => {\r\n                if(!conditions(ConditionName.showMiniPlayer)) {\r\n                    timeout = setTimeout(() => {\r\n                        handleVideoElementSizeInfo();\r\n                        dispatch(setShowScreen(true));\r\n                    }, isTouchScreen() ? 0 : 300)\r\n                }\r\n            }\r\n            handleResize();\r\n            window.addEventListener(\"resize\", handleResize);\r\n            const appScroll = document.getElementsByClassName(\"app-scroll\")[0]\r\n            if(appScroll) appScroll.addEventListener(\"scroll\", handleResize);\r\n\r\n            return () => {\r\n                window.removeEventListener(\"resize\", handleResize);\r\n                if (appScroll) appScroll.removeEventListener(\"scroll\", handleResize);\r\n                clearTimeout(timeout);\r\n            }\r\n        }\r\n    }, [firstPlay, recommendationList, playList, showMiniPlayer, isFullScreen, videoTag()])\r\n\r\n    useFullScreen();\r\n\r\n    return (\r\n        <>\r\n            <div\r\n                className={`pl-transition-opacity pl-duration-500 ${showScreen ? \"pl-opacity-100\" : \"pl-opacity-0\"} ${conditions(ConditionName.backgroundColorInLightMode) ? \"pl-bg-white\" : \"pl-bg-dark-1\"} dark:pl-bg-dark-1 ${!!params.width ? params.width : \"pl-max-w-screen\"} ${conditions(ConditionName.heightScreen) ? \"pl-h-[100dvh]\" : params.height} pl-flex pl-items-start`}>\r\n                <div\r\n                    id=\"parent-player\"\r\n                    className={`pl-w-full pl-h-full ${conditions(ConditionName.hasSidebar) && \"pl-ml-[10px]\"} ${conditions(ConditionName.isComplexPortrait) && \"pl-bg-dark-1\"}`}\r\n                >\r\n                    <VideoArea />\r\n                    {conditions(ConditionName.isComplexPortrait) && <ComplexPortrait />}\r\n                    {conditions(ConditionName.isComplexDesktop) && <ComplexDesktop />}\r\n                </div>\r\n                {conditions(ConditionName.isBeforeRequest) && conditions(ConditionName.isComplexDesktop) ?\r\n                    <div className=\"pl-flex-none\" style={{width: sidebarWidth}}>\r\n                        <div className=\"pl-flex pl-flex-col\" style={{\r\n                            maxHeight: videoElementSizeInfo.height,\r\n                            height: conditions(ConditionName.showChat) ? videoElementSizeInfo.height : \"unset\"\r\n                        }}>\r\n                            <div className={`pl-flex pl-flex-col pl-gap-2 pl-mx-3 ${conditions(ConditionName.isComplexPortrait) && `pl-mb-[300px] pl-mx-3`}`}>\r\n                                {\r\n                                    Array.from(Array(7).keys()).map((item, index) => <Skeleton key={index}/>)\r\n                                }\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                : conditions(ConditionName.hasSidebar) && (\r\n                    <div className=\"pl-flex-none\" style={{width: sidebarWidth}}>\r\n                        <div className=\"pl-flex pl-flex-col\" style={{\r\n                            maxHeight: videoElementSizeInfo.height,\r\n                            height: conditions(ConditionName.showChat) ? videoElementSizeInfo.height : \"unset\"\r\n                        }}>\r\n                            {conditions(ConditionName.isLogin) && (\r\n                                <div\r\n                                    className=\"pl-text-center pl-border pl-border-secondary-400 pl-rounded-[6px] pl-ml-4 pl-py-3 pl-flex pl-flex-col pl-gap-2 pl-mb-4\">\r\n                                    <div className=\"pl-flex pl-flex-col pl-gap-2 pl-border-b pl-border-secondary-400\">\r\n                                        <div className=\"pl-flex pl-justify-center\">\r\n                                            <Image \r\n                                                alt=\"avatar\" \r\n                                                src={conditions(ConditionName.hasUserAvatar) ? avatar_url : conditions(ConditionName.isDarkMode) ? IMAGES.user1Black : IMAGES.user1White}\r\n                                                width={56} height={56}\r\n                                                className=\"pl-rounded-full\"\r\n                                            />\r\n                                        </div>\r\n                                        {conditions(ConditionName.hasUserName) &&\r\n                                        <p className=\"pl-text-secondary-600 dark:pl-text-secondary-100 pl-text-[16px] pl-font-bold\">{name}</p>}\r\n                                        {conditions(ConditionName.hasUserPhoneNumber) && <p style={{direction: \"ltr\"}} className=\"pl-text-secondary-400 pl-text-[14px] pl-font-medium\">{phone_number}</p>}\r\n                                    </div>\r\n                                    <div\r\n                                        className=\"pl-flex pl-items-center pl-gap-3 pl-text-main dark:pl-text-main-highLight pl-border-[1.5px] pl-border-main dark:pl-border-main-highLight pl-rounded-[8px] pl-w-max pl-px-4 pl-py-2 pl-mx-auto pl-cursor-pointer\"\r\n                                        onClick={() => dispatch(setBookmarksPopover(true))}>\r\n                                        <BookmarkIcon \r\n                                            className=\"pl-w-4 pl-h-4 pl-fill-main dark:pl-fill-main-highLight\"\r\n                                            isBookmark={false}\r\n                                        />\r\n                                        <p className=\"pl-text-[15px] pl-font-medium\">لیست ذخیره‌شده‌ها</p>\r\n                                    </div>\r\n                                </div>\r\n                            )}\r\n                            {conditions(ConditionName.chatEnabled) ? <Chat /> : (!conditions(ConditionName.isFullScreen) && conditions(ConditionName.hasPlayList) && <PlayList />)}\r\n                        </div>\r\n                        {conditions(ConditionName.hasRecommendationList) && conditions(ConditionName.showRecommendationList) && <RecommendationList />}\r\n                    </div>\r\n                )}\r\n\r\n            </div>\r\n            <Popovers />\r\n        </>\r\n    )\r\n}\r\n\r\nexport default VideoPlayer;","import { checkParentTarget, conditions, isTouchScreen } from 'helpers'\r\nimport { MouseEvent, useEffect, useState } from 'react'\r\nimport { handleFullScreen, handlePlayPause, handleSubtitle, handleVideoElementSizeInfo } from 'redux-share/actions'\r\nimport { useAppDispatch, useAppSelector } from 'redux-share/hooks'\r\nimport { ConditionName, zIndex } from 'interfaces'\r\nimport useActiveInActive from 'helpers/hooks/useActiveInActive'\r\nimport { setShowMiniPlayer } from 'redux-share/slices/controllerSlice'\r\nimport PlayerCore from 'ui/src/components/player-core/playerCore'\r\nimport { shallowEqual } from 'react-redux'\r\nimport Image from 'next/image';\r\nimport dynamic from \"next/dynamic\";\r\n\r\nconst Voucher = dynamic(() => import(\"ui/src/components/player-components/voucher/voucher\"));\r\nconst CinemaHamrahPopover = dynamic(() => import(\"ui/src/components/player-components/cinemaHamrahPopovers/cinemaHamrahPopovers\"));\r\nconst TouchVolumeBrightness = dynamic(() => import(\"ui/src/components/player-components/touchVolumeBrightness/touchVolumeBrightness\"));\r\nconst BackwardForward = dynamic(() => import(\"ui/src/components/player-components/backwardForward/backwardForward\"));\r\nconst AutoPlay = dynamic(() => import(\"ui/src/components/player-components/autoPlay/autoPlay\"));\r\nconst Gif = dynamic(() => import(\"ui/src/components/player-components/gif/gif\"));\r\nconst CloseIcon = dynamic(() => import(\"ui/src/components/icon-components/closeIcon\"));\r\nconst Header = dynamic(() => import(\"ui/src/components/mainComponent/header/header\"));\r\nconst PortraitHeader = dynamic(() => import(\"ui/src/components/mainComponent/header/portraitHeader\"));\r\nconst Main = dynamic(() => import(\"ui/src/components/mainComponent/main/main\"));\r\nconst Footer = dynamic(() => import(\"ui/src/components/mainComponent/footer/footer\"));\r\nconst Advertisement = dynamic(() => import(\"ui/src/components/player-components/ad/advertisement\"));\r\nconst ContinuousPlayback = dynamic(() => import(\"../../../../../playerComponents/continuousPlayback/ContinuousPlayback\"));\r\nconst FullScreen = dynamic(() => import(\"ui/src/components/player-components/fullScreen/fullScreen\"));\r\nconst JustAudio = dynamic(() => import(\"ui/src/components/player-components/justAudio/justAudio\"));\r\n\r\nconst VideoArea = () => {\r\n\r\n  const [isRightDoubleTouched, setIsRightDoubleTouched] = useState<boolean>(false)\r\n  const [isLeftDoubleTouched, setIsLeftDoubleTouched] = useState<boolean>(false)\r\n\r\n    const dispatch = useAppDispatch();\r\n    const { gif, details } = useAppSelector(({ videoData: { gif, details, recommendationList, params, videoElementSizeInfo, cinemaHamrahState } }) => ({ gif, details, recommendationList, params, videoElementSizeInfo, cinemaHamrahState }), shallowEqual);\r\n    const { showMiniPlayer, firstPlay } = useAppSelector(({ controller: { showMiniPlayer, firstPlay, lock, isEnded, isAutoPlay } }) => ({ showMiniPlayer, firstPlay, lock, isEnded, isAutoPlay }), shallowEqual);\r\n    useAppSelector(({ popovers: { autoPlayPopover } }) => ({ autoPlayPopover }), shallowEqual);\r\n    useAppSelector(({ user: { videoSettings, showContinuousePlayback } }) => ({ videoSettings, showContinuousePlayback }), shallowEqual);\r\n\r\n  const handleDoubleClick = (event: MouseEvent<HTMLDivElement>) => {\r\n    if (!conditions(ConditionName.isPlayingAd) && !conditions(ConditionName.isTouchScreen) && !checkParentTarget(event, 'emojiButtonLeft') && !checkParentTarget(event, 'emojiButtonRight') && !checkParentTarget(event, 'menuIconLeft') && !checkParentTarget(event, 'menuIconRight')) handleFullScreen()\r\n  }\r\n\r\n  // --- Managing the active and inActive of elements in desktop and mobile devices --- //\r\n  useActiveInActive(isRightDoubleTouched, isLeftDoubleTouched)\r\n\r\n  useEffect(() => {\r\n    const timeout = setTimeout(() => handleVideoElementSizeInfo(), 100)\r\n\r\n    return () => clearTimeout(timeout)\r\n  }, [showMiniPlayer])\r\n\r\n  useEffect(() => { \r\n    if (conditions(ConditionName.hasSubtitles) && !conditions(ConditionName.isFirstPlay)) handleSubtitle()\r\n  }, [firstPlay])\r\n\r\n  return (\r\n    <>\r\n      {conditions(ConditionName.showMiniPlayer) && !conditions(ConditionName.isPlayingAd) && <div id='black-video-area' className='pl-relative pl-w-full pl-aspect-video pl-bg-black' />}\r\n      <div\r\n        id='video-area'\r\n        style={{zIndex: conditions(ConditionName.showMiniPlayer) ? zIndex.videoPlayerInPictureInPicture : 'unset'}}\r\n        onClick={(event) => conditions(ConditionName.playByClickPoster) && !conditions(ConditionName.isAdBlockerActivate) && handlePlayPause(event)}\r\n        onDoubleClick={(event: MouseEvent<HTMLDivElement>) => !conditions(ConditionName.showVoucherPopup) && handleDoubleClick(event)}\r\n        className={`!pl-bg-contain !pl-bg-center !pl-bg-no-repeat pl-h-full pl-bg-black pl-max-h-screen pl-aspect-video pl-flex pl-items-center ${conditions(ConditionName.isFullScreen) && '!pl-w-screen !pl-h-[100dvh]'} ${conditions(ConditionName.showMiniPlayer) ? '!pl-fixed !pl-bottom-[10px] !pl-right-[10px] !pl-w-[400px] !pl-h-[225px]' : 'pl-w-full pl-relative'} ${!conditions(ConditionName.isComplexPortrait) && \"pl-overflow-hidden\"}`}\r\n      >\r\n        {conditions(ConditionName.showBanner) && <div className='pl-absolute pl-w-full pl-h-full pl-flex pl-justify-center'>\r\n          <Image src={details.banner} layout='fill'  alt=\"sdfdf\" objectFit=\"contain\"/>\r\n        </div>}\r\n        {conditions(ConditionName.showVoucherPopup) && !conditions(ConditionName.isPlayingAd) && <Voucher />}\r\n        {conditions(ConditionName.hasCinemaHamrahState) && !conditions(ConditionName.isPlayingAd) && <CinemaHamrahPopover />}\r\n        {conditions(ConditionName.showMiniPlayer) && !conditions(ConditionName.isPlayingAd) && <CloseIcon className='pl-w-4 pl-h-4 pl-stroke-black pl-bg-white pl-absolute pl-top-[-7px] pl-right-[-5px] pl-z-10 pl-cursor-pointer pl-rounded-full' onClick={() => dispatch(setShowMiniPlayer(undefined))} />}\r\n        {(conditions(ConditionName.showTouchVolumeBrightness) && !conditions(ConditionName.isMiniPlayer)) && !conditions(ConditionName.isPlayingAd) &&\r\n        <TouchVolumeBrightness />}\r\n        {conditions(ConditionName.showBackwardForward) && !conditions(ConditionName.isPlayingAd) && (\r\n          <div\r\n            className={`pl-absolute pl-top-0 pl-right-0 pl-w-full pl-h-full pl-overflow-hidden pl-flex pl-items-center`}\r\n            style={{ zIndex: (isLeftDoubleTouched || isRightDoubleTouched) ? zIndex.backwardForwardActive : zIndex.backwardForwardInActive }}>\r\n            <BackwardForward type='touchForward' isRightDoubleTouched={isRightDoubleTouched}\r\n                             setIsRightDoubleTouched={setIsRightDoubleTouched} />\r\n            <BackwardForward type='touchBackward' isLeftDoubleTouched={isLeftDoubleTouched}\r\n                             setIsLeftDoubleTouched={setIsLeftDoubleTouched} />\r\n          </div>\r\n        )}\r\n        {conditions(ConditionName.isComplexPortrait) && !conditions(ConditionName.isPlayingAd) &&\r\n        <div id='video-opacity'\r\n             className={`pl-absolute pl-top-0 pl-h-full pl-cursor-pointer pl-w-full pl-bg-gray-800/[0.3] animate__animated ${conditions(ConditionName.isActiveElements) ? 'animate__fadeIn' : 'animate__fadeOut'}`} />}\r\n        {conditions(ConditionName.isPlayingAd) && !conditions(ConditionName.isFirstPlay) && !conditions(ConditionName.isStaticFormat) && <Advertisement />}\r\n        {conditions(ConditionName.isAdBlockerActivate) && !conditions(ConditionName.isStaticFormat) && (\r\n          <div onClick={(e) => {\r\n            e.preventDefault()\r\n            e.stopPropagation()\r\n          }} onDoubleClick={(e) => {\r\n            e.preventDefault()\r\n            e.stopPropagation()\r\n          }}\r\n          className={`${isTouchScreen() ? 'pl-text-[13px]' : 'pl-text-[16px]'} pl-text-center pl-top-0 pl-left-0 pl-absolute pl-h-full pl-w-full pl-bg-secondary-700/[0.8] pl-backdrop-blur-[4px] pl-flex pl-items-center pl-justify-center pl-p-2 pl-z-[1000000000] pl-text-white`}>\r\n            کاربر گرامی، برای مشاهده ویدیو، لطفا افزونه عدم نمایش تبلیغات را غیرفعال نمایید.\r\n          </div>\r\n        )}\r\n        <PlayerCore />\r\n        {conditions(ConditionName.hasContinuousPlayback) && <ContinuousPlayback />}\r\n        {((!conditions(ConditionName.isRaw) && !conditions(ConditionName.isPlayingAd)) && !conditions(ConditionName.hasContinuousPlayback) || (conditions(ConditionName.isPlayingAd) && conditions(ConditionName.isFirstPlay))) && (\r\n          <div id='playerElements'\r\n               className={`pl-absolute pl-top-0 pl-right-0 pl-w-full pl-h-full ${conditions(ConditionName.showAutoPlayPopover) && 'pl-bg-black'}`}>\r\n            <div className={`pl-flex pl-flex-col pl-justify-between pl-w-full pl-h-full`}>\r\n              {conditions(ConditionName.showAutoPlayPopover) && !conditions(ConditionName.isPlayingAd) && <AutoPlay />}\r\n              {conditions(ConditionName.showHeader) && !conditions(ConditionName.isPlayingAd) && <>{conditions(ConditionName.isComplexPortrait) ?\r\n                <PortraitHeader /> : <Header />}</>}\r\n              {((conditions(ConditionName.showMain) && !conditions(ConditionName.isPlayingAd)) && !conditions(ConditionName.hasContinuousPlayback) || (conditions(ConditionName.isPlayingAd) && conditions(ConditionName.isFirstPlay))) && <Main />}\r\n              {conditions(ConditionName.showFooter) && !conditions(ConditionName.isPlayingAd) && <Footer />}\r\n              {conditions(ConditionName.showGif) && !conditions(ConditionName.isPlayingAd) && <Gif gif={gif!} />}\r\n              {conditions(ConditionName.showFullScreenIconInComplexPortrait) && !conditions(ConditionName.isPlayingAd) &&\r\n              <div\r\n                className={`animate__animated animate__faster ${conditions(ConditionName.isActiveElements) ? 'animate__fadeInUp' : 'animate__fadeOutDown'} pl-absolute ${conditions(ConditionName.hasMarkers) ? 'pl-bottom-8' : 'pl-bottom-3'} pl-right-4`}\r\n                style={{ zIndex: zIndex.portraitFullScreenIcon }}\r\n              >\r\n                <FullScreen />\r\n              </div>\r\n              }\r\n            </div>\r\n          </div>\r\n        )}\r\n        {conditions(ConditionName.showAudioEqualizer) && !conditions(ConditionName.isPlayingAd) && <JustAudio />}\r\n      </div>\r\n    </>\r\n  )\r\n}\r\n\r\nexport default VideoArea"],"mappings":"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","names":["init_esm_shims","useEffect","init_esm_shims","useEffect","useState","shallowEqual","Image","dynamic","Fragment","jsx","jsxs","Voucher","CinemaHamrahPopover","TouchVolumeBrightness","BackwardForward","AutoPlay","Gif","CloseIcon","Header","PortraitHeader","Main","Footer","Advertisement","ContinuousPlayback","FullScreen","JustAudio","VideoArea","isRightDoubleTouched","setIsRightDoubleTouched","useState","isLeftDoubleTouched","setIsLeftDoubleTouched","dispatch","useAppDispatch","gif","details","useAppSelector","recommendationList","params","videoElementSizeInfo","cinemaHamrahState","showMiniPlayer","firstPlay","lock","isEnded","isAutoPlay","autoPlayPopover","videoSettings","showContinuousePlayback","handleDoubleClick","event","conditions","checkParentTarget","handleFullScreen","useActiveInActive_default","useEffect","timeout","handleVideoElementSizeInfo","handleSubtitle","handlePlayPause","setShowMiniPlayer","e","isTouchScreen","playerCore_default","videoArea_default","Image","shallowEqual","dynamic","Fragment","jsx","jsxs","ComplexDesktop","ComplexPortrait","Skeleton","Chat","RecommendationList","PlayList","BookmarkIcon","VideoPlayer","dispatch","useAppDispatch","params","videoElementSizeInfo","showScreen","playList","recommendationList","useAppSelector","isComplexDesktop","isComplexPortrait","firstPlay","showMiniPlayer","isFullScreen","isEnded","isAutoPlay","loadedFragmentsCount","avatar_url","name","phone_number","settings","isLogin","chatPopover","useEffect","conditions","checkCanComment","videoPlayerModule","videoTag","setAutoPlayPopover","timeout","handleResize","handleVideoElementSizeInfo","setShowScreen","isTouchScreen","appScroll","useFullScreen_default","videoArea_default","sidebarWidth","item","index","Image","importImages_default","setBookmarksPopover","popovers_default","videoPlayer_default"]}