@halibegic/react-video-player 0.0.32 → 0.0.34

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

@@ -1,31 +1,32 @@
-var qn = Object.defineProperty, Zn = Object.defineProperties;
-var Yn = Object.getOwnPropertyDescriptors;
-var Te = Object.getOwnPropertySymbols;
-var vt = Object.prototype.hasOwnProperty, pt = Object.prototype.propertyIsEnumerable;
-var mt = (e, t, n) => t in e ? qn(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, b = (e, t) => {
+var Fn = Object.defineProperty, Mn = Object.defineProperties;
+var Nn = Object.getOwnPropertyDescriptors;
+var be = Object.getOwnPropertySymbols;
+var pt = Object.prototype.hasOwnProperty, vt = Object.prototype.propertyIsEnumerable;
+var mt = (e, t, n) => t in e ? Fn(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, j = (e, t) => {
   for (var n in t || (t = {}))
-    vt.call(t, n) && mt(e, n, t[n]);
-  if (Te)
-    for (var n of Te(t))
-      pt.call(t, n) && mt(e, n, t[n]);
+    pt.call(t, n) && mt(e, n, t[n]);
+  if (be)
+    for (var n of be(t))
+      vt.call(t, n) && mt(e, n, t[n]);
   return e;
-}, he = (e, t) => Zn(e, Yn(t));
-var G = (e, t) => {
+}, he = (e, t) => Mn(e, Nn(t));
+var ne = (e, t) => {
   var n = {};
   for (var o in e)
-    vt.call(e, o) && t.indexOf(o) < 0 && (n[o] = e[o]);
-  if (e != null && Te)
-    for (var o of Te(e))
-      t.indexOf(o) < 0 && pt.call(e, o) && (n[o] = e[o]);
+    pt.call(e, o) && t.indexOf(o) < 0 && (n[o] = e[o]);
+  if (e != null && be)
+    for (var o of be(e))
+      t.indexOf(o) < 0 && vt.call(e, o) && (n[o] = e[o]);
   return n;
 };
-import Pt, { useLayoutEffect as Kn, useEffect as O, useRef as A, useState as U, createContext as Lt, useContext as jt, useCallback as V, forwardRef as De } from "react";
-import { create as bt, useStore as kt } from "zustand";
-import Xn from "mitt";
-import K from "hls.js";
-import * as Ee from "@radix-ui/react-slider";
-import * as ye from "@radix-ui/react-dropdown-menu";
-function Dt(e) {
+import St, { useLayoutEffect as Vn, useEffect as N, useRef as O, useState as X, createContext as bt, useContext as Pt, useCallback as U, forwardRef as Me } from "react";
+import { create as jt, useStore as Lt } from "zustand";
+import An from "mitt";
+import re from "hls.js";
+import * as Pe from "@radix-ui/react-slider";
+import * as xe from "@radix-ui/react-popover";
+import * as je from "@radix-ui/react-scroll-area";
+function kt(e) {
   var t = this.constructor;
   return this.then(
     function(n) {
@@ -51,46 +52,46 @@ function It(e) {
       );
     var s = Array.prototype.slice.call(e);
     if (s.length === 0) return n([]);
-    var l = s.length;
-    function u(c, h) {
-      if (h && (typeof h == "object" || typeof h == "function")) {
-        var v = h.then;
-        if (typeof v == "function") {
-          v.call(
-            h,
-            function(C) {
-              u(c, C);
+    var c = s.length;
+    function u(l, d) {
+      if (d && (typeof d == "object" || typeof d == "function")) {
+        var g = d.then;
+        if (typeof g == "function") {
+          g.call(
+            d,
+            function(y) {
+              u(l, y);
             },
-            function(C) {
-              s[c] = { status: "rejected", reason: C }, --l === 0 && n(s);
+            function(y) {
+              s[l] = { status: "rejected", reason: y }, --c === 0 && n(s);
             }
           );
           return;
         }
       }
-      s[c] = { status: "fulfilled", value: h }, --l === 0 && n(s);
+      s[l] = { status: "fulfilled", value: d }, --c === 0 && n(s);
     }
     for (var i = 0; i < s.length; i++)
       u(i, s[i]);
   });
 }
-function Ft(e, t) {
+function Dt(e, t) {
   this.name = "AggregateError", this.errors = e, this.message = t || "";
 }
-Ft.prototype = Error.prototype;
-function Nt(e) {
+Dt.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 s = Array.prototype.slice.call(e);
     if (s.length === 0) return o();
-    for (var l = [], u = 0; u < s.length; u++)
+    for (var c = [], u = 0; u < s.length; u++)
       try {
         t.resolve(s[u]).then(n).catch(function(i) {
-          l.push(i), l.length === s.length && o(
-            new Ft(
-              l,
+          c.push(i), c.length === s.length && o(
+            new Dt(
+              c,
               "All promises were rejected"
             )
           );
@@ -100,164 +101,164 @@ function Nt(e) {
       }
   });
 }
-var Jn = setTimeout;
+var On = setTimeout;
 function Mt(e) {
   return !!(e && typeof e.length != "undefined");
 }
-function Gn() {
+function Hn() {
 }
-function Qn(e, t) {
+function $n(e, t) {
   return function() {
     e.apply(t, arguments);
   };
 }
-function j(e) {
-  if (!(this instanceof j))
+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 = [], Ot(e, this);
+  this._state = 0, this._handled = !1, this._value = void 0, this._deferreds = [], Vt(e, this);
 }
-function Vt(e, t) {
+function Nt(e, t) {
   for (; e._state === 3; )
     e = e._value;
   if (e._state === 0) {
     e._deferreds.push(t);
     return;
   }
-  e._handled = !0, j._immediateFn(function() {
+  e._handled = !0, F._immediateFn(function() {
     var n = e._state === 1 ? t.onFulfilled : t.onRejected;
     if (n === null) {
-      (e._state === 1 ? Be : pe)(t.promise, e._value);
+      (e._state === 1 ? qe : Te)(t.promise, e._value);
       return;
     }
     var o;
     try {
       o = n(e._value);
     } catch (s) {
-      pe(t.promise, s);
+      Te(t.promise, s);
       return;
     }
-    Be(t.promise, o);
+    qe(t.promise, o);
   });
 }
-function Be(e, t) {
+function qe(e, t) {
   try {
     if (t === e)
       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 j) {
-        e._state = 3, e._value = t, We(e);
+      if (t instanceof F) {
+        e._state = 3, e._value = t, Ze(e);
         return;
       } else if (typeof n == "function") {
-        Ot(Qn(n, t), e);
+        Vt($n(n, t), e);
         return;
       }
     }
-    e._state = 1, e._value = t, We(e);
+    e._state = 1, e._value = t, Ze(e);
   } catch (o) {
-    pe(e, o);
+    Te(e, o);
   }
 }
-function pe(e, t) {
-  e._state = 2, e._value = t, We(e);
+function Te(e, t) {
+  e._state = 2, e._value = t, Ze(e);
 }
-function We(e) {
-  e._state === 2 && e._deferreds.length === 0 && j._immediateFn(function() {
-    e._handled || j._unhandledRejectionFn(e._value);
+function Ze(e) {
+  e._state === 2 && e._deferreds.length === 0 && F._immediateFn(function() {
+    e._handled || F._unhandledRejectionFn(e._value);
   });
   for (var t = 0, n = e._deferreds.length; t < n; t++)
-    Vt(e, e._deferreds[t]);
+    Nt(e, e._deferreds[t]);
   e._deferreds = null;
 }
-function er(e, t, n) {
+function Bn(e, t, n) {
   this.onFulfilled = typeof e == "function" ? e : null, this.onRejected = typeof t == "function" ? t : null, this.promise = n;
 }
-function Ot(e, t) {
+function Vt(e, t) {
   var n = !1;
   try {
     e(
       function(o) {
-        n || (n = !0, Be(t, o));
+        n || (n = !0, qe(t, o));
       },
       function(o) {
-        n || (n = !0, pe(t, o));
+        n || (n = !0, Te(t, o));
       }
     );
   } catch (o) {
     if (n) return;
-    n = !0, pe(t, o);
+    n = !0, Te(t, o);
   }
 }
-j.prototype.catch = function(e) {
+F.prototype.catch = function(e) {
   return this.then(null, e);
 };
-j.prototype.then = function(e, t) {
-  var n = new this.constructor(Gn);
-  return Vt(this, new er(e, t, n)), n;
+F.prototype.then = function(e, t) {
+  var n = new this.constructor(Hn);
+  return Nt(this, new Bn(e, t, n)), n;
 };
-j.prototype.finally = Dt;
-j.all = function(e) {
-  return new j(function(t, n) {
+F.prototype.finally = kt;
+F.all = function(e) {
+  return new F(function(t, n) {
     if (!Mt(e))
       return n(new TypeError("Promise.all accepts an array"));
     var o = Array.prototype.slice.call(e);
     if (o.length === 0) return t([]);
     var s = o.length;
-    function l(i, c) {
+    function c(i, l) {
       try {
-        if (c && (typeof c == "object" || typeof c == "function")) {
-          var h = c.then;
-          if (typeof h == "function") {
-            h.call(
-              c,
-              function(v) {
-                l(i, v);
+        if (l && (typeof l == "object" || typeof l == "function")) {
+          var d = l.then;
+          if (typeof d == "function") {
+            d.call(
+              l,
+              function(g) {
+                c(i, g);
               },
               n
             );
             return;
           }
         }
-        o[i] = c, --s === 0 && t(o);
-      } catch (v) {
-        n(v);
+        o[i] = l, --s === 0 && t(o);
+      } catch (g) {
+        n(g);
       }
     }
     for (var u = 0; u < o.length; u++)
-      l(u, o[u]);
+      c(u, o[u]);
   });
 };
-j.any = Nt;
-j.allSettled = It;
-j.resolve = function(e) {
-  return e && typeof e == "object" && e.constructor === j ? e : new j(function(t) {
+F.any = Ft;
+F.allSettled = It;
+F.resolve = function(e) {
+  return e && typeof e == "object" && e.constructor === F ? e : new F(function(t) {
     t(e);
   });
 };
-j.reject = function(e) {
-  return new j(function(t, n) {
+F.reject = function(e) {
+  return new F(function(t, n) {
     n(e);
   });
 };
-j.race = function(e) {
-  return new j(function(t, n) {
+F.race = function(e) {
+  return new F(function(t, n) {
     if (!Mt(e))
       return n(new TypeError("Promise.race accepts an array"));
     for (var o = 0, s = e.length; o < s; o++)
-      j.resolve(e[o]).then(t, n);
+      F.resolve(e[o]).then(t, n);
   });
 };
-j._immediateFn = // @ts-ignore
+F._immediateFn = // @ts-ignore
 typeof setImmediate == "function" && function(e) {
   setImmediate(e);
 } || function(e) {
-  Jn(e, 0);
+  On(e, 0);
 };
-j._unhandledRejectionFn = function(t) {
+F._unhandledRejectionFn = function(t) {
   typeof console != "undefined" && console && console.warn("Possible Unhandled Promise Rejection:", t);
 };
-var ne = (function() {
+var ae = (function() {
   if (typeof self != "undefined")
     return self;
   if (typeof window != "undefined")
@@ -266,74 +267,74 @@ var ne = (function() {
     return global;
   throw new Error("unable to locate global object");
 })();
-typeof ne.Promise != "function" ? ne.Promise = j : (ne.Promise.prototype.finally || (ne.Promise.prototype.finally = Dt), ne.Promise.allSettled || (ne.Promise.allSettled = It), ne.Promise.any || (ne.Promise.any = Nt));
-var Re = { exports: {} }, me = {};
+typeof ae.Promise != "function" ? ae.Promise = F : (ae.Promise.prototype.finally || (ae.Promise.prototype.finally = kt), ae.Promise.allSettled || (ae.Promise.allSettled = It), ae.Promise.any || (ae.Promise.any = Ft));
+var Le = { exports: {} }, ge = {};
 var yt;
-function tr() {
-  if (yt) return me;
+function Un() {
+  if (yt) return ge;
   yt = 1;
-  var e = Pt, t = Symbol.for("react.element"), n = Symbol.for("react.fragment"), o = Object.prototype.hasOwnProperty, s = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, l = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function u(i, c, h) {
-    var v, C = {}, S = null, T = null;
-    h !== void 0 && (S = "" + h), c.key !== void 0 && (S = "" + c.key), c.ref !== void 0 && (T = c.ref);
-    for (v in c) o.call(c, v) && !l.hasOwnProperty(v) && (C[v] = c[v]);
-    if (i && i.defaultProps) for (v in c = i.defaultProps, c) C[v] === void 0 && (C[v] = c[v]);
-    return { $$typeof: t, type: i, key: S, ref: T, props: C, _owner: s.current };
+  var e = St, t = Symbol.for("react.element"), n = Symbol.for("react.fragment"), o = Object.prototype.hasOwnProperty, s = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, c = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function u(i, l, d) {
+    var g, y = {}, v = null, _ = null;
+    d !== void 0 && (v = "" + d), l.key !== void 0 && (v = "" + l.key), l.ref !== void 0 && (_ = l.ref);
+    for (g in l) o.call(l, g) && !c.hasOwnProperty(g) && (y[g] = l[g]);
+    if (i && i.defaultProps) for (g in l = i.defaultProps, l) y[g] === void 0 && (y[g] = l[g]);
+    return { $$typeof: t, type: i, key: v, ref: _, props: y, _owner: s.current };
   }
-  return me.Fragment = n, me.jsx = u, me.jsxs = u, me;
+  return ge.Fragment = n, ge.jsx = u, ge.jsxs = u, ge;
 }
-var ve = {};
+var we = {};
 var gt;
-function nr() {
+function zn() {
   return gt || (gt = 1, process.env.NODE_ENV !== "production" && (function() {
-    var e = Pt, t = Symbol.for("react.element"), n = Symbol.for("react.portal"), o = Symbol.for("react.fragment"), s = Symbol.for("react.strict_mode"), l = Symbol.for("react.profiler"), u = Symbol.for("react.provider"), i = Symbol.for("react.context"), c = Symbol.for("react.forward_ref"), h = Symbol.for("react.suspense"), v = Symbol.for("react.suspense_list"), C = Symbol.for("react.memo"), S = Symbol.for("react.lazy"), T = Symbol.for("react.offscreen"), L = Symbol.iterator, N = "@@iterator";
-    function x(r) {
+    var e = St, t = Symbol.for("react.element"), n = Symbol.for("react.portal"), o = Symbol.for("react.fragment"), s = 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"), g = Symbol.for("react.suspense_list"), y = Symbol.for("react.memo"), v = Symbol.for("react.lazy"), _ = Symbol.for("react.offscreen"), L = Symbol.iterator, S = "@@iterator";
+    function P(r) {
       if (r === null || typeof r != "object")
         return null;
-      var d = L && r[L] || r[N];
-      return typeof d == "function" ? d : null;
+      var h = L && r[L] || r[S];
+      return typeof h == "function" ? h : null;
     }
     var M = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function P(r) {
+    function R(r) {
       {
-        for (var d = arguments.length, m = new Array(d > 1 ? d - 1 : 0), y = 1; y < d; y++)
-          m[y - 1] = arguments[y];
-        g("error", r, m);
+        for (var h = arguments.length, m = new Array(h > 1 ? h - 1 : 0), w = 1; w < h; w++)
+          m[w - 1] = arguments[w];
+        k("error", r, m);
       }
     }
-    function g(r, d, m) {
+    function k(r, h, m) {
       {
-        var y = M.ReactDebugCurrentFrame, E = y.getStackAddendum();
-        E !== "" && (d += "%s", m = m.concat([E]));
-        var R = m.map(function(_) {
-          return String(_);
+        var w = M.ReactDebugCurrentFrame, E = w.getStackAddendum();
+        E !== "" && (h += "%s", m = m.concat([E]));
+        var b = m.map(function(C) {
+          return String(C);
         });
-        R.unshift("Warning: " + d), Function.prototype.apply.call(console[r], console, R);
+        b.unshift("Warning: " + h), Function.prototype.apply.call(console[r], console, b);
       }
     }
-    var k = !1, p = !1, Z = !1, Q = !1, ee = !1, X;
-    X = Symbol.for("react.module.reference");
-    function W(r) {
-      return !!(typeof r == "string" || typeof r == "function" || r === o || r === l || ee || r === s || r === h || r === v || Q || r === T || k || p || Z || typeof r == "object" && r !== null && (r.$$typeof === S || r.$$typeof === C || r.$$typeof === u || r.$$typeof === i || r.$$typeof === c || // This needs to include all possible module reference object
+    var T = !1, I = !1, p = !1, B = !1, J = !1, q;
+    q = Symbol.for("react.module.reference");
+    function V(r) {
+      return !!(typeof r == "string" || typeof r == "function" || r === o || r === c || J || r === s || r === d || r === g || B || r === _ || T || I || p || typeof r == "object" && r !== null && (r.$$typeof === v || 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 === X || r.getModuleId !== void 0));
+      r.$$typeof === q || r.getModuleId !== void 0));
     }
-    function I(r, d, m) {
-      var y = r.displayName;
-      if (y)
-        return y;
-      var E = d.displayName || d.name || "";
+    function D(r, h, m) {
+      var w = r.displayName;
+      if (w)
+        return w;
+      var E = h.displayName || h.name || "";
       return E !== "" ? m + "(" + E + ")" : m;
     }
-    function le(r) {
+    function Q(r) {
       return r.displayName || "Context";
     }
-    function z(r) {
+    function Z(r) {
       if (r == null)
         return null;
-      if (typeof r.tag == "number" && P("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof r == "function")
+      if (typeof r.tag == "number" && R("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof r == "function")
         return r.displayName || r.name || null;
       if (typeof r == "string")
         return r;
@@ -342,51 +343,51 @@ function nr() {
           return "Fragment";
         case n:
           return "Portal";
-        case l:
+        case c:
           return "Profiler";
         case s:
           return "StrictMode";
-        case h:
+        case d:
           return "Suspense";
-        case v:
+        case g:
           return "SuspenseList";
       }
       if (typeof r == "object")
         switch (r.$$typeof) {
           case i:
-            var d = r;
-            return le(d) + ".Consumer";
+            var h = r;
+            return Q(h) + ".Consumer";
           case u:
             var m = r;
-            return le(m._context) + ".Provider";
-          case c:
-            return I(r, r.render, "ForwardRef");
-          case C:
-            var y = r.displayName || null;
-            return y !== null ? y : z(r.type) || "Memo";
-          case S: {
-            var E = r, R = E._payload, _ = E._init;
+            return Q(m._context) + ".Provider";
+          case l:
+            return D(r, r.render, "ForwardRef");
+          case y:
+            var w = r.displayName || null;
+            return w !== null ? w : Z(r.type) || "Memo";
+          case v: {
+            var E = r, b = E._payload, C = E._init;
             try {
-              return z(_(R));
-            } catch (w) {
+              return Z(C(b));
+            } catch (x) {
               return null;
             }
           }
         }
       return null;
     }
-    var Y = Object.assign, te = 0, ce, ue, J, de, Ke, Xe, Je;
-    function Ge() {
+    var z = Object.assign, oe = 0, ue, te, W, ve, Ye, Xe, Ge;
+    function Je() {
     }
-    Ge.__reactDisabledLog = !0;
-    function Cn() {
+    Je.__reactDisabledLog = !0;
+    function an() {
       {
-        if (te === 0) {
-          ce = console.log, ue = console.info, J = console.warn, de = console.error, Ke = console.group, Xe = console.groupCollapsed, Je = console.groupEnd;
+        if (oe === 0) {
+          ue = console.log, te = console.info, W = console.warn, ve = console.error, Ye = console.group, Xe = console.groupCollapsed, Ge = console.groupEnd;
           var r = {
             configurable: !0,
             enumerable: !0,
-            value: Ge,
+            value: Je,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -399,211 +400,211 @@ function nr() {
             groupEnd: r
           });
         }
-        te++;
+        oe++;
       }
     }
-    function wn() {
+    function ln() {
       {
-        if (te--, te === 0) {
+        if (oe--, oe === 0) {
           var r = {
             configurable: !0,
             enumerable: !0,
             writable: !0
           };
           Object.defineProperties(console, {
-            log: Y({}, r, {
-              value: ce
-            }),
-            info: Y({}, r, {
+            log: z({}, r, {
               value: ue
             }),
-            warn: Y({}, r, {
-              value: J
+            info: z({}, r, {
+              value: te
+            }),
+            warn: z({}, r, {
+              value: W
             }),
-            error: Y({}, r, {
-              value: de
+            error: z({}, r, {
+              value: ve
             }),
-            group: Y({}, r, {
-              value: Ke
+            group: z({}, r, {
+              value: Ye
             }),
-            groupCollapsed: Y({}, r, {
+            groupCollapsed: z({}, r, {
               value: Xe
             }),
-            groupEnd: Y({}, r, {
-              value: Je
+            groupEnd: z({}, r, {
+              value: Ge
             })
           });
         }
-        te < 0 && P("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        oe < 0 && R("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var Fe = M.ReactCurrentDispatcher, Ne;
-    function Ce(r, d, m) {
+    var Ve = M.ReactCurrentDispatcher, Ae;
+    function Ce(r, h, m) {
       {
-        if (Ne === void 0)
+        if (Ae === void 0)
           try {
             throw Error();
           } catch (E) {
-            var y = E.stack.trim().match(/\n( *(at )?)/);
-            Ne = y && y[1] || "";
+            var w = E.stack.trim().match(/\n( *(at )?)/);
+            Ae = w && w[1] || "";
           }
         return `
-` + Ne + r;
+` + Ae + r;
       }
     }
-    var Me = !1, we;
+    var Oe = !1, Ee;
     {
-      var xn = typeof WeakMap == "function" ? WeakMap : Map;
-      we = new xn();
+      var cn = typeof WeakMap == "function" ? WeakMap : Map;
+      Ee = new cn();
     }
-    function Qe(r, d) {
-      if (!r || Me)
+    function Qe(r, h) {
+      if (!r || Oe)
         return "";
       {
-        var m = we.get(r);
+        var m = Ee.get(r);
         if (m !== void 0)
           return m;
       }
-      var y;
-      Me = !0;
+      var w;
+      Oe = !0;
       var E = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var R;
-      R = Fe.current, Fe.current = null, Cn();
+      var b;
+      b = Ve.current, Ve.current = null, an();
       try {
-        if (d) {
-          var _ = function() {
+        if (h) {
+          var C = function() {
             throw Error();
           };
-          if (Object.defineProperty(_.prototype, "props", {
+          if (Object.defineProperty(C.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(_, []);
-            } catch (B) {
-              y = B;
+              Reflect.construct(C, []);
+            } catch (G) {
+              w = G;
             }
-            Reflect.construct(r, [], _);
+            Reflect.construct(r, [], C);
           } else {
             try {
-              _.call();
-            } catch (B) {
-              y = B;
+              C.call();
+            } catch (G) {
+              w = G;
             }
-            r.call(_.prototype);
+            r.call(C.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (B) {
-            y = B;
+          } catch (G) {
+            w = G;
           }
           r();
         }
-      } catch (B) {
-        if (B && y && typeof B.stack == "string") {
-          for (var w = B.stack.split(`
-`), $ = y.stack.split(`
-`), D = w.length - 1, F = $.length - 1; D >= 1 && F >= 0 && w[D] !== $[F]; )
-            F--;
-          for (; D >= 1 && F >= 0; D--, F--)
-            if (w[D] !== $[F]) {
-              if (D !== 1 || F !== 1)
+      } catch (G) {
+        if (G && w && typeof G.stack == "string") {
+          for (var x = G.stack.split(`
+`), Y = w.stack.split(`
+`), A = x.length - 1, H = Y.length - 1; A >= 1 && H >= 0 && x[A] !== Y[H]; )
+            H--;
+          for (; A >= 1 && H >= 0; A--, H--)
+            if (x[A] !== Y[H]) {
+              if (A !== 1 || H !== 1)
                 do
-                  if (D--, F--, F < 0 || w[D] !== $[F]) {
-                    var q = `
-` + w[D].replace(" at new ", " at ");
-                    return r.displayName && q.includes("<anonymous>") && (q = q.replace("<anonymous>", r.displayName)), typeof r == "function" && we.set(r, q), q;
+                  if (A--, H--, H < 0 || x[A] !== Y[H]) {
+                    var ee = `
+` + x[A].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 (D >= 1 && F >= 0);
+                while (A >= 1 && H >= 0);
               break;
             }
         }
       } finally {
-        Me = !1, Fe.current = R, wn(), Error.prepareStackTrace = E;
+        Oe = !1, Ve.current = b, ln(), Error.prepareStackTrace = E;
       }
-      var ae = r ? r.displayName || r.name : "", ie = ae ? Ce(ae) : "";
-      return typeof r == "function" && we.set(r, ie), ie;
+      var fe = r ? r.displayName || r.name : "", ce = fe ? Ce(fe) : "";
+      return typeof r == "function" && Ee.set(r, ce), ce;
     }
-    function _n(r, d, m) {
+    function un(r, h, m) {
       return Qe(r, !1);
     }
-    function Tn(r) {
-      var d = r.prototype;
-      return !!(d && d.isReactComponent);
+    function dn(r) {
+      var h = r.prototype;
+      return !!(h && h.isReactComponent);
     }
-    function xe(r, d, m) {
+    function Re(r, h, m) {
       if (r == null)
         return "";
       if (typeof r == "function")
-        return Qe(r, Tn(r));
+        return Qe(r, dn(r));
       if (typeof r == "string")
         return Ce(r);
       switch (r) {
-        case h:
+        case d:
           return Ce("Suspense");
-        case v:
+        case g:
           return Ce("SuspenseList");
       }
       if (typeof r == "object")
         switch (r.$$typeof) {
-          case c:
-            return _n(r.render);
-          case C:
-            return xe(r.type, d, m);
-          case S: {
-            var y = r, E = y._payload, R = y._init;
+          case l:
+            return un(r.render);
+          case y:
+            return Re(r.type, h, m);
+          case v: {
+            var w = r, E = w._payload, b = w._init;
             try {
-              return xe(R(E), d, m);
-            } catch (_) {
+              return Re(b(E), h, m);
+            } catch (C) {
             }
           }
         }
       return "";
     }
-    var fe = Object.prototype.hasOwnProperty, et = {}, tt = M.ReactDebugCurrentFrame;
-    function _e(r) {
+    var ye = Object.prototype.hasOwnProperty, et = {}, tt = M.ReactDebugCurrentFrame;
+    function Se(r) {
       if (r) {
-        var d = r._owner, m = xe(r.type, r._source, d ? d.type : null);
+        var h = r._owner, m = Re(r.type, r._source, h ? h.type : null);
         tt.setExtraStackFrame(m);
       } else
         tt.setExtraStackFrame(null);
     }
-    function En(r, d, m, y, E) {
+    function fn(r, h, m, w, E) {
       {
-        var R = Function.call.bind(fe);
-        for (var _ in r)
-          if (R(r, _)) {
-            var w = void 0;
+        var b = Function.call.bind(ye);
+        for (var C in r)
+          if (b(r, C)) {
+            var x = void 0;
             try {
-              if (typeof r[_] != "function") {
-                var $ = Error((y || "React class") + ": " + m + " type `" + _ + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof r[_] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw $.name = "Invariant Violation", $;
+              if (typeof r[C] != "function") {
+                var Y = 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 Y.name = "Invariant Violation", Y;
               }
-              w = r[_](d, _, y, m, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (D) {
-              w = D;
+              x = r[C](h, C, w, m, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (A) {
+              x = A;
             }
-            w && !(w instanceof Error) && (_e(E), P("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", y || "React class", m, _, typeof w), _e(null)), w instanceof Error && !(w.message in et) && (et[w.message] = !0, _e(E), P("Failed %s type: %s", m, w.message), _e(null));
+            x && !(x instanceof Error) && (Se(E), R("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", w || "React class", m, C, typeof x), Se(null)), x instanceof Error && !(x.message in et) && (et[x.message] = !0, Se(E), R("Failed %s type: %s", m, x.message), Se(null));
           }
       }
     }
-    var Rn = Array.isArray;
-    function Ve(r) {
-      return Rn(r);
+    var hn = Array.isArray;
+    function He(r) {
+      return hn(r);
     }
-    function Sn(r) {
+    function mn(r) {
       {
-        var d = typeof Symbol == "function" && Symbol.toStringTag, m = d && r[Symbol.toStringTag] || r.constructor.name || "Object";
+        var h = typeof Symbol == "function" && Symbol.toStringTag, m = h && r[Symbol.toStringTag] || r.constructor.name || "Object";
         return m;
       }
     }
-    function Pn(r) {
+    function pn(r) {
       try {
         return nt(r), !1;
-      } catch (d) {
+      } catch (h) {
         return !0;
       }
     }
@@ -611,38 +612,38 @@ function nr() {
       return "" + r;
     }
     function rt(r) {
-      if (Pn(r))
-        return P("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Sn(r)), nt(r);
+      if (pn(r))
+        return R("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", mn(r)), nt(r);
     }
-    var ot = M.ReactCurrentOwner, Ln = {
+    var ot = M.ReactCurrentOwner, vn = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
     }, it, st;
-    function jn(r) {
-      if (fe.call(r, "ref")) {
-        var d = Object.getOwnPropertyDescriptor(r, "ref").get;
-        if (d && d.isReactWarning)
+    function yn(r) {
+      if (ye.call(r, "ref")) {
+        var h = Object.getOwnPropertyDescriptor(r, "ref").get;
+        if (h && h.isReactWarning)
           return !1;
       }
       return r.ref !== void 0;
     }
-    function bn(r) {
-      if (fe.call(r, "key")) {
-        var d = Object.getOwnPropertyDescriptor(r, "key").get;
-        if (d && d.isReactWarning)
+    function gn(r) {
+      if (ye.call(r, "key")) {
+        var h = Object.getOwnPropertyDescriptor(r, "key").get;
+        if (h && h.isReactWarning)
           return !1;
       }
       return r.key !== void 0;
     }
-    function kn(r, d) {
+    function wn(r, h) {
       typeof r.ref == "string" && ot.current;
     }
-    function Dn(r, d) {
+    function Tn(r, h) {
       {
         var m = function() {
-          it || (it = !0, P("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", d));
+          it || (it = !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,
@@ -650,10 +651,10 @@ function nr() {
         });
       }
     }
-    function In(r, d) {
+    function _n(r, h) {
       {
         var m = function() {
-          st || (st = !0, P("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", d));
+          st || (st = !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,
@@ -661,70 +662,70 @@ function nr() {
         });
       }
     }
-    var Fn = function(r, d, m, y, E, R, _) {
-      var w = {
+    var xn = function(r, h, m, w, E, b, 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: d,
+        key: h,
         ref: m,
-        props: _,
+        props: C,
         // Record the component responsible for creating this element.
-        _owner: R
+        _owner: b
       };
-      return w._store = {}, Object.defineProperty(w._store, "validated", {
+      return x._store = {}, Object.defineProperty(x._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(w, "_self", {
+      }), Object.defineProperty(x, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: y
-      }), Object.defineProperty(w, "_source", {
+        value: w
+      }), Object.defineProperty(x, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
         value: E
-      }), Object.freeze && (Object.freeze(w.props), Object.freeze(w)), w;
+      }), Object.freeze && (Object.freeze(x.props), Object.freeze(x)), x;
     };
-    function Nn(r, d, m, y, E) {
+    function Cn(r, h, m, w, E) {
       {
-        var R, _ = {}, w = null, $ = null;
-        m !== void 0 && (rt(m), w = "" + m), bn(d) && (rt(d.key), w = "" + d.key), jn(d) && ($ = d.ref, kn(d, E));
-        for (R in d)
-          fe.call(d, R) && !Ln.hasOwnProperty(R) && (_[R] = d[R]);
+        var b, C = {}, x = null, Y = null;
+        m !== void 0 && (rt(m), x = "" + m), gn(h) && (rt(h.key), x = "" + h.key), yn(h) && (Y = h.ref, wn(h, E));
+        for (b in h)
+          ye.call(h, b) && !vn.hasOwnProperty(b) && (C[b] = h[b]);
         if (r && r.defaultProps) {
-          var D = r.defaultProps;
-          for (R in D)
-            _[R] === void 0 && (_[R] = D[R]);
+          var A = r.defaultProps;
+          for (b in A)
+            C[b] === void 0 && (C[b] = A[b]);
         }
-        if (w || $) {
-          var F = typeof r == "function" ? r.displayName || r.name || "Unknown" : r;
-          w && Dn(_, F), $ && In(_, F);
+        if (x || Y) {
+          var H = typeof r == "function" ? r.displayName || r.name || "Unknown" : r;
+          x && Tn(C, H), Y && _n(C, H);
         }
-        return Fn(r, w, $, E, y, ot.current, _);
+        return xn(r, x, Y, E, w, ot.current, C);
       }
     }
-    var Oe = M.ReactCurrentOwner, at = M.ReactDebugCurrentFrame;
-    function se(r) {
+    var $e = M.ReactCurrentOwner, at = M.ReactDebugCurrentFrame;
+    function de(r) {
       if (r) {
-        var d = r._owner, m = xe(r.type, r._source, d ? d.type : null);
+        var h = r._owner, m = Re(r.type, r._source, h ? h.type : null);
         at.setExtraStackFrame(m);
       } else
         at.setExtraStackFrame(null);
     }
-    var He;
-    He = !1;
-    function Ae(r) {
+    var Be;
+    Be = !1;
+    function Ue(r) {
       return typeof r == "object" && r !== null && r.$$typeof === t;
     }
     function lt() {
       {
-        if (Oe.current) {
-          var r = z(Oe.current.type);
+        if ($e.current) {
+          var r = Z($e.current.type);
           if (r)
             return `
 
@@ -733,161 +734,161 @@ Check the render method of \`` + r + "`.";
         return "";
       }
     }
-    function Mn(r) {
+    function En(r) {
       return "";
     }
     var ct = {};
-    function Vn(r) {
+    function Rn(r) {
       {
-        var d = lt();
-        if (!d) {
+        var h = lt();
+        if (!h) {
           var m = typeof r == "string" ? r : r.displayName || r.name;
-          m && (d = `
+          m && (h = `
 
 Check the top-level render call using <` + m + ">.");
         }
-        return d;
+        return h;
       }
     }
-    function ut(r, d) {
+    function ut(r, h) {
       {
         if (!r._store || r._store.validated || r.key != null)
           return;
         r._store.validated = !0;
-        var m = Vn(d);
+        var m = Rn(h);
         if (ct[m])
           return;
         ct[m] = !0;
-        var y = "";
-        r && r._owner && r._owner !== Oe.current && (y = " It was passed a child from " + z(r._owner.type) + "."), se(r), P('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', m, y), se(null);
+        var w = "";
+        r && r._owner && r._owner !== $e.current && (w = " It was passed a child from " + Z(r._owner.type) + "."), de(r), R('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', m, w), de(null);
       }
     }
-    function dt(r, d) {
+    function dt(r, h) {
       {
         if (typeof r != "object")
           return;
-        if (Ve(r))
+        if (He(r))
           for (var m = 0; m < r.length; m++) {
-            var y = r[m];
-            Ae(y) && ut(y, d);
+            var w = r[m];
+            Ue(w) && ut(w, h);
           }
-        else if (Ae(r))
+        else if (Ue(r))
           r._store && (r._store.validated = !0);
         else if (r) {
-          var E = x(r);
+          var E = P(r);
           if (typeof E == "function" && E !== r.entries)
-            for (var R = E.call(r), _; !(_ = R.next()).done; )
-              Ae(_.value) && ut(_.value, d);
+            for (var b = E.call(r), C; !(C = b.next()).done; )
+              Ue(C.value) && ut(C.value, h);
         }
       }
     }
-    function On(r) {
+    function Sn(r) {
       {
-        var d = r.type;
-        if (d == null || typeof d == "string")
+        var h = r.type;
+        if (h == null || typeof h == "string")
           return;
         var m;
-        if (typeof d == "function")
-          m = d.propTypes;
-        else if (typeof d == "object" && (d.$$typeof === c || // Note: Memo only checks outer props here.
+        if (typeof h == "function")
+          m = h.propTypes;
+        else if (typeof h == "object" && (h.$$typeof === l || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        d.$$typeof === C))
-          m = d.propTypes;
+        h.$$typeof === y))
+          m = h.propTypes;
         else
           return;
         if (m) {
-          var y = z(d);
-          En(m, r.props, "prop", y, r);
-        } else if (d.PropTypes !== void 0 && !He) {
-          He = !0;
-          var E = z(d);
-          P("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", E || "Unknown");
+          var w = Z(h);
+          fn(m, r.props, "prop", w, r);
+        } else if (h.PropTypes !== void 0 && !Be) {
+          Be = !0;
+          var E = Z(h);
+          R("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", E || "Unknown");
         }
-        typeof d.getDefaultProps == "function" && !d.getDefaultProps.isReactClassApproved && P("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof h.getDefaultProps == "function" && !h.getDefaultProps.isReactClassApproved && R("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function Hn(r) {
+    function bn(r) {
       {
-        for (var d = Object.keys(r.props), m = 0; m < d.length; m++) {
-          var y = d[m];
-          if (y !== "children" && y !== "key") {
-            se(r), P("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", y), se(null);
+        for (var h = Object.keys(r.props), m = 0; m < h.length; m++) {
+          var w = h[m];
+          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;
           }
         }
-        r.ref !== null && (se(r), P("Invalid attribute `ref` supplied to `React.Fragment`."), se(null));
+        r.ref !== null && (de(r), R("Invalid attribute `ref` supplied to `React.Fragment`."), de(null));
       }
     }
     var ft = {};
-    function ht(r, d, m, y, E, R) {
+    function ht(r, h, m, w, E, b) {
       {
-        var _ = W(r);
-        if (!_) {
-          var w = "";
-          (r === void 0 || typeof r == "object" && r !== null && Object.keys(r).length === 0) && (w += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
-          var $ = Mn();
-          $ ? w += $ : w += lt();
-          var D;
-          r === null ? D = "null" : Ve(r) ? D = "array" : r !== void 0 && r.$$typeof === t ? (D = "<" + (z(r.type) || "Unknown") + " />", w = " Did you accidentally export a JSX literal instead of a component?") : D = typeof r, P("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", D, w);
+        var C = V(r);
+        if (!C) {
+          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 = En();
+          Y ? x += Y : x += lt();
+          var A;
+          r === null ? A = "null" : He(r) ? A = "array" : r !== void 0 && r.$$typeof === t ? (A = "<" + (Z(r.type) || "Unknown") + " />", x = " Did you accidentally export a JSX literal instead of a component?") : A = 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", A, x);
         }
-        var F = Nn(r, d, m, E, R);
-        if (F == null)
-          return F;
-        if (_) {
-          var q = d.children;
-          if (q !== void 0)
-            if (y)
-              if (Ve(q)) {
-                for (var ae = 0; ae < q.length; ae++)
-                  dt(q[ae], r);
-                Object.freeze && Object.freeze(q);
+        var H = Cn(r, h, m, E, b);
+        if (H == null)
+          return H;
+        if (C) {
+          var ee = h.children;
+          if (ee !== void 0)
+            if (w)
+              if (He(ee)) {
+                for (var fe = 0; fe < ee.length; fe++)
+                  dt(ee[fe], r);
+                Object.freeze && Object.freeze(ee);
               } else
-                P("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+                R("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
             else
-              dt(q, r);
+              dt(ee, r);
         }
-        if (fe.call(d, "key")) {
-          var ie = z(r), B = Object.keys(d).filter(function(zn) {
-            return zn !== "key";
-          }), $e = B.length > 0 ? "{key: someKey, " + B.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!ft[ie + $e]) {
-            var Wn = B.length > 0 ? "{" + B.join(": ..., ") + ": ...}" : "{}";
-            P(`A props object containing a "key" prop is being spread into JSX:
+        if (ye.call(h, "key")) {
+          var ce = Z(r), G = Object.keys(h).filter(function(Dn) {
+            return Dn !== "key";
+          }), ze = G.length > 0 ? "{key: someKey, " + G.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!ft[ce + ze]) {
+            var In = G.length > 0 ? "{" + G.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} />`, $e, ie, Wn, ie), ft[ie + $e] = !0;
+  <%s key={someKey} {...props} />`, ze, ce, In, ce), ft[ce + ze] = !0;
           }
         }
-        return r === o ? Hn(F) : On(F), F;
+        return r === o ? bn(H) : Sn(H), H;
       }
     }
-    function An(r, d, m) {
-      return ht(r, d, m, !0);
-    }
-    function $n(r, d, m) {
-      return ht(r, d, m, !1);
-    }
-    var Un = $n, Bn = An;
-    ve.Fragment = o, ve.jsx = Un, ve.jsxs = Bn;
-  })()), ve;
-}
-var Ct;
-function rr() {
-  return Ct || (Ct = 1, process.env.NODE_ENV === "production" ? Re.exports = tr() : Re.exports = nr()), Re.exports;
-}
-var a = rr();
-const or = "_playerNotice_wol1k_1", ir = "_playerNoticeTitle_wol1k_16", sr = "_playerNoticeText_wol1k_25", qe = {
-  playerNotice: or,
-  playerNoticeTitle: ir,
-  playerNoticeText: sr
-}, Le = qe.playerNotice, je = qe.playerNoticeTitle, ze = qe.playerNoticeText, Ht = typeof window != "undefined" ? Kn : O;
-function Ze(e, t) {
-  const n = A(e);
-  Ht(() => {
+    function Pn(r, h, m) {
+      return ht(r, h, m, !0);
+    }
+    function jn(r, h, m) {
+      return ht(r, h, m, !1);
+    }
+    var Ln = jn, kn = Pn;
+    we.Fragment = o, we.jsx = Ln, we.jsxs = kn;
+  })()), we;
+}
+var wt;
+function Wn() {
+  return wt || (wt = 1, process.env.NODE_ENV === "production" ? Le.exports = Un() : Le.exports = zn()), Le.exports;
+}
+var a = Wn();
+const qn = "_playerNotice_1m0i8_1", Zn = "_playerNoticeTitle_1m0i8_17", Kn = "_playerNoticeText_1m0i8_26", se = {
+  playerNotice: qn,
+  playerNoticeTitle: Zn,
+  playerNoticeText: Kn
+}, At = typeof window != "undefined" ? Vn : N;
+function Ke(e, t) {
+  const n = O(e);
+  At(() => {
     n.current = e;
-  }, [e]), O(() => {
+  }, [e]), N(() => {
     if (t === null)
       return;
     const o = setInterval(() => {
@@ -898,29 +899,29 @@ function Ze(e, t) {
     };
   }, [t]);
 }
-function ar(e) {
-  const [, t] = U(0);
-  Ze(() => t((n) => n + 1), e);
+function Yn(e) {
+  const [, t] = X(0);
+  Ke(() => t((n) => n + 1), e);
 }
-const lr = () => bt((e) => ({
+const Xn = () => jt((e) => ({
   delay: 0,
   startDate: null,
   setDelay: (t) => e({ delay: t }),
   setStartDate: (t) => e({ startDate: t })
-})), At = Lt(
+})), Ot = bt(
   null
-), cr = ({ children: e }) => {
-  const t = A(
+), Gn = ({ children: e }) => {
+  const t = O(
     null
   );
-  return t.current || (t.current = lr()), /* @__PURE__ */ a.jsx(At.Provider, { value: t.current, children: e });
-}, H = (e) => {
-  const t = jt(At);
+  return t.current || (t.current = Xn()), /* @__PURE__ */ a.jsx(Ot.Provider, { value: t.current, children: e });
+}, $ = (e) => {
+  const t = Pt(Ot);
   if (!t)
     throw new Error("usePlayerStore must be used within PlayerStoreProvider");
-  return kt(t, e);
+  return Lt(t, e);
 };
-function ur(e, t, n) {
+function Jn(e, t, n) {
   const o = {
     days: 86400,
     hours: 3600,
@@ -930,19 +931,19 @@ function ur(e, t, n) {
   };
   return e * (o[t] / o[n]);
 }
-function dr(e) {
-  return ur(e, "milliseconds", "seconds");
+function Qn(e) {
+  return Jn(e, "milliseconds", "seconds");
 }
-const be = (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), s = Math.floor(e % 60);
+  const t = (c) => (c < 10 ? "0" : "") + c, n = Math.floor(e / 3600), o = Math.floor(e % 3600 / 60), s = Math.floor(e % 60);
   return n === 0 ? `${o}:${t(s)}` : `${n}:${t(o)}:${t(s)}`;
 };
-function fr(e, t) {
-  var n, o, s, l, u, i;
+function er(e, t) {
+  var n, o, s, c, u, i;
   if (typeof Intl != "undefined" && Intl.DateTimeFormat)
     try {
-      const h = new Intl.DateTimeFormat("en-US", {
+      const d = new Intl.DateTimeFormat("en-US", {
         timeZone: t,
         year: "numeric",
         month: "2-digit",
@@ -951,58 +952,58 @@ function fr(e, t) {
         minute: "2-digit",
         second: "2-digit",
         hour12: !1
-      }).formatToParts(e), v = parseInt(
-        ((n = h.find((x) => x.type === "year")) == null ? void 0 : n.value) || "0",
+      }).formatToParts(e), g = parseInt(
+        ((n = d.find((P) => P.type === "year")) == null ? void 0 : n.value) || "0",
         10
-      ), C = parseInt(
-        ((o = h.find((x) => x.type === "month")) == null ? void 0 : o.value) || "0",
+      ), y = parseInt(
+        ((o = d.find((P) => P.type === "month")) == null ? void 0 : o.value) || "0",
         10
-      ) - 1, S = parseInt(
-        ((s = h.find((x) => x.type === "day")) == null ? void 0 : s.value) || "0",
+      ) - 1, v = parseInt(
+        ((s = d.find((P) => P.type === "day")) == null ? void 0 : s.value) || "0",
         10
-      ), T = parseInt(
-        ((l = h.find((x) => x.type === "hour")) == null ? void 0 : l.value) || "0",
+      ), _ = parseInt(
+        ((c = d.find((P) => P.type === "hour")) == null ? void 0 : c.value) || "0",
         10
       ), L = parseInt(
-        ((u = h.find((x) => x.type === "minute")) == null ? void 0 : u.value) || "0",
+        ((u = d.find((P) => P.type === "minute")) == null ? void 0 : u.value) || "0",
         10
-      ), N = parseInt(
-        ((i = h.find((x) => x.type === "second")) == null ? void 0 : i.value) || "0",
+      ), S = parseInt(
+        ((i = d.find((P) => P.type === "second")) == null ? void 0 : i.value) || "0",
         10
       );
-      return new Date(v, C, S, T, L, N);
-    } catch (c) {
+      return new Date(g, y, v, _, L, S);
+    } catch (l) {
       return console.warn(
         `Failed to convert date to timezone ${t}, returning original date:`,
-        c
+        l
       ), e;
     }
   return console.warn(
     "Intl.DateTimeFormat not available, timezone conversion may be inaccurate"
   ), e;
 }
-function hr(e) {
+function Ht(e) {
   var n;
   const t = typeof window != "undefined" && ((n = window.navigator) == null ? void 0 : n.userAgent) || "";
   return e.test(t);
 }
-const $t = hr(/iPhone|iPad|iPod/i);
-function mr() {
+const $t = Ht(/iPhone|iPad|iPod/i), tr = Ht(/Tizen/i);
+function nr() {
   const e = document;
   return !!(e.fullscreenElement || e.mozFullScreenElement || e.webkitFullscreenElement || e.msFullscreenElement);
 }
-function vr(e) {
+function rr(e) {
   e.requestFullscreen ? e.requestFullscreen() : e.msRequestFullscreen ? e.msRequestFullscreen() : e.webkitRequestFullScreen ? e.webkitRequestFullScreen() : e.webkitEnterFullScreen ? e.webkitEnterFullScreen() : e.mozRequestFullScreen && e.mozRequestFullScreen();
 }
-function pr(e) {
+function or(e) {
   e.exitFullscreen ? e.exitFullscreen() : e.msExitFullscreen ? e.msExitFullscreen() : e.webkitExitFullscreen ? e.webkitExitFullscreen() : e.mozCancelFullScreen && e.mozCancelFullScreen();
 }
-function yr(e, t) {
+function ir(e, t) {
   return e.addEventListener("fullscreenchange", t), e.addEventListener("webkitfullscreenchange", t), e.addEventListener("mozfullscreenchange", t), e.addEventListener("MSFullscreenChange", t), () => {
     e.removeEventListener("fullscreenchange", t), e.removeEventListener("webkitfullscreenchange", t), e.removeEventListener("mozfullscreenchange", t), e.removeEventListener("MSFullscreenChange", t);
   };
 }
-const gr = () => Xn(), Cr = (e, t) => ({
+const sr = () => An(), ar = (e, t) => ({
   currentTime: 0,
   duration: 0,
   isEnded: !1,
@@ -1102,8 +1103,8 @@ const gr = () => Xn(), Cr = (e, t) => ({
     t().eventEmitter.emit("error", n);
     const s = o.error;
     if (!s) return;
-    const l = `${s.code}`, u = s.message || "Unknown error occurred";
-    e({ error: { message: u, code: l, tech: "native" } });
+    const c = `${s.code}`, u = s.message || "Unknown error occurred";
+    e({ error: { message: u, code: c, tech: "native" } });
   },
   pause: () => {
     const n = t().techRef.current;
@@ -1114,7 +1115,7 @@ const gr = () => Xn(), Cr = (e, t) => ({
     }));
   },
   getPauseTimeDiff: () => !t().isStarted || !t().pauseTime ? 0 : parseInt(
-    dr(Date.now() - t().pauseTime).toFixed(0)
+    Qn(Date.now() - t().pauseTime).toFixed(0)
   ),
   play: () => {
     const n = t().techRef.current;
@@ -1161,7 +1162,11 @@ const gr = () => Xn(), Cr = (e, t) => ({
       isLoading: !1
     });
   }
-}), wr = (e) => ({
+}), lr = (e, t) => ({
+  isIdle: !1,
+  setIsIdle: (n) => e({ isIdle: n }),
+  resetIdle: () => t().eventEmitter.emit("resetIdle")
+}), cr = (e) => ({
   idleLocks: /* @__PURE__ */ new Set(),
   addIdleLock: (t) => e((n) => ({
     idleLocks: new Set(n.idleLocks).add(t)
@@ -1170,77 +1175,77 @@ const gr = () => Xn(), Cr = (e, t) => ({
     const o = new Set(n.idleLocks);
     return o.delete(t), { idleLocks: o };
   })
-}), xr = (e, t) => ({
+}), ur = (e, t) => ({
   level: null,
   levels: null,
   setLevels: (n) => e({ levels: n }),
   setLevel: (n) => {
     n && t().eventEmitter.emit("qualityChange", { level: n }), e({ level: n });
   }
-}), _r = (e, t) => ({
+}), dr = (e, t) => ({
   isFullscreen: !1,
   isFullscreenReady: !1,
   exitFullscreen: () => {
-    t().eventEmitter.emit("fullscreenChange", { isFullscreen: !1 }), pr(document), e({ isFullscreen: !1 });
+    t().eventEmitter.emit("fullscreenChange", { isFullscreen: !1 }), or(document), e({ isFullscreen: !1 });
   },
   requestFullscreen: () => {
     const n = t().techRef.current, o = t().containerRef.current;
     if (!n || !o) return;
     t().eventEmitter.emit("fullscreenChange", { isFullscreen: !0 });
     const s = $t ? n : o;
-    s && vr(s), e({ isFullscreen: !0 });
+    s && rr(s), e({ isFullscreen: !0 });
   },
   setIsFullscreen: (n) => e({ isFullscreen: n }),
   setIsFullscreenReady: (n) => e({ isFullscreenReady: n })
-}), Tr = (e) => ({
+}), fr = (e) => ({
   error: null,
   setError: (t) => e({ error: t })
-}), Er = () => ({
-  eventEmitter: gr()
-}), Rr = (e) => () => b({}, e), Sr = (e, t) => bt()((...n) => b(b(b(b(b(b(b({}, Cr(...n)), wr(...n)), _r(...n)), xr(...n)), Tr(...n)), Er(...n)), Rr({
+}), hr = () => ({
+  eventEmitter: sr()
+}), mr = (e) => () => j({}, e), pr = (e, t) => jt()((...n) => j(j(j(j(j(j(j(j({}, ar(...n)), lr(...n)), cr(...n)), dr(...n)), ur(...n)), fr(...n)), hr(...n)), mr({
   techRef: e,
   containerRef: t
-})(...n))), Ut = Lt(null);
-function Pr({ children: e }) {
-  const t = A(null), n = A(null), o = A(null);
-  return t.current || (t.current = Sr(n, o)), /* @__PURE__ */ a.jsx(Ut.Provider, { value: t.current, children: e });
+})(...n))), Bt = bt(null);
+function vr({ children: e }) {
+  const t = O(null), n = O(null), o = O(null);
+  return t.current || (t.current = pr(n, o)), /* @__PURE__ */ a.jsx(Bt.Provider, { value: t.current, children: e });
 }
 const f = (e) => {
-  const t = jt(Ut);
+  const t = Pt(Bt);
   if (!t)
     throw new Error("usePlayerStore must be used within PlayerStoreProvider");
-  return kt(t, e);
+  return Lt(t, e);
 };
-function Lr(e) {
+function yr(e) {
   const t = e.split(`
 `);
   for (const n of t) {
     const o = n.trim();
     if (o.startsWith("#EXT-X-PROGRAM-DATE-TIME:")) {
-      const s = o.replace("#EXT-X-PROGRAM-DATE-TIME:", "").trim(), l = new Date(s);
-      if (!isNaN(l.getTime()))
-        return fr(l, "Europe/Sarajevo");
+      const s = o.replace("#EXT-X-PROGRAM-DATE-TIME:", "").trim(), c = new Date(s);
+      if (!isNaN(c.getTime()))
+        return er(c, "Europe/Sarajevo");
     }
   }
   return null;
 }
-function jr(e, t) {
+function gr(e, t) {
   const n = e.split(`
 `);
   let o = !1;
   for (const s of n) {
-    const l = s.trim();
-    if (l.startsWith("#EXT-X-STREAM-INF:")) {
+    const c = s.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("/")
@@ -1251,96 +1256,147 @@ function jr(e, t) {
   }
   return null;
 }
-function br(e) {
+function wr(e) {
   return e.replace("playlist.m3u8", "playlist_fmp4_dvr.m3u8");
 }
-async function kr(e) {
+async function Tr(e) {
   try {
-    const t = br(e);
+    const t = wr(e);
     console.log("Converting to DVR URL:", t);
     const n = await fetch(t);
     if (!n.ok)
       throw new Error(
         `Failed to fetch master playlist: ${n.status} ${n.statusText}`
       );
-    const o = await n.text(), s = jr(
+    const o = await n.text(), s = gr(
       o,
       t
     );
     if (!s)
       throw new Error("No chunklist URL found in master playlist");
     console.log("Found chunklist URL:", s);
-    const l = await fetch(s);
-    if (!l.ok)
+    const c = await fetch(s);
+    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 = Lr(u);
+    const u = await c.text(), i = yr(u);
     return i ? console.log("Successfully detected start time:", i.toISOString()) : console.log(" No start time found in chunklist"), i;
   } catch (t) {
     return console.error("Error getting start time from HLS URL:", t), null;
   }
 }
-function Dr(n) {
-  var o = n, { url: e } = o, t = G(o, ["url"]);
-  const [s, l] = U(!0), u = H((h) => h.startDate), i = H((h) => h.setStartDate), c = V(async () => {
-    const h = await kr(e);
-    h && i(h);
+function _r(n) {
+  var o = n, { url: e } = o, t = ne(o, ["url"]);
+  const [s, c] = X(!0), u = $((d) => d.startDate), i = $((d) => d.setStartDate), l = U(async () => {
+    const d = await Tr(e);
+    d && i(d);
   }, [e, i]);
-  return O(() => {
+  return N(() => {
     (async () => {
-      l(!0), await c(), l(!1);
+      c(!0), await l(), c(!1);
     })();
-  }, [c]), Ze(c, u ? null : 5e3), s ? null : /* @__PURE__ */ a.jsx(Ir, b({}, t));
+  }, [l]), Ke(l, u ? null : 5e3), s ? null : /* @__PURE__ */ a.jsx(xr, j({}, t));
 }
-function Ir({
+function xr({
   children: e,
-  eventNotStartedMessage: t = "Event has not started yet.",
-  eventStartingSoonMessage: n = "Starting in few seconds..."
+  messages: t = {}
 }) {
-  const o = H((i) => i.startDate), s = f((i) => i.isStarted);
-  return ar(s ? null : 5e3), o ? Date.now() < o.getTime() ? /* @__PURE__ */ a.jsx(
-    Fr,
+  var u, i, l;
+  const n = $((d) => d.startDate), o = f((d) => d.isStarted);
+  return Yn(o ? null : 5e3), n ? Date.now() < n.getTime() ? /* @__PURE__ */ a.jsx(
+    Cr,
     {
-      startDate: o,
-      title: t,
-      message: n
+      startDate: n,
+      title: (i = t == null ? void 0 : t.eventNotStarted) != null ? i : "Event has not started yet.",
+      message: (l = t == null ? void 0 : t.eventStartingSoon) != null ? l : "Starting in few seconds..."
     }
-  ) : /* @__PURE__ */ a.jsx(a.Fragment, { children: e }) : /* @__PURE__ */ a.jsx("div", { className: Le, children: /* @__PURE__ */ a.jsx("h3", { className: je, children: t }) });
+  ) : /* @__PURE__ */ a.jsx(a.Fragment, { children: e }) : /* @__PURE__ */ a.jsx("div", { className: se.playerNotice, children: /* @__PURE__ */ a.jsx("h3", { className: se.playerNoticeTitle, children: (u = t == null ? void 0 : t.eventNotStarted) != null ? u : "Event has not started yet." }) });
 }
-function Fr({ startDate: e, title: t, message: n }) {
-  const o = e.getTime() - Date.now(), s = Math.floor(o / (1e3 * 60 * 60)), l = Math.floor(
+function Cr({ startDate: e, title: t, message: n }) {
+  const o = e.getTime() - Date.now(), s = Math.floor(o / (1e3 * 60 * 60)), c = Math.floor(
     o % (1e3 * 60 * 60) / (1e3 * 60)
   );
-  return s || l ? /* @__PURE__ */ a.jsxs("div", { className: Le, children: [
-    /* @__PURE__ */ a.jsx("h3", { className: je, children: t }),
-    /* @__PURE__ */ a.jsxs("p", { className: ze, children: [
+  return s || c ? /* @__PURE__ */ a.jsxs("div", { className: se.playerNotice, children: [
+    /* @__PURE__ */ a.jsx("h3", { className: se.playerNoticeTitle, children: t }),
+    /* @__PURE__ */ a.jsxs("p", { className: se.playerNoticeText, children: [
       "(",
-      s > 0 ? `${s}h ${l}m` : `${l}m`,
+      s > 0 ? `${s}h ${c}m` : `${c}m`,
       ")"
     ] })
-  ] }) : /* @__PURE__ */ a.jsx("div", { className: Le, children: /* @__PURE__ */ a.jsx("h3", { className: je, children: n }) });
+  ] }) : /* @__PURE__ */ a.jsx("div", { className: se.playerNotice, children: /* @__PURE__ */ a.jsx("h3", { className: se.playerNoticeTitle, children: n }) });
 }
-function Bt() {
-  const e = f((i) => i.exitFullscreen), t = f((i) => i.isFullscreen), n = f((i) => i.isFullscreenReady), o = f((i) => i.requestFullscreen), s = f((i) => i.setVolume), l = f((i) => i.volume), u = V(
+function Ut({ callback: e }) {
+  const t = f((n) => n.eventEmitter);
+  return N(() => {
+    const n = () => e("play", void 0), o = () => e("pause", void 0), s = () => e("ended", void 0), c = () => e("seeking", void 0), u = () => e("seeked", void 0), i = (S) => e("volumeChange", S), l = (S) => e("fullscreenChange", S), d = (S) => e("qualityChange", S), g = (S) => e("loadedMetadata", S), y = () => e("loadStart", void 0), v = () => e("playing", void 0), _ = () => e("waiting", void 0), L = () => e("error", void 0);
+    return t.on("play", n), t.on("pause", o), t.on("ended", s), t.on("seeking", c), t.on("seeked", u), t.on("volumeChange", i), t.on("fullscreenChange", l), t.on("qualityChange", d), t.on("loadedMetadata", g), t.on("loadStart", y), t.on("playing", v), t.on("waiting", _), t.on("error", L), () => {
+      t.off("play", n), t.off("pause", o), t.off("ended", s), t.off("seeking", c), t.off("seeked", u), t.off("volumeChange", i), t.off("fullscreenChange", l), t.off("qualityChange", d), t.off("loadedMetadata", g), t.off("loadStart", y), t.off("playing", v), t.off("waiting", _), t.off("error", L);
+    };
+  }, [e, t]), null;
+}
+const zt = (e, t = 0) => parseInt(
+  Math.max(0, (Date.now() - (e + t * 1e3)) / 1e3).toFixed(0)
+), Wt = (e, t) => Math.max(0, (Date.now() - e - t * 1e3) / 1e3), Er = (e, t) => Math.max(0, (t - e) / 1e3), Rr = (e, t = 0) => {
+  const o = t < 0 ? 0 : t, s = ["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))}${s[c]}`;
+};
+function Sr({
+  isAuto: e,
+  level: t,
+  levels: n
+}) {
+  const o = n.length, s = [];
+  return o > 1 && s.push({
+    sid: "quality-level-auto",
+    label: "Auto",
+    value: -1,
+    selected: e || t === -1
+  }), 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;
+    s.push({
+      sid: `quality-level-${l}`,
+      label: i ? `${i}p` : Rr(u),
+      value: l,
+      selected: o === 1 || !e && l === t
+    });
+  }), s;
+}
+function br({ callback: e }) {
+  const t = $((c) => c.delay), n = $((c) => c.startDate), o = n ? n.getTime() : 0, s = f((c) => c.eventEmitter);
+  return N(() => {
+    const c = () => e("timeUpdate", {
+      currentTime: Wt(o, t),
+      duration: -1
+    });
+    return s.on("timeUpdate", c), () => {
+      s.off("timeUpdate", c);
+    };
+  }, [e, s]), /* @__PURE__ */ a.jsx(Ut, { 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), s = f((i) => i.setVolume), c = f((i) => i.volume), u = U(
     (i) => {
-      let c = !1;
+      let l = !1;
       if (!(i.target instanceof HTMLInputElement || i.ctrlKey)) {
         switch (i.code) {
           case "ArrowUp":
-            s(l + 10 < 100 ? l + 10 : 100), c = !0;
+            s(c + 10 < 100 ? c + 10 : 100), l = !0;
             break;
           case "ArrowDown":
-            s(l - 10 > 0 ? l - 10 : 0), c = !0;
+            s(c - 10 > 0 ? c - 10 : 0), l = !0;
             break;
           case "KeyM":
-            s(l === 0 ? 100 : 0), c = !0;
+            s(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();
       }
     },
     [
@@ -1349,287 +1405,394 @@ function Bt() {
       n,
       o,
       s,
-      l
+      c
     ]
   );
-  return O(() => (document.addEventListener("keydown", u), () => {
+  return N(() => (document.addEventListener("keydown", u), () => {
     document.removeEventListener("keydown", u);
   }), [u]), null;
 }
-function Nr() {
-  const e = H((i) => i.delay), t = f((i) => i.isPlaying), n = f((i) => i.pause), o = f((i) => i.getPauseTimeDiff), s = f((i) => i.play), l = H((i) => i.setDelay), u = V(
+function Pr() {
+  const e = $((i) => i.delay), t = f((i) => i.isPlaying), n = f((i) => i.pause), o = f((i) => i.getPauseTimeDiff), s = f((i) => i.play), c = $((i) => i.setDelay), u = U(
     (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 h = o();
-              h && l(e + h), s();
+              const d = o();
+              d && c(e + d), s();
             }
-            c = !0;
+            l = !0;
             break;
         }
-        c && i.preventDefault();
+        l && i.preventDefault();
       }
     },
-    [e, o, t, n, s, l]
+    [e, o, t, n, s, c]
   );
-  return O(() => (document.addEventListener("keydown", u), () => {
+  return N(() => (document.addEventListener("keydown", u), () => {
     document.removeEventListener("keydown", u);
-  }), [u]), /* @__PURE__ */ a.jsx(Bt, {});
+  }), [u]), /* @__PURE__ */ a.jsx(qt, {});
 }
-function Wt({ children: e }) {
-  return /* @__PURE__ */ a.jsx(Pr, { children: e });
+function Zt({ children: e }) {
+  return /* @__PURE__ */ a.jsx(vr, { children: e });
 }
-function Mr({ children: e }) {
-  return /* @__PURE__ */ a.jsx(cr, { children: /* @__PURE__ */ a.jsx(Wt, { children: e }) });
+function jr({ children: e }) {
+  return /* @__PURE__ */ a.jsx(Gn, { children: /* @__PURE__ */ a.jsx(Zt, { children: e }) });
 }
-const zt = (e, t = 0) => parseInt(
-  Math.max(0, (Date.now() - (e + t * 1e3)) / 1e3).toFixed(0)
-), Vr = (e, t) => Math.max(0, (Date.now() - e - t * 1e3) / 1e3), Or = (e, t) => Math.max(0, (t - e) / 1e3), Hr = (e, t = 0) => {
-  const o = t < 0 ? 0 : t, s = ["bytes", "kb", "mb", "gb", "tb", "pb", "eb", "zb", "yb"], l = Math.floor(Math.log(e) / Math.log(1024));
-  return `${parseFloat((e / Math.pow(1024, l)).toFixed(o))}${s[l]}`;
-};
-function Ar({
-  isAuto: e,
-  level: t,
-  levels: n
-}) {
-  const o = n.length, s = [];
-  return o > 1 && s.push({
-    sid: "quality-level-auto",
-    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;
-    s.push({
-      sid: `quality-level-${c}`,
-      label: i ? `${i}p` : Hr(u),
-      value: c,
-      selected: o === 1 || !e && c === t
-    });
-  }), s;
-}
-function $r({ url: e, isLive: t }) {
-  const n = A(null), o = f((g) => g.level), s = f((g) => g.levels), l = f((g) => g.setLevel), u = f((g) => g.setLevels), i = f((g) => g.techRef), c = f((g) => g.setError), h = A(0), v = A(null), C = 50, S = 1e4, T = V(
-    (g) => {
-      if (n.current && (n.current.nextLevel = g, l(null), s)) {
-        const k = s.map((p) => he(b({}, p), {
-          selected: p.value === g
+function Lr({ url: e, isLive: t, messages: n }) {
+  const o = O(null), s = 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), g = O(0), y = O(null), v = 50, _ = 1e4, L = U(
+    (T) => {
+      if (o.current && (o.current.nextLevel = T, u(null), c)) {
+        const I = c.map((p) => he(j({}, p), {
+          selected: p.value === T
         }));
-        u(k);
+        i(I);
       }
     },
-    [s, l, u, n]
-  ), L = V(() => {
-    n.current && (console.log("[Player][HLS] MEDIA_ATTACHED"), n.current.loadSource(e));
-  }, [e]), N = V(() => {
-    if (!n.current) return;
-    console.log("[Player][HLS] MANIFEST_LOADED"), c(null), v.current && (clearTimeout(v.current), v.current = null), h.current = 0;
-    const g = n.current.levels, k = n.current.currentLevel, p = n.current.autoLevelEnabled;
-    u(
-      Ar({
-        levels: g.map((Z, Q) => {
-          const { bitrate: ee, height: X, width: W } = Z;
+    [c, u, i, o]
+  ), S = U(() => {
+    o.current && (console.log("[Player][HLS] MEDIA_ATTACHED"), o.current.loadSource(e));
+  }, [e]), P = U(() => {
+    if (!o.current) return;
+    console.log("[Player][HLS] MANIFEST_LOADED"), d(null), y.current && (clearTimeout(y.current), y.current = null), g.current = 0;
+    const T = o.current.levels, I = o.current.currentLevel, p = o.current.autoLevelEnabled;
+    i(
+      Sr({
+        levels: T.map((B, J) => {
+          const { bitrate: q, height: V, width: D } = B;
           return {
-            bitrate: ee,
-            height: X,
-            index: Q,
-            width: W
+            bitrate: q,
+            height: V,
+            index: J,
+            width: D
           };
         }),
-        level: k,
+        level: I,
         isAuto: p
       })
     );
-  }, [c, u]), x = V(
+  }, [d, i]), M = U(
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    (g, k) => {
-      if (console.error("[Player][HLS] ERROR", g, k), !!n.current)
-        switch (k.type) {
-          case K.ErrorTypes.NETWORK_ERROR:
-            console.log("[Player][HLS] NETWORK_ERROR", k), t ? k.details === "manifestLoadError" && (h.current < C && (v.current && clearTimeout(v.current), h.current += 1, v.current = setTimeout(() => {
-              if (n.current)
+    (T, I) => {
+      var p;
+      if (console.error("[Player][HLS] ERROR", T, I), !!o.current && I.fatal)
+        switch (I.type) {
+          case re.ErrorTypes.NETWORK_ERROR:
+            console.log("[Player][HLS] NETWORK_ERROR", I), t ? I.details === "manifestLoadError" && (g.current < v && (y.current && clearTimeout(y.current), g.current += 1, y.current = setTimeout(() => {
+              if (o.current)
                 try {
-                  console.log("[Player][HLS] Retrying stream..."), n.current.loadSource(e);
-                } catch (p) {
-                  console.error("[Player][HLS] Retry failed:", p);
+                  console.log("[Player][HLS] Retrying stream..."), o.current.loadSource(e);
+                } catch (B) {
+                  console.error("[Player][HLS] Retry failed:", B);
                 }
-            }, S)), c({
-              message: "Live event will be back shortly.",
+            }, _)), d({
+              message: (p = n == null ? void 0 : n.eventFinished) != null ? p : "Live event will be back shortly.",
               code: "MANIFEST_LOAD_ERROR",
               tech: "hls"
-            })) : n.current.startLoad();
+            })) : o.current.startLoad();
             break;
-          case K.ErrorTypes.MEDIA_ERROR:
-            n.current.recoverMediaError();
+          case re.ErrorTypes.MEDIA_ERROR:
+            o.current.recoverMediaError();
             break;
         }
     },
-    [t, e, c]
-  ), M = V(() => {
-    if (!i.current) return;
-    const g = {
-      backBufferLength: 10,
-      startLevel: -1,
-      maxBufferSize: 30 * 1024 * 1024
-      // 30MB
-    }, k = {
-      backBufferLength: 60,
+    [t, e, d]
+  ), R = U(() => {
+    if (!l.current) return;
+    let T = {
       startLevel: -1,
       maxBufferSize: 30 * 1024 * 1024
       // 30MB
-    }, p = t ? g : k;
+    };
+    tr ? (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(p)), console.log("[Player][HLS] Version", K.version), n.current = new K(p), n.current.attachMedia(i.current), n.current.on(K.Events.MEDIA_ATTACHED, L), n.current.on(K.Events.MANIFEST_LOADED, N), n.current.on(K.Events.ERROR, x);
-    } catch (Z) {
-      throw new Error(`Error initializing Hls: ${Z}`);
+      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, S), o.current.on(re.Events.MANIFEST_LOADED, P), o.current.on(re.Events.ERROR, M);
+    } catch (I) {
+      throw new Error(`Error initializing Hls: ${I}`);
     }
   }, [
-    N,
-    L,
-    x,
+    P,
+    S,
+    M,
     t,
-    i,
+    l,
     e
-  ]), P = V(() => {
-    n.current && (n.current.off(K.Events.MEDIA_ATTACHED, L), n.current.off(K.Events.MANIFEST_LOADED, N), n.current.off(K.Events.ERROR, x), n.current.destroy(), n.current = null), v.current && (clearTimeout(v.current), v.current = null), h.current = 0;
-  }, [N, L, x]);
-  return O(() => {
-    o !== null && T(o);
-  }, [o, T]), O(() => (K.isSupported() && M(), P), [P, M]), null;
-}
-const Ur = "_video_14rmx_1", Br = {
-  video: Ur
+  ]), k = U(() => {
+    o.current && (o.current.off(re.Events.MEDIA_ATTACHED, S), o.current.off(re.Events.MANIFEST_LOADED, P), o.current.off(re.Events.ERROR, M), o.current.destroy(), o.current = null), y.current && (clearTimeout(y.current), y.current = null), g.current = 0;
+  }, [P, S, M]);
+  return N(() => {
+    s !== null && L(s);
+  }, [s, L]), N(() => (re.isSupported() && R(), k), [k, R]), null;
+}
+const kr = "_playerVideo_wc0sm_1", Ir = {
+  playerVideo: kr
 };
-function qt({ url: e, isLive: t, isMuted: n = !1 }) {
-  const o = f((p) => p.handleDurationChange), s = f((p) => p.handleEnd), l = f((p) => p.handleLoadedMetadata), u = f((p) => p.handleLoadStart), i = f((p) => p.handlePause), c = f((p) => p.handlePlay), h = f((p) => p.handlePlaying), v = f((p) => p.handleSeeked), C = f((p) => p.handleSeeking), S = f((p) => p.handleTimeUpdate), T = f((p) => p.handleWaiting), L = f((p) => p.handleVolumeChange), N = f((p) => p.handleError), x = f((p) => p.techRef), M = A(null), P = () => t ? {} : {
-    onDurationChange: o,
-    onSeeked: v,
-    onSeeking: C,
-    onTimeUpdate: g
-  }, g = () => {
-    (!M.current || Date.now() - M.current >= 1e3) && (S(), M.current = Date.now());
-  }, k = P();
+function Kt({
+  url: e,
+  isLive: t,
+  isMuted: n = !1,
+  messages: o = {}
+}) {
+  const s = f((p) => p.handleDurationChange), c = f((p) => p.handleEnd), u = f((p) => p.handleLoadedMetadata), i = f((p) => p.handleLoadStart), l = f((p) => p.handlePause), d = f((p) => p.handlePlay), g = f((p) => p.handlePlaying), y = f((p) => p.handleSeeked), v = f((p) => p.handleSeeking), _ = f((p) => p.handleTimeUpdate), L = f((p) => p.handleWaiting), S = f((p) => p.handleVolumeChange), P = f((p) => p.handleError), M = f((p) => p.techRef), R = O(null), k = () => t ? {} : {
+    onDurationChange: s,
+    onSeeked: y,
+    onSeeking: v,
+    onTimeUpdate: T
+  }, T = () => {
+    (!R.current || Date.now() - R.current >= 1e3) && (_(), R.current = Date.now());
+  }, I = k();
   return /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
-    /* @__PURE__ */ a.jsx($r, { isLive: t, url: e }),
+    /* @__PURE__ */ a.jsx(Lr, { isLive: t, url: e, messages: o }),
     /* @__PURE__ */ a.jsx(
       "video",
-      b({
-        ref: x,
-        className: Br.video,
+      j({
+        ref: M,
+        className: Ir.playerVideo,
         playsInline: !0,
         autoPlay: !0,
         controls: !1,
         muted: n,
         preload: "auto",
         crossOrigin: "anonymous",
-        onEnded: s,
-        onError: N,
-        onLoadedMetadata: l,
-        onLoadStart: u,
-        onPause: i,
-        onPlay: c,
-        onPlaying: h,
-        onWaiting: T,
-        onVolumeChange: L,
+        onEnded: c,
+        onError: P,
+        onLoadedMetadata: u,
+        onLoadStart: i,
+        onPause: l,
+        onPlay: d,
+        onPlaying: g,
+        onWaiting: L,
+        onVolumeChange: S,
         tabIndex: -1
-      }, k)
+      }, I)
     )
   ] });
 }
-function Wr({ url: e }) {
-  const [t, n] = U(null), o = H((l) => l.delay), s = V(async () => {
-    n(
-      o ? e.replace("-live", "-catchup").replace("playlist.m3u8", `playlist_fmp4_dvr_timeshift-${o}.m3u8`) : e
+function Dr({ url: e, messages: t = {} }) {
+  const [n, o] = X(null), s = $((u) => u.delay), c = U(async () => {
+    o(
+      s ? e.replace("-live", "-catchup").replace("playlist.m3u8", `playlist_fmp4_dvr_timeshift-${s}.m3u8`) : e
     );
-  }, [o, e]);
-  return O(() => {
-    s();
-  }, [s]), t ? /* @__PURE__ */ a.jsx(qt, { url: t, isLive: !0 }) : null;
+  }, [s, e]);
+  return N(() => {
+    c();
+  }, [c]), n ? /* @__PURE__ */ a.jsx(Kt, { url: n, isLive: !0, messages: t }) : null;
 }
-const zr = "_toggleButton_m3he7_1", qr = {
-  toggleButton: zr
-};
-function Zt(o) {
-  var s = o, {
+function Fr(e, {
+  defaultValue: t = !1,
+  initializeWithValue: n = !0
+} = {}) {
+  const o = (i) => typeof window == "undefined" ? t : window.matchMedia(i).matches, [s, c] = X(() => n ? o(e) : t);
+  function u() {
+    c(o(e));
+  }
+  return At(() => {
+    if (typeof window == "undefined")
+      return;
+    const i = window.matchMedia(e);
+    return u(), i.addListener ? i.addListener(u) : i.addEventListener("change", u), () => {
+      i.removeListener ? i.removeListener(u) : i.removeEventListener("change", u);
+    };
+  }, [e]), s;
+}
+const Mr = "_playbackButton_lgsgw_1", Nr = "_seekIndicator_lgsgw_23", Vr = "_seekIndicatorLeft_lgsgw_49", Ar = "_seekIndicatorRight_lgsgw_53", Or = "_seekIndicatorVisible_lgsgw_57", me = {
+  playbackButton: Mr,
+  seekIndicator: Nr,
+  seekIndicatorLeft: Vr,
+  seekIndicatorRight: Ar,
+  seekIndicatorVisible: Or
+}, Hr = 10;
+function Yt(i) {
+  var l = i, {
     className: e,
-    onClick: t
-  } = s, n = G(s, [
+    onClick: t,
+    onForwardSeek: n,
+    onBackwardSeek: o,
+    maxForwardTime: s,
+    maxBackwardTime: c
+  } = l, u = ne(l, [
     "className",
-    "onClick"
+    "onClick",
+    "onForwardSeek",
+    "onBackwardSeek",
+    "maxForwardTime",
+    "maxBackwardTime"
   ]);
-  const l = A(null), u = f((T) => T.exitFullscreen), i = f((T) => T.isFullscreen), c = f((T) => T.requestFullscreen), h = (T) => {
-    S() ? (C(), i ? u() : c()) : v(T);
-  }, v = (T) => {
-    l.current = window.setTimeout(() => {
-      t == null || t(T), C();
+  return Fr("(min-width: 1024px)") ? /* @__PURE__ */ a.jsx($r, j({ className: e, onClick: t }, u)) : /* @__PURE__ */ a.jsx(
+    Br,
+    j({
+      className: e,
+      maxForwardTime: s,
+      maxBackwardTime: c,
+      onForwardSeek: n,
+      onBackwardSeek: o
+    }, u)
+  );
+}
+function $r(o) {
+  var s = o, { className: e, onClick: t } = s, n = ne(s, ["className", "onClick"]);
+  const c = O(null), u = f((_) => _.exitFullscreen), i = f((_) => _.isFullscreen), l = f((_) => _.requestFullscreen), d = (_) => {
+    v() ? (y(), i ? u() : l()) : g(_);
+  }, g = (_) => {
+    c.current = window.setTimeout(() => {
+      t == null || t(_), y();
     }, 200);
-  }, C = () => {
-    l.current !== null && (window.clearTimeout(l.current), l.current = null);
-  }, S = () => l.current !== null;
-  return O(() => () => {
-    C();
+  }, y = () => {
+    c.current !== null && (window.clearTimeout(c.current), c.current = null);
+  }, v = () => c.current !== null;
+  return N(() => () => {
+    y();
   }, []), /* @__PURE__ */ a.jsx(
     "button",
-    b({
-      onClick: h,
-      className: [qr.toggleButton, e].filter(Boolean).join(" "),
-      "aria-label": "Player playback indicator"
+    j({
+      onClick: d,
+      className: [me.playbackButton, e].filter(Boolean).join(" "),
+      "aria-label": "Player gestures"
     }, n)
   );
 }
-function Zr() {
-  const e = f((i) => i.isPlaying), t = f((i) => i.pause), n = f((i) => i.getPauseTimeDiff), o = f((i) => i.play), s = H((i) => i.delay), l = H((i) => i.setDelay), u = () => {
-    if (e)
-      t();
-    else {
-      const i = n();
-      i && l(s + i), o();
-    }
+function Br(u) {
+  var i = u, {
+    className: e,
+    maxForwardTime: t,
+    maxBackwardTime: n,
+    onForwardSeek: o,
+    onBackwardSeek: s
+  } = i, c = ne(i, [
+    "className",
+    "maxForwardTime",
+    "maxBackwardTime",
+    "onForwardSeek",
+    "onBackwardSeek"
+  ]);
+  const l = O(null), d = O({
+    single: null,
+    indicator: null,
+    accumulate: null
+  }), g = O(null), y = O(0), v = O(null), [_, L] = X({ visible: !1, direction: null, time: 0 }), S = f((p) => p.isIdle), P = f((p) => p.setIsIdle), M = f((p) => p.resetIdle), R = (p, B) => p < B / 2 ? "backward" : "forward", k = (p) => {
+    if (!g.current) return;
+    const B = p.changedTouches[0];
+    if (!B) return;
+    const J = Date.now(), q = g.current.getBoundingClientRect(), V = B.clientX - q.left, D = B.clientY - q.top;
+    if (V < 0 || V > q.width || D < 0 || D > q.height)
+      return;
+    const Q = l.current, Z = Q ? J - Q.time : 1 / 0, z = R(V, q.width), oe = v.current !== null && v.current === z && Q !== null && Z < 700 && Math.abs(V - Q.x) < 100;
+    if (Q !== null && v.current === null && Z < 300 && Math.abs(V - Q.x) < 50 || oe) {
+      p.preventDefault(), p.stopPropagation(), d.current.single && (window.clearTimeout(d.current.single), d.current.single = null), M(), (v.current === null || v.current !== z) && (y.current = 0, v.current = z);
+      const te = z === "backward" ? n : t;
+      y.current = Math.min(
+        y.current + Hr,
+        te != null ? te : 1 / 0
+      ), T(z, y.current), d.current.accumulate && window.clearTimeout(d.current.accumulate), d.current.accumulate = window.setTimeout(() => {
+        const W = y.current;
+        W > 0 && (v.current === "backward" ? s == null || s(W) : o == null || o(W), y.current = 0, v.current = null, l.current = null, I(), M()), d.current.accumulate = null;
+      }, 500), l.current = { time: J, x: V };
+    } else {
+      l.current = { time: J, x: V }, d.current.single && window.clearTimeout(d.current.single);
+      const te = v.current !== null ? 700 : 350;
+      d.current.single = window.setTimeout(() => {
+        if (v.current === null) {
+          d.current.single = null;
+          const W = S;
+          P(!W), W && M();
+        }
+        l.current = null;
+      }, te);
+    }
+  }, T = (p, B) => {
+    L({ visible: !0, direction: p, time: B }), d.current.indicator && window.clearTimeout(d.current.indicator), d.current.indicator = window.setTimeout(() => {
+      I();
+    }, 700);
+  }, I = () => {
+    L({ visible: !1, direction: null, time: 0 }), d.current.indicator && (window.clearTimeout(d.current.indicator), d.current.indicator = null);
   };
-  return /* @__PURE__ */ a.jsx(Zt, { onClick: u });
+  return N(() => () => {
+    d.current.single && window.clearTimeout(d.current.single), d.current.indicator && window.clearTimeout(d.current.indicator), d.current.accumulate && window.clearTimeout(d.current.accumulate);
+  }, []), /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
+    /* @__PURE__ */ a.jsx(
+      "button",
+      j({
+        ref: g,
+        onTouchEnd: k,
+        className: [me.playbackButton, e].filter(Boolean).join(" "),
+        "aria-label": "Player gestures"
+      }, c)
+    ),
+    _.visible && /* @__PURE__ */ a.jsxs(
+      "div",
+      {
+        className: `${me.seekIndicator} ${me.seekIndicatorVisible} ${_.direction === "backward" ? me.seekIndicatorLeft : me.seekIndicatorRight}`,
+        children: [
+          _.direction === "backward" ? "-" : "+",
+          _e(_.time)
+        ]
+      }
+    )
+  ] });
+}
+function Ur() {
+  const e = f((l) => l.isPlaying), t = f((l) => l.pause), n = f((l) => l.getPauseTimeDiff), o = f((l) => l.play), s = $((l) => l.delay), c = $((l) => l.setDelay), u = $((l) => l.startDate), i = u ? u.getTime() : 0;
+  return /* @__PURE__ */ a.jsx(
+    Yt,
+    {
+      onClick: () => {
+        if (e)
+          t();
+        else {
+          const l = n();
+          l && c(s + l), o();
+        }
+      },
+      onBackwardSeek: (l) => {
+        const d = s + l;
+        c(d);
+      },
+      onForwardSeek: (l) => {
+        const d = Math.max(0, s - l);
+        c(d);
+      },
+      maxBackwardTime: Math.floor(i),
+      maxForwardTime: Math.floor(s)
+    }
+  );
 }
-const Yr = "_button_e9zrb_1", Kr = "_buttonCircle_e9zrb_43", wt = {
-  button: Yr,
-  buttonCircle: Kr
-}, oe = De(
+const zr = "_playerButton_izwqq_1", Wr = "_playerButtonCircle_izwqq_42", Tt = {
+  playerButton: zr,
+  playerButtonCircle: Wr
+}, le = Me(
   (s, o) => {
-    var l = s, { shape: e = "circle", className: t } = l, n = G(l, ["shape", "className"]);
-    const u = e === "circle" ? wt.buttonCircle : "", i = [wt.button, u, t].filter(Boolean).join(" ");
-    return /* @__PURE__ */ a.jsx("button", b({ ref: o, className: i }, n));
+    var c = s, { shape: e = "circle", className: t } = c, n = ne(c, ["shape", "className"]);
+    const u = e === "circle" ? Tt.playerButtonCircle : "", i = [Tt.playerButton, u, t].filter(Boolean).join(" ");
+    return /* @__PURE__ */ a.jsx("button", j({ ref: o, className: i }, n));
   }
 );
-oe.displayName = "PlayerButton";
-const Xr = "_liveIndicator_1k5fh_1", Jr = "_liveIndicatorHasDelay_1k5fh_8", Gr = "_liveIndicatorNoDelay_1k5fh_12", Se = {
-  liveIndicator: Xr,
-  liveIndicatorHasDelay: Jr,
-  liveIndicatorNoDelay: Gr
+le.displayName = "PlayerButton";
+const qr = "_liveIndicator_1jczn_1", Zr = "_liveIndicatorHasDelay_1jczn_9", Kr = "_liveIndicatorNoDelay_1jczn_13", ke = {
+  liveIndicator: qr,
+  liveIndicatorHasDelay: Zr,
+  liveIndicatorNoDelay: Kr
 };
-function Qr(n) {
-  var o = n, { message: e } = o, t = G(o, ["message"]);
-  const s = H((c) => c.delay), l = H((c) => c.setDelay), u = () => {
-    s && l(0);
-  }, i = s ? `${Se.liveIndicator} ${Se.liveIndicatorHasDelay}` : `${Se.liveIndicator} ${Se.liveIndicatorNoDelay}`;
-  return /* @__PURE__ */ a.jsxs(oe, he(b({ onClick: u, shape: "square" }, t), { children: [
+function Yr(n) {
+  var o = n, { message: e } = o, t = ne(o, ["message"]);
+  const s = $((l) => l.delay), c = $((l) => l.setDelay), u = () => {
+    s && c(0);
+  }, i = s ? `${ke.liveIndicator} ${ke.liveIndicatorHasDelay}` : `${ke.liveIndicator} ${ke.liveIndicatorNoDelay}`;
+  return /* @__PURE__ */ a.jsxs(le, he(j({ onClick: u, shape: "square" }, t), { children: [
     /* @__PURE__ */ a.jsx("div", { className: i }),
     e || "Live"
   ] }));
 }
-function Yt() {
+function Xt() {
   return /* @__PURE__ */ a.jsx(
     "svg",
     {
@@ -1640,7 +1803,7 @@ function Yt() {
     }
   );
 }
-function Kt() {
+function Gt() {
   return /* @__PURE__ */ a.jsx(
     "svg",
     {
@@ -1651,38 +1814,38 @@ function Kt() {
     }
   );
 }
-function eo() {
-  const e = f((i) => i.isPlaying), t = f((i) => i.pause), n = f((i) => i.getPauseTimeDiff), o = f((i) => i.play), s = H((i) => i.delay), l = H((i) => i.setDelay), u = () => {
+function Xr() {
+  const e = f((i) => i.isPlaying), t = f((i) => i.pause), n = f((i) => i.getPauseTimeDiff), o = f((i) => i.play), s = $((i) => i.delay), c = $((i) => i.setDelay), u = () => {
     if (e)
       t();
     else {
       const i = n();
-      i && l(s + i), o();
+      i && c(s + i), o();
     }
   };
-  return /* @__PURE__ */ a.jsx(oe, { onClick: u, children: e ? /* @__PURE__ */ a.jsx(Yt, {}) : /* @__PURE__ */ a.jsx(Kt, {}) });
-}
-const to = "_progressSlider_hwzgf_1", no = "_tipContainer_hwzgf_7", ro = "_tipContainerVisible_hwzgf_17", oo = "_tipContainerHidden_hwzgf_22", io = "_tipContent_hwzgf_27", ge = {
-  progressSlider: to,
-  tipContainer: no,
-  tipContainerVisible: ro,
-  tipContainerHidden: oo,
-  tipContent: io
-}, Xt = ge.progressSlider, Jt = ge.tipContainer, Gt = ge.tipContainerVisible, Qt = ge.tipContainerHidden, en = ge.tipContent, so = "_sliderRoot_aeak6_1", ao = "_sliderTrack_aeak6_18", lo = "_sliderRange_aeak6_28", co = "_sliderThumb_aeak6_37", Pe = {
-  sliderRoot: so,
-  sliderTrack: ao,
-  sliderRange: lo,
-  sliderThumb: co
-}, Ie = De((l, s) => {
-  var u = l, { max: e = 100, min: t = 0, className: n } = u, o = G(u, ["max", "min", "className"]);
+  return /* @__PURE__ */ a.jsx(le, { onClick: u, children: e ? /* @__PURE__ */ a.jsx(Xt, {}) : /* @__PURE__ */ a.jsx(Gt, {}) });
+}
+const Gr = "_progressSlider_hwzgf_1", Jr = "_tipContainer_hwzgf_7", Qr = "_tipContainerVisible_hwzgf_17", eo = "_tipContainerHidden_hwzgf_22", to = "_tipContent_hwzgf_27", ie = {
+  progressSlider: Gr,
+  tipContainer: Jr,
+  tipContainerVisible: Qr,
+  tipContainerHidden: eo,
+  tipContent: to
+}, no = "_sliderRoot_aeak6_1", ro = "_sliderTrack_aeak6_18", oo = "_sliderRange_aeak6_28", io = "_sliderThumb_aeak6_37", Ie = {
+  sliderRoot: no,
+  sliderTrack: ro,
+  sliderRange: oo,
+  sliderThumb: io
+}, Ne = Me((c, s) => {
+  var u = c, { max: e = 100, min: t = 0, className: n } = u, o = ne(u, ["max", "min", "className"]);
   return /* @__PURE__ */ a.jsxs(
-    Ee.Root,
-    he(b({
+    Pe.Root,
+    he(j({
       ref: s,
       min: t,
       max: e,
       "aria-label": "Player progress",
-      className: [Pe.sliderRoot, n].filter(Boolean).join(" "),
+      className: [Ie.sliderRoot, n].filter(Boolean).join(" "),
       onKeyDown: (i) => (
         // Prevent the slider from being controlled by the keyboard
         // when the slider is focused by a click
@@ -1690,14 +1853,14 @@ const to = "_progressSlider_hwzgf_1", no = "_tipContainer_hwzgf_7", ro = "_tipCo
       )
     }, o), {
       children: [
-        /* @__PURE__ */ a.jsx(Ee.Track, { className: Pe.sliderTrack, children: /* @__PURE__ */ a.jsx(Ee.Range, { className: Pe.sliderRange }) }),
-        /* @__PURE__ */ a.jsx(Ee.Thumb, { className: Pe.sliderThumb })
+        /* @__PURE__ */ a.jsx(Pe.Track, { className: Ie.sliderTrack, children: /* @__PURE__ */ a.jsx(Pe.Range, { className: Ie.sliderRange }) }),
+        /* @__PURE__ */ a.jsx(Pe.Thumb, { className: Ie.sliderThumb })
       ]
     })
   );
 });
-Ie.displayName = "PlayerSlider";
-function ke(e) {
+Ne.displayName = "PlayerSlider";
+function Fe(e) {
   const t = e.getBoundingClientRect();
   return e.offsetWidth / e.offsetHeight > e.clientWidth / e.clientHeight ? {
     left: t.left * 100,
@@ -1708,47 +1871,47 @@ function ke(e) {
     height: t.height * 100
   } : t;
 }
-const xt = "vod-player-progress-bar";
-function uo() {
-  const e = A(null), t = A(null), [n, o] = U(0), [s, l] = U(0), [u, i] = U(!1), [c, h] = U(-1), [v, C] = U(-1), S = H((I) => I.delay), T = H((I) => I.startDate), L = T ? T.getTime() : 0, N = (/* @__PURE__ */ new Date()).getTime(), x = H((I) => I.setDelay), M = f((I) => I.isPlaying), P = f((I) => I.addIdleLock), g = f((I) => I.removeIdleLock), k = V(() => {
-    o(Vr(L, S)), l(Or(L, N));
-  }, [S, N, L]), p = parseFloat(
-    (s ? (v !== -1 ? v : n) / s * 100 : 0).toFixed(1)
-  ), Z = (I) => {
-    C(s * (I[0] / 100)), P(xt);
-  }, Q = () => {
-    if (v !== -1) {
-      const I = zt(L, v);
-      x(I), C(-1), g(xt);
-    }
-  }, ee = () => i(!0), X = () => i(!1), W = V(
-    (I) => {
-      const le = e.current, z = t.current;
-      if (le && z) {
-        const Y = ke(le), te = ke(z), ce = (I.pageX || I.clientX) - Y.left, ue = ce / Y.width;
-        if (ue < 0) return;
-        let J = ce - te.width / 2;
-        J < 0 && (J = 0), J > Y.width - te.width && (J = -1), z.style.left = J > -1 ? `${J}px` : "auto", z.style.right = J > -1 ? "auto" : "0px";
-        const de = s - ue * s;
-        h(de > 0 ? de : 0);
+const _t = "vod-player-progress-bar";
+function so() {
+  const e = O(null), t = O(null), [n, o] = X(0), [s, c] = X(0), [u, i] = X(!1), [l, d] = X(-1), [g, y] = X(-1), v = $((D) => D.delay), _ = $((D) => D.startDate), L = _ ? _.getTime() : 0, S = (/* @__PURE__ */ new Date()).getTime(), P = $((D) => D.setDelay), M = f((D) => D.isPlaying), R = f((D) => D.addIdleLock), k = f((D) => D.removeIdleLock), T = U(() => {
+    o(Wt(L, v)), c(Er(L, S));
+  }, [v, S, L]), I = parseFloat(
+    (s ? (g !== -1 ? g : n) / s * 100 : 0).toFixed(1)
+  ), p = (D) => {
+    y(s * (D[0] / 100)), R(_t);
+  }, B = () => {
+    if (g !== -1) {
+      const D = zt(L, g);
+      P(D), y(-1), k(_t);
+    }
+  }, J = () => i(!0), q = () => i(!1), V = U(
+    (D) => {
+      const Q = e.current, Z = t.current;
+      if (Q && Z) {
+        const z = Fe(Q), oe = Fe(Z), ue = (D.pageX || D.clientX) - z.left, te = ue / z.width;
+        if (te < 0) return;
+        let W = ue - oe.width / 2;
+        W < 0 && (W = 0), W > z.width - oe.width && (W = -1), Z.style.left = W > -1 ? `${W}px` : "auto", Z.style.right = W > -1 ? "auto" : "0px";
+        const ve = s - te * s;
+        d(ve > 0 ? ve : 0);
       }
-      ee();
+      J();
     },
     [s]
   );
-  return Ze(() => k(), M ? 1e3 : null), O(() => {
-    k();
-  }, [k]), /* @__PURE__ */ a.jsxs("div", { className: Xt, children: [
+  return Ke(() => T(), M ? 1e3 : null), N(() => {
+    T();
+  }, [T]), /* @__PURE__ */ a.jsxs("div", { className: ie.progressSlider, children: [
     /* @__PURE__ */ a.jsx(
-      Ie,
+      Ne,
       {
         ref: e,
-        value: [p],
-        onPointerLeave: X,
-        onPointerDown: X,
-        onPointerMove: W,
-        onValueChange: Z,
-        onValueCommit: Q,
+        value: [I],
+        onPointerLeave: q,
+        onPointerDown: q,
+        onPointerMove: V,
+        onValueChange: p,
+        onValueCommit: B,
         step: 0.1
       }
     ),
@@ -1756,13 +1919,13 @@ function uo() {
       "div",
       {
         ref: t,
-        className: `${Jt} ${u ? Gt : Qt}`,
-        children: /* @__PURE__ */ a.jsx("p", { className: en, children: `-${be(c)}` })
+        className: `${ie.tipContainer} ${u ? ie.tipContainerVisible : ie.tipContainerHidden}`,
+        children: /* @__PURE__ */ a.jsx("p", { className: ie.tipContent, children: `-${_e(l)}` })
       }
     )
   ] });
 }
-function fo() {
+function ao() {
   return /* @__PURE__ */ a.jsx(
     "svg",
     {
@@ -1773,43 +1936,24 @@ function fo() {
     }
   );
 }
-function ho() {
-  const e = H((s) => s.startDate), t = H((s) => s.setDelay), n = e ? e.getTime() : 0, o = () => t(zt(n));
-  return /* @__PURE__ */ a.jsx(oe, { onClick: o, children: /* @__PURE__ */ a.jsx(fo, {}) });
+function lo() {
+  const e = $((s) => s.startDate), t = $((s) => s.setDelay), n = e ? e.getTime() : 0, o = () => t(zt(n));
+  return /* @__PURE__ */ a.jsx(le, { onClick: o, children: /* @__PURE__ */ a.jsx(ao, {}) });
 }
-function tn() {
+function Jt() {
   const e = f((t) => t.error);
-  return e ? /* @__PURE__ */ a.jsxs("div", { className: Le, children: [
-    /* @__PURE__ */ a.jsx("h3", { className: je, children: e.message }),
-    e.code ? /* @__PURE__ */ a.jsxs("p", { className: ze, children: [
-      "Code: ",
-      e.code
-    ] }) : null,
-    e.tech ? /* @__PURE__ */ a.jsxs("p", { className: ze, children: [
-      "Engine: ",
-      e.tech
-    ] }) : null
-  ] }) : null;
-}
-function nn({ callback: e }) {
-  const t = f((n) => n.eventEmitter);
-  return O(() => {
-    const n = () => e("play", void 0), o = () => e("pause", void 0), s = () => e("ended", void 0), l = () => e("seeking", void 0), u = () => e("seeked", void 0), i = (x) => e("timeUpdate", x), c = (x) => e("volumeChange", x), h = (x) => e("fullscreenChange", x), v = (x) => e("qualityChange", x), C = (x) => e("loadedMetadata", x), S = () => e("loadStart", void 0), T = () => e("playing", void 0), L = () => e("waiting", void 0), N = () => e("error", void 0);
-    return t.on("play", n), t.on("pause", o), t.on("ended", s), t.on("seeking", l), t.on("seeked", u), t.on("timeUpdate", i), t.on("volumeChange", c), t.on("fullscreenChange", h), t.on("qualityChange", v), t.on("loadedMetadata", C), t.on("loadStart", S), t.on("playing", T), t.on("waiting", L), t.on("error", N), () => {
-      t.off("play", n), t.off("pause", o), t.off("ended", s), t.off("seeking", l), t.off("seeked", u), t.off("timeUpdate", i), t.off("volumeChange", c), t.off("fullscreenChange", h), t.off("qualityChange", v), t.off("loadedMetadata", C), t.off("loadStart", S), t.off("playing", T), t.off("waiting", L), t.off("error", N);
-    };
-  }, [e, t]), null;
-}
-const mo = "_playerContainer_rry4k_1", vo = "_controlsBottom_rry4k_29", po = "_controlsContainer_rry4k_45", yo = "_controlsRow_rry4k_61", go = "_controlsSection_rry4k_68", Co = "_controlsSectionStart_rry4k_75", wo = "_controlsSectionEnd_rry4k_79", re = {
-  playerContainer: mo,
-  controlsBottom: vo,
-  controlsContainer: po,
-  controlsRow: yo,
-  controlsSection: go,
-  controlsSectionStart: Co,
-  controlsSectionEnd: wo
-}, rn = re.playerContainer, on = re.controlsBottom, sn = re.controlsContainer, an = re.controlsRow, ln = `${re.controlsSection} ${re.controlsSectionStart}`, cn = `${re.controlsSection} ${re.controlsSectionEnd}`;
-function xo() {
+  return e ? /* @__PURE__ */ a.jsx("div", { className: se.playerNotice, children: /* @__PURE__ */ a.jsx("h3", { className: se.playerNoticeTitle, children: e.message }) }) : null;
+}
+const co = "_playerContainer_1fn8l_1", uo = "_controlsBottom_1fn8l_29", fo = "_controlsContainer_1fn8l_45", ho = "_controlsRow_1fn8l_61", mo = "_controlsSection_1fn8l_68", po = "_controlsSectionStart_1fn8l_78", vo = "_controlsSectionEnd_1fn8l_82", K = {
+  playerContainer: co,
+  controlsBottom: uo,
+  controlsContainer: fo,
+  controlsRow: ho,
+  controlsSection: mo,
+  controlsSectionStart: po,
+  controlsSectionEnd: vo
+};
+function yo() {
   return /* @__PURE__ */ a.jsx(
     "svg",
     {
@@ -1820,7 +1964,7 @@ function xo() {
     }
   );
 }
-function _o() {
+function go() {
   return /* @__PURE__ */ a.jsx(
     "svg",
     {
@@ -1831,75 +1975,82 @@ function _o() {
     }
   );
 }
-function un() {
-  const e = f((h) => h.containerRef), t = f((h) => h.exitFullscreen), n = f((h) => h.isFullscreen), o = f((h) => h.requestFullscreen), s = f((h) => h.setIsFullscreen), l = f((h) => h.setIsFullscreenReady), u = f((h) => h.techRef), i = V(
-    (h) => {
-      h.stopPropagation(), s(mr());
+function Qt() {
+  const e = f((d) => d.containerRef), t = f((d) => d.exitFullscreen), n = f((d) => d.isFullscreen), o = f((d) => d.requestFullscreen), s = f((d) => d.setIsFullscreen), c = f((d) => d.setIsFullscreenReady), u = f((d) => d.techRef), i = U(
+    (d) => {
+      d.stopPropagation(), s(nr());
     },
     [s]
-  ), c = () => {
+  ), l = () => {
     n ? t() : o();
   };
-  return O(() => {
-    const h = $t ? u.current : e.current;
-    if (h)
-      return yr(h, i);
-  }, [e, i, u]), O(() => {
-    l(!0);
-  }, [l]), /* @__PURE__ */ a.jsx(oe, { onClick: c, children: n ? /* @__PURE__ */ a.jsx(_o, {}) : /* @__PURE__ */ a.jsx(xo, {}) });
-}
-const To = "_idleCheckContainer_iz9tu_1", Eo = "_idleCheckContainerIdle_iz9tu_10", Ro = "_idleCheckContainerActive_iz9tu_15", Ue = {
-  idleCheckContainer: To,
-  idleCheckContainerIdle: Eo,
-  idleCheckContainerActive: Ro
-}, So = 5 * 1e3;
-function dn({ children: e }) {
-  const t = A(null), [n, o] = U(!1), s = A(null), u = f((C) => C.idleLocks).size, i = V(() => {
+  return N(() => {
+    const d = $t ? u.current : e.current;
+    if (d)
+      return ir(d, i);
+  }, [e, i, u]), N(() => {
+    c(!0);
+  }, [c]), /* @__PURE__ */ a.jsx(le, { onClick: l, children: n ? /* @__PURE__ */ a.jsx(go, {}) : /* @__PURE__ */ a.jsx(yo, {}) });
+}
+const wo = "_idleCheckContainer_iz9tu_1", To = "_idleCheckContainerIdle_iz9tu_10", _o = "_idleCheckContainerActive_iz9tu_15", We = {
+  idleCheckContainer: wo,
+  idleCheckContainerIdle: To,
+  idleCheckContainerActive: _o
+}, xo = 5 * 1e3;
+function en({ children: e }) {
+  const t = O(null), n = f((v) => v.isIdle), o = f((v) => v.setIsIdle), s = O(null), u = f((v) => v.idleLocks).size, i = f((v) => v.eventEmitter), l = U(() => {
     s.current !== null && (window.clearTimeout(s.current), s.current = null);
-  }, []), c = V(() => {
-    i(), s.current = window.setTimeout(() => o(!0), So);
-  }, [i]);
-  O(() => (o(!1), c(), () => {
-    i();
-  }), [i, c]), O(() => {
-    const C = t.current;
-    if (!C) return;
-    const S = (L) => {
-      n && (L.stopPropagation(), o(!1), c());
-    }, T = () => {
-      n && o(!1), c();
+  }, []), d = U(() => {
+    l(), s.current = window.setTimeout(() => o(!0), xo);
+  }, [l]);
+  N(() => (o(!1), d(), () => {
+    l();
+  }), [l, d]), N(() => {
+    const v = t.current;
+    if (!v) return;
+    const _ = (S) => {
+      n && (S.stopPropagation(), o(!1), d());
+    }, L = () => {
+      n && o(!1), d();
+    };
+    return v.addEventListener("click", _), v.addEventListener("mousemove", L), () => {
+      v.removeEventListener("click", _), v.removeEventListener("mousemove", L);
     };
-    return C.addEventListener("click", S), C.addEventListener("mousemove", T), () => {
-      C.removeEventListener("click", S), C.removeEventListener("mousemove", T);
+  }, [t, n, o, d]), N(() => {
+    const v = () => {
+      o(!1), d();
     };
-  }, [t, n, o, c]);
-  const h = n && !u, v = `${Ue.idleCheckContainer} ${h ? Ue.idleCheckContainerIdle : Ue.idleCheckContainerActive}`;
-  return /* @__PURE__ */ a.jsx("div", { ref: t, className: v, children: e });
+    return i.on("resetIdle", v), () => {
+      i.off("resetIdle", v);
+    };
+  }, [i, o, d]);
+  const g = n && !u, y = `${We.idleCheckContainer} ${g ? We.idleCheckContainerIdle : We.idleCheckContainerActive}`;
+  return /* @__PURE__ */ a.jsx("div", { ref: t, className: y, children: e });
 }
-const Po = "_spinner_oo4hi_10", Lo = {
-  spinner: Po
+const Co = "_spinner_oo4hi_10", Eo = {
+  spinner: Co
 };
-function jo(e) {
-  return /* @__PURE__ */ a.jsx("div", b({ className: Lo.spinner }, e));
+function Ro(e) {
+  return /* @__PURE__ */ a.jsx("div", j({ className: Eo.spinner }, e));
 }
-function bo(e, t = 500) {
-  const [n, o] = U(e);
-  return O(() => {
+function So(e, t = 500) {
+  const [n, o] = X(e);
+  return N(() => {
     const s = window.setTimeout(() => o(e), t);
     return () => {
       window.clearTimeout(s);
     };
   }, [e, t]), n;
 }
-const ko = "_loadingContainer_v9v7r_1", Do = {
-  loadingContainer: ko
+const bo = "_loadingContainer_v9v7r_1", Po = {
+  loadingContainer: bo
 };
-function fn(n) {
-  var o = n, { style: e } = o, t = G(o, ["style"]);
+function tn(n) {
+  var o = n, { style: e } = o, t = ne(o, ["style"]);
   const s = f((u) => u.isLoading);
-  return bo(s, 100) ? /* @__PURE__ */ a.jsx("div", he(b({ className: Do.loadingContainer, style: e }, t), { children: /* @__PURE__ */ a.jsx(jo, {}) })) : null;
+  return So(s, 100) ? /* @__PURE__ */ a.jsx("div", he(j({ className: Po.loadingContainer, style: e }, t), { children: /* @__PURE__ */ a.jsx(Ro, {}) })) : null;
 }
-function Io() {
+function jo() {
   return /* @__PURE__ */ a.jsx(
     "svg",
     {
@@ -1910,7 +2061,7 @@ function Io() {
     }
   );
 }
-function Fo() {
+function Lo() {
   return /* @__PURE__ */ a.jsx(
     "svg",
     {
@@ -1921,59 +2072,95 @@ function Fo() {
     }
   );
 }
-const No = "_dropdownMenuContent_1gwy6_1", Mo = "_dropdownMenuItem_1gwy6_80", hn = {
-  dropdownMenuContent: No,
-  dropdownMenuItem: Mo
-}, Vo = ye.Root, Oo = ye.Trigger, Ho = ye.Portal, mn = De((s, o) => {
-  var l = s, { sideOffset: e = 4, className: t } = l, n = G(l, ["sideOffset", "className"]);
+const ko = "_dropdownMenuContent_11aiz_1", Io = "_dropdownMenuItem_11aiz_82", Do = "_scrollAreaRoot_11aiz_124", Fo = "_scrollAreaViewport_11aiz_132", Mo = "_scrollAreaScrollbar_11aiz_140", No = "_scrollAreaThumb_11aiz_167", pe = {
+  dropdownMenuContent: ko,
+  dropdownMenuItem: Io,
+  scrollAreaRoot: Do,
+  scrollAreaViewport: Fo,
+  scrollAreaScrollbar: Mo,
+  scrollAreaThumb: No
+}, Vo = xe.Root, Ao = xe.Trigger, Oo = xe.Portal, nn = Me((c, s) => {
+  var u = c, { sideOffset: e = 4, className: t, children: n } = u, o = ne(u, ["sideOffset", "className", "children"]);
   return /* @__PURE__ */ a.jsx(
-    ye.Content,
-    b({
-      ref: o,
+    xe.Content,
+    he(j({
+      ref: s,
       sideOffset: e,
-      className: [hn.dropdownMenuContent, t].filter(Boolean).join(" "),
-      onCloseAutoFocus: (u) => {
-        u.preventDefault();
+      className: [pe.dropdownMenuContent, t].filter(Boolean).join(" "),
+      onOpenAutoFocus: (i) => {
+        i.preventDefault();
+      },
+      onCloseAutoFocus: (i) => {
+        i.preventDefault();
       }
-    }, n)
+    }, o), {
+      children: /* @__PURE__ */ a.jsxs(
+        je.Root,
+        {
+          className: pe.scrollAreaRoot,
+          type: "always",
+          scrollHideDelay: 0,
+          children: [
+            /* @__PURE__ */ a.jsx(je.Viewport, { className: pe.scrollAreaViewport, children: n }),
+            /* @__PURE__ */ a.jsx(
+              je.Scrollbar,
+              {
+                className: pe.scrollAreaScrollbar,
+                orientation: "vertical",
+                children: /* @__PURE__ */ a.jsx(je.Thumb, { className: pe.scrollAreaThumb })
+              }
+            )
+          ]
+        }
+      )
+    })
   );
 });
-mn.displayName = "PlayerDropdownMenuContent";
-const vn = De((o, n) => {
-  var s = o, { className: e } = s, t = G(s, ["className"]);
-  return /* @__PURE__ */ a.jsx(
-    ye.Item,
-    b({
-      ref: n,
-      className: [hn.dropdownMenuItem, e].filter(Boolean).join(" ")
-    }, t)
-  );
+nn.displayName = "PlayerMenuContent";
+const rn = Me((s, o) => {
+  var c = s, { 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__ */ a.jsx(xe.Close, { asChild: !0, children: /* @__PURE__ */ a.jsx(
+    "div",
+    j({
+      ref: o,
+      className: [pe.dropdownMenuItem, e].filter(Boolean).join(" "),
+      role: "menuitem",
+      tabIndex: 0,
+      onClick: u,
+      onKeyDown: i
+    }, n)
+  ) });
 });
-vn.displayName = "PlayerDropdownMenuItem";
-const _t = "settings";
-function pn() {
-  const [e, t] = U(!1), n = f((c) => c.containerRef), o = f((c) => c.addIdleLock), s = f((c) => c.removeIdleLock), l = f((c) => c.levels), u = f((c) => c.setLevel), i = V(
-    (c) => {
-      t(c), c ? o(_t) : s(_t);
+rn.displayName = "PlayerMenuItem";
+const xt = "settings";
+function on() {
+  const [e, t] = X(!1), n = f((l) => l.containerRef), o = f((l) => l.addIdleLock), s = f((l) => l.removeIdleLock), c = f((l) => l.levels), u = f((l) => l.setLevel), i = U(
+    (l) => {
+      t(l), l ? o(xt) : s(xt);
     },
     [o, s]
   );
   return /* @__PURE__ */ a.jsxs(Vo, { open: e, onOpenChange: i, children: [
-    /* @__PURE__ */ a.jsx(Oo, { asChild: !0, children: /* @__PURE__ */ a.jsx(oe, { children: /* @__PURE__ */ a.jsx(Fo, {}) }) }),
-    /* @__PURE__ */ a.jsx(Ho, { container: n.current, children: /* @__PURE__ */ a.jsx(mn, { side: "top", align: "end", children: l == null ? void 0 : l.map((c) => /* @__PURE__ */ a.jsxs(
-      vn,
+    /* @__PURE__ */ a.jsx(Ao, { asChild: !0, children: /* @__PURE__ */ a.jsx(le, { children: /* @__PURE__ */ a.jsx(Lo, {}) }) }),
+    /* @__PURE__ */ a.jsx(Oo, { container: n.current, children: /* @__PURE__ */ a.jsx(nn, { side: "top", align: "end", children: c == null ? void 0 : c.map((l) => /* @__PURE__ */ a.jsxs(
+      rn,
       {
-        onClick: () => u(c.value),
+        onClick: () => u(l.value),
         children: [
-          c.label,
-          c.selected && /* @__PURE__ */ a.jsx(Io, {})
+          l.label,
+          l.selected && /* @__PURE__ */ a.jsx(jo, {})
         ]
       },
-      c.sid
+      l.sid
     )) }) })
   ] });
 }
-function Ao() {
+function Ho() {
   return /* @__PURE__ */ a.jsx(
     "svg",
     {
@@ -1995,7 +2182,7 @@ function $o() {
     }
   );
 }
-function Uo() {
+function Bo() {
   return /* @__PURE__ */ a.jsx(
     "svg",
     {
@@ -2006,138 +2193,157 @@ function Uo() {
     }
   );
 }
-const Bo = "_volumeSlider_59ltz_1", Wo = "_volumeContainer_59ltz_7", Tt = {
-  volumeSlider: Bo,
-  volumeContainer: Wo
+const Uo = "_volumeContainer_4d6jg_1", zo = "_volumeSlider_4d6jg_8", Ct = {
+  volumeContainer: Uo,
+  volumeSlider: zo
 }, Et = "volume";
-function yn() {
+function sn() {
   const e = f((i) => i.setVolume), t = f((i) => i.volume), n = f((i) => i.addIdleLock), o = f((i) => i.removeIdleLock), s = (i) => {
     e(i[0]), n(Et);
-  }, l = () => {
+  }, c = () => {
     o(Et);
   }, u = () => e(t ? 0 : 100);
-  return /* @__PURE__ */ a.jsxs("div", { className: Tt.volumeContainer, children: [
-    /* @__PURE__ */ a.jsx(oe, { onClick: u, className: "shrink-0", children: t ? t > 50 ? /* @__PURE__ */ a.jsx(Ao, {}) : /* @__PURE__ */ a.jsx($o, {}) : /* @__PURE__ */ a.jsx(Uo, {}) }),
-    /* @__PURE__ */ a.jsx("div", { className: Tt.volumeSlider, children: /* @__PURE__ */ a.jsx(
-      Ie,
+  return /* @__PURE__ */ a.jsxs("div", { className: Ct.volumeContainer, children: [
+    /* @__PURE__ */ a.jsx(le, { onClick: u, className: "shrink-0", children: t ? t > 50 ? /* @__PURE__ */ a.jsx(Ho, {}) : /* @__PURE__ */ a.jsx($o, {}) : /* @__PURE__ */ a.jsx(Bo, {}) }),
+    /* @__PURE__ */ a.jsx("div", { className: Ct.volumeSlider, children: /* @__PURE__ */ a.jsx(
+      Ne,
       {
         value: [t],
         onValueChange: s,
-        onValueCommit: l
+        onValueCommit: c
       }
     ) })
   ] });
 }
-function gn(e, {
-  defaultValue: t = !1,
-  initializeWithValue: n = !0
-} = {}) {
-  const o = (i) => typeof window == "undefined" ? t : window.matchMedia(i).matches, [s, l] = U(() => n ? o(e) : t);
-  function u() {
-    l(o(e));
-  }
-  return Ht(() => {
-    if (typeof window == "undefined")
-      return;
-    const i = window.matchMedia(e);
-    return u(), i.addListener ? i.addListener(u) : i.addEventListener("change", u), () => {
-      i.removeListener ? i.removeListener(u) : i.removeEventListener("change", u);
-    };
-  }, [e]), s;
-}
-function li(e) {
-  return /* @__PURE__ */ a.jsx(Mr, { children: /* @__PURE__ */ a.jsx(zo, b({}, e)) });
+function ai(e) {
+  return /* @__PURE__ */ a.jsx(jr, { children: /* @__PURE__ */ a.jsx(Wo, j({}, e)) });
 }
-function zo({ url: e, messages: t, onEvent: n }) {
-  const o = gn("(min-width: 1024px)"), s = f((l) => l.containerRef);
+function Wo({ url: e, messages: t, onEvent: n }) {
+  const o = f((s) => s.containerRef);
   return /* @__PURE__ */ a.jsxs(
     "div",
     {
-      ref: s,
-      className: rn,
+      ref: o,
+      className: K.playerContainer,
       children: [
         /* @__PURE__ */ a.jsxs(
-          Dr,
+          _r,
           {
             url: e,
-            eventFinishedMessage: t == null ? void 0 : t.eventFinished,
-            eventNotStartedMessage: t == null ? void 0 : t.eventNotStarted,
-            eventStartingSoonMessage: t == null ? void 0 : t.eventStartingSoon,
+            messages: {
+              eventNotStarted: t == null ? void 0 : t.eventNotStarted,
+              eventStartingSoon: t == null ? void 0 : t.eventStartingSoon
+            },
             children: [
-              /* @__PURE__ */ a.jsx(Wr, { url: e }),
+              /* @__PURE__ */ a.jsx(
+                Dr,
+                {
+                  url: e,
+                  messages: {
+                    eventFinished: t == null ? void 0 : t.eventFinished
+                  }
+                }
+              ),
+              /* @__PURE__ */ a.jsx(Jt, {}),
               /* @__PURE__ */ a.jsx(tn, {}),
-              /* @__PURE__ */ a.jsx(fn, {}),
-              /* @__PURE__ */ a.jsxs(dn, { children: [
-                o ? /* @__PURE__ */ a.jsx(Zr, {}) : null,
-                /* @__PURE__ */ a.jsx("div", { className: on, children: /* @__PURE__ */ a.jsxs("div", { className: sn, children: [
-                  /* @__PURE__ */ a.jsx(uo, {}),
-                  /* @__PURE__ */ a.jsxs("div", { className: an, children: [
-                    /* @__PURE__ */ a.jsxs("div", { className: ln, children: [
-                      /* @__PURE__ */ a.jsx(eo, {}),
-                      /* @__PURE__ */ a.jsx(ho, {}),
-                      /* @__PURE__ */ a.jsx(yn, {})
-                    ] }),
-                    /* @__PURE__ */ a.jsxs("div", { className: cn, children: [
-                      /* @__PURE__ */ a.jsx(Qr, { message: t == null ? void 0 : t.live }),
-                      /* @__PURE__ */ a.jsx(pn, {}),
-                      /* @__PURE__ */ a.jsx(un, {})
-                    ] })
+              /* @__PURE__ */ a.jsxs(en, { children: [
+                /* @__PURE__ */ a.jsx(Ur, {}),
+                /* @__PURE__ */ a.jsx("div", { className: K.controlsBottom, children: /* @__PURE__ */ a.jsxs("div", { className: K.controlsContainer, children: [
+                  /* @__PURE__ */ a.jsx(so, {}),
+                  /* @__PURE__ */ a.jsxs("div", { className: K.controlsRow, children: [
+                    /* @__PURE__ */ a.jsxs(
+                      "div",
+                      {
+                        className: `${K.controlsSection} ${K.controlsSectionStart}`,
+                        children: [
+                          /* @__PURE__ */ a.jsx(Xr, {}),
+                          /* @__PURE__ */ a.jsx(lo, {}),
+                          /* @__PURE__ */ a.jsx(sn, {})
+                        ]
+                      }
+                    ),
+                    /* @__PURE__ */ a.jsxs(
+                      "div",
+                      {
+                        className: `${K.controlsSection} ${K.controlsSectionEnd}`,
+                        children: [
+                          /* @__PURE__ */ a.jsx(Yr, { message: t == null ? void 0 : t.live }),
+                          /* @__PURE__ */ a.jsx(on, {}),
+                          /* @__PURE__ */ a.jsx(Qt, {})
+                        ]
+                      }
+                    )
                   ] })
                 ] }) })
               ] })
             ]
           }
         ),
-        /* @__PURE__ */ a.jsx(Nr, {}),
-        n && /* @__PURE__ */ a.jsx(nn, { callback: n })
+        /* @__PURE__ */ a.jsx(Pr, {}),
+        n && /* @__PURE__ */ a.jsx(br, { callback: n })
       ]
     }
   );
 }
 function qo() {
-  const e = f((s) => s.isPlaying), t = f((s) => s.pause), n = f((s) => s.play), o = () => {
-    e ? t() : n();
-  };
-  return /* @__PURE__ */ a.jsx(Zt, { onClick: o });
+  const e = f((u) => u.isPlaying), t = f((u) => u.pause), n = f((u) => u.play), o = f((u) => u.currentTime), s = f((u) => u.duration), c = f((u) => u.seek);
+  return /* @__PURE__ */ a.jsx(
+    Yt,
+    {
+      onClick: () => {
+        e ? t() : n();
+      },
+      onBackwardSeek: (u) => {
+        const i = Math.max(0, o - u);
+        c(i);
+      },
+      onForwardSeek: (u) => {
+        const i = Math.min(o + u, s);
+        c(i);
+      },
+      maxBackwardTime: Math.floor(o),
+      maxForwardTime: Math.floor(s - o)
+    }
+  );
 }
 function Zo() {
   const e = f((s) => s.isPlaying), t = f((s) => s.pause), n = f((s) => s.play), o = () => {
     e ? t() : n();
   };
-  return /* @__PURE__ */ a.jsx(oe, { onClick: o, children: e ? /* @__PURE__ */ a.jsx(Yt, {}) : /* @__PURE__ */ a.jsx(Kt, {}) });
+  return /* @__PURE__ */ a.jsx(le, { onClick: o, children: e ? /* @__PURE__ */ a.jsx(Xt, {}) : /* @__PURE__ */ a.jsx(Gt, {}) });
 }
 const Rt = "vod-player-progress-bar";
-function Yo() {
-  const e = A(null), t = A(null), [n, o] = U(!1), [s, l] = U(-1), [u, i] = U(-1), c = f((g) => g.currentTime), h = f((g) => g.duration), v = f((g) => g.seek), C = f((g) => g.addIdleLock), S = f((g) => g.removeIdleLock), T = parseFloat(
-    (h ? (u !== -1 ? u : c) / h * 100 : 0).toFixed(1)
-  ), L = (g) => {
-    i(h * (g[0] / 100)), C(Rt);
-  }, N = () => {
-    u !== -1 && (v(u), i(-1), S(Rt));
-  }, x = () => o(!0), M = () => o(!1), P = V(
-    (g) => {
-      const k = e.current, p = t.current;
-      if (k && p) {
-        const Z = ke(k), Q = ke(p), ee = (g.pageX || g.clientX) - Z.left, X = ee / Z.width;
-        if (X < 0) return;
-        let W = ee - Q.width / 2;
-        W < 0 && (W = 0), W > Z.width - Q.width && (W = -1), p.style.left = W > -1 ? `${W}px` : "auto", p.style.right = W > -1 ? "auto" : "0px", l(X * h);
+function Ko() {
+  const e = O(null), t = O(null), [n, o] = X(!1), [s, c] = X(-1), [u, i] = X(-1), l = f((k) => k.currentTime), d = f((k) => k.duration), g = f((k) => k.seek), y = f((k) => k.addIdleLock), v = f((k) => k.removeIdleLock), _ = parseFloat(
+    (d ? (u !== -1 ? u : l) / d * 100 : 0).toFixed(1)
+  ), L = (k) => {
+    i(d * (k[0] / 100)), y(Rt);
+  }, S = () => {
+    u !== -1 && (g(u), i(-1), v(Rt));
+  }, P = () => o(!0), M = () => o(!1), R = U(
+    (k) => {
+      const T = e.current, I = t.current;
+      if (T && I) {
+        const p = Fe(T), B = Fe(I), J = (k.pageX || k.clientX) - p.left, q = J / p.width;
+        if (q < 0) return;
+        let V = J - B.width / 2;
+        V < 0 && (V = 0), V > p.width - B.width && (V = -1), I.style.left = V > -1 ? `${V}px` : "auto", I.style.right = V > -1 ? "auto" : "0px", c(q * d);
       }
-      x();
+      P();
     },
-    [h]
+    [d]
   );
-  return /* @__PURE__ */ a.jsxs("div", { className: Xt, children: [
+  return /* @__PURE__ */ a.jsxs("div", { className: ie.progressSlider, children: [
     /* @__PURE__ */ a.jsx(
-      Ie,
+      Ne,
       {
         ref: e,
-        value: [T],
+        value: [_],
         onPointerLeave: M,
         onPointerDown: M,
-        onPointerMove: P,
+        onPointerMove: R,
         onValueChange: L,
-        onValueCommit: N,
+        onValueCommit: S,
         step: 0.1
       }
     ),
@@ -2145,91 +2351,112 @@ function Yo() {
       "div",
       {
         ref: t,
-        className: `${Jt} ${n ? Gt : Qt}`,
-        children: /* @__PURE__ */ a.jsx("p", { className: en, children: be(s) })
+        className: `${ie.tipContainer} ${n ? ie.tipContainerVisible : ie.tipContainerHidden}`,
+        children: /* @__PURE__ */ a.jsx("p", { className: ie.tipContent, children: _e(s) })
       }
     )
   ] });
 }
-const Ko = "_remainingTime_1c40f_1", Xo = "_time_1c40f_7", Jo = "_separator_1c40f_18", Ye = {
-  remainingTime: Ko,
-  time: Xo,
-  separator: Jo
-}, Go = Ye.remainingTime, St = Ye.time, Qo = Ye.separator;
-function ei() {
+const Yo = "_remainingTimeContainer_1yyhb_1", Xo = "_remainingTime_1yyhb_1", Go = "_remainingSeparator_1yyhb_17", De = {
+  remainingTimeContainer: Yo,
+  remainingTime: Xo,
+  remainingSeparator: Go
+};
+function Jo() {
   const e = f((n) => n.currentTime), t = f((n) => n.duration);
-  return /* @__PURE__ */ a.jsxs("div", { className: Go, children: [
-    /* @__PURE__ */ a.jsx("p", { className: St, children: be(e) }),
-    /* @__PURE__ */ a.jsx("p", { className: Qo }),
-    /* @__PURE__ */ a.jsx("p", { className: St, children: be(t) })
+  return /* @__PURE__ */ a.jsxs("div", { className: De.remainingTimeContainer, children: [
+    /* @__PURE__ */ a.jsx("p", { className: De.remainingTime, children: _e(e) }),
+    /* @__PURE__ */ a.jsx("p", { className: De.remainingSeparator }),
+    /* @__PURE__ */ a.jsx("p", { className: De.remainingTime, children: _e(t) })
   ] });
 }
-function ti() {
-  const e = f((i) => i.currentTime), t = f((i) => i.duration), n = f((i) => i.isPlaying), o = f((i) => i.pause), s = f((i) => i.play), l = f((i) => i.seek), u = V(
+function Qo({ callback: e }) {
+  const t = f((n) => n.eventEmitter);
+  return N(() => {
+    const n = (o) => e("timeUpdate", o);
+    return t.on("timeUpdate", n), () => {
+      t.off("timeUpdate", n);
+    };
+  }, [e, t]), /* @__PURE__ */ a.jsx(Ut, { callback: e });
+}
+function ei() {
+  const e = f((i) => i.currentTime), t = f((i) => i.duration), n = f((i) => i.isPlaying), o = f((i) => i.pause), s = f((i) => i.play), c = f((i) => i.seek), u = U(
     (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() : s(), c = !0;
+            n ? o() : s(), l = !0;
             break;
         }
-        c && i.preventDefault();
+        l && i.preventDefault();
       }
     },
-    [e, t, n, o, s, l]
+    [e, t, n, o, s, c]
   );
-  return O(() => (document.addEventListener("keydown", u), () => {
+  return N(() => (document.addEventListener("keydown", u), () => {
     document.removeEventListener("keydown", u);
-  }), [u]), /* @__PURE__ */ a.jsx(Bt, {});
+  }), [u]), /* @__PURE__ */ a.jsx(qt, {});
 }
-function ci(e) {
-  return /* @__PURE__ */ a.jsx(Wt, { children: /* @__PURE__ */ a.jsx(ni, b({}, e)) });
+function li(e) {
+  return /* @__PURE__ */ a.jsx(Zt, { children: /* @__PURE__ */ a.jsx(ti, j({}, e)) });
 }
-function ni({ url: e, onEvent: t, startTime: n }) {
-  const o = gn("(min-width: 1024px)"), s = f((u) => u.setStartTime), l = f((u) => u.containerRef);
-  return O(() => {
-    n && s(n);
-  }, [n, s]), /* @__PURE__ */ a.jsxs(
+function ti({ url: e, onEvent: t, startTime: n }) {
+  const o = f((c) => c.setStartTime), s = f((c) => c.containerRef);
+  return N(() => {
+    n && o(n);
+  }, [n, o]), /* @__PURE__ */ a.jsxs(
     "div",
     {
-      ref: l,
-      className: rn,
+      ref: s,
+      className: K.playerContainer,
       children: [
-        /* @__PURE__ */ a.jsx(qt, { url: e, isLive: !1 }),
+        /* @__PURE__ */ a.jsx(Kt, { url: e, isLive: !1 }),
+        /* @__PURE__ */ a.jsx(Jt, {}),
         /* @__PURE__ */ a.jsx(tn, {}),
-        /* @__PURE__ */ a.jsx(fn, {}),
-        /* @__PURE__ */ a.jsxs(dn, { children: [
-          o ? /* @__PURE__ */ a.jsx(qo, {}) : null,
-          /* @__PURE__ */ a.jsx("div", { className: on, children: /* @__PURE__ */ a.jsxs("div", { className: sn, children: [
-            /* @__PURE__ */ a.jsx(Yo, {}),
-            /* @__PURE__ */ a.jsxs("div", { className: an, children: [
-              /* @__PURE__ */ a.jsxs("div", { className: ln, children: [
-                /* @__PURE__ */ a.jsx(Zo, {}),
-                /* @__PURE__ */ a.jsx(yn, {}),
-                /* @__PURE__ */ a.jsx(ei, {})
-              ] }),
-              /* @__PURE__ */ a.jsxs("div", { className: cn, children: [
-                /* @__PURE__ */ a.jsx(pn, {}),
-                /* @__PURE__ */ a.jsx(un, {})
-              ] })
+        /* @__PURE__ */ a.jsxs(en, { children: [
+          /* @__PURE__ */ a.jsx(qo, {}),
+          /* @__PURE__ */ a.jsx("div", { className: K.controlsBottom, children: /* @__PURE__ */ a.jsxs("div", { className: K.controlsContainer, children: [
+            /* @__PURE__ */ a.jsx(Ko, {}),
+            /* @__PURE__ */ a.jsxs("div", { className: K.controlsRow, children: [
+              /* @__PURE__ */ a.jsxs(
+                "div",
+                {
+                  className: `${K.controlsSection} ${K.controlsSectionStart}`,
+                  children: [
+                    /* @__PURE__ */ a.jsx(Zo, {}),
+                    /* @__PURE__ */ a.jsx(sn, {}),
+                    /* @__PURE__ */ a.jsx(Jo, {})
+                  ]
+                }
+              ),
+              /* @__PURE__ */ a.jsxs(
+                "div",
+                {
+                  className: `${K.controlsSection} ${K.controlsSectionEnd}`,
+                  children: [
+                    /* @__PURE__ */ a.jsx(on, {}),
+                    /* @__PURE__ */ a.jsx(Qt, {})
+                  ]
+                }
+              )
             ] })
           ] }) })
         ] }),
-        /* @__PURE__ */ a.jsx(ti, {}),
-        t && /* @__PURE__ */ a.jsx(nn, { callback: t })
+        /* @__PURE__ */ a.jsx(ei, {}),
+        t && /* @__PURE__ */ a.jsx(Qo, { callback: t })
       ]
     }
   );
 }
 export {
-  li as LivePlayer,
-  ci as VodPlayer
+  ai as LivePlayer,
+  li as VodPlayer
 };
 //# sourceMappingURL=react-video-player.es.js.map