{"version":3,"sources":["../ui/src/components/player-components/toggle/autoPlayToggle.tsx"],"sourcesContent":["import Image from 'next/image';\r\nimport { useState } from 'react';\r\nimport { useAppDispatch, useAppSelector } from 'redux-share';\r\nimport { setIsAutoPlay } from 'redux-share/slices/controllerSlice';\r\nimport { conditions } from 'helpers';\r\nimport { ConditionName } from 'interfaces';\r\nimport { setRecommendListPopover } from 'redux-share/slices/popoversSlice';\r\nimport IMAGES from '../../../../../images/importImages';\r\nimport { shallowEqual } from 'react-redux';\r\nimport dynamic from \"next/dynamic\";\r\n\r\nconst ControllbarTooltip = dynamic(() => import(\"../../mainComponent/footer/controllbar/controllbarTooltip\"));\r\n\r\nconst AutoPlayToggle = () => {\r\n\r\n    const { isAutoPlay } = useAppSelector(({ controller: { isAutoPlay } }) => ({ isAutoPlay }), shallowEqual);\r\n\r\n    const [showTooltip, setShowTooltip] = useState<boolean>(false);\r\n\r\n    const dispatch = useAppDispatch();\r\n\r\n    const handleSwitchAutoPlay = () => {\r\n        dispatch(setIsAutoPlay(!isAutoPlay));\r\n        localStorage.setItem(\"isAutoPlay\", `${conditions(ConditionName.isAutoPlay)}`);\r\n        if (conditions(ConditionName.isTouchScreenLandscape) && !conditions(ConditionName.isAutoPlay)) dispatch(setRecommendListPopover(true));\r\n    }\r\n\r\n    return (\r\n        <div className='pl-relative'>\r\n            <div\r\n                className={`pl-relative pl-flex pl-items-center pl-h-[13px] pl-w-[32px] pl-cursor-pointer pl-rounded-[15px] pl-transition-colors pl-duration-150 pl-ease-linear ${conditions(ConditionName.isAutoPlay) ? \"pl-bg-gray-300\" : \"pl-bg-gray-400\"}`}\r\n                onClick={handleSwitchAutoPlay}\r\n                onDoubleClick={(event: any) => event.stopPropagation()}\r\n                onMouseOver={() => !conditions(ConditionName.isTouchScreen) && setShowTooltip(true)}\r\n                onMouseLeave={() => !conditions(ConditionName.isTouchScreen) && setShowTooltip(false)}\r\n            >\r\n                <div className={`pl-absolute pl-bottom-[-2px] pl-w-[18px] pl-h-[18px] pl-rounded-full pl-transition-transform pl-duration-150 pl-ease-linear ${conditions(ConditionName.isAutoPlay) ? 'pl-translate-x-[0px] pl-bg-z-secondary-50' : 'pl-translate-x-[-20px] pl-bg-secondary-600'}`}>\r\n                    <div className='pl-w-full pl-h-full pl-flex pl-items-center pl-justify-center pl-gap-0.5'>\r\n                        {conditions(ConditionName.isAutoPlay) ? <Image src={IMAGES.play} width={8} height={8} /> : <><span className='pl-inline-block pl-w-[3px] pl-h-[7px] pl-bg-secondary-50' /><span className='pl-inline-block pl-w-[3px] pl-h-[7px] pl-bg-secondary-50' /></>}\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            {showTooltip && <ControllbarTooltip title={`پخش خودکار ${conditions(ConditionName.isAutoPlay) ? \"روشن\" : \"خاموش\"} است`} className=\"!pl-bottom-[346%] !pl-right-[-48px]\" />}\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default AutoPlayToggle;"],"mappings":"uNAAAA,IAAA,OAAOC,MAAW,aAClB,OAAS,YAAAC,MAAgB,QAOzB,OAAS,gBAAAC,MAAoB,cAC7B,OAAOC,MAAa,eA6B4C,OAAmD,YAAAC,EAAnD,OAAAC,EAAmD,QAAAC,MAAnD,oBA3BhE,IAAMC,EAAqBJ,EAAQ,IAAM,OAAO,mCAA2D,CAAC,EAEtGK,EAAiB,IAAM,CAEzB,GAAM,CAAE,WAAAC,CAAW,EAAIC,EAAe,CAAC,CAAE,WAAY,CAAE,WAAAD,CAAW,CAAE,KAAO,CAAE,WAAAA,CAAW,GAAIP,CAAY,EAElG,CAACS,EAAaC,CAAc,EAAIC,EAAkB,EAAK,EAEvDC,EAAWC,EAAe,EAE1BC,EAAuB,IAAM,CAC/BF,EAASG,EAAc,CAACR,CAAU,CAAC,EACnC,aAAa,QAAQ,aAAc,GAAGS,cAAmC,CAAC,EAAE,EACxEA,0BAA+C,GAAK,CAACA,cAAmC,GAAGJ,EAASK,EAAwB,EAAI,CAAC,CACzI,EAEA,OACIb,EAAC,OAAI,UAAU,cACX,UAAAD,EAAC,OACG,UAAW,uJAAuJa,cAAmC,EAAI,iBAAmB,gBAAgB,GAC5O,QAASF,EACT,cAAgBI,GAAeA,EAAM,gBAAgB,EACrD,YAAa,IAAM,CAACF,iBAAsC,GAAKN,EAAe,EAAI,EAClF,aAAc,IAAM,CAACM,iBAAsC,GAAKN,EAAe,EAAK,EAEpF,SAAAP,EAAC,OAAI,UAAW,+HAA+Ha,cAAmC,EAAI,4CAA8C,4CAA4C,GAC5Q,SAAAb,EAAC,OAAI,UAAU,2EACV,SAAAa,cAAmC,EAAIb,EAACgB,EAAA,CAAM,IAAKC,EAAO,KAAM,MAAO,EAAG,OAAQ,EAAG,EAAKhB,EAAAF,EAAA,CAAE,UAAAC,EAAC,QAAK,UAAU,2DAA2D,EAAEA,EAAC,QAAK,UAAU,2DAA2D,GAAE,EAC3P,EACJ,EACJ,EACCM,GAAeN,EAACE,EAAA,CAAmB,MAAO,2DAAcW,cAAmC,EAAI,2BAAS,gCAAO,sBAAQ,UAAU,sCAAsC,GAC5K,CAER,EAEOK,EAAQf","names":["init_esm_shims","Image","useState","shallowEqual","dynamic","Fragment","jsx","jsxs","ControllbarTooltip","AutoPlayToggle","isAutoPlay","useAppSelector","showTooltip","setShowTooltip","useState","dispatch","useAppDispatch","handleSwitchAutoPlay","setIsAutoPlay","conditions","setRecommendListPopover","event","Image","importImages_default","autoPlayToggle_default"]}