@halibegic/react-video-player 0.0.53 → 0.0.55
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/react-video-player.es.js +1003 -957
- package/dist/react-video-player.es.js.map +1 -1
- package/dist/react-video-player.umd.js +9 -9
- package/dist/react-video-player.umd.js.map +1 -1
- package/dist/src/components/player/ui/player-playback-rate-control.d.ts +2 -0
- package/dist/src/components/player/ui/player-quality-control.d.ts +1 -1
- package/dist/src/stores/player-store.d.ts +8 -1
- package/dist/src/utils/device.d.ts +2 -2
- package/dist/style.css +1 -1
- package/package.json +1 -1
|
@@ -1,32 +1,32 @@
|
|
|
1
|
-
var
|
|
2
|
-
var
|
|
1
|
+
var zn = Object.defineProperty, Yn = Object.defineProperties;
|
|
2
|
+
var Zn = Object.getOwnPropertyDescriptors;
|
|
3
3
|
var Pe = Object.getOwnPropertySymbols;
|
|
4
|
-
var
|
|
5
|
-
var
|
|
4
|
+
var xt = Object.prototype.hasOwnProperty, Ct = Object.prototype.propertyIsEnumerable;
|
|
5
|
+
var Tt = (e, t, n) => t in e ? zn(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, M = (e, t) => {
|
|
6
6
|
for (var n in t || (t = {}))
|
|
7
|
-
|
|
7
|
+
xt.call(t, n) && Tt(e, n, t[n]);
|
|
8
8
|
if (Pe)
|
|
9
9
|
for (var n of Pe(t))
|
|
10
|
-
|
|
10
|
+
Ct.call(t, n) && Tt(e, n, t[n]);
|
|
11
11
|
return e;
|
|
12
|
-
}, he = (e, t) =>
|
|
12
|
+
}, he = (e, t) => Yn(e, Zn(t));
|
|
13
13
|
var re = (e, t) => {
|
|
14
14
|
var n = {};
|
|
15
15
|
for (var r in e)
|
|
16
|
-
|
|
16
|
+
xt.call(e, r) && t.indexOf(r) < 0 && (n[r] = e[r]);
|
|
17
17
|
if (e != null && Pe)
|
|
18
18
|
for (var r of Pe(e))
|
|
19
|
-
t.indexOf(r) < 0 &&
|
|
19
|
+
t.indexOf(r) < 0 && Ct.call(e, r) && (n[r] = e[r]);
|
|
20
20
|
return n;
|
|
21
21
|
};
|
|
22
|
-
import
|
|
23
|
-
import { useStore as
|
|
24
|
-
import
|
|
22
|
+
import Nt, { useLayoutEffect as Kn, useEffect as V, useRef as O, createContext as Mt, useContext as Ft, useState as G, useCallback as A, forwardRef as Ve } from "react";
|
|
23
|
+
import { useStore as Vt, create as At } from "zustand";
|
|
24
|
+
import Gn from "mitt";
|
|
25
25
|
import ee from "hls.js";
|
|
26
26
|
import * as Le from "@radix-ui/react-slider";
|
|
27
27
|
import * as xe from "@radix-ui/react-popover";
|
|
28
28
|
import * as je from "@radix-ui/react-scroll-area";
|
|
29
|
-
function
|
|
29
|
+
function Ot(e) {
|
|
30
30
|
var t = this.constructor;
|
|
31
31
|
return this.then(
|
|
32
32
|
function(n) {
|
|
@@ -41,7 +41,7 @@ function Nt(e) {
|
|
|
41
41
|
}
|
|
42
42
|
);
|
|
43
43
|
}
|
|
44
|
-
function
|
|
44
|
+
function Ht(e) {
|
|
45
45
|
var t = this;
|
|
46
46
|
return new t(function(n, r) {
|
|
47
47
|
if (!(e && typeof e.length != "undefined"))
|
|
@@ -50,48 +50,48 @@ function Ft(e) {
|
|
|
50
50
|
typeof e + " " + e + " is not iterable(cannot read property Symbol(Symbol.iterator))"
|
|
51
51
|
)
|
|
52
52
|
);
|
|
53
|
-
var
|
|
54
|
-
if (
|
|
55
|
-
var
|
|
56
|
-
function u(
|
|
53
|
+
var a = Array.prototype.slice.call(e);
|
|
54
|
+
if (a.length === 0) return n([]);
|
|
55
|
+
var c = a.length;
|
|
56
|
+
function u(l, d) {
|
|
57
57
|
if (d && (typeof d == "object" || typeof d == "function")) {
|
|
58
58
|
var g = d.then;
|
|
59
59
|
if (typeof g == "function") {
|
|
60
60
|
g.call(
|
|
61
61
|
d,
|
|
62
62
|
function(_) {
|
|
63
|
-
u(
|
|
63
|
+
u(l, _);
|
|
64
64
|
},
|
|
65
65
|
function(_) {
|
|
66
|
-
|
|
66
|
+
a[l] = { status: "rejected", reason: _ }, --c === 0 && n(a);
|
|
67
67
|
}
|
|
68
68
|
);
|
|
69
69
|
return;
|
|
70
70
|
}
|
|
71
71
|
}
|
|
72
|
-
|
|
72
|
+
a[l] = { status: "fulfilled", value: d }, --c === 0 && n(a);
|
|
73
73
|
}
|
|
74
|
-
for (var i = 0; i <
|
|
75
|
-
u(i,
|
|
74
|
+
for (var i = 0; i < a.length; i++)
|
|
75
|
+
u(i, a[i]);
|
|
76
76
|
});
|
|
77
77
|
}
|
|
78
|
-
function
|
|
78
|
+
function $t(e, t) {
|
|
79
79
|
this.name = "AggregateError", this.errors = e, this.message = t || "";
|
|
80
80
|
}
|
|
81
|
-
|
|
82
|
-
function
|
|
81
|
+
$t.prototype = Error.prototype;
|
|
82
|
+
function Ut(e) {
|
|
83
83
|
var t = this;
|
|
84
84
|
return new t(function(n, r) {
|
|
85
85
|
if (!(e && typeof e.length != "undefined"))
|
|
86
86
|
return r(new TypeError("Promise.any accepts an array"));
|
|
87
|
-
var
|
|
88
|
-
if (
|
|
89
|
-
for (var
|
|
87
|
+
var a = Array.prototype.slice.call(e);
|
|
88
|
+
if (a.length === 0) return r();
|
|
89
|
+
for (var c = [], u = 0; u < a.length; u++)
|
|
90
90
|
try {
|
|
91
|
-
t.resolve(
|
|
92
|
-
|
|
93
|
-
new
|
|
94
|
-
|
|
91
|
+
t.resolve(a[u]).then(n).catch(function(i) {
|
|
92
|
+
c.push(i), c.length === a.length && r(
|
|
93
|
+
new $t(
|
|
94
|
+
c,
|
|
95
95
|
"All promises were rejected"
|
|
96
96
|
)
|
|
97
97
|
);
|
|
@@ -101,13 +101,13 @@ function At(e) {
|
|
|
101
101
|
}
|
|
102
102
|
});
|
|
103
103
|
}
|
|
104
|
-
var
|
|
105
|
-
function
|
|
104
|
+
var Xn = setTimeout;
|
|
105
|
+
function Bt(e) {
|
|
106
106
|
return !!(e && typeof e.length != "undefined");
|
|
107
107
|
}
|
|
108
|
-
function
|
|
108
|
+
function Jn() {
|
|
109
109
|
}
|
|
110
|
-
function
|
|
110
|
+
function Qn(e, t) {
|
|
111
111
|
return function() {
|
|
112
112
|
e.apply(t, arguments);
|
|
113
113
|
};
|
|
@@ -116,9 +116,9 @@ function $(e) {
|
|
|
116
116
|
if (!(this instanceof $))
|
|
117
117
|
throw new TypeError("Promises must be constructed via new");
|
|
118
118
|
if (typeof e != "function") throw new TypeError("not a function");
|
|
119
|
-
this._state = 0, this._handled = !1, this._value = void 0, this._deferreds = [],
|
|
119
|
+
this._state = 0, this._handled = !1, this._value = void 0, this._deferreds = [], qt(e, this);
|
|
120
120
|
}
|
|
121
|
-
function
|
|
121
|
+
function Wt(e, t) {
|
|
122
122
|
for (; e._state === 3; )
|
|
123
123
|
e = e._value;
|
|
124
124
|
if (e._state === 0) {
|
|
@@ -134,8 +134,8 @@ function Ht(e, t) {
|
|
|
134
134
|
var r;
|
|
135
135
|
try {
|
|
136
136
|
r = n(e._value);
|
|
137
|
-
} catch (
|
|
138
|
-
_e(t.promise,
|
|
137
|
+
} catch (a) {
|
|
138
|
+
_e(t.promise, a);
|
|
139
139
|
return;
|
|
140
140
|
}
|
|
141
141
|
Ge(t.promise, r);
|
|
@@ -151,7 +151,7 @@ function Ge(e, t) {
|
|
|
151
151
|
e._state = 3, e._value = t, Xe(e);
|
|
152
152
|
return;
|
|
153
153
|
} else if (typeof n == "function") {
|
|
154
|
-
|
|
154
|
+
qt(Qn(n, t), e);
|
|
155
155
|
return;
|
|
156
156
|
}
|
|
157
157
|
}
|
|
@@ -168,13 +168,13 @@ function Xe(e) {
|
|
|
168
168
|
e._handled || $._unhandledRejectionFn(e._value);
|
|
169
169
|
});
|
|
170
170
|
for (var t = 0, n = e._deferreds.length; t < n; t++)
|
|
171
|
-
|
|
171
|
+
Wt(e, e._deferreds[t]);
|
|
172
172
|
e._deferreds = null;
|
|
173
173
|
}
|
|
174
|
-
function
|
|
174
|
+
function er(e, t, n) {
|
|
175
175
|
this.onFulfilled = typeof e == "function" ? e : null, this.onRejected = typeof t == "function" ? t : null, this.promise = n;
|
|
176
176
|
}
|
|
177
|
-
function
|
|
177
|
+
function qt(e, t) {
|
|
178
178
|
var n = !1;
|
|
179
179
|
try {
|
|
180
180
|
e(
|
|
@@ -194,43 +194,43 @@ $.prototype.catch = function(e) {
|
|
|
194
194
|
return this.then(null, e);
|
|
195
195
|
};
|
|
196
196
|
$.prototype.then = function(e, t) {
|
|
197
|
-
var n = new this.constructor(
|
|
198
|
-
return
|
|
197
|
+
var n = new this.constructor(Jn);
|
|
198
|
+
return Wt(this, new er(e, t, n)), n;
|
|
199
199
|
};
|
|
200
|
-
$.prototype.finally =
|
|
200
|
+
$.prototype.finally = Ot;
|
|
201
201
|
$.all = function(e) {
|
|
202
202
|
return new $(function(t, n) {
|
|
203
|
-
if (!
|
|
203
|
+
if (!Bt(e))
|
|
204
204
|
return n(new TypeError("Promise.all accepts an array"));
|
|
205
205
|
var r = Array.prototype.slice.call(e);
|
|
206
206
|
if (r.length === 0) return t([]);
|
|
207
|
-
var
|
|
208
|
-
function
|
|
207
|
+
var a = r.length;
|
|
208
|
+
function c(i, l) {
|
|
209
209
|
try {
|
|
210
|
-
if (
|
|
211
|
-
var d =
|
|
210
|
+
if (l && (typeof l == "object" || typeof l == "function")) {
|
|
211
|
+
var d = l.then;
|
|
212
212
|
if (typeof d == "function") {
|
|
213
213
|
d.call(
|
|
214
|
-
|
|
214
|
+
l,
|
|
215
215
|
function(g) {
|
|
216
|
-
|
|
216
|
+
c(i, g);
|
|
217
217
|
},
|
|
218
218
|
n
|
|
219
219
|
);
|
|
220
220
|
return;
|
|
221
221
|
}
|
|
222
222
|
}
|
|
223
|
-
r[i] =
|
|
223
|
+
r[i] = l, --a === 0 && t(r);
|
|
224
224
|
} catch (g) {
|
|
225
225
|
n(g);
|
|
226
226
|
}
|
|
227
227
|
}
|
|
228
228
|
for (var u = 0; u < r.length; u++)
|
|
229
|
-
|
|
229
|
+
c(u, r[u]);
|
|
230
230
|
});
|
|
231
231
|
};
|
|
232
|
-
$.any =
|
|
233
|
-
$.allSettled =
|
|
232
|
+
$.any = Ut;
|
|
233
|
+
$.allSettled = Ht;
|
|
234
234
|
$.resolve = function(e) {
|
|
235
235
|
return e && typeof e == "object" && e.constructor === $ ? e : new $(function(t) {
|
|
236
236
|
t(e);
|
|
@@ -243,9 +243,9 @@ $.reject = function(e) {
|
|
|
243
243
|
};
|
|
244
244
|
$.race = function(e) {
|
|
245
245
|
return new $(function(t, n) {
|
|
246
|
-
if (!
|
|
246
|
+
if (!Bt(e))
|
|
247
247
|
return n(new TypeError("Promise.race accepts an array"));
|
|
248
|
-
for (var r = 0,
|
|
248
|
+
for (var r = 0, a = e.length; r < a; r++)
|
|
249
249
|
$.resolve(e[r]).then(t, n);
|
|
250
250
|
});
|
|
251
251
|
};
|
|
@@ -253,12 +253,12 @@ $._immediateFn = // @ts-ignore
|
|
|
253
253
|
typeof setImmediate == "function" && function(e) {
|
|
254
254
|
setImmediate(e);
|
|
255
255
|
} || function(e) {
|
|
256
|
-
|
|
256
|
+
Xn(e, 0);
|
|
257
257
|
};
|
|
258
258
|
$._unhandledRejectionFn = function(t) {
|
|
259
259
|
typeof console != "undefined" && console && console.warn("Possible Unhandled Promise Rejection:", t);
|
|
260
260
|
};
|
|
261
|
-
var
|
|
261
|
+
var le = (function() {
|
|
262
262
|
if (typeof self != "undefined")
|
|
263
263
|
return self;
|
|
264
264
|
if (typeof window != "undefined")
|
|
@@ -267,66 +267,66 @@ var ae = (function() {
|
|
|
267
267
|
return global;
|
|
268
268
|
throw new Error("unable to locate global object");
|
|
269
269
|
})();
|
|
270
|
-
typeof
|
|
270
|
+
typeof le.Promise != "function" ? le.Promise = $ : (le.Promise.prototype.finally || (le.Promise.prototype.finally = Ot), le.Promise.allSettled || (le.Promise.allSettled = Ht), le.Promise.any || (le.Promise.any = Ut));
|
|
271
271
|
var Ie = { exports: {} }, ge = {};
|
|
272
|
-
var
|
|
273
|
-
function
|
|
274
|
-
if (
|
|
275
|
-
|
|
276
|
-
var e =
|
|
277
|
-
function u(i,
|
|
278
|
-
var g, _ = {}, y = null,
|
|
279
|
-
d !== void 0 && (y = "" + d),
|
|
280
|
-
for (g in
|
|
281
|
-
if (i && i.defaultProps) for (g in
|
|
282
|
-
return { $$typeof: t, type: i, key: y, ref:
|
|
272
|
+
var Et;
|
|
273
|
+
function tr() {
|
|
274
|
+
if (Et) return ge;
|
|
275
|
+
Et = 1;
|
|
276
|
+
var e = Nt, t = Symbol.for("react.element"), n = Symbol.for("react.fragment"), r = Object.prototype.hasOwnProperty, a = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, c = { key: !0, ref: !0, __self: !0, __source: !0 };
|
|
277
|
+
function u(i, l, d) {
|
|
278
|
+
var g, _ = {}, y = null, k = null;
|
|
279
|
+
d !== void 0 && (y = "" + d), l.key !== void 0 && (y = "" + l.key), l.ref !== void 0 && (k = l.ref);
|
|
280
|
+
for (g in l) r.call(l, g) && !c.hasOwnProperty(g) && (_[g] = l[g]);
|
|
281
|
+
if (i && i.defaultProps) for (g in l = i.defaultProps, l) _[g] === void 0 && (_[g] = l[g]);
|
|
282
|
+
return { $$typeof: t, type: i, key: y, ref: k, props: _, _owner: a.current };
|
|
283
283
|
}
|
|
284
284
|
return ge.Fragment = n, ge.jsx = u, ge.jsxs = u, ge;
|
|
285
285
|
}
|
|
286
286
|
var we = {};
|
|
287
|
-
var
|
|
288
|
-
function
|
|
289
|
-
return
|
|
290
|
-
var e =
|
|
291
|
-
function
|
|
287
|
+
var Rt;
|
|
288
|
+
function nr() {
|
|
289
|
+
return Rt || (Rt = 1, process.env.NODE_ENV !== "production" && (function() {
|
|
290
|
+
var e = Nt, t = Symbol.for("react.element"), n = Symbol.for("react.portal"), r = Symbol.for("react.fragment"), a = 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"), _ = Symbol.for("react.memo"), y = Symbol.for("react.lazy"), k = Symbol.for("react.offscreen"), E = Symbol.iterator, x = "@@iterator";
|
|
291
|
+
function R(o) {
|
|
292
292
|
if (o === null || typeof o != "object")
|
|
293
293
|
return null;
|
|
294
294
|
var h = E && o[E] || o[x];
|
|
295
295
|
return typeof h == "function" ? h : null;
|
|
296
296
|
}
|
|
297
297
|
var w = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
|
|
298
|
-
function
|
|
298
|
+
function L(o) {
|
|
299
299
|
{
|
|
300
300
|
for (var h = arguments.length, p = new Array(h > 1 ? h - 1 : 0), T = 1; T < h; T++)
|
|
301
301
|
p[T - 1] = arguments[T];
|
|
302
|
-
|
|
302
|
+
b("error", o, p);
|
|
303
303
|
}
|
|
304
304
|
}
|
|
305
|
-
function
|
|
305
|
+
function b(o, h, p) {
|
|
306
306
|
{
|
|
307
|
-
var T = w.ReactDebugCurrentFrame,
|
|
308
|
-
|
|
309
|
-
var
|
|
310
|
-
return String(
|
|
307
|
+
var T = w.ReactDebugCurrentFrame, I = T.getStackAddendum();
|
|
308
|
+
I !== "" && (h += "%s", p = p.concat([I]));
|
|
309
|
+
var N = p.map(function(P) {
|
|
310
|
+
return String(P);
|
|
311
311
|
});
|
|
312
|
-
|
|
312
|
+
N.unshift("Warning: " + h), Function.prototype.apply.call(console[o], console, N);
|
|
313
313
|
}
|
|
314
314
|
}
|
|
315
|
-
var B = !1,
|
|
316
|
-
|
|
317
|
-
function
|
|
318
|
-
return !!(typeof o == "string" || typeof o == "function" || o === r || o ===
|
|
315
|
+
var B = !1, H = !1, m = !1, v = !1, S = !1, j;
|
|
316
|
+
j = Symbol.for("react.module.reference");
|
|
317
|
+
function F(o) {
|
|
318
|
+
return !!(typeof o == "string" || typeof o == "function" || o === r || o === c || S || o === a || o === d || o === g || v || o === k || B || H || m || typeof o == "object" && o !== null && (o.$$typeof === y || o.$$typeof === _ || o.$$typeof === u || o.$$typeof === i || o.$$typeof === l || // This needs to include all possible module reference object
|
|
319
319
|
// types supported by any Flight configuration anywhere since
|
|
320
320
|
// we don't know which Flight build this will end up being used
|
|
321
321
|
// with.
|
|
322
|
-
o.$$typeof ===
|
|
322
|
+
o.$$typeof === j || o.getModuleId !== void 0));
|
|
323
323
|
}
|
|
324
324
|
function D(o, h, p) {
|
|
325
325
|
var T = o.displayName;
|
|
326
326
|
if (T)
|
|
327
327
|
return T;
|
|
328
|
-
var
|
|
329
|
-
return
|
|
328
|
+
var I = h.displayName || h.name || "";
|
|
329
|
+
return I !== "" ? p + "(" + I + ")" : p;
|
|
330
330
|
}
|
|
331
331
|
function J(o) {
|
|
332
332
|
return o.displayName || "Context";
|
|
@@ -334,7 +334,7 @@ function Xn() {
|
|
|
334
334
|
function Y(o) {
|
|
335
335
|
if (o == null)
|
|
336
336
|
return null;
|
|
337
|
-
if (typeof o.tag == "number" &&
|
|
337
|
+
if (typeof o.tag == "number" && L("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof o == "function")
|
|
338
338
|
return o.displayName || o.name || null;
|
|
339
339
|
if (typeof o == "string")
|
|
340
340
|
return o;
|
|
@@ -343,9 +343,9 @@ function Xn() {
|
|
|
343
343
|
return "Fragment";
|
|
344
344
|
case n:
|
|
345
345
|
return "Portal";
|
|
346
|
-
case
|
|
346
|
+
case c:
|
|
347
347
|
return "Profiler";
|
|
348
|
-
case
|
|
348
|
+
case a:
|
|
349
349
|
return "StrictMode";
|
|
350
350
|
case d:
|
|
351
351
|
return "Suspense";
|
|
@@ -360,15 +360,15 @@ function Xn() {
|
|
|
360
360
|
case u:
|
|
361
361
|
var p = o;
|
|
362
362
|
return J(p._context) + ".Provider";
|
|
363
|
-
case
|
|
363
|
+
case l:
|
|
364
364
|
return D(o, o.render, "ForwardRef");
|
|
365
365
|
case _:
|
|
366
366
|
var T = o.displayName || null;
|
|
367
367
|
return T !== null ? T : Y(o.type) || "Memo";
|
|
368
368
|
case y: {
|
|
369
|
-
var
|
|
369
|
+
var I = o, N = I._payload, P = I._init;
|
|
370
370
|
try {
|
|
371
|
-
return Y(
|
|
371
|
+
return Y(P(N));
|
|
372
372
|
} catch (C) {
|
|
373
373
|
return null;
|
|
374
374
|
}
|
|
@@ -376,18 +376,18 @@ function Xn() {
|
|
|
376
376
|
}
|
|
377
377
|
return null;
|
|
378
378
|
}
|
|
379
|
-
var Z = Object.assign, oe = 0, ue, ne, K, pe,
|
|
380
|
-
function
|
|
379
|
+
var Z = Object.assign, oe = 0, ue, ne, K, pe, nt, rt, ot;
|
|
380
|
+
function it() {
|
|
381
381
|
}
|
|
382
|
-
|
|
383
|
-
function
|
|
382
|
+
it.__reactDisabledLog = !0;
|
|
383
|
+
function wn() {
|
|
384
384
|
{
|
|
385
385
|
if (oe === 0) {
|
|
386
|
-
ue = console.log, ne = console.info, K = console.warn, pe = console.error,
|
|
386
|
+
ue = console.log, ne = console.info, K = console.warn, pe = console.error, nt = console.group, rt = console.groupCollapsed, ot = console.groupEnd;
|
|
387
387
|
var o = {
|
|
388
388
|
configurable: !0,
|
|
389
389
|
enumerable: !0,
|
|
390
|
-
value:
|
|
390
|
+
value: it,
|
|
391
391
|
writable: !0
|
|
392
392
|
};
|
|
393
393
|
Object.defineProperties(console, {
|
|
@@ -403,7 +403,7 @@ function Xn() {
|
|
|
403
403
|
oe++;
|
|
404
404
|
}
|
|
405
405
|
}
|
|
406
|
-
function
|
|
406
|
+
function _n() {
|
|
407
407
|
{
|
|
408
408
|
if (oe--, oe === 0) {
|
|
409
409
|
var o = {
|
|
@@ -425,17 +425,17 @@ function Xn() {
|
|
|
425
425
|
value: pe
|
|
426
426
|
}),
|
|
427
427
|
group: Z({}, o, {
|
|
428
|
-
value:
|
|
428
|
+
value: nt
|
|
429
429
|
}),
|
|
430
430
|
groupCollapsed: Z({}, o, {
|
|
431
|
-
value:
|
|
431
|
+
value: rt
|
|
432
432
|
}),
|
|
433
433
|
groupEnd: Z({}, o, {
|
|
434
|
-
value:
|
|
434
|
+
value: ot
|
|
435
435
|
})
|
|
436
436
|
});
|
|
437
437
|
}
|
|
438
|
-
oe < 0 &&
|
|
438
|
+
oe < 0 && L("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
|
|
439
439
|
}
|
|
440
440
|
}
|
|
441
441
|
var Oe = w.ReactCurrentDispatcher, He;
|
|
@@ -444,56 +444,56 @@ function Xn() {
|
|
|
444
444
|
if (He === void 0)
|
|
445
445
|
try {
|
|
446
446
|
throw Error();
|
|
447
|
-
} catch (
|
|
448
|
-
var T =
|
|
447
|
+
} catch (I) {
|
|
448
|
+
var T = I.stack.trim().match(/\n( *(at )?)/);
|
|
449
449
|
He = T && T[1] || "";
|
|
450
450
|
}
|
|
451
451
|
return `
|
|
452
452
|
` + He + o;
|
|
453
453
|
}
|
|
454
454
|
}
|
|
455
|
-
var $e = !1,
|
|
455
|
+
var $e = !1, Re;
|
|
456
456
|
{
|
|
457
|
-
var
|
|
458
|
-
|
|
457
|
+
var Tn = typeof WeakMap == "function" ? WeakMap : Map;
|
|
458
|
+
Re = new Tn();
|
|
459
459
|
}
|
|
460
|
-
function
|
|
460
|
+
function st(o, h) {
|
|
461
461
|
if (!o || $e)
|
|
462
462
|
return "";
|
|
463
463
|
{
|
|
464
|
-
var p =
|
|
464
|
+
var p = Re.get(o);
|
|
465
465
|
if (p !== void 0)
|
|
466
466
|
return p;
|
|
467
467
|
}
|
|
468
468
|
var T;
|
|
469
469
|
$e = !0;
|
|
470
|
-
var
|
|
470
|
+
var I = Error.prepareStackTrace;
|
|
471
471
|
Error.prepareStackTrace = void 0;
|
|
472
|
-
var
|
|
473
|
-
|
|
472
|
+
var N;
|
|
473
|
+
N = Oe.current, Oe.current = null, wn();
|
|
474
474
|
try {
|
|
475
475
|
if (h) {
|
|
476
|
-
var
|
|
476
|
+
var P = function() {
|
|
477
477
|
throw Error();
|
|
478
478
|
};
|
|
479
|
-
if (Object.defineProperty(
|
|
479
|
+
if (Object.defineProperty(P.prototype, "props", {
|
|
480
480
|
set: function() {
|
|
481
481
|
throw Error();
|
|
482
482
|
}
|
|
483
483
|
}), typeof Reflect == "object" && Reflect.construct) {
|
|
484
484
|
try {
|
|
485
|
-
Reflect.construct(
|
|
485
|
+
Reflect.construct(P, []);
|
|
486
486
|
} catch (Q) {
|
|
487
487
|
T = Q;
|
|
488
488
|
}
|
|
489
|
-
Reflect.construct(o, [],
|
|
489
|
+
Reflect.construct(o, [], P);
|
|
490
490
|
} else {
|
|
491
491
|
try {
|
|
492
|
-
|
|
492
|
+
P.call();
|
|
493
493
|
} catch (Q) {
|
|
494
494
|
T = Q;
|
|
495
495
|
}
|
|
496
|
-
o.call(
|
|
496
|
+
o.call(P.prototype);
|
|
497
497
|
}
|
|
498
498
|
} else {
|
|
499
499
|
try {
|
|
@@ -507,39 +507,39 @@ function Xn() {
|
|
|
507
507
|
if (Q && T && typeof Q.stack == "string") {
|
|
508
508
|
for (var C = Q.stack.split(`
|
|
509
509
|
`), X = T.stack.split(`
|
|
510
|
-
`), W = C.length - 1,
|
|
511
|
-
|
|
512
|
-
for (; W >= 1 &&
|
|
513
|
-
if (C[W] !== X[
|
|
514
|
-
if (W !== 1 ||
|
|
510
|
+
`), W = C.length - 1, q = X.length - 1; W >= 1 && q >= 0 && C[W] !== X[q]; )
|
|
511
|
+
q--;
|
|
512
|
+
for (; W >= 1 && q >= 0; W--, q--)
|
|
513
|
+
if (C[W] !== X[q]) {
|
|
514
|
+
if (W !== 1 || q !== 1)
|
|
515
515
|
do
|
|
516
|
-
if (W--,
|
|
516
|
+
if (W--, q--, q < 0 || C[W] !== X[q]) {
|
|
517
517
|
var te = `
|
|
518
518
|
` + C[W].replace(" at new ", " at ");
|
|
519
|
-
return o.displayName && te.includes("<anonymous>") && (te = te.replace("<anonymous>", o.displayName)), typeof o == "function" &&
|
|
519
|
+
return o.displayName && te.includes("<anonymous>") && (te = te.replace("<anonymous>", o.displayName)), typeof o == "function" && Re.set(o, te), te;
|
|
520
520
|
}
|
|
521
|
-
while (W >= 1 &&
|
|
521
|
+
while (W >= 1 && q >= 0);
|
|
522
522
|
break;
|
|
523
523
|
}
|
|
524
524
|
}
|
|
525
525
|
} finally {
|
|
526
|
-
$e = !1, Oe.current =
|
|
526
|
+
$e = !1, Oe.current = N, _n(), Error.prepareStackTrace = I;
|
|
527
527
|
}
|
|
528
528
|
var fe = o ? o.displayName || o.name : "", ce = fe ? Ee(fe) : "";
|
|
529
|
-
return typeof o == "function" &&
|
|
529
|
+
return typeof o == "function" && Re.set(o, ce), ce;
|
|
530
530
|
}
|
|
531
|
-
function
|
|
532
|
-
return
|
|
531
|
+
function xn(o, h, p) {
|
|
532
|
+
return st(o, !1);
|
|
533
533
|
}
|
|
534
|
-
function
|
|
534
|
+
function Cn(o) {
|
|
535
535
|
var h = o.prototype;
|
|
536
536
|
return !!(h && h.isReactComponent);
|
|
537
537
|
}
|
|
538
|
-
function
|
|
538
|
+
function Se(o, h, p) {
|
|
539
539
|
if (o == null)
|
|
540
540
|
return "";
|
|
541
541
|
if (typeof o == "function")
|
|
542
|
-
return
|
|
542
|
+
return st(o, Cn(o));
|
|
543
543
|
if (typeof o == "string")
|
|
544
544
|
return Ee(o);
|
|
545
545
|
switch (o) {
|
|
@@ -550,78 +550,78 @@ function Xn() {
|
|
|
550
550
|
}
|
|
551
551
|
if (typeof o == "object")
|
|
552
552
|
switch (o.$$typeof) {
|
|
553
|
-
case
|
|
554
|
-
return
|
|
553
|
+
case l:
|
|
554
|
+
return xn(o.render);
|
|
555
555
|
case _:
|
|
556
|
-
return
|
|
556
|
+
return Se(o.type, h, p);
|
|
557
557
|
case y: {
|
|
558
|
-
var T = o,
|
|
558
|
+
var T = o, I = T._payload, N = T._init;
|
|
559
559
|
try {
|
|
560
|
-
return
|
|
561
|
-
} catch (
|
|
560
|
+
return Se(N(I), h, p);
|
|
561
|
+
} catch (P) {
|
|
562
562
|
}
|
|
563
563
|
}
|
|
564
564
|
}
|
|
565
565
|
return "";
|
|
566
566
|
}
|
|
567
|
-
var ye = Object.prototype.hasOwnProperty,
|
|
567
|
+
var ye = Object.prototype.hasOwnProperty, at = {}, lt = w.ReactDebugCurrentFrame;
|
|
568
568
|
function be(o) {
|
|
569
569
|
if (o) {
|
|
570
|
-
var h = o._owner, p =
|
|
571
|
-
|
|
570
|
+
var h = o._owner, p = Se(o.type, o._source, h ? h.type : null);
|
|
571
|
+
lt.setExtraStackFrame(p);
|
|
572
572
|
} else
|
|
573
|
-
|
|
573
|
+
lt.setExtraStackFrame(null);
|
|
574
574
|
}
|
|
575
|
-
function
|
|
575
|
+
function En(o, h, p, T, I) {
|
|
576
576
|
{
|
|
577
|
-
var
|
|
578
|
-
for (var
|
|
579
|
-
if (
|
|
577
|
+
var N = Function.call.bind(ye);
|
|
578
|
+
for (var P in o)
|
|
579
|
+
if (N(o, P)) {
|
|
580
580
|
var C = void 0;
|
|
581
581
|
try {
|
|
582
|
-
if (typeof o[
|
|
583
|
-
var X = Error((T || "React class") + ": " + p + " type `" +
|
|
582
|
+
if (typeof o[P] != "function") {
|
|
583
|
+
var X = Error((T || "React class") + ": " + p + " type `" + P + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof o[P] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
|
|
584
584
|
throw X.name = "Invariant Violation", X;
|
|
585
585
|
}
|
|
586
|
-
C = o[
|
|
586
|
+
C = o[P](h, P, T, p, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
|
|
587
587
|
} catch (W) {
|
|
588
588
|
C = W;
|
|
589
589
|
}
|
|
590
|
-
C && !(C instanceof Error) && (be(
|
|
590
|
+
C && !(C instanceof Error) && (be(I), L("%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).", T || "React class", p, P, typeof C), be(null)), C instanceof Error && !(C.message in at) && (at[C.message] = !0, be(I), L("Failed %s type: %s", p, C.message), be(null));
|
|
591
591
|
}
|
|
592
592
|
}
|
|
593
593
|
}
|
|
594
|
-
var
|
|
594
|
+
var Rn = Array.isArray;
|
|
595
595
|
function Ue(o) {
|
|
596
|
-
return
|
|
596
|
+
return Rn(o);
|
|
597
597
|
}
|
|
598
|
-
function
|
|
598
|
+
function Sn(o) {
|
|
599
599
|
{
|
|
600
600
|
var h = typeof Symbol == "function" && Symbol.toStringTag, p = h && o[Symbol.toStringTag] || o.constructor.name || "Object";
|
|
601
601
|
return p;
|
|
602
602
|
}
|
|
603
603
|
}
|
|
604
|
-
function
|
|
604
|
+
function bn(o) {
|
|
605
605
|
try {
|
|
606
|
-
return
|
|
606
|
+
return ct(o), !1;
|
|
607
607
|
} catch (h) {
|
|
608
608
|
return !0;
|
|
609
609
|
}
|
|
610
610
|
}
|
|
611
|
-
function
|
|
611
|
+
function ct(o) {
|
|
612
612
|
return "" + o;
|
|
613
613
|
}
|
|
614
|
-
function
|
|
615
|
-
if (
|
|
616
|
-
return
|
|
614
|
+
function ut(o) {
|
|
615
|
+
if (bn(o))
|
|
616
|
+
return L("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Sn(o)), ct(o);
|
|
617
617
|
}
|
|
618
|
-
var
|
|
618
|
+
var dt = w.ReactCurrentOwner, Pn = {
|
|
619
619
|
key: !0,
|
|
620
620
|
ref: !0,
|
|
621
621
|
__self: !0,
|
|
622
622
|
__source: !0
|
|
623
|
-
},
|
|
624
|
-
function
|
|
623
|
+
}, ft, ht;
|
|
624
|
+
function Ln(o) {
|
|
625
625
|
if (ye.call(o, "ref")) {
|
|
626
626
|
var h = Object.getOwnPropertyDescriptor(o, "ref").get;
|
|
627
627
|
if (h && h.isReactWarning)
|
|
@@ -629,7 +629,7 @@ function Xn() {
|
|
|
629
629
|
}
|
|
630
630
|
return o.ref !== void 0;
|
|
631
631
|
}
|
|
632
|
-
function
|
|
632
|
+
function jn(o) {
|
|
633
633
|
if (ye.call(o, "key")) {
|
|
634
634
|
var h = Object.getOwnPropertyDescriptor(o, "key").get;
|
|
635
635
|
if (h && h.isReactWarning)
|
|
@@ -637,13 +637,13 @@ function Xn() {
|
|
|
637
637
|
}
|
|
638
638
|
return o.key !== void 0;
|
|
639
639
|
}
|
|
640
|
-
function
|
|
641
|
-
typeof o.ref == "string" &&
|
|
640
|
+
function In(o, h) {
|
|
641
|
+
typeof o.ref == "string" && dt.current;
|
|
642
642
|
}
|
|
643
|
-
function
|
|
643
|
+
function kn(o, h) {
|
|
644
644
|
{
|
|
645
645
|
var p = function() {
|
|
646
|
-
|
|
646
|
+
ft || (ft = !0, L("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", h));
|
|
647
647
|
};
|
|
648
648
|
p.isReactWarning = !0, Object.defineProperty(o, "key", {
|
|
649
649
|
get: p,
|
|
@@ -651,10 +651,10 @@ function Xn() {
|
|
|
651
651
|
});
|
|
652
652
|
}
|
|
653
653
|
}
|
|
654
|
-
function
|
|
654
|
+
function Dn(o, h) {
|
|
655
655
|
{
|
|
656
656
|
var p = function() {
|
|
657
|
-
|
|
657
|
+
ht || (ht = !0, L("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", h));
|
|
658
658
|
};
|
|
659
659
|
p.isReactWarning = !0, Object.defineProperty(o, "ref", {
|
|
660
660
|
get: p,
|
|
@@ -662,7 +662,7 @@ function Xn() {
|
|
|
662
662
|
});
|
|
663
663
|
}
|
|
664
664
|
}
|
|
665
|
-
var
|
|
665
|
+
var Nn = function(o, h, p, T, I, N, P) {
|
|
666
666
|
var C = {
|
|
667
667
|
// This tag allows us to uniquely identify this as a React Element
|
|
668
668
|
$$typeof: t,
|
|
@@ -670,9 +670,9 @@ function Xn() {
|
|
|
670
670
|
type: o,
|
|
671
671
|
key: h,
|
|
672
672
|
ref: p,
|
|
673
|
-
props:
|
|
673
|
+
props: P,
|
|
674
674
|
// Record the component responsible for creating this element.
|
|
675
|
-
_owner:
|
|
675
|
+
_owner: N
|
|
676
676
|
};
|
|
677
677
|
return C._store = {}, Object.defineProperty(C._store, "validated", {
|
|
678
678
|
configurable: !1,
|
|
@@ -688,41 +688,41 @@ function Xn() {
|
|
|
688
688
|
configurable: !1,
|
|
689
689
|
enumerable: !1,
|
|
690
690
|
writable: !1,
|
|
691
|
-
value:
|
|
691
|
+
value: I
|
|
692
692
|
}), Object.freeze && (Object.freeze(C.props), Object.freeze(C)), C;
|
|
693
693
|
};
|
|
694
|
-
function
|
|
694
|
+
function Mn(o, h, p, T, I) {
|
|
695
695
|
{
|
|
696
|
-
var
|
|
697
|
-
p !== void 0 && (
|
|
698
|
-
for (
|
|
699
|
-
ye.call(h,
|
|
696
|
+
var N, P = {}, C = null, X = null;
|
|
697
|
+
p !== void 0 && (ut(p), C = "" + p), jn(h) && (ut(h.key), C = "" + h.key), Ln(h) && (X = h.ref, In(h, I));
|
|
698
|
+
for (N in h)
|
|
699
|
+
ye.call(h, N) && !Pn.hasOwnProperty(N) && (P[N] = h[N]);
|
|
700
700
|
if (o && o.defaultProps) {
|
|
701
701
|
var W = o.defaultProps;
|
|
702
|
-
for (
|
|
703
|
-
|
|
702
|
+
for (N in W)
|
|
703
|
+
P[N] === void 0 && (P[N] = W[N]);
|
|
704
704
|
}
|
|
705
705
|
if (C || X) {
|
|
706
|
-
var
|
|
707
|
-
C &&
|
|
706
|
+
var q = typeof o == "function" ? o.displayName || o.name || "Unknown" : o;
|
|
707
|
+
C && kn(P, q), X && Dn(P, q);
|
|
708
708
|
}
|
|
709
|
-
return
|
|
709
|
+
return Nn(o, C, X, I, T, dt.current, P);
|
|
710
710
|
}
|
|
711
711
|
}
|
|
712
|
-
var Be = w.ReactCurrentOwner,
|
|
712
|
+
var Be = w.ReactCurrentOwner, mt = w.ReactDebugCurrentFrame;
|
|
713
713
|
function de(o) {
|
|
714
714
|
if (o) {
|
|
715
|
-
var h = o._owner, p =
|
|
716
|
-
|
|
715
|
+
var h = o._owner, p = Se(o.type, o._source, h ? h.type : null);
|
|
716
|
+
mt.setExtraStackFrame(p);
|
|
717
717
|
} else
|
|
718
|
-
|
|
718
|
+
mt.setExtraStackFrame(null);
|
|
719
719
|
}
|
|
720
720
|
var We;
|
|
721
721
|
We = !1;
|
|
722
|
-
function
|
|
722
|
+
function qe(o) {
|
|
723
723
|
return typeof o == "object" && o !== null && o.$$typeof === t;
|
|
724
724
|
}
|
|
725
|
-
function
|
|
725
|
+
function vt() {
|
|
726
726
|
{
|
|
727
727
|
if (Be.current) {
|
|
728
728
|
var o = Y(Be.current.type);
|
|
@@ -734,13 +734,13 @@ Check the render method of \`` + o + "`.";
|
|
|
734
734
|
return "";
|
|
735
735
|
}
|
|
736
736
|
}
|
|
737
|
-
function
|
|
737
|
+
function Fn(o) {
|
|
738
738
|
return "";
|
|
739
739
|
}
|
|
740
|
-
var
|
|
741
|
-
function
|
|
740
|
+
var pt = {};
|
|
741
|
+
function Vn(o) {
|
|
742
742
|
{
|
|
743
|
-
var h =
|
|
743
|
+
var h = vt();
|
|
744
744
|
if (!h) {
|
|
745
745
|
var p = typeof o == "string" ? o : o.displayName || o.name;
|
|
746
746
|
p && (h = `
|
|
@@ -750,39 +750,39 @@ Check the top-level render call using <` + p + ">.");
|
|
|
750
750
|
return h;
|
|
751
751
|
}
|
|
752
752
|
}
|
|
753
|
-
function
|
|
753
|
+
function yt(o, h) {
|
|
754
754
|
{
|
|
755
755
|
if (!o._store || o._store.validated || o.key != null)
|
|
756
756
|
return;
|
|
757
757
|
o._store.validated = !0;
|
|
758
|
-
var p =
|
|
759
|
-
if (
|
|
758
|
+
var p = Vn(h);
|
|
759
|
+
if (pt[p])
|
|
760
760
|
return;
|
|
761
|
-
|
|
761
|
+
pt[p] = !0;
|
|
762
762
|
var T = "";
|
|
763
|
-
o && o._owner && o._owner !== Be.current && (T = " It was passed a child from " + Y(o._owner.type) + "."), de(o),
|
|
763
|
+
o && o._owner && o._owner !== Be.current && (T = " It was passed a child from " + Y(o._owner.type) + "."), de(o), L('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', p, T), de(null);
|
|
764
764
|
}
|
|
765
765
|
}
|
|
766
|
-
function
|
|
766
|
+
function gt(o, h) {
|
|
767
767
|
{
|
|
768
768
|
if (typeof o != "object")
|
|
769
769
|
return;
|
|
770
770
|
if (Ue(o))
|
|
771
771
|
for (var p = 0; p < o.length; p++) {
|
|
772
772
|
var T = o[p];
|
|
773
|
-
|
|
773
|
+
qe(T) && yt(T, h);
|
|
774
774
|
}
|
|
775
|
-
else if (
|
|
775
|
+
else if (qe(o))
|
|
776
776
|
o._store && (o._store.validated = !0);
|
|
777
777
|
else if (o) {
|
|
778
|
-
var
|
|
779
|
-
if (typeof
|
|
780
|
-
for (var
|
|
781
|
-
|
|
778
|
+
var I = R(o);
|
|
779
|
+
if (typeof I == "function" && I !== o.entries)
|
|
780
|
+
for (var N = I.call(o), P; !(P = N.next()).done; )
|
|
781
|
+
qe(P.value) && yt(P.value, h);
|
|
782
782
|
}
|
|
783
783
|
}
|
|
784
784
|
}
|
|
785
|
-
function
|
|
785
|
+
function An(o) {
|
|
786
786
|
{
|
|
787
787
|
var h = o.type;
|
|
788
788
|
if (h == null || typeof h == "string")
|
|
@@ -790,7 +790,7 @@ Check the top-level render call using <` + p + ">.");
|
|
|
790
790
|
var p;
|
|
791
791
|
if (typeof h == "function")
|
|
792
792
|
p = h.propTypes;
|
|
793
|
-
else if (typeof h == "object" && (h.$$typeof ===
|
|
793
|
+
else if (typeof h == "object" && (h.$$typeof === l || // Note: Memo only checks outer props here.
|
|
794
794
|
// Inner props are checked in the reconciler.
|
|
795
795
|
h.$$typeof === _))
|
|
796
796
|
p = h.propTypes;
|
|
@@ -798,91 +798,91 @@ Check the top-level render call using <` + p + ">.");
|
|
|
798
798
|
return;
|
|
799
799
|
if (p) {
|
|
800
800
|
var T = Y(h);
|
|
801
|
-
|
|
801
|
+
En(p, o.props, "prop", T, o);
|
|
802
802
|
} else if (h.PropTypes !== void 0 && !We) {
|
|
803
803
|
We = !0;
|
|
804
|
-
var
|
|
805
|
-
|
|
804
|
+
var I = Y(h);
|
|
805
|
+
L("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", I || "Unknown");
|
|
806
806
|
}
|
|
807
|
-
typeof h.getDefaultProps == "function" && !h.getDefaultProps.isReactClassApproved &&
|
|
807
|
+
typeof h.getDefaultProps == "function" && !h.getDefaultProps.isReactClassApproved && L("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
|
|
808
808
|
}
|
|
809
809
|
}
|
|
810
|
-
function
|
|
810
|
+
function On(o) {
|
|
811
811
|
{
|
|
812
812
|
for (var h = Object.keys(o.props), p = 0; p < h.length; p++) {
|
|
813
813
|
var T = h[p];
|
|
814
814
|
if (T !== "children" && T !== "key") {
|
|
815
|
-
de(o),
|
|
815
|
+
de(o), L("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", T), de(null);
|
|
816
816
|
break;
|
|
817
817
|
}
|
|
818
818
|
}
|
|
819
|
-
o.ref !== null && (de(o),
|
|
819
|
+
o.ref !== null && (de(o), L("Invalid attribute `ref` supplied to `React.Fragment`."), de(null));
|
|
820
820
|
}
|
|
821
821
|
}
|
|
822
|
-
var
|
|
823
|
-
function
|
|
822
|
+
var wt = {};
|
|
823
|
+
function _t(o, h, p, T, I, N) {
|
|
824
824
|
{
|
|
825
|
-
var
|
|
826
|
-
if (!
|
|
825
|
+
var P = F(o);
|
|
826
|
+
if (!P) {
|
|
827
827
|
var C = "";
|
|
828
828
|
(o === void 0 || typeof o == "object" && o !== null && Object.keys(o).length === 0) && (C += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
|
|
829
|
-
var X =
|
|
830
|
-
X ? C += X : C +=
|
|
829
|
+
var X = Fn();
|
|
830
|
+
X ? C += X : C += vt();
|
|
831
831
|
var W;
|
|
832
|
-
o === null ? W = "null" : Ue(o) ? W = "array" : o !== void 0 && o.$$typeof === t ? (W = "<" + (Y(o.type) || "Unknown") + " />", C = " Did you accidentally export a JSX literal instead of a component?") : W = typeof o,
|
|
832
|
+
o === null ? W = "null" : Ue(o) ? W = "array" : o !== void 0 && o.$$typeof === t ? (W = "<" + (Y(o.type) || "Unknown") + " />", C = " Did you accidentally export a JSX literal instead of a component?") : W = typeof o, L("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", W, C);
|
|
833
833
|
}
|
|
834
|
-
var
|
|
835
|
-
if (
|
|
836
|
-
return
|
|
837
|
-
if (
|
|
834
|
+
var q = Mn(o, h, p, I, N);
|
|
835
|
+
if (q == null)
|
|
836
|
+
return q;
|
|
837
|
+
if (P) {
|
|
838
838
|
var te = h.children;
|
|
839
839
|
if (te !== void 0)
|
|
840
840
|
if (T)
|
|
841
841
|
if (Ue(te)) {
|
|
842
842
|
for (var fe = 0; fe < te.length; fe++)
|
|
843
|
-
|
|
843
|
+
gt(te[fe], o);
|
|
844
844
|
Object.freeze && Object.freeze(te);
|
|
845
845
|
} else
|
|
846
|
-
|
|
846
|
+
L("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
|
|
847
847
|
else
|
|
848
|
-
|
|
848
|
+
gt(te, o);
|
|
849
849
|
}
|
|
850
850
|
if (ye.call(h, "key")) {
|
|
851
|
-
var ce = Y(o), Q = Object.keys(h).filter(function(
|
|
852
|
-
return
|
|
853
|
-
}),
|
|
854
|
-
if (!
|
|
855
|
-
var
|
|
856
|
-
|
|
851
|
+
var ce = Y(o), Q = Object.keys(h).filter(function(qn) {
|
|
852
|
+
return qn !== "key";
|
|
853
|
+
}), ze = Q.length > 0 ? "{key: someKey, " + Q.join(": ..., ") + ": ...}" : "{key: someKey}";
|
|
854
|
+
if (!wt[ce + ze]) {
|
|
855
|
+
var Wn = Q.length > 0 ? "{" + Q.join(": ..., ") + ": ...}" : "{}";
|
|
856
|
+
L(`A props object containing a "key" prop is being spread into JSX:
|
|
857
857
|
let props = %s;
|
|
858
858
|
<%s {...props} />
|
|
859
859
|
React keys must be passed directly to JSX without using spread:
|
|
860
860
|
let props = %s;
|
|
861
|
-
<%s key={someKey} {...props} />`,
|
|
861
|
+
<%s key={someKey} {...props} />`, ze, ce, Wn, ce), wt[ce + ze] = !0;
|
|
862
862
|
}
|
|
863
863
|
}
|
|
864
|
-
return o === r ?
|
|
864
|
+
return o === r ? On(q) : An(q), q;
|
|
865
865
|
}
|
|
866
866
|
}
|
|
867
|
-
function
|
|
868
|
-
return
|
|
867
|
+
function Hn(o, h, p) {
|
|
868
|
+
return _t(o, h, p, !0);
|
|
869
869
|
}
|
|
870
|
-
function
|
|
871
|
-
return
|
|
870
|
+
function $n(o, h, p) {
|
|
871
|
+
return _t(o, h, p, !1);
|
|
872
872
|
}
|
|
873
|
-
var
|
|
874
|
-
we.Fragment = r, we.jsx =
|
|
873
|
+
var Un = $n, Bn = Hn;
|
|
874
|
+
we.Fragment = r, we.jsx = Un, we.jsxs = Bn;
|
|
875
875
|
})()), we;
|
|
876
876
|
}
|
|
877
|
-
var
|
|
878
|
-
function
|
|
879
|
-
return
|
|
877
|
+
var St;
|
|
878
|
+
function rr() {
|
|
879
|
+
return St || (St = 1, process.env.NODE_ENV === "production" ? Ie.exports = tr() : Ie.exports = nr()), Ie.exports;
|
|
880
880
|
}
|
|
881
|
-
var
|
|
882
|
-
const
|
|
881
|
+
var s = rr();
|
|
882
|
+
const zt = typeof window != "undefined" ? Kn : V;
|
|
883
883
|
function Ce(e, t) {
|
|
884
|
-
const n =
|
|
885
|
-
|
|
884
|
+
const n = O(e);
|
|
885
|
+
zt(() => {
|
|
886
886
|
n.current = e;
|
|
887
887
|
}, [e]), V(() => {
|
|
888
888
|
if (t === null)
|
|
@@ -895,8 +895,8 @@ function Ce(e, t) {
|
|
|
895
895
|
};
|
|
896
896
|
}, [t]);
|
|
897
897
|
}
|
|
898
|
-
function
|
|
899
|
-
var n, r,
|
|
898
|
+
function or(e, t) {
|
|
899
|
+
var n, r, a, c, u, i;
|
|
900
900
|
if (typeof Intl != "undefined" && Intl.DateTimeFormat)
|
|
901
901
|
try {
|
|
902
902
|
const d = new Intl.DateTimeFormat("en-US", {
|
|
@@ -909,44 +909,44 @@ function Qn(e, t) {
|
|
|
909
909
|
second: "2-digit",
|
|
910
910
|
hour12: !1
|
|
911
911
|
}).formatToParts(e), g = parseInt(
|
|
912
|
-
((n = d.find((
|
|
912
|
+
((n = d.find((R) => R.type === "year")) == null ? void 0 : n.value) || "0",
|
|
913
913
|
10
|
|
914
914
|
), _ = parseInt(
|
|
915
|
-
((r = d.find((
|
|
915
|
+
((r = d.find((R) => R.type === "month")) == null ? void 0 : r.value) || "0",
|
|
916
916
|
10
|
|
917
917
|
) - 1, y = parseInt(
|
|
918
|
-
((
|
|
918
|
+
((a = d.find((R) => R.type === "day")) == null ? void 0 : a.value) || "0",
|
|
919
919
|
10
|
|
920
|
-
),
|
|
921
|
-
((
|
|
920
|
+
), k = parseInt(
|
|
921
|
+
((c = d.find((R) => R.type === "hour")) == null ? void 0 : c.value) || "0",
|
|
922
922
|
10
|
|
923
923
|
), E = parseInt(
|
|
924
|
-
((u = d.find((
|
|
924
|
+
((u = d.find((R) => R.type === "minute")) == null ? void 0 : u.value) || "0",
|
|
925
925
|
10
|
|
926
926
|
), x = parseInt(
|
|
927
|
-
((i = d.find((
|
|
927
|
+
((i = d.find((R) => R.type === "second")) == null ? void 0 : i.value) || "0",
|
|
928
928
|
10
|
|
929
929
|
);
|
|
930
|
-
return new Date(g, _, y,
|
|
931
|
-
} catch (
|
|
930
|
+
return new Date(g, _, y, k, E, x);
|
|
931
|
+
} catch (l) {
|
|
932
932
|
return console.warn(
|
|
933
933
|
`Failed to convert date to timezone ${t}, returning original date:`,
|
|
934
|
-
|
|
934
|
+
l
|
|
935
935
|
), e;
|
|
936
936
|
}
|
|
937
937
|
return console.warn(
|
|
938
938
|
"Intl.DateTimeFormat not available, timezone conversion may be inaccurate"
|
|
939
939
|
), e;
|
|
940
940
|
}
|
|
941
|
-
function
|
|
942
|
-
return
|
|
941
|
+
function ir(e, t, n) {
|
|
942
|
+
return Yt(
|
|
943
943
|
t.getTime() - e.getTime(),
|
|
944
944
|
n,
|
|
945
945
|
"milliseconds"
|
|
946
946
|
);
|
|
947
947
|
}
|
|
948
|
-
function
|
|
949
|
-
const e = /* @__PURE__ */ new Date(), t = "YYYY-MM-DD HH:mm:ss.SSSSSS", n = (
|
|
948
|
+
function sr() {
|
|
949
|
+
const e = /* @__PURE__ */ new Date(), t = "YYYY-MM-DD HH:mm:ss.SSSSSS", n = (a, c = 2) => String(a).padStart(c, "0"), r = {
|
|
950
950
|
YYYY: String(e.getFullYear()),
|
|
951
951
|
MM: n(e.getMonth() + 1),
|
|
952
952
|
DD: n(e.getDate()),
|
|
@@ -956,16 +956,16 @@ function tr() {
|
|
|
956
956
|
SSSSSS: n(e.getMilliseconds(), 3) + "000"
|
|
957
957
|
};
|
|
958
958
|
return Object.entries(r).reduce(
|
|
959
|
-
(
|
|
959
|
+
(a, [c, u]) => a.replace(c, u),
|
|
960
960
|
t
|
|
961
961
|
);
|
|
962
962
|
}
|
|
963
963
|
const Te = (e) => {
|
|
964
964
|
if (isNaN(e) || e === 1 / 0) return "0:00";
|
|
965
|
-
const t = (
|
|
966
|
-
return n === 0 ? `${r}:${t(
|
|
965
|
+
const t = (c) => (c < 10 ? "0" : "") + c, n = Math.floor(e / 3600), r = Math.floor(e % 3600 / 60), a = Math.floor(e % 60);
|
|
966
|
+
return n === 0 ? `${r}:${t(a)}` : `${n}:${t(r)}:${t(a)}`;
|
|
967
967
|
};
|
|
968
|
-
function
|
|
968
|
+
function ar() {
|
|
969
969
|
try {
|
|
970
970
|
return Intl.DateTimeFormat().resolvedOptions().timeZone;
|
|
971
971
|
} catch (e) {
|
|
@@ -975,10 +975,10 @@ function nr() {
|
|
|
975
975
|
), "Europe/Sarajevo";
|
|
976
976
|
}
|
|
977
977
|
}
|
|
978
|
-
function
|
|
979
|
-
return
|
|
978
|
+
function lr(e) {
|
|
979
|
+
return Yt(e, "milliseconds", "seconds");
|
|
980
980
|
}
|
|
981
|
-
function
|
|
981
|
+
function Yt(e, t, n) {
|
|
982
982
|
const r = {
|
|
983
983
|
days: 86400,
|
|
984
984
|
hours: 3600,
|
|
@@ -988,28 +988,28 @@ function Bt(e, t, n) {
|
|
|
988
988
|
};
|
|
989
989
|
return e * (r[t] / r[n]);
|
|
990
990
|
}
|
|
991
|
-
function
|
|
991
|
+
function Je(e) {
|
|
992
992
|
var n;
|
|
993
993
|
const t = typeof window != "undefined" && ((n = window.navigator) == null ? void 0 : n.userAgent) || "";
|
|
994
994
|
return e.test(t);
|
|
995
995
|
}
|
|
996
|
-
const
|
|
997
|
-
function
|
|
996
|
+
const Zt = Je(/Safari/i) && !Je(/Chrome|Chromium/i), cr = Je(/Tizen/i);
|
|
997
|
+
function ur() {
|
|
998
998
|
const e = document;
|
|
999
999
|
return !!(e.fullscreenElement || e.mozFullScreenElement || e.webkitFullscreenElement || e.msFullscreenElement);
|
|
1000
1000
|
}
|
|
1001
|
-
function
|
|
1001
|
+
function dr(e) {
|
|
1002
1002
|
e.requestFullscreen ? e.requestFullscreen() : e.msRequestFullscreen ? e.msRequestFullscreen() : e.webkitRequestFullScreen ? e.webkitRequestFullScreen() : e.webkitEnterFullScreen ? e.webkitEnterFullScreen() : e.mozRequestFullScreen && e.mozRequestFullScreen();
|
|
1003
1003
|
}
|
|
1004
|
-
function
|
|
1004
|
+
function fr(e) {
|
|
1005
1005
|
e.exitFullscreen ? e.exitFullscreen() : e.msExitFullscreen ? e.msExitFullscreen() : e.webkitExitFullscreen ? e.webkitExitFullscreen() : e.mozCancelFullScreen && e.mozCancelFullScreen();
|
|
1006
1006
|
}
|
|
1007
|
-
function
|
|
1007
|
+
function hr(e, t) {
|
|
1008
1008
|
return e.addEventListener("fullscreenchange", t), e.addEventListener("webkitfullscreenchange", t), e.addEventListener("mozfullscreenchange", t), e.addEventListener("MSFullscreenChange", t), () => {
|
|
1009
1009
|
e.removeEventListener("fullscreenchange", t), e.removeEventListener("webkitfullscreenchange", t), e.removeEventListener("mozfullscreenchange", t), e.removeEventListener("MSFullscreenChange", t);
|
|
1010
1010
|
};
|
|
1011
1011
|
}
|
|
1012
|
-
const
|
|
1012
|
+
const mr = () => Gn(), vr = (e, t) => ({
|
|
1013
1013
|
currentTime: 0,
|
|
1014
1014
|
duration: 0,
|
|
1015
1015
|
isEnded: !1,
|
|
@@ -1052,7 +1052,7 @@ const cr = () => zn(), ur = (e, t) => ({
|
|
|
1052
1052
|
},
|
|
1053
1053
|
handleLoadStart: () => {
|
|
1054
1054
|
const n = t().techRef.current;
|
|
1055
|
-
n && (t().eventEmitter.emit("loadStart"), e({ isReady: !0 }), n.play().then(() => {
|
|
1055
|
+
n && (t().eventEmitter.emit("loadStart"), e({ isReady: !0 }), !(t().isStarted && !t().isPlaying) && n.play().then(() => {
|
|
1056
1056
|
e({
|
|
1057
1057
|
isEnded: !1,
|
|
1058
1058
|
isLoading: !1,
|
|
@@ -1110,10 +1110,10 @@ const cr = () => zn(), ur = (e, t) => ({
|
|
|
1110
1110
|
const r = t().techRef.current;
|
|
1111
1111
|
if (!r) return;
|
|
1112
1112
|
t().eventEmitter.emit("error", n);
|
|
1113
|
-
const
|
|
1114
|
-
if (!
|
|
1115
|
-
const
|
|
1116
|
-
e({ error: { message: u, code:
|
|
1113
|
+
const a = r.error;
|
|
1114
|
+
if (!a) return;
|
|
1115
|
+
const c = `${a.code}`, u = a.message || "Unknown error occurred";
|
|
1116
|
+
e({ error: { message: u, code: c, tech: "native" } });
|
|
1117
1117
|
},
|
|
1118
1118
|
pause: () => {
|
|
1119
1119
|
const n = t().techRef.current;
|
|
@@ -1124,7 +1124,7 @@ const cr = () => zn(), ur = (e, t) => ({
|
|
|
1124
1124
|
}));
|
|
1125
1125
|
},
|
|
1126
1126
|
getPauseTimeDiff: () => !t().isStarted || !t().pauseTime ? 0 : parseInt(
|
|
1127
|
-
|
|
1127
|
+
lr(Date.now() - t().pauseTime).toFixed(0)
|
|
1128
1128
|
),
|
|
1129
1129
|
play: () => {
|
|
1130
1130
|
const n = t().techRef.current;
|
|
@@ -1150,12 +1150,12 @@ const cr = () => zn(), ur = (e, t) => ({
|
|
|
1150
1150
|
},
|
|
1151
1151
|
seek: (n) => {
|
|
1152
1152
|
const r = t().techRef.current;
|
|
1153
|
-
r && (r.currentTime = n,
|
|
1153
|
+
r && (r.currentTime = n, e({
|
|
1154
1154
|
seekTime: -1,
|
|
1155
1155
|
currentTime: n,
|
|
1156
1156
|
isStarted: !0,
|
|
1157
|
-
isEnded: !1
|
|
1158
|
-
isPlaying:
|
|
1157
|
+
isEnded: !1
|
|
1158
|
+
// isPlaying: true,
|
|
1159
1159
|
}));
|
|
1160
1160
|
},
|
|
1161
1161
|
setIsLoading: (n) => e({ isLoading: n }),
|
|
@@ -1174,11 +1174,11 @@ const cr = () => zn(), ur = (e, t) => ({
|
|
|
1174
1174
|
isLoading: !1
|
|
1175
1175
|
});
|
|
1176
1176
|
}
|
|
1177
|
-
}),
|
|
1177
|
+
}), pr = (e, t) => ({
|
|
1178
1178
|
isIdle: !1,
|
|
1179
1179
|
setIsIdle: (n) => e({ isIdle: n }),
|
|
1180
1180
|
resetIdle: () => t().eventEmitter.emit("resetIdle")
|
|
1181
|
-
}),
|
|
1181
|
+
}), yr = (e) => ({
|
|
1182
1182
|
idleLocks: /* @__PURE__ */ new Set(),
|
|
1183
1183
|
addIdleLock: (t) => e((n) => ({
|
|
1184
1184
|
idleLocks: new Set(n.idleLocks).add(t)
|
|
@@ -1187,7 +1187,13 @@ const cr = () => zn(), ur = (e, t) => ({
|
|
|
1187
1187
|
const r = new Set(n.idleLocks);
|
|
1188
1188
|
return r.delete(t), { idleLocks: r };
|
|
1189
1189
|
})
|
|
1190
|
-
}),
|
|
1190
|
+
}), gr = (e, t) => ({
|
|
1191
|
+
playbackRate: 1,
|
|
1192
|
+
setPlaybackRate: (n) => {
|
|
1193
|
+
const r = t().techRef.current;
|
|
1194
|
+
r && (r.playbackRate = n, e({ playbackRate: n }));
|
|
1195
|
+
}
|
|
1196
|
+
}), wr = (e, t) => ({
|
|
1191
1197
|
level: null,
|
|
1192
1198
|
levels: null,
|
|
1193
1199
|
setLevels: (n) => e({ levels: n }),
|
|
@@ -1195,165 +1201,165 @@ const cr = () => zn(), ur = (e, t) => ({
|
|
|
1195
1201
|
logLevel: (n) => {
|
|
1196
1202
|
n && t().eventEmitter.emit("qualityChange", { level: n });
|
|
1197
1203
|
}
|
|
1198
|
-
}),
|
|
1204
|
+
}), _r = (e, t) => ({
|
|
1199
1205
|
isFullscreen: !1,
|
|
1200
1206
|
isFullscreenReady: !1,
|
|
1201
1207
|
exitFullscreen: () => {
|
|
1202
|
-
t().eventEmitter.emit("fullscreenChange", { isFullscreen: !1 }),
|
|
1208
|
+
t().eventEmitter.emit("fullscreenChange", { isFullscreen: !1 }), fr(document), e({ isFullscreen: !1 });
|
|
1203
1209
|
},
|
|
1204
1210
|
requestFullscreen: () => {
|
|
1205
1211
|
const n = t().techRef.current, r = t().containerRef.current;
|
|
1206
1212
|
if (!n || !r) return;
|
|
1207
1213
|
t().eventEmitter.emit("fullscreenChange", { isFullscreen: !0 });
|
|
1208
|
-
const
|
|
1209
|
-
|
|
1214
|
+
const a = Zt ? n : r;
|
|
1215
|
+
a && dr(a), e({ isFullscreen: !0 });
|
|
1210
1216
|
},
|
|
1211
1217
|
setIsFullscreen: (n) => e({ isFullscreen: n }),
|
|
1212
1218
|
setIsFullscreenReady: (n) => e({ isFullscreenReady: n })
|
|
1213
|
-
}),
|
|
1219
|
+
}), Tr = (e) => ({
|
|
1214
1220
|
error: null,
|
|
1215
1221
|
setError: (t) => e({ error: t })
|
|
1216
|
-
}),
|
|
1217
|
-
eventEmitter:
|
|
1218
|
-
}),
|
|
1222
|
+
}), xr = () => ({
|
|
1223
|
+
eventEmitter: mr()
|
|
1224
|
+
}), Cr = (e) => () => M({}, e), Er = (e, t) => At()((...n) => M(M(M(M(M(M(M(M(M({}, vr(...n)), pr(...n)), yr(...n)), gr(...n)), wr(...n)), _r(...n)), Tr(...n)), xr(...n)), Cr({
|
|
1219
1225
|
techRef: e,
|
|
1220
1226
|
containerRef: t
|
|
1221
|
-
})(...n))),
|
|
1222
|
-
function
|
|
1223
|
-
const t =
|
|
1224
|
-
return t.current || (t.current =
|
|
1227
|
+
})(...n))), Kt = Mt(null);
|
|
1228
|
+
function Rr({ children: e }) {
|
|
1229
|
+
const t = O(null), n = O(null), r = O(null);
|
|
1230
|
+
return t.current || (t.current = Er(n, r)), /* @__PURE__ */ s.jsx(Kt.Provider, { value: t.current, children: e });
|
|
1225
1231
|
}
|
|
1226
1232
|
const f = (e) => {
|
|
1227
|
-
const t =
|
|
1233
|
+
const t = Ft(Kt);
|
|
1228
1234
|
if (!t)
|
|
1229
1235
|
throw new Error("usePlayerStore must be used within PlayerStoreProvider");
|
|
1230
|
-
return
|
|
1231
|
-
},
|
|
1232
|
-
version:
|
|
1236
|
+
return Vt(t, e);
|
|
1237
|
+
}, Sr = "0.0.55", Qe = {
|
|
1238
|
+
version: Sr
|
|
1233
1239
|
}, Ye = 11e3, Ze = {
|
|
1234
1240
|
DEBUG: 2,
|
|
1235
1241
|
INFO: 3,
|
|
1236
1242
|
WARNING: 4
|
|
1237
1243
|
};
|
|
1238
|
-
function
|
|
1244
|
+
function Gt({
|
|
1239
1245
|
title: e,
|
|
1240
1246
|
id: t,
|
|
1241
1247
|
kind: n,
|
|
1242
1248
|
delay: r,
|
|
1243
|
-
url:
|
|
1249
|
+
url: a
|
|
1244
1250
|
}) {
|
|
1245
|
-
const
|
|
1251
|
+
const c = O(null), u = O(!1), [i, l] = G(null), d = f((w) => w.eventEmitter), g = f((w) => w.isPlaying), _ = a.includes("staging") ? "stg" : "prd", y = _ === "stg" ? "https://collector-staging.spectar.tv/ingest" : "https://collector.spectar.tv/ingest", k = _ === "stg" ? "spectar_fitnessanny_staging" : "spectar_fitnessanny_production";
|
|
1246
1252
|
u.current = g;
|
|
1247
|
-
const E =
|
|
1253
|
+
const E = A(
|
|
1248
1254
|
async ({
|
|
1249
1255
|
type: w,
|
|
1250
|
-
message:
|
|
1251
|
-
level:
|
|
1256
|
+
message: L,
|
|
1257
|
+
level: b = Ze.INFO,
|
|
1252
1258
|
duration: B,
|
|
1253
|
-
valueStr1:
|
|
1259
|
+
valueStr1: H,
|
|
1254
1260
|
valueStr2: m
|
|
1255
1261
|
}) => {
|
|
1256
1262
|
const v = {
|
|
1257
1263
|
content_kind: n,
|
|
1258
1264
|
datetime: {
|
|
1259
|
-
date:
|
|
1260
|
-
timezone:
|
|
1265
|
+
date: sr(),
|
|
1266
|
+
timezone: ar()
|
|
1261
1267
|
},
|
|
1262
|
-
installation:
|
|
1263
|
-
level_num:
|
|
1268
|
+
installation: k,
|
|
1269
|
+
level_num: b,
|
|
1264
1270
|
log_source: "fitnessanny_player",
|
|
1265
|
-
capp_version:
|
|
1266
|
-
message:
|
|
1271
|
+
capp_version: Qe.version,
|
|
1272
|
+
message: L,
|
|
1267
1273
|
target_index: w === "client" ? "client_log" : "watching_activity_log"
|
|
1268
1274
|
};
|
|
1269
|
-
e && (v.title = e), t && (v.value_int1 = t),
|
|
1270
|
-
const
|
|
1275
|
+
e && (v.title = e), t && (v.value_int1 = t), H && (v.value_str1 = H), m && (v.value_str2 = m), w === "watch" && (B && (v.interval_duration = B), r && (v.catchup_time = r));
|
|
1276
|
+
const S = await fetch(y, {
|
|
1271
1277
|
method: "POST",
|
|
1272
1278
|
body: JSON.stringify(v)
|
|
1273
1279
|
});
|
|
1274
|
-
if (!
|
|
1275
|
-
throw new Error(`HTTP error! status: ${
|
|
1280
|
+
if (!S.ok)
|
|
1281
|
+
throw new Error(`HTTP error! status: ${S.status}`);
|
|
1276
1282
|
},
|
|
1277
|
-
[y, r, t,
|
|
1278
|
-
), x =
|
|
1279
|
-
|
|
1280
|
-
}, []),
|
|
1283
|
+
[y, r, t, k, n, e]
|
|
1284
|
+
), x = A((w) => {
|
|
1285
|
+
c.current = w != null ? w : /* @__PURE__ */ new Date();
|
|
1286
|
+
}, []), R = A(
|
|
1281
1287
|
async (w) => {
|
|
1282
|
-
!w &&
|
|
1288
|
+
!w && c.current && (w = ir(c.current, /* @__PURE__ */ new Date(), "milliseconds")), console.log("[Player][Activity]", "Watching", w), await E({ type: "watch", message: "WATCHING", duration: w });
|
|
1283
1289
|
},
|
|
1284
1290
|
[E]
|
|
1285
1291
|
);
|
|
1286
1292
|
return Ce(() => {
|
|
1287
|
-
|
|
1293
|
+
R(i), x();
|
|
1288
1294
|
}, i), V(() => {
|
|
1289
1295
|
const w = () => {
|
|
1290
|
-
|
|
1291
|
-
},
|
|
1292
|
-
|
|
1293
|
-
},
|
|
1294
|
-
|
|
1296
|
+
l(Ye), E({ type: "watch", message: "PLAY" }), x();
|
|
1297
|
+
}, L = () => {
|
|
1298
|
+
l(null), E({ type: "watch", message: "PAUSE" }), R(), x();
|
|
1299
|
+
}, b = () => {
|
|
1300
|
+
l(Ye), E({ type: "watch", message: "RESUME" }), x();
|
|
1295
1301
|
}, B = () => {
|
|
1296
|
-
|
|
1297
|
-
},
|
|
1298
|
-
|
|
1299
|
-
}, m = ({ level:
|
|
1300
|
-
|
|
1302
|
+
l(null), u.current && (E({ type: "watch", message: "STOP" }), R()), l(Ye), E({ type: "watch", message: "PLAY" }), x();
|
|
1303
|
+
}, H = () => {
|
|
1304
|
+
l(null), E({ type: "watch", message: "STOP" }), u.current && R(), x();
|
|
1305
|
+
}, m = ({ level: S }) => {
|
|
1306
|
+
S && E({
|
|
1301
1307
|
type: "client",
|
|
1302
1308
|
message: "QUALITY_CHANGE",
|
|
1303
1309
|
level: Ze.DEBUG,
|
|
1304
|
-
valueStr1:
|
|
1310
|
+
valueStr1: S
|
|
1305
1311
|
});
|
|
1306
|
-
}, v = (
|
|
1307
|
-
let
|
|
1308
|
-
|
|
1312
|
+
}, v = (S) => {
|
|
1313
|
+
let j = "UNKNOWN_ERROR", F = "Unknown error occurred";
|
|
1314
|
+
S instanceof MediaError && (S.code && (j = `${S.code}`), S.message && (F = `${S.message}`)), E({
|
|
1309
1315
|
type: "client",
|
|
1310
1316
|
message: "ERROR",
|
|
1311
1317
|
level: Ze.WARNING,
|
|
1312
|
-
valueStr1:
|
|
1313
|
-
valueStr2:
|
|
1318
|
+
valueStr1: j,
|
|
1319
|
+
valueStr2: F
|
|
1314
1320
|
});
|
|
1315
1321
|
};
|
|
1316
|
-
return d.on("play", w), d.on("pause",
|
|
1317
|
-
d.off("play", w), d.off("pause",
|
|
1322
|
+
return d.on("play", w), d.on("pause", L), d.on("resume", b), d.on("restart", B), d.on("ended", H), d.on("qualityChange", m), d.on("error", v), () => {
|
|
1323
|
+
d.off("play", w), d.off("pause", L), d.off("resume", b), d.off("restart", B), d.off("ended", H), d.off("qualityChange", m), d.off("error", v);
|
|
1318
1324
|
};
|
|
1319
|
-
}, [d, E, x,
|
|
1325
|
+
}, [d, E, x, R]), null;
|
|
1320
1326
|
}
|
|
1321
|
-
const
|
|
1327
|
+
const br = () => At((e) => ({
|
|
1322
1328
|
delay: 0,
|
|
1323
1329
|
startDate: null,
|
|
1324
1330
|
viewerCount: null,
|
|
1325
1331
|
setDelay: (t) => e({ delay: t }),
|
|
1326
1332
|
setStartDate: (t) => e({ startDate: t }),
|
|
1327
1333
|
setViewerCount: (t) => e({ viewerCount: t })
|
|
1328
|
-
})),
|
|
1334
|
+
})), Xt = Mt(
|
|
1329
1335
|
null
|
|
1330
|
-
),
|
|
1331
|
-
const t =
|
|
1336
|
+
), Pr = ({ children: e }) => {
|
|
1337
|
+
const t = O(
|
|
1332
1338
|
null
|
|
1333
1339
|
);
|
|
1334
|
-
return t.current || (t.current =
|
|
1340
|
+
return t.current || (t.current = br()), /* @__PURE__ */ s.jsx(Xt.Provider, { value: t.current, children: e });
|
|
1335
1341
|
}, U = (e) => {
|
|
1336
|
-
const t =
|
|
1342
|
+
const t = Ft(Xt);
|
|
1337
1343
|
if (!t)
|
|
1338
1344
|
throw new Error(
|
|
1339
1345
|
"useLivePlayerStore must be used within PlayerStoreProvider"
|
|
1340
1346
|
);
|
|
1341
|
-
return
|
|
1347
|
+
return Vt(t, e);
|
|
1342
1348
|
};
|
|
1343
|
-
function
|
|
1349
|
+
function Jt(e) {
|
|
1344
1350
|
try {
|
|
1345
1351
|
const n = new URL(e).searchParams, r = {};
|
|
1346
|
-
return n.forEach((
|
|
1347
|
-
r[
|
|
1352
|
+
return n.forEach((a, c) => {
|
|
1353
|
+
r[c] = a;
|
|
1348
1354
|
}), r;
|
|
1349
1355
|
} catch (t) {
|
|
1350
1356
|
return console.error("Invalid URL:", t), {};
|
|
1351
1357
|
}
|
|
1352
1358
|
}
|
|
1353
|
-
function
|
|
1354
|
-
const { video_id: t } =
|
|
1355
|
-
return r ? /* @__PURE__ */
|
|
1356
|
-
|
|
1359
|
+
function Lr({ url: e }) {
|
|
1360
|
+
const { video_id: t } = Jt(e), n = U((a) => a.delay), r = t ? Number(t) : void 0;
|
|
1361
|
+
return r ? /* @__PURE__ */ s.jsx(
|
|
1362
|
+
Gt,
|
|
1357
1363
|
{
|
|
1358
1364
|
kind: n ? "catchup" : "live",
|
|
1359
1365
|
delay: n,
|
|
@@ -1362,46 +1368,46 @@ function Cr({ url: e }) {
|
|
|
1362
1368
|
}
|
|
1363
1369
|
) : null;
|
|
1364
1370
|
}
|
|
1365
|
-
const
|
|
1366
|
-
playerNotice:
|
|
1367
|
-
playerNoticeTitle:
|
|
1368
|
-
playerNoticeText:
|
|
1369
|
-
playerNoticeLowZIndex:
|
|
1371
|
+
const jr = "_playerNotice_x3acc_1", Ir = "_playerNoticeTitle_x3acc_19", kr = "_playerNoticeText_x3acc_28", Dr = "_playerNoticeLowZIndex_x3acc_37", ie = {
|
|
1372
|
+
playerNotice: jr,
|
|
1373
|
+
playerNoticeTitle: Ir,
|
|
1374
|
+
playerNoticeText: kr,
|
|
1375
|
+
playerNoticeLowZIndex: Dr
|
|
1370
1376
|
};
|
|
1371
|
-
function
|
|
1377
|
+
function Nr(e) {
|
|
1372
1378
|
const [, t] = G(0);
|
|
1373
1379
|
Ce(() => t((n) => n + 1), e);
|
|
1374
1380
|
}
|
|
1375
|
-
function
|
|
1381
|
+
function Mr(e) {
|
|
1376
1382
|
const t = e.split(`
|
|
1377
1383
|
`);
|
|
1378
1384
|
for (const n of t) {
|
|
1379
1385
|
const r = n.trim();
|
|
1380
1386
|
if (r.startsWith("#EXT-X-PROGRAM-DATE-TIME:")) {
|
|
1381
|
-
const
|
|
1382
|
-
if (!isNaN(
|
|
1383
|
-
return
|
|
1387
|
+
const a = r.replace("#EXT-X-PROGRAM-DATE-TIME:", "").trim(), c = new Date(a);
|
|
1388
|
+
if (!isNaN(c.getTime()))
|
|
1389
|
+
return or(c, "Europe/Sarajevo");
|
|
1384
1390
|
}
|
|
1385
1391
|
}
|
|
1386
1392
|
return null;
|
|
1387
1393
|
}
|
|
1388
|
-
function
|
|
1394
|
+
function Fr(e, t) {
|
|
1389
1395
|
const n = e.split(`
|
|
1390
1396
|
`);
|
|
1391
1397
|
let r = !1;
|
|
1392
|
-
for (const
|
|
1393
|
-
const
|
|
1394
|
-
if (
|
|
1398
|
+
for (const a of n) {
|
|
1399
|
+
const c = a.trim();
|
|
1400
|
+
if (c.startsWith("#EXT-X-STREAM-INF:")) {
|
|
1395
1401
|
r = !0;
|
|
1396
1402
|
continue;
|
|
1397
1403
|
}
|
|
1398
|
-
if (r && !
|
|
1399
|
-
if (
|
|
1400
|
-
return
|
|
1404
|
+
if (r && !c.startsWith("#")) {
|
|
1405
|
+
if (c.startsWith("http"))
|
|
1406
|
+
return c;
|
|
1401
1407
|
{
|
|
1402
1408
|
const u = new URL(t);
|
|
1403
1409
|
return new URL(
|
|
1404
|
-
|
|
1410
|
+
c,
|
|
1405
1411
|
u.origin + u.pathname.substring(
|
|
1406
1412
|
0,
|
|
1407
1413
|
u.pathname.lastIndexOf("/")
|
|
@@ -1412,146 +1418,146 @@ function jr(e, t) {
|
|
|
1412
1418
|
}
|
|
1413
1419
|
return null;
|
|
1414
1420
|
}
|
|
1415
|
-
function
|
|
1421
|
+
function Vr(e) {
|
|
1416
1422
|
return e.replace("playlist.m3u8", "playlist_fmp4_dvr.m3u8");
|
|
1417
1423
|
}
|
|
1418
|
-
async function
|
|
1424
|
+
async function Ar(e) {
|
|
1419
1425
|
try {
|
|
1420
|
-
const t =
|
|
1426
|
+
const t = Vr(e);
|
|
1421
1427
|
console.log("Converting to DVR URL:", t);
|
|
1422
1428
|
const n = await fetch(t);
|
|
1423
1429
|
if (!n.ok)
|
|
1424
1430
|
throw new Error(
|
|
1425
1431
|
`Failed to fetch master playlist: ${n.status} ${n.statusText}`
|
|
1426
1432
|
);
|
|
1427
|
-
const r = await n.text(),
|
|
1433
|
+
const r = await n.text(), a = Fr(
|
|
1428
1434
|
r,
|
|
1429
1435
|
t
|
|
1430
1436
|
);
|
|
1431
|
-
if (!
|
|
1437
|
+
if (!a)
|
|
1432
1438
|
throw new Error("No chunklist URL found in master playlist");
|
|
1433
|
-
console.log("Found chunklist URL:",
|
|
1434
|
-
const
|
|
1435
|
-
if (!
|
|
1439
|
+
console.log("Found chunklist URL:", a);
|
|
1440
|
+
const c = await fetch(a);
|
|
1441
|
+
if (!c.ok)
|
|
1436
1442
|
throw new Error(
|
|
1437
|
-
`Failed to fetch chunklist: ${
|
|
1443
|
+
`Failed to fetch chunklist: ${c.status} ${c.statusText}`
|
|
1438
1444
|
);
|
|
1439
|
-
const u = await
|
|
1445
|
+
const u = await c.text(), i = Mr(u);
|
|
1440
1446
|
return i ? console.log("Successfully detected start time:", i.toISOString()) : console.log(" No start time found in chunklist"), i;
|
|
1441
1447
|
} catch (t) {
|
|
1442
1448
|
return console.error("Error getting start time from HLS URL:", t), null;
|
|
1443
1449
|
}
|
|
1444
1450
|
}
|
|
1445
|
-
function
|
|
1451
|
+
function Or(n) {
|
|
1446
1452
|
var r = n, { url: e } = r, t = re(r, ["url"]);
|
|
1447
|
-
const [
|
|
1448
|
-
const d = await
|
|
1453
|
+
const [a, c] = G(!0), u = U((d) => d.startDate), i = U((d) => d.setStartDate), l = A(async () => {
|
|
1454
|
+
const d = await Ar(e);
|
|
1449
1455
|
d && i(d);
|
|
1450
1456
|
}, [e, i]);
|
|
1451
1457
|
return V(() => {
|
|
1452
1458
|
(async () => {
|
|
1453
|
-
|
|
1459
|
+
c(!0), await l(), c(!1);
|
|
1454
1460
|
})();
|
|
1455
|
-
}, [
|
|
1461
|
+
}, [l]), Ce(l, u ? null : 5e3), a ? null : /* @__PURE__ */ s.jsx(Hr, M({}, t));
|
|
1456
1462
|
}
|
|
1457
|
-
function
|
|
1463
|
+
function Hr({
|
|
1458
1464
|
children: e,
|
|
1459
1465
|
messages: t
|
|
1460
1466
|
}) {
|
|
1461
1467
|
const n = U((u) => u.startDate), r = f((u) => u.isStarted);
|
|
1462
|
-
return
|
|
1463
|
-
|
|
1468
|
+
return Nr(r ? null : 5e3), n ? Date.now() < n.getTime() ? /* @__PURE__ */ s.jsx(
|
|
1469
|
+
$r,
|
|
1464
1470
|
{
|
|
1465
1471
|
startDate: n,
|
|
1466
1472
|
title: t.eventNotStarted,
|
|
1467
1473
|
message: t.eventStartingSoon
|
|
1468
1474
|
}
|
|
1469
|
-
) : /* @__PURE__ */
|
|
1475
|
+
) : /* @__PURE__ */ s.jsx(s.Fragment, { children: e }) : /* @__PURE__ */ s.jsx("div", { className: ie.playerNotice, children: /* @__PURE__ */ s.jsx("h3", { className: ie.playerNoticeTitle, children: t.unableToPlay }) });
|
|
1470
1476
|
}
|
|
1471
|
-
function
|
|
1472
|
-
const r = e.getTime() - Date.now(),
|
|
1477
|
+
function $r({ startDate: e, title: t, message: n }) {
|
|
1478
|
+
const r = e.getTime() - Date.now(), a = Math.floor(r / (1e3 * 60 * 60)), c = Math.floor(
|
|
1473
1479
|
r % (1e3 * 60 * 60) / (1e3 * 60)
|
|
1474
1480
|
);
|
|
1475
|
-
return
|
|
1476
|
-
/* @__PURE__ */
|
|
1477
|
-
/* @__PURE__ */
|
|
1481
|
+
return a || c ? /* @__PURE__ */ s.jsxs("div", { className: ie.playerNotice, children: [
|
|
1482
|
+
/* @__PURE__ */ s.jsx("h3", { className: ie.playerNoticeTitle, children: t }),
|
|
1483
|
+
/* @__PURE__ */ s.jsxs("p", { className: ie.playerNoticeText, children: [
|
|
1478
1484
|
"(",
|
|
1479
|
-
|
|
1485
|
+
a > 0 ? `${a}h ${c}m` : `${c}m`,
|
|
1480
1486
|
")"
|
|
1481
1487
|
] })
|
|
1482
|
-
] }) : /* @__PURE__ */
|
|
1488
|
+
] }) : /* @__PURE__ */ s.jsx("div", { className: ie.playerNotice, children: /* @__PURE__ */ s.jsx("h3", { className: ie.playerNoticeTitle, children: n }) });
|
|
1483
1489
|
}
|
|
1484
|
-
function
|
|
1490
|
+
function Qt({ callback: e }) {
|
|
1485
1491
|
const t = f((n) => n.eventEmitter);
|
|
1486
1492
|
return V(() => {
|
|
1487
|
-
const n = () => e("play", void 0), r = () => e("pause", void 0),
|
|
1488
|
-
return t.on("play", n), t.on("pause", r), t.on("resume",
|
|
1489
|
-
t.off("play", n), t.off("pause", r), t.off("resume",
|
|
1493
|
+
const n = () => e("play", void 0), r = () => e("pause", void 0), a = () => e("resume", void 0), c = () => e("restart", void 0), u = () => e("ended", void 0), i = () => e("seeking", void 0), l = () => e("seeked", void 0), d = (w) => e("volumeChange", w), g = (w) => e("fullscreenChange", w), _ = (w) => e("qualityChange", w), y = (w) => e("loadedMetadata", w), k = () => e("loadStart", void 0), E = () => e("playing", void 0), x = () => e("waiting", void 0), R = () => e("error", void 0);
|
|
1494
|
+
return t.on("play", n), t.on("pause", r), t.on("resume", a), t.on("restart", c), t.on("ended", u), t.on("seeking", i), t.on("seeked", l), t.on("volumeChange", d), t.on("fullscreenChange", g), t.on("qualityChange", _), t.on("loadedMetadata", y), t.on("loadStart", k), t.on("playing", E), t.on("waiting", x), t.on("error", R), () => {
|
|
1495
|
+
t.off("play", n), t.off("pause", r), t.off("resume", a), t.off("restart", c), t.off("ended", u), t.off("seeking", i), t.off("seeked", l), t.off("volumeChange", d), t.off("fullscreenChange", g), t.off("qualityChange", _), t.off("loadedMetadata", y), t.off("loadStart", k), t.off("playing", E), t.off("waiting", x), t.off("error", R);
|
|
1490
1496
|
};
|
|
1491
1497
|
}, [e, t]), null;
|
|
1492
1498
|
}
|
|
1493
|
-
const
|
|
1499
|
+
const en = (e, t = 0) => parseInt(
|
|
1494
1500
|
Math.max(0, (Date.now() - (e + t * 1e3)) / 1e3).toFixed(0)
|
|
1495
|
-
),
|
|
1496
|
-
const r = t < 0 ? 0 : t,
|
|
1497
|
-
return `${parseFloat((e / Math.pow(1024,
|
|
1501
|
+
), tn = (e, t) => Math.max(0, (Date.now() - e - t * 1e3) / 1e3), Ur = (e, t) => Math.max(0, (t - e) / 1e3), Br = (e, t = 0) => {
|
|
1502
|
+
const r = t < 0 ? 0 : t, a = ["bytes", "kb", "mb", "gb", "tb", "pb", "eb", "zb", "yb"], c = Math.floor(Math.log(e) / Math.log(1024));
|
|
1503
|
+
return `${parseFloat((e / Math.pow(1024, c)).toFixed(r))}${a[c]}`;
|
|
1498
1504
|
};
|
|
1499
|
-
function
|
|
1505
|
+
function Wr({
|
|
1500
1506
|
isAuto: e,
|
|
1501
1507
|
level: t,
|
|
1502
1508
|
levels: n
|
|
1503
1509
|
}) {
|
|
1504
|
-
const r = n.length,
|
|
1505
|
-
return r > 1 &&
|
|
1510
|
+
const r = n.length, a = [];
|
|
1511
|
+
return r > 1 && a.push({
|
|
1506
1512
|
sid: "quality-level-auto",
|
|
1507
1513
|
label: "Auto",
|
|
1508
1514
|
value: -1,
|
|
1509
1515
|
selected: e || t === -1
|
|
1510
|
-
}), n.sort(function(
|
|
1511
|
-
const i =
|
|
1512
|
-
return i ===
|
|
1513
|
-
}), n.map((
|
|
1514
|
-
const { bitrate: u, height: i, index:
|
|
1515
|
-
|
|
1516
|
-
sid: `quality-level-${
|
|
1517
|
-
label: i ? `${i}p` :
|
|
1518
|
-
value:
|
|
1519
|
-
selected: r === 1 || !e &&
|
|
1516
|
+
}), n.sort(function(c, u) {
|
|
1517
|
+
const i = c.height || c.bitrate || 0, l = u.height || u.bitrate || 0;
|
|
1518
|
+
return i === l ? 0 : i > l ? 1 : -1;
|
|
1519
|
+
}), n.map((c) => {
|
|
1520
|
+
const { bitrate: u, height: i, index: l } = c;
|
|
1521
|
+
a.push({
|
|
1522
|
+
sid: `quality-level-${l}`,
|
|
1523
|
+
label: i ? `${i}p` : Br(u),
|
|
1524
|
+
value: l,
|
|
1525
|
+
selected: r === 1 || !e && l === t
|
|
1520
1526
|
});
|
|
1521
|
-
}),
|
|
1527
|
+
}), a;
|
|
1522
1528
|
}
|
|
1523
|
-
function
|
|
1524
|
-
const t = U((
|
|
1529
|
+
function qr({ callback: e }) {
|
|
1530
|
+
const t = U((c) => c.delay), n = U((c) => c.startDate), r = n ? n.getTime() : 0, a = f((c) => c.eventEmitter);
|
|
1525
1531
|
return V(() => {
|
|
1526
|
-
const
|
|
1527
|
-
currentTime:
|
|
1532
|
+
const c = () => e("timeUpdate", {
|
|
1533
|
+
currentTime: tn(r, t),
|
|
1528
1534
|
duration: -1
|
|
1529
1535
|
});
|
|
1530
|
-
return
|
|
1531
|
-
|
|
1536
|
+
return a.on("timeUpdate", c), () => {
|
|
1537
|
+
a.off("timeUpdate", c);
|
|
1532
1538
|
};
|
|
1533
|
-
}, [e, t,
|
|
1539
|
+
}, [e, t, a, r]), /* @__PURE__ */ s.jsx(Qt, { callback: e });
|
|
1534
1540
|
}
|
|
1535
|
-
function
|
|
1536
|
-
const e = f((i) => i.exitFullscreen), t = f((i) => i.isFullscreen), n = f((i) => i.isFullscreenReady), r = f((i) => i.requestFullscreen),
|
|
1541
|
+
function nn() {
|
|
1542
|
+
const e = f((i) => i.exitFullscreen), t = f((i) => i.isFullscreen), n = f((i) => i.isFullscreenReady), r = f((i) => i.requestFullscreen), a = f((i) => i.setVolume), c = f((i) => i.volume), u = A(
|
|
1537
1543
|
(i) => {
|
|
1538
|
-
let
|
|
1544
|
+
let l = !1;
|
|
1539
1545
|
if (!(i.target instanceof HTMLInputElement || i.ctrlKey)) {
|
|
1540
1546
|
switch (i.code) {
|
|
1541
1547
|
case "ArrowUp":
|
|
1542
|
-
|
|
1548
|
+
a(c + 10 < 100 ? c + 10 : 100), l = !0;
|
|
1543
1549
|
break;
|
|
1544
1550
|
case "ArrowDown":
|
|
1545
|
-
|
|
1551
|
+
a(c - 10 > 0 ? c - 10 : 0), l = !0;
|
|
1546
1552
|
break;
|
|
1547
1553
|
case "KeyM":
|
|
1548
|
-
|
|
1554
|
+
a(c === 0 ? 100 : 0), l = !0;
|
|
1549
1555
|
break;
|
|
1550
1556
|
case "KeyF":
|
|
1551
|
-
n && (t ? e() : r(),
|
|
1557
|
+
n && (t ? e() : r(), l = !0);
|
|
1552
1558
|
break;
|
|
1553
1559
|
}
|
|
1554
|
-
|
|
1560
|
+
l && i.preventDefault();
|
|
1555
1561
|
}
|
|
1556
1562
|
},
|
|
1557
1563
|
[
|
|
@@ -1559,106 +1565,109 @@ function Qt() {
|
|
|
1559
1565
|
t,
|
|
1560
1566
|
n,
|
|
1561
1567
|
r,
|
|
1562
|
-
|
|
1563
|
-
|
|
1568
|
+
a,
|
|
1569
|
+
c
|
|
1564
1570
|
]
|
|
1565
1571
|
);
|
|
1566
1572
|
return V(() => (document.addEventListener("keydown", u), () => {
|
|
1567
1573
|
document.removeEventListener("keydown", u);
|
|
1568
1574
|
}), [u]), null;
|
|
1569
1575
|
}
|
|
1570
|
-
function
|
|
1571
|
-
const e = U((i) => i.delay), t = f((i) => i.isPlaying), n = f((i) => i.pause), r = f((i) => i.getPauseTimeDiff),
|
|
1576
|
+
function zr() {
|
|
1577
|
+
const e = U((i) => i.delay), t = f((i) => i.isPlaying), n = f((i) => i.pause), r = f((i) => i.getPauseTimeDiff), a = f((i) => i.play), c = U((i) => i.setDelay), u = A(
|
|
1572
1578
|
(i) => {
|
|
1573
|
-
let
|
|
1579
|
+
let l = !1;
|
|
1574
1580
|
if (!(i.target instanceof HTMLInputElement || i.ctrlKey)) {
|
|
1575
1581
|
switch (i.code) {
|
|
1576
1582
|
case "ArrowLeft":
|
|
1577
|
-
|
|
1583
|
+
c(e + 10), l = !0;
|
|
1578
1584
|
break;
|
|
1579
1585
|
case "ArrowRight":
|
|
1580
|
-
|
|
1586
|
+
c(e - 10 > 0 ? e - 10 : 0), l = !0;
|
|
1581
1587
|
break;
|
|
1582
1588
|
case "Space":
|
|
1583
1589
|
if (t)
|
|
1584
1590
|
n();
|
|
1585
1591
|
else {
|
|
1586
1592
|
const d = r();
|
|
1587
|
-
d &&
|
|
1593
|
+
d && c(e + d), a();
|
|
1588
1594
|
}
|
|
1589
|
-
|
|
1595
|
+
l = !0;
|
|
1590
1596
|
break;
|
|
1591
1597
|
}
|
|
1592
|
-
|
|
1598
|
+
l && i.preventDefault();
|
|
1593
1599
|
}
|
|
1594
1600
|
},
|
|
1595
|
-
[e, r, t, n,
|
|
1601
|
+
[e, r, t, n, a, c]
|
|
1596
1602
|
);
|
|
1597
1603
|
return V(() => (document.addEventListener("keydown", u), () => {
|
|
1598
1604
|
document.removeEventListener("keydown", u);
|
|
1599
|
-
}), [u]), /* @__PURE__ */
|
|
1605
|
+
}), [u]), /* @__PURE__ */ s.jsx(nn, {});
|
|
1600
1606
|
}
|
|
1601
|
-
function
|
|
1602
|
-
return /* @__PURE__ */
|
|
1607
|
+
function rn({ children: e }) {
|
|
1608
|
+
return /* @__PURE__ */ s.jsx(Rr, { children: e });
|
|
1603
1609
|
}
|
|
1604
|
-
function
|
|
1605
|
-
return /* @__PURE__ */
|
|
1610
|
+
function Yr({ children: e }) {
|
|
1611
|
+
return /* @__PURE__ */ s.jsx(Pr, { children: /* @__PURE__ */ s.jsx(rn, { children: e }) });
|
|
1606
1612
|
}
|
|
1607
|
-
function
|
|
1608
|
-
const r =
|
|
1613
|
+
function Zr({ url: e, isLive: t, messages: n }) {
|
|
1614
|
+
const r = O(null), a = f((m) => m.level), c = f((m) => m.levels), u = f((m) => m.setLevel), i = f((m) => m.setLevels), l = f((m) => m.logLevel), d = f((m) => m.techRef), g = f((m) => m.setError), _ = O(0), y = O(null), k = 50, E = 1e4, x = A(
|
|
1609
1615
|
(m) => {
|
|
1610
|
-
if (r.current && (r.current.nextLevel = m, u(null),
|
|
1611
|
-
const v =
|
|
1612
|
-
selected:
|
|
1616
|
+
if (r.current && (r.current.nextLevel = m, u(null), c)) {
|
|
1617
|
+
const v = c.map((S) => he(M({}, S), {
|
|
1618
|
+
selected: S.value === m
|
|
1613
1619
|
}));
|
|
1614
1620
|
i(v);
|
|
1615
1621
|
}
|
|
1616
1622
|
},
|
|
1617
|
-
[
|
|
1618
|
-
),
|
|
1619
|
-
|
|
1620
|
-
|
|
1623
|
+
[c, u, i]
|
|
1624
|
+
), R = A(() => {
|
|
1625
|
+
if (!d.current) return;
|
|
1626
|
+
console.log("[Player][HLS] MEDIA_ATTACHING");
|
|
1627
|
+
const m = document.createElement("source");
|
|
1628
|
+
m.src = e, m.type = "application/vnd.apple.mpegurl", m.dataset.id = "original-stream", d.current.appendChild(m), d.current.disableRemotePlayback = !1;
|
|
1629
|
+
}, [e, d]), w = A(() => {
|
|
1621
1630
|
if (!r.current) return;
|
|
1622
1631
|
console.log("[Player][HLS] MANIFEST_LOADED"), g(null), y.current && (clearTimeout(y.current), y.current = null), _.current = 0;
|
|
1623
|
-
const m = r.current.levels, v = r.current.currentLevel,
|
|
1632
|
+
const m = r.current.levels, v = r.current.currentLevel, S = r.current.autoLevelEnabled;
|
|
1624
1633
|
i(
|
|
1625
|
-
|
|
1626
|
-
levels: m.map((
|
|
1627
|
-
const { bitrate: D, height: J, width: Y } =
|
|
1634
|
+
Wr({
|
|
1635
|
+
levels: m.map((j, F) => {
|
|
1636
|
+
const { bitrate: D, height: J, width: Y } = j;
|
|
1628
1637
|
return {
|
|
1629
1638
|
bitrate: D,
|
|
1630
1639
|
height: J,
|
|
1631
|
-
index:
|
|
1640
|
+
index: F,
|
|
1632
1641
|
width: Y
|
|
1633
1642
|
};
|
|
1634
1643
|
}),
|
|
1635
1644
|
level: v,
|
|
1636
|
-
isAuto:
|
|
1645
|
+
isAuto: S
|
|
1637
1646
|
})
|
|
1638
1647
|
);
|
|
1639
|
-
}, [g, i]),
|
|
1648
|
+
}, [g, i]), L = A(() => {
|
|
1640
1649
|
if (!r.current) return;
|
|
1641
1650
|
console.log("[Player][HLS] LEVEL_SWITCHED");
|
|
1642
1651
|
const m = r.current.levels, v = r.current.currentLevel;
|
|
1643
1652
|
if (m[v] ? JSON.stringify(m[v]) : null) {
|
|
1644
|
-
let
|
|
1645
|
-
m[v].height ?
|
|
1653
|
+
let j = "";
|
|
1654
|
+
m[v].height ? j = `${m[v].height}p` : m[v].bitrate && (j = `${m[v].bitrate}bps`), l(j);
|
|
1646
1655
|
}
|
|
1647
|
-
}, [
|
|
1656
|
+
}, [l]), b = A(
|
|
1648
1657
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
1649
1658
|
(m, v) => {
|
|
1650
1659
|
if (r.current && v.fatal) {
|
|
1651
|
-
let
|
|
1660
|
+
let S, j = "UNKNOWN_ERROR";
|
|
1652
1661
|
switch (v.type) {
|
|
1653
1662
|
case ee.ErrorTypes.NETWORK_ERROR:
|
|
1654
|
-
|
|
1663
|
+
S = n.unableToPlay, console.log("[Player][HLS] NETWORK_ERROR", v), t ? (_.current < k && (y.current && clearTimeout(y.current), _.current += 1, y.current = setTimeout(() => {
|
|
1655
1664
|
if (r.current)
|
|
1656
1665
|
try {
|
|
1657
1666
|
console.log("[Player][HLS] Retrying stream..."), r.current.loadSource(e);
|
|
1658
|
-
} catch (
|
|
1659
|
-
console.error("[Player][HLS] Retry failed:",
|
|
1667
|
+
} catch (F) {
|
|
1668
|
+
console.error("[Player][HLS] Retry failed:", F);
|
|
1660
1669
|
}
|
|
1661
|
-
}, E)),
|
|
1670
|
+
}, E)), j = "LIVE_MANIFEST_LOAD_ERROR") : (r.current.startLoad(), j = "NETWORK_ERROR"), g({ message: S, code: j, tech: "hls" });
|
|
1662
1671
|
break;
|
|
1663
1672
|
case ee.ErrorTypes.MEDIA_ERROR:
|
|
1664
1673
|
r.current.recoverMediaError();
|
|
@@ -1667,69 +1676,78 @@ function Ur({ url: e, isLive: t, messages: n }) {
|
|
|
1667
1676
|
}
|
|
1668
1677
|
},
|
|
1669
1678
|
[t, e, g, n]
|
|
1670
|
-
), B =
|
|
1679
|
+
), B = A(() => {
|
|
1671
1680
|
if (!d.current) return;
|
|
1672
1681
|
const m = {
|
|
1673
1682
|
startLevel: -1,
|
|
1674
1683
|
maxBufferSize: 30 * 1024 * 1024
|
|
1675
1684
|
// 30MB
|
|
1676
1685
|
};
|
|
1677
|
-
|
|
1686
|
+
cr ? (m.backBufferLength = -1, m.enableWorker = !1) : t ? m.backBufferLength = 10 : m.backBufferLength = 60;
|
|
1678
1687
|
try {
|
|
1679
|
-
console.log("[Player][HLS] URL", e), console.log("[Player][HLS] Config", JSON.stringify(m)), console.log("[Player][HLS] Version", ee.version), r.current = new ee(m), r.current.
|
|
1688
|
+
console.log("[Player][HLS] URL", e), console.log("[Player][HLS] Config", JSON.stringify(m)), console.log("[Player][HLS] Version", ee.version), r.current = new ee(m), r.current.on(ee.Events.MEDIA_ATTACHING, R), r.current.on(ee.Events.MANIFEST_LOADED, w), r.current.on(ee.Events.LEVEL_SWITCHED, L), r.current.on(ee.Events.ERROR, b), r.current.attachMedia(d.current), r.current.loadSource(e);
|
|
1680
1689
|
} catch (v) {
|
|
1681
1690
|
throw new Error(`Error initializing Hls: ${v}`);
|
|
1682
1691
|
}
|
|
1683
1692
|
}, [
|
|
1684
|
-
w,
|
|
1685
|
-
S,
|
|
1686
|
-
P,
|
|
1687
1693
|
R,
|
|
1694
|
+
w,
|
|
1695
|
+
L,
|
|
1696
|
+
b,
|
|
1688
1697
|
t,
|
|
1689
1698
|
d,
|
|
1690
1699
|
e
|
|
1691
|
-
]),
|
|
1692
|
-
r.current && (r.current.off(ee.Events.
|
|
1700
|
+
]), H = A(() => {
|
|
1701
|
+
if (r.current && (r.current.off(ee.Events.MEDIA_ATTACHING, R), r.current.off(ee.Events.MANIFEST_LOADED, w), r.current.off(ee.Events.LEVEL_SWITCHED, L), r.current.off(ee.Events.ERROR, b), r.current.destroy(), r.current = null), d.current) {
|
|
1702
|
+
const m = d.current;
|
|
1703
|
+
Array.from(m.children).filter(
|
|
1704
|
+
(S) => {
|
|
1705
|
+
var j;
|
|
1706
|
+
return ((j = S.dataset) == null ? void 0 : j.id) === "original-stream";
|
|
1707
|
+
}
|
|
1708
|
+
).forEach((S) => m.removeChild(S));
|
|
1709
|
+
}
|
|
1710
|
+
y.current && (clearTimeout(y.current), y.current = null), _.current = 0;
|
|
1693
1711
|
}, [
|
|
1694
|
-
|
|
1712
|
+
R,
|
|
1713
|
+
L,
|
|
1695
1714
|
w,
|
|
1696
|
-
|
|
1697
|
-
|
|
1715
|
+
b,
|
|
1716
|
+
d
|
|
1698
1717
|
]);
|
|
1699
1718
|
return V(() => {
|
|
1700
|
-
|
|
1701
|
-
}, [
|
|
1719
|
+
a !== null && x(a);
|
|
1720
|
+
}, [a, x]), V(() => (ee.isSupported() && B(), H), [H, B]), null;
|
|
1702
1721
|
}
|
|
1703
|
-
const
|
|
1704
|
-
playerVideo:
|
|
1722
|
+
const Kr = "_playerVideo_wc0sm_1", Gr = {
|
|
1723
|
+
playerVideo: Kr
|
|
1705
1724
|
};
|
|
1706
|
-
function
|
|
1725
|
+
function on({
|
|
1707
1726
|
url: e,
|
|
1708
1727
|
isLive: t,
|
|
1709
1728
|
isMuted: n = !1,
|
|
1710
1729
|
messages: r
|
|
1711
1730
|
}) {
|
|
1712
|
-
const
|
|
1713
|
-
onTimeUpdate:
|
|
1731
|
+
const a = f((v) => v.destroy), c = f((v) => v.handleDurationChange), u = f((v) => v.handleEnd), i = f((v) => v.handleLoadedMetadata), l = f((v) => v.handleLoadStart), d = f((v) => v.handlePause), g = f((v) => v.handlePlay), _ = f((v) => v.handlePlaying), y = f((v) => v.handleSeeked), k = f((v) => v.handleSeeking), E = f((v) => v.handleTimeUpdate), x = f((v) => v.handleWaiting), R = f((v) => v.handleVolumeChange), w = f((v) => v.handleError), L = f((v) => v.techRef), b = O(null), B = () => t ? {
|
|
1732
|
+
onTimeUpdate: H
|
|
1714
1733
|
} : {
|
|
1715
|
-
onDurationChange:
|
|
1734
|
+
onDurationChange: c,
|
|
1716
1735
|
onSeeked: y,
|
|
1717
|
-
onSeeking:
|
|
1718
|
-
onTimeUpdate:
|
|
1719
|
-
},
|
|
1720
|
-
(!
|
|
1736
|
+
onSeeking: k,
|
|
1737
|
+
onTimeUpdate: H
|
|
1738
|
+
}, H = () => {
|
|
1739
|
+
(!b.current || Date.now() - b.current >= 1e3) && (E(), b.current = Date.now());
|
|
1721
1740
|
}, m = B();
|
|
1722
1741
|
return V(() => () => {
|
|
1723
|
-
|
|
1724
|
-
}, [
|
|
1725
|
-
/* @__PURE__ */
|
|
1726
|
-
/* @__PURE__ */
|
|
1742
|
+
a();
|
|
1743
|
+
}, [a]), /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
|
|
1744
|
+
/* @__PURE__ */ s.jsx(Zr, { isLive: t, url: e, messages: r }),
|
|
1745
|
+
/* @__PURE__ */ s.jsx(
|
|
1727
1746
|
"video",
|
|
1728
|
-
|
|
1729
|
-
ref:
|
|
1730
|
-
className:
|
|
1747
|
+
M({
|
|
1748
|
+
ref: L,
|
|
1749
|
+
className: Gr.playerVideo,
|
|
1731
1750
|
playsInline: !0,
|
|
1732
|
-
autoPlay: !0,
|
|
1733
1751
|
controls: !1,
|
|
1734
1752
|
muted: n,
|
|
1735
1753
|
preload: "auto",
|
|
@@ -1737,54 +1755,54 @@ function tn({
|
|
|
1737
1755
|
onEnded: u,
|
|
1738
1756
|
onError: w,
|
|
1739
1757
|
onLoadedMetadata: i,
|
|
1740
|
-
onLoadStart:
|
|
1758
|
+
onLoadStart: l,
|
|
1741
1759
|
onPause: d,
|
|
1742
1760
|
onPlay: g,
|
|
1743
1761
|
onPlaying: _,
|
|
1744
1762
|
onWaiting: x,
|
|
1745
|
-
onVolumeChange:
|
|
1763
|
+
onVolumeChange: R,
|
|
1746
1764
|
tabIndex: -1
|
|
1747
1765
|
}, m)
|
|
1748
1766
|
)
|
|
1749
1767
|
] });
|
|
1750
1768
|
}
|
|
1751
|
-
function
|
|
1752
|
-
const [n, r] = G(null),
|
|
1769
|
+
function Xr({ url: e, messages: t }) {
|
|
1770
|
+
const [n, r] = G(null), a = U((u) => u.delay), c = A(async () => {
|
|
1753
1771
|
r(
|
|
1754
|
-
|
|
1772
|
+
a ? e.replace("-live", "-catchup").replace("playlist.m3u8", `playlist_fmp4_dvr_timeshift-${a}.m3u8`) : e
|
|
1755
1773
|
);
|
|
1756
|
-
}, [
|
|
1774
|
+
}, [a, e]);
|
|
1757
1775
|
return V(() => {
|
|
1758
|
-
const u = requestAnimationFrame(() =>
|
|
1776
|
+
const u = requestAnimationFrame(() => c());
|
|
1759
1777
|
return () => cancelAnimationFrame(u);
|
|
1760
|
-
}, [
|
|
1778
|
+
}, [c]), n ? /* @__PURE__ */ s.jsx(on, { url: n, isLive: !0, messages: t }) : null;
|
|
1761
1779
|
}
|
|
1762
|
-
function
|
|
1763
|
-
return f((n) => n.isStarted) ? /* @__PURE__ */
|
|
1780
|
+
function Jr({ url: e }) {
|
|
1781
|
+
return f((n) => n.isStarted) ? /* @__PURE__ */ s.jsx(Qr, { url: e }) : null;
|
|
1764
1782
|
}
|
|
1765
|
-
function
|
|
1766
|
-
const t = U((
|
|
1783
|
+
function Qr({ url: e }) {
|
|
1784
|
+
const t = U((c) => c.setViewerCount), n = O(null), r = (c) => {
|
|
1767
1785
|
try {
|
|
1768
|
-
return new URL(
|
|
1786
|
+
return new URL(c).pathname.split("/").filter((d) => d.length > 0)[0] || null;
|
|
1769
1787
|
} catch (u) {
|
|
1770
1788
|
return console.error("Failed to extract URI from player URL:", u), null;
|
|
1771
1789
|
}
|
|
1772
|
-
},
|
|
1773
|
-
var
|
|
1774
|
-
const
|
|
1775
|
-
if (!
|
|
1790
|
+
}, a = A(async () => {
|
|
1791
|
+
var l;
|
|
1792
|
+
const c = r(e);
|
|
1793
|
+
if (!c) {
|
|
1776
1794
|
console.error("Could not extract URI from URL:", e);
|
|
1777
1795
|
return;
|
|
1778
1796
|
}
|
|
1779
1797
|
n.current && n.current.abort(), n.current = new AbortController();
|
|
1780
|
-
const i = `https://${e.includes("staging") ? "stg" : "prd"}-fitnessanny.spectar.tv/analytics-api/v1/token-info/uri/${
|
|
1798
|
+
const i = `https://${e.includes("staging") ? "stg" : "prd"}-fitnessanny.spectar.tv/analytics-api/v1/token-info/uri/${c}`;
|
|
1781
1799
|
try {
|
|
1782
1800
|
const d = await fetch(i, {
|
|
1783
1801
|
signal: n.current.signal
|
|
1784
1802
|
});
|
|
1785
1803
|
if (!d.ok)
|
|
1786
1804
|
throw new Error(`HTTP error! status: ${d.status}`);
|
|
1787
|
-
const _ = (
|
|
1805
|
+
const _ = (l = (await d.json()).count) != null ? l : 0;
|
|
1788
1806
|
t(_);
|
|
1789
1807
|
} catch (d) {
|
|
1790
1808
|
if (d.name === "AbortError")
|
|
@@ -1792,43 +1810,43 @@ function Yr({ url: e }) {
|
|
|
1792
1810
|
console.error("Failed to fetch viewer count:", d), t(null);
|
|
1793
1811
|
}
|
|
1794
1812
|
}, [t, e]);
|
|
1795
|
-
return V(() => (
|
|
1813
|
+
return V(() => (a(), () => {
|
|
1796
1814
|
n.current && n.current.abort();
|
|
1797
|
-
}), [
|
|
1815
|
+
}), [a, e]), Ce(a, 15e3), null;
|
|
1798
1816
|
}
|
|
1799
|
-
function
|
|
1817
|
+
function eo(e, {
|
|
1800
1818
|
defaultValue: t = !1,
|
|
1801
1819
|
initializeWithValue: n = !0
|
|
1802
1820
|
} = {}) {
|
|
1803
|
-
const r = (i) => typeof window == "undefined" ? t : window.matchMedia(i).matches, [
|
|
1821
|
+
const r = (i) => typeof window == "undefined" ? t : window.matchMedia(i).matches, [a, c] = G(() => n ? r(e) : t);
|
|
1804
1822
|
function u() {
|
|
1805
|
-
|
|
1823
|
+
c(r(e));
|
|
1806
1824
|
}
|
|
1807
|
-
return
|
|
1825
|
+
return zt(() => {
|
|
1808
1826
|
if (typeof window == "undefined")
|
|
1809
1827
|
return;
|
|
1810
1828
|
const i = window.matchMedia(e);
|
|
1811
1829
|
return u(), i.addListener ? i.addListener(u) : i.addEventListener("change", u), () => {
|
|
1812
1830
|
i.removeListener ? i.removeListener(u) : i.removeEventListener("change", u);
|
|
1813
1831
|
};
|
|
1814
|
-
}, [e]),
|
|
1815
|
-
}
|
|
1816
|
-
const
|
|
1817
|
-
playbackButton:
|
|
1818
|
-
seekIndicator:
|
|
1819
|
-
seekIndicatorLeft:
|
|
1820
|
-
seekIndicatorRight:
|
|
1821
|
-
seekIndicatorVisible:
|
|
1822
|
-
},
|
|
1823
|
-
function
|
|
1824
|
-
var
|
|
1832
|
+
}, [e]), a;
|
|
1833
|
+
}
|
|
1834
|
+
const to = "_playbackButton_lgsgw_1", no = "_seekIndicator_lgsgw_23", ro = "_seekIndicatorLeft_lgsgw_49", oo = "_seekIndicatorRight_lgsgw_53", io = "_seekIndicatorVisible_lgsgw_57", me = {
|
|
1835
|
+
playbackButton: to,
|
|
1836
|
+
seekIndicator: no,
|
|
1837
|
+
seekIndicatorLeft: ro,
|
|
1838
|
+
seekIndicatorRight: oo,
|
|
1839
|
+
seekIndicatorVisible: io
|
|
1840
|
+
}, so = 10;
|
|
1841
|
+
function sn(i) {
|
|
1842
|
+
var l = i, {
|
|
1825
1843
|
className: e,
|
|
1826
1844
|
onClick: t,
|
|
1827
1845
|
onForwardSeek: n,
|
|
1828
1846
|
onBackwardSeek: r,
|
|
1829
|
-
maxForwardTime:
|
|
1830
|
-
maxBackwardTime:
|
|
1831
|
-
} =
|
|
1847
|
+
maxForwardTime: a,
|
|
1848
|
+
maxBackwardTime: c
|
|
1849
|
+
} = l, u = re(l, [
|
|
1832
1850
|
"className",
|
|
1833
1851
|
"onClick",
|
|
1834
1852
|
"onForwardSeek",
|
|
@@ -1836,35 +1854,35 @@ function nn(i) {
|
|
|
1836
1854
|
"maxForwardTime",
|
|
1837
1855
|
"maxBackwardTime"
|
|
1838
1856
|
]);
|
|
1839
|
-
return
|
|
1840
|
-
|
|
1841
|
-
|
|
1857
|
+
return eo("(pointer: coarse)") ? /* @__PURE__ */ s.jsx(
|
|
1858
|
+
lo,
|
|
1859
|
+
M({
|
|
1842
1860
|
className: e,
|
|
1843
|
-
maxForwardTime:
|
|
1844
|
-
maxBackwardTime:
|
|
1861
|
+
maxForwardTime: a,
|
|
1862
|
+
maxBackwardTime: c,
|
|
1845
1863
|
onForwardSeek: n,
|
|
1846
1864
|
onBackwardSeek: r
|
|
1847
1865
|
}, u)
|
|
1848
|
-
) : /* @__PURE__ */
|
|
1866
|
+
) : /* @__PURE__ */ s.jsx(ao, M({ className: e, onClick: t }, u));
|
|
1849
1867
|
}
|
|
1850
|
-
function
|
|
1851
|
-
var
|
|
1852
|
-
const
|
|
1853
|
-
|
|
1868
|
+
function ao(r) {
|
|
1869
|
+
var a = r, { className: e, onClick: t } = a, n = re(a, ["className", "onClick"]);
|
|
1870
|
+
const c = O(null), u = f((x) => x.exitFullscreen), i = f((x) => x.isFullscreen), l = f((x) => x.requestFullscreen), d = f((x) => x.resetIdle), g = (x) => {
|
|
1871
|
+
k() ? (y(), i ? u() : l()) : _(x);
|
|
1854
1872
|
}, _ = (x) => {
|
|
1855
|
-
|
|
1873
|
+
c.current = window.setTimeout(() => {
|
|
1856
1874
|
t == null || t(x), y();
|
|
1857
1875
|
}, 200);
|
|
1858
1876
|
}, y = () => {
|
|
1859
|
-
|
|
1860
|
-
},
|
|
1877
|
+
c.current !== null && (window.clearTimeout(c.current), c.current = null);
|
|
1878
|
+
}, k = () => c.current !== null, E = () => {
|
|
1861
1879
|
d();
|
|
1862
1880
|
};
|
|
1863
1881
|
return V(() => () => {
|
|
1864
1882
|
y();
|
|
1865
|
-
}, []), /* @__PURE__ */
|
|
1883
|
+
}, []), /* @__PURE__ */ s.jsx(
|
|
1866
1884
|
"button",
|
|
1867
|
-
|
|
1885
|
+
M({
|
|
1868
1886
|
onClick: g,
|
|
1869
1887
|
onMouseMove: E,
|
|
1870
1888
|
className: [me.playbackButton, e].filter(Boolean).join(" "),
|
|
@@ -1872,59 +1890,59 @@ function to(r) {
|
|
|
1872
1890
|
}, n)
|
|
1873
1891
|
);
|
|
1874
1892
|
}
|
|
1875
|
-
function
|
|
1893
|
+
function lo(u) {
|
|
1876
1894
|
var i = u, {
|
|
1877
1895
|
className: e,
|
|
1878
1896
|
maxForwardTime: t,
|
|
1879
1897
|
maxBackwardTime: n,
|
|
1880
1898
|
onForwardSeek: r,
|
|
1881
|
-
onBackwardSeek:
|
|
1882
|
-
} = i,
|
|
1899
|
+
onBackwardSeek: a
|
|
1900
|
+
} = i, c = re(i, [
|
|
1883
1901
|
"className",
|
|
1884
1902
|
"maxForwardTime",
|
|
1885
1903
|
"maxBackwardTime",
|
|
1886
1904
|
"onForwardSeek",
|
|
1887
1905
|
"onBackwardSeek"
|
|
1888
1906
|
]);
|
|
1889
|
-
const
|
|
1907
|
+
const l = O(null), d = O({
|
|
1890
1908
|
single: null,
|
|
1891
1909
|
indicator: null,
|
|
1892
1910
|
accumulate: null
|
|
1893
|
-
}), g =
|
|
1911
|
+
}), g = O(null), _ = O(0), y = O(null), [k, E] = G({ visible: !1, direction: null, time: 0 }), x = f((m) => m.isIdle), R = f((m) => m.setIsIdle), w = f((m) => m.resetIdle), L = (m, v) => m < v / 2 ? "backward" : "forward", b = (m) => {
|
|
1894
1912
|
if (!g.current) return;
|
|
1895
1913
|
const v = m.changedTouches[0];
|
|
1896
1914
|
if (!v) return;
|
|
1897
|
-
const
|
|
1898
|
-
if (
|
|
1915
|
+
const S = Date.now(), j = g.current.getBoundingClientRect(), F = v.clientX - j.left, D = v.clientY - j.top;
|
|
1916
|
+
if (F < 0 || F > j.width || D < 0 || D > j.height)
|
|
1899
1917
|
return;
|
|
1900
|
-
const J =
|
|
1901
|
-
if (J !== null && y.current === null && Y < 300 && Math.abs(
|
|
1918
|
+
const J = l.current, Y = J ? S - J.time : 1 / 0, Z = L(F, j.width), oe = y.current !== null && y.current === Z && J !== null && Y < 700 && Math.abs(F - J.x) < 100;
|
|
1919
|
+
if (J !== null && y.current === null && Y < 300 && Math.abs(F - J.x) < 50 || oe) {
|
|
1902
1920
|
m.preventDefault(), m.stopPropagation(), d.current.single && (window.clearTimeout(d.current.single), d.current.single = null), w(), (y.current === null || y.current !== Z) && (_.current = 0, y.current = Z);
|
|
1903
1921
|
const ne = Z === "backward" ? n : t;
|
|
1904
1922
|
_.current = Math.min(
|
|
1905
|
-
_.current +
|
|
1923
|
+
_.current + so,
|
|
1906
1924
|
ne != null ? ne : 1 / 0
|
|
1907
1925
|
), B(Z, _.current), d.current.accumulate && window.clearTimeout(d.current.accumulate), d.current.accumulate = window.setTimeout(() => {
|
|
1908
1926
|
const K = _.current;
|
|
1909
|
-
K > 0 && (y.current === "backward" ?
|
|
1910
|
-
}, 500),
|
|
1927
|
+
K > 0 && (y.current === "backward" ? a == null || a(K) : r == null || r(K), w()), _.current = 0, y.current = null, l.current = null, H(), d.current.accumulate = null;
|
|
1928
|
+
}, 500), l.current = { time: S, x: F };
|
|
1911
1929
|
} else {
|
|
1912
|
-
|
|
1930
|
+
l.current = { time: S, x: F }, d.current.single && window.clearTimeout(d.current.single);
|
|
1913
1931
|
const ne = y.current !== null ? 700 : 350;
|
|
1914
1932
|
d.current.single = window.setTimeout(() => {
|
|
1915
1933
|
if (y.current === null) {
|
|
1916
1934
|
d.current.single = null;
|
|
1917
1935
|
const K = x;
|
|
1918
|
-
|
|
1936
|
+
R(!K), K && w();
|
|
1919
1937
|
}
|
|
1920
|
-
|
|
1938
|
+
l.current = null;
|
|
1921
1939
|
}, ne);
|
|
1922
1940
|
}
|
|
1923
1941
|
}, B = (m, v) => {
|
|
1924
1942
|
v !== 0 && (E({ visible: !0, direction: m, time: v }), d.current.indicator && window.clearTimeout(d.current.indicator), d.current.indicator = window.setTimeout(() => {
|
|
1925
|
-
|
|
1943
|
+
H();
|
|
1926
1944
|
}, 700));
|
|
1927
|
-
},
|
|
1945
|
+
}, H = () => {
|
|
1928
1946
|
E({ visible: !1, direction: null, time: 0 }), d.current.indicator && (window.clearTimeout(d.current.indicator), d.current.indicator = null);
|
|
1929
1947
|
};
|
|
1930
1948
|
return V(() => {
|
|
@@ -1932,130 +1950,130 @@ function no(u) {
|
|
|
1932
1950
|
return () => {
|
|
1933
1951
|
m != null && m.single && window.clearTimeout(m.single), m != null && m.indicator && window.clearTimeout(m.indicator), m != null && m.accumulate && window.clearTimeout(m.accumulate);
|
|
1934
1952
|
};
|
|
1935
|
-
}, []), /* @__PURE__ */
|
|
1936
|
-
/* @__PURE__ */
|
|
1953
|
+
}, []), /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
|
|
1954
|
+
/* @__PURE__ */ s.jsx(
|
|
1937
1955
|
"button",
|
|
1938
|
-
|
|
1956
|
+
M({
|
|
1939
1957
|
ref: g,
|
|
1940
|
-
onTouchEnd:
|
|
1958
|
+
onTouchEnd: b,
|
|
1941
1959
|
className: [me.playbackButton, e].filter(Boolean).join(" "),
|
|
1942
1960
|
"aria-label": "Player gestures"
|
|
1943
|
-
},
|
|
1961
|
+
}, c)
|
|
1944
1962
|
),
|
|
1945
|
-
|
|
1963
|
+
k.visible && /* @__PURE__ */ s.jsxs(
|
|
1946
1964
|
"div",
|
|
1947
1965
|
{
|
|
1948
|
-
className: `${me.seekIndicator} ${me.seekIndicatorVisible} ${
|
|
1966
|
+
className: `${me.seekIndicator} ${me.seekIndicatorVisible} ${k.direction === "backward" ? me.seekIndicatorLeft : me.seekIndicatorRight}`,
|
|
1949
1967
|
children: [
|
|
1950
|
-
|
|
1951
|
-
Te(
|
|
1968
|
+
k.direction === "backward" ? "-" : "+",
|
|
1969
|
+
Te(k.time)
|
|
1952
1970
|
]
|
|
1953
1971
|
}
|
|
1954
1972
|
)
|
|
1955
1973
|
] });
|
|
1956
1974
|
}
|
|
1957
|
-
function
|
|
1958
|
-
const e = f((
|
|
1959
|
-
return /* @__PURE__ */
|
|
1960
|
-
|
|
1975
|
+
function co() {
|
|
1976
|
+
const e = f((l) => l.isPlaying), t = f((l) => l.pause), n = f((l) => l.getPauseTimeDiff), r = f((l) => l.play), a = U((l) => l.delay), c = U((l) => l.setDelay), u = U((l) => l.startDate), i = u ? u.getTime() : 0;
|
|
1977
|
+
return /* @__PURE__ */ s.jsx(
|
|
1978
|
+
sn,
|
|
1961
1979
|
{
|
|
1962
1980
|
onClick: () => {
|
|
1963
1981
|
if (e)
|
|
1964
1982
|
t();
|
|
1965
1983
|
else {
|
|
1966
|
-
const
|
|
1967
|
-
|
|
1984
|
+
const l = n();
|
|
1985
|
+
l && c(a + l), r();
|
|
1968
1986
|
}
|
|
1969
1987
|
},
|
|
1970
|
-
onBackwardSeek: (
|
|
1971
|
-
const d =
|
|
1972
|
-
|
|
1988
|
+
onBackwardSeek: (l) => {
|
|
1989
|
+
const d = a + l;
|
|
1990
|
+
c(d);
|
|
1973
1991
|
},
|
|
1974
|
-
onForwardSeek: (
|
|
1975
|
-
const d = Math.max(0,
|
|
1976
|
-
|
|
1992
|
+
onForwardSeek: (l) => {
|
|
1993
|
+
const d = Math.max(0, a - l);
|
|
1994
|
+
c(d);
|
|
1977
1995
|
},
|
|
1978
1996
|
maxBackwardTime: Math.floor(i),
|
|
1979
|
-
maxForwardTime: Math.floor(
|
|
1997
|
+
maxForwardTime: Math.floor(a)
|
|
1980
1998
|
}
|
|
1981
1999
|
);
|
|
1982
2000
|
}
|
|
1983
|
-
const
|
|
1984
|
-
playerButton:
|
|
1985
|
-
playerButtonCircle:
|
|
1986
|
-
},
|
|
1987
|
-
(
|
|
1988
|
-
var
|
|
1989
|
-
const u = e === "circle" ?
|
|
1990
|
-
return /* @__PURE__ */
|
|
2001
|
+
const uo = "_playerButton_izwqq_1", fo = "_playerButtonCircle_izwqq_42", bt = {
|
|
2002
|
+
playerButton: uo,
|
|
2003
|
+
playerButtonCircle: fo
|
|
2004
|
+
}, ae = Ve(
|
|
2005
|
+
(a, r) => {
|
|
2006
|
+
var c = a, { shape: e = "circle", className: t } = c, n = re(c, ["shape", "className"]);
|
|
2007
|
+
const u = e === "circle" ? bt.playerButtonCircle : "", i = [bt.playerButton, u, t].filter(Boolean).join(" ");
|
|
2008
|
+
return /* @__PURE__ */ s.jsx("button", M({ ref: r, className: i }, n));
|
|
1991
2009
|
}
|
|
1992
2010
|
);
|
|
1993
|
-
|
|
1994
|
-
const
|
|
1995
|
-
liveIndicator:
|
|
1996
|
-
liveIndicatorHasDelay:
|
|
1997
|
-
liveIndicatorNoDelay:
|
|
2011
|
+
ae.displayName = "PlayerButton";
|
|
2012
|
+
const ho = "_liveIndicator_1jczn_1", mo = "_liveIndicatorHasDelay_1jczn_9", vo = "_liveIndicatorNoDelay_1jczn_13", ke = {
|
|
2013
|
+
liveIndicator: ho,
|
|
2014
|
+
liveIndicatorHasDelay: mo,
|
|
2015
|
+
liveIndicatorNoDelay: vo
|
|
1998
2016
|
};
|
|
1999
|
-
function
|
|
2017
|
+
function po(n) {
|
|
2000
2018
|
var r = n, { message: e } = r, t = re(r, ["message"]);
|
|
2001
|
-
const
|
|
2002
|
-
|
|
2003
|
-
},
|
|
2004
|
-
return /* @__PURE__ */
|
|
2005
|
-
/* @__PURE__ */
|
|
2019
|
+
const a = f((d) => d.restart), c = U((d) => d.delay), u = U((d) => d.setDelay), i = () => {
|
|
2020
|
+
c && (a(), u(0));
|
|
2021
|
+
}, l = c ? `${ke.liveIndicator} ${ke.liveIndicatorHasDelay}` : `${ke.liveIndicator} ${ke.liveIndicatorNoDelay}`;
|
|
2022
|
+
return /* @__PURE__ */ s.jsxs(ae, he(M({ onClick: i, shape: "square" }, t), { children: [
|
|
2023
|
+
/* @__PURE__ */ s.jsx("div", { className: l }),
|
|
2006
2024
|
e || "Live"
|
|
2007
2025
|
] }));
|
|
2008
2026
|
}
|
|
2009
|
-
function
|
|
2010
|
-
return /* @__PURE__ */
|
|
2027
|
+
function an() {
|
|
2028
|
+
return /* @__PURE__ */ s.jsx(
|
|
2011
2029
|
"svg",
|
|
2012
2030
|
{
|
|
2013
2031
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2014
2032
|
viewBox: "0 0 24 24",
|
|
2015
2033
|
fill: "currentColor",
|
|
2016
|
-
children: /* @__PURE__ */
|
|
2034
|
+
children: /* @__PURE__ */ s.jsx("path", { d: "M6 5H8V19H6V5ZM16 5H18V19H16V5Z" })
|
|
2017
2035
|
}
|
|
2018
2036
|
);
|
|
2019
2037
|
}
|
|
2020
|
-
function
|
|
2021
|
-
return /* @__PURE__ */
|
|
2038
|
+
function ln() {
|
|
2039
|
+
return /* @__PURE__ */ s.jsx(
|
|
2022
2040
|
"svg",
|
|
2023
2041
|
{
|
|
2024
2042
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2025
2043
|
viewBox: "0 0 24 24",
|
|
2026
2044
|
fill: "currentColor",
|
|
2027
|
-
children: /* @__PURE__ */
|
|
2045
|
+
children: /* @__PURE__ */ s.jsx("path", { d: "M19.376 12.4161L8.77735 19.4818C8.54759 19.635 8.23715 19.5729 8.08397 19.3432C8.02922 19.261 8 19.1645 8 19.0658V4.93433C8 4.65818 8.22386 4.43433 8.5 4.43433C8.59871 4.43433 8.69522 4.46355 8.77735 4.5183L19.376 11.584C19.6057 11.7372 19.6678 12.0477 19.5146 12.2774C19.478 12.3323 19.4309 12.3795 19.376 12.4161Z" })
|
|
2028
2046
|
}
|
|
2029
2047
|
);
|
|
2030
2048
|
}
|
|
2031
|
-
function
|
|
2032
|
-
const e = f((i) => i.isPlaying), t = f((i) => i.pause), n = f((i) => i.getPauseTimeDiff), r = f((i) => i.play),
|
|
2049
|
+
function yo() {
|
|
2050
|
+
const e = f((i) => i.isPlaying), t = f((i) => i.pause), n = f((i) => i.getPauseTimeDiff), r = f((i) => i.play), a = U((i) => i.delay), c = U((i) => i.setDelay), u = () => {
|
|
2033
2051
|
if (e)
|
|
2034
2052
|
t();
|
|
2035
2053
|
else {
|
|
2036
2054
|
const i = n();
|
|
2037
|
-
i &&
|
|
2055
|
+
i && c(a + i), r();
|
|
2038
2056
|
}
|
|
2039
2057
|
};
|
|
2040
|
-
return /* @__PURE__ */
|
|
2041
|
-
}
|
|
2042
|
-
const
|
|
2043
|
-
progressSlider:
|
|
2044
|
-
tipContainer:
|
|
2045
|
-
tipContainerVisible:
|
|
2046
|
-
tipContainerHidden:
|
|
2047
|
-
tipContent:
|
|
2048
|
-
},
|
|
2049
|
-
sliderRoot:
|
|
2050
|
-
sliderTrack:
|
|
2051
|
-
sliderRange:
|
|
2052
|
-
sliderThumb:
|
|
2053
|
-
}, Ae = Ve((
|
|
2054
|
-
var u =
|
|
2055
|
-
return /* @__PURE__ */
|
|
2058
|
+
return /* @__PURE__ */ s.jsx(ae, { onClick: u, children: e ? /* @__PURE__ */ s.jsx(an, {}) : /* @__PURE__ */ s.jsx(ln, {}) });
|
|
2059
|
+
}
|
|
2060
|
+
const go = "_progressSlider_hwzgf_1", wo = "_tipContainer_hwzgf_7", _o = "_tipContainerVisible_hwzgf_17", To = "_tipContainerHidden_hwzgf_22", xo = "_tipContent_hwzgf_27", se = {
|
|
2061
|
+
progressSlider: go,
|
|
2062
|
+
tipContainer: wo,
|
|
2063
|
+
tipContainerVisible: _o,
|
|
2064
|
+
tipContainerHidden: To,
|
|
2065
|
+
tipContent: xo
|
|
2066
|
+
}, Co = "_sliderRoot_aeak6_1", Eo = "_sliderTrack_aeak6_18", Ro = "_sliderRange_aeak6_28", So = "_sliderThumb_aeak6_37", De = {
|
|
2067
|
+
sliderRoot: Co,
|
|
2068
|
+
sliderTrack: Eo,
|
|
2069
|
+
sliderRange: Ro,
|
|
2070
|
+
sliderThumb: So
|
|
2071
|
+
}, Ae = Ve((c, a) => {
|
|
2072
|
+
var u = c, { max: e = 100, min: t = 0, className: n } = u, r = re(u, ["max", "min", "className"]);
|
|
2073
|
+
return /* @__PURE__ */ s.jsxs(
|
|
2056
2074
|
Le.Root,
|
|
2057
|
-
he(
|
|
2058
|
-
ref:
|
|
2075
|
+
he(M({
|
|
2076
|
+
ref: a,
|
|
2059
2077
|
min: t,
|
|
2060
2078
|
max: e,
|
|
2061
2079
|
"aria-label": "Player progress",
|
|
@@ -2067,8 +2085,8 @@ const fo = "_progressSlider_hwzgf_1", ho = "_tipContainer_hwzgf_7", mo = "_tipCo
|
|
|
2067
2085
|
)
|
|
2068
2086
|
}, r), {
|
|
2069
2087
|
children: [
|
|
2070
|
-
/* @__PURE__ */
|
|
2071
|
-
/* @__PURE__ */
|
|
2088
|
+
/* @__PURE__ */ s.jsx(Le.Track, { className: De.sliderTrack, children: /* @__PURE__ */ s.jsx(Le.Range, { className: De.sliderRange }) }),
|
|
2089
|
+
/* @__PURE__ */ s.jsx(Le.Thumb, { className: De.sliderThumb })
|
|
2072
2090
|
]
|
|
2073
2091
|
})
|
|
2074
2092
|
);
|
|
@@ -2085,20 +2103,20 @@ function Fe(e) {
|
|
|
2085
2103
|
height: t.height * 100
|
|
2086
2104
|
} : t;
|
|
2087
2105
|
}
|
|
2088
|
-
const
|
|
2089
|
-
function
|
|
2090
|
-
const e =
|
|
2091
|
-
r(
|
|
2092
|
-
}, [y, x, E]),
|
|
2093
|
-
(
|
|
2106
|
+
const Pt = "vod-player-progress-bar";
|
|
2107
|
+
function bo() {
|
|
2108
|
+
const e = O(null), t = O(null), [n, r] = G(0), [a, c] = G(0), [u, i] = G(!1), [l, d] = G(-1), [g, _] = G(-1), y = U((D) => D.delay), k = U((D) => D.startDate), E = k ? k.getTime() : 0, x = (/* @__PURE__ */ new Date()).getTime(), R = U((D) => D.setDelay), w = f((D) => D.isPlaying), L = f((D) => D.addIdleLock), b = f((D) => D.removeIdleLock), B = A(() => {
|
|
2109
|
+
r(tn(E, y)), c(Ur(E, x));
|
|
2110
|
+
}, [y, x, E]), H = parseFloat(
|
|
2111
|
+
(a ? (g !== -1 ? g : n) / a * 100 : 0).toFixed(1)
|
|
2094
2112
|
), m = (D) => {
|
|
2095
|
-
_(
|
|
2113
|
+
_(a * (D[0] / 100)), L(Pt);
|
|
2096
2114
|
}, v = () => {
|
|
2097
2115
|
if (g !== -1) {
|
|
2098
|
-
const D =
|
|
2099
|
-
|
|
2116
|
+
const D = en(E, g);
|
|
2117
|
+
R(D), _(-1), b(Pt);
|
|
2100
2118
|
}
|
|
2101
|
-
},
|
|
2119
|
+
}, S = () => i(!0), j = () => i(!1), F = A(
|
|
2102
2120
|
(D) => {
|
|
2103
2121
|
const J = e.current, Y = t.current;
|
|
2104
2122
|
if (J && Y) {
|
|
@@ -2106,83 +2124,83 @@ function To() {
|
|
|
2106
2124
|
if (ne < 0) return;
|
|
2107
2125
|
let K = ue - oe.width / 2;
|
|
2108
2126
|
K < 0 && (K = 0), K > Z.width - oe.width && (K = -1), Y.style.left = K > -1 ? `${K}px` : "auto", Y.style.right = K > -1 ? "auto" : "0px";
|
|
2109
|
-
const pe =
|
|
2127
|
+
const pe = a - ne * a;
|
|
2110
2128
|
d(pe > 0 ? pe : 0);
|
|
2111
2129
|
}
|
|
2112
|
-
|
|
2130
|
+
S();
|
|
2113
2131
|
},
|
|
2114
|
-
[
|
|
2132
|
+
[a]
|
|
2115
2133
|
);
|
|
2116
2134
|
return Ce(() => B(), w ? 1e3 : null), V(() => {
|
|
2117
2135
|
const D = requestAnimationFrame(() => B());
|
|
2118
2136
|
return () => cancelAnimationFrame(D);
|
|
2119
|
-
}, [B]), /* @__PURE__ */
|
|
2120
|
-
/* @__PURE__ */
|
|
2137
|
+
}, [B]), /* @__PURE__ */ s.jsxs("div", { className: se.progressSlider, children: [
|
|
2138
|
+
/* @__PURE__ */ s.jsx(
|
|
2121
2139
|
Ae,
|
|
2122
2140
|
{
|
|
2123
2141
|
ref: e,
|
|
2124
|
-
value: [
|
|
2125
|
-
onPointerLeave:
|
|
2126
|
-
onPointerDown:
|
|
2127
|
-
onPointerMove:
|
|
2142
|
+
value: [H],
|
|
2143
|
+
onPointerLeave: j,
|
|
2144
|
+
onPointerDown: j,
|
|
2145
|
+
onPointerMove: F,
|
|
2128
2146
|
onValueChange: m,
|
|
2129
2147
|
onValueCommit: v,
|
|
2130
2148
|
step: 0.1
|
|
2131
2149
|
}
|
|
2132
2150
|
),
|
|
2133
|
-
/* @__PURE__ */
|
|
2151
|
+
/* @__PURE__ */ s.jsx(
|
|
2134
2152
|
"div",
|
|
2135
2153
|
{
|
|
2136
2154
|
ref: t,
|
|
2137
2155
|
className: `${se.tipContainer} ${u ? se.tipContainerVisible : se.tipContainerHidden}`,
|
|
2138
|
-
children: /* @__PURE__ */
|
|
2156
|
+
children: /* @__PURE__ */ s.jsx("p", { className: se.tipContent, children: `-${Te(l)}` })
|
|
2139
2157
|
}
|
|
2140
2158
|
)
|
|
2141
2159
|
] });
|
|
2142
2160
|
}
|
|
2143
|
-
function
|
|
2144
|
-
return /* @__PURE__ */
|
|
2161
|
+
function Po() {
|
|
2162
|
+
return /* @__PURE__ */ s.jsx(
|
|
2145
2163
|
"svg",
|
|
2146
2164
|
{
|
|
2147
2165
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2148
2166
|
viewBox: "0 0 24 24",
|
|
2149
2167
|
fill: "currentColor",
|
|
2150
|
-
children: /* @__PURE__ */
|
|
2168
|
+
children: /* @__PURE__ */ s.jsx("path", { d: "M22 12C22 17.5228 17.5229 22 12 22C6.4772 22 2 17.5228 2 12C2 6.47715 6.4772 2 12 2V4C7.5817 4 4 7.58172 4 12C4 16.4183 7.5817 20 12 20C16.4183 20 20 16.4183 20 12C20 9.53614 18.8862 7.33243 17.1346 5.86492L15 8V2L21 2L18.5535 4.44656C20.6649 6.28002 22 8.9841 22 12Z" })
|
|
2151
2169
|
}
|
|
2152
2170
|
);
|
|
2153
2171
|
}
|
|
2154
|
-
function
|
|
2155
|
-
const e = U((
|
|
2156
|
-
return /* @__PURE__ */
|
|
2172
|
+
function Lo() {
|
|
2173
|
+
const e = U((a) => a.startDate), t = U((a) => a.setDelay), n = e ? e.getTime() : 0, r = () => t(en(n));
|
|
2174
|
+
return /* @__PURE__ */ s.jsx(ae, { onClick: r, children: /* @__PURE__ */ s.jsx(Po, {}) });
|
|
2157
2175
|
}
|
|
2158
|
-
const
|
|
2159
|
-
viewersContainer:
|
|
2160
|
-
viewersIndicator:
|
|
2161
|
-
viewersIcon:
|
|
2162
|
-
viewersCount:
|
|
2176
|
+
const jo = "_viewersContainer_z1ihz_1", Io = "_viewersIndicator_z1ihz_16", ko = "_viewersIcon_z1ihz_24", Do = "_viewersCount_z1ihz_28", Ne = {
|
|
2177
|
+
viewersContainer: jo,
|
|
2178
|
+
viewersIndicator: Io,
|
|
2179
|
+
viewersIcon: ko,
|
|
2180
|
+
viewersCount: Do
|
|
2163
2181
|
};
|
|
2164
|
-
function
|
|
2182
|
+
function No() {
|
|
2165
2183
|
const e = U((t) => t.viewerCount);
|
|
2166
|
-
return e ? /* @__PURE__ */
|
|
2167
|
-
/* @__PURE__ */
|
|
2168
|
-
/* @__PURE__ */
|
|
2184
|
+
return e ? /* @__PURE__ */ s.jsxs("div", { className: Ne.viewersContainer, children: [
|
|
2185
|
+
/* @__PURE__ */ s.jsx("span", { className: Ne.viewersIndicator }),
|
|
2186
|
+
/* @__PURE__ */ s.jsxs(
|
|
2169
2187
|
"svg",
|
|
2170
2188
|
{
|
|
2171
|
-
className:
|
|
2189
|
+
className: Ne.viewersIcon,
|
|
2172
2190
|
width: "16",
|
|
2173
2191
|
height: "16",
|
|
2174
2192
|
viewBox: "0 0 16 16",
|
|
2175
2193
|
fill: "none",
|
|
2176
2194
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2177
2195
|
children: [
|
|
2178
|
-
/* @__PURE__ */
|
|
2196
|
+
/* @__PURE__ */ s.jsx(
|
|
2179
2197
|
"path",
|
|
2180
2198
|
{
|
|
2181
2199
|
d: "M8 7C9.10457 7 10 6.10457 10 5C10 3.89543 9.10457 3 8 3C6.89543 3 6 3.89543 6 5C6 6.10457 6.89543 7 8 7Z",
|
|
2182
2200
|
fill: "currentColor"
|
|
2183
2201
|
}
|
|
2184
2202
|
),
|
|
2185
|
-
/* @__PURE__ */
|
|
2203
|
+
/* @__PURE__ */ s.jsx(
|
|
2186
2204
|
"path",
|
|
2187
2205
|
{
|
|
2188
2206
|
d: "M8 8C5.79086 8 4 9.79086 4 12V13H12V12C12 9.79086 10.2091 8 8 8Z",
|
|
@@ -2192,84 +2210,84 @@ function Po() {
|
|
|
2192
2210
|
]
|
|
2193
2211
|
}
|
|
2194
2212
|
),
|
|
2195
|
-
/* @__PURE__ */
|
|
2213
|
+
/* @__PURE__ */ s.jsx("span", { className: Ne.viewersCount, children: e.toLocaleString() })
|
|
2196
2214
|
] }) : null;
|
|
2197
2215
|
}
|
|
2198
|
-
function
|
|
2216
|
+
function cn() {
|
|
2199
2217
|
const e = f((n) => n.error);
|
|
2200
2218
|
if (!e) return null;
|
|
2201
2219
|
const t = e.code === "LIVE_MANIFEST_LOAD_ERROR";
|
|
2202
|
-
return /* @__PURE__ */
|
|
2220
|
+
return /* @__PURE__ */ s.jsx(
|
|
2203
2221
|
"div",
|
|
2204
2222
|
{
|
|
2205
2223
|
className: `${ie.playerNotice} ${t ? ie.playerNoticeLowZIndex : ""}`,
|
|
2206
|
-
children: /* @__PURE__ */
|
|
2224
|
+
children: /* @__PURE__ */ s.jsx("h3", { className: ie.playerNoticeTitle, children: e.message })
|
|
2207
2225
|
}
|
|
2208
2226
|
);
|
|
2209
2227
|
}
|
|
2210
|
-
const
|
|
2211
|
-
playerContainer:
|
|
2212
|
-
controlsTop:
|
|
2213
|
-
controlsBottom:
|
|
2214
|
-
controlsContainer:
|
|
2215
|
-
controlsRow:
|
|
2216
|
-
controlsSection:
|
|
2217
|
-
controlsSectionStart:
|
|
2218
|
-
controlsSectionEnd:
|
|
2228
|
+
const Mo = "_playerContainer_146tx_1", Fo = "_controlsTop_146tx_12", Vo = "_controlsBottom_146tx_29", Ao = "_controlsContainer_146tx_45", Oo = "_controlsRow_146tx_61", Ho = "_controlsSection_146tx_68", $o = "_controlsSectionStart_146tx_78", Uo = "_controlsSectionEnd_146tx_82", z = {
|
|
2229
|
+
playerContainer: Mo,
|
|
2230
|
+
controlsTop: Fo,
|
|
2231
|
+
controlsBottom: Vo,
|
|
2232
|
+
controlsContainer: Ao,
|
|
2233
|
+
controlsRow: Oo,
|
|
2234
|
+
controlsSection: Ho,
|
|
2235
|
+
controlsSectionStart: $o,
|
|
2236
|
+
controlsSectionEnd: Uo
|
|
2219
2237
|
};
|
|
2220
|
-
function
|
|
2221
|
-
return /* @__PURE__ */
|
|
2238
|
+
function Bo() {
|
|
2239
|
+
return /* @__PURE__ */ s.jsx(
|
|
2222
2240
|
"svg",
|
|
2223
2241
|
{
|
|
2224
2242
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2225
2243
|
viewBox: "0 0 24 24",
|
|
2226
2244
|
fill: "currentColor",
|
|
2227
|
-
children: /* @__PURE__ */
|
|
2245
|
+
children: /* @__PURE__ */ s.jsx("path", { d: "M16 3H22V9H20V5H16V3ZM2 3H8V5H4V9H2V3ZM20 19V15H22V21H16V19H20ZM4 19H8V21H2V15H4V19Z" })
|
|
2228
2246
|
}
|
|
2229
2247
|
);
|
|
2230
2248
|
}
|
|
2231
|
-
function
|
|
2232
|
-
return /* @__PURE__ */
|
|
2249
|
+
function Wo() {
|
|
2250
|
+
return /* @__PURE__ */ s.jsx(
|
|
2233
2251
|
"svg",
|
|
2234
2252
|
{
|
|
2235
2253
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2236
2254
|
viewBox: "0 0 24 24",
|
|
2237
2255
|
fill: "currentColor",
|
|
2238
|
-
children: /* @__PURE__ */
|
|
2256
|
+
children: /* @__PURE__ */ s.jsx("path", { d: "M18 7H22V9H16V3H18V7ZM8 9H2V7H6V3H8V9ZM18 17V21H16V15H22V17H18ZM8 15V21H6V17H2V15H8Z" })
|
|
2239
2257
|
}
|
|
2240
2258
|
);
|
|
2241
2259
|
}
|
|
2242
|
-
function
|
|
2243
|
-
const e = f((d) => d.containerRef), t = f((d) => d.exitFullscreen), n = f((d) => d.isFullscreen), r = f((d) => d.requestFullscreen),
|
|
2260
|
+
function un() {
|
|
2261
|
+
const e = f((d) => d.containerRef), t = f((d) => d.exitFullscreen), n = f((d) => d.isFullscreen), r = f((d) => d.requestFullscreen), a = f((d) => d.setIsFullscreen), c = f((d) => d.setIsFullscreenReady), u = f((d) => d.techRef), i = A(
|
|
2244
2262
|
(d) => {
|
|
2245
|
-
d.stopPropagation(),
|
|
2263
|
+
d.stopPropagation(), a(ur());
|
|
2246
2264
|
},
|
|
2247
|
-
[
|
|
2248
|
-
),
|
|
2265
|
+
[a]
|
|
2266
|
+
), l = () => {
|
|
2249
2267
|
n ? t() : r();
|
|
2250
2268
|
};
|
|
2251
2269
|
return V(() => {
|
|
2252
|
-
const d =
|
|
2270
|
+
const d = Zt ? u.current : e.current;
|
|
2253
2271
|
if (d)
|
|
2254
|
-
return
|
|
2272
|
+
return hr(d, i);
|
|
2255
2273
|
}, [e, i, u]), V(() => {
|
|
2256
|
-
|
|
2257
|
-
}, [
|
|
2258
|
-
}
|
|
2259
|
-
const
|
|
2260
|
-
idleCheckContainer:
|
|
2261
|
-
idleCheckContainerIdle:
|
|
2262
|
-
idleCheckContainerActive:
|
|
2263
|
-
},
|
|
2264
|
-
function
|
|
2265
|
-
const t =
|
|
2266
|
-
|
|
2267
|
-
}, []), d =
|
|
2268
|
-
|
|
2269
|
-
}, [
|
|
2274
|
+
c(!0);
|
|
2275
|
+
}, [c]), /* @__PURE__ */ s.jsx(ae, { onClick: l, children: n ? /* @__PURE__ */ s.jsx(Wo, {}) : /* @__PURE__ */ s.jsx(Bo, {}) });
|
|
2276
|
+
}
|
|
2277
|
+
const qo = "_idleCheckContainer_crh2s_1", zo = "_idleCheckContainerIdle_crh2s_5", Yo = "_idleCheckContainerActive_crh2s_11", Ke = {
|
|
2278
|
+
idleCheckContainer: qo,
|
|
2279
|
+
idleCheckContainerIdle: zo,
|
|
2280
|
+
idleCheckContainerActive: Yo
|
|
2281
|
+
}, Zo = 5 * 1e3;
|
|
2282
|
+
function dn({ children: e }) {
|
|
2283
|
+
const t = O(null), n = f((y) => y.isIdle), r = f((y) => y.setIsIdle), a = O(null), u = f((y) => y.idleLocks).size, i = f((y) => y.eventEmitter), l = A(() => {
|
|
2284
|
+
a.current !== null && (window.clearTimeout(a.current), a.current = null);
|
|
2285
|
+
}, []), d = A(() => {
|
|
2286
|
+
l(), a.current = window.setTimeout(() => r(!0), Zo);
|
|
2287
|
+
}, [l, r]);
|
|
2270
2288
|
V(() => (r(!1), d(), () => {
|
|
2271
|
-
|
|
2272
|
-
}), [
|
|
2289
|
+
l();
|
|
2290
|
+
}), [l, r, d]), V(() => {
|
|
2273
2291
|
const y = () => {
|
|
2274
2292
|
r(!1), d();
|
|
2275
2293
|
};
|
|
@@ -2278,66 +2296,66 @@ function ln({ children: e }) {
|
|
|
2278
2296
|
};
|
|
2279
2297
|
}, [i, r, d]);
|
|
2280
2298
|
const g = n && !u, _ = `${Ke.idleCheckContainer} ${g ? Ke.idleCheckContainerIdle : Ke.idleCheckContainerActive}`;
|
|
2281
|
-
return /* @__PURE__ */
|
|
2299
|
+
return /* @__PURE__ */ s.jsx("div", { ref: t, className: _, children: e });
|
|
2282
2300
|
}
|
|
2283
|
-
const
|
|
2284
|
-
spinner:
|
|
2301
|
+
const Ko = "_spinner_oo4hi_10", Go = {
|
|
2302
|
+
spinner: Ko
|
|
2285
2303
|
};
|
|
2286
|
-
function
|
|
2287
|
-
return /* @__PURE__ */
|
|
2304
|
+
function Xo(e) {
|
|
2305
|
+
return /* @__PURE__ */ s.jsx("div", M({ className: Go.spinner }, e));
|
|
2288
2306
|
}
|
|
2289
|
-
function
|
|
2307
|
+
function Jo(e, t = 500) {
|
|
2290
2308
|
const [n, r] = G(e);
|
|
2291
2309
|
return V(() => {
|
|
2292
|
-
const
|
|
2310
|
+
const a = window.setTimeout(() => r(e), t);
|
|
2293
2311
|
return () => {
|
|
2294
|
-
window.clearTimeout(
|
|
2312
|
+
window.clearTimeout(a);
|
|
2295
2313
|
};
|
|
2296
2314
|
}, [e, t]), n;
|
|
2297
2315
|
}
|
|
2298
|
-
const
|
|
2299
|
-
loadingContainer:
|
|
2316
|
+
const Qo = "_loadingContainer_v9v7r_1", ei = {
|
|
2317
|
+
loadingContainer: Qo
|
|
2300
2318
|
};
|
|
2301
|
-
function
|
|
2319
|
+
function fn(n) {
|
|
2302
2320
|
var r = n, { style: e } = r, t = re(r, ["style"]);
|
|
2303
|
-
const
|
|
2304
|
-
return
|
|
2321
|
+
const a = f((u) => u.isLoading);
|
|
2322
|
+
return Jo(a, 100) ? /* @__PURE__ */ s.jsx("div", he(M({ className: ei.loadingContainer, style: e }, t), { children: /* @__PURE__ */ s.jsx(Xo, {}) })) : null;
|
|
2305
2323
|
}
|
|
2306
|
-
function
|
|
2307
|
-
return /* @__PURE__ */
|
|
2324
|
+
function hn() {
|
|
2325
|
+
return /* @__PURE__ */ s.jsx(
|
|
2308
2326
|
"svg",
|
|
2309
2327
|
{
|
|
2310
2328
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2311
2329
|
viewBox: "0 0 24 24",
|
|
2312
2330
|
fill: "currentColor",
|
|
2313
|
-
children: /* @__PURE__ */
|
|
2331
|
+
children: /* @__PURE__ */ s.jsx("path", { d: "M9.9997 15.1709L19.1921 5.97852L20.6063 7.39273L9.9997 17.9993L3.63574 11.6354L5.04996 10.2212L9.9997 15.1709Z" })
|
|
2314
2332
|
}
|
|
2315
2333
|
);
|
|
2316
2334
|
}
|
|
2317
|
-
function
|
|
2318
|
-
return /* @__PURE__ */
|
|
2335
|
+
function ti() {
|
|
2336
|
+
return /* @__PURE__ */ s.jsx(
|
|
2319
2337
|
"svg",
|
|
2320
2338
|
{
|
|
2321
2339
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2322
2340
|
viewBox: "0 0 24 24",
|
|
2323
2341
|
fill: "currentColor",
|
|
2324
|
-
children: /* @__PURE__ */
|
|
2342
|
+
children: /* @__PURE__ */ s.jsx("path", { d: "M4 5V19H20V5H4ZM3 3H21C21.5523 3 22 3.44772 22 4V20C22 20.5523 21.5523 21 21 21H3C2.44772 21 2 20.5523 2 20V4C2 3.44772 2.44772 3 3 3ZM7.5 11.25H9.5V9H11V15H9.5V12.75H7.5V15H6V9H7.5V11.25ZM14.5 10.5V13.5H16C16.2761 13.5 16.5 13.2761 16.5 13V11C16.5 10.7239 16.2761 10.5 16 10.5H14.5ZM13 9H16C17.1046 9 18 9.89543 18 11V13C18 14.1046 17.1046 15 16 15H13V9Z" })
|
|
2325
2343
|
}
|
|
2326
2344
|
);
|
|
2327
2345
|
}
|
|
2328
|
-
const
|
|
2329
|
-
dropdownMenuContent:
|
|
2330
|
-
dropdownMenuItem:
|
|
2331
|
-
scrollAreaRoot:
|
|
2332
|
-
scrollAreaViewport:
|
|
2333
|
-
scrollAreaScrollbar:
|
|
2334
|
-
scrollAreaThumb:
|
|
2335
|
-
},
|
|
2336
|
-
var u =
|
|
2337
|
-
return /* @__PURE__ */
|
|
2346
|
+
const ni = "_dropdownMenuContent_lqxir_1", ri = "_dropdownMenuItem_lqxir_83", oi = "_scrollAreaRoot_lqxir_126", ii = "_scrollAreaViewport_lqxir_133", si = "_scrollAreaScrollbar_lqxir_139", ai = "_scrollAreaThumb_lqxir_166", ve = {
|
|
2347
|
+
dropdownMenuContent: ni,
|
|
2348
|
+
dropdownMenuItem: ri,
|
|
2349
|
+
scrollAreaRoot: oi,
|
|
2350
|
+
scrollAreaViewport: ii,
|
|
2351
|
+
scrollAreaScrollbar: si,
|
|
2352
|
+
scrollAreaThumb: ai
|
|
2353
|
+
}, mn = xe.Root, vn = xe.Trigger, pn = xe.Portal, et = Ve((c, a) => {
|
|
2354
|
+
var u = c, { sideOffset: e = 4, className: t, children: n } = u, r = re(u, ["sideOffset", "className", "children"]);
|
|
2355
|
+
return /* @__PURE__ */ s.jsx(
|
|
2338
2356
|
xe.Content,
|
|
2339
|
-
he(
|
|
2340
|
-
ref:
|
|
2357
|
+
he(M({
|
|
2358
|
+
ref: a,
|
|
2341
2359
|
sideOffset: e,
|
|
2342
2360
|
className: [ve.dropdownMenuContent, t].filter(Boolean).join(" "),
|
|
2343
2361
|
onOpenAutoFocus: (i) => {
|
|
@@ -2347,20 +2365,20 @@ const Xo = "_dropdownMenuContent_b7j6b_1", Jo = "_dropdownMenuItem_b7j6b_83", Qo
|
|
|
2347
2365
|
i.preventDefault();
|
|
2348
2366
|
}
|
|
2349
2367
|
}, r), {
|
|
2350
|
-
children: /* @__PURE__ */
|
|
2368
|
+
children: /* @__PURE__ */ s.jsxs(
|
|
2351
2369
|
je.Root,
|
|
2352
2370
|
{
|
|
2353
2371
|
className: ve.scrollAreaRoot,
|
|
2354
2372
|
type: "always",
|
|
2355
2373
|
scrollHideDelay: 0,
|
|
2356
2374
|
children: [
|
|
2357
|
-
/* @__PURE__ */
|
|
2358
|
-
/* @__PURE__ */
|
|
2375
|
+
/* @__PURE__ */ s.jsx(je.Viewport, { className: ve.scrollAreaViewport, children: n }),
|
|
2376
|
+
/* @__PURE__ */ s.jsx(
|
|
2359
2377
|
je.Scrollbar,
|
|
2360
2378
|
{
|
|
2361
2379
|
className: ve.scrollAreaScrollbar,
|
|
2362
2380
|
orientation: "vertical",
|
|
2363
|
-
children: /* @__PURE__ */
|
|
2381
|
+
children: /* @__PURE__ */ s.jsx(je.Thumb, { className: ve.scrollAreaThumb })
|
|
2364
2382
|
}
|
|
2365
2383
|
)
|
|
2366
2384
|
]
|
|
@@ -2369,17 +2387,17 @@ const Xo = "_dropdownMenuContent_b7j6b_1", Jo = "_dropdownMenuItem_b7j6b_83", Qo
|
|
|
2369
2387
|
})
|
|
2370
2388
|
);
|
|
2371
2389
|
});
|
|
2372
|
-
|
|
2373
|
-
const
|
|
2374
|
-
var
|
|
2375
|
-
const u = (
|
|
2376
|
-
t == null || t(
|
|
2377
|
-
}, i = (
|
|
2378
|
-
(
|
|
2390
|
+
et.displayName = "PlayerMenuContent";
|
|
2391
|
+
const tt = Ve((a, r) => {
|
|
2392
|
+
var c = a, { className: e, onClick: t } = c, n = re(c, ["className", "onClick"]);
|
|
2393
|
+
const u = (l) => {
|
|
2394
|
+
t == null || t(l);
|
|
2395
|
+
}, i = (l) => {
|
|
2396
|
+
(l.key === "Enter" || l.key === " ") && (l.preventDefault(), t == null || t(l));
|
|
2379
2397
|
};
|
|
2380
|
-
return /* @__PURE__ */
|
|
2398
|
+
return /* @__PURE__ */ s.jsx(xe.Close, { asChild: !0, children: /* @__PURE__ */ s.jsx(
|
|
2381
2399
|
"div",
|
|
2382
|
-
|
|
2400
|
+
M({
|
|
2383
2401
|
ref: r,
|
|
2384
2402
|
className: [ve.dropdownMenuItem, e].filter(Boolean).join(" "),
|
|
2385
2403
|
role: "menuitem",
|
|
@@ -2389,309 +2407,336 @@ const dn = Ve((s, r) => {
|
|
|
2389
2407
|
}, n)
|
|
2390
2408
|
) });
|
|
2391
2409
|
});
|
|
2392
|
-
|
|
2393
|
-
const
|
|
2394
|
-
function
|
|
2395
|
-
const [e, t] = G(!1), n = f((
|
|
2396
|
-
(
|
|
2397
|
-
t(
|
|
2410
|
+
tt.displayName = "PlayerMenuItem";
|
|
2411
|
+
const Lt = "quality";
|
|
2412
|
+
function yn() {
|
|
2413
|
+
const [e, t] = G(!1), n = f((l) => l.containerRef), r = f((l) => l.addIdleLock), a = f((l) => l.removeIdleLock), c = f((l) => l.levels), u = f((l) => l.setLevel), i = A(
|
|
2414
|
+
(l) => {
|
|
2415
|
+
t(l), l ? r(Lt) : a(Lt);
|
|
2398
2416
|
},
|
|
2399
|
-
[r,
|
|
2417
|
+
[r, a]
|
|
2400
2418
|
);
|
|
2401
|
-
return /* @__PURE__ */
|
|
2402
|
-
/* @__PURE__ */
|
|
2403
|
-
/* @__PURE__ */
|
|
2404
|
-
|
|
2419
|
+
return !c || c.length === 0 ? null : /* @__PURE__ */ s.jsxs(mn, { open: e, onOpenChange: i, children: [
|
|
2420
|
+
/* @__PURE__ */ s.jsx(vn, { asChild: !0, children: /* @__PURE__ */ s.jsx(ae, { children: /* @__PURE__ */ s.jsx(ti, {}) }) }),
|
|
2421
|
+
/* @__PURE__ */ s.jsx(pn, { container: n.current, children: /* @__PURE__ */ s.jsx(et, { side: "top", align: "end", children: c.map((l) => /* @__PURE__ */ s.jsxs(
|
|
2422
|
+
tt,
|
|
2405
2423
|
{
|
|
2406
|
-
onClick: () => u(
|
|
2424
|
+
onClick: () => u(l.value),
|
|
2407
2425
|
children: [
|
|
2408
|
-
|
|
2409
|
-
|
|
2426
|
+
l.label,
|
|
2427
|
+
l.selected && /* @__PURE__ */ s.jsx(hn, {})
|
|
2410
2428
|
]
|
|
2411
2429
|
},
|
|
2412
|
-
|
|
2430
|
+
l.sid
|
|
2413
2431
|
)) }) })
|
|
2414
2432
|
] });
|
|
2415
2433
|
}
|
|
2416
|
-
function
|
|
2417
|
-
return /* @__PURE__ */
|
|
2434
|
+
function li() {
|
|
2435
|
+
return /* @__PURE__ */ s.jsx(
|
|
2418
2436
|
"svg",
|
|
2419
2437
|
{
|
|
2420
2438
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2421
2439
|
viewBox: "0 0 24 24",
|
|
2422
2440
|
fill: "currentColor",
|
|
2423
|
-
children: /* @__PURE__ */
|
|
2441
|
+
children: /* @__PURE__ */ s.jsx("path", { d: "M6.60282 10.0001L10 7.22056V16.7796L6.60282 14.0001H3V10.0001H6.60282ZM2 16.0001H5.88889L11.1834 20.3319C11.2727 20.405 11.3846 20.4449 11.5 20.4449C11.7761 20.4449 12 20.2211 12 19.9449V4.05519C12 3.93977 11.9601 3.8279 11.887 3.73857C11.7121 3.52485 11.3971 3.49335 11.1834 3.66821L5.88889 8.00007H2C1.44772 8.00007 1 8.44778 1 9.00007V15.0001C1 15.5524 1.44772 16.0001 2 16.0001ZM23 12C23 15.292 21.5539 18.2463 19.2622 20.2622L17.8445 18.8444C19.7758 17.1937 21 14.7398 21 12C21 9.26016 19.7758 6.80629 17.8445 5.15557L19.2622 3.73779C21.5539 5.75368 23 8.70795 23 12ZM18 12C18 10.0883 17.106 8.38548 15.7133 7.28673L14.2842 8.71584C15.3213 9.43855 16 10.64 16 12C16 13.36 15.3213 14.5614 14.2842 15.2841L15.7133 16.7132C17.106 15.6145 18 13.9116 18 12Z" })
|
|
2424
2442
|
}
|
|
2425
2443
|
);
|
|
2426
2444
|
}
|
|
2427
|
-
function
|
|
2428
|
-
return /* @__PURE__ */
|
|
2445
|
+
function ci() {
|
|
2446
|
+
return /* @__PURE__ */ s.jsx(
|
|
2429
2447
|
"svg",
|
|
2430
2448
|
{
|
|
2431
2449
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2432
2450
|
viewBox: "0 0 24 24",
|
|
2433
2451
|
fill: "currentColor",
|
|
2434
|
-
children: /* @__PURE__ */
|
|
2452
|
+
children: /* @__PURE__ */ s.jsx("path", { d: "M13 7.22056L9.60282 10.0001H6V14.0001H9.60282L13 16.7796V7.22056ZM8.88889 16.0001H5C4.44772 16.0001 4 15.5524 4 15.0001V9.00007C4 8.44778 4.44772 8.00007 5 8.00007H8.88889L14.1834 3.66821C14.3971 3.49335 14.7121 3.52485 14.887 3.73857C14.9601 3.8279 15 3.93977 15 4.05519V19.9449C15 20.2211 14.7761 20.4449 14.5 20.4449C14.3846 20.4449 14.2727 20.405 14.1834 20.3319L8.88889 16.0001ZM18.8631 16.5911L17.4411 15.1691C18.3892 14.4376 19 13.2902 19 12.0001C19 10.5697 18.2493 9.31476 17.1203 8.60766L18.5589 7.16906C20.0396 8.26166 21 10.0187 21 12.0001C21 13.8422 20.1698 15.4905 18.8631 16.5911Z" })
|
|
2435
2453
|
}
|
|
2436
2454
|
);
|
|
2437
2455
|
}
|
|
2438
|
-
function
|
|
2439
|
-
return /* @__PURE__ */
|
|
2456
|
+
function ui() {
|
|
2457
|
+
return /* @__PURE__ */ s.jsx(
|
|
2440
2458
|
"svg",
|
|
2441
2459
|
{
|
|
2442
2460
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2443
2461
|
viewBox: "0 0 24 24",
|
|
2444
2462
|
fill: "currentColor",
|
|
2445
|
-
children: /* @__PURE__ */
|
|
2463
|
+
children: /* @__PURE__ */ s.jsx("path", { d: "M10 7.22056L6.60282 10.0001H3V14.0001H6.60282L10 16.7796V7.22056ZM5.88889 16.0001H2C1.44772 16.0001 1 15.5524 1 15.0001V9.00007C1 8.44778 1.44772 8.00007 2 8.00007H5.88889L11.1834 3.66821C11.3971 3.49335 11.7121 3.52485 11.887 3.73857C11.9601 3.8279 12 3.93977 12 4.05519V19.9449C12 20.2211 11.7761 20.4449 11.5 20.4449C11.3846 20.4449 11.2727 20.405 11.1834 20.3319L5.88889 16.0001ZM20.4142 12.0001L23.9497 15.5356L22.5355 16.9498L19 13.4143L15.4645 16.9498L14.0503 15.5356L17.5858 12.0001L14.0503 8.46454L15.4645 7.05032L19 10.5859L22.5355 7.05032L23.9497 8.46454L20.4142 12.0001Z" })
|
|
2446
2464
|
}
|
|
2447
2465
|
);
|
|
2448
2466
|
}
|
|
2449
|
-
const
|
|
2450
|
-
volumeContainer:
|
|
2451
|
-
volumeSlider:
|
|
2452
|
-
},
|
|
2453
|
-
function
|
|
2454
|
-
const e = f((i) => i.setVolume), t = f((i) => i.volume), n = f((i) => i.addIdleLock), r = f((i) => i.removeIdleLock),
|
|
2455
|
-
e(i[0]), n(
|
|
2456
|
-
},
|
|
2457
|
-
r(
|
|
2467
|
+
const di = "_volumeContainer_4d6jg_1", fi = "_volumeSlider_4d6jg_8", jt = {
|
|
2468
|
+
volumeContainer: di,
|
|
2469
|
+
volumeSlider: fi
|
|
2470
|
+
}, It = "volume";
|
|
2471
|
+
function gn() {
|
|
2472
|
+
const e = f((i) => i.setVolume), t = f((i) => i.volume), n = f((i) => i.addIdleLock), r = f((i) => i.removeIdleLock), a = (i) => {
|
|
2473
|
+
e(i[0]), n(It);
|
|
2474
|
+
}, c = () => {
|
|
2475
|
+
r(It);
|
|
2458
2476
|
}, u = () => e(t ? 0 : 100);
|
|
2459
|
-
return /* @__PURE__ */
|
|
2460
|
-
/* @__PURE__ */
|
|
2461
|
-
/* @__PURE__ */
|
|
2477
|
+
return /* @__PURE__ */ s.jsxs("div", { className: jt.volumeContainer, children: [
|
|
2478
|
+
/* @__PURE__ */ s.jsx(ae, { onClick: u, className: "shrink-0", children: t ? t > 50 ? /* @__PURE__ */ s.jsx(li, {}) : /* @__PURE__ */ s.jsx(ci, {}) : /* @__PURE__ */ s.jsx(ui, {}) }),
|
|
2479
|
+
/* @__PURE__ */ s.jsx("div", { className: jt.volumeSlider, children: /* @__PURE__ */ s.jsx(
|
|
2462
2480
|
Ae,
|
|
2463
2481
|
{
|
|
2464
2482
|
value: [t],
|
|
2465
|
-
onValueChange:
|
|
2466
|
-
onValueCommit:
|
|
2483
|
+
onValueChange: a,
|
|
2484
|
+
onValueCommit: c
|
|
2467
2485
|
}
|
|
2468
2486
|
) })
|
|
2469
2487
|
] });
|
|
2470
2488
|
}
|
|
2471
|
-
function
|
|
2472
|
-
return /* @__PURE__ */
|
|
2489
|
+
function ki(e) {
|
|
2490
|
+
return /* @__PURE__ */ s.jsx(Yr, { children: /* @__PURE__ */ s.jsx(hi, M({}, e)) });
|
|
2473
2491
|
}
|
|
2474
|
-
function
|
|
2475
|
-
var
|
|
2476
|
-
const r = f((d) => d.containerRef),
|
|
2492
|
+
function hi({ url: e, messages: t = {}, onEvent: n }) {
|
|
2493
|
+
var c, u, i, l;
|
|
2494
|
+
const r = f((d) => d.containerRef), a = {
|
|
2477
2495
|
eventNotStarted: "Event has not started yet.",
|
|
2478
2496
|
eventStartingSoon: "Starting in few seconds...",
|
|
2479
2497
|
unableToPlay: "Unable to play the live stream. Please try again later."
|
|
2480
2498
|
};
|
|
2481
2499
|
return V(() => {
|
|
2482
|
-
console.log(`[Player][Live] Version: ${
|
|
2483
|
-
}, []), /* @__PURE__ */
|
|
2500
|
+
console.log(`[Player][Live] Version: ${Qe.version}`);
|
|
2501
|
+
}, []), /* @__PURE__ */ s.jsxs(
|
|
2484
2502
|
"div",
|
|
2485
2503
|
{
|
|
2486
2504
|
ref: r,
|
|
2487
|
-
className:
|
|
2505
|
+
className: z.playerContainer,
|
|
2488
2506
|
children: [
|
|
2489
|
-
/* @__PURE__ */
|
|
2490
|
-
|
|
2507
|
+
/* @__PURE__ */ s.jsxs(
|
|
2508
|
+
Or,
|
|
2491
2509
|
{
|
|
2492
2510
|
url: e,
|
|
2493
2511
|
messages: {
|
|
2494
|
-
eventNotStarted: (
|
|
2495
|
-
eventStartingSoon: (u = t == null ? void 0 : t.eventStartingSoon) != null ? u :
|
|
2496
|
-
unableToPlay: (i = t == null ? void 0 : t.unableToPlay) != null ? i :
|
|
2512
|
+
eventNotStarted: (c = t == null ? void 0 : t.eventNotStarted) != null ? c : a.eventNotStarted,
|
|
2513
|
+
eventStartingSoon: (u = t == null ? void 0 : t.eventStartingSoon) != null ? u : a.eventStartingSoon,
|
|
2514
|
+
unableToPlay: (i = t == null ? void 0 : t.unableToPlay) != null ? i : a.unableToPlay
|
|
2497
2515
|
},
|
|
2498
2516
|
children: [
|
|
2499
|
-
/* @__PURE__ */
|
|
2500
|
-
|
|
2517
|
+
/* @__PURE__ */ s.jsx(
|
|
2518
|
+
Xr,
|
|
2501
2519
|
{
|
|
2502
2520
|
url: e,
|
|
2503
2521
|
messages: {
|
|
2504
|
-
unableToPlay: (
|
|
2522
|
+
unableToPlay: (l = t == null ? void 0 : t.unableToPlay) != null ? l : a.unableToPlay
|
|
2505
2523
|
}
|
|
2506
2524
|
}
|
|
2507
2525
|
),
|
|
2508
|
-
/* @__PURE__ */
|
|
2509
|
-
/* @__PURE__ */
|
|
2510
|
-
/* @__PURE__ */
|
|
2511
|
-
/* @__PURE__ */
|
|
2512
|
-
/* @__PURE__ */
|
|
2513
|
-
/* @__PURE__ */
|
|
2514
|
-
/* @__PURE__ */
|
|
2515
|
-
/* @__PURE__ */
|
|
2516
|
-
/* @__PURE__ */
|
|
2526
|
+
/* @__PURE__ */ s.jsx(cn, {}),
|
|
2527
|
+
/* @__PURE__ */ s.jsx(fn, {}),
|
|
2528
|
+
/* @__PURE__ */ s.jsx(co, {}),
|
|
2529
|
+
/* @__PURE__ */ s.jsxs(dn, { children: [
|
|
2530
|
+
/* @__PURE__ */ s.jsx("div", { className: z.controlsTop, children: /* @__PURE__ */ s.jsx("div", { className: z.controlsContainer, children: /* @__PURE__ */ s.jsx("div", { className: z.controlsRow, children: /* @__PURE__ */ s.jsx(No, {}) }) }) }),
|
|
2531
|
+
/* @__PURE__ */ s.jsx("div", { className: z.controlsBottom, children: /* @__PURE__ */ s.jsxs("div", { className: z.controlsContainer, children: [
|
|
2532
|
+
/* @__PURE__ */ s.jsx(bo, {}),
|
|
2533
|
+
/* @__PURE__ */ s.jsxs("div", { className: z.controlsRow, children: [
|
|
2534
|
+
/* @__PURE__ */ s.jsxs(
|
|
2517
2535
|
"div",
|
|
2518
2536
|
{
|
|
2519
|
-
className: `${
|
|
2537
|
+
className: `${z.controlsSection} ${z.controlsSectionStart}`,
|
|
2520
2538
|
children: [
|
|
2521
|
-
/* @__PURE__ */
|
|
2522
|
-
/* @__PURE__ */
|
|
2523
|
-
/* @__PURE__ */
|
|
2539
|
+
/* @__PURE__ */ s.jsx(yo, {}),
|
|
2540
|
+
/* @__PURE__ */ s.jsx(Lo, {}),
|
|
2541
|
+
/* @__PURE__ */ s.jsx(gn, {})
|
|
2524
2542
|
]
|
|
2525
2543
|
}
|
|
2526
2544
|
),
|
|
2527
|
-
/* @__PURE__ */
|
|
2545
|
+
/* @__PURE__ */ s.jsxs(
|
|
2528
2546
|
"div",
|
|
2529
2547
|
{
|
|
2530
|
-
className: `${
|
|
2548
|
+
className: `${z.controlsSection} ${z.controlsSectionEnd}`,
|
|
2531
2549
|
children: [
|
|
2532
|
-
/* @__PURE__ */
|
|
2533
|
-
/* @__PURE__ */
|
|
2534
|
-
/* @__PURE__ */
|
|
2550
|
+
/* @__PURE__ */ s.jsx(po, { message: t == null ? void 0 : t.live }),
|
|
2551
|
+
/* @__PURE__ */ s.jsx(yn, {}),
|
|
2552
|
+
/* @__PURE__ */ s.jsx(un, {})
|
|
2535
2553
|
]
|
|
2536
2554
|
}
|
|
2537
2555
|
)
|
|
2538
2556
|
] })
|
|
2539
2557
|
] }) })
|
|
2540
2558
|
] }),
|
|
2541
|
-
/* @__PURE__ */
|
|
2542
|
-
/* @__PURE__ */
|
|
2543
|
-
/* @__PURE__ */
|
|
2559
|
+
/* @__PURE__ */ s.jsx(Lr, { url: e }),
|
|
2560
|
+
/* @__PURE__ */ s.jsx(zr, {}),
|
|
2561
|
+
/* @__PURE__ */ s.jsx(Jr, { url: e })
|
|
2544
2562
|
]
|
|
2545
2563
|
}
|
|
2546
2564
|
),
|
|
2547
|
-
n && /* @__PURE__ */
|
|
2565
|
+
n && /* @__PURE__ */ s.jsx(qr, { callback: n })
|
|
2548
2566
|
]
|
|
2549
2567
|
}
|
|
2550
2568
|
);
|
|
2551
2569
|
}
|
|
2552
|
-
|
|
2553
|
-
|
|
2554
|
-
|
|
2555
|
-
|
|
2570
|
+
const mi = [0.25, 0.5, 0.75, 1, 1.25, 1.5, 1.75, 2], kt = "playback-rate";
|
|
2571
|
+
function vi() {
|
|
2572
|
+
const [e, t] = G(!1), n = f((l) => l.containerRef), r = f((l) => l.addIdleLock), a = f((l) => l.removeIdleLock), c = f((l) => l.playbackRate), u = f((l) => l.setPlaybackRate), i = A(
|
|
2573
|
+
(l) => {
|
|
2574
|
+
t(l), l ? r(kt) : a(kt);
|
|
2575
|
+
},
|
|
2576
|
+
[r, a]
|
|
2577
|
+
);
|
|
2578
|
+
return /* @__PURE__ */ s.jsxs(mn, { open: e, onOpenChange: i, children: [
|
|
2579
|
+
/* @__PURE__ */ s.jsx(vn, { asChild: !0, children: /* @__PURE__ */ s.jsxs(ae, { children: [
|
|
2580
|
+
c,
|
|
2581
|
+
"x"
|
|
2582
|
+
] }) }),
|
|
2583
|
+
/* @__PURE__ */ s.jsx(pn, { container: n.current, children: /* @__PURE__ */ s.jsx(et, { side: "top", align: "end", children: mi.map((l) => /* @__PURE__ */ s.jsxs(
|
|
2584
|
+
tt,
|
|
2585
|
+
{
|
|
2586
|
+
onClick: () => u(l),
|
|
2587
|
+
children: [
|
|
2588
|
+
l,
|
|
2589
|
+
"x",
|
|
2590
|
+
c === l && /* @__PURE__ */ s.jsx(hn, {})
|
|
2591
|
+
]
|
|
2592
|
+
},
|
|
2593
|
+
l
|
|
2594
|
+
)) }) })
|
|
2595
|
+
] });
|
|
2596
|
+
}
|
|
2597
|
+
function pi() {
|
|
2598
|
+
const e = f((u) => u.isPlaying), t = f((u) => u.pause), n = f((u) => u.play), r = f((u) => u.currentTime), a = f((u) => u.duration), c = f((u) => u.seek);
|
|
2599
|
+
return /* @__PURE__ */ s.jsx(
|
|
2600
|
+
sn,
|
|
2556
2601
|
{
|
|
2557
2602
|
onClick: () => {
|
|
2558
2603
|
e ? t() : n();
|
|
2559
2604
|
},
|
|
2560
2605
|
onBackwardSeek: (u) => {
|
|
2561
2606
|
const i = Math.max(0, r - u);
|
|
2562
|
-
|
|
2607
|
+
c(i);
|
|
2563
2608
|
},
|
|
2564
2609
|
onForwardSeek: (u) => {
|
|
2565
|
-
const i = Math.min(r + u,
|
|
2566
|
-
|
|
2610
|
+
const i = Math.min(r + u, a);
|
|
2611
|
+
c(i);
|
|
2567
2612
|
},
|
|
2568
2613
|
maxBackwardTime: Math.floor(r),
|
|
2569
|
-
maxForwardTime: Math.floor(
|
|
2614
|
+
maxForwardTime: Math.floor(a - r)
|
|
2570
2615
|
}
|
|
2571
2616
|
);
|
|
2572
2617
|
}
|
|
2573
|
-
function
|
|
2574
|
-
const e = f((
|
|
2618
|
+
function yi() {
|
|
2619
|
+
const e = f((a) => a.isPlaying), t = f((a) => a.pause), n = f((a) => a.play), r = () => {
|
|
2575
2620
|
e ? t() : n();
|
|
2576
2621
|
};
|
|
2577
|
-
return /* @__PURE__ */
|
|
2578
|
-
}
|
|
2579
|
-
const
|
|
2580
|
-
function
|
|
2581
|
-
const e =
|
|
2582
|
-
(d ? (u !== -1 ? u :
|
|
2583
|
-
), E = (
|
|
2584
|
-
i(d * (
|
|
2622
|
+
return /* @__PURE__ */ s.jsx(ae, { onClick: r, children: e ? /* @__PURE__ */ s.jsx(an, {}) : /* @__PURE__ */ s.jsx(ln, {}) });
|
|
2623
|
+
}
|
|
2624
|
+
const Dt = "vod-player-progress-bar";
|
|
2625
|
+
function gi() {
|
|
2626
|
+
const e = O(null), t = O(null), [n, r] = G(!1), [a, c] = G(-1), [u, i] = G(-1), l = f((b) => b.currentTime), d = f((b) => b.duration), g = f((b) => b.seek), _ = f((b) => b.addIdleLock), y = f((b) => b.removeIdleLock), k = parseFloat(
|
|
2627
|
+
(d ? (u !== -1 ? u : l) / d * 100 : 0).toFixed(1)
|
|
2628
|
+
), E = (b) => {
|
|
2629
|
+
i(d * (b[0] / 100)), _(Dt);
|
|
2585
2630
|
}, x = () => {
|
|
2586
|
-
u !== -1 && (g(u), i(-1), y(
|
|
2587
|
-
},
|
|
2588
|
-
(
|
|
2589
|
-
const B = e.current,
|
|
2590
|
-
if (B &&
|
|
2591
|
-
const m = Fe(B), v = Fe(
|
|
2592
|
-
if (
|
|
2593
|
-
let
|
|
2594
|
-
|
|
2631
|
+
u !== -1 && (g(u), i(-1), y(Dt));
|
|
2632
|
+
}, R = () => r(!0), w = () => r(!1), L = A(
|
|
2633
|
+
(b) => {
|
|
2634
|
+
const B = e.current, H = t.current;
|
|
2635
|
+
if (B && H) {
|
|
2636
|
+
const m = Fe(B), v = Fe(H), S = (b.pageX || b.clientX) - m.left, j = S / m.width;
|
|
2637
|
+
if (j < 0) return;
|
|
2638
|
+
let F = S - v.width / 2;
|
|
2639
|
+
F < 0 && (F = 0), F > m.width - v.width && (F = -1), H.style.left = F > -1 ? `${F}px` : "auto", H.style.right = F > -1 ? "auto" : "0px", c(j * d);
|
|
2595
2640
|
}
|
|
2596
|
-
|
|
2641
|
+
R();
|
|
2597
2642
|
},
|
|
2598
2643
|
[d]
|
|
2599
2644
|
);
|
|
2600
|
-
return /* @__PURE__ */
|
|
2601
|
-
/* @__PURE__ */
|
|
2645
|
+
return /* @__PURE__ */ s.jsxs("div", { className: se.progressSlider, children: [
|
|
2646
|
+
/* @__PURE__ */ s.jsx(
|
|
2602
2647
|
Ae,
|
|
2603
2648
|
{
|
|
2604
2649
|
ref: e,
|
|
2605
|
-
value: [
|
|
2650
|
+
value: [k],
|
|
2606
2651
|
onPointerLeave: w,
|
|
2607
2652
|
onPointerDown: w,
|
|
2608
|
-
onPointerMove:
|
|
2653
|
+
onPointerMove: L,
|
|
2609
2654
|
onValueChange: E,
|
|
2610
2655
|
onValueCommit: x,
|
|
2611
2656
|
step: 0.1
|
|
2612
2657
|
}
|
|
2613
2658
|
),
|
|
2614
|
-
/* @__PURE__ */
|
|
2659
|
+
/* @__PURE__ */ s.jsx(
|
|
2615
2660
|
"div",
|
|
2616
2661
|
{
|
|
2617
2662
|
ref: t,
|
|
2618
2663
|
className: `${se.tipContainer} ${n ? se.tipContainerVisible : se.tipContainerHidden}`,
|
|
2619
|
-
children: /* @__PURE__ */
|
|
2664
|
+
children: /* @__PURE__ */ s.jsx("p", { className: se.tipContent, children: Te(a) })
|
|
2620
2665
|
}
|
|
2621
2666
|
)
|
|
2622
2667
|
] });
|
|
2623
2668
|
}
|
|
2624
|
-
const
|
|
2625
|
-
remainingTimeContainer:
|
|
2626
|
-
remainingTime:
|
|
2627
|
-
remainingSeparator:
|
|
2669
|
+
const wi = "_remainingTimeContainer_1yyhb_1", _i = "_remainingTime_1yyhb_1", Ti = "_remainingSeparator_1yyhb_17", Me = {
|
|
2670
|
+
remainingTimeContainer: wi,
|
|
2671
|
+
remainingTime: _i,
|
|
2672
|
+
remainingSeparator: Ti
|
|
2628
2673
|
};
|
|
2629
|
-
function
|
|
2674
|
+
function xi() {
|
|
2630
2675
|
const e = f((n) => n.currentTime), t = f((n) => n.duration);
|
|
2631
|
-
return /* @__PURE__ */
|
|
2632
|
-
/* @__PURE__ */
|
|
2633
|
-
/* @__PURE__ */
|
|
2634
|
-
/* @__PURE__ */
|
|
2676
|
+
return /* @__PURE__ */ s.jsxs("div", { className: Me.remainingTimeContainer, children: [
|
|
2677
|
+
/* @__PURE__ */ s.jsx("p", { className: Me.remainingTime, children: Te(e) }),
|
|
2678
|
+
/* @__PURE__ */ s.jsx("p", { className: Me.remainingSeparator }),
|
|
2679
|
+
/* @__PURE__ */ s.jsx("p", { className: Me.remainingTime, children: Te(t) })
|
|
2635
2680
|
] });
|
|
2636
2681
|
}
|
|
2637
|
-
function
|
|
2638
|
-
const { video_id: t } =
|
|
2639
|
-
return n ? /* @__PURE__ */
|
|
2682
|
+
function Ci({ url: e }) {
|
|
2683
|
+
const { video_id: t } = Jt(e), n = t ? Number(t) : void 0;
|
|
2684
|
+
return n ? /* @__PURE__ */ s.jsx(Gt, { kind: "vod", url: e, id: n }) : null;
|
|
2640
2685
|
}
|
|
2641
|
-
function
|
|
2686
|
+
function Ei({ callback: e }) {
|
|
2642
2687
|
const t = f((n) => n.eventEmitter);
|
|
2643
2688
|
return V(() => {
|
|
2644
2689
|
const n = (r) => e("timeUpdate", r);
|
|
2645
2690
|
return t.on("timeUpdate", n), () => {
|
|
2646
2691
|
t.off("timeUpdate", n);
|
|
2647
2692
|
};
|
|
2648
|
-
}, [e, t]), /* @__PURE__ */
|
|
2693
|
+
}, [e, t]), /* @__PURE__ */ s.jsx(Qt, { callback: e });
|
|
2649
2694
|
}
|
|
2650
|
-
function
|
|
2651
|
-
const e = f((i) => i.currentTime), t = f((i) => i.duration), n = f((i) => i.isPlaying), r = f((i) => i.pause),
|
|
2695
|
+
function Ri() {
|
|
2696
|
+
const e = f((i) => i.currentTime), t = f((i) => i.duration), n = f((i) => i.isPlaying), r = f((i) => i.pause), a = f((i) => i.play), c = f((i) => i.seek), u = A(
|
|
2652
2697
|
(i) => {
|
|
2653
|
-
let
|
|
2698
|
+
let l = !1;
|
|
2654
2699
|
if (!(i.target instanceof HTMLInputElement || i.ctrlKey)) {
|
|
2655
2700
|
switch (i.code) {
|
|
2656
2701
|
case "ArrowLeft":
|
|
2657
|
-
|
|
2702
|
+
c(e - 10 >= 0 ? e - 10 : 0), l = !0;
|
|
2658
2703
|
break;
|
|
2659
2704
|
case "ArrowRight":
|
|
2660
|
-
|
|
2705
|
+
c(e + 10 < t ? e + 10 : t), l = !0;
|
|
2661
2706
|
break;
|
|
2662
2707
|
case "Space":
|
|
2663
|
-
n ? r() :
|
|
2708
|
+
n ? r() : a(), l = !0;
|
|
2664
2709
|
break;
|
|
2665
2710
|
}
|
|
2666
|
-
|
|
2711
|
+
l && i.preventDefault();
|
|
2667
2712
|
}
|
|
2668
2713
|
},
|
|
2669
|
-
[e, t, n, r,
|
|
2714
|
+
[e, t, n, r, a, c]
|
|
2670
2715
|
);
|
|
2671
2716
|
return V(() => (document.addEventListener("keydown", u), () => {
|
|
2672
2717
|
document.removeEventListener("keydown", u);
|
|
2673
|
-
}), [u]), /* @__PURE__ */
|
|
2718
|
+
}), [u]), /* @__PURE__ */ s.jsx(nn, {});
|
|
2674
2719
|
}
|
|
2675
|
-
function
|
|
2676
|
-
return /* @__PURE__ */
|
|
2720
|
+
function Di(e) {
|
|
2721
|
+
return /* @__PURE__ */ s.jsx(rn, { children: /* @__PURE__ */ s.jsx(Si, M({}, e)) });
|
|
2677
2722
|
}
|
|
2678
|
-
function
|
|
2723
|
+
function Si({ url: e, messages: t, onEvent: n, startTime: r }) {
|
|
2679
2724
|
var i;
|
|
2680
|
-
const
|
|
2725
|
+
const a = f((l) => l.setStartTime), c = f((l) => l.containerRef), u = {
|
|
2681
2726
|
unableToPlay: "Unable to play the video. Please try again later."
|
|
2682
2727
|
};
|
|
2683
2728
|
return V(() => {
|
|
2684
|
-
r &&
|
|
2685
|
-
}, [r,
|
|
2686
|
-
console.log(`[Player][VOD] Version: ${
|
|
2687
|
-
}, []), /* @__PURE__ */
|
|
2729
|
+
r && a(r);
|
|
2730
|
+
}, [r, a]), V(() => {
|
|
2731
|
+
console.log(`[Player][VOD] Version: ${Qe.version}`);
|
|
2732
|
+
}, []), /* @__PURE__ */ s.jsxs(
|
|
2688
2733
|
"div",
|
|
2689
2734
|
{
|
|
2690
|
-
ref:
|
|
2691
|
-
className:
|
|
2735
|
+
ref: c,
|
|
2736
|
+
className: z.playerContainer,
|
|
2692
2737
|
children: [
|
|
2693
|
-
/* @__PURE__ */
|
|
2694
|
-
|
|
2738
|
+
/* @__PURE__ */ s.jsx(
|
|
2739
|
+
on,
|
|
2695
2740
|
{
|
|
2696
2741
|
url: e,
|
|
2697
2742
|
isLive: !1,
|
|
@@ -2700,44 +2745,45 @@ function xi({ url: e, messages: t, onEvent: n, startTime: r }) {
|
|
|
2700
2745
|
}
|
|
2701
2746
|
}
|
|
2702
2747
|
),
|
|
2703
|
-
/* @__PURE__ */
|
|
2704
|
-
/* @__PURE__ */
|
|
2705
|
-
/* @__PURE__ */
|
|
2706
|
-
/* @__PURE__ */
|
|
2707
|
-
/* @__PURE__ */
|
|
2708
|
-
/* @__PURE__ */
|
|
2709
|
-
/* @__PURE__ */
|
|
2748
|
+
/* @__PURE__ */ s.jsx(cn, {}),
|
|
2749
|
+
/* @__PURE__ */ s.jsx(fn, {}),
|
|
2750
|
+
/* @__PURE__ */ s.jsx(pi, {}),
|
|
2751
|
+
/* @__PURE__ */ s.jsx(dn, { children: /* @__PURE__ */ s.jsx("div", { className: z.controlsBottom, children: /* @__PURE__ */ s.jsxs("div", { className: z.controlsContainer, children: [
|
|
2752
|
+
/* @__PURE__ */ s.jsx(gi, {}),
|
|
2753
|
+
/* @__PURE__ */ s.jsxs("div", { className: z.controlsRow, children: [
|
|
2754
|
+
/* @__PURE__ */ s.jsxs(
|
|
2710
2755
|
"div",
|
|
2711
2756
|
{
|
|
2712
|
-
className: `${
|
|
2757
|
+
className: `${z.controlsSection} ${z.controlsSectionStart}`,
|
|
2713
2758
|
children: [
|
|
2714
|
-
/* @__PURE__ */
|
|
2715
|
-
/* @__PURE__ */
|
|
2716
|
-
/* @__PURE__ */
|
|
2759
|
+
/* @__PURE__ */ s.jsx(yi, {}),
|
|
2760
|
+
/* @__PURE__ */ s.jsx(gn, {}),
|
|
2761
|
+
/* @__PURE__ */ s.jsx(xi, {})
|
|
2717
2762
|
]
|
|
2718
2763
|
}
|
|
2719
2764
|
),
|
|
2720
|
-
/* @__PURE__ */
|
|
2765
|
+
/* @__PURE__ */ s.jsxs(
|
|
2721
2766
|
"div",
|
|
2722
2767
|
{
|
|
2723
|
-
className: `${
|
|
2768
|
+
className: `${z.controlsSection} ${z.controlsSectionEnd}`,
|
|
2724
2769
|
children: [
|
|
2725
|
-
/* @__PURE__ */
|
|
2726
|
-
/* @__PURE__ */
|
|
2770
|
+
/* @__PURE__ */ s.jsx(vi, {}),
|
|
2771
|
+
/* @__PURE__ */ s.jsx(yn, {}),
|
|
2772
|
+
/* @__PURE__ */ s.jsx(un, {})
|
|
2727
2773
|
]
|
|
2728
2774
|
}
|
|
2729
2775
|
)
|
|
2730
2776
|
] })
|
|
2731
2777
|
] }) }) }),
|
|
2732
|
-
/* @__PURE__ */
|
|
2733
|
-
/* @__PURE__ */
|
|
2734
|
-
n && /* @__PURE__ */
|
|
2778
|
+
/* @__PURE__ */ s.jsx(Ri, {}),
|
|
2779
|
+
/* @__PURE__ */ s.jsx(Ci, { url: e }),
|
|
2780
|
+
n && /* @__PURE__ */ s.jsx(Ei, { callback: n })
|
|
2735
2781
|
]
|
|
2736
2782
|
}
|
|
2737
2783
|
);
|
|
2738
2784
|
}
|
|
2739
2785
|
export {
|
|
2740
|
-
|
|
2741
|
-
|
|
2786
|
+
ki as LivePlayer,
|
|
2787
|
+
Di as VodPlayer
|
|
2742
2788
|
};
|
|
2743
2789
|
//# sourceMappingURL=react-video-player.es.js.map
|