@halibegic/react-video-player 0.0.36 → 0.0.38

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

@@ -1,32 +1,32 @@
-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, P = (e, t) => {
+var Mn = Object.defineProperty, Nn = Object.defineProperties;
+var Vn = Object.getOwnPropertyDescriptors;
+var Se = Object.getOwnPropertySymbols;
+var vt = Object.prototype.hasOwnProperty, yt = Object.prototype.propertyIsEnumerable;
+var pt = (e, t, n) => t in e ? Mn(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, L = (e, t) => {
   for (var n in t || (t = {}))
-    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]);
+    vt.call(t, n) && pt(e, n, t[n]);
+  if (Se)
+    for (var n of Se(t))
+      yt.call(t, n) && pt(e, n, t[n]);
   return e;
-}, he = (e, t) => Mn(e, Nn(t));
+}, he = (e, t) => Nn(e, Vn(t));
 var ne = (e, t) => {
   var n = {};
   for (var o in e)
-    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]);
+    vt.call(e, o) && t.indexOf(o) < 0 && (n[o] = e[o]);
+  if (e != null && Se)
+    for (var o of Se(e))
+      t.indexOf(o) < 0 && yt.call(e, o) && (n[o] = e[o]);
   return n;
 };
-import St, { useLayoutEffect as Vn, useEffect as N, useRef as O, useState as X, createContext as bt, useContext as Lt, useCallback as U, forwardRef as Me } from "react";
-import { create as Pt, useStore as jt } from "zustand";
-import An from "mitt";
+import St, { useLayoutEffect as An, useEffect as F, useRef as V, useState as X, createContext as jt, useContext as Lt, useCallback as z, forwardRef as Ne } from "react";
+import { create as Pt, useStore as kt } from "zustand";
+import On from "mitt";
 import re from "hls.js";
-import * as Le from "@radix-ui/react-slider";
-import * as xe from "@radix-ui/react-popover";
-import * as Pe from "@radix-ui/react-scroll-area";
-function kt(e) {
+import * as je from "@radix-ui/react-slider";
+import * as Te from "@radix-ui/react-popover";
+import * as Le from "@radix-ui/react-scroll-area";
+function It(e) {
   var t = this.constructor;
   return this.then(
     function(n) {
@@ -41,7 +41,7 @@ function kt(e) {
     }
   );
 }
-function It(e) {
+function Dt(e) {
   var t = this;
   return new t(function(n, o) {
     if (!(e && typeof e.length != "undefined"))
@@ -50,48 +50,48 @@ function It(e) {
           typeof e + " " + e + " is not iterable(cannot read property Symbol(Symbol.iterator))"
         )
       );
-    var s = Array.prototype.slice.call(e);
-    if (s.length === 0) return n([]);
-    var c = s.length;
-    function u(l, d) {
+    var a = Array.prototype.slice.call(e);
+    if (a.length === 0) return n([]);
+    var l = a.length;
+    function u(c, 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);
+              u(c, y);
             },
             function(y) {
-              s[l] = { status: "rejected", reason: y }, --c === 0 && n(s);
+              a[c] = { status: "rejected", reason: y }, --l === 0 && n(a);
             }
           );
           return;
         }
       }
-      s[l] = { status: "fulfilled", value: d }, --c === 0 && n(s);
+      a[c] = { status: "fulfilled", value: d }, --l === 0 && n(a);
     }
-    for (var i = 0; i < s.length; i++)
-      u(i, s[i]);
+    for (var i = 0; i < a.length; i++)
+      u(i, a[i]);
   });
 }
-function Dt(e, t) {
+function Ft(e, t) {
   this.name = "AggregateError", this.errors = e, this.message = t || "";
 }
-Dt.prototype = Error.prototype;
-function Ft(e) {
+Ft.prototype = Error.prototype;
+function Mt(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 c = [], u = 0; u < s.length; u++)
+    var a = Array.prototype.slice.call(e);
+    if (a.length === 0) return o();
+    for (var l = [], u = 0; u < a.length; u++)
       try {
-        t.resolve(s[u]).then(n).catch(function(i) {
-          c.push(i), c.length === s.length && o(
-            new Dt(
-              c,
+        t.resolve(a[u]).then(n).catch(function(i) {
+          l.push(i), l.length === a.length && o(
+            new Ft(
+              l,
               "All promises were rejected"
             )
           );
@@ -101,161 +101,161 @@ function Ft(e) {
       }
   });
 }
-var On = setTimeout;
-function Mt(e) {
+var Hn = setTimeout;
+function Nt(e) {
   return !!(e && typeof e.length != "undefined");
 }
-function Hn() {
+function $n() {
 }
-function $n(e, t) {
+function Un(e, t) {
   return function() {
     e.apply(t, arguments);
   };
 }
-function F(e) {
-  if (!(this instanceof F))
+function M(e) {
+  if (!(this instanceof M))
     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 = [], Vt(e, this);
+  this._state = 0, this._handled = !1, this._value = void 0, this._deferreds = [], At(e, this);
 }
-function Nt(e, t) {
+function Vt(e, t) {
   for (; e._state === 3; )
     e = e._value;
   if (e._state === 0) {
     e._deferreds.push(t);
     return;
   }
-  e._handled = !0, F._immediateFn(function() {
+  e._handled = !0, M._immediateFn(function() {
     var n = e._state === 1 ? t.onFulfilled : t.onRejected;
     if (n === null) {
-      (e._state === 1 ? We : Te)(t.promise, e._value);
+      (e._state === 1 ? Ke : _e)(t.promise, e._value);
       return;
     }
     var o;
     try {
       o = n(e._value);
-    } catch (s) {
-      Te(t.promise, s);
+    } catch (a) {
+      _e(t.promise, a);
       return;
     }
-    We(t.promise, o);
+    Ke(t.promise, o);
   });
 }
-function We(e, t) {
+function Ke(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 F) {
-        e._state = 3, e._value = t, Ze(e);
+      if (t instanceof M) {
+        e._state = 3, e._value = t, Ye(e);
         return;
       } else if (typeof n == "function") {
-        Vt($n(n, t), e);
+        At(Un(n, t), e);
         return;
       }
     }
-    e._state = 1, e._value = t, Ze(e);
+    e._state = 1, e._value = t, Ye(e);
   } catch (o) {
-    Te(e, o);
+    _e(e, o);
   }
 }
-function Te(e, t) {
-  e._state = 2, e._value = t, Ze(e);
+function _e(e, t) {
+  e._state = 2, e._value = t, Ye(e);
 }
-function Ze(e) {
-  e._state === 2 && e._deferreds.length === 0 && F._immediateFn(function() {
-    e._handled || F._unhandledRejectionFn(e._value);
+function Ye(e) {
+  e._state === 2 && e._deferreds.length === 0 && M._immediateFn(function() {
+    e._handled || M._unhandledRejectionFn(e._value);
   });
   for (var t = 0, n = e._deferreds.length; t < n; t++)
-    Nt(e, e._deferreds[t]);
+    Vt(e, e._deferreds[t]);
   e._deferreds = null;
 }
 function Bn(e, t, n) {
   this.onFulfilled = typeof e == "function" ? e : null, this.onRejected = typeof t == "function" ? t : null, this.promise = n;
 }
-function Vt(e, t) {
+function At(e, t) {
   var n = !1;
   try {
     e(
       function(o) {
-        n || (n = !0, We(t, o));
+        n || (n = !0, Ke(t, o));
       },
       function(o) {
-        n || (n = !0, Te(t, o));
+        n || (n = !0, _e(t, o));
       }
     );
   } catch (o) {
     if (n) return;
-    n = !0, Te(t, o);
+    n = !0, _e(t, o);
   }
 }
-F.prototype.catch = function(e) {
+M.prototype.catch = function(e) {
   return this.then(null, e);
 };
-F.prototype.then = function(e, t) {
-  var n = new this.constructor(Hn);
-  return Nt(this, new Bn(e, t, n)), n;
+M.prototype.then = function(e, t) {
+  var n = new this.constructor($n);
+  return Vt(this, new Bn(e, t, n)), n;
 };
-F.prototype.finally = kt;
-F.all = function(e) {
-  return new F(function(t, n) {
-    if (!Mt(e))
+M.prototype.finally = It;
+M.all = function(e) {
+  return new M(function(t, n) {
+    if (!Nt(e))
       return n(new TypeError("Promise.all accepts an array"));
     var o = Array.prototype.slice.call(e);
     if (o.length === 0) return t([]);
-    var s = o.length;
-    function c(i, l) {
+    var a = o.length;
+    function l(i, c) {
       try {
-        if (l && (typeof l == "object" || typeof l == "function")) {
-          var d = l.then;
+        if (c && (typeof c == "object" || typeof c == "function")) {
+          var d = c.then;
           if (typeof d == "function") {
             d.call(
-              l,
+              c,
               function(g) {
-                c(i, g);
+                l(i, g);
               },
               n
             );
             return;
           }
         }
-        o[i] = l, --s === 0 && t(o);
+        o[i] = c, --a === 0 && t(o);
       } catch (g) {
         n(g);
       }
     }
     for (var u = 0; u < o.length; u++)
-      c(u, o[u]);
+      l(u, o[u]);
   });
 };
-F.any = Ft;
-F.allSettled = It;
-F.resolve = function(e) {
-  return e && typeof e == "object" && e.constructor === F ? e : new F(function(t) {
+M.any = Mt;
+M.allSettled = Dt;
+M.resolve = function(e) {
+  return e && typeof e == "object" && e.constructor === M ? e : new M(function(t) {
     t(e);
   });
 };
-F.reject = function(e) {
-  return new F(function(t, n) {
+M.reject = function(e) {
+  return new M(function(t, n) {
     n(e);
   });
 };
-F.race = function(e) {
-  return new F(function(t, n) {
-    if (!Mt(e))
+M.race = function(e) {
+  return new M(function(t, n) {
+    if (!Nt(e))
       return n(new TypeError("Promise.race accepts an array"));
-    for (var o = 0, s = e.length; o < s; o++)
-      F.resolve(e[o]).then(t, n);
+    for (var o = 0, a = e.length; o < a; o++)
+      M.resolve(e[o]).then(t, n);
   });
 };
-F._immediateFn = // @ts-ignore
+M._immediateFn = // @ts-ignore
 typeof setImmediate == "function" && function(e) {
   setImmediate(e);
 } || function(e) {
-  On(e, 0);
+  Hn(e, 0);
 };
-F._unhandledRejectionFn = function(t) {
+M._unhandledRejectionFn = function(t) {
   typeof console != "undefined" && console && console.warn("Possible Unhandled Promise Rejection:", t);
 };
 var ae = (function() {
@@ -267,35 +267,35 @@ var ae = (function() {
     return global;
   throw new Error("unable to locate global object");
 })();
-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 je = { exports: {} }, ge = {};
-var yt;
-function Un() {
-  if (yt) return ge;
-  yt = 1;
-  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 };
+typeof ae.Promise != "function" ? ae.Promise = M : (ae.Promise.prototype.finally || (ae.Promise.prototype.finally = It), ae.Promise.allSettled || (ae.Promise.allSettled = Dt), ae.Promise.any || (ae.Promise.any = Mt));
+var Pe = { exports: {} }, ge = {};
+var gt;
+function zn() {
+  if (gt) return ge;
+  gt = 1;
+  var e = St, t = Symbol.for("react.element"), n = Symbol.for("react.fragment"), o = Object.prototype.hasOwnProperty, a = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, l = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function u(i, c, d) {
+    var g, y = {}, v = null, x = null;
+    d !== void 0 && (v = "" + d), c.key !== void 0 && (v = "" + c.key), c.ref !== void 0 && (x = c.ref);
+    for (g in c) o.call(c, g) && !l.hasOwnProperty(g) && (y[g] = c[g]);
+    if (i && i.defaultProps) for (g in c = i.defaultProps, c) y[g] === void 0 && (y[g] = c[g]);
+    return { $$typeof: t, type: i, key: v, ref: x, props: y, _owner: a.current };
   }
   return ge.Fragment = n, ge.jsx = u, ge.jsxs = u, ge;
 }
 var we = {};
-var gt;
-function zn() {
-  return gt || (gt = 1, process.env.NODE_ENV !== "production" && (function() {
-    var e = St, t = Symbol.for("react.element"), n = Symbol.for("react.portal"), o = Symbol.for("react.fragment"), 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"), j = Symbol.iterator, S = "@@iterator";
-    function L(r) {
+var wt;
+function qn() {
+  return wt || (wt = 1, process.env.NODE_ENV !== "production" && (function() {
+    var e = St, t = Symbol.for("react.element"), n = Symbol.for("react.portal"), o = Symbol.for("react.fragment"), a = Symbol.for("react.strict_mode"), l = Symbol.for("react.profiler"), u = Symbol.for("react.provider"), i = Symbol.for("react.context"), c = Symbol.for("react.forward_ref"), d = Symbol.for("react.suspense"), g = Symbol.for("react.suspense_list"), y = Symbol.for("react.memo"), v = Symbol.for("react.lazy"), x = Symbol.for("react.offscreen"), P = Symbol.iterator, b = "@@iterator";
+    function E(r) {
       if (r === null || typeof r != "object")
         return null;
-      var h = j && r[j] || r[S];
+      var h = P && r[P] || r[b];
       return typeof h == "function" ? h : null;
     }
-    var M = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function R(r) {
+    var N = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function S(r) {
       {
         for (var h = arguments.length, m = new Array(h > 1 ? h - 1 : 0), w = 1; w < h; w++)
           m[w - 1] = arguments[w];
@@ -304,37 +304,37 @@ function zn() {
     }
     function k(r, h, m) {
       {
-        var w = M.ReactDebugCurrentFrame, C = w.getStackAddendum();
-        C !== "" && (h += "%s", m = m.concat([C]));
-        var b = m.map(function(E) {
-          return String(E);
+        var w = N.ReactDebugCurrentFrame, R = w.getStackAddendum();
+        R !== "" && (h += "%s", m = m.concat([R]));
+        var j = m.map(function(C) {
+          return String(C);
         });
-        b.unshift("Warning: " + h), Function.prototype.apply.call(console[r], console, b);
+        j.unshift("Warning: " + h), Function.prototype.apply.call(console[r], console, j);
       }
     }
-    var T = !1, I = !1, p = !1, B = !1, G = !1, W;
-    W = Symbol.for("react.module.reference");
-    function V(r) {
-      return !!(typeof r == "string" || typeof r == "function" || r === o || r === c || G || 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
+    var _ = !1, I = !1, p = !1, $ = !1, G = !1, Z;
+    Z = Symbol.for("react.module.reference");
+    function O(r) {
+      return !!(typeof r == "string" || typeof r == "function" || r === o || r === l || G || r === a || r === d || r === g || $ || r === x || _ || I || p || typeof r == "object" && r !== null && (r.$$typeof === v || r.$$typeof === y || r.$$typeof === u || r.$$typeof === i || r.$$typeof === c || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
-      r.$$typeof === W || r.getModuleId !== void 0));
+      r.$$typeof === Z || r.getModuleId !== void 0));
     }
     function D(r, h, m) {
       var w = r.displayName;
       if (w)
         return w;
-      var C = h.displayName || h.name || "";
-      return C !== "" ? m + "(" + C + ")" : m;
+      var R = h.displayName || h.name || "";
+      return R !== "" ? m + "(" + R + ")" : m;
     }
     function Q(r) {
       return r.displayName || "Context";
     }
-    function Z(r) {
+    function K(r) {
       if (r == null)
         return null;
-      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")
+      if (typeof r.tag == "number" && S("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof r == "function")
         return r.displayName || r.name || null;
       if (typeof r == "string")
         return r;
@@ -343,9 +343,9 @@ function zn() {
           return "Fragment";
         case n:
           return "Portal";
-        case c:
+        case l:
           return "Profiler";
-        case s:
+        case a:
           return "StrictMode";
         case d:
           return "Suspense";
@@ -360,34 +360,34 @@ function zn() {
           case u:
             var m = r;
             return Q(m._context) + ".Provider";
-          case l:
+          case c:
             return D(r, r.render, "ForwardRef");
           case y:
             var w = r.displayName || null;
-            return w !== null ? w : Z(r.type) || "Memo";
+            return w !== null ? w : K(r.type) || "Memo";
           case v: {
-            var C = r, b = C._payload, E = C._init;
+            var R = r, j = R._payload, C = R._init;
             try {
-              return Z(E(b));
-            } catch (x) {
+              return K(C(j));
+            } catch (T) {
               return null;
             }
           }
         }
       return null;
     }
-    var z = Object.assign, oe = 0, ue, te, q, ve, Ye, Xe, Ge;
-    function Je() {
+    var q = Object.assign, oe = 0, ue, te, W, ve, Xe, Ge, Je;
+    function Qe() {
     }
-    Je.__reactDisabledLog = !0;
-    function an() {
+    Qe.__reactDisabledLog = !0;
+    function ln() {
       {
         if (oe === 0) {
-          ue = console.log, te = console.info, q = console.warn, ve = console.error, Ye = console.group, Xe = console.groupCollapsed, Ge = console.groupEnd;
+          ue = console.log, te = console.info, W = console.warn, ve = console.error, Xe = console.group, Ge = console.groupCollapsed, Je = console.groupEnd;
           var r = {
             configurable: !0,
             enumerable: !0,
-            value: Je,
+            value: Qe,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -403,7 +403,7 @@ function zn() {
         oe++;
       }
     }
-    function ln() {
+    function cn() {
       {
         if (oe--, oe === 0) {
           var r = {
@@ -412,88 +412,88 @@ function zn() {
             writable: !0
           };
           Object.defineProperties(console, {
-            log: z({}, r, {
+            log: q({}, r, {
               value: ue
             }),
-            info: z({}, r, {
+            info: q({}, r, {
               value: te
             }),
-            warn: z({}, r, {
-              value: q
+            warn: q({}, r, {
+              value: W
             }),
-            error: z({}, r, {
+            error: q({}, r, {
               value: ve
             }),
-            group: z({}, r, {
-              value: Ye
-            }),
-            groupCollapsed: z({}, r, {
+            group: q({}, r, {
               value: Xe
             }),
-            groupEnd: z({}, r, {
+            groupCollapsed: q({}, r, {
               value: Ge
+            }),
+            groupEnd: q({}, r, {
+              value: Je
             })
           });
         }
-        oe < 0 && R("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        oe < 0 && S("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var Ve = M.ReactCurrentDispatcher, Ae;
-    function Ee(r, h, m) {
+    var Oe = N.ReactCurrentDispatcher, He;
+    function Ce(r, h, m) {
       {
-        if (Ae === void 0)
+        if (He === void 0)
           try {
             throw Error();
-          } catch (C) {
-            var w = C.stack.trim().match(/\n( *(at )?)/);
-            Ae = w && w[1] || "";
+          } catch (R) {
+            var w = R.stack.trim().match(/\n( *(at )?)/);
+            He = w && w[1] || "";
           }
         return `
-` + Ae + r;
+` + He + r;
       }
     }
-    var Oe = !1, Ce;
+    var $e = !1, Ee;
     {
-      var cn = typeof WeakMap == "function" ? WeakMap : Map;
-      Ce = new cn();
+      var un = typeof WeakMap == "function" ? WeakMap : Map;
+      Ee = new un();
     }
-    function Qe(r, h) {
-      if (!r || Oe)
+    function et(r, h) {
+      if (!r || $e)
         return "";
       {
-        var m = Ce.get(r);
+        var m = Ee.get(r);
         if (m !== void 0)
           return m;
       }
       var w;
-      Oe = !0;
-      var C = Error.prepareStackTrace;
+      $e = !0;
+      var R = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var b;
-      b = Ve.current, Ve.current = null, an();
+      var j;
+      j = Oe.current, Oe.current = null, ln();
       try {
         if (h) {
-          var E = function() {
+          var C = function() {
             throw Error();
           };
-          if (Object.defineProperty(E.prototype, "props", {
+          if (Object.defineProperty(C.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(E, []);
+              Reflect.construct(C, []);
             } catch (J) {
               w = J;
             }
-            Reflect.construct(r, [], E);
+            Reflect.construct(r, [], C);
           } else {
             try {
-              E.call();
+              C.call();
             } catch (J) {
               w = J;
             }
-            r.call(E.prototype);
+            r.call(C.prototype);
           }
         } else {
           try {
@@ -505,33 +505,33 @@ function zn() {
         }
       } catch (J) {
         if (J && w && typeof J.stack == "string") {
-          for (var x = J.stack.split(`
+          for (var T = J.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)
+`), H = T.length - 1, U = Y.length - 1; H >= 1 && U >= 0 && T[H] !== Y[U]; )
+            U--;
+          for (; H >= 1 && U >= 0; H--, U--)
+            if (T[H] !== Y[U]) {
+              if (H !== 1 || U !== 1)
                 do
-                  if (A--, H--, H < 0 || x[A] !== Y[H]) {
+                  if (H--, U--, U < 0 || T[H] !== Y[U]) {
                     var ee = `
-` + x[A].replace(" at new ", " at ");
-                    return r.displayName && ee.includes("<anonymous>") && (ee = ee.replace("<anonymous>", r.displayName)), typeof r == "function" && Ce.set(r, ee), ee;
+` + T[H].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 (A >= 1 && H >= 0);
+                while (H >= 1 && U >= 0);
               break;
             }
         }
       } finally {
-        Oe = !1, Ve.current = b, ln(), Error.prepareStackTrace = C;
+        $e = !1, Oe.current = j, cn(), Error.prepareStackTrace = R;
       }
-      var fe = r ? r.displayName || r.name : "", ce = fe ? Ee(fe) : "";
-      return typeof r == "function" && Ce.set(r, ce), ce;
+      var fe = r ? r.displayName || r.name : "", ce = fe ? Ce(fe) : "";
+      return typeof r == "function" && Ee.set(r, ce), ce;
     }
-    function un(r, h, m) {
-      return Qe(r, !1);
+    function dn(r, h, m) {
+      return et(r, !1);
     }
-    function dn(r) {
+    function fn(r) {
       var h = r.prototype;
       return !!(h && h.isReactComponent);
     }
@@ -539,89 +539,89 @@ function zn() {
       if (r == null)
         return "";
       if (typeof r == "function")
-        return Qe(r, dn(r));
+        return et(r, fn(r));
       if (typeof r == "string")
-        return Ee(r);
+        return Ce(r);
       switch (r) {
         case d:
-          return Ee("Suspense");
+          return Ce("Suspense");
         case g:
-          return Ee("SuspenseList");
+          return Ce("SuspenseList");
       }
       if (typeof r == "object")
         switch (r.$$typeof) {
-          case l:
-            return un(r.render);
+          case c:
+            return dn(r.render);
           case y:
             return Re(r.type, h, m);
           case v: {
-            var w = r, C = w._payload, b = w._init;
+            var w = r, R = w._payload, j = w._init;
             try {
-              return Re(b(C), h, m);
-            } catch (E) {
+              return Re(j(R), h, m);
+            } catch (C) {
             }
           }
         }
       return "";
     }
-    var ye = Object.prototype.hasOwnProperty, et = {}, tt = M.ReactDebugCurrentFrame;
-    function Se(r) {
+    var ye = Object.prototype.hasOwnProperty, tt = {}, nt = N.ReactDebugCurrentFrame;
+    function be(r) {
       if (r) {
         var h = r._owner, m = Re(r.type, r._source, h ? h.type : null);
-        tt.setExtraStackFrame(m);
+        nt.setExtraStackFrame(m);
       } else
-        tt.setExtraStackFrame(null);
+        nt.setExtraStackFrame(null);
     }
-    function fn(r, h, m, w, C) {
+    function hn(r, h, m, w, R) {
       {
-        var b = Function.call.bind(ye);
-        for (var E in r)
-          if (b(r, E)) {
-            var x = void 0;
+        var j = Function.call.bind(ye);
+        for (var C in r)
+          if (j(r, C)) {
+            var T = void 0;
             try {
-              if (typeof r[E] != "function") {
-                var Y = Error((w || "React class") + ": " + m + " type `" + E + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof r[E] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+              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;
               }
-              x = r[E](h, E, w, m, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (A) {
-              x = A;
+              T = r[C](h, C, w, m, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (H) {
+              T = H;
             }
-            x && !(x instanceof Error) && (Se(C), 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, E, typeof x), Se(null)), x instanceof Error && !(x.message in et) && (et[x.message] = !0, Se(C), R("Failed %s type: %s", m, x.message), Se(null));
+            T && !(T instanceof Error) && (be(R), S("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", w || "React class", m, C, typeof T), be(null)), T instanceof Error && !(T.message in tt) && (tt[T.message] = !0, be(R), S("Failed %s type: %s", m, T.message), be(null));
           }
       }
     }
-    var hn = Array.isArray;
-    function He(r) {
-      return hn(r);
+    var mn = Array.isArray;
+    function Ue(r) {
+      return mn(r);
     }
-    function mn(r) {
+    function pn(r) {
       {
         var h = typeof Symbol == "function" && Symbol.toStringTag, m = h && r[Symbol.toStringTag] || r.constructor.name || "Object";
         return m;
       }
     }
-    function pn(r) {
+    function vn(r) {
       try {
-        return nt(r), !1;
+        return rt(r), !1;
       } catch (h) {
         return !0;
       }
     }
-    function nt(r) {
+    function rt(r) {
       return "" + r;
     }
-    function rt(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);
+    function ot(r) {
+      if (vn(r))
+        return S("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", pn(r)), rt(r);
     }
-    var ot = M.ReactCurrentOwner, vn = {
+    var it = N.ReactCurrentOwner, yn = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, it, st;
-    function yn(r) {
+    }, st, at;
+    function gn(r) {
       if (ye.call(r, "ref")) {
         var h = Object.getOwnPropertyDescriptor(r, "ref").get;
         if (h && h.isReactWarning)
@@ -629,7 +629,7 @@ function zn() {
       }
       return r.ref !== void 0;
     }
-    function gn(r) {
+    function wn(r) {
       if (ye.call(r, "key")) {
         var h = Object.getOwnPropertyDescriptor(r, "key").get;
         if (h && h.isReactWarning)
@@ -637,13 +637,13 @@ function zn() {
       }
       return r.key !== void 0;
     }
-    function wn(r, h) {
-      typeof r.ref == "string" && ot.current;
+    function _n(r, h) {
+      typeof r.ref == "string" && it.current;
     }
-    function Tn(r, h) {
+    function xn(r, h) {
       {
         var m = function() {
-          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));
+          st || (st = !0, S("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", h));
         };
         m.isReactWarning = !0, Object.defineProperty(r, "key", {
           get: m,
@@ -651,10 +651,10 @@ function zn() {
         });
       }
     }
-    function _n(r, h) {
+    function Tn(r, h) {
       {
         var m = function() {
-          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));
+          at || (at = !0, S("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", h));
         };
         m.isReactWarning = !0, Object.defineProperty(r, "ref", {
           get: m,
@@ -662,70 +662,70 @@ function zn() {
         });
       }
     }
-    var xn = function(r, h, m, w, C, b, E) {
-      var x = {
+    var Cn = function(r, h, m, w, R, j, C) {
+      var T = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: t,
         // Built-in properties that belong on the element
         type: r,
         key: h,
         ref: m,
-        props: E,
+        props: C,
         // Record the component responsible for creating this element.
-        _owner: b
+        _owner: j
       };
-      return x._store = {}, Object.defineProperty(x._store, "validated", {
+      return T._store = {}, Object.defineProperty(T._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(x, "_self", {
+      }), Object.defineProperty(T, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
         value: w
-      }), Object.defineProperty(x, "_source", {
+      }), Object.defineProperty(T, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: C
-      }), Object.freeze && (Object.freeze(x.props), Object.freeze(x)), x;
+        value: R
+      }), Object.freeze && (Object.freeze(T.props), Object.freeze(T)), T;
     };
-    function En(r, h, m, w, C) {
+    function En(r, h, m, w, R) {
       {
-        var b, E = {}, 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, C));
-        for (b in h)
-          ye.call(h, b) && !vn.hasOwnProperty(b) && (E[b] = h[b]);
+        var j, C = {}, T = null, Y = null;
+        m !== void 0 && (ot(m), T = "" + m), wn(h) && (ot(h.key), T = "" + h.key), gn(h) && (Y = h.ref, _n(h, R));
+        for (j in h)
+          ye.call(h, j) && !yn.hasOwnProperty(j) && (C[j] = h[j]);
         if (r && r.defaultProps) {
-          var A = r.defaultProps;
-          for (b in A)
-            E[b] === void 0 && (E[b] = A[b]);
+          var H = r.defaultProps;
+          for (j in H)
+            C[j] === void 0 && (C[j] = H[j]);
         }
-        if (x || Y) {
-          var H = typeof r == "function" ? r.displayName || r.name || "Unknown" : r;
-          x && Tn(E, H), Y && _n(E, H);
+        if (T || Y) {
+          var U = typeof r == "function" ? r.displayName || r.name || "Unknown" : r;
+          T && xn(C, U), Y && Tn(C, U);
         }
-        return xn(r, x, Y, C, w, ot.current, E);
+        return Cn(r, T, Y, R, w, it.current, C);
       }
     }
-    var $e = M.ReactCurrentOwner, at = M.ReactDebugCurrentFrame;
+    var Be = N.ReactCurrentOwner, lt = N.ReactDebugCurrentFrame;
     function de(r) {
       if (r) {
         var h = r._owner, m = Re(r.type, r._source, h ? h.type : null);
-        at.setExtraStackFrame(m);
+        lt.setExtraStackFrame(m);
       } else
-        at.setExtraStackFrame(null);
+        lt.setExtraStackFrame(null);
     }
-    var Be;
-    Be = !1;
-    function Ue(r) {
+    var ze;
+    ze = !1;
+    function qe(r) {
       return typeof r == "object" && r !== null && r.$$typeof === t;
     }
-    function lt() {
+    function ct() {
       {
-        if ($e.current) {
-          var r = Z($e.current.type);
+        if (Be.current) {
+          var r = K(Be.current.type);
           if (r)
             return `
 
@@ -734,13 +734,13 @@ Check the render method of \`` + r + "`.";
         return "";
       }
     }
-    function Cn(r) {
+    function Rn(r) {
       return "";
     }
-    var ct = {};
-    function Rn(r) {
+    var ut = {};
+    function bn(r) {
       {
-        var h = lt();
+        var h = ct();
         if (!h) {
           var m = typeof r == "string" ? r : r.displayName || r.name;
           m && (h = `
@@ -750,35 +750,35 @@ Check the top-level render call using <` + m + ">.");
         return h;
       }
     }
-    function ut(r, h) {
+    function dt(r, h) {
       {
         if (!r._store || r._store.validated || r.key != null)
           return;
         r._store.validated = !0;
-        var m = Rn(h);
-        if (ct[m])
+        var m = bn(h);
+        if (ut[m])
           return;
-        ct[m] = !0;
+        ut[m] = !0;
         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);
+        r && r._owner && r._owner !== Be.current && (w = " It was passed a child from " + K(r._owner.type) + "."), de(r), S('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', m, w), de(null);
       }
     }
-    function dt(r, h) {
+    function ft(r, h) {
       {
         if (typeof r != "object")
           return;
-        if (He(r))
+        if (Ue(r))
           for (var m = 0; m < r.length; m++) {
             var w = r[m];
-            Ue(w) && ut(w, h);
+            qe(w) && dt(w, h);
           }
-        else if (Ue(r))
+        else if (qe(r))
           r._store && (r._store.validated = !0);
         else if (r) {
-          var C = L(r);
-          if (typeof C == "function" && C !== r.entries)
-            for (var b = C.call(r), E; !(E = b.next()).done; )
-              Ue(E.value) && ut(E.value, h);
+          var R = E(r);
+          if (typeof R == "function" && R !== r.entries)
+            for (var j = R.call(r), C; !(C = j.next()).done; )
+              qe(C.value) && dt(C.value, h);
         }
       }
     }
@@ -790,106 +790,106 @@ Check the top-level render call using <` + m + ">.");
         var m;
         if (typeof h == "function")
           m = h.propTypes;
-        else if (typeof h == "object" && (h.$$typeof === l || // Note: Memo only checks outer props here.
+        else if (typeof h == "object" && (h.$$typeof === c || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
         h.$$typeof === y))
           m = h.propTypes;
         else
           return;
         if (m) {
-          var w = Z(h);
-          fn(m, r.props, "prop", w, r);
-        } else if (h.PropTypes !== void 0 && !Be) {
-          Be = !0;
-          var C = Z(h);
-          R("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", C || "Unknown");
+          var w = K(h);
+          hn(m, r.props, "prop", w, r);
+        } else if (h.PropTypes !== void 0 && !ze) {
+          ze = !0;
+          var R = K(h);
+          S("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", R || "Unknown");
         }
-        typeof h.getDefaultProps == "function" && !h.getDefaultProps.isReactClassApproved && R("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof h.getDefaultProps == "function" && !h.getDefaultProps.isReactClassApproved && S("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function bn(r) {
+    function jn(r) {
       {
         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);
+            de(r), S("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", w), de(null);
             break;
           }
         }
-        r.ref !== null && (de(r), R("Invalid attribute `ref` supplied to `React.Fragment`."), de(null));
+        r.ref !== null && (de(r), S("Invalid attribute `ref` supplied to `React.Fragment`."), de(null));
       }
     }
-    var ft = {};
-    function ht(r, h, m, w, C, b) {
+    var ht = {};
+    function mt(r, h, m, w, R, j) {
       {
-        var E = V(r);
-        if (!E) {
-          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 = Cn();
-          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 C = O(r);
+        if (!C) {
+          var T = "";
+          (r === void 0 || typeof r == "object" && r !== null && Object.keys(r).length === 0) && (T += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
+          var Y = Rn();
+          Y ? T += Y : T += ct();
+          var H;
+          r === null ? H = "null" : Ue(r) ? H = "array" : r !== void 0 && r.$$typeof === t ? (H = "<" + (K(r.type) || "Unknown") + " />", T = " Did you accidentally export a JSX literal instead of a component?") : H = typeof r, S("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", H, T);
         }
-        var H = En(r, h, m, C, b);
-        if (H == null)
-          return H;
-        if (E) {
+        var U = En(r, h, m, R, j);
+        if (U == null)
+          return U;
+        if (C) {
           var ee = h.children;
           if (ee !== void 0)
             if (w)
-              if (He(ee)) {
+              if (Ue(ee)) {
                 for (var fe = 0; fe < ee.length; fe++)
-                  dt(ee[fe], r);
+                  ft(ee[fe], r);
                 Object.freeze && Object.freeze(ee);
               } else
-                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.");
+                S("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
             else
-              dt(ee, r);
+              ft(ee, r);
         }
         if (ye.call(h, "key")) {
-          var ce = Z(r), J = Object.keys(h).filter(function(Dn) {
-            return Dn !== "key";
-          }), ze = J.length > 0 ? "{key: someKey, " + J.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!ft[ce + ze]) {
-            var In = J.length > 0 ? "{" + J.join(": ..., ") + ": ...}" : "{}";
-            R(`A props object containing a "key" prop is being spread into JSX:
+          var ce = K(r), J = Object.keys(h).filter(function(Fn) {
+            return Fn !== "key";
+          }), We = J.length > 0 ? "{key: someKey, " + J.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!ht[ce + We]) {
+            var Dn = J.length > 0 ? "{" + J.join(": ..., ") + ": ...}" : "{}";
+            S(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`, ze, ce, In, ce), ft[ce + ze] = !0;
+  <%s key={someKey} {...props} />`, We, ce, Dn, ce), ht[ce + We] = !0;
           }
         }
-        return r === o ? bn(H) : Sn(H), H;
+        return r === o ? jn(U) : Sn(U), U;
       }
     }
     function Ln(r, h, m) {
-      return ht(r, h, m, !0);
+      return mt(r, h, m, !0);
     }
     function Pn(r, h, m) {
-      return ht(r, h, m, !1);
+      return mt(r, h, m, !1);
     }
-    var jn = Pn, kn = Ln;
-    we.Fragment = o, we.jsx = jn, we.jsxs = kn;
+    var kn = Pn, In = Ln;
+    we.Fragment = o, we.jsx = kn, we.jsxs = In;
   })()), we;
 }
-var wt;
-function qn() {
-  return wt || (wt = 1, process.env.NODE_ENV === "production" ? je.exports = Un() : je.exports = zn()), je.exports;
-}
-var a = qn();
-const Wn = "_playerNotice_lq5nz_1", Zn = "_playerNoticeTitle_lq5nz_17", Kn = "_playerNoticeText_lq5nz_26", Yn = "_playerNoticeLowZIndex_lq5nz_35", ie = {
-  playerNotice: Wn,
-  playerNoticeTitle: Zn,
-  playerNoticeText: Kn,
-  playerNoticeLowZIndex: Yn
-}, At = typeof window != "undefined" ? Vn : N;
-function Ke(e, t) {
-  const n = O(e);
-  At(() => {
+var _t;
+function Wn() {
+  return _t || (_t = 1, process.env.NODE_ENV === "production" ? Pe.exports = zn() : Pe.exports = qn()), Pe.exports;
+}
+var s = Wn();
+const Zn = "_playerNotice_lq5nz_1", Kn = "_playerNoticeTitle_lq5nz_17", Yn = "_playerNoticeText_lq5nz_26", Xn = "_playerNoticeLowZIndex_lq5nz_35", ie = {
+  playerNotice: Zn,
+  playerNoticeTitle: Kn,
+  playerNoticeText: Yn,
+  playerNoticeLowZIndex: Xn
+}, Ot = typeof window != "undefined" ? An : F;
+function Ve(e, t) {
+  const n = V(e);
+  Ot(() => {
     n.current = e;
-  }, [e]), N(() => {
+  }, [e]), F(() => {
     if (t === null)
       return;
     const o = setInterval(() => {
@@ -900,29 +900,31 @@ function Ke(e, t) {
     };
   }, [t]);
 }
-function Xn(e) {
+function Gn(e) {
   const [, t] = X(0);
-  Ke(() => t((n) => n + 1), e);
+  Ve(() => t((n) => n + 1), e);
 }
-const Gn = () => Pt((e) => ({
+const Jn = () => Pt((e) => ({
   delay: 0,
   startDate: null,
+  viewerCount: null,
   setDelay: (t) => e({ delay: t }),
-  setStartDate: (t) => e({ startDate: t })
-})), Ot = bt(
+  setStartDate: (t) => e({ startDate: t }),
+  setViewerCount: (t) => e({ viewerCount: t })
+})), Ht = jt(
   null
-), Jn = ({ children: e }) => {
-  const t = O(
+), Qn = ({ children: e }) => {
+  const t = V(
     null
   );
-  return t.current || (t.current = Gn()), /* @__PURE__ */ a.jsx(Ot.Provider, { value: t.current, children: e });
-}, $ = (e) => {
-  const t = Lt(Ot);
+  return t.current || (t.current = Jn()), /* @__PURE__ */ s.jsx(Ht.Provider, { value: t.current, children: e });
+}, A = (e) => {
+  const t = Lt(Ht);
   if (!t)
     throw new Error("usePlayerStore must be used within PlayerStoreProvider");
-  return jt(t, e);
+  return kt(t, e);
 };
-function Qn(e, t, n) {
+function er(e, t, n) {
   const o = {
     days: 86400,
     hours: 3600,
@@ -932,16 +934,16 @@ function Qn(e, t, n) {
   };
   return e * (o[t] / o[n]);
 }
-function er(e) {
-  return Qn(e, "milliseconds", "seconds");
+function tr(e) {
+  return er(e, "milliseconds", "seconds");
 }
-const _e = (e) => {
+const xe = (e) => {
   if (isNaN(e) || e === 1 / 0) return "0:00";
-  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)}`;
+  const t = (l) => (l < 10 ? "0" : "") + l, n = Math.floor(e / 3600), o = Math.floor(e % 3600 / 60), a = Math.floor(e % 60);
+  return n === 0 ? `${o}:${t(a)}` : `${n}:${t(o)}:${t(a)}`;
 };
-function tr(e, t) {
-  var n, o, s, c, u, i;
+function nr(e, t) {
+  var n, o, a, l, u, i;
   if (typeof Intl != "undefined" && Intl.DateTimeFormat)
     try {
       const d = new Intl.DateTimeFormat("en-US", {
@@ -954,57 +956,57 @@ function tr(e, t) {
         second: "2-digit",
         hour12: !1
       }).formatToParts(e), g = parseInt(
-        ((n = d.find((L) => L.type === "year")) == null ? void 0 : n.value) || "0",
+        ((n = d.find((E) => E.type === "year")) == null ? void 0 : n.value) || "0",
         10
       ), y = parseInt(
-        ((o = d.find((L) => L.type === "month")) == null ? void 0 : o.value) || "0",
+        ((o = d.find((E) => E.type === "month")) == null ? void 0 : o.value) || "0",
         10
       ) - 1, v = parseInt(
-        ((s = d.find((L) => L.type === "day")) == null ? void 0 : s.value) || "0",
+        ((a = d.find((E) => E.type === "day")) == null ? void 0 : a.value) || "0",
         10
-      ), _ = parseInt(
-        ((c = d.find((L) => L.type === "hour")) == null ? void 0 : c.value) || "0",
+      ), x = parseInt(
+        ((l = d.find((E) => E.type === "hour")) == null ? void 0 : l.value) || "0",
         10
-      ), j = parseInt(
-        ((u = d.find((L) => L.type === "minute")) == null ? void 0 : u.value) || "0",
+      ), P = parseInt(
+        ((u = d.find((E) => E.type === "minute")) == null ? void 0 : u.value) || "0",
         10
-      ), S = parseInt(
-        ((i = d.find((L) => L.type === "second")) == null ? void 0 : i.value) || "0",
+      ), b = parseInt(
+        ((i = d.find((E) => E.type === "second")) == null ? void 0 : i.value) || "0",
         10
       );
-      return new Date(g, y, v, _, j, S);
-    } catch (l) {
+      return new Date(g, y, v, x, P, b);
+    } catch (c) {
       return console.warn(
         `Failed to convert date to timezone ${t}, returning original date:`,
-        l
+        c
       ), e;
     }
   return console.warn(
     "Intl.DateTimeFormat not available, timezone conversion may be inaccurate"
   ), e;
 }
-function Ht(e) {
+function $t(e) {
   var n;
   const t = typeof window != "undefined" && ((n = window.navigator) == null ? void 0 : n.userAgent) || "";
   return e.test(t);
 }
-const $t = Ht(/iPhone|iPad|iPod/i), nr = Ht(/Tizen/i);
-function rr() {
+const Ut = $t(/iPhone|iPad|iPod/i), rr = $t(/Tizen/i);
+function or() {
   const e = document;
   return !!(e.fullscreenElement || e.mozFullScreenElement || e.webkitFullscreenElement || e.msFullscreenElement);
 }
-function or(e) {
+function ir(e) {
   e.requestFullscreen ? e.requestFullscreen() : e.msRequestFullscreen ? e.msRequestFullscreen() : e.webkitRequestFullScreen ? e.webkitRequestFullScreen() : e.webkitEnterFullScreen ? e.webkitEnterFullScreen() : e.mozRequestFullScreen && e.mozRequestFullScreen();
 }
-function ir(e) {
+function sr(e) {
   e.exitFullscreen ? e.exitFullscreen() : e.msExitFullscreen ? e.msExitFullscreen() : e.webkitExitFullscreen ? e.webkitExitFullscreen() : e.mozCancelFullScreen && e.mozCancelFullScreen();
 }
-function sr(e, t) {
+function ar(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 ar = () => An(), lr = (e, t) => ({
+const lr = () => On(), cr = (e, t) => ({
   currentTime: 0,
   duration: 0,
   isEnded: !1,
@@ -1102,10 +1104,10 @@ const ar = () => An(), lr = (e, t) => ({
     const o = t().techRef.current;
     if (!o) return;
     t().eventEmitter.emit("error", n);
-    const s = o.error;
-    if (!s) return;
-    const c = `${s.code}`, u = s.message || "Unknown error occurred";
-    e({ error: { message: u, code: c, tech: "native" } });
+    const a = o.error;
+    if (!a) return;
+    const l = `${a.code}`, u = a.message || "Unknown error occurred";
+    e({ error: { message: u, code: l, tech: "native" } });
   },
   pause: () => {
     const n = t().techRef.current;
@@ -1116,7 +1118,7 @@ const ar = () => An(), lr = (e, t) => ({
     }));
   },
   getPauseTimeDiff: () => !t().isStarted || !t().pauseTime ? 0 : parseInt(
-    er(Date.now() - t().pauseTime).toFixed(0)
+    tr(Date.now() - t().pauseTime).toFixed(0)
   ),
   play: () => {
     const n = t().techRef.current;
@@ -1163,11 +1165,11 @@ const ar = () => An(), lr = (e, t) => ({
       isLoading: !1
     });
   }
-}), cr = (e, t) => ({
+}), ur = (e, t) => ({
   isIdle: !1,
   setIsIdle: (n) => e({ isIdle: n }),
   resetIdle: () => t().eventEmitter.emit("resetIdle")
-}), ur = (e) => ({
+}), dr = (e) => ({
   idleLocks: /* @__PURE__ */ new Set(),
   addIdleLock: (t) => e((n) => ({
     idleLocks: new Set(n.idleLocks).add(t)
@@ -1176,77 +1178,77 @@ const ar = () => An(), lr = (e, t) => ({
     const o = new Set(n.idleLocks);
     return o.delete(t), { idleLocks: o };
   })
-}), dr = (e, t) => ({
+}), fr = (e, t) => ({
   level: null,
   levels: null,
   setLevels: (n) => e({ levels: n }),
   setLevel: (n) => {
     n && t().eventEmitter.emit("qualityChange", { level: n }), e({ level: n });
   }
-}), fr = (e, t) => ({
+}), hr = (e, t) => ({
   isFullscreen: !1,
   isFullscreenReady: !1,
   exitFullscreen: () => {
-    t().eventEmitter.emit("fullscreenChange", { isFullscreen: !1 }), ir(document), e({ isFullscreen: !1 });
+    t().eventEmitter.emit("fullscreenChange", { isFullscreen: !1 }), sr(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 && or(s), e({ isFullscreen: !0 });
+    const a = Ut ? n : o;
+    a && ir(a), e({ isFullscreen: !0 });
   },
   setIsFullscreen: (n) => e({ isFullscreen: n }),
   setIsFullscreenReady: (n) => e({ isFullscreenReady: n })
-}), hr = (e) => ({
+}), mr = (e) => ({
   error: null,
   setError: (t) => e({ error: t })
-}), mr = () => ({
-  eventEmitter: ar()
-}), pr = (e) => () => P({}, e), vr = (e, t) => Pt()((...n) => P(P(P(P(P(P(P(P({}, lr(...n)), cr(...n)), ur(...n)), fr(...n)), dr(...n)), hr(...n)), mr(...n)), pr({
+}), pr = () => ({
+  eventEmitter: lr()
+}), vr = (e) => () => L({}, e), yr = (e, t) => Pt()((...n) => L(L(L(L(L(L(L(L({}, cr(...n)), ur(...n)), dr(...n)), hr(...n)), fr(...n)), mr(...n)), pr(...n)), vr({
   techRef: e,
   containerRef: t
-})(...n))), Bt = bt(null);
-function yr({ children: e }) {
-  const t = O(null), n = O(null), o = O(null);
-  return t.current || (t.current = vr(n, o)), /* @__PURE__ */ a.jsx(Bt.Provider, { value: t.current, children: e });
+})(...n))), Bt = jt(null);
+function gr({ children: e }) {
+  const t = V(null), n = V(null), o = V(null);
+  return t.current || (t.current = yr(n, o)), /* @__PURE__ */ s.jsx(Bt.Provider, { value: t.current, children: e });
 }
 const f = (e) => {
   const t = Lt(Bt);
   if (!t)
     throw new Error("usePlayerStore must be used within PlayerStoreProvider");
-  return jt(t, e);
+  return kt(t, e);
 };
-function gr(e) {
+function wr(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(), c = new Date(s);
-      if (!isNaN(c.getTime()))
-        return tr(c, "Europe/Sarajevo");
+      const a = o.replace("#EXT-X-PROGRAM-DATE-TIME:", "").trim(), l = new Date(a);
+      if (!isNaN(l.getTime()))
+        return nr(l, "Europe/Sarajevo");
     }
   }
   return null;
 }
-function wr(e, t) {
+function _r(e, t) {
   const n = e.split(`
 `);
   let o = !1;
-  for (const s of n) {
-    const c = s.trim();
-    if (c.startsWith("#EXT-X-STREAM-INF:")) {
+  for (const a of n) {
+    const l = a.trim();
+    if (l.startsWith("#EXT-X-STREAM-INF:")) {
       o = !0;
       continue;
     }
-    if (o && !c.startsWith("#")) {
-      if (c.startsWith("http"))
-        return c;
+    if (o && !l.startsWith("#")) {
+      if (l.startsWith("http"))
+        return l;
       {
         const u = new URL(t);
         return new URL(
-          c,
+          l,
           u.origin + u.pathname.substring(
             0,
             u.pathname.lastIndexOf("/")
@@ -1257,147 +1259,147 @@ function wr(e, t) {
   }
   return null;
 }
-function Tr(e) {
+function xr(e) {
   return e.replace("playlist.m3u8", "playlist_fmp4_dvr.m3u8");
 }
-async function _r(e) {
+async function Tr(e) {
   try {
-    const t = Tr(e);
+    const t = xr(e);
     console.log("Converting to DVR URL:", t);
     const n = await fetch(t);
     if (!n.ok)
       throw new Error(
         `Failed to fetch master playlist: ${n.status} ${n.statusText}`
       );
-    const o = await n.text(), s = wr(
+    const o = await n.text(), a = _r(
       o,
       t
     );
-    if (!s)
+    if (!a)
       throw new Error("No chunklist URL found in master playlist");
-    console.log("Found chunklist URL:", s);
-    const c = await fetch(s);
-    if (!c.ok)
+    console.log("Found chunklist URL:", a);
+    const l = await fetch(a);
+    if (!l.ok)
       throw new Error(
-        `Failed to fetch chunklist: ${c.status} ${c.statusText}`
+        `Failed to fetch chunklist: ${l.status} ${l.statusText}`
       );
-    const u = await c.text(), i = gr(u);
+    const u = await l.text(), i = wr(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 xr(n) {
+function Cr(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 _r(e);
+  const [a, l] = X(!0), u = A((d) => d.startDate), i = A((d) => d.setStartDate), c = z(async () => {
+    const d = await Tr(e);
     d && i(d);
   }, [e, i]);
-  return N(() => {
+  return F(() => {
     (async () => {
-      c(!0), await l(), c(!1);
+      l(!0), await c(), l(!1);
     })();
-  }, [l]), Ke(l, u ? null : 5e3), s ? null : /* @__PURE__ */ a.jsx(Er, P({}, t));
+  }, [c]), Ve(c, u ? null : 5e3), a ? null : /* @__PURE__ */ s.jsx(Er, L({}, t));
 }
 function Er({
   children: e,
   messages: t = {}
 }) {
-  var u, i, l;
-  const n = $((d) => d.startDate), o = f((d) => d.isStarted);
-  return Xn(o ? null : 5e3), n ? Date.now() < n.getTime() ? /* @__PURE__ */ a.jsx(
-    Cr,
+  var u, i, c;
+  const n = A((d) => d.startDate), o = f((d) => d.isStarted);
+  return Gn(o ? null : 5e3), n ? Date.now() < n.getTime() ? /* @__PURE__ */ s.jsx(
+    Rr,
     {
       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..."
+      message: (c = t == null ? void 0 : t.eventStartingSoon) != null ? c : "Starting in few seconds..."
     }
-  ) : /* @__PURE__ */ a.jsx(a.Fragment, { children: e }) : /* @__PURE__ */ a.jsx("div", { className: ie.playerNotice, children: /* @__PURE__ */ a.jsx("h3", { className: ie.playerNoticeTitle, children: (u = t == null ? void 0 : t.eventNotStarted) != null ? u : "Event has not started yet." }) });
+  ) : /* @__PURE__ */ s.jsx(s.Fragment, { children: e }) : /* @__PURE__ */ s.jsx("div", { className: ie.playerNotice, children: /* @__PURE__ */ s.jsx("h3", { className: ie.playerNoticeTitle, children: (u = t == null ? void 0 : t.eventNotStarted) != null ? u : "Event has not started yet." }) });
 }
-function Cr({ startDate: e, title: t, message: n }) {
-  const o = e.getTime() - Date.now(), s = Math.floor(o / (1e3 * 60 * 60)), c = Math.floor(
+function Rr({ startDate: e, title: t, message: n }) {
+  const o = e.getTime() - Date.now(), a = Math.floor(o / (1e3 * 60 * 60)), l = Math.floor(
     o % (1e3 * 60 * 60) / (1e3 * 60)
   );
-  return s || c ? /* @__PURE__ */ a.jsxs("div", { className: ie.playerNotice, children: [
-    /* @__PURE__ */ a.jsx("h3", { className: ie.playerNoticeTitle, children: t }),
-    /* @__PURE__ */ a.jsxs("p", { className: ie.playerNoticeText, children: [
+  return a || l ? /* @__PURE__ */ s.jsxs("div", { className: ie.playerNotice, children: [
+    /* @__PURE__ */ s.jsx("h3", { className: ie.playerNoticeTitle, children: t }),
+    /* @__PURE__ */ s.jsxs("p", { className: ie.playerNoticeText, children: [
       "(",
-      s > 0 ? `${s}h ${c}m` : `${c}m`,
+      a > 0 ? `${a}h ${l}m` : `${l}m`,
       ")"
     ] })
-  ] }) : /* @__PURE__ */ a.jsx("div", { className: ie.playerNotice, children: /* @__PURE__ */ a.jsx("h3", { className: ie.playerNoticeTitle, children: n }) });
+  ] }) : /* @__PURE__ */ s.jsx("div", { className: ie.playerNotice, children: /* @__PURE__ */ s.jsx("h3", { className: ie.playerNoticeTitle, children: n }) });
 }
-function Ut({ callback: e }) {
+function zt({ 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), j = () => 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", j), () => {
-      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", j);
+  return F(() => {
+    const n = () => e("play", void 0), o = () => e("pause", void 0), a = () => e("ended", void 0), l = () => e("seeking", void 0), u = () => e("seeked", void 0), i = (b) => e("volumeChange", b), c = (b) => e("fullscreenChange", b), d = (b) => e("qualityChange", b), g = (b) => e("loadedMetadata", b), y = () => e("loadStart", void 0), v = () => e("playing", void 0), x = () => e("waiting", void 0), P = () => e("error", void 0);
+    return t.on("play", n), t.on("pause", o), t.on("ended", a), t.on("seeking", l), t.on("seeked", u), t.on("volumeChange", i), t.on("fullscreenChange", c), t.on("qualityChange", d), t.on("loadedMetadata", g), t.on("loadStart", y), t.on("playing", v), t.on("waiting", x), t.on("error", P), () => {
+      t.off("play", n), t.off("pause", o), t.off("ended", a), t.off("seeking", l), t.off("seeked", u), t.off("volumeChange", i), t.off("fullscreenChange", c), t.off("qualityChange", d), t.off("loadedMetadata", g), t.off("loadStart", y), t.off("playing", v), t.off("waiting", x), t.off("error", P);
     };
   }, [e, t]), null;
 }
-const zt = (e, t = 0) => parseInt(
+const qt = (e, t = 0) => parseInt(
   Math.max(0, (Date.now() - (e + t * 1e3)) / 1e3).toFixed(0)
-), qt = (e, t) => Math.max(0, (Date.now() - e - t * 1e3) / 1e3), Rr = (e, t) => Math.max(0, (t - e) / 1e3), Sr = (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]}`;
+), Wt = (e, t) => Math.max(0, (Date.now() - e - t * 1e3) / 1e3), br = (e, t) => Math.max(0, (t - e) / 1e3), Sr = (e, t = 0) => {
+  const o = t < 0 ? 0 : t, a = ["bytes", "kb", "mb", "gb", "tb", "pb", "eb", "zb", "yb"], l = Math.floor(Math.log(e) / Math.log(1024));
+  return `${parseFloat((e / Math.pow(1024, l)).toFixed(o))}${a[l]}`;
 };
-function br({
+function jr({
   isAuto: e,
   level: t,
   levels: n
 }) {
-  const o = n.length, s = [];
-  return o > 1 && s.push({
+  const o = n.length, a = [];
+  return o > 1 && a.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}`,
+  }), 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;
+    a.push({
+      sid: `quality-level-${c}`,
       label: i ? `${i}p` : Sr(u),
-      value: l,
-      selected: o === 1 || !e && l === t
+      value: c,
+      selected: o === 1 || !e && c === t
     });
-  }), s;
+  }), a;
 }
 function Lr({ 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: qt(o, t),
+  const t = A((l) => l.delay), n = A((l) => l.startDate), o = n ? n.getTime() : 0, a = f((l) => l.eventEmitter);
+  return F(() => {
+    const l = () => e("timeUpdate", {
+      currentTime: Wt(o, t),
       duration: -1
     });
-    return s.on("timeUpdate", c), () => {
-      s.off("timeUpdate", c);
+    return a.on("timeUpdate", l), () => {
+      a.off("timeUpdate", l);
     };
-  }, [e, s]), /* @__PURE__ */ a.jsx(Ut, { callback: e });
+  }, [e, a]), /* @__PURE__ */ s.jsx(zt, { callback: e });
 }
-function Wt() {
-  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(
+function Zt() {
+  const e = f((i) => i.exitFullscreen), t = f((i) => i.isFullscreen), n = f((i) => i.isFullscreenReady), o = f((i) => i.requestFullscreen), a = f((i) => i.setVolume), l = f((i) => i.volume), u = z(
     (i) => {
-      let l = !1;
+      let c = !1;
       if (!(i.target instanceof HTMLInputElement || i.ctrlKey)) {
         switch (i.code) {
           case "ArrowUp":
-            s(c + 10 < 100 ? c + 10 : 100), l = !0;
+            a(l + 10 < 100 ? l + 10 : 100), c = !0;
             break;
           case "ArrowDown":
-            s(c - 10 > 0 ? c - 10 : 0), l = !0;
+            a(l - 10 > 0 ? l - 10 : 0), c = !0;
             break;
           case "KeyM":
-            s(c === 0 ? 100 : 0), l = !0;
+            a(l === 0 ? 100 : 0), c = !0;
             break;
           case "KeyF":
-            n && (t ? e() : o(), l = !0);
+            n && (t ? e() : o(), c = !0);
             break;
         }
-        l && i.preventDefault();
+        c && i.preventDefault();
       }
     },
     [
@@ -1405,75 +1407,75 @@ function Wt() {
       t,
       n,
       o,
-      s,
-      c
+      a,
+      l
     ]
   );
-  return N(() => (document.addEventListener("keydown", u), () => {
+  return F(() => (document.addEventListener("keydown", u), () => {
     document.removeEventListener("keydown", u);
   }), [u]), null;
 }
 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(
+  const e = A((i) => i.delay), t = f((i) => i.isPlaying), n = f((i) => i.pause), o = f((i) => i.getPauseTimeDiff), a = f((i) => i.play), l = A((i) => i.setDelay), u = z(
     (i) => {
-      let l = !1;
+      let c = !1;
       if (!(i.target instanceof HTMLInputElement || i.ctrlKey)) {
         switch (i.code) {
           case "ArrowLeft":
-            c(e + 10), l = !0;
+            l(e + 10), c = !0;
             break;
           case "ArrowRight":
-            c(e - 10 > 0 ? e - 10 : 0), l = !0;
+            l(e - 10 > 0 ? e - 10 : 0), c = !0;
             break;
           case "Space":
             if (t)
               n();
             else {
               const d = o();
-              d && c(e + d), s();
+              d && l(e + d), a();
             }
-            l = !0;
+            c = !0;
             break;
         }
-        l && i.preventDefault();
+        c && i.preventDefault();
       }
     },
-    [e, o, t, n, s, c]
+    [e, o, t, n, a, l]
   );
-  return N(() => (document.addEventListener("keydown", u), () => {
+  return F(() => (document.addEventListener("keydown", u), () => {
     document.removeEventListener("keydown", u);
-  }), [u]), /* @__PURE__ */ a.jsx(Wt, {});
+  }), [u]), /* @__PURE__ */ s.jsx(Zt, {});
 }
-function Zt({ children: e }) {
-  return /* @__PURE__ */ a.jsx(yr, { children: e });
+function Kt({ children: e }) {
+  return /* @__PURE__ */ s.jsx(gr, { children: e });
 }
-function jr({ children: e }) {
-  return /* @__PURE__ */ a.jsx(Jn, { children: /* @__PURE__ */ a.jsx(Zt, { children: e }) });
+function kr({ children: e }) {
+  return /* @__PURE__ */ s.jsx(Qn, { children: /* @__PURE__ */ s.jsx(Kt, { children: e }) });
 }
-function kr({ 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, j = U(
-    (T) => {
-      if (o.current && (o.current.nextLevel = T, u(null), c)) {
-        const I = c.map((p) => he(P({}, p), {
-          selected: p.value === T
+function Ir({ url: e, isLive: t, messages: n }) {
+  const o = V(null), a = f((_) => _.level), l = f((_) => _.levels), u = f((_) => _.setLevel), i = f((_) => _.setLevels), c = f((_) => _.techRef), d = f((_) => _.setError), g = V(0), y = V(null), v = 50, x = 1e4, P = z(
+    (_) => {
+      if (o.current && (o.current.nextLevel = _, u(null), l)) {
+        const I = l.map((p) => he(L({}, p), {
+          selected: p.value === _
         }));
         i(I);
       }
     },
-    [c, u, i, o]
-  ), S = U(() => {
+    [l, u, i, o]
+  ), b = z(() => {
     o.current && (console.log("[Player][HLS] MEDIA_ATTACHED"), o.current.loadSource(e));
-  }, [e]), L = U(() => {
+  }, [e]), E = z(() => {
     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;
+    const _ = o.current.levels, I = o.current.currentLevel, p = o.current.autoLevelEnabled;
     i(
-      br({
-        levels: T.map((B, G) => {
-          const { bitrate: W, height: V, width: D } = B;
+      jr({
+        levels: _.map(($, G) => {
+          const { bitrate: Z, height: O, width: D } = $;
           return {
-            bitrate: W,
-            height: V,
+            bitrate: Z,
+            height: O,
             index: G,
             width: D
           };
@@ -1482,11 +1484,11 @@ function kr({ url: e, isLive: t, messages: n }) {
         isAuto: p
       })
     );
-  }, [d, i]), M = U(
+  }, [d, i]), N = z(
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    (T, I) => {
-      var p, B;
-      if (console.error("[Player][HLS] ERROR", T, I), !!o.current && I.fatal)
+    (_, I) => {
+      var p, $;
+      if (console.error("[Player][HLS] ERROR", _, 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(() => {
@@ -1496,12 +1498,12 @@ function kr({ url: e, isLive: t, messages: n }) {
                 } catch (G) {
                   console.error("[Player][HLS] Retry failed:", G);
                 }
-            }, _)), d({
+            }, x)), d({
               message: (p = n == null ? void 0 : n.eventFinished) != null ? p : "Live event will be back shortly.",
               code: "LIVE_MANIFEST_LOAD_ERROR",
               tech: "hls"
             })) : (d({
-              message: (B = n == null ? void 0 : n.unableToPlay) != null ? B : "Unable to play the video. Please try again later.",
+              message: ($ = n == null ? void 0 : n.unableToPlay) != null ? $ : "Unable to play the video. Please try again later.",
               code: "NETWORK_ERROR",
               tech: "hls"
             }), o.current.startLoad());
@@ -1512,120 +1514,156 @@ function kr({ url: e, isLive: t, messages: n }) {
         }
     },
     [t, e, d]
-  ), R = U(() => {
-    if (!l.current) return;
-    let T = {
+  ), S = z(() => {
+    if (!c.current) return;
+    let _ = {
       startLevel: -1,
       maxBufferSize: 30 * 1024 * 1024
       // 30MB
     };
-    nr ? (T.backBufferLength = -1, T.enableWorker = !1) : t ? T.backBufferLength = 10 : T.backBufferLength = 60;
+    rr ? (_.backBufferLength = -1, _.enableWorker = !1) : t ? _.backBufferLength = 10 : _.backBufferLength = 60;
     try {
-      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, L), o.current.on(re.Events.ERROR, M);
+      console.log("[Player][HLS] URL", e), console.log("[Player][HLS] Config", JSON.stringify(_)), console.log("[Player][HLS] Version", re.version), o.current = new re(_), o.current.attachMedia(c.current), o.current.on(re.Events.MEDIA_ATTACHED, b), o.current.on(re.Events.MANIFEST_LOADED, E), o.current.on(re.Events.ERROR, N);
     } catch (I) {
       throw new Error(`Error initializing Hls: ${I}`);
     }
   }, [
-    L,
-    S,
-    M,
+    E,
+    b,
+    N,
     t,
-    l,
+    c,
     e
-  ]), k = U(() => {
-    o.current && (o.current.off(re.Events.MEDIA_ATTACHED, S), o.current.off(re.Events.MANIFEST_LOADED, L), o.current.off(re.Events.ERROR, M), o.current.destroy(), o.current = null), y.current && (clearTimeout(y.current), y.current = null), g.current = 0;
-  }, [L, S, M]);
-  return N(() => {
-    s !== null && j(s);
-  }, [s, j]), N(() => (re.isSupported() && R(), k), [k, R]), null;
-}
-const Ir = "_playerVideo_wc0sm_1", Dr = {
-  playerVideo: Ir
+  ]), k = z(() => {
+    o.current && (o.current.off(re.Events.MEDIA_ATTACHED, b), o.current.off(re.Events.MANIFEST_LOADED, E), o.current.off(re.Events.ERROR, N), o.current.destroy(), o.current = null), y.current && (clearTimeout(y.current), y.current = null), g.current = 0;
+  }, [E, b, N]);
+  return F(() => {
+    a !== null && P(a);
+  }, [a, P]), F(() => (re.isSupported() && S(), k), [k, S]), null;
+}
+const Dr = "_playerVideo_wc0sm_1", Fr = {
+  playerVideo: Dr
 };
-function Kt({
+function Yt({
   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), j = f((p) => p.handleWaiting), S = f((p) => p.handleVolumeChange), L = f((p) => p.handleError), M = f((p) => p.techRef), R = O(null), k = () => t ? {} : {
-    onDurationChange: s,
+  const a = f((p) => p.handleDurationChange), l = f((p) => p.handleEnd), u = f((p) => p.handleLoadedMetadata), i = f((p) => p.handleLoadStart), c = f((p) => p.handlePause), d = f((p) => p.handlePlay), g = f((p) => p.handlePlaying), y = f((p) => p.handleSeeked), v = f((p) => p.handleSeeking), x = f((p) => p.handleTimeUpdate), P = f((p) => p.handleWaiting), b = f((p) => p.handleVolumeChange), E = f((p) => p.handleError), N = f((p) => p.techRef), S = V(null), k = () => t ? {
+    onTimeUpdate: _
+  } : {
+    onDurationChange: a,
     onSeeked: y,
     onSeeking: v,
-    onTimeUpdate: T
-  }, T = () => {
-    (!R.current || Date.now() - R.current >= 1e3) && (_(), R.current = Date.now());
+    onTimeUpdate: _
+  }, _ = () => {
+    (!S.current || Date.now() - S.current >= 1e3) && (x(), S.current = Date.now());
   }, I = k();
-  return /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
-    /* @__PURE__ */ a.jsx(kr, { isLive: t, url: e, messages: o }),
-    /* @__PURE__ */ a.jsx(
+  return /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+    /* @__PURE__ */ s.jsx(Ir, { isLive: t, url: e, messages: o }),
+    /* @__PURE__ */ s.jsx(
       "video",
-      P({
-        ref: M,
-        className: Dr.playerVideo,
+      L({
+        ref: N,
+        className: Fr.playerVideo,
         playsInline: !0,
         autoPlay: !0,
         controls: !1,
         muted: n,
         preload: "auto",
         crossOrigin: "anonymous",
-        onEnded: c,
-        onError: L,
+        onEnded: l,
+        onError: E,
         onLoadedMetadata: u,
         onLoadStart: i,
-        onPause: l,
+        onPause: c,
         onPlay: d,
         onPlaying: g,
-        onWaiting: j,
-        onVolumeChange: S,
+        onWaiting: P,
+        onVolumeChange: b,
         tabIndex: -1
       }, I)
     )
   ] });
 }
-function Fr({ url: e, messages: t = {} }) {
-  const [n, o] = X(null), s = $((u) => u.delay), c = U(async () => {
+function Mr({ url: e, messages: t = {} }) {
+  const [n, o] = X(null), a = A((u) => u.delay), l = z(async () => {
     o(
-      s ? e.replace("-live", "-catchup").replace("playlist.m3u8", `playlist_fmp4_dvr_timeshift-${s}.m3u8`) : e
+      a ? e.replace("-live", "-catchup").replace("playlist.m3u8", `playlist_fmp4_dvr_timeshift-${a}.m3u8`) : e
     );
-  }, [s, e]);
-  return N(() => {
-    c();
-  }, [c]), n ? /* @__PURE__ */ a.jsx(Kt, { url: n, isLive: !0, messages: t }) : null;
+  }, [a, e]);
+  return F(() => {
+    l();
+  }, [l]), n ? /* @__PURE__ */ s.jsx(Yt, { url: n, isLive: !0, messages: t }) : null;
 }
-function Mr(e, {
+function Nr({ url: e }) {
+  const t = A((l) => l.setViewerCount), n = V(null), o = (l) => {
+    try {
+      return new URL(l).pathname.split("/").filter((d) => d.length > 0)[0] || null;
+    } catch (u) {
+      return console.error("Failed to extract URI from player URL:", u), null;
+    }
+  }, a = async () => {
+    var c;
+    const l = o(e);
+    if (!l) {
+      console.error("Could not extract URI from URL:", e);
+      return;
+    }
+    n.current && n.current.abort(), n.current = new AbortController();
+    const i = `https://${e.includes("staging") ? "stg" : "prd"}-fitnessanny.spectar.tv/analytics-api/v1/token-info/uri/${l}`;
+    try {
+      const d = await fetch(i, {
+        signal: n.current.signal
+      });
+      if (!d.ok)
+        throw new Error(`HTTP error! status: ${d.status}`);
+      const y = (c = (await d.json()).count) != null ? c : 0;
+      t(y);
+    } catch (d) {
+      if (d.name === "AbortError")
+        return;
+      console.error("Failed to fetch viewer count:", d), t(null);
+    }
+  };
+  return F(() => (a(), () => {
+    n.current && n.current.abort();
+  }), [e]), Ve(a, 15e3), null;
+}
+function Vr(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);
+  const o = (i) => typeof window == "undefined" ? t : window.matchMedia(i).matches, [a, l] = X(() => n ? o(e) : t);
   function u() {
-    c(o(e));
+    l(o(e));
   }
-  return At(() => {
+  return Ot(() => {
     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 Nr = "_playbackButton_lgsgw_1", Vr = "_seekIndicator_lgsgw_23", Ar = "_seekIndicatorLeft_lgsgw_49", Or = "_seekIndicatorRight_lgsgw_53", Hr = "_seekIndicatorVisible_lgsgw_57", me = {
-  playbackButton: Nr,
-  seekIndicator: Vr,
-  seekIndicatorLeft: Ar,
-  seekIndicatorRight: Or,
-  seekIndicatorVisible: Hr
-}, $r = 10;
-function Yt(i) {
-  var l = i, {
+  }, [e]), a;
+}
+const Ar = "_playbackButton_lgsgw_1", Or = "_seekIndicator_lgsgw_23", Hr = "_seekIndicatorLeft_lgsgw_49", $r = "_seekIndicatorRight_lgsgw_53", Ur = "_seekIndicatorVisible_lgsgw_57", me = {
+  playbackButton: Ar,
+  seekIndicator: Or,
+  seekIndicatorLeft: Hr,
+  seekIndicatorRight: $r,
+  seekIndicatorVisible: Ur
+}, Br = 10;
+function Xt(i) {
+  var c = i, {
     className: e,
     onClick: t,
     onForwardSeek: n,
     onBackwardSeek: o,
-    maxForwardTime: s,
-    maxBackwardTime: c
-  } = l, u = ne(l, [
+    maxForwardTime: a,
+    maxBackwardTime: l
+  } = c, u = ne(c, [
     "className",
     "onClick",
     "onForwardSeek",
@@ -1633,220 +1671,220 @@ function Yt(i) {
     "maxForwardTime",
     "maxBackwardTime"
   ]);
-  return Mr("(min-width: 1024px)") ? /* @__PURE__ */ a.jsx(Br, P({ className: e, onClick: t }, u)) : /* @__PURE__ */ a.jsx(
-    Ur,
-    P({
+  return Vr("(min-width: 1024px)") ? /* @__PURE__ */ s.jsx(zr, L({ className: e, onClick: t }, u)) : /* @__PURE__ */ s.jsx(
+    qr,
+    L({
       className: e,
-      maxForwardTime: s,
-      maxBackwardTime: c,
+      maxForwardTime: a,
+      maxBackwardTime: l,
       onForwardSeek: n,
       onBackwardSeek: o
     }, u)
   );
 }
-function Br(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();
+function zr(o) {
+  var a = o, { className: e, onClick: t } = a, n = ne(a, ["className", "onClick"]);
+  const l = V(null), u = f((x) => x.exitFullscreen), i = f((x) => x.isFullscreen), c = f((x) => x.requestFullscreen), d = (x) => {
+    v() ? (y(), i ? u() : c()) : g(x);
+  }, g = (x) => {
+    l.current = window.setTimeout(() => {
+      t == null || t(x), y();
     }, 200);
   }, y = () => {
-    c.current !== null && (window.clearTimeout(c.current), c.current = null);
-  }, v = () => c.current !== null;
-  return N(() => () => {
+    l.current !== null && (window.clearTimeout(l.current), l.current = null);
+  }, v = () => l.current !== null;
+  return F(() => () => {
     y();
-  }, []), /* @__PURE__ */ a.jsx(
+  }, []), /* @__PURE__ */ s.jsx(
     "button",
-    P({
+    L({
       onClick: d,
       className: [me.playbackButton, e].filter(Boolean).join(" "),
       "aria-label": "Player gestures"
     }, n)
   );
 }
-function Ur(u) {
+function qr(u) {
   var i = u, {
     className: e,
     maxForwardTime: t,
     maxBackwardTime: n,
     onForwardSeek: o,
-    onBackwardSeek: s
-  } = i, c = ne(i, [
+    onBackwardSeek: a
+  } = i, l = ne(i, [
     "className",
     "maxForwardTime",
     "maxBackwardTime",
     "onForwardSeek",
     "onBackwardSeek"
   ]);
-  const l = O(null), d = O({
+  const c = V(null), d = V({
     single: null,
     indicator: null,
     accumulate: null
-  }), g = O(null), y = O(0), v = O(null), [_, j] = X({ visible: !1, direction: null, time: 0 }), S = f((p) => p.isIdle), L = f((p) => p.setIsIdle), M = f((p) => p.resetIdle), R = (p, B) => p < B / 2 ? "backward" : "forward", k = (p) => {
+  }), g = V(null), y = V(0), v = V(null), [x, P] = X({ visible: !1, direction: null, time: 0 }), b = f((p) => p.isIdle), E = f((p) => p.setIsIdle), N = f((p) => p.resetIdle), S = (p, $) => p < $ / 2 ? "backward" : "forward", k = (p) => {
     if (!g.current) return;
-    const B = p.changedTouches[0];
-    if (!B) return;
-    const G = Date.now(), W = g.current.getBoundingClientRect(), V = B.clientX - W.left, D = B.clientY - W.top;
-    if (V < 0 || V > W.width || D < 0 || D > W.height)
+    const $ = p.changedTouches[0];
+    if (!$) return;
+    const G = Date.now(), Z = g.current.getBoundingClientRect(), O = $.clientX - Z.left, D = $.clientY - Z.top;
+    if (O < 0 || O > Z.width || D < 0 || D > Z.height)
       return;
-    const Q = l.current, Z = Q ? G - Q.time : 1 / 0, z = R(V, W.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;
+    const Q = c.current, K = Q ? G - Q.time : 1 / 0, q = S(O, Z.width), oe = v.current !== null && v.current === q && Q !== null && K < 700 && Math.abs(O - Q.x) < 100;
+    if (Q !== null && v.current === null && K < 300 && Math.abs(O - Q.x) < 50 || oe) {
+      p.preventDefault(), p.stopPropagation(), d.current.single && (window.clearTimeout(d.current.single), d.current.single = null), N(), (v.current === null || v.current !== q) && (y.current = 0, v.current = q);
+      const te = q === "backward" ? n : t;
       y.current = Math.min(
-        y.current + $r,
+        y.current + Br,
         te != null ? te : 1 / 0
-      ), T(z, y.current), d.current.accumulate && window.clearTimeout(d.current.accumulate), d.current.accumulate = window.setTimeout(() => {
-        const q = y.current;
-        q > 0 && (v.current === "backward" ? s == null || s(q) : o == null || o(q), y.current = 0, v.current = null, l.current = null, I(), M()), d.current.accumulate = null;
-      }, 500), l.current = { time: G, x: V };
+      ), _(q, y.current), d.current.accumulate && window.clearTimeout(d.current.accumulate), d.current.accumulate = window.setTimeout(() => {
+        const W = y.current;
+        W > 0 && (v.current === "backward" ? a == null || a(W) : o == null || o(W), N()), y.current = 0, v.current = null, c.current = null, I(), d.current.accumulate = null;
+      }, 500), c.current = { time: G, x: O };
     } else {
-      l.current = { time: G, x: V }, d.current.single && window.clearTimeout(d.current.single);
+      c.current = { time: G, x: O }, 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 q = S;
-          L(!q), q && M();
+          const W = b;
+          E(!W), W && N();
         }
-        l.current = null;
+        c.current = null;
       }, te);
     }
-  }, T = (p, B) => {
-    j({ visible: !0, direction: p, time: B }), d.current.indicator && window.clearTimeout(d.current.indicator), d.current.indicator = window.setTimeout(() => {
+  }, _ = (p, $) => {
+    $ !== 0 && (P({ visible: !0, direction: p, time: $ }), d.current.indicator && window.clearTimeout(d.current.indicator), d.current.indicator = window.setTimeout(() => {
       I();
-    }, 700);
+    }, 700));
   }, I = () => {
-    j({ visible: !1, direction: null, time: 0 }), d.current.indicator && (window.clearTimeout(d.current.indicator), d.current.indicator = null);
+    P({ visible: !1, direction: null, time: 0 }), d.current.indicator && (window.clearTimeout(d.current.indicator), d.current.indicator = null);
   };
-  return N(() => () => {
+  return F(() => () => {
     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(
+  }, []), /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+    /* @__PURE__ */ s.jsx(
       "button",
-      P({
+      L({
         ref: g,
         onTouchEnd: k,
         className: [me.playbackButton, e].filter(Boolean).join(" "),
         "aria-label": "Player gestures"
-      }, c)
+      }, l)
     ),
-    _.visible && /* @__PURE__ */ a.jsxs(
+    x.visible && /* @__PURE__ */ s.jsxs(
       "div",
       {
-        className: `${me.seekIndicator} ${me.seekIndicatorVisible} ${_.direction === "backward" ? me.seekIndicatorLeft : me.seekIndicatorRight}`,
+        className: `${me.seekIndicator} ${me.seekIndicatorVisible} ${x.direction === "backward" ? me.seekIndicatorLeft : me.seekIndicatorRight}`,
         children: [
-          _.direction === "backward" ? "-" : "+",
-          _e(_.time)
+          x.direction === "backward" ? "-" : "+",
+          xe(x.time)
         ]
       }
     )
   ] });
 }
-function zr() {
-  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,
+function Wr() {
+  const e = f((c) => c.isPlaying), t = f((c) => c.pause), n = f((c) => c.getPauseTimeDiff), o = f((c) => c.play), a = A((c) => c.delay), l = A((c) => c.setDelay), u = A((c) => c.startDate), i = u ? u.getTime() : 0;
+  return /* @__PURE__ */ s.jsx(
+    Xt,
     {
       onClick: () => {
         if (e)
           t();
         else {
-          const l = n();
-          l && c(s + l), o();
+          const c = n();
+          c && l(a + c), o();
         }
       },
-      onBackwardSeek: (l) => {
-        const d = s + l;
-        c(d);
+      onBackwardSeek: (c) => {
+        const d = a + c;
+        l(d);
       },
-      onForwardSeek: (l) => {
-        const d = Math.max(0, s - l);
-        c(d);
+      onForwardSeek: (c) => {
+        const d = Math.max(0, a - c);
+        l(d);
       },
       maxBackwardTime: Math.floor(i),
-      maxForwardTime: Math.floor(s)
+      maxForwardTime: Math.floor(a)
     }
   );
 }
-const qr = "_playerButton_izwqq_1", Wr = "_playerButtonCircle_izwqq_42", Tt = {
-  playerButton: qr,
-  playerButtonCircle: Wr
-}, le = Me(
-  (s, o) => {
-    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", P({ ref: o, className: i }, n));
+const Zr = "_playerButton_izwqq_1", Kr = "_playerButtonCircle_izwqq_42", xt = {
+  playerButton: Zr,
+  playerButtonCircle: Kr
+}, le = Ne(
+  (a, o) => {
+    var l = a, { shape: e = "circle", className: t } = l, n = ne(l, ["shape", "className"]);
+    const u = e === "circle" ? xt.playerButtonCircle : "", i = [xt.playerButton, u, t].filter(Boolean).join(" ");
+    return /* @__PURE__ */ s.jsx("button", L({ ref: o, className: i }, n));
   }
 );
 le.displayName = "PlayerButton";
-const Zr = "_liveIndicator_1jczn_1", Kr = "_liveIndicatorHasDelay_1jczn_9", Yr = "_liveIndicatorNoDelay_1jczn_13", ke = {
-  liveIndicator: Zr,
-  liveIndicatorHasDelay: Kr,
-  liveIndicatorNoDelay: Yr
+const Yr = "_liveIndicator_1jczn_1", Xr = "_liveIndicatorHasDelay_1jczn_9", Gr = "_liveIndicatorNoDelay_1jczn_13", ke = {
+  liveIndicator: Yr,
+  liveIndicatorHasDelay: Xr,
+  liveIndicatorNoDelay: Gr
 };
-function Xr(n) {
+function Jr(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(P({ onClick: u, shape: "square" }, t), { children: [
-    /* @__PURE__ */ a.jsx("div", { className: i }),
+  const a = A((c) => c.delay), l = A((c) => c.setDelay), u = () => {
+    a && l(0);
+  }, i = a ? `${ke.liveIndicator} ${ke.liveIndicatorHasDelay}` : `${ke.liveIndicator} ${ke.liveIndicatorNoDelay}`;
+  return /* @__PURE__ */ s.jsxs(le, he(L({ onClick: u, shape: "square" }, t), { children: [
+    /* @__PURE__ */ s.jsx("div", { className: i }),
     e || "Live"
   ] }));
 }
-function Xt() {
-  return /* @__PURE__ */ a.jsx(
+function Gt() {
+  return /* @__PURE__ */ s.jsx(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 24 24",
       fill: "currentColor",
-      children: /* @__PURE__ */ a.jsx("path", { d: "M6 5H8V19H6V5ZM16 5H18V19H16V5Z" })
+      children: /* @__PURE__ */ s.jsx("path", { d: "M6 5H8V19H6V5ZM16 5H18V19H16V5Z" })
     }
   );
 }
-function Gt() {
-  return /* @__PURE__ */ a.jsx(
+function Jt() {
+  return /* @__PURE__ */ s.jsx(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 24 24",
       fill: "currentColor",
-      children: /* @__PURE__ */ a.jsx("path", { d: "M19.376 12.4161L8.77735 19.4818C8.54759 19.635 8.23715 19.5729 8.08397 19.3432C8.02922 19.261 8 19.1645 8 19.0658V4.93433C8 4.65818 8.22386 4.43433 8.5 4.43433C8.59871 4.43433 8.69522 4.46355 8.77735 4.5183L19.376 11.584C19.6057 11.7372 19.6678 12.0477 19.5146 12.2774C19.478 12.3323 19.4309 12.3795 19.376 12.4161Z" })
+      children: /* @__PURE__ */ s.jsx("path", { d: "M19.376 12.4161L8.77735 19.4818C8.54759 19.635 8.23715 19.5729 8.08397 19.3432C8.02922 19.261 8 19.1645 8 19.0658V4.93433C8 4.65818 8.22386 4.43433 8.5 4.43433C8.59871 4.43433 8.69522 4.46355 8.77735 4.5183L19.376 11.584C19.6057 11.7372 19.6678 12.0477 19.5146 12.2774C19.478 12.3323 19.4309 12.3795 19.376 12.4161Z" })
     }
   );
 }
-function Gr() {
-  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 = () => {
+function Qr() {
+  const e = f((i) => i.isPlaying), t = f((i) => i.pause), n = f((i) => i.getPauseTimeDiff), o = f((i) => i.play), a = A((i) => i.delay), l = A((i) => i.setDelay), u = () => {
     if (e)
       t();
     else {
       const i = n();
-      i && c(s + i), o();
+      i && l(a + i), o();
     }
   };
-  return /* @__PURE__ */ a.jsx(le, { onClick: u, children: e ? /* @__PURE__ */ a.jsx(Xt, {}) : /* @__PURE__ */ a.jsx(Gt, {}) });
-}
-const Jr = "_progressSlider_hwzgf_1", Qr = "_tipContainer_hwzgf_7", eo = "_tipContainerVisible_hwzgf_17", to = "_tipContainerHidden_hwzgf_22", no = "_tipContent_hwzgf_27", se = {
-  progressSlider: Jr,
-  tipContainer: Qr,
-  tipContainerVisible: eo,
-  tipContainerHidden: to,
-  tipContent: no
-}, ro = "_sliderRoot_aeak6_1", oo = "_sliderTrack_aeak6_18", io = "_sliderRange_aeak6_28", so = "_sliderThumb_aeak6_37", Ie = {
-  sliderRoot: ro,
-  sliderTrack: oo,
-  sliderRange: io,
-  sliderThumb: so
-}, 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(
-    Le.Root,
-    he(P({
-      ref: s,
+  return /* @__PURE__ */ s.jsx(le, { onClick: u, children: e ? /* @__PURE__ */ s.jsx(Gt, {}) : /* @__PURE__ */ s.jsx(Jt, {}) });
+}
+const eo = "_progressSlider_hwzgf_1", to = "_tipContainer_hwzgf_7", no = "_tipContainerVisible_hwzgf_17", ro = "_tipContainerHidden_hwzgf_22", oo = "_tipContent_hwzgf_27", se = {
+  progressSlider: eo,
+  tipContainer: to,
+  tipContainerVisible: no,
+  tipContainerHidden: ro,
+  tipContent: oo
+}, io = "_sliderRoot_aeak6_1", so = "_sliderTrack_aeak6_18", ao = "_sliderRange_aeak6_28", lo = "_sliderThumb_aeak6_37", Ie = {
+  sliderRoot: io,
+  sliderTrack: so,
+  sliderRange: ao,
+  sliderThumb: lo
+}, Ae = Ne((l, a) => {
+  var u = l, { max: e = 100, min: t = 0, className: n } = u, o = ne(u, ["max", "min", "className"]);
+  return /* @__PURE__ */ s.jsxs(
+    je.Root,
+    he(L({
+      ref: a,
       min: t,
       max: e,
       "aria-label": "Player progress",
@@ -1858,14 +1896,14 @@ const Jr = "_progressSlider_hwzgf_1", Qr = "_tipContainer_hwzgf_7", eo = "_tipCo
       )
     }, o), {
       children: [
-        /* @__PURE__ */ a.jsx(Le.Track, { className: Ie.sliderTrack, children: /* @__PURE__ */ a.jsx(Le.Range, { className: Ie.sliderRange }) }),
-        /* @__PURE__ */ a.jsx(Le.Thumb, { className: Ie.sliderThumb })
+        /* @__PURE__ */ s.jsx(je.Track, { className: Ie.sliderTrack, children: /* @__PURE__ */ s.jsx(je.Range, { className: Ie.sliderRange }) }),
+        /* @__PURE__ */ s.jsx(je.Thumb, { className: Ie.sliderThumb })
       ]
     })
   );
 });
-Ne.displayName = "PlayerSlider";
-function Fe(e) {
+Ae.displayName = "PlayerSlider";
+function Me(e) {
   const t = e.getBoundingClientRect();
   return e.offsetWidth / e.offsetHeight > e.clientWidth / e.clientHeight ? {
     left: t.left * 100,
@@ -1876,160 +1914,205 @@ function Fe(e) {
     height: t.height * 100
   } : t;
 }
-const _t = "vod-player-progress-bar";
-function ao() {
-  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), j = _ ? _.getTime() : 0, S = (/* @__PURE__ */ new Date()).getTime(), L = $((D) => D.setDelay), M = f((D) => D.isPlaying), R = f((D) => D.addIdleLock), k = f((D) => D.removeIdleLock), T = U(() => {
-    o(qt(j, v)), c(Rr(j, S));
-  }, [v, S, j]), I = parseFloat(
-    (s ? (g !== -1 ? g : n) / s * 100 : 0).toFixed(1)
+const Tt = "vod-player-progress-bar";
+function co() {
+  const e = V(null), t = V(null), [n, o] = X(0), [a, l] = X(0), [u, i] = X(!1), [c, d] = X(-1), [g, y] = X(-1), v = A((D) => D.delay), x = A((D) => D.startDate), P = x ? x.getTime() : 0, b = (/* @__PURE__ */ new Date()).getTime(), E = A((D) => D.setDelay), N = f((D) => D.isPlaying), S = f((D) => D.addIdleLock), k = f((D) => D.removeIdleLock), _ = z(() => {
+    o(Wt(P, v)), l(br(P, b));
+  }, [v, b, P]), I = parseFloat(
+    (a ? (g !== -1 ? g : n) / a * 100 : 0).toFixed(1)
   ), p = (D) => {
-    y(s * (D[0] / 100)), R(_t);
-  }, B = () => {
+    y(a * (D[0] / 100)), S(Tt);
+  }, $ = () => {
     if (g !== -1) {
-      const D = zt(j, g);
-      L(D), y(-1), k(_t);
+      const D = qt(P, g);
+      E(D), y(-1), k(Tt);
     }
-  }, G = () => i(!0), W = () => i(!1), V = U(
+  }, G = () => i(!0), Z = () => i(!1), O = z(
     (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;
+      const Q = e.current, K = t.current;
+      if (Q && K) {
+        const q = Me(Q), oe = Me(K), ue = (D.pageX || D.clientX) - q.left, te = ue / q.width;
         if (te < 0) return;
-        let q = ue - oe.width / 2;
-        q < 0 && (q = 0), q > z.width - oe.width && (q = -1), Z.style.left = q > -1 ? `${q}px` : "auto", Z.style.right = q > -1 ? "auto" : "0px";
-        const ve = s - te * s;
+        let W = ue - oe.width / 2;
+        W < 0 && (W = 0), W > q.width - oe.width && (W = -1), K.style.left = W > -1 ? `${W}px` : "auto", K.style.right = W > -1 ? "auto" : "0px";
+        const ve = a - te * a;
         d(ve > 0 ? ve : 0);
       }
       G();
     },
-    [s]
+    [a]
   );
-  return Ke(() => T(), M ? 1e3 : null), N(() => {
-    T();
-  }, [T]), /* @__PURE__ */ a.jsxs("div", { className: se.progressSlider, children: [
-    /* @__PURE__ */ a.jsx(
-      Ne,
+  return Ve(() => _(), N ? 1e3 : null), F(() => {
+    _();
+  }, [_]), /* @__PURE__ */ s.jsxs("div", { className: se.progressSlider, children: [
+    /* @__PURE__ */ s.jsx(
+      Ae,
       {
         ref: e,
         value: [I],
-        onPointerLeave: W,
-        onPointerDown: W,
-        onPointerMove: V,
+        onPointerLeave: Z,
+        onPointerDown: Z,
+        onPointerMove: O,
         onValueChange: p,
-        onValueCommit: B,
+        onValueCommit: $,
         step: 0.1
       }
     ),
-    /* @__PURE__ */ a.jsx(
+    /* @__PURE__ */ s.jsx(
       "div",
       {
         ref: t,
         className: `${se.tipContainer} ${u ? se.tipContainerVisible : se.tipContainerHidden}`,
-        children: /* @__PURE__ */ a.jsx("p", { className: se.tipContent, children: `-${_e(l)}` })
+        children: /* @__PURE__ */ s.jsx("p", { className: se.tipContent, children: `-${xe(c)}` })
       }
     )
   ] });
 }
-function lo() {
-  return /* @__PURE__ */ a.jsx(
+function uo() {
+  return /* @__PURE__ */ s.jsx(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 24 24",
       fill: "currentColor",
-      children: /* @__PURE__ */ a.jsx("path", { d: "M22 12C22 17.5228 17.5229 22 12 22C6.4772 22 2 17.5228 2 12C2 6.47715 6.4772 2 12 2V4C7.5817 4 4 7.58172 4 12C4 16.4183 7.5817 20 12 20C16.4183 20 20 16.4183 20 12C20 9.53614 18.8862 7.33243 17.1346 5.86492L15 8V2L21 2L18.5535 4.44656C20.6649 6.28002 22 8.9841 22 12Z" })
+      children: /* @__PURE__ */ s.jsx("path", { d: "M22 12C22 17.5228 17.5229 22 12 22C6.4772 22 2 17.5228 2 12C2 6.47715 6.4772 2 12 2V4C7.5817 4 4 7.58172 4 12C4 16.4183 7.5817 20 12 20C16.4183 20 20 16.4183 20 12C20 9.53614 18.8862 7.33243 17.1346 5.86492L15 8V2L21 2L18.5535 4.44656C20.6649 6.28002 22 8.9841 22 12Z" })
     }
   );
 }
-function co() {
-  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(lo, {}) });
+function fo() {
+  const e = A((a) => a.startDate), t = A((a) => a.setDelay), n = e ? e.getTime() : 0, o = () => t(qt(n));
+  return /* @__PURE__ */ s.jsx(le, { onClick: o, children: /* @__PURE__ */ s.jsx(uo, {}) });
 }
-function Jt() {
+const ho = "_viewersContainer_bsl3f_1", mo = "_viewersIndicator_bsl3f_13", po = "_viewersIcon_bsl3f_21", vo = "_viewersCount_bsl3f_25", De = {
+  viewersContainer: ho,
+  viewersIndicator: mo,
+  viewersIcon: po,
+  viewersCount: vo
+};
+function yo() {
+  const e = A((t) => t.viewerCount);
+  return e ? /* @__PURE__ */ s.jsxs("div", { className: De.viewersContainer, children: [
+    /* @__PURE__ */ s.jsx("span", { className: De.viewersIndicator }),
+    /* @__PURE__ */ s.jsxs(
+      "svg",
+      {
+        className: De.viewersIcon,
+        width: "16",
+        height: "16",
+        viewBox: "0 0 16 16",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        children: [
+          /* @__PURE__ */ s.jsx(
+            "path",
+            {
+              d: "M8 7C9.10457 7 10 6.10457 10 5C10 3.89543 9.10457 3 8 3C6.89543 3 6 3.89543 6 5C6 6.10457 6.89543 7 8 7Z",
+              fill: "currentColor"
+            }
+          ),
+          /* @__PURE__ */ s.jsx(
+            "path",
+            {
+              d: "M8 8C5.79086 8 4 9.79086 4 12V13H12V12C12 9.79086 10.2091 8 8 8Z",
+              fill: "currentColor"
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ s.jsx("span", { className: De.viewersCount, children: e.toLocaleString() })
+  ] }) : null;
+}
+function Qt() {
   const e = f((n) => n.error);
   if (!e) return null;
   const t = e.code === "LIVE_MANIFEST_LOAD_ERROR";
-  return /* @__PURE__ */ a.jsx(
+  return /* @__PURE__ */ s.jsx(
     "div",
     {
       className: `${ie.playerNotice} ${t ? ie.playerNoticeLowZIndex : ""}`,
-      children: /* @__PURE__ */ a.jsx("h3", { className: ie.playerNoticeTitle, children: e.message })
+      children: /* @__PURE__ */ s.jsx("h3", { className: ie.playerNoticeTitle, children: e.message })
     }
   );
 }
-const uo = "_playerContainer_1fn8l_1", fo = "_controlsBottom_1fn8l_29", ho = "_controlsContainer_1fn8l_45", mo = "_controlsRow_1fn8l_61", po = "_controlsSection_1fn8l_68", vo = "_controlsSectionStart_1fn8l_78", yo = "_controlsSectionEnd_1fn8l_82", K = {
-  playerContainer: uo,
-  controlsBottom: fo,
-  controlsContainer: ho,
-  controlsRow: mo,
-  controlsSection: po,
-  controlsSectionStart: vo,
-  controlsSectionEnd: yo
+const go = "_playerContainer_146tx_1", wo = "_controlsTop_146tx_12", _o = "_controlsBottom_146tx_29", xo = "_controlsContainer_146tx_45", To = "_controlsRow_146tx_61", Co = "_controlsSection_146tx_68", Eo = "_controlsSectionStart_146tx_78", Ro = "_controlsSectionEnd_146tx_82", B = {
+  playerContainer: go,
+  controlsTop: wo,
+  controlsBottom: _o,
+  controlsContainer: xo,
+  controlsRow: To,
+  controlsSection: Co,
+  controlsSectionStart: Eo,
+  controlsSectionEnd: Ro
 };
-function go() {
-  return /* @__PURE__ */ a.jsx(
+function bo() {
+  return /* @__PURE__ */ s.jsx(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 24 24",
       fill: "currentColor",
-      children: /* @__PURE__ */ a.jsx("path", { d: "M16 3H22V9H20V5H16V3ZM2 3H8V5H4V9H2V3ZM20 19V15H22V21H16V19H20ZM4 19H8V21H2V15H4V19Z" })
+      children: /* @__PURE__ */ s.jsx("path", { d: "M16 3H22V9H20V5H16V3ZM2 3H8V5H4V9H2V3ZM20 19V15H22V21H16V19H20ZM4 19H8V21H2V15H4V19Z" })
     }
   );
 }
-function wo() {
-  return /* @__PURE__ */ a.jsx(
+function So() {
+  return /* @__PURE__ */ s.jsx(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 24 24",
       fill: "currentColor",
-      children: /* @__PURE__ */ a.jsx("path", { d: "M18 7H22V9H16V3H18V7ZM8 9H2V7H6V3H8V9ZM18 17V21H16V15H22V17H18ZM8 15V21H6V17H2V15H8Z" })
+      children: /* @__PURE__ */ s.jsx("path", { d: "M18 7H22V9H16V3H18V7ZM8 9H2V7H6V3H8V9ZM18 17V21H16V15H22V17H18ZM8 15V21H6V17H2V15H8Z" })
     }
   );
 }
-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(
+function en() {
+  const e = f((d) => d.containerRef), t = f((d) => d.exitFullscreen), n = f((d) => d.isFullscreen), o = f((d) => d.requestFullscreen), a = f((d) => d.setIsFullscreen), l = f((d) => d.setIsFullscreenReady), u = f((d) => d.techRef), i = z(
     (d) => {
-      d.stopPropagation(), s(rr());
+      d.stopPropagation(), a(or());
     },
-    [s]
-  ), l = () => {
+    [a]
+  ), c = () => {
     n ? t() : o();
   };
-  return N(() => {
-    const d = $t ? u.current : e.current;
+  return F(() => {
+    const d = Ut ? u.current : e.current;
     if (d)
-      return sr(d, i);
-  }, [e, i, u]), N(() => {
-    c(!0);
-  }, [c]), /* @__PURE__ */ a.jsx(le, { onClick: l, children: n ? /* @__PURE__ */ a.jsx(wo, {}) : /* @__PURE__ */ a.jsx(go, {}) });
-}
-const To = "_idleCheckContainer_iz9tu_1", _o = "_idleCheckContainerIdle_iz9tu_10", xo = "_idleCheckContainerActive_iz9tu_15", qe = {
-  idleCheckContainer: To,
-  idleCheckContainerIdle: _o,
-  idleCheckContainerActive: xo
-}, Eo = 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);
-  }, []), d = U(() => {
-    l(), s.current = window.setTimeout(() => o(!0), Eo);
-  }, [l]);
-  N(() => (o(!1), d(), () => {
-    l();
-  }), [l, d]), N(() => {
+      return ar(d, i);
+  }, [e, i, u]), F(() => {
+    l(!0);
+  }, [l]), /* @__PURE__ */ s.jsx(le, { onClick: c, children: n ? /* @__PURE__ */ s.jsx(So, {}) : /* @__PURE__ */ s.jsx(bo, {}) });
+}
+const jo = "_idleCheckContainer_iz9tu_1", Lo = "_idleCheckContainerIdle_iz9tu_10", Po = "_idleCheckContainerActive_iz9tu_15", Ze = {
+  idleCheckContainer: jo,
+  idleCheckContainerIdle: Lo,
+  idleCheckContainerActive: Po
+}, ko = 5 * 1e3;
+function tn({ children: e }) {
+  const t = V(null), n = f((v) => v.isIdle), o = f((v) => v.setIsIdle), a = V(null), u = f((v) => v.idleLocks).size, i = f((v) => v.eventEmitter), c = z(() => {
+    a.current !== null && (window.clearTimeout(a.current), a.current = null);
+  }, []), d = z(() => {
+    c(), a.current = window.setTimeout(() => o(!0), ko);
+  }, [c]);
+  F(() => (o(!1), d(), () => {
+    c();
+  }), [c, d]), F(() => {
     const v = t.current;
     if (!v) return;
-    const _ = (S) => {
-      n && (S.stopPropagation(), o(!1), d());
-    }, j = () => {
+    const x = (E) => {
+      n && (E.preventDefault(), E.stopPropagation(), o(!1), d());
+    }, P = (E) => {
+      n && (E.preventDefault(), E.stopPropagation(), o(!1), d());
+    }, b = () => {
       n && o(!1), d();
     };
-    return v.addEventListener("click", _), v.addEventListener("mousemove", j), () => {
-      v.removeEventListener("click", _), v.removeEventListener("mousemove", j);
+    return v.addEventListener("click", x), v.addEventListener("touchstart", P, {
+      passive: !1
+    }), v.addEventListener("mousemove", b), () => {
+      v.removeEventListener("click", x), v.removeEventListener("touchstart", P), v.removeEventListener("mousemove", b);
     };
-  }, [t, n, o, d]), N(() => {
+  }, [t, n, o, d]), F(() => {
     const v = () => {
       o(!1), d();
     };
@@ -2037,67 +2120,67 @@ function en({ children: e }) {
       i.off("resetIdle", v);
     };
   }, [i, o, d]);
-  const g = n && !u, y = `${qe.idleCheckContainer} ${g ? qe.idleCheckContainerIdle : qe.idleCheckContainerActive}`;
-  return /* @__PURE__ */ a.jsx("div", { ref: t, className: y, children: e });
+  const g = n && !u, y = `${Ze.idleCheckContainer} ${g ? Ze.idleCheckContainerIdle : Ze.idleCheckContainerActive}`;
+  return /* @__PURE__ */ s.jsx("div", { ref: t, className: y, children: e });
 }
-const Co = "_spinner_oo4hi_10", Ro = {
-  spinner: Co
+const Io = "_spinner_oo4hi_10", Do = {
+  spinner: Io
 };
-function So(e) {
-  return /* @__PURE__ */ a.jsx("div", P({ className: Ro.spinner }, e));
+function Fo(e) {
+  return /* @__PURE__ */ s.jsx("div", L({ className: Do.spinner }, e));
 }
-function bo(e, t = 500) {
+function Mo(e, t = 500) {
   const [n, o] = X(e);
-  return N(() => {
-    const s = window.setTimeout(() => o(e), t);
+  return F(() => {
+    const a = window.setTimeout(() => o(e), t);
     return () => {
-      window.clearTimeout(s);
+      window.clearTimeout(a);
     };
   }, [e, t]), n;
 }
-const Lo = "_loadingContainer_v9v7r_1", Po = {
-  loadingContainer: Lo
+const No = "_loadingContainer_v9v7r_1", Vo = {
+  loadingContainer: No
 };
-function tn(n) {
+function nn(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(P({ className: Po.loadingContainer, style: e }, t), { children: /* @__PURE__ */ a.jsx(So, {}) })) : null;
+  const a = f((u) => u.isLoading);
+  return Mo(a, 100) ? /* @__PURE__ */ s.jsx("div", he(L({ className: Vo.loadingContainer, style: e }, t), { children: /* @__PURE__ */ s.jsx(Fo, {}) })) : null;
 }
-function jo() {
-  return /* @__PURE__ */ a.jsx(
+function Ao() {
+  return /* @__PURE__ */ s.jsx(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 24 24",
       fill: "currentColor",
-      children: /* @__PURE__ */ a.jsx("path", { d: "M9.9997 15.1709L19.1921 5.97852L20.6063 7.39273L9.9997 17.9993L3.63574 11.6354L5.04996 10.2212L9.9997 15.1709Z" })
+      children: /* @__PURE__ */ s.jsx("path", { d: "M9.9997 15.1709L19.1921 5.97852L20.6063 7.39273L9.9997 17.9993L3.63574 11.6354L5.04996 10.2212L9.9997 15.1709Z" })
     }
   );
 }
-function ko() {
-  return /* @__PURE__ */ a.jsx(
+function Oo() {
+  return /* @__PURE__ */ s.jsx(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 24 24",
       fill: "currentColor",
-      children: /* @__PURE__ */ a.jsx("path", { d: "M4 5V19H20V5H4ZM3 3H21C21.5523 3 22 3.44772 22 4V20C22 20.5523 21.5523 21 21 21H3C2.44772 21 2 20.5523 2 20V4C2 3.44772 2.44772 3 3 3ZM7.5 11.25H9.5V9H11V15H9.5V12.75H7.5V15H6V9H7.5V11.25ZM14.5 10.5V13.5H16C16.2761 13.5 16.5 13.2761 16.5 13V11C16.5 10.7239 16.2761 10.5 16 10.5H14.5ZM13 9H16C17.1046 9 18 9.89543 18 11V13C18 14.1046 17.1046 15 16 15H13V9Z" })
+      children: /* @__PURE__ */ s.jsx("path", { d: "M4 5V19H20V5H4ZM3 3H21C21.5523 3 22 3.44772 22 4V20C22 20.5523 21.5523 21 21 21H3C2.44772 21 2 20.5523 2 20V4C2 3.44772 2.44772 3 3 3ZM7.5 11.25H9.5V9H11V15H9.5V12.75H7.5V15H6V9H7.5V11.25ZM14.5 10.5V13.5H16C16.2761 13.5 16.5 13.2761 16.5 13V11C16.5 10.7239 16.2761 10.5 16 10.5H14.5ZM13 9H16C17.1046 9 18 9.89543 18 11V13C18 14.1046 17.1046 15 16 15H13V9Z" })
     }
   );
 }
-const Io = "_dropdownMenuContent_11aiz_1", Do = "_dropdownMenuItem_11aiz_82", Fo = "_scrollAreaRoot_11aiz_124", Mo = "_scrollAreaViewport_11aiz_132", No = "_scrollAreaScrollbar_11aiz_140", Vo = "_scrollAreaThumb_11aiz_167", pe = {
-  dropdownMenuContent: Io,
-  dropdownMenuItem: Do,
-  scrollAreaRoot: Fo,
-  scrollAreaViewport: Mo,
-  scrollAreaScrollbar: No,
-  scrollAreaThumb: Vo
-}, Ao = xe.Root, Oo = xe.Trigger, Ho = 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(
-    xe.Content,
-    he(P({
-      ref: s,
+const Ho = "_dropdownMenuContent_b7j6b_1", $o = "_dropdownMenuItem_b7j6b_83", Uo = "_scrollAreaRoot_b7j6b_125", Bo = "_scrollAreaViewport_b7j6b_133", zo = "_scrollAreaScrollbar_b7j6b_141", qo = "_scrollAreaThumb_b7j6b_168", pe = {
+  dropdownMenuContent: Ho,
+  dropdownMenuItem: $o,
+  scrollAreaRoot: Uo,
+  scrollAreaViewport: Bo,
+  scrollAreaScrollbar: zo,
+  scrollAreaThumb: qo
+}, Wo = Te.Root, Zo = Te.Trigger, Ko = Te.Portal, rn = Ne((l, a) => {
+  var u = l, { sideOffset: e = 4, className: t, children: n } = u, o = ne(u, ["sideOffset", "className", "children"]);
+  return /* @__PURE__ */ s.jsx(
+    Te.Content,
+    he(L({
+      ref: a,
       sideOffset: e,
       className: [pe.dropdownMenuContent, t].filter(Boolean).join(" "),
       onOpenAutoFocus: (i) => {
@@ -2107,20 +2190,20 @@ const Io = "_dropdownMenuContent_11aiz_1", Do = "_dropdownMenuItem_11aiz_82", Fo
         i.preventDefault();
       }
     }, o), {
-      children: /* @__PURE__ */ a.jsxs(
-        Pe.Root,
+      children: /* @__PURE__ */ s.jsxs(
+        Le.Root,
         {
           className: pe.scrollAreaRoot,
           type: "always",
           scrollHideDelay: 0,
           children: [
-            /* @__PURE__ */ a.jsx(Pe.Viewport, { className: pe.scrollAreaViewport, children: n }),
-            /* @__PURE__ */ a.jsx(
-              Pe.Scrollbar,
+            /* @__PURE__ */ s.jsx(Le.Viewport, { className: pe.scrollAreaViewport, children: n }),
+            /* @__PURE__ */ s.jsx(
+              Le.Scrollbar,
               {
                 className: pe.scrollAreaScrollbar,
                 orientation: "vertical",
-                children: /* @__PURE__ */ a.jsx(Pe.Thumb, { className: pe.scrollAreaThumb })
+                children: /* @__PURE__ */ s.jsx(Le.Thumb, { className: pe.scrollAreaThumb })
               }
             )
           ]
@@ -2129,17 +2212,17 @@ const Io = "_dropdownMenuContent_11aiz_1", Do = "_dropdownMenuItem_11aiz_82", Fo
     })
   );
 });
-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));
+rn.displayName = "PlayerMenuContent";
+const on = Ne((a, o) => {
+  var l = a, { className: e, onClick: t } = l, n = ne(l, ["className", "onClick"]);
+  const u = (c) => {
+    t == null || t(c);
+  }, i = (c) => {
+    (c.key === "Enter" || c.key === " ") && (c.preventDefault(), t == null || t(c));
   };
-  return /* @__PURE__ */ a.jsx(xe.Close, { asChild: !0, children: /* @__PURE__ */ a.jsx(
+  return /* @__PURE__ */ s.jsx(Te.Close, { asChild: !0, children: /* @__PURE__ */ s.jsx(
     "div",
-    P({
+    L({
       ref: o,
       className: [pe.dropdownMenuItem, e].filter(Boolean).join(" "),
       role: "menuitem",
@@ -2149,98 +2232,98 @@ const rn = Me((s, o) => {
     }, n)
   ) });
 });
-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);
+on.displayName = "PlayerMenuItem";
+const Ct = "settings";
+function sn() {
+  const [e, t] = X(!1), n = f((c) => c.containerRef), o = f((c) => c.addIdleLock), a = f((c) => c.removeIdleLock), l = f((c) => c.levels), u = f((c) => c.setLevel), i = z(
+    (c) => {
+      t(c), c ? o(Ct) : a(Ct);
     },
-    [o, s]
+    [o, a]
   );
-  return /* @__PURE__ */ a.jsxs(Ao, { open: e, onOpenChange: i, children: [
-    /* @__PURE__ */ a.jsx(Oo, { asChild: !0, children: /* @__PURE__ */ a.jsx(le, { children: /* @__PURE__ */ a.jsx(ko, {}) }) }),
-    /* @__PURE__ */ a.jsx(Ho, { container: n.current, children: /* @__PURE__ */ a.jsx(nn, { side: "top", align: "end", children: c == null ? void 0 : c.map((l) => /* @__PURE__ */ a.jsxs(
-      rn,
+  return /* @__PURE__ */ s.jsxs(Wo, { open: e, onOpenChange: i, children: [
+    /* @__PURE__ */ s.jsx(Zo, { asChild: !0, children: /* @__PURE__ */ s.jsx(le, { children: /* @__PURE__ */ s.jsx(Oo, {}) }) }),
+    /* @__PURE__ */ s.jsx(Ko, { container: n.current, children: /* @__PURE__ */ s.jsx(rn, { side: "top", align: "end", children: l == null ? void 0 : l.map((c) => /* @__PURE__ */ s.jsxs(
+      on,
       {
-        onClick: () => u(l.value),
+        onClick: () => u(c.value),
         children: [
-          l.label,
-          l.selected && /* @__PURE__ */ a.jsx(jo, {})
+          c.label,
+          c.selected && /* @__PURE__ */ s.jsx(Ao, {})
         ]
       },
-      l.sid
+      c.sid
     )) }) })
   ] });
 }
-function $o() {
-  return /* @__PURE__ */ a.jsx(
+function Yo() {
+  return /* @__PURE__ */ s.jsx(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 24 24",
       fill: "currentColor",
-      children: /* @__PURE__ */ a.jsx("path", { d: "M6.60282 10.0001L10 7.22056V16.7796L6.60282 14.0001H3V10.0001H6.60282ZM2 16.0001H5.88889L11.1834 20.3319C11.2727 20.405 11.3846 20.4449 11.5 20.4449C11.7761 20.4449 12 20.2211 12 19.9449V4.05519C12 3.93977 11.9601 3.8279 11.887 3.73857C11.7121 3.52485 11.3971 3.49335 11.1834 3.66821L5.88889 8.00007H2C1.44772 8.00007 1 8.44778 1 9.00007V15.0001C1 15.5524 1.44772 16.0001 2 16.0001ZM23 12C23 15.292 21.5539 18.2463 19.2622 20.2622L17.8445 18.8444C19.7758 17.1937 21 14.7398 21 12C21 9.26016 19.7758 6.80629 17.8445 5.15557L19.2622 3.73779C21.5539 5.75368 23 8.70795 23 12ZM18 12C18 10.0883 17.106 8.38548 15.7133 7.28673L14.2842 8.71584C15.3213 9.43855 16 10.64 16 12C16 13.36 15.3213 14.5614 14.2842 15.2841L15.7133 16.7132C17.106 15.6145 18 13.9116 18 12Z" })
+      children: /* @__PURE__ */ s.jsx("path", { d: "M6.60282 10.0001L10 7.22056V16.7796L6.60282 14.0001H3V10.0001H6.60282ZM2 16.0001H5.88889L11.1834 20.3319C11.2727 20.405 11.3846 20.4449 11.5 20.4449C11.7761 20.4449 12 20.2211 12 19.9449V4.05519C12 3.93977 11.9601 3.8279 11.887 3.73857C11.7121 3.52485 11.3971 3.49335 11.1834 3.66821L5.88889 8.00007H2C1.44772 8.00007 1 8.44778 1 9.00007V15.0001C1 15.5524 1.44772 16.0001 2 16.0001ZM23 12C23 15.292 21.5539 18.2463 19.2622 20.2622L17.8445 18.8444C19.7758 17.1937 21 14.7398 21 12C21 9.26016 19.7758 6.80629 17.8445 5.15557L19.2622 3.73779C21.5539 5.75368 23 8.70795 23 12ZM18 12C18 10.0883 17.106 8.38548 15.7133 7.28673L14.2842 8.71584C15.3213 9.43855 16 10.64 16 12C16 13.36 15.3213 14.5614 14.2842 15.2841L15.7133 16.7132C17.106 15.6145 18 13.9116 18 12Z" })
     }
   );
 }
-function Bo() {
-  return /* @__PURE__ */ a.jsx(
+function Xo() {
+  return /* @__PURE__ */ s.jsx(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 24 24",
       fill: "currentColor",
-      children: /* @__PURE__ */ a.jsx("path", { d: "M13 7.22056L9.60282 10.0001H6V14.0001H9.60282L13 16.7796V7.22056ZM8.88889 16.0001H5C4.44772 16.0001 4 15.5524 4 15.0001V9.00007C4 8.44778 4.44772 8.00007 5 8.00007H8.88889L14.1834 3.66821C14.3971 3.49335 14.7121 3.52485 14.887 3.73857C14.9601 3.8279 15 3.93977 15 4.05519V19.9449C15 20.2211 14.7761 20.4449 14.5 20.4449C14.3846 20.4449 14.2727 20.405 14.1834 20.3319L8.88889 16.0001ZM18.8631 16.5911L17.4411 15.1691C18.3892 14.4376 19 13.2902 19 12.0001C19 10.5697 18.2493 9.31476 17.1203 8.60766L18.5589 7.16906C20.0396 8.26166 21 10.0187 21 12.0001C21 13.8422 20.1698 15.4905 18.8631 16.5911Z" })
+      children: /* @__PURE__ */ s.jsx("path", { d: "M13 7.22056L9.60282 10.0001H6V14.0001H9.60282L13 16.7796V7.22056ZM8.88889 16.0001H5C4.44772 16.0001 4 15.5524 4 15.0001V9.00007C4 8.44778 4.44772 8.00007 5 8.00007H8.88889L14.1834 3.66821C14.3971 3.49335 14.7121 3.52485 14.887 3.73857C14.9601 3.8279 15 3.93977 15 4.05519V19.9449C15 20.2211 14.7761 20.4449 14.5 20.4449C14.3846 20.4449 14.2727 20.405 14.1834 20.3319L8.88889 16.0001ZM18.8631 16.5911L17.4411 15.1691C18.3892 14.4376 19 13.2902 19 12.0001C19 10.5697 18.2493 9.31476 17.1203 8.60766L18.5589 7.16906C20.0396 8.26166 21 10.0187 21 12.0001C21 13.8422 20.1698 15.4905 18.8631 16.5911Z" })
     }
   );
 }
-function Uo() {
-  return /* @__PURE__ */ a.jsx(
+function Go() {
+  return /* @__PURE__ */ s.jsx(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 24 24",
       fill: "currentColor",
-      children: /* @__PURE__ */ a.jsx("path", { d: "M10 7.22056L6.60282 10.0001H3V14.0001H6.60282L10 16.7796V7.22056ZM5.88889 16.0001H2C1.44772 16.0001 1 15.5524 1 15.0001V9.00007C1 8.44778 1.44772 8.00007 2 8.00007H5.88889L11.1834 3.66821C11.3971 3.49335 11.7121 3.52485 11.887 3.73857C11.9601 3.8279 12 3.93977 12 4.05519V19.9449C12 20.2211 11.7761 20.4449 11.5 20.4449C11.3846 20.4449 11.2727 20.405 11.1834 20.3319L5.88889 16.0001ZM20.4142 12.0001L23.9497 15.5356L22.5355 16.9498L19 13.4143L15.4645 16.9498L14.0503 15.5356L17.5858 12.0001L14.0503 8.46454L15.4645 7.05032L19 10.5859L22.5355 7.05032L23.9497 8.46454L20.4142 12.0001Z" })
+      children: /* @__PURE__ */ s.jsx("path", { d: "M10 7.22056L6.60282 10.0001H3V14.0001H6.60282L10 16.7796V7.22056ZM5.88889 16.0001H2C1.44772 16.0001 1 15.5524 1 15.0001V9.00007C1 8.44778 1.44772 8.00007 2 8.00007H5.88889L11.1834 3.66821C11.3971 3.49335 11.7121 3.52485 11.887 3.73857C11.9601 3.8279 12 3.93977 12 4.05519V19.9449C12 20.2211 11.7761 20.4449 11.5 20.4449C11.3846 20.4449 11.2727 20.405 11.1834 20.3319L5.88889 16.0001ZM20.4142 12.0001L23.9497 15.5356L22.5355 16.9498L19 13.4143L15.4645 16.9498L14.0503 15.5356L17.5858 12.0001L14.0503 8.46454L15.4645 7.05032L19 10.5859L22.5355 7.05032L23.9497 8.46454L20.4142 12.0001Z" })
     }
   );
 }
-const zo = "_volumeContainer_4d6jg_1", qo = "_volumeSlider_4d6jg_8", Et = {
-  volumeContainer: zo,
-  volumeSlider: qo
-}, Ct = "volume";
-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(Ct);
-  }, c = () => {
-    o(Ct);
+const Jo = "_volumeContainer_4d6jg_1", Qo = "_volumeSlider_4d6jg_8", Et = {
+  volumeContainer: Jo,
+  volumeSlider: Qo
+}, Rt = "volume";
+function an() {
+  const e = f((i) => i.setVolume), t = f((i) => i.volume), n = f((i) => i.addIdleLock), o = f((i) => i.removeIdleLock), a = (i) => {
+    e(i[0]), n(Rt);
+  }, l = () => {
+    o(Rt);
   }, u = () => e(t ? 0 : 100);
-  return /* @__PURE__ */ a.jsxs("div", { className: Et.volumeContainer, children: [
-    /* @__PURE__ */ a.jsx(le, { onClick: u, className: "shrink-0", children: t ? t > 50 ? /* @__PURE__ */ a.jsx($o, {}) : /* @__PURE__ */ a.jsx(Bo, {}) : /* @__PURE__ */ a.jsx(Uo, {}) }),
-    /* @__PURE__ */ a.jsx("div", { className: Et.volumeSlider, children: /* @__PURE__ */ a.jsx(
-      Ne,
+  return /* @__PURE__ */ s.jsxs("div", { className: Et.volumeContainer, children: [
+    /* @__PURE__ */ s.jsx(le, { onClick: u, className: "shrink-0", children: t ? t > 50 ? /* @__PURE__ */ s.jsx(Yo, {}) : /* @__PURE__ */ s.jsx(Xo, {}) : /* @__PURE__ */ s.jsx(Go, {}) }),
+    /* @__PURE__ */ s.jsx("div", { className: Et.volumeSlider, children: /* @__PURE__ */ s.jsx(
+      Ae,
       {
         value: [t],
-        onValueChange: s,
-        onValueCommit: c
+        onValueChange: a,
+        onValueCommit: l
       }
     ) })
   ] });
 }
-function li(e) {
-  return /* @__PURE__ */ a.jsx(jr, { children: /* @__PURE__ */ a.jsx(Wo, P({}, e)) });
+function vi(e) {
+  return /* @__PURE__ */ s.jsx(kr, { children: /* @__PURE__ */ s.jsx(ei, L({}, e)) });
 }
-function Wo({ url: e, messages: t, onEvent: n }) {
-  const o = f((s) => s.containerRef);
-  return /* @__PURE__ */ a.jsxs(
+function ei({ url: e, messages: t, onEvent: n }) {
+  const o = f((a) => a.containerRef);
+  return /* @__PURE__ */ s.jsxs(
     "div",
     {
       ref: o,
-      className: K.playerContainer,
+      className: B.playerContainer,
       children: [
-        /* @__PURE__ */ a.jsxs(
-          xr,
+        /* @__PURE__ */ s.jsxs(
+          Cr,
           {
             url: e,
             messages: {
@@ -2248,8 +2331,8 @@ function Wo({ url: e, messages: t, onEvent: n }) {
               eventStartingSoon: t == null ? void 0 : t.eventStartingSoon
             },
             children: [
-              /* @__PURE__ */ a.jsx(
-                Fr,
+              /* @__PURE__ */ s.jsx(
+                Mr,
                 {
                   url: e,
                   messages: {
@@ -2257,32 +2340,33 @@ function Wo({ url: e, messages: t, onEvent: n }) {
                   }
                 }
               ),
-              /* @__PURE__ */ a.jsx(Jt, {}),
-              /* @__PURE__ */ a.jsx(tn, {}),
-              /* @__PURE__ */ a.jsxs(en, { children: [
-                /* @__PURE__ */ a.jsx(zr, {}),
-                /* @__PURE__ */ a.jsx("div", { className: K.controlsBottom, children: /* @__PURE__ */ a.jsxs("div", { className: K.controlsContainer, children: [
-                  /* @__PURE__ */ a.jsx(ao, {}),
-                  /* @__PURE__ */ a.jsxs("div", { className: K.controlsRow, children: [
-                    /* @__PURE__ */ a.jsxs(
+              /* @__PURE__ */ s.jsx(Qt, {}),
+              /* @__PURE__ */ s.jsx(nn, {}),
+              /* @__PURE__ */ s.jsxs(tn, { children: [
+                /* @__PURE__ */ s.jsx(Wr, {}),
+                /* @__PURE__ */ s.jsx("div", { className: B.controlsTop, children: /* @__PURE__ */ s.jsx("div", { className: B.controlsContainer, children: /* @__PURE__ */ s.jsx("div", { className: B.controlsRow, children: /* @__PURE__ */ s.jsx(yo, {}) }) }) }),
+                /* @__PURE__ */ s.jsx("div", { className: B.controlsBottom, children: /* @__PURE__ */ s.jsxs("div", { className: B.controlsContainer, children: [
+                  /* @__PURE__ */ s.jsx(co, {}),
+                  /* @__PURE__ */ s.jsxs("div", { className: B.controlsRow, children: [
+                    /* @__PURE__ */ s.jsxs(
                       "div",
                       {
-                        className: `${K.controlsSection} ${K.controlsSectionStart}`,
+                        className: `${B.controlsSection} ${B.controlsSectionStart}`,
                         children: [
-                          /* @__PURE__ */ a.jsx(Gr, {}),
-                          /* @__PURE__ */ a.jsx(co, {}),
-                          /* @__PURE__ */ a.jsx(sn, {})
+                          /* @__PURE__ */ s.jsx(Qr, {}),
+                          /* @__PURE__ */ s.jsx(fo, {}),
+                          /* @__PURE__ */ s.jsx(an, {})
                         ]
                       }
                     ),
-                    /* @__PURE__ */ a.jsxs(
+                    /* @__PURE__ */ s.jsxs(
                       "div",
                       {
-                        className: `${K.controlsSection} ${K.controlsSectionEnd}`,
+                        className: `${B.controlsSection} ${B.controlsSectionEnd}`,
                         children: [
-                          /* @__PURE__ */ a.jsx(Xr, { message: t == null ? void 0 : t.live }),
-                          /* @__PURE__ */ a.jsx(on, {}),
-                          /* @__PURE__ */ a.jsx(Qt, {})
+                          /* @__PURE__ */ s.jsx(Jr, { message: t == null ? void 0 : t.live }),
+                          /* @__PURE__ */ s.jsx(sn, {}),
+                          /* @__PURE__ */ s.jsx(en, {})
                         ]
                       }
                     )
@@ -2292,184 +2376,185 @@ function Wo({ url: e, messages: t, onEvent: n }) {
             ]
           }
         ),
-        /* @__PURE__ */ a.jsx(Pr, {}),
-        n && /* @__PURE__ */ a.jsx(Lr, { callback: n })
+        /* @__PURE__ */ s.jsx(Pr, {}),
+        /* @__PURE__ */ s.jsx(Nr, { url: e }),
+        n && /* @__PURE__ */ s.jsx(Lr, { callback: n })
       ]
     }
   );
 }
-function Zo() {
-  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,
+function ti() {
+  const e = f((u) => u.isPlaying), t = f((u) => u.pause), n = f((u) => u.play), o = f((u) => u.currentTime), a = f((u) => u.duration), l = f((u) => u.seek);
+  return /* @__PURE__ */ s.jsx(
+    Xt,
     {
       onClick: () => {
         e ? t() : n();
       },
       onBackwardSeek: (u) => {
         const i = Math.max(0, o - u);
-        c(i);
+        l(i);
       },
       onForwardSeek: (u) => {
-        const i = Math.min(o + u, s);
-        c(i);
+        const i = Math.min(o + u, a);
+        l(i);
       },
       maxBackwardTime: Math.floor(o),
-      maxForwardTime: Math.floor(s - o)
+      maxForwardTime: Math.floor(a - o)
     }
   );
 }
-function Ko() {
-  const e = f((s) => s.isPlaying), t = f((s) => s.pause), n = f((s) => s.play), o = () => {
+function ni() {
+  const e = f((a) => a.isPlaying), t = f((a) => a.pause), n = f((a) => a.play), o = () => {
     e ? t() : n();
   };
-  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 = 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)
-  ), j = (k) => {
-    i(d * (k[0] / 100)), y(Rt);
-  }, S = () => {
-    u !== -1 && (g(u), i(-1), v(Rt));
-  }, L = () => o(!0), M = () => o(!1), R = U(
+  return /* @__PURE__ */ s.jsx(le, { onClick: o, children: e ? /* @__PURE__ */ s.jsx(Gt, {}) : /* @__PURE__ */ s.jsx(Jt, {}) });
+}
+const bt = "vod-player-progress-bar";
+function ri() {
+  const e = V(null), t = V(null), [n, o] = X(!1), [a, l] = X(-1), [u, i] = X(-1), c = f((k) => k.currentTime), d = f((k) => k.duration), g = f((k) => k.seek), y = f((k) => k.addIdleLock), v = f((k) => k.removeIdleLock), x = parseFloat(
+    (d ? (u !== -1 ? u : c) / d * 100 : 0).toFixed(1)
+  ), P = (k) => {
+    i(d * (k[0] / 100)), y(bt);
+  }, b = () => {
+    u !== -1 && (g(u), i(-1), v(bt));
+  }, E = () => o(!0), N = () => o(!1), S = z(
     (k) => {
-      const T = e.current, I = t.current;
-      if (T && I) {
-        const p = Fe(T), B = Fe(I), G = (k.pageX || k.clientX) - p.left, W = G / p.width;
-        if (W < 0) return;
-        let V = G - 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(W * d);
+      const _ = e.current, I = t.current;
+      if (_ && I) {
+        const p = Me(_), $ = Me(I), G = (k.pageX || k.clientX) - p.left, Z = G / p.width;
+        if (Z < 0) return;
+        let O = G - $.width / 2;
+        O < 0 && (O = 0), O > p.width - $.width && (O = -1), I.style.left = O > -1 ? `${O}px` : "auto", I.style.right = O > -1 ? "auto" : "0px", l(Z * d);
       }
-      L();
+      E();
     },
     [d]
   );
-  return /* @__PURE__ */ a.jsxs("div", { className: se.progressSlider, children: [
-    /* @__PURE__ */ a.jsx(
-      Ne,
+  return /* @__PURE__ */ s.jsxs("div", { className: se.progressSlider, children: [
+    /* @__PURE__ */ s.jsx(
+      Ae,
       {
         ref: e,
-        value: [_],
-        onPointerLeave: M,
-        onPointerDown: M,
-        onPointerMove: R,
-        onValueChange: j,
-        onValueCommit: S,
+        value: [x],
+        onPointerLeave: N,
+        onPointerDown: N,
+        onPointerMove: S,
+        onValueChange: P,
+        onValueCommit: b,
         step: 0.1
       }
     ),
-    /* @__PURE__ */ a.jsx(
+    /* @__PURE__ */ s.jsx(
       "div",
       {
         ref: t,
         className: `${se.tipContainer} ${n ? se.tipContainerVisible : se.tipContainerHidden}`,
-        children: /* @__PURE__ */ a.jsx("p", { className: se.tipContent, children: _e(s) })
+        children: /* @__PURE__ */ s.jsx("p", { className: se.tipContent, children: xe(a) })
       }
     )
   ] });
 }
-const Xo = "_remainingTimeContainer_1yyhb_1", Go = "_remainingTime_1yyhb_1", Jo = "_remainingSeparator_1yyhb_17", De = {
-  remainingTimeContainer: Xo,
-  remainingTime: Go,
-  remainingSeparator: Jo
+const oi = "_remainingTimeContainer_1yyhb_1", ii = "_remainingTime_1yyhb_1", si = "_remainingSeparator_1yyhb_17", Fe = {
+  remainingTimeContainer: oi,
+  remainingTime: ii,
+  remainingSeparator: si
 };
-function Qo() {
+function ai() {
   const e = f((n) => n.currentTime), t = f((n) => n.duration);
-  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) })
+  return /* @__PURE__ */ s.jsxs("div", { className: Fe.remainingTimeContainer, children: [
+    /* @__PURE__ */ s.jsx("p", { className: Fe.remainingTime, children: xe(e) }),
+    /* @__PURE__ */ s.jsx("p", { className: Fe.remainingSeparator }),
+    /* @__PURE__ */ s.jsx("p", { className: Fe.remainingTime, children: xe(t) })
   ] });
 }
-function ei({ callback: e }) {
+function li({ callback: e }) {
   const t = f((n) => n.eventEmitter);
-  return N(() => {
+  return F(() => {
     const n = (o) => e("timeUpdate", o);
     return t.on("timeUpdate", n), () => {
       t.off("timeUpdate", n);
     };
-  }, [e, t]), /* @__PURE__ */ a.jsx(Ut, { callback: e });
+  }, [e, t]), /* @__PURE__ */ s.jsx(zt, { callback: e });
 }
-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), c = f((i) => i.seek), u = U(
+function ci() {
+  const e = f((i) => i.currentTime), t = f((i) => i.duration), n = f((i) => i.isPlaying), o = f((i) => i.pause), a = f((i) => i.play), l = f((i) => i.seek), u = z(
     (i) => {
-      let l = !1;
+      let c = !1;
       if (!(i.target instanceof HTMLInputElement || i.ctrlKey)) {
         switch (i.code) {
           case "ArrowLeft":
-            c(e - 10 >= 0 ? e - 10 : 0), l = !0;
+            l(e - 10 >= 0 ? e - 10 : 0), c = !0;
             break;
           case "ArrowRight":
-            c(e + 10 < t ? e + 10 : t), l = !0;
+            l(e + 10 < t ? e + 10 : t), c = !0;
             break;
           case "Space":
-            n ? o() : s(), l = !0;
+            n ? o() : a(), c = !0;
             break;
         }
-        l && i.preventDefault();
+        c && i.preventDefault();
       }
     },
-    [e, t, n, o, s, c]
+    [e, t, n, o, a, l]
   );
-  return N(() => (document.addEventListener("keydown", u), () => {
+  return F(() => (document.addEventListener("keydown", u), () => {
     document.removeEventListener("keydown", u);
-  }), [u]), /* @__PURE__ */ a.jsx(Wt, {});
+  }), [u]), /* @__PURE__ */ s.jsx(Zt, {});
 }
-function ci(e) {
-  return /* @__PURE__ */ a.jsx(Zt, { children: /* @__PURE__ */ a.jsx(ni, P({}, e)) });
+function yi(e) {
+  return /* @__PURE__ */ s.jsx(Kt, { children: /* @__PURE__ */ s.jsx(ui, L({}, e)) });
 }
-function ni({ url: e, messages: t, onEvent: n, startTime: o }) {
-  const s = f((u) => u.setStartTime), c = f((u) => u.containerRef);
-  return N(() => {
-    o && s(o);
-  }, [o, s]), /* @__PURE__ */ a.jsxs(
+function ui({ url: e, messages: t, onEvent: n, startTime: o }) {
+  const a = f((u) => u.setStartTime), l = f((u) => u.containerRef);
+  return F(() => {
+    o && a(o);
+  }, [o, a]), /* @__PURE__ */ s.jsxs(
     "div",
     {
-      ref: c,
-      className: K.playerContainer,
+      ref: l,
+      className: B.playerContainer,
       children: [
-        /* @__PURE__ */ a.jsx(Kt, { url: e, isLive: !1, messages: t }),
-        /* @__PURE__ */ a.jsx(Jt, {}),
-        /* @__PURE__ */ a.jsx(tn, {}),
-        /* @__PURE__ */ a.jsxs(en, { children: [
-          /* @__PURE__ */ a.jsx(Zo, {}),
-          /* @__PURE__ */ a.jsx("div", { className: K.controlsBottom, children: /* @__PURE__ */ a.jsxs("div", { className: K.controlsContainer, children: [
-            /* @__PURE__ */ a.jsx(Yo, {}),
-            /* @__PURE__ */ a.jsxs("div", { className: K.controlsRow, children: [
-              /* @__PURE__ */ a.jsxs(
+        /* @__PURE__ */ s.jsx(Yt, { url: e, isLive: !1, messages: t }),
+        /* @__PURE__ */ s.jsx(Qt, {}),
+        /* @__PURE__ */ s.jsx(nn, {}),
+        /* @__PURE__ */ s.jsxs(tn, { children: [
+          /* @__PURE__ */ s.jsx(ti, {}),
+          /* @__PURE__ */ s.jsx("div", { className: B.controlsBottom, children: /* @__PURE__ */ s.jsxs("div", { className: B.controlsContainer, children: [
+            /* @__PURE__ */ s.jsx(ri, {}),
+            /* @__PURE__ */ s.jsxs("div", { className: B.controlsRow, children: [
+              /* @__PURE__ */ s.jsxs(
                 "div",
                 {
-                  className: `${K.controlsSection} ${K.controlsSectionStart}`,
+                  className: `${B.controlsSection} ${B.controlsSectionStart}`,
                   children: [
-                    /* @__PURE__ */ a.jsx(Ko, {}),
-                    /* @__PURE__ */ a.jsx(sn, {}),
-                    /* @__PURE__ */ a.jsx(Qo, {})
+                    /* @__PURE__ */ s.jsx(ni, {}),
+                    /* @__PURE__ */ s.jsx(an, {}),
+                    /* @__PURE__ */ s.jsx(ai, {})
                   ]
                 }
               ),
-              /* @__PURE__ */ a.jsxs(
+              /* @__PURE__ */ s.jsxs(
                 "div",
                 {
-                  className: `${K.controlsSection} ${K.controlsSectionEnd}`,
+                  className: `${B.controlsSection} ${B.controlsSectionEnd}`,
                   children: [
-                    /* @__PURE__ */ a.jsx(on, {}),
-                    /* @__PURE__ */ a.jsx(Qt, {})
+                    /* @__PURE__ */ s.jsx(sn, {}),
+                    /* @__PURE__ */ s.jsx(en, {})
                   ]
                 }
               )
             ] })
           ] }) })
         ] }),
-        /* @__PURE__ */ a.jsx(ti, {}),
-        n && /* @__PURE__ */ a.jsx(ei, { callback: n })
+        /* @__PURE__ */ s.jsx(ci, {}),
+        n && /* @__PURE__ */ s.jsx(li, { callback: n })
       ]
     }
   );
 }
 export {
-  li as LivePlayer,
-  ci as VodPlayer
+  vi as LivePlayer,
+  yi as VodPlayer
 };
 //# sourceMappingURL=react-video-player.es.js.map