@halibegic/react-video-player 0.0.41 → 0.0.43

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

@@ -19,7 +19,7 @@ var ne = (e, t) => {
       t.indexOf(o) < 0 && yt.call(e, o) && (n[o] = e[o]);
   return n;
 };
-import St, { useLayoutEffect as An, useEffect as A, useRef as N, useState as X, createContext as jt, useContext as Lt, useCallback as z, forwardRef as Ne } from "react";
+import St, { useLayoutEffect as An, useEffect as O, useRef as V, useState as G, createContext as jt, useContext as Lt, useCallback as W, forwardRef as Ne } from "react";
 import { create as Pt, useStore as It } from "zustand";
 import On from "mitt";
 import re from "hls.js";
@@ -112,8 +112,8 @@ function Un(e, t) {
     e.apply(t, arguments);
   };
 }
-function F(e) {
-  if (!(this instanceof F))
+function M(e) {
+  if (!(this instanceof M))
     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, F._immediateFn(function() {
+  e._handled = !0, M._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 F) {
+      if (t instanceof M) {
         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 && F._immediateFn(function() {
-    e._handled || F._unhandledRejectionFn(e._value);
+  e._state === 2 && e._deferreds.length === 0 && M._immediateFn(function() {
+    e._handled || M._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);
   }
 }
-F.prototype.catch = function(e) {
+M.prototype.catch = function(e) {
   return this.then(null, e);
 };
-F.prototype.then = function(e, t) {
+M.prototype.then = function(e, t) {
   var n = new this.constructor($n);
   return Vt(this, new Bn(e, t, n)), n;
 };
-F.prototype.finally = kt;
-F.all = function(e) {
-  return new F(function(t, n) {
+M.prototype.finally = kt;
+M.all = function(e) {
+  return new M(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 @@ F.all = function(e) {
       l(u, o[u]);
   });
 };
-F.any = Mt;
-F.allSettled = Dt;
-F.resolve = function(e) {
-  return e && typeof e == "object" && e.constructor === F ? e : new F(function(t) {
+M.any = Mt;
+M.allSettled = Dt;
+M.resolve = function(e) {
+  return e && typeof e == "object" && e.constructor === M ? e : new M(function(t) {
     t(e);
   });
 };
-F.reject = function(e) {
-  return new F(function(t, n) {
+M.reject = function(e) {
+  return new M(function(t, n) {
     n(e);
   });
 };
-F.race = function(e) {
-  return new F(function(t, n) {
+M.race = function(e) {
+  return new M(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++)
-      F.resolve(e[o]).then(t, n);
+      M.resolve(e[o]).then(t, n);
   });
 };
-F._immediateFn = // @ts-ignore
+M._immediateFn = // @ts-ignore
 typeof setImmediate == "function" && function(e) {
   setImmediate(e);
 } || function(e) {
   Hn(e, 0);
 };
-F._unhandledRejectionFn = function(t) {
+M._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 = F : (ae.Promise.prototype.finally || (ae.Promise.prototype.finally = kt), ae.Promise.allSettled || (ae.Promise.allSettled = Dt), ae.Promise.any || (ae.Promise.any = Mt));
+typeof ae.Promise != "function" ? ae.Promise = M : (ae.Promise.prototype.finally || (ae.Promise.prototype.finally = kt), ae.Promise.allSettled || (ae.Promise.allSettled = Dt), ae.Promise.any || (ae.Promise.any = Mt));
 var Pe = { exports: {} }, ge = {};
 var gt;
 function zn() {
@@ -294,7 +294,7 @@ function Wn() {
       var h = D && r[D] || r[_];
       return typeof h == "function" ? h : null;
     }
-    var M = 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++)
@@ -304,7 +304,7 @@ function Wn() {
     }
     function P(r, h, m) {
       {
-        var w = M.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 Wn() {
         b.unshift("Warning: " + h), Function.prototype.apply.call(console[r], console, b);
       }
     }
-    var x = !1, I = !1, p = !1, $ = !1, G = !1, q;
-    q = Symbol.for("react.module.reference");
-    function O(r) {
-      return !!(typeof r == "string" || typeof r == "function" || r === o || r === l || G || r === a || r === d || r === v || $ || r === L || x || I || 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, I = !1, p = !1, $ = !1, Y = !1, B;
+    B = Symbol.for("react.module.reference");
+    function F(r) {
+      return !!(typeof r == "string" || typeof r == "function" || r === o || r === l || Y || r === a || r === d || r === v || $ || r === L || x || I || 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 === q || r.getModuleId !== void 0));
+      r.$$typeof === B || r.getModuleId !== void 0));
     }
     function k(r, h, m) {
       var w = r.displayName;
@@ -376,14 +376,14 @@ function Wn() {
         }
       return null;
     }
-    var W = Object.assign, oe = 0, ue, te, Z, ve, Xe, Ge, Je;
+    var Z = Object.assign, oe = 0, ue, te, q, ve, Xe, Ge, Je;
     function Qe() {
     }
     Qe.__reactDisabledLog = !0;
     function ln() {
       {
         if (oe === 0) {
-          ue = console.log, te = console.info, Z = console.warn, ve = console.error, Xe = console.group, Ge = console.groupCollapsed, Je = console.groupEnd;
+          ue = console.log, te = console.info, q = console.warn, ve = console.error, Xe = console.group, Ge = console.groupCollapsed, Je = console.groupEnd;
           var r = {
             configurable: !0,
             enumerable: !0,
@@ -412,25 +412,25 @@ function Wn() {
             writable: !0
           };
           Object.defineProperties(console, {
-            log: W({}, r, {
+            log: Z({}, r, {
               value: ue
             }),
-            info: W({}, r, {
+            info: Z({}, r, {
               value: te
             }),
-            warn: W({}, r, {
-              value: Z
+            warn: Z({}, r, {
+              value: q
             }),
-            error: W({}, r, {
+            error: Z({}, r, {
               value: ve
             }),
-            group: W({}, r, {
+            group: Z({}, r, {
               value: Xe
             }),
-            groupCollapsed: W({}, r, {
+            groupCollapsed: Z({}, r, {
               value: Ge
             }),
-            groupEnd: W({}, r, {
+            groupEnd: Z({}, r, {
               value: Je
             })
           });
@@ -438,7 +438,7 @@ function Wn() {
         oe < 0 && R("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var Oe = M.ReactCurrentDispatcher, He;
+    var Oe = N.ReactCurrentDispatcher, He;
     function Ce(r, h, m) {
       {
         if (He === void 0)
@@ -506,14 +506,14 @@ function Wn() {
       } catch (J) {
         if (J && w && typeof J.stack == "string") {
           for (var T = J.stack.split(`
-`), Y = w.stack.split(`
-`), H = T.length - 1, U = Y.length - 1; H >= 1 && U >= 0 && T[H] !== Y[U]; )
+`), 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] !== Y[U]) {
+            if (T[H] !== X[U]) {
               if (H !== 1 || U !== 1)
                 do
-                  if (H--, U--, U < 0 || T[H] !== Y[U]) {
+                  if (H--, U--, U < 0 || T[H] !== X[U]) {
                     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;
@@ -564,7 +564,7 @@ function Wn() {
         }
       return "";
     }
-    var ye = Object.prototype.hasOwnProperty, tt = {}, nt = M.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);
@@ -580,8 +580,8 @@ function Wn() {
             var T = void 0;
             try {
               if (typeof r[C] != "function") {
-                var Y = Error((w || "React class") + ": " + m + " type `" + C + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof r[C] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw Y.name = "Invariant Violation", Y;
+                var X = Error((w || "React class") + ": " + m + " type `" + C + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof r[C] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw X.name = "Invariant Violation", X;
               }
               T = r[C](h, C, w, m, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (H) {
@@ -615,7 +615,7 @@ function Wn() {
       if (vn(r))
         return R("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", pn(r)), rt(r);
     }
-    var it = M.ReactCurrentOwner, yn = {
+    var it = N.ReactCurrentOwner, yn = {
       key: !0,
       ref: !0,
       __self: !0,
@@ -693,8 +693,8 @@ function Wn() {
     };
     function En(r, h, m, w, E) {
       {
-        var b, C = {}, T = null, Y = null;
-        m !== void 0 && (ot(m), T = "" + m), wn(h) && (ot(h.key), T = "" + h.key), gn(h) && (Y = h.ref, xn(h, E));
+        var b, C = {}, T = null, X = null;
+        m !== void 0 && (ot(m), T = "" + m), wn(h) && (ot(h.key), T = "" + h.key), gn(h) && (X = h.ref, xn(h, E));
         for (b in h)
           ye.call(h, b) && !yn.hasOwnProperty(b) && (C[b] = h[b]);
         if (r && r.defaultProps) {
@@ -702,14 +702,14 @@ function Wn() {
           for (b in H)
             C[b] === void 0 && (C[b] = H[b]);
         }
-        if (T || Y) {
+        if (T || X) {
           var U = typeof r == "function" ? r.displayName || r.name || "Unknown" : r;
-          T && _n(C, U), Y && Tn(C, U);
+          T && _n(C, U), X && Tn(C, U);
         }
-        return Cn(r, T, Y, E, w, it.current, C);
+        return Cn(r, T, X, E, w, it.current, C);
       }
     }
-    var Be = M.ReactCurrentOwner, lt = M.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,12 +822,12 @@ Check the top-level render call using <` + m + ">.");
     var ht = {};
     function mt(r, h, m, w, E, b) {
       {
-        var C = O(r);
+        var C = F(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.");
-          var Y = Rn();
-          Y ? T += Y : T += ct();
+          var X = Rn();
+          X ? T += X : T += ct();
           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);
         }
@@ -884,12 +884,12 @@ const qn = "_playerNotice_x3acc_1", Kn = "_playerNoticeTitle_x3acc_19", Yn = "_p
   playerNoticeTitle: Kn,
   playerNoticeText: Yn,
   playerNoticeLowZIndex: Xn
-}, Ot = typeof window != "undefined" ? An : A;
+}, Ot = typeof window != "undefined" ? An : O;
 function Ve(e, t) {
-  const n = N(e);
+  const n = V(e);
   Ot(() => {
     n.current = e;
-  }, [e]), A(() => {
+  }, [e]), O(() => {
     if (t === null)
       return;
     const o = setInterval(() => {
@@ -901,7 +901,7 @@ function Ve(e, t) {
   }, [t]);
 }
 function Gn(e) {
-  const [, t] = X(0);
+  const [, t] = G(0);
   Ve(() => t((n) => n + 1), e);
 }
 const Jn = () => Pt((e) => ({
@@ -914,11 +914,11 @@ const Jn = () => Pt((e) => ({
 })), Ht = jt(
   null
 ), Qn = ({ children: e }) => {
-  const t = N(
+  const t = V(
     null
   );
   return t.current || (t.current = Jn()), /* @__PURE__ */ s.jsx(Ht.Provider, { value: t.current, children: e });
-}, V = (e) => {
+}, A = (e) => {
   const t = Lt(Ht);
   if (!t)
     throw new Error("usePlayerStore must be used within PlayerStoreProvider");
@@ -1210,7 +1210,7 @@ const lr = () => On(), cr = (e, t) => ({
   containerRef: t
 })(...n))), Bt = jt(null);
 function gr({ children: e }) {
-  const t = N(null), n = N(null), o = N(null);
+  const t = V(null), n = V(null), o = V(null);
   return t.current || (t.current = yr(n, o)), /* @__PURE__ */ s.jsx(Bt.Provider, { value: t.current, children: e });
 }
 const f = (e) => {
@@ -1291,11 +1291,11 @@ async function Tr(e) {
 }
 function Cr(n) {
   var o = n, { url: e } = o, t = ne(o, ["url"]);
-  const [a, l] = X(!0), u = V((d) => d.startDate), i = V((d) => d.setStartDate), c = z(async () => {
+  const [a, l] = G(!0), u = A((d) => d.startDate), i = A((d) => d.setStartDate), c = W(async () => {
     const d = await Tr(e);
     d && i(d);
   }, [e, i]);
-  return A(() => {
+  return O(() => {
     (async () => {
       l(!0), await c(), l(!1);
     })();
@@ -1306,7 +1306,7 @@ function Er({
   messages: t = {}
 }) {
   var u, i, c;
-  const n = V((d) => d.startDate), o = f((d) => d.isStarted);
+  const n = A((d) => d.startDate), o = f((d) => d.isStarted);
   return Gn(o ? null : 5e3), n ? Date.now() < n.getTime() ? /* @__PURE__ */ s.jsx(
     Rr,
     {
@@ -1331,7 +1331,7 @@ function Rr({ startDate: e, title: t, message: n }) {
 }
 function zt({ callback: e }) {
   const t = f((n) => n.eventEmitter);
-  return A(() => {
+  return O(() => {
     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);
@@ -1369,8 +1369,8 @@ function jr({
   }), a;
 }
 function Lr({ callback: e }) {
-  const t = V((l) => l.delay), n = V((l) => l.startDate), o = n ? n.getTime() : 0, a = f((l) => l.eventEmitter);
-  return A(() => {
+  const t = A((l) => l.delay), n = A((l) => l.startDate), o = n ? n.getTime() : 0, a = f((l) => l.eventEmitter);
+  return O(() => {
     const l = () => e("timeUpdate", {
       currentTime: Zt(o, t),
       duration: -1
@@ -1381,7 +1381,7 @@ function Lr({ callback: e }) {
   }, [e, a]), /* @__PURE__ */ s.jsx(zt, { callback: e });
 }
 function qt() {
-  const e = f((i) => i.exitFullscreen), t = f((i) => i.isFullscreen), n = f((i) => i.isFullscreenReady), o = f((i) => i.requestFullscreen), a = f((i) => i.setVolume), l = f((i) => i.volume), u = z(
+  const e = f((i) => i.exitFullscreen), t = f((i) => i.isFullscreen), n = f((i) => i.isFullscreenReady), o = f((i) => i.requestFullscreen), a = f((i) => i.setVolume), l = f((i) => i.volume), u = W(
     (i) => {
       let c = !1;
       if (!(i.target instanceof HTMLInputElement || i.ctrlKey)) {
@@ -1411,12 +1411,12 @@ function qt() {
       l
     ]
   );
-  return A(() => (document.addEventListener("keydown", u), () => {
+  return O(() => (document.addEventListener("keydown", u), () => {
     document.removeEventListener("keydown", u);
   }), [u]), null;
 }
 function Pr() {
-  const e = V((i) => i.delay), t = f((i) => i.isPlaying), n = f((i) => i.pause), o = f((i) => i.getPauseTimeDiff), a = f((i) => i.play), l = V((i) => i.setDelay), u = z(
+  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,7 +1442,7 @@ function Pr() {
     },
     [e, o, t, n, a, l]
   );
-  return A(() => (document.addEventListener("keydown", u), () => {
+  return O(() => (document.addEventListener("keydown", u), () => {
     document.removeEventListener("keydown", u);
   }), [u]), /* @__PURE__ */ s.jsx(qt, {});
 }
@@ -1453,7 +1453,7 @@ function Ir({ children: e }) {
   return /* @__PURE__ */ s.jsx(Qn, { children: /* @__PURE__ */ s.jsx(Kt, { children: e }) });
 }
 function kr({ url: e, isLive: t, messages: n }) {
-  const o = N(null), a = f((x) => x.level), l = f((x) => x.levels), u = f((x) => x.setLevel), i = f((x) => x.setLevels), c = f((x) => x.techRef), d = f((x) => x.setError), v = N(0), y = N(null), g = 50, L = 1e4, D = z(
+  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, L = 1e4, D = W(
     (x) => {
       if (o.current && (o.current.nextLevel = x, u(null), l)) {
         const I = l.map((p) => he(j({}, p), {
@@ -1463,20 +1463,20 @@ function kr({ url: e, isLive: t, messages: n }) {
       }
     },
     [l, u, i, o]
-  ), _ = z(() => {
+  ), _ = W(() => {
     o.current && (console.log("[Player][HLS] MEDIA_ATTACHED"), o.current.loadSource(e));
-  }, [e]), S = z(() => {
+  }, [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, I = o.current.currentLevel, p = o.current.autoLevelEnabled;
     i(
       jr({
-        levels: x.map(($, G) => {
-          const { bitrate: q, height: O, width: k } = $;
+        levels: x.map(($, Y) => {
+          const { bitrate: B, height: F, width: k } = $;
           return {
-            bitrate: q,
-            height: O,
-            index: G,
+            bitrate: B,
+            height: F,
+            index: Y,
             width: k
           };
         }),
@@ -1484,29 +1484,26 @@ function kr({ url: e, isLive: t, messages: n }) {
         isAuto: p
       })
     );
-  }, [d, i]), M = z(
+  }, [d, i]), N = W(
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     (x, I) => {
       var p, $;
-      if (console.error("[Player][HLS] ERROR", x, I), !!o.current && I.fatal)
+      if (o.current && I.fatal)
         switch (I.type) {
           case re.ErrorTypes.NETWORK_ERROR:
-            console.log("[Player][HLS] NETWORK_ERROR", I), t ? I.details === "manifestLoadError" && (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 (G) {
-                  console.error("[Player][HLS] Retry failed:", G);
-                }
-            }, L)), d({
-              message: (p = n == null ? void 0 : n.eventFinished) != null ? p : "Live event will be back shortly.",
-              code: "LIVE_MANIFEST_LOAD_ERROR",
-              tech: "hls"
-            })) : (d({
-              message: ($ = n == null ? void 0 : n.unableToPlay) != null ? $ : "Unable to play the video. Please try again later.",
-              code: "NETWORK_ERROR",
-              tech: "hls"
-            }), o.current.startLoad());
+            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", I), t ? (
+              // Initial load failure
+              (I.details === "manifestLoadError" || // Level load failure during playback (e.g. OBS disconnect)
+              I.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 (F) {
+                    console.error("[Player][HLS] Retry failed:", F);
+                  }
+              }, 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" });
             break;
           case re.ErrorTypes.MEDIA_ERROR:
             o.current.recoverMediaError();
@@ -1514,7 +1511,7 @@ function kr({ url: e, isLive: t, messages: n }) {
         }
     },
     [t, e, d]
-  ), R = z(() => {
+  ), R = W(() => {
     if (!c.current) return;
     let x = {
       startLevel: -1,
@@ -1523,23 +1520,23 @@ function kr({ url: e, isLive: t, messages: n }) {
     };
     rr ? (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, M);
+      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 (I) {
       throw new Error(`Error initializing Hls: ${I}`);
     }
   }, [
     S,
     _,
-    M,
+    N,
     t,
     c,
     e
-  ]), P = z(() => {
-    o.current && (o.current.off(re.Events.MEDIA_ATTACHED, _), o.current.off(re.Events.MANIFEST_LOADED, S), o.current.off(re.Events.ERROR, M), o.current.destroy(), o.current = null), y.current && (clearTimeout(y.current), y.current = null), v.current = 0;
-  }, [S, _, M]);
-  return A(() => {
+  ]), P = 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 O(() => {
     a !== null && D(a);
-  }, [a, D]), A(() => (re.isSupported() && R(), P), [P, R]), null;
+  }, [a, D]), O(() => (re.isSupported() && R(), P), [P, R]), null;
 }
 const Dr = "_playerVideo_wc0sm_1", Fr = {
   playerVideo: Dr
@@ -1550,7 +1547,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), M = f((p) => p.techRef), R = N(null), P = () => 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), L = f((p) => p.handleTimeUpdate), D = f((p) => p.handleWaiting), _ = f((p) => p.handleVolumeChange), S = f((p) => p.handleError), N = f((p) => p.techRef), R = V(null), P = () => t ? {
     onTimeUpdate: x
   } : {
     onDurationChange: a,
@@ -1565,7 +1562,7 @@ function Yt({
     /* @__PURE__ */ s.jsx(
       "video",
       j({
-        ref: M,
+        ref: N,
         className: Fr.playerVideo,
         playsInline: !0,
         autoPlay: !0,
@@ -1588,12 +1585,12 @@ function Yt({
   ] });
 }
 function Mr({ url: e, messages: t = {} }) {
-  const [n, o] = X(null), a = V((u) => u.delay), l = z(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 A(() => {
+  return O(() => {
     l();
   }, [l]), n ? /* @__PURE__ */ s.jsx(Yt, { url: n, isLive: !0, messages: t }) : null;
 }
@@ -1601,7 +1598,7 @@ function Nr({ url: e }) {
   return f((n) => n.isStarted) ? /* @__PURE__ */ s.jsx(Vr, { url: e }) : null;
 }
 function Vr({ url: e }) {
-  const t = V((l) => l.setViewerCount), n = N(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) {
@@ -1630,7 +1627,7 @@ function Vr({ url: e }) {
       console.error("Failed to fetch viewer count:", d), t(null);
     }
   };
-  return A(() => (a(), () => {
+  return O(() => (a(), () => {
     n.current && n.current.abort();
   }), [e]), Ve(a, 15e3), null;
 }
@@ -1638,7 +1635,7 @@ function Ar(e, {
   defaultValue: t = !1,
   initializeWithValue: n = !0
 } = {}) {
-  const o = (i) => typeof window == "undefined" ? t : window.matchMedia(i).matches, [a, l] = X(() => n ? o(e) : t);
+  const o = (i) => typeof window == "undefined" ? t : window.matchMedia(i).matches, [a, l] = G(() => n ? o(e) : t);
   function u() {
     l(o(e));
   }
@@ -1687,7 +1684,7 @@ function Xt(i) {
 }
 function Wr(o) {
   var a = o, { className: e, onClick: t } = a, n = ne(a, ["className", "onClick"]);
-  const l = N(null), u = f((_) => _.exitFullscreen), i = f((_) => _.isFullscreen), c = f((_) => _.requestFullscreen), d = f((_) => _.resetIdle), v = (_) => {
+  const l = V(null), u = f((_) => _.exitFullscreen), i = f((_) => _.isFullscreen), c = f((_) => _.requestFullscreen), d = f((_) => _.resetIdle), v = (_) => {
     L() ? (g(), i ? u() : c()) : y(_);
   }, y = (_) => {
     l.current = window.setTimeout(() => {
@@ -1698,7 +1695,7 @@ function Wr(o) {
   }, L = () => l.current !== null, D = () => {
     d();
   };
-  return A(() => () => {
+  return O(() => () => {
     g();
   }, []), /* @__PURE__ */ s.jsx(
     "button",
@@ -1724,36 +1721,36 @@ function Zr(u) {
     "onForwardSeek",
     "onBackwardSeek"
   ]);
-  const c = N(null), d = N({
+  const c = V(null), d = V({
     single: null,
     indicator: null,
     accumulate: null
-  }), v = N(null), y = N(0), g = N(null), [L, D] = X({ visible: !1, direction: null, time: 0 }), _ = f((p) => p.isIdle), S = f((p) => p.setIsIdle), M = f((p) => p.resetIdle), R = (p, $) => p < $ / 2 ? "backward" : "forward", P = (p) => {
+  }), v = V(null), y = V(0), g = V(null), [L, D] = G({ visible: !1, direction: null, time: 0 }), _ = f((p) => p.isIdle), S = f((p) => p.setIsIdle), N = f((p) => p.resetIdle), R = (p, $) => p < $ / 2 ? "backward" : "forward", P = (p) => {
     if (!v.current) return;
     const $ = p.changedTouches[0];
     if (!$) return;
-    const G = Date.now(), q = v.current.getBoundingClientRect(), O = $.clientX - q.left, k = $.clientY - q.top;
-    if (O < 0 || O > q.width || k < 0 || k > q.height)
+    const Y = Date.now(), B = v.current.getBoundingClientRect(), F = $.clientX - B.left, k = $.clientY - B.top;
+    if (F < 0 || F > B.width || k < 0 || k > B.height)
       return;
-    const Q = c.current, K = Q ? G - Q.time : 1 / 0, W = R(O, q.width), oe = g.current !== null && g.current === W && 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), M(), (g.current === null || g.current !== W) && (y.current = 0, g.current = W);
-      const te = W === "backward" ? n : t;
+    const Q = c.current, K = Q ? Y - Q.time : 1 / 0, Z = R(F, B.width), oe = g.current !== null && g.current === Z && Q !== null && K < 700 && Math.abs(F - Q.x) < 100;
+    if (Q !== null && g.current === null && K < 300 && Math.abs(F - 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 + zr,
         te != null ? te : 1 / 0
-      ), x(W, y.current), d.current.accumulate && window.clearTimeout(d.current.accumulate), d.current.accumulate = window.setTimeout(() => {
-        const Z = y.current;
-        Z > 0 && (g.current === "backward" ? a == null || a(Z) : o == null || o(Z), M()), y.current = 0, g.current = null, c.current = null, I(), d.current.accumulate = null;
-      }, 500), c.current = { time: G, x: O };
+      ), 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), N()), y.current = 0, g.current = null, c.current = null, I(), d.current.accumulate = null;
+      }, 500), c.current = { time: Y, x: F };
     } else {
-      c.current = { time: G, x: O }, d.current.single && window.clearTimeout(d.current.single);
+      c.current = { time: Y, x: F }, 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 Z = _;
-          S(!Z), Z && M();
+          const q = _;
+          S(!q), q && N();
         }
         c.current = null;
       }, te);
@@ -1765,7 +1762,7 @@ function Zr(u) {
   }, I = () => {
     D({ visible: !1, direction: null, time: 0 }), d.current.indicator && (window.clearTimeout(d.current.indicator), d.current.indicator = null);
   };
-  return A(() => () => {
+  return O(() => () => {
     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(
@@ -1790,7 +1787,7 @@ function Zr(u) {
   ] });
 }
 function qr() {
-  const e = f((c) => c.isPlaying), t = f((c) => c.pause), n = f((c) => c.getPauseTimeDiff), o = f((c) => c.play), a = V((c) => c.delay), l = V((c) => c.setDelay), u = V((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,
     {
@@ -1833,7 +1830,7 @@ const Xr = "_liveIndicator_1jczn_1", Gr = "_liveIndicatorHasDelay_1jczn_9", Jr =
 };
 function Qr(n) {
   var o = n, { message: e } = o, t = ne(o, ["message"]);
-  const a = V((c) => c.delay), l = V((c) => c.setDelay), u = () => {
+  const a = A((c) => c.delay), l = A((c) => c.setDelay), u = () => {
     a && l(0);
   }, i = a ? `${Ie.liveIndicator} ${Ie.liveIndicatorHasDelay}` : `${Ie.liveIndicator} ${Ie.liveIndicatorNoDelay}`;
   return /* @__PURE__ */ s.jsxs(le, he(j({ onClick: u, shape: "square" }, t), { children: [
@@ -1864,7 +1861,7 @@ function Jt() {
   );
 }
 function eo() {
-  const e = f((i) => i.isPlaying), t = f((i) => i.pause), n = f((i) => i.getPauseTimeDiff), o = f((i) => i.play), a = V((i) => i.delay), l = V((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 {
@@ -1922,7 +1919,7 @@ function Me(e) {
 }
 const Tt = "vod-player-progress-bar";
 function uo() {
-  const e = N(null), t = N(null), [n, o] = X(0), [a, l] = X(0), [u, i] = X(!1), [c, d] = X(-1), [v, y] = X(-1), g = V((k) => k.delay), L = V((k) => k.startDate), D = L ? L.getTime() : 0, _ = (/* @__PURE__ */ new Date()).getTime(), S = V((k) => k.setDelay), M = f((k) => k.isPlaying), R = f((k) => k.addIdleLock), P = f((k) => k.removeIdleLock), x = z(() => {
+  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((k) => k.delay), L = A((k) => k.startDate), D = L ? L.getTime() : 0, _ = (/* @__PURE__ */ new Date()).getTime(), S = A((k) => k.setDelay), N = f((k) => k.isPlaying), R = f((k) => k.addIdleLock), P = f((k) => k.removeIdleLock), x = W(() => {
     o(Zt(D, g)), l(br(D, _));
   }, [g, _, D]), I = parseFloat(
     (a ? (v !== -1 ? v : n) / a * 100 : 0).toFixed(1)
@@ -1933,22 +1930,22 @@ function uo() {
       const k = Wt(D, v);
       S(k), y(-1), P(Tt);
     }
-  }, G = () => i(!0), q = () => i(!1), O = z(
+  }, Y = () => i(!0), B = () => i(!1), F = W(
     (k) => {
       const Q = e.current, K = t.current;
       if (Q && K) {
-        const W = Me(Q), oe = Me(K), ue = (k.pageX || k.clientX) - W.left, te = ue / W.width;
+        const Z = Me(Q), oe = Me(K), ue = (k.pageX || k.clientX) - Z.left, te = ue / Z.width;
         if (te < 0) return;
-        let Z = ue - oe.width / 2;
-        Z < 0 && (Z = 0), Z > W.width - oe.width && (Z = -1), K.style.left = Z > -1 ? `${Z}px` : "auto", K.style.right = Z > -1 ? "auto" : "0px";
+        let q = ue - oe.width / 2;
+        q < 0 && (q = 0), q > Z.width - oe.width && (q = -1), K.style.left = q > -1 ? `${q}px` : "auto", K.style.right = q > -1 ? "auto" : "0px";
         const ve = a - te * a;
         d(ve > 0 ? ve : 0);
       }
-      G();
+      Y();
     },
     [a]
   );
-  return Ve(() => x(), M ? 1e3 : null), A(() => {
+  return Ve(() => x(), N ? 1e3 : null), O(() => {
     x();
   }, [x]), /* @__PURE__ */ s.jsxs("div", { className: se.progressSlider, children: [
     /* @__PURE__ */ s.jsx(
@@ -1956,9 +1953,9 @@ function uo() {
       {
         ref: e,
         value: [I],
-        onPointerLeave: q,
-        onPointerDown: q,
-        onPointerMove: O,
+        onPointerLeave: B,
+        onPointerDown: B,
+        onPointerMove: F,
         onValueChange: p,
         onValueCommit: $,
         step: 0.1
@@ -1986,7 +1983,7 @@ function fo() {
   );
 }
 function ho() {
-  const e = V((a) => a.startDate), t = V((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(fo, {}) });
 }
 const mo = "_viewersContainer_z1ihz_1", po = "_viewersIndicator_z1ihz_16", vo = "_viewersIcon_z1ihz_24", yo = "_viewersCount_z1ihz_28", De = {
@@ -1996,7 +1993,7 @@ const mo = "_viewersContainer_z1ihz_1", po = "_viewersIndicator_z1ihz_16", vo =
   viewersCount: yo
 };
 function go() {
-  const e = V((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(
@@ -2041,7 +2038,7 @@ function Qt() {
     }
   );
 }
-const wo = "_playerContainer_146tx_1", xo = "_controlsTop_146tx_12", _o = "_controlsBottom_146tx_29", To = "_controlsContainer_146tx_45", Co = "_controlsRow_146tx_61", Eo = "_controlsSection_146tx_68", Ro = "_controlsSectionStart_146tx_78", bo = "_controlsSectionEnd_146tx_82", B = {
+const wo = "_playerContainer_146tx_1", xo = "_controlsTop_146tx_12", _o = "_controlsBottom_146tx_29", To = "_controlsContainer_146tx_45", Co = "_controlsRow_146tx_61", Eo = "_controlsSection_146tx_68", Ro = "_controlsSectionStart_146tx_78", bo = "_controlsSectionEnd_146tx_82", z = {
   playerContainer: wo,
   controlsTop: xo,
   controlsBottom: _o,
@@ -2074,7 +2071,7 @@ function jo() {
   );
 }
 function en() {
-  const e = f((d) => d.containerRef), t = f((d) => d.exitFullscreen), n = f((d) => d.isFullscreen), o = f((d) => d.requestFullscreen), a = f((d) => d.setIsFullscreen), l = f((d) => d.setIsFullscreenReady), u = f((d) => d.techRef), i = z(
+  const e = f((d) => d.containerRef), t = f((d) => d.exitFullscreen), n = f((d) => d.isFullscreen), o = f((d) => d.requestFullscreen), a = f((d) => d.setIsFullscreen), l = f((d) => d.setIsFullscreenReady), u = f((d) => d.techRef), i = W(
     (d) => {
       d.stopPropagation(), a(or());
     },
@@ -2082,11 +2079,11 @@ function en() {
   ), c = () => {
     n ? t() : o();
   };
-  return A(() => {
+  return O(() => {
     const d = Ut ? u.current : e.current;
     if (d)
       return ar(d, i);
-  }, [e, i, u]), A(() => {
+  }, [e, i, u]), O(() => {
     l(!0);
   }, [l]), /* @__PURE__ */ s.jsx(le, { onClick: c, children: n ? /* @__PURE__ */ s.jsx(jo, {}) : /* @__PURE__ */ s.jsx(So, {}) });
 }
@@ -2096,14 +2093,14 @@ const Lo = "_idleCheckContainer_crh2s_1", Po = "_idleCheckContainerIdle_crh2s_5"
   idleCheckContainerActive: Io
 }, ko = 5 * 1e3;
 function tn({ children: e }) {
-  const t = N(null), n = f((g) => g.isIdle), o = f((g) => g.setIsIdle), a = N(null), u = f((g) => g.idleLocks).size, i = f((g) => g.eventEmitter), c = z(() => {
+  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 = z(() => {
+  }, []), d = W(() => {
     c(), a.current = window.setTimeout(() => o(!0), ko);
   }, [c]);
-  A(() => (o(!1), d(), () => {
+  O(() => (o(!1), d(), () => {
     c();
-  }), [c, d]), A(() => {
+  }), [c, d]), O(() => {
     const g = () => {
       o(!1), d();
     };
@@ -2121,8 +2118,8 @@ function Mo(e) {
   return /* @__PURE__ */ s.jsx("div", j({ className: Fo.spinner }, e));
 }
 function No(e, t = 500) {
-  const [n, o] = X(e);
-  return A(() => {
+  const [n, o] = G(e);
+  return O(() => {
     const a = window.setTimeout(() => o(e), t);
     return () => {
       window.clearTimeout(a);
@@ -2226,7 +2223,7 @@ const on = Ne((a, o) => {
 on.displayName = "PlayerMenuItem";
 const Ct = "settings";
 function sn() {
-  const [e, t] = X(!1), n = f((c) => c.containerRef), o = f((c) => c.addIdleLock), a = f((c) => c.removeIdleLock), l = f((c) => c.levels), u = f((c) => c.setLevel), i = z(
+  const [e, t] = G(!1), n = f((c) => c.containerRef), o = f((c) => c.addIdleLock), a = f((c) => c.removeIdleLock), l = f((c) => c.levels), u = f((c) => c.setLevel), i = W(
     (c) => {
       t(c), c ? o(Ct) : a(Ct);
     },
@@ -2311,7 +2308,7 @@ function ti({ url: e, messages: t, onEvent: n }) {
     "div",
     {
       ref: o,
-      className: B.playerContainer,
+      className: z.playerContainer,
       children: [
         /* @__PURE__ */ s.jsxs(
           Cr,
@@ -2336,14 +2333,14 @@ function ti({ url: e, messages: t, onEvent: n }) {
               /* @__PURE__ */ s.jsx(nn, {}),
               /* @__PURE__ */ s.jsx(qr, {}),
               /* @__PURE__ */ s.jsxs(tn, { children: [
-                /* @__PURE__ */ s.jsx("div", { className: B.controlsTop, children: /* @__PURE__ */ s.jsx("div", { className: B.controlsContainer, children: /* @__PURE__ */ s.jsx("div", { className: B.controlsRow, children: /* @__PURE__ */ s.jsx(go, {}) }) }) }),
-                /* @__PURE__ */ s.jsx("div", { className: B.controlsBottom, children: /* @__PURE__ */ s.jsxs("div", { className: B.controlsContainer, 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(go, {}) }) }) }),
+                /* @__PURE__ */ s.jsx("div", { className: z.controlsBottom, children: /* @__PURE__ */ s.jsxs("div", { className: z.controlsContainer, children: [
                   /* @__PURE__ */ s.jsx(uo, {}),
-                  /* @__PURE__ */ s.jsxs("div", { className: B.controlsRow, children: [
+                  /* @__PURE__ */ s.jsxs("div", { className: z.controlsRow, children: [
                     /* @__PURE__ */ s.jsxs(
                       "div",
                       {
-                        className: `${B.controlsSection} ${B.controlsSectionStart}`,
+                        className: `${z.controlsSection} ${z.controlsSectionStart}`,
                         children: [
                           /* @__PURE__ */ s.jsx(eo, {}),
                           /* @__PURE__ */ s.jsx(ho, {}),
@@ -2354,7 +2351,7 @@ function ti({ url: e, messages: t, onEvent: n }) {
                     /* @__PURE__ */ s.jsxs(
                       "div",
                       {
-                        className: `${B.controlsSection} ${B.controlsSectionEnd}`,
+                        className: `${z.controlsSection} ${z.controlsSectionEnd}`,
                         children: [
                           /* @__PURE__ */ s.jsx(Qr, { message: t == null ? void 0 : t.live }),
                           /* @__PURE__ */ s.jsx(sn, {}),
@@ -2404,20 +2401,20 @@ function ri() {
 }
 const bt = "vod-player-progress-bar";
 function oi() {
-  const e = N(null), t = N(null), [n, o] = X(!1), [a, l] = X(-1), [u, i] = X(-1), c = f((P) => P.currentTime), d = f((P) => P.duration), v = f((P) => P.seek), y = f((P) => P.addIdleLock), g = f((P) => P.removeIdleLock), L = parseFloat(
+  const e = V(null), t = V(null), [n, o] = G(!1), [a, l] = G(-1), [u, i] = G(-1), c = f((P) => P.currentTime), d = f((P) => P.duration), v = f((P) => P.seek), y = f((P) => P.addIdleLock), g = f((P) => P.removeIdleLock), L = parseFloat(
     (d ? (u !== -1 ? u : c) / d * 100 : 0).toFixed(1)
   ), D = (P) => {
     i(d * (P[0] / 100)), y(bt);
   }, _ = () => {
     u !== -1 && (v(u), i(-1), g(bt));
-  }, S = () => o(!0), M = () => o(!1), R = z(
+  }, S = () => o(!0), N = () => o(!1), R = W(
     (P) => {
       const x = e.current, I = t.current;
       if (x && I) {
-        const p = Me(x), $ = Me(I), G = (P.pageX || P.clientX) - p.left, q = G / p.width;
-        if (q < 0) return;
-        let O = G - $.width / 2;
-        O < 0 && (O = 0), O > p.width - $.width && (O = -1), I.style.left = O > -1 ? `${O}px` : "auto", I.style.right = O > -1 ? "auto" : "0px", l(q * d);
+        const p = Me(x), $ = Me(I), Y = (P.pageX || P.clientX) - p.left, B = Y / p.width;
+        if (B < 0) return;
+        let F = Y - $.width / 2;
+        F < 0 && (F = 0), F > p.width - $.width && (F = -1), I.style.left = F > -1 ? `${F}px` : "auto", I.style.right = F > -1 ? "auto" : "0px", l(B * d);
       }
       S();
     },
@@ -2429,8 +2426,8 @@ function oi() {
       {
         ref: e,
         value: [L],
-        onPointerLeave: M,
-        onPointerDown: M,
+        onPointerLeave: N,
+        onPointerDown: N,
         onPointerMove: R,
         onValueChange: D,
         onValueCommit: _,
@@ -2462,7 +2459,7 @@ function li() {
 }
 function ci({ callback: e }) {
   const t = f((n) => n.eventEmitter);
-  return A(() => {
+  return O(() => {
     const n = (o) => e("timeUpdate", o);
     return t.on("timeUpdate", n), () => {
       t.off("timeUpdate", n);
@@ -2470,7 +2467,7 @@ function ci({ callback: e }) {
   }, [e, t]), /* @__PURE__ */ s.jsx(zt, { callback: e });
 }
 function ui() {
-  const e = f((i) => i.currentTime), t = f((i) => i.duration), n = f((i) => i.isPlaying), o = f((i) => i.pause), a = f((i) => i.play), l = f((i) => i.seek), u = z(
+  const e = f((i) => i.currentTime), t = f((i) => i.duration), n = f((i) => i.isPlaying), o = f((i) => i.pause), a = f((i) => i.play), l = f((i) => i.seek), u = W(
     (i) => {
       let c = !1;
       if (!(i.target instanceof HTMLInputElement || i.ctrlKey)) {
@@ -2490,7 +2487,7 @@ function ui() {
     },
     [e, t, n, o, a, l]
   );
-  return A(() => (document.addEventListener("keydown", u), () => {
+  return O(() => (document.addEventListener("keydown", u), () => {
     document.removeEventListener("keydown", u);
   }), [u]), /* @__PURE__ */ s.jsx(qt, {});
 }
@@ -2499,25 +2496,25 @@ function gi(e) {
 }
 function di({ url: e, messages: t, onEvent: n, startTime: o }) {
   const a = f((u) => u.setStartTime), l = f((u) => u.containerRef);
-  return A(() => {
+  return O(() => {
     o && a(o);
   }, [o, a]), /* @__PURE__ */ s.jsxs(
     "div",
     {
       ref: l,
-      className: B.playerContainer,
+      className: z.playerContainer,
       children: [
         /* @__PURE__ */ s.jsx(Yt, { url: e, isLive: !1, messages: t }),
         /* @__PURE__ */ s.jsx(Qt, {}),
         /* @__PURE__ */ s.jsx(nn, {}),
         /* @__PURE__ */ s.jsx(ni, {}),
-        /* @__PURE__ */ s.jsx(tn, { children: /* @__PURE__ */ s.jsx("div", { className: B.controlsBottom, children: /* @__PURE__ */ s.jsxs("div", { className: B.controlsContainer, children: [
+        /* @__PURE__ */ s.jsx(tn, { children: /* @__PURE__ */ s.jsx("div", { className: z.controlsBottom, children: /* @__PURE__ */ s.jsxs("div", { className: z.controlsContainer, children: [
           /* @__PURE__ */ s.jsx(oi, {}),
-          /* @__PURE__ */ s.jsxs("div", { className: B.controlsRow, children: [
+          /* @__PURE__ */ s.jsxs("div", { className: z.controlsRow, children: [
             /* @__PURE__ */ s.jsxs(
               "div",
               {
-                className: `${B.controlsSection} ${B.controlsSectionStart}`,
+                className: `${z.controlsSection} ${z.controlsSectionStart}`,
                 children: [
                   /* @__PURE__ */ s.jsx(ri, {}),
                   /* @__PURE__ */ s.jsx(an, {}),
@@ -2528,7 +2525,7 @@ function di({ url: e, messages: t, onEvent: n, startTime: o }) {
             /* @__PURE__ */ s.jsxs(
               "div",
               {
-                className: `${B.controlsSection} ${B.controlsSectionEnd}`,
+                className: `${z.controlsSection} ${z.controlsSectionEnd}`,
                 children: [
                   /* @__PURE__ */ s.jsx(sn, {}),
                   /* @__PURE__ */ s.jsx(en, {})