@halibegic/react-video-player 0.0.38 → 0.0.39

package/dist/components/live-player/live-player-viewer-count.d.ts

@@ -1,5 +1,5 @@
 type LivePlayerViewerCountProps = {
     url: string;
 };
-declare function LivePlayerViewerCount({ url }: LivePlayerViewerCountProps): null;
+declare function LivePlayerViewerCount({ url }: LivePlayerViewerCountProps): import("react/jsx-runtime").JSX.Element | null;
 export { LivePlayerViewerCount };

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

@@ -1598,6 +1598,9 @@ function Mr({ url: e, messages: t = {} }) {
   }, [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) => {
     try {
       return new URL(l).pathname.split("/").filter((d) => d.length > 0)[0] || null;
@@ -1631,7 +1634,7 @@ function Nr({ url: e }) {
     n.current && n.current.abort();
   }), [e]), Ve(a, 15e3), null;
 }
-function Vr(e, {
+function Ar(e, {
   defaultValue: t = !1,
   initializeWithValue: n = !0
 } = {}) {
@@ -1648,13 +1651,13 @@ function Vr(e, {
     };
   }, [e]), a;
 }
-const Ar = "_playbackButton_lgsgw_1", Or = "_seekIndicator_lgsgw_23", Hr = "_seekIndicatorLeft_lgsgw_49", $r = "_seekIndicatorRight_lgsgw_53", Ur = "_seekIndicatorVisible_lgsgw_57", me = {
-  playbackButton: Ar,
-  seekIndicator: Or,
-  seekIndicatorLeft: Hr,
-  seekIndicatorRight: $r,
-  seekIndicatorVisible: Ur
-}, Br = 10;
+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;
 function Xt(i) {
   var c = i, {
     className: e,
@@ -1671,8 +1674,8 @@ function Xt(i) {
     "maxForwardTime",
     "maxBackwardTime"
   ]);
-  return Vr("(min-width: 1024px)") ? /* @__PURE__ */ s.jsx(zr, L({ className: e, onClick: t }, u)) : /* @__PURE__ */ s.jsx(
-    qr,
+  return Ar("(min-width: 1024px)") ? /* @__PURE__ */ s.jsx(qr, L({ className: e, onClick: t }, u)) : /* @__PURE__ */ s.jsx(
+    Wr,
     L({
       className: e,
       maxForwardTime: a,
@@ -1682,7 +1685,7 @@ function Xt(i) {
     }, u)
   );
 }
-function zr(o) {
+function qr(o) {
   var a = o, { className: e, onClick: t } = a, n = ne(a, ["className", "onClick"]);
   const l = V(null), u = f((x) => x.exitFullscreen), i = f((x) => x.isFullscreen), c = f((x) => x.requestFullscreen), d = (x) => {
     v() ? (y(), i ? u() : c()) : g(x);
@@ -1704,7 +1707,7 @@ function zr(o) {
     }, n)
   );
 }
-function qr(u) {
+function Wr(u) {
   var i = u, {
     className: e,
     maxForwardTime: t,
@@ -1734,7 +1737,7 @@ function qr(u) {
       p.preventDefault(), p.stopPropagation(), d.current.single && (window.clearTimeout(d.current.single), d.current.single = null), N(), (v.current === null || v.current !== q) && (y.current = 0, v.current = q);
       const te = q === "backward" ? n : t;
       y.current = Math.min(
-        y.current + Br,
+        y.current + zr,
         te != null ? te : 1 / 0
       ), _(q, y.current), d.current.accumulate && window.clearTimeout(d.current.accumulate), d.current.accumulate = window.setTimeout(() => {
         const W = y.current;
@@ -1783,7 +1786,7 @@ function qr(u) {
     )
   ] });
 }
-function Wr() {
+function Zr() {
   const e = f((c) => c.isPlaying), t = f((c) => c.pause), n = f((c) => c.getPauseTimeDiff), o = f((c) => c.play), a = A((c) => c.delay), l = A((c) => c.setDelay), u = A((c) => c.startDate), i = u ? u.getTime() : 0;
   return /* @__PURE__ */ s.jsx(
     Xt,
@@ -1809,9 +1812,9 @@ function Wr() {
     }
   );
 }
-const Zr = "_playerButton_izwqq_1", Kr = "_playerButtonCircle_izwqq_42", xt = {
-  playerButton: Zr,
-  playerButtonCircle: Kr
+const Kr = "_playerButton_izwqq_1", Yr = "_playerButtonCircle_izwqq_42", xt = {
+  playerButton: Kr,
+  playerButtonCircle: Yr
 }, le = Ne(
   (a, o) => {
     var l = a, { shape: e = "circle", className: t } = l, n = ne(l, ["shape", "className"]);
@@ -1820,12 +1823,12 @@ const Zr = "_playerButton_izwqq_1", Kr = "_playerButtonCircle_izwqq_42", xt = {
   }
 );
 le.displayName = "PlayerButton";
-const Yr = "_liveIndicator_1jczn_1", Xr = "_liveIndicatorHasDelay_1jczn_9", Gr = "_liveIndicatorNoDelay_1jczn_13", ke = {
-  liveIndicator: Yr,
-  liveIndicatorHasDelay: Xr,
-  liveIndicatorNoDelay: Gr
+const Xr = "_liveIndicator_1jczn_1", Gr = "_liveIndicatorHasDelay_1jczn_9", Jr = "_liveIndicatorNoDelay_1jczn_13", ke = {
+  liveIndicator: Xr,
+  liveIndicatorHasDelay: Gr,
+  liveIndicatorNoDelay: Jr
 };
-function Jr(n) {
+function Qr(n) {
   var o = n, { message: e } = o, t = ne(o, ["message"]);
   const a = A((c) => c.delay), l = A((c) => c.setDelay), u = () => {
     a && l(0);
@@ -1857,7 +1860,7 @@ function Jt() {
     }
   );
 }
-function Qr() {
+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 = () => {
     if (e)
       t();
@@ -1868,17 +1871,17 @@ function Qr() {
   };
   return /* @__PURE__ */ s.jsx(le, { onClick: u, children: e ? /* @__PURE__ */ s.jsx(Gt, {}) : /* @__PURE__ */ s.jsx(Jt, {}) });
 }
-const eo = "_progressSlider_hwzgf_1", to = "_tipContainer_hwzgf_7", no = "_tipContainerVisible_hwzgf_17", ro = "_tipContainerHidden_hwzgf_22", oo = "_tipContent_hwzgf_27", se = {
-  progressSlider: eo,
-  tipContainer: to,
-  tipContainerVisible: no,
-  tipContainerHidden: ro,
-  tipContent: oo
-}, io = "_sliderRoot_aeak6_1", so = "_sliderTrack_aeak6_18", ao = "_sliderRange_aeak6_28", lo = "_sliderThumb_aeak6_37", Ie = {
-  sliderRoot: io,
-  sliderTrack: so,
-  sliderRange: ao,
-  sliderThumb: lo
+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", Ie = {
+  sliderRoot: so,
+  sliderTrack: ao,
+  sliderRange: lo,
+  sliderThumb: co
 }, 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(
@@ -1915,7 +1918,7 @@ function Me(e) {
   } : t;
 }
 const Tt = "vod-player-progress-bar";
-function co() {
+function uo() {
   const e = V(null), t = V(null), [n, o] = X(0), [a, l] = X(0), [u, i] = X(!1), [c, d] = X(-1), [g, y] = X(-1), v = A((D) => D.delay), x = A((D) => D.startDate), P = x ? x.getTime() : 0, b = (/* @__PURE__ */ new Date()).getTime(), E = A((D) => D.setDelay), N = f((D) => D.isPlaying), S = f((D) => D.addIdleLock), k = f((D) => D.removeIdleLock), _ = z(() => {
     o(Wt(P, v)), l(br(P, b));
   }, [v, b, P]), I = parseFloat(
@@ -1968,7 +1971,7 @@ function co() {
     )
   ] });
 }
-function uo() {
+function fo() {
   return /* @__PURE__ */ s.jsx(
     "svg",
     {
@@ -1979,17 +1982,17 @@ function uo() {
     }
   );
 }
-function fo() {
+function ho() {
   const e = A((a) => a.startDate), t = A((a) => a.setDelay), n = e ? e.getTime() : 0, o = () => t(qt(n));
-  return /* @__PURE__ */ s.jsx(le, { onClick: o, children: /* @__PURE__ */ s.jsx(uo, {}) });
+  return /* @__PURE__ */ s.jsx(le, { onClick: o, children: /* @__PURE__ */ s.jsx(fo, {}) });
 }
-const ho = "_viewersContainer_bsl3f_1", mo = "_viewersIndicator_bsl3f_13", po = "_viewersIcon_bsl3f_21", vo = "_viewersCount_bsl3f_25", De = {
-  viewersContainer: ho,
-  viewersIndicator: mo,
-  viewersIcon: po,
-  viewersCount: vo
+const mo = "_viewersContainer_bsl3f_1", po = "_viewersIndicator_bsl3f_13", vo = "_viewersIcon_bsl3f_21", yo = "_viewersCount_bsl3f_25", De = {
+  viewersContainer: mo,
+  viewersIndicator: po,
+  viewersIcon: vo,
+  viewersCount: yo
 };
-function yo() {
+function go() {
   const e = A((t) => t.viewerCount);
   return e ? /* @__PURE__ */ s.jsxs("div", { className: De.viewersContainer, children: [
     /* @__PURE__ */ s.jsx("span", { className: De.viewersIndicator }),
@@ -2035,17 +2038,17 @@ function Qt() {
     }
   );
 }
-const go = "_playerContainer_146tx_1", wo = "_controlsTop_146tx_12", _o = "_controlsBottom_146tx_29", xo = "_controlsContainer_146tx_45", To = "_controlsRow_146tx_61", Co = "_controlsSection_146tx_68", Eo = "_controlsSectionStart_146tx_78", Ro = "_controlsSectionEnd_146tx_82", B = {
-  playerContainer: go,
-  controlsTop: wo,
-  controlsBottom: _o,
-  controlsContainer: xo,
-  controlsRow: To,
-  controlsSection: Co,
-  controlsSectionStart: Eo,
-  controlsSectionEnd: Ro
+const wo = "_playerContainer_146tx_1", _o = "_controlsTop_146tx_12", xo = "_controlsBottom_146tx_29", To = "_controlsContainer_146tx_45", Co = "_controlsRow_146tx_61", Eo = "_controlsSection_146tx_68", Ro = "_controlsSectionStart_146tx_78", bo = "_controlsSectionEnd_146tx_82", B = {
+  playerContainer: wo,
+  controlsTop: _o,
+  controlsBottom: xo,
+  controlsContainer: To,
+  controlsRow: Co,
+  controlsSection: Eo,
+  controlsSectionStart: Ro,
+  controlsSectionEnd: bo
 };
-function bo() {
+function So() {
   return /* @__PURE__ */ s.jsx(
     "svg",
     {
@@ -2056,7 +2059,7 @@ function bo() {
     }
   );
 }
-function So() {
+function jo() {
   return /* @__PURE__ */ s.jsx(
     "svg",
     {
@@ -2082,18 +2085,18 @@ function en() {
       return ar(d, i);
   }, [e, i, u]), F(() => {
     l(!0);
-  }, [l]), /* @__PURE__ */ s.jsx(le, { onClick: c, children: n ? /* @__PURE__ */ s.jsx(So, {}) : /* @__PURE__ */ s.jsx(bo, {}) });
+  }, [l]), /* @__PURE__ */ s.jsx(le, { onClick: c, children: n ? /* @__PURE__ */ s.jsx(jo, {}) : /* @__PURE__ */ s.jsx(So, {}) });
 }
-const jo = "_idleCheckContainer_iz9tu_1", Lo = "_idleCheckContainerIdle_iz9tu_10", Po = "_idleCheckContainerActive_iz9tu_15", Ze = {
-  idleCheckContainer: jo,
-  idleCheckContainerIdle: Lo,
-  idleCheckContainerActive: Po
-}, ko = 5 * 1e3;
+const Lo = "_idleCheckContainer_iz9tu_1", Po = "_idleCheckContainerIdle_iz9tu_10", ko = "_idleCheckContainerActive_iz9tu_15", Ze = {
+  idleCheckContainer: Lo,
+  idleCheckContainerIdle: Po,
+  idleCheckContainerActive: ko
+}, Io = 5 * 1e3;
 function tn({ children: e }) {
   const t = V(null), n = f((v) => v.isIdle), o = f((v) => v.setIsIdle), a = V(null), u = f((v) => v.idleLocks).size, i = f((v) => v.eventEmitter), c = z(() => {
     a.current !== null && (window.clearTimeout(a.current), a.current = null);
   }, []), d = z(() => {
-    c(), a.current = window.setTimeout(() => o(!0), ko);
+    c(), a.current = window.setTimeout(() => o(!0), Io);
   }, [c]);
   F(() => (o(!1), d(), () => {
     c();
@@ -2123,13 +2126,13 @@ function tn({ children: e }) {
   const g = n && !u, y = `${Ze.idleCheckContainer} ${g ? Ze.idleCheckContainerIdle : Ze.idleCheckContainerActive}`;
   return /* @__PURE__ */ s.jsx("div", { ref: t, className: y, children: e });
 }
-const Io = "_spinner_oo4hi_10", Do = {
-  spinner: Io
+const Do = "_spinner_oo4hi_10", Fo = {
+  spinner: Do
 };
-function Fo(e) {
-  return /* @__PURE__ */ s.jsx("div", L({ className: Do.spinner }, e));
+function Mo(e) {
+  return /* @__PURE__ */ s.jsx("div", L({ className: Fo.spinner }, e));
 }
-function Mo(e, t = 500) {
+function No(e, t = 500) {
   const [n, o] = X(e);
   return F(() => {
     const a = window.setTimeout(() => o(e), t);
@@ -2138,15 +2141,15 @@ function Mo(e, t = 500) {
     };
   }, [e, t]), n;
 }
-const No = "_loadingContainer_v9v7r_1", Vo = {
-  loadingContainer: No
+const Vo = "_loadingContainer_v9v7r_1", Ao = {
+  loadingContainer: Vo
 };
 function nn(n) {
   var o = n, { style: e } = o, t = ne(o, ["style"]);
   const a = f((u) => u.isLoading);
-  return Mo(a, 100) ? /* @__PURE__ */ s.jsx("div", he(L({ className: Vo.loadingContainer, style: e }, t), { children: /* @__PURE__ */ s.jsx(Fo, {}) })) : null;
+  return No(a, 100) ? /* @__PURE__ */ s.jsx("div", he(L({ className: Ao.loadingContainer, style: e }, t), { children: /* @__PURE__ */ s.jsx(Mo, {}) })) : null;
 }
-function Ao() {
+function Oo() {
   return /* @__PURE__ */ s.jsx(
     "svg",
     {
@@ -2157,7 +2160,7 @@ function Ao() {
     }
   );
 }
-function Oo() {
+function Ho() {
   return /* @__PURE__ */ s.jsx(
     "svg",
     {
@@ -2168,14 +2171,14 @@ function Oo() {
     }
   );
 }
-const Ho = "_dropdownMenuContent_b7j6b_1", $o = "_dropdownMenuItem_b7j6b_83", Uo = "_scrollAreaRoot_b7j6b_125", Bo = "_scrollAreaViewport_b7j6b_133", zo = "_scrollAreaScrollbar_b7j6b_141", qo = "_scrollAreaThumb_b7j6b_168", pe = {
-  dropdownMenuContent: Ho,
-  dropdownMenuItem: $o,
-  scrollAreaRoot: Uo,
-  scrollAreaViewport: Bo,
-  scrollAreaScrollbar: zo,
-  scrollAreaThumb: qo
-}, Wo = Te.Root, Zo = Te.Trigger, Ko = Te.Portal, rn = Ne((l, a) => {
+const $o = "_dropdownMenuContent_b7j6b_1", Uo = "_dropdownMenuItem_b7j6b_83", Bo = "_scrollAreaRoot_b7j6b_125", zo = "_scrollAreaViewport_b7j6b_133", qo = "_scrollAreaScrollbar_b7j6b_141", Wo = "_scrollAreaThumb_b7j6b_168", pe = {
+  dropdownMenuContent: $o,
+  dropdownMenuItem: Uo,
+  scrollAreaRoot: Bo,
+  scrollAreaViewport: zo,
+  scrollAreaScrollbar: qo,
+  scrollAreaThumb: Wo
+}, Zo = Te.Root, Ko = Te.Trigger, Yo = 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,
@@ -2241,22 +2244,22 @@ function sn() {
     },
     [o, a]
   );
-  return /* @__PURE__ */ s.jsxs(Wo, { open: e, onOpenChange: i, children: [
-    /* @__PURE__ */ s.jsx(Zo, { asChild: !0, children: /* @__PURE__ */ s.jsx(le, { children: /* @__PURE__ */ s.jsx(Oo, {}) }) }),
-    /* @__PURE__ */ s.jsx(Ko, { 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(Zo, { 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(
       on,
       {
         onClick: () => u(c.value),
         children: [
           c.label,
-          c.selected && /* @__PURE__ */ s.jsx(Ao, {})
+          c.selected && /* @__PURE__ */ s.jsx(Oo, {})
         ]
       },
       c.sid
     )) }) })
   ] });
 }
-function Yo() {
+function Xo() {
   return /* @__PURE__ */ s.jsx(
     "svg",
     {
@@ -2267,7 +2270,7 @@ function Yo() {
     }
   );
 }
-function Xo() {
+function Go() {
   return /* @__PURE__ */ s.jsx(
     "svg",
     {
@@ -2278,7 +2281,7 @@ function Xo() {
     }
   );
 }
-function Go() {
+function Jo() {
   return /* @__PURE__ */ s.jsx(
     "svg",
     {
@@ -2289,9 +2292,9 @@ function Go() {
     }
   );
 }
-const Jo = "_volumeContainer_4d6jg_1", Qo = "_volumeSlider_4d6jg_8", Et = {
-  volumeContainer: Jo,
-  volumeSlider: Qo
+const Qo = "_volumeContainer_4d6jg_1", ei = "_volumeSlider_4d6jg_8", Et = {
+  volumeContainer: Qo,
+  volumeSlider: ei
 }, 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) => {
@@ -2300,7 +2303,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(Yo, {}) : /* @__PURE__ */ s.jsx(Xo, {}) : /* @__PURE__ */ s.jsx(Go, {}) }),
+    /* @__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("div", { className: Et.volumeSlider, children: /* @__PURE__ */ s.jsx(
       Ae,
       {
@@ -2311,10 +2314,10 @@ function an() {
     ) })
   ] });
 }
-function vi(e) {
-  return /* @__PURE__ */ s.jsx(kr, { children: /* @__PURE__ */ s.jsx(ei, L({}, e)) });
+function yi(e) {
+  return /* @__PURE__ */ s.jsx(kr, { children: /* @__PURE__ */ s.jsx(ti, L({}, e)) });
 }
-function ei({ url: e, messages: t, onEvent: n }) {
+function ti({ url: e, messages: t, onEvent: n }) {
   const o = f((a) => a.containerRef);
   return /* @__PURE__ */ s.jsxs(
     "div",
@@ -2343,18 +2346,18 @@ function ei({ url: e, messages: t, onEvent: n }) {
               /* @__PURE__ */ s.jsx(Qt, {}),
               /* @__PURE__ */ s.jsx(nn, {}),
               /* @__PURE__ */ s.jsxs(tn, { children: [
-                /* @__PURE__ */ s.jsx(Wr, {}),
-                /* @__PURE__ */ s.jsx("div", { className: B.controlsTop, children: /* @__PURE__ */ s.jsx("div", { className: B.controlsContainer, children: /* @__PURE__ */ s.jsx("div", { className: B.controlsRow, children: /* @__PURE__ */ s.jsx(yo, {}) }) }) }),
+                /* @__PURE__ */ s.jsx(Zr, {}),
+                /* @__PURE__ */ s.jsx("div", { className: B.controlsTop, children: /* @__PURE__ */ s.jsx("div", { className: B.controlsContainer, children: /* @__PURE__ */ s.jsx("div", { className: B.controlsRow, children: /* @__PURE__ */ s.jsx(go, {}) }) }) }),
                 /* @__PURE__ */ s.jsx("div", { className: B.controlsBottom, children: /* @__PURE__ */ s.jsxs("div", { className: B.controlsContainer, children: [
-                  /* @__PURE__ */ s.jsx(co, {}),
+                  /* @__PURE__ */ s.jsx(uo, {}),
                   /* @__PURE__ */ s.jsxs("div", { className: B.controlsRow, children: [
                     /* @__PURE__ */ s.jsxs(
                       "div",
                       {
                         className: `${B.controlsSection} ${B.controlsSectionStart}`,
                         children: [
-                          /* @__PURE__ */ s.jsx(Qr, {}),
-                          /* @__PURE__ */ s.jsx(fo, {}),
+                          /* @__PURE__ */ s.jsx(eo, {}),
+                          /* @__PURE__ */ s.jsx(ho, {}),
                           /* @__PURE__ */ s.jsx(an, {})
                         ]
                       }
@@ -2364,7 +2367,7 @@ function ei({ url: e, messages: t, onEvent: n }) {
                       {
                         className: `${B.controlsSection} ${B.controlsSectionEnd}`,
                         children: [
-                          /* @__PURE__ */ s.jsx(Jr, { message: t == null ? void 0 : t.live }),
+                          /* @__PURE__ */ s.jsx(Qr, { message: t == null ? void 0 : t.live }),
                           /* @__PURE__ */ s.jsx(sn, {}),
                           /* @__PURE__ */ s.jsx(en, {})
                         ]
@@ -2383,7 +2386,7 @@ function ei({ url: e, messages: t, onEvent: n }) {
     }
   );
 }
-function ti() {
+function ni() {
   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,
@@ -2404,14 +2407,14 @@ function ti() {
     }
   );
 }
-function ni() {
+function ri() {
   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 ri() {
+function oi() {
   const e = V(null), t = V(null), [n, o] = X(!1), [a, l] = X(-1), [u, i] = X(-1), c = f((k) => k.currentTime), d = f((k) => k.duration), g = f((k) => k.seek), y = f((k) => k.addIdleLock), v = f((k) => k.removeIdleLock), x = parseFloat(
     (d ? (u !== -1 ? u : c) / d * 100 : 0).toFixed(1)
   ), P = (k) => {
@@ -2455,12 +2458,12 @@ function ri() {
     )
   ] });
 }
-const oi = "_remainingTimeContainer_1yyhb_1", ii = "_remainingTime_1yyhb_1", si = "_remainingSeparator_1yyhb_17", Fe = {
-  remainingTimeContainer: oi,
-  remainingTime: ii,
-  remainingSeparator: si
+const ii = "_remainingTimeContainer_1yyhb_1", si = "_remainingTime_1yyhb_1", ai = "_remainingSeparator_1yyhb_17", Fe = {
+  remainingTimeContainer: ii,
+  remainingTime: si,
+  remainingSeparator: ai
 };
-function ai() {
+function li() {
   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: xe(e) }),
@@ -2468,7 +2471,7 @@ function ai() {
     /* @__PURE__ */ s.jsx("p", { className: Fe.remainingTime, children: xe(t) })
   ] });
 }
-function li({ callback: e }) {
+function ci({ callback: e }) {
   const t = f((n) => n.eventEmitter);
   return F(() => {
     const n = (o) => e("timeUpdate", o);
@@ -2477,7 +2480,7 @@ function li({ callback: e }) {
     };
   }, [e, t]), /* @__PURE__ */ s.jsx(zt, { callback: e });
 }
-function ci() {
+function ui() {
   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 = z(
     (i) => {
       let c = !1;
@@ -2502,10 +2505,10 @@ function ci() {
     document.removeEventListener("keydown", u);
   }), [u]), /* @__PURE__ */ s.jsx(Zt, {});
 }
-function yi(e) {
-  return /* @__PURE__ */ s.jsx(Kt, { children: /* @__PURE__ */ s.jsx(ui, L({}, e)) });
+function gi(e) {
+  return /* @__PURE__ */ s.jsx(Kt, { children: /* @__PURE__ */ s.jsx(di, L({}, e)) });
 }
-function ui({ url: e, messages: t, onEvent: n, startTime: o }) {
+function di({ url: e, messages: t, onEvent: n, startTime: o }) {
   const a = f((u) => u.setStartTime), l = f((u) => u.containerRef);
   return F(() => {
     o && a(o);
@@ -2519,18 +2522,18 @@ function ui({ url: e, messages: t, onEvent: n, startTime: o }) {
         /* @__PURE__ */ s.jsx(Qt, {}),
         /* @__PURE__ */ s.jsx(nn, {}),
         /* @__PURE__ */ s.jsxs(tn, { children: [
-          /* @__PURE__ */ s.jsx(ti, {}),
+          /* @__PURE__ */ s.jsx(ni, {}),
           /* @__PURE__ */ s.jsx("div", { className: B.controlsBottom, children: /* @__PURE__ */ s.jsxs("div", { className: B.controlsContainer, children: [
-            /* @__PURE__ */ s.jsx(ri, {}),
+            /* @__PURE__ */ s.jsx(oi, {}),
             /* @__PURE__ */ s.jsxs("div", { className: B.controlsRow, children: [
               /* @__PURE__ */ s.jsxs(
                 "div",
                 {
                   className: `${B.controlsSection} ${B.controlsSectionStart}`,
                   children: [
-                    /* @__PURE__ */ s.jsx(ni, {}),
+                    /* @__PURE__ */ s.jsx(ri, {}),
                     /* @__PURE__ */ s.jsx(an, {}),
-                    /* @__PURE__ */ s.jsx(ai, {})
+                    /* @__PURE__ */ s.jsx(li, {})
                   ]
                 }
               ),
@@ -2547,14 +2550,14 @@ function ui({ url: e, messages: t, onEvent: n, startTime: o }) {
             ] })
           ] }) })
         ] }),
-        /* @__PURE__ */ s.jsx(ci, {}),
-        n && /* @__PURE__ */ s.jsx(li, { callback: n })
+        /* @__PURE__ */ s.jsx(ui, {}),
+        n && /* @__PURE__ */ s.jsx(ci, { callback: n })
       ]
     }
   );
 }
 export {
-  vi as LivePlayer,
-  yi as VodPlayer
+  yi as LivePlayer,
+  gi as VodPlayer
 };
 //# sourceMappingURL=react-video-player.es.js.map