@halibegic/react-video-player 0.0.49 → 0.0.51

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

@@ -1,32 +1,32 @@
-var Vn = Object.defineProperty, Nn = Object.defineProperties;
-var An = Object.getOwnPropertyDescriptors;
-var Se = Object.getOwnPropertySymbols;
-var vt = Object.prototype.hasOwnProperty, yt = Object.prototype.propertyIsEnumerable;
-var pt = (e, t, n) => t in e ? Vn(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, j = (e, t) => {
+var $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) => Nn(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 N, useState as G, createContext as jt, useContext as Pt, useCallback as W, forwardRef as Ve } from "react";
-import { create as Lt, useStore as It } from "zustand";
-import Hn from "mitt";
-import re from "hls.js";
-import * as je from "@radix-ui/react-slider";
-import * as _e from "@radix-ui/react-popover";
-import * as Pe from "@radix-ui/react-scroll-area";
-function kt(e) {
+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 je from "@radix-ui/react-scroll-area";
+function Nt(e) {
   var t = this.constructor;
   return this.then(
     function(n) {
@@ -41,170 +41,170 @@ 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 l = a.length;
+    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(c, y);
+            function(T) {
+              u(c, T);
             },
-            function(y) {
-              a[c] = { status: "rejected", reason: y }, --l === 0 && n(a);
+            function(T) {
+              s[c] = { status: "rejected", reason: T }, --l === 0 && n(s);
             }
           );
           return;
         }
       }
-      a[c] = { status: "fulfilled", value: d }, --l === 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 l = [], 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) {
-          l.push(i), l.length === a.length && o(
-            new Mt(
+        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 Vt(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 Nt(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 : xe)(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) {
-      xe(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) {
-    xe(e, o);
+    e._state = 1, e._value = t, Xe(e);
+  } catch (r) {
+    _e(e, r);
   }
 }
-function xe(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++)
-    Nt(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, xe(t, o));
+      function(r) {
+        n || (n = !0, _e(t, r));
       }
     );
-  } catch (o) {
+  } catch (r) {
     if (n) return;
-    n = !0, xe(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 Nt(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 (!Vt(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;
+    var r = Array.prototype.slice.call(e);
+    if (r.length === 0) return t([]);
+    var s = r.length;
     function l(i, c) {
       try {
         if (c && (typeof c == "object" || typeof c == "function")) {
@@ -212,50 +212,50 @@ F.all = function(e) {
           if (typeof d == "function") {
             d.call(
               c,
-              function(v) {
-                l(i, v);
+              function(g) {
+                l(i, g);
               },
               n
             );
             return;
           }
         }
-        o[i] = c, --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++)
-      l(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 (!Vt(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,683 +267,636 @@ 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, l = { key: !0, ref: !0, __self: !0, __source: !0 };
+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 v, y = {}, g = null, P = null;
-    d !== void 0 && (g = "" + d), c.key !== void 0 && (g = "" + c.key), c.ref !== void 0 && (P = c.ref);
-    for (v in c) o.call(c, v) && !l.hasOwnProperty(v) && (y[v] = c[v]);
-    if (i && i.defaultProps) for (v in c = i.defaultProps, c) y[v] === void 0 && (y[v] = c[v]);
-    return { $$typeof: t, type: i, key: g, ref: P, props: y, _owner: a.current };
+    var 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 Zn() {
-  return wt || (wt = 1, process.env.NODE_ENV !== "production" && (function() {
-    var e = St, t = Symbol.for("react.element"), n = Symbol.for("react.portal"), o = Symbol.for("react.fragment"), a = Symbol.for("react.strict_mode"), l = Symbol.for("react.profiler"), u = Symbol.for("react.provider"), i = Symbol.for("react.context"), c = Symbol.for("react.forward_ref"), d = Symbol.for("react.suspense"), v = Symbol.for("react.suspense_list"), y = Symbol.for("react.memo"), g = Symbol.for("react.lazy"), P = Symbol.for("react.offscreen"), k = Symbol.iterator, T = "@@iterator";
-    function S(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[T];
+      var h = L && o[L] || o[C];
       return typeof h == "function" ? h : null;
     }
-    var V = 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, m = new Array(h > 1 ? h - 1 : 0), w = 1; w < h; w++)
-          m[w - 1] = arguments[w];
-        L("error", r, m);
+        for (var h = arguments.length, p = new Array(h > 1 ? h - 1 : 0), _ = 1; _ < h; _++)
+          p[_ - 1] = arguments[_];
+        R("error", o, p);
       }
     }
-    function L(r, h, m) {
+    function R(o, h, p) {
       {
-        var w = V.ReactDebugCurrentFrame, E = w.getStackAddendum();
-        E !== "" && (h += "%s", m = m.concat([E]));
-        var b = m.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);
         });
-        b.unshift("Warning: " + h), Function.prototype.apply.call(console[r], console, b);
+        D.unshift("Warning: " + h), Function.prototype.apply.call(console[o], console, D);
       }
     }
-    var x = !1, M = !1, p = !1, U = !1, Y = !1, z;
-    z = Symbol.for("react.module.reference");
-    function O(r) {
-      return !!(typeof r == "string" || typeof r == "function" || r === o || r === l || Y || r === a || r === d || r === v || U || r === P || x || M || p || typeof r == "object" && r !== null && (r.$$typeof === g || r.$$typeof === y || r.$$typeof === u || r.$$typeof === i || r.$$typeof === c || // This needs to include all possible module reference object
+    var 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 I(r, h, m) {
-      var w = r.displayName;
-      if (w)
-        return w;
-      var E = h.displayName || h.name || "";
-      return E !== "" ? m + "(" + E + ")" : m;
+    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 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 m = r;
-            return Q(m._context) + ".Provider";
+            var p = o;
+            return J(p._context) + ".Provider";
           case c:
-            return I(r, r.render, "ForwardRef");
-          case y:
-            var w = r.displayName || null;
-            return w !== null ? w : K(r.type) || "Memo";
-          case g: {
-            var E = r, b = E._payload, C = E._init;
+            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(b));
-            } catch (_) {
+              return Y(b(D));
+            } catch (E) {
               return null;
             }
           }
         }
       return null;
     }
-    var Z = 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: Z({}, r, {
+            log: Z({}, o, {
               value: ue
             }),
-            info: Z({}, r, {
-              value: te
+            info: Z({}, o, {
+              value: ne
             }),
-            warn: Z({}, r, {
-              value: q
+            warn: Z({}, o, {
+              value: K
             }),
-            error: Z({}, r, {
-              value: ve
+            error: Z({}, o, {
+              value: pe
             }),
-            group: Z({}, r, {
-              value: Xe
+            group: Z({}, o, {
+              value: Qe
             }),
-            groupCollapsed: Z({}, r, {
-              value: Ge
+            groupCollapsed: Z({}, o, {
+              value: et
             }),
-            groupEnd: Z({}, 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 = V.ReactCurrentDispatcher, He;
-    function Ce(r, h, m) {
+    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 m = Ee.get(r);
-        if (m !== void 0)
-          return m;
+        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 b;
-      b = 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 _ = J.stack.split(`
-`), X = w.stack.split(`
-`), H = _.length - 1, $ = X.length - 1; H >= 1 && $ >= 0 && _[H] !== X[$]; )
-            $--;
-          for (; H >= 1 && $ >= 0; H--, $--)
-            if (_[H] !== X[$]) {
-              if (H !== 1 || $ !== 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 (H--, $--, $ < 0 || _[H] !== X[$]) {
-                    var ee = `
-` + _[H].replace(" at new ", " at ");
-                    return r.displayName && ee.includes("<anonymous>") && (ee = ee.replace("<anonymous>", r.displayName)), typeof r == "function" && Ee.set(r, ee), ee;
+                  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 (H >= 1 && $ >= 0);
+                while (W >= 1 && z >= 0);
               break;
             }
         }
       } finally {
-        $e = !1, Oe.current = b, 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, m) {
-      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, m) {
-      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) {
+      if (typeof o == "object")
+        switch (o.$$typeof) {
           case c:
-            return fn(r.render);
-          case y:
-            return Re(r.type, h, m);
-          case g: {
-            var w = r, E = w._payload, b = w._init;
+            return yn(o.render);
+          case T:
+            return Re(o.type, h, p);
+          case y: {
+            var _ = o, j = _._payload, D = _._init;
             try {
-              return Re(b(E), h, m);
-            } catch (C) {
+              return Re(D(j), h, p);
+            } catch (b) {
             }
           }
         }
       return "";
     }
-    var ye = Object.prototype.hasOwnProperty, tt = {}, nt = V.ReactDebugCurrentFrame;
-    function be(r) {
-      if (r) {
-        var h = r._owner, m = Re(r.type, r._source, h ? h.type : null);
-        nt.setExtraStackFrame(m);
+    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, m, w, E) {
+    function wn(o, h, p, _, j) {
       {
-        var b = Function.call.bind(ye);
-        for (var C in r)
-          if (b(r, C)) {
-            var _ = 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 X = Error((w || "React class") + ": " + m + " type `" + C + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof r[C] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+              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;
               }
-              _ = r[C](h, C, w, m, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (H) {
-              _ = H;
+              E = o[b](h, b, _, p, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (W) {
+              E = W;
             }
-            _ && !(_ instanceof Error) && (be(E), R("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", w || "React class", m, C, typeof _), be(null)), _ instanceof Error && !(_.message in tt) && (tt[_.message] = !0, be(E), R("Failed %s type: %s", m, _.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, m = h && r[Symbol.toStringTag] || r.constructor.name || "Object";
-        return m;
+        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 = V.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 xn(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 Tn(r, h) {
-      typeof r.ref == "string" && it.current;
+    function Rn(o, h) {
+      typeof o.ref == "string" && lt.current;
     }
-    function _n(r, h) {
+    function bn(o, h) {
       {
-        var m = 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));
+        var p = function() {
+          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));
         };
-        m.isReactWarning = !0, Object.defineProperty(r, "key", {
-          get: m,
+        p.isReactWarning = !0, Object.defineProperty(o, "key", {
+          get: p,
           configurable: !0
         });
       }
     }
-    function Cn(r, h) {
+    function Pn(o, h) {
       {
-        var m = 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));
+        var p = function() {
+          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));
         };
-        m.isReactWarning = !0, Object.defineProperty(r, "ref", {
-          get: m,
+        p.isReactWarning = !0, Object.defineProperty(o, "ref", {
+          get: p,
           configurable: !0
         });
       }
     }
-    var En = function(r, h, m, w, E, b, C) {
-      var _ = {
+    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: m,
-        props: C,
+        ref: p,
+        props: b,
         // Record the component responsible for creating this element.
-        _owner: b
+        _owner: D
       };
-      return _._store = {}, Object.defineProperty(_._store, "validated", {
+      return E._store = {}, Object.defineProperty(E._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(_, "_self", {
+      }), Object.defineProperty(E, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: w
-      }), Object.defineProperty(_, "_source", {
+        value: _
+      }), Object.defineProperty(E, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: E
-      }), Object.freeze && (Object.freeze(_.props), Object.freeze(_)), _;
+        value: j
+      }), Object.freeze && (Object.freeze(E.props), Object.freeze(E)), E;
     };
-    function Rn(r, h, m, w, E) {
+    function jn(o, h, p, _, j) {
       {
-        var b, C = {}, _ = null, X = null;
-        m !== void 0 && (ot(m), _ = "" + m), xn(h) && (ot(h.key), _ = "" + h.key), wn(h) && (X = h.ref, Tn(h, E));
-        for (b in h)
-          ye.call(h, b) && !gn.hasOwnProperty(b) && (C[b] = h[b]);
-        if (r && r.defaultProps) {
-          var H = r.defaultProps;
-          for (b in H)
-            C[b] === void 0 && (C[b] = H[b]);
+        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) {
-          var $ = typeof r == "function" ? r.displayName || r.name || "Unknown" : r;
-          _ && _n(C, $), X && Cn(C, $);
+        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, E, w, it.current, C);
+        return Ln(o, E, X, j, _, lt.current, b);
       }
     }
-    var Be = V.ReactCurrentOwner, lt = V.ReactDebugCurrentFrame;
-    function de(r) {
-      if (r) {
-        var h = r._owner, m = Re(r.type, r._source, h ? h.type : null);
-        lt.setExtraStackFrame(m);
+    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 m = typeof r == "string" ? r : r.displayName || r.name;
-          m && (h = `
+          var p = typeof o == "string" ? o : o.displayName || o.name;
+          p && (h = `
 
-Check the top-level render call using <` + m + ">.");
+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 m = Sn(h);
-        if (ut[m])
+        o._store.validated = !0;
+        var p = kn(h);
+        if (ht[p])
           return;
-        ut[m] = !0;
-        var w = "";
-        r && r._owner && r._owner !== Be.current && (w = " It was passed a child from " + K(r._owner.type) + "."), de(r), R('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', m, w), de(null);
+        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 m = 0; m < r.length; m++) {
-            var w = r[m];
-            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 = S(r);
-          if (typeof E == "function" && E !== r.entries)
-            for (var b = E.call(r), C; !(C = b.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 m;
+        var p;
         if (typeof h == "function")
-          m = h.propTypes;
+          p = h.propTypes;
         else if (typeof h == "object" && (h.$$typeof === c || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        h.$$typeof === y))
-          m = h.propTypes;
+        h.$$typeof === T))
+          p = h.propTypes;
         else
           return;
-        if (m) {
-          var w = K(h);
-          mn(m, 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");
+        if (p) {
+          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), m = 0; m < h.length; m++) {
-          var w = h[m];
-          if (w !== "children" && w !== "key") {
-            de(r), R("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", w), de(null);
+        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, m, w, E, b) {
+    var pt = {};
+    function yt(o, h, p, _, j, D) {
       {
-        var C = O(r);
-        if (!C) {
-          var _ = "";
-          (r === void 0 || typeof r == "object" && r !== null && Object.keys(r).length === 0) && (_ += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
-          var X = bn();
-          X ? _ += X : _ += ct();
-          var H;
-          r === null ? H = "null" : Ue(r) ? H = "array" : r !== void 0 && r.$$typeof === t ? (H = "<" + (K(r.type) || "Unknown") + " />", _ = " Did you accidentally export a JSX literal instead of a component?") : H = typeof r, R("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", H, _);
+        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 $ = Rn(r, h, m, E, b);
-        if ($ == null)
-          return $;
-        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";
-          }), Ze = J.length > 0 ? "{key: someKey, " + J.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!ht[ce + Ze]) {
-            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} />`, Ze, ce, Mn, ce), ht[ce + Ze] = !0;
+  <%s key={someKey} {...props} />`, qe, ce, On, ce), pt[ce + qe] = !0;
           }
         }
-        return r === o ? Pn($) : jn($), $;
+        return o === r ? Mn(z) : Dn(z), z;
       }
     }
-    function Ln(r, h, m) {
-      return mt(r, h, m, !0);
+    function Nn(o, h, p) {
+      return yt(o, h, p, !0);
     }
-    function In(r, h, m) {
-      return mt(r, h, m, !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 xt;
-function qn() {
-  return xt || (xt = 1, process.env.NODE_ENV === "production" ? Le.exports = Wn() : Le.exports = Zn()), Le.exports;
-}
-var s = qn();
-const Kn = "_playerNotice_x3acc_1", Yn = "_playerNoticeTitle_x3acc_19", Xn = "_playerNoticeText_x3acc_28", Gn = "_playerNoticeLowZIndex_x3acc_37", ie = {
-  playerNotice: Kn,
-  playerNoticeTitle: Yn,
-  playerNoticeText: Xn,
-  playerNoticeLowZIndex: Gn
-}, Ot = typeof window != "undefined" ? On : D;
-function Ne(e, t) {
-  const n = N(e);
-  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] = G(0);
-  Ne(() => 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 = N(
-    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 Te = (e) => {
-  if (isNaN(e) || e === 1 / 0) return "0:00";
-  const t = (l) => (l < 10 ? "0" : "") + l, n = Math.floor(e / 3600), o = Math.floor(e % 3600 / 60), a = Math.floor(e % 60);
-  return n === 0 ? `${o}:${t(a)}` : `${n}:${t(o)}:${t(a)}`;
-};
-function rr(e, t) {
-  var n, o, a, l, 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,26 +908,26 @@ function rr(e, t) {
         minute: "2-digit",
         second: "2-digit",
         hour12: !1
-      }).formatToParts(e), v = parseInt(
-        ((n = d.find((S) => S.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((S) => S.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((S) => S.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
-      ), P = parseInt(
-        ((l = d.find((S) => S.type === "hour")) == null ? void 0 : l.value) || "0",
+      ), x = parseInt(
+        ((l = d.find((w) => w.type === "hour")) == null ? void 0 : l.value) || "0",
         10
-      ), k = parseInt(
-        ((u = d.find((S) => S.type === "minute")) == null ? void 0 : u.value) || "0",
+      ), L = parseInt(
+        ((u = d.find((w) => w.type === "minute")) == null ? void 0 : u.value) || "0",
         10
-      ), T = parseInt(
-        ((i = d.find((S) => S.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, P, k, T);
+      return new Date(g, T, y, x, L, C);
     } catch (c) {
       return console.warn(
         `Failed to convert date to timezone ${t}, returning original date:`,
@@ -985,12 +938,62 @@ function rr(e, t) {
     "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,12 +1107,12 @@ 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 l = `${a.code}`, u = a.message || "Unknown error occurred";
+    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: () => {
@@ -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,57 +1202,199 @@ 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) => () => j({}, e), gr = (e, t) => Lt()((...n) => j(j(j(j(j(j(j(j({}, ur(...n)), dr(...n)), fr(...n)), mr(...n)), hr(...n)), pr(...n)), vr(...n)), yr({
+}), yr = (e) => () => 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 = N(null), n = N(null), o = N(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.51", 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 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 = $((r) => r.delay);
+  return /* @__PURE__ */ a.jsx(
+    Yt,
+    {
+      kind: n ? "catchup" : "live",
+      delay: n,
+      url: e,
+      id: t ? Number(t) : void 0
+    }
+  );
+}
+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 xr(e) {
+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(), l = new Date(a);
+    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 rr(l, "Europe/Sarajevo");
+        return Qn(l, "Europe/Sarajevo");
     }
   }
   return null;
 }
-function Tr(e, t) {
+function jr(e, t) {
   const n = e.split(`
 `);
-  let o = !1;
-  for (const a of n) {
-    const l = a.trim();
+  let r = !1;
+  for (const s of n) {
+    const l = s.trim();
     if (l.startsWith("#EXT-X-STREAM-INF:")) {
-      o = !0;
+      r = !0;
       continue;
     }
-    if (o && !l.startsWith("#")) {
+    if (r && !l.startsWith("#")) {
       if (l.startsWith("http"))
         return l;
       {
@@ -1259,98 +1411,97 @@ function Tr(e, t) {
   }
   return null;
 }
-function _r(e) {
+function Ir(e) {
   return e.replace("playlist.m3u8", "playlist_fmp4_dvr.m3u8");
 }
-async function Cr(e) {
+async function kr(e) {
   try {
-    const t = _r(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 = Tr(
-      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 l = await fetch(a);
+    console.log("Found chunklist URL:", s);
+    const l = await fetch(s);
     if (!l.ok)
       throw new Error(
         `Failed to fetch chunklist: ${l.status} ${l.statusText}`
       );
-    const u = await l.text(), i = xr(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, l] = G(!0), u = A((d) => d.startDate), i = A((d) => d.setStartDate), c = W(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 () => {
       l(!0), await c(), l(!1);
     })();
-  }, [c]), Ne(c, u ? null : 5e3), a ? null : /* @__PURE__ */ s.jsx(Rr, j({}, t));
+  }, [c]), Ce(c, u ? null : 5e3), s ? null : /* @__PURE__ */ a.jsx(Mr, M({}, t));
 }
-function Rr({
+function Mr({
   children: e,
-  messages: t = {}
+  messages: t
 }) {
-  var u, i, c;
-  const n = A((d) => d.startDate), o = f((d) => d.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: (i = t == null ? void 0 : t.eventNotStarted) != null ? i : "Event has not started yet.",
-      message: (c = t == null ? void 0 : t.eventStartingSoon) != null ? c : "Starting in few seconds..."
+      title: t.eventNotStarted,
+      message: t.eventStartingSoon
     }
-  ) : /* @__PURE__ */ s.jsx(s.Fragment, { children: e }) : /* @__PURE__ */ s.jsx("div", { className: ie.playerNotice, children: /* @__PURE__ */ s.jsx("h3", { className: ie.playerNoticeTitle, children: (u = t == null ? void 0 : t.unableToPlay) != null ? u : "Unable to play the video. Please try again later." }) });
+  ) : /* @__PURE__ */ 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)), l = 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 || l ? /* @__PURE__ */ s.jsxs("div", { className: ie.playerNotice, children: [
-    /* @__PURE__ */ s.jsx("h3", { className: ie.playerNoticeTitle, children: t }),
-    /* @__PURE__ */ s.jsxs("p", { className: ie.playerNoticeText, children: [
+  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 ${l}m` : `${l}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), l = () => e("seeking", void 0), u = () => e("seeked", void 0), i = (T) => e("volumeChange", T), c = (T) => e("fullscreenChange", T), d = (T) => e("qualityChange", T), v = (T) => e("loadedMetadata", T), y = () => e("loadStart", void 0), g = () => e("playing", void 0), P = () => e("waiting", void 0), k = () => e("error", void 0);
-    return t.on("play", n), t.on("pause", o), t.on("ended", a), t.on("seeking", l), t.on("seeked", u), t.on("volumeChange", i), t.on("fullscreenChange", c), t.on("qualityChange", d), t.on("loadedMetadata", v), t.on("loadStart", y), t.on("playing", g), t.on("waiting", P), t.on("error", k), () => {
-      t.off("play", n), t.off("pause", o), t.off("ended", a), t.off("seeking", l), t.off("seeked", u), t.off("volumeChange", i), t.off("fullscreenChange", c), t.off("qualityChange", d), t.off("loadedMetadata", v), t.off("loadStart", y), t.off("playing", g), t.off("waiting", P), t.off("error", k);
+  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)
-), Zt = (e, t) => Math.max(0, (Date.now() - e - t * 1e3) / 1e3), Sr = (e, t) => Math.max(0, (t - e) / 1e3), jr = (e, t = 0) => {
-  const o = t < 0 ? 0 : t, a = ["bytes", "kb", "mb", "gb", "tb", "pb", "eb", "zb", "yb"], l = Math.floor(Math.log(e) / Math.log(1024));
-  return `${parseFloat((e / Math.pow(1024, l)).toFixed(o))}${a[l]}`;
+), 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,
@@ -1360,43 +1511,43 @@ function Pr({
     return i === c ? 0 : i > c ? 1 : -1;
   }), n.map((l) => {
     const { bitrate: u, height: i, index: c } = l;
-    a.push({
+    s.push({
       sid: `quality-level-${c}`,
-      label: i ? `${i}p` : jr(u),
+      label: i ? `${i}p` : Vr(u),
       value: c,
-      selected: o === 1 || !e && c === t
+      selected: r === 1 || !e && c === t
     });
-  }), a;
+  }), s;
 }
-function Lr({ callback: e }) {
-  const t = A((l) => l.delay), n = A((l) => l.startDate), o = n ? n.getTime() : 0, a = f((l) => l.eventEmitter);
-  return D(() => {
+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: Zt(o, t),
+      currentTime: Jt(r, t),
       duration: -1
     });
-    return a.on("timeUpdate", l), () => {
-      a.off("timeUpdate", l);
+    return s.on("timeUpdate", l), () => {
+      s.off("timeUpdate", l);
     };
-  }, [e, a]), /* @__PURE__ */ s.jsx(zt, { callback: e });
+  }, [e, t, s, r]), /* @__PURE__ */ a.jsx(Gt, { callback: e });
 }
-function qt() {
-  const e = f((i) => i.exitFullscreen), t = f((i) => i.isFullscreen), n = f((i) => i.isFullscreenReady), o = f((i) => i.requestFullscreen), a = f((i) => i.setVolume), l = f((i) => i.volume), u = W(
+function 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 c = !1;
       if (!(i.target instanceof HTMLInputElement || i.ctrlKey)) {
         switch (i.code) {
           case "ArrowUp":
-            a(l + 10 < 100 ? l + 10 : 100), c = !0;
+            s(l + 10 < 100 ? l + 10 : 100), c = !0;
             break;
           case "ArrowDown":
-            a(l - 10 > 0 ? l - 10 : 0), c = !0;
+            s(l - 10 > 0 ? l - 10 : 0), c = !0;
             break;
           case "KeyM":
-            a(l === 0 ? 100 : 0), c = !0;
+            s(l === 0 ? 100 : 0), c = !0;
             break;
           case "KeyF":
-            n && (t ? e() : o(), c = !0);
+            n && (t ? e() : r(), c = !0);
             break;
         }
         c && i.preventDefault();
@@ -1406,17 +1557,17 @@ function qt() {
       e,
       t,
       n,
-      o,
-      a,
+      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), l = A((i) => i.setDelay), u = W(
+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 c = !1;
       if (!(i.target instanceof HTMLInputElement || i.ctrlKey)) {
@@ -1431,8 +1582,8 @@ function Ir() {
             if (t)
               n();
             else {
-              const d = o();
-              d && l(e + d), a();
+              const d = r();
+              d && l(e + d), s();
             }
             c = !0;
             break;
@@ -1440,169 +1591,186 @@ function Ir() {
         c && i.preventDefault();
       }
     },
-    [e, o, t, n, a, l]
+    [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(qt, {});
+  }), [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 = N(null), a = f((x) => x.level), l = f((x) => x.levels), u = f((x) => x.setLevel), i = f((x) => x.setLevels), c = f((x) => x.techRef), d = f((x) => x.setError), v = N(0), y = N(null), g = 50, P = 1e4, k = W(
-    (x) => {
-      if (o.current && (o.current.nextLevel = x, u(null), l)) {
-        const M = l.map((p) => he(j({}, p), {
-          selected: p.value === x
+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);
       }
     },
-    [l, u, i, o]
-  ), T = W(() => {
-    o.current && (console.log("[Player][HLS] MEDIA_ATTACHED"), o.current.loadSource(e));
-  }, [e]), S = W(() => {
-    if (!o.current) return;
-    console.log("[Player][HLS] MANIFEST_LOADED"), d(null), y.current && (clearTimeout(y.current), y.current = null), v.current = 0;
-    const x = o.current.levels, M = o.current.currentLevel, p = 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: x.map((U, Y) => {
-          const { bitrate: z, height: O, width: I } = U;
+      Ar({
+        levels: m.map((I, A) => {
+          const { bitrate: k, height: J, width: Y } = I;
           return {
-            bitrate: z,
-            height: O,
-            index: Y,
-            width: I
+            bitrate: k,
+            height: J,
+            index: A,
+            width: Y
           };
         }),
-        level: M,
-        isAuto: p
+        level: v,
+        isAuto: U
       })
     );
-  }, [d, i]), V = W(
+  }, [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
-    (x, M) => {
-      var p;
-      if (o.current && M.fatal)
-        switch (M.type) {
-          case re.ErrorTypes.NETWORK_ERROR:
-            let U = (p = n == null ? void 0 : n.unableToPlay) != null ? p : "Unable to play the video. Please try again later.", Y = "NETWORK_ERROR";
-            console.log("[Player][HLS] NETWORK_ERROR", 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 (z) {
-                  console.error("[Player][HLS] Retry failed:", z);
+                  console.log("[Player][HLS] Retrying stream..."), r.current.loadSource(e);
+                } catch (A) {
+                  console.error("[Player][HLS] Retry failed:", A);
                 }
-            }, P)), Y = "LIVE_MANIFEST_LOAD_ERROR") : o.current.startLoad(), d({ message: U, code: Y, 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]
-  ), R = W(() => {
-    if (!c.current) return;
-    let x = {
+    [t, e, g, n]
+  ), B = O(() => {
+    if (!d.current) return;
+    const m = {
       startLevel: -1,
       maxBufferSize: 30 * 1024 * 1024
       // 30MB
     };
-    or ? (x.backBufferLength = -1, x.enableWorker = !1) : t ? x.backBufferLength = 10 : x.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(x)), console.log("[Player][HLS] Version", re.version), o.current = new re(x), o.current.attachMedia(c.current), o.current.on(re.Events.MEDIA_ATTACHED, T), o.current.on(re.Events.MANIFEST_LOADED, S), o.current.on(re.Events.ERROR, V);
-    } 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}`);
     }
   }, [
     S,
-    T,
-    V,
+    w,
+    P,
+    R,
     t,
-    c,
+    d,
     e
-  ]), L = W(() => {
-    o.current && (o.current.off(re.Events.MEDIA_ATTACHED, T), o.current.off(re.Events.MANIFEST_LOADED, S), o.current.off(re.Events.ERROR, V), o.current.destroy(), o.current = null), y.current && (clearTimeout(y.current), y.current = null), v.current = 0;
-  }, [S, T, V]);
-  return D(() => {
-    a !== null && k(a);
-  }, [a, k]), D(() => (re.isSupported() && R(), L), [L, 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((p) => p.handleDurationChange), l = f((p) => p.handleEnd), u = f((p) => p.handleLoadedMetadata), i = f((p) => p.handleLoadStart), c = f((p) => p.handlePause), d = f((p) => p.handlePlay), v = f((p) => p.handlePlaying), y = f((p) => p.handleSeeked), g = f((p) => p.handleSeeking), P = f((p) => p.handleTimeUpdate), k = f((p) => p.handleWaiting), T = f((p) => p.handleVolumeChange), S = f((p) => p.handleError), V = f((p) => p.techRef), R = N(null), L = () => t ? {
-    onTimeUpdate: x
+  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: x
-  }, x = () => {
-    (!R.current || Date.now() - R.current >= 1e3) && (P(), R.current = Date.now());
-  }, M = L();
-  return /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-    /* @__PURE__ */ s.jsx(Dr, { isLive: t, url: e, messages: o }),
-    /* @__PURE__ */ s.jsx(
+    onSeeking: x,
+    onTimeUpdate: V
+  }, V = () => {
+    (!R.current || Date.now() - R.current >= 1e3) && (L(), R.current = Date.now());
+  }, 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",
-      j({
-        ref: V,
-        className: Fr.playerVideo,
+      M({
+        ref: P,
+        className: Wr.playerVideo,
         playsInline: !0,
         autoPlay: !0,
         controls: !1,
         muted: n,
         preload: "auto",
         crossOrigin: "anonymous",
-        onEnded: l,
+        onEnded: u,
         onError: S,
-        onLoadedMetadata: u,
-        onLoadStart: i,
-        onPause: c,
-        onPlay: d,
-        onPlaying: v,
-        onWaiting: k,
-        onVolumeChange: T,
+        onLoadedMetadata: i,
+        onLoadStart: c,
+        onPause: d,
+        onPlay: g,
+        onPlaying: T,
+        onWaiting: C,
+        onVolumeChange: w,
         tabIndex: -1
-      }, M)
+      }, m)
     )
   ] });
 }
-function Vr({ url: e, messages: t = {} }) {
-  const [n, o] = G(null), a = A((u) => u.delay), l = W(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(() => {
-    l();
-  }, [l]), n ? /* @__PURE__ */ s.jsx(Yt, { url: n, isLive: !0, messages: t }) : null;
+  }, [s, e]);
+  return N(() => {
+    const u = requestAnimationFrame(() => l());
+    return () => cancelAnimationFrame(u);
+  }, [l]), n ? /* @__PURE__ */ a.jsx(tn, { url: n, isLive: !0, messages: t }) : null;
 }
-function Nr({ 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((l) => l.setViewerCount), n = N(null), o = (l) => {
+function Yr({ url: e }) {
+  const t = $((l) => l.setViewerCount), n = F(null), r = (l) => {
     try {
       return new URL(l).pathname.split("/").filter((d) => d.length > 0)[0] || null;
     } catch (u) {
       return console.error("Failed to extract URI from player URL:", u), null;
     }
-  }, a = async () => {
+  }, s = O(async () => {
     var c;
-    const l = o(e);
+    const l = r(e);
     if (!l) {
       console.error("Could not extract URI from URL:", e);
       return;
@@ -1615,51 +1783,51 @@ function Ar({ url: e }) {
       });
       if (!d.ok)
         throw new Error(`HTTP error! status: ${d.status}`);
-      const y = (c = (await d.json()).count) != null ? c : 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);
     }
-  };
-  return D(() => (a(), () => {
+  }, [t, e]);
+  return N(() => (s(), () => {
     n.current && n.current.abort();
-  }), [e]), Ne(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, l] = G(() => n ? o(e) : t);
+  const r = (i) => typeof window == "undefined" ? t : window.matchMedia(i).matches, [s, l] = G(() => n ? r(e) : t);
   function u() {
-    l(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) {
+  }, [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,
+    onBackwardSeek: r,
+    maxForwardTime: s,
     maxBackwardTime: l
-  } = c, u = ne(c, [
+  } = c, u = re(c, [
     "className",
     "onClick",
     "onForwardSeek",
@@ -1667,236 +1835,239 @@ function Xt(i) {
     "maxForwardTime",
     "maxBackwardTime"
   ]);
-  return Or("(pointer: coarse)") ? /* @__PURE__ */ s.jsx(
-    qr,
-    j({
+  return Zr("(pointer: coarse)") ? /* @__PURE__ */ a.jsx(
+    no,
+    M({
       className: e,
-      maxForwardTime: a,
+      maxForwardTime: s,
       maxBackwardTime: l,
       onForwardSeek: n,
-      onBackwardSeek: o
+      onBackwardSeek: r
     }, u)
-  ) : /* @__PURE__ */ s.jsx(Zr, j({ className: e, onClick: t }, u));
+  ) : /* @__PURE__ */ a.jsx(to, M({ className: e, onClick: t }, u));
 }
-function Zr(o) {
-  var a = o, { className: e, onClick: t } = a, n = ne(a, ["className", "onClick"]);
-  const l = N(null), u = f((T) => T.exitFullscreen), i = f((T) => T.isFullscreen), c = f((T) => T.requestFullscreen), d = f((T) => T.resetIdle), v = (T) => {
-    P() ? (g(), i ? u() : c()) : y(T);
-  }, y = (T) => {
+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(T), g();
+      t == null || t(C), y();
     }, 200);
-  }, g = () => {
+  }, y = () => {
     l.current !== null && (window.clearTimeout(l.current), l.current = null);
-  }, P = () => l.current !== null, k = () => {
+  }, x = () => l.current !== null, L = () => {
     d();
   };
-  return D(() => () => {
-    g();
-  }, []), /* @__PURE__ */ s.jsx(
+  return N(() => () => {
+    y();
+  }, []), /* @__PURE__ */ a.jsx(
     "button",
-    j({
-      onClick: v,
-      onMouseMove: k,
+    M({
+      onClick: g,
+      onMouseMove: L,
       className: [me.playbackButton, e].filter(Boolean).join(" "),
       "aria-label": "Player gestures"
     }, n)
   );
 }
-function qr(u) {
+function no(u) {
   var i = u, {
     className: e,
     maxForwardTime: t,
     maxBackwardTime: n,
-    onForwardSeek: o,
-    onBackwardSeek: a
-  } = i, l = ne(i, [
+    onForwardSeek: r,
+    onBackwardSeek: s
+  } = i, l = re(i, [
     "className",
     "maxForwardTime",
     "maxBackwardTime",
     "onForwardSeek",
     "onBackwardSeek"
   ]);
-  const c = N(null), d = N({
+  const c = F(null), d = F({
     single: null,
     indicator: null,
     accumulate: null
-  }), v = N(null), y = N(0), g = N(null), [P, k] = G({ visible: !1, direction: null, time: 0 }), T = f((p) => p.isIdle), S = f((p) => p.setIsIdle), V = f((p) => p.resetIdle), R = (p, U) => p < U / 2 ? "backward" : "forward", L = (p) => {
-    if (!v.current) return;
-    const U = p.changedTouches[0];
-    if (!U) return;
-    const Y = Date.now(), z = v.current.getBoundingClientRect(), O = U.clientX - z.left, I = U.clientY - z.top;
-    if (O < 0 || O > z.width || I < 0 || I > z.height)
+  }), 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 = c.current, K = Q ? Y - Q.time : 1 / 0, Z = R(O, z.width), oe = g.current !== null && g.current === Z && Q !== null && K < 700 && Math.abs(O - Q.x) < 100;
-    if (Q !== null && g.current === null && K < 300 && Math.abs(O - Q.x) < 50 || oe) {
-      p.preventDefault(), p.stopPropagation(), d.current.single && (window.clearTimeout(d.current.single), d.current.single = null), V(), (g.current === null || g.current !== Z) && (y.current = 0, g.current = Z);
-      const te = Z === "backward" ? n : t;
-      y.current = Math.min(
-        y.current + Wr,
-        te != null ? te : 1 / 0
-      ), x(Z, y.current), d.current.accumulate && window.clearTimeout(d.current.accumulate), d.current.accumulate = window.setTimeout(() => {
-        const q = y.current;
-        q > 0 && (g.current === "backward" ? a == null || a(q) : o == null || o(q), V()), y.current = 0, g.current = null, c.current = null, M(), d.current.accumulate = null;
-      }, 500), c.current = { time: Y, x: O };
+    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 {
-      c.current = { time: Y, x: O }, 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 = T;
-          S(!q), q && V();
+          const K = C;
+          w(!K), K && S();
         }
         c.current = null;
-      }, te);
+      }, ne);
     }
-  }, x = (p, U) => {
-    U !== 0 && (k({ visible: !0, direction: p, time: U }), d.current.indicator && window.clearTimeout(d.current.indicator), d.current.indicator = window.setTimeout(() => {
-      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(() => () => {
-    d.current.single && window.clearTimeout(d.current.single), d.current.indicator && window.clearTimeout(d.current.indicator), d.current.accumulate && window.clearTimeout(d.current.accumulate);
-  }, []), /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-    /* @__PURE__ */ s.jsx(
+  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__ */ a.jsxs(a.Fragment, { children: [
+    /* @__PURE__ */ a.jsx(
       "button",
-      j({
-        ref: v,
-        onTouchEnd: L,
+      M({
+        ref: g,
+        onTouchEnd: R,
         className: [me.playbackButton, e].filter(Boolean).join(" "),
         "aria-label": "Player gestures"
       }, l)
     ),
-    P.visible && /* @__PURE__ */ s.jsxs(
+    x.visible && /* @__PURE__ */ a.jsxs(
       "div",
       {
-        className: `${me.seekIndicator} ${me.seekIndicatorVisible} ${P.direction === "backward" ? me.seekIndicatorLeft : me.seekIndicatorRight}`,
+        className: `${me.seekIndicator} ${me.seekIndicatorVisible} ${x.direction === "backward" ? me.seekIndicatorLeft : me.seekIndicatorRight}`,
         children: [
-          P.direction === "backward" ? "-" : "+",
-          Te(P.time)
+          x.direction === "backward" ? "-" : "+",
+          Te(x.time)
         ]
       }
     )
   ] });
 }
-function Kr() {
-  const e = f((c) => c.isPlaying), t = f((c) => c.pause), n = f((c) => c.getPauseTimeDiff), o = f((c) => c.play), a = A((c) => c.delay), l = A((c) => c.setDelay), u = A((c) => c.startDate), i = u ? u.getTime() : 0;
-  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 c = n();
-          c && l(a + c), o();
+          c && l(s + c), r();
         }
       },
       onBackwardSeek: (c) => {
-        const d = a + c;
+        const d = s + c;
         l(d);
       },
       onForwardSeek: (c) => {
-        const d = Math.max(0, a - 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", Tt = {
-  playerButton: Yr,
-  playerButtonCircle: Xr
+const oo = "_playerButton_izwqq_1", io = "_playerButtonCircle_izwqq_42", Et = {
+  playerButton: oo,
+  playerButtonCircle: io
 }, le = Ve(
-  (a, o) => {
-    var l = a, { shape: e = "circle", className: t } = l, n = ne(l, ["shape", "className"]);
-    const u = e === "circle" ? Tt.playerButtonCircle : "", i = [Tt.playerButton, u, t].filter(Boolean).join(" ");
-    return /* @__PURE__ */ s.jsx("button", j({ ref: o, className: i }, n));
+  (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((c) => c.delay), l = A((c) => c.setDelay), u = () => {
-    a && l(0);
-  }, i = a ? `${Ie.liveIndicator} ${Ie.liveIndicatorHasDelay}` : `${Ie.liveIndicator} ${Ie.liveIndicatorNoDelay}`;
-  return /* @__PURE__ */ s.jsxs(le, he(j({ 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), l = 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 && l(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 = Ve((l, a) => {
-  var u = l, { max: e = 100, min: t = 0, className: n } = u, o = ne(u, ["max", "min", "className"]);
-  return /* @__PURE__ */ s.jsxs(
-    je.Root,
-    he(j({
-      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 })
       ]
     })
   );
@@ -1913,103 +2084,104 @@ function Fe(e) {
     height: t.height * 100
   } : t;
 }
-const _t = "vod-player-progress-bar";
-function fo() {
-  const e = N(null), t = N(null), [n, o] = G(0), [a, l] = G(0), [u, i] = G(!1), [c, d] = G(-1), [v, y] = G(-1), g = A((I) => I.delay), P = A((I) => I.startDate), k = P ? P.getTime() : 0, T = (/* @__PURE__ */ new Date()).getTime(), S = A((I) => I.setDelay), V = f((I) => I.isPlaying), R = f((I) => I.addIdleLock), L = f((I) => I.removeIdleLock), x = W(() => {
-    o(Zt(k, g)), l(Sr(k, T));
-  }, [g, T, k]), M = parseFloat(
-    (a ? (v !== -1 ? v : n) / a * 100 : 0).toFixed(1)
-  ), p = (I) => {
-    y(a * (I[0] / 100)), R(_t);
-  }, U = () => {
-    if (v !== -1) {
-      const I = Wt(k, v);
-      S(I), y(-1), L(_t);
-    }
-  }, Y = () => i(!0), z = () => i(!1), O = W(
-    (I) => {
-      const Q = e.current, K = t.current;
-      if (Q && K) {
-        const Z = Fe(Q), oe = Fe(K), ue = (I.pageX || I.clientX) - Z.left, te = ue / Z.width;
-        if (te < 0) return;
-        let q = ue - oe.width / 2;
-        q < 0 && (q = 0), q > Z.width - oe.width && (q = -1), K.style.left = q > -1 ? `${q}px` : "auto", K.style.right = q > -1 ? "auto" : "0px";
-        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);
       }
-      Y();
+      U();
     },
-    [a]
+    [s]
   );
-  return Ne(() => x(), V ? 1e3 : null), D(() => {
-    x();
-  }, [x]), /* @__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: O,
-        onValueChange: p,
-        onValueCommit: U,
+        value: [V],
+        onPointerLeave: I,
+        onPointerDown: I,
+        onPointerMove: A,
+        onValueChange: m,
+        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: `-${Te(c)}` })
+        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",
@@ -2019,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 xo = "_playerContainer_146tx_1", To = "_controlsTop_146tx_12", _o = "_controlsBottom_146tx_29", Co = "_controlsContainer_146tx_45", Eo = "_controlsRow_146tx_61", Ro = "_controlsSection_146tx_68", bo = "_controlsSectionStart_146tx_78", So = "_controlsSectionEnd_146tx_82", B = {
-  playerContainer: xo,
-  controlsTop: To,
-  controlsBottom: _o,
-  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), l = f((d) => d.setIsFullscreenReady), u = f((d) => d.techRef), i = W(
+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]
+    [s]
   ), c = () => {
-    n ? t() : o();
+    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(() => {
+  }, [e, i, u]), N(() => {
     l(!0);
-  }, [l]), /* @__PURE__ */ s.jsx(le, { onClick: c, children: n ? /* @__PURE__ */ s.jsx(Po, {}) : /* @__PURE__ */ s.jsx(jo, {}) });
-}
-const Lo = "_idleCheckContainer_crh2s_1", Io = "_idleCheckContainerIdle_crh2s_5", ko = "_idleCheckContainerActive_crh2s_11", qe = {
-  idleCheckContainer: Lo,
-  idleCheckContainerIdle: Io,
-  idleCheckContainerActive: ko
-}, Do = 5 * 1e3;
-function tn({ children: e }) {
-  const t = N(null), n = f((g) => g.isIdle), o = f((g) => g.setIsIdle), a = N(null), u = f((g) => g.idleLocks).size, i = f((g) => g.eventEmitter), c = W(() => {
-    a.current !== null && (window.clearTimeout(a.current), a.current = null);
-  }, []), d = W(() => {
-    c(), a.current = window.setTimeout(() => o(!0), Do);
-  }, [c]);
-  D(() => (o(!1), d(), () => {
+  }, [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, d]), D(() => {
-    const g = () => {
-      o(!1), d();
+  }), [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 = `${qe.idleCheckContainer} ${v ? qe.idleCheckContainerIdle : qe.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 Vo(e) {
-  return /* @__PURE__ */ s.jsx("div", j({ className: Fo.spinner }, e));
+function zo(e) {
+  return /* @__PURE__ */ a.jsx("div", M({ className: Wo.spinner }, e));
 }
-function No(e, t = 500) {
-  const [n, o] = G(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 No(a, 100) ? /* @__PURE__ */ s.jsx("div", he(j({ className: Oo.loadingContainer, style: e }, t), { children: /* @__PURE__ */ s.jsx(Vo, {}) })) : 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", Zo = "_scrollAreaScrollbar_b7j6b_141", qo = "_scrollAreaThumb_b7j6b_168", pe = {
-  dropdownMenuContent: Uo,
-  dropdownMenuItem: Bo,
-  scrollAreaRoot: zo,
-  scrollAreaViewport: Wo,
-  scrollAreaScrollbar: Zo,
-  scrollAreaThumb: qo
-}, Ko = _e.Root, Yo = _e.Trigger, Xo = _e.Portal, rn = Ve((l, a) => {
-  var u = l, { sideOffset: e = 4, className: t, children: n } = u, o = ne(u, ["sideOffset", "className", "children"]);
-  return /* @__PURE__ */ s.jsx(
-    _e.Content,
-    he(j({
-      ref: a,
+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(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 })
               }
             )
           ]
@@ -2196,19 +2368,19 @@ const Uo = "_dropdownMenuContent_b7j6b_1", Bo = "_dropdownMenuItem_b7j6b_83", zo
     })
   );
 });
-rn.displayName = "PlayerMenuContent";
-const on = Ve((a, o) => {
-  var l = a, { className: e, onClick: t } = l, n = ne(l, ["className", "onClick"]);
+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(_e.Close, { asChild: !0, children: /* @__PURE__ */ s.jsx(
+  return /* @__PURE__ */ a.jsx(xe.Close, { asChild: !0, children: /* @__PURE__ */ a.jsx(
     "div",
-    j({
-      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,
@@ -2216,260 +2388,273 @@ const on = Ve((a, o) => {
     }, n)
   ) });
 });
-on.displayName = "PlayerMenuItem";
-const Ct = "settings";
-function sn() {
-  const [e, t] = G(!1), n = f((c) => c.containerRef), o = f((c) => c.addIdleLock), a = f((c) => c.removeIdleLock), l = f((c) => c.levels), u = f((c) => c.setLevel), i = W(
+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 ? o(Ct) : a(Ct);
+      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: l == null ? void 0 : l.map((c) => /* @__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(c.value),
         children: [
           c.label,
-          c.selected && /* @__PURE__ */ s.jsx(Ho, {})
+          c.selected && /* @__PURE__ */ a.jsx(Ko, {})
         ]
       },
       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);
+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 = () => {
-    o(Rt);
+    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,
+        onValueChange: s,
         onValueCommit: l
       }
     ) })
   ] });
 }
-const ni = "0.0.49", ln = {
-  version: ni
-};
-function wi(e) {
-  return /* @__PURE__ */ s.jsx(kr, { children: /* @__PURE__ */ s.jsx(ri, j({}, e)) });
-}
-function ri({ url: e, messages: t, onEvent: n }) {
-  const o = f((a) => a.containerRef);
-  return D(() => {
-    console.log(`[Player][Live] Version: ${ln.version}`);
-  }, []), /* @__PURE__ */ s.jsxs(
+function Pi(e) {
+  return /* @__PURE__ */ a.jsx($r, { children: /* @__PURE__ */ a.jsx(di, M({}, e)) });
+}
+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 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: t == null ? void 0 : t.eventNotStarted,
-              eventStartingSoon: t == null ? void 0 : t.eventStartingSoon,
-              unableToPlay: t == null ? void 0 : t.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(
-                Vr,
+              /* @__PURE__ */ a.jsx(
+                zr,
                 {
                   url: e,
                   messages: {
-                    eventFinished: t == null ? void 0 : t.eventFinished,
-                    unableToPlay: t == null ? void 0 : t.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(Nr, { 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), l = 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);
+        const i = Math.max(0, r - u);
         l(i);
       },
       onForwardSeek: (u) => {
-        const i = Math.min(o + u, a);
+        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, {}) });
+  return /* @__PURE__ */ a.jsx(le, { onClick: r, children: e ? /* @__PURE__ */ a.jsx(rn, {}) : /* @__PURE__ */ a.jsx(on, {}) });
 }
-const bt = "vod-player-progress-bar";
-function si() {
-  const e = N(null), t = N(null), [n, o] = G(!1), [a, l] = G(-1), [u, i] = G(-1), c = f((L) => L.currentTime), d = f((L) => L.duration), v = f((L) => L.seek), y = f((L) => L.addIdleLock), g = f((L) => L.removeIdleLock), P = parseFloat(
+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)
-  ), k = (L) => {
-    i(d * (L[0] / 100)), y(bt);
-  }, T = () => {
-    u !== -1 && (v(u), i(-1), g(bt));
-  }, S = () => o(!0), V = () => o(!1), R = W(
-    (L) => {
-      const x = e.current, M = t.current;
-      if (x && M) {
-        const p = Fe(x), U = Fe(M), Y = (L.pageX || L.clientX) - p.left, z = Y / p.width;
-        if (z < 0) return;
-        let O = Y - U.width / 2;
-        O < 0 && (O = 0), O > p.width - U.width && (O = -1), M.style.left = O > -1 ? `${O}px` : "auto", M.style.right = O > -1 ? "auto" : "0px", l(z * d);
+  ), 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);
       }
-      S();
+      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: [P],
-        onPointerLeave: V,
-        onPointerDown: V,
-        onPointerMove: R,
-        onValueChange: k,
-        onValueCommit: T,
+        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: Te(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: Te(e) }),
-    /* @__PURE__ */ s.jsx("p", { className: Me.remainingSeparator }),
-    /* @__PURE__ */ s.jsx("p", { className: Me.remainingTime, children: Te(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);
+  return /* @__PURE__ */ a.jsx(
+    Yt,
+    {
+      kind: "vod",
+      url: e,
+      id: t ? Number(t) : void 0
+    }
+  );
+}
+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), l = f((i) => i.seek), u = W(
+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 c = !1;
       if (!(i.target instanceof HTMLInputElement || i.ctrlKey)) {
@@ -2481,71 +2666,84 @@ function fi() {
             l(e + 10 < t ? e + 10 : t), c = !0;
             break;
           case "Space":
-            n ? o() : a(), c = !0;
+            n ? r() : s(), c = !0;
             break;
         }
         c && i.preventDefault();
       }
     },
-    [e, t, n, o, a, l]
+    [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(qt, {});
-}
-function xi(e) {
-  return /* @__PURE__ */ s.jsx(Kt, { children: /* @__PURE__ */ s.jsx(hi, j({}, e)) });
-}
-function hi({ url: e, messages: t, onEvent: n, startTime: o }) {
-  const a = f((u) => u.setStartTime), l = f((u) => u.containerRef);
-  return D(() => {
-    o && a(o);
-  }, [o, a]), D(() => {
-    console.log(`[Player][VOD] Version: ${ln.version}`);
-  }, []), /* @__PURE__ */ s.jsxs(
+  }), [u]), /* @__PURE__ */ a.jsx(Qt, {});
+}
+function Li(e) {
+  return /* @__PURE__ */ a.jsx(en, { children: /* @__PURE__ */ a.jsx(xi, M({}, e)) });
+}
+function xi({ url: e, messages: t, onEvent: n, startTime: r }) {
+  var i;
+  const s = f((c) => c.setStartTime), l = f((c) => c.containerRef), u = {
+    unableToPlay: "Unable to play the video. Please try again later."
+  };
+  return N(() => {
+    r && s(r);
+  }, [r, s]), N(() => {
+    console.log(`[Player][VOD] Version: ${Je.version}`);
+  }, []), /* @__PURE__ */ a.jsxs(
     "div",
     {
       ref: l,
-      className: B.playerContainer,
+      className: q.playerContainer,
       children: [
-        /* @__PURE__ */ s.jsx(Yt, { url: e, isLive: !1, messages: t }),
-        /* @__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(
+          tn,
+          {
+            url: e,
+            isLive: !1,
+            messages: {
+              unableToPlay: (i = t == null ? void 0 : t.unableToPlay) != null ? i : u.unableToPlay
+            }
+          }
+        ),
+        /* @__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,
-  xi as VodPlayer
+  Pi as LivePlayer,
+  Li as VodPlayer
 };
 //# sourceMappingURL=react-video-player.es.js.map