cafe-video-player 3.0.6 → 3.0.7

package/{VideoHighLighter-JWDCD6VE.js → VideoHighLighter-5DU3FMOP.js}

@@ -1,2 +1,2 @@
-'use strict';var chunkLZU3N6G5_js=require('./chunk-LZU3N6G5.js'),chunkKMPQCU4H_js=require('./chunk-KMPQCU4H.js'),chunkD54C47WZ_js=require('./chunk-D54C47WZ.js'),chunkHSLWBAU4_js=require('./chunk-HSLWBAU4.js'),chunkS7SXQ5YW_js=require('./chunk-S7SXQ5YW.js'),reactRedux=require('react-redux'),jsxRuntime=require('react/jsx-runtime'),reactCircularProgressbar=require('react-circular-progressbar'),r=require('next/legacy/image');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var r__default=/*#__PURE__*/_interopDefault(r);chunkS7SXQ5YW_js.e();chunkS7SXQ5YW_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 ${!chunkHSLWBAU4_js.t("isTouchScreen")&&"pl-rounded-lg"} pl-animate-pulse dark:pl-bg-gray-700`,children:jsxRuntime.jsx("span",{className:"pl-sr-only",children:"Loading..."})}),u=h;var y=()=>{let{params:e}=chunkS7SXQ5YW_js.A(({videoData:{params:f}})=>({params:f}),reactRedux.shallowEqual);return chunkLZU3N6G5_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 ${chunkHSLWBAU4_js.t("isTouchScreen")&&"!pl-rounded-none"} ${chunkHSLWBAU4_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",layout:"fill",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:chunkD54C47WZ_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:chunkD54C47WZ_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 ${chunkHSLWBAU4_js.t("isTouchScreenPortrait")?"pl-flex-col":`pl-flex-col-reverse pl-mb-3 ${chunkHSLWBAU4_js.t("isFullScreen")&&"pl-mb-8"}`} pl-gap-[14.58px]`,children:[jsxRuntime.jsxs("div",{className:`pl-flex pl-items-center pl-justify-between ${chunkHSLWBAU4_js.t("isFullScreen")?"pl-mx-8":"pl-mx-[14.58px]"}`,children:[jsxRuntime.jsx(chunkKMPQCU4H_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:chunkHSLWBAU4_js.ha(0)}),jsxRuntime.jsx("span",{children:"/"}),jsxRuntime.jsx("span",{children:chunkHSLWBAU4_js.ha(e.vhl_duration)})]}),jsxRuntime.jsx(chunkKMPQCU4H_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(u,{})]})},R=y;module.exports=R;//# sourceMappingURL=VideoHighLighter-JWDCD6VE.js.map
-//# sourceMappingURL=VideoHighLighter-JWDCD6VE.js.map
+'use strict';var chunk76SNXI6C_js=require('./chunk-76SNXI6C.js'),chunkDTFPBYJ3_js=require('./chunk-DTFPBYJ3.js'),chunkD54C47WZ_js=require('./chunk-D54C47WZ.js'),chunkY66T2G4I_js=require('./chunk-Y66T2G4I.js'),chunkS7SXQ5YW_js=require('./chunk-S7SXQ5YW.js'),reactRedux=require('react-redux'),jsxRuntime=require('react/jsx-runtime'),reactCircularProgressbar=require('react-circular-progressbar'),r=require('next/legacy/image');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var r__default=/*#__PURE__*/_interopDefault(r);chunkS7SXQ5YW_js.e();chunkS7SXQ5YW_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 ${!chunkY66T2G4I_js.t("isTouchScreen")&&"pl-rounded-lg"} pl-animate-pulse dark:pl-bg-gray-700`,children:jsxRuntime.jsx("span",{className:"pl-sr-only",children:"Loading..."})}),u=h;var y=()=>{let{params:e}=chunkS7SXQ5YW_js.A(({videoData:{params:f}})=>({params:f}),reactRedux.shallowEqual);return chunk76SNXI6C_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 ${chunkY66T2G4I_js.t("isTouchScreen")&&"!pl-rounded-none"} ${chunkY66T2G4I_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",layout:"fill",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:chunkD54C47WZ_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:chunkD54C47WZ_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 ${chunkY66T2G4I_js.t("isTouchScreenPortrait")?"pl-flex-col":`pl-flex-col-reverse pl-mb-3 ${chunkY66T2G4I_js.t("isFullScreen")&&"pl-mb-8"}`} pl-gap-[14.58px]`,children:[jsxRuntime.jsxs("div",{className:`pl-flex pl-items-center pl-justify-between ${chunkY66T2G4I_js.t("isFullScreen")?"pl-mx-8":"pl-mx-[14.58px]"}`,children:[jsxRuntime.jsx(chunkDTFPBYJ3_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:chunkY66T2G4I_js.ha(0)}),jsxRuntime.jsx("span",{children:"/"}),jsxRuntime.jsx("span",{children:chunkY66T2G4I_js.ha(e.vhl_duration)})]}),jsxRuntime.jsx(chunkDTFPBYJ3_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(u,{})]})},R=y;module.exports=R;//# sourceMappingURL=VideoHighLighter-5DU3FMOP.js.map
+//# sourceMappingURL=VideoHighLighter-5DU3FMOP.js.map

package/{VideoHighLighter-JWDCD6VE.js.map → VideoHighLighter-5DU3FMOP.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":"yhBAAAA,kBAAAA,EAAAA,CCAAA,kBAAAA,EAAAA,CAGA,IAAMC,EAAW,IAEbC,cAAAA,CAAC,OACC,IAAA,CAAK,QAAA,CACL,UAAW,CAAA,sEAAA,EACT,CAACC,kCAAsC,CAAA,EAAK,eAC9C,wCAEA,QAAA,CAAAD,cAAAA,CAAC,QAAK,SAAA,CAAU,YAAA,CAAa,sBAAU,CAAA,CACzC,CAAA,CAIGE,EAAQH,CAAAA,CDHf,IAAMI,EAAmB,IAAM,CAC7B,GAAM,CAAE,MAAA,CAAAC,CAAO,CAAA,CAAIC,kBAAAA,CAAe,CAAC,CAAE,SAAA,CAAW,CAAE,MAAA,CAAAD,CAAO,CAAE,CAAA,IAAO,CAAE,OAAAA,CAAO,CAAA,CAAA,CAAIE,uBAAY,CAAA,CAC3F,OAAAC,oBAAc,CAGZC,eAAAA,CAAC,OACC,EAAA,CAAG,YAAA,CACH,UAAW,CAAA,sFAAA,EACTP,kBAAAA,CAAAA,eAAsC,GAAK,kBAC7C,CAAA,CAAA,EAAIA,iCAAqC,CAAA,EAAK,6FAA6F,GAE1I,QAAA,CAAA,CAAAG,CAAAA,CAAO,UAAA,EAAcA,CAAAA,CAAO,aAAe,UAAA,EAC1CI,eAAAA,CAAC,OAAI,SAAA,CAAU,8DAAA,CACZ,UAAAJ,CAAAA,CAAO,MAAA,EACNI,gBAAC,KAAA,CAAA,CAAI,SAAA,CAAU,wCACb,QAAA,CAAA,CAAAR,cAAAA,CAACS,mBAAA,CAAM,GAAA,CAAKL,EAAO,MAAA,CAAQ,GAAA,CAAI,SAAS,MAAA,CAAO,MAAA,CAAO,UAAU,2BAAA,CAA4B,CAAA,CAC5FJ,eAAC,KAAA,CAAA,CAAI,SAAA,CAAU,wCAAwC,CAAA,CAAA,CACzD,CAAA,CAEFA,eAAC,KAAA,CAAA,EAAI,CAAA,CACJI,EAAO,UAAA,GAAe,gBAAA,EACrBJ,eAAAU,mBAAAA,CAAA,CACE,SAAAF,eAAAA,CAAC,KAAA,CAAA,CAAI,SAAA,CAAU,ySAAA,CACb,UAAAR,cAAAA,CAAC,KAAA,CAAA,CAAI,MAAO,CAAE,MAAA,CAAQ,EAAG,QAAA,CAAU,UAAW,EAC5C,QAAA,CAAAA,cAAAA,CAAC,QACC,QAAA,CAAAQ,eAAAA,CAAC,kBAAe,EAAA,CAAG,eAAA,CAAgB,GAAG,GAAA,CAAI,EAAA,CAAG,IAAI,EAAA,CAAG,GAAA,CAAI,GAAG,GAAA,CACzD,QAAA,CAAA,CAAAR,eAAC,MAAA,CAAA,CAAK,MAAA,CAAO,KAAK,SAAA,CAAU,SAAA,CAAU,EACtCA,cAAAA,CAAC,MAAA,CAAA,CAAK,OAAO,MAAA,CAAO,SAAA,CAAU,UAAU,CAAA,CAAA,CAC1C,CAAA,CACF,EACF,CAAA,CACAA,cAAAA,CAACW,wDAAAA,CAAA,CACC,MAAOP,CAAAA,CAAO,YAAA,CACd,UAAU,gBAAA,CACV,MAAA,CAAQQ,qCAAY,CAClB,UAAA,CAAY,qBACZ,SAAA,CAAW,qBACb,CAAC,CAAA,CAED,QAAA,CAAAJ,gBAAC,GAAA,CAAA,CAAE,SAAA,CAAU,qDAAqD,QAAA,CAAA,CAAA,GAAA,CAAEJ,CAAAA,CAAO,cAAa,CAAA,CAC1F,CAAA,CACAJ,eAAC,GAAA,CAAA,CAAE,SAAA,CAAU,qDAAsD,QAAA,CAAAI,CAAAA,CAAO,eAAe,CAAA,CAAA,CAC3F,CAAA,CACF,EAEDA,CAAAA,CAAO,UAAA,GAAe,kBACrBI,eAAAA,CAAC,KAAA,CAAA,CAAI,UAAU,qKAAA,CACb,QAAA,CAAA,CAAAR,eAACS,kBAAAA,CAAA,CAAM,GAAA,CAAI,kBAAA,CAAmB,IAAKI,kBAAAA,CAAO,UAAA,CAAY,MAAO,EAAA,CAAI,MAAA,CAAQ,GAAI,CAAA,CAC7Eb,cAAAA,CAAC,KAAE,SAAA,CAAU,oDAAA,CAAsD,SAAAI,CAAAA,CAAO,cAAA,CAAe,EACzFI,eAAAA,CAAC,QAAA,CAAA,CAAO,UAAU,kCAAA,CAAmC,OAAA,CAAS,IAAMJ,CAAAA,CAAO,WAAA,GACzE,QAAA,CAAA,CAAAJ,cAAAA,CAACS,mBAAA,CAAM,GAAA,CAAI,kBAAkB,GAAA,CAAKI,kBAAAA,CAAO,UAAW,KAAA,CAAO,EAAA,CAAI,OAAQ,EAAA,CAAI,CAAA,CAC3Eb,eAAC,MAAA,CAAA,CAAK,SAAA,CAAU,gDAAgD,QAAA,CAAA,+DAAA,CAAW,CAAA,CAAA,CAC7E,CAAA,CAAA,CACF,CAAA,CAEFQ,gBAAC,KAAA,CAAA,CACC,SAAA,CAAW,WACRP,kBAAAA,CAAAA,uBAA8C,CAAA,CAE3C,cADA,CAAA,4BAAA,EAA+BA,kBAAAA,CAAAA,cAAqC,GAAK,SAAS,CAAA,CAExF,oBAEA,QAAA,CAAA,CAAAO,eAAAA,CAAC,OAAI,SAAA,CAAW,CAAA,2CAAA,EAA8CP,iCAAqC,CAAA,CAAI,SAAA,CAAY,iBAAiB,CAAA,CAAA,CAClI,QAAA,CAAA,CAAAD,eAACc,kBAAAA,CAAA,CAAW,MAAO,EAAA,CAAI,MAAA,CAAQ,GAAI,CAAA,CACnCN,eAAAA,CAAC,OAAI,SAAA,CAAW,0CAAA,CACb,UAAAJ,CAAAA,CAAO,YAAA,EACNI,gBAAC,KAAA,CAAA,CAAI,SAAA,CAAU,oEACb,QAAA,CAAA,CAAAR,cAAAA,CAAC,MAAA,CAAA,CAAM,QAAA,CAAAe,oBAAa,CAAC,CAAA,CAAE,EACvBf,cAAAA,CAAC,MAAA,CAAA,CAAK,aAAC,CAAA,CACPA,cAAAA,CAAC,QAAM,QAAA,CAAAe,mBAAAA,CAAaX,EAAO,YAAY,CAAA,CAAE,GAC3C,CAAA,CAEFJ,cAAAA,CAACgB,mBAAA,CAAY,KAAA,CAAO,GAAI,MAAA,CAAQ,EAAA,CAAI,GACtC,CAAA,CAAA,CACF,CAAA,CACAhB,eAAC,KAAA,CAAA,CAAI,SAAA,CAAU,gEAAgE,CAAA,CAAA,CACjF,CAAA,CAAA,CACF,EAEDI,CAAAA,CAAO,UAAA,GAAe,YAAcJ,cAAAA,CAACE,CAAAA,CAAA,EAAS,CAAA,CAAA,CACjD,CAEJ,EAEOe,CAAAA,CAAQd","file":"VideoHighLighter-JWDCD6VE.js","sourcesContent":["import { shallowEqual } from \"react-redux\";\r\nimport { useAppSelector } from \"../../../helpers/redux/hooks\";\r\nimport Skeleton from \"../../custom-components/skeleton/Skeleton\";\r\nimport FullScreen from \"../../custom-components/fullScreen/fullScreen\";\r\nimport SoundVolume from \"../../custom-components/soundVolume/soundVolume\";\r\nimport { secondsToHMS } from \"../../../helpers/helpers\";\r\nimport { conditions } from \"../../../helpers/conditions/conditions\";\r\nimport { ConditionName } from \"../../../helpers/interfaces/enums\";\r\nimport { buildStyles, CircularProgressbarWithChildren } from \"react-circular-progressbar\";\r\nimport IMAGES from \"../../../images/importImages\";\r\nimport Image from \"next/legacy/image\";\r\nimport useFullScreen from \"../../../helpers/hooks/useFullScreen\";\r\n\r\nconst VideoHighLighter = () => {\r\n  const { params } = useAppSelector(({ videoData: { params } }) => ({ params }), shallowEqual);\r\n  useFullScreen();\r\n\r\n  return (\r\n    <div\r\n      id=\"video-area\"\r\n      className={`pl-relative pl-rounded-[12px] pl-w-full pl-h-full pl-aspect-video !pl-overflow-hidden ${\r\n        conditions(ConditionName.isTouchScreen) && \"!pl-rounded-none\"\r\n      } ${conditions(ConditionName.isFullScreen) && \"!pl-overflow-hidden pl-fixed pl-top-0 pl-right-0 !pl-w-screen !pl-h-screen !pl-rounded-none\"}`}\r\n    >\r\n      {params.vhl_status && params.vhl_status !== \"skeleton\" && (\r\n        <div className=\"pl-flex pl-flex-col pl-justify-between pl-gap-2 pl-size-full\">\r\n          {params.banner && (\r\n            <div className=\"pl-w-full pl-aspect-video pl-absolute\">\r\n              <Image src={params.banner} alt=\"banner\" layout=\"fill\" 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\";\r\nimport { ConditionName } from \"../../../helpers/interfaces/enums\";\r\n\r\nconst Skeleton = () => {\r\n  return (\r\n    <div\r\n      role=\"status\"\r\n      className={`pl-size-full pl-flex pl-items-center pl-justify-center pl-bg-gray-300 ${\r\n        !conditions(ConditionName.isTouchScreen) && \"pl-rounded-lg\"\r\n      } pl-animate-pulse dark:pl-bg-gray-700`}\r\n    >\r\n      <span className=\"pl-sr-only\">Loading...</span>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default Skeleton;\r\n"]}
+{"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-5DU3FMOP.js","sourcesContent":["import { shallowEqual } from \"react-redux\";\r\nimport { useAppSelector } from \"../../../helpers/redux/hooks\";\r\nimport Skeleton from \"../../custom-components/skeleton/Skeleton\";\r\nimport FullScreen from \"../../custom-components/fullScreen/fullScreen\";\r\nimport SoundVolume from \"../../custom-components/soundVolume/soundVolume\";\r\nimport { secondsToHMS } from \"../../../helpers/helpers\";\r\nimport { conditions } from \"../../../helpers/conditions/conditions\";\r\nimport { ConditionName } from \"../../../helpers/interfaces/enums\";\r\nimport { buildStyles, CircularProgressbarWithChildren } from \"react-circular-progressbar\";\r\nimport IMAGES from \"../../../images/importImages\";\r\nimport Image from \"next/legacy/image\";\r\nimport useFullScreen from \"../../../helpers/hooks/useFullScreen\";\r\n\r\nconst VideoHighLighter = () => {\r\n  const { params } = useAppSelector(({ videoData: { params } }) => ({ params }), shallowEqual);\r\n  useFullScreen();\r\n\r\n  return (\r\n    <div\r\n      id=\"video-area\"\r\n      className={`pl-relative pl-rounded-[12px] pl-w-full pl-h-full pl-aspect-video !pl-overflow-hidden ${\r\n        conditions(ConditionName.isTouchScreen) && \"!pl-rounded-none\"\r\n      } ${conditions(ConditionName.isFullScreen) && \"!pl-overflow-hidden pl-fixed pl-top-0 pl-right-0 !pl-w-screen !pl-h-screen !pl-rounded-none\"}`}\r\n    >\r\n      {params.vhl_status && params.vhl_status !== \"skeleton\" && (\r\n        <div className=\"pl-flex pl-flex-col pl-justify-between pl-gap-2 pl-size-full\">\r\n          {params.banner && (\r\n            <div className=\"pl-w-full pl-aspect-video pl-absolute\">\r\n              <Image src={params.banner} alt=\"banner\" layout=\"fill\" 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\";\r\nimport { ConditionName } from \"../../../helpers/interfaces/enums\";\r\n\r\nconst Skeleton = () => {\r\n  return (\r\n    <div\r\n      role=\"status\"\r\n      className={`pl-size-full pl-flex pl-items-center pl-justify-center pl-bg-gray-300 ${\r\n        !conditions(ConditionName.isTouchScreen) && \"pl-rounded-lg\"\r\n      } pl-animate-pulse dark:pl-bg-gray-700`}\r\n    >\r\n      <span className=\"pl-sr-only\">Loading...</span>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default Skeleton;\r\n"]}

package/{VideoHighLighter-WUXAAIYV.mjs → VideoHighLighter-AMFROZWH.mjs}

@@ -1,2 +1,2 @@
-import {a}from'./chunk-NADMKBAD.mjs';import {c,b}from'./chunk-WZ2JPZIK.mjs';import {a as a$1}from'./chunk-X7ZT44GS.mjs';import {t,ha}from'./chunk-TQ5HPLRS.mjs';import {e,A}from'./chunk-SVD4N6WD.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/legacy/image';e();e();var g=()=>jsx("div",{role:"status",className:`pl-size-full pl-flex pl-items-center pl-justify-center pl-bg-gray-300 ${!t("isTouchScreen")&&"pl-rounded-lg"} pl-animate-pulse dark:pl-bg-gray-700`,children:jsx("span",{className:"pl-sr-only",children:"Loading..."})}),u=g;var N=()=>{let{params:e}=A(({videoData:{params:f}})=>({params:f}),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",layout:"fill",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:ha(0)}),jsx("span",{children:"/"}),jsx("span",{children:ha(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(u,{})]})},V=N;export{V as default};//# sourceMappingURL=VideoHighLighter-WUXAAIYV.mjs.map
-//# sourceMappingURL=VideoHighLighter-WUXAAIYV.mjs.map
+import {a}from'./chunk-522YWH3X.mjs';import {c,b}from'./chunk-ETH2LEHJ.mjs';import {a as a$1}from'./chunk-X7ZT44GS.mjs';import {t,ha}from'./chunk-FUI5ZIDL.mjs';import {e,A}from'./chunk-SVD4N6WD.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/legacy/image';e();e();var g=()=>jsx("div",{role:"status",className:`pl-size-full pl-flex pl-items-center pl-justify-center pl-bg-gray-300 ${!t("isTouchScreen")&&"pl-rounded-lg"} pl-animate-pulse dark:pl-bg-gray-700`,children:jsx("span",{className:"pl-sr-only",children:"Loading..."})}),u=g;var N=()=>{let{params:e}=A(({videoData:{params:f}})=>({params:f}),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",layout:"fill",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:ha(0)}),jsx("span",{children:"/"}),jsx("span",{children:ha(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(u,{})]})},V=N;export{V as default};//# sourceMappingURL=VideoHighLighter-AMFROZWH.mjs.map
+//# sourceMappingURL=VideoHighLighter-AMFROZWH.mjs.map

package/{VideoHighLighter-WUXAAIYV.mjs.map → VideoHighLighter-AMFROZWH.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-WUXAAIYV.mjs","sourcesContent":["import { shallowEqual } from \"react-redux\";\r\nimport { useAppSelector } from \"../../../helpers/redux/hooks\";\r\nimport Skeleton from \"../../custom-components/skeleton/Skeleton\";\r\nimport FullScreen from \"../../custom-components/fullScreen/fullScreen\";\r\nimport SoundVolume from \"../../custom-components/soundVolume/soundVolume\";\r\nimport { secondsToHMS } from \"../../../helpers/helpers\";\r\nimport { conditions } from \"../../../helpers/conditions/conditions\";\r\nimport { ConditionName } from \"../../../helpers/interfaces/enums\";\r\nimport { buildStyles, CircularProgressbarWithChildren } from \"react-circular-progressbar\";\r\nimport IMAGES from \"../../../images/importImages\";\r\nimport Image from \"next/legacy/image\";\r\nimport useFullScreen from \"../../../helpers/hooks/useFullScreen\";\r\n\r\nconst VideoHighLighter = () => {\r\n  const { params } = useAppSelector(({ videoData: { params } }) => ({ params }), shallowEqual);\r\n  useFullScreen();\r\n\r\n  return (\r\n    <div\r\n      id=\"video-area\"\r\n      className={`pl-relative pl-rounded-[12px] pl-w-full pl-h-full pl-aspect-video !pl-overflow-hidden ${\r\n        conditions(ConditionName.isTouchScreen) && \"!pl-rounded-none\"\r\n      } ${conditions(ConditionName.isFullScreen) && \"!pl-overflow-hidden pl-fixed pl-top-0 pl-right-0 !pl-w-screen !pl-h-screen !pl-rounded-none\"}`}\r\n    >\r\n      {params.vhl_status && params.vhl_status !== \"skeleton\" && (\r\n        <div className=\"pl-flex pl-flex-col pl-justify-between pl-gap-2 pl-size-full\">\r\n          {params.banner && (\r\n            <div className=\"pl-w-full pl-aspect-video pl-absolute\">\r\n              <Image src={params.banner} alt=\"banner\" layout=\"fill\" 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\";\r\nimport { ConditionName } from \"../../../helpers/interfaces/enums\";\r\n\r\nconst Skeleton = () => {\r\n  return (\r\n    <div\r\n      role=\"status\"\r\n      className={`pl-size-full pl-flex pl-items-center pl-justify-center pl-bg-gray-300 ${\r\n        !conditions(ConditionName.isTouchScreen) && \"pl-rounded-lg\"\r\n      } pl-animate-pulse dark:pl-bg-gray-700`}\r\n    >\r\n      <span className=\"pl-sr-only\">Loading...</span>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default Skeleton;\r\n"]}
+{"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-AMFROZWH.mjs","sourcesContent":["import { shallowEqual } from \"react-redux\";\r\nimport { useAppSelector } from \"../../../helpers/redux/hooks\";\r\nimport Skeleton from \"../../custom-components/skeleton/Skeleton\";\r\nimport FullScreen from \"../../custom-components/fullScreen/fullScreen\";\r\nimport SoundVolume from \"../../custom-components/soundVolume/soundVolume\";\r\nimport { secondsToHMS } from \"../../../helpers/helpers\";\r\nimport { conditions } from \"../../../helpers/conditions/conditions\";\r\nimport { ConditionName } from \"../../../helpers/interfaces/enums\";\r\nimport { buildStyles, CircularProgressbarWithChildren } from \"react-circular-progressbar\";\r\nimport IMAGES from \"../../../images/importImages\";\r\nimport Image from \"next/legacy/image\";\r\nimport useFullScreen from \"../../../helpers/hooks/useFullScreen\";\r\n\r\nconst VideoHighLighter = () => {\r\n  const { params } = useAppSelector(({ videoData: { params } }) => ({ params }), shallowEqual);\r\n  useFullScreen();\r\n\r\n  return (\r\n    <div\r\n      id=\"video-area\"\r\n      className={`pl-relative pl-rounded-[12px] pl-w-full pl-h-full pl-aspect-video !pl-overflow-hidden ${\r\n        conditions(ConditionName.isTouchScreen) && \"!pl-rounded-none\"\r\n      } ${conditions(ConditionName.isFullScreen) && \"!pl-overflow-hidden pl-fixed pl-top-0 pl-right-0 !pl-w-screen !pl-h-screen !pl-rounded-none\"}`}\r\n    >\r\n      {params.vhl_status && params.vhl_status !== \"skeleton\" && (\r\n        <div className=\"pl-flex pl-flex-col pl-justify-between pl-gap-2 pl-size-full\">\r\n          {params.banner && (\r\n            <div className=\"pl-w-full pl-aspect-video pl-absolute\">\r\n              <Image src={params.banner} alt=\"banner\" layout=\"fill\" 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\";\r\nimport { ConditionName } from \"../../../helpers/interfaces/enums\";\r\n\r\nconst Skeleton = () => {\r\n  return (\r\n    <div\r\n      role=\"status\"\r\n      className={`pl-size-full pl-flex pl-items-center pl-justify-center pl-bg-gray-300 ${\r\n        !conditions(ConditionName.isTouchScreen) && \"pl-rounded-lg\"\r\n      } pl-animate-pulse dark:pl-bg-gray-700`}\r\n    >\r\n      <span className=\"pl-sr-only\">Loading...</span>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default Skeleton;\r\n"]}

package/{backwardForward-V5X7EEQT.js → backwardForward-4QVC5NHR.js}

@@ -1,2 +1,2 @@
-'use strict';var chunkVLK44HNO_js=require('./chunk-VLK44HNO.js'),chunkD54C47WZ_js=require('./chunk-D54C47WZ.js'),chunkHSLWBAU4_js=require('./chunk-HSLWBAU4.js'),chunkS7SXQ5YW_js=require('./chunk-S7SXQ5YW.js'),react=require('react'),reactRedux=require('react-redux'),useDoubleTap=require('use-double-tap'),J=require('next/legacy/image'),jsxRuntime=require('react/jsx-runtime');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var J__default=/*#__PURE__*/_interopDefault(J);chunkS7SXQ5YW_js.e();var w=1e3,x=10,v=chunkHSLWBAU4_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=chunkS7SXQ5YW_js.z();chunkS7SXQ5YW_js.A(({controller:{currentTime:r,duration:t}})=>({currentTime:r,duration:t}),reactRedux.shallowEqual);let {videoElementSizeInfo:N}=chunkS7SXQ5YW_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(chunkS7SXQ5YW_js.k(false))):e==="touchForward"&&c&&(c(true),f(chunkS7SXQ5YW_js.k(false))),clearTimeout(o.current),o.current=setTimeout(()=>n(true),w));},200),react.useEffect(()=>{A&&(n(false),g&&c?(c(false),chunkHSLWBAU4_js.u().duration-chunkHSLWBAU4_js.u().currentTime<=a.current?chunkHSLWBAU4_js.Y(e,chunkHSLWBAU4_js.u().duration):chunkHSLWBAU4_js.Y(e,a.current),u(v)):P&&i&&(i(false),chunkHSLWBAU4_js.u().currentTime<=a.current?chunkHSLWBAU4_js.Y(e,0):chunkHSLWBAU4_js.Y(e,a.current),u(v)));},[A,e]);let G=r=>{u(t=>t+x),chunkHSLWBAU4_js.t("isTouchScreenLandscape")&&chunkHSLWBAU4_js.la(r,e),clearTimeout(o.current),o.current=setTimeout(()=>n(true),w);};if(chunkVLK44HNO_js.a("ArrowRight",r=>{chunkHSLWBAU4_js.t("isPressKeyArrowRight")&&e==="forward"&&(r.stopPropagation(),u(t=>t+x),f(chunkS7SXQ5YW_js.k(true)),c&&c(true),clearTimeout(o.current),o.current=setTimeout(()=>n(true),w));}),chunkVLK44HNO_js.a("ArrowLeft",r=>{chunkHSLWBAU4_js.t("isPressKeyArrowLeft")&&e==="backward"&&(r.stopPropagation(),u(t=>t+x),f(chunkS7SXQ5YW_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 ${chunkHSLWBAU4_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:chunkHSLWBAU4_js.da(`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:chunkHSLWBAU4_js.t("isTouchScreen")?G:void 0,children:[jsxRuntime.jsxs("p",{className:chunkHSLWBAU4_js.da("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:chunkD54C47WZ_js.a.chevronLeft,width:chunkHSLWBAU4_js.ea({desktop:20,desktopFullScreen:40,touch:16,touchFullScreen:20}),height:chunkHSLWBAU4_js.ea({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-V5X7EEQT.js.map
-//# sourceMappingURL=backwardForward-V5X7EEQT.js.map
+'use strict';var chunkVLK44HNO_js=require('./chunk-VLK44HNO.js'),chunkD54C47WZ_js=require('./chunk-D54C47WZ.js'),chunkY66T2G4I_js=require('./chunk-Y66T2G4I.js'),chunkS7SXQ5YW_js=require('./chunk-S7SXQ5YW.js'),react=require('react'),reactRedux=require('react-redux'),useDoubleTap=require('use-double-tap'),J=require('next/legacy/image'),jsxRuntime=require('react/jsx-runtime');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var J__default=/*#__PURE__*/_interopDefault(J);chunkS7SXQ5YW_js.e();var w=1e3,x=10,v=chunkY66T2G4I_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=chunkS7SXQ5YW_js.z();chunkS7SXQ5YW_js.A(({controller:{currentTime:r,duration:t}})=>({currentTime:r,duration:t}),reactRedux.shallowEqual);let {videoElementSizeInfo:N}=chunkS7SXQ5YW_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(chunkS7SXQ5YW_js.k(false))):e==="touchForward"&&c&&(c(true),f(chunkS7SXQ5YW_js.k(false))),clearTimeout(o.current),o.current=setTimeout(()=>n(true),w));},200),react.useEffect(()=>{A&&(n(false),g&&c?(c(false),chunkY66T2G4I_js.u().duration-chunkY66T2G4I_js.u().currentTime<=a.current?chunkY66T2G4I_js.Y(e,chunkY66T2G4I_js.u().duration):chunkY66T2G4I_js.Y(e,a.current),u(v)):P&&i&&(i(false),chunkY66T2G4I_js.u().currentTime<=a.current?chunkY66T2G4I_js.Y(e,0):chunkY66T2G4I_js.Y(e,a.current),u(v)));},[A,e]);let G=r=>{u(t=>t+x),chunkY66T2G4I_js.t("isTouchScreenLandscape")&&chunkY66T2G4I_js.la(r,e),clearTimeout(o.current),o.current=setTimeout(()=>n(true),w);};if(chunkVLK44HNO_js.a("ArrowRight",r=>{chunkY66T2G4I_js.t("isPressKeyArrowRight")&&e==="forward"&&(r.stopPropagation(),u(t=>t+x),f(chunkS7SXQ5YW_js.k(true)),c&&c(true),clearTimeout(o.current),o.current=setTimeout(()=>n(true),w));}),chunkVLK44HNO_js.a("ArrowLeft",r=>{chunkY66T2G4I_js.t("isPressKeyArrowLeft")&&e==="backward"&&(r.stopPropagation(),u(t=>t+x),f(chunkS7SXQ5YW_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 ${chunkY66T2G4I_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:chunkY66T2G4I_js.da(`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:chunkY66T2G4I_js.t("isTouchScreen")?G:void 0,children:[jsxRuntime.jsxs("p",{className:chunkY66T2G4I_js.da("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:chunkD54C47WZ_js.a.chevronLeft,width:chunkY66T2G4I_js.ea({desktop:20,desktopFullScreen:40,touch:16,touchFullScreen:20}),height:chunkY66T2G4I_js.ea({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-4QVC5NHR.js.map
+//# sourceMappingURL=backwardForward-4QVC5NHR.js.map

package/{backwardForward-V5X7EEQT.js.map → backwardForward-4QVC5NHR.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-V5X7EEQT.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/legacy/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  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-4QVC5NHR.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/legacy/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  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-AM6BGT56.mjs → backwardForward-M2ACY3SE.mjs}

@@ -1,2 +1,2 @@
-import {a}from'./chunk-TK36GS4S.mjs';import {a as a$1}from'./chunk-X7ZT44GS.mjs';import {t,u,Y,da,ea,la}from'./chunk-TQ5HPLRS.mjs';import {e,z,A,k}from'./chunk-SVD4N6WD.mjs';import {useState,useRef,useEffect}from'react';import {shallowEqual}from'react-redux';import {useDoubleTap}from'use-double-tap';import J from'next/legacy/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$1]=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),u().duration-u().currentTime<=a$2.current?Y(e,u().duration):Y(e,a$2.current),u$1(v)):P&&i&&(i(false),u().currentTime<=a$2.current?Y(e,0):Y(e,a$2.current),u$1(v)));},[A$1,e]);let G=r=>{u$1(t=>t+x),t("isTouchScreenLandscape")&&la(r,e),clearTimeout(o.current),o.current=setTimeout(()=>n(true),w);};if(a("ArrowRight",r=>{t("isPressKeyArrowRight")&&e==="forward"&&(r.stopPropagation(),u$1(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$1(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:da(`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:da("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:ea({desktop:20,desktopFullScreen:40,touch:16,touchFullScreen:20}),height:ea({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-AM6BGT56.mjs.map
-//# sourceMappingURL=backwardForward-AM6BGT56.mjs.map
+import {a}from'./chunk-TK36GS4S.mjs';import {a as a$1}from'./chunk-X7ZT44GS.mjs';import {t,u,Y,da,ea,la}from'./chunk-FUI5ZIDL.mjs';import {e,z,A,k}from'./chunk-SVD4N6WD.mjs';import {useState,useRef,useEffect}from'react';import {shallowEqual}from'react-redux';import {useDoubleTap}from'use-double-tap';import J from'next/legacy/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$1]=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),u().duration-u().currentTime<=a$2.current?Y(e,u().duration):Y(e,a$2.current),u$1(v)):P&&i&&(i(false),u().currentTime<=a$2.current?Y(e,0):Y(e,a$2.current),u$1(v)));},[A$1,e]);let G=r=>{u$1(t=>t+x),t("isTouchScreenLandscape")&&la(r,e),clearTimeout(o.current),o.current=setTimeout(()=>n(true),w);};if(a("ArrowRight",r=>{t("isPressKeyArrowRight")&&e==="forward"&&(r.stopPropagation(),u$1(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$1(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:da(`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:da("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:ea({desktop:20,desktopFullScreen:40,touch:16,touchFullScreen:20}),height:ea({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-M2ACY3SE.mjs.map
+//# sourceMappingURL=backwardForward-M2ACY3SE.mjs.map

package/{backwardForward-AM6BGT56.mjs.map → backwardForward-M2ACY3SE.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,GAAuB,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,CAEN2B,SAAAA,CAAU,IAAM,CACVd,GAAAA,GACFC,CAAAA,CAAQ,KAAK,CAAA,CACTR,CAAAA,EAAkBE,CAAAA,EACpBA,CAAAA,CAAkB,KAAK,CAAA,CACnBwB,CAAAA,EAAmB,CAAE,QAAA,CAAWA,CAAAA,EAAmB,CAAE,WAAA,EAAejB,GAAAA,CAAwB,OAAA,CAC9FkB,CAAAA,CAAsB5B,CAAAA,CAAM2B,CAAAA,EAAmB,CAAE,QAAQ,CAAA,CACtDC,CAAAA,CAAsB5B,CAAAA,CAAMU,GAAAA,CAAwB,OAAO,CAAA,CAChEJ,GAAAA,CAAwBT,CAAW,CAAA,EAC1BK,CAAAA,EAAkBE,CAAAA,GAC3BA,CAAAA,CAAkB,KAAK,CAAA,CACnBuB,CAAAA,EAAmB,CAAE,WAAA,EAAejB,GAAAA,CAAwB,OAAA,CAASkB,CAAAA,CAAsB5B,CAAAA,CAAM,CAAC,CAAA,CACjG4B,CAAAA,CAAsB5B,CAAAA,CAAMU,GAAAA,CAAwB,OAAO,CAAA,CAChEJ,GAAAA,CAAwBT,CAAW,CAAA,CAAA,EAGzC,CAAA,CAAG,CAACW,GAAAA,CAAMR,CAAI,CAAC,CAAA,CAEf,IAAM6B,CAAAA,CAAoBJ,CAAAA,EAAe,CACvCnB,GAAAA,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,GAAAA,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,GAAAA,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-AM6BGT56.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/legacy/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  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-M2ACY3SE.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/legacy/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  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"]}