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