@halibegic/react-video-player 0.0.54 → 0.0.56

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

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