@halibegic/react-video-player 0.0.59 → 0.0.60
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.
|
@@ -1,32 +1,32 @@
|
|
|
1
|
-
var
|
|
1
|
+
var qn = Object.defineProperty, Yn = Object.defineProperties;
|
|
2
2
|
var Zn = Object.getOwnPropertyDescriptors;
|
|
3
|
-
var
|
|
4
|
-
var
|
|
5
|
-
var
|
|
3
|
+
var Pe = Object.getOwnPropertySymbols;
|
|
4
|
+
var Tt = Object.prototype.hasOwnProperty, xt = Object.prototype.propertyIsEnumerable;
|
|
5
|
+
var _t = (e, t, n) => t in e ? qn(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
|
-
|
|
8
|
-
if (
|
|
9
|
-
for (var n of
|
|
10
|
-
xt.call(t, n) &&
|
|
7
|
+
Tt.call(t, n) && _t(e, n, t[n]);
|
|
8
|
+
if (Pe)
|
|
9
|
+
for (var n of Pe(t))
|
|
10
|
+
xt.call(t, n) && _t(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
|
-
|
|
17
|
-
if (e != null &&
|
|
18
|
-
for (var r of
|
|
16
|
+
Tt.call(e, r) && t.indexOf(r) < 0 && (n[r] = e[r]);
|
|
17
|
+
if (e != null && Pe)
|
|
18
|
+
for (var r of Pe(e))
|
|
19
19
|
t.indexOf(r) < 0 && xt.call(e, r) && (n[r] = e[r]);
|
|
20
20
|
return n;
|
|
21
21
|
};
|
|
22
|
-
import
|
|
23
|
-
import { useStore as
|
|
24
|
-
import
|
|
25
|
-
import
|
|
22
|
+
import Dt, { useLayoutEffect as Kn, useEffect as V, useRef as O, createContext as Nt, useContext as Mt, useState as G, useCallback as A, forwardRef as Ve } from "react";
|
|
23
|
+
import { useStore as Ft, create as Vt } from "zustand";
|
|
24
|
+
import Gn from "mitt";
|
|
25
|
+
import ee from "hls.js";
|
|
26
26
|
import * as Le from "@radix-ui/react-slider";
|
|
27
|
-
import * as
|
|
27
|
+
import * as xe from "@radix-ui/react-popover";
|
|
28
28
|
import * as je from "@radix-ui/react-scroll-area";
|
|
29
|
-
function
|
|
29
|
+
function At(e) {
|
|
30
30
|
var t = this.constructor;
|
|
31
31
|
return this.then(
|
|
32
32
|
function(n) {
|
|
@@ -41,7 +41,7 @@ function Ot(e) {
|
|
|
41
41
|
}
|
|
42
42
|
);
|
|
43
43
|
}
|
|
44
|
-
function
|
|
44
|
+
function Ot(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 Ht(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
|
-
var
|
|
59
|
-
if (typeof
|
|
60
|
-
|
|
58
|
+
var g = d.then;
|
|
59
|
+
if (typeof g == "function") {
|
|
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 Ht(e, t) {
|
|
79
79
|
this.name = "AggregateError", this.errors = e, this.message = t || "";
|
|
80
80
|
}
|
|
81
|
-
|
|
82
|
-
function
|
|
81
|
+
Ht.prototype = Error.prototype;
|
|
82
|
+
function $t(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 Ht(
|
|
94
|
+
c,
|
|
95
95
|
"All promises were rejected"
|
|
96
96
|
)
|
|
97
97
|
);
|
|
@@ -101,13 +101,13 @@ function Ut(e) {
|
|
|
101
101
|
}
|
|
102
102
|
});
|
|
103
103
|
}
|
|
104
|
-
var
|
|
105
|
-
function
|
|
104
|
+
var Xn = setTimeout;
|
|
105
|
+
function Ut(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 = [], Wt(e, this);
|
|
120
120
|
}
|
|
121
|
-
function
|
|
121
|
+
function Bt(e, t) {
|
|
122
122
|
for (; e._state === 3; )
|
|
123
123
|
e = e._value;
|
|
124
124
|
if (e._state === 0) {
|
|
@@ -134,8 +134,8 @@ function Wt(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
|
+
Wt(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
|
+
Bt(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 Wt(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 Bt(this, new er(e, t, n)), n;
|
|
199
199
|
};
|
|
200
|
-
$.prototype.finally =
|
|
200
|
+
$.prototype.finally = At;
|
|
201
201
|
$.all = function(e) {
|
|
202
202
|
return new $(function(t, n) {
|
|
203
|
-
if (!
|
|
203
|
+
if (!Ut(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
|
-
|
|
215
|
-
function(
|
|
216
|
-
|
|
214
|
+
l,
|
|
215
|
+
function(g) {
|
|
216
|
+
c(i, g);
|
|
217
217
|
},
|
|
218
218
|
n
|
|
219
219
|
);
|
|
220
220
|
return;
|
|
221
221
|
}
|
|
222
222
|
}
|
|
223
|
-
r[i] =
|
|
224
|
-
} catch (
|
|
225
|
-
n(
|
|
223
|
+
r[i] = l, --a === 0 && t(r);
|
|
224
|
+
} catch (g) {
|
|
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 = $t;
|
|
233
|
+
$.allSettled = Ot;
|
|
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 (!Ut(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,74 +267,74 @@ var ce = (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 = At), le.Promise.allSettled || (le.Promise.allSettled = Ot), le.Promise.any || (le.Promise.any = $t));
|
|
271
271
|
var Ie = { exports: {} }, ge = {};
|
|
272
|
-
var
|
|
273
|
-
function
|
|
274
|
-
if (
|
|
275
|
-
|
|
276
|
-
var e =
|
|
277
|
-
function u(i,
|
|
278
|
-
var
|
|
279
|
-
d !== void 0 && (
|
|
280
|
-
for (
|
|
281
|
-
if (i && i.defaultProps) for (
|
|
282
|
-
return { $$typeof: t, type: i, key:
|
|
272
|
+
var Ct;
|
|
273
|
+
function tr() {
|
|
274
|
+
if (Ct) return ge;
|
|
275
|
+
Ct = 1;
|
|
276
|
+
var e = Dt, 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 Et;
|
|
288
|
+
function nr() {
|
|
289
|
+
return Et || (Et = 1, process.env.NODE_ENV !== "production" && (function() {
|
|
290
|
+
var e = Dt, 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
|
-
var h =
|
|
294
|
+
var h = E && o[E] || o[x];
|
|
295
295
|
return typeof h == "function" ? h : null;
|
|
296
296
|
}
|
|
297
|
-
var
|
|
298
|
-
function
|
|
297
|
+
var w = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
|
|
298
|
+
function L(o) {
|
|
299
299
|
{
|
|
300
|
-
for (var h = arguments.length,
|
|
301
|
-
|
|
302
|
-
|
|
300
|
+
for (var h = arguments.length, p = new Array(h > 1 ? h - 1 : 0), T = 1; T < h; T++)
|
|
301
|
+
p[T - 1] = arguments[T];
|
|
302
|
+
b("error", o, p);
|
|
303
303
|
}
|
|
304
304
|
}
|
|
305
|
-
function
|
|
305
|
+
function b(o, h, p) {
|
|
306
306
|
{
|
|
307
|
-
var
|
|
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
|
|
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
|
-
function
|
|
325
|
-
var
|
|
326
|
-
if (
|
|
327
|
-
return
|
|
328
|
-
var
|
|
329
|
-
return
|
|
324
|
+
function D(o, h, p) {
|
|
325
|
+
var T = o.displayName;
|
|
326
|
+
if (T)
|
|
327
|
+
return T;
|
|
328
|
+
var I = h.displayName || h.name || "";
|
|
329
|
+
return I !== "" ? p + "(" + I + ")" : p;
|
|
330
330
|
}
|
|
331
|
-
function
|
|
331
|
+
function J(o) {
|
|
332
332
|
return o.displayName || "Context";
|
|
333
333
|
}
|
|
334
|
-
function
|
|
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,51 +343,51 @@ function rr() {
|
|
|
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";
|
|
352
|
-
case
|
|
352
|
+
case g:
|
|
353
353
|
return "SuspenseList";
|
|
354
354
|
}
|
|
355
355
|
if (typeof o == "object")
|
|
356
356
|
switch (o.$$typeof) {
|
|
357
357
|
case i:
|
|
358
358
|
var h = o;
|
|
359
|
-
return
|
|
359
|
+
return J(h) + ".Consumer";
|
|
360
360
|
case u:
|
|
361
|
-
var
|
|
362
|
-
return
|
|
363
|
-
case
|
|
364
|
-
return
|
|
361
|
+
var p = o;
|
|
362
|
+
return J(p._context) + ".Provider";
|
|
363
|
+
case l:
|
|
364
|
+
return D(o, o.render, "ForwardRef");
|
|
365
365
|
case _:
|
|
366
|
-
var
|
|
367
|
-
return
|
|
368
|
-
case
|
|
369
|
-
var
|
|
366
|
+
var T = o.displayName || null;
|
|
367
|
+
return T !== null ? T : Y(o.type) || "Memo";
|
|
368
|
+
case y: {
|
|
369
|
+
var I = o, N = I._payload, P = I._init;
|
|
370
370
|
try {
|
|
371
|
-
return
|
|
372
|
-
} catch (
|
|
371
|
+
return Y(P(N));
|
|
372
|
+
} catch (C) {
|
|
373
373
|
return null;
|
|
374
374
|
}
|
|
375
375
|
}
|
|
376
376
|
}
|
|
377
377
|
return null;
|
|
378
378
|
}
|
|
379
|
-
var
|
|
380
|
-
function
|
|
379
|
+
var Z = Object.assign, oe = 0, ue, ne, K, pe, tt, nt, rt;
|
|
380
|
+
function ot() {
|
|
381
381
|
}
|
|
382
|
-
|
|
382
|
+
ot.__reactDisabledLog = !0;
|
|
383
383
|
function wn() {
|
|
384
384
|
{
|
|
385
385
|
if (oe === 0) {
|
|
386
|
-
ue = console.log, ne = console.info,
|
|
386
|
+
ue = console.log, ne = console.info, K = console.warn, pe = console.error, tt = console.group, nt = console.groupCollapsed, rt = console.groupEnd;
|
|
387
387
|
var o = {
|
|
388
388
|
configurable: !0,
|
|
389
389
|
enumerable: !0,
|
|
390
|
-
value:
|
|
390
|
+
value: ot,
|
|
391
391
|
writable: !0
|
|
392
392
|
};
|
|
393
393
|
Object.defineProperties(console, {
|
|
@@ -412,196 +412,196 @@ function rr() {
|
|
|
412
412
|
writable: !0
|
|
413
413
|
};
|
|
414
414
|
Object.defineProperties(console, {
|
|
415
|
-
log:
|
|
415
|
+
log: Z({}, o, {
|
|
416
416
|
value: ue
|
|
417
417
|
}),
|
|
418
|
-
info:
|
|
418
|
+
info: Z({}, o, {
|
|
419
419
|
value: ne
|
|
420
420
|
}),
|
|
421
|
-
warn:
|
|
422
|
-
value:
|
|
421
|
+
warn: Z({}, o, {
|
|
422
|
+
value: K
|
|
423
423
|
}),
|
|
424
|
-
error:
|
|
424
|
+
error: Z({}, o, {
|
|
425
425
|
value: pe
|
|
426
426
|
}),
|
|
427
|
-
group:
|
|
427
|
+
group: Z({}, o, {
|
|
428
|
+
value: tt
|
|
429
|
+
}),
|
|
430
|
+
groupCollapsed: Z({}, o, {
|
|
428
431
|
value: nt
|
|
429
432
|
}),
|
|
430
|
-
|
|
433
|
+
groupEnd: Z({}, o, {
|
|
431
434
|
value: rt
|
|
432
|
-
}),
|
|
433
|
-
groupEnd: q({}, o, {
|
|
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
|
-
var Oe =
|
|
442
|
-
function
|
|
441
|
+
var Oe = w.ReactCurrentDispatcher, He;
|
|
442
|
+
function Ee(o, h, p) {
|
|
443
443
|
{
|
|
444
444
|
if (He === void 0)
|
|
445
445
|
try {
|
|
446
446
|
throw Error();
|
|
447
|
-
} catch (
|
|
448
|
-
var
|
|
449
|
-
He =
|
|
447
|
+
} catch (I) {
|
|
448
|
+
var T = I.stack.trim().match(/\n( *(at )?)/);
|
|
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
457
|
var Tn = typeof WeakMap == "function" ? WeakMap : Map;
|
|
458
|
-
|
|
458
|
+
Re = new Tn();
|
|
459
459
|
}
|
|
460
|
-
function
|
|
460
|
+
function it(o, h) {
|
|
461
461
|
if (!o || $e)
|
|
462
462
|
return "";
|
|
463
463
|
{
|
|
464
|
-
var
|
|
465
|
-
if (
|
|
466
|
-
return
|
|
464
|
+
var p = Re.get(o);
|
|
465
|
+
if (p !== void 0)
|
|
466
|
+
return p;
|
|
467
467
|
}
|
|
468
|
-
var
|
|
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(
|
|
486
|
-
} catch (
|
|
487
|
-
|
|
485
|
+
Reflect.construct(P, []);
|
|
486
|
+
} catch (Q) {
|
|
487
|
+
T = Q;
|
|
488
488
|
}
|
|
489
|
-
Reflect.construct(o, [],
|
|
489
|
+
Reflect.construct(o, [], P);
|
|
490
490
|
} else {
|
|
491
491
|
try {
|
|
492
|
-
|
|
493
|
-
} catch (
|
|
494
|
-
|
|
492
|
+
P.call();
|
|
493
|
+
} catch (Q) {
|
|
494
|
+
T = Q;
|
|
495
495
|
}
|
|
496
|
-
o.call(
|
|
496
|
+
o.call(P.prototype);
|
|
497
497
|
}
|
|
498
498
|
} else {
|
|
499
499
|
try {
|
|
500
500
|
throw Error();
|
|
501
|
-
} catch (
|
|
502
|
-
|
|
501
|
+
} catch (Q) {
|
|
502
|
+
T = Q;
|
|
503
503
|
}
|
|
504
504
|
o();
|
|
505
505
|
}
|
|
506
|
-
} catch (
|
|
507
|
-
if (
|
|
508
|
-
for (var
|
|
509
|
-
`), X =
|
|
510
|
-
`),
|
|
511
|
-
|
|
512
|
-
for (;
|
|
513
|
-
if (
|
|
514
|
-
if (
|
|
506
|
+
} catch (Q) {
|
|
507
|
+
if (Q && T && typeof Q.stack == "string") {
|
|
508
|
+
for (var C = Q.stack.split(`
|
|
509
|
+
`), X = T.stack.split(`
|
|
510
|
+
`), W = C.length - 1, z = X.length - 1; W >= 1 && z >= 0 && C[W] !== X[z]; )
|
|
511
|
+
z--;
|
|
512
|
+
for (; W >= 1 && z >= 0; W--, z--)
|
|
513
|
+
if (C[W] !== X[z]) {
|
|
514
|
+
if (W !== 1 || z !== 1)
|
|
515
515
|
do
|
|
516
|
-
if (
|
|
516
|
+
if (W--, z--, z < 0 || C[W] !== X[z]) {
|
|
517
517
|
var te = `
|
|
518
|
-
` +
|
|
519
|
-
return o.displayName && te.includes("<anonymous>") && (te = te.replace("<anonymous>", o.displayName)), typeof o == "function" &&
|
|
518
|
+
` + C[W].replace(" at new ", " at ");
|
|
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 (
|
|
521
|
+
while (W >= 1 && z >= 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
|
-
var fe = o ? o.displayName || o.name : "",
|
|
529
|
-
return typeof o == "function" &&
|
|
528
|
+
var fe = o ? o.displayName || o.name : "", ce = fe ? Ee(fe) : "";
|
|
529
|
+
return typeof o == "function" && Re.set(o, ce), ce;
|
|
530
530
|
}
|
|
531
|
-
function
|
|
532
|
-
return
|
|
531
|
+
function xn(o, h, p) {
|
|
532
|
+
return it(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 Se(o, h,
|
|
538
|
+
function Se(o, h, p) {
|
|
539
539
|
if (o == null)
|
|
540
540
|
return "";
|
|
541
541
|
if (typeof o == "function")
|
|
542
|
-
return
|
|
542
|
+
return it(o, Cn(o));
|
|
543
543
|
if (typeof o == "string")
|
|
544
|
-
return
|
|
544
|
+
return Ee(o);
|
|
545
545
|
switch (o) {
|
|
546
546
|
case d:
|
|
547
|
-
return
|
|
548
|
-
case
|
|
549
|
-
return
|
|
547
|
+
return Ee("Suspense");
|
|
548
|
+
case g:
|
|
549
|
+
return Ee("SuspenseList");
|
|
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 Se(o.type, h,
|
|
557
|
-
case
|
|
558
|
-
var
|
|
556
|
+
return Se(o.type, h, p);
|
|
557
|
+
case y: {
|
|
558
|
+
var T = o, I = T._payload, N = T._init;
|
|
559
559
|
try {
|
|
560
|
-
return Se(
|
|
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,
|
|
568
|
-
function
|
|
567
|
+
var ye = Object.prototype.hasOwnProperty, st = {}, at = w.ReactDebugCurrentFrame;
|
|
568
|
+
function be(o) {
|
|
569
569
|
if (o) {
|
|
570
|
-
var h = o._owner,
|
|
571
|
-
|
|
570
|
+
var h = o._owner, p = Se(o.type, o._source, h ? h.type : null);
|
|
571
|
+
at.setExtraStackFrame(p);
|
|
572
572
|
} else
|
|
573
|
-
|
|
573
|
+
at.setExtraStackFrame(null);
|
|
574
574
|
}
|
|
575
|
-
function
|
|
575
|
+
function En(o, h, p, T, I) {
|
|
576
576
|
{
|
|
577
|
-
var
|
|
578
|
-
for (var
|
|
579
|
-
if (
|
|
580
|
-
var
|
|
577
|
+
var N = Function.call.bind(ye);
|
|
578
|
+
for (var P in o)
|
|
579
|
+
if (N(o, P)) {
|
|
580
|
+
var C = void 0;
|
|
581
581
|
try {
|
|
582
|
-
if (typeof o[
|
|
583
|
-
var X = Error((
|
|
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
|
-
|
|
587
|
-
} catch (
|
|
588
|
-
|
|
586
|
+
C = o[P](h, P, T, p, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
|
|
587
|
+
} catch (W) {
|
|
588
|
+
C = W;
|
|
589
589
|
}
|
|
590
|
-
|
|
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 st) && (st[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
598
|
function Sn(o) {
|
|
599
599
|
{
|
|
600
|
-
var h = typeof Symbol == "function" && Symbol.toStringTag,
|
|
601
|
-
return
|
|
600
|
+
var h = typeof Symbol == "function" && Symbol.toStringTag, p = h && o[Symbol.toStringTag] || o.constructor.name || "Object";
|
|
601
|
+
return p;
|
|
602
602
|
}
|
|
603
603
|
}
|
|
604
|
-
function
|
|
604
|
+
function bn(o) {
|
|
605
605
|
try {
|
|
606
606
|
return lt(o), !1;
|
|
607
607
|
} catch (h) {
|
|
@@ -611,16 +611,16 @@ function rr() {
|
|
|
611
611
|
function lt(o) {
|
|
612
612
|
return "" + o;
|
|
613
613
|
}
|
|
614
|
-
function
|
|
615
|
-
if (
|
|
616
|
-
return
|
|
614
|
+
function ct(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)), lt(o);
|
|
617
617
|
}
|
|
618
|
-
var
|
|
618
|
+
var ut = w.ReactCurrentOwner, Pn = {
|
|
619
619
|
key: !0,
|
|
620
620
|
ref: !0,
|
|
621
621
|
__self: !0,
|
|
622
622
|
__source: !0
|
|
623
|
-
},
|
|
623
|
+
}, dt, ft;
|
|
624
624
|
function Ln(o) {
|
|
625
625
|
if (ye.call(o, "ref")) {
|
|
626
626
|
var h = Object.getOwnPropertyDescriptor(o, "ref").get;
|
|
@@ -638,94 +638,94 @@ function rr() {
|
|
|
638
638
|
return o.key !== void 0;
|
|
639
639
|
}
|
|
640
640
|
function In(o, h) {
|
|
641
|
-
typeof o.ref == "string" &&
|
|
641
|
+
typeof o.ref == "string" && ut.current;
|
|
642
642
|
}
|
|
643
643
|
function kn(o, h) {
|
|
644
644
|
{
|
|
645
|
-
var
|
|
646
|
-
|
|
645
|
+
var p = function() {
|
|
646
|
+
dt || (dt = !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
|
-
|
|
649
|
-
get:
|
|
648
|
+
p.isReactWarning = !0, Object.defineProperty(o, "key", {
|
|
649
|
+
get: p,
|
|
650
650
|
configurable: !0
|
|
651
651
|
});
|
|
652
652
|
}
|
|
653
653
|
}
|
|
654
654
|
function Dn(o, h) {
|
|
655
655
|
{
|
|
656
|
-
var
|
|
657
|
-
|
|
656
|
+
var p = function() {
|
|
657
|
+
ft || (ft = !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
|
-
|
|
660
|
-
get:
|
|
659
|
+
p.isReactWarning = !0, Object.defineProperty(o, "ref", {
|
|
660
|
+
get: p,
|
|
661
661
|
configurable: !0
|
|
662
662
|
});
|
|
663
663
|
}
|
|
664
664
|
}
|
|
665
|
-
var Nn = function(o, h,
|
|
666
|
-
var
|
|
665
|
+
var Nn = function(o, h, p, T, I, N, P) {
|
|
666
|
+
var C = {
|
|
667
667
|
// This tag allows us to uniquely identify this as a React Element
|
|
668
668
|
$$typeof: t,
|
|
669
669
|
// Built-in properties that belong on the element
|
|
670
670
|
type: o,
|
|
671
671
|
key: h,
|
|
672
|
-
ref:
|
|
673
|
-
props:
|
|
672
|
+
ref: p,
|
|
673
|
+
props: P,
|
|
674
674
|
// Record the component responsible for creating this element.
|
|
675
|
-
_owner:
|
|
675
|
+
_owner: N
|
|
676
676
|
};
|
|
677
|
-
return
|
|
677
|
+
return C._store = {}, Object.defineProperty(C._store, "validated", {
|
|
678
678
|
configurable: !1,
|
|
679
679
|
enumerable: !1,
|
|
680
680
|
writable: !0,
|
|
681
681
|
value: !1
|
|
682
|
-
}), Object.defineProperty(
|
|
682
|
+
}), Object.defineProperty(C, "_self", {
|
|
683
683
|
configurable: !1,
|
|
684
684
|
enumerable: !1,
|
|
685
685
|
writable: !1,
|
|
686
|
-
value:
|
|
687
|
-
}), Object.defineProperty(
|
|
686
|
+
value: T
|
|
687
|
+
}), Object.defineProperty(C, "_source", {
|
|
688
688
|
configurable: !1,
|
|
689
689
|
enumerable: !1,
|
|
690
690
|
writable: !1,
|
|
691
|
-
value:
|
|
692
|
-
}), Object.freeze && (Object.freeze(
|
|
691
|
+
value: I
|
|
692
|
+
}), Object.freeze && (Object.freeze(C.props), Object.freeze(C)), C;
|
|
693
693
|
};
|
|
694
|
-
function Mn(o, h,
|
|
694
|
+
function Mn(o, h, p, T, I) {
|
|
695
695
|
{
|
|
696
|
-
var
|
|
697
|
-
|
|
698
|
-
for (
|
|
699
|
-
ye.call(h,
|
|
696
|
+
var N, P = {}, C = null, X = null;
|
|
697
|
+
p !== void 0 && (ct(p), C = "" + p), jn(h) && (ct(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
|
-
var
|
|
702
|
-
for (
|
|
703
|
-
|
|
701
|
+
var W = o.defaultProps;
|
|
702
|
+
for (N in W)
|
|
703
|
+
P[N] === void 0 && (P[N] = W[N]);
|
|
704
704
|
}
|
|
705
|
-
if (
|
|
706
|
-
var
|
|
707
|
-
|
|
705
|
+
if (C || X) {
|
|
706
|
+
var z = typeof o == "function" ? o.displayName || o.name || "Unknown" : o;
|
|
707
|
+
C && kn(P, z), X && Dn(P, z);
|
|
708
708
|
}
|
|
709
|
-
return Nn(o,
|
|
709
|
+
return Nn(o, C, X, I, T, ut.current, P);
|
|
710
710
|
}
|
|
711
711
|
}
|
|
712
|
-
var Be =
|
|
712
|
+
var Be = w.ReactCurrentOwner, ht = w.ReactDebugCurrentFrame;
|
|
713
713
|
function de(o) {
|
|
714
714
|
if (o) {
|
|
715
|
-
var h = o._owner,
|
|
716
|
-
|
|
715
|
+
var h = o._owner, p = Se(o.type, o._source, h ? h.type : null);
|
|
716
|
+
ht.setExtraStackFrame(p);
|
|
717
717
|
} else
|
|
718
|
-
|
|
718
|
+
ht.setExtraStackFrame(null);
|
|
719
719
|
}
|
|
720
720
|
var We;
|
|
721
721
|
We = !1;
|
|
722
722
|
function ze(o) {
|
|
723
723
|
return typeof o == "object" && o !== null && o.$$typeof === t;
|
|
724
724
|
}
|
|
725
|
-
function
|
|
725
|
+
function mt() {
|
|
726
726
|
{
|
|
727
727
|
if (Be.current) {
|
|
728
|
-
var o =
|
|
728
|
+
var o = Y(Be.current.type);
|
|
729
729
|
if (o)
|
|
730
730
|
return `
|
|
731
731
|
|
|
@@ -737,48 +737,48 @@ Check the render method of \`` + o + "`.";
|
|
|
737
737
|
function Fn(o) {
|
|
738
738
|
return "";
|
|
739
739
|
}
|
|
740
|
-
var
|
|
740
|
+
var vt = {};
|
|
741
741
|
function Vn(o) {
|
|
742
742
|
{
|
|
743
|
-
var h =
|
|
743
|
+
var h = mt();
|
|
744
744
|
if (!h) {
|
|
745
|
-
var
|
|
746
|
-
|
|
745
|
+
var p = typeof o == "string" ? o : o.displayName || o.name;
|
|
746
|
+
p && (h = `
|
|
747
747
|
|
|
748
|
-
Check the top-level render call using <` +
|
|
748
|
+
Check the top-level render call using <` + p + ">.");
|
|
749
749
|
}
|
|
750
750
|
return h;
|
|
751
751
|
}
|
|
752
752
|
}
|
|
753
|
-
function
|
|
753
|
+
function pt(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
|
|
759
|
-
if (
|
|
758
|
+
var p = Vn(h);
|
|
759
|
+
if (vt[p])
|
|
760
760
|
return;
|
|
761
|
-
|
|
762
|
-
var
|
|
763
|
-
o && o._owner && o._owner !== Be.current && (
|
|
761
|
+
vt[p] = !0;
|
|
762
|
+
var T = "";
|
|
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 yt(o, h) {
|
|
767
767
|
{
|
|
768
768
|
if (typeof o != "object")
|
|
769
769
|
return;
|
|
770
770
|
if (Ue(o))
|
|
771
|
-
for (var
|
|
772
|
-
var
|
|
773
|
-
ze(
|
|
771
|
+
for (var p = 0; p < o.length; p++) {
|
|
772
|
+
var T = o[p];
|
|
773
|
+
ze(T) && pt(T, h);
|
|
774
774
|
}
|
|
775
775
|
else if (ze(o))
|
|
776
776
|
o._store && (o._store.validated = !0);
|
|
777
777
|
else if (o) {
|
|
778
|
-
var
|
|
779
|
-
if (typeof
|
|
780
|
-
for (var
|
|
781
|
-
ze(
|
|
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
|
+
ze(P.value) && pt(P.value, h);
|
|
782
782
|
}
|
|
783
783
|
}
|
|
784
784
|
}
|
|
@@ -787,104 +787,104 @@ Check the top-level render call using <` + m + ">.");
|
|
|
787
787
|
var h = o.type;
|
|
788
788
|
if (h == null || typeof h == "string")
|
|
789
789
|
return;
|
|
790
|
-
var
|
|
790
|
+
var p;
|
|
791
791
|
if (typeof h == "function")
|
|
792
|
-
|
|
793
|
-
else if (typeof h == "object" && (h.$$typeof ===
|
|
792
|
+
p = h.propTypes;
|
|
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;
|
|
797
797
|
else
|
|
798
798
|
return;
|
|
799
|
-
if (
|
|
800
|
-
var
|
|
801
|
-
|
|
799
|
+
if (p) {
|
|
800
|
+
var T = Y(h);
|
|
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
810
|
function On(o) {
|
|
811
811
|
{
|
|
812
|
-
for (var h = Object.keys(o.props),
|
|
813
|
-
var
|
|
814
|
-
if (
|
|
815
|
-
de(o),
|
|
812
|
+
for (var h = Object.keys(o.props), p = 0; p < h.length; p++) {
|
|
813
|
+
var T = h[p];
|
|
814
|
+
if (T !== "children" && T !== "key") {
|
|
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 gt = {};
|
|
823
|
+
function wt(o, h, p, T, I, N) {
|
|
824
824
|
{
|
|
825
|
-
var
|
|
826
|
-
if (!
|
|
827
|
-
var
|
|
828
|
-
(o === void 0 || typeof o == "object" && o !== null && Object.keys(o).length === 0) && (
|
|
825
|
+
var P = F(o);
|
|
826
|
+
if (!P) {
|
|
827
|
+
var C = "";
|
|
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
829
|
var X = Fn();
|
|
830
|
-
X ?
|
|
831
|
-
var
|
|
832
|
-
o === null ?
|
|
830
|
+
X ? C += X : C += mt();
|
|
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, 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 z = Mn(o, h, p, I, N);
|
|
835
|
+
if (z == null)
|
|
836
|
+
return z;
|
|
837
|
+
if (P) {
|
|
838
838
|
var te = h.children;
|
|
839
839
|
if (te !== void 0)
|
|
840
|
-
if (
|
|
840
|
+
if (T)
|
|
841
841
|
if (Ue(te)) {
|
|
842
842
|
for (var fe = 0; fe < te.length; fe++)
|
|
843
|
-
|
|
843
|
+
yt(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
|
+
yt(te, o);
|
|
849
849
|
}
|
|
850
850
|
if (ye.call(h, "key")) {
|
|
851
|
-
var
|
|
851
|
+
var ce = Y(o), Q = Object.keys(h).filter(function(zn) {
|
|
852
852
|
return zn !== "key";
|
|
853
|
-
}),
|
|
854
|
-
if (!
|
|
855
|
-
var Wn =
|
|
856
|
-
|
|
853
|
+
}), qe = Q.length > 0 ? "{key: someKey, " + Q.join(": ..., ") + ": ...}" : "{key: someKey}";
|
|
854
|
+
if (!gt[ce + qe]) {
|
|
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} />`, qe, ce, Wn, ce), gt[ce + qe] = !0;
|
|
862
862
|
}
|
|
863
863
|
}
|
|
864
|
-
return o === r ? On(
|
|
864
|
+
return o === r ? On(z) : An(z), z;
|
|
865
865
|
}
|
|
866
866
|
}
|
|
867
|
-
function Hn(o, h,
|
|
868
|
-
return
|
|
867
|
+
function Hn(o, h, p) {
|
|
868
|
+
return wt(o, h, p, !0);
|
|
869
869
|
}
|
|
870
|
-
function $n(o, h,
|
|
871
|
-
return
|
|
870
|
+
function $n(o, h, p) {
|
|
871
|
+
return wt(o, h, p, !1);
|
|
872
872
|
}
|
|
873
873
|
var Un = $n, Bn = Hn;
|
|
874
874
|
we.Fragment = r, we.jsx = Un, we.jsxs = Bn;
|
|
875
875
|
})()), we;
|
|
876
876
|
}
|
|
877
|
-
var
|
|
878
|
-
function
|
|
879
|
-
return
|
|
877
|
+
var Rt;
|
|
878
|
+
function rr() {
|
|
879
|
+
return Rt || (Rt = 1, process.env.NODE_ENV === "production" ? Ie.exports = tr() : Ie.exports = nr()), Ie.exports;
|
|
880
880
|
}
|
|
881
|
-
var
|
|
882
|
-
const
|
|
883
|
-
function
|
|
881
|
+
var s = rr();
|
|
882
|
+
const zt = typeof window != "undefined" ? Kn : V;
|
|
883
|
+
function Ce(e, t) {
|
|
884
884
|
const n = O(e);
|
|
885
|
-
|
|
885
|
+
zt(() => {
|
|
886
886
|
n.current = e;
|
|
887
|
-
}, [e]),
|
|
887
|
+
}, [e]), V(() => {
|
|
888
888
|
if (t === null)
|
|
889
889
|
return;
|
|
890
890
|
const r = setInterval(() => {
|
|
@@ -895,8 +895,8 @@ function xe(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", {
|
|
@@ -908,45 +908,45 @@ function ir(e, t) {
|
|
|
908
908
|
minute: "2-digit",
|
|
909
909
|
second: "2-digit",
|
|
910
910
|
hour12: !1
|
|
911
|
-
}).formatToParts(e),
|
|
912
|
-
((n = d.find((
|
|
911
|
+
}).formatToParts(e), g = parseInt(
|
|
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
|
-
) - 1,
|
|
918
|
-
((
|
|
917
|
+
) - 1, y = parseInt(
|
|
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
|
-
),
|
|
924
|
-
((u = d.find((
|
|
923
|
+
), E = parseInt(
|
|
924
|
+
((u = d.find((R) => R.type === "minute")) == null ? void 0 : u.value) || "0",
|
|
925
925
|
10
|
|
926
|
-
),
|
|
927
|
-
((i = d.find((
|
|
926
|
+
), x = parseInt(
|
|
927
|
+
((i = d.find((R) => R.type === "second")) == null ? void 0 : i.value) || "0",
|
|
928
928
|
10
|
|
929
929
|
);
|
|
930
|
-
return new Date(
|
|
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
|
|
941
|
+
function ir(e, t, n) {
|
|
942
942
|
return qt(
|
|
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 ar() {
|
|
|
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) {
|
|
@@ -988,28 +988,28 @@ function qt(e, t, n) {
|
|
|
988
988
|
};
|
|
989
989
|
return e * (r[t] / r[n]);
|
|
990
990
|
}
|
|
991
|
-
function
|
|
991
|
+
function Yt(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 = Yt(/iPhone|iPad|iPod/i), cr = Yt(/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,
|
|
@@ -1110,10 +1110,10 @@ const vr = () => Xn(), pr = (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;
|
|
@@ -1174,11 +1174,11 @@ const vr = () => Xn(), pr = (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,13 +1187,13 @@ const vr = () => Xn(), pr = (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
1191
|
playbackRate: 1,
|
|
1192
1192
|
setPlaybackRate: (n) => {
|
|
1193
1193
|
const r = t().techRef.current;
|
|
1194
1194
|
r && (r.playbackRate = n, e({ playbackRate: n }));
|
|
1195
1195
|
}
|
|
1196
|
-
}),
|
|
1196
|
+
}), wr = (e, t) => ({
|
|
1197
1197
|
level: null,
|
|
1198
1198
|
levels: null,
|
|
1199
1199
|
setLevels: (n) => e({ levels: n }),
|
|
@@ -1201,42 +1201,42 @@ const vr = () => Xn(), pr = (e, t) => ({
|
|
|
1201
1201
|
logLevel: (n) => {
|
|
1202
1202
|
n && t().eventEmitter.emit("qualityChange", { level: n });
|
|
1203
1203
|
}
|
|
1204
|
-
}),
|
|
1204
|
+
}), _r = (e, t) => ({
|
|
1205
1205
|
isFullscreen: !1,
|
|
1206
1206
|
isFullscreenReady: !1,
|
|
1207
1207
|
exitFullscreen: () => {
|
|
1208
|
-
t().eventEmitter.emit("fullscreenChange", { isFullscreen: !1 }),
|
|
1208
|
+
t().eventEmitter.emit("fullscreenChange", { isFullscreen: !1 }), fr(document), e({ isFullscreen: !1 });
|
|
1209
1209
|
},
|
|
1210
1210
|
requestFullscreen: () => {
|
|
1211
1211
|
const n = t().techRef.current, r = t().containerRef.current;
|
|
1212
1212
|
if (!n || !r) return;
|
|
1213
1213
|
t().eventEmitter.emit("fullscreenChange", { isFullscreen: !0 });
|
|
1214
|
-
const
|
|
1215
|
-
|
|
1214
|
+
const a = Zt ? n : r;
|
|
1215
|
+
a && dr(a), e({ isFullscreen: !0 });
|
|
1216
1216
|
},
|
|
1217
1217
|
setIsFullscreen: (n) => e({ isFullscreen: n }),
|
|
1218
1218
|
setIsFullscreenReady: (n) => e({ isFullscreenReady: n })
|
|
1219
|
-
}),
|
|
1219
|
+
}), Tr = (e) => ({
|
|
1220
1220
|
error: null,
|
|
1221
1221
|
setError: (t) => e({ error: t })
|
|
1222
1222
|
}), xr = () => ({
|
|
1223
|
-
eventEmitter:
|
|
1224
|
-
}),
|
|
1223
|
+
eventEmitter: mr()
|
|
1224
|
+
}), Cr = (e) => () => M({}, e), Er = (e, t) => Vt()((...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({
|
|
1225
1225
|
techRef: e,
|
|
1226
1226
|
containerRef: t
|
|
1227
|
-
})(...n))), Kt =
|
|
1228
|
-
function
|
|
1227
|
+
})(...n))), Kt = Nt(null);
|
|
1228
|
+
function Rr({ children: e }) {
|
|
1229
1229
|
const t = O(null), n = O(null), r = O(null);
|
|
1230
|
-
return t.current || (t.current =
|
|
1230
|
+
return t.current || (t.current = Er(n, r)), /* @__PURE__ */ s.jsx(Kt.Provider, { value: t.current, children: e });
|
|
1231
1231
|
}
|
|
1232
1232
|
const f = (e) => {
|
|
1233
|
-
const t =
|
|
1233
|
+
const t = Mt(Kt);
|
|
1234
1234
|
if (!t)
|
|
1235
1235
|
throw new Error("usePlayerStore must be used within PlayerStoreProvider");
|
|
1236
|
-
return
|
|
1237
|
-
},
|
|
1238
|
-
version:
|
|
1239
|
-
},
|
|
1236
|
+
return Ft(t, e);
|
|
1237
|
+
}, Sr = "0.0.60", Je = {
|
|
1238
|
+
version: Sr
|
|
1239
|
+
}, Ye = 11e3, Ze = {
|
|
1240
1240
|
DEBUG: 2,
|
|
1241
1241
|
INFO: 3,
|
|
1242
1242
|
WARNING: 4
|
|
@@ -1246,119 +1246,119 @@ function Gt({
|
|
|
1246
1246
|
id: t,
|
|
1247
1247
|
kind: n,
|
|
1248
1248
|
delay: r,
|
|
1249
|
-
url:
|
|
1249
|
+
url: a
|
|
1250
1250
|
}) {
|
|
1251
|
-
const
|
|
1252
|
-
u.current =
|
|
1253
|
-
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";
|
|
1252
|
+
u.current = g;
|
|
1253
|
+
const E = A(
|
|
1254
1254
|
async ({
|
|
1255
|
-
type:
|
|
1256
|
-
message:
|
|
1257
|
-
level:
|
|
1258
|
-
duration:
|
|
1259
|
-
valueStr1:
|
|
1260
|
-
valueStr2:
|
|
1255
|
+
type: w,
|
|
1256
|
+
message: L,
|
|
1257
|
+
level: b = Ze.INFO,
|
|
1258
|
+
duration: B,
|
|
1259
|
+
valueStr1: H,
|
|
1260
|
+
valueStr2: m
|
|
1261
1261
|
}) => {
|
|
1262
|
-
const
|
|
1262
|
+
const v = {
|
|
1263
1263
|
content_kind: n,
|
|
1264
1264
|
datetime: {
|
|
1265
|
-
date:
|
|
1266
|
-
timezone:
|
|
1265
|
+
date: sr(),
|
|
1266
|
+
timezone: ar()
|
|
1267
1267
|
},
|
|
1268
|
-
installation:
|
|
1269
|
-
level_num:
|
|
1268
|
+
installation: k,
|
|
1269
|
+
level_num: b,
|
|
1270
1270
|
log_source: "fitnessanny_player",
|
|
1271
|
-
capp_version:
|
|
1272
|
-
message:
|
|
1273
|
-
target_index:
|
|
1271
|
+
capp_version: Je.version,
|
|
1272
|
+
message: L,
|
|
1273
|
+
target_index: w === "client" ? "client_log" : "watching_activity_log"
|
|
1274
1274
|
};
|
|
1275
|
-
e && (
|
|
1276
|
-
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, {
|
|
1277
1277
|
method: "POST",
|
|
1278
|
-
body: JSON.stringify(
|
|
1278
|
+
body: JSON.stringify(v)
|
|
1279
1279
|
});
|
|
1280
|
-
if (!
|
|
1281
|
-
throw new Error(`HTTP error! status: ${
|
|
1280
|
+
if (!S.ok)
|
|
1281
|
+
throw new Error(`HTTP error! status: ${S.status}`);
|
|
1282
1282
|
},
|
|
1283
|
-
[
|
|
1284
|
-
),
|
|
1285
|
-
|
|
1286
|
-
}, []),
|
|
1287
|
-
async (
|
|
1288
|
-
!
|
|
1283
|
+
[y, r, t, k, n, e]
|
|
1284
|
+
), x = A((w) => {
|
|
1285
|
+
c.current = w != null ? w : /* @__PURE__ */ new Date();
|
|
1286
|
+
}, []), R = A(
|
|
1287
|
+
async (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 });
|
|
1289
1289
|
},
|
|
1290
|
-
[
|
|
1290
|
+
[E]
|
|
1291
1291
|
);
|
|
1292
|
-
return
|
|
1293
|
-
|
|
1294
|
-
}, i),
|
|
1295
|
-
const
|
|
1296
|
-
|
|
1297
|
-
},
|
|
1298
|
-
|
|
1299
|
-
},
|
|
1300
|
-
|
|
1301
|
-
},
|
|
1302
|
-
|
|
1303
|
-
},
|
|
1304
|
-
|
|
1305
|
-
},
|
|
1306
|
-
|
|
1292
|
+
return Ce(() => {
|
|
1293
|
+
R(i), x();
|
|
1294
|
+
}, i), V(() => {
|
|
1295
|
+
const w = () => {
|
|
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();
|
|
1301
|
+
}, B = () => {
|
|
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({
|
|
1307
1307
|
type: "client",
|
|
1308
1308
|
message: "QUALITY_CHANGE",
|
|
1309
1309
|
level: Ze.DEBUG,
|
|
1310
|
-
valueStr1:
|
|
1310
|
+
valueStr1: S
|
|
1311
1311
|
});
|
|
1312
|
-
},
|
|
1313
|
-
let
|
|
1314
|
-
|
|
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({
|
|
1315
1315
|
type: "client",
|
|
1316
1316
|
message: "ERROR",
|
|
1317
1317
|
level: Ze.WARNING,
|
|
1318
|
-
valueStr1:
|
|
1319
|
-
valueStr2:
|
|
1318
|
+
valueStr1: j,
|
|
1319
|
+
valueStr2: F
|
|
1320
1320
|
});
|
|
1321
1321
|
};
|
|
1322
|
-
return d.on("play",
|
|
1323
|
-
d.off("play",
|
|
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);
|
|
1324
1324
|
};
|
|
1325
|
-
}, [d,
|
|
1325
|
+
}, [d, E, x, R]), null;
|
|
1326
1326
|
}
|
|
1327
|
-
const br = () =>
|
|
1327
|
+
const br = () => Vt((e) => ({
|
|
1328
1328
|
delay: 0,
|
|
1329
1329
|
startDate: null,
|
|
1330
1330
|
viewerCount: null,
|
|
1331
1331
|
setDelay: (t) => e({ delay: t }),
|
|
1332
1332
|
setStartDate: (t) => e({ startDate: t }),
|
|
1333
1333
|
setViewerCount: (t) => e({ viewerCount: t })
|
|
1334
|
-
})), Xt =
|
|
1334
|
+
})), Xt = Nt(
|
|
1335
1335
|
null
|
|
1336
|
-
),
|
|
1336
|
+
), Pr = ({ children: e }) => {
|
|
1337
1337
|
const t = O(
|
|
1338
1338
|
null
|
|
1339
1339
|
);
|
|
1340
|
-
return t.current || (t.current = br()), /* @__PURE__ */
|
|
1340
|
+
return t.current || (t.current = br()), /* @__PURE__ */ s.jsx(Xt.Provider, { value: t.current, children: e });
|
|
1341
1341
|
}, U = (e) => {
|
|
1342
|
-
const t =
|
|
1342
|
+
const t = Mt(Xt);
|
|
1343
1343
|
if (!t)
|
|
1344
1344
|
throw new Error(
|
|
1345
1345
|
"useLivePlayerStore must be used within PlayerStoreProvider"
|
|
1346
1346
|
);
|
|
1347
|
-
return
|
|
1347
|
+
return Ft(t, e);
|
|
1348
1348
|
};
|
|
1349
1349
|
function Jt(e) {
|
|
1350
1350
|
try {
|
|
1351
1351
|
const n = new URL(e).searchParams, r = {};
|
|
1352
|
-
return n.forEach((
|
|
1353
|
-
r[
|
|
1352
|
+
return n.forEach((a, c) => {
|
|
1353
|
+
r[c] = a;
|
|
1354
1354
|
}), r;
|
|
1355
1355
|
} catch (t) {
|
|
1356
1356
|
return console.error("Invalid URL:", t), {};
|
|
1357
1357
|
}
|
|
1358
1358
|
}
|
|
1359
|
-
function
|
|
1360
|
-
const { video_id: t } = Jt(e), n = U((
|
|
1361
|
-
return r ? /* @__PURE__ */
|
|
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
1362
|
Gt,
|
|
1363
1363
|
{
|
|
1364
1364
|
kind: n ? "catchup" : "live",
|
|
@@ -1368,46 +1368,46 @@ function jr({ url: e }) {
|
|
|
1368
1368
|
}
|
|
1369
1369
|
) : null;
|
|
1370
1370
|
}
|
|
1371
|
-
const
|
|
1372
|
-
playerNotice:
|
|
1373
|
-
playerNoticeTitle:
|
|
1374
|
-
playerNoticeText:
|
|
1375
|
-
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
|
|
1376
1376
|
};
|
|
1377
|
-
function
|
|
1378
|
-
const [, t] =
|
|
1379
|
-
|
|
1377
|
+
function Nr(e) {
|
|
1378
|
+
const [, t] = G(0);
|
|
1379
|
+
Ce(() => t((n) => n + 1), e);
|
|
1380
1380
|
}
|
|
1381
|
-
function
|
|
1381
|
+
function Mr(e) {
|
|
1382
1382
|
const t = e.split(`
|
|
1383
1383
|
`);
|
|
1384
1384
|
for (const n of t) {
|
|
1385
1385
|
const r = n.trim();
|
|
1386
1386
|
if (r.startsWith("#EXT-X-PROGRAM-DATE-TIME:")) {
|
|
1387
|
-
const
|
|
1388
|
-
if (!isNaN(
|
|
1389
|
-
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");
|
|
1390
1390
|
}
|
|
1391
1391
|
}
|
|
1392
1392
|
return null;
|
|
1393
1393
|
}
|
|
1394
|
-
function
|
|
1394
|
+
function Fr(e, t) {
|
|
1395
1395
|
const n = e.split(`
|
|
1396
1396
|
`);
|
|
1397
1397
|
let r = !1;
|
|
1398
|
-
for (const
|
|
1399
|
-
const
|
|
1400
|
-
if (
|
|
1398
|
+
for (const a of n) {
|
|
1399
|
+
const c = a.trim();
|
|
1400
|
+
if (c.startsWith("#EXT-X-STREAM-INF:")) {
|
|
1401
1401
|
r = !0;
|
|
1402
1402
|
continue;
|
|
1403
1403
|
}
|
|
1404
|
-
if (r && !
|
|
1405
|
-
if (
|
|
1406
|
-
return
|
|
1404
|
+
if (r && !c.startsWith("#")) {
|
|
1405
|
+
if (c.startsWith("http"))
|
|
1406
|
+
return c;
|
|
1407
1407
|
{
|
|
1408
1408
|
const u = new URL(t);
|
|
1409
1409
|
return new URL(
|
|
1410
|
-
|
|
1410
|
+
c,
|
|
1411
1411
|
u.origin + u.pathname.substring(
|
|
1412
1412
|
0,
|
|
1413
1413
|
u.pathname.lastIndexOf("/")
|
|
@@ -1418,146 +1418,146 @@ function Vr(e, t) {
|
|
|
1418
1418
|
}
|
|
1419
1419
|
return null;
|
|
1420
1420
|
}
|
|
1421
|
-
function
|
|
1421
|
+
function Vr(e) {
|
|
1422
1422
|
return e.replace("playlist.m3u8", "playlist_fmp4_dvr.m3u8");
|
|
1423
1423
|
}
|
|
1424
|
-
async function
|
|
1424
|
+
async function Ar(e) {
|
|
1425
1425
|
try {
|
|
1426
|
-
const t =
|
|
1426
|
+
const t = Vr(e);
|
|
1427
1427
|
console.log("Converting to DVR URL:", t);
|
|
1428
1428
|
const n = await fetch(t);
|
|
1429
1429
|
if (!n.ok)
|
|
1430
1430
|
throw new Error(
|
|
1431
1431
|
`Failed to fetch master playlist: ${n.status} ${n.statusText}`
|
|
1432
1432
|
);
|
|
1433
|
-
const r = await n.text(),
|
|
1433
|
+
const r = await n.text(), a = Fr(
|
|
1434
1434
|
r,
|
|
1435
1435
|
t
|
|
1436
1436
|
);
|
|
1437
|
-
if (!
|
|
1437
|
+
if (!a)
|
|
1438
1438
|
throw new Error("No chunklist URL found in master playlist");
|
|
1439
|
-
console.log("Found chunklist URL:",
|
|
1440
|
-
const
|
|
1441
|
-
if (!
|
|
1439
|
+
console.log("Found chunklist URL:", a);
|
|
1440
|
+
const c = await fetch(a);
|
|
1441
|
+
if (!c.ok)
|
|
1442
1442
|
throw new Error(
|
|
1443
|
-
`Failed to fetch chunklist: ${
|
|
1443
|
+
`Failed to fetch chunklist: ${c.status} ${c.statusText}`
|
|
1444
1444
|
);
|
|
1445
|
-
const u = await
|
|
1445
|
+
const u = await c.text(), i = Mr(u);
|
|
1446
1446
|
return i ? console.log("Successfully detected start time:", i.toISOString()) : console.log(" No start time found in chunklist"), i;
|
|
1447
1447
|
} catch (t) {
|
|
1448
1448
|
return console.error("Error getting start time from HLS URL:", t), null;
|
|
1449
1449
|
}
|
|
1450
1450
|
}
|
|
1451
|
-
function
|
|
1451
|
+
function Or(n) {
|
|
1452
1452
|
var r = n, { url: e } = r, t = re(r, ["url"]);
|
|
1453
|
-
const [
|
|
1454
|
-
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);
|
|
1455
1455
|
d && i(d);
|
|
1456
1456
|
}, [e, i]);
|
|
1457
|
-
return
|
|
1457
|
+
return V(() => {
|
|
1458
1458
|
(async () => {
|
|
1459
|
-
|
|
1459
|
+
c(!0), await l(), c(!1);
|
|
1460
1460
|
})();
|
|
1461
|
-
}, [
|
|
1461
|
+
}, [l]), Ce(l, u ? null : 5e3), a ? null : /* @__PURE__ */ s.jsx(Hr, M({}, t));
|
|
1462
1462
|
}
|
|
1463
|
-
function
|
|
1463
|
+
function Hr({
|
|
1464
1464
|
children: e,
|
|
1465
1465
|
messages: t
|
|
1466
1466
|
}) {
|
|
1467
1467
|
const n = U((u) => u.startDate), r = f((u) => u.isStarted);
|
|
1468
|
-
return
|
|
1469
|
-
|
|
1468
|
+
return Nr(r ? null : 5e3), n ? Date.now() < n.getTime() ? /* @__PURE__ */ s.jsx(
|
|
1469
|
+
$r,
|
|
1470
1470
|
{
|
|
1471
1471
|
startDate: n,
|
|
1472
1472
|
title: t.eventNotStarted,
|
|
1473
1473
|
message: t.eventStartingSoon
|
|
1474
1474
|
}
|
|
1475
|
-
) : /* @__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 }) });
|
|
1476
1476
|
}
|
|
1477
|
-
function
|
|
1478
|
-
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(
|
|
1479
1479
|
r % (1e3 * 60 * 60) / (1e3 * 60)
|
|
1480
1480
|
);
|
|
1481
|
-
return
|
|
1482
|
-
/* @__PURE__ */
|
|
1483
|
-
/* @__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: [
|
|
1484
1484
|
"(",
|
|
1485
|
-
|
|
1485
|
+
a > 0 ? `${a}h ${c}m` : `${c}m`,
|
|
1486
1486
|
")"
|
|
1487
1487
|
] })
|
|
1488
|
-
] }) : /* @__PURE__ */
|
|
1488
|
+
] }) : /* @__PURE__ */ s.jsx("div", { className: ie.playerNotice, children: /* @__PURE__ */ s.jsx("h3", { className: ie.playerNoticeTitle, children: n }) });
|
|
1489
1489
|
}
|
|
1490
1490
|
function Qt({ callback: e }) {
|
|
1491
1491
|
const t = f((n) => n.eventEmitter);
|
|
1492
|
-
return
|
|
1493
|
-
const n = () => e("play", void 0), r = () => e("pause", void 0),
|
|
1494
|
-
return t.on("play", n), t.on("pause", r), t.on("resume",
|
|
1495
|
-
t.off("play", n), t.off("pause", r), t.off("resume",
|
|
1492
|
+
return V(() => {
|
|
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);
|
|
1496
1496
|
};
|
|
1497
1497
|
}, [e, t]), null;
|
|
1498
1498
|
}
|
|
1499
1499
|
const en = (e, t = 0) => parseInt(
|
|
1500
1500
|
Math.max(0, (Date.now() - (e + t * 1e3)) / 1e3).toFixed(0)
|
|
1501
|
-
), tn = (e, t) => Math.max(0, (Date.now() - e - t * 1e3) / 1e3),
|
|
1502
|
-
const r = t < 0 ? 0 : t,
|
|
1503
|
-
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]}`;
|
|
1504
1504
|
};
|
|
1505
|
-
function
|
|
1505
|
+
function Wr({
|
|
1506
1506
|
isAuto: e,
|
|
1507
1507
|
level: t,
|
|
1508
1508
|
levels: n
|
|
1509
1509
|
}) {
|
|
1510
|
-
const r = n.length,
|
|
1511
|
-
return r > 1 &&
|
|
1510
|
+
const r = n.length, a = [];
|
|
1511
|
+
return r > 1 && a.push({
|
|
1512
1512
|
sid: "quality-level-auto",
|
|
1513
1513
|
label: "Auto",
|
|
1514
1514
|
value: -1,
|
|
1515
1515
|
selected: e || t === -1
|
|
1516
|
-
}), n.sort(function(
|
|
1517
|
-
const i =
|
|
1518
|
-
return i ===
|
|
1519
|
-
}), n.map((
|
|
1520
|
-
const { bitrate: u, height: i, index:
|
|
1521
|
-
|
|
1522
|
-
sid: `quality-level-${
|
|
1523
|
-
label: i ? `${i}p` :
|
|
1524
|
-
value:
|
|
1525
|
-
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
|
|
1526
1526
|
});
|
|
1527
|
-
}),
|
|
1527
|
+
}), a;
|
|
1528
1528
|
}
|
|
1529
|
-
function
|
|
1530
|
-
const t = U((
|
|
1531
|
-
return
|
|
1532
|
-
const
|
|
1529
|
+
function zr({ callback: e }) {
|
|
1530
|
+
const t = U((c) => c.delay), n = U((c) => c.startDate), r = n ? n.getTime() : 0, a = f((c) => c.eventEmitter);
|
|
1531
|
+
return V(() => {
|
|
1532
|
+
const c = () => e("timeUpdate", {
|
|
1533
1533
|
currentTime: tn(r, t),
|
|
1534
1534
|
duration: -1
|
|
1535
1535
|
});
|
|
1536
|
-
return
|
|
1537
|
-
|
|
1536
|
+
return a.on("timeUpdate", c), () => {
|
|
1537
|
+
a.off("timeUpdate", c);
|
|
1538
1538
|
};
|
|
1539
|
-
}, [e, t,
|
|
1539
|
+
}, [e, t, a, r]), /* @__PURE__ */ s.jsx(Qt, { callback: e });
|
|
1540
1540
|
}
|
|
1541
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),
|
|
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(
|
|
1543
1543
|
(i) => {
|
|
1544
|
-
let
|
|
1544
|
+
let l = !1;
|
|
1545
1545
|
if (!(i.target instanceof HTMLInputElement || i.ctrlKey)) {
|
|
1546
1546
|
switch (i.code) {
|
|
1547
1547
|
case "ArrowUp":
|
|
1548
|
-
|
|
1548
|
+
a(c + 10 < 100 ? c + 10 : 100), l = !0;
|
|
1549
1549
|
break;
|
|
1550
1550
|
case "ArrowDown":
|
|
1551
|
-
|
|
1551
|
+
a(c - 10 > 0 ? c - 10 : 0), l = !0;
|
|
1552
1552
|
break;
|
|
1553
1553
|
case "KeyM":
|
|
1554
|
-
|
|
1554
|
+
a(c === 0 ? 100 : 0), l = !0;
|
|
1555
1555
|
break;
|
|
1556
1556
|
case "KeyF":
|
|
1557
|
-
n && (t ? e() : r(),
|
|
1557
|
+
n && (t ? e() : r(), l = !0);
|
|
1558
1558
|
break;
|
|
1559
1559
|
}
|
|
1560
|
-
|
|
1560
|
+
l && i.preventDefault();
|
|
1561
1561
|
}
|
|
1562
1562
|
},
|
|
1563
1563
|
[
|
|
@@ -1565,189 +1565,162 @@ function nn() {
|
|
|
1565
1565
|
t,
|
|
1566
1566
|
n,
|
|
1567
1567
|
r,
|
|
1568
|
-
|
|
1569
|
-
|
|
1568
|
+
a,
|
|
1569
|
+
c
|
|
1570
1570
|
]
|
|
1571
1571
|
);
|
|
1572
|
-
return
|
|
1572
|
+
return V(() => (document.addEventListener("keydown", u), () => {
|
|
1573
1573
|
document.removeEventListener("keydown", u);
|
|
1574
1574
|
}), [u]), null;
|
|
1575
1575
|
}
|
|
1576
1576
|
function qr() {
|
|
1577
|
-
const e = U((i) => i.delay), t = f((i) => i.isPlaying), n = f((i) => i.pause), r = f((i) => i.getPauseTimeDiff),
|
|
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(
|
|
1578
1578
|
(i) => {
|
|
1579
|
-
let
|
|
1579
|
+
let l = !1;
|
|
1580
1580
|
if (!(i.target instanceof HTMLInputElement || i.ctrlKey)) {
|
|
1581
1581
|
switch (i.code) {
|
|
1582
1582
|
case "ArrowLeft":
|
|
1583
|
-
|
|
1583
|
+
c(e + 10), l = !0;
|
|
1584
1584
|
break;
|
|
1585
1585
|
case "ArrowRight":
|
|
1586
|
-
|
|
1586
|
+
c(e - 10 > 0 ? e - 10 : 0), l = !0;
|
|
1587
1587
|
break;
|
|
1588
1588
|
case "Space":
|
|
1589
1589
|
if (t)
|
|
1590
1590
|
n();
|
|
1591
1591
|
else {
|
|
1592
1592
|
const d = r();
|
|
1593
|
-
d &&
|
|
1593
|
+
d && c(e + d), a();
|
|
1594
1594
|
}
|
|
1595
|
-
|
|
1595
|
+
l = !0;
|
|
1596
1596
|
break;
|
|
1597
1597
|
}
|
|
1598
|
-
|
|
1598
|
+
l && i.preventDefault();
|
|
1599
1599
|
}
|
|
1600
1600
|
},
|
|
1601
|
-
[e, r, t, n,
|
|
1601
|
+
[e, r, t, n, a, c]
|
|
1602
1602
|
);
|
|
1603
|
-
return
|
|
1603
|
+
return V(() => (document.addEventListener("keydown", u), () => {
|
|
1604
1604
|
document.removeEventListener("keydown", u);
|
|
1605
|
-
}), [u]), /* @__PURE__ */
|
|
1605
|
+
}), [u]), /* @__PURE__ */ s.jsx(nn, {});
|
|
1606
1606
|
}
|
|
1607
1607
|
function rn({ children: e }) {
|
|
1608
|
-
return /* @__PURE__ */
|
|
1609
|
-
}
|
|
1610
|
-
function
|
|
1611
|
-
return /* @__PURE__ */
|
|
1612
|
-
}
|
|
1613
|
-
|
|
1614
|
-
|
|
1615
|
-
|
|
1616
|
-
|
|
1617
|
-
|
|
1618
|
-
|
|
1619
|
-
selected: y.value === g
|
|
1608
|
+
return /* @__PURE__ */ s.jsx(Rr, { children: e });
|
|
1609
|
+
}
|
|
1610
|
+
function Yr({ children: e }) {
|
|
1611
|
+
return /* @__PURE__ */ s.jsx(Pr, { children: /* @__PURE__ */ s.jsx(rn, { children: e }) });
|
|
1612
|
+
}
|
|
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(
|
|
1615
|
+
(m) => {
|
|
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
|
|
1620
1619
|
}));
|
|
1621
|
-
i(
|
|
1620
|
+
i(v);
|
|
1622
1621
|
}
|
|
1623
1622
|
},
|
|
1624
|
-
[
|
|
1625
|
-
),
|
|
1626
|
-
|
|
1627
|
-
if (!g) return;
|
|
1623
|
+
[c, u, i]
|
|
1624
|
+
), R = A(() => {
|
|
1625
|
+
if (!d.current) return;
|
|
1628
1626
|
console.log("[Player][HLS] MEDIA_ATTACHING");
|
|
1629
|
-
const
|
|
1630
|
-
|
|
1631
|
-
}, [e, d]),
|
|
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(() => {
|
|
1632
1630
|
if (!r.current) return;
|
|
1633
|
-
console.log("[Player][HLS] MANIFEST_LOADED"),
|
|
1634
|
-
const
|
|
1631
|
+
console.log("[Player][HLS] MANIFEST_LOADED"), g(null), y.current && (clearTimeout(y.current), y.current = null), _.current = 0;
|
|
1632
|
+
const m = r.current.levels, v = r.current.currentLevel, S = r.current.autoLevelEnabled;
|
|
1635
1633
|
i(
|
|
1636
|
-
|
|
1637
|
-
levels:
|
|
1638
|
-
const { bitrate:
|
|
1634
|
+
Wr({
|
|
1635
|
+
levels: m.map((j, F) => {
|
|
1636
|
+
const { bitrate: D, height: J, width: Y } = j;
|
|
1639
1637
|
return {
|
|
1640
|
-
bitrate:
|
|
1641
|
-
height:
|
|
1642
|
-
index:
|
|
1643
|
-
width:
|
|
1638
|
+
bitrate: D,
|
|
1639
|
+
height: J,
|
|
1640
|
+
index: F,
|
|
1641
|
+
width: Y
|
|
1644
1642
|
};
|
|
1645
1643
|
}),
|
|
1646
|
-
level:
|
|
1647
|
-
isAuto:
|
|
1644
|
+
level: v,
|
|
1645
|
+
isAuto: S
|
|
1648
1646
|
})
|
|
1649
1647
|
);
|
|
1650
|
-
}, [
|
|
1648
|
+
}, [g, i]), L = A(() => {
|
|
1651
1649
|
if (!r.current) return;
|
|
1652
1650
|
console.log("[Player][HLS] LEVEL_SWITCHED");
|
|
1653
|
-
const
|
|
1654
|
-
if (
|
|
1655
|
-
let
|
|
1656
|
-
|
|
1651
|
+
const m = r.current.levels, v = r.current.currentLevel;
|
|
1652
|
+
if (m[v] ? JSON.stringify(m[v]) : null) {
|
|
1653
|
+
let j = "";
|
|
1654
|
+
m[v].height ? j = `${m[v].height}p` : m[v].bitrate && (j = `${m[v].bitrate}bps`), l(j);
|
|
1657
1655
|
}
|
|
1658
|
-
}, [
|
|
1656
|
+
}, [l]), b = A(
|
|
1659
1657
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
1660
|
-
(
|
|
1661
|
-
if (r.current &&
|
|
1662
|
-
let
|
|
1663
|
-
switch (
|
|
1664
|
-
case
|
|
1665
|
-
|
|
1658
|
+
(m, v) => {
|
|
1659
|
+
if (r.current && v.fatal) {
|
|
1660
|
+
let S, j = "UNKNOWN_ERROR";
|
|
1661
|
+
switch (v.type) {
|
|
1662
|
+
case ee.ErrorTypes.NETWORK_ERROR:
|
|
1663
|
+
S = n.unableToPlay, console.log("[Player][HLS] NETWORK_ERROR", v), t ? (_.current < k && (y.current && clearTimeout(y.current), _.current += 1, y.current = setTimeout(() => {
|
|
1666
1664
|
if (r.current)
|
|
1667
1665
|
try {
|
|
1668
1666
|
console.log("[Player][HLS] Retrying stream..."), r.current.loadSource(e);
|
|
1669
|
-
} catch (
|
|
1670
|
-
console.error("[Player][HLS] Retry failed:",
|
|
1667
|
+
} catch (F) {
|
|
1668
|
+
console.error("[Player][HLS] Retry failed:", F);
|
|
1671
1669
|
}
|
|
1672
|
-
},
|
|
1670
|
+
}, E)), j = "LIVE_MANIFEST_LOAD_ERROR") : (r.current.startLoad(), j = "NETWORK_ERROR"), g({ message: S, code: j, tech: "hls" });
|
|
1673
1671
|
break;
|
|
1674
|
-
case
|
|
1672
|
+
case ee.ErrorTypes.MEDIA_ERROR:
|
|
1675
1673
|
r.current.recoverMediaError();
|
|
1676
1674
|
break;
|
|
1677
1675
|
}
|
|
1678
1676
|
}
|
|
1679
1677
|
},
|
|
1680
|
-
[t, e,
|
|
1681
|
-
),
|
|
1682
|
-
|
|
1683
|
-
|
|
1684
|
-
const E = {
|
|
1678
|
+
[t, e, g, n]
|
|
1679
|
+
), B = A(() => {
|
|
1680
|
+
if (!d.current) return;
|
|
1681
|
+
const m = {
|
|
1685
1682
|
startLevel: -1,
|
|
1686
1683
|
maxBufferSize: 30 * 1024 * 1024
|
|
1687
1684
|
// 30MB
|
|
1688
1685
|
};
|
|
1689
|
-
|
|
1686
|
+
cr ? (m.backBufferLength = -1, m.enableWorker = !1) : t ? m.backBufferLength = 10 : m.backBufferLength = 60;
|
|
1690
1687
|
try {
|
|
1691
|
-
console.log("[Player][HLS] URL", e), console.log("[Player][HLS] Config", JSON.stringify(
|
|
1692
|
-
} catch (
|
|
1693
|
-
throw new Error(`Error initializing Hls: ${
|
|
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);
|
|
1689
|
+
} catch (v) {
|
|
1690
|
+
throw new Error(`Error initializing Hls: ${v}`);
|
|
1694
1691
|
}
|
|
1695
1692
|
}, [
|
|
1696
|
-
|
|
1697
|
-
|
|
1693
|
+
R,
|
|
1694
|
+
w,
|
|
1695
|
+
L,
|
|
1698
1696
|
b,
|
|
1699
|
-
T,
|
|
1700
1697
|
t,
|
|
1701
1698
|
d,
|
|
1702
1699
|
e
|
|
1703
|
-
]),
|
|
1704
|
-
r.current && (r.current.off(
|
|
1705
|
-
|
|
1706
|
-
|
|
1707
|
-
|
|
1708
|
-
|
|
1709
|
-
|
|
1710
|
-
|
|
1711
|
-
|
|
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;
|
|
1712
1711
|
}, [
|
|
1713
|
-
|
|
1712
|
+
R,
|
|
1713
|
+
L,
|
|
1714
|
+
w,
|
|
1714
1715
|
b,
|
|
1715
|
-
C,
|
|
1716
|
-
T,
|
|
1717
1716
|
d
|
|
1718
1717
|
]);
|
|
1719
|
-
return
|
|
1720
|
-
|
|
1721
|
-
}, [
|
|
1718
|
+
return V(() => {
|
|
1719
|
+
a !== null && x(a);
|
|
1720
|
+
}, [a, x]), V(() => (ee.isSupported() && B(), H), [H, B]), null;
|
|
1722
1721
|
}
|
|
1723
|
-
const
|
|
1724
|
-
|
|
1725
|
-
url: e,
|
|
1726
|
-
isLive: t,
|
|
1727
|
-
messages: n
|
|
1728
|
-
}) {
|
|
1729
|
-
const r = f((v) => v.techRef), s = f((v) => v.setError), l = O(0), u = O(null), i = V(() => {
|
|
1730
|
-
const v = r.current;
|
|
1731
|
-
v && (v.src = e, v.load());
|
|
1732
|
-
}, [e, r]), c = V(() => {
|
|
1733
|
-
if (!r.current) return;
|
|
1734
|
-
const _ = n.unableToPlay, p = t ? "LIVE_MANIFEST_LOAD_ERROR" : "NETWORK_ERROR";
|
|
1735
|
-
console.log("[Player][Native HLS] ERROR", { message: _, code: p }), t && l.current < Jr ? (u.current && clearTimeout(u.current), l.current += 1, u.current = setTimeout(() => {
|
|
1736
|
-
console.log("[Player][Native HLS] Retrying stream..."), i();
|
|
1737
|
-
}, Qr)) : t || i(), s({ message: _, code: p, tech: "native" });
|
|
1738
|
-
}, [t, n.unableToPlay, s, r, i]), d = V(() => {
|
|
1739
|
-
s(null), u.current && (clearTimeout(u.current), u.current = null), l.current = 0;
|
|
1740
|
-
}, [s]);
|
|
1741
|
-
return A(() => {
|
|
1742
|
-
const v = r.current;
|
|
1743
|
-
if (v)
|
|
1744
|
-
return v.addEventListener("error", c), v.addEventListener("loadeddata", d), v.src = e, v.load(), () => {
|
|
1745
|
-
v.removeEventListener("error", c), v.removeEventListener("loadeddata", d), u.current && (clearTimeout(u.current), u.current = null), l.current = 0;
|
|
1746
|
-
};
|
|
1747
|
-
}, [e, c, d, r]), null;
|
|
1748
|
-
}
|
|
1749
|
-
const to = "_playerVideo_wc0sm_1", no = {
|
|
1750
|
-
playerVideo: to
|
|
1722
|
+
const Kr = "_playerVideo_wc0sm_1", Gr = {
|
|
1723
|
+
playerVideo: Kr
|
|
1751
1724
|
};
|
|
1752
1725
|
function on({
|
|
1753
1726
|
url: e,
|
|
@@ -1755,84 +1728,81 @@ function on({
|
|
|
1755
1728
|
isMuted: n = !1,
|
|
1756
1729
|
messages: r
|
|
1757
1730
|
}) {
|
|
1758
|
-
const
|
|
1759
|
-
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
|
|
1760
1733
|
} : {
|
|
1761
|
-
onDurationChange:
|
|
1762
|
-
onSeeked:
|
|
1763
|
-
onSeeking:
|
|
1764
|
-
onTimeUpdate:
|
|
1765
|
-
},
|
|
1766
|
-
(!
|
|
1767
|
-
},
|
|
1768
|
-
|
|
1769
|
-
|
|
1770
|
-
)
|
|
1771
|
-
|
|
1772
|
-
s(
|
|
1773
|
-
}, [s]), /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
|
|
1774
|
-
Je && R ? /* @__PURE__ */ a.jsx(eo, { isLive: t, url: e, messages: r }) : /* @__PURE__ */ a.jsx(Xr, { isLive: t, url: e, messages: r }),
|
|
1775
|
-
/* @__PURE__ */ a.jsx(
|
|
1734
|
+
onDurationChange: c,
|
|
1735
|
+
onSeeked: y,
|
|
1736
|
+
onSeeking: k,
|
|
1737
|
+
onTimeUpdate: H
|
|
1738
|
+
}, H = () => {
|
|
1739
|
+
(!b.current || Date.now() - b.current >= 1e3) && (E(), b.current = Date.now());
|
|
1740
|
+
}, m = B();
|
|
1741
|
+
return V(() => () => {
|
|
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(
|
|
1776
1746
|
"video",
|
|
1777
|
-
|
|
1778
|
-
ref:
|
|
1779
|
-
className:
|
|
1747
|
+
M({
|
|
1748
|
+
ref: L,
|
|
1749
|
+
className: Gr.playerVideo,
|
|
1780
1750
|
playsInline: !0,
|
|
1781
1751
|
controls: !1,
|
|
1782
1752
|
muted: n,
|
|
1783
1753
|
preload: "auto",
|
|
1784
1754
|
crossOrigin: "anonymous",
|
|
1785
1755
|
onEnded: u,
|
|
1786
|
-
onError:
|
|
1756
|
+
onError: w,
|
|
1787
1757
|
onLoadedMetadata: i,
|
|
1788
|
-
onLoadStart:
|
|
1758
|
+
onLoadStart: l,
|
|
1789
1759
|
onPause: d,
|
|
1790
|
-
onPlay:
|
|
1760
|
+
onPlay: g,
|
|
1791
1761
|
onPlaying: _,
|
|
1792
|
-
onWaiting:
|
|
1793
|
-
onVolumeChange:
|
|
1762
|
+
onWaiting: x,
|
|
1763
|
+
onVolumeChange: R,
|
|
1794
1764
|
tabIndex: -1
|
|
1795
|
-
},
|
|
1765
|
+
}, m)
|
|
1796
1766
|
)
|
|
1797
1767
|
] });
|
|
1798
1768
|
}
|
|
1799
|
-
function
|
|
1800
|
-
const [n, r] =
|
|
1769
|
+
function Xr({ url: e, messages: t }) {
|
|
1770
|
+
const [n, r] = G(null), a = U((u) => u.delay), c = A(async () => {
|
|
1801
1771
|
r(
|
|
1802
|
-
|
|
1772
|
+
a ? e.replace("-live", "-catchup").replace("playlist.m3u8", `playlist_fmp4_dvr_timeshift-${a}.m3u8`) : e
|
|
1803
1773
|
);
|
|
1804
|
-
}, [
|
|
1805
|
-
return
|
|
1806
|
-
const u = requestAnimationFrame(() =>
|
|
1774
|
+
}, [a, e]);
|
|
1775
|
+
return V(() => {
|
|
1776
|
+
const u = requestAnimationFrame(() => c());
|
|
1807
1777
|
return () => cancelAnimationFrame(u);
|
|
1808
|
-
}, [
|
|
1778
|
+
}, [c]), n ? /* @__PURE__ */ s.jsx(on, { url: n, isLive: !0, messages: t }) : null;
|
|
1809
1779
|
}
|
|
1810
|
-
function
|
|
1811
|
-
return f((n) => n.isStarted) ? /* @__PURE__ */
|
|
1780
|
+
function Jr({ url: e }) {
|
|
1781
|
+
return f((n) => n.isStarted) ? /* @__PURE__ */ s.jsx(Qr, { url: e }) : null;
|
|
1812
1782
|
}
|
|
1813
|
-
function
|
|
1814
|
-
const t = U((
|
|
1783
|
+
function Qr({ url: e }) {
|
|
1784
|
+
const t = U((c) => c.setViewerCount), n = O(null), r = (c) => {
|
|
1815
1785
|
try {
|
|
1816
|
-
return new URL(
|
|
1786
|
+
return new URL(c).pathname.split("/").filter((d) => d.length > 0)[0] || null;
|
|
1817
1787
|
} catch (u) {
|
|
1818
1788
|
return console.error("Failed to extract URI from player URL:", u), null;
|
|
1819
1789
|
}
|
|
1820
|
-
},
|
|
1821
|
-
var
|
|
1822
|
-
const
|
|
1823
|
-
if (!
|
|
1790
|
+
}, a = A(async () => {
|
|
1791
|
+
var l;
|
|
1792
|
+
const c = r(e);
|
|
1793
|
+
if (!c) {
|
|
1824
1794
|
console.error("Could not extract URI from URL:", e);
|
|
1825
1795
|
return;
|
|
1826
1796
|
}
|
|
1827
1797
|
n.current && n.current.abort(), n.current = new AbortController();
|
|
1828
|
-
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}`;
|
|
1829
1799
|
try {
|
|
1830
1800
|
const d = await fetch(i, {
|
|
1831
1801
|
signal: n.current.signal
|
|
1832
1802
|
});
|
|
1833
1803
|
if (!d.ok)
|
|
1834
1804
|
throw new Error(`HTTP error! status: ${d.status}`);
|
|
1835
|
-
const _ = (
|
|
1805
|
+
const _ = (l = (await d.json()).count) != null ? l : 0;
|
|
1836
1806
|
t(_);
|
|
1837
1807
|
} catch (d) {
|
|
1838
1808
|
if (d.name === "AbortError")
|
|
@@ -1840,43 +1810,43 @@ function io({ url: e }) {
|
|
|
1840
1810
|
console.error("Failed to fetch viewer count:", d), t(null);
|
|
1841
1811
|
}
|
|
1842
1812
|
}, [t, e]);
|
|
1843
|
-
return
|
|
1813
|
+
return V(() => (a(), () => {
|
|
1844
1814
|
n.current && n.current.abort();
|
|
1845
|
-
}), [
|
|
1815
|
+
}), [a, e]), Ce(a, 15e3), null;
|
|
1846
1816
|
}
|
|
1847
|
-
function
|
|
1817
|
+
function eo(e, {
|
|
1848
1818
|
defaultValue: t = !1,
|
|
1849
1819
|
initializeWithValue: n = !0
|
|
1850
1820
|
} = {}) {
|
|
1851
|
-
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);
|
|
1852
1822
|
function u() {
|
|
1853
|
-
|
|
1823
|
+
c(r(e));
|
|
1854
1824
|
}
|
|
1855
|
-
return
|
|
1825
|
+
return zt(() => {
|
|
1856
1826
|
if (typeof window == "undefined")
|
|
1857
1827
|
return;
|
|
1858
1828
|
const i = window.matchMedia(e);
|
|
1859
1829
|
return u(), i.addListener ? i.addListener(u) : i.addEventListener("change", u), () => {
|
|
1860
1830
|
i.removeListener ? i.removeListener(u) : i.removeEventListener("change", u);
|
|
1861
1831
|
};
|
|
1862
|
-
}, [e]),
|
|
1863
|
-
}
|
|
1864
|
-
const
|
|
1865
|
-
playbackButton:
|
|
1866
|
-
seekIndicator:
|
|
1867
|
-
seekIndicatorLeft:
|
|
1868
|
-
seekIndicatorRight:
|
|
1869
|
-
seekIndicatorVisible:
|
|
1870
|
-
},
|
|
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;
|
|
1871
1841
|
function sn(i) {
|
|
1872
|
-
var
|
|
1842
|
+
var l = i, {
|
|
1873
1843
|
className: e,
|
|
1874
1844
|
onClick: t,
|
|
1875
1845
|
onForwardSeek: n,
|
|
1876
1846
|
onBackwardSeek: r,
|
|
1877
|
-
maxForwardTime:
|
|
1878
|
-
maxBackwardTime:
|
|
1879
|
-
} =
|
|
1847
|
+
maxForwardTime: a,
|
|
1848
|
+
maxBackwardTime: c
|
|
1849
|
+
} = l, u = re(l, [
|
|
1880
1850
|
"className",
|
|
1881
1851
|
"onClick",
|
|
1882
1852
|
"onForwardSeek",
|
|
@@ -1884,226 +1854,226 @@ function sn(i) {
|
|
|
1884
1854
|
"maxForwardTime",
|
|
1885
1855
|
"maxBackwardTime"
|
|
1886
1856
|
]);
|
|
1887
|
-
return
|
|
1888
|
-
|
|
1889
|
-
|
|
1857
|
+
return eo("(pointer: coarse)") ? /* @__PURE__ */ s.jsx(
|
|
1858
|
+
lo,
|
|
1859
|
+
M({
|
|
1890
1860
|
className: e,
|
|
1891
|
-
maxForwardTime:
|
|
1892
|
-
maxBackwardTime:
|
|
1861
|
+
maxForwardTime: a,
|
|
1862
|
+
maxBackwardTime: c,
|
|
1893
1863
|
onForwardSeek: n,
|
|
1894
1864
|
onBackwardSeek: r
|
|
1895
1865
|
}, u)
|
|
1896
|
-
) : /* @__PURE__ */
|
|
1897
|
-
}
|
|
1898
|
-
function
|
|
1899
|
-
var
|
|
1900
|
-
const
|
|
1901
|
-
|
|
1902
|
-
}, _ = (
|
|
1903
|
-
|
|
1904
|
-
t == null || t(
|
|
1866
|
+
) : /* @__PURE__ */ s.jsx(ao, M({ className: e, onClick: t }, u));
|
|
1867
|
+
}
|
|
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);
|
|
1872
|
+
}, _ = (x) => {
|
|
1873
|
+
c.current = window.setTimeout(() => {
|
|
1874
|
+
t == null || t(x), y();
|
|
1905
1875
|
}, 200);
|
|
1906
|
-
},
|
|
1907
|
-
|
|
1908
|
-
},
|
|
1876
|
+
}, y = () => {
|
|
1877
|
+
c.current !== null && (window.clearTimeout(c.current), c.current = null);
|
|
1878
|
+
}, k = () => c.current !== null, E = () => {
|
|
1909
1879
|
d();
|
|
1910
1880
|
};
|
|
1911
|
-
return
|
|
1912
|
-
|
|
1913
|
-
}, []), /* @__PURE__ */
|
|
1881
|
+
return V(() => () => {
|
|
1882
|
+
y();
|
|
1883
|
+
}, []), /* @__PURE__ */ s.jsx(
|
|
1914
1884
|
"button",
|
|
1915
|
-
|
|
1916
|
-
onClick:
|
|
1917
|
-
onMouseMove:
|
|
1885
|
+
M({
|
|
1886
|
+
onClick: g,
|
|
1887
|
+
onMouseMove: E,
|
|
1918
1888
|
className: [me.playbackButton, e].filter(Boolean).join(" "),
|
|
1919
1889
|
"aria-label": "Player gestures"
|
|
1920
1890
|
}, n)
|
|
1921
1891
|
);
|
|
1922
1892
|
}
|
|
1923
|
-
function
|
|
1893
|
+
function lo(u) {
|
|
1924
1894
|
var i = u, {
|
|
1925
1895
|
className: e,
|
|
1926
1896
|
maxForwardTime: t,
|
|
1927
1897
|
maxBackwardTime: n,
|
|
1928
1898
|
onForwardSeek: r,
|
|
1929
|
-
onBackwardSeek:
|
|
1930
|
-
} = i,
|
|
1899
|
+
onBackwardSeek: a
|
|
1900
|
+
} = i, c = re(i, [
|
|
1931
1901
|
"className",
|
|
1932
1902
|
"maxForwardTime",
|
|
1933
1903
|
"maxBackwardTime",
|
|
1934
1904
|
"onForwardSeek",
|
|
1935
1905
|
"onBackwardSeek"
|
|
1936
1906
|
]);
|
|
1937
|
-
const
|
|
1907
|
+
const l = O(null), d = O({
|
|
1938
1908
|
single: null,
|
|
1939
1909
|
indicator: null,
|
|
1940
1910
|
accumulate: null
|
|
1941
|
-
}),
|
|
1942
|
-
if (!
|
|
1943
|
-
const
|
|
1944
|
-
if (!
|
|
1945
|
-
const
|
|
1946
|
-
if (
|
|
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) => {
|
|
1912
|
+
if (!g.current) return;
|
|
1913
|
+
const v = m.changedTouches[0];
|
|
1914
|
+
if (!v) return;
|
|
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)
|
|
1947
1917
|
return;
|
|
1948
|
-
const
|
|
1949
|
-
if (
|
|
1950
|
-
|
|
1951
|
-
const ne =
|
|
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) {
|
|
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);
|
|
1921
|
+
const ne = Z === "backward" ? n : t;
|
|
1952
1922
|
_.current = Math.min(
|
|
1953
|
-
_.current +
|
|
1923
|
+
_.current + so,
|
|
1954
1924
|
ne != null ? ne : 1 / 0
|
|
1955
|
-
),
|
|
1956
|
-
const
|
|
1957
|
-
|
|
1958
|
-
}, 500),
|
|
1925
|
+
), B(Z, _.current), d.current.accumulate && window.clearTimeout(d.current.accumulate), d.current.accumulate = window.setTimeout(() => {
|
|
1926
|
+
const K = _.current;
|
|
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 };
|
|
1959
1929
|
} else {
|
|
1960
|
-
|
|
1961
|
-
const ne =
|
|
1930
|
+
l.current = { time: S, x: F }, d.current.single && window.clearTimeout(d.current.single);
|
|
1931
|
+
const ne = y.current !== null ? 700 : 350;
|
|
1962
1932
|
d.current.single = window.setTimeout(() => {
|
|
1963
|
-
if (
|
|
1933
|
+
if (y.current === null) {
|
|
1964
1934
|
d.current.single = null;
|
|
1965
|
-
const
|
|
1966
|
-
|
|
1935
|
+
const K = x;
|
|
1936
|
+
R(!K), K && w();
|
|
1967
1937
|
}
|
|
1968
|
-
|
|
1938
|
+
l.current = null;
|
|
1969
1939
|
}, ne);
|
|
1970
1940
|
}
|
|
1971
|
-
},
|
|
1972
|
-
|
|
1973
|
-
|
|
1941
|
+
}, B = (m, v) => {
|
|
1942
|
+
v !== 0 && (E({ visible: !0, direction: m, time: v }), d.current.indicator && window.clearTimeout(d.current.indicator), d.current.indicator = window.setTimeout(() => {
|
|
1943
|
+
H();
|
|
1974
1944
|
}, 700));
|
|
1975
|
-
},
|
|
1976
|
-
|
|
1945
|
+
}, H = () => {
|
|
1946
|
+
E({ visible: !1, direction: null, time: 0 }), d.current.indicator && (window.clearTimeout(d.current.indicator), d.current.indicator = null);
|
|
1977
1947
|
};
|
|
1978
|
-
return
|
|
1979
|
-
const
|
|
1948
|
+
return V(() => {
|
|
1949
|
+
const m = d.current;
|
|
1980
1950
|
return () => {
|
|
1981
|
-
|
|
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);
|
|
1982
1952
|
};
|
|
1983
|
-
}, []), /* @__PURE__ */
|
|
1984
|
-
/* @__PURE__ */
|
|
1953
|
+
}, []), /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
|
|
1954
|
+
/* @__PURE__ */ s.jsx(
|
|
1985
1955
|
"button",
|
|
1986
|
-
|
|
1987
|
-
ref:
|
|
1988
|
-
onTouchEnd:
|
|
1956
|
+
M({
|
|
1957
|
+
ref: g,
|
|
1958
|
+
onTouchEnd: b,
|
|
1989
1959
|
className: [me.playbackButton, e].filter(Boolean).join(" "),
|
|
1990
1960
|
"aria-label": "Player gestures"
|
|
1991
|
-
},
|
|
1961
|
+
}, c)
|
|
1992
1962
|
),
|
|
1993
|
-
|
|
1963
|
+
k.visible && /* @__PURE__ */ s.jsxs(
|
|
1994
1964
|
"div",
|
|
1995
1965
|
{
|
|
1996
|
-
className: `${me.seekIndicator} ${me.seekIndicatorVisible} ${
|
|
1966
|
+
className: `${me.seekIndicator} ${me.seekIndicatorVisible} ${k.direction === "backward" ? me.seekIndicatorLeft : me.seekIndicatorRight}`,
|
|
1997
1967
|
children: [
|
|
1998
|
-
|
|
1999
|
-
Te(
|
|
1968
|
+
k.direction === "backward" ? "-" : "+",
|
|
1969
|
+
Te(k.time)
|
|
2000
1970
|
]
|
|
2001
1971
|
}
|
|
2002
1972
|
)
|
|
2003
1973
|
] });
|
|
2004
1974
|
}
|
|
2005
|
-
function
|
|
2006
|
-
const e = f((
|
|
2007
|
-
return /* @__PURE__ */
|
|
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(
|
|
2008
1978
|
sn,
|
|
2009
1979
|
{
|
|
2010
1980
|
onClick: () => {
|
|
2011
1981
|
if (e)
|
|
2012
1982
|
t();
|
|
2013
1983
|
else {
|
|
2014
|
-
const
|
|
2015
|
-
|
|
1984
|
+
const l = n();
|
|
1985
|
+
l && c(a + l), r();
|
|
2016
1986
|
}
|
|
2017
1987
|
},
|
|
2018
|
-
onBackwardSeek: (
|
|
2019
|
-
const d =
|
|
2020
|
-
|
|
1988
|
+
onBackwardSeek: (l) => {
|
|
1989
|
+
const d = a + l;
|
|
1990
|
+
c(d);
|
|
2021
1991
|
},
|
|
2022
|
-
onForwardSeek: (
|
|
2023
|
-
const d = Math.max(0,
|
|
2024
|
-
|
|
1992
|
+
onForwardSeek: (l) => {
|
|
1993
|
+
const d = Math.max(0, a - l);
|
|
1994
|
+
c(d);
|
|
2025
1995
|
},
|
|
2026
1996
|
maxBackwardTime: Math.floor(i),
|
|
2027
|
-
maxForwardTime: Math.floor(
|
|
1997
|
+
maxForwardTime: Math.floor(a)
|
|
2028
1998
|
}
|
|
2029
1999
|
);
|
|
2030
2000
|
}
|
|
2031
|
-
const
|
|
2032
|
-
playerButton:
|
|
2033
|
-
playerButtonCircle:
|
|
2001
|
+
const uo = "_playerButton_izwqq_1", fo = "_playerButtonCircle_izwqq_42", St = {
|
|
2002
|
+
playerButton: uo,
|
|
2003
|
+
playerButtonCircle: fo
|
|
2034
2004
|
}, ae = Ve(
|
|
2035
|
-
(
|
|
2036
|
-
var
|
|
2037
|
-
const u = e === "circle" ?
|
|
2038
|
-
return /* @__PURE__ */
|
|
2005
|
+
(a, r) => {
|
|
2006
|
+
var c = a, { shape: e = "circle", className: t } = c, n = re(c, ["shape", "className"]);
|
|
2007
|
+
const u = e === "circle" ? St.playerButtonCircle : "", i = [St.playerButton, u, t].filter(Boolean).join(" ");
|
|
2008
|
+
return /* @__PURE__ */ s.jsx("button", M({ ref: r, className: i }, n));
|
|
2039
2009
|
}
|
|
2040
2010
|
);
|
|
2041
2011
|
ae.displayName = "PlayerButton";
|
|
2042
|
-
const
|
|
2043
|
-
liveIndicator:
|
|
2044
|
-
liveIndicatorHasDelay:
|
|
2045
|
-
liveIndicatorNoDelay:
|
|
2012
|
+
const ho = "_liveIndicator_1jczn_1", mo = "_liveIndicatorHasDelay_1jczn_9", vo = "_liveIndicatorNoDelay_1jczn_13", ke = {
|
|
2013
|
+
liveIndicator: ho,
|
|
2014
|
+
liveIndicatorHasDelay: mo,
|
|
2015
|
+
liveIndicatorNoDelay: vo
|
|
2046
2016
|
};
|
|
2047
|
-
function
|
|
2017
|
+
function po(n) {
|
|
2048
2018
|
var r = n, { message: e } = r, t = re(r, ["message"]);
|
|
2049
|
-
const
|
|
2050
|
-
|
|
2051
|
-
},
|
|
2052
|
-
return /* @__PURE__ */
|
|
2053
|
-
/* @__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 }),
|
|
2054
2024
|
e || "Live"
|
|
2055
2025
|
] }));
|
|
2056
2026
|
}
|
|
2057
2027
|
function an() {
|
|
2058
|
-
return /* @__PURE__ */
|
|
2028
|
+
return /* @__PURE__ */ s.jsx(
|
|
2059
2029
|
"svg",
|
|
2060
2030
|
{
|
|
2061
2031
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2062
2032
|
viewBox: "0 0 24 24",
|
|
2063
2033
|
fill: "currentColor",
|
|
2064
|
-
children: /* @__PURE__ */
|
|
2034
|
+
children: /* @__PURE__ */ s.jsx("path", { d: "M6 5H8V19H6V5ZM16 5H18V19H16V5Z" })
|
|
2065
2035
|
}
|
|
2066
2036
|
);
|
|
2067
2037
|
}
|
|
2068
|
-
function
|
|
2069
|
-
return /* @__PURE__ */
|
|
2038
|
+
function ln() {
|
|
2039
|
+
return /* @__PURE__ */ s.jsx(
|
|
2070
2040
|
"svg",
|
|
2071
2041
|
{
|
|
2072
2042
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2073
2043
|
viewBox: "0 0 24 24",
|
|
2074
2044
|
fill: "currentColor",
|
|
2075
|
-
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" })
|
|
2076
2046
|
}
|
|
2077
2047
|
);
|
|
2078
2048
|
}
|
|
2079
|
-
function
|
|
2080
|
-
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 = () => {
|
|
2081
2051
|
if (e)
|
|
2082
2052
|
t();
|
|
2083
2053
|
else {
|
|
2084
2054
|
const i = n();
|
|
2085
|
-
i &&
|
|
2055
|
+
i && c(a + i), r();
|
|
2086
2056
|
}
|
|
2087
2057
|
};
|
|
2088
|
-
return /* @__PURE__ */
|
|
2089
|
-
}
|
|
2090
|
-
const
|
|
2091
|
-
progressSlider:
|
|
2092
|
-
tipContainer:
|
|
2093
|
-
tipContainerVisible:
|
|
2094
|
-
tipContainerHidden:
|
|
2095
|
-
tipContent:
|
|
2096
|
-
},
|
|
2097
|
-
sliderRoot:
|
|
2098
|
-
sliderTrack:
|
|
2099
|
-
sliderRange:
|
|
2100
|
-
sliderThumb:
|
|
2101
|
-
}, Ae = Ve((
|
|
2102
|
-
var u =
|
|
2103
|
-
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(
|
|
2104
2074
|
Le.Root,
|
|
2105
|
-
he(
|
|
2106
|
-
ref:
|
|
2075
|
+
he(M({
|
|
2076
|
+
ref: a,
|
|
2107
2077
|
min: t,
|
|
2108
2078
|
max: e,
|
|
2109
2079
|
"aria-label": "Player progress",
|
|
@@ -2115,8 +2085,8 @@ const Ro = "_progressSlider_hwzgf_1", Co = "_tipContainer_hwzgf_7", So = "_tipCo
|
|
|
2115
2085
|
)
|
|
2116
2086
|
}, r), {
|
|
2117
2087
|
children: [
|
|
2118
|
-
/* @__PURE__ */
|
|
2119
|
-
/* @__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 })
|
|
2120
2090
|
]
|
|
2121
2091
|
})
|
|
2122
2092
|
);
|
|
@@ -2134,86 +2104,86 @@ function Fe(e) {
|
|
|
2134
2104
|
} : t;
|
|
2135
2105
|
}
|
|
2136
2106
|
const bt = "vod-player-progress-bar";
|
|
2137
|
-
function
|
|
2138
|
-
const e = O(null), t = O(null), [n, r] =
|
|
2139
|
-
r(tn(
|
|
2140
|
-
}, [
|
|
2141
|
-
(
|
|
2142
|
-
),
|
|
2143
|
-
_(
|
|
2144
|
-
},
|
|
2145
|
-
if (
|
|
2146
|
-
const
|
|
2147
|
-
|
|
2148
|
-
}
|
|
2149
|
-
},
|
|
2150
|
-
(
|
|
2151
|
-
const
|
|
2152
|
-
if (
|
|
2153
|
-
const
|
|
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)
|
|
2112
|
+
), m = (D) => {
|
|
2113
|
+
_(a * (D[0] / 100)), L(bt);
|
|
2114
|
+
}, v = () => {
|
|
2115
|
+
if (g !== -1) {
|
|
2116
|
+
const D = en(E, g);
|
|
2117
|
+
R(D), _(-1), b(bt);
|
|
2118
|
+
}
|
|
2119
|
+
}, S = () => i(!0), j = () => i(!1), F = A(
|
|
2120
|
+
(D) => {
|
|
2121
|
+
const J = e.current, Y = t.current;
|
|
2122
|
+
if (J && Y) {
|
|
2123
|
+
const Z = Fe(J), oe = Fe(Y), ue = (D.pageX || D.clientX) - Z.left, ne = ue / Z.width;
|
|
2154
2124
|
if (ne < 0) return;
|
|
2155
|
-
let
|
|
2156
|
-
|
|
2157
|
-
const pe =
|
|
2125
|
+
let K = ue - oe.width / 2;
|
|
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";
|
|
2127
|
+
const pe = a - ne * a;
|
|
2158
2128
|
d(pe > 0 ? pe : 0);
|
|
2159
2129
|
}
|
|
2160
|
-
|
|
2130
|
+
S();
|
|
2161
2131
|
},
|
|
2162
|
-
[
|
|
2132
|
+
[a]
|
|
2163
2133
|
);
|
|
2164
|
-
return
|
|
2165
|
-
const
|
|
2166
|
-
return () => cancelAnimationFrame(
|
|
2167
|
-
}, [
|
|
2168
|
-
/* @__PURE__ */
|
|
2134
|
+
return Ce(() => B(), w ? 1e3 : null), V(() => {
|
|
2135
|
+
const D = requestAnimationFrame(() => B());
|
|
2136
|
+
return () => cancelAnimationFrame(D);
|
|
2137
|
+
}, [B]), /* @__PURE__ */ s.jsxs("div", { className: se.progressSlider, children: [
|
|
2138
|
+
/* @__PURE__ */ s.jsx(
|
|
2169
2139
|
Ae,
|
|
2170
2140
|
{
|
|
2171
2141
|
ref: e,
|
|
2172
|
-
value: [
|
|
2173
|
-
onPointerLeave:
|
|
2174
|
-
onPointerDown:
|
|
2175
|
-
onPointerMove:
|
|
2176
|
-
onValueChange:
|
|
2177
|
-
onValueCommit:
|
|
2142
|
+
value: [H],
|
|
2143
|
+
onPointerLeave: j,
|
|
2144
|
+
onPointerDown: j,
|
|
2145
|
+
onPointerMove: F,
|
|
2146
|
+
onValueChange: m,
|
|
2147
|
+
onValueCommit: v,
|
|
2178
2148
|
step: 0.1
|
|
2179
2149
|
}
|
|
2180
2150
|
),
|
|
2181
|
-
/* @__PURE__ */
|
|
2151
|
+
/* @__PURE__ */ s.jsx(
|
|
2182
2152
|
"div",
|
|
2183
2153
|
{
|
|
2184
2154
|
ref: t,
|
|
2185
2155
|
className: `${se.tipContainer} ${u ? se.tipContainerVisible : se.tipContainerHidden}`,
|
|
2186
|
-
children: /* @__PURE__ */
|
|
2156
|
+
children: /* @__PURE__ */ s.jsx("p", { className: se.tipContent, children: `-${Te(l)}` })
|
|
2187
2157
|
}
|
|
2188
2158
|
)
|
|
2189
2159
|
] });
|
|
2190
2160
|
}
|
|
2191
|
-
function
|
|
2192
|
-
return /* @__PURE__ */
|
|
2161
|
+
function Po() {
|
|
2162
|
+
return /* @__PURE__ */ s.jsx(
|
|
2193
2163
|
"svg",
|
|
2194
2164
|
{
|
|
2195
2165
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2196
2166
|
viewBox: "0 0 24 24",
|
|
2197
2167
|
fill: "currentColor",
|
|
2198
|
-
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" })
|
|
2199
2169
|
}
|
|
2200
2170
|
);
|
|
2201
2171
|
}
|
|
2202
|
-
function
|
|
2203
|
-
const e = U((
|
|
2204
|
-
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, {}) });
|
|
2205
2175
|
}
|
|
2206
|
-
const
|
|
2207
|
-
viewersContainer:
|
|
2208
|
-
viewersIndicator:
|
|
2209
|
-
viewersIcon:
|
|
2210
|
-
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
|
|
2211
2181
|
};
|
|
2212
|
-
function
|
|
2182
|
+
function No() {
|
|
2213
2183
|
const e = U((t) => t.viewerCount);
|
|
2214
|
-
return e ? /* @__PURE__ */
|
|
2215
|
-
/* @__PURE__ */
|
|
2216
|
-
/* @__PURE__ */
|
|
2184
|
+
return e ? /* @__PURE__ */ s.jsxs("div", { className: Ne.viewersContainer, children: [
|
|
2185
|
+
/* @__PURE__ */ s.jsx("span", { className: Ne.viewersIndicator }),
|
|
2186
|
+
/* @__PURE__ */ s.jsxs(
|
|
2217
2187
|
"svg",
|
|
2218
2188
|
{
|
|
2219
2189
|
className: Ne.viewersIcon,
|
|
@@ -2223,14 +2193,14 @@ function Ho() {
|
|
|
2223
2193
|
fill: "none",
|
|
2224
2194
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2225
2195
|
children: [
|
|
2226
|
-
/* @__PURE__ */
|
|
2196
|
+
/* @__PURE__ */ s.jsx(
|
|
2227
2197
|
"path",
|
|
2228
2198
|
{
|
|
2229
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",
|
|
2230
2200
|
fill: "currentColor"
|
|
2231
2201
|
}
|
|
2232
2202
|
),
|
|
2233
|
-
/* @__PURE__ */
|
|
2203
|
+
/* @__PURE__ */ s.jsx(
|
|
2234
2204
|
"path",
|
|
2235
2205
|
{
|
|
2236
2206
|
d: "M8 8C5.79086 8 4 9.79086 4 12V13H12V12C12 9.79086 10.2091 8 8 8Z",
|
|
@@ -2240,152 +2210,152 @@ function Ho() {
|
|
|
2240
2210
|
]
|
|
2241
2211
|
}
|
|
2242
2212
|
),
|
|
2243
|
-
/* @__PURE__ */
|
|
2213
|
+
/* @__PURE__ */ s.jsx("span", { className: Ne.viewersCount, children: e.toLocaleString() })
|
|
2244
2214
|
] }) : null;
|
|
2245
2215
|
}
|
|
2246
|
-
function
|
|
2216
|
+
function cn() {
|
|
2247
2217
|
const e = f((n) => n.error);
|
|
2248
2218
|
if (!e) return null;
|
|
2249
2219
|
const t = e.code === "LIVE_MANIFEST_LOAD_ERROR";
|
|
2250
|
-
return /* @__PURE__ */
|
|
2220
|
+
return /* @__PURE__ */ s.jsx(
|
|
2251
2221
|
"div",
|
|
2252
2222
|
{
|
|
2253
2223
|
className: `${ie.playerNotice} ${t ? ie.playerNoticeLowZIndex : ""}`,
|
|
2254
|
-
children: /* @__PURE__ */
|
|
2224
|
+
children: /* @__PURE__ */ s.jsx("h3", { className: ie.playerNoticeTitle, children: e.message })
|
|
2255
2225
|
}
|
|
2256
2226
|
);
|
|
2257
2227
|
}
|
|
2258
|
-
const
|
|
2259
|
-
playerContainer:
|
|
2260
|
-
controlsTop:
|
|
2261
|
-
controlsBottom:
|
|
2262
|
-
controlsContainer:
|
|
2263
|
-
controlsRow:
|
|
2264
|
-
controlsSection:
|
|
2265
|
-
controlsSectionStart:
|
|
2266
|
-
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", q = {
|
|
2229
|
+
playerContainer: Mo,
|
|
2230
|
+
controlsTop: Fo,
|
|
2231
|
+
controlsBottom: Vo,
|
|
2232
|
+
controlsContainer: Ao,
|
|
2233
|
+
controlsRow: Oo,
|
|
2234
|
+
controlsSection: Ho,
|
|
2235
|
+
controlsSectionStart: $o,
|
|
2236
|
+
controlsSectionEnd: Uo
|
|
2267
2237
|
};
|
|
2268
|
-
function
|
|
2269
|
-
return /* @__PURE__ */
|
|
2238
|
+
function Bo() {
|
|
2239
|
+
return /* @__PURE__ */ s.jsx(
|
|
2270
2240
|
"svg",
|
|
2271
2241
|
{
|
|
2272
2242
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2273
2243
|
viewBox: "0 0 24 24",
|
|
2274
2244
|
fill: "currentColor",
|
|
2275
|
-
children: /* @__PURE__ */
|
|
2245
|
+
children: /* @__PURE__ */ s.jsx("path", { d: "M16 3H22V9H20V5H16V3ZM2 3H8V5H4V9H2V3ZM20 19V15H22V21H16V19H20ZM4 19H8V21H2V15H4V19Z" })
|
|
2276
2246
|
}
|
|
2277
2247
|
);
|
|
2278
2248
|
}
|
|
2279
|
-
function
|
|
2280
|
-
return /* @__PURE__ */
|
|
2249
|
+
function Wo() {
|
|
2250
|
+
return /* @__PURE__ */ s.jsx(
|
|
2281
2251
|
"svg",
|
|
2282
2252
|
{
|
|
2283
2253
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2284
2254
|
viewBox: "0 0 24 24",
|
|
2285
2255
|
fill: "currentColor",
|
|
2286
|
-
children: /* @__PURE__ */
|
|
2256
|
+
children: /* @__PURE__ */ s.jsx("path", { d: "M18 7H22V9H16V3H18V7ZM8 9H2V7H6V3H8V9ZM18 17V21H16V15H22V17H18ZM8 15V21H6V17H2V15H8Z" })
|
|
2287
2257
|
}
|
|
2288
2258
|
);
|
|
2289
2259
|
}
|
|
2290
2260
|
function un() {
|
|
2291
|
-
const e = f((d) => d.containerRef), t = f((d) => d.exitFullscreen), n = f((d) => d.isFullscreen), r = f((d) => d.requestFullscreen),
|
|
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(
|
|
2292
2262
|
(d) => {
|
|
2293
|
-
d.stopPropagation(),
|
|
2263
|
+
d.stopPropagation(), a(ur());
|
|
2294
2264
|
},
|
|
2295
|
-
[
|
|
2296
|
-
),
|
|
2265
|
+
[a]
|
|
2266
|
+
), l = () => {
|
|
2297
2267
|
n ? t() : r();
|
|
2298
2268
|
};
|
|
2299
|
-
return
|
|
2300
|
-
const d =
|
|
2269
|
+
return V(() => {
|
|
2270
|
+
const d = Zt ? u.current : e.current;
|
|
2301
2271
|
if (d)
|
|
2302
|
-
return
|
|
2303
|
-
}, [e, i, u]),
|
|
2304
|
-
|
|
2305
|
-
}, [
|
|
2306
|
-
}
|
|
2307
|
-
const
|
|
2308
|
-
idleCheckContainer:
|
|
2309
|
-
idleCheckContainerIdle:
|
|
2310
|
-
idleCheckContainerActive:
|
|
2311
|
-
},
|
|
2272
|
+
return hr(d, i);
|
|
2273
|
+
}, [e, i, u]), V(() => {
|
|
2274
|
+
c(!0);
|
|
2275
|
+
}, [c]), /* @__PURE__ */ s.jsx(ae, { onClick: l, children: n ? /* @__PURE__ */ s.jsx(Wo, {}) : /* @__PURE__ */ s.jsx(Bo, {}) });
|
|
2276
|
+
}
|
|
2277
|
+
const zo = "_idleCheckContainer_crh2s_1", qo = "_idleCheckContainerIdle_crh2s_5", Yo = "_idleCheckContainerActive_crh2s_11", Ke = {
|
|
2278
|
+
idleCheckContainer: zo,
|
|
2279
|
+
idleCheckContainerIdle: qo,
|
|
2280
|
+
idleCheckContainerActive: Yo
|
|
2281
|
+
}, Zo = 5 * 1e3;
|
|
2312
2282
|
function dn({ children: e }) {
|
|
2313
|
-
const t = O(null), n = f((
|
|
2314
|
-
|
|
2315
|
-
}, []), d =
|
|
2316
|
-
|
|
2317
|
-
}, [
|
|
2318
|
-
|
|
2319
|
-
|
|
2320
|
-
}), [
|
|
2321
|
-
const
|
|
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]);
|
|
2288
|
+
V(() => (r(!1), d(), () => {
|
|
2289
|
+
l();
|
|
2290
|
+
}), [l, r, d]), V(() => {
|
|
2291
|
+
const y = () => {
|
|
2322
2292
|
r(!1), d();
|
|
2323
2293
|
};
|
|
2324
|
-
return i.on("resetIdle",
|
|
2325
|
-
i.off("resetIdle",
|
|
2294
|
+
return i.on("resetIdle", y), () => {
|
|
2295
|
+
i.off("resetIdle", y);
|
|
2326
2296
|
};
|
|
2327
2297
|
}, [i, r, d]);
|
|
2328
|
-
const
|
|
2329
|
-
return /* @__PURE__ */
|
|
2298
|
+
const g = n && !u, _ = `${Ke.idleCheckContainer} ${g ? Ke.idleCheckContainerIdle : Ke.idleCheckContainerActive}`;
|
|
2299
|
+
return /* @__PURE__ */ s.jsx("div", { ref: t, className: _, children: e });
|
|
2330
2300
|
}
|
|
2331
|
-
const
|
|
2332
|
-
spinner:
|
|
2301
|
+
const Ko = "_spinner_oo4hi_10", Go = {
|
|
2302
|
+
spinner: Ko
|
|
2333
2303
|
};
|
|
2334
|
-
function
|
|
2335
|
-
return /* @__PURE__ */
|
|
2304
|
+
function Xo(e) {
|
|
2305
|
+
return /* @__PURE__ */ s.jsx("div", M({ className: Go.spinner }, e));
|
|
2336
2306
|
}
|
|
2337
|
-
function
|
|
2338
|
-
const [n, r] =
|
|
2339
|
-
return
|
|
2340
|
-
const
|
|
2307
|
+
function Jo(e, t = 500) {
|
|
2308
|
+
const [n, r] = G(e);
|
|
2309
|
+
return V(() => {
|
|
2310
|
+
const a = window.setTimeout(() => r(e), t);
|
|
2341
2311
|
return () => {
|
|
2342
|
-
window.clearTimeout(
|
|
2312
|
+
window.clearTimeout(a);
|
|
2343
2313
|
};
|
|
2344
2314
|
}, [e, t]), n;
|
|
2345
2315
|
}
|
|
2346
|
-
const
|
|
2347
|
-
loadingContainer:
|
|
2316
|
+
const Qo = "_loadingContainer_v9v7r_1", ei = {
|
|
2317
|
+
loadingContainer: Qo
|
|
2348
2318
|
};
|
|
2349
2319
|
function fn(n) {
|
|
2350
2320
|
var r = n, { style: e } = r, t = re(r, ["style"]);
|
|
2351
|
-
const
|
|
2352
|
-
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;
|
|
2353
2323
|
}
|
|
2354
2324
|
function hn() {
|
|
2355
|
-
return /* @__PURE__ */
|
|
2325
|
+
return /* @__PURE__ */ s.jsx(
|
|
2356
2326
|
"svg",
|
|
2357
2327
|
{
|
|
2358
2328
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2359
2329
|
viewBox: "0 0 24 24",
|
|
2360
2330
|
fill: "currentColor",
|
|
2361
|
-
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" })
|
|
2362
2332
|
}
|
|
2363
2333
|
);
|
|
2364
2334
|
}
|
|
2365
|
-
function
|
|
2366
|
-
return /* @__PURE__ */
|
|
2335
|
+
function ti() {
|
|
2336
|
+
return /* @__PURE__ */ s.jsx(
|
|
2367
2337
|
"svg",
|
|
2368
2338
|
{
|
|
2369
2339
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2370
2340
|
viewBox: "0 0 24 24",
|
|
2371
2341
|
fill: "currentColor",
|
|
2372
|
-
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" })
|
|
2373
2343
|
}
|
|
2374
2344
|
);
|
|
2375
2345
|
}
|
|
2376
|
-
const
|
|
2377
|
-
dropdownMenuContent:
|
|
2378
|
-
dropdownMenuItem:
|
|
2379
|
-
scrollAreaRoot:
|
|
2380
|
-
scrollAreaViewport:
|
|
2381
|
-
scrollAreaScrollbar:
|
|
2382
|
-
scrollAreaThumb:
|
|
2383
|
-
}, mn =
|
|
2384
|
-
var u =
|
|
2385
|
-
return /* @__PURE__ */
|
|
2386
|
-
|
|
2387
|
-
he(
|
|
2388
|
-
ref:
|
|
2346
|
+
const ni = "_dropdownMenuContent_zi433_1", ri = "_dropdownMenuItem_zi433_77", oi = "_scrollAreaRoot_zi433_120", ii = "_scrollAreaViewport_zi433_127", si = "_scrollAreaScrollbar_zi433_133", ai = "_scrollAreaThumb_zi433_160", 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, Qe = 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(
|
|
2356
|
+
xe.Content,
|
|
2357
|
+
he(M({
|
|
2358
|
+
ref: a,
|
|
2389
2359
|
sideOffset: e,
|
|
2390
2360
|
className: [ve.dropdownMenuContent, t].filter(Boolean).join(" "),
|
|
2391
2361
|
onOpenAutoFocus: (i) => {
|
|
@@ -2395,20 +2365,20 @@ const ci = "_dropdownMenuContent_zi433_1", li = "_dropdownMenuItem_zi433_77", ui
|
|
|
2395
2365
|
i.preventDefault();
|
|
2396
2366
|
}
|
|
2397
2367
|
}, r), {
|
|
2398
|
-
children: /* @__PURE__ */
|
|
2368
|
+
children: /* @__PURE__ */ s.jsxs(
|
|
2399
2369
|
je.Root,
|
|
2400
2370
|
{
|
|
2401
2371
|
className: ve.scrollAreaRoot,
|
|
2402
2372
|
type: "always",
|
|
2403
2373
|
scrollHideDelay: 0,
|
|
2404
2374
|
children: [
|
|
2405
|
-
/* @__PURE__ */
|
|
2406
|
-
/* @__PURE__ */
|
|
2375
|
+
/* @__PURE__ */ s.jsx(je.Viewport, { className: ve.scrollAreaViewport, children: n }),
|
|
2376
|
+
/* @__PURE__ */ s.jsx(
|
|
2407
2377
|
je.Scrollbar,
|
|
2408
2378
|
{
|
|
2409
2379
|
className: ve.scrollAreaScrollbar,
|
|
2410
2380
|
orientation: "vertical",
|
|
2411
|
-
children: /* @__PURE__ */
|
|
2381
|
+
children: /* @__PURE__ */ s.jsx(je.Thumb, { className: ve.scrollAreaThumb })
|
|
2412
2382
|
}
|
|
2413
2383
|
)
|
|
2414
2384
|
]
|
|
@@ -2417,17 +2387,17 @@ const ci = "_dropdownMenuContent_zi433_1", li = "_dropdownMenuItem_zi433_77", ui
|
|
|
2417
2387
|
})
|
|
2418
2388
|
);
|
|
2419
2389
|
});
|
|
2420
|
-
|
|
2421
|
-
const
|
|
2422
|
-
var
|
|
2423
|
-
const u = (
|
|
2424
|
-
t == null || t(
|
|
2425
|
-
}, i = (
|
|
2426
|
-
(
|
|
2390
|
+
Qe.displayName = "PlayerMenuContent";
|
|
2391
|
+
const et = 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));
|
|
2427
2397
|
};
|
|
2428
|
-
return /* @__PURE__ */
|
|
2398
|
+
return /* @__PURE__ */ s.jsx(xe.Close, { asChild: !0, children: /* @__PURE__ */ s.jsx(
|
|
2429
2399
|
"div",
|
|
2430
|
-
|
|
2400
|
+
M({
|
|
2431
2401
|
ref: r,
|
|
2432
2402
|
className: [ve.dropdownMenuItem, e].filter(Boolean).join(" "),
|
|
2433
2403
|
role: "menuitem",
|
|
@@ -2437,196 +2407,196 @@ const tt = Ve((s, r) => {
|
|
|
2437
2407
|
}, n)
|
|
2438
2408
|
) });
|
|
2439
2409
|
});
|
|
2440
|
-
|
|
2441
|
-
const
|
|
2410
|
+
et.displayName = "PlayerMenuItem";
|
|
2411
|
+
const Pt = "quality";
|
|
2442
2412
|
function yn() {
|
|
2443
|
-
const [e, t] =
|
|
2444
|
-
(
|
|
2445
|
-
t(
|
|
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(Pt) : a(Pt);
|
|
2446
2416
|
},
|
|
2447
|
-
[r,
|
|
2417
|
+
[r, a]
|
|
2448
2418
|
);
|
|
2449
|
-
return !
|
|
2450
|
-
/* @__PURE__ */
|
|
2451
|
-
/* @__PURE__ */
|
|
2452
|
-
|
|
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(Qe, { side: "top", align: "end", children: c.map((l) => /* @__PURE__ */ s.jsxs(
|
|
2422
|
+
et,
|
|
2453
2423
|
{
|
|
2454
|
-
onClick: () => u(
|
|
2424
|
+
onClick: () => u(l.value),
|
|
2455
2425
|
children: [
|
|
2456
|
-
|
|
2457
|
-
|
|
2426
|
+
l.label,
|
|
2427
|
+
l.selected && /* @__PURE__ */ s.jsx(hn, {})
|
|
2458
2428
|
]
|
|
2459
2429
|
},
|
|
2460
|
-
|
|
2430
|
+
l.sid
|
|
2461
2431
|
)) }) })
|
|
2462
2432
|
] });
|
|
2463
2433
|
}
|
|
2464
|
-
function
|
|
2465
|
-
return /* @__PURE__ */
|
|
2434
|
+
function li() {
|
|
2435
|
+
return /* @__PURE__ */ s.jsx(
|
|
2466
2436
|
"svg",
|
|
2467
2437
|
{
|
|
2468
2438
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2469
2439
|
viewBox: "0 0 24 24",
|
|
2470
2440
|
fill: "currentColor",
|
|
2471
|
-
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" })
|
|
2472
2442
|
}
|
|
2473
2443
|
);
|
|
2474
2444
|
}
|
|
2475
|
-
function
|
|
2476
|
-
return /* @__PURE__ */
|
|
2445
|
+
function ci() {
|
|
2446
|
+
return /* @__PURE__ */ s.jsx(
|
|
2477
2447
|
"svg",
|
|
2478
2448
|
{
|
|
2479
2449
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2480
2450
|
viewBox: "0 0 24 24",
|
|
2481
2451
|
fill: "currentColor",
|
|
2482
|
-
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" })
|
|
2483
2453
|
}
|
|
2484
2454
|
);
|
|
2485
2455
|
}
|
|
2486
|
-
function
|
|
2487
|
-
return /* @__PURE__ */
|
|
2456
|
+
function ui() {
|
|
2457
|
+
return /* @__PURE__ */ s.jsx(
|
|
2488
2458
|
"svg",
|
|
2489
2459
|
{
|
|
2490
2460
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2491
2461
|
viewBox: "0 0 24 24",
|
|
2492
2462
|
fill: "currentColor",
|
|
2493
|
-
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" })
|
|
2494
2464
|
}
|
|
2495
2465
|
);
|
|
2496
2466
|
}
|
|
2497
|
-
const
|
|
2498
|
-
volumeContainer:
|
|
2499
|
-
volumeSlider:
|
|
2500
|
-
},
|
|
2467
|
+
const di = "_volumeContainer_4d6jg_1", fi = "_volumeSlider_4d6jg_8", Lt = {
|
|
2468
|
+
volumeContainer: di,
|
|
2469
|
+
volumeSlider: fi
|
|
2470
|
+
}, jt = "volume";
|
|
2501
2471
|
function gn() {
|
|
2502
|
-
const e = f((i) => i.setVolume), t = f((i) => i.volume), n = f((i) => i.addIdleLock), r = f((i) => i.removeIdleLock),
|
|
2503
|
-
e(i[0]), n(
|
|
2504
|
-
},
|
|
2505
|
-
r(
|
|
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(jt);
|
|
2474
|
+
}, c = () => {
|
|
2475
|
+
r(jt);
|
|
2506
2476
|
}, u = () => e(t ? 0 : 100);
|
|
2507
|
-
return /* @__PURE__ */
|
|
2508
|
-
/* @__PURE__ */
|
|
2509
|
-
/* @__PURE__ */
|
|
2477
|
+
return /* @__PURE__ */ s.jsxs("div", { className: Lt.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: Lt.volumeSlider, children: /* @__PURE__ */ s.jsx(
|
|
2510
2480
|
Ae,
|
|
2511
2481
|
{
|
|
2512
2482
|
value: [t],
|
|
2513
|
-
onValueChange:
|
|
2514
|
-
onValueCommit:
|
|
2483
|
+
onValueChange: a,
|
|
2484
|
+
onValueCommit: c
|
|
2515
2485
|
}
|
|
2516
2486
|
) })
|
|
2517
2487
|
] });
|
|
2518
2488
|
}
|
|
2519
|
-
function
|
|
2520
|
-
return /* @__PURE__ */
|
|
2489
|
+
function ki(e) {
|
|
2490
|
+
return /* @__PURE__ */ s.jsx(Yr, { children: /* @__PURE__ */ s.jsx(hi, M({}, e)) });
|
|
2521
2491
|
}
|
|
2522
|
-
function
|
|
2523
|
-
var
|
|
2524
|
-
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 = {
|
|
2525
2495
|
eventNotStarted: "Event has not started yet.",
|
|
2526
2496
|
eventStartingSoon: "Starting in few seconds...",
|
|
2527
2497
|
unableToPlay: "Unable to play the live stream. Please try again later."
|
|
2528
2498
|
};
|
|
2529
|
-
return
|
|
2530
|
-
console.log(`[Player][Live] Version: ${
|
|
2531
|
-
}, []), /* @__PURE__ */
|
|
2499
|
+
return V(() => {
|
|
2500
|
+
console.log(`[Player][Live] Version: ${Je.version}`);
|
|
2501
|
+
}, []), /* @__PURE__ */ s.jsxs(
|
|
2532
2502
|
"div",
|
|
2533
2503
|
{
|
|
2534
2504
|
ref: r,
|
|
2535
|
-
className:
|
|
2505
|
+
className: q.playerContainer,
|
|
2536
2506
|
children: [
|
|
2537
|
-
/* @__PURE__ */
|
|
2538
|
-
|
|
2507
|
+
/* @__PURE__ */ s.jsxs(
|
|
2508
|
+
Or,
|
|
2539
2509
|
{
|
|
2540
2510
|
url: e,
|
|
2541
2511
|
messages: {
|
|
2542
|
-
eventNotStarted: (
|
|
2543
|
-
eventStartingSoon: (u = t == null ? void 0 : t.eventStartingSoon) != null ? u :
|
|
2544
|
-
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
|
|
2545
2515
|
},
|
|
2546
2516
|
children: [
|
|
2547
|
-
/* @__PURE__ */
|
|
2548
|
-
|
|
2517
|
+
/* @__PURE__ */ s.jsx(
|
|
2518
|
+
Xr,
|
|
2549
2519
|
{
|
|
2550
2520
|
url: e,
|
|
2551
2521
|
messages: {
|
|
2552
|
-
unableToPlay: (
|
|
2522
|
+
unableToPlay: (l = t == null ? void 0 : t.unableToPlay) != null ? l : a.unableToPlay
|
|
2553
2523
|
}
|
|
2554
2524
|
}
|
|
2555
2525
|
),
|
|
2556
|
-
/* @__PURE__ */
|
|
2557
|
-
/* @__PURE__ */
|
|
2558
|
-
/* @__PURE__ */
|
|
2559
|
-
/* @__PURE__ */
|
|
2560
|
-
/* @__PURE__ */
|
|
2561
|
-
/* @__PURE__ */
|
|
2562
|
-
/* @__PURE__ */
|
|
2563
|
-
/* @__PURE__ */
|
|
2564
|
-
/* @__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: q.controlsTop, children: /* @__PURE__ */ s.jsx("div", { className: q.controlsContainer, children: /* @__PURE__ */ s.jsx("div", { className: q.controlsRow, children: /* @__PURE__ */ s.jsx(No, {}) }) }) }),
|
|
2531
|
+
/* @__PURE__ */ s.jsx("div", { className: q.controlsBottom, children: /* @__PURE__ */ s.jsxs("div", { className: q.controlsContainer, children: [
|
|
2532
|
+
/* @__PURE__ */ s.jsx(bo, {}),
|
|
2533
|
+
/* @__PURE__ */ s.jsxs("div", { className: q.controlsRow, children: [
|
|
2534
|
+
/* @__PURE__ */ s.jsxs(
|
|
2565
2535
|
"div",
|
|
2566
2536
|
{
|
|
2567
|
-
className: `${
|
|
2537
|
+
className: `${q.controlsSection} ${q.controlsSectionStart}`,
|
|
2568
2538
|
children: [
|
|
2569
|
-
/* @__PURE__ */
|
|
2570
|
-
/* @__PURE__ */
|
|
2571
|
-
/* @__PURE__ */
|
|
2539
|
+
/* @__PURE__ */ s.jsx(yo, {}),
|
|
2540
|
+
/* @__PURE__ */ s.jsx(Lo, {}),
|
|
2541
|
+
/* @__PURE__ */ s.jsx(gn, {})
|
|
2572
2542
|
]
|
|
2573
2543
|
}
|
|
2574
2544
|
),
|
|
2575
|
-
/* @__PURE__ */
|
|
2545
|
+
/* @__PURE__ */ s.jsxs(
|
|
2576
2546
|
"div",
|
|
2577
2547
|
{
|
|
2578
|
-
className: `${
|
|
2548
|
+
className: `${q.controlsSection} ${q.controlsSectionEnd}`,
|
|
2579
2549
|
children: [
|
|
2580
|
-
/* @__PURE__ */
|
|
2581
|
-
/* @__PURE__ */
|
|
2582
|
-
/* @__PURE__ */
|
|
2550
|
+
/* @__PURE__ */ s.jsx(po, { message: t == null ? void 0 : t.live }),
|
|
2551
|
+
/* @__PURE__ */ s.jsx(yn, {}),
|
|
2552
|
+
/* @__PURE__ */ s.jsx(un, {})
|
|
2583
2553
|
]
|
|
2584
2554
|
}
|
|
2585
2555
|
)
|
|
2586
2556
|
] })
|
|
2587
2557
|
] }) })
|
|
2588
2558
|
] }),
|
|
2589
|
-
/* @__PURE__ */
|
|
2590
|
-
/* @__PURE__ */
|
|
2591
|
-
/* @__PURE__ */
|
|
2559
|
+
/* @__PURE__ */ s.jsx(Lr, { url: e }),
|
|
2560
|
+
/* @__PURE__ */ s.jsx(qr, {}),
|
|
2561
|
+
/* @__PURE__ */ s.jsx(Jr, { url: e })
|
|
2592
2562
|
]
|
|
2593
2563
|
}
|
|
2594
2564
|
),
|
|
2595
|
-
n && /* @__PURE__ */
|
|
2565
|
+
n && /* @__PURE__ */ s.jsx(zr, { callback: n })
|
|
2596
2566
|
]
|
|
2597
2567
|
}
|
|
2598
2568
|
);
|
|
2599
2569
|
}
|
|
2600
|
-
const
|
|
2601
|
-
function
|
|
2602
|
-
const [e, t] =
|
|
2603
|
-
(
|
|
2604
|
-
t(
|
|
2570
|
+
const mi = [0.5, 0.75, 1, 1.25, 1.5, 1.75, 2], It = "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(It) : a(It);
|
|
2605
2575
|
},
|
|
2606
|
-
[r,
|
|
2576
|
+
[r, a]
|
|
2607
2577
|
);
|
|
2608
|
-
return /* @__PURE__ */
|
|
2609
|
-
/* @__PURE__ */
|
|
2610
|
-
|
|
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,
|
|
2611
2581
|
"x"
|
|
2612
2582
|
] }) }),
|
|
2613
|
-
/* @__PURE__ */
|
|
2614
|
-
|
|
2583
|
+
/* @__PURE__ */ s.jsx(pn, { container: n.current, children: /* @__PURE__ */ s.jsx(Qe, { side: "top", align: "end", children: mi.map((l) => /* @__PURE__ */ s.jsxs(
|
|
2584
|
+
et,
|
|
2615
2585
|
{
|
|
2616
|
-
onClick: () => u(
|
|
2586
|
+
onClick: () => u(l),
|
|
2617
2587
|
children: [
|
|
2618
|
-
|
|
2588
|
+
l,
|
|
2619
2589
|
"x",
|
|
2620
|
-
|
|
2590
|
+
c === l && /* @__PURE__ */ s.jsx(hn, {})
|
|
2621
2591
|
]
|
|
2622
2592
|
},
|
|
2623
|
-
|
|
2593
|
+
l
|
|
2624
2594
|
)) }) })
|
|
2625
2595
|
] });
|
|
2626
2596
|
}
|
|
2627
|
-
function
|
|
2628
|
-
const e = f((u) => u.isPlaying), t = f((u) => u.pause), n = f((u) => u.play), r = f((u) => u.currentTime),
|
|
2629
|
-
return /* @__PURE__ */
|
|
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(
|
|
2630
2600
|
sn,
|
|
2631
2601
|
{
|
|
2632
2602
|
onClick: () => {
|
|
@@ -2634,138 +2604,138 @@ function Ei() {
|
|
|
2634
2604
|
},
|
|
2635
2605
|
onBackwardSeek: (u) => {
|
|
2636
2606
|
const i = Math.max(0, r - u);
|
|
2637
|
-
|
|
2607
|
+
c(i);
|
|
2638
2608
|
},
|
|
2639
2609
|
onForwardSeek: (u) => {
|
|
2640
|
-
const i = Math.min(r + u,
|
|
2641
|
-
|
|
2610
|
+
const i = Math.min(r + u, a);
|
|
2611
|
+
c(i);
|
|
2642
2612
|
},
|
|
2643
2613
|
maxBackwardTime: Math.floor(r),
|
|
2644
|
-
maxForwardTime: Math.floor(
|
|
2614
|
+
maxForwardTime: Math.floor(a - r)
|
|
2645
2615
|
}
|
|
2646
2616
|
);
|
|
2647
2617
|
}
|
|
2648
|
-
function
|
|
2649
|
-
const e = f((
|
|
2618
|
+
function yi() {
|
|
2619
|
+
const e = f((a) => a.isPlaying), t = f((a) => a.pause), n = f((a) => a.play), r = () => {
|
|
2650
2620
|
e ? t() : n();
|
|
2651
2621
|
};
|
|
2652
|
-
return /* @__PURE__ */
|
|
2653
|
-
}
|
|
2654
|
-
const
|
|
2655
|
-
function
|
|
2656
|
-
const e = O(null), t = O(null), [n, r] =
|
|
2657
|
-
(d ? (u !== -1 ? u :
|
|
2658
|
-
),
|
|
2659
|
-
i(d * (
|
|
2660
|
-
},
|
|
2661
|
-
u !== -1 && (
|
|
2662
|
-
},
|
|
2663
|
-
(
|
|
2664
|
-
const
|
|
2665
|
-
if (
|
|
2666
|
-
const
|
|
2667
|
-
if (
|
|
2668
|
-
let
|
|
2669
|
-
|
|
2622
|
+
return /* @__PURE__ */ s.jsx(ae, { onClick: r, children: e ? /* @__PURE__ */ s.jsx(an, {}) : /* @__PURE__ */ s.jsx(ln, {}) });
|
|
2623
|
+
}
|
|
2624
|
+
const kt = "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)), _(kt);
|
|
2630
|
+
}, x = () => {
|
|
2631
|
+
u !== -1 && (g(u), i(-1), y(kt));
|
|
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);
|
|
2670
2640
|
}
|
|
2671
|
-
|
|
2641
|
+
R();
|
|
2672
2642
|
},
|
|
2673
2643
|
[d]
|
|
2674
2644
|
);
|
|
2675
|
-
return /* @__PURE__ */
|
|
2676
|
-
/* @__PURE__ */
|
|
2645
|
+
return /* @__PURE__ */ s.jsxs("div", { className: se.progressSlider, children: [
|
|
2646
|
+
/* @__PURE__ */ s.jsx(
|
|
2677
2647
|
Ae,
|
|
2678
2648
|
{
|
|
2679
2649
|
ref: e,
|
|
2680
|
-
value: [
|
|
2681
|
-
onPointerLeave:
|
|
2682
|
-
onPointerDown:
|
|
2683
|
-
onPointerMove:
|
|
2684
|
-
onValueChange:
|
|
2685
|
-
onValueCommit:
|
|
2650
|
+
value: [k],
|
|
2651
|
+
onPointerLeave: w,
|
|
2652
|
+
onPointerDown: w,
|
|
2653
|
+
onPointerMove: L,
|
|
2654
|
+
onValueChange: E,
|
|
2655
|
+
onValueCommit: x,
|
|
2686
2656
|
step: 0.1
|
|
2687
2657
|
}
|
|
2688
2658
|
),
|
|
2689
|
-
/* @__PURE__ */
|
|
2659
|
+
/* @__PURE__ */ s.jsx(
|
|
2690
2660
|
"div",
|
|
2691
2661
|
{
|
|
2692
2662
|
ref: t,
|
|
2693
2663
|
className: `${se.tipContainer} ${n ? se.tipContainerVisible : se.tipContainerHidden}`,
|
|
2694
|
-
children: /* @__PURE__ */
|
|
2664
|
+
children: /* @__PURE__ */ s.jsx("p", { className: se.tipContent, children: Te(a) })
|
|
2695
2665
|
}
|
|
2696
2666
|
)
|
|
2697
2667
|
] });
|
|
2698
2668
|
}
|
|
2699
|
-
const
|
|
2700
|
-
remainingTimeContainer:
|
|
2701
|
-
remainingTime:
|
|
2702
|
-
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
|
|
2703
2673
|
};
|
|
2704
|
-
function
|
|
2674
|
+
function xi() {
|
|
2705
2675
|
const e = f((n) => n.currentTime), t = f((n) => n.duration);
|
|
2706
|
-
return /* @__PURE__ */
|
|
2707
|
-
/* @__PURE__ */
|
|
2708
|
-
/* @__PURE__ */
|
|
2709
|
-
/* @__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) })
|
|
2710
2680
|
] });
|
|
2711
2681
|
}
|
|
2712
|
-
function
|
|
2682
|
+
function Ci({ url: e }) {
|
|
2713
2683
|
const { video_id: t } = Jt(e), n = t ? Number(t) : void 0;
|
|
2714
|
-
return n ? /* @__PURE__ */
|
|
2684
|
+
return n ? /* @__PURE__ */ s.jsx(Gt, { kind: "vod", url: e, id: n }) : null;
|
|
2715
2685
|
}
|
|
2716
|
-
function
|
|
2686
|
+
function Ei({ callback: e }) {
|
|
2717
2687
|
const t = f((n) => n.eventEmitter);
|
|
2718
|
-
return
|
|
2688
|
+
return V(() => {
|
|
2719
2689
|
const n = (r) => e("timeUpdate", r);
|
|
2720
2690
|
return t.on("timeUpdate", n), () => {
|
|
2721
2691
|
t.off("timeUpdate", n);
|
|
2722
2692
|
};
|
|
2723
|
-
}, [e, t]), /* @__PURE__ */
|
|
2693
|
+
}, [e, t]), /* @__PURE__ */ s.jsx(Qt, { callback: e });
|
|
2724
2694
|
}
|
|
2725
|
-
function
|
|
2726
|
-
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(
|
|
2727
2697
|
(i) => {
|
|
2728
|
-
let
|
|
2698
|
+
let l = !1;
|
|
2729
2699
|
if (!(i.target instanceof HTMLInputElement || i.ctrlKey)) {
|
|
2730
2700
|
switch (i.code) {
|
|
2731
2701
|
case "ArrowLeft":
|
|
2732
|
-
|
|
2702
|
+
c(e - 10 >= 0 ? e - 10 : 0), l = !0;
|
|
2733
2703
|
break;
|
|
2734
2704
|
case "ArrowRight":
|
|
2735
|
-
|
|
2705
|
+
c(e + 10 < t ? e + 10 : t), l = !0;
|
|
2736
2706
|
break;
|
|
2737
2707
|
case "Space":
|
|
2738
|
-
n ? r() :
|
|
2708
|
+
n ? r() : a(), l = !0;
|
|
2739
2709
|
break;
|
|
2740
2710
|
}
|
|
2741
|
-
|
|
2711
|
+
l && i.preventDefault();
|
|
2742
2712
|
}
|
|
2743
2713
|
},
|
|
2744
|
-
[e, t, n, r,
|
|
2714
|
+
[e, t, n, r, a, c]
|
|
2745
2715
|
);
|
|
2746
|
-
return
|
|
2716
|
+
return V(() => (document.addEventListener("keydown", u), () => {
|
|
2747
2717
|
document.removeEventListener("keydown", u);
|
|
2748
|
-
}), [u]), /* @__PURE__ */
|
|
2718
|
+
}), [u]), /* @__PURE__ */ s.jsx(nn, {});
|
|
2749
2719
|
}
|
|
2750
|
-
function
|
|
2751
|
-
return /* @__PURE__ */
|
|
2720
|
+
function Di(e) {
|
|
2721
|
+
return /* @__PURE__ */ s.jsx(rn, { children: /* @__PURE__ */ s.jsx(Si, M({}, e)) });
|
|
2752
2722
|
}
|
|
2753
|
-
function
|
|
2723
|
+
function Si({ url: e, messages: t, onEvent: n, startTime: r }) {
|
|
2754
2724
|
var i;
|
|
2755
|
-
const
|
|
2725
|
+
const a = f((l) => l.setStartTime), c = f((l) => l.containerRef), u = {
|
|
2756
2726
|
unableToPlay: "Unable to play the video. Please try again later."
|
|
2757
2727
|
};
|
|
2758
|
-
return
|
|
2759
|
-
r &&
|
|
2760
|
-
}, [r,
|
|
2761
|
-
console.log(`[Player][VOD] Version: ${
|
|
2762
|
-
}, []), /* @__PURE__ */
|
|
2728
|
+
return V(() => {
|
|
2729
|
+
r && a(r);
|
|
2730
|
+
}, [r, a]), V(() => {
|
|
2731
|
+
console.log(`[Player][VOD] Version: ${Je.version}`);
|
|
2732
|
+
}, []), /* @__PURE__ */ s.jsxs(
|
|
2763
2733
|
"div",
|
|
2764
2734
|
{
|
|
2765
|
-
ref:
|
|
2766
|
-
className:
|
|
2735
|
+
ref: c,
|
|
2736
|
+
className: q.playerContainer,
|
|
2767
2737
|
children: [
|
|
2768
|
-
/* @__PURE__ */
|
|
2738
|
+
/* @__PURE__ */ s.jsx(
|
|
2769
2739
|
on,
|
|
2770
2740
|
{
|
|
2771
2741
|
url: e,
|
|
@@ -2775,45 +2745,45 @@ function ki({ url: e, messages: t, onEvent: n, startTime: r }) {
|
|
|
2775
2745
|
}
|
|
2776
2746
|
}
|
|
2777
2747
|
),
|
|
2778
|
-
/* @__PURE__ */
|
|
2779
|
-
/* @__PURE__ */
|
|
2780
|
-
/* @__PURE__ */
|
|
2781
|
-
/* @__PURE__ */
|
|
2782
|
-
/* @__PURE__ */
|
|
2783
|
-
/* @__PURE__ */
|
|
2784
|
-
/* @__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: q.controlsBottom, children: /* @__PURE__ */ s.jsxs("div", { className: q.controlsContainer, children: [
|
|
2752
|
+
/* @__PURE__ */ s.jsx(gi, {}),
|
|
2753
|
+
/* @__PURE__ */ s.jsxs("div", { className: q.controlsRow, children: [
|
|
2754
|
+
/* @__PURE__ */ s.jsxs(
|
|
2785
2755
|
"div",
|
|
2786
2756
|
{
|
|
2787
|
-
className: `${
|
|
2757
|
+
className: `${q.controlsSection} ${q.controlsSectionStart}`,
|
|
2788
2758
|
children: [
|
|
2789
|
-
/* @__PURE__ */
|
|
2790
|
-
/* @__PURE__ */
|
|
2791
|
-
/* @__PURE__ */
|
|
2759
|
+
/* @__PURE__ */ s.jsx(yi, {}),
|
|
2760
|
+
/* @__PURE__ */ s.jsx(gn, {}),
|
|
2761
|
+
/* @__PURE__ */ s.jsx(xi, {})
|
|
2792
2762
|
]
|
|
2793
2763
|
}
|
|
2794
2764
|
),
|
|
2795
|
-
/* @__PURE__ */
|
|
2765
|
+
/* @__PURE__ */ s.jsxs(
|
|
2796
2766
|
"div",
|
|
2797
2767
|
{
|
|
2798
|
-
className: `${
|
|
2768
|
+
className: `${q.controlsSection} ${q.controlsSectionEnd}`,
|
|
2799
2769
|
children: [
|
|
2800
|
-
/* @__PURE__ */
|
|
2801
|
-
/* @__PURE__ */
|
|
2802
|
-
/* @__PURE__ */
|
|
2770
|
+
/* @__PURE__ */ s.jsx(vi, {}),
|
|
2771
|
+
/* @__PURE__ */ s.jsx(yn, {}),
|
|
2772
|
+
/* @__PURE__ */ s.jsx(un, {})
|
|
2803
2773
|
]
|
|
2804
2774
|
}
|
|
2805
2775
|
)
|
|
2806
2776
|
] })
|
|
2807
2777
|
] }) }) }),
|
|
2808
|
-
/* @__PURE__ */
|
|
2809
|
-
/* @__PURE__ */
|
|
2810
|
-
n && /* @__PURE__ */
|
|
2778
|
+
/* @__PURE__ */ s.jsx(Ri, {}),
|
|
2779
|
+
/* @__PURE__ */ s.jsx(Ci, { url: e }),
|
|
2780
|
+
n && /* @__PURE__ */ s.jsx(Ei, { callback: n })
|
|
2811
2781
|
]
|
|
2812
2782
|
}
|
|
2813
2783
|
);
|
|
2814
2784
|
}
|
|
2815
2785
|
export {
|
|
2816
|
-
|
|
2817
|
-
|
|
2786
|
+
ki as LivePlayer,
|
|
2787
|
+
Di as VodPlayer
|
|
2818
2788
|
};
|
|
2819
2789
|
//# sourceMappingURL=react-video-player.es.js.map
|