@halibegic/react-video-player 0.0.59 → 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.
- package/dist/react-video-player.es.js +1260 -1287
- package/dist/react-video-player.es.js.map +1 -1
- package/dist/react-video-player.umd.js +10 -10
- package/dist/react-video-player.umd.js.map +1 -1
- package/dist/src/utils/date-time.d.ts +4 -2
- package/package.json +4 -2
- package/dist/src/components/player/player-native-hls-engine.d.ts +0 -9
|
@@ -1,32 +1,32 @@
|
|
|
1
|
-
var
|
|
2
|
-
var
|
|
3
|
-
var
|
|
4
|
-
var Et = Object.prototype.hasOwnProperty,
|
|
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
|
-
Et.call(t, n) &&
|
|
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
16
|
Et.call(e, r) && t.indexOf(r) < 0 && (n[r] = e[r]);
|
|
17
|
-
if (e != null &&
|
|
18
|
-
for (var r of
|
|
19
|
-
t.indexOf(r) < 0 &&
|
|
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
|
|
25
|
-
import
|
|
26
|
-
import * as
|
|
27
|
-
import * as
|
|
28
|
-
import * as
|
|
29
|
-
function
|
|
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
|
+
import ee from "hls.js";
|
|
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 Ot(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"))
|
|
@@ -50,48 +50,48 @@ function Ht(e) {
|
|
|
50
50
|
typeof e + " " + e + " is not iterable(cannot read property Symbol(Symbol.iterator))"
|
|
51
51
|
)
|
|
52
52
|
);
|
|
53
|
-
var
|
|
54
|
-
if (
|
|
55
|
-
var
|
|
56
|
-
function u(
|
|
53
|
+
var a = Array.prototype.slice.call(e);
|
|
54
|
+
if (a.length === 0) return n([]);
|
|
55
|
+
var c = a.length;
|
|
56
|
+
function u(l, d) {
|
|
57
57
|
if (d && (typeof d == "object" || typeof d == "function")) {
|
|
58
|
-
var
|
|
59
|
-
if (typeof
|
|
60
|
-
|
|
58
|
+
var g = d.then;
|
|
59
|
+
if (typeof g == "function") {
|
|
60
|
+
g.call(
|
|
61
61
|
d,
|
|
62
|
-
function(
|
|
63
|
-
u(
|
|
62
|
+
function(T) {
|
|
63
|
+
u(l, T);
|
|
64
64
|
},
|
|
65
|
-
function(
|
|
66
|
-
|
|
65
|
+
function(T) {
|
|
66
|
+
a[l] = { status: "rejected", reason: T }, --c === 0 && n(a);
|
|
67
67
|
}
|
|
68
68
|
);
|
|
69
69
|
return;
|
|
70
70
|
}
|
|
71
71
|
}
|
|
72
|
-
|
|
72
|
+
a[l] = { status: "fulfilled", value: d }, --c === 0 && n(a);
|
|
73
73
|
}
|
|
74
|
-
for (var i = 0; i <
|
|
75
|
-
u(i,
|
|
74
|
+
for (var i = 0; i < a.length; i++)
|
|
75
|
+
u(i, a[i]);
|
|
76
76
|
});
|
|
77
77
|
}
|
|
78
|
-
function
|
|
78
|
+
function 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"))
|
|
86
86
|
return r(new TypeError("Promise.any accepts an array"));
|
|
87
|
-
var
|
|
88
|
-
if (
|
|
89
|
-
for (var
|
|
87
|
+
var a = Array.prototype.slice.call(e);
|
|
88
|
+
if (a.length === 0) return r();
|
|
89
|
+
for (var c = [], u = 0; u < a.length; u++)
|
|
90
90
|
try {
|
|
91
|
-
t.resolve(
|
|
92
|
-
|
|
93
|
-
new
|
|
94
|
-
|
|
91
|
+
t.resolve(a[u]).then(n).catch(function(i) {
|
|
92
|
+
c.push(i), c.length === a.length && r(
|
|
93
|
+
new Bt(
|
|
94
|
+
c,
|
|
95
95
|
"All promises were rejected"
|
|
96
96
|
)
|
|
97
97
|
);
|
|
@@ -101,13 +101,13 @@ function Ut(e) {
|
|
|
101
101
|
}
|
|
102
102
|
});
|
|
103
103
|
}
|
|
104
|
-
var
|
|
105
|
-
function
|
|
104
|
+
var 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,109 +128,109 @@ function Wt(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
|
-
} catch (
|
|
138
|
-
|
|
137
|
+
} catch (a) {
|
|
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([]);
|
|
207
|
-
var
|
|
208
|
-
function
|
|
207
|
+
var a = r.length;
|
|
208
|
+
function c(i, l) {
|
|
209
209
|
try {
|
|
210
|
-
if (
|
|
211
|
-
var d =
|
|
210
|
+
if (l && (typeof l == "object" || typeof l == "function")) {
|
|
211
|
+
var d = l.then;
|
|
212
212
|
if (typeof d == "function") {
|
|
213
213
|
d.call(
|
|
214
|
-
|
|
215
|
-
function(
|
|
216
|
-
|
|
214
|
+
l,
|
|
215
|
+
function(g) {
|
|
216
|
+
c(i, g);
|
|
217
217
|
},
|
|
218
218
|
n
|
|
219
219
|
);
|
|
220
220
|
return;
|
|
221
221
|
}
|
|
222
222
|
}
|
|
223
|
-
r[i] =
|
|
224
|
-
} catch (
|
|
225
|
-
n(
|
|
223
|
+
r[i] = l, --a === 0 && t(r);
|
|
224
|
+
} catch (g) {
|
|
225
|
+
n(g);
|
|
226
226
|
}
|
|
227
227
|
}
|
|
228
228
|
for (var u = 0; u < r.length; u++)
|
|
229
|
-
|
|
229
|
+
c(u, r[u]);
|
|
230
230
|
});
|
|
231
231
|
};
|
|
232
|
-
$.any =
|
|
233
|
-
$.allSettled =
|
|
232
|
+
$.any = 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,9 +243,9 @@ $.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
|
-
for (var r = 0,
|
|
248
|
+
for (var r = 0, a = e.length; r < a; r++)
|
|
249
249
|
$.resolve(e[r]).then(t, n);
|
|
250
250
|
});
|
|
251
251
|
};
|
|
@@ -253,7 +253,7 @@ $._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);
|
|
@@ -267,74 +267,74 @@ var ce = (function() {
|
|
|
267
267
|
return global;
|
|
268
268
|
throw new Error("unable to locate global object");
|
|
269
269
|
})();
|
|
270
|
-
typeof ce.Promise != "function" ? ce.Promise = $ : (ce.Promise.prototype.finally || (ce.Promise.prototype.finally =
|
|
271
|
-
var
|
|
272
|
-
var
|
|
273
|
-
function
|
|
274
|
-
if (
|
|
275
|
-
|
|
276
|
-
var e =
|
|
277
|
-
function u(i,
|
|
278
|
-
var
|
|
279
|
-
d !== void 0 && (
|
|
280
|
-
for (
|
|
281
|
-
if (i && i.defaultProps) for (
|
|
282
|
-
return { $$typeof: t, type: i, key:
|
|
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
|
+
function u(i, l, d) {
|
|
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 =
|
|
294
|
+
var h = E && o[E] || o[_];
|
|
295
295
|
return typeof h == "function" ? h : null;
|
|
296
296
|
}
|
|
297
|
-
var
|
|
298
|
-
function
|
|
297
|
+
var w = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
|
|
298
|
+
function P(o) {
|
|
299
299
|
{
|
|
300
|
-
for (var h = arguments.length,
|
|
301
|
-
|
|
302
|
-
|
|
300
|
+
for (var h = arguments.length, p = new Array(h > 1 ? h - 1 : 0), 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 x =
|
|
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
|
|
316
|
-
|
|
317
|
-
function
|
|
318
|
-
return !!(typeof o == "string" || typeof o == "function" || o === r || o ===
|
|
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
|
|
324
|
+
function k(o, h, p) {
|
|
325
325
|
var x = o.displayName;
|
|
326
326
|
if (x)
|
|
327
327
|
return x;
|
|
328
|
-
var
|
|
329
|
-
return
|
|
328
|
+
var j = h.displayName || h.name || "";
|
|
329
|
+
return j !== "" ? p + "(" + j + ")" : p;
|
|
330
330
|
}
|
|
331
|
-
function
|
|
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;
|
|
@@ -343,51 +343,51 @@ function rr() {
|
|
|
343
343
|
return "Fragment";
|
|
344
344
|
case n:
|
|
345
345
|
return "Portal";
|
|
346
|
-
case
|
|
346
|
+
case c:
|
|
347
347
|
return "Profiler";
|
|
348
|
-
case
|
|
348
|
+
case a:
|
|
349
349
|
return "StrictMode";
|
|
350
350
|
case d:
|
|
351
351
|
return "Suspense";
|
|
352
|
-
case
|
|
352
|
+
case g:
|
|
353
353
|
return "SuspenseList";
|
|
354
354
|
}
|
|
355
355
|
if (typeof o == "object")
|
|
356
356
|
switch (o.$$typeof) {
|
|
357
357
|
case i:
|
|
358
358
|
var h = o;
|
|
359
|
-
return
|
|
359
|
+
return J(h) + ".Consumer";
|
|
360
360
|
case u:
|
|
361
|
-
var
|
|
362
|
-
return
|
|
363
|
-
case
|
|
364
|
-
return
|
|
365
|
-
case
|
|
361
|
+
var p = o;
|
|
362
|
+
return J(p._context) + ".Provider";
|
|
363
|
+
case l:
|
|
364
|
+
return k(o, o.render, "ForwardRef");
|
|
365
|
+
case T:
|
|
366
366
|
var x = o.displayName || null;
|
|
367
|
-
return x !== null ? x :
|
|
368
|
-
case
|
|
369
|
-
var
|
|
367
|
+
return x !== null ? x : q(o.type) || "Memo";
|
|
368
|
+
case y: {
|
|
369
|
+
var j = o, D = j._payload, b = j._init;
|
|
370
370
|
try {
|
|
371
|
-
return
|
|
372
|
-
} catch (
|
|
371
|
+
return q(b(D));
|
|
372
|
+
} catch (C) {
|
|
373
373
|
return null;
|
|
374
374
|
}
|
|
375
375
|
}
|
|
376
376
|
}
|
|
377
377
|
return null;
|
|
378
378
|
}
|
|
379
|
-
var
|
|
380
|
-
function
|
|
379
|
+
var 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,332 +400,332 @@ function rr() {
|
|
|
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:
|
|
422
|
-
value:
|
|
421
|
+
warn: Y({}, o, {
|
|
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 Re(o, h,
|
|
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 x =
|
|
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
|
|
465
|
-
if (
|
|
466
|
-
return
|
|
464
|
+
var p = Se.get(o);
|
|
465
|
+
if (p !== void 0)
|
|
466
|
+
return p;
|
|
467
467
|
}
|
|
468
468
|
var x;
|
|
469
|
-
|
|
470
|
-
var
|
|
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(
|
|
486
|
-
} catch (
|
|
487
|
-
x =
|
|
485
|
+
Reflect.construct(b, []);
|
|
486
|
+
} catch (Q) {
|
|
487
|
+
x = Q;
|
|
488
488
|
}
|
|
489
|
-
Reflect.construct(o, [],
|
|
489
|
+
Reflect.construct(o, [], b);
|
|
490
490
|
} else {
|
|
491
491
|
try {
|
|
492
|
-
|
|
493
|
-
} catch (
|
|
494
|
-
x =
|
|
492
|
+
b.call();
|
|
493
|
+
} catch (Q) {
|
|
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
|
-
} catch (
|
|
502
|
-
x =
|
|
501
|
+
} catch (Q) {
|
|
502
|
+
x = Q;
|
|
503
503
|
}
|
|
504
504
|
o();
|
|
505
505
|
}
|
|
506
|
-
} catch (
|
|
507
|
-
if (
|
|
508
|
-
for (var
|
|
506
|
+
} catch (Q) {
|
|
507
|
+
if (Q && x && typeof Q.stack == "string") {
|
|
508
|
+
for (var C = Q.stack.split(`
|
|
509
509
|
`), X = x.stack.split(`
|
|
510
|
-
`),
|
|
511
|
-
|
|
512
|
-
for (;
|
|
513
|
-
if (
|
|
514
|
-
if (
|
|
510
|
+
`), W = C.length - 1, z = X.length - 1; W >= 1 && z >= 0 && C[W] !== X[z]; )
|
|
511
|
+
z--;
|
|
512
|
+
for (; W >= 1 && z >= 0; W--, z--)
|
|
513
|
+
if (C[W] !== X[z]) {
|
|
514
|
+
if (W !== 1 || z !== 1)
|
|
515
515
|
do
|
|
516
|
-
if (
|
|
516
|
+
if (W--, z--, z < 0 || C[W] !== X[z]) {
|
|
517
517
|
var te = `
|
|
518
|
-
` +
|
|
519
|
-
return o.displayName && te.includes("<anonymous>") && (te = te.replace("<anonymous>", o.displayName)), typeof o == "function" &&
|
|
518
|
+
` + C[W].replace(" at new ", " at ");
|
|
519
|
+
return o.displayName && te.includes("<anonymous>") && (te = te.replace("<anonymous>", o.displayName)), typeof o == "function" && Se.set(o, te), te;
|
|
520
520
|
}
|
|
521
|
-
while (
|
|
521
|
+
while (W >= 1 && z >= 0);
|
|
522
522
|
break;
|
|
523
523
|
}
|
|
524
524
|
}
|
|
525
525
|
} finally {
|
|
526
|
-
|
|
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
544
|
return Re(o);
|
|
545
545
|
switch (o) {
|
|
546
546
|
case d:
|
|
547
547
|
return Re("Suspense");
|
|
548
|
-
case
|
|
548
|
+
case g:
|
|
549
549
|
return Re("SuspenseList");
|
|
550
550
|
}
|
|
551
551
|
if (typeof o == "object")
|
|
552
552
|
switch (o.$$typeof) {
|
|
553
|
-
case
|
|
554
|
-
return
|
|
555
|
-
case
|
|
556
|
-
return
|
|
557
|
-
case
|
|
558
|
-
var x = o,
|
|
553
|
+
case l:
|
|
554
|
+
return Rn(o.render);
|
|
555
|
+
case T:
|
|
556
|
+
return be(o.type, h, p);
|
|
557
|
+
case y: {
|
|
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
|
|
567
|
+
var ge = Object.prototype.hasOwnProperty, ct = {}, ut = w.ReactDebugCurrentFrame;
|
|
568
568
|
function Pe(o) {
|
|
569
569
|
if (o) {
|
|
570
|
-
var h = o._owner,
|
|
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 (
|
|
580
|
-
var
|
|
577
|
+
var D = Function.call.bind(ge);
|
|
578
|
+
for (var b in o)
|
|
579
|
+
if (D(o, b)) {
|
|
580
|
+
var C = void 0;
|
|
581
581
|
try {
|
|
582
|
-
if (typeof o[
|
|
583
|
-
var X = Error((x || "React class") + ": " +
|
|
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
|
-
|
|
587
|
-
} catch (
|
|
588
|
-
|
|
586
|
+
C = o[b](h, b, x, p, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
|
|
587
|
+
} catch (W) {
|
|
588
|
+
C = W;
|
|
589
589
|
}
|
|
590
|
-
|
|
590
|
+
C && !(C instanceof Error) && (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
|
-
var h = typeof Symbol == "function" && Symbol.toStringTag,
|
|
601
|
-
return
|
|
600
|
+
var h = typeof Symbol == "function" && Symbol.toStringTag, p = h && o[Symbol.toStringTag] || o.constructor.name || "Object";
|
|
601
|
+
return p;
|
|
602
602
|
}
|
|
603
603
|
}
|
|
604
|
-
function
|
|
604
|
+
function 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
|
-
var
|
|
646
|
-
|
|
645
|
+
var p = function() {
|
|
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
|
-
|
|
649
|
-
get:
|
|
648
|
+
p.isReactWarning = !0, Object.defineProperty(o, "key", {
|
|
649
|
+
get: p,
|
|
650
650
|
configurable: !0
|
|
651
651
|
});
|
|
652
652
|
}
|
|
653
653
|
}
|
|
654
|
-
function
|
|
654
|
+
function Fn(o, h) {
|
|
655
655
|
{
|
|
656
|
-
var
|
|
657
|
-
|
|
656
|
+
var p = function() {
|
|
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
|
-
|
|
660
|
-
get:
|
|
659
|
+
p.isReactWarning = !0, Object.defineProperty(o, "ref", {
|
|
660
|
+
get: p,
|
|
661
661
|
configurable: !0
|
|
662
662
|
});
|
|
663
663
|
}
|
|
664
664
|
}
|
|
665
|
-
var
|
|
666
|
-
var
|
|
665
|
+
var Vn = function(o, h, p, x, j, D, b) {
|
|
666
|
+
var C = {
|
|
667
667
|
// This tag allows us to uniquely identify this as a React Element
|
|
668
668
|
$$typeof: t,
|
|
669
669
|
// Built-in properties that belong on the element
|
|
670
670
|
type: o,
|
|
671
671
|
key: h,
|
|
672
|
-
ref:
|
|
673
|
-
props:
|
|
672
|
+
ref: p,
|
|
673
|
+
props: b,
|
|
674
674
|
// Record the component responsible for creating this element.
|
|
675
|
-
_owner:
|
|
675
|
+
_owner: D
|
|
676
676
|
};
|
|
677
|
-
return
|
|
677
|
+
return C._store = {}, Object.defineProperty(C._store, "validated", {
|
|
678
678
|
configurable: !1,
|
|
679
679
|
enumerable: !1,
|
|
680
680
|
writable: !0,
|
|
681
681
|
value: !1
|
|
682
|
-
}), Object.defineProperty(
|
|
682
|
+
}), Object.defineProperty(C, "_self", {
|
|
683
683
|
configurable: !1,
|
|
684
684
|
enumerable: !1,
|
|
685
685
|
writable: !1,
|
|
686
686
|
value: x
|
|
687
|
-
}), Object.defineProperty(
|
|
687
|
+
}), Object.defineProperty(C, "_source", {
|
|
688
688
|
configurable: !1,
|
|
689
689
|
enumerable: !1,
|
|
690
690
|
writable: !1,
|
|
691
|
-
value:
|
|
692
|
-
}), Object.freeze && (Object.freeze(
|
|
691
|
+
value: j
|
|
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
|
-
|
|
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
|
-
var
|
|
702
|
-
for (
|
|
703
|
-
|
|
701
|
+
var W = o.defaultProps;
|
|
702
|
+
for (D in W)
|
|
703
|
+
b[D] === void 0 && (b[D] = W[D]);
|
|
704
704
|
}
|
|
705
|
-
if (
|
|
706
|
-
var
|
|
707
|
-
|
|
705
|
+
if (C || X) {
|
|
706
|
+
var z = typeof o == "function" ? o.displayName || o.name || "Unknown" : o;
|
|
707
|
+
C && 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,
|
|
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,157 +734,157 @@ 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
|
-
var
|
|
746
|
-
|
|
745
|
+
var p = typeof o == "string" ? o : o.displayName || o.name;
|
|
746
|
+
p && (h = `
|
|
747
747
|
|
|
748
|
-
Check the top-level render call using <` +
|
|
748
|
+
Check the top-level render call using <` + p + ">.");
|
|
749
749
|
}
|
|
750
750
|
return h;
|
|
751
751
|
}
|
|
752
752
|
}
|
|
753
|
-
function
|
|
753
|
+
function 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
|
|
759
|
-
if (
|
|
758
|
+
var p = Hn(h);
|
|
759
|
+
if (gt[p])
|
|
760
760
|
return;
|
|
761
|
-
|
|
761
|
+
gt[p] = !0;
|
|
762
762
|
var x = "";
|
|
763
|
-
o && o._owner && o._owner !==
|
|
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 (
|
|
771
|
-
for (var
|
|
772
|
-
var x = o[
|
|
773
|
-
|
|
770
|
+
if (We(o))
|
|
771
|
+
for (var p = 0; p < o.length; p++) {
|
|
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")
|
|
789
789
|
return;
|
|
790
|
-
var
|
|
790
|
+
var p;
|
|
791
791
|
if (typeof h == "function")
|
|
792
|
-
|
|
793
|
-
else if (typeof h == "object" && (h.$$typeof ===
|
|
792
|
+
p = h.propTypes;
|
|
793
|
+
else if (typeof h == "object" && (h.$$typeof === l || // Note: Memo only checks outer props here.
|
|
794
794
|
// Inner props are checked in the reconciler.
|
|
795
|
-
h.$$typeof ===
|
|
796
|
-
|
|
795
|
+
h.$$typeof === T))
|
|
796
|
+
p = h.propTypes;
|
|
797
797
|
else
|
|
798
798
|
return;
|
|
799
|
-
if (
|
|
800
|
-
var x =
|
|
801
|
-
|
|
802
|
-
} else if (h.PropTypes !== void 0 && !
|
|
803
|
-
|
|
804
|
-
var
|
|
805
|
-
|
|
799
|
+
if (p) {
|
|
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
|
-
for (var h = Object.keys(o.props),
|
|
813
|
-
var x = h[
|
|
812
|
+
for (var h = Object.keys(o.props), p = 0; p < h.length; p++) {
|
|
813
|
+
var x = h[p];
|
|
814
814
|
if (x !== "children" && x !== "key") {
|
|
815
|
-
|
|
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 (!
|
|
827
|
-
var
|
|
828
|
-
(o === void 0 || typeof o == "object" && o !== null && Object.keys(o).length === 0) && (
|
|
829
|
-
var X =
|
|
830
|
-
X ?
|
|
831
|
-
var
|
|
832
|
-
o === null ?
|
|
825
|
+
var b = M(o);
|
|
826
|
+
if (!b) {
|
|
827
|
+
var C = "";
|
|
828
|
+
(o === void 0 || typeof o == "object" && o !== null && Object.keys(o).length === 0) && (C += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
|
|
829
|
+
var X = An();
|
|
830
|
+
X ? C += X : C += yt();
|
|
831
|
+
var W;
|
|
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
|
|
835
|
-
if (
|
|
836
|
-
return
|
|
837
|
-
if (
|
|
834
|
+
var z = On(o, h, p, j, D);
|
|
835
|
+
if (z == null)
|
|
836
|
+
return z;
|
|
837
|
+
if (b) {
|
|
838
838
|
var te = h.children;
|
|
839
839
|
if (te !== void 0)
|
|
840
840
|
if (x)
|
|
841
|
-
if (
|
|
842
|
-
for (var
|
|
843
|
-
|
|
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
|
-
}), Ye =
|
|
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} />`, Ye,
|
|
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
|
|
882
|
-
const Yt = typeof window != "undefined" ?
|
|
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 xe(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 ir(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(
|
|
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()),
|
|
@@ -956,29 +957,29 @@ function ar() {
|
|
|
956
957
|
SSSSSS: n(e.getMilliseconds(), 3) + "000"
|
|
957
958
|
};
|
|
958
959
|
return Object.entries(r).reduce(
|
|
959
|
-
(
|
|
960
|
+
(a, [c, u]) => a.replace(c, u),
|
|
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
|
-
const t = (
|
|
966
|
-
return n === 0 ? `${r}:${t(
|
|
966
|
+
const t = (c) => (c < 10 ? "0" : "") + c, n = Math.floor(e / 3600), r = Math.floor(e % 3600 / 60), a = Math.floor(e % 60);
|
|
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 vr = () => Xn(), pr = (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: () => {
|
|
@@ -1110,21 +1117,21 @@ const vr = () => Xn(), pr = (e, t) => ({
|
|
|
1110
1117
|
const r = t().techRef.current;
|
|
1111
1118
|
if (!r) return;
|
|
1112
1119
|
t().eventEmitter.emit("error", n);
|
|
1113
|
-
const
|
|
1114
|
-
if (!
|
|
1115
|
-
const
|
|
1116
|
-
e({ error: { message: u, code:
|
|
1120
|
+
const a = r.error;
|
|
1121
|
+
if (!a) return;
|
|
1122
|
+
const c = `${a.code}`, u = a.message || "Unknown error occurred";
|
|
1123
|
+
e({ error: { message: u, code: c, tech: "native" } });
|
|
1117
1124
|
},
|
|
1118
1125
|
pause: () => {
|
|
1119
1126
|
const n = t().techRef.current;
|
|
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 vr = () => Xn(), pr = (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 vr = () => Xn(), pr = (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,165 +1208,165 @@ const vr = () => Xn(), pr = (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
|
|
1215
|
-
|
|
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
|
-
url:
|
|
1256
|
+
url: a
|
|
1250
1257
|
}) {
|
|
1251
|
-
const
|
|
1252
|
-
u.current =
|
|
1253
|
-
const
|
|
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";
|
|
1259
|
+
u.current = g;
|
|
1260
|
+
const E = V(
|
|
1254
1261
|
async ({
|
|
1255
|
-
type:
|
|
1256
|
-
message:
|
|
1257
|
-
level:
|
|
1258
|
-
duration:
|
|
1259
|
-
valueStr1:
|
|
1260
|
-
valueStr2:
|
|
1262
|
+
type: w,
|
|
1263
|
+
message: P,
|
|
1264
|
+
level: S = Ge.INFO,
|
|
1265
|
+
duration: B,
|
|
1266
|
+
valueStr1: H,
|
|
1267
|
+
valueStr2: m
|
|
1261
1268
|
}) => {
|
|
1262
|
-
const
|
|
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:
|
|
1273
|
-
target_index:
|
|
1278
|
+
capp_version: tt.version,
|
|
1279
|
+
message: P,
|
|
1280
|
+
target_index: w === "client" ? "client_log" : "watching_activity_log"
|
|
1274
1281
|
};
|
|
1275
|
-
e && (
|
|
1276
|
-
const
|
|
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));
|
|
1283
|
+
const R = await fetch(y, {
|
|
1277
1284
|
method: "POST",
|
|
1278
|
-
body: JSON.stringify(
|
|
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
|
-
[
|
|
1284
|
-
),
|
|
1285
|
-
|
|
1286
|
-
}, []),
|
|
1287
|
-
async (
|
|
1288
|
-
!
|
|
1290
|
+
[y, r, t, I, n, e]
|
|
1291
|
+
), _ = V((w) => {
|
|
1292
|
+
c.current = w != null ? w : Ve();
|
|
1293
|
+
}, []), A = V(
|
|
1294
|
+
async (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),
|
|
1295
|
-
const
|
|
1296
|
-
|
|
1297
|
-
},
|
|
1298
|
-
|
|
1299
|
-
},
|
|
1300
|
-
|
|
1301
|
-
},
|
|
1302
|
-
|
|
1303
|
-
},
|
|
1304
|
-
|
|
1305
|
-
},
|
|
1306
|
-
|
|
1299
|
+
return Ee(() => {
|
|
1300
|
+
A(i), _();
|
|
1301
|
+
}, i), F(() => {
|
|
1302
|
+
const w = () => {
|
|
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" }), _();
|
|
1308
|
+
}, B = () => {
|
|
1309
|
+
l(null), u.current && (E({ type: "watch", message: "STOP" }), A()), l(Ke), E({ type: "watch", message: "PLAY" }), _();
|
|
1310
|
+
}, H = () => {
|
|
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
|
-
},
|
|
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",
|
|
1323
|
-
d.off("play",
|
|
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,
|
|
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
|
-
return n.forEach((
|
|
1353
|
-
r[
|
|
1359
|
+
return n.forEach((a, c) => {
|
|
1360
|
+
r[c] = a;
|
|
1354
1361
|
}), r;
|
|
1355
1362
|
} catch (t) {
|
|
1356
1363
|
return console.error("Invalid URL:", t), {};
|
|
1357
1364
|
}
|
|
1358
1365
|
}
|
|
1359
|
-
function
|
|
1360
|
-
const { video_id: t } =
|
|
1361
|
-
return r ? /* @__PURE__ */
|
|
1362
|
-
|
|
1366
|
+
function kr({ url: e }) {
|
|
1367
|
+
const { video_id: t } = tn(e), n = U((a) => a.delay), r = t ? Number(t) : void 0;
|
|
1368
|
+
return r ? /* @__PURE__ */ s.jsx(
|
|
1369
|
+
Qt,
|
|
1363
1370
|
{
|
|
1364
1371
|
kind: n ? "catchup" : "live",
|
|
1365
1372
|
delay: n,
|
|
@@ -1368,46 +1375,46 @@ function jr({ 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
|
|
1378
|
-
const [, t] =
|
|
1379
|
-
|
|
1384
|
+
function Vr(e) {
|
|
1385
|
+
const [, t] = G(0);
|
|
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) {
|
|
1385
1392
|
const r = n.trim();
|
|
1386
1393
|
if (r.startsWith("#EXT-X-PROGRAM-DATE-TIME:")) {
|
|
1387
|
-
const
|
|
1388
|
-
if (!isNaN(
|
|
1389
|
-
return
|
|
1394
|
+
const a = r.replace("#EXT-X-PROGRAM-DATE-TIME:", "").trim(), c = new Date(a);
|
|
1395
|
+
if (!isNaN(c.getTime()))
|
|
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;
|
|
1398
|
-
for (const
|
|
1399
|
-
const
|
|
1400
|
-
if (
|
|
1405
|
+
for (const a of n) {
|
|
1406
|
+
const c = a.trim();
|
|
1407
|
+
if (c.startsWith("#EXT-X-STREAM-INF:")) {
|
|
1401
1408
|
r = !0;
|
|
1402
1409
|
continue;
|
|
1403
1410
|
}
|
|
1404
|
-
if (r && !
|
|
1405
|
-
if (
|
|
1406
|
-
return
|
|
1411
|
+
if (r && !c.startsWith("#")) {
|
|
1412
|
+
if (c.startsWith("http"))
|
|
1413
|
+
return c;
|
|
1407
1414
|
{
|
|
1408
1415
|
const u = new URL(t);
|
|
1409
1416
|
return new URL(
|
|
1410
|
-
|
|
1417
|
+
c,
|
|
1411
1418
|
u.origin + u.pathname.substring(
|
|
1412
1419
|
0,
|
|
1413
1420
|
u.pathname.lastIndexOf("/")
|
|
@@ -1418,146 +1425,146 @@ function Vr(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(),
|
|
1440
|
+
const r = await n.text(), a = Ar(
|
|
1434
1441
|
r,
|
|
1435
1442
|
t
|
|
1436
1443
|
);
|
|
1437
|
-
if (!
|
|
1444
|
+
if (!a)
|
|
1438
1445
|
throw new Error("No chunklist URL found in master playlist");
|
|
1439
|
-
console.log("Found chunklist URL:",
|
|
1440
|
-
const
|
|
1441
|
-
if (!
|
|
1446
|
+
console.log("Found chunklist URL:", a);
|
|
1447
|
+
const c = await fetch(a);
|
|
1448
|
+
if (!c.ok)
|
|
1442
1449
|
throw new Error(
|
|
1443
|
-
`Failed to fetch chunklist: ${
|
|
1450
|
+
`Failed to fetch chunklist: ${c.status} ${c.statusText}`
|
|
1444
1451
|
);
|
|
1445
|
-
const u = await
|
|
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 [
|
|
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
|
-
}, [
|
|
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__ */
|
|
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
|
|
1482
|
-
/* @__PURE__ */
|
|
1483
|
-
/* @__PURE__ */
|
|
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__ */
|
|
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),
|
|
1494
|
-
return t.on("play", n), t.on("pause", r), t.on("resume",
|
|
1495
|
-
t.off("play", n), t.off("pause", r), t.off("resume",
|
|
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
|
-
),
|
|
1502
|
-
const r = t < 0 ? 0 : t,
|
|
1503
|
-
return `${parseFloat((e / Math.pow(1024,
|
|
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) => {
|
|
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));
|
|
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
|
|
1509
1516
|
}) {
|
|
1510
|
-
const r = n.length,
|
|
1511
|
-
return r > 1 &&
|
|
1517
|
+
const r = n.length, a = [];
|
|
1518
|
+
return r > 1 && a.push({
|
|
1512
1519
|
sid: "quality-level-auto",
|
|
1513
1520
|
label: "Auto",
|
|
1514
1521
|
value: -1,
|
|
1515
1522
|
selected: e || t === -1
|
|
1516
|
-
}), n.sort(function(
|
|
1517
|
-
const i =
|
|
1518
|
-
return i ===
|
|
1519
|
-
}), n.map((
|
|
1520
|
-
const { bitrate: u, height: i, index:
|
|
1521
|
-
|
|
1522
|
-
sid: `quality-level-${
|
|
1523
|
-
label: i ? `${i}p` :
|
|
1524
|
-
value:
|
|
1525
|
-
selected: r === 1 || !e &&
|
|
1523
|
+
}), n.sort(function(c, u) {
|
|
1524
|
+
const i = c.height || c.bitrate || 0, l = u.height || u.bitrate || 0;
|
|
1525
|
+
return i === l ? 0 : i > l ? 1 : -1;
|
|
1526
|
+
}), n.map((c) => {
|
|
1527
|
+
const { bitrate: u, height: i, index: l } = c;
|
|
1528
|
+
a.push({
|
|
1529
|
+
sid: `quality-level-${l}`,
|
|
1530
|
+
label: i ? `${i}p` : Zr(u),
|
|
1531
|
+
value: l,
|
|
1532
|
+
selected: r === 1 || !e && l === t
|
|
1526
1533
|
});
|
|
1527
|
-
}),
|
|
1534
|
+
}), a;
|
|
1528
1535
|
}
|
|
1529
1536
|
function Yr({ callback: e }) {
|
|
1530
|
-
const t = U((
|
|
1531
|
-
return
|
|
1532
|
-
const
|
|
1533
|
-
currentTime:
|
|
1537
|
+
const t = U((c) => c.delay), n = U((c) => c.startDate), r = n ? n.getTime() : 0, a = f((c) => c.eventEmitter);
|
|
1538
|
+
return F(() => {
|
|
1539
|
+
const c = () => e("timeUpdate", {
|
|
1540
|
+
currentTime: on(r, t),
|
|
1534
1541
|
duration: -1
|
|
1535
1542
|
});
|
|
1536
|
-
return
|
|
1537
|
-
|
|
1543
|
+
return a.on("timeUpdate", c), () => {
|
|
1544
|
+
a.off("timeUpdate", c);
|
|
1538
1545
|
};
|
|
1539
|
-
}, [e, t,
|
|
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),
|
|
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
|
-
let
|
|
1551
|
+
let l = !1;
|
|
1545
1552
|
if (!(i.target instanceof HTMLInputElement || i.ctrlKey)) {
|
|
1546
1553
|
switch (i.code) {
|
|
1547
1554
|
case "ArrowUp":
|
|
1548
|
-
|
|
1555
|
+
a(c + 10 < 100 ? c + 10 : 100), l = !0;
|
|
1549
1556
|
break;
|
|
1550
1557
|
case "ArrowDown":
|
|
1551
|
-
|
|
1558
|
+
a(c - 10 > 0 ? c - 10 : 0), l = !0;
|
|
1552
1559
|
break;
|
|
1553
1560
|
case "KeyM":
|
|
1554
|
-
|
|
1561
|
+
a(c === 0 ? 100 : 0), l = !0;
|
|
1555
1562
|
break;
|
|
1556
1563
|
case "KeyF":
|
|
1557
|
-
n && (t ? e() : r(),
|
|
1564
|
+
n && (t ? e() : r(), l = !0);
|
|
1558
1565
|
break;
|
|
1559
1566
|
}
|
|
1560
|
-
|
|
1567
|
+
l && i.preventDefault();
|
|
1561
1568
|
}
|
|
1562
1569
|
},
|
|
1563
1570
|
[
|
|
@@ -1565,292 +1572,265 @@ function nn() {
|
|
|
1565
1572
|
t,
|
|
1566
1573
|
n,
|
|
1567
1574
|
r,
|
|
1568
|
-
|
|
1569
|
-
|
|
1575
|
+
a,
|
|
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),
|
|
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
|
-
let
|
|
1586
|
+
let l = !1;
|
|
1580
1587
|
if (!(i.target instanceof HTMLInputElement || i.ctrlKey)) {
|
|
1581
1588
|
switch (i.code) {
|
|
1582
1589
|
case "ArrowLeft":
|
|
1583
|
-
|
|
1590
|
+
c(e + 10), l = !0;
|
|
1584
1591
|
break;
|
|
1585
1592
|
case "ArrowRight":
|
|
1586
|
-
|
|
1593
|
+
c(e - 10 > 0 ? e - 10 : 0), l = !0;
|
|
1587
1594
|
break;
|
|
1588
1595
|
case "Space":
|
|
1589
1596
|
if (t)
|
|
1590
1597
|
n();
|
|
1591
1598
|
else {
|
|
1592
1599
|
const d = r();
|
|
1593
|
-
d &&
|
|
1600
|
+
d && c(e + d), a();
|
|
1594
1601
|
}
|
|
1595
|
-
|
|
1602
|
+
l = !0;
|
|
1596
1603
|
break;
|
|
1597
1604
|
}
|
|
1598
|
-
|
|
1605
|
+
l && i.preventDefault();
|
|
1599
1606
|
}
|
|
1600
1607
|
},
|
|
1601
|
-
[e, r, t, n,
|
|
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__ */
|
|
1612
|
+
}), [u]), /* @__PURE__ */ s.jsx(sn, {});
|
|
1606
1613
|
}
|
|
1607
|
-
function
|
|
1608
|
-
return /* @__PURE__ */
|
|
1614
|
+
function an({ children: e }) {
|
|
1615
|
+
return /* @__PURE__ */ s.jsx(Pr, { children: e });
|
|
1609
1616
|
}
|
|
1610
|
-
function
|
|
1611
|
-
return /* @__PURE__ */
|
|
1617
|
+
function Gr({ children: e }) {
|
|
1618
|
+
return /* @__PURE__ */ s.jsx(Ir, { children: /* @__PURE__ */ s.jsx(an, { children: e }) });
|
|
1612
1619
|
}
|
|
1613
|
-
const Kr = 50, Gr = 1e4;
|
|
1614
1620
|
function Xr({ url: e, isLive: t, messages: n }) {
|
|
1615
|
-
const r = O(null),
|
|
1616
|
-
(
|
|
1617
|
-
if (r.current && (r.current.nextLevel =
|
|
1618
|
-
const
|
|
1619
|
-
selected:
|
|
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(
|
|
1622
|
+
(m) => {
|
|
1623
|
+
if (r.current && (r.current.nextLevel = m, u(null), c)) {
|
|
1624
|
+
const v = c.map((R) => me(N({}, R), {
|
|
1625
|
+
selected: R.value === m
|
|
1620
1626
|
}));
|
|
1621
|
-
i(
|
|
1627
|
+
i(v);
|
|
1622
1628
|
}
|
|
1623
1629
|
},
|
|
1624
|
-
[
|
|
1625
|
-
),
|
|
1626
|
-
|
|
1627
|
-
if (!g) return;
|
|
1630
|
+
[c, u, i]
|
|
1631
|
+
), A = V(() => {
|
|
1632
|
+
if (!d.current) return;
|
|
1628
1633
|
console.log("[Player][HLS] MEDIA_ATTACHING");
|
|
1629
|
-
const
|
|
1630
|
-
|
|
1631
|
-
}, [e, d]),
|
|
1634
|
+
const m = document.createElement("source");
|
|
1635
|
+
m.src = e, m.type = "application/vnd.apple.mpegurl", m.dataset.id = "original-stream", d.current.appendChild(m), d.current.disableRemotePlayback = !1;
|
|
1636
|
+
}, [e, d]), w = V(() => {
|
|
1632
1637
|
if (!r.current) return;
|
|
1633
|
-
console.log("[Player][HLS] MANIFEST_LOADED"),
|
|
1634
|
-
const
|
|
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;
|
|
1635
1640
|
i(
|
|
1636
|
-
|
|
1637
|
-
levels:
|
|
1638
|
-
const { bitrate:
|
|
1641
|
+
qr({
|
|
1642
|
+
levels: m.map((L, M) => {
|
|
1643
|
+
const { bitrate: k, height: J, width: q } = L;
|
|
1639
1644
|
return {
|
|
1640
|
-
bitrate:
|
|
1641
|
-
height:
|
|
1642
|
-
index:
|
|
1643
|
-
width:
|
|
1645
|
+
bitrate: k,
|
|
1646
|
+
height: J,
|
|
1647
|
+
index: M,
|
|
1648
|
+
width: q
|
|
1644
1649
|
};
|
|
1645
1650
|
}),
|
|
1646
|
-
level:
|
|
1647
|
-
isAuto:
|
|
1651
|
+
level: v,
|
|
1652
|
+
isAuto: R
|
|
1648
1653
|
})
|
|
1649
1654
|
);
|
|
1650
|
-
}, [
|
|
1655
|
+
}, [g, i]), P = V(() => {
|
|
1651
1656
|
if (!r.current) return;
|
|
1652
1657
|
console.log("[Player][HLS] LEVEL_SWITCHED");
|
|
1653
|
-
const
|
|
1654
|
-
if (
|
|
1655
|
-
let
|
|
1656
|
-
|
|
1658
|
+
const m = r.current.levels, v = r.current.currentLevel;
|
|
1659
|
+
if (m[v] ? JSON.stringify(m[v]) : null) {
|
|
1660
|
+
let L = "";
|
|
1661
|
+
m[v].height ? L = `${m[v].height}p` : m[v].bitrate && (L = `${m[v].bitrate}bps`), l(L);
|
|
1657
1662
|
}
|
|
1658
|
-
}, [
|
|
1663
|
+
}, [l]), S = V(
|
|
1659
1664
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
1660
|
-
(
|
|
1661
|
-
if (r.current &&
|
|
1662
|
-
let
|
|
1663
|
-
switch (
|
|
1664
|
-
case
|
|
1665
|
-
|
|
1665
|
+
(m, v) => {
|
|
1666
|
+
if (r.current && v.fatal) {
|
|
1667
|
+
let R, L = "UNKNOWN_ERROR";
|
|
1668
|
+
switch (v.type) {
|
|
1669
|
+
case ee.ErrorTypes.NETWORK_ERROR:
|
|
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(() => {
|
|
1666
1671
|
if (r.current)
|
|
1667
1672
|
try {
|
|
1668
1673
|
console.log("[Player][HLS] Retrying stream..."), r.current.loadSource(e);
|
|
1669
|
-
} catch (
|
|
1670
|
-
console.error("[Player][HLS] Retry failed:",
|
|
1674
|
+
} catch (M) {
|
|
1675
|
+
console.error("[Player][HLS] Retry failed:", M);
|
|
1671
1676
|
}
|
|
1672
|
-
},
|
|
1677
|
+
}, E)), L = "LIVE_MANIFEST_LOAD_ERROR") : (r.current.startLoad(), L = "NETWORK_ERROR"), g({ message: R, code: L, tech: "hls" });
|
|
1673
1678
|
break;
|
|
1674
|
-
case
|
|
1679
|
+
case ee.ErrorTypes.MEDIA_ERROR:
|
|
1675
1680
|
r.current.recoverMediaError();
|
|
1676
1681
|
break;
|
|
1677
1682
|
}
|
|
1678
1683
|
}
|
|
1679
1684
|
},
|
|
1680
|
-
[t, e,
|
|
1681
|
-
),
|
|
1682
|
-
|
|
1683
|
-
|
|
1684
|
-
const E = {
|
|
1685
|
+
[t, e, g, n]
|
|
1686
|
+
), B = V(() => {
|
|
1687
|
+
if (!d.current) return;
|
|
1688
|
+
const m = {
|
|
1685
1689
|
startLevel: -1,
|
|
1686
1690
|
maxBufferSize: 30 * 1024 * 1024
|
|
1687
1691
|
// 30MB
|
|
1688
1692
|
};
|
|
1689
|
-
|
|
1693
|
+
fr ? (m.backBufferLength = -1, m.enableWorker = !1) : t ? m.backBufferLength = 10 : m.backBufferLength = 60;
|
|
1690
1694
|
try {
|
|
1691
|
-
console.log("[Player][HLS] URL", e), console.log("[Player][HLS] Config", JSON.stringify(
|
|
1692
|
-
} catch (
|
|
1693
|
-
throw new Error(`Error initializing Hls: ${
|
|
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);
|
|
1696
|
+
} catch (v) {
|
|
1697
|
+
throw new Error(`Error initializing Hls: ${v}`);
|
|
1694
1698
|
}
|
|
1695
1699
|
}, [
|
|
1700
|
+
A,
|
|
1701
|
+
w,
|
|
1702
|
+
P,
|
|
1696
1703
|
S,
|
|
1697
|
-
C,
|
|
1698
|
-
b,
|
|
1699
|
-
T,
|
|
1700
1704
|
t,
|
|
1701
1705
|
d,
|
|
1702
1706
|
e
|
|
1703
|
-
]),
|
|
1704
|
-
r.current && (r.current.off(
|
|
1705
|
-
|
|
1706
|
-
|
|
1707
|
-
|
|
1708
|
-
|
|
1709
|
-
|
|
1710
|
-
|
|
1711
|
-
|
|
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) {
|
|
1709
|
+
const m = d.current;
|
|
1710
|
+
Array.from(m.children).filter(
|
|
1711
|
+
(R) => {
|
|
1712
|
+
var L;
|
|
1713
|
+
return ((L = R.dataset) == null ? void 0 : L.id) === "original-stream";
|
|
1714
|
+
}
|
|
1715
|
+
).forEach((R) => m.removeChild(R));
|
|
1716
|
+
}
|
|
1717
|
+
y.current && (clearTimeout(y.current), y.current = null), T.current = 0;
|
|
1712
1718
|
}, [
|
|
1719
|
+
A,
|
|
1720
|
+
P,
|
|
1721
|
+
w,
|
|
1713
1722
|
S,
|
|
1714
|
-
b,
|
|
1715
|
-
C,
|
|
1716
|
-
T,
|
|
1717
1723
|
d
|
|
1718
1724
|
]);
|
|
1719
|
-
return
|
|
1720
|
-
|
|
1721
|
-
}, [
|
|
1722
|
-
}
|
|
1723
|
-
const Jr = 50, Qr = 1e4;
|
|
1724
|
-
function eo({
|
|
1725
|
-
url: e,
|
|
1726
|
-
isLive: t,
|
|
1727
|
-
messages: n
|
|
1728
|
-
}) {
|
|
1729
|
-
const r = f((v) => v.techRef), s = f((v) => v.setError), l = O(0), u = O(null), i = V(() => {
|
|
1730
|
-
const v = r.current;
|
|
1731
|
-
v && (v.src = e, v.load());
|
|
1732
|
-
}, [e, r]), c = V(() => {
|
|
1733
|
-
if (!r.current) return;
|
|
1734
|
-
const _ = n.unableToPlay, p = t ? "LIVE_MANIFEST_LOAD_ERROR" : "NETWORK_ERROR";
|
|
1735
|
-
console.log("[Player][Native HLS] ERROR", { message: _, code: p }), t && l.current < Jr ? (u.current && clearTimeout(u.current), l.current += 1, u.current = setTimeout(() => {
|
|
1736
|
-
console.log("[Player][Native HLS] Retrying stream..."), i();
|
|
1737
|
-
}, Qr)) : t || i(), s({ message: _, code: p, tech: "native" });
|
|
1738
|
-
}, [t, n.unableToPlay, s, r, i]), d = V(() => {
|
|
1739
|
-
s(null), u.current && (clearTimeout(u.current), u.current = null), l.current = 0;
|
|
1740
|
-
}, [s]);
|
|
1741
|
-
return A(() => {
|
|
1742
|
-
const v = r.current;
|
|
1743
|
-
if (v)
|
|
1744
|
-
return v.addEventListener("error", c), v.addEventListener("loadeddata", d), v.src = e, v.load(), () => {
|
|
1745
|
-
v.removeEventListener("error", c), v.removeEventListener("loadeddata", d), u.current && (clearTimeout(u.current), u.current = null), l.current = 0;
|
|
1746
|
-
};
|
|
1747
|
-
}, [e, c, d, r]), null;
|
|
1725
|
+
return F(() => {
|
|
1726
|
+
a !== null && _(a);
|
|
1727
|
+
}, [a, _]), F(() => (ee.isSupported() && B(), H), [H, B]), null;
|
|
1748
1728
|
}
|
|
1749
|
-
const
|
|
1750
|
-
playerVideo:
|
|
1729
|
+
const Jr = "_playerVideo_wc0sm_1", Qr = {
|
|
1730
|
+
playerVideo: Jr
|
|
1751
1731
|
};
|
|
1752
|
-
function
|
|
1732
|
+
function ln({
|
|
1753
1733
|
url: e,
|
|
1754
1734
|
isLive: t,
|
|
1755
1735
|
isMuted: n = !1,
|
|
1756
1736
|
messages: r
|
|
1757
1737
|
}) {
|
|
1758
|
-
const
|
|
1759
|
-
onTimeUpdate:
|
|
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 ? {
|
|
1739
|
+
onTimeUpdate: H
|
|
1760
1740
|
} : {
|
|
1761
|
-
onDurationChange:
|
|
1762
|
-
onSeeked:
|
|
1763
|
-
onSeeking:
|
|
1764
|
-
onTimeUpdate:
|
|
1765
|
-
},
|
|
1766
|
-
(!
|
|
1767
|
-
},
|
|
1768
|
-
|
|
1769
|
-
|
|
1770
|
-
)
|
|
1771
|
-
|
|
1772
|
-
s(
|
|
1773
|
-
}, [s]), /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
|
|
1774
|
-
Je && R ? /* @__PURE__ */ a.jsx(eo, { isLive: t, url: e, messages: r }) : /* @__PURE__ */ a.jsx(Xr, { isLive: t, url: e, messages: r }),
|
|
1775
|
-
/* @__PURE__ */ a.jsx(
|
|
1741
|
+
onDurationChange: c,
|
|
1742
|
+
onSeeked: y,
|
|
1743
|
+
onSeeking: I,
|
|
1744
|
+
onTimeUpdate: H
|
|
1745
|
+
}, H = () => {
|
|
1746
|
+
(!S.current || oe() - S.current >= 1e3) && (E(), S.current = oe());
|
|
1747
|
+
}, m = B();
|
|
1748
|
+
return F(() => () => {
|
|
1749
|
+
a();
|
|
1750
|
+
}, [a]), /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
|
|
1751
|
+
/* @__PURE__ */ s.jsx(Xr, { isLive: t, url: e, messages: r }),
|
|
1752
|
+
/* @__PURE__ */ s.jsx(
|
|
1776
1753
|
"video",
|
|
1777
|
-
|
|
1778
|
-
ref:
|
|
1779
|
-
className:
|
|
1754
|
+
N({
|
|
1755
|
+
ref: P,
|
|
1756
|
+
className: Qr.playerVideo,
|
|
1780
1757
|
playsInline: !0,
|
|
1781
1758
|
controls: !1,
|
|
1782
1759
|
muted: n,
|
|
1783
1760
|
preload: "auto",
|
|
1784
1761
|
crossOrigin: "anonymous",
|
|
1785
1762
|
onEnded: u,
|
|
1786
|
-
onError:
|
|
1763
|
+
onError: w,
|
|
1787
1764
|
onLoadedMetadata: i,
|
|
1788
|
-
onLoadStart:
|
|
1765
|
+
onLoadStart: l,
|
|
1789
1766
|
onPause: d,
|
|
1790
|
-
onPlay:
|
|
1791
|
-
onPlaying:
|
|
1792
|
-
onWaiting:
|
|
1793
|
-
onVolumeChange:
|
|
1767
|
+
onPlay: g,
|
|
1768
|
+
onPlaying: T,
|
|
1769
|
+
onWaiting: _,
|
|
1770
|
+
onVolumeChange: A,
|
|
1794
1771
|
tabIndex: -1
|
|
1795
|
-
},
|
|
1772
|
+
}, m)
|
|
1796
1773
|
)
|
|
1797
1774
|
] });
|
|
1798
1775
|
}
|
|
1799
|
-
function
|
|
1800
|
-
const [n, r] =
|
|
1776
|
+
function eo({ url: e, messages: t }) {
|
|
1777
|
+
const [n, r] = G(null), a = U((u) => u.delay), c = V(async () => {
|
|
1801
1778
|
r(
|
|
1802
|
-
|
|
1779
|
+
a ? e.replace("-live", "-catchup").replace(
|
|
1780
|
+
"playlist.m3u8",
|
|
1781
|
+
`playlist_fmp4_dvr_timeshift-${a}.m3u8`
|
|
1782
|
+
) : e
|
|
1803
1783
|
);
|
|
1804
|
-
}, [
|
|
1805
|
-
return
|
|
1806
|
-
const u = requestAnimationFrame(() =>
|
|
1784
|
+
}, [a, e]);
|
|
1785
|
+
return F(() => {
|
|
1786
|
+
const u = requestAnimationFrame(() => c());
|
|
1807
1787
|
return () => cancelAnimationFrame(u);
|
|
1808
|
-
}, [
|
|
1788
|
+
}, [c]), n ? /* @__PURE__ */ s.jsx(ln, { url: n, isLive: !0, messages: t }) : null;
|
|
1809
1789
|
}
|
|
1810
|
-
function
|
|
1811
|
-
return f((n) => n.isStarted) ? /* @__PURE__ */
|
|
1790
|
+
function to({ url: e }) {
|
|
1791
|
+
return f((n) => n.isStarted) ? /* @__PURE__ */ s.jsx(no, { url: e }) : null;
|
|
1812
1792
|
}
|
|
1813
|
-
function
|
|
1814
|
-
const t = U((
|
|
1793
|
+
function no({ url: e }) {
|
|
1794
|
+
const t = U((c) => c.setViewerCount), n = O(null), r = (c) => {
|
|
1815
1795
|
try {
|
|
1816
|
-
return new URL(
|
|
1796
|
+
return new URL(c).pathname.split("/").filter((d) => d.length > 0)[0] || null;
|
|
1817
1797
|
} catch (u) {
|
|
1818
1798
|
return console.error("Failed to extract URI from player URL:", u), null;
|
|
1819
1799
|
}
|
|
1820
|
-
},
|
|
1821
|
-
var
|
|
1822
|
-
const
|
|
1823
|
-
if (!
|
|
1800
|
+
}, a = V(async () => {
|
|
1801
|
+
var l;
|
|
1802
|
+
const c = r(e);
|
|
1803
|
+
if (!c) {
|
|
1824
1804
|
console.error("Could not extract URI from URL:", e);
|
|
1825
1805
|
return;
|
|
1826
1806
|
}
|
|
1827
1807
|
n.current && n.current.abort(), n.current = new AbortController();
|
|
1828
|
-
const i = `https://${e.includes("staging") ? "stg" : "prd"}-fitnessanny.spectar.tv/analytics-api/v1/token-info/uri/${
|
|
1808
|
+
const i = `https://${e.includes("staging") ? "stg" : "prd"}-fitnessanny.spectar.tv/analytics-api/v1/token-info/uri/${c}`;
|
|
1829
1809
|
try {
|
|
1830
1810
|
const d = await fetch(i, {
|
|
1831
1811
|
signal: n.current.signal
|
|
1832
1812
|
});
|
|
1833
1813
|
if (!d.ok)
|
|
1834
1814
|
throw new Error(`HTTP error! status: ${d.status}`);
|
|
1835
|
-
const
|
|
1836
|
-
t(
|
|
1815
|
+
const T = (l = (await d.json()).count) != null ? l : 0;
|
|
1816
|
+
t(T);
|
|
1837
1817
|
} catch (d) {
|
|
1838
1818
|
if (d.name === "AbortError")
|
|
1839
1819
|
return;
|
|
1840
1820
|
console.error("Failed to fetch viewer count:", d), t(null);
|
|
1841
1821
|
}
|
|
1842
1822
|
}, [t, e]);
|
|
1843
|
-
return
|
|
1823
|
+
return F(() => (a(), () => {
|
|
1844
1824
|
n.current && n.current.abort();
|
|
1845
|
-
}), [
|
|
1825
|
+
}), [a, e]), Ee(a, 15e3), null;
|
|
1846
1826
|
}
|
|
1847
|
-
function
|
|
1827
|
+
function ro(e, {
|
|
1848
1828
|
defaultValue: t = !1,
|
|
1849
1829
|
initializeWithValue: n = !0
|
|
1850
1830
|
} = {}) {
|
|
1851
|
-
const r = (i) => typeof window == "undefined" ? t : window.matchMedia(i).matches, [
|
|
1831
|
+
const r = (i) => typeof window == "undefined" ? t : window.matchMedia(i).matches, [a, c] = G(() => n ? r(e) : t);
|
|
1852
1832
|
function u() {
|
|
1853
|
-
|
|
1833
|
+
c(r(e));
|
|
1854
1834
|
}
|
|
1855
1835
|
return Yt(() => {
|
|
1856
1836
|
if (typeof window == "undefined")
|
|
@@ -1859,24 +1839,24 @@ function so(e, {
|
|
|
1859
1839
|
return u(), i.addListener ? i.addListener(u) : i.addEventListener("change", u), () => {
|
|
1860
1840
|
i.removeListener ? i.removeListener(u) : i.removeEventListener("change", u);
|
|
1861
1841
|
};
|
|
1862
|
-
}, [e]),
|
|
1863
|
-
}
|
|
1864
|
-
const
|
|
1865
|
-
playbackButton:
|
|
1866
|
-
seekIndicator:
|
|
1867
|
-
seekIndicatorLeft:
|
|
1868
|
-
seekIndicatorRight:
|
|
1869
|
-
seekIndicatorVisible:
|
|
1870
|
-
},
|
|
1871
|
-
function
|
|
1872
|
-
var
|
|
1842
|
+
}, [e]), a;
|
|
1843
|
+
}
|
|
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) {
|
|
1852
|
+
var l = i, {
|
|
1873
1853
|
className: e,
|
|
1874
1854
|
onClick: t,
|
|
1875
1855
|
onForwardSeek: n,
|
|
1876
1856
|
onBackwardSeek: r,
|
|
1877
|
-
maxForwardTime:
|
|
1878
|
-
maxBackwardTime:
|
|
1879
|
-
} =
|
|
1857
|
+
maxForwardTime: a,
|
|
1858
|
+
maxBackwardTime: c
|
|
1859
|
+
} = l, u = re(l, [
|
|
1880
1860
|
"className",
|
|
1881
1861
|
"onClick",
|
|
1882
1862
|
"onForwardSeek",
|
|
@@ -1884,230 +1864,230 @@ function sn(i) {
|
|
|
1884
1864
|
"maxForwardTime",
|
|
1885
1865
|
"maxBackwardTime"
|
|
1886
1866
|
]);
|
|
1887
|
-
return
|
|
1888
|
-
|
|
1889
|
-
|
|
1867
|
+
return ro("(pointer: coarse)") ? /* @__PURE__ */ s.jsx(
|
|
1868
|
+
fo,
|
|
1869
|
+
N({
|
|
1890
1870
|
className: e,
|
|
1891
|
-
maxForwardTime:
|
|
1892
|
-
maxBackwardTime:
|
|
1871
|
+
maxForwardTime: a,
|
|
1872
|
+
maxBackwardTime: c,
|
|
1893
1873
|
onForwardSeek: n,
|
|
1894
1874
|
onBackwardSeek: r
|
|
1895
1875
|
}, u)
|
|
1896
|
-
) : /* @__PURE__ */
|
|
1897
|
-
}
|
|
1898
|
-
function
|
|
1899
|
-
var
|
|
1900
|
-
const
|
|
1901
|
-
|
|
1902
|
-
},
|
|
1903
|
-
|
|
1904
|
-
t == null || t(
|
|
1876
|
+
) : /* @__PURE__ */ s.jsx(uo, N({ className: e, onClick: t }, u));
|
|
1877
|
+
}
|
|
1878
|
+
function uo(r) {
|
|
1879
|
+
var a = r, { className: e, onClick: t } = a, n = re(a, ["className", "onClick"]);
|
|
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 = (_) => {
|
|
1883
|
+
c.current = window.setTimeout(() => {
|
|
1884
|
+
t == null || t(_), y();
|
|
1905
1885
|
}, 200);
|
|
1906
|
-
},
|
|
1907
|
-
|
|
1908
|
-
},
|
|
1886
|
+
}, y = () => {
|
|
1887
|
+
c.current !== null && (window.clearTimeout(c.current), c.current = null);
|
|
1888
|
+
}, I = () => c.current !== null, E = () => {
|
|
1909
1889
|
d();
|
|
1910
1890
|
};
|
|
1911
|
-
return
|
|
1912
|
-
|
|
1913
|
-
}, []), /* @__PURE__ */
|
|
1891
|
+
return F(() => () => {
|
|
1892
|
+
y();
|
|
1893
|
+
}, []), /* @__PURE__ */ s.jsx(
|
|
1914
1894
|
"button",
|
|
1915
|
-
|
|
1916
|
-
onClick:
|
|
1917
|
-
onMouseMove:
|
|
1918
|
-
className: [
|
|
1895
|
+
N({
|
|
1896
|
+
onClick: g,
|
|
1897
|
+
onMouseMove: E,
|
|
1898
|
+
className: [ve.playbackButton, e].filter(Boolean).join(" "),
|
|
1919
1899
|
"aria-label": "Player gestures"
|
|
1920
1900
|
}, n)
|
|
1921
1901
|
);
|
|
1922
1902
|
}
|
|
1923
|
-
function
|
|
1903
|
+
function fo(u) {
|
|
1924
1904
|
var i = u, {
|
|
1925
1905
|
className: e,
|
|
1926
1906
|
maxForwardTime: t,
|
|
1927
1907
|
maxBackwardTime: n,
|
|
1928
1908
|
onForwardSeek: r,
|
|
1929
|
-
onBackwardSeek:
|
|
1930
|
-
} = i,
|
|
1909
|
+
onBackwardSeek: a
|
|
1910
|
+
} = i, c = re(i, [
|
|
1931
1911
|
"className",
|
|
1932
1912
|
"maxForwardTime",
|
|
1933
1913
|
"maxBackwardTime",
|
|
1934
1914
|
"onForwardSeek",
|
|
1935
1915
|
"onBackwardSeek"
|
|
1936
1916
|
]);
|
|
1937
|
-
const
|
|
1917
|
+
const l = O(null), d = O({
|
|
1938
1918
|
single: null,
|
|
1939
1919
|
indicator: null,
|
|
1940
1920
|
accumulate: null
|
|
1941
|
-
}),
|
|
1942
|
-
if (!
|
|
1943
|
-
const
|
|
1944
|
-
if (!
|
|
1945
|
-
const
|
|
1946
|
-
if (
|
|
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) => {
|
|
1922
|
+
if (!g.current) return;
|
|
1923
|
+
const v = m.changedTouches[0];
|
|
1924
|
+
if (!v) return;
|
|
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)
|
|
1947
1927
|
return;
|
|
1948
|
-
const
|
|
1949
|
-
if (
|
|
1950
|
-
|
|
1951
|
-
const ne =
|
|
1952
|
-
|
|
1953
|
-
|
|
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,
|
|
1954
1934
|
ne != null ? ne : 1 / 0
|
|
1955
|
-
),
|
|
1956
|
-
const
|
|
1957
|
-
|
|
1958
|
-
}, 500),
|
|
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 };
|
|
1959
1939
|
} else {
|
|
1960
|
-
|
|
1961
|
-
const ne =
|
|
1940
|
+
l.current = { time: R, x: M }, d.current.single && window.clearTimeout(d.current.single);
|
|
1941
|
+
const ne = y.current !== null ? 700 : 350;
|
|
1962
1942
|
d.current.single = window.setTimeout(() => {
|
|
1963
|
-
if (
|
|
1943
|
+
if (y.current === null) {
|
|
1964
1944
|
d.current.single = null;
|
|
1965
|
-
const
|
|
1966
|
-
|
|
1945
|
+
const K = _;
|
|
1946
|
+
A(!K), K && w();
|
|
1967
1947
|
}
|
|
1968
|
-
|
|
1948
|
+
l.current = null;
|
|
1969
1949
|
}, ne);
|
|
1970
1950
|
}
|
|
1971
|
-
},
|
|
1972
|
-
|
|
1973
|
-
|
|
1951
|
+
}, B = (m, v) => {
|
|
1952
|
+
v !== 0 && (E({ visible: !0, direction: m, time: v }), d.current.indicator && window.clearTimeout(d.current.indicator), d.current.indicator = window.setTimeout(() => {
|
|
1953
|
+
H();
|
|
1974
1954
|
}, 700));
|
|
1975
|
-
},
|
|
1976
|
-
|
|
1955
|
+
}, H = () => {
|
|
1956
|
+
E({ visible: !1, direction: null, time: 0 }), d.current.indicator && (window.clearTimeout(d.current.indicator), d.current.indicator = null);
|
|
1977
1957
|
};
|
|
1978
|
-
return
|
|
1979
|
-
const
|
|
1958
|
+
return F(() => {
|
|
1959
|
+
const m = d.current;
|
|
1980
1960
|
return () => {
|
|
1981
|
-
|
|
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);
|
|
1982
1962
|
};
|
|
1983
|
-
}, []), /* @__PURE__ */
|
|
1984
|
-
/* @__PURE__ */
|
|
1963
|
+
}, []), /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
|
|
1964
|
+
/* @__PURE__ */ s.jsx(
|
|
1985
1965
|
"button",
|
|
1986
|
-
|
|
1987
|
-
ref:
|
|
1988
|
-
onTouchEnd:
|
|
1989
|
-
className: [
|
|
1966
|
+
N({
|
|
1967
|
+
ref: g,
|
|
1968
|
+
onTouchEnd: S,
|
|
1969
|
+
className: [ve.playbackButton, e].filter(Boolean).join(" "),
|
|
1990
1970
|
"aria-label": "Player gestures"
|
|
1991
|
-
},
|
|
1971
|
+
}, c)
|
|
1992
1972
|
),
|
|
1993
|
-
|
|
1973
|
+
I.visible && /* @__PURE__ */ s.jsxs(
|
|
1994
1974
|
"div",
|
|
1995
1975
|
{
|
|
1996
|
-
className: `${
|
|
1976
|
+
className: `${ve.seekIndicator} ${ve.seekIndicatorVisible} ${I.direction === "backward" ? ve.seekIndicatorLeft : ve.seekIndicatorRight}`,
|
|
1997
1977
|
children: [
|
|
1998
|
-
|
|
1999
|
-
|
|
1978
|
+
I.direction === "backward" ? "-" : "+",
|
|
1979
|
+
xe(I.time)
|
|
2000
1980
|
]
|
|
2001
1981
|
}
|
|
2002
1982
|
)
|
|
2003
1983
|
] });
|
|
2004
1984
|
}
|
|
2005
|
-
function
|
|
2006
|
-
const e = f((
|
|
2007
|
-
return /* @__PURE__ */
|
|
2008
|
-
|
|
1985
|
+
function ho() {
|
|
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;
|
|
1987
|
+
return /* @__PURE__ */ s.jsx(
|
|
1988
|
+
cn,
|
|
2009
1989
|
{
|
|
2010
1990
|
onClick: () => {
|
|
2011
1991
|
if (e)
|
|
2012
1992
|
t();
|
|
2013
1993
|
else {
|
|
2014
|
-
const
|
|
2015
|
-
|
|
1994
|
+
const l = n();
|
|
1995
|
+
l && c(a + l), r();
|
|
2016
1996
|
}
|
|
2017
1997
|
},
|
|
2018
|
-
onBackwardSeek: (
|
|
2019
|
-
const d =
|
|
2020
|
-
|
|
1998
|
+
onBackwardSeek: (l) => {
|
|
1999
|
+
const d = a + l;
|
|
2000
|
+
c(d);
|
|
2021
2001
|
},
|
|
2022
|
-
onForwardSeek: (
|
|
2023
|
-
const d = Math.max(0,
|
|
2024
|
-
|
|
2002
|
+
onForwardSeek: (l) => {
|
|
2003
|
+
const d = Math.max(0, a - l);
|
|
2004
|
+
c(d);
|
|
2025
2005
|
},
|
|
2026
2006
|
maxBackwardTime: Math.floor(i),
|
|
2027
|
-
maxForwardTime: Math.floor(
|
|
2007
|
+
maxForwardTime: Math.floor(a)
|
|
2028
2008
|
}
|
|
2029
2009
|
);
|
|
2030
2010
|
}
|
|
2031
|
-
const
|
|
2032
|
-
playerButton:
|
|
2033
|
-
playerButtonCircle:
|
|
2034
|
-
},
|
|
2035
|
-
(
|
|
2036
|
-
var
|
|
2037
|
-
const u = e === "circle" ?
|
|
2038
|
-
return /* @__PURE__ */
|
|
2011
|
+
const mo = "_playerButton_izwqq_1", vo = "_playerButtonCircle_izwqq_42", Lt = {
|
|
2012
|
+
playerButton: mo,
|
|
2013
|
+
playerButtonCircle: vo
|
|
2014
|
+
}, le = Ae(
|
|
2015
|
+
(a, r) => {
|
|
2016
|
+
var c = a, { shape: e = "circle", className: t } = c, n = re(c, ["shape", "className"]);
|
|
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));
|
|
2039
2019
|
}
|
|
2040
2020
|
);
|
|
2041
|
-
|
|
2042
|
-
const
|
|
2043
|
-
liveIndicator:
|
|
2044
|
-
liveIndicatorHasDelay:
|
|
2045
|
-
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
|
|
2046
2026
|
};
|
|
2047
|
-
function
|
|
2027
|
+
function wo(n) {
|
|
2048
2028
|
var r = n, { message: e } = r, t = re(r, ["message"]);
|
|
2049
|
-
const
|
|
2050
|
-
|
|
2051
|
-
},
|
|
2052
|
-
return /* @__PURE__ */
|
|
2053
|
-
/* @__PURE__ */
|
|
2029
|
+
const a = f((d) => d.restart), c = U((d) => d.delay), u = U((d) => d.setDelay), i = () => {
|
|
2030
|
+
c && (a(), u(0));
|
|
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: [
|
|
2033
|
+
/* @__PURE__ */ s.jsx("div", { className: l }),
|
|
2054
2034
|
e || "Live"
|
|
2055
2035
|
] }));
|
|
2056
2036
|
}
|
|
2057
|
-
function
|
|
2058
|
-
return /* @__PURE__ */
|
|
2037
|
+
function un() {
|
|
2038
|
+
return /* @__PURE__ */ s.jsx(
|
|
2059
2039
|
"svg",
|
|
2060
2040
|
{
|
|
2061
2041
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2062
2042
|
viewBox: "0 0 24 24",
|
|
2063
2043
|
fill: "currentColor",
|
|
2064
|
-
children: /* @__PURE__ */
|
|
2044
|
+
children: /* @__PURE__ */ s.jsx("path", { d: "M6 5H8V19H6V5ZM16 5H18V19H16V5Z" })
|
|
2065
2045
|
}
|
|
2066
2046
|
);
|
|
2067
2047
|
}
|
|
2068
|
-
function
|
|
2069
|
-
return /* @__PURE__ */
|
|
2048
|
+
function dn() {
|
|
2049
|
+
return /* @__PURE__ */ s.jsx(
|
|
2070
2050
|
"svg",
|
|
2071
2051
|
{
|
|
2072
2052
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2073
2053
|
viewBox: "0 0 24 24",
|
|
2074
2054
|
fill: "currentColor",
|
|
2075
|
-
children: /* @__PURE__ */
|
|
2055
|
+
children: /* @__PURE__ */ s.jsx("path", { d: "M19.376 12.4161L8.77735 19.4818C8.54759 19.635 8.23715 19.5729 8.08397 19.3432C8.02922 19.261 8 19.1645 8 19.0658V4.93433C8 4.65818 8.22386 4.43433 8.5 4.43433C8.59871 4.43433 8.69522 4.46355 8.77735 4.5183L19.376 11.584C19.6057 11.7372 19.6678 12.0477 19.5146 12.2774C19.478 12.3323 19.4309 12.3795 19.376 12.4161Z" })
|
|
2076
2056
|
}
|
|
2077
2057
|
);
|
|
2078
2058
|
}
|
|
2079
|
-
function
|
|
2080
|
-
const e = f((i) => i.isPlaying), t = f((i) => i.pause), n = f((i) => i.getPauseTimeDiff), r = f((i) => i.play),
|
|
2059
|
+
function _o() {
|
|
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 = () => {
|
|
2081
2061
|
if (e)
|
|
2082
2062
|
t();
|
|
2083
2063
|
else {
|
|
2084
2064
|
const i = n();
|
|
2085
|
-
i &&
|
|
2065
|
+
i && c(a + i), r();
|
|
2086
2066
|
}
|
|
2087
2067
|
};
|
|
2088
|
-
return /* @__PURE__ */
|
|
2089
|
-
}
|
|
2090
|
-
const
|
|
2091
|
-
progressSlider:
|
|
2092
|
-
tipContainer:
|
|
2093
|
-
tipContainerVisible:
|
|
2094
|
-
tipContainerHidden:
|
|
2095
|
-
tipContent:
|
|
2096
|
-
},
|
|
2097
|
-
sliderRoot:
|
|
2098
|
-
sliderTrack:
|
|
2099
|
-
sliderRange:
|
|
2100
|
-
sliderThumb:
|
|
2101
|
-
},
|
|
2102
|
-
var u =
|
|
2103
|
-
return /* @__PURE__ */
|
|
2104
|
-
|
|
2105
|
-
|
|
2106
|
-
ref:
|
|
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) => {
|
|
2082
|
+
var u = c, { max: e = 100, min: t = 0, className: n } = u, r = re(u, ["max", "min", "className"]);
|
|
2083
|
+
return /* @__PURE__ */ s.jsxs(
|
|
2084
|
+
je.Root,
|
|
2085
|
+
me(N({
|
|
2086
|
+
ref: a,
|
|
2107
2087
|
min: t,
|
|
2108
2088
|
max: e,
|
|
2109
2089
|
"aria-label": "Player progress",
|
|
2110
|
-
className: [
|
|
2090
|
+
className: [Ne.sliderRoot, n].filter(Boolean).join(" "),
|
|
2111
2091
|
onKeyDown: (i) => (
|
|
2112
2092
|
// Prevent the slider from being controlled by the keyboard
|
|
2113
2093
|
// when the slider is focused by a click
|
|
@@ -2115,14 +2095,14 @@ const Ro = "_progressSlider_hwzgf_1", Co = "_tipContainer_hwzgf_7", So = "_tipCo
|
|
|
2115
2095
|
)
|
|
2116
2096
|
}, r), {
|
|
2117
2097
|
children: [
|
|
2118
|
-
/* @__PURE__ */
|
|
2119
|
-
/* @__PURE__ */
|
|
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 })
|
|
2120
2100
|
]
|
|
2121
2101
|
})
|
|
2122
2102
|
);
|
|
2123
2103
|
});
|
|
2124
|
-
|
|
2125
|
-
function
|
|
2104
|
+
He.displayName = "PlayerSlider";
|
|
2105
|
+
function Oe(e) {
|
|
2126
2106
|
const t = e.getBoundingClientRect();
|
|
2127
2107
|
return e.offsetWidth / e.offsetHeight > e.clientWidth / e.clientHeight ? {
|
|
2128
2108
|
left: t.left * 100,
|
|
@@ -2133,104 +2113,104 @@ function Fe(e) {
|
|
|
2133
2113
|
height: t.height * 100
|
|
2134
2114
|
} : t;
|
|
2135
2115
|
}
|
|
2136
|
-
const
|
|
2137
|
-
function
|
|
2138
|
-
const e = O(null), t = O(null), [n, r] =
|
|
2139
|
-
r(
|
|
2140
|
-
}, [
|
|
2141
|
-
(
|
|
2142
|
-
),
|
|
2143
|
-
|
|
2144
|
-
},
|
|
2145
|
-
if (
|
|
2146
|
-
const
|
|
2147
|
-
|
|
2148
|
-
}
|
|
2149
|
-
},
|
|
2150
|
-
(
|
|
2151
|
-
const
|
|
2152
|
-
if (
|
|
2153
|
-
const
|
|
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(
|
|
2121
|
+
(a ? (g !== -1 ? g : n) / a * 100 : 0).toFixed(1)
|
|
2122
|
+
), m = (k) => {
|
|
2123
|
+
T(a * (k[0] / 100)), P(jt);
|
|
2124
|
+
}, v = () => {
|
|
2125
|
+
if (g !== -1) {
|
|
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;
|
|
2154
2134
|
if (ne < 0) return;
|
|
2155
|
-
let
|
|
2156
|
-
|
|
2157
|
-
const
|
|
2158
|
-
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);
|
|
2159
2139
|
}
|
|
2160
|
-
|
|
2140
|
+
R();
|
|
2161
2141
|
},
|
|
2162
|
-
[
|
|
2142
|
+
[a]
|
|
2163
2143
|
);
|
|
2164
|
-
return
|
|
2165
|
-
const
|
|
2166
|
-
return () => cancelAnimationFrame(
|
|
2167
|
-
}, [
|
|
2168
|
-
/* @__PURE__ */
|
|
2169
|
-
|
|
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: [
|
|
2148
|
+
/* @__PURE__ */ s.jsx(
|
|
2149
|
+
He,
|
|
2170
2150
|
{
|
|
2171
2151
|
ref: e,
|
|
2172
|
-
value: [
|
|
2173
|
-
onPointerLeave:
|
|
2174
|
-
onPointerDown:
|
|
2175
|
-
onPointerMove:
|
|
2176
|
-
onValueChange:
|
|
2177
|
-
onValueCommit:
|
|
2152
|
+
value: [H],
|
|
2153
|
+
onPointerLeave: L,
|
|
2154
|
+
onPointerDown: L,
|
|
2155
|
+
onPointerMove: M,
|
|
2156
|
+
onValueChange: m,
|
|
2157
|
+
onValueCommit: v,
|
|
2178
2158
|
step: 0.1
|
|
2179
2159
|
}
|
|
2180
2160
|
),
|
|
2181
|
-
/* @__PURE__ */
|
|
2161
|
+
/* @__PURE__ */ s.jsx(
|
|
2182
2162
|
"div",
|
|
2183
2163
|
{
|
|
2184
2164
|
ref: t,
|
|
2185
|
-
className: `${
|
|
2186
|
-
children: /* @__PURE__ */
|
|
2165
|
+
className: `${ae.tipContainer} ${u ? ae.tipContainerVisible : ae.tipContainerHidden}`,
|
|
2166
|
+
children: /* @__PURE__ */ s.jsx("p", { className: ae.tipContent, children: `-${xe(l)}` })
|
|
2187
2167
|
}
|
|
2188
2168
|
)
|
|
2189
2169
|
] });
|
|
2190
2170
|
}
|
|
2191
|
-
function
|
|
2192
|
-
return /* @__PURE__ */
|
|
2171
|
+
function Io() {
|
|
2172
|
+
return /* @__PURE__ */ s.jsx(
|
|
2193
2173
|
"svg",
|
|
2194
2174
|
{
|
|
2195
2175
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2196
2176
|
viewBox: "0 0 24 24",
|
|
2197
2177
|
fill: "currentColor",
|
|
2198
|
-
children: /* @__PURE__ */
|
|
2178
|
+
children: /* @__PURE__ */ s.jsx("path", { d: "M22 12C22 17.5228 17.5229 22 12 22C6.4772 22 2 17.5228 2 12C2 6.47715 6.4772 2 12 2V4C7.5817 4 4 7.58172 4 12C4 16.4183 7.5817 20 12 20C16.4183 20 20 16.4183 20 12C20 9.53614 18.8862 7.33243 17.1346 5.86492L15 8V2L21 2L18.5535 4.44656C20.6649 6.28002 22 8.9841 22 12Z" })
|
|
2199
2179
|
}
|
|
2200
2180
|
);
|
|
2201
2181
|
}
|
|
2202
|
-
function
|
|
2203
|
-
const e = U((
|
|
2204
|
-
return /* @__PURE__ */
|
|
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, {}) });
|
|
2205
2185
|
}
|
|
2206
|
-
const
|
|
2207
|
-
viewersContainer:
|
|
2208
|
-
viewersIndicator:
|
|
2209
|
-
viewersIcon:
|
|
2210
|
-
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
|
|
2211
2191
|
};
|
|
2212
|
-
function
|
|
2192
|
+
function Vo() {
|
|
2213
2193
|
const e = U((t) => t.viewerCount);
|
|
2214
|
-
return e ? /* @__PURE__ */
|
|
2215
|
-
/* @__PURE__ */
|
|
2216
|
-
/* @__PURE__ */
|
|
2194
|
+
return e ? /* @__PURE__ */ s.jsxs("div", { className: Me.viewersContainer, children: [
|
|
2195
|
+
/* @__PURE__ */ s.jsx("span", { className: Me.viewersIndicator }),
|
|
2196
|
+
/* @__PURE__ */ s.jsxs(
|
|
2217
2197
|
"svg",
|
|
2218
2198
|
{
|
|
2219
|
-
className:
|
|
2199
|
+
className: Me.viewersIcon,
|
|
2220
2200
|
width: "16",
|
|
2221
2201
|
height: "16",
|
|
2222
2202
|
viewBox: "0 0 16 16",
|
|
2223
2203
|
fill: "none",
|
|
2224
2204
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2225
2205
|
children: [
|
|
2226
|
-
/* @__PURE__ */
|
|
2206
|
+
/* @__PURE__ */ s.jsx(
|
|
2227
2207
|
"path",
|
|
2228
2208
|
{
|
|
2229
2209
|
d: "M8 7C9.10457 7 10 6.10457 10 5C10 3.89543 9.10457 3 8 3C6.89543 3 6 3.89543 6 5C6 6.10457 6.89543 7 8 7Z",
|
|
2230
2210
|
fill: "currentColor"
|
|
2231
2211
|
}
|
|
2232
2212
|
),
|
|
2233
|
-
/* @__PURE__ */
|
|
2213
|
+
/* @__PURE__ */ s.jsx(
|
|
2234
2214
|
"path",
|
|
2235
2215
|
{
|
|
2236
2216
|
d: "M8 8C5.79086 8 4 9.79086 4 12V13H12V12C12 9.79086 10.2091 8 8 8Z",
|
|
@@ -2240,154 +2220,154 @@ function Ho() {
|
|
|
2240
2220
|
]
|
|
2241
2221
|
}
|
|
2242
2222
|
),
|
|
2243
|
-
/* @__PURE__ */
|
|
2223
|
+
/* @__PURE__ */ s.jsx("span", { className: Me.viewersCount, children: e.toLocaleString() })
|
|
2244
2224
|
] }) : null;
|
|
2245
2225
|
}
|
|
2246
|
-
function
|
|
2226
|
+
function fn() {
|
|
2247
2227
|
const e = f((n) => n.error);
|
|
2248
2228
|
if (!e) return null;
|
|
2249
2229
|
const t = e.code === "LIVE_MANIFEST_LOAD_ERROR";
|
|
2250
|
-
return /* @__PURE__ */
|
|
2230
|
+
return /* @__PURE__ */ s.jsx(
|
|
2251
2231
|
"div",
|
|
2252
2232
|
{
|
|
2253
|
-
className: `${
|
|
2254
|
-
children: /* @__PURE__ */
|
|
2233
|
+
className: `${se.playerNotice} ${t ? se.playerNoticeLowZIndex : ""}`,
|
|
2234
|
+
children: /* @__PURE__ */ s.jsx("h3", { className: se.playerNoticeTitle, children: e.message })
|
|
2255
2235
|
}
|
|
2256
2236
|
);
|
|
2257
2237
|
}
|
|
2258
|
-
const
|
|
2259
|
-
playerContainer:
|
|
2260
|
-
controlsTop:
|
|
2261
|
-
controlsBottom:
|
|
2262
|
-
controlsContainer:
|
|
2263
|
-
controlsRow:
|
|
2264
|
-
controlsSection:
|
|
2265
|
-
controlsSectionStart:
|
|
2266
|
-
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
|
|
2267
2247
|
};
|
|
2268
|
-
function
|
|
2269
|
-
return /* @__PURE__ */
|
|
2248
|
+
function Zo() {
|
|
2249
|
+
return /* @__PURE__ */ s.jsx(
|
|
2270
2250
|
"svg",
|
|
2271
2251
|
{
|
|
2272
2252
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2273
2253
|
viewBox: "0 0 24 24",
|
|
2274
2254
|
fill: "currentColor",
|
|
2275
|
-
children: /* @__PURE__ */
|
|
2255
|
+
children: /* @__PURE__ */ s.jsx("path", { d: "M16 3H22V9H20V5H16V3ZM2 3H8V5H4V9H2V3ZM20 19V15H22V21H16V19H20ZM4 19H8V21H2V15H4V19Z" })
|
|
2276
2256
|
}
|
|
2277
2257
|
);
|
|
2278
2258
|
}
|
|
2279
|
-
function
|
|
2280
|
-
return /* @__PURE__ */
|
|
2259
|
+
function qo() {
|
|
2260
|
+
return /* @__PURE__ */ s.jsx(
|
|
2281
2261
|
"svg",
|
|
2282
2262
|
{
|
|
2283
2263
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2284
2264
|
viewBox: "0 0 24 24",
|
|
2285
2265
|
fill: "currentColor",
|
|
2286
|
-
children: /* @__PURE__ */
|
|
2266
|
+
children: /* @__PURE__ */ s.jsx("path", { d: "M18 7H22V9H16V3H18V7ZM8 9H2V7H6V3H8V9ZM18 17V21H16V15H22V17H18ZM8 15V21H6V17H2V15H8Z" })
|
|
2287
2267
|
}
|
|
2288
2268
|
);
|
|
2289
2269
|
}
|
|
2290
|
-
function
|
|
2291
|
-
const e = f((d) => d.containerRef), t = f((d) => d.exitFullscreen), n = f((d) => d.isFullscreen), r = f((d) => d.requestFullscreen),
|
|
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(
|
|
2292
2272
|
(d) => {
|
|
2293
|
-
d.stopPropagation(),
|
|
2273
|
+
d.stopPropagation(), a(hr());
|
|
2294
2274
|
},
|
|
2295
|
-
[
|
|
2296
|
-
),
|
|
2275
|
+
[a]
|
|
2276
|
+
), l = () => {
|
|
2297
2277
|
n ? t() : r();
|
|
2298
2278
|
};
|
|
2299
|
-
return
|
|
2300
|
-
const d =
|
|
2279
|
+
return F(() => {
|
|
2280
|
+
const d = Xt ? u.current : e.current;
|
|
2301
2281
|
if (d)
|
|
2302
|
-
return
|
|
2303
|
-
}, [e, i, u]),
|
|
2304
|
-
|
|
2305
|
-
}, [
|
|
2306
|
-
}
|
|
2307
|
-
const
|
|
2308
|
-
idleCheckContainer:
|
|
2309
|
-
idleCheckContainerIdle:
|
|
2310
|
-
idleCheckContainerActive:
|
|
2311
|
-
},
|
|
2312
|
-
function
|
|
2313
|
-
const t = O(null), n = f((
|
|
2314
|
-
|
|
2282
|
+
return pr(d, i);
|
|
2283
|
+
}, [e, i, u]), F(() => {
|
|
2284
|
+
c(!0);
|
|
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(() => {
|
|
2294
|
+
a.current !== null && (window.clearTimeout(a.current), a.current = null);
|
|
2315
2295
|
}, []), d = V(() => {
|
|
2316
|
-
|
|
2317
|
-
}, [
|
|
2318
|
-
|
|
2319
|
-
|
|
2320
|
-
}), [
|
|
2321
|
-
const
|
|
2296
|
+
l(), a.current = window.setTimeout(() => r(!0), Xo);
|
|
2297
|
+
}, [l, r]);
|
|
2298
|
+
F(() => (r(!1), d(), () => {
|
|
2299
|
+
l();
|
|
2300
|
+
}), [l, r, d]), F(() => {
|
|
2301
|
+
const y = () => {
|
|
2322
2302
|
r(!1), d();
|
|
2323
2303
|
};
|
|
2324
|
-
return i.on("resetIdle",
|
|
2325
|
-
i.off("resetIdle",
|
|
2304
|
+
return i.on("resetIdle", y), () => {
|
|
2305
|
+
i.off("resetIdle", y);
|
|
2326
2306
|
};
|
|
2327
2307
|
}, [i, r, d]);
|
|
2328
|
-
const
|
|
2329
|
-
return /* @__PURE__ */
|
|
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 });
|
|
2330
2310
|
}
|
|
2331
|
-
const
|
|
2332
|
-
spinner:
|
|
2311
|
+
const Jo = "_spinner_oo4hi_10", Qo = {
|
|
2312
|
+
spinner: Jo
|
|
2333
2313
|
};
|
|
2334
|
-
function
|
|
2335
|
-
return /* @__PURE__ */
|
|
2314
|
+
function ei(e) {
|
|
2315
|
+
return /* @__PURE__ */ s.jsx("div", N({ className: Qo.spinner }, e));
|
|
2336
2316
|
}
|
|
2337
|
-
function
|
|
2338
|
-
const [n, r] =
|
|
2339
|
-
return
|
|
2340
|
-
const
|
|
2317
|
+
function ti(e, t = 500) {
|
|
2318
|
+
const [n, r] = G(e);
|
|
2319
|
+
return F(() => {
|
|
2320
|
+
const a = window.setTimeout(() => r(e), t);
|
|
2341
2321
|
return () => {
|
|
2342
|
-
window.clearTimeout(
|
|
2322
|
+
window.clearTimeout(a);
|
|
2343
2323
|
};
|
|
2344
2324
|
}, [e, t]), n;
|
|
2345
2325
|
}
|
|
2346
|
-
const
|
|
2347
|
-
loadingContainer:
|
|
2326
|
+
const ni = "_loadingContainer_v9v7r_1", ri = {
|
|
2327
|
+
loadingContainer: ni
|
|
2348
2328
|
};
|
|
2349
|
-
function
|
|
2329
|
+
function vn(n) {
|
|
2350
2330
|
var r = n, { style: e } = r, t = re(r, ["style"]);
|
|
2351
|
-
const
|
|
2352
|
-
return
|
|
2331
|
+
const a = f((u) => u.isLoading);
|
|
2332
|
+
return ti(a, 100) ? /* @__PURE__ */ s.jsx("div", me(N({ className: ri.loadingContainer, style: e }, t), { children: /* @__PURE__ */ s.jsx(ei, {}) })) : null;
|
|
2353
2333
|
}
|
|
2354
|
-
function
|
|
2355
|
-
return /* @__PURE__ */
|
|
2334
|
+
function pn() {
|
|
2335
|
+
return /* @__PURE__ */ s.jsx(
|
|
2356
2336
|
"svg",
|
|
2357
2337
|
{
|
|
2358
2338
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2359
2339
|
viewBox: "0 0 24 24",
|
|
2360
2340
|
fill: "currentColor",
|
|
2361
|
-
children: /* @__PURE__ */
|
|
2341
|
+
children: /* @__PURE__ */ s.jsx("path", { d: "M9.9997 15.1709L19.1921 5.97852L20.6063 7.39273L9.9997 17.9993L3.63574 11.6354L5.04996 10.2212L9.9997 15.1709Z" })
|
|
2362
2342
|
}
|
|
2363
2343
|
);
|
|
2364
2344
|
}
|
|
2365
|
-
function
|
|
2366
|
-
return /* @__PURE__ */
|
|
2345
|
+
function oi() {
|
|
2346
|
+
return /* @__PURE__ */ s.jsx(
|
|
2367
2347
|
"svg",
|
|
2368
2348
|
{
|
|
2369
2349
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2370
2350
|
viewBox: "0 0 24 24",
|
|
2371
2351
|
fill: "currentColor",
|
|
2372
|
-
children: /* @__PURE__ */
|
|
2352
|
+
children: /* @__PURE__ */ s.jsx("path", { d: "M4 5V19H20V5H4ZM3 3H21C21.5523 3 22 3.44772 22 4V20C22 20.5523 21.5523 21 21 21H3C2.44772 21 2 20.5523 2 20V4C2 3.44772 2.44772 3 3 3ZM7.5 11.25H9.5V9H11V15H9.5V12.75H7.5V15H6V9H7.5V11.25ZM14.5 10.5V13.5H16C16.2761 13.5 16.5 13.2761 16.5 13V11C16.5 10.7239 16.2761 10.5 16 10.5H14.5ZM13 9H16C17.1046 9 18 9.89543 18 11V13C18 14.1046 17.1046 15 16 15H13V9Z" })
|
|
2373
2353
|
}
|
|
2374
2354
|
);
|
|
2375
2355
|
}
|
|
2376
|
-
const
|
|
2377
|
-
dropdownMenuContent:
|
|
2378
|
-
dropdownMenuItem:
|
|
2379
|
-
scrollAreaRoot:
|
|
2380
|
-
scrollAreaViewport:
|
|
2381
|
-
scrollAreaScrollbar:
|
|
2382
|
-
scrollAreaThumb:
|
|
2383
|
-
},
|
|
2384
|
-
var u =
|
|
2385
|
-
return /* @__PURE__ */
|
|
2386
|
-
|
|
2387
|
-
|
|
2388
|
-
ref:
|
|
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) => {
|
|
2364
|
+
var u = c, { sideOffset: e = 4, className: t, children: n } = u, r = re(u, ["sideOffset", "className", "children"]);
|
|
2365
|
+
return /* @__PURE__ */ s.jsx(
|
|
2366
|
+
Ce.Content,
|
|
2367
|
+
me(N({
|
|
2368
|
+
ref: a,
|
|
2389
2369
|
sideOffset: e,
|
|
2390
|
-
className: [
|
|
2370
|
+
className: [pe.dropdownMenuContent, t].filter(Boolean).join(" "),
|
|
2391
2371
|
onOpenAutoFocus: (i) => {
|
|
2392
2372
|
i.preventDefault();
|
|
2393
2373
|
},
|
|
@@ -2395,20 +2375,20 @@ const ci = "_dropdownMenuContent_zi433_1", li = "_dropdownMenuItem_zi433_77", ui
|
|
|
2395
2375
|
i.preventDefault();
|
|
2396
2376
|
}
|
|
2397
2377
|
}, r), {
|
|
2398
|
-
children: /* @__PURE__ */
|
|
2399
|
-
|
|
2378
|
+
children: /* @__PURE__ */ s.jsxs(
|
|
2379
|
+
Ie.Root,
|
|
2400
2380
|
{
|
|
2401
|
-
className:
|
|
2381
|
+
className: pe.scrollAreaRoot,
|
|
2402
2382
|
type: "always",
|
|
2403
2383
|
scrollHideDelay: 0,
|
|
2404
2384
|
children: [
|
|
2405
|
-
/* @__PURE__ */
|
|
2406
|
-
/* @__PURE__ */
|
|
2407
|
-
|
|
2385
|
+
/* @__PURE__ */ s.jsx(Ie.Viewport, { className: pe.scrollAreaViewport, children: n }),
|
|
2386
|
+
/* @__PURE__ */ s.jsx(
|
|
2387
|
+
Ie.Scrollbar,
|
|
2408
2388
|
{
|
|
2409
|
-
className:
|
|
2389
|
+
className: pe.scrollAreaScrollbar,
|
|
2410
2390
|
orientation: "vertical",
|
|
2411
|
-
children: /* @__PURE__ */
|
|
2391
|
+
children: /* @__PURE__ */ s.jsx(Ie.Thumb, { className: pe.scrollAreaThumb })
|
|
2412
2392
|
}
|
|
2413
2393
|
)
|
|
2414
2394
|
]
|
|
@@ -2417,19 +2397,19 @@ const ci = "_dropdownMenuContent_zi433_1", li = "_dropdownMenuItem_zi433_77", ui
|
|
|
2417
2397
|
})
|
|
2418
2398
|
);
|
|
2419
2399
|
});
|
|
2420
|
-
|
|
2421
|
-
const
|
|
2422
|
-
var
|
|
2423
|
-
const u = (
|
|
2424
|
-
t == null || t(
|
|
2425
|
-
}, i = (
|
|
2426
|
-
(
|
|
2400
|
+
nt.displayName = "PlayerMenuContent";
|
|
2401
|
+
const rt = Ae((a, r) => {
|
|
2402
|
+
var c = a, { className: e, onClick: t } = c, n = re(c, ["className", "onClick"]);
|
|
2403
|
+
const u = (l) => {
|
|
2404
|
+
t == null || t(l);
|
|
2405
|
+
}, i = (l) => {
|
|
2406
|
+
(l.key === "Enter" || l.key === " ") && (l.preventDefault(), t == null || t(l));
|
|
2427
2407
|
};
|
|
2428
|
-
return /* @__PURE__ */
|
|
2408
|
+
return /* @__PURE__ */ s.jsx(Ce.Close, { asChild: !0, children: /* @__PURE__ */ s.jsx(
|
|
2429
2409
|
"div",
|
|
2430
|
-
|
|
2410
|
+
N({
|
|
2431
2411
|
ref: r,
|
|
2432
|
-
className: [
|
|
2412
|
+
className: [pe.dropdownMenuItem, e].filter(Boolean).join(" "),
|
|
2433
2413
|
role: "menuitem",
|
|
2434
2414
|
tabIndex: 0,
|
|
2435
2415
|
onClick: u,
|
|
@@ -2437,336 +2417,329 @@ const tt = Ve((s, r) => {
|
|
|
2437
2417
|
}, n)
|
|
2438
2418
|
) });
|
|
2439
2419
|
});
|
|
2440
|
-
|
|
2441
|
-
const
|
|
2442
|
-
function
|
|
2443
|
-
const [e, t] =
|
|
2444
|
-
(
|
|
2445
|
-
t(
|
|
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(
|
|
2424
|
+
(l) => {
|
|
2425
|
+
t(l), l ? r(It) : a(It);
|
|
2446
2426
|
},
|
|
2447
|
-
[r,
|
|
2427
|
+
[r, a]
|
|
2448
2428
|
);
|
|
2449
|
-
return !
|
|
2450
|
-
/* @__PURE__ */
|
|
2451
|
-
/* @__PURE__ */
|
|
2452
|
-
|
|
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,
|
|
2453
2433
|
{
|
|
2454
|
-
onClick: () => u(
|
|
2434
|
+
onClick: () => u(l.value),
|
|
2455
2435
|
children: [
|
|
2456
|
-
|
|
2457
|
-
|
|
2436
|
+
l.label,
|
|
2437
|
+
l.selected && /* @__PURE__ */ s.jsx(pn, {})
|
|
2458
2438
|
]
|
|
2459
2439
|
},
|
|
2460
|
-
|
|
2440
|
+
l.sid
|
|
2461
2441
|
)) }) })
|
|
2462
2442
|
] });
|
|
2463
2443
|
}
|
|
2464
|
-
function
|
|
2465
|
-
return /* @__PURE__ */
|
|
2444
|
+
function di() {
|
|
2445
|
+
return /* @__PURE__ */ s.jsx(
|
|
2466
2446
|
"svg",
|
|
2467
2447
|
{
|
|
2468
2448
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2469
2449
|
viewBox: "0 0 24 24",
|
|
2470
2450
|
fill: "currentColor",
|
|
2471
|
-
children: /* @__PURE__ */
|
|
2451
|
+
children: /* @__PURE__ */ s.jsx("path", { d: "M6.60282 10.0001L10 7.22056V16.7796L6.60282 14.0001H3V10.0001H6.60282ZM2 16.0001H5.88889L11.1834 20.3319C11.2727 20.405 11.3846 20.4449 11.5 20.4449C11.7761 20.4449 12 20.2211 12 19.9449V4.05519C12 3.93977 11.9601 3.8279 11.887 3.73857C11.7121 3.52485 11.3971 3.49335 11.1834 3.66821L5.88889 8.00007H2C1.44772 8.00007 1 8.44778 1 9.00007V15.0001C1 15.5524 1.44772 16.0001 2 16.0001ZM23 12C23 15.292 21.5539 18.2463 19.2622 20.2622L17.8445 18.8444C19.7758 17.1937 21 14.7398 21 12C21 9.26016 19.7758 6.80629 17.8445 5.15557L19.2622 3.73779C21.5539 5.75368 23 8.70795 23 12ZM18 12C18 10.0883 17.106 8.38548 15.7133 7.28673L14.2842 8.71584C15.3213 9.43855 16 10.64 16 12C16 13.36 15.3213 14.5614 14.2842 15.2841L15.7133 16.7132C17.106 15.6145 18 13.9116 18 12Z" })
|
|
2472
2452
|
}
|
|
2473
2453
|
);
|
|
2474
2454
|
}
|
|
2475
|
-
function
|
|
2476
|
-
return /* @__PURE__ */
|
|
2455
|
+
function fi() {
|
|
2456
|
+
return /* @__PURE__ */ s.jsx(
|
|
2477
2457
|
"svg",
|
|
2478
2458
|
{
|
|
2479
2459
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2480
2460
|
viewBox: "0 0 24 24",
|
|
2481
2461
|
fill: "currentColor",
|
|
2482
|
-
children: /* @__PURE__ */
|
|
2462
|
+
children: /* @__PURE__ */ s.jsx("path", { d: "M13 7.22056L9.60282 10.0001H6V14.0001H9.60282L13 16.7796V7.22056ZM8.88889 16.0001H5C4.44772 16.0001 4 15.5524 4 15.0001V9.00007C4 8.44778 4.44772 8.00007 5 8.00007H8.88889L14.1834 3.66821C14.3971 3.49335 14.7121 3.52485 14.887 3.73857C14.9601 3.8279 15 3.93977 15 4.05519V19.9449C15 20.2211 14.7761 20.4449 14.5 20.4449C14.3846 20.4449 14.2727 20.405 14.1834 20.3319L8.88889 16.0001ZM18.8631 16.5911L17.4411 15.1691C18.3892 14.4376 19 13.2902 19 12.0001C19 10.5697 18.2493 9.31476 17.1203 8.60766L18.5589 7.16906C20.0396 8.26166 21 10.0187 21 12.0001C21 13.8422 20.1698 15.4905 18.8631 16.5911Z" })
|
|
2483
2463
|
}
|
|
2484
2464
|
);
|
|
2485
2465
|
}
|
|
2486
|
-
function
|
|
2487
|
-
return /* @__PURE__ */
|
|
2466
|
+
function hi() {
|
|
2467
|
+
return /* @__PURE__ */ s.jsx(
|
|
2488
2468
|
"svg",
|
|
2489
2469
|
{
|
|
2490
2470
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2491
2471
|
viewBox: "0 0 24 24",
|
|
2492
2472
|
fill: "currentColor",
|
|
2493
|
-
children: /* @__PURE__ */
|
|
2473
|
+
children: /* @__PURE__ */ s.jsx("path", { d: "M10 7.22056L6.60282 10.0001H3V14.0001H6.60282L10 16.7796V7.22056ZM5.88889 16.0001H2C1.44772 16.0001 1 15.5524 1 15.0001V9.00007C1 8.44778 1.44772 8.00007 2 8.00007H5.88889L11.1834 3.66821C11.3971 3.49335 11.7121 3.52485 11.887 3.73857C11.9601 3.8279 12 3.93977 12 4.05519V19.9449C12 20.2211 11.7761 20.4449 11.5 20.4449C11.3846 20.4449 11.2727 20.405 11.1834 20.3319L5.88889 16.0001ZM20.4142 12.0001L23.9497 15.5356L22.5355 16.9498L19 13.4143L15.4645 16.9498L14.0503 15.5356L17.5858 12.0001L14.0503 8.46454L15.4645 7.05032L19 10.5859L22.5355 7.05032L23.9497 8.46454L20.4142 12.0001Z" })
|
|
2494
2474
|
}
|
|
2495
2475
|
);
|
|
2496
2476
|
}
|
|
2497
|
-
const
|
|
2498
|
-
volumeContainer:
|
|
2499
|
-
volumeSlider:
|
|
2500
|
-
},
|
|
2501
|
-
function
|
|
2502
|
-
const e = f((i) => i.setVolume), t = f((i) => i.volume), n = f((i) => i.addIdleLock), r = f((i) => i.removeIdleLock),
|
|
2503
|
-
e(i[0]), n(
|
|
2504
|
-
},
|
|
2505
|
-
r(
|
|
2477
|
+
const mi = "_volumeContainer_4d6jg_1", vi = "_volumeSlider_4d6jg_8", kt = {
|
|
2478
|
+
volumeContainer: mi,
|
|
2479
|
+
volumeSlider: vi
|
|
2480
|
+
}, Dt = "volume";
|
|
2481
|
+
function Tn() {
|
|
2482
|
+
const e = f((i) => i.setVolume), t = f((i) => i.volume), n = f((i) => i.addIdleLock), r = f((i) => i.removeIdleLock), a = (i) => {
|
|
2483
|
+
e(i[0]), n(Dt);
|
|
2484
|
+
}, c = () => {
|
|
2485
|
+
r(Dt);
|
|
2506
2486
|
}, u = () => e(t ? 0 : 100);
|
|
2507
|
-
return /* @__PURE__ */
|
|
2508
|
-
/* @__PURE__ */
|
|
2509
|
-
/* @__PURE__ */
|
|
2510
|
-
|
|
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,
|
|
2511
2491
|
{
|
|
2512
2492
|
value: [t],
|
|
2513
|
-
onValueChange:
|
|
2514
|
-
onValueCommit:
|
|
2493
|
+
onValueChange: a,
|
|
2494
|
+
onValueCommit: c
|
|
2515
2495
|
}
|
|
2516
2496
|
) })
|
|
2517
2497
|
] });
|
|
2518
2498
|
}
|
|
2519
|
-
function
|
|
2520
|
-
return /* @__PURE__ */
|
|
2499
|
+
function Mi(e) {
|
|
2500
|
+
return /* @__PURE__ */ s.jsx(Gr, { children: /* @__PURE__ */ s.jsx(pi, N({}, e)) });
|
|
2521
2501
|
}
|
|
2522
|
-
function
|
|
2523
|
-
var
|
|
2524
|
-
const r = f((d) => d.containerRef),
|
|
2502
|
+
function pi({ url: e, messages: t = {}, onEvent: n }) {
|
|
2503
|
+
var c, u, i, l;
|
|
2504
|
+
const r = f((d) => d.containerRef), a = {
|
|
2525
2505
|
eventNotStarted: "Event has not started yet.",
|
|
2526
2506
|
eventStartingSoon: "Starting in few seconds...",
|
|
2527
2507
|
unableToPlay: "Unable to play the live stream. Please try again later."
|
|
2528
2508
|
};
|
|
2529
|
-
return
|
|
2530
|
-
console.log(`[Player][Live] Version: ${
|
|
2531
|
-
}, []), /* @__PURE__ */
|
|
2509
|
+
return F(() => {
|
|
2510
|
+
console.log(`[Player][Live] Version: ${tt.version}`);
|
|
2511
|
+
}, []), /* @__PURE__ */ s.jsxs(
|
|
2532
2512
|
"div",
|
|
2533
2513
|
{
|
|
2534
2514
|
ref: r,
|
|
2535
|
-
className:
|
|
2515
|
+
className: Z.playerContainer,
|
|
2536
2516
|
children: [
|
|
2537
|
-
/* @__PURE__ */
|
|
2538
|
-
|
|
2517
|
+
/* @__PURE__ */ s.jsxs(
|
|
2518
|
+
Ur,
|
|
2539
2519
|
{
|
|
2540
2520
|
url: e,
|
|
2541
2521
|
messages: {
|
|
2542
|
-
eventNotStarted: (
|
|
2543
|
-
eventStartingSoon: (u = t == null ? void 0 : t.eventStartingSoon) != null ? u :
|
|
2544
|
-
unableToPlay: (i = t == null ? void 0 : t.unableToPlay) != null ? i :
|
|
2522
|
+
eventNotStarted: (c = t == null ? void 0 : t.eventNotStarted) != null ? c : a.eventNotStarted,
|
|
2523
|
+
eventStartingSoon: (u = t == null ? void 0 : t.eventStartingSoon) != null ? u : a.eventStartingSoon,
|
|
2524
|
+
unableToPlay: (i = t == null ? void 0 : t.unableToPlay) != null ? i : a.unableToPlay
|
|
2545
2525
|
},
|
|
2546
2526
|
children: [
|
|
2547
|
-
/* @__PURE__ */
|
|
2548
|
-
|
|
2527
|
+
/* @__PURE__ */ s.jsx(
|
|
2528
|
+
eo,
|
|
2549
2529
|
{
|
|
2550
2530
|
url: e,
|
|
2551
2531
|
messages: {
|
|
2552
|
-
unableToPlay: (
|
|
2532
|
+
unableToPlay: (l = t == null ? void 0 : t.unableToPlay) != null ? l : a.unableToPlay
|
|
2553
2533
|
}
|
|
2554
2534
|
}
|
|
2555
2535
|
),
|
|
2556
|
-
/* @__PURE__ */
|
|
2557
|
-
/* @__PURE__ */
|
|
2558
|
-
/* @__PURE__ */
|
|
2559
|
-
/* @__PURE__ */
|
|
2560
|
-
/* @__PURE__ */
|
|
2561
|
-
/* @__PURE__ */
|
|
2562
|
-
/* @__PURE__ */
|
|
2563
|
-
/* @__PURE__ */
|
|
2564
|
-
/* @__PURE__ */
|
|
2536
|
+
/* @__PURE__ */ s.jsx(fn, {}),
|
|
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: [
|
|
2544
|
+
/* @__PURE__ */ s.jsxs(
|
|
2565
2545
|
"div",
|
|
2566
2546
|
{
|
|
2567
|
-
className: `${
|
|
2547
|
+
className: `${Z.controlsSection} ${Z.controlsSectionStart}`,
|
|
2568
2548
|
children: [
|
|
2569
|
-
/* @__PURE__ */
|
|
2570
|
-
/* @__PURE__ */
|
|
2571
|
-
/* @__PURE__ */
|
|
2549
|
+
/* @__PURE__ */ s.jsx(_o, {}),
|
|
2550
|
+
/* @__PURE__ */ s.jsx(ko, {}),
|
|
2551
|
+
/* @__PURE__ */ s.jsx(Tn, {})
|
|
2572
2552
|
]
|
|
2573
2553
|
}
|
|
2574
2554
|
),
|
|
2575
|
-
/* @__PURE__ */
|
|
2555
|
+
/* @__PURE__ */ s.jsxs(
|
|
2576
2556
|
"div",
|
|
2577
2557
|
{
|
|
2578
|
-
className: `${
|
|
2558
|
+
className: `${Z.controlsSection} ${Z.controlsSectionEnd}`,
|
|
2579
2559
|
children: [
|
|
2580
|
-
/* @__PURE__ */
|
|
2581
|
-
/* @__PURE__ */
|
|
2582
|
-
/* @__PURE__ */
|
|
2560
|
+
/* @__PURE__ */ s.jsx(wo, { message: t == null ? void 0 : t.live }),
|
|
2561
|
+
/* @__PURE__ */ s.jsx(_n, {}),
|
|
2562
|
+
/* @__PURE__ */ s.jsx(hn, {})
|
|
2583
2563
|
]
|
|
2584
2564
|
}
|
|
2585
2565
|
)
|
|
2586
2566
|
] })
|
|
2587
2567
|
] }) })
|
|
2588
2568
|
] }),
|
|
2589
|
-
/* @__PURE__ */
|
|
2590
|
-
/* @__PURE__ */
|
|
2591
|
-
/* @__PURE__ */
|
|
2569
|
+
/* @__PURE__ */ s.jsx(kr, { url: e }),
|
|
2570
|
+
/* @__PURE__ */ s.jsx(Kr, {}),
|
|
2571
|
+
/* @__PURE__ */ s.jsx(to, { url: e })
|
|
2592
2572
|
]
|
|
2593
2573
|
}
|
|
2594
2574
|
),
|
|
2595
|
-
n && /* @__PURE__ */
|
|
2575
|
+
n && /* @__PURE__ */ s.jsx(Yr, { callback: n })
|
|
2596
2576
|
]
|
|
2597
2577
|
}
|
|
2598
2578
|
);
|
|
2599
2579
|
}
|
|
2600
|
-
const
|
|
2601
|
-
function
|
|
2602
|
-
const [e, t] =
|
|
2603
|
-
(
|
|
2604
|
-
t(
|
|
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(
|
|
2583
|
+
(l) => {
|
|
2584
|
+
t(l), l ? r(Nt) : a(Nt);
|
|
2605
2585
|
},
|
|
2606
|
-
[r,
|
|
2586
|
+
[r, a]
|
|
2607
2587
|
);
|
|
2608
|
-
return /* @__PURE__ */
|
|
2609
|
-
/* @__PURE__ */
|
|
2610
|
-
|
|
2588
|
+
return /* @__PURE__ */ s.jsxs(yn, { open: e, onOpenChange: i, children: [
|
|
2589
|
+
/* @__PURE__ */ s.jsx(gn, { asChild: !0, children: /* @__PURE__ */ s.jsxs(le, { children: [
|
|
2590
|
+
c,
|
|
2611
2591
|
"x"
|
|
2612
2592
|
] }) }),
|
|
2613
|
-
/* @__PURE__ */
|
|
2614
|
-
|
|
2615
|
-
|
|
2616
|
-
|
|
2617
|
-
|
|
2618
|
-
c,
|
|
2619
|
-
"x",
|
|
2620
|
-
l === c && /* @__PURE__ */ a.jsx(hn, {})
|
|
2621
|
-
]
|
|
2622
|
-
},
|
|
2623
|
-
c
|
|
2624
|
-
)) }) })
|
|
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)) }) })
|
|
2625
2598
|
] });
|
|
2626
2599
|
}
|
|
2627
|
-
function
|
|
2628
|
-
const e = f((u) => u.isPlaying), t = f((u) => u.pause), n = f((u) => u.play), r = f((u) => u.currentTime),
|
|
2629
|
-
return /* @__PURE__ */
|
|
2630
|
-
|
|
2600
|
+
function wi() {
|
|
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);
|
|
2602
|
+
return /* @__PURE__ */ s.jsx(
|
|
2603
|
+
cn,
|
|
2631
2604
|
{
|
|
2632
2605
|
onClick: () => {
|
|
2633
2606
|
e ? t() : n();
|
|
2634
2607
|
},
|
|
2635
2608
|
onBackwardSeek: (u) => {
|
|
2636
2609
|
const i = Math.max(0, r - u);
|
|
2637
|
-
|
|
2610
|
+
c(i);
|
|
2638
2611
|
},
|
|
2639
2612
|
onForwardSeek: (u) => {
|
|
2640
|
-
const i = Math.min(r + u,
|
|
2641
|
-
|
|
2613
|
+
const i = Math.min(r + u, a);
|
|
2614
|
+
c(i);
|
|
2642
2615
|
},
|
|
2643
2616
|
maxBackwardTime: Math.floor(r),
|
|
2644
|
-
maxForwardTime: Math.floor(
|
|
2617
|
+
maxForwardTime: Math.floor(a - r)
|
|
2645
2618
|
}
|
|
2646
2619
|
);
|
|
2647
2620
|
}
|
|
2648
|
-
function
|
|
2649
|
-
const e = f((
|
|
2621
|
+
function _i() {
|
|
2622
|
+
const e = f((a) => a.isPlaying), t = f((a) => a.pause), n = f((a) => a.play), r = () => {
|
|
2650
2623
|
e ? t() : n();
|
|
2651
2624
|
};
|
|
2652
|
-
return /* @__PURE__ */
|
|
2625
|
+
return /* @__PURE__ */ s.jsx(le, { onClick: r, children: e ? /* @__PURE__ */ s.jsx(un, {}) : /* @__PURE__ */ s.jsx(dn, {}) });
|
|
2653
2626
|
}
|
|
2654
|
-
const
|
|
2655
|
-
function
|
|
2656
|
-
const e = O(null), t = O(null), [n, r] =
|
|
2657
|
-
(d ? (u !== -1 ? u :
|
|
2658
|
-
),
|
|
2659
|
-
i(d * (
|
|
2660
|
-
},
|
|
2661
|
-
u !== -1 && (
|
|
2662
|
-
},
|
|
2663
|
-
(
|
|
2664
|
-
const
|
|
2665
|
-
if (
|
|
2666
|
-
const
|
|
2667
|
-
if (
|
|
2668
|
-
let
|
|
2669
|
-
|
|
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(
|
|
2630
|
+
(d ? (u !== -1 ? u : l) / d * 100 : 0).toFixed(1)
|
|
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) => {
|
|
2637
|
+
const B = e.current, H = t.current;
|
|
2638
|
+
if (B && H) {
|
|
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);
|
|
2670
2643
|
}
|
|
2671
|
-
|
|
2644
|
+
A();
|
|
2672
2645
|
},
|
|
2673
2646
|
[d]
|
|
2674
2647
|
);
|
|
2675
|
-
return /* @__PURE__ */
|
|
2676
|
-
/* @__PURE__ */
|
|
2677
|
-
|
|
2648
|
+
return /* @__PURE__ */ s.jsxs("div", { className: ae.progressSlider, children: [
|
|
2649
|
+
/* @__PURE__ */ s.jsx(
|
|
2650
|
+
He,
|
|
2678
2651
|
{
|
|
2679
2652
|
ref: e,
|
|
2680
|
-
value: [
|
|
2681
|
-
onPointerLeave:
|
|
2682
|
-
onPointerDown:
|
|
2683
|
-
onPointerMove:
|
|
2684
|
-
onValueChange:
|
|
2685
|
-
onValueCommit:
|
|
2653
|
+
value: [I],
|
|
2654
|
+
onPointerLeave: w,
|
|
2655
|
+
onPointerDown: w,
|
|
2656
|
+
onPointerMove: P,
|
|
2657
|
+
onValueChange: E,
|
|
2658
|
+
onValueCommit: _,
|
|
2686
2659
|
step: 0.1
|
|
2687
2660
|
}
|
|
2688
2661
|
),
|
|
2689
|
-
/* @__PURE__ */
|
|
2662
|
+
/* @__PURE__ */ s.jsx(
|
|
2690
2663
|
"div",
|
|
2691
2664
|
{
|
|
2692
2665
|
ref: t,
|
|
2693
|
-
className: `${
|
|
2694
|
-
children: /* @__PURE__ */
|
|
2666
|
+
className: `${ae.tipContainer} ${n ? ae.tipContainerVisible : ae.tipContainerHidden}`,
|
|
2667
|
+
children: /* @__PURE__ */ s.jsx("p", { className: ae.tipContent, children: xe(a) })
|
|
2695
2668
|
}
|
|
2696
2669
|
)
|
|
2697
2670
|
] });
|
|
2698
2671
|
}
|
|
2699
|
-
const
|
|
2700
|
-
remainingTimeContainer:
|
|
2701
|
-
remainingTime:
|
|
2702
|
-
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
|
|
2703
2676
|
};
|
|
2704
|
-
function
|
|
2677
|
+
function Ri() {
|
|
2705
2678
|
const e = f((n) => n.currentTime), t = f((n) => n.duration);
|
|
2706
|
-
return /* @__PURE__ */
|
|
2707
|
-
/* @__PURE__ */
|
|
2708
|
-
/* @__PURE__ */
|
|
2709
|
-
/* @__PURE__ */
|
|
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) })
|
|
2710
2683
|
] });
|
|
2711
2684
|
}
|
|
2712
|
-
function
|
|
2713
|
-
const { video_id: t } =
|
|
2714
|
-
return n ? /* @__PURE__ */
|
|
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;
|
|
2715
2688
|
}
|
|
2716
|
-
function
|
|
2689
|
+
function bi({ callback: e }) {
|
|
2717
2690
|
const t = f((n) => n.eventEmitter);
|
|
2718
|
-
return
|
|
2691
|
+
return F(() => {
|
|
2719
2692
|
const n = (r) => e("timeUpdate", r);
|
|
2720
2693
|
return t.on("timeUpdate", n), () => {
|
|
2721
2694
|
t.off("timeUpdate", n);
|
|
2722
2695
|
};
|
|
2723
|
-
}, [e, t]), /* @__PURE__ */
|
|
2696
|
+
}, [e, t]), /* @__PURE__ */ s.jsx(nn, { callback: e });
|
|
2724
2697
|
}
|
|
2725
|
-
function
|
|
2726
|
-
const e = f((i) => i.currentTime), t = f((i) => i.duration), n = f((i) => i.isPlaying), r = f((i) => i.pause),
|
|
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(
|
|
2727
2700
|
(i) => {
|
|
2728
|
-
let
|
|
2701
|
+
let l = !1;
|
|
2729
2702
|
if (!(i.target instanceof HTMLInputElement || i.ctrlKey)) {
|
|
2730
2703
|
switch (i.code) {
|
|
2731
2704
|
case "ArrowLeft":
|
|
2732
|
-
|
|
2705
|
+
c(e - 10 >= 0 ? e - 10 : 0), l = !0;
|
|
2733
2706
|
break;
|
|
2734
2707
|
case "ArrowRight":
|
|
2735
|
-
|
|
2708
|
+
c(e + 10 < t ? e + 10 : t), l = !0;
|
|
2736
2709
|
break;
|
|
2737
2710
|
case "Space":
|
|
2738
|
-
n ? r() :
|
|
2711
|
+
n ? r() : a(), l = !0;
|
|
2739
2712
|
break;
|
|
2740
2713
|
}
|
|
2741
|
-
|
|
2714
|
+
l && i.preventDefault();
|
|
2742
2715
|
}
|
|
2743
2716
|
},
|
|
2744
|
-
[e, t, n, r,
|
|
2717
|
+
[e, t, n, r, a, c]
|
|
2745
2718
|
);
|
|
2746
|
-
return
|
|
2719
|
+
return F(() => (document.addEventListener("keydown", u), () => {
|
|
2747
2720
|
document.removeEventListener("keydown", u);
|
|
2748
|
-
}), [u]), /* @__PURE__ */
|
|
2721
|
+
}), [u]), /* @__PURE__ */ s.jsx(sn, {});
|
|
2749
2722
|
}
|
|
2750
|
-
function
|
|
2751
|
-
return /* @__PURE__ */
|
|
2723
|
+
function Fi(e) {
|
|
2724
|
+
return /* @__PURE__ */ s.jsx(an, { children: /* @__PURE__ */ s.jsx(Li, N({}, e)) });
|
|
2752
2725
|
}
|
|
2753
|
-
function
|
|
2726
|
+
function Li({ url: e, messages: t, onEvent: n, startTime: r }) {
|
|
2754
2727
|
var i;
|
|
2755
|
-
const
|
|
2728
|
+
const a = f((l) => l.setStartTime), c = f((l) => l.containerRef), u = {
|
|
2756
2729
|
unableToPlay: "Unable to play the video. Please try again later."
|
|
2757
2730
|
};
|
|
2758
|
-
return
|
|
2759
|
-
r &&
|
|
2760
|
-
}, [r,
|
|
2761
|
-
console.log(`[Player][VOD] Version: ${
|
|
2762
|
-
}, []), /* @__PURE__ */
|
|
2731
|
+
return F(() => {
|
|
2732
|
+
r && a(r);
|
|
2733
|
+
}, [r, a]), F(() => {
|
|
2734
|
+
console.log(`[Player][VOD] Version: ${tt.version}`);
|
|
2735
|
+
}, []), /* @__PURE__ */ s.jsxs(
|
|
2763
2736
|
"div",
|
|
2764
2737
|
{
|
|
2765
|
-
ref:
|
|
2766
|
-
className:
|
|
2738
|
+
ref: c,
|
|
2739
|
+
className: Z.playerContainer,
|
|
2767
2740
|
children: [
|
|
2768
|
-
/* @__PURE__ */
|
|
2769
|
-
|
|
2741
|
+
/* @__PURE__ */ s.jsx(
|
|
2742
|
+
ln,
|
|
2770
2743
|
{
|
|
2771
2744
|
url: e,
|
|
2772
2745
|
isLive: !1,
|
|
@@ -2775,45 +2748,45 @@ function ki({ url: e, messages: t, onEvent: n, startTime: r }) {
|
|
|
2775
2748
|
}
|
|
2776
2749
|
}
|
|
2777
2750
|
),
|
|
2778
|
-
/* @__PURE__ */
|
|
2779
|
-
/* @__PURE__ */
|
|
2780
|
-
/* @__PURE__ */
|
|
2781
|
-
/* @__PURE__ */
|
|
2782
|
-
/* @__PURE__ */
|
|
2783
|
-
/* @__PURE__ */
|
|
2784
|
-
/* @__PURE__ */
|
|
2751
|
+
/* @__PURE__ */ s.jsx(fn, {}),
|
|
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: [
|
|
2757
|
+
/* @__PURE__ */ s.jsxs(
|
|
2785
2758
|
"div",
|
|
2786
2759
|
{
|
|
2787
|
-
className: `${
|
|
2760
|
+
className: `${Z.controlsSection} ${Z.controlsSectionStart}`,
|
|
2788
2761
|
children: [
|
|
2789
|
-
/* @__PURE__ */
|
|
2790
|
-
/* @__PURE__ */
|
|
2791
|
-
/* @__PURE__ */
|
|
2762
|
+
/* @__PURE__ */ s.jsx(_i, {}),
|
|
2763
|
+
/* @__PURE__ */ s.jsx(Tn, {}),
|
|
2764
|
+
/* @__PURE__ */ s.jsx(Ri, {})
|
|
2792
2765
|
]
|
|
2793
2766
|
}
|
|
2794
2767
|
),
|
|
2795
|
-
/* @__PURE__ */
|
|
2768
|
+
/* @__PURE__ */ s.jsxs(
|
|
2796
2769
|
"div",
|
|
2797
2770
|
{
|
|
2798
|
-
className: `${
|
|
2771
|
+
className: `${Z.controlsSection} ${Z.controlsSectionEnd}`,
|
|
2799
2772
|
children: [
|
|
2800
|
-
/* @__PURE__ */
|
|
2801
|
-
/* @__PURE__ */
|
|
2802
|
-
/* @__PURE__ */
|
|
2773
|
+
/* @__PURE__ */ s.jsx(gi, {}),
|
|
2774
|
+
/* @__PURE__ */ s.jsx(_n, {}),
|
|
2775
|
+
/* @__PURE__ */ s.jsx(hn, {})
|
|
2803
2776
|
]
|
|
2804
2777
|
}
|
|
2805
2778
|
)
|
|
2806
2779
|
] })
|
|
2807
2780
|
] }) }) }),
|
|
2808
|
-
/* @__PURE__ */
|
|
2809
|
-
/* @__PURE__ */
|
|
2810
|
-
n && /* @__PURE__ */
|
|
2781
|
+
/* @__PURE__ */ s.jsx(Pi, {}),
|
|
2782
|
+
/* @__PURE__ */ s.jsx(Si, { url: e }),
|
|
2783
|
+
n && /* @__PURE__ */ s.jsx(bi, { callback: n })
|
|
2811
2784
|
]
|
|
2812
2785
|
}
|
|
2813
2786
|
);
|
|
2814
2787
|
}
|
|
2815
2788
|
export {
|
|
2816
|
-
|
|
2817
|
-
|
|
2789
|
+
Mi as LivePlayer,
|
|
2790
|
+
Fi as VodPlayer
|
|
2818
2791
|
};
|
|
2819
2792
|
//# sourceMappingURL=react-video-player.es.js.map
|