cafe-video-player 3.0.13 → 3.0.15

package/{VideoHighLighter-T2LVURER.mjs → VideoHighLighter-JYEEHSUY.mjs}

@@ -1,2 +1,2 @@
-import {a}from'./chunk-GYUGYOVP.mjs';import {c,b}from'./chunk-WU4GN63P.mjs';import {a as a$1}from'./chunk-XKRBXZUB.mjs';import {ia,t}from'./chunk-BC4366GN.mjs';import {e,A}from'./chunk-4QMWBTB5.mjs';import {shallowEqual}from'react-redux';import {jsxs,jsx,Fragment}from'react/jsx-runtime';import {CircularProgressbarWithChildren,buildStyles}from'react-circular-progressbar';import r from'next/image';e();e();var g=()=>jsx("div",{role:"status",className:`pl-size-full pl-flex pl-items-center pl-justify-center pl-bg-gray-300 ${!t("isTouchScreen")&&"pl-rounded-lg"} pl-animate-pulse dark:pl-bg-gray-700`,children:jsx("span",{className:"pl-sr-only",children:"Loading..."})}),f=g;var N=()=>{let{params:e}=A(({videoData:{params:u}})=>({params:u}),shallowEqual);return a(),jsxs("div",{id:"video-area",className:`pl-relative pl-rounded-[12px] pl-w-full pl-h-full pl-aspect-video !pl-overflow-hidden ${t("isTouchScreen")&&"!pl-rounded-none"} ${t("isFullScreen")&&"!pl-overflow-hidden pl-fixed pl-top-0 pl-right-0 !pl-w-screen !pl-h-screen !pl-rounded-none"}`,children:[e.vhl_status&&e.vhl_status!=="skeleton"&&jsxs("div",{className:"pl-flex pl-flex-col pl-justify-between pl-gap-2 pl-size-full",children:[e.banner&&jsxs("div",{className:"pl-w-full pl-aspect-video pl-absolute",children:[jsx(r,{src:e.banner,alt:"banner",fill:true,style:{objectFit:"cover"},className:"pl-w-full pl-aspect-video"}),jsx("div",{className:"pl-absolute pl-inset-0 pl-bg-black/50"})]}),jsx("div",{}),e.vhl_status==="download_start"&&jsx(Fragment,{children:jsxs("div",{className:"pl-relative pl-z-[1000000] pl-bg-Common-white-overlay-1 pl-w-full pl-max-w-[198px] tablet:!pl-max-w-[305px] desktop:!pl-max-w-[198px] pl-mx-auto pl-py-2 tablet:pl-py-[12.32px] desktop:pl-py-2  pl-rounded-[8px] pl-flex pl-flex-col pl-items-center pl-gap-2 tablet:pl-gap-[12.32px] desktop:pl-gap-2",children:[jsx("svg",{style:{height:0,position:"absolute"},children:jsx("defs",{children:jsxs("linearGradient",{id:"gradientColor",x1:"0",y1:"0",x2:"1",y2:"1",children:[jsx("stop",{offset:"0%",stopColor:"#FF649D"}),jsx("stop",{offset:"100%",stopColor:"#A50C4B"})]})})}),jsx(CircularProgressbarWithChildren,{value:e.vhl_progress,className:"pl-size-[50px]",styles:buildStyles({trailColor:"rgba(0, 0, 0, 0.1)",pathColor:"url(#gradientColor)"}),children:jsxs("p",{className:"pl-text-text-primary pl-text-[14px] pl-font-medium",children:["%",e.vhl_progress]})}),jsx("p",{className:"pl-text-text-primary pl-text-[10px] pl-font-normal",children:e.vhl_statusText})]})}),e.vhl_status==="download_error"&&jsxs("div",{className:"pl-relative pl-z-[1000000] pl-bg-Common-white-overlay-1 pl-w-full pl-max-w-[198px] pl-mx-auto pl-py-2 pl-rounded-[8px] pl-flex pl-flex-col pl-items-center pl-gap-2",children:[jsx(r,{alt:"info-circle-icon",src:a$1.infoCircle,width:32,height:32}),jsx("p",{className:"pl-text-[10px] pl-font-normal pl-text-text-primary",children:e.vhl_statusText}),jsxs("button",{className:"pl-flex pl-items-center pl-gap-2",onClick:()=>e.vhl_onRetry(),children:[jsx(r,{alt:"rotate-red-icon",src:a$1.rotateRed,width:14,height:14}),jsx("span",{className:"pl-text-primary pl-text-[10px] pl-font-normal",children:"\u062A\u0644\u0627\u0634 \u062F\u0648\u0628\u0627\u0631\u0647"})]})]}),jsxs("div",{className:`pl-flex ${t("isTouchScreenPortrait")?"pl-flex-col":`pl-flex-col-reverse pl-mb-3 ${t("isFullScreen")&&"pl-mb-8"}`} pl-gap-[14.58px]`,children:[jsxs("div",{className:`pl-flex pl-items-center pl-justify-between ${t("isFullScreen")?"pl-mx-8":"pl-mx-[14.58px]"}`,children:[jsx(c,{width:20,height:20}),jsxs("div",{className:"pl-flex pl-items-center pl-gap-[14.58px]",children:[e.vhl_duration&&jsxs("div",{className:"pl-text-Common-white pl-text-[10.93px] pl-font-normal pl-relative",children:[jsx("span",{children:ia(0)}),jsx("span",{children:"/"}),jsx("span",{children:ia(e.vhl_duration)})]}),jsx(b,{width:20,height:20})]})]}),jsx("div",{className:"pl-w-full pl-h-[3.64px] pl-bg-gray-highLight pl-animate-pulse"})]})]}),e.vhl_status==="skeleton"&&jsx(f,{})]})},R=N;export{R as default};//# sourceMappingURL=VideoHighLighter-T2LVURER.mjs.map
-//# sourceMappingURL=VideoHighLighter-T2LVURER.mjs.map
+import {a}from'./chunk-P4O3IKAQ.mjs';import {c,b}from'./chunk-JU5IQH3S.mjs';import {a as a$1}from'./chunk-XKRBXZUB.mjs';import {ia,t}from'./chunk-NLCBOGTI.mjs';import {e,A}from'./chunk-4QMWBTB5.mjs';import {shallowEqual}from'react-redux';import {jsxs,jsx,Fragment}from'react/jsx-runtime';import {CircularProgressbarWithChildren,buildStyles}from'react-circular-progressbar';import r from'next/image';e();e();var g=()=>jsx("div",{role:"status",className:`pl-size-full pl-flex pl-items-center pl-justify-center pl-bg-gray-300 ${!t("isTouchScreen")&&"pl-rounded-lg"} pl-animate-pulse dark:pl-bg-gray-700`,children:jsx("span",{className:"pl-sr-only",children:"Loading..."})}),f=g;var N=()=>{let{params:e}=A(({videoData:{params:u}})=>({params:u}),shallowEqual);return a(),jsxs("div",{id:"video-area",className:`pl-relative pl-rounded-[12px] pl-w-full pl-h-full pl-aspect-video !pl-overflow-hidden ${t("isTouchScreen")&&"!pl-rounded-none"} ${t("isFullScreen")&&"!pl-overflow-hidden pl-fixed pl-top-0 pl-right-0 !pl-w-screen !pl-h-screen !pl-rounded-none"}`,children:[e.vhl_status&&e.vhl_status!=="skeleton"&&jsxs("div",{className:"pl-flex pl-flex-col pl-justify-between pl-gap-2 pl-size-full",children:[e.banner&&jsxs("div",{className:"pl-w-full pl-aspect-video pl-absolute",children:[jsx(r,{src:e.banner,alt:"banner",fill:true,style:{objectFit:"cover"},className:"pl-w-full pl-aspect-video"}),jsx("div",{className:"pl-absolute pl-inset-0 pl-bg-black/50"})]}),jsx("div",{}),e.vhl_status==="download_start"&&jsx(Fragment,{children:jsxs("div",{className:"pl-relative pl-z-[1000000] pl-bg-Common-white-overlay-1 pl-w-full pl-max-w-[198px] tablet:!pl-max-w-[305px] desktop:!pl-max-w-[198px] pl-mx-auto pl-py-2 tablet:pl-py-[12.32px] desktop:pl-py-2  pl-rounded-[8px] pl-flex pl-flex-col pl-items-center pl-gap-2 tablet:pl-gap-[12.32px] desktop:pl-gap-2",children:[jsx("svg",{style:{height:0,position:"absolute"},children:jsx("defs",{children:jsxs("linearGradient",{id:"gradientColor",x1:"0",y1:"0",x2:"1",y2:"1",children:[jsx("stop",{offset:"0%",stopColor:"#FF649D"}),jsx("stop",{offset:"100%",stopColor:"#A50C4B"})]})})}),jsx(CircularProgressbarWithChildren,{value:e.vhl_progress,className:"pl-size-[50px]",styles:buildStyles({trailColor:"rgba(0, 0, 0, 0.1)",pathColor:"url(#gradientColor)"}),children:jsxs("p",{className:"pl-text-text-primary pl-text-[14px] pl-font-medium",children:["%",e.vhl_progress]})}),jsx("p",{className:"pl-text-text-primary pl-text-[10px] pl-font-normal",children:e.vhl_statusText})]})}),e.vhl_status==="download_error"&&jsxs("div",{className:"pl-relative pl-z-[1000000] pl-bg-Common-white-overlay-1 pl-w-full pl-max-w-[198px] pl-mx-auto pl-py-2 pl-rounded-[8px] pl-flex pl-flex-col pl-items-center pl-gap-2",children:[jsx(r,{alt:"info-circle-icon",src:a$1.infoCircle,width:32,height:32}),jsx("p",{className:"pl-text-[10px] pl-font-normal pl-text-text-primary",children:e.vhl_statusText}),jsxs("button",{className:"pl-flex pl-items-center pl-gap-2",onClick:()=>e.vhl_onRetry(),children:[jsx(r,{alt:"rotate-red-icon",src:a$1.rotateRed,width:14,height:14}),jsx("span",{className:"pl-text-primary pl-text-[10px] pl-font-normal",children:"\u062A\u0644\u0627\u0634 \u062F\u0648\u0628\u0627\u0631\u0647"})]})]}),jsxs("div",{className:`pl-flex ${t("isTouchScreenPortrait")?"pl-flex-col":`pl-flex-col-reverse pl-mb-3 ${t("isFullScreen")&&"pl-mb-8"}`} pl-gap-[14.58px]`,children:[jsxs("div",{className:`pl-flex pl-items-center pl-justify-between ${t("isFullScreen")?"pl-mx-8":"pl-mx-[14.58px]"}`,children:[jsx(c,{width:20,height:20}),jsxs("div",{className:"pl-flex pl-items-center pl-gap-[14.58px]",children:[e.vhl_duration&&jsxs("div",{className:"pl-text-Common-white pl-text-[10.93px] pl-font-normal pl-relative",children:[jsx("span",{children:ia(0)}),jsx("span",{children:"/"}),jsx("span",{children:ia(e.vhl_duration)})]}),jsx(b,{width:20,height:20})]})]}),jsx("div",{className:"pl-w-full pl-h-[3.64px] pl-bg-gray-highLight pl-animate-pulse"})]})]}),e.vhl_status==="skeleton"&&jsx(f,{})]})},R=N;export{R as default};//# sourceMappingURL=VideoHighLighter-JYEEHSUY.mjs.map
+//# sourceMappingURL=VideoHighLighter-JYEEHSUY.mjs.map

package/{VideoHighLighter-T2LVURER.mjs.map → VideoHighLighter-JYEEHSUY.mjs.map}

@@ -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-T2LVURER.mjs","sourcesContent":["import { shallowEqual } from \"react-redux\";\r\nimport { useAppSelector } from \"../../../helpers/redux/hooks\";\r\nimport Skeleton from \"../../custom-components/skeleton/Skeleton\";\r\nimport FullScreen from \"../../custom-components/fullScreen/fullScreen\";\r\nimport SoundVolume from \"../../custom-components/soundVolume/soundVolume\";\r\nimport { secondsToHMS } from \"../../../helpers/helpers\";\r\nimport { conditions } from \"../../../helpers/conditions/conditions\";\r\nimport { ConditionName } from \"../../../helpers/interfaces/enums\";\r\nimport { buildStyles, CircularProgressbarWithChildren } from \"react-circular-progressbar\";\r\nimport IMAGES from \"../../../images/importImages\";\r\nimport Image from \"next/image\";\r\nimport useFullScreen from \"../../../helpers/hooks/useFullScreen\";\r\n\r\nconst VideoHighLighter = () => {\r\n  const { params } = useAppSelector(({ videoData: { params } }) => ({ params }), shallowEqual);\r\n  useFullScreen();\r\n\r\n  return (\r\n    <div\r\n      id=\"video-area\"\r\n      className={`pl-relative pl-rounded-[12px] pl-w-full pl-h-full pl-aspect-video !pl-overflow-hidden ${\r\n        conditions(ConditionName.isTouchScreen) && \"!pl-rounded-none\"\r\n      } ${conditions(ConditionName.isFullScreen) && \"!pl-overflow-hidden pl-fixed pl-top-0 pl-right-0 !pl-w-screen !pl-h-screen !pl-rounded-none\"}`}\r\n    >\r\n      {params.vhl_status && params.vhl_status !== \"skeleton\" && (\r\n        <div className=\"pl-flex pl-flex-col pl-justify-between pl-gap-2 pl-size-full\">\r\n          {params.banner && (\r\n            <div className=\"pl-w-full pl-aspect-video pl-absolute\">\r\n              <Image src={params.banner} alt=\"banner\" fill style={{ objectFit: \"cover\" }} className=\"pl-w-full pl-aspect-video\" />\r\n              <div className=\"pl-absolute pl-inset-0 pl-bg-black/50\" />\r\n            </div>\r\n          )}\r\n          <div />\r\n          {params.vhl_status === \"download_start\" && (\r\n            <>\r\n              <div className=\"pl-relative pl-z-[1000000] pl-bg-Common-white-overlay-1 pl-w-full pl-max-w-[198px] tablet:!pl-max-w-[305px] desktop:!pl-max-w-[198px] pl-mx-auto pl-py-2 tablet:pl-py-[12.32px] desktop:pl-py-2  pl-rounded-[8px] pl-flex pl-flex-col pl-items-center pl-gap-2 tablet:pl-gap-[12.32px] desktop:pl-gap-2\">\r\n                <svg style={{ height: 0, position: \"absolute\" }}>\r\n                  <defs>\r\n                    <linearGradient id=\"gradientColor\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\r\n                      <stop offset=\"0%\" stopColor=\"#FF649D\" />\r\n                      <stop offset=\"100%\" stopColor=\"#A50C4B\" />\r\n                    </linearGradient>\r\n                  </defs>\r\n                </svg>\r\n                <CircularProgressbarWithChildren\r\n                  value={params.vhl_progress!}\r\n                  className=\"pl-size-[50px]\"\r\n                  styles={buildStyles({\r\n                    trailColor: \"rgba(0, 0, 0, 0.1)\",\r\n                    pathColor: \"url(#gradientColor)\",\r\n                  })}\r\n                >\r\n                  <p className=\"pl-text-text-primary pl-text-[14px] pl-font-medium\">%{params.vhl_progress}</p>\r\n                </CircularProgressbarWithChildren>\r\n                <p className=\"pl-text-text-primary pl-text-[10px] pl-font-normal\">{params.vhl_statusText}</p>\r\n              </div>\r\n            </>\r\n          )}\r\n          {params.vhl_status === \"download_error\" && (\r\n            <div className=\"pl-relative pl-z-[1000000] pl-bg-Common-white-overlay-1 pl-w-full pl-max-w-[198px] pl-mx-auto pl-py-2 pl-rounded-[8px] pl-flex pl-flex-col pl-items-center pl-gap-2\">\r\n              <Image alt=\"info-circle-icon\" src={IMAGES.infoCircle} width={32} height={32} />\r\n              <p className=\"pl-text-[10px] pl-font-normal pl-text-text-primary\">{params.vhl_statusText}</p>\r\n              <button className=\"pl-flex pl-items-center pl-gap-2\" onClick={() => params.vhl_onRetry!()}>\r\n                <Image alt=\"rotate-red-icon\" src={IMAGES.rotateRed} width={14} height={14} />\r\n                <span className=\"pl-text-primary pl-text-[10px] pl-font-normal\">تلاش دوباره</span>\r\n              </button>\r\n            </div>\r\n          )}\r\n          <div\r\n            className={`pl-flex ${\r\n              !conditions(ConditionName.isTouchScreenPortrait)\r\n                ? `pl-flex-col-reverse pl-mb-3 ${conditions(ConditionName.isFullScreen) && \"pl-mb-8\"}`\r\n                : \"pl-flex-col\"\r\n            } pl-gap-[14.58px]`}\r\n          >\r\n            <div className={`pl-flex pl-items-center pl-justify-between ${conditions(ConditionName.isFullScreen) ? \"pl-mx-8\" : \"pl-mx-[14.58px]\"}`}>\r\n              <FullScreen width={20} height={20} />\r\n              <div className={`pl-flex pl-items-center pl-gap-[14.58px]`}>\r\n                {params.vhl_duration && (\r\n                  <div className=\"pl-text-Common-white pl-text-[10.93px] pl-font-normal pl-relative\">\r\n                    <span>{secondsToHMS(0)}</span>\r\n                    <span>/</span>\r\n                    <span>{secondsToHMS(params.vhl_duration)}</span>\r\n                  </div>\r\n                )}\r\n                <SoundVolume width={20} height={20} />\r\n              </div>\r\n            </div>\r\n            <div className=\"pl-w-full pl-h-[3.64px] pl-bg-gray-highLight pl-animate-pulse\" />\r\n          </div>\r\n        </div>\r\n      )}\r\n      {params.vhl_status === \"skeleton\" && <Skeleton />}\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default VideoHighLighter;\r\n","import { conditions } from \"../../../helpers/conditions/conditions\";\nimport { ConditionName } from \"../../../helpers/interfaces/enums\";\n\nconst Skeleton = () => {\n  return (\n    <div\n      role=\"status\"\n      className={`pl-size-full pl-flex pl-items-center pl-justify-center pl-bg-gray-300 ${\n        !conditions(ConditionName.isTouchScreen) && \"pl-rounded-lg\"\n      } pl-animate-pulse dark:pl-bg-gray-700`}\n    >\n      <span className=\"pl-sr-only\">Loading...</span>\n    </div>\n  );\n};\n\nexport default Skeleton;\n"]}
+{"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-JYEEHSUY.mjs","sourcesContent":["import { shallowEqual } from \"react-redux\";\r\nimport { useAppSelector } from \"../../../helpers/redux/hooks\";\r\nimport Skeleton from \"../../custom-components/skeleton/Skeleton\";\r\nimport FullScreen from \"../../custom-components/fullScreen/fullScreen\";\r\nimport SoundVolume from \"../../custom-components/soundVolume/soundVolume\";\r\nimport { secondsToHMS } from \"../../../helpers/helpers\";\r\nimport { conditions } from \"../../../helpers/conditions/conditions\";\r\nimport { ConditionName } from \"../../../helpers/interfaces/enums\";\r\nimport { buildStyles, CircularProgressbarWithChildren } from \"react-circular-progressbar\";\r\nimport IMAGES from \"../../../images/importImages\";\r\nimport Image from \"next/image\";\r\nimport useFullScreen from \"../../../helpers/hooks/useFullScreen\";\r\n\r\nconst VideoHighLighter = () => {\r\n  const { params } = useAppSelector(({ videoData: { params } }) => ({ params }), shallowEqual);\r\n  useFullScreen();\r\n\r\n  return (\r\n    <div\r\n      id=\"video-area\"\r\n      className={`pl-relative pl-rounded-[12px] pl-w-full pl-h-full pl-aspect-video !pl-overflow-hidden ${\r\n        conditions(ConditionName.isTouchScreen) && \"!pl-rounded-none\"\r\n      } ${conditions(ConditionName.isFullScreen) && \"!pl-overflow-hidden pl-fixed pl-top-0 pl-right-0 !pl-w-screen !pl-h-screen !pl-rounded-none\"}`}\r\n    >\r\n      {params.vhl_status && params.vhl_status !== \"skeleton\" && (\r\n        <div className=\"pl-flex pl-flex-col pl-justify-between pl-gap-2 pl-size-full\">\r\n          {params.banner && (\r\n            <div className=\"pl-w-full pl-aspect-video pl-absolute\">\r\n              <Image src={params.banner} alt=\"banner\" fill style={{ objectFit: \"cover\" }} className=\"pl-w-full pl-aspect-video\" />\r\n              <div className=\"pl-absolute pl-inset-0 pl-bg-black/50\" />\r\n            </div>\r\n          )}\r\n          <div />\r\n          {params.vhl_status === \"download_start\" && (\r\n            <>\r\n              <div className=\"pl-relative pl-z-[1000000] pl-bg-Common-white-overlay-1 pl-w-full pl-max-w-[198px] tablet:!pl-max-w-[305px] desktop:!pl-max-w-[198px] pl-mx-auto pl-py-2 tablet:pl-py-[12.32px] desktop:pl-py-2  pl-rounded-[8px] pl-flex pl-flex-col pl-items-center pl-gap-2 tablet:pl-gap-[12.32px] desktop:pl-gap-2\">\r\n                <svg style={{ height: 0, position: \"absolute\" }}>\r\n                  <defs>\r\n                    <linearGradient id=\"gradientColor\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\r\n                      <stop offset=\"0%\" stopColor=\"#FF649D\" />\r\n                      <stop offset=\"100%\" stopColor=\"#A50C4B\" />\r\n                    </linearGradient>\r\n                  </defs>\r\n                </svg>\r\n                <CircularProgressbarWithChildren\r\n                  value={params.vhl_progress!}\r\n                  className=\"pl-size-[50px]\"\r\n                  styles={buildStyles({\r\n                    trailColor: \"rgba(0, 0, 0, 0.1)\",\r\n                    pathColor: \"url(#gradientColor)\",\r\n                  })}\r\n                >\r\n                  <p className=\"pl-text-text-primary pl-text-[14px] pl-font-medium\">%{params.vhl_progress}</p>\r\n                </CircularProgressbarWithChildren>\r\n                <p className=\"pl-text-text-primary pl-text-[10px] pl-font-normal\">{params.vhl_statusText}</p>\r\n              </div>\r\n            </>\r\n          )}\r\n          {params.vhl_status === \"download_error\" && (\r\n            <div className=\"pl-relative pl-z-[1000000] pl-bg-Common-white-overlay-1 pl-w-full pl-max-w-[198px] pl-mx-auto pl-py-2 pl-rounded-[8px] pl-flex pl-flex-col pl-items-center pl-gap-2\">\r\n              <Image alt=\"info-circle-icon\" src={IMAGES.infoCircle} width={32} height={32} />\r\n              <p className=\"pl-text-[10px] pl-font-normal pl-text-text-primary\">{params.vhl_statusText}</p>\r\n              <button className=\"pl-flex pl-items-center pl-gap-2\" onClick={() => params.vhl_onRetry!()}>\r\n                <Image alt=\"rotate-red-icon\" src={IMAGES.rotateRed} width={14} height={14} />\r\n                <span className=\"pl-text-primary pl-text-[10px] pl-font-normal\">تلاش دوباره</span>\r\n              </button>\r\n            </div>\r\n          )}\r\n          <div\r\n            className={`pl-flex ${\r\n              !conditions(ConditionName.isTouchScreenPortrait)\r\n                ? `pl-flex-col-reverse pl-mb-3 ${conditions(ConditionName.isFullScreen) && \"pl-mb-8\"}`\r\n                : \"pl-flex-col\"\r\n            } pl-gap-[14.58px]`}\r\n          >\r\n            <div className={`pl-flex pl-items-center pl-justify-between ${conditions(ConditionName.isFullScreen) ? \"pl-mx-8\" : \"pl-mx-[14.58px]\"}`}>\r\n              <FullScreen width={20} height={20} />\r\n              <div className={`pl-flex pl-items-center pl-gap-[14.58px]`}>\r\n                {params.vhl_duration && (\r\n                  <div className=\"pl-text-Common-white pl-text-[10.93px] pl-font-normal pl-relative\">\r\n                    <span>{secondsToHMS(0)}</span>\r\n                    <span>/</span>\r\n                    <span>{secondsToHMS(params.vhl_duration)}</span>\r\n                  </div>\r\n                )}\r\n                <SoundVolume width={20} height={20} />\r\n              </div>\r\n            </div>\r\n            <div className=\"pl-w-full pl-h-[3.64px] pl-bg-gray-highLight pl-animate-pulse\" />\r\n          </div>\r\n        </div>\r\n      )}\r\n      {params.vhl_status === \"skeleton\" && <Skeleton />}\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default VideoHighLighter;\r\n","import { conditions } from \"../../../helpers/conditions/conditions\";\nimport { ConditionName } from \"../../../helpers/interfaces/enums\";\n\nconst Skeleton = () => {\n  return (\n    <div\n      role=\"status\"\n      className={`pl-size-full pl-flex pl-items-center pl-justify-center pl-bg-gray-300 ${\n        !conditions(ConditionName.isTouchScreen) && \"pl-rounded-lg\"\n      } pl-animate-pulse dark:pl-bg-gray-700`}\n    >\n      <span className=\"pl-sr-only\">Loading...</span>\n    </div>\n  );\n};\n\nexport default Skeleton;\n"]}

package/{VideoHighLighter-OBD2IGA6.js → VideoHighLighter-SIOPEIR2.js}

@@ -1,2 +1,2 @@
-'use strict';var chunkIBV5SFIT_js=require('./chunk-IBV5SFIT.js'),chunkOGCKLRYP_js=require('./chunk-OGCKLRYP.js'),chunkCOYFW7R4_js=require('./chunk-COYFW7R4.js'),chunkU3VFRU6R_js=require('./chunk-U3VFRU6R.js'),chunkAN6JAJSI_js=require('./chunk-AN6JAJSI.js'),reactRedux=require('react-redux'),jsxRuntime=require('react/jsx-runtime'),reactCircularProgressbar=require('react-circular-progressbar'),r=require('next/image');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var r__default=/*#__PURE__*/_interopDefault(r);chunkAN6JAJSI_js.e();chunkAN6JAJSI_js.e();var h=()=>jsxRuntime.jsx("div",{role:"status",className:`pl-size-full pl-flex pl-items-center pl-justify-center pl-bg-gray-300 ${!chunkU3VFRU6R_js.t("isTouchScreen")&&"pl-rounded-lg"} pl-animate-pulse dark:pl-bg-gray-700`,children:jsxRuntime.jsx("span",{className:"pl-sr-only",children:"Loading..."})}),f=h;var y=()=>{let{params:e}=chunkAN6JAJSI_js.A(({videoData:{params:u}})=>({params:u}),reactRedux.shallowEqual);return chunkIBV5SFIT_js.a(),jsxRuntime.jsxs("div",{id:"video-area",className:`pl-relative pl-rounded-[12px] pl-w-full pl-h-full pl-aspect-video !pl-overflow-hidden ${chunkU3VFRU6R_js.t("isTouchScreen")&&"!pl-rounded-none"} ${chunkU3VFRU6R_js.t("isFullScreen")&&"!pl-overflow-hidden pl-fixed pl-top-0 pl-right-0 !pl-w-screen !pl-h-screen !pl-rounded-none"}`,children:[e.vhl_status&&e.vhl_status!=="skeleton"&&jsxRuntime.jsxs("div",{className:"pl-flex pl-flex-col pl-justify-between pl-gap-2 pl-size-full",children:[e.banner&&jsxRuntime.jsxs("div",{className:"pl-w-full pl-aspect-video pl-absolute",children:[jsxRuntime.jsx(r__default.default,{src:e.banner,alt:"banner",fill:true,style:{objectFit:"cover"},className:"pl-w-full pl-aspect-video"}),jsxRuntime.jsx("div",{className:"pl-absolute pl-inset-0 pl-bg-black/50"})]}),jsxRuntime.jsx("div",{}),e.vhl_status==="download_start"&&jsxRuntime.jsx(jsxRuntime.Fragment,{children:jsxRuntime.jsxs("div",{className:"pl-relative pl-z-[1000000] pl-bg-Common-white-overlay-1 pl-w-full pl-max-w-[198px] tablet:!pl-max-w-[305px] desktop:!pl-max-w-[198px] pl-mx-auto pl-py-2 tablet:pl-py-[12.32px] desktop:pl-py-2  pl-rounded-[8px] pl-flex pl-flex-col pl-items-center pl-gap-2 tablet:pl-gap-[12.32px] desktop:pl-gap-2",children:[jsxRuntime.jsx("svg",{style:{height:0,position:"absolute"},children:jsxRuntime.jsx("defs",{children:jsxRuntime.jsxs("linearGradient",{id:"gradientColor",x1:"0",y1:"0",x2:"1",y2:"1",children:[jsxRuntime.jsx("stop",{offset:"0%",stopColor:"#FF649D"}),jsxRuntime.jsx("stop",{offset:"100%",stopColor:"#A50C4B"})]})})}),jsxRuntime.jsx(reactCircularProgressbar.CircularProgressbarWithChildren,{value:e.vhl_progress,className:"pl-size-[50px]",styles:reactCircularProgressbar.buildStyles({trailColor:"rgba(0, 0, 0, 0.1)",pathColor:"url(#gradientColor)"}),children:jsxRuntime.jsxs("p",{className:"pl-text-text-primary pl-text-[14px] pl-font-medium",children:["%",e.vhl_progress]})}),jsxRuntime.jsx("p",{className:"pl-text-text-primary pl-text-[10px] pl-font-normal",children:e.vhl_statusText})]})}),e.vhl_status==="download_error"&&jsxRuntime.jsxs("div",{className:"pl-relative pl-z-[1000000] pl-bg-Common-white-overlay-1 pl-w-full pl-max-w-[198px] pl-mx-auto pl-py-2 pl-rounded-[8px] pl-flex pl-flex-col pl-items-center pl-gap-2",children:[jsxRuntime.jsx(r__default.default,{alt:"info-circle-icon",src:chunkCOYFW7R4_js.a.infoCircle,width:32,height:32}),jsxRuntime.jsx("p",{className:"pl-text-[10px] pl-font-normal pl-text-text-primary",children:e.vhl_statusText}),jsxRuntime.jsxs("button",{className:"pl-flex pl-items-center pl-gap-2",onClick:()=>e.vhl_onRetry(),children:[jsxRuntime.jsx(r__default.default,{alt:"rotate-red-icon",src:chunkCOYFW7R4_js.a.rotateRed,width:14,height:14}),jsxRuntime.jsx("span",{className:"pl-text-primary pl-text-[10px] pl-font-normal",children:"\u062A\u0644\u0627\u0634 \u062F\u0648\u0628\u0627\u0631\u0647"})]})]}),jsxRuntime.jsxs("div",{className:`pl-flex ${chunkU3VFRU6R_js.t("isTouchScreenPortrait")?"pl-flex-col":`pl-flex-col-reverse pl-mb-3 ${chunkU3VFRU6R_js.t("isFullScreen")&&"pl-mb-8"}`} pl-gap-[14.58px]`,children:[jsxRuntime.jsxs("div",{className:`pl-flex pl-items-center pl-justify-between ${chunkU3VFRU6R_js.t("isFullScreen")?"pl-mx-8":"pl-mx-[14.58px]"}`,children:[jsxRuntime.jsx(chunkOGCKLRYP_js.c,{width:20,height:20}),jsxRuntime.jsxs("div",{className:"pl-flex pl-items-center pl-gap-[14.58px]",children:[e.vhl_duration&&jsxRuntime.jsxs("div",{className:"pl-text-Common-white pl-text-[10.93px] pl-font-normal pl-relative",children:[jsxRuntime.jsx("span",{children:chunkU3VFRU6R_js.ia(0)}),jsxRuntime.jsx("span",{children:"/"}),jsxRuntime.jsx("span",{children:chunkU3VFRU6R_js.ia(e.vhl_duration)})]}),jsxRuntime.jsx(chunkOGCKLRYP_js.b,{width:20,height:20})]})]}),jsxRuntime.jsx("div",{className:"pl-w-full pl-h-[3.64px] pl-bg-gray-highLight pl-animate-pulse"})]})]}),e.vhl_status==="skeleton"&&jsxRuntime.jsx(f,{})]})},M=y;module.exports=M;//# sourceMappingURL=VideoHighLighter-OBD2IGA6.js.map
-//# sourceMappingURL=VideoHighLighter-OBD2IGA6.js.map
+'use strict';var chunkK4YPVDEE_js=require('./chunk-K4YPVDEE.js'),chunk7FHLAPSR_js=require('./chunk-7FHLAPSR.js'),chunkCOYFW7R4_js=require('./chunk-COYFW7R4.js'),chunkVUHZVVMS_js=require('./chunk-VUHZVVMS.js'),chunkAN6JAJSI_js=require('./chunk-AN6JAJSI.js'),reactRedux=require('react-redux'),jsxRuntime=require('react/jsx-runtime'),reactCircularProgressbar=require('react-circular-progressbar'),r=require('next/image');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var r__default=/*#__PURE__*/_interopDefault(r);chunkAN6JAJSI_js.e();chunkAN6JAJSI_js.e();var h=()=>jsxRuntime.jsx("div",{role:"status",className:`pl-size-full pl-flex pl-items-center pl-justify-center pl-bg-gray-300 ${!chunkVUHZVVMS_js.t("isTouchScreen")&&"pl-rounded-lg"} pl-animate-pulse dark:pl-bg-gray-700`,children:jsxRuntime.jsx("span",{className:"pl-sr-only",children:"Loading..."})}),f=h;var y=()=>{let{params:e}=chunkAN6JAJSI_js.A(({videoData:{params:u}})=>({params:u}),reactRedux.shallowEqual);return chunkK4YPVDEE_js.a(),jsxRuntime.jsxs("div",{id:"video-area",className:`pl-relative pl-rounded-[12px] pl-w-full pl-h-full pl-aspect-video !pl-overflow-hidden ${chunkVUHZVVMS_js.t("isTouchScreen")&&"!pl-rounded-none"} ${chunkVUHZVVMS_js.t("isFullScreen")&&"!pl-overflow-hidden pl-fixed pl-top-0 pl-right-0 !pl-w-screen !pl-h-screen !pl-rounded-none"}`,children:[e.vhl_status&&e.vhl_status!=="skeleton"&&jsxRuntime.jsxs("div",{className:"pl-flex pl-flex-col pl-justify-between pl-gap-2 pl-size-full",children:[e.banner&&jsxRuntime.jsxs("div",{className:"pl-w-full pl-aspect-video pl-absolute",children:[jsxRuntime.jsx(r__default.default,{src:e.banner,alt:"banner",fill:true,style:{objectFit:"cover"},className:"pl-w-full pl-aspect-video"}),jsxRuntime.jsx("div",{className:"pl-absolute pl-inset-0 pl-bg-black/50"})]}),jsxRuntime.jsx("div",{}),e.vhl_status==="download_start"&&jsxRuntime.jsx(jsxRuntime.Fragment,{children:jsxRuntime.jsxs("div",{className:"pl-relative pl-z-[1000000] pl-bg-Common-white-overlay-1 pl-w-full pl-max-w-[198px] tablet:!pl-max-w-[305px] desktop:!pl-max-w-[198px] pl-mx-auto pl-py-2 tablet:pl-py-[12.32px] desktop:pl-py-2  pl-rounded-[8px] pl-flex pl-flex-col pl-items-center pl-gap-2 tablet:pl-gap-[12.32px] desktop:pl-gap-2",children:[jsxRuntime.jsx("svg",{style:{height:0,position:"absolute"},children:jsxRuntime.jsx("defs",{children:jsxRuntime.jsxs("linearGradient",{id:"gradientColor",x1:"0",y1:"0",x2:"1",y2:"1",children:[jsxRuntime.jsx("stop",{offset:"0%",stopColor:"#FF649D"}),jsxRuntime.jsx("stop",{offset:"100%",stopColor:"#A50C4B"})]})})}),jsxRuntime.jsx(reactCircularProgressbar.CircularProgressbarWithChildren,{value:e.vhl_progress,className:"pl-size-[50px]",styles:reactCircularProgressbar.buildStyles({trailColor:"rgba(0, 0, 0, 0.1)",pathColor:"url(#gradientColor)"}),children:jsxRuntime.jsxs("p",{className:"pl-text-text-primary pl-text-[14px] pl-font-medium",children:["%",e.vhl_progress]})}),jsxRuntime.jsx("p",{className:"pl-text-text-primary pl-text-[10px] pl-font-normal",children:e.vhl_statusText})]})}),e.vhl_status==="download_error"&&jsxRuntime.jsxs("div",{className:"pl-relative pl-z-[1000000] pl-bg-Common-white-overlay-1 pl-w-full pl-max-w-[198px] pl-mx-auto pl-py-2 pl-rounded-[8px] pl-flex pl-flex-col pl-items-center pl-gap-2",children:[jsxRuntime.jsx(r__default.default,{alt:"info-circle-icon",src:chunkCOYFW7R4_js.a.infoCircle,width:32,height:32}),jsxRuntime.jsx("p",{className:"pl-text-[10px] pl-font-normal pl-text-text-primary",children:e.vhl_statusText}),jsxRuntime.jsxs("button",{className:"pl-flex pl-items-center pl-gap-2",onClick:()=>e.vhl_onRetry(),children:[jsxRuntime.jsx(r__default.default,{alt:"rotate-red-icon",src:chunkCOYFW7R4_js.a.rotateRed,width:14,height:14}),jsxRuntime.jsx("span",{className:"pl-text-primary pl-text-[10px] pl-font-normal",children:"\u062A\u0644\u0627\u0634 \u062F\u0648\u0628\u0627\u0631\u0647"})]})]}),jsxRuntime.jsxs("div",{className:`pl-flex ${chunkVUHZVVMS_js.t("isTouchScreenPortrait")?"pl-flex-col":`pl-flex-col-reverse pl-mb-3 ${chunkVUHZVVMS_js.t("isFullScreen")&&"pl-mb-8"}`} pl-gap-[14.58px]`,children:[jsxRuntime.jsxs("div",{className:`pl-flex pl-items-center pl-justify-between ${chunkVUHZVVMS_js.t("isFullScreen")?"pl-mx-8":"pl-mx-[14.58px]"}`,children:[jsxRuntime.jsx(chunk7FHLAPSR_js.c,{width:20,height:20}),jsxRuntime.jsxs("div",{className:"pl-flex pl-items-center pl-gap-[14.58px]",children:[e.vhl_duration&&jsxRuntime.jsxs("div",{className:"pl-text-Common-white pl-text-[10.93px] pl-font-normal pl-relative",children:[jsxRuntime.jsx("span",{children:chunkVUHZVVMS_js.ia(0)}),jsxRuntime.jsx("span",{children:"/"}),jsxRuntime.jsx("span",{children:chunkVUHZVVMS_js.ia(e.vhl_duration)})]}),jsxRuntime.jsx(chunk7FHLAPSR_js.b,{width:20,height:20})]})]}),jsxRuntime.jsx("div",{className:"pl-w-full pl-h-[3.64px] pl-bg-gray-highLight pl-animate-pulse"})]})]}),e.vhl_status==="skeleton"&&jsxRuntime.jsx(f,{})]})},M=y;module.exports=M;//# sourceMappingURL=VideoHighLighter-SIOPEIR2.js.map
+//# sourceMappingURL=VideoHighLighter-SIOPEIR2.js.map

package/{VideoHighLighter-OBD2IGA6.js.map → VideoHighLighter-SIOPEIR2.js.map}

@@ -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-OBD2IGA6.js","sourcesContent":["import { shallowEqual } from \"react-redux\";\r\nimport { useAppSelector } from \"../../../helpers/redux/hooks\";\r\nimport Skeleton from \"../../custom-components/skeleton/Skeleton\";\r\nimport FullScreen from \"../../custom-components/fullScreen/fullScreen\";\r\nimport SoundVolume from \"../../custom-components/soundVolume/soundVolume\";\r\nimport { secondsToHMS } from \"../../../helpers/helpers\";\r\nimport { conditions } from \"../../../helpers/conditions/conditions\";\r\nimport { ConditionName } from \"../../../helpers/interfaces/enums\";\r\nimport { buildStyles, CircularProgressbarWithChildren } from \"react-circular-progressbar\";\r\nimport IMAGES from \"../../../images/importImages\";\r\nimport Image from \"next/image\";\r\nimport useFullScreen from \"../../../helpers/hooks/useFullScreen\";\r\n\r\nconst VideoHighLighter = () => {\r\n  const { params } = useAppSelector(({ videoData: { params } }) => ({ params }), shallowEqual);\r\n  useFullScreen();\r\n\r\n  return (\r\n    <div\r\n      id=\"video-area\"\r\n      className={`pl-relative pl-rounded-[12px] pl-w-full pl-h-full pl-aspect-video !pl-overflow-hidden ${\r\n        conditions(ConditionName.isTouchScreen) && \"!pl-rounded-none\"\r\n      } ${conditions(ConditionName.isFullScreen) && \"!pl-overflow-hidden pl-fixed pl-top-0 pl-right-0 !pl-w-screen !pl-h-screen !pl-rounded-none\"}`}\r\n    >\r\n      {params.vhl_status && params.vhl_status !== \"skeleton\" && (\r\n        <div className=\"pl-flex pl-flex-col pl-justify-between pl-gap-2 pl-size-full\">\r\n          {params.banner && (\r\n            <div className=\"pl-w-full pl-aspect-video pl-absolute\">\r\n              <Image src={params.banner} alt=\"banner\" fill style={{ objectFit: \"cover\" }} className=\"pl-w-full pl-aspect-video\" />\r\n              <div className=\"pl-absolute pl-inset-0 pl-bg-black/50\" />\r\n            </div>\r\n          )}\r\n          <div />\r\n          {params.vhl_status === \"download_start\" && (\r\n            <>\r\n              <div className=\"pl-relative pl-z-[1000000] pl-bg-Common-white-overlay-1 pl-w-full pl-max-w-[198px] tablet:!pl-max-w-[305px] desktop:!pl-max-w-[198px] pl-mx-auto pl-py-2 tablet:pl-py-[12.32px] desktop:pl-py-2  pl-rounded-[8px] pl-flex pl-flex-col pl-items-center pl-gap-2 tablet:pl-gap-[12.32px] desktop:pl-gap-2\">\r\n                <svg style={{ height: 0, position: \"absolute\" }}>\r\n                  <defs>\r\n                    <linearGradient id=\"gradientColor\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\r\n                      <stop offset=\"0%\" stopColor=\"#FF649D\" />\r\n                      <stop offset=\"100%\" stopColor=\"#A50C4B\" />\r\n                    </linearGradient>\r\n                  </defs>\r\n                </svg>\r\n                <CircularProgressbarWithChildren\r\n                  value={params.vhl_progress!}\r\n                  className=\"pl-size-[50px]\"\r\n                  styles={buildStyles({\r\n                    trailColor: \"rgba(0, 0, 0, 0.1)\",\r\n                    pathColor: \"url(#gradientColor)\",\r\n                  })}\r\n                >\r\n                  <p className=\"pl-text-text-primary pl-text-[14px] pl-font-medium\">%{params.vhl_progress}</p>\r\n                </CircularProgressbarWithChildren>\r\n                <p className=\"pl-text-text-primary pl-text-[10px] pl-font-normal\">{params.vhl_statusText}</p>\r\n              </div>\r\n            </>\r\n          )}\r\n          {params.vhl_status === \"download_error\" && (\r\n            <div className=\"pl-relative pl-z-[1000000] pl-bg-Common-white-overlay-1 pl-w-full pl-max-w-[198px] pl-mx-auto pl-py-2 pl-rounded-[8px] pl-flex pl-flex-col pl-items-center pl-gap-2\">\r\n              <Image alt=\"info-circle-icon\" src={IMAGES.infoCircle} width={32} height={32} />\r\n              <p className=\"pl-text-[10px] pl-font-normal pl-text-text-primary\">{params.vhl_statusText}</p>\r\n              <button className=\"pl-flex pl-items-center pl-gap-2\" onClick={() => params.vhl_onRetry!()}>\r\n                <Image alt=\"rotate-red-icon\" src={IMAGES.rotateRed} width={14} height={14} />\r\n                <span className=\"pl-text-primary pl-text-[10px] pl-font-normal\">تلاش دوباره</span>\r\n              </button>\r\n            </div>\r\n          )}\r\n          <div\r\n            className={`pl-flex ${\r\n              !conditions(ConditionName.isTouchScreenPortrait)\r\n                ? `pl-flex-col-reverse pl-mb-3 ${conditions(ConditionName.isFullScreen) && \"pl-mb-8\"}`\r\n                : \"pl-flex-col\"\r\n            } pl-gap-[14.58px]`}\r\n          >\r\n            <div className={`pl-flex pl-items-center pl-justify-between ${conditions(ConditionName.isFullScreen) ? \"pl-mx-8\" : \"pl-mx-[14.58px]\"}`}>\r\n              <FullScreen width={20} height={20} />\r\n              <div className={`pl-flex pl-items-center pl-gap-[14.58px]`}>\r\n                {params.vhl_duration && (\r\n                  <div className=\"pl-text-Common-white pl-text-[10.93px] pl-font-normal pl-relative\">\r\n                    <span>{secondsToHMS(0)}</span>\r\n                    <span>/</span>\r\n                    <span>{secondsToHMS(params.vhl_duration)}</span>\r\n                  </div>\r\n                )}\r\n                <SoundVolume width={20} height={20} />\r\n              </div>\r\n            </div>\r\n            <div className=\"pl-w-full pl-h-[3.64px] pl-bg-gray-highLight pl-animate-pulse\" />\r\n          </div>\r\n        </div>\r\n      )}\r\n      {params.vhl_status === \"skeleton\" && <Skeleton />}\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default VideoHighLighter;\r\n","import { conditions } from \"../../../helpers/conditions/conditions\";\nimport { ConditionName } from \"../../../helpers/interfaces/enums\";\n\nconst Skeleton = () => {\n  return (\n    <div\n      role=\"status\"\n      className={`pl-size-full pl-flex pl-items-center pl-justify-center pl-bg-gray-300 ${\n        !conditions(ConditionName.isTouchScreen) && \"pl-rounded-lg\"\n      } pl-animate-pulse dark:pl-bg-gray-700`}\n    >\n      <span className=\"pl-sr-only\">Loading...</span>\n    </div>\n  );\n};\n\nexport default Skeleton;\n"]}
+{"version":3,"sources":["../src/videoPlayerLibrary/components/videoPlayer/videoHighLighter/VideoHighLighter.tsx","../src/videoPlayerLibrary/components/custom-components/skeleton/Skeleton.tsx"],"names":["init_cjs_shims","Skeleton","jsx","conditions","Skeleton_default","VideoHighLighter","params","useAppSelector","shallowEqual","useFullScreen_default","jsxs","Image","Fragment","CircularProgressbarWithChildren","buildStyles","importImages_default","fullScreen_default","secondsToHMS","soundVolume_default","VideoHighLighter_default"],"mappings":"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","file":"VideoHighLighter-SIOPEIR2.js","sourcesContent":["import { shallowEqual } from \"react-redux\";\r\nimport { useAppSelector } from \"../../../helpers/redux/hooks\";\r\nimport Skeleton from \"../../custom-components/skeleton/Skeleton\";\r\nimport FullScreen from \"../../custom-components/fullScreen/fullScreen\";\r\nimport SoundVolume from \"../../custom-components/soundVolume/soundVolume\";\r\nimport { secondsToHMS } from \"../../../helpers/helpers\";\r\nimport { conditions } from \"../../../helpers/conditions/conditions\";\r\nimport { ConditionName } from \"../../../helpers/interfaces/enums\";\r\nimport { buildStyles, CircularProgressbarWithChildren } from \"react-circular-progressbar\";\r\nimport IMAGES from \"../../../images/importImages\";\r\nimport Image from \"next/image\";\r\nimport useFullScreen from \"../../../helpers/hooks/useFullScreen\";\r\n\r\nconst VideoHighLighter = () => {\r\n  const { params } = useAppSelector(({ videoData: { params } }) => ({ params }), shallowEqual);\r\n  useFullScreen();\r\n\r\n  return (\r\n    <div\r\n      id=\"video-area\"\r\n      className={`pl-relative pl-rounded-[12px] pl-w-full pl-h-full pl-aspect-video !pl-overflow-hidden ${\r\n        conditions(ConditionName.isTouchScreen) && \"!pl-rounded-none\"\r\n      } ${conditions(ConditionName.isFullScreen) && \"!pl-overflow-hidden pl-fixed pl-top-0 pl-right-0 !pl-w-screen !pl-h-screen !pl-rounded-none\"}`}\r\n    >\r\n      {params.vhl_status && params.vhl_status !== \"skeleton\" && (\r\n        <div className=\"pl-flex pl-flex-col pl-justify-between pl-gap-2 pl-size-full\">\r\n          {params.banner && (\r\n            <div className=\"pl-w-full pl-aspect-video pl-absolute\">\r\n              <Image src={params.banner} alt=\"banner\" fill style={{ objectFit: \"cover\" }} className=\"pl-w-full pl-aspect-video\" />\r\n              <div className=\"pl-absolute pl-inset-0 pl-bg-black/50\" />\r\n            </div>\r\n          )}\r\n          <div />\r\n          {params.vhl_status === \"download_start\" && (\r\n            <>\r\n              <div className=\"pl-relative pl-z-[1000000] pl-bg-Common-white-overlay-1 pl-w-full pl-max-w-[198px] tablet:!pl-max-w-[305px] desktop:!pl-max-w-[198px] pl-mx-auto pl-py-2 tablet:pl-py-[12.32px] desktop:pl-py-2  pl-rounded-[8px] pl-flex pl-flex-col pl-items-center pl-gap-2 tablet:pl-gap-[12.32px] desktop:pl-gap-2\">\r\n                <svg style={{ height: 0, position: \"absolute\" }}>\r\n                  <defs>\r\n                    <linearGradient id=\"gradientColor\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\r\n                      <stop offset=\"0%\" stopColor=\"#FF649D\" />\r\n                      <stop offset=\"100%\" stopColor=\"#A50C4B\" />\r\n                    </linearGradient>\r\n                  </defs>\r\n                </svg>\r\n                <CircularProgressbarWithChildren\r\n                  value={params.vhl_progress!}\r\n                  className=\"pl-size-[50px]\"\r\n                  styles={buildStyles({\r\n                    trailColor: \"rgba(0, 0, 0, 0.1)\",\r\n                    pathColor: \"url(#gradientColor)\",\r\n                  })}\r\n                >\r\n                  <p className=\"pl-text-text-primary pl-text-[14px] pl-font-medium\">%{params.vhl_progress}</p>\r\n                </CircularProgressbarWithChildren>\r\n                <p className=\"pl-text-text-primary pl-text-[10px] pl-font-normal\">{params.vhl_statusText}</p>\r\n              </div>\r\n            </>\r\n          )}\r\n          {params.vhl_status === \"download_error\" && (\r\n            <div className=\"pl-relative pl-z-[1000000] pl-bg-Common-white-overlay-1 pl-w-full pl-max-w-[198px] pl-mx-auto pl-py-2 pl-rounded-[8px] pl-flex pl-flex-col pl-items-center pl-gap-2\">\r\n              <Image alt=\"info-circle-icon\" src={IMAGES.infoCircle} width={32} height={32} />\r\n              <p className=\"pl-text-[10px] pl-font-normal pl-text-text-primary\">{params.vhl_statusText}</p>\r\n              <button className=\"pl-flex pl-items-center pl-gap-2\" onClick={() => params.vhl_onRetry!()}>\r\n                <Image alt=\"rotate-red-icon\" src={IMAGES.rotateRed} width={14} height={14} />\r\n                <span className=\"pl-text-primary pl-text-[10px] pl-font-normal\">تلاش دوباره</span>\r\n              </button>\r\n            </div>\r\n          )}\r\n          <div\r\n            className={`pl-flex ${\r\n              !conditions(ConditionName.isTouchScreenPortrait)\r\n                ? `pl-flex-col-reverse pl-mb-3 ${conditions(ConditionName.isFullScreen) && \"pl-mb-8\"}`\r\n                : \"pl-flex-col\"\r\n            } pl-gap-[14.58px]`}\r\n          >\r\n            <div className={`pl-flex pl-items-center pl-justify-between ${conditions(ConditionName.isFullScreen) ? \"pl-mx-8\" : \"pl-mx-[14.58px]\"}`}>\r\n              <FullScreen width={20} height={20} />\r\n              <div className={`pl-flex pl-items-center pl-gap-[14.58px]`}>\r\n                {params.vhl_duration && (\r\n                  <div className=\"pl-text-Common-white pl-text-[10.93px] pl-font-normal pl-relative\">\r\n                    <span>{secondsToHMS(0)}</span>\r\n                    <span>/</span>\r\n                    <span>{secondsToHMS(params.vhl_duration)}</span>\r\n                  </div>\r\n                )}\r\n                <SoundVolume width={20} height={20} />\r\n              </div>\r\n            </div>\r\n            <div className=\"pl-w-full pl-h-[3.64px] pl-bg-gray-highLight pl-animate-pulse\" />\r\n          </div>\r\n        </div>\r\n      )}\r\n      {params.vhl_status === \"skeleton\" && <Skeleton />}\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default VideoHighLighter;\r\n","import { conditions } from \"../../../helpers/conditions/conditions\";\nimport { ConditionName } from \"../../../helpers/interfaces/enums\";\n\nconst Skeleton = () => {\n  return (\n    <div\n      role=\"status\"\n      className={`pl-size-full pl-flex pl-items-center pl-justify-center pl-bg-gray-300 ${\n        !conditions(ConditionName.isTouchScreen) && \"pl-rounded-lg\"\n      } pl-animate-pulse dark:pl-bg-gray-700`}\n    >\n      <span className=\"pl-sr-only\">Loading...</span>\n    </div>\n  );\n};\n\nexport default Skeleton;\n"]}

package/{backwardForward-ZUVULGGJ.mjs → backwardForward-3X63XNNJ.mjs}

@@ -1,2 +1,2 @@
-import {a}from'./chunk-FXAWDALE.mjs';import {a as a$1}from'./chunk-XKRBXZUB.mjs';import {t,x as x$1,Z,ea,fa,ma}from'./chunk-BC4366GN.mjs';import {e,z,A,k}from'./chunk-4QMWBTB5.mjs';import {useState,useRef,useEffect}from'react';import {shallowEqual}from'react-redux';import {useDoubleTap}from'use-double-tap';import J from'next/image';import {jsx,jsxs}from'react/jsx-runtime';e();var w=1e3,x=10,v=t("isTouchScreen")?x:0,R=({type:e,isRightForward:g,isLeftBackward:P,setIsRightForward:c,setIsLeftBackward:i})=>{let[m,u]=useState(v),[A$1,n]=useState(false),a$2=useRef(m),o=useRef(null),f=z();A(({controller:{currentTime:r,duration:t}})=>({currentTime:r,duration:t}),shallowEqual);let {videoElementSizeInfo:N}=A(({videoData:{videoElementSizeInfo:r,params:t}})=>({videoElementSizeInfo:r,params:t}),shallowEqual),h=["touchBackward","backward"];useEffect(()=>{a$2.current=m;},[m]);let C;C=useDoubleTap(r=>{["touchBackward","touchForward"].includes(e)&&(r.stopPropagation(),e==="touchBackward"&&i?(i(true),f(k(false))):e==="touchForward"&&c&&(c(true),f(k(false))),clearTimeout(o.current),o.current=setTimeout(()=>n(true),w));},200),useEffect(()=>{A$1&&(n(false),g&&c?(c(false),x$1().duration-x$1().currentTime<=a$2.current?Z(e,x$1().duration):Z(e,a$2.current),u(v)):P&&i&&(i(false),x$1().currentTime<=a$2.current?Z(e,0):Z(e,a$2.current),u(v)));},[A$1,e]);let G=r=>{u(t=>t+x),t("isTouchScreenLandscape")&&ma(r,e),clearTimeout(o.current),o.current=setTimeout(()=>n(true),w);};if(a("ArrowRight",r=>{t("isPressKeyArrowRight")&&e==="forward"&&(r.stopPropagation(),u(t=>t+x),f(k(true)),c&&c(true),clearTimeout(o.current),o.current=setTimeout(()=>n(true),w));}),a("ArrowLeft",r=>{t("isPressKeyArrowLeft")&&e==="backward"&&(r.stopPropagation(),u(t=>t+x),f(k(true)),i&&i(true),clearTimeout(o.current),o.current=setTimeout(()=>n(true),w));}),e)return jsx("div",{id:e,className:`pl-relative pl-flex pl-flex-col pl-justify-center ${t("isTouchScreen")?"pl-px-[24px]":"pl-px-[48px]"} ${h.includes(e)?"pl-items-end":"pl-items-start"} pl-gap-2 pl-overflow-hidden`,style:{width:N.width,height:N.width},...C,children:(g||P)&&jsxs("div",{className:ea(`pl-rounded-full pl-flex pl-justify-center pl-items-center ${h.includes(e)?"":"pl-flex-row-reverse"}`,{desktop:"pl-gap-2",desktopFullScreen:"pl-gap-1",touch:"pl-gap-1",touchFullScreen:"pl-gap-1.5"}),onTouchStart:t("isTouchScreen")?G:void 0,children:[jsxs("p",{className:ea("pl-text-center  pl-text-white ",{desktop:"pl-text-[16px] pl-font-extrabold pl-mt-0.5",desktopFullScreen:"pl-text-[32px] pl-font-bold",touch:"pl-text-base pl-font-extrabold pl-mt-0.5",touchFullScreen:"pl-text-[20px] pl-font-bold"}),children:[m,h.includes(e)?" - ":" + "]}),jsx("div",{className:"pl-flex pl-justify-center pl-items-center",children:jsx(J,{src:a$1.chevronLeft,width:fa({desktop:20,desktopFullScreen:40,touch:16,touchFullScreen:20}),height:fa({desktop:20,desktopFullScreen:40,touch:16,touchFullScreen:20}),alt:"",className:` pl-object-cover ${h.includes(e)?"":"pl-rotate-180"}`})})]})})},ce=R;export{ce as default};//# sourceMappingURL=backwardForward-ZUVULGGJ.mjs.map
-//# sourceMappingURL=backwardForward-ZUVULGGJ.mjs.map
+import {a}from'./chunk-FXAWDALE.mjs';import {a as a$1}from'./chunk-XKRBXZUB.mjs';import {t,x as x$1,Z,ea,fa,ma}from'./chunk-NLCBOGTI.mjs';import {e,z,A,k}from'./chunk-4QMWBTB5.mjs';import {useState,useRef,useEffect}from'react';import {shallowEqual}from'react-redux';import {useDoubleTap}from'use-double-tap';import J from'next/image';import {jsx,jsxs}from'react/jsx-runtime';e();var w=1e3,x=10,v=t("isTouchScreen")?x:0,R=({type:e,isRightForward:g,isLeftBackward:P,setIsRightForward:c,setIsLeftBackward:i})=>{let[m,u]=useState(v),[A$1,n]=useState(false),a$2=useRef(m),o=useRef(null),f=z();A(({controller:{currentTime:r,duration:t}})=>({currentTime:r,duration:t}),shallowEqual);let {videoElementSizeInfo:N}=A(({videoData:{videoElementSizeInfo:r,params:t}})=>({videoElementSizeInfo:r,params:t}),shallowEqual),h=["touchBackward","backward"];useEffect(()=>{a$2.current=m;},[m]);let C;C=useDoubleTap(r=>{["touchBackward","touchForward"].includes(e)&&(r.stopPropagation(),e==="touchBackward"&&i?(i(true),f(k(false))):e==="touchForward"&&c&&(c(true),f(k(false))),clearTimeout(o.current),o.current=setTimeout(()=>n(true),w));},200),useEffect(()=>{A$1&&(n(false),g&&c?(c(false),x$1().duration-x$1().currentTime<=a$2.current?Z(e,x$1().duration):Z(e,a$2.current),u(v)):P&&i&&(i(false),x$1().currentTime<=a$2.current?Z(e,0):Z(e,a$2.current),u(v)));},[A$1,e]);let G=r=>{u(t=>t+x),t("isTouchScreenLandscape")&&ma(r,e),clearTimeout(o.current),o.current=setTimeout(()=>n(true),w);};if(a("ArrowRight",r=>{t("isPressKeyArrowRight")&&e==="forward"&&(r.stopPropagation(),u(t=>t+x),f(k(true)),c&&c(true),clearTimeout(o.current),o.current=setTimeout(()=>n(true),w));}),a("ArrowLeft",r=>{t("isPressKeyArrowLeft")&&e==="backward"&&(r.stopPropagation(),u(t=>t+x),f(k(true)),i&&i(true),clearTimeout(o.current),o.current=setTimeout(()=>n(true),w));}),e)return jsx("div",{id:e,className:`pl-relative pl-flex pl-flex-col pl-justify-center ${t("isTouchScreen")?"pl-px-[24px]":"pl-px-[48px]"} ${h.includes(e)?"pl-items-end":"pl-items-start"} pl-gap-2 pl-overflow-hidden`,style:{width:N.width,height:N.width},...C,children:(g||P)&&jsxs("div",{className:ea(`pl-rounded-full pl-flex pl-justify-center pl-items-center ${h.includes(e)?"":"pl-flex-row-reverse"}`,{desktop:"pl-gap-2",desktopFullScreen:"pl-gap-1",touch:"pl-gap-1",touchFullScreen:"pl-gap-1.5"}),onTouchStart:t("isTouchScreen")?G:void 0,children:[jsxs("p",{className:ea("pl-text-center  pl-text-white ",{desktop:"pl-text-[16px] pl-font-extrabold pl-mt-0.5",desktopFullScreen:"pl-text-[32px] pl-font-bold",touch:"pl-text-base pl-font-extrabold pl-mt-0.5",touchFullScreen:"pl-text-[20px] pl-font-bold"}),children:[m,h.includes(e)?" - ":" + "]}),jsx("div",{className:"pl-flex pl-justify-center pl-items-center",children:jsx(J,{src:a$1.chevronLeft,width:fa({desktop:20,desktopFullScreen:40,touch:16,touchFullScreen:20}),height:fa({desktop:20,desktopFullScreen:40,touch:16,touchFullScreen:20}),alt:"",className:` pl-object-cover ${h.includes(e)?"":"pl-rotate-180"}`})})]})})},ce=R;export{ce as default};//# sourceMappingURL=backwardForward-3X63XNNJ.mjs.map
+//# sourceMappingURL=backwardForward-3X63XNNJ.mjs.map

package/{backwardForward-ZUVULGGJ.mjs.map → backwardForward-3X63XNNJ.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/videoPlayerLibrary/components/custom-components/backwardForward/backwardForward.tsx"],"names":["init_esm_shims","hideTime","jump","initialJump","conditions","BackwardForward","type","isRightForward","isLeftBackward","setIsRightForward","setIsLeftBackward","backwardForwardCount","setBackwardForwardCount","useState","hide","setHide","backwardForwardCountRef","useRef","timeoutRef","dispatch","useAppDispatch","useAppSelector","currentTime","duration","shallowEqual","videoElementSizeInfo","params","isLeft","useEffect","doubleTouch","useDoubleTap","event","setActiveElements","mainPlayerVideoTag","handleBackwardForward","handleTouchStart","prev","handleRippleCircle","useKeyPress_default","jsx","jsxs","tw","Image","importImages_default","styleMerge","backwardForward_default"],"mappings":"uXAAAA,CAAAA,EAAAA,CAeA,IAAMC,CAAAA,CAAW,GAAA,CACXC,CAAAA,CAAO,EAAA,CACPC,CAAAA,CAAcC,CAAAA,CAAAA,eAAsC,CAAA,CAAIF,CAAAA,CAAO,CAAA,CAE/DG,CAAAA,CAAkB,CAAC,CAAE,IAAA,CAAAC,CAAAA,CAAM,cAAA,CAAAC,CAAAA,CAAgB,cAAA,CAAAC,CAAAA,CAAgB,iBAAA,CAAAC,CAAAA,CAAmB,iBAAA,CAAAC,CAAkB,CAAA,GAA6B,CACjI,GAAM,CAACC,CAAAA,CAAsBC,CAAuB,CAAA,CAAIC,QAAAA,CAAiBV,CAAW,CAAA,CAC9E,CAACW,GAAAA,CAAMC,CAAO,CAAA,CAAIF,QAAAA,CAAkB,KAAK,CAAA,CAEzCG,GAAAA,CAA0BC,MAAAA,CAAeN,CAAoB,CAAA,CAC7DO,CAAAA,CAAaD,MAAAA,CAAY,IAAI,CAAA,CAE7BE,CAAAA,CAAWC,CAAAA,EAAe,CAEhCC,CAAAA,CAAe,CAAC,CAAE,UAAA,CAAY,CAAE,WAAA,CAAAC,CAAAA,CAAa,QAAA,CAAAC,CAAS,CAAE,CAAA,IAAO,CAAE,WAAA,CAAAD,CAAAA,CAAa,QAAA,CAAAC,CAAS,CAAA,CAAA,CAAIC,YAAY,CAAA,CAEvG,IAAM,CAAE,oBAAA,CAAAC,CAAqB,CAAA,CAAIJ,CAAAA,CAC/B,CAAC,CAAE,SAAA,CAAW,CAAE,oBAAA,CAAAI,CAAAA,CAAsB,MAAA,CAAAC,CAAO,CAAE,CAAA,IAAO,CAAE,oBAAA,CAAAD,CAAAA,CAAsB,MAAA,CAAAC,CAAO,CAAA,CAAA,CACrFF,YACF,CAAA,CAGMG,CAAAA,CAAS,CAAC,eAAA,CAAiB,UAAU,EAE3CC,SAAAA,CAAU,IAAM,CACdZ,GAAAA,CAAwB,OAAA,CAAUL,EACpC,CAAA,CAAG,CAACA,CAAoB,CAAC,CAAA,CAEzB,IAAIkB,CAAAA,CAEJA,CAAAA,CAAcC,YAAAA,CAAcC,CAAAA,EAAU,CAChC,CAAC,eAAA,CAAiB,cAAc,CAAA,CAAE,QAAA,CAASzB,CAAI,CAAA,GACjDyB,CAAAA,CAAM,eAAA,EAAgB,CAClBzB,CAAAA,GAAS,eAAA,EAAmBI,CAAAA,EAC9BA,CAAAA,CAAkB,IAAI,CAAA,CACtBS,CAAAA,CAASa,CAAAA,CAAkB,KAAK,CAAC,CAAA,EACxB1B,CAAAA,GAAS,cAAA,EAAkBG,CAAAA,GACpCA,CAAAA,CAAkB,IAAI,CAAA,CACtBU,CAAAA,CAASa,CAAAA,CAAkB,KAAK,CAAC,CAAA,CAAA,CAEnC,YAAA,CAAad,CAAAA,CAAW,OAAO,CAAA,CAC/BA,CAAAA,CAAW,OAAA,CAAU,UAAA,CAAW,IAAMH,CAAAA,CAAQ,IAAI,CAAA,CAAGd,CAAQ,CAAA,EAEjE,CAAA,CAAG,GAAG,CAAA,CAGN2B,SAAAA,CAAU,IAAM,CACVd,GAAAA,GACFC,CAAAA,CAAQ,KAAK,CAAA,CACTR,CAAAA,EAAkBE,CAAAA,EACpBA,CAAAA,CAAkB,KAAK,CAAA,CACnBwB,GAAAA,EAAmB,CAAE,QAAA,CAAWA,GAAAA,EAAmB,CAAE,WAAA,EAAejB,GAAAA,CAAwB,OAAA,CAC9FkB,CAAAA,CAAsB5B,CAAAA,CAAM2B,GAAAA,EAAmB,CAAE,QAAQ,CAAA,CACtDC,CAAAA,CAAsB5B,CAAAA,CAAMU,GAAAA,CAAwB,OAAO,CAAA,CAChEJ,CAAAA,CAAwBT,CAAW,CAAA,EAC1BK,CAAAA,EAAkBE,CAAAA,GAC3BA,CAAAA,CAAkB,KAAK,CAAA,CACnBuB,GAAAA,EAAmB,CAAE,WAAA,EAAejB,GAAAA,CAAwB,OAAA,CAASkB,CAAAA,CAAsB5B,CAAAA,CAAM,CAAC,CAAA,CACjG4B,CAAAA,CAAsB5B,CAAAA,CAAMU,GAAAA,CAAwB,OAAO,CAAA,CAChEJ,CAAAA,CAAwBT,CAAW,CAAA,CAAA,EAGzC,CAAA,CAAG,CAACW,GAAAA,CAAMR,CAAI,CAAC,CAAA,CAEf,IAAM6B,CAAAA,CAAoBJ,CAAAA,EAAe,CACvCnB,CAAAA,CAAyBwB,CAAAA,EAASA,CAAAA,CAAOlC,CAAI,CAAA,CACzCE,CAAAA,CAAAA,wBAA+C,CAAA,EAAGiC,EAAAA,CAAmBN,CAAAA,CAAOzB,CAAI,CAAA,CACpF,YAAA,CAAaY,CAAAA,CAAW,OAAO,CAAA,CAC/BA,CAAAA,CAAW,OAAA,CAAU,UAAA,CAAW,IAAMH,CAAAA,CAAQ,IAAI,CAAA,CAAGd,CAAQ,EAC/D,CAAA,CA0BA,GAxBAqC,CAAAA,CAAY,YAAA,CAAeP,CAAAA,EAAe,CACpC3B,CAAAA,CAAAA,sBAA6C,CAAA,EAAKE,CAAAA,GAAS,SAAA,GAC7DyB,CAAAA,CAAM,eAAA,EAAgB,CACtBnB,CAAAA,CAAyBwB,CAAAA,EAASA,CAAAA,CAAOlC,CAAI,CAAA,CAC7CiB,CAAAA,CAASa,CAAAA,CAAkB,IAAI,CAAC,CAAA,CAC5BvB,CAAAA,EAAmBA,CAAAA,CAAkB,IAAI,CAAA,CAE7C,YAAA,CAAaS,CAAAA,CAAW,OAAO,CAAA,CAC/BA,CAAAA,CAAW,OAAA,CAAU,UAAA,CAAW,IAAMH,CAAAA,CAAQ,IAAI,CAAA,CAAGd,CAAQ,CAAA,EAEjE,CAAC,CAAA,CAEDqC,CAAAA,CAAY,WAAA,CAAcP,CAAAA,EAAe,CACnC3B,CAAAA,CAAAA,qBAA4C,CAAA,EAAKE,CAAAA,GAAS,UAAA,GAC5DyB,CAAAA,CAAM,eAAA,EAAgB,CACtBnB,CAAAA,CAAyBwB,CAAAA,EAASA,CAAAA,CAAOlC,CAAI,CAAA,CAC7CiB,CAAAA,CAASa,CAAAA,CAAkB,IAAI,CAAC,CAAA,CAC5BtB,CAAAA,EAAmBA,CAAAA,CAAkB,IAAI,CAAA,CAE7C,YAAA,CAAaQ,CAAAA,CAAW,OAAO,CAAA,CAC/BA,CAAAA,CAAW,OAAA,CAAU,UAAA,CAAW,IAAMH,CAAAA,CAAQ,IAAI,CAAA,CAAGd,CAAQ,CAAA,EAEjE,CAAC,CAAA,CAEGK,CAAAA,CACF,OACEiC,GAAAA,CAAC,KAAA,CAAA,CACC,EAAA,CAAIjC,CAAAA,CACJ,SAAA,CAAW,CAAA,kDAAA,EAAqDF,CAAAA,CAAAA,eAAsC,CAAA,CAAI,cAAA,CAAiB,cAAc,CAAA,CAAA,EACvIuB,CAAAA,CAAO,QAAA,CAASrB,CAAI,CAAA,CAAI,cAAA,CAAiB,gBAC3C,CAAA,4BAAA,CAAA,CACA,KAAA,CAAO,CAAE,KAAA,CAAOmB,CAAAA,CAAqB,KAAA,CAAO,MAAA,CAAQA,CAAAA,CAAqB,KAAM,CAAA,CAC9E,GAAGI,CAAAA,CAEF,QAAA,CAAA,CAAAtB,CAAAA,EAAkBC,CAAAA,GAClBgC,IAAAA,CAAC,KAAA,CAAA,CACC,SAAA,CAAWC,EAAAA,CAAG,CAAA,0DAAA,EAA6Dd,CAAAA,CAAO,QAAA,CAASrB,CAAI,CAAA,CAAI,EAAA,CAAK,qBAAqB,CAAA,CAAA,CAAI,CAC/H,OAAA,CAAS,UAAA,CACT,iBAAA,CAAmB,UAAA,CACnB,KAAA,CAAO,UAAA,CACP,eAAA,CAAiB,YACnB,CAAC,CAAA,CACD,YAAA,CAAcF,CAAAA,CAAAA,eAAsC,CAAA,CAAI+B,CAAAA,CAAmB,MAAA,CAE3E,QAAA,CAAA,CAAAK,IAAAA,CAAC,GAAA,CAAA,CACC,SAAA,CAAWC,EAAAA,CAAG,gCAAA,CAAkC,CAC9C,OAAA,CAAS,4CAAA,CACT,iBAAA,CAAmB,6BAAA,CACnB,KAAA,CAAO,0CAAA,CACP,eAAA,CAAiB,6BACnB,CAAC,CAAA,CAEA,QAAA,CAAA,CAAA9B,CAAAA,CACAgB,CAAAA,CAAO,QAAA,CAASrB,CAAI,CAAA,CAAI,KAAA,CAAQ,KAAA,CAAA,CACnC,CAAA,CACAiC,GAAAA,CAAC,KAAA,CAAA,CAAI,SAAA,CAAW,2CAAA,CACd,QAAA,CAAAA,GAAAA,CAACG,CAAAA,CAAA,CACC,GAAA,CAAKC,GAAAA,CAAO,WAAA,CACZ,KAAA,CAAOC,EAAAA,CAAW,CAAE,OAAA,CAAS,EAAA,CAAI,iBAAA,CAAmB,EAAA,CAAI,KAAA,CAAO,EAAA,CAAI,eAAA,CAAiB,EAAG,CAAC,CAAA,CACxF,MAAA,CAAQA,EAAAA,CAAW,CAAE,OAAA,CAAS,EAAA,CAAI,iBAAA,CAAmB,EAAA,CAAI,KAAA,CAAO,EAAA,CAAI,eAAA,CAAiB,EAAG,CAAC,CAAA,CACzF,GAAA,CAAI,EAAA,CACJ,SAAA,CAAW,CAAA,iBAAA,EAAoBjB,CAAAA,CAAO,QAAA,CAASrB,CAAI,CAAA,CAAI,EAAA,CAAK,eAAe,CAAA,CAAA,CAC7E,CAAA,CAuBF,CAAA,CAAA,CACF,CAAA,CAEJ,CAEN,CAAA,CAEOuC,EAAAA,CAAQxC","file":"backwardForward-ZUVULGGJ.mjs","sourcesContent":["import { useEffect, useRef, useState } from \"react\";\r\nimport { shallowEqual } from \"react-redux\";\r\nimport { useDoubleTap } from \"use-double-tap\";\r\nimport { useAppDispatch, useAppSelector } from \"../../../helpers/redux/hooks\";\r\nimport { IBackwardForwardProps } from \"../../../helpers/interfaces/interfaces\";\r\nimport { setActiveElements } from \"../../../helpers/redux/slices/controllerSlice\";\r\nimport { handleBackwardForward } from \"../../../helpers/redux/actions/controller.actions\";\r\nimport { ConditionName } from \"../../../helpers/interfaces/enums\";\r\nimport { conditions } from \"../../../helpers/conditions/conditions\";\r\nimport { handleRippleCircle, styleMerge, tw } from \"../../../helpers/helpers\";\r\nimport { mainPlayerVideoTag } from \"../../../helpers/constants\";\r\nimport useKeyPress from \"../../../helpers/hooks/useKeyPress\";\r\nimport IMAGES from \"../../../images/importImages\";\r\nimport Image from \"next/image\";\r\n\r\nconst hideTime = 1000;\r\nconst jump = 10;\r\nconst initialJump = conditions(ConditionName.isTouchScreen) ? jump : 0;\r\n\r\nconst BackwardForward = ({ type, isRightForward, isLeftBackward, setIsRightForward, setIsLeftBackward }: IBackwardForwardProps) => {\r\n  const [backwardForwardCount, setBackwardForwardCount] = useState<number>(initialJump);\r\n  const [hide, setHide] = useState<boolean>(false);\r\n\r\n  const backwardForwardCountRef = useRef<number>(backwardForwardCount);\r\n  const timeoutRef = useRef<any>(null);\r\n\r\n  const dispatch = useAppDispatch();\r\n\r\n  useAppSelector(({ controller: { currentTime, duration } }) => ({ currentTime, duration }), shallowEqual);\r\n\r\n  const { videoElementSizeInfo } = useAppSelector(\r\n    ({ videoData: { videoElementSizeInfo, params } }) => ({ videoElementSizeInfo, params }),\r\n    shallowEqual\r\n  );\r\n\r\n  const isRight = [\"touchForward\", \"forward\"];\r\n  const isLeft = [\"touchBackward\", \"backward\"];\r\n\r\n  useEffect(() => {\r\n    backwardForwardCountRef.current = backwardForwardCount;\r\n  }, [backwardForwardCount]);\r\n\r\n  let doubleTouch: any = undefined;\r\n\r\n  doubleTouch = useDoubleTap((event) => {\r\n    if ([\"touchBackward\", \"touchForward\"].includes(type)) {\r\n      event.stopPropagation();\r\n      if (type === \"touchBackward\" && setIsLeftBackward) {\r\n        setIsLeftBackward(true);\r\n        dispatch(setActiveElements(false));\r\n      } else if (type === \"touchForward\" && setIsRightForward) {\r\n        setIsRightForward(true);\r\n        dispatch(setActiveElements(false));\r\n      }\r\n      clearTimeout(timeoutRef.current);\r\n      timeoutRef.current = setTimeout(() => setHide(true), hideTime);\r\n    }\r\n  }, 200);\r\n\r\n  // eslint-disable-next-line react-hooks/exhaustive-deps\r\n  useEffect(() => {\r\n    if (hide) {\r\n      setHide(false);\r\n      if (isRightForward && setIsRightForward) {\r\n        setIsRightForward(false);\r\n        if (mainPlayerVideoTag().duration - mainPlayerVideoTag().currentTime <= backwardForwardCountRef.current)\r\n          handleBackwardForward(type, mainPlayerVideoTag().duration);\r\n        else handleBackwardForward(type, backwardForwardCountRef.current);\r\n        setBackwardForwardCount(initialJump);\r\n      } else if (isLeftBackward && setIsLeftBackward) {\r\n        setIsLeftBackward(false);\r\n        if (mainPlayerVideoTag().currentTime <= backwardForwardCountRef.current) handleBackwardForward(type, 0);\r\n        else handleBackwardForward(type, backwardForwardCountRef.current);\r\n        setBackwardForwardCount(initialJump);\r\n      }\r\n    }\r\n  }, [hide, type]);\r\n\r\n  const handleTouchStart = (event: any) => {\r\n    setBackwardForwardCount((prev) => prev + jump);\r\n    if (conditions(ConditionName.isTouchScreenLandscape)) handleRippleCircle(event, type);\r\n    clearTimeout(timeoutRef.current);\r\n    timeoutRef.current = setTimeout(() => setHide(true), hideTime);\r\n  };\r\n\r\n  useKeyPress(\"ArrowRight\", (event: any) => {\r\n    if (conditions(ConditionName.isPressKeyArrowRight) && type === \"forward\") {\r\n      event.stopPropagation();\r\n      setBackwardForwardCount((prev) => prev + jump);\r\n      dispatch(setActiveElements(true));\r\n      if (setIsRightForward) setIsRightForward(true);\r\n\r\n      clearTimeout(timeoutRef.current);\r\n      timeoutRef.current = setTimeout(() => setHide(true), hideTime);\r\n    }\r\n  });\r\n\r\n  useKeyPress(\"ArrowLeft\", (event: any) => {\r\n    if (conditions(ConditionName.isPressKeyArrowLeft) && type === \"backward\") {\r\n      event.stopPropagation();\r\n      setBackwardForwardCount((prev) => prev + jump);\r\n      dispatch(setActiveElements(true));\r\n      if (setIsLeftBackward) setIsLeftBackward(true);\r\n\r\n      clearTimeout(timeoutRef.current);\r\n      timeoutRef.current = setTimeout(() => setHide(true), hideTime);\r\n    }\r\n  });\r\n\r\n  if (type)\r\n    return (\r\n      <div\r\n        id={type}\r\n        className={`pl-relative pl-flex pl-flex-col pl-justify-center ${conditions(ConditionName.isTouchScreen) ? \"pl-px-[24px]\" : \"pl-px-[48px]\"} ${\r\n          isLeft.includes(type) ? \"pl-items-end\" : \"pl-items-start\"\r\n        } pl-gap-2 pl-overflow-hidden`}\r\n        style={{ width: videoElementSizeInfo.width, height: videoElementSizeInfo.width }}\r\n        {...doubleTouch}\r\n      >\r\n        {(isRightForward || isLeftBackward) && (\r\n          <div\r\n            className={tw(`pl-rounded-full pl-flex pl-justify-center pl-items-center ${isLeft.includes(type) ? \"\" : \"pl-flex-row-reverse\"}`, {\r\n              desktop: \"pl-gap-2\",\r\n              desktopFullScreen: \"pl-gap-1\",\r\n              touch: \"pl-gap-1\",\r\n              touchFullScreen: \"pl-gap-1.5\",\r\n            })}\r\n            onTouchStart={conditions(ConditionName.isTouchScreen) ? handleTouchStart : undefined}\r\n          >\r\n            <p\r\n              className={tw(`pl-text-center  pl-text-white `, {\r\n                desktop: \"pl-text-[16px] pl-font-extrabold pl-mt-0.5\",\r\n                desktopFullScreen: \"pl-text-[32px] pl-font-bold\",\r\n                touch: \"pl-text-base pl-font-extrabold pl-mt-0.5\",\r\n                touchFullScreen: \"pl-text-[20px] pl-font-bold\",\r\n              })}\r\n            >\r\n              {backwardForwardCount}\r\n              {isLeft.includes(type) ? \" - \" : \" + \"}\r\n            </p>\r\n            <div className={`pl-flex pl-justify-center pl-items-center`}>\r\n              <Image\r\n                src={IMAGES.chevronLeft}\r\n                width={styleMerge({ desktop: 20, desktopFullScreen: 40, touch: 16, touchFullScreen: 20 })}\r\n                height={styleMerge({ desktop: 20, desktopFullScreen: 40, touch: 16, touchFullScreen: 20 })}\r\n                alt=\"\"\r\n                className={` pl-object-cover ${isLeft.includes(type) ? \"\" : \"pl-rotate-180\"}`}\r\n              />\r\n\r\n              {/* <Image\r\n                alt=\"arrow-icon\"\r\n                src={IMAGES.arrowLeft}\r\n                className={`pl-shrink-0 ${isLeft.includes(type) && \"pl-rotate-180\"}`}\r\n                width={conditions(ConditionName.isFullScreen) ? 22 : 12}\r\n                height={conditions(ConditionName.isFullScreen) ? 22 : 12}\r\n              />\r\n              <Image\r\n                alt=\"arrow-icon\"\r\n                src={IMAGES.arrowLeft}\r\n                className={`pl-shrink-0 ${isLeft.includes(type) && \"pl-rotate-180\"}`}\r\n                width={conditions(ConditionName.isFullScreen) ? 22 : 12}\r\n                height={conditions(ConditionName.isFullScreen) ? 22 : 12}\r\n              />\r\n              <Image\r\n                alt=\"arrow-icon\"\r\n                src={IMAGES.arrowLeft}\r\n                className={`pl-shrink-0 ${isLeft.includes(type) && \"pl-rotate-180\"}`}\r\n                width={conditions(ConditionName.isFullScreen) ? 22 : 12}\r\n                height={conditions(ConditionName.isFullScreen) ? 22 : 12}\r\n              /> */}\r\n            </div>\r\n          </div>\r\n        )}\r\n      </div>\r\n    );\r\n};\r\n\r\nexport default BackwardForward;\r\n"]}
+{"version":3,"sources":["../src/videoPlayerLibrary/components/custom-components/backwardForward/backwardForward.tsx"],"names":["init_esm_shims","hideTime","jump","initialJump","conditions","BackwardForward","type","isRightForward","isLeftBackward","setIsRightForward","setIsLeftBackward","backwardForwardCount","setBackwardForwardCount","useState","hide","setHide","backwardForwardCountRef","useRef","timeoutRef","dispatch","useAppDispatch","useAppSelector","currentTime","duration","shallowEqual","videoElementSizeInfo","params","isLeft","useEffect","doubleTouch","useDoubleTap","event","setActiveElements","mainPlayerVideoTag","handleBackwardForward","handleTouchStart","prev","handleRippleCircle","useKeyPress_default","jsx","jsxs","tw","Image","importImages_default","styleMerge","backwardForward_default"],"mappings":"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","file":"backwardForward-3X63XNNJ.mjs","sourcesContent":["import { useEffect, useRef, useState } from \"react\";\r\nimport { shallowEqual } from \"react-redux\";\r\nimport { useDoubleTap } from \"use-double-tap\";\r\nimport { useAppDispatch, useAppSelector } from \"../../../helpers/redux/hooks\";\r\nimport { IBackwardForwardProps } from \"../../../helpers/interfaces/interfaces\";\r\nimport { setActiveElements } from \"../../../helpers/redux/slices/controllerSlice\";\r\nimport { handleBackwardForward } from \"../../../helpers/redux/actions/controller.actions\";\r\nimport { ConditionName } from \"../../../helpers/interfaces/enums\";\r\nimport { conditions } from \"../../../helpers/conditions/conditions\";\r\nimport { handleRippleCircle, styleMerge, tw } from \"../../../helpers/helpers\";\r\nimport { mainPlayerVideoTag } from \"../../../helpers/constants\";\r\nimport useKeyPress from \"../../../helpers/hooks/useKeyPress\";\r\nimport IMAGES from \"../../../images/importImages\";\r\nimport Image from \"next/image\";\r\n\r\nconst hideTime = 1000;\r\nconst jump = 10;\r\nconst initialJump = conditions(ConditionName.isTouchScreen) ? jump : 0;\r\n\r\nconst BackwardForward = ({ type, isRightForward, isLeftBackward, setIsRightForward, setIsLeftBackward }: IBackwardForwardProps) => {\r\n  const [backwardForwardCount, setBackwardForwardCount] = useState<number>(initialJump);\r\n  const [hide, setHide] = useState<boolean>(false);\r\n\r\n  const backwardForwardCountRef = useRef<number>(backwardForwardCount);\r\n  const timeoutRef = useRef<any>(null);\r\n\r\n  const dispatch = useAppDispatch();\r\n\r\n  useAppSelector(({ controller: { currentTime, duration } }) => ({ currentTime, duration }), shallowEqual);\r\n\r\n  const { videoElementSizeInfo } = useAppSelector(\r\n    ({ videoData: { videoElementSizeInfo, params } }) => ({ videoElementSizeInfo, params }),\r\n    shallowEqual\r\n  );\r\n\r\n  const isRight = [\"touchForward\", \"forward\"];\r\n  const isLeft = [\"touchBackward\", \"backward\"];\r\n\r\n  useEffect(() => {\r\n    backwardForwardCountRef.current = backwardForwardCount;\r\n  }, [backwardForwardCount]);\r\n\r\n  let doubleTouch: any = undefined;\r\n\r\n  doubleTouch = useDoubleTap((event) => {\r\n    if ([\"touchBackward\", \"touchForward\"].includes(type)) {\r\n      event.stopPropagation();\r\n      if (type === \"touchBackward\" && setIsLeftBackward) {\r\n        setIsLeftBackward(true);\r\n        dispatch(setActiveElements(false));\r\n      } else if (type === \"touchForward\" && setIsRightForward) {\r\n        setIsRightForward(true);\r\n        dispatch(setActiveElements(false));\r\n      }\r\n      clearTimeout(timeoutRef.current);\r\n      timeoutRef.current = setTimeout(() => setHide(true), hideTime);\r\n    }\r\n  }, 200);\r\n\r\n  // eslint-disable-next-line react-hooks/exhaustive-deps\r\n  useEffect(() => {\r\n    if (hide) {\r\n      setHide(false);\r\n      if (isRightForward && setIsRightForward) {\r\n        setIsRightForward(false);\r\n        if (mainPlayerVideoTag().duration - mainPlayerVideoTag().currentTime <= backwardForwardCountRef.current)\r\n          handleBackwardForward(type, mainPlayerVideoTag().duration);\r\n        else handleBackwardForward(type, backwardForwardCountRef.current);\r\n        setBackwardForwardCount(initialJump);\r\n      } else if (isLeftBackward && setIsLeftBackward) {\r\n        setIsLeftBackward(false);\r\n        if (mainPlayerVideoTag().currentTime <= backwardForwardCountRef.current) handleBackwardForward(type, 0);\r\n        else handleBackwardForward(type, backwardForwardCountRef.current);\r\n        setBackwardForwardCount(initialJump);\r\n      }\r\n    }\r\n  }, [hide, type]);\r\n\r\n  const handleTouchStart = (event: any) => {\r\n    setBackwardForwardCount((prev) => prev + jump);\r\n    if (conditions(ConditionName.isTouchScreenLandscape)) handleRippleCircle(event, type);\r\n    clearTimeout(timeoutRef.current);\r\n    timeoutRef.current = setTimeout(() => setHide(true), hideTime);\r\n  };\r\n\r\n  useKeyPress(\"ArrowRight\", (event: any) => {\r\n    if (conditions(ConditionName.isPressKeyArrowRight) && type === \"forward\") {\r\n      event.stopPropagation();\r\n      setBackwardForwardCount((prev) => prev + jump);\r\n      dispatch(setActiveElements(true));\r\n      if (setIsRightForward) setIsRightForward(true);\r\n\r\n      clearTimeout(timeoutRef.current);\r\n      timeoutRef.current = setTimeout(() => setHide(true), hideTime);\r\n    }\r\n  });\r\n\r\n  useKeyPress(\"ArrowLeft\", (event: any) => {\r\n    if (conditions(ConditionName.isPressKeyArrowLeft) && type === \"backward\") {\r\n      event.stopPropagation();\r\n      setBackwardForwardCount((prev) => prev + jump);\r\n      dispatch(setActiveElements(true));\r\n      if (setIsLeftBackward) setIsLeftBackward(true);\r\n\r\n      clearTimeout(timeoutRef.current);\r\n      timeoutRef.current = setTimeout(() => setHide(true), hideTime);\r\n    }\r\n  });\r\n\r\n  if (type)\r\n    return (\r\n      <div\r\n        id={type}\r\n        className={`pl-relative pl-flex pl-flex-col pl-justify-center ${conditions(ConditionName.isTouchScreen) ? \"pl-px-[24px]\" : \"pl-px-[48px]\"} ${\r\n          isLeft.includes(type) ? \"pl-items-end\" : \"pl-items-start\"\r\n        } pl-gap-2 pl-overflow-hidden`}\r\n        style={{ width: videoElementSizeInfo.width, height: videoElementSizeInfo.width }}\r\n        {...doubleTouch}\r\n      >\r\n        {(isRightForward || isLeftBackward) && (\r\n          <div\r\n            className={tw(`pl-rounded-full pl-flex pl-justify-center pl-items-center ${isLeft.includes(type) ? \"\" : \"pl-flex-row-reverse\"}`, {\r\n              desktop: \"pl-gap-2\",\r\n              desktopFullScreen: \"pl-gap-1\",\r\n              touch: \"pl-gap-1\",\r\n              touchFullScreen: \"pl-gap-1.5\",\r\n            })}\r\n            onTouchStart={conditions(ConditionName.isTouchScreen) ? handleTouchStart : undefined}\r\n          >\r\n            <p\r\n              className={tw(`pl-text-center  pl-text-white `, {\r\n                desktop: \"pl-text-[16px] pl-font-extrabold pl-mt-0.5\",\r\n                desktopFullScreen: \"pl-text-[32px] pl-font-bold\",\r\n                touch: \"pl-text-base pl-font-extrabold pl-mt-0.5\",\r\n                touchFullScreen: \"pl-text-[20px] pl-font-bold\",\r\n              })}\r\n            >\r\n              {backwardForwardCount}\r\n              {isLeft.includes(type) ? \" - \" : \" + \"}\r\n            </p>\r\n            <div className={`pl-flex pl-justify-center pl-items-center`}>\r\n              <Image\r\n                src={IMAGES.chevronLeft}\r\n                width={styleMerge({ desktop: 20, desktopFullScreen: 40, touch: 16, touchFullScreen: 20 })}\r\n                height={styleMerge({ desktop: 20, desktopFullScreen: 40, touch: 16, touchFullScreen: 20 })}\r\n                alt=\"\"\r\n                className={` pl-object-cover ${isLeft.includes(type) ? \"\" : \"pl-rotate-180\"}`}\r\n              />\r\n\r\n              {/* <Image\r\n                alt=\"arrow-icon\"\r\n                src={IMAGES.arrowLeft}\r\n                className={`pl-shrink-0 ${isLeft.includes(type) && \"pl-rotate-180\"}`}\r\n                width={conditions(ConditionName.isFullScreen) ? 22 : 12}\r\n                height={conditions(ConditionName.isFullScreen) ? 22 : 12}\r\n              />\r\n              <Image\r\n                alt=\"arrow-icon\"\r\n                src={IMAGES.arrowLeft}\r\n                className={`pl-shrink-0 ${isLeft.includes(type) && \"pl-rotate-180\"}`}\r\n                width={conditions(ConditionName.isFullScreen) ? 22 : 12}\r\n                height={conditions(ConditionName.isFullScreen) ? 22 : 12}\r\n              />\r\n              <Image\r\n                alt=\"arrow-icon\"\r\n                src={IMAGES.arrowLeft}\r\n                className={`pl-shrink-0 ${isLeft.includes(type) && \"pl-rotate-180\"}`}\r\n                width={conditions(ConditionName.isFullScreen) ? 22 : 12}\r\n                height={conditions(ConditionName.isFullScreen) ? 22 : 12}\r\n              /> */}\r\n            </div>\r\n          </div>\r\n        )}\r\n      </div>\r\n    );\r\n};\r\n\r\nexport default BackwardForward;\r\n"]}

package/{backwardForward-S6ZHVC75.js → backwardForward-HTLSZBXC.js}

@@ -1,2 +1,2 @@
-'use strict';var chunkBNVNO5NH_js=require('./chunk-BNVNO5NH.js'),chunkCOYFW7R4_js=require('./chunk-COYFW7R4.js'),chunkU3VFRU6R_js=require('./chunk-U3VFRU6R.js'),chunkAN6JAJSI_js=require('./chunk-AN6JAJSI.js'),react=require('react'),reactRedux=require('react-redux'),useDoubleTap=require('use-double-tap'),J=require('next/image'),jsxRuntime=require('react/jsx-runtime');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var J__default=/*#__PURE__*/_interopDefault(J);chunkAN6JAJSI_js.e();var w=1e3,x=10,v=chunkU3VFRU6R_js.t("isTouchScreen")?x:0,R=({type:e,isRightForward:g,isLeftBackward:P,setIsRightForward:c,setIsLeftBackward:i})=>{let[m,u]=react.useState(v),[A,n]=react.useState(false),a=react.useRef(m),o=react.useRef(null),f=chunkAN6JAJSI_js.z();chunkAN6JAJSI_js.A(({controller:{currentTime:r,duration:t}})=>({currentTime:r,duration:t}),reactRedux.shallowEqual);let {videoElementSizeInfo:N}=chunkAN6JAJSI_js.A(({videoData:{videoElementSizeInfo:r,params:t}})=>({videoElementSizeInfo:r,params:t}),reactRedux.shallowEqual),h=["touchBackward","backward"];react.useEffect(()=>{a.current=m;},[m]);let C;C=useDoubleTap.useDoubleTap(r=>{["touchBackward","touchForward"].includes(e)&&(r.stopPropagation(),e==="touchBackward"&&i?(i(true),f(chunkAN6JAJSI_js.k(false))):e==="touchForward"&&c&&(c(true),f(chunkAN6JAJSI_js.k(false))),clearTimeout(o.current),o.current=setTimeout(()=>n(true),w));},200),react.useEffect(()=>{A&&(n(false),g&&c?(c(false),chunkU3VFRU6R_js.x().duration-chunkU3VFRU6R_js.x().currentTime<=a.current?chunkU3VFRU6R_js.Z(e,chunkU3VFRU6R_js.x().duration):chunkU3VFRU6R_js.Z(e,a.current),u(v)):P&&i&&(i(false),chunkU3VFRU6R_js.x().currentTime<=a.current?chunkU3VFRU6R_js.Z(e,0):chunkU3VFRU6R_js.Z(e,a.current),u(v)));},[A,e]);let G=r=>{u(t=>t+x),chunkU3VFRU6R_js.t("isTouchScreenLandscape")&&chunkU3VFRU6R_js.ma(r,e),clearTimeout(o.current),o.current=setTimeout(()=>n(true),w);};if(chunkBNVNO5NH_js.a("ArrowRight",r=>{chunkU3VFRU6R_js.t("isPressKeyArrowRight")&&e==="forward"&&(r.stopPropagation(),u(t=>t+x),f(chunkAN6JAJSI_js.k(true)),c&&c(true),clearTimeout(o.current),o.current=setTimeout(()=>n(true),w));}),chunkBNVNO5NH_js.a("ArrowLeft",r=>{chunkU3VFRU6R_js.t("isPressKeyArrowLeft")&&e==="backward"&&(r.stopPropagation(),u(t=>t+x),f(chunkAN6JAJSI_js.k(true)),i&&i(true),clearTimeout(o.current),o.current=setTimeout(()=>n(true),w));}),e)return jsxRuntime.jsx("div",{id:e,className:`pl-relative pl-flex pl-flex-col pl-justify-center ${chunkU3VFRU6R_js.t("isTouchScreen")?"pl-px-[24px]":"pl-px-[48px]"} ${h.includes(e)?"pl-items-end":"pl-items-start"} pl-gap-2 pl-overflow-hidden`,style:{width:N.width,height:N.width},...C,children:(g||P)&&jsxRuntime.jsxs("div",{className:chunkU3VFRU6R_js.ea(`pl-rounded-full pl-flex pl-justify-center pl-items-center ${h.includes(e)?"":"pl-flex-row-reverse"}`,{desktop:"pl-gap-2",desktopFullScreen:"pl-gap-1",touch:"pl-gap-1",touchFullScreen:"pl-gap-1.5"}),onTouchStart:chunkU3VFRU6R_js.t("isTouchScreen")?G:void 0,children:[jsxRuntime.jsxs("p",{className:chunkU3VFRU6R_js.ea("pl-text-center  pl-text-white ",{desktop:"pl-text-[16px] pl-font-extrabold pl-mt-0.5",desktopFullScreen:"pl-text-[32px] pl-font-bold",touch:"pl-text-base pl-font-extrabold pl-mt-0.5",touchFullScreen:"pl-text-[20px] pl-font-bold"}),children:[m,h.includes(e)?" - ":" + "]}),jsxRuntime.jsx("div",{className:"pl-flex pl-justify-center pl-items-center",children:jsxRuntime.jsx(J__default.default,{src:chunkCOYFW7R4_js.a.chevronLeft,width:chunkU3VFRU6R_js.fa({desktop:20,desktopFullScreen:40,touch:16,touchFullScreen:20}),height:chunkU3VFRU6R_js.fa({desktop:20,desktopFullScreen:40,touch:16,touchFullScreen:20}),alt:"",className:` pl-object-cover ${h.includes(e)?"":"pl-rotate-180"}`})})]})})},le=R;module.exports=le;//# sourceMappingURL=backwardForward-S6ZHVC75.js.map
-//# sourceMappingURL=backwardForward-S6ZHVC75.js.map
+'use strict';var chunkBNVNO5NH_js=require('./chunk-BNVNO5NH.js'),chunkCOYFW7R4_js=require('./chunk-COYFW7R4.js'),chunkVUHZVVMS_js=require('./chunk-VUHZVVMS.js'),chunkAN6JAJSI_js=require('./chunk-AN6JAJSI.js'),react=require('react'),reactRedux=require('react-redux'),useDoubleTap=require('use-double-tap'),J=require('next/image'),jsxRuntime=require('react/jsx-runtime');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var J__default=/*#__PURE__*/_interopDefault(J);chunkAN6JAJSI_js.e();var w=1e3,x=10,v=chunkVUHZVVMS_js.t("isTouchScreen")?x:0,R=({type:e,isRightForward:g,isLeftBackward:P,setIsRightForward:c,setIsLeftBackward:i})=>{let[m,u]=react.useState(v),[A,n]=react.useState(false),a=react.useRef(m),o=react.useRef(null),f=chunkAN6JAJSI_js.z();chunkAN6JAJSI_js.A(({controller:{currentTime:r,duration:t}})=>({currentTime:r,duration:t}),reactRedux.shallowEqual);let {videoElementSizeInfo:N}=chunkAN6JAJSI_js.A(({videoData:{videoElementSizeInfo:r,params:t}})=>({videoElementSizeInfo:r,params:t}),reactRedux.shallowEqual),h=["touchBackward","backward"];react.useEffect(()=>{a.current=m;},[m]);let C;C=useDoubleTap.useDoubleTap(r=>{["touchBackward","touchForward"].includes(e)&&(r.stopPropagation(),e==="touchBackward"&&i?(i(true),f(chunkAN6JAJSI_js.k(false))):e==="touchForward"&&c&&(c(true),f(chunkAN6JAJSI_js.k(false))),clearTimeout(o.current),o.current=setTimeout(()=>n(true),w));},200),react.useEffect(()=>{A&&(n(false),g&&c?(c(false),chunkVUHZVVMS_js.x().duration-chunkVUHZVVMS_js.x().currentTime<=a.current?chunkVUHZVVMS_js.Z(e,chunkVUHZVVMS_js.x().duration):chunkVUHZVVMS_js.Z(e,a.current),u(v)):P&&i&&(i(false),chunkVUHZVVMS_js.x().currentTime<=a.current?chunkVUHZVVMS_js.Z(e,0):chunkVUHZVVMS_js.Z(e,a.current),u(v)));},[A,e]);let G=r=>{u(t=>t+x),chunkVUHZVVMS_js.t("isTouchScreenLandscape")&&chunkVUHZVVMS_js.ma(r,e),clearTimeout(o.current),o.current=setTimeout(()=>n(true),w);};if(chunkBNVNO5NH_js.a("ArrowRight",r=>{chunkVUHZVVMS_js.t("isPressKeyArrowRight")&&e==="forward"&&(r.stopPropagation(),u(t=>t+x),f(chunkAN6JAJSI_js.k(true)),c&&c(true),clearTimeout(o.current),o.current=setTimeout(()=>n(true),w));}),chunkBNVNO5NH_js.a("ArrowLeft",r=>{chunkVUHZVVMS_js.t("isPressKeyArrowLeft")&&e==="backward"&&(r.stopPropagation(),u(t=>t+x),f(chunkAN6JAJSI_js.k(true)),i&&i(true),clearTimeout(o.current),o.current=setTimeout(()=>n(true),w));}),e)return jsxRuntime.jsx("div",{id:e,className:`pl-relative pl-flex pl-flex-col pl-justify-center ${chunkVUHZVVMS_js.t("isTouchScreen")?"pl-px-[24px]":"pl-px-[48px]"} ${h.includes(e)?"pl-items-end":"pl-items-start"} pl-gap-2 pl-overflow-hidden`,style:{width:N.width,height:N.width},...C,children:(g||P)&&jsxRuntime.jsxs("div",{className:chunkVUHZVVMS_js.ea(`pl-rounded-full pl-flex pl-justify-center pl-items-center ${h.includes(e)?"":"pl-flex-row-reverse"}`,{desktop:"pl-gap-2",desktopFullScreen:"pl-gap-1",touch:"pl-gap-1",touchFullScreen:"pl-gap-1.5"}),onTouchStart:chunkVUHZVVMS_js.t("isTouchScreen")?G:void 0,children:[jsxRuntime.jsxs("p",{className:chunkVUHZVVMS_js.ea("pl-text-center  pl-text-white ",{desktop:"pl-text-[16px] pl-font-extrabold pl-mt-0.5",desktopFullScreen:"pl-text-[32px] pl-font-bold",touch:"pl-text-base pl-font-extrabold pl-mt-0.5",touchFullScreen:"pl-text-[20px] pl-font-bold"}),children:[m,h.includes(e)?" - ":" + "]}),jsxRuntime.jsx("div",{className:"pl-flex pl-justify-center pl-items-center",children:jsxRuntime.jsx(J__default.default,{src:chunkCOYFW7R4_js.a.chevronLeft,width:chunkVUHZVVMS_js.fa({desktop:20,desktopFullScreen:40,touch:16,touchFullScreen:20}),height:chunkVUHZVVMS_js.fa({desktop:20,desktopFullScreen:40,touch:16,touchFullScreen:20}),alt:"",className:` pl-object-cover ${h.includes(e)?"":"pl-rotate-180"}`})})]})})},le=R;module.exports=le;//# sourceMappingURL=backwardForward-HTLSZBXC.js.map
+//# sourceMappingURL=backwardForward-HTLSZBXC.js.map

package/{backwardForward-S6ZHVC75.js.map → backwardForward-HTLSZBXC.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/videoPlayerLibrary/components/custom-components/backwardForward/backwardForward.tsx"],"names":["init_cjs_shims","hideTime","jump","initialJump","conditions","BackwardForward","type","isRightForward","isLeftBackward","setIsRightForward","setIsLeftBackward","backwardForwardCount","setBackwardForwardCount","useState","hide","setHide","backwardForwardCountRef","useRef","timeoutRef","dispatch","useAppDispatch","useAppSelector","currentTime","duration","shallowEqual","videoElementSizeInfo","params","isLeft","useEffect","doubleTouch","useDoubleTap","event","setActiveElements","mainPlayerVideoTag","handleBackwardForward","handleTouchStart","prev","handleRippleCircle","useKeyPress_default","jsx","jsxs","tw","Image","importImages_default","styleMerge","backwardForward_default"],"mappings":"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","file":"backwardForward-S6ZHVC75.js","sourcesContent":["import { useEffect, useRef, useState } from \"react\";\r\nimport { shallowEqual } from \"react-redux\";\r\nimport { useDoubleTap } from \"use-double-tap\";\r\nimport { useAppDispatch, useAppSelector } from \"../../../helpers/redux/hooks\";\r\nimport { IBackwardForwardProps } from \"../../../helpers/interfaces/interfaces\";\r\nimport { setActiveElements } from \"../../../helpers/redux/slices/controllerSlice\";\r\nimport { handleBackwardForward } from \"../../../helpers/redux/actions/controller.actions\";\r\nimport { ConditionName } from \"../../../helpers/interfaces/enums\";\r\nimport { conditions } from \"../../../helpers/conditions/conditions\";\r\nimport { handleRippleCircle, styleMerge, tw } from \"../../../helpers/helpers\";\r\nimport { mainPlayerVideoTag } from \"../../../helpers/constants\";\r\nimport useKeyPress from \"../../../helpers/hooks/useKeyPress\";\r\nimport IMAGES from \"../../../images/importImages\";\r\nimport Image from \"next/image\";\r\n\r\nconst hideTime = 1000;\r\nconst jump = 10;\r\nconst initialJump = conditions(ConditionName.isTouchScreen) ? jump : 0;\r\n\r\nconst BackwardForward = ({ type, isRightForward, isLeftBackward, setIsRightForward, setIsLeftBackward }: IBackwardForwardProps) => {\r\n  const [backwardForwardCount, setBackwardForwardCount] = useState<number>(initialJump);\r\n  const [hide, setHide] = useState<boolean>(false);\r\n\r\n  const backwardForwardCountRef = useRef<number>(backwardForwardCount);\r\n  const timeoutRef = useRef<any>(null);\r\n\r\n  const dispatch = useAppDispatch();\r\n\r\n  useAppSelector(({ controller: { currentTime, duration } }) => ({ currentTime, duration }), shallowEqual);\r\n\r\n  const { videoElementSizeInfo } = useAppSelector(\r\n    ({ videoData: { videoElementSizeInfo, params } }) => ({ videoElementSizeInfo, params }),\r\n    shallowEqual\r\n  );\r\n\r\n  const isRight = [\"touchForward\", \"forward\"];\r\n  const isLeft = [\"touchBackward\", \"backward\"];\r\n\r\n  useEffect(() => {\r\n    backwardForwardCountRef.current = backwardForwardCount;\r\n  }, [backwardForwardCount]);\r\n\r\n  let doubleTouch: any = undefined;\r\n\r\n  doubleTouch = useDoubleTap((event) => {\r\n    if ([\"touchBackward\", \"touchForward\"].includes(type)) {\r\n      event.stopPropagation();\r\n      if (type === \"touchBackward\" && setIsLeftBackward) {\r\n        setIsLeftBackward(true);\r\n        dispatch(setActiveElements(false));\r\n      } else if (type === \"touchForward\" && setIsRightForward) {\r\n        setIsRightForward(true);\r\n        dispatch(setActiveElements(false));\r\n      }\r\n      clearTimeout(timeoutRef.current);\r\n      timeoutRef.current = setTimeout(() => setHide(true), hideTime);\r\n    }\r\n  }, 200);\r\n\r\n  // eslint-disable-next-line react-hooks/exhaustive-deps\r\n  useEffect(() => {\r\n    if (hide) {\r\n      setHide(false);\r\n      if (isRightForward && setIsRightForward) {\r\n        setIsRightForward(false);\r\n        if (mainPlayerVideoTag().duration - mainPlayerVideoTag().currentTime <= backwardForwardCountRef.current)\r\n          handleBackwardForward(type, mainPlayerVideoTag().duration);\r\n        else handleBackwardForward(type, backwardForwardCountRef.current);\r\n        setBackwardForwardCount(initialJump);\r\n      } else if (isLeftBackward && setIsLeftBackward) {\r\n        setIsLeftBackward(false);\r\n        if (mainPlayerVideoTag().currentTime <= backwardForwardCountRef.current) handleBackwardForward(type, 0);\r\n        else handleBackwardForward(type, backwardForwardCountRef.current);\r\n        setBackwardForwardCount(initialJump);\r\n      }\r\n    }\r\n  }, [hide, type]);\r\n\r\n  const handleTouchStart = (event: any) => {\r\n    setBackwardForwardCount((prev) => prev + jump);\r\n    if (conditions(ConditionName.isTouchScreenLandscape)) handleRippleCircle(event, type);\r\n    clearTimeout(timeoutRef.current);\r\n    timeoutRef.current = setTimeout(() => setHide(true), hideTime);\r\n  };\r\n\r\n  useKeyPress(\"ArrowRight\", (event: any) => {\r\n    if (conditions(ConditionName.isPressKeyArrowRight) && type === \"forward\") {\r\n      event.stopPropagation();\r\n      setBackwardForwardCount((prev) => prev + jump);\r\n      dispatch(setActiveElements(true));\r\n      if (setIsRightForward) setIsRightForward(true);\r\n\r\n      clearTimeout(timeoutRef.current);\r\n      timeoutRef.current = setTimeout(() => setHide(true), hideTime);\r\n    }\r\n  });\r\n\r\n  useKeyPress(\"ArrowLeft\", (event: any) => {\r\n    if (conditions(ConditionName.isPressKeyArrowLeft) && type === \"backward\") {\r\n      event.stopPropagation();\r\n      setBackwardForwardCount((prev) => prev + jump);\r\n      dispatch(setActiveElements(true));\r\n      if (setIsLeftBackward) setIsLeftBackward(true);\r\n\r\n      clearTimeout(timeoutRef.current);\r\n      timeoutRef.current = setTimeout(() => setHide(true), hideTime);\r\n    }\r\n  });\r\n\r\n  if (type)\r\n    return (\r\n      <div\r\n        id={type}\r\n        className={`pl-relative pl-flex pl-flex-col pl-justify-center ${conditions(ConditionName.isTouchScreen) ? \"pl-px-[24px]\" : \"pl-px-[48px]\"} ${\r\n          isLeft.includes(type) ? \"pl-items-end\" : \"pl-items-start\"\r\n        } pl-gap-2 pl-overflow-hidden`}\r\n        style={{ width: videoElementSizeInfo.width, height: videoElementSizeInfo.width }}\r\n        {...doubleTouch}\r\n      >\r\n        {(isRightForward || isLeftBackward) && (\r\n          <div\r\n            className={tw(`pl-rounded-full pl-flex pl-justify-center pl-items-center ${isLeft.includes(type) ? \"\" : \"pl-flex-row-reverse\"}`, {\r\n              desktop: \"pl-gap-2\",\r\n              desktopFullScreen: \"pl-gap-1\",\r\n              touch: \"pl-gap-1\",\r\n              touchFullScreen: \"pl-gap-1.5\",\r\n            })}\r\n            onTouchStart={conditions(ConditionName.isTouchScreen) ? handleTouchStart : undefined}\r\n          >\r\n            <p\r\n              className={tw(`pl-text-center  pl-text-white `, {\r\n                desktop: \"pl-text-[16px] pl-font-extrabold pl-mt-0.5\",\r\n                desktopFullScreen: \"pl-text-[32px] pl-font-bold\",\r\n                touch: \"pl-text-base pl-font-extrabold pl-mt-0.5\",\r\n                touchFullScreen: \"pl-text-[20px] pl-font-bold\",\r\n              })}\r\n            >\r\n              {backwardForwardCount}\r\n              {isLeft.includes(type) ? \" - \" : \" + \"}\r\n            </p>\r\n            <div className={`pl-flex pl-justify-center pl-items-center`}>\r\n              <Image\r\n                src={IMAGES.chevronLeft}\r\n                width={styleMerge({ desktop: 20, desktopFullScreen: 40, touch: 16, touchFullScreen: 20 })}\r\n                height={styleMerge({ desktop: 20, desktopFullScreen: 40, touch: 16, touchFullScreen: 20 })}\r\n                alt=\"\"\r\n                className={` pl-object-cover ${isLeft.includes(type) ? \"\" : \"pl-rotate-180\"}`}\r\n              />\r\n\r\n              {/* <Image\r\n                alt=\"arrow-icon\"\r\n                src={IMAGES.arrowLeft}\r\n                className={`pl-shrink-0 ${isLeft.includes(type) && \"pl-rotate-180\"}`}\r\n                width={conditions(ConditionName.isFullScreen) ? 22 : 12}\r\n                height={conditions(ConditionName.isFullScreen) ? 22 : 12}\r\n              />\r\n              <Image\r\n                alt=\"arrow-icon\"\r\n                src={IMAGES.arrowLeft}\r\n                className={`pl-shrink-0 ${isLeft.includes(type) && \"pl-rotate-180\"}`}\r\n                width={conditions(ConditionName.isFullScreen) ? 22 : 12}\r\n                height={conditions(ConditionName.isFullScreen) ? 22 : 12}\r\n              />\r\n              <Image\r\n                alt=\"arrow-icon\"\r\n                src={IMAGES.arrowLeft}\r\n                className={`pl-shrink-0 ${isLeft.includes(type) && \"pl-rotate-180\"}`}\r\n                width={conditions(ConditionName.isFullScreen) ? 22 : 12}\r\n                height={conditions(ConditionName.isFullScreen) ? 22 : 12}\r\n              /> */}\r\n            </div>\r\n          </div>\r\n        )}\r\n      </div>\r\n    );\r\n};\r\n\r\nexport default BackwardForward;\r\n"]}
+{"version":3,"sources":["../src/videoPlayerLibrary/components/custom-components/backwardForward/backwardForward.tsx"],"names":["init_cjs_shims","hideTime","jump","initialJump","conditions","BackwardForward","type","isRightForward","isLeftBackward","setIsRightForward","setIsLeftBackward","backwardForwardCount","setBackwardForwardCount","useState","hide","setHide","backwardForwardCountRef","useRef","timeoutRef","dispatch","useAppDispatch","useAppSelector","currentTime","duration","shallowEqual","videoElementSizeInfo","params","isLeft","useEffect","doubleTouch","useDoubleTap","event","setActiveElements","mainPlayerVideoTag","handleBackwardForward","handleTouchStart","prev","handleRippleCircle","useKeyPress_default","jsx","jsxs","tw","Image","importImages_default","styleMerge","backwardForward_default"],"mappings":"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","file":"backwardForward-HTLSZBXC.js","sourcesContent":["import { useEffect, useRef, useState } from \"react\";\r\nimport { shallowEqual } from \"react-redux\";\r\nimport { useDoubleTap } from \"use-double-tap\";\r\nimport { useAppDispatch, useAppSelector } from \"../../../helpers/redux/hooks\";\r\nimport { IBackwardForwardProps } from \"../../../helpers/interfaces/interfaces\";\r\nimport { setActiveElements } from \"../../../helpers/redux/slices/controllerSlice\";\r\nimport { handleBackwardForward } from \"../../../helpers/redux/actions/controller.actions\";\r\nimport { ConditionName } from \"../../../helpers/interfaces/enums\";\r\nimport { conditions } from \"../../../helpers/conditions/conditions\";\r\nimport { handleRippleCircle, styleMerge, tw } from \"../../../helpers/helpers\";\r\nimport { mainPlayerVideoTag } from \"../../../helpers/constants\";\r\nimport useKeyPress from \"../../../helpers/hooks/useKeyPress\";\r\nimport IMAGES from \"../../../images/importImages\";\r\nimport Image from \"next/image\";\r\n\r\nconst hideTime = 1000;\r\nconst jump = 10;\r\nconst initialJump = conditions(ConditionName.isTouchScreen) ? jump : 0;\r\n\r\nconst BackwardForward = ({ type, isRightForward, isLeftBackward, setIsRightForward, setIsLeftBackward }: IBackwardForwardProps) => {\r\n  const [backwardForwardCount, setBackwardForwardCount] = useState<number>(initialJump);\r\n  const [hide, setHide] = useState<boolean>(false);\r\n\r\n  const backwardForwardCountRef = useRef<number>(backwardForwardCount);\r\n  const timeoutRef = useRef<any>(null);\r\n\r\n  const dispatch = useAppDispatch();\r\n\r\n  useAppSelector(({ controller: { currentTime, duration } }) => ({ currentTime, duration }), shallowEqual);\r\n\r\n  const { videoElementSizeInfo } = useAppSelector(\r\n    ({ videoData: { videoElementSizeInfo, params } }) => ({ videoElementSizeInfo, params }),\r\n    shallowEqual\r\n  );\r\n\r\n  const isRight = [\"touchForward\", \"forward\"];\r\n  const isLeft = [\"touchBackward\", \"backward\"];\r\n\r\n  useEffect(() => {\r\n    backwardForwardCountRef.current = backwardForwardCount;\r\n  }, [backwardForwardCount]);\r\n\r\n  let doubleTouch: any = undefined;\r\n\r\n  doubleTouch = useDoubleTap((event) => {\r\n    if ([\"touchBackward\", \"touchForward\"].includes(type)) {\r\n      event.stopPropagation();\r\n      if (type === \"touchBackward\" && setIsLeftBackward) {\r\n        setIsLeftBackward(true);\r\n        dispatch(setActiveElements(false));\r\n      } else if (type === \"touchForward\" && setIsRightForward) {\r\n        setIsRightForward(true);\r\n        dispatch(setActiveElements(false));\r\n      }\r\n      clearTimeout(timeoutRef.current);\r\n      timeoutRef.current = setTimeout(() => setHide(true), hideTime);\r\n    }\r\n  }, 200);\r\n\r\n  // eslint-disable-next-line react-hooks/exhaustive-deps\r\n  useEffect(() => {\r\n    if (hide) {\r\n      setHide(false);\r\n      if (isRightForward && setIsRightForward) {\r\n        setIsRightForward(false);\r\n        if (mainPlayerVideoTag().duration - mainPlayerVideoTag().currentTime <= backwardForwardCountRef.current)\r\n          handleBackwardForward(type, mainPlayerVideoTag().duration);\r\n        else handleBackwardForward(type, backwardForwardCountRef.current);\r\n        setBackwardForwardCount(initialJump);\r\n      } else if (isLeftBackward && setIsLeftBackward) {\r\n        setIsLeftBackward(false);\r\n        if (mainPlayerVideoTag().currentTime <= backwardForwardCountRef.current) handleBackwardForward(type, 0);\r\n        else handleBackwardForward(type, backwardForwardCountRef.current);\r\n        setBackwardForwardCount(initialJump);\r\n      }\r\n    }\r\n  }, [hide, type]);\r\n\r\n  const handleTouchStart = (event: any) => {\r\n    setBackwardForwardCount((prev) => prev + jump);\r\n    if (conditions(ConditionName.isTouchScreenLandscape)) handleRippleCircle(event, type);\r\n    clearTimeout(timeoutRef.current);\r\n    timeoutRef.current = setTimeout(() => setHide(true), hideTime);\r\n  };\r\n\r\n  useKeyPress(\"ArrowRight\", (event: any) => {\r\n    if (conditions(ConditionName.isPressKeyArrowRight) && type === \"forward\") {\r\n      event.stopPropagation();\r\n      setBackwardForwardCount((prev) => prev + jump);\r\n      dispatch(setActiveElements(true));\r\n      if (setIsRightForward) setIsRightForward(true);\r\n\r\n      clearTimeout(timeoutRef.current);\r\n      timeoutRef.current = setTimeout(() => setHide(true), hideTime);\r\n    }\r\n  });\r\n\r\n  useKeyPress(\"ArrowLeft\", (event: any) => {\r\n    if (conditions(ConditionName.isPressKeyArrowLeft) && type === \"backward\") {\r\n      event.stopPropagation();\r\n      setBackwardForwardCount((prev) => prev + jump);\r\n      dispatch(setActiveElements(true));\r\n      if (setIsLeftBackward) setIsLeftBackward(true);\r\n\r\n      clearTimeout(timeoutRef.current);\r\n      timeoutRef.current = setTimeout(() => setHide(true), hideTime);\r\n    }\r\n  });\r\n\r\n  if (type)\r\n    return (\r\n      <div\r\n        id={type}\r\n        className={`pl-relative pl-flex pl-flex-col pl-justify-center ${conditions(ConditionName.isTouchScreen) ? \"pl-px-[24px]\" : \"pl-px-[48px]\"} ${\r\n          isLeft.includes(type) ? \"pl-items-end\" : \"pl-items-start\"\r\n        } pl-gap-2 pl-overflow-hidden`}\r\n        style={{ width: videoElementSizeInfo.width, height: videoElementSizeInfo.width }}\r\n        {...doubleTouch}\r\n      >\r\n        {(isRightForward || isLeftBackward) && (\r\n          <div\r\n            className={tw(`pl-rounded-full pl-flex pl-justify-center pl-items-center ${isLeft.includes(type) ? \"\" : \"pl-flex-row-reverse\"}`, {\r\n              desktop: \"pl-gap-2\",\r\n              desktopFullScreen: \"pl-gap-1\",\r\n              touch: \"pl-gap-1\",\r\n              touchFullScreen: \"pl-gap-1.5\",\r\n            })}\r\n            onTouchStart={conditions(ConditionName.isTouchScreen) ? handleTouchStart : undefined}\r\n          >\r\n            <p\r\n              className={tw(`pl-text-center  pl-text-white `, {\r\n                desktop: \"pl-text-[16px] pl-font-extrabold pl-mt-0.5\",\r\n                desktopFullScreen: \"pl-text-[32px] pl-font-bold\",\r\n                touch: \"pl-text-base pl-font-extrabold pl-mt-0.5\",\r\n                touchFullScreen: \"pl-text-[20px] pl-font-bold\",\r\n              })}\r\n            >\r\n              {backwardForwardCount}\r\n              {isLeft.includes(type) ? \" - \" : \" + \"}\r\n            </p>\r\n            <div className={`pl-flex pl-justify-center pl-items-center`}>\r\n              <Image\r\n                src={IMAGES.chevronLeft}\r\n                width={styleMerge({ desktop: 20, desktopFullScreen: 40, touch: 16, touchFullScreen: 20 })}\r\n                height={styleMerge({ desktop: 20, desktopFullScreen: 40, touch: 16, touchFullScreen: 20 })}\r\n                alt=\"\"\r\n                className={` pl-object-cover ${isLeft.includes(type) ? \"\" : \"pl-rotate-180\"}`}\r\n              />\r\n\r\n              {/* <Image\r\n                alt=\"arrow-icon\"\r\n                src={IMAGES.arrowLeft}\r\n                className={`pl-shrink-0 ${isLeft.includes(type) && \"pl-rotate-180\"}`}\r\n                width={conditions(ConditionName.isFullScreen) ? 22 : 12}\r\n                height={conditions(ConditionName.isFullScreen) ? 22 : 12}\r\n              />\r\n              <Image\r\n                alt=\"arrow-icon\"\r\n                src={IMAGES.arrowLeft}\r\n                className={`pl-shrink-0 ${isLeft.includes(type) && \"pl-rotate-180\"}`}\r\n                width={conditions(ConditionName.isFullScreen) ? 22 : 12}\r\n                height={conditions(ConditionName.isFullScreen) ? 22 : 12}\r\n              />\r\n              <Image\r\n                alt=\"arrow-icon\"\r\n                src={IMAGES.arrowLeft}\r\n                className={`pl-shrink-0 ${isLeft.includes(type) && \"pl-rotate-180\"}`}\r\n                width={conditions(ConditionName.isFullScreen) ? 22 : 12}\r\n                height={conditions(ConditionName.isFullScreen) ? 22 : 12}\r\n              /> */}\r\n            </div>\r\n          </div>\r\n        )}\r\n      </div>\r\n    );\r\n};\r\n\r\nexport default BackwardForward;\r\n"]}

package/chunk-3TPEXSZV.js

@@ -0,0 +1,2 @@
+'use strict';var chunkVUHZVVMS_js=require('./chunk-VUHZVVMS.js'),chunkAN6JAJSI_js=require('./chunk-AN6JAJSI.js');chunkAN6JAJSI_js.e();var w=()=>{let{params:r}=chunkVUHZVVMS_js.Aa.getState().videoData,t=chunkVUHZVVMS_js.x().currentTime;if(t!==0){let d=chunkVUHZVVMS_js.x().duration,i={video_id:+r.id,video_type:2,time:t===d?0:Math.floor(chunkVUHZVVMS_js.x().currentTime)},o=localStorage.getItem("viewedVideos");if(o){let e=JSON.parse(o);e=e.filter(n=>n.video_id!==i.video_id||n.video_type!==i.video_type),e.length<10||e.shift(),e.push(i),localStorage.setItem("viewedVideos",JSON.stringify(e));}else localStorage.setItem("viewedVideos",JSON.stringify([i]));}},f=()=>{let r=chunkVUHZVVMS_js.Aa.dispatch,{params:t}=chunkVUHZVVMS_js.Aa.getState().videoData,d=localStorage.getItem("viewedVideos");if(d){let o=JSON.parse(d).find(e=>e.video_id===Number(t.id)&&e.video_type===2);o&&r(chunkVUHZVVMS_js.za({time:o.time}));}};exports.a=w;exports.b=f;//# sourceMappingURL=chunk-3TPEXSZV.js.map
+//# sourceMappingURL=chunk-3TPEXSZV.js.map

package/{chunk-ZWGZGWEB.js.map → chunk-3TPEXSZV.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/videoPlayerLibrary/helpers/redux/actions/user.actions.ts"],"names":["init_cjs_shims","handleContinuousPlayback","params","store_default","currentTime","mainPlayerVideoTag","duration","viewedVideo","viewedVideosInLocalStorage","viewedVideos","video","handleApplyContinuousPlayback","dispatch","setVideoSettings"],"mappings":"iHAAAA,kBAAAA,EAAAA,CAKO,IAAMC,CAAAA,CAA2B,IAAM,CAC1C,GAAM,CAAE,MAAA,CAAAC,CAAO,CAAA,CAAIC,oBAAM,QAAA,EAAS,CAAE,SAAA,CAC9BC,CAAAA,CAAcC,oBAAmB,CAAE,WAAA,CACzC,GAAID,CAAAA,GAAgB,EAAG,CACnB,IAAME,CAAAA,CAAWD,kBAAAA,GAAqB,QAAA,CAChCE,CAAAA,CAA4B,CAC9B,QAAA,CAAU,CAACL,CAAAA,CAAO,EAAA,CAClB,UAAA,CAAY,CAAA,CACZ,KAAME,CAAAA,GAAgBE,CAAAA,CAAW,CAAA,CAAI,IAAA,CAAK,MAAMD,kBAAAA,EAAmB,CAAE,WAAW,CACpF,EACIG,CAAAA,CAA6B,YAAA,CAAa,OAAA,CAAQ,cAAc,EACpE,GAAIA,CAAAA,CAA4B,CAC5B,IAAIC,EAA+B,IAAA,CAAK,KAAA,CAAMD,CAA0B,CAAA,CACxEC,EAAeA,CAAAA,CAAa,MAAA,CACvBC,CAAAA,EAAwBA,CAAAA,CAAM,WAAaH,CAAAA,CAAY,QAAA,EAAYG,CAAAA,CAAM,UAAA,GAAeH,EAAY,UACzG,CAAA,CACIE,CAAAA,CAAa,MAAA,CAAS,IAEtBA,CAAAA,CAAa,KAAA,EAAM,CACnBA,CAAAA,CAAa,IAAA,CAAKF,CAAW,CAAA,CAEjC,YAAA,CAAa,QAAQ,cAAA,CAAgB,IAAA,CAAK,SAAA,CAAUE,CAAY,CAAC,EACrE,CAAA,KAAO,YAAA,CAAa,OAAA,CAAQ,eAAgB,IAAA,CAAK,SAAA,CAAU,CAACF,CAAW,CAAC,CAAC,EAC7E,CACJ,CAAA,CAEaI,EAAgC,IAAM,CAC/C,IAAMC,CAAAA,CAAWT,oBAAM,QAAA,CACjB,CAAE,MAAA,CAAAD,CAAO,EAAIC,mBAAAA,CAAM,QAAA,EAAS,CAAE,SAAA,CAChCK,EAA6B,YAAA,CAAa,OAAA,CAAQ,cAAc,CAAA,CACpE,GAAIA,CAAAA,CAA4B,CAE5B,IAAMD,CAAAA,CAD+B,KAAK,KAAA,CAAMC,CAA0B,CAAA,CACzC,IAAA,CAC5BE,GAAwBA,CAAAA,CAAM,QAAA,GAAa,MAAA,CAAOR,CAAAA,CAAO,EAAE,CAAA,EAAKQ,CAAAA,CAAM,UAAA,GAAe,CAC1F,EAEIH,CAAAA,EAAaK,CAAAA,CAASC,mBAAAA,CAAiB,CAAE,KAAMN,CAAAA,CAAY,IAAK,CAAC,CAAC,EAC1E,CACJ","file":"chunk-ZWGZGWEB.js","sourcesContent":["import { IViewedVideo } from \"../../interfaces/interfaces\";\nimport store from \"../store\";\nimport { setVideoSettings } from \"../slices/userSlice\";\nimport { mainPlayerVideoTag } from \"../../constants\";\n\nexport const handleContinuousPlayback = () => {\n    const { params } = store.getState().videoData;\n    const currentTime = mainPlayerVideoTag().currentTime;\n    if (currentTime !== 0) {\n        const duration = mainPlayerVideoTag().duration;\n        const viewedVideo: IViewedVideo = {\n            video_id: +params.id!,\n            video_type: 2,\n            time: currentTime === duration ? 0 : Math.floor(mainPlayerVideoTag().currentTime),\n        };\n        let viewedVideosInLocalStorage = localStorage.getItem(\"viewedVideos\");\n        if (viewedVideosInLocalStorage) {\n            let viewedVideos: IViewedVideo[] = JSON.parse(viewedVideosInLocalStorage);\n            viewedVideos = viewedVideos.filter(\n                (video: IViewedVideo) => video.video_id !== viewedVideo.video_id || video.video_type !== viewedVideo.video_type\n            );\n            if (viewedVideos.length < 10) viewedVideos.push(viewedVideo);\n            else {\n                viewedVideos.shift();\n                viewedVideos.push(viewedVideo);\n            }\n            localStorage.setItem(\"viewedVideos\", JSON.stringify(viewedVideos));\n        } else localStorage.setItem(\"viewedVideos\", JSON.stringify([viewedVideo]));\n    }\n};\n\nexport const handleApplyContinuousPlayback = () => {\n    const dispatch = store.dispatch;\n    const { params } = store.getState().videoData;\n    let viewedVideosInLocalStorage = localStorage.getItem(\"viewedVideos\");\n    if (viewedVideosInLocalStorage) {\n        const viewedVideos: IViewedVideo[] = JSON.parse(viewedVideosInLocalStorage);\n        const viewedVideo = viewedVideos.find(\n            (video: IViewedVideo) => video.video_id === Number(params.id) && video.video_type === 2\n        );\n\n        if (viewedVideo) dispatch(setVideoSettings({ time: viewedVideo.time }));\n    }\n};\n\n"]}
+{"version":3,"sources":["../src/videoPlayerLibrary/helpers/redux/actions/user.actions.ts"],"names":["init_cjs_shims","handleContinuousPlayback","params","store_default","currentTime","mainPlayerVideoTag","duration","viewedVideo","viewedVideosInLocalStorage","viewedVideos","video","handleApplyContinuousPlayback","dispatch","setVideoSettings"],"mappings":"iHAAAA,kBAAAA,EAAAA,CAKO,IAAMC,CAAAA,CAA2B,IAAM,CAC1C,GAAM,CAAE,MAAA,CAAAC,CAAO,CAAA,CAAIC,oBAAM,QAAA,EAAS,CAAE,SAAA,CAC9BC,CAAAA,CAAcC,oBAAmB,CAAE,WAAA,CACzC,GAAID,CAAAA,GAAgB,EAAG,CACnB,IAAME,CAAAA,CAAWD,kBAAAA,GAAqB,QAAA,CAChCE,CAAAA,CAA4B,CAC9B,QAAA,CAAU,CAACL,CAAAA,CAAO,EAAA,CAClB,UAAA,CAAY,CAAA,CACZ,KAAME,CAAAA,GAAgBE,CAAAA,CAAW,CAAA,CAAI,IAAA,CAAK,MAAMD,kBAAAA,EAAmB,CAAE,WAAW,CACpF,EACIG,CAAAA,CAA6B,YAAA,CAAa,OAAA,CAAQ,cAAc,EACpE,GAAIA,CAAAA,CAA4B,CAC5B,IAAIC,EAA+B,IAAA,CAAK,KAAA,CAAMD,CAA0B,CAAA,CACxEC,EAAeA,CAAAA,CAAa,MAAA,CACvBC,CAAAA,EAAwBA,CAAAA,CAAM,WAAaH,CAAAA,CAAY,QAAA,EAAYG,CAAAA,CAAM,UAAA,GAAeH,EAAY,UACzG,CAAA,CACIE,CAAAA,CAAa,MAAA,CAAS,IAEtBA,CAAAA,CAAa,KAAA,EAAM,CACnBA,CAAAA,CAAa,IAAA,CAAKF,CAAW,CAAA,CAEjC,YAAA,CAAa,QAAQ,cAAA,CAAgB,IAAA,CAAK,SAAA,CAAUE,CAAY,CAAC,EACrE,CAAA,KAAO,YAAA,CAAa,OAAA,CAAQ,eAAgB,IAAA,CAAK,SAAA,CAAU,CAACF,CAAW,CAAC,CAAC,EAC7E,CACJ,CAAA,CAEaI,EAAgC,IAAM,CAC/C,IAAMC,CAAAA,CAAWT,oBAAM,QAAA,CACjB,CAAE,MAAA,CAAAD,CAAO,EAAIC,mBAAAA,CAAM,QAAA,EAAS,CAAE,SAAA,CAChCK,EAA6B,YAAA,CAAa,OAAA,CAAQ,cAAc,CAAA,CACpE,GAAIA,CAAAA,CAA4B,CAE5B,IAAMD,CAAAA,CAD+B,KAAK,KAAA,CAAMC,CAA0B,CAAA,CACzC,IAAA,CAC5BE,GAAwBA,CAAAA,CAAM,QAAA,GAAa,MAAA,CAAOR,CAAAA,CAAO,EAAE,CAAA,EAAKQ,CAAAA,CAAM,UAAA,GAAe,CAC1F,EAEIH,CAAAA,EAAaK,CAAAA,CAASC,mBAAAA,CAAiB,CAAE,KAAMN,CAAAA,CAAY,IAAK,CAAC,CAAC,EAC1E,CACJ","file":"chunk-3TPEXSZV.js","sourcesContent":["import { IViewedVideo } from \"../../interfaces/interfaces\";\nimport store from \"../store\";\nimport { setVideoSettings } from \"../slices/userSlice\";\nimport { mainPlayerVideoTag } from \"../../constants\";\n\nexport const handleContinuousPlayback = () => {\n    const { params } = store.getState().videoData;\n    const currentTime = mainPlayerVideoTag().currentTime;\n    if (currentTime !== 0) {\n        const duration = mainPlayerVideoTag().duration;\n        const viewedVideo: IViewedVideo = {\n            video_id: +params.id!,\n            video_type: 2,\n            time: currentTime === duration ? 0 : Math.floor(mainPlayerVideoTag().currentTime),\n        };\n        let viewedVideosInLocalStorage = localStorage.getItem(\"viewedVideos\");\n        if (viewedVideosInLocalStorage) {\n            let viewedVideos: IViewedVideo[] = JSON.parse(viewedVideosInLocalStorage);\n            viewedVideos = viewedVideos.filter(\n                (video: IViewedVideo) => video.video_id !== viewedVideo.video_id || video.video_type !== viewedVideo.video_type\n            );\n            if (viewedVideos.length < 10) viewedVideos.push(viewedVideo);\n            else {\n                viewedVideos.shift();\n                viewedVideos.push(viewedVideo);\n            }\n            localStorage.setItem(\"viewedVideos\", JSON.stringify(viewedVideos));\n        } else localStorage.setItem(\"viewedVideos\", JSON.stringify([viewedVideo]));\n    }\n};\n\nexport const handleApplyContinuousPlayback = () => {\n    const dispatch = store.dispatch;\n    const { params } = store.getState().videoData;\n    let viewedVideosInLocalStorage = localStorage.getItem(\"viewedVideos\");\n    if (viewedVideosInLocalStorage) {\n        const viewedVideos: IViewedVideo[] = JSON.parse(viewedVideosInLocalStorage);\n        const viewedVideo = viewedVideos.find(\n            (video: IViewedVideo) => video.video_id === Number(params.id) && video.video_type === 2\n        );\n\n        if (viewedVideo) dispatch(setVideoSettings({ time: viewedVideo.time }));\n    }\n};\n\n"]}