@halibegic/react-video-player 0.0.47 → 0.0.48

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

@@ -75,11 +75,11 @@ function Dt(e) {
       u(i, a[i]);
   });
 }
-function Mt(e, t) {
+function Ft(e, t) {
   this.name = "AggregateError", this.errors = e, this.message = t || "";
 }
-Mt.prototype = Error.prototype;
-function Ft(e) {
+Ft.prototype = Error.prototype;
+function Mt(e) {
   var t = this;
   return new t(function(n, o) {
     if (!(e && typeof e.length != "undefined"))
@@ -90,7 +90,7 @@ function Ft(e) {
       try {
         t.resolve(a[u]).then(n).catch(function(i) {
           l.push(i), l.length === a.length && o(
-            new Mt(
+            new Ft(
               l,
               "All promises were rejected"
             )
@@ -112,8 +112,8 @@ function Bn(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 Nt(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++)
     Nt(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(Un);
   return Nt(this, new zn(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 (!Vt(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 = Ft;
-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 (!Vt(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) {
   $n(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 = Ft));
+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 Le = { exports: {} }, ge = {};
 var gt;
 function Wn() {
@@ -312,10 +312,10 @@ function Zn() {
         b.unshift("Warning: " + h), Function.prototype.apply.call(console[r], console, b);
       }
     }
-    var x = !1, M = !1, p = !1, U = !1, Y = !1, z;
+    var x = !1, F = !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
+      return !!(typeof r == "string" || typeof r == "function" || r === o || r === l || Y || r === a || r === d || r === v || U || r === P || x || F || 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.
@@ -848,17 +848,17 @@ 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(Fn) {
-            return Fn !== "key";
+          var ce = K(r), J = Object.keys(h).filter(function(Mn) {
+            return Mn !== "key";
           }), Ze = J.length > 0 ? "{key: someKey, " + J.join(": ..., ") + ": ...}" : "{key: someKey}";
           if (!ht[ce + Ze]) {
-            var Mn = J.length > 0 ? "{" + J.join(": ..., ") + ": ...}" : "{}";
+            var Fn = 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, Mn, ce), ht[ce + Ze] = !0;
+  <%s key={someKey} {...props} />`, Ze, ce, Fn, ce), ht[ce + Ze] = !0;
           }
         }
         return r === o ? Pn($) : jn($), $;
@@ -1456,10 +1456,10 @@ function Dr({ 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, P = 1e4, k = W(
     (x) => {
       if (o.current && (o.current.nextLevel = x, u(null), l)) {
-        const M = l.map((p) => he(j({}, p), {
+        const F = l.map((p) => he(j({}, p), {
           selected: p.value === x
         }));
-        i(M);
+        i(F);
       }
     },
     [l, u, i, o]
@@ -1468,7 +1468,7 @@ 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, M = o.current.currentLevel, p = o.current.autoLevelEnabled;
+    const x = o.current.levels, F = o.current.currentLevel, p = o.current.autoLevelEnabled;
     i(
       Pr({
         levels: x.map((U, Y) => {
@@ -1480,19 +1480,19 @@ function Dr({ url: e, isLive: t, messages: n }) {
             width: I
           };
         }),
-        level: M,
+        level: F,
         isAuto: p
       })
     );
   }, [d, i]), V = W(
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    (x, M) => {
+    (x, F) => {
       var p;
-      if (o.current && M.fatal)
-        switch (M.type) {
+      if (o.current && F.fatal)
+        switch (F.type) {
           case re.ErrorTypes.NETWORK_ERROR:
             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(() => {
+            console.log("[Player][HLS] NETWORK_ERROR", F), 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);
@@ -1517,8 +1517,8 @@ 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 (M) {
-      throw new Error(`Error initializing Hls: ${M}`);
+    } catch (F) {
+      throw new Error(`Error initializing Hls: ${F}`);
     }
   }, [
     S,
@@ -1534,8 +1534,8 @@ function Dr({ url: e, isLive: t, messages: n }) {
     a !== null && k(a);
   }, [a, k]), D(() => (re.isSupported() && R(), L), [L, R]), null;
 }
-const Mr = "_playerVideo_wc0sm_1", Fr = {
-  playerVideo: Mr
+const Fr = "_playerVideo_wc0sm_1", Mr = {
+  playerVideo: Fr
 };
 function Yt({
   url: e,
@@ -1552,14 +1552,14 @@ function Yt({
     onTimeUpdate: x
   }, x = () => {
     (!R.current || Date.now() - R.current >= 1e3) && (P(), R.current = Date.now());
-  }, M = L();
+  }, F = L();
   return /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
     /* @__PURE__ */ s.jsx(Dr, { isLive: t, url: e, messages: o }),
     /* @__PURE__ */ s.jsx(
       "video",
       j({
         ref: V,
-        className: Fr.playerVideo,
+        className: Mr.playerVideo,
         playsInline: !0,
         autoPlay: !0,
         controls: !1,
@@ -1576,7 +1576,7 @@ function Yt({
         onWaiting: k,
         onVolumeChange: _,
         tabIndex: -1
-      }, M)
+      }, F)
     )
   ] });
 }
@@ -1697,7 +1697,7 @@ function Zr(o) {
     "button",
     j({
       onClick: v,
-      onMouseMove: k,
+      onMouseEnter: k,
       className: [me.playbackButton, e].filter(Boolean).join(" "),
       "aria-label": "Player gestures"
     }, n)
@@ -1737,7 +1737,7 @@ function qr(u) {
         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, M(), d.current.accumulate = null;
+        q > 0 && (g.current === "backward" ? a == null || a(q) : o == null || o(q), V()), y.current = 0, g.current = null, c.current = null, F(), d.current.accumulate = null;
       }, 500), c.current = { time: Y, x: O };
     } else {
       c.current = { time: Y, x: O }, d.current.single && window.clearTimeout(d.current.single);
@@ -1753,9 +1753,9 @@ function qr(u) {
     }
   }, 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();
+      F();
     }, 700));
-  }, M = () => {
+  }, F = () => {
     k({ visible: !1, direction: null, time: 0 }), d.current.indicator && (window.clearTimeout(d.current.indicator), d.current.indicator = null);
   };
   return D(() => () => {
@@ -1902,7 +1902,7 @@ const no = "_progressSlider_hwzgf_1", ro = "_tipContainer_hwzgf_7", oo = "_tipCo
   );
 });
 Ae.displayName = "PlayerSlider";
-function Fe(e) {
+function Me(e) {
   const t = e.getBoundingClientRect();
   return e.offsetWidth / e.offsetHeight > e.clientWidth / e.clientHeight ? {
     left: t.left * 100,
@@ -1917,7 +1917,7 @@ const Tt = "vod-player-progress-bar";
 function fo() {
   const e = N(null), t = N(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), V = 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(
+  }, [g, _, k]), F = parseFloat(
     (a ? (v !== -1 ? v : n) / a * 100 : 0).toFixed(1)
   ), p = (I) => {
     y(a * (I[0] / 100)), R(Tt);
@@ -1930,7 +1930,7 @@ function fo() {
     (I) => {
       const Q = e.current, K = t.current;
       if (Q && K) {
-        const Z = Fe(Q), oe = Fe(K), ue = (I.pageX || I.clientX) - Z.left, te = ue / Z.width;
+        const Z = Me(Q), oe = Me(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";
@@ -1948,7 +1948,7 @@ function fo() {
       Ae,
       {
         ref: e,
-        value: [M],
+        value: [F],
         onPointerLeave: z,
         onPointerDown: z,
         onPointerMove: O,
@@ -2107,11 +2107,11 @@ 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 Mo = "_spinner_oo4hi_10", Fo = {
-  spinner: Mo
+const Fo = "_spinner_oo4hi_10", Mo = {
+  spinner: Fo
 };
 function Vo(e) {
-  return /* @__PURE__ */ s.jsx("div", j({ className: Fo.spinner }, e));
+  return /* @__PURE__ */ s.jsx("div", j({ className: Mo.spinner }, e));
 }
 function No(e, t = 500) {
   const [n, o] = G(e);
@@ -2295,7 +2295,7 @@ function an() {
     ) })
   ] });
 }
-const ni = "0.0.47", ln = {
+const ni = "0.0.48", ln = {
   version: ni
 };
 function wi(e) {
@@ -2411,12 +2411,12 @@ function si() {
     u !== -1 && (v(u), i(-1), g(bt));
   }, S = () => o(!0), V = () => 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;
+      const x = e.current, F = t.current;
+      if (x && F) {
+        const p = Me(x), U = Me(F), 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);
+        O < 0 && (O = 0), O > p.width - U.width && (O = -1), F.style.left = O > -1 ? `${O}px` : "auto", F.style.right = O > -1 ? "auto" : "0px", l(z * d);
       }
       S();
     },
@@ -2446,17 +2446,17 @@ function si() {
     )
   ] });
 }
-const ai = "_remainingTimeContainer_1yyhb_1", li = "_remainingTime_1yyhb_1", ci = "_remainingSeparator_1yyhb_17", Me = {
+const ai = "_remainingTimeContainer_1yyhb_1", li = "_remainingTime_1yyhb_1", ci = "_remainingSeparator_1yyhb_17", Fe = {
   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: 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) })
+  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) })
   ] });
 }
 function di({ callback: e }) {