@halibegic/react-video-player 0.0.8 → 0.0.9

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

@@ -1,8 +1,8 @@
-import st, { useLayoutEffect as yn, useEffect as A, useRef as M, useState as D, createContext as at, useContext as lt, forwardRef as ge, useCallback as k } from "react";
+import st, { useLayoutEffect as xn, useEffect as A, useRef as V, useState as M, createContext as at, useContext as lt, forwardRef as ge, useCallback as k } from "react";
 import { create as ct, useStore as ut } from "zustand";
-import b, { css as Ge, keyframes as xn } from "styled-components";
+import b, { css as Ge, keyframes as wn } from "styled-components";
 import * as ye from "@radix-ui/react-slider";
-import Q from "hls.js";
+import ee from "hls.js";
 import * as ce from "@radix-ui/react-dropdown-menu";
 var pe = { exports: {} }, ae = {};
 /**
@@ -15,16 +15,16 @@ var pe = { exports: {} }, ae = {};
  * LICENSE file in the root directory of this source tree.
  */
 var Qe;
-function wn() {
+function bn() {
   if (Qe) return ae;
   Qe = 1;
   var e = st, n = Symbol.for("react.element"), r = Symbol.for("react.fragment"), i = Object.prototype.hasOwnProperty, l = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, h = { key: !0, ref: !0, __self: !0, __source: !0 };
   function m(f, a, d) {
-    var p, y = {}, E = null, C = null;
-    d !== void 0 && (E = "" + d), a.key !== void 0 && (E = "" + a.key), a.ref !== void 0 && (C = a.ref);
+    var p, y = {}, E = null, j = null;
+    d !== void 0 && (E = "" + d), a.key !== void 0 && (E = "" + a.key), a.ref !== void 0 && (j = a.ref);
     for (p in a) i.call(a, p) && !h.hasOwnProperty(p) && (y[p] = a[p]);
     if (f && f.defaultProps) for (p in a = f.defaultProps, a) y[p] === void 0 && (y[p] = a[p]);
-    return { $$typeof: n, type: f, key: E, ref: C, props: y, _owner: l.current };
+    return { $$typeof: n, type: f, key: E, ref: j, props: y, _owner: l.current };
   }
   return ae.Fragment = r, ae.jsx = m, ae.jsxs = m, ae;
 }
@@ -39,16 +39,16 @@ var le = {};
  * LICENSE file in the root directory of this source tree.
  */
 var et;
-function bn() {
+function Tn() {
   return et || (et = 1, process.env.NODE_ENV !== "production" && (function() {
-    var e = st, n = Symbol.for("react.element"), r = Symbol.for("react.portal"), i = Symbol.for("react.fragment"), l = Symbol.for("react.strict_mode"), h = Symbol.for("react.profiler"), m = Symbol.for("react.provider"), f = Symbol.for("react.context"), a = Symbol.for("react.forward_ref"), d = Symbol.for("react.suspense"), p = Symbol.for("react.suspense_list"), y = Symbol.for("react.memo"), E = Symbol.for("react.lazy"), C = Symbol.for("react.offscreen"), V = Symbol.iterator, F = "@@iterator";
-    function N(t) {
+    var e = st, n = Symbol.for("react.element"), r = Symbol.for("react.portal"), i = Symbol.for("react.fragment"), l = Symbol.for("react.strict_mode"), h = Symbol.for("react.profiler"), m = Symbol.for("react.provider"), f = Symbol.for("react.context"), a = Symbol.for("react.forward_ref"), d = Symbol.for("react.suspense"), p = Symbol.for("react.suspense_list"), y = Symbol.for("react.memo"), E = Symbol.for("react.lazy"), j = Symbol.for("react.offscreen"), H = Symbol.iterator, F = "@@iterator";
+    function B(t) {
       if (t === null || typeof t != "object")
         return null;
-      var s = V && t[V] || t[F];
+      var s = H && t[H] || t[F];
       return typeof s == "function" ? s : null;
     }
-    var _ = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    var I = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function S(t) {
       {
         for (var s = arguments.length, u = new Array(s > 1 ? s - 1 : 0), g = 1; g < s; g++)
@@ -58,31 +58,31 @@ function bn() {
     }
     function v(t, s, u) {
       {
-        var g = _.ReactDebugCurrentFrame, j = g.getStackAddendum();
-        j !== "" && (s += "%s", u = u.concat([j]));
+        var g = I.ReactDebugCurrentFrame, C = g.getStackAddendum();
+        C !== "" && (s += "%s", u = u.concat([C]));
         var P = u.map(function(w) {
           return String(w);
         });
         P.unshift("Warning: " + s), Function.prototype.apply.call(console[t], console, P);
       }
     }
-    var z = !1, Y = !1, q = !1, te = !1, J = !1, X;
-    X = Symbol.for("react.module.reference");
+    var z = !1, Z = !1, J = !1, te = !1, X = !1, K;
+    K = Symbol.for("react.module.reference");
     function T(t) {
-      return !!(typeof t == "string" || typeof t == "function" || t === i || t === h || J || t === l || t === d || t === p || te || t === C || z || Y || q || typeof t == "object" && t !== null && (t.$$typeof === E || t.$$typeof === y || t.$$typeof === m || t.$$typeof === f || t.$$typeof === a || // This needs to include all possible module reference object
+      return !!(typeof t == "string" || typeof t == "function" || t === i || t === h || X || t === l || t === d || t === p || te || t === j || z || Z || J || typeof t == "object" && t !== null && (t.$$typeof === E || t.$$typeof === y || t.$$typeof === m || t.$$typeof === f || t.$$typeof === a || // 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.
-      t.$$typeof === X || t.getModuleId !== void 0));
+      t.$$typeof === K || t.getModuleId !== void 0));
     }
     function ue(t, s, u) {
       var g = t.displayName;
       if (g)
         return g;
-      var j = s.displayName || s.name || "";
-      return j !== "" ? u + "(" + j + ")" : u;
+      var C = s.displayName || s.name || "";
+      return C !== "" ? u + "(" + C + ")" : u;
     }
-    function K(t) {
+    function G(t) {
       return t.displayName || "Context";
     }
     function $(t) {
@@ -110,17 +110,17 @@ function bn() {
         switch (t.$$typeof) {
           case f:
             var s = t;
-            return K(s) + ".Consumer";
+            return G(s) + ".Consumer";
           case m:
             var u = t;
-            return K(u._context) + ".Provider";
+            return G(u._context) + ".Provider";
           case a:
             return ue(t, t.render, "ForwardRef");
           case y:
             var g = t.displayName || null;
             return g !== null ? g : $(t.type) || "Memo";
           case E: {
-            var j = t, P = j._payload, w = j._init;
+            var C = t, P = C._payload, w = C._init;
             try {
               return $(w(P));
             } catch {
@@ -130,13 +130,13 @@ function bn() {
         }
       return null;
     }
-    var B = Object.assign, Z = 0, ie, W, Fe, _e, Ie, De, Me;
+    var N = Object.assign, Y = 0, ie, W, Fe, _e, Ie, De, Me;
     function Ve() {
     }
     Ve.__reactDisabledLog = !0;
-    function Wt() {
+    function zt() {
       {
-        if (Z === 0) {
+        if (Y === 0) {
           ie = console.log, W = console.info, Fe = console.warn, _e = console.error, Ie = console.group, De = console.groupCollapsed, Me = console.groupEnd;
           var t = {
             configurable: !0,
@@ -154,65 +154,65 @@ function bn() {
             groupEnd: t
           });
         }
-        Z++;
+        Y++;
       }
     }
-    function zt() {
+    function Zt() {
       {
-        if (Z--, Z === 0) {
+        if (Y--, Y === 0) {
           var t = {
             configurable: !0,
             enumerable: !0,
             writable: !0
           };
           Object.defineProperties(console, {
-            log: B({}, t, {
+            log: N({}, t, {
               value: ie
             }),
-            info: B({}, t, {
+            info: N({}, t, {
               value: W
             }),
-            warn: B({}, t, {
+            warn: N({}, t, {
               value: Fe
             }),
-            error: B({}, t, {
+            error: N({}, t, {
               value: _e
             }),
-            group: B({}, t, {
+            group: N({}, t, {
               value: Ie
             }),
-            groupCollapsed: B({}, t, {
+            groupCollapsed: N({}, t, {
               value: De
             }),
-            groupEnd: B({}, t, {
+            groupEnd: N({}, t, {
               value: Me
             })
           });
         }
-        Z < 0 && S("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        Y < 0 && S("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var be = _.ReactCurrentDispatcher, Te;
+    var be = I.ReactCurrentDispatcher, Te;
     function de(t, s, u) {
       {
         if (Te === void 0)
           try {
             throw Error();
-          } catch (j) {
-            var g = j.stack.trim().match(/\n( *(at )?)/);
+          } catch (C) {
+            var g = C.stack.trim().match(/\n( *(at )?)/);
             Te = g && g[1] || "";
           }
         return `
 ` + Te + t;
       }
     }
-    var je = !1, fe;
+    var Ce = !1, fe;
     {
       var Yt = typeof WeakMap == "function" ? WeakMap : Map;
       fe = new Yt();
     }
     function He(t, s) {
-      if (!t || je)
+      if (!t || Ce)
         return "";
       {
         var u = fe.get(t);
@@ -220,11 +220,11 @@ function bn() {
           return u;
       }
       var g;
-      je = !0;
-      var j = Error.prepareStackTrace;
+      Ce = !0;
+      var C = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var P;
-      P = be.current, be.current = null, Wt();
+      P = be.current, be.current = null, zt();
       try {
         if (s) {
           var w = function() {
@@ -237,55 +237,55 @@ function bn() {
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
               Reflect.construct(w, []);
-            } catch (H) {
-              g = H;
+            } catch (O) {
+              g = O;
             }
             Reflect.construct(t, [], w);
           } else {
             try {
               w.call();
-            } catch (H) {
-              g = H;
+            } catch (O) {
+              g = O;
             }
             t.call(w.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (H) {
-            g = H;
+          } catch (O) {
+            g = O;
           }
           t();
         }
-      } catch (H) {
-        if (H && g && typeof H.stack == "string") {
-          for (var x = H.stack.split(`
-`), I = g.stack.split(`
-`), R = x.length - 1, L = I.length - 1; R >= 1 && L >= 0 && x[R] !== I[L]; )
-            L--;
-          for (; R >= 1 && L >= 0; R--, L--)
-            if (x[R] !== I[L]) {
-              if (R !== 1 || L !== 1)
+      } catch (O) {
+        if (O && g && typeof O.stack == "string") {
+          for (var x = O.stack.split(`
+`), D = g.stack.split(`
+`), L = x.length - 1, R = D.length - 1; L >= 1 && R >= 0 && x[L] !== D[R]; )
+            R--;
+          for (; L >= 1 && R >= 0; L--, R--)
+            if (x[L] !== D[R]) {
+              if (L !== 1 || R !== 1)
                 do
-                  if (R--, L--, L < 0 || x[R] !== I[L]) {
+                  if (L--, R--, R < 0 || x[L] !== D[R]) {
                     var U = `
-` + x[R].replace(" at new ", " at ");
+` + x[L].replace(" at new ", " at ");
                     return t.displayName && U.includes("<anonymous>") && (U = U.replace("<anonymous>", t.displayName)), typeof t == "function" && fe.set(t, U), U;
                   }
-                while (R >= 1 && L >= 0);
+                while (L >= 1 && R >= 0);
               break;
             }
         }
       } finally {
-        je = !1, be.current = P, zt(), Error.prepareStackTrace = j;
+        Ce = !1, be.current = P, Zt(), Error.prepareStackTrace = C;
       }
-      var re = t ? t.displayName || t.name : "", G = re ? de(re) : "";
-      return typeof t == "function" && fe.set(t, G), G;
+      var re = t ? t.displayName || t.name : "", Q = re ? de(re) : "";
+      return typeof t == "function" && fe.set(t, Q), Q;
     }
-    function Zt(t, s, u) {
+    function qt(t, s, u) {
       return He(t, !1);
     }
-    function qt(t) {
+    function Jt(t) {
       var s = t.prototype;
       return !!(s && s.isReactComponent);
     }
@@ -293,7 +293,7 @@ function bn() {
       if (t == null)
         return "";
       if (typeof t == "function")
-        return He(t, qt(t));
+        return He(t, Jt(t));
       if (typeof t == "string")
         return de(t);
       switch (t) {
@@ -305,20 +305,20 @@ function bn() {
       if (typeof t == "object")
         switch (t.$$typeof) {
           case a:
-            return Zt(t.render);
+            return qt(t.render);
           case y:
             return he(t.type, s, u);
           case E: {
-            var g = t, j = g._payload, P = g._init;
+            var g = t, C = g._payload, P = g._init;
             try {
-              return he(P(j), s, u);
+              return he(P(C), s, u);
             } catch {
             }
           }
         }
       return "";
     }
-    var se = Object.prototype.hasOwnProperty, Oe = {}, Ae = _.ReactDebugCurrentFrame;
+    var se = Object.prototype.hasOwnProperty, Oe = {}, Ae = I.ReactDebugCurrentFrame;
     function me(t) {
       if (t) {
         var s = t._owner, u = he(t.type, t._source, s ? s.type : null);
@@ -326,7 +326,7 @@ function bn() {
       } else
         Ae.setExtraStackFrame(null);
     }
-    function Jt(t, s, u, g, j) {
+    function Xt(t, s, u, g, C) {
       {
         var P = Function.call.bind(se);
         for (var w in t)
@@ -334,28 +334,28 @@ function bn() {
             var x = void 0;
             try {
               if (typeof t[w] != "function") {
-                var I = Error((g || "React class") + ": " + u + " type `" + w + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof t[w] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw I.name = "Invariant Violation", I;
+                var D = Error((g || "React class") + ": " + u + " type `" + w + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof t[w] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw D.name = "Invariant Violation", D;
               }
               x = t[w](s, w, g, u, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (R) {
-              x = R;
+            } catch (L) {
+              x = L;
             }
-            x && !(x instanceof Error) && (me(j), S("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", g || "React class", u, w, typeof x), me(null)), x instanceof Error && !(x.message in Oe) && (Oe[x.message] = !0, me(j), S("Failed %s type: %s", u, x.message), me(null));
+            x && !(x instanceof Error) && (me(C), S("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", g || "React class", u, w, typeof x), me(null)), x instanceof Error && !(x.message in Oe) && (Oe[x.message] = !0, me(C), S("Failed %s type: %s", u, x.message), me(null));
           }
       }
     }
-    var Xt = Array.isArray;
-    function Ce(t) {
-      return Xt(t);
+    var Kt = Array.isArray;
+    function je(t) {
+      return Kt(t);
     }
-    function Kt(t) {
+    function Gt(t) {
       {
         var s = typeof Symbol == "function" && Symbol.toStringTag, u = s && t[Symbol.toStringTag] || t.constructor.name || "Object";
         return u;
       }
     }
-    function Gt(t) {
+    function Qt(t) {
       try {
         return $e(t), !1;
       } catch {
@@ -366,16 +366,16 @@ function bn() {
       return "" + t;
     }
     function Ue(t) {
-      if (Gt(t))
-        return S("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Kt(t)), $e(t);
+      if (Qt(t))
+        return S("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Gt(t)), $e(t);
     }
-    var Ne = _.ReactCurrentOwner, Qt = {
+    var Be = I.ReactCurrentOwner, en = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, Be, We;
-    function en(t) {
+    }, Ne, We;
+    function tn(t) {
       if (se.call(t, "ref")) {
         var s = Object.getOwnPropertyDescriptor(t, "ref").get;
         if (s && s.isReactWarning)
@@ -383,7 +383,7 @@ function bn() {
       }
       return t.ref !== void 0;
     }
-    function tn(t) {
+    function nn(t) {
       if (se.call(t, "key")) {
         var s = Object.getOwnPropertyDescriptor(t, "key").get;
         if (s && s.isReactWarning)
@@ -391,13 +391,13 @@ function bn() {
       }
       return t.key !== void 0;
     }
-    function nn(t, s) {
-      typeof t.ref == "string" && Ne.current;
-    }
     function rn(t, s) {
+      typeof t.ref == "string" && Be.current;
+    }
+    function on(t, s) {
       {
         var u = function() {
-          Be || (Be = !0, S("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", s));
+          Ne || (Ne = !0, S("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", s));
         };
         u.isReactWarning = !0, Object.defineProperty(t, "key", {
           get: u,
@@ -405,7 +405,7 @@ function bn() {
         });
       }
     }
-    function on(t, s) {
+    function sn(t, s) {
       {
         var u = function() {
           We || (We = !0, S("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", s));
@@ -416,7 +416,7 @@ function bn() {
         });
       }
     }
-    var sn = function(t, s, u, g, j, P, w) {
+    var an = function(t, s, u, g, C, P, w) {
       var x = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: n,
@@ -442,28 +442,28 @@ function bn() {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: j
+        value: C
       }), Object.freeze && (Object.freeze(x.props), Object.freeze(x)), x;
     };
-    function an(t, s, u, g, j) {
+    function ln(t, s, u, g, C) {
       {
-        var P, w = {}, x = null, I = null;
-        u !== void 0 && (Ue(u), x = "" + u), tn(s) && (Ue(s.key), x = "" + s.key), en(s) && (I = s.ref, nn(s, j));
+        var P, w = {}, x = null, D = null;
+        u !== void 0 && (Ue(u), x = "" + u), nn(s) && (Ue(s.key), x = "" + s.key), tn(s) && (D = s.ref, rn(s, C));
         for (P in s)
-          se.call(s, P) && !Qt.hasOwnProperty(P) && (w[P] = s[P]);
+          se.call(s, P) && !en.hasOwnProperty(P) && (w[P] = s[P]);
         if (t && t.defaultProps) {
-          var R = t.defaultProps;
-          for (P in R)
-            w[P] === void 0 && (w[P] = R[P]);
+          var L = t.defaultProps;
+          for (P in L)
+            w[P] === void 0 && (w[P] = L[P]);
         }
-        if (x || I) {
-          var L = typeof t == "function" ? t.displayName || t.name || "Unknown" : t;
-          x && rn(w, L), I && on(w, L);
+        if (x || D) {
+          var R = typeof t == "function" ? t.displayName || t.name || "Unknown" : t;
+          x && on(w, R), D && sn(w, R);
         }
-        return sn(t, x, I, j, g, Ne.current, w);
+        return an(t, x, D, C, g, Be.current, w);
       }
     }
-    var Pe = _.ReactCurrentOwner, ze = _.ReactDebugCurrentFrame;
+    var Pe = I.ReactCurrentOwner, ze = I.ReactDebugCurrentFrame;
     function ne(t) {
       if (t) {
         var s = t._owner, u = he(t.type, t._source, s ? s.type : null);
@@ -473,10 +473,10 @@ function bn() {
     }
     var Se;
     Se = !1;
-    function Re(t) {
+    function Le(t) {
       return typeof t == "object" && t !== null && t.$$typeof === n;
     }
-    function Ye() {
+    function Ze() {
       {
         if (Pe.current) {
           var t = $(Pe.current.type);
@@ -488,13 +488,13 @@ Check the render method of \`` + t + "`.";
         return "";
       }
     }
-    function ln(t) {
+    function cn(t) {
       return "";
     }
-    var Ze = {};
-    function cn(t) {
+    var Ye = {};
+    function un(t) {
       {
-        var s = Ye();
+        var s = Ze();
         if (!s) {
           var u = typeof t == "string" ? t : t.displayName || t.name;
           u && (s = `
@@ -509,10 +509,10 @@ Check the top-level render call using <` + u + ">.");
         if (!t._store || t._store.validated || t.key != null)
           return;
         t._store.validated = !0;
-        var u = cn(s);
-        if (Ze[u])
+        var u = un(s);
+        if (Ye[u])
           return;
-        Ze[u] = !0;
+        Ye[u] = !0;
         var g = "";
         t && t._owner && t._owner !== Pe.current && (g = " It was passed a child from " + $(t._owner.type) + "."), ne(t), S('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', u, g), ne(null);
       }
@@ -521,22 +521,22 @@ Check the top-level render call using <` + u + ">.");
       {
         if (typeof t != "object")
           return;
-        if (Ce(t))
+        if (je(t))
           for (var u = 0; u < t.length; u++) {
             var g = t[u];
-            Re(g) && qe(g, s);
+            Le(g) && qe(g, s);
           }
-        else if (Re(t))
+        else if (Le(t))
           t._store && (t._store.validated = !0);
         else if (t) {
-          var j = N(t);
-          if (typeof j == "function" && j !== t.entries)
-            for (var P = j.call(t), w; !(w = P.next()).done; )
-              Re(w.value) && qe(w.value, s);
+          var C = B(t);
+          if (typeof C == "function" && C !== t.entries)
+            for (var P = C.call(t), w; !(w = P.next()).done; )
+              Le(w.value) && qe(w.value, s);
         }
       }
     }
-    function un(t) {
+    function dn(t) {
       {
         var s = t.type;
         if (s == null || typeof s == "string")
@@ -552,16 +552,16 @@ Check the top-level render call using <` + u + ">.");
           return;
         if (u) {
           var g = $(s);
-          Jt(u, t.props, "prop", g, t);
+          Xt(u, t.props, "prop", g, t);
         } else if (s.PropTypes !== void 0 && !Se) {
           Se = !0;
-          var j = $(s);
-          S("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", j || "Unknown");
+          var C = $(s);
+          S("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", C || "Unknown");
         }
         typeof s.getDefaultProps == "function" && !s.getDefaultProps.isReactClassApproved && S("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function dn(t) {
+    function fn(t) {
       {
         for (var s = Object.keys(t.props), u = 0; u < s.length; u++) {
           var g = s[u];
@@ -574,25 +574,25 @@ Check the top-level render call using <` + u + ">.");
       }
     }
     var Xe = {};
-    function Ke(t, s, u, g, j, P) {
+    function Ke(t, s, u, g, C, P) {
       {
         var w = T(t);
         if (!w) {
           var x = "";
           (t === void 0 || typeof t == "object" && t !== null && Object.keys(t).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 I = ln();
-          I ? x += I : x += Ye();
-          var R;
-          t === null ? R = "null" : Ce(t) ? R = "array" : t !== void 0 && t.$$typeof === n ? (R = "<" + ($(t.type) || "Unknown") + " />", x = " Did you accidentally export a JSX literal instead of a component?") : R = typeof t, S("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", R, x);
+          var D = cn();
+          D ? x += D : x += Ze();
+          var L;
+          t === null ? L = "null" : je(t) ? L = "array" : t !== void 0 && t.$$typeof === n ? (L = "<" + ($(t.type) || "Unknown") + " />", x = " Did you accidentally export a JSX literal instead of a component?") : L = typeof t, S("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", L, x);
         }
-        var L = an(t, s, u, j, P);
-        if (L == null)
-          return L;
+        var R = ln(t, s, u, C, P);
+        if (R == null)
+          return R;
         if (w) {
           var U = s.children;
           if (U !== void 0)
             if (g)
-              if (Ce(U)) {
+              if (je(U)) {
                 for (var re = 0; re < U.length; re++)
                   Je(U[re], t);
                 Object.freeze && Object.freeze(U);
@@ -602,40 +602,40 @@ Check the top-level render call using <` + u + ">.");
               Je(U, t);
         }
         if (se.call(s, "key")) {
-          var G = $(t), H = Object.keys(s).filter(function(gn) {
-            return gn !== "key";
-          }), Le = H.length > 0 ? "{key: someKey, " + H.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!Xe[G + Le]) {
-            var vn = H.length > 0 ? "{" + H.join(": ..., ") + ": ...}" : "{}";
+          var Q = $(t), O = Object.keys(s).filter(function(yn) {
+            return yn !== "key";
+          }), Re = O.length > 0 ? "{key: someKey, " + O.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!Xe[Q + Re]) {
+            var gn = O.length > 0 ? "{" + O.join(": ..., ") + ": ...}" : "{}";
             S(`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} />`, Le, G, vn, G), Xe[G + Le] = !0;
+  <%s key={someKey} {...props} />`, Re, Q, gn, Q), Xe[Q + Re] = !0;
           }
         }
-        return t === i ? dn(L) : un(L), L;
+        return t === i ? fn(R) : dn(R), R;
       }
     }
-    function fn(t, s, u) {
+    function hn(t, s, u) {
       return Ke(t, s, u, !0);
     }
-    function hn(t, s, u) {
+    function mn(t, s, u) {
       return Ke(t, s, u, !1);
     }
-    var mn = hn, pn = fn;
-    le.Fragment = i, le.jsx = mn, le.jsxs = pn;
+    var pn = mn, vn = hn;
+    le.Fragment = i, le.jsx = pn, le.jsxs = vn;
   })()), le;
 }
 var tt;
-function Tn() {
-  return tt || (tt = 1, process.env.NODE_ENV === "production" ? pe.exports = wn() : pe.exports = bn()), pe.exports;
+function Cn() {
+  return tt || (tt = 1, process.env.NODE_ENV === "production" ? pe.exports = bn() : pe.exports = Tn()), pe.exports;
 }
-var o = Tn();
-const jn = typeof window < "u" ? yn : A;
+var o = Cn();
+const jn = typeof window < "u" ? xn : A;
 function xe(e, n) {
-  const r = M(e);
+  const r = V(e);
   jn(() => {
     r.current = e;
   }, [e]), A(() => {
@@ -649,11 +649,11 @@ function xe(e, n) {
     };
   }, [n]);
 }
-function Cn(e) {
-  const [, n] = D(0);
+function Pn(e) {
+  const [, n] = M(0);
   xe(() => n((r) => r + 1), e);
 }
-const Pn = (e, n) => ct((r) => ({
+const Sn = (e, n) => ct((r) => ({
   delay: 0,
   startDate: e,
   endDate: n,
@@ -664,16 +664,16 @@ const Pn = (e, n) => ct((r) => ({
   setEndDate: (i) => r({ endDate: i })
 })), dt = at(
   null
-), Sn = ({
+), Ln = ({
   children: e,
   startDate: n,
   endDate: r
 }) => {
-  const i = M(
+  const i = V(
     null
   );
-  return i.current || (i.current = Pn(n, r)), /* @__PURE__ */ o.jsx(dt.Provider, { value: i.current, children: e });
-}, O = (e) => {
+  return i.current || (i.current = Sn(n, r)), /* @__PURE__ */ o.jsx(dt.Provider, { value: i.current, children: e });
+}, _ = (e) => {
   const n = lt(dt);
   if (!n)
     throw new Error("usePlayerStore must be used within PlayerStoreProvider");
@@ -685,30 +685,30 @@ function Rn({
   eventNotStartedMessage: r,
   eventStartingSoonMessage: i
 }) {
-  const l = O((d) => d.startDate), h = O((d) => d.endDate), m = Date.now(), f = m < l.getTime(), a = m > h.getTime();
-  return Cn(5e3), f ? /* @__PURE__ */ o.jsx(
-    Ln,
+  const l = _((d) => d.startDate), h = _((d) => d.endDate), m = Date.now(), f = m < l.getTime(), a = m > h.getTime();
+  return Pn(5e3), f ? /* @__PURE__ */ o.jsx(
+    En,
     {
       startDate: l,
       title: r || "Event has not started yet.",
       message: i || "Starting in few seconds..."
     }
-  ) : a ? /* @__PURE__ */ o.jsx(En, { title: n || "Event has finished." }) : /* @__PURE__ */ o.jsx(o.Fragment, { children: e });
+  ) : a ? /* @__PURE__ */ o.jsx(kn, { title: n || "Event has finished." }) : /* @__PURE__ */ o.jsx(o.Fragment, { children: e });
 }
-function Ln({ startDate: e, title: n, message: r }) {
+function En({ startDate: e, title: n, message: r }) {
   const i = e.getTime() - Date.now(), l = Math.floor(i / (1e3 * 60 * 60)), h = Math.floor(
     i % (1e3 * 60 * 60) / (1e3 * 60)
   );
   return l || h ? /* @__PURE__ */ o.jsxs(Ee, { children: [
     /* @__PURE__ */ o.jsx(ke, { children: n }),
-    /* @__PURE__ */ o.jsxs(kn, { children: [
+    /* @__PURE__ */ o.jsxs(Fn, { children: [
       "(",
       l > 0 ? `${l}h ${h}m` : `${h}m`,
       ")"
     ] })
   ] }) : /* @__PURE__ */ o.jsx(Ee, { children: /* @__PURE__ */ o.jsx(ke, { children: r }) });
 }
-function En({ title: e }) {
+function kn({ title: e }) {
   return /* @__PURE__ */ o.jsx(Ee, { children: /* @__PURE__ */ o.jsx(ke, { children: e }) });
 }
 const Ee = b.div`
@@ -731,7 +731,7 @@ const Ee = b.div`
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
     "Helvetica Neue", Arial, sans-serif;
   font-weight: 500;
-`, kn = b.p`
+`, Fn = b.p`
   margin: 0;
   height: 1.25rem;
   font-size: 1rem;
@@ -739,7 +739,7 @@ const Ee = b.div`
     "Helvetica Neue", Arial, sans-serif;
   font-weight: 500;
 `;
-function Fn() {
+function _n() {
   return /* @__PURE__ */ o.jsx(
     "svg",
     {
@@ -750,11 +750,11 @@ function Fn() {
     }
   );
 }
-const ee = ge(
-  ({ shape: e = "circle", ...n }, r) => /* @__PURE__ */ o.jsx(_n, { ref: r, $shape: e, ...n })
+const q = ge(
+  ({ shape: e = "circle", ...n }, r) => /* @__PURE__ */ o.jsx(In, { ref: r, $shape: e, ...n })
 );
-ee.displayName = "PlayerButton";
-const _n = b.button`
+q.displayName = "PlayerButton";
+const In = b.button`
   margin: 0;
   display: flex;
   align-items: center;
@@ -802,11 +802,11 @@ const _n = b.button`
       padding: 0.25rem 0.5rem;
     `}
 `;
-function In({ message: e, ...n }) {
-  const r = O((h) => h.delay), i = O((h) => h.setDelay), l = () => i(0);
-  return r ? /* @__PURE__ */ o.jsxs(ee, { onClick: l, shape: "square", ...n, children: [
+function Dn({ message: e, ...n }) {
+  const r = _((h) => h.delay), i = _((h) => h.setDelay), l = () => i(0);
+  return r ? /* @__PURE__ */ o.jsxs(q, { onClick: l, shape: "square", ...n, children: [
     /* @__PURE__ */ o.jsx("span", { children: e || "Live" }),
-    /* @__PURE__ */ o.jsx(Fn, {})
+    /* @__PURE__ */ o.jsx(_n, {})
   ] }) : null;
 }
 function ft() {
@@ -831,7 +831,7 @@ function ht() {
     }
   );
 }
-function Dn(e, n, r) {
+function Mn(e, n, r) {
   const i = {
     days: 86400,
     hours: 3600,
@@ -841,34 +841,34 @@ function Dn(e, n, r) {
   };
   return e * (i[n] / i[r]);
 }
-function Mn(e) {
-  return Dn(e, "milliseconds", "seconds");
+function Vn(e) {
+  return Mn(e, "milliseconds", "seconds");
 }
 const oe = (e) => {
   const n = Math.floor(e / 60), r = Math.floor(e % 60);
   return `${n.toString().padStart(2, "0")}:${r.toString().padStart(2, "0")}`;
 };
-function Vn(e) {
+function Hn(e) {
   const n = typeof window < "u" && window.navigator?.userAgent || "";
   return e.test(n);
 }
-const mt = Vn(/iPhone|iPad|iPod/i);
-function Hn() {
+const mt = Hn(/iPhone|iPad|iPod/i);
+function On() {
   const e = document;
   return !!(e.fullscreenElement || e.mozFullScreenElement || e.webkitFullscreenElement || e.msFullscreenElement);
 }
-function On(e) {
+function An(e) {
   e.requestFullscreen ? e.requestFullscreen() : e.msRequestFullscreen ? e.msRequestFullscreen() : e.webkitRequestFullScreen ? e.webkitRequestFullScreen() : e.webkitEnterFullScreen ? e.webkitEnterFullScreen() : e.mozRequestFullScreen && e.mozRequestFullScreen();
 }
-function An(e) {
+function $n(e) {
   e.exitFullscreen ? e.exitFullscreen() : e.msExitFullscreen ? e.msExitFullscreen() : e.webkitExitFullscreen ? e.webkitExitFullscreen() : e.mozCancelFullScreen && e.mozCancelFullScreen();
 }
-function $n(e, n) {
+function Un(e, n) {
   return e.addEventListener("fullscreenchange", n), e.addEventListener("webkitfullscreenchange", n), e.addEventListener("mozfullscreenchange", n), e.addEventListener("MSFullscreenChange", n), () => {
     e.removeEventListener("fullscreenchange", n), e.removeEventListener("webkitfullscreenchange", n), e.removeEventListener("mozfullscreenchange", n), e.removeEventListener("MSFullscreenChange", n);
   };
 }
-const Un = (e, n) => ({
+const Bn = (e, n) => ({
   currentTime: 0,
   duration: 0,
   isEnded: !1,
@@ -949,7 +949,7 @@ const Un = (e, n) => ({
       pauseTime: Date.now()
     }));
   },
-  pauseTimeDiff: () => Mn(Date.now() - n().pauseTime),
+  pauseTimeDiff: () => Vn(Date.now() - n().pauseTime),
   play: () => {
     const r = n().techRef.current;
     r && (r.play(), e({
@@ -994,41 +994,37 @@ const Un = (e, n) => ({
     const i = new Set(r.idleLocks);
     return i.delete(n), { idleLocks: i };
   })
-}), Bn = (e) => ({
+}), Wn = (e) => ({
   level: null,
   levels: null,
   setLevels: (n) => e({ levels: n }),
   setLevel: (n) => e({ level: n })
-}), Wn = (e, n) => ({
+}), zn = (e, n) => ({
   isFullscreen: !1,
   isFullscreenReady: !1,
   exitFullscreen: () => {
-    An(document), e({ isFullscreen: !1 });
+    $n(document), e({ isFullscreen: !1 });
   },
   requestFullscreen: () => {
     const r = n().techRef.current, i = n().containerRef.current;
     if (!r || !i) return;
     const l = mt ? r : i;
-    l && On(l), e({ isFullscreen: !0 });
+    l && An(l), e({ isFullscreen: !0 });
   },
   setIsFullscreen: (r) => e({ isFullscreen: r }),
   setIsFullscreenReady: (r) => e({ isFullscreenReady: r })
-}), zn = (e) => ({
-  url: "",
-  setURL: (n) => e({ url: n })
-}), Yn = (e) => () => ({
+}), Zn = (e) => () => ({
   ...e
-}), Zn = (e, n) => ct()((...r) => ({
-  ...Un(...r),
-  ...Nn(...r),
-  ...Wn(...r),
+}), Yn = (e, n) => ct()((...r) => ({
   ...Bn(...r),
+  ...Nn(...r),
   ...zn(...r),
-  ...Yn({ techRef: e, containerRef: n })(...r)
+  ...Wn(...r),
+  ...Zn({ techRef: e, containerRef: n })(...r)
 })), pt = at(null);
 function qn({ children: e }) {
-  const n = M(null), r = M(null), i = M(null);
-  return n.current || (n.current = Zn(r, i)), /* @__PURE__ */ o.jsx(pt.Provider, { value: n.current, children: e });
+  const n = V(null), r = V(null), i = V(null);
+  return n.current || (n.current = Yn(r, i)), /* @__PURE__ */ o.jsx(pt.Provider, { value: n.current, children: e });
 }
 const c = (e) => {
   const n = lt(pt);
@@ -1037,17 +1033,17 @@ const c = (e) => {
   return ut(n, e);
 };
 function Jn() {
-  const e = c((a) => a.isPlaying), n = c((a) => a.pause), r = c((a) => a.pauseTime), i = c((a) => a.pauseTimeDiff), l = c((a) => a.play), h = O((a) => a.delay), m = O((a) => a.setDelay), f = () => {
+  const e = c((a) => a.isPlaying), n = c((a) => a.pause), r = c((a) => a.pauseTime), i = c((a) => a.pauseTimeDiff), l = c((a) => a.play), h = _((a) => a.delay), m = _((a) => a.setDelay), f = () => {
     e ? n() : (r && m(h + i()), l());
   };
-  return /* @__PURE__ */ o.jsx(ee, { onClick: f, children: e ? /* @__PURE__ */ o.jsx(ft, {}) : /* @__PURE__ */ o.jsx(ht, {}) });
+  return /* @__PURE__ */ o.jsx(q, { onClick: f, children: e ? /* @__PURE__ */ o.jsx(ft, {}) : /* @__PURE__ */ o.jsx(ht, {}) });
 }
 function vt({
   className: e,
   onClick: n,
   ...r
 }) {
-  const i = M(null), l = c((y) => y.exitFullscreen), h = c((y) => y.isFullscreen), m = c((y) => y.requestFullscreen), f = (y) => {
+  const i = V(null), l = c((y) => y.exitFullscreen), h = c((y) => y.isFullscreen), m = c((y) => y.requestFullscreen), f = (y) => {
     p() ? (d(), h ? l() : m()) : a(y);
   }, a = (y) => {
     i.current = window.setTimeout(() => {
@@ -1202,13 +1198,13 @@ function ve(e) {
     height: n.height * 100
   } : n;
 }
-const nr = (e, n) => parseInt(
+const wt = (e, n = 0) => parseInt(
   Math.max(0, (Date.now() - (e + n * 1e3)) / 1e3).toFixed(0)
-), wt = (e, n) => Math.max(0, (Date.now() - e - n * 1e3) / 1e3), bt = (e, n) => Math.max(0, (n - e) / 1e3), rr = (e, n = 0) => {
+), bt = (e, n) => Math.max(0, (Date.now() - e - n * 1e3) / 1e3), Tt = (e, n) => Math.max(0, (n - e) / 1e3), nr = (e, n = 0) => {
   const i = n < 0 ? 0 : n, l = ["bytes", "kb", "mb", "gb", "tb", "pb", "eb", "zb", "yb"], h = Math.floor(Math.log(e) / Math.log(1024));
   return `${parseFloat((e / Math.pow(1024, h)).toFixed(i))}${l[h]}`;
 };
-function or({
+function rr({
   isAuto: e,
   level: n,
   levels: r
@@ -1226,39 +1222,39 @@ function or({
     const { bitrate: m, height: f, index: a } = h;
     l.push({
       sid: `quality-level-${a}`,
-      label: f ? `${f}p` : rr(m),
+      label: f ? `${f}p` : nr(m),
       value: a,
       selected: i === 1 || !e && a === n
     });
   }), l;
 }
 const nt = "vod-player-progress-bar";
-function ir() {
-  const e = M(null), n = M(null), [r, i] = D(0), [l, h] = D(0), [m, f] = D(!1), [a, d] = D(-1), [p, y] = D(-1), E = O((T) => T.delay), C = O((T) => T.startTime), V = O((T) => T.endTime), F = O((T) => T.setDelay), N = c((T) => T.isPlaying), _ = c((T) => T.addIdleLock), S = c((T) => T.removeIdleLock), v = k(() => {
-    i(wt(C, E)), h(bt(C, V));
-  }, [E, V, C]), z = parseFloat(
+function or() {
+  const e = V(null), n = V(null), [r, i] = M(0), [l, h] = M(0), [m, f] = M(!1), [a, d] = M(-1), [p, y] = M(-1), E = _((T) => T.delay), j = _((T) => T.startTime), H = _((T) => T.endTime), F = _((T) => T.setDelay), B = c((T) => T.isPlaying), I = c((T) => T.addIdleLock), S = c((T) => T.removeIdleLock), v = k(() => {
+    i(bt(j, E)), h(Tt(j, H));
+  }, [E, H, j]), z = parseFloat(
     (l ? (p !== -1 ? p : r) / l * 100 : 0).toFixed(1)
-  ), Y = (T) => {
-    y(l * (T[0] / 100)), _(nt);
-  }, q = () => {
+  ), Z = (T) => {
+    y(l * (T[0] / 100)), I(nt);
+  }, J = () => {
     if (p !== -1) {
-      const T = nr(C, p);
+      const T = wt(j, p);
       F(T), y(-1), S(nt);
     }
-  }, te = () => f(!0), J = () => f(!1), X = k(
+  }, te = () => f(!0), X = () => f(!1), K = k(
     (T) => {
-      const ue = e.current, K = n.current;
-      if (ue && K) {
-        const $ = ve(ue), B = ve(K), Z = (T.pageX || T.clientX) - $.left, ie = Z / $.width;
+      const ue = e.current, G = n.current;
+      if (ue && G) {
+        const $ = ve(ue), N = ve(G), Y = (T.pageX || T.clientX) - $.left, ie = Y / $.width;
         if (ie < 0) return;
-        let W = Z - B.width / 2;
-        W < 0 && (W = 0), W > $.width - B.width && (W = -1), K.style.left = W > -1 ? `${W}px` : "auto", K.style.right = W > -1 ? "auto" : "0px", d(ie * l);
+        let W = Y - N.width / 2;
+        W < 0 && (W = 0), W > $.width - N.width && (W = -1), G.style.left = W > -1 ? `${W}px` : "auto", G.style.right = W > -1 ? "auto" : "0px", d(ie * l);
       }
       te();
     },
     [l]
   );
-  return xe(() => v(), N ? 1e3 : null), A(() => {
+  return xe(() => v(), B ? 1e3 : null), A(() => {
     v();
   }, [v]), /* @__PURE__ */ o.jsxs(gt, { children: [
     /* @__PURE__ */ o.jsx(
@@ -1266,31 +1262,31 @@ function ir() {
       {
         ref: e,
         value: [z],
-        onPointerLeave: J,
-        onPointerDown: J,
-        onPointerMove: X,
-        onValueChange: Y,
-        onValueCommit: q,
+        onPointerLeave: X,
+        onPointerDown: X,
+        onPointerMove: K,
+        onValueChange: Z,
+        onValueCommit: J,
         step: 0.1
       }
     ),
     /* @__PURE__ */ o.jsx(yt, { ref: n, $isVisible: m, children: /* @__PURE__ */ o.jsx(xt, { children: oe(a) }) })
   ] });
 }
-function Tt({ children: e }) {
+function Ct({ children: e }) {
   return /* @__PURE__ */ o.jsx(qn, { children: e });
 }
-function sr({
+function ir({
   children: e,
   startDate: n,
   endDate: r
 }) {
-  return /* @__PURE__ */ o.jsx(Sn, { startDate: n, endDate: r, children: /* @__PURE__ */ o.jsx(Tt, { children: e }) });
+  return /* @__PURE__ */ o.jsx(Ln, { startDate: n, endDate: r, children: /* @__PURE__ */ o.jsx(Ct, { children: e }) });
 }
 const jt = b.div`
   display: flex;
   align-items: center;
-`, Ct = b.p`
+`, Pt = b.p`
   margin: 0;
   padding: 0;
   font-variant-numeric: tabular-nums;
@@ -1298,9 +1294,9 @@ const jt = b.div`
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
     "Helvetica Neue", Arial, sans-serif;
   font-weight: 500;
-`, Pt = b(Ct)`
+`, St = b(Pt)`
   margin-right: 0.5rem;
-`, St = b(Ct)`
+`, Lt = b(Pt)`
   margin-left: 0.5rem;
 `, Rt = b.p`
   margin: 0;
@@ -1314,27 +1310,42 @@ const jt = b.div`
     content: "/";
   }
 `;
-function ar() {
-  const [e, n] = D(0), [r, i] = D(0), l = c((d) => d.isPlaying), h = O((d) => d.delay), m = O((d) => d.startTime), f = O((d) => d.endTime), a = k(() => {
-    n(wt(m, h)), i(bt(m, f));
+function sr() {
+  const [e, n] = M(0), [r, i] = M(0), l = c((d) => d.isPlaying), h = _((d) => d.delay), m = _((d) => d.startTime), f = _((d) => d.endTime), a = k(() => {
+    n(bt(m, h)), i(Tt(m, f));
   }, [h, f, m]);
   return xe(() => a(), l ? 1e3 : null), A(() => {
     a();
   }, [a]), h ? /* @__PURE__ */ o.jsxs(jt, { children: [
-    /* @__PURE__ */ o.jsx(Pt, { children: oe(e) }),
+    /* @__PURE__ */ o.jsx(St, { children: oe(e) }),
     /* @__PURE__ */ o.jsx(Rt, {}),
-    /* @__PURE__ */ o.jsx(St, { children: oe(r) })
+    /* @__PURE__ */ o.jsx(Lt, { children: oe(r) })
   ] }) : null;
 }
-function lr({ url: e, isLive: n }) {
-  const r = M(null), i = c((C) => C.level), l = c((C) => C.levels), h = c((C) => C.setLevel), m = c((C) => C.setLevels), f = c((C) => C.techRef), a = k(
-    (C) => {
-      if (r.current && (r.current.nextLevel = C, h(null), l)) {
-        const V = l.map((F) => ({
+function ar() {
+  return /* @__PURE__ */ o.jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "currentColor",
+      children: /* @__PURE__ */ o.jsx("path", { d: "M22 12C22 17.5228 17.5229 22 12 22C6.4772 22 2 17.5228 2 12C2 6.47715 6.4772 2 12 2V4C7.5817 4 4 7.58172 4 12C4 16.4183 7.5817 20 12 20C16.4183 20 20 16.4183 20 12C20 9.53614 18.8862 7.33243 17.1346 5.86492L15 8V2L21 2L18.5535 4.44656C20.6649 6.28002 22 8.9841 22 12Z" })
+    }
+  );
+}
+function lr() {
+  const e = _((i) => i.startTime), n = _((i) => i.setDelay), r = () => n(wt(e));
+  return /* @__PURE__ */ o.jsx(q, { onClick: r, children: /* @__PURE__ */ o.jsx(ar, {}) });
+}
+function cr({ url: e, isLive: n }) {
+  const r = V(null), i = c((j) => j.level), l = c((j) => j.levels), h = c((j) => j.setLevel), m = c((j) => j.setLevels), f = c((j) => j.techRef), a = k(
+    (j) => {
+      if (r.current && (r.current.nextLevel = j, h(null), l)) {
+        const H = l.map((F) => ({
           ...F,
-          selected: F.value === C
+          selected: F.value === j
         }));
-        m(V);
+        m(H);
       }
     },
     [l, h, m, r]
@@ -1343,19 +1354,19 @@ function lr({ url: e, isLive: n }) {
   }, [e]), p = k(() => {
     if (!r.current) return;
     console.log("[Player][Event]", "MANIFEST_LOADED");
-    const C = r.current.levels, V = r.current.currentLevel, F = r.current.autoLevelEnabled;
+    const j = r.current.levels, H = r.current.currentLevel, F = r.current.autoLevelEnabled;
     m(
-      or({
-        levels: C.map((N, _) => {
-          const { bitrate: S, height: v, width: z } = N;
+      rr({
+        levels: j.map((B, I) => {
+          const { bitrate: S, height: v, width: z } = B;
           return {
             bitrate: S,
             height: v,
-            index: _,
+            index: I,
             width: z
           };
         }),
-        level: V,
+        level: H,
         isAuto: F
       })
     );
@@ -1369,32 +1380,32 @@ function lr({ url: e, isLive: n }) {
       startLevel: -1
     };
     try {
-      console.log("[Player] URL", e), console.log("[Player] Config", JSON.stringify(F)), console.log("[Player] Version", Q.version), r.current = new Q(F), r.current.attachMedia(f.current), r.current.on(Q.Events.MEDIA_ATTACHED, d), r.current.on(Q.Events.MANIFEST_LOADED, p);
-    } catch (N) {
-      throw new Error(`Error initializing Hls: ${N}`);
+      console.log("[Player] URL", e), console.log("[Player] Config", JSON.stringify(F)), console.log("[Player] Version", ee.version), r.current = new ee(F), r.current.attachMedia(f.current), r.current.on(ee.Events.MEDIA_ATTACHED, d), r.current.on(ee.Events.MANIFEST_LOADED, p);
+    } catch (B) {
+      throw new Error(`Error initializing Hls: ${B}`);
     }
   }, [p, d, n, f, e]), E = k(() => {
-    r.current && (r.current.off(Q.Events.MEDIA_ATTACHED, d), r.current.off(Q.Events.MANIFEST_LOADED, p), r.current.destroy(), r.current = null);
+    r.current && (r.current.off(ee.Events.MEDIA_ATTACHED, d), r.current.off(ee.Events.MANIFEST_LOADED, p), r.current.destroy(), r.current = null);
   }, [p, d]);
   return A(() => {
     i !== null && a(i);
-  }, [i, a]), A(() => (Q.isSupported() && y(), E), [E, y]), null;
+  }, [i, a]), A(() => (ee.isSupported() && y(), E), [E, y]), null;
 }
-function Lt({ url: e, isLive: n, isMuted: r = !1 }) {
-  const i = c((v) => v.handleDurationChange), l = c((v) => v.handleEnd), h = c((v) => v.handleLoadedMetadata), m = c((v) => v.handleLoadStart), f = c((v) => v.handlePause), a = c((v) => v.handlePlay), d = c((v) => v.handlePlaying), p = c((v) => v.handleSeeked), y = c((v) => v.handleSeeking), E = c((v) => v.handleTimeUpdate), C = c((v) => v.handleWaiting), V = c((v) => v.techRef), F = M(null), N = () => n ? {} : {
+function Et({ url: e, isLive: n, isMuted: r = !1 }) {
+  const i = c((v) => v.handleDurationChange), l = c((v) => v.handleEnd), h = c((v) => v.handleLoadedMetadata), m = c((v) => v.handleLoadStart), f = c((v) => v.handlePause), a = c((v) => v.handlePlay), d = c((v) => v.handlePlaying), p = c((v) => v.handleSeeked), y = c((v) => v.handleSeeking), E = c((v) => v.handleTimeUpdate), j = c((v) => v.handleWaiting), H = c((v) => v.techRef), F = V(null), B = () => n ? {} : {
     onDurationChange: i,
     onSeeked: p,
     onSeeking: y,
-    onTimeUpdate: _
-  }, _ = () => {
+    onTimeUpdate: I
+  }, I = () => {
     (!F.current || Date.now() - F.current >= 1e3) && (E(), F.current = Date.now());
-  }, S = N();
+  }, S = B();
   return /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
-    /* @__PURE__ */ o.jsx(lr, { isLive: n, url: e }),
+    /* @__PURE__ */ o.jsx(cr, { isLive: n, url: e }),
     /* @__PURE__ */ o.jsx(
-      cr,
+      ur,
       {
-        ref: V,
+        ref: H,
         playsInline: !0,
         autoPlay: !0,
         controls: !1,
@@ -1407,14 +1418,14 @@ function Lt({ url: e, isLive: n, isMuted: r = !1 }) {
         onPause: f,
         onPlay: a,
         onPlaying: d,
-        onWaiting: C,
+        onWaiting: j,
         tabIndex: -1,
         ...S
       }
     )
   ] });
 }
-const cr = b.video`
+const ur = b.video`
   position: relative;
   width: 100%;
   height: 100%;
@@ -1423,8 +1434,8 @@ const cr = b.video`
     pointer-events: none;
   }
 `;
-function ur({ url: e }) {
-  const [n, r] = D(null), i = O((h) => h.delay), l = k(async () => {
+function dr({ url: e }) {
+  const [n, r] = M(null), i = _((h) => h.delay), l = k(async () => {
     r(
       i ? e.replace(
         "playlist.m3u8",
@@ -1434,9 +1445,9 @@ function ur({ url: e }) {
   }, [i, e]);
   return A(() => {
     l();
-  }, [l]), n ? /* @__PURE__ */ o.jsx(Lt, { url: n, isLive: !0 }) : null;
+  }, [l]), n ? /* @__PURE__ */ o.jsx(Et, { url: n, isLive: !0 }) : null;
 }
-const Et = b.div`
+const kt = b.div`
   position: absolute;
   top: 0;
   left: 0;
@@ -1445,7 +1456,7 @@ const Et = b.div`
   color: white;
   background: black;
   overflow: hidden;
-`, kt = b.div`
+`, Ft = b.div`
   position: absolute;
   left: 0;
   width: 100%;
@@ -1457,7 +1468,7 @@ const Et = b.div`
   @media (min-width: 768px) {
     padding-top: 2rem;
   }
-`, Ft = b.div`
+`, _t = b.div`
   display: flex;
   flex-direction: column;
   padding-left: 0.5rem;
@@ -1469,22 +1480,22 @@ const Et = b.div`
     padding-left: 1rem;
     padding-right: 1rem;
   }
-`, _t = b.div`
+`, It = b.div`
   display: flex;
   padding: 0.5rem 0;
   width: 100%;
   align-items: center;
-`, It = b.div`
+`, Dt = b.div`
   display: flex;
   flex: 1;
   align-items: center;
   gap: 0.5rem;
-`, Dt = b(It)`
+`, Mt = b(Dt)`
   justify-content: flex-start;
-`, Mt = b(It)`
+`, Vt = b(Dt)`
   justify-content: flex-end;
 `;
-function dr() {
+function fr() {
   return /* @__PURE__ */ o.jsx(
     "svg",
     {
@@ -1495,7 +1506,7 @@ function dr() {
     }
   );
 }
-function fr() {
+function hr() {
   return /* @__PURE__ */ o.jsx(
     "svg",
     {
@@ -1506,10 +1517,10 @@ function fr() {
     }
   );
 }
-function Vt() {
+function Ht() {
   const e = c((d) => d.containerRef), n = c((d) => d.exitFullscreen), r = c((d) => d.isFullscreen), i = c((d) => d.requestFullscreen), l = c((d) => d.setIsFullscreen), h = c((d) => d.setIsFullscreenReady), m = c((d) => d.techRef), f = k(
     (d) => {
-      d.stopPropagation(), l(Hn());
+      d.stopPropagation(), l(On());
     },
     [l]
   ), a = () => {
@@ -1518,17 +1529,17 @@ function Vt() {
   return A(() => {
     const d = mt ? m.current : e.current;
     if (d)
-      return $n(d, f);
+      return Un(d, f);
   }, [e, f, m]), A(() => {
     h(!0);
-  }, [h]), /* @__PURE__ */ o.jsx(ee, { onClick: a, children: r ? /* @__PURE__ */ o.jsx(fr, {}) : /* @__PURE__ */ o.jsx(dr, {}) });
+  }, [h]), /* @__PURE__ */ o.jsx(q, { onClick: a, children: r ? /* @__PURE__ */ o.jsx(hr, {}) : /* @__PURE__ */ o.jsx(fr, {}) });
 }
-const hr = 5 * 1e3;
-function Ht({ children: e }) {
-  const n = M(null), [r, i] = D(!1), l = M(null), m = c((d) => d.idleLocks).size, f = k(() => {
+const mr = 5 * 1e3;
+function Ot({ children: e }) {
+  const n = V(null), [r, i] = M(!1), l = V(null), m = c((d) => d.idleLocks).size, f = k(() => {
     l.current !== null && (window.clearTimeout(l.current), l.current = null);
   }, []), a = k(() => {
-    f(), l.current = window.setTimeout(() => i(!0), hr);
+    f(), l.current = window.setTimeout(() => i(!0), mr);
   }, [f]);
   return A(() => (i(!1), a(), () => {
     f();
@@ -1543,9 +1554,9 @@ function Ht({ children: e }) {
     return d.addEventListener("click", p), d.addEventListener("mousemove", y), () => {
       d.removeEventListener("click", p), d.removeEventListener("mousemove", y);
     };
-  }, [n, r, i, a]), /* @__PURE__ */ o.jsx(mr, { ref: n, $isIdle: r && !m, children: e });
+  }, [n, r, i, a]), /* @__PURE__ */ o.jsx(pr, { ref: n, $isIdle: r && !m, children: e });
 }
-const mr = b.div`
+const pr = b.div`
   position: absolute;
   top: 0;
   left: 0;
@@ -1555,26 +1566,26 @@ const mr = b.div`
   cursor: ${({ $isIdle: e }) => e ? "none" : "auto"};
   opacity: ${({ $isIdle: e }) => e ? 0 : 1};
 `;
-function pr(e) {
-  return /* @__PURE__ */ o.jsx(gr, { ...e });
+function vr(e) {
+  return /* @__PURE__ */ o.jsx(yr, { ...e });
 }
-const vr = xn`
+const gr = wn`
   from {
     transform: rotate(0deg);
   }
   to {
     transform: rotate(360deg);
   }
-`, gr = b.div`
+`, yr = b.div`
   width: 1.5rem;
   height: 1.5rem;
   border: 2px solid white;
   border-bottom-color: transparent;
   border-radius: 50%;
-  animation: ${vr} 1s linear infinite;
+  animation: ${gr} 1s linear infinite;
 `;
-function yr(e, n = 500) {
-  const [r, i] = D(e);
+function xr(e, n = 500) {
+  const [r, i] = M(e);
   return A(() => {
     const l = window.setTimeout(() => i(e), n);
     return () => {
@@ -1582,11 +1593,11 @@ function yr(e, n = 500) {
     };
   }, [e, n]), r;
 }
-function Ot({ style: e, ...n }) {
+function At({ style: e, ...n }) {
   const r = c((l) => l.isLoading);
-  return yr(r, 100) ? /* @__PURE__ */ o.jsx(xr, { style: e, ...n, children: /* @__PURE__ */ o.jsx(pr, {}) }) : null;
+  return xr(r, 100) ? /* @__PURE__ */ o.jsx(wr, { style: e, ...n, children: /* @__PURE__ */ o.jsx(vr, {}) }) : null;
 }
-const xr = b.div`
+const wr = b.div`
   pointer-events: none;
   position: absolute;
   top: 0;
@@ -1599,7 +1610,7 @@ const xr = b.div`
   align-items: center;
   justify-content: center;
 `;
-function wr() {
+function br() {
   return /* @__PURE__ */ o.jsx(
     "svg",
     {
@@ -1610,7 +1621,7 @@ function wr() {
     }
   );
 }
-function br() {
+function Tr() {
   return /* @__PURE__ */ o.jsx(
     "svg",
     {
@@ -1621,8 +1632,8 @@ function br() {
     }
   );
 }
-const Tr = ce.Root, jr = ce.Trigger, Cr = ce.Portal, At = ge(({ sideOffset: e = 4, ...n }, r) => /* @__PURE__ */ o.jsx(
-  Pr,
+const Cr = ce.Root, jr = ce.Trigger, Pr = ce.Portal, $t = ge(({ sideOffset: e = 4, ...n }, r) => /* @__PURE__ */ o.jsx(
+  Sr,
   {
     ref: r,
     sideOffset: e,
@@ -1632,15 +1643,15 @@ const Tr = ce.Root, jr = ce.Trigger, Cr = ce.Portal, At = ge(({ sideOffset: e =
     ...n
   }
 ));
-At.displayName = "PlayerDropdownMenuContent";
-const $t = ge((e, n) => /* @__PURE__ */ o.jsx(Sr, { ref: n, ...e }));
-$t.displayName = "PlayerDropdownMenuItem";
-const Pr = b(ce.Content).withConfig({
+$t.displayName = "PlayerDropdownMenuContent";
+const Ut = ge((e, n) => /* @__PURE__ */ o.jsx(Lr, { ref: n, ...e }));
+Ut.displayName = "PlayerDropdownMenuItem";
+const Sr = b(ce.Content).withConfig({
   shouldForwardProp: (e) => e !== "ref"
 })`
   padding: 0.25rem;
   min-width: 8rem;
-  max-height: 12rem;
+  max-height: 8rem;
   overflow-y: auto;
   border-radius: 0.75rem;
   background: rgba(0, 0, 0, 0.8);
@@ -1649,6 +1660,10 @@ const Pr = b(ce.Content).withConfig({
   will-change: transform, opacity;
   z-index: 1000;
 
+  @media (min-width: 768px) {
+    max-height: 12rem;
+  }
+
   &[data-state="open"][data-side="top"] {
     animation-name: slideDownAndFade;
   }
@@ -1708,7 +1723,7 @@ const Pr = b(ce.Content).withConfig({
       transform: translateX(0);
     }
   }
-`, Sr = b(ce.Item)`
+`, Lr = b(ce.Item)`
   position: relative;
   display: flex;
   align-items: center;
@@ -1746,22 +1761,22 @@ const Pr = b(ce.Content).withConfig({
     pointer-events: none;
   }
 `, rt = "settings";
-function Ut() {
-  const [e, n] = D(!1), r = c((a) => a.containerRef), i = c((a) => a.addIdleLock), l = c((a) => a.removeIdleLock), h = c((a) => a.levels), m = c((a) => a.setLevel), f = k(
+function Bt() {
+  const [e, n] = M(!1), r = c((a) => a.containerRef), i = c((a) => a.addIdleLock), l = c((a) => a.removeIdleLock), h = c((a) => a.levels), m = c((a) => a.setLevel), f = k(
     (a) => {
       n(a), a ? i(rt) : l(rt);
     },
     [i, l]
   );
-  return /* @__PURE__ */ o.jsxs(Tr, { open: e, onOpenChange: f, children: [
-    /* @__PURE__ */ o.jsx(jr, { asChild: !0, children: /* @__PURE__ */ o.jsx(ee, { children: /* @__PURE__ */ o.jsx(br, {}) }) }),
-    /* @__PURE__ */ o.jsx(Cr, { container: r.current, children: /* @__PURE__ */ o.jsx(At, { side: "top", align: "end", children: h?.map((a) => /* @__PURE__ */ o.jsxs(
-      $t,
+  return /* @__PURE__ */ o.jsxs(Cr, { open: e, onOpenChange: f, children: [
+    /* @__PURE__ */ o.jsx(jr, { asChild: !0, children: /* @__PURE__ */ o.jsx(q, { children: /* @__PURE__ */ o.jsx(Tr, {}) }) }),
+    /* @__PURE__ */ o.jsx(Pr, { container: r.current, children: /* @__PURE__ */ o.jsx($t, { side: "top", align: "end", children: h?.map((a) => /* @__PURE__ */ o.jsxs(
+      Ut,
       {
         onClick: () => m(a.value),
         children: [
           a.label,
-          a.selected && /* @__PURE__ */ o.jsx(wr, {})
+          a.selected && /* @__PURE__ */ o.jsx(br, {})
         ]
       },
       a.sid
@@ -1779,7 +1794,7 @@ function Rr() {
     }
   );
 }
-function Lr() {
+function Er() {
   return /* @__PURE__ */ o.jsx(
     "svg",
     {
@@ -1790,7 +1805,7 @@ function Lr() {
     }
   );
 }
-function Er() {
+function kr() {
   return /* @__PURE__ */ o.jsx(
     "svg",
     {
@@ -1809,9 +1824,9 @@ function Nt() {
   }, h = () => {
     i(ot);
   }, m = () => e(n ? 0 : 100);
-  return /* @__PURE__ */ o.jsxs(kr, { children: [
-    /* @__PURE__ */ o.jsx(ee, { onClick: m, className: "shrink-0", children: n ? n > 50 ? /* @__PURE__ */ o.jsx(Rr, {}) : /* @__PURE__ */ o.jsx(Lr, {}) : /* @__PURE__ */ o.jsx(Er, {}) }),
-    /* @__PURE__ */ o.jsx(Bt, { children: /* @__PURE__ */ o.jsx(
+  return /* @__PURE__ */ o.jsxs(Fr, { children: [
+    /* @__PURE__ */ o.jsx(q, { onClick: m, className: "shrink-0", children: n ? n > 50 ? /* @__PURE__ */ o.jsx(Rr, {}) : /* @__PURE__ */ o.jsx(Er, {}) : /* @__PURE__ */ o.jsx(kr, {}) }),
+    /* @__PURE__ */ o.jsx(Wt, { children: /* @__PURE__ */ o.jsx(
       we,
       {
         value: [n],
@@ -1821,11 +1836,11 @@ function Nt() {
     ) })
   ] });
 }
-const Bt = b.div`
+const Wt = b.div`
   width: 0;
   opacity: 0;
   transition: all 0.2s ease-in-out;
-`, kr = b.div`
+`, Fr = b.div`
   display: flex;
   align-items: center;
   gap: 0.25rem;
@@ -1836,48 +1851,49 @@ const Bt = b.div`
     &:hover {
       width: 6rem;
 
-      ${Bt} {
+      ${Wt} {
         width: 100%;
         opacity: 1;
       }
     }
   }
 `;
-function Wr({ url: e, startDate: n, endDate: r, messages: i }) {
+function zr({ url: e, startDate: n, endDate: r, messages: i }) {
   return /* @__PURE__ */ o.jsx(
-    sr,
+    ir,
     {
       startDate: new Date(n),
       endDate: new Date(r),
-      children: /* @__PURE__ */ o.jsx(Fr, { url: e, messages: i })
+      children: /* @__PURE__ */ o.jsx(_r, { url: e, messages: i })
     }
   );
 }
-function Fr({ url: e, messages: n }) {
+function _r({ url: e, messages: n }) {
   const r = c((i) => i.containerRef);
-  return /* @__PURE__ */ o.jsx(Et, { ref: r, children: /* @__PURE__ */ o.jsxs(
+  return /* @__PURE__ */ o.jsx(kt, { ref: r, children: /* @__PURE__ */ o.jsxs(
     Rn,
     {
       eventFinishedMessage: n?.eventFinished,
       eventNotStartedMessage: n?.eventNotStarted,
       eventStartingSoonMessage: n?.eventStartingSoon,
       children: [
-        /* @__PURE__ */ o.jsx(ur, { url: e }),
-        /* @__PURE__ */ o.jsx(Ot, {}),
-        /* @__PURE__ */ o.jsxs(Ht, { children: [
+        /* @__PURE__ */ o.jsx(dr, { url: e }),
+        /* @__PURE__ */ o.jsx(At, {}),
+        /* @__PURE__ */ o.jsxs(Ot, { children: [
           /* @__PURE__ */ o.jsx(Kn, {}),
-          /* @__PURE__ */ o.jsx(kt, { children: /* @__PURE__ */ o.jsxs(Ft, { children: [
-            /* @__PURE__ */ o.jsx(ir, {}),
-            /* @__PURE__ */ o.jsxs(_t, { children: [
-              /* @__PURE__ */ o.jsxs(Dt, { children: [
+          /* @__PURE__ */ o.jsx(Ft, { children: /* @__PURE__ */ o.jsxs(_t, { children: [
+            /* @__PURE__ */ o.jsx(or, {}),
+            /* @__PURE__ */ o.jsxs(It, { children: [
+              /* @__PURE__ */ o.jsxs(Mt, { children: [
                 /* @__PURE__ */ o.jsx(Jn, {}),
+                /* @__PURE__ */ o.jsx(lr, {}),
                 /* @__PURE__ */ o.jsx(Nt, {}),
-                /* @__PURE__ */ o.jsx(ar, {})
+                /* @__PURE__ */ o.jsx(sr, {})
               ] }),
-              /* @__PURE__ */ o.jsxs(Mt, { children: [
-                /* @__PURE__ */ o.jsx(In, { message: n?.live }),
-                /* @__PURE__ */ o.jsx(Ut, {}),
-                /* @__PURE__ */ o.jsx(Vt, {})
+              /* @__PURE__ */ o.jsxs(Vt, { children: [
+                /* @__PURE__ */ o.jsx(Dn, { message: n?.live }),
+                /* @__PURE__ */ o.jsx(Bt, {}),
+                /* @__PURE__ */ o.jsx(Ht, {})
               ] })
             ] })
           ] }) })
@@ -1886,36 +1902,36 @@ function Fr({ url: e, messages: n }) {
     }
   ) });
 }
-function _r() {
+function Ir() {
   const e = c((l) => l.isPlaying), n = c((l) => l.pause), r = c((l) => l.play), i = () => {
     e ? n() : r();
   };
-  return /* @__PURE__ */ o.jsx(ee, { onClick: i, children: e ? /* @__PURE__ */ o.jsx(ft, {}) : /* @__PURE__ */ o.jsx(ht, {}) });
+  return /* @__PURE__ */ o.jsx(q, { onClick: i, children: e ? /* @__PURE__ */ o.jsx(ft, {}) : /* @__PURE__ */ o.jsx(ht, {}) });
 }
-function Ir() {
+function Dr() {
   const e = c((l) => l.isPlaying), n = c((l) => l.pause), r = c((l) => l.play), i = () => {
     e ? n() : r();
   };
   return /* @__PURE__ */ o.jsx(vt, { onClick: i });
 }
 const it = "vod-player-progress-bar";
-function Dr() {
-  const e = M(null), n = M(null), [r, i] = D(!1), [l, h] = D(-1), [m, f] = D(-1), a = c((v) => v.currentTime), d = c((v) => v.duration), p = c((v) => v.seek), y = c((v) => v.addIdleLock), E = c((v) => v.removeIdleLock), C = parseFloat(
+function Mr() {
+  const e = V(null), n = V(null), [r, i] = M(!1), [l, h] = M(-1), [m, f] = M(-1), a = c((v) => v.currentTime), d = c((v) => v.duration), p = c((v) => v.seek), y = c((v) => v.addIdleLock), E = c((v) => v.removeIdleLock), j = parseFloat(
     (d ? (m !== -1 ? m : a) / d * 100 : 0).toFixed(1)
-  ), V = (v) => {
+  ), H = (v) => {
     f(d * (v[0] / 100)), y(it);
   }, F = () => {
     m !== -1 && (p(m), f(-1), E(it));
-  }, N = () => i(!0), _ = () => i(!1), S = k(
+  }, B = () => i(!0), I = () => i(!1), S = k(
     (v) => {
-      const z = e.current, Y = n.current;
-      if (z && Y) {
-        const q = ve(z), te = ve(Y), J = (v.pageX || v.clientX) - q.left, X = J / q.width;
-        if (X < 0) return;
-        let T = J - te.width / 2;
-        T < 0 && (T = 0), T > q.width - te.width && (T = -1), Y.style.left = T > -1 ? `${T}px` : "auto", Y.style.right = T > -1 ? "auto" : "0px", h(X * d);
+      const z = e.current, Z = n.current;
+      if (z && Z) {
+        const J = ve(z), te = ve(Z), X = (v.pageX || v.clientX) - J.left, K = X / J.width;
+        if (K < 0) return;
+        let T = X - te.width / 2;
+        T < 0 && (T = 0), T > J.width - te.width && (T = -1), Z.style.left = T > -1 ? `${T}px` : "auto", Z.style.right = T > -1 ? "auto" : "0px", h(K * d);
       }
-      N();
+      B();
     },
     [d]
   );
@@ -1924,11 +1940,11 @@ function Dr() {
       we,
       {
         ref: e,
-        value: [C],
-        onPointerLeave: _,
-        onPointerDown: _,
+        value: [j],
+        onPointerLeave: I,
+        onPointerDown: I,
         onPointerMove: S,
-        onValueChange: V,
+        onValueChange: H,
         onValueCommit: F,
         step: 0.1
       }
@@ -1936,17 +1952,17 @@ function Dr() {
     /* @__PURE__ */ o.jsx(yt, { ref: n, $isVisible: r, children: /* @__PURE__ */ o.jsx(xt, { children: oe(l) }) })
   ] });
 }
-function Mr() {
+function Vr() {
   const e = c((r) => r.currentTime), n = c((r) => r.duration);
   return /* @__PURE__ */ o.jsxs(jt, { children: [
-    /* @__PURE__ */ o.jsx(Pt, { children: oe(e) }),
+    /* @__PURE__ */ o.jsx(St, { children: oe(e) }),
     /* @__PURE__ */ o.jsx(Rt, {}),
-    /* @__PURE__ */ o.jsx(St, { children: oe(n) })
+    /* @__PURE__ */ o.jsx(Lt, { children: oe(n) })
   ] });
 }
-const Vr = 60, Hr = 95;
-function Or({ storageKey: e }) {
-  const n = c((p) => p.currentTime), r = c((p) => p.duration), i = c((p) => p.isPlaying), l = c((p) => p.setStartTime), h = M(!1), m = k(() => {
+const Hr = 60, Or = 95;
+function Ar({ storageKey: e }) {
+  const n = c((p) => p.currentTime), r = c((p) => p.duration), i = c((p) => p.isPlaying), l = c((p) => p.setStartTime), h = V(!1), m = k(() => {
     window.localStorage.setItem(
       e,
       JSON.stringify({
@@ -1965,40 +1981,40 @@ function Or({ storageKey: e }) {
     }
     return { startTime: null, progress: null };
   }, [e]), a = k(() => {
-    n < Vr || m();
+    n < Hr || m();
   }, [n, m]), d = k(() => {
     if (h.current) return;
     const { progress: p, startTime: y } = f();
-    y && p && p < Hr && (l(y), h.current = !0);
+    y && p && p < Or && (l(y), h.current = !0);
   }, [f, l]);
   return xe(() => a(), i ? 1e3 : null), A(() => {
     d();
   }, [d]), null;
 }
-function zr({ url: e, watchHistory: n }) {
-  return /* @__PURE__ */ o.jsxs(Tt, { children: [
-    /* @__PURE__ */ o.jsx(Ar, { url: e }),
-    n?.enabled && /* @__PURE__ */ o.jsx(Or, { storageKey: n.storageKey })
+function Zr({ url: e, watchHistory: n }) {
+  return /* @__PURE__ */ o.jsxs(Ct, { children: [
+    /* @__PURE__ */ o.jsx($r, { url: e }),
+    n?.enabled && /* @__PURE__ */ o.jsx(Ar, { storageKey: n.storageKey })
   ] });
 }
-function Ar({ url: e }) {
+function $r({ url: e }) {
   const n = c((r) => r.containerRef);
-  return /* @__PURE__ */ o.jsxs(Et, { ref: n, children: [
-    /* @__PURE__ */ o.jsx(Lt, { url: e, isLive: !1 }),
-    /* @__PURE__ */ o.jsx(Ot, {}),
-    /* @__PURE__ */ o.jsxs(Ht, { children: [
-      /* @__PURE__ */ o.jsx(Ir, {}),
-      /* @__PURE__ */ o.jsx(kt, { children: /* @__PURE__ */ o.jsxs(Ft, { children: [
-        /* @__PURE__ */ o.jsx(Dr, {}),
-        /* @__PURE__ */ o.jsxs(_t, { children: [
-          /* @__PURE__ */ o.jsxs(Dt, { children: [
-            /* @__PURE__ */ o.jsx(_r, {}),
+  return /* @__PURE__ */ o.jsxs(kt, { ref: n, children: [
+    /* @__PURE__ */ o.jsx(Et, { url: e, isLive: !1 }),
+    /* @__PURE__ */ o.jsx(At, {}),
+    /* @__PURE__ */ o.jsxs(Ot, { children: [
+      /* @__PURE__ */ o.jsx(Dr, {}),
+      /* @__PURE__ */ o.jsx(Ft, { children: /* @__PURE__ */ o.jsxs(_t, { children: [
+        /* @__PURE__ */ o.jsx(Mr, {}),
+        /* @__PURE__ */ o.jsxs(It, { children: [
+          /* @__PURE__ */ o.jsxs(Mt, { children: [
+            /* @__PURE__ */ o.jsx(Ir, {}),
             /* @__PURE__ */ o.jsx(Nt, {}),
-            /* @__PURE__ */ o.jsx(Mr, {})
+            /* @__PURE__ */ o.jsx(Vr, {})
           ] }),
-          /* @__PURE__ */ o.jsxs(Mt, { children: [
-            /* @__PURE__ */ o.jsx(Ut, {}),
-            /* @__PURE__ */ o.jsx(Vt, {})
+          /* @__PURE__ */ o.jsxs(Vt, { children: [
+            /* @__PURE__ */ o.jsx(Bt, {}),
+            /* @__PURE__ */ o.jsx(Ht, {})
           ] })
         ] })
       ] }) })
@@ -2006,7 +2022,7 @@ function Ar({ url: e }) {
   ] });
 }
 export {
-  Wr as LivePlayer,
-  zr as VodPlayer
+  zr as LivePlayer,
+  Zr as VodPlayer
 };
 //# sourceMappingURL=react-video-player.es.js.map