cafe-video-player 2.1.1 → 2.1.3
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-J244P4R6.mjs +2 -0
- package/VideoHighLighter-J244P4R6.mjs.map +1 -0
- package/VideoHighLighter-KS4OF7LU.js +2 -0
- package/VideoHighLighter-KS4OF7LU.js.map +1 -0
- package/index.js +1 -1
- package/index.mjs +1 -1
- package/package.json +1 -1
- package/videoPlayerStyles.css +38 -0
- package/VideoHighLighter-2F5OLCYV.js +0 -2
- package/VideoHighLighter-2F5OLCYV.js.map +0 -1
- package/VideoHighLighter-LWPYO4GQ.mjs +0 -2
- package/VideoHighLighter-LWPYO4GQ.mjs.map +0 -1
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import {d,b,c}from'./chunk-PMXQ6WK2.mjs';import'./chunk-IROHCKSH.mjs';import {ea,ca,P}from'./chunk-IDNCPTFE.mjs';import {a}from'./chunk-XNVWDQSS.mjs';import {e}from'./chunk-NXC6LNWJ.mjs';import {shallowEqual}from'react-redux';import {jsxs,jsx,Fragment}from'react/jsx-runtime';import {CircularProgressbarWithChildren,buildStyles}from'react-circular-progressbar';import s from'next/legacy/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 ${!ca("isTouchScreen")&&"pl-rounded-lg"} pl-animate-pulse dark:pl-bg-gray-700`,children:jsx("span",{className:"pl-sr-only",children:"Loading..."})}),x=g;var N=()=>{let{params:e}=ea(({videoData:{params:f}})=>({params:f}),shallowEqual);return d(),jsxs("div",{id:"video-area",className:`pl-relative pl-rounded-[12px] pl-w-full pl-h-full pl-aspect-video !pl-overflow-hidden ${ca("isTouchScreen")&&"pl-rounded-none"} ${ca("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&&jsx(s,{src:e.banner,alt:"banner",layout:"fill",className:"pl-w-full pl-aspect-video"}),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(s,{alt:"info-circle-icon",src:a.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(s,{alt:"rotate-red-icon",src:a.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 ${ca("isTouchScreenPortrait")?"pl-flex-col":`pl-flex-col-reverse pl-mb-3 ${ca("isFullScreen")&&"pl-mb-8"}`} pl-gap-[14.58px]`,children:[jsxs("div",{className:`pl-flex pl-items-center pl-justify-between ${ca("isFullScreen")?"pl-mx-8":"pl-mx-[14.58px]"}`,children:[jsx(b,{}),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",children:[jsx("span",{children:P(0)}),jsx("span",{children:"/"}),jsx("span",{children:P(e.vhl_duration)})]}),jsx(c,{})]})]}),jsx("div",{className:"pl-w-full pl-h-[3.64px] pl-bg-gray-highLight pl-animate-pulse"})]})]}),e.vhl_status==="skeleton"&&jsx(x,{})]})},V=N;export{V as default};//# sourceMappingURL=VideoHighLighter-J244P4R6.mjs.map
|
|
2
|
+
//# sourceMappingURL=VideoHighLighter-J244P4R6.mjs.map
|
|
@@ -0,0 +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":"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","file":"VideoHighLighter-J244P4R6.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/legacy/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 && <Image src={params.banner} alt=\"banner\" layout=\"fill\" className=\"pl-w-full pl-aspect-video\" />}\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 />\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\">\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 />\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\";\r\nimport { ConditionName } from \"../../../helpers/interfaces/enums\";\r\n\r\nconst Skeleton = () => {\r\n return (\r\n <div\r\n role=\"status\"\r\n className={`pl-size-full pl-flex pl-items-center pl-justify-center pl-bg-gray-300 ${!conditions(ConditionName.isTouchScreen) && \"pl-rounded-lg\"} pl-animate-pulse dark:pl-bg-gray-700`}\r\n >\r\n <span className=\"pl-sr-only\">Loading...</span>\r\n </div>\r\n );\r\n};\r\n\r\nexport default Skeleton;\r\n"]}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
'use strict';var chunkSRJT46V7_js=require('./chunk-SRJT46V7.js');require('./chunk-IT4ECGGR.js');var chunkM2G4MENQ_js=require('./chunk-M2G4MENQ.js'),chunkCXFHM7DX_js=require('./chunk-CXFHM7DX.js'),chunkWO4IQUGO_js=require('./chunk-WO4IQUGO.js'),reactRedux=require('react-redux'),jsxRuntime=require('react/jsx-runtime'),reactCircularProgressbar=require('react-circular-progressbar'),s=require('next/legacy/image');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var s__default=/*#__PURE__*/_interopDefault(s);chunkWO4IQUGO_js.e();chunkWO4IQUGO_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 ${!chunkM2G4MENQ_js.ca("isTouchScreen")&&"pl-rounded-lg"} pl-animate-pulse dark:pl-bg-gray-700`,children:jsxRuntime.jsx("span",{className:"pl-sr-only",children:"Loading..."})}),x=h;var w=()=>{let{params:e}=chunkM2G4MENQ_js.ea(({videoData:{params:f}})=>({params:f}),reactRedux.shallowEqual);return chunkSRJT46V7_js.d(),jsxRuntime.jsxs("div",{id:"video-area",className:`pl-relative pl-rounded-[12px] pl-w-full pl-h-full pl-aspect-video !pl-overflow-hidden ${chunkM2G4MENQ_js.ca("isTouchScreen")&&"pl-rounded-none"} ${chunkM2G4MENQ_js.ca("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.jsx(s__default.default,{src:e.banner,alt:"banner",layout:"fill",className:"pl-w-full pl-aspect-video"}),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(s__default.default,{alt:"info-circle-icon",src:chunkCXFHM7DX_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(s__default.default,{alt:"rotate-red-icon",src:chunkCXFHM7DX_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 ${chunkM2G4MENQ_js.ca("isTouchScreenPortrait")?"pl-flex-col":`pl-flex-col-reverse pl-mb-3 ${chunkM2G4MENQ_js.ca("isFullScreen")&&"pl-mb-8"}`} pl-gap-[14.58px]`,children:[jsxRuntime.jsxs("div",{className:`pl-flex pl-items-center pl-justify-between ${chunkM2G4MENQ_js.ca("isFullScreen")?"pl-mx-8":"pl-mx-[14.58px]"}`,children:[jsxRuntime.jsx(chunkSRJT46V7_js.b,{}),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",children:[jsxRuntime.jsx("span",{children:chunkM2G4MENQ_js.P(0)}),jsxRuntime.jsx("span",{children:"/"}),jsxRuntime.jsx("span",{children:chunkM2G4MENQ_js.P(e.vhl_duration)})]}),jsxRuntime.jsx(chunkSRJT46V7_js.c,{})]})]}),jsxRuntime.jsx("div",{className:"pl-w-full pl-h-[3.64px] pl-bg-gray-highLight pl-animate-pulse"})]})]}),e.vhl_status==="skeleton"&&jsxRuntime.jsx(x,{})]})},R=w;module.exports=R;//# sourceMappingURL=VideoHighLighter-KS4OF7LU.js.map
|
|
2
|
+
//# sourceMappingURL=VideoHighLighter-KS4OF7LU.js.map
|
|
@@ -0,0 +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-KS4OF7LU.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/legacy/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 && <Image src={params.banner} alt=\"banner\" layout=\"fill\" className=\"pl-w-full pl-aspect-video\" />}\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 />\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\">\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 />\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\";\r\nimport { ConditionName } from \"../../../helpers/interfaces/enums\";\r\n\r\nconst Skeleton = () => {\r\n return (\r\n <div\r\n role=\"status\"\r\n className={`pl-size-full pl-flex pl-items-center pl-justify-center pl-bg-gray-300 ${!conditions(ConditionName.isTouchScreen) && \"pl-rounded-lg\"} pl-animate-pulse dark:pl-bg-gray-700`}\r\n >\r\n <span className=\"pl-sr-only\">Loading...</span>\r\n </div>\r\n );\r\n};\r\n\r\nexport default Skeleton;\r\n"]}
|
package/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
'use strict';var chunkERJKVJY6_js=require('./chunk-ERJKVJY6.js'),chunkTVDVQALL_js=require('./chunk-TVDVQALL.js'),chunkFSNZMZHV_js=require('./chunk-FSNZMZHV.js'),chunkIT4ECGGR_js=require('./chunk-IT4ECGGR.js'),chunkM2G4MENQ_js=require('./chunk-M2G4MENQ.js'),chunkCXFHM7DX_js=require('./chunk-CXFHM7DX.js'),chunkWO4IQUGO_js=require('./chunk-WO4IQUGO.js'),reactRedux=require('react-redux'),Se=require('react'),C=require('next/dynamic'),jsxRuntime=require('react/jsx-runtime'),Ne=require('next/legacy/image'),b=require('hls.js');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var Se__default=/*#__PURE__*/_interopDefault(Se);var C__default=/*#__PURE__*/_interopDefault(C);var Ne__default=/*#__PURE__*/_interopDefault(Ne);var b__default=/*#__PURE__*/_interopDefault(b);chunkWO4IQUGO_js.e();chunkWO4IQUGO_js.e();chunkWO4IQUGO_js.e();chunkWO4IQUGO_js.e();var ce=e=>{let r=chunkM2G4MENQ_js.da(),o={},t=()=>{r(chunkM2G4MENQ_js.s(o)),r(chunkM2G4MENQ_js.x(true));},m=()=>{e.uuid&&(localStorage.setItem("hamrahiUUID",e.uuid),o.uuid=e.uuid);},E=()=>{o={provider:"cafevdo",...e};},p=()=>{o={id:window.atob(e.id),type:e.type,fullscreen:e.fullscreen,autoplay:e.autoplay,banner:e.banner&&e.banner!=="undefined"?e.banner:void 0,uuid:chunkM2G4MENQ_js.N(),bannerAlt:e.bannerAlt,provider:"cafevdo",onFinished:e.onFinished,onClickMiniPlayerIcon:e.onClickMiniPlayerIcon,onChangeCurrentTime:e.onChangeCurrentTime,currentTime:e.currentTime,subtitles:e.subtitles,daaniHashCode:e.daaniHashCode};},pe=async()=>{o={},Object.keys(e).includes("type")&&(String(e.type)==="vod"?E():String(e.type)==="static"&&p(),m(),t());};Se.useEffect(()=>{pe();},[e]);},Y=ce;chunkWO4IQUGO_js.e();chunkWO4IQUGO_js.e();var ue=(e,r)=>{let o=Se.useRef(r);Se.useEffect(()=>{o.current=r;},[]),Se.useEffect(()=>{let t=m=>{m.code===e&&!["INPUT","TEXTAREA"].includes(m.target.nodeName)&&!m.target.isContentEditable&&o.current(m);};return document.addEventListener("keydown",t),()=>document.removeEventListener("keydown",t)},[e]);},f=ue;var ye=()=>{f("Space",e=>{chunkM2G4MENQ_js.ca("isPressKeySpace")&&chunkIT4ECGGR_js.a(e);}),f("ArrowRight",e=>{chunkM2G4MENQ_js.ca("isPressKeyArrowRight")&&chunkIT4ECGGR_js.e("forward",15,e);}),f("ArrowLeft",e=>{chunkM2G4MENQ_js.ca("isPressKeyArrowLeft")&&chunkIT4ECGGR_js.e("backward",15,e);}),f("KeyI",()=>{chunkM2G4MENQ_js.ca("isPressKeyI")&&chunkM2G4MENQ_js.fa().requestPictureInPicture();}),f("KeyF",()=>{chunkM2G4MENQ_js.ca("isPressKeyF")&&chunkIT4ECGGR_js.f();}),f("KeyM",()=>{if(chunkM2G4MENQ_js.ca("isPressKeyM")){let{settings:e}=chunkM2G4MENQ_js.M.getState().user;chunkIT4ECGGR_js.d(e.volume?0:50);}}),f("KeyC",()=>{chunkM2G4MENQ_js.ca("isPressKeyC")&&chunkFSNZMZHV_js.b();});},j=ye;var ge=C__default.default(()=>import('./staticPlayer-G3WOD5RT.js')),ve=C__default.default(()=>import('./vodPlayer-X4YM6IG5.js')),Te=C__default.default(()=>import('./VideoHighLighter-
|
|
1
|
+
'use strict';var chunkERJKVJY6_js=require('./chunk-ERJKVJY6.js'),chunkTVDVQALL_js=require('./chunk-TVDVQALL.js'),chunkFSNZMZHV_js=require('./chunk-FSNZMZHV.js'),chunkIT4ECGGR_js=require('./chunk-IT4ECGGR.js'),chunkM2G4MENQ_js=require('./chunk-M2G4MENQ.js'),chunkCXFHM7DX_js=require('./chunk-CXFHM7DX.js'),chunkWO4IQUGO_js=require('./chunk-WO4IQUGO.js'),reactRedux=require('react-redux'),Se=require('react'),C=require('next/dynamic'),jsxRuntime=require('react/jsx-runtime'),Ne=require('next/legacy/image'),b=require('hls.js');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var Se__default=/*#__PURE__*/_interopDefault(Se);var C__default=/*#__PURE__*/_interopDefault(C);var Ne__default=/*#__PURE__*/_interopDefault(Ne);var b__default=/*#__PURE__*/_interopDefault(b);chunkWO4IQUGO_js.e();chunkWO4IQUGO_js.e();chunkWO4IQUGO_js.e();chunkWO4IQUGO_js.e();var ce=e=>{let r=chunkM2G4MENQ_js.da(),o={},t=()=>{r(chunkM2G4MENQ_js.s(o)),r(chunkM2G4MENQ_js.x(true));},m=()=>{e.uuid&&(localStorage.setItem("hamrahiUUID",e.uuid),o.uuid=e.uuid);},E=()=>{o={provider:"cafevdo",...e};},p=()=>{o={id:window.atob(e.id),type:e.type,fullscreen:e.fullscreen,autoplay:e.autoplay,banner:e.banner&&e.banner!=="undefined"?e.banner:void 0,uuid:chunkM2G4MENQ_js.N(),bannerAlt:e.bannerAlt,provider:"cafevdo",onFinished:e.onFinished,onClickMiniPlayerIcon:e.onClickMiniPlayerIcon,onChangeCurrentTime:e.onChangeCurrentTime,currentTime:e.currentTime,subtitles:e.subtitles,daaniHashCode:e.daaniHashCode};},pe=async()=>{o={},Object.keys(e).includes("type")&&(String(e.type)==="vod"?E():String(e.type)==="static"&&p(),m(),t());};Se.useEffect(()=>{pe();},[e]);},Y=ce;chunkWO4IQUGO_js.e();chunkWO4IQUGO_js.e();var ue=(e,r)=>{let o=Se.useRef(r);Se.useEffect(()=>{o.current=r;},[]),Se.useEffect(()=>{let t=m=>{m.code===e&&!["INPUT","TEXTAREA"].includes(m.target.nodeName)&&!m.target.isContentEditable&&o.current(m);};return document.addEventListener("keydown",t),()=>document.removeEventListener("keydown",t)},[e]);},f=ue;var ye=()=>{f("Space",e=>{chunkM2G4MENQ_js.ca("isPressKeySpace")&&chunkIT4ECGGR_js.a(e);}),f("ArrowRight",e=>{chunkM2G4MENQ_js.ca("isPressKeyArrowRight")&&chunkIT4ECGGR_js.e("forward",15,e);}),f("ArrowLeft",e=>{chunkM2G4MENQ_js.ca("isPressKeyArrowLeft")&&chunkIT4ECGGR_js.e("backward",15,e);}),f("KeyI",()=>{chunkM2G4MENQ_js.ca("isPressKeyI")&&chunkM2G4MENQ_js.fa().requestPictureInPicture();}),f("KeyF",()=>{chunkM2G4MENQ_js.ca("isPressKeyF")&&chunkIT4ECGGR_js.f();}),f("KeyM",()=>{if(chunkM2G4MENQ_js.ca("isPressKeyM")){let{settings:e}=chunkM2G4MENQ_js.M.getState().user;chunkIT4ECGGR_js.d(e.volume?0:50);}}),f("KeyC",()=>{chunkM2G4MENQ_js.ca("isPressKeyC")&&chunkFSNZMZHV_js.b();});},j=ye;var ge=C__default.default(()=>import('./staticPlayer-G3WOD5RT.js')),ve=C__default.default(()=>import('./vodPlayer-X4YM6IG5.js')),Te=C__default.default(()=>import('./VideoHighLighter-KS4OF7LU.js')),Ie=e=>{let{params:r}=chunkM2G4MENQ_js.ea(({videoData:{isReady:t,params:m}})=>({isReady:t,params:m}),reactRedux.shallowEqual);if(Se.useEffect(()=>(r.id&&e.params.id!==r.id&&(r.type==="static"&&(chunkM2G4MENQ_js.fa().pause(),chunkM2G4MENQ_js.fa().removeAttribute("src"),chunkM2G4MENQ_js.fa().load()),chunkM2G4MENQ_js.V()),()=>{r.id&&chunkM2G4MENQ_js.V();}),[e.params.id]),Y(e.params),j(),chunkM2G4MENQ_js.ea(({controller:{isFullScreen:t}})=>({isFullScreen:t}),reactRedux.shallowEqual),e.params.vhl_status)return jsxRuntime.jsx(Te,{});let o=jsxRuntime.jsx(jsxRuntime.Fragment,{});return chunkM2G4MENQ_js.ca("isReady")&&(o=jsxRuntime.jsx("div",{className:`${!chunkM2G4MENQ_js.ca("isTouchScreen")&&"pl-rounded-[12px]"}`,style:{zIndex:1e6,touchAction:"pan-y",userSelect:"none"},children:chunkM2G4MENQ_js.ca("isStaticFormat")?jsxRuntime.jsx(ge,{}):jsxRuntime.jsx(ve,{})})),jsxRuntime.jsxs("div",{dir:"rtl",className:`pl-relative pl-rounded-[12px] pl-w-full pl-h-full pl-aspect-video ${chunkM2G4MENQ_js.ca("isFullScreen")&&"!pl-overflow-hidden pl-fixed pl-top-0 pl-right-0 pl-w-screen pl-h-screen pl-rounded-none"}`,id:"parent-player",children:[chunkM2G4MENQ_js.ca("isFirstPlay")&&jsxRuntime.jsx("div",{className:`pl-absolute pl-bg-black pl-w-full pl-h-full pl-aspect-video ${!chunkM2G4MENQ_js.ca("isTouchScreen")&&!chunkM2G4MENQ_js.ca("isFullScreen")&&"pl-rounded-[12px]"}`,children:jsxRuntime.jsx(chunkTVDVQALL_js.a,{})}),o]})},ee=Ie;chunkWO4IQUGO_js.e();var V=class extends Se__default.default.Component{state={hasError:false,error:null,errorInfo:null};static getDerivedStateFromError(r){return {hasError:true}}componentDidCatch(r,o){this.setState({error:r,errorInfo:o}),chunkM2G4MENQ_js.Ca({type:"OTHER_ERROR",message:r.message});}render(){return this.state.hasError?jsxRuntime.jsx(jsxRuntime.Fragment,{}):this.props.children}},I=V;var Ce=({params:e})=>jsxRuntime.jsx(reactRedux.Provider,{store:chunkM2G4MENQ_js.M,children:jsxRuntime.jsx(I,{children:jsxRuntime.jsx(ee,{params:e})})});chunkWO4IQUGO_js.e();chunkWO4IQUGO_js.e();chunkWO4IQUGO_js.e();var De=()=>(chunkM2G4MENQ_js.ea(({miniPlayer:{play:e}})=>({play:e}),reactRedux.shallowEqual),jsxRuntime.jsx("div",{className:`${!chunkM2G4MENQ_js.ca("isTouchScreen")&&"hover:pl-scale-125"} pl-transition-transform pl-ease-in-out pl-cursor-pointer`,onContextMenu:e=>e.preventDefault(),children:jsxRuntime.jsx(Ne__default.default,{alt:"",src:chunkM2G4MENQ_js.ca("isPlayMiniPlayer")?chunkCXFHM7DX_js.a.bigPause:chunkCXFHM7DX_js.a.bigPlay,width:20,height:20,onClick:e=>chunkIT4ECGGR_js.c(e),onDoubleClick:e=>e.stopPropagation(),className:`${chunkM2G4MENQ_js.ca("isPlayMiniPlayer")?"pl-big-play-icon":"pl-big-pause-icon"}`})})),ie=De;chunkWO4IQUGO_js.e();chunkWO4IQUGO_js.e();var xe=()=>{let e=chunkM2G4MENQ_js.da(),r=chunkM2G4MENQ_js.ea(t=>t.miniPlayer.details),o=chunkM2G4MENQ_js.ea(t=>t.miniPlayer.params);return Se.useEffect(()=>{let t=new b__default.default(chunkERJKVJY6_js.d());return b__default.default.isSupported()?(t.attachMedia(document.getElementById("mini-player-video-tag")),t.on(b__default.default.Events.MEDIA_ATTACHED,()=>chunkERJKVJY6_js.C(t))):chunkM2G4MENQ_js.fa().canPlayType("application/vnd.apple.mpegurl")&&(chunkM2G4MENQ_js.fa().src=r.stream_link,chunkERJKVJY6_js.b()),()=>{e(chunkM2G4MENQ_js.L()),t.detachMedia(),t.off(b__default.default.Events.MEDIA_ATTACHED,()=>chunkERJKVJY6_js.C(t));}},[]),Se.useEffect(()=>{o.currentTime&&(e(chunkM2G4MENQ_js.K(true)),chunkM2G4MENQ_js.ga().currentTime=o.currentTime,e(chunkM2G4MENQ_js.a(false)),chunkM2G4MENQ_js.fa().pause());},[o.currentTime]),jsxRuntime.jsx(jsxRuntime.Fragment,{children:jsxRuntime.jsx("video",{onPlay:()=>e(chunkM2G4MENQ_js.K(true)),onEnded:()=>e(chunkM2G4MENQ_js.K(false)),onError:chunkERJKVJY6_js.a,poster:o.banner?o.banner:r.banner,id:"mini-player-video-tag",className:"pl-absolute pl-bg-black pl-w-full pl-h-full",autoPlay:true,muted:true})})},te=xe;chunkWO4IQUGO_js.e();var Ke=()=>{let e=chunkM2G4MENQ_js.da(),r=chunkM2G4MENQ_js.ea(o=>o.miniPlayer.params);return Se.useEffect(()=>{r.currentTime&&(e(chunkM2G4MENQ_js.K(true)),chunkM2G4MENQ_js.ga().currentTime=r.currentTime,e(chunkM2G4MENQ_js.a(false)),chunkM2G4MENQ_js.fa().pause());},[r.currentTime]),jsxRuntime.jsx("video",{poster:r.banner,onPlay:()=>e(chunkM2G4MENQ_js.K(true)),onEnded:()=>e(chunkM2G4MENQ_js.K(false)),onError:chunkERJKVJY6_js.a,src:r.id,id:"mini-player-video-tag",className:"pl-absolute pl-bg-black pl-w-full pl-h-full",autoPlay:true})},ne=Ke;var He=()=>{let e=chunkM2G4MENQ_js.ea(r=>r.miniPlayer.params.type);return jsxRuntime.jsx(jsxRuntime.Fragment,{children:e==="static"?jsxRuntime.jsx(ne,{}):jsxRuntime.jsx(te,{})})},le=He;var me=({params:e})=>{let r=chunkM2G4MENQ_js.da(),o=chunkM2G4MENQ_js.ea(p=>p.miniPlayer.details),t=chunkM2G4MENQ_js.ea(p=>p.miniPlayer.params);chunkM2G4MENQ_js.ea(p=>p.miniPlayer.play);let m=chunkM2G4MENQ_js.ea(p=>p.videoData.params);Se.useEffect(()=>{r(chunkM2G4MENQ_js.I(e));},[]);let E=async()=>await chunkFSNZMZHV_js.a(e.id);return Se.useEffect(()=>{e.id&&e.type==="vod"&&E();},[e.id]),jsxRuntime.jsx(jsxRuntime.Fragment,{children:o.stream_link||t.type==="static"&&t.id?jsxRuntime.jsxs("div",{id:"miniPlayer-video-area",style:{zIndex:1000003},className:"pl-relative pl-w-full pl-h-full",children:[jsxRuntime.jsx("div",{className:`pl-absolute pl-z-[1000000] pl-top-3 pl-right-3 pl-cursor-pointer ${chunkM2G4MENQ_js.ca("isActiveElements")?"animate__fadeIn pl-pointer-events-auto":"animate__fadeOut pl-pointer-events-none"}`,onClick:()=>{m.id===t.id&&(chunkM2G4MENQ_js.fa().currentTime=chunkM2G4MENQ_js.ga().currentTime,r(chunkM2G4MENQ_js.c(chunkM2G4MENQ_js.ga().currentTime))),localStorage.setItem("close-miniPlayer","true"),e.onClose();},children:jsxRuntime.jsx(Ne__default.default,{className:"pl-cursor-pointer",src:chunkCXFHM7DX_js.a.closeSquare,alt:"close-square",width:16,height:16})}),jsxRuntime.jsx("div",{className:`pl-w-full pl-absolute pl-bottom-0 animate__animated animate__faster pl-z-[1000000] ${chunkM2G4MENQ_js.ca("isActiveElements")&&!chunkM2G4MENQ_js.ca("isLoading")?"animate__fadeIn pl-pointer-events-auto":"animate__fadeOut pl-pointer-events-none"}`,children:jsxRuntime.jsx("div",{className:"pl-w-full pl-flex pl-justify-center",children:jsxRuntime.jsx(ie,{})})}),jsxRuntime.jsx(le,{})]}):jsxRuntime.jsx("div",{className:"pl-w-full pl-h-full pl-bg-white"})})};var Oe=({params:e})=>jsxRuntime.jsx(reactRedux.Provider,{store:chunkM2G4MENQ_js.M,children:jsxRuntime.jsx(I,{children:jsxRuntime.jsx(me,{params:e})})});exports.MiniPlayerLibrary=Oe;exports.VideoPlayerLibrary=Ce;//# sourceMappingURL=index.js.map
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
package/index.mjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import {a as a$4,d,C,b as b$1}from'./chunk-BC2TZBZ7.mjs';import {a}from'./chunk-OEFD3YXU.mjs';import {a as a$1,b as b$2}from'./chunk-OJ4PZQN5.mjs';import {c as c$1,a as a$5,e as e$1,f,d as d$1}from'./chunk-IROHCKSH.mjs';import {Ca,M,ea,fa,V as V$1,ca,da,I,ga,c,K,a as a$3,L,N as N$1,s,x}from'./chunk-IDNCPTFE.mjs';import {a as a$2}from'./chunk-XNVWDQSS.mjs';import {e}from'./chunk-NXC6LNWJ.mjs';import {Provider,shallowEqual}from'react-redux';import Me,{useEffect,useRef}from'react';import V from'next/dynamic';import {jsx,Fragment,jsxs}from'react/jsx-runtime';import De from'next/legacy/image';import E from'hls.js';e();e();e();e();var fe=e=>{let r=da(),o={},t=()=>{r(s(o)),r(x(true));},p=()=>{e.uuid&&(localStorage.setItem("hamrahiUUID",e.uuid),o.uuid=e.uuid);},S=()=>{o={provider:"cafevdo",...e};},d=()=>{o={id:window.atob(e.id),type:e.type,fullscreen:e.fullscreen,autoplay:e.autoplay,banner:e.banner&&e.banner!=="undefined"?e.banner:void 0,uuid:N$1(),bannerAlt:e.bannerAlt,provider:"cafevdo",onFinished:e.onFinished,onClickMiniPlayerIcon:e.onClickMiniPlayerIcon,onChangeCurrentTime:e.onChangeCurrentTime,currentTime:e.currentTime,subtitles:e.subtitles,daaniHashCode:e.daaniHashCode};},de=async()=>{o={},Object.keys(e).includes("type")&&(String(e.type)==="vod"?S():String(e.type)==="static"&&d(),p(),t());};useEffect(()=>{de();},[e]);},Z=fe;e();e();var ye=(e,r)=>{let o=useRef(r);useEffect(()=>{o.current=r;},[]),useEffect(()=>{let t=p=>{p.code===e&&!["INPUT","TEXTAREA"].includes(p.target.nodeName)&&!p.target.isContentEditable&&o.current(p);};return document.addEventListener("keydown",t),()=>document.removeEventListener("keydown",t)},[e]);},u=ye;var Pe=()=>{u("Space",e=>{ca("isPressKeySpace")&&a$5(e);}),u("ArrowRight",e=>{ca("isPressKeyArrowRight")&&e$1("forward",15,e);}),u("ArrowLeft",e=>{ca("isPressKeyArrowLeft")&&e$1("backward",15,e);}),u("KeyI",()=>{ca("isPressKeyI")&&fa().requestPictureInPicture();}),u("KeyF",()=>{ca("isPressKeyF")&&f();}),u("KeyM",()=>{if(ca("isPressKeyM")){let{settings:e}=M.getState().user;d$1(e.volume?0:50);}}),u("KeyC",()=>{ca("isPressKeyC")&&b$2();});},q=Pe;var ve=V(()=>import('./staticPlayer-QLINPHLK.mjs')),Te=V(()=>import('./vodPlayer-3E5EY62P.mjs')),Ie=V(()=>import('./VideoHighLighter-
|
|
1
|
+
import {a as a$4,d,C,b as b$1}from'./chunk-BC2TZBZ7.mjs';import {a}from'./chunk-OEFD3YXU.mjs';import {a as a$1,b as b$2}from'./chunk-OJ4PZQN5.mjs';import {c as c$1,a as a$5,e as e$1,f,d as d$1}from'./chunk-IROHCKSH.mjs';import {Ca,M,ea,fa,V as V$1,ca,da,I,ga,c,K,a as a$3,L,N as N$1,s,x}from'./chunk-IDNCPTFE.mjs';import {a as a$2}from'./chunk-XNVWDQSS.mjs';import {e}from'./chunk-NXC6LNWJ.mjs';import {Provider,shallowEqual}from'react-redux';import Me,{useEffect,useRef}from'react';import V from'next/dynamic';import {jsx,Fragment,jsxs}from'react/jsx-runtime';import De from'next/legacy/image';import E from'hls.js';e();e();e();e();var fe=e=>{let r=da(),o={},t=()=>{r(s(o)),r(x(true));},p=()=>{e.uuid&&(localStorage.setItem("hamrahiUUID",e.uuid),o.uuid=e.uuid);},S=()=>{o={provider:"cafevdo",...e};},d=()=>{o={id:window.atob(e.id),type:e.type,fullscreen:e.fullscreen,autoplay:e.autoplay,banner:e.banner&&e.banner!=="undefined"?e.banner:void 0,uuid:N$1(),bannerAlt:e.bannerAlt,provider:"cafevdo",onFinished:e.onFinished,onClickMiniPlayerIcon:e.onClickMiniPlayerIcon,onChangeCurrentTime:e.onChangeCurrentTime,currentTime:e.currentTime,subtitles:e.subtitles,daaniHashCode:e.daaniHashCode};},de=async()=>{o={},Object.keys(e).includes("type")&&(String(e.type)==="vod"?S():String(e.type)==="static"&&d(),p(),t());};useEffect(()=>{de();},[e]);},Z=fe;e();e();var ye=(e,r)=>{let o=useRef(r);useEffect(()=>{o.current=r;},[]),useEffect(()=>{let t=p=>{p.code===e&&!["INPUT","TEXTAREA"].includes(p.target.nodeName)&&!p.target.isContentEditable&&o.current(p);};return document.addEventListener("keydown",t),()=>document.removeEventListener("keydown",t)},[e]);},u=ye;var Pe=()=>{u("Space",e=>{ca("isPressKeySpace")&&a$5(e);}),u("ArrowRight",e=>{ca("isPressKeyArrowRight")&&e$1("forward",15,e);}),u("ArrowLeft",e=>{ca("isPressKeyArrowLeft")&&e$1("backward",15,e);}),u("KeyI",()=>{ca("isPressKeyI")&&fa().requestPictureInPicture();}),u("KeyF",()=>{ca("isPressKeyF")&&f();}),u("KeyM",()=>{if(ca("isPressKeyM")){let{settings:e}=M.getState().user;d$1(e.volume?0:50);}}),u("KeyC",()=>{ca("isPressKeyC")&&b$2();});},q=Pe;var ve=V(()=>import('./staticPlayer-QLINPHLK.mjs')),Te=V(()=>import('./vodPlayer-3E5EY62P.mjs')),Ie=V(()=>import('./VideoHighLighter-J244P4R6.mjs')),be=e=>{let{params:r}=ea(({videoData:{isReady:t,params:p}})=>({isReady:t,params:p}),shallowEqual);if(useEffect(()=>(r.id&&e.params.id!==r.id&&(r.type==="static"&&(fa().pause(),fa().removeAttribute("src"),fa().load()),V$1()),()=>{r.id&&V$1();}),[e.params.id]),Z(e.params),q(),ea(({controller:{isFullScreen:t}})=>({isFullScreen:t}),shallowEqual),e.params.vhl_status)return jsx(Ie,{});let o=jsx(Fragment,{});return ca("isReady")&&(o=jsx("div",{className:`${!ca("isTouchScreen")&&"pl-rounded-[12px]"}`,style:{zIndex:1e6,touchAction:"pan-y",userSelect:"none"},children:ca("isStaticFormat")?jsx(ve,{}):jsx(Te,{})})),jsxs("div",{dir:"rtl",className:`pl-relative pl-rounded-[12px] pl-w-full pl-h-full pl-aspect-video ${ca("isFullScreen")&&"!pl-overflow-hidden pl-fixed pl-top-0 pl-right-0 pl-w-screen pl-h-screen pl-rounded-none"}`,id:"parent-player",children:[ca("isFirstPlay")&&jsx("div",{className:`pl-absolute pl-bg-black pl-w-full pl-h-full pl-aspect-video ${!ca("isTouchScreen")&&!ca("isFullScreen")&&"pl-rounded-[12px]"}`,children:jsx(a,{})}),o]})},re=be;e();var N=class extends Me.Component{state={hasError:false,error:null,errorInfo:null};static getDerivedStateFromError(r){return {hasError:true}}componentDidCatch(r,o){this.setState({error:r,errorInfo:o}),Ca({type:"OTHER_ERROR",message:r.message});}render(){return this.state.hasError?jsx(Fragment,{}):this.props.children}},b=N;var Ve=({params:e})=>jsx(Provider,{store:M,children:jsx(b,{children:jsx(re,{params:e})})});e();e();e();var xe=()=>(ea(({miniPlayer:{play:e}})=>({play:e}),shallowEqual),jsx("div",{className:`${!ca("isTouchScreen")&&"hover:pl-scale-125"} pl-transition-transform pl-ease-in-out pl-cursor-pointer`,onContextMenu:e=>e.preventDefault(),children:jsx(De,{alt:"",src:ca("isPlayMiniPlayer")?a$2.bigPause:a$2.bigPlay,width:20,height:20,onClick:e=>c$1(e),onDoubleClick:e=>e.stopPropagation(),className:`${ca("isPlayMiniPlayer")?"pl-big-play-icon":"pl-big-pause-icon"}`})})),ae=xe;e();e();var _e=()=>{let e=da(),r=ea(t=>t.miniPlayer.details),o=ea(t=>t.miniPlayer.params);return useEffect(()=>{let t=new E(d());return E.isSupported()?(t.attachMedia(document.getElementById("mini-player-video-tag")),t.on(E.Events.MEDIA_ATTACHED,()=>C(t))):fa().canPlayType("application/vnd.apple.mpegurl")&&(fa().src=r.stream_link,b$1()),()=>{e(L()),t.detachMedia(),t.off(E.Events.MEDIA_ATTACHED,()=>C(t));}},[]),useEffect(()=>{o.currentTime&&(e(K(true)),ga().currentTime=o.currentTime,e(a$3(false)),fa().pause());},[o.currentTime]),jsx(Fragment,{children:jsx("video",{onPlay:()=>e(K(true)),onEnded:()=>e(K(false)),onError:a$4,poster:o.banner?o.banner:r.banner,id:"mini-player-video-tag",className:"pl-absolute pl-bg-black pl-w-full pl-h-full",autoPlay:true,muted:true})})},ne=_e;e();var Re=()=>{let e=da(),r=ea(o=>o.miniPlayer.params);return useEffect(()=>{r.currentTime&&(e(K(true)),ga().currentTime=r.currentTime,e(a$3(false)),fa().pause());},[r.currentTime]),jsx("video",{poster:r.banner,onPlay:()=>e(K(true)),onEnded:()=>e(K(false)),onError:a$4,src:r.id,id:"mini-player-video-tag",className:"pl-absolute pl-bg-black pl-w-full pl-h-full",autoPlay:true})},le=Re;var Le=()=>{let e=ea(r=>r.miniPlayer.params.type);return jsx(Fragment,{children:e==="static"?jsx(le,{}):jsx(ne,{})})},se=Le;var pe=({params:e})=>{let r=da(),o=ea(d=>d.miniPlayer.details),t=ea(d=>d.miniPlayer.params);ea(d=>d.miniPlayer.play);let p=ea(d=>d.videoData.params);useEffect(()=>{r(I(e));},[]);let S=async()=>await a$1(e.id);return useEffect(()=>{e.id&&e.type==="vod"&&S();},[e.id]),jsx(Fragment,{children:o.stream_link||t.type==="static"&&t.id?jsxs("div",{id:"miniPlayer-video-area",style:{zIndex:1000003},className:"pl-relative pl-w-full pl-h-full",children:[jsx("div",{className:`pl-absolute pl-z-[1000000] pl-top-3 pl-right-3 pl-cursor-pointer ${ca("isActiveElements")?"animate__fadeIn pl-pointer-events-auto":"animate__fadeOut pl-pointer-events-none"}`,onClick:()=>{p.id===t.id&&(fa().currentTime=ga().currentTime,r(c(ga().currentTime))),localStorage.setItem("close-miniPlayer","true"),e.onClose();},children:jsx(De,{className:"pl-cursor-pointer",src:a$2.closeSquare,alt:"close-square",width:16,height:16})}),jsx("div",{className:`pl-w-full pl-absolute pl-bottom-0 animate__animated animate__faster pl-z-[1000000] ${ca("isActiveElements")&&!ca("isLoading")?"animate__fadeIn pl-pointer-events-auto":"animate__fadeOut pl-pointer-events-none"}`,children:jsx("div",{className:"pl-w-full pl-flex pl-justify-center",children:jsx(ae,{})})}),jsx(se,{})]}):jsx("div",{className:"pl-w-full pl-h-full pl-bg-white"})})};var Be=({params:e})=>jsx(Provider,{store:M,children:jsx(b,{children:jsx(pe,{params:e})})});export{Be as MiniPlayerLibrary,Ve as VideoPlayerLibrary};//# sourceMappingURL=index.mjs.map
|
|
2
2
|
//# sourceMappingURL=index.mjs.map
|
package/package.json
CHANGED
package/videoPlayerStyles.css
CHANGED
|
@@ -3541,6 +3541,10 @@ video {
|
|
|
3541
3541
|
height: 20px;
|
|
3542
3542
|
}
|
|
3543
3543
|
|
|
3544
|
+
.pl-h-\[220px\]{
|
|
3545
|
+
height: 220px;
|
|
3546
|
+
}
|
|
3547
|
+
|
|
3544
3548
|
.pl-h-\[22px\]{
|
|
3545
3549
|
height: 22px;
|
|
3546
3550
|
}
|
|
@@ -3669,6 +3673,10 @@ video {
|
|
|
3669
3673
|
width: 37px;
|
|
3670
3674
|
}
|
|
3671
3675
|
|
|
3676
|
+
.pl-w-\[386px\]{
|
|
3677
|
+
width: 386px;
|
|
3678
|
+
}
|
|
3679
|
+
|
|
3672
3680
|
.pl-w-\[40px\]{
|
|
3673
3681
|
width: 40px;
|
|
3674
3682
|
}
|
|
@@ -3877,6 +3885,10 @@ video {
|
|
|
3877
3885
|
overflow-y: auto;
|
|
3878
3886
|
}
|
|
3879
3887
|
|
|
3888
|
+
.pl-overflow-x-hidden{
|
|
3889
|
+
overflow-x: hidden;
|
|
3890
|
+
}
|
|
3891
|
+
|
|
3880
3892
|
.pl-truncate{
|
|
3881
3893
|
overflow: hidden;
|
|
3882
3894
|
text-overflow: ellipsis;
|
|
@@ -4538,6 +4550,10 @@ video {
|
|
|
4538
4550
|
max-width: 285px !important;
|
|
4539
4551
|
}
|
|
4540
4552
|
|
|
4553
|
+
.tablet\:\!pl-max-w-\[305px\]{
|
|
4554
|
+
max-width: 305px !important;
|
|
4555
|
+
}
|
|
4556
|
+
|
|
4541
4557
|
.tablet\:\!pl-max-w-\[440px\]{
|
|
4542
4558
|
max-width: 440px !important;
|
|
4543
4559
|
}
|
|
@@ -4546,6 +4562,15 @@ video {
|
|
|
4546
4562
|
max-width: 440px;
|
|
4547
4563
|
}
|
|
4548
4564
|
|
|
4565
|
+
.tablet\:pl-gap-\[12\.32px\]{
|
|
4566
|
+
gap: 12.32px;
|
|
4567
|
+
}
|
|
4568
|
+
|
|
4569
|
+
.tablet\:pl-py-\[12\.32px\]{
|
|
4570
|
+
padding-top: 12.32px;
|
|
4571
|
+
padding-bottom: 12.32px;
|
|
4572
|
+
}
|
|
4573
|
+
|
|
4549
4574
|
.tablet\:pl-opacity-100{
|
|
4550
4575
|
opacity: 1;
|
|
4551
4576
|
}
|
|
@@ -4562,9 +4587,22 @@ video {
|
|
|
4562
4587
|
bottom: 146px;
|
|
4563
4588
|
}
|
|
4564
4589
|
|
|
4590
|
+
.desktop\:\!pl-max-w-\[198px\]{
|
|
4591
|
+
max-width: 198px !important;
|
|
4592
|
+
}
|
|
4593
|
+
|
|
4565
4594
|
.desktop\:pl-flex-row{
|
|
4566
4595
|
flex-direction: row;
|
|
4567
4596
|
}
|
|
4597
|
+
|
|
4598
|
+
.desktop\:pl-gap-2{
|
|
4599
|
+
gap: 0.5rem;
|
|
4600
|
+
}
|
|
4601
|
+
|
|
4602
|
+
.desktop\:pl-py-2{
|
|
4603
|
+
padding-top: 0.5rem;
|
|
4604
|
+
padding-bottom: 0.5rem;
|
|
4605
|
+
}
|
|
4568
4606
|
}
|
|
4569
4607
|
|
|
4570
4608
|
@media (prefers-color-scheme: dark){
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
'use strict';var chunkSRJT46V7_js=require('./chunk-SRJT46V7.js');require('./chunk-IT4ECGGR.js');var chunkM2G4MENQ_js=require('./chunk-M2G4MENQ.js'),chunkCXFHM7DX_js=require('./chunk-CXFHM7DX.js'),chunkWO4IQUGO_js=require('./chunk-WO4IQUGO.js'),reactRedux=require('react-redux'),jsxRuntime=require('react/jsx-runtime'),reactCircularProgressbar=require('react-circular-progressbar'),s=require('next/legacy/image');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var s__default=/*#__PURE__*/_interopDefault(s);chunkWO4IQUGO_js.e();chunkWO4IQUGO_js.e();var v=()=>jsxRuntime.jsx("div",{role:"status",className:"pl-size-full pl-flex pl-items-center pl-justify-center pl-bg-gray-300 pl-rounded-lg pl-animate-pulse dark:pl-bg-gray-700",children:jsxRuntime.jsx("span",{className:"pl-sr-only",children:"Loading..."})}),f=v;var w=()=>{let{params:e}=chunkM2G4MENQ_js.ea(({videoData:{params:u}})=>({params:u}),reactRedux.shallowEqual);return chunkSRJT46V7_js.d(),jsxRuntime.jsxs("div",{id:"video-area",className:`pl-relative pl-rounded-[12px] pl-w-full pl-h-full pl-aspect-video !pl-overflow-hidden ${chunkM2G4MENQ_js.ca("isTouchScreen")&&"pl-rounded-none"} ${chunkM2G4MENQ_js.ca("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!=="skeleton"&&jsxRuntime.jsxs("div",{className:"pl-flex pl-flex-col pl-justify-between pl-gap-2 pl-size-full",children:[e.banner&&jsxRuntime.jsx(s__default.default,{src:e.banner,alt:"banner",layout:"fill",className:"pl-w-full pl-aspect-video"}),jsxRuntime.jsx("div",{}),e.vhl_status==="download_start"&&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("svg",{style:{height:0},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(s__default.default,{alt:"info-circle-icon",src:chunkCXFHM7DX_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(s__default.default,{alt:"rotate-red-icon",src:chunkCXFHM7DX_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 ${chunkM2G4MENQ_js.ca("isTouchScreenPortrait")?"pl-flex-col":`pl-flex-col-reverse pl-mb-3 ${chunkM2G4MENQ_js.ca("isFullScreen")&&"pl-mb-8"}`} pl-gap-[14.58px]`,children:[jsxRuntime.jsxs("div",{className:`pl-flex pl-items-center pl-justify-between ${chunkM2G4MENQ_js.ca("isFullScreen")?"pl-mx-8":"pl-mx-[14.58px]"}`,children:[jsxRuntime.jsx(chunkSRJT46V7_js.b,{}),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",children:[jsxRuntime.jsx("span",{children:chunkM2G4MENQ_js.P(0)}),jsxRuntime.jsx("span",{children:"/"}),jsxRuntime.jsx("span",{children:chunkM2G4MENQ_js.P(e.vhl_duration)})]}),jsxRuntime.jsx(chunkSRJT46V7_js.c,{})]})]}),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,{})]})},H=w;module.exports=H;//# sourceMappingURL=VideoHighLighter-2F5OLCYV.js.map
|
|
2
|
-
//# sourceMappingURL=VideoHighLighter-2F5OLCYV.js.map
|
|
@@ -1 +0,0 @@
|
|
|
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","Skeleton_default","VideoHighLighter","params","useAppSelector","shallowEqual","useFullScreen_default","jsxs","conditions","Image","CircularProgressbarWithChildren","buildStyles","importImages_default","fullScreen_default","secondsToHMS","soundVolume_default","VideoHighLighter_default"],"mappings":"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","file":"VideoHighLighter-2F5OLCYV.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/legacy/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 ${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 >\r\n {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 && <Image src={params.banner} alt=\"banner\" layout=\"fill\" className=\"pl-w-full pl-aspect-video\"/>}\r\n <div />\r\n {params.vhl_status === \"download_start\" && (\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 <svg style={{ height: 0 }}>\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 {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 className={`pl-flex ${!conditions(ConditionName.isTouchScreenPortrait) ? `pl-flex-col-reverse pl-mb-3 ${conditions(ConditionName.isFullScreen) && \"pl-mb-8\"}` : \"pl-flex-col\"} pl-gap-[14.58px]`}>\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 />\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\">\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 />\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","const Skeleton = () => {\r\n return (\r\n <div\r\n role=\"status\"\r\n className=\"pl-size-full pl-flex pl-items-center pl-justify-center pl-bg-gray-300 pl-rounded-lg pl-animate-pulse dark:pl-bg-gray-700\"\r\n >\r\n <span className=\"pl-sr-only\">Loading...</span>\r\n </div>\r\n );\r\n};\r\n\r\nexport default Skeleton;\r\n"]}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import {d,b,c}from'./chunk-PMXQ6WK2.mjs';import'./chunk-IROHCKSH.mjs';import {ea,ca,P}from'./chunk-IDNCPTFE.mjs';import {a}from'./chunk-XNVWDQSS.mjs';import {e}from'./chunk-NXC6LNWJ.mjs';import {shallowEqual}from'react-redux';import {jsxs,jsx}from'react/jsx-runtime';import {CircularProgressbarWithChildren,buildStyles}from'react-circular-progressbar';import s from'next/legacy/image';e();e();var h=()=>jsx("div",{role:"status",className:"pl-size-full pl-flex pl-items-center pl-justify-center pl-bg-gray-300 pl-rounded-lg pl-animate-pulse dark:pl-bg-gray-700",children:jsx("span",{className:"pl-sr-only",children:"Loading..."})}),f=h;var N=()=>{let{params:e}=ea(({videoData:{params:u}})=>({params:u}),shallowEqual);return d(),jsxs("div",{id:"video-area",className:`pl-relative pl-rounded-[12px] pl-w-full pl-h-full pl-aspect-video !pl-overflow-hidden ${ca("isTouchScreen")&&"pl-rounded-none"} ${ca("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!=="skeleton"&&jsxs("div",{className:"pl-flex pl-flex-col pl-justify-between pl-gap-2 pl-size-full",children:[e.banner&&jsx(s,{src:e.banner,alt:"banner",layout:"fill",className:"pl-w-full pl-aspect-video"}),jsx("div",{}),e.vhl_status==="download_start"&&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("svg",{style:{height:0},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(s,{alt:"info-circle-icon",src:a.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(s,{alt:"rotate-red-icon",src:a.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 ${ca("isTouchScreenPortrait")?"pl-flex-col":`pl-flex-col-reverse pl-mb-3 ${ca("isFullScreen")&&"pl-mb-8"}`} pl-gap-[14.58px]`,children:[jsxs("div",{className:`pl-flex pl-items-center pl-justify-between ${ca("isFullScreen")?"pl-mx-8":"pl-mx-[14.58px]"}`,children:[jsx(b,{}),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",children:[jsx("span",{children:P(0)}),jsx("span",{children:"/"}),jsx("span",{children:P(e.vhl_duration)})]}),jsx(c,{})]})]}),jsx("div",{className:"pl-w-full pl-h-[3.64px] pl-bg-gray-highLight pl-animate-pulse"})]})]}),e.vhl_status==="skeleton"&&jsx(f,{})]})},I=N;export{I as default};//# sourceMappingURL=VideoHighLighter-LWPYO4GQ.mjs.map
|
|
2
|
-
//# sourceMappingURL=VideoHighLighter-LWPYO4GQ.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
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","Skeleton_default","VideoHighLighter","params","useAppSelector","shallowEqual","useFullScreen_default","jsxs","conditions","Image","CircularProgressbarWithChildren","buildStyles","importImages_default","fullScreen_default","secondsToHMS","soundVolume_default","VideoHighLighter_default"],"mappings":"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","file":"VideoHighLighter-LWPYO4GQ.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/legacy/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 ${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 >\r\n {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 && <Image src={params.banner} alt=\"banner\" layout=\"fill\" className=\"pl-w-full pl-aspect-video\"/>}\r\n <div />\r\n {params.vhl_status === \"download_start\" && (\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 <svg style={{ height: 0 }}>\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 {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 className={`pl-flex ${!conditions(ConditionName.isTouchScreenPortrait) ? `pl-flex-col-reverse pl-mb-3 ${conditions(ConditionName.isFullScreen) && \"pl-mb-8\"}` : \"pl-flex-col\"} pl-gap-[14.58px]`}>\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 />\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\">\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 />\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","const Skeleton = () => {\r\n return (\r\n <div\r\n role=\"status\"\r\n className=\"pl-size-full pl-flex pl-items-center pl-justify-center pl-bg-gray-300 pl-rounded-lg pl-animate-pulse dark:pl-bg-gray-700\"\r\n >\r\n <span className=\"pl-sr-only\">Loading...</span>\r\n </div>\r\n );\r\n};\r\n\r\nexport default Skeleton;\r\n"]}
|