@halibegic/react-video-player 0.0.43 → 0.0.44

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, P = (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,14 +19,14 @@ 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 F, useRef as A, useState as G, createContext as jt, useContext as Pt, useCallback as W, forwardRef as Ne } from "react";
+import { create as Lt, useStore as kt } 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";
-function kt(e) {
+import * as Pe from "@radix-ui/react-scroll-area";
+function It(e) {
   var t = this.constructor;
   return this.then(
     function(n) {
@@ -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 N(e) {
+  if (!(this instanceof N))
     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, N._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 N) {
         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 && N._immediateFn(function() {
+    e._handled || N._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) {
+N.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;
+N.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) {
+N.prototype.finally = It;
+N.all = function(e) {
+  return new N(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) {
+N.any = Mt;
+N.allSettled = Dt;
+N.resolve = function(e) {
+  return e && typeof e == "object" && e.constructor === N ? e : new N(function(t) {
     t(e);
   });
 };
-M.reject = function(e) {
-  return new M(function(t, n) {
+N.reject = function(e) {
+  return new N(function(t, n) {
     n(e);
   });
 };
-M.race = function(e) {
-  return new M(function(t, n) {
+N.race = function(e) {
+  return new N(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);
+      N.resolve(e[o]).then(t, n);
   });
 };
-M._immediateFn = // @ts-ignore
+N._immediateFn = // @ts-ignore
 typeof setImmediate == "function" && function(e) {
   setImmediate(e);
 } || function(e) {
-  Hn(e, 0);
+  $n(e, 0);
 };
-M._unhandledRejectionFn = function(t) {
+N._unhandledRejectionFn = function(t) {
   typeof console != "undefined" && console && console.warn("Possible Unhandled Promise Rejection:", t);
 };
 var ae = (function() {
@@ -267,10 +267,10 @@ 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 = N : (ae.Promise.prototype.finally || (ae.Promise.prototype.finally = It), ae.Promise.allSettled || (ae.Promise.allSettled = Dt), ae.Promise.any || (ae.Promise.any = Mt));
+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 };
@@ -285,7 +285,7 @@ function zn() {
 }
 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";
     function S(r) {
@@ -294,17 +294,17 @@ function Wn() {
       var h = D && r[D] || r[_];
       return typeof h == "function" ? h : null;
     }
-    var N = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    var V = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function R(r) {
       {
         for (var h = arguments.length, m = new Array(h > 1 ? h - 1 : 0), w = 1; w < h; w++)
           m[w - 1] = arguments[w];
-        P("error", r, m);
+        k("error", r, m);
       }
     }
-    function P(r, h, m) {
+    function k(r, h, m) {
       {
-        var w = N.ReactDebugCurrentFrame, E = w.getStackAddendum();
+        var w = V.ReactDebugCurrentFrame, E = w.getStackAddendum();
         E !== "" && (h += "%s", m = m.concat([E]));
         var b = m.map(function(C) {
           return String(C);
@@ -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;
+    var x = !1, j = !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
+    function M(r) {
+      return !!(typeof r == "string" || typeof r == "function" || r === o || r === l || Y || r === a || r === d || r === v || $ || r === L || x || j || 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));
     }
-    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 = {
@@ -438,7 +438,7 @@ function Wn() {
         oe < 0 && R("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var Oe = N.ReactCurrentDispatcher, He;
+    var Oe = V.ReactCurrentDispatcher, He;
     function Ce(r, h, m) {
       {
         if (He === void 0)
@@ -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() {
@@ -523,15 +523,15 @@ function Wn() {
             }
         }
       } 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: {
@@ -564,7 +564,7 @@ function Wn() {
         }
       return "";
     }
-    var ye = Object.prototype.hasOwnProperty, tt = {}, nt = N.ReactDebugCurrentFrame;
+    var ye = Object.prototype.hasOwnProperty, tt = {}, nt = V.ReactDebugCurrentFrame;
     function be(r) {
       if (r) {
         var h = r._owner, m = Re(r.type, r._source, h ? h.type : null);
@@ -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 = V.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,12 +691,12 @@ 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)
@@ -704,12 +704,12 @@ function Wn() {
         }
         if (T || X) {
           var U = typeof r == "function" ? r.displayName || r.name || "Unknown" : r;
-          T && _n(C, U), X && Tn(C, U);
+          T && Tn(C, U), X && Cn(C, U);
         }
-        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;
+    var Be = V.ReactCurrentOwner, lt = V.ReactDebugCurrentFrame;
     function de(r) {
       if (r) {
         var h = r._owner, m = Re(r.type, r._source, h ? h.type : null);
@@ -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,16 +822,16 @@ Check the top-level render call using <` + m + ">.");
     var ht = {};
     function mt(r, h, m, w, E, b) {
       {
-        var C = F(r);
+        var C = M(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);
+        var U = Rn(r, h, m, E, b);
         if (U == null)
           return U;
         if (C) {
@@ -848,48 +848,48 @@ Check the top-level render call using <` + m + ">.");
               ft(ee, r);
         }
         if (ye.call(h, "key")) {
-          var ce = K(r), J = Object.keys(h).filter(function(Fn) {
-            return Fn !== "key";
+          var ce = K(r), J = Object.keys(h).filter(function(Mn) {
+            return Mn !== "key";
           }), Ze = J.length > 0 ? "{key: someKey, " + J.join(": ..., ") + ": ...}" : "{key: someKey}";
           if (!ht[ce + Ze]) {
-            var Dn = J.length > 0 ? "{" + J.join(": ..., ") + ": ...}" : "{}";
+            var Fn = J.length > 0 ? "{" + J.join(": ..., ") + ": ...}" : "{}";
             R(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`, Ze, ce, Dn, ce), ht[ce + Ze] = !0;
+  <%s key={someKey} {...props} />`, Ze, ce, Fn, ce), ht[ce + Ze] = !0;
           }
         }
-        return r === o ? jn(U) : Sn(U), U;
+        return r === o ? Pn(U) : jn(U), U;
       }
     }
     function Ln(r, h, m) {
       return mt(r, h, m, !0);
     }
-    function Pn(r, h, m) {
+    function kn(r, h, m) {
       return mt(r, h, m, !1);
     }
-    var In = Pn, kn = Ln;
-    we.Fragment = o, we.jsx = In, we.jsxs = kn;
+    var In = kn, Dn = Ln;
+    we.Fragment = o, we.jsx = In, 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 : F;
 function Ve(e, t) {
-  const n = V(e);
+  const n = A(e);
   Ot(() => {
     n.current = e;
-  }, [e]), O(() => {
+  }, [e]), F(() => {
     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 }) => {
-  const t = V(
+), er = ({ children: e }) => {
+  const t = A(
     null
   );
-  return t.current || (t.current = Jn()), /* @__PURE__ */ s.jsx(Ht.Provider, { value: t.current, children: e });
-}, A = (e) => {
-  const t = Lt(Ht);
+  return t.current || (t.current = Qn()), /* @__PURE__ */ s.jsx(Ht.Provider, { value: t.current, children: e });
+}, O = (e) => {
+  const t = Pt(Ht);
   if (!t)
     throw new Error("usePlayerStore must be used within PlayerStoreProvider");
-  return It(t, e);
+  return kt(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 {
@@ -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) => () => P({}, e), gr = (e, t) => Lt()((...n) => P(P(P(P(P(P(P(P({}, 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 }) {
-  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 });
+function wr({ children: e }) {
+  const t = A(null), n = A(null), o = A(null);
+  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);
+  return kt(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 [a, l] = G(!0), u = O((d) => d.startDate), i = O((d) => d.setStartDate), c = W(async () => {
+    const d = await Cr(e);
     d && i(d);
   }, [e, i]);
-  return O(() => {
+  return F(() => {
     (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, P({}, 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,
+  const n = O((d) => d.startDate), o = f((d) => d.isStarted);
+  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,7 +1331,7 @@ function Rr({ startDate: e, title: t, message: n }) {
 }
 function zt({ callback: e }) {
   const t = f((n) => n.eventEmitter);
-  return O(() => {
+  return F(() => {
     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);
@@ -1340,11 +1340,11 @@ function zt({ callback: e }) {
 }
 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,15 +1362,15 @@ 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
     });
   }), a;
 }
 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(() => {
+  const t = O((l) => l.delay), n = O((l) => l.startDate), o = n ? n.getTime() : 0, a = f((l) => l.eventEmitter);
+  return F(() => {
     const l = () => e("timeUpdate", {
       currentTime: Zt(o, t),
       duration: -1
@@ -1411,12 +1411,12 @@ function qt() {
       l
     ]
   );
-  return O(() => (document.addEventListener("keydown", u), () => {
+  return F(() => (document.addEventListener("keydown", u), () => {
     document.removeEventListener("keydown", u);
   }), [u]), null;
 }
-function Pr() {
-  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(
+function kr() {
+  const e = O((i) => i.delay), t = f((i) => i.isPlaying), n = f((i) => i.pause), o = f((i) => i.getPauseTimeDiff), a = f((i) => i.play), l = O((i) => i.setDelay), u = W(
     (i) => {
       let c = !1;
       if (!(i.target instanceof HTMLInputElement || i.ctrlKey)) {
@@ -1442,24 +1442,24 @@ function Pr() {
     },
     [e, o, t, n, a, l]
   );
-  return O(() => (document.addEventListener("keydown", u), () => {
+  return F(() => (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 }) });
+  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 = A(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 = A(0), y = A(null), g = 50, L = 1e4, D = W(
     (x) => {
       if (o.current && (o.current.nextLevel = x, u(null), l)) {
-        const I = l.map((p) => he(j({}, p), {
+        const j = l.map((p) => he(P({}, p), {
           selected: p.value === x
         }));
-        i(I);
+        i(j);
       }
     },
     [l, u, i, o]
@@ -1468,39 +1468,39 @@ 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, j = o.current.currentLevel, p = o.current.autoLevelEnabled;
     i(
-      jr({
+      Pr({
         levels: x.map(($, Y) => {
-          const { bitrate: B, height: F, width: k } = $;
+          const { bitrate: B, height: M, width: I } = $;
           return {
             bitrate: B,
-            height: F,
+            height: M,
             index: Y,
-            width: k
+            width: I
           };
         }),
-        level: I,
+        level: j,
         isAuto: p
       })
     );
-  }, [d, i]), N = W(
+  }, [d, i]), V = W(
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    (x, I) => {
+    (x, j) => {
       var p, $;
-      if (o.current && I.fatal)
-        switch (I.type) {
+      if (o.current && j.fatal)
+        switch (j.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 ? (
+            console.log("[Player][HLS] NETWORK_ERROR", j), 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(() => {
+              (j.details === "manifestLoadError" || j.details === "manifestParsingError" || // Level load failure during playback (e.g. OBS disconnect)
+              j.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);
+                  } catch (M) {
+                    console.error("[Player][HLS] Retry failed:", M);
                   }
               }, 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" });
@@ -1518,28 +1518,28 @@ 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}`);
+      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 (j) {
+      throw new Error(`Error initializing Hls: ${j}`);
     }
   }, [
     S,
     _,
-    N,
+    V,
     t,
     c,
     e
-  ]), P = W(() => {
-    o.current && (o.current.off(re.Events.MEDIA_ATTACHED, _), o.current.off(re.Events.MANIFEST_LOADED, S), o.current.off(re.Events.ERROR, N), o.current.destroy(), o.current = null), y.current && (clearTimeout(y.current), y.current = null), v.current = 0;
-  }, [S, _, N]);
-  return O(() => {
+  ]), k = 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]);
+  return F(() => {
     a !== null && D(a);
-  }, [a, D]), O(() => (re.isSupported() && R(), P), [P, R]), null;
+  }, [a, D]), F(() => (re.isSupported() && R(), k), [k, R]), null;
 }
-const Dr = "_playerVideo_wc0sm_1", Fr = {
-  playerVideo: Dr
+const Fr = "_playerVideo_wc0sm_1", Mr = {
+  playerVideo: Fr
 };
 function Yt({
   url: e,
@@ -1547,7 +1547,7 @@ function Yt({
   isMuted: n = !1,
   messages: o = {}
 }) {
-  const a = f((p) => p.handleDurationChange), l = f((p) => p.handleEnd), u = f((p) => p.handleLoadedMetadata), i = f((p) => p.handleLoadStart), c = f((p) => p.handlePause), d = f((p) => p.handlePlay), v = f((p) => p.handlePlaying), y = f((p) => p.handleSeeked), g = f((p) => p.handleSeeking), L = f((p) => p.handleTimeUpdate), D = f((p) => p.handleWaiting), _ = f((p) => p.handleVolumeChange), S = f((p) => p.handleError), 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), L = f((p) => p.handleTimeUpdate), D = f((p) => p.handleWaiting), _ = f((p) => p.handleVolumeChange), S = f((p) => p.handleError), V = f((p) => p.techRef), R = A(null), k = () => t ? {
     onTimeUpdate: x
   } : {
     onDurationChange: a,
@@ -1556,14 +1556,14 @@ function Yt({
     onTimeUpdate: x
   }, x = () => {
     (!R.current || Date.now() - R.current >= 1e3) && (L(), R.current = Date.now());
-  }, I = P();
+  }, j = k();
   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({
-        ref: N,
-        className: Fr.playerVideo,
+      P({
+        ref: V,
+        className: Mr.playerVideo,
         playsInline: !0,
         autoPlay: !0,
         controls: !1,
@@ -1580,25 +1580,25 @@ function Yt({
         onWaiting: D,
         onVolumeChange: _,
         tabIndex: -1
-      }, I)
+      }, j)
     )
   ] });
 }
-function Mr({ url: e, messages: t = {} }) {
-  const [n, o] = G(null), a = A((u) => u.delay), l = W(async () => {
+function Nr({ url: e, messages: t = {} }) {
+  const [n, o] = G(null), a = O((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 F(() => {
     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 }) {
-  const t = A((l) => l.setViewerCount), n = V(null), o = (l) => {
+  return f((n) => n.isStarted) ? /* @__PURE__ */ s.jsx(Ar, { url: e }) : null;
+}
+function Ar({ url: e }) {
+  const t = O((l) => l.setViewerCount), n = A(null), o = (l) => {
     try {
       return new URL(l).pathname.split("/").filter((d) => d.length > 0)[0] || null;
     } catch (u) {
@@ -1627,11 +1627,11 @@ function Vr({ url: e }) {
       console.error("Failed to fetch viewer count:", d), t(null);
     }
   };
-  return O(() => (a(), () => {
+  return F(() => (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 +1648,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,9 +1671,9 @@ function Xt(i) {
     "maxForwardTime",
     "maxBackwardTime"
   ]);
-  return Ar("(min-width: 1024px)") ? /* @__PURE__ */ s.jsx(Wr, j({ className: e, onClick: t }, u)) : /* @__PURE__ */ s.jsx(
-    Zr,
-    j({
+  return Or("(min-width: 1024px)") ? /* @__PURE__ */ s.jsx(Zr, P({ className: e, onClick: t }, u)) : /* @__PURE__ */ s.jsx(
+    qr,
+    P({
       className: e,
       maxForwardTime: a,
       maxBackwardTime: l,
@@ -1682,9 +1682,9 @@ 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 = (_) => {
+  const l = A(null), u = f((_) => _.exitFullscreen), i = f((_) => _.isFullscreen), c = f((_) => _.requestFullscreen), d = f((_) => _.resetIdle), v = (_) => {
     L() ? (g(), i ? u() : c()) : y(_);
   }, y = (_) => {
     l.current = window.setTimeout(() => {
@@ -1695,11 +1695,11 @@ function Wr(o) {
   }, L = () => l.current !== null, D = () => {
     d();
   };
-  return O(() => () => {
+  return F(() => () => {
     g();
   }, []), /* @__PURE__ */ s.jsx(
     "button",
-    j({
+    P({
       onClick: v,
       onMouseMove: D,
       className: [me.playbackButton, e].filter(Boolean).join(" "),
@@ -1707,7 +1707,7 @@ function Wr(o) {
     }, n)
   );
 }
-function Zr(u) {
+function qr(u) {
   var i = u, {
     className: e,
     maxForwardTime: t,
@@ -1721,55 +1721,55 @@ function Zr(u) {
     "onForwardSeek",
     "onBackwardSeek"
   ]);
-  const c = V(null), d = V({
+  const c = A(null), d = A({
     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 = A(null), y = A(0), g = A(null), [L, D] = G({ visible: !1, direction: null, time: 0 }), _ = f((p) => p.isIdle), S = f((p) => p.setIsIdle), V = f((p) => p.resetIdle), R = (p, $) => p < $ / 2 ? "backward" : "forward", k = (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 Y = Date.now(), B = v.current.getBoundingClientRect(), M = $.clientX - B.left, I = $.clientY - B.top;
+    if (M < 0 || M > B.width || I < 0 || I > B.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) {
-      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 Q = c.current, K = Q ? Y - Q.time : 1 / 0, Z = R(M, B.width), oe = g.current !== null && g.current === Z && Q !== null && K < 700 && Math.abs(M - Q.x) < 100;
+    if (Q !== null && g.current === null && K < 300 && Math.abs(M - Q.x) < 50 || oe) {
+      p.preventDefault(), p.stopPropagation(), d.current.single && (window.clearTimeout(d.current.single), d.current.single = null), V(), (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), V()), y.current = 0, g.current = null, c.current = null, j(), d.current.accumulate = null;
+      }, 500), c.current = { time: Y, x: M };
     } else {
-      c.current = { time: Y, x: F }, d.current.single && window.clearTimeout(d.current.single);
+      c.current = { time: Y, x: M }, d.current.single && window.clearTimeout(d.current.single);
       const te = g.current !== null ? 700 : 350;
       d.current.single = window.setTimeout(() => {
         if (g.current === null) {
           d.current.single = null;
           const q = _;
-          S(!q), q && N();
+          S(!q), q && V();
         }
         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();
+      j();
     }, 700));
-  }, I = () => {
+  }, j = () => {
     D({ visible: !1, direction: null, time: 0 }), d.current.indicator && (window.clearTimeout(d.current.indicator), d.current.indicator = null);
   };
-  return O(() => () => {
+  return F(() => () => {
     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({
+      P({
         ref: v,
-        onTouchEnd: P,
+        onTouchEnd: k,
         className: [me.playbackButton, e].filter(Boolean).join(" "),
         "aria-label": "Player gestures"
       }, l)
@@ -1786,8 +1786,8 @@ function Zr(u) {
     )
   ] });
 }
-function qr() {
-  const e = f((c) => c.isPlaying), t = f((c) => c.pause), n = f((c) => c.getPauseTimeDiff), o = f((c) => c.play), a = A((c) => c.delay), l = A((c) => c.setDelay), u = A((c) => c.startDate), i = u ? u.getTime() : 0;
+function Kr() {
+  const e = f((c) => c.isPlaying), t = f((c) => c.pause), n = f((c) => c.getPauseTimeDiff), o = f((c) => c.play), a = O((c) => c.delay), l = O((c) => c.setDelay), u = O((c) => c.startDate), i = u ? u.getTime() : 0;
   return /* @__PURE__ */ s.jsx(
     Xt,
     {
@@ -1812,28 +1812,28 @@ 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"]);
     const u = e === "circle" ? _t.playerButtonCircle : "", i = [_t.playerButton, u, t].filter(Boolean).join(" ");
-    return /* @__PURE__ */ s.jsx("button", j({ ref: o, className: i }, n));
+    return /* @__PURE__ */ s.jsx("button", P({ ref: o, className: i }, n));
   }
 );
 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", ke = {
+  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 = () => {
+  const a = O((c) => c.delay), l = O((c) => c.setDelay), u = () => {
     a && l(0);
-  }, i = a ? `${Ie.liveIndicator} ${Ie.liveIndicatorHasDelay}` : `${Ie.liveIndicator} ${Ie.liveIndicatorNoDelay}`;
-  return /* @__PURE__ */ s.jsxs(le, he(j({ onClick: u, shape: "square" }, t), { children: [
+  }, i = a ? `${ke.liveIndicator} ${ke.liveIndicatorHasDelay}` : `${ke.liveIndicator} ${ke.liveIndicatorNoDelay}`;
+  return /* @__PURE__ */ s.jsxs(le, he(P({ onClick: u, shape: "square" }, t), { children: [
     /* @__PURE__ */ s.jsx("div", { className: i }),
     e || "Live"
   ] }));
@@ -1860,8 +1860,8 @@ function Jt() {
     }
   );
 }
-function eo() {
-  const e = f((i) => i.isPlaying), t = f((i) => i.pause), n = f((i) => i.getPauseTimeDiff), o = f((i) => i.play), a = A((i) => i.delay), l = A((i) => i.setDelay), u = () => {
+function to() {
+  const e = f((i) => i.isPlaying), t = f((i) => i.pause), n = f((i) => i.getPauseTimeDiff), o = f((i) => i.play), a = O((i) => i.delay), l = O((i) => i.setDelay), u = () => {
     if (e)
       t();
     else {
@@ -1871,27 +1871,27 @@ 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", Ie = {
+  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(
     je.Root,
-    he(j({
+    he(P({
       ref: a,
       min: t,
       max: e,
       "aria-label": "Player progress",
-      className: [ke.sliderRoot, n].filter(Boolean).join(" "),
+      className: [Ie.sliderRoot, n].filter(Boolean).join(" "),
       onKeyDown: (i) => (
         // Prevent the slider from being controlled by the keyboard
         // when the slider is focused by a click
@@ -1899,8 +1899,8 @@ const to = "_progressSlider_hwzgf_1", no = "_tipContainer_hwzgf_7", ro = "_tipCo
       )
     }, o), {
       children: [
-        /* @__PURE__ */ s.jsx(je.Track, { className: ke.sliderTrack, children: /* @__PURE__ */ s.jsx(je.Range, { className: ke.sliderRange }) }),
-        /* @__PURE__ */ s.jsx(je.Thumb, { className: ke.sliderThumb })
+        /* @__PURE__ */ s.jsx(je.Track, { className: Ie.sliderTrack, children: /* @__PURE__ */ s.jsx(je.Range, { className: Ie.sliderRange }) }),
+        /* @__PURE__ */ s.jsx(je.Thumb, { className: Ie.sliderThumb })
       ]
     })
   );
@@ -1918,23 +1918,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 = A(null), t = A(null), [n, o] = G(0), [a, l] = G(0), [u, i] = G(!1), [c, d] = G(-1), [v, y] = G(-1), g = O((I) => I.delay), L = O((I) => I.startDate), D = L ? L.getTime() : 0, _ = (/* @__PURE__ */ new Date()).getTime(), S = O((I) => I.setDelay), V = f((I) => I.isPlaying), R = f((I) => I.addIdleLock), k = f((I) => I.removeIdleLock), x = W(() => {
+    o(Zt(D, g)), l(Sr(D, _));
+  }, [g, _, D]), j = 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);
   }, $ = () => {
     if (v !== -1) {
-      const k = Wt(D, v);
-      S(k), y(-1), P(Tt);
+      const I = Wt(D, v);
+      S(I), y(-1), k(Tt);
     }
-  }, Y = () => i(!0), B = () => i(!1), F = W(
-    (k) => {
+  }, Y = () => i(!0), B = () => i(!1), M = 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 = Me(Q), oe = Me(K), ue = (I.pageX || I.clientX) - Z.left, te = ue / Z.width;
         if (te < 0) return;
         let q = ue - oe.width / 2;
         q < 0 && (q = 0), q > Z.width - oe.width && (q = -1), K.style.left = q > -1 ? `${q}px` : "auto", K.style.right = q > -1 ? "auto" : "0px";
@@ -1945,17 +1945,17 @@ function uo() {
     },
     [a]
   );
-  return Ve(() => x(), N ? 1e3 : null), O(() => {
+  return Ve(() => x(), V ? 1e3 : null), F(() => {
     x();
   }, [x]), /* @__PURE__ */ s.jsxs("div", { className: se.progressSlider, children: [
     /* @__PURE__ */ s.jsx(
       Ae,
       {
         ref: e,
-        value: [I],
+        value: [j],
         onPointerLeave: B,
         onPointerDown: B,
-        onPointerMove: F,
+        onPointerMove: M,
         onValueChange: p,
         onValueCommit: $,
         step: 0.1
@@ -1971,7 +1971,7 @@ function uo() {
     )
   ] });
 }
-function fo() {
+function ho() {
   return /* @__PURE__ */ s.jsx(
     "svg",
     {
@@ -1982,18 +1982,18 @@ function fo() {
     }
   );
 }
-function ho() {
-  const e = A((a) => a.startDate), t = A((a) => a.setDelay), n = e ? e.getTime() : 0, o = () => t(Wt(n));
-  return /* @__PURE__ */ s.jsx(le, { onClick: o, children: /* @__PURE__ */ s.jsx(fo, {}) });
-}
-const mo = "_viewersContainer_z1ihz_1", po = "_viewersIndicator_z1ihz_16", vo = "_viewersIcon_z1ihz_24", yo = "_viewersCount_z1ihz_28", De = {
-  viewersContainer: mo,
-  viewersIndicator: po,
-  viewersIcon: vo,
-  viewersCount: yo
+function mo() {
+  const e = O((a) => a.startDate), t = O((a) => a.setDelay), n = e ? e.getTime() : 0, o = () => t(Wt(n));
+  return /* @__PURE__ */ s.jsx(le, { onClick: o, children: /* @__PURE__ */ s.jsx(ho, {}) });
+}
+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() {
-  const e = A((t) => t.viewerCount);
+function wo() {
+  const e = O((t) => t.viewerCount);
   return e ? /* @__PURE__ */ s.jsxs("div", { className: De.viewersContainer, children: [
     /* @__PURE__ */ s.jsx("span", { className: De.viewersIndicator }),
     /* @__PURE__ */ s.jsxs(
@@ -2038,17 +2038,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", z = {
+  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 +2059,7 @@ function So() {
     }
   );
 }
-function jo() {
+function Po() {
   return /* @__PURE__ */ s.jsx(
     "svg",
     {
@@ -2073,34 +2073,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 F(() => {
     const d = Ut ? u.current : e.current;
     if (d)
-      return ar(d, i);
-  }, [e, i, u]), O(() => {
+      return lr(d, i);
+  }, [e, i, u]), F(() => {
     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", ko = "_idleCheckContainerIdle_crh2s_5", Io = "_idleCheckContainerActive_crh2s_11", qe = {
   idleCheckContainer: Lo,
-  idleCheckContainerIdle: Po,
+  idleCheckContainerIdle: ko,
   idleCheckContainerActive: Io
-}, ko = 5 * 1e3;
+}, 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(() => {
+  const t = A(null), n = f((g) => g.isIdle), o = f((g) => g.setIsIdle), a = A(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(), () => {
+  F(() => (o(!1), d(), () => {
     c();
-  }), [c, d]), O(() => {
+  }), [c, d]), F(() => {
     const g = () => {
       o(!1), d();
     };
@@ -2111,30 +2111,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 Fo = "_spinner_oo4hi_10", Mo = {
+  spinner: Fo
 };
-function Mo(e) {
-  return /* @__PURE__ */ s.jsx("div", j({ className: Fo.spinner }, e));
+function No(e) {
+  return /* @__PURE__ */ s.jsx("div", P({ className: Mo.spinner }, e));
 }
-function No(e, t = 500) {
+function Vo(e, t = 500) {
   const [n, o] = G(e);
-  return O(() => {
+  return F(() => {
     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(P({ className: Oo.loadingContainer, style: e }, t), { children: /* @__PURE__ */ s.jsx(No, {}) })) : null;
 }
-function Oo() {
+function Ho() {
   return /* @__PURE__ */ s.jsx(
     "svg",
     {
@@ -2145,7 +2145,7 @@ function Oo() {
     }
   );
 }
-function Ho() {
+function $o() {
   return /* @__PURE__ */ s.jsx(
     "svg",
     {
@@ -2156,18 +2156,18 @@ 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,
-    he(j({
+    he(P({
       ref: a,
       sideOffset: e,
       className: [pe.dropdownMenuContent, t].filter(Boolean).join(" "),
@@ -2179,19 +2179,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 })
               }
             )
           ]
@@ -2210,7 +2210,7 @@ const on = Ne((a, o) => {
   };
   return /* @__PURE__ */ s.jsx(Te.Close, { asChild: !0, children: /* @__PURE__ */ s.jsx(
     "div",
-    j({
+    P({
       ref: o,
       className: [pe.dropdownMenuItem, e].filter(Boolean).join(" "),
       role: "menuitem",
@@ -2229,22 +2229,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 +2255,7 @@ function Xo() {
     }
   );
 }
-function Go() {
+function Jo() {
   return /* @__PURE__ */ s.jsx(
     "svg",
     {
@@ -2266,7 +2266,7 @@ function Go() {
     }
   );
 }
-function Jo() {
+function Qo() {
   return /* @__PURE__ */ s.jsx(
     "svg",
     {
@@ -2277,9 +2277,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 +2288,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 +2299,24 @@ function an() {
     ) })
   ] });
 }
-function yi(e) {
-  return /* @__PURE__ */ s.jsx(Ir, { children: /* @__PURE__ */ s.jsx(ti, j({}, e)) });
+const ni = "0.0.44", ln = {
+  version: ni
+};
+function wi(e) {
+  return /* @__PURE__ */ s.jsx(Ir, { children: /* @__PURE__ */ s.jsx(ri, P({}, 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 F(() => {
+    console.log(`[Player][Live] Version: ${ln.version}`);
+  }, []), /* @__PURE__ */ s.jsxs(
     "div",
     {
       ref: o,
       className: z.playerContainer,
       children: [
         /* @__PURE__ */ s.jsxs(
-          Cr,
+          Er,
           {
             url: e,
             messages: {
@@ -2320,7 +2325,7 @@ function ti({ url: e, messages: t, onEvent: n }) {
             },
             children: [
               /* @__PURE__ */ s.jsx(
-                Mr,
+                Nr,
                 {
                   url: e,
                   messages: {
@@ -2331,19 +2336,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.controlsTop, children: /* @__PURE__ */ s.jsx("div", { className: z.controlsContainer, children: /* @__PURE__ */ s.jsx("div", { className: z.controlsRow, children: /* @__PURE__ */ s.jsx(wo, {}) }) }) }),
                 /* @__PURE__ */ s.jsx("div", { className: z.controlsBottom, children: /* @__PURE__ */ s.jsxs("div", { className: z.controlsContainer, children: [
-                  /* @__PURE__ */ s.jsx(uo, {}),
+                  /* @__PURE__ */ s.jsx(fo, {}),
                   /* @__PURE__ */ s.jsxs("div", { className: z.controlsRow, children: [
                     /* @__PURE__ */ s.jsxs(
                       "div",
                       {
                         className: `${z.controlsSection} ${z.controlsSectionStart}`,
                         children: [
-                          /* @__PURE__ */ s.jsx(eo, {}),
-                          /* @__PURE__ */ s.jsx(ho, {}),
+                          /* @__PURE__ */ s.jsx(to, {}),
+                          /* @__PURE__ */ s.jsx(mo, {}),
                           /* @__PURE__ */ s.jsx(an, {})
                         ]
                       }
@@ -2353,7 +2358,7 @@ function ti({ url: e, messages: t, onEvent: n }) {
                       {
                         className: `${z.controlsSection} ${z.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 +2370,14 @@ function ti({ url: e, messages: t, onEvent: n }) {
             ]
           }
         ),
-        /* @__PURE__ */ s.jsx(Pr, {}),
-        /* @__PURE__ */ s.jsx(Nr, { url: e }),
+        /* @__PURE__ */ s.jsx(kr, {}),
+        /* @__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 +2398,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 = A(null), t = A(null), [n, o] = G(!1), [a, l] = G(-1), [u, i] = G(-1), c = f((k) => k.currentTime), d = f((k) => k.duration), v = f((k) => k.seek), y = f((k) => k.addIdleLock), g = f((k) => k.removeIdleLock), L = parseFloat(
     (d ? (u !== -1 ? u : c) / d * 100 : 0).toFixed(1)
-  ), D = (P) => {
-    i(d * (P[0] / 100)), y(bt);
+  ), D = (k) => {
+    i(d * (k[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;
+  }, S = () => o(!0), V = () => o(!1), R = W(
+    (k) => {
+      const x = e.current, j = t.current;
+      if (x && j) {
+        const p = Me(x), $ = Me(j), Y = (k.pageX || k.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);
+        let M = Y - $.width / 2;
+        M < 0 && (M = 0), M > p.width - $.width && (M = -1), j.style.left = M > -1 ? `${M}px` : "auto", j.style.right = M > -1 ? "auto" : "0px", l(B * d);
       }
       S();
     },
@@ -2426,8 +2431,8 @@ function oi() {
       {
         ref: e,
         value: [L],
-        onPointerLeave: N,
-        onPointerDown: N,
+        onPointerLeave: V,
+        onPointerDown: V,
         onPointerMove: R,
         onValueChange: D,
         onValueCommit: _,
@@ -2444,12 +2449,12 @@ 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", Fe = {
+  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) }),
@@ -2457,16 +2462,16 @@ function li() {
     /* @__PURE__ */ s.jsx("p", { className: Fe.remainingTime, children: _e(t) })
   ] });
 }
-function ci({ callback: e }) {
+function di({ callback: e }) {
   const t = f((n) => n.eventEmitter);
-  return O(() => {
+  return F(() => {
     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,18 +2492,20 @@ function ui() {
     },
     [e, t, n, o, a, l]
   );
-  return O(() => (document.addEventListener("keydown", u), () => {
+  return F(() => (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, P({}, 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 F(() => {
     o && a(o);
-  }, [o, a]), /* @__PURE__ */ s.jsxs(
+  }, [o, a]), F(() => {
+    console.log(`[Player][VOD] Version: ${ln.version}`);
+  }, []), /* @__PURE__ */ s.jsxs(
     "div",
     {
       ref: l,
@@ -2507,18 +2514,18 @@ function di({ url: e, messages: t, onEvent: n, startTime: o }) {
         /* @__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(oi, {}),
         /* @__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.jsx(si, {}),
           /* @__PURE__ */ s.jsxs("div", { className: z.controlsRow, children: [
             /* @__PURE__ */ s.jsxs(
               "div",
               {
                 className: `${z.controlsSection} ${z.controlsSectionStart}`,
                 children: [
-                  /* @__PURE__ */ s.jsx(ri, {}),
+                  /* @__PURE__ */ s.jsx(ii, {}),
                   /* @__PURE__ */ s.jsx(an, {}),
-                  /* @__PURE__ */ s.jsx(li, {})
+                  /* @__PURE__ */ s.jsx(ui, {})
                 ]
               }
             ),
@@ -2534,14 +2541,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