{"version":3,"sources":["../ui/src/components/player-components/tags/tagsPopover.tsx","../ui/src/components/player-components/tags/viewersTagsList.tsx"],"sourcesContent":["import { ChangeEvent, useEffect, useRef, useState } from \"react\";\r\nimport Popover from \"../popover/popover\";\r\nimport ViewersTagsList from \"./viewersTagsList\";\r\nimport { useAppDispatch, useAppSelector } from \"../../../../../redux/hooks\";\r\nimport { ConditionName } from \"../../../../../interfaces\";\r\nimport { conditions } from \"../../../../../helpers\";\r\nimport { setIsMovieFilter, setIsSeriesFilter, setViewersTagsList } from \"../../../../../redux/slices/tagsSlice\";\r\nimport { handleClearTagInput, handleClickTag, handleCloseTagPopover, handleTagInput, handleViewersTagList } from \"../../../../../redux/actions/tags.actions\";\r\nimport { shallowEqual } from 'react-redux';\r\nimport dynamic from \"next/dynamic\";\r\n\r\nconst SelectedTagVideoList = dynamic(() => import(\"./selectedTagsVideoList\"));\r\nconst CircleSpinner = dynamic(() => import(\"../spinners/circleSpinner\"));\r\nconst Toggle = dynamic(() => import(\"../toggle/toggle\"));\r\nconst TagsFilter = dynamic(() => import(\"./tagsFilter\"));\r\nconst ArrowLeftIcon = dynamic(() => import(\"../../icon-components/arrowLeft\"));\r\nconst TagsEmptyState = dynamic(() => import(\"../../icon-components/tagsEmptyState\"));\r\nconst CloseIcon = dynamic(() => import(\"../../icon-components/closeIcon\"));\r\n\r\nconst TagsPopover = () => {\r\n    const [videoCount, setVideoCount] = useState<number>(0);\r\n    const [listScrolled, setListScrolled] = useState<any[]>([]);\r\n    const [tagInputLoading, setTagInputLoading] = useState<boolean>(false);\r\n    const [loadingGetTags, setLoadingGetTags] = useState<boolean>(true);\r\n    const { selectedTags, inputTagSearch, viewersTagsList, isMovieFilter, isSeriesFilter } = useAppSelector(({ tags: { selectedTags, inputTagSearch, viewersTagsList, isMovieFilter, isSeriesFilter } }) => ({ selectedTags, inputTagSearch, viewersTagsList, isMovieFilter, isSeriesFilter }), shallowEqual);\r\n    const { tagsPopover } = useAppSelector(({ popovers: { tagsPopover } }) => ({ tagsPopover }), shallowEqual);\r\n\r\n    const tagInputTimeoutRef = useRef<any>(null)\r\n\r\n    const dispatch = useAppDispatch();\r\n\r\n    useEffect(() => {\r\n        if (conditions(ConditionName.showTagsPopover) && conditions(ConditionName.isTouchScreen)) handleViewersTagList();\r\n    }, [selectedTags.length])\r\n\r\n    useEffect(() => {\r\n        if (conditions(ConditionName.showTagsPopover)) {\r\n            handleClickTag(setVideoCount, listScrolled, setListScrolled, setLoadingGetTags);\r\n            dispatch(setViewersTagsList(viewersTagsList.filter((tag: string) => tag !== selectedTags[selectedTags.length - 1])))\r\n        } else setLoadingGetTags(true);\r\n    }, [tagsPopover, selectedTags.length, isMovieFilter, isSeriesFilter]);\r\n\r\n    const customHeader = conditions(ConditionName.isTouchScreen) ? (\r\n        <div className=\"pl-flex pl-items-center pl-justify-between pl-gap-2 pl-py-[19px] pl-px-4 pl-bg-gray-highLight dark:pl-bg-z-gray-700\">\r\n            <div className=\"pl-flex-none pl-w-[22px]\">{tagInputLoading ? <CircleSpinner className=\"pl-w-[22px] pl-h-[22px] pl-text-[#77787B] dark:pl-text-white\" /> : conditions(ConditionName.hasInputTagSearch) && <CloseIcon className=\"pl-w-6 pl-h-6 pl-stroke-z-z-gray-500 dark:pl-stroke-dark-5\" onClick={() => handleClearTagInput(setVideoCount, listScrolled, setListScrolled)} />}</div>\r\n            <input\r\n                placeholder=\"جستجو\"\r\n                value={inputTagSearch}\r\n                className=\"pl-flex-1 pl-bg-transparent pl-outline-none\"\r\n                onChange={(event: ChangeEvent<HTMLInputElement>) => handleTagInput(event.target.value, setTagInputLoading, tagInputTimeoutRef, setVideoCount, listScrolled, setListScrolled, setLoadingGetTags)}\r\n            />\r\n            <ArrowLeftIcon className=\"pl-fill-z-gray-700 dark:pl-fill-gray-highLight\" onClick={handleCloseTagPopover} />\r\n        </div>\r\n    ) : (\r\n        <div className=\"pl-flex pl-items-center pl-justify-between pl-gap-2 pl-bg-gray-highLight pl-p-4 dark:pl-bg-z-gray-700\">\r\n            <div className=\"pl-relative pl-w-full pl-flex pl-items-center pl-justify-between pl-gap-2 pl-px-4 pl-border pl-border-z-secondary-500 pl-rounded-[10px] pl-bg-gray-highLight dark:pl-bg-z-gray-700\">\r\n                <input\r\n                    autoFocus={true}\r\n                    placeholder=\"جستجو\"\r\n                    value={inputTagSearch}\r\n                    className=\"pl-flex-1 pl-bg-transparent pl-outline-none pl-text-[14px] pl-font-normal\"\r\n                    onChange={(event: ChangeEvent<HTMLInputElement>) => handleTagInput(event.target.value, setTagInputLoading, tagInputTimeoutRef, setVideoCount, listScrolled, setListScrolled, setLoadingGetTags)}\r\n                />\r\n                <div className=\"pl-flex-none pl-w-[22px]\">{tagInputLoading ? <CircleSpinner className=\"pl-!w-[22px] pl-!h-[22px] pl-!text-[#77787B] dark:pl-!text-white\" /> : conditions(ConditionName.hasInputTagSearch) && <CloseIcon className=\"pl-w-[22px] pl-h-[22px] pl-stroke-z-gray-500 dark:pl-stroke-dark-5 pl-cursor-pointer\" onClick={() => handleClearTagInput(setVideoCount, listScrolled, setListScrolled)} />}</div>\r\n                <div className=\"pl-flex pl-items-center pl-border-r-[1px] pl-!border-z-secondary-500 pl-py-1 pl-pr-4\">\r\n                    <TagsFilter />\r\n                </div>\r\n            </div>\r\n            <CloseIcon className=\"pl-w-6 pl-h-6 pl-stroke-z-gray-500 dark:pl-stroke-dark-5 pl-cursor-pointer\" onClick={handleCloseTagPopover} />\r\n        </div>\r\n    )\r\n\r\n    return (        \r\n        <Popover\r\n            classNames={`${!conditions(ConditionName.isTouchScreen) && \"!pl-bg-white dark:!pl-bg-dark-1 !pl-h-screen !pl-w-screen\"}`}\r\n            status={tagsPopover}\r\n            onClose={handleCloseTagPopover}\r\n            ref={undefined}\r\n            isFullHeight={conditions(ConditionName.isComplexPortrait)}\r\n            customHeader={customHeader}\r\n            isHeader={true}\r\n            type={conditions(ConditionName.isComplexPortrait) ? \"popover\" : \"modal\"}\r\n            isHasCatchUpLineOnTop={conditions(ConditionName.isComplexPortrait)}\r\n        >\r\n            <div className={`${loadingGetTags ? \"pl-overflow-hidden\" : \"pl-overflow-x-hidden\"}`}>\r\n                <ViewersTagsList />\r\n                {conditions(ConditionName.isTouchScreen) && conditions(ConditionName.hasMovieDetails) && (\r\n                    <div className=\"pl-flex pl-flex-col pl-gap-4 pl-mx-4 pl-border-y pl-border-secondary pl-pt-4 pl-pb-1 pl-mb-4\">\r\n                        <p className=\"pl-text-[15px] pl-font-bold\">نوع محتوا</p>\r\n                        <div className=\"pl-flex pl-justify-between pl-items-center\">\r\n                            <p className=\"pl-text-[14px] pl-font-normal\">فیلم سینمایی</p>\r\n                            <Toggle enabled={isMovieFilter} setEnabled={() => dispatch(setIsMovieFilter(!isMovieFilter))} />\r\n                        </div>\r\n                        <div className=\"pl-flex pl-justify-between pl-items-center\">\r\n                            <p className=\"pl-text-[14px] pl-font-norma\">سریال</p>\r\n                            <Toggle enabled={isSeriesFilter} setEnabled={() => dispatch(setIsSeriesFilter(!isSeriesFilter))} />\r\n                        </div>\r\n                    </div>\r\n                )}\r\n                {loadingGetTags ? (\r\n                    <CircleSpinner className=\"pl-mx-auto\" />\r\n                ) : (\r\n                    <>\r\n                        {videoCount ? <SelectedTagVideoList listScrolled={listScrolled} setListScrolled={setListScrolled} videoCount={videoCount} /> : (\r\n                            <div className=\"pl-w-full pl-h-full pl-flex pl-flex-col pl-justify-center pl-items-center pl-gap-8 pl-overflow-hidden\">\r\n                                <TagsEmptyState className={`${conditions(ConditionName.isTouchScreen) && \"!pl-w-[200px] !pl-h-[200px]\"}`} />\r\n                                <p>باتوجه به تگ مورد نظر ویدیویی یافت نشد!</p>\r\n                            </div>\r\n                        )}\r\n                    </>\r\n                )}\r\n            </div>\r\n        </Popover>\r\n    )\r\n}\r\n\r\nexport default TagsPopover;","import { useEffect, useRef, useState } from \"react\";\r\nimport Image from \"next/image\";\r\nimport { useAppSelector } from \"../../../../../redux/hooks\";\r\nimport { conditions } from \"../../../../../helpers\";\r\nimport { ConditionName } from \"../../../../../interfaces\";\r\nimport IMAGES from \"../../../../../images/importImages\";\r\nimport { handleClickViewersTagList, handleCloseSelectedTags, handleNextTag, handlePrevTag } from \"../../../../../redux/actions/tags.actions\";\r\nimport { shallowEqual } from 'react-redux';\r\nimport dynamic from \"next/dynamic\";\r\n\r\nconst CloseIcon = dynamic(() => import(\"../../icon-components/closeIcon\"));\r\n\r\nconst ViewersTagsList = () => {\r\n\r\n    const [tagsSlideArrow, setTagsSlideArrow] = useState<boolean>(false);\r\n    const [tagSlideScrollLeft, setTagSlideScrollLeft] = useState<number>(0);\r\n\r\n    const { selectedTags, viewersTagsList } = useAppSelector(({ tags: { selectedTags, viewersTagsList } }) => ({ selectedTags, viewersTagsList }), shallowEqual);\r\n\r\n    const tagsContainerRef = useRef<any>(null);\r\n\r\n    useEffect(() => {\r\n        if (tagsContainerRef.current) {\r\n            const clientWidth = tagsContainerRef.current.clientWidth;\r\n            const scrollWidth = tagsContainerRef.current.scrollWidth;\r\n            setTagsSlideArrow(scrollWidth > clientWidth);\r\n            setTagSlideScrollLeft(tagsContainerRef.current.scrollLeft);\r\n            tagsContainerRef.current.addEventListener('scroll', (e: any) => setTagSlideScrollLeft(e.target.scrollLeft));\r\n        }\r\n        return () => tagsContainerRef.current && tagsContainerRef.current.removeEventListener('scroll', () => true);\r\n\r\n    }, [tagsContainerRef.current]);\r\n    \r\n    return (\r\n        <div className=\"pl-viewers-tag-list pl-flex pl-gap-2 !pl-overflow-x-auto no-scrollbar pl-mb-4 pl-mx-4\" ref={tagsContainerRef}>\r\n            {\r\n                tagsContainerRef.current && tagsSlideArrow && !conditions(ConditionName.isTouchScreen) && (\r\n                    <>\r\n                        {\r\n                            tagSlideScrollLeft < 0 && (\r\n                                <div className={`pl-tags-scroll-icon pl-hidden pl-items-center pl-justify-center pl-cursor-pointer pl-transition hover:pl-scale-[1.2] pl-drop-shadow-lg pl-absolute pl-rounded-full pl-mt-1`} onClick={(event: any) => handlePrevTag(event, tagsContainerRef)}>\r\n                                    <Image src={IMAGES.chevronCircleRight} width={18} height={18} alt=\"chevronCircleRight-icon\" />\r\n                                </div>\r\n                            )\r\n                        }\r\n                        {\r\n                            Math.abs(tagSlideScrollLeft - tagsContainerRef.current.clientWidth) !== tagsContainerRef.current.scrollWidth - 1 && (\r\n                                <div className={`pl-tags-scroll-icon pl-hidden pl-items-center pl-justify-center pl-cursor-pointer pl-transition hover:pl-scale-[1.2] -pl-rotate-180 pl-drop-shadow-lg pl-absolute pl-left-2 pl-rounded-full pl-mt-1`} onClick={(event: any) => handleNextTag(event, tagsContainerRef)}>\r\n                                    <Image src={IMAGES.chevronCircleRight} width={18} height={18} alt=\"chevronCircleRight-icon\" />\r\n                                </div>\r\n                            )\r\n                        }\r\n                    </>\r\n                )\r\n            }\r\n            {conditions(ConditionName.hasSelectedTags) && selectedTags.map((tag: string) => (\r\n                <div className=\"pl-flex pl-items-center pl-gap-[10px] pl-bg-dark-2 dark:pl-bg-dark-5 pl-text-gray-highLight dark:pl-text-gray-800 pl-whitespace-nowrap pl-px-2 pl-py-1 pl-rounded-[4px] pl-text-[10px] pl-font-normal\" key={tag}>\r\n                    <button className=\"pl-cursor-default\">{tag}</button>\r\n                    <CloseIcon className=\"pl-w-[13px] pl-h-[13px] pl-stroke-gray-highLight dark:pl-stroke-gray-800 pl-cursor-pointer\" onClick={() => handleCloseSelectedTags(tag)} />\r\n                </div>\r\n            ))}\r\n            {(conditions(ConditionName.isTouchScreen) && !!viewersTagsList.length) && viewersTagsList.map((tag: string) => (\r\n                <button\r\n                    key={tag}\r\n                    onClick={() => handleClickViewersTagList(tag)}\r\n                    className=\"pl-text-z-gray-700 dark:pl-text-dark-5 pl-bg-gray-100 dark:pl-bg-dark-2 pl-border pl-border-secondary pl-whitespace-nowrap pl-px-2 pl-py-1 pl-rounded-[4px] pl-text-[10px] pl-font-normal\"\r\n                >\r\n                    {tag}\r\n                </button>\r\n            ))}\r\n        </div>\r\n\r\n    )\r\n}\r\n\r\nexport default ViewersTagsList;"],"mappings":"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","names":["init_esm_shims","useEffect","useRef","useState","init_esm_shims","useEffect","useRef","useState","Image","shallowEqual","dynamic","Fragment","jsx","jsxs","CloseIcon","ViewersTagsList","tagsSlideArrow","setTagsSlideArrow","useState","tagSlideScrollLeft","setTagSlideScrollLeft","selectedTags","viewersTagsList","useAppSelector","tagsContainerRef","useRef","useEffect","clientWidth","scrollWidth","e","conditions","event","handlePrevTag","Image","importImages_default","handleNextTag","tag","handleCloseSelectedTags","handleClickViewersTagList","viewersTagsList_default","shallowEqual","dynamic","Fragment","jsx","jsxs","SelectedTagVideoList","CircleSpinner","Toggle","TagsFilter","ArrowLeftIcon","TagsEmptyState","CloseIcon","TagsPopover","videoCount","setVideoCount","useState","listScrolled","setListScrolled","tagInputLoading","setTagInputLoading","loadingGetTags","setLoadingGetTags","selectedTags","inputTagSearch","viewersTagsList","isMovieFilter","isSeriesFilter","useAppSelector","tagsPopover","tagInputTimeoutRef","useRef","dispatch","useAppDispatch","useEffect","conditions","handleViewersTagList","handleClickTag","setViewersTagsList","tag","customHeader","handleClearTagInput","event","handleTagInput","handleCloseTagPopover","popover_default","viewersTagsList_default","setIsMovieFilter","setIsSeriesFilter","tagsPopover_default"]}