cafe-video-player 2.0.35 → 2.0.37

package/README.md

@@ -33,7 +33,7 @@ export default function HomePage() {
         {lang: "en", title: "انگلیسی", url: "https://hamrahi.cloud/subtitles/216-282790-6770242c63370b58ecce680d-sub_en.srt"},
       ]
     */
-    
+
   };
 
   return (
@@ -148,3 +148,70 @@ images: {
 },
 
 ```
+# Video HighLighter Integration Guide
+
+This document explains how to integrate and use the **Video HighLighter** feature in a Next.js project.
+
+## Overview
+
+The Video HighLighter enhances the video player with additional UI and state indicators during the download and preparation of video content. To enable it, several props must be passed to the player component.
+
+## Props
+
+### `vhl_status`
+Indicates the current state of the Video HighLighter process. Accepted values:
+
+- `Skeleton`: Shows the skeleton loading state.
+- `Waiting`: Indicates the waiting period before video download begins.
+- `download_start`: The download process has started.
+- `download_error`: An error occurred during the download.
+- `undefined`: Default value. Hides all Video HighLighter-related sections.
+
+### `vhl_progress`
+A numeric value representing the percentage of the download progress.
+
+### `vhl_duration`
+Total duration of the video in seconds (numeric value).
+
+### `vhl_statusText`
+Text displayed under the progress bar while downloading the video.  
+For greater flexibility (e.g., multiline messages), this prop should be passed as a JSX element.
+
+### `vhl_onRetry`
+A callback function executed if a download error occurs.
+
+### `banner`
+An image used as the banner for the video.
+
+## Important Notes
+
+After the video has been successfully downloaded, make sure to:
+
+1. Set the `vhl_status` to `undefined`.
+2. Pass the video `id` using the `id` prop to the player to start playback and load video details.
+
+---
+
+## 🧪 Example Usage in a Next.js Component
+
+```tsx
+import { VideoPlayerLibrary } from "cafe-video-player";
+
+export default function HomePage() {
+  const params = {
+      vhl_status="download_start"
+      vhl_progress={42}
+      vhl_duration={300}
+      vhl_statusText={<p>Downloading highlights...<br />Please wait.</p>}
+      vhl_onRetry={handleRetry}
+      banner="/images/video-banner.jpg"
+      id="abc123"
+  };
+
+  return (
+    <div>
+      <VideoPlayerLibrary params={params} />
+    </div>
+  );
+}
+```

package/VideoHighLighter-BB7QOWWR.mjs

@@ -0,0 +1,2 @@
+import {d,b as b$1,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/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 b=()=>{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}),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}),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$1,{}),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=b;export{I as default};//# sourceMappingURL=VideoHighLighter-BB7QOWWR.mjs.map
+//# sourceMappingURL=VideoHighLighter-BB7QOWWR.mjs.map

package/VideoHighLighter-BB7QOWWR.mjs.map

@@ -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-BB7QOWWR.mjs","sourcesContent":["import { shallowEqual } from \"react-redux\";\r\nimport { useAppSelector } from \"../../../helpers/redux/hooks\";\r\nimport Skeleton from \"../../custom-components/skeleton/Skeleton\";\r\nimport FullScreen from \"../../custom-components/fullScreen/fullScreen\";\r\nimport SoundVolume from \"../../custom-components/soundVolume/soundVolume\";\r\nimport { secondsToHMS } from \"../../../helpers/helpers\";\r\nimport { conditions } from \"../../../helpers/conditions/conditions\";\r\nimport { ConditionName } from \"../../../helpers/interfaces/enums\";\r\nimport { buildStyles, CircularProgressbarWithChildren } from \"react-circular-progressbar\";\r\nimport IMAGES from \"../../../images/importImages\";\r\nimport Image from \"next/image\";\r\nimport useFullScreen from \"../../../helpers/hooks/useFullScreen\";\r\n\r\nconst VideoHighLighter = () => {\r\n  const { params } = useAppSelector(({ videoData: { params } }) => ({ params }), shallowEqual);\r\n  useFullScreen();\r\n\r\n  return (\r\n    <div\r\n      id=\"video-area\"\r\n      className={`pl-relative pl-rounded-[12px] pl-w-full pl-h-full pl-aspect-video !pl-overflow-hidden ${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} />\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} />\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"]}

package/VideoHighLighter-JSFYNT47.js

@@ -0,0 +1,2 @@
+'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/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 N=()=>{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}),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}),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=N;module.exports=H;//# sourceMappingURL=VideoHighLighter-JSFYNT47.js.map
+//# sourceMappingURL=VideoHighLighter-JSFYNT47.js.map

package/VideoHighLighter-JSFYNT47.js.map

@@ -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-JSFYNT47.js","sourcesContent":["import { shallowEqual } from \"react-redux\";\r\nimport { useAppSelector } from \"../../../helpers/redux/hooks\";\r\nimport Skeleton from \"../../custom-components/skeleton/Skeleton\";\r\nimport FullScreen from \"../../custom-components/fullScreen/fullScreen\";\r\nimport SoundVolume from \"../../custom-components/soundVolume/soundVolume\";\r\nimport { secondsToHMS } from \"../../../helpers/helpers\";\r\nimport { conditions } from \"../../../helpers/conditions/conditions\";\r\nimport { ConditionName } from \"../../../helpers/interfaces/enums\";\r\nimport { buildStyles, CircularProgressbarWithChildren } from \"react-circular-progressbar\";\r\nimport IMAGES from \"../../../images/importImages\";\r\nimport Image from \"next/image\";\r\nimport useFullScreen from \"../../../helpers/hooks/useFullScreen\";\r\n\r\nconst VideoHighLighter = () => {\r\n  const { params } = useAppSelector(({ videoData: { params } }) => ({ params }), shallowEqual);\r\n  useFullScreen();\r\n\r\n  return (\r\n    <div\r\n      id=\"video-area\"\r\n      className={`pl-relative pl-rounded-[12px] pl-w-full pl-h-full pl-aspect-video !pl-overflow-hidden ${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} />\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} />\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"]}

package/index.d.mts

@@ -21,7 +21,7 @@ interface IParams {
     vhl_duration?: number;
     vhl_progress?: number;
     vhl_status?: "skeleton" | "waiting" | "download_start" | "download_complete" | "download_error";
-    vhl_statusText?: string;
+    vhl_statusText?: JSX.Element;
     vhl_onRetry?: Function;
 }
 interface ISubtitle {

package/index.d.ts

@@ -21,7 +21,7 @@ interface IParams {
     vhl_duration?: number;
     vhl_progress?: number;
     vhl_status?: "skeleton" | "waiting" | "download_start" | "download_complete" | "download_error";
-    vhl_statusText?: string;
+    vhl_statusText?: JSX.Element;
     vhl_onRetry?: Function;
 }
 interface ISubtitle {

package/index.js

@@ -1,2 +1,2 @@
-'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-KOKUMIIT.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
+'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-JSFYNT47.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
 //# sourceMappingURL=index.js.map

package/index.mjs

@@ -1,2 +1,2 @@
-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-LHWFXEEL.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
+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-BB7QOWWR.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
 //# sourceMappingURL=index.mjs.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cafe-video-player",
-  "version": "2.0.35",
+  "version": "2.0.37",
   "private": false,
   "main": "./dist/index.js",
   "module": "./dist/index.cjs",

package/videoPlayerStyles.css

@@ -250,6 +250,73 @@
   /* Firefox */
 }
 
+/*
+ * react-circular-progressbar styles
+ * All of the styles in this file are configurable!
+ */
+
+.CircularProgressbar {
+  /*
+   * This fixes an issue where the CircularProgressbar svg has
+   * 0 width inside a "display: flex" container, and thus not visible.
+   */
+  width: 100%;
+  /*
+   * This fixes a centering issue with CircularProgressbarWithChildren:
+   * https://github.com/kevinsqi/react-circular-progressbar/issues/94
+   */
+  vertical-align: middle;
+}
+
+.CircularProgressbar .CircularProgressbar-path {
+  stroke: #3e98c7;
+  stroke-linecap: round;
+  transition: stroke-dashoffset 0.5s ease 0s;
+}
+
+.CircularProgressbar .CircularProgressbar-trail {
+  stroke: #d6d6d6;
+  /* Used when trail is not full diameter, i.e. when props.circleRatio is set */
+  stroke-linecap: round;
+}
+
+.CircularProgressbar .CircularProgressbar-text {
+  fill: #3e98c7;
+  font-size: 20px;
+  dominant-baseline: middle;
+  text-anchor: middle;
+}
+
+.CircularProgressbar .CircularProgressbar-background {
+  fill: #d6d6d6;
+}
+
+/*
+ * Sample background styles. Use these with e.g.:
+ *
+ *   <CircularProgressbar
+ *     className="CircularProgressbar-inverted"
+ *     background
+ *     percentage={50}
+ *   />
+ */
+
+.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background {
+  fill: #3e98c7;
+}
+
+.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text {
+  fill: #fff;
+}
+
+.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path {
+  stroke: #fff;
+}
+
+.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail {
+  stroke: transparent;
+}
+
 .CircularProgressbar-path {
   background: linear-gradient(#e66465, #9198e5) !important;
 }

package/VideoHighLighter-KOKUMIIT.js

@@ -1,2 +0,0 @@
-'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');require('react-circular-progressbar/dist/styles.css');var s=require('next/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 N=()=>{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}),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}),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,{})]})},I=N;module.exports=I;//# sourceMappingURL=VideoHighLighter-KOKUMIIT.js.map
-//# sourceMappingURL=VideoHighLighter-KOKUMIIT.js.map

package/VideoHighLighter-KOKUMIIT.js.map

@@ -1 +0,0 @@
-{"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-KOKUMIIT.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 \"react-circular-progressbar/dist/styles.css\";\r\nimport IMAGES from \"../../../images/importImages\";\r\nimport Image from \"next/image\";\r\nimport useFullScreen from \"../../../helpers/hooks/useFullScreen\";\r\n\r\nconst VideoHighLighter = () => {\r\n  const { params } = useAppSelector(({ videoData: { params } }) => ({ params }), shallowEqual);\r\n  useFullScreen();\r\n\r\n  return (\r\n    <div\r\n      id=\"video-area\"\r\n      className={`pl-relative pl-rounded-[12px] pl-w-full pl-h-full pl-aspect-video !pl-overflow-hidden ${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} />\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} />\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"]}

package/VideoHighLighter-LHWFXEEL.mjs

@@ -1,2 +0,0 @@
-import {d,b as b$1,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'react-circular-progressbar/dist/styles.css';import s from'next/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 b=()=>{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}),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}),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$1,{}),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,{})]})},M=b;export{M as default};//# sourceMappingURL=VideoHighLighter-LHWFXEEL.mjs.map
-//# sourceMappingURL=VideoHighLighter-LHWFXEEL.mjs.map

package/VideoHighLighter-LHWFXEEL.mjs.map

@@ -1 +0,0 @@
-{"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-LHWFXEEL.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 \"react-circular-progressbar/dist/styles.css\";\r\nimport IMAGES from \"../../../images/importImages\";\r\nimport Image from \"next/image\";\r\nimport useFullScreen from \"../../../helpers/hooks/useFullScreen\";\r\n\r\nconst VideoHighLighter = () => {\r\n  const { params } = useAppSelector(({ videoData: { params } }) => ({ params }), shallowEqual);\r\n  useFullScreen();\r\n\r\n  return (\r\n    <div\r\n      id=\"video-area\"\r\n      className={`pl-relative pl-rounded-[12px] pl-w-full pl-h-full pl-aspect-video !pl-overflow-hidden ${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} />\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} />\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"]}