@halibegic/react-video-player 0.0.36 → 0.0.37

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

@@ -19,7 +19,7 @@ var ne = (e, t) => {
       t.indexOf(o) < 0 && vt.call(e, o) && (n[o] = e[o]);
   return n;
 };
-import St, { useLayoutEffect as Vn, useEffect as N, useRef as O, useState as X, createContext as bt, useContext as Lt, useCallback as U, forwardRef as Me } from "react";
+import St, { useLayoutEffect as Vn, useEffect as N, useRef as O, useState as X, createContext as bt, useContext as Lt, useCallback as B, forwardRef as Me } from "react";
 import { create as Pt, useStore as jt } from "zustand";
 import An from "mitt";
 import re from "hls.js";
@@ -171,7 +171,7 @@ function Ze(e) {
     Nt(e, e._deferreds[t]);
   e._deferreds = null;
 }
-function Bn(e, t, n) {
+function Un(e, t, n) {
   this.onFulfilled = typeof e == "function" ? e : null, this.onRejected = typeof t == "function" ? t : null, this.promise = n;
 }
 function Vt(e, t) {
@@ -195,7 +195,7 @@ F.prototype.catch = function(e) {
 };
 F.prototype.then = function(e, t) {
   var n = new this.constructor(Hn);
-  return Nt(this, new Bn(e, t, n)), n;
+  return Nt(this, new Un(e, t, n)), n;
 };
 F.prototype.finally = kt;
 F.all = function(e) {
@@ -270,7 +270,7 @@ var ae = (function() {
 typeof ae.Promise != "function" ? ae.Promise = F : (ae.Promise.prototype.finally || (ae.Promise.prototype.finally = kt), ae.Promise.allSettled || (ae.Promise.allSettled = It), ae.Promise.any || (ae.Promise.any = Ft));
 var je = { exports: {} }, ge = {};
 var yt;
-function Un() {
+function Bn() {
   if (yt) return ge;
   yt = 1;
   var e = St, t = Symbol.for("react.element"), n = Symbol.for("react.fragment"), o = Object.prototype.hasOwnProperty, s = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, c = { key: !0, ref: !0, __self: !0, __source: !0 };
@@ -312,10 +312,10 @@ function zn() {
         b.unshift("Warning: " + h), Function.prototype.apply.call(console[r], console, b);
       }
     }
-    var T = !1, I = !1, p = !1, B = !1, G = !1, W;
+    var T = !1, I = !1, p = !1, H = !1, G = !1, W;
     W = Symbol.for("react.module.reference");
     function V(r) {
-      return !!(typeof r == "string" || typeof r == "function" || r === o || r === c || G || r === s || r === d || r === g || B || r === _ || T || I || p || typeof r == "object" && r !== null && (r.$$typeof === v || r.$$typeof === y || r.$$typeof === u || r.$$typeof === i || r.$$typeof === l || // This needs to include all possible module reference object
+      return !!(typeof r == "string" || typeof r == "function" || r === o || r === c || G || r === s || r === d || r === g || H || r === _ || T || I || p || typeof r == "object" && r !== null && (r.$$typeof === v || r.$$typeof === y || r.$$typeof === u || r.$$typeof === i || r.$$typeof === l || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
@@ -507,18 +507,18 @@ function zn() {
         if (J && w && typeof J.stack == "string") {
           for (var x = J.stack.split(`
 `), Y = w.stack.split(`
-`), A = x.length - 1, H = Y.length - 1; A >= 1 && H >= 0 && x[A] !== Y[H]; )
-            H--;
-          for (; A >= 1 && H >= 0; A--, H--)
-            if (x[A] !== Y[H]) {
-              if (A !== 1 || H !== 1)
+`), A = x.length - 1, $ = Y.length - 1; A >= 1 && $ >= 0 && x[A] !== Y[$]; )
+            $--;
+          for (; A >= 1 && $ >= 0; A--, $--)
+            if (x[A] !== Y[$]) {
+              if (A !== 1 || $ !== 1)
                 do
-                  if (A--, H--, H < 0 || x[A] !== Y[H]) {
+                  if (A--, $--, $ < 0 || x[A] !== Y[$]) {
                     var ee = `
 ` + x[A].replace(" at new ", " at ");
                     return r.displayName && ee.includes("<anonymous>") && (ee = ee.replace("<anonymous>", r.displayName)), typeof r == "function" && Ce.set(r, ee), ee;
                   }
-                while (A >= 1 && H >= 0);
+                while (A >= 1 && $ >= 0);
               break;
             }
         }
@@ -703,8 +703,8 @@ function zn() {
             E[b] === void 0 && (E[b] = A[b]);
         }
         if (x || Y) {
-          var H = typeof r == "function" ? r.displayName || r.name || "Unknown" : r;
-          x && Tn(E, H), Y && _n(E, H);
+          var $ = typeof r == "function" ? r.displayName || r.name || "Unknown" : r;
+          x && Tn(E, $), Y && _n(E, $);
         }
         return xn(r, x, Y, C, w, ot.current, E);
       }
@@ -717,9 +717,9 @@ function zn() {
       } else
         at.setExtraStackFrame(null);
     }
-    var Be;
-    Be = !1;
-    function Ue(r) {
+    var Ue;
+    Ue = !1;
+    function Be(r) {
       return typeof r == "object" && r !== null && r.$$typeof === t;
     }
     function lt() {
@@ -770,15 +770,15 @@ Check the top-level render call using <` + m + ">.");
         if (He(r))
           for (var m = 0; m < r.length; m++) {
             var w = r[m];
-            Ue(w) && ut(w, h);
+            Be(w) && ut(w, h);
           }
-        else if (Ue(r))
+        else if (Be(r))
           r._store && (r._store.validated = !0);
         else if (r) {
           var C = L(r);
           if (typeof C == "function" && C !== r.entries)
             for (var b = C.call(r), E; !(E = b.next()).done; )
-              Ue(E.value) && ut(E.value, h);
+              Be(E.value) && ut(E.value, h);
         }
       }
     }
@@ -799,8 +799,8 @@ Check the top-level render call using <` + m + ">.");
         if (m) {
           var w = Z(h);
           fn(m, r.props, "prop", w, r);
-        } else if (h.PropTypes !== void 0 && !Be) {
-          Be = !0;
+        } else if (h.PropTypes !== void 0 && !Ue) {
+          Ue = !0;
           var C = Z(h);
           R("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", C || "Unknown");
         }
@@ -831,9 +831,9 @@ Check the top-level render call using <` + m + ">.");
           var A;
           r === null ? A = "null" : He(r) ? A = "array" : r !== void 0 && r.$$typeof === t ? (A = "<" + (Z(r.type) || "Unknown") + " />", x = " Did you accidentally export a JSX literal instead of a component?") : A = 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", A, x);
         }
-        var H = En(r, h, m, C, b);
-        if (H == null)
-          return H;
+        var $ = En(r, h, m, C, b);
+        if ($ == null)
+          return $;
         if (E) {
           var ee = h.children;
           if (ee !== void 0)
@@ -861,7 +861,7 @@ React keys must be passed directly to JSX without using spread:
   <%s key={someKey} {...props} />`, ze, ce, In, ce), ft[ce + ze] = !0;
           }
         }
-        return r === o ? bn(H) : Sn(H), H;
+        return r === o ? bn($) : Sn($), $;
       }
     }
     function Ln(r, h, m) {
@@ -876,7 +876,7 @@ React keys must be passed directly to JSX without using spread:
 }
 var wt;
 function qn() {
-  return wt || (wt = 1, process.env.NODE_ENV === "production" ? je.exports = Un() : je.exports = zn()), je.exports;
+  return wt || (wt = 1, process.env.NODE_ENV === "production" ? je.exports = Bn() : je.exports = zn()), je.exports;
 }
 var a = qn();
 const Wn = "_playerNotice_lq5nz_1", Zn = "_playerNoticeTitle_lq5nz_17", Kn = "_playerNoticeText_lq5nz_26", Yn = "_playerNoticeLowZIndex_lq5nz_35", ie = {
@@ -916,7 +916,7 @@ const Gn = () => Pt((e) => ({
     null
   );
   return t.current || (t.current = Gn()), /* @__PURE__ */ a.jsx(Ot.Provider, { value: t.current, children: e });
-}, $ = (e) => {
+}, U = (e) => {
   const t = Lt(Ot);
   if (!t)
     throw new Error("usePlayerStore must be used within PlayerStoreProvider");
@@ -1206,13 +1206,13 @@ const ar = () => An(), lr = (e, t) => ({
 }), pr = (e) => () => P({}, e), vr = (e, t) => Pt()((...n) => P(P(P(P(P(P(P(P({}, lr(...n)), cr(...n)), ur(...n)), fr(...n)), dr(...n)), hr(...n)), mr(...n)), pr({
   techRef: e,
   containerRef: t
-})(...n))), Bt = bt(null);
+})(...n))), Ut = bt(null);
 function yr({ children: e }) {
   const t = O(null), n = O(null), o = O(null);
-  return t.current || (t.current = vr(n, o)), /* @__PURE__ */ a.jsx(Bt.Provider, { value: t.current, children: e });
+  return t.current || (t.current = vr(n, o)), /* @__PURE__ */ a.jsx(Ut.Provider, { value: t.current, children: e });
 }
 const f = (e) => {
-  const t = Lt(Bt);
+  const t = Lt(Ut);
   if (!t)
     throw new Error("usePlayerStore must be used within PlayerStoreProvider");
   return jt(t, e);
@@ -1289,7 +1289,7 @@ async function _r(e) {
 }
 function xr(n) {
   var o = n, { url: e } = o, t = ne(o, ["url"]);
-  const [s, c] = X(!0), u = $((d) => d.startDate), i = $((d) => d.setStartDate), l = U(async () => {
+  const [s, c] = X(!0), u = U((d) => d.startDate), i = U((d) => d.setStartDate), l = B(async () => {
     const d = await _r(e);
     d && i(d);
   }, [e, i]);
@@ -1304,7 +1304,7 @@ function Er({
   messages: t = {}
 }) {
   var u, i, l;
-  const n = $((d) => d.startDate), o = f((d) => d.isStarted);
+  const n = U((d) => d.startDate), o = f((d) => d.isStarted);
   return Xn(o ? null : 5e3), n ? Date.now() < n.getTime() ? /* @__PURE__ */ a.jsx(
     Cr,
     {
@@ -1327,7 +1327,7 @@ function Cr({ startDate: e, title: t, message: n }) {
     ] })
   ] }) : /* @__PURE__ */ a.jsx("div", { className: ie.playerNotice, children: /* @__PURE__ */ a.jsx("h3", { className: ie.playerNoticeTitle, children: n }) });
 }
-function Ut({ callback: e }) {
+function Bt({ callback: e }) {
   const t = f((n) => n.eventEmitter);
   return N(() => {
     const n = () => e("play", void 0), o = () => e("pause", void 0), s = () => e("ended", void 0), c = () => e("seeking", void 0), u = () => e("seeked", void 0), i = (S) => e("volumeChange", S), l = (S) => e("fullscreenChange", S), d = (S) => e("qualityChange", S), g = (S) => e("loadedMetadata", S), y = () => e("loadStart", void 0), v = () => e("playing", void 0), _ = () => e("waiting", void 0), j = () => e("error", void 0);
@@ -1367,7 +1367,7 @@ function br({
   }), s;
 }
 function Lr({ callback: e }) {
-  const t = $((c) => c.delay), n = $((c) => c.startDate), o = n ? n.getTime() : 0, s = f((c) => c.eventEmitter);
+  const t = U((c) => c.delay), n = U((c) => c.startDate), o = n ? n.getTime() : 0, s = f((c) => c.eventEmitter);
   return N(() => {
     const c = () => e("timeUpdate", {
       currentTime: qt(o, t),
@@ -1376,10 +1376,10 @@ function Lr({ callback: e }) {
     return s.on("timeUpdate", c), () => {
       s.off("timeUpdate", c);
     };
-  }, [e, s]), /* @__PURE__ */ a.jsx(Ut, { callback: e });
+  }, [e, s]), /* @__PURE__ */ a.jsx(Bt, { callback: e });
 }
 function Wt() {
-  const e = f((i) => i.exitFullscreen), t = f((i) => i.isFullscreen), n = f((i) => i.isFullscreenReady), o = f((i) => i.requestFullscreen), s = f((i) => i.setVolume), c = f((i) => i.volume), u = U(
+  const e = f((i) => i.exitFullscreen), t = f((i) => i.isFullscreen), n = f((i) => i.isFullscreenReady), o = f((i) => i.requestFullscreen), s = f((i) => i.setVolume), c = f((i) => i.volume), u = B(
     (i) => {
       let l = !1;
       if (!(i.target instanceof HTMLInputElement || i.ctrlKey)) {
@@ -1414,7 +1414,7 @@ function Wt() {
   }), [u]), null;
 }
 function Pr() {
-  const e = $((i) => i.delay), t = f((i) => i.isPlaying), n = f((i) => i.pause), o = f((i) => i.getPauseTimeDiff), s = f((i) => i.play), c = $((i) => i.setDelay), u = U(
+  const e = U((i) => i.delay), t = f((i) => i.isPlaying), n = f((i) => i.pause), o = f((i) => i.getPauseTimeDiff), s = f((i) => i.play), c = U((i) => i.setDelay), u = B(
     (i) => {
       let l = !1;
       if (!(i.target instanceof HTMLInputElement || i.ctrlKey)) {
@@ -1451,7 +1451,7 @@ function jr({ children: e }) {
   return /* @__PURE__ */ a.jsx(Jn, { children: /* @__PURE__ */ a.jsx(Zt, { children: e }) });
 }
 function kr({ url: e, isLive: t, messages: n }) {
-  const o = O(null), s = f((T) => T.level), c = f((T) => T.levels), u = f((T) => T.setLevel), i = f((T) => T.setLevels), l = f((T) => T.techRef), d = f((T) => T.setError), g = O(0), y = O(null), v = 50, _ = 1e4, j = U(
+  const o = O(null), s = f((T) => T.level), c = f((T) => T.levels), u = f((T) => T.setLevel), i = f((T) => T.setLevels), l = f((T) => T.techRef), d = f((T) => T.setError), g = O(0), y = O(null), v = 50, _ = 1e4, j = B(
     (T) => {
       if (o.current && (o.current.nextLevel = T, u(null), c)) {
         const I = c.map((p) => he(P({}, p), {
@@ -1461,16 +1461,16 @@ function kr({ url: e, isLive: t, messages: n }) {
       }
     },
     [c, u, i, o]
-  ), S = U(() => {
+  ), S = B(() => {
     o.current && (console.log("[Player][HLS] MEDIA_ATTACHED"), o.current.loadSource(e));
-  }, [e]), L = U(() => {
+  }, [e]), L = B(() => {
     if (!o.current) return;
     console.log("[Player][HLS] MANIFEST_LOADED"), d(null), y.current && (clearTimeout(y.current), y.current = null), g.current = 0;
     const T = o.current.levels, I = o.current.currentLevel, p = o.current.autoLevelEnabled;
     i(
       br({
-        levels: T.map((B, G) => {
-          const { bitrate: W, height: V, width: D } = B;
+        levels: T.map((H, G) => {
+          const { bitrate: W, height: V, width: D } = H;
           return {
             bitrate: W,
             height: V,
@@ -1482,10 +1482,10 @@ function kr({ url: e, isLive: t, messages: n }) {
         isAuto: p
       })
     );
-  }, [d, i]), M = U(
+  }, [d, i]), M = B(
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     (T, I) => {
-      var p, B;
+      var p, H;
       if (console.error("[Player][HLS] ERROR", T, I), !!o.current && I.fatal)
         switch (I.type) {
           case re.ErrorTypes.NETWORK_ERROR:
@@ -1501,7 +1501,7 @@ function kr({ url: e, isLive: t, messages: n }) {
               code: "LIVE_MANIFEST_LOAD_ERROR",
               tech: "hls"
             })) : (d({
-              message: (B = n == null ? void 0 : n.unableToPlay) != null ? B : "Unable to play the video. Please try again later.",
+              message: (H = n == null ? void 0 : n.unableToPlay) != null ? H : "Unable to play the video. Please try again later.",
               code: "NETWORK_ERROR",
               tech: "hls"
             }), o.current.startLoad());
@@ -1512,7 +1512,7 @@ function kr({ url: e, isLive: t, messages: n }) {
         }
     },
     [t, e, d]
-  ), R = U(() => {
+  ), R = B(() => {
     if (!l.current) return;
     let T = {
       startLevel: -1,
@@ -1532,7 +1532,7 @@ function kr({ url: e, isLive: t, messages: n }) {
     t,
     l,
     e
-  ]), k = U(() => {
+  ]), k = B(() => {
     o.current && (o.current.off(re.Events.MEDIA_ATTACHED, S), o.current.off(re.Events.MANIFEST_LOADED, L), o.current.off(re.Events.ERROR, M), o.current.destroy(), o.current = null), y.current && (clearTimeout(y.current), y.current = null), g.current = 0;
   }, [L, S, M]);
   return N(() => {
@@ -1548,7 +1548,9 @@ function Kt({
   isMuted: n = !1,
   messages: o = {}
 }) {
-  const s = f((p) => p.handleDurationChange), c = f((p) => p.handleEnd), u = f((p) => p.handleLoadedMetadata), i = f((p) => p.handleLoadStart), l = f((p) => p.handlePause), d = f((p) => p.handlePlay), g = f((p) => p.handlePlaying), y = f((p) => p.handleSeeked), v = f((p) => p.handleSeeking), _ = f((p) => p.handleTimeUpdate), j = f((p) => p.handleWaiting), S = f((p) => p.handleVolumeChange), L = f((p) => p.handleError), M = f((p) => p.techRef), R = O(null), k = () => t ? {} : {
+  const s = f((p) => p.handleDurationChange), c = f((p) => p.handleEnd), u = f((p) => p.handleLoadedMetadata), i = f((p) => p.handleLoadStart), l = f((p) => p.handlePause), d = f((p) => p.handlePlay), g = f((p) => p.handlePlaying), y = f((p) => p.handleSeeked), v = f((p) => p.handleSeeking), _ = f((p) => p.handleTimeUpdate), j = f((p) => p.handleWaiting), S = f((p) => p.handleVolumeChange), L = f((p) => p.handleError), M = f((p) => p.techRef), R = O(null), k = () => t ? {
+    onTimeUpdate: T
+  } : {
     onDurationChange: s,
     onSeeked: y,
     onSeeking: v,
@@ -1584,7 +1586,7 @@ function Kt({
   ] });
 }
 function Fr({ url: e, messages: t = {} }) {
-  const [n, o] = X(null), s = $((u) => u.delay), c = U(async () => {
+  const [n, o] = X(null), s = U((u) => u.delay), c = B(async () => {
     o(
       s ? e.replace("-live", "-catchup").replace("playlist.m3u8", `playlist_fmp4_dvr_timeshift-${s}.m3u8`) : e
     );
@@ -1633,8 +1635,8 @@ function Yt(i) {
     "maxForwardTime",
     "maxBackwardTime"
   ]);
-  return Mr("(min-width: 1024px)") ? /* @__PURE__ */ a.jsx(Br, P({ className: e, onClick: t }, u)) : /* @__PURE__ */ a.jsx(
-    Ur,
+  return Mr("(min-width: 1024px)") ? /* @__PURE__ */ a.jsx(Ur, P({ className: e, onClick: t }, u)) : /* @__PURE__ */ a.jsx(
+    Br,
     P({
       className: e,
       maxForwardTime: s,
@@ -1644,7 +1646,7 @@ function Yt(i) {
     }, u)
   );
 }
-function Br(o) {
+function Ur(o) {
   var s = o, { className: e, onClick: t } = s, n = ne(s, ["className", "onClick"]);
   const c = O(null), u = f((_) => _.exitFullscreen), i = f((_) => _.isFullscreen), l = f((_) => _.requestFullscreen), d = (_) => {
     v() ? (y(), i ? u() : l()) : g(_);
@@ -1666,7 +1668,7 @@ function Br(o) {
     }, n)
   );
 }
-function Ur(u) {
+function Br(u) {
   var i = u, {
     className: e,
     maxForwardTime: t,
@@ -1684,11 +1686,11 @@ function Ur(u) {
     single: null,
     indicator: null,
     accumulate: null
-  }), g = O(null), y = O(0), v = O(null), [_, j] = X({ visible: !1, direction: null, time: 0 }), S = f((p) => p.isIdle), L = f((p) => p.setIsIdle), M = f((p) => p.resetIdle), R = (p, B) => p < B / 2 ? "backward" : "forward", k = (p) => {
+  }), g = O(null), y = O(0), v = O(null), [_, j] = X({ visible: !1, direction: null, time: 0 }), S = f((p) => p.isIdle), L = f((p) => p.setIsIdle), M = f((p) => p.resetIdle), R = (p, H) => p < H / 2 ? "backward" : "forward", k = (p) => {
     if (!g.current) return;
-    const B = p.changedTouches[0];
-    if (!B) return;
-    const G = Date.now(), W = g.current.getBoundingClientRect(), V = B.clientX - W.left, D = B.clientY - W.top;
+    const H = p.changedTouches[0];
+    if (!H) return;
+    const G = Date.now(), W = g.current.getBoundingClientRect(), V = H.clientX - W.left, D = H.clientY - W.top;
     if (V < 0 || V > W.width || D < 0 || D > W.height)
       return;
     const Q = l.current, Z = Q ? G - Q.time : 1 / 0, z = R(V, W.width), oe = v.current !== null && v.current === z && Q !== null && Z < 700 && Math.abs(V - Q.x) < 100;
@@ -1700,7 +1702,7 @@ function Ur(u) {
         te != null ? te : 1 / 0
       ), T(z, y.current), d.current.accumulate && window.clearTimeout(d.current.accumulate), d.current.accumulate = window.setTimeout(() => {
         const q = y.current;
-        q > 0 && (v.current === "backward" ? s == null || s(q) : o == null || o(q), y.current = 0, v.current = null, l.current = null, I(), M()), d.current.accumulate = null;
+        q > 0 && (v.current === "backward" ? s == null || s(q) : o == null || o(q), M()), y.current = 0, v.current = null, l.current = null, I(), d.current.accumulate = null;
       }, 500), l.current = { time: G, x: V };
     } else {
       l.current = { time: G, x: V }, d.current.single && window.clearTimeout(d.current.single);
@@ -1714,10 +1716,10 @@ function Ur(u) {
         l.current = null;
       }, te);
     }
-  }, T = (p, B) => {
-    j({ visible: !0, direction: p, time: B }), d.current.indicator && window.clearTimeout(d.current.indicator), d.current.indicator = window.setTimeout(() => {
+  }, T = (p, H) => {
+    H !== 0 && (j({ visible: !0, direction: p, time: H }), d.current.indicator && window.clearTimeout(d.current.indicator), d.current.indicator = window.setTimeout(() => {
       I();
-    }, 700);
+    }, 700));
   }, I = () => {
     j({ visible: !1, direction: null, time: 0 }), d.current.indicator && (window.clearTimeout(d.current.indicator), d.current.indicator = null);
   };
@@ -1746,7 +1748,7 @@ function Ur(u) {
   ] });
 }
 function zr() {
-  const e = f((l) => l.isPlaying), t = f((l) => l.pause), n = f((l) => l.getPauseTimeDiff), o = f((l) => l.play), s = $((l) => l.delay), c = $((l) => l.setDelay), u = $((l) => l.startDate), i = u ? u.getTime() : 0;
+  const e = f((l) => l.isPlaying), t = f((l) => l.pause), n = f((l) => l.getPauseTimeDiff), o = f((l) => l.play), s = U((l) => l.delay), c = U((l) => l.setDelay), u = U((l) => l.startDate), i = u ? u.getTime() : 0;
   return /* @__PURE__ */ a.jsx(
     Yt,
     {
@@ -1789,7 +1791,7 @@ const Zr = "_liveIndicator_1jczn_1", Kr = "_liveIndicatorHasDelay_1jczn_9", Yr =
 };
 function Xr(n) {
   var o = n, { message: e } = o, t = ne(o, ["message"]);
-  const s = $((l) => l.delay), c = $((l) => l.setDelay), u = () => {
+  const s = U((l) => l.delay), c = U((l) => l.setDelay), u = () => {
     s && c(0);
   }, i = s ? `${ke.liveIndicator} ${ke.liveIndicatorHasDelay}` : `${ke.liveIndicator} ${ke.liveIndicatorNoDelay}`;
   return /* @__PURE__ */ a.jsxs(le, he(P({ onClick: u, shape: "square" }, t), { children: [
@@ -1820,7 +1822,7 @@ function Gt() {
   );
 }
 function Gr() {
-  const e = f((i) => i.isPlaying), t = f((i) => i.pause), n = f((i) => i.getPauseTimeDiff), o = f((i) => i.play), s = $((i) => i.delay), c = $((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), s = U((i) => i.delay), c = U((i) => i.setDelay), u = () => {
     if (e)
       t();
     else {
@@ -1878,18 +1880,18 @@ function Fe(e) {
 }
 const _t = "vod-player-progress-bar";
 function ao() {
-  const e = O(null), t = O(null), [n, o] = X(0), [s, c] = X(0), [u, i] = X(!1), [l, d] = X(-1), [g, y] = X(-1), v = $((D) => D.delay), _ = $((D) => D.startDate), j = _ ? _.getTime() : 0, S = (/* @__PURE__ */ new Date()).getTime(), L = $((D) => D.setDelay), M = f((D) => D.isPlaying), R = f((D) => D.addIdleLock), k = f((D) => D.removeIdleLock), T = U(() => {
+  const e = O(null), t = O(null), [n, o] = X(0), [s, c] = X(0), [u, i] = X(!1), [l, d] = X(-1), [g, y] = X(-1), v = U((D) => D.delay), _ = U((D) => D.startDate), j = _ ? _.getTime() : 0, S = (/* @__PURE__ */ new Date()).getTime(), L = U((D) => D.setDelay), M = f((D) => D.isPlaying), R = f((D) => D.addIdleLock), k = f((D) => D.removeIdleLock), T = B(() => {
     o(qt(j, v)), c(Rr(j, S));
   }, [v, S, j]), I = parseFloat(
     (s ? (g !== -1 ? g : n) / s * 100 : 0).toFixed(1)
   ), p = (D) => {
     y(s * (D[0] / 100)), R(_t);
-  }, B = () => {
+  }, H = () => {
     if (g !== -1) {
       const D = zt(j, g);
       L(D), y(-1), k(_t);
     }
-  }, G = () => i(!0), W = () => i(!1), V = U(
+  }, G = () => i(!0), W = () => i(!1), V = B(
     (D) => {
       const Q = e.current, Z = t.current;
       if (Q && Z) {
@@ -1916,7 +1918,7 @@ function ao() {
         onPointerDown: W,
         onPointerMove: V,
         onValueChange: p,
-        onValueCommit: B,
+        onValueCommit: H,
         step: 0.1
       }
     ),
@@ -1942,7 +1944,7 @@ function lo() {
   );
 }
 function co() {
-  const e = $((s) => s.startDate), t = $((s) => s.setDelay), n = e ? e.getTime() : 0, o = () => t(zt(n));
+  const e = U((s) => s.startDate), t = U((s) => s.setDelay), n = e ? e.getTime() : 0, o = () => t(zt(n));
   return /* @__PURE__ */ a.jsx(le, { onClick: o, children: /* @__PURE__ */ a.jsx(lo, {}) });
 }
 function Jt() {
@@ -1989,7 +1991,7 @@ function wo() {
   );
 }
 function Qt() {
-  const e = f((d) => d.containerRef), t = f((d) => d.exitFullscreen), n = f((d) => d.isFullscreen), o = f((d) => d.requestFullscreen), s = f((d) => d.setIsFullscreen), c = f((d) => d.setIsFullscreenReady), u = f((d) => d.techRef), i = U(
+  const e = f((d) => d.containerRef), t = f((d) => d.exitFullscreen), n = f((d) => d.isFullscreen), o = f((d) => d.requestFullscreen), s = f((d) => d.setIsFullscreen), c = f((d) => d.setIsFullscreenReady), u = f((d) => d.techRef), i = B(
     (d) => {
       d.stopPropagation(), s(rr());
     },
@@ -2011,9 +2013,9 @@ const To = "_idleCheckContainer_iz9tu_1", _o = "_idleCheckContainerIdle_iz9tu_10
   idleCheckContainerActive: xo
 }, Eo = 5 * 1e3;
 function en({ children: e }) {
-  const t = O(null), n = f((v) => v.isIdle), o = f((v) => v.setIsIdle), s = O(null), u = f((v) => v.idleLocks).size, i = f((v) => v.eventEmitter), l = U(() => {
+  const t = O(null), n = f((v) => v.isIdle), o = f((v) => v.setIsIdle), s = O(null), u = f((v) => v.idleLocks).size, i = f((v) => v.eventEmitter), l = B(() => {
     s.current !== null && (window.clearTimeout(s.current), s.current = null);
-  }, []), d = U(() => {
+  }, []), d = B(() => {
     l(), s.current = window.setTimeout(() => o(!0), Eo);
   }, [l]);
   N(() => (o(!1), d(), () => {
@@ -2152,7 +2154,7 @@ const rn = Me((s, o) => {
 rn.displayName = "PlayerMenuItem";
 const xt = "settings";
 function on() {
-  const [e, t] = X(!1), n = f((l) => l.containerRef), o = f((l) => l.addIdleLock), s = f((l) => l.removeIdleLock), c = f((l) => l.levels), u = f((l) => l.setLevel), i = U(
+  const [e, t] = X(!1), n = f((l) => l.containerRef), o = f((l) => l.addIdleLock), s = f((l) => l.removeIdleLock), c = f((l) => l.levels), u = f((l) => l.setLevel), i = B(
     (l) => {
       t(l), l ? o(xt) : s(xt);
     },
@@ -2184,7 +2186,7 @@ function $o() {
     }
   );
 }
-function Bo() {
+function Uo() {
   return /* @__PURE__ */ a.jsx(
     "svg",
     {
@@ -2195,7 +2197,7 @@ function Bo() {
     }
   );
 }
-function Uo() {
+function Bo() {
   return /* @__PURE__ */ a.jsx(
     "svg",
     {
@@ -2217,7 +2219,7 @@ function sn() {
     o(Ct);
   }, u = () => e(t ? 0 : 100);
   return /* @__PURE__ */ a.jsxs("div", { className: Et.volumeContainer, children: [
-    /* @__PURE__ */ a.jsx(le, { onClick: u, className: "shrink-0", children: t ? t > 50 ? /* @__PURE__ */ a.jsx($o, {}) : /* @__PURE__ */ a.jsx(Bo, {}) : /* @__PURE__ */ a.jsx(Uo, {}) }),
+    /* @__PURE__ */ a.jsx(le, { onClick: u, className: "shrink-0", children: t ? t > 50 ? /* @__PURE__ */ a.jsx($o, {}) : /* @__PURE__ */ a.jsx(Uo, {}) : /* @__PURE__ */ a.jsx(Bo, {}) }),
     /* @__PURE__ */ a.jsx("div", { className: Et.volumeSlider, children: /* @__PURE__ */ a.jsx(
       Ne,
       {
@@ -2333,14 +2335,14 @@ function Yo() {
     i(d * (k[0] / 100)), y(Rt);
   }, S = () => {
     u !== -1 && (g(u), i(-1), v(Rt));
-  }, L = () => o(!0), M = () => o(!1), R = U(
+  }, L = () => o(!0), M = () => o(!1), R = B(
     (k) => {
       const T = e.current, I = t.current;
       if (T && I) {
-        const p = Fe(T), B = Fe(I), G = (k.pageX || k.clientX) - p.left, W = G / p.width;
+        const p = Fe(T), H = Fe(I), G = (k.pageX || k.clientX) - p.left, W = G / p.width;
         if (W < 0) return;
-        let V = G - B.width / 2;
-        V < 0 && (V = 0), V > p.width - B.width && (V = -1), I.style.left = V > -1 ? `${V}px` : "auto", I.style.right = V > -1 ? "auto" : "0px", c(W * d);
+        let V = G - H.width / 2;
+        V < 0 && (V = 0), V > p.width - H.width && (V = -1), I.style.left = V > -1 ? `${V}px` : "auto", I.style.right = V > -1 ? "auto" : "0px", c(W * d);
       }
       L();
     },
@@ -2390,10 +2392,10 @@ function ei({ callback: e }) {
     return t.on("timeUpdate", n), () => {
       t.off("timeUpdate", n);
     };
-  }, [e, t]), /* @__PURE__ */ a.jsx(Ut, { callback: e });
+  }, [e, t]), /* @__PURE__ */ a.jsx(Bt, { callback: e });
 }
 function ti() {
-  const e = f((i) => i.currentTime), t = f((i) => i.duration), n = f((i) => i.isPlaying), o = f((i) => i.pause), s = f((i) => i.play), c = f((i) => i.seek), u = U(
+  const e = f((i) => i.currentTime), t = f((i) => i.duration), n = f((i) => i.isPlaying), o = f((i) => i.pause), s = f((i) => i.play), c = f((i) => i.seek), u = B(
     (i) => {
       let l = !1;
       if (!(i.target instanceof HTMLInputElement || i.ctrlKey)) {