{"version":3,"sources":["../ui/src/components/player-components/trailer/trailerPopover/trailerPopover.tsx","../ui/src/components/icon-components/arrowLeftTrailer.tsx","../ui/src/components/icon-components/arrowRightTrailer.tsx"],"sourcesContent":["import Popover from \"../../popover/popover\";\r\nimport {MutableRefObject, useEffect, useRef, useState} from \"react\";\r\nimport Image from \"next/image\";\r\nimport { KeenSliderInstance, KeenSliderPlugin, useKeenSlider } from \"keen-slider/react\";\r\nimport { useAppDispatch, useAppSelector } from \"../../../../../../redux/hooks\";\r\nimport { conditions, imageFormatChecking } from \"../../../../../../helpers\";\r\nimport { ConditionName, zIndex } from \"../../../../../../interfaces\";\r\nimport CloseIcon from \"../../../icon-components/closeIcon\";\r\nimport { setTrailerPopover } from \"../../../../../../redux/slices/popoversSlice\";\r\nimport ArrowLeftTrailerIcon from \"../../../icon-components/arrowLeftTrailer\";\r\nimport ArrowRightTrailerIcon from \"../../../icon-components/arrowRightTrailer\";\r\nimport IMAGES from \"../../../../../../images/importImages\";\r\nimport { shallowEqual } from 'react-redux';\r\nimport dynamic from \"next/dynamic\";\r\n\r\nconst ArrowTopTrailerIcon = dynamic(() => import(\"../../../icon-components/arrowTopTrailer\"));\r\nconst ArrowBottomTrailerIcon = dynamic(() => import(\"../../../icon-components/arrowBottomTrailer\"));\r\n\r\n\r\nconst TrailerPopover = () => {\r\n    const dispatch = useAppDispatch();\r\n    useAppSelector(({ popovers: { trailerPopover } }) => ({ trailerPopover }), shallowEqual);\r\n    const { details, trailer } = useAppSelector(({ videoData: { details, trailer, isComplexDesktop, isComplexPortrait } }) => ({ details, trailer, isComplexDesktop, isComplexPortrait }), shallowEqual);\r\n\r\n    const [selectedSlide, setSelectedSlide] = useState<number>(0);\r\n    const [trailerMenu, setTrailerMenu] = useState<boolean>(true);\r\n    const [sliderRef, instanceRef] = useKeenSlider<HTMLDivElement>({\r\n        initial: 0,\r\n    });\r\n    const selectedSlideRef = useRef<number>(selectedSlide);\r\n    const [thumbnailRef] = useKeenSlider<HTMLDivElement>(\r\n        {\r\n            initial: 0,\r\n            slides: {\r\n                perView: conditions(ConditionName.isComplexPortrait) ? 3 : 10,\r\n                spacing: 10,\r\n            },\r\n        },\r\n        [Slider(instanceRef)]\r\n    )\r\n\r\n    function Slider(\r\n        mainRef: MutableRefObject<KeenSliderInstance | null>\r\n    ): KeenSliderPlugin {\r\n        return (slider) => {\r\n            function removeActive() {\r\n                slider.slides.forEach((slide) => {\r\n                    slide.classList.remove(\"active\")\r\n                })\r\n            }\r\n\r\n            function addActive(idx: number) {\r\n                if (idx !== selectedSlideRef.current) (document.getElementById(String(`trailer-video-${selectedSlideRef.current}`)) as HTMLVideoElement)?.pause()\r\n                setSelectedSlide(idx);\r\n                slider.slides[idx].classList.add(\"active\")\r\n            }\r\n\r\n            function addClickEvents() {\r\n                slider.slides.forEach((slide, idx) => {\r\n                    slide.addEventListener(\"click\", () => {\r\n                        if (mainRef.current) {\r\n                            mainRef.current.moveToIdx(idx)\r\n                        }\r\n                    })\r\n                })\r\n            }\r\n\r\n            slider.on(\"created\", () => {\r\n                if (!mainRef.current) return\r\n                addActive(slider.track.details.rel)\r\n                addClickEvents()\r\n                mainRef.current.on(\"animationStarted\", (main) => {\r\n                    removeActive()\r\n                    const next = main.animator.targetIdx || 0\r\n                    addActive(main.track.absToRel(next))\r\n                    slider.moveToIdx(Math.min(slider.track.details.maxIdx, next))\r\n                })\r\n            })\r\n        }\r\n    }\r\n\r\n    useEffect(() => {\r\n        selectedSlideRef.current = selectedSlide;\r\n    }, [selectedSlide])\r\n\r\n    const trailerPopoverHeader = () => {\r\n        return (\r\n            <div\r\n                className=\"pl-flex pl-items-center pl-justify-between pl-py-[19px] pl-px-4 pl-w-full\">\r\n                <CloseIcon\r\n                    className={`pl-cursor-pointer dark:pl-stroke-dark-5 pl-stroke-z-gray-700`}\r\n                    onClick={() => dispatch(setTrailerPopover(false))}\r\n                />\r\n                <p className=\"pl-text-[18px] pl-text-black dark:pl-text-white pl-font-bold\">{`${selectedSlide + 1}/${trailer.length}`}</p>\r\n            </div>\r\n        )\r\n    }\r\n\r\n    return (\r\n        <Popover\r\n            type=\"modal\"\r\n            status={conditions(ConditionName.showTrailerPopover)}\r\n            onClose={() => {}}\r\n            isHeader={true}\r\n            isFullScreen={true}\r\n            customHeader={trailerPopoverHeader()}\r\n            classNames={`!pl-h-full !pl-w-full !pl-bg-white dark:!pl-bg-dark-1`}\r\n            parentClassNames={\"!pl-w-full !pl-h-full\"}\r\n        >\r\n            <div className=\"pl-flex pl-justify-center pl-relative pl-w-full pl-h-full\">\r\n                <div\r\n                    className={`pl-absolute ${conditions(ConditionName.isComplexDesktop) ? \"pl-top-0 pl-mt-8\" : \"pl-mb-[105px]\"} pl-w-full pl-justify-between pl-flex pl-self-center`}>\r\n                    <div\r\n                        onClick={(e) => {\r\n                            e.stopPropagation();\r\n                            e.preventDefault();\r\n                            if (selectedSlide !== trailer.length - 1) instanceRef.current?.next();\r\n                        }}\r\n                        style={{zIndex: zIndex.trailer}}\r\n                        className={`${conditions(ConditionName.isComplexPortrait) && \"pl-absolute pl-right-0 pl-bg-opacity-50 !pl-bg-black/[0.7]\"} ${(selectedSlide + 1 === trailer.length) && \"!pl-opacity-50 !pl-cursor-default\"} pl-flex pl-items-center pl-bg-transparent pl-self-center pl-items-center pl-w-8 pl-h-8 pl-cursor-pointer`}>\r\n                        <ArrowLeftTrailerIcon className={`${conditions(ConditionName.isComplexPortrait) ? \"pl-fill-gray-highLight\" : \"pl-fill-z-gray-700 dark:pl-fill-gray-highLight\"}`}/>\r\n                    </div>\r\n                    <div\r\n                        className={`${conditions(ConditionName.isComplexDesktop) ? \"pl-w-[790px] pl-top-0\" : \"pl-w-full\"}`}>\r\n                        <div ref={sliderRef} className={`keen-slider`}>\r\n                            {\r\n                                trailer.map((item: any, index: number) => {\r\n                                        return (\r\n                                            <div key={index} className=\"keen-slider__slide number-slide1\">\r\n                                                {\r\n                                                    imageFormatChecking(item.file_name) ? (\r\n                                                        <div className=\"!pl-w-full !pl-h-full\">\r\n                                                            <Image layout={\"fill\"}\r\n                                                                   src={item.url}/>\r\n                                                        </div>\r\n                                                    ) : (\r\n                                                        <video id={`trailer-video-${index}`} className={\"pl-w-full pl-h-full\"}\r\n                                                               controls>\r\n                                                            <source src={item.url} type=\"video/mp4\"/>\r\n                                                        </video>\r\n                                                    )\r\n                                                }\r\n                                            </div>\r\n                                        )\r\n                                    }\r\n                                )\r\n                            }\r\n                        </div>\r\n                    </div>\r\n                    <div\r\n                        onClick={(e) => {\r\n                            e.stopPropagation();\r\n                            e.preventDefault();\r\n                            if (selectedSlide !== 0) instanceRef.current?.prev();\r\n                        }}\r\n                        style={{zIndex: zIndex.trailer}}\r\n                        className={`${conditions(ConditionName.isComplexPortrait) && \"pl-absolute pl-left-0 pl-bg-opacity-50 !pl-bg-black/[0.7]\"} ${(selectedSlide === 0) && \"!pl-opacity-50 !pl-cursor-default\"} pl-flex pl-items-center pl-bg-transparent pl-self-center pl-items-center pl-w-8 pl-h-8 pl-cursor-pointer`}>\r\n                        <ArrowRightTrailerIcon className={`${conditions(ConditionName.isComplexPortrait) ? \"pl-fill-gray-highLight\" : \"pl-fill-z-gray-700 dark:pl-fill-gray-highLight\"}`}/>\r\n                    </div>\r\n                </div>\r\n                <div\r\n                    style={{\r\n                        transform: `translateY(${trailerMenu ? 0 : conditions(ConditionName.isComplexPortrait) ? 100 : document.getElementById(\"menuTrailer\")?.getBoundingClientRect().height}px)`\r\n                    }}\r\n                    className={`pl-transition-transform pl-ease-linear pl-duration-300 keen-slider thumbnail !pl-mt-0 pl-flex pl-flex-col pl-self-end`}>\r\n                    <div className={`pl-flex pl-items-center pl-w-full`}>\r\n                        <div\r\n                            onClick={(e) => {\r\n                                e.stopPropagation();\r\n                                e.preventDefault();\r\n                                setTrailerMenu(!trailerMenu);\r\n                            }}\r\n                            className={`${conditions(ConditionName.isComplexDesktop) && \"pl-mr-10\"} pl-flex pl-self-start pl-text-[14px] dark:pl-text-secondary-50 pl-text-secondary-800 pl-font-[700] pl-w-[60px] pl-h-[48px] pl-bg-gray-highLight dark:pl-bg-black pl-items-center pl-justify-center pl-rounded-t-[4px] pl-cursor-pointer`}>\r\n                            {\r\n                                trailerMenu ?\r\n                                    <ArrowTopTrailerIcon className=\"pl-fill-gray-600 dark:pl-fill-gray-highLight\"/> :\r\n                                    <ArrowBottomTrailerIcon className=\"pl-fill-gray-600 dark:pl-fill-gray-highLight\"/>\r\n                            }\r\n                        </div>\r\n                        <div\r\n                            className=\"pl-flex pl-self-center pl-justify-center pl-w-full pl-text-[14px] dark:pl-text-secondary-50 pl-text-secondary-800 pl-font-[700] pl-ml-[30px] pl-truncate\">{details.title}</div>\r\n                    </div>\r\n                    <div\r\n                        className={`pl-bg-gray-highLight dark:pl-bg-black pl-px-4 pl-py-2 pl-w-full`} id={\"menuTrailer\"}>\r\n                        <div ref={thumbnailRef} className=\"keen-slider thumbnail pl-py-2\">\r\n                            {\r\n                                trailer.map((item: any, index: number) => {\r\n                                    return (\r\n                                        <div\r\n                                            key={index}\r\n                                            className={`${conditions(ConditionName.isComplexPortrait) && \"!pl-w-[112px] !pl-h-[63px]\"} keen-slider__slide !pl-rounded-[4px] number-slide1 !pl-aspect-video`}>\r\n                                            <>\r\n                                                {\r\n                                                    !imageFormatChecking(item.file_name) &&\r\n                                                    <div\r\n                                                        style={{zIndex: zIndex.trailer}}\r\n                                                        className=\"pl-absolute pl-flex\">\r\n                                                        <Image\r\n                                                            src={IMAGES.bigPlay}\r\n                                                            width={conditions(ConditionName.isComplexPortrait) ? 21 : 40}\r\n                                                            height={conditions(ConditionName.isComplexPortrait) ? 21 : 40}\r\n                                                            className={`pl-big-pause-icon`}\r\n                                                        />\r\n                                                    </div>\r\n                                                }\r\n                                                <div className={\"pl-w-full pl-h-full\"}>\r\n                                                    <Image\r\n                                                        src={!imageFormatChecking(item.file_name) ? item.banner : item.url}\r\n                                                        layout={\"fill\"}\r\n                                                    />\r\n                                                </div>\r\n                                            </>\r\n                                        </div>\r\n                                    )\r\n                                })\r\n                            }\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </Popover>\r\n    )\r\n}\r\n\r\nexport default TrailerPopover;","import { IArrowLeftTrailerProps } from \"interfaces\";\r\n\r\nconst ArrowLeftTrailerIcon = ({ className, onClick }: IArrowLeftTrailerProps) => {\r\n    return (\r\n        <svg width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" xmlns=\"http://www.w3.org/2000/svg\" className={className}\r\n             onClick={onClick}>\r\n            <path\r\n                d=\"M11.8795 27.56C11.6261 27.56 11.3728 27.4667 11.1728 27.2667C10.7861 26.88 10.7861 26.24 11.1728 25.8534L19.8661 17.16C20.5061 16.52 20.5061 15.48 19.8661 14.84L11.1728 6.14669C10.7861 5.76003 10.7861 5.12003 11.1728 4.73336C11.5595 4.34669 12.1995 4.34669 12.5861 4.73336L21.2795 13.4267C21.9595 14.1067 22.3461 15.0267 22.3461 16C22.3461 16.9734 21.9728 17.8934 21.2795 18.5734L12.5861 27.2667C12.3861 27.4534 12.1328 27.56 11.8795 27.56Z\"/>\r\n        </svg>\r\n    )\r\n}\r\nexport default ArrowLeftTrailerIcon;","import { IArrowRightTrailerProps } from \"interfaces\";\r\n\r\nconst ArrowRightTrailerIcon = ({ className, onClick }: IArrowRightTrailerProps) => {\r\n    return (\r\n        <svg width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" xmlns=\"http://www.w3.org/2000/svg\" className={className}\r\n             onClick={onClick}>\r\n            <path\r\n                d=\"M20.1205 4.43997C20.3739 4.43997 20.6272 4.53331 20.8272 4.73331C21.2139 5.11997 21.2139 5.75998 20.8272 6.14664L12.1339 14.84C11.4939 15.48 11.4939 16.52 12.1339 17.16L20.8272 25.8533C21.2139 26.24 21.2139 26.88 20.8272 27.2666C20.4405 27.6533 19.8005 27.6533 19.4139 27.2666L10.7205 18.5733C10.0405 17.8933 9.65386 16.9733 9.65386 16C9.65386 15.0266 10.0272 14.1066 10.7205 13.4266L19.4139 4.73331C19.6139 4.54664 19.8672 4.43997 20.1205 4.43997Z\"/>\r\n        </svg>\r\n    )\r\n}\r\nexport default ArrowRightTrailerIcon;"],"mappings":"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","names":["init_esm_shims","useEffect","useRef","useState","Image","useKeenSlider","init_esm_shims","jsx","ArrowLeftTrailerIcon","className","onClick","arrowLeftTrailer_default","init_esm_shims","jsx","ArrowRightTrailerIcon","className","onClick","arrowRightTrailer_default","shallowEqual","dynamic","Fragment","jsx","jsxs","ArrowTopTrailerIcon","ArrowBottomTrailerIcon","TrailerPopover","dispatch","useAppDispatch","useAppSelector","trailerPopover","details","trailer","isComplexDesktop","isComplexPortrait","selectedSlide","setSelectedSlide","useState","trailerMenu","setTrailerMenu","sliderRef","instanceRef","useKeenSlider","selectedSlideRef","useRef","thumbnailRef","conditions","Slider","mainRef","slider","removeActive","slide","addActive","idx","addClickEvents","main","next","useEffect","trailerPopoverHeader","closeIcon_default","setTrailerPopover","popover_default","arrowLeftTrailer_default","item","index","imageFormatChecking","Image","arrowRightTrailer_default","importImages_default","trailerPopover_default"]}