@halibegic/react-video-player 0.0.48 → 0.0.49

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

@@ -24,7 +24,7 @@ import { create as Lt, useStore as It } from "zustand";
 import Hn from "mitt";
 import re from "hls.js";
 import * as je from "@radix-ui/react-slider";
-import * as Te from "@radix-ui/react-popover";
+import * as _e from "@radix-ui/react-popover";
 import * as Pe from "@radix-ui/react-scroll-area";
 function kt(e) {
   var t = this.constructor;
@@ -75,11 +75,11 @@ function Dt(e) {
       u(i, a[i]);
   });
 }
-function Ft(e, t) {
+function Mt(e, t) {
   this.name = "AggregateError", this.errors = e, this.message = t || "";
 }
-Ft.prototype = Error.prototype;
-function Mt(e) {
+Mt.prototype = Error.prototype;
+function Ft(e) {
   var t = this;
   return new t(function(n, o) {
     if (!(e && typeof e.length != "undefined"))
@@ -90,7 +90,7 @@ function Mt(e) {
       try {
         t.resolve(a[u]).then(n).catch(function(i) {
           l.push(i), l.length === a.length && o(
-            new Ft(
+            new Mt(
               l,
               "All promises were rejected"
             )
@@ -112,8 +112,8 @@ function Bn(e, t) {
     e.apply(t, arguments);
   };
 }
-function M(e) {
-  if (!(this instanceof M))
+function F(e) {
+  if (!(this instanceof F))
     throw new TypeError("Promises must be constructed via new");
   if (typeof e != "function") throw new TypeError("not a function");
   this._state = 0, this._handled = !1, this._value = void 0, this._deferreds = [], At(e, this);
@@ -125,7 +125,7 @@ function Nt(e, t) {
     e._deferreds.push(t);
     return;
   }
-  e._handled = !0, M._immediateFn(function() {
+  e._handled = !0, F._immediateFn(function() {
     var n = e._state === 1 ? t.onFulfilled : t.onRejected;
     if (n === null) {
       (e._state === 1 ? Ke : xe)(t.promise, e._value);
@@ -147,7 +147,7 @@ function Ke(e, t) {
       throw new TypeError("A promise cannot be resolved with itself.");
     if (t && (typeof t == "object" || typeof t == "function")) {
       var n = t.then;
-      if (t instanceof M) {
+      if (t instanceof F) {
         e._state = 3, e._value = t, Ye(e);
         return;
       } else if (typeof n == "function") {
@@ -164,8 +164,8 @@ function xe(e, t) {
   e._state = 2, e._value = t, Ye(e);
 }
 function Ye(e) {
-  e._state === 2 && e._deferreds.length === 0 && M._immediateFn(function() {
-    e._handled || M._unhandledRejectionFn(e._value);
+  e._state === 2 && e._deferreds.length === 0 && F._immediateFn(function() {
+    e._handled || F._unhandledRejectionFn(e._value);
   });
   for (var t = 0, n = e._deferreds.length; t < n; t++)
     Nt(e, e._deferreds[t]);
@@ -190,16 +190,16 @@ function At(e, t) {
     n = !0, xe(t, o);
   }
 }
-M.prototype.catch = function(e) {
+F.prototype.catch = function(e) {
   return this.then(null, e);
 };
-M.prototype.then = function(e, t) {
+F.prototype.then = function(e, t) {
   var n = new this.constructor(Un);
   return Nt(this, new zn(e, t, n)), n;
 };
-M.prototype.finally = kt;
-M.all = function(e) {
-  return new M(function(t, n) {
+F.prototype.finally = kt;
+F.all = function(e) {
+  return new F(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 @@ M.all = function(e) {
       l(u, o[u]);
   });
 };
-M.any = Mt;
-M.allSettled = Dt;
-M.resolve = function(e) {
-  return e && typeof e == "object" && e.constructor === M ? e : new M(function(t) {
+F.any = Ft;
+F.allSettled = Dt;
+F.resolve = function(e) {
+  return e && typeof e == "object" && e.constructor === F ? e : new F(function(t) {
     t(e);
   });
 };
-M.reject = function(e) {
-  return new M(function(t, n) {
+F.reject = function(e) {
+  return new F(function(t, n) {
     n(e);
   });
 };
-M.race = function(e) {
-  return new M(function(t, n) {
+F.race = function(e) {
+  return new F(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++)
-      M.resolve(e[o]).then(t, n);
+      F.resolve(e[o]).then(t, n);
   });
 };
-M._immediateFn = // @ts-ignore
+F._immediateFn = // @ts-ignore
 typeof setImmediate == "function" && function(e) {
   setImmediate(e);
 } || function(e) {
   $n(e, 0);
 };
-M._unhandledRejectionFn = function(t) {
+F._unhandledRejectionFn = function(t) {
   typeof console != "undefined" && console && console.warn("Possible Unhandled Promise Rejection:", t);
 };
 var ae = (function() {
@@ -267,7 +267,7 @@ var ae = (function() {
     return global;
   throw new Error("unable to locate global object");
 })();
-typeof ae.Promise != "function" ? ae.Promise = M : (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 = F : (ae.Promise.prototype.finally || (ae.Promise.prototype.finally = kt), ae.Promise.allSettled || (ae.Promise.allSettled = Dt), ae.Promise.any || (ae.Promise.any = Ft));
 var Le = { exports: {} }, ge = {};
 var gt;
 function Wn() {
@@ -287,11 +287,11 @@ var we = {};
 var wt;
 function Zn() {
   return wt || (wt = 1, process.env.NODE_ENV !== "production" && (function() {
-    var e = St, t = Symbol.for("react.element"), n = Symbol.for("react.portal"), o = Symbol.for("react.fragment"), a = Symbol.for("react.strict_mode"), l = Symbol.for("react.profiler"), u = Symbol.for("react.provider"), i = Symbol.for("react.context"), c = Symbol.for("react.forward_ref"), d = Symbol.for("react.suspense"), v = Symbol.for("react.suspense_list"), y = Symbol.for("react.memo"), g = Symbol.for("react.lazy"), P = Symbol.for("react.offscreen"), k = Symbol.iterator, _ = "@@iterator";
+    var e = St, t = Symbol.for("react.element"), n = Symbol.for("react.portal"), o = Symbol.for("react.fragment"), a = Symbol.for("react.strict_mode"), l = Symbol.for("react.profiler"), u = Symbol.for("react.provider"), i = Symbol.for("react.context"), c = Symbol.for("react.forward_ref"), d = Symbol.for("react.suspense"), v = Symbol.for("react.suspense_list"), y = Symbol.for("react.memo"), g = Symbol.for("react.lazy"), P = Symbol.for("react.offscreen"), k = Symbol.iterator, T = "@@iterator";
     function S(r) {
       if (r === null || typeof r != "object")
         return null;
-      var h = k && r[k] || r[_];
+      var h = k && r[k] || r[T];
       return typeof h == "function" ? h : null;
     }
     var V = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
@@ -312,10 +312,10 @@ function Zn() {
         b.unshift("Warning: " + h), Function.prototype.apply.call(console[r], console, b);
       }
     }
-    var x = !1, F = !1, p = !1, U = !1, Y = !1, z;
+    var x = !1, M = !1, p = !1, U = !1, Y = !1, z;
     z = Symbol.for("react.module.reference");
     function O(r) {
-      return !!(typeof r == "string" || typeof r == "function" || r === o || r === l || Y || r === a || r === d || r === v || U || r === P || x || 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
+      return !!(typeof r == "string" || typeof r == "function" || r === o || r === l || Y || r === a || r === d || r === v || U || r === P || x || M || p || typeof r == "object" && r !== null && (r.$$typeof === g || r.$$typeof === y || r.$$typeof === u || r.$$typeof === i || r.$$typeof === c || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
@@ -369,7 +369,7 @@ function Zn() {
             var E = r, b = E._payload, C = E._init;
             try {
               return K(C(b));
-            } catch (T) {
+            } catch (_) {
               return null;
             }
           }
@@ -505,17 +505,17 @@ function Zn() {
         }
       } catch (J) {
         if (J && w && typeof J.stack == "string") {
-          for (var T = J.stack.split(`
+          for (var _ = J.stack.split(`
 `), X = w.stack.split(`
-`), H = T.length - 1, $ = X.length - 1; H >= 1 && $ >= 0 && T[H] !== X[$]; )
+`), H = _.length - 1, $ = X.length - 1; H >= 1 && $ >= 0 && _[H] !== X[$]; )
             $--;
           for (; H >= 1 && $ >= 0; H--, $--)
-            if (T[H] !== X[$]) {
+            if (_[H] !== X[$]) {
               if (H !== 1 || $ !== 1)
                 do
-                  if (H--, $--, $ < 0 || T[H] !== X[$]) {
+                  if (H--, $--, $ < 0 || _[H] !== X[$]) {
                     var ee = `
-` + T[H].replace(" at new ", " at ");
+` + _[H].replace(" at new ", " at ");
                     return r.displayName && ee.includes("<anonymous>") && (ee = ee.replace("<anonymous>", r.displayName)), typeof r == "function" && Ee.set(r, ee), ee;
                   }
                 while (H >= 1 && $ >= 0);
@@ -577,17 +577,17 @@ function Zn() {
         var b = Function.call.bind(ye);
         for (var C in r)
           if (b(r, C)) {
-            var T = void 0;
+            var _ = void 0;
             try {
               if (typeof r[C] != "function") {
                 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");
+              _ = r[C](h, C, w, m, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (H) {
-              T = H;
+              _ = H;
             }
-            T && !(T instanceof Error) && (be(E), R("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", w || "React class", m, C, typeof T), be(null)), T instanceof Error && !(T.message in tt) && (tt[T.message] = !0, be(E), R("Failed %s type: %s", m, T.message), be(null));
+            _ && !(_ instanceof Error) && (be(E), R("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", w || "React class", m, C, typeof _), be(null)), _ instanceof Error && !(_.message in tt) && (tt[_.message] = !0, be(E), R("Failed %s type: %s", m, _.message), be(null));
           }
       }
     }
@@ -637,10 +637,10 @@ function Zn() {
       }
       return r.key !== void 0;
     }
-    function _n(r, h) {
+    function Tn(r, h) {
       typeof r.ref == "string" && it.current;
     }
-    function Tn(r, h) {
+    function _n(r, h) {
       {
         var m = function() {
           st || (st = !0, R("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", h));
@@ -663,7 +663,7 @@ function Zn() {
       }
     }
     var En = function(r, h, m, w, E, b, C) {
-      var T = {
+      var _ = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: t,
         // Built-in properties that belong on the element
@@ -674,27 +674,27 @@ function Zn() {
         // Record the component responsible for creating this element.
         _owner: b
       };
-      return T._store = {}, Object.defineProperty(T._store, "validated", {
+      return _._store = {}, Object.defineProperty(_._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(T, "_self", {
+      }), Object.defineProperty(_, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
         value: w
-      }), Object.defineProperty(T, "_source", {
+      }), Object.defineProperty(_, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
         value: E
-      }), Object.freeze && (Object.freeze(T.props), Object.freeze(T)), T;
+      }), Object.freeze && (Object.freeze(_.props), Object.freeze(_)), _;
     };
     function Rn(r, h, m, w, E) {
       {
-        var b, C = {}, T = null, X = null;
-        m !== void 0 && (ot(m), T = "" + m), xn(h) && (ot(h.key), T = "" + h.key), wn(h) && (X = h.ref, _n(h, E));
+        var b, C = {}, _ = null, X = null;
+        m !== void 0 && (ot(m), _ = "" + m), xn(h) && (ot(h.key), _ = "" + h.key), wn(h) && (X = h.ref, Tn(h, E));
         for (b in h)
           ye.call(h, b) && !gn.hasOwnProperty(b) && (C[b] = h[b]);
         if (r && r.defaultProps) {
@@ -702,11 +702,11 @@ function Zn() {
           for (b in H)
             C[b] === void 0 && (C[b] = H[b]);
         }
-        if (T || X) {
+        if (_ || X) {
           var $ = typeof r == "function" ? r.displayName || r.name || "Unknown" : r;
-          T && Tn(C, $), X && Cn(C, $);
+          _ && _n(C, $), X && Cn(C, $);
         }
-        return En(r, T, X, E, w, it.current, C);
+        return En(r, _, X, E, w, it.current, C);
       }
     }
     var Be = V.ReactCurrentOwner, lt = V.ReactDebugCurrentFrame;
@@ -824,12 +824,12 @@ Check the top-level render call using <` + m + ">.");
       {
         var C = O(r);
         if (!C) {
-          var T = "";
-          (r === void 0 || typeof r == "object" && r !== null && Object.keys(r).length === 0) && (T += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
+          var _ = "";
+          (r === void 0 || typeof r == "object" && r !== null && Object.keys(r).length === 0) && (_ += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
           var X = bn();
-          X ? T += X : T += ct();
+          X ? _ += X : _ += 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);
+          r === null ? H = "null" : Ue(r) ? H = "array" : r !== void 0 && r.$$typeof === t ? (H = "<" + (K(r.type) || "Unknown") + " />", _ = " 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, _);
         }
         var $ = Rn(r, h, m, E, b);
         if ($ == null)
@@ -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(Mn) {
-            return Mn !== "key";
+          var ce = K(r), J = Object.keys(h).filter(function(Fn) {
+            return Fn !== "key";
           }), Ze = J.length > 0 ? "{key: someKey, " + J.join(": ..., ") + ": ...}" : "{key: someKey}";
           if (!ht[ce + Ze]) {
-            var Fn = J.length > 0 ? "{" + J.join(": ..., ") + ": ...}" : "{}";
+            var Mn = J.length > 0 ? "{" + J.join(": ..., ") + ": ...}" : "{}";
             R(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`, Ze, ce, Fn, ce), ht[ce + Ze] = !0;
+  <%s key={someKey} {...props} />`, Ze, ce, Mn, ce), ht[ce + Ze] = !0;
           }
         }
         return r === o ? Pn($) : jn($), $;
@@ -937,7 +937,7 @@ function tr(e, t, n) {
 function nr(e) {
   return tr(e, "milliseconds", "seconds");
 }
-const _e = (e) => {
+const Te = (e) => {
   if (isNaN(e) || e === 1 / 0) return "0:00";
   const t = (l) => (l < 10 ? "0" : "") + l, n = Math.floor(e / 3600), o = Math.floor(e % 3600 / 60), a = Math.floor(e % 60);
   return n === 0 ? `${o}:${t(a)}` : `${n}:${t(o)}:${t(a)}`;
@@ -970,11 +970,11 @@ function rr(e, t) {
       ), k = parseInt(
         ((u = d.find((S) => S.type === "minute")) == null ? void 0 : u.value) || "0",
         10
-      ), _ = parseInt(
+      ), T = parseInt(
         ((i = d.find((S) => S.type === "second")) == null ? void 0 : i.value) || "0",
         10
       );
-      return new Date(v, y, g, P, k, _);
+      return new Date(v, y, g, P, k, T);
     } catch (c) {
       return console.warn(
         `Failed to convert date to timezone ${t}, returning original date:`,
@@ -1232,7 +1232,7 @@ function xr(e) {
   }
   return null;
 }
-function _r(e, t) {
+function Tr(e, t) {
   const n = e.split(`
 `);
   let o = !1;
@@ -1259,19 +1259,19 @@ function _r(e, t) {
   }
   return null;
 }
-function Tr(e) {
+function _r(e) {
   return e.replace("playlist.m3u8", "playlist_fmp4_dvr.m3u8");
 }
 async function Cr(e) {
   try {
-    const t = Tr(e);
+    const t = _r(e);
     console.log("Converting to DVR URL:", t);
     const n = await fetch(t);
     if (!n.ok)
       throw new Error(
         `Failed to fetch master playlist: ${n.status} ${n.statusText}`
       );
-    const o = await n.text(), a = _r(
+    const o = await n.text(), a = Tr(
       o,
       t
     );
@@ -1332,7 +1332,7 @@ function br({ startDate: e, title: t, message: n }) {
 function zt({ callback: e }) {
   const t = f((n) => n.eventEmitter);
   return D(() => {
-    const n = () => e("play", void 0), o = () => e("pause", void 0), a = () => e("ended", void 0), l = () => e("seeking", void 0), u = () => e("seeked", void 0), i = (_) => e("volumeChange", _), c = (_) => e("fullscreenChange", _), d = (_) => e("qualityChange", _), v = (_) => e("loadedMetadata", _), y = () => e("loadStart", void 0), g = () => e("playing", void 0), P = () => e("waiting", void 0), k = () => e("error", void 0);
+    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 = (T) => e("volumeChange", T), c = (T) => e("fullscreenChange", T), d = (T) => e("qualityChange", T), v = (T) => e("loadedMetadata", T), y = () => e("loadStart", void 0), g = () => e("playing", void 0), P = () => e("waiting", void 0), k = () => e("error", void 0);
     return t.on("play", n), t.on("pause", o), t.on("ended", a), t.on("seeking", l), t.on("seeked", u), t.on("volumeChange", i), t.on("fullscreenChange", c), t.on("qualityChange", d), t.on("loadedMetadata", v), t.on("loadStart", y), t.on("playing", g), t.on("waiting", P), t.on("error", k), () => {
       t.off("play", n), t.off("pause", o), t.off("ended", a), t.off("seeking", l), t.off("seeked", u), t.off("volumeChange", i), t.off("fullscreenChange", c), t.off("qualityChange", d), t.off("loadedMetadata", v), t.off("loadStart", y), t.off("playing", g), t.off("waiting", P), t.off("error", k);
     };
@@ -1456,19 +1456,19 @@ 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 F = l.map((p) => he(j({}, p), {
+        const M = l.map((p) => he(j({}, p), {
           selected: p.value === x
         }));
-        i(F);
+        i(M);
       }
     },
     [l, u, i, o]
-  ), _ = W(() => {
+  ), T = W(() => {
     o.current && (console.log("[Player][HLS] MEDIA_ATTACHED"), o.current.loadSource(e));
   }, [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, F = o.current.currentLevel, p = o.current.autoLevelEnabled;
+    const x = o.current.levels, M = o.current.currentLevel, p = o.current.autoLevelEnabled;
     i(
       Pr({
         levels: x.map((U, Y) => {
@@ -1480,19 +1480,19 @@ function Dr({ url: e, isLive: t, messages: n }) {
             width: I
           };
         }),
-        level: F,
+        level: M,
         isAuto: p
       })
     );
   }, [d, i]), V = W(
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    (x, F) => {
+    (x, M) => {
       var p;
-      if (o.current && F.fatal)
-        switch (F.type) {
+      if (o.current && M.fatal)
+        switch (M.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", F), t ? (v.current < g && (y.current && clearTimeout(y.current), v.current += 1, y.current = setTimeout(() => {
+            console.log("[Player][HLS] NETWORK_ERROR", M), t ? (v.current < g && (y.current && clearTimeout(y.current), v.current += 1, y.current = setTimeout(() => {
               if (o.current)
                 try {
                   console.log("[Player][HLS] Retrying stream..."), o.current.loadSource(e);
@@ -1516,26 +1516,26 @@ function Dr({ url: e, isLive: t, messages: n }) {
     };
     or ? (x.backBufferLength = -1, x.enableWorker = !1) : t ? x.backBufferLength = 10 : x.backBufferLength = 60;
     try {
-      console.log("[Player][HLS] URL", e), console.log("[Player][HLS] Config", JSON.stringify(x)), console.log("[Player][HLS] Version", re.version), o.current = new re(x), o.current.attachMedia(c.current), o.current.on(re.Events.MEDIA_ATTACHED, _), o.current.on(re.Events.MANIFEST_LOADED, S), o.current.on(re.Events.ERROR, V);
-    } catch (F) {
-      throw new Error(`Error initializing Hls: ${F}`);
+      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, T), o.current.on(re.Events.MANIFEST_LOADED, S), o.current.on(re.Events.ERROR, V);
+    } catch (M) {
+      throw new Error(`Error initializing Hls: ${M}`);
     }
   }, [
     S,
-    _,
+    T,
     V,
     t,
     c,
     e
   ]), L = W(() => {
-    o.current && (o.current.off(re.Events.MEDIA_ATTACHED, _), o.current.off(re.Events.MANIFEST_LOADED, S), o.current.off(re.Events.ERROR, V), o.current.destroy(), o.current = null), y.current && (clearTimeout(y.current), y.current = null), v.current = 0;
-  }, [S, _, V]);
+    o.current && (o.current.off(re.Events.MEDIA_ATTACHED, T), o.current.off(re.Events.MANIFEST_LOADED, S), o.current.off(re.Events.ERROR, V), o.current.destroy(), o.current = null), y.current && (clearTimeout(y.current), y.current = null), v.current = 0;
+  }, [S, T, V]);
   return D(() => {
     a !== null && k(a);
   }, [a, k]), D(() => (re.isSupported() && R(), L), [L, R]), null;
 }
-const Fr = "_playerVideo_wc0sm_1", Mr = {
-  playerVideo: Fr
+const Mr = "_playerVideo_wc0sm_1", Fr = {
+  playerVideo: Mr
 };
 function Yt({
   url: e,
@@ -1543,7 +1543,7 @@ function Yt({
   isMuted: n = !1,
   messages: o = {}
 }) {
-  const a = f((p) => p.handleDurationChange), l = f((p) => p.handleEnd), u = f((p) => p.handleLoadedMetadata), i = f((p) => p.handleLoadStart), c = f((p) => p.handlePause), d = f((p) => p.handlePlay), v = f((p) => p.handlePlaying), y = f((p) => p.handleSeeked), g = f((p) => p.handleSeeking), P = f((p) => p.handleTimeUpdate), k = f((p) => p.handleWaiting), _ = f((p) => p.handleVolumeChange), S = f((p) => p.handleError), V = f((p) => p.techRef), R = N(null), L = () => t ? {
+  const a = f((p) => p.handleDurationChange), l = f((p) => p.handleEnd), u = f((p) => p.handleLoadedMetadata), i = f((p) => p.handleLoadStart), c = f((p) => p.handlePause), d = f((p) => p.handlePlay), v = f((p) => p.handlePlaying), y = f((p) => p.handleSeeked), g = f((p) => p.handleSeeking), P = f((p) => p.handleTimeUpdate), k = f((p) => p.handleWaiting), T = f((p) => p.handleVolumeChange), S = f((p) => p.handleError), V = f((p) => p.techRef), R = N(null), L = () => t ? {
     onTimeUpdate: x
   } : {
     onDurationChange: a,
@@ -1552,14 +1552,14 @@ function Yt({
     onTimeUpdate: x
   }, x = () => {
     (!R.current || Date.now() - R.current >= 1e3) && (P(), R.current = Date.now());
-  }, F = L();
+  }, M = 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: Mr.playerVideo,
+        className: Fr.playerVideo,
         playsInline: !0,
         autoPlay: !0,
         controls: !1,
@@ -1574,9 +1574,9 @@ function Yt({
         onPlay: d,
         onPlaying: v,
         onWaiting: k,
-        onVolumeChange: _,
+        onVolumeChange: T,
         tabIndex: -1
-      }, F)
+      }, M)
     )
   ] });
 }
@@ -1667,7 +1667,7 @@ function Xt(i) {
     "maxForwardTime",
     "maxBackwardTime"
   ]);
-  return Or("(min-width: 1024px)") ? /* @__PURE__ */ s.jsx(Zr, j({ className: e, onClick: t }, u)) : /* @__PURE__ */ s.jsx(
+  return Or("(pointer: coarse)") ? /* @__PURE__ */ s.jsx(
     qr,
     j({
       className: e,
@@ -1676,15 +1676,15 @@ function Xt(i) {
       onForwardSeek: n,
       onBackwardSeek: o
     }, u)
-  );
+  ) : /* @__PURE__ */ s.jsx(Zr, j({ className: e, onClick: t }, u));
 }
 function Zr(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 = (_) => {
-    P() ? (g(), i ? u() : c()) : y(_);
-  }, y = (_) => {
+  const l = N(null), u = f((T) => T.exitFullscreen), i = f((T) => T.isFullscreen), c = f((T) => T.requestFullscreen), d = f((T) => T.resetIdle), v = (T) => {
+    P() ? (g(), i ? u() : c()) : y(T);
+  }, y = (T) => {
     l.current = window.setTimeout(() => {
-      t == null || t(_), g();
+      t == null || t(T), g();
     }, 200);
   }, g = () => {
     l.current !== null && (window.clearTimeout(l.current), l.current = null);
@@ -1697,7 +1697,7 @@ function Zr(o) {
     "button",
     j({
       onClick: v,
-      onMouseEnter: k,
+      onMouseMove: k,
       className: [me.playbackButton, e].filter(Boolean).join(" "),
       "aria-label": "Player gestures"
     }, n)
@@ -1721,7 +1721,7 @@ function qr(u) {
     single: null,
     indicator: null,
     accumulate: null
-  }), v = N(null), y = N(0), g = N(null), [P, k] = G({ visible: !1, direction: null, time: 0 }), _ = f((p) => p.isIdle), S = f((p) => p.setIsIdle), V = f((p) => p.resetIdle), R = (p, U) => p < U / 2 ? "backward" : "forward", L = (p) => {
+  }), v = N(null), y = N(0), g = N(null), [P, k] = G({ visible: !1, direction: null, time: 0 }), T = f((p) => p.isIdle), S = f((p) => p.setIsIdle), V = f((p) => p.resetIdle), R = (p, U) => p < U / 2 ? "backward" : "forward", L = (p) => {
     if (!v.current) return;
     const U = p.changedTouches[0];
     if (!U) return;
@@ -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, F(), 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, M(), 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);
@@ -1745,7 +1745,7 @@ function qr(u) {
       d.current.single = window.setTimeout(() => {
         if (g.current === null) {
           d.current.single = null;
-          const q = _;
+          const q = T;
           S(!q), q && V();
         }
         c.current = null;
@@ -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(() => {
-      F();
+      M();
     }, 700));
-  }, F = () => {
+  }, M = () => {
     k({ visible: !1, direction: null, time: 0 }), d.current.indicator && (window.clearTimeout(d.current.indicator), d.current.indicator = null);
   };
   return D(() => () => {
@@ -1776,7 +1776,7 @@ function qr(u) {
         className: `${me.seekIndicator} ${me.seekIndicatorVisible} ${P.direction === "backward" ? me.seekIndicatorLeft : me.seekIndicatorRight}`,
         children: [
           P.direction === "backward" ? "-" : "+",
-          _e(P.time)
+          Te(P.time)
         ]
       }
     )
@@ -1808,13 +1808,13 @@ function Kr() {
     }
   );
 }
-const Yr = "_playerButton_izwqq_1", Xr = "_playerButtonCircle_izwqq_42", _t = {
+const Yr = "_playerButton_izwqq_1", Xr = "_playerButtonCircle_izwqq_42", Tt = {
   playerButton: Yr,
   playerButtonCircle: Xr
 }, le = Ve(
   (a, o) => {
     var l = a, { shape: e = "circle", className: t } = l, n = ne(l, ["shape", "className"]);
-    const u = e === "circle" ? _t.playerButtonCircle : "", i = [_t.playerButton, u, t].filter(Boolean).join(" ");
+    const u = e === "circle" ? Tt.playerButtonCircle : "", i = [Tt.playerButton, u, t].filter(Boolean).join(" ");
     return /* @__PURE__ */ s.jsx("button", j({ ref: o, className: i }, n));
   }
 );
@@ -1902,7 +1902,7 @@ const no = "_progressSlider_hwzgf_1", ro = "_tipContainer_hwzgf_7", oo = "_tipCo
   );
 });
 Ae.displayName = "PlayerSlider";
-function Me(e) {
+function Fe(e) {
   const t = e.getBoundingClientRect();
   return e.offsetWidth / e.offsetHeight > e.clientWidth / e.clientHeight ? {
     left: t.left * 100,
@@ -1913,24 +1913,24 @@ function Me(e) {
     height: t.height * 100
   } : t;
 }
-const Tt = "vod-player-progress-bar";
+const _t = "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]), F = parseFloat(
+  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, T = (/* @__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, T));
+  }, [g, T, k]), M = parseFloat(
     (a ? (v !== -1 ? v : n) / a * 100 : 0).toFixed(1)
   ), p = (I) => {
-    y(a * (I[0] / 100)), R(Tt);
+    y(a * (I[0] / 100)), R(_t);
   }, U = () => {
     if (v !== -1) {
       const I = Wt(k, v);
-      S(I), y(-1), L(Tt);
+      S(I), y(-1), L(_t);
     }
   }, Y = () => i(!0), z = () => i(!1), O = W(
     (I) => {
       const Q = e.current, K = t.current;
       if (Q && K) {
-        const Z = Me(Q), oe = Me(K), ue = (I.pageX || I.clientX) - Z.left, te = ue / Z.width;
+        const Z = Fe(Q), oe = Fe(K), ue = (I.pageX || I.clientX) - Z.left, te = ue / Z.width;
         if (te < 0) return;
         let q = ue - oe.width / 2;
         q < 0 && (q = 0), q > Z.width - oe.width && (q = -1), K.style.left = q > -1 ? `${q}px` : "auto", K.style.right = q > -1 ? "auto" : "0px";
@@ -1948,7 +1948,7 @@ function fo() {
       Ae,
       {
         ref: e,
-        value: [F],
+        value: [M],
         onPointerLeave: z,
         onPointerDown: z,
         onPointerMove: O,
@@ -1962,7 +1962,7 @@ function fo() {
       {
         ref: t,
         className: `${se.tipContainer} ${u ? se.tipContainerVisible : se.tipContainerHidden}`,
-        children: /* @__PURE__ */ s.jsx("p", { className: se.tipContent, children: `-${_e(c)}` })
+        children: /* @__PURE__ */ s.jsx("p", { className: se.tipContent, children: `-${Te(c)}` })
       }
     )
   ] });
@@ -2034,10 +2034,10 @@ function Qt() {
     }
   );
 }
-const xo = "_playerContainer_146tx_1", _o = "_controlsTop_146tx_12", To = "_controlsBottom_146tx_29", Co = "_controlsContainer_146tx_45", Eo = "_controlsRow_146tx_61", Ro = "_controlsSection_146tx_68", bo = "_controlsSectionStart_146tx_78", So = "_controlsSectionEnd_146tx_82", B = {
+const xo = "_playerContainer_146tx_1", To = "_controlsTop_146tx_12", _o = "_controlsBottom_146tx_29", Co = "_controlsContainer_146tx_45", Eo = "_controlsRow_146tx_61", Ro = "_controlsSection_146tx_68", bo = "_controlsSectionStart_146tx_78", So = "_controlsSectionEnd_146tx_82", B = {
   playerContainer: xo,
-  controlsTop: _o,
-  controlsBottom: To,
+  controlsTop: To,
+  controlsBottom: _o,
   controlsContainer: Co,
   controlsRow: Eo,
   controlsSection: Ro,
@@ -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 Fo = "_spinner_oo4hi_10", Mo = {
-  spinner: Fo
+const Mo = "_spinner_oo4hi_10", Fo = {
+  spinner: Mo
 };
 function Vo(e) {
-  return /* @__PURE__ */ s.jsx("div", j({ className: Mo.spinner }, e));
+  return /* @__PURE__ */ s.jsx("div", j({ className: Fo.spinner }, e));
 }
 function No(e, t = 500) {
   const [n, o] = G(e);
@@ -2159,10 +2159,10 @@ const Uo = "_dropdownMenuContent_b7j6b_1", Bo = "_dropdownMenuItem_b7j6b_83", zo
   scrollAreaViewport: Wo,
   scrollAreaScrollbar: Zo,
   scrollAreaThumb: qo
-}, Ko = Te.Root, Yo = Te.Trigger, Xo = Te.Portal, rn = Ve((l, a) => {
+}, Ko = _e.Root, Yo = _e.Trigger, Xo = _e.Portal, rn = Ve((l, a) => {
   var u = l, { sideOffset: e = 4, className: t, children: n } = u, o = ne(u, ["sideOffset", "className", "children"]);
   return /* @__PURE__ */ s.jsx(
-    Te.Content,
+    _e.Content,
     he(j({
       ref: a,
       sideOffset: e,
@@ -2204,7 +2204,7 @@ const on = Ve((a, o) => {
   }, i = (c) => {
     (c.key === "Enter" || c.key === " ") && (c.preventDefault(), t == null || t(c));
   };
-  return /* @__PURE__ */ s.jsx(Te.Close, { asChild: !0, children: /* @__PURE__ */ s.jsx(
+  return /* @__PURE__ */ s.jsx(_e.Close, { asChild: !0, children: /* @__PURE__ */ s.jsx(
     "div",
     j({
       ref: o,
@@ -2295,7 +2295,7 @@ function an() {
     ) })
   ] });
 }
-const ni = "0.0.48", ln = {
+const ni = "0.0.49", ln = {
   version: ni
 };
 function wi(e) {
@@ -2407,16 +2407,16 @@ function si() {
     (d ? (u !== -1 ? u : c) / d * 100 : 0).toFixed(1)
   ), k = (L) => {
     i(d * (L[0] / 100)), y(bt);
-  }, _ = () => {
+  }, T = () => {
     u !== -1 && (v(u), i(-1), g(bt));
   }, S = () => o(!0), V = () => o(!1), R = W(
     (L) => {
-      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;
+      const x = e.current, M = t.current;
+      if (x && M) {
+        const p = Fe(x), U = Fe(M), Y = (L.pageX || L.clientX) - p.left, z = Y / p.width;
         if (z < 0) return;
         let O = Y - U.width / 2;
-        O < 0 && (O = 0), O > p.width - U.width && (O = -1), F.style.left = O > -1 ? `${O}px` : "auto", F.style.right = O > -1 ? "auto" : "0px", l(z * d);
+        O < 0 && (O = 0), O > p.width - U.width && (O = -1), M.style.left = O > -1 ? `${O}px` : "auto", M.style.right = O > -1 ? "auto" : "0px", l(z * d);
       }
       S();
     },
@@ -2432,7 +2432,7 @@ function si() {
         onPointerDown: V,
         onPointerMove: R,
         onValueChange: k,
-        onValueCommit: _,
+        onValueCommit: T,
         step: 0.1
       }
     ),
@@ -2441,22 +2441,22 @@ function si() {
       {
         ref: t,
         className: `${se.tipContainer} ${n ? se.tipContainerVisible : se.tipContainerHidden}`,
-        children: /* @__PURE__ */ s.jsx("p", { className: se.tipContent, children: _e(a) })
+        children: /* @__PURE__ */ s.jsx("p", { className: se.tipContent, children: Te(a) })
       }
     )
   ] });
 }
-const ai = "_remainingTimeContainer_1yyhb_1", li = "_remainingTime_1yyhb_1", ci = "_remainingSeparator_1yyhb_17", Fe = {
+const ai = "_remainingTimeContainer_1yyhb_1", li = "_remainingTime_1yyhb_1", ci = "_remainingSeparator_1yyhb_17", Me = {
   remainingTimeContainer: ai,
   remainingTime: li,
   remainingSeparator: ci
 };
 function ui() {
   const e = f((n) => n.currentTime), t = f((n) => n.duration);
-  return /* @__PURE__ */ s.jsxs("div", { className: Fe.remainingTimeContainer, children: [
-    /* @__PURE__ */ s.jsx("p", { className: Fe.remainingTime, children: _e(e) }),
-    /* @__PURE__ */ s.jsx("p", { className: Fe.remainingSeparator }),
-    /* @__PURE__ */ s.jsx("p", { className: Fe.remainingTime, children: _e(t) })
+  return /* @__PURE__ */ s.jsxs("div", { className: Me.remainingTimeContainer, children: [
+    /* @__PURE__ */ s.jsx("p", { className: Me.remainingTime, children: Te(e) }),
+    /* @__PURE__ */ s.jsx("p", { className: Me.remainingSeparator }),
+    /* @__PURE__ */ s.jsx("p", { className: Me.remainingTime, children: Te(t) })
   ] });
 }
 function di({ callback: e }) {