@halibegic/react-video-player 0.0.43 → 0.0.45

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

@@ -1,15 +1,15 @@
-var Mn = Object.defineProperty, Nn = Object.defineProperties;
-var Vn = Object.getOwnPropertyDescriptors;
+var Nn = Object.defineProperty, Vn = Object.defineProperties;
+var An = Object.getOwnPropertyDescriptors;
 var Se = Object.getOwnPropertySymbols;
 var vt = Object.prototype.hasOwnProperty, yt = Object.prototype.propertyIsEnumerable;
-var pt = (e, t, n) => t in e ? Mn(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, j = (e, t) => {
+var pt = (e, t, n) => t in e ? Nn(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, j = (e, t) => {
   for (var n in t || (t = {}))
     vt.call(t, n) && pt(e, n, t[n]);
   if (Se)
     for (var n of Se(t))
       yt.call(t, n) && pt(e, n, t[n]);
   return e;
-}, he = (e, t) => Nn(e, Vn(t));
+}, he = (e, t) => Vn(e, An(t));
 var ne = (e, t) => {
   var n = {};
   for (var o in e)
@@ -19,13 +19,13 @@ 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 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 St, { useLayoutEffect as On, useEffect as D, useRef as V, useState as G, createContext as jt, useContext as Pt, useCallback as W, forwardRef as Ne } from "react";
+import { create as Lt, useStore as It } from "zustand";
+import Hn from "mitt";
 import re from "hls.js";
 import * as je from "@radix-ui/react-slider";
 import * as Te from "@radix-ui/react-popover";
-import * as Le from "@radix-ui/react-scroll-area";
+import * as Pe from "@radix-ui/react-scroll-area";
 function kt(e) {
   var t = this.constructor;
   return this.then(
@@ -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"
             )
@@ -101,19 +101,19 @@ function Mt(e) {
       }
   });
 }
-var Hn = setTimeout;
+var $n = setTimeout;
 function Nt(e) {
   return !!(e && typeof e.length != "undefined");
 }
-function $n() {
+function Un() {
 }
-function Un(e, t) {
+function Bn(e, t) {
   return function() {
     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 Vt(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,11 +147,11 @@ 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") {
-        At(Un(n, t), e);
+        At(Bn(n, t), e);
         return;
       }
     }
@@ -164,14 +164,14 @@ 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++)
     Vt(e, e._deferreds[t]);
   e._deferreds = null;
 }
-function Bn(e, t, n) {
+function zn(e, t, n) {
   this.onFulfilled = typeof e == "function" ? e : null, this.onRejected = typeof t == "function" ? t : null, this.promise = n;
 }
 function At(e, 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) {
-  var n = new this.constructor($n);
-  return Vt(this, new Bn(e, t, n)), n;
+F.prototype.then = function(e, t) {
+  var n = new this.constructor(Un);
+  return Vt(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 (!Nt(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 (!Nt(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) {
-  Hn(e, 0);
+  $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,31 +267,31 @@ 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));
-var Pe = { exports: {} }, ge = {};
+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 zn() {
+function Wn() {
   if (gt) return ge;
   gt = 1;
   var e = St, t = Symbol.for("react.element"), n = Symbol.for("react.fragment"), o = Object.prototype.hasOwnProperty, a = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, l = { key: !0, ref: !0, __self: !0, __source: !0 };
   function u(i, c, d) {
-    var v, y = {}, g = null, L = null;
-    d !== void 0 && (g = "" + d), c.key !== void 0 && (g = "" + c.key), c.ref !== void 0 && (L = c.ref);
+    var v, y = {}, g = null, P = null;
+    d !== void 0 && (g = "" + d), c.key !== void 0 && (g = "" + c.key), c.ref !== void 0 && (P = c.ref);
     for (v in c) o.call(c, v) && !l.hasOwnProperty(v) && (y[v] = c[v]);
     if (i && i.defaultProps) for (v in c = i.defaultProps, c) y[v] === void 0 && (y[v] = c[v]);
-    return { $$typeof: t, type: i, key: g, ref: L, props: y, _owner: a.current };
+    return { $$typeof: t, type: i, key: g, ref: P, props: y, _owner: a.current };
   }
   return ge.Fragment = n, ge.jsx = u, ge.jsxs = u, ge;
 }
 var we = {};
 var wt;
-function Wn() {
+function Zn() {
   return wt || (wt = 1, process.env.NODE_ENV !== "production" && (function() {
-    var e = St, t = Symbol.for("react.element"), n = Symbol.for("react.portal"), o = Symbol.for("react.fragment"), a = Symbol.for("react.strict_mode"), l = Symbol.for("react.profiler"), u = Symbol.for("react.provider"), i = Symbol.for("react.context"), c = Symbol.for("react.forward_ref"), d = Symbol.for("react.suspense"), v = Symbol.for("react.suspense_list"), y = Symbol.for("react.memo"), g = Symbol.for("react.lazy"), L = Symbol.for("react.offscreen"), D = Symbol.iterator, _ = "@@iterator";
+    var e = St, t = Symbol.for("react.element"), n = Symbol.for("react.portal"), o = Symbol.for("react.fragment"), a = Symbol.for("react.strict_mode"), l = Symbol.for("react.profiler"), u = Symbol.for("react.provider"), i = Symbol.for("react.context"), c = Symbol.for("react.forward_ref"), d = Symbol.for("react.suspense"), v = Symbol.for("react.suspense_list"), y = Symbol.for("react.memo"), g = Symbol.for("react.lazy"), P = Symbol.for("react.offscreen"), k = Symbol.iterator, _ = "@@iterator";
     function S(r) {
       if (r === null || typeof r != "object")
         return null;
-      var h = D && r[D] || r[_];
+      var h = k && r[k] || r[_];
       return typeof h == "function" ? h : null;
     }
     var N = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
@@ -299,10 +299,10 @@ function Wn() {
       {
         for (var h = arguments.length, m = new Array(h > 1 ? h - 1 : 0), w = 1; w < h; w++)
           m[w - 1] = arguments[w];
-        P("error", r, m);
+        L("error", r, m);
       }
     }
-    function P(r, h, m) {
+    function L(r, h, m) {
       {
         var w = N.ReactDebugCurrentFrame, E = w.getStackAddendum();
         E !== "" && (h += "%s", m = m.concat([E]));
@@ -312,16 +312,16 @@ function Wn() {
         b.unshift("Warning: " + h), Function.prototype.apply.call(console[r], console, b);
       }
     }
-    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
+    var x = !1, M = !1, p = !1, U = !1, Y = !1, z;
+    z = Symbol.for("react.module.reference");
+    function O(r) {
+      return !!(typeof r == "string" || typeof r == "function" || r === o || r === l || Y || r === a || r === d || r === v || U || r === P || x || M || p || typeof r == "object" && r !== null && (r.$$typeof === g || r.$$typeof === y || r.$$typeof === u || r.$$typeof === i || r.$$typeof === c || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
-      r.$$typeof === B || r.getModuleId !== void 0));
+      r.$$typeof === z || r.getModuleId !== void 0));
     }
-    function k(r, h, m) {
+    function I(r, h, m) {
       var w = r.displayName;
       if (w)
         return w;
@@ -361,7 +361,7 @@ function Wn() {
             var m = r;
             return Q(m._context) + ".Provider";
           case c:
-            return k(r, r.render, "ForwardRef");
+            return I(r, r.render, "ForwardRef");
           case y:
             var w = r.displayName || null;
             return w !== null ? w : K(r.type) || "Memo";
@@ -380,7 +380,7 @@ function Wn() {
     function Qe() {
     }
     Qe.__reactDisabledLog = !0;
-    function ln() {
+    function cn() {
       {
         if (oe === 0) {
           ue = console.log, te = console.info, q = console.warn, ve = console.error, Xe = console.group, Ge = console.groupCollapsed, Je = console.groupEnd;
@@ -403,7 +403,7 @@ function Wn() {
         oe++;
       }
     }
-    function cn() {
+    function un() {
       {
         if (oe--, oe === 0) {
           var r = {
@@ -454,8 +454,8 @@ function Wn() {
     }
     var $e = !1, Ee;
     {
-      var un = typeof WeakMap == "function" ? WeakMap : Map;
-      Ee = new un();
+      var dn = typeof WeakMap == "function" ? WeakMap : Map;
+      Ee = new dn();
     }
     function et(r, h) {
       if (!r || $e)
@@ -470,7 +470,7 @@ function Wn() {
       var E = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var b;
-      b = Oe.current, Oe.current = null, ln();
+      b = Oe.current, Oe.current = null, cn();
       try {
         if (h) {
           var C = function() {
@@ -507,31 +507,31 @@ function Wn() {
         if (J && w && typeof J.stack == "string") {
           for (var T = J.stack.split(`
 `), X = w.stack.split(`
-`), H = T.length - 1, U = X.length - 1; H >= 1 && U >= 0 && T[H] !== X[U]; )
-            U--;
-          for (; H >= 1 && U >= 0; H--, U--)
-            if (T[H] !== X[U]) {
-              if (H !== 1 || U !== 1)
+`), H = T.length - 1, $ = X.length - 1; H >= 1 && $ >= 0 && T[H] !== X[$]; )
+            $--;
+          for (; H >= 1 && $ >= 0; H--, $--)
+            if (T[H] !== X[$]) {
+              if (H !== 1 || $ !== 1)
                 do
-                  if (H--, U--, U < 0 || T[H] !== X[U]) {
+                  if (H--, $--, $ < 0 || T[H] !== X[$]) {
                     var ee = `
 ` + T[H].replace(" at new ", " at ");
                     return r.displayName && ee.includes("<anonymous>") && (ee = ee.replace("<anonymous>", r.displayName)), typeof r == "function" && Ee.set(r, ee), ee;
                   }
-                while (H >= 1 && U >= 0);
+                while (H >= 1 && $ >= 0);
               break;
             }
         }
       } finally {
-        $e = !1, Oe.current = b, cn(), Error.prepareStackTrace = E;
+        $e = !1, Oe.current = b, un(), Error.prepareStackTrace = E;
       }
       var fe = r ? r.displayName || r.name : "", ce = fe ? Ce(fe) : "";
       return typeof r == "function" && Ee.set(r, ce), ce;
     }
-    function dn(r, h, m) {
+    function fn(r, h, m) {
       return et(r, !1);
     }
-    function fn(r) {
+    function hn(r) {
       var h = r.prototype;
       return !!(h && h.isReactComponent);
     }
@@ -539,7 +539,7 @@ function Wn() {
       if (r == null)
         return "";
       if (typeof r == "function")
-        return et(r, fn(r));
+        return et(r, hn(r));
       if (typeof r == "string")
         return Ce(r);
       switch (r) {
@@ -551,7 +551,7 @@ function Wn() {
       if (typeof r == "object")
         switch (r.$$typeof) {
           case c:
-            return dn(r.render);
+            return fn(r.render);
           case y:
             return Re(r.type, h, m);
           case g: {
@@ -572,7 +572,7 @@ function Wn() {
       } else
         nt.setExtraStackFrame(null);
     }
-    function hn(r, h, m, w, E) {
+    function mn(r, h, m, w, E) {
       {
         var b = Function.call.bind(ye);
         for (var C in r)
@@ -591,17 +591,17 @@ function Wn() {
           }
       }
     }
-    var mn = Array.isArray;
+    var pn = Array.isArray;
     function Ue(r) {
-      return mn(r);
+      return pn(r);
     }
-    function pn(r) {
+    function vn(r) {
       {
         var h = typeof Symbol == "function" && Symbol.toStringTag, m = h && r[Symbol.toStringTag] || r.constructor.name || "Object";
         return m;
       }
     }
-    function vn(r) {
+    function yn(r) {
       try {
         return rt(r), !1;
       } catch (h) {
@@ -612,16 +612,16 @@ function Wn() {
       return "" + r;
     }
     function ot(r) {
-      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);
+      if (yn(r))
+        return R("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", vn(r)), rt(r);
     }
-    var it = N.ReactCurrentOwner, yn = {
+    var it = N.ReactCurrentOwner, gn = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
     }, st, at;
-    function gn(r) {
+    function wn(r) {
       if (ye.call(r, "ref")) {
         var h = Object.getOwnPropertyDescriptor(r, "ref").get;
         if (h && h.isReactWarning)
@@ -629,7 +629,7 @@ function Wn() {
       }
       return r.ref !== void 0;
     }
-    function wn(r) {
+    function xn(r) {
       if (ye.call(r, "key")) {
         var h = Object.getOwnPropertyDescriptor(r, "key").get;
         if (h && h.isReactWarning)
@@ -637,10 +637,10 @@ function Wn() {
       }
       return r.key !== void 0;
     }
-    function xn(r, h) {
+    function _n(r, h) {
       typeof r.ref == "string" && it.current;
     }
-    function _n(r, h) {
+    function Tn(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));
@@ -651,7 +651,7 @@ function Wn() {
         });
       }
     }
-    function Tn(r, h) {
+    function Cn(r, h) {
       {
         var m = function() {
           at || (at = !0, R("%s: `ref` 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));
@@ -662,7 +662,7 @@ function Wn() {
         });
       }
     }
-    var Cn = function(r, h, m, w, E, b, C) {
+    var En = function(r, h, m, w, E, b, C) {
       var T = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: t,
@@ -691,22 +691,22 @@ function Wn() {
         value: E
       }), Object.freeze && (Object.freeze(T.props), Object.freeze(T)), T;
     };
-    function En(r, h, m, w, E) {
+    function Rn(r, h, m, w, 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));
+        m !== void 0 && (ot(m), T = "" + m), xn(h) && (ot(h.key), T = "" + h.key), wn(h) && (X = h.ref, _n(h, E));
         for (b in h)
-          ye.call(h, b) && !yn.hasOwnProperty(b) && (C[b] = h[b]);
+          ye.call(h, b) && !gn.hasOwnProperty(b) && (C[b] = h[b]);
         if (r && r.defaultProps) {
           var H = r.defaultProps;
           for (b in H)
             C[b] === void 0 && (C[b] = H[b]);
         }
         if (T || X) {
-          var U = typeof r == "function" ? r.displayName || r.name || "Unknown" : r;
-          T && _n(C, U), X && Tn(C, U);
+          var $ = typeof r == "function" ? r.displayName || r.name || "Unknown" : r;
+          T && Tn(C, $), X && Cn(C, $);
         }
-        return Cn(r, T, X, E, w, it.current, C);
+        return En(r, T, X, E, w, it.current, C);
       }
     }
     var Be = N.ReactCurrentOwner, lt = N.ReactDebugCurrentFrame;
@@ -734,11 +734,11 @@ Check the render method of \`` + r + "`.";
         return "";
       }
     }
-    function Rn(r) {
+    function bn(r) {
       return "";
     }
     var ut = {};
-    function bn(r) {
+    function Sn(r) {
       {
         var h = ct();
         if (!h) {
@@ -755,7 +755,7 @@ Check the top-level render call using <` + m + ">.");
         if (!r._store || r._store.validated || r.key != null)
           return;
         r._store.validated = !0;
-        var m = bn(h);
+        var m = Sn(h);
         if (ut[m])
           return;
         ut[m] = !0;
@@ -782,7 +782,7 @@ Check the top-level render call using <` + m + ">.");
         }
       }
     }
-    function Sn(r) {
+    function jn(r) {
       {
         var h = r.type;
         if (h == null || typeof h == "string")
@@ -798,7 +798,7 @@ Check the top-level render call using <` + m + ">.");
           return;
         if (m) {
           var w = K(h);
-          hn(m, r.props, "prop", w, r);
+          mn(m, r.props, "prop", w, r);
         } else if (h.PropTypes !== void 0 && !ze) {
           ze = !0;
           var E = K(h);
@@ -807,7 +807,7 @@ Check the top-level render call using <` + m + ">.");
         typeof h.getDefaultProps == "function" && !h.getDefaultProps.isReactClassApproved && R("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function jn(r) {
+    function Pn(r) {
       {
         for (var h = Object.keys(r.props), m = 0; m < h.length; m++) {
           var w = h[m];
@@ -822,18 +822,18 @@ Check the top-level render call using <` + m + ">.");
     var ht = {};
     function mt(r, h, m, w, E, b) {
       {
-        var C = F(r);
+        var C = O(r);
         if (!C) {
           var T = "";
           (r === void 0 || typeof r == "object" && r !== null && Object.keys(r).length === 0) && (T += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
-          var X = Rn();
+          var X = bn();
           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);
         }
-        var U = En(r, h, m, E, b);
-        if (U == null)
-          return U;
+        var $ = Rn(r, h, m, E, b);
+        if ($ == null)
+          return $;
         if (C) {
           var ee = h.children;
           if (ee !== void 0)
@@ -852,44 +852,44 @@ Check the top-level render call using <` + m + ">.");
             return Fn !== "key";
           }), Ze = J.length > 0 ? "{key: someKey, " + J.join(": ..., ") + ": ...}" : "{key: someKey}";
           if (!ht[ce + Ze]) {
-            var Dn = 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, Dn, ce), ht[ce + Ze] = !0;
+  <%s key={someKey} {...props} />`, Ze, ce, Mn, ce), ht[ce + Ze] = !0;
           }
         }
-        return r === o ? jn(U) : Sn(U), U;
+        return r === o ? Pn($) : jn($), $;
       }
     }
     function Ln(r, h, m) {
       return mt(r, h, m, !0);
     }
-    function Pn(r, h, m) {
+    function In(r, h, m) {
       return mt(r, h, m, !1);
     }
-    var In = Pn, kn = Ln;
-    we.Fragment = o, we.jsx = In, we.jsxs = kn;
+    var kn = In, Dn = Ln;
+    we.Fragment = o, we.jsx = kn, we.jsxs = Dn;
   })()), we;
 }
 var xt;
-function Zn() {
-  return xt || (xt = 1, process.env.NODE_ENV === "production" ? Pe.exports = zn() : Pe.exports = Wn()), Pe.exports;
-}
-var s = Zn();
-const qn = "_playerNotice_x3acc_1", Kn = "_playerNoticeTitle_x3acc_19", Yn = "_playerNoticeText_x3acc_28", Xn = "_playerNoticeLowZIndex_x3acc_37", ie = {
-  playerNotice: qn,
-  playerNoticeTitle: Kn,
-  playerNoticeText: Yn,
-  playerNoticeLowZIndex: Xn
-}, Ot = typeof window != "undefined" ? An : O;
+function qn() {
+  return xt || (xt = 1, process.env.NODE_ENV === "production" ? Le.exports = Wn() : Le.exports = Zn()), Le.exports;
+}
+var s = qn();
+const Kn = "_playerNotice_x3acc_1", Yn = "_playerNoticeTitle_x3acc_19", Xn = "_playerNoticeText_x3acc_28", Gn = "_playerNoticeLowZIndex_x3acc_37", ie = {
+  playerNotice: Kn,
+  playerNoticeTitle: Yn,
+  playerNoticeText: Xn,
+  playerNoticeLowZIndex: Gn
+}, Ot = typeof window != "undefined" ? On : D;
 function Ve(e, t) {
   const n = V(e);
   Ot(() => {
     n.current = e;
-  }, [e]), O(() => {
+  }, [e]), D(() => {
     if (t === null)
       return;
     const o = setInterval(() => {
@@ -900,11 +900,11 @@ function Ve(e, t) {
     };
   }, [t]);
 }
-function Gn(e) {
+function Jn(e) {
   const [, t] = G(0);
   Ve(() => t((n) => n + 1), e);
 }
-const Jn = () => Pt((e) => ({
+const Qn = () => Lt((e) => ({
   delay: 0,
   startDate: null,
   viewerCount: null,
@@ -913,18 +913,18 @@ const Jn = () => Pt((e) => ({
   setViewerCount: (t) => e({ viewerCount: t })
 })), Ht = jt(
   null
-), Qn = ({ children: e }) => {
+), er = ({ children: e }) => {
   const t = V(
     null
   );
-  return t.current || (t.current = Jn()), /* @__PURE__ */ s.jsx(Ht.Provider, { value: t.current, children: e });
+  return t.current || (t.current = Qn()), /* @__PURE__ */ s.jsx(Ht.Provider, { value: t.current, children: e });
 }, A = (e) => {
-  const t = Lt(Ht);
+  const t = Pt(Ht);
   if (!t)
     throw new Error("usePlayerStore must be used within PlayerStoreProvider");
   return It(t, e);
 };
-function er(e, t, n) {
+function tr(e, t, n) {
   const o = {
     days: 86400,
     hours: 3600,
@@ -934,15 +934,15 @@ function er(e, t, n) {
   };
   return e * (o[t] / o[n]);
 }
-function tr(e) {
-  return er(e, "milliseconds", "seconds");
+function nr(e) {
+  return tr(e, "milliseconds", "seconds");
 }
 const _e = (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)}`;
 };
-function nr(e, t) {
+function rr(e, t) {
   var n, o, a, l, u, i;
   if (typeof Intl != "undefined" && Intl.DateTimeFormat)
     try {
@@ -964,17 +964,17 @@ function nr(e, t) {
       ) - 1, g = parseInt(
         ((a = d.find((S) => S.type === "day")) == null ? void 0 : a.value) || "0",
         10
-      ), L = parseInt(
+      ), P = parseInt(
         ((l = d.find((S) => S.type === "hour")) == null ? void 0 : l.value) || "0",
         10
-      ), D = parseInt(
+      ), k = parseInt(
         ((u = d.find((S) => S.type === "minute")) == null ? void 0 : u.value) || "0",
         10
       ), _ = parseInt(
         ((i = d.find((S) => S.type === "second")) == null ? void 0 : i.value) || "0",
         10
       );
-      return new Date(v, y, g, L, D, _);
+      return new Date(v, y, g, P, k, _);
     } catch (c) {
       return console.warn(
         `Failed to convert date to timezone ${t}, returning original date:`,
@@ -990,23 +990,23 @@ function $t(e) {
   const t = typeof window != "undefined" && ((n = window.navigator) == null ? void 0 : n.userAgent) || "";
   return e.test(t);
 }
-const Ut = $t(/iPhone|iPad|iPod/i), rr = $t(/Tizen/i);
-function or() {
+const Ut = $t(/iPhone|iPad|iPod/i), or = $t(/Tizen/i);
+function ir() {
   const e = document;
   return !!(e.fullscreenElement || e.mozFullScreenElement || e.webkitFullscreenElement || e.msFullscreenElement);
 }
-function ir(e) {
+function sr(e) {
   e.requestFullscreen ? e.requestFullscreen() : e.msRequestFullscreen ? e.msRequestFullscreen() : e.webkitRequestFullScreen ? e.webkitRequestFullScreen() : e.webkitEnterFullScreen ? e.webkitEnterFullScreen() : e.mozRequestFullScreen && e.mozRequestFullScreen();
 }
-function sr(e) {
+function ar(e) {
   e.exitFullscreen ? e.exitFullscreen() : e.msExitFullscreen ? e.msExitFullscreen() : e.webkitExitFullscreen ? e.webkitExitFullscreen() : e.mozCancelFullScreen && e.mozCancelFullScreen();
 }
-function ar(e, t) {
+function lr(e, t) {
   return e.addEventListener("fullscreenchange", t), e.addEventListener("webkitfullscreenchange", t), e.addEventListener("mozfullscreenchange", t), e.addEventListener("MSFullscreenChange", t), () => {
     e.removeEventListener("fullscreenchange", t), e.removeEventListener("webkitfullscreenchange", t), e.removeEventListener("mozfullscreenchange", t), e.removeEventListener("MSFullscreenChange", t);
   };
 }
-const lr = () => On(), cr = (e, t) => ({
+const cr = () => Hn(), ur = (e, t) => ({
   currentTime: 0,
   duration: 0,
   isEnded: !1,
@@ -1118,7 +1118,7 @@ const lr = () => On(), cr = (e, t) => ({
     }));
   },
   getPauseTimeDiff: () => !t().isStarted || !t().pauseTime ? 0 : parseInt(
-    tr(Date.now() - t().pauseTime).toFixed(0)
+    nr(Date.now() - t().pauseTime).toFixed(0)
   ),
   play: () => {
     const n = t().techRef.current;
@@ -1165,11 +1165,11 @@ const lr = () => On(), cr = (e, t) => ({
       isLoading: !1
     });
   }
-}), ur = (e, t) => ({
+}), dr = (e, t) => ({
   isIdle: !1,
   setIsIdle: (n) => e({ isIdle: n }),
   resetIdle: () => t().eventEmitter.emit("resetIdle")
-}), dr = (e) => ({
+}), fr = (e) => ({
   idleLocks: /* @__PURE__ */ new Set(),
   addIdleLock: (t) => e((n) => ({
     idleLocks: new Set(n.idleLocks).add(t)
@@ -1178,48 +1178,48 @@ const lr = () => On(), cr = (e, t) => ({
     const o = new Set(n.idleLocks);
     return o.delete(t), { idleLocks: o };
   })
-}), fr = (e, t) => ({
+}), hr = (e, t) => ({
   level: null,
   levels: null,
   setLevels: (n) => e({ levels: n }),
   setLevel: (n) => {
     n && t().eventEmitter.emit("qualityChange", { level: n }), e({ level: n });
   }
-}), hr = (e, t) => ({
+}), mr = (e, t) => ({
   isFullscreen: !1,
   isFullscreenReady: !1,
   exitFullscreen: () => {
-    t().eventEmitter.emit("fullscreenChange", { isFullscreen: !1 }), sr(document), e({ isFullscreen: !1 });
+    t().eventEmitter.emit("fullscreenChange", { isFullscreen: !1 }), ar(document), e({ isFullscreen: !1 });
   },
   requestFullscreen: () => {
     const n = t().techRef.current, o = t().containerRef.current;
     if (!n || !o) return;
     t().eventEmitter.emit("fullscreenChange", { isFullscreen: !0 });
     const a = Ut ? n : o;
-    a && ir(a), e({ isFullscreen: !0 });
+    a && sr(a), e({ isFullscreen: !0 });
   },
   setIsFullscreen: (n) => e({ isFullscreen: n }),
   setIsFullscreenReady: (n) => e({ isFullscreenReady: n })
-}), mr = (e) => ({
+}), pr = (e) => ({
   error: null,
   setError: (t) => e({ error: t })
-}), pr = () => ({
-  eventEmitter: lr()
-}), vr = (e) => () => j({}, e), yr = (e, t) => Pt()((...n) => j(j(j(j(j(j(j(j({}, cr(...n)), ur(...n)), dr(...n)), hr(...n)), fr(...n)), mr(...n)), pr(...n)), vr({
+}), vr = () => ({
+  eventEmitter: cr()
+}), yr = (e) => () => j({}, e), gr = (e, t) => Lt()((...n) => j(j(j(j(j(j(j(j({}, ur(...n)), dr(...n)), fr(...n)), mr(...n)), hr(...n)), pr(...n)), vr(...n)), yr({
   techRef: e,
   containerRef: t
 })(...n))), Bt = jt(null);
-function gr({ children: e }) {
+function wr({ children: e }) {
   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 });
+  return t.current || (t.current = gr(n, o)), /* @__PURE__ */ s.jsx(Bt.Provider, { value: t.current, children: e });
 }
 const f = (e) => {
-  const t = Lt(Bt);
+  const t = Pt(Bt);
   if (!t)
     throw new Error("usePlayerStore must be used within PlayerStoreProvider");
   return It(t, e);
 };
-function wr(e) {
+function xr(e) {
   const t = e.split(`
 `);
   for (const n of t) {
@@ -1227,12 +1227,12 @@ function wr(e) {
     if (o.startsWith("#EXT-X-PROGRAM-DATE-TIME:")) {
       const a = o.replace("#EXT-X-PROGRAM-DATE-TIME:", "").trim(), l = new Date(a);
       if (!isNaN(l.getTime()))
-        return nr(l, "Europe/Sarajevo");
+        return rr(l, "Europe/Sarajevo");
     }
   }
   return null;
 }
-function xr(e, t) {
+function _r(e, t) {
   const n = e.split(`
 `);
   let o = !1;
@@ -1259,19 +1259,19 @@ function xr(e, t) {
   }
   return null;
 }
-function _r(e) {
+function Tr(e) {
   return e.replace("playlist.m3u8", "playlist_fmp4_dvr.m3u8");
 }
-async function Tr(e) {
+async function Cr(e) {
   try {
-    const t = _r(e);
+    const t = Tr(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 = xr(
+    const o = await n.text(), a = _r(
       o,
       t
     );
@@ -1283,32 +1283,32 @@ async function Tr(e) {
       throw new Error(
         `Failed to fetch chunklist: ${l.status} ${l.statusText}`
       );
-    const u = await l.text(), i = wr(u);
+    const u = await l.text(), i = xr(u);
     return i ? console.log("Successfully detected start time:", i.toISOString()) : console.log(" No start time found in chunklist"), i;
   } catch (t) {
     return console.error("Error getting start time from HLS URL:", t), null;
   }
 }
-function Cr(n) {
+function Er(n) {
   var o = n, { url: e } = o, t = ne(o, ["url"]);
   const [a, l] = G(!0), u = A((d) => d.startDate), i = A((d) => d.setStartDate), c = W(async () => {
-    const d = await Tr(e);
+    const d = await Cr(e);
     d && i(d);
   }, [e, i]);
-  return O(() => {
+  return D(() => {
     (async () => {
       l(!0), await c(), l(!1);
     })();
-  }, [c]), Ve(c, u ? null : 5e3), a ? null : /* @__PURE__ */ s.jsx(Er, j({}, t));
+  }, [c]), Ve(c, u ? null : 5e3), a ? null : /* @__PURE__ */ s.jsx(Rr, j({}, t));
 }
-function Er({
+function Rr({
   children: e,
   messages: t = {}
 }) {
   var u, i, c;
   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,
+  return Jn(o ? null : 5e3), n ? Date.now() < n.getTime() ? /* @__PURE__ */ s.jsx(
+    br,
     {
       startDate: n,
       title: (i = t == null ? void 0 : t.eventNotStarted) != null ? i : "Event has not started yet.",
@@ -1316,7 +1316,7 @@ function Er({
     }
   ) : /* @__PURE__ */ s.jsx(s.Fragment, { children: e }) : /* @__PURE__ */ s.jsx("div", { className: ie.playerNotice, children: /* @__PURE__ */ s.jsx("h3", { className: ie.playerNoticeTitle, children: (u = t == null ? void 0 : t.eventNotStarted) != null ? u : "Event has not started yet." }) });
 }
-function Rr({ startDate: e, title: t, message: n }) {
+function br({ startDate: e, title: t, message: n }) {
   const o = e.getTime() - Date.now(), a = Math.floor(o / (1e3 * 60 * 60)), l = Math.floor(
     o % (1e3 * 60 * 60) / (1e3 * 60)
   );
@@ -1331,20 +1331,20 @@ function Rr({ startDate: e, title: t, message: n }) {
 }
 function zt({ callback: e }) {
   const t = f((n) => n.eventEmitter);
-  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);
+  return D(() => {
+    const n = () => e("play", void 0), o = () => e("pause", void 0), a = () => e("ended", void 0), l = () => e("seeking", void 0), u = () => e("seeked", void 0), i = (_) => e("volumeChange", _), c = (_) => e("fullscreenChange", _), d = (_) => e("qualityChange", _), v = (_) => e("loadedMetadata", _), y = () => e("loadStart", void 0), g = () => e("playing", void 0), P = () => e("waiting", void 0), k = () => e("error", void 0);
+    return t.on("play", n), t.on("pause", o), t.on("ended", a), t.on("seeking", l), t.on("seeked", u), t.on("volumeChange", i), t.on("fullscreenChange", c), t.on("qualityChange", d), t.on("loadedMetadata", v), t.on("loadStart", y), t.on("playing", g), t.on("waiting", P), t.on("error", k), () => {
+      t.off("play", n), t.off("pause", o), t.off("ended", a), t.off("seeking", l), t.off("seeked", u), t.off("volumeChange", i), t.off("fullscreenChange", c), t.off("qualityChange", d), t.off("loadedMetadata", v), t.off("loadStart", y), t.off("playing", g), t.off("waiting", P), t.off("error", k);
     };
   }, [e, t]), null;
 }
 const Wt = (e, t = 0) => parseInt(
   Math.max(0, (Date.now() - (e + t * 1e3)) / 1e3).toFixed(0)
-), Zt = (e, t) => Math.max(0, (Date.now() - e - t * 1e3) / 1e3), br = (e, t) => Math.max(0, (t - e) / 1e3), Sr = (e, t = 0) => {
+), Zt = (e, t) => Math.max(0, (Date.now() - e - t * 1e3) / 1e3), Sr = (e, t) => Math.max(0, (t - e) / 1e3), jr = (e, t = 0) => {
   const o = t < 0 ? 0 : t, a = ["bytes", "kb", "mb", "gb", "tb", "pb", "eb", "zb", "yb"], l = Math.floor(Math.log(e) / Math.log(1024));
   return `${parseFloat((e / Math.pow(1024, l)).toFixed(o))}${a[l]}`;
 };
-function jr({
+function Pr({
   isAuto: e,
   level: t,
   levels: n
@@ -1362,7 +1362,7 @@ function jr({
     const { bitrate: u, height: i, index: c } = l;
     a.push({
       sid: `quality-level-${c}`,
-      label: i ? `${i}p` : Sr(u),
+      label: i ? `${i}p` : jr(u),
       value: c,
       selected: o === 1 || !e && c === t
     });
@@ -1370,7 +1370,7 @@ function jr({
 }
 function Lr({ callback: e }) {
   const t = A((l) => l.delay), n = A((l) => l.startDate), o = n ? n.getTime() : 0, a = f((l) => l.eventEmitter);
-  return O(() => {
+  return D(() => {
     const l = () => e("timeUpdate", {
       currentTime: Zt(o, t),
       duration: -1
@@ -1411,11 +1411,11 @@ function qt() {
       l
     ]
   );
-  return O(() => (document.addEventListener("keydown", u), () => {
+  return D(() => (document.addEventListener("keydown", u), () => {
     document.removeEventListener("keydown", u);
   }), [u]), null;
 }
-function Pr() {
+function Ir() {
   const e = A((i) => i.delay), t = f((i) => i.isPlaying), n = f((i) => i.pause), o = f((i) => i.getPauseTimeDiff), a = f((i) => i.play), l = A((i) => i.setDelay), u = W(
     (i) => {
       let c = !1;
@@ -1442,24 +1442,24 @@ function Pr() {
     },
     [e, o, t, n, a, l]
   );
-  return O(() => (document.addEventListener("keydown", u), () => {
+  return D(() => (document.addEventListener("keydown", u), () => {
     document.removeEventListener("keydown", u);
   }), [u]), /* @__PURE__ */ s.jsx(qt, {});
 }
 function Kt({ children: e }) {
-  return /* @__PURE__ */ s.jsx(gr, { children: e });
+  return /* @__PURE__ */ s.jsx(wr, { children: e });
 }
-function Ir({ children: e }) {
-  return /* @__PURE__ */ s.jsx(Qn, { children: /* @__PURE__ */ s.jsx(Kt, { children: e }) });
+function kr({ children: e }) {
+  return /* @__PURE__ */ s.jsx(er, { children: /* @__PURE__ */ s.jsx(Kt, { children: e }) });
 }
-function kr({ url: e, isLive: t, messages: n }) {
-  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(
+function Dr({ url: e, isLive: t, messages: n }) {
+  const o = V(null), a = f((x) => x.level), l = f((x) => x.levels), u = f((x) => x.setLevel), i = f((x) => x.setLevels), c = f((x) => x.techRef), d = f((x) => x.setError), v = V(0), y = V(null), g = 50, P = 1e4, k = W(
     (x) => {
       if (o.current && (o.current.nextLevel = x, u(null), l)) {
-        const I = l.map((p) => he(j({}, p), {
+        const M = l.map((p) => he(j({}, p), {
           selected: p.value === x
         }));
-        i(I);
+        i(M);
       }
     },
     [l, u, i, o]
@@ -1468,42 +1468,38 @@ function kr({ 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, I = o.current.currentLevel, p = o.current.autoLevelEnabled;
+    const x = o.current.levels, M = o.current.currentLevel, p = o.current.autoLevelEnabled;
     i(
-      jr({
-        levels: x.map(($, Y) => {
-          const { bitrate: B, height: F, width: k } = $;
+      Pr({
+        levels: x.map((U, Y) => {
+          const { bitrate: z, height: O, width: I } = U;
           return {
-            bitrate: B,
-            height: F,
+            bitrate: z,
+            height: O,
             index: Y,
-            width: k
+            width: I
           };
         }),
-        level: I,
+        level: M,
         isAuto: p
       })
     );
   }, [d, i]), N = W(
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    (x, I) => {
-      var p, $;
-      if (o.current && I.fatal)
-        switch (I.type) {
+    (x, M) => {
+      var p;
+      if (o.current && M.fatal)
+        switch (M.type) {
           case re.ErrorTypes.NETWORK_ERROR:
-            let Y = (p = n == null ? void 0 : n.unableToPlay) != null ? p : "Unable to play the video. Please try again later.", B = "NETWORK_ERROR";
-            console.log("[Player][HLS] NETWORK_ERROR", 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" });
+            let U = (p = n == null ? void 0 : n.unableToPlay) != null ? p : "Unable to play the video. Please try again later.", Y = "NETWORK_ERROR";
+            console.log("[Player][HLS] NETWORK_ERROR", M), t ? (v.current < g && (y.current && clearTimeout(y.current), v.current += 1, y.current = setTimeout(() => {
+              if (o.current)
+                try {
+                  console.log("[Player][HLS] Retrying stream..."), o.current.loadSource(e);
+                } catch (z) {
+                  console.error("[Player][HLS] Retry failed:", z);
+                }
+            }, P)), Y = "LIVE_MANIFEST_LOAD_ERROR") : o.current.startLoad(), d({ message: U, code: Y, tech: "hls" });
             break;
           case re.ErrorTypes.MEDIA_ERROR:
             o.current.recoverMediaError();
@@ -1518,11 +1514,11 @@ function kr({ url: e, isLive: t, messages: n }) {
       maxBufferSize: 30 * 1024 * 1024
       // 30MB
     };
-    rr ? (x.backBufferLength = -1, x.enableWorker = !1) : t ? x.backBufferLength = 10 : x.backBufferLength = 60;
+    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, N);
-    } catch (I) {
-      throw new Error(`Error initializing Hls: ${I}`);
+    } catch (M) {
+      throw new Error(`Error initializing Hls: ${M}`);
     }
   }, [
     S,
@@ -1531,15 +1527,15 @@ function kr({ url: e, isLive: t, messages: n }) {
     t,
     c,
     e
-  ]), P = W(() => {
+  ]), L = W(() => {
     o.current && (o.current.off(re.Events.MEDIA_ATTACHED, _), o.current.off(re.Events.MANIFEST_LOADED, S), o.current.off(re.Events.ERROR, N), o.current.destroy(), o.current = null), y.current && (clearTimeout(y.current), y.current = null), v.current = 0;
   }, [S, _, N]);
-  return O(() => {
-    a !== null && D(a);
-  }, [a, D]), O(() => (re.isSupported() && R(), P), [P, R]), null;
+  return D(() => {
+    a !== null && k(a);
+  }, [a, k]), D(() => (re.isSupported() && R(), L), [L, R]), null;
 }
-const Dr = "_playerVideo_wc0sm_1", Fr = {
-  playerVideo: Dr
+const Mr = "_playerVideo_wc0sm_1", Fr = {
+  playerVideo: Mr
 };
 function Yt({
   url: e,
@@ -1547,7 +1543,7 @@ function Yt({
   isMuted: n = !1,
   messages: o = {}
 }) {
-  const a = f((p) => p.handleDurationChange), l = f((p) => p.handleEnd), u = f((p) => p.handleLoadedMetadata), i = f((p) => p.handleLoadStart), c = f((p) => p.handlePause), d = f((p) => p.handlePlay), v = f((p) => p.handlePlaying), y = f((p) => p.handleSeeked), g = f((p) => p.handleSeeking), L = f((p) => p.handleTimeUpdate), D = f((p) => p.handleWaiting), _ = f((p) => p.handleVolumeChange), S = f((p) => p.handleError), N = f((p) => p.techRef), R = V(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), P = f((p) => p.handleTimeUpdate), k = f((p) => p.handleWaiting), _ = f((p) => p.handleVolumeChange), S = f((p) => p.handleError), N = f((p) => p.techRef), R = V(null), L = () => t ? {
     onTimeUpdate: x
   } : {
     onDurationChange: a,
@@ -1555,10 +1551,10 @@ function Yt({
     onSeeking: g,
     onTimeUpdate: x
   }, x = () => {
-    (!R.current || Date.now() - R.current >= 1e3) && (L(), R.current = Date.now());
-  }, I = P();
+    (!R.current || Date.now() - R.current >= 1e3) && (P(), R.current = Date.now());
+  }, M = L();
   return /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-    /* @__PURE__ */ s.jsx(kr, { isLive: t, url: e, messages: o }),
+    /* @__PURE__ */ s.jsx(Dr, { isLive: t, url: e, messages: o }),
     /* @__PURE__ */ s.jsx(
       "video",
       j({
@@ -1577,27 +1573,27 @@ function Yt({
         onPause: c,
         onPlay: d,
         onPlaying: v,
-        onWaiting: D,
+        onWaiting: k,
         onVolumeChange: _,
         tabIndex: -1
-      }, I)
+      }, M)
     )
   ] });
 }
-function Mr({ url: e, messages: t = {} }) {
+function Nr({ url: e, messages: t = {} }) {
   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 O(() => {
+  return D(() => {
     l();
   }, [l]), n ? /* @__PURE__ */ s.jsx(Yt, { url: n, isLive: !0, messages: t }) : null;
 }
-function Nr({ url: e }) {
-  return f((n) => n.isStarted) ? /* @__PURE__ */ s.jsx(Vr, { url: e }) : null;
-}
 function Vr({ url: e }) {
+  return f((n) => n.isStarted) ? /* @__PURE__ */ s.jsx(Ar, { url: e }) : null;
+}
+function Ar({ url: e }) {
   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;
@@ -1627,11 +1623,11 @@ function Vr({ url: e }) {
       console.error("Failed to fetch viewer count:", d), t(null);
     }
   };
-  return O(() => (a(), () => {
+  return D(() => (a(), () => {
     n.current && n.current.abort();
   }), [e]), Ve(a, 15e3), null;
 }
-function Ar(e, {
+function Or(e, {
   defaultValue: t = !1,
   initializeWithValue: n = !0
 } = {}) {
@@ -1648,13 +1644,13 @@ function Ar(e, {
     };
   }, [e]), a;
 }
-const Or = "_playbackButton_lgsgw_1", Hr = "_seekIndicator_lgsgw_23", $r = "_seekIndicatorLeft_lgsgw_49", Ur = "_seekIndicatorRight_lgsgw_53", Br = "_seekIndicatorVisible_lgsgw_57", me = {
-  playbackButton: Or,
-  seekIndicator: Hr,
-  seekIndicatorLeft: $r,
-  seekIndicatorRight: Ur,
-  seekIndicatorVisible: Br
-}, zr = 10;
+const Hr = "_playbackButton_lgsgw_1", $r = "_seekIndicator_lgsgw_23", Ur = "_seekIndicatorLeft_lgsgw_49", Br = "_seekIndicatorRight_lgsgw_53", zr = "_seekIndicatorVisible_lgsgw_57", me = {
+  playbackButton: Hr,
+  seekIndicator: $r,
+  seekIndicatorLeft: Ur,
+  seekIndicatorRight: Br,
+  seekIndicatorVisible: zr
+}, Wr = 10;
 function Xt(i) {
   var c = i, {
     className: e,
@@ -1671,8 +1667,8 @@ function Xt(i) {
     "maxForwardTime",
     "maxBackwardTime"
   ]);
-  return Ar("(min-width: 1024px)") ? /* @__PURE__ */ s.jsx(Wr, j({ className: e, onClick: t }, u)) : /* @__PURE__ */ s.jsx(
-    Zr,
+  return Or("(min-width: 1024px)") ? /* @__PURE__ */ s.jsx(Zr, j({ className: e, onClick: t }, u)) : /* @__PURE__ */ s.jsx(
+    qr,
     j({
       className: e,
       maxForwardTime: a,
@@ -1682,32 +1678,32 @@ function Xt(i) {
     }, u)
   );
 }
-function Wr(o) {
+function Zr(o) {
   var a = o, { className: e, onClick: t } = a, n = ne(a, ["className", "onClick"]);
   const l = V(null), u = f((_) => _.exitFullscreen), i = f((_) => _.isFullscreen), c = f((_) => _.requestFullscreen), d = f((_) => _.resetIdle), v = (_) => {
-    L() ? (g(), i ? u() : c()) : y(_);
+    P() ? (g(), i ? u() : c()) : y(_);
   }, y = (_) => {
     l.current = window.setTimeout(() => {
       t == null || t(_), g();
     }, 200);
   }, g = () => {
     l.current !== null && (window.clearTimeout(l.current), l.current = null);
-  }, L = () => l.current !== null, D = () => {
+  }, P = () => l.current !== null, k = () => {
     d();
   };
-  return O(() => () => {
+  return D(() => () => {
     g();
   }, []), /* @__PURE__ */ s.jsx(
     "button",
     j({
       onClick: v,
-      onMouseMove: D,
+      onMouseMove: k,
       className: [me.playbackButton, e].filter(Boolean).join(" "),
       "aria-label": "Player gestures"
     }, n)
   );
 }
-function Zr(u) {
+function qr(u) {
   var i = u, {
     className: e,
     maxForwardTime: t,
@@ -1725,26 +1721,26 @@ function Zr(u) {
     single: null,
     indicator: null,
     accumulate: null
-  }), 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) => {
+  }), v = V(null), y = V(0), g = V(null), [P, k] = G({ visible: !1, direction: null, time: 0 }), _ = f((p) => p.isIdle), S = f((p) => p.setIsIdle), N = f((p) => p.resetIdle), R = (p, U) => p < U / 2 ? "backward" : "forward", L = (p) => {
     if (!v.current) return;
-    const $ = p.changedTouches[0];
-    if (!$) return;
-    const Y = Date.now(), B = v.current.getBoundingClientRect(), F = $.clientX - B.left, k = $.clientY - B.top;
-    if (F < 0 || F > B.width || k < 0 || k > B.height)
+    const U = p.changedTouches[0];
+    if (!U) return;
+    const Y = Date.now(), z = v.current.getBoundingClientRect(), O = U.clientX - z.left, I = U.clientY - z.top;
+    if (O < 0 || O > z.width || I < 0 || I > z.height)
       return;
-    const Q = c.current, K = Q ? Y - Q.time : 1 / 0, Z = R(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) {
+    const Q = c.current, K = Q ? Y - Q.time : 1 / 0, Z = R(O, z.width), oe = g.current !== null && g.current === Z && Q !== null && K < 700 && Math.abs(O - Q.x) < 100;
+    if (Q !== null && g.current === null && K < 300 && Math.abs(O - Q.x) < 50 || oe) {
       p.preventDefault(), p.stopPropagation(), d.current.single && (window.clearTimeout(d.current.single), d.current.single = null), N(), (g.current === null || g.current !== Z) && (y.current = 0, g.current = Z);
       const te = Z === "backward" ? n : t;
       y.current = Math.min(
-        y.current + zr,
+        y.current + Wr,
         te != null ? te : 1 / 0
       ), x(Z, y.current), d.current.accumulate && window.clearTimeout(d.current.accumulate), d.current.accumulate = window.setTimeout(() => {
         const q = y.current;
-        q > 0 && (g.current === "backward" ? a == null || a(q) : o == null || o(q), N()), y.current = 0, g.current = null, c.current = null, I(), d.current.accumulate = null;
-      }, 500), c.current = { time: Y, x: F };
+        q > 0 && (g.current === "backward" ? a == null || a(q) : o == null || o(q), N()), y.current = 0, g.current = null, c.current = null, M(), d.current.accumulate = null;
+      }, 500), c.current = { time: Y, x: O };
     } else {
-      c.current = { time: Y, x: F }, d.current.single && window.clearTimeout(d.current.single);
+      c.current = { time: Y, x: O }, d.current.single && window.clearTimeout(d.current.single);
       const te = g.current !== null ? 700 : 350;
       d.current.single = window.setTimeout(() => {
         if (g.current === null) {
@@ -1755,38 +1751,38 @@ function Zr(u) {
         c.current = null;
       }, te);
     }
-  }, x = (p, $) => {
-    $ !== 0 && (D({ visible: !0, direction: p, time: $ }), d.current.indicator && window.clearTimeout(d.current.indicator), d.current.indicator = window.setTimeout(() => {
-      I();
+  }, x = (p, U) => {
+    U !== 0 && (k({ visible: !0, direction: p, time: U }), d.current.indicator && window.clearTimeout(d.current.indicator), d.current.indicator = window.setTimeout(() => {
+      M();
     }, 700));
-  }, I = () => {
-    D({ visible: !1, direction: null, time: 0 }), d.current.indicator && (window.clearTimeout(d.current.indicator), d.current.indicator = null);
+  }, M = () => {
+    k({ visible: !1, direction: null, time: 0 }), d.current.indicator && (window.clearTimeout(d.current.indicator), d.current.indicator = null);
   };
-  return O(() => () => {
+  return D(() => () => {
     d.current.single && window.clearTimeout(d.current.single), d.current.indicator && window.clearTimeout(d.current.indicator), d.current.accumulate && window.clearTimeout(d.current.accumulate);
   }, []), /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
     /* @__PURE__ */ s.jsx(
       "button",
       j({
         ref: v,
-        onTouchEnd: P,
+        onTouchEnd: L,
         className: [me.playbackButton, e].filter(Boolean).join(" "),
         "aria-label": "Player gestures"
       }, l)
     ),
-    L.visible && /* @__PURE__ */ s.jsxs(
+    P.visible && /* @__PURE__ */ s.jsxs(
       "div",
       {
-        className: `${me.seekIndicator} ${me.seekIndicatorVisible} ${L.direction === "backward" ? me.seekIndicatorLeft : me.seekIndicatorRight}`,
+        className: `${me.seekIndicator} ${me.seekIndicatorVisible} ${P.direction === "backward" ? me.seekIndicatorLeft : me.seekIndicatorRight}`,
         children: [
-          L.direction === "backward" ? "-" : "+",
-          _e(L.time)
+          P.direction === "backward" ? "-" : "+",
+          _e(P.time)
         ]
       }
     )
   ] });
 }
-function qr() {
+function Kr() {
   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,
@@ -1812,9 +1808,9 @@ function qr() {
     }
   );
 }
-const Kr = "_playerButton_izwqq_1", Yr = "_playerButtonCircle_izwqq_42", _t = {
-  playerButton: Kr,
-  playerButtonCircle: Yr
+const Yr = "_playerButton_izwqq_1", Xr = "_playerButtonCircle_izwqq_42", _t = {
+  playerButton: Yr,
+  playerButtonCircle: Xr
 }, le = Ne(
   (a, o) => {
     var l = a, { shape: e = "circle", className: t } = l, n = ne(l, ["shape", "className"]);
@@ -1823,12 +1819,12 @@ const Kr = "_playerButton_izwqq_1", Yr = "_playerButtonCircle_izwqq_42", _t = {
   }
 );
 le.displayName = "PlayerButton";
-const Xr = "_liveIndicator_1jczn_1", Gr = "_liveIndicatorHasDelay_1jczn_9", Jr = "_liveIndicatorNoDelay_1jczn_13", Ie = {
-  liveIndicator: Xr,
-  liveIndicatorHasDelay: Gr,
-  liveIndicatorNoDelay: Jr
+const Gr = "_liveIndicator_1jczn_1", Jr = "_liveIndicatorHasDelay_1jczn_9", Qr = "_liveIndicatorNoDelay_1jczn_13", Ie = {
+  liveIndicator: Gr,
+  liveIndicatorHasDelay: Jr,
+  liveIndicatorNoDelay: Qr
 };
-function Qr(n) {
+function eo(n) {
   var o = n, { message: e } = o, t = ne(o, ["message"]);
   const a = A((c) => c.delay), l = A((c) => c.setDelay), u = () => {
     a && l(0);
@@ -1860,7 +1856,7 @@ function Jt() {
     }
   );
 }
-function eo() {
+function to() {
   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();
@@ -1871,17 +1867,17 @@ function eo() {
   };
   return /* @__PURE__ */ s.jsx(le, { onClick: u, children: e ? /* @__PURE__ */ s.jsx(Gt, {}) : /* @__PURE__ */ s.jsx(Jt, {}) });
 }
-const to = "_progressSlider_hwzgf_1", no = "_tipContainer_hwzgf_7", ro = "_tipContainerVisible_hwzgf_17", oo = "_tipContainerHidden_hwzgf_22", io = "_tipContent_hwzgf_27", se = {
-  progressSlider: to,
-  tipContainer: no,
-  tipContainerVisible: ro,
-  tipContainerHidden: oo,
-  tipContent: io
-}, so = "_sliderRoot_aeak6_1", ao = "_sliderTrack_aeak6_18", lo = "_sliderRange_aeak6_28", co = "_sliderThumb_aeak6_37", ke = {
-  sliderRoot: so,
-  sliderTrack: ao,
-  sliderRange: lo,
-  sliderThumb: co
+const no = "_progressSlider_hwzgf_1", ro = "_tipContainer_hwzgf_7", oo = "_tipContainerVisible_hwzgf_17", io = "_tipContainerHidden_hwzgf_22", so = "_tipContent_hwzgf_27", se = {
+  progressSlider: no,
+  tipContainer: ro,
+  tipContainerVisible: oo,
+  tipContainerHidden: io,
+  tipContent: so
+}, ao = "_sliderRoot_aeak6_1", lo = "_sliderTrack_aeak6_18", co = "_sliderRange_aeak6_28", uo = "_sliderThumb_aeak6_37", ke = {
+  sliderRoot: ao,
+  sliderTrack: lo,
+  sliderRange: co,
+  sliderThumb: uo
 }, Ae = Ne((l, a) => {
   var u = l, { max: e = 100, min: t = 0, className: n } = u, o = ne(u, ["max", "min", "className"]);
   return /* @__PURE__ */ s.jsxs(
@@ -1906,7 +1902,7 @@ const to = "_progressSlider_hwzgf_1", no = "_tipContainer_hwzgf_7", ro = "_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,
@@ -1918,23 +1914,23 @@ function Me(e) {
   } : t;
 }
 const Tt = "vod-player-progress-bar";
-function uo() {
-  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(
+function fo() {
+  const e = V(null), t = V(null), [n, o] = G(0), [a, l] = G(0), [u, i] = G(!1), [c, d] = G(-1), [v, y] = G(-1), g = A((I) => I.delay), P = A((I) => I.startDate), k = P ? P.getTime() : 0, _ = (/* @__PURE__ */ new Date()).getTime(), S = A((I) => I.setDelay), N = f((I) => I.isPlaying), R = f((I) => I.addIdleLock), L = f((I) => I.removeIdleLock), x = W(() => {
+    o(Zt(k, g)), l(Sr(k, _));
+  }, [g, _, k]), M = parseFloat(
     (a ? (v !== -1 ? v : n) / a * 100 : 0).toFixed(1)
-  ), p = (k) => {
-    y(a * (k[0] / 100)), R(Tt);
-  }, $ = () => {
+  ), p = (I) => {
+    y(a * (I[0] / 100)), R(Tt);
+  }, U = () => {
     if (v !== -1) {
-      const k = Wt(D, v);
-      S(k), y(-1), P(Tt);
+      const I = Wt(k, v);
+      S(I), y(-1), L(Tt);
     }
-  }, Y = () => i(!0), B = () => i(!1), F = W(
-    (k) => {
+  }, 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 = (k.pageX || k.clientX) - Z.left, te = ue / Z.width;
+        const Z = Fe(Q), oe = Fe(K), ue = (I.pageX || I.clientX) - Z.left, te = ue / Z.width;
         if (te < 0) return;
         let q = ue - oe.width / 2;
         q < 0 && (q = 0), q > Z.width - oe.width && (q = -1), K.style.left = q > -1 ? `${q}px` : "auto", K.style.right = q > -1 ? "auto" : "0px";
@@ -1945,19 +1941,19 @@ function uo() {
     },
     [a]
   );
-  return Ve(() => x(), N ? 1e3 : null), O(() => {
+  return Ve(() => x(), N ? 1e3 : null), D(() => {
     x();
   }, [x]), /* @__PURE__ */ s.jsxs("div", { className: se.progressSlider, children: [
     /* @__PURE__ */ s.jsx(
       Ae,
       {
         ref: e,
-        value: [I],
-        onPointerLeave: B,
-        onPointerDown: B,
-        onPointerMove: F,
+        value: [M],
+        onPointerLeave: z,
+        onPointerDown: z,
+        onPointerMove: O,
         onValueChange: p,
-        onValueCommit: $,
+        onValueCommit: U,
         step: 0.1
       }
     ),
@@ -1971,7 +1967,7 @@ function uo() {
     )
   ] });
 }
-function fo() {
+function ho() {
   return /* @__PURE__ */ s.jsx(
     "svg",
     {
@@ -1982,17 +1978,17 @@ function fo() {
     }
   );
 }
-function ho() {
+function mo() {
   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, {}) });
+  return /* @__PURE__ */ s.jsx(le, { onClick: o, children: /* @__PURE__ */ s.jsx(ho, {}) });
 }
-const mo = "_viewersContainer_z1ihz_1", po = "_viewersIndicator_z1ihz_16", vo = "_viewersIcon_z1ihz_24", yo = "_viewersCount_z1ihz_28", De = {
-  viewersContainer: mo,
-  viewersIndicator: po,
-  viewersIcon: vo,
-  viewersCount: yo
+const po = "_viewersContainer_z1ihz_1", vo = "_viewersIndicator_z1ihz_16", yo = "_viewersIcon_z1ihz_24", go = "_viewersCount_z1ihz_28", De = {
+  viewersContainer: po,
+  viewersIndicator: vo,
+  viewersIcon: yo,
+  viewersCount: go
 };
-function go() {
+function wo() {
   const e = A((t) => t.viewerCount);
   return e ? /* @__PURE__ */ s.jsxs("div", { className: De.viewersContainer, children: [
     /* @__PURE__ */ s.jsx("span", { className: De.viewersIndicator }),
@@ -2038,17 +2034,17 @@ 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", z = {
-  playerContainer: wo,
-  controlsTop: xo,
-  controlsBottom: _o,
-  controlsContainer: To,
-  controlsRow: Co,
-  controlsSection: Eo,
-  controlsSectionStart: Ro,
-  controlsSectionEnd: bo
+const xo = "_playerContainer_146tx_1", _o = "_controlsTop_146tx_12", To = "_controlsBottom_146tx_29", Co = "_controlsContainer_146tx_45", Eo = "_controlsRow_146tx_61", Ro = "_controlsSection_146tx_68", bo = "_controlsSectionStart_146tx_78", So = "_controlsSectionEnd_146tx_82", B = {
+  playerContainer: xo,
+  controlsTop: _o,
+  controlsBottom: To,
+  controlsContainer: Co,
+  controlsRow: Eo,
+  controlsSection: Ro,
+  controlsSectionStart: bo,
+  controlsSectionEnd: So
 };
-function So() {
+function jo() {
   return /* @__PURE__ */ s.jsx(
     "svg",
     {
@@ -2059,7 +2055,7 @@ function So() {
     }
   );
 }
-function jo() {
+function Po() {
   return /* @__PURE__ */ s.jsx(
     "svg",
     {
@@ -2073,34 +2069,34 @@ 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 = W(
     (d) => {
-      d.stopPropagation(), a(or());
+      d.stopPropagation(), a(ir());
     },
     [a]
   ), c = () => {
     n ? t() : o();
   };
-  return O(() => {
+  return D(() => {
     const d = Ut ? u.current : e.current;
     if (d)
-      return ar(d, i);
-  }, [e, i, u]), O(() => {
+      return lr(d, i);
+  }, [e, i, u]), D(() => {
     l(!0);
-  }, [l]), /* @__PURE__ */ s.jsx(le, { onClick: c, children: n ? /* @__PURE__ */ s.jsx(jo, {}) : /* @__PURE__ */ s.jsx(So, {}) });
+  }, [l]), /* @__PURE__ */ s.jsx(le, { onClick: c, children: n ? /* @__PURE__ */ s.jsx(Po, {}) : /* @__PURE__ */ s.jsx(jo, {}) });
 }
-const Lo = "_idleCheckContainer_crh2s_1", Po = "_idleCheckContainerIdle_crh2s_5", Io = "_idleCheckContainerActive_crh2s_11", qe = {
+const Lo = "_idleCheckContainer_crh2s_1", Io = "_idleCheckContainerIdle_crh2s_5", ko = "_idleCheckContainerActive_crh2s_11", qe = {
   idleCheckContainer: Lo,
-  idleCheckContainerIdle: Po,
-  idleCheckContainerActive: Io
-}, ko = 5 * 1e3;
+  idleCheckContainerIdle: Io,
+  idleCheckContainerActive: ko
+}, Do = 5 * 1e3;
 function tn({ children: e }) {
   const t = V(null), n = f((g) => g.isIdle), o = f((g) => g.setIsIdle), a = V(null), u = f((g) => g.idleLocks).size, i = f((g) => g.eventEmitter), c = W(() => {
     a.current !== null && (window.clearTimeout(a.current), a.current = null);
   }, []), d = W(() => {
-    c(), a.current = window.setTimeout(() => o(!0), ko);
+    c(), a.current = window.setTimeout(() => o(!0), Do);
   }, [c]);
-  O(() => (o(!1), d(), () => {
+  D(() => (o(!1), d(), () => {
     c();
-  }), [c, d]), O(() => {
+  }), [c, d]), D(() => {
     const g = () => {
       o(!1), d();
     };
@@ -2111,30 +2107,30 @@ 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 Do = "_spinner_oo4hi_10", Fo = {
-  spinner: Do
+const Mo = "_spinner_oo4hi_10", Fo = {
+  spinner: Mo
 };
-function Mo(e) {
+function No(e) {
   return /* @__PURE__ */ s.jsx("div", j({ className: Fo.spinner }, e));
 }
-function No(e, t = 500) {
+function Vo(e, t = 500) {
   const [n, o] = G(e);
-  return O(() => {
+  return D(() => {
     const a = window.setTimeout(() => o(e), t);
     return () => {
       window.clearTimeout(a);
     };
   }, [e, t]), n;
 }
-const Vo = "_loadingContainer_v9v7r_1", Ao = {
-  loadingContainer: Vo
+const Ao = "_loadingContainer_v9v7r_1", Oo = {
+  loadingContainer: Ao
 };
 function nn(n) {
   var o = n, { style: e } = o, t = ne(o, ["style"]);
   const a = f((u) => u.isLoading);
-  return No(a, 100) ? /* @__PURE__ */ s.jsx("div", he(j({ className: Ao.loadingContainer, style: e }, t), { children: /* @__PURE__ */ s.jsx(Mo, {}) })) : null;
+  return Vo(a, 100) ? /* @__PURE__ */ s.jsx("div", he(j({ className: Oo.loadingContainer, style: e }, t), { children: /* @__PURE__ */ s.jsx(No, {}) })) : null;
 }
-function Oo() {
+function Ho() {
   return /* @__PURE__ */ s.jsx(
     "svg",
     {
@@ -2145,7 +2141,7 @@ function Oo() {
     }
   );
 }
-function Ho() {
+function $o() {
   return /* @__PURE__ */ s.jsx(
     "svg",
     {
@@ -2156,14 +2152,14 @@ function Ho() {
     }
   );
 }
-const $o = "_dropdownMenuContent_b7j6b_1", Uo = "_dropdownMenuItem_b7j6b_83", Bo = "_scrollAreaRoot_b7j6b_125", zo = "_scrollAreaViewport_b7j6b_133", Wo = "_scrollAreaScrollbar_b7j6b_141", Zo = "_scrollAreaThumb_b7j6b_168", pe = {
-  dropdownMenuContent: $o,
-  dropdownMenuItem: Uo,
-  scrollAreaRoot: Bo,
-  scrollAreaViewport: zo,
-  scrollAreaScrollbar: Wo,
-  scrollAreaThumb: Zo
-}, qo = Te.Root, Ko = Te.Trigger, Yo = Te.Portal, rn = Ne((l, a) => {
+const Uo = "_dropdownMenuContent_b7j6b_1", Bo = "_dropdownMenuItem_b7j6b_83", zo = "_scrollAreaRoot_b7j6b_125", Wo = "_scrollAreaViewport_b7j6b_133", Zo = "_scrollAreaScrollbar_b7j6b_141", qo = "_scrollAreaThumb_b7j6b_168", pe = {
+  dropdownMenuContent: Uo,
+  dropdownMenuItem: Bo,
+  scrollAreaRoot: zo,
+  scrollAreaViewport: Wo,
+  scrollAreaScrollbar: Zo,
+  scrollAreaThumb: qo
+}, Ko = Te.Root, Yo = Te.Trigger, Xo = Te.Portal, rn = Ne((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,
@@ -2179,19 +2175,19 @@ const $o = "_dropdownMenuContent_b7j6b_1", Uo = "_dropdownMenuItem_b7j6b_83", Bo
       }
     }, o), {
       children: /* @__PURE__ */ s.jsxs(
-        Le.Root,
+        Pe.Root,
         {
           className: pe.scrollAreaRoot,
           type: "always",
           scrollHideDelay: 0,
           children: [
-            /* @__PURE__ */ s.jsx(Le.Viewport, { className: pe.scrollAreaViewport, children: n }),
+            /* @__PURE__ */ s.jsx(Pe.Viewport, { className: pe.scrollAreaViewport, children: n }),
             /* @__PURE__ */ s.jsx(
-              Le.Scrollbar,
+              Pe.Scrollbar,
               {
                 className: pe.scrollAreaScrollbar,
                 orientation: "vertical",
-                children: /* @__PURE__ */ s.jsx(Le.Thumb, { className: pe.scrollAreaThumb })
+                children: /* @__PURE__ */ s.jsx(Pe.Thumb, { className: pe.scrollAreaThumb })
               }
             )
           ]
@@ -2229,22 +2225,22 @@ function sn() {
     },
     [o, a]
   );
-  return /* @__PURE__ */ s.jsxs(qo, { open: e, onOpenChange: i, children: [
-    /* @__PURE__ */ s.jsx(Ko, { asChild: !0, children: /* @__PURE__ */ s.jsx(le, { children: /* @__PURE__ */ s.jsx(Ho, {}) }) }),
-    /* @__PURE__ */ s.jsx(Yo, { container: n.current, children: /* @__PURE__ */ s.jsx(rn, { side: "top", align: "end", children: l == null ? void 0 : l.map((c) => /* @__PURE__ */ s.jsxs(
+  return /* @__PURE__ */ s.jsxs(Ko, { open: e, onOpenChange: i, children: [
+    /* @__PURE__ */ s.jsx(Yo, { asChild: !0, children: /* @__PURE__ */ s.jsx(le, { children: /* @__PURE__ */ s.jsx($o, {}) }) }),
+    /* @__PURE__ */ s.jsx(Xo, { container: n.current, children: /* @__PURE__ */ s.jsx(rn, { side: "top", align: "end", children: l == null ? void 0 : l.map((c) => /* @__PURE__ */ s.jsxs(
       on,
       {
         onClick: () => u(c.value),
         children: [
           c.label,
-          c.selected && /* @__PURE__ */ s.jsx(Oo, {})
+          c.selected && /* @__PURE__ */ s.jsx(Ho, {})
         ]
       },
       c.sid
     )) }) })
   ] });
 }
-function Xo() {
+function Go() {
   return /* @__PURE__ */ s.jsx(
     "svg",
     {
@@ -2255,7 +2251,7 @@ function Xo() {
     }
   );
 }
-function Go() {
+function Jo() {
   return /* @__PURE__ */ s.jsx(
     "svg",
     {
@@ -2266,7 +2262,7 @@ function Go() {
     }
   );
 }
-function Jo() {
+function Qo() {
   return /* @__PURE__ */ s.jsx(
     "svg",
     {
@@ -2277,9 +2273,9 @@ function Jo() {
     }
   );
 }
-const Qo = "_volumeContainer_4d6jg_1", ei = "_volumeSlider_4d6jg_8", Et = {
-  volumeContainer: Qo,
-  volumeSlider: ei
+const ei = "_volumeContainer_4d6jg_1", ti = "_volumeSlider_4d6jg_8", Et = {
+  volumeContainer: ei,
+  volumeSlider: ti
 }, Rt = "volume";
 function an() {
   const e = f((i) => i.setVolume), t = f((i) => i.volume), n = f((i) => i.addIdleLock), o = f((i) => i.removeIdleLock), a = (i) => {
@@ -2288,7 +2284,7 @@ function an() {
     o(Rt);
   }, u = () => e(t ? 0 : 100);
   return /* @__PURE__ */ s.jsxs("div", { className: Et.volumeContainer, children: [
-    /* @__PURE__ */ s.jsx(le, { onClick: u, className: "shrink-0", children: t ? t > 50 ? /* @__PURE__ */ s.jsx(Xo, {}) : /* @__PURE__ */ s.jsx(Go, {}) : /* @__PURE__ */ s.jsx(Jo, {}) }),
+    /* @__PURE__ */ s.jsx(le, { onClick: u, className: "shrink-0", children: t ? t > 50 ? /* @__PURE__ */ s.jsx(Go, {}) : /* @__PURE__ */ s.jsx(Jo, {}) : /* @__PURE__ */ s.jsx(Qo, {}) }),
     /* @__PURE__ */ s.jsx("div", { className: Et.volumeSlider, children: /* @__PURE__ */ s.jsx(
       Ae,
       {
@@ -2299,19 +2295,24 @@ function an() {
     ) })
   ] });
 }
-function yi(e) {
-  return /* @__PURE__ */ s.jsx(Ir, { children: /* @__PURE__ */ s.jsx(ti, j({}, e)) });
+const ni = "0.0.45", ln = {
+  version: ni
+};
+function wi(e) {
+  return /* @__PURE__ */ s.jsx(kr, { children: /* @__PURE__ */ s.jsx(ri, j({}, e)) });
 }
-function ti({ url: e, messages: t, onEvent: n }) {
+function ri({ url: e, messages: t, onEvent: n }) {
   const o = f((a) => a.containerRef);
-  return /* @__PURE__ */ s.jsxs(
+  return D(() => {
+    console.log(`[Player][Live] Version: ${ln.version}`);
+  }, []), /* @__PURE__ */ s.jsxs(
     "div",
     {
       ref: o,
-      className: z.playerContainer,
+      className: B.playerContainer,
       children: [
         /* @__PURE__ */ s.jsxs(
-          Cr,
+          Er,
           {
             url: e,
             messages: {
@@ -2320,7 +2321,7 @@ function ti({ url: e, messages: t, onEvent: n }) {
             },
             children: [
               /* @__PURE__ */ s.jsx(
-                Mr,
+                Nr,
                 {
                   url: e,
                   messages: {
@@ -2331,19 +2332,19 @@ function ti({ url: e, messages: t, onEvent: n }) {
               ),
               /* @__PURE__ */ s.jsx(Qt, {}),
               /* @__PURE__ */ s.jsx(nn, {}),
-              /* @__PURE__ */ s.jsx(qr, {}),
+              /* @__PURE__ */ s.jsx(Kr, {}),
               /* @__PURE__ */ s.jsxs(tn, { children: [
-                /* @__PURE__ */ s.jsx("div", { className: z.controlsTop, children: /* @__PURE__ */ s.jsx("div", { className: z.controlsContainer, children: /* @__PURE__ */ s.jsx("div", { className: z.controlsRow, children: /* @__PURE__ */ s.jsx(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: z.controlsRow, children: [
+                /* @__PURE__ */ s.jsx("div", { className: B.controlsTop, children: /* @__PURE__ */ s.jsx("div", { className: B.controlsContainer, children: /* @__PURE__ */ s.jsx("div", { className: B.controlsRow, children: /* @__PURE__ */ s.jsx(wo, {}) }) }) }),
+                /* @__PURE__ */ s.jsx("div", { className: B.controlsBottom, children: /* @__PURE__ */ s.jsxs("div", { className: B.controlsContainer, children: [
+                  /* @__PURE__ */ s.jsx(fo, {}),
+                  /* @__PURE__ */ s.jsxs("div", { className: B.controlsRow, children: [
                     /* @__PURE__ */ s.jsxs(
                       "div",
                       {
-                        className: `${z.controlsSection} ${z.controlsSectionStart}`,
+                        className: `${B.controlsSection} ${B.controlsSectionStart}`,
                         children: [
-                          /* @__PURE__ */ s.jsx(eo, {}),
-                          /* @__PURE__ */ s.jsx(ho, {}),
+                          /* @__PURE__ */ s.jsx(to, {}),
+                          /* @__PURE__ */ s.jsx(mo, {}),
                           /* @__PURE__ */ s.jsx(an, {})
                         ]
                       }
@@ -2351,9 +2352,9 @@ function ti({ url: e, messages: t, onEvent: n }) {
                     /* @__PURE__ */ s.jsxs(
                       "div",
                       {
-                        className: `${z.controlsSection} ${z.controlsSectionEnd}`,
+                        className: `${B.controlsSection} ${B.controlsSectionEnd}`,
                         children: [
-                          /* @__PURE__ */ s.jsx(Qr, { message: t == null ? void 0 : t.live }),
+                          /* @__PURE__ */ s.jsx(eo, { message: t == null ? void 0 : t.live }),
                           /* @__PURE__ */ s.jsx(sn, {}),
                           /* @__PURE__ */ s.jsx(en, {})
                         ]
@@ -2365,14 +2366,14 @@ function ti({ url: e, messages: t, onEvent: n }) {
             ]
           }
         ),
-        /* @__PURE__ */ s.jsx(Pr, {}),
-        /* @__PURE__ */ s.jsx(Nr, { url: e }),
+        /* @__PURE__ */ s.jsx(Ir, {}),
+        /* @__PURE__ */ s.jsx(Vr, { url: e }),
         n && /* @__PURE__ */ s.jsx(Lr, { callback: n })
       ]
     }
   );
 }
-function ni() {
+function oi() {
   const e = f((u) => u.isPlaying), t = f((u) => u.pause), n = f((u) => u.play), o = f((u) => u.currentTime), a = f((u) => u.duration), l = f((u) => u.seek);
   return /* @__PURE__ */ s.jsx(
     Xt,
@@ -2393,28 +2394,28 @@ function ni() {
     }
   );
 }
-function ri() {
+function ii() {
   const e = f((a) => a.isPlaying), t = f((a) => a.pause), n = f((a) => a.play), o = () => {
     e ? t() : n();
   };
   return /* @__PURE__ */ s.jsx(le, { onClick: o, children: e ? /* @__PURE__ */ s.jsx(Gt, {}) : /* @__PURE__ */ s.jsx(Jt, {}) });
 }
 const bt = "vod-player-progress-bar";
-function oi() {
-  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(
+function si() {
+  const e = V(null), t = V(null), [n, o] = G(!1), [a, l] = G(-1), [u, i] = G(-1), c = f((L) => L.currentTime), d = f((L) => L.duration), v = f((L) => L.seek), y = f((L) => L.addIdleLock), g = f((L) => L.removeIdleLock), P = parseFloat(
     (d ? (u !== -1 ? u : c) / d * 100 : 0).toFixed(1)
-  ), D = (P) => {
-    i(d * (P[0] / 100)), y(bt);
+  ), k = (L) => {
+    i(d * (L[0] / 100)), y(bt);
   }, _ = () => {
     u !== -1 && (v(u), i(-1), g(bt));
   }, 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), 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);
+    (L) => {
+      const x = e.current, M = t.current;
+      if (x && M) {
+        const p = Fe(x), U = Fe(M), Y = (L.pageX || L.clientX) - p.left, z = Y / p.width;
+        if (z < 0) return;
+        let O = Y - U.width / 2;
+        O < 0 && (O = 0), O > p.width - U.width && (O = -1), M.style.left = O > -1 ? `${O}px` : "auto", M.style.right = O > -1 ? "auto" : "0px", l(z * d);
       }
       S();
     },
@@ -2425,11 +2426,11 @@ function oi() {
       Ae,
       {
         ref: e,
-        value: [L],
+        value: [P],
         onPointerLeave: N,
         onPointerDown: N,
         onPointerMove: R,
-        onValueChange: D,
+        onValueChange: k,
         onValueCommit: _,
         step: 0.1
       }
@@ -2444,29 +2445,29 @@ function oi() {
     )
   ] });
 }
-const ii = "_remainingTimeContainer_1yyhb_1", si = "_remainingTime_1yyhb_1", ai = "_remainingSeparator_1yyhb_17", Fe = {
-  remainingTimeContainer: ii,
-  remainingTime: si,
-  remainingSeparator: ai
+const ai = "_remainingTimeContainer_1yyhb_1", li = "_remainingTime_1yyhb_1", ci = "_remainingSeparator_1yyhb_17", Me = {
+  remainingTimeContainer: ai,
+  remainingTime: li,
+  remainingSeparator: ci
 };
-function li() {
+function ui() {
   const e = f((n) => n.currentTime), t = f((n) => n.duration);
-  return /* @__PURE__ */ s.jsxs("div", { className: Fe.remainingTimeContainer, children: [
-    /* @__PURE__ */ s.jsx("p", { className: Fe.remainingTime, children: _e(e) }),
-    /* @__PURE__ */ s.jsx("p", { className: Fe.remainingSeparator }),
-    /* @__PURE__ */ s.jsx("p", { className: Fe.remainingTime, children: _e(t) })
+  return /* @__PURE__ */ s.jsxs("div", { className: Me.remainingTimeContainer, children: [
+    /* @__PURE__ */ s.jsx("p", { className: Me.remainingTime, children: _e(e) }),
+    /* @__PURE__ */ s.jsx("p", { className: Me.remainingSeparator }),
+    /* @__PURE__ */ s.jsx("p", { className: Me.remainingTime, children: _e(t) })
   ] });
 }
-function ci({ callback: e }) {
+function di({ callback: e }) {
   const t = f((n) => n.eventEmitter);
-  return O(() => {
+  return D(() => {
     const n = (o) => e("timeUpdate", o);
     return t.on("timeUpdate", n), () => {
       t.off("timeUpdate", n);
     };
   }, [e, t]), /* @__PURE__ */ s.jsx(zt, { callback: e });
 }
-function ui() {
+function fi() {
   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;
@@ -2487,45 +2488,47 @@ function ui() {
     },
     [e, t, n, o, a, l]
   );
-  return O(() => (document.addEventListener("keydown", u), () => {
+  return D(() => (document.addEventListener("keydown", u), () => {
     document.removeEventListener("keydown", u);
   }), [u]), /* @__PURE__ */ s.jsx(qt, {});
 }
-function gi(e) {
-  return /* @__PURE__ */ s.jsx(Kt, { children: /* @__PURE__ */ s.jsx(di, j({}, e)) });
+function xi(e) {
+  return /* @__PURE__ */ s.jsx(Kt, { children: /* @__PURE__ */ s.jsx(hi, j({}, e)) });
 }
-function di({ url: e, messages: t, onEvent: n, startTime: o }) {
+function hi({ url: e, messages: t, onEvent: n, startTime: o }) {
   const a = f((u) => u.setStartTime), l = f((u) => u.containerRef);
-  return O(() => {
+  return D(() => {
     o && a(o);
-  }, [o, a]), /* @__PURE__ */ s.jsxs(
+  }, [o, a]), D(() => {
+    console.log(`[Player][VOD] Version: ${ln.version}`);
+  }, []), /* @__PURE__ */ s.jsxs(
     "div",
     {
       ref: l,
-      className: z.playerContainer,
+      className: B.playerContainer,
       children: [
         /* @__PURE__ */ s.jsx(Yt, { url: e, isLive: !1, messages: t }),
         /* @__PURE__ */ s.jsx(Qt, {}),
         /* @__PURE__ */ s.jsx(nn, {}),
-        /* @__PURE__ */ s.jsx(ni, {}),
-        /* @__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: z.controlsRow, children: [
+        /* @__PURE__ */ s.jsx(oi, {}),
+        /* @__PURE__ */ s.jsx(tn, { children: /* @__PURE__ */ s.jsx("div", { className: B.controlsBottom, children: /* @__PURE__ */ s.jsxs("div", { className: B.controlsContainer, children: [
+          /* @__PURE__ */ s.jsx(si, {}),
+          /* @__PURE__ */ s.jsxs("div", { className: B.controlsRow, children: [
             /* @__PURE__ */ s.jsxs(
               "div",
               {
-                className: `${z.controlsSection} ${z.controlsSectionStart}`,
+                className: `${B.controlsSection} ${B.controlsSectionStart}`,
                 children: [
-                  /* @__PURE__ */ s.jsx(ri, {}),
+                  /* @__PURE__ */ s.jsx(ii, {}),
                   /* @__PURE__ */ s.jsx(an, {}),
-                  /* @__PURE__ */ s.jsx(li, {})
+                  /* @__PURE__ */ s.jsx(ui, {})
                 ]
               }
             ),
             /* @__PURE__ */ s.jsxs(
               "div",
               {
-                className: `${z.controlsSection} ${z.controlsSectionEnd}`,
+                className: `${B.controlsSection} ${B.controlsSectionEnd}`,
                 children: [
                   /* @__PURE__ */ s.jsx(sn, {}),
                   /* @__PURE__ */ s.jsx(en, {})
@@ -2534,14 +2537,14 @@ function di({ url: e, messages: t, onEvent: n, startTime: o }) {
             )
           ] })
         ] }) }) }),
-        /* @__PURE__ */ s.jsx(ui, {}),
-        n && /* @__PURE__ */ s.jsx(ci, { callback: n })
+        /* @__PURE__ */ s.jsx(fi, {}),
+        n && /* @__PURE__ */ s.jsx(di, { callback: n })
       ]
     }
   );
 }
 export {
-  yi as LivePlayer,
-  gi as VodPlayer
+  wi as LivePlayer,
+  xi as VodPlayer
 };
 //# sourceMappingURL=react-video-player.es.js.map