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.
@@ -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-2F5OLCYV.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
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-LWPYO4GQ.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
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
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "cafe-video-player",
3
- "version": "2.1.1",
3
+ "version": "2.1.3",
4
4
  "private": false,
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.cjs",
@@ -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"]}