@halibegic/react-video-player 0.0.44 → 0.0.45

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

@@ -2,7 +2,7 @@ var Nn = Object.defineProperty, Vn = Object.defineProperties;
 var An = Object.getOwnPropertyDescriptors;
 var Se = Object.getOwnPropertySymbols;
 var vt = Object.prototype.hasOwnProperty, yt = Object.prototype.propertyIsEnumerable;
-var pt = (e, t, n) => t in e ? Nn(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, P = (e, t) => {
+var pt = (e, t, n) => t in e ? Nn(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, j = (e, t) => {
   for (var n in t || (t = {}))
     vt.call(t, n) && pt(e, n, t[n]);
   if (Se)
@@ -19,14 +19,14 @@ var ne = (e, t) => {
       t.indexOf(o) < 0 && yt.call(e, o) && (n[o] = e[o]);
   return n;
 };
-import St, { useLayoutEffect as On, useEffect as F, useRef as A, useState as G, createContext as jt, useContext as Pt, useCallback as W, forwardRef as Ne } from "react";
-import { create as Lt, useStore as kt } from "zustand";
+import St, { useLayoutEffect as On, useEffect as D, useRef as V, useState as G, createContext as jt, useContext as Pt, useCallback as W, forwardRef as Ne } from "react";
+import { create as Lt, useStore as It } from "zustand";
 import Hn from "mitt";
 import re from "hls.js";
 import * as je from "@radix-ui/react-slider";
 import * as Te from "@radix-ui/react-popover";
 import * as Pe from "@radix-ui/react-scroll-area";
-function It(e) {
+function kt(e) {
   var t = this.constructor;
   return this.then(
     function(n) {
@@ -75,11 +75,11 @@ function Dt(e) {
       u(i, a[i]);
   });
 }
-function Ft(e, t) {
+function Mt(e, t) {
   this.name = "AggregateError", this.errors = e, this.message = t || "";
 }
-Ft.prototype = Error.prototype;
-function Mt(e) {
+Mt.prototype = Error.prototype;
+function Ft(e) {
   var t = this;
   return new t(function(n, o) {
     if (!(e && typeof e.length != "undefined"))
@@ -90,7 +90,7 @@ function Mt(e) {
       try {
         t.resolve(a[u]).then(n).catch(function(i) {
           l.push(i), l.length === a.length && o(
-            new Ft(
+            new Mt(
               l,
               "All promises were rejected"
             )
@@ -112,8 +112,8 @@ function Bn(e, t) {
     e.apply(t, arguments);
   };
 }
-function N(e) {
-  if (!(this instanceof N))
+function F(e) {
+  if (!(this instanceof F))
     throw new TypeError("Promises must be constructed via new");
   if (typeof e != "function") throw new TypeError("not a function");
   this._state = 0, this._handled = !1, this._value = void 0, this._deferreds = [], At(e, this);
@@ -125,7 +125,7 @@ function Vt(e, t) {
     e._deferreds.push(t);
     return;
   }
-  e._handled = !0, N._immediateFn(function() {
+  e._handled = !0, F._immediateFn(function() {
     var n = e._state === 1 ? t.onFulfilled : t.onRejected;
     if (n === null) {
       (e._state === 1 ? Ke : xe)(t.promise, e._value);
@@ -147,7 +147,7 @@ function Ke(e, t) {
       throw new TypeError("A promise cannot be resolved with itself.");
     if (t && (typeof t == "object" || typeof t == "function")) {
       var n = t.then;
-      if (t instanceof N) {
+      if (t instanceof F) {
         e._state = 3, e._value = t, Ye(e);
         return;
       } else if (typeof n == "function") {
@@ -164,8 +164,8 @@ function xe(e, t) {
   e._state = 2, e._value = t, Ye(e);
 }
 function Ye(e) {
-  e._state === 2 && e._deferreds.length === 0 && N._immediateFn(function() {
-    e._handled || N._unhandledRejectionFn(e._value);
+  e._state === 2 && e._deferreds.length === 0 && F._immediateFn(function() {
+    e._handled || F._unhandledRejectionFn(e._value);
   });
   for (var t = 0, n = e._deferreds.length; t < n; t++)
     Vt(e, e._deferreds[t]);
@@ -190,16 +190,16 @@ function At(e, t) {
     n = !0, xe(t, o);
   }
 }
-N.prototype.catch = function(e) {
+F.prototype.catch = function(e) {
   return this.then(null, e);
 };
-N.prototype.then = function(e, t) {
+F.prototype.then = function(e, t) {
   var n = new this.constructor(Un);
   return Vt(this, new zn(e, t, n)), n;
 };
-N.prototype.finally = It;
-N.all = function(e) {
-  return new N(function(t, n) {
+F.prototype.finally = kt;
+F.all = function(e) {
+  return new F(function(t, n) {
     if (!Nt(e))
       return n(new TypeError("Promise.all accepts an array"));
     var o = Array.prototype.slice.call(e);
@@ -229,33 +229,33 @@ N.all = function(e) {
       l(u, o[u]);
   });
 };
-N.any = Mt;
-N.allSettled = Dt;
-N.resolve = function(e) {
-  return e && typeof e == "object" && e.constructor === N ? e : new N(function(t) {
+F.any = Ft;
+F.allSettled = Dt;
+F.resolve = function(e) {
+  return e && typeof e == "object" && e.constructor === F ? e : new F(function(t) {
     t(e);
   });
 };
-N.reject = function(e) {
-  return new N(function(t, n) {
+F.reject = function(e) {
+  return new F(function(t, n) {
     n(e);
   });
 };
-N.race = function(e) {
-  return new N(function(t, n) {
+F.race = function(e) {
+  return new F(function(t, n) {
     if (!Nt(e))
       return n(new TypeError("Promise.race accepts an array"));
     for (var o = 0, a = e.length; o < a; o++)
-      N.resolve(e[o]).then(t, n);
+      F.resolve(e[o]).then(t, n);
   });
 };
-N._immediateFn = // @ts-ignore
+F._immediateFn = // @ts-ignore
 typeof setImmediate == "function" && function(e) {
   setImmediate(e);
 } || function(e) {
   $n(e, 0);
 };
-N._unhandledRejectionFn = function(t) {
+F._unhandledRejectionFn = function(t) {
   typeof console != "undefined" && console && console.warn("Possible Unhandled Promise Rejection:", t);
 };
 var ae = (function() {
@@ -267,7 +267,7 @@ var ae = (function() {
     return global;
   throw new Error("unable to locate global object");
 })();
-typeof ae.Promise != "function" ? ae.Promise = N : (ae.Promise.prototype.finally || (ae.Promise.prototype.finally = It), ae.Promise.allSettled || (ae.Promise.allSettled = Dt), ae.Promise.any || (ae.Promise.any = Mt));
+typeof ae.Promise != "function" ? ae.Promise = F : (ae.Promise.prototype.finally || (ae.Promise.prototype.finally = kt), ae.Promise.allSettled || (ae.Promise.allSettled = Dt), ae.Promise.any || (ae.Promise.any = Ft));
 var Le = { exports: {} }, ge = {};
 var gt;
 function Wn() {
@@ -275,11 +275,11 @@ function Wn() {
   gt = 1;
   var e = St, t = Symbol.for("react.element"), n = Symbol.for("react.fragment"), o = Object.prototype.hasOwnProperty, a = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, l = { key: !0, ref: !0, __self: !0, __source: !0 };
   function u(i, c, d) {
-    var v, y = {}, g = null, L = null;
-    d !== void 0 && (g = "" + d), c.key !== void 0 && (g = "" + c.key), c.ref !== void 0 && (L = c.ref);
+    var v, y = {}, g = null, P = null;
+    d !== void 0 && (g = "" + d), c.key !== void 0 && (g = "" + c.key), c.ref !== void 0 && (P = c.ref);
     for (v in c) o.call(c, v) && !l.hasOwnProperty(v) && (y[v] = c[v]);
     if (i && i.defaultProps) for (v in c = i.defaultProps, c) y[v] === void 0 && (y[v] = c[v]);
-    return { $$typeof: t, type: i, key: g, ref: L, props: y, _owner: a.current };
+    return { $$typeof: t, type: i, key: g, ref: P, props: y, _owner: a.current };
   }
   return ge.Fragment = n, ge.jsx = u, ge.jsxs = u, ge;
 }
@@ -287,24 +287,24 @@ var we = {};
 var wt;
 function Zn() {
   return wt || (wt = 1, process.env.NODE_ENV !== "production" && (function() {
-    var e = St, t = Symbol.for("react.element"), n = Symbol.for("react.portal"), o = Symbol.for("react.fragment"), a = Symbol.for("react.strict_mode"), l = Symbol.for("react.profiler"), u = Symbol.for("react.provider"), i = Symbol.for("react.context"), c = Symbol.for("react.forward_ref"), d = Symbol.for("react.suspense"), v = Symbol.for("react.suspense_list"), y = Symbol.for("react.memo"), g = Symbol.for("react.lazy"), L = Symbol.for("react.offscreen"), D = Symbol.iterator, _ = "@@iterator";
+    var e = St, t = Symbol.for("react.element"), n = Symbol.for("react.portal"), o = Symbol.for("react.fragment"), a = Symbol.for("react.strict_mode"), l = Symbol.for("react.profiler"), u = Symbol.for("react.provider"), i = Symbol.for("react.context"), c = Symbol.for("react.forward_ref"), d = Symbol.for("react.suspense"), v = Symbol.for("react.suspense_list"), y = Symbol.for("react.memo"), g = Symbol.for("react.lazy"), P = Symbol.for("react.offscreen"), k = Symbol.iterator, _ = "@@iterator";
     function S(r) {
       if (r === null || typeof r != "object")
         return null;
-      var h = D && r[D] || r[_];
+      var h = k && r[k] || r[_];
       return typeof h == "function" ? h : null;
     }
-    var V = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    var N = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function R(r) {
       {
         for (var h = arguments.length, m = new Array(h > 1 ? h - 1 : 0), w = 1; w < h; w++)
           m[w - 1] = arguments[w];
-        k("error", r, m);
+        L("error", r, m);
       }
     }
-    function k(r, h, m) {
+    function L(r, h, m) {
       {
-        var w = V.ReactDebugCurrentFrame, E = w.getStackAddendum();
+        var w = N.ReactDebugCurrentFrame, E = w.getStackAddendum();
         E !== "" && (h += "%s", m = m.concat([E]));
         var b = m.map(function(C) {
           return String(C);
@@ -312,14 +312,14 @@ function Zn() {
         b.unshift("Warning: " + h), Function.prototype.apply.call(console[r], console, b);
       }
     }
-    var x = !1, j = !1, p = !1, $ = !1, Y = !1, B;
-    B = Symbol.for("react.module.reference");
-    function M(r) {
-      return !!(typeof r == "string" || typeof r == "function" || r === o || r === l || Y || r === a || r === d || r === v || $ || r === L || x || j || p || typeof r == "object" && r !== null && (r.$$typeof === g || r.$$typeof === y || r.$$typeof === u || r.$$typeof === i || r.$$typeof === c || // This needs to include all possible module reference object
+    var x = !1, M = !1, p = !1, U = !1, Y = !1, z;
+    z = Symbol.for("react.module.reference");
+    function O(r) {
+      return !!(typeof r == "string" || typeof r == "function" || r === o || r === l || Y || r === a || r === d || r === v || U || r === P || x || M || p || typeof r == "object" && r !== null && (r.$$typeof === g || r.$$typeof === y || r.$$typeof === u || r.$$typeof === i || r.$$typeof === c || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
-      r.$$typeof === B || r.getModuleId !== void 0));
+      r.$$typeof === z || r.getModuleId !== void 0));
     }
     function I(r, h, m) {
       var w = r.displayName;
@@ -438,7 +438,7 @@ function Zn() {
         oe < 0 && R("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var Oe = V.ReactCurrentDispatcher, He;
+    var Oe = N.ReactCurrentDispatcher, He;
     function Ce(r, h, m) {
       {
         if (He === void 0)
@@ -507,18 +507,18 @@ function Zn() {
         if (J && w && typeof J.stack == "string") {
           for (var T = J.stack.split(`
 `), X = w.stack.split(`
-`), H = T.length - 1, U = X.length - 1; H >= 1 && U >= 0 && T[H] !== X[U]; )
-            U--;
-          for (; H >= 1 && U >= 0; H--, U--)
-            if (T[H] !== X[U]) {
-              if (H !== 1 || U !== 1)
+`), H = T.length - 1, $ = X.length - 1; H >= 1 && $ >= 0 && T[H] !== X[$]; )
+            $--;
+          for (; H >= 1 && $ >= 0; H--, $--)
+            if (T[H] !== X[$]) {
+              if (H !== 1 || $ !== 1)
                 do
-                  if (H--, U--, U < 0 || T[H] !== X[U]) {
+                  if (H--, $--, $ < 0 || T[H] !== X[$]) {
                     var ee = `
 ` + T[H].replace(" at new ", " at ");
                     return r.displayName && ee.includes("<anonymous>") && (ee = ee.replace("<anonymous>", r.displayName)), typeof r == "function" && Ee.set(r, ee), ee;
                   }
-                while (H >= 1 && U >= 0);
+                while (H >= 1 && $ >= 0);
               break;
             }
         }
@@ -564,7 +564,7 @@ function Zn() {
         }
       return "";
     }
-    var ye = Object.prototype.hasOwnProperty, tt = {}, nt = V.ReactDebugCurrentFrame;
+    var ye = Object.prototype.hasOwnProperty, tt = {}, nt = N.ReactDebugCurrentFrame;
     function be(r) {
       if (r) {
         var h = r._owner, m = Re(r.type, r._source, h ? h.type : null);
@@ -615,7 +615,7 @@ function Zn() {
       if (yn(r))
         return R("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", vn(r)), rt(r);
     }
-    var it = V.ReactCurrentOwner, gn = {
+    var it = N.ReactCurrentOwner, gn = {
       key: !0,
       ref: !0,
       __self: !0,
@@ -703,13 +703,13 @@ function Zn() {
             C[b] === void 0 && (C[b] = H[b]);
         }
         if (T || X) {
-          var U = typeof r == "function" ? r.displayName || r.name || "Unknown" : r;
-          T && Tn(C, U), X && Cn(C, U);
+          var $ = typeof r == "function" ? r.displayName || r.name || "Unknown" : r;
+          T && Tn(C, $), X && Cn(C, $);
         }
         return En(r, T, X, E, w, it.current, C);
       }
     }
-    var Be = V.ReactCurrentOwner, lt = V.ReactDebugCurrentFrame;
+    var Be = N.ReactCurrentOwner, lt = N.ReactDebugCurrentFrame;
     function de(r) {
       if (r) {
         var h = r._owner, m = Re(r.type, r._source, h ? h.type : null);
@@ -822,7 +822,7 @@ Check the top-level render call using <` + m + ">.");
     var ht = {};
     function mt(r, h, m, w, E, b) {
       {
-        var C = M(r);
+        var C = O(r);
         if (!C) {
           var T = "";
           (r === void 0 || typeof r == "object" && r !== null && Object.keys(r).length === 0) && (T += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
@@ -831,9 +831,9 @@ Check the top-level render call using <` + m + ">.");
           var H;
           r === null ? H = "null" : Ue(r) ? H = "array" : r !== void 0 && r.$$typeof === t ? (H = "<" + (K(r.type) || "Unknown") + " />", T = " Did you accidentally export a JSX literal instead of a component?") : H = typeof r, R("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", H, T);
         }
-        var U = Rn(r, h, m, E, b);
-        if (U == null)
-          return U;
+        var $ = Rn(r, h, m, E, b);
+        if ($ == null)
+          return $;
         if (C) {
           var ee = h.children;
           if (ee !== void 0)
@@ -848,30 +848,30 @@ Check the top-level render call using <` + m + ">.");
               ft(ee, r);
         }
         if (ye.call(h, "key")) {
-          var ce = K(r), J = Object.keys(h).filter(function(Mn) {
-            return Mn !== "key";
+          var ce = K(r), J = Object.keys(h).filter(function(Fn) {
+            return Fn !== "key";
           }), Ze = J.length > 0 ? "{key: someKey, " + J.join(": ..., ") + ": ...}" : "{key: someKey}";
           if (!ht[ce + Ze]) {
-            var Fn = J.length > 0 ? "{" + J.join(": ..., ") + ": ...}" : "{}";
+            var Mn = J.length > 0 ? "{" + J.join(": ..., ") + ": ...}" : "{}";
             R(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`, Ze, ce, Fn, ce), ht[ce + Ze] = !0;
+  <%s key={someKey} {...props} />`, Ze, ce, Mn, ce), ht[ce + Ze] = !0;
           }
         }
-        return r === o ? Pn(U) : jn(U), U;
+        return r === o ? Pn($) : jn($), $;
       }
     }
     function Ln(r, h, m) {
       return mt(r, h, m, !0);
     }
-    function kn(r, h, m) {
+    function In(r, h, m) {
       return mt(r, h, m, !1);
     }
-    var In = kn, Dn = Ln;
-    we.Fragment = o, we.jsx = In, we.jsxs = Dn;
+    var kn = In, Dn = Ln;
+    we.Fragment = o, we.jsx = kn, we.jsxs = Dn;
   })()), we;
 }
 var xt;
@@ -884,12 +884,12 @@ const Kn = "_playerNotice_x3acc_1", Yn = "_playerNoticeTitle_x3acc_19", Xn = "_p
   playerNoticeTitle: Yn,
   playerNoticeText: Xn,
   playerNoticeLowZIndex: Gn
-}, Ot = typeof window != "undefined" ? On : F;
+}, Ot = typeof window != "undefined" ? On : D;
 function Ve(e, t) {
-  const n = A(e);
+  const n = V(e);
   Ot(() => {
     n.current = e;
-  }, [e]), F(() => {
+  }, [e]), D(() => {
     if (t === null)
       return;
     const o = setInterval(() => {
@@ -914,15 +914,15 @@ const Qn = () => Lt((e) => ({
 })), Ht = jt(
   null
 ), er = ({ children: e }) => {
-  const t = A(
+  const t = V(
     null
   );
   return t.current || (t.current = Qn()), /* @__PURE__ */ s.jsx(Ht.Provider, { value: t.current, children: e });
-}, O = (e) => {
+}, A = (e) => {
   const t = Pt(Ht);
   if (!t)
     throw new Error("usePlayerStore must be used within PlayerStoreProvider");
-  return kt(t, e);
+  return It(t, e);
 };
 function tr(e, t, n) {
   const o = {
@@ -964,17 +964,17 @@ function rr(e, t) {
       ) - 1, g = parseInt(
         ((a = d.find((S) => S.type === "day")) == null ? void 0 : a.value) || "0",
         10
-      ), L = parseInt(
+      ), P = parseInt(
         ((l = d.find((S) => S.type === "hour")) == null ? void 0 : l.value) || "0",
         10
-      ), D = parseInt(
+      ), k = parseInt(
         ((u = d.find((S) => S.type === "minute")) == null ? void 0 : u.value) || "0",
         10
       ), _ = parseInt(
         ((i = d.find((S) => S.type === "second")) == null ? void 0 : i.value) || "0",
         10
       );
-      return new Date(v, y, g, L, D, _);
+      return new Date(v, y, g, P, k, _);
     } catch (c) {
       return console.warn(
         `Failed to convert date to timezone ${t}, returning original date:`,
@@ -1205,19 +1205,19 @@ const cr = () => Hn(), ur = (e, t) => ({
   setError: (t) => e({ error: t })
 }), vr = () => ({
   eventEmitter: cr()
-}), yr = (e) => () => P({}, e), gr = (e, t) => Lt()((...n) => P(P(P(P(P(P(P(P({}, ur(...n)), dr(...n)), fr(...n)), mr(...n)), hr(...n)), pr(...n)), vr(...n)), yr({
+}), yr = (e) => () => j({}, e), gr = (e, t) => Lt()((...n) => j(j(j(j(j(j(j(j({}, ur(...n)), dr(...n)), fr(...n)), mr(...n)), hr(...n)), pr(...n)), vr(...n)), yr({
   techRef: e,
   containerRef: t
 })(...n))), Bt = jt(null);
 function wr({ children: e }) {
-  const t = A(null), n = A(null), o = A(null);
+  const t = V(null), n = V(null), o = V(null);
   return t.current || (t.current = gr(n, o)), /* @__PURE__ */ s.jsx(Bt.Provider, { value: t.current, children: e });
 }
 const f = (e) => {
   const t = Pt(Bt);
   if (!t)
     throw new Error("usePlayerStore must be used within PlayerStoreProvider");
-  return kt(t, e);
+  return It(t, e);
 };
 function xr(e) {
   const t = e.split(`
@@ -1291,22 +1291,22 @@ async function Cr(e) {
 }
 function Er(n) {
   var o = n, { url: e } = o, t = ne(o, ["url"]);
-  const [a, l] = G(!0), u = O((d) => d.startDate), i = O((d) => d.setStartDate), c = W(async () => {
+  const [a, l] = G(!0), u = A((d) => d.startDate), i = A((d) => d.setStartDate), c = W(async () => {
     const d = await Cr(e);
     d && i(d);
   }, [e, i]);
-  return F(() => {
+  return D(() => {
     (async () => {
       l(!0), await c(), l(!1);
     })();
-  }, [c]), Ve(c, u ? null : 5e3), a ? null : /* @__PURE__ */ s.jsx(Rr, P({}, t));
+  }, [c]), Ve(c, u ? null : 5e3), a ? null : /* @__PURE__ */ s.jsx(Rr, j({}, t));
 }
 function Rr({
   children: e,
   messages: t = {}
 }) {
   var u, i, c;
-  const n = O((d) => d.startDate), o = f((d) => d.isStarted);
+  const n = A((d) => d.startDate), o = f((d) => d.isStarted);
   return Jn(o ? null : 5e3), n ? Date.now() < n.getTime() ? /* @__PURE__ */ s.jsx(
     br,
     {
@@ -1331,10 +1331,10 @@ function br({ startDate: e, title: t, message: n }) {
 }
 function zt({ callback: e }) {
   const t = f((n) => n.eventEmitter);
-  return F(() => {
-    const n = () => e("play", void 0), o = () => e("pause", void 0), a = () => e("ended", void 0), l = () => e("seeking", void 0), u = () => e("seeked", void 0), i = (_) => e("volumeChange", _), c = (_) => e("fullscreenChange", _), d = (_) => e("qualityChange", _), v = (_) => e("loadedMetadata", _), y = () => e("loadStart", void 0), g = () => e("playing", void 0), L = () => e("waiting", void 0), D = () => e("error", void 0);
-    return t.on("play", n), t.on("pause", o), t.on("ended", a), t.on("seeking", l), t.on("seeked", u), t.on("volumeChange", i), t.on("fullscreenChange", c), t.on("qualityChange", d), t.on("loadedMetadata", v), t.on("loadStart", y), t.on("playing", g), t.on("waiting", L), t.on("error", D), () => {
-      t.off("play", n), t.off("pause", o), t.off("ended", a), t.off("seeking", l), t.off("seeked", u), t.off("volumeChange", i), t.off("fullscreenChange", c), t.off("qualityChange", d), t.off("loadedMetadata", v), t.off("loadStart", y), t.off("playing", g), t.off("waiting", L), t.off("error", D);
+  return D(() => {
+    const n = () => e("play", void 0), o = () => e("pause", void 0), a = () => e("ended", void 0), l = () => e("seeking", void 0), u = () => e("seeked", void 0), i = (_) => e("volumeChange", _), c = (_) => e("fullscreenChange", _), d = (_) => e("qualityChange", _), v = (_) => e("loadedMetadata", _), y = () => e("loadStart", void 0), g = () => e("playing", void 0), P = () => e("waiting", void 0), k = () => e("error", void 0);
+    return t.on("play", n), t.on("pause", o), t.on("ended", a), t.on("seeking", l), t.on("seeked", u), t.on("volumeChange", i), t.on("fullscreenChange", c), t.on("qualityChange", d), t.on("loadedMetadata", v), t.on("loadStart", y), t.on("playing", g), t.on("waiting", P), t.on("error", k), () => {
+      t.off("play", n), t.off("pause", o), t.off("ended", a), t.off("seeking", l), t.off("seeked", u), t.off("volumeChange", i), t.off("fullscreenChange", c), t.off("qualityChange", d), t.off("loadedMetadata", v), t.off("loadStart", y), t.off("playing", g), t.off("waiting", P), t.off("error", k);
     };
   }, [e, t]), null;
 }
@@ -1369,8 +1369,8 @@ function Pr({
   }), a;
 }
 function Lr({ callback: e }) {
-  const t = O((l) => l.delay), n = O((l) => l.startDate), o = n ? n.getTime() : 0, a = f((l) => l.eventEmitter);
-  return F(() => {
+  const t = A((l) => l.delay), n = A((l) => l.startDate), o = n ? n.getTime() : 0, a = f((l) => l.eventEmitter);
+  return D(() => {
     const l = () => e("timeUpdate", {
       currentTime: Zt(o, t),
       duration: -1
@@ -1411,12 +1411,12 @@ function qt() {
       l
     ]
   );
-  return F(() => (document.addEventListener("keydown", u), () => {
+  return D(() => (document.addEventListener("keydown", u), () => {
     document.removeEventListener("keydown", u);
   }), [u]), null;
 }
-function kr() {
-  const e = O((i) => i.delay), t = f((i) => i.isPlaying), n = f((i) => i.pause), o = f((i) => i.getPauseTimeDiff), a = f((i) => i.play), l = O((i) => i.setDelay), u = W(
+function Ir() {
+  const e = A((i) => i.delay), t = f((i) => i.isPlaying), n = f((i) => i.pause), o = f((i) => i.getPauseTimeDiff), a = f((i) => i.play), l = A((i) => i.setDelay), u = W(
     (i) => {
       let c = !1;
       if (!(i.target instanceof HTMLInputElement || i.ctrlKey)) {
@@ -1442,24 +1442,24 @@ function kr() {
     },
     [e, o, t, n, a, l]
   );
-  return F(() => (document.addEventListener("keydown", u), () => {
+  return D(() => (document.addEventListener("keydown", u), () => {
     document.removeEventListener("keydown", u);
   }), [u]), /* @__PURE__ */ s.jsx(qt, {});
 }
 function Kt({ children: e }) {
   return /* @__PURE__ */ s.jsx(wr, { children: e });
 }
-function Ir({ children: e }) {
+function kr({ children: e }) {
   return /* @__PURE__ */ s.jsx(er, { children: /* @__PURE__ */ s.jsx(Kt, { children: e }) });
 }
 function Dr({ url: e, isLive: t, messages: n }) {
-  const o = A(null), a = f((x) => x.level), l = f((x) => x.levels), u = f((x) => x.setLevel), i = f((x) => x.setLevels), c = f((x) => x.techRef), d = f((x) => x.setError), v = A(0), y = A(null), g = 50, L = 1e4, D = W(
+  const o = V(null), a = f((x) => x.level), l = f((x) => x.levels), u = f((x) => x.setLevel), i = f((x) => x.setLevels), c = f((x) => x.techRef), d = f((x) => x.setError), v = V(0), y = V(null), g = 50, P = 1e4, k = W(
     (x) => {
       if (o.current && (o.current.nextLevel = x, u(null), l)) {
-        const j = l.map((p) => he(P({}, p), {
+        const M = l.map((p) => he(j({}, p), {
           selected: p.value === x
         }));
-        i(j);
+        i(M);
       }
     },
     [l, u, i, o]
@@ -1468,42 +1468,38 @@ function Dr({ url: e, isLive: t, messages: n }) {
   }, [e]), S = W(() => {
     if (!o.current) return;
     console.log("[Player][HLS] MANIFEST_LOADED"), d(null), y.current && (clearTimeout(y.current), y.current = null), v.current = 0;
-    const x = o.current.levels, j = o.current.currentLevel, p = o.current.autoLevelEnabled;
+    const x = o.current.levels, M = o.current.currentLevel, p = o.current.autoLevelEnabled;
     i(
       Pr({
-        levels: x.map(($, Y) => {
-          const { bitrate: B, height: M, width: I } = $;
+        levels: x.map((U, Y) => {
+          const { bitrate: z, height: O, width: I } = U;
           return {
-            bitrate: B,
-            height: M,
+            bitrate: z,
+            height: O,
             index: Y,
             width: I
           };
         }),
-        level: j,
+        level: M,
         isAuto: p
       })
     );
-  }, [d, i]), V = W(
+  }, [d, i]), N = W(
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    (x, j) => {
-      var p, $;
-      if (o.current && j.fatal)
-        switch (j.type) {
+    (x, M) => {
+      var p;
+      if (o.current && M.fatal)
+        switch (M.type) {
           case re.ErrorTypes.NETWORK_ERROR:
-            let Y = (p = n == null ? void 0 : n.unableToPlay) != null ? p : "Unable to play the video. Please try again later.", B = "NETWORK_ERROR";
-            console.log("[Player][HLS] NETWORK_ERROR", j), t ? (
-              // Initial load failure
-              (j.details === "manifestLoadError" || j.details === "manifestParsingError" || // Level load failure during playback (e.g. OBS disconnect)
-              j.details === "levelLoadError") && (v.current < g && (y.current && clearTimeout(y.current), v.current += 1, y.current = setTimeout(() => {
-                if (o.current)
-                  try {
-                    console.log("[Player][HLS] Retrying stream..."), o.current.loadSource(e);
-                  } catch (M) {
-                    console.error("[Player][HLS] Retry failed:", M);
-                  }
-              }, L)), Y = ($ = n == null ? void 0 : n.eventFinished) != null ? $ : "Live event will be back shortly.", B = "LIVE_MANIFEST_LOAD_ERROR")
-            ) : o.current.startLoad(), d({ message: Y, code: B, tech: "hls" });
+            let U = (p = n == null ? void 0 : n.unableToPlay) != null ? p : "Unable to play the video. Please try again later.", Y = "NETWORK_ERROR";
+            console.log("[Player][HLS] NETWORK_ERROR", M), t ? (v.current < g && (y.current && clearTimeout(y.current), v.current += 1, y.current = setTimeout(() => {
+              if (o.current)
+                try {
+                  console.log("[Player][HLS] Retrying stream..."), o.current.loadSource(e);
+                } catch (z) {
+                  console.error("[Player][HLS] Retry failed:", z);
+                }
+            }, P)), Y = "LIVE_MANIFEST_LOAD_ERROR") : o.current.startLoad(), d({ message: U, code: Y, tech: "hls" });
             break;
           case re.ErrorTypes.MEDIA_ERROR:
             o.current.recoverMediaError();
@@ -1520,26 +1516,26 @@ function Dr({ url: e, isLive: t, messages: n }) {
     };
     or ? (x.backBufferLength = -1, x.enableWorker = !1) : t ? x.backBufferLength = 10 : x.backBufferLength = 60;
     try {
-      console.log("[Player][HLS] URL", e), console.log("[Player][HLS] Config", JSON.stringify(x)), console.log("[Player][HLS] Version", re.version), o.current = new re(x), o.current.attachMedia(c.current), o.current.on(re.Events.MEDIA_ATTACHED, _), o.current.on(re.Events.MANIFEST_LOADED, S), o.current.on(re.Events.ERROR, V);
-    } catch (j) {
-      throw new Error(`Error initializing Hls: ${j}`);
+      console.log("[Player][HLS] URL", e), console.log("[Player][HLS] Config", JSON.stringify(x)), console.log("[Player][HLS] Version", re.version), o.current = new re(x), o.current.attachMedia(c.current), o.current.on(re.Events.MEDIA_ATTACHED, _), o.current.on(re.Events.MANIFEST_LOADED, S), o.current.on(re.Events.ERROR, N);
+    } catch (M) {
+      throw new Error(`Error initializing Hls: ${M}`);
     }
   }, [
     S,
     _,
-    V,
+    N,
     t,
     c,
     e
-  ]), k = W(() => {
-    o.current && (o.current.off(re.Events.MEDIA_ATTACHED, _), o.current.off(re.Events.MANIFEST_LOADED, S), o.current.off(re.Events.ERROR, V), o.current.destroy(), o.current = null), y.current && (clearTimeout(y.current), y.current = null), v.current = 0;
-  }, [S, _, V]);
-  return F(() => {
-    a !== null && D(a);
-  }, [a, D]), F(() => (re.isSupported() && R(), k), [k, R]), null;
-}
-const Fr = "_playerVideo_wc0sm_1", Mr = {
-  playerVideo: Fr
+  ]), L = W(() => {
+    o.current && (o.current.off(re.Events.MEDIA_ATTACHED, _), o.current.off(re.Events.MANIFEST_LOADED, S), o.current.off(re.Events.ERROR, N), o.current.destroy(), o.current = null), y.current && (clearTimeout(y.current), y.current = null), v.current = 0;
+  }, [S, _, N]);
+  return D(() => {
+    a !== null && k(a);
+  }, [a, k]), D(() => (re.isSupported() && R(), L), [L, R]), null;
+}
+const Mr = "_playerVideo_wc0sm_1", Fr = {
+  playerVideo: Mr
 };
 function Yt({
   url: e,
@@ -1547,7 +1543,7 @@ function Yt({
   isMuted: n = !1,
   messages: o = {}
 }) {
-  const a = f((p) => p.handleDurationChange), l = f((p) => p.handleEnd), u = f((p) => p.handleLoadedMetadata), i = f((p) => p.handleLoadStart), c = f((p) => p.handlePause), d = f((p) => p.handlePlay), v = f((p) => p.handlePlaying), y = f((p) => p.handleSeeked), g = f((p) => p.handleSeeking), L = f((p) => p.handleTimeUpdate), D = f((p) => p.handleWaiting), _ = f((p) => p.handleVolumeChange), S = f((p) => p.handleError), V = f((p) => p.techRef), R = A(null), k = () => t ? {
+  const a = f((p) => p.handleDurationChange), l = f((p) => p.handleEnd), u = f((p) => p.handleLoadedMetadata), i = f((p) => p.handleLoadStart), c = f((p) => p.handlePause), d = f((p) => p.handlePlay), v = f((p) => p.handlePlaying), y = f((p) => p.handleSeeked), g = f((p) => p.handleSeeking), P = f((p) => p.handleTimeUpdate), k = f((p) => p.handleWaiting), _ = f((p) => p.handleVolumeChange), S = f((p) => p.handleError), N = f((p) => p.techRef), R = V(null), L = () => t ? {
     onTimeUpdate: x
   } : {
     onDurationChange: a,
@@ -1555,15 +1551,15 @@ function Yt({
     onSeeking: g,
     onTimeUpdate: x
   }, x = () => {
-    (!R.current || Date.now() - R.current >= 1e3) && (L(), R.current = Date.now());
-  }, j = k();
+    (!R.current || Date.now() - R.current >= 1e3) && (P(), R.current = Date.now());
+  }, M = L();
   return /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
     /* @__PURE__ */ s.jsx(Dr, { isLive: t, url: e, messages: o }),
     /* @__PURE__ */ s.jsx(
       "video",
-      P({
-        ref: V,
-        className: Mr.playerVideo,
+      j({
+        ref: N,
+        className: Fr.playerVideo,
         playsInline: !0,
         autoPlay: !0,
         controls: !1,
@@ -1577,20 +1573,20 @@ function Yt({
         onPause: c,
         onPlay: d,
         onPlaying: v,
-        onWaiting: D,
+        onWaiting: k,
         onVolumeChange: _,
         tabIndex: -1
-      }, j)
+      }, M)
     )
   ] });
 }
 function Nr({ url: e, messages: t = {} }) {
-  const [n, o] = G(null), a = O((u) => u.delay), l = W(async () => {
+  const [n, o] = G(null), a = A((u) => u.delay), l = W(async () => {
     o(
       a ? e.replace("-live", "-catchup").replace("playlist.m3u8", `playlist_fmp4_dvr_timeshift-${a}.m3u8`) : e
     );
   }, [a, e]);
-  return F(() => {
+  return D(() => {
     l();
   }, [l]), n ? /* @__PURE__ */ s.jsx(Yt, { url: n, isLive: !0, messages: t }) : null;
 }
@@ -1598,7 +1594,7 @@ function Vr({ url: e }) {
   return f((n) => n.isStarted) ? /* @__PURE__ */ s.jsx(Ar, { url: e }) : null;
 }
 function Ar({ url: e }) {
-  const t = O((l) => l.setViewerCount), n = A(null), o = (l) => {
+  const t = A((l) => l.setViewerCount), n = V(null), o = (l) => {
     try {
       return new URL(l).pathname.split("/").filter((d) => d.length > 0)[0] || null;
     } catch (u) {
@@ -1627,7 +1623,7 @@ function Ar({ url: e }) {
       console.error("Failed to fetch viewer count:", d), t(null);
     }
   };
-  return F(() => (a(), () => {
+  return D(() => (a(), () => {
     n.current && n.current.abort();
   }), [e]), Ve(a, 15e3), null;
 }
@@ -1671,9 +1667,9 @@ function Xt(i) {
     "maxForwardTime",
     "maxBackwardTime"
   ]);
-  return Or("(min-width: 1024px)") ? /* @__PURE__ */ s.jsx(Zr, P({ className: e, onClick: t }, u)) : /* @__PURE__ */ s.jsx(
+  return Or("(min-width: 1024px)") ? /* @__PURE__ */ s.jsx(Zr, j({ className: e, onClick: t }, u)) : /* @__PURE__ */ s.jsx(
     qr,
-    P({
+    j({
       className: e,
       maxForwardTime: a,
       maxBackwardTime: l,
@@ -1684,24 +1680,24 @@ function Xt(i) {
 }
 function Zr(o) {
   var a = o, { className: e, onClick: t } = a, n = ne(a, ["className", "onClick"]);
-  const l = A(null), u = f((_) => _.exitFullscreen), i = f((_) => _.isFullscreen), c = f((_) => _.requestFullscreen), d = f((_) => _.resetIdle), v = (_) => {
-    L() ? (g(), i ? u() : c()) : y(_);
+  const l = V(null), u = f((_) => _.exitFullscreen), i = f((_) => _.isFullscreen), c = f((_) => _.requestFullscreen), d = f((_) => _.resetIdle), v = (_) => {
+    P() ? (g(), i ? u() : c()) : y(_);
   }, y = (_) => {
     l.current = window.setTimeout(() => {
       t == null || t(_), g();
     }, 200);
   }, g = () => {
     l.current !== null && (window.clearTimeout(l.current), l.current = null);
-  }, L = () => l.current !== null, D = () => {
+  }, P = () => l.current !== null, k = () => {
     d();
   };
-  return F(() => () => {
+  return D(() => () => {
     g();
   }, []), /* @__PURE__ */ s.jsx(
     "button",
-    P({
+    j({
       onClick: v,
-      onMouseMove: D,
+      onMouseMove: k,
       className: [me.playbackButton, e].filter(Boolean).join(" "),
       "aria-label": "Player gestures"
     }, n)
@@ -1721,73 +1717,73 @@ function qr(u) {
     "onForwardSeek",
     "onBackwardSeek"
   ]);
-  const c = A(null), d = A({
+  const c = V(null), d = V({
     single: null,
     indicator: null,
     accumulate: null
-  }), v = A(null), y = A(0), g = A(null), [L, D] = G({ visible: !1, direction: null, time: 0 }), _ = f((p) => p.isIdle), S = f((p) => p.setIsIdle), V = f((p) => p.resetIdle), R = (p, $) => p < $ / 2 ? "backward" : "forward", k = (p) => {
+  }), v = V(null), y = V(0), g = V(null), [P, k] = G({ visible: !1, direction: null, time: 0 }), _ = f((p) => p.isIdle), S = f((p) => p.setIsIdle), N = f((p) => p.resetIdle), R = (p, U) => p < U / 2 ? "backward" : "forward", L = (p) => {
     if (!v.current) return;
-    const $ = p.changedTouches[0];
-    if (!$) return;
-    const Y = Date.now(), B = v.current.getBoundingClientRect(), M = $.clientX - B.left, I = $.clientY - B.top;
-    if (M < 0 || M > B.width || I < 0 || I > B.height)
+    const U = p.changedTouches[0];
+    if (!U) return;
+    const Y = Date.now(), z = v.current.getBoundingClientRect(), O = U.clientX - z.left, I = U.clientY - z.top;
+    if (O < 0 || O > z.width || I < 0 || I > z.height)
       return;
-    const Q = c.current, K = Q ? Y - Q.time : 1 / 0, Z = R(M, B.width), oe = g.current !== null && g.current === Z && Q !== null && K < 700 && Math.abs(M - Q.x) < 100;
-    if (Q !== null && g.current === null && K < 300 && Math.abs(M - Q.x) < 50 || oe) {
-      p.preventDefault(), p.stopPropagation(), d.current.single && (window.clearTimeout(d.current.single), d.current.single = null), V(), (g.current === null || g.current !== Z) && (y.current = 0, g.current = Z);
+    const Q = c.current, K = Q ? Y - Q.time : 1 / 0, Z = R(O, z.width), oe = g.current !== null && g.current === Z && Q !== null && K < 700 && Math.abs(O - Q.x) < 100;
+    if (Q !== null && g.current === null && K < 300 && Math.abs(O - Q.x) < 50 || oe) {
+      p.preventDefault(), p.stopPropagation(), d.current.single && (window.clearTimeout(d.current.single), d.current.single = null), N(), (g.current === null || g.current !== Z) && (y.current = 0, g.current = Z);
       const te = Z === "backward" ? n : t;
       y.current = Math.min(
         y.current + Wr,
         te != null ? te : 1 / 0
       ), x(Z, y.current), d.current.accumulate && window.clearTimeout(d.current.accumulate), d.current.accumulate = window.setTimeout(() => {
         const q = y.current;
-        q > 0 && (g.current === "backward" ? a == null || a(q) : o == null || o(q), V()), y.current = 0, g.current = null, c.current = null, j(), d.current.accumulate = null;
-      }, 500), c.current = { time: Y, x: M };
+        q > 0 && (g.current === "backward" ? a == null || a(q) : o == null || o(q), N()), y.current = 0, g.current = null, c.current = null, M(), d.current.accumulate = null;
+      }, 500), c.current = { time: Y, x: O };
     } else {
-      c.current = { time: Y, x: M }, d.current.single && window.clearTimeout(d.current.single);
+      c.current = { time: Y, x: O }, d.current.single && window.clearTimeout(d.current.single);
       const te = g.current !== null ? 700 : 350;
       d.current.single = window.setTimeout(() => {
         if (g.current === null) {
           d.current.single = null;
           const q = _;
-          S(!q), q && V();
+          S(!q), q && N();
         }
         c.current = null;
       }, te);
     }
-  }, x = (p, $) => {
-    $ !== 0 && (D({ visible: !0, direction: p, time: $ }), d.current.indicator && window.clearTimeout(d.current.indicator), d.current.indicator = window.setTimeout(() => {
-      j();
+  }, x = (p, U) => {
+    U !== 0 && (k({ visible: !0, direction: p, time: U }), d.current.indicator && window.clearTimeout(d.current.indicator), d.current.indicator = window.setTimeout(() => {
+      M();
     }, 700));
-  }, j = () => {
-    D({ visible: !1, direction: null, time: 0 }), d.current.indicator && (window.clearTimeout(d.current.indicator), d.current.indicator = null);
+  }, M = () => {
+    k({ visible: !1, direction: null, time: 0 }), d.current.indicator && (window.clearTimeout(d.current.indicator), d.current.indicator = null);
   };
-  return F(() => () => {
+  return D(() => () => {
     d.current.single && window.clearTimeout(d.current.single), d.current.indicator && window.clearTimeout(d.current.indicator), d.current.accumulate && window.clearTimeout(d.current.accumulate);
   }, []), /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
     /* @__PURE__ */ s.jsx(
       "button",
-      P({
+      j({
         ref: v,
-        onTouchEnd: k,
+        onTouchEnd: L,
         className: [me.playbackButton, e].filter(Boolean).join(" "),
         "aria-label": "Player gestures"
       }, l)
     ),
-    L.visible && /* @__PURE__ */ s.jsxs(
+    P.visible && /* @__PURE__ */ s.jsxs(
       "div",
       {
-        className: `${me.seekIndicator} ${me.seekIndicatorVisible} ${L.direction === "backward" ? me.seekIndicatorLeft : me.seekIndicatorRight}`,
+        className: `${me.seekIndicator} ${me.seekIndicatorVisible} ${P.direction === "backward" ? me.seekIndicatorLeft : me.seekIndicatorRight}`,
         children: [
-          L.direction === "backward" ? "-" : "+",
-          _e(L.time)
+          P.direction === "backward" ? "-" : "+",
+          _e(P.time)
         ]
       }
     )
   ] });
 }
 function Kr() {
-  const e = f((c) => c.isPlaying), t = f((c) => c.pause), n = f((c) => c.getPauseTimeDiff), o = f((c) => c.play), a = O((c) => c.delay), l = O((c) => c.setDelay), u = O((c) => c.startDate), i = u ? u.getTime() : 0;
+  const e = f((c) => c.isPlaying), t = f((c) => c.pause), n = f((c) => c.getPauseTimeDiff), o = f((c) => c.play), a = A((c) => c.delay), l = A((c) => c.setDelay), u = A((c) => c.startDate), i = u ? u.getTime() : 0;
   return /* @__PURE__ */ s.jsx(
     Xt,
     {
@@ -1819,21 +1815,21 @@ const Yr = "_playerButton_izwqq_1", Xr = "_playerButtonCircle_izwqq_42", _t = {
   (a, o) => {
     var l = a, { shape: e = "circle", className: t } = l, n = ne(l, ["shape", "className"]);
     const u = e === "circle" ? _t.playerButtonCircle : "", i = [_t.playerButton, u, t].filter(Boolean).join(" ");
-    return /* @__PURE__ */ s.jsx("button", P({ ref: o, className: i }, n));
+    return /* @__PURE__ */ s.jsx("button", j({ ref: o, className: i }, n));
   }
 );
 le.displayName = "PlayerButton";
-const Gr = "_liveIndicator_1jczn_1", Jr = "_liveIndicatorHasDelay_1jczn_9", Qr = "_liveIndicatorNoDelay_1jczn_13", ke = {
+const Gr = "_liveIndicator_1jczn_1", Jr = "_liveIndicatorHasDelay_1jczn_9", Qr = "_liveIndicatorNoDelay_1jczn_13", Ie = {
   liveIndicator: Gr,
   liveIndicatorHasDelay: Jr,
   liveIndicatorNoDelay: Qr
 };
 function eo(n) {
   var o = n, { message: e } = o, t = ne(o, ["message"]);
-  const a = O((c) => c.delay), l = O((c) => c.setDelay), u = () => {
+  const a = A((c) => c.delay), l = A((c) => c.setDelay), u = () => {
     a && l(0);
-  }, i = a ? `${ke.liveIndicator} ${ke.liveIndicatorHasDelay}` : `${ke.liveIndicator} ${ke.liveIndicatorNoDelay}`;
-  return /* @__PURE__ */ s.jsxs(le, he(P({ onClick: u, shape: "square" }, t), { children: [
+  }, i = a ? `${Ie.liveIndicator} ${Ie.liveIndicatorHasDelay}` : `${Ie.liveIndicator} ${Ie.liveIndicatorNoDelay}`;
+  return /* @__PURE__ */ s.jsxs(le, he(j({ onClick: u, shape: "square" }, t), { children: [
     /* @__PURE__ */ s.jsx("div", { className: i }),
     e || "Live"
   ] }));
@@ -1861,7 +1857,7 @@ function Jt() {
   );
 }
 function to() {
-  const e = f((i) => i.isPlaying), t = f((i) => i.pause), n = f((i) => i.getPauseTimeDiff), o = f((i) => i.play), a = O((i) => i.delay), l = O((i) => i.setDelay), u = () => {
+  const e = f((i) => i.isPlaying), t = f((i) => i.pause), n = f((i) => i.getPauseTimeDiff), o = f((i) => i.play), a = A((i) => i.delay), l = A((i) => i.setDelay), u = () => {
     if (e)
       t();
     else {
@@ -1877,7 +1873,7 @@ const no = "_progressSlider_hwzgf_1", ro = "_tipContainer_hwzgf_7", oo = "_tipCo
   tipContainerVisible: oo,
   tipContainerHidden: io,
   tipContent: so
-}, ao = "_sliderRoot_aeak6_1", lo = "_sliderTrack_aeak6_18", co = "_sliderRange_aeak6_28", uo = "_sliderThumb_aeak6_37", Ie = {
+}, ao = "_sliderRoot_aeak6_1", lo = "_sliderTrack_aeak6_18", co = "_sliderRange_aeak6_28", uo = "_sliderThumb_aeak6_37", ke = {
   sliderRoot: ao,
   sliderTrack: lo,
   sliderRange: co,
@@ -1886,12 +1882,12 @@ const no = "_progressSlider_hwzgf_1", ro = "_tipContainer_hwzgf_7", oo = "_tipCo
   var u = l, { max: e = 100, min: t = 0, className: n } = u, o = ne(u, ["max", "min", "className"]);
   return /* @__PURE__ */ s.jsxs(
     je.Root,
-    he(P({
+    he(j({
       ref: a,
       min: t,
       max: e,
       "aria-label": "Player progress",
-      className: [Ie.sliderRoot, n].filter(Boolean).join(" "),
+      className: [ke.sliderRoot, n].filter(Boolean).join(" "),
       onKeyDown: (i) => (
         // Prevent the slider from being controlled by the keyboard
         // when the slider is focused by a click
@@ -1899,14 +1895,14 @@ const no = "_progressSlider_hwzgf_1", ro = "_tipContainer_hwzgf_7", oo = "_tipCo
       )
     }, o), {
       children: [
-        /* @__PURE__ */ s.jsx(je.Track, { className: Ie.sliderTrack, children: /* @__PURE__ */ s.jsx(je.Range, { className: Ie.sliderRange }) }),
-        /* @__PURE__ */ s.jsx(je.Thumb, { className: Ie.sliderThumb })
+        /* @__PURE__ */ s.jsx(je.Track, { className: ke.sliderTrack, children: /* @__PURE__ */ s.jsx(je.Range, { className: ke.sliderRange }) }),
+        /* @__PURE__ */ s.jsx(je.Thumb, { className: ke.sliderThumb })
       ]
     })
   );
 });
 Ae.displayName = "PlayerSlider";
-function Me(e) {
+function Fe(e) {
   const t = e.getBoundingClientRect();
   return e.offsetWidth / e.offsetHeight > e.clientWidth / e.clientHeight ? {
     left: t.left * 100,
@@ -1919,22 +1915,22 @@ function Me(e) {
 }
 const Tt = "vod-player-progress-bar";
 function fo() {
-  const e = A(null), t = A(null), [n, o] = G(0), [a, l] = G(0), [u, i] = G(!1), [c, d] = G(-1), [v, y] = G(-1), g = O((I) => I.delay), L = O((I) => I.startDate), D = L ? L.getTime() : 0, _ = (/* @__PURE__ */ new Date()).getTime(), S = O((I) => I.setDelay), V = f((I) => I.isPlaying), R = f((I) => I.addIdleLock), k = f((I) => I.removeIdleLock), x = W(() => {
-    o(Zt(D, g)), l(Sr(D, _));
-  }, [g, _, D]), j = parseFloat(
+  const e = V(null), t = V(null), [n, o] = G(0), [a, l] = G(0), [u, i] = G(!1), [c, d] = G(-1), [v, y] = G(-1), g = A((I) => I.delay), P = A((I) => I.startDate), k = P ? P.getTime() : 0, _ = (/* @__PURE__ */ new Date()).getTime(), S = A((I) => I.setDelay), N = f((I) => I.isPlaying), R = f((I) => I.addIdleLock), L = f((I) => I.removeIdleLock), x = W(() => {
+    o(Zt(k, g)), l(Sr(k, _));
+  }, [g, _, k]), M = parseFloat(
     (a ? (v !== -1 ? v : n) / a * 100 : 0).toFixed(1)
   ), p = (I) => {
     y(a * (I[0] / 100)), R(Tt);
-  }, $ = () => {
+  }, U = () => {
     if (v !== -1) {
-      const I = Wt(D, v);
-      S(I), y(-1), k(Tt);
+      const I = Wt(k, v);
+      S(I), y(-1), L(Tt);
     }
-  }, Y = () => i(!0), B = () => i(!1), M = W(
+  }, Y = () => i(!0), z = () => i(!1), O = W(
     (I) => {
       const Q = e.current, K = t.current;
       if (Q && K) {
-        const Z = Me(Q), oe = Me(K), ue = (I.pageX || I.clientX) - Z.left, te = ue / Z.width;
+        const Z = Fe(Q), oe = Fe(K), ue = (I.pageX || I.clientX) - Z.left, te = ue / Z.width;
         if (te < 0) return;
         let q = ue - oe.width / 2;
         q < 0 && (q = 0), q > Z.width - oe.width && (q = -1), K.style.left = q > -1 ? `${q}px` : "auto", K.style.right = q > -1 ? "auto" : "0px";
@@ -1945,19 +1941,19 @@ function fo() {
     },
     [a]
   );
-  return Ve(() => x(), V ? 1e3 : null), F(() => {
+  return Ve(() => x(), N ? 1e3 : null), D(() => {
     x();
   }, [x]), /* @__PURE__ */ s.jsxs("div", { className: se.progressSlider, children: [
     /* @__PURE__ */ s.jsx(
       Ae,
       {
         ref: e,
-        value: [j],
-        onPointerLeave: B,
-        onPointerDown: B,
-        onPointerMove: M,
+        value: [M],
+        onPointerLeave: z,
+        onPointerDown: z,
+        onPointerMove: O,
         onValueChange: p,
-        onValueCommit: $,
+        onValueCommit: U,
         step: 0.1
       }
     ),
@@ -1983,7 +1979,7 @@ function ho() {
   );
 }
 function mo() {
-  const e = O((a) => a.startDate), t = O((a) => a.setDelay), n = e ? e.getTime() : 0, o = () => t(Wt(n));
+  const e = A((a) => a.startDate), t = A((a) => a.setDelay), n = e ? e.getTime() : 0, o = () => t(Wt(n));
   return /* @__PURE__ */ s.jsx(le, { onClick: o, children: /* @__PURE__ */ s.jsx(ho, {}) });
 }
 const po = "_viewersContainer_z1ihz_1", vo = "_viewersIndicator_z1ihz_16", yo = "_viewersIcon_z1ihz_24", go = "_viewersCount_z1ihz_28", De = {
@@ -1993,7 +1989,7 @@ const po = "_viewersContainer_z1ihz_1", vo = "_viewersIndicator_z1ihz_16", yo =
   viewersCount: go
 };
 function wo() {
-  const e = O((t) => t.viewerCount);
+  const e = A((t) => t.viewerCount);
   return e ? /* @__PURE__ */ s.jsxs("div", { className: De.viewersContainer, children: [
     /* @__PURE__ */ s.jsx("span", { className: De.viewersIndicator }),
     /* @__PURE__ */ s.jsxs(
@@ -2038,7 +2034,7 @@ function Qt() {
     }
   );
 }
-const xo = "_playerContainer_146tx_1", _o = "_controlsTop_146tx_12", To = "_controlsBottom_146tx_29", Co = "_controlsContainer_146tx_45", Eo = "_controlsRow_146tx_61", Ro = "_controlsSection_146tx_68", bo = "_controlsSectionStart_146tx_78", So = "_controlsSectionEnd_146tx_82", z = {
+const xo = "_playerContainer_146tx_1", _o = "_controlsTop_146tx_12", To = "_controlsBottom_146tx_29", Co = "_controlsContainer_146tx_45", Eo = "_controlsRow_146tx_61", Ro = "_controlsSection_146tx_68", bo = "_controlsSectionStart_146tx_78", So = "_controlsSectionEnd_146tx_82", B = {
   playerContainer: xo,
   controlsTop: _o,
   controlsBottom: To,
@@ -2079,28 +2075,28 @@ function en() {
   ), c = () => {
     n ? t() : o();
   };
-  return F(() => {
+  return D(() => {
     const d = Ut ? u.current : e.current;
     if (d)
       return lr(d, i);
-  }, [e, i, u]), F(() => {
+  }, [e, i, u]), D(() => {
     l(!0);
   }, [l]), /* @__PURE__ */ s.jsx(le, { onClick: c, children: n ? /* @__PURE__ */ s.jsx(Po, {}) : /* @__PURE__ */ s.jsx(jo, {}) });
 }
-const Lo = "_idleCheckContainer_crh2s_1", ko = "_idleCheckContainerIdle_crh2s_5", Io = "_idleCheckContainerActive_crh2s_11", qe = {
+const Lo = "_idleCheckContainer_crh2s_1", Io = "_idleCheckContainerIdle_crh2s_5", ko = "_idleCheckContainerActive_crh2s_11", qe = {
   idleCheckContainer: Lo,
-  idleCheckContainerIdle: ko,
-  idleCheckContainerActive: Io
+  idleCheckContainerIdle: Io,
+  idleCheckContainerActive: ko
 }, Do = 5 * 1e3;
 function tn({ children: e }) {
-  const t = A(null), n = f((g) => g.isIdle), o = f((g) => g.setIsIdle), a = A(null), u = f((g) => g.idleLocks).size, i = f((g) => g.eventEmitter), c = W(() => {
+  const t = V(null), n = f((g) => g.isIdle), o = f((g) => g.setIsIdle), a = V(null), u = f((g) => g.idleLocks).size, i = f((g) => g.eventEmitter), c = W(() => {
     a.current !== null && (window.clearTimeout(a.current), a.current = null);
   }, []), d = W(() => {
     c(), a.current = window.setTimeout(() => o(!0), Do);
   }, [c]);
-  F(() => (o(!1), d(), () => {
+  D(() => (o(!1), d(), () => {
     c();
-  }), [c, d]), F(() => {
+  }), [c, d]), D(() => {
     const g = () => {
       o(!1), d();
     };
@@ -2111,15 +2107,15 @@ function tn({ children: e }) {
   const v = n && !u, y = `${qe.idleCheckContainer} ${v ? qe.idleCheckContainerIdle : qe.idleCheckContainerActive}`;
   return /* @__PURE__ */ s.jsx("div", { ref: t, className: y, children: e });
 }
-const Fo = "_spinner_oo4hi_10", Mo = {
-  spinner: Fo
+const Mo = "_spinner_oo4hi_10", Fo = {
+  spinner: Mo
 };
 function No(e) {
-  return /* @__PURE__ */ s.jsx("div", P({ className: Mo.spinner }, e));
+  return /* @__PURE__ */ s.jsx("div", j({ className: Fo.spinner }, e));
 }
 function Vo(e, t = 500) {
   const [n, o] = G(e);
-  return F(() => {
+  return D(() => {
     const a = window.setTimeout(() => o(e), t);
     return () => {
       window.clearTimeout(a);
@@ -2132,7 +2128,7 @@ const Ao = "_loadingContainer_v9v7r_1", Oo = {
 function nn(n) {
   var o = n, { style: e } = o, t = ne(o, ["style"]);
   const a = f((u) => u.isLoading);
-  return Vo(a, 100) ? /* @__PURE__ */ s.jsx("div", he(P({ className: Oo.loadingContainer, style: e }, t), { children: /* @__PURE__ */ s.jsx(No, {}) })) : null;
+  return Vo(a, 100) ? /* @__PURE__ */ s.jsx("div", he(j({ className: Oo.loadingContainer, style: e }, t), { children: /* @__PURE__ */ s.jsx(No, {}) })) : null;
 }
 function Ho() {
   return /* @__PURE__ */ s.jsx(
@@ -2167,7 +2163,7 @@ const Uo = "_dropdownMenuContent_b7j6b_1", Bo = "_dropdownMenuItem_b7j6b_83", zo
   var u = l, { sideOffset: e = 4, className: t, children: n } = u, o = ne(u, ["sideOffset", "className", "children"]);
   return /* @__PURE__ */ s.jsx(
     Te.Content,
-    he(P({
+    he(j({
       ref: a,
       sideOffset: e,
       className: [pe.dropdownMenuContent, t].filter(Boolean).join(" "),
@@ -2210,7 +2206,7 @@ const on = Ne((a, o) => {
   };
   return /* @__PURE__ */ s.jsx(Te.Close, { asChild: !0, children: /* @__PURE__ */ s.jsx(
     "div",
-    P({
+    j({
       ref: o,
       className: [pe.dropdownMenuItem, e].filter(Boolean).join(" "),
       role: "menuitem",
@@ -2299,21 +2295,21 @@ function an() {
     ) })
   ] });
 }
-const ni = "0.0.44", ln = {
+const ni = "0.0.45", ln = {
   version: ni
 };
 function wi(e) {
-  return /* @__PURE__ */ s.jsx(Ir, { children: /* @__PURE__ */ s.jsx(ri, P({}, e)) });
+  return /* @__PURE__ */ s.jsx(kr, { children: /* @__PURE__ */ s.jsx(ri, j({}, e)) });
 }
 function ri({ url: e, messages: t, onEvent: n }) {
   const o = f((a) => a.containerRef);
-  return F(() => {
+  return D(() => {
     console.log(`[Player][Live] Version: ${ln.version}`);
   }, []), /* @__PURE__ */ s.jsxs(
     "div",
     {
       ref: o,
-      className: z.playerContainer,
+      className: B.playerContainer,
       children: [
         /* @__PURE__ */ s.jsxs(
           Er,
@@ -2338,14 +2334,14 @@ function ri({ url: e, messages: t, onEvent: n }) {
               /* @__PURE__ */ s.jsx(nn, {}),
               /* @__PURE__ */ s.jsx(Kr, {}),
               /* @__PURE__ */ s.jsxs(tn, { 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(wo, {}) }) }) }),
-                /* @__PURE__ */ s.jsx("div", { className: z.controlsBottom, children: /* @__PURE__ */ s.jsxs("div", { className: z.controlsContainer, children: [
+                /* @__PURE__ */ s.jsx("div", { className: B.controlsTop, children: /* @__PURE__ */ s.jsx("div", { className: B.controlsContainer, children: /* @__PURE__ */ s.jsx("div", { className: B.controlsRow, children: /* @__PURE__ */ s.jsx(wo, {}) }) }) }),
+                /* @__PURE__ */ s.jsx("div", { className: B.controlsBottom, children: /* @__PURE__ */ s.jsxs("div", { className: B.controlsContainer, children: [
                   /* @__PURE__ */ s.jsx(fo, {}),
-                  /* @__PURE__ */ s.jsxs("div", { className: z.controlsRow, children: [
+                  /* @__PURE__ */ s.jsxs("div", { className: B.controlsRow, children: [
                     /* @__PURE__ */ s.jsxs(
                       "div",
                       {
-                        className: `${z.controlsSection} ${z.controlsSectionStart}`,
+                        className: `${B.controlsSection} ${B.controlsSectionStart}`,
                         children: [
                           /* @__PURE__ */ s.jsx(to, {}),
                           /* @__PURE__ */ s.jsx(mo, {}),
@@ -2356,7 +2352,7 @@ function ri({ url: e, messages: t, onEvent: n }) {
                     /* @__PURE__ */ s.jsxs(
                       "div",
                       {
-                        className: `${z.controlsSection} ${z.controlsSectionEnd}`,
+                        className: `${B.controlsSection} ${B.controlsSectionEnd}`,
                         children: [
                           /* @__PURE__ */ s.jsx(eo, { message: t == null ? void 0 : t.live }),
                           /* @__PURE__ */ s.jsx(sn, {}),
@@ -2370,7 +2366,7 @@ function ri({ url: e, messages: t, onEvent: n }) {
             ]
           }
         ),
-        /* @__PURE__ */ s.jsx(kr, {}),
+        /* @__PURE__ */ s.jsx(Ir, {}),
         /* @__PURE__ */ s.jsx(Vr, { url: e }),
         n && /* @__PURE__ */ s.jsx(Lr, { callback: n })
       ]
@@ -2406,20 +2402,20 @@ function ii() {
 }
 const bt = "vod-player-progress-bar";
 function si() {
-  const e = A(null), t = A(null), [n, o] = G(!1), [a, l] = G(-1), [u, i] = G(-1), c = f((k) => k.currentTime), d = f((k) => k.duration), v = f((k) => k.seek), y = f((k) => k.addIdleLock), g = f((k) => k.removeIdleLock), L = parseFloat(
+  const e = V(null), t = V(null), [n, o] = G(!1), [a, l] = G(-1), [u, i] = G(-1), c = f((L) => L.currentTime), d = f((L) => L.duration), v = f((L) => L.seek), y = f((L) => L.addIdleLock), g = f((L) => L.removeIdleLock), P = parseFloat(
     (d ? (u !== -1 ? u : c) / d * 100 : 0).toFixed(1)
-  ), D = (k) => {
-    i(d * (k[0] / 100)), y(bt);
+  ), k = (L) => {
+    i(d * (L[0] / 100)), y(bt);
   }, _ = () => {
     u !== -1 && (v(u), i(-1), g(bt));
-  }, S = () => o(!0), V = () => o(!1), R = W(
-    (k) => {
-      const x = e.current, j = t.current;
-      if (x && j) {
-        const p = Me(x), $ = Me(j), Y = (k.pageX || k.clientX) - p.left, B = Y / p.width;
-        if (B < 0) return;
-        let M = Y - $.width / 2;
-        M < 0 && (M = 0), M > p.width - $.width && (M = -1), j.style.left = M > -1 ? `${M}px` : "auto", j.style.right = M > -1 ? "auto" : "0px", l(B * d);
+  }, S = () => o(!0), N = () => o(!1), R = W(
+    (L) => {
+      const x = e.current, M = t.current;
+      if (x && M) {
+        const p = Fe(x), U = Fe(M), Y = (L.pageX || L.clientX) - p.left, z = Y / p.width;
+        if (z < 0) return;
+        let O = Y - U.width / 2;
+        O < 0 && (O = 0), O > p.width - U.width && (O = -1), M.style.left = O > -1 ? `${O}px` : "auto", M.style.right = O > -1 ? "auto" : "0px", l(z * d);
       }
       S();
     },
@@ -2430,11 +2426,11 @@ function si() {
       Ae,
       {
         ref: e,
-        value: [L],
-        onPointerLeave: V,
-        onPointerDown: V,
+        value: [P],
+        onPointerLeave: N,
+        onPointerDown: N,
         onPointerMove: R,
-        onValueChange: D,
+        onValueChange: k,
         onValueCommit: _,
         step: 0.1
       }
@@ -2449,22 +2445,22 @@ function si() {
     )
   ] });
 }
-const ai = "_remainingTimeContainer_1yyhb_1", li = "_remainingTime_1yyhb_1", ci = "_remainingSeparator_1yyhb_17", Fe = {
+const ai = "_remainingTimeContainer_1yyhb_1", li = "_remainingTime_1yyhb_1", ci = "_remainingSeparator_1yyhb_17", Me = {
   remainingTimeContainer: ai,
   remainingTime: li,
   remainingSeparator: ci
 };
 function ui() {
   const e = f((n) => n.currentTime), t = f((n) => n.duration);
-  return /* @__PURE__ */ s.jsxs("div", { className: Fe.remainingTimeContainer, children: [
-    /* @__PURE__ */ s.jsx("p", { className: Fe.remainingTime, children: _e(e) }),
-    /* @__PURE__ */ s.jsx("p", { className: Fe.remainingSeparator }),
-    /* @__PURE__ */ s.jsx("p", { className: Fe.remainingTime, children: _e(t) })
+  return /* @__PURE__ */ s.jsxs("div", { className: Me.remainingTimeContainer, children: [
+    /* @__PURE__ */ s.jsx("p", { className: Me.remainingTime, children: _e(e) }),
+    /* @__PURE__ */ s.jsx("p", { className: Me.remainingSeparator }),
+    /* @__PURE__ */ s.jsx("p", { className: Me.remainingTime, children: _e(t) })
   ] });
 }
 function di({ callback: e }) {
   const t = f((n) => n.eventEmitter);
-  return F(() => {
+  return D(() => {
     const n = (o) => e("timeUpdate", o);
     return t.on("timeUpdate", n), () => {
       t.off("timeUpdate", n);
@@ -2492,36 +2488,36 @@ function fi() {
     },
     [e, t, n, o, a, l]
   );
-  return F(() => (document.addEventListener("keydown", u), () => {
+  return D(() => (document.addEventListener("keydown", u), () => {
     document.removeEventListener("keydown", u);
   }), [u]), /* @__PURE__ */ s.jsx(qt, {});
 }
 function xi(e) {
-  return /* @__PURE__ */ s.jsx(Kt, { children: /* @__PURE__ */ s.jsx(hi, P({}, e)) });
+  return /* @__PURE__ */ s.jsx(Kt, { children: /* @__PURE__ */ s.jsx(hi, j({}, e)) });
 }
 function hi({ url: e, messages: t, onEvent: n, startTime: o }) {
   const a = f((u) => u.setStartTime), l = f((u) => u.containerRef);
-  return F(() => {
+  return D(() => {
     o && a(o);
-  }, [o, a]), F(() => {
+  }, [o, a]), D(() => {
     console.log(`[Player][VOD] Version: ${ln.version}`);
   }, []), /* @__PURE__ */ s.jsxs(
     "div",
     {
       ref: l,
-      className: z.playerContainer,
+      className: B.playerContainer,
       children: [
         /* @__PURE__ */ s.jsx(Yt, { url: e, isLive: !1, messages: t }),
         /* @__PURE__ */ s.jsx(Qt, {}),
         /* @__PURE__ */ s.jsx(nn, {}),
         /* @__PURE__ */ s.jsx(oi, {}),
-        /* @__PURE__ */ s.jsx(tn, { children: /* @__PURE__ */ s.jsx("div", { className: z.controlsBottom, children: /* @__PURE__ */ s.jsxs("div", { className: z.controlsContainer, children: [
+        /* @__PURE__ */ s.jsx(tn, { children: /* @__PURE__ */ s.jsx("div", { className: B.controlsBottom, children: /* @__PURE__ */ s.jsxs("div", { className: B.controlsContainer, children: [
           /* @__PURE__ */ s.jsx(si, {}),
-          /* @__PURE__ */ s.jsxs("div", { className: z.controlsRow, children: [
+          /* @__PURE__ */ s.jsxs("div", { className: B.controlsRow, children: [
             /* @__PURE__ */ s.jsxs(
               "div",
               {
-                className: `${z.controlsSection} ${z.controlsSectionStart}`,
+                className: `${B.controlsSection} ${B.controlsSectionStart}`,
                 children: [
                   /* @__PURE__ */ s.jsx(ii, {}),
                   /* @__PURE__ */ s.jsx(an, {}),
@@ -2532,7 +2528,7 @@ function hi({ url: e, messages: t, onEvent: n, startTime: o }) {
             /* @__PURE__ */ s.jsxs(
               "div",
               {
-                className: `${z.controlsSection} ${z.controlsSectionEnd}`,
+                className: `${B.controlsSection} ${B.controlsSectionEnd}`,
                 children: [
                   /* @__PURE__ */ s.jsx(sn, {}),
                   /* @__PURE__ */ s.jsx(en, {})