@halibegic/react-video-player 0.0.38 → 0.0.40

package/dist/react-video-player.es.js

@@ -1,12 +1,12 @@
 var Mn = Object.defineProperty, Nn = Object.defineProperties;
 var Vn = Object.getOwnPropertyDescriptors;
-var Se = Object.getOwnPropertySymbols;
+var be = Object.getOwnPropertySymbols;
 var vt = Object.prototype.hasOwnProperty, yt = Object.prototype.propertyIsEnumerable;
-var pt = (e, t, n) => t in e ? Mn(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, L = (e, t) => {
+var pt = (e, t, n) => t in e ? Mn(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, j = (e, t) => {
   for (var n in t || (t = {}))
     vt.call(t, n) && pt(e, n, t[n]);
-  if (Se)
-    for (var n of Se(t))
+  if (be)
+    for (var n of be(t))
       yt.call(t, n) && pt(e, n, t[n]);
   return e;
 }, he = (e, t) => Nn(e, Vn(t));
@@ -14,19 +14,19 @@ var ne = (e, t) => {
   var n = {};
   for (var o in e)
     vt.call(e, o) && t.indexOf(o) < 0 && (n[o] = e[o]);
-  if (e != null && Se)
-    for (var o of Se(e))
+  if (e != null && be)
+    for (var o of be(e))
       t.indexOf(o) < 0 && yt.call(e, o) && (n[o] = e[o]);
   return n;
 };
-import St, { useLayoutEffect as An, useEffect as F, useRef as V, useState as X, createContext as jt, useContext as Lt, useCallback as z, forwardRef as Ne } from "react";
-import { create as Pt, useStore as kt } from "zustand";
+import bt, { useLayoutEffect as An, useEffect as A, useRef as N, useState as X, createContext as jt, useContext as Lt, useCallback as z, forwardRef as Ne } from "react";
+import { create as Pt, useStore as It } from "zustand";
 import On from "mitt";
 import re from "hls.js";
 import * as je from "@radix-ui/react-slider";
 import * as Te from "@radix-ui/react-popover";
 import * as Le from "@radix-ui/react-scroll-area";
-function It(e) {
+function kt(e) {
   var t = this.constructor;
   return this.then(
     function(n) {
@@ -55,9 +55,9 @@ function Dt(e) {
     var l = a.length;
     function u(c, d) {
       if (d && (typeof d == "object" || typeof d == "function")) {
-        var g = d.then;
-        if (typeof g == "function") {
-          g.call(
+        var v = d.then;
+        if (typeof v == "function") {
+          v.call(
             d,
             function(y) {
               u(c, y);
@@ -112,8 +112,8 @@ function Un(e, t) {
     e.apply(t, arguments);
   };
 }
-function M(e) {
-  if (!(this instanceof M))
+function F(e) {
+  if (!(this instanceof F))
     throw new TypeError("Promises must be constructed via new");
   if (typeof e != "function") throw new TypeError("not a function");
   this._state = 0, this._handled = !1, this._value = void 0, this._deferreds = [], At(e, this);
@@ -125,17 +125,17 @@ function Vt(e, t) {
     e._deferreds.push(t);
     return;
   }
-  e._handled = !0, M._immediateFn(function() {
+  e._handled = !0, F._immediateFn(function() {
     var n = e._state === 1 ? t.onFulfilled : t.onRejected;
     if (n === null) {
-      (e._state === 1 ? Ke : _e)(t.promise, e._value);
+      (e._state === 1 ? Ke : xe)(t.promise, e._value);
       return;
     }
     var o;
     try {
       o = n(e._value);
     } catch (a) {
-      _e(t.promise, a);
+      xe(t.promise, a);
       return;
     }
     Ke(t.promise, o);
@@ -147,7 +147,7 @@ function Ke(e, t) {
       throw new TypeError("A promise cannot be resolved with itself.");
     if (t && (typeof t == "object" || typeof t == "function")) {
       var n = t.then;
-      if (t instanceof M) {
+      if (t instanceof F) {
         e._state = 3, e._value = t, Ye(e);
         return;
       } else if (typeof n == "function") {
@@ -157,15 +157,15 @@ function Ke(e, t) {
     }
     e._state = 1, e._value = t, Ye(e);
   } catch (o) {
-    _e(e, o);
+    xe(e, o);
   }
 }
-function _e(e, t) {
+function xe(e, t) {
   e._state = 2, e._value = t, Ye(e);
 }
 function Ye(e) {
-  e._state === 2 && e._deferreds.length === 0 && M._immediateFn(function() {
-    e._handled || M._unhandledRejectionFn(e._value);
+  e._state === 2 && e._deferreds.length === 0 && F._immediateFn(function() {
+    e._handled || F._unhandledRejectionFn(e._value);
   });
   for (var t = 0, n = e._deferreds.length; t < n; t++)
     Vt(e, e._deferreds[t]);
@@ -182,24 +182,24 @@ function At(e, t) {
         n || (n = !0, Ke(t, o));
       },
       function(o) {
-        n || (n = !0, _e(t, o));
+        n || (n = !0, xe(t, o));
       }
     );
   } catch (o) {
     if (n) return;
-    n = !0, _e(t, o);
+    n = !0, xe(t, o);
   }
 }
-M.prototype.catch = function(e) {
+F.prototype.catch = function(e) {
   return this.then(null, e);
 };
-M.prototype.then = function(e, t) {
+F.prototype.then = function(e, t) {
   var n = new this.constructor($n);
   return Vt(this, new Bn(e, t, n)), n;
 };
-M.prototype.finally = It;
-M.all = function(e) {
-  return new M(function(t, n) {
+F.prototype.finally = kt;
+F.all = function(e) {
+  return new F(function(t, n) {
     if (!Nt(e))
       return n(new TypeError("Promise.all accepts an array"));
     var o = Array.prototype.slice.call(e);
@@ -212,8 +212,8 @@ M.all = function(e) {
           if (typeof d == "function") {
             d.call(
               c,
-              function(g) {
-                l(i, g);
+              function(v) {
+                l(i, v);
               },
               n
             );
@@ -221,41 +221,41 @@ M.all = function(e) {
           }
         }
         o[i] = c, --a === 0 && t(o);
-      } catch (g) {
-        n(g);
+      } catch (v) {
+        n(v);
       }
     }
     for (var u = 0; u < o.length; u++)
       l(u, o[u]);
   });
 };
-M.any = Mt;
-M.allSettled = Dt;
-M.resolve = function(e) {
-  return e && typeof e == "object" && e.constructor === M ? e : new M(function(t) {
+F.any = Mt;
+F.allSettled = Dt;
+F.resolve = function(e) {
+  return e && typeof e == "object" && e.constructor === F ? e : new F(function(t) {
     t(e);
   });
 };
-M.reject = function(e) {
-  return new M(function(t, n) {
+F.reject = function(e) {
+  return new F(function(t, n) {
     n(e);
   });
 };
-M.race = function(e) {
-  return new M(function(t, n) {
+F.race = function(e) {
+  return new F(function(t, n) {
     if (!Nt(e))
       return n(new TypeError("Promise.race accepts an array"));
     for (var o = 0, a = e.length; o < a; o++)
-      M.resolve(e[o]).then(t, n);
+      F.resolve(e[o]).then(t, n);
   });
 };
-M._immediateFn = // @ts-ignore
+F._immediateFn = // @ts-ignore
 typeof setImmediate == "function" && function(e) {
   setImmediate(e);
 } || function(e) {
   Hn(e, 0);
 };
-M._unhandledRejectionFn = function(t) {
+F._unhandledRejectionFn = function(t) {
   typeof console != "undefined" && console && console.warn("Possible Unhandled Promise Rejection:", t);
 };
 var ae = (function() {
@@ -267,66 +267,66 @@ var ae = (function() {
     return global;
   throw new Error("unable to locate global object");
 })();
-typeof ae.Promise != "function" ? ae.Promise = M : (ae.Promise.prototype.finally || (ae.Promise.prototype.finally = It), ae.Promise.allSettled || (ae.Promise.allSettled = Dt), ae.Promise.any || (ae.Promise.any = Mt));
+typeof ae.Promise != "function" ? ae.Promise = F : (ae.Promise.prototype.finally || (ae.Promise.prototype.finally = kt), ae.Promise.allSettled || (ae.Promise.allSettled = Dt), ae.Promise.any || (ae.Promise.any = Mt));
 var Pe = { exports: {} }, ge = {};
 var gt;
 function zn() {
   if (gt) return ge;
   gt = 1;
-  var e = St, t = Symbol.for("react.element"), n = Symbol.for("react.fragment"), o = Object.prototype.hasOwnProperty, a = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, l = { key: !0, ref: !0, __self: !0, __source: !0 };
+  var e = bt, t = Symbol.for("react.element"), n = Symbol.for("react.fragment"), o = Object.prototype.hasOwnProperty, a = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, l = { key: !0, ref: !0, __self: !0, __source: !0 };
   function u(i, c, d) {
-    var g, y = {}, v = null, x = null;
-    d !== void 0 && (v = "" + d), c.key !== void 0 && (v = "" + c.key), c.ref !== void 0 && (x = c.ref);
-    for (g in c) o.call(c, g) && !l.hasOwnProperty(g) && (y[g] = c[g]);
-    if (i && i.defaultProps) for (g in c = i.defaultProps, c) y[g] === void 0 && (y[g] = c[g]);
-    return { $$typeof: t, type: i, key: v, ref: x, props: y, _owner: a.current };
+    var v, y = {}, g = null, L = null;
+    d !== void 0 && (g = "" + d), c.key !== void 0 && (g = "" + c.key), c.ref !== void 0 && (L = c.ref);
+    for (v in c) o.call(c, v) && !l.hasOwnProperty(v) && (y[v] = c[v]);
+    if (i && i.defaultProps) for (v in c = i.defaultProps, c) y[v] === void 0 && (y[v] = c[v]);
+    return { $$typeof: t, type: i, key: g, ref: L, props: y, _owner: a.current };
   }
   return ge.Fragment = n, ge.jsx = u, ge.jsxs = u, ge;
 }
 var we = {};
 var wt;
-function qn() {
+function Wn() {
   return wt || (wt = 1, process.env.NODE_ENV !== "production" && (function() {
-    var e = St, t = Symbol.for("react.element"), n = Symbol.for("react.portal"), o = Symbol.for("react.fragment"), a = Symbol.for("react.strict_mode"), l = Symbol.for("react.profiler"), u = Symbol.for("react.provider"), i = Symbol.for("react.context"), c = Symbol.for("react.forward_ref"), d = Symbol.for("react.suspense"), g = Symbol.for("react.suspense_list"), y = Symbol.for("react.memo"), v = Symbol.for("react.lazy"), x = Symbol.for("react.offscreen"), P = Symbol.iterator, b = "@@iterator";
-    function E(r) {
+    var e = bt, t = Symbol.for("react.element"), n = Symbol.for("react.portal"), o = Symbol.for("react.fragment"), a = Symbol.for("react.strict_mode"), l = Symbol.for("react.profiler"), u = Symbol.for("react.provider"), i = Symbol.for("react.context"), c = Symbol.for("react.forward_ref"), d = Symbol.for("react.suspense"), v = Symbol.for("react.suspense_list"), y = Symbol.for("react.memo"), g = Symbol.for("react.lazy"), L = Symbol.for("react.offscreen"), D = Symbol.iterator, _ = "@@iterator";
+    function b(r) {
       if (r === null || typeof r != "object")
         return null;
-      var h = P && r[P] || r[b];
+      var h = D && r[D] || r[_];
       return typeof h == "function" ? h : null;
     }
-    var N = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function S(r) {
+    var M = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function R(r) {
       {
         for (var h = arguments.length, m = new Array(h > 1 ? h - 1 : 0), w = 1; w < h; w++)
           m[w - 1] = arguments[w];
-        k("error", r, m);
+        P("error", r, m);
       }
     }
-    function k(r, h, m) {
+    function P(r, h, m) {
       {
-        var w = N.ReactDebugCurrentFrame, R = w.getStackAddendum();
-        R !== "" && (h += "%s", m = m.concat([R]));
-        var j = m.map(function(C) {
+        var w = M.ReactDebugCurrentFrame, E = w.getStackAddendum();
+        E !== "" && (h += "%s", m = m.concat([E]));
+        var S = m.map(function(C) {
           return String(C);
         });
-        j.unshift("Warning: " + h), Function.prototype.apply.call(console[r], console, j);
+        S.unshift("Warning: " + h), Function.prototype.apply.call(console[r], console, S);
       }
     }
-    var _ = !1, I = !1, p = !1, $ = !1, G = !1, Z;
-    Z = Symbol.for("react.module.reference");
+    var x = !1, I = !1, p = !1, $ = !1, G = !1, q;
+    q = Symbol.for("react.module.reference");
     function O(r) {
-      return !!(typeof r == "string" || typeof r == "function" || r === o || r === l || G || r === a || r === d || r === g || $ || r === x || _ || I || p || typeof r == "object" && r !== null && (r.$$typeof === v || r.$$typeof === y || r.$$typeof === u || r.$$typeof === i || r.$$typeof === c || // This needs to include all possible module reference object
+      return !!(typeof r == "string" || typeof r == "function" || r === o || r === l || G || r === a || r === d || r === v || $ || r === L || x || I || p || typeof r == "object" && r !== null && (r.$$typeof === g || r.$$typeof === y || r.$$typeof === u || r.$$typeof === i || r.$$typeof === c || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
-      r.$$typeof === Z || r.getModuleId !== void 0));
+      r.$$typeof === q || r.getModuleId !== void 0));
     }
-    function D(r, h, m) {
+    function k(r, h, m) {
       var w = r.displayName;
       if (w)
         return w;
-      var R = h.displayName || h.name || "";
-      return R !== "" ? m + "(" + R + ")" : m;
+      var E = h.displayName || h.name || "";
+      return E !== "" ? m + "(" + E + ")" : m;
     }
     function Q(r) {
       return r.displayName || "Context";
@@ -334,7 +334,7 @@ function qn() {
     function K(r) {
       if (r == null)
         return null;
-      if (typeof r.tag == "number" && S("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof r == "function")
+      if (typeof r.tag == "number" && R("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof r == "function")
         return r.displayName || r.name || null;
       if (typeof r == "string")
         return r;
@@ -349,7 +349,7 @@ function qn() {
           return "StrictMode";
         case d:
           return "Suspense";
-        case g:
+        case v:
           return "SuspenseList";
       }
       if (typeof r == "object")
@@ -361,14 +361,14 @@ function qn() {
             var m = r;
             return Q(m._context) + ".Provider";
           case c:
-            return D(r, r.render, "ForwardRef");
+            return k(r, r.render, "ForwardRef");
           case y:
             var w = r.displayName || null;
             return w !== null ? w : K(r.type) || "Memo";
-          case v: {
-            var R = r, j = R._payload, C = R._init;
+          case g: {
+            var E = r, S = E._payload, C = E._init;
             try {
-              return K(C(j));
+              return K(C(S));
             } catch (T) {
               return null;
             }
@@ -376,14 +376,14 @@ function qn() {
         }
       return null;
     }
-    var q = Object.assign, oe = 0, ue, te, W, ve, Xe, Ge, Je;
+    var W = Object.assign, oe = 0, ue, te, Z, ve, Xe, Ge, Je;
     function Qe() {
     }
     Qe.__reactDisabledLog = !0;
     function ln() {
       {
         if (oe === 0) {
-          ue = console.log, te = console.info, W = console.warn, ve = console.error, Xe = console.group, Ge = console.groupCollapsed, Je = console.groupEnd;
+          ue = console.log, te = console.info, Z = console.warn, ve = console.error, Xe = console.group, Ge = console.groupCollapsed, Je = console.groupEnd;
           var r = {
             configurable: !0,
             enumerable: !0,
@@ -412,40 +412,40 @@ function qn() {
             writable: !0
           };
           Object.defineProperties(console, {
-            log: q({}, r, {
+            log: W({}, r, {
               value: ue
             }),
-            info: q({}, r, {
+            info: W({}, r, {
               value: te
             }),
-            warn: q({}, r, {
-              value: W
+            warn: W({}, r, {
+              value: Z
             }),
-            error: q({}, r, {
+            error: W({}, r, {
               value: ve
             }),
-            group: q({}, r, {
+            group: W({}, r, {
               value: Xe
             }),
-            groupCollapsed: q({}, r, {
+            groupCollapsed: W({}, r, {
               value: Ge
             }),
-            groupEnd: q({}, r, {
+            groupEnd: W({}, r, {
               value: Je
             })
           });
         }
-        oe < 0 && S("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        oe < 0 && R("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var Oe = N.ReactCurrentDispatcher, He;
+    var Oe = M.ReactCurrentDispatcher, He;
     function Ce(r, h, m) {
       {
         if (He === void 0)
           try {
             throw Error();
-          } catch (R) {
-            var w = R.stack.trim().match(/\n( *(at )?)/);
+          } catch (E) {
+            var w = E.stack.trim().match(/\n( *(at )?)/);
             He = w && w[1] || "";
           }
         return `
@@ -467,10 +467,10 @@ function qn() {
       }
       var w;
       $e = !0;
-      var R = Error.prepareStackTrace;
+      var E = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var j;
-      j = Oe.current, Oe.current = null, ln();
+      var S;
+      S = Oe.current, Oe.current = null, ln();
       try {
         if (h) {
           var C = function() {
@@ -523,7 +523,7 @@ function qn() {
             }
         }
       } finally {
-        $e = !1, Oe.current = j, cn(), Error.prepareStackTrace = R;
+        $e = !1, Oe.current = S, cn(), Error.prepareStackTrace = E;
       }
       var fe = r ? r.displayName || r.name : "", ce = fe ? Ce(fe) : "";
       return typeof r == "function" && Ee.set(r, ce), ce;
@@ -545,7 +545,7 @@ function qn() {
       switch (r) {
         case d:
           return Ce("Suspense");
-        case g:
+        case v:
           return Ce("SuspenseList");
       }
       if (typeof r == "object")
@@ -554,29 +554,29 @@ function qn() {
             return dn(r.render);
           case y:
             return Re(r.type, h, m);
-          case v: {
-            var w = r, R = w._payload, j = w._init;
+          case g: {
+            var w = r, E = w._payload, S = w._init;
             try {
-              return Re(j(R), h, m);
+              return Re(S(E), h, m);
             } catch (C) {
             }
           }
         }
       return "";
     }
-    var ye = Object.prototype.hasOwnProperty, tt = {}, nt = N.ReactDebugCurrentFrame;
-    function be(r) {
+    var ye = Object.prototype.hasOwnProperty, tt = {}, nt = M.ReactDebugCurrentFrame;
+    function Se(r) {
       if (r) {
         var h = r._owner, m = Re(r.type, r._source, h ? h.type : null);
         nt.setExtraStackFrame(m);
       } else
         nt.setExtraStackFrame(null);
     }
-    function hn(r, h, m, w, R) {
+    function hn(r, h, m, w, E) {
       {
-        var j = Function.call.bind(ye);
+        var S = Function.call.bind(ye);
         for (var C in r)
-          if (j(r, C)) {
+          if (S(r, C)) {
             var T = void 0;
             try {
               if (typeof r[C] != "function") {
@@ -587,7 +587,7 @@ function qn() {
             } catch (H) {
               T = H;
             }
-            T && !(T instanceof Error) && (be(R), S("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", w || "React class", m, C, typeof T), be(null)), T instanceof Error && !(T.message in tt) && (tt[T.message] = !0, be(R), S("Failed %s type: %s", m, T.message), be(null));
+            T && !(T instanceof Error) && (Se(E), R("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", w || "React class", m, C, typeof T), Se(null)), T instanceof Error && !(T.message in tt) && (tt[T.message] = !0, Se(E), R("Failed %s type: %s", m, T.message), Se(null));
           }
       }
     }
@@ -613,9 +613,9 @@ function qn() {
     }
     function ot(r) {
       if (vn(r))
-        return S("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", pn(r)), rt(r);
+        return R("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", pn(r)), rt(r);
     }
-    var it = N.ReactCurrentOwner, yn = {
+    var it = M.ReactCurrentOwner, yn = {
       key: !0,
       ref: !0,
       __self: !0,
@@ -637,13 +637,13 @@ function qn() {
       }
       return r.key !== void 0;
     }
-    function _n(r, h) {
+    function xn(r, h) {
       typeof r.ref == "string" && it.current;
     }
-    function xn(r, h) {
+    function _n(r, h) {
       {
         var m = function() {
-          st || (st = !0, S("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", h));
+          st || (st = !0, R("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", h));
         };
         m.isReactWarning = !0, Object.defineProperty(r, "key", {
           get: m,
@@ -654,7 +654,7 @@ function qn() {
     function Tn(r, h) {
       {
         var m = function() {
-          at || (at = !0, S("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", h));
+          at || (at = !0, R("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", h));
         };
         m.isReactWarning = !0, Object.defineProperty(r, "ref", {
           get: m,
@@ -662,7 +662,7 @@ function qn() {
         });
       }
     }
-    var Cn = function(r, h, m, w, R, j, C) {
+    var Cn = function(r, h, m, w, E, S, C) {
       var T = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: t,
@@ -672,7 +672,7 @@ function qn() {
         ref: m,
         props: C,
         // Record the component responsible for creating this element.
-        _owner: j
+        _owner: S
       };
       return T._store = {}, Object.defineProperty(T._store, "validated", {
         configurable: !1,
@@ -688,28 +688,28 @@ function qn() {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: R
+        value: E
       }), Object.freeze && (Object.freeze(T.props), Object.freeze(T)), T;
     };
-    function En(r, h, m, w, R) {
+    function En(r, h, m, w, E) {
       {
-        var j, C = {}, T = null, Y = null;
-        m !== void 0 && (ot(m), T = "" + m), wn(h) && (ot(h.key), T = "" + h.key), gn(h) && (Y = h.ref, _n(h, R));
-        for (j in h)
-          ye.call(h, j) && !yn.hasOwnProperty(j) && (C[j] = h[j]);
+        var S, C = {}, T = null, Y = null;
+        m !== void 0 && (ot(m), T = "" + m), wn(h) && (ot(h.key), T = "" + h.key), gn(h) && (Y = h.ref, xn(h, E));
+        for (S in h)
+          ye.call(h, S) && !yn.hasOwnProperty(S) && (C[S] = h[S]);
         if (r && r.defaultProps) {
           var H = r.defaultProps;
-          for (j in H)
-            C[j] === void 0 && (C[j] = H[j]);
+          for (S in H)
+            C[S] === void 0 && (C[S] = H[S]);
         }
         if (T || Y) {
           var U = typeof r == "function" ? r.displayName || r.name || "Unknown" : r;
-          T && xn(C, U), Y && Tn(C, U);
+          T && _n(C, U), Y && Tn(C, U);
         }
-        return Cn(r, T, Y, R, w, it.current, C);
+        return Cn(r, T, Y, E, w, it.current, C);
       }
     }
-    var Be = N.ReactCurrentOwner, lt = N.ReactDebugCurrentFrame;
+    var Be = M.ReactCurrentOwner, lt = M.ReactDebugCurrentFrame;
     function de(r) {
       if (r) {
         var h = r._owner, m = Re(r.type, r._source, h ? h.type : null);
@@ -719,7 +719,7 @@ function qn() {
     }
     var ze;
     ze = !1;
-    function qe(r) {
+    function We(r) {
       return typeof r == "object" && r !== null && r.$$typeof === t;
     }
     function ct() {
@@ -738,7 +738,7 @@ Check the render method of \`` + r + "`.";
       return "";
     }
     var ut = {};
-    function bn(r) {
+    function Sn(r) {
       {
         var h = ct();
         if (!h) {
@@ -755,12 +755,12 @@ Check the top-level render call using <` + m + ">.");
         if (!r._store || r._store.validated || r.key != null)
           return;
         r._store.validated = !0;
-        var m = bn(h);
+        var m = Sn(h);
         if (ut[m])
           return;
         ut[m] = !0;
         var w = "";
-        r && r._owner && r._owner !== Be.current && (w = " It was passed a child from " + K(r._owner.type) + "."), de(r), S('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', m, w), de(null);
+        r && r._owner && r._owner !== Be.current && (w = " It was passed a child from " + K(r._owner.type) + "."), de(r), R('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', m, w), de(null);
       }
     }
     function ft(r, h) {
@@ -770,19 +770,19 @@ Check the top-level render call using <` + m + ">.");
         if (Ue(r))
           for (var m = 0; m < r.length; m++) {
             var w = r[m];
-            qe(w) && dt(w, h);
+            We(w) && dt(w, h);
           }
-        else if (qe(r))
+        else if (We(r))
           r._store && (r._store.validated = !0);
         else if (r) {
-          var R = E(r);
-          if (typeof R == "function" && R !== r.entries)
-            for (var j = R.call(r), C; !(C = j.next()).done; )
-              qe(C.value) && dt(C.value, h);
+          var E = b(r);
+          if (typeof E == "function" && E !== r.entries)
+            for (var S = E.call(r), C; !(C = S.next()).done; )
+              We(C.value) && dt(C.value, h);
         }
       }
     }
-    function Sn(r) {
+    function bn(r) {
       {
         var h = r.type;
         if (h == null || typeof h == "string")
@@ -801,10 +801,10 @@ Check the top-level render call using <` + m + ">.");
           hn(m, r.props, "prop", w, r);
         } else if (h.PropTypes !== void 0 && !ze) {
           ze = !0;
-          var R = K(h);
-          S("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", R || "Unknown");
+          var E = K(h);
+          R("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", E || "Unknown");
         }
-        typeof h.getDefaultProps == "function" && !h.getDefaultProps.isReactClassApproved && S("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof h.getDefaultProps == "function" && !h.getDefaultProps.isReactClassApproved && R("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
     function jn(r) {
@@ -812,15 +812,15 @@ Check the top-level render call using <` + m + ">.");
         for (var h = Object.keys(r.props), m = 0; m < h.length; m++) {
           var w = h[m];
           if (w !== "children" && w !== "key") {
-            de(r), S("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", w), de(null);
+            de(r), R("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", w), de(null);
             break;
           }
         }
-        r.ref !== null && (de(r), S("Invalid attribute `ref` supplied to `React.Fragment`."), de(null));
+        r.ref !== null && (de(r), R("Invalid attribute `ref` supplied to `React.Fragment`."), de(null));
       }
     }
     var ht = {};
-    function mt(r, h, m, w, R, j) {
+    function mt(r, h, m, w, E, S) {
       {
         var C = O(r);
         if (!C) {
@@ -829,9 +829,9 @@ Check the top-level render call using <` + m + ">.");
           var Y = Rn();
           Y ? T += Y : T += ct();
           var H;
-          r === null ? H = "null" : Ue(r) ? H = "array" : r !== void 0 && r.$$typeof === t ? (H = "<" + (K(r.type) || "Unknown") + " />", T = " Did you accidentally export a JSX literal instead of a component?") : H = typeof r, S("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", H, T);
+          r === null ? H = "null" : Ue(r) ? H = "array" : r !== void 0 && r.$$typeof === t ? (H = "<" + (K(r.type) || "Unknown") + " />", T = " Did you accidentally export a JSX literal instead of a component?") : H = typeof r, R("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", H, T);
         }
-        var U = En(r, h, m, R, j);
+        var U = En(r, h, m, E, S);
         if (U == null)
           return U;
         if (C) {
@@ -843,25 +843,25 @@ Check the top-level render call using <` + m + ">.");
                   ft(ee[fe], r);
                 Object.freeze && Object.freeze(ee);
               } else
-                S("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+                R("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
             else
               ft(ee, r);
         }
         if (ye.call(h, "key")) {
           var ce = K(r), J = Object.keys(h).filter(function(Fn) {
             return Fn !== "key";
-          }), We = J.length > 0 ? "{key: someKey, " + J.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!ht[ce + We]) {
+          }), Ze = J.length > 0 ? "{key: someKey, " + J.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!ht[ce + Ze]) {
             var Dn = J.length > 0 ? "{" + J.join(": ..., ") + ": ...}" : "{}";
-            S(`A props object containing a "key" prop is being spread into JSX:
+            R(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`, We, ce, Dn, ce), ht[ce + We] = !0;
+  <%s key={someKey} {...props} />`, Ze, ce, Dn, ce), ht[ce + Ze] = !0;
           }
         }
-        return r === o ? jn(U) : Sn(U), U;
+        return r === o ? jn(U) : bn(U), U;
       }
     }
     function Ln(r, h, m) {
@@ -870,26 +870,26 @@ React keys must be passed directly to JSX without using spread:
     function Pn(r, h, m) {
       return mt(r, h, m, !1);
     }
-    var kn = Pn, In = Ln;
-    we.Fragment = o, we.jsx = kn, we.jsxs = In;
+    var In = Pn, kn = Ln;
+    we.Fragment = o, we.jsx = In, we.jsxs = kn;
   })()), we;
 }
-var _t;
-function Wn() {
-  return _t || (_t = 1, process.env.NODE_ENV === "production" ? Pe.exports = zn() : Pe.exports = qn()), Pe.exports;
+var xt;
+function Zn() {
+  return xt || (xt = 1, process.env.NODE_ENV === "production" ? Pe.exports = zn() : Pe.exports = Wn()), Pe.exports;
 }
-var s = Wn();
-const Zn = "_playerNotice_lq5nz_1", Kn = "_playerNoticeTitle_lq5nz_17", Yn = "_playerNoticeText_lq5nz_26", Xn = "_playerNoticeLowZIndex_lq5nz_35", ie = {
-  playerNotice: Zn,
+var s = Zn();
+const qn = "_playerNotice_x3acc_1", Kn = "_playerNoticeTitle_x3acc_19", Yn = "_playerNoticeText_x3acc_28", Xn = "_playerNoticeLowZIndex_x3acc_37", ie = {
+  playerNotice: qn,
   playerNoticeTitle: Kn,
   playerNoticeText: Yn,
   playerNoticeLowZIndex: Xn
-}, Ot = typeof window != "undefined" ? An : F;
+}, Ot = typeof window != "undefined" ? An : A;
 function Ve(e, t) {
-  const n = V(e);
+  const n = N(e);
   Ot(() => {
     n.current = e;
-  }, [e]), F(() => {
+  }, [e]), A(() => {
     if (t === null)
       return;
     const o = setInterval(() => {
@@ -914,15 +914,15 @@ const Jn = () => Pt((e) => ({
 })), Ht = jt(
   null
 ), Qn = ({ children: e }) => {
-  const t = V(
+  const t = N(
     null
   );
   return t.current || (t.current = Jn()), /* @__PURE__ */ s.jsx(Ht.Provider, { value: t.current, children: e });
-}, A = (e) => {
+}, V = (e) => {
   const t = Lt(Ht);
   if (!t)
     throw new Error("usePlayerStore must be used within PlayerStoreProvider");
-  return kt(t, e);
+  return It(t, e);
 };
 function er(e, t, n) {
   const o = {
@@ -937,7 +937,7 @@ function er(e, t, n) {
 function tr(e) {
   return er(e, "milliseconds", "seconds");
 }
-const xe = (e) => {
+const _e = (e) => {
   if (isNaN(e) || e === 1 / 0) return "0:00";
   const t = (l) => (l < 10 ? "0" : "") + l, n = Math.floor(e / 3600), o = Math.floor(e % 3600 / 60), a = Math.floor(e % 60);
   return n === 0 ? `${o}:${t(a)}` : `${n}:${t(o)}:${t(a)}`;
@@ -955,26 +955,26 @@ function nr(e, t) {
         minute: "2-digit",
         second: "2-digit",
         hour12: !1
-      }).formatToParts(e), g = parseInt(
-        ((n = d.find((E) => E.type === "year")) == null ? void 0 : n.value) || "0",
+      }).formatToParts(e), v = parseInt(
+        ((n = d.find((b) => b.type === "year")) == null ? void 0 : n.value) || "0",
         10
       ), y = parseInt(
-        ((o = d.find((E) => E.type === "month")) == null ? void 0 : o.value) || "0",
+        ((o = d.find((b) => b.type === "month")) == null ? void 0 : o.value) || "0",
         10
-      ) - 1, v = parseInt(
-        ((a = d.find((E) => E.type === "day")) == null ? void 0 : a.value) || "0",
+      ) - 1, g = parseInt(
+        ((a = d.find((b) => b.type === "day")) == null ? void 0 : a.value) || "0",
         10
-      ), x = parseInt(
-        ((l = d.find((E) => E.type === "hour")) == null ? void 0 : l.value) || "0",
+      ), L = parseInt(
+        ((l = d.find((b) => b.type === "hour")) == null ? void 0 : l.value) || "0",
         10
-      ), P = parseInt(
-        ((u = d.find((E) => E.type === "minute")) == null ? void 0 : u.value) || "0",
+      ), D = parseInt(
+        ((u = d.find((b) => b.type === "minute")) == null ? void 0 : u.value) || "0",
         10
-      ), b = parseInt(
-        ((i = d.find((E) => E.type === "second")) == null ? void 0 : i.value) || "0",
+      ), _ = parseInt(
+        ((i = d.find((b) => b.type === "second")) == null ? void 0 : i.value) || "0",
         10
       );
-      return new Date(g, y, v, x, P, b);
+      return new Date(v, y, g, L, D, _);
     } catch (c) {
       return console.warn(
         `Failed to convert date to timezone ${t}, returning original date:`,
@@ -1205,19 +1205,19 @@ const lr = () => On(), cr = (e, t) => ({
   setError: (t) => e({ error: t })
 }), pr = () => ({
   eventEmitter: lr()
-}), vr = (e) => () => L({}, e), yr = (e, t) => Pt()((...n) => L(L(L(L(L(L(L(L({}, cr(...n)), ur(...n)), dr(...n)), hr(...n)), fr(...n)), mr(...n)), pr(...n)), vr({
+}), vr = (e) => () => j({}, e), yr = (e, t) => Pt()((...n) => j(j(j(j(j(j(j(j({}, cr(...n)), ur(...n)), dr(...n)), hr(...n)), fr(...n)), mr(...n)), pr(...n)), vr({
   techRef: e,
   containerRef: t
 })(...n))), Bt = jt(null);
 function gr({ children: e }) {
-  const t = V(null), n = V(null), o = V(null);
+  const t = N(null), n = N(null), o = N(null);
   return t.current || (t.current = yr(n, o)), /* @__PURE__ */ s.jsx(Bt.Provider, { value: t.current, children: e });
 }
 const f = (e) => {
   const t = Lt(Bt);
   if (!t)
     throw new Error("usePlayerStore must be used within PlayerStoreProvider");
-  return kt(t, e);
+  return It(t, e);
 };
 function wr(e) {
   const t = e.split(`
@@ -1232,7 +1232,7 @@ function wr(e) {
   }
   return null;
 }
-function _r(e, t) {
+function xr(e, t) {
   const n = e.split(`
 `);
   let o = !1;
@@ -1259,19 +1259,19 @@ function _r(e, t) {
   }
   return null;
 }
-function xr(e) {
+function _r(e) {
   return e.replace("playlist.m3u8", "playlist_fmp4_dvr.m3u8");
 }
 async function Tr(e) {
   try {
-    const t = xr(e);
+    const t = _r(e);
     console.log("Converting to DVR URL:", t);
     const n = await fetch(t);
     if (!n.ok)
       throw new Error(
         `Failed to fetch master playlist: ${n.status} ${n.statusText}`
       );
-    const o = await n.text(), a = _r(
+    const o = await n.text(), a = xr(
       o,
       t
     );
@@ -1291,22 +1291,22 @@ async function Tr(e) {
 }
 function Cr(n) {
   var o = n, { url: e } = o, t = ne(o, ["url"]);
-  const [a, l] = X(!0), u = A((d) => d.startDate), i = A((d) => d.setStartDate), c = z(async () => {
+  const [a, l] = X(!0), u = V((d) => d.startDate), i = V((d) => d.setStartDate), c = z(async () => {
     const d = await Tr(e);
     d && i(d);
   }, [e, i]);
-  return F(() => {
+  return A(() => {
     (async () => {
       l(!0), await c(), l(!1);
     })();
-  }, [c]), Ve(c, u ? null : 5e3), a ? null : /* @__PURE__ */ s.jsx(Er, L({}, t));
+  }, [c]), Ve(c, u ? null : 5e3), a ? null : /* @__PURE__ */ s.jsx(Er, j({}, t));
 }
 function Er({
   children: e,
   messages: t = {}
 }) {
   var u, i, c;
-  const n = A((d) => d.startDate), o = f((d) => d.isStarted);
+  const n = V((d) => d.startDate), o = f((d) => d.isStarted);
   return Gn(o ? null : 5e3), n ? Date.now() < n.getTime() ? /* @__PURE__ */ s.jsx(
     Rr,
     {
@@ -1331,16 +1331,16 @@ function Rr({ startDate: e, title: t, message: n }) {
 }
 function zt({ callback: e }) {
   const t = f((n) => n.eventEmitter);
-  return F(() => {
-    const n = () => e("play", void 0), o = () => e("pause", void 0), a = () => e("ended", void 0), l = () => e("seeking", void 0), u = () => e("seeked", void 0), i = (b) => e("volumeChange", b), c = (b) => e("fullscreenChange", b), d = (b) => e("qualityChange", b), g = (b) => e("loadedMetadata", b), y = () => e("loadStart", void 0), v = () => e("playing", void 0), x = () => e("waiting", void 0), P = () => e("error", void 0);
-    return t.on("play", n), t.on("pause", o), t.on("ended", a), t.on("seeking", l), t.on("seeked", u), t.on("volumeChange", i), t.on("fullscreenChange", c), t.on("qualityChange", d), t.on("loadedMetadata", g), t.on("loadStart", y), t.on("playing", v), t.on("waiting", x), t.on("error", P), () => {
-      t.off("play", n), t.off("pause", o), t.off("ended", a), t.off("seeking", l), t.off("seeked", u), t.off("volumeChange", i), t.off("fullscreenChange", c), t.off("qualityChange", d), t.off("loadedMetadata", g), t.off("loadStart", y), t.off("playing", v), t.off("waiting", x), t.off("error", P);
+  return A(() => {
+    const n = () => e("play", void 0), o = () => e("pause", void 0), a = () => e("ended", void 0), l = () => e("seeking", void 0), u = () => e("seeked", void 0), i = (_) => e("volumeChange", _), c = (_) => e("fullscreenChange", _), d = (_) => e("qualityChange", _), v = (_) => e("loadedMetadata", _), y = () => e("loadStart", void 0), g = () => e("playing", void 0), L = () => e("waiting", void 0), D = () => e("error", void 0);
+    return t.on("play", n), t.on("pause", o), t.on("ended", a), t.on("seeking", l), t.on("seeked", u), t.on("volumeChange", i), t.on("fullscreenChange", c), t.on("qualityChange", d), t.on("loadedMetadata", v), t.on("loadStart", y), t.on("playing", g), t.on("waiting", L), t.on("error", D), () => {
+      t.off("play", n), t.off("pause", o), t.off("ended", a), t.off("seeking", l), t.off("seeked", u), t.off("volumeChange", i), t.off("fullscreenChange", c), t.off("qualityChange", d), t.off("loadedMetadata", v), t.off("loadStart", y), t.off("playing", g), t.off("waiting", L), t.off("error", D);
     };
   }, [e, t]), null;
 }
-const qt = (e, t = 0) => parseInt(
+const Wt = (e, t = 0) => parseInt(
   Math.max(0, (Date.now() - (e + t * 1e3)) / 1e3).toFixed(0)
-), Wt = (e, t) => Math.max(0, (Date.now() - e - t * 1e3) / 1e3), br = (e, t) => Math.max(0, (t - e) / 1e3), Sr = (e, t = 0) => {
+), Zt = (e, t) => Math.max(0, (Date.now() - e - t * 1e3) / 1e3), Sr = (e, t) => Math.max(0, (t - e) / 1e3), br = (e, t = 0) => {
   const o = t < 0 ? 0 : t, a = ["bytes", "kb", "mb", "gb", "tb", "pb", "eb", "zb", "yb"], l = Math.floor(Math.log(e) / Math.log(1024));
   return `${parseFloat((e / Math.pow(1024, l)).toFixed(o))}${a[l]}`;
 };
@@ -1362,17 +1362,17 @@ function jr({
     const { bitrate: u, height: i, index: c } = l;
     a.push({
       sid: `quality-level-${c}`,
-      label: i ? `${i}p` : Sr(u),
+      label: i ? `${i}p` : br(u),
       value: c,
       selected: o === 1 || !e && c === t
     });
   }), a;
 }
 function Lr({ callback: e }) {
-  const t = A((l) => l.delay), n = A((l) => l.startDate), o = n ? n.getTime() : 0, a = f((l) => l.eventEmitter);
-  return F(() => {
+  const t = V((l) => l.delay), n = V((l) => l.startDate), o = n ? n.getTime() : 0, a = f((l) => l.eventEmitter);
+  return A(() => {
     const l = () => e("timeUpdate", {
-      currentTime: Wt(o, t),
+      currentTime: Zt(o, t),
       duration: -1
     });
     return a.on("timeUpdate", l), () => {
@@ -1380,7 +1380,7 @@ function Lr({ callback: e }) {
     };
   }, [e, a]), /* @__PURE__ */ s.jsx(zt, { callback: e });
 }
-function Zt() {
+function qt() {
   const e = f((i) => i.exitFullscreen), t = f((i) => i.isFullscreen), n = f((i) => i.isFullscreenReady), o = f((i) => i.requestFullscreen), a = f((i) => i.setVolume), l = f((i) => i.volume), u = z(
     (i) => {
       let c = !1;
@@ -1411,12 +1411,12 @@ function Zt() {
       l
     ]
   );
-  return F(() => (document.addEventListener("keydown", u), () => {
+  return A(() => (document.addEventListener("keydown", u), () => {
     document.removeEventListener("keydown", u);
   }), [u]), null;
 }
 function Pr() {
-  const e = A((i) => i.delay), t = f((i) => i.isPlaying), n = f((i) => i.pause), o = f((i) => i.getPauseTimeDiff), a = f((i) => i.play), l = A((i) => i.setDelay), u = z(
+  const e = V((i) => i.delay), t = f((i) => i.isPlaying), n = f((i) => i.pause), o = f((i) => i.getPauseTimeDiff), a = f((i) => i.play), l = V((i) => i.setDelay), u = z(
     (i) => {
       let c = !1;
       if (!(i.target instanceof HTMLInputElement || i.ctrlKey)) {
@@ -1442,63 +1442,63 @@ function Pr() {
     },
     [e, o, t, n, a, l]
   );
-  return F(() => (document.addEventListener("keydown", u), () => {
+  return A(() => (document.addEventListener("keydown", u), () => {
     document.removeEventListener("keydown", u);
-  }), [u]), /* @__PURE__ */ s.jsx(Zt, {});
+  }), [u]), /* @__PURE__ */ s.jsx(qt, {});
 }
 function Kt({ children: e }) {
   return /* @__PURE__ */ s.jsx(gr, { children: e });
 }
-function kr({ children: e }) {
+function Ir({ children: e }) {
   return /* @__PURE__ */ s.jsx(Qn, { children: /* @__PURE__ */ s.jsx(Kt, { children: e }) });
 }
-function Ir({ url: e, isLive: t, messages: n }) {
-  const o = V(null), a = f((_) => _.level), l = f((_) => _.levels), u = f((_) => _.setLevel), i = f((_) => _.setLevels), c = f((_) => _.techRef), d = f((_) => _.setError), g = V(0), y = V(null), v = 50, x = 1e4, P = z(
-    (_) => {
-      if (o.current && (o.current.nextLevel = _, u(null), l)) {
-        const I = l.map((p) => he(L({}, p), {
-          selected: p.value === _
+function kr({ url: e, isLive: t, messages: n }) {
+  const o = N(null), a = f((x) => x.level), l = f((x) => x.levels), u = f((x) => x.setLevel), i = f((x) => x.setLevels), c = f((x) => x.techRef), d = f((x) => x.setError), v = N(0), y = N(null), g = 50, L = 1e4, D = z(
+    (x) => {
+      if (o.current && (o.current.nextLevel = x, u(null), l)) {
+        const I = l.map((p) => he(j({}, p), {
+          selected: p.value === x
         }));
         i(I);
       }
     },
     [l, u, i, o]
-  ), b = z(() => {
+  ), _ = z(() => {
     o.current && (console.log("[Player][HLS] MEDIA_ATTACHED"), o.current.loadSource(e));
-  }, [e]), E = z(() => {
+  }, [e]), b = z(() => {
     if (!o.current) return;
-    console.log("[Player][HLS] MANIFEST_LOADED"), d(null), y.current && (clearTimeout(y.current), y.current = null), g.current = 0;
-    const _ = o.current.levels, I = o.current.currentLevel, p = o.current.autoLevelEnabled;
+    console.log("[Player][HLS] MANIFEST_LOADED"), d(null), y.current && (clearTimeout(y.current), y.current = null), v.current = 0;
+    const x = o.current.levels, I = o.current.currentLevel, p = o.current.autoLevelEnabled;
     i(
       jr({
-        levels: _.map(($, G) => {
-          const { bitrate: Z, height: O, width: D } = $;
+        levels: x.map(($, G) => {
+          const { bitrate: q, height: O, width: k } = $;
           return {
-            bitrate: Z,
+            bitrate: q,
             height: O,
             index: G,
-            width: D
+            width: k
           };
         }),
         level: I,
         isAuto: p
       })
     );
-  }, [d, i]), N = z(
+  }, [d, i]), M = z(
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    (_, I) => {
+    (x, I) => {
       var p, $;
-      if (console.error("[Player][HLS] ERROR", _, I), !!o.current && I.fatal)
+      if (console.error("[Player][HLS] ERROR", x, I), !!o.current && I.fatal)
         switch (I.type) {
           case re.ErrorTypes.NETWORK_ERROR:
-            console.log("[Player][HLS] NETWORK_ERROR", I), t ? I.details === "manifestLoadError" && (g.current < v && (y.current && clearTimeout(y.current), g.current += 1, y.current = setTimeout(() => {
+            console.log("[Player][HLS] NETWORK_ERROR", I), t ? I.details === "manifestLoadError" && (v.current < g && (y.current && clearTimeout(y.current), v.current += 1, y.current = setTimeout(() => {
               if (o.current)
                 try {
                   console.log("[Player][HLS] Retrying stream..."), o.current.loadSource(e);
                 } catch (G) {
                   console.error("[Player][HLS] Retry failed:", G);
                 }
-            }, x)), d({
+            }, L)), d({
               message: (p = n == null ? void 0 : n.eventFinished) != null ? p : "Live event will be back shortly.",
               code: "LIVE_MANIFEST_LOAD_ERROR",
               tech: "hls"
@@ -1514,32 +1514,32 @@ function Ir({ url: e, isLive: t, messages: n }) {
         }
     },
     [t, e, d]
-  ), S = z(() => {
+  ), R = z(() => {
     if (!c.current) return;
-    let _ = {
+    let x = {
       startLevel: -1,
       maxBufferSize: 30 * 1024 * 1024
       // 30MB
     };
-    rr ? (_.backBufferLength = -1, _.enableWorker = !1) : t ? _.backBufferLength = 10 : _.backBufferLength = 60;
+    rr ? (x.backBufferLength = -1, x.enableWorker = !1) : t ? x.backBufferLength = 10 : x.backBufferLength = 60;
     try {
-      console.log("[Player][HLS] URL", e), console.log("[Player][HLS] Config", JSON.stringify(_)), console.log("[Player][HLS] Version", re.version), o.current = new re(_), o.current.attachMedia(c.current), o.current.on(re.Events.MEDIA_ATTACHED, b), o.current.on(re.Events.MANIFEST_LOADED, E), o.current.on(re.Events.ERROR, N);
+      console.log("[Player][HLS] URL", e), console.log("[Player][HLS] Config", JSON.stringify(x)), console.log("[Player][HLS] Version", re.version), o.current = new re(x), o.current.attachMedia(c.current), o.current.on(re.Events.MEDIA_ATTACHED, _), o.current.on(re.Events.MANIFEST_LOADED, b), o.current.on(re.Events.ERROR, M);
     } catch (I) {
       throw new Error(`Error initializing Hls: ${I}`);
     }
   }, [
-    E,
     b,
-    N,
+    _,
+    M,
     t,
     c,
     e
-  ]), k = z(() => {
-    o.current && (o.current.off(re.Events.MEDIA_ATTACHED, b), o.current.off(re.Events.MANIFEST_LOADED, E), o.current.off(re.Events.ERROR, N), o.current.destroy(), o.current = null), y.current && (clearTimeout(y.current), y.current = null), g.current = 0;
-  }, [E, b, N]);
-  return F(() => {
-    a !== null && P(a);
-  }, [a, P]), F(() => (re.isSupported() && S(), k), [k, S]), null;
+  ]), P = z(() => {
+    o.current && (o.current.off(re.Events.MEDIA_ATTACHED, _), o.current.off(re.Events.MANIFEST_LOADED, b), o.current.off(re.Events.ERROR, M), o.current.destroy(), o.current = null), y.current && (clearTimeout(y.current), y.current = null), v.current = 0;
+  }, [b, _, M]);
+  return A(() => {
+    a !== null && D(a);
+  }, [a, D]), A(() => (re.isSupported() && R(), P), [P, R]), null;
 }
 const Dr = "_playerVideo_wc0sm_1", Fr = {
   playerVideo: Dr
@@ -1550,22 +1550,22 @@ function Yt({
   isMuted: n = !1,
   messages: o = {}
 }) {
-  const a = f((p) => p.handleDurationChange), l = f((p) => p.handleEnd), u = f((p) => p.handleLoadedMetadata), i = f((p) => p.handleLoadStart), c = f((p) => p.handlePause), d = f((p) => p.handlePlay), g = f((p) => p.handlePlaying), y = f((p) => p.handleSeeked), v = f((p) => p.handleSeeking), x = f((p) => p.handleTimeUpdate), P = f((p) => p.handleWaiting), b = f((p) => p.handleVolumeChange), E = f((p) => p.handleError), N = f((p) => p.techRef), S = V(null), k = () => t ? {
-    onTimeUpdate: _
+  const a = f((p) => p.handleDurationChange), l = f((p) => p.handleEnd), u = f((p) => p.handleLoadedMetadata), i = f((p) => p.handleLoadStart), c = f((p) => p.handlePause), d = f((p) => p.handlePlay), v = f((p) => p.handlePlaying), y = f((p) => p.handleSeeked), g = f((p) => p.handleSeeking), L = f((p) => p.handleTimeUpdate), D = f((p) => p.handleWaiting), _ = f((p) => p.handleVolumeChange), b = f((p) => p.handleError), M = f((p) => p.techRef), R = N(null), P = () => t ? {
+    onTimeUpdate: x
   } : {
     onDurationChange: a,
     onSeeked: y,
-    onSeeking: v,
-    onTimeUpdate: _
-  }, _ = () => {
-    (!S.current || Date.now() - S.current >= 1e3) && (x(), S.current = Date.now());
-  }, I = k();
+    onSeeking: g,
+    onTimeUpdate: x
+  }, x = () => {
+    (!R.current || Date.now() - R.current >= 1e3) && (L(), R.current = Date.now());
+  }, I = P();
   return /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-    /* @__PURE__ */ s.jsx(Ir, { isLive: t, url: e, messages: o }),
+    /* @__PURE__ */ s.jsx(kr, { isLive: t, url: e, messages: o }),
     /* @__PURE__ */ s.jsx(
       "video",
-      L({
-        ref: N,
+      j({
+        ref: M,
         className: Fr.playerVideo,
         playsInline: !0,
         autoPlay: !0,
@@ -1574,31 +1574,34 @@ function Yt({
         preload: "auto",
         crossOrigin: "anonymous",
         onEnded: l,
-        onError: E,
+        onError: b,
         onLoadedMetadata: u,
         onLoadStart: i,
         onPause: c,
         onPlay: d,
-        onPlaying: g,
-        onWaiting: P,
-        onVolumeChange: b,
+        onPlaying: v,
+        onWaiting: D,
+        onVolumeChange: _,
         tabIndex: -1
       }, I)
     )
   ] });
 }
 function Mr({ url: e, messages: t = {} }) {
-  const [n, o] = X(null), a = A((u) => u.delay), l = z(async () => {
+  const [n, o] = X(null), a = V((u) => u.delay), l = z(async () => {
     o(
       a ? e.replace("-live", "-catchup").replace("playlist.m3u8", `playlist_fmp4_dvr_timeshift-${a}.m3u8`) : e
     );
   }, [a, e]);
-  return F(() => {
+  return A(() => {
     l();
   }, [l]), n ? /* @__PURE__ */ s.jsx(Yt, { url: n, isLive: !0, messages: t }) : null;
 }
 function Nr({ url: e }) {
-  const t = A((l) => l.setViewerCount), n = V(null), o = (l) => {
+  return f((n) => n.isStarted) ? /* @__PURE__ */ s.jsx(Vr, { url: e }) : null;
+}
+function Vr({ url: e }) {
+  const t = V((l) => l.setViewerCount), n = N(null), o = (l) => {
     try {
       return new URL(l).pathname.split("/").filter((d) => d.length > 0)[0] || null;
     } catch (u) {
@@ -1627,11 +1630,11 @@ function Nr({ url: e }) {
       console.error("Failed to fetch viewer count:", d), t(null);
     }
   };
-  return F(() => (a(), () => {
+  return A(() => (a(), () => {
     n.current && n.current.abort();
   }), [e]), Ve(a, 15e3), null;
 }
-function Vr(e, {
+function Ar(e, {
   defaultValue: t = !1,
   initializeWithValue: n = !0
 } = {}) {
@@ -1648,13 +1651,13 @@ function Vr(e, {
     };
   }, [e]), a;
 }
-const Ar = "_playbackButton_lgsgw_1", Or = "_seekIndicator_lgsgw_23", Hr = "_seekIndicatorLeft_lgsgw_49", $r = "_seekIndicatorRight_lgsgw_53", Ur = "_seekIndicatorVisible_lgsgw_57", me = {
-  playbackButton: Ar,
-  seekIndicator: Or,
-  seekIndicatorLeft: Hr,
-  seekIndicatorRight: $r,
-  seekIndicatorVisible: Ur
-}, Br = 10;
+const Or = "_playbackButton_lgsgw_1", Hr = "_seekIndicator_lgsgw_23", $r = "_seekIndicatorLeft_lgsgw_49", Ur = "_seekIndicatorRight_lgsgw_53", Br = "_seekIndicatorVisible_lgsgw_57", me = {
+  playbackButton: Or,
+  seekIndicator: Hr,
+  seekIndicatorLeft: $r,
+  seekIndicatorRight: Ur,
+  seekIndicatorVisible: Br
+}, zr = 10;
 function Xt(i) {
   var c = i, {
     className: e,
@@ -1671,9 +1674,9 @@ function Xt(i) {
     "maxForwardTime",
     "maxBackwardTime"
   ]);
-  return Vr("(min-width: 1024px)") ? /* @__PURE__ */ s.jsx(zr, L({ className: e, onClick: t }, u)) : /* @__PURE__ */ s.jsx(
-    qr,
-    L({
+  return Ar("(min-width: 1024px)") ? /* @__PURE__ */ s.jsx(Wr, j({ className: e, onClick: t }, u)) : /* @__PURE__ */ s.jsx(
+    Zr,
+    j({
       className: e,
       maxForwardTime: a,
       maxBackwardTime: l,
@@ -1682,29 +1685,32 @@ function Xt(i) {
     }, u)
   );
 }
-function zr(o) {
+function Wr(o) {
   var a = o, { className: e, onClick: t } = a, n = ne(a, ["className", "onClick"]);
-  const l = V(null), u = f((x) => x.exitFullscreen), i = f((x) => x.isFullscreen), c = f((x) => x.requestFullscreen), d = (x) => {
-    v() ? (y(), i ? u() : c()) : g(x);
-  }, g = (x) => {
+  const l = N(null), u = f((_) => _.exitFullscreen), i = f((_) => _.isFullscreen), c = f((_) => _.requestFullscreen), d = f((_) => _.resetIdle), v = (_) => {
+    L() ? (g(), i ? u() : c()) : y(_);
+  }, y = (_) => {
     l.current = window.setTimeout(() => {
-      t == null || t(x), y();
+      t == null || t(_), g();
     }, 200);
-  }, y = () => {
+  }, g = () => {
     l.current !== null && (window.clearTimeout(l.current), l.current = null);
-  }, v = () => l.current !== null;
-  return F(() => () => {
-    y();
+  }, L = () => l.current !== null, D = () => {
+    d();
+  };
+  return A(() => () => {
+    g();
   }, []), /* @__PURE__ */ s.jsx(
     "button",
-    L({
-      onClick: d,
+    j({
+      onClick: v,
+      onMouseMove: D,
       className: [me.playbackButton, e].filter(Boolean).join(" "),
       "aria-label": "Player gestures"
     }, n)
   );
 }
-function qr(u) {
+function Zr(u) {
   var i = u, {
     className: e,
     maxForwardTime: t,
@@ -1718,73 +1724,73 @@ function qr(u) {
     "onForwardSeek",
     "onBackwardSeek"
   ]);
-  const c = V(null), d = V({
+  const c = N(null), d = N({
     single: null,
     indicator: null,
     accumulate: null
-  }), g = V(null), y = V(0), v = V(null), [x, P] = X({ visible: !1, direction: null, time: 0 }), b = f((p) => p.isIdle), E = f((p) => p.setIsIdle), N = f((p) => p.resetIdle), S = (p, $) => p < $ / 2 ? "backward" : "forward", k = (p) => {
-    if (!g.current) return;
+  }), v = N(null), y = N(0), g = N(null), [L, D] = X({ visible: !1, direction: null, time: 0 }), _ = f((p) => p.isIdle), b = f((p) => p.setIsIdle), M = f((p) => p.resetIdle), R = (p, $) => p < $ / 2 ? "backward" : "forward", P = (p) => {
+    if (!v.current) return;
     const $ = p.changedTouches[0];
     if (!$) return;
-    const G = Date.now(), Z = g.current.getBoundingClientRect(), O = $.clientX - Z.left, D = $.clientY - Z.top;
-    if (O < 0 || O > Z.width || D < 0 || D > Z.height)
+    const G = Date.now(), q = v.current.getBoundingClientRect(), O = $.clientX - q.left, k = $.clientY - q.top;
+    if (O < 0 || O > q.width || k < 0 || k > q.height)
       return;
-    const Q = c.current, K = Q ? G - Q.time : 1 / 0, q = S(O, Z.width), oe = v.current !== null && v.current === q && Q !== null && K < 700 && Math.abs(O - Q.x) < 100;
-    if (Q !== null && v.current === null && K < 300 && Math.abs(O - Q.x) < 50 || oe) {
-      p.preventDefault(), p.stopPropagation(), d.current.single && (window.clearTimeout(d.current.single), d.current.single = null), N(), (v.current === null || v.current !== q) && (y.current = 0, v.current = q);
-      const te = q === "backward" ? n : t;
+    const Q = c.current, K = Q ? G - Q.time : 1 / 0, W = R(O, q.width), oe = g.current !== null && g.current === W && Q !== null && K < 700 && Math.abs(O - Q.x) < 100;
+    if (Q !== null && g.current === null && K < 300 && Math.abs(O - Q.x) < 50 || oe) {
+      p.preventDefault(), p.stopPropagation(), d.current.single && (window.clearTimeout(d.current.single), d.current.single = null), M(), (g.current === null || g.current !== W) && (y.current = 0, g.current = W);
+      const te = W === "backward" ? n : t;
       y.current = Math.min(
-        y.current + Br,
+        y.current + zr,
         te != null ? te : 1 / 0
-      ), _(q, y.current), d.current.accumulate && window.clearTimeout(d.current.accumulate), d.current.accumulate = window.setTimeout(() => {
-        const W = y.current;
-        W > 0 && (v.current === "backward" ? a == null || a(W) : o == null || o(W), N()), y.current = 0, v.current = null, c.current = null, I(), d.current.accumulate = null;
+      ), x(W, y.current), d.current.accumulate && window.clearTimeout(d.current.accumulate), d.current.accumulate = window.setTimeout(() => {
+        const Z = y.current;
+        Z > 0 && (g.current === "backward" ? a == null || a(Z) : o == null || o(Z), M()), y.current = 0, g.current = null, c.current = null, I(), d.current.accumulate = null;
       }, 500), c.current = { time: G, x: O };
     } else {
       c.current = { time: G, x: O }, d.current.single && window.clearTimeout(d.current.single);
-      const te = v.current !== null ? 700 : 350;
+      const te = g.current !== null ? 700 : 350;
       d.current.single = window.setTimeout(() => {
-        if (v.current === null) {
+        if (g.current === null) {
           d.current.single = null;
-          const W = b;
-          E(!W), W && N();
+          const Z = _;
+          b(!Z), Z && M();
         }
         c.current = null;
       }, te);
     }
-  }, _ = (p, $) => {
-    $ !== 0 && (P({ visible: !0, direction: p, time: $ }), d.current.indicator && window.clearTimeout(d.current.indicator), d.current.indicator = window.setTimeout(() => {
+  }, x = (p, $) => {
+    $ !== 0 && (D({ visible: !0, direction: p, time: $ }), d.current.indicator && window.clearTimeout(d.current.indicator), d.current.indicator = window.setTimeout(() => {
       I();
     }, 700));
   }, I = () => {
-    P({ visible: !1, direction: null, time: 0 }), d.current.indicator && (window.clearTimeout(d.current.indicator), d.current.indicator = null);
+    D({ visible: !1, direction: null, time: 0 }), d.current.indicator && (window.clearTimeout(d.current.indicator), d.current.indicator = null);
   };
-  return F(() => () => {
+  return A(() => () => {
     d.current.single && window.clearTimeout(d.current.single), d.current.indicator && window.clearTimeout(d.current.indicator), d.current.accumulate && window.clearTimeout(d.current.accumulate);
   }, []), /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
     /* @__PURE__ */ s.jsx(
       "button",
-      L({
-        ref: g,
-        onTouchEnd: k,
+      j({
+        ref: v,
+        onTouchEnd: P,
         className: [me.playbackButton, e].filter(Boolean).join(" "),
         "aria-label": "Player gestures"
       }, l)
     ),
-    x.visible && /* @__PURE__ */ s.jsxs(
+    L.visible && /* @__PURE__ */ s.jsxs(
       "div",
       {
-        className: `${me.seekIndicator} ${me.seekIndicatorVisible} ${x.direction === "backward" ? me.seekIndicatorLeft : me.seekIndicatorRight}`,
+        className: `${me.seekIndicator} ${me.seekIndicatorVisible} ${L.direction === "backward" ? me.seekIndicatorLeft : me.seekIndicatorRight}`,
         children: [
-          x.direction === "backward" ? "-" : "+",
-          xe(x.time)
+          L.direction === "backward" ? "-" : "+",
+          _e(L.time)
         ]
       }
     )
   ] });
 }
-function Wr() {
-  const e = f((c) => c.isPlaying), t = f((c) => c.pause), n = f((c) => c.getPauseTimeDiff), o = f((c) => c.play), a = A((c) => c.delay), l = A((c) => c.setDelay), u = A((c) => c.startDate), i = u ? u.getTime() : 0;
+function qr() {
+  const e = f((c) => c.isPlaying), t = f((c) => c.pause), n = f((c) => c.getPauseTimeDiff), o = f((c) => c.play), a = V((c) => c.delay), l = V((c) => c.setDelay), u = V((c) => c.startDate), i = u ? u.getTime() : 0;
   return /* @__PURE__ */ s.jsx(
     Xt,
     {
@@ -1809,28 +1815,28 @@ function Wr() {
     }
   );
 }
-const Zr = "_playerButton_izwqq_1", Kr = "_playerButtonCircle_izwqq_42", xt = {
-  playerButton: Zr,
-  playerButtonCircle: Kr
+const Kr = "_playerButton_izwqq_1", Yr = "_playerButtonCircle_izwqq_42", _t = {
+  playerButton: Kr,
+  playerButtonCircle: Yr
 }, le = Ne(
   (a, o) => {
     var l = a, { shape: e = "circle", className: t } = l, n = ne(l, ["shape", "className"]);
-    const u = e === "circle" ? xt.playerButtonCircle : "", i = [xt.playerButton, u, t].filter(Boolean).join(" ");
-    return /* @__PURE__ */ s.jsx("button", L({ ref: o, className: i }, n));
+    const u = e === "circle" ? _t.playerButtonCircle : "", i = [_t.playerButton, u, t].filter(Boolean).join(" ");
+    return /* @__PURE__ */ s.jsx("button", j({ ref: o, className: i }, n));
   }
 );
 le.displayName = "PlayerButton";
-const Yr = "_liveIndicator_1jczn_1", Xr = "_liveIndicatorHasDelay_1jczn_9", Gr = "_liveIndicatorNoDelay_1jczn_13", ke = {
-  liveIndicator: Yr,
-  liveIndicatorHasDelay: Xr,
-  liveIndicatorNoDelay: Gr
+const Xr = "_liveIndicator_1jczn_1", Gr = "_liveIndicatorHasDelay_1jczn_9", Jr = "_liveIndicatorNoDelay_1jczn_13", Ie = {
+  liveIndicator: Xr,
+  liveIndicatorHasDelay: Gr,
+  liveIndicatorNoDelay: Jr
 };
-function Jr(n) {
+function Qr(n) {
   var o = n, { message: e } = o, t = ne(o, ["message"]);
-  const a = A((c) => c.delay), l = A((c) => c.setDelay), u = () => {
+  const a = V((c) => c.delay), l = V((c) => c.setDelay), u = () => {
     a && l(0);
-  }, i = a ? `${ke.liveIndicator} ${ke.liveIndicatorHasDelay}` : `${ke.liveIndicator} ${ke.liveIndicatorNoDelay}`;
-  return /* @__PURE__ */ s.jsxs(le, he(L({ onClick: u, shape: "square" }, t), { children: [
+  }, i = a ? `${Ie.liveIndicator} ${Ie.liveIndicatorHasDelay}` : `${Ie.liveIndicator} ${Ie.liveIndicatorNoDelay}`;
+  return /* @__PURE__ */ s.jsxs(le, he(j({ onClick: u, shape: "square" }, t), { children: [
     /* @__PURE__ */ s.jsx("div", { className: i }),
     e || "Live"
   ] }));
@@ -1857,8 +1863,8 @@ function Jt() {
     }
   );
 }
-function Qr() {
-  const e = f((i) => i.isPlaying), t = f((i) => i.pause), n = f((i) => i.getPauseTimeDiff), o = f((i) => i.play), a = A((i) => i.delay), l = A((i) => i.setDelay), u = () => {
+function eo() {
+  const e = f((i) => i.isPlaying), t = f((i) => i.pause), n = f((i) => i.getPauseTimeDiff), o = f((i) => i.play), a = V((i) => i.delay), l = V((i) => i.setDelay), u = () => {
     if (e)
       t();
     else {
@@ -1868,27 +1874,27 @@ function Qr() {
   };
   return /* @__PURE__ */ s.jsx(le, { onClick: u, children: e ? /* @__PURE__ */ s.jsx(Gt, {}) : /* @__PURE__ */ s.jsx(Jt, {}) });
 }
-const eo = "_progressSlider_hwzgf_1", to = "_tipContainer_hwzgf_7", no = "_tipContainerVisible_hwzgf_17", ro = "_tipContainerHidden_hwzgf_22", oo = "_tipContent_hwzgf_27", se = {
-  progressSlider: eo,
-  tipContainer: to,
-  tipContainerVisible: no,
-  tipContainerHidden: ro,
-  tipContent: oo
-}, io = "_sliderRoot_aeak6_1", so = "_sliderTrack_aeak6_18", ao = "_sliderRange_aeak6_28", lo = "_sliderThumb_aeak6_37", Ie = {
-  sliderRoot: io,
-  sliderTrack: so,
-  sliderRange: ao,
-  sliderThumb: lo
+const to = "_progressSlider_hwzgf_1", no = "_tipContainer_hwzgf_7", ro = "_tipContainerVisible_hwzgf_17", oo = "_tipContainerHidden_hwzgf_22", io = "_tipContent_hwzgf_27", se = {
+  progressSlider: to,
+  tipContainer: no,
+  tipContainerVisible: ro,
+  tipContainerHidden: oo,
+  tipContent: io
+}, so = "_sliderRoot_aeak6_1", ao = "_sliderTrack_aeak6_18", lo = "_sliderRange_aeak6_28", co = "_sliderThumb_aeak6_37", ke = {
+  sliderRoot: so,
+  sliderTrack: ao,
+  sliderRange: lo,
+  sliderThumb: co
 }, Ae = Ne((l, a) => {
   var u = l, { max: e = 100, min: t = 0, className: n } = u, o = ne(u, ["max", "min", "className"]);
   return /* @__PURE__ */ s.jsxs(
     je.Root,
-    he(L({
+    he(j({
       ref: a,
       min: t,
       max: e,
       "aria-label": "Player progress",
-      className: [Ie.sliderRoot, n].filter(Boolean).join(" "),
+      className: [ke.sliderRoot, n].filter(Boolean).join(" "),
       onKeyDown: (i) => (
         // Prevent the slider from being controlled by the keyboard
         // when the slider is focused by a click
@@ -1896,8 +1902,8 @@ const eo = "_progressSlider_hwzgf_1", to = "_tipContainer_hwzgf_7", no = "_tipCo
       )
     }, o), {
       children: [
-        /* @__PURE__ */ s.jsx(je.Track, { className: Ie.sliderTrack, children: /* @__PURE__ */ s.jsx(je.Range, { className: Ie.sliderRange }) }),
-        /* @__PURE__ */ s.jsx(je.Thumb, { className: Ie.sliderThumb })
+        /* @__PURE__ */ s.jsx(je.Track, { className: ke.sliderTrack, children: /* @__PURE__ */ s.jsx(je.Range, { className: ke.sliderRange }) }),
+        /* @__PURE__ */ s.jsx(je.Thumb, { className: ke.sliderThumb })
       ]
     })
   );
@@ -1915,26 +1921,26 @@ function Me(e) {
   } : t;
 }
 const Tt = "vod-player-progress-bar";
-function co() {
-  const e = V(null), t = V(null), [n, o] = X(0), [a, l] = X(0), [u, i] = X(!1), [c, d] = X(-1), [g, y] = X(-1), v = A((D) => D.delay), x = A((D) => D.startDate), P = x ? x.getTime() : 0, b = (/* @__PURE__ */ new Date()).getTime(), E = A((D) => D.setDelay), N = f((D) => D.isPlaying), S = f((D) => D.addIdleLock), k = f((D) => D.removeIdleLock), _ = z(() => {
-    o(Wt(P, v)), l(br(P, b));
-  }, [v, b, P]), I = parseFloat(
-    (a ? (g !== -1 ? g : n) / a * 100 : 0).toFixed(1)
-  ), p = (D) => {
-    y(a * (D[0] / 100)), S(Tt);
+function uo() {
+  const e = N(null), t = N(null), [n, o] = X(0), [a, l] = X(0), [u, i] = X(!1), [c, d] = X(-1), [v, y] = X(-1), g = V((k) => k.delay), L = V((k) => k.startDate), D = L ? L.getTime() : 0, _ = (/* @__PURE__ */ new Date()).getTime(), b = V((k) => k.setDelay), M = f((k) => k.isPlaying), R = f((k) => k.addIdleLock), P = f((k) => k.removeIdleLock), x = z(() => {
+    o(Zt(D, g)), l(Sr(D, _));
+  }, [g, _, D]), I = parseFloat(
+    (a ? (v !== -1 ? v : n) / a * 100 : 0).toFixed(1)
+  ), p = (k) => {
+    y(a * (k[0] / 100)), R(Tt);
   }, $ = () => {
-    if (g !== -1) {
-      const D = qt(P, g);
-      E(D), y(-1), k(Tt);
+    if (v !== -1) {
+      const k = Wt(D, v);
+      b(k), y(-1), P(Tt);
     }
-  }, G = () => i(!0), Z = () => i(!1), O = z(
-    (D) => {
+  }, G = () => i(!0), q = () => i(!1), O = z(
+    (k) => {
       const Q = e.current, K = t.current;
       if (Q && K) {
-        const q = Me(Q), oe = Me(K), ue = (D.pageX || D.clientX) - q.left, te = ue / q.width;
+        const W = Me(Q), oe = Me(K), ue = (k.pageX || k.clientX) - W.left, te = ue / W.width;
         if (te < 0) return;
-        let W = ue - oe.width / 2;
-        W < 0 && (W = 0), W > q.width - oe.width && (W = -1), K.style.left = W > -1 ? `${W}px` : "auto", K.style.right = W > -1 ? "auto" : "0px";
+        let Z = ue - oe.width / 2;
+        Z < 0 && (Z = 0), Z > W.width - oe.width && (Z = -1), K.style.left = Z > -1 ? `${Z}px` : "auto", K.style.right = Z > -1 ? "auto" : "0px";
         const ve = a - te * a;
         d(ve > 0 ? ve : 0);
       }
@@ -1942,16 +1948,16 @@ function co() {
     },
     [a]
   );
-  return Ve(() => _(), N ? 1e3 : null), F(() => {
-    _();
-  }, [_]), /* @__PURE__ */ s.jsxs("div", { className: se.progressSlider, children: [
+  return Ve(() => x(), M ? 1e3 : null), A(() => {
+    x();
+  }, [x]), /* @__PURE__ */ s.jsxs("div", { className: se.progressSlider, children: [
     /* @__PURE__ */ s.jsx(
       Ae,
       {
         ref: e,
         value: [I],
-        onPointerLeave: Z,
-        onPointerDown: Z,
+        onPointerLeave: q,
+        onPointerDown: q,
         onPointerMove: O,
         onValueChange: p,
         onValueCommit: $,
@@ -1963,12 +1969,12 @@ function co() {
       {
         ref: t,
         className: `${se.tipContainer} ${u ? se.tipContainerVisible : se.tipContainerHidden}`,
-        children: /* @__PURE__ */ s.jsx("p", { className: se.tipContent, children: `-${xe(c)}` })
+        children: /* @__PURE__ */ s.jsx("p", { className: se.tipContent, children: `-${_e(c)}` })
       }
     )
   ] });
 }
-function uo() {
+function fo() {
   return /* @__PURE__ */ s.jsx(
     "svg",
     {
@@ -1979,18 +1985,18 @@ function uo() {
     }
   );
 }
-function fo() {
-  const e = A((a) => a.startDate), t = A((a) => a.setDelay), n = e ? e.getTime() : 0, o = () => t(qt(n));
-  return /* @__PURE__ */ s.jsx(le, { onClick: o, children: /* @__PURE__ */ s.jsx(uo, {}) });
-}
-const ho = "_viewersContainer_bsl3f_1", mo = "_viewersIndicator_bsl3f_13", po = "_viewersIcon_bsl3f_21", vo = "_viewersCount_bsl3f_25", De = {
-  viewersContainer: ho,
-  viewersIndicator: mo,
-  viewersIcon: po,
-  viewersCount: vo
+function ho() {
+  const e = V((a) => a.startDate), t = V((a) => a.setDelay), n = e ? e.getTime() : 0, o = () => t(Wt(n));
+  return /* @__PURE__ */ s.jsx(le, { onClick: o, children: /* @__PURE__ */ s.jsx(fo, {}) });
+}
+const mo = "_viewersContainer_z1ihz_1", po = "_viewersIndicator_z1ihz_16", vo = "_viewersIcon_z1ihz_24", yo = "_viewersCount_z1ihz_28", De = {
+  viewersContainer: mo,
+  viewersIndicator: po,
+  viewersIcon: vo,
+  viewersCount: yo
 };
-function yo() {
-  const e = A((t) => t.viewerCount);
+function go() {
+  const e = V((t) => t.viewerCount);
   return e ? /* @__PURE__ */ s.jsxs("div", { className: De.viewersContainer, children: [
     /* @__PURE__ */ s.jsx("span", { className: De.viewersIndicator }),
     /* @__PURE__ */ s.jsxs(
@@ -2035,15 +2041,15 @@ function Qt() {
     }
   );
 }
-const go = "_playerContainer_146tx_1", wo = "_controlsTop_146tx_12", _o = "_controlsBottom_146tx_29", xo = "_controlsContainer_146tx_45", To = "_controlsRow_146tx_61", Co = "_controlsSection_146tx_68", Eo = "_controlsSectionStart_146tx_78", Ro = "_controlsSectionEnd_146tx_82", B = {
-  playerContainer: go,
-  controlsTop: wo,
+const wo = "_playerContainer_146tx_1", xo = "_controlsTop_146tx_12", _o = "_controlsBottom_146tx_29", To = "_controlsContainer_146tx_45", Co = "_controlsRow_146tx_61", Eo = "_controlsSection_146tx_68", Ro = "_controlsSectionStart_146tx_78", So = "_controlsSectionEnd_146tx_82", B = {
+  playerContainer: wo,
+  controlsTop: xo,
   controlsBottom: _o,
-  controlsContainer: xo,
-  controlsRow: To,
-  controlsSection: Co,
-  controlsSectionStart: Eo,
-  controlsSectionEnd: Ro
+  controlsContainer: To,
+  controlsRow: Co,
+  controlsSection: Eo,
+  controlsSectionStart: Ro,
+  controlsSectionEnd: So
 };
 function bo() {
   return /* @__PURE__ */ s.jsx(
@@ -2056,7 +2062,7 @@ function bo() {
     }
   );
 }
-function So() {
+function jo() {
   return /* @__PURE__ */ s.jsx(
     "svg",
     {
@@ -2076,77 +2082,62 @@ function en() {
   ), c = () => {
     n ? t() : o();
   };
-  return F(() => {
+  return A(() => {
     const d = Ut ? u.current : e.current;
     if (d)
       return ar(d, i);
-  }, [e, i, u]), F(() => {
+  }, [e, i, u]), A(() => {
     l(!0);
-  }, [l]), /* @__PURE__ */ s.jsx(le, { onClick: c, children: n ? /* @__PURE__ */ s.jsx(So, {}) : /* @__PURE__ */ s.jsx(bo, {}) });
+  }, [l]), /* @__PURE__ */ s.jsx(le, { onClick: c, children: n ? /* @__PURE__ */ s.jsx(jo, {}) : /* @__PURE__ */ s.jsx(bo, {}) });
 }
-const jo = "_idleCheckContainer_iz9tu_1", Lo = "_idleCheckContainerIdle_iz9tu_10", Po = "_idleCheckContainerActive_iz9tu_15", Ze = {
-  idleCheckContainer: jo,
-  idleCheckContainerIdle: Lo,
-  idleCheckContainerActive: Po
+const Lo = "_idleCheckContainer_crh2s_1", Po = "_idleCheckContainerIdle_crh2s_5", Io = "_idleCheckContainerActive_crh2s_11", qe = {
+  idleCheckContainer: Lo,
+  idleCheckContainerIdle: Po,
+  idleCheckContainerActive: Io
 }, ko = 5 * 1e3;
 function tn({ children: e }) {
-  const t = V(null), n = f((v) => v.isIdle), o = f((v) => v.setIsIdle), a = V(null), u = f((v) => v.idleLocks).size, i = f((v) => v.eventEmitter), c = z(() => {
+  const t = N(null), n = f((g) => g.isIdle), o = f((g) => g.setIsIdle), a = N(null), u = f((g) => g.idleLocks).size, i = f((g) => g.eventEmitter), c = z(() => {
     a.current !== null && (window.clearTimeout(a.current), a.current = null);
   }, []), d = z(() => {
     c(), a.current = window.setTimeout(() => o(!0), ko);
   }, [c]);
-  F(() => (o(!1), d(), () => {
+  A(() => (o(!1), d(), () => {
     c();
-  }), [c, d]), F(() => {
-    const v = t.current;
-    if (!v) return;
-    const x = (E) => {
-      n && (E.preventDefault(), E.stopPropagation(), o(!1), d());
-    }, P = (E) => {
-      n && (E.preventDefault(), E.stopPropagation(), o(!1), d());
-    }, b = () => {
-      n && o(!1), d();
-    };
-    return v.addEventListener("click", x), v.addEventListener("touchstart", P, {
-      passive: !1
-    }), v.addEventListener("mousemove", b), () => {
-      v.removeEventListener("click", x), v.removeEventListener("touchstart", P), v.removeEventListener("mousemove", b);
-    };
-  }, [t, n, o, d]), F(() => {
-    const v = () => {
+  }), [c, d]), A(() => {
+    const g = () => {
       o(!1), d();
     };
-    return i.on("resetIdle", v), () => {
-      i.off("resetIdle", v);
+    return i.on("resetIdle", g), () => {
+      i.off("resetIdle", g);
     };
   }, [i, o, d]);
-  const g = n && !u, y = `${Ze.idleCheckContainer} ${g ? Ze.idleCheckContainerIdle : Ze.idleCheckContainerActive}`;
+  const v = n && !u, y = `${qe.idleCheckContainer} ${v ? qe.idleCheckContainerIdle : qe.idleCheckContainerActive}`;
   return /* @__PURE__ */ s.jsx("div", { ref: t, className: y, children: e });
 }
-const Io = "_spinner_oo4hi_10", Do = {
-  spinner: Io
+const Do = "_spinner_oo4hi_10", Fo = {
+  spinner: Do
 };
-function Fo(e) {
-  return /* @__PURE__ */ s.jsx("div", L({ className: Do.spinner }, e));
+function Mo(e) {
+  return /* @__PURE__ */ s.jsx("div", j({ className: Fo.spinner }, e));
 }
-function Mo(e, t = 500) {
+function No(e, t = 500) {
   const [n, o] = X(e);
-  return F(() => {
+  return A(() => {
     const a = window.setTimeout(() => o(e), t);
     return () => {
       window.clearTimeout(a);
     };
   }, [e, t]), n;
 }
-const No = "_loadingContainer_v9v7r_1", Vo = {
-  loadingContainer: No
+const Vo = "_loadingContainer_v9v7r_1", Ao = {
+  loadingContainer: Vo
 };
 function nn(n) {
   var o = n, { style: e } = o, t = ne(o, ["style"]);
   const a = f((u) => u.isLoading);
-  return Mo(a, 100) ? /* @__PURE__ */ s.jsx("div", he(L({ className: Vo.loadingContainer, style: e }, t), { children: /* @__PURE__ */ s.jsx(Fo, {}) })) : null;
+  return No(a, 100) ? /* @__PURE__ */ s.jsx("div", he(j({ className: Ao.loadingContainer, style: e }, t), { children: /* @__PURE__ */ s.jsx(Mo, {}) })) : null;
 }
-function Ao() {
+function Oo() {
   return /* @__PURE__ */ s.jsx(
     "svg",
     {
@@ -2157,7 +2148,7 @@ function Ao() {
     }
   );
 }
-function Oo() {
+function Ho() {
   return /* @__PURE__ */ s.jsx(
     "svg",
     {
@@ -2168,18 +2159,18 @@ function Oo() {
     }
   );
 }
-const Ho = "_dropdownMenuContent_b7j6b_1", $o = "_dropdownMenuItem_b7j6b_83", Uo = "_scrollAreaRoot_b7j6b_125", Bo = "_scrollAreaViewport_b7j6b_133", zo = "_scrollAreaScrollbar_b7j6b_141", qo = "_scrollAreaThumb_b7j6b_168", pe = {
-  dropdownMenuContent: Ho,
-  dropdownMenuItem: $o,
-  scrollAreaRoot: Uo,
-  scrollAreaViewport: Bo,
-  scrollAreaScrollbar: zo,
-  scrollAreaThumb: qo
-}, Wo = Te.Root, Zo = Te.Trigger, Ko = Te.Portal, rn = Ne((l, a) => {
+const $o = "_dropdownMenuContent_b7j6b_1", Uo = "_dropdownMenuItem_b7j6b_83", Bo = "_scrollAreaRoot_b7j6b_125", zo = "_scrollAreaViewport_b7j6b_133", Wo = "_scrollAreaScrollbar_b7j6b_141", Zo = "_scrollAreaThumb_b7j6b_168", pe = {
+  dropdownMenuContent: $o,
+  dropdownMenuItem: Uo,
+  scrollAreaRoot: Bo,
+  scrollAreaViewport: zo,
+  scrollAreaScrollbar: Wo,
+  scrollAreaThumb: Zo
+}, qo = Te.Root, Ko = Te.Trigger, Yo = Te.Portal, rn = Ne((l, a) => {
   var u = l, { sideOffset: e = 4, className: t, children: n } = u, o = ne(u, ["sideOffset", "className", "children"]);
   return /* @__PURE__ */ s.jsx(
     Te.Content,
-    he(L({
+    he(j({
       ref: a,
       sideOffset: e,
       className: [pe.dropdownMenuContent, t].filter(Boolean).join(" "),
@@ -2222,7 +2213,7 @@ const on = Ne((a, o) => {
   };
   return /* @__PURE__ */ s.jsx(Te.Close, { asChild: !0, children: /* @__PURE__ */ s.jsx(
     "div",
-    L({
+    j({
       ref: o,
       className: [pe.dropdownMenuItem, e].filter(Boolean).join(" "),
       role: "menuitem",
@@ -2241,22 +2232,22 @@ function sn() {
     },
     [o, a]
   );
-  return /* @__PURE__ */ s.jsxs(Wo, { open: e, onOpenChange: i, children: [
-    /* @__PURE__ */ s.jsx(Zo, { asChild: !0, children: /* @__PURE__ */ s.jsx(le, { children: /* @__PURE__ */ s.jsx(Oo, {}) }) }),
-    /* @__PURE__ */ s.jsx(Ko, { container: n.current, children: /* @__PURE__ */ s.jsx(rn, { side: "top", align: "end", children: l == null ? void 0 : l.map((c) => /* @__PURE__ */ s.jsxs(
+  return /* @__PURE__ */ s.jsxs(qo, { open: e, onOpenChange: i, children: [
+    /* @__PURE__ */ s.jsx(Ko, { asChild: !0, children: /* @__PURE__ */ s.jsx(le, { children: /* @__PURE__ */ s.jsx(Ho, {}) }) }),
+    /* @__PURE__ */ s.jsx(Yo, { container: n.current, children: /* @__PURE__ */ s.jsx(rn, { side: "top", align: "end", children: l == null ? void 0 : l.map((c) => /* @__PURE__ */ s.jsxs(
       on,
       {
         onClick: () => u(c.value),
         children: [
           c.label,
-          c.selected && /* @__PURE__ */ s.jsx(Ao, {})
+          c.selected && /* @__PURE__ */ s.jsx(Oo, {})
         ]
       },
       c.sid
     )) }) })
   ] });
 }
-function Yo() {
+function Xo() {
   return /* @__PURE__ */ s.jsx(
     "svg",
     {
@@ -2267,7 +2258,7 @@ function Yo() {
     }
   );
 }
-function Xo() {
+function Go() {
   return /* @__PURE__ */ s.jsx(
     "svg",
     {
@@ -2278,7 +2269,7 @@ function Xo() {
     }
   );
 }
-function Go() {
+function Jo() {
   return /* @__PURE__ */ s.jsx(
     "svg",
     {
@@ -2289,9 +2280,9 @@ function Go() {
     }
   );
 }
-const Jo = "_volumeContainer_4d6jg_1", Qo = "_volumeSlider_4d6jg_8", Et = {
-  volumeContainer: Jo,
-  volumeSlider: Qo
+const Qo = "_volumeContainer_4d6jg_1", ei = "_volumeSlider_4d6jg_8", Et = {
+  volumeContainer: Qo,
+  volumeSlider: ei
 }, Rt = "volume";
 function an() {
   const e = f((i) => i.setVolume), t = f((i) => i.volume), n = f((i) => i.addIdleLock), o = f((i) => i.removeIdleLock), a = (i) => {
@@ -2300,7 +2291,7 @@ function an() {
     o(Rt);
   }, u = () => e(t ? 0 : 100);
   return /* @__PURE__ */ s.jsxs("div", { className: Et.volumeContainer, children: [
-    /* @__PURE__ */ s.jsx(le, { onClick: u, className: "shrink-0", children: t ? t > 50 ? /* @__PURE__ */ s.jsx(Yo, {}) : /* @__PURE__ */ s.jsx(Xo, {}) : /* @__PURE__ */ s.jsx(Go, {}) }),
+    /* @__PURE__ */ s.jsx(le, { onClick: u, className: "shrink-0", children: t ? t > 50 ? /* @__PURE__ */ s.jsx(Xo, {}) : /* @__PURE__ */ s.jsx(Go, {}) : /* @__PURE__ */ s.jsx(Jo, {}) }),
     /* @__PURE__ */ s.jsx("div", { className: Et.volumeSlider, children: /* @__PURE__ */ s.jsx(
       Ae,
       {
@@ -2311,10 +2302,10 @@ function an() {
     ) })
   ] });
 }
-function vi(e) {
-  return /* @__PURE__ */ s.jsx(kr, { children: /* @__PURE__ */ s.jsx(ei, L({}, e)) });
+function yi(e) {
+  return /* @__PURE__ */ s.jsx(Ir, { children: /* @__PURE__ */ s.jsx(ti, j({}, e)) });
 }
-function ei({ url: e, messages: t, onEvent: n }) {
+function ti({ url: e, messages: t, onEvent: n }) {
   const o = f((a) => a.containerRef);
   return /* @__PURE__ */ s.jsxs(
     "div",
@@ -2342,19 +2333,19 @@ function ei({ url: e, messages: t, onEvent: n }) {
               ),
               /* @__PURE__ */ s.jsx(Qt, {}),
               /* @__PURE__ */ s.jsx(nn, {}),
+              /* @__PURE__ */ s.jsx(qr, {}),
               /* @__PURE__ */ s.jsxs(tn, { children: [
-                /* @__PURE__ */ s.jsx(Wr, {}),
-                /* @__PURE__ */ s.jsx("div", { className: B.controlsTop, children: /* @__PURE__ */ s.jsx("div", { className: B.controlsContainer, children: /* @__PURE__ */ s.jsx("div", { className: B.controlsRow, children: /* @__PURE__ */ s.jsx(yo, {}) }) }) }),
+                /* @__PURE__ */ s.jsx("div", { className: B.controlsTop, children: /* @__PURE__ */ s.jsx("div", { className: B.controlsContainer, children: /* @__PURE__ */ s.jsx("div", { className: B.controlsRow, children: /* @__PURE__ */ s.jsx(go, {}) }) }) }),
                 /* @__PURE__ */ s.jsx("div", { className: B.controlsBottom, children: /* @__PURE__ */ s.jsxs("div", { className: B.controlsContainer, children: [
-                  /* @__PURE__ */ s.jsx(co, {}),
+                  /* @__PURE__ */ s.jsx(uo, {}),
                   /* @__PURE__ */ s.jsxs("div", { className: B.controlsRow, children: [
                     /* @__PURE__ */ s.jsxs(
                       "div",
                       {
                         className: `${B.controlsSection} ${B.controlsSectionStart}`,
                         children: [
-                          /* @__PURE__ */ s.jsx(Qr, {}),
-                          /* @__PURE__ */ s.jsx(fo, {}),
+                          /* @__PURE__ */ s.jsx(eo, {}),
+                          /* @__PURE__ */ s.jsx(ho, {}),
                           /* @__PURE__ */ s.jsx(an, {})
                         ]
                       }
@@ -2364,7 +2355,7 @@ function ei({ url: e, messages: t, onEvent: n }) {
                       {
                         className: `${B.controlsSection} ${B.controlsSectionEnd}`,
                         children: [
-                          /* @__PURE__ */ s.jsx(Jr, { message: t == null ? void 0 : t.live }),
+                          /* @__PURE__ */ s.jsx(Qr, { message: t == null ? void 0 : t.live }),
                           /* @__PURE__ */ s.jsx(sn, {}),
                           /* @__PURE__ */ s.jsx(en, {})
                         ]
@@ -2383,7 +2374,7 @@ function ei({ url: e, messages: t, onEvent: n }) {
     }
   );
 }
-function ti() {
+function ni() {
   const e = f((u) => u.isPlaying), t = f((u) => u.pause), n = f((u) => u.play), o = f((u) => u.currentTime), a = f((u) => u.duration), l = f((u) => u.seek);
   return /* @__PURE__ */ s.jsx(
     Xt,
@@ -2404,30 +2395,30 @@ function ti() {
     }
   );
 }
-function ni() {
+function ri() {
   const e = f((a) => a.isPlaying), t = f((a) => a.pause), n = f((a) => a.play), o = () => {
     e ? t() : n();
   };
   return /* @__PURE__ */ s.jsx(le, { onClick: o, children: e ? /* @__PURE__ */ s.jsx(Gt, {}) : /* @__PURE__ */ s.jsx(Jt, {}) });
 }
-const bt = "vod-player-progress-bar";
-function ri() {
-  const e = V(null), t = V(null), [n, o] = X(!1), [a, l] = X(-1), [u, i] = X(-1), c = f((k) => k.currentTime), d = f((k) => k.duration), g = f((k) => k.seek), y = f((k) => k.addIdleLock), v = f((k) => k.removeIdleLock), x = parseFloat(
+const St = "vod-player-progress-bar";
+function oi() {
+  const e = N(null), t = N(null), [n, o] = X(!1), [a, l] = X(-1), [u, i] = X(-1), c = f((P) => P.currentTime), d = f((P) => P.duration), v = f((P) => P.seek), y = f((P) => P.addIdleLock), g = f((P) => P.removeIdleLock), L = parseFloat(
     (d ? (u !== -1 ? u : c) / d * 100 : 0).toFixed(1)
-  ), P = (k) => {
-    i(d * (k[0] / 100)), y(bt);
-  }, b = () => {
-    u !== -1 && (g(u), i(-1), v(bt));
-  }, E = () => o(!0), N = () => o(!1), S = z(
-    (k) => {
-      const _ = e.current, I = t.current;
-      if (_ && I) {
-        const p = Me(_), $ = Me(I), G = (k.pageX || k.clientX) - p.left, Z = G / p.width;
-        if (Z < 0) return;
+  ), D = (P) => {
+    i(d * (P[0] / 100)), y(St);
+  }, _ = () => {
+    u !== -1 && (v(u), i(-1), g(St));
+  }, b = () => o(!0), M = () => o(!1), R = z(
+    (P) => {
+      const x = e.current, I = t.current;
+      if (x && I) {
+        const p = Me(x), $ = Me(I), G = (P.pageX || P.clientX) - p.left, q = G / p.width;
+        if (q < 0) return;
         let O = G - $.width / 2;
-        O < 0 && (O = 0), O > p.width - $.width && (O = -1), I.style.left = O > -1 ? `${O}px` : "auto", I.style.right = O > -1 ? "auto" : "0px", l(Z * d);
+        O < 0 && (O = 0), O > p.width - $.width && (O = -1), I.style.left = O > -1 ? `${O}px` : "auto", I.style.right = O > -1 ? "auto" : "0px", l(q * d);
       }
-      E();
+      b();
     },
     [d]
   );
@@ -2436,12 +2427,12 @@ function ri() {
       Ae,
       {
         ref: e,
-        value: [x],
-        onPointerLeave: N,
-        onPointerDown: N,
-        onPointerMove: S,
-        onValueChange: P,
-        onValueCommit: b,
+        value: [L],
+        onPointerLeave: M,
+        onPointerDown: M,
+        onPointerMove: R,
+        onValueChange: D,
+        onValueCommit: _,
         step: 0.1
       }
     ),
@@ -2450,34 +2441,34 @@ function ri() {
       {
         ref: t,
         className: `${se.tipContainer} ${n ? se.tipContainerVisible : se.tipContainerHidden}`,
-        children: /* @__PURE__ */ s.jsx("p", { className: se.tipContent, children: xe(a) })
+        children: /* @__PURE__ */ s.jsx("p", { className: se.tipContent, children: _e(a) })
       }
     )
   ] });
 }
-const oi = "_remainingTimeContainer_1yyhb_1", ii = "_remainingTime_1yyhb_1", si = "_remainingSeparator_1yyhb_17", Fe = {
-  remainingTimeContainer: oi,
-  remainingTime: ii,
-  remainingSeparator: si
+const ii = "_remainingTimeContainer_1yyhb_1", si = "_remainingTime_1yyhb_1", ai = "_remainingSeparator_1yyhb_17", Fe = {
+  remainingTimeContainer: ii,
+  remainingTime: si,
+  remainingSeparator: ai
 };
-function ai() {
+function li() {
   const e = f((n) => n.currentTime), t = f((n) => n.duration);
   return /* @__PURE__ */ s.jsxs("div", { className: Fe.remainingTimeContainer, children: [
-    /* @__PURE__ */ s.jsx("p", { className: Fe.remainingTime, children: xe(e) }),
+    /* @__PURE__ */ s.jsx("p", { className: Fe.remainingTime, children: _e(e) }),
     /* @__PURE__ */ s.jsx("p", { className: Fe.remainingSeparator }),
-    /* @__PURE__ */ s.jsx("p", { className: Fe.remainingTime, children: xe(t) })
+    /* @__PURE__ */ s.jsx("p", { className: Fe.remainingTime, children: _e(t) })
   ] });
 }
-function li({ callback: e }) {
+function ci({ callback: e }) {
   const t = f((n) => n.eventEmitter);
-  return F(() => {
+  return A(() => {
     const n = (o) => e("timeUpdate", o);
     return t.on("timeUpdate", n), () => {
       t.off("timeUpdate", n);
     };
   }, [e, t]), /* @__PURE__ */ s.jsx(zt, { callback: e });
 }
-function ci() {
+function ui() {
   const e = f((i) => i.currentTime), t = f((i) => i.duration), n = f((i) => i.isPlaying), o = f((i) => i.pause), a = f((i) => i.play), l = f((i) => i.seek), u = z(
     (i) => {
       let c = !1;
@@ -2498,16 +2489,16 @@ function ci() {
     },
     [e, t, n, o, a, l]
   );
-  return F(() => (document.addEventListener("keydown", u), () => {
+  return A(() => (document.addEventListener("keydown", u), () => {
     document.removeEventListener("keydown", u);
-  }), [u]), /* @__PURE__ */ s.jsx(Zt, {});
+  }), [u]), /* @__PURE__ */ s.jsx(qt, {});
 }
-function yi(e) {
-  return /* @__PURE__ */ s.jsx(Kt, { children: /* @__PURE__ */ s.jsx(ui, L({}, e)) });
+function gi(e) {
+  return /* @__PURE__ */ s.jsx(Kt, { children: /* @__PURE__ */ s.jsx(di, j({}, e)) });
 }
-function ui({ url: e, messages: t, onEvent: n, startTime: o }) {
+function di({ url: e, messages: t, onEvent: n, startTime: o }) {
   const a = f((u) => u.setStartTime), l = f((u) => u.containerRef);
-  return F(() => {
+  return A(() => {
     o && a(o);
   }, [o, a]), /* @__PURE__ */ s.jsxs(
     "div",
@@ -2518,43 +2509,41 @@ function ui({ url: e, messages: t, onEvent: n, startTime: o }) {
         /* @__PURE__ */ s.jsx(Yt, { url: e, isLive: !1, messages: t }),
         /* @__PURE__ */ s.jsx(Qt, {}),
         /* @__PURE__ */ s.jsx(nn, {}),
-        /* @__PURE__ */ s.jsxs(tn, { children: [
-          /* @__PURE__ */ s.jsx(ti, {}),
-          /* @__PURE__ */ s.jsx("div", { className: B.controlsBottom, children: /* @__PURE__ */ s.jsxs("div", { className: B.controlsContainer, children: [
-            /* @__PURE__ */ s.jsx(ri, {}),
-            /* @__PURE__ */ s.jsxs("div", { className: B.controlsRow, children: [
-              /* @__PURE__ */ s.jsxs(
-                "div",
-                {
-                  className: `${B.controlsSection} ${B.controlsSectionStart}`,
-                  children: [
-                    /* @__PURE__ */ s.jsx(ni, {}),
-                    /* @__PURE__ */ s.jsx(an, {}),
-                    /* @__PURE__ */ s.jsx(ai, {})
-                  ]
-                }
-              ),
-              /* @__PURE__ */ s.jsxs(
-                "div",
-                {
-                  className: `${B.controlsSection} ${B.controlsSectionEnd}`,
-                  children: [
-                    /* @__PURE__ */ s.jsx(sn, {}),
-                    /* @__PURE__ */ s.jsx(en, {})
-                  ]
-                }
-              )
-            ] })
-          ] }) })
-        ] }),
-        /* @__PURE__ */ s.jsx(ci, {}),
-        n && /* @__PURE__ */ s.jsx(li, { callback: n })
+        /* @__PURE__ */ s.jsx(ni, {}),
+        /* @__PURE__ */ s.jsx(tn, { children: /* @__PURE__ */ s.jsx("div", { className: B.controlsBottom, children: /* @__PURE__ */ s.jsxs("div", { className: B.controlsContainer, children: [
+          /* @__PURE__ */ s.jsx(oi, {}),
+          /* @__PURE__ */ s.jsxs("div", { className: B.controlsRow, children: [
+            /* @__PURE__ */ s.jsxs(
+              "div",
+              {
+                className: `${B.controlsSection} ${B.controlsSectionStart}`,
+                children: [
+                  /* @__PURE__ */ s.jsx(ri, {}),
+                  /* @__PURE__ */ s.jsx(an, {}),
+                  /* @__PURE__ */ s.jsx(li, {})
+                ]
+              }
+            ),
+            /* @__PURE__ */ s.jsxs(
+              "div",
+              {
+                className: `${B.controlsSection} ${B.controlsSectionEnd}`,
+                children: [
+                  /* @__PURE__ */ s.jsx(sn, {}),
+                  /* @__PURE__ */ s.jsx(en, {})
+                ]
+              }
+            )
+          ] })
+        ] }) }) }),
+        /* @__PURE__ */ s.jsx(ui, {}),
+        n && /* @__PURE__ */ s.jsx(ci, { callback: n })
       ]
     }
   );
 }
 export {
-  vi as LivePlayer,
-  yi as VodPlayer
+  yi as LivePlayer,
+  gi as VodPlayer
 };
 //# sourceMappingURL=react-video-player.es.js.map