cafe-video-player 3.0.15 → 3.0.16
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/{VideoHighLighter-JYEEHSUY.mjs → VideoHighLighter-32JJMCVS.mjs} +2 -2
- package/{VideoHighLighter-JYEEHSUY.mjs.map → VideoHighLighter-32JJMCVS.mjs.map} +1 -1
- package/{VideoHighLighter-SIOPEIR2.js → VideoHighLighter-6MYR26HW.js} +2 -2
- package/{VideoHighLighter-SIOPEIR2.js.map → VideoHighLighter-6MYR26HW.js.map} +1 -1
- package/{chunk-ZI6O72OM.mjs → chunk-B4IVZEZN.mjs} +2 -2
- package/{chunk-ZI6O72OM.mjs.map → chunk-B4IVZEZN.mjs.map} +1 -1
- package/{chunk-7FHLAPSR.js → chunk-CG2KA4BX.js} +2 -2
- package/{chunk-7FHLAPSR.js.map → chunk-CG2KA4BX.js.map} +1 -1
- package/{chunk-JU5IQH3S.mjs → chunk-QXTVEBKD.mjs} +2 -2
- package/{chunk-JU5IQH3S.mjs.map → chunk-QXTVEBKD.mjs.map} +1 -1
- package/{chunk-4NYDCAYH.mjs → chunk-QXX6LI3R.mjs} +3 -3
- package/{chunk-4NYDCAYH.mjs.map → chunk-QXX6LI3R.mjs.map} +1 -1
- package/{chunk-IKMA6LUH.js → chunk-VF6ZSAIO.js} +4 -4
- package/{chunk-IKMA6LUH.js.map → chunk-VF6ZSAIO.js.map} +1 -1
- package/{chunk-XCFESDIY.js → chunk-X7QXUGD2.js} +2 -2
- package/{chunk-XCFESDIY.js.map → chunk-X7QXUGD2.js.map} +1 -1
- package/index.js +1 -1
- package/index.mjs +1 -1
- package/package.json +1 -1
- package/{staticPlayer-W6TBVD5A.mjs → staticPlayer-4CLY5WJL.mjs} +2 -2
- package/{staticPlayer-W6TBVD5A.mjs.map → staticPlayer-4CLY5WJL.mjs.map} +1 -1
- package/{staticPlayer-JLBPTEWE.js → staticPlayer-7UUHF6G2.js} +2 -2
- package/{staticPlayer-JLBPTEWE.js.map → staticPlayer-7UUHF6G2.js.map} +1 -1
- package/videoArea-PC67BM4S.js +2 -0
- package/{videoArea-J6ITRRDQ.js.map → videoArea-PC67BM4S.js.map} +1 -1
- package/videoArea-W2FPLLPE.mjs +2 -0
- package/{videoArea-6UF3GOX7.mjs.map → videoArea-W2FPLLPE.mjs.map} +1 -1
- package/videoPlayerStyles.css +6 -2
- package/{vodPlayer-BJ7FLFUB.mjs → vodPlayer-7T7LLFRE.mjs} +2 -2
- package/{vodPlayer-BJ7FLFUB.mjs.map → vodPlayer-7T7LLFRE.mjs.map} +1 -1
- package/{vodPlayer-PFFEBJFX.js → vodPlayer-BXPUGCRK.js} +2 -2
- package/{vodPlayer-PFFEBJFX.js.map → vodPlayer-BXPUGCRK.js.map} +1 -1
- package/videoArea-6UF3GOX7.mjs +0 -2
- package/videoArea-J6ITRRDQ.js +0 -2
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import {a}from'./chunk-P4O3IKAQ.mjs';import {c,b}from'./chunk-
|
|
2
|
-
//# sourceMappingURL=VideoHighLighter-
|
|
1
|
+
import {a}from'./chunk-P4O3IKAQ.mjs';import {c,b}from'./chunk-QXTVEBKD.mjs';import {a as a$1}from'./chunk-XKRBXZUB.mjs';import {ia,t}from'./chunk-NLCBOGTI.mjs';import {e,A}from'./chunk-4QMWBTB5.mjs';import {shallowEqual}from'react-redux';import {jsxs,jsx,Fragment}from'react/jsx-runtime';import {CircularProgressbarWithChildren,buildStyles}from'react-circular-progressbar';import r from'next/image';e();e();var g=()=>jsx("div",{role:"status",className:`pl-size-full pl-flex pl-items-center pl-justify-center pl-bg-gray-300 ${!t("isTouchScreen")&&"pl-rounded-lg"} pl-animate-pulse dark:pl-bg-gray-700`,children:jsx("span",{className:"pl-sr-only",children:"Loading..."})}),f=g;var N=()=>{let{params:e}=A(({videoData:{params:u}})=>({params:u}),shallowEqual);return a(),jsxs("div",{id:"video-area",className:`pl-relative pl-rounded-[12px] pl-w-full pl-h-full pl-aspect-video !pl-overflow-hidden ${t("isTouchScreen")&&"!pl-rounded-none"} ${t("isFullScreen")&&"!pl-overflow-hidden pl-fixed pl-top-0 pl-right-0 !pl-w-screen !pl-h-screen !pl-rounded-none"}`,children:[e.vhl_status&&e.vhl_status!=="skeleton"&&jsxs("div",{className:"pl-flex pl-flex-col pl-justify-between pl-gap-2 pl-size-full",children:[e.banner&&jsxs("div",{className:"pl-w-full pl-aspect-video pl-absolute",children:[jsx(r,{src:e.banner,alt:"banner",fill:true,style:{objectFit:"cover"},className:"pl-w-full pl-aspect-video"}),jsx("div",{className:"pl-absolute pl-inset-0 pl-bg-black/50"})]}),jsx("div",{}),e.vhl_status==="download_start"&&jsx(Fragment,{children:jsxs("div",{className:"pl-relative pl-z-[1000000] pl-bg-Common-white-overlay-1 pl-w-full pl-max-w-[198px] tablet:!pl-max-w-[305px] desktop:!pl-max-w-[198px] pl-mx-auto pl-py-2 tablet:pl-py-[12.32px] desktop:pl-py-2 pl-rounded-[8px] pl-flex pl-flex-col pl-items-center pl-gap-2 tablet:pl-gap-[12.32px] desktop:pl-gap-2",children:[jsx("svg",{style:{height:0,position:"absolute"},children:jsx("defs",{children:jsxs("linearGradient",{id:"gradientColor",x1:"0",y1:"0",x2:"1",y2:"1",children:[jsx("stop",{offset:"0%",stopColor:"#FF649D"}),jsx("stop",{offset:"100%",stopColor:"#A50C4B"})]})})}),jsx(CircularProgressbarWithChildren,{value:e.vhl_progress,className:"pl-size-[50px]",styles:buildStyles({trailColor:"rgba(0, 0, 0, 0.1)",pathColor:"url(#gradientColor)"}),children:jsxs("p",{className:"pl-text-text-primary pl-text-[14px] pl-font-medium",children:["%",e.vhl_progress]})}),jsx("p",{className:"pl-text-text-primary pl-text-[10px] pl-font-normal",children:e.vhl_statusText})]})}),e.vhl_status==="download_error"&&jsxs("div",{className:"pl-relative pl-z-[1000000] pl-bg-Common-white-overlay-1 pl-w-full pl-max-w-[198px] pl-mx-auto pl-py-2 pl-rounded-[8px] pl-flex pl-flex-col pl-items-center pl-gap-2",children:[jsx(r,{alt:"info-circle-icon",src:a$1.infoCircle,width:32,height:32}),jsx("p",{className:"pl-text-[10px] pl-font-normal pl-text-text-primary",children:e.vhl_statusText}),jsxs("button",{className:"pl-flex pl-items-center pl-gap-2",onClick:()=>e.vhl_onRetry(),children:[jsx(r,{alt:"rotate-red-icon",src:a$1.rotateRed,width:14,height:14}),jsx("span",{className:"pl-text-primary pl-text-[10px] pl-font-normal",children:"\u062A\u0644\u0627\u0634 \u062F\u0648\u0628\u0627\u0631\u0647"})]})]}),jsxs("div",{className:`pl-flex ${t("isTouchScreenPortrait")?"pl-flex-col":`pl-flex-col-reverse pl-mb-3 ${t("isFullScreen")&&"pl-mb-8"}`} pl-gap-[14.58px]`,children:[jsxs("div",{className:`pl-flex pl-items-center pl-justify-between ${t("isFullScreen")?"pl-mx-8":"pl-mx-[14.58px]"}`,children:[jsx(c,{width:20,height:20}),jsxs("div",{className:"pl-flex pl-items-center pl-gap-[14.58px]",children:[e.vhl_duration&&jsxs("div",{className:"pl-text-Common-white pl-text-[10.93px] pl-font-normal pl-relative",children:[jsx("span",{children:ia(0)}),jsx("span",{children:"/"}),jsx("span",{children:ia(e.vhl_duration)})]}),jsx(b,{width:20,height:20})]})]}),jsx("div",{className:"pl-w-full pl-h-[3.64px] pl-bg-gray-highLight pl-animate-pulse"})]})]}),e.vhl_status==="skeleton"&&jsx(f,{})]})},R=N;export{R as default};//# sourceMappingURL=VideoHighLighter-32JJMCVS.mjs.map
|
|
2
|
+
//# sourceMappingURL=VideoHighLighter-32JJMCVS.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/videoPlayerLibrary/components/videoPlayer/videoHighLighter/VideoHighLighter.tsx","../src/videoPlayerLibrary/components/custom-components/skeleton/Skeleton.tsx"],"names":["init_esm_shims","Skeleton","jsx","conditions","Skeleton_default","VideoHighLighter","params","useAppSelector","shallowEqual","useFullScreen_default","jsxs","Image","Fragment","CircularProgressbarWithChildren","buildStyles","importImages_default","fullScreen_default","secondsToHMS","soundVolume_default","VideoHighLighter_default"],"mappings":"+YAAAA,CAAAA,EAAAA,CCAAA,CAAAA,EAAAA,CAGA,IAAMC,EAAW,IAEbC,GAAAA,CAAC,OACC,IAAA,CAAK,QAAA,CACL,UAAW,CAAA,sEAAA,EACT,CAACC,iBAAsC,CAAA,EAAK,eAC9C,wCAEA,QAAA,CAAAD,GAAAA,CAAC,QAAK,SAAA,CAAU,YAAA,CAAa,sBAAU,CAAA,CACzC,CAAA,CAIGE,EAAQH,CAAAA,CDHf,IAAMI,CAAAA,CAAmB,IAAM,CAC7B,GAAM,CAAE,MAAA,CAAAC,CAAO,EAAIC,CAAAA,CAAe,CAAC,CAAE,SAAA,CAAW,CAAE,OAAAD,CAAO,CAAE,KAAO,CAAE,MAAA,CAAAA,CAAO,CAAA,CAAA,CAAIE,YAAY,EAC3F,OAAAC,CAAAA,GAGEC,IAAAA,CAAC,KAAA,CAAA,CACC,GAAG,YAAA,CACH,SAAA,CAAW,yFACTP,CAAAA,CAAAA,eAAsC,CAAA,EAAK,kBAC7C,CAAA,CAAA,EAAIA,CAAAA,CAAAA,cAAqC,GAAK,6FAA6F,CAAA,CAAA,CAE1I,UAAAG,CAAAA,CAAO,UAAA,EAAcA,CAAAA,CAAO,UAAA,GAAe,YAC1CI,IAAAA,CAAC,KAAA,CAAA,CAAI,UAAU,8DAAA,CACZ,QAAA,CAAA,CAAAJ,EAAO,MAAA,EACNI,IAAAA,CAAC,OAAI,SAAA,CAAU,uCAAA,CACb,UAAAR,GAAAA,CAACS,CAAAA,CAAA,CAAM,GAAA,CAAKL,CAAAA,CAAO,OAAQ,GAAA,CAAI,QAAA,CAAS,KAAI,IAAA,CAAC,KAAA,CAAO,CAAE,SAAA,CAAW,OAAQ,EAAG,SAAA,CAAU,2BAAA,CAA4B,EAClHJ,GAAAA,CAAC,KAAA,CAAA,CAAI,UAAU,uCAAA,CAAwC,CAAA,CAAA,CACzD,EAEFA,GAAAA,CAAC,KAAA,CAAA,EAAI,EACJI,CAAAA,CAAO,UAAA,GAAe,kBACrBJ,GAAAA,CAAAU,QAAAA,CAAA,CACE,QAAA,CAAAF,IAAAA,CAAC,OAAI,SAAA,CAAU,ySAAA,CACb,UAAAR,GAAAA,CAAC,KAAA,CAAA,CAAI,MAAO,CAAE,MAAA,CAAQ,EAAG,QAAA,CAAU,UAAW,EAC5C,QAAA,CAAAA,GAAAA,CAAC,QACC,QAAA,CAAAQ,IAAAA,CAAC,kBAAe,EAAA,CAAG,eAAA,CAAgB,GAAG,GAAA,CAAI,EAAA,CAAG,IAAI,EAAA,CAAG,GAAA,CAAI,GAAG,GAAA,CACzD,QAAA,CAAA,CAAAR,IAAC,MAAA,CAAA,CAAK,MAAA,CAAO,KAAK,SAAA,CAAU,SAAA,CAAU,EACtCA,GAAAA,CAAC,MAAA,CAAA,CAAK,OAAO,MAAA,CAAO,SAAA,CAAU,UAAU,CAAA,CAAA,CAC1C,CAAA,CACF,CAAA,CACF,CAAA,CACAA,IAACW,+BAAAA,CAAA,CACC,MAAOP,CAAAA,CAAO,YAAA,CACd,UAAU,gBAAA,CACV,MAAA,CAAQQ,YAAY,CAClB,UAAA,CAAY,qBACZ,SAAA,CAAW,qBACb,CAAC,CAAA,CAED,QAAA,CAAAJ,KAAC,GAAA,CAAA,CAAE,SAAA,CAAU,qDAAqD,QAAA,CAAA,CAAA,GAAA,CAAEJ,CAAAA,CAAO,cAAa,CAAA,CAC1F,CAAA,CACAJ,IAAC,GAAA,CAAA,CAAE,SAAA,CAAU,qDAAsD,QAAA,CAAAI,CAAAA,CAAO,eAAe,CAAA,CAAA,CAC3F,CAAA,CACF,EAEDA,CAAAA,CAAO,UAAA,GAAe,kBACrBI,IAAAA,CAAC,KAAA,CAAA,CAAI,UAAU,qKAAA,CACb,QAAA,CAAA,CAAAR,IAACS,CAAAA,CAAA,CAAM,IAAI,kBAAA,CAAmB,GAAA,CAAKI,IAAO,UAAA,CAAY,KAAA,CAAO,GAAI,MAAA,CAAQ,EAAA,CAAI,EAC7Eb,GAAAA,CAAC,GAAA,CAAA,CAAE,UAAU,oDAAA,CAAsD,QAAA,CAAAI,EAAO,cAAA,CAAe,CAAA,CACzFI,KAAC,QAAA,CAAA,CAAO,SAAA,CAAU,mCAAmC,OAAA,CAAS,IAAMJ,EAAO,WAAA,EAAa,CACtF,UAAAJ,GAAAA,CAACS,CAAAA,CAAA,CAAM,GAAA,CAAI,iBAAA,CAAkB,IAAKI,GAAAA,CAAO,SAAA,CAAW,MAAO,EAAA,CAAI,MAAA,CAAQ,GAAI,CAAA,CAC3Eb,GAAAA,CAAC,QAAK,SAAA,CAAU,+CAAA,CAAgD,yEAAW,CAAA,CAAA,CAC7E,CAAA,CAAA,CACF,EAEFQ,IAAAA,CAAC,KAAA,CAAA,CACC,UAAW,CAAA,QAAA,EACRP,CAAAA,CAAAA,uBAA8C,EAE3C,aAAA,CADA,CAAA,4BAAA,EAA+BA,gBAAqC,CAAA,EAAK,SAAS,EAExF,CAAA,iBAAA,CAAA,CAEA,QAAA,CAAA,CAAAO,KAAC,KAAA,CAAA,CAAI,SAAA,CAAW,8CAA8CP,CAAAA,CAAAA,cAAqC,CAAA,CAAI,UAAY,iBAAiB,CAAA,CAAA,CAClI,UAAAD,GAAAA,CAACc,CAAAA,CAAA,CAAW,KAAA,CAAO,EAAA,CAAI,OAAQ,EAAA,CAAI,CAAA,CACnCN,KAAC,KAAA,CAAA,CAAI,SAAA,CAAW,2CACb,QAAA,CAAA,CAAAJ,CAAAA,CAAO,cACNI,IAAAA,CAAC,KAAA,CAAA,CAAI,UAAU,mEAAA,CACb,QAAA,CAAA,CAAAR,IAAC,MAAA,CAAA,CAAM,QAAA,CAAAe,GAAa,CAAC,CAAA,CAAE,EACvBf,GAAAA,CAAC,MAAA,CAAA,CAAK,aAAC,CAAA,CACPA,GAAAA,CAAC,QAAM,QAAA,CAAAe,EAAAA,CAAaX,EAAO,YAAY,CAAA,CAAE,GAC3C,CAAA,CAEFJ,GAAAA,CAACgB,EAAA,CAAY,KAAA,CAAO,GAAI,MAAA,CAAQ,EAAA,CAAI,GACtC,CAAA,CAAA,CACF,CAAA,CACAhB,IAAC,KAAA,CAAA,CAAI,SAAA,CAAU,gEAAgE,CAAA,CAAA,CACjF,CAAA,CAAA,CACF,EAEDI,CAAAA,CAAO,UAAA,GAAe,YAAcJ,GAAAA,CAACE,CAAAA,CAAA,EAAS,CAAA,CAAA,CACjD,CAEJ,EAEOe,CAAAA,CAAQd","file":"VideoHighLighter-JYEEHSUY.mjs","sourcesContent":["import { shallowEqual } from \"react-redux\";\r\nimport { useAppSelector } from \"../../../helpers/redux/hooks\";\r\nimport Skeleton from \"../../custom-components/skeleton/Skeleton\";\r\nimport FullScreen from \"../../custom-components/fullScreen/fullScreen\";\r\nimport SoundVolume from \"../../custom-components/soundVolume/soundVolume\";\r\nimport { secondsToHMS } from \"../../../helpers/helpers\";\r\nimport { conditions } from \"../../../helpers/conditions/conditions\";\r\nimport { ConditionName } from \"../../../helpers/interfaces/enums\";\r\nimport { buildStyles, CircularProgressbarWithChildren } from \"react-circular-progressbar\";\r\nimport IMAGES from \"../../../images/importImages\";\r\nimport Image from \"next/image\";\r\nimport useFullScreen from \"../../../helpers/hooks/useFullScreen\";\r\n\r\nconst VideoHighLighter = () => {\r\n const { params } = useAppSelector(({ videoData: { params } }) => ({ params }), shallowEqual);\r\n useFullScreen();\r\n\r\n return (\r\n <div\r\n id=\"video-area\"\r\n className={`pl-relative pl-rounded-[12px] pl-w-full pl-h-full pl-aspect-video !pl-overflow-hidden ${\r\n conditions(ConditionName.isTouchScreen) && \"!pl-rounded-none\"\r\n } ${conditions(ConditionName.isFullScreen) && \"!pl-overflow-hidden pl-fixed pl-top-0 pl-right-0 !pl-w-screen !pl-h-screen !pl-rounded-none\"}`}\r\n >\r\n {params.vhl_status && params.vhl_status !== \"skeleton\" && (\r\n <div className=\"pl-flex pl-flex-col pl-justify-between pl-gap-2 pl-size-full\">\r\n {params.banner && (\r\n <div className=\"pl-w-full pl-aspect-video pl-absolute\">\r\n <Image src={params.banner} alt=\"banner\" fill style={{ objectFit: \"cover\" }} className=\"pl-w-full pl-aspect-video\" />\r\n <div className=\"pl-absolute pl-inset-0 pl-bg-black/50\" />\r\n </div>\r\n )}\r\n <div />\r\n {params.vhl_status === \"download_start\" && (\r\n <>\r\n <div className=\"pl-relative pl-z-[1000000] pl-bg-Common-white-overlay-1 pl-w-full pl-max-w-[198px] tablet:!pl-max-w-[305px] desktop:!pl-max-w-[198px] pl-mx-auto pl-py-2 tablet:pl-py-[12.32px] desktop:pl-py-2 pl-rounded-[8px] pl-flex pl-flex-col pl-items-center pl-gap-2 tablet:pl-gap-[12.32px] desktop:pl-gap-2\">\r\n <svg style={{ height: 0, position: \"absolute\" }}>\r\n <defs>\r\n <linearGradient id=\"gradientColor\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\r\n <stop offset=\"0%\" stopColor=\"#FF649D\" />\r\n <stop offset=\"100%\" stopColor=\"#A50C4B\" />\r\n </linearGradient>\r\n </defs>\r\n </svg>\r\n <CircularProgressbarWithChildren\r\n value={params.vhl_progress!}\r\n className=\"pl-size-[50px]\"\r\n styles={buildStyles({\r\n trailColor: \"rgba(0, 0, 0, 0.1)\",\r\n pathColor: \"url(#gradientColor)\",\r\n })}\r\n >\r\n <p className=\"pl-text-text-primary pl-text-[14px] pl-font-medium\">%{params.vhl_progress}</p>\r\n </CircularProgressbarWithChildren>\r\n <p className=\"pl-text-text-primary pl-text-[10px] pl-font-normal\">{params.vhl_statusText}</p>\r\n </div>\r\n </>\r\n )}\r\n {params.vhl_status === \"download_error\" && (\r\n <div className=\"pl-relative pl-z-[1000000] pl-bg-Common-white-overlay-1 pl-w-full pl-max-w-[198px] pl-mx-auto pl-py-2 pl-rounded-[8px] pl-flex pl-flex-col pl-items-center pl-gap-2\">\r\n <Image alt=\"info-circle-icon\" src={IMAGES.infoCircle} width={32} height={32} />\r\n <p className=\"pl-text-[10px] pl-font-normal pl-text-text-primary\">{params.vhl_statusText}</p>\r\n <button className=\"pl-flex pl-items-center pl-gap-2\" onClick={() => params.vhl_onRetry!()}>\r\n <Image alt=\"rotate-red-icon\" src={IMAGES.rotateRed} width={14} height={14} />\r\n <span className=\"pl-text-primary pl-text-[10px] pl-font-normal\">تلاش دوباره</span>\r\n </button>\r\n </div>\r\n )}\r\n <div\r\n className={`pl-flex ${\r\n !conditions(ConditionName.isTouchScreenPortrait)\r\n ? `pl-flex-col-reverse pl-mb-3 ${conditions(ConditionName.isFullScreen) && \"pl-mb-8\"}`\r\n : \"pl-flex-col\"\r\n } pl-gap-[14.58px]`}\r\n >\r\n <div className={`pl-flex pl-items-center pl-justify-between ${conditions(ConditionName.isFullScreen) ? \"pl-mx-8\" : \"pl-mx-[14.58px]\"}`}>\r\n <FullScreen width={20} height={20} />\r\n <div className={`pl-flex pl-items-center pl-gap-[14.58px]`}>\r\n {params.vhl_duration && (\r\n <div className=\"pl-text-Common-white pl-text-[10.93px] pl-font-normal pl-relative\">\r\n <span>{secondsToHMS(0)}</span>\r\n <span>/</span>\r\n <span>{secondsToHMS(params.vhl_duration)}</span>\r\n </div>\r\n )}\r\n <SoundVolume width={20} height={20} />\r\n </div>\r\n </div>\r\n <div className=\"pl-w-full pl-h-[3.64px] pl-bg-gray-highLight pl-animate-pulse\" />\r\n </div>\r\n </div>\r\n )}\r\n {params.vhl_status === \"skeleton\" && <Skeleton />}\r\n </div>\r\n );\r\n};\r\n\r\nexport default VideoHighLighter;\r\n","import { conditions } from \"../../../helpers/conditions/conditions\";\nimport { ConditionName } from \"../../../helpers/interfaces/enums\";\n\nconst Skeleton = () => {\n return (\n <div\n role=\"status\"\n className={`pl-size-full pl-flex pl-items-center pl-justify-center pl-bg-gray-300 ${\n !conditions(ConditionName.isTouchScreen) && \"pl-rounded-lg\"\n } pl-animate-pulse dark:pl-bg-gray-700`}\n >\n <span className=\"pl-sr-only\">Loading...</span>\n </div>\n );\n};\n\nexport default Skeleton;\n"]}
|
|
1
|
+
{"version":3,"sources":["../src/videoPlayerLibrary/components/videoPlayer/videoHighLighter/VideoHighLighter.tsx","../src/videoPlayerLibrary/components/custom-components/skeleton/Skeleton.tsx"],"names":["init_esm_shims","Skeleton","jsx","conditions","Skeleton_default","VideoHighLighter","params","useAppSelector","shallowEqual","useFullScreen_default","jsxs","Image","Fragment","CircularProgressbarWithChildren","buildStyles","importImages_default","fullScreen_default","secondsToHMS","soundVolume_default","VideoHighLighter_default"],"mappings":"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","file":"VideoHighLighter-32JJMCVS.mjs","sourcesContent":["import { shallowEqual } from \"react-redux\";\r\nimport { useAppSelector } from \"../../../helpers/redux/hooks\";\r\nimport Skeleton from \"../../custom-components/skeleton/Skeleton\";\r\nimport FullScreen from \"../../custom-components/fullScreen/fullScreen\";\r\nimport SoundVolume from \"../../custom-components/soundVolume/soundVolume\";\r\nimport { secondsToHMS } from \"../../../helpers/helpers\";\r\nimport { conditions } from \"../../../helpers/conditions/conditions\";\r\nimport { ConditionName } from \"../../../helpers/interfaces/enums\";\r\nimport { buildStyles, CircularProgressbarWithChildren } from \"react-circular-progressbar\";\r\nimport IMAGES from \"../../../images/importImages\";\r\nimport Image from \"next/image\";\r\nimport useFullScreen from \"../../../helpers/hooks/useFullScreen\";\r\n\r\nconst VideoHighLighter = () => {\r\n const { params } = useAppSelector(({ videoData: { params } }) => ({ params }), shallowEqual);\r\n useFullScreen();\r\n\r\n return (\r\n <div\r\n id=\"video-area\"\r\n className={`pl-relative pl-rounded-[12px] pl-w-full pl-h-full pl-aspect-video !pl-overflow-hidden ${\r\n conditions(ConditionName.isTouchScreen) && \"!pl-rounded-none\"\r\n } ${conditions(ConditionName.isFullScreen) && \"!pl-overflow-hidden pl-fixed pl-top-0 pl-right-0 !pl-w-screen !pl-h-screen !pl-rounded-none\"}`}\r\n >\r\n {params.vhl_status && params.vhl_status !== \"skeleton\" && (\r\n <div className=\"pl-flex pl-flex-col pl-justify-between pl-gap-2 pl-size-full\">\r\n {params.banner && (\r\n <div className=\"pl-w-full pl-aspect-video pl-absolute\">\r\n <Image src={params.banner} alt=\"banner\" fill style={{ objectFit: \"cover\" }} className=\"pl-w-full pl-aspect-video\" />\r\n <div className=\"pl-absolute pl-inset-0 pl-bg-black/50\" />\r\n </div>\r\n )}\r\n <div />\r\n {params.vhl_status === \"download_start\" && (\r\n <>\r\n <div className=\"pl-relative pl-z-[1000000] pl-bg-Common-white-overlay-1 pl-w-full pl-max-w-[198px] tablet:!pl-max-w-[305px] desktop:!pl-max-w-[198px] pl-mx-auto pl-py-2 tablet:pl-py-[12.32px] desktop:pl-py-2 pl-rounded-[8px] pl-flex pl-flex-col pl-items-center pl-gap-2 tablet:pl-gap-[12.32px] desktop:pl-gap-2\">\r\n <svg style={{ height: 0, position: \"absolute\" }}>\r\n <defs>\r\n <linearGradient id=\"gradientColor\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\r\n <stop offset=\"0%\" stopColor=\"#FF649D\" />\r\n <stop offset=\"100%\" stopColor=\"#A50C4B\" />\r\n </linearGradient>\r\n </defs>\r\n </svg>\r\n <CircularProgressbarWithChildren\r\n value={params.vhl_progress!}\r\n className=\"pl-size-[50px]\"\r\n styles={buildStyles({\r\n trailColor: \"rgba(0, 0, 0, 0.1)\",\r\n pathColor: \"url(#gradientColor)\",\r\n })}\r\n >\r\n <p className=\"pl-text-text-primary pl-text-[14px] pl-font-medium\">%{params.vhl_progress}</p>\r\n </CircularProgressbarWithChildren>\r\n <p className=\"pl-text-text-primary pl-text-[10px] pl-font-normal\">{params.vhl_statusText}</p>\r\n </div>\r\n </>\r\n )}\r\n {params.vhl_status === \"download_error\" && (\r\n <div className=\"pl-relative pl-z-[1000000] pl-bg-Common-white-overlay-1 pl-w-full pl-max-w-[198px] pl-mx-auto pl-py-2 pl-rounded-[8px] pl-flex pl-flex-col pl-items-center pl-gap-2\">\r\n <Image alt=\"info-circle-icon\" src={IMAGES.infoCircle} width={32} height={32} />\r\n <p className=\"pl-text-[10px] pl-font-normal pl-text-text-primary\">{params.vhl_statusText}</p>\r\n <button className=\"pl-flex pl-items-center pl-gap-2\" onClick={() => params.vhl_onRetry!()}>\r\n <Image alt=\"rotate-red-icon\" src={IMAGES.rotateRed} width={14} height={14} />\r\n <span className=\"pl-text-primary pl-text-[10px] pl-font-normal\">تلاش دوباره</span>\r\n </button>\r\n </div>\r\n )}\r\n <div\r\n className={`pl-flex ${\r\n !conditions(ConditionName.isTouchScreenPortrait)\r\n ? `pl-flex-col-reverse pl-mb-3 ${conditions(ConditionName.isFullScreen) && \"pl-mb-8\"}`\r\n : \"pl-flex-col\"\r\n } pl-gap-[14.58px]`}\r\n >\r\n <div className={`pl-flex pl-items-center pl-justify-between ${conditions(ConditionName.isFullScreen) ? \"pl-mx-8\" : \"pl-mx-[14.58px]\"}`}>\r\n <FullScreen width={20} height={20} />\r\n <div className={`pl-flex pl-items-center pl-gap-[14.58px]`}>\r\n {params.vhl_duration && (\r\n <div className=\"pl-text-Common-white pl-text-[10.93px] pl-font-normal pl-relative\">\r\n <span>{secondsToHMS(0)}</span>\r\n <span>/</span>\r\n <span>{secondsToHMS(params.vhl_duration)}</span>\r\n </div>\r\n )}\r\n <SoundVolume width={20} height={20} />\r\n </div>\r\n </div>\r\n <div className=\"pl-w-full pl-h-[3.64px] pl-bg-gray-highLight pl-animate-pulse\" />\r\n </div>\r\n </div>\r\n )}\r\n {params.vhl_status === \"skeleton\" && <Skeleton />}\r\n </div>\r\n );\r\n};\r\n\r\nexport default VideoHighLighter;\r\n","import { conditions } from \"../../../helpers/conditions/conditions\";\nimport { ConditionName } from \"../../../helpers/interfaces/enums\";\n\nconst Skeleton = () => {\n return (\n <div\n role=\"status\"\n className={`pl-size-full pl-flex pl-items-center pl-justify-center pl-bg-gray-300 ${\n !conditions(ConditionName.isTouchScreen) && \"pl-rounded-lg\"\n } pl-animate-pulse dark:pl-bg-gray-700`}\n >\n <span className=\"pl-sr-only\">Loading...</span>\n </div>\n );\n};\n\nexport default Skeleton;\n"]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
'use strict';var chunkK4YPVDEE_js=require('./chunk-K4YPVDEE.js'),
|
|
2
|
-
//# sourceMappingURL=VideoHighLighter-
|
|
1
|
+
'use strict';var chunkK4YPVDEE_js=require('./chunk-K4YPVDEE.js'),chunkCG2KA4BX_js=require('./chunk-CG2KA4BX.js'),chunkCOYFW7R4_js=require('./chunk-COYFW7R4.js'),chunkVUHZVVMS_js=require('./chunk-VUHZVVMS.js'),chunkAN6JAJSI_js=require('./chunk-AN6JAJSI.js'),reactRedux=require('react-redux'),jsxRuntime=require('react/jsx-runtime'),reactCircularProgressbar=require('react-circular-progressbar'),r=require('next/image');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var r__default=/*#__PURE__*/_interopDefault(r);chunkAN6JAJSI_js.e();chunkAN6JAJSI_js.e();var h=()=>jsxRuntime.jsx("div",{role:"status",className:`pl-size-full pl-flex pl-items-center pl-justify-center pl-bg-gray-300 ${!chunkVUHZVVMS_js.t("isTouchScreen")&&"pl-rounded-lg"} pl-animate-pulse dark:pl-bg-gray-700`,children:jsxRuntime.jsx("span",{className:"pl-sr-only",children:"Loading..."})}),f=h;var y=()=>{let{params:e}=chunkAN6JAJSI_js.A(({videoData:{params:u}})=>({params:u}),reactRedux.shallowEqual);return chunkK4YPVDEE_js.a(),jsxRuntime.jsxs("div",{id:"video-area",className:`pl-relative pl-rounded-[12px] pl-w-full pl-h-full pl-aspect-video !pl-overflow-hidden ${chunkVUHZVVMS_js.t("isTouchScreen")&&"!pl-rounded-none"} ${chunkVUHZVVMS_js.t("isFullScreen")&&"!pl-overflow-hidden pl-fixed pl-top-0 pl-right-0 !pl-w-screen !pl-h-screen !pl-rounded-none"}`,children:[e.vhl_status&&e.vhl_status!=="skeleton"&&jsxRuntime.jsxs("div",{className:"pl-flex pl-flex-col pl-justify-between pl-gap-2 pl-size-full",children:[e.banner&&jsxRuntime.jsxs("div",{className:"pl-w-full pl-aspect-video pl-absolute",children:[jsxRuntime.jsx(r__default.default,{src:e.banner,alt:"banner",fill:true,style:{objectFit:"cover"},className:"pl-w-full pl-aspect-video"}),jsxRuntime.jsx("div",{className:"pl-absolute pl-inset-0 pl-bg-black/50"})]}),jsxRuntime.jsx("div",{}),e.vhl_status==="download_start"&&jsxRuntime.jsx(jsxRuntime.Fragment,{children:jsxRuntime.jsxs("div",{className:"pl-relative pl-z-[1000000] pl-bg-Common-white-overlay-1 pl-w-full pl-max-w-[198px] tablet:!pl-max-w-[305px] desktop:!pl-max-w-[198px] pl-mx-auto pl-py-2 tablet:pl-py-[12.32px] desktop:pl-py-2 pl-rounded-[8px] pl-flex pl-flex-col pl-items-center pl-gap-2 tablet:pl-gap-[12.32px] desktop:pl-gap-2",children:[jsxRuntime.jsx("svg",{style:{height:0,position:"absolute"},children:jsxRuntime.jsx("defs",{children:jsxRuntime.jsxs("linearGradient",{id:"gradientColor",x1:"0",y1:"0",x2:"1",y2:"1",children:[jsxRuntime.jsx("stop",{offset:"0%",stopColor:"#FF649D"}),jsxRuntime.jsx("stop",{offset:"100%",stopColor:"#A50C4B"})]})})}),jsxRuntime.jsx(reactCircularProgressbar.CircularProgressbarWithChildren,{value:e.vhl_progress,className:"pl-size-[50px]",styles:reactCircularProgressbar.buildStyles({trailColor:"rgba(0, 0, 0, 0.1)",pathColor:"url(#gradientColor)"}),children:jsxRuntime.jsxs("p",{className:"pl-text-text-primary pl-text-[14px] pl-font-medium",children:["%",e.vhl_progress]})}),jsxRuntime.jsx("p",{className:"pl-text-text-primary pl-text-[10px] pl-font-normal",children:e.vhl_statusText})]})}),e.vhl_status==="download_error"&&jsxRuntime.jsxs("div",{className:"pl-relative pl-z-[1000000] pl-bg-Common-white-overlay-1 pl-w-full pl-max-w-[198px] pl-mx-auto pl-py-2 pl-rounded-[8px] pl-flex pl-flex-col pl-items-center pl-gap-2",children:[jsxRuntime.jsx(r__default.default,{alt:"info-circle-icon",src:chunkCOYFW7R4_js.a.infoCircle,width:32,height:32}),jsxRuntime.jsx("p",{className:"pl-text-[10px] pl-font-normal pl-text-text-primary",children:e.vhl_statusText}),jsxRuntime.jsxs("button",{className:"pl-flex pl-items-center pl-gap-2",onClick:()=>e.vhl_onRetry(),children:[jsxRuntime.jsx(r__default.default,{alt:"rotate-red-icon",src:chunkCOYFW7R4_js.a.rotateRed,width:14,height:14}),jsxRuntime.jsx("span",{className:"pl-text-primary pl-text-[10px] pl-font-normal",children:"\u062A\u0644\u0627\u0634 \u062F\u0648\u0628\u0627\u0631\u0647"})]})]}),jsxRuntime.jsxs("div",{className:`pl-flex ${chunkVUHZVVMS_js.t("isTouchScreenPortrait")?"pl-flex-col":`pl-flex-col-reverse pl-mb-3 ${chunkVUHZVVMS_js.t("isFullScreen")&&"pl-mb-8"}`} pl-gap-[14.58px]`,children:[jsxRuntime.jsxs("div",{className:`pl-flex pl-items-center pl-justify-between ${chunkVUHZVVMS_js.t("isFullScreen")?"pl-mx-8":"pl-mx-[14.58px]"}`,children:[jsxRuntime.jsx(chunkCG2KA4BX_js.c,{width:20,height:20}),jsxRuntime.jsxs("div",{className:"pl-flex pl-items-center pl-gap-[14.58px]",children:[e.vhl_duration&&jsxRuntime.jsxs("div",{className:"pl-text-Common-white pl-text-[10.93px] pl-font-normal pl-relative",children:[jsxRuntime.jsx("span",{children:chunkVUHZVVMS_js.ia(0)}),jsxRuntime.jsx("span",{children:"/"}),jsxRuntime.jsx("span",{children:chunkVUHZVVMS_js.ia(e.vhl_duration)})]}),jsxRuntime.jsx(chunkCG2KA4BX_js.b,{width:20,height:20})]})]}),jsxRuntime.jsx("div",{className:"pl-w-full pl-h-[3.64px] pl-bg-gray-highLight pl-animate-pulse"})]})]}),e.vhl_status==="skeleton"&&jsxRuntime.jsx(f,{})]})},M=y;module.exports=M;//# sourceMappingURL=VideoHighLighter-6MYR26HW.js.map
|
|
2
|
+
//# sourceMappingURL=VideoHighLighter-6MYR26HW.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/videoPlayerLibrary/components/videoPlayer/videoHighLighter/VideoHighLighter.tsx","../src/videoPlayerLibrary/components/custom-components/skeleton/Skeleton.tsx"],"names":["init_cjs_shims","Skeleton","jsx","conditions","Skeleton_default","VideoHighLighter","params","useAppSelector","shallowEqual","useFullScreen_default","jsxs","Image","Fragment","CircularProgressbarWithChildren","buildStyles","importImages_default","fullScreen_default","secondsToHMS","soundVolume_default","VideoHighLighter_default"],"mappings":"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","file":"VideoHighLighter-SIOPEIR2.js","sourcesContent":["import { shallowEqual } from \"react-redux\";\r\nimport { useAppSelector } from \"../../../helpers/redux/hooks\";\r\nimport Skeleton from \"../../custom-components/skeleton/Skeleton\";\r\nimport FullScreen from \"../../custom-components/fullScreen/fullScreen\";\r\nimport SoundVolume from \"../../custom-components/soundVolume/soundVolume\";\r\nimport { secondsToHMS } from \"../../../helpers/helpers\";\r\nimport { conditions } from \"../../../helpers/conditions/conditions\";\r\nimport { ConditionName } from \"../../../helpers/interfaces/enums\";\r\nimport { buildStyles, CircularProgressbarWithChildren } from \"react-circular-progressbar\";\r\nimport IMAGES from \"../../../images/importImages\";\r\nimport Image from \"next/image\";\r\nimport useFullScreen from \"../../../helpers/hooks/useFullScreen\";\r\n\r\nconst VideoHighLighter = () => {\r\n const { params } = useAppSelector(({ videoData: { params } }) => ({ params }), shallowEqual);\r\n useFullScreen();\r\n\r\n return (\r\n <div\r\n id=\"video-area\"\r\n className={`pl-relative pl-rounded-[12px] pl-w-full pl-h-full pl-aspect-video !pl-overflow-hidden ${\r\n conditions(ConditionName.isTouchScreen) && \"!pl-rounded-none\"\r\n } ${conditions(ConditionName.isFullScreen) && \"!pl-overflow-hidden pl-fixed pl-top-0 pl-right-0 !pl-w-screen !pl-h-screen !pl-rounded-none\"}`}\r\n >\r\n {params.vhl_status && params.vhl_status !== \"skeleton\" && (\r\n <div className=\"pl-flex pl-flex-col pl-justify-between pl-gap-2 pl-size-full\">\r\n {params.banner && (\r\n <div className=\"pl-w-full pl-aspect-video pl-absolute\">\r\n <Image src={params.banner} alt=\"banner\" fill style={{ objectFit: \"cover\" }} className=\"pl-w-full pl-aspect-video\" />\r\n <div className=\"pl-absolute pl-inset-0 pl-bg-black/50\" />\r\n </div>\r\n )}\r\n <div />\r\n {params.vhl_status === \"download_start\" && (\r\n <>\r\n <div className=\"pl-relative pl-z-[1000000] pl-bg-Common-white-overlay-1 pl-w-full pl-max-w-[198px] tablet:!pl-max-w-[305px] desktop:!pl-max-w-[198px] pl-mx-auto pl-py-2 tablet:pl-py-[12.32px] desktop:pl-py-2 pl-rounded-[8px] pl-flex pl-flex-col pl-items-center pl-gap-2 tablet:pl-gap-[12.32px] desktop:pl-gap-2\">\r\n <svg style={{ height: 0, position: \"absolute\" }}>\r\n <defs>\r\n <linearGradient id=\"gradientColor\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\r\n <stop offset=\"0%\" stopColor=\"#FF649D\" />\r\n <stop offset=\"100%\" stopColor=\"#A50C4B\" />\r\n </linearGradient>\r\n </defs>\r\n </svg>\r\n <CircularProgressbarWithChildren\r\n value={params.vhl_progress!}\r\n className=\"pl-size-[50px]\"\r\n styles={buildStyles({\r\n trailColor: \"rgba(0, 0, 0, 0.1)\",\r\n pathColor: \"url(#gradientColor)\",\r\n })}\r\n >\r\n <p className=\"pl-text-text-primary pl-text-[14px] pl-font-medium\">%{params.vhl_progress}</p>\r\n </CircularProgressbarWithChildren>\r\n <p className=\"pl-text-text-primary pl-text-[10px] pl-font-normal\">{params.vhl_statusText}</p>\r\n </div>\r\n </>\r\n )}\r\n {params.vhl_status === \"download_error\" && (\r\n <div className=\"pl-relative pl-z-[1000000] pl-bg-Common-white-overlay-1 pl-w-full pl-max-w-[198px] pl-mx-auto pl-py-2 pl-rounded-[8px] pl-flex pl-flex-col pl-items-center pl-gap-2\">\r\n <Image alt=\"info-circle-icon\" src={IMAGES.infoCircle} width={32} height={32} />\r\n <p className=\"pl-text-[10px] pl-font-normal pl-text-text-primary\">{params.vhl_statusText}</p>\r\n <button className=\"pl-flex pl-items-center pl-gap-2\" onClick={() => params.vhl_onRetry!()}>\r\n <Image alt=\"rotate-red-icon\" src={IMAGES.rotateRed} width={14} height={14} />\r\n <span className=\"pl-text-primary pl-text-[10px] pl-font-normal\">تلاش دوباره</span>\r\n </button>\r\n </div>\r\n )}\r\n <div\r\n className={`pl-flex ${\r\n !conditions(ConditionName.isTouchScreenPortrait)\r\n ? `pl-flex-col-reverse pl-mb-3 ${conditions(ConditionName.isFullScreen) && \"pl-mb-8\"}`\r\n : \"pl-flex-col\"\r\n } pl-gap-[14.58px]`}\r\n >\r\n <div className={`pl-flex pl-items-center pl-justify-between ${conditions(ConditionName.isFullScreen) ? \"pl-mx-8\" : \"pl-mx-[14.58px]\"}`}>\r\n <FullScreen width={20} height={20} />\r\n <div className={`pl-flex pl-items-center pl-gap-[14.58px]`}>\r\n {params.vhl_duration && (\r\n <div className=\"pl-text-Common-white pl-text-[10.93px] pl-font-normal pl-relative\">\r\n <span>{secondsToHMS(0)}</span>\r\n <span>/</span>\r\n <span>{secondsToHMS(params.vhl_duration)}</span>\r\n </div>\r\n )}\r\n <SoundVolume width={20} height={20} />\r\n </div>\r\n </div>\r\n <div className=\"pl-w-full pl-h-[3.64px] pl-bg-gray-highLight pl-animate-pulse\" />\r\n </div>\r\n </div>\r\n )}\r\n {params.vhl_status === \"skeleton\" && <Skeleton />}\r\n </div>\r\n );\r\n};\r\n\r\nexport default VideoHighLighter;\r\n","import { conditions } from \"../../../helpers/conditions/conditions\";\nimport { ConditionName } from \"../../../helpers/interfaces/enums\";\n\nconst Skeleton = () => {\n return (\n <div\n role=\"status\"\n className={`pl-size-full pl-flex pl-items-center pl-justify-center pl-bg-gray-300 ${\n !conditions(ConditionName.isTouchScreen) && \"pl-rounded-lg\"\n } pl-animate-pulse dark:pl-bg-gray-700`}\n >\n <span className=\"pl-sr-only\">Loading...</span>\n </div>\n );\n};\n\nexport default Skeleton;\n"]}
|
|
1
|
+
{"version":3,"sources":["../src/videoPlayerLibrary/components/videoPlayer/videoHighLighter/VideoHighLighter.tsx","../src/videoPlayerLibrary/components/custom-components/skeleton/Skeleton.tsx"],"names":["init_cjs_shims","Skeleton","jsx","conditions","Skeleton_default","VideoHighLighter","params","useAppSelector","shallowEqual","useFullScreen_default","jsxs","Image","Fragment","CircularProgressbarWithChildren","buildStyles","importImages_default","fullScreen_default","secondsToHMS","soundVolume_default","VideoHighLighter_default"],"mappings":"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","file":"VideoHighLighter-6MYR26HW.js","sourcesContent":["import { shallowEqual } from \"react-redux\";\r\nimport { useAppSelector } from \"../../../helpers/redux/hooks\";\r\nimport Skeleton from \"../../custom-components/skeleton/Skeleton\";\r\nimport FullScreen from \"../../custom-components/fullScreen/fullScreen\";\r\nimport SoundVolume from \"../../custom-components/soundVolume/soundVolume\";\r\nimport { secondsToHMS } from \"../../../helpers/helpers\";\r\nimport { conditions } from \"../../../helpers/conditions/conditions\";\r\nimport { ConditionName } from \"../../../helpers/interfaces/enums\";\r\nimport { buildStyles, CircularProgressbarWithChildren } from \"react-circular-progressbar\";\r\nimport IMAGES from \"../../../images/importImages\";\r\nimport Image from \"next/image\";\r\nimport useFullScreen from \"../../../helpers/hooks/useFullScreen\";\r\n\r\nconst VideoHighLighter = () => {\r\n const { params } = useAppSelector(({ videoData: { params } }) => ({ params }), shallowEqual);\r\n useFullScreen();\r\n\r\n return (\r\n <div\r\n id=\"video-area\"\r\n className={`pl-relative pl-rounded-[12px] pl-w-full pl-h-full pl-aspect-video !pl-overflow-hidden ${\r\n conditions(ConditionName.isTouchScreen) && \"!pl-rounded-none\"\r\n } ${conditions(ConditionName.isFullScreen) && \"!pl-overflow-hidden pl-fixed pl-top-0 pl-right-0 !pl-w-screen !pl-h-screen !pl-rounded-none\"}`}\r\n >\r\n {params.vhl_status && params.vhl_status !== \"skeleton\" && (\r\n <div className=\"pl-flex pl-flex-col pl-justify-between pl-gap-2 pl-size-full\">\r\n {params.banner && (\r\n <div className=\"pl-w-full pl-aspect-video pl-absolute\">\r\n <Image src={params.banner} alt=\"banner\" fill style={{ objectFit: \"cover\" }} className=\"pl-w-full pl-aspect-video\" />\r\n <div className=\"pl-absolute pl-inset-0 pl-bg-black/50\" />\r\n </div>\r\n )}\r\n <div />\r\n {params.vhl_status === \"download_start\" && (\r\n <>\r\n <div className=\"pl-relative pl-z-[1000000] pl-bg-Common-white-overlay-1 pl-w-full pl-max-w-[198px] tablet:!pl-max-w-[305px] desktop:!pl-max-w-[198px] pl-mx-auto pl-py-2 tablet:pl-py-[12.32px] desktop:pl-py-2 pl-rounded-[8px] pl-flex pl-flex-col pl-items-center pl-gap-2 tablet:pl-gap-[12.32px] desktop:pl-gap-2\">\r\n <svg style={{ height: 0, position: \"absolute\" }}>\r\n <defs>\r\n <linearGradient id=\"gradientColor\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\r\n <stop offset=\"0%\" stopColor=\"#FF649D\" />\r\n <stop offset=\"100%\" stopColor=\"#A50C4B\" />\r\n </linearGradient>\r\n </defs>\r\n </svg>\r\n <CircularProgressbarWithChildren\r\n value={params.vhl_progress!}\r\n className=\"pl-size-[50px]\"\r\n styles={buildStyles({\r\n trailColor: \"rgba(0, 0, 0, 0.1)\",\r\n pathColor: \"url(#gradientColor)\",\r\n })}\r\n >\r\n <p className=\"pl-text-text-primary pl-text-[14px] pl-font-medium\">%{params.vhl_progress}</p>\r\n </CircularProgressbarWithChildren>\r\n <p className=\"pl-text-text-primary pl-text-[10px] pl-font-normal\">{params.vhl_statusText}</p>\r\n </div>\r\n </>\r\n )}\r\n {params.vhl_status === \"download_error\" && (\r\n <div className=\"pl-relative pl-z-[1000000] pl-bg-Common-white-overlay-1 pl-w-full pl-max-w-[198px] pl-mx-auto pl-py-2 pl-rounded-[8px] pl-flex pl-flex-col pl-items-center pl-gap-2\">\r\n <Image alt=\"info-circle-icon\" src={IMAGES.infoCircle} width={32} height={32} />\r\n <p className=\"pl-text-[10px] pl-font-normal pl-text-text-primary\">{params.vhl_statusText}</p>\r\n <button className=\"pl-flex pl-items-center pl-gap-2\" onClick={() => params.vhl_onRetry!()}>\r\n <Image alt=\"rotate-red-icon\" src={IMAGES.rotateRed} width={14} height={14} />\r\n <span className=\"pl-text-primary pl-text-[10px] pl-font-normal\">تلاش دوباره</span>\r\n </button>\r\n </div>\r\n )}\r\n <div\r\n className={`pl-flex ${\r\n !conditions(ConditionName.isTouchScreenPortrait)\r\n ? `pl-flex-col-reverse pl-mb-3 ${conditions(ConditionName.isFullScreen) && \"pl-mb-8\"}`\r\n : \"pl-flex-col\"\r\n } pl-gap-[14.58px]`}\r\n >\r\n <div className={`pl-flex pl-items-center pl-justify-between ${conditions(ConditionName.isFullScreen) ? \"pl-mx-8\" : \"pl-mx-[14.58px]\"}`}>\r\n <FullScreen width={20} height={20} />\r\n <div className={`pl-flex pl-items-center pl-gap-[14.58px]`}>\r\n {params.vhl_duration && (\r\n <div className=\"pl-text-Common-white pl-text-[10.93px] pl-font-normal pl-relative\">\r\n <span>{secondsToHMS(0)}</span>\r\n <span>/</span>\r\n <span>{secondsToHMS(params.vhl_duration)}</span>\r\n </div>\r\n )}\r\n <SoundVolume width={20} height={20} />\r\n </div>\r\n </div>\r\n <div className=\"pl-w-full pl-h-[3.64px] pl-bg-gray-highLight pl-animate-pulse\" />\r\n </div>\r\n </div>\r\n )}\r\n {params.vhl_status === \"skeleton\" && <Skeleton />}\r\n </div>\r\n );\r\n};\r\n\r\nexport default VideoHighLighter;\r\n","import { conditions } from \"../../../helpers/conditions/conditions\";\nimport { ConditionName } from \"../../../helpers/interfaces/enums\";\n\nconst Skeleton = () => {\n return (\n <div\n role=\"status\"\n className={`pl-size-full pl-flex pl-items-center pl-justify-center pl-bg-gray-300 ${\n !conditions(ConditionName.isTouchScreen) && \"pl-rounded-lg\"\n } pl-animate-pulse dark:pl-bg-gray-700`}\n >\n <span className=\"pl-sr-only\">Loading...</span>\n </div>\n );\n};\n\nexport default Skeleton;\n"]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import {a as a$1}from'./chunk-
|
|
2
|
-
//# sourceMappingURL=chunk-
|
|
1
|
+
import {a as a$1}from'./chunk-QXTVEBKD.mjs';import {a}from'./chunk-XKRBXZUB.mjs';import {fa,ea,t,V as V$1}from'./chunk-NLCBOGTI.mjs';import {e,A}from'./chunk-4QMWBTB5.mjs';import M from'next/image';import {jsxs,jsx}from'react/jsx-runtime';import {shallowEqual}from'react-redux';import {useRef,useState}from'react';e();var C=({className:s})=>jsxs("div",{className:ea(`pl-cursor-default pl-flex pl-items-center pl-bg-white pl-rounded-[4px] ${s}`,{desktop:"pl-gap-2 pl-absolute pl-z-10 pl-h-9 pl-px-2 pl-top-[28px] pl-right-[18px] ",desktopFullScreen:"pl-h-12 pl-px-3 pl-top-[46px] pl-right-[29px]",touch:"pl-gap-1.5 pl-h-6 pl-px-2",touchFullScreen:"pl-gap-2 pl-h-[36px] pl-px-2"}),children:[jsx(M,{alt:"mute",width:fa({desktop:24,desktopFullScreen:32,touch:16,touchFullScreen:24}),height:fa({desktop:24,desktopFullScreen:32,touch:16,touchFullScreen:24}),src:a.mute2,className:"pl-cursor-pointer"}),jsx("p",{className:ea("pl-font-medium pl-whitespace-nowrap pl-text-black",{desktopFullScreen:"pl-text-[14px]",desktop:"pl-text-[12px]",touch:"pl-text-[10px]",touchFullScreen:"pl-text-[12px]"}),children:"\u0628\u0631\u0627\u06CC \u067E\u062E\u0634 \u0635\u062F\u0627 \u0631\u0648\u06CC \u0648\u06CC\u062F\u06CC\u0648 \u0628\u0632\u0646\u06CC\u062F"})]}),V=C;e();var E=()=>jsx("div",{className:"pl-absolute pl-inset-0 pl-rounded-[12px] pl-flex pl-items-center pl-justify-center pl-size-full pl-overflow-hidden",children:jsx("div",{className:ea("loader-spinner",{desktop:"loader-spinner-desktop",desktopFullScreen:"loader-spinner-fullscreen",touch:"loader-spinner-touch",touchFullScreen:"loader-spinner-touchFullscreen"})})}),j=E;e();var I=({width:s,height:v,disableTooltip:n,disableScale:P,className:F,inverse:w,normalStyle:r})=>{let{firstMute:R}=A(({controller:{play:e,firstMute:a}})=>({play:e,firstMute:a}),shallowEqual);A(({videoData:{videoElementSizeInfo:e,params:a}})=>({videoElementSizeInfo:e,params:a}),shallowEqual);let y=useRef(w),[N,m]=useState(false),i=y.current?!t("isPlay"):t("isPlay");return jsxs("div",{onClick:e=>{e.stopPropagation(),V$1(e);},onDoubleClick:e=>e.stopPropagation(),onMouseOver:n?void 0:()=>!t("isTouchScreen")&&m(true),onMouseLeave:n?void 0:()=>!t("isTouchScreen")&&m(false),onContextMenu:e=>e.preventDefault(),className:ea(`pl-relative pl-flex pl-items-center pl-justify-center pl-cursor-pointer ${r?"":"pl-bg-black/75 pl-rounded-full pl-group"} ${F}`,r?void 0:{desktop:"pl-size-[34px]",desktopFullScreen:"pl-size-[48px]"}),children:[jsx("div",{className:ea(`pl-flex pl-items-center pl-justify-center pl-transition-all ${r?"":"pl-rounded-full group-hover:pl-bg-[#5E5E5E]"}`,r?void 0:{desktop:"pl-size-[26px]",desktopFullScreen:"pl-size-[36px]"}),children:jsx(M,{alt:"",src:i?a.bigPause:a.bigPlay,width:s,height:v,className:`pl-transition-transform pl-ease-in-out ${i?"pl-big-play-icon":"pl-big-pause-icon"} ${!t("isTouchScreen")&&!P&&"hover:pl-"}`})}),N&&!n&&jsx(a$1,{className:"pl-left-0",title:i?"\u067E\u062E\u0634 (K)":"\u062A\u0648\u0642\u0641 (K)"})]})},ie=I;export{j as a,ie as b,V as c};//# sourceMappingURL=chunk-B4IVZEZN.mjs.map
|
|
2
|
+
//# sourceMappingURL=chunk-B4IVZEZN.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/videoPlayerLibrary/components/custom-components/soundVolumeAlert/SoundVolumeAlert.tsx","../src/videoPlayerLibrary/components/custom-components/loader/loader.tsx","../src/videoPlayerLibrary/components/custom-components/playPause/playPause.tsx"],"names":["init_esm_shims","SoundVolumeAlert","className","jsxs","tw","jsx","Image","styleMerge","importImages_default","SoundVolumeAlert_default","Loader","loader_default","PlayPause","width","height","disableTooltip","disableScale","inverse","normalStyle","firstMute","useAppSelector","play","shallowEqual","videoElementSizeInfo","params","inverseRef","useRef","showTooltip","setShowTooltip","useState","isPlay","conditions","event","handlePlayPause","controllbarTooltip_default","playPause_default"],"mappings":"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","file":"chunk-
|
|
1
|
+
{"version":3,"sources":["../src/videoPlayerLibrary/components/custom-components/soundVolumeAlert/SoundVolumeAlert.tsx","../src/videoPlayerLibrary/components/custom-components/loader/loader.tsx","../src/videoPlayerLibrary/components/custom-components/playPause/playPause.tsx"],"names":["init_esm_shims","SoundVolumeAlert","className","jsxs","tw","jsx","Image","styleMerge","importImages_default","SoundVolumeAlert_default","Loader","loader_default","PlayPause","width","height","disableTooltip","disableScale","inverse","normalStyle","firstMute","useAppSelector","play","shallowEqual","videoElementSizeInfo","params","inverseRef","useRef","showTooltip","setShowTooltip","useState","isPlay","conditions","event","handlePlayPause","controllbarTooltip_default","playPause_default"],"mappings":"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","file":"chunk-B4IVZEZN.mjs","sourcesContent":["import Image from \"next/image\";\r\nimport IMAGES from \"../../../images/importImages\";\r\nimport { styleMerge, tw } from \"../../../helpers/helpers\";\r\n\r\nconst SoundVolumeAlert = ({ className }: { className?: string }) => {\r\n return (\r\n <div\r\n className={tw(`pl-cursor-default pl-flex pl-items-center pl-bg-white pl-rounded-[4px] ${className}`, {\r\n desktop: \"pl-gap-2 pl-absolute pl-z-10 pl-h-9 pl-px-2 pl-top-[28px] pl-right-[18px] \",\r\n desktopFullScreen: \"pl-h-12 pl-px-3 pl-top-[46px] pl-right-[29px]\",\r\n touch: \"pl-gap-1.5 pl-h-6 pl-px-2\",\r\n touchFullScreen: \"pl-gap-2 pl-h-[36px] pl-px-2\",\r\n })}\r\n >\r\n <Image\r\n alt=\"mute\"\r\n width={styleMerge({ desktop: 24, desktopFullScreen: 32, touch: 16, touchFullScreen: 24 })}\r\n height={styleMerge({ desktop: 24, desktopFullScreen: 32, touch: 16, touchFullScreen: 24 })}\r\n src={IMAGES.mute2}\r\n className={\"pl-cursor-pointer\"}\r\n />\r\n <p\r\n className={tw(\"pl-font-medium pl-whitespace-nowrap pl-text-black\", {\r\n desktopFullScreen: \"pl-text-[14px]\",\r\n desktop: \"pl-text-[12px]\",\r\n touch: \"pl-text-[10px]\",\r\n touchFullScreen: \"pl-text-[12px]\",\r\n })}\r\n >\r\n برای پخش صدا روی ویدیو بزنید\r\n </p>\r\n </div>\r\n );\r\n};\r\n\r\nexport default SoundVolumeAlert;\r\n","import { tw } from \"../../../helpers/helpers\";\n\nconst Loader = () => {\n return (\n <div className={`pl-absolute pl-inset-0 pl-rounded-[12px] pl-flex pl-items-center pl-justify-center pl-size-full pl-overflow-hidden`}>\n <div\n className={tw(\"loader-spinner\", {\n desktop: \"loader-spinner-desktop\",\n desktopFullScreen: \"loader-spinner-fullscreen\",\n touch: \"loader-spinner-touch\",\n touchFullScreen: \"loader-spinner-touchFullscreen\",\n })}\n ></div>\n </div>\n );\n};\n\nexport default Loader;\n","import { shallowEqual } from \"react-redux\";\r\nimport { useAppSelector } from \"../../../helpers/redux/hooks\";\r\nimport { conditions } from \"../../../helpers/conditions/conditions\";\r\nimport { ConditionName } from \"../../../helpers/interfaces/enums\";\r\nimport IMAGES from \"../../../images/importImages\";\r\nimport { firstUnMuteHandler, handleChangeSoundVolume, handlePlayPause } from \"../../../helpers/redux/actions/controller.actions\";\r\nimport Image from \"next/image\";\r\nimport ControllbarTooltip from \"../footer/controllbar/controllbarTooltip\";\r\nimport { useRef, useState } from \"react\";\r\nimport { tw } from \"../../../helpers/helpers\";\r\n\r\ninterface PlayPauseProps {\r\n width?: number;\r\n height?: number;\r\n disableTooltip?: boolean;\r\n disableScale?: boolean;\r\n className?: string;\r\n normalStyle?: boolean;\r\n inverse?: boolean;\r\n}\r\n\r\nconst PlayPause: React.FC<PlayPauseProps> = ({ width, height, disableTooltip, disableScale, className, inverse, normalStyle }) => {\r\n const { firstMute } = useAppSelector(({ controller: { play, firstMute } }) => ({ play, firstMute }), shallowEqual);\r\n useAppSelector(({ videoData: { videoElementSizeInfo, params } }) => ({ videoElementSizeInfo, params }), shallowEqual);\r\n\r\n const inverseRef = useRef(inverse);\r\n\r\n const [showTooltip, setShowTooltip] = useState<boolean>(false);\r\n\r\n const isPlay = inverseRef.current ? !conditions(ConditionName.isPlay) : conditions(ConditionName.isPlay);\r\n\r\n return (\r\n <div\r\n onClick={(event) => {\r\n event.stopPropagation();\r\n // if (firstMute) {\r\n // handleChangeSoundVolume(50);\r\n // firstUnMuteHandler();\r\n // } else\r\n handlePlayPause(event);\r\n }}\r\n onDoubleClick={(event: any) => event.stopPropagation()}\r\n onMouseOver={disableTooltip ? undefined : () => !conditions(ConditionName.isTouchScreen) && setShowTooltip(true)}\r\n onMouseLeave={disableTooltip ? undefined : () => !conditions(ConditionName.isTouchScreen) && setShowTooltip(false)}\r\n onContextMenu={(event) => event.preventDefault()}\r\n className={tw(\r\n `pl-relative pl-flex pl-items-center pl-justify-center pl-cursor-pointer ${\r\n normalStyle ? \"\" : \"pl-bg-black/75 pl-rounded-full pl-group\"\r\n } ${className}`,\r\n normalStyle ? undefined : { desktop: \"pl-size-[34px]\", desktopFullScreen: \"pl-size-[48px]\" },\r\n )}\r\n >\r\n <div\r\n className={tw(\r\n `pl-flex pl-items-center pl-justify-center pl-transition-all ${normalStyle ? \"\" : \"pl-rounded-full group-hover:pl-bg-[#5E5E5E]\"}`,\r\n normalStyle\r\n ? undefined\r\n : {\r\n desktop: \"pl-size-[26px]\",\r\n desktopFullScreen: \"pl-size-[36px]\",\r\n },\r\n )}\r\n >\r\n <Image\r\n alt=\"\"\r\n src={isPlay ? IMAGES.bigPause : IMAGES.bigPlay}\r\n width={width}\r\n height={height}\r\n className={`pl-transition-transform pl-ease-in-out ${isPlay ? \"pl-big-play-icon\" : \"pl-big-pause-icon\"} ${\r\n !conditions(ConditionName.isTouchScreen) && !disableScale && \"hover:pl-\"\r\n }`}\r\n />\r\n </div>\r\n\r\n {showTooltip && !disableTooltip && <ControllbarTooltip className=\"pl-left-0\" title={isPlay ? \"پخش (K)\" : \"توقف (K)\"} />}\r\n </div>\r\n );\r\n};\r\n\r\nexport default PlayPause;\r\n"]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
'use strict';var chunkCOYFW7R4_js=require('./chunk-COYFW7R4.js'),chunkVUHZVVMS_js=require('./chunk-VUHZVVMS.js'),chunkAN6JAJSI_js=require('./chunk-AN6JAJSI.js'),react=require('react'),reactRedux=require('react-redux'),jsxRuntime=require('react/jsx-runtime'),V=require('next/image');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var V__default=/*#__PURE__*/_interopDefault(V);chunkAN6JAJSI_js.e();chunkAN6JAJSI_js.e();var I=({title:n,className:i})=>jsxRuntime.jsx("span",{className:`pl-absolute pl-w-max pl-bg-black/75 pl-text-white pl-rounded-[8px] pl-leading-[18px] pl-flex pl-items-center pl-justify-center pl-font-normal ${chunkVUHZVVMS_js.t("isFullScreen")?"pl-bottom-[150%] pl-h-[34px] pl-px-[9.5px] pl-text-[15px]":"pl-h-6 pl-bottom-[130%] pl-px-[9px] pl-text-[12px]"} ${i}`,children:n}),h=I;var O=({width:n,height:i})=>{let[g,u]=react.useState(false),m=chunkAN6JAJSI_js.z(),{settings:l}=chunkAN6JAJSI_js.A(({user:{settings:o}})=>({settings:o}),reactRedux.shallowEqual),s=react.useRef(l.volume),y=()=>{if(s.current!==l.volume){let{settings:o}=chunkVUHZVVMS_js.Aa.getState().user;chunkVUHZVVMS_js.w(chunkVUHZVVMS_js.H(s.current,o.volume)),s.current=o.volume,m(chunkVUHZVVMS_js.ya({...o,volume:o.volume}));}},v=o=>{let{settings:b}=chunkVUHZVVMS_js.Aa.getState().user;o==="mute"?(chunkVUHZVVMS_js.Y(0),chunkVUHZVVMS_js.w(chunkVUHZVVMS_js.H(b.volume,0))):(chunkVUHZVVMS_js.w(chunkVUHZVVMS_js.H(b.volume,100)),chunkVUHZVVMS_js.Y(100));};return jsxRuntime.jsxs("div",{onMouseOver:()=>!chunkVUHZVVMS_js.t("isTouchScreen")&&u(true),onMouseLeave:()=>!chunkVUHZVVMS_js.t("isTouchScreen")&&u(false),id:chunkVUHZVVMS_js.t("hasSound")?"mute":"unmute",className:chunkVUHZVVMS_js.ea("pl-relative pl-rounded-full pl-inline-flex pl-items-center pl-justify-center pl-group pl-bg-black/75 pl-sound-icon",{desktop:"pl-min-w-[34px] pl-h-[34px] pl-p-1",desktopFullScreen:"pl-min-w-[48px] pl-h-[48px] pl-p-0 pl-px-1.5"}),children:[jsxRuntime.jsxs("div",{className:chunkVUHZVVMS_js.ea("pl-flex pl-items-center pl-justify-center pl-rounded-full group-hover:pl-bg-[#5E5E5E] pl-transition-all",{desktop:"pl-h-[26px] pl-min-w-[26px] group-hover
|
|
2
|
-
//# sourceMappingURL=chunk-
|
|
1
|
+
'use strict';var chunkCOYFW7R4_js=require('./chunk-COYFW7R4.js'),chunkVUHZVVMS_js=require('./chunk-VUHZVVMS.js'),chunkAN6JAJSI_js=require('./chunk-AN6JAJSI.js'),react=require('react'),reactRedux=require('react-redux'),jsxRuntime=require('react/jsx-runtime'),V=require('next/image');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var V__default=/*#__PURE__*/_interopDefault(V);chunkAN6JAJSI_js.e();chunkAN6JAJSI_js.e();var I=({title:n,className:i})=>jsxRuntime.jsx("span",{className:`pl-absolute pl-w-max pl-bg-black/75 pl-text-white pl-rounded-[8px] pl-leading-[18px] pl-flex pl-items-center pl-justify-center pl-font-normal ${chunkVUHZVVMS_js.t("isFullScreen")?"pl-bottom-[150%] pl-h-[34px] pl-px-[9.5px] pl-text-[15px]":"pl-h-6 pl-bottom-[130%] pl-px-[9px] pl-text-[12px]"} ${i}`,children:n}),h=I;var O=({width:n,height:i})=>{let[g,u]=react.useState(false),m=chunkAN6JAJSI_js.z(),{settings:l}=chunkAN6JAJSI_js.A(({user:{settings:o}})=>({settings:o}),reactRedux.shallowEqual),s=react.useRef(l.volume),y=()=>{if(s.current!==l.volume){let{settings:o}=chunkVUHZVVMS_js.Aa.getState().user;chunkVUHZVVMS_js.w(chunkVUHZVVMS_js.H(s.current,o.volume)),s.current=o.volume,m(chunkVUHZVVMS_js.ya({...o,volume:o.volume}));}},v=o=>{let{settings:b}=chunkVUHZVVMS_js.Aa.getState().user;o==="mute"?(chunkVUHZVVMS_js.Y(0),chunkVUHZVVMS_js.w(chunkVUHZVVMS_js.H(b.volume,0))):(chunkVUHZVVMS_js.w(chunkVUHZVVMS_js.H(b.volume,100)),chunkVUHZVVMS_js.Y(100));};return jsxRuntime.jsxs("div",{onMouseOver:()=>!chunkVUHZVVMS_js.t("isTouchScreen")&&u(true),onMouseLeave:()=>!chunkVUHZVVMS_js.t("isTouchScreen")&&u(false),id:chunkVUHZVVMS_js.t("hasSound")?"mute":"unmute",className:chunkVUHZVVMS_js.ea("pl-relative pl-rounded-full pl-inline-flex pl-items-center pl-justify-center pl-group pl-bg-black/75 pl-sound-icon",{desktop:"pl-min-w-[34px] pl-h-[34px] pl-p-1",desktopFullScreen:"pl-min-w-[48px] pl-h-[48px] pl-p-0 pl-px-1.5"}),children:[jsxRuntime.jsxs("div",{className:chunkVUHZVVMS_js.ea("pl-flex pl-items-center pl-justify-center pl-rounded-full group-hover:pl-bg-[#5E5E5E] pl-transition-all",{desktop:"pl-h-[26px] pl-min-w-[26px] group-hover:!pl-ps-1 pl-gap-1",desktopFullScreen:"pl-h-[36px] pl-min-w-[36px] group-hover:!pl-ps-1.5 pl-gap-1.5"}),children:[!chunkVUHZVVMS_js.t("isTouchScreen")&&jsxRuntime.jsx("input",{onMouseUp:y,type:"range",min:"0",max:"100",value:l.volume,onChange:o=>chunkVUHZVVMS_js.Y(+o.target.value),className:`pl-soundVolume ${chunkVUHZVVMS_js.t("isFullScreen")&&"pl-soundVolume-fullscreen"} pl-cursor-pointer rounded-full`,style:{background:`linear-gradient(to right, white ${l.volume}%, rgba(255,255,255,0.3) 0)`}}),jsxRuntime.jsx("div",{onClick:()=>chunkVUHZVVMS_js.t("hasSound")?v("mute"):v("unmute"),onDoubleClick:o=>o.stopPropagation(),style:{paddingInlineEnd:5},className:chunkVUHZVVMS_js.ea("pl-relative pl-flex pl-items-center pl-shrink-0",{desktop:"",desktopFullScreen:""}),children:jsxRuntime.jsx(V__default.default,{src:chunkVUHZVVMS_js.t("hasSound")?l.volume>=50?chunkCOYFW7R4_js.a.unMute:chunkCOYFW7R4_js.a.lowSound:chunkCOYFW7R4_js.a.mute,alt:chunkVUHZVVMS_js.t("hasSound")?"unmute-icon":"mute-icon",className:"pl-flex pl-items-center pl-cursor-pointer",width:n,height:i})})]}),g&&jsxRuntime.jsx(h,{className:"pl-left-0",title:chunkVUHZVVMS_js.t("hasSound")?"\u0635\u062F\u0627 (M)":"\u0628\u06CC\u200C\u0635\u062F\u0627 (M)"})]})},ie=O;chunkAN6JAJSI_js.e();var G=({width:n,height:i,className:g})=>{chunkAN6JAJSI_js.A(({controller:{firstPlay:l,isFullScreen:s}})=>({firstPlay:l,isFullScreen:s}),reactRedux.shallowEqual);let[u,m]=react.useState(false);return jsxRuntime.jsxs("div",{onDoubleClick:l=>l.preventDefault(),onMouseOver:()=>!chunkVUHZVVMS_js.t("isTouchScreen")&&m(true),onMouseLeave:()=>!chunkVUHZVVMS_js.t("isTouchScreen")&&m(false),onClick:()=>{chunkVUHZVVMS_js._(),chunkVUHZVVMS_js.$();},id:chunkVUHZVVMS_js.t("isFullScreen")?"exit-full-s":"full-s",className:chunkVUHZVVMS_js.ea(`pl-relative pl-cursor-pointer pl-flex pl-items-center pl-justify-center pl-rounded-full pl-transition-all ${g}`,{desktop:"pl-w-[40px] pl-h-[25px] hover:pl-bg-[#5E5E5E]",desktopFullScreen:"pl-w-[56px] pl-h-[36px]",touch:"pl-w-[32px] pl-h-[22px]",touchFullScreen:"pl-w-[48px] pl-h-[32px]"}),children:[jsxRuntime.jsx(V__default.default,{src:chunkVUHZVVMS_js.t("isFullScreen")?chunkCOYFW7R4_js.a.nonFullScreen:chunkCOYFW7R4_js.a.fullScreen,alt:"fullScreen-icon",width:n,height:i}),u&&jsxRuntime.jsx(h,{className:"pl-right-5",title:`${chunkVUHZVVMS_js.t("isFullScreen")?"\u062E\u0631\u0648\u062C \u0627\u0632":""} \u062A\u0645\u0627\u0645 \u0635\u0641\u062D\u0647 (F)`})]})},Fe=G;exports.a=h;exports.b=ie;exports.c=Fe;//# sourceMappingURL=chunk-CG2KA4BX.js.map
|
|
2
|
+
//# sourceMappingURL=chunk-CG2KA4BX.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/videoPlayerLibrary/components/custom-components/soundVolume/soundVolume.tsx","../src/videoPlayerLibrary/components/custom-components/footer/controllbar/controllbarTooltip.tsx","../src/videoPlayerLibrary/components/custom-components/fullScreen/fullScreen.tsx"],"names":["init_cjs_shims","ControllbarTooltip","title","className","jsx","conditions","controllbarTooltip_default","SoundVolume","width","height","showTooltip","setShowTooltip","useState","dispatch","useAppDispatch","settings","useAppSelector","shallowEqual","primaryVolumeRef","useRef","handleMouseUp","store_default","sendFluentLog","volumeLog","setUserSettings","handleMute","type","handleChangeSoundVolume","jsxs","tw","event","Image","importImages_default","soundVolume_default","FullScreen","firstPlay","isFullScreen","e","handleFullScreen","handleLockOrientation","fullScreen_default"],"mappings":"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","file":"chunk-7FHLAPSR.js","sourcesContent":["import { useRef, useState } from \"react\";\r\nimport { shallowEqual } from \"react-redux\";\r\nimport ControllbarTooltip from \"../footer/controllbar/controllbarTooltip\";\r\nimport Image from \"next/image\";\r\nimport { useAppDispatch, useAppSelector } from \"../../../helpers/redux/hooks\";\r\nimport store from \"../../../helpers/redux/store\";\r\nimport { volumeLog } from \"../../../helpers/logs/logs\";\r\nimport { sendFluentLog } from \"../../../helpers/logs/fluentdLogger\";\r\nimport { setUserSettings } from \"../../../helpers/redux/slices/userSlice\";\r\nimport { handleChangeSoundVolume } from \"../../../helpers/redux/actions/controller.actions\";\r\nimport { ConditionName } from \"../../../helpers/interfaces/enums\";\r\nimport { conditions } from \"../../../helpers/conditions/conditions\";\r\nimport IMAGES from \"../../../images/importImages\";\r\nimport { tw } from \"../../../helpers/helpers\";\r\n\r\nconst SoundVolume = ({ width, height }: { width?: number; height?: number }) => {\r\n const [showTooltip, setShowTooltip] = useState<boolean>(false);\r\n\r\n const dispatch = useAppDispatch();\r\n const { settings } = useAppSelector(({ user: { settings } }) => ({ settings }), shallowEqual);\r\n\r\n const primaryVolumeRef = useRef<number>(settings.volume);\r\n\r\n const handleMouseUp = () => {\r\n if (primaryVolumeRef.current !== settings.volume) {\r\n const { settings } = store.getState().user;\r\n sendFluentLog(volumeLog(primaryVolumeRef.current, settings.volume));\r\n primaryVolumeRef.current = settings.volume;\r\n // createSettings({ ...settings, volume: settings.volume });\r\n dispatch(setUserSettings({ ...settings, volume: settings.volume }));\r\n }\r\n };\r\n\r\n const handleMute = (type: string) => {\r\n const { settings } = store.getState().user;\r\n if (type === \"mute\") {\r\n handleChangeSoundVolume(0);\r\n sendFluentLog(volumeLog(settings.volume, 0));\r\n // createSettings({ ...settings, volume: 0 });\r\n } else {\r\n sendFluentLog(volumeLog(settings.volume, 100));\r\n handleChangeSoundVolume(100);\r\n // createSettings({ ...settings, volume: 100 });\r\n }\r\n };\r\n\r\n return (\r\n <div\r\n onMouseOver={() => !conditions(ConditionName.isTouchScreen) && setShowTooltip(true)}\r\n onMouseLeave={() => !conditions(ConditionName.isTouchScreen) && setShowTooltip(false)}\r\n id={conditions(ConditionName.hasSound) ? \"mute\" : \"unmute\"}\r\n className={tw(`pl-relative pl-rounded-full pl-inline-flex pl-items-center pl-justify-center pl-group pl-bg-black/75 pl-sound-icon`, {\r\n desktop: \"pl-min-w-[34px] pl-h-[34px] pl-p-1\",\r\n desktopFullScreen: \"pl-min-w-[48px] pl-h-[48px] pl-p-0 pl-px-1.5\",\r\n })}\r\n >\r\n <div\r\n className={tw(\"pl-flex pl-items-center pl-justify-center pl-rounded-full group-hover:pl-bg-[#5E5E5E] pl-transition-all\", {\r\n desktop: \"pl-h-[26px] pl-min-w-[26px] group-hover:pl-ps-1! pl-gap-1\",\r\n desktopFullScreen: \"pl-h-[36px] pl-min-w-[36px] group-hover:pl-ps-1.5! pl-gap-1.5\",\r\n })}\r\n >\r\n {!conditions(ConditionName.isTouchScreen) && (\r\n <input\r\n onMouseUp={handleMouseUp}\r\n type=\"range\"\r\n min=\"0\"\r\n max=\"100\"\r\n value={settings.volume}\r\n onChange={(event) => handleChangeSoundVolume(+event.target.value)}\r\n className={`pl-soundVolume ${conditions(ConditionName.isFullScreen) && \"pl-soundVolume-fullscreen\"} pl-cursor-pointer rounded-full`}\r\n style={{ background: `linear-gradient(to right, white ${settings.volume}%, rgba(255,255,255,0.3) 0)` }}\r\n />\r\n )}\r\n <div\r\n onClick={() => (conditions(ConditionName.hasSound) ? handleMute(\"mute\") : handleMute(\"unmute\"))}\r\n onDoubleClick={(event: any) => event.stopPropagation()}\r\n style={{ paddingInlineEnd: 5 }}\r\n className={tw(\"pl-relative pl-flex pl-items-center pl-shrink-0\", { desktop: \"\", desktopFullScreen: \"\" })}\r\n >\r\n <Image\r\n src={conditions(ConditionName.hasSound) ? (settings.volume >= 50 ? IMAGES.unMute : IMAGES.lowSound) : IMAGES.mute}\r\n alt={conditions(ConditionName.hasSound) ? \"unmute-icon\" : \"mute-icon\"}\r\n className={`pl-flex pl-items-center pl-cursor-pointer`}\r\n width={width}\r\n height={height}\r\n />\r\n </div>\r\n </div>\r\n {showTooltip && <ControllbarTooltip className=\"pl-left-0\" title={conditions(ConditionName.hasSound) ? \"صدا (M)\" : \"بیصدا (M)\"} />}\r\n </div>\r\n );\r\n};\r\n\r\nexport default SoundVolume;\r\n","import { conditions } from \"../../../../helpers/conditions/conditions\";\nimport { ConditionName } from \"../../../../helpers/interfaces/enums\";\nimport { IControllbarTooltipProps } from \"../../../../helpers/interfaces/interfaces\";\n\nconst ControllbarTooltip = ({ title, className }: IControllbarTooltipProps) => (\n <span\n className={`pl-absolute pl-w-max pl-bg-black/75 pl-text-white pl-rounded-[8px] pl-leading-[18px] pl-flex pl-items-center pl-justify-center pl-font-normal ${\n conditions(ConditionName.isFullScreen)\n ? \"pl-bottom-[150%] pl-h-[34px] pl-px-[9.5px] pl-text-[15px]\"\n : \"pl-h-6 pl-bottom-[130%] pl-px-[9px] pl-text-[12px]\"\n } ${className}`}\n >\n {title}\n </span>\n);\n\nexport default ControllbarTooltip;\n","import { useEffect, useState } from \"react\";\r\nimport { shallowEqual } from \"react-redux\";\r\nimport ControllbarTooltip from \"../footer/controllbar/controllbarTooltip\";\r\nimport { useAppDispatch, useAppSelector } from \"../../../helpers/redux/hooks\";\r\nimport { ConditionName } from \"../../../helpers/interfaces/enums\";\r\nimport { conditions } from \"../../../helpers/conditions/conditions\";\r\nimport { handleFullScreen, handleLockOrientation } from \"../../../helpers/redux/actions/controller.actions\";\r\nimport Image from \"next/image\";\r\nimport IMAGES from \"../../../images/importImages\";\r\nimport { tw } from \"../../../helpers/helpers\";\r\n\r\nconst FullScreen = ({ width, height, className }: { width?: number; height?: number; className?: string }) => {\r\n useAppSelector(({ controller: { firstPlay, isFullScreen } }) => ({ firstPlay, isFullScreen }), shallowEqual);\r\n\r\n const [showTooltip, setShowTooltip] = useState<boolean>(false);\r\n\r\n // useEffect(() => {\r\n // if (!conditions(ConditionName.isFirstPlay)) dispatch(setActiveElements(false));\r\n // }, [isFullScreen]);\r\n\r\n return (\r\n <div\r\n onDoubleClick={(e) => e.preventDefault()}\r\n onMouseOver={() => !conditions(ConditionName.isTouchScreen) && setShowTooltip(true)}\r\n onMouseLeave={() => !conditions(ConditionName.isTouchScreen) && setShowTooltip(false)}\r\n onClick={() => {\r\n handleFullScreen();\r\n handleLockOrientation();\r\n }}\r\n id={conditions(ConditionName.isFullScreen) ? \"exit-full-s\" : \"full-s\"}\r\n className={tw(`pl-relative pl-cursor-pointer pl-flex pl-items-center pl-justify-center pl-rounded-full pl-transition-all ${className}`, {\r\n desktop: \"pl-w-[40px] pl-h-[25px] hover:pl-bg-[#5E5E5E]\",\r\n desktopFullScreen: \"pl-w-[56px] pl-h-[36px]\",\r\n touch: \"pl-w-[32px] pl-h-[22px]\",\r\n touchFullScreen: \"pl-w-[48px] pl-h-[32px]\",\r\n })}\r\n >\r\n <Image\r\n src={conditions(ConditionName.isFullScreen) ? IMAGES.nonFullScreen : IMAGES.fullScreen}\r\n alt=\"fullScreen-icon\"\r\n width={width}\r\n height={height}\r\n />\r\n\r\n {showTooltip && (\r\n <ControllbarTooltip className=\"pl-right-5\" title={`${conditions(ConditionName.isFullScreen) ? \"خروج از\" : \"\"} تمام صفحه (F)`} />\r\n )}\r\n </div>\r\n );\r\n};\r\n\r\nexport default FullScreen;\r\n"]}
|
|
1
|
+
{"version":3,"sources":["../src/videoPlayerLibrary/components/custom-components/soundVolume/soundVolume.tsx","../src/videoPlayerLibrary/components/custom-components/footer/controllbar/controllbarTooltip.tsx","../src/videoPlayerLibrary/components/custom-components/fullScreen/fullScreen.tsx"],"names":["init_cjs_shims","ControllbarTooltip","title","className","jsx","conditions","controllbarTooltip_default","SoundVolume","width","height","showTooltip","setShowTooltip","useState","dispatch","useAppDispatch","settings","useAppSelector","shallowEqual","primaryVolumeRef","useRef","handleMouseUp","store_default","sendFluentLog","volumeLog","setUserSettings","handleMute","type","handleChangeSoundVolume","jsxs","tw","event","Image","importImages_default","soundVolume_default","FullScreen","firstPlay","isFullScreen","e","handleFullScreen","handleLockOrientation","fullScreen_default"],"mappings":"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","file":"chunk-CG2KA4BX.js","sourcesContent":["import { useRef, useState } from \"react\";\r\nimport { shallowEqual } from \"react-redux\";\r\nimport ControllbarTooltip from \"../footer/controllbar/controllbarTooltip\";\r\nimport Image from \"next/image\";\r\nimport { useAppDispatch, useAppSelector } from \"../../../helpers/redux/hooks\";\r\nimport store from \"../../../helpers/redux/store\";\r\nimport { volumeLog } from \"../../../helpers/logs/logs\";\r\nimport { sendFluentLog } from \"../../../helpers/logs/fluentdLogger\";\r\nimport { setUserSettings } from \"../../../helpers/redux/slices/userSlice\";\r\nimport { handleChangeSoundVolume } from \"../../../helpers/redux/actions/controller.actions\";\r\nimport { ConditionName } from \"../../../helpers/interfaces/enums\";\r\nimport { conditions } from \"../../../helpers/conditions/conditions\";\r\nimport IMAGES from \"../../../images/importImages\";\r\nimport { tw } from \"../../../helpers/helpers\";\r\n\r\nconst SoundVolume = ({ width, height }: { width?: number; height?: number }) => {\r\n const [showTooltip, setShowTooltip] = useState<boolean>(false);\r\n\r\n const dispatch = useAppDispatch();\r\n const { settings } = useAppSelector(({ user: { settings } }) => ({ settings }), shallowEqual);\r\n\r\n const primaryVolumeRef = useRef<number>(settings.volume);\r\n\r\n const handleMouseUp = () => {\r\n if (primaryVolumeRef.current !== settings.volume) {\r\n const { settings } = store.getState().user;\r\n sendFluentLog(volumeLog(primaryVolumeRef.current, settings.volume));\r\n primaryVolumeRef.current = settings.volume;\r\n // createSettings({ ...settings, volume: settings.volume });\r\n dispatch(setUserSettings({ ...settings, volume: settings.volume }));\r\n }\r\n };\r\n\r\n const handleMute = (type: string) => {\r\n const { settings } = store.getState().user;\r\n if (type === \"mute\") {\r\n handleChangeSoundVolume(0);\r\n sendFluentLog(volumeLog(settings.volume, 0));\r\n // createSettings({ ...settings, volume: 0 });\r\n } else {\r\n sendFluentLog(volumeLog(settings.volume, 100));\r\n handleChangeSoundVolume(100);\r\n // createSettings({ ...settings, volume: 100 });\r\n }\r\n };\r\n\r\n return (\r\n <div\r\n onMouseOver={() => !conditions(ConditionName.isTouchScreen) && setShowTooltip(true)}\r\n onMouseLeave={() => !conditions(ConditionName.isTouchScreen) && setShowTooltip(false)}\r\n id={conditions(ConditionName.hasSound) ? \"mute\" : \"unmute\"}\r\n className={tw(`pl-relative pl-rounded-full pl-inline-flex pl-items-center pl-justify-center pl-group pl-bg-black/75 pl-sound-icon`, {\r\n desktop: \"pl-min-w-[34px] pl-h-[34px] pl-p-1\",\r\n desktopFullScreen: \"pl-min-w-[48px] pl-h-[48px] pl-p-0 pl-px-1.5\",\r\n })}\r\n >\r\n <div\r\n className={tw(\"pl-flex pl-items-center pl-justify-center pl-rounded-full group-hover:pl-bg-[#5E5E5E] pl-transition-all\", {\r\n desktop: \"pl-h-[26px] pl-min-w-[26px] group-hover:!pl-ps-1 pl-gap-1\",\r\n desktopFullScreen: \"pl-h-[36px] pl-min-w-[36px] group-hover:!pl-ps-1.5 pl-gap-1.5\",\r\n })}\r\n >\r\n {!conditions(ConditionName.isTouchScreen) && (\r\n <input\r\n onMouseUp={handleMouseUp}\r\n type=\"range\"\r\n min=\"0\"\r\n max=\"100\"\r\n value={settings.volume}\r\n onChange={(event) => handleChangeSoundVolume(+event.target.value)}\r\n className={`pl-soundVolume ${conditions(ConditionName.isFullScreen) && \"pl-soundVolume-fullscreen\"} pl-cursor-pointer rounded-full`}\r\n style={{ background: `linear-gradient(to right, white ${settings.volume}%, rgba(255,255,255,0.3) 0)` }}\r\n />\r\n )}\r\n <div\r\n onClick={() => (conditions(ConditionName.hasSound) ? handleMute(\"mute\") : handleMute(\"unmute\"))}\r\n onDoubleClick={(event: any) => event.stopPropagation()}\r\n style={{ paddingInlineEnd: 5 }}\r\n className={tw(\"pl-relative pl-flex pl-items-center pl-shrink-0\", { desktop: \"\", desktopFullScreen: \"\" })}\r\n >\r\n <Image\r\n src={conditions(ConditionName.hasSound) ? (settings.volume >= 50 ? IMAGES.unMute : IMAGES.lowSound) : IMAGES.mute}\r\n alt={conditions(ConditionName.hasSound) ? \"unmute-icon\" : \"mute-icon\"}\r\n className={`pl-flex pl-items-center pl-cursor-pointer`}\r\n width={width}\r\n height={height}\r\n />\r\n </div>\r\n </div>\r\n {showTooltip && <ControllbarTooltip className=\"pl-left-0\" title={conditions(ConditionName.hasSound) ? \"صدا (M)\" : \"بیصدا (M)\"} />}\r\n </div>\r\n );\r\n};\r\n\r\nexport default SoundVolume;\r\n","import { conditions } from \"../../../../helpers/conditions/conditions\";\nimport { ConditionName } from \"../../../../helpers/interfaces/enums\";\nimport { IControllbarTooltipProps } from \"../../../../helpers/interfaces/interfaces\";\n\nconst ControllbarTooltip = ({ title, className }: IControllbarTooltipProps) => (\n <span\n className={`pl-absolute pl-w-max pl-bg-black/75 pl-text-white pl-rounded-[8px] pl-leading-[18px] pl-flex pl-items-center pl-justify-center pl-font-normal ${\n conditions(ConditionName.isFullScreen)\n ? \"pl-bottom-[150%] pl-h-[34px] pl-px-[9.5px] pl-text-[15px]\"\n : \"pl-h-6 pl-bottom-[130%] pl-px-[9px] pl-text-[12px]\"\n } ${className}`}\n >\n {title}\n </span>\n);\n\nexport default ControllbarTooltip;\n","import { useEffect, useState } from \"react\";\r\nimport { shallowEqual } from \"react-redux\";\r\nimport ControllbarTooltip from \"../footer/controllbar/controllbarTooltip\";\r\nimport { useAppDispatch, useAppSelector } from \"../../../helpers/redux/hooks\";\r\nimport { ConditionName } from \"../../../helpers/interfaces/enums\";\r\nimport { conditions } from \"../../../helpers/conditions/conditions\";\r\nimport { handleFullScreen, handleLockOrientation } from \"../../../helpers/redux/actions/controller.actions\";\r\nimport Image from \"next/image\";\r\nimport IMAGES from \"../../../images/importImages\";\r\nimport { tw } from \"../../../helpers/helpers\";\r\n\r\nconst FullScreen = ({ width, height, className }: { width?: number; height?: number; className?: string }) => {\r\n useAppSelector(({ controller: { firstPlay, isFullScreen } }) => ({ firstPlay, isFullScreen }), shallowEqual);\r\n\r\n const [showTooltip, setShowTooltip] = useState<boolean>(false);\r\n\r\n // useEffect(() => {\r\n // if (!conditions(ConditionName.isFirstPlay)) dispatch(setActiveElements(false));\r\n // }, [isFullScreen]);\r\n\r\n return (\r\n <div\r\n onDoubleClick={(e) => e.preventDefault()}\r\n onMouseOver={() => !conditions(ConditionName.isTouchScreen) && setShowTooltip(true)}\r\n onMouseLeave={() => !conditions(ConditionName.isTouchScreen) && setShowTooltip(false)}\r\n onClick={() => {\r\n handleFullScreen();\r\n handleLockOrientation();\r\n }}\r\n id={conditions(ConditionName.isFullScreen) ? \"exit-full-s\" : \"full-s\"}\r\n className={tw(`pl-relative pl-cursor-pointer pl-flex pl-items-center pl-justify-center pl-rounded-full pl-transition-all ${className}`, {\r\n desktop: \"pl-w-[40px] pl-h-[25px] hover:pl-bg-[#5E5E5E]\",\r\n desktopFullScreen: \"pl-w-[56px] pl-h-[36px]\",\r\n touch: \"pl-w-[32px] pl-h-[22px]\",\r\n touchFullScreen: \"pl-w-[48px] pl-h-[32px]\",\r\n })}\r\n >\r\n <Image\r\n src={conditions(ConditionName.isFullScreen) ? IMAGES.nonFullScreen : IMAGES.fullScreen}\r\n alt=\"fullScreen-icon\"\r\n width={width}\r\n height={height}\r\n />\r\n\r\n {showTooltip && (\r\n <ControllbarTooltip className=\"pl-right-5\" title={`${conditions(ConditionName.isFullScreen) ? \"خروج از\" : \"\"} تمام صفحه (F)`} />\r\n )}\r\n </div>\r\n );\r\n};\r\n\r\nexport default FullScreen;\r\n"]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import {a}from'./chunk-XKRBXZUB.mjs';import {t,Y,ea,_,$,Aa,w,H,ya}from'./chunk-NLCBOGTI.mjs';import {e,z,A as A$1}from'./chunk-4QMWBTB5.mjs';import {useState,useRef}from'react';import {shallowEqual}from'react-redux';import {jsx,jsxs}from'react/jsx-runtime';import O from'next/image';e();e();var A=({title:n,className:i})=>jsx("span",{className:`pl-absolute pl-w-max pl-bg-black/75 pl-text-white pl-rounded-[8px] pl-leading-[18px] pl-flex pl-items-center pl-justify-center pl-font-normal ${t("isFullScreen")?"pl-bottom-[150%] pl-h-[34px] pl-px-[9.5px] pl-text-[15px]":"pl-h-6 pl-bottom-[130%] pl-px-[9px] pl-text-[12px]"} ${i}`,children:n}),h=A;var P=({width:n,height:i})=>{let[g,u]=useState(false),m=z(),{settings:l}=A$1(({user:{settings:o}})=>({settings:o}),shallowEqual),s=useRef(l.volume),I=()=>{if(s.current!==l.volume){let{settings:o}=Aa.getState().user;w(H(s.current,o.volume)),s.current=o.volume,m(ya({...o,volume:o.volume}));}},v=o=>{let{settings:b}=Aa.getState().user;o==="mute"?(Y(0),w(H(b.volume,0))):(w(H(b.volume,100)),Y(100));};return jsxs("div",{onMouseOver:()=>!t("isTouchScreen")&&u(true),onMouseLeave:()=>!t("isTouchScreen")&&u(false),id:t("hasSound")?"mute":"unmute",className:ea("pl-relative pl-rounded-full pl-inline-flex pl-items-center pl-justify-center pl-group pl-bg-black/75 pl-sound-icon",{desktop:"pl-min-w-[34px] pl-h-[34px] pl-p-1",desktopFullScreen:"pl-min-w-[48px] pl-h-[48px] pl-p-0 pl-px-1.5"}),children:[jsxs("div",{className:ea("pl-flex pl-items-center pl-justify-center pl-rounded-full group-hover:pl-bg-[#5E5E5E] pl-transition-all",{desktop:"pl-h-[26px] pl-min-w-[26px] group-hover
|
|
2
|
-
//# sourceMappingURL=chunk-
|
|
1
|
+
import {a}from'./chunk-XKRBXZUB.mjs';import {t,Y,ea,_,$,Aa,w,H,ya}from'./chunk-NLCBOGTI.mjs';import {e,z,A as A$1}from'./chunk-4QMWBTB5.mjs';import {useState,useRef}from'react';import {shallowEqual}from'react-redux';import {jsx,jsxs}from'react/jsx-runtime';import O from'next/image';e();e();var A=({title:n,className:i})=>jsx("span",{className:`pl-absolute pl-w-max pl-bg-black/75 pl-text-white pl-rounded-[8px] pl-leading-[18px] pl-flex pl-items-center pl-justify-center pl-font-normal ${t("isFullScreen")?"pl-bottom-[150%] pl-h-[34px] pl-px-[9.5px] pl-text-[15px]":"pl-h-6 pl-bottom-[130%] pl-px-[9px] pl-text-[12px]"} ${i}`,children:n}),h=A;var P=({width:n,height:i})=>{let[g,u]=useState(false),m=z(),{settings:l}=A$1(({user:{settings:o}})=>({settings:o}),shallowEqual),s=useRef(l.volume),I=()=>{if(s.current!==l.volume){let{settings:o}=Aa.getState().user;w(H(s.current,o.volume)),s.current=o.volume,m(ya({...o,volume:o.volume}));}},v=o=>{let{settings:b}=Aa.getState().user;o==="mute"?(Y(0),w(H(b.volume,0))):(w(H(b.volume,100)),Y(100));};return jsxs("div",{onMouseOver:()=>!t("isTouchScreen")&&u(true),onMouseLeave:()=>!t("isTouchScreen")&&u(false),id:t("hasSound")?"mute":"unmute",className:ea("pl-relative pl-rounded-full pl-inline-flex pl-items-center pl-justify-center pl-group pl-bg-black/75 pl-sound-icon",{desktop:"pl-min-w-[34px] pl-h-[34px] pl-p-1",desktopFullScreen:"pl-min-w-[48px] pl-h-[48px] pl-p-0 pl-px-1.5"}),children:[jsxs("div",{className:ea("pl-flex pl-items-center pl-justify-center pl-rounded-full group-hover:pl-bg-[#5E5E5E] pl-transition-all",{desktop:"pl-h-[26px] pl-min-w-[26px] group-hover:!pl-ps-1 pl-gap-1",desktopFullScreen:"pl-h-[36px] pl-min-w-[36px] group-hover:!pl-ps-1.5 pl-gap-1.5"}),children:[!t("isTouchScreen")&&jsx("input",{onMouseUp:I,type:"range",min:"0",max:"100",value:l.volume,onChange:o=>Y(+o.target.value),className:`pl-soundVolume ${t("isFullScreen")&&"pl-soundVolume-fullscreen"} pl-cursor-pointer rounded-full`,style:{background:`linear-gradient(to right, white ${l.volume}%, rgba(255,255,255,0.3) 0)`}}),jsx("div",{onClick:()=>t("hasSound")?v("mute"):v("unmute"),onDoubleClick:o=>o.stopPropagation(),style:{paddingInlineEnd:5},className:ea("pl-relative pl-flex pl-items-center pl-shrink-0",{desktop:"",desktopFullScreen:""}),children:jsx(O,{src:t("hasSound")?l.volume>=50?a.unMute:a.lowSound:a.mute,alt:t("hasSound")?"unmute-icon":"mute-icon",className:"pl-flex pl-items-center pl-cursor-pointer",width:n,height:i})})]}),g&&jsx(h,{className:"pl-left-0",title:t("hasSound")?"\u0635\u062F\u0627 (M)":"\u0628\u06CC\u200C\u0635\u062F\u0627 (M)"})]})},se=P;e();var R=({width:n,height:i,className:g})=>{A$1(({controller:{firstPlay:l,isFullScreen:s}})=>({firstPlay:l,isFullScreen:s}),shallowEqual);let[u,m]=useState(false);return jsxs("div",{onDoubleClick:l=>l.preventDefault(),onMouseOver:()=>!t("isTouchScreen")&&m(true),onMouseLeave:()=>!t("isTouchScreen")&&m(false),onClick:()=>{_(),$();},id:t("isFullScreen")?"exit-full-s":"full-s",className:ea(`pl-relative pl-cursor-pointer pl-flex pl-items-center pl-justify-center pl-rounded-full pl-transition-all ${g}`,{desktop:"pl-w-[40px] pl-h-[25px] hover:pl-bg-[#5E5E5E]",desktopFullScreen:"pl-w-[56px] pl-h-[36px]",touch:"pl-w-[32px] pl-h-[22px]",touchFullScreen:"pl-w-[48px] pl-h-[32px]"}),children:[jsx(O,{src:t("isFullScreen")?a.nonFullScreen:a.fullScreen,alt:"fullScreen-icon",width:n,height:i}),u&&jsx(h,{className:"pl-right-5",title:`${t("isFullScreen")?"\u062E\u0631\u0648\u062C \u0627\u0632":""} \u062A\u0645\u0627\u0645 \u0635\u0641\u062D\u0647 (F)`})]})},Ce=R;export{h as a,se as b,Ce as c};//# sourceMappingURL=chunk-QXTVEBKD.mjs.map
|
|
2
|
+
//# sourceMappingURL=chunk-QXTVEBKD.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/videoPlayerLibrary/components/custom-components/soundVolume/soundVolume.tsx","../src/videoPlayerLibrary/components/custom-components/footer/controllbar/controllbarTooltip.tsx","../src/videoPlayerLibrary/components/custom-components/fullScreen/fullScreen.tsx"],"names":["init_esm_shims","ControllbarTooltip","title","className","jsx","conditions","controllbarTooltip_default","SoundVolume","width","height","showTooltip","setShowTooltip","useState","dispatch","useAppDispatch","settings","useAppSelector","shallowEqual","primaryVolumeRef","useRef","handleMouseUp","store_default","sendFluentLog","volumeLog","setUserSettings","handleMute","type","handleChangeSoundVolume","jsxs","tw","event","Image","importImages_default","soundVolume_default","FullScreen","firstPlay","isFullScreen","e","handleFullScreen","handleLockOrientation","fullScreen_default"],"mappings":"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","file":"chunk-JU5IQH3S.mjs","sourcesContent":["import { useRef, useState } from \"react\";\r\nimport { shallowEqual } from \"react-redux\";\r\nimport ControllbarTooltip from \"../footer/controllbar/controllbarTooltip\";\r\nimport Image from \"next/image\";\r\nimport { useAppDispatch, useAppSelector } from \"../../../helpers/redux/hooks\";\r\nimport store from \"../../../helpers/redux/store\";\r\nimport { volumeLog } from \"../../../helpers/logs/logs\";\r\nimport { sendFluentLog } from \"../../../helpers/logs/fluentdLogger\";\r\nimport { setUserSettings } from \"../../../helpers/redux/slices/userSlice\";\r\nimport { handleChangeSoundVolume } from \"../../../helpers/redux/actions/controller.actions\";\r\nimport { ConditionName } from \"../../../helpers/interfaces/enums\";\r\nimport { conditions } from \"../../../helpers/conditions/conditions\";\r\nimport IMAGES from \"../../../images/importImages\";\r\nimport { tw } from \"../../../helpers/helpers\";\r\n\r\nconst SoundVolume = ({ width, height }: { width?: number; height?: number }) => {\r\n const [showTooltip, setShowTooltip] = useState<boolean>(false);\r\n\r\n const dispatch = useAppDispatch();\r\n const { settings } = useAppSelector(({ user: { settings } }) => ({ settings }), shallowEqual);\r\n\r\n const primaryVolumeRef = useRef<number>(settings.volume);\r\n\r\n const handleMouseUp = () => {\r\n if (primaryVolumeRef.current !== settings.volume) {\r\n const { settings } = store.getState().user;\r\n sendFluentLog(volumeLog(primaryVolumeRef.current, settings.volume));\r\n primaryVolumeRef.current = settings.volume;\r\n // createSettings({ ...settings, volume: settings.volume });\r\n dispatch(setUserSettings({ ...settings, volume: settings.volume }));\r\n }\r\n };\r\n\r\n const handleMute = (type: string) => {\r\n const { settings } = store.getState().user;\r\n if (type === \"mute\") {\r\n handleChangeSoundVolume(0);\r\n sendFluentLog(volumeLog(settings.volume, 0));\r\n // createSettings({ ...settings, volume: 0 });\r\n } else {\r\n sendFluentLog(volumeLog(settings.volume, 100));\r\n handleChangeSoundVolume(100);\r\n // createSettings({ ...settings, volume: 100 });\r\n }\r\n };\r\n\r\n return (\r\n <div\r\n onMouseOver={() => !conditions(ConditionName.isTouchScreen) && setShowTooltip(true)}\r\n onMouseLeave={() => !conditions(ConditionName.isTouchScreen) && setShowTooltip(false)}\r\n id={conditions(ConditionName.hasSound) ? \"mute\" : \"unmute\"}\r\n className={tw(`pl-relative pl-rounded-full pl-inline-flex pl-items-center pl-justify-center pl-group pl-bg-black/75 pl-sound-icon`, {\r\n desktop: \"pl-min-w-[34px] pl-h-[34px] pl-p-1\",\r\n desktopFullScreen: \"pl-min-w-[48px] pl-h-[48px] pl-p-0 pl-px-1.5\",\r\n })}\r\n >\r\n <div\r\n className={tw(\"pl-flex pl-items-center pl-justify-center pl-rounded-full group-hover:pl-bg-[#5E5E5E] pl-transition-all\", {\r\n desktop: \"pl-h-[26px] pl-min-w-[26px] group-hover:pl-ps-1! pl-gap-1\",\r\n desktopFullScreen: \"pl-h-[36px] pl-min-w-[36px] group-hover:pl-ps-1.5! pl-gap-1.5\",\r\n })}\r\n >\r\n {!conditions(ConditionName.isTouchScreen) && (\r\n <input\r\n onMouseUp={handleMouseUp}\r\n type=\"range\"\r\n min=\"0\"\r\n max=\"100\"\r\n value={settings.volume}\r\n onChange={(event) => handleChangeSoundVolume(+event.target.value)}\r\n className={`pl-soundVolume ${conditions(ConditionName.isFullScreen) && \"pl-soundVolume-fullscreen\"} pl-cursor-pointer rounded-full`}\r\n style={{ background: `linear-gradient(to right, white ${settings.volume}%, rgba(255,255,255,0.3) 0)` }}\r\n />\r\n )}\r\n <div\r\n onClick={() => (conditions(ConditionName.hasSound) ? handleMute(\"mute\") : handleMute(\"unmute\"))}\r\n onDoubleClick={(event: any) => event.stopPropagation()}\r\n style={{ paddingInlineEnd: 5 }}\r\n className={tw(\"pl-relative pl-flex pl-items-center pl-shrink-0\", { desktop: \"\", desktopFullScreen: \"\" })}\r\n >\r\n <Image\r\n src={conditions(ConditionName.hasSound) ? (settings.volume >= 50 ? IMAGES.unMute : IMAGES.lowSound) : IMAGES.mute}\r\n alt={conditions(ConditionName.hasSound) ? \"unmute-icon\" : \"mute-icon\"}\r\n className={`pl-flex pl-items-center pl-cursor-pointer`}\r\n width={width}\r\n height={height}\r\n />\r\n </div>\r\n </div>\r\n {showTooltip && <ControllbarTooltip className=\"pl-left-0\" title={conditions(ConditionName.hasSound) ? \"صدا (M)\" : \"بیصدا (M)\"} />}\r\n </div>\r\n );\r\n};\r\n\r\nexport default SoundVolume;\r\n","import { conditions } from \"../../../../helpers/conditions/conditions\";\nimport { ConditionName } from \"../../../../helpers/interfaces/enums\";\nimport { IControllbarTooltipProps } from \"../../../../helpers/interfaces/interfaces\";\n\nconst ControllbarTooltip = ({ title, className }: IControllbarTooltipProps) => (\n <span\n className={`pl-absolute pl-w-max pl-bg-black/75 pl-text-white pl-rounded-[8px] pl-leading-[18px] pl-flex pl-items-center pl-justify-center pl-font-normal ${\n conditions(ConditionName.isFullScreen)\n ? \"pl-bottom-[150%] pl-h-[34px] pl-px-[9.5px] pl-text-[15px]\"\n : \"pl-h-6 pl-bottom-[130%] pl-px-[9px] pl-text-[12px]\"\n } ${className}`}\n >\n {title}\n </span>\n);\n\nexport default ControllbarTooltip;\n","import { useEffect, useState } from \"react\";\r\nimport { shallowEqual } from \"react-redux\";\r\nimport ControllbarTooltip from \"../footer/controllbar/controllbarTooltip\";\r\nimport { useAppDispatch, useAppSelector } from \"../../../helpers/redux/hooks\";\r\nimport { ConditionName } from \"../../../helpers/interfaces/enums\";\r\nimport { conditions } from \"../../../helpers/conditions/conditions\";\r\nimport { handleFullScreen, handleLockOrientation } from \"../../../helpers/redux/actions/controller.actions\";\r\nimport Image from \"next/image\";\r\nimport IMAGES from \"../../../images/importImages\";\r\nimport { tw } from \"../../../helpers/helpers\";\r\n\r\nconst FullScreen = ({ width, height, className }: { width?: number; height?: number; className?: string }) => {\r\n useAppSelector(({ controller: { firstPlay, isFullScreen } }) => ({ firstPlay, isFullScreen }), shallowEqual);\r\n\r\n const [showTooltip, setShowTooltip] = useState<boolean>(false);\r\n\r\n // useEffect(() => {\r\n // if (!conditions(ConditionName.isFirstPlay)) dispatch(setActiveElements(false));\r\n // }, [isFullScreen]);\r\n\r\n return (\r\n <div\r\n onDoubleClick={(e) => e.preventDefault()}\r\n onMouseOver={() => !conditions(ConditionName.isTouchScreen) && setShowTooltip(true)}\r\n onMouseLeave={() => !conditions(ConditionName.isTouchScreen) && setShowTooltip(false)}\r\n onClick={() => {\r\n handleFullScreen();\r\n handleLockOrientation();\r\n }}\r\n id={conditions(ConditionName.isFullScreen) ? \"exit-full-s\" : \"full-s\"}\r\n className={tw(`pl-relative pl-cursor-pointer pl-flex pl-items-center pl-justify-center pl-rounded-full pl-transition-all ${className}`, {\r\n desktop: \"pl-w-[40px] pl-h-[25px] hover:pl-bg-[#5E5E5E]\",\r\n desktopFullScreen: \"pl-w-[56px] pl-h-[36px]\",\r\n touch: \"pl-w-[32px] pl-h-[22px]\",\r\n touchFullScreen: \"pl-w-[48px] pl-h-[32px]\",\r\n })}\r\n >\r\n <Image\r\n src={conditions(ConditionName.isFullScreen) ? IMAGES.nonFullScreen : IMAGES.fullScreen}\r\n alt=\"fullScreen-icon\"\r\n width={width}\r\n height={height}\r\n />\r\n\r\n {showTooltip && (\r\n <ControllbarTooltip className=\"pl-right-5\" title={`${conditions(ConditionName.isFullScreen) ? \"خروج از\" : \"\"} تمام صفحه (F)`} />\r\n )}\r\n </div>\r\n );\r\n};\r\n\r\nexport default FullScreen;\r\n"]}
|
|
1
|
+
{"version":3,"sources":["../src/videoPlayerLibrary/components/custom-components/soundVolume/soundVolume.tsx","../src/videoPlayerLibrary/components/custom-components/footer/controllbar/controllbarTooltip.tsx","../src/videoPlayerLibrary/components/custom-components/fullScreen/fullScreen.tsx"],"names":["init_esm_shims","ControllbarTooltip","title","className","jsx","conditions","controllbarTooltip_default","SoundVolume","width","height","showTooltip","setShowTooltip","useState","dispatch","useAppDispatch","settings","useAppSelector","shallowEqual","primaryVolumeRef","useRef","handleMouseUp","store_default","sendFluentLog","volumeLog","setUserSettings","handleMute","type","handleChangeSoundVolume","jsxs","tw","event","Image","importImages_default","soundVolume_default","FullScreen","firstPlay","isFullScreen","e","handleFullScreen","handleLockOrientation","fullScreen_default"],"mappings":"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","file":"chunk-QXTVEBKD.mjs","sourcesContent":["import { useRef, useState } from \"react\";\r\nimport { shallowEqual } from \"react-redux\";\r\nimport ControllbarTooltip from \"../footer/controllbar/controllbarTooltip\";\r\nimport Image from \"next/image\";\r\nimport { useAppDispatch, useAppSelector } from \"../../../helpers/redux/hooks\";\r\nimport store from \"../../../helpers/redux/store\";\r\nimport { volumeLog } from \"../../../helpers/logs/logs\";\r\nimport { sendFluentLog } from \"../../../helpers/logs/fluentdLogger\";\r\nimport { setUserSettings } from \"../../../helpers/redux/slices/userSlice\";\r\nimport { handleChangeSoundVolume } from \"../../../helpers/redux/actions/controller.actions\";\r\nimport { ConditionName } from \"../../../helpers/interfaces/enums\";\r\nimport { conditions } from \"../../../helpers/conditions/conditions\";\r\nimport IMAGES from \"../../../images/importImages\";\r\nimport { tw } from \"../../../helpers/helpers\";\r\n\r\nconst SoundVolume = ({ width, height }: { width?: number; height?: number }) => {\r\n const [showTooltip, setShowTooltip] = useState<boolean>(false);\r\n\r\n const dispatch = useAppDispatch();\r\n const { settings } = useAppSelector(({ user: { settings } }) => ({ settings }), shallowEqual);\r\n\r\n const primaryVolumeRef = useRef<number>(settings.volume);\r\n\r\n const handleMouseUp = () => {\r\n if (primaryVolumeRef.current !== settings.volume) {\r\n const { settings } = store.getState().user;\r\n sendFluentLog(volumeLog(primaryVolumeRef.current, settings.volume));\r\n primaryVolumeRef.current = settings.volume;\r\n // createSettings({ ...settings, volume: settings.volume });\r\n dispatch(setUserSettings({ ...settings, volume: settings.volume }));\r\n }\r\n };\r\n\r\n const handleMute = (type: string) => {\r\n const { settings } = store.getState().user;\r\n if (type === \"mute\") {\r\n handleChangeSoundVolume(0);\r\n sendFluentLog(volumeLog(settings.volume, 0));\r\n // createSettings({ ...settings, volume: 0 });\r\n } else {\r\n sendFluentLog(volumeLog(settings.volume, 100));\r\n handleChangeSoundVolume(100);\r\n // createSettings({ ...settings, volume: 100 });\r\n }\r\n };\r\n\r\n return (\r\n <div\r\n onMouseOver={() => !conditions(ConditionName.isTouchScreen) && setShowTooltip(true)}\r\n onMouseLeave={() => !conditions(ConditionName.isTouchScreen) && setShowTooltip(false)}\r\n id={conditions(ConditionName.hasSound) ? \"mute\" : \"unmute\"}\r\n className={tw(`pl-relative pl-rounded-full pl-inline-flex pl-items-center pl-justify-center pl-group pl-bg-black/75 pl-sound-icon`, {\r\n desktop: \"pl-min-w-[34px] pl-h-[34px] pl-p-1\",\r\n desktopFullScreen: \"pl-min-w-[48px] pl-h-[48px] pl-p-0 pl-px-1.5\",\r\n })}\r\n >\r\n <div\r\n className={tw(\"pl-flex pl-items-center pl-justify-center pl-rounded-full group-hover:pl-bg-[#5E5E5E] pl-transition-all\", {\r\n desktop: \"pl-h-[26px] pl-min-w-[26px] group-hover:!pl-ps-1 pl-gap-1\",\r\n desktopFullScreen: \"pl-h-[36px] pl-min-w-[36px] group-hover:!pl-ps-1.5 pl-gap-1.5\",\r\n })}\r\n >\r\n {!conditions(ConditionName.isTouchScreen) && (\r\n <input\r\n onMouseUp={handleMouseUp}\r\n type=\"range\"\r\n min=\"0\"\r\n max=\"100\"\r\n value={settings.volume}\r\n onChange={(event) => handleChangeSoundVolume(+event.target.value)}\r\n className={`pl-soundVolume ${conditions(ConditionName.isFullScreen) && \"pl-soundVolume-fullscreen\"} pl-cursor-pointer rounded-full`}\r\n style={{ background: `linear-gradient(to right, white ${settings.volume}%, rgba(255,255,255,0.3) 0)` }}\r\n />\r\n )}\r\n <div\r\n onClick={() => (conditions(ConditionName.hasSound) ? handleMute(\"mute\") : handleMute(\"unmute\"))}\r\n onDoubleClick={(event: any) => event.stopPropagation()}\r\n style={{ paddingInlineEnd: 5 }}\r\n className={tw(\"pl-relative pl-flex pl-items-center pl-shrink-0\", { desktop: \"\", desktopFullScreen: \"\" })}\r\n >\r\n <Image\r\n src={conditions(ConditionName.hasSound) ? (settings.volume >= 50 ? IMAGES.unMute : IMAGES.lowSound) : IMAGES.mute}\r\n alt={conditions(ConditionName.hasSound) ? \"unmute-icon\" : \"mute-icon\"}\r\n className={`pl-flex pl-items-center pl-cursor-pointer`}\r\n width={width}\r\n height={height}\r\n />\r\n </div>\r\n </div>\r\n {showTooltip && <ControllbarTooltip className=\"pl-left-0\" title={conditions(ConditionName.hasSound) ? \"صدا (M)\" : \"بیصدا (M)\"} />}\r\n </div>\r\n );\r\n};\r\n\r\nexport default SoundVolume;\r\n","import { conditions } from \"../../../../helpers/conditions/conditions\";\nimport { ConditionName } from \"../../../../helpers/interfaces/enums\";\nimport { IControllbarTooltipProps } from \"../../../../helpers/interfaces/interfaces\";\n\nconst ControllbarTooltip = ({ title, className }: IControllbarTooltipProps) => (\n <span\n className={`pl-absolute pl-w-max pl-bg-black/75 pl-text-white pl-rounded-[8px] pl-leading-[18px] pl-flex pl-items-center pl-justify-center pl-font-normal ${\n conditions(ConditionName.isFullScreen)\n ? \"pl-bottom-[150%] pl-h-[34px] pl-px-[9.5px] pl-text-[15px]\"\n : \"pl-h-6 pl-bottom-[130%] pl-px-[9px] pl-text-[12px]\"\n } ${className}`}\n >\n {title}\n </span>\n);\n\nexport default ControllbarTooltip;\n","import { useEffect, useState } from \"react\";\r\nimport { shallowEqual } from \"react-redux\";\r\nimport ControllbarTooltip from \"../footer/controllbar/controllbarTooltip\";\r\nimport { useAppDispatch, useAppSelector } from \"../../../helpers/redux/hooks\";\r\nimport { ConditionName } from \"../../../helpers/interfaces/enums\";\r\nimport { conditions } from \"../../../helpers/conditions/conditions\";\r\nimport { handleFullScreen, handleLockOrientation } from \"../../../helpers/redux/actions/controller.actions\";\r\nimport Image from \"next/image\";\r\nimport IMAGES from \"../../../images/importImages\";\r\nimport { tw } from \"../../../helpers/helpers\";\r\n\r\nconst FullScreen = ({ width, height, className }: { width?: number; height?: number; className?: string }) => {\r\n useAppSelector(({ controller: { firstPlay, isFullScreen } }) => ({ firstPlay, isFullScreen }), shallowEqual);\r\n\r\n const [showTooltip, setShowTooltip] = useState<boolean>(false);\r\n\r\n // useEffect(() => {\r\n // if (!conditions(ConditionName.isFirstPlay)) dispatch(setActiveElements(false));\r\n // }, [isFullScreen]);\r\n\r\n return (\r\n <div\r\n onDoubleClick={(e) => e.preventDefault()}\r\n onMouseOver={() => !conditions(ConditionName.isTouchScreen) && setShowTooltip(true)}\r\n onMouseLeave={() => !conditions(ConditionName.isTouchScreen) && setShowTooltip(false)}\r\n onClick={() => {\r\n handleFullScreen();\r\n handleLockOrientation();\r\n }}\r\n id={conditions(ConditionName.isFullScreen) ? \"exit-full-s\" : \"full-s\"}\r\n className={tw(`pl-relative pl-cursor-pointer pl-flex pl-items-center pl-justify-center pl-rounded-full pl-transition-all ${className}`, {\r\n desktop: \"pl-w-[40px] pl-h-[25px] hover:pl-bg-[#5E5E5E]\",\r\n desktopFullScreen: \"pl-w-[56px] pl-h-[36px]\",\r\n touch: \"pl-w-[32px] pl-h-[22px]\",\r\n touchFullScreen: \"pl-w-[48px] pl-h-[32px]\",\r\n })}\r\n >\r\n <Image\r\n src={conditions(ConditionName.isFullScreen) ? IMAGES.nonFullScreen : IMAGES.fullScreen}\r\n alt=\"fullScreen-icon\"\r\n width={width}\r\n height={height}\r\n />\r\n\r\n {showTooltip && (\r\n <ControllbarTooltip className=\"pl-right-5\" title={`${conditions(ConditionName.isFullScreen) ? \"خروج از\" : \"\"} تمام صفحه (F)`} />\r\n )}\r\n </div>\r\n );\r\n};\r\n\r\nexport default FullScreen;\r\n"]}
|