@halibegic/react-video-player 0.0.50 → 0.0.52

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

@@ -1,32 +1,32 @@
-var Nn = Object.defineProperty, Vn = Object.defineProperties;
-var An = Object.getOwnPropertyDescriptors;
-var Se = Object.getOwnPropertySymbols;
-var vt = Object.prototype.hasOwnProperty, yt = Object.prototype.propertyIsEnumerable;
-var pt = (e, t, n) => t in e ? Nn(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, P = (e, t) => {
+var $n = Object.defineProperty, Un = Object.defineProperties;
+var Bn = Object.getOwnPropertyDescriptors;
+var Pe = Object.getOwnPropertySymbols;
+var wt = Object.prototype.hasOwnProperty, _t = Object.prototype.propertyIsEnumerable;
+var gt = (e, t, n) => t in e ? $n(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, M = (e, t) => {
   for (var n in t || (t = {}))
-    vt.call(t, n) && pt(e, n, t[n]);
-  if (Se)
-    for (var n of Se(t))
-      yt.call(t, n) && pt(e, n, t[n]);
+    wt.call(t, n) && gt(e, n, t[n]);
+  if (Pe)
+    for (var n of Pe(t))
+      _t.call(t, n) && gt(e, n, t[n]);
   return e;
-}, he = (e, t) => Vn(e, An(t));
-var ne = (e, t) => {
+}, he = (e, t) => Un(e, Bn(t));
+var re = (e, t) => {
   var n = {};
-  for (var o in e)
-    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]);
+  for (var r in e)
+    wt.call(e, r) && t.indexOf(r) < 0 && (n[r] = e[r]);
+  if (e != null && Pe)
+    for (var r of Pe(e))
+      t.indexOf(r) < 0 && _t.call(e, r) && (n[r] = e[r]);
   return n;
 };
-import St, { useLayoutEffect as On, useEffect as D, useRef as V, useState as X, createContext as jt, useContext as Pt, useCallback as z, forwardRef as Ne } from "react";
-import { create as Lt, useStore as It } from "zustand";
-import Hn from "mitt";
-import re from "hls.js";
-import * as je from "@radix-ui/react-slider";
+import jt, { useLayoutEffect as Wn, useEffect as N, useRef as F, createContext as It, useContext as kt, useState as G, useCallback as O, forwardRef as Ve } from "react";
+import { useStore as Dt, create as Mt } from "zustand";
+import zn from "mitt";
+import ee 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-scroll-area";
+function Nt(e) {
   var t = this.constructor;
   return this.then(
     function(n) {
@@ -41,221 +41,221 @@ function kt(e) {
     }
   );
 }
-function Dt(e) {
+function Ft(e) {
   var t = this;
-  return new t(function(n, o) {
+  return new t(function(n, r) {
     if (!(e && typeof e.length != "undefined"))
-      return o(
+      return r(
         new TypeError(
           typeof e + " " + e + " is not iterable(cannot read property Symbol(Symbol.iterator))"
         )
       );
-    var a = Array.prototype.slice.call(e);
-    if (a.length === 0) return n([]);
-    var c = a.length;
-    function u(l, d) {
+    var s = Array.prototype.slice.call(e);
+    if (s.length === 0) return n([]);
+    var l = s.length;
+    function u(c, d) {
       if (d && (typeof d == "object" || typeof d == "function")) {
-        var v = d.then;
-        if (typeof v == "function") {
-          v.call(
+        var g = d.then;
+        if (typeof g == "function") {
+          g.call(
             d,
-            function(y) {
-              u(l, y);
+            function(T) {
+              u(c, T);
             },
-            function(y) {
-              a[l] = { status: "rejected", reason: y }, --c === 0 && n(a);
+            function(T) {
+              s[c] = { status: "rejected", reason: T }, --l === 0 && n(s);
             }
           );
           return;
         }
       }
-      a[l] = { status: "fulfilled", value: d }, --c === 0 && n(a);
+      s[c] = { status: "fulfilled", value: d }, --l === 0 && n(s);
     }
-    for (var i = 0; i < a.length; i++)
-      u(i, a[i]);
+    for (var i = 0; i < s.length; i++)
+      u(i, s[i]);
   });
 }
-function Mt(e, t) {
+function Vt(e, t) {
   this.name = "AggregateError", this.errors = e, this.message = t || "";
 }
-Mt.prototype = Error.prototype;
-function Ft(e) {
+Vt.prototype = Error.prototype;
+function At(e) {
   var t = this;
-  return new t(function(n, o) {
+  return new t(function(n, r) {
     if (!(e && typeof e.length != "undefined"))
-      return o(new TypeError("Promise.any accepts an array"));
-    var a = Array.prototype.slice.call(e);
-    if (a.length === 0) return o();
-    for (var c = [], u = 0; u < a.length; u++)
+      return r(new TypeError("Promise.any accepts an array"));
+    var s = Array.prototype.slice.call(e);
+    if (s.length === 0) return r();
+    for (var l = [], u = 0; u < s.length; u++)
       try {
-        t.resolve(a[u]).then(n).catch(function(i) {
-          c.push(i), c.length === a.length && o(
-            new Mt(
-              c,
+        t.resolve(s[u]).then(n).catch(function(i) {
+          l.push(i), l.length === s.length && r(
+            new Vt(
+              l,
               "All promises were rejected"
             )
           );
         });
       } catch (i) {
-        o(i);
+        r(i);
       }
   });
 }
-var $n = setTimeout;
-function Nt(e) {
+var qn = setTimeout;
+function Ot(e) {
   return !!(e && typeof e.length != "undefined");
 }
-function Un() {
+function Yn() {
 }
-function Bn(e, t) {
+function Zn(e, t) {
   return function() {
     e.apply(t, arguments);
   };
 }
-function F(e) {
-  if (!(this instanceof F))
+function H(e) {
+  if (!(this instanceof H))
     throw new TypeError("Promises must be constructed via new");
   if (typeof e != "function") throw new TypeError("not a function");
-  this._state = 0, this._handled = !1, this._value = void 0, this._deferreds = [], At(e, this);
+  this._state = 0, this._handled = !1, this._value = void 0, this._deferreds = [], $t(e, this);
 }
-function Vt(e, t) {
+function Ht(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, H._immediateFn(function() {
     var n = e._state === 1 ? t.onFulfilled : t.onRejected;
     if (n === null) {
-      (e._state === 1 ? Ke : Te)(t.promise, e._value);
+      (e._state === 1 ? Ge : _e)(t.promise, e._value);
       return;
     }
-    var o;
+    var r;
     try {
-      o = n(e._value);
-    } catch (a) {
-      Te(t.promise, a);
+      r = n(e._value);
+    } catch (s) {
+      _e(t.promise, s);
       return;
     }
-    Ke(t.promise, o);
+    Ge(t.promise, r);
   });
 }
-function Ke(e, t) {
+function Ge(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, Ye(e);
+      if (t instanceof H) {
+        e._state = 3, e._value = t, Xe(e);
         return;
       } else if (typeof n == "function") {
-        At(Bn(n, t), e);
+        $t(Zn(n, t), e);
         return;
       }
     }
-    e._state = 1, e._value = t, Ye(e);
-  } catch (o) {
-    Te(e, o);
+    e._state = 1, e._value = t, Xe(e);
+  } catch (r) {
+    _e(e, r);
   }
 }
-function Te(e, t) {
-  e._state = 2, e._value = t, Ye(e);
+function _e(e, t) {
+  e._state = 2, e._value = t, Xe(e);
 }
-function Ye(e) {
-  e._state === 2 && e._deferreds.length === 0 && F._immediateFn(function() {
-    e._handled || F._unhandledRejectionFn(e._value);
+function Xe(e) {
+  e._state === 2 && e._deferreds.length === 0 && H._immediateFn(function() {
+    e._handled || H._unhandledRejectionFn(e._value);
   });
   for (var t = 0, n = e._deferreds.length; t < n; t++)
-    Vt(e, e._deferreds[t]);
+    Ht(e, e._deferreds[t]);
   e._deferreds = null;
 }
-function zn(e, t, n) {
+function Kn(e, t, n) {
   this.onFulfilled = typeof e == "function" ? e : null, this.onRejected = typeof t == "function" ? t : null, this.promise = n;
 }
-function At(e, t) {
+function $t(e, t) {
   var n = !1;
   try {
     e(
-      function(o) {
-        n || (n = !0, Ke(t, o));
+      function(r) {
+        n || (n = !0, Ge(t, r));
       },
-      function(o) {
-        n || (n = !0, Te(t, o));
+      function(r) {
+        n || (n = !0, _e(t, r));
       }
     );
-  } catch (o) {
+  } catch (r) {
     if (n) return;
-    n = !0, Te(t, o);
+    n = !0, _e(t, r);
   }
 }
-F.prototype.catch = function(e) {
+H.prototype.catch = function(e) {
   return this.then(null, e);
 };
-F.prototype.then = function(e, t) {
-  var n = new this.constructor(Un);
-  return Vt(this, new zn(e, t, n)), n;
+H.prototype.then = function(e, t) {
+  var n = new this.constructor(Yn);
+  return Ht(this, new Kn(e, t, n)), n;
 };
-F.prototype.finally = kt;
-F.all = function(e) {
-  return new F(function(t, n) {
-    if (!Nt(e))
+H.prototype.finally = Nt;
+H.all = function(e) {
+  return new H(function(t, n) {
+    if (!Ot(e))
       return n(new TypeError("Promise.all accepts an array"));
-    var o = Array.prototype.slice.call(e);
-    if (o.length === 0) return t([]);
-    var a = o.length;
-    function c(i, l) {
+    var r = Array.prototype.slice.call(e);
+    if (r.length === 0) return t([]);
+    var s = r.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,
-              function(v) {
-                c(i, v);
+              c,
+              function(g) {
+                l(i, g);
               },
               n
             );
             return;
           }
         }
-        o[i] = l, --a === 0 && t(o);
-      } catch (v) {
-        n(v);
+        r[i] = c, --s === 0 && t(r);
+      } catch (g) {
+        n(g);
       }
     }
-    for (var u = 0; u < o.length; u++)
-      c(u, o[u]);
+    for (var u = 0; u < r.length; u++)
+      l(u, r[u]);
   });
 };
-F.any = Ft;
-F.allSettled = Dt;
-F.resolve = function(e) {
-  return e && typeof e == "object" && e.constructor === F ? e : new F(function(t) {
+H.any = At;
+H.allSettled = Ft;
+H.resolve = function(e) {
+  return e && typeof e == "object" && e.constructor === H ? e : new H(function(t) {
     t(e);
   });
 };
-F.reject = function(e) {
-  return new F(function(t, n) {
+H.reject = function(e) {
+  return new H(function(t, n) {
     n(e);
   });
 };
-F.race = function(e) {
-  return new F(function(t, n) {
-    if (!Nt(e))
+H.race = function(e) {
+  return new H(function(t, n) {
+    if (!Ot(e))
       return n(new TypeError("Promise.race accepts an array"));
-    for (var o = 0, a = e.length; o < a; o++)
-      F.resolve(e[o]).then(t, n);
+    for (var r = 0, s = e.length; r < s; r++)
+      H.resolve(e[r]).then(t, n);
   });
 };
-F._immediateFn = // @ts-ignore
+H._immediateFn = // @ts-ignore
 typeof setImmediate == "function" && function(e) {
   setImmediate(e);
 } || function(e) {
-  $n(e, 0);
+  qn(e, 0);
 };
-F._unhandledRejectionFn = function(t) {
+H._unhandledRejectionFn = function(t) {
   typeof console != "undefined" && console && console.warn("Possible Unhandled Promise Rejection:", t);
 };
 var ae = (function() {
@@ -267,482 +267,482 @@ 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 = Dt), ae.Promise.any || (ae.Promise.any = Ft));
-var Le = { exports: {} }, ge = {};
-var gt;
-function Wn() {
-  if (gt) return ge;
-  gt = 1;
-  var e = St, t = Symbol.for("react.element"), n = Symbol.for("react.fragment"), o = Object.prototype.hasOwnProperty, a = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, c = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function u(i, l, d) {
-    var v, y = {}, g = null, L = null;
-    d !== void 0 && (g = "" + d), l.key !== void 0 && (g = "" + l.key), l.ref !== void 0 && (L = l.ref);
-    for (v in l) o.call(l, v) && !c.hasOwnProperty(v) && (y[v] = l[v]);
-    if (i && i.defaultProps) for (v in l = i.defaultProps, l) y[v] === void 0 && (y[v] = l[v]);
-    return { $$typeof: t, type: i, key: g, ref: L, props: y, _owner: a.current };
+typeof ae.Promise != "function" ? ae.Promise = H : (ae.Promise.prototype.finally || (ae.Promise.prototype.finally = Nt), ae.Promise.allSettled || (ae.Promise.allSettled = Ft), ae.Promise.any || (ae.Promise.any = At));
+var Ie = { exports: {} }, ge = {};
+var Tt;
+function Gn() {
+  if (Tt) return ge;
+  Tt = 1;
+  var e = jt, t = Symbol.for("react.element"), n = Symbol.for("react.fragment"), r = Object.prototype.hasOwnProperty, s = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, l = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function u(i, c, d) {
+    var g, T = {}, y = null, x = null;
+    d !== void 0 && (y = "" + d), c.key !== void 0 && (y = "" + c.key), c.ref !== void 0 && (x = c.ref);
+    for (g in c) r.call(c, g) && !l.hasOwnProperty(g) && (T[g] = c[g]);
+    if (i && i.defaultProps) for (g in c = i.defaultProps, c) T[g] === void 0 && (T[g] = c[g]);
+    return { $$typeof: t, type: i, key: y, ref: x, props: T, _owner: s.current };
   }
   return ge.Fragment = n, ge.jsx = u, ge.jsxs = u, ge;
 }
 var we = {};
-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"), c = Symbol.for("react.profiler"), u = Symbol.for("react.provider"), i = Symbol.for("react.context"), l = Symbol.for("react.forward_ref"), d = Symbol.for("react.suspense"), v = Symbol.for("react.suspense_list"), y = Symbol.for("react.memo"), g = Symbol.for("react.lazy"), L = Symbol.for("react.offscreen"), k = Symbol.iterator, _ = "@@iterator";
-    function j(r) {
-      if (r === null || typeof r != "object")
+var xt;
+function Xn() {
+  return xt || (xt = 1, process.env.NODE_ENV !== "production" && (function() {
+    var e = jt, t = Symbol.for("react.element"), n = Symbol.for("react.portal"), r = Symbol.for("react.fragment"), s = Symbol.for("react.strict_mode"), l = Symbol.for("react.profiler"), u = Symbol.for("react.provider"), i = Symbol.for("react.context"), c = Symbol.for("react.forward_ref"), d = Symbol.for("react.suspense"), g = Symbol.for("react.suspense_list"), T = Symbol.for("react.memo"), y = Symbol.for("react.lazy"), x = Symbol.for("react.offscreen"), L = Symbol.iterator, C = "@@iterator";
+    function w(o) {
+      if (o === null || typeof o != "object")
         return null;
-      var h = k && r[k] || r[_];
+      var h = L && o[L] || o[C];
       return typeof h == "function" ? h : null;
     }
-    var N = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function R(r) {
+    var S = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function P(o) {
       {
-        for (var h = arguments.length, p = new Array(h > 1 ? h - 1 : 0), w = 1; w < h; w++)
-          p[w - 1] = arguments[w];
-        I("error", r, p);
+        for (var h = arguments.length, p = new Array(h > 1 ? h - 1 : 0), _ = 1; _ < h; _++)
+          p[_ - 1] = arguments[_];
+        R("error", o, p);
       }
     }
-    function I(r, h, p) {
+    function R(o, h, p) {
       {
-        var w = N.ReactDebugCurrentFrame, E = w.getStackAddendum();
-        E !== "" && (h += "%s", p = p.concat([E]));
-        var S = p.map(function(C) {
-          return String(C);
+        var _ = S.ReactDebugCurrentFrame, j = _.getStackAddendum();
+        j !== "" && (h += "%s", p = p.concat([j]));
+        var D = p.map(function(b) {
+          return String(b);
         });
-        S.unshift("Warning: " + h), Function.prototype.apply.call(console[r], console, S);
+        D.unshift("Warning: " + h), Function.prototype.apply.call(console[o], console, D);
       }
     }
-    var T = !1, M = !1, m = !1, O = !1, G = !1, Z;
-    Z = Symbol.for("react.module.reference");
-    function H(r) {
-      return !!(typeof r == "string" || typeof r == "function" || r === o || r === c || G || r === a || r === d || r === v || O || r === L || T || M || m || typeof r == "object" && r !== null && (r.$$typeof === g || r.$$typeof === y || r.$$typeof === u || r.$$typeof === i || r.$$typeof === l || // This needs to include all possible module reference object
+    var B = !1, V = !1, m = !1, v = !1, U = !1, I;
+    I = Symbol.for("react.module.reference");
+    function A(o) {
+      return !!(typeof o == "string" || typeof o == "function" || o === r || o === l || U || o === s || o === d || o === g || v || o === x || B || V || m || typeof o == "object" && o !== null && (o.$$typeof === y || o.$$typeof === T || o.$$typeof === u || o.$$typeof === i || o.$$typeof === c || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
-      r.$$typeof === Z || r.getModuleId !== void 0));
+      o.$$typeof === I || o.getModuleId !== void 0));
     }
-    function b(r, h, p) {
-      var w = r.displayName;
-      if (w)
-        return w;
-      var E = h.displayName || h.name || "";
-      return E !== "" ? p + "(" + E + ")" : p;
+    function k(o, h, p) {
+      var _ = o.displayName;
+      if (_)
+        return _;
+      var j = h.displayName || h.name || "";
+      return j !== "" ? p + "(" + j + ")" : p;
     }
-    function Q(r) {
-      return r.displayName || "Context";
+    function J(o) {
+      return o.displayName || "Context";
     }
-    function K(r) {
-      if (r == null)
+    function Y(o) {
+      if (o == 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")
-        return r.displayName || r.name || null;
-      if (typeof r == "string")
-        return r;
-      switch (r) {
-        case o:
+      if (typeof o.tag == "number" && P("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof o == "function")
+        return o.displayName || o.name || null;
+      if (typeof o == "string")
+        return o;
+      switch (o) {
+        case r:
           return "Fragment";
         case n:
           return "Portal";
-        case c:
+        case l:
           return "Profiler";
-        case a:
+        case s:
           return "StrictMode";
         case d:
           return "Suspense";
-        case v:
+        case g:
           return "SuspenseList";
       }
-      if (typeof r == "object")
-        switch (r.$$typeof) {
+      if (typeof o == "object")
+        switch (o.$$typeof) {
           case i:
-            var h = r;
-            return Q(h) + ".Consumer";
+            var h = o;
+            return J(h) + ".Consumer";
           case u:
-            var p = r;
-            return Q(p._context) + ".Provider";
-          case l:
-            return b(r, r.render, "ForwardRef");
-          case y:
-            var w = r.displayName || null;
-            return w !== null ? w : K(r.type) || "Memo";
-          case g: {
-            var E = r, S = E._payload, C = E._init;
+            var p = o;
+            return J(p._context) + ".Provider";
+          case c:
+            return k(o, o.render, "ForwardRef");
+          case T:
+            var _ = o.displayName || null;
+            return _ !== null ? _ : Y(o.type) || "Memo";
+          case y: {
+            var j = o, D = j._payload, b = j._init;
             try {
-              return K(C(S));
-            } catch (x) {
+              return Y(b(D));
+            } catch (E) {
               return null;
             }
           }
         }
       return null;
     }
-    var W = Object.assign, oe = 0, ue, te, q, ve, Xe, Ge, Je;
-    function Qe() {
+    var Z = Object.assign, oe = 0, ue, ne, K, pe, Qe, et, tt;
+    function nt() {
     }
-    Qe.__reactDisabledLog = !0;
-    function cn() {
+    nt.__reactDisabledLog = !0;
+    function mn() {
       {
         if (oe === 0) {
-          ue = console.log, te = console.info, q = console.warn, ve = console.error, Xe = console.group, Ge = console.groupCollapsed, Je = console.groupEnd;
-          var r = {
+          ue = console.log, ne = console.info, K = console.warn, pe = console.error, Qe = console.group, et = console.groupCollapsed, tt = console.groupEnd;
+          var o = {
             configurable: !0,
             enumerable: !0,
-            value: Qe,
+            value: nt,
             writable: !0
           };
           Object.defineProperties(console, {
-            info: r,
-            log: r,
-            warn: r,
-            error: r,
-            group: r,
-            groupCollapsed: r,
-            groupEnd: r
+            info: o,
+            log: o,
+            warn: o,
+            error: o,
+            group: o,
+            groupCollapsed: o,
+            groupEnd: o
           });
         }
         oe++;
       }
     }
-    function un() {
+    function vn() {
       {
         if (oe--, oe === 0) {
-          var r = {
+          var o = {
             configurable: !0,
             enumerable: !0,
             writable: !0
           };
           Object.defineProperties(console, {
-            log: W({}, r, {
+            log: Z({}, o, {
               value: ue
             }),
-            info: W({}, r, {
-              value: te
+            info: Z({}, o, {
+              value: ne
             }),
-            warn: W({}, r, {
-              value: q
+            warn: Z({}, o, {
+              value: K
             }),
-            error: W({}, r, {
-              value: ve
+            error: Z({}, o, {
+              value: pe
             }),
-            group: W({}, r, {
-              value: Xe
+            group: Z({}, o, {
+              value: Qe
             }),
-            groupCollapsed: W({}, r, {
-              value: Ge
+            groupCollapsed: Z({}, o, {
+              value: et
             }),
-            groupEnd: W({}, r, {
-              value: Je
+            groupEnd: Z({}, o, {
+              value: tt
             })
           });
         }
-        oe < 0 && R("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        oe < 0 && P("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var Oe = N.ReactCurrentDispatcher, He;
-    function Ce(r, h, p) {
+    var Oe = S.ReactCurrentDispatcher, He;
+    function Ee(o, h, p) {
       {
         if (He === void 0)
           try {
             throw Error();
-          } catch (E) {
-            var w = E.stack.trim().match(/\n( *(at )?)/);
-            He = w && w[1] || "";
+          } catch (j) {
+            var _ = j.stack.trim().match(/\n( *(at )?)/);
+            He = _ && _[1] || "";
           }
         return `
-` + He + r;
+` + He + o;
       }
     }
-    var $e = !1, Ee;
+    var $e = !1, Se;
     {
-      var dn = typeof WeakMap == "function" ? WeakMap : Map;
-      Ee = new dn();
+      var pn = typeof WeakMap == "function" ? WeakMap : Map;
+      Se = new pn();
     }
-    function et(r, h) {
-      if (!r || $e)
+    function rt(o, h) {
+      if (!o || $e)
         return "";
       {
-        var p = Ee.get(r);
+        var p = Se.get(o);
         if (p !== void 0)
           return p;
       }
-      var w;
+      var _;
       $e = !0;
-      var E = Error.prepareStackTrace;
+      var j = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var S;
-      S = Oe.current, Oe.current = null, cn();
+      var D;
+      D = Oe.current, Oe.current = null, mn();
       try {
         if (h) {
-          var C = function() {
+          var b = function() {
             throw Error();
           };
-          if (Object.defineProperty(C.prototype, "props", {
+          if (Object.defineProperty(b.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(C, []);
-            } catch (J) {
-              w = J;
+              Reflect.construct(b, []);
+            } catch (Q) {
+              _ = Q;
             }
-            Reflect.construct(r, [], C);
+            Reflect.construct(o, [], b);
           } else {
             try {
-              C.call();
-            } catch (J) {
-              w = J;
+              b.call();
+            } catch (Q) {
+              _ = Q;
             }
-            r.call(C.prototype);
+            o.call(b.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (J) {
-            w = J;
+          } catch (Q) {
+            _ = Q;
           }
-          r();
+          o();
         }
-      } catch (J) {
-        if (J && w && typeof J.stack == "string") {
-          for (var x = J.stack.split(`
-`), Y = w.stack.split(`
-`), $ = x.length - 1, U = Y.length - 1; $ >= 1 && U >= 0 && x[$] !== Y[U]; )
-            U--;
-          for (; $ >= 1 && U >= 0; $--, U--)
-            if (x[$] !== Y[U]) {
-              if ($ !== 1 || U !== 1)
+      } catch (Q) {
+        if (Q && _ && typeof Q.stack == "string") {
+          for (var E = Q.stack.split(`
+`), X = _.stack.split(`
+`), W = E.length - 1, z = X.length - 1; W >= 1 && z >= 0 && E[W] !== X[z]; )
+            z--;
+          for (; W >= 1 && z >= 0; W--, z--)
+            if (E[W] !== X[z]) {
+              if (W !== 1 || z !== 1)
                 do
-                  if ($--, U--, U < 0 || x[$] !== Y[U]) {
-                    var ee = `
-` + x[$].replace(" at new ", " at ");
-                    return r.displayName && ee.includes("<anonymous>") && (ee = ee.replace("<anonymous>", r.displayName)), typeof r == "function" && Ee.set(r, ee), ee;
+                  if (W--, z--, z < 0 || E[W] !== X[z]) {
+                    var te = `
+` + E[W].replace(" at new ", " at ");
+                    return o.displayName && te.includes("<anonymous>") && (te = te.replace("<anonymous>", o.displayName)), typeof o == "function" && Se.set(o, te), te;
                   }
-                while ($ >= 1 && U >= 0);
+                while (W >= 1 && z >= 0);
               break;
             }
         }
       } finally {
-        $e = !1, Oe.current = S, un(), Error.prepareStackTrace = E;
+        $e = !1, Oe.current = D, vn(), Error.prepareStackTrace = j;
       }
-      var fe = r ? r.displayName || r.name : "", ce = fe ? Ce(fe) : "";
-      return typeof r == "function" && Ee.set(r, ce), ce;
+      var fe = o ? o.displayName || o.name : "", ce = fe ? Ee(fe) : "";
+      return typeof o == "function" && Se.set(o, ce), ce;
     }
-    function fn(r, h, p) {
-      return et(r, !1);
+    function yn(o, h, p) {
+      return rt(o, !1);
     }
-    function hn(r) {
-      var h = r.prototype;
+    function gn(o) {
+      var h = o.prototype;
       return !!(h && h.isReactComponent);
     }
-    function Re(r, h, p) {
-      if (r == null)
+    function Re(o, h, p) {
+      if (o == null)
         return "";
-      if (typeof r == "function")
-        return et(r, hn(r));
-      if (typeof r == "string")
-        return Ce(r);
-      switch (r) {
+      if (typeof o == "function")
+        return rt(o, gn(o));
+      if (typeof o == "string")
+        return Ee(o);
+      switch (o) {
         case d:
-          return Ce("Suspense");
-        case v:
-          return Ce("SuspenseList");
+          return Ee("Suspense");
+        case g:
+          return Ee("SuspenseList");
       }
-      if (typeof r == "object")
-        switch (r.$$typeof) {
-          case l:
-            return fn(r.render);
-          case y:
-            return Re(r.type, h, p);
-          case g: {
-            var w = r, E = w._payload, S = w._init;
+      if (typeof o == "object")
+        switch (o.$$typeof) {
+          case c:
+            return yn(o.render);
+          case T:
+            return Re(o.type, h, p);
+          case y: {
+            var _ = o, j = _._payload, D = _._init;
             try {
-              return Re(S(E), h, p);
-            } catch (C) {
+              return Re(D(j), h, p);
+            } catch (b) {
             }
           }
         }
       return "";
     }
-    var ye = Object.prototype.hasOwnProperty, tt = {}, nt = N.ReactDebugCurrentFrame;
-    function be(r) {
-      if (r) {
-        var h = r._owner, p = Re(r.type, r._source, h ? h.type : null);
-        nt.setExtraStackFrame(p);
+    var ye = Object.prototype.hasOwnProperty, ot = {}, it = S.ReactDebugCurrentFrame;
+    function be(o) {
+      if (o) {
+        var h = o._owner, p = Re(o.type, o._source, h ? h.type : null);
+        it.setExtraStackFrame(p);
       } else
-        nt.setExtraStackFrame(null);
+        it.setExtraStackFrame(null);
     }
-    function mn(r, h, p, w, E) {
+    function wn(o, h, p, _, j) {
       {
-        var S = Function.call.bind(ye);
-        for (var C in r)
-          if (S(r, C)) {
-            var x = void 0;
+        var D = Function.call.bind(ye);
+        for (var b in o)
+          if (D(o, b)) {
+            var E = void 0;
             try {
-              if (typeof r[C] != "function") {
-                var Y = Error((w || "React class") + ": " + p + " type `" + C + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof r[C] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw Y.name = "Invariant Violation", Y;
+              if (typeof o[b] != "function") {
+                var X = Error((_ || "React class") + ": " + p + " type `" + b + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof o[b] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw X.name = "Invariant Violation", X;
               }
-              x = r[C](h, C, w, p, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch ($) {
-              x = $;
+              E = o[b](h, b, _, p, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (W) {
+              E = W;
             }
-            x && !(x instanceof Error) && (be(E), R("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", w || "React class", p, C, typeof x), be(null)), x instanceof Error && !(x.message in tt) && (tt[x.message] = !0, be(E), R("Failed %s type: %s", p, x.message), be(null));
+            E && !(E instanceof Error) && (be(j), P("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", _ || "React class", p, b, typeof E), be(null)), E instanceof Error && !(E.message in ot) && (ot[E.message] = !0, be(j), P("Failed %s type: %s", p, E.message), be(null));
           }
       }
     }
-    var pn = Array.isArray;
-    function Ue(r) {
-      return pn(r);
+    var _n = Array.isArray;
+    function Ue(o) {
+      return _n(o);
     }
-    function vn(r) {
+    function Tn(o) {
       {
-        var h = typeof Symbol == "function" && Symbol.toStringTag, p = h && r[Symbol.toStringTag] || r.constructor.name || "Object";
+        var h = typeof Symbol == "function" && Symbol.toStringTag, p = h && o[Symbol.toStringTag] || o.constructor.name || "Object";
         return p;
       }
     }
-    function yn(r) {
+    function xn(o) {
       try {
-        return rt(r), !1;
+        return st(o), !1;
       } catch (h) {
         return !0;
       }
     }
-    function rt(r) {
-      return "" + r;
+    function st(o) {
+      return "" + o;
     }
-    function ot(r) {
-      if (yn(r))
-        return R("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", vn(r)), rt(r);
+    function at(o) {
+      if (xn(o))
+        return P("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Tn(o)), st(o);
     }
-    var it = N.ReactCurrentOwner, gn = {
+    var lt = S.ReactCurrentOwner, Cn = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, st, at;
-    function wn(r) {
-      if (ye.call(r, "ref")) {
-        var h = Object.getOwnPropertyDescriptor(r, "ref").get;
+    }, ct, ut;
+    function En(o) {
+      if (ye.call(o, "ref")) {
+        var h = Object.getOwnPropertyDescriptor(o, "ref").get;
         if (h && h.isReactWarning)
           return !1;
       }
-      return r.ref !== void 0;
+      return o.ref !== void 0;
     }
-    function Tn(r) {
-      if (ye.call(r, "key")) {
-        var h = Object.getOwnPropertyDescriptor(r, "key").get;
+    function Sn(o) {
+      if (ye.call(o, "key")) {
+        var h = Object.getOwnPropertyDescriptor(o, "key").get;
         if (h && h.isReactWarning)
           return !1;
       }
-      return r.key !== void 0;
+      return o.key !== void 0;
     }
-    function _n(r, h) {
-      typeof r.ref == "string" && it.current;
+    function Rn(o, h) {
+      typeof o.ref == "string" && lt.current;
     }
-    function xn(r, h) {
+    function bn(o, h) {
       {
         var p = function() {
-          st || (st = !0, R("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", h));
+          ct || (ct = !0, P("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", h));
         };
-        p.isReactWarning = !0, Object.defineProperty(r, "key", {
+        p.isReactWarning = !0, Object.defineProperty(o, "key", {
           get: p,
           configurable: !0
         });
       }
     }
-    function Cn(r, h) {
+    function Pn(o, h) {
       {
         var p = function() {
-          at || (at = !0, R("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", h));
+          ut || (ut = !0, P("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", h));
         };
-        p.isReactWarning = !0, Object.defineProperty(r, "ref", {
+        p.isReactWarning = !0, Object.defineProperty(o, "ref", {
           get: p,
           configurable: !0
         });
       }
     }
-    var En = function(r, h, p, w, E, S, C) {
-      var x = {
+    var Ln = function(o, h, p, _, j, D, b) {
+      var E = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: t,
         // Built-in properties that belong on the element
-        type: r,
+        type: o,
         key: h,
         ref: p,
-        props: C,
+        props: b,
         // Record the component responsible for creating this element.
-        _owner: S
+        _owner: D
       };
-      return x._store = {}, Object.defineProperty(x._store, "validated", {
+      return E._store = {}, Object.defineProperty(E._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(x, "_self", {
+      }), Object.defineProperty(E, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: w
-      }), Object.defineProperty(x, "_source", {
+        value: _
+      }), Object.defineProperty(E, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: E
-      }), Object.freeze && (Object.freeze(x.props), Object.freeze(x)), x;
+        value: j
+      }), Object.freeze && (Object.freeze(E.props), Object.freeze(E)), E;
     };
-    function Rn(r, h, p, w, E) {
+    function jn(o, h, p, _, j) {
       {
-        var S, C = {}, x = null, Y = null;
-        p !== void 0 && (ot(p), x = "" + p), Tn(h) && (ot(h.key), x = "" + h.key), wn(h) && (Y = h.ref, _n(h, E));
-        for (S in h)
-          ye.call(h, S) && !gn.hasOwnProperty(S) && (C[S] = h[S]);
-        if (r && r.defaultProps) {
-          var $ = r.defaultProps;
-          for (S in $)
-            C[S] === void 0 && (C[S] = $[S]);
+        var D, b = {}, E = null, X = null;
+        p !== void 0 && (at(p), E = "" + p), Sn(h) && (at(h.key), E = "" + h.key), En(h) && (X = h.ref, Rn(h, j));
+        for (D in h)
+          ye.call(h, D) && !Cn.hasOwnProperty(D) && (b[D] = h[D]);
+        if (o && o.defaultProps) {
+          var W = o.defaultProps;
+          for (D in W)
+            b[D] === void 0 && (b[D] = W[D]);
         }
-        if (x || Y) {
-          var U = typeof r == "function" ? r.displayName || r.name || "Unknown" : r;
-          x && xn(C, U), Y && Cn(C, U);
+        if (E || X) {
+          var z = typeof o == "function" ? o.displayName || o.name || "Unknown" : o;
+          E && bn(b, z), X && Pn(b, z);
         }
-        return En(r, x, Y, E, w, it.current, C);
+        return Ln(o, E, X, j, _, lt.current, b);
       }
     }
-    var Be = N.ReactCurrentOwner, lt = N.ReactDebugCurrentFrame;
-    function de(r) {
-      if (r) {
-        var h = r._owner, p = Re(r.type, r._source, h ? h.type : null);
-        lt.setExtraStackFrame(p);
+    var Be = S.ReactCurrentOwner, dt = S.ReactDebugCurrentFrame;
+    function de(o) {
+      if (o) {
+        var h = o._owner, p = Re(o.type, o._source, h ? h.type : null);
+        dt.setExtraStackFrame(p);
       } else
-        lt.setExtraStackFrame(null);
+        dt.setExtraStackFrame(null);
     }
-    var ze;
-    ze = !1;
-    function We(r) {
-      return typeof r == "object" && r !== null && r.$$typeof === t;
+    var We;
+    We = !1;
+    function ze(o) {
+      return typeof o == "object" && o !== null && o.$$typeof === t;
     }
-    function ct() {
+    function ft() {
       {
         if (Be.current) {
-          var r = K(Be.current.type);
-          if (r)
+          var o = Y(Be.current.type);
+          if (o)
             return `
 
-Check the render method of \`` + r + "`.";
+Check the render method of \`` + o + "`.";
         }
         return "";
       }
     }
-    function bn(r) {
+    function In(o) {
       return "";
     }
-    var ut = {};
-    function Sn(r) {
+    var ht = {};
+    function kn(o) {
       {
-        var h = ct();
+        var h = ft();
         if (!h) {
-          var p = typeof r == "string" ? r : r.displayName || r.name;
+          var p = typeof o == "string" ? o : o.displayName || o.name;
           p && (h = `
 
 Check the top-level render call using <` + p + ">.");
@@ -750,200 +750,153 @@ Check the top-level render call using <` + p + ">.");
         return h;
       }
     }
-    function dt(r, h) {
+    function mt(o, h) {
       {
-        if (!r._store || r._store.validated || r.key != null)
+        if (!o._store || o._store.validated || o.key != null)
           return;
-        r._store.validated = !0;
-        var p = Sn(h);
-        if (ut[p])
+        o._store.validated = !0;
+        var p = kn(h);
+        if (ht[p])
           return;
-        ut[p] = !0;
-        var w = "";
-        r && r._owner && r._owner !== Be.current && (w = " It was passed a child from " + K(r._owner.type) + "."), de(r), R('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', p, w), de(null);
+        ht[p] = !0;
+        var _ = "";
+        o && o._owner && o._owner !== Be.current && (_ = " It was passed a child from " + Y(o._owner.type) + "."), de(o), P('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', p, _), de(null);
       }
     }
-    function ft(r, h) {
+    function vt(o, h) {
       {
-        if (typeof r != "object")
+        if (typeof o != "object")
           return;
-        if (Ue(r))
-          for (var p = 0; p < r.length; p++) {
-            var w = r[p];
-            We(w) && dt(w, h);
+        if (Ue(o))
+          for (var p = 0; p < o.length; p++) {
+            var _ = o[p];
+            ze(_) && mt(_, h);
           }
-        else if (We(r))
-          r._store && (r._store.validated = !0);
-        else if (r) {
-          var E = j(r);
-          if (typeof E == "function" && E !== r.entries)
-            for (var S = E.call(r), C; !(C = S.next()).done; )
-              We(C.value) && dt(C.value, h);
+        else if (ze(o))
+          o._store && (o._store.validated = !0);
+        else if (o) {
+          var j = w(o);
+          if (typeof j == "function" && j !== o.entries)
+            for (var D = j.call(o), b; !(b = D.next()).done; )
+              ze(b.value) && mt(b.value, h);
         }
       }
     }
-    function jn(r) {
+    function Dn(o) {
       {
-        var h = r.type;
+        var h = o.type;
         if (h == null || typeof h == "string")
           return;
         var p;
         if (typeof h == "function")
           p = 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))
+        h.$$typeof === T))
           p = h.propTypes;
         else
           return;
         if (p) {
-          var w = K(h);
-          mn(p, r.props, "prop", w, r);
-        } else if (h.PropTypes !== void 0 && !ze) {
-          ze = !0;
-          var E = K(h);
-          R("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", E || "Unknown");
+          var _ = Y(h);
+          wn(p, o.props, "prop", _, o);
+        } else if (h.PropTypes !== void 0 && !We) {
+          We = !0;
+          var j = Y(h);
+          P("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", j || "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 && P("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function Pn(r) {
+    function Mn(o) {
       {
-        for (var h = Object.keys(r.props), p = 0; p < h.length; p++) {
-          var w = h[p];
-          if (w !== "children" && w !== "key") {
-            de(r), R("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", w), de(null);
+        for (var h = Object.keys(o.props), p = 0; p < h.length; p++) {
+          var _ = h[p];
+          if (_ !== "children" && _ !== "key") {
+            de(o), P("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", _), de(null);
             break;
           }
         }
-        r.ref !== null && (de(r), R("Invalid attribute `ref` supplied to `React.Fragment`."), de(null));
+        o.ref !== null && (de(o), P("Invalid attribute `ref` supplied to `React.Fragment`."), de(null));
       }
     }
-    var ht = {};
-    function mt(r, h, p, w, E, S) {
+    var pt = {};
+    function yt(o, h, p, _, j, D) {
       {
-        var C = H(r);
-        if (!C) {
-          var x = "";
-          (r === void 0 || typeof r == "object" && r !== null && Object.keys(r).length === 0) && (x += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
-          var Y = bn();
-          Y ? x += Y : x += ct();
-          var $;
-          r === null ? $ = "null" : Ue(r) ? $ = "array" : r !== void 0 && r.$$typeof === t ? ($ = "<" + (K(r.type) || "Unknown") + " />", x = " Did you accidentally export a JSX literal instead of a component?") : $ = typeof r, R("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", $, x);
+        var b = A(o);
+        if (!b) {
+          var E = "";
+          (o === void 0 || typeof o == "object" && o !== null && Object.keys(o).length === 0) && (E += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
+          var X = In();
+          X ? E += X : E += ft();
+          var W;
+          o === null ? W = "null" : Ue(o) ? W = "array" : o !== void 0 && o.$$typeof === t ? (W = "<" + (Y(o.type) || "Unknown") + " />", E = " Did you accidentally export a JSX literal instead of a component?") : W = typeof o, P("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", W, E);
         }
-        var U = Rn(r, h, p, E, S);
-        if (U == null)
-          return U;
-        if (C) {
-          var ee = h.children;
-          if (ee !== void 0)
-            if (w)
-              if (Ue(ee)) {
-                for (var fe = 0; fe < ee.length; fe++)
-                  ft(ee[fe], r);
-                Object.freeze && Object.freeze(ee);
+        var z = jn(o, h, p, j, D);
+        if (z == null)
+          return z;
+        if (b) {
+          var te = h.children;
+          if (te !== void 0)
+            if (_)
+              if (Ue(te)) {
+                for (var fe = 0; fe < te.length; fe++)
+                  vt(te[fe], o);
+                Object.freeze && Object.freeze(te);
               } 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.");
+                P("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
             else
-              ft(ee, r);
+              vt(te, o);
         }
         if (ye.call(h, "key")) {
-          var ce = K(r), J = Object.keys(h).filter(function(Fn) {
-            return Fn !== "key";
-          }), qe = J.length > 0 ? "{key: someKey, " + J.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!ht[ce + qe]) {
-            var Mn = J.length > 0 ? "{" + J.join(": ..., ") + ": ...}" : "{}";
-            R(`A props object containing a "key" prop is being spread into JSX:
+          var ce = Y(o), Q = Object.keys(h).filter(function(Hn) {
+            return Hn !== "key";
+          }), qe = Q.length > 0 ? "{key: someKey, " + Q.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!pt[ce + qe]) {
+            var On = Q.length > 0 ? "{" + Q.join(": ..., ") + ": ...}" : "{}";
+            P(`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} />`, qe, ce, Mn, ce), ht[ce + qe] = !0;
+  <%s key={someKey} {...props} />`, qe, ce, On, ce), pt[ce + qe] = !0;
           }
         }
-        return r === o ? Pn(U) : jn(U), U;
+        return o === r ? Mn(z) : Dn(z), z;
       }
     }
-    function Ln(r, h, p) {
-      return mt(r, h, p, !0);
+    function Nn(o, h, p) {
+      return yt(o, h, p, !0);
     }
-    function In(r, h, p) {
-      return mt(r, h, p, !1);
+    function Fn(o, h, p) {
+      return yt(o, h, p, !1);
     }
-    var kn = In, Dn = Ln;
-    we.Fragment = o, we.jsx = kn, we.jsxs = Dn;
+    var Vn = Fn, An = Nn;
+    we.Fragment = r, we.jsx = Vn, we.jsxs = An;
   })()), we;
 }
-var Tt;
-function Zn() {
-  return Tt || (Tt = 1, process.env.NODE_ENV === "production" ? Le.exports = Wn() : Le.exports = qn()), Le.exports;
-}
-var s = Zn();
-const Kn = "_playerNotice_x3acc_1", Yn = "_playerNoticeTitle_x3acc_19", Xn = "_playerNoticeText_x3acc_28", Gn = "_playerNoticeLowZIndex_x3acc_37", ie = {
-  playerNotice: Kn,
-  playerNoticeTitle: Yn,
-  playerNoticeText: Xn,
-  playerNoticeLowZIndex: Gn
-}, Ot = typeof window != "undefined" ? On : D;
-function Ve(e, t) {
-  const n = V(e);
-  Ot(() => {
+var Ct;
+function Jn() {
+  return Ct || (Ct = 1, process.env.NODE_ENV === "production" ? Ie.exports = Gn() : Ie.exports = Xn()), Ie.exports;
+}
+var a = Jn();
+const Ut = typeof window != "undefined" ? Wn : N;
+function Ce(e, t) {
+  const n = F(e);
+  Ut(() => {
     n.current = e;
-  }, [e]), D(() => {
+  }, [e]), N(() => {
     if (t === null)
       return;
-    const o = setInterval(() => {
+    const r = setInterval(() => {
       n.current();
     }, t);
     return () => {
-      clearInterval(o);
+      clearInterval(r);
     };
   }, [t]);
 }
-function Jn(e) {
-  const [, t] = X(0);
-  Ve(() => t((n) => n + 1), e);
-}
-const Qn = () => Lt((e) => ({
-  delay: 0,
-  startDate: null,
-  viewerCount: null,
-  setDelay: (t) => e({ delay: t }),
-  setStartDate: (t) => e({ startDate: t }),
-  setViewerCount: (t) => e({ viewerCount: t })
-})), Ht = jt(
-  null
-), er = ({ children: e }) => {
-  const t = V(
-    null
-  );
-  return t.current || (t.current = Qn()), /* @__PURE__ */ s.jsx(Ht.Provider, { value: t.current, children: e });
-}, A = (e) => {
-  const t = Pt(Ht);
-  if (!t)
-    throw new Error("usePlayerStore must be used within PlayerStoreProvider");
-  return It(t, e);
-};
-function tr(e, t, n) {
-  const o = {
-    days: 86400,
-    hours: 3600,
-    minutes: 60,
-    seconds: 1,
-    milliseconds: 1e-3
-  };
-  return e * (o[t] / o[n]);
-}
-function nr(e) {
-  return tr(e, "milliseconds", "seconds");
-}
-const _e = (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), a = Math.floor(e % 60);
-  return n === 0 ? `${o}:${t(a)}` : `${n}:${t(o)}:${t(a)}`;
-};
-function rr(e, t) {
-  var n, o, a, c, u, i;
+function Qn(e, t) {
+  var n, r, s, l, u, i;
   if (typeof Intl != "undefined" && Intl.DateTimeFormat)
     try {
       const d = new Intl.DateTimeFormat("en-US", {
@@ -955,42 +908,92 @@ function rr(e, t) {
         minute: "2-digit",
         second: "2-digit",
         hour12: !1
-      }).formatToParts(e), v = parseInt(
-        ((n = d.find((j) => j.type === "year")) == null ? void 0 : n.value) || "0",
+      }).formatToParts(e), g = parseInt(
+        ((n = d.find((w) => w.type === "year")) == null ? void 0 : n.value) || "0",
         10
-      ), y = parseInt(
-        ((o = d.find((j) => j.type === "month")) == null ? void 0 : o.value) || "0",
+      ), T = parseInt(
+        ((r = d.find((w) => w.type === "month")) == null ? void 0 : r.value) || "0",
         10
-      ) - 1, g = parseInt(
-        ((a = d.find((j) => j.type === "day")) == null ? void 0 : a.value) || "0",
+      ) - 1, y = parseInt(
+        ((s = d.find((w) => w.type === "day")) == null ? void 0 : s.value) || "0",
         10
-      ), L = parseInt(
-        ((c = d.find((j) => j.type === "hour")) == null ? void 0 : c.value) || "0",
+      ), x = parseInt(
+        ((l = d.find((w) => w.type === "hour")) == null ? void 0 : l.value) || "0",
         10
-      ), k = parseInt(
-        ((u = d.find((j) => j.type === "minute")) == null ? void 0 : u.value) || "0",
+      ), L = parseInt(
+        ((u = d.find((w) => w.type === "minute")) == null ? void 0 : u.value) || "0",
         10
-      ), _ = parseInt(
-        ((i = d.find((j) => j.type === "second")) == null ? void 0 : i.value) || "0",
+      ), C = parseInt(
+        ((i = d.find((w) => w.type === "second")) == null ? void 0 : i.value) || "0",
         10
       );
-      return new Date(v, y, g, L, k, _);
-    } catch (l) {
+      return new Date(g, T, y, x, L, C);
+    } 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 $t(e) {
+function er(e, t, n) {
+  return Bt(
+    t.getTime() - e.getTime(),
+    n,
+    "milliseconds"
+  );
+}
+function tr() {
+  const e = /* @__PURE__ */ new Date(), t = "YYYY-MM-DD HH:mm:ss.SSSSSS", n = (s, l = 2) => String(s).padStart(l, "0"), r = {
+    YYYY: String(e.getFullYear()),
+    MM: n(e.getMonth() + 1),
+    DD: n(e.getDate()),
+    HH: n(e.getHours()),
+    mm: n(e.getMinutes()),
+    ss: n(e.getSeconds()),
+    SSSSSS: n(e.getMilliseconds(), 3) + "000"
+  };
+  return Object.entries(r).reduce(
+    (s, [l, u]) => s.replace(l, u),
+    t
+  );
+}
+const Te = (e) => {
+  if (isNaN(e) || e === 1 / 0) return "0:00";
+  const t = (l) => (l < 10 ? "0" : "") + l, n = Math.floor(e / 3600), r = Math.floor(e % 3600 / 60), s = Math.floor(e % 60);
+  return n === 0 ? `${r}:${t(s)}` : `${n}:${t(r)}:${t(s)}`;
+};
+function nr() {
+  try {
+    return Intl.DateTimeFormat().resolvedOptions().timeZone;
+  } catch (e) {
+    return console.warn(
+      "Failed to get time zone, returning default time zone:",
+      e
+    ), "Europe/Sarajevo";
+  }
+}
+function rr(e) {
+  return Bt(e, "milliseconds", "seconds");
+}
+function Bt(e, t, n) {
+  const r = {
+    days: 86400,
+    hours: 3600,
+    minutes: 60,
+    seconds: 1,
+    milliseconds: 1e-3
+  };
+  return e * (r[t] / r[n]);
+}
+function Wt(e) {
   var n;
   const t = typeof window != "undefined" && ((n = window.navigator) == null ? void 0 : n.userAgent) || "";
   return e.test(t);
 }
-const Ut = $t(/iPhone|iPad|iPod/i), or = $t(/Tizen/i);
+const zt = Wt(/iPhone|iPad|iPod/i), or = Wt(/Tizen/i);
 function ir() {
   const e = document;
   return !!(e.fullscreenElement || e.mozFullScreenElement || e.webkitFullscreenElement || e.msFullscreenElement);
@@ -1006,7 +1009,7 @@ function lr(e, t) {
     e.removeEventListener("fullscreenchange", t), e.removeEventListener("webkitfullscreenchange", t), e.removeEventListener("mozfullscreenchange", t), e.removeEventListener("MSFullscreenChange", t);
   };
 }
-const cr = () => Hn(), ur = (e, t) => ({
+const cr = () => zn(), ur = (e, t) => ({
   currentTime: 0,
   duration: 0,
   isEnded: !1,
@@ -1021,6 +1024,7 @@ const cr = () => Hn(), ur = (e, t) => ({
   startTime: -1,
   volume: 100,
   destroy: () => {
+    t().isStarted && t().eventEmitter.emit("ended");
   },
   handleDurationChange: () => {
     const n = t().techRef.current;
@@ -1072,7 +1076,9 @@ const cr = () => Hn(), ur = (e, t) => ({
     }));
   },
   handlePlay: () => {
-    t().techRef.current && (t().eventEmitter.emit("play"), e({
+    t().techRef.current && (t().eventEmitter.emit(
+      t().isStarted && !t().isEnded ? "resume" : "play"
+    ), e({
       isPlaying: !0,
       pauseTime: 0
     }));
@@ -1101,13 +1107,13 @@ const cr = () => Hn(), ur = (e, t) => ({
     n && t().eventEmitter.emit("volumeChange", { volume: n.volume });
   },
   handleError: (n) => {
-    const o = t().techRef.current;
-    if (!o) return;
+    const r = t().techRef.current;
+    if (!r) return;
     t().eventEmitter.emit("error", n);
-    const a = o.error;
-    if (!a) return;
-    const c = `${a.code}`, u = a.message || "Unknown error occurred";
-    e({ error: { message: u, code: c, tech: "native" } });
+    const s = r.error;
+    if (!s) return;
+    const l = `${s.code}`, u = s.message || "Unknown error occurred";
+    e({ error: { message: u, code: l, tech: "native" } });
   },
   pause: () => {
     const n = t().techRef.current;
@@ -1118,7 +1124,7 @@ const cr = () => Hn(), ur = (e, t) => ({
     }));
   },
   getPauseTimeDiff: () => !t().isStarted || !t().pauseTime ? 0 : parseInt(
-    nr(Date.now() - t().pauseTime).toFixed(0)
+    rr(Date.now() - t().pauseTime).toFixed(0)
   ),
   play: () => {
     const n = t().techRef.current;
@@ -1139,9 +1145,12 @@ const cr = () => Hn(), ur = (e, t) => ({
       });
     });
   },
+  restart: () => {
+    t().eventEmitter.emit("restart");
+  },
   seek: (n) => {
-    const o = t().techRef.current;
-    o && (o.currentTime = n, (o.paused || o.ended) && o.play(), e({
+    const r = t().techRef.current;
+    r && (r.currentTime = n, (r.paused || r.ended) && r.play(), e({
       seekTime: -1,
       currentTime: n,
       isStarted: !0,
@@ -1151,13 +1160,13 @@ const cr = () => Hn(), ur = (e, t) => ({
   },
   setIsLoading: (n) => e({ isLoading: n }),
   setIsLoop: (n) => {
-    const o = t().techRef.current;
-    o && (o.loop = n, e({ isLoop: n }));
+    const r = t().techRef.current;
+    r && (r.loop = n, e({ isLoop: n }));
   },
   setStartTime: (n) => e({ startTime: n }),
   setVolume: (n) => {
-    const o = t().techRef.current;
-    o && (o.muted = n === 0, o.volume = n / 100, e({ volume: n }));
+    const r = t().techRef.current;
+    r && (r.muted = n === 0, r.volume = n / 100, e({ volume: n }));
   },
   stop: () => {
     t().techRef.current && e({
@@ -1175,15 +1184,16 @@ const cr = () => Hn(), ur = (e, t) => ({
     idleLocks: new Set(n.idleLocks).add(t)
   })),
   removeIdleLock: (t) => e((n) => {
-    const o = new Set(n.idleLocks);
-    return o.delete(t), { idleLocks: o };
+    const r = new Set(n.idleLocks);
+    return r.delete(t), { idleLocks: r };
   })
 }), hr = (e, t) => ({
   level: null,
   levels: null,
   setLevels: (n) => e({ levels: n }),
-  setLevel: (n) => {
-    n && t().eventEmitter.emit("qualityChange", { level: n }), e({ level: n });
+  setLevel: (n) => e({ level: n }),
+  logLevel: (n) => {
+    n && t().eventEmitter.emit("qualityChange", { level: n });
   }
 }), mr = (e, t) => ({
   isFullscreen: !1,
@@ -1192,63 +1202,205 @@ const cr = () => Hn(), ur = (e, t) => ({
     t().eventEmitter.emit("fullscreenChange", { isFullscreen: !1 }), ar(document), e({ isFullscreen: !1 });
   },
   requestFullscreen: () => {
-    const n = t().techRef.current, o = t().containerRef.current;
-    if (!n || !o) return;
+    const n = t().techRef.current, r = t().containerRef.current;
+    if (!n || !r) return;
     t().eventEmitter.emit("fullscreenChange", { isFullscreen: !0 });
-    const a = Ut ? n : o;
-    a && sr(a), e({ isFullscreen: !0 });
+    const s = zt ? n : r;
+    s && sr(s), e({ isFullscreen: !0 });
   },
   setIsFullscreen: (n) => e({ isFullscreen: n }),
   setIsFullscreenReady: (n) => e({ isFullscreenReady: n })
-}), pr = (e) => ({
+}), vr = (e) => ({
   error: null,
   setError: (t) => e({ error: t })
-}), vr = () => ({
+}), pr = () => ({
   eventEmitter: cr()
-}), yr = (e) => () => P({}, e), gr = (e, t) => Lt()((...n) => P(P(P(P(P(P(P(P({}, ur(...n)), dr(...n)), fr(...n)), mr(...n)), hr(...n)), pr(...n)), vr(...n)), yr({
+}), yr = (e) => () => M({}, e), gr = (e, t) => Mt()((...n) => M(M(M(M(M(M(M(M({}, ur(...n)), dr(...n)), fr(...n)), mr(...n)), hr(...n)), vr(...n)), pr(...n)), yr({
   techRef: e,
   containerRef: t
-})(...n))), Bt = jt(null);
+})(...n))), qt = It(null);
 function wr({ children: e }) {
-  const t = V(null), n = V(null), o = V(null);
-  return t.current || (t.current = gr(n, o)), /* @__PURE__ */ s.jsx(Bt.Provider, { value: t.current, children: e });
+  const t = F(null), n = F(null), r = F(null);
+  return t.current || (t.current = gr(n, r)), /* @__PURE__ */ a.jsx(qt.Provider, { value: t.current, children: e });
 }
 const f = (e) => {
-  const t = Pt(Bt);
+  const t = kt(qt);
   if (!t)
     throw new Error("usePlayerStore must be used within PlayerStoreProvider");
-  return It(t, e);
+  return Dt(t, e);
+}, _r = "0.0.52", Je = {
+  version: _r
+}, Ye = 11e3, Ze = {
+  DEBUG: 2,
+  INFO: 3,
+  WARNING: 4
+};
+function Yt({
+  title: e,
+  id: t,
+  kind: n,
+  delay: r,
+  url: s
+}) {
+  const l = F(null), u = F(!1), [i, c] = G(null), d = f((w) => w.eventEmitter), g = f((w) => w.isPlaying), y = (s.includes("staging") ? "stg" : "prd") === "stg" ? "https://collector-staging.spectar.tv/ingest" : "https://collector.spectar.tv/ingest";
+  u.current = g;
+  const x = O(
+    async ({
+      type: w,
+      message: S,
+      level: P = Ze.INFO,
+      duration: R,
+      valueStr1: B,
+      valueStr2: V
+    }) => {
+      const m = {
+        content_kind: n,
+        datetime: {
+          date: tr(),
+          timezone: nr()
+        },
+        level_num: P,
+        log_source: "fitnessanny_player",
+        capp_version: Je.version,
+        message: S,
+        target_index: w === "client" ? "client_log" : "watching_activity_log"
+      };
+      e && (m.title = e), t && (m.value_int1 = t), B && (m.value_str1 = B), V && (m.value_str2 = V), w === "watch" && (R && (m.interval_duration = R), r && (m.catchup_time = r));
+      const v = await fetch(y, {
+        method: "POST",
+        body: JSON.stringify(m)
+      });
+      if (!v.ok)
+        throw new Error(`HTTP error! status: ${v.status}`);
+    },
+    [y, r, t, n, e]
+  ), L = O((w) => {
+    l.current = w != null ? w : /* @__PURE__ */ new Date();
+  }, []), C = O(
+    async (w) => {
+      !w && l.current && (w = er(l.current, /* @__PURE__ */ new Date(), "milliseconds")), console.log("[Player][Activity]", "Watching", w), await x({ type: "watch", message: "WATCHING", duration: w });
+    },
+    [x]
+  );
+  return Ce(() => {
+    C(i), L();
+  }, i), N(() => {
+    const w = () => {
+      c(Ye), x({ type: "watch", message: "PLAY" }), L();
+    }, S = () => {
+      c(null), x({ type: "watch", message: "PAUSE" }), C(), L();
+    }, P = () => {
+      c(Ye), x({ type: "watch", message: "RESUME" }), L();
+    }, R = () => {
+      c(null), u.current && (x({ type: "watch", message: "STOP" }), C()), c(Ye), x({ type: "watch", message: "PLAY" }), L();
+    }, B = () => {
+      c(null), x({ type: "watch", message: "STOP" }), u.current && C(), L();
+    }, V = ({ level: v }) => {
+      v && x({
+        type: "client",
+        message: "QUALITY_CHANGE",
+        level: Ze.DEBUG,
+        valueStr1: v
+      });
+    }, m = (v) => {
+      let U = "UNKNOWN_ERROR", I = "Unknown error occurred";
+      v instanceof MediaError && (v.code && (U = `${v.code}`), v.message && (I = `${v.message}`)), x({
+        type: "client",
+        message: "ERROR",
+        level: Ze.WARNING,
+        valueStr1: U,
+        valueStr2: I
+      });
+    };
+    return d.on("play", w), d.on("pause", S), d.on("resume", P), d.on("restart", R), d.on("ended", B), d.on("qualityChange", V), d.on("error", m), () => {
+      d.off("play", w), d.off("pause", S), d.off("resume", P), d.off("restart", R), d.off("ended", B), d.off("qualityChange", V), d.off("error", m);
+    };
+  }, [d, x, L, C]), null;
+}
+const Tr = () => Mt((e) => ({
+  delay: 0,
+  startDate: null,
+  viewerCount: null,
+  setDelay: (t) => e({ delay: t }),
+  setStartDate: (t) => e({ startDate: t }),
+  setViewerCount: (t) => e({ viewerCount: t })
+})), Zt = It(
+  null
+), xr = ({ children: e }) => {
+  const t = F(
+    null
+  );
+  return t.current || (t.current = Tr()), /* @__PURE__ */ a.jsx(Zt.Provider, { value: t.current, children: e });
+}, $ = (e) => {
+  const t = kt(Zt);
+  if (!t)
+    throw new Error(
+      "useLivePlayerStore must be used within PlayerStoreProvider"
+    );
+  return Dt(t, e);
 };
-function Tr(e) {
+function Kt(e) {
+  try {
+    const n = new URL(e).searchParams, r = {};
+    return n.forEach((s, l) => {
+      r[l] = s;
+    }), r;
+  } catch (t) {
+    return console.error("Invalid URL:", t), {};
+  }
+}
+function Cr({ url: e }) {
+  const { video_id: t } = Kt(e), n = $((s) => s.delay), r = t ? Number(t) : void 0;
+  return r ? /* @__PURE__ */ a.jsx(
+    Yt,
+    {
+      kind: n ? "catchup" : "live",
+      delay: n,
+      url: e,
+      id: r
+    }
+  ) : null;
+}
+const Er = "_playerNotice_x3acc_1", Sr = "_playerNoticeTitle_x3acc_19", Rr = "_playerNoticeText_x3acc_28", br = "_playerNoticeLowZIndex_x3acc_37", ie = {
+  playerNotice: Er,
+  playerNoticeTitle: Sr,
+  playerNoticeText: Rr,
+  playerNoticeLowZIndex: br
+};
+function Pr(e) {
+  const [, t] = G(0);
+  Ce(() => t((n) => n + 1), e);
+}
+function Lr(e) {
   const t = e.split(`
 `);
   for (const n of t) {
-    const o = n.trim();
-    if (o.startsWith("#EXT-X-PROGRAM-DATE-TIME:")) {
-      const a = o.replace("#EXT-X-PROGRAM-DATE-TIME:", "").trim(), c = new Date(a);
-      if (!isNaN(c.getTime()))
-        return rr(c, "Europe/Sarajevo");
+    const r = n.trim();
+    if (r.startsWith("#EXT-X-PROGRAM-DATE-TIME:")) {
+      const s = r.replace("#EXT-X-PROGRAM-DATE-TIME:", "").trim(), l = new Date(s);
+      if (!isNaN(l.getTime()))
+        return Qn(l, "Europe/Sarajevo");
     }
   }
   return null;
 }
-function _r(e, t) {
+function jr(e, t) {
   const n = e.split(`
 `);
-  let o = !1;
-  for (const a of n) {
-    const c = a.trim();
-    if (c.startsWith("#EXT-X-STREAM-INF:")) {
-      o = !0;
+  let r = !1;
+  for (const s of n) {
+    const l = s.trim();
+    if (l.startsWith("#EXT-X-STREAM-INF:")) {
+      r = !0;
       continue;
     }
-    if (o && !c.startsWith("#")) {
-      if (c.startsWith("http"))
-        return c;
+    if (r && !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("/")
@@ -1259,407 +1411,423 @@ function _r(e, t) {
   }
   return null;
 }
-function xr(e) {
+function Ir(e) {
   return e.replace("playlist.m3u8", "playlist_fmp4_dvr.m3u8");
 }
-async function Cr(e) {
+async function kr(e) {
   try {
-    const t = xr(e);
+    const t = Ir(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(), a = _r(
-      o,
+    const r = await n.text(), s = jr(
+      r,
       t
     );
-    if (!a)
+    if (!s)
       throw new Error("No chunklist URL found in master playlist");
-    console.log("Found chunklist URL:", a);
-    const c = await fetch(a);
-    if (!c.ok)
+    console.log("Found chunklist URL:", s);
+    const l = await fetch(s);
+    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 = Tr(u);
+    const u = await l.text(), i = Lr(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 Er(n) {
-  var o = n, { url: e } = o, t = ne(o, ["url"]);
-  const [a, c] = X(!0), u = A((d) => d.startDate), i = A((d) => d.setStartDate), l = z(async () => {
-    const d = await Cr(e);
+function Dr(n) {
+  var r = n, { url: e } = r, t = re(r, ["url"]);
+  const [s, l] = G(!0), u = $((d) => d.startDate), i = $((d) => d.setStartDate), c = O(async () => {
+    const d = await kr(e);
     d && i(d);
   }, [e, i]);
-  return D(() => {
+  return N(() => {
     (async () => {
-      c(!0), await l(), c(!1);
+      l(!0), await c(), l(!1);
     })();
-  }, [l]), Ve(l, u ? null : 5e3), a ? null : /* @__PURE__ */ s.jsx(Rr, P({}, t));
+  }, [c]), Ce(c, u ? null : 5e3), s ? null : /* @__PURE__ */ a.jsx(Mr, M({}, t));
 }
-function Rr({
+function Mr({
   children: e,
   messages: t
 }) {
-  const n = A((u) => u.startDate), o = f((u) => u.isStarted);
-  return Jn(o ? null : 5e3), n ? Date.now() < n.getTime() ? /* @__PURE__ */ s.jsx(
-    br,
+  const n = $((u) => u.startDate), r = f((u) => u.isStarted);
+  return Pr(r ? null : 5e3), n ? Date.now() < n.getTime() ? /* @__PURE__ */ a.jsx(
+    Nr,
     {
       startDate: n,
       title: t.eventNotStarted,
       message: t.eventStartingSoon
     }
-  ) : /* @__PURE__ */ s.jsx(s.Fragment, { children: e }) : /* @__PURE__ */ s.jsx("div", { className: ie.playerNotice, children: /* @__PURE__ */ s.jsx("h3", { className: ie.playerNoticeTitle, children: t.unableToPlay }) });
+  ) : /* @__PURE__ */ a.jsx(a.Fragment, { children: e }) : /* @__PURE__ */ a.jsx("div", { className: ie.playerNotice, children: /* @__PURE__ */ a.jsx("h3", { className: ie.playerNoticeTitle, children: t.unableToPlay }) });
 }
-function br({ startDate: e, title: t, message: n }) {
-  const o = e.getTime() - Date.now(), a = Math.floor(o / (1e3 * 60 * 60)), c = Math.floor(
-    o % (1e3 * 60 * 60) / (1e3 * 60)
+function Nr({ startDate: e, title: t, message: n }) {
+  const r = e.getTime() - Date.now(), s = Math.floor(r / (1e3 * 60 * 60)), l = Math.floor(
+    r % (1e3 * 60 * 60) / (1e3 * 60)
   );
-  return a || c ? /* @__PURE__ */ s.jsxs("div", { className: ie.playerNotice, children: [
-    /* @__PURE__ */ s.jsx("h3", { className: ie.playerNoticeTitle, children: t }),
-    /* @__PURE__ */ s.jsxs("p", { className: ie.playerNoticeText, children: [
+  return s || l ? /* @__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: [
       "(",
-      a > 0 ? `${a}h ${c}m` : `${c}m`,
+      s > 0 ? `${s}h ${l}m` : `${l}m`,
       ")"
     ] })
-  ] }) : /* @__PURE__ */ s.jsx("div", { className: ie.playerNotice, children: /* @__PURE__ */ s.jsx("h3", { className: ie.playerNoticeTitle, children: n }) });
+  ] }) : /* @__PURE__ */ a.jsx("div", { className: ie.playerNotice, children: /* @__PURE__ */ a.jsx("h3", { className: ie.playerNoticeTitle, children: n }) });
 }
-function zt({ callback: e }) {
+function Gt({ callback: e }) {
   const t = f((n) => n.eventEmitter);
-  return D(() => {
-    const n = () => e("play", void 0), o = () => e("pause", void 0), a = () => e("ended", void 0), c = () => e("seeking", void 0), u = () => e("seeked", void 0), i = (_) => e("volumeChange", _), l = (_) => e("fullscreenChange", _), d = (_) => e("qualityChange", _), v = (_) => e("loadedMetadata", _), y = () => e("loadStart", void 0), g = () => e("playing", void 0), L = () => e("waiting", void 0), k = () => e("error", void 0);
-    return t.on("play", n), t.on("pause", o), t.on("ended", a), t.on("seeking", c), t.on("seeked", u), t.on("volumeChange", i), t.on("fullscreenChange", l), t.on("qualityChange", d), t.on("loadedMetadata", v), t.on("loadStart", y), t.on("playing", g), t.on("waiting", L), t.on("error", k), () => {
-      t.off("play", n), t.off("pause", o), t.off("ended", a), t.off("seeking", c), t.off("seeked", u), t.off("volumeChange", i), t.off("fullscreenChange", l), t.off("qualityChange", d), t.off("loadedMetadata", v), t.off("loadStart", y), t.off("playing", g), t.off("waiting", L), t.off("error", k);
+  return N(() => {
+    const n = () => e("play", void 0), r = () => e("pause", void 0), s = () => e("resume", void 0), l = () => e("restart", void 0), u = () => e("ended", void 0), i = () => e("seeking", void 0), c = () => e("seeked", void 0), d = (S) => e("volumeChange", S), g = (S) => e("fullscreenChange", S), T = (S) => e("qualityChange", S), y = (S) => e("loadedMetadata", S), x = () => e("loadStart", void 0), L = () => e("playing", void 0), C = () => e("waiting", void 0), w = () => e("error", void 0);
+    return t.on("play", n), t.on("pause", r), t.on("resume", s), t.on("restart", l), t.on("ended", u), t.on("seeking", i), t.on("seeked", c), t.on("volumeChange", d), t.on("fullscreenChange", g), t.on("qualityChange", T), t.on("loadedMetadata", y), t.on("loadStart", x), t.on("playing", L), t.on("waiting", C), t.on("error", w), () => {
+      t.off("play", n), t.off("pause", r), t.off("resume", s), t.off("restart", l), t.off("ended", u), t.off("seeking", i), t.off("seeked", c), t.off("volumeChange", d), t.off("fullscreenChange", g), t.off("qualityChange", T), t.off("loadedMetadata", y), t.off("loadStart", x), t.off("playing", L), t.off("waiting", C), t.off("error", w);
     };
   }, [e, t]), null;
 }
-const Wt = (e, t = 0) => parseInt(
+const Xt = (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), Sr = (e, t) => Math.max(0, (t - e) / 1e3), jr = (e, t = 0) => {
-  const o = t < 0 ? 0 : t, a = ["bytes", "kb", "mb", "gb", "tb", "pb", "eb", "zb", "yb"], c = Math.floor(Math.log(e) / Math.log(1024));
-  return `${parseFloat((e / Math.pow(1024, c)).toFixed(o))}${a[c]}`;
+), Jt = (e, t) => Math.max(0, (Date.now() - e - t * 1e3) / 1e3), Fr = (e, t) => Math.max(0, (t - e) / 1e3), Vr = (e, t = 0) => {
+  const r = t < 0 ? 0 : t, s = ["bytes", "kb", "mb", "gb", "tb", "pb", "eb", "zb", "yb"], l = Math.floor(Math.log(e) / Math.log(1024));
+  return `${parseFloat((e / Math.pow(1024, l)).toFixed(r))}${s[l]}`;
 };
-function Pr({
+function Ar({
   isAuto: e,
   level: t,
   levels: n
 }) {
-  const o = n.length, a = [];
-  return o > 1 && a.push({
+  const r = n.length, s = [];
+  return r > 1 && s.push({
     sid: "quality-level-auto",
     label: "Auto",
     value: -1,
     selected: e || t === -1
-  }), n.sort(function(c, u) {
-    const i = c.height || c.bitrate || 0, l = u.height || u.bitrate || 0;
-    return i === l ? 0 : i > l ? 1 : -1;
-  }), n.map((c) => {
-    const { bitrate: u, height: i, index: l } = c;
-    a.push({
-      sid: `quality-level-${l}`,
-      label: i ? `${i}p` : jr(u),
-      value: l,
-      selected: o === 1 || !e && l === t
+  }), n.sort(function(l, u) {
+    const i = l.height || l.bitrate || 0, c = u.height || u.bitrate || 0;
+    return i === c ? 0 : i > c ? 1 : -1;
+  }), n.map((l) => {
+    const { bitrate: u, height: i, index: c } = l;
+    s.push({
+      sid: `quality-level-${c}`,
+      label: i ? `${i}p` : Vr(u),
+      value: c,
+      selected: r === 1 || !e && c === t
     });
-  }), a;
+  }), s;
 }
-function Lr({ callback: e }) {
-  const t = A((c) => c.delay), n = A((c) => c.startDate), o = n ? n.getTime() : 0, a = f((c) => c.eventEmitter);
-  return D(() => {
-    const c = () => e("timeUpdate", {
-      currentTime: qt(o, t),
+function Or({ callback: e }) {
+  const t = $((l) => l.delay), n = $((l) => l.startDate), r = n ? n.getTime() : 0, s = f((l) => l.eventEmitter);
+  return N(() => {
+    const l = () => e("timeUpdate", {
+      currentTime: Jt(r, t),
       duration: -1
     });
-    return a.on("timeUpdate", c), () => {
-      a.off("timeUpdate", c);
+    return s.on("timeUpdate", l), () => {
+      s.off("timeUpdate", l);
     };
-  }, [e, t, a, o]), /* @__PURE__ */ s.jsx(zt, { callback: e });
+  }, [e, t, s, r]), /* @__PURE__ */ a.jsx(Gt, { callback: e });
 }
-function Zt() {
-  const e = f((i) => i.exitFullscreen), t = f((i) => i.isFullscreen), n = f((i) => i.isFullscreenReady), o = f((i) => i.requestFullscreen), a = f((i) => i.setVolume), c = f((i) => i.volume), u = z(
+function Qt() {
+  const e = f((i) => i.exitFullscreen), t = f((i) => i.isFullscreen), n = f((i) => i.isFullscreenReady), r = f((i) => i.requestFullscreen), s = f((i) => i.setVolume), l = f((i) => i.volume), u = O(
     (i) => {
-      let l = !1;
+      let c = !1;
       if (!(i.target instanceof HTMLInputElement || i.ctrlKey)) {
         switch (i.code) {
           case "ArrowUp":
-            a(c + 10 < 100 ? c + 10 : 100), l = !0;
+            s(l + 10 < 100 ? l + 10 : 100), c = !0;
             break;
           case "ArrowDown":
-            a(c - 10 > 0 ? c - 10 : 0), l = !0;
+            s(l - 10 > 0 ? l - 10 : 0), c = !0;
             break;
           case "KeyM":
-            a(c === 0 ? 100 : 0), l = !0;
+            s(l === 0 ? 100 : 0), c = !0;
             break;
           case "KeyF":
-            n && (t ? e() : o(), l = !0);
+            n && (t ? e() : r(), c = !0);
             break;
         }
-        l && i.preventDefault();
+        c && i.preventDefault();
       }
     },
     [
       e,
       t,
       n,
-      o,
-      a,
-      c
+      r,
+      s,
+      l
     ]
   );
-  return D(() => (document.addEventListener("keydown", u), () => {
+  return N(() => (document.addEventListener("keydown", u), () => {
     document.removeEventListener("keydown", u);
   }), [u]), null;
 }
-function Ir() {
-  const e = A((i) => i.delay), t = f((i) => i.isPlaying), n = f((i) => i.pause), o = f((i) => i.getPauseTimeDiff), a = f((i) => i.play), c = A((i) => i.setDelay), u = z(
+function Hr() {
+  const e = $((i) => i.delay), t = f((i) => i.isPlaying), n = f((i) => i.pause), r = f((i) => i.getPauseTimeDiff), s = f((i) => i.play), l = $((i) => i.setDelay), u = O(
     (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), a();
+              const d = r();
+              d && l(e + d), s();
             }
-            l = !0;
+            c = !0;
             break;
         }
-        l && i.preventDefault();
+        c && i.preventDefault();
       }
     },
-    [e, o, t, n, a, c]
+    [e, r, t, n, s, l]
   );
-  return D(() => (document.addEventListener("keydown", u), () => {
+  return N(() => (document.addEventListener("keydown", u), () => {
     document.removeEventListener("keydown", u);
-  }), [u]), /* @__PURE__ */ s.jsx(Zt, {});
+  }), [u]), /* @__PURE__ */ a.jsx(Qt, {});
 }
-function Kt({ children: e }) {
-  return /* @__PURE__ */ s.jsx(wr, { children: e });
+function en({ children: e }) {
+  return /* @__PURE__ */ a.jsx(wr, { children: e });
 }
-function kr({ children: e }) {
-  return /* @__PURE__ */ s.jsx(er, { children: /* @__PURE__ */ s.jsx(Kt, { children: e }) });
+function $r({ children: e }) {
+  return /* @__PURE__ */ a.jsx(xr, { children: /* @__PURE__ */ a.jsx(en, { children: e }) });
 }
-function Dr({ url: e, isLive: t, messages: n }) {
-  const o = V(null), a = f((T) => T.level), c = f((T) => T.levels), u = f((T) => T.setLevel), i = f((T) => T.setLevels), l = f((T) => T.techRef), d = f((T) => T.setError), v = V(0), y = V(null), g = 50, L = 1e4, k = z(
-    (T) => {
-      if (o.current && (o.current.nextLevel = T, u(null), c)) {
-        const M = c.map((m) => he(P({}, m), {
-          selected: m.value === T
+function Ur({ url: e, isLive: t, messages: n }) {
+  const r = F(null), s = f((m) => m.level), l = f((m) => m.levels), u = f((m) => m.setLevel), i = f((m) => m.setLevels), c = f((m) => m.logLevel), d = f((m) => m.techRef), g = f((m) => m.setError), T = F(0), y = F(null), x = 50, L = 1e4, C = O(
+    (m) => {
+      if (r.current && (r.current.nextLevel = m, u(null), l)) {
+        const v = l.map((U) => he(M({}, U), {
+          selected: U.value === m
         }));
-        i(M);
+        i(v);
       }
     },
-    [c, u, i, o]
-  ), _ = z(() => {
-    o.current && (console.log("[Player][HLS] MEDIA_ATTACHED"), o.current.loadSource(e));
-  }, [e]), j = z(() => {
-    if (!o.current) return;
-    console.log("[Player][HLS] MANIFEST_LOADED"), d(null), y.current && (clearTimeout(y.current), y.current = null), v.current = 0;
-    const T = o.current.levels, M = o.current.currentLevel, m = o.current.autoLevelEnabled;
+    [l, u, i]
+  ), w = O(() => {
+    r.current && (console.log("[Player][HLS] MEDIA_ATTACHED"), r.current.loadSource(e));
+  }, [e]), S = O(() => {
+    if (!r.current) return;
+    console.log("[Player][HLS] MANIFEST_LOADED"), g(null), y.current && (clearTimeout(y.current), y.current = null), T.current = 0;
+    const m = r.current.levels, v = r.current.currentLevel, U = r.current.autoLevelEnabled;
     i(
-      Pr({
-        levels: T.map((O, G) => {
-          const { bitrate: Z, height: H, width: b } = O;
+      Ar({
+        levels: m.map((I, A) => {
+          const { bitrate: k, height: J, width: Y } = I;
           return {
-            bitrate: Z,
-            height: H,
-            index: G,
-            width: b
+            bitrate: k,
+            height: J,
+            index: A,
+            width: Y
           };
         }),
-        level: M,
-        isAuto: m
+        level: v,
+        isAuto: U
       })
     );
-  }, [d, i]), N = z(
+  }, [g, i]), P = O(() => {
+    if (!r.current) return;
+    console.log("[Player][HLS] LEVEL_SWITCHED");
+    const m = r.current.levels, v = r.current.currentLevel;
+    if (m[v] ? JSON.stringify(m[v]) : null) {
+      let I = "";
+      m[v].height ? I = `${m[v].height}p` : m[v].bitrate && (I = `${m[v].bitrate}bps`), c(I);
+    }
+  }, [c]), R = O(
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    (T, M) => {
-      if (o.current && M.fatal) {
-        let m, O = "UNKNOWN_ERROR";
-        switch (M.type) {
-          case re.ErrorTypes.NETWORK_ERROR:
-            m = n.unableToPlay, console.log("[Player][HLS] NETWORK_ERROR", M), t ? (v.current < g && (y.current && clearTimeout(y.current), v.current += 1, y.current = setTimeout(() => {
-              if (o.current)
+    (m, v) => {
+      if (r.current && v.fatal) {
+        let U, I = "UNKNOWN_ERROR";
+        switch (v.type) {
+          case ee.ErrorTypes.NETWORK_ERROR:
+            U = n.unableToPlay, console.log("[Player][HLS] NETWORK_ERROR", v), t ? (T.current < x && (y.current && clearTimeout(y.current), T.current += 1, y.current = setTimeout(() => {
+              if (r.current)
                 try {
-                  console.log("[Player][HLS] Retrying stream..."), o.current.loadSource(e);
-                } catch (G) {
-                  console.error("[Player][HLS] Retry failed:", G);
+                  console.log("[Player][HLS] Retrying stream..."), r.current.loadSource(e);
+                } catch (A) {
+                  console.error("[Player][HLS] Retry failed:", A);
                 }
-            }, L)), O = "LIVE_MANIFEST_LOAD_ERROR") : (o.current.startLoad(), O = "NETWORK_ERROR"), d({ message: m, code: O, tech: "hls" });
+            }, L)), I = "LIVE_MANIFEST_LOAD_ERROR") : (r.current.startLoad(), I = "NETWORK_ERROR"), g({ message: U, code: I, tech: "hls" });
             break;
-          case re.ErrorTypes.MEDIA_ERROR:
-            o.current.recoverMediaError();
+          case ee.ErrorTypes.MEDIA_ERROR:
+            r.current.recoverMediaError();
             break;
         }
       }
     },
-    [t, e, d, n]
-  ), R = z(() => {
-    if (!l.current) return;
-    const T = {
+    [t, e, g, n]
+  ), B = O(() => {
+    if (!d.current) return;
+    const m = {
       startLevel: -1,
       maxBufferSize: 30 * 1024 * 1024
       // 30MB
     };
-    or ? (T.backBufferLength = -1, T.enableWorker = !1) : t ? T.backBufferLength = 10 : T.backBufferLength = 60;
+    or ? (m.backBufferLength = -1, m.enableWorker = !1) : t ? m.backBufferLength = 10 : m.backBufferLength = 60;
     try {
-      console.log("[Player][HLS] URL", e), console.log("[Player][HLS] Config", JSON.stringify(T)), console.log("[Player][HLS] Version", re.version), o.current = new re(T), o.current.attachMedia(l.current), o.current.on(re.Events.MEDIA_ATTACHED, _), o.current.on(re.Events.MANIFEST_LOADED, j), o.current.on(re.Events.ERROR, N);
-    } catch (M) {
-      throw new Error(`Error initializing Hls: ${M}`);
+      console.log("[Player][HLS] URL", e), console.log("[Player][HLS] Config", JSON.stringify(m)), console.log("[Player][HLS] Version", ee.version), r.current = new ee(m), r.current.attachMedia(d.current), r.current.on(ee.Events.MEDIA_ATTACHED, w), r.current.on(ee.Events.MANIFEST_LOADED, S), r.current.on(ee.Events.LEVEL_SWITCHED, P), r.current.on(ee.Events.ERROR, R);
+    } catch (v) {
+      throw new Error(`Error initializing Hls: ${v}`);
     }
   }, [
-    j,
-    _,
-    N,
+    S,
+    w,
+    P,
+    R,
     t,
-    l,
+    d,
     e
-  ]), I = z(() => {
-    o.current && (o.current.off(re.Events.MEDIA_ATTACHED, _), o.current.off(re.Events.MANIFEST_LOADED, j), o.current.off(re.Events.ERROR, N), o.current.destroy(), o.current = null), y.current && (clearTimeout(y.current), y.current = null), v.current = 0;
-  }, [j, _, N]);
-  return D(() => {
-    a !== null && k(a);
-  }, [a, k]), D(() => (re.isSupported() && R(), I), [I, R]), null;
-}
-const Mr = "_playerVideo_wc0sm_1", Fr = {
-  playerVideo: Mr
+  ]), V = O(() => {
+    r.current && (r.current.off(ee.Events.MEDIA_ATTACHED, w), r.current.off(ee.Events.MANIFEST_LOADED, S), r.current.off(ee.Events.LEVEL_SWITCHED, P), r.current.off(ee.Events.ERROR, R), r.current.destroy(), r.current = null), y.current && (clearTimeout(y.current), y.current = null), T.current = 0;
+  }, [
+    P,
+    S,
+    w,
+    R
+  ]);
+  return N(() => {
+    s !== null && C(s);
+  }, [s, C]), N(() => (ee.isSupported() && B(), V), [V, B]), null;
+}
+const Br = "_playerVideo_wc0sm_1", Wr = {
+  playerVideo: Br
 };
-function Yt({
+function tn({
   url: e,
   isLive: t,
   isMuted: n = !1,
-  messages: o
+  messages: r
 }) {
-  const a = f((m) => m.handleDurationChange), c = f((m) => m.handleEnd), u = f((m) => m.handleLoadedMetadata), i = f((m) => m.handleLoadStart), l = f((m) => m.handlePause), d = f((m) => m.handlePlay), v = f((m) => m.handlePlaying), y = f((m) => m.handleSeeked), g = f((m) => m.handleSeeking), L = f((m) => m.handleTimeUpdate), k = f((m) => m.handleWaiting), _ = f((m) => m.handleVolumeChange), j = f((m) => m.handleError), N = f((m) => m.techRef), R = V(null), I = () => t ? {
-    onTimeUpdate: T
+  const s = f((v) => v.destroy), l = f((v) => v.handleDurationChange), u = f((v) => v.handleEnd), i = f((v) => v.handleLoadedMetadata), c = f((v) => v.handleLoadStart), d = f((v) => v.handlePause), g = f((v) => v.handlePlay), T = f((v) => v.handlePlaying), y = f((v) => v.handleSeeked), x = f((v) => v.handleSeeking), L = f((v) => v.handleTimeUpdate), C = f((v) => v.handleWaiting), w = f((v) => v.handleVolumeChange), S = f((v) => v.handleError), P = f((v) => v.techRef), R = F(null), B = () => t ? {
+    onTimeUpdate: V
   } : {
-    onDurationChange: a,
+    onDurationChange: l,
     onSeeked: y,
-    onSeeking: g,
-    onTimeUpdate: T
-  }, T = () => {
+    onSeeking: x,
+    onTimeUpdate: V
+  }, V = () => {
     (!R.current || Date.now() - R.current >= 1e3) && (L(), R.current = Date.now());
-  }, M = I();
-  return /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-    /* @__PURE__ */ s.jsx(Dr, { isLive: t, url: e, messages: o }),
-    /* @__PURE__ */ s.jsx(
+  }, m = B();
+  return N(() => () => {
+    s();
+  }, [s]), /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
+    /* @__PURE__ */ a.jsx(Ur, { isLive: t, url: e, messages: r }),
+    /* @__PURE__ */ a.jsx(
       "video",
-      P({
-        ref: N,
-        className: Fr.playerVideo,
+      M({
+        ref: P,
+        className: Wr.playerVideo,
         playsInline: !0,
         autoPlay: !0,
         controls: !1,
         muted: n,
         preload: "auto",
         crossOrigin: "anonymous",
-        onEnded: c,
-        onError: j,
-        onLoadedMetadata: u,
-        onLoadStart: i,
-        onPause: l,
-        onPlay: d,
-        onPlaying: v,
-        onWaiting: k,
-        onVolumeChange: _,
+        onEnded: u,
+        onError: S,
+        onLoadedMetadata: i,
+        onLoadStart: c,
+        onPause: d,
+        onPlay: g,
+        onPlaying: T,
+        onWaiting: C,
+        onVolumeChange: w,
         tabIndex: -1
-      }, M)
+      }, m)
     )
   ] });
 }
-function Nr({ url: e, messages: t }) {
-  const [n, o] = X(null), a = A((u) => u.delay), c = z(async () => {
-    o(
-      a ? e.replace("-live", "-catchup").replace("playlist.m3u8", `playlist_fmp4_dvr_timeshift-${a}.m3u8`) : e
+function zr({ url: e, messages: t }) {
+  const [n, r] = G(null), s = $((u) => u.delay), l = O(async () => {
+    r(
+      s ? e.replace("-live", "-catchup").replace("playlist.m3u8", `playlist_fmp4_dvr_timeshift-${s}.m3u8`) : e
     );
-  }, [a, e]);
-  return D(() => {
-    const u = requestAnimationFrame(() => c());
+  }, [s, e]);
+  return N(() => {
+    const u = requestAnimationFrame(() => l());
     return () => cancelAnimationFrame(u);
-  }, [c]), n ? /* @__PURE__ */ s.jsx(Yt, { url: n, isLive: !0, messages: t }) : null;
+  }, [l]), n ? /* @__PURE__ */ a.jsx(tn, { url: n, isLive: !0, messages: t }) : null;
 }
-function Vr({ url: e }) {
-  return f((n) => n.isStarted) ? /* @__PURE__ */ s.jsx(Ar, { url: e }) : null;
+function qr({ url: e }) {
+  return f((n) => n.isStarted) ? /* @__PURE__ */ a.jsx(Yr, { url: e }) : null;
 }
-function Ar({ url: e }) {
-  const t = A((c) => c.setViewerCount), n = V(null), o = (c) => {
+function Yr({ url: e }) {
+  const t = $((l) => l.setViewerCount), n = F(null), r = (l) => {
     try {
-      return new URL(c).pathname.split("/").filter((d) => d.length > 0)[0] || null;
+      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 = z(async () => {
-    var l;
-    const c = o(e);
-    if (!c) {
+  }, s = O(async () => {
+    var c;
+    const l = r(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/${c}`;
+    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 = (l = (await d.json()).count) != null ? l : 0;
-      t(y);
+      const T = (c = (await d.json()).count) != null ? c : 0;
+      t(T);
     } catch (d) {
       if (d.name === "AbortError")
         return;
       console.error("Failed to fetch viewer count:", d), t(null);
     }
   }, [t, e]);
-  return D(() => (a(), () => {
+  return N(() => (s(), () => {
     n.current && n.current.abort();
-  }), [a, e]), Ve(a, 15e3), null;
+  }), [s, e]), Ce(s, 15e3), null;
 }
-function Or(e, {
+function Zr(e, {
   defaultValue: t = !1,
   initializeWithValue: n = !0
 } = {}) {
-  const o = (i) => typeof window == "undefined" ? t : window.matchMedia(i).matches, [a, c] = X(() => n ? o(e) : t);
+  const r = (i) => typeof window == "undefined" ? t : window.matchMedia(i).matches, [s, l] = G(() => n ? r(e) : t);
   function u() {
-    c(o(e));
+    l(r(e));
   }
-  return Ot(() => {
+  return Ut(() => {
     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]), a;
-}
-const Hr = "_playbackButton_lgsgw_1", $r = "_seekIndicator_lgsgw_23", Ur = "_seekIndicatorLeft_lgsgw_49", Br = "_seekIndicatorRight_lgsgw_53", zr = "_seekIndicatorVisible_lgsgw_57", me = {
-  playbackButton: Hr,
-  seekIndicator: $r,
-  seekIndicatorLeft: Ur,
-  seekIndicatorRight: Br,
-  seekIndicatorVisible: zr
-}, Wr = 10;
-function Xt(i) {
-  var l = i, {
+  }, [e]), s;
+}
+const Kr = "_playbackButton_lgsgw_1", Gr = "_seekIndicator_lgsgw_23", Xr = "_seekIndicatorLeft_lgsgw_49", Jr = "_seekIndicatorRight_lgsgw_53", Qr = "_seekIndicatorVisible_lgsgw_57", me = {
+  playbackButton: Kr,
+  seekIndicator: Gr,
+  seekIndicatorLeft: Xr,
+  seekIndicatorRight: Jr,
+  seekIndicatorVisible: Qr
+}, eo = 10;
+function nn(i) {
+  var c = i, {
     className: e,
     onClick: t,
     onForwardSeek: n,
-    onBackwardSeek: o,
-    maxForwardTime: a,
-    maxBackwardTime: c
-  } = l, u = ne(l, [
+    onBackwardSeek: r,
+    maxForwardTime: s,
+    maxBackwardTime: l
+  } = c, u = re(c, [
     "className",
     "onClick",
     "onForwardSeek",
@@ -1667,239 +1835,239 @@ function Xt(i) {
     "maxForwardTime",
     "maxBackwardTime"
   ]);
-  return Or("(pointer: coarse)") ? /* @__PURE__ */ s.jsx(
-    Zr,
-    P({
+  return Zr("(pointer: coarse)") ? /* @__PURE__ */ a.jsx(
+    no,
+    M({
       className: e,
-      maxForwardTime: a,
-      maxBackwardTime: c,
+      maxForwardTime: s,
+      maxBackwardTime: l,
       onForwardSeek: n,
-      onBackwardSeek: o
+      onBackwardSeek: r
     }, u)
-  ) : /* @__PURE__ */ s.jsx(qr, P({ className: e, onClick: t }, u));
-}
-function qr(o) {
-  var a = o, { className: e, onClick: t } = a, n = ne(a, ["className", "onClick"]);
-  const c = V(null), u = f((_) => _.exitFullscreen), i = f((_) => _.isFullscreen), l = f((_) => _.requestFullscreen), d = f((_) => _.resetIdle), v = (_) => {
-    L() ? (g(), i ? u() : l()) : y(_);
-  }, y = (_) => {
-    c.current = window.setTimeout(() => {
-      t == null || t(_), g();
+  ) : /* @__PURE__ */ a.jsx(to, M({ className: e, onClick: t }, u));
+}
+function to(r) {
+  var s = r, { className: e, onClick: t } = s, n = re(s, ["className", "onClick"]);
+  const l = F(null), u = f((C) => C.exitFullscreen), i = f((C) => C.isFullscreen), c = f((C) => C.requestFullscreen), d = f((C) => C.resetIdle), g = (C) => {
+    x() ? (y(), i ? u() : c()) : T(C);
+  }, T = (C) => {
+    l.current = window.setTimeout(() => {
+      t == null || t(C), y();
     }, 200);
-  }, g = () => {
-    c.current !== null && (window.clearTimeout(c.current), c.current = null);
-  }, L = () => c.current !== null, k = () => {
+  }, y = () => {
+    l.current !== null && (window.clearTimeout(l.current), l.current = null);
+  }, x = () => l.current !== null, L = () => {
     d();
   };
-  return D(() => () => {
-    g();
-  }, []), /* @__PURE__ */ s.jsx(
+  return N(() => () => {
+    y();
+  }, []), /* @__PURE__ */ a.jsx(
     "button",
-    P({
-      onClick: v,
-      onMouseMove: k,
+    M({
+      onClick: g,
+      onMouseMove: L,
       className: [me.playbackButton, e].filter(Boolean).join(" "),
       "aria-label": "Player gestures"
     }, n)
   );
 }
-function Zr(u) {
+function no(u) {
   var i = u, {
     className: e,
     maxForwardTime: t,
     maxBackwardTime: n,
-    onForwardSeek: o,
-    onBackwardSeek: a
-  } = i, c = ne(i, [
+    onForwardSeek: r,
+    onBackwardSeek: s
+  } = i, l = re(i, [
     "className",
     "maxForwardTime",
     "maxBackwardTime",
     "onForwardSeek",
     "onBackwardSeek"
   ]);
-  const l = V(null), d = V({
+  const c = F(null), d = F({
     single: null,
     indicator: null,
     accumulate: null
-  }), v = V(null), y = V(0), g = V(null), [L, k] = X({ visible: !1, direction: null, time: 0 }), _ = f((m) => m.isIdle), j = f((m) => m.setIsIdle), N = f((m) => m.resetIdle), R = (m, O) => m < O / 2 ? "backward" : "forward", I = (m) => {
-    if (!v.current) return;
-    const O = m.changedTouches[0];
-    if (!O) return;
-    const G = Date.now(), Z = v.current.getBoundingClientRect(), H = O.clientX - Z.left, b = O.clientY - Z.top;
-    if (H < 0 || H > Z.width || b < 0 || b > Z.height)
+  }), g = F(null), T = F(0), y = F(null), [x, L] = G({ visible: !1, direction: null, time: 0 }), C = f((m) => m.isIdle), w = f((m) => m.setIsIdle), S = f((m) => m.resetIdle), P = (m, v) => m < v / 2 ? "backward" : "forward", R = (m) => {
+    if (!g.current) return;
+    const v = m.changedTouches[0];
+    if (!v) return;
+    const U = Date.now(), I = g.current.getBoundingClientRect(), A = v.clientX - I.left, k = v.clientY - I.top;
+    if (A < 0 || A > I.width || k < 0 || k > I.height)
       return;
-    const Q = l.current, K = Q ? G - Q.time : 1 / 0, W = R(H, Z.width), oe = g.current !== null && g.current === W && Q !== null && K < 700 && Math.abs(H - Q.x) < 100;
-    if (Q !== null && g.current === null && K < 300 && Math.abs(H - Q.x) < 50 || oe) {
-      m.preventDefault(), m.stopPropagation(), d.current.single && (window.clearTimeout(d.current.single), d.current.single = null), N(), (g.current === null || g.current !== W) && (y.current = 0, g.current = W);
-      const te = W === "backward" ? n : t;
-      y.current = Math.min(
-        y.current + Wr,
-        te != null ? te : 1 / 0
-      ), T(W, y.current), d.current.accumulate && window.clearTimeout(d.current.accumulate), d.current.accumulate = window.setTimeout(() => {
-        const q = y.current;
-        q > 0 && (g.current === "backward" ? a == null || a(q) : o == null || o(q), N()), y.current = 0, g.current = null, l.current = null, M(), d.current.accumulate = null;
-      }, 500), l.current = { time: G, x: H };
+    const J = c.current, Y = J ? U - J.time : 1 / 0, Z = P(A, I.width), oe = y.current !== null && y.current === Z && J !== null && Y < 700 && Math.abs(A - J.x) < 100;
+    if (J !== null && y.current === null && Y < 300 && Math.abs(A - J.x) < 50 || oe) {
+      m.preventDefault(), m.stopPropagation(), d.current.single && (window.clearTimeout(d.current.single), d.current.single = null), S(), (y.current === null || y.current !== Z) && (T.current = 0, y.current = Z);
+      const ne = Z === "backward" ? n : t;
+      T.current = Math.min(
+        T.current + eo,
+        ne != null ? ne : 1 / 0
+      ), B(Z, T.current), d.current.accumulate && window.clearTimeout(d.current.accumulate), d.current.accumulate = window.setTimeout(() => {
+        const K = T.current;
+        K > 0 && (y.current === "backward" ? s == null || s(K) : r == null || r(K), S()), T.current = 0, y.current = null, c.current = null, V(), d.current.accumulate = null;
+      }, 500), c.current = { time: U, x: A };
     } else {
-      l.current = { time: G, x: H }, d.current.single && window.clearTimeout(d.current.single);
-      const te = g.current !== null ? 700 : 350;
+      c.current = { time: U, x: A }, d.current.single && window.clearTimeout(d.current.single);
+      const ne = y.current !== null ? 700 : 350;
       d.current.single = window.setTimeout(() => {
-        if (g.current === null) {
+        if (y.current === null) {
           d.current.single = null;
-          const q = _;
-          j(!q), q && N();
+          const K = C;
+          w(!K), K && S();
         }
-        l.current = null;
-      }, te);
+        c.current = null;
+      }, ne);
     }
-  }, T = (m, O) => {
-    O !== 0 && (k({ visible: !0, direction: m, time: O }), d.current.indicator && window.clearTimeout(d.current.indicator), d.current.indicator = window.setTimeout(() => {
-      M();
+  }, B = (m, v) => {
+    v !== 0 && (L({ visible: !0, direction: m, time: v }), d.current.indicator && window.clearTimeout(d.current.indicator), d.current.indicator = window.setTimeout(() => {
+      V();
     }, 700));
-  }, M = () => {
-    k({ visible: !1, direction: null, time: 0 }), d.current.indicator && (window.clearTimeout(d.current.indicator), d.current.indicator = null);
+  }, V = () => {
+    L({ visible: !1, direction: null, time: 0 }), d.current.indicator && (window.clearTimeout(d.current.indicator), d.current.indicator = null);
   };
-  return D(() => {
+  return N(() => {
     const m = d.current;
     return () => {
       m != null && m.single && window.clearTimeout(m.single), m != null && m.indicator && window.clearTimeout(m.indicator), m != null && m.accumulate && window.clearTimeout(m.accumulate);
     };
-  }, []), /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-    /* @__PURE__ */ s.jsx(
+  }, []), /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
+    /* @__PURE__ */ a.jsx(
       "button",
-      P({
-        ref: v,
-        onTouchEnd: I,
+      M({
+        ref: g,
+        onTouchEnd: R,
         className: [me.playbackButton, e].filter(Boolean).join(" "),
         "aria-label": "Player gestures"
-      }, c)
+      }, l)
     ),
-    L.visible && /* @__PURE__ */ s.jsxs(
+    x.visible && /* @__PURE__ */ a.jsxs(
       "div",
       {
-        className: `${me.seekIndicator} ${me.seekIndicatorVisible} ${L.direction === "backward" ? me.seekIndicatorLeft : me.seekIndicatorRight}`,
+        className: `${me.seekIndicator} ${me.seekIndicatorVisible} ${x.direction === "backward" ? me.seekIndicatorLeft : me.seekIndicatorRight}`,
         children: [
-          L.direction === "backward" ? "-" : "+",
-          _e(L.time)
+          x.direction === "backward" ? "-" : "+",
+          Te(x.time)
         ]
       }
     )
   ] });
 }
-function Kr() {
-  const e = f((l) => l.isPlaying), t = f((l) => l.pause), n = f((l) => l.getPauseTimeDiff), o = f((l) => l.play), a = A((l) => l.delay), c = A((l) => l.setDelay), u = A((l) => l.startDate), i = u ? u.getTime() : 0;
-  return /* @__PURE__ */ s.jsx(
-    Xt,
+function ro() {
+  const e = f((c) => c.isPlaying), t = f((c) => c.pause), n = f((c) => c.getPauseTimeDiff), r = f((c) => c.play), s = $((c) => c.delay), l = $((c) => c.setDelay), u = $((c) => c.startDate), i = u ? u.getTime() : 0;
+  return /* @__PURE__ */ a.jsx(
+    nn,
     {
       onClick: () => {
         if (e)
           t();
         else {
-          const l = n();
-          l && c(a + l), o();
+          const c = n();
+          c && l(s + c), r();
         }
       },
-      onBackwardSeek: (l) => {
-        const d = a + l;
-        c(d);
+      onBackwardSeek: (c) => {
+        const d = s + c;
+        l(d);
       },
-      onForwardSeek: (l) => {
-        const d = Math.max(0, a - l);
-        c(d);
+      onForwardSeek: (c) => {
+        const d = Math.max(0, s - c);
+        l(d);
       },
       maxBackwardTime: Math.floor(i),
-      maxForwardTime: Math.floor(a)
+      maxForwardTime: Math.floor(s)
     }
   );
 }
-const Yr = "_playerButton_izwqq_1", Xr = "_playerButtonCircle_izwqq_42", _t = {
-  playerButton: Yr,
-  playerButtonCircle: Xr
-}, le = Ne(
-  (a, o) => {
-    var c = a, { shape: e = "circle", className: t } = c, n = ne(c, ["shape", "className"]);
-    const u = e === "circle" ? _t.playerButtonCircle : "", i = [_t.playerButton, u, t].filter(Boolean).join(" ");
-    return /* @__PURE__ */ s.jsx("button", P({ ref: o, className: i }, n));
+const oo = "_playerButton_izwqq_1", io = "_playerButtonCircle_izwqq_42", Et = {
+  playerButton: oo,
+  playerButtonCircle: io
+}, le = Ve(
+  (s, r) => {
+    var l = s, { shape: e = "circle", className: t } = l, n = re(l, ["shape", "className"]);
+    const u = e === "circle" ? Et.playerButtonCircle : "", i = [Et.playerButton, u, t].filter(Boolean).join(" ");
+    return /* @__PURE__ */ a.jsx("button", M({ ref: r, className: i }, n));
   }
 );
 le.displayName = "PlayerButton";
-const Gr = "_liveIndicator_1jczn_1", Jr = "_liveIndicatorHasDelay_1jczn_9", Qr = "_liveIndicatorNoDelay_1jczn_13", Ie = {
-  liveIndicator: Gr,
-  liveIndicatorHasDelay: Jr,
-  liveIndicatorNoDelay: Qr
+const so = "_liveIndicator_1jczn_1", ao = "_liveIndicatorHasDelay_1jczn_9", lo = "_liveIndicatorNoDelay_1jczn_13", ke = {
+  liveIndicator: so,
+  liveIndicatorHasDelay: ao,
+  liveIndicatorNoDelay: lo
 };
-function eo(n) {
-  var o = n, { message: e } = o, t = ne(o, ["message"]);
-  const a = A((l) => l.delay), c = A((l) => l.setDelay), u = () => {
-    a && c(0);
-  }, i = a ? `${Ie.liveIndicator} ${Ie.liveIndicatorHasDelay}` : `${Ie.liveIndicator} ${Ie.liveIndicatorNoDelay}`;
-  return /* @__PURE__ */ s.jsxs(le, he(P({ onClick: u, shape: "square" }, t), { children: [
-    /* @__PURE__ */ s.jsx("div", { className: i }),
+function co(n) {
+  var r = n, { message: e } = r, t = re(r, ["message"]);
+  const s = f((d) => d.restart), l = $((d) => d.delay), u = $((d) => d.setDelay), i = () => {
+    l && (s(), u(0));
+  }, c = l ? `${ke.liveIndicator} ${ke.liveIndicatorHasDelay}` : `${ke.liveIndicator} ${ke.liveIndicatorNoDelay}`;
+  return /* @__PURE__ */ a.jsxs(le, he(M({ onClick: i, shape: "square" }, t), { children: [
+    /* @__PURE__ */ a.jsx("div", { className: c }),
     e || "Live"
   ] }));
 }
-function Gt() {
-  return /* @__PURE__ */ s.jsx(
+function rn() {
+  return /* @__PURE__ */ a.jsx(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 24 24",
       fill: "currentColor",
-      children: /* @__PURE__ */ s.jsx("path", { d: "M6 5H8V19H6V5ZM16 5H18V19H16V5Z" })
+      children: /* @__PURE__ */ a.jsx("path", { d: "M6 5H8V19H6V5ZM16 5H18V19H16V5Z" })
     }
   );
 }
-function Jt() {
-  return /* @__PURE__ */ s.jsx(
+function on() {
+  return /* @__PURE__ */ a.jsx(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 24 24",
       fill: "currentColor",
-      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" })
+      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" })
     }
   );
 }
-function to() {
-  const e = f((i) => i.isPlaying), t = f((i) => i.pause), n = f((i) => i.getPauseTimeDiff), o = f((i) => i.play), a = A((i) => i.delay), c = A((i) => i.setDelay), u = () => {
+function uo() {
+  const e = f((i) => i.isPlaying), t = f((i) => i.pause), n = f((i) => i.getPauseTimeDiff), r = f((i) => i.play), s = $((i) => i.delay), l = $((i) => i.setDelay), u = () => {
     if (e)
       t();
     else {
       const i = n();
-      i && c(a + i), o();
+      i && l(s + i), r();
     }
   };
-  return /* @__PURE__ */ s.jsx(le, { onClick: u, children: e ? /* @__PURE__ */ s.jsx(Gt, {}) : /* @__PURE__ */ s.jsx(Jt, {}) });
-}
-const no = "_progressSlider_hwzgf_1", ro = "_tipContainer_hwzgf_7", oo = "_tipContainerVisible_hwzgf_17", io = "_tipContainerHidden_hwzgf_22", so = "_tipContent_hwzgf_27", se = {
-  progressSlider: no,
-  tipContainer: ro,
-  tipContainerVisible: oo,
-  tipContainerHidden: io,
-  tipContent: so
-}, ao = "_sliderRoot_aeak6_1", lo = "_sliderTrack_aeak6_18", co = "_sliderRange_aeak6_28", uo = "_sliderThumb_aeak6_37", ke = {
-  sliderRoot: ao,
-  sliderTrack: lo,
-  sliderRange: co,
-  sliderThumb: uo
-}, Ae = Ne((c, a) => {
-  var u = c, { max: e = 100, min: t = 0, className: n } = u, o = ne(u, ["max", "min", "className"]);
-  return /* @__PURE__ */ s.jsxs(
-    je.Root,
-    he(P({
-      ref: a,
+  return /* @__PURE__ */ a.jsx(le, { onClick: u, children: e ? /* @__PURE__ */ a.jsx(rn, {}) : /* @__PURE__ */ a.jsx(on, {}) });
+}
+const fo = "_progressSlider_hwzgf_1", ho = "_tipContainer_hwzgf_7", mo = "_tipContainerVisible_hwzgf_17", vo = "_tipContainerHidden_hwzgf_22", po = "_tipContent_hwzgf_27", se = {
+  progressSlider: fo,
+  tipContainer: ho,
+  tipContainerVisible: mo,
+  tipContainerHidden: vo,
+  tipContent: po
+}, yo = "_sliderRoot_aeak6_1", go = "_sliderTrack_aeak6_18", wo = "_sliderRange_aeak6_28", _o = "_sliderThumb_aeak6_37", De = {
+  sliderRoot: yo,
+  sliderTrack: go,
+  sliderRange: wo,
+  sliderThumb: _o
+}, Ae = Ve((l, s) => {
+  var u = l, { max: e = 100, min: t = 0, className: n } = u, r = re(u, ["max", "min", "className"]);
+  return /* @__PURE__ */ a.jsxs(
+    Le.Root,
+    he(M({
+      ref: s,
       min: t,
       max: e,
       "aria-label": "Player progress",
-      className: [ke.sliderRoot, n].filter(Boolean).join(" "),
+      className: [De.sliderRoot, n].filter(Boolean).join(" "),
       onKeyDown: (i) => (
         // Prevent the slider from being controlled by the keyboard
         // when the slider is focused by a click
         i.preventDefault()
       )
-    }, o), {
+    }, r), {
       children: [
-        /* @__PURE__ */ s.jsx(je.Track, { className: ke.sliderTrack, children: /* @__PURE__ */ s.jsx(je.Range, { className: ke.sliderRange }) }),
-        /* @__PURE__ */ s.jsx(je.Thumb, { className: ke.sliderThumb })
+        /* @__PURE__ */ a.jsx(Le.Track, { className: De.sliderTrack, children: /* @__PURE__ */ a.jsx(Le.Range, { className: De.sliderRange }) }),
+        /* @__PURE__ */ a.jsx(Le.Thumb, { className: De.sliderThumb })
       ]
     })
   );
@@ -1916,104 +2084,104 @@ function Fe(e) {
     height: t.height * 100
   } : t;
 }
-const xt = "vod-player-progress-bar";
-function fo() {
-  const e = V(null), t = V(null), [n, o] = X(0), [a, c] = X(0), [u, i] = X(!1), [l, d] = X(-1), [v, y] = X(-1), g = A((b) => b.delay), L = A((b) => b.startDate), k = L ? L.getTime() : 0, _ = (/* @__PURE__ */ new Date()).getTime(), j = A((b) => b.setDelay), N = f((b) => b.isPlaying), R = f((b) => b.addIdleLock), I = f((b) => b.removeIdleLock), T = z(() => {
-    o(qt(k, g)), c(Sr(k, _));
-  }, [g, _, k]), M = parseFloat(
-    (a ? (v !== -1 ? v : n) / a * 100 : 0).toFixed(1)
-  ), m = (b) => {
-    y(a * (b[0] / 100)), R(xt);
-  }, O = () => {
-    if (v !== -1) {
-      const b = Wt(k, v);
-      j(b), y(-1), I(xt);
-    }
-  }, G = () => i(!0), Z = () => i(!1), H = z(
-    (b) => {
-      const Q = e.current, K = t.current;
-      if (Q && K) {
-        const W = Fe(Q), oe = Fe(K), ue = (b.pageX || b.clientX) - W.left, te = ue / W.width;
-        if (te < 0) return;
-        let q = ue - oe.width / 2;
-        q < 0 && (q = 0), q > W.width - oe.width && (q = -1), K.style.left = q > -1 ? `${q}px` : "auto", K.style.right = q > -1 ? "auto" : "0px";
-        const ve = a - te * a;
-        d(ve > 0 ? ve : 0);
+const St = "vod-player-progress-bar";
+function To() {
+  const e = F(null), t = F(null), [n, r] = G(0), [s, l] = G(0), [u, i] = G(!1), [c, d] = G(-1), [g, T] = G(-1), y = $((k) => k.delay), x = $((k) => k.startDate), L = x ? x.getTime() : 0, C = (/* @__PURE__ */ new Date()).getTime(), w = $((k) => k.setDelay), S = f((k) => k.isPlaying), P = f((k) => k.addIdleLock), R = f((k) => k.removeIdleLock), B = O(() => {
+    r(Jt(L, y)), l(Fr(L, C));
+  }, [y, C, L]), V = parseFloat(
+    (s ? (g !== -1 ? g : n) / s * 100 : 0).toFixed(1)
+  ), m = (k) => {
+    T(s * (k[0] / 100)), P(St);
+  }, v = () => {
+    if (g !== -1) {
+      const k = Xt(L, g);
+      w(k), T(-1), R(St);
+    }
+  }, U = () => i(!0), I = () => i(!1), A = O(
+    (k) => {
+      const J = e.current, Y = t.current;
+      if (J && Y) {
+        const Z = Fe(J), oe = Fe(Y), ue = (k.pageX || k.clientX) - Z.left, ne = ue / Z.width;
+        if (ne < 0) return;
+        let K = ue - oe.width / 2;
+        K < 0 && (K = 0), K > Z.width - oe.width && (K = -1), Y.style.left = K > -1 ? `${K}px` : "auto", Y.style.right = K > -1 ? "auto" : "0px";
+        const pe = s - ne * s;
+        d(pe > 0 ? pe : 0);
       }
-      G();
+      U();
     },
-    [a]
+    [s]
   );
-  return Ve(() => T(), N ? 1e3 : null), D(() => {
-    const b = requestAnimationFrame(() => T());
-    return () => cancelAnimationFrame(b);
-  }, [T]), /* @__PURE__ */ s.jsxs("div", { className: se.progressSlider, children: [
-    /* @__PURE__ */ s.jsx(
+  return Ce(() => B(), S ? 1e3 : null), N(() => {
+    const k = requestAnimationFrame(() => B());
+    return () => cancelAnimationFrame(k);
+  }, [B]), /* @__PURE__ */ a.jsxs("div", { className: se.progressSlider, children: [
+    /* @__PURE__ */ a.jsx(
       Ae,
       {
         ref: e,
-        value: [M],
-        onPointerLeave: Z,
-        onPointerDown: Z,
-        onPointerMove: H,
+        value: [V],
+        onPointerLeave: I,
+        onPointerDown: I,
+        onPointerMove: A,
         onValueChange: m,
-        onValueCommit: O,
+        onValueCommit: v,
         step: 0.1
       }
     ),
-    /* @__PURE__ */ s.jsx(
+    /* @__PURE__ */ a.jsx(
       "div",
       {
         ref: t,
         className: `${se.tipContainer} ${u ? se.tipContainerVisible : se.tipContainerHidden}`,
-        children: /* @__PURE__ */ s.jsx("p", { className: se.tipContent, children: `-${_e(l)}` })
+        children: /* @__PURE__ */ a.jsx("p", { className: se.tipContent, children: `-${Te(c)}` })
       }
     )
   ] });
 }
-function ho() {
-  return /* @__PURE__ */ s.jsx(
+function xo() {
+  return /* @__PURE__ */ a.jsx(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 24 24",
       fill: "currentColor",
-      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" })
+      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" })
     }
   );
 }
-function mo() {
-  const e = A((a) => a.startDate), t = A((a) => a.setDelay), n = e ? e.getTime() : 0, o = () => t(Wt(n));
-  return /* @__PURE__ */ s.jsx(le, { onClick: o, children: /* @__PURE__ */ s.jsx(ho, {}) });
+function Co() {
+  const e = $((s) => s.startDate), t = $((s) => s.setDelay), n = e ? e.getTime() : 0, r = () => t(Xt(n));
+  return /* @__PURE__ */ a.jsx(le, { onClick: r, children: /* @__PURE__ */ a.jsx(xo, {}) });
 }
-const po = "_viewersContainer_z1ihz_1", vo = "_viewersIndicator_z1ihz_16", yo = "_viewersIcon_z1ihz_24", go = "_viewersCount_z1ihz_28", De = {
-  viewersContainer: po,
-  viewersIndicator: vo,
-  viewersIcon: yo,
-  viewersCount: go
+const Eo = "_viewersContainer_z1ihz_1", So = "_viewersIndicator_z1ihz_16", Ro = "_viewersIcon_z1ihz_24", bo = "_viewersCount_z1ihz_28", Me = {
+  viewersContainer: Eo,
+  viewersIndicator: So,
+  viewersIcon: Ro,
+  viewersCount: bo
 };
-function wo() {
-  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(
+function Po() {
+  const e = $((t) => t.viewerCount);
+  return e ? /* @__PURE__ */ a.jsxs("div", { className: Me.viewersContainer, children: [
+    /* @__PURE__ */ a.jsx("span", { className: Me.viewersIndicator }),
+    /* @__PURE__ */ a.jsxs(
       "svg",
       {
-        className: De.viewersIcon,
+        className: Me.viewersIcon,
         width: "16",
         height: "16",
         viewBox: "0 0 16 16",
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg",
         children: [
-          /* @__PURE__ */ s.jsx(
+          /* @__PURE__ */ a.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(
+          /* @__PURE__ */ a.jsx(
             "path",
             {
               d: "M8 8C5.79086 8 4 9.79086 4 12V13H12V12C12 9.79086 10.2091 8 8 8Z",
@@ -2023,175 +2191,175 @@ function wo() {
         ]
       }
     ),
-    /* @__PURE__ */ s.jsx("span", { className: De.viewersCount, children: e.toLocaleString() })
+    /* @__PURE__ */ a.jsx("span", { className: Me.viewersCount, children: e.toLocaleString() })
   ] }) : null;
 }
-function Qt() {
+function sn() {
   const e = f((n) => n.error);
   if (!e) return null;
   const t = e.code === "LIVE_MANIFEST_LOAD_ERROR";
-  return /* @__PURE__ */ s.jsx(
+  return /* @__PURE__ */ a.jsx(
     "div",
     {
       className: `${ie.playerNotice} ${t ? ie.playerNoticeLowZIndex : ""}`,
-      children: /* @__PURE__ */ s.jsx("h3", { className: ie.playerNoticeTitle, children: e.message })
+      children: /* @__PURE__ */ a.jsx("h3", { className: ie.playerNoticeTitle, children: e.message })
     }
   );
 }
-const To = "_playerContainer_146tx_1", _o = "_controlsTop_146tx_12", xo = "_controlsBottom_146tx_29", Co = "_controlsContainer_146tx_45", Eo = "_controlsRow_146tx_61", Ro = "_controlsSection_146tx_68", bo = "_controlsSectionStart_146tx_78", So = "_controlsSectionEnd_146tx_82", B = {
-  playerContainer: To,
-  controlsTop: _o,
-  controlsBottom: xo,
-  controlsContainer: Co,
-  controlsRow: Eo,
-  controlsSection: Ro,
-  controlsSectionStart: bo,
-  controlsSectionEnd: So
+const Lo = "_playerContainer_146tx_1", jo = "_controlsTop_146tx_12", Io = "_controlsBottom_146tx_29", ko = "_controlsContainer_146tx_45", Do = "_controlsRow_146tx_61", Mo = "_controlsSection_146tx_68", No = "_controlsSectionStart_146tx_78", Fo = "_controlsSectionEnd_146tx_82", q = {
+  playerContainer: Lo,
+  controlsTop: jo,
+  controlsBottom: Io,
+  controlsContainer: ko,
+  controlsRow: Do,
+  controlsSection: Mo,
+  controlsSectionStart: No,
+  controlsSectionEnd: Fo
 };
-function jo() {
-  return /* @__PURE__ */ s.jsx(
+function Vo() {
+  return /* @__PURE__ */ a.jsx(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 24 24",
       fill: "currentColor",
-      children: /* @__PURE__ */ s.jsx("path", { d: "M16 3H22V9H20V5H16V3ZM2 3H8V5H4V9H2V3ZM20 19V15H22V21H16V19H20ZM4 19H8V21H2V15H4V19Z" })
+      children: /* @__PURE__ */ a.jsx("path", { d: "M16 3H22V9H20V5H16V3ZM2 3H8V5H4V9H2V3ZM20 19V15H22V21H16V19H20ZM4 19H8V21H2V15H4V19Z" })
     }
   );
 }
-function Po() {
-  return /* @__PURE__ */ s.jsx(
+function Ao() {
+  return /* @__PURE__ */ a.jsx(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 24 24",
       fill: "currentColor",
-      children: /* @__PURE__ */ s.jsx("path", { d: "M18 7H22V9H16V3H18V7ZM8 9H2V7H6V3H8V9ZM18 17V21H16V15H22V17H18ZM8 15V21H6V17H2V15H8Z" })
+      children: /* @__PURE__ */ a.jsx("path", { d: "M18 7H22V9H16V3H18V7ZM8 9H2V7H6V3H8V9ZM18 17V21H16V15H22V17H18ZM8 15V21H6V17H2V15H8Z" })
     }
   );
 }
-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), c = f((d) => d.setIsFullscreenReady), u = f((d) => d.techRef), i = z(
+function an() {
+  const e = f((d) => d.containerRef), t = f((d) => d.exitFullscreen), n = f((d) => d.isFullscreen), r = f((d) => d.requestFullscreen), s = f((d) => d.setIsFullscreen), l = f((d) => d.setIsFullscreenReady), u = f((d) => d.techRef), i = O(
     (d) => {
-      d.stopPropagation(), a(ir());
+      d.stopPropagation(), s(ir());
     },
-    [a]
-  ), l = () => {
-    n ? t() : o();
+    [s]
+  ), c = () => {
+    n ? t() : r();
   };
-  return D(() => {
-    const d = Ut ? u.current : e.current;
+  return N(() => {
+    const d = zt ? u.current : e.current;
     if (d)
       return lr(d, i);
-  }, [e, i, u]), D(() => {
-    c(!0);
-  }, [c]), /* @__PURE__ */ s.jsx(le, { onClick: l, children: n ? /* @__PURE__ */ s.jsx(Po, {}) : /* @__PURE__ */ s.jsx(jo, {}) });
-}
-const Lo = "_idleCheckContainer_crh2s_1", Io = "_idleCheckContainerIdle_crh2s_5", ko = "_idleCheckContainerActive_crh2s_11", Ze = {
-  idleCheckContainer: Lo,
-  idleCheckContainerIdle: Io,
-  idleCheckContainerActive: ko
-}, Do = 5 * 1e3;
-function tn({ children: e }) {
-  const t = V(null), n = f((g) => g.isIdle), o = f((g) => g.setIsIdle), a = V(null), u = f((g) => g.idleLocks).size, i = f((g) => g.eventEmitter), l = z(() => {
-    a.current !== null && (window.clearTimeout(a.current), a.current = null);
-  }, []), d = z(() => {
-    l(), a.current = window.setTimeout(() => o(!0), Do);
-  }, [l, o]);
-  D(() => (o(!1), d(), () => {
-    l();
-  }), [l, o, d]), D(() => {
-    const g = () => {
-      o(!1), d();
+  }, [e, i, u]), N(() => {
+    l(!0);
+  }, [l]), /* @__PURE__ */ a.jsx(le, { onClick: c, children: n ? /* @__PURE__ */ a.jsx(Ao, {}) : /* @__PURE__ */ a.jsx(Vo, {}) });
+}
+const Oo = "_idleCheckContainer_crh2s_1", Ho = "_idleCheckContainerIdle_crh2s_5", $o = "_idleCheckContainerActive_crh2s_11", Ke = {
+  idleCheckContainer: Oo,
+  idleCheckContainerIdle: Ho,
+  idleCheckContainerActive: $o
+}, Uo = 5 * 1e3;
+function ln({ children: e }) {
+  const t = F(null), n = f((y) => y.isIdle), r = f((y) => y.setIsIdle), s = F(null), u = f((y) => y.idleLocks).size, i = f((y) => y.eventEmitter), c = O(() => {
+    s.current !== null && (window.clearTimeout(s.current), s.current = null);
+  }, []), d = O(() => {
+    c(), s.current = window.setTimeout(() => r(!0), Uo);
+  }, [c, r]);
+  N(() => (r(!1), d(), () => {
+    c();
+  }), [c, r, d]), N(() => {
+    const y = () => {
+      r(!1), d();
     };
-    return i.on("resetIdle", g), () => {
-      i.off("resetIdle", g);
+    return i.on("resetIdle", y), () => {
+      i.off("resetIdle", y);
     };
-  }, [i, o, d]);
-  const v = n && !u, y = `${Ze.idleCheckContainer} ${v ? Ze.idleCheckContainerIdle : Ze.idleCheckContainerActive}`;
-  return /* @__PURE__ */ s.jsx("div", { ref: t, className: y, children: e });
+  }, [i, r, d]);
+  const g = n && !u, T = `${Ke.idleCheckContainer} ${g ? Ke.idleCheckContainerIdle : Ke.idleCheckContainerActive}`;
+  return /* @__PURE__ */ a.jsx("div", { ref: t, className: T, children: e });
 }
-const Mo = "_spinner_oo4hi_10", Fo = {
-  spinner: Mo
+const Bo = "_spinner_oo4hi_10", Wo = {
+  spinner: Bo
 };
-function No(e) {
-  return /* @__PURE__ */ s.jsx("div", P({ className: Fo.spinner }, e));
+function zo(e) {
+  return /* @__PURE__ */ a.jsx("div", M({ className: Wo.spinner }, e));
 }
-function Vo(e, t = 500) {
-  const [n, o] = X(e);
-  return D(() => {
-    const a = window.setTimeout(() => o(e), t);
+function qo(e, t = 500) {
+  const [n, r] = G(e);
+  return N(() => {
+    const s = window.setTimeout(() => r(e), t);
     return () => {
-      window.clearTimeout(a);
+      window.clearTimeout(s);
     };
   }, [e, t]), n;
 }
-const Ao = "_loadingContainer_v9v7r_1", Oo = {
-  loadingContainer: Ao
+const Yo = "_loadingContainer_v9v7r_1", Zo = {
+  loadingContainer: Yo
 };
-function nn(n) {
-  var o = n, { style: e } = o, t = ne(o, ["style"]);
-  const a = f((u) => u.isLoading);
-  return Vo(a, 100) ? /* @__PURE__ */ s.jsx("div", he(P({ className: Oo.loadingContainer, style: e }, t), { children: /* @__PURE__ */ s.jsx(No, {}) })) : null;
+function cn(n) {
+  var r = n, { style: e } = r, t = re(r, ["style"]);
+  const s = f((u) => u.isLoading);
+  return qo(s, 100) ? /* @__PURE__ */ a.jsx("div", he(M({ className: Zo.loadingContainer, style: e }, t), { children: /* @__PURE__ */ a.jsx(zo, {}) })) : null;
 }
-function Ho() {
-  return /* @__PURE__ */ s.jsx(
+function Ko() {
+  return /* @__PURE__ */ a.jsx(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 24 24",
       fill: "currentColor",
-      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" })
+      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" })
     }
   );
 }
-function $o() {
-  return /* @__PURE__ */ s.jsx(
+function Go() {
+  return /* @__PURE__ */ a.jsx(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 24 24",
       fill: "currentColor",
-      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" })
+      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" })
     }
   );
 }
-const Uo = "_dropdownMenuContent_b7j6b_1", Bo = "_dropdownMenuItem_b7j6b_83", zo = "_scrollAreaRoot_b7j6b_125", Wo = "_scrollAreaViewport_b7j6b_133", qo = "_scrollAreaScrollbar_b7j6b_141", Zo = "_scrollAreaThumb_b7j6b_168", pe = {
-  dropdownMenuContent: Uo,
-  dropdownMenuItem: Bo,
-  scrollAreaRoot: zo,
-  scrollAreaViewport: Wo,
-  scrollAreaScrollbar: qo,
-  scrollAreaThumb: Zo
-}, Ko = xe.Root, Yo = xe.Trigger, Xo = xe.Portal, rn = Ne((c, a) => {
-  var u = c, { sideOffset: e = 4, className: t, children: n } = u, o = ne(u, ["sideOffset", "className", "children"]);
-  return /* @__PURE__ */ s.jsx(
+const Xo = "_dropdownMenuContent_b7j6b_1", Jo = "_dropdownMenuItem_b7j6b_83", Qo = "_scrollAreaRoot_b7j6b_125", ei = "_scrollAreaViewport_b7j6b_133", ti = "_scrollAreaScrollbar_b7j6b_141", ni = "_scrollAreaThumb_b7j6b_168", ve = {
+  dropdownMenuContent: Xo,
+  dropdownMenuItem: Jo,
+  scrollAreaRoot: Qo,
+  scrollAreaViewport: ei,
+  scrollAreaScrollbar: ti,
+  scrollAreaThumb: ni
+}, ri = xe.Root, oi = xe.Trigger, ii = xe.Portal, un = Ve((l, s) => {
+  var u = l, { sideOffset: e = 4, className: t, children: n } = u, r = re(u, ["sideOffset", "className", "children"]);
+  return /* @__PURE__ */ a.jsx(
     xe.Content,
-    he(P({
-      ref: a,
+    he(M({
+      ref: s,
       sideOffset: e,
-      className: [pe.dropdownMenuContent, t].filter(Boolean).join(" "),
+      className: [ve.dropdownMenuContent, t].filter(Boolean).join(" "),
       onOpenAutoFocus: (i) => {
         i.preventDefault();
       },
       onCloseAutoFocus: (i) => {
         i.preventDefault();
       }
-    }, o), {
-      children: /* @__PURE__ */ s.jsxs(
-        Pe.Root,
+    }, r), {
+      children: /* @__PURE__ */ a.jsxs(
+        je.Root,
         {
-          className: pe.scrollAreaRoot,
+          className: ve.scrollAreaRoot,
           type: "always",
           scrollHideDelay: 0,
           children: [
-            /* @__PURE__ */ s.jsx(Pe.Viewport, { className: pe.scrollAreaViewport, children: n }),
-            /* @__PURE__ */ s.jsx(
-              Pe.Scrollbar,
+            /* @__PURE__ */ a.jsx(je.Viewport, { className: ve.scrollAreaViewport, children: n }),
+            /* @__PURE__ */ a.jsx(
+              je.Scrollbar,
               {
-                className: pe.scrollAreaScrollbar,
+                className: ve.scrollAreaScrollbar,
                 orientation: "vertical",
-                children: /* @__PURE__ */ s.jsx(Pe.Thumb, { className: pe.scrollAreaThumb })
+                children: /* @__PURE__ */ a.jsx(je.Thumb, { className: ve.scrollAreaThumb })
               }
             )
           ]
@@ -2200,19 +2368,19 @@ const Uo = "_dropdownMenuContent_b7j6b_1", Bo = "_dropdownMenuItem_b7j6b_83", zo
     })
   );
 });
-rn.displayName = "PlayerMenuContent";
-const on = Ne((a, o) => {
-  var c = a, { className: e, onClick: t } = c, n = ne(c, ["className", "onClick"]);
-  const u = (l) => {
-    t == null || t(l);
-  }, i = (l) => {
-    (l.key === "Enter" || l.key === " ") && (l.preventDefault(), t == null || t(l));
+un.displayName = "PlayerMenuContent";
+const dn = Ve((s, r) => {
+  var l = s, { className: e, onClick: t } = l, n = re(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__ */ s.jsx(xe.Close, { asChild: !0, children: /* @__PURE__ */ s.jsx(
+  return /* @__PURE__ */ a.jsx(xe.Close, { asChild: !0, children: /* @__PURE__ */ a.jsx(
     "div",
-    P({
-      ref: o,
-      className: [pe.dropdownMenuItem, e].filter(Boolean).join(" "),
+    M({
+      ref: r,
+      className: [ve.dropdownMenuItem, e].filter(Boolean).join(" "),
       role: "menuitem",
       tabIndex: 0,
       onClick: u,
@@ -2220,307 +2388,309 @@ const on = Ne((a, o) => {
     }, n)
   ) });
 });
-on.displayName = "PlayerMenuItem";
-const Ct = "settings";
-function sn() {
-  const [e, t] = X(!1), n = f((l) => l.containerRef), o = f((l) => l.addIdleLock), a = f((l) => l.removeIdleLock), c = f((l) => l.levels), u = f((l) => l.setLevel), i = z(
-    (l) => {
-      t(l), l ? o(Ct) : a(Ct);
+dn.displayName = "PlayerMenuItem";
+const Rt = "settings";
+function fn() {
+  const [e, t] = G(!1), n = f((c) => c.containerRef), r = f((c) => c.addIdleLock), s = f((c) => c.removeIdleLock), l = f((c) => c.levels), u = f((c) => c.setLevel), i = O(
+    (c) => {
+      t(c), c ? r(Rt) : s(Rt);
     },
-    [o, a]
+    [r, s]
   );
-  return /* @__PURE__ */ s.jsxs(Ko, { open: e, onOpenChange: i, children: [
-    /* @__PURE__ */ s.jsx(Yo, { asChild: !0, children: /* @__PURE__ */ s.jsx(le, { children: /* @__PURE__ */ s.jsx($o, {}) }) }),
-    /* @__PURE__ */ s.jsx(Xo, { container: n.current, children: /* @__PURE__ */ s.jsx(rn, { side: "top", align: "end", children: c == null ? void 0 : c.map((l) => /* @__PURE__ */ s.jsxs(
-      on,
+  return /* @__PURE__ */ a.jsxs(ri, { open: e, onOpenChange: i, children: [
+    /* @__PURE__ */ a.jsx(oi, { asChild: !0, children: /* @__PURE__ */ a.jsx(le, { children: /* @__PURE__ */ a.jsx(Go, {}) }) }),
+    /* @__PURE__ */ a.jsx(ii, { container: n.current, children: /* @__PURE__ */ a.jsx(un, { side: "top", align: "end", children: l == null ? void 0 : l.map((c) => /* @__PURE__ */ a.jsxs(
+      dn,
       {
-        onClick: () => u(l.value),
+        onClick: () => u(c.value),
         children: [
-          l.label,
-          l.selected && /* @__PURE__ */ s.jsx(Ho, {})
+          c.label,
+          c.selected && /* @__PURE__ */ a.jsx(Ko, {})
         ]
       },
-      l.sid
+      c.sid
     )) }) })
   ] });
 }
-function Go() {
-  return /* @__PURE__ */ s.jsx(
+function si() {
+  return /* @__PURE__ */ a.jsx(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 24 24",
       fill: "currentColor",
-      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" })
+      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" })
     }
   );
 }
-function Jo() {
-  return /* @__PURE__ */ s.jsx(
+function ai() {
+  return /* @__PURE__ */ a.jsx(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 24 24",
       fill: "currentColor",
-      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" })
+      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" })
     }
   );
 }
-function Qo() {
-  return /* @__PURE__ */ s.jsx(
+function li() {
+  return /* @__PURE__ */ a.jsx(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 24 24",
       fill: "currentColor",
-      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" })
+      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" })
     }
   );
 }
-const ei = "_volumeContainer_4d6jg_1", ti = "_volumeSlider_4d6jg_8", Et = {
-  volumeContainer: ei,
-  volumeSlider: ti
-}, 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);
-  }, c = () => {
-    o(Rt);
+const ci = "_volumeContainer_4d6jg_1", ui = "_volumeSlider_4d6jg_8", bt = {
+  volumeContainer: ci,
+  volumeSlider: ui
+}, Pt = "volume";
+function hn() {
+  const e = f((i) => i.setVolume), t = f((i) => i.volume), n = f((i) => i.addIdleLock), r = f((i) => i.removeIdleLock), s = (i) => {
+    e(i[0]), n(Pt);
+  }, l = () => {
+    r(Pt);
   }, u = () => e(t ? 0 : 100);
-  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(Go, {}) : /* @__PURE__ */ s.jsx(Jo, {}) : /* @__PURE__ */ s.jsx(Qo, {}) }),
-    /* @__PURE__ */ s.jsx("div", { className: Et.volumeSlider, children: /* @__PURE__ */ s.jsx(
+  return /* @__PURE__ */ a.jsxs("div", { className: bt.volumeContainer, children: [
+    /* @__PURE__ */ a.jsx(le, { onClick: u, className: "shrink-0", children: t ? t > 50 ? /* @__PURE__ */ a.jsx(si, {}) : /* @__PURE__ */ a.jsx(ai, {}) : /* @__PURE__ */ a.jsx(li, {}) }),
+    /* @__PURE__ */ a.jsx("div", { className: bt.volumeSlider, children: /* @__PURE__ */ a.jsx(
       Ae,
       {
         value: [t],
-        onValueChange: a,
-        onValueCommit: c
+        onValueChange: s,
+        onValueCommit: l
       }
     ) })
   ] });
 }
-const ni = "0.0.50", ln = {
-  version: ni
-};
-function wi(e) {
-  return /* @__PURE__ */ s.jsx(kr, { children: /* @__PURE__ */ s.jsx(ri, P({}, e)) });
+function Pi(e) {
+  return /* @__PURE__ */ a.jsx($r, { children: /* @__PURE__ */ a.jsx(di, M({}, e)) });
 }
-function ri({ url: e, messages: t = {}, onEvent: n }) {
-  var c, u, i, l;
-  const o = f((d) => d.containerRef), a = {
+function di({ url: e, messages: t = {}, onEvent: n }) {
+  var l, u, i, c;
+  const r = f((d) => d.containerRef), s = {
     eventNotStarted: "Event has not started yet.",
     eventStartingSoon: "Starting in few seconds...",
     unableToPlay: "Unable to play the live stream. Please try again later."
   };
-  return D(() => {
-    console.log(`[Player][Live] Version: ${ln.version}`);
-  }, []), /* @__PURE__ */ s.jsxs(
+  return N(() => {
+    console.log(`[Player][Live] Version: ${Je.version}`);
+  }, []), /* @__PURE__ */ a.jsxs(
     "div",
     {
-      ref: o,
-      className: B.playerContainer,
+      ref: r,
+      className: q.playerContainer,
       children: [
-        /* @__PURE__ */ s.jsxs(
-          Er,
+        /* @__PURE__ */ a.jsxs(
+          Dr,
           {
             url: e,
             messages: {
-              eventNotStarted: (c = t == null ? void 0 : t.eventNotStarted) != null ? c : a.eventNotStarted,
-              eventStartingSoon: (u = t == null ? void 0 : t.eventStartingSoon) != null ? u : a.eventStartingSoon,
-              unableToPlay: (i = t == null ? void 0 : t.unableToPlay) != null ? i : a.unableToPlay
+              eventNotStarted: (l = t == null ? void 0 : t.eventNotStarted) != null ? l : s.eventNotStarted,
+              eventStartingSoon: (u = t == null ? void 0 : t.eventStartingSoon) != null ? u : s.eventStartingSoon,
+              unableToPlay: (i = t == null ? void 0 : t.unableToPlay) != null ? i : s.unableToPlay
             },
             children: [
-              /* @__PURE__ */ s.jsx(
-                Nr,
+              /* @__PURE__ */ a.jsx(
+                zr,
                 {
                   url: e,
                   messages: {
-                    unableToPlay: (l = t == null ? void 0 : t.unableToPlay) != null ? l : a.unableToPlay
+                    unableToPlay: (c = t == null ? void 0 : t.unableToPlay) != null ? c : s.unableToPlay
                   }
                 }
               ),
-              /* @__PURE__ */ s.jsx(Qt, {}),
-              /* @__PURE__ */ s.jsx(nn, {}),
-              /* @__PURE__ */ s.jsx(Kr, {}),
-              /* @__PURE__ */ s.jsxs(tn, { children: [
-                /* @__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(wo, {}) }) }) }),
-                /* @__PURE__ */ s.jsx("div", { className: B.controlsBottom, children: /* @__PURE__ */ s.jsxs("div", { className: B.controlsContainer, children: [
-                  /* @__PURE__ */ s.jsx(fo, {}),
-                  /* @__PURE__ */ s.jsxs("div", { className: B.controlsRow, children: [
-                    /* @__PURE__ */ s.jsxs(
+              /* @__PURE__ */ a.jsx(sn, {}),
+              /* @__PURE__ */ a.jsx(cn, {}),
+              /* @__PURE__ */ a.jsx(ro, {}),
+              /* @__PURE__ */ a.jsxs(ln, { children: [
+                /* @__PURE__ */ a.jsx("div", { className: q.controlsTop, children: /* @__PURE__ */ a.jsx("div", { className: q.controlsContainer, children: /* @__PURE__ */ a.jsx("div", { className: q.controlsRow, children: /* @__PURE__ */ a.jsx(Po, {}) }) }) }),
+                /* @__PURE__ */ a.jsx("div", { className: q.controlsBottom, children: /* @__PURE__ */ a.jsxs("div", { className: q.controlsContainer, children: [
+                  /* @__PURE__ */ a.jsx(To, {}),
+                  /* @__PURE__ */ a.jsxs("div", { className: q.controlsRow, children: [
+                    /* @__PURE__ */ a.jsxs(
                       "div",
                       {
-                        className: `${B.controlsSection} ${B.controlsSectionStart}`,
+                        className: `${q.controlsSection} ${q.controlsSectionStart}`,
                         children: [
-                          /* @__PURE__ */ s.jsx(to, {}),
-                          /* @__PURE__ */ s.jsx(mo, {}),
-                          /* @__PURE__ */ s.jsx(an, {})
+                          /* @__PURE__ */ a.jsx(uo, {}),
+                          /* @__PURE__ */ a.jsx(Co, {}),
+                          /* @__PURE__ */ a.jsx(hn, {})
                         ]
                       }
                     ),
-                    /* @__PURE__ */ s.jsxs(
+                    /* @__PURE__ */ a.jsxs(
                       "div",
                       {
-                        className: `${B.controlsSection} ${B.controlsSectionEnd}`,
+                        className: `${q.controlsSection} ${q.controlsSectionEnd}`,
                         children: [
-                          /* @__PURE__ */ s.jsx(eo, { message: t == null ? void 0 : t.live }),
-                          /* @__PURE__ */ s.jsx(sn, {}),
-                          /* @__PURE__ */ s.jsx(en, {})
+                          /* @__PURE__ */ a.jsx(co, { message: t == null ? void 0 : t.live }),
+                          /* @__PURE__ */ a.jsx(fn, {}),
+                          /* @__PURE__ */ a.jsx(an, {})
                         ]
                       }
                     )
                   ] })
                 ] }) })
-              ] })
+              ] }),
+              /* @__PURE__ */ a.jsx(Cr, { url: e }),
+              /* @__PURE__ */ a.jsx(Hr, {}),
+              /* @__PURE__ */ a.jsx(qr, { url: e })
             ]
           }
         ),
-        /* @__PURE__ */ s.jsx(Ir, {}),
-        /* @__PURE__ */ s.jsx(Vr, { url: e }),
-        n && /* @__PURE__ */ s.jsx(Lr, { callback: n })
+        n && /* @__PURE__ */ a.jsx(Or, { callback: n })
       ]
     }
   );
 }
-function oi() {
-  const e = f((u) => u.isPlaying), t = f((u) => u.pause), n = f((u) => u.play), o = f((u) => u.currentTime), a = f((u) => u.duration), c = f((u) => u.seek);
-  return /* @__PURE__ */ s.jsx(
-    Xt,
+function fi() {
+  const e = f((u) => u.isPlaying), t = f((u) => u.pause), n = f((u) => u.play), r = f((u) => u.currentTime), s = f((u) => u.duration), l = f((u) => u.seek);
+  return /* @__PURE__ */ a.jsx(
+    nn,
     {
       onClick: () => {
         e ? t() : n();
       },
       onBackwardSeek: (u) => {
-        const i = Math.max(0, o - u);
-        c(i);
+        const i = Math.max(0, r - u);
+        l(i);
       },
       onForwardSeek: (u) => {
-        const i = Math.min(o + u, a);
-        c(i);
+        const i = Math.min(r + u, s);
+        l(i);
       },
-      maxBackwardTime: Math.floor(o),
-      maxForwardTime: Math.floor(a - o)
+      maxBackwardTime: Math.floor(r),
+      maxForwardTime: Math.floor(s - r)
     }
   );
 }
-function ii() {
-  const e = f((a) => a.isPlaying), t = f((a) => a.pause), n = f((a) => a.play), o = () => {
+function hi() {
+  const e = f((s) => s.isPlaying), t = f((s) => s.pause), n = f((s) => s.play), r = () => {
     e ? t() : n();
   };
-  return /* @__PURE__ */ s.jsx(le, { onClick: o, children: e ? /* @__PURE__ */ s.jsx(Gt, {}) : /* @__PURE__ */ s.jsx(Jt, {}) });
-}
-const bt = "vod-player-progress-bar";
-function si() {
-  const e = V(null), t = V(null), [n, o] = X(!1), [a, c] = X(-1), [u, i] = X(-1), l = f((I) => I.currentTime), d = f((I) => I.duration), v = f((I) => I.seek), y = f((I) => I.addIdleLock), g = f((I) => I.removeIdleLock), L = parseFloat(
-    (d ? (u !== -1 ? u : l) / d * 100 : 0).toFixed(1)
-  ), k = (I) => {
-    i(d * (I[0] / 100)), y(bt);
-  }, _ = () => {
-    u !== -1 && (v(u), i(-1), g(bt));
-  }, j = () => o(!0), N = () => o(!1), R = z(
-    (I) => {
-      const T = e.current, M = t.current;
-      if (T && M) {
-        const m = Fe(T), O = Fe(M), G = (I.pageX || I.clientX) - m.left, Z = G / m.width;
-        if (Z < 0) return;
-        let H = G - O.width / 2;
-        H < 0 && (H = 0), H > m.width - O.width && (H = -1), M.style.left = H > -1 ? `${H}px` : "auto", M.style.right = H > -1 ? "auto" : "0px", c(Z * d);
+  return /* @__PURE__ */ a.jsx(le, { onClick: r, children: e ? /* @__PURE__ */ a.jsx(rn, {}) : /* @__PURE__ */ a.jsx(on, {}) });
+}
+const Lt = "vod-player-progress-bar";
+function mi() {
+  const e = F(null), t = F(null), [n, r] = G(!1), [s, l] = G(-1), [u, i] = G(-1), c = f((R) => R.currentTime), d = f((R) => R.duration), g = f((R) => R.seek), T = f((R) => R.addIdleLock), y = f((R) => R.removeIdleLock), x = parseFloat(
+    (d ? (u !== -1 ? u : c) / d * 100 : 0).toFixed(1)
+  ), L = (R) => {
+    i(d * (R[0] / 100)), T(Lt);
+  }, C = () => {
+    u !== -1 && (g(u), i(-1), y(Lt));
+  }, w = () => r(!0), S = () => r(!1), P = O(
+    (R) => {
+      const B = e.current, V = t.current;
+      if (B && V) {
+        const m = Fe(B), v = Fe(V), U = (R.pageX || R.clientX) - m.left, I = U / m.width;
+        if (I < 0) return;
+        let A = U - v.width / 2;
+        A < 0 && (A = 0), A > m.width - v.width && (A = -1), V.style.left = A > -1 ? `${A}px` : "auto", V.style.right = A > -1 ? "auto" : "0px", l(I * d);
       }
-      j();
+      w();
     },
     [d]
   );
-  return /* @__PURE__ */ s.jsxs("div", { className: se.progressSlider, children: [
-    /* @__PURE__ */ s.jsx(
+  return /* @__PURE__ */ a.jsxs("div", { className: se.progressSlider, children: [
+    /* @__PURE__ */ a.jsx(
       Ae,
       {
         ref: e,
-        value: [L],
-        onPointerLeave: N,
-        onPointerDown: N,
-        onPointerMove: R,
-        onValueChange: k,
-        onValueCommit: _,
+        value: [x],
+        onPointerLeave: S,
+        onPointerDown: S,
+        onPointerMove: P,
+        onValueChange: L,
+        onValueCommit: C,
         step: 0.1
       }
     ),
-    /* @__PURE__ */ s.jsx(
+    /* @__PURE__ */ a.jsx(
       "div",
       {
         ref: t,
         className: `${se.tipContainer} ${n ? se.tipContainerVisible : se.tipContainerHidden}`,
-        children: /* @__PURE__ */ s.jsx("p", { className: se.tipContent, children: _e(a) })
+        children: /* @__PURE__ */ a.jsx("p", { className: se.tipContent, children: Te(s) })
       }
     )
   ] });
 }
-const ai = "_remainingTimeContainer_1yyhb_1", li = "_remainingTime_1yyhb_1", ci = "_remainingSeparator_1yyhb_17", Me = {
-  remainingTimeContainer: ai,
-  remainingTime: li,
-  remainingSeparator: ci
+const vi = "_remainingTimeContainer_1yyhb_1", pi = "_remainingTime_1yyhb_1", yi = "_remainingSeparator_1yyhb_17", Ne = {
+  remainingTimeContainer: vi,
+  remainingTime: pi,
+  remainingSeparator: yi
 };
-function ui() {
+function gi() {
   const e = f((n) => n.currentTime), t = f((n) => n.duration);
-  return /* @__PURE__ */ s.jsxs("div", { className: Me.remainingTimeContainer, children: [
-    /* @__PURE__ */ s.jsx("p", { className: Me.remainingTime, children: _e(e) }),
-    /* @__PURE__ */ s.jsx("p", { className: Me.remainingSeparator }),
-    /* @__PURE__ */ s.jsx("p", { className: Me.remainingTime, children: _e(t) })
+  return /* @__PURE__ */ a.jsxs("div", { className: Ne.remainingTimeContainer, children: [
+    /* @__PURE__ */ a.jsx("p", { className: Ne.remainingTime, children: Te(e) }),
+    /* @__PURE__ */ a.jsx("p", { className: Ne.remainingSeparator }),
+    /* @__PURE__ */ a.jsx("p", { className: Ne.remainingTime, children: Te(t) })
   ] });
 }
-function di({ callback: e }) {
+function wi({ url: e }) {
+  const { video_id: t } = Kt(e), n = t ? Number(t) : void 0;
+  return n ? /* @__PURE__ */ a.jsx(Yt, { kind: "vod", url: e, id: n }) : null;
+}
+function _i({ callback: e }) {
   const t = f((n) => n.eventEmitter);
-  return D(() => {
-    const n = (o) => e("timeUpdate", o);
+  return N(() => {
+    const n = (r) => e("timeUpdate", r);
     return t.on("timeUpdate", n), () => {
       t.off("timeUpdate", n);
     };
-  }, [e, t]), /* @__PURE__ */ s.jsx(zt, { callback: e });
+  }, [e, t]), /* @__PURE__ */ a.jsx(Gt, { callback: e });
 }
-function fi() {
-  const e = f((i) => i.currentTime), t = f((i) => i.duration), n = f((i) => i.isPlaying), o = f((i) => i.pause), a = f((i) => i.play), c = f((i) => i.seek), u = z(
+function Ti() {
+  const e = f((i) => i.currentTime), t = f((i) => i.duration), n = f((i) => i.isPlaying), r = f((i) => i.pause), s = f((i) => i.play), l = f((i) => i.seek), u = O(
     (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() : a(), l = !0;
+            n ? r() : s(), c = !0;
             break;
         }
-        l && i.preventDefault();
+        c && i.preventDefault();
       }
     },
-    [e, t, n, o, a, c]
+    [e, t, n, r, s, l]
   );
-  return D(() => (document.addEventListener("keydown", u), () => {
+  return N(() => (document.addEventListener("keydown", u), () => {
     document.removeEventListener("keydown", u);
-  }), [u]), /* @__PURE__ */ s.jsx(Zt, {});
+  }), [u]), /* @__PURE__ */ a.jsx(Qt, {});
 }
-function Ti(e) {
-  return /* @__PURE__ */ s.jsx(Kt, { children: /* @__PURE__ */ s.jsx(hi, P({}, e)) });
+function Li(e) {
+  return /* @__PURE__ */ a.jsx(en, { children: /* @__PURE__ */ a.jsx(xi, M({}, e)) });
 }
-function hi({ url: e, messages: t, onEvent: n, startTime: o }) {
+function xi({ url: e, messages: t, onEvent: n, startTime: r }) {
   var i;
-  const a = f((l) => l.setStartTime), c = f((l) => l.containerRef), u = {
+  const s = f((c) => c.setStartTime), l = f((c) => c.containerRef), u = {
     unableToPlay: "Unable to play the video. Please try again later."
   };
-  return D(() => {
-    o && a(o);
-  }, [o, a]), D(() => {
-    console.log(`[Player][VOD] Version: ${ln.version}`);
-  }, []), /* @__PURE__ */ s.jsxs(
+  return N(() => {
+    r && s(r);
+  }, [r, s]), N(() => {
+    console.log(`[Player][VOD] Version: ${Je.version}`);
+  }, []), /* @__PURE__ */ a.jsxs(
     "div",
     {
-      ref: c,
-      className: B.playerContainer,
+      ref: l,
+      className: q.playerContainer,
       children: [
-        /* @__PURE__ */ s.jsx(
-          Yt,
+        /* @__PURE__ */ a.jsx(
+          tn,
           {
             url: e,
             isLive: !1,
@@ -2529,43 +2699,44 @@ function hi({ url: e, messages: t, onEvent: n, startTime: o }) {
             }
           }
         ),
-        /* @__PURE__ */ s.jsx(Qt, {}),
-        /* @__PURE__ */ s.jsx(nn, {}),
-        /* @__PURE__ */ s.jsx(oi, {}),
-        /* @__PURE__ */ s.jsx(tn, { children: /* @__PURE__ */ s.jsx("div", { className: B.controlsBottom, children: /* @__PURE__ */ s.jsxs("div", { className: B.controlsContainer, children: [
-          /* @__PURE__ */ s.jsx(si, {}),
-          /* @__PURE__ */ s.jsxs("div", { className: B.controlsRow, children: [
-            /* @__PURE__ */ s.jsxs(
+        /* @__PURE__ */ a.jsx(sn, {}),
+        /* @__PURE__ */ a.jsx(cn, {}),
+        /* @__PURE__ */ a.jsx(fi, {}),
+        /* @__PURE__ */ a.jsx(ln, { children: /* @__PURE__ */ a.jsx("div", { className: q.controlsBottom, children: /* @__PURE__ */ a.jsxs("div", { className: q.controlsContainer, children: [
+          /* @__PURE__ */ a.jsx(mi, {}),
+          /* @__PURE__ */ a.jsxs("div", { className: q.controlsRow, children: [
+            /* @__PURE__ */ a.jsxs(
               "div",
               {
-                className: `${B.controlsSection} ${B.controlsSectionStart}`,
+                className: `${q.controlsSection} ${q.controlsSectionStart}`,
                 children: [
-                  /* @__PURE__ */ s.jsx(ii, {}),
-                  /* @__PURE__ */ s.jsx(an, {}),
-                  /* @__PURE__ */ s.jsx(ui, {})
+                  /* @__PURE__ */ a.jsx(hi, {}),
+                  /* @__PURE__ */ a.jsx(hn, {}),
+                  /* @__PURE__ */ a.jsx(gi, {})
                 ]
               }
             ),
-            /* @__PURE__ */ s.jsxs(
+            /* @__PURE__ */ a.jsxs(
               "div",
               {
-                className: `${B.controlsSection} ${B.controlsSectionEnd}`,
+                className: `${q.controlsSection} ${q.controlsSectionEnd}`,
                 children: [
-                  /* @__PURE__ */ s.jsx(sn, {}),
-                  /* @__PURE__ */ s.jsx(en, {})
+                  /* @__PURE__ */ a.jsx(fn, {}),
+                  /* @__PURE__ */ a.jsx(an, {})
                 ]
               }
             )
           ] })
         ] }) }) }),
-        /* @__PURE__ */ s.jsx(fi, {}),
-        n && /* @__PURE__ */ s.jsx(di, { callback: n })
+        /* @__PURE__ */ a.jsx(Ti, {}),
+        /* @__PURE__ */ a.jsx(wi, { url: e }),
+        n && /* @__PURE__ */ a.jsx(_i, { callback: n })
       ]
     }
   );
 }
 export {
-  wi as LivePlayer,
-  Ti as VodPlayer
+  Pi as LivePlayer,
+  Li as VodPlayer
 };
 //# sourceMappingURL=react-video-player.es.js.map