cafe-video-player 1.3.15 → 1.3.16

package/{chunk-KWQGCTFG.js → chunk-AUOAZWTS.js}

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkA3BCKK27js = require('./chunk-A3BCKK27.js');_chunkA3BCKK27js.e.call(void 0, );var t=3e3,n= exports.b =5e3,r= exports.c =1e4,i= exports.d =6e4;exports.a = t; exports.b = n; exports.c = r; exports.d = i;
-//# sourceMappingURL=chunk-KWQGCTFG.js.map
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkA3BCKK27js = require('./chunk-A3BCKK27.js');_chunkA3BCKK27js.e.call(void 0, );var t=3e4,n= exports.b =5e3,r= exports.c =1e4,i= exports.d =6e4;exports.a = t; exports.b = n; exports.c = r; exports.d = i;
+//# sourceMappingURL=chunk-AUOAZWTS.js.map

package/{chunk-KWQGCTFG.js.map → chunk-AUOAZWTS.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/videoPlayerLibrary/helpers/environment.ts"],"names":["init_cjs_shims","activeElementsTime","showLoaderTime","notShowingLoaderTime","continuousePlaybackIntervalTime"],"mappings":"wCAAAA,IAMO,IAAMC,EAAqB,IAErBC,EAAiB,IACjBC,EAAuB,IAEvBC,EAAkC","sourcesContent":["import { IEnvironment } from \"./interfaces/interfaces\";\r\n\r\nexport const ENVIRONMENT: IEnvironment = {\r\n    reduxDevTool: true\r\n};\r\n\r\nexport const activeElementsTime = 3000;\r\n\r\nexport const showLoaderTime = 5000;\r\nexport const notShowingLoaderTime = 10000;\r\n\r\nexport const continuousePlaybackIntervalTime = 60000;\r\n"]}
+{"version":3,"sources":["../src/videoPlayerLibrary/helpers/environment.ts"],"names":["init_cjs_shims","activeElementsTime","showLoaderTime","notShowingLoaderTime","continuousePlaybackIntervalTime"],"mappings":"wCAAAA,IAMO,IAAMC,EAAqB,IAErBC,EAAiB,IACjBC,EAAuB,IAEvBC,EAAkC","sourcesContent":["import { IEnvironment } from \"./interfaces/interfaces\";\r\n\r\nexport const ENVIRONMENT: IEnvironment = {\r\n    reduxDevTool: true\r\n};\r\n\r\nexport const activeElementsTime = 30000;\r\n\r\nexport const showLoaderTime = 5000;\r\nexport const notShowingLoaderTime = 10000;\r\n\r\nexport const continuousePlaybackIntervalTime = 60000;\r\n"]}

package/chunk-S6REIVCH.mjs

@@ -0,0 +1,2 @@
+import{e as o}from"./chunk-TU7BZ2RY.mjs";o();var n=3e4,r=5e3,i=1e4,m=6e4;export{n as a,r as b,i as c,m as d};
+//# sourceMappingURL=chunk-S6REIVCH.mjs.map

package/chunk-S6REIVCH.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/videoPlayerLibrary/helpers/environment.ts"],"sourcesContent":["import { IEnvironment } from \"./interfaces/interfaces\";\r\n\r\nexport const ENVIRONMENT: IEnvironment = {\r\n    reduxDevTool: true\r\n};\r\n\r\nexport const activeElementsTime = 30000;\r\n\r\nexport const showLoaderTime = 5000;\r\nexport const notShowingLoaderTime = 10000;\r\n\r\nexport const continuousePlaybackIntervalTime = 60000;\r\n"],"mappings":"yCAAAA,IAMO,IAAMC,EAAqB,IAErBC,EAAiB,IACjBC,EAAuB,IAEvBC,EAAkC","names":["init_esm_shims","activeElementsTime","showLoaderTime","notShowingLoaderTime","continuousePlaybackIntervalTime"]}

package/chunk-SYSS7LEA.js

@@ -0,0 +1,8 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }var _chunk7S4SD4ESjs = require('./chunk-7S4SD4ES.js');var _chunkAUOAZWTSjs = require('./chunk-AUOAZWTS.js');var _chunkPWG4S5I5js = require('./chunk-PWG4S5I5.js');var _chunkDXDG2ALZjs = require('./chunk-DXDG2ALZ.js');var _chunkEYNKLOX5js = require('./chunk-EYNKLOX5.js');var _chunkB2G6UUYPjs = require('./chunk-B2G6UUYP.js');var _chunkA3BCKK27js = require('./chunk-A3BCKK27.js');_chunkA3BCKK27js.e.call(void 0, );var _image = require('next/legacy/image'); var _image2 = _interopRequireDefault(_image);var _react = require('react');var _reactredux = require('react-redux');_chunkA3BCKK27js.e.call(void 0, );_chunkA3BCKK27js.e.call(void 0, );var _jsxruntime = require('react/jsx-runtime');var fo=()=>{let{details:e,params:o}=_chunkEYNKLOX5js.Y.call(void 0, ({videoData:{details:l,params:i}})=>({details:l,params:i}),_reactredux.shallowEqual);return _jsxruntime.jsx.call(void 0, "div",{className:`pl-w-full pl-max-w-[80%] pl-truncate pl-text-left pl-ml-4 pl-text-[16px] pl-font-normal pl-text-white pl-break-words pl-self-start animate__animated animate__faster ${_chunkEYNKLOX5js.W.call(void 0, "isActiveElements")?"animate__fadeIn pl-opacity-100":"pl-opacity-0 animate__fadeOut"}`,children:_chunkEYNKLOX5js.W.call(void 0, "hasTitle")?e.title:o.id})},ot=fo;_chunkA3BCKK27js.e.call(void 0, );var go=()=>_jsxruntime.jsxs.call(void 0, "div",{className:`pl-relative pl-z-[1000000] animate__animated animate__faster ${_chunkEYNKLOX5js.W.call(void 0, "isActiveElements")?"animate__fadeIn pl-pointer-events-auto":"animate__fadeOut pl-pointer-events-none"}`,children:[_jsxruntime.jsx.call(void 0, _image2.default,{src:_chunkB2G6UUYPjs.a.lock,alt:"lock-icon",width:20,height:20,onClick:()=>_chunkPWG4S5I5js.f.call(void 0, "unlock")}),!localStorage.getItem("unlock-click")&&_jsxruntime.jsx.call(void 0, "p",{className:"pl-text-[10px] pl-text-black/[0.87] pl-bg-[#F7F7F7] pl-absolute pl-left-0 pl-px-4 pl-py-3 pl-rounded-[8px] pl-w-max",children:"\u0628\u0631\u0627\u06CC \u0628\u0627\u0632 \u06A9\u0631\u062F\u0646 \u0642\u0641\u0644\u060C \u06A9\u0644\u06CC\u06A9 \u06A9\u0646\u06CC\u062F"})]}),it=go;var xo=()=>(_chunkEYNKLOX5js.Y.call(void 0, ({controller:{lock:e,activeElements:o}})=>({lock:e,activeElements:o}),_reactredux.shallowEqual),_jsxruntime.jsxs.call(void 0, "div",{className:`pl-flex pl-items-start pl-justify-end pl-mx-4 pl-mt-5 ${_chunkEYNKLOX5js.W.call(void 0, "isTouchScreenPortrait")?"pl-h-[16px]":"pl-h-[60px]"}`,children:[_chunkEYNKLOX5js.W.call(void 0, "showTitle")&&_jsxruntime.jsx.call(void 0, ot,{}),_chunkEYNKLOX5js.W.call(void 0, "isLock")&&_jsxruntime.jsx.call(void 0, it,{})]})),nt=xo;_chunkA3BCKK27js.e.call(void 0, );_chunkA3BCKK27js.e.call(void 0, );var To=()=>(_chunkEYNKLOX5js.Y.call(void 0, ({controller:{play:e,showMiniPlayer:o}})=>({play:e,showMiniPlayer:o}),_reactredux.shallowEqual),_chunkEYNKLOX5js.Y.call(void 0, ({videoData:{videoElementSizeInfo:e,params:o}})=>({videoElementSizeInfo:e,params:o}),_reactredux.shallowEqual),_jsxruntime.jsx.call(void 0, "div",{className:`${!_chunkEYNKLOX5js.W.call(void 0, "isTouchScreen")&&"hover:pl-scale-125"} pl-transition-transform pl-ease-in-out pl-cursor-pointer`,onContextMenu:e=>e.preventDefault(),children:_jsxruntime.jsx.call(void 0, _image2.default,{alt:"",src:_chunkEYNKLOX5js.W.call(void 0, "isPlay")?_chunkB2G6UUYPjs.a.bigPause:_chunkB2G6UUYPjs.a.bigPlay,width:_chunkEYNKLOX5js.W.call(void 0, "showMiniPlayer")?20:40,height:_chunkEYNKLOX5js.W.call(void 0, "showMiniPlayer")?20:40,onClick:e=>_chunkPWG4S5I5js.a.call(void 0, e),onDoubleClick:e=>e.stopPropagation(),className:`${_chunkEYNKLOX5js.W.call(void 0, "isPlay")?"pl-big-play-icon":"pl-big-pause-icon"}`})})),ae=To;var Io=()=>{let[e,o]=_react.useState.call(void 0, !1);_chunkEYNKLOX5js.Y.call(void 0, ({controller:{lock:i,firstPlay:r}})=>({lock:i,firstPlay:r}),_reactredux.shallowEqual);let{activeElements:l}=_chunkEYNKLOX5js.Y.call(void 0, ({controller:{activeElements:i}})=>({activeElements:i}),_reactredux.shallowEqual);return _react.useEffect.call(void 0, ()=>{let i=null;return _chunkEYNKLOX5js.W.call(void 0, "isFirstPlay")||_chunkEYNKLOX5js.W.call(void 0, "isActiveElements")?i=setTimeout(()=>o(!0),100):o(!1),()=>clearTimeout(i)},[l]),_jsxruntime.jsx.call(void 0, "main",{className:"pl-flex-1 pl-mt-1",children:e&&!_chunkEYNKLOX5js.W.call(void 0, "isLock")&&_jsxruntime.jsx.call(void 0, "div",{id:"main-content",className:`pl-h-full pl-flex pl-justify-center pl-items-center pl-text-center pl-relative ${_chunkEYNKLOX5js.W.call(void 0, "isActiveElements")?"pl-pointer-events-auto":"pl-pointer-events-none"}`,children:_jsxruntime.jsxs.call(void 0, "div",{className:"pl-flex pl-justify-center pl-gap-10 pl-items-center pl-w-max",style:{zIndex:3},children:[!_chunkEYNKLOX5js.W.call(void 0, "isFirstPlay")&&_jsxruntime.jsx.call(void 0, _chunk7S4SD4ESjs.a,{type:"forward"}),_jsxruntime.jsx.call(void 0, ae,{}),!_chunkEYNKLOX5js.W.call(void 0, "isFirstPlay")&&_jsxruntime.jsx.call(void 0, _chunk7S4SD4ESjs.a,{type:"backward"})]})})})},ct=Io;_chunkA3BCKK27js.e.call(void 0, );_chunkA3BCKK27js.e.call(void 0, );_chunkA3BCKK27js.e.call(void 0, );_chunkA3BCKK27js.e.call(void 0, );var Te=e=>{let{videoElementSizeInfo:o}=_chunkEYNKLOX5js.G.getState().videoData,{duration:l}=_chunkEYNKLOX5js.G.getState().controller,i=e.clientX!==void 0?e.clientX:e.touches[0].clientX;if(i<=o.right&&i>0)return(i-o.left)/o.width*l},q=e=>{let{videoElementSizeInfo:o}=_chunkEYNKLOX5js.G.getState().videoData,l=e.clientX!==void 0?e.clientX:e.touches[0].clientX;if(l<=o.right&&l>0)return l-o.left},J=e=>{e&&(e.style.opacity="0.0",e.style.pointerEvents="none",e.style.zIndex=-2)},Co=e=>{e.style.display="block",e.style.zIndex=5,e.style.opacity=_chunkEYNKLOX5js.G.getState().videoData.details.vtt?"1.0":"0.6",e.style.pointerEvents="auto",e.style.transition="opacity 1s ease-out"},ko=(e,o)=>{let{videoElementSizeInfo:l}=_chunkEYNKLOX5js.G.getState().videoData,i=document.getElementsByClassName("pl-progressTooltip")[0],r=document.getElementById("parent-player");i&&r&&(q(e)>i.getBoundingClientRect().width/2&&q(e)<l.right-l.left-i.getBoundingClientRect().width/2?o.style.left=`${q(e)-i.offsetWidth/2}px`:q(e)<(r.offsetLeft===0?i.offsetWidth:r.offsetLeft)?o.style.left="0px":_chunkDXDG2ALZjs.a.call(void 0, ).offsetLeft+_chunkDXDG2ALZjs.a.call(void 0, ).offsetWidth<q(e)+i.offsetWidth&&(o.style.left=`${_chunkDXDG2ALZjs.a.call(void 0, ).offsetWidth-i.offsetWidth}px`))},Lo=(e,o,l)=>{o&&Co(o),_chunkEYNKLOX5js.G.getState().videoData.details.vtt?ko(e,o):o.style.left=`${q(e)-30}px`,_chunkEYNKLOX5js.G.dispatch(_chunkEYNKLOX5js.q.call(void 0, Number(Te(e)))),l.textContent=`${_chunkEYNKLOX5js.K.call(void 0, Te(e))}`},Pe=(e,o=!1)=>{let{videoElementSizeInfo:l}=_chunkEYNKLOX5js.G.getState().videoData,i=document.querySelector(".pl-progressTooltip"),r=document.querySelector(".pl-progressTimeTooltip"),a=e.clientX!==void 0?e.clientX:e.touches[0].clientX;i&&r&&a<=l.right&&a>l.left?(Lo(e,i,r),o&&setTimeout(()=>J(i),2e3)):J(i)},ut=e=>{let o=e.clientX!==void 0?e.clientX:e.touches[0].clientX;_chunkDXDG2ALZjs.b.call(void 0, )&&(o<=e.view.innerWidth&&o>0?_chunkDXDG2ALZjs.b.call(void 0, ).style.width=`${q(e)}px`:o<=e.view.innerWidth?_chunkDXDG2ALZjs.b.call(void 0, ).style.width=0:o>0&&(_chunkDXDG2ALZjs.b.call(void 0, ).style.width="100%"))},dt=(e,o,l)=>{e.preventDefault(),e.stopPropagation(),l(!0);let i=_chunkEYNKLOX5js.G.dispatch,r=e.clientX!==void 0?e.clientX:e.touches[0].clientX;r<=e.view.innerWidth&&r>0&&(i(_chunkEYNKLOX5js.k.call(void 0, !0)),i(_chunkEYNKLOX5js.l.call(void 0, !0)),sessionStorage.setItem("previousVideoTime",String(_chunkDXDG2ALZjs.a.call(void 0, ).currentTime)),e.target.setPointerCapture(e.pointerId),o.length>0&&o.map(a=>clearTimeout(a)))},Ee=e=>{e.preventDefault(),e.stopPropagation();let o=_chunkEYNKLOX5js.G.dispatch,{activePointerProgressBar:l}=_chunkEYNKLOX5js.G.getState().controller,{left:i}=_chunkEYNKLOX5js.G.getState().videoData.videoElementSizeInfo,r=e.clientX!==void 0?e.clientX:e.touches[0].clientX,a=document.querySelector(".pl-progressTooltip");r>i?(a&&(a.style.display="block !important",a.style.pointerEvents="auto"),l&&(o(_chunkEYNKLOX5js.l.call(void 0, !0)),Pe(e),ut(e),_chunkDXDG2ALZjs.a.call(void 0, ).pause())):a&&(a.style.display="none !important",a.style.pointerEvents="none")},ft=(e,o,l,i)=>{i(!1),e.preventDefault(),e.stopPropagation();let r=_chunkEYNKLOX5js.G.dispatch,{duration:a}=_chunkEYNKLOX5js.G.getState().controller,{left:f,right:s}=_chunkEYNKLOX5js.G.getState().videoData.videoElementSizeInfo;e.target.removeEventListener("pointermove",Ee);let u=e.clientX!==void 0?e.clientX:e.touches[0].clientX,c=0;u>f&&u<s?c=Te(e):u<f?c=0:u>0&&(c=a),_chunkEYNKLOX5js.W.call(void 0, "isStaticFormat")||_chunkPWG4S5I5js.g.call(void 0, _chunkDXDG2ALZjs.a.call(void 0, ).currentTime,c),_chunkDXDG2ALZjs.a.call(void 0, ).currentTime=c,_chunkEYNKLOX5js.G.getState().controller.activePointerProgressBar&&(r(_chunkEYNKLOX5js.k.call(void 0, !1)),r(_chunkEYNKLOX5js.l.call(void 0, !1)),_chunkDXDG2ALZjs.a.call(void 0, ).play(),Pe(e,!0),sessionStorage.setItem("current-time",String(c)),ut(e),_o(e,r,o,l))},_o=(e,o,l,i)=>{let r=i,a=setTimeout(()=>{let{settingPopover:f}=_chunkEYNKLOX5js.G.getState().popovers,{delayTurnOffControlbar:s}=_chunkEYNKLOX5js.G.getState().controller;e.pointerType==="touch"&&!f&&s&&o(_chunkEYNKLOX5js.f.call(void 0, !1))},_chunkAUOAZWTSjs.a);r.push(a),l(r)},ht=()=>{let e=Date.now();_chunkDXDG2ALZjs.a.call(void 0, ).play().then(()=>_chunkDXDG2ALZjs.t.call(void 0, _chunkDXDG2ALZjs.h.call(void 0, Date.now()-e)))},vt=e=>Pe(e),gt=()=>{let e=document.querySelector(".pl-progressTooltip");J(e)},Mo=e=>{let o=e.split("."),i=o[0].split(":");return{milliseconds:parseInt(o[1],10)||0,seconds:parseInt(i.pop(),10)||0,minutes:parseInt(i.pop(),10)||0,hours:parseInt(i.pop(),10)||0}},mt=e=>{let o=Mo(e);return parseInt(o.hours*(60*60)+o.minutes*60+o.seconds+o.milliseconds/1e3,10)},Fo=e=>{let o=e.split(/#xywh=/i),l=o[0],r=o[1].match(/[0-9]+/gi);return{x:r[0],y:r[1],w:r[2],h:r[3],image:l}},Ao=(e,o)=>e.indexOf("//")>=0?e:o.indexOf("//")===0?[o.replace(/\/$/gi,""),e.trim()].join("/"):o.indexOf("//")>0?[o.trim(),e.trim()].join("/"):e,$o=(e,o)=>{let l={},i=o.split(/\/\w+\.vtt\s?/)[0];if(e=Ao(e,i),!e.match(/#xywh=/i))return l.background='url("'+e+o.split(/\/\w+\.vtt\s?/)[1]+'")',l;let r=Fo(e);return l.background='url("'+r.image+o.split(/\/\w+\.vtt\s?/)[1]+'") no-repeat -'+r.x+"px -"+r.y+"px",l.width=r.w+"px",l.height=r.h+"px",l.url=r.image,l},St=(e,o)=>{fetch(e).then(l=>{if(!l.ok)throw _chunkEYNKLOX5js.G.dispatch(_chunkEYNKLOX5js.s.call(void 0, {..._chunkEYNKLOX5js.G.getState().videoData.details,vtt:void 0,vtt_mobile:void 0})),new Error("Network response was not ok");return l.text()}).then(l=>{let i=[];l.split(/[\r\n][\r\n]/i).forEach(a=>{if(a.match(/([0-9]{2}:)?([0-9]{2}:)?[0-9]{2}(.[0-9]{3})?( ?--> ?)([0-9]{2}:)?([0-9]{2}:)?[0-9]{2}(.[0-9]{3}).*/gi)){let f=a.split(/[\r\n]/i),u=f[0].split(/ ?--> ?/i),c=u[0],y=u[1],m=f[1],g=$o(m,e);i.push({start:mt(c),end:mt(y),css:g})}}),o(i)}).catch(l=>{console.error("Error fetching file:",l)})},yt=(e,o,l)=>{for(let i=0;i<o.length;++i){let r=o[i];if(e>=r.start&&e<r.end){if(r.css.url&&!l[r.css.url]){let a={background:r.css.background,width:r.css.width,height:r.css.height};return l[r.css.url]=a,a}else if(r.css.url)return l[r.css.url]}}};var Oo=()=>{let{details:e}=_chunkEYNKLOX5js.Y.call(void 0, ({videoData:{details:s}})=>({details:s}),_reactredux.shallowEqual),{tooltipTime:o}=_chunkEYNKLOX5js.Y.call(void 0, ({controller:{tooltipTime:s,activeElements:u,isFullScreen:c}})=>({tooltipTime:s,activeElements:u,isFullScreen:c}),_reactredux.shallowEqual),l={},[i,r]=_react.useState.call(void 0, void 0),[a,f]=_react.useState.call(void 0, _chunkEYNKLOX5js.W.call(void 0, "isTouchScreen")?e.vtt_mobile:e.vtt);return _react.useEffect.call(void 0, ()=>{f(e.vtt_mobile)},[e.vtt_mobile]),_react.useEffect.call(void 0, ()=>{a&&St(e.vtt_mobile,r)},[a]),_chunkEYNKLOX5js.W.call(void 0, "isActiveElements")?_jsxruntime.jsxs.call(void 0, "div",{className:`pl-flex pl-flex-col pl-progressTooltip pl-absolute pl-bottom-[200%] pl-px-[10px] pl-py-[5px] pl-mr-[-25px] pl-mb-[25px] pl-text-white pl-text-[14px] ${a&&i?"":"pl-bg-z-gray-700"} pl-rounded-[6px] pl-opacity-0`,children:[a&&!!i&&_jsxruntime.jsx.call(void 0, "div",{className:"pl-flex-1 pl-border pl-border-white pl-rounded-[8px]",children:_jsxruntime.jsx.call(void 0, "div",{className:"pl-rounded-[8px]",style:yt(o,i,l)})}),_jsxruntime.jsx.call(void 0, "div",{className:"pl-flex pl-items-center pl-justify-center pl-progressTimeTooltip pl-text-white !pl-opacity-100"})]}):_jsxruntime.jsx.call(void 0, _jsxruntime.Fragment,{})},Tt=_react.memo.call(void 0, Oo);var Xo=()=>{let[e,o]=_react.useState.call(void 0, !1);_react.useEffect.call(void 0, ()=>{J(document.querySelector(".progressTooltip"))},[]);let{duration:l,currentTime:i,bufferedTimeWidth:r}=_chunkEYNKLOX5js.Y.call(void 0, ({controller:{duration:s,currentTime:u,bufferedTimeWidth:c,showMiniPlayer:y}})=>({duration:s,currentTime:u,bufferedTimeWidth:c,showMiniPlayer:y}),_reactredux.shallowEqual);_chunkEYNKLOX5js.Y.call(void 0, ({videoData:{params:s,videoElementSizeInfo:u}})=>({params:s,videoElementSizeInfo:u}),_reactredux.shallowEqual);let[a,f]=_react.useState.call(void 0, []);return _jsxruntime.jsxs.call(void 0, "div",{className:`${_chunkEYNKLOX5js.W.call(void 0, "isTouchScreenPortrait")?"pl-order-1":"pl-order-none"} pl-relative`,children:[_jsxruntime.jsx.call(void 0, "div",{className:"pl-relative",children:_jsxruntime.jsx.call(void 0, Tt,{})}),_jsxruntime.jsx.call(void 0, "div",{className:"pl-w-full pl-flex pl-items-end",onPointerDown:s=>dt(s,a,o),onPointerMove:Ee,onPointerUp:s=>ft(s,f,a,o),onMouseMove:vt,onMouseOut:gt,onClick:ht,onDoubleClick:s=>s.stopPropagation(),children:_jsxruntime.jsxs.call(void 0, "div",{id:"progress-area",className:"pl-w-full pl-absolute",children:[_jsxruntime.jsx.call(void 0, "div",{className:"pl-w-full pl-h-[40px]"}),_jsxruntime.jsxs.call(void 0, "div",{id:"time-progress-area",className:"!pl-w-full !pl-h-[5px] pl-transition-transform pl-duration-300 pl-m-auto pl-cursor-pointer !pl-bg-gray-highLight pl-rounded",style:{transform:e?"scaleY(1.8)":"unset"},children:[_jsxruntime.jsx.call(void 0, "div",{id:"time-progress-buffer",className:"pl-absolute pl-h-[5px] pl-bg-z-gray-400/[0.7] pl-rounded",style:{width:`${r}%`}}),_jsxruntime.jsx.call(void 0, "div",{id:"time-progress-bar",className:`pl-h-[5px] pl-rounded pl-relative pl-cursor-pointer pl-bg-primary before:pl-bg-primary before:pl-inline-block before:pl-w-4 before:pl-h-4 ${e&&"before:pl-w-7 before:pl-h-3"}`,style:{width:`${i/l*_chunkDXDG2ALZjs.c.call(void 0, )}px`}})]})]})})]})},It=Xo;_chunkA3BCKK27js.e.call(void 0, );_chunkA3BCKK27js.e.call(void 0, );_chunkA3BCKK27js.e.call(void 0, );var Ro=({title:e,className:o})=>_jsxruntime.jsx.call(void 0, "span",{className:`pl-absolute pl-w-max pl-bg-paper pl-text-white/[0.9] ${_chunkEYNKLOX5js.W.call(void 0, "isFullScreen")?"pl-bottom-[300%]":"pl-bottom-[270%]"} pl-rounded-[8px] pl-px-4 pl-py-3 pl-text-[14px] pl-font-bold ${o}`,children:e}),C=Ro;var Go=()=>{let{isFullScreen:e}=_chunkEYNKLOX5js.Y.call(void 0, ({controller:{firstPlay:r,isFullScreen:a}})=>({firstPlay:r,isFullScreen:a}),_reactredux.shallowEqual),[o,l]=_react.useState.call(void 0, !1),i=_chunkEYNKLOX5js.X.call(void 0, );return _react.useEffect.call(void 0, ()=>{_chunkEYNKLOX5js.W.call(void 0, "isFirstPlay")||i(_chunkEYNKLOX5js.f.call(void 0, !1))},[e]),_jsxruntime.jsxs.call(void 0, "div",{className:"pl-relative pl-flex pl-items-center",children:[_jsxruntime.jsx.call(void 0, _image2.default,{src:_chunkEYNKLOX5js.W.call(void 0, "isFullScreen")?_chunkB2G6UUYPjs.a.nonFullScreen:_chunkB2G6UUYPjs.a.fullScreen,alt:"fullScreen-icon",className:"pl-cursor-pointer",width:20,height:20,onMouseOver:()=>!_chunkEYNKLOX5js.W.call(void 0, "isTouchScreen")&&l(!0),onMouseLeave:()=>!_chunkEYNKLOX5js.W.call(void 0, "isTouchScreen")&&l(!1),onClick:()=>{_chunkPWG4S5I5js.d.call(void 0, ),_chunkPWG4S5I5js.e.call(void 0, )}}),o&&_jsxruntime.jsx.call(void 0, C,{title:`${_chunkEYNKLOX5js.W.call(void 0, "isFullScreen")?"\u062E\u0631\u0648\u062C \u0627\u0632":""} \u062A\u0645\u0627\u0645 \u0635\u0641\u062D\u0647`})]})},Ct=Go;_chunkA3BCKK27js.e.call(void 0, );var Ko=()=>{let[e,o]=_react.useState.call(void 0, !1);return _chunkEYNKLOX5js.Y.call(void 0, ({controller:{showMiniPlayer:l}})=>({showMiniPlayer:l}),_reactredux.shallowEqual),_chunkEYNKLOX5js.Y.call(void 0, ({videoData:{videoElementSizeInfo:l,params:i}})=>({videoElementSizeInfo:l,params:i}),_reactredux.shallowEqual),_jsxruntime.jsxs.call(void 0, "div",{className:"pl-relative pl-flex  pl-items-center",children:[_jsxruntime.jsx.call(void 0, _image2.default,{alt:"",onMouseOver:()=>!_chunkEYNKLOX5js.W.call(void 0, "isTouchScreen")&&o(!0),onMouseLeave:()=>!_chunkEYNKLOX5js.W.call(void 0, "isTouchScreen")&&o(!1),src:_chunkB2G6UUYPjs.a.pictureInPicture,width:20,height:20,className:"pl-flex pl-cursor-pointer",onClick:()=>_chunkDXDG2ALZjs.a.call(void 0, ).requestPictureInPicture()}),e&&_jsxruntime.jsx.call(void 0, C,{title:"\u062A\u0635\u0648\u06CC\u0631 \u062F\u0631 \u062A\u0635\u0648\u06CC\u0631"})]})},_t=Ko;_chunkA3BCKK27js.e.call(void 0, );var il=()=>{let[e,o]=_react.useState.call(void 0, !1),l=_chunkEYNKLOX5js.X.call(void 0, ),{settings:i}=_chunkEYNKLOX5js.Y.call(void 0, ({user:{settings:s}})=>({settings:s}),_reactredux.shallowEqual),r=_react.useRef.call(void 0, i.volume),a=()=>{if(r.current!==i.volume){let{settings:s}=_chunkEYNKLOX5js.G.getState().user;_chunkDXDG2ALZjs.t.call(void 0, _chunkDXDG2ALZjs.l.call(void 0, r.current,s.volume)),r.current=s.volume,l(_chunkEYNKLOX5js.E.call(void 0, {...s,volume:s.volume}))}},f=s=>{let{settings:u}=_chunkEYNKLOX5js.G.getState().user;s==="mute"?(_chunkPWG4S5I5js.b.call(void 0, 0),_chunkDXDG2ALZjs.t.call(void 0, _chunkDXDG2ALZjs.l.call(void 0, u.volume,0))):(_chunkDXDG2ALZjs.t.call(void 0, _chunkDXDG2ALZjs.l.call(void 0, u.volume,100)),_chunkPWG4S5I5js.b.call(void 0, 100))};return _jsxruntime.jsxs.call(void 0, "div",{className:"pl-relative pl-inline-flex pl-items-center pl-gap-2 pl-sound-icon",children:[!_chunkEYNKLOX5js.W.call(void 0, "isTouchScreen")&&_jsxruntime.jsx.call(void 0, "input",{onMouseUp:a,type:"range",min:"0",max:"100",value:i.volume,onChange:s=>_chunkPWG4S5I5js.b.call(void 0, +s.target.value),className:"pl-soundVolume pl-cursor-pointer",style:{background:`linear-gradient(to right, white ${i.volume}%, rgba(255,255,255,0.3) 0)`}}),_jsxruntime.jsxs.call(void 0, "div",{className:"pl-relative pl-flex pl-items-center",children:[_jsxruntime.jsx.call(void 0, _image2.default,{src:_chunkEYNKLOX5js.W.call(void 0, "hasSound")?_chunkB2G6UUYPjs.a.unMute:_chunkB2G6UUYPjs.a.mute,alt:_chunkEYNKLOX5js.W.call(void 0, "hasSound")?"unmute-icon":"mute-icon",className:"pl-flex pl-items-center pl-cursor-pointer",width:20,height:20,onClick:()=>_chunkEYNKLOX5js.W.call(void 0, "hasSound")?f("mute"):f("unmute"),onDoubleClick:s=>s.stopPropagation(),onMouseOver:()=>!_chunkEYNKLOX5js.W.call(void 0, "isTouchScreen")&&o(!0),onMouseLeave:()=>!_chunkEYNKLOX5js.W.call(void 0, "isTouchScreen")&&o(!1)}),e&&_jsxruntime.jsx.call(void 0, C,{className:"pl-left-0",title:`${_chunkEYNKLOX5js.W.call(void 0, "hasSound")?"\u0628\u0627 \u0635\u062F\u0627":"\u0628\u06CC \u0635\u062F\u0627"}`})]})]})},Ft=il;_chunkA3BCKK27js.e.call(void 0, );_chunkA3BCKK27js.e.call(void 0, );var _reactdom = require('react-dom');var $t=_react.forwardRef.call(void 0, ({children:e,status:o,onClose:l,type:i,classNames:r,parentClassNames:a,styles:f,isBlurBackground:s,isFullHeight:u=!1,isHeader:c,isHasCatchUpLineOnTop:y=!1,animation:m,scrollbar:g=!1,isFocusOnInput:_=!1},M)=>{let[F,A]=_react.useState.call(void 0, o),[$,Be]=_react.useState.call(void 0, 0),[so,po]=_react.useState.call(void 0, 0),{videoElementSizeInfo:qe}=_chunkEYNKLOX5js.Y.call(void 0, ({videoData:{videoElementSizeInfo:k}})=>({videoElementSizeInfo:k}),_reactredux.shallowEqual),ye=_react.useRef.call(void 0, 0);_react.useEffect.call(void 0, ()=>{let k;return o?A(!0):k=setTimeout(()=>{l(!1),Be(0),A(!1)},500),()=>clearTimeout(k)},[o]);let ao=k=>{let mo=document.getElementById("popover-content");ye.current||(ye.current=window.innerHeight-qe.top-_optionalChain([mo, 'optionalAccess', _2 => _2.getBoundingClientRect, 'call', _3 => _3(), 'access', _4 => _4.top])),k.stopPropagation(),window.innerHeight-qe.top-k.touches[0].clientY<ye.current&&Be(window.innerHeight-k.touches[0].clientY),po(1000004)},co=()=>{l()},ze=_jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment,{children:[s&&_jsxruntime.jsx.call(void 0, "div",{className:`pl-bg-black/[0.5] pl-w-screen pl-h-screen pl-fixed pl-top-0 pl-right-0 animate__animated animate__faster ${o?"animate__fadeIn":"animate__fadeOut"}`,style:{zIndex:1000001}}),_jsxruntime.jsx.call(void 0, "div",{className:`${i==="modal"&&"pl-fixed pl-top-0 pl-left-0 pl-flex pl-w-full pl-h-full pl-justify-center pl-items-end sm:pl-items-center"} ${a}`,style:{zIndex:u&&!_?so:1000003},children:_jsxruntime.jsx.call(void 0, "div",{className:`pl-flex pl-flex-col pl-rounded-[8px] animate__animated animate__faster pl-bg-white/[0.9]
+                        ${u&&"pl-h-full"}
+                        ${m||(window.innerWidth>768&&i==="modal"?o?"animate__fadeIn":"animate__fadeOut":o?"animate__fadeInUp":"animate__fadeOutDown")}
+                        ${_chunkEYNKLOX5js.W.call(void 0, "isTouchScreenPortrait")?"!pl-fixed !pl-right-0 !pl-left-0 !pl-bottom-0 !pl-w-full !pl-mb-0 pl-rounded-[12px] !pl-rounded-b-none !pl-bg-white":"before:pl-hidden"} 
+                        ${i!=="modal"&&"pl-absolute pl-bottom-[130%] pl-overflow-auto no-scrollbar"}
+                        ${r}
+                        `,style:{height:$||"max-content",zIndex:1000003,...f},ref:M,id:"popover-content",children:_jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment,{children:[c&&_jsxruntime.jsx.call(void 0, "div",{onTouchMove:y?ao:()=>{},onTouchEndCapture:y?co:()=>{},className:"pl-py-4",children:y&&_jsxruntime.jsx.call(void 0, "div",{className:"pl-absolute pl-top-[10px] pl-right-[50%] pl-mr-[-25px] pl-text-center pl-w-8 pl-h-1 pl-rounded-[20px] pl-bg-gray-highLight"})}),_jsxruntime.jsx.call(void 0, "div",{className:`pl-overflow-y-auto pl-h-full pl-w-full ${!g&&"no-scrollbar"}`,onTouchMove:k=>k.stopPropagation(),children:e})]})})})]});return _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment,{children:F&&_jsxruntime.jsx.call(void 0, _jsxruntime.Fragment,{children:i==="modal"?_reactdom.createPortal.call(void 0, _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment,{children:ze}),document.getElementById("dialog-react-root-videoPlayer")):_jsxruntime.jsx.call(void 0, "div",{children:ze})})})});$t.displayName="popover";var R=$t;_chunkA3BCKK27js.e.call(void 0, );_chunkA3BCKK27js.e.call(void 0, );var ml=(e,o)=>{_react.useEffect.call(void 0, ()=>{let l=i=>{!e.current||e.current.contains(i.target)||o(i)};return document.addEventListener("mousedown",l),document.addEventListener("touchstart",l),()=>{document.removeEventListener("mousedown",l),document.removeEventListener("touchstart",l)}},[e,o])},H=ml;var hl=({setSection:e,showQualityLevelsIcon:o})=>{let l=_chunkEYNKLOX5js.X.call(void 0, ),{qualityLevels:i}=_chunkEYNKLOX5js.Y.call(void 0, ({controller:{qualityLevels:m,manualQuality:g,autoQuality:_,showMiniPlayer:M}})=>({qualityLevels:m,manualQuality:g,autoQuality:_,showMiniPlayer:M}),_reactredux.shallowEqual),{settings:r}=_chunkEYNKLOX5js.Y.call(void 0, ({user:{settings:m}})=>({settings:m}),_reactredux.shallowEqual),{qualityLevelsPopover:a}=_chunkEYNKLOX5js.Y.call(void 0, ({popovers:{qualityLevelsPopover:m}})=>({qualityLevelsPopover:m}),_reactredux.shallowEqual);_chunkEYNKLOX5js.Y.call(void 0, ({videoData:{params:m,videoElementSizeInfo:g}})=>({params:m,videoElementSizeInfo:g}),_reactredux.shallowEqual);let[f,s]=_react.useState.call(void 0, !1);i=[-1,...i];let u=(m,g)=>_chunkEYNKLOX5js.W.call(void 0, "isAutoQuality")&&g===-1?!0:!_chunkEYNKLOX5js.W.call(void 0, "isAutoQuality")&&r.quality===m,c=_react.useRef.call(void 0, null);H(c,()=>{a&&l(_chunkEYNKLOX5js.C.call(void 0, !1))});let y=_jsxruntime.jsx.call(void 0, "div",{id:"qualityLevels",className:"animate__animated animate__fadeIn pl-py-2",children:_jsxruntime.jsx.call(void 0, "ul",{className:"pl-flex pl-flex-col",children:i.map((m,g)=>_jsxruntime.jsxs.call(void 0, "li",{className:`pl-flex pl-items-center pl-text-[14px] pl-font-medium pl-rounded-[4px] pl-relative pl-cursor-pointer pl-leading-6 pl-p-1 pl-pr-2 ${u(g-1,m)&&"pl-bg-primary/[0.12] !pl-cursor-default"}`,onClick:u(g-1,m)?()=>{}:()=>{_chunkDXDG2ALZjs.t.call(void 0, _chunkDXDG2ALZjs.g.call(void 0, m===-1?"auto":`${m}P`)),l(_chunkEYNKLOX5js.f.call(void 0, !1)),l(_chunkEYNKLOX5js.A.call(void 0, !1)),l(_chunkEYNKLOX5js.C.call(void 0, !1)),l(_chunkEYNKLOX5js.E.call(void 0, {...r,quality:m===-1?-1:g-1})),e&&e("main")},children:[!_chunkEYNKLOX5js.W.call(void 0, "isTouchScreen")&&u(g-1,m)&&_jsxruntime.jsx.call(void 0, "div",{className:"pl-absolute pl-right-[10px]",children:_jsxruntime.jsx.call(void 0, _image2.default,{src:_chunkB2G6UUYPjs.a.tick,alt:"",width:12,height:9})}),_chunkEYNKLOX5js.W.call(void 0, "isTouchScreen")&&_jsxruntime.jsx.call(void 0, "div",{className:`pl-w-5 pl-h-5 pl-rounded-full pl-border pl-border-black/[0.5] pl-p-0.5 ${u(g-1,m)&&"pl-border-primary"} pl-mr-[10px]`,children:u(g-1,m)&&_jsxruntime.jsx.call(void 0, "div",{className:"pl-w-full pl-h-full pl-rounded-full pl-bg-primary"})}),_jsxruntime.jsx.call(void 0, "span",{className:`pl-w-full pl-px-2 pl-py-1 ${_chunkEYNKLOX5js.W.call(void 0, "isTouchScreen")?"pl-pr-[21px]":"pl-pr-[36px]"}`,children:m===-1?_jsxruntime.jsxs.call(void 0, "span",{children:[_jsxruntime.jsx.call(void 0, "span",{className:"pl-text-[12px] pl-font-medium",children:"\u062E\u0648\u062F\u06A9\u0627\u0631 "}),_jsxruntime.jsx.call(void 0, "span",{className:"pl-text-[10px] pl-font-normal pl-text-black/[0.87]",children:"(\u0628\u0631 \u0627\u0633\u0627\u0633 \u0633\u0631\u0639\u062A \u0627\u06CC\u0646\u062A\u0631\u0646\u062A \u0634\u0645\u0627)"})]}):`${m}p`})]},g))})});return _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment,{children:o?_jsxruntime.jsxs.call(void 0, "div",{className:"pl-relative pl-flex pl-items-center",children:[_jsxruntime.jsx.call(void 0, _image2.default,{src:_chunkB2G6UUYPjs.a.qualitySetting1,alt:"speed-icon",width:20,height:20,onClick:()=>l(_chunkEYNKLOX5js.C.call(void 0, !0)),onMouseOver:()=>!_chunkEYNKLOX5js.W.call(void 0, "isTouchScreen")&&!_chunkEYNKLOX5js.W.call(void 0, "showQualityLevelsPopover")&&s(!0),onMouseLeave:()=>!_chunkEYNKLOX5js.W.call(void 0, "isTouchScreen")&&s(!1),className:"pl-cursor-pointer"}),f&&_jsxruntime.jsx.call(void 0, C,{title:"\u06A9\u06CC\u0641\u06CC\u062A \u067E\u062E\u0634"}),_jsxruntime.jsx.call(void 0, R,{classNames:`!pl-p-0 pl-overflow-hidden !pl-bg-white ${_chunkEYNKLOX5js.W.call(void 0, "isTouchScreen")?"!pl-fixed !pl-bottom-0 !pl-rounded-t-[20px] pl-rounded-b-none":"pl-right-0 pl-mb-[33px] !pl-rounded-[12px] pl-w-[230px]"} ${_chunkEYNKLOX5js.W.call(void 0, "isTouchScreenPortrait")&&"!pl-w-screen tablet:pl-max-w-[285px]"} ${_chunkEYNKLOX5js.W.call(void 0, "isTouchScreenLandscape")&&"pl-w-full pl-max-w-[285px]"}`,status:a,onClose:()=>l(_chunkEYNKLOX5js.C.call(void 0, !1)),type:_chunkEYNKLOX5js.W.call(void 0, "isTouchScreen")?"modal":"popover",isBlurBackground:_chunkEYNKLOX5js.W.call(void 0, "isTouchScreenPortrait"),ref:c,isHeader:_chunkEYNKLOX5js.W.call(void 0, "isTouchScreen"),customHeader:_jsxruntime.jsx.call(void 0, _jsxruntime.Fragment,{}),isHasCatchUpLineOnTop:_chunkEYNKLOX5js.W.call(void 0, "isTouchScreen"),children:y})]}):_jsxruntime.jsx.call(void 0, _jsxruntime.Fragment,{children:y})})},de=_react.memo.call(void 0, hl);_chunkA3BCKK27js.e.call(void 0, );var yl=[.5,.75,1,1.25,1.5,1.75,2],xl=({setSection:e,showSpeedIcon:o})=>{let l=_chunkEYNKLOX5js.X.call(void 0, );_chunkEYNKLOX5js.Y.call(void 0, ({controller:{showMiniPlayer:c}})=>({showMiniPlayer:c}),_reactredux.shallowEqual),_chunkEYNKLOX5js.Y.call(void 0, ({videoData:{videoElementSizeInfo:c,params:y}})=>({videoElementSizeInfo:c,params:y}),_reactredux.shallowEqual);let{speedPopover:i}=_chunkEYNKLOX5js.Y.call(void 0, ({popovers:{speedPopover:c}})=>({speedPopover:c}),_reactredux.shallowEqual),{settings:r}=_chunkEYNKLOX5js.Y.call(void 0, ({user:{settings:c}})=>({settings:c}),_reactredux.shallowEqual),a=_react.useRef.call(void 0, null),[f,s]=_react.useState.call(void 0, !1);H(a,()=>{i&&l(_chunkEYNKLOX5js.B.call(void 0, !1))}),_react.useEffect.call(void 0, ()=>{_chunkDXDG2ALZjs.a.call(void 0, )&&(_chunkDXDG2ALZjs.a.call(void 0, ).playbackRate=r.speed)},[]);let u=_jsxruntime.jsx.call(void 0, "div",{id:"speed",className:"animate__animated animate__fadeIn pl-py-2",children:_jsxruntime.jsx.call(void 0, "ul",{className:"pl-flex pl-flex-col",children:yl.map((c,y)=>_jsxruntime.jsxs.call(void 0, "li",{className:`pl-flex pl-items-center pl-text-[14px] pl-font-medium pl-rounded-[4px] pl-relative pl-cursor-pointer pl-leading-6 pl-p-1 pl-pr-2 ${r.speed===c&&"pl-bg-primary/[0.12] !pl-cursor-default"}`,onClick:r.speed===c?()=>{}:()=>{_chunkEYNKLOX5js.W.call(void 0, "isStaticFormat")||_chunkDXDG2ALZjs.t.call(void 0, _chunkDXDG2ALZjs.f.call(void 0, c)),l(_chunkEYNKLOX5js.f.call(void 0, !1)),l(_chunkEYNKLOX5js.A.call(void 0, !1)),l(_chunkEYNKLOX5js.B.call(void 0, !1)),l(_chunkEYNKLOX5js.E.call(void 0, {...r,speed:c})),_chunkDXDG2ALZjs.a.call(void 0, ).playbackRate=c,e&&e("main")},children:[!_chunkEYNKLOX5js.W.call(void 0, "isTouchScreen")&&r.speed===c&&_jsxruntime.jsx.call(void 0, "div",{className:"pl-absolute pl-right-[10px]",children:_jsxruntime.jsx.call(void 0, _image2.default,{src:_chunkB2G6UUYPjs.a.tick,alt:"",width:12,height:9})}),_chunkEYNKLOX5js.W.call(void 0, "isTouchScreen")&&_jsxruntime.jsx.call(void 0, "div",{className:`pl-w-5 pl-h-5 pl-rounded-full pl-border pl-border-black/[0.5] pl-p-0.5 ${r.speed===c&&"pl-border-primary"} pl-mr-[10px]`,children:r.speed===c&&_jsxruntime.jsx.call(void 0, "div",{className:"pl-w-full pl-h-full pl-rounded-full pl-bg-primary"})}),_jsxruntime.jsx.call(void 0, "p",{className:"pl-w-full pl-px-2 pl-py-1 pl-pr-[36px] pl-flex pl-items-center pl-gap-2",children:c})]},y))})});return _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment,{children:o?_jsxruntime.jsxs.call(void 0, "div",{className:"pl-relative pl-flex pl-items-center",children:[_jsxruntime.jsx.call(void 0, _image2.default,{src:_chunkB2G6UUYPjs.a.speed1,alt:"speed-icon",width:20,height:20,onClick:()=>l(_chunkEYNKLOX5js.B.call(void 0, !0)),onMouseOver:()=>!_chunkEYNKLOX5js.W.call(void 0, "isTouchScreen")&&!_chunkEYNKLOX5js.W.call(void 0, "showSpeedPopover")&&s(!0),onMouseLeave:()=>!_chunkEYNKLOX5js.W.call(void 0, "isTouchScreen")&&s(!1),className:"pl-cursor-pointer"}),f&&_jsxruntime.jsx.call(void 0, C,{title:"\u0633\u0631\u0639\u062A"}),_jsxruntime.jsx.call(void 0, R,{classNames:`!pl-p-0 pl-overflow-hidden !pl-bg-white ${_chunkEYNKLOX5js.W.call(void 0, "isTouchScreen")?"!pl-fixed !pl-bottom-0 !pl-rounded-t-[20px] pl-rounded-b-none":"!pl-w-[230px] pl-right-0 pl-mb-[33px] !pl-rounded-[12px]"} ${_chunkEYNKLOX5js.W.call(void 0, "isTouchScreenPortrait")&&"!pl-w-screen tablet:!pl-max-w-[285px] tablet:!pl-mx-auto"} ${_chunkEYNKLOX5js.W.call(void 0, "isTouchScreenLandscape")&&"pl-w-full pl-max-w-[285px]"}`,status:i,onClose:()=>l(_chunkEYNKLOX5js.B.call(void 0, !1)),type:_chunkEYNKLOX5js.W.call(void 0, "isTouchScreen")?"modal":"popover",isBlurBackground:_chunkEYNKLOX5js.W.call(void 0, "isTouchScreenPortrait"),ref:a,isHeader:_chunkEYNKLOX5js.W.call(void 0, "isTouchScreen"),customHeader:_jsxruntime.jsx.call(void 0, _jsxruntime.Fragment,{}),isHasCatchUpLineOnTop:_chunkEYNKLOX5js.W.call(void 0, "isTouchScreen"),children:u})]}):_jsxruntime.jsx.call(void 0, _jsxruntime.Fragment,{children:u})})},he=xl;var Tl=()=>{let e=_chunkEYNKLOX5js.X.call(void 0, );_chunkEYNKLOX5js.Y.call(void 0, ({videoData:{params:s}})=>({params:s}),_reactredux.shallowEqual);let{settingPopover:o}=_chunkEYNKLOX5js.Y.call(void 0, ({popovers:{settingPopover:s}})=>({settingPopover:s}),_reactredux.shallowEqual),[l,i]=_react.useState.call(void 0, "main"),[r,a]=_react.useState.call(void 0, !1),f=_react.useRef.call(void 0, null);return H(f,()=>{e(_chunkEYNKLOX5js.A.call(void 0, !1)),setTimeout(()=>i("main"),500)}),_jsxruntime.jsxs.call(void 0, "div",{className:`pl-inline-flex ${_chunkEYNKLOX5js.W.call(void 0, "isLandscape")&&"pl-relative"}`,ref:f,children:[_jsxruntime.jsxs.call(void 0, "div",{className:"pl-flex pl-items-center pl-relative pl-cursor-pointer",onClick:()=>e(_chunkEYNKLOX5js.A.call(void 0, !o)),onMouseOver:()=>!_chunkEYNKLOX5js.W.call(void 0, "isTouchScreen")&&!_chunkEYNKLOX5js.W.call(void 0, "showSettingPopover")&&a(!0),onMouseLeave:()=>!_chunkEYNKLOX5js.W.call(void 0, "isTouchScreen")&&a(!1),children:[_jsxruntime.jsx.call(void 0, _image2.default,{src:_chunkB2G6UUYPjs.a.settings,alt:"",width:20,height:20}),r&&_jsxruntime.jsx.call(void 0, C,{title:"\u062A\u0646\u0638\u06CC\u0645\u0627\u062A"})]}),_jsxruntime.jsx.call(void 0, R,{classNames:`!pl-p-0 pl-overflow-hidden !pl-bg-white ${_chunkEYNKLOX5js.W.call(void 0, "isTouchScreen")?"!pl-fixed !pl-bottom-0 !pl-rounded-t-[20px] pl-rounded-b-none":"!pl-w-[230px] pl-right-0 pl-mb-[33px] !pl-rounded-[12px]"} ${_chunkEYNKLOX5js.W.call(void 0, "isTouchScreenPortrait")&&"!pl-w-screen tablet:!pl-max-w-[285px] tablet:!pl-mx-auto"} ${_chunkEYNKLOX5js.W.call(void 0, "isTouchScreenLandscape")&&"pl-w-full pl-max-w-[285px]"}`,status:o,onClose:()=>{e(_chunkEYNKLOX5js.A.call(void 0, !1)),setTimeout(()=>i("main"),500)},type:_chunkEYNKLOX5js.W.call(void 0, "isTouchScreen")?"modal":"popover",isBlurBackground:_chunkEYNKLOX5js.W.call(void 0, "isTouchScreenPortrait"),ref:f,isHeader:_chunkEYNKLOX5js.W.call(void 0, "isTouchScreen"),customHeader:_jsxruntime.jsx.call(void 0, _jsxruntime.Fragment,{}),isHasCatchUpLineOnTop:_chunkEYNKLOX5js.W.call(void 0, "isTouchScreen"),children:_jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment,{children:[l==="main"&&_jsxruntime.jsxs.call(void 0, "div",{id:"main",className:"pl-p-4 pl-rounded-[10px] pl-flex pl-flex-col pl-gap-5 animate__animated animate__fadeIn",children:[!_chunkEYNKLOX5js.W.call(void 0, "isStaticFormat")&&_jsxruntime.jsx.call(void 0, _jsxruntime.Fragment,{children:_jsxruntime.jsxs.call(void 0, "div",{className:"pl-flex pl-items-center pl-gap-[10px] pl-cursor-pointer",onClick:()=>i("qualityLevels"),children:[_jsxruntime.jsx.call(void 0, _image2.default,{src:_chunkB2G6UUYPjs.a.qualitySetting,alt:"",width:16,height:16}),_jsxruntime.jsx.call(void 0, "p",{className:"pl-ml-auto pl-text-[12px] pl-font-medium",children:"\u06A9\u06CC\u0641\u06CC\u062A \u067E\u062E\u0634"}),_jsxruntime.jsx.call(void 0, _image2.default,{src:_chunkB2G6UUYPjs.a.chevronLeft,alt:"",width:16,height:16})]})}),_jsxruntime.jsxs.call(void 0, "div",{className:"pl-flex pl-items-center pl-gap-[10px] pl-cursor-pointer",onClick:()=>i("speed"),children:[_jsxruntime.jsx.call(void 0, _image2.default,{src:_chunkB2G6UUYPjs.a.speed,alt:"",width:20,height:20}),_jsxruntime.jsx.call(void 0, "p",{className:"pl-ml-auto pl-text-[12px] pl-font-medium",children:"\u0633\u0631\u0639\u062A"}),_jsxruntime.jsx.call(void 0, _image2.default,{src:_chunkB2G6UUYPjs.a.chevronLeft,alt:"",width:16,height:16})]})]}),l==="qualityLevels"&&_jsxruntime.jsx.call(void 0, de,{setSection:i}),l==="speed"&&_jsxruntime.jsx.call(void 0, he,{setSection:i})]})})]})},Rt=_react.memo.call(void 0, Tl);_chunkA3BCKK27js.e.call(void 0, );var Pl=()=>{let{duration:e,currentTime:o}=_chunkEYNKLOX5js.Y.call(void 0, ({controller:{duration:l,currentTime:i}})=>({duration:l,currentTime:i}),_reactredux.shallowEqual);return _chunkEYNKLOX5js.Y.call(void 0, ({videoData:{videoElementSizeInfo:l,params:i}})=>({videoElementSizeInfo:l,params:i}),_reactredux.shallowEqual),_jsxruntime.jsx.call(void 0, _jsxruntime.Fragment,{children:_jsxruntime.jsxs.call(void 0, "div",{className:`pl-mr-auto !pl-text-white pl-w-full pl-max-w-max pl-text-[12px] pl-font-bold ${_chunkEYNKLOX5js.W.call(void 0, "isFullScreen")?"pl-ml-8":"pl-ml-4"} ${_chunkEYNKLOX5js.W.call(void 0, "isTouchScreenPortrait")&&"!pl-ml-0"}`,children:[_jsxruntime.jsx.call(void 0, "span",{children:_chunkEYNKLOX5js.K.call(void 0, e)}),_jsxruntime.jsx.call(void 0, "span",{children:" / "}),_jsxruntime.jsx.call(void 0, "span",{children:_chunkEYNKLOX5js.K.call(void 0, o)})]})})},ge=Pl;_chunkA3BCKK27js.e.call(void 0, );var Cl=()=>_jsxruntime.jsx.call(void 0, _image2.default,{src:_chunkB2G6UUYPjs.a.unlock,alt:"unlock-icon",width:20,height:20,onClick:()=>_chunkPWG4S5I5js.f.call(void 0, "lock")}),Vt=Cl;var _l=()=>{_chunkEYNKLOX5js.Y.call(void 0, ({controller:{isFullScreen:o,showMiniPlayer:l}})=>({isFullScreen:o,showMiniPlayer:l}),_reactredux.shallowEqual),_chunkEYNKLOX5js.Y.call(void 0, ({videoData:{videoElementSizeInfo:o,params:l}})=>({videoElementSizeInfo:o,params:l}),_reactredux.shallowEqual);let e="";return _chunkEYNKLOX5js.W.call(void 0, "isTouchScreen")?_chunkEYNKLOX5js.W.call(void 0, "isFullScreen")?e="pl-mx-6":e="pl-mx-4":_chunkEYNKLOX5js.W.call(void 0, "isFullScreen")?e="pl-mx-8":e="pl-mx-4",_jsxruntime.jsxs.call(void 0, "div",{id:"player-controllbar",className:`pl-flex pl-justify-between pl-items-center ${e}`,children:[_jsxruntime.jsxs.call(void 0, "div",{className:"pl-flex pl-items-center pl-gap-5",children:[!_chunkEYNKLOX5js.W.call(void 0, "showMiniPlayer")&&_jsxruntime.jsx.call(void 0, Ct,{}),_chunkEYNKLOX5js.W.call(void 0, "isTouchScreenLandscape")&&_jsxruntime.jsx.call(void 0, Vt,{}),_chunkEYNKLOX5js.W.call(void 0, "showPictureInPicture")&&_jsxruntime.jsx.call(void 0, _t,{}),_chunkEYNKLOX5js.W.call(void 0, "showSettingIcon")&&_jsxruntime.jsx.call(void 0, Rt,{}),_chunkEYNKLOX5js.W.call(void 0, "isFullScreen")&&!_chunkEYNKLOX5js.W.call(void 0, "isStaticFormat")&&_jsxruntime.jsx.call(void 0, de,{showQualityLevelsIcon:!0}),(_chunkEYNKLOX5js.W.call(void 0, "isFullScreen")||_chunkEYNKLOX5js.W.call(void 0, "isStaticFormat"))&&_jsxruntime.jsx.call(void 0, he,{showSpeedIcon:!0})]}),_jsxruntime.jsxs.call(void 0, "div",{className:"pl-flex pl-items-center pl-gap-5",children:[_chunkEYNKLOX5js.W.call(void 0, "isTouchScreenPortrait")&&_jsxruntime.jsx.call(void 0, ge,{}),!_chunkEYNKLOX5js.W.call(void 0, "isIOS")&&_jsxruntime.jsx.call(void 0, Ft,{})]})]})},Qt=_react.memo.call(void 0, _l);_chunkA3BCKK27js.e.call(void 0, );var Al=()=>{let e=_chunkEYNKLOX5js.X.call(void 0, ),{isLoading:o}=_chunkEYNKLOX5js.Y.call(void 0, ({controller:{isLoading:i}})=>({isLoading:i}),_reactredux.shallowEqual),{showCheckInternetSnackBar:l}=_chunkEYNKLOX5js.Y.call(void 0, ({videoData:{showCheckInternetSnackBar:i}})=>({showCheckInternetSnackBar:i}),_reactredux.shallowEqual);return _react.useEffect.call(void 0, ()=>{let i=null;return clearTimeout(i),_chunkEYNKLOX5js.W.call(void 0, "isLoading")?(i=setTimeout(()=>{_chunkEYNKLOX5js.G.getState().controller.isLoading&&e(_chunkEYNKLOX5js.z.call(void 0, !0))},_chunkAUOAZWTSjs.b),i=setTimeout(()=>{e(_chunkEYNKLOX5js.z.call(void 0, !1)),e(_chunkEYNKLOX5js.f.call(void 0, !1))},_chunkAUOAZWTSjs.c)):(e(_chunkEYNKLOX5js.z.call(void 0, !1)),clearTimeout(i),e(_chunkEYNKLOX5js.f.call(void 0, !1))),()=>clearTimeout(i)},[o]),_jsxruntime.jsx.call(void 0, "div",{className:`pl-absolute pl-bottom-0 pl-w-full pl-flex pl-justify-center pl-mb-[20px] animate__animated animate__faster ${l?"animate__fadeIn":"animate__fadeOut"} ${_chunkEYNKLOX5js.W.call(void 0, "showMiniPlayer")?"pl-z-[10]":"pl-z-[-1]"}`,children:_jsxruntime.jsxs.call(void 0, "div",{className:"pl-flex pl-items-center pl-gap-3 pl-bg-background pl-w-max pl-px-[18px] pl-py-4 pl-rounded-[8px]",children:[_jsxruntime.jsx.call(void 0, _image2.default,{src:_chunkB2G6UUYPjs.a.infoCircle,alt:"info-circle",width:16,height:16}),_jsxruntime.jsx.call(void 0, "p",{className:"pl-text-[12px] pl-text-white/[0.9]",children:"\u0644\u0637\u0641\u0627 \u0648\u0636\u0639\u06CC\u062A \u0627\u06CC\u0646\u062A\u0631\u0646\u062A \u062E\u0648\u062F \u0631\u0627 \u0628\u0631\u0631\u0633\u06CC \u06A9\u0646\u06CC\u062F."})]})})},Se=Al;var Ol=()=>{_chunkEYNKLOX5js.Y.call(void 0, ({controller:{lock:o,isFullScreen:l,isLoading:i,activeElements:r}})=>({lock:o,isFullScreen:l,isLoading:i,activeElements:r}),_reactredux.shallowEqual);let e="";return _chunkEYNKLOX5js.W.call(void 0, "isTouchScreen")?_chunkEYNKLOX5js.W.call(void 0, "isFullScreen")?e="pl-gap-6 pl-mb-6":e="pl-gap-6 pl-mb-0":_chunkEYNKLOX5js.W.call(void 0, "isFullScreen")?e="pl-gap-6 pl-mb-8":e="pl-gap-4 pl-mb-3",_jsxruntime.jsx.call(void 0, "div",{id:"footer",className:"pl-relative",style:{zIndex:4},children:_jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment,{children:[!_chunkEYNKLOX5js.W.call(void 0, "isLock")&&_jsxruntime.jsx.call(void 0, _jsxruntime.Fragment,{children:_jsxruntime.jsxs.call(void 0, "div",{className:`pl-flex pl-flex-col pl-w-full pl-mx-auto animate__animated animate__faster ${e} ${_chunkEYNKLOX5js.W.call(void 0, "isActiveElements")&&!_chunkEYNKLOX5js.W.call(void 0, "isLoading")?"animate__fadeIn pl-pointer-events-auto":"animate__fadeOut pl-pointer-events-none"}`,children:[!_chunkEYNKLOX5js.W.call(void 0, "isTouchScreenPortrait")&&_jsxruntime.jsx.call(void 0, ge,{}),_chunkEYNKLOX5js.W.call(void 0, "showProgressbar")&&_jsxruntime.jsx.call(void 0, It,{}),_jsxruntime.jsx.call(void 0, Qt,{})]})}),_jsxruntime.jsx.call(void 0, Se,{})]})})},Zt=Ol;_chunkA3BCKK27js.e.call(void 0, );var _dynamic = require('next/dynamic'); var _dynamic2 = _interopRequireDefault(_dynamic);var Bl=_dynamic2.default.call(void 0, ()=>Promise.resolve().then(() => _interopRequireWildcard(require("./staticVideoTag-XP5YU732.js")))),ql=_dynamic2.default.call(void 0, ()=>Promise.resolve().then(() => _interopRequireWildcard(require("./nonStaticVideoTag-ZEIK3NO3.js")))),zl=()=>_jsxruntime.jsx.call(void 0, _jsxruntime.Fragment,{children:_chunkEYNKLOX5js.W.call(void 0, "isStaticFormat")?_jsxruntime.jsx.call(void 0, Bl,{}):_jsxruntime.jsx.call(void 0, ql,{})}),Kt=zl;_chunkA3BCKK27js.e.call(void 0, );var Vl=()=>{let e=_chunkEYNKLOX5js.X.call(void 0, );_chunkEYNKLOX5js.Y.call(void 0, ({videoData:{params:o}})=>({params:o}),_reactredux.shallowEqual),_react.useEffect.call(void 0, ()=>{let o=()=>{document.fullscreenElement?e(_chunkEYNKLOX5js.h.call(void 0, !0)):(e(_chunkEYNKLOX5js.h.call(void 0, !1)),_chunkPWG4S5I5js.h.call(void 0, ),_chunkDXDG2ALZjs.t.call(void 0, _chunkDXDG2ALZjs.j.call(void 0, "exitFullScreen")))};document.addEventListener&&(document.addEventListener("webkitfullscreenchange",o,!1),document.addEventListener("mozfullscreenchange",o,!1),document.addEventListener("fullscreenchange",o,!1),document.addEventListener("MSFullscreenChange",o,!1))},[])},jt=Vl;_chunkA3BCKK27js.e.call(void 0, );var Ql=(e,o)=>{let l=_chunkEYNKLOX5js.X.call(void 0, ),{activeElements:i}=_chunkEYNKLOX5js.Y.call(void 0, ({controller:{activeElements:s}})=>({activeElements:s}),_reactredux.shallowEqual),r=_react.useRef.call(void 0, null),a=_react.useRef.call(void 0, e),f=_react.useRef.call(void 0, o);_react.useEffect.call(void 0, ()=>{a.current=e},[e]),_react.useEffect.call(void 0, ()=>{f.current=o},[o]),_react.useEffect.call(void 0, ()=>{let s=!1,u=m=>{let{activeElements:g,isEnded:_}=_chunkEYNKLOX5js.G.getState().controller;_?l(_chunkEYNKLOX5js.f.call(void 0, !0)):m.pointerType==="mouse"&&(clearTimeout(r.current),g?["player-tag","main-content","player-controllbar","video-opacity","playerElements","touchBackward","touchForward"].includes(m.target.id)&&(s=!0):l(_chunkEYNKLOX5js.f.call(void 0, !0)),r.current=setTimeout(()=>{let{settingPopover:M,speedPopover:F,qualityLevelsPopover:A}=_chunkEYNKLOX5js.G.getState().popovers,{play:$}=_chunkEYNKLOX5js.G.getState().controller;!M&&!F&&!A&&$&&s&&l(_chunkEYNKLOX5js.f.call(void 0, !1))},_chunkAUOAZWTSjs.a))},c=m=>{setTimeout(()=>{let{activeElements:g,isEnded:_,firstPlay:M}=_chunkEYNKLOX5js.G.getState().controller;if(clearTimeout(r.current),_)return l(_chunkEYNKLOX5js.f.call(void 0, !0));_chunkEYNKLOX5js.J.call(void 0, )&&!M&&!a.current&&!f.current&&(["player-tag","main-content","video-opacity","touchBackward","touchForward"].includes(m.target.id)||_chunkEYNKLOX5js.N.call(void 0, m,"playerElements")?(l(_chunkEYNKLOX5js.f.call(void 0, !g)),r.current=setTimeout(()=>{let{settingPopover:F,speedPopover:A,qualityLevelsPopover:$}=_chunkEYNKLOX5js.G.getState().popovers;!F&&!A&&!$&&l(_chunkEYNKLOX5js.f.call(void 0, !1))},_chunkAUOAZWTSjs.a)):r.current=setTimeout(()=>{let{settingPopover:F,speedPopover:A,qualityLevelsPopover:$}=_chunkEYNKLOX5js.G.getState().popovers;!F&&!A&&!$&&l(_chunkEYNKLOX5js.f.call(void 0, !1))},_chunkAUOAZWTSjs.a))},200)},y=()=>{clearTimeout(r.current),r.current=setTimeout(()=>{let{activeElements:m,isEnded:g}=_chunkEYNKLOX5js.G.getState().controller,{settingPopover:_,speedPopover:M,qualityLevelsPopover:F}=_chunkEYNKLOX5js.G.getState().popovers;g?l(_chunkEYNKLOX5js.f.call(void 0, !0)):!_&&!M&&!F&&m&&!g&&l(_chunkEYNKLOX5js.f.call(void 0, !m))},_chunkAUOAZWTSjs.a)};return document.getElementById("video-area").addEventListener("touchstart",c),document.getElementById("video-area").addEventListener("touchmove",y),document.getElementById("video-area").addEventListener("pointermove",u),()=>{let m=document.getElementById("video-area");m&&(m.removeEventListener("touchstart",c),m.removeEventListener("touchmove",y),m.removeEventListener("pointermove",u))}},[i,e,o])},eo=Ql;_chunkA3BCKK27js.e.call(void 0, );var Yl=()=>{let{firstPlay:e,showMiniPlayer:o,isFullScreen:l}=_chunkEYNKLOX5js.Y.call(void 0, ({controller:{firstPlay:i,showMiniPlayer:r,isFullScreen:a}})=>({firstPlay:i,showMiniPlayer:r,isFullScreen:a}),_reactredux.shallowEqual);_react.useEffect.call(void 0, ()=>{if(_chunkDXDG2ALZjs.a.call(void 0, )){let i,r=()=>{_chunkEYNKLOX5js.W.call(void 0, "showMiniPlayer")||(i=setTimeout(()=>{_chunkPWG4S5I5js.h.call(void 0, )},_chunkEYNKLOX5js.J.call(void 0, )?0:300))};return r(),window.addEventListener("resize",r),()=>{window.removeEventListener("resize",r),clearTimeout(i)}}},[e,o,l,_chunkDXDG2ALZjs.a.call(void 0, )])},to=Yl;var Zl=_dynamic2.default.call(void 0, ()=>Promise.resolve().then(() => _interopRequireWildcard(require("./touchVolumeBrightness-GBJRENZL.js")))),ro=_dynamic2.default.call(void 0, ()=>Promise.resolve().then(() => _interopRequireWildcard(require("./backwardForward-K7BDXF77.js")))),Jl=()=>{let[e,o]=_react.useState.call(void 0, !1),[l,i]=_react.useState.call(void 0, !1),r=_chunkEYNKLOX5js.X.call(void 0, ),{details:a,params:f}=_chunkEYNKLOX5js.Y.call(void 0, ({videoData:{details:s,params:u,videoElementSizeInfo:c,showCheckInternetSnackBar:y}})=>({details:s,params:u,videoElementSizeInfo:c,showCheckInternetSnackBar:y}),_reactredux.shallowEqual);return _chunkEYNKLOX5js.Y.call(void 0, ({controller:{firstPlay:s,showMiniPlayer:u,isFullScreen:c,isLoading:y}})=>({firstPlay:s,showMiniPlayer:u,isFullScreen:c,isLoading:y}),_reactredux.shallowEqual),jt(),to(),eo(e,l),_jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment,{children:[_chunkEYNKLOX5js.W.call(void 0, "showMiniPlayer")&&_jsxruntime.jsx.call(void 0, "div",{id:"black-video-area",className:`pl-relative pl-w-full pl-aspect-video pl-bg-black pl-rounded ${!_chunkEYNKLOX5js.W.call(void 0, "isTouchScreen")&&!_chunkEYNKLOX5js.W.call(void 0, "isFullScreen")&&"!pl-rounded-[12px]"}`}),_jsxruntime.jsxs.call(void 0, "div",{id:"video-area",style:{zIndex:_chunkEYNKLOX5js.W.call(void 0, "showMiniPlayer")?1000005:_chunkEYNKLOX5js.W.call(void 0, "isFullScreen")?1e6:"unset"},onClick:s=>_chunkEYNKLOX5js.W.call(void 0, "isFirstPlay")&&_chunkPWG4S5I5js.a.call(void 0, s),onDoubleClick:s=>!_chunkEYNKLOX5js.W.call(void 0, "showMiniPlayer")&&_chunkPWG4S5I5js.i.call(void 0, s),className:`!pl-bg-contain !pl-bg-center !pl-bg-no-repeat pl-h-full pl-bg-black pl-max-h-screen pl-aspect-video pl-flex pl-items-center ${!_chunkEYNKLOX5js.W.call(void 0, "isTouchScreen")&&!_chunkEYNKLOX5js.W.call(void 0, "isFullScreen")&&"!pl-rounded-[12px]"} ${_chunkEYNKLOX5js.W.call(void 0, "isFullScreen")&&"!pl-fixed !pl-w-screen dvh"} ${_chunkEYNKLOX5js.W.call(void 0, "showMiniPlayer")?"!pl-fixed !pl-bottom-[10px] !pl-right-[10px] !pl-w-[95%] !pl-max-w-[400px] !pl-max-h-[225px] pl-aspect-video !pl-rounded-[8px]":"pl-w-full pl-relative"} ${_chunkEYNKLOX5js.W.call(void 0, "showMiniPlayer")&&_chunkEYNKLOX5js.W.call(void 0, "isTouchScreenPortrait")&&"!pl-w-[300px] !pl-aspect-video"} ${!_chunkEYNKLOX5js.W.call(void 0, "isActiveElements")&&"pl-cursor-none"}`,children:[_jsxruntime.jsx.call(void 0, "div",{className:`pl-absolute pl-w-full pl-aspect-video pl-transition-all pl-duration-500 pl-bg-black ${!_chunkEYNKLOX5js.W.call(void 0, "isTouchScreen")&&!_chunkEYNKLOX5js.W.call(void 0, "isFullScreen")&&"!pl-rounded-[12px]"} ${_chunkEYNKLOX5js.W.call(void 0, "isActiveElements")?"pl-bg-opacity-50":"pl-bg-opacity-0"}`}),_chunkEYNKLOX5js.W.call(void 0, "showBanner")&&_jsxruntime.jsx.call(void 0, "div",{className:"pl-absolute pl-w-full pl-h-full pl-flex pl-justify-center",children:_jsxruntime.jsx.call(void 0, _image2.default,{src:_chunkEYNKLOX5js.W.call(void 0, "isStaticFormat")?f.cover:a.banner,layout:"fill",alt:f.bannerAlt?f.bannerAlt:_chunkEYNKLOX5js.W.call(void 0, "isStaticFormat")?"\u0628\u0646\u0631 \u0648\u06CC\u062F\u06CC\u0648 \u067E\u0644\u06CC\u0631 \u06A9\u0627\u0641\u0647 \u0648\u06CC\u062F\u06CC\u0648":a.title,objectFit:"contain",className:`${!_chunkEYNKLOX5js.W.call(void 0, "isTouchScreen")&&!_chunkEYNKLOX5js.W.call(void 0, "isFullScreen")&&"pl-rounded-[12px]"}`})}),_chunkEYNKLOX5js.W.call(void 0, "showMiniPlayer")&&_jsxruntime.jsxs.call(void 0, "div",{className:"pl-z-[100]",children:[_jsxruntime.jsx.call(void 0, "div",{className:"pl-absolute pl-top-3 pl-right-3 pl-cursor-pointer",onClick:()=>r(_chunkEYNKLOX5js.r.call(void 0, void 0)),children:_jsxruntime.jsx.call(void 0, _image2.default,{src:_chunkB2G6UUYPjs.a.closeSquare,alt:"close-square",width:16,height:16})}),_jsxruntime.jsx.call(void 0, "div",{className:`pl-w-full pl-absolute pl-bottom-0 animate__animated animate__faster ${_chunkEYNKLOX5js.W.call(void 0, "isActiveElements")&&!_chunkEYNKLOX5js.W.call(void 0, "isLoading")?"animate__fadeIn pl-pointer-events-auto":"animate__fadeOut pl-pointer-events-none"}`,children:_jsxruntime.jsx.call(void 0, "div",{className:"pl-w-full pl-flex pl-justify-center",children:_jsxruntime.jsx.call(void 0, ae,{})})}),_jsxruntime.jsx.call(void 0, Se,{})]}),_chunkEYNKLOX5js.W.call(void 0, "showTouchVolumeBrightness")&&_jsxruntime.jsx.call(void 0, Zl,{}),_chunkEYNKLOX5js.W.call(void 0, "showBackwardForward")&&_jsxruntime.jsxs.call(void 0, "div",{className:"pl-absolute pl-top-0 pl-right-0 pl-w-full pl-h-full pl-overflow-hidden pl-flex pl-items-center",style:{zIndex:l||e?1000002:1},children:[_jsxruntime.jsx.call(void 0, ro,{type:"touchForward",isRightDoubleTouched:e,setIsRightDoubleTouched:o}),_jsxruntime.jsx.call(void 0, ro,{type:"touchBackward",isLeftDoubleTouched:l,setIsLeftDoubleTouched:i})]}),_jsxruntime.jsx.call(void 0, Kt,{}),!_chunkEYNKLOX5js.W.call(void 0, "showMiniPlayer")&&_jsxruntime.jsx.call(void 0, "div",{id:"playerElements",className:"pl-absolute pl-top-0 pl-right-0 pl-w-full pl-h-full",children:_jsxruntime.jsxs.call(void 0, "div",{className:"pl-flex pl-flex-col pl-justify-between pl-w-full pl-h-full",children:[_chunkEYNKLOX5js.W.call(void 0, "showHeader")&&_jsxruntime.jsx.call(void 0, nt,{}),_chunkEYNKLOX5js.W.call(void 0, "showMain")&&_jsxruntime.jsx.call(void 0, ct,{}),_chunkEYNKLOX5js.W.call(void 0, "showFooter")&&_jsxruntime.jsx.call(void 0, Zt,{})]})})]})]})},Ma= exports.a =Jl;exports.a = Ma;
+//# sourceMappingURL=chunk-SYSS7LEA.js.map

package/chunk-SYSS7LEA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/videoPlayerLibrary/components/custom-components/videoArea/videoArea.tsx","../src/videoPlayerLibrary/components/custom-components/header/header.tsx","../src/videoPlayerLibrary/components/custom-components/title/title.tsx","../src/videoPlayerLibrary/components/custom-components/lockUnlock/lock.tsx","../src/videoPlayerLibrary/components/custom-components/main/main.tsx","../src/videoPlayerLibrary/components/custom-components/playPause/playPause.tsx","../src/videoPlayerLibrary/components/custom-components/footer/footer.tsx","../src/videoPlayerLibrary/components/custom-components/footer/progressbar/progressbar.tsx","../src/videoPlayerLibrary/components/custom-components/tooltip/tooltip.tsx","../src/videoPlayerLibrary/helpers/redux/actions/progressbar.actions.ts","../src/videoPlayerLibrary/components/custom-components/footer/controllbar/controllbar.tsx","../src/videoPlayerLibrary/components/custom-components/fullScreen/fullScreen.tsx","../src/videoPlayerLibrary/components/custom-components/footer/controllbar/controllbarTooltip.tsx","../src/videoPlayerLibrary/components/custom-components/pictureInPicture/pictureInPicture.tsx","../src/videoPlayerLibrary/components/custom-components/soundVolume/soundVolume.tsx","../src/videoPlayerLibrary/components/custom-components/settings/settings.tsx","../src/videoPlayerLibrary/components/custom-components/popover/popover.tsx","../src/videoPlayerLibrary/components/custom-components/qualityLevels/qualityLevels.tsx","../src/videoPlayerLibrary/helpers/hooks/useOnClickOutside.tsx","../src/videoPlayerLibrary/components/custom-components/speed/speed.tsx","../src/videoPlayerLibrary/components/custom-components/elapsedTime/elapsedTime.tsx","../src/videoPlayerLibrary/components/custom-components/lockUnlock/unlock.tsx","../src/videoPlayerLibrary/components/custom-components/checkInternet/checkInternet.tsx","../src/videoPlayerLibrary/components/custom-components/videoTag/videoTag.tsx","../src/videoPlayerLibrary/helpers/hooks/useFullScreen.tsx","../src/videoPlayerLibrary/helpers/hooks/useActiveInActive.tsx","../src/videoPlayerLibrary/helpers/hooks/useHandleResize.tsx"],"names":["init_cjs_shims","Image","useState","shallowEqual","jsx","Title","details","params","useAppSelector","conditions","title_default","jsxs","Lock","importImages_default","handleLock","lock_default","Header","lock","activeElements","header_default","useEffect","PlayPause","play","showMiniPlayer","videoElementSizeInfo","event","handlePlayPause","playPause_default","Main","showIcons","setShowIcons","firstPlay","timeout","backwardForward_default","main_default","memo","getPointerTime","store_default","duration","clientX","getPointerPosition","hideProgressTooltip","progressTooltip","generalStyleTooltipHandler","vttTooltipStyleHandler","element","parentPlayer","videoTag","showProgressTooltip","progressBarTooltip","setTooltipTime","secondsToHMS","handleTimeTooltip","isTimer","handleProgressTime","progressBar","handlePointerDown","timeoutIds","setIsPointerDown","dispatch","setActivePointerProgressBar","setDelayTurnOffControlbar","id","handlePointerMove","activePointerProgressBar","left","handlePointerUp","setTimeoutIds","right","currentTime","handleVideoTimeline","handleTimeout","ids","timeoutIdTemp","settingPopover","delayTurnOffControlbar","setActiveElements","activeElementsTime","handleCatchUpLoadingLog","timer","sendFluentLog","catchUpLoadingLog","handleMouseMove","handleMouseOut","deconstructTimestamp","timestamp","splitStampMilliseconds","timePartsSplit","getSecondsFromTimestamp","timestampParts","getPropsFromDef","def","imageDefSplit","imageUrl","splitCoords","getFullyQualifiedUrl","path","base","getVttCss","vttImageDef","vttUrl","cssObj","baseSplit","imageProps","fetchFile","url","setVttPool","response","setInfo","data","processedVtts","vttDef","vttDefSplit","vttTimingSplit","vttTimeStart","vttTimeEnd","vttCssDef","error","getStyleForTime","time","vttPool","cache","item","objectVtt","Fragment","Tooltip","tooltipTime","isFullScreen","setVttUrl","tooltip_default","ProgressBar","isPointerDown","bufferedTimeWidth","progressBarWidth","progressbar_default","ControllbarTooltip","title","className","controllbarTooltip_default","FullScreen","showTooltip","setShowTooltip","useAppDispatch","handleFullScreen","handleLockOrientation","fullScreen_default","PictureInPicture","pictureInPicture_default","useRef","SoundVolume","settings","primaryVolumeRef","handleMouseUp","volumeLog","setUserSettings","handleMute","type","handleChangeSoundVolume","soundVolume_default","forwardRef","createPortal","Popover","children","status","onClose","classNames","parentClassNames","styles","isBlurBackground","isFullHeight","isHeader","isHasCatchUpLineOnTop","animation","scrollbar","isFocusOnInput","ref","showPopover","setShowPopover","heightOnTouchMove","setHeightOnTouchMove","zIndexOnCatchUp","setZIndexOnCatchUp","popoverContentHeightRef","handleTouchMove","popoverContent","handleTouchEnd","content","popover_default","useOnClickOutside","handler","listener","useOnClickOutside_default","QualityLevels","setSection","showQualityLevelsIcon","qualityLevels","manualQuality","autoQuality","qualityLevelsPopover","handleTickSelectedQuality","index","qualityLevel","qualityLevelsRef","setQualityLevelsPopover","qualityLevelsContent","qualityChangeRequestLog","setSettingPopover","qualityLevels_default","speeds","Speed","showSpeedIcon","speedPopover","speedRef","setSpeedPopover","speedContent","speed","speedChangeLog","speed_default","Settings","section","settingsRef","settings_default","ElapsedTime","elapsedTime_default","Unlock","unlock_default","Controlbar","controllbar_default","CheckInternet","isLoading","showCheckInternetSnackBar","setShowCheckInternetSnackBar","showLoaderTime","notShowingLoaderTime","checkInternet_default","Footer","footer_default","dynamic","StaticVideoTag","NonStaticVideoTag","VideoTag","videoTag_default","useFullScreen","handleChangeFullScreen","setIsFullScreen","handleVideoElementSizeInfo","fullscreenLog","useFullScreen_default","useActiveInActive","isRightDoubleTouched","isLeftDoubleTouched","timeoutRef","isRightDoubleTouchedRef","isLeftDoubleTouchedRef","shouldInActiveElements","isEnded","handleTouchStart","isTouchScreen","checkParentTarget","videoArea","useActiveInActive_default","useHandleResize","handleResize","useHandleResize_default","TouchVolumeBrightness","BackwardForward","VideoArea","setIsRightDoubleTouched","setIsLeftDoubleTouched","handleDoubleClick","setShowMiniPlayer","videoArea_default"],"mappings":"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","sourcesContent":["\"use client\";\r\n\r\nimport Image from \"next/legacy/image\";\r\nimport { MouseEvent, useState } from \"react\";\r\nimport { shallowEqual } from \"react-redux\";\r\nimport Header from \"../header/header\";\r\nimport Main from \"../main/main\";\r\nimport Footer from \"../footer/footer\";\r\nimport VideoTag from \"../videoTag/videoTag\";\r\nimport { useAppDispatch, useAppSelector } from \"../../../helpers/redux/hooks\";\r\nimport { conditions } from \"../../../helpers/conditions/conditions\";\r\nimport { ConditionName, zIndex } from \"../../../helpers/interfaces/enums\";\r\nimport { handleDoubleClick, handlePlayPause } from \"../../../helpers/redux/actions/controller.actions\";\r\nimport useFullScreen from \"../../../helpers/hooks/useFullScreen\";\r\nimport useActiveInActive from \"../../../helpers/hooks/useActiveInActive\";\r\nimport { setShowMiniPlayer } from \"../../../helpers/redux/slices/controllerSlice\";\r\nimport PlayPause from \"../playPause/playPause\";\r\nimport IMAGES from \"../../../images/importImages\";\r\nimport CheckInternet from \"../checkInternet/checkInternet\";\r\nimport dynamic from \"next/dynamic\";\r\nimport useHandleResize from \"../../../helpers/hooks/useHandleResize\";\r\n\r\nconst TouchVolumeBrightness = dynamic(() => import(\"../touchVolumeBrightness/touchVolumeBrightness\"));\r\nconst BackwardForward = dynamic(() => import(\"../backwardForward/backwardForward\"));\r\n\r\nconst VideoArea = () => {\r\n\r\n    const [isRightDoubleTouched, setIsRightDoubleTouched] = useState<boolean>(false);\r\n    const [isLeftDoubleTouched, setIsLeftDoubleTouched] = useState<boolean>(false);\r\n\r\n    const dispatch = useAppDispatch();\r\n\r\n    const { details, params } = useAppSelector(\r\n        ({ videoData: { details, params, videoElementSizeInfo, showCheckInternetSnackBar } }) => ({\r\n            details,\r\n            params,\r\n            videoElementSizeInfo,\r\n            showCheckInternetSnackBar\r\n        }),\r\n        shallowEqual\r\n    );\r\n\r\n    useAppSelector(\r\n        ({ controller: { firstPlay, showMiniPlayer, isFullScreen, isLoading } }) => ({\r\n            firstPlay,\r\n            showMiniPlayer,\r\n            isFullScreen,\r\n            isLoading\r\n        }),\r\n        shallowEqual\r\n    );\r\n\r\n    useFullScreen();\r\n\r\n    useHandleResize();\r\n\r\n    useActiveInActive(isRightDoubleTouched, isLeftDoubleTouched);\r\n\r\n    return (\r\n        <>\r\n            {conditions(ConditionName.showMiniPlayer) && <div id=\"black-video-area\" className={`pl-relative pl-w-full pl-aspect-video pl-bg-black pl-rounded ${!conditions(ConditionName.isTouchScreen) && !conditions(ConditionName.isFullScreen) && \"!pl-rounded-[12px]\"}`} />}\r\n            <div\r\n                id=\"video-area\"\r\n                style={{\r\n                    zIndex: conditions(ConditionName.showMiniPlayer)\r\n                        ? zIndex.videoPlayerInPictureInPicture\r\n                        : conditions(ConditionName.isFullScreen)\r\n                            ? zIndex.videoPlayerInFullScreen\r\n                            : \"unset\"\r\n                }}\r\n                onClick={(event) => conditions(ConditionName.isFirstPlay) && handlePlayPause(event)}\r\n                onDoubleClick={(event: MouseEvent<HTMLDivElement>) => !conditions(ConditionName.showMiniPlayer) && handleDoubleClick(event)}\r\n                className={`!pl-bg-contain !pl-bg-center !pl-bg-no-repeat pl-h-full pl-bg-black pl-max-h-screen pl-aspect-video pl-flex pl-items-center ${!conditions(ConditionName.isTouchScreen) && !conditions(ConditionName.isFullScreen) && \"!pl-rounded-[12px]\"} ${conditions(ConditionName.isFullScreen) && \"!pl-fixed !pl-w-screen dvh\"} ${conditions(ConditionName.showMiniPlayer) ? \"!pl-fixed !pl-bottom-[10px] !pl-right-[10px] !pl-w-[95%] !pl-max-w-[400px] !pl-max-h-[225px] pl-aspect-video !pl-rounded-[8px]\" : \"pl-w-full pl-relative\"} ${conditions(ConditionName.showMiniPlayer) && conditions(ConditionName.isTouchScreenPortrait) && \"!pl-w-[300px] !pl-aspect-video\"} ${!conditions(ConditionName.isActiveElements) && \"pl-cursor-none\"}`}\r\n            >\r\n                <div className={`pl-absolute pl-w-full pl-aspect-video pl-transition-all pl-duration-500 pl-bg-black ${!conditions(ConditionName.isTouchScreen) && !conditions(ConditionName.isFullScreen) && \"!pl-rounded-[12px]\"} ${conditions(ConditionName.isActiveElements) ? \"pl-bg-opacity-50\" : \"pl-bg-opacity-0\"}`} />\r\n                {conditions(ConditionName.showBanner) && (\r\n                    <div className=\"pl-absolute pl-w-full pl-h-full pl-flex pl-justify-center\">\r\n                        <Image src={conditions(ConditionName.isStaticFormat) ? params.cover! : details.banner} layout=\"fill\" alt={params.bannerAlt ? params.bannerAlt : conditions(ConditionName.isStaticFormat) ? \"بنر ویدیو پلیر کافه ویدیو\" : details.title} objectFit=\"contain\" className={`${!conditions(ConditionName.isTouchScreen) && !conditions(ConditionName.isFullScreen) && \"pl-rounded-[12px]\"}`} />\r\n                    </div>\r\n                )}\r\n                {conditions(ConditionName.showMiniPlayer) && (\r\n                    <div className=\"pl-z-[100]\">\r\n                        <div className=\"pl-absolute pl-top-3 pl-right-3 pl-cursor-pointer\" onClick={() => dispatch(setShowMiniPlayer(undefined))}>\r\n                            <Image\r\n                                src={IMAGES.closeSquare}\r\n                                alt=\"close-square\"\r\n                                width={16}\r\n                                height={16}\r\n                            />\r\n                        </div>\r\n                        <div className={`pl-w-full pl-absolute pl-bottom-0 animate__animated animate__faster ${conditions(ConditionName.isActiveElements) && !conditions(ConditionName.isLoading)\r\n                            ? \"animate__fadeIn pl-pointer-events-auto\"\r\n                            : \"animate__fadeOut pl-pointer-events-none\"\r\n                            }`}>\r\n                                <div className=\"pl-w-full pl-flex pl-justify-center\">\r\n                                    <PlayPause />\r\n                                </div>\r\n                            </div>\r\n                        <CheckInternet />\r\n                    </div>\r\n                )}\r\n                {conditions(ConditionName.showTouchVolumeBrightness) && <TouchVolumeBrightness />}\r\n                {conditions(ConditionName.showBackwardForward) && (\r\n                    <div\r\n                        className={`pl-absolute pl-top-0 pl-right-0 pl-w-full pl-h-full pl-overflow-hidden pl-flex pl-items-center`}\r\n                        style={{\r\n                            zIndex: isLeftDoubleTouched || isRightDoubleTouched ? zIndex.backwardForwardActive : zIndex.backwardForwardInActive\r\n                        }}\r\n                    >\r\n                        <BackwardForward\r\n                            type=\"touchForward\"\r\n                            isRightDoubleTouched={isRightDoubleTouched}\r\n                            setIsRightDoubleTouched={setIsRightDoubleTouched}\r\n                        />\r\n                        <BackwardForward\r\n                            type=\"touchBackward\"\r\n                            isLeftDoubleTouched={isLeftDoubleTouched}\r\n                            setIsLeftDoubleTouched={setIsLeftDoubleTouched}\r\n                        />\r\n                    </div>\r\n                )}\r\n                <VideoTag />\r\n                {!conditions(ConditionName.showMiniPlayer) && (\r\n                    <div\r\n                        id=\"playerElements\"\r\n                        className={`pl-absolute pl-top-0 pl-right-0 pl-w-full pl-h-full`}\r\n                    >\r\n                        <div className={`pl-flex pl-flex-col pl-justify-between pl-w-full pl-h-full`}>\r\n                            {conditions(ConditionName.showHeader) && <Header />}\r\n                            {conditions(ConditionName.showMain) && <Main />}\r\n                            {conditions(ConditionName.showFooter) && <Footer />}\r\n                        </div>\r\n                    </div>\r\n                )}\r\n            </div>\r\n        </>\r\n    )\r\n}\r\n\r\nexport default VideoArea;","import { shallowEqual } from \"react-redux\";\r\nimport Title from \"../title/title\";\r\nimport { useAppSelector } from \"../../../helpers/redux/hooks\";\r\nimport { conditions } from \"../../../helpers/conditions/conditions\";\r\nimport { ConditionName } from \"../../../helpers/interfaces/enums\";\r\nimport Lock from \"../lockUnlock/lock\";\r\n\r\nconst Header = () => {\r\n    useAppSelector(({ controller: { lock, activeElements } }) => ({ lock, activeElements }), shallowEqual);\r\n\r\n    return (\r\n        <div className={`pl-flex pl-items-start pl-justify-end pl-mx-4 pl-mt-5 ${conditions(ConditionName.isTouchScreenPortrait) ? \"pl-h-[16px]\" : \"pl-h-[60px]\"}`}>\r\n            {conditions(ConditionName.showTitle) && <Title />}\r\n            {conditions(ConditionName.isLock) && <Lock />}\r\n        </div>\r\n    );\r\n};\r\n\r\nexport default Header;\r\n","import { shallowEqual } from \"react-redux\";\r\nimport { useAppSelector } from \"../../../helpers/redux/hooks\";\r\nimport { ConditionName } from \"../../../helpers/interfaces/enums\";\r\nimport { conditions } from \"../../../helpers/conditions/conditions\";\r\n\r\nconst Title = () => {\r\n    const { details, params } = useAppSelector(({ videoData: { details, params } }) => ({ details, params }), shallowEqual);\r\n\r\n    return (\r\n        <div\r\n            className={`pl-w-full pl-max-w-[80%] pl-truncate pl-text-left pl-ml-4 pl-text-[16px] pl-font-normal pl-text-white pl-break-words pl-self-start animate__animated animate__faster ${\r\n                conditions(ConditionName.isActiveElements) ? \"animate__fadeIn pl-opacity-100\" : \"pl-opacity-0 animate__fadeOut\"\r\n            }`}\r\n        >\r\n            {conditions(ConditionName.hasTitle) ? details.title : params.id}\r\n        </div>\r\n    );\r\n};\r\n\r\nexport default Title;\r\n","import Image from \"next/legacy/image\";\r\nimport IMAGES from \"../../../images/importImages\";\r\nimport { handleLock } from \"../../../helpers/redux/actions/controller.actions\";\r\nimport { conditions } from \"../../../helpers/conditions/conditions\";\r\nimport { ConditionName } from \"../../../helpers/interfaces/enums\";\r\n\r\nconst Lock = () => {\r\n\r\n  return (\r\n    <div className={`pl-relative pl-z-[1000000] animate__animated animate__faster ${conditions(ConditionName.isActiveElements) ? \"animate__fadeIn pl-pointer-events-auto\" : \"animate__fadeOut pl-pointer-events-none\"}`}>\r\n        <Image\r\n          src={IMAGES.lock}\r\n          alt=\"lock-icon\"\r\n          width={20}\r\n          height={20}\r\n          onClick={() => handleLock(\"unlock\")}\r\n        />\r\n      {!localStorage.getItem(\"unlock-click\") && <p className=\"pl-text-[10px] pl-text-black/[0.87] pl-bg-[#F7F7F7] pl-absolute pl-left-0 pl-px-4 pl-py-3 pl-rounded-[8px] pl-w-max\">برای باز کردن قفل، کلیک کنید</p>}\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default Lock;\r\n","import { useEffect, useState } from \"react\";\r\nimport { shallowEqual } from \"react-redux\";\r\nimport BackwardForward from \"../backwardForward/backwardForward\";\r\nimport PlayPause from \"../playPause/playPause\";\r\nimport { useAppSelector } from \"../../../helpers/redux/hooks\";\r\nimport { conditions } from \"../../../helpers/conditions/conditions\";\r\nimport { ConditionName, zIndex } from \"../../../helpers/interfaces/enums\";\r\n\r\nconst Main = () => {\r\n    const [showIcons, setShowIcons] = useState<boolean>(false);\r\n\r\n    useAppSelector(({ controller: { lock, firstPlay } }) => ({ lock, firstPlay }), shallowEqual);\r\n    const { activeElements } = useAppSelector(({ controller: { activeElements } }) => ({ activeElements }),shallowEqual);\r\n\r\n    useEffect(() => {\r\n        let timeout: any = null;\r\n        if (conditions(ConditionName.isFirstPlay) || conditions(ConditionName.isActiveElements)) timeout = setTimeout(() => setShowIcons(true), 100);\r\n        else setShowIcons(false);\r\n\r\n        return () => clearTimeout(timeout);\r\n    }, [activeElements]);\r\n\r\n    return (\r\n        <main className=\"pl-flex-1 pl-mt-1\">\r\n            {showIcons && !conditions(ConditionName.isLock) && (\r\n                <div\r\n                    id=\"main-content\"\r\n                    className={`pl-h-full pl-flex pl-justify-center pl-items-center pl-text-center pl-relative ${conditions(ConditionName.isActiveElements) ? \"pl-pointer-events-auto\" : \"pl-pointer-events-none\"\r\n                        }`}\r\n                >\r\n                    <div\r\n                        className=\"pl-flex pl-justify-center pl-gap-10 pl-items-center pl-w-max\"\r\n                        style={{ zIndex: zIndex.mainIcons }}\r\n                    >\r\n                        {!conditions(ConditionName.isFirstPlay) && <BackwardForward type=\"forward\" />}\r\n                        <PlayPause />\r\n                        {!conditions(ConditionName.isFirstPlay) && <BackwardForward type=\"backward\" />}\r\n                    </div>\r\n                </div>\r\n            )}\r\n        </main>\r\n    );\r\n};\r\n\r\nexport default Main;\r\n","import { shallowEqual } from \"react-redux\";\r\nimport { useAppSelector } from \"../../../helpers/redux/hooks\";\r\nimport { conditions } from \"../../../helpers/conditions/conditions\";\r\nimport { ConditionName } from \"../../../helpers/interfaces/enums\";\r\nimport IMAGES from \"../../../images/importImages\";\r\nimport { handlePlayPause } from \"../../../helpers/redux/actions/controller.actions\";\r\nimport Image from \"next/legacy/image\";\r\n\r\nconst PlayPause = () => {\r\n    useAppSelector(({ controller: { play, showMiniPlayer } }) => ({ play, showMiniPlayer }), shallowEqual);\r\n    useAppSelector(({ videoData: { videoElementSizeInfo, params } }) => ({ videoElementSizeInfo, params }), shallowEqual);\r\n\r\n    return (\r\n        <div\r\n            className={`${!conditions(ConditionName.isTouchScreen) && \"hover:pl-scale-125\"} pl-transition-transform pl-ease-in-out pl-cursor-pointer`}\r\n            onContextMenu={(event) => event.preventDefault()}\r\n        >\r\n            <Image\r\n                alt=\"\"\r\n                src={conditions(ConditionName.isPlay) ? IMAGES.bigPause : IMAGES.bigPlay}\r\n                width={conditions(ConditionName.showMiniPlayer) ? 20 : 40}\r\n                height={conditions(ConditionName.showMiniPlayer) ? 20 : 40}\r\n                onClick={(event: any) => handlePlayPause(event)}\r\n                onDoubleClick={(event: any) => event.stopPropagation()}\r\n                className={`${conditions(ConditionName.isPlay) ? \"pl-big-play-icon\" : \"pl-big-pause-icon\"}`}\r\n            />\r\n        </div>\r\n    );\r\n};\r\n\r\nexport default PlayPause;\r\n","import { shallowEqual } from \"react-redux\";\r\nimport ProgressBar from \"./progressbar/progressbar\";\r\nimport Controllbar from \"./controllbar/controllbar\";\r\nimport ElapsedTime from \"../elapsedTime/elapsedTime\";\r\nimport { useAppSelector } from \"../../../helpers/redux/hooks\";\r\nimport { conditions } from \"../../../helpers/conditions/conditions\";\r\nimport { ConditionName, zIndex } from \"../../../helpers/interfaces/enums\";\r\nimport CheckInternet from \"../checkInternet/checkInternet\";\r\n\r\nconst Footer = () => {\r\n    useAppSelector(({ controller: { lock, isFullScreen, isLoading, activeElements } }) => ({ lock, isFullScreen, isLoading, activeElements }), shallowEqual);\r\n\r\n    let styles = \"\";\r\n    if(conditions(ConditionName.isTouchScreen)) {\r\n        if(conditions(ConditionName.isFullScreen)) styles = \"pl-gap-6 pl-mb-6\"\r\n        else styles = \"pl-gap-6 pl-mb-0\"\r\n    } else {\r\n        if (conditions(ConditionName.isFullScreen)) styles = \"pl-gap-6 pl-mb-8\"\r\n        else styles = \"pl-gap-4 pl-mb-3\"\r\n    }\r\n\r\n    return (\r\n        <div id=\"footer\" className=\"pl-relative\" style={{ zIndex: zIndex.footer }}>\r\n            <>\r\n                {!conditions(ConditionName.isLock) && (\r\n                    <>\r\n                        <div\r\n                            className={`pl-flex pl-flex-col pl-w-full pl-mx-auto animate__animated animate__faster ${styles} ${conditions(ConditionName.isActiveElements) && !conditions(ConditionName.isLoading)\r\n                                ? \"animate__fadeIn pl-pointer-events-auto\"\r\n                                : \"animate__fadeOut pl-pointer-events-none\"\r\n                                }`}\r\n                        >\r\n                            {!conditions(ConditionName.isTouchScreenPortrait) && <ElapsedTime />} \r\n                            {conditions(ConditionName.showProgressbar) && <ProgressBar />}\r\n                            <Controllbar />\r\n                        </div>\r\n                    </>\r\n                )}\r\n                <CheckInternet />\r\n            </>\r\n        </div>\r\n    );\r\n};\r\n\r\nexport default Footer;\r\n","import { useEffect, useState } from \"react\";\r\nimport { shallowEqual } from \"react-redux\";\r\nimport Tooltip from \"../../tooltip/tooltip\";\r\nimport { handleCatchUpLoadingLog, handleMouseMove, handleMouseOut, handlePointerDown, handlePointerMove, handlePointerUp, hideProgressTooltip } from \"../../../../helpers/redux/actions/progressbar.actions\";\r\nimport { useAppSelector } from \"../../../../helpers/redux/hooks\";\r\nimport { progressBarWidth } from \"../../../../helpers/constants\";\r\nimport { ConditionName } from \"../../../../helpers/interfaces/enums\";\r\nimport { conditions } from \"../../../../helpers/conditions/conditions\";\r\n\r\nconst ProgressBar = () => {\r\n    const [isPointerDown, setIsPointerDown] = useState<boolean>(false);\r\n\r\n    useEffect(() => {\r\n        hideProgressTooltip(document.querySelector(\".progressTooltip\"));\r\n    }, []);\r\n\r\n    const { duration, currentTime, bufferedTimeWidth } = useAppSelector(\r\n        ({ controller: { duration, currentTime, bufferedTimeWidth, showMiniPlayer } }) => ({\r\n            duration,\r\n            currentTime,\r\n            bufferedTimeWidth,\r\n            showMiniPlayer\r\n        }),\r\n        shallowEqual\r\n    );\r\n    useAppSelector(\r\n        ({ videoData: { params, videoElementSizeInfo } }) => ({\r\n            params,\r\n            videoElementSizeInfo,\r\n        }),\r\n        shallowEqual\r\n    );\r\n    const [timeoutIds, setTimeoutIds] = useState<any[]>([]);\r\n\r\n    return (\r\n        <div className={`${conditions(ConditionName.isTouchScreenPortrait) ? \"pl-order-1\" : \"pl-order-none\"} pl-relative`}>\r\n            <div className=\"pl-relative\">\r\n                <Tooltip />\r\n            </div>\r\n            <div\r\n                className={`pl-w-full pl-flex pl-items-end`}\r\n                onPointerDown={(event: any) => handlePointerDown(event, timeoutIds, setIsPointerDown)}\r\n                onPointerMove={handlePointerMove}\r\n                onPointerUp={(event: any) => handlePointerUp(event, setTimeoutIds, timeoutIds, setIsPointerDown)}\r\n                onMouseMove={handleMouseMove}\r\n                onMouseOut={handleMouseOut}\r\n                onClick={handleCatchUpLoadingLog}\r\n                onDoubleClick={(event: any) => event.stopPropagation()}\r\n            >\r\n                <div id=\"progress-area\" className=\"pl-w-full pl-absolute\">\r\n                    <div className=\"pl-w-full pl-h-[40px]\"/>\r\n                    <div\r\n                        id=\"time-progress-area\"\r\n                        className={`!pl-w-full !pl-h-[5px] pl-transition-transform pl-duration-300 pl-m-auto pl-cursor-pointer !pl-bg-gray-highLight pl-rounded`}\r\n                        style={{ transform: isPointerDown ? \"scaleY(1.8)\" : \"unset\" }}\r\n                    >\r\n                        <div\r\n                            id=\"time-progress-buffer\"\r\n                            className={`pl-absolute pl-h-[5px] pl-bg-z-gray-400/[0.7] pl-rounded`}\r\n                            style={{ width: `${bufferedTimeWidth}%` }}\r\n                        />\r\n                        <div\r\n                            id=\"time-progress-bar\"\r\n                            className={`pl-h-[5px] pl-rounded pl-relative pl-cursor-pointer pl-bg-primary before:pl-bg-primary before:pl-inline-block before:pl-w-4 before:pl-h-4 ${\r\n                                isPointerDown && \"before:pl-w-7 before:pl-h-3\"\r\n                            }`}\r\n                            style={{ width: `${(currentTime / duration) * progressBarWidth()}px` }}\r\n                        />\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    );\r\n};\r\n\r\nexport default ProgressBar;\r\n","import { useEffect, useState } from \"react\";\r\nimport { shallowEqual } from \"react-redux\";\r\nimport { memo } from \"react\";\r\nimport { useAppSelector } from \"../../../helpers/redux/hooks\";\r\nimport { conditions } from \"../../../helpers/conditions/conditions\";\r\nimport { ConditionName } from \"../../../helpers/interfaces/enums\";\r\nimport { fetchFile, getStyleForTime } from \"../../../helpers/redux/actions/progressbar.actions\";\r\n\r\nconst Tooltip = () => {\r\n    const { details } = useAppSelector(({ videoData: { details } }) => ({ details }), shallowEqual);\r\n    const { tooltipTime } = useAppSelector(({ controller: { tooltipTime, activeElements, isFullScreen } }) => ({ tooltipTime, activeElements, isFullScreen }), shallowEqual);\r\n\r\n    const cache: any = {};\r\n    const [vttPool, setVttPool] = useState<any>(undefined);\r\n    const [vttUrl, setVttUrl] = useState<string | undefined>(conditions(ConditionName.isTouchScreen) ? details.vtt_mobile : details.vtt);\r\n\r\n    useEffect(() => {\r\n        setVttUrl(details.vtt_mobile);\r\n    }, [details.vtt_mobile]);\r\n\r\n    useEffect(() => {\r\n        if (!!vttUrl) fetchFile(details.vtt_mobile!, setVttPool);\r\n    }, [vttUrl]);\r\n\r\n    return conditions(ConditionName.isActiveElements) ? (\r\n        <div\r\n            className={`pl-flex pl-flex-col pl-progressTooltip pl-absolute pl-bottom-[200%] pl-px-[10px] pl-py-[5px] pl-mr-[-25px] pl-mb-[25px] pl-text-white pl-text-[14px] ${\r\n                vttUrl && !!vttPool ? \"\" : \"pl-bg-z-gray-700\"\r\n            } pl-rounded-[6px] pl-opacity-0`}\r\n        >\r\n            {vttUrl && !!vttPool && (\r\n                <div className=\"pl-flex-1 pl-border pl-border-white pl-rounded-[8px]\">\r\n                    <div className=\"pl-rounded-[8px]\" style={getStyleForTime(tooltipTime, vttPool, cache)} />\r\n                </div>\r\n            )}\r\n            <div className=\"pl-flex pl-items-center pl-justify-center pl-progressTimeTooltip pl-text-white !pl-opacity-100\" />\r\n        </div>\r\n    ) : (\r\n        <></>\r\n    );\r\n};\r\n\r\nexport default memo(Tooltip);\r\n","import store from \"../../redux/store\";\r\nimport { catchUpLoadingLog } from \"../../logs/logs\";\r\nimport { ConditionName, zIndex } from \"../../interfaces/enums\";\r\nimport { setActiveElements, setActivePointerProgressBar, setDelayTurnOffControlbar, setTooltipTime } from \"../slices/controllerSlice\";\r\nimport { handleVideoTimeline } from \"./controller.actions\";\r\nimport { setInfo } from \"../slices/videoDataSlice\";\r\nimport { sendFluentLog } from \"../../logs/fluentdLogger\";\r\nimport { conditions } from \"../../conditions/conditions\";\r\nimport { activeElementsTime } from \"../../environment\";\r\nimport { progressBar, videoTag } from \"../../constants\";\r\nimport { secondsToHMS } from \"../../helpers\";\r\n\r\nexport const getPointerTime = (event: any) => {\r\n    const { videoElementSizeInfo } = store.getState().videoData;\r\n    const { duration } = store.getState().controller;\r\n    const clientX = event.clientX !== undefined ? event.clientX : event.touches[0].clientX;\r\n    if (clientX <= videoElementSizeInfo.right && clientX > 0) {\r\n        let positionX = clientX - videoElementSizeInfo.left;\r\n        let timePositionX = (positionX / videoElementSizeInfo.width) * duration;\r\n        return timePositionX;\r\n    }\r\n};\r\n\r\nexport const getPointerPosition = (event: any) => {\r\n    const { videoElementSizeInfo } = store.getState().videoData;\r\n    const clientX = event.clientX !== undefined ? event.clientX : event.touches[0].clientX;\r\n    if (clientX <= videoElementSizeInfo.right && clientX > 0) {\r\n        return clientX - videoElementSizeInfo.left;\r\n    }\r\n};\r\n\r\nexport const hideProgressTooltip = (progressTooltip: any) => {\r\n    if (progressTooltip) {\r\n        progressTooltip.style.opacity = \"0.0\";\r\n        progressTooltip.style.pointerEvents = \"none\";\r\n        progressTooltip.style.zIndex = zIndex.vttDisable;\r\n    }\r\n};\r\n\r\nconst generalStyleTooltipHandler = (progressTooltip: any) => {\r\n    progressTooltip.style.display = \"block\";\r\n    progressTooltip.style.zIndex = zIndex.vtt;\r\n    progressTooltip.style.opacity = !!store.getState().videoData.details.vtt ? \"1.0\" : \"0.6\";\r\n    progressTooltip.style.pointerEvents = \"auto\";\r\n    progressTooltip.style.transition = \"opacity 1s ease-out\";\r\n};\r\n\r\nconst vttTooltipStyleHandler = (event: any, progressTooltip: any) => {\r\n    const { videoElementSizeInfo } = store.getState().videoData;\r\n    const element: any = document.getElementsByClassName(\"pl-progressTooltip\")[0];\r\n    const parentPlayer: any = document.getElementById(\"parent-player\");\r\n    if (element && parentPlayer) {\r\n        if ((getPointerPosition(event)! > element.getBoundingClientRect().width / 2) && (getPointerPosition(event)! < videoElementSizeInfo.right - videoElementSizeInfo.left - element.getBoundingClientRect().width / 2)) {\r\n            progressTooltip.style.left = `${getPointerPosition(event)! - element.offsetWidth / 2}px`;\r\n        } else if (getPointerPosition(event)! < (parentPlayer.offsetLeft === 0 ? element.offsetWidth : parentPlayer.offsetLeft)) {\r\n            progressTooltip.style.left = `${0}px`;\r\n        } else if (videoTag().offsetLeft + videoTag().offsetWidth < getPointerPosition(event)! + element.offsetWidth) {\r\n            progressTooltip.style.left = `${videoTag().offsetWidth - element.offsetWidth}px`;\r\n        }\r\n    }\r\n};\r\n\r\nexport const showProgressTooltip = (event: any, progressTooltip: any, progressBarTooltip: any) => {\r\n    if (progressTooltip) generalStyleTooltipHandler(progressTooltip);\r\n    if (store.getState().videoData.details.vtt) vttTooltipStyleHandler(event, progressTooltip); // have vtt\r\n    else progressTooltip.style.left = `${getPointerPosition(event)! - 30}px`; // not vtt\r\n    store.dispatch(setTooltipTime(Number(getPointerTime(event)!)));\r\n    progressBarTooltip.textContent = `${secondsToHMS(getPointerTime(event)!)}`\r\n};\r\n\r\nexport const handleTimeTooltip = (event: any, isTimer: boolean = false) => {\r\n    const { videoElementSizeInfo } = store.getState().videoData;\r\n    const progressTooltip: any = document.querySelector(\".pl-progressTooltip\");\r\n    const progressBarTooltip: any = document.querySelector(\".pl-progressTimeTooltip\");\r\n    const clientX = event.clientX !== undefined ? event.clientX : event.touches[0].clientX;\r\n    if (progressTooltip && progressBarTooltip && clientX <= videoElementSizeInfo.right && clientX > videoElementSizeInfo.left) {\r\n        showProgressTooltip(event, progressTooltip, progressBarTooltip);\r\n        if (isTimer) setTimeout(() => hideProgressTooltip(progressTooltip), 2000);\r\n    } else hideProgressTooltip(progressTooltip);\r\n};\r\n\r\nexport const handleProgressTime = (event: any) => {\r\n    const clientX = event.clientX !== undefined ? event.clientX : event.touches[0].clientX;\r\n    if (progressBar()) {\r\n        if (clientX <= event.view.innerWidth && clientX > 0)\r\n            progressBar().style.width = `${getPointerPosition(event)}px`;\r\n        else if (clientX <= event.view.innerWidth) progressBar().style.width = 0;\r\n        else if (clientX > 0) progressBar().style.width = `100%`;\r\n    }\r\n};\r\n\r\nexport const handlePointerDown = (event: any, timeoutIds: any, setIsPointerDown: (value: boolean) => void) => {\r\n    event.preventDefault();\r\n    event.stopPropagation();\r\n    setIsPointerDown(true);\r\n    const dispatch = store.dispatch;\r\n    const clientX = event.clientX !== undefined ? event.clientX : event.touches[0].clientX;\r\n    if (clientX <= event.view.innerWidth && clientX > 0) {\r\n        dispatch(setActivePointerProgressBar(true));\r\n        dispatch(setDelayTurnOffControlbar(true));\r\n        sessionStorage.setItem(\"previousVideoTime\", String(videoTag().currentTime));\r\n        event.target.setPointerCapture(event.pointerId);\r\n        if (timeoutIds.length > 0) timeoutIds.map((id: any) => clearTimeout(id));\r\n    }\r\n};\r\n\r\nexport const handlePointerMove = (event: any) => {\r\n    event.preventDefault();\r\n    event.stopPropagation();\r\n    const dispatch = store.dispatch;\r\n    const { activePointerProgressBar } = store.getState().controller;\r\n    const { left } = store.getState().videoData.videoElementSizeInfo;\r\n    const clientX = event.clientX !== undefined ? event.clientX : event.touches[0].clientX;\r\n    const progressTooltip: any = document.querySelector(\".pl-progressTooltip\");\r\n    if (clientX > left) {\r\n        if (progressTooltip) {\r\n            progressTooltip.style.display = \"block !important\";\r\n            progressTooltip.style.pointerEvents = \"auto\";\r\n        }\r\n        if (activePointerProgressBar) {\r\n            dispatch(setDelayTurnOffControlbar(true));\r\n            handleTimeTooltip(event);\r\n            handleProgressTime(event);\r\n            videoTag().pause();\r\n        }\r\n    } else if (progressTooltip) {\r\n        progressTooltip.style.display = \"none !important\";\r\n        progressTooltip.style.pointerEvents = \"none\";\r\n    }\r\n};\r\n\r\nexport const handlePointerUp = (\r\n    event: any,\r\n    setTimeoutIds: (timeoutIds: any[]) => void,\r\n    timeoutIds: any,\r\n    setIsPointerDown: (value: boolean) => void\r\n) => {\r\n    setIsPointerDown(false);\r\n    event.preventDefault();\r\n    event.stopPropagation();\r\n    const dispatch = store.dispatch;\r\n    const { duration } = store.getState().controller;\r\n    const { left, right } = store.getState().videoData.videoElementSizeInfo;\r\n    event.target.removeEventListener(\"pointermove\", handlePointerMove);\r\n    const clientX = event.clientX !== undefined ? event.clientX : event.touches[0].clientX;\r\n    let currentTime = 0;\r\n    if (clientX > left && clientX < right) currentTime = getPointerTime(event)!;\r\n    else if (clientX < left) currentTime = 0;\r\n    else if (clientX > 0) currentTime = duration;\r\n    if (!conditions(ConditionName.isStaticFormat)) handleVideoTimeline(videoTag().currentTime, currentTime);\r\n    videoTag().currentTime = currentTime;\r\n    if (store.getState().controller.activePointerProgressBar) {\r\n        dispatch(setActivePointerProgressBar(false));\r\n        dispatch(setDelayTurnOffControlbar(false));\r\n        videoTag().play();\r\n        handleTimeTooltip(event, true);\r\n        sessionStorage.setItem(\"current-time\", String(currentTime));\r\n        handleProgressTime(event);\r\n        handleTimeout(event, dispatch, setTimeoutIds, timeoutIds);\r\n    }\r\n};\r\n\r\nconst handleTimeout = (event: any, dispatch: any, setTimeoutIds: (timeoutIds: any[]) => void, timeoutIds: any) => {\r\n    const ids = timeoutIds;\r\n    let timeoutIdTemp = setTimeout(() => {\r\n        const { settingPopover } = store.getState().popovers;\r\n        const { delayTurnOffControlbar } = store.getState().controller;\r\n        if (event.pointerType === \"touch\" && !settingPopover && delayTurnOffControlbar) dispatch(setActiveElements(false));\r\n    }, activeElementsTime);\r\n    ids.push(timeoutIdTemp);\r\n    setTimeoutIds(ids);\r\n};\r\n\r\nexport const handleCatchUpLoadingLog = () => {\r\n    const timer = Date.now();\r\n    videoTag()\r\n        .play()\r\n        .then(() => sendFluentLog(catchUpLoadingLog(Date.now() - timer)));\r\n};\r\n\r\nexport const handleMouseMove = (event: any) => handleTimeTooltip(event);\r\n\r\nexport const handleMouseOut = () => {\r\n    const progressBarTooltip: any = document.querySelector(\".pl-progressTooltip\");\r\n    hideProgressTooltip(progressBarTooltip);\r\n};\r\n\r\n/////// vtt tooltip\r\nconst deconstructTimestamp = (timestamp: string) => {\r\n    const splitStampMilliseconds = timestamp.split(\".\");\r\n    const timeParts = splitStampMilliseconds[0];\r\n    const timePartsSplit = timeParts.split(\":\");\r\n\r\n    return {\r\n        milliseconds: parseInt(splitStampMilliseconds[1], 10) || 0,\r\n        seconds: parseInt(timePartsSplit.pop()!, 10) || 0,\r\n        minutes: parseInt(timePartsSplit.pop()!, 10) || 0,\r\n        hours: parseInt(timePartsSplit.pop()!, 10) || 0\r\n    };\r\n};\r\n\r\nconst getSecondsFromTimestamp = (timestamp: string) => {\r\n    const timestampParts: any = deconstructTimestamp(timestamp);\r\n\r\n    return parseInt(timestampParts.hours * (60 * 60) + timestampParts.minutes * 60 + timestampParts.seconds + timestampParts.milliseconds / 1000, 10);\r\n};\r\n\r\nconst getPropsFromDef = (def: string) => {\r\n    const imageDefSplit = def.split(/#xywh=/i);\r\n    const imageUrl = imageDefSplit[0];\r\n    const imageCoords = imageDefSplit[1];\r\n    const splitCoords: any = imageCoords.match(/[0-9]+/gi);\r\n\r\n    return {\r\n        x: splitCoords[0],\r\n        y: splitCoords[1],\r\n        w: splitCoords[2],\r\n        h: splitCoords[3],\r\n        image: imageUrl\r\n    };\r\n};\r\n\r\nconst getFullyQualifiedUrl = (path: string, base: string) => {\r\n    if (path.indexOf(\"//\") >= 0) {\r\n        // We have a fully qualified path.\r\n        return path;\r\n    }\r\n\r\n    if (base.indexOf(\"//\") === 0) {\r\n        // We don't have a fully qualified path, but need to\r\n        // be careful with trimming.\r\n        return [base.replace(/\\/$/gi, \"\"), path.trim()].join(\"/\");\r\n    }\r\n\r\n    if (base.indexOf(\"//\") > 0) {\r\n        // We don't have a fully qualified path, and should\r\n        // trim both sides of base and path.\r\n        return [base.trim(), path.trim()].join(\"/\");\r\n    }\r\n\r\n    // If all else fails.\r\n    return path;\r\n};\r\n\r\nconst getVttCss = (vttImageDef: string, vttUrl: string) => {\r\n    const cssObj: any = {};\r\n    // If there isn't a protocol, use the VTT source URL.\r\n    let baseSplit: string = vttUrl!.split(/\\/\\w+\\.vtt\\s?/)[0];\r\n\r\n    /// offset : (vttUrl)!.split(/\\/\\w+\\.vtt\\s?/)[1]\r\n\r\n    vttImageDef = getFullyQualifiedUrl(vttImageDef, baseSplit);\r\n\r\n    if (!vttImageDef.match(/#xywh=/i)) {\r\n        cssObj.background = 'url(\"' + vttImageDef + vttUrl!.split(/\\/\\w+\\.vtt\\s?/)[1] + '\")';\r\n        return cssObj;\r\n    }\r\n\r\n    const imageProps = getPropsFromDef(vttImageDef);\r\n\r\n    cssObj.background =\r\n        'url(\"' + imageProps.image + vttUrl!.split(/\\/\\w+\\.vtt\\s?/)[1] + '\") no-repeat -' + imageProps.x + \"px -\" + imageProps.y + \"px\";\r\n    cssObj.width = imageProps.w + \"px\";\r\n    cssObj.height = imageProps.h + \"px\";\r\n    cssObj.url = imageProps.image;\r\n\r\n    return cssObj;\r\n};\r\n\r\nexport const fetchFile = (url: string, setVttPool: any) => {\r\n    fetch(url)\r\n        .then((response) => {\r\n            if (!response.ok) {\r\n                store.dispatch(\r\n                    setInfo({\r\n                        ...store.getState().videoData.details,\r\n                        vtt: undefined,\r\n                        vtt_mobile: undefined\r\n                    })\r\n                );\r\n                throw new Error(\"Network response was not ok\");\r\n            }\r\n            return response.text();\r\n        })\r\n        .then((data) => {\r\n            const processedVtts: any[] = [];\r\n            const vttDefinitions = data.split(/[\\r\\n][\\r\\n]/i);\r\n            vttDefinitions.forEach((vttDef) => {\r\n                if (vttDef.match(/([0-9]{2}:)?([0-9]{2}:)?[0-9]{2}(.[0-9]{3})?( ?--> ?)([0-9]{2}:)?([0-9]{2}:)?[0-9]{2}(.[0-9]{3}).*/gi)) {\r\n                    const vttDefSplit = vttDef.split(/[\\r\\n]/i);\r\n                    const vttTiming = vttDefSplit[0];\r\n                    const vttTimingSplit = vttTiming.split(/ ?--> ?/i);\r\n                    const vttTimeStart = vttTimingSplit[0];\r\n                    const vttTimeEnd = vttTimingSplit[1];\r\n                    const vttImageDef = vttDefSplit[1];\r\n                    const vttCssDef = getVttCss(vttImageDef, url);\r\n\r\n                    processedVtts.push({\r\n                        start: getSecondsFromTimestamp(vttTimeStart),\r\n                        end: getSecondsFromTimestamp(vttTimeEnd),\r\n                        css: vttCssDef\r\n                    });\r\n                }\r\n            });\r\n            setVttPool(processedVtts);\r\n        })\r\n        .catch((error) => {\r\n            console.error(\"Error fetching file:\", error);\r\n        });\r\n};\r\n\r\nexport const getStyleForTime = (time: number, vttPool: any, cache: any) => {\r\n    for (let i = 0; i < vttPool.length; ++i) {\r\n        const item = vttPool[i];\r\n        if (time >= item.start && time < item.end) {\r\n            // Cache miss\r\n            if (item.css.url && !cache[item.css.url]) {\r\n                const objectVtt: any = {\r\n                    background: item.css.background,\r\n                    width: item.css.width,\r\n                    height: item.css.height\r\n                };\r\n                cache[item.css.url] = objectVtt;\r\n                return objectVtt;\r\n            } else if (item.css.url) return cache[item.css.url];\r\n        }\r\n    }\r\n};\r\n","import { memo } from \"react\";\r\nimport { shallowEqual } from \"react-redux\";\r\nimport FullScreen from \"../../fullScreen/fullScreen\";\r\nimport PictureInPicture from \"../../pictureInPicture/pictureInPicture\";\r\nimport SoundVolume from \"../../soundVolume/soundVolume\";\r\nimport Settings from \"../../settings/settings\";\r\nimport { useAppSelector } from \"../../../../helpers/redux/hooks\";\r\nimport { ConditionName } from \"../../../../helpers/interfaces/enums\";\r\nimport { conditions } from \"../../../../helpers/conditions/conditions\";\r\nimport Speed from \"../../speed/speed\";\r\nimport QualityLevels from \"../../qualityLevels/qualityLevels\";\r\nimport ElapsedTime from \"../../elapsedTime/elapsedTime\";\r\nimport Unlock from \"../../lockUnlock/unlock\";\r\n\r\nconst Controlbar = () => {\r\n    useAppSelector(({ controller: { isFullScreen, showMiniPlayer } }) => ({ isFullScreen, showMiniPlayer }), shallowEqual);\r\n    useAppSelector(\r\n        ({ videoData: { videoElementSizeInfo, params } }) => ({ videoElementSizeInfo, params }),\r\n        shallowEqual\r\n    );\r\n\r\n    let styles = \"\";\r\n    if (conditions(ConditionName.isTouchScreen)) {\r\n        if (conditions(ConditionName.isFullScreen)) styles = \"pl-mx-6\"\r\n        else styles = \"pl-mx-4\"\r\n    } else {\r\n        if (conditions(ConditionName.isFullScreen)) styles = \"pl-mx-8\"\r\n        else styles = \"pl-mx-4\"\r\n    }\r\n\r\n    return (\r\n        <div id=\"player-controllbar\" className={`pl-flex pl-justify-between pl-items-center ${styles}`}>\r\n            <div\r\n                className={`pl-flex pl-items-center pl-gap-5`}\r\n            >\r\n                {!conditions(ConditionName.showMiniPlayer) && <FullScreen />}\r\n                {conditions(ConditionName.isTouchScreenLandscape) && <Unlock />}\r\n                {conditions(ConditionName.showPictureInPicture) && <PictureInPicture />}\r\n                {conditions(ConditionName.showSettingIcon) && <Settings />}\r\n                {conditions(ConditionName.isFullScreen) && !conditions(ConditionName.isStaticFormat) && <QualityLevels showQualityLevelsIcon={true} />}\r\n                {(conditions(ConditionName.isFullScreen) || conditions(ConditionName.isStaticFormat)) && <Speed showSpeedIcon={true} />}\r\n            </div>\r\n            <div className={`pl-flex pl-items-center pl-gap-5`}>\r\n                {conditions(ConditionName.isTouchScreenPortrait) && <ElapsedTime />}\r\n                {!conditions(ConditionName.isIOS) && <SoundVolume />}\r\n            </div>\r\n        </div>\r\n    );\r\n};\r\n\r\nexport default memo(Controlbar);\r\n","import { useEffect, useState } from \"react\";\r\nimport { shallowEqual } from \"react-redux\";\r\nimport ControllbarTooltip from \"../footer/controllbar/controllbarTooltip\";\r\nimport { useAppDispatch, useAppSelector } from \"../../../helpers/redux/hooks\";\r\nimport { ConditionName } from \"../../../helpers/interfaces/enums\";\r\nimport { conditions } from \"../../../helpers/conditions/conditions\";\r\nimport { setActiveElements } from \"../../../helpers/redux/slices/controllerSlice\";\r\nimport { handleFullScreen, handleLockOrientation } from \"../../../helpers/redux/actions/controller.actions\";\r\nimport Image from \"next/legacy/image\";\r\nimport IMAGES from \"../../../images/importImages\";\r\n\r\nconst FullScreen = () => {\r\n    const { isFullScreen } = useAppSelector(({ controller: { firstPlay, isFullScreen } }) => ({ firstPlay, isFullScreen }), shallowEqual);\r\n\r\n    const [showTooltip, setShowTooltip] = useState<boolean>(false);\r\n\r\n    const dispatch = useAppDispatch();\r\n\r\n    useEffect(() => {\r\n        if (!conditions(ConditionName.isFirstPlay)) dispatch(setActiveElements(false));\r\n    }, [isFullScreen]);\r\n\r\n    return (\r\n        <div className=\"pl-relative pl-flex pl-items-center\">\r\n            <Image\r\n                src={conditions(ConditionName.isFullScreen) ? IMAGES.nonFullScreen : IMAGES.fullScreen}\r\n                alt=\"fullScreen-icon\"\r\n                className={`pl-cursor-pointer`}\r\n                width={20}\r\n                height={20}\r\n                onMouseOver={() => !conditions(ConditionName.isTouchScreen) && setShowTooltip(true)}\r\n                onMouseLeave={() => !conditions(ConditionName.isTouchScreen) && setShowTooltip(false)}\r\n                onClick={() => {\r\n                    handleFullScreen();\r\n                    handleLockOrientation();\r\n                }}\r\n            />\r\n            {showTooltip && (\r\n                <ControllbarTooltip\r\n                    title={`${conditions(ConditionName.isFullScreen) ? \"خروج از\" : \"\"} تمام صفحه`}\r\n                />\r\n            )}\r\n        </div>\r\n    );\r\n};\r\n\r\nexport default FullScreen;\r\n","import { conditions } from \"../../../../helpers/conditions/conditions\";\r\nimport { ConditionName } from \"../../../../helpers/interfaces/enums\";\r\nimport { IControllbarTooltipProps } from \"../../../../helpers/interfaces/interfaces\";\r\n\r\nconst ControllbarTooltip = ({ title, className }: IControllbarTooltipProps) => (\r\n    <span\r\n        className={`pl-absolute pl-w-max pl-bg-paper pl-text-white/[0.9] ${conditions(ConditionName.isFullScreen) ? \"pl-bottom-[300%]\" : \"pl-bottom-[270%]\"} pl-rounded-[8px] pl-px-4 pl-py-3 pl-text-[14px] pl-font-bold ${className}`}\r\n    >\r\n        {title}\r\n    </span>\r\n);\r\n\r\nexport default ControllbarTooltip;\r\n","import { useState } from \"react\";\r\nimport { shallowEqual } from \"react-redux\";\r\nimport ControllbarTooltip from \"../footer/controllbar/controllbarTooltip\";\r\nimport { useAppSelector } from \"../../../helpers/redux/hooks\";\r\nimport { conditions } from \"../../../helpers/conditions/conditions\";\r\nimport { ConditionName } from \"../../../helpers/interfaces/enums\";\r\nimport IMAGES from \"../../../images/importImages\";\r\nimport { videoTag } from \"../../../helpers/constants\";\r\nimport Image from \"next/legacy/image\";\r\n\r\nconst PictureInPicture = () => {\r\n    const [showTooltip, setShowTooltip] = useState<boolean>(false);\r\n\r\n    useAppSelector(({ controller: { showMiniPlayer } }) => ({ showMiniPlayer }), shallowEqual);\r\n    useAppSelector(({ videoData: { videoElementSizeInfo, params } }) => ({ videoElementSizeInfo, params }), shallowEqual);\r\n\r\n    return (\r\n        <div className=\"pl-relative pl-flex  pl-items-center\">\r\n            <Image\r\n                alt=\"\"\r\n                onMouseOver={() => !conditions(ConditionName.isTouchScreen) && setShowTooltip(true)}\r\n                onMouseLeave={() => !conditions(ConditionName.isTouchScreen) && setShowTooltip(false)}\r\n                src={IMAGES.pictureInPicture}\r\n                width={20}\r\n                height={20}\r\n                className=\"pl-flex pl-cursor-pointer\"\r\n                onClick={() => videoTag().requestPictureInPicture()}\r\n            />\r\n            {showTooltip && <ControllbarTooltip title=\"تصویر در تصویر\" />}\r\n        </div>\r\n    );\r\n};\r\n\r\nexport default PictureInPicture;\r\n","import { useRef, useState } from \"react\";\r\nimport { shallowEqual } from \"react-redux\";\r\nimport ControllbarTooltip from \"../footer/controllbar/controllbarTooltip\";\r\nimport Image from \"next/legacy/image\";\r\nimport { useAppDispatch, useAppSelector } from \"../../../helpers/redux/hooks\";\r\nimport store from \"../../../helpers/redux/store\";\r\nimport { volumeLog } from \"../../../helpers/logs/logs\";\r\nimport { sendFluentLog } from \"../../../helpers/logs/fluentdLogger\";\r\nimport { setUserSettings } from \"../../../helpers/redux/slices/userSlice\";\r\nimport { handleChangeSoundVolume } from \"../../../helpers/redux/actions/controller.actions\";\r\nimport { ConditionName } from \"../../../helpers/interfaces/enums\";\r\nimport { conditions } from \"../../../helpers/conditions/conditions\";\r\nimport IMAGES from \"../../../images/importImages\";\r\n\r\nconst SoundVolume = () => {\r\n    const [showTooltip, setShowTooltip] = useState<boolean>(false);\r\n\r\n    const dispatch = useAppDispatch();\r\n    const { settings } = useAppSelector(({ user: { settings } }) => ({ settings }), shallowEqual);\r\n\r\n    const primaryVolumeRef = useRef<number>(settings.volume);\r\n\r\n    const handleMouseUp = () => {\r\n        if (primaryVolumeRef.current !== settings.volume) {\r\n            const { settings } = store.getState().user;\r\n            sendFluentLog(volumeLog(primaryVolumeRef.current, settings.volume));\r\n            primaryVolumeRef.current = settings.volume;\r\n            // createSettings({ ...settings, volume: settings.volume });\r\n            dispatch(setUserSettings({ ...settings, volume: settings.volume }));\r\n        }\r\n    };\r\n\r\n    const handleMute = (type: string) => {\r\n        const { settings } = store.getState().user;\r\n        if (type === \"mute\") {\r\n            handleChangeSoundVolume(0);\r\n            sendFluentLog(volumeLog(settings.volume, 0));\r\n            // createSettings({ ...settings, volume: 0 });\r\n        } else {\r\n            sendFluentLog(volumeLog(settings.volume, 100));\r\n            handleChangeSoundVolume(100);\r\n            // createSettings({ ...settings, volume: 100 });\r\n        }\r\n    };\r\n\r\n    return (\r\n        <div className={`pl-relative pl-inline-flex pl-items-center pl-gap-2 pl-sound-icon`}>\r\n            {!conditions(ConditionName.isTouchScreen) && (\r\n                <input\r\n                    onMouseUp={handleMouseUp}\r\n                    type=\"range\"\r\n                    min=\"0\"\r\n                    max=\"100\"\r\n                    value={settings.volume}\r\n                    onChange={(event) => handleChangeSoundVolume(+event.target.value)}\r\n                    className=\"pl-soundVolume pl-cursor-pointer\"\r\n                    style={{ background: `linear-gradient(to right, white ${settings.volume}%, rgba(255,255,255,0.3) 0)` }}\r\n                />\r\n            )}\r\n            <div className=\"pl-relative pl-flex pl-items-center\">\r\n                <Image\r\n                    src={conditions(ConditionName.hasSound) ? IMAGES.unMute : IMAGES.mute}\r\n                    alt={conditions(ConditionName.hasSound) ? \"unmute-icon\" : \"mute-icon\"}\r\n                    className={`pl-flex pl-items-center pl-cursor-pointer`}\r\n                    width={20}\r\n                    height={20 }\r\n                    onClick={() => (conditions(ConditionName.hasSound) ? handleMute(\"mute\") : handleMute(\"unmute\"))}\r\n                    onDoubleClick={(event: any) => event.stopPropagation()}\r\n                    onMouseOver={() => !conditions(ConditionName.isTouchScreen) && setShowTooltip(true)}\r\n                    onMouseLeave={() => !conditions(ConditionName.isTouchScreen) && setShowTooltip(false)}\r\n                />\r\n                {showTooltip && (\r\n                    <ControllbarTooltip\r\n                        className=\"pl-left-0\"\r\n                        title={`${conditions(ConditionName.hasSound) ? \"با صدا\" : \"بی صدا\"}`}\r\n                    />\r\n                )}\r\n            </div>\r\n        </div>\r\n    );\r\n};\r\n\r\nexport default SoundVolume;\r\n","import { memo, useEffect, useRef, useState } from \"react\";\r\nimport { shallowEqual } from \"react-redux\";\r\nimport ControllbarTooltip from \"../footer/controllbar/controllbarTooltip\";\r\nimport Popover from \"../popover/popover\";\r\nimport Image from \"next/legacy/image\";\r\nimport QualityLevels from \"../qualityLevels/qualityLevels\";\r\nimport { useAppDispatch, useAppSelector } from \"../../../helpers/redux/hooks\";\r\nimport { ConditionName, SettingSections } from \"../../../helpers/interfaces/enums\";\r\nimport useOnClickOutside from \"../../../helpers/hooks/useOnClickOutside\";\r\nimport { setSettingPopover } from \"../../../helpers/redux/slices/popoversSlice\";\r\nimport { conditions } from \"../../../helpers/conditions/conditions\";\r\nimport IMAGES from \"../../../images/importImages\";\r\nimport Speed from \"../speed/speed\";\r\n\r\nconst Settings = () => {\r\n    const dispatch = useAppDispatch();\r\n    useAppSelector(({ videoData: { params } }) => ({ params }),shallowEqual);\r\n    const { settingPopover } = useAppSelector(({ popovers: { settingPopover } }) => ({ settingPopover }), shallowEqual);\r\n\r\n    const [section, setSection] = useState<string>(SettingSections.main);\r\n    const [showTooltip, setShowTooltip] = useState<boolean>(false);\r\n\r\n    const settingsRef = useRef(null);\r\n\r\n    useOnClickOutside(settingsRef, () => {\r\n        dispatch(setSettingPopover(false));\r\n        setTimeout(() => setSection(SettingSections.main), 500);\r\n    });\r\n\r\n    return (\r\n        <div className={`pl-inline-flex ${conditions(ConditionName.isLandscape) && \"pl-relative\"}`} ref={settingsRef}>\r\n            <div\r\n                className={`pl-flex pl-items-center pl-relative pl-cursor-pointer`}\r\n                onClick={() => dispatch(setSettingPopover(!settingPopover))}\r\n                onMouseOver={() => !conditions(ConditionName.isTouchScreen) && !conditions(ConditionName.showSettingPopover) && setShowTooltip(true)}\r\n                onMouseLeave={() => !conditions(ConditionName.isTouchScreen) && setShowTooltip(false)}\r\n            >\r\n                <Image\r\n                    src={IMAGES.settings}\r\n                    alt=\"\"\r\n                    width={20}\r\n                    height={20}\r\n                />\r\n                {showTooltip && <ControllbarTooltip title=\"تنظیمات\" />}\r\n            </div>\r\n            <Popover\r\n                classNames={`!pl-p-0 pl-overflow-hidden !pl-bg-white ${conditions(ConditionName.isTouchScreen) ? \"!pl-fixed !pl-bottom-0 !pl-rounded-t-[20px] pl-rounded-b-none\" : \"!pl-w-[230px] pl-right-0 pl-mb-[33px] !pl-rounded-[12px]\"} ${conditions(ConditionName.isTouchScreenPortrait) && \"!pl-w-screen tablet:!pl-max-w-[285px] tablet:!pl-mx-auto\"} ${conditions(ConditionName.isTouchScreenLandscape) && \"pl-w-full pl-max-w-[285px]\"}`}\r\n                status={settingPopover}\r\n                onClose={() => {\r\n                    dispatch(setSettingPopover(false))\r\n                    setTimeout(() => setSection(SettingSections.main), 500);\r\n                }}\r\n                type={conditions(ConditionName.isTouchScreen) ? \"modal\" : \"popover\"}\r\n                isBlurBackground={conditions(ConditionName.isTouchScreenPortrait)}\r\n                ref={settingsRef}\r\n                isHeader={conditions(ConditionName.isTouchScreen)}\r\n                customHeader={<></>}\r\n                isHasCatchUpLineOnTop={conditions(ConditionName.isTouchScreen)}\r\n            >\r\n                <>\r\n                    {section === SettingSections.main && (\r\n                        <div id={SettingSections.main} className=\"pl-p-4 pl-rounded-[10px] pl-flex pl-flex-col pl-gap-5 animate__animated animate__fadeIn\">\r\n                            {!conditions(ConditionName.isStaticFormat) && (\r\n                                <>\r\n                                    <div className=\"pl-flex pl-items-center pl-gap-[10px] pl-cursor-pointer\" onClick={() => setSection(SettingSections.qualityLevels)}>\r\n                                        <Image \r\n                                            src={IMAGES.qualitySetting}\r\n                                            alt=\"\"\r\n                                            width={16}\r\n                                            height={16}\r\n                                        />\r\n                                        <p className={`pl-ml-auto pl-text-[12px] pl-font-medium`}>کیفیت پخش</p>\r\n                                        <Image\r\n                                            src={IMAGES.chevronLeft}\r\n                                            alt=\"\"\r\n                                            width={16}\r\n                                            height={16}\r\n                                        />\r\n                                    </div>\r\n                                </>\r\n                            )} \r\n                            <div className=\"pl-flex pl-items-center pl-gap-[10px] pl-cursor-pointer\" onClick={() => setSection(SettingSections.speed)}>\r\n                                <Image\r\n                                    src={IMAGES.speed}\r\n                                    alt=\"\"\r\n                                    width={20}\r\n                                    height={20}\r\n                                />\r\n                                <p className={`pl-ml-auto pl-text-[12px] pl-font-medium`}>سرعت</p>\r\n                                <Image\r\n                                    src={IMAGES.chevronLeft}\r\n                                    alt=\"\"\r\n                                    width={16}\r\n                                    height={16}\r\n                                />\r\n                            </div>\r\n                        </div>\r\n                    )}\r\n                    {section === SettingSections.qualityLevels && <QualityLevels setSection={setSection} />}\r\n                    {section === SettingSections.speed && <Speed setSection={setSection} />}\r\n                </>\r\n            </Popover>\r\n        </div>\r\n    );\r\n};\r\n\r\nexport default memo(Settings);\r\n","import { TouchEvent, forwardRef, useEffect, useRef, useState } from \"react\";\r\nimport { createPortal } from \"react-dom\";\r\nimport { shallowEqual } from \"react-redux\";\r\nimport { IPopoverProps } from \"../../../helpers/interfaces/interfaces\";\r\nimport { useAppSelector } from \"../../../helpers/redux/hooks\";\r\nimport { conditions } from \"../../../helpers/conditions/conditions\";\r\nimport { ConditionName, zIndex } from \"../../../helpers/interfaces/enums\";\r\n\r\nconst Popover = forwardRef(\r\n    (\r\n        {\r\n            children,\r\n            status,\r\n            onClose,\r\n            type,\r\n            classNames,\r\n            parentClassNames,\r\n            styles,\r\n            isBlurBackground,\r\n            isFullHeight = false,\r\n            isHeader,\r\n            isHasCatchUpLineOnTop = false,\r\n            animation,\r\n            scrollbar = false,\r\n            isFocusOnInput = false,\r\n        }: IPopoverProps,\r\n        ref: any\r\n    ) => {\r\n        const [showPopover, setShowPopover] = useState<boolean>(status!);\r\n\r\n        const [heightOnTouchMove, setHeightOnTouchMove] = useState<number>(0);\r\n        const [zIndexOnCatchUp, setZIndexOnCatchUp] = useState<number>(0);\r\n\r\n        const { videoElementSizeInfo } = useAppSelector(({ videoData: { videoElementSizeInfo } }) => ({ videoElementSizeInfo }), shallowEqual);\r\n\r\n        const popoverContentHeightRef = useRef<number>(0);\r\n\r\n        useEffect(() => {\r\n            let timeout: any = undefined;\r\n\r\n            if (status) {\r\n                setShowPopover(true);\r\n            } else {\r\n                timeout = setTimeout(() => {\r\n                    onClose(false);\r\n                    setHeightOnTouchMove(0);\r\n                    setShowPopover(false);\r\n                }, 500);\r\n            }\r\n\r\n            return () => clearTimeout(timeout);\r\n        }, [status]);\r\n\r\n        const handleTouchMove = (event: any) => {\r\n            const popoverContent = document.getElementById(\"popover-content\");\r\n            if (!popoverContentHeightRef.current) popoverContentHeightRef.current = window.innerHeight - videoElementSizeInfo.top - popoverContent?.getBoundingClientRect().top!\r\n            event.stopPropagation();\r\n            if (window.innerHeight - videoElementSizeInfo.top - event.touches[0].clientY < popoverContentHeightRef.current) setHeightOnTouchMove(window.innerHeight - event.touches[0].clientY);\r\n            setZIndexOnCatchUp(zIndex.maxPopover);\r\n        };\r\n\r\n        const handleTouchEnd = () => {\r\n            onClose();\r\n        };\r\n\r\n        const content = (\r\n            <>\r\n                {isBlurBackground && (\r\n                    <div\r\n                        className={`pl-bg-black/[0.5] pl-w-screen pl-h-screen pl-fixed pl-top-0 pl-right-0 animate__animated animate__faster ${status ? \"animate__fadeIn\" : \"animate__fadeOut\"\r\n                            }`}\r\n                        style={{ zIndex: zIndex.popoverBlurBackground }}\r\n                    />\r\n                )}\r\n                <div\r\n                    className={`${type === \"modal\" &&\r\n                        \"pl-fixed pl-top-0 pl-left-0 pl-flex pl-w-full pl-h-full pl-justify-center pl-items-end sm:pl-items-center\"\r\n                        } ${parentClassNames}`}\r\n                    style={{ zIndex: isFullHeight && !isFocusOnInput ? zIndexOnCatchUp : zIndex.popoverContent }}\r\n                >\r\n                    <div\r\n                        className={`pl-flex pl-flex-col pl-rounded-[8px] animate__animated animate__faster pl-bg-white/[0.9]\r\n                        ${isFullHeight && \"pl-h-full\"}\r\n                        ${animation\r\n                                ? animation\r\n                                : window.innerWidth > 768 && type === \"modal\"\r\n                                    ? status\r\n                                        ? \"animate__fadeIn\"\r\n                                        : \"animate__fadeOut\"\r\n                                    : status\r\n                                        ? \"animate__fadeInUp\"\r\n                                        : \"animate__fadeOutDown\"\r\n                            }\r\n                        ${conditions(ConditionName.isTouchScreenPortrait)\r\n                                ? `!pl-fixed !pl-right-0 !pl-left-0 !pl-bottom-0 !pl-w-full !pl-mb-0 pl-rounded-[12px] !pl-rounded-b-none !pl-bg-white`\r\n                                : \"before:pl-hidden\"\r\n                            } \r\n                        ${type !== \"modal\" && \"pl-absolute pl-bottom-[130%] pl-overflow-auto no-scrollbar\"}\r\n                        ${classNames}\r\n                        `}\r\n                        style={{\r\n                            height: heightOnTouchMove ? heightOnTouchMove : \"max-content\",\r\n                            zIndex: zIndex.popoverContent,\r\n                            ...styles,\r\n                        }}\r\n                        ref={ref}\r\n                        id=\"popover-content\"\r\n                    >\r\n                        <>\r\n                            {isHeader && (\r\n                                <div\r\n                                    onTouchMove={isHasCatchUpLineOnTop ? handleTouchMove : () => { }}\r\n                                    onTouchEndCapture={isHasCatchUpLineOnTop ? handleTouchEnd : () => { }}\r\n                                    className=\"pl-py-4\"\r\n                                >\r\n                                    {isHasCatchUpLineOnTop && (\r\n                                        <div className=\"pl-absolute pl-top-[10px] pl-right-[50%] pl-mr-[-25px] pl-text-center pl-w-8 pl-h-1 pl-rounded-[20px] pl-bg-gray-highLight\" />\r\n                                    )}\r\n                                </div>\r\n                            )}\r\n                            <div\r\n                                className={`pl-overflow-y-auto pl-h-full pl-w-full ${!scrollbar && \"no-scrollbar\"}`}\r\n                                onTouchMove={(event: TouchEvent<HTMLDivElement>) => event.stopPropagation()}\r\n                            >\r\n                                {children}\r\n                            </div>\r\n                        </>\r\n                    </div>\r\n                </div>\r\n            </>\r\n        );\r\n\r\n        return (\r\n            <>\r\n                {showPopover && (\r\n                    <>\r\n                        {type === \"modal\" ? (\r\n                            createPortal(<>{content}</>, document.getElementById(\"dialog-react-root-videoPlayer\")!)\r\n                        ) : (\r\n                            <div>{content}</div>\r\n                        )}\r\n                    </>\r\n                )}\r\n            </>\r\n        );\r\n    }\r\n);\r\n\r\nPopover.displayName = \"popover\";\r\n\r\nexport default Popover;\r\n","import { shallowEqual } from \"react-redux\";\r\nimport { memo, useRef, useState } from \"react\";\r\nimport { useAppDispatch, useAppSelector } from \"../../../helpers/redux/hooks\";\r\nimport { conditions } from \"../../../helpers/conditions/conditions\";\r\nimport { ConditionName, SettingSections } from \"../../../helpers/interfaces/enums\";\r\nimport { sendFluentLog } from \"../../../helpers/logs/fluentdLogger\";\r\nimport { qualityChangeRequestLog } from \"../../../helpers/logs/logs\";\r\nimport { setActiveElements } from \"../../../helpers/redux/slices/controllerSlice\";\r\nimport { setQualityLevelsPopover, setSettingPopover } from \"../../../helpers/redux/slices/popoversSlice\";\r\nimport { setUserSettings } from \"../../../helpers/redux/slices/userSlice\";\r\nimport Image from \"next/legacy/image\";\r\nimport IMAGES from \"../../../images/importImages\";\r\nimport { IQualityLevel } from \"../../../helpers/interfaces/interfaces\";\r\nimport Popover from \"../popover/popover\";\r\nimport useOnClickOutside from \"../../../helpers/hooks/useOnClickOutside\";\r\nimport ControllbarTooltip from \"../footer/controllbar/controllbarTooltip\";\r\n\r\nconst QualityLevels = ({ setSection, showQualityLevelsIcon }: IQualityLevel) => {\r\n    const dispatch = useAppDispatch();\r\n    let { qualityLevels } = useAppSelector(\r\n        ({ controller: { qualityLevels, manualQuality, autoQuality, showMiniPlayer } }) => ({\r\n            qualityLevels,\r\n            manualQuality,\r\n            autoQuality,\r\n            showMiniPlayer\r\n        }),\r\n        shallowEqual\r\n    );\r\n    const { settings } = useAppSelector(({ user: { settings } }) => ({ settings }), shallowEqual);\r\n    const { qualityLevelsPopover } = useAppSelector(({ popovers: { qualityLevelsPopover } }) => ({ qualityLevelsPopover }), shallowEqual);\r\n    useAppSelector(({ videoData: { params, videoElementSizeInfo } }) => ({ params, videoElementSizeInfo }), shallowEqual);\r\n\r\n    const [showTooltip, setShowTooltip] = useState<boolean>(false);\r\n\r\n    qualityLevels = [-1, ...qualityLevels];\r\n\r\n    const handleTickSelectedQuality = (index: number, qualityLevel: number) => {\r\n        if (conditions(ConditionName.isAutoQuality) && qualityLevel === -1) return true;\r\n        else return !conditions(ConditionName.isAutoQuality) && settings.quality === index;\r\n    };\r\n\r\n    const qualityLevelsRef = useRef<any>(null);\r\n\r\n    useOnClickOutside(qualityLevelsRef, () => {\r\n        if (qualityLevelsPopover) dispatch(setQualityLevelsPopover(false));\r\n    });\r\n\r\n    const qualityLevelsContent = (\r\n        <div id={SettingSections.qualityLevels} className=\"animate__animated animate__fadeIn pl-py-2\">\r\n            <ul className=\"pl-flex pl-flex-col\">\r\n                {qualityLevels.map((qualityLevel: number, index: number) => (\r\n                    <li\r\n                        key={index}\r\n                        className={`pl-flex pl-items-center pl-text-[14px] pl-font-medium pl-rounded-[4px] pl-relative pl-cursor-pointer pl-leading-6 pl-p-1 pl-pr-2 ${handleTickSelectedQuality(index - 1, qualityLevel) && \"pl-bg-primary/[0.12] !pl-cursor-default\"\r\n                            }`}\r\n                        onClick={handleTickSelectedQuality(index - 1, qualityLevel) ? () => { } : () => {\r\n                            sendFluentLog(qualityChangeRequestLog(qualityLevel === -1 ? \"auto\" : `${qualityLevel}P`));\r\n                            dispatch(setActiveElements(false));\r\n                            dispatch(setSettingPopover(false));\r\n                            dispatch(setQualityLevelsPopover(false));\r\n                            dispatch(setUserSettings({ ...settings, quality: qualityLevel === -1 ? -1 : index - 1 }));\r\n                            if (setSection) setSection(SettingSections.main);\r\n                        }}\r\n                    >\r\n                        {!conditions(ConditionName.isTouchScreen) && handleTickSelectedQuality(index - 1, qualityLevel) && (\r\n                            <div className=\"pl-absolute pl-right-[10px]\">\r\n                                <Image\r\n                                    src={IMAGES.tick}\r\n                                    alt=\"\"\r\n                                    width={12}\r\n                                    height={9}\r\n                                />\r\n                            </div>\r\n                        )}\r\n                        {conditions(ConditionName.isTouchScreen) && (\r\n                            <div className={`pl-w-5 pl-h-5 pl-rounded-full pl-border pl-border-black/[0.5] pl-p-0.5 ${handleTickSelectedQuality(index - 1, qualityLevel) && \"pl-border-primary\"} pl-mr-[10px]`}>\r\n                                {handleTickSelectedQuality(index - 1, qualityLevel) && <div className=\"pl-w-full pl-h-full pl-rounded-full pl-bg-primary\"/>}\r\n                            </div>\r\n                        )}\r\n                        <span className={`pl-w-full pl-px-2 pl-py-1 ${conditions(ConditionName.isTouchScreen) ? \"pl-pr-[21px]\" : \"pl-pr-[36px]\"}`}>\r\n                            {qualityLevel === -1 ? (\r\n                                <span>\r\n                                    <span className=\"pl-text-[12px] pl-font-medium\">خودکار </span>\r\n                                    <span className=\"pl-text-[10px] pl-font-normal pl-text-black/[0.87]\">(بر اساس سرعت اینترنت شما)</span>\r\n                                </span>\r\n                            ) : `${qualityLevel}p`}\r\n                        </span>\r\n                    </li>\r\n                ))}\r\n            </ul>\r\n        </div>\r\n    )\r\n\r\n    return (\r\n        <>\r\n            {showQualityLevelsIcon ? (\r\n                <div className=\"pl-relative pl-flex pl-items-center\">\r\n                    <Image\r\n                        src={IMAGES.qualitySetting1}\r\n                        alt=\"speed-icon\"\r\n                        width={20}\r\n                        height={20}\r\n                        onClick={() => dispatch(setQualityLevelsPopover(true))}\r\n                        onMouseOver={() => !conditions(ConditionName.isTouchScreen) && !conditions(ConditionName.showQualityLevelsPopover) && setShowTooltip(true)}\r\n                        onMouseLeave={() => !conditions(ConditionName.isTouchScreen) && setShowTooltip(false)}\r\n                        className=\"pl-cursor-pointer\"\r\n                    />\r\n                    {showTooltip && (\r\n                        <ControllbarTooltip\r\n                            title=\"کیفیت پخش\"\r\n                        />\r\n                    )}\r\n                    <Popover\r\n                        classNames={`!pl-p-0 pl-overflow-hidden !pl-bg-white ${conditions(ConditionName.isTouchScreen) ? \"!pl-fixed !pl-bottom-0 !pl-rounded-t-[20px] pl-rounded-b-none\" : \"pl-right-0 pl-mb-[33px] !pl-rounded-[12px] pl-w-[230px]\"} ${conditions(ConditionName.isTouchScreenPortrait) && \"!pl-w-screen tablet:pl-max-w-[285px]\"} ${conditions(ConditionName.isTouchScreenLandscape) && \"pl-w-full pl-max-w-[285px]\"}`}\r\n                        status={qualityLevelsPopover}\r\n                        onClose={() => dispatch(setQualityLevelsPopover(false))}\r\n                        type={conditions(ConditionName.isTouchScreen) ? \"modal\" : \"popover\"}\r\n                        isBlurBackground={conditions(ConditionName.isTouchScreenPortrait)}\r\n                        ref={qualityLevelsRef}\r\n                        isHeader={conditions(ConditionName.isTouchScreen)}\r\n                        customHeader={<></>}\r\n                        isHasCatchUpLineOnTop={conditions(ConditionName.isTouchScreen)}\r\n                    >\r\n                        {qualityLevelsContent}\r\n                    </Popover>\r\n                </div>\r\n            ) : (\r\n                <>{qualityLevelsContent}</>\r\n            )}\r\n\r\n        </>\r\n    );\r\n};\r\n\r\nexport default memo(QualityLevels);\r\n","import { ChangeEvent, RefObject, useEffect } from \"react\";\r\n\r\nconst useOnClickOutside = (ref: RefObject<HTMLInputElement>, handler: (event: ChangeEvent<HTMLInputElement>) => void) => {\r\n    useEffect(() => {\r\n        const listener = (event: any) => {\r\n            // Do nothing if clicking ref's element or descendent elements\r\n            if (!ref.current || ref.current.contains(event.target)) return;\r\n            handler(event);\r\n        };\r\n        document.addEventListener(\"mousedown\", listener);\r\n        document.addEventListener(\"touchstart\", listener);\r\n        return () => {\r\n            document.removeEventListener(\"mousedown\", listener);\r\n            document.removeEventListener(\"touchstart\", listener);\r\n        };\r\n    }, [ref, handler]);\r\n};\r\n\r\nexport default useOnClickOutside;\r\n","import { useEffect, useRef, useState } from \"react\";\r\nimport { shallowEqual } from \"react-redux\";\r\nimport { useAppDispatch, useAppSelector } from \"../../../helpers/redux/hooks\";\r\nimport useOnClickOutside from \"../../../helpers/hooks/useOnClickOutside\";\r\nimport { setSettingPopover, setSpeedPopover } from \"../../../helpers/redux/slices/popoversSlice\";\r\nimport { videoTag } from \"../../../helpers/constants\";\r\nimport { conditions } from \"../../../helpers/conditions/conditions\";\r\nimport { ConditionName, SettingSections } from \"../../../helpers/interfaces/enums\";\r\nimport { setUserSettings } from \"../../../helpers/redux/slices/userSlice\";\r\nimport { sendFluentLog } from \"../../../helpers/logs/fluentdLogger\";\r\nimport { speedChangeLog } from \"../../../helpers/logs/logs\";\r\nimport { ISpeed } from \"../../../helpers/interfaces/interfaces\";\r\nimport Image from \"next/legacy/image\";\r\nimport IMAGES from \"../../../images/importImages\";\r\nimport Popover from \"../popover/popover\";\r\nimport { setActiveElements } from \"../../../helpers/redux/slices/controllerSlice\";\r\nimport ControllbarTooltip from \"../footer/controllbar/controllbarTooltip\";\r\n\r\nconst speeds = [0.5, 0.75, 1, 1.25, 1.5, 1.75, 2];\r\n\r\nconst Speed = ({setSection, showSpeedIcon}: ISpeed) => {\r\n    const dispatch = useAppDispatch();\r\n    useAppSelector(({ controller: { showMiniPlayer } }) => ({ showMiniPlayer }), shallowEqual);\r\n    useAppSelector(({ videoData: { videoElementSizeInfo, params } }) => ({ videoElementSizeInfo, params }), shallowEqual);\r\n    const { speedPopover } = useAppSelector(({ popovers: { speedPopover } }) => ({ speedPopover }), shallowEqual);\r\n    const { settings } = useAppSelector(({ user: { settings } }) => ({ settings }), shallowEqual);\r\n\r\n    const speedRef = useRef<any>(null);\r\n\r\n    const [showTooltip, setShowTooltip] = useState<boolean>(false);\r\n\r\n    useOnClickOutside(speedRef, () => {\r\n        if (speedPopover) dispatch(setSpeedPopover(false));\r\n    });\r\n\r\n    useEffect(() => {\r\n        if (videoTag()) videoTag().playbackRate = settings.speed;\r\n    }, []);\r\n\r\n    const speedContent = (\r\n        <div id={SettingSections.speed} className=\"animate__animated animate__fadeIn pl-py-2\">\r\n            <ul className=\"pl-flex pl-flex-col\">\r\n                {speeds.map((speed: number, index: number) => (\r\n                    <li\r\n                        key={index}\r\n                        className={`pl-flex pl-items-center pl-text-[14px] pl-font-medium pl-rounded-[4px] pl-relative pl-cursor-pointer pl-leading-6 pl-p-1 pl-pr-2 ${settings.speed === speed && \"pl-bg-primary/[0.12] !pl-cursor-default\"}`}\r\n                        onClick={settings.speed === speed ? () => { } : () => {\r\n                            if (!conditions(ConditionName.isStaticFormat)) sendFluentLog(speedChangeLog(speed));\r\n                            dispatch(setActiveElements(false));\r\n                            dispatch(setSettingPopover(false));\r\n                            dispatch(setSpeedPopover(false));\r\n                            dispatch(setUserSettings({ ...settings, speed }));\r\n                            videoTag().playbackRate = speed;\r\n                            if (setSection) setSection(SettingSections.main);\r\n                        }}\r\n                    >\r\n                        {!conditions(ConditionName.isTouchScreen) && settings.speed === speed && (\r\n                            <div className=\"pl-absolute pl-right-[10px]\">\r\n                                <Image\r\n                                    src={IMAGES.tick}\r\n                                    alt=\"\"\r\n                                    width={12}\r\n                                    height={9}\r\n                                />\r\n                            </div>\r\n                        )}\r\n                        {conditions(ConditionName.isTouchScreen) && (\r\n                            <div className={`pl-w-5 pl-h-5 pl-rounded-full pl-border pl-border-black/[0.5] pl-p-0.5 ${settings.speed === speed && \"pl-border-primary\"} pl-mr-[10px]`}>\r\n                                {settings.speed === speed && <div className=\"pl-w-full pl-h-full pl-rounded-full pl-bg-primary\" />}\r\n                            </div>\r\n                        )}\r\n                        <p className=\"pl-w-full pl-px-2 pl-py-1 pl-pr-[36px] pl-flex pl-items-center pl-gap-2\">{speed}</p>\r\n                    </li>\r\n                ))}\r\n            </ul>\r\n        </div>\r\n    )\r\n\r\n    return (\r\n        <>\r\n            {showSpeedIcon ? (\r\n                <div className=\"pl-relative pl-flex pl-items-center\">\r\n                    <Image\r\n                        src={IMAGES.speed1}\r\n                        alt=\"speed-icon\"\r\n                        width={20}\r\n                        height={20}\r\n                        onClick={() => dispatch(setSpeedPopover(true))}\r\n                        onMouseOver={() => !conditions(ConditionName.isTouchScreen) && !conditions(ConditionName.showSpeedPopover) && setShowTooltip(true)}\r\n                        onMouseLeave={() => !conditions(ConditionName.isTouchScreen) && setShowTooltip(false)}\r\n                        className=\"pl-cursor-pointer\"\r\n                    />\r\n                    {showTooltip && (\r\n                        <ControllbarTooltip\r\n                            title=\"سرعت\"\r\n                        />\r\n                    )}\r\n                    <Popover\r\n                        classNames={`!pl-p-0 pl-overflow-hidden !pl-bg-white ${conditions(ConditionName.isTouchScreen) ? \"!pl-fixed !pl-bottom-0 !pl-rounded-t-[20px] pl-rounded-b-none\" : \"!pl-w-[230px] pl-right-0 pl-mb-[33px] !pl-rounded-[12px]\"} ${conditions(ConditionName.isTouchScreenPortrait) && \"!pl-w-screen tablet:!pl-max-w-[285px] tablet:!pl-mx-auto\"} ${conditions(ConditionName.isTouchScreenLandscape) && \"pl-w-full pl-max-w-[285px]\"}`}\r\n                        status={speedPopover}\r\n                        onClose={() => dispatch(setSpeedPopover(false))}\r\n                        type={conditions(ConditionName.isTouchScreen) ? \"modal\" : \"popover\"}\r\n                        isBlurBackground={conditions(ConditionName.isTouchScreenPortrait)}\r\n                        ref={speedRef}\r\n                        isHeader={conditions(ConditionName.isTouchScreen)}\r\n                        customHeader={<></>}\r\n                        isHasCatchUpLineOnTop={conditions(ConditionName.isTouchScreen)}\r\n                    >\r\n                        {speedContent}\r\n                    </Popover>\r\n                </div>\r\n            ) : (\r\n                <>{speedContent}</>\r\n            )}\r\n\r\n        </>\r\n    );\r\n};\r\n\r\nexport default Speed;\r\n","import { shallowEqual } from \"react-redux\";\r\nimport { useAppSelector } from \"../../../helpers/redux/hooks\";\r\nimport { secondsToHMS } from \"../../../helpers/helpers\";\r\nimport { ConditionName } from \"../../../helpers/interfaces/enums\";\r\nimport { conditions } from \"../../../helpers/conditions/conditions\";\r\n\r\nconst ElapsedTime = () => {\r\n    const { duration, currentTime } = useAppSelector(\r\n        ({ controller: { duration, currentTime } }) => ({ duration, currentTime }),\r\n        shallowEqual\r\n    );\r\n    useAppSelector(\r\n        ({ videoData: { videoElementSizeInfo, params } }) => ({ videoElementSizeInfo, params }),\r\n        shallowEqual\r\n    );\r\n\r\n    return (\r\n        <>\r\n            <div\r\n                className={`pl-mr-auto !pl-text-white pl-w-full pl-max-w-max pl-text-[12px] pl-font-bold ${conditions(ConditionName.isFullScreen) ? \"pl-ml-8\" : \"pl-ml-4\"} ${conditions(ConditionName.isTouchScreenPortrait) && \"!pl-ml-0\"}`}\r\n            >\r\n                <span>{secondsToHMS(duration)}</span>\r\n                <span> / </span>\r\n                <span>{secondsToHMS(currentTime)}</span>\r\n            </div>\r\n        </>\r\n    );\r\n};\r\n\r\nexport default ElapsedTime;\r\n","import Image from \"next/legacy/image\";\r\nimport IMAGES from \"../../../images/importImages\";\r\nimport { handleLock } from \"../../../helpers/redux/actions/controller.actions\";\r\n\r\nconst Unlock = () => {\r\n\r\n    return (\r\n        <Image \r\n            src={IMAGES.unlock} \r\n            alt=\"unlock-icon\" \r\n            width={20} \r\n            height={20}\r\n            onClick={() => handleLock(\"lock\")}\r\n        />\r\n    );\r\n};\r\n\r\nexport default Unlock;\r\n","import Image from \"next/legacy/image\";\r\nimport { useEffect } from \"react\";\r\nimport { conditions } from \"../../../helpers/conditions/conditions\";\r\nimport { ConditionName } from \"../../../helpers/interfaces/enums\";\r\nimport { setActiveElements } from \"../../../helpers/redux/slices/controllerSlice\";\r\nimport { useAppDispatch, useAppSelector } from \"../../../helpers/redux/hooks\";\r\nimport { shallowEqual } from \"react-redux\";\r\nimport IMAGES from \"../../../images/importImages\";\r\nimport store from \"../../../helpers/redux/store\";\r\nimport { notShowingLoaderTime, showLoaderTime } from \"../../../helpers/environment\";\r\nimport { setShowCheckInternetSnackBar } from \"../../../helpers/redux/slices/videoDataSlice\";\r\n\r\nconst CheckInternet = () => {\r\n    const dispatch = useAppDispatch();\r\n    const { isLoading } = useAppSelector(({ controller: { isLoading } }) => ({ isLoading }), shallowEqual);\r\n    const { showCheckInternetSnackBar } = useAppSelector(({ videoData: { showCheckInternetSnackBar } }) => ({ showCheckInternetSnackBar }), shallowEqual);\r\n\r\n    useEffect(() => {\r\n        let timeout: any = null;\r\n        clearTimeout(timeout);\r\n        if (conditions(ConditionName.isLoading)) {\r\n            timeout = setTimeout(() => {\r\n                const isLoading = store.getState().controller.isLoading;\r\n                if (isLoading) dispatch(setShowCheckInternetSnackBar(true));\r\n            },showLoaderTime)\r\n            timeout = setTimeout(() => {\r\n                dispatch(setShowCheckInternetSnackBar(false));\r\n                dispatch(setActiveElements(false));\r\n            }, notShowingLoaderTime)\r\n        } else {\r\n            dispatch(setShowCheckInternetSnackBar(false));\r\n            clearTimeout(timeout);\r\n            dispatch(setActiveElements(false));\r\n        }\r\n\r\n        return () => clearTimeout(timeout);\r\n    }, [isLoading])\r\n\r\n    return (\r\n        <div className={`pl-absolute pl-bottom-0 pl-w-full pl-flex pl-justify-center pl-mb-[20px] animate__animated animate__faster ${showCheckInternetSnackBar ? \"animate__fadeIn\" : \"animate__fadeOut\"} ${conditions(ConditionName.showMiniPlayer) ? \"pl-z-[10]\" : \"pl-z-[-1]\"}`}>\r\n            <div className=\"pl-flex pl-items-center pl-gap-3 pl-bg-background pl-w-max pl-px-[18px] pl-py-4 pl-rounded-[8px]\">\r\n                <Image\r\n                    src={IMAGES.infoCircle}\r\n                    alt=\"info-circle\"\r\n                    width={16}\r\n                    height={16}\r\n                />\r\n                <p className=\"pl-text-[12px] pl-text-white/[0.9]\">لطفا وضعیت اینترنت خود را بررسی کنید.</p>\r\n            </div>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default CheckInternet;","import dynamic from \"next/dynamic\";\r\nimport { ConditionName } from \"../../../helpers/interfaces/enums\";\r\nimport { conditions } from \"../../../helpers/conditions/conditions\";\r\n\r\nconst StaticVideoTag = dynamic(() => import(\"./staticVideoTag\"));\r\nconst NonStaticVideoTag = dynamic(() => import(\"./nonStaticVideoTag\"));\r\n\r\nconst VideoTag = () => {\r\n    return <>{conditions(ConditionName.isStaticFormat) ? <StaticVideoTag /> : <NonStaticVideoTag /> }</>;\r\n};\r\n\r\nexport default VideoTag;\r\n","import { useEffect } from \"react\";\r\nimport { shallowEqual } from \"react-redux\";\r\nimport { useAppDispatch, useAppSelector } from \"../redux/hooks\";\r\nimport { setIsFullScreen } from \"../redux/slices/controllerSlice\";\r\nimport { handleVideoElementSizeInfo } from \"../redux/actions/controller.actions\";\r\nimport { fullscreenLog } from \"../logs/logs\";\r\nimport { sendFluentLog } from \"../logs/fluentdLogger\";\r\n\r\nconst useFullScreen = () => {\r\n    const dispatch = useAppDispatch();\r\n    useAppSelector(({ videoData: { params } }) => ({ params }), shallowEqual);\r\n\r\n    useEffect(() => {\r\n        const handleChangeFullScreen = () => {\r\n            const isFullScreen = document.fullscreenElement;\r\n\r\n            if (isFullScreen) dispatch(setIsFullScreen(true));\r\n            else {\r\n                dispatch(setIsFullScreen(false));\r\n                handleVideoElementSizeInfo();\r\n                sendFluentLog(fullscreenLog(\"exitFullScreen\"));\r\n            }\r\n        };\r\n\r\n        if (document.addEventListener) {\r\n            document.addEventListener(\"webkitfullscreenchange\", handleChangeFullScreen, false);\r\n            document.addEventListener(\"mozfullscreenchange\", handleChangeFullScreen, false);\r\n            document.addEventListener(\"fullscreenchange\", handleChangeFullScreen, false);\r\n            document.addEventListener(\"MSFullscreenChange\", handleChangeFullScreen, false);\r\n        }\r\n\r\n        () => {\r\n            document.removeEventListener(\"webkitfullscreenchange\", handleChangeFullScreen, false);\r\n            document.removeEventListener(\"mozfullscreenchange\", handleChangeFullScreen, false);\r\n            document.removeEventListener(\"fullscreenchange\", handleChangeFullScreen, false);\r\n            document.removeEventListener(\"MSFullscreenChange\", handleChangeFullScreen, false);\r\n        };\r\n    }, []);\r\n};\r\n\r\nexport default useFullScreen;\r\n","import { useEffect, useRef } from \"react\";\r\nimport { checkParentTarget, isTouchScreen } from \"../helpers\";\r\nimport { activeElementsTime } from \"../environment\";\r\nimport { shallowEqual } from \"react-redux\";\r\nimport { useAppDispatch, useAppSelector } from \"../redux/hooks\";\r\nimport { setActiveElements } from \"../redux/slices/controllerSlice\";\r\nimport store from \"../redux/store\";\r\n\r\nconst useActiveInActive = (isRightDoubleTouched: boolean, isLeftDoubleTouched: boolean) => {\r\n    const dispatch = useAppDispatch();\r\n    const { activeElements } = useAppSelector(({ controller: { activeElements } }) => ({ activeElements }), shallowEqual);\r\n\r\n    const timeoutRef = useRef<any>(null);\r\n    const isRightDoubleTouchedRef = useRef<boolean>(isRightDoubleTouched);\r\n    const isLeftDoubleTouchedRef = useRef<boolean>(isLeftDoubleTouched);\r\n\r\n    useEffect(() => {\r\n        isRightDoubleTouchedRef.current = isRightDoubleTouched;\r\n    }, [isRightDoubleTouched]);\r\n\r\n    useEffect(() => {\r\n        isLeftDoubleTouchedRef.current = isLeftDoubleTouched;\r\n    }, [isLeftDoubleTouched]);\r\n\r\n    useEffect(() => {\r\n        let shouldInActiveElements = false;\r\n\r\n        const handlePointerMove = (event: any) => {\r\n            const { activeElements, isEnded } = store.getState().controller;\r\n            if (isEnded) dispatch(setActiveElements(true));\r\n            else if (event.pointerType === \"mouse\") {\r\n                clearTimeout(timeoutRef.current);\r\n                if (!activeElements) dispatch(setActiveElements(true));\r\n                else if (\r\n                    [\"player-tag\", \"main-content\", \"player-controllbar\", \"video-opacity\", \"playerElements\", \"touchBackward\", \"touchForward\"].includes(event.target.id)\r\n                )\r\n                    shouldInActiveElements = true;\r\n                timeoutRef.current = setTimeout(() => {\r\n                    const { settingPopover, speedPopover, qualityLevelsPopover } = store.getState().popovers;\r\n                    const { play } = store.getState().controller;\r\n                    if (!settingPopover && !speedPopover && !qualityLevelsPopover && play && shouldInActiveElements) dispatch(setActiveElements(false));\r\n                }, activeElementsTime);\r\n            }\r\n        };\r\n\r\n        const handleTouchStart = (event: any) => {\r\n            setTimeout(() => {\r\n                const { activeElements, isEnded, firstPlay } = store.getState().controller;\r\n                clearTimeout(timeoutRef.current);\r\n                if (isEnded) return dispatch(setActiveElements(true));\r\n                if (isTouchScreen() && !firstPlay && !isRightDoubleTouchedRef.current && !isLeftDoubleTouchedRef.current) {\r\n                    if (\r\n                        [\"player-tag\", \"main-content\", \"video-opacity\", \"touchBackward\", \"touchForward\"].includes(event.target.id) ||\r\n                        checkParentTarget(event, \"playerElements\")\r\n                    ) {\r\n                        dispatch(setActiveElements(!activeElements));\r\n                        timeoutRef.current = setTimeout(() => {\r\n                            const { settingPopover, speedPopover, qualityLevelsPopover } = store.getState().popovers;\r\n                            if (!settingPopover && !speedPopover && !qualityLevelsPopover) dispatch(setActiveElements(false));\r\n                        }, activeElementsTime);\r\n                    } else {\r\n                        timeoutRef.current = setTimeout(() => {\r\n                            const { settingPopover, speedPopover, qualityLevelsPopover } = store.getState().popovers;\r\n                            if (!settingPopover && !speedPopover && !qualityLevelsPopover) dispatch(setActiveElements(false));\r\n                        }, activeElementsTime);\r\n                    }\r\n                }\r\n            }, 200);\r\n        };\r\n\r\n        const handleTouchMove = () => {\r\n            clearTimeout(timeoutRef.current);\r\n            timeoutRef.current = setTimeout(() => {\r\n                const { activeElements, isEnded } = store.getState().controller;\r\n                const { settingPopover, speedPopover, qualityLevelsPopover } = store.getState().popovers;\r\n                if (isEnded) dispatch(setActiveElements(true));\r\n                else if (!settingPopover && !speedPopover && !qualityLevelsPopover && activeElements && !isEnded)\r\n                    dispatch(setActiveElements(!activeElements));\r\n            }, activeElementsTime);\r\n        };\r\n\r\n        document.getElementById(\"video-area\")!.addEventListener(\"touchstart\", handleTouchStart);\r\n        document.getElementById(\"video-area\")!.addEventListener(\"touchmove\", handleTouchMove);\r\n        document.getElementById(\"video-area\")!.addEventListener(\"pointermove\", handlePointerMove);\r\n\r\n        return () => {\r\n            const videoArea = document.getElementById(\"video-area\")!;\r\n            if (videoArea) {\r\n                videoArea.removeEventListener(\"touchstart\", handleTouchStart);\r\n                videoArea.removeEventListener(\"touchmove\", handleTouchMove);\r\n                videoArea.removeEventListener(\"pointermove\", handlePointerMove);\r\n            }\r\n        };\r\n    }, [activeElements, isRightDoubleTouched, isLeftDoubleTouched]);\r\n};\r\n\r\nexport default useActiveInActive;\r\n","import { useEffect } from \"react\";\r\nimport { videoTag } from \"../constants\";\r\nimport { conditions } from \"../conditions/conditions\";\r\nimport { ConditionName } from \"../interfaces/enums\";\r\nimport { handleVideoElementSizeInfo } from \"../redux/actions/controller.actions\";\r\nimport { useAppSelector } from \"../redux/hooks\";\r\nimport { isTouchScreen } from \"../helpers\";\r\nimport { shallowEqual } from \"react-redux\";\r\n\r\nconst useHandleResize = () => {\r\n\r\n    const { firstPlay, showMiniPlayer, isFullScreen } = useAppSelector(\r\n        ({ controller: { firstPlay, showMiniPlayer, isFullScreen } }) => ({\r\n            firstPlay,\r\n            showMiniPlayer,\r\n            isFullScreen,\r\n        }),\r\n        shallowEqual\r\n    );\r\n\r\n    useEffect(() => {\r\n        if (videoTag()) {\r\n            let timeout: any;\r\n            const handleResize = () => {\r\n                if (!conditions(ConditionName.showMiniPlayer)) {\r\n                    timeout = setTimeout(\r\n                        () => {\r\n                            handleVideoElementSizeInfo();\r\n                        },\r\n                        isTouchScreen() ? 0 : 300\r\n                    );\r\n                }\r\n            };\r\n            handleResize();\r\n            window.addEventListener(\"resize\", handleResize);\r\n\r\n            return () => {\r\n                window.removeEventListener(\"resize\", handleResize);\r\n                clearTimeout(timeout);\r\n            };\r\n        }\r\n    }, [firstPlay, showMiniPlayer, isFullScreen, videoTag()]);\r\n}\r\n\r\nexport default useHandleResize;"]}