@halibegic/react-video-player 0.0.31 → 0.0.32

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

@@ -1,30 +1,29 @@
-var Zn = Object.defineProperty, qn = Object.defineProperties;
+var qn = Object.defineProperty, Zn = Object.defineProperties;
 var Yn = Object.getOwnPropertyDescriptors;
-var Ee = Object.getOwnPropertySymbols;
+var Te = Object.getOwnPropertySymbols;
 var vt = Object.prototype.hasOwnProperty, pt = Object.prototype.propertyIsEnumerable;
-var mt = (e, t, n) => t in e ? Zn(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, j = (e, t) => {
+var mt = (e, t, n) => t in e ? qn(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, b = (e, t) => {
   for (var n in t || (t = {}))
     vt.call(t, n) && mt(e, n, t[n]);
-  if (Ee)
-    for (var n of Ee(t))
+  if (Te)
+    for (var n of Te(t))
       pt.call(t, n) && mt(e, n, t[n]);
   return e;
-}, he = (e, t) => qn(e, Yn(t));
+}, he = (e, t) => Zn(e, Yn(t));
 var G = (e, t) => {
   var n = {};
   for (var o in e)
     vt.call(e, o) && t.indexOf(o) < 0 && (n[o] = e[o]);
-  if (e != null && Ee)
-    for (var o of Ee(e))
+  if (e != null && Te)
+    for (var o of Te(e))
       t.indexOf(o) < 0 && pt.call(e, o) && (n[o] = e[o]);
   return n;
 };
-import Pt, { useLayoutEffect as Kn, useEffect as V, useRef as A, useState as U, createContext as Lt, useContext as jt, useCallback as M, forwardRef as De } from "react";
+import Pt, { useLayoutEffect as Kn, useEffect as O, useRef as A, useState as U, createContext as Lt, useContext as jt, useCallback as V, forwardRef as De } from "react";
 import { create as bt, useStore as kt } from "zustand";
-import { toZonedTime as Xn } from "date-fns-tz";
-import Jn from "mitt";
+import Xn from "mitt";
 import K from "hls.js";
-import * as Te from "@radix-ui/react-slider";
+import * as Ee from "@radix-ui/react-slider";
 import * as ye from "@radix-ui/react-dropdown-menu";
 function Dt(e) {
   var t = this.constructor;
@@ -101,19 +100,19 @@ function Nt(e) {
       }
   });
 }
-var Gn = setTimeout;
+var Jn = setTimeout;
 function Mt(e) {
   return !!(e && typeof e.length != "undefined");
 }
-function Qn() {
+function Gn() {
 }
-function er(e, t) {
+function Qn(e, t) {
   return function() {
     e.apply(t, arguments);
   };
 }
-function P(e) {
-  if (!(this instanceof P))
+function j(e) {
+  if (!(this instanceof j))
     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 = [], Ot(e, this);
@@ -125,7 +124,7 @@ function Vt(e, t) {
     e._deferreds.push(t);
     return;
   }
-  e._handled = !0, P._immediateFn(function() {
+  e._handled = !0, j._immediateFn(function() {
     var n = e._state === 1 ? t.onFulfilled : t.onRejected;
     if (n === null) {
       (e._state === 1 ? Be : pe)(t.promise, e._value);
@@ -147,11 +146,11 @@ function Be(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 P) {
+      if (t instanceof j) {
         e._state = 3, e._value = t, We(e);
         return;
       } else if (typeof n == "function") {
-        Ot(er(n, t), e);
+        Ot(Qn(n, t), e);
         return;
       }
     }
@@ -164,14 +163,14 @@ function pe(e, t) {
   e._state = 2, e._value = t, We(e);
 }
 function We(e) {
-  e._state === 2 && e._deferreds.length === 0 && P._immediateFn(function() {
-    e._handled || P._unhandledRejectionFn(e._value);
+  e._state === 2 && e._deferreds.length === 0 && j._immediateFn(function() {
+    e._handled || j._unhandledRejectionFn(e._value);
   });
   for (var t = 0, n = e._deferreds.length; t < n; t++)
     Vt(e, e._deferreds[t]);
   e._deferreds = null;
 }
-function tr(e, t, n) {
+function er(e, t, n) {
   this.onFulfilled = typeof e == "function" ? e : null, this.onRejected = typeof t == "function" ? t : null, this.promise = n;
 }
 function Ot(e, t) {
@@ -190,16 +189,16 @@ function Ot(e, t) {
     n = !0, pe(t, o);
   }
 }
-P.prototype.catch = function(e) {
+j.prototype.catch = function(e) {
   return this.then(null, e);
 };
-P.prototype.then = function(e, t) {
-  var n = new this.constructor(Qn);
-  return Vt(this, new tr(e, t, n)), n;
+j.prototype.then = function(e, t) {
+  var n = new this.constructor(Gn);
+  return Vt(this, new er(e, t, n)), n;
 };
-P.prototype.finally = Dt;
-P.all = function(e) {
-  return new P(function(t, n) {
+j.prototype.finally = Dt;
+j.all = function(e) {
+  return new j(function(t, n) {
     if (!Mt(e))
       return n(new TypeError("Promise.all accepts an array"));
     var o = Array.prototype.slice.call(e);
@@ -229,33 +228,33 @@ P.all = function(e) {
       l(u, o[u]);
   });
 };
-P.any = Nt;
-P.allSettled = It;
-P.resolve = function(e) {
-  return e && typeof e == "object" && e.constructor === P ? e : new P(function(t) {
+j.any = Nt;
+j.allSettled = It;
+j.resolve = function(e) {
+  return e && typeof e == "object" && e.constructor === j ? e : new j(function(t) {
     t(e);
   });
 };
-P.reject = function(e) {
-  return new P(function(t, n) {
+j.reject = function(e) {
+  return new j(function(t, n) {
     n(e);
   });
 };
-P.race = function(e) {
-  return new P(function(t, n) {
+j.race = function(e) {
+  return new j(function(t, n) {
     if (!Mt(e))
       return n(new TypeError("Promise.race accepts an array"));
     for (var o = 0, s = e.length; o < s; o++)
-      P.resolve(e[o]).then(t, n);
+      j.resolve(e[o]).then(t, n);
   });
 };
-P._immediateFn = // @ts-ignore
+j._immediateFn = // @ts-ignore
 typeof setImmediate == "function" && function(e) {
   setImmediate(e);
 } || function(e) {
-  Gn(e, 0);
+  Jn(e, 0);
 };
-P._unhandledRejectionFn = function(t) {
+j._unhandledRejectionFn = function(t) {
   typeof console != "undefined" && console && console.warn("Possible Unhandled Promise Rejection:", t);
 };
 var ne = (function() {
@@ -267,35 +266,35 @@ var ne = (function() {
     return global;
   throw new Error("unable to locate global object");
 })();
-typeof ne.Promise != "function" ? ne.Promise = P : (ne.Promise.prototype.finally || (ne.Promise.prototype.finally = Dt), ne.Promise.allSettled || (ne.Promise.allSettled = It), ne.Promise.any || (ne.Promise.any = Nt));
+typeof ne.Promise != "function" ? ne.Promise = j : (ne.Promise.prototype.finally || (ne.Promise.prototype.finally = Dt), ne.Promise.allSettled || (ne.Promise.allSettled = It), ne.Promise.any || (ne.Promise.any = Nt));
 var Re = { exports: {} }, me = {};
 var yt;
-function nr() {
+function tr() {
   if (yt) return me;
   yt = 1;
   var e = Pt, t = Symbol.for("react.element"), n = Symbol.for("react.fragment"), o = Object.prototype.hasOwnProperty, s = 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, h) {
-    var v, C = {}, R = null, _ = null;
-    h !== void 0 && (R = "" + h), c.key !== void 0 && (R = "" + c.key), c.ref !== void 0 && (_ = c.ref);
+    var v, C = {}, S = null, T = null;
+    h !== void 0 && (S = "" + h), c.key !== void 0 && (S = "" + c.key), c.ref !== void 0 && (T = c.ref);
     for (v in c) o.call(c, v) && !l.hasOwnProperty(v) && (C[v] = c[v]);
     if (i && i.defaultProps) for (v in c = i.defaultProps, c) C[v] === void 0 && (C[v] = c[v]);
-    return { $$typeof: t, type: i, key: R, ref: _, props: C, _owner: s.current };
+    return { $$typeof: t, type: i, key: S, ref: T, props: C, _owner: s.current };
   }
   return me.Fragment = n, me.jsx = u, me.jsxs = u, me;
 }
 var ve = {};
 var gt;
-function rr() {
+function nr() {
   return gt || (gt = 1, process.env.NODE_ENV !== "production" && (function() {
-    var e = Pt, t = Symbol.for("react.element"), n = Symbol.for("react.portal"), o = Symbol.for("react.fragment"), s = 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"), h = Symbol.for("react.suspense"), v = Symbol.for("react.suspense_list"), C = Symbol.for("react.memo"), R = Symbol.for("react.lazy"), _ = Symbol.for("react.offscreen"), b = Symbol.iterator, H = "@@iterator";
-    function L(r) {
+    var e = Pt, t = Symbol.for("react.element"), n = Symbol.for("react.portal"), o = Symbol.for("react.fragment"), s = 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"), h = Symbol.for("react.suspense"), v = Symbol.for("react.suspense_list"), C = Symbol.for("react.memo"), S = Symbol.for("react.lazy"), T = Symbol.for("react.offscreen"), L = Symbol.iterator, N = "@@iterator";
+    function x(r) {
       if (r === null || typeof r != "object")
         return null;
-      var d = b && r[b] || r[H];
+      var d = L && r[L] || r[N];
       return typeof d == "function" ? d : 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 P(r) {
       {
         for (var d = arguments.length, m = new Array(d > 1 ? d - 1 : 0), y = 1; y < d; y++)
           m[y - 1] = arguments[y];
@@ -304,18 +303,18 @@ function rr() {
     }
     function g(r, d, m) {
       {
-        var y = N.ReactDebugCurrentFrame, E = y.getStackAddendum();
+        var y = M.ReactDebugCurrentFrame, E = y.getStackAddendum();
         E !== "" && (d += "%s", m = m.concat([E]));
-        var T = m.map(function(x) {
-          return String(x);
+        var R = m.map(function(_) {
+          return String(_);
         });
-        T.unshift("Warning: " + d), Function.prototype.apply.call(console[r], console, T);
+        R.unshift("Warning: " + d), Function.prototype.apply.call(console[r], console, R);
       }
     }
-    var k = !1, p = !1, q = !1, Q = !1, ee = !1, X;
+    var k = !1, p = !1, Z = !1, Q = !1, ee = !1, X;
     X = Symbol.for("react.module.reference");
     function W(r) {
-      return !!(typeof r == "string" || typeof r == "function" || r === o || r === l || ee || r === s || r === h || r === v || Q || r === _ || k || p || q || typeof r == "object" && r !== null && (r.$$typeof === R || r.$$typeof === C || 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 || ee || r === s || r === h || r === v || Q || r === T || k || p || Z || typeof r == "object" && r !== null && (r.$$typeof === S || r.$$typeof === C || 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.
@@ -334,7 +333,7 @@ function rr() {
     function z(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" && P("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;
@@ -365,10 +364,10 @@ function rr() {
           case C:
             var y = r.displayName || null;
             return y !== null ? y : z(r.type) || "Memo";
-          case R: {
-            var E = r, T = E._payload, x = E._init;
+          case S: {
+            var E = r, R = E._payload, _ = E._init;
             try {
-              return z(x(T));
+              return z(_(R));
             } catch (w) {
               return null;
             }
@@ -435,10 +434,10 @@ function rr() {
             })
           });
         }
-        te < 0 && S("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        te < 0 && P("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var Fe = N.ReactCurrentDispatcher, Ne;
+    var Fe = M.ReactCurrentDispatcher, Ne;
     function Ce(r, d, m) {
       {
         if (Ne === void 0)
@@ -469,31 +468,31 @@ function rr() {
       Me = !0;
       var E = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var T;
-      T = Fe.current, Fe.current = null, Cn();
+      var R;
+      R = Fe.current, Fe.current = null, Cn();
       try {
         if (d) {
-          var x = function() {
+          var _ = function() {
             throw Error();
           };
-          if (Object.defineProperty(x.prototype, "props", {
+          if (Object.defineProperty(_.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(x, []);
+              Reflect.construct(_, []);
             } catch (B) {
               y = B;
             }
-            Reflect.construct(r, [], x);
+            Reflect.construct(r, [], _);
           } else {
             try {
-              x.call();
+              _.call();
             } catch (B) {
               y = B;
             }
-            r.call(x.prototype);
+            r.call(_.prototype);
           }
         } else {
           try {
@@ -514,16 +513,16 @@ function rr() {
               if (D !== 1 || F !== 1)
                 do
                   if (D--, F--, F < 0 || w[D] !== $[F]) {
-                    var Z = `
+                    var q = `
 ` + w[D].replace(" at new ", " at ");
-                    return r.displayName && Z.includes("<anonymous>") && (Z = Z.replace("<anonymous>", r.displayName)), typeof r == "function" && we.set(r, Z), Z;
+                    return r.displayName && q.includes("<anonymous>") && (q = q.replace("<anonymous>", r.displayName)), typeof r == "function" && we.set(r, q), q;
                   }
                 while (D >= 1 && F >= 0);
               break;
             }
         }
       } finally {
-        Me = !1, Fe.current = T, wn(), Error.prepareStackTrace = E;
+        Me = !1, Fe.current = R, wn(), Error.prepareStackTrace = E;
       }
       var ae = r ? r.displayName || r.name : "", ie = ae ? Ce(ae) : "";
       return typeof r == "function" && we.set(r, ie), ie;
@@ -531,7 +530,7 @@ function rr() {
     function _n(r, d, m) {
       return Qe(r, !1);
     }
-    function En(r) {
+    function Tn(r) {
       var d = r.prototype;
       return !!(d && d.isReactComponent);
     }
@@ -539,7 +538,7 @@ function rr() {
       if (r == null)
         return "";
       if (typeof r == "function")
-        return Qe(r, En(r));
+        return Qe(r, Tn(r));
       if (typeof r == "string")
         return Ce(r);
       switch (r) {
@@ -554,17 +553,17 @@ function rr() {
             return _n(r.render);
           case C:
             return xe(r.type, d, m);
-          case R: {
-            var y = r, E = y._payload, T = y._init;
+          case S: {
+            var y = r, E = y._payload, R = y._init;
             try {
-              return xe(T(E), d, m);
-            } catch (x) {
+              return xe(R(E), d, m);
+            } catch (_) {
             }
           }
         }
       return "";
     }
-    var fe = Object.prototype.hasOwnProperty, et = {}, tt = N.ReactDebugCurrentFrame;
+    var fe = Object.prototype.hasOwnProperty, et = {}, tt = M.ReactDebugCurrentFrame;
     function _e(r) {
       if (r) {
         var d = r._owner, m = xe(r.type, r._source, d ? d.type : null);
@@ -572,22 +571,22 @@ function rr() {
       } else
         tt.setExtraStackFrame(null);
     }
-    function Tn(r, d, m, y, E) {
+    function En(r, d, m, y, E) {
       {
-        var T = Function.call.bind(fe);
-        for (var x in r)
-          if (T(r, x)) {
+        var R = Function.call.bind(fe);
+        for (var _ in r)
+          if (R(r, _)) {
             var w = void 0;
             try {
-              if (typeof r[x] != "function") {
-                var $ = Error((y || "React class") + ": " + m + " type `" + x + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof r[x] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+              if (typeof r[_] != "function") {
+                var $ = Error((y || "React class") + ": " + m + " type `" + _ + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof r[_] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw $.name = "Invariant Violation", $;
               }
-              w = r[x](d, x, y, m, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              w = r[_](d, _, y, m, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (D) {
               w = D;
             }
-            w && !(w instanceof Error) && (_e(E), 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).", y || "React class", m, x, typeof w), _e(null)), w instanceof Error && !(w.message in et) && (et[w.message] = !0, _e(E), S("Failed %s type: %s", m, w.message), _e(null));
+            w && !(w instanceof Error) && (_e(E), P("%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).", y || "React class", m, _, typeof w), _e(null)), w instanceof Error && !(w.message in et) && (et[w.message] = !0, _e(E), P("Failed %s type: %s", m, w.message), _e(null));
           }
       }
     }
@@ -613,9 +612,9 @@ function rr() {
     }
     function rt(r) {
       if (Pn(r))
-        return S("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Sn(r)), nt(r);
+        return P("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Sn(r)), nt(r);
     }
-    var ot = N.ReactCurrentOwner, Ln = {
+    var ot = M.ReactCurrentOwner, Ln = {
       key: !0,
       ref: !0,
       __self: !0,
@@ -643,7 +642,7 @@ function rr() {
     function Dn(r, d) {
       {
         var m = function() {
-          it || (it = !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)", d));
+          it || (it = !0, P("%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)", d));
         };
         m.isReactWarning = !0, Object.defineProperty(r, "key", {
           get: m,
@@ -654,7 +653,7 @@ function rr() {
     function In(r, d) {
       {
         var m = function() {
-          st || (st = !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)", d));
+          st || (st = !0, P("%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)", d));
         };
         m.isReactWarning = !0, Object.defineProperty(r, "ref", {
           get: m,
@@ -662,7 +661,7 @@ function rr() {
         });
       }
     }
-    var Fn = function(r, d, m, y, E, T, x) {
+    var Fn = function(r, d, m, y, E, R, _) {
       var w = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: t,
@@ -670,9 +669,9 @@ function rr() {
         type: r,
         key: d,
         ref: m,
-        props: x,
+        props: _,
         // Record the component responsible for creating this element.
-        _owner: T
+        _owner: R
       };
       return w._store = {}, Object.defineProperty(w._store, "validated", {
         configurable: !1,
@@ -693,23 +692,23 @@ function rr() {
     };
     function Nn(r, d, m, y, E) {
       {
-        var T, x = {}, w = null, $ = null;
+        var R, _ = {}, w = null, $ = null;
         m !== void 0 && (rt(m), w = "" + m), bn(d) && (rt(d.key), w = "" + d.key), jn(d) && ($ = d.ref, kn(d, E));
-        for (T in d)
-          fe.call(d, T) && !Ln.hasOwnProperty(T) && (x[T] = d[T]);
+        for (R in d)
+          fe.call(d, R) && !Ln.hasOwnProperty(R) && (_[R] = d[R]);
         if (r && r.defaultProps) {
           var D = r.defaultProps;
-          for (T in D)
-            x[T] === void 0 && (x[T] = D[T]);
+          for (R in D)
+            _[R] === void 0 && (_[R] = D[R]);
         }
         if (w || $) {
           var F = typeof r == "function" ? r.displayName || r.name || "Unknown" : r;
-          w && Dn(x, F), $ && In(x, F);
+          w && Dn(_, F), $ && In(_, F);
         }
-        return Fn(r, w, $, E, y, ot.current, x);
+        return Fn(r, w, $, E, y, ot.current, _);
       }
     }
-    var Oe = N.ReactCurrentOwner, at = N.ReactDebugCurrentFrame;
+    var Oe = M.ReactCurrentOwner, at = M.ReactDebugCurrentFrame;
     function se(r) {
       if (r) {
         var d = r._owner, m = xe(r.type, r._source, d ? d.type : null);
@@ -760,7 +759,7 @@ Check the top-level render call using <` + m + ">.");
           return;
         ct[m] = !0;
         var y = "";
-        r && r._owner && r._owner !== Oe.current && (y = " It was passed a child from " + z(r._owner.type) + "."), se(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, y), se(null);
+        r && r._owner && r._owner !== Oe.current && (y = " It was passed a child from " + z(r._owner.type) + "."), se(r), P('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', m, y), se(null);
       }
     }
     function dt(r, d) {
@@ -775,10 +774,10 @@ Check the top-level render call using <` + m + ">.");
         else if (Ae(r))
           r._store && (r._store.validated = !0);
         else if (r) {
-          var E = L(r);
+          var E = x(r);
           if (typeof E == "function" && E !== r.entries)
-            for (var T = E.call(r), x; !(x = T.next()).done; )
-              Ae(x.value) && ut(x.value, d);
+            for (var R = E.call(r), _; !(_ = R.next()).done; )
+              Ae(_.value) && ut(_.value, d);
         }
       }
     }
@@ -798,13 +797,13 @@ Check the top-level render call using <` + m + ">.");
           return;
         if (m) {
           var y = z(d);
-          Tn(m, r.props, "prop", y, r);
+          En(m, r.props, "prop", y, r);
         } else if (d.PropTypes !== void 0 && !He) {
           He = !0;
           var E = z(d);
-          S("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", E || "Unknown");
+          P("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", E || "Unknown");
         }
-        typeof d.getDefaultProps == "function" && !d.getDefaultProps.isReactClassApproved && S("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof d.getDefaultProps == "function" && !d.getDefaultProps.isReactClassApproved && P("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
     function Hn(r) {
@@ -812,40 +811,40 @@ Check the top-level render call using <` + m + ">.");
         for (var d = Object.keys(r.props), m = 0; m < d.length; m++) {
           var y = d[m];
           if (y !== "children" && y !== "key") {
-            se(r), S("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", y), se(null);
+            se(r), P("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", y), se(null);
             break;
           }
         }
-        r.ref !== null && (se(r), S("Invalid attribute `ref` supplied to `React.Fragment`."), se(null));
+        r.ref !== null && (se(r), P("Invalid attribute `ref` supplied to `React.Fragment`."), se(null));
       }
     }
     var ft = {};
-    function ht(r, d, m, y, E, T) {
+    function ht(r, d, m, y, E, R) {
       {
-        var x = W(r);
-        if (!x) {
+        var _ = W(r);
+        if (!_) {
           var w = "";
           (r === void 0 || typeof r == "object" && r !== null && Object.keys(r).length === 0) && (w += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
           var $ = Mn();
           $ ? w += $ : w += lt();
           var D;
-          r === null ? D = "null" : Ve(r) ? D = "array" : r !== void 0 && r.$$typeof === t ? (D = "<" + (z(r.type) || "Unknown") + " />", w = " Did you accidentally export a JSX literal instead of a component?") : D = 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", D, w);
+          r === null ? D = "null" : Ve(r) ? D = "array" : r !== void 0 && r.$$typeof === t ? (D = "<" + (z(r.type) || "Unknown") + " />", w = " Did you accidentally export a JSX literal instead of a component?") : D = typeof r, P("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", D, w);
         }
-        var F = Nn(r, d, m, E, T);
+        var F = Nn(r, d, m, E, R);
         if (F == null)
           return F;
-        if (x) {
-          var Z = d.children;
-          if (Z !== void 0)
+        if (_) {
+          var q = d.children;
+          if (q !== void 0)
             if (y)
-              if (Ve(Z)) {
-                for (var ae = 0; ae < Z.length; ae++)
-                  dt(Z[ae], r);
-                Object.freeze && Object.freeze(Z);
+              if (Ve(q)) {
+                for (var ae = 0; ae < q.length; ae++)
+                  dt(q[ae], r);
+                Object.freeze && Object.freeze(q);
               } 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.");
+                P("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
-              dt(Z, r);
+              dt(q, r);
         }
         if (fe.call(d, "key")) {
           var ie = z(r), B = Object.keys(d).filter(function(zn) {
@@ -853,7 +852,7 @@ Check the top-level render call using <` + m + ">.");
           }), $e = B.length > 0 ? "{key: someKey, " + B.join(": ..., ") + ": ...}" : "{key: someKey}";
           if (!ft[ie + $e]) {
             var Wn = B.length > 0 ? "{" + B.join(": ..., ") + ": ...}" : "{}";
-            S(`A props object containing a "key" prop is being spread into JSX:
+            P(`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:
@@ -875,20 +874,20 @@ React keys must be passed directly to JSX without using spread:
   })()), ve;
 }
 var Ct;
-function or() {
-  return Ct || (Ct = 1, process.env.NODE_ENV === "production" ? Re.exports = nr() : Re.exports = rr()), Re.exports;
-}
-var a = or();
-const ir = "_playerNotice_wol1k_1", sr = "_playerNoticeTitle_wol1k_16", ar = "_playerNoticeText_wol1k_25", Ze = {
-  playerNotice: ir,
-  playerNoticeTitle: sr,
-  playerNoticeText: ar
-}, Le = Ze.playerNotice, je = Ze.playerNoticeTitle, ze = Ze.playerNoticeText, Ht = typeof window != "undefined" ? Kn : V;
-function qe(e, t) {
+function rr() {
+  return Ct || (Ct = 1, process.env.NODE_ENV === "production" ? Re.exports = tr() : Re.exports = nr()), Re.exports;
+}
+var a = rr();
+const or = "_playerNotice_wol1k_1", ir = "_playerNoticeTitle_wol1k_16", sr = "_playerNoticeText_wol1k_25", qe = {
+  playerNotice: or,
+  playerNoticeTitle: ir,
+  playerNoticeText: sr
+}, Le = qe.playerNotice, je = qe.playerNoticeTitle, ze = qe.playerNoticeText, Ht = typeof window != "undefined" ? Kn : O;
+function Ze(e, t) {
   const n = A(e);
   Ht(() => {
     n.current = e;
-  }, [e]), V(() => {
+  }, [e]), O(() => {
     if (t === null)
       return;
     const o = setInterval(() => {
@@ -899,29 +898,29 @@ function qe(e, t) {
     };
   }, [t]);
 }
-function lr(e) {
+function ar(e) {
   const [, t] = U(0);
-  qe(() => t((n) => n + 1), e);
+  Ze(() => t((n) => n + 1), e);
 }
-const cr = () => bt((e) => ({
+const lr = () => bt((e) => ({
   delay: 0,
   startDate: null,
   setDelay: (t) => e({ delay: t }),
   setStartDate: (t) => e({ startDate: t })
 })), At = Lt(
   null
-), ur = ({ children: e }) => {
+), cr = ({ children: e }) => {
   const t = A(
     null
   );
-  return t.current || (t.current = cr()), /* @__PURE__ */ a.jsx(At.Provider, { value: t.current, children: e });
-}, O = (e) => {
+  return t.current || (t.current = lr()), /* @__PURE__ */ a.jsx(At.Provider, { value: t.current, children: e });
+}, H = (e) => {
   const t = jt(At);
   if (!t)
     throw new Error("usePlayerStore must be used within PlayerStoreProvider");
   return kt(t, e);
 };
-function dr(e, t, n) {
+function ur(e, t, n) {
   const o = {
     days: 86400,
     hours: 3600,
@@ -931,39 +930,79 @@ function dr(e, t, n) {
   };
   return e * (o[t] / o[n]);
 }
-function fr(e) {
-  return dr(e, "milliseconds", "seconds");
+function dr(e) {
+  return ur(e, "milliseconds", "seconds");
 }
 const be = (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), s = Math.floor(e % 60);
   return n === 0 ? `${o}:${t(s)}` : `${n}:${t(o)}:${t(s)}`;
 };
-function hr(e, t) {
-  return Xn(e, t);
-}
-function mr(e) {
+function fr(e, t) {
+  var n, o, s, l, u, i;
+  if (typeof Intl != "undefined" && Intl.DateTimeFormat)
+    try {
+      const h = new Intl.DateTimeFormat("en-US", {
+        timeZone: t,
+        year: "numeric",
+        month: "2-digit",
+        day: "2-digit",
+        hour: "2-digit",
+        minute: "2-digit",
+        second: "2-digit",
+        hour12: !1
+      }).formatToParts(e), v = parseInt(
+        ((n = h.find((x) => x.type === "year")) == null ? void 0 : n.value) || "0",
+        10
+      ), C = parseInt(
+        ((o = h.find((x) => x.type === "month")) == null ? void 0 : o.value) || "0",
+        10
+      ) - 1, S = parseInt(
+        ((s = h.find((x) => x.type === "day")) == null ? void 0 : s.value) || "0",
+        10
+      ), T = parseInt(
+        ((l = h.find((x) => x.type === "hour")) == null ? void 0 : l.value) || "0",
+        10
+      ), L = parseInt(
+        ((u = h.find((x) => x.type === "minute")) == null ? void 0 : u.value) || "0",
+        10
+      ), N = parseInt(
+        ((i = h.find((x) => x.type === "second")) == null ? void 0 : i.value) || "0",
+        10
+      );
+      return new Date(v, C, S, T, L, N);
+    } catch (c) {
+      return console.warn(
+        `Failed to convert date to timezone ${t}, returning original date:`,
+        c
+      ), e;
+    }
+  return console.warn(
+    "Intl.DateTimeFormat not available, timezone conversion may be inaccurate"
+  ), e;
+}
+function hr(e) {
   var n;
   const t = typeof window != "undefined" && ((n = window.navigator) == null ? void 0 : n.userAgent) || "";
   return e.test(t);
 }
-const $t = mr(/iPhone|iPad|iPod/i);
-function vr() {
+const $t = hr(/iPhone|iPad|iPod/i);
+function mr() {
   const e = document;
   return !!(e.fullscreenElement || e.mozFullScreenElement || e.webkitFullscreenElement || e.msFullscreenElement);
 }
-function pr(e) {
+function vr(e) {
   e.requestFullscreen ? e.requestFullscreen() : e.msRequestFullscreen ? e.msRequestFullscreen() : e.webkitRequestFullScreen ? e.webkitRequestFullScreen() : e.webkitEnterFullScreen ? e.webkitEnterFullScreen() : e.mozRequestFullScreen && e.mozRequestFullScreen();
 }
-function yr(e) {
+function pr(e) {
   e.exitFullscreen ? e.exitFullscreen() : e.msExitFullscreen ? e.msExitFullscreen() : e.webkitExitFullscreen ? e.webkitExitFullscreen() : e.mozCancelFullScreen && e.mozCancelFullScreen();
 }
-function gr(e, t) {
+function yr(e, t) {
   return e.addEventListener("fullscreenchange", t), e.addEventListener("webkitfullscreenchange", t), e.addEventListener("mozfullscreenchange", t), e.addEventListener("MSFullscreenChange", t), () => {
     e.removeEventListener("fullscreenchange", t), e.removeEventListener("webkitfullscreenchange", t), e.removeEventListener("mozfullscreenchange", t), e.removeEventListener("MSFullscreenChange", t);
   };
 }
-const Cr = () => Jn(), wr = (e, t) => ({
+const gr = () => Xn(), Cr = (e, t) => ({
   currentTime: 0,
   duration: 0,
   isEnded: !1,
@@ -1075,7 +1114,7 @@ const Cr = () => Jn(), wr = (e, t) => ({
     }));
   },
   getPauseTimeDiff: () => !t().isStarted || !t().pauseTime ? 0 : parseInt(
-    fr(Date.now() - t().pauseTime).toFixed(0)
+    dr(Date.now() - t().pauseTime).toFixed(0)
   ),
   play: () => {
     const n = t().techRef.current;
@@ -1122,7 +1161,7 @@ const Cr = () => Jn(), wr = (e, t) => ({
       isLoading: !1
     });
   }
-}), xr = (e) => ({
+}), wr = (e) => ({
   idleLocks: /* @__PURE__ */ new Set(),
   addIdleLock: (t) => e((n) => ({
     idleLocks: new Set(n.idleLocks).add(t)
@@ -1131,40 +1170,40 @@ const Cr = () => Jn(), wr = (e, t) => ({
     const o = new Set(n.idleLocks);
     return o.delete(t), { idleLocks: o };
   })
-}), _r = (e, t) => ({
+}), xr = (e, t) => ({
   level: null,
   levels: null,
   setLevels: (n) => e({ levels: n }),
   setLevel: (n) => {
     n && t().eventEmitter.emit("qualityChange", { level: n }), e({ level: n });
   }
-}), Er = (e, t) => ({
+}), _r = (e, t) => ({
   isFullscreen: !1,
   isFullscreenReady: !1,
   exitFullscreen: () => {
-    t().eventEmitter.emit("fullscreenChange", { isFullscreen: !1 }), yr(document), e({ isFullscreen: !1 });
+    t().eventEmitter.emit("fullscreenChange", { isFullscreen: !1 }), pr(document), e({ isFullscreen: !1 });
   },
   requestFullscreen: () => {
     const n = t().techRef.current, o = t().containerRef.current;
     if (!n || !o) return;
     t().eventEmitter.emit("fullscreenChange", { isFullscreen: !0 });
     const s = $t ? n : o;
-    s && pr(s), e({ isFullscreen: !0 });
+    s && vr(s), e({ isFullscreen: !0 });
   },
   setIsFullscreen: (n) => e({ isFullscreen: n }),
   setIsFullscreenReady: (n) => e({ isFullscreenReady: n })
 }), Tr = (e) => ({
   error: null,
   setError: (t) => e({ error: t })
-}), Rr = () => ({
-  eventEmitter: Cr()
-}), Sr = (e) => () => j({}, e), Pr = (e, t) => bt()((...n) => j(j(j(j(j(j(j({}, wr(...n)), xr(...n)), Er(...n)), _r(...n)), Tr(...n)), Rr(...n)), Sr({
+}), Er = () => ({
+  eventEmitter: gr()
+}), Rr = (e) => () => b({}, e), Sr = (e, t) => bt()((...n) => b(b(b(b(b(b(b({}, Cr(...n)), wr(...n)), _r(...n)), xr(...n)), Tr(...n)), Er(...n)), Rr({
   techRef: e,
   containerRef: t
 })(...n))), Ut = Lt(null);
-function Lr({ children: e }) {
+function Pr({ children: e }) {
   const t = A(null), n = A(null), o = A(null);
-  return t.current || (t.current = Pr(n, o)), /* @__PURE__ */ a.jsx(Ut.Provider, { value: t.current, children: e });
+  return t.current || (t.current = Sr(n, o)), /* @__PURE__ */ a.jsx(Ut.Provider, { value: t.current, children: e });
 }
 const f = (e) => {
   const t = jt(Ut);
@@ -1172,7 +1211,7 @@ const f = (e) => {
     throw new Error("usePlayerStore must be used within PlayerStoreProvider");
   return kt(t, e);
 };
-function jr(e) {
+function Lr(e) {
   const t = e.split(`
 `);
   for (const n of t) {
@@ -1180,12 +1219,12 @@ function jr(e) {
     if (o.startsWith("#EXT-X-PROGRAM-DATE-TIME:")) {
       const s = o.replace("#EXT-X-PROGRAM-DATE-TIME:", "").trim(), l = new Date(s);
       if (!isNaN(l.getTime()))
-        return hr(l, "Europe/Sarajevo");
+        return fr(l, "Europe/Sarajevo");
     }
   }
   return null;
 }
-function br(e, t) {
+function jr(e, t) {
   const n = e.split(`
 `);
   let o = !1;
@@ -1212,19 +1251,19 @@ function br(e, t) {
   }
   return null;
 }
-function kr(e) {
+function br(e) {
   return e.replace("playlist.m3u8", "playlist_fmp4_dvr.m3u8");
 }
-async function Dr(e) {
+async function kr(e) {
   try {
-    const t = kr(e);
+    const t = br(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(), s = br(
+    const o = await n.text(), s = jr(
       o,
       t
     );
@@ -1236,32 +1275,32 @@ async function Dr(e) {
       throw new Error(
         `Failed to fetch chunklist: ${l.status} ${l.statusText}`
       );
-    const u = await l.text(), i = jr(u);
+    const u = await l.text(), i = Lr(u);
     return i ? console.log("Successfully detected start time:", i.toISOString()) : console.log(" No start time found in chunklist"), i;
   } catch (t) {
     return console.error("Error getting start time from HLS URL:", t), null;
   }
 }
-function Ir(n) {
+function Dr(n) {
   var o = n, { url: e } = o, t = G(o, ["url"]);
-  const [s, l] = U(!0), u = O((h) => h.startDate), i = O((h) => h.setStartDate), c = M(async () => {
-    const h = await Dr(e);
+  const [s, l] = U(!0), u = H((h) => h.startDate), i = H((h) => h.setStartDate), c = V(async () => {
+    const h = await kr(e);
     h && i(h);
   }, [e, i]);
-  return V(() => {
+  return O(() => {
     (async () => {
       l(!0), await c(), l(!1);
     })();
-  }, [c]), qe(c, u ? null : 5e3), s ? null : /* @__PURE__ */ a.jsx(Fr, j({}, t));
+  }, [c]), Ze(c, u ? null : 5e3), s ? null : /* @__PURE__ */ a.jsx(Ir, b({}, t));
 }
-function Fr({
+function Ir({
   children: e,
   eventNotStartedMessage: t = "Event has not started yet.",
   eventStartingSoonMessage: n = "Starting in few seconds..."
 }) {
-  const o = O((i) => i.startDate), s = f((i) => i.isStarted);
-  return lr(s ? null : 5e3), o ? Date.now() < o.getTime() ? /* @__PURE__ */ a.jsx(
-    Nr,
+  const o = H((i) => i.startDate), s = f((i) => i.isStarted);
+  return ar(s ? null : 5e3), o ? Date.now() < o.getTime() ? /* @__PURE__ */ a.jsx(
+    Fr,
     {
       startDate: o,
       title: t,
@@ -1269,7 +1308,7 @@ function Fr({
     }
   ) : /* @__PURE__ */ a.jsx(a.Fragment, { children: e }) : /* @__PURE__ */ a.jsx("div", { className: Le, children: /* @__PURE__ */ a.jsx("h3", { className: je, children: t }) });
 }
-function Nr({ startDate: e, title: t, message: n }) {
+function Fr({ startDate: e, title: t, message: n }) {
   const o = e.getTime() - Date.now(), s = Math.floor(o / (1e3 * 60 * 60)), l = Math.floor(
     o % (1e3 * 60 * 60) / (1e3 * 60)
   );
@@ -1283,7 +1322,7 @@ function Nr({ startDate: e, title: t, message: n }) {
   ] }) : /* @__PURE__ */ a.jsx("div", { className: Le, children: /* @__PURE__ */ a.jsx("h3", { className: je, children: n }) });
 }
 function Bt() {
-  const e = f((i) => i.exitFullscreen), t = f((i) => i.isFullscreen), n = f((i) => i.isFullscreenReady), o = f((i) => i.requestFullscreen), s = f((i) => i.setVolume), l = f((i) => i.volume), u = M(
+  const e = f((i) => i.exitFullscreen), t = f((i) => i.isFullscreen), n = f((i) => i.isFullscreenReady), o = f((i) => i.requestFullscreen), s = f((i) => i.setVolume), l = f((i) => i.volume), u = V(
     (i) => {
       let c = !1;
       if (!(i.target instanceof HTMLInputElement || i.ctrlKey)) {
@@ -1313,12 +1352,12 @@ function Bt() {
       l
     ]
   );
-  return V(() => (document.addEventListener("keydown", u), () => {
+  return O(() => (document.addEventListener("keydown", u), () => {
     document.removeEventListener("keydown", u);
   }), [u]), null;
 }
-function Mr() {
-  const e = O((i) => i.delay), t = f((i) => i.isPlaying), n = f((i) => i.pause), o = f((i) => i.getPauseTimeDiff), s = f((i) => i.play), l = O((i) => i.setDelay), u = M(
+function Nr() {
+  const e = H((i) => i.delay), t = f((i) => i.isPlaying), n = f((i) => i.pause), o = f((i) => i.getPauseTimeDiff), s = f((i) => i.play), l = H((i) => i.setDelay), u = V(
     (i) => {
       let c = !1;
       if (!(i.target instanceof HTMLInputElement || i.ctrlKey)) {
@@ -1344,23 +1383,23 @@ function Mr() {
     },
     [e, o, t, n, s, l]
   );
-  return V(() => (document.addEventListener("keydown", u), () => {
+  return O(() => (document.addEventListener("keydown", u), () => {
     document.removeEventListener("keydown", u);
   }), [u]), /* @__PURE__ */ a.jsx(Bt, {});
 }
 function Wt({ children: e }) {
-  return /* @__PURE__ */ a.jsx(Lr, { children: e });
+  return /* @__PURE__ */ a.jsx(Pr, { children: e });
 }
-function Vr({ children: e }) {
-  return /* @__PURE__ */ a.jsx(ur, { children: /* @__PURE__ */ a.jsx(Wt, { children: e }) });
+function Mr({ children: e }) {
+  return /* @__PURE__ */ a.jsx(cr, { children: /* @__PURE__ */ a.jsx(Wt, { children: e }) });
 }
 const zt = (e, t = 0) => parseInt(
   Math.max(0, (Date.now() - (e + t * 1e3)) / 1e3).toFixed(0)
-), Or = (e, t) => Math.max(0, (Date.now() - e - t * 1e3) / 1e3), Hr = (e, t) => Math.max(0, (t - e) / 1e3), Ar = (e, t = 0) => {
+), Vr = (e, t) => Math.max(0, (Date.now() - e - t * 1e3) / 1e3), Or = (e, t) => Math.max(0, (t - e) / 1e3), Hr = (e, t = 0) => {
   const o = t < 0 ? 0 : t, s = ["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))}${s[l]}`;
 };
-function $r({
+function Ar({
   isAuto: e,
   level: t,
   levels: n
@@ -1378,33 +1417,33 @@ function $r({
     const { bitrate: u, height: i, index: c } = l;
     s.push({
       sid: `quality-level-${c}`,
-      label: i ? `${i}p` : Ar(u),
+      label: i ? `${i}p` : Hr(u),
       value: c,
       selected: o === 1 || !e && c === t
     });
   }), s;
 }
-function Ur({ url: e, isLive: t }) {
-  const n = A(null), o = f((g) => g.level), s = f((g) => g.levels), l = f((g) => g.setLevel), u = f((g) => g.setLevels), i = f((g) => g.techRef), c = f((g) => g.setError), h = A(0), v = A(null), C = 50, R = 1e4, _ = M(
+function $r({ url: e, isLive: t }) {
+  const n = A(null), o = f((g) => g.level), s = f((g) => g.levels), l = f((g) => g.setLevel), u = f((g) => g.setLevels), i = f((g) => g.techRef), c = f((g) => g.setError), h = A(0), v = A(null), C = 50, S = 1e4, T = V(
     (g) => {
       if (n.current && (n.current.nextLevel = g, l(null), s)) {
-        const k = s.map((p) => he(j({}, p), {
+        const k = s.map((p) => he(b({}, p), {
           selected: p.value === g
         }));
         u(k);
       }
     },
     [s, l, u, n]
-  ), b = M(() => {
+  ), L = V(() => {
     n.current && (console.log("[Player][HLS] MEDIA_ATTACHED"), n.current.loadSource(e));
-  }, [e]), H = M(() => {
+  }, [e]), N = V(() => {
     if (!n.current) return;
     console.log("[Player][HLS] MANIFEST_LOADED"), c(null), v.current && (clearTimeout(v.current), v.current = null), h.current = 0;
     const g = n.current.levels, k = n.current.currentLevel, p = n.current.autoLevelEnabled;
     u(
-      $r({
-        levels: g.map((q, Q) => {
-          const { bitrate: ee, height: X, width: W } = q;
+      Ar({
+        levels: g.map((Z, Q) => {
+          const { bitrate: ee, height: X, width: W } = Z;
           return {
             bitrate: ee,
             height: X,
@@ -1416,7 +1455,7 @@ function Ur({ url: e, isLive: t }) {
         isAuto: p
       })
     );
-  }, [c, u]), L = M(
+  }, [c, u]), x = V(
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     (g, k) => {
       if (console.error("[Player][HLS] ERROR", g, k), !!n.current)
@@ -1429,7 +1468,7 @@ function Ur({ url: e, isLive: t }) {
                 } catch (p) {
                   console.error("[Player][HLS] Retry failed:", p);
                 }
-            }, R)), c({
+            }, S)), c({
               message: "Live event will be back shortly.",
               code: "MANIFEST_LOAD_ERROR",
               tech: "hls"
@@ -1441,7 +1480,7 @@ function Ur({ url: e, isLive: t }) {
         }
     },
     [t, e, c]
-  ), N = M(() => {
+  ), M = V(() => {
     if (!i.current) return;
     const g = {
       backBufferLength: 10,
@@ -1455,43 +1494,43 @@ function Ur({ url: e, isLive: t }) {
       // 30MB
     }, p = t ? g : k;
     try {
-      console.log("[Player][HLS] URL", e), console.log("[Player][HLS] Config", JSON.stringify(p)), console.log("[Player][HLS] Version", K.version), n.current = new K(p), n.current.attachMedia(i.current), n.current.on(K.Events.MEDIA_ATTACHED, b), n.current.on(K.Events.MANIFEST_LOADED, H), n.current.on(K.Events.ERROR, L);
-    } catch (q) {
-      throw new Error(`Error initializing Hls: ${q}`);
+      console.log("[Player][HLS] URL", e), console.log("[Player][HLS] Config", JSON.stringify(p)), console.log("[Player][HLS] Version", K.version), n.current = new K(p), n.current.attachMedia(i.current), n.current.on(K.Events.MEDIA_ATTACHED, L), n.current.on(K.Events.MANIFEST_LOADED, N), n.current.on(K.Events.ERROR, x);
+    } catch (Z) {
+      throw new Error(`Error initializing Hls: ${Z}`);
     }
   }, [
-    H,
-    b,
+    N,
     L,
+    x,
     t,
     i,
     e
-  ]), S = M(() => {
-    n.current && (n.current.off(K.Events.MEDIA_ATTACHED, b), n.current.off(K.Events.MANIFEST_LOADED, H), n.current.off(K.Events.ERROR, L), n.current.destroy(), n.current = null), v.current && (clearTimeout(v.current), v.current = null), h.current = 0;
-  }, [H, b, L]);
-  return V(() => {
-    o !== null && _(o);
-  }, [o, _]), V(() => (K.isSupported() && N(), S), [S, N]), null;
-}
-const Br = "_video_14rmx_1", Wr = {
-  video: Br
+  ]), P = V(() => {
+    n.current && (n.current.off(K.Events.MEDIA_ATTACHED, L), n.current.off(K.Events.MANIFEST_LOADED, N), n.current.off(K.Events.ERROR, x), n.current.destroy(), n.current = null), v.current && (clearTimeout(v.current), v.current = null), h.current = 0;
+  }, [N, L, x]);
+  return O(() => {
+    o !== null && T(o);
+  }, [o, T]), O(() => (K.isSupported() && M(), P), [P, M]), null;
+}
+const Ur = "_video_14rmx_1", Br = {
+  video: Ur
 };
-function Zt({ url: e, isLive: t, isMuted: n = !1 }) {
-  const o = f((p) => p.handleDurationChange), s = f((p) => p.handleEnd), l = f((p) => p.handleLoadedMetadata), u = f((p) => p.handleLoadStart), i = f((p) => p.handlePause), c = f((p) => p.handlePlay), h = f((p) => p.handlePlaying), v = f((p) => p.handleSeeked), C = f((p) => p.handleSeeking), R = f((p) => p.handleTimeUpdate), _ = f((p) => p.handleWaiting), b = f((p) => p.handleVolumeChange), H = f((p) => p.handleError), L = f((p) => p.techRef), N = A(null), S = () => t ? {} : {
+function qt({ url: e, isLive: t, isMuted: n = !1 }) {
+  const o = f((p) => p.handleDurationChange), s = f((p) => p.handleEnd), l = f((p) => p.handleLoadedMetadata), u = f((p) => p.handleLoadStart), i = f((p) => p.handlePause), c = f((p) => p.handlePlay), h = f((p) => p.handlePlaying), v = f((p) => p.handleSeeked), C = f((p) => p.handleSeeking), S = f((p) => p.handleTimeUpdate), T = f((p) => p.handleWaiting), L = f((p) => p.handleVolumeChange), N = f((p) => p.handleError), x = f((p) => p.techRef), M = A(null), P = () => t ? {} : {
     onDurationChange: o,
     onSeeked: v,
     onSeeking: C,
     onTimeUpdate: g
   }, g = () => {
-    (!N.current || Date.now() - N.current >= 1e3) && (R(), N.current = Date.now());
-  }, k = S();
+    (!M.current || Date.now() - M.current >= 1e3) && (S(), M.current = Date.now());
+  }, k = P();
   return /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
-    /* @__PURE__ */ a.jsx(Ur, { isLive: t, url: e }),
+    /* @__PURE__ */ a.jsx($r, { isLive: t, url: e }),
     /* @__PURE__ */ a.jsx(
       "video",
-      j({
-        ref: L,
-        className: Wr.video,
+      b({
+        ref: x,
+        className: Br.video,
         playsInline: !0,
         autoPlay: !0,
         controls: !1,
@@ -1499,33 +1538,33 @@ function Zt({ url: e, isLive: t, isMuted: n = !1 }) {
         preload: "auto",
         crossOrigin: "anonymous",
         onEnded: s,
-        onError: H,
+        onError: N,
         onLoadedMetadata: l,
         onLoadStart: u,
         onPause: i,
         onPlay: c,
         onPlaying: h,
-        onWaiting: _,
-        onVolumeChange: b,
+        onWaiting: T,
+        onVolumeChange: L,
         tabIndex: -1
       }, k)
     )
   ] });
 }
-function zr({ url: e }) {
-  const [t, n] = U(null), o = O((l) => l.delay), s = M(async () => {
+function Wr({ url: e }) {
+  const [t, n] = U(null), o = H((l) => l.delay), s = V(async () => {
     n(
       o ? e.replace("-live", "-catchup").replace("playlist.m3u8", `playlist_fmp4_dvr_timeshift-${o}.m3u8`) : e
     );
   }, [o, e]);
-  return V(() => {
+  return O(() => {
     s();
-  }, [s]), t ? /* @__PURE__ */ a.jsx(Zt, { url: t, isLive: !0 }) : null;
+  }, [s]), t ? /* @__PURE__ */ a.jsx(qt, { url: t, isLive: !0 }) : null;
 }
-const Zr = "_toggleButton_m3he7_1", qr = {
-  toggleButton: Zr
+const zr = "_toggleButton_m3he7_1", qr = {
+  toggleButton: zr
 };
-function qt(o) {
+function Zt(o) {
   var s = o, {
     className: e,
     onClick: t
@@ -1533,28 +1572,28 @@ function qt(o) {
     "className",
     "onClick"
   ]);
-  const l = A(null), u = f((_) => _.exitFullscreen), i = f((_) => _.isFullscreen), c = f((_) => _.requestFullscreen), h = (_) => {
-    R() ? (C(), i ? u() : c()) : v(_);
-  }, v = (_) => {
+  const l = A(null), u = f((T) => T.exitFullscreen), i = f((T) => T.isFullscreen), c = f((T) => T.requestFullscreen), h = (T) => {
+    S() ? (C(), i ? u() : c()) : v(T);
+  }, v = (T) => {
     l.current = window.setTimeout(() => {
-      t == null || t(_), C();
+      t == null || t(T), C();
     }, 200);
   }, C = () => {
     l.current !== null && (window.clearTimeout(l.current), l.current = null);
-  }, R = () => l.current !== null;
-  return V(() => () => {
+  }, S = () => l.current !== null;
+  return O(() => () => {
     C();
   }, []), /* @__PURE__ */ a.jsx(
     "button",
-    j({
+    b({
       onClick: h,
       className: [qr.toggleButton, e].filter(Boolean).join(" "),
       "aria-label": "Player playback indicator"
     }, n)
   );
 }
-function Yr() {
-  const e = f((i) => i.isPlaying), t = f((i) => i.pause), n = f((i) => i.getPauseTimeDiff), o = f((i) => i.play), s = O((i) => i.delay), l = O((i) => i.setDelay), u = () => {
+function Zr() {
+  const e = f((i) => i.isPlaying), t = f((i) => i.pause), n = f((i) => i.getPauseTimeDiff), o = f((i) => i.play), s = H((i) => i.delay), l = H((i) => i.setDelay), u = () => {
     if (e)
       t();
     else {
@@ -1562,30 +1601,30 @@ function Yr() {
       i && l(s + i), o();
     }
   };
-  return /* @__PURE__ */ a.jsx(qt, { onClick: u });
+  return /* @__PURE__ */ a.jsx(Zt, { onClick: u });
 }
-const Kr = "_button_e9zrb_1", Xr = "_buttonCircle_e9zrb_43", wt = {
-  button: Kr,
-  buttonCircle: Xr
+const Yr = "_button_e9zrb_1", Kr = "_buttonCircle_e9zrb_43", wt = {
+  button: Yr,
+  buttonCircle: Kr
 }, oe = De(
   (s, o) => {
     var l = s, { shape: e = "circle", className: t } = l, n = G(l, ["shape", "className"]);
     const u = e === "circle" ? wt.buttonCircle : "", i = [wt.button, u, t].filter(Boolean).join(" ");
-    return /* @__PURE__ */ a.jsx("button", j({ ref: o, className: i }, n));
+    return /* @__PURE__ */ a.jsx("button", b({ ref: o, className: i }, n));
   }
 );
 oe.displayName = "PlayerButton";
-const Jr = "_liveIndicator_1k5fh_1", Gr = "_liveIndicatorHasDelay_1k5fh_8", Qr = "_liveIndicatorNoDelay_1k5fh_12", Se = {
-  liveIndicator: Jr,
-  liveIndicatorHasDelay: Gr,
-  liveIndicatorNoDelay: Qr
+const Xr = "_liveIndicator_1k5fh_1", Jr = "_liveIndicatorHasDelay_1k5fh_8", Gr = "_liveIndicatorNoDelay_1k5fh_12", Se = {
+  liveIndicator: Xr,
+  liveIndicatorHasDelay: Jr,
+  liveIndicatorNoDelay: Gr
 };
-function eo(n) {
+function Qr(n) {
   var o = n, { message: e } = o, t = G(o, ["message"]);
-  const s = O((c) => c.delay), l = O((c) => c.setDelay), u = () => {
+  const s = H((c) => c.delay), l = H((c) => c.setDelay), u = () => {
     s && l(0);
   }, i = s ? `${Se.liveIndicator} ${Se.liveIndicatorHasDelay}` : `${Se.liveIndicator} ${Se.liveIndicatorNoDelay}`;
-  return /* @__PURE__ */ a.jsxs(oe, he(j({ onClick: u, shape: "square" }, t), { children: [
+  return /* @__PURE__ */ a.jsxs(oe, he(b({ onClick: u, shape: "square" }, t), { children: [
     /* @__PURE__ */ a.jsx("div", { className: i }),
     e || "Live"
   ] }));
@@ -1612,8 +1651,8 @@ function Kt() {
     }
   );
 }
-function to() {
-  const e = f((i) => i.isPlaying), t = f((i) => i.pause), n = f((i) => i.getPauseTimeDiff), o = f((i) => i.play), s = O((i) => i.delay), l = O((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), s = H((i) => i.delay), l = H((i) => i.setDelay), u = () => {
     if (e)
       t();
     else {
@@ -1623,22 +1662,22 @@ function to() {
   };
   return /* @__PURE__ */ a.jsx(oe, { onClick: u, children: e ? /* @__PURE__ */ a.jsx(Yt, {}) : /* @__PURE__ */ a.jsx(Kt, {}) });
 }
-const no = "_progressSlider_hwzgf_1", ro = "_tipContainer_hwzgf_7", oo = "_tipContainerVisible_hwzgf_17", io = "_tipContainerHidden_hwzgf_22", so = "_tipContent_hwzgf_27", ge = {
-  progressSlider: no,
-  tipContainer: ro,
-  tipContainerVisible: oo,
-  tipContainerHidden: io,
-  tipContent: so
-}, Xt = ge.progressSlider, Jt = ge.tipContainer, Gt = ge.tipContainerVisible, Qt = ge.tipContainerHidden, en = ge.tipContent, ao = "_sliderRoot_aeak6_1", lo = "_sliderTrack_aeak6_18", co = "_sliderRange_aeak6_28", uo = "_sliderThumb_aeak6_37", Pe = {
-  sliderRoot: ao,
-  sliderTrack: lo,
-  sliderRange: co,
-  sliderThumb: uo
+const to = "_progressSlider_hwzgf_1", no = "_tipContainer_hwzgf_7", ro = "_tipContainerVisible_hwzgf_17", oo = "_tipContainerHidden_hwzgf_22", io = "_tipContent_hwzgf_27", ge = {
+  progressSlider: to,
+  tipContainer: no,
+  tipContainerVisible: ro,
+  tipContainerHidden: oo,
+  tipContent: io
+}, Xt = ge.progressSlider, Jt = ge.tipContainer, Gt = ge.tipContainerVisible, Qt = ge.tipContainerHidden, en = ge.tipContent, so = "_sliderRoot_aeak6_1", ao = "_sliderTrack_aeak6_18", lo = "_sliderRange_aeak6_28", co = "_sliderThumb_aeak6_37", Pe = {
+  sliderRoot: so,
+  sliderTrack: ao,
+  sliderRange: lo,
+  sliderThumb: co
 }, Ie = De((l, s) => {
   var u = l, { max: e = 100, min: t = 0, className: n } = u, o = G(u, ["max", "min", "className"]);
   return /* @__PURE__ */ a.jsxs(
-    Te.Root,
-    he(j({
+    Ee.Root,
+    he(b({
       ref: s,
       min: t,
       max: e,
@@ -1651,8 +1690,8 @@ const no = "_progressSlider_hwzgf_1", ro = "_tipContainer_hwzgf_7", oo = "_tipCo
       )
     }, o), {
       children: [
-        /* @__PURE__ */ a.jsx(Te.Track, { className: Pe.sliderTrack, children: /* @__PURE__ */ a.jsx(Te.Range, { className: Pe.sliderRange }) }),
-        /* @__PURE__ */ a.jsx(Te.Thumb, { className: Pe.sliderThumb })
+        /* @__PURE__ */ a.jsx(Ee.Track, { className: Pe.sliderTrack, children: /* @__PURE__ */ a.jsx(Ee.Range, { className: Pe.sliderRange }) }),
+        /* @__PURE__ */ a.jsx(Ee.Thumb, { className: Pe.sliderThumb })
       ]
     })
   );
@@ -1670,19 +1709,19 @@ function ke(e) {
   } : t;
 }
 const xt = "vod-player-progress-bar";
-function fo() {
-  const e = A(null), t = A(null), [n, o] = U(0), [s, l] = U(0), [u, i] = U(!1), [c, h] = U(-1), [v, C] = U(-1), R = O((I) => I.delay), _ = O((I) => I.startDate), b = _ ? _.getTime() : 0, H = (/* @__PURE__ */ new Date()).getTime(), L = O((I) => I.setDelay), N = f((I) => I.isPlaying), S = f((I) => I.addIdleLock), g = f((I) => I.removeIdleLock), k = M(() => {
-    o(Or(b, R)), l(Hr(b, H));
-  }, [R, H, b]), p = parseFloat(
+function uo() {
+  const e = A(null), t = A(null), [n, o] = U(0), [s, l] = U(0), [u, i] = U(!1), [c, h] = U(-1), [v, C] = U(-1), S = H((I) => I.delay), T = H((I) => I.startDate), L = T ? T.getTime() : 0, N = (/* @__PURE__ */ new Date()).getTime(), x = H((I) => I.setDelay), M = f((I) => I.isPlaying), P = f((I) => I.addIdleLock), g = f((I) => I.removeIdleLock), k = V(() => {
+    o(Vr(L, S)), l(Or(L, N));
+  }, [S, N, L]), p = parseFloat(
     (s ? (v !== -1 ? v : n) / s * 100 : 0).toFixed(1)
-  ), q = (I) => {
-    C(s * (I[0] / 100)), S(xt);
+  ), Z = (I) => {
+    C(s * (I[0] / 100)), P(xt);
   }, Q = () => {
     if (v !== -1) {
-      const I = zt(b, v);
-      L(I), C(-1), g(xt);
+      const I = zt(L, v);
+      x(I), C(-1), g(xt);
     }
-  }, ee = () => i(!0), X = () => i(!1), W = M(
+  }, ee = () => i(!0), X = () => i(!1), W = V(
     (I) => {
       const le = e.current, z = t.current;
       if (le && z) {
@@ -1697,7 +1736,7 @@ function fo() {
     },
     [s]
   );
-  return qe(() => k(), N ? 1e3 : null), V(() => {
+  return Ze(() => k(), M ? 1e3 : null), O(() => {
     k();
   }, [k]), /* @__PURE__ */ a.jsxs("div", { className: Xt, children: [
     /* @__PURE__ */ a.jsx(
@@ -1708,7 +1747,7 @@ function fo() {
         onPointerLeave: X,
         onPointerDown: X,
         onPointerMove: W,
-        onValueChange: q,
+        onValueChange: Z,
         onValueCommit: Q,
         step: 0.1
       }
@@ -1723,7 +1762,7 @@ function fo() {
     )
   ] });
 }
-function ho() {
+function fo() {
   return /* @__PURE__ */ a.jsx(
     "svg",
     {
@@ -1734,9 +1773,9 @@ function ho() {
     }
   );
 }
-function mo() {
-  const e = O((s) => s.startDate), t = O((s) => s.setDelay), n = e ? e.getTime() : 0, o = () => t(zt(n));
-  return /* @__PURE__ */ a.jsx(oe, { onClick: o, children: /* @__PURE__ */ a.jsx(ho, {}) });
+function ho() {
+  const e = H((s) => s.startDate), t = H((s) => s.setDelay), n = e ? e.getTime() : 0, o = () => t(zt(n));
+  return /* @__PURE__ */ a.jsx(oe, { onClick: o, children: /* @__PURE__ */ a.jsx(fo, {}) });
 }
 function tn() {
   const e = f((t) => t.error);
@@ -1754,23 +1793,23 @@ function tn() {
 }
 function nn({ callback: e }) {
   const t = f((n) => n.eventEmitter);
-  return V(() => {
-    const n = () => e("play", void 0), o = () => e("pause", void 0), s = () => e("ended", void 0), l = () => e("seeking", void 0), u = () => e("seeked", void 0), i = (L) => e("timeUpdate", L), c = (L) => e("volumeChange", L), h = (L) => e("fullscreenChange", L), v = (L) => e("qualityChange", L), C = (L) => e("loadedMetadata", L), R = () => e("loadStart", void 0), _ = () => e("playing", void 0), b = () => e("waiting", void 0), H = () => e("error", void 0);
-    return t.on("play", n), t.on("pause", o), t.on("ended", s), t.on("seeking", l), t.on("seeked", u), t.on("timeUpdate", i), t.on("volumeChange", c), t.on("fullscreenChange", h), t.on("qualityChange", v), t.on("loadedMetadata", C), t.on("loadStart", R), t.on("playing", _), t.on("waiting", b), t.on("error", H), () => {
-      t.off("play", n), t.off("pause", o), t.off("ended", s), t.off("seeking", l), t.off("seeked", u), t.off("timeUpdate", i), t.off("volumeChange", c), t.off("fullscreenChange", h), t.off("qualityChange", v), t.off("loadedMetadata", C), t.off("loadStart", R), t.off("playing", _), t.off("waiting", b), t.off("error", H);
+  return O(() => {
+    const n = () => e("play", void 0), o = () => e("pause", void 0), s = () => e("ended", void 0), l = () => e("seeking", void 0), u = () => e("seeked", void 0), i = (x) => e("timeUpdate", x), c = (x) => e("volumeChange", x), h = (x) => e("fullscreenChange", x), v = (x) => e("qualityChange", x), C = (x) => e("loadedMetadata", x), S = () => e("loadStart", void 0), T = () => e("playing", void 0), L = () => e("waiting", void 0), N = () => e("error", void 0);
+    return t.on("play", n), t.on("pause", o), t.on("ended", s), t.on("seeking", l), t.on("seeked", u), t.on("timeUpdate", i), t.on("volumeChange", c), t.on("fullscreenChange", h), t.on("qualityChange", v), t.on("loadedMetadata", C), t.on("loadStart", S), t.on("playing", T), t.on("waiting", L), t.on("error", N), () => {
+      t.off("play", n), t.off("pause", o), t.off("ended", s), t.off("seeking", l), t.off("seeked", u), t.off("timeUpdate", i), t.off("volumeChange", c), t.off("fullscreenChange", h), t.off("qualityChange", v), t.off("loadedMetadata", C), t.off("loadStart", S), t.off("playing", T), t.off("waiting", L), t.off("error", N);
     };
   }, [e, t]), null;
 }
-const vo = "_playerContainer_rry4k_1", po = "_controlsBottom_rry4k_29", yo = "_controlsContainer_rry4k_45", go = "_controlsRow_rry4k_61", Co = "_controlsSection_rry4k_68", wo = "_controlsSectionStart_rry4k_75", xo = "_controlsSectionEnd_rry4k_79", re = {
-  playerContainer: vo,
-  controlsBottom: po,
-  controlsContainer: yo,
-  controlsRow: go,
-  controlsSection: Co,
-  controlsSectionStart: wo,
-  controlsSectionEnd: xo
+const mo = "_playerContainer_rry4k_1", vo = "_controlsBottom_rry4k_29", po = "_controlsContainer_rry4k_45", yo = "_controlsRow_rry4k_61", go = "_controlsSection_rry4k_68", Co = "_controlsSectionStart_rry4k_75", wo = "_controlsSectionEnd_rry4k_79", re = {
+  playerContainer: mo,
+  controlsBottom: vo,
+  controlsContainer: po,
+  controlsRow: yo,
+  controlsSection: go,
+  controlsSectionStart: Co,
+  controlsSectionEnd: wo
 }, rn = re.playerContainer, on = re.controlsBottom, sn = re.controlsContainer, an = re.controlsRow, ln = `${re.controlsSection} ${re.controlsSectionStart}`, cn = `${re.controlsSection} ${re.controlsSectionEnd}`;
-function _o() {
+function xo() {
   return /* @__PURE__ */ a.jsx(
     "svg",
     {
@@ -1781,7 +1820,7 @@ function _o() {
     }
   );
 }
-function Eo() {
+function _o() {
   return /* @__PURE__ */ a.jsx(
     "svg",
     {
@@ -1793,74 +1832,74 @@ function Eo() {
   );
 }
 function un() {
-  const e = f((h) => h.containerRef), t = f((h) => h.exitFullscreen), n = f((h) => h.isFullscreen), o = f((h) => h.requestFullscreen), s = f((h) => h.setIsFullscreen), l = f((h) => h.setIsFullscreenReady), u = f((h) => h.techRef), i = M(
+  const e = f((h) => h.containerRef), t = f((h) => h.exitFullscreen), n = f((h) => h.isFullscreen), o = f((h) => h.requestFullscreen), s = f((h) => h.setIsFullscreen), l = f((h) => h.setIsFullscreenReady), u = f((h) => h.techRef), i = V(
     (h) => {
-      h.stopPropagation(), s(vr());
+      h.stopPropagation(), s(mr());
     },
     [s]
   ), c = () => {
     n ? t() : o();
   };
-  return V(() => {
+  return O(() => {
     const h = $t ? u.current : e.current;
     if (h)
-      return gr(h, i);
-  }, [e, i, u]), V(() => {
+      return yr(h, i);
+  }, [e, i, u]), O(() => {
     l(!0);
-  }, [l]), /* @__PURE__ */ a.jsx(oe, { onClick: c, children: n ? /* @__PURE__ */ a.jsx(Eo, {}) : /* @__PURE__ */ a.jsx(_o, {}) });
+  }, [l]), /* @__PURE__ */ a.jsx(oe, { onClick: c, children: n ? /* @__PURE__ */ a.jsx(_o, {}) : /* @__PURE__ */ a.jsx(xo, {}) });
 }
-const To = "_idleCheckContainer_iz9tu_1", Ro = "_idleCheckContainerIdle_iz9tu_10", So = "_idleCheckContainerActive_iz9tu_15", Ue = {
+const To = "_idleCheckContainer_iz9tu_1", Eo = "_idleCheckContainerIdle_iz9tu_10", Ro = "_idleCheckContainerActive_iz9tu_15", Ue = {
   idleCheckContainer: To,
-  idleCheckContainerIdle: Ro,
-  idleCheckContainerActive: So
-}, Po = 5 * 1e3;
+  idleCheckContainerIdle: Eo,
+  idleCheckContainerActive: Ro
+}, So = 5 * 1e3;
 function dn({ children: e }) {
-  const t = A(null), [n, o] = U(!1), s = A(null), u = f((C) => C.idleLocks).size, i = M(() => {
+  const t = A(null), [n, o] = U(!1), s = A(null), u = f((C) => C.idleLocks).size, i = V(() => {
     s.current !== null && (window.clearTimeout(s.current), s.current = null);
-  }, []), c = M(() => {
-    i(), s.current = window.setTimeout(() => o(!0), Po);
+  }, []), c = V(() => {
+    i(), s.current = window.setTimeout(() => o(!0), So);
   }, [i]);
-  V(() => (o(!1), c(), () => {
+  O(() => (o(!1), c(), () => {
     i();
-  }), [i, c]), V(() => {
+  }), [i, c]), O(() => {
     const C = t.current;
     if (!C) return;
-    const R = (b) => {
-      n && (b.stopPropagation(), o(!1), c());
-    }, _ = () => {
+    const S = (L) => {
+      n && (L.stopPropagation(), o(!1), c());
+    }, T = () => {
       n && o(!1), c();
     };
-    return C.addEventListener("click", R), C.addEventListener("mousemove", _), () => {
-      C.removeEventListener("click", R), C.removeEventListener("mousemove", _);
+    return C.addEventListener("click", S), C.addEventListener("mousemove", T), () => {
+      C.removeEventListener("click", S), C.removeEventListener("mousemove", T);
     };
   }, [t, n, o, c]);
   const h = n && !u, v = `${Ue.idleCheckContainer} ${h ? Ue.idleCheckContainerIdle : Ue.idleCheckContainerActive}`;
   return /* @__PURE__ */ a.jsx("div", { ref: t, className: v, children: e });
 }
-const Lo = "_spinner_oo4hi_10", jo = {
-  spinner: Lo
+const Po = "_spinner_oo4hi_10", Lo = {
+  spinner: Po
 };
-function bo(e) {
-  return /* @__PURE__ */ a.jsx("div", j({ className: jo.spinner }, e));
+function jo(e) {
+  return /* @__PURE__ */ a.jsx("div", b({ className: Lo.spinner }, e));
 }
-function ko(e, t = 500) {
+function bo(e, t = 500) {
   const [n, o] = U(e);
-  return V(() => {
+  return O(() => {
     const s = window.setTimeout(() => o(e), t);
     return () => {
       window.clearTimeout(s);
     };
   }, [e, t]), n;
 }
-const Do = "_loadingContainer_v9v7r_1", Io = {
-  loadingContainer: Do
+const ko = "_loadingContainer_v9v7r_1", Do = {
+  loadingContainer: ko
 };
 function fn(n) {
   var o = n, { style: e } = o, t = G(o, ["style"]);
   const s = f((u) => u.isLoading);
-  return ko(s, 100) ? /* @__PURE__ */ a.jsx("div", he(j({ className: Io.loadingContainer, style: e }, t), { children: /* @__PURE__ */ a.jsx(bo, {}) })) : null;
+  return bo(s, 100) ? /* @__PURE__ */ a.jsx("div", he(b({ className: Do.loadingContainer, style: e }, t), { children: /* @__PURE__ */ a.jsx(jo, {}) })) : null;
 }
-function Fo() {
+function Io() {
   return /* @__PURE__ */ a.jsx(
     "svg",
     {
@@ -1871,7 +1910,7 @@ function Fo() {
     }
   );
 }
-function No() {
+function Fo() {
   return /* @__PURE__ */ a.jsx(
     "svg",
     {
@@ -1882,14 +1921,14 @@ function No() {
     }
   );
 }
-const Mo = "_dropdownMenuContent_1gwy6_1", Vo = "_dropdownMenuItem_1gwy6_80", hn = {
-  dropdownMenuContent: Mo,
-  dropdownMenuItem: Vo
-}, Oo = ye.Root, Ho = ye.Trigger, Ao = ye.Portal, mn = De((s, o) => {
+const No = "_dropdownMenuContent_1gwy6_1", Mo = "_dropdownMenuItem_1gwy6_80", hn = {
+  dropdownMenuContent: No,
+  dropdownMenuItem: Mo
+}, Vo = ye.Root, Oo = ye.Trigger, Ho = ye.Portal, mn = De((s, o) => {
   var l = s, { sideOffset: e = 4, className: t } = l, n = G(l, ["sideOffset", "className"]);
   return /* @__PURE__ */ a.jsx(
     ye.Content,
-    j({
+    b({
       ref: o,
       sideOffset: e,
       className: [hn.dropdownMenuContent, t].filter(Boolean).join(" "),
@@ -1904,7 +1943,7 @@ const vn = De((o, n) => {
   var s = o, { className: e } = s, t = G(s, ["className"]);
   return /* @__PURE__ */ a.jsx(
     ye.Item,
-    j({
+    b({
       ref: n,
       className: [hn.dropdownMenuItem, e].filter(Boolean).join(" ")
     }, t)
@@ -1913,28 +1952,28 @@ const vn = De((o, n) => {
 vn.displayName = "PlayerDropdownMenuItem";
 const _t = "settings";
 function pn() {
-  const [e, t] = U(!1), n = f((c) => c.containerRef), o = f((c) => c.addIdleLock), s = f((c) => c.removeIdleLock), l = f((c) => c.levels), u = f((c) => c.setLevel), i = M(
+  const [e, t] = U(!1), n = f((c) => c.containerRef), o = f((c) => c.addIdleLock), s = f((c) => c.removeIdleLock), l = f((c) => c.levels), u = f((c) => c.setLevel), i = V(
     (c) => {
       t(c), c ? o(_t) : s(_t);
     },
     [o, s]
   );
-  return /* @__PURE__ */ a.jsxs(Oo, { open: e, onOpenChange: i, children: [
-    /* @__PURE__ */ a.jsx(Ho, { asChild: !0, children: /* @__PURE__ */ a.jsx(oe, { children: /* @__PURE__ */ a.jsx(No, {}) }) }),
-    /* @__PURE__ */ a.jsx(Ao, { container: n.current, children: /* @__PURE__ */ a.jsx(mn, { side: "top", align: "end", children: l == null ? void 0 : l.map((c) => /* @__PURE__ */ a.jsxs(
+  return /* @__PURE__ */ a.jsxs(Vo, { open: e, onOpenChange: i, children: [
+    /* @__PURE__ */ a.jsx(Oo, { asChild: !0, children: /* @__PURE__ */ a.jsx(oe, { children: /* @__PURE__ */ a.jsx(Fo, {}) }) }),
+    /* @__PURE__ */ a.jsx(Ho, { container: n.current, children: /* @__PURE__ */ a.jsx(mn, { side: "top", align: "end", children: l == null ? void 0 : l.map((c) => /* @__PURE__ */ a.jsxs(
       vn,
       {
         onClick: () => u(c.value),
         children: [
           c.label,
-          c.selected && /* @__PURE__ */ a.jsx(Fo, {})
+          c.selected && /* @__PURE__ */ a.jsx(Io, {})
         ]
       },
       c.sid
     )) }) })
   ] });
 }
-function $o() {
+function Ao() {
   return /* @__PURE__ */ a.jsx(
     "svg",
     {
@@ -1945,7 +1984,7 @@ function $o() {
     }
   );
 }
-function Uo() {
+function $o() {
   return /* @__PURE__ */ a.jsx(
     "svg",
     {
@@ -1956,7 +1995,7 @@ function Uo() {
     }
   );
 }
-function Bo() {
+function Uo() {
   return /* @__PURE__ */ a.jsx(
     "svg",
     {
@@ -1967,19 +2006,19 @@ function Bo() {
     }
   );
 }
-const Wo = "_volumeSlider_59ltz_1", zo = "_volumeContainer_59ltz_7", Et = {
-  volumeSlider: Wo,
-  volumeContainer: zo
-}, Tt = "volume";
+const Bo = "_volumeSlider_59ltz_1", Wo = "_volumeContainer_59ltz_7", Tt = {
+  volumeSlider: Bo,
+  volumeContainer: Wo
+}, Et = "volume";
 function yn() {
   const e = f((i) => i.setVolume), t = f((i) => i.volume), n = f((i) => i.addIdleLock), o = f((i) => i.removeIdleLock), s = (i) => {
-    e(i[0]), n(Tt);
+    e(i[0]), n(Et);
   }, l = () => {
-    o(Tt);
+    o(Et);
   }, u = () => e(t ? 0 : 100);
-  return /* @__PURE__ */ a.jsxs("div", { className: Et.volumeContainer, children: [
-    /* @__PURE__ */ a.jsx(oe, { onClick: u, className: "shrink-0", children: t ? t > 50 ? /* @__PURE__ */ a.jsx($o, {}) : /* @__PURE__ */ a.jsx(Uo, {}) : /* @__PURE__ */ a.jsx(Bo, {}) }),
-    /* @__PURE__ */ a.jsx("div", { className: Et.volumeSlider, children: /* @__PURE__ */ a.jsx(
+  return /* @__PURE__ */ a.jsxs("div", { className: Tt.volumeContainer, children: [
+    /* @__PURE__ */ a.jsx(oe, { onClick: u, className: "shrink-0", children: t ? t > 50 ? /* @__PURE__ */ a.jsx(Ao, {}) : /* @__PURE__ */ a.jsx($o, {}) : /* @__PURE__ */ a.jsx(Uo, {}) }),
+    /* @__PURE__ */ a.jsx("div", { className: Tt.volumeSlider, children: /* @__PURE__ */ a.jsx(
       Ie,
       {
         value: [t],
@@ -2006,10 +2045,10 @@ function gn(e, {
     };
   }, [e]), s;
 }
-function ui(e) {
-  return /* @__PURE__ */ a.jsx(Vr, { children: /* @__PURE__ */ a.jsx(Zo, j({}, e)) });
+function li(e) {
+  return /* @__PURE__ */ a.jsx(Mr, { children: /* @__PURE__ */ a.jsx(zo, b({}, e)) });
 }
-function Zo({ url: e, messages: t, onEvent: n }) {
+function zo({ url: e, messages: t, onEvent: n }) {
   const o = gn("(min-width: 1024px)"), s = f((l) => l.containerRef);
   return /* @__PURE__ */ a.jsxs(
     "div",
@@ -2018,28 +2057,28 @@ function Zo({ url: e, messages: t, onEvent: n }) {
       className: rn,
       children: [
         /* @__PURE__ */ a.jsxs(
-          Ir,
+          Dr,
           {
             url: e,
             eventFinishedMessage: t == null ? void 0 : t.eventFinished,
             eventNotStartedMessage: t == null ? void 0 : t.eventNotStarted,
             eventStartingSoonMessage: t == null ? void 0 : t.eventStartingSoon,
             children: [
-              /* @__PURE__ */ a.jsx(zr, { url: e }),
+              /* @__PURE__ */ a.jsx(Wr, { url: e }),
               /* @__PURE__ */ a.jsx(tn, {}),
               /* @__PURE__ */ a.jsx(fn, {}),
               /* @__PURE__ */ a.jsxs(dn, { children: [
-                o ? /* @__PURE__ */ a.jsx(Yr, {}) : null,
+                o ? /* @__PURE__ */ a.jsx(Zr, {}) : null,
                 /* @__PURE__ */ a.jsx("div", { className: on, children: /* @__PURE__ */ a.jsxs("div", { className: sn, children: [
-                  /* @__PURE__ */ a.jsx(fo, {}),
+                  /* @__PURE__ */ a.jsx(uo, {}),
                   /* @__PURE__ */ a.jsxs("div", { className: an, children: [
                     /* @__PURE__ */ a.jsxs("div", { className: ln, children: [
-                      /* @__PURE__ */ a.jsx(to, {}),
-                      /* @__PURE__ */ a.jsx(mo, {}),
+                      /* @__PURE__ */ a.jsx(eo, {}),
+                      /* @__PURE__ */ a.jsx(ho, {}),
                       /* @__PURE__ */ a.jsx(yn, {})
                     ] }),
                     /* @__PURE__ */ a.jsxs("div", { className: cn, children: [
-                      /* @__PURE__ */ a.jsx(eo, { message: t == null ? void 0 : t.live }),
+                      /* @__PURE__ */ a.jsx(Qr, { message: t == null ? void 0 : t.live }),
                       /* @__PURE__ */ a.jsx(pn, {}),
                       /* @__PURE__ */ a.jsx(un, {})
                     ] })
@@ -2049,7 +2088,7 @@ function Zo({ url: e, messages: t, onEvent: n }) {
             ]
           }
         ),
-        /* @__PURE__ */ a.jsx(Mr, {}),
+        /* @__PURE__ */ a.jsx(Nr, {}),
         n && /* @__PURE__ */ a.jsx(nn, { callback: n })
       ]
     }
@@ -2059,32 +2098,32 @@ function qo() {
   const e = f((s) => s.isPlaying), t = f((s) => s.pause), n = f((s) => s.play), o = () => {
     e ? t() : n();
   };
-  return /* @__PURE__ */ a.jsx(qt, { onClick: o });
+  return /* @__PURE__ */ a.jsx(Zt, { onClick: o });
 }
-function Yo() {
+function Zo() {
   const e = f((s) => s.isPlaying), t = f((s) => s.pause), n = f((s) => s.play), o = () => {
     e ? t() : n();
   };
   return /* @__PURE__ */ a.jsx(oe, { onClick: o, children: e ? /* @__PURE__ */ a.jsx(Yt, {}) : /* @__PURE__ */ a.jsx(Kt, {}) });
 }
 const Rt = "vod-player-progress-bar";
-function Ko() {
-  const e = A(null), t = A(null), [n, o] = U(!1), [s, l] = U(-1), [u, i] = U(-1), c = f((g) => g.currentTime), h = f((g) => g.duration), v = f((g) => g.seek), C = f((g) => g.addIdleLock), R = f((g) => g.removeIdleLock), _ = parseFloat(
+function Yo() {
+  const e = A(null), t = A(null), [n, o] = U(!1), [s, l] = U(-1), [u, i] = U(-1), c = f((g) => g.currentTime), h = f((g) => g.duration), v = f((g) => g.seek), C = f((g) => g.addIdleLock), S = f((g) => g.removeIdleLock), T = parseFloat(
     (h ? (u !== -1 ? u : c) / h * 100 : 0).toFixed(1)
-  ), b = (g) => {
+  ), L = (g) => {
     i(h * (g[0] / 100)), C(Rt);
-  }, H = () => {
-    u !== -1 && (v(u), i(-1), R(Rt));
-  }, L = () => o(!0), N = () => o(!1), S = M(
+  }, N = () => {
+    u !== -1 && (v(u), i(-1), S(Rt));
+  }, x = () => o(!0), M = () => o(!1), P = V(
     (g) => {
       const k = e.current, p = t.current;
       if (k && p) {
-        const q = ke(k), Q = ke(p), ee = (g.pageX || g.clientX) - q.left, X = ee / q.width;
+        const Z = ke(k), Q = ke(p), ee = (g.pageX || g.clientX) - Z.left, X = ee / Z.width;
         if (X < 0) return;
         let W = ee - Q.width / 2;
-        W < 0 && (W = 0), W > q.width - Q.width && (W = -1), p.style.left = W > -1 ? `${W}px` : "auto", p.style.right = W > -1 ? "auto" : "0px", l(X * h);
+        W < 0 && (W = 0), W > Z.width - Q.width && (W = -1), p.style.left = W > -1 ? `${W}px` : "auto", p.style.right = W > -1 ? "auto" : "0px", l(X * h);
       }
-      L();
+      x();
     },
     [h]
   );
@@ -2093,12 +2132,12 @@ function Ko() {
       Ie,
       {
         ref: e,
-        value: [_],
-        onPointerLeave: N,
-        onPointerDown: N,
-        onPointerMove: S,
-        onValueChange: b,
-        onValueCommit: H,
+        value: [T],
+        onPointerLeave: M,
+        onPointerDown: M,
+        onPointerMove: P,
+        onValueChange: L,
+        onValueCommit: N,
         step: 0.1
       }
     ),
@@ -2112,21 +2151,21 @@ function Ko() {
     )
   ] });
 }
-const Xo = "_remainingTime_1c40f_1", Jo = "_time_1c40f_7", Go = "_separator_1c40f_18", Ye = {
-  remainingTime: Xo,
-  time: Jo,
-  separator: Go
-}, Qo = Ye.remainingTime, St = Ye.time, ei = Ye.separator;
-function ti() {
+const Ko = "_remainingTime_1c40f_1", Xo = "_time_1c40f_7", Jo = "_separator_1c40f_18", Ye = {
+  remainingTime: Ko,
+  time: Xo,
+  separator: Jo
+}, Go = Ye.remainingTime, St = Ye.time, Qo = Ye.separator;
+function ei() {
   const e = f((n) => n.currentTime), t = f((n) => n.duration);
-  return /* @__PURE__ */ a.jsxs("div", { className: Qo, children: [
+  return /* @__PURE__ */ a.jsxs("div", { className: Go, children: [
     /* @__PURE__ */ a.jsx("p", { className: St, children: be(e) }),
-    /* @__PURE__ */ a.jsx("p", { className: ei }),
+    /* @__PURE__ */ a.jsx("p", { className: Qo }),
     /* @__PURE__ */ a.jsx("p", { className: St, children: be(t) })
   ] });
 }
-function ni() {
-  const e = f((i) => i.currentTime), t = f((i) => i.duration), n = f((i) => i.isPlaying), o = f((i) => i.pause), s = f((i) => i.play), l = f((i) => i.seek), u = M(
+function ti() {
+  const e = f((i) => i.currentTime), t = f((i) => i.duration), n = f((i) => i.isPlaying), o = f((i) => i.pause), s = f((i) => i.play), l = f((i) => i.seek), u = V(
     (i) => {
       let c = !1;
       if (!(i.target instanceof HTMLInputElement || i.ctrlKey)) {
@@ -2146,16 +2185,16 @@ function ni() {
     },
     [e, t, n, o, s, l]
   );
-  return V(() => (document.addEventListener("keydown", u), () => {
+  return O(() => (document.addEventListener("keydown", u), () => {
     document.removeEventListener("keydown", u);
   }), [u]), /* @__PURE__ */ a.jsx(Bt, {});
 }
-function di(e) {
-  return /* @__PURE__ */ a.jsx(Wt, { children: /* @__PURE__ */ a.jsx(ri, j({}, e)) });
+function ci(e) {
+  return /* @__PURE__ */ a.jsx(Wt, { children: /* @__PURE__ */ a.jsx(ni, b({}, e)) });
 }
-function ri({ url: e, onEvent: t, startTime: n }) {
+function ni({ url: e, onEvent: t, startTime: n }) {
   const o = gn("(min-width: 1024px)"), s = f((u) => u.setStartTime), l = f((u) => u.containerRef);
-  return V(() => {
+  return O(() => {
     n && s(n);
   }, [n, s]), /* @__PURE__ */ a.jsxs(
     "div",
@@ -2163,18 +2202,18 @@ function ri({ url: e, onEvent: t, startTime: n }) {
       ref: l,
       className: rn,
       children: [
-        /* @__PURE__ */ a.jsx(Zt, { url: e, isLive: !1 }),
+        /* @__PURE__ */ a.jsx(qt, { url: e, isLive: !1 }),
         /* @__PURE__ */ a.jsx(tn, {}),
         /* @__PURE__ */ a.jsx(fn, {}),
         /* @__PURE__ */ a.jsxs(dn, { children: [
           o ? /* @__PURE__ */ a.jsx(qo, {}) : null,
           /* @__PURE__ */ a.jsx("div", { className: on, children: /* @__PURE__ */ a.jsxs("div", { className: sn, children: [
-            /* @__PURE__ */ a.jsx(Ko, {}),
+            /* @__PURE__ */ a.jsx(Yo, {}),
             /* @__PURE__ */ a.jsxs("div", { className: an, children: [
               /* @__PURE__ */ a.jsxs("div", { className: ln, children: [
-                /* @__PURE__ */ a.jsx(Yo, {}),
+                /* @__PURE__ */ a.jsx(Zo, {}),
                 /* @__PURE__ */ a.jsx(yn, {}),
-                /* @__PURE__ */ a.jsx(ti, {})
+                /* @__PURE__ */ a.jsx(ei, {})
               ] }),
               /* @__PURE__ */ a.jsxs("div", { className: cn, children: [
                 /* @__PURE__ */ a.jsx(pn, {}),
@@ -2183,14 +2222,14 @@ function ri({ url: e, onEvent: t, startTime: n }) {
             ] })
           ] }) })
         ] }),
-        /* @__PURE__ */ a.jsx(ni, {}),
+        /* @__PURE__ */ a.jsx(ti, {}),
         t && /* @__PURE__ */ a.jsx(nn, { callback: t })
       ]
     }
   );
 }
 export {
-  ui as LivePlayer,
-  di as VodPlayer
+  li as LivePlayer,
+  ci as VodPlayer
 };
 //# sourceMappingURL=react-video-player.es.js.map