{"version":3,"sources":["../ui/src/components/player-components/playPauseControllbar/playPauseControllbar.tsx"],"sourcesContent":["import { useState } from \"react\";\r\nimport Image from \"next/image\";\r\nimport { conditions } from \"helpers\";\r\nimport { ConditionName } from \"interfaces\";\r\nimport IMAGES from \"../../../../../images/importImages\";\r\nimport { handlePlayPause } from \"redux-share/actions/controller.actions\";\r\nimport { useAppSelector } from \"redux-share\";\r\nimport { shallowEqual } from 'react-redux'\r\nimport dynamic from \"next/dynamic\";\r\n\r\nconst ControllbarTooltip = dynamic(() => import(\"../../mainComponent/footer/controllbar/controllbarTooltip\"));\r\nconst PlayPauseIcon = dynamic(() => import(\"./playPauseIcon\"));\r\n\r\nconst PlayPauseControllbar = () => {\r\n\r\n    const [showTooltip, setShowTooltip] = useState<boolean>(false);\r\n    useAppSelector(({ controller: { isEnded, play } }) => ({ isEnded, play }), shallowEqual);\r\n    useAppSelector(({ videoData: { params } }) => ({ params }), shallowEqual);\r\n\r\n    return (\r\n        <div className=\"pl-relative\">\r\n            <div\r\n                className=\"pl-flex pl-items-center\"\r\n                onMouseOver={() => !conditions(ConditionName.isTouchScreen) && setShowTooltip(true)}\r\n                onMouseLeave={() => !conditions(ConditionName.isTouchScreen) && setShowTooltip(false)}\r\n            >\r\n                {conditions(ConditionName.isEnded) ? <Image src={IMAGES.replay} alt=\"replay-icon\" width={22} height={22} className={`${conditions(ConditionName.isLiveParam) ? \"pl-opacity-50\" : \"pl-cursor-pointer\"}`} onClick={(event:any) => conditions(ConditionName.isLiveParam) ? {} : handlePlayPause(event)} onDoubleClick={(event: any) => event.stopPropagation()} /> : <PlayPauseIcon onClick={handlePlayPause} onDoubleClick={(event: any) => event.stopPropagation()} />}\r\n            </div>\r\n            {showTooltip && <ControllbarTooltip title={conditions(ConditionName.isEnded) ? `بازپخش` : conditions(ConditionName.isPlay) ? \"توقف (k)\" : \"پخش (k)\"} className=\"pl-bottom-[260%] pl-right-[-35px]\" />}\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default PlayPauseControllbar;"],"mappings":"yMAAAA,IAAA,OAAS,YAAAC,MAAgB,QACzB,OAAOC,MAAW,aAMlB,OAAS,gBAAAC,MAAoB,cAC7B,OAAOC,MAAa,eAYZ,OAM6C,OAAAC,EAN7C,QAAAC,MAAA,oBAVR,IAAMC,EAAqBH,EAAQ,IAAM,OAAO,mCAA2D,CAAC,EACtGI,EAAgBJ,EAAQ,IAAM,OAAO,8BAAiB,CAAC,EAEvDK,EAAuB,IAAM,CAE/B,GAAM,CAACC,EAAaC,CAAc,EAAIC,EAAkB,EAAK,EAC7D,OAAAC,EAAe,CAAC,CAAE,WAAY,CAAE,QAAAC,EAAS,KAAAC,CAAK,CAAE,KAAO,CAAE,QAAAD,EAAS,KAAAC,CAAK,GAAIZ,CAAY,EACvFU,EAAe,CAAC,CAAE,UAAW,CAAE,OAAAG,CAAO,CAAE,KAAO,CAAE,OAAAA,CAAO,GAAIb,CAAY,EAGpEG,EAAC,OAAI,UAAU,cACX,UAAAD,EAAC,OACG,UAAU,0BACV,YAAa,IAAM,CAACY,iBAAsC,GAAKN,EAAe,EAAI,EAClF,aAAc,IAAM,CAACM,iBAAsC,GAAKN,EAAe,EAAK,EAEnF,SAAAM,WAAgC,EAAIZ,EAACa,EAAA,CAAM,IAAKC,EAAO,OAAQ,IAAI,cAAc,MAAO,GAAI,OAAQ,GAAI,UAAW,GAAGF,eAAoC,EAAI,gBAAkB,mBAAmB,GAAI,QAAUG,GAAcH,eAAoC,EAAI,CAAC,EAAII,EAAgBD,CAAK,EAAG,cAAgBA,GAAeA,EAAM,gBAAgB,EAAG,EAAKf,EAACG,EAAA,CAAc,QAASa,EAAiB,cAAgBD,GAAeA,EAAM,gBAAgB,EAAG,EACvc,EACCV,GAAeL,EAACE,EAAA,CAAmB,MAAOU,WAAgC,EAAI,uCAAWA,UAA+B,EAAI,+BAAa,yBAAW,UAAU,oCAAoC,GACvM,CAER,EAEOK,EAAQb","names":["init_esm_shims","useState","Image","shallowEqual","dynamic","jsx","jsxs","ControllbarTooltip","PlayPauseIcon","PlayPauseControllbar","showTooltip","setShowTooltip","useState","useAppSelector","isEnded","play","params","conditions","Image","importImages_default","event","handlePlayPause","playPauseControllbar_default"]}