{"version":3,"sources":["../ui/src/components/mainComponent/main/main.tsx"],"sourcesContent":["import { useEffect, useState } from \"react\";\r\nimport Image from \"next/image\";\r\nimport { useAppSelector } from \"redux-share/hooks\";\r\nimport { ConditionName, zIndex } from \"interfaces\";\r\nimport { changeVideoUrl, conditions, showLoaderTime } from \"helpers\";\r\nimport { handlePlayPause } from \"redux-share/actions/controller.actions\";\r\nimport IMAGES from \"../../../../../images/importImages\";\r\nimport { shallowEqual } from 'react-redux';\r\nimport dynamic from \"next/dynamic\";\r\n\r\nconst Loader = dynamic(() => import(\"../../player-components/loader/loader\"));\r\nconst BackwardForward = dynamic(() => import(\"../../player-components/backwardForward/backwardForward\"));\r\nconst PlayPause = dynamic(() => import(\"../../player-components/playPause/playPause\"));\r\n\r\nconst Main = () => {\r\n\r\n    const [showLoader, setShowLoader] = useState<boolean>(false);\r\n    const [showIcons, setShowIcons] = useState<boolean>(false);\r\n\r\n    useAppSelector(({ controller: { lock } }) => ({ lock }), shallowEqual);\r\n    const { isLoading, activeElements } = useAppSelector(({ controller: { isLoading, activeElements } }) => ({ isLoading, activeElements }), shallowEqual);\r\n\r\n    useEffect(() => {\r\n        let timeout: any = null;\r\n        if (conditions(ConditionName.isActiveElements)) timeout = setTimeout(() => setShowIcons(true), 100)\r\n        else setShowIcons(false);\r\n\r\n        return () => clearTimeout(timeout);\r\n\r\n    }, [activeElements])\r\n\r\n    useEffect(() => {\r\n        let timeout: any;\r\n        if (conditions(ConditionName.isLoading)) timeout = setTimeout(() => setShowLoader(true), showLoaderTime);\r\n        else setShowLoader(false);\r\n        return () => {\r\n            clearTimeout(timeout);\r\n            setShowLoader(false);\r\n        }\r\n    }, [isLoading])\r\n\r\n    return (\r\n        <main className=\"pl-flex-1\">\r\n            {showLoader ?\r\n                <Loader />\r\n                :\r\n                <>\r\n                    {showIcons && !conditions(ConditionName.isLock) && (\r\n                        <div\r\n                            id=\"main-content\"\r\n                            className={`pl-h-full pl-flex pl-justify-center pl-items-center pl-text-center pl-relative ${conditions(ConditionName.isActiveElements) ? \"pl-pointer-events-auto\" : \"pl-pointer-events-none\"}`}\r\n                        >\r\n                            <div className=\"pl-flex pl-justify-center pl-gap-6 pl-items-center pl-w-max\" style={{ zIndex: zIndex.mainIcons }}>\r\n                                {conditions(ConditionName.isEnded) && conditions(ConditionName.isParamsPortrait) ? (\r\n                                    <>\r\n                                        {conditions(ConditionName.showBigReplayIcon) && (\r\n                                            <>\r\n                                                <Image src={IMAGES.bigPlayNext} width={32} height={32} onClick={() => window.location.href = changeVideoUrl()} />\r\n                                                <Image src={IMAGES.bigReplay} onClick={(event:any) => !conditions(ConditionName.isLiveParam) && handlePlayPause(event)} width={56} height={56} className={conditions(ConditionName.isLiveParam) ? \"pl-opacity-50\" : \"\"}/>\r\n                                                <Image src={IMAGES.bigPlayPrevious} width={32} height={32} className=\"pl-opacity-50\" />\r\n                                            </>\r\n                                        )}\r\n                                    </>\r\n                                ): (\r\n                                    <>\r\n                                        {!conditions(ConditionName.isFirstPlay) && <BackwardForward type=\"forward\" />}\r\n                                        <PlayPause />\r\n                                        {!conditions(ConditionName.isFirstPlay) && <BackwardForward type=\"backward\" />}\r\n                                    </>\r\n                                )}\r\n\r\n                            </div>\r\n                        </div>\r\n                    )}\r\n                </>\r\n            }\r\n        </main>\r\n    )\r\n}\r\n\r\nexport default Main;"],"mappings":"uNAAAA,IAAA,OAAS,aAAAC,EAAW,YAAAC,MAAgB,QACpC,OAAOC,MAAW,aAMlB,OAAS,gBAAAC,MAAoB,cAC7B,OAAOC,MAAa,eAoCJ,OAY4B,YAAAC,EAZ5B,OAAAC,EAY4B,QAAAC,MAZ5B,oBAlChB,IAAMC,EAASJ,EAAQ,IAAM,OAAO,uBAAuC,CAAC,EACtEK,EAAkBL,EAAQ,IAAM,OAAO,gCAAyD,CAAC,EACjGM,EAAYN,EAAQ,IAAM,OAAO,0BAA6C,CAAC,EAE/EO,EAAO,IAAM,CAEf,GAAM,CAACC,EAAYC,CAAa,EAAIC,EAAkB,EAAK,EACrD,CAACC,EAAWC,CAAY,EAAIF,EAAkB,EAAK,EAEzDG,EAAe,CAAC,CAAE,WAAY,CAAE,KAAAC,CAAK,CAAE,KAAO,CAAE,KAAAA,CAAK,GAAIf,CAAY,EACrE,GAAM,CAAE,UAAAgB,EAAW,eAAAC,CAAe,EAAIH,EAAe,CAAC,CAAE,WAAY,CAAE,UAAAE,EAAW,eAAAC,CAAe,CAAE,KAAO,CAAE,UAAAD,EAAW,eAAAC,CAAe,GAAIjB,CAAY,EAErJ,OAAAkB,EAAU,IAAM,CACZ,IAAIC,EAAe,KACnB,OAAIC,oBAAyC,EAAGD,EAAU,WAAW,IAAMN,EAAa,EAAI,EAAG,GAAG,EAC7FA,EAAa,EAAK,EAEhB,IAAM,aAAaM,CAAO,CAErC,EAAG,CAACF,CAAc,CAAC,EAEnBC,EAAU,IAAM,CACZ,IAAIC,EACJ,OAAIC,aAAkC,EAAGD,EAAU,WAAW,IAAMT,EAAc,EAAI,EAAGW,CAAc,EAClGX,EAAc,EAAK,EACjB,IAAM,CACT,aAAaS,CAAO,EACpBT,EAAc,EAAK,CACvB,CACJ,EAAG,CAACM,CAAS,CAAC,EAGVb,EAAC,QAAK,UAAU,YACX,SAAAM,EACGN,EAACE,EAAA,EAAO,EAERF,EAAAD,EAAA,CACK,SAAAU,GAAa,CAACQ,UAA+B,GAC1CjB,EAAC,OACG,GAAG,eACH,UAAW,kFAAkFiB,oBAAyC,EAAI,yBAA2B,wBAAwB,GAE7L,SAAAjB,EAAC,OAAI,UAAU,8DAA8D,MAAO,CAAE,QAAyB,EAC1G,SAAAiB,WAAgC,GAAKA,oBAAyC,EAC3EjB,EAAAD,EAAA,CACK,SAAAkB,qBAA0C,GACvChB,EAAAF,EAAA,CACI,UAAAC,EAACmB,EAAA,CAAM,IAAKC,EAAO,YAAa,MAAO,GAAI,OAAQ,GAAI,QAAS,IAAM,OAAO,SAAS,KAAOC,EAAe,EAAG,EAC/GrB,EAACmB,EAAA,CAAM,IAAKC,EAAO,UAAW,QAAUE,GAAc,CAACL,eAAoC,GAAKM,EAAgBD,CAAK,EAAG,MAAO,GAAI,OAAQ,GAAI,UAAWL,eAAoC,EAAI,gBAAkB,GAAG,EACvNjB,EAACmB,EAAA,CAAM,IAAKC,EAAO,gBAAiB,MAAO,GAAI,OAAQ,GAAI,UAAU,gBAAgB,GACzF,EAER,EAEAnB,EAAAF,EAAA,CACK,WAACkB,eAAoC,GAAKjB,EAACG,EAAA,CAAgB,KAAK,UAAU,EAC3EH,EAACI,EAAA,EAAU,EACV,CAACa,eAAoC,GAAKjB,EAACG,EAAA,CAAgB,KAAK,WAAW,GAChF,EAGR,EACJ,EAER,EAER,CAER,EAEOqB,EAAQnB","names":["init_esm_shims","useEffect","useState","Image","shallowEqual","dynamic","Fragment","jsx","jsxs","Loader","BackwardForward","PlayPause","Main","showLoader","setShowLoader","useState","showIcons","setShowIcons","useAppSelector","lock","isLoading","activeElements","useEffect","timeout","conditions","showLoaderTime","Image","importImages_default","changeVideoUrl","event","handlePlayPause","main_default"]}