@halibegic/react-video-player 0.0.35 → 0.0.36

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

@@ -2,7 +2,7 @@ var Fn = Object.defineProperty, Mn = Object.defineProperties;
 var Nn = Object.getOwnPropertyDescriptors;
 var be = Object.getOwnPropertySymbols;
 var pt = Object.prototype.hasOwnProperty, vt = Object.prototype.propertyIsEnumerable;
-var mt = (e, t, n) => t in e ? Fn(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, j = (e, t) => {
+var mt = (e, t, n) => t in e ? Fn(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, P = (e, t) => {
   for (var n in t || (t = {}))
     pt.call(t, n) && mt(e, n, t[n]);
   if (be)
@@ -19,13 +19,13 @@ var ne = (e, t) => {
       t.indexOf(o) < 0 && vt.call(e, o) && (n[o] = e[o]);
   return n;
 };
-import St, { useLayoutEffect as Vn, useEffect as N, useRef as O, useState as X, createContext as bt, useContext as Pt, useCallback as U, forwardRef as Me } from "react";
-import { create as jt, useStore as Lt } from "zustand";
+import St, { useLayoutEffect as Vn, useEffect as N, useRef as O, useState as X, createContext as bt, useContext as Lt, useCallback as U, forwardRef as Me } from "react";
+import { create as Pt, useStore as jt } from "zustand";
 import An from "mitt";
 import re from "hls.js";
-import * as Pe from "@radix-ui/react-slider";
+import * as Le from "@radix-ui/react-slider";
 import * as xe from "@radix-ui/react-popover";
-import * as je 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(
@@ -128,7 +128,7 @@ function Nt(e, t) {
   e._handled = !0, F._immediateFn(function() {
     var n = e._state === 1 ? t.onFulfilled : t.onRejected;
     if (n === null) {
-      (e._state === 1 ? qe : Te)(t.promise, e._value);
+      (e._state === 1 ? We : Te)(t.promise, e._value);
       return;
     }
     var o;
@@ -138,10 +138,10 @@ function Nt(e, t) {
       Te(t.promise, s);
       return;
     }
-    qe(t.promise, o);
+    We(t.promise, o);
   });
 }
-function qe(e, t) {
+function We(e, t) {
   try {
     if (t === e)
       throw new TypeError("A promise cannot be resolved with itself.");
@@ -179,7 +179,7 @@ function Vt(e, t) {
   try {
     e(
       function(o) {
-        n || (n = !0, qe(t, o));
+        n || (n = !0, We(t, o));
       },
       function(o) {
         n || (n = !0, Te(t, o));
@@ -268,7 +268,7 @@ var ae = (function() {
   throw new Error("unable to locate global object");
 })();
 typeof ae.Promise != "function" ? ae.Promise = F : (ae.Promise.prototype.finally || (ae.Promise.prototype.finally = kt), ae.Promise.allSettled || (ae.Promise.allSettled = It), ae.Promise.any || (ae.Promise.any = Ft));
-var Le = { exports: {} }, ge = {};
+var je = { exports: {} }, ge = {};
 var yt;
 function Un() {
   if (yt) return ge;
@@ -287,11 +287,11 @@ var we = {};
 var gt;
 function zn() {
   return gt || (gt = 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"), s = Symbol.for("react.strict_mode"), c = Symbol.for("react.profiler"), u = Symbol.for("react.provider"), i = Symbol.for("react.context"), l = Symbol.for("react.forward_ref"), d = Symbol.for("react.suspense"), g = Symbol.for("react.suspense_list"), y = Symbol.for("react.memo"), v = Symbol.for("react.lazy"), _ = Symbol.for("react.offscreen"), L = Symbol.iterator, S = "@@iterator";
-    function P(r) {
+    var e = St, t = Symbol.for("react.element"), n = Symbol.for("react.portal"), o = Symbol.for("react.fragment"), s = Symbol.for("react.strict_mode"), c = Symbol.for("react.profiler"), u = Symbol.for("react.provider"), i = Symbol.for("react.context"), l = Symbol.for("react.forward_ref"), d = Symbol.for("react.suspense"), g = Symbol.for("react.suspense_list"), y = Symbol.for("react.memo"), v = Symbol.for("react.lazy"), _ = Symbol.for("react.offscreen"), j = Symbol.iterator, S = "@@iterator";
+    function L(r) {
       if (r === null || typeof r != "object")
         return null;
-      var h = L && r[L] || r[S];
+      var h = j && r[j] || r[S];
       return typeof h == "function" ? h : null;
     }
     var M = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
@@ -304,29 +304,29 @@ function zn() {
     }
     function k(r, h, m) {
       {
-        var w = M.ReactDebugCurrentFrame, E = w.getStackAddendum();
-        E !== "" && (h += "%s", m = m.concat([E]));
-        var b = m.map(function(C) {
-          return String(C);
+        var w = M.ReactDebugCurrentFrame, C = w.getStackAddendum();
+        C !== "" && (h += "%s", m = m.concat([C]));
+        var b = m.map(function(E) {
+          return String(E);
         });
         b.unshift("Warning: " + h), Function.prototype.apply.call(console[r], console, b);
       }
     }
-    var T = !1, I = !1, p = !1, B = !1, J = !1, q;
-    q = Symbol.for("react.module.reference");
+    var T = !1, I = !1, p = !1, B = !1, G = !1, W;
+    W = Symbol.for("react.module.reference");
     function V(r) {
-      return !!(typeof r == "string" || typeof r == "function" || r === o || r === c || J || r === s || r === d || r === g || B || r === _ || T || I || p || typeof r == "object" && r !== null && (r.$$typeof === v || r.$$typeof === y || r.$$typeof === u || r.$$typeof === i || r.$$typeof === l || // This needs to include all possible module reference object
+      return !!(typeof r == "string" || typeof r == "function" || r === o || r === c || G || r === s || r === d || r === g || B || r === _ || T || I || p || typeof r == "object" && r !== null && (r.$$typeof === v || r.$$typeof === y || r.$$typeof === u || r.$$typeof === i || r.$$typeof === l || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
-      r.$$typeof === q || r.getModuleId !== void 0));
+      r.$$typeof === W || r.getModuleId !== void 0));
     }
     function D(r, h, m) {
       var w = r.displayName;
       if (w)
         return w;
-      var E = h.displayName || h.name || "";
-      return E !== "" ? m + "(" + E + ")" : m;
+      var C = h.displayName || h.name || "";
+      return C !== "" ? m + "(" + C + ")" : m;
     }
     function Q(r) {
       return r.displayName || "Context";
@@ -366,9 +366,9 @@ function zn() {
             var w = r.displayName || null;
             return w !== null ? w : Z(r.type) || "Memo";
           case v: {
-            var E = r, b = E._payload, C = E._init;
+            var C = r, b = C._payload, E = C._init;
             try {
-              return Z(C(b));
+              return Z(E(b));
             } catch (x) {
               return null;
             }
@@ -376,14 +376,14 @@ function zn() {
         }
       return null;
     }
-    var z = Object.assign, oe = 0, ue, te, W, ve, Ye, Xe, Ge;
+    var z = Object.assign, oe = 0, ue, te, q, ve, Ye, Xe, Ge;
     function Je() {
     }
     Je.__reactDisabledLog = !0;
     function an() {
       {
         if (oe === 0) {
-          ue = console.log, te = console.info, W = console.warn, ve = console.error, Ye = console.group, Xe = console.groupCollapsed, Ge = console.groupEnd;
+          ue = console.log, te = console.info, q = console.warn, ve = console.error, Ye = console.group, Xe = console.groupCollapsed, Ge = console.groupEnd;
           var r = {
             configurable: !0,
             enumerable: !0,
@@ -419,7 +419,7 @@ function zn() {
               value: te
             }),
             warn: z({}, r, {
-              value: W
+              value: q
             }),
             error: z({}, r, {
               value: ve
@@ -439,73 +439,73 @@ function zn() {
       }
     }
     var Ve = M.ReactCurrentDispatcher, Ae;
-    function Ce(r, h, m) {
+    function Ee(r, h, m) {
       {
         if (Ae === void 0)
           try {
             throw Error();
-          } catch (E) {
-            var w = E.stack.trim().match(/\n( *(at )?)/);
+          } catch (C) {
+            var w = C.stack.trim().match(/\n( *(at )?)/);
             Ae = w && w[1] || "";
           }
         return `
 ` + Ae + r;
       }
     }
-    var Oe = !1, Ee;
+    var Oe = !1, Ce;
     {
       var cn = typeof WeakMap == "function" ? WeakMap : Map;
-      Ee = new cn();
+      Ce = new cn();
     }
     function Qe(r, h) {
       if (!r || Oe)
         return "";
       {
-        var m = Ee.get(r);
+        var m = Ce.get(r);
         if (m !== void 0)
           return m;
       }
       var w;
       Oe = !0;
-      var E = Error.prepareStackTrace;
+      var C = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var b;
       b = Ve.current, Ve.current = null, an();
       try {
         if (h) {
-          var C = function() {
+          var E = function() {
             throw Error();
           };
-          if (Object.defineProperty(C.prototype, "props", {
+          if (Object.defineProperty(E.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(C, []);
-            } catch (G) {
-              w = G;
+              Reflect.construct(E, []);
+            } catch (J) {
+              w = J;
             }
-            Reflect.construct(r, [], C);
+            Reflect.construct(r, [], E);
           } else {
             try {
-              C.call();
-            } catch (G) {
-              w = G;
+              E.call();
+            } catch (J) {
+              w = J;
             }
-            r.call(C.prototype);
+            r.call(E.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (G) {
-            w = G;
+          } catch (J) {
+            w = J;
           }
           r();
         }
-      } catch (G) {
-        if (G && w && typeof G.stack == "string") {
-          for (var x = G.stack.split(`
+      } catch (J) {
+        if (J && w && typeof J.stack == "string") {
+          for (var x = J.stack.split(`
 `), Y = w.stack.split(`
 `), A = x.length - 1, H = Y.length - 1; A >= 1 && H >= 0 && x[A] !== Y[H]; )
             H--;
@@ -516,17 +516,17 @@ function zn() {
                   if (A--, H--, H < 0 || x[A] !== Y[H]) {
                     var ee = `
 ` + x[A].replace(" at new ", " at ");
-                    return r.displayName && ee.includes("<anonymous>") && (ee = ee.replace("<anonymous>", r.displayName)), typeof r == "function" && Ee.set(r, ee), ee;
+                    return r.displayName && ee.includes("<anonymous>") && (ee = ee.replace("<anonymous>", r.displayName)), typeof r == "function" && Ce.set(r, ee), ee;
                   }
                 while (A >= 1 && H >= 0);
               break;
             }
         }
       } finally {
-        Oe = !1, Ve.current = b, ln(), Error.prepareStackTrace = E;
+        Oe = !1, Ve.current = b, ln(), Error.prepareStackTrace = C;
       }
-      var fe = r ? r.displayName || r.name : "", ce = fe ? Ce(fe) : "";
-      return typeof r == "function" && Ee.set(r, ce), ce;
+      var fe = r ? r.displayName || r.name : "", ce = fe ? Ee(fe) : "";
+      return typeof r == "function" && Ce.set(r, ce), ce;
     }
     function un(r, h, m) {
       return Qe(r, !1);
@@ -541,12 +541,12 @@ function zn() {
       if (typeof r == "function")
         return Qe(r, dn(r));
       if (typeof r == "string")
-        return Ce(r);
+        return Ee(r);
       switch (r) {
         case d:
-          return Ce("Suspense");
+          return Ee("Suspense");
         case g:
-          return Ce("SuspenseList");
+          return Ee("SuspenseList");
       }
       if (typeof r == "object")
         switch (r.$$typeof) {
@@ -555,10 +555,10 @@ function zn() {
           case y:
             return Re(r.type, h, m);
           case v: {
-            var w = r, E = w._payload, b = w._init;
+            var w = r, C = w._payload, b = w._init;
             try {
-              return Re(b(E), h, m);
-            } catch (C) {
+              return Re(b(C), h, m);
+            } catch (E) {
             }
           }
         }
@@ -572,22 +572,22 @@ function zn() {
       } else
         tt.setExtraStackFrame(null);
     }
-    function fn(r, h, m, w, E) {
+    function fn(r, h, m, w, C) {
       {
         var b = Function.call.bind(ye);
-        for (var C in r)
-          if (b(r, C)) {
+        for (var E in r)
+          if (b(r, E)) {
             var x = void 0;
             try {
-              if (typeof r[C] != "function") {
-                var Y = Error((w || "React class") + ": " + m + " type `" + C + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof r[C] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+              if (typeof r[E] != "function") {
+                var Y = Error((w || "React class") + ": " + m + " type `" + E + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof r[E] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw Y.name = "Invariant Violation", Y;
               }
-              x = r[C](h, C, w, m, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              x = r[E](h, E, w, m, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (A) {
               x = A;
             }
-            x && !(x instanceof Error) && (Se(E), R("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", w || "React class", m, C, typeof x), Se(null)), x instanceof Error && !(x.message in et) && (et[x.message] = !0, Se(E), R("Failed %s type: %s", m, x.message), Se(null));
+            x && !(x instanceof Error) && (Se(C), R("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", w || "React class", m, E, typeof x), Se(null)), x instanceof Error && !(x.message in et) && (et[x.message] = !0, Se(C), R("Failed %s type: %s", m, x.message), Se(null));
           }
       }
     }
@@ -662,7 +662,7 @@ function zn() {
         });
       }
     }
-    var xn = function(r, h, m, w, E, b, C) {
+    var xn = function(r, h, m, w, C, b, E) {
       var x = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: t,
@@ -670,7 +670,7 @@ function zn() {
         type: r,
         key: h,
         ref: m,
-        props: C,
+        props: E,
         // Record the component responsible for creating this element.
         _owner: b
       };
@@ -688,25 +688,25 @@ function zn() {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: E
+        value: C
       }), Object.freeze && (Object.freeze(x.props), Object.freeze(x)), x;
     };
-    function Cn(r, h, m, w, E) {
+    function En(r, h, m, w, C) {
       {
-        var b, C = {}, x = null, Y = null;
-        m !== void 0 && (rt(m), x = "" + m), gn(h) && (rt(h.key), x = "" + h.key), yn(h) && (Y = h.ref, wn(h, E));
+        var b, E = {}, x = null, Y = null;
+        m !== void 0 && (rt(m), x = "" + m), gn(h) && (rt(h.key), x = "" + h.key), yn(h) && (Y = h.ref, wn(h, C));
         for (b in h)
-          ye.call(h, b) && !vn.hasOwnProperty(b) && (C[b] = h[b]);
+          ye.call(h, b) && !vn.hasOwnProperty(b) && (E[b] = h[b]);
         if (r && r.defaultProps) {
           var A = r.defaultProps;
           for (b in A)
-            C[b] === void 0 && (C[b] = A[b]);
+            E[b] === void 0 && (E[b] = A[b]);
         }
         if (x || Y) {
           var H = typeof r == "function" ? r.displayName || r.name || "Unknown" : r;
-          x && Tn(C, H), Y && _n(C, H);
+          x && Tn(E, H), Y && _n(E, H);
         }
-        return xn(r, x, Y, E, w, ot.current, C);
+        return xn(r, x, Y, C, w, ot.current, E);
       }
     }
     var $e = M.ReactCurrentOwner, at = M.ReactDebugCurrentFrame;
@@ -734,7 +734,7 @@ Check the render method of \`` + r + "`.";
         return "";
       }
     }
-    function En(r) {
+    function Cn(r) {
       return "";
     }
     var ct = {};
@@ -775,10 +775,10 @@ Check the top-level render call using <` + m + ">.");
         else if (Ue(r))
           r._store && (r._store.validated = !0);
         else if (r) {
-          var E = P(r);
-          if (typeof E == "function" && E !== r.entries)
-            for (var b = E.call(r), C; !(C = b.next()).done; )
-              Ue(C.value) && ut(C.value, h);
+          var C = L(r);
+          if (typeof C == "function" && C !== r.entries)
+            for (var b = C.call(r), E; !(E = b.next()).done; )
+              Ue(E.value) && ut(E.value, h);
         }
       }
     }
@@ -801,8 +801,8 @@ Check the top-level render call using <` + m + ">.");
           fn(m, r.props, "prop", w, r);
         } else if (h.PropTypes !== void 0 && !Be) {
           Be = !0;
-          var E = Z(h);
-          R("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", E || "Unknown");
+          var C = Z(h);
+          R("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", C || "Unknown");
         }
         typeof h.getDefaultProps == "function" && !h.getDefaultProps.isReactClassApproved && R("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
@@ -820,21 +820,21 @@ Check the top-level render call using <` + m + ">.");
       }
     }
     var ft = {};
-    function ht(r, h, m, w, E, b) {
+    function ht(r, h, m, w, C, b) {
       {
-        var C = V(r);
-        if (!C) {
+        var E = V(r);
+        if (!E) {
           var x = "";
           (r === void 0 || typeof r == "object" && r !== null && Object.keys(r).length === 0) && (x += " 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 Y = En();
+          var Y = Cn();
           Y ? x += Y : x += lt();
           var A;
           r === null ? A = "null" : He(r) ? A = "array" : r !== void 0 && r.$$typeof === t ? (A = "<" + (Z(r.type) || "Unknown") + " />", x = " Did you accidentally export a JSX literal instead of a component?") : A = typeof r, R("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", A, x);
         }
-        var H = Cn(r, h, m, E, b);
+        var H = En(r, h, m, C, b);
         if (H == null)
           return H;
-        if (C) {
+        if (E) {
           var ee = h.children;
           if (ee !== void 0)
             if (w)
@@ -848,11 +848,11 @@ Check the top-level render call using <` + m + ">.");
               dt(ee, r);
         }
         if (ye.call(h, "key")) {
-          var ce = Z(r), G = Object.keys(h).filter(function(Dn) {
+          var ce = Z(r), J = Object.keys(h).filter(function(Dn) {
             return Dn !== "key";
-          }), ze = G.length > 0 ? "{key: someKey, " + G.join(": ..., ") + ": ...}" : "{key: someKey}";
+          }), ze = J.length > 0 ? "{key: someKey, " + J.join(": ..., ") + ": ...}" : "{key: someKey}";
           if (!ft[ce + ze]) {
-            var In = G.length > 0 ? "{" + G.join(": ..., ") + ": ...}" : "{}";
+            var In = J.length > 0 ? "{" + J.join(": ..., ") + ": ...}" : "{}";
             R(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
@@ -864,25 +864,26 @@ React keys must be passed directly to JSX without using spread:
         return r === o ? bn(H) : Sn(H), H;
       }
     }
-    function Pn(r, h, m) {
+    function Ln(r, h, m) {
       return ht(r, h, m, !0);
     }
-    function jn(r, h, m) {
+    function Pn(r, h, m) {
       return ht(r, h, m, !1);
     }
-    var Ln = jn, kn = Pn;
-    we.Fragment = o, we.jsx = Ln, we.jsxs = kn;
+    var jn = Pn, kn = Ln;
+    we.Fragment = o, we.jsx = jn, we.jsxs = kn;
   })()), we;
 }
 var wt;
-function Wn() {
-  return wt || (wt = 1, process.env.NODE_ENV === "production" ? Le.exports = Un() : Le.exports = zn()), Le.exports;
+function qn() {
+  return wt || (wt = 1, process.env.NODE_ENV === "production" ? je.exports = Un() : je.exports = zn()), je.exports;
 }
-var a = Wn();
-const qn = "_playerNotice_1m0i8_1", Zn = "_playerNoticeTitle_1m0i8_17", Kn = "_playerNoticeText_1m0i8_26", se = {
-  playerNotice: qn,
+var a = qn();
+const Wn = "_playerNotice_lq5nz_1", Zn = "_playerNoticeTitle_lq5nz_17", Kn = "_playerNoticeText_lq5nz_26", Yn = "_playerNoticeLowZIndex_lq5nz_35", ie = {
+  playerNotice: Wn,
   playerNoticeTitle: Zn,
-  playerNoticeText: Kn
+  playerNoticeText: Kn,
+  playerNoticeLowZIndex: Yn
 }, At = typeof window != "undefined" ? Vn : N;
 function Ke(e, t) {
   const n = O(e);
@@ -899,29 +900,29 @@ function Ke(e, t) {
     };
   }, [t]);
 }
-function Yn(e) {
+function Xn(e) {
   const [, t] = X(0);
   Ke(() => t((n) => n + 1), e);
 }
-const Xn = () => jt((e) => ({
+const Gn = () => Pt((e) => ({
   delay: 0,
   startDate: null,
   setDelay: (t) => e({ delay: t }),
   setStartDate: (t) => e({ startDate: t })
 })), Ot = bt(
   null
-), Gn = ({ children: e }) => {
+), Jn = ({ children: e }) => {
   const t = O(
     null
   );
-  return t.current || (t.current = Xn()), /* @__PURE__ */ a.jsx(Ot.Provider, { value: t.current, children: e });
+  return t.current || (t.current = Gn()), /* @__PURE__ */ a.jsx(Ot.Provider, { value: t.current, children: e });
 }, $ = (e) => {
-  const t = Pt(Ot);
+  const t = Lt(Ot);
   if (!t)
     throw new Error("usePlayerStore must be used within PlayerStoreProvider");
-  return Lt(t, e);
+  return jt(t, e);
 };
-function Jn(e, t, n) {
+function Qn(e, t, n) {
   const o = {
     days: 86400,
     hours: 3600,
@@ -931,15 +932,15 @@ function Jn(e, t, n) {
   };
   return e * (o[t] / o[n]);
 }
-function Qn(e) {
-  return Jn(e, "milliseconds", "seconds");
+function er(e) {
+  return Qn(e, "milliseconds", "seconds");
 }
 const _e = (e) => {
   if (isNaN(e) || e === 1 / 0) return "0:00";
   const t = (c) => (c < 10 ? "0" : "") + c, n = Math.floor(e / 3600), o = Math.floor(e % 3600 / 60), s = Math.floor(e % 60);
   return n === 0 ? `${o}:${t(s)}` : `${n}:${t(o)}:${t(s)}`;
 };
-function er(e, t) {
+function tr(e, t) {
   var n, o, s, c, u, i;
   if (typeof Intl != "undefined" && Intl.DateTimeFormat)
     try {
@@ -953,25 +954,25 @@ function er(e, t) {
         second: "2-digit",
         hour12: !1
       }).formatToParts(e), g = parseInt(
-        ((n = d.find((P) => P.type === "year")) == null ? void 0 : n.value) || "0",
+        ((n = d.find((L) => L.type === "year")) == null ? void 0 : n.value) || "0",
         10
       ), y = parseInt(
-        ((o = d.find((P) => P.type === "month")) == null ? void 0 : o.value) || "0",
+        ((o = d.find((L) => L.type === "month")) == null ? void 0 : o.value) || "0",
         10
       ) - 1, v = parseInt(
-        ((s = d.find((P) => P.type === "day")) == null ? void 0 : s.value) || "0",
+        ((s = d.find((L) => L.type === "day")) == null ? void 0 : s.value) || "0",
         10
       ), _ = parseInt(
-        ((c = d.find((P) => P.type === "hour")) == null ? void 0 : c.value) || "0",
+        ((c = d.find((L) => L.type === "hour")) == null ? void 0 : c.value) || "0",
         10
-      ), L = parseInt(
-        ((u = d.find((P) => P.type === "minute")) == null ? void 0 : u.value) || "0",
+      ), j = parseInt(
+        ((u = d.find((L) => L.type === "minute")) == null ? void 0 : u.value) || "0",
         10
       ), S = parseInt(
-        ((i = d.find((P) => P.type === "second")) == null ? void 0 : i.value) || "0",
+        ((i = d.find((L) => L.type === "second")) == null ? void 0 : i.value) || "0",
         10
       );
-      return new Date(g, y, v, _, L, S);
+      return new Date(g, y, v, _, j, S);
     } catch (l) {
       return console.warn(
         `Failed to convert date to timezone ${t}, returning original date:`,
@@ -987,23 +988,23 @@ function Ht(e) {
   const t = typeof window != "undefined" && ((n = window.navigator) == null ? void 0 : n.userAgent) || "";
   return e.test(t);
 }
-const $t = Ht(/iPhone|iPad|iPod/i), tr = Ht(/Tizen/i);
-function nr() {
+const $t = Ht(/iPhone|iPad|iPod/i), nr = Ht(/Tizen/i);
+function rr() {
   const e = document;
   return !!(e.fullscreenElement || e.mozFullScreenElement || e.webkitFullscreenElement || e.msFullscreenElement);
 }
-function rr(e) {
+function or(e) {
   e.requestFullscreen ? e.requestFullscreen() : e.msRequestFullscreen ? e.msRequestFullscreen() : e.webkitRequestFullScreen ? e.webkitRequestFullScreen() : e.webkitEnterFullScreen ? e.webkitEnterFullScreen() : e.mozRequestFullScreen && e.mozRequestFullScreen();
 }
-function or(e) {
+function ir(e) {
   e.exitFullscreen ? e.exitFullscreen() : e.msExitFullscreen ? e.msExitFullscreen() : e.webkitExitFullscreen ? e.webkitExitFullscreen() : e.mozCancelFullScreen && e.mozCancelFullScreen();
 }
-function ir(e, t) {
+function sr(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 sr = () => An(), ar = (e, t) => ({
+const ar = () => An(), lr = (e, t) => ({
   currentTime: 0,
   duration: 0,
   isEnded: !1,
@@ -1115,7 +1116,7 @@ const sr = () => An(), ar = (e, t) => ({
     }));
   },
   getPauseTimeDiff: () => !t().isStarted || !t().pauseTime ? 0 : parseInt(
-    Qn(Date.now() - t().pauseTime).toFixed(0)
+    er(Date.now() - t().pauseTime).toFixed(0)
   ),
   play: () => {
     const n = t().techRef.current;
@@ -1162,11 +1163,11 @@ const sr = () => An(), ar = (e, t) => ({
       isLoading: !1
     });
   }
-}), lr = (e, t) => ({
+}), cr = (e, t) => ({
   isIdle: !1,
   setIsIdle: (n) => e({ isIdle: n }),
   resetIdle: () => t().eventEmitter.emit("resetIdle")
-}), cr = (e) => ({
+}), ur = (e) => ({
   idleLocks: /* @__PURE__ */ new Set(),
   addIdleLock: (t) => e((n) => ({
     idleLocks: new Set(n.idleLocks).add(t)
@@ -1175,48 +1176,48 @@ const sr = () => An(), ar = (e, t) => ({
     const o = new Set(n.idleLocks);
     return o.delete(t), { idleLocks: o };
   })
-}), ur = (e, t) => ({
+}), dr = (e, t) => ({
   level: null,
   levels: null,
   setLevels: (n) => e({ levels: n }),
   setLevel: (n) => {
     n && t().eventEmitter.emit("qualityChange", { level: n }), e({ level: n });
   }
-}), dr = (e, t) => ({
+}), fr = (e, t) => ({
   isFullscreen: !1,
   isFullscreenReady: !1,
   exitFullscreen: () => {
-    t().eventEmitter.emit("fullscreenChange", { isFullscreen: !1 }), or(document), e({ isFullscreen: !1 });
+    t().eventEmitter.emit("fullscreenChange", { isFullscreen: !1 }), ir(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 s = $t ? n : o;
-    s && rr(s), e({ isFullscreen: !0 });
+    s && or(s), e({ isFullscreen: !0 });
   },
   setIsFullscreen: (n) => e({ isFullscreen: n }),
   setIsFullscreenReady: (n) => e({ isFullscreenReady: n })
-}), fr = (e) => ({
+}), hr = (e) => ({
   error: null,
   setError: (t) => e({ error: t })
-}), hr = () => ({
-  eventEmitter: sr()
-}), mr = (e) => () => j({}, e), pr = (e, t) => jt()((...n) => j(j(j(j(j(j(j(j({}, ar(...n)), lr(...n)), cr(...n)), dr(...n)), ur(...n)), fr(...n)), hr(...n)), mr({
+}), mr = () => ({
+  eventEmitter: ar()
+}), pr = (e) => () => P({}, e), vr = (e, t) => Pt()((...n) => P(P(P(P(P(P(P(P({}, lr(...n)), cr(...n)), ur(...n)), fr(...n)), dr(...n)), hr(...n)), mr(...n)), pr({
   techRef: e,
   containerRef: t
 })(...n))), Bt = bt(null);
-function vr({ children: e }) {
+function yr({ children: e }) {
   const t = O(null), n = O(null), o = O(null);
-  return t.current || (t.current = pr(n, o)), /* @__PURE__ */ a.jsx(Bt.Provider, { value: t.current, children: e });
+  return t.current || (t.current = vr(n, o)), /* @__PURE__ */ a.jsx(Bt.Provider, { value: t.current, children: e });
 }
 const f = (e) => {
-  const t = Pt(Bt);
+  const t = Lt(Bt);
   if (!t)
     throw new Error("usePlayerStore must be used within PlayerStoreProvider");
-  return Lt(t, e);
+  return jt(t, e);
 };
-function yr(e) {
+function gr(e) {
   const t = e.split(`
 `);
   for (const n of t) {
@@ -1224,12 +1225,12 @@ function yr(e) {
     if (o.startsWith("#EXT-X-PROGRAM-DATE-TIME:")) {
       const s = o.replace("#EXT-X-PROGRAM-DATE-TIME:", "").trim(), c = new Date(s);
       if (!isNaN(c.getTime()))
-        return er(c, "Europe/Sarajevo");
+        return tr(c, "Europe/Sarajevo");
     }
   }
   return null;
 }
-function gr(e, t) {
+function wr(e, t) {
   const n = e.split(`
 `);
   let o = !1;
@@ -1256,19 +1257,19 @@ function gr(e, t) {
   }
   return null;
 }
-function wr(e) {
+function Tr(e) {
   return e.replace("playlist.m3u8", "playlist_fmp4_dvr.m3u8");
 }
-async function Tr(e) {
+async function _r(e) {
   try {
-    const t = wr(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(), s = gr(
+    const o = await n.text(), s = wr(
       o,
       t
     );
@@ -1280,68 +1281,68 @@ async function Tr(e) {
       throw new Error(
         `Failed to fetch chunklist: ${c.status} ${c.statusText}`
       );
-    const u = await c.text(), i = yr(u);
+    const u = await c.text(), i = gr(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 _r(n) {
+function xr(n) {
   var o = n, { url: e } = o, t = ne(o, ["url"]);
   const [s, c] = X(!0), u = $((d) => d.startDate), i = $((d) => d.setStartDate), l = U(async () => {
-    const d = await Tr(e);
+    const d = await _r(e);
     d && i(d);
   }, [e, i]);
   return N(() => {
     (async () => {
       c(!0), await l(), c(!1);
     })();
-  }, [l]), Ke(l, u ? null : 5e3), s ? null : /* @__PURE__ */ a.jsx(xr, j({}, t));
+  }, [l]), Ke(l, u ? null : 5e3), s ? null : /* @__PURE__ */ a.jsx(Er, P({}, t));
 }
-function xr({
+function Er({
   children: e,
   messages: t = {}
 }) {
   var u, i, l;
   const n = $((d) => d.startDate), o = f((d) => d.isStarted);
-  return Yn(o ? null : 5e3), n ? Date.now() < n.getTime() ? /* @__PURE__ */ a.jsx(
+  return Xn(o ? null : 5e3), n ? Date.now() < n.getTime() ? /* @__PURE__ */ a.jsx(
     Cr,
     {
       startDate: n,
       title: (i = t == null ? void 0 : t.eventNotStarted) != null ? i : "Event has not started yet.",
       message: (l = t == null ? void 0 : t.eventStartingSoon) != null ? l : "Starting in few seconds..."
     }
-  ) : /* @__PURE__ */ a.jsx(a.Fragment, { children: e }) : /* @__PURE__ */ a.jsx("div", { className: se.playerNotice, children: /* @__PURE__ */ a.jsx("h3", { className: se.playerNoticeTitle, children: (u = t == null ? void 0 : t.eventNotStarted) != null ? u : "Event has not started yet." }) });
+  ) : /* @__PURE__ */ a.jsx(a.Fragment, { children: e }) : /* @__PURE__ */ a.jsx("div", { className: ie.playerNotice, children: /* @__PURE__ */ a.jsx("h3", { className: ie.playerNoticeTitle, children: (u = t == null ? void 0 : t.eventNotStarted) != null ? u : "Event has not started yet." }) });
 }
 function Cr({ startDate: e, title: t, message: n }) {
   const o = e.getTime() - Date.now(), s = Math.floor(o / (1e3 * 60 * 60)), c = Math.floor(
     o % (1e3 * 60 * 60) / (1e3 * 60)
   );
-  return s || c ? /* @__PURE__ */ a.jsxs("div", { className: se.playerNotice, children: [
-    /* @__PURE__ */ a.jsx("h3", { className: se.playerNoticeTitle, children: t }),
-    /* @__PURE__ */ a.jsxs("p", { className: se.playerNoticeText, children: [
+  return s || c ? /* @__PURE__ */ a.jsxs("div", { className: ie.playerNotice, children: [
+    /* @__PURE__ */ a.jsx("h3", { className: ie.playerNoticeTitle, children: t }),
+    /* @__PURE__ */ a.jsxs("p", { className: ie.playerNoticeText, children: [
       "(",
       s > 0 ? `${s}h ${c}m` : `${c}m`,
       ")"
     ] })
-  ] }) : /* @__PURE__ */ a.jsx("div", { className: se.playerNotice, children: /* @__PURE__ */ a.jsx("h3", { className: se.playerNoticeTitle, children: n }) });
+  ] }) : /* @__PURE__ */ a.jsx("div", { className: ie.playerNotice, children: /* @__PURE__ */ a.jsx("h3", { className: ie.playerNoticeTitle, children: n }) });
 }
 function Ut({ callback: e }) {
   const t = f((n) => n.eventEmitter);
   return N(() => {
-    const n = () => e("play", void 0), o = () => e("pause", void 0), s = () => e("ended", void 0), c = () => e("seeking", void 0), u = () => e("seeked", void 0), i = (S) => e("volumeChange", S), l = (S) => e("fullscreenChange", S), d = (S) => e("qualityChange", S), g = (S) => e("loadedMetadata", S), y = () => e("loadStart", void 0), v = () => e("playing", void 0), _ = () => e("waiting", void 0), L = () => e("error", void 0);
-    return t.on("play", n), t.on("pause", o), t.on("ended", s), t.on("seeking", c), t.on("seeked", u), t.on("volumeChange", i), t.on("fullscreenChange", l), t.on("qualityChange", d), t.on("loadedMetadata", g), t.on("loadStart", y), t.on("playing", v), t.on("waiting", _), t.on("error", L), () => {
-      t.off("play", n), t.off("pause", o), t.off("ended", s), t.off("seeking", c), t.off("seeked", u), t.off("volumeChange", i), t.off("fullscreenChange", l), t.off("qualityChange", d), t.off("loadedMetadata", g), t.off("loadStart", y), t.off("playing", v), t.off("waiting", _), t.off("error", L);
+    const n = () => e("play", void 0), o = () => e("pause", void 0), s = () => e("ended", void 0), c = () => e("seeking", void 0), u = () => e("seeked", void 0), i = (S) => e("volumeChange", S), l = (S) => e("fullscreenChange", S), d = (S) => e("qualityChange", S), g = (S) => e("loadedMetadata", S), y = () => e("loadStart", void 0), v = () => e("playing", void 0), _ = () => e("waiting", void 0), j = () => e("error", void 0);
+    return t.on("play", n), t.on("pause", o), t.on("ended", s), t.on("seeking", c), t.on("seeked", u), t.on("volumeChange", i), t.on("fullscreenChange", l), t.on("qualityChange", d), t.on("loadedMetadata", g), t.on("loadStart", y), t.on("playing", v), t.on("waiting", _), t.on("error", j), () => {
+      t.off("play", n), t.off("pause", o), t.off("ended", s), t.off("seeking", c), t.off("seeked", u), t.off("volumeChange", i), t.off("fullscreenChange", l), t.off("qualityChange", d), t.off("loadedMetadata", g), t.off("loadStart", y), t.off("playing", v), t.off("waiting", _), t.off("error", j);
     };
   }, [e, t]), null;
 }
 const zt = (e, t = 0) => parseInt(
   Math.max(0, (Date.now() - (e + t * 1e3)) / 1e3).toFixed(0)
-), Wt = (e, t) => Math.max(0, (Date.now() - e - t * 1e3) / 1e3), Er = (e, t) => Math.max(0, (t - e) / 1e3), Rr = (e, t = 0) => {
+), qt = (e, t) => Math.max(0, (Date.now() - e - t * 1e3) / 1e3), Rr = (e, t) => Math.max(0, (t - e) / 1e3), Sr = (e, t = 0) => {
   const o = t < 0 ? 0 : t, s = ["bytes", "kb", "mb", "gb", "tb", "pb", "eb", "zb", "yb"], c = Math.floor(Math.log(e) / Math.log(1024));
   return `${parseFloat((e / Math.pow(1024, c)).toFixed(o))}${s[c]}`;
 };
-function Sr({
+function br({
   isAuto: e,
   level: t,
   levels: n
@@ -1359,17 +1360,17 @@ function Sr({
     const { bitrate: u, height: i, index: l } = c;
     s.push({
       sid: `quality-level-${l}`,
-      label: i ? `${i}p` : Rr(u),
+      label: i ? `${i}p` : Sr(u),
       value: l,
       selected: o === 1 || !e && l === t
     });
   }), s;
 }
-function br({ callback: e }) {
+function Lr({ callback: e }) {
   const t = $((c) => c.delay), n = $((c) => c.startDate), o = n ? n.getTime() : 0, s = f((c) => c.eventEmitter);
   return N(() => {
     const c = () => e("timeUpdate", {
-      currentTime: Wt(o, t),
+      currentTime: qt(o, t),
       duration: -1
     });
     return s.on("timeUpdate", c), () => {
@@ -1377,7 +1378,7 @@ function br({ callback: e }) {
     };
   }, [e, s]), /* @__PURE__ */ a.jsx(Ut, { callback: e });
 }
-function qt() {
+function Wt() {
   const e = f((i) => i.exitFullscreen), t = f((i) => i.isFullscreen), n = f((i) => i.isFullscreenReady), o = f((i) => i.requestFullscreen), s = f((i) => i.setVolume), c = f((i) => i.volume), u = U(
     (i) => {
       let l = !1;
@@ -1441,19 +1442,19 @@ function Pr() {
   );
   return N(() => (document.addEventListener("keydown", u), () => {
     document.removeEventListener("keydown", u);
-  }), [u]), /* @__PURE__ */ a.jsx(qt, {});
+  }), [u]), /* @__PURE__ */ a.jsx(Wt, {});
 }
 function Zt({ children: e }) {
-  return /* @__PURE__ */ a.jsx(vr, { children: e });
+  return /* @__PURE__ */ a.jsx(yr, { children: e });
 }
 function jr({ children: e }) {
-  return /* @__PURE__ */ a.jsx(Gn, { children: /* @__PURE__ */ a.jsx(Zt, { children: e }) });
+  return /* @__PURE__ */ a.jsx(Jn, { children: /* @__PURE__ */ a.jsx(Zt, { children: e }) });
 }
-function Lr({ url: e, isLive: t, messages: n }) {
-  const o = O(null), s = f((T) => T.level), c = f((T) => T.levels), u = f((T) => T.setLevel), i = f((T) => T.setLevels), l = f((T) => T.techRef), d = f((T) => T.setError), g = O(0), y = O(null), v = 50, _ = 1e4, L = U(
+function kr({ url: e, isLive: t, messages: n }) {
+  const o = O(null), s = f((T) => T.level), c = f((T) => T.levels), u = f((T) => T.setLevel), i = f((T) => T.setLevels), l = f((T) => T.techRef), d = f((T) => T.setError), g = O(0), y = O(null), v = 50, _ = 1e4, j = U(
     (T) => {
       if (o.current && (o.current.nextLevel = T, u(null), c)) {
-        const I = c.map((p) => he(j({}, p), {
+        const I = c.map((p) => he(P({}, p), {
           selected: p.value === T
         }));
         i(I);
@@ -1462,18 +1463,18 @@ function Lr({ url: e, isLive: t, messages: n }) {
     [c, u, i, o]
   ), S = U(() => {
     o.current && (console.log("[Player][HLS] MEDIA_ATTACHED"), o.current.loadSource(e));
-  }, [e]), P = U(() => {
+  }, [e]), L = U(() => {
     if (!o.current) return;
     console.log("[Player][HLS] MANIFEST_LOADED"), d(null), y.current && (clearTimeout(y.current), y.current = null), g.current = 0;
     const T = o.current.levels, I = o.current.currentLevel, p = o.current.autoLevelEnabled;
     i(
-      Sr({
-        levels: T.map((B, J) => {
-          const { bitrate: q, height: V, width: D } = B;
+      br({
+        levels: T.map((B, G) => {
+          const { bitrate: W, height: V, width: D } = B;
           return {
-            bitrate: q,
+            bitrate: W,
             height: V,
-            index: J,
+            index: G,
             width: D
           };
         }),
@@ -1484,7 +1485,7 @@ function Lr({ url: e, isLive: t, messages: n }) {
   }, [d, i]), M = U(
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     (T, I) => {
-      var p;
+      var p, B;
       if (console.error("[Player][HLS] ERROR", T, I), !!o.current && I.fatal)
         switch (I.type) {
           case re.ErrorTypes.NETWORK_ERROR:
@@ -1492,14 +1493,18 @@ function Lr({ url: e, isLive: t, messages: n }) {
               if (o.current)
                 try {
                   console.log("[Player][HLS] Retrying stream..."), o.current.loadSource(e);
-                } catch (B) {
-                  console.error("[Player][HLS] Retry failed:", B);
+                } catch (G) {
+                  console.error("[Player][HLS] Retry failed:", G);
                 }
             }, _)), d({
               message: (p = n == null ? void 0 : n.eventFinished) != null ? p : "Live event will be back shortly.",
-              code: "MANIFEST_LOAD_ERROR",
+              code: "LIVE_MANIFEST_LOAD_ERROR",
               tech: "hls"
-            })) : o.current.startLoad();
+            })) : (d({
+              message: (B = n == null ? void 0 : n.unableToPlay) != null ? B : "Unable to play the video. Please try again later.",
+              code: "NETWORK_ERROR",
+              tech: "hls"
+            }), o.current.startLoad());
             break;
           case re.ErrorTypes.MEDIA_ERROR:
             o.current.recoverMediaError();
@@ -1514,28 +1519,28 @@ function Lr({ url: e, isLive: t, messages: n }) {
       maxBufferSize: 30 * 1024 * 1024
       // 30MB
     };
-    tr ? (T.backBufferLength = -1, T.enableWorker = !1) : t ? T.backBufferLength = 10 : T.backBufferLength = 60;
+    nr ? (T.backBufferLength = -1, T.enableWorker = !1) : t ? T.backBufferLength = 10 : T.backBufferLength = 60;
     try {
-      console.log("[Player][HLS] URL", e), console.log("[Player][HLS] Config", JSON.stringify(T)), console.log("[Player][HLS] Version", re.version), o.current = new re(T), o.current.attachMedia(l.current), o.current.on(re.Events.MEDIA_ATTACHED, S), o.current.on(re.Events.MANIFEST_LOADED, P), o.current.on(re.Events.ERROR, M);
+      console.log("[Player][HLS] URL", e), console.log("[Player][HLS] Config", JSON.stringify(T)), console.log("[Player][HLS] Version", re.version), o.current = new re(T), o.current.attachMedia(l.current), o.current.on(re.Events.MEDIA_ATTACHED, S), o.current.on(re.Events.MANIFEST_LOADED, L), o.current.on(re.Events.ERROR, M);
     } catch (I) {
       throw new Error(`Error initializing Hls: ${I}`);
     }
   }, [
-    P,
+    L,
     S,
     M,
     t,
     l,
     e
   ]), k = U(() => {
-    o.current && (o.current.off(re.Events.MEDIA_ATTACHED, S), o.current.off(re.Events.MANIFEST_LOADED, P), o.current.off(re.Events.ERROR, M), o.current.destroy(), o.current = null), y.current && (clearTimeout(y.current), y.current = null), g.current = 0;
-  }, [P, S, M]);
+    o.current && (o.current.off(re.Events.MEDIA_ATTACHED, S), o.current.off(re.Events.MANIFEST_LOADED, L), o.current.off(re.Events.ERROR, M), o.current.destroy(), o.current = null), y.current && (clearTimeout(y.current), y.current = null), g.current = 0;
+  }, [L, S, M]);
   return N(() => {
-    s !== null && L(s);
-  }, [s, L]), N(() => (re.isSupported() && R(), k), [k, R]), null;
+    s !== null && j(s);
+  }, [s, j]), N(() => (re.isSupported() && R(), k), [k, R]), null;
 }
-const kr = "_playerVideo_wc0sm_1", Ir = {
-  playerVideo: kr
+const Ir = "_playerVideo_wc0sm_1", Dr = {
+  playerVideo: Ir
 };
 function Kt({
   url: e,
@@ -1543,7 +1548,7 @@ function Kt({
   isMuted: n = !1,
   messages: o = {}
 }) {
-  const s = f((p) => p.handleDurationChange), c = f((p) => p.handleEnd), u = f((p) => p.handleLoadedMetadata), i = f((p) => p.handleLoadStart), l = f((p) => p.handlePause), d = f((p) => p.handlePlay), g = f((p) => p.handlePlaying), y = f((p) => p.handleSeeked), v = f((p) => p.handleSeeking), _ = f((p) => p.handleTimeUpdate), L = f((p) => p.handleWaiting), S = f((p) => p.handleVolumeChange), P = f((p) => p.handleError), M = f((p) => p.techRef), R = O(null), k = () => t ? {} : {
+  const s = f((p) => p.handleDurationChange), c = f((p) => p.handleEnd), u = f((p) => p.handleLoadedMetadata), i = f((p) => p.handleLoadStart), l = f((p) => p.handlePause), d = f((p) => p.handlePlay), g = f((p) => p.handlePlaying), y = f((p) => p.handleSeeked), v = f((p) => p.handleSeeking), _ = f((p) => p.handleTimeUpdate), j = f((p) => p.handleWaiting), S = f((p) => p.handleVolumeChange), L = f((p) => p.handleError), M = f((p) => p.techRef), R = O(null), k = () => t ? {} : {
     onDurationChange: s,
     onSeeked: y,
     onSeeking: v,
@@ -1552,12 +1557,12 @@ function Kt({
     (!R.current || Date.now() - R.current >= 1e3) && (_(), R.current = Date.now());
   }, I = k();
   return /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
-    /* @__PURE__ */ a.jsx(Lr, { isLive: t, url: e, messages: o }),
+    /* @__PURE__ */ a.jsx(kr, { isLive: t, url: e, messages: o }),
     /* @__PURE__ */ a.jsx(
       "video",
-      j({
+      P({
         ref: M,
-        className: Ir.playerVideo,
+        className: Dr.playerVideo,
         playsInline: !0,
         autoPlay: !0,
         controls: !1,
@@ -1565,20 +1570,20 @@ function Kt({
         preload: "auto",
         crossOrigin: "anonymous",
         onEnded: c,
-        onError: P,
+        onError: L,
         onLoadedMetadata: u,
         onLoadStart: i,
         onPause: l,
         onPlay: d,
         onPlaying: g,
-        onWaiting: L,
+        onWaiting: j,
         onVolumeChange: S,
         tabIndex: -1
       }, I)
     )
   ] });
 }
-function Dr({ url: e, messages: t = {} }) {
+function Fr({ url: e, messages: t = {} }) {
   const [n, o] = X(null), s = $((u) => u.delay), c = U(async () => {
     o(
       s ? e.replace("-live", "-catchup").replace("playlist.m3u8", `playlist_fmp4_dvr_timeshift-${s}.m3u8`) : e
@@ -1588,7 +1593,7 @@ function Dr({ url: e, messages: t = {} }) {
     c();
   }, [c]), n ? /* @__PURE__ */ a.jsx(Kt, { url: n, isLive: !0, messages: t }) : null;
 }
-function Fr(e, {
+function Mr(e, {
   defaultValue: t = !1,
   initializeWithValue: n = !0
 } = {}) {
@@ -1605,13 +1610,13 @@ function Fr(e, {
     };
   }, [e]), s;
 }
-const Mr = "_playbackButton_lgsgw_1", Nr = "_seekIndicator_lgsgw_23", Vr = "_seekIndicatorLeft_lgsgw_49", Ar = "_seekIndicatorRight_lgsgw_53", Or = "_seekIndicatorVisible_lgsgw_57", me = {
-  playbackButton: Mr,
-  seekIndicator: Nr,
-  seekIndicatorLeft: Vr,
-  seekIndicatorRight: Ar,
-  seekIndicatorVisible: Or
-}, Hr = 10;
+const Nr = "_playbackButton_lgsgw_1", Vr = "_seekIndicator_lgsgw_23", Ar = "_seekIndicatorLeft_lgsgw_49", Or = "_seekIndicatorRight_lgsgw_53", Hr = "_seekIndicatorVisible_lgsgw_57", me = {
+  playbackButton: Nr,
+  seekIndicator: Vr,
+  seekIndicatorLeft: Ar,
+  seekIndicatorRight: Or,
+  seekIndicatorVisible: Hr
+}, $r = 10;
 function Yt(i) {
   var l = i, {
     className: e,
@@ -1628,9 +1633,9 @@ function Yt(i) {
     "maxForwardTime",
     "maxBackwardTime"
   ]);
-  return Fr("(min-width: 1024px)") ? /* @__PURE__ */ a.jsx($r, j({ className: e, onClick: t }, u)) : /* @__PURE__ */ a.jsx(
-    Br,
-    j({
+  return Mr("(min-width: 1024px)") ? /* @__PURE__ */ a.jsx(Br, P({ className: e, onClick: t }, u)) : /* @__PURE__ */ a.jsx(
+    Ur,
+    P({
       className: e,
       maxForwardTime: s,
       maxBackwardTime: c,
@@ -1639,7 +1644,7 @@ function Yt(i) {
     }, u)
   );
 }
-function $r(o) {
+function Br(o) {
   var s = o, { className: e, onClick: t } = s, n = ne(s, ["className", "onClick"]);
   const c = O(null), u = f((_) => _.exitFullscreen), i = f((_) => _.isFullscreen), l = f((_) => _.requestFullscreen), d = (_) => {
     v() ? (y(), i ? u() : l()) : g(_);
@@ -1654,14 +1659,14 @@ function $r(o) {
     y();
   }, []), /* @__PURE__ */ a.jsx(
     "button",
-    j({
+    P({
       onClick: d,
       className: [me.playbackButton, e].filter(Boolean).join(" "),
       "aria-label": "Player gestures"
     }, n)
   );
 }
-function Br(u) {
+function Ur(u) {
   var i = u, {
     className: e,
     maxForwardTime: t,
@@ -1679,49 +1684,49 @@ function Br(u) {
     single: null,
     indicator: null,
     accumulate: null
-  }), g = O(null), y = O(0), v = O(null), [_, L] = X({ visible: !1, direction: null, time: 0 }), S = f((p) => p.isIdle), P = f((p) => p.setIsIdle), M = f((p) => p.resetIdle), R = (p, B) => p < B / 2 ? "backward" : "forward", k = (p) => {
+  }), g = O(null), y = O(0), v = O(null), [_, j] = X({ visible: !1, direction: null, time: 0 }), S = f((p) => p.isIdle), L = f((p) => p.setIsIdle), M = f((p) => p.resetIdle), R = (p, B) => p < B / 2 ? "backward" : "forward", k = (p) => {
     if (!g.current) return;
     const B = p.changedTouches[0];
     if (!B) return;
-    const J = Date.now(), q = g.current.getBoundingClientRect(), V = B.clientX - q.left, D = B.clientY - q.top;
-    if (V < 0 || V > q.width || D < 0 || D > q.height)
+    const G = Date.now(), W = g.current.getBoundingClientRect(), V = B.clientX - W.left, D = B.clientY - W.top;
+    if (V < 0 || V > W.width || D < 0 || D > W.height)
       return;
-    const Q = l.current, Z = Q ? J - Q.time : 1 / 0, z = R(V, q.width), oe = v.current !== null && v.current === z && Q !== null && Z < 700 && Math.abs(V - Q.x) < 100;
+    const Q = l.current, Z = Q ? G - Q.time : 1 / 0, z = R(V, W.width), oe = v.current !== null && v.current === z && Q !== null && Z < 700 && Math.abs(V - Q.x) < 100;
     if (Q !== null && v.current === null && Z < 300 && Math.abs(V - Q.x) < 50 || oe) {
       p.preventDefault(), p.stopPropagation(), d.current.single && (window.clearTimeout(d.current.single), d.current.single = null), M(), (v.current === null || v.current !== z) && (y.current = 0, v.current = z);
       const te = z === "backward" ? n : t;
       y.current = Math.min(
-        y.current + Hr,
+        y.current + $r,
         te != null ? te : 1 / 0
       ), T(z, y.current), d.current.accumulate && window.clearTimeout(d.current.accumulate), d.current.accumulate = window.setTimeout(() => {
-        const W = y.current;
-        W > 0 && (v.current === "backward" ? s == null || s(W) : o == null || o(W), y.current = 0, v.current = null, l.current = null, I(), M()), d.current.accumulate = null;
-      }, 500), l.current = { time: J, x: V };
+        const q = y.current;
+        q > 0 && (v.current === "backward" ? s == null || s(q) : o == null || o(q), y.current = 0, v.current = null, l.current = null, I(), M()), d.current.accumulate = null;
+      }, 500), l.current = { time: G, x: V };
     } else {
-      l.current = { time: J, x: V }, d.current.single && window.clearTimeout(d.current.single);
+      l.current = { time: G, x: V }, d.current.single && window.clearTimeout(d.current.single);
       const te = v.current !== null ? 700 : 350;
       d.current.single = window.setTimeout(() => {
         if (v.current === null) {
           d.current.single = null;
-          const W = S;
-          P(!W), W && M();
+          const q = S;
+          L(!q), q && M();
         }
         l.current = null;
       }, te);
     }
   }, T = (p, B) => {
-    L({ visible: !0, direction: p, time: B }), d.current.indicator && window.clearTimeout(d.current.indicator), d.current.indicator = window.setTimeout(() => {
+    j({ visible: !0, direction: p, time: B }), d.current.indicator && window.clearTimeout(d.current.indicator), d.current.indicator = window.setTimeout(() => {
       I();
     }, 700);
   }, I = () => {
-    L({ visible: !1, direction: null, time: 0 }), d.current.indicator && (window.clearTimeout(d.current.indicator), d.current.indicator = null);
+    j({ visible: !1, direction: null, time: 0 }), d.current.indicator && (window.clearTimeout(d.current.indicator), d.current.indicator = null);
   };
   return N(() => () => {
     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__ */ a.jsxs(a.Fragment, { children: [
     /* @__PURE__ */ a.jsx(
       "button",
-      j({
+      P({
         ref: g,
         onTouchEnd: k,
         className: [me.playbackButton, e].filter(Boolean).join(" "),
@@ -1740,7 +1745,7 @@ function Br(u) {
     )
   ] });
 }
-function Ur() {
+function zr() {
   const e = f((l) => l.isPlaying), t = f((l) => l.pause), n = f((l) => l.getPauseTimeDiff), o = f((l) => l.play), s = $((l) => l.delay), c = $((l) => l.setDelay), u = $((l) => l.startDate), i = u ? u.getTime() : 0;
   return /* @__PURE__ */ a.jsx(
     Yt,
@@ -1766,28 +1771,28 @@ function Ur() {
     }
   );
 }
-const zr = "_playerButton_izwqq_1", Wr = "_playerButtonCircle_izwqq_42", Tt = {
-  playerButton: zr,
+const qr = "_playerButton_izwqq_1", Wr = "_playerButtonCircle_izwqq_42", Tt = {
+  playerButton: qr,
   playerButtonCircle: Wr
 }, le = Me(
   (s, o) => {
     var c = s, { shape: e = "circle", className: t } = c, n = ne(c, ["shape", "className"]);
     const u = e === "circle" ? Tt.playerButtonCircle : "", i = [Tt.playerButton, u, t].filter(Boolean).join(" ");
-    return /* @__PURE__ */ a.jsx("button", j({ ref: o, className: i }, n));
+    return /* @__PURE__ */ a.jsx("button", P({ ref: o, className: i }, n));
   }
 );
 le.displayName = "PlayerButton";
-const qr = "_liveIndicator_1jczn_1", Zr = "_liveIndicatorHasDelay_1jczn_9", Kr = "_liveIndicatorNoDelay_1jczn_13", ke = {
-  liveIndicator: qr,
-  liveIndicatorHasDelay: Zr,
-  liveIndicatorNoDelay: Kr
+const Zr = "_liveIndicator_1jczn_1", Kr = "_liveIndicatorHasDelay_1jczn_9", Yr = "_liveIndicatorNoDelay_1jczn_13", ke = {
+  liveIndicator: Zr,
+  liveIndicatorHasDelay: Kr,
+  liveIndicatorNoDelay: Yr
 };
-function Yr(n) {
+function Xr(n) {
   var o = n, { message: e } = o, t = ne(o, ["message"]);
   const s = $((l) => l.delay), c = $((l) => l.setDelay), u = () => {
     s && c(0);
   }, i = s ? `${ke.liveIndicator} ${ke.liveIndicatorHasDelay}` : `${ke.liveIndicator} ${ke.liveIndicatorNoDelay}`;
-  return /* @__PURE__ */ a.jsxs(le, he(j({ onClick: u, shape: "square" }, t), { children: [
+  return /* @__PURE__ */ a.jsxs(le, he(P({ onClick: u, shape: "square" }, t), { children: [
     /* @__PURE__ */ a.jsx("div", { className: i }),
     e || "Live"
   ] }));
@@ -1814,7 +1819,7 @@ function Gt() {
     }
   );
 }
-function Xr() {
+function Gr() {
   const e = f((i) => i.isPlaying), t = f((i) => i.pause), n = f((i) => i.getPauseTimeDiff), o = f((i) => i.play), s = $((i) => i.delay), c = $((i) => i.setDelay), u = () => {
     if (e)
       t();
@@ -1825,22 +1830,22 @@ function Xr() {
   };
   return /* @__PURE__ */ a.jsx(le, { onClick: u, children: e ? /* @__PURE__ */ a.jsx(Xt, {}) : /* @__PURE__ */ a.jsx(Gt, {}) });
 }
-const Gr = "_progressSlider_hwzgf_1", Jr = "_tipContainer_hwzgf_7", Qr = "_tipContainerVisible_hwzgf_17", eo = "_tipContainerHidden_hwzgf_22", to = "_tipContent_hwzgf_27", ie = {
-  progressSlider: Gr,
-  tipContainer: Jr,
-  tipContainerVisible: Qr,
-  tipContainerHidden: eo,
-  tipContent: to
-}, no = "_sliderRoot_aeak6_1", ro = "_sliderTrack_aeak6_18", oo = "_sliderRange_aeak6_28", io = "_sliderThumb_aeak6_37", Ie = {
-  sliderRoot: no,
-  sliderTrack: ro,
-  sliderRange: oo,
-  sliderThumb: io
+const Jr = "_progressSlider_hwzgf_1", Qr = "_tipContainer_hwzgf_7", eo = "_tipContainerVisible_hwzgf_17", to = "_tipContainerHidden_hwzgf_22", no = "_tipContent_hwzgf_27", se = {
+  progressSlider: Jr,
+  tipContainer: Qr,
+  tipContainerVisible: eo,
+  tipContainerHidden: to,
+  tipContent: no
+}, ro = "_sliderRoot_aeak6_1", oo = "_sliderTrack_aeak6_18", io = "_sliderRange_aeak6_28", so = "_sliderThumb_aeak6_37", Ie = {
+  sliderRoot: ro,
+  sliderTrack: oo,
+  sliderRange: io,
+  sliderThumb: so
 }, Ne = Me((c, s) => {
   var u = c, { max: e = 100, min: t = 0, className: n } = u, o = ne(u, ["max", "min", "className"]);
   return /* @__PURE__ */ a.jsxs(
-    Pe.Root,
-    he(j({
+    Le.Root,
+    he(P({
       ref: s,
       min: t,
       max: e,
@@ -1853,8 +1858,8 @@ const Gr = "_progressSlider_hwzgf_1", Jr = "_tipContainer_hwzgf_7", Qr = "_tipCo
       )
     }, o), {
       children: [
-        /* @__PURE__ */ a.jsx(Pe.Track, { className: Ie.sliderTrack, children: /* @__PURE__ */ a.jsx(Pe.Range, { className: Ie.sliderRange }) }),
-        /* @__PURE__ */ a.jsx(Pe.Thumb, { className: Ie.sliderThumb })
+        /* @__PURE__ */ a.jsx(Le.Track, { className: Ie.sliderTrack, children: /* @__PURE__ */ a.jsx(Le.Range, { className: Ie.sliderRange }) }),
+        /* @__PURE__ */ a.jsx(Le.Thumb, { className: Ie.sliderThumb })
       ]
     })
   );
@@ -1872,43 +1877,43 @@ function Fe(e) {
   } : t;
 }
 const _t = "vod-player-progress-bar";
-function so() {
-  const e = O(null), t = O(null), [n, o] = X(0), [s, c] = X(0), [u, i] = X(!1), [l, d] = X(-1), [g, y] = X(-1), v = $((D) => D.delay), _ = $((D) => D.startDate), L = _ ? _.getTime() : 0, S = (/* @__PURE__ */ new Date()).getTime(), P = $((D) => D.setDelay), M = f((D) => D.isPlaying), R = f((D) => D.addIdleLock), k = f((D) => D.removeIdleLock), T = U(() => {
-    o(Wt(L, v)), c(Er(L, S));
-  }, [v, S, L]), I = parseFloat(
+function ao() {
+  const e = O(null), t = O(null), [n, o] = X(0), [s, c] = X(0), [u, i] = X(!1), [l, d] = X(-1), [g, y] = X(-1), v = $((D) => D.delay), _ = $((D) => D.startDate), j = _ ? _.getTime() : 0, S = (/* @__PURE__ */ new Date()).getTime(), L = $((D) => D.setDelay), M = f((D) => D.isPlaying), R = f((D) => D.addIdleLock), k = f((D) => D.removeIdleLock), T = U(() => {
+    o(qt(j, v)), c(Rr(j, S));
+  }, [v, S, j]), I = parseFloat(
     (s ? (g !== -1 ? g : n) / s * 100 : 0).toFixed(1)
   ), p = (D) => {
     y(s * (D[0] / 100)), R(_t);
   }, B = () => {
     if (g !== -1) {
-      const D = zt(L, g);
-      P(D), y(-1), k(_t);
+      const D = zt(j, g);
+      L(D), y(-1), k(_t);
     }
-  }, J = () => i(!0), q = () => i(!1), V = U(
+  }, G = () => i(!0), W = () => i(!1), V = U(
     (D) => {
       const Q = e.current, Z = t.current;
       if (Q && Z) {
         const z = Fe(Q), oe = Fe(Z), ue = (D.pageX || D.clientX) - z.left, te = ue / z.width;
         if (te < 0) return;
-        let W = ue - oe.width / 2;
-        W < 0 && (W = 0), W > z.width - oe.width && (W = -1), Z.style.left = W > -1 ? `${W}px` : "auto", Z.style.right = W > -1 ? "auto" : "0px";
+        let q = ue - oe.width / 2;
+        q < 0 && (q = 0), q > z.width - oe.width && (q = -1), Z.style.left = q > -1 ? `${q}px` : "auto", Z.style.right = q > -1 ? "auto" : "0px";
         const ve = s - te * s;
         d(ve > 0 ? ve : 0);
       }
-      J();
+      G();
     },
     [s]
   );
   return Ke(() => T(), M ? 1e3 : null), N(() => {
     T();
-  }, [T]), /* @__PURE__ */ a.jsxs("div", { className: ie.progressSlider, children: [
+  }, [T]), /* @__PURE__ */ a.jsxs("div", { className: se.progressSlider, children: [
     /* @__PURE__ */ a.jsx(
       Ne,
       {
         ref: e,
         value: [I],
-        onPointerLeave: q,
-        onPointerDown: q,
+        onPointerLeave: W,
+        onPointerDown: W,
         onPointerMove: V,
         onValueChange: p,
         onValueCommit: B,
@@ -1919,13 +1924,13 @@ function so() {
       "div",
       {
         ref: t,
-        className: `${ie.tipContainer} ${u ? ie.tipContainerVisible : ie.tipContainerHidden}`,
-        children: /* @__PURE__ */ a.jsx("p", { className: ie.tipContent, children: `-${_e(l)}` })
+        className: `${se.tipContainer} ${u ? se.tipContainerVisible : se.tipContainerHidden}`,
+        children: /* @__PURE__ */ a.jsx("p", { className: se.tipContent, children: `-${_e(l)}` })
       }
     )
   ] });
 }
-function ao() {
+function lo() {
   return /* @__PURE__ */ a.jsx(
     "svg",
     {
@@ -1936,24 +1941,32 @@ function ao() {
     }
   );
 }
-function lo() {
+function co() {
   const e = $((s) => s.startDate), t = $((s) => s.setDelay), n = e ? e.getTime() : 0, o = () => t(zt(n));
-  return /* @__PURE__ */ a.jsx(le, { onClick: o, children: /* @__PURE__ */ a.jsx(ao, {}) });
+  return /* @__PURE__ */ a.jsx(le, { onClick: o, children: /* @__PURE__ */ a.jsx(lo, {}) });
 }
 function Jt() {
-  const e = f((t) => t.error);
-  return e ? /* @__PURE__ */ a.jsx("div", { className: se.playerNotice, children: /* @__PURE__ */ a.jsx("h3", { className: se.playerNoticeTitle, children: e.message }) }) : null;
-}
-const co = "_playerContainer_1fn8l_1", uo = "_controlsBottom_1fn8l_29", fo = "_controlsContainer_1fn8l_45", ho = "_controlsRow_1fn8l_61", mo = "_controlsSection_1fn8l_68", po = "_controlsSectionStart_1fn8l_78", vo = "_controlsSectionEnd_1fn8l_82", K = {
-  playerContainer: co,
-  controlsBottom: uo,
-  controlsContainer: fo,
-  controlsRow: ho,
-  controlsSection: mo,
-  controlsSectionStart: po,
-  controlsSectionEnd: vo
+  const e = f((n) => n.error);
+  if (!e) return null;
+  const t = e.code === "LIVE_MANIFEST_LOAD_ERROR";
+  return /* @__PURE__ */ a.jsx(
+    "div",
+    {
+      className: `${ie.playerNotice} ${t ? ie.playerNoticeLowZIndex : ""}`,
+      children: /* @__PURE__ */ a.jsx("h3", { className: ie.playerNoticeTitle, children: e.message })
+    }
+  );
+}
+const uo = "_playerContainer_1fn8l_1", fo = "_controlsBottom_1fn8l_29", ho = "_controlsContainer_1fn8l_45", mo = "_controlsRow_1fn8l_61", po = "_controlsSection_1fn8l_68", vo = "_controlsSectionStart_1fn8l_78", yo = "_controlsSectionEnd_1fn8l_82", K = {
+  playerContainer: uo,
+  controlsBottom: fo,
+  controlsContainer: ho,
+  controlsRow: mo,
+  controlsSection: po,
+  controlsSectionStart: vo,
+  controlsSectionEnd: yo
 };
-function yo() {
+function go() {
   return /* @__PURE__ */ a.jsx(
     "svg",
     {
@@ -1964,7 +1977,7 @@ function yo() {
     }
   );
 }
-function go() {
+function wo() {
   return /* @__PURE__ */ a.jsx(
     "svg",
     {
@@ -1978,7 +1991,7 @@ function go() {
 function Qt() {
   const e = f((d) => d.containerRef), t = f((d) => d.exitFullscreen), n = f((d) => d.isFullscreen), o = f((d) => d.requestFullscreen), s = f((d) => d.setIsFullscreen), c = f((d) => d.setIsFullscreenReady), u = f((d) => d.techRef), i = U(
     (d) => {
-      d.stopPropagation(), s(nr());
+      d.stopPropagation(), s(rr());
     },
     [s]
   ), l = () => {
@@ -1987,21 +2000,21 @@ function Qt() {
   return N(() => {
     const d = $t ? u.current : e.current;
     if (d)
-      return ir(d, i);
+      return sr(d, i);
   }, [e, i, u]), N(() => {
     c(!0);
-  }, [c]), /* @__PURE__ */ a.jsx(le, { onClick: l, children: n ? /* @__PURE__ */ a.jsx(go, {}) : /* @__PURE__ */ a.jsx(yo, {}) });
+  }, [c]), /* @__PURE__ */ a.jsx(le, { onClick: l, children: n ? /* @__PURE__ */ a.jsx(wo, {}) : /* @__PURE__ */ a.jsx(go, {}) });
 }
-const wo = "_idleCheckContainer_iz9tu_1", To = "_idleCheckContainerIdle_iz9tu_10", _o = "_idleCheckContainerActive_iz9tu_15", We = {
-  idleCheckContainer: wo,
-  idleCheckContainerIdle: To,
-  idleCheckContainerActive: _o
-}, xo = 5 * 1e3;
+const To = "_idleCheckContainer_iz9tu_1", _o = "_idleCheckContainerIdle_iz9tu_10", xo = "_idleCheckContainerActive_iz9tu_15", qe = {
+  idleCheckContainer: To,
+  idleCheckContainerIdle: _o,
+  idleCheckContainerActive: xo
+}, Eo = 5 * 1e3;
 function en({ children: e }) {
   const t = O(null), n = f((v) => v.isIdle), o = f((v) => v.setIsIdle), s = O(null), u = f((v) => v.idleLocks).size, i = f((v) => v.eventEmitter), l = U(() => {
     s.current !== null && (window.clearTimeout(s.current), s.current = null);
   }, []), d = U(() => {
-    l(), s.current = window.setTimeout(() => o(!0), xo);
+    l(), s.current = window.setTimeout(() => o(!0), Eo);
   }, [l]);
   N(() => (o(!1), d(), () => {
     l();
@@ -2010,11 +2023,11 @@ function en({ children: e }) {
     if (!v) return;
     const _ = (S) => {
       n && (S.stopPropagation(), o(!1), d());
-    }, L = () => {
+    }, j = () => {
       n && o(!1), d();
     };
-    return v.addEventListener("click", _), v.addEventListener("mousemove", L), () => {
-      v.removeEventListener("click", _), v.removeEventListener("mousemove", L);
+    return v.addEventListener("click", _), v.addEventListener("mousemove", j), () => {
+      v.removeEventListener("click", _), v.removeEventListener("mousemove", j);
     };
   }, [t, n, o, d]), N(() => {
     const v = () => {
@@ -2024,16 +2037,16 @@ function en({ children: e }) {
       i.off("resetIdle", v);
     };
   }, [i, o, d]);
-  const g = n && !u, y = `${We.idleCheckContainer} ${g ? We.idleCheckContainerIdle : We.idleCheckContainerActive}`;
+  const g = n && !u, y = `${qe.idleCheckContainer} ${g ? qe.idleCheckContainerIdle : qe.idleCheckContainerActive}`;
   return /* @__PURE__ */ a.jsx("div", { ref: t, className: y, children: e });
 }
-const Co = "_spinner_oo4hi_10", Eo = {
+const Co = "_spinner_oo4hi_10", Ro = {
   spinner: Co
 };
-function Ro(e) {
-  return /* @__PURE__ */ a.jsx("div", j({ className: Eo.spinner }, e));
+function So(e) {
+  return /* @__PURE__ */ a.jsx("div", P({ className: Ro.spinner }, e));
 }
-function So(e, t = 500) {
+function bo(e, t = 500) {
   const [n, o] = X(e);
   return N(() => {
     const s = window.setTimeout(() => o(e), t);
@@ -2042,13 +2055,13 @@ function So(e, t = 500) {
     };
   }, [e, t]), n;
 }
-const bo = "_loadingContainer_v9v7r_1", Po = {
-  loadingContainer: bo
+const Lo = "_loadingContainer_v9v7r_1", Po = {
+  loadingContainer: Lo
 };
 function tn(n) {
   var o = n, { style: e } = o, t = ne(o, ["style"]);
   const s = f((u) => u.isLoading);
-  return So(s, 100) ? /* @__PURE__ */ a.jsx("div", he(j({ className: Po.loadingContainer, style: e }, t), { children: /* @__PURE__ */ a.jsx(Ro, {}) })) : null;
+  return bo(s, 100) ? /* @__PURE__ */ a.jsx("div", he(P({ className: Po.loadingContainer, style: e }, t), { children: /* @__PURE__ */ a.jsx(So, {}) })) : null;
 }
 function jo() {
   return /* @__PURE__ */ a.jsx(
@@ -2061,7 +2074,7 @@ function jo() {
     }
   );
 }
-function Lo() {
+function ko() {
   return /* @__PURE__ */ a.jsx(
     "svg",
     {
@@ -2072,18 +2085,18 @@ function Lo() {
     }
   );
 }
-const ko = "_dropdownMenuContent_11aiz_1", Io = "_dropdownMenuItem_11aiz_82", Do = "_scrollAreaRoot_11aiz_124", Fo = "_scrollAreaViewport_11aiz_132", Mo = "_scrollAreaScrollbar_11aiz_140", No = "_scrollAreaThumb_11aiz_167", pe = {
-  dropdownMenuContent: ko,
-  dropdownMenuItem: Io,
-  scrollAreaRoot: Do,
-  scrollAreaViewport: Fo,
-  scrollAreaScrollbar: Mo,
-  scrollAreaThumb: No
-}, Vo = xe.Root, Ao = xe.Trigger, Oo = xe.Portal, nn = Me((c, s) => {
+const Io = "_dropdownMenuContent_11aiz_1", Do = "_dropdownMenuItem_11aiz_82", Fo = "_scrollAreaRoot_11aiz_124", Mo = "_scrollAreaViewport_11aiz_132", No = "_scrollAreaScrollbar_11aiz_140", Vo = "_scrollAreaThumb_11aiz_167", pe = {
+  dropdownMenuContent: Io,
+  dropdownMenuItem: Do,
+  scrollAreaRoot: Fo,
+  scrollAreaViewport: Mo,
+  scrollAreaScrollbar: No,
+  scrollAreaThumb: Vo
+}, Ao = xe.Root, Oo = xe.Trigger, Ho = xe.Portal, nn = Me((c, s) => {
   var u = c, { sideOffset: e = 4, className: t, children: n } = u, o = ne(u, ["sideOffset", "className", "children"]);
   return /* @__PURE__ */ a.jsx(
     xe.Content,
-    he(j({
+    he(P({
       ref: s,
       sideOffset: e,
       className: [pe.dropdownMenuContent, t].filter(Boolean).join(" "),
@@ -2095,19 +2108,19 @@ const ko = "_dropdownMenuContent_11aiz_1", Io = "_dropdownMenuItem_11aiz_82", Do
       }
     }, o), {
       children: /* @__PURE__ */ a.jsxs(
-        je.Root,
+        Pe.Root,
         {
           className: pe.scrollAreaRoot,
           type: "always",
           scrollHideDelay: 0,
           children: [
-            /* @__PURE__ */ a.jsx(je.Viewport, { className: pe.scrollAreaViewport, children: n }),
+            /* @__PURE__ */ a.jsx(Pe.Viewport, { className: pe.scrollAreaViewport, children: n }),
             /* @__PURE__ */ a.jsx(
-              je.Scrollbar,
+              Pe.Scrollbar,
               {
                 className: pe.scrollAreaScrollbar,
                 orientation: "vertical",
-                children: /* @__PURE__ */ a.jsx(je.Thumb, { className: pe.scrollAreaThumb })
+                children: /* @__PURE__ */ a.jsx(Pe.Thumb, { className: pe.scrollAreaThumb })
               }
             )
           ]
@@ -2126,7 +2139,7 @@ const rn = Me((s, o) => {
   };
   return /* @__PURE__ */ a.jsx(xe.Close, { asChild: !0, children: /* @__PURE__ */ a.jsx(
     "div",
-    j({
+    P({
       ref: o,
       className: [pe.dropdownMenuItem, e].filter(Boolean).join(" "),
       role: "menuitem",
@@ -2145,9 +2158,9 @@ function on() {
     },
     [o, s]
   );
-  return /* @__PURE__ */ a.jsxs(Vo, { open: e, onOpenChange: i, children: [
-    /* @__PURE__ */ a.jsx(Ao, { asChild: !0, children: /* @__PURE__ */ a.jsx(le, { children: /* @__PURE__ */ a.jsx(Lo, {}) }) }),
-    /* @__PURE__ */ a.jsx(Oo, { container: n.current, children: /* @__PURE__ */ a.jsx(nn, { side: "top", align: "end", children: c == null ? void 0 : c.map((l) => /* @__PURE__ */ a.jsxs(
+  return /* @__PURE__ */ a.jsxs(Ao, { open: e, onOpenChange: i, children: [
+    /* @__PURE__ */ a.jsx(Oo, { asChild: !0, children: /* @__PURE__ */ a.jsx(le, { children: /* @__PURE__ */ a.jsx(ko, {}) }) }),
+    /* @__PURE__ */ a.jsx(Ho, { container: n.current, children: /* @__PURE__ */ a.jsx(nn, { side: "top", align: "end", children: c == null ? void 0 : c.map((l) => /* @__PURE__ */ a.jsxs(
       rn,
       {
         onClick: () => u(l.value),
@@ -2160,7 +2173,7 @@ function on() {
     )) }) })
   ] });
 }
-function Ho() {
+function $o() {
   return /* @__PURE__ */ a.jsx(
     "svg",
     {
@@ -2171,7 +2184,7 @@ function Ho() {
     }
   );
 }
-function $o() {
+function Bo() {
   return /* @__PURE__ */ a.jsx(
     "svg",
     {
@@ -2182,7 +2195,7 @@ function $o() {
     }
   );
 }
-function Bo() {
+function Uo() {
   return /* @__PURE__ */ a.jsx(
     "svg",
     {
@@ -2193,19 +2206,19 @@ function Bo() {
     }
   );
 }
-const Uo = "_volumeContainer_4d6jg_1", zo = "_volumeSlider_4d6jg_8", Ct = {
-  volumeContainer: Uo,
-  volumeSlider: zo
-}, Et = "volume";
+const zo = "_volumeContainer_4d6jg_1", qo = "_volumeSlider_4d6jg_8", Et = {
+  volumeContainer: zo,
+  volumeSlider: qo
+}, Ct = "volume";
 function sn() {
   const e = f((i) => i.setVolume), t = f((i) => i.volume), n = f((i) => i.addIdleLock), o = f((i) => i.removeIdleLock), s = (i) => {
-    e(i[0]), n(Et);
+    e(i[0]), n(Ct);
   }, c = () => {
-    o(Et);
+    o(Ct);
   }, u = () => e(t ? 0 : 100);
-  return /* @__PURE__ */ a.jsxs("div", { className: Ct.volumeContainer, children: [
-    /* @__PURE__ */ a.jsx(le, { onClick: u, className: "shrink-0", children: t ? t > 50 ? /* @__PURE__ */ a.jsx(Ho, {}) : /* @__PURE__ */ a.jsx($o, {}) : /* @__PURE__ */ a.jsx(Bo, {}) }),
-    /* @__PURE__ */ a.jsx("div", { className: Ct.volumeSlider, children: /* @__PURE__ */ a.jsx(
+  return /* @__PURE__ */ a.jsxs("div", { className: Et.volumeContainer, children: [
+    /* @__PURE__ */ a.jsx(le, { onClick: u, className: "shrink-0", children: t ? t > 50 ? /* @__PURE__ */ a.jsx($o, {}) : /* @__PURE__ */ a.jsx(Bo, {}) : /* @__PURE__ */ a.jsx(Uo, {}) }),
+    /* @__PURE__ */ a.jsx("div", { className: Et.volumeSlider, children: /* @__PURE__ */ a.jsx(
       Ne,
       {
         value: [t],
@@ -2215,8 +2228,8 @@ function sn() {
     ) })
   ] });
 }
-function ai(e) {
-  return /* @__PURE__ */ a.jsx(jr, { children: /* @__PURE__ */ a.jsx(Wo, j({}, e)) });
+function li(e) {
+  return /* @__PURE__ */ a.jsx(jr, { children: /* @__PURE__ */ a.jsx(Wo, P({}, e)) });
 }
 function Wo({ url: e, messages: t, onEvent: n }) {
   const o = f((s) => s.containerRef);
@@ -2227,7 +2240,7 @@ function Wo({ url: e, messages: t, onEvent: n }) {
       className: K.playerContainer,
       children: [
         /* @__PURE__ */ a.jsxs(
-          _r,
+          xr,
           {
             url: e,
             messages: {
@@ -2236,7 +2249,7 @@ function Wo({ url: e, messages: t, onEvent: n }) {
             },
             children: [
               /* @__PURE__ */ a.jsx(
-                Dr,
+                Fr,
                 {
                   url: e,
                   messages: {
@@ -2247,17 +2260,17 @@ function Wo({ url: e, messages: t, onEvent: n }) {
               /* @__PURE__ */ a.jsx(Jt, {}),
               /* @__PURE__ */ a.jsx(tn, {}),
               /* @__PURE__ */ a.jsxs(en, { children: [
-                /* @__PURE__ */ a.jsx(Ur, {}),
+                /* @__PURE__ */ a.jsx(zr, {}),
                 /* @__PURE__ */ a.jsx("div", { className: K.controlsBottom, children: /* @__PURE__ */ a.jsxs("div", { className: K.controlsContainer, children: [
-                  /* @__PURE__ */ a.jsx(so, {}),
+                  /* @__PURE__ */ a.jsx(ao, {}),
                   /* @__PURE__ */ a.jsxs("div", { className: K.controlsRow, children: [
                     /* @__PURE__ */ a.jsxs(
                       "div",
                       {
                         className: `${K.controlsSection} ${K.controlsSectionStart}`,
                         children: [
-                          /* @__PURE__ */ a.jsx(Xr, {}),
-                          /* @__PURE__ */ a.jsx(lo, {}),
+                          /* @__PURE__ */ a.jsx(Gr, {}),
+                          /* @__PURE__ */ a.jsx(co, {}),
                           /* @__PURE__ */ a.jsx(sn, {})
                         ]
                       }
@@ -2267,7 +2280,7 @@ function Wo({ url: e, messages: t, onEvent: n }) {
                       {
                         className: `${K.controlsSection} ${K.controlsSectionEnd}`,
                         children: [
-                          /* @__PURE__ */ a.jsx(Yr, { message: t == null ? void 0 : t.live }),
+                          /* @__PURE__ */ a.jsx(Xr, { message: t == null ? void 0 : t.live }),
                           /* @__PURE__ */ a.jsx(on, {}),
                           /* @__PURE__ */ a.jsx(Qt, {})
                         ]
@@ -2280,12 +2293,12 @@ function Wo({ url: e, messages: t, onEvent: n }) {
           }
         ),
         /* @__PURE__ */ a.jsx(Pr, {}),
-        n && /* @__PURE__ */ a.jsx(br, { callback: n })
+        n && /* @__PURE__ */ a.jsx(Lr, { callback: n })
       ]
     }
   );
 }
-function qo() {
+function Zo() {
   const e = f((u) => u.isPlaying), t = f((u) => u.pause), n = f((u) => u.play), o = f((u) => u.currentTime), s = f((u) => u.duration), c = f((u) => u.seek);
   return /* @__PURE__ */ a.jsx(
     Yt,
@@ -2306,34 +2319,34 @@ function qo() {
     }
   );
 }
-function Zo() {
+function Ko() {
   const e = f((s) => s.isPlaying), t = f((s) => s.pause), n = f((s) => s.play), o = () => {
     e ? t() : n();
   };
   return /* @__PURE__ */ a.jsx(le, { onClick: o, children: e ? /* @__PURE__ */ a.jsx(Xt, {}) : /* @__PURE__ */ a.jsx(Gt, {}) });
 }
 const Rt = "vod-player-progress-bar";
-function Ko() {
+function Yo() {
   const e = O(null), t = O(null), [n, o] = X(!1), [s, c] = X(-1), [u, i] = X(-1), l = f((k) => k.currentTime), d = f((k) => k.duration), g = f((k) => k.seek), y = f((k) => k.addIdleLock), v = f((k) => k.removeIdleLock), _ = parseFloat(
     (d ? (u !== -1 ? u : l) / d * 100 : 0).toFixed(1)
-  ), L = (k) => {
+  ), j = (k) => {
     i(d * (k[0] / 100)), y(Rt);
   }, S = () => {
     u !== -1 && (g(u), i(-1), v(Rt));
-  }, P = () => o(!0), M = () => o(!1), R = U(
+  }, L = () => o(!0), M = () => o(!1), R = U(
     (k) => {
       const T = e.current, I = t.current;
       if (T && I) {
-        const p = Fe(T), B = Fe(I), J = (k.pageX || k.clientX) - p.left, q = J / p.width;
-        if (q < 0) return;
-        let V = J - B.width / 2;
-        V < 0 && (V = 0), V > p.width - B.width && (V = -1), I.style.left = V > -1 ? `${V}px` : "auto", I.style.right = V > -1 ? "auto" : "0px", c(q * d);
+        const p = Fe(T), B = Fe(I), G = (k.pageX || k.clientX) - p.left, W = G / p.width;
+        if (W < 0) return;
+        let V = G - B.width / 2;
+        V < 0 && (V = 0), V > p.width - B.width && (V = -1), I.style.left = V > -1 ? `${V}px` : "auto", I.style.right = V > -1 ? "auto" : "0px", c(W * d);
       }
-      P();
+      L();
     },
     [d]
   );
-  return /* @__PURE__ */ a.jsxs("div", { className: ie.progressSlider, children: [
+  return /* @__PURE__ */ a.jsxs("div", { className: se.progressSlider, children: [
     /* @__PURE__ */ a.jsx(
       Ne,
       {
@@ -2342,7 +2355,7 @@ function Ko() {
         onPointerLeave: M,
         onPointerDown: M,
         onPointerMove: R,
-        onValueChange: L,
+        onValueChange: j,
         onValueCommit: S,
         step: 0.1
       }
@@ -2351,18 +2364,18 @@ function Ko() {
       "div",
       {
         ref: t,
-        className: `${ie.tipContainer} ${n ? ie.tipContainerVisible : ie.tipContainerHidden}`,
-        children: /* @__PURE__ */ a.jsx("p", { className: ie.tipContent, children: _e(s) })
+        className: `${se.tipContainer} ${n ? se.tipContainerVisible : se.tipContainerHidden}`,
+        children: /* @__PURE__ */ a.jsx("p", { className: se.tipContent, children: _e(s) })
       }
     )
   ] });
 }
-const Yo = "_remainingTimeContainer_1yyhb_1", Xo = "_remainingTime_1yyhb_1", Go = "_remainingSeparator_1yyhb_17", De = {
-  remainingTimeContainer: Yo,
-  remainingTime: Xo,
-  remainingSeparator: Go
+const Xo = "_remainingTimeContainer_1yyhb_1", Go = "_remainingTime_1yyhb_1", Jo = "_remainingSeparator_1yyhb_17", De = {
+  remainingTimeContainer: Xo,
+  remainingTime: Go,
+  remainingSeparator: Jo
 };
-function Jo() {
+function Qo() {
   const e = f((n) => n.currentTime), t = f((n) => n.duration);
   return /* @__PURE__ */ a.jsxs("div", { className: De.remainingTimeContainer, children: [
     /* @__PURE__ */ a.jsx("p", { className: De.remainingTime, children: _e(e) }),
@@ -2370,7 +2383,7 @@ function Jo() {
     /* @__PURE__ */ a.jsx("p", { className: De.remainingTime, children: _e(t) })
   ] });
 }
-function Qo({ callback: e }) {
+function ei({ callback: e }) {
   const t = f((n) => n.eventEmitter);
   return N(() => {
     const n = (o) => e("timeUpdate", o);
@@ -2379,7 +2392,7 @@ function Qo({ callback: e }) {
     };
   }, [e, t]), /* @__PURE__ */ a.jsx(Ut, { callback: e });
 }
-function ei() {
+function ti() {
   const e = f((i) => i.currentTime), t = f((i) => i.duration), n = f((i) => i.isPlaying), o = f((i) => i.pause), s = f((i) => i.play), c = f((i) => i.seek), u = U(
     (i) => {
       let l = !1;
@@ -2402,37 +2415,37 @@ function ei() {
   );
   return N(() => (document.addEventListener("keydown", u), () => {
     document.removeEventListener("keydown", u);
-  }), [u]), /* @__PURE__ */ a.jsx(qt, {});
+  }), [u]), /* @__PURE__ */ a.jsx(Wt, {});
 }
-function li(e) {
-  return /* @__PURE__ */ a.jsx(Zt, { children: /* @__PURE__ */ a.jsx(ti, j({}, e)) });
+function ci(e) {
+  return /* @__PURE__ */ a.jsx(Zt, { children: /* @__PURE__ */ a.jsx(ni, P({}, e)) });
 }
-function ti({ url: e, onEvent: t, startTime: n }) {
-  const o = f((c) => c.setStartTime), s = f((c) => c.containerRef);
+function ni({ url: e, messages: t, onEvent: n, startTime: o }) {
+  const s = f((u) => u.setStartTime), c = f((u) => u.containerRef);
   return N(() => {
-    n && o(n);
-  }, [n, o]), /* @__PURE__ */ a.jsxs(
+    o && s(o);
+  }, [o, s]), /* @__PURE__ */ a.jsxs(
     "div",
     {
-      ref: s,
+      ref: c,
       className: K.playerContainer,
       children: [
-        /* @__PURE__ */ a.jsx(Kt, { url: e, isLive: !1 }),
+        /* @__PURE__ */ a.jsx(Kt, { url: e, isLive: !1, messages: t }),
         /* @__PURE__ */ a.jsx(Jt, {}),
         /* @__PURE__ */ a.jsx(tn, {}),
         /* @__PURE__ */ a.jsxs(en, { children: [
-          /* @__PURE__ */ a.jsx(qo, {}),
+          /* @__PURE__ */ a.jsx(Zo, {}),
           /* @__PURE__ */ a.jsx("div", { className: K.controlsBottom, children: /* @__PURE__ */ a.jsxs("div", { className: K.controlsContainer, children: [
-            /* @__PURE__ */ a.jsx(Ko, {}),
+            /* @__PURE__ */ a.jsx(Yo, {}),
             /* @__PURE__ */ a.jsxs("div", { className: K.controlsRow, children: [
               /* @__PURE__ */ a.jsxs(
                 "div",
                 {
                   className: `${K.controlsSection} ${K.controlsSectionStart}`,
                   children: [
-                    /* @__PURE__ */ a.jsx(Zo, {}),
+                    /* @__PURE__ */ a.jsx(Ko, {}),
                     /* @__PURE__ */ a.jsx(sn, {}),
-                    /* @__PURE__ */ a.jsx(Jo, {})
+                    /* @__PURE__ */ a.jsx(Qo, {})
                   ]
                 }
               ),
@@ -2449,14 +2462,14 @@ function ti({ url: e, onEvent: t, startTime: n }) {
             ] })
           ] }) })
         ] }),
-        /* @__PURE__ */ a.jsx(ei, {}),
-        t && /* @__PURE__ */ a.jsx(Qo, { callback: t })
+        /* @__PURE__ */ a.jsx(ti, {}),
+        n && /* @__PURE__ */ a.jsx(ei, { callback: n })
       ]
     }
   );
 }
 export {
-  ai as LivePlayer,
-  li as VodPlayer
+  li as LivePlayer,
+  ci as VodPlayer
 };
 //# sourceMappingURL=react-video-player.es.js.map