@halibegic/react-video-player 0.0.52 → 0.0.54

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

@@ -2,7 +2,7 @@ var $n = Object.defineProperty, Un = Object.defineProperties;
 var Bn = Object.getOwnPropertyDescriptors;
 var Pe = Object.getOwnPropertySymbols;
 var wt = Object.prototype.hasOwnProperty, _t = Object.prototype.propertyIsEnumerable;
-var gt = (e, t, n) => t in e ? $n(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, M = (e, t) => {
+var gt = (e, t, n) => t in e ? $n(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, F = (e, t) => {
   for (var n in t || (t = {}))
     wt.call(t, n) && gt(e, n, t[n]);
   if (Pe)
@@ -19,7 +19,7 @@ var re = (e, t) => {
       t.indexOf(r) < 0 && _t.call(e, r) && (n[r] = e[r]);
   return n;
 };
-import jt, { useLayoutEffect as Wn, useEffect as N, useRef as F, createContext as It, useContext as kt, useState as G, useCallback as O, forwardRef as Ve } from "react";
+import jt, { useLayoutEffect as Wn, useEffect as V, useRef as A, createContext as It, useContext as kt, useState as G, useCallback as H, forwardRef as Ve } from "react";
 import { useStore as Dt, create as Mt } from "zustand";
 import zn from "mitt";
 import ee from "hls.js";
@@ -59,11 +59,11 @@ function Ft(e) {
         if (typeof g == "function") {
           g.call(
             d,
-            function(T) {
-              u(c, T);
+            function(_) {
+              u(c, _);
             },
-            function(T) {
-              s[c] = { status: "rejected", reason: T }, --l === 0 && n(s);
+            function(_) {
+              s[c] = { status: "rejected", reason: _ }, --l === 0 && n(s);
             }
           );
           return;
@@ -112,8 +112,8 @@ function Zn(e, t) {
     e.apply(t, arguments);
   };
 }
-function H(e) {
-  if (!(this instanceof H))
+function $(e) {
+  if (!(this instanceof $))
     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 = [], $t(e, this);
@@ -125,7 +125,7 @@ function Ht(e, t) {
     e._deferreds.push(t);
     return;
   }
-  e._handled = !0, H._immediateFn(function() {
+  e._handled = !0, $._immediateFn(function() {
     var n = e._state === 1 ? t.onFulfilled : t.onRejected;
     if (n === null) {
       (e._state === 1 ? Ge : _e)(t.promise, e._value);
@@ -147,7 +147,7 @@ function Ge(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 H) {
+      if (t instanceof $) {
         e._state = 3, e._value = t, Xe(e);
         return;
       } else if (typeof n == "function") {
@@ -164,8 +164,8 @@ function _e(e, t) {
   e._state = 2, e._value = t, Xe(e);
 }
 function Xe(e) {
-  e._state === 2 && e._deferreds.length === 0 && H._immediateFn(function() {
-    e._handled || H._unhandledRejectionFn(e._value);
+  e._state === 2 && e._deferreds.length === 0 && $._immediateFn(function() {
+    e._handled || $._unhandledRejectionFn(e._value);
   });
   for (var t = 0, n = e._deferreds.length; t < n; t++)
     Ht(e, e._deferreds[t]);
@@ -190,16 +190,16 @@ function $t(e, t) {
     n = !0, _e(t, r);
   }
 }
-H.prototype.catch = function(e) {
+$.prototype.catch = function(e) {
   return this.then(null, e);
 };
-H.prototype.then = function(e, t) {
+$.prototype.then = function(e, t) {
   var n = new this.constructor(Yn);
   return Ht(this, new Kn(e, t, n)), n;
 };
-H.prototype.finally = Nt;
-H.all = function(e) {
-  return new H(function(t, n) {
+$.prototype.finally = Nt;
+$.all = function(e) {
+  return new $(function(t, n) {
     if (!Ot(e))
       return n(new TypeError("Promise.all accepts an array"));
     var r = Array.prototype.slice.call(e);
@@ -229,33 +229,33 @@ H.all = function(e) {
       l(u, r[u]);
   });
 };
-H.any = At;
-H.allSettled = Ft;
-H.resolve = function(e) {
-  return e && typeof e == "object" && e.constructor === H ? e : new H(function(t) {
+$.any = At;
+$.allSettled = Ft;
+$.resolve = function(e) {
+  return e && typeof e == "object" && e.constructor === $ ? e : new $(function(t) {
     t(e);
   });
 };
-H.reject = function(e) {
-  return new H(function(t, n) {
+$.reject = function(e) {
+  return new $(function(t, n) {
     n(e);
   });
 };
-H.race = function(e) {
-  return new H(function(t, n) {
+$.race = function(e) {
+  return new $(function(t, n) {
     if (!Ot(e))
       return n(new TypeError("Promise.race accepts an array"));
     for (var r = 0, s = e.length; r < s; r++)
-      H.resolve(e[r]).then(t, n);
+      $.resolve(e[r]).then(t, n);
   });
 };
-H._immediateFn = // @ts-ignore
+$._immediateFn = // @ts-ignore
 typeof setImmediate == "function" && function(e) {
   setImmediate(e);
 } || function(e) {
   qn(e, 0);
 };
-H._unhandledRejectionFn = function(t) {
+$._unhandledRejectionFn = function(t) {
   typeof console != "undefined" && console && console.warn("Possible Unhandled Promise Rejection:", t);
 };
 var ae = (function() {
@@ -267,7 +267,7 @@ var ae = (function() {
     return global;
   throw new Error("unable to locate global object");
 })();
-typeof ae.Promise != "function" ? ae.Promise = H : (ae.Promise.prototype.finally || (ae.Promise.prototype.finally = Nt), ae.Promise.allSettled || (ae.Promise.allSettled = Ft), ae.Promise.any || (ae.Promise.any = At));
+typeof ae.Promise != "function" ? ae.Promise = $ : (ae.Promise.prototype.finally || (ae.Promise.prototype.finally = Nt), ae.Promise.allSettled || (ae.Promise.allSettled = Ft), ae.Promise.any || (ae.Promise.any = At));
 var Ie = { exports: {} }, ge = {};
 var Tt;
 function Gn() {
@@ -275,11 +275,11 @@ function Gn() {
   Tt = 1;
   var e = jt, t = Symbol.for("react.element"), n = Symbol.for("react.fragment"), r = 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, d) {
-    var g, T = {}, y = null, x = null;
-    d !== void 0 && (y = "" + d), c.key !== void 0 && (y = "" + c.key), c.ref !== void 0 && (x = c.ref);
-    for (g in c) r.call(c, g) && !l.hasOwnProperty(g) && (T[g] = c[g]);
-    if (i && i.defaultProps) for (g in c = i.defaultProps, c) T[g] === void 0 && (T[g] = c[g]);
-    return { $$typeof: t, type: i, key: y, ref: x, props: T, _owner: s.current };
+    var g, _ = {}, y = null, I = null;
+    d !== void 0 && (y = "" + d), c.key !== void 0 && (y = "" + c.key), c.ref !== void 0 && (I = c.ref);
+    for (g in c) r.call(c, g) && !l.hasOwnProperty(g) && (_[g] = c[g]);
+    if (i && i.defaultProps) for (g in c = i.defaultProps, c) _[g] === void 0 && (_[g] = c[g]);
+    return { $$typeof: t, type: i, key: y, ref: I, props: _, _owner: s.current };
   }
   return ge.Fragment = n, ge.jsx = u, ge.jsxs = u, ge;
 }
@@ -287,44 +287,44 @@ var we = {};
 var xt;
 function Xn() {
   return xt || (xt = 1, process.env.NODE_ENV !== "production" && (function() {
-    var e = jt, t = Symbol.for("react.element"), n = Symbol.for("react.portal"), r = 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"), d = Symbol.for("react.suspense"), g = Symbol.for("react.suspense_list"), T = Symbol.for("react.memo"), y = Symbol.for("react.lazy"), x = Symbol.for("react.offscreen"), L = Symbol.iterator, C = "@@iterator";
-    function w(o) {
+    var e = jt, t = Symbol.for("react.element"), n = Symbol.for("react.portal"), r = 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"), d = Symbol.for("react.suspense"), g = Symbol.for("react.suspense_list"), _ = Symbol.for("react.memo"), y = Symbol.for("react.lazy"), I = Symbol.for("react.offscreen"), E = Symbol.iterator, x = "@@iterator";
+    function S(o) {
       if (o === null || typeof o != "object")
         return null;
-      var h = L && o[L] || o[C];
+      var h = E && o[E] || o[x];
       return typeof h == "function" ? h : null;
     }
-    var S = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    var w = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function P(o) {
       {
-        for (var h = arguments.length, p = new Array(h > 1 ? h - 1 : 0), _ = 1; _ < h; _++)
-          p[_ - 1] = arguments[_];
+        for (var h = arguments.length, p = new Array(h > 1 ? h - 1 : 0), T = 1; T < h; T++)
+          p[T - 1] = arguments[T];
         R("error", o, p);
       }
     }
     function R(o, h, p) {
       {
-        var _ = S.ReactDebugCurrentFrame, j = _.getStackAddendum();
+        var T = w.ReactDebugCurrentFrame, j = T.getStackAddendum();
         j !== "" && (h += "%s", p = p.concat([j]));
-        var D = p.map(function(b) {
+        var M = p.map(function(b) {
           return String(b);
         });
-        D.unshift("Warning: " + h), Function.prototype.apply.call(console[o], console, D);
+        M.unshift("Warning: " + h), Function.prototype.apply.call(console[o], console, M);
       }
     }
-    var B = !1, V = !1, m = !1, v = !1, U = !1, I;
-    I = Symbol.for("react.module.reference");
-    function A(o) {
-      return !!(typeof o == "string" || typeof o == "function" || o === r || o === l || U || o === s || o === d || o === g || v || o === x || B || V || m || typeof o == "object" && o !== null && (o.$$typeof === y || o.$$typeof === T || o.$$typeof === u || o.$$typeof === i || o.$$typeof === c || // This needs to include all possible module reference object
+    var B = !1, O = !1, m = !1, v = !1, L = !1, k;
+    k = Symbol.for("react.module.reference");
+    function N(o) {
+      return !!(typeof o == "string" || typeof o == "function" || o === r || o === l || L || o === s || o === d || o === g || v || o === I || B || O || m || typeof o == "object" && o !== null && (o.$$typeof === y || o.$$typeof === _ || o.$$typeof === u || o.$$typeof === i || o.$$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.
-      o.$$typeof === I || o.getModuleId !== void 0));
+      o.$$typeof === k || o.getModuleId !== void 0));
     }
-    function k(o, h, p) {
-      var _ = o.displayName;
-      if (_)
-        return _;
+    function D(o, h, p) {
+      var T = o.displayName;
+      if (T)
+        return T;
       var j = h.displayName || h.name || "";
       return j !== "" ? p + "(" + j + ")" : p;
     }
@@ -361,15 +361,15 @@ function Xn() {
             var p = o;
             return J(p._context) + ".Provider";
           case c:
-            return k(o, o.render, "ForwardRef");
-          case T:
-            var _ = o.displayName || null;
-            return _ !== null ? _ : Y(o.type) || "Memo";
+            return D(o, o.render, "ForwardRef");
+          case _:
+            var T = o.displayName || null;
+            return T !== null ? T : Y(o.type) || "Memo";
           case y: {
-            var j = o, D = j._payload, b = j._init;
+            var j = o, M = j._payload, b = j._init;
             try {
-              return Y(b(D));
-            } catch (E) {
+              return Y(b(M));
+            } catch (C) {
               return null;
             }
           }
@@ -438,15 +438,15 @@ function Xn() {
         oe < 0 && P("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var Oe = S.ReactCurrentDispatcher, He;
+    var Oe = w.ReactCurrentDispatcher, He;
     function Ee(o, h, p) {
       {
         if (He === void 0)
           try {
             throw Error();
           } catch (j) {
-            var _ = j.stack.trim().match(/\n( *(at )?)/);
-            He = _ && _[1] || "";
+            var T = j.stack.trim().match(/\n( *(at )?)/);
+            He = T && T[1] || "";
           }
         return `
 ` + He + o;
@@ -465,12 +465,12 @@ function Xn() {
         if (p !== void 0)
           return p;
       }
-      var _;
+      var T;
       $e = !0;
       var j = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var D;
-      D = Oe.current, Oe.current = null, mn();
+      var M;
+      M = Oe.current, Oe.current = null, mn();
       try {
         if (h) {
           var b = function() {
@@ -484,14 +484,14 @@ function Xn() {
             try {
               Reflect.construct(b, []);
             } catch (Q) {
-              _ = Q;
+              T = Q;
             }
             Reflect.construct(o, [], b);
           } else {
             try {
               b.call();
             } catch (Q) {
-              _ = Q;
+              T = Q;
             }
             o.call(b.prototype);
           }
@@ -499,23 +499,23 @@ function Xn() {
           try {
             throw Error();
           } catch (Q) {
-            _ = Q;
+            T = Q;
           }
           o();
         }
       } catch (Q) {
-        if (Q && _ && typeof Q.stack == "string") {
-          for (var E = Q.stack.split(`
-`), X = _.stack.split(`
-`), W = E.length - 1, z = X.length - 1; W >= 1 && z >= 0 && E[W] !== X[z]; )
+        if (Q && T && typeof Q.stack == "string") {
+          for (var C = Q.stack.split(`
+`), X = T.stack.split(`
+`), W = C.length - 1, z = X.length - 1; W >= 1 && z >= 0 && C[W] !== X[z]; )
             z--;
           for (; W >= 1 && z >= 0; W--, z--)
-            if (E[W] !== X[z]) {
+            if (C[W] !== X[z]) {
               if (W !== 1 || z !== 1)
                 do
-                  if (W--, z--, z < 0 || E[W] !== X[z]) {
+                  if (W--, z--, z < 0 || C[W] !== X[z]) {
                     var te = `
-` + E[W].replace(" at new ", " at ");
+` + C[W].replace(" at new ", " at ");
                     return o.displayName && te.includes("<anonymous>") && (te = te.replace("<anonymous>", o.displayName)), typeof o == "function" && Se.set(o, te), te;
                   }
                 while (W >= 1 && z >= 0);
@@ -523,7 +523,7 @@ function Xn() {
             }
         }
       } finally {
-        $e = !1, Oe.current = D, vn(), Error.prepareStackTrace = j;
+        $e = !1, Oe.current = M, vn(), Error.prepareStackTrace = j;
       }
       var fe = o ? o.displayName || o.name : "", ce = fe ? Ee(fe) : "";
       return typeof o == "function" && Se.set(o, ce), ce;
@@ -552,19 +552,19 @@ function Xn() {
         switch (o.$$typeof) {
           case c:
             return yn(o.render);
-          case T:
+          case _:
             return Re(o.type, h, p);
           case y: {
-            var _ = o, j = _._payload, D = _._init;
+            var T = o, j = T._payload, M = T._init;
             try {
-              return Re(D(j), h, p);
+              return Re(M(j), h, p);
             } catch (b) {
             }
           }
         }
       return "";
     }
-    var ye = Object.prototype.hasOwnProperty, ot = {}, it = S.ReactDebugCurrentFrame;
+    var ye = Object.prototype.hasOwnProperty, ot = {}, it = w.ReactDebugCurrentFrame;
     function be(o) {
       if (o) {
         var h = o._owner, p = Re(o.type, o._source, h ? h.type : null);
@@ -572,22 +572,22 @@ function Xn() {
       } else
         it.setExtraStackFrame(null);
     }
-    function wn(o, h, p, _, j) {
+    function wn(o, h, p, T, j) {
       {
-        var D = Function.call.bind(ye);
+        var M = Function.call.bind(ye);
         for (var b in o)
-          if (D(o, b)) {
-            var E = void 0;
+          if (M(o, b)) {
+            var C = void 0;
             try {
               if (typeof o[b] != "function") {
-                var X = Error((_ || "React class") + ": " + p + " type `" + b + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof o[b] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                var X = Error((T || "React class") + ": " + p + " type `" + b + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof o[b] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw X.name = "Invariant Violation", X;
               }
-              E = o[b](h, b, _, p, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              C = o[b](h, b, T, p, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (W) {
-              E = W;
+              C = W;
             }
-            E && !(E instanceof Error) && (be(j), 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).", _ || "React class", p, b, typeof E), be(null)), E instanceof Error && !(E.message in ot) && (ot[E.message] = !0, be(j), P("Failed %s type: %s", p, E.message), be(null));
+            C && !(C instanceof Error) && (be(j), 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).", T || "React class", p, b, typeof C), be(null)), C instanceof Error && !(C.message in ot) && (ot[C.message] = !0, be(j), P("Failed %s type: %s", p, C.message), be(null));
           }
       }
     }
@@ -615,7 +615,7 @@ function Xn() {
       if (xn(o))
         return P("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Tn(o)), st(o);
     }
-    var lt = S.ReactCurrentOwner, Cn = {
+    var lt = w.ReactCurrentOwner, Cn = {
       key: !0,
       ref: !0,
       __self: !0,
@@ -662,8 +662,8 @@ function Xn() {
         });
       }
     }
-    var Ln = function(o, h, p, _, j, D, b) {
-      var E = {
+    var Ln = function(o, h, p, T, j, M, b) {
+      var C = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: t,
         // Built-in properties that belong on the element
@@ -672,44 +672,44 @@ function Xn() {
         ref: p,
         props: b,
         // Record the component responsible for creating this element.
-        _owner: D
+        _owner: M
       };
-      return E._store = {}, Object.defineProperty(E._store, "validated", {
+      return C._store = {}, Object.defineProperty(C._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(E, "_self", {
+      }), Object.defineProperty(C, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: _
-      }), Object.defineProperty(E, "_source", {
+        value: T
+      }), Object.defineProperty(C, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
         value: j
-      }), Object.freeze && (Object.freeze(E.props), Object.freeze(E)), E;
+      }), Object.freeze && (Object.freeze(C.props), Object.freeze(C)), C;
     };
-    function jn(o, h, p, _, j) {
+    function jn(o, h, p, T, j) {
       {
-        var D, b = {}, E = null, X = null;
-        p !== void 0 && (at(p), E = "" + p), Sn(h) && (at(h.key), E = "" + h.key), En(h) && (X = h.ref, Rn(h, j));
-        for (D in h)
-          ye.call(h, D) && !Cn.hasOwnProperty(D) && (b[D] = h[D]);
+        var M, b = {}, C = null, X = null;
+        p !== void 0 && (at(p), C = "" + p), Sn(h) && (at(h.key), C = "" + h.key), En(h) && (X = h.ref, Rn(h, j));
+        for (M in h)
+          ye.call(h, M) && !Cn.hasOwnProperty(M) && (b[M] = h[M]);
         if (o && o.defaultProps) {
           var W = o.defaultProps;
-          for (D in W)
-            b[D] === void 0 && (b[D] = W[D]);
+          for (M in W)
+            b[M] === void 0 && (b[M] = W[M]);
         }
-        if (E || X) {
+        if (C || X) {
           var z = typeof o == "function" ? o.displayName || o.name || "Unknown" : o;
-          E && bn(b, z), X && Pn(b, z);
+          C && bn(b, z), X && Pn(b, z);
         }
-        return Ln(o, E, X, j, _, lt.current, b);
+        return Ln(o, C, X, j, T, lt.current, b);
       }
     }
-    var Be = S.ReactCurrentOwner, dt = S.ReactDebugCurrentFrame;
+    var Be = w.ReactCurrentOwner, dt = w.ReactDebugCurrentFrame;
     function de(o) {
       if (o) {
         var h = o._owner, p = Re(o.type, o._source, h ? h.type : null);
@@ -759,8 +759,8 @@ Check the top-level render call using <` + p + ">.");
         if (ht[p])
           return;
         ht[p] = !0;
-        var _ = "";
-        o && o._owner && o._owner !== Be.current && (_ = " It was passed a child from " + Y(o._owner.type) + "."), de(o), P('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', p, _), de(null);
+        var T = "";
+        o && o._owner && o._owner !== Be.current && (T = " It was passed a child from " + Y(o._owner.type) + "."), de(o), P('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', p, T), de(null);
       }
     }
     function vt(o, h) {
@@ -769,15 +769,15 @@ Check the top-level render call using <` + p + ">.");
           return;
         if (Ue(o))
           for (var p = 0; p < o.length; p++) {
-            var _ = o[p];
-            ze(_) && mt(_, h);
+            var T = o[p];
+            ze(T) && mt(T, h);
           }
         else if (ze(o))
           o._store && (o._store.validated = !0);
         else if (o) {
-          var j = w(o);
+          var j = S(o);
           if (typeof j == "function" && j !== o.entries)
-            for (var D = j.call(o), b; !(b = D.next()).done; )
+            for (var M = j.call(o), b; !(b = M.next()).done; )
               ze(b.value) && mt(b.value, h);
         }
       }
@@ -792,13 +792,13 @@ Check the top-level render call using <` + p + ">.");
           p = h.propTypes;
         else if (typeof h == "object" && (h.$$typeof === c || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        h.$$typeof === T))
+        h.$$typeof === _))
           p = h.propTypes;
         else
           return;
         if (p) {
-          var _ = Y(h);
-          wn(p, o.props, "prop", _, o);
+          var T = Y(h);
+          wn(p, o.props, "prop", T, o);
         } else if (h.PropTypes !== void 0 && !We) {
           We = !0;
           var j = Y(h);
@@ -810,9 +810,9 @@ Check the top-level render call using <` + p + ">.");
     function Mn(o) {
       {
         for (var h = Object.keys(o.props), p = 0; p < h.length; p++) {
-          var _ = h[p];
-          if (_ !== "children" && _ !== "key") {
-            de(o), P("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", _), de(null);
+          var T = h[p];
+          if (T !== "children" && T !== "key") {
+            de(o), P("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", T), de(null);
             break;
           }
         }
@@ -820,24 +820,24 @@ Check the top-level render call using <` + p + ">.");
       }
     }
     var pt = {};
-    function yt(o, h, p, _, j, D) {
+    function yt(o, h, p, T, j, M) {
       {
-        var b = A(o);
+        var b = N(o);
         if (!b) {
-          var E = "";
-          (o === void 0 || typeof o == "object" && o !== null && Object.keys(o).length === 0) && (E += " 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 C = "";
+          (o === void 0 || typeof o == "object" && o !== null && Object.keys(o).length === 0) && (C += " 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 X = In();
-          X ? E += X : E += ft();
+          X ? C += X : C += ft();
           var W;
-          o === null ? W = "null" : Ue(o) ? W = "array" : o !== void 0 && o.$$typeof === t ? (W = "<" + (Y(o.type) || "Unknown") + " />", E = " Did you accidentally export a JSX literal instead of a component?") : W = typeof o, P("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", W, E);
+          o === null ? W = "null" : Ue(o) ? W = "array" : o !== void 0 && o.$$typeof === t ? (W = "<" + (Y(o.type) || "Unknown") + " />", C = " Did you accidentally export a JSX literal instead of a component?") : W = typeof o, P("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", W, C);
         }
-        var z = jn(o, h, p, j, D);
+        var z = jn(o, h, p, j, M);
         if (z == null)
           return z;
         if (b) {
           var te = h.children;
           if (te !== void 0)
-            if (_)
+            if (T)
               if (Ue(te)) {
                 for (var fe = 0; fe < te.length; fe++)
                   vt(te[fe], o);
@@ -879,12 +879,12 @@ function Jn() {
   return Ct || (Ct = 1, process.env.NODE_ENV === "production" ? Ie.exports = Gn() : Ie.exports = Xn()), Ie.exports;
 }
 var a = Jn();
-const Ut = typeof window != "undefined" ? Wn : N;
+const Ut = typeof window != "undefined" ? Wn : V;
 function Ce(e, t) {
-  const n = F(e);
+  const n = A(e);
   Ut(() => {
     n.current = e;
-  }, [e]), N(() => {
+  }, [e]), V(() => {
     if (t === null)
       return;
     const r = setInterval(() => {
@@ -909,25 +909,25 @@ function Qn(e, t) {
         second: "2-digit",
         hour12: !1
       }).formatToParts(e), g = parseInt(
-        ((n = d.find((w) => w.type === "year")) == null ? void 0 : n.value) || "0",
+        ((n = d.find((S) => S.type === "year")) == null ? void 0 : n.value) || "0",
         10
-      ), T = parseInt(
-        ((r = d.find((w) => w.type === "month")) == null ? void 0 : r.value) || "0",
+      ), _ = parseInt(
+        ((r = d.find((S) => S.type === "month")) == null ? void 0 : r.value) || "0",
         10
       ) - 1, y = parseInt(
-        ((s = d.find((w) => w.type === "day")) == null ? void 0 : s.value) || "0",
+        ((s = d.find((S) => S.type === "day")) == null ? void 0 : s.value) || "0",
         10
-      ), x = parseInt(
-        ((l = d.find((w) => w.type === "hour")) == null ? void 0 : l.value) || "0",
+      ), I = parseInt(
+        ((l = d.find((S) => S.type === "hour")) == null ? void 0 : l.value) || "0",
         10
-      ), L = parseInt(
-        ((u = d.find((w) => w.type === "minute")) == null ? void 0 : u.value) || "0",
+      ), E = parseInt(
+        ((u = d.find((S) => S.type === "minute")) == null ? void 0 : u.value) || "0",
         10
-      ), C = parseInt(
-        ((i = d.find((w) => w.type === "second")) == null ? void 0 : i.value) || "0",
+      ), x = parseInt(
+        ((i = d.find((S) => S.type === "second")) == null ? void 0 : i.value) || "0",
         10
       );
-      return new Date(g, T, y, x, L, C);
+      return new Date(g, _, y, I, E, x);
     } catch (c) {
       return console.warn(
         `Failed to convert date to timezone ${t}, returning original date:`,
@@ -1052,7 +1052,7 @@ const cr = () => zn(), ur = (e, t) => ({
   },
   handleLoadStart: () => {
     const n = t().techRef.current;
-    n && (t().eventEmitter.emit("loadStart"), e({ isReady: !0 }), n.play().then(() => {
+    n && (t().eventEmitter.emit("loadStart"), e({ isReady: !0 }), !(t().isStarted && !t().isPlaying) && n.play().then(() => {
       e({
         isEnded: !1,
         isLoading: !1,
@@ -1150,12 +1150,12 @@ const cr = () => zn(), ur = (e, t) => ({
   },
   seek: (n) => {
     const r = t().techRef.current;
-    r && (r.currentTime = n, (r.paused || r.ended) && r.play(), e({
+    r && (r.currentTime = n, e({
       seekTime: -1,
       currentTime: n,
       isStarted: !0,
-      isEnded: !1,
-      isPlaying: !0
+      isEnded: !1
+      // isPlaying: true,
     }));
   },
   setIsLoading: (n) => e({ isLoading: n }),
@@ -1215,12 +1215,12 @@ const cr = () => zn(), ur = (e, t) => ({
   setError: (t) => e({ error: t })
 }), pr = () => ({
   eventEmitter: cr()
-}), yr = (e) => () => M({}, e), gr = (e, t) => Mt()((...n) => M(M(M(M(M(M(M(M({}, ur(...n)), dr(...n)), fr(...n)), mr(...n)), hr(...n)), vr(...n)), pr(...n)), yr({
+}), yr = (e) => () => F({}, e), gr = (e, t) => Mt()((...n) => F(F(F(F(F(F(F(F({}, ur(...n)), dr(...n)), fr(...n)), mr(...n)), hr(...n)), vr(...n)), pr(...n)), yr({
   techRef: e,
   containerRef: t
 })(...n))), qt = It(null);
 function wr({ children: e }) {
-  const t = F(null), n = F(null), r = F(null);
+  const t = A(null), n = A(null), r = A(null);
   return t.current || (t.current = gr(n, r)), /* @__PURE__ */ a.jsx(qt.Provider, { value: t.current, children: e });
 }
 const f = (e) => {
@@ -1228,7 +1228,7 @@ const f = (e) => {
   if (!t)
     throw new Error("usePlayerStore must be used within PlayerStoreProvider");
   return Dt(t, e);
-}, _r = "0.0.52", Je = {
+}, _r = "0.0.54", Je = {
   version: _r
 }, Ye = 11e3, Ze = {
   DEBUG: 2,
@@ -1242,80 +1242,81 @@ function Yt({
   delay: r,
   url: s
 }) {
-  const l = F(null), u = F(!1), [i, c] = G(null), d = f((w) => w.eventEmitter), g = f((w) => w.isPlaying), y = (s.includes("staging") ? "stg" : "prd") === "stg" ? "https://collector-staging.spectar.tv/ingest" : "https://collector.spectar.tv/ingest";
+  const l = A(null), u = A(!1), [i, c] = G(null), d = f((w) => w.eventEmitter), g = f((w) => w.isPlaying), _ = s.includes("staging") ? "stg" : "prd", y = _ === "stg" ? "https://collector-staging.spectar.tv/ingest" : "https://collector.spectar.tv/ingest", I = _ === "stg" ? "spectar_fitnessanny_staging" : "spectar_fitnessanny_production";
   u.current = g;
-  const x = O(
+  const E = H(
     async ({
       type: w,
-      message: S,
-      level: P = Ze.INFO,
-      duration: R,
-      valueStr1: B,
-      valueStr2: V
+      message: P,
+      level: R = Ze.INFO,
+      duration: B,
+      valueStr1: O,
+      valueStr2: m
     }) => {
-      const m = {
+      const v = {
         content_kind: n,
         datetime: {
           date: tr(),
           timezone: nr()
         },
-        level_num: P,
+        installation: I,
+        level_num: R,
         log_source: "fitnessanny_player",
         capp_version: Je.version,
-        message: S,
+        message: P,
         target_index: w === "client" ? "client_log" : "watching_activity_log"
       };
-      e && (m.title = e), t && (m.value_int1 = t), B && (m.value_str1 = B), V && (m.value_str2 = V), w === "watch" && (R && (m.interval_duration = R), r && (m.catchup_time = r));
-      const v = await fetch(y, {
+      e && (v.title = e), t && (v.value_int1 = t), O && (v.value_str1 = O), m && (v.value_str2 = m), w === "watch" && (B && (v.interval_duration = B), r && (v.catchup_time = r));
+      const L = await fetch(y, {
         method: "POST",
-        body: JSON.stringify(m)
+        body: JSON.stringify(v)
       });
-      if (!v.ok)
-        throw new Error(`HTTP error! status: ${v.status}`);
+      if (!L.ok)
+        throw new Error(`HTTP error! status: ${L.status}`);
     },
-    [y, r, t, n, e]
-  ), L = O((w) => {
+    [y, r, t, I, n, e]
+  ), x = H((w) => {
     l.current = w != null ? w : /* @__PURE__ */ new Date();
-  }, []), C = O(
+  }, []), S = H(
     async (w) => {
-      !w && l.current && (w = er(l.current, /* @__PURE__ */ new Date(), "milliseconds")), console.log("[Player][Activity]", "Watching", w), await x({ type: "watch", message: "WATCHING", duration: w });
+      !w && l.current && (w = er(l.current, /* @__PURE__ */ new Date(), "milliseconds")), console.log("[Player][Activity]", "Watching", w), await E({ type: "watch", message: "WATCHING", duration: w });
     },
-    [x]
+    [E]
   );
   return Ce(() => {
-    C(i), L();
-  }, i), N(() => {
+    S(i), x();
+  }, i), V(() => {
     const w = () => {
-      c(Ye), x({ type: "watch", message: "PLAY" }), L();
-    }, S = () => {
-      c(null), x({ type: "watch", message: "PAUSE" }), C(), L();
+      c(Ye), E({ type: "watch", message: "PLAY" }), x();
     }, P = () => {
-      c(Ye), x({ type: "watch", message: "RESUME" }), L();
+      c(null), E({ type: "watch", message: "PAUSE" }), S(), x();
     }, R = () => {
-      c(null), u.current && (x({ type: "watch", message: "STOP" }), C()), c(Ye), x({ type: "watch", message: "PLAY" }), L();
+      c(Ye), E({ type: "watch", message: "RESUME" }), x();
     }, B = () => {
-      c(null), x({ type: "watch", message: "STOP" }), u.current && C(), L();
-    }, V = ({ level: v }) => {
-      v && x({
+      c(null), u.current && (E({ type: "watch", message: "STOP" }), S()), c(Ye), E({ type: "watch", message: "PLAY" }), x();
+    }, O = () => {
+      c(null), E({ type: "watch", message: "STOP" }), u.current && S(), x();
+    }, m = ({ level: L }) => {
+      L && E({
         type: "client",
         message: "QUALITY_CHANGE",
         level: Ze.DEBUG,
-        valueStr1: v
+        valueStr1: L
       });
-    }, m = (v) => {
-      let U = "UNKNOWN_ERROR", I = "Unknown error occurred";
-      v instanceof MediaError && (v.code && (U = `${v.code}`), v.message && (I = `${v.message}`)), x({
+    }, v = (L) => {
+      let k = "UNKNOWN_ERROR", N = "Unknown error occurred";
+      L instanceof MediaError && (L.code && (k = `${L.code}`), L.message && (N = `${L.message}`)), E({
         type: "client",
         message: "ERROR",
         level: Ze.WARNING,
-        valueStr1: U,
-        valueStr2: I
+        valueStr1: k,
+        valueStr2: N
       });
     };
-    return d.on("play", w), d.on("pause", S), d.on("resume", P), d.on("restart", R), d.on("ended", B), d.on("qualityChange", V), d.on("error", m), () => {
-      d.off("play", w), d.off("pause", S), d.off("resume", P), d.off("restart", R), d.off("ended", B), d.off("qualityChange", V), d.off("error", m);
+    return d.on("play", w), d.on("pause", P), d.on("resume", R), d.on("restart", B), d.on("ended", O), d.on("qualityChange", m), d.on("error", v), () => {
+      d.off("play", w), d.off("pause", P), d.off("resume", R), d.off("restart", B), d.off("ended", O), d.off("qualityChange", m), d.off("error", v);
     };
-  }, [d, x, L, C]), null;
+  }, [d, E, x, S]), null;
 }
 const Tr = () => Mt((e) => ({
   delay: 0,
@@ -1327,11 +1328,11 @@ const Tr = () => Mt((e) => ({
 })), Zt = It(
   null
 ), xr = ({ children: e }) => {
-  const t = F(
+  const t = A(
     null
   );
   return t.current || (t.current = Tr()), /* @__PURE__ */ a.jsx(Zt.Provider, { value: t.current, children: e });
-}, $ = (e) => {
+}, U = (e) => {
   const t = kt(Zt);
   if (!t)
     throw new Error(
@@ -1350,7 +1351,7 @@ function Kt(e) {
   }
 }
 function Cr({ url: e }) {
-  const { video_id: t } = Kt(e), n = $((s) => s.delay), r = t ? Number(t) : void 0;
+  const { video_id: t } = Kt(e), n = U((s) => s.delay), r = t ? Number(t) : void 0;
   return r ? /* @__PURE__ */ a.jsx(
     Yt,
     {
@@ -1443,21 +1444,21 @@ async function kr(e) {
 }
 function Dr(n) {
   var r = n, { url: e } = r, t = re(r, ["url"]);
-  const [s, l] = G(!0), u = $((d) => d.startDate), i = $((d) => d.setStartDate), c = O(async () => {
+  const [s, l] = G(!0), u = U((d) => d.startDate), i = U((d) => d.setStartDate), c = H(async () => {
     const d = await kr(e);
     d && i(d);
   }, [e, i]);
-  return N(() => {
+  return V(() => {
     (async () => {
       l(!0), await c(), l(!1);
     })();
-  }, [c]), Ce(c, u ? null : 5e3), s ? null : /* @__PURE__ */ a.jsx(Mr, M({}, t));
+  }, [c]), Ce(c, u ? null : 5e3), s ? null : /* @__PURE__ */ a.jsx(Mr, F({}, t));
 }
 function Mr({
   children: e,
   messages: t
 }) {
-  const n = $((u) => u.startDate), r = f((u) => u.isStarted);
+  const n = U((u) => u.startDate), r = f((u) => u.isStarted);
   return Pr(r ? null : 5e3), n ? Date.now() < n.getTime() ? /* @__PURE__ */ a.jsx(
     Nr,
     {
@@ -1482,10 +1483,10 @@ function Nr({ startDate: e, title: t, message: n }) {
 }
 function Gt({ callback: e }) {
   const t = f((n) => n.eventEmitter);
-  return N(() => {
-    const n = () => e("play", void 0), r = () => e("pause", void 0), s = () => e("resume", void 0), l = () => e("restart", void 0), u = () => e("ended", void 0), i = () => e("seeking", void 0), c = () => e("seeked", void 0), d = (S) => e("volumeChange", S), g = (S) => e("fullscreenChange", S), T = (S) => e("qualityChange", S), y = (S) => e("loadedMetadata", S), x = () => e("loadStart", void 0), L = () => e("playing", void 0), C = () => e("waiting", void 0), w = () => e("error", void 0);
-    return t.on("play", n), t.on("pause", r), t.on("resume", s), t.on("restart", l), t.on("ended", u), t.on("seeking", i), t.on("seeked", c), t.on("volumeChange", d), t.on("fullscreenChange", g), t.on("qualityChange", T), t.on("loadedMetadata", y), t.on("loadStart", x), t.on("playing", L), t.on("waiting", C), t.on("error", w), () => {
-      t.off("play", n), t.off("pause", r), t.off("resume", s), t.off("restart", l), t.off("ended", u), t.off("seeking", i), t.off("seeked", c), t.off("volumeChange", d), t.off("fullscreenChange", g), t.off("qualityChange", T), t.off("loadedMetadata", y), t.off("loadStart", x), t.off("playing", L), t.off("waiting", C), t.off("error", w);
+  return V(() => {
+    const n = () => e("play", void 0), r = () => e("pause", void 0), s = () => e("resume", void 0), l = () => e("restart", void 0), u = () => e("ended", void 0), i = () => e("seeking", void 0), c = () => e("seeked", void 0), d = (w) => e("volumeChange", w), g = (w) => e("fullscreenChange", w), _ = (w) => e("qualityChange", w), y = (w) => e("loadedMetadata", w), I = () => e("loadStart", void 0), E = () => e("playing", void 0), x = () => e("waiting", void 0), S = () => e("error", void 0);
+    return t.on("play", n), t.on("pause", r), t.on("resume", s), t.on("restart", l), t.on("ended", u), t.on("seeking", i), t.on("seeked", c), t.on("volumeChange", d), t.on("fullscreenChange", g), t.on("qualityChange", _), t.on("loadedMetadata", y), t.on("loadStart", I), t.on("playing", E), t.on("waiting", x), t.on("error", S), () => {
+      t.off("play", n), t.off("pause", r), t.off("resume", s), t.off("restart", l), t.off("ended", u), t.off("seeking", i), t.off("seeked", c), t.off("volumeChange", d), t.off("fullscreenChange", g), t.off("qualityChange", _), t.off("loadedMetadata", y), t.off("loadStart", I), t.off("playing", E), t.off("waiting", x), t.off("error", S);
     };
   }, [e, t]), null;
 }
@@ -1520,8 +1521,8 @@ function Ar({
   }), s;
 }
 function Or({ callback: e }) {
-  const t = $((l) => l.delay), n = $((l) => l.startDate), r = n ? n.getTime() : 0, s = f((l) => l.eventEmitter);
-  return N(() => {
+  const t = U((l) => l.delay), n = U((l) => l.startDate), r = n ? n.getTime() : 0, s = f((l) => l.eventEmitter);
+  return V(() => {
     const l = () => e("timeUpdate", {
       currentTime: Jt(r, t),
       duration: -1
@@ -1532,7 +1533,7 @@ function Or({ callback: e }) {
   }, [e, t, s, r]), /* @__PURE__ */ a.jsx(Gt, { callback: e });
 }
 function Qt() {
-  const e = f((i) => i.exitFullscreen), t = f((i) => i.isFullscreen), n = f((i) => i.isFullscreenReady), r = f((i) => i.requestFullscreen), s = f((i) => i.setVolume), l = f((i) => i.volume), u = O(
+  const e = f((i) => i.exitFullscreen), t = f((i) => i.isFullscreen), n = f((i) => i.isFullscreenReady), r = f((i) => i.requestFullscreen), s = f((i) => i.setVolume), l = f((i) => i.volume), u = H(
     (i) => {
       let c = !1;
       if (!(i.target instanceof HTMLInputElement || i.ctrlKey)) {
@@ -1562,12 +1563,12 @@ function Qt() {
       l
     ]
   );
-  return N(() => (document.addEventListener("keydown", u), () => {
+  return V(() => (document.addEventListener("keydown", u), () => {
     document.removeEventListener("keydown", u);
   }), [u]), null;
 }
 function Hr() {
-  const e = $((i) => i.delay), t = f((i) => i.isPlaying), n = f((i) => i.pause), r = f((i) => i.getPauseTimeDiff), s = f((i) => i.play), l = $((i) => i.setDelay), u = O(
+  const e = U((i) => i.delay), t = f((i) => i.isPlaying), n = f((i) => i.pause), r = f((i) => i.getPauseTimeDiff), s = f((i) => i.play), l = U((i) => i.setDelay), u = H(
     (i) => {
       let c = !1;
       if (!(i.target instanceof HTMLInputElement || i.ctrlKey)) {
@@ -1593,7 +1594,7 @@ function Hr() {
     },
     [e, r, t, n, s, l]
   );
-  return N(() => (document.addEventListener("keydown", u), () => {
+  return V(() => (document.addEventListener("keydown", u), () => {
     document.removeEventListener("keydown", u);
   }), [u]), /* @__PURE__ */ a.jsx(Qt, {});
 }
@@ -1604,60 +1605,60 @@ function $r({ children: e }) {
   return /* @__PURE__ */ a.jsx(xr, { children: /* @__PURE__ */ a.jsx(en, { children: e }) });
 }
 function Ur({ url: e, isLive: t, messages: n }) {
-  const r = F(null), s = f((m) => m.level), l = f((m) => m.levels), u = f((m) => m.setLevel), i = f((m) => m.setLevels), c = f((m) => m.logLevel), d = f((m) => m.techRef), g = f((m) => m.setError), T = F(0), y = F(null), x = 50, L = 1e4, C = O(
+  const r = A(null), s = f((m) => m.level), l = f((m) => m.levels), u = f((m) => m.setLevel), i = f((m) => m.setLevels), c = f((m) => m.logLevel), d = f((m) => m.techRef), g = f((m) => m.setError), _ = A(0), y = A(null), I = 50, E = 1e4, x = H(
     (m) => {
       if (r.current && (r.current.nextLevel = m, u(null), l)) {
-        const v = l.map((U) => he(M({}, U), {
-          selected: U.value === m
+        const v = l.map((L) => he(F({}, L), {
+          selected: L.value === m
         }));
         i(v);
       }
     },
     [l, u, i]
-  ), w = O(() => {
+  ), S = H(() => {
     r.current && (console.log("[Player][HLS] MEDIA_ATTACHED"), r.current.loadSource(e));
-  }, [e]), S = O(() => {
+  }, [e]), w = H(() => {
     if (!r.current) return;
-    console.log("[Player][HLS] MANIFEST_LOADED"), g(null), y.current && (clearTimeout(y.current), y.current = null), T.current = 0;
-    const m = r.current.levels, v = r.current.currentLevel, U = r.current.autoLevelEnabled;
+    console.log("[Player][HLS] MANIFEST_LOADED"), g(null), y.current && (clearTimeout(y.current), y.current = null), _.current = 0;
+    const m = r.current.levels, v = r.current.currentLevel, L = r.current.autoLevelEnabled;
     i(
       Ar({
-        levels: m.map((I, A) => {
-          const { bitrate: k, height: J, width: Y } = I;
+        levels: m.map((k, N) => {
+          const { bitrate: D, height: J, width: Y } = k;
           return {
-            bitrate: k,
+            bitrate: D,
             height: J,
-            index: A,
+            index: N,
             width: Y
           };
         }),
         level: v,
-        isAuto: U
+        isAuto: L
       })
     );
-  }, [g, i]), P = O(() => {
+  }, [g, i]), P = H(() => {
     if (!r.current) return;
     console.log("[Player][HLS] LEVEL_SWITCHED");
     const m = r.current.levels, v = r.current.currentLevel;
     if (m[v] ? JSON.stringify(m[v]) : null) {
-      let I = "";
-      m[v].height ? I = `${m[v].height}p` : m[v].bitrate && (I = `${m[v].bitrate}bps`), c(I);
+      let k = "";
+      m[v].height ? k = `${m[v].height}p` : m[v].bitrate && (k = `${m[v].bitrate}bps`), c(k);
     }
-  }, [c]), R = O(
+  }, [c]), R = H(
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     (m, v) => {
       if (r.current && v.fatal) {
-        let U, I = "UNKNOWN_ERROR";
+        let L, k = "UNKNOWN_ERROR";
         switch (v.type) {
           case ee.ErrorTypes.NETWORK_ERROR:
-            U = n.unableToPlay, console.log("[Player][HLS] NETWORK_ERROR", v), t ? (T.current < x && (y.current && clearTimeout(y.current), T.current += 1, y.current = setTimeout(() => {
+            L = n.unableToPlay, console.log("[Player][HLS] NETWORK_ERROR", v), t ? (_.current < I && (y.current && clearTimeout(y.current), _.current += 1, y.current = setTimeout(() => {
               if (r.current)
                 try {
                   console.log("[Player][HLS] Retrying stream..."), r.current.loadSource(e);
-                } catch (A) {
-                  console.error("[Player][HLS] Retry failed:", A);
+                } catch (N) {
+                  console.error("[Player][HLS] Retry failed:", N);
                 }
-            }, L)), I = "LIVE_MANIFEST_LOAD_ERROR") : (r.current.startLoad(), I = "NETWORK_ERROR"), g({ message: U, code: I, tech: "hls" });
+            }, E)), k = "LIVE_MANIFEST_LOAD_ERROR") : (r.current.startLoad(), k = "NETWORK_ERROR"), g({ message: L, code: k, tech: "hls" });
             break;
           case ee.ErrorTypes.MEDIA_ERROR:
             r.current.recoverMediaError();
@@ -1666,7 +1667,7 @@ function Ur({ url: e, isLive: t, messages: n }) {
       }
     },
     [t, e, g, n]
-  ), B = O(() => {
+  ), B = H(() => {
     if (!d.current) return;
     const m = {
       startLevel: -1,
@@ -1675,29 +1676,29 @@ function Ur({ url: e, isLive: t, messages: n }) {
     };
     or ? (m.backBufferLength = -1, m.enableWorker = !1) : t ? m.backBufferLength = 10 : m.backBufferLength = 60;
     try {
-      console.log("[Player][HLS] URL", e), console.log("[Player][HLS] Config", JSON.stringify(m)), console.log("[Player][HLS] Version", ee.version), r.current = new ee(m), r.current.attachMedia(d.current), r.current.on(ee.Events.MEDIA_ATTACHED, w), r.current.on(ee.Events.MANIFEST_LOADED, S), r.current.on(ee.Events.LEVEL_SWITCHED, P), r.current.on(ee.Events.ERROR, R);
+      console.log("[Player][HLS] URL", e), console.log("[Player][HLS] Config", JSON.stringify(m)), console.log("[Player][HLS] Version", ee.version), r.current = new ee(m), r.current.attachMedia(d.current), r.current.on(ee.Events.MEDIA_ATTACHED, S), r.current.on(ee.Events.MANIFEST_LOADED, w), r.current.on(ee.Events.LEVEL_SWITCHED, P), r.current.on(ee.Events.ERROR, R);
     } catch (v) {
       throw new Error(`Error initializing Hls: ${v}`);
     }
   }, [
-    S,
     w,
+    S,
     P,
     R,
     t,
     d,
     e
-  ]), V = O(() => {
-    r.current && (r.current.off(ee.Events.MEDIA_ATTACHED, w), r.current.off(ee.Events.MANIFEST_LOADED, S), r.current.off(ee.Events.LEVEL_SWITCHED, P), r.current.off(ee.Events.ERROR, R), r.current.destroy(), r.current = null), y.current && (clearTimeout(y.current), y.current = null), T.current = 0;
+  ]), O = H(() => {
+    r.current && (r.current.off(ee.Events.MEDIA_ATTACHED, S), r.current.off(ee.Events.MANIFEST_LOADED, w), r.current.off(ee.Events.LEVEL_SWITCHED, P), r.current.off(ee.Events.ERROR, R), r.current.destroy(), r.current = null), y.current && (clearTimeout(y.current), y.current = null), _.current = 0;
   }, [
     P,
-    S,
     w,
+    S,
     R
   ]);
-  return N(() => {
-    s !== null && C(s);
-  }, [s, C]), N(() => (ee.isSupported() && B(), V), [V, B]), null;
+  return V(() => {
+    s !== null && x(s);
+  }, [s, x]), V(() => (ee.isSupported() && B(), O), [O, B]), null;
 }
 const Br = "_playerVideo_wc0sm_1", Wr = {
   playerVideo: Br
@@ -1708,52 +1709,51 @@ function tn({
   isMuted: n = !1,
   messages: r
 }) {
-  const s = f((v) => v.destroy), l = f((v) => v.handleDurationChange), u = f((v) => v.handleEnd), i = f((v) => v.handleLoadedMetadata), c = f((v) => v.handleLoadStart), d = f((v) => v.handlePause), g = f((v) => v.handlePlay), T = f((v) => v.handlePlaying), y = f((v) => v.handleSeeked), x = f((v) => v.handleSeeking), L = f((v) => v.handleTimeUpdate), C = f((v) => v.handleWaiting), w = f((v) => v.handleVolumeChange), S = f((v) => v.handleError), P = f((v) => v.techRef), R = F(null), B = () => t ? {
-    onTimeUpdate: V
+  const s = f((v) => v.destroy), l = f((v) => v.handleDurationChange), u = f((v) => v.handleEnd), i = f((v) => v.handleLoadedMetadata), c = f((v) => v.handleLoadStart), d = f((v) => v.handlePause), g = f((v) => v.handlePlay), _ = f((v) => v.handlePlaying), y = f((v) => v.handleSeeked), I = f((v) => v.handleSeeking), E = f((v) => v.handleTimeUpdate), x = f((v) => v.handleWaiting), S = f((v) => v.handleVolumeChange), w = f((v) => v.handleError), P = f((v) => v.techRef), R = A(null), B = () => t ? {
+    onTimeUpdate: O
   } : {
     onDurationChange: l,
     onSeeked: y,
-    onSeeking: x,
-    onTimeUpdate: V
-  }, V = () => {
-    (!R.current || Date.now() - R.current >= 1e3) && (L(), R.current = Date.now());
+    onSeeking: I,
+    onTimeUpdate: O
+  }, O = () => {
+    (!R.current || Date.now() - R.current >= 1e3) && (E(), R.current = Date.now());
   }, m = B();
-  return N(() => () => {
+  return V(() => () => {
     s();
   }, [s]), /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
     /* @__PURE__ */ a.jsx(Ur, { isLive: t, url: e, messages: r }),
     /* @__PURE__ */ a.jsx(
       "video",
-      M({
+      F({
         ref: P,
         className: Wr.playerVideo,
         playsInline: !0,
-        autoPlay: !0,
         controls: !1,
         muted: n,
         preload: "auto",
         crossOrigin: "anonymous",
         onEnded: u,
-        onError: S,
+        onError: w,
         onLoadedMetadata: i,
         onLoadStart: c,
         onPause: d,
         onPlay: g,
-        onPlaying: T,
-        onWaiting: C,
-        onVolumeChange: w,
+        onPlaying: _,
+        onWaiting: x,
+        onVolumeChange: S,
         tabIndex: -1
       }, m)
     )
   ] });
 }
 function zr({ url: e, messages: t }) {
-  const [n, r] = G(null), s = $((u) => u.delay), l = O(async () => {
+  const [n, r] = G(null), s = U((u) => u.delay), l = H(async () => {
     r(
       s ? e.replace("-live", "-catchup").replace("playlist.m3u8", `playlist_fmp4_dvr_timeshift-${s}.m3u8`) : e
     );
   }, [s, e]);
-  return N(() => {
+  return V(() => {
     const u = requestAnimationFrame(() => l());
     return () => cancelAnimationFrame(u);
   }, [l]), n ? /* @__PURE__ */ a.jsx(tn, { url: n, isLive: !0, messages: t }) : null;
@@ -1762,13 +1762,13 @@ function qr({ url: e }) {
   return f((n) => n.isStarted) ? /* @__PURE__ */ a.jsx(Yr, { url: e }) : null;
 }
 function Yr({ url: e }) {
-  const t = $((l) => l.setViewerCount), n = F(null), r = (l) => {
+  const t = U((l) => l.setViewerCount), n = A(null), r = (l) => {
     try {
       return new URL(l).pathname.split("/").filter((d) => d.length > 0)[0] || null;
     } catch (u) {
       return console.error("Failed to extract URI from player URL:", u), null;
     }
-  }, s = O(async () => {
+  }, s = H(async () => {
     var c;
     const l = r(e);
     if (!l) {
@@ -1783,15 +1783,15 @@ function Yr({ url: e }) {
       });
       if (!d.ok)
         throw new Error(`HTTP error! status: ${d.status}`);
-      const T = (c = (await d.json()).count) != null ? c : 0;
-      t(T);
+      const _ = (c = (await d.json()).count) != null ? c : 0;
+      t(_);
     } catch (d) {
       if (d.name === "AbortError")
         return;
       console.error("Failed to fetch viewer count:", d), t(null);
     }
   }, [t, e]);
-  return N(() => (s(), () => {
+  return V(() => (s(), () => {
     n.current && n.current.abort();
   }), [s, e]), Ce(s, 15e3), null;
 }
@@ -1837,35 +1837,35 @@ function nn(i) {
   ]);
   return Zr("(pointer: coarse)") ? /* @__PURE__ */ a.jsx(
     no,
-    M({
+    F({
       className: e,
       maxForwardTime: s,
       maxBackwardTime: l,
       onForwardSeek: n,
       onBackwardSeek: r
     }, u)
-  ) : /* @__PURE__ */ a.jsx(to, M({ className: e, onClick: t }, u));
+  ) : /* @__PURE__ */ a.jsx(to, F({ className: e, onClick: t }, u));
 }
 function to(r) {
   var s = r, { className: e, onClick: t } = s, n = re(s, ["className", "onClick"]);
-  const l = F(null), u = f((C) => C.exitFullscreen), i = f((C) => C.isFullscreen), c = f((C) => C.requestFullscreen), d = f((C) => C.resetIdle), g = (C) => {
-    x() ? (y(), i ? u() : c()) : T(C);
-  }, T = (C) => {
+  const l = A(null), u = f((x) => x.exitFullscreen), i = f((x) => x.isFullscreen), c = f((x) => x.requestFullscreen), d = f((x) => x.resetIdle), g = (x) => {
+    I() ? (y(), i ? u() : c()) : _(x);
+  }, _ = (x) => {
     l.current = window.setTimeout(() => {
-      t == null || t(C), y();
+      t == null || t(x), y();
     }, 200);
   }, y = () => {
     l.current !== null && (window.clearTimeout(l.current), l.current = null);
-  }, x = () => l.current !== null, L = () => {
+  }, I = () => l.current !== null, E = () => {
     d();
   };
-  return N(() => () => {
+  return V(() => () => {
     y();
   }, []), /* @__PURE__ */ a.jsx(
     "button",
-    M({
+    F({
       onClick: g,
-      onMouseMove: L,
+      onMouseMove: E,
       className: [me.playbackButton, e].filter(Boolean).join(" "),
       "aria-label": "Player gestures"
     }, n)
@@ -1885,48 +1885,48 @@ function no(u) {
     "onForwardSeek",
     "onBackwardSeek"
   ]);
-  const c = F(null), d = F({
+  const c = A(null), d = A({
     single: null,
     indicator: null,
     accumulate: null
-  }), g = F(null), T = F(0), y = F(null), [x, L] = G({ visible: !1, direction: null, time: 0 }), C = f((m) => m.isIdle), w = f((m) => m.setIsIdle), S = f((m) => m.resetIdle), P = (m, v) => m < v / 2 ? "backward" : "forward", R = (m) => {
+  }), g = A(null), _ = A(0), y = A(null), [I, E] = G({ visible: !1, direction: null, time: 0 }), x = f((m) => m.isIdle), S = f((m) => m.setIsIdle), w = f((m) => m.resetIdle), P = (m, v) => m < v / 2 ? "backward" : "forward", R = (m) => {
     if (!g.current) return;
     const v = m.changedTouches[0];
     if (!v) return;
-    const U = Date.now(), I = g.current.getBoundingClientRect(), A = v.clientX - I.left, k = v.clientY - I.top;
-    if (A < 0 || A > I.width || k < 0 || k > I.height)
+    const L = Date.now(), k = g.current.getBoundingClientRect(), N = v.clientX - k.left, D = v.clientY - k.top;
+    if (N < 0 || N > k.width || D < 0 || D > k.height)
       return;
-    const J = c.current, Y = J ? U - J.time : 1 / 0, Z = P(A, I.width), oe = y.current !== null && y.current === Z && J !== null && Y < 700 && Math.abs(A - J.x) < 100;
-    if (J !== null && y.current === null && Y < 300 && Math.abs(A - J.x) < 50 || oe) {
-      m.preventDefault(), m.stopPropagation(), d.current.single && (window.clearTimeout(d.current.single), d.current.single = null), S(), (y.current === null || y.current !== Z) && (T.current = 0, y.current = Z);
+    const J = c.current, Y = J ? L - J.time : 1 / 0, Z = P(N, k.width), oe = y.current !== null && y.current === Z && J !== null && Y < 700 && Math.abs(N - J.x) < 100;
+    if (J !== null && y.current === null && Y < 300 && Math.abs(N - J.x) < 50 || oe) {
+      m.preventDefault(), m.stopPropagation(), d.current.single && (window.clearTimeout(d.current.single), d.current.single = null), w(), (y.current === null || y.current !== Z) && (_.current = 0, y.current = Z);
       const ne = Z === "backward" ? n : t;
-      T.current = Math.min(
-        T.current + eo,
+      _.current = Math.min(
+        _.current + eo,
         ne != null ? ne : 1 / 0
-      ), B(Z, T.current), d.current.accumulate && window.clearTimeout(d.current.accumulate), d.current.accumulate = window.setTimeout(() => {
-        const K = T.current;
-        K > 0 && (y.current === "backward" ? s == null || s(K) : r == null || r(K), S()), T.current = 0, y.current = null, c.current = null, V(), d.current.accumulate = null;
-      }, 500), c.current = { time: U, x: A };
+      ), B(Z, _.current), d.current.accumulate && window.clearTimeout(d.current.accumulate), d.current.accumulate = window.setTimeout(() => {
+        const K = _.current;
+        K > 0 && (y.current === "backward" ? s == null || s(K) : r == null || r(K), w()), _.current = 0, y.current = null, c.current = null, O(), d.current.accumulate = null;
+      }, 500), c.current = { time: L, x: N };
     } else {
-      c.current = { time: U, x: A }, d.current.single && window.clearTimeout(d.current.single);
+      c.current = { time: L, x: N }, d.current.single && window.clearTimeout(d.current.single);
       const ne = y.current !== null ? 700 : 350;
       d.current.single = window.setTimeout(() => {
         if (y.current === null) {
           d.current.single = null;
-          const K = C;
-          w(!K), K && S();
+          const K = x;
+          S(!K), K && w();
         }
         c.current = null;
       }, ne);
     }
   }, B = (m, v) => {
-    v !== 0 && (L({ visible: !0, direction: m, time: v }), d.current.indicator && window.clearTimeout(d.current.indicator), d.current.indicator = window.setTimeout(() => {
-      V();
+    v !== 0 && (E({ visible: !0, direction: m, time: v }), d.current.indicator && window.clearTimeout(d.current.indicator), d.current.indicator = window.setTimeout(() => {
+      O();
     }, 700));
-  }, V = () => {
-    L({ visible: !1, direction: null, time: 0 }), d.current.indicator && (window.clearTimeout(d.current.indicator), d.current.indicator = null);
+  }, O = () => {
+    E({ visible: !1, direction: null, time: 0 }), d.current.indicator && (window.clearTimeout(d.current.indicator), d.current.indicator = null);
   };
-  return N(() => {
+  return V(() => {
     const m = d.current;
     return () => {
       m != null && m.single && window.clearTimeout(m.single), m != null && m.indicator && window.clearTimeout(m.indicator), m != null && m.accumulate && window.clearTimeout(m.accumulate);
@@ -1934,27 +1934,27 @@ function no(u) {
   }, []), /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
     /* @__PURE__ */ a.jsx(
       "button",
-      M({
+      F({
         ref: g,
         onTouchEnd: R,
         className: [me.playbackButton, e].filter(Boolean).join(" "),
         "aria-label": "Player gestures"
       }, l)
     ),
-    x.visible && /* @__PURE__ */ a.jsxs(
+    I.visible && /* @__PURE__ */ a.jsxs(
       "div",
       {
-        className: `${me.seekIndicator} ${me.seekIndicatorVisible} ${x.direction === "backward" ? me.seekIndicatorLeft : me.seekIndicatorRight}`,
+        className: `${me.seekIndicator} ${me.seekIndicatorVisible} ${I.direction === "backward" ? me.seekIndicatorLeft : me.seekIndicatorRight}`,
         children: [
-          x.direction === "backward" ? "-" : "+",
-          Te(x.time)
+          I.direction === "backward" ? "-" : "+",
+          Te(I.time)
         ]
       }
     )
   ] });
 }
 function ro() {
-  const e = f((c) => c.isPlaying), t = f((c) => c.pause), n = f((c) => c.getPauseTimeDiff), r = f((c) => c.play), s = $((c) => c.delay), l = $((c) => c.setDelay), u = $((c) => c.startDate), i = u ? u.getTime() : 0;
+  const e = f((c) => c.isPlaying), t = f((c) => c.pause), n = f((c) => c.getPauseTimeDiff), r = f((c) => c.play), s = U((c) => c.delay), l = U((c) => c.setDelay), u = U((c) => c.startDate), i = u ? u.getTime() : 0;
   return /* @__PURE__ */ a.jsx(
     nn,
     {
@@ -1986,7 +1986,7 @@ const oo = "_playerButton_izwqq_1", io = "_playerButtonCircle_izwqq_42", Et = {
   (s, r) => {
     var l = s, { shape: e = "circle", className: t } = l, n = re(l, ["shape", "className"]);
     const u = e === "circle" ? Et.playerButtonCircle : "", i = [Et.playerButton, u, t].filter(Boolean).join(" ");
-    return /* @__PURE__ */ a.jsx("button", M({ ref: r, className: i }, n));
+    return /* @__PURE__ */ a.jsx("button", F({ ref: r, className: i }, n));
   }
 );
 le.displayName = "PlayerButton";
@@ -1997,10 +1997,10 @@ const so = "_liveIndicator_1jczn_1", ao = "_liveIndicatorHasDelay_1jczn_9", lo =
 };
 function co(n) {
   var r = n, { message: e } = r, t = re(r, ["message"]);
-  const s = f((d) => d.restart), l = $((d) => d.delay), u = $((d) => d.setDelay), i = () => {
+  const s = f((d) => d.restart), l = U((d) => d.delay), u = U((d) => d.setDelay), i = () => {
     l && (s(), u(0));
   }, c = l ? `${ke.liveIndicator} ${ke.liveIndicatorHasDelay}` : `${ke.liveIndicator} ${ke.liveIndicatorNoDelay}`;
-  return /* @__PURE__ */ a.jsxs(le, he(M({ onClick: i, shape: "square" }, t), { children: [
+  return /* @__PURE__ */ a.jsxs(le, he(F({ onClick: i, shape: "square" }, t), { children: [
     /* @__PURE__ */ a.jsx("div", { className: c }),
     e || "Live"
   ] }));
@@ -2028,7 +2028,7 @@ function on() {
   );
 }
 function uo() {
-  const e = f((i) => i.isPlaying), t = f((i) => i.pause), n = f((i) => i.getPauseTimeDiff), r = f((i) => i.play), s = $((i) => i.delay), l = $((i) => i.setDelay), u = () => {
+  const e = f((i) => i.isPlaying), t = f((i) => i.pause), n = f((i) => i.getPauseTimeDiff), r = f((i) => i.play), s = U((i) => i.delay), l = U((i) => i.setDelay), u = () => {
     if (e)
       t();
     else {
@@ -2053,7 +2053,7 @@ const fo = "_progressSlider_hwzgf_1", ho = "_tipContainer_hwzgf_7", mo = "_tipCo
   var u = l, { max: e = 100, min: t = 0, className: n } = u, r = re(u, ["max", "min", "className"]);
   return /* @__PURE__ */ a.jsxs(
     Le.Root,
-    he(M({
+    he(F({
       ref: s,
       min: t,
       max: e,
@@ -2086,44 +2086,44 @@ function Fe(e) {
 }
 const St = "vod-player-progress-bar";
 function To() {
-  const e = F(null), t = F(null), [n, r] = G(0), [s, l] = G(0), [u, i] = G(!1), [c, d] = G(-1), [g, T] = G(-1), y = $((k) => k.delay), x = $((k) => k.startDate), L = x ? x.getTime() : 0, C = (/* @__PURE__ */ new Date()).getTime(), w = $((k) => k.setDelay), S = f((k) => k.isPlaying), P = f((k) => k.addIdleLock), R = f((k) => k.removeIdleLock), B = O(() => {
-    r(Jt(L, y)), l(Fr(L, C));
-  }, [y, C, L]), V = parseFloat(
+  const e = A(null), t = A(null), [n, r] = G(0), [s, l] = G(0), [u, i] = G(!1), [c, d] = G(-1), [g, _] = G(-1), y = U((D) => D.delay), I = U((D) => D.startDate), E = I ? I.getTime() : 0, x = (/* @__PURE__ */ new Date()).getTime(), S = U((D) => D.setDelay), w = f((D) => D.isPlaying), P = f((D) => D.addIdleLock), R = f((D) => D.removeIdleLock), B = H(() => {
+    r(Jt(E, y)), l(Fr(E, x));
+  }, [y, x, E]), O = parseFloat(
     (s ? (g !== -1 ? g : n) / s * 100 : 0).toFixed(1)
-  ), m = (k) => {
-    T(s * (k[0] / 100)), P(St);
+  ), m = (D) => {
+    _(s * (D[0] / 100)), P(St);
   }, v = () => {
     if (g !== -1) {
-      const k = Xt(L, g);
-      w(k), T(-1), R(St);
+      const D = Xt(E, g);
+      S(D), _(-1), R(St);
     }
-  }, U = () => i(!0), I = () => i(!1), A = O(
-    (k) => {
+  }, L = () => i(!0), k = () => i(!1), N = H(
+    (D) => {
       const J = e.current, Y = t.current;
       if (J && Y) {
-        const Z = Fe(J), oe = Fe(Y), ue = (k.pageX || k.clientX) - Z.left, ne = ue / Z.width;
+        const Z = Fe(J), oe = Fe(Y), ue = (D.pageX || D.clientX) - Z.left, ne = ue / Z.width;
         if (ne < 0) return;
         let K = ue - oe.width / 2;
         K < 0 && (K = 0), K > Z.width - oe.width && (K = -1), Y.style.left = K > -1 ? `${K}px` : "auto", Y.style.right = K > -1 ? "auto" : "0px";
         const pe = s - ne * s;
         d(pe > 0 ? pe : 0);
       }
-      U();
+      L();
     },
     [s]
   );
-  return Ce(() => B(), S ? 1e3 : null), N(() => {
-    const k = requestAnimationFrame(() => B());
-    return () => cancelAnimationFrame(k);
+  return Ce(() => B(), w ? 1e3 : null), V(() => {
+    const D = requestAnimationFrame(() => B());
+    return () => cancelAnimationFrame(D);
   }, [B]), /* @__PURE__ */ a.jsxs("div", { className: se.progressSlider, children: [
     /* @__PURE__ */ a.jsx(
       Ae,
       {
         ref: e,
-        value: [V],
-        onPointerLeave: I,
-        onPointerDown: I,
-        onPointerMove: A,
+        value: [O],
+        onPointerLeave: k,
+        onPointerDown: k,
+        onPointerMove: N,
         onValueChange: m,
         onValueCommit: v,
         step: 0.1
@@ -2151,7 +2151,7 @@ function xo() {
   );
 }
 function Co() {
-  const e = $((s) => s.startDate), t = $((s) => s.setDelay), n = e ? e.getTime() : 0, r = () => t(Xt(n));
+  const e = U((s) => s.startDate), t = U((s) => s.setDelay), n = e ? e.getTime() : 0, r = () => t(Xt(n));
   return /* @__PURE__ */ a.jsx(le, { onClick: r, children: /* @__PURE__ */ a.jsx(xo, {}) });
 }
 const Eo = "_viewersContainer_z1ihz_1", So = "_viewersIndicator_z1ihz_16", Ro = "_viewersIcon_z1ihz_24", bo = "_viewersCount_z1ihz_28", Me = {
@@ -2161,7 +2161,7 @@ const Eo = "_viewersContainer_z1ihz_1", So = "_viewersIndicator_z1ihz_16", Ro =
   viewersCount: bo
 };
 function Po() {
-  const e = $((t) => t.viewerCount);
+  const e = U((t) => t.viewerCount);
   return e ? /* @__PURE__ */ a.jsxs("div", { className: Me.viewersContainer, children: [
     /* @__PURE__ */ a.jsx("span", { className: Me.viewersIndicator }),
     /* @__PURE__ */ a.jsxs(
@@ -2239,7 +2239,7 @@ function Ao() {
   );
 }
 function an() {
-  const e = f((d) => d.containerRef), t = f((d) => d.exitFullscreen), n = f((d) => d.isFullscreen), r = f((d) => d.requestFullscreen), s = f((d) => d.setIsFullscreen), l = f((d) => d.setIsFullscreenReady), u = f((d) => d.techRef), i = O(
+  const e = f((d) => d.containerRef), t = f((d) => d.exitFullscreen), n = f((d) => d.isFullscreen), r = f((d) => d.requestFullscreen), s = f((d) => d.setIsFullscreen), l = f((d) => d.setIsFullscreenReady), u = f((d) => d.techRef), i = H(
     (d) => {
       d.stopPropagation(), s(ir());
     },
@@ -2247,11 +2247,11 @@ function an() {
   ), c = () => {
     n ? t() : r();
   };
-  return N(() => {
+  return V(() => {
     const d = zt ? u.current : e.current;
     if (d)
       return lr(d, i);
-  }, [e, i, u]), N(() => {
+  }, [e, i, u]), V(() => {
     l(!0);
   }, [l]), /* @__PURE__ */ a.jsx(le, { onClick: c, children: n ? /* @__PURE__ */ a.jsx(Ao, {}) : /* @__PURE__ */ a.jsx(Vo, {}) });
 }
@@ -2261,14 +2261,14 @@ const Oo = "_idleCheckContainer_crh2s_1", Ho = "_idleCheckContainerIdle_crh2s_5"
   idleCheckContainerActive: $o
 }, Uo = 5 * 1e3;
 function ln({ children: e }) {
-  const t = F(null), n = f((y) => y.isIdle), r = f((y) => y.setIsIdle), s = F(null), u = f((y) => y.idleLocks).size, i = f((y) => y.eventEmitter), c = O(() => {
+  const t = A(null), n = f((y) => y.isIdle), r = f((y) => y.setIsIdle), s = A(null), u = f((y) => y.idleLocks).size, i = f((y) => y.eventEmitter), c = H(() => {
     s.current !== null && (window.clearTimeout(s.current), s.current = null);
-  }, []), d = O(() => {
+  }, []), d = H(() => {
     c(), s.current = window.setTimeout(() => r(!0), Uo);
   }, [c, r]);
-  N(() => (r(!1), d(), () => {
+  V(() => (r(!1), d(), () => {
     c();
-  }), [c, r, d]), N(() => {
+  }), [c, r, d]), V(() => {
     const y = () => {
       r(!1), d();
     };
@@ -2276,18 +2276,18 @@ function ln({ children: e }) {
       i.off("resetIdle", y);
     };
   }, [i, r, d]);
-  const g = n && !u, T = `${Ke.idleCheckContainer} ${g ? Ke.idleCheckContainerIdle : Ke.idleCheckContainerActive}`;
-  return /* @__PURE__ */ a.jsx("div", { ref: t, className: T, children: e });
+  const g = n && !u, _ = `${Ke.idleCheckContainer} ${g ? Ke.idleCheckContainerIdle : Ke.idleCheckContainerActive}`;
+  return /* @__PURE__ */ a.jsx("div", { ref: t, className: _, children: e });
 }
 const Bo = "_spinner_oo4hi_10", Wo = {
   spinner: Bo
 };
 function zo(e) {
-  return /* @__PURE__ */ a.jsx("div", M({ className: Wo.spinner }, e));
+  return /* @__PURE__ */ a.jsx("div", F({ className: Wo.spinner }, e));
 }
 function qo(e, t = 500) {
   const [n, r] = G(e);
-  return N(() => {
+  return V(() => {
     const s = window.setTimeout(() => r(e), t);
     return () => {
       window.clearTimeout(s);
@@ -2300,7 +2300,7 @@ const Yo = "_loadingContainer_v9v7r_1", Zo = {
 function cn(n) {
   var r = n, { style: e } = r, t = re(r, ["style"]);
   const s = f((u) => u.isLoading);
-  return qo(s, 100) ? /* @__PURE__ */ a.jsx("div", he(M({ className: Zo.loadingContainer, style: e }, t), { children: /* @__PURE__ */ a.jsx(zo, {}) })) : null;
+  return qo(s, 100) ? /* @__PURE__ */ a.jsx("div", he(F({ className: Zo.loadingContainer, style: e }, t), { children: /* @__PURE__ */ a.jsx(zo, {}) })) : null;
 }
 function Ko() {
   return /* @__PURE__ */ a.jsx(
@@ -2335,7 +2335,7 @@ const Xo = "_dropdownMenuContent_b7j6b_1", Jo = "_dropdownMenuItem_b7j6b_83", Qo
   var u = l, { sideOffset: e = 4, className: t, children: n } = u, r = re(u, ["sideOffset", "className", "children"]);
   return /* @__PURE__ */ a.jsx(
     xe.Content,
-    he(M({
+    he(F({
       ref: s,
       sideOffset: e,
       className: [ve.dropdownMenuContent, t].filter(Boolean).join(" "),
@@ -2378,7 +2378,7 @@ const dn = Ve((s, r) => {
   };
   return /* @__PURE__ */ a.jsx(xe.Close, { asChild: !0, children: /* @__PURE__ */ a.jsx(
     "div",
-    M({
+    F({
       ref: r,
       className: [ve.dropdownMenuItem, e].filter(Boolean).join(" "),
       role: "menuitem",
@@ -2391,7 +2391,7 @@ const dn = Ve((s, r) => {
 dn.displayName = "PlayerMenuItem";
 const Rt = "settings";
 function fn() {
-  const [e, t] = G(!1), n = f((c) => c.containerRef), r = f((c) => c.addIdleLock), s = f((c) => c.removeIdleLock), l = f((c) => c.levels), u = f((c) => c.setLevel), i = O(
+  const [e, t] = G(!1), n = f((c) => c.containerRef), r = f((c) => c.addIdleLock), s = f((c) => c.removeIdleLock), l = f((c) => c.levels), u = f((c) => c.setLevel), i = H(
     (c) => {
       t(c), c ? r(Rt) : s(Rt);
     },
@@ -2468,7 +2468,7 @@ function hn() {
   ] });
 }
 function Pi(e) {
-  return /* @__PURE__ */ a.jsx($r, { children: /* @__PURE__ */ a.jsx(di, M({}, e)) });
+  return /* @__PURE__ */ a.jsx($r, { children: /* @__PURE__ */ a.jsx(di, F({}, e)) });
 }
 function di({ url: e, messages: t = {}, onEvent: n }) {
   var l, u, i, c;
@@ -2477,7 +2477,7 @@ function di({ url: e, messages: t = {}, onEvent: n }) {
     eventStartingSoon: "Starting in few seconds...",
     unableToPlay: "Unable to play the live stream. Please try again later."
   };
-  return N(() => {
+  return V(() => {
     console.log(`[Player][Live] Version: ${Je.version}`);
   }, []), /* @__PURE__ */ a.jsxs(
     "div",
@@ -2577,22 +2577,22 @@ function hi() {
 }
 const Lt = "vod-player-progress-bar";
 function mi() {
-  const e = F(null), t = F(null), [n, r] = G(!1), [s, l] = G(-1), [u, i] = G(-1), c = f((R) => R.currentTime), d = f((R) => R.duration), g = f((R) => R.seek), T = f((R) => R.addIdleLock), y = f((R) => R.removeIdleLock), x = parseFloat(
+  const e = A(null), t = A(null), [n, r] = G(!1), [s, l] = G(-1), [u, i] = G(-1), c = f((R) => R.currentTime), d = f((R) => R.duration), g = f((R) => R.seek), _ = f((R) => R.addIdleLock), y = f((R) => R.removeIdleLock), I = parseFloat(
     (d ? (u !== -1 ? u : c) / d * 100 : 0).toFixed(1)
-  ), L = (R) => {
-    i(d * (R[0] / 100)), T(Lt);
-  }, C = () => {
+  ), E = (R) => {
+    i(d * (R[0] / 100)), _(Lt);
+  }, x = () => {
     u !== -1 && (g(u), i(-1), y(Lt));
-  }, w = () => r(!0), S = () => r(!1), P = O(
+  }, S = () => r(!0), w = () => r(!1), P = H(
     (R) => {
-      const B = e.current, V = t.current;
-      if (B && V) {
-        const m = Fe(B), v = Fe(V), U = (R.pageX || R.clientX) - m.left, I = U / m.width;
-        if (I < 0) return;
-        let A = U - v.width / 2;
-        A < 0 && (A = 0), A > m.width - v.width && (A = -1), V.style.left = A > -1 ? `${A}px` : "auto", V.style.right = A > -1 ? "auto" : "0px", l(I * d);
+      const B = e.current, O = t.current;
+      if (B && O) {
+        const m = Fe(B), v = Fe(O), L = (R.pageX || R.clientX) - m.left, k = L / m.width;
+        if (k < 0) return;
+        let N = L - v.width / 2;
+        N < 0 && (N = 0), N > m.width - v.width && (N = -1), O.style.left = N > -1 ? `${N}px` : "auto", O.style.right = N > -1 ? "auto" : "0px", l(k * d);
       }
-      w();
+      S();
     },
     [d]
   );
@@ -2601,12 +2601,12 @@ function mi() {
       Ae,
       {
         ref: e,
-        value: [x],
-        onPointerLeave: S,
-        onPointerDown: S,
+        value: [I],
+        onPointerLeave: w,
+        onPointerDown: w,
         onPointerMove: P,
-        onValueChange: L,
-        onValueCommit: C,
+        onValueChange: E,
+        onValueCommit: x,
         step: 0.1
       }
     ),
@@ -2639,7 +2639,7 @@ function wi({ url: e }) {
 }
 function _i({ callback: e }) {
   const t = f((n) => n.eventEmitter);
-  return N(() => {
+  return V(() => {
     const n = (r) => e("timeUpdate", r);
     return t.on("timeUpdate", n), () => {
       t.off("timeUpdate", n);
@@ -2647,7 +2647,7 @@ function _i({ callback: e }) {
   }, [e, t]), /* @__PURE__ */ a.jsx(Gt, { callback: e });
 }
 function Ti() {
-  const e = f((i) => i.currentTime), t = f((i) => i.duration), n = f((i) => i.isPlaying), r = f((i) => i.pause), s = f((i) => i.play), l = f((i) => i.seek), u = O(
+  const e = f((i) => i.currentTime), t = f((i) => i.duration), n = f((i) => i.isPlaying), r = f((i) => i.pause), s = f((i) => i.play), l = f((i) => i.seek), u = H(
     (i) => {
       let c = !1;
       if (!(i.target instanceof HTMLInputElement || i.ctrlKey)) {
@@ -2667,21 +2667,21 @@ function Ti() {
     },
     [e, t, n, r, s, l]
   );
-  return N(() => (document.addEventListener("keydown", u), () => {
+  return V(() => (document.addEventListener("keydown", u), () => {
     document.removeEventListener("keydown", u);
   }), [u]), /* @__PURE__ */ a.jsx(Qt, {});
 }
 function Li(e) {
-  return /* @__PURE__ */ a.jsx(en, { children: /* @__PURE__ */ a.jsx(xi, M({}, e)) });
+  return /* @__PURE__ */ a.jsx(en, { children: /* @__PURE__ */ a.jsx(xi, F({}, e)) });
 }
 function xi({ url: e, messages: t, onEvent: n, startTime: r }) {
   var i;
   const s = f((c) => c.setStartTime), l = f((c) => c.containerRef), u = {
     unableToPlay: "Unable to play the video. Please try again later."
   };
-  return N(() => {
+  return V(() => {
     r && s(r);
-  }, [r, s]), N(() => {
+  }, [r, s]), V(() => {
     console.log(`[Player][VOD] Version: ${Je.version}`);
   }, []), /* @__PURE__ */ a.jsxs(
     "div",