@halibegic/react-video-player 0.0.48 → 0.0.50

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

@@ -1,15 +1,15 @@
-var Vn = Object.defineProperty, Nn = Object.defineProperties;
+var Nn = Object.defineProperty, Vn = Object.defineProperties;
 var An = Object.getOwnPropertyDescriptors;
 var Se = Object.getOwnPropertySymbols;
 var vt = Object.prototype.hasOwnProperty, yt = Object.prototype.propertyIsEnumerable;
-var pt = (e, t, n) => t in e ? Vn(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, j = (e, t) => {
+var pt = (e, t, n) => t in e ? Nn(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, P = (e, t) => {
   for (var n in t || (t = {}))
     vt.call(t, n) && pt(e, n, t[n]);
   if (Se)
     for (var n of Se(t))
       yt.call(t, n) && pt(e, n, t[n]);
   return e;
-}, he = (e, t) => Nn(e, An(t));
+}, he = (e, t) => Vn(e, An(t));
 var ne = (e, t) => {
   var n = {};
   for (var o in e)
@@ -19,12 +19,12 @@ var ne = (e, t) => {
       t.indexOf(o) < 0 && yt.call(e, o) && (n[o] = e[o]);
   return n;
 };
-import St, { useLayoutEffect as On, useEffect as D, useRef as N, useState as G, createContext as jt, useContext as Pt, useCallback as W, forwardRef as Ve } from "react";
+import St, { useLayoutEffect as On, useEffect as D, useRef as V, useState as X, createContext as jt, useContext as Pt, useCallback as z, forwardRef as Ne } from "react";
 import { create as Lt, useStore as It } from "zustand";
 import Hn from "mitt";
 import re from "hls.js";
 import * as je from "@radix-ui/react-slider";
-import * as Te from "@radix-ui/react-popover";
+import * as xe from "@radix-ui/react-popover";
 import * as Pe from "@radix-ui/react-scroll-area";
 function kt(e) {
   var t = this.constructor;
@@ -52,46 +52,46 @@ function Dt(e) {
       );
     var a = Array.prototype.slice.call(e);
     if (a.length === 0) return n([]);
-    var l = a.length;
-    function u(c, d) {
+    var c = a.length;
+    function u(l, d) {
       if (d && (typeof d == "object" || typeof d == "function")) {
         var v = d.then;
         if (typeof v == "function") {
           v.call(
             d,
             function(y) {
-              u(c, y);
+              u(l, y);
             },
             function(y) {
-              a[c] = { status: "rejected", reason: y }, --l === 0 && n(a);
+              a[l] = { status: "rejected", reason: y }, --c === 0 && n(a);
             }
           );
           return;
         }
       }
-      a[c] = { status: "fulfilled", value: d }, --l === 0 && n(a);
+      a[l] = { status: "fulfilled", value: d }, --c === 0 && n(a);
     }
     for (var i = 0; i < a.length; i++)
       u(i, a[i]);
   });
 }
-function Ft(e, t) {
+function Mt(e, t) {
   this.name = "AggregateError", this.errors = e, this.message = t || "";
 }
-Ft.prototype = Error.prototype;
-function Mt(e) {
+Mt.prototype = Error.prototype;
+function Ft(e) {
   var t = this;
   return new t(function(n, o) {
     if (!(e && typeof e.length != "undefined"))
       return o(new TypeError("Promise.any accepts an array"));
     var a = Array.prototype.slice.call(e);
     if (a.length === 0) return o();
-    for (var l = [], u = 0; u < a.length; u++)
+    for (var c = [], u = 0; u < a.length; u++)
       try {
         t.resolve(a[u]).then(n).catch(function(i) {
-          l.push(i), l.length === a.length && o(
-            new Ft(
-              l,
+          c.push(i), c.length === a.length && o(
+            new Mt(
+              c,
               "All promises were rejected"
             )
           );
@@ -102,7 +102,7 @@ function Mt(e) {
   });
 }
 var $n = setTimeout;
-function Vt(e) {
+function Nt(e) {
   return !!(e && typeof e.length != "undefined");
 }
 function Un() {
@@ -112,30 +112,30 @@ function Bn(e, t) {
     e.apply(t, arguments);
   };
 }
-function M(e) {
-  if (!(this instanceof M))
+function F(e) {
+  if (!(this instanceof F))
     throw new TypeError("Promises must be constructed via new");
   if (typeof e != "function") throw new TypeError("not a function");
   this._state = 0, this._handled = !1, this._value = void 0, this._deferreds = [], At(e, this);
 }
-function Nt(e, t) {
+function Vt(e, t) {
   for (; e._state === 3; )
     e = e._value;
   if (e._state === 0) {
     e._deferreds.push(t);
     return;
   }
-  e._handled = !0, M._immediateFn(function() {
+  e._handled = !0, F._immediateFn(function() {
     var n = e._state === 1 ? t.onFulfilled : t.onRejected;
     if (n === null) {
-      (e._state === 1 ? Ke : xe)(t.promise, e._value);
+      (e._state === 1 ? Ke : Te)(t.promise, e._value);
       return;
     }
     var o;
     try {
       o = n(e._value);
     } catch (a) {
-      xe(t.promise, a);
+      Te(t.promise, a);
       return;
     }
     Ke(t.promise, o);
@@ -147,7 +147,7 @@ function Ke(e, t) {
       throw new TypeError("A promise cannot be resolved with itself.");
     if (t && (typeof t == "object" || typeof t == "function")) {
       var n = t.then;
-      if (t instanceof M) {
+      if (t instanceof F) {
         e._state = 3, e._value = t, Ye(e);
         return;
       } else if (typeof n == "function") {
@@ -157,18 +157,18 @@ function Ke(e, t) {
     }
     e._state = 1, e._value = t, Ye(e);
   } catch (o) {
-    xe(e, o);
+    Te(e, o);
   }
 }
-function xe(e, t) {
+function Te(e, t) {
   e._state = 2, e._value = t, Ye(e);
 }
 function Ye(e) {
-  e._state === 2 && e._deferreds.length === 0 && M._immediateFn(function() {
-    e._handled || M._unhandledRejectionFn(e._value);
+  e._state === 2 && e._deferreds.length === 0 && F._immediateFn(function() {
+    e._handled || F._unhandledRejectionFn(e._value);
   });
   for (var t = 0, n = e._deferreds.length; t < n; t++)
-    Nt(e, e._deferreds[t]);
+    Vt(e, e._deferreds[t]);
   e._deferreds = null;
 }
 function zn(e, t, n) {
@@ -182,80 +182,80 @@ function At(e, t) {
         n || (n = !0, Ke(t, o));
       },
       function(o) {
-        n || (n = !0, xe(t, o));
+        n || (n = !0, Te(t, o));
       }
     );
   } catch (o) {
     if (n) return;
-    n = !0, xe(t, o);
+    n = !0, Te(t, o);
   }
 }
-M.prototype.catch = function(e) {
+F.prototype.catch = function(e) {
   return this.then(null, e);
 };
-M.prototype.then = function(e, t) {
+F.prototype.then = function(e, t) {
   var n = new this.constructor(Un);
-  return Nt(this, new zn(e, t, n)), n;
+  return Vt(this, new zn(e, t, n)), n;
 };
-M.prototype.finally = kt;
-M.all = function(e) {
-  return new M(function(t, n) {
-    if (!Vt(e))
+F.prototype.finally = kt;
+F.all = function(e) {
+  return new F(function(t, n) {
+    if (!Nt(e))
       return n(new TypeError("Promise.all accepts an array"));
     var o = Array.prototype.slice.call(e);
     if (o.length === 0) return t([]);
     var a = o.length;
-    function l(i, c) {
+    function c(i, l) {
       try {
-        if (c && (typeof c == "object" || typeof c == "function")) {
-          var d = c.then;
+        if (l && (typeof l == "object" || typeof l == "function")) {
+          var d = l.then;
           if (typeof d == "function") {
             d.call(
-              c,
+              l,
               function(v) {
-                l(i, v);
+                c(i, v);
               },
               n
             );
             return;
           }
         }
-        o[i] = c, --a === 0 && t(o);
+        o[i] = l, --a === 0 && t(o);
       } catch (v) {
         n(v);
       }
     }
     for (var u = 0; u < o.length; u++)
-      l(u, o[u]);
+      c(u, o[u]);
   });
 };
-M.any = Mt;
-M.allSettled = Dt;
-M.resolve = function(e) {
-  return e && typeof e == "object" && e.constructor === M ? e : new M(function(t) {
+F.any = Ft;
+F.allSettled = Dt;
+F.resolve = function(e) {
+  return e && typeof e == "object" && e.constructor === F ? e : new F(function(t) {
     t(e);
   });
 };
-M.reject = function(e) {
-  return new M(function(t, n) {
+F.reject = function(e) {
+  return new F(function(t, n) {
     n(e);
   });
 };
-M.race = function(e) {
-  return new M(function(t, n) {
-    if (!Vt(e))
+F.race = function(e) {
+  return new F(function(t, n) {
+    if (!Nt(e))
       return n(new TypeError("Promise.race accepts an array"));
     for (var o = 0, a = e.length; o < a; o++)
-      M.resolve(e[o]).then(t, n);
+      F.resolve(e[o]).then(t, n);
   });
 };
-M._immediateFn = // @ts-ignore
+F._immediateFn = // @ts-ignore
 typeof setImmediate == "function" && function(e) {
   setImmediate(e);
 } || function(e) {
   $n(e, 0);
 };
-M._unhandledRejectionFn = function(t) {
+F._unhandledRejectionFn = function(t) {
   typeof console != "undefined" && console && console.warn("Possible Unhandled Promise Rejection:", t);
 };
 var ae = (function() {
@@ -267,66 +267,66 @@ var ae = (function() {
     return global;
   throw new Error("unable to locate global object");
 })();
-typeof ae.Promise != "function" ? ae.Promise = M : (ae.Promise.prototype.finally || (ae.Promise.prototype.finally = kt), ae.Promise.allSettled || (ae.Promise.allSettled = Dt), ae.Promise.any || (ae.Promise.any = Mt));
+typeof ae.Promise != "function" ? ae.Promise = F : (ae.Promise.prototype.finally || (ae.Promise.prototype.finally = kt), ae.Promise.allSettled || (ae.Promise.allSettled = Dt), ae.Promise.any || (ae.Promise.any = Ft));
 var Le = { exports: {} }, ge = {};
 var gt;
 function Wn() {
   if (gt) return ge;
   gt = 1;
-  var e = St, t = Symbol.for("react.element"), n = Symbol.for("react.fragment"), o = Object.prototype.hasOwnProperty, a = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, l = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function u(i, c, d) {
-    var v, y = {}, g = null, P = null;
-    d !== void 0 && (g = "" + d), c.key !== void 0 && (g = "" + c.key), c.ref !== void 0 && (P = c.ref);
-    for (v in c) o.call(c, v) && !l.hasOwnProperty(v) && (y[v] = c[v]);
-    if (i && i.defaultProps) for (v in c = i.defaultProps, c) y[v] === void 0 && (y[v] = c[v]);
-    return { $$typeof: t, type: i, key: g, ref: P, props: y, _owner: a.current };
+  var e = St, t = Symbol.for("react.element"), n = Symbol.for("react.fragment"), o = Object.prototype.hasOwnProperty, a = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, c = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function u(i, l, d) {
+    var v, y = {}, g = null, L = null;
+    d !== void 0 && (g = "" + d), l.key !== void 0 && (g = "" + l.key), l.ref !== void 0 && (L = l.ref);
+    for (v in l) o.call(l, v) && !c.hasOwnProperty(v) && (y[v] = l[v]);
+    if (i && i.defaultProps) for (v in l = i.defaultProps, l) y[v] === void 0 && (y[v] = l[v]);
+    return { $$typeof: t, type: i, key: g, ref: L, props: y, _owner: a.current };
   }
   return ge.Fragment = n, ge.jsx = u, ge.jsxs = u, ge;
 }
 var we = {};
 var wt;
-function Zn() {
+function qn() {
   return wt || (wt = 1, process.env.NODE_ENV !== "production" && (function() {
-    var e = St, t = Symbol.for("react.element"), n = Symbol.for("react.portal"), o = Symbol.for("react.fragment"), a = Symbol.for("react.strict_mode"), l = Symbol.for("react.profiler"), u = Symbol.for("react.provider"), i = Symbol.for("react.context"), c = Symbol.for("react.forward_ref"), d = Symbol.for("react.suspense"), v = Symbol.for("react.suspense_list"), y = Symbol.for("react.memo"), g = Symbol.for("react.lazy"), P = Symbol.for("react.offscreen"), k = Symbol.iterator, _ = "@@iterator";
-    function S(r) {
+    var e = St, t = Symbol.for("react.element"), n = Symbol.for("react.portal"), o = Symbol.for("react.fragment"), a = Symbol.for("react.strict_mode"), c = Symbol.for("react.profiler"), u = Symbol.for("react.provider"), i = Symbol.for("react.context"), l = Symbol.for("react.forward_ref"), d = Symbol.for("react.suspense"), v = Symbol.for("react.suspense_list"), y = Symbol.for("react.memo"), g = Symbol.for("react.lazy"), L = Symbol.for("react.offscreen"), k = Symbol.iterator, _ = "@@iterator";
+    function j(r) {
       if (r === null || typeof r != "object")
         return null;
       var h = k && r[k] || r[_];
       return typeof h == "function" ? h : null;
     }
-    var V = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    var N = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function R(r) {
       {
-        for (var h = arguments.length, m = new Array(h > 1 ? h - 1 : 0), w = 1; w < h; w++)
-          m[w - 1] = arguments[w];
-        L("error", r, m);
+        for (var h = arguments.length, p = new Array(h > 1 ? h - 1 : 0), w = 1; w < h; w++)
+          p[w - 1] = arguments[w];
+        I("error", r, p);
       }
     }
-    function L(r, h, m) {
+    function I(r, h, p) {
       {
-        var w = V.ReactDebugCurrentFrame, E = w.getStackAddendum();
-        E !== "" && (h += "%s", m = m.concat([E]));
-        var b = m.map(function(C) {
+        var w = N.ReactDebugCurrentFrame, E = w.getStackAddendum();
+        E !== "" && (h += "%s", p = p.concat([E]));
+        var S = p.map(function(C) {
           return String(C);
         });
-        b.unshift("Warning: " + h), Function.prototype.apply.call(console[r], console, b);
+        S.unshift("Warning: " + h), Function.prototype.apply.call(console[r], console, S);
       }
     }
-    var x = !1, F = !1, p = !1, U = !1, Y = !1, z;
-    z = Symbol.for("react.module.reference");
-    function O(r) {
-      return !!(typeof r == "string" || typeof r == "function" || r === o || r === l || Y || r === a || r === d || r === v || U || r === P || x || F || p || typeof r == "object" && r !== null && (r.$$typeof === g || r.$$typeof === y || r.$$typeof === u || r.$$typeof === i || r.$$typeof === c || // This needs to include all possible module reference object
+    var T = !1, M = !1, m = !1, O = !1, G = !1, Z;
+    Z = Symbol.for("react.module.reference");
+    function H(r) {
+      return !!(typeof r == "string" || typeof r == "function" || r === o || r === c || G || r === a || r === d || r === v || O || r === L || T || M || m || typeof r == "object" && r !== null && (r.$$typeof === g || r.$$typeof === y || r.$$typeof === u || r.$$typeof === i || r.$$typeof === l || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
-      r.$$typeof === z || r.getModuleId !== void 0));
+      r.$$typeof === Z || r.getModuleId !== void 0));
     }
-    function I(r, h, m) {
+    function b(r, h, p) {
       var w = r.displayName;
       if (w)
         return w;
       var E = h.displayName || h.name || "";
-      return E !== "" ? m + "(" + E + ")" : m;
+      return E !== "" ? p + "(" + E + ")" : p;
     }
     function Q(r) {
       return r.displayName || "Context";
@@ -343,7 +343,7 @@ function Zn() {
           return "Fragment";
         case n:
           return "Portal";
-        case l:
+        case c:
           return "Profiler";
         case a:
           return "StrictMode";
@@ -358,25 +358,25 @@ function Zn() {
             var h = r;
             return Q(h) + ".Consumer";
           case u:
-            var m = r;
-            return Q(m._context) + ".Provider";
-          case c:
-            return I(r, r.render, "ForwardRef");
+            var p = r;
+            return Q(p._context) + ".Provider";
+          case l:
+            return b(r, r.render, "ForwardRef");
           case y:
             var w = r.displayName || null;
             return w !== null ? w : K(r.type) || "Memo";
           case g: {
-            var E = r, b = E._payload, C = E._init;
+            var E = r, S = E._payload, C = E._init;
             try {
-              return K(C(b));
-            } catch (T) {
+              return K(C(S));
+            } catch (x) {
               return null;
             }
           }
         }
       return null;
     }
-    var Z = Object.assign, oe = 0, ue, te, q, ve, Xe, Ge, Je;
+    var W = Object.assign, oe = 0, ue, te, q, ve, Xe, Ge, Je;
     function Qe() {
     }
     Qe.__reactDisabledLog = !0;
@@ -412,25 +412,25 @@ function Zn() {
             writable: !0
           };
           Object.defineProperties(console, {
-            log: Z({}, r, {
+            log: W({}, r, {
               value: ue
             }),
-            info: Z({}, r, {
+            info: W({}, r, {
               value: te
             }),
-            warn: Z({}, r, {
+            warn: W({}, r, {
               value: q
             }),
-            error: Z({}, r, {
+            error: W({}, r, {
               value: ve
             }),
-            group: Z({}, r, {
+            group: W({}, r, {
               value: Xe
             }),
-            groupCollapsed: Z({}, r, {
+            groupCollapsed: W({}, r, {
               value: Ge
             }),
-            groupEnd: Z({}, r, {
+            groupEnd: W({}, r, {
               value: Je
             })
           });
@@ -438,8 +438,8 @@ function Zn() {
         oe < 0 && R("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var Oe = V.ReactCurrentDispatcher, He;
-    function Ce(r, h, m) {
+    var Oe = N.ReactCurrentDispatcher, He;
+    function Ce(r, h, p) {
       {
         if (He === void 0)
           try {
@@ -461,16 +461,16 @@ function Zn() {
       if (!r || $e)
         return "";
       {
-        var m = Ee.get(r);
-        if (m !== void 0)
-          return m;
+        var p = Ee.get(r);
+        if (p !== void 0)
+          return p;
       }
       var w;
       $e = !0;
       var E = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var b;
-      b = Oe.current, Oe.current = null, cn();
+      var S;
+      S = Oe.current, Oe.current = null, cn();
       try {
         if (h) {
           var C = function() {
@@ -505,37 +505,37 @@ function Zn() {
         }
       } catch (J) {
         if (J && w && typeof J.stack == "string") {
-          for (var T = J.stack.split(`
-`), X = w.stack.split(`
-`), H = T.length - 1, $ = X.length - 1; H >= 1 && $ >= 0 && T[H] !== X[$]; )
-            $--;
-          for (; H >= 1 && $ >= 0; H--, $--)
-            if (T[H] !== X[$]) {
-              if (H !== 1 || $ !== 1)
+          for (var x = J.stack.split(`
+`), Y = w.stack.split(`
+`), $ = x.length - 1, U = Y.length - 1; $ >= 1 && U >= 0 && x[$] !== Y[U]; )
+            U--;
+          for (; $ >= 1 && U >= 0; $--, U--)
+            if (x[$] !== Y[U]) {
+              if ($ !== 1 || U !== 1)
                 do
-                  if (H--, $--, $ < 0 || T[H] !== X[$]) {
+                  if ($--, U--, U < 0 || x[$] !== Y[U]) {
                     var ee = `
-` + T[H].replace(" at new ", " at ");
+` + x[$].replace(" at new ", " at ");
                     return r.displayName && ee.includes("<anonymous>") && (ee = ee.replace("<anonymous>", r.displayName)), typeof r == "function" && Ee.set(r, ee), ee;
                   }
-                while (H >= 1 && $ >= 0);
+                while ($ >= 1 && U >= 0);
               break;
             }
         }
       } finally {
-        $e = !1, Oe.current = b, un(), Error.prepareStackTrace = E;
+        $e = !1, Oe.current = S, un(), Error.prepareStackTrace = E;
       }
       var fe = r ? r.displayName || r.name : "", ce = fe ? Ce(fe) : "";
       return typeof r == "function" && Ee.set(r, ce), ce;
     }
-    function fn(r, h, m) {
+    function fn(r, h, p) {
       return et(r, !1);
     }
     function hn(r) {
       var h = r.prototype;
       return !!(h && h.isReactComponent);
     }
-    function Re(r, h, m) {
+    function Re(r, h, p) {
       if (r == null)
         return "";
       if (typeof r == "function")
@@ -550,44 +550,44 @@ function Zn() {
       }
       if (typeof r == "object")
         switch (r.$$typeof) {
-          case c:
+          case l:
             return fn(r.render);
           case y:
-            return Re(r.type, h, m);
+            return Re(r.type, h, p);
           case g: {
-            var w = r, E = w._payload, b = w._init;
+            var w = r, E = w._payload, S = w._init;
             try {
-              return Re(b(E), h, m);
+              return Re(S(E), h, p);
             } catch (C) {
             }
           }
         }
       return "";
     }
-    var ye = Object.prototype.hasOwnProperty, tt = {}, nt = V.ReactDebugCurrentFrame;
+    var ye = Object.prototype.hasOwnProperty, tt = {}, nt = N.ReactDebugCurrentFrame;
     function be(r) {
       if (r) {
-        var h = r._owner, m = Re(r.type, r._source, h ? h.type : null);
-        nt.setExtraStackFrame(m);
+        var h = r._owner, p = Re(r.type, r._source, h ? h.type : null);
+        nt.setExtraStackFrame(p);
       } else
         nt.setExtraStackFrame(null);
     }
-    function mn(r, h, m, w, E) {
+    function mn(r, h, p, w, E) {
       {
-        var b = Function.call.bind(ye);
+        var S = Function.call.bind(ye);
         for (var C in r)
-          if (b(r, C)) {
-            var T = void 0;
+          if (S(r, C)) {
+            var x = void 0;
             try {
               if (typeof r[C] != "function") {
-                var X = Error((w || "React class") + ": " + m + " type `" + C + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof r[C] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw X.name = "Invariant Violation", X;
+                var Y = Error((w || "React class") + ": " + p + " type `" + C + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof r[C] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw Y.name = "Invariant Violation", Y;
               }
-              T = r[C](h, C, w, m, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (H) {
-              T = H;
+              x = r[C](h, C, w, p, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch ($) {
+              x = $;
             }
-            T && !(T instanceof Error) && (be(E), R("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", w || "React class", m, C, typeof T), be(null)), T instanceof Error && !(T.message in tt) && (tt[T.message] = !0, be(E), R("Failed %s type: %s", m, T.message), be(null));
+            x && !(x instanceof Error) && (be(E), R("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", w || "React class", p, C, typeof x), be(null)), x instanceof Error && !(x.message in tt) && (tt[x.message] = !0, be(E), R("Failed %s type: %s", p, x.message), be(null));
           }
       }
     }
@@ -597,8 +597,8 @@ function Zn() {
     }
     function vn(r) {
       {
-        var h = typeof Symbol == "function" && Symbol.toStringTag, m = h && r[Symbol.toStringTag] || r.constructor.name || "Object";
-        return m;
+        var h = typeof Symbol == "function" && Symbol.toStringTag, p = h && r[Symbol.toStringTag] || r.constructor.name || "Object";
+        return p;
       }
     }
     function yn(r) {
@@ -615,7 +615,7 @@ function Zn() {
       if (yn(r))
         return R("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", vn(r)), rt(r);
     }
-    var it = V.ReactCurrentOwner, gn = {
+    var it = N.ReactCurrentOwner, gn = {
       key: !0,
       ref: !0,
       __self: !0,
@@ -629,7 +629,7 @@ function Zn() {
       }
       return r.ref !== void 0;
     }
-    function xn(r) {
+    function Tn(r) {
       if (ye.call(r, "key")) {
         var h = Object.getOwnPropertyDescriptor(r, "key").get;
         if (h && h.isReactWarning)
@@ -640,80 +640,80 @@ function Zn() {
     function _n(r, h) {
       typeof r.ref == "string" && it.current;
     }
-    function Tn(r, h) {
+    function xn(r, h) {
       {
-        var m = function() {
+        var p = function() {
           st || (st = !0, R("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", h));
         };
-        m.isReactWarning = !0, Object.defineProperty(r, "key", {
-          get: m,
+        p.isReactWarning = !0, Object.defineProperty(r, "key", {
+          get: p,
           configurable: !0
         });
       }
     }
     function Cn(r, h) {
       {
-        var m = function() {
+        var p = function() {
           at || (at = !0, R("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", h));
         };
-        m.isReactWarning = !0, Object.defineProperty(r, "ref", {
-          get: m,
+        p.isReactWarning = !0, Object.defineProperty(r, "ref", {
+          get: p,
           configurable: !0
         });
       }
     }
-    var En = function(r, h, m, w, E, b, C) {
-      var T = {
+    var En = function(r, h, p, w, E, S, C) {
+      var x = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: t,
         // Built-in properties that belong on the element
         type: r,
         key: h,
-        ref: m,
+        ref: p,
         props: C,
         // Record the component responsible for creating this element.
-        _owner: b
+        _owner: S
       };
-      return T._store = {}, Object.defineProperty(T._store, "validated", {
+      return x._store = {}, Object.defineProperty(x._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(T, "_self", {
+      }), Object.defineProperty(x, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
         value: w
-      }), Object.defineProperty(T, "_source", {
+      }), Object.defineProperty(x, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
         value: E
-      }), Object.freeze && (Object.freeze(T.props), Object.freeze(T)), T;
+      }), Object.freeze && (Object.freeze(x.props), Object.freeze(x)), x;
     };
-    function Rn(r, h, m, w, E) {
+    function Rn(r, h, p, w, E) {
       {
-        var b, C = {}, T = null, X = null;
-        m !== void 0 && (ot(m), T = "" + m), xn(h) && (ot(h.key), T = "" + h.key), wn(h) && (X = h.ref, _n(h, E));
-        for (b in h)
-          ye.call(h, b) && !gn.hasOwnProperty(b) && (C[b] = h[b]);
+        var S, C = {}, x = null, Y = null;
+        p !== void 0 && (ot(p), x = "" + p), Tn(h) && (ot(h.key), x = "" + h.key), wn(h) && (Y = h.ref, _n(h, E));
+        for (S in h)
+          ye.call(h, S) && !gn.hasOwnProperty(S) && (C[S] = h[S]);
         if (r && r.defaultProps) {
-          var H = r.defaultProps;
-          for (b in H)
-            C[b] === void 0 && (C[b] = H[b]);
+          var $ = r.defaultProps;
+          for (S in $)
+            C[S] === void 0 && (C[S] = $[S]);
         }
-        if (T || X) {
-          var $ = typeof r == "function" ? r.displayName || r.name || "Unknown" : r;
-          T && Tn(C, $), X && Cn(C, $);
+        if (x || Y) {
+          var U = typeof r == "function" ? r.displayName || r.name || "Unknown" : r;
+          x && xn(C, U), Y && Cn(C, U);
         }
-        return En(r, T, X, E, w, it.current, C);
+        return En(r, x, Y, E, w, it.current, C);
       }
     }
-    var Be = V.ReactCurrentOwner, lt = V.ReactDebugCurrentFrame;
+    var Be = N.ReactCurrentOwner, lt = N.ReactDebugCurrentFrame;
     function de(r) {
       if (r) {
-        var h = r._owner, m = Re(r.type, r._source, h ? h.type : null);
-        lt.setExtraStackFrame(m);
+        var h = r._owner, p = Re(r.type, r._source, h ? h.type : null);
+        lt.setExtraStackFrame(p);
       } else
         lt.setExtraStackFrame(null);
     }
@@ -742,10 +742,10 @@ Check the render method of \`` + r + "`.";
       {
         var h = ct();
         if (!h) {
-          var m = typeof r == "string" ? r : r.displayName || r.name;
-          m && (h = `
+          var p = typeof r == "string" ? r : r.displayName || r.name;
+          p && (h = `
 
-Check the top-level render call using <` + m + ">.");
+Check the top-level render call using <` + p + ">.");
         }
         return h;
       }
@@ -755,12 +755,12 @@ Check the top-level render call using <` + m + ">.");
         if (!r._store || r._store.validated || r.key != null)
           return;
         r._store.validated = !0;
-        var m = Sn(h);
-        if (ut[m])
+        var p = Sn(h);
+        if (ut[p])
           return;
-        ut[m] = !0;
+        ut[p] = !0;
         var w = "";
-        r && r._owner && r._owner !== Be.current && (w = " It was passed a child from " + K(r._owner.type) + "."), de(r), R('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', m, w), de(null);
+        r && r._owner && r._owner !== Be.current && (w = " It was passed a child from " + K(r._owner.type) + "."), de(r), R('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', p, w), de(null);
       }
     }
     function ft(r, h) {
@@ -768,16 +768,16 @@ Check the top-level render call using <` + m + ">.");
         if (typeof r != "object")
           return;
         if (Ue(r))
-          for (var m = 0; m < r.length; m++) {
-            var w = r[m];
+          for (var p = 0; p < r.length; p++) {
+            var w = r[p];
             We(w) && dt(w, h);
           }
         else if (We(r))
           r._store && (r._store.validated = !0);
         else if (r) {
-          var E = S(r);
+          var E = j(r);
           if (typeof E == "function" && E !== r.entries)
-            for (var b = E.call(r), C; !(C = b.next()).done; )
+            for (var S = E.call(r), C; !(C = S.next()).done; )
               We(C.value) && dt(C.value, h);
         }
       }
@@ -787,18 +787,18 @@ Check the top-level render call using <` + m + ">.");
         var h = r.type;
         if (h == null || typeof h == "string")
           return;
-        var m;
+        var p;
         if (typeof h == "function")
-          m = h.propTypes;
-        else if (typeof h == "object" && (h.$$typeof === c || // Note: Memo only checks outer props here.
+          p = h.propTypes;
+        else if (typeof h == "object" && (h.$$typeof === l || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
         h.$$typeof === y))
-          m = h.propTypes;
+          p = h.propTypes;
         else
           return;
-        if (m) {
+        if (p) {
           var w = K(h);
-          mn(m, r.props, "prop", w, r);
+          mn(p, r.props, "prop", w, r);
         } else if (h.PropTypes !== void 0 && !ze) {
           ze = !0;
           var E = K(h);
@@ -809,8 +809,8 @@ Check the top-level render call using <` + m + ">.");
     }
     function Pn(r) {
       {
-        for (var h = Object.keys(r.props), m = 0; m < h.length; m++) {
-          var w = h[m];
+        for (var h = Object.keys(r.props), p = 0; p < h.length; p++) {
+          var w = h[p];
           if (w !== "children" && w !== "key") {
             de(r), R("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", w), de(null);
             break;
@@ -820,20 +820,20 @@ Check the top-level render call using <` + m + ">.");
       }
     }
     var ht = {};
-    function mt(r, h, m, w, E, b) {
+    function mt(r, h, p, w, E, S) {
       {
-        var C = O(r);
+        var C = H(r);
         if (!C) {
-          var T = "";
-          (r === void 0 || typeof r == "object" && r !== null && Object.keys(r).length === 0) && (T += " 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 = bn();
-          X ? T += X : T += ct();
-          var H;
-          r === null ? H = "null" : Ue(r) ? H = "array" : r !== void 0 && r.$$typeof === t ? (H = "<" + (K(r.type) || "Unknown") + " />", T = " Did you accidentally export a JSX literal instead of a component?") : H = typeof r, R("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", H, T);
+          var x = "";
+          (r === void 0 || typeof r == "object" && r !== null && Object.keys(r).length === 0) && (x += " 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 Y = bn();
+          Y ? x += Y : x += ct();
+          var $;
+          r === null ? $ = "null" : Ue(r) ? $ = "array" : r !== void 0 && r.$$typeof === t ? ($ = "<" + (K(r.type) || "Unknown") + " />", x = " Did you accidentally export a JSX literal instead of a component?") : $ = typeof r, R("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", $, x);
         }
-        var $ = Rn(r, h, m, E, b);
-        if ($ == null)
-          return $;
+        var U = Rn(r, h, p, E, S);
+        if (U == null)
+          return U;
         if (C) {
           var ee = h.children;
           if (ee !== void 0)
@@ -848,45 +848,45 @@ Check the top-level render call using <` + m + ">.");
               ft(ee, r);
         }
         if (ye.call(h, "key")) {
-          var ce = K(r), J = Object.keys(h).filter(function(Mn) {
-            return Mn !== "key";
-          }), Ze = J.length > 0 ? "{key: someKey, " + J.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!ht[ce + Ze]) {
-            var Fn = J.length > 0 ? "{" + J.join(": ..., ") + ": ...}" : "{}";
+          var ce = K(r), J = Object.keys(h).filter(function(Fn) {
+            return Fn !== "key";
+          }), qe = J.length > 0 ? "{key: someKey, " + J.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!ht[ce + qe]) {
+            var Mn = J.length > 0 ? "{" + J.join(": ..., ") + ": ...}" : "{}";
             R(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`, Ze, ce, Fn, ce), ht[ce + Ze] = !0;
+  <%s key={someKey} {...props} />`, qe, ce, Mn, ce), ht[ce + qe] = !0;
           }
         }
-        return r === o ? Pn($) : jn($), $;
+        return r === o ? Pn(U) : jn(U), U;
       }
     }
-    function Ln(r, h, m) {
-      return mt(r, h, m, !0);
+    function Ln(r, h, p) {
+      return mt(r, h, p, !0);
     }
-    function In(r, h, m) {
-      return mt(r, h, m, !1);
+    function In(r, h, p) {
+      return mt(r, h, p, !1);
     }
     var kn = In, Dn = Ln;
     we.Fragment = o, we.jsx = kn, we.jsxs = Dn;
   })()), we;
 }
-var xt;
-function qn() {
-  return xt || (xt = 1, process.env.NODE_ENV === "production" ? Le.exports = Wn() : Le.exports = Zn()), Le.exports;
+var Tt;
+function Zn() {
+  return Tt || (Tt = 1, process.env.NODE_ENV === "production" ? Le.exports = Wn() : Le.exports = qn()), Le.exports;
 }
-var s = qn();
+var s = Zn();
 const Kn = "_playerNotice_x3acc_1", Yn = "_playerNoticeTitle_x3acc_19", Xn = "_playerNoticeText_x3acc_28", Gn = "_playerNoticeLowZIndex_x3acc_37", ie = {
   playerNotice: Kn,
   playerNoticeTitle: Yn,
   playerNoticeText: Xn,
   playerNoticeLowZIndex: Gn
 }, Ot = typeof window != "undefined" ? On : D;
-function Ne(e, t) {
-  const n = N(e);
+function Ve(e, t) {
+  const n = V(e);
   Ot(() => {
     n.current = e;
   }, [e]), D(() => {
@@ -901,8 +901,8 @@ function Ne(e, t) {
   }, [t]);
 }
 function Jn(e) {
-  const [, t] = G(0);
-  Ne(() => t((n) => n + 1), e);
+  const [, t] = X(0);
+  Ve(() => t((n) => n + 1), e);
 }
 const Qn = () => Lt((e) => ({
   delay: 0,
@@ -914,7 +914,7 @@ const Qn = () => Lt((e) => ({
 })), Ht = jt(
   null
 ), er = ({ children: e }) => {
-  const t = N(
+  const t = V(
     null
   );
   return t.current || (t.current = Qn()), /* @__PURE__ */ s.jsx(Ht.Provider, { value: t.current, children: e });
@@ -939,11 +939,11 @@ function nr(e) {
 }
 const _e = (e) => {
   if (isNaN(e) || e === 1 / 0) return "0:00";
-  const t = (l) => (l < 10 ? "0" : "") + l, n = Math.floor(e / 3600), o = Math.floor(e % 3600 / 60), a = Math.floor(e % 60);
+  const t = (c) => (c < 10 ? "0" : "") + c, n = Math.floor(e / 3600), o = Math.floor(e % 3600 / 60), a = Math.floor(e % 60);
   return n === 0 ? `${o}:${t(a)}` : `${n}:${t(o)}:${t(a)}`;
 };
 function rr(e, t) {
-  var n, o, a, l, u, i;
+  var n, o, a, c, u, i;
   if (typeof Intl != "undefined" && Intl.DateTimeFormat)
     try {
       const d = new Intl.DateTimeFormat("en-US", {
@@ -956,29 +956,29 @@ function rr(e, t) {
         second: "2-digit",
         hour12: !1
       }).formatToParts(e), v = parseInt(
-        ((n = d.find((S) => S.type === "year")) == null ? void 0 : n.value) || "0",
+        ((n = d.find((j) => j.type === "year")) == null ? void 0 : n.value) || "0",
         10
       ), y = parseInt(
-        ((o = d.find((S) => S.type === "month")) == null ? void 0 : o.value) || "0",
+        ((o = d.find((j) => j.type === "month")) == null ? void 0 : o.value) || "0",
         10
       ) - 1, g = parseInt(
-        ((a = d.find((S) => S.type === "day")) == null ? void 0 : a.value) || "0",
+        ((a = d.find((j) => j.type === "day")) == null ? void 0 : a.value) || "0",
         10
-      ), P = parseInt(
-        ((l = d.find((S) => S.type === "hour")) == null ? void 0 : l.value) || "0",
+      ), L = parseInt(
+        ((c = d.find((j) => j.type === "hour")) == null ? void 0 : c.value) || "0",
         10
       ), k = parseInt(
-        ((u = d.find((S) => S.type === "minute")) == null ? void 0 : u.value) || "0",
+        ((u = d.find((j) => j.type === "minute")) == null ? void 0 : u.value) || "0",
         10
       ), _ = parseInt(
-        ((i = d.find((S) => S.type === "second")) == null ? void 0 : i.value) || "0",
+        ((i = d.find((j) => j.type === "second")) == null ? void 0 : i.value) || "0",
         10
       );
-      return new Date(v, y, g, P, k, _);
-    } catch (c) {
+      return new Date(v, y, g, L, k, _);
+    } catch (l) {
       return console.warn(
         `Failed to convert date to timezone ${t}, returning original date:`,
-        c
+        l
       ), e;
     }
   return console.warn(
@@ -1106,8 +1106,8 @@ const cr = () => Hn(), ur = (e, t) => ({
     t().eventEmitter.emit("error", n);
     const a = o.error;
     if (!a) return;
-    const l = `${a.code}`, u = a.message || "Unknown error occurred";
-    e({ error: { message: u, code: l, tech: "native" } });
+    const c = `${a.code}`, u = a.message || "Unknown error occurred";
+    e({ error: { message: u, code: c, tech: "native" } });
   },
   pause: () => {
     const n = t().techRef.current;
@@ -1205,12 +1205,12 @@ const cr = () => Hn(), ur = (e, t) => ({
   setError: (t) => e({ error: t })
 }), vr = () => ({
   eventEmitter: cr()
-}), yr = (e) => () => j({}, e), gr = (e, t) => Lt()((...n) => j(j(j(j(j(j(j(j({}, ur(...n)), dr(...n)), fr(...n)), mr(...n)), hr(...n)), pr(...n)), vr(...n)), yr({
+}), yr = (e) => () => P({}, e), gr = (e, t) => Lt()((...n) => P(P(P(P(P(P(P(P({}, ur(...n)), dr(...n)), fr(...n)), mr(...n)), hr(...n)), pr(...n)), vr(...n)), yr({
   techRef: e,
   containerRef: t
 })(...n))), Bt = jt(null);
 function wr({ children: e }) {
-  const t = N(null), n = N(null), o = N(null);
+  const t = V(null), n = V(null), o = V(null);
   return t.current || (t.current = gr(n, o)), /* @__PURE__ */ s.jsx(Bt.Provider, { value: t.current, children: e });
 }
 const f = (e) => {
@@ -1219,15 +1219,15 @@ const f = (e) => {
     throw new Error("usePlayerStore must be used within PlayerStoreProvider");
   return It(t, e);
 };
-function xr(e) {
+function Tr(e) {
   const t = e.split(`
 `);
   for (const n of t) {
     const o = n.trim();
     if (o.startsWith("#EXT-X-PROGRAM-DATE-TIME:")) {
-      const a = o.replace("#EXT-X-PROGRAM-DATE-TIME:", "").trim(), l = new Date(a);
-      if (!isNaN(l.getTime()))
-        return rr(l, "Europe/Sarajevo");
+      const a = o.replace("#EXT-X-PROGRAM-DATE-TIME:", "").trim(), c = new Date(a);
+      if (!isNaN(c.getTime()))
+        return rr(c, "Europe/Sarajevo");
     }
   }
   return null;
@@ -1237,18 +1237,18 @@ function _r(e, t) {
 `);
   let o = !1;
   for (const a of n) {
-    const l = a.trim();
-    if (l.startsWith("#EXT-X-STREAM-INF:")) {
+    const c = a.trim();
+    if (c.startsWith("#EXT-X-STREAM-INF:")) {
       o = !0;
       continue;
     }
-    if (o && !l.startsWith("#")) {
-      if (l.startsWith("http"))
-        return l;
+    if (o && !c.startsWith("#")) {
+      if (c.startsWith("http"))
+        return c;
       {
         const u = new URL(t);
         return new URL(
-          l,
+          c,
           u.origin + u.pathname.substring(
             0,
             u.pathname.lastIndexOf("/")
@@ -1259,12 +1259,12 @@ function _r(e, t) {
   }
   return null;
 }
-function Tr(e) {
+function xr(e) {
   return e.replace("playlist.m3u8", "playlist_fmp4_dvr.m3u8");
 }
 async function Cr(e) {
   try {
-    const t = Tr(e);
+    const t = xr(e);
     console.log("Converting to DVR URL:", t);
     const n = await fetch(t);
     if (!n.ok)
@@ -1278,12 +1278,12 @@ async function Cr(e) {
     if (!a)
       throw new Error("No chunklist URL found in master playlist");
     console.log("Found chunklist URL:", a);
-    const l = await fetch(a);
-    if (!l.ok)
+    const c = await fetch(a);
+    if (!c.ok)
       throw new Error(
-        `Failed to fetch chunklist: ${l.status} ${l.statusText}`
+        `Failed to fetch chunklist: ${c.status} ${c.statusText}`
       );
-    const u = await l.text(), i = xr(u);
+    const u = await c.text(), i = Tr(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;
@@ -1291,40 +1291,39 @@ async function Cr(e) {
 }
 function Er(n) {
   var o = n, { url: e } = o, t = ne(o, ["url"]);
-  const [a, l] = G(!0), u = A((d) => d.startDate), i = A((d) => d.setStartDate), c = W(async () => {
+  const [a, c] = X(!0), u = A((d) => d.startDate), i = A((d) => d.setStartDate), l = z(async () => {
     const d = await Cr(e);
     d && i(d);
   }, [e, i]);
   return D(() => {
     (async () => {
-      l(!0), await c(), l(!1);
+      c(!0), await l(), c(!1);
     })();
-  }, [c]), Ne(c, u ? null : 5e3), a ? null : /* @__PURE__ */ s.jsx(Rr, j({}, t));
+  }, [l]), Ve(l, u ? null : 5e3), a ? null : /* @__PURE__ */ s.jsx(Rr, P({}, t));
 }
 function Rr({
   children: e,
-  messages: t = {}
+  messages: t
 }) {
-  var u, i, c;
-  const n = A((d) => d.startDate), o = f((d) => d.isStarted);
+  const n = A((u) => u.startDate), o = f((u) => u.isStarted);
   return Jn(o ? null : 5e3), n ? Date.now() < n.getTime() ? /* @__PURE__ */ s.jsx(
     br,
     {
       startDate: n,
-      title: (i = t == null ? void 0 : t.eventNotStarted) != null ? i : "Event has not started yet.",
-      message: (c = t == null ? void 0 : t.eventStartingSoon) != null ? c : "Starting in few seconds..."
+      title: t.eventNotStarted,
+      message: t.eventStartingSoon
     }
-  ) : /* @__PURE__ */ s.jsx(s.Fragment, { children: e }) : /* @__PURE__ */ s.jsx("div", { className: ie.playerNotice, children: /* @__PURE__ */ s.jsx("h3", { className: ie.playerNoticeTitle, children: (u = t == null ? void 0 : t.unableToPlay) != null ? u : "Unable to play the video. Please try again later." }) });
+  ) : /* @__PURE__ */ s.jsx(s.Fragment, { children: e }) : /* @__PURE__ */ s.jsx("div", { className: ie.playerNotice, children: /* @__PURE__ */ s.jsx("h3", { className: ie.playerNoticeTitle, children: t.unableToPlay }) });
 }
 function br({ startDate: e, title: t, message: n }) {
-  const o = e.getTime() - Date.now(), a = Math.floor(o / (1e3 * 60 * 60)), l = Math.floor(
+  const o = e.getTime() - Date.now(), a = Math.floor(o / (1e3 * 60 * 60)), c = Math.floor(
     o % (1e3 * 60 * 60) / (1e3 * 60)
   );
-  return a || l ? /* @__PURE__ */ s.jsxs("div", { className: ie.playerNotice, children: [
+  return a || c ? /* @__PURE__ */ s.jsxs("div", { className: ie.playerNotice, children: [
     /* @__PURE__ */ s.jsx("h3", { className: ie.playerNoticeTitle, children: t }),
     /* @__PURE__ */ s.jsxs("p", { className: ie.playerNoticeText, children: [
       "(",
-      a > 0 ? `${a}h ${l}m` : `${l}m`,
+      a > 0 ? `${a}h ${c}m` : `${c}m`,
       ")"
     ] })
   ] }) : /* @__PURE__ */ s.jsx("div", { className: ie.playerNotice, children: /* @__PURE__ */ s.jsx("h3", { className: ie.playerNoticeTitle, children: n }) });
@@ -1332,17 +1331,17 @@ function br({ startDate: e, title: t, message: n }) {
 function zt({ callback: e }) {
   const t = f((n) => n.eventEmitter);
   return D(() => {
-    const n = () => e("play", void 0), o = () => e("pause", void 0), a = () => e("ended", void 0), l = () => e("seeking", void 0), u = () => e("seeked", void 0), i = (_) => e("volumeChange", _), c = (_) => e("fullscreenChange", _), d = (_) => e("qualityChange", _), v = (_) => e("loadedMetadata", _), y = () => e("loadStart", void 0), g = () => e("playing", void 0), P = () => e("waiting", void 0), k = () => e("error", void 0);
-    return t.on("play", n), t.on("pause", o), t.on("ended", a), t.on("seeking", l), t.on("seeked", u), t.on("volumeChange", i), t.on("fullscreenChange", c), t.on("qualityChange", d), t.on("loadedMetadata", v), t.on("loadStart", y), t.on("playing", g), t.on("waiting", P), t.on("error", k), () => {
-      t.off("play", n), t.off("pause", o), t.off("ended", a), t.off("seeking", l), t.off("seeked", u), t.off("volumeChange", i), t.off("fullscreenChange", c), t.off("qualityChange", d), t.off("loadedMetadata", v), t.off("loadStart", y), t.off("playing", g), t.off("waiting", P), t.off("error", k);
+    const n = () => e("play", void 0), o = () => e("pause", void 0), a = () => e("ended", void 0), c = () => e("seeking", void 0), u = () => e("seeked", void 0), i = (_) => e("volumeChange", _), l = (_) => e("fullscreenChange", _), d = (_) => e("qualityChange", _), v = (_) => e("loadedMetadata", _), y = () => e("loadStart", void 0), g = () => e("playing", void 0), L = () => e("waiting", void 0), k = () => e("error", void 0);
+    return t.on("play", n), t.on("pause", o), t.on("ended", a), t.on("seeking", c), t.on("seeked", u), t.on("volumeChange", i), t.on("fullscreenChange", l), t.on("qualityChange", d), t.on("loadedMetadata", v), t.on("loadStart", y), t.on("playing", g), t.on("waiting", L), t.on("error", k), () => {
+      t.off("play", n), t.off("pause", o), t.off("ended", a), t.off("seeking", c), t.off("seeked", u), t.off("volumeChange", i), t.off("fullscreenChange", l), t.off("qualityChange", d), t.off("loadedMetadata", v), t.off("loadStart", y), t.off("playing", g), t.off("waiting", L), t.off("error", k);
     };
   }, [e, t]), null;
 }
 const Wt = (e, t = 0) => parseInt(
   Math.max(0, (Date.now() - (e + t * 1e3)) / 1e3).toFixed(0)
-), Zt = (e, t) => Math.max(0, (Date.now() - e - t * 1e3) / 1e3), Sr = (e, t) => Math.max(0, (t - e) / 1e3), jr = (e, t = 0) => {
-  const o = t < 0 ? 0 : t, a = ["bytes", "kb", "mb", "gb", "tb", "pb", "eb", "zb", "yb"], l = Math.floor(Math.log(e) / Math.log(1024));
-  return `${parseFloat((e / Math.pow(1024, l)).toFixed(o))}${a[l]}`;
+), qt = (e, t) => Math.max(0, (Date.now() - e - t * 1e3) / 1e3), Sr = (e, t) => Math.max(0, (t - e) / 1e3), jr = (e, t = 0) => {
+  const o = t < 0 ? 0 : t, a = ["bytes", "kb", "mb", "gb", "tb", "pb", "eb", "zb", "yb"], c = Math.floor(Math.log(e) / Math.log(1024));
+  return `${parseFloat((e / Math.pow(1024, c)).toFixed(o))}${a[c]}`;
 };
 function Pr({
   isAuto: e,
@@ -1355,51 +1354,51 @@ function Pr({
     label: "Auto",
     value: -1,
     selected: e || t === -1
-  }), n.sort(function(l, u) {
-    const i = l.height || l.bitrate || 0, c = u.height || u.bitrate || 0;
-    return i === c ? 0 : i > c ? 1 : -1;
-  }), n.map((l) => {
-    const { bitrate: u, height: i, index: c } = l;
+  }), n.sort(function(c, u) {
+    const i = c.height || c.bitrate || 0, l = u.height || u.bitrate || 0;
+    return i === l ? 0 : i > l ? 1 : -1;
+  }), n.map((c) => {
+    const { bitrate: u, height: i, index: l } = c;
     a.push({
-      sid: `quality-level-${c}`,
+      sid: `quality-level-${l}`,
       label: i ? `${i}p` : jr(u),
-      value: c,
-      selected: o === 1 || !e && c === t
+      value: l,
+      selected: o === 1 || !e && l === t
     });
   }), a;
 }
 function Lr({ callback: e }) {
-  const t = A((l) => l.delay), n = A((l) => l.startDate), o = n ? n.getTime() : 0, a = f((l) => l.eventEmitter);
+  const t = A((c) => c.delay), n = A((c) => c.startDate), o = n ? n.getTime() : 0, a = f((c) => c.eventEmitter);
   return D(() => {
-    const l = () => e("timeUpdate", {
-      currentTime: Zt(o, t),
+    const c = () => e("timeUpdate", {
+      currentTime: qt(o, t),
       duration: -1
     });
-    return a.on("timeUpdate", l), () => {
-      a.off("timeUpdate", l);
+    return a.on("timeUpdate", c), () => {
+      a.off("timeUpdate", c);
     };
-  }, [e, a]), /* @__PURE__ */ s.jsx(zt, { callback: e });
+  }, [e, t, a, o]), /* @__PURE__ */ s.jsx(zt, { callback: e });
 }
-function qt() {
-  const e = f((i) => i.exitFullscreen), t = f((i) => i.isFullscreen), n = f((i) => i.isFullscreenReady), o = f((i) => i.requestFullscreen), a = f((i) => i.setVolume), l = f((i) => i.volume), u = W(
+function Zt() {
+  const e = f((i) => i.exitFullscreen), t = f((i) => i.isFullscreen), n = f((i) => i.isFullscreenReady), o = f((i) => i.requestFullscreen), a = f((i) => i.setVolume), c = f((i) => i.volume), u = z(
     (i) => {
-      let c = !1;
+      let l = !1;
       if (!(i.target instanceof HTMLInputElement || i.ctrlKey)) {
         switch (i.code) {
           case "ArrowUp":
-            a(l + 10 < 100 ? l + 10 : 100), c = !0;
+            a(c + 10 < 100 ? c + 10 : 100), l = !0;
             break;
           case "ArrowDown":
-            a(l - 10 > 0 ? l - 10 : 0), c = !0;
+            a(c - 10 > 0 ? c - 10 : 0), l = !0;
             break;
           case "KeyM":
-            a(l === 0 ? 100 : 0), c = !0;
+            a(c === 0 ? 100 : 0), l = !0;
             break;
           case "KeyF":
-            n && (t ? e() : o(), c = !0);
+            n && (t ? e() : o(), l = !0);
             break;
         }
-        c && i.preventDefault();
+        l && i.preventDefault();
       }
     },
     [
@@ -1408,7 +1407,7 @@ function qt() {
       n,
       o,
       a,
-      l
+      c
     ]
   );
   return D(() => (document.addEventListener("keydown", u), () => {
@@ -1416,35 +1415,35 @@ function qt() {
   }), [u]), null;
 }
 function Ir() {
-  const e = A((i) => i.delay), t = f((i) => i.isPlaying), n = f((i) => i.pause), o = f((i) => i.getPauseTimeDiff), a = f((i) => i.play), l = A((i) => i.setDelay), u = W(
+  const e = A((i) => i.delay), t = f((i) => i.isPlaying), n = f((i) => i.pause), o = f((i) => i.getPauseTimeDiff), a = f((i) => i.play), c = A((i) => i.setDelay), u = z(
     (i) => {
-      let c = !1;
+      let l = !1;
       if (!(i.target instanceof HTMLInputElement || i.ctrlKey)) {
         switch (i.code) {
           case "ArrowLeft":
-            l(e + 10), c = !0;
+            c(e + 10), l = !0;
             break;
           case "ArrowRight":
-            l(e - 10 > 0 ? e - 10 : 0), c = !0;
+            c(e - 10 > 0 ? e - 10 : 0), l = !0;
             break;
           case "Space":
             if (t)
               n();
             else {
               const d = o();
-              d && l(e + d), a();
+              d && c(e + d), a();
             }
-            c = !0;
+            l = !0;
             break;
         }
-        c && i.preventDefault();
+        l && i.preventDefault();
       }
     },
-    [e, o, t, n, a, l]
+    [e, o, t, n, a, c]
   );
   return D(() => (document.addEventListener("keydown", u), () => {
     document.removeEventListener("keydown", u);
-  }), [u]), /* @__PURE__ */ s.jsx(qt, {});
+  }), [u]), /* @__PURE__ */ s.jsx(Zt, {});
 }
 function Kt({ children: e }) {
   return /* @__PURE__ */ s.jsx(wr, { children: e });
@@ -1453,187 +1452,188 @@ function kr({ children: e }) {
   return /* @__PURE__ */ s.jsx(er, { children: /* @__PURE__ */ s.jsx(Kt, { children: e }) });
 }
 function Dr({ url: e, isLive: t, messages: n }) {
-  const o = N(null), a = f((x) => x.level), l = f((x) => x.levels), u = f((x) => x.setLevel), i = f((x) => x.setLevels), c = f((x) => x.techRef), d = f((x) => x.setError), v = N(0), y = N(null), g = 50, P = 1e4, k = W(
-    (x) => {
-      if (o.current && (o.current.nextLevel = x, u(null), l)) {
-        const F = l.map((p) => he(j({}, p), {
-          selected: p.value === x
+  const o = V(null), a = f((T) => T.level), c = f((T) => T.levels), u = f((T) => T.setLevel), i = f((T) => T.setLevels), l = f((T) => T.techRef), d = f((T) => T.setError), v = V(0), y = V(null), g = 50, L = 1e4, k = z(
+    (T) => {
+      if (o.current && (o.current.nextLevel = T, u(null), c)) {
+        const M = c.map((m) => he(P({}, m), {
+          selected: m.value === T
         }));
-        i(F);
+        i(M);
       }
     },
-    [l, u, i, o]
-  ), _ = W(() => {
+    [c, u, i, o]
+  ), _ = z(() => {
     o.current && (console.log("[Player][HLS] MEDIA_ATTACHED"), o.current.loadSource(e));
-  }, [e]), S = W(() => {
+  }, [e]), j = z(() => {
     if (!o.current) return;
     console.log("[Player][HLS] MANIFEST_LOADED"), d(null), y.current && (clearTimeout(y.current), y.current = null), v.current = 0;
-    const x = o.current.levels, F = o.current.currentLevel, p = o.current.autoLevelEnabled;
+    const T = o.current.levels, M = o.current.currentLevel, m = o.current.autoLevelEnabled;
     i(
       Pr({
-        levels: x.map((U, Y) => {
-          const { bitrate: z, height: O, width: I } = U;
+        levels: T.map((O, G) => {
+          const { bitrate: Z, height: H, width: b } = O;
           return {
-            bitrate: z,
-            height: O,
-            index: Y,
-            width: I
+            bitrate: Z,
+            height: H,
+            index: G,
+            width: b
           };
         }),
-        level: F,
-        isAuto: p
+        level: M,
+        isAuto: m
       })
     );
-  }, [d, i]), V = W(
+  }, [d, i]), N = z(
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    (x, F) => {
-      var p;
-      if (o.current && F.fatal)
-        switch (F.type) {
+    (T, M) => {
+      if (o.current && M.fatal) {
+        let m, O = "UNKNOWN_ERROR";
+        switch (M.type) {
           case re.ErrorTypes.NETWORK_ERROR:
-            let U = (p = n == null ? void 0 : n.unableToPlay) != null ? p : "Unable to play the video. Please try again later.", Y = "NETWORK_ERROR";
-            console.log("[Player][HLS] NETWORK_ERROR", F), t ? (v.current < g && (y.current && clearTimeout(y.current), v.current += 1, y.current = setTimeout(() => {
+            m = n.unableToPlay, console.log("[Player][HLS] NETWORK_ERROR", M), t ? (v.current < g && (y.current && clearTimeout(y.current), v.current += 1, y.current = setTimeout(() => {
               if (o.current)
                 try {
                   console.log("[Player][HLS] Retrying stream..."), o.current.loadSource(e);
-                } catch (z) {
-                  console.error("[Player][HLS] Retry failed:", z);
+                } catch (G) {
+                  console.error("[Player][HLS] Retry failed:", G);
                 }
-            }, P)), Y = "LIVE_MANIFEST_LOAD_ERROR") : o.current.startLoad(), d({ message: U, code: Y, tech: "hls" });
+            }, L)), O = "LIVE_MANIFEST_LOAD_ERROR") : (o.current.startLoad(), O = "NETWORK_ERROR"), d({ message: m, code: O, tech: "hls" });
             break;
           case re.ErrorTypes.MEDIA_ERROR:
             o.current.recoverMediaError();
             break;
         }
+      }
     },
-    [t, e, d]
-  ), R = W(() => {
-    if (!c.current) return;
-    let x = {
+    [t, e, d, n]
+  ), R = z(() => {
+    if (!l.current) return;
+    const T = {
       startLevel: -1,
       maxBufferSize: 30 * 1024 * 1024
       // 30MB
     };
-    or ? (x.backBufferLength = -1, x.enableWorker = !1) : t ? x.backBufferLength = 10 : x.backBufferLength = 60;
+    or ? (T.backBufferLength = -1, T.enableWorker = !1) : t ? T.backBufferLength = 10 : T.backBufferLength = 60;
     try {
-      console.log("[Player][HLS] URL", e), console.log("[Player][HLS] Config", JSON.stringify(x)), console.log("[Player][HLS] Version", re.version), o.current = new re(x), o.current.attachMedia(c.current), o.current.on(re.Events.MEDIA_ATTACHED, _), o.current.on(re.Events.MANIFEST_LOADED, S), o.current.on(re.Events.ERROR, V);
-    } catch (F) {
-      throw new Error(`Error initializing Hls: ${F}`);
+      console.log("[Player][HLS] URL", e), console.log("[Player][HLS] Config", JSON.stringify(T)), console.log("[Player][HLS] Version", re.version), o.current = new re(T), o.current.attachMedia(l.current), o.current.on(re.Events.MEDIA_ATTACHED, _), o.current.on(re.Events.MANIFEST_LOADED, j), o.current.on(re.Events.ERROR, N);
+    } catch (M) {
+      throw new Error(`Error initializing Hls: ${M}`);
     }
   }, [
-    S,
+    j,
     _,
-    V,
+    N,
     t,
-    c,
+    l,
     e
-  ]), L = W(() => {
-    o.current && (o.current.off(re.Events.MEDIA_ATTACHED, _), o.current.off(re.Events.MANIFEST_LOADED, S), o.current.off(re.Events.ERROR, V), o.current.destroy(), o.current = null), y.current && (clearTimeout(y.current), y.current = null), v.current = 0;
-  }, [S, _, V]);
+  ]), I = z(() => {
+    o.current && (o.current.off(re.Events.MEDIA_ATTACHED, _), o.current.off(re.Events.MANIFEST_LOADED, j), o.current.off(re.Events.ERROR, N), o.current.destroy(), o.current = null), y.current && (clearTimeout(y.current), y.current = null), v.current = 0;
+  }, [j, _, N]);
   return D(() => {
     a !== null && k(a);
-  }, [a, k]), D(() => (re.isSupported() && R(), L), [L, R]), null;
+  }, [a, k]), D(() => (re.isSupported() && R(), I), [I, R]), null;
 }
-const Fr = "_playerVideo_wc0sm_1", Mr = {
-  playerVideo: Fr
+const Mr = "_playerVideo_wc0sm_1", Fr = {
+  playerVideo: Mr
 };
 function Yt({
   url: e,
   isLive: t,
   isMuted: n = !1,
-  messages: o = {}
+  messages: o
 }) {
-  const a = f((p) => p.handleDurationChange), l = f((p) => p.handleEnd), u = f((p) => p.handleLoadedMetadata), i = f((p) => p.handleLoadStart), c = f((p) => p.handlePause), d = f((p) => p.handlePlay), v = f((p) => p.handlePlaying), y = f((p) => p.handleSeeked), g = f((p) => p.handleSeeking), P = f((p) => p.handleTimeUpdate), k = f((p) => p.handleWaiting), _ = f((p) => p.handleVolumeChange), S = f((p) => p.handleError), V = f((p) => p.techRef), R = N(null), L = () => t ? {
-    onTimeUpdate: x
+  const a = f((m) => m.handleDurationChange), c = f((m) => m.handleEnd), u = f((m) => m.handleLoadedMetadata), i = f((m) => m.handleLoadStart), l = f((m) => m.handlePause), d = f((m) => m.handlePlay), v = f((m) => m.handlePlaying), y = f((m) => m.handleSeeked), g = f((m) => m.handleSeeking), L = f((m) => m.handleTimeUpdate), k = f((m) => m.handleWaiting), _ = f((m) => m.handleVolumeChange), j = f((m) => m.handleError), N = f((m) => m.techRef), R = V(null), I = () => t ? {
+    onTimeUpdate: T
   } : {
     onDurationChange: a,
     onSeeked: y,
     onSeeking: g,
-    onTimeUpdate: x
-  }, x = () => {
-    (!R.current || Date.now() - R.current >= 1e3) && (P(), R.current = Date.now());
-  }, F = L();
+    onTimeUpdate: T
+  }, T = () => {
+    (!R.current || Date.now() - R.current >= 1e3) && (L(), R.current = Date.now());
+  }, M = I();
   return /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
     /* @__PURE__ */ s.jsx(Dr, { isLive: t, url: e, messages: o }),
     /* @__PURE__ */ s.jsx(
       "video",
-      j({
-        ref: V,
-        className: Mr.playerVideo,
+      P({
+        ref: N,
+        className: Fr.playerVideo,
         playsInline: !0,
         autoPlay: !0,
         controls: !1,
         muted: n,
         preload: "auto",
         crossOrigin: "anonymous",
-        onEnded: l,
-        onError: S,
+        onEnded: c,
+        onError: j,
         onLoadedMetadata: u,
         onLoadStart: i,
-        onPause: c,
+        onPause: l,
         onPlay: d,
         onPlaying: v,
         onWaiting: k,
         onVolumeChange: _,
         tabIndex: -1
-      }, F)
+      }, M)
     )
   ] });
 }
-function Vr({ url: e, messages: t = {} }) {
-  const [n, o] = G(null), a = A((u) => u.delay), l = W(async () => {
+function Nr({ url: e, messages: t }) {
+  const [n, o] = X(null), a = A((u) => u.delay), c = z(async () => {
     o(
       a ? e.replace("-live", "-catchup").replace("playlist.m3u8", `playlist_fmp4_dvr_timeshift-${a}.m3u8`) : e
     );
   }, [a, e]);
   return D(() => {
-    l();
-  }, [l]), n ? /* @__PURE__ */ s.jsx(Yt, { url: n, isLive: !0, messages: t }) : null;
+    const u = requestAnimationFrame(() => c());
+    return () => cancelAnimationFrame(u);
+  }, [c]), n ? /* @__PURE__ */ s.jsx(Yt, { url: n, isLive: !0, messages: t }) : null;
 }
-function Nr({ url: e }) {
+function Vr({ url: e }) {
   return f((n) => n.isStarted) ? /* @__PURE__ */ s.jsx(Ar, { url: e }) : null;
 }
 function Ar({ url: e }) {
-  const t = A((l) => l.setViewerCount), n = N(null), o = (l) => {
+  const t = A((c) => c.setViewerCount), n = V(null), o = (c) => {
     try {
-      return new URL(l).pathname.split("/").filter((d) => d.length > 0)[0] || null;
+      return new URL(c).pathname.split("/").filter((d) => d.length > 0)[0] || null;
     } catch (u) {
       return console.error("Failed to extract URI from player URL:", u), null;
     }
-  }, a = async () => {
-    var c;
-    const l = o(e);
-    if (!l) {
+  }, a = z(async () => {
+    var l;
+    const c = o(e);
+    if (!c) {
       console.error("Could not extract URI from URL:", e);
       return;
     }
     n.current && n.current.abort(), n.current = new AbortController();
-    const i = `https://${e.includes("staging") ? "stg" : "prd"}-fitnessanny.spectar.tv/analytics-api/v1/token-info/uri/${l}`;
+    const i = `https://${e.includes("staging") ? "stg" : "prd"}-fitnessanny.spectar.tv/analytics-api/v1/token-info/uri/${c}`;
     try {
       const d = await fetch(i, {
         signal: n.current.signal
       });
       if (!d.ok)
         throw new Error(`HTTP error! status: ${d.status}`);
-      const y = (c = (await d.json()).count) != null ? c : 0;
+      const y = (l = (await d.json()).count) != null ? l : 0;
       t(y);
     } catch (d) {
       if (d.name === "AbortError")
         return;
       console.error("Failed to fetch viewer count:", d), t(null);
     }
-  };
+  }, [t, e]);
   return D(() => (a(), () => {
     n.current && n.current.abort();
-  }), [e]), Ne(a, 15e3), null;
+  }), [a, e]), Ve(a, 15e3), null;
 }
 function Or(e, {
   defaultValue: t = !1,
   initializeWithValue: n = !0
 } = {}) {
-  const o = (i) => typeof window == "undefined" ? t : window.matchMedia(i).matches, [a, l] = G(() => n ? o(e) : t);
+  const o = (i) => typeof window == "undefined" ? t : window.matchMedia(i).matches, [a, c] = X(() => n ? o(e) : t);
   function u() {
-    l(o(e));
+    c(o(e));
   }
   return Ot(() => {
     if (typeof window == "undefined")
@@ -1652,14 +1652,14 @@ const Hr = "_playbackButton_lgsgw_1", $r = "_seekIndicator_lgsgw_23", Ur = "_see
   seekIndicatorVisible: zr
 }, Wr = 10;
 function Xt(i) {
-  var c = i, {
+  var l = i, {
     className: e,
     onClick: t,
     onForwardSeek: n,
     onBackwardSeek: o,
     maxForwardTime: a,
-    maxBackwardTime: l
-  } = c, u = ne(c, [
+    maxBackwardTime: c
+  } = l, u = ne(l, [
     "className",
     "onClick",
     "onForwardSeek",
@@ -1667,123 +1667,126 @@ function Xt(i) {
     "maxForwardTime",
     "maxBackwardTime"
   ]);
-  return Or("(min-width: 1024px)") ? /* @__PURE__ */ s.jsx(Zr, j({ className: e, onClick: t }, u)) : /* @__PURE__ */ s.jsx(
-    qr,
-    j({
+  return Or("(pointer: coarse)") ? /* @__PURE__ */ s.jsx(
+    Zr,
+    P({
       className: e,
       maxForwardTime: a,
-      maxBackwardTime: l,
+      maxBackwardTime: c,
       onForwardSeek: n,
       onBackwardSeek: o
     }, u)
-  );
+  ) : /* @__PURE__ */ s.jsx(qr, P({ className: e, onClick: t }, u));
 }
-function Zr(o) {
+function qr(o) {
   var a = o, { className: e, onClick: t } = a, n = ne(a, ["className", "onClick"]);
-  const l = N(null), u = f((_) => _.exitFullscreen), i = f((_) => _.isFullscreen), c = f((_) => _.requestFullscreen), d = f((_) => _.resetIdle), v = (_) => {
-    P() ? (g(), i ? u() : c()) : y(_);
+  const c = V(null), u = f((_) => _.exitFullscreen), i = f((_) => _.isFullscreen), l = f((_) => _.requestFullscreen), d = f((_) => _.resetIdle), v = (_) => {
+    L() ? (g(), i ? u() : l()) : y(_);
   }, y = (_) => {
-    l.current = window.setTimeout(() => {
+    c.current = window.setTimeout(() => {
       t == null || t(_), g();
     }, 200);
   }, g = () => {
-    l.current !== null && (window.clearTimeout(l.current), l.current = null);
-  }, P = () => l.current !== null, k = () => {
+    c.current !== null && (window.clearTimeout(c.current), c.current = null);
+  }, L = () => c.current !== null, k = () => {
     d();
   };
   return D(() => () => {
     g();
   }, []), /* @__PURE__ */ s.jsx(
     "button",
-    j({
+    P({
       onClick: v,
-      onMouseEnter: k,
+      onMouseMove: k,
       className: [me.playbackButton, e].filter(Boolean).join(" "),
       "aria-label": "Player gestures"
     }, n)
   );
 }
-function qr(u) {
+function Zr(u) {
   var i = u, {
     className: e,
     maxForwardTime: t,
     maxBackwardTime: n,
     onForwardSeek: o,
     onBackwardSeek: a
-  } = i, l = ne(i, [
+  } = i, c = ne(i, [
     "className",
     "maxForwardTime",
     "maxBackwardTime",
     "onForwardSeek",
     "onBackwardSeek"
   ]);
-  const c = N(null), d = N({
+  const l = V(null), d = V({
     single: null,
     indicator: null,
     accumulate: null
-  }), v = N(null), y = N(0), g = N(null), [P, k] = G({ visible: !1, direction: null, time: 0 }), _ = f((p) => p.isIdle), S = f((p) => p.setIsIdle), V = f((p) => p.resetIdle), R = (p, U) => p < U / 2 ? "backward" : "forward", L = (p) => {
+  }), v = V(null), y = V(0), g = V(null), [L, k] = X({ visible: !1, direction: null, time: 0 }), _ = f((m) => m.isIdle), j = f((m) => m.setIsIdle), N = f((m) => m.resetIdle), R = (m, O) => m < O / 2 ? "backward" : "forward", I = (m) => {
     if (!v.current) return;
-    const U = p.changedTouches[0];
-    if (!U) return;
-    const Y = Date.now(), z = v.current.getBoundingClientRect(), O = U.clientX - z.left, I = U.clientY - z.top;
-    if (O < 0 || O > z.width || I < 0 || I > z.height)
+    const O = m.changedTouches[0];
+    if (!O) return;
+    const G = Date.now(), Z = v.current.getBoundingClientRect(), H = O.clientX - Z.left, b = O.clientY - Z.top;
+    if (H < 0 || H > Z.width || b < 0 || b > Z.height)
       return;
-    const Q = c.current, K = Q ? Y - Q.time : 1 / 0, Z = R(O, z.width), oe = g.current !== null && g.current === Z && Q !== null && K < 700 && Math.abs(O - Q.x) < 100;
-    if (Q !== null && g.current === null && K < 300 && Math.abs(O - Q.x) < 50 || oe) {
-      p.preventDefault(), p.stopPropagation(), d.current.single && (window.clearTimeout(d.current.single), d.current.single = null), V(), (g.current === null || g.current !== Z) && (y.current = 0, g.current = Z);
-      const te = Z === "backward" ? n : t;
+    const Q = l.current, K = Q ? G - Q.time : 1 / 0, W = R(H, Z.width), oe = g.current !== null && g.current === W && Q !== null && K < 700 && Math.abs(H - Q.x) < 100;
+    if (Q !== null && g.current === null && K < 300 && Math.abs(H - Q.x) < 50 || oe) {
+      m.preventDefault(), m.stopPropagation(), d.current.single && (window.clearTimeout(d.current.single), d.current.single = null), N(), (g.current === null || g.current !== W) && (y.current = 0, g.current = W);
+      const te = W === "backward" ? n : t;
       y.current = Math.min(
         y.current + Wr,
         te != null ? te : 1 / 0
-      ), x(Z, y.current), d.current.accumulate && window.clearTimeout(d.current.accumulate), d.current.accumulate = window.setTimeout(() => {
+      ), T(W, y.current), d.current.accumulate && window.clearTimeout(d.current.accumulate), d.current.accumulate = window.setTimeout(() => {
         const q = y.current;
-        q > 0 && (g.current === "backward" ? a == null || a(q) : o == null || o(q), V()), y.current = 0, g.current = null, c.current = null, F(), d.current.accumulate = null;
-      }, 500), c.current = { time: Y, x: O };
+        q > 0 && (g.current === "backward" ? a == null || a(q) : o == null || o(q), N()), y.current = 0, g.current = null, l.current = null, M(), d.current.accumulate = null;
+      }, 500), l.current = { time: G, x: H };
     } else {
-      c.current = { time: Y, x: O }, d.current.single && window.clearTimeout(d.current.single);
+      l.current = { time: G, x: H }, d.current.single && window.clearTimeout(d.current.single);
       const te = g.current !== null ? 700 : 350;
       d.current.single = window.setTimeout(() => {
         if (g.current === null) {
           d.current.single = null;
           const q = _;
-          S(!q), q && V();
+          j(!q), q && N();
         }
-        c.current = null;
+        l.current = null;
       }, te);
     }
-  }, x = (p, U) => {
-    U !== 0 && (k({ visible: !0, direction: p, time: U }), d.current.indicator && window.clearTimeout(d.current.indicator), d.current.indicator = window.setTimeout(() => {
-      F();
+  }, T = (m, O) => {
+    O !== 0 && (k({ visible: !0, direction: m, time: O }), d.current.indicator && window.clearTimeout(d.current.indicator), d.current.indicator = window.setTimeout(() => {
+      M();
     }, 700));
-  }, F = () => {
+  }, M = () => {
     k({ visible: !1, direction: null, time: 0 }), d.current.indicator && (window.clearTimeout(d.current.indicator), d.current.indicator = null);
   };
-  return D(() => () => {
-    d.current.single && window.clearTimeout(d.current.single), d.current.indicator && window.clearTimeout(d.current.indicator), d.current.accumulate && window.clearTimeout(d.current.accumulate);
+  return D(() => {
+    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);
+    };
   }, []), /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
     /* @__PURE__ */ s.jsx(
       "button",
-      j({
+      P({
         ref: v,
-        onTouchEnd: L,
+        onTouchEnd: I,
         className: [me.playbackButton, e].filter(Boolean).join(" "),
         "aria-label": "Player gestures"
-      }, l)
+      }, c)
     ),
-    P.visible && /* @__PURE__ */ s.jsxs(
+    L.visible && /* @__PURE__ */ s.jsxs(
       "div",
       {
-        className: `${me.seekIndicator} ${me.seekIndicatorVisible} ${P.direction === "backward" ? me.seekIndicatorLeft : me.seekIndicatorRight}`,
+        className: `${me.seekIndicator} ${me.seekIndicatorVisible} ${L.direction === "backward" ? me.seekIndicatorLeft : me.seekIndicatorRight}`,
         children: [
-          P.direction === "backward" ? "-" : "+",
-          _e(P.time)
+          L.direction === "backward" ? "-" : "+",
+          _e(L.time)
         ]
       }
     )
   ] });
 }
 function Kr() {
-  const e = f((c) => c.isPlaying), t = f((c) => c.pause), n = f((c) => c.getPauseTimeDiff), o = f((c) => c.play), a = A((c) => c.delay), l = A((c) => c.setDelay), u = A((c) => c.startDate), i = u ? u.getTime() : 0;
+  const e = f((l) => l.isPlaying), t = f((l) => l.pause), n = f((l) => l.getPauseTimeDiff), o = f((l) => l.play), a = A((l) => l.delay), c = A((l) => l.setDelay), u = A((l) => l.startDate), i = u ? u.getTime() : 0;
   return /* @__PURE__ */ s.jsx(
     Xt,
     {
@@ -1791,17 +1794,17 @@ function Kr() {
         if (e)
           t();
         else {
-          const c = n();
-          c && l(a + c), o();
+          const l = n();
+          l && c(a + l), o();
         }
       },
-      onBackwardSeek: (c) => {
-        const d = a + c;
-        l(d);
+      onBackwardSeek: (l) => {
+        const d = a + l;
+        c(d);
       },
-      onForwardSeek: (c) => {
-        const d = Math.max(0, a - c);
-        l(d);
+      onForwardSeek: (l) => {
+        const d = Math.max(0, a - l);
+        c(d);
       },
       maxBackwardTime: Math.floor(i),
       maxForwardTime: Math.floor(a)
@@ -1811,11 +1814,11 @@ function Kr() {
 const Yr = "_playerButton_izwqq_1", Xr = "_playerButtonCircle_izwqq_42", _t = {
   playerButton: Yr,
   playerButtonCircle: Xr
-}, le = Ve(
+}, le = Ne(
   (a, o) => {
-    var l = a, { shape: e = "circle", className: t } = l, n = ne(l, ["shape", "className"]);
+    var c = a, { shape: e = "circle", className: t } = c, n = ne(c, ["shape", "className"]);
     const u = e === "circle" ? _t.playerButtonCircle : "", i = [_t.playerButton, u, t].filter(Boolean).join(" ");
-    return /* @__PURE__ */ s.jsx("button", j({ ref: o, className: i }, n));
+    return /* @__PURE__ */ s.jsx("button", P({ ref: o, className: i }, n));
   }
 );
 le.displayName = "PlayerButton";
@@ -1826,10 +1829,10 @@ const Gr = "_liveIndicator_1jczn_1", Jr = "_liveIndicatorHasDelay_1jczn_9", Qr =
 };
 function eo(n) {
   var o = n, { message: e } = o, t = ne(o, ["message"]);
-  const a = A((c) => c.delay), l = A((c) => c.setDelay), u = () => {
-    a && l(0);
+  const a = A((l) => l.delay), c = A((l) => l.setDelay), u = () => {
+    a && c(0);
   }, i = a ? `${Ie.liveIndicator} ${Ie.liveIndicatorHasDelay}` : `${Ie.liveIndicator} ${Ie.liveIndicatorNoDelay}`;
-  return /* @__PURE__ */ s.jsxs(le, he(j({ onClick: u, shape: "square" }, t), { children: [
+  return /* @__PURE__ */ s.jsxs(le, he(P({ onClick: u, shape: "square" }, t), { children: [
     /* @__PURE__ */ s.jsx("div", { className: i }),
     e || "Live"
   ] }));
@@ -1857,12 +1860,12 @@ function Jt() {
   );
 }
 function to() {
-  const e = f((i) => i.isPlaying), t = f((i) => i.pause), n = f((i) => i.getPauseTimeDiff), o = f((i) => i.play), a = A((i) => i.delay), l = A((i) => i.setDelay), u = () => {
+  const e = f((i) => i.isPlaying), t = f((i) => i.pause), n = f((i) => i.getPauseTimeDiff), o = f((i) => i.play), a = A((i) => i.delay), c = A((i) => i.setDelay), u = () => {
     if (e)
       t();
     else {
       const i = n();
-      i && l(a + i), o();
+      i && c(a + i), o();
     }
   };
   return /* @__PURE__ */ s.jsx(le, { onClick: u, children: e ? /* @__PURE__ */ s.jsx(Gt, {}) : /* @__PURE__ */ s.jsx(Jt, {}) });
@@ -1878,11 +1881,11 @@ const no = "_progressSlider_hwzgf_1", ro = "_tipContainer_hwzgf_7", oo = "_tipCo
   sliderTrack: lo,
   sliderRange: co,
   sliderThumb: uo
-}, Ae = Ve((l, a) => {
-  var u = l, { max: e = 100, min: t = 0, className: n } = u, o = ne(u, ["max", "min", "className"]);
+}, Ae = Ne((c, a) => {
+  var u = c, { max: e = 100, min: t = 0, className: n } = u, o = ne(u, ["max", "min", "className"]);
   return /* @__PURE__ */ s.jsxs(
     je.Root,
-    he(j({
+    he(P({
       ref: a,
       min: t,
       max: e,
@@ -1902,7 +1905,7 @@ const no = "_progressSlider_hwzgf_1", ro = "_tipContainer_hwzgf_7", oo = "_tipCo
   );
 });
 Ae.displayName = "PlayerSlider";
-function Me(e) {
+function Fe(e) {
   const t = e.getBoundingClientRect();
   return e.offsetWidth / e.offsetHeight > e.clientWidth / e.clientHeight ? {
     left: t.left * 100,
@@ -1913,47 +1916,48 @@ function Me(e) {
     height: t.height * 100
   } : t;
 }
-const Tt = "vod-player-progress-bar";
+const xt = "vod-player-progress-bar";
 function fo() {
-  const e = N(null), t = N(null), [n, o] = G(0), [a, l] = G(0), [u, i] = G(!1), [c, d] = G(-1), [v, y] = G(-1), g = A((I) => I.delay), P = A((I) => I.startDate), k = P ? P.getTime() : 0, _ = (/* @__PURE__ */ new Date()).getTime(), S = A((I) => I.setDelay), V = f((I) => I.isPlaying), R = f((I) => I.addIdleLock), L = f((I) => I.removeIdleLock), x = W(() => {
-    o(Zt(k, g)), l(Sr(k, _));
-  }, [g, _, k]), F = parseFloat(
+  const e = V(null), t = V(null), [n, o] = X(0), [a, c] = X(0), [u, i] = X(!1), [l, d] = X(-1), [v, y] = X(-1), g = A((b) => b.delay), L = A((b) => b.startDate), k = L ? L.getTime() : 0, _ = (/* @__PURE__ */ new Date()).getTime(), j = A((b) => b.setDelay), N = f((b) => b.isPlaying), R = f((b) => b.addIdleLock), I = f((b) => b.removeIdleLock), T = z(() => {
+    o(qt(k, g)), c(Sr(k, _));
+  }, [g, _, k]), M = parseFloat(
     (a ? (v !== -1 ? v : n) / a * 100 : 0).toFixed(1)
-  ), p = (I) => {
-    y(a * (I[0] / 100)), R(Tt);
-  }, U = () => {
+  ), m = (b) => {
+    y(a * (b[0] / 100)), R(xt);
+  }, O = () => {
     if (v !== -1) {
-      const I = Wt(k, v);
-      S(I), y(-1), L(Tt);
+      const b = Wt(k, v);
+      j(b), y(-1), I(xt);
     }
-  }, Y = () => i(!0), z = () => i(!1), O = W(
-    (I) => {
+  }, G = () => i(!0), Z = () => i(!1), H = z(
+    (b) => {
       const Q = e.current, K = t.current;
       if (Q && K) {
-        const Z = Me(Q), oe = Me(K), ue = (I.pageX || I.clientX) - Z.left, te = ue / Z.width;
+        const W = Fe(Q), oe = Fe(K), ue = (b.pageX || b.clientX) - W.left, te = ue / W.width;
         if (te < 0) return;
         let q = ue - oe.width / 2;
-        q < 0 && (q = 0), q > Z.width - oe.width && (q = -1), K.style.left = q > -1 ? `${q}px` : "auto", K.style.right = q > -1 ? "auto" : "0px";
+        q < 0 && (q = 0), q > W.width - oe.width && (q = -1), K.style.left = q > -1 ? `${q}px` : "auto", K.style.right = q > -1 ? "auto" : "0px";
         const ve = a - te * a;
         d(ve > 0 ? ve : 0);
       }
-      Y();
+      G();
     },
     [a]
   );
-  return Ne(() => x(), V ? 1e3 : null), D(() => {
-    x();
-  }, [x]), /* @__PURE__ */ s.jsxs("div", { className: se.progressSlider, children: [
+  return Ve(() => T(), N ? 1e3 : null), D(() => {
+    const b = requestAnimationFrame(() => T());
+    return () => cancelAnimationFrame(b);
+  }, [T]), /* @__PURE__ */ s.jsxs("div", { className: se.progressSlider, children: [
     /* @__PURE__ */ s.jsx(
       Ae,
       {
         ref: e,
-        value: [F],
-        onPointerLeave: z,
-        onPointerDown: z,
-        onPointerMove: O,
-        onValueChange: p,
-        onValueCommit: U,
+        value: [M],
+        onPointerLeave: Z,
+        onPointerDown: Z,
+        onPointerMove: H,
+        onValueChange: m,
+        onValueCommit: O,
         step: 0.1
       }
     ),
@@ -1962,7 +1966,7 @@ function fo() {
       {
         ref: t,
         className: `${se.tipContainer} ${u ? se.tipContainerVisible : se.tipContainerHidden}`,
-        children: /* @__PURE__ */ s.jsx("p", { className: se.tipContent, children: `-${_e(c)}` })
+        children: /* @__PURE__ */ s.jsx("p", { className: se.tipContent, children: `-${_e(l)}` })
       }
     )
   ] });
@@ -2034,10 +2038,10 @@ function Qt() {
     }
   );
 }
-const xo = "_playerContainer_146tx_1", _o = "_controlsTop_146tx_12", To = "_controlsBottom_146tx_29", Co = "_controlsContainer_146tx_45", Eo = "_controlsRow_146tx_61", Ro = "_controlsSection_146tx_68", bo = "_controlsSectionStart_146tx_78", So = "_controlsSectionEnd_146tx_82", B = {
-  playerContainer: xo,
+const To = "_playerContainer_146tx_1", _o = "_controlsTop_146tx_12", xo = "_controlsBottom_146tx_29", Co = "_controlsContainer_146tx_45", Eo = "_controlsRow_146tx_61", Ro = "_controlsSection_146tx_68", bo = "_controlsSectionStart_146tx_78", So = "_controlsSectionEnd_146tx_82", B = {
+  playerContainer: To,
   controlsTop: _o,
-  controlsBottom: To,
+  controlsBottom: xo,
   controlsContainer: Co,
   controlsRow: Eo,
   controlsSection: Ro,
@@ -2067,12 +2071,12 @@ function Po() {
   );
 }
 function en() {
-  const e = f((d) => d.containerRef), t = f((d) => d.exitFullscreen), n = f((d) => d.isFullscreen), o = f((d) => d.requestFullscreen), a = f((d) => d.setIsFullscreen), l = f((d) => d.setIsFullscreenReady), u = f((d) => d.techRef), i = W(
+  const e = f((d) => d.containerRef), t = f((d) => d.exitFullscreen), n = f((d) => d.isFullscreen), o = f((d) => d.requestFullscreen), a = f((d) => d.setIsFullscreen), c = f((d) => d.setIsFullscreenReady), u = f((d) => d.techRef), i = z(
     (d) => {
       d.stopPropagation(), a(ir());
     },
     [a]
-  ), c = () => {
+  ), l = () => {
     n ? t() : o();
   };
   return D(() => {
@@ -2080,23 +2084,23 @@ function en() {
     if (d)
       return lr(d, i);
   }, [e, i, u]), D(() => {
-    l(!0);
-  }, [l]), /* @__PURE__ */ s.jsx(le, { onClick: c, children: n ? /* @__PURE__ */ s.jsx(Po, {}) : /* @__PURE__ */ s.jsx(jo, {}) });
+    c(!0);
+  }, [c]), /* @__PURE__ */ s.jsx(le, { onClick: l, children: n ? /* @__PURE__ */ s.jsx(Po, {}) : /* @__PURE__ */ s.jsx(jo, {}) });
 }
-const Lo = "_idleCheckContainer_crh2s_1", Io = "_idleCheckContainerIdle_crh2s_5", ko = "_idleCheckContainerActive_crh2s_11", qe = {
+const Lo = "_idleCheckContainer_crh2s_1", Io = "_idleCheckContainerIdle_crh2s_5", ko = "_idleCheckContainerActive_crh2s_11", Ze = {
   idleCheckContainer: Lo,
   idleCheckContainerIdle: Io,
   idleCheckContainerActive: ko
 }, Do = 5 * 1e3;
 function tn({ children: e }) {
-  const t = N(null), n = f((g) => g.isIdle), o = f((g) => g.setIsIdle), a = N(null), u = f((g) => g.idleLocks).size, i = f((g) => g.eventEmitter), c = W(() => {
+  const t = V(null), n = f((g) => g.isIdle), o = f((g) => g.setIsIdle), a = V(null), u = f((g) => g.idleLocks).size, i = f((g) => g.eventEmitter), l = z(() => {
     a.current !== null && (window.clearTimeout(a.current), a.current = null);
-  }, []), d = W(() => {
-    c(), a.current = window.setTimeout(() => o(!0), Do);
-  }, [c]);
+  }, []), d = z(() => {
+    l(), a.current = window.setTimeout(() => o(!0), Do);
+  }, [l, o]);
   D(() => (o(!1), d(), () => {
-    c();
-  }), [c, d]), D(() => {
+    l();
+  }), [l, o, d]), D(() => {
     const g = () => {
       o(!1), d();
     };
@@ -2104,17 +2108,17 @@ function tn({ children: e }) {
       i.off("resetIdle", g);
     };
   }, [i, o, d]);
-  const v = n && !u, y = `${qe.idleCheckContainer} ${v ? qe.idleCheckContainerIdle : qe.idleCheckContainerActive}`;
+  const v = n && !u, y = `${Ze.idleCheckContainer} ${v ? Ze.idleCheckContainerIdle : Ze.idleCheckContainerActive}`;
   return /* @__PURE__ */ s.jsx("div", { ref: t, className: y, children: e });
 }
-const Fo = "_spinner_oo4hi_10", Mo = {
-  spinner: Fo
+const Mo = "_spinner_oo4hi_10", Fo = {
+  spinner: Mo
 };
-function Vo(e) {
-  return /* @__PURE__ */ s.jsx("div", j({ className: Mo.spinner }, e));
+function No(e) {
+  return /* @__PURE__ */ s.jsx("div", P({ className: Fo.spinner }, e));
 }
-function No(e, t = 500) {
-  const [n, o] = G(e);
+function Vo(e, t = 500) {
+  const [n, o] = X(e);
   return D(() => {
     const a = window.setTimeout(() => o(e), t);
     return () => {
@@ -2128,7 +2132,7 @@ const Ao = "_loadingContainer_v9v7r_1", Oo = {
 function nn(n) {
   var o = n, { style: e } = o, t = ne(o, ["style"]);
   const a = f((u) => u.isLoading);
-  return No(a, 100) ? /* @__PURE__ */ s.jsx("div", he(j({ className: Oo.loadingContainer, style: e }, t), { children: /* @__PURE__ */ s.jsx(Vo, {}) })) : null;
+  return Vo(a, 100) ? /* @__PURE__ */ s.jsx("div", he(P({ className: Oo.loadingContainer, style: e }, t), { children: /* @__PURE__ */ s.jsx(No, {}) })) : null;
 }
 function Ho() {
   return /* @__PURE__ */ s.jsx(
@@ -2152,18 +2156,18 @@ function $o() {
     }
   );
 }
-const Uo = "_dropdownMenuContent_b7j6b_1", Bo = "_dropdownMenuItem_b7j6b_83", zo = "_scrollAreaRoot_b7j6b_125", Wo = "_scrollAreaViewport_b7j6b_133", Zo = "_scrollAreaScrollbar_b7j6b_141", qo = "_scrollAreaThumb_b7j6b_168", pe = {
+const Uo = "_dropdownMenuContent_b7j6b_1", Bo = "_dropdownMenuItem_b7j6b_83", zo = "_scrollAreaRoot_b7j6b_125", Wo = "_scrollAreaViewport_b7j6b_133", qo = "_scrollAreaScrollbar_b7j6b_141", Zo = "_scrollAreaThumb_b7j6b_168", pe = {
   dropdownMenuContent: Uo,
   dropdownMenuItem: Bo,
   scrollAreaRoot: zo,
   scrollAreaViewport: Wo,
-  scrollAreaScrollbar: Zo,
-  scrollAreaThumb: qo
-}, Ko = Te.Root, Yo = Te.Trigger, Xo = Te.Portal, rn = Ve((l, a) => {
-  var u = l, { sideOffset: e = 4, className: t, children: n } = u, o = ne(u, ["sideOffset", "className", "children"]);
+  scrollAreaScrollbar: qo,
+  scrollAreaThumb: Zo
+}, Ko = xe.Root, Yo = xe.Trigger, Xo = xe.Portal, rn = Ne((c, a) => {
+  var u = c, { sideOffset: e = 4, className: t, children: n } = u, o = ne(u, ["sideOffset", "className", "children"]);
   return /* @__PURE__ */ s.jsx(
-    Te.Content,
-    he(j({
+    xe.Content,
+    he(P({
       ref: a,
       sideOffset: e,
       className: [pe.dropdownMenuContent, t].filter(Boolean).join(" "),
@@ -2197,16 +2201,16 @@ const Uo = "_dropdownMenuContent_b7j6b_1", Bo = "_dropdownMenuItem_b7j6b_83", zo
   );
 });
 rn.displayName = "PlayerMenuContent";
-const on = Ve((a, o) => {
-  var l = a, { className: e, onClick: t } = l, n = ne(l, ["className", "onClick"]);
-  const u = (c) => {
-    t == null || t(c);
-  }, i = (c) => {
-    (c.key === "Enter" || c.key === " ") && (c.preventDefault(), t == null || t(c));
+const on = Ne((a, o) => {
+  var c = a, { className: e, onClick: t } = c, n = ne(c, ["className", "onClick"]);
+  const u = (l) => {
+    t == null || t(l);
+  }, i = (l) => {
+    (l.key === "Enter" || l.key === " ") && (l.preventDefault(), t == null || t(l));
   };
-  return /* @__PURE__ */ s.jsx(Te.Close, { asChild: !0, children: /* @__PURE__ */ s.jsx(
+  return /* @__PURE__ */ s.jsx(xe.Close, { asChild: !0, children: /* @__PURE__ */ s.jsx(
     "div",
-    j({
+    P({
       ref: o,
       className: [pe.dropdownMenuItem, e].filter(Boolean).join(" "),
       role: "menuitem",
@@ -2219,24 +2223,24 @@ const on = Ve((a, o) => {
 on.displayName = "PlayerMenuItem";
 const Ct = "settings";
 function sn() {
-  const [e, t] = G(!1), n = f((c) => c.containerRef), o = f((c) => c.addIdleLock), a = f((c) => c.removeIdleLock), l = f((c) => c.levels), u = f((c) => c.setLevel), i = W(
-    (c) => {
-      t(c), c ? o(Ct) : a(Ct);
+  const [e, t] = X(!1), n = f((l) => l.containerRef), o = f((l) => l.addIdleLock), a = f((l) => l.removeIdleLock), c = f((l) => l.levels), u = f((l) => l.setLevel), i = z(
+    (l) => {
+      t(l), l ? o(Ct) : a(Ct);
     },
     [o, a]
   );
   return /* @__PURE__ */ s.jsxs(Ko, { open: e, onOpenChange: i, children: [
     /* @__PURE__ */ s.jsx(Yo, { asChild: !0, children: /* @__PURE__ */ s.jsx(le, { children: /* @__PURE__ */ s.jsx($o, {}) }) }),
-    /* @__PURE__ */ s.jsx(Xo, { container: n.current, children: /* @__PURE__ */ s.jsx(rn, { side: "top", align: "end", children: l == null ? void 0 : l.map((c) => /* @__PURE__ */ s.jsxs(
+    /* @__PURE__ */ s.jsx(Xo, { container: n.current, children: /* @__PURE__ */ s.jsx(rn, { side: "top", align: "end", children: c == null ? void 0 : c.map((l) => /* @__PURE__ */ s.jsxs(
       on,
       {
-        onClick: () => u(c.value),
+        onClick: () => u(l.value),
         children: [
-          c.label,
-          c.selected && /* @__PURE__ */ s.jsx(Ho, {})
+          l.label,
+          l.selected && /* @__PURE__ */ s.jsx(Ho, {})
         ]
       },
-      c.sid
+      l.sid
     )) }) })
   ] });
 }
@@ -2280,7 +2284,7 @@ const ei = "_volumeContainer_4d6jg_1", ti = "_volumeSlider_4d6jg_8", Et = {
 function an() {
   const e = f((i) => i.setVolume), t = f((i) => i.volume), n = f((i) => i.addIdleLock), o = f((i) => i.removeIdleLock), a = (i) => {
     e(i[0]), n(Rt);
-  }, l = () => {
+  }, c = () => {
     o(Rt);
   }, u = () => e(t ? 0 : 100);
   return /* @__PURE__ */ s.jsxs("div", { className: Et.volumeContainer, children: [
@@ -2290,19 +2294,24 @@ function an() {
       {
         value: [t],
         onValueChange: a,
-        onValueCommit: l
+        onValueCommit: c
       }
     ) })
   ] });
 }
-const ni = "0.0.48", ln = {
+const ni = "0.0.50", ln = {
   version: ni
 };
 function wi(e) {
-  return /* @__PURE__ */ s.jsx(kr, { children: /* @__PURE__ */ s.jsx(ri, j({}, e)) });
-}
-function ri({ url: e, messages: t, onEvent: n }) {
-  const o = f((a) => a.containerRef);
+  return /* @__PURE__ */ s.jsx(kr, { children: /* @__PURE__ */ s.jsx(ri, P({}, e)) });
+}
+function ri({ url: e, messages: t = {}, onEvent: n }) {
+  var c, u, i, l;
+  const o = f((d) => d.containerRef), a = {
+    eventNotStarted: "Event has not started yet.",
+    eventStartingSoon: "Starting in few seconds...",
+    unableToPlay: "Unable to play the live stream. Please try again later."
+  };
   return D(() => {
     console.log(`[Player][Live] Version: ${ln.version}`);
   }, []), /* @__PURE__ */ s.jsxs(
@@ -2316,18 +2325,17 @@ function ri({ url: e, messages: t, onEvent: n }) {
           {
             url: e,
             messages: {
-              eventNotStarted: t == null ? void 0 : t.eventNotStarted,
-              eventStartingSoon: t == null ? void 0 : t.eventStartingSoon,
-              unableToPlay: t == null ? void 0 : t.unableToPlay
+              eventNotStarted: (c = t == null ? void 0 : t.eventNotStarted) != null ? c : a.eventNotStarted,
+              eventStartingSoon: (u = t == null ? void 0 : t.eventStartingSoon) != null ? u : a.eventStartingSoon,
+              unableToPlay: (i = t == null ? void 0 : t.unableToPlay) != null ? i : a.unableToPlay
             },
             children: [
               /* @__PURE__ */ s.jsx(
-                Vr,
+                Nr,
                 {
                   url: e,
                   messages: {
-                    eventFinished: t == null ? void 0 : t.eventFinished,
-                    unableToPlay: t == null ? void 0 : t.unableToPlay
+                    unableToPlay: (l = t == null ? void 0 : t.unableToPlay) != null ? l : a.unableToPlay
                   }
                 }
               ),
@@ -2368,14 +2376,14 @@ function ri({ url: e, messages: t, onEvent: n }) {
           }
         ),
         /* @__PURE__ */ s.jsx(Ir, {}),
-        /* @__PURE__ */ s.jsx(Nr, { url: e }),
+        /* @__PURE__ */ s.jsx(Vr, { url: e }),
         n && /* @__PURE__ */ s.jsx(Lr, { callback: n })
       ]
     }
   );
 }
 function oi() {
-  const e = f((u) => u.isPlaying), t = f((u) => u.pause), n = f((u) => u.play), o = f((u) => u.currentTime), a = f((u) => u.duration), l = f((u) => u.seek);
+  const e = f((u) => u.isPlaying), t = f((u) => u.pause), n = f((u) => u.play), o = f((u) => u.currentTime), a = f((u) => u.duration), c = f((u) => u.seek);
   return /* @__PURE__ */ s.jsx(
     Xt,
     {
@@ -2384,11 +2392,11 @@ function oi() {
       },
       onBackwardSeek: (u) => {
         const i = Math.max(0, o - u);
-        l(i);
+        c(i);
       },
       onForwardSeek: (u) => {
         const i = Math.min(o + u, a);
-        l(i);
+        c(i);
       },
       maxBackwardTime: Math.floor(o),
       maxForwardTime: Math.floor(a - o)
@@ -2403,22 +2411,22 @@ function ii() {
 }
 const bt = "vod-player-progress-bar";
 function si() {
-  const e = N(null), t = N(null), [n, o] = G(!1), [a, l] = G(-1), [u, i] = G(-1), c = f((L) => L.currentTime), d = f((L) => L.duration), v = f((L) => L.seek), y = f((L) => L.addIdleLock), g = f((L) => L.removeIdleLock), P = parseFloat(
-    (d ? (u !== -1 ? u : c) / d * 100 : 0).toFixed(1)
-  ), k = (L) => {
-    i(d * (L[0] / 100)), y(bt);
+  const e = V(null), t = V(null), [n, o] = X(!1), [a, c] = X(-1), [u, i] = X(-1), l = f((I) => I.currentTime), d = f((I) => I.duration), v = f((I) => I.seek), y = f((I) => I.addIdleLock), g = f((I) => I.removeIdleLock), L = parseFloat(
+    (d ? (u !== -1 ? u : l) / d * 100 : 0).toFixed(1)
+  ), k = (I) => {
+    i(d * (I[0] / 100)), y(bt);
   }, _ = () => {
     u !== -1 && (v(u), i(-1), g(bt));
-  }, S = () => o(!0), V = () => o(!1), R = W(
-    (L) => {
-      const x = e.current, F = t.current;
-      if (x && F) {
-        const p = Me(x), U = Me(F), Y = (L.pageX || L.clientX) - p.left, z = Y / p.width;
-        if (z < 0) return;
-        let O = Y - U.width / 2;
-        O < 0 && (O = 0), O > p.width - U.width && (O = -1), F.style.left = O > -1 ? `${O}px` : "auto", F.style.right = O > -1 ? "auto" : "0px", l(z * d);
+  }, j = () => o(!0), N = () => o(!1), R = z(
+    (I) => {
+      const T = e.current, M = t.current;
+      if (T && M) {
+        const m = Fe(T), O = Fe(M), G = (I.pageX || I.clientX) - m.left, Z = G / m.width;
+        if (Z < 0) return;
+        let H = G - O.width / 2;
+        H < 0 && (H = 0), H > m.width - O.width && (H = -1), M.style.left = H > -1 ? `${H}px` : "auto", M.style.right = H > -1 ? "auto" : "0px", c(Z * d);
       }
-      S();
+      j();
     },
     [d]
   );
@@ -2427,9 +2435,9 @@ function si() {
       Ae,
       {
         ref: e,
-        value: [P],
-        onPointerLeave: V,
-        onPointerDown: V,
+        value: [L],
+        onPointerLeave: N,
+        onPointerDown: N,
         onPointerMove: R,
         onValueChange: k,
         onValueCommit: _,
@@ -2446,17 +2454,17 @@ function si() {
     )
   ] });
 }
-const ai = "_remainingTimeContainer_1yyhb_1", li = "_remainingTime_1yyhb_1", ci = "_remainingSeparator_1yyhb_17", Fe = {
+const ai = "_remainingTimeContainer_1yyhb_1", li = "_remainingTime_1yyhb_1", ci = "_remainingSeparator_1yyhb_17", Me = {
   remainingTimeContainer: ai,
   remainingTime: li,
   remainingSeparator: ci
 };
 function ui() {
   const e = f((n) => n.currentTime), t = f((n) => n.duration);
-  return /* @__PURE__ */ s.jsxs("div", { className: Fe.remainingTimeContainer, children: [
-    /* @__PURE__ */ s.jsx("p", { className: Fe.remainingTime, children: _e(e) }),
-    /* @__PURE__ */ s.jsx("p", { className: Fe.remainingSeparator }),
-    /* @__PURE__ */ s.jsx("p", { className: Fe.remainingTime, children: _e(t) })
+  return /* @__PURE__ */ s.jsxs("div", { className: Me.remainingTimeContainer, children: [
+    /* @__PURE__ */ s.jsx("p", { className: Me.remainingTime, children: _e(e) }),
+    /* @__PURE__ */ s.jsx("p", { className: Me.remainingSeparator }),
+    /* @__PURE__ */ s.jsx("p", { className: Me.remainingTime, children: _e(t) })
   ] });
 }
 function di({ callback: e }) {
@@ -2469,35 +2477,38 @@ function di({ callback: e }) {
   }, [e, t]), /* @__PURE__ */ s.jsx(zt, { callback: e });
 }
 function fi() {
-  const e = f((i) => i.currentTime), t = f((i) => i.duration), n = f((i) => i.isPlaying), o = f((i) => i.pause), a = f((i) => i.play), l = f((i) => i.seek), u = W(
+  const e = f((i) => i.currentTime), t = f((i) => i.duration), n = f((i) => i.isPlaying), o = f((i) => i.pause), a = f((i) => i.play), c = f((i) => i.seek), u = z(
     (i) => {
-      let c = !1;
+      let l = !1;
       if (!(i.target instanceof HTMLInputElement || i.ctrlKey)) {
         switch (i.code) {
           case "ArrowLeft":
-            l(e - 10 >= 0 ? e - 10 : 0), c = !0;
+            c(e - 10 >= 0 ? e - 10 : 0), l = !0;
             break;
           case "ArrowRight":
-            l(e + 10 < t ? e + 10 : t), c = !0;
+            c(e + 10 < t ? e + 10 : t), l = !0;
             break;
           case "Space":
-            n ? o() : a(), c = !0;
+            n ? o() : a(), l = !0;
             break;
         }
-        c && i.preventDefault();
+        l && i.preventDefault();
       }
     },
-    [e, t, n, o, a, l]
+    [e, t, n, o, a, c]
   );
   return D(() => (document.addEventListener("keydown", u), () => {
     document.removeEventListener("keydown", u);
-  }), [u]), /* @__PURE__ */ s.jsx(qt, {});
+  }), [u]), /* @__PURE__ */ s.jsx(Zt, {});
 }
-function xi(e) {
-  return /* @__PURE__ */ s.jsx(Kt, { children: /* @__PURE__ */ s.jsx(hi, j({}, e)) });
+function Ti(e) {
+  return /* @__PURE__ */ s.jsx(Kt, { children: /* @__PURE__ */ s.jsx(hi, P({}, e)) });
 }
 function hi({ url: e, messages: t, onEvent: n, startTime: o }) {
-  const a = f((u) => u.setStartTime), l = f((u) => u.containerRef);
+  var i;
+  const a = f((l) => l.setStartTime), c = f((l) => l.containerRef), u = {
+    unableToPlay: "Unable to play the video. Please try again later."
+  };
   return D(() => {
     o && a(o);
   }, [o, a]), D(() => {
@@ -2505,10 +2516,19 @@ function hi({ url: e, messages: t, onEvent: n, startTime: o }) {
   }, []), /* @__PURE__ */ s.jsxs(
     "div",
     {
-      ref: l,
+      ref: c,
       className: B.playerContainer,
       children: [
-        /* @__PURE__ */ s.jsx(Yt, { url: e, isLive: !1, messages: t }),
+        /* @__PURE__ */ s.jsx(
+          Yt,
+          {
+            url: e,
+            isLive: !1,
+            messages: {
+              unableToPlay: (i = t == null ? void 0 : t.unableToPlay) != null ? i : u.unableToPlay
+            }
+          }
+        ),
         /* @__PURE__ */ s.jsx(Qt, {}),
         /* @__PURE__ */ s.jsx(nn, {}),
         /* @__PURE__ */ s.jsx(oi, {}),
@@ -2546,6 +2566,6 @@ function hi({ url: e, messages: t, onEvent: n, startTime: o }) {
 }
 export {
   wi as LivePlayer,
-  xi as VodPlayer
+  Ti as VodPlayer
 };
 //# sourceMappingURL=react-video-player.es.js.map