@halibegic/react-video-player 0.0.57 → 0.0.59

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

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