@streamlayer/react 0.32.7 → 0.32.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1,69 +1,69 @@
|
|
|
1
|
-
import { jsxs as
|
|
1
|
+
import { jsxs as l, jsx as s, Fragment as k } from "react/jsx-runtime";
|
|
2
2
|
import { s as o, o as j } from "./index4.js";
|
|
3
|
-
import { useStore as
|
|
4
|
-
import { o as
|
|
5
|
-
import { QuestionType as
|
|
6
|
-
import { useState as
|
|
7
|
-
import { d as
|
|
3
|
+
import { useStore as Q } from "@nanostores/react";
|
|
4
|
+
import { o as Oe, r as le, w as Ye, u as je, A as Ve, O as We, c as Fe, a as re, n as Be, f as He } from "./masters2.js";
|
|
5
|
+
import { QuestionType as z, QuestionStatus as E, QuestionImages as V, PickHistoryStatus as B } from "@streamlayer/sdk-web-types";
|
|
6
|
+
import { useState as L, useCallback as F, useEffect as be, useMemo as w, createElement as te, PureComponent as Ce } from "react";
|
|
7
|
+
import { d as ke } from "./index3.js";
|
|
8
8
|
import "react-countup";
|
|
9
|
-
import { CountdownCircleTimer as
|
|
10
|
-
import { E as
|
|
9
|
+
import { CountdownCircleTimer as Ge } from "react-countdown-circle-timer";
|
|
10
|
+
import { E as R } from "./index2.js";
|
|
11
11
|
import "@streamlayer/sdk-web-interfaces";
|
|
12
12
|
import "@streamlayer/sdk-web-notifications";
|
|
13
13
|
import "./useStreamLayerApp.js";
|
|
14
14
|
import "@streamlayer/sdk-web";
|
|
15
|
-
const
|
|
15
|
+
const Ze = /* @__PURE__ */ o("div")({
|
|
16
16
|
name: "Container",
|
|
17
17
|
class: "c1vwopgc",
|
|
18
18
|
propsAsIs: !1
|
|
19
|
-
}),
|
|
19
|
+
}), Je = /* @__PURE__ */ o("div")({
|
|
20
20
|
name: "QuestionTypeWrap",
|
|
21
21
|
class: "qyktpt0",
|
|
22
22
|
propsAsIs: !1
|
|
23
|
-
}),
|
|
23
|
+
}), Ke = () => j, Xe = /* @__PURE__ */ o(Ke())({
|
|
24
24
|
name: "QuestionTypeIcon",
|
|
25
25
|
class: "q951jdx",
|
|
26
26
|
propsAsIs: !0
|
|
27
|
-
}),
|
|
27
|
+
}), et = /* @__PURE__ */ o("span")({
|
|
28
28
|
name: "QuestionTypeTitle",
|
|
29
29
|
class: "qss5f0e",
|
|
30
30
|
propsAsIs: !1
|
|
31
|
-
}),
|
|
31
|
+
}), tt = /* @__PURE__ */ o("button")({
|
|
32
32
|
name: "CloseButton",
|
|
33
33
|
class: "c1ao1jtv",
|
|
34
34
|
propsAsIs: !1
|
|
35
|
-
}),
|
|
35
|
+
}), nt = () => j, st = /* @__PURE__ */ o(nt())({
|
|
36
36
|
name: "CloseIcon",
|
|
37
37
|
class: "cvsl7l3",
|
|
38
38
|
propsAsIs: !0
|
|
39
|
-
}),
|
|
40
|
-
const i = e ?
|
|
41
|
-
return /* @__PURE__ */
|
|
42
|
-
/* @__PURE__ */
|
|
39
|
+
}), we = ({ type: e, close: t, label: n }) => {
|
|
40
|
+
const i = e ? Oe[e] : { label: n, iconName: void 0 };
|
|
41
|
+
return /* @__PURE__ */ l(Ze, { children: [
|
|
42
|
+
/* @__PURE__ */ l(Je, { children: [
|
|
43
43
|
(i == null ? void 0 : i.iconName) && /* @__PURE__ */ s(
|
|
44
|
-
|
|
44
|
+
Xe,
|
|
45
45
|
{
|
|
46
|
-
"data-type-trivia": e ===
|
|
47
|
-
"data-type-poll": e ===
|
|
46
|
+
"data-type-trivia": e === z.TRIVIA,
|
|
47
|
+
"data-type-poll": e === z.POLL,
|
|
48
48
|
name: i.iconName
|
|
49
49
|
}
|
|
50
50
|
),
|
|
51
|
-
(i == null ? void 0 : i.label) && /* @__PURE__ */ s(
|
|
51
|
+
(i == null ? void 0 : i.label) && /* @__PURE__ */ s(et, { children: i.label })
|
|
52
52
|
] }),
|
|
53
|
-
/* @__PURE__ */ s(
|
|
53
|
+
/* @__PURE__ */ s(tt, { onClick: t, children: /* @__PURE__ */ s(st, { name: "icon-cross" }) })
|
|
54
54
|
] });
|
|
55
|
-
},
|
|
55
|
+
}, Ee = (e) => e.split(/\s+/).map((t) => t[0]).join("").toUpperCase(), Le = (e) => e ? e.toLocaleString("en-US") : "0", ce = (e) => e.toLocaleDateString("en-US", {
|
|
56
56
|
weekday: "short",
|
|
57
57
|
month: "short",
|
|
58
58
|
day: "numeric"
|
|
59
|
-
}),
|
|
59
|
+
}), de = (e) => e.toLocaleTimeString("en-US", {
|
|
60
60
|
hour: "2-digit",
|
|
61
61
|
minute: "2-digit"
|
|
62
|
-
}),
|
|
62
|
+
}), ue = (e) => !isNaN(e.getTime()), it = /* @__PURE__ */ o("div")({
|
|
63
63
|
name: "Container",
|
|
64
64
|
class: "c1zy8a",
|
|
65
65
|
propsAsIs: !1
|
|
66
|
-
}),
|
|
66
|
+
}), rt = /* @__PURE__ */ o("div")({
|
|
67
67
|
name: "Title",
|
|
68
68
|
class: "t1vih9p5",
|
|
69
69
|
propsAsIs: !1
|
|
@@ -71,41 +71,41 @@ const Ge = /* @__PURE__ */ o("div")({
|
|
|
71
71
|
name: "Indicator",
|
|
72
72
|
class: "i1fbnvpb",
|
|
73
73
|
propsAsIs: !1
|
|
74
|
-
}),
|
|
75
|
-
/* @__PURE__ */ s(
|
|
74
|
+
}), fe = ({ indicator: e, title: t }) => /* @__PURE__ */ l(it, { children: [
|
|
75
|
+
/* @__PURE__ */ s(rt, { children: t }),
|
|
76
76
|
/* @__PURE__ */ s(ot, { children: e })
|
|
77
|
-
] }),
|
|
77
|
+
] }), at = /* @__PURE__ */ o("div")({
|
|
78
78
|
name: "Container",
|
|
79
79
|
class: "ctmhwyc",
|
|
80
80
|
propsAsIs: !1
|
|
81
|
-
}),
|
|
81
|
+
}), lt = /* @__PURE__ */ o("div")({
|
|
82
82
|
name: "Indicator",
|
|
83
83
|
class: "i1jri200",
|
|
84
84
|
propsAsIs: !1
|
|
85
|
-
}),
|
|
85
|
+
}), ct = /* @__PURE__ */ o("div")({
|
|
86
86
|
name: "Title",
|
|
87
87
|
class: "t8s05oq",
|
|
88
88
|
propsAsIs: !1
|
|
89
|
-
}),
|
|
90
|
-
/* @__PURE__ */ s(
|
|
91
|
-
/* @__PURE__ */ s(
|
|
92
|
-
] }),
|
|
89
|
+
}), H = ({ indicator: e, title: t }) => /* @__PURE__ */ l(at, { children: [
|
|
90
|
+
/* @__PURE__ */ s(lt, { children: e }),
|
|
91
|
+
/* @__PURE__ */ s(ct, { children: t })
|
|
92
|
+
] }), dt = /* @__PURE__ */ o("div")({
|
|
93
93
|
name: "Container",
|
|
94
94
|
class: "c1yrpn9o",
|
|
95
95
|
propsAsIs: !1
|
|
96
|
-
}),
|
|
96
|
+
}), ut = /* @__PURE__ */ o("div")({
|
|
97
97
|
name: "TopInfo",
|
|
98
98
|
class: "t17fwahh",
|
|
99
99
|
propsAsIs: !1
|
|
100
|
-
}),
|
|
100
|
+
}), pt = /* @__PURE__ */ o("div")({
|
|
101
101
|
name: "BottomInfo",
|
|
102
102
|
class: "by6w7e9",
|
|
103
103
|
propsAsIs: !1
|
|
104
|
-
}),
|
|
104
|
+
}), mt = /* @__PURE__ */ o("div")({
|
|
105
105
|
name: "User",
|
|
106
106
|
class: "u1g7arbm",
|
|
107
107
|
propsAsIs: !1
|
|
108
|
-
}),
|
|
108
|
+
}), ht = /* @__PURE__ */ o("img")({
|
|
109
109
|
name: "Avatar",
|
|
110
110
|
class: "a1ldeata",
|
|
111
111
|
propsAsIs: !1
|
|
@@ -113,23 +113,23 @@ const Ge = /* @__PURE__ */ o("div")({
|
|
|
113
113
|
name: "UserInfo",
|
|
114
114
|
class: "u10d4koz",
|
|
115
115
|
propsAsIs: !1
|
|
116
|
-
}),
|
|
116
|
+
}), ft = /* @__PURE__ */ o("div")({
|
|
117
117
|
name: "UserName",
|
|
118
118
|
class: "u1q6roj0",
|
|
119
119
|
propsAsIs: !1
|
|
120
|
-
}),
|
|
120
|
+
}), gt = /* @__PURE__ */ o("div")({
|
|
121
121
|
name: "UserRating",
|
|
122
122
|
class: "ui0m425",
|
|
123
123
|
propsAsIs: !1
|
|
124
|
-
}),
|
|
124
|
+
}), vt = /* @__PURE__ */ o("img")({
|
|
125
125
|
name: "TrophyIcon",
|
|
126
126
|
class: "t1el3mrn",
|
|
127
127
|
propsAsIs: !1
|
|
128
|
-
}),
|
|
128
|
+
}), Mt = /* @__PURE__ */ o("div")({
|
|
129
129
|
name: "Rts",
|
|
130
130
|
class: "r2vgnxv",
|
|
131
131
|
propsAsIs: !1
|
|
132
|
-
}),
|
|
132
|
+
}), At = /* @__PURE__ */ o("div")({
|
|
133
133
|
name: "RtsIndicator",
|
|
134
134
|
class: "roqn06j",
|
|
135
135
|
propsAsIs: !1
|
|
@@ -137,27 +137,27 @@ const Ge = /* @__PURE__ */ o("div")({
|
|
|
137
137
|
name: "RtsLabel",
|
|
138
138
|
class: "r15adx7c",
|
|
139
139
|
propsAsIs: !1
|
|
140
|
-
}),
|
|
140
|
+
}), yt = /* @__PURE__ */ o("div")({
|
|
141
141
|
name: "Divider",
|
|
142
142
|
class: "dv59lta",
|
|
143
143
|
propsAsIs: !1
|
|
144
|
-
}),
|
|
144
|
+
}), Tt = /* @__PURE__ */ o("div")({
|
|
145
145
|
name: "Ranks",
|
|
146
146
|
class: "r55lotb",
|
|
147
147
|
propsAsIs: !1
|
|
148
|
-
}),
|
|
148
|
+
}), Dt = /* @__PURE__ */ o("div")({
|
|
149
149
|
name: "Statistics",
|
|
150
150
|
class: "s1knfgqt",
|
|
151
151
|
propsAsIs: !1
|
|
152
|
-
}),
|
|
152
|
+
}), St = /* @__PURE__ */ o("div")({
|
|
153
153
|
name: "AvatarPlaceholder",
|
|
154
154
|
class: "a1mqo824",
|
|
155
155
|
propsAsIs: !1
|
|
156
|
-
}),
|
|
156
|
+
}), zt = /* @__PURE__ */ o("button")({
|
|
157
157
|
name: "UserAccountBtn",
|
|
158
158
|
class: "uxareh6",
|
|
159
159
|
propsAsIs: !1
|
|
160
|
-
}),
|
|
160
|
+
}), xt = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlRyb3BoeSI+CjxwYXRoIGlkPSJDb21iaW5lZCBTaGFwZSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zLjY5MTk3IDQuNjY2NjJDMy42OTE5NyA1Ljk5NzA1IDMuOTI5MTQgNy4xNzc4NyA0LjQwMzUgOC4yMDkxMkMzLjQ5OTY2IDguMDI0NTEgMi43NDQ4NyA3LjY2NDg2IDIuMTM5MSA3LjEzMDE0QzEuNTMzMzMgNi41OTU0MiAxLjIzMDQ2IDYuMDc5OCAxLjIzMDQ2IDUuNTgzMjhWNC42NjY2MkgzLjY5MTk3Wk0xNC43Njg2IDQuNjY2NjJWNS41ODMyOEMxNC43Njg2IDYuMDc5OCAxNC40NjU4IDYuNTk1NDIgMTMuODYgNy4xMzAxNEMxMy4yNTQyIDcuNjY0ODYgMTIuNDk5NCA4LjAyNDUxIDExLjU5NTYgOC4yMDkxMkMxMi4wNjk5IDcuMTc3ODcgMTIuMzA3MSA1Ljk5NzA1IDEyLjMwNzEgNC42NjY2MkgxNC43Njg2Wk0xNS45OTk4IDUuNTgzMjlWNC4zNjEwOEMxNS45OTk4IDQuMTA2NDUgMTUuOTEwMSAzLjg5MDAyIDE1LjczMDYgMy43MTE3OEMxNS41NTExIDMuNTMzNTQgMTUuMzMzMiAzLjQ0NDQyIDE1LjA3NjggMy40NDQ0MkgxMi4zMDc2VjIuNTI3NzZDMTIuMzA3NiAyLjEwNzYzIDEyLjE1NjkgMS43NDc5NyAxMS44NTU2IDEuNDQ4NzhDMTEuNTU0NCAxLjE0OTU5IDExLjE5MjIgMSAxMC43NjkxIDFINS4yMzA3MkM0LjgwNzY0IDEgNC40NDU0NyAxLjE0OTU5IDQuMTQ0MTkgMS40NDg3OEMzLjg0MjkxIDEuNzQ3OTcgMy42OTIyNyAyLjEwNzYzIDMuNjkyMjcgMi41Mjc3NlYzLjQ0NDQySDAuOTIzMDY4QzAuNjY2NjU5IDMuNDQ0NDIgMC40NDg3MTQgMy41MzM1NCAwLjI2OTIyOCAzLjcxMTc4QzAuMDg5NzQxOCAzLjg5MDAyIDAgNC4xMDY0NSAwIDQuMzYxMDhWNS41ODMyOUMwIDYuMDM1MjUgMC4xMzMwMSA2LjQ5MDM5IDAuMzk5MDM0IDYuOTQ4NzJDMC42NjUwNTkgNy40MDcwNSAxLjAyNDAzIDcuODIwODIgMS40NzU5NSA4LjE5MDAzQzEuOTI3ODcgOC41NTkyNCAyLjQ4MjM0IDguODY5NTcgMy4xMzkzOSA5LjEyMTAxQzMuNzk2NDQgOS4zNzI0NiA0LjQ4NzEzIDkuNTE0MDkgNS4yMTE0OSA5LjU0NTkyQzUuNDgwNzEgOS44ODk2NyA1Ljc4NTIgMTAuMTkyIDYuMTI0OTQgMTAuNDUzQzYuMzY4NTMgMTAuNjY5NSA2LjUzNjc5IDEwLjkwMDIgNi42Mjk3NCAxMS4xNDUzQzYuNzIyNjkgMTEuMzkwNCA2Ljc2OTE2IDExLjY3NTIgNi43NjkxNiAxMS45OTk5QzYuNzY5MTYgMTIuMzQzNiA2LjY3MTQxIDEyLjYzMzMgNi40NzU5IDEyLjg2ODhDNi4yODAzOCAxMy4xMDQzIDUuOTY3ODkgMTMuMjIyMSA1LjUzODQxIDEzLjIyMjFDNS4wNTc2NCAxMy4yMjIxIDQuNjI5NzYgMTMuMzY2OSA0LjI1NDc2IDEzLjY1NjZDMy44Nzk3NyAxMy45NDYyIDMuNjkyMjcgMTQuMzEwNiAzLjY5MjI3IDE0Ljc0OTlWMTUuMzYxQzMuNjkyMjcgMTUuNDUwMSAzLjcyMTEyIDE1LjUyMzMgMy43Nzg4MSAxNS41ODA2QzMuODM2NSAxNS42Mzc5IDMuOTEwMjIgMTUuNjY2NSAzLjk5OTk2IDE1LjY2NjVIMTEuOTk5OUMxMi4wODk2IDE1LjY2NjUgMTIuMTYzMyAxNS42Mzc5IDEyLjIyMSAxNS41ODA2QzEyLjI3ODcgMTUuNTIzMyAxMi4zMDc2IDE1LjQ1MDEgMTIuMzA3NiAxNS4zNjFWMTQuNzQ5OUMxMi4zMDc2IDE0LjMxMDYgMTIuMTIwMSAxMy45NDYyIDExLjc0NTEgMTMuNjU2NkMxMS4zNzAxIDEzLjM2NjkgMTAuOTQyMiAxMy4yMjIxIDEwLjQ2MTQgMTMuMjIyMUMxMC4wMzE5IDEzLjIyMjEgOS43MTk0NSAxMy4xMDQzIDkuNTIzOTQgMTIuODY4OEM5LjMyODQzIDEyLjYzMzMgOS4yMzA2OCAxMi4zNDM2IDkuMjMwNjggMTEuOTk5OUM5LjIzMDY4IDExLjY3NTIgOS4yNzcxNSAxMS4zOTA0IDkuMzcwMSAxMS4xNDUzQzkuNDYzMDUgMTAuOTAwMiA5LjYzMTMxIDEwLjY2OTUgOS44NzQ5IDEwLjQ1M0MxMC4yMTQ2IDEwLjE5MiAxMC41MTkxIDkuODg5NjcgMTAuNzg4NCA5LjU0NTkyQzExLjUxMjcgOS41MTQwOSAxMi4yMDM0IDkuMzcyNDYgMTIuODYwNCA5LjEyMTAxQzEzLjUxNzUgOC44Njk1NyAxNC4wNzIgOC41NTkyNCAxNC41MjM5IDguMTkwMDNDMTQuOTc1OCA3LjgyMDgyIDE1LjMzNDggNy40MDcwNSAxNS42MDA4IDYuOTQ4NzJDMTUuODY2OCA2LjQ5MDM5IDE1Ljk5OTggNi4wMzUyNSAxNS45OTk4IDUuNTgzMjlaTTYuNzYwNDcgNy4xNzk4TDguMDUxMDkgNi40OTk5N0w5LjM0MTcgNy4xNzk4TDkuMDk1MjEgNS43Mzk4OUwxMC4xMzkzIDQuNzIwMTVMOC42OTYzOSA0LjUxMDA3TDguMDUxMDkgMy4yTDcuNDA1NzggNC41MTAwN0w1Ljk2MjgzIDQuNzIwMTVMNy4wMDY5NiA1LjczOTg5TDYuNzYwNDcgNy4xNzk4WiIgZmlsbD0iI0YyQzk0QyIvPgo8L2c+Cjwvc3ZnPgo=", $e = ({
|
|
161
161
|
avatar: e,
|
|
162
162
|
name: t,
|
|
163
163
|
points: n,
|
|
@@ -165,27 +165,27 @@ const Ge = /* @__PURE__ */ o("div")({
|
|
|
165
165
|
rank: r,
|
|
166
166
|
streak: m,
|
|
167
167
|
correct: c,
|
|
168
|
-
incorrect:
|
|
168
|
+
incorrect: h,
|
|
169
169
|
inTop: d,
|
|
170
|
-
successRate:
|
|
171
|
-
}) => /* @__PURE__ */
|
|
172
|
-
/* @__PURE__ */ s(
|
|
173
|
-
/* @__PURE__ */
|
|
174
|
-
e && /* @__PURE__ */ s(
|
|
175
|
-
!e && /* @__PURE__ */ s(
|
|
170
|
+
successRate: f
|
|
171
|
+
}) => /* @__PURE__ */ l(dt, { children: [
|
|
172
|
+
/* @__PURE__ */ s(ut, { children: /* @__PURE__ */ l(mt, { children: [
|
|
173
|
+
/* @__PURE__ */ l(zt, { children: [
|
|
174
|
+
e && /* @__PURE__ */ s(ht, { alt: "avatar", src: e }),
|
|
175
|
+
!e && /* @__PURE__ */ s(St, { children: Ee(t || "") })
|
|
176
176
|
] }),
|
|
177
|
-
/* @__PURE__ */
|
|
178
|
-
/* @__PURE__ */ s(
|
|
179
|
-
/* @__PURE__ */
|
|
180
|
-
/* @__PURE__ */
|
|
181
|
-
/* @__PURE__ */ s(
|
|
182
|
-
/* @__PURE__ */
|
|
183
|
-
|
|
177
|
+
/* @__PURE__ */ l(It, { children: [
|
|
178
|
+
/* @__PURE__ */ s(ft, { children: t }),
|
|
179
|
+
/* @__PURE__ */ l(gt, { children: [
|
|
180
|
+
/* @__PURE__ */ l(Mt, { children: [
|
|
181
|
+
/* @__PURE__ */ s(vt, { alt: "rank-icon", src: xt }),
|
|
182
|
+
/* @__PURE__ */ l(At, { children: [
|
|
183
|
+
Le(n),
|
|
184
184
|
/* @__PURE__ */ s(Nt, { children: "PTS" })
|
|
185
185
|
] })
|
|
186
186
|
] }),
|
|
187
|
-
/* @__PURE__ */ s(
|
|
188
|
-
/* @__PURE__ */
|
|
187
|
+
/* @__PURE__ */ s(yt, {}),
|
|
188
|
+
/* @__PURE__ */ l("div", { children: [
|
|
189
189
|
"TOP ",
|
|
190
190
|
d || 0,
|
|
191
191
|
"%"
|
|
@@ -193,71 +193,71 @@ const Ge = /* @__PURE__ */ o("div")({
|
|
|
193
193
|
] })
|
|
194
194
|
] })
|
|
195
195
|
] }) }),
|
|
196
|
-
/* @__PURE__ */
|
|
197
|
-
/* @__PURE__ */
|
|
198
|
-
/* @__PURE__ */ s(
|
|
199
|
-
/* @__PURE__ */ s(
|
|
196
|
+
/* @__PURE__ */ l(pt, { children: [
|
|
197
|
+
/* @__PURE__ */ l(Tt, { children: [
|
|
198
|
+
/* @__PURE__ */ s(fe, { indicator: i || 0, title: "Friends rank" }),
|
|
199
|
+
/* @__PURE__ */ s(fe, { indicator: r || 0, title: "Global rank" })
|
|
200
200
|
] }),
|
|
201
|
-
/* @__PURE__ */
|
|
202
|
-
/* @__PURE__ */ s(
|
|
203
|
-
/* @__PURE__ */ s(
|
|
204
|
-
/* @__PURE__ */ s(
|
|
205
|
-
/* @__PURE__ */ s(
|
|
201
|
+
/* @__PURE__ */ l(Dt, { children: [
|
|
202
|
+
/* @__PURE__ */ s(H, { indicator: m || 0, title: "Win streak" }),
|
|
203
|
+
/* @__PURE__ */ s(H, { indicator: c || 0, title: "Correct" }),
|
|
204
|
+
/* @__PURE__ */ s(H, { indicator: h || 0, title: "Incorrect" }),
|
|
205
|
+
/* @__PURE__ */ s(H, { indicator: `${f || 0}%`, title: "Succ. rate" })
|
|
206
206
|
] })
|
|
207
207
|
] })
|
|
208
|
-
] }),
|
|
208
|
+
] }), Ot = /* @__PURE__ */ o("div")({
|
|
209
209
|
name: "SponsorLogoWrap",
|
|
210
210
|
class: "s8p5v5z",
|
|
211
211
|
propsAsIs: !1
|
|
212
|
-
}),
|
|
212
|
+
}), jt = () => j, bt = /* @__PURE__ */ o(jt())({
|
|
213
213
|
name: "SponsorLogo",
|
|
214
214
|
class: "s755yti",
|
|
215
215
|
propsAsIs: !0
|
|
216
|
-
}),
|
|
217
|
-
children: /* @__PURE__ */ s(
|
|
216
|
+
}), Ct = () => /* @__PURE__ */ s(Ot, {
|
|
217
|
+
children: /* @__PURE__ */ s(bt, {
|
|
218
218
|
name: "mastersLogo"
|
|
219
219
|
})
|
|
220
|
-
}),
|
|
220
|
+
}), kt = /* @__PURE__ */ o("div")({
|
|
221
221
|
name: "Container",
|
|
222
222
|
class: "c38csyt",
|
|
223
223
|
propsAsIs: !1
|
|
224
|
-
}),
|
|
224
|
+
}), wt = /* @__PURE__ */ o("div")({
|
|
225
225
|
name: "Title",
|
|
226
226
|
class: "ty221rx",
|
|
227
227
|
propsAsIs: !1
|
|
228
|
-
}),
|
|
228
|
+
}), Et = /* @__PURE__ */ o("div")({
|
|
229
229
|
name: "Description",
|
|
230
230
|
class: "dlaj9xp",
|
|
231
231
|
propsAsIs: !1
|
|
232
|
-
}), Lt = ({ title: e, description: t }) => /* @__PURE__ */
|
|
232
|
+
}), Lt = ({ title: e, description: t }) => /* @__PURE__ */ l(kt, { children: [
|
|
233
233
|
/* @__PURE__ */ s(j, { name: "icon-check-circle" }),
|
|
234
|
-
/* @__PURE__ */ s(
|
|
235
|
-
/* @__PURE__ */ s(
|
|
236
|
-
] }),
|
|
234
|
+
/* @__PURE__ */ s(wt, { children: e }),
|
|
235
|
+
/* @__PURE__ */ s(Et, { children: t })
|
|
236
|
+
] }), $t = /* @__PURE__ */ o("div")({
|
|
237
237
|
name: "Container",
|
|
238
238
|
class: "c16sbdnm",
|
|
239
239
|
propsAsIs: !1
|
|
240
|
-
}),
|
|
240
|
+
}), Rt = () => j, Qt = /* @__PURE__ */ o(Rt())({
|
|
241
241
|
name: "IconPrediction",
|
|
242
242
|
class: "ibhorgl",
|
|
243
243
|
propsAsIs: !0
|
|
244
|
-
}),
|
|
244
|
+
}), W = /* @__PURE__ */ o("div")({
|
|
245
245
|
name: "FeedbackIconWrap",
|
|
246
246
|
class: "f1g20ja7",
|
|
247
247
|
propsAsIs: !1
|
|
248
|
-
}),
|
|
248
|
+
}), G = /* @__PURE__ */ o("div")({
|
|
249
249
|
name: "FeedbackHeader",
|
|
250
250
|
class: "f455ozj",
|
|
251
251
|
propsAsIs: !1
|
|
252
|
-
}),
|
|
252
|
+
}), Ut = /* @__PURE__ */ o("span")({
|
|
253
253
|
name: "FeedbackTitle",
|
|
254
254
|
class: "f1913njx",
|
|
255
255
|
propsAsIs: !1
|
|
256
|
-
}),
|
|
256
|
+
}), P = /* @__PURE__ */ o("span")({
|
|
257
257
|
name: "FeedbackDescription",
|
|
258
258
|
class: "fzfk69z",
|
|
259
259
|
propsAsIs: !1
|
|
260
|
-
}),
|
|
260
|
+
}), ne = /* @__PURE__ */ o("div")({
|
|
261
261
|
name: "FeedbackText",
|
|
262
262
|
class: "fx87qaj",
|
|
263
263
|
propsAsIs: !1
|
|
@@ -267,37 +267,58 @@ const Ge = /* @__PURE__ */ o("div")({
|
|
|
267
267
|
questionVoted: n,
|
|
268
268
|
questionType: i,
|
|
269
269
|
hasCorrectAnswer: r,
|
|
270
|
-
questionStatus: m
|
|
270
|
+
questionStatus: m,
|
|
271
|
+
votedInCurrentRender: c,
|
|
272
|
+
votedAfterQuestionClosed: h,
|
|
273
|
+
enteredAnActiveQuestion: d
|
|
271
274
|
}) => {
|
|
272
|
-
const
|
|
273
|
-
if (!
|
|
275
|
+
const f = n && (i === z.TRIVIA || i === z.PREDICTION) && c && m !== E.RESOLVED, N = i === z.PREDICTION && !r, D = m === E.RESOLVED && i === z.TRIVIA && !n && !d, A = i === z.TRIVIA && h && c && d, S = m === E.RESOLVED && i === z.PREDICTION && !n && !d || i === z.PREDICTION && h && c && d, T = f && N, a = f && r, p = n && i === z.POLL && c;
|
|
276
|
+
if (!D && !A && !T && !a && !S && !p)
|
|
274
277
|
return null;
|
|
275
|
-
const
|
|
276
|
-
return /* @__PURE__ */
|
|
277
|
-
|
|
278
|
-
/* @__PURE__ */ s(
|
|
279
|
-
/* @__PURE__ */
|
|
280
|
-
/* @__PURE__ */ s(
|
|
281
|
-
/* @__PURE__ */ s(
|
|
278
|
+
const u = t ? "correct" : "incorrect", I = t ? e == null ? void 0 : e.correctFeedback : e == null ? void 0 : e.incorrectFeedback;
|
|
279
|
+
return /* @__PURE__ */ l($t, { "data-isPrediction": N, children: [
|
|
280
|
+
D && /* @__PURE__ */ l(k, { children: [
|
|
281
|
+
/* @__PURE__ */ s(W, { children: /* @__PURE__ */ s(j, { name: "questionExpired" }) }),
|
|
282
|
+
/* @__PURE__ */ l("div", { children: [
|
|
283
|
+
/* @__PURE__ */ s(G, { children: /* @__PURE__ */ s(P, { children: "Question Expired" }) }),
|
|
284
|
+
/* @__PURE__ */ s(ne, { children: "You can still answer to see if you're correct, but no points are awarded for expired questions." })
|
|
285
|
+
] })
|
|
286
|
+
] }),
|
|
287
|
+
A && /* @__PURE__ */ l(k, { children: [
|
|
288
|
+
/* @__PURE__ */ s(W, { children: /* @__PURE__ */ s(j, { name: "questionExpired" }) }),
|
|
289
|
+
/* @__PURE__ */ l("div", { children: [
|
|
290
|
+
/* @__PURE__ */ s(G, { children: /* @__PURE__ */ s(P, { children: "Question Closed" }) }),
|
|
291
|
+
/* @__PURE__ */ s(ne, { children: "This question was answered after the moderator closed the question. So the points for this answer won’t tally." })
|
|
292
|
+
] })
|
|
293
|
+
] }),
|
|
294
|
+
S && /* @__PURE__ */ l(k, { children: [
|
|
295
|
+
/* @__PURE__ */ s(W, { children: /* @__PURE__ */ s(j, { name: "questionExpired" }) }),
|
|
296
|
+
/* @__PURE__ */ l("div", { children: [
|
|
297
|
+
/* @__PURE__ */ s(G, { children: /* @__PURE__ */ s(P, { children: "Question Closed" }) }),
|
|
298
|
+
/* @__PURE__ */ s(ne, { children: "This event has already taken place, so the ability to make a prediction on its outcome is no longer available." })
|
|
282
299
|
] })
|
|
283
300
|
] }),
|
|
284
|
-
|
|
285
|
-
/* @__PURE__ */ s(
|
|
286
|
-
/* @__PURE__ */ s(
|
|
301
|
+
T && /* @__PURE__ */ l(k, { children: [
|
|
302
|
+
/* @__PURE__ */ s(Qt, { name: "icon-prediction" }),
|
|
303
|
+
/* @__PURE__ */ s(P, { children: "Stay tuned to see if your prediction was correct." })
|
|
304
|
+
] }),
|
|
305
|
+
p && /* @__PURE__ */ l(k, { children: [
|
|
306
|
+
/* @__PURE__ */ s(W, { "data-feedbackType": "correct", children: /* @__PURE__ */ s(j, { name: "correct" }) }),
|
|
307
|
+
/* @__PURE__ */ s(P, { children: "That's for answering. Please stay tuned for the next question." })
|
|
287
308
|
] }),
|
|
288
|
-
|
|
289
|
-
/* @__PURE__ */ s(
|
|
290
|
-
/* @__PURE__ */ s("div", { children: /* @__PURE__ */
|
|
291
|
-
/* @__PURE__ */ s(
|
|
292
|
-
/* @__PURE__ */ s(
|
|
309
|
+
a && /* @__PURE__ */ l(k, { children: [
|
|
310
|
+
/* @__PURE__ */ s(W, { "data-feedbackType": u, children: /* @__PURE__ */ s(j, { name: u }) }),
|
|
311
|
+
/* @__PURE__ */ s("div", { children: /* @__PURE__ */ l(G, { children: [
|
|
312
|
+
/* @__PURE__ */ s(Ut, { "data-feedbackType": u, children: I == null ? void 0 : I.title }),
|
|
313
|
+
/* @__PURE__ */ s(P, { children: I == null ? void 0 : I.description })
|
|
293
314
|
] }) })
|
|
294
315
|
] })
|
|
295
316
|
] });
|
|
296
|
-
},
|
|
317
|
+
}, Pt = /* @__PURE__ */ o("div")({
|
|
297
318
|
name: "Container",
|
|
298
319
|
class: "c14ielyq",
|
|
299
320
|
propsAsIs: !1
|
|
300
|
-
}),
|
|
321
|
+
}), _t = /* @__PURE__ */ o("div")({
|
|
301
322
|
name: "Content",
|
|
302
323
|
class: "c1tlqx57",
|
|
303
324
|
propsAsIs: !1
|
|
@@ -305,11 +326,11 @@ const Ge = /* @__PURE__ */ o("div")({
|
|
|
305
326
|
name: "Title",
|
|
306
327
|
class: "t1hq58md",
|
|
307
328
|
propsAsIs: !1
|
|
308
|
-
}),
|
|
329
|
+
}), Vt = /* @__PURE__ */ o("div")({
|
|
309
330
|
name: "Options",
|
|
310
331
|
class: "o1c8nxcx",
|
|
311
332
|
propsAsIs: !1
|
|
312
|
-
}),
|
|
333
|
+
}), Wt = /* @__PURE__ */ o("button")({
|
|
313
334
|
name: "ButtonContainer",
|
|
314
335
|
class: "b1b6dl8t",
|
|
315
336
|
propsAsIs: !1
|
|
@@ -329,15 +350,15 @@ const Ge = /* @__PURE__ */ o("div")({
|
|
|
329
350
|
name: "IconWrap",
|
|
330
351
|
class: "i19tpfua",
|
|
331
352
|
propsAsIs: !1
|
|
332
|
-
}),
|
|
353
|
+
}), Re = /* @__PURE__ */ o("img")({
|
|
333
354
|
name: "Icon",
|
|
334
355
|
class: "i1tubmma",
|
|
335
356
|
propsAsIs: !1
|
|
336
|
-
}), Zt = () =>
|
|
357
|
+
}), Zt = () => Re, Jt = /* @__PURE__ */ o(Zt())({
|
|
337
358
|
name: "IconDefault",
|
|
338
359
|
class: "i1grrgwj",
|
|
339
360
|
propsAsIs: !0
|
|
340
|
-
}), Kt = () =>
|
|
361
|
+
}), Kt = () => Re, Xt = /* @__PURE__ */ o(Kt())({
|
|
341
362
|
name: "IconCircle",
|
|
342
363
|
class: "ibemyq8",
|
|
343
364
|
propsAsIs: !0
|
|
@@ -353,33 +374,33 @@ const Ge = /* @__PURE__ */ o("div")({
|
|
|
353
374
|
name: "Percentage",
|
|
354
375
|
class: "p17ajcu2",
|
|
355
376
|
propsAsIs: !1
|
|
356
|
-
}), sn = () => j,
|
|
377
|
+
}), sn = () => j, rn = /* @__PURE__ */ o(sn())({
|
|
357
378
|
name: "CheckIcon",
|
|
358
379
|
class: "cu9kmlb",
|
|
359
380
|
propsAsIs: !0
|
|
360
|
-
}),
|
|
361
|
-
[
|
|
362
|
-
[
|
|
363
|
-
[
|
|
364
|
-
[
|
|
365
|
-
[
|
|
366
|
-
},
|
|
367
|
-
if (e ===
|
|
381
|
+
}), ge = {
|
|
382
|
+
[V.CENTERED]: (e) => /* @__PURE__ */ s(Jt, { alt: "option-icon", src: e }),
|
|
383
|
+
[V.TRANSPARENT]: (e) => /* @__PURE__ */ s(Ht, { children: /* @__PURE__ */ s(Gt, { style: { backgroundImage: `url(${e})` } }) }),
|
|
384
|
+
[V.ROUNDED]: (e) => /* @__PURE__ */ s(Xt, { alt: "option-icon", src: e }),
|
|
385
|
+
[V.NONE]: () => null,
|
|
386
|
+
[V.UNSET]: () => null
|
|
387
|
+
}, on = ({ questionType: e, hasCorrectAnswer: t, correct: n, youVoted: i, questionVoted: r }) => {
|
|
388
|
+
if (e === z.POLL && i)
|
|
368
389
|
return "correct";
|
|
369
|
-
if (e ===
|
|
390
|
+
if (e === z.PREDICTION) {
|
|
370
391
|
if (t && r)
|
|
371
392
|
return i ? n ? "correct" : "incorrect" : "unset";
|
|
372
393
|
if (i)
|
|
373
394
|
return "correct";
|
|
374
395
|
}
|
|
375
|
-
return e ===
|
|
396
|
+
return e === z.TRIVIA && r && i ? n ? "correct" : "incorrect" : "unset";
|
|
376
397
|
}, an = ({
|
|
377
398
|
questionType: e,
|
|
378
399
|
questionVoted: t,
|
|
379
400
|
correct: n,
|
|
380
401
|
hasCorrectAnswer: i,
|
|
381
402
|
questionStatus: r
|
|
382
|
-
}) => e ===
|
|
403
|
+
}) => e === z.TRIVIA ? t && n : e === z.PREDICTION ? t && n && i || r === E.RESOLVED && n : !1, ln = (e) => {
|
|
383
404
|
var t;
|
|
384
405
|
const {
|
|
385
406
|
// option props
|
|
@@ -389,58 +410,63 @@ const Ge = /* @__PURE__ */ o("div")({
|
|
|
389
410
|
percentageDecimal: m,
|
|
390
411
|
// extra props
|
|
391
412
|
onVote: c,
|
|
392
|
-
|
|
393
|
-
|
|
413
|
+
markThatVoted: h,
|
|
414
|
+
youSelected: d,
|
|
415
|
+
questionVoted: f,
|
|
394
416
|
// ToDo: Figure out why imageMode is not in the response, and delete default value
|
|
395
|
-
imageMode:
|
|
396
|
-
answerTimeExpired:
|
|
397
|
-
questionStatus:
|
|
398
|
-
isLoading:
|
|
417
|
+
imageMode: N,
|
|
418
|
+
answerTimeExpired: D,
|
|
419
|
+
questionStatus: A,
|
|
420
|
+
isLoading: S,
|
|
399
421
|
questionType: T,
|
|
400
|
-
correct:
|
|
401
|
-
hasCorrectAnswer:
|
|
402
|
-
|
|
403
|
-
|
|
404
|
-
|
|
422
|
+
correct: a,
|
|
423
|
+
hasCorrectAnswer: p,
|
|
424
|
+
votedAfterQuestionClosed: u,
|
|
425
|
+
enteredAnActiveQuestion: I
|
|
426
|
+
} = e, g = on(e), x = an({ questionType: T, questionVoted: f, correct: a, hasCorrectAnswer: p, questionStatus: A }), v = A === E.RESOLVED && T === z.PREDICTION, y = f || v;
|
|
427
|
+
return /* @__PURE__ */ l(
|
|
428
|
+
Wt,
|
|
405
429
|
{
|
|
406
430
|
value: n,
|
|
407
|
-
"data-selected":
|
|
408
|
-
"data-answerState":
|
|
409
|
-
disabled:
|
|
410
|
-
"data-isNotChecked":
|
|
411
|
-
onClick:
|
|
431
|
+
"data-selected": d,
|
|
432
|
+
"data-answerState": g,
|
|
433
|
+
disabled: f || S || D || v && !I || v && I && u,
|
|
434
|
+
"data-isNotChecked": f && !d && g !== "incorrect",
|
|
435
|
+
onClick: (M) => {
|
|
436
|
+
h(A === E.RESOLVED), c(M);
|
|
437
|
+
},
|
|
412
438
|
children: [
|
|
413
|
-
/* @__PURE__ */ s(Ft, { "data-answerState":
|
|
414
|
-
/* @__PURE__ */
|
|
415
|
-
i &&
|
|
439
|
+
/* @__PURE__ */ s(Ft, { "data-answerState": g, style: { width: `${y ? m : 0}%` } }),
|
|
440
|
+
/* @__PURE__ */ l(Bt, { children: [
|
|
441
|
+
i && N && ((t = ge[N]) == null ? void 0 : t.call(ge, i)),
|
|
416
442
|
/* @__PURE__ */ s(en, { children: r }),
|
|
417
|
-
|
|
418
|
-
|
|
419
|
-
/* @__PURE__ */ s(nn, { children: /* @__PURE__ */ s(
|
|
443
|
+
y && /* @__PURE__ */ l(tn, { children: [
|
|
444
|
+
x && /* @__PURE__ */ s(rn, { name: "selected" }),
|
|
445
|
+
/* @__PURE__ */ s(nn, { children: /* @__PURE__ */ s(ke, { value: m, suffix: "%" }) })
|
|
420
446
|
] })
|
|
421
447
|
] })
|
|
422
448
|
]
|
|
423
449
|
}
|
|
424
450
|
);
|
|
425
|
-
}, cn = [
|
|
451
|
+
}, cn = [R.PRIMARY_GREEN1, R.SECONDARY_RED1, R.SECONDARY_RED1, R.NEUTRALS_GRAY3], dn = [10, 10, 1, 0], un = /* @__PURE__ */ o("div")({
|
|
426
452
|
name: "RemainingTime",
|
|
427
453
|
class: "r165427",
|
|
428
454
|
propsAsIs: !1
|
|
429
|
-
}), pn =
|
|
455
|
+
}), pn = R.SECONDARY_GREEN6, ve = R.SECONDARY_RED3, mn = R.NEUTRALS_GRAY3, hn = ({
|
|
430
456
|
isPlaying: e = !0,
|
|
431
457
|
duration: t = 30,
|
|
432
458
|
onTimerExpired: n
|
|
433
459
|
}) => {
|
|
434
|
-
const [i, r] =
|
|
460
|
+
const [i, r] = L(t > 10 ? pn : ve), m = ({
|
|
435
461
|
remainingTime: d
|
|
436
462
|
}) => /* @__PURE__ */ s(un, {
|
|
437
463
|
children: d
|
|
438
464
|
}), c = F(() => {
|
|
439
465
|
n == null || n(), r(mn);
|
|
440
|
-
}, [n, r]),
|
|
441
|
-
d === 10 && r(
|
|
466
|
+
}, [n, r]), h = F((d) => {
|
|
467
|
+
d === 10 && r(ve);
|
|
442
468
|
}, [r]);
|
|
443
|
-
return /* @__PURE__ */ s(
|
|
469
|
+
return /* @__PURE__ */ s(Ge, {
|
|
444
470
|
isPlaying: e,
|
|
445
471
|
duration: t,
|
|
446
472
|
colors: cn,
|
|
@@ -450,10 +476,10 @@ const Ge = /* @__PURE__ */ o("div")({
|
|
|
450
476
|
trailStrokeWidth: 2,
|
|
451
477
|
trailColor: i,
|
|
452
478
|
onComplete: c,
|
|
453
|
-
onUpdate:
|
|
479
|
+
onUpdate: h,
|
|
454
480
|
children: m
|
|
455
481
|
});
|
|
456
|
-
},
|
|
482
|
+
}, In = /* @__PURE__ */ o("div")({
|
|
457
483
|
name: "WinBarContainer",
|
|
458
484
|
class: "wie6cqo",
|
|
459
485
|
propsAsIs: !1
|
|
@@ -469,11 +495,11 @@ const Ge = /* @__PURE__ */ o("div")({
|
|
|
469
495
|
name: "WinIcon",
|
|
470
496
|
class: "wx7j799",
|
|
471
497
|
propsAsIs: !0
|
|
472
|
-
}),
|
|
498
|
+
}), An = /* @__PURE__ */ o("div")({
|
|
473
499
|
name: "Points",
|
|
474
500
|
class: "p4lwuj0",
|
|
475
501
|
propsAsIs: !1
|
|
476
|
-
}),
|
|
502
|
+
}), Nn = /* @__PURE__ */ o("span")({
|
|
477
503
|
name: "PointsCount",
|
|
478
504
|
class: "po9i64o",
|
|
479
505
|
propsAsIs: !1
|
|
@@ -489,93 +515,110 @@ const Ge = /* @__PURE__ */ o("div")({
|
|
|
489
515
|
questionType: r,
|
|
490
516
|
timerDuration: m,
|
|
491
517
|
onTimerExpired: c
|
|
492
|
-
}) => /* @__PURE__ */
|
|
493
|
-
/* @__PURE__ */
|
|
518
|
+
}) => /* @__PURE__ */ l(In, { children: [
|
|
519
|
+
/* @__PURE__ */ l(fn, { children: [
|
|
494
520
|
e && /* @__PURE__ */ s(gn, { children: e }),
|
|
495
|
-
t !== void 0 && r !==
|
|
521
|
+
t !== void 0 && r !== z.POLL && /* @__PURE__ */ l(k, { children: [
|
|
496
522
|
/* @__PURE__ */ s(Mn, { name: "icon-trophy" }),
|
|
497
|
-
/* @__PURE__ */
|
|
498
|
-
/* @__PURE__ */ s(
|
|
523
|
+
/* @__PURE__ */ l(An, { children: [
|
|
524
|
+
/* @__PURE__ */ s(Nn, { children: /* @__PURE__ */ s(ke, { value: t }) }),
|
|
499
525
|
/* @__PURE__ */ s(yn, { children: "PTS" })
|
|
500
526
|
] })
|
|
501
527
|
] })
|
|
502
528
|
] }),
|
|
503
|
-
i && /* @__PURE__ */ s(
|
|
529
|
+
i && /* @__PURE__ */ s(hn, { isPlaying: n, onTimerExpired: c, duration: m })
|
|
504
530
|
] }), Dn = ({ openedQuestion: e, isLoading: t, vote: n, close: i }) => {
|
|
505
531
|
var r, m;
|
|
506
|
-
const c = e.subject,
|
|
507
|
-
|
|
508
|
-
|
|
509
|
-
|
|
510
|
-
|
|
532
|
+
const c = e.subject, h = e.type, d = (r = e.options) == null ? void 0 : r.options, [f, N] = L(!1), [D, A] = L(!1), [S, T] = L(!0), [a, p] = L(!1), [u, I] = L(""), g = e == null ? void 0 : e.id;
|
|
533
|
+
be(() => {
|
|
534
|
+
e.status === E.RESOLVED && T(!1);
|
|
535
|
+
}, []);
|
|
536
|
+
const x = F((O) => {
|
|
537
|
+
A(O), N(!0);
|
|
538
|
+
}, []), v = F(
|
|
539
|
+
async (O) => {
|
|
540
|
+
if (g) {
|
|
541
|
+
const $ = O.currentTarget.value;
|
|
542
|
+
I($), await n(g, $);
|
|
511
543
|
}
|
|
512
544
|
},
|
|
513
|
-
[
|
|
514
|
-
),
|
|
515
|
-
|
|
516
|
-
}, [i]),
|
|
517
|
-
() => e == null ? void 0 : e.answers.find((
|
|
545
|
+
[g, I, n]
|
|
546
|
+
), y = F(() => {
|
|
547
|
+
p(!0), setTimeout(i, 3e3);
|
|
548
|
+
}, [i]), M = w(
|
|
549
|
+
() => e == null ? void 0 : e.answers.find((O) => O.youVoted === !0),
|
|
518
550
|
[e]
|
|
519
|
-
),
|
|
520
|
-
() => !!(e != null && e.answers.find((
|
|
551
|
+
), b = w(
|
|
552
|
+
() => !!(e != null && e.answers.find((O) => O.correct === !0)),
|
|
521
553
|
[e]
|
|
522
|
-
),
|
|
523
|
-
() => e == null ? void 0 : e.answers.find((
|
|
554
|
+
), C = w(
|
|
555
|
+
() => e == null ? void 0 : e.answers.find((O) => O.correct === !0),
|
|
524
556
|
[e]
|
|
525
|
-
),
|
|
526
|
-
var
|
|
557
|
+
), U = w(() => e ? e.answers.map((O) => {
|
|
558
|
+
var $;
|
|
527
559
|
return {
|
|
528
|
-
...
|
|
529
|
-
questionVoted: !!
|
|
530
|
-
youSelected:
|
|
560
|
+
...O,
|
|
561
|
+
questionVoted: !!M,
|
|
562
|
+
youSelected: u === O.id,
|
|
531
563
|
isLoading: t,
|
|
532
|
-
hasCorrectAnswer:
|
|
564
|
+
hasCorrectAnswer: b,
|
|
533
565
|
questionType: e.type,
|
|
534
|
-
answerTimeExpired:
|
|
566
|
+
answerTimeExpired: a,
|
|
535
567
|
questionStatus: e.status,
|
|
536
|
-
imageMode: (
|
|
537
|
-
|
|
538
|
-
onVote: D
|
|
568
|
+
imageMode: ($ = e.appearance) == null ? void 0 : $.images,
|
|
569
|
+
onVote: v
|
|
539
570
|
};
|
|
540
|
-
}) : [], [
|
|
541
|
-
if (e.status ===
|
|
571
|
+
}) : [], [b, a, t, e, M, v, u]), q = d && (d.case === "trivia" || d.case === "prediction") ? d.value : void 0, K = w(() => {
|
|
572
|
+
if (e.status === E.RESOLVED)
|
|
542
573
|
return 0;
|
|
543
|
-
if (!
|
|
544
|
-
return
|
|
545
|
-
}, [
|
|
546
|
-
return /* @__PURE__ */ s(
|
|
547
|
-
|
|
574
|
+
if (!a)
|
|
575
|
+
return M ? M.correct ? M.points : 0 : C == null ? void 0 : C.points;
|
|
576
|
+
}, [a, M, C, e.status]), X = w(() => a ? "Time expired" : e.type === z.POLL ? "Time remaining" : M ? "You won" : "To win", [a, e.type, M]);
|
|
577
|
+
return /* @__PURE__ */ s(le, { "data-question-header": "true", children: /* @__PURE__ */ s(Pt, { children: /* @__PURE__ */ l(_t, { children: [
|
|
578
|
+
/* @__PURE__ */ s(
|
|
548
579
|
qt,
|
|
549
580
|
{
|
|
550
|
-
feedbackMessages:
|
|
551
|
-
questionVoted: !!
|
|
552
|
-
questionVotedCorrectly:
|
|
553
|
-
questionType:
|
|
554
|
-
hasCorrectAnswer:
|
|
555
|
-
questionStatus: e.status
|
|
581
|
+
feedbackMessages: q,
|
|
582
|
+
questionVoted: !!M,
|
|
583
|
+
questionVotedCorrectly: M == null ? void 0 : M.correct,
|
|
584
|
+
questionType: h,
|
|
585
|
+
hasCorrectAnswer: b,
|
|
586
|
+
questionStatus: e.status,
|
|
587
|
+
votedInCurrentRender: f,
|
|
588
|
+
votedAfterQuestionClosed: D,
|
|
589
|
+
enteredAnActiveQuestion: S
|
|
556
590
|
}
|
|
557
591
|
),
|
|
558
|
-
e.type !==
|
|
592
|
+
e.type !== z.PREDICTION && /* @__PURE__ */ s(
|
|
559
593
|
Tn,
|
|
560
594
|
{
|
|
561
|
-
title:
|
|
562
|
-
points:
|
|
563
|
-
onTimerExpired:
|
|
595
|
+
title: X,
|
|
596
|
+
points: K,
|
|
597
|
+
onTimerExpired: y,
|
|
564
598
|
questionType: e.type,
|
|
565
599
|
isTimer: !t,
|
|
566
|
-
isPlayingTimer: !
|
|
567
|
-
timerDuration:
|
|
600
|
+
isPlayingTimer: !M,
|
|
601
|
+
timerDuration: M ? 0 : Number(((m = e == null ? void 0 : e.appearance) == null ? void 0 : m.autoHideInterval) || "30")
|
|
568
602
|
}
|
|
569
603
|
),
|
|
570
|
-
|
|
604
|
+
a ? /* @__PURE__ */ s(
|
|
571
605
|
Lt,
|
|
572
606
|
{
|
|
573
607
|
title: "More to come...",
|
|
574
608
|
description: "Watch for additional enhanced stream interactive experience."
|
|
575
609
|
}
|
|
576
|
-
) : /* @__PURE__ */
|
|
577
|
-
/* @__PURE__ */ s(Yt, { "data-isPrediction": e.type ===
|
|
578
|
-
/* @__PURE__ */ s(
|
|
610
|
+
) : /* @__PURE__ */ l(k, { children: [
|
|
611
|
+
/* @__PURE__ */ s(Yt, { "data-isPrediction": e.type === z.PREDICTION, children: c }),
|
|
612
|
+
/* @__PURE__ */ s(Vt, { children: U.map((O) => /* @__PURE__ */ s(
|
|
613
|
+
ln,
|
|
614
|
+
{
|
|
615
|
+
...O,
|
|
616
|
+
markThatVoted: x,
|
|
617
|
+
votedAfterQuestionClosed: D,
|
|
618
|
+
enteredAnActiveQuestion: S
|
|
619
|
+
},
|
|
620
|
+
O.id
|
|
621
|
+
)) })
|
|
579
622
|
] })
|
|
580
623
|
] }) }) });
|
|
581
624
|
}, Sn = /* @__PURE__ */ o("div")({
|
|
@@ -602,32 +645,38 @@ const Ge = /* @__PURE__ */ o("div")({
|
|
|
602
645
|
name: "Image",
|
|
603
646
|
class: "i1gfjeu5",
|
|
604
647
|
propsAsIs: !1
|
|
605
|
-
}),
|
|
606
|
-
|
|
648
|
+
}), Qe = ({
|
|
649
|
+
created: e,
|
|
650
|
+
image: t,
|
|
651
|
+
title: n,
|
|
652
|
+
isPickHistory: i,
|
|
653
|
+
instantView: r
|
|
654
|
+
}) => {
|
|
655
|
+
const m = w(() => {
|
|
607
656
|
if (e) {
|
|
608
|
-
const
|
|
609
|
-
if (
|
|
657
|
+
const h = new Date(e);
|
|
658
|
+
if (ue(h))
|
|
610
659
|
return {
|
|
611
|
-
date:
|
|
612
|
-
time:
|
|
660
|
+
date: ce(h),
|
|
661
|
+
time: de(h)
|
|
613
662
|
};
|
|
614
663
|
}
|
|
615
664
|
return null;
|
|
616
|
-
}, [e]),
|
|
617
|
-
return /* @__PURE__ */
|
|
618
|
-
|
|
619
|
-
|
|
665
|
+
}, [e]), c = (r == null ? void 0 : r.image) || t;
|
|
666
|
+
return /* @__PURE__ */ l(Sn, { children: [
|
|
667
|
+
m && /* @__PURE__ */ l(jn, { children: [
|
|
668
|
+
m.date,
|
|
620
669
|
" · ",
|
|
621
|
-
|
|
670
|
+
m.time
|
|
622
671
|
] }),
|
|
623
|
-
(
|
|
624
|
-
|
|
625
|
-
/* @__PURE__ */
|
|
626
|
-
/* @__PURE__ */ s(xn, { children:
|
|
627
|
-
/* @__PURE__ */ s(On, { children:
|
|
672
|
+
(r == null ? void 0 : r.video) && /* @__PURE__ */ s(Ye, { source: r.video.url, poster: r.video.thumbnailUrl }),
|
|
673
|
+
c && !(r != null && r.video) && /* @__PURE__ */ s(bn, { src: c }),
|
|
674
|
+
/* @__PURE__ */ l(zn, { children: [
|
|
675
|
+
/* @__PURE__ */ s(xn, { children: i ? n : r == null ? void 0 : r.heading }),
|
|
676
|
+
!i && /* @__PURE__ */ s(On, { children: r == null ? void 0 : r.body })
|
|
628
677
|
] })
|
|
629
678
|
] });
|
|
630
|
-
},
|
|
679
|
+
}, Cn = /* @__PURE__ */ o("div")({
|
|
631
680
|
name: "Container",
|
|
632
681
|
class: "c1euiow",
|
|
633
682
|
propsAsIs: !1
|
|
@@ -635,17 +684,17 @@ const Ge = /* @__PURE__ */ o("div")({
|
|
|
635
684
|
name: "WebLinkBtn",
|
|
636
685
|
class: "w19zie3h",
|
|
637
686
|
propsAsIs: !1
|
|
638
|
-
}),
|
|
639
|
-
/* @__PURE__ */ s(
|
|
640
|
-
(e == null ? void 0 : e.webLink) && /* @__PURE__ */
|
|
687
|
+
}), wn = ({ instantView: e, ...t }) => /* @__PURE__ */ l(Cn, { children: [
|
|
688
|
+
/* @__PURE__ */ s(Qe, { instantView: e, ...t }),
|
|
689
|
+
(e == null ? void 0 : e.webLink) && /* @__PURE__ */ l(kn, { href: e == null ? void 0 : e.webLink.url, target: "_blank", children: [
|
|
641
690
|
"Explore more of the Masters History",
|
|
642
691
|
/* @__PURE__ */ s(j, { name: "icon-external-link" })
|
|
643
692
|
] })
|
|
644
|
-
] }),
|
|
693
|
+
] }), En = /* @__PURE__ */ o("div")({
|
|
645
694
|
name: "Container",
|
|
646
695
|
class: "c1dcxmvf",
|
|
647
696
|
propsAsIs: !1
|
|
648
|
-
}),
|
|
697
|
+
}), Ln = /* @__PURE__ */ o("div")({
|
|
649
698
|
name: "DateTime",
|
|
650
699
|
class: "db4q22c",
|
|
651
700
|
propsAsIs: !1
|
|
@@ -657,22 +706,22 @@ const Ge = /* @__PURE__ */ o("div")({
|
|
|
657
706
|
const n = w(() => {
|
|
658
707
|
if (e) {
|
|
659
708
|
const i = new Date(e);
|
|
660
|
-
if (
|
|
709
|
+
if (ue(i))
|
|
661
710
|
return {
|
|
662
|
-
date:
|
|
663
|
-
time:
|
|
711
|
+
date: ce(i),
|
|
712
|
+
time: de(i)
|
|
664
713
|
};
|
|
665
714
|
}
|
|
666
715
|
return null;
|
|
667
716
|
}, [e]);
|
|
668
|
-
return /* @__PURE__ */
|
|
669
|
-
n && /* @__PURE__ */
|
|
717
|
+
return /* @__PURE__ */ l(En, { children: [
|
|
718
|
+
n && /* @__PURE__ */ l(Ln, { children: [
|
|
670
719
|
n.date,
|
|
671
720
|
" · ",
|
|
672
721
|
n.time
|
|
673
722
|
] }),
|
|
674
723
|
t.title && /* @__PURE__ */ s($n, { children: t.title }),
|
|
675
|
-
/* @__PURE__ */ s(
|
|
724
|
+
/* @__PURE__ */ s(je, { ...t })
|
|
676
725
|
] });
|
|
677
726
|
}, Qn = /* @__PURE__ */ o("div")({
|
|
678
727
|
name: "QuestionContainer",
|
|
@@ -682,7 +731,7 @@ const Ge = /* @__PURE__ */ o("div")({
|
|
|
682
731
|
openedQuestion: e
|
|
683
732
|
}) => {
|
|
684
733
|
var t, n;
|
|
685
|
-
return ((t = e == null ? void 0 : e.attributes) == null ? void 0 : t.attributes.case) === "insight" ? /* @__PURE__ */ s(
|
|
734
|
+
return ((t = e == null ? void 0 : e.attributes) == null ? void 0 : t.attributes.case) === "insight" ? /* @__PURE__ */ s(wn, {
|
|
686
735
|
created: e.attributes.created,
|
|
687
736
|
...e.attributes.attributes.value
|
|
688
737
|
}) : ((n = e == null ? void 0 : e.attributes) == null ? void 0 : n.attributes.case) === "tweet" ? /* @__PURE__ */ s(Rn, {
|
|
@@ -704,29 +753,29 @@ const Ge = /* @__PURE__ */ o("div")({
|
|
|
704
753
|
openedQuestion: r,
|
|
705
754
|
isLoading: !!i
|
|
706
755
|
}) : null;
|
|
707
|
-
},
|
|
756
|
+
}, Pn = ({
|
|
708
757
|
gamification: e
|
|
709
758
|
}) => {
|
|
710
759
|
var t;
|
|
711
|
-
const n =
|
|
760
|
+
const n = Q(e.openedQuestion.$store), i = Q(e.openedQuestion.$extendedStore);
|
|
712
761
|
if (!n)
|
|
713
762
|
return null;
|
|
714
763
|
const r = n.type;
|
|
715
|
-
return /* @__PURE__ */
|
|
716
|
-
children: [/* @__PURE__ */ s(
|
|
764
|
+
return /* @__PURE__ */ l(Qn, {
|
|
765
|
+
children: [/* @__PURE__ */ s(we, {
|
|
717
766
|
close: e.closeQuestion,
|
|
718
|
-
type: ((t = n.attributes) == null ? void 0 : t.type) ||
|
|
767
|
+
type: ((t = n.attributes) == null ? void 0 : t.type) || z.UNSET
|
|
719
768
|
}), r === "question" && /* @__PURE__ */ s(qn, {
|
|
720
769
|
vote: e.submitAnswer,
|
|
721
770
|
close: e.closeQuestion,
|
|
722
771
|
extendedQuestion: i
|
|
723
772
|
}), r !== "question" && /* @__PURE__ */ s(Un, {
|
|
724
773
|
openedQuestion: n
|
|
725
|
-
}), /* @__PURE__ */ s(
|
|
774
|
+
}), /* @__PURE__ */ s(Ct, {
|
|
726
775
|
sponsorLogo: ""
|
|
727
776
|
})]
|
|
728
777
|
});
|
|
729
|
-
},
|
|
778
|
+
}, _n = /* @__PURE__ */ o("div")({
|
|
730
779
|
name: "Container",
|
|
731
780
|
class: "c115qtkr",
|
|
732
781
|
propsAsIs: !1
|
|
@@ -734,23 +783,23 @@ const Ge = /* @__PURE__ */ o("div")({
|
|
|
734
783
|
name: "STabs",
|
|
735
784
|
class: "sxnslc8",
|
|
736
785
|
propsAsIs: !1
|
|
737
|
-
}),
|
|
786
|
+
}), Vn = /* @__PURE__ */ o("button")({
|
|
738
787
|
name: "Button",
|
|
739
788
|
class: "b1umzux0",
|
|
740
789
|
propsAsIs: !1
|
|
741
|
-
}),
|
|
790
|
+
}), Wn = /* @__PURE__ */ o("span")({
|
|
742
791
|
name: "Title",
|
|
743
792
|
class: "tspsaas",
|
|
744
793
|
propsAsIs: !1
|
|
745
794
|
});
|
|
746
|
-
var
|
|
747
|
-
const
|
|
748
|
-
/* @__PURE__ */ s(
|
|
795
|
+
var J = /* @__PURE__ */ ((e) => (e.HOME = "home", e.LEADERBOARD = "leaderboard", e))(J || {});
|
|
796
|
+
const Me = ({ title: e, active: t, onClick: n }) => /* @__PURE__ */ s(Vn, { onClick: n, "data-selected": t, children: /* @__PURE__ */ s(Wn, { children: e }) }), Fn = ({ activePage: e = "home", toggleActivePage: t }) => /* @__PURE__ */ s(_n, { children: /* @__PURE__ */ l(Yn, { "data-position": e === "home" ? "left" : "right", children: [
|
|
797
|
+
/* @__PURE__ */ s(Me, { title: "Home", active: e === "home", onClick: () => t(
|
|
749
798
|
"home"
|
|
750
799
|
/* HOME */
|
|
751
800
|
) }),
|
|
752
801
|
/* @__PURE__ */ s(
|
|
753
|
-
|
|
802
|
+
Me,
|
|
754
803
|
{
|
|
755
804
|
title: "Leader Board",
|
|
756
805
|
active: e === "leaderboard",
|
|
@@ -761,34 +810,34 @@ const Ie = ({ title: e, active: t, onClick: n }) => /* @__PURE__ */ s(Wn, { onCl
|
|
|
761
810
|
}
|
|
762
811
|
)
|
|
763
812
|
] }) });
|
|
764
|
-
function
|
|
765
|
-
return
|
|
813
|
+
function oe() {
|
|
814
|
+
return oe = Object.assign ? Object.assign.bind() : function(e) {
|
|
766
815
|
for (var t = 1; t < arguments.length; t++) {
|
|
767
816
|
var n = arguments[t];
|
|
768
817
|
for (var i in n)
|
|
769
818
|
Object.prototype.hasOwnProperty.call(n, i) && (e[i] = n[i]);
|
|
770
819
|
}
|
|
771
820
|
return e;
|
|
772
|
-
},
|
|
821
|
+
}, oe.apply(this, arguments);
|
|
773
822
|
}
|
|
774
|
-
function
|
|
823
|
+
function Ae(e) {
|
|
775
824
|
if (e === void 0)
|
|
776
825
|
throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
|
|
777
826
|
return e;
|
|
778
827
|
}
|
|
779
|
-
function
|
|
780
|
-
return
|
|
828
|
+
function ae(e, t) {
|
|
829
|
+
return ae = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(i, r) {
|
|
781
830
|
return i.__proto__ = r, i;
|
|
782
|
-
},
|
|
831
|
+
}, ae(e, t);
|
|
783
832
|
}
|
|
784
833
|
function Bn(e, t) {
|
|
785
|
-
e.prototype = Object.create(t.prototype), e.prototype.constructor = e,
|
|
834
|
+
e.prototype = Object.create(t.prototype), e.prototype.constructor = e, ae(e, t);
|
|
786
835
|
}
|
|
787
|
-
var
|
|
836
|
+
var Ne = Number.isNaN || function(t) {
|
|
788
837
|
return typeof t == "number" && t !== t;
|
|
789
838
|
};
|
|
790
839
|
function Hn(e, t) {
|
|
791
|
-
return !!(e === t ||
|
|
840
|
+
return !!(e === t || Ne(e) && Ne(t));
|
|
792
841
|
}
|
|
793
842
|
function Gn(e, t) {
|
|
794
843
|
if (e.length !== t.length)
|
|
@@ -798,138 +847,138 @@ function Gn(e, t) {
|
|
|
798
847
|
return !1;
|
|
799
848
|
return !0;
|
|
800
849
|
}
|
|
801
|
-
function
|
|
850
|
+
function se(e, t) {
|
|
802
851
|
t === void 0 && (t = Gn);
|
|
803
852
|
var n, i = [], r, m = !1;
|
|
804
853
|
function c() {
|
|
805
|
-
for (var
|
|
806
|
-
|
|
807
|
-
return m && n === this && t(
|
|
854
|
+
for (var h = [], d = 0; d < arguments.length; d++)
|
|
855
|
+
h[d] = arguments[d];
|
|
856
|
+
return m && n === this && t(h, i) || (r = e.apply(this, h), m = !0, n = this, i = h), r;
|
|
808
857
|
}
|
|
809
858
|
return c;
|
|
810
859
|
}
|
|
811
|
-
var Zn = typeof performance == "object" && typeof performance.now == "function",
|
|
860
|
+
var Zn = typeof performance == "object" && typeof performance.now == "function", ye = Zn ? function() {
|
|
812
861
|
return performance.now();
|
|
813
862
|
} : function() {
|
|
814
863
|
return Date.now();
|
|
815
864
|
};
|
|
816
|
-
function
|
|
865
|
+
function Te(e) {
|
|
817
866
|
cancelAnimationFrame(e.id);
|
|
818
867
|
}
|
|
819
868
|
function Jn(e, t) {
|
|
820
|
-
var n =
|
|
869
|
+
var n = ye();
|
|
821
870
|
function i() {
|
|
822
|
-
|
|
871
|
+
ye() - n >= t ? e.call(null) : r.id = requestAnimationFrame(i);
|
|
823
872
|
}
|
|
824
873
|
var r = {
|
|
825
874
|
id: requestAnimationFrame(i)
|
|
826
875
|
};
|
|
827
876
|
return r;
|
|
828
877
|
}
|
|
829
|
-
var
|
|
830
|
-
function
|
|
831
|
-
if (e === void 0 && (e = !1),
|
|
878
|
+
var ie = -1;
|
|
879
|
+
function De(e) {
|
|
880
|
+
if (e === void 0 && (e = !1), ie === -1 || e) {
|
|
832
881
|
var t = document.createElement("div"), n = t.style;
|
|
833
|
-
n.width = "50px", n.height = "50px", n.overflow = "scroll", document.body.appendChild(t),
|
|
882
|
+
n.width = "50px", n.height = "50px", n.overflow = "scroll", document.body.appendChild(t), ie = t.offsetWidth - t.clientWidth, document.body.removeChild(t);
|
|
834
883
|
}
|
|
835
|
-
return
|
|
884
|
+
return ie;
|
|
836
885
|
}
|
|
837
|
-
var
|
|
838
|
-
function
|
|
839
|
-
if (e === void 0 && (e = !1),
|
|
886
|
+
var _ = null;
|
|
887
|
+
function Se(e) {
|
|
888
|
+
if (e === void 0 && (e = !1), _ === null || e) {
|
|
840
889
|
var t = document.createElement("div"), n = t.style;
|
|
841
890
|
n.width = "50px", n.height = "50px", n.overflow = "scroll", n.direction = "rtl";
|
|
842
891
|
var i = document.createElement("div"), r = i.style;
|
|
843
|
-
return r.width = "100px", r.height = "100px", t.appendChild(i), document.body.appendChild(t), t.scrollLeft > 0 ?
|
|
892
|
+
return r.width = "100px", r.height = "100px", t.appendChild(i), document.body.appendChild(t), t.scrollLeft > 0 ? _ = "positive-descending" : (t.scrollLeft = 1, t.scrollLeft === 0 ? _ = "negative" : _ = "positive-ascending"), document.body.removeChild(t), _;
|
|
844
893
|
}
|
|
845
|
-
return
|
|
894
|
+
return _;
|
|
846
895
|
}
|
|
847
896
|
var Kn = 150, Xn = function(t, n) {
|
|
848
897
|
return t;
|
|
849
898
|
};
|
|
850
899
|
function es(e) {
|
|
851
|
-
var t, n = e.getItemOffset, i = e.getEstimatedTotalSize, r = e.getItemSize, m = e.getOffsetForIndexAndAlignment, c = e.getStartIndexForOffset,
|
|
852
|
-
return t = /* @__PURE__ */ function(
|
|
853
|
-
Bn(
|
|
854
|
-
function
|
|
900
|
+
var t, n = e.getItemOffset, i = e.getEstimatedTotalSize, r = e.getItemSize, m = e.getOffsetForIndexAndAlignment, c = e.getStartIndexForOffset, h = e.getStopIndexForStartIndex, d = e.initInstanceProps, f = e.shouldResetStyleCacheOnItemSizeChange, N = e.validateProps;
|
|
901
|
+
return t = /* @__PURE__ */ function(D) {
|
|
902
|
+
Bn(A, D);
|
|
903
|
+
function A(T) {
|
|
855
904
|
var a;
|
|
856
|
-
return a =
|
|
857
|
-
instance:
|
|
905
|
+
return a = D.call(this, T) || this, a._instanceProps = d(a.props, Ae(a)), a._outerRef = void 0, a._resetIsScrollingTimeoutId = null, a.state = {
|
|
906
|
+
instance: Ae(a),
|
|
858
907
|
isScrolling: !1,
|
|
859
908
|
scrollDirection: "forward",
|
|
860
909
|
scrollOffset: typeof a.props.initialScrollOffset == "number" ? a.props.initialScrollOffset : 0,
|
|
861
910
|
scrollUpdateWasRequested: !1
|
|
862
|
-
}, a._callOnItemsRendered = void 0, a._callOnItemsRendered =
|
|
911
|
+
}, a._callOnItemsRendered = void 0, a._callOnItemsRendered = se(function(p, u, I, g) {
|
|
863
912
|
return a.props.onItemsRendered({
|
|
864
|
-
overscanStartIndex:
|
|
865
|
-
overscanStopIndex:
|
|
866
|
-
visibleStartIndex:
|
|
913
|
+
overscanStartIndex: p,
|
|
914
|
+
overscanStopIndex: u,
|
|
915
|
+
visibleStartIndex: I,
|
|
867
916
|
visibleStopIndex: g
|
|
868
917
|
});
|
|
869
|
-
}), a._callOnScroll = void 0, a._callOnScroll =
|
|
918
|
+
}), a._callOnScroll = void 0, a._callOnScroll = se(function(p, u, I) {
|
|
870
919
|
return a.props.onScroll({
|
|
871
|
-
scrollDirection:
|
|
872
|
-
scrollOffset:
|
|
873
|
-
scrollUpdateWasRequested:
|
|
920
|
+
scrollDirection: p,
|
|
921
|
+
scrollOffset: u,
|
|
922
|
+
scrollUpdateWasRequested: I
|
|
874
923
|
});
|
|
875
|
-
}), a._getItemStyle = void 0, a._getItemStyle = function(
|
|
876
|
-
var
|
|
877
|
-
if (v.hasOwnProperty(
|
|
878
|
-
|
|
924
|
+
}), a._getItemStyle = void 0, a._getItemStyle = function(p) {
|
|
925
|
+
var u = a.props, I = u.direction, g = u.itemSize, x = u.layout, v = a._getItemStyleCache(f && g, f && x, f && I), y;
|
|
926
|
+
if (v.hasOwnProperty(p))
|
|
927
|
+
y = v[p];
|
|
879
928
|
else {
|
|
880
|
-
var M = n(a.props,
|
|
881
|
-
v[
|
|
929
|
+
var M = n(a.props, p, a._instanceProps), b = r(a.props, p, a._instanceProps), C = I === "horizontal" || x === "horizontal", U = I === "rtl", q = C ? M : 0;
|
|
930
|
+
v[p] = y = {
|
|
882
931
|
position: "absolute",
|
|
883
|
-
left:
|
|
884
|
-
right:
|
|
885
|
-
top:
|
|
886
|
-
height:
|
|
887
|
-
width:
|
|
932
|
+
left: U ? void 0 : q,
|
|
933
|
+
right: U ? q : void 0,
|
|
934
|
+
top: C ? 0 : M,
|
|
935
|
+
height: C ? "100%" : b,
|
|
936
|
+
width: C ? b : "100%"
|
|
888
937
|
};
|
|
889
938
|
}
|
|
890
|
-
return
|
|
891
|
-
}, a._getItemStyleCache = void 0, a._getItemStyleCache =
|
|
939
|
+
return y;
|
|
940
|
+
}, a._getItemStyleCache = void 0, a._getItemStyleCache = se(function(p, u, I) {
|
|
892
941
|
return {};
|
|
893
|
-
}), a._onScrollHorizontal = function(
|
|
894
|
-
var
|
|
942
|
+
}), a._onScrollHorizontal = function(p) {
|
|
943
|
+
var u = p.currentTarget, I = u.clientWidth, g = u.scrollLeft, x = u.scrollWidth;
|
|
895
944
|
a.setState(function(v) {
|
|
896
945
|
if (v.scrollOffset === g)
|
|
897
946
|
return null;
|
|
898
|
-
var
|
|
899
|
-
if (
|
|
900
|
-
switch (
|
|
947
|
+
var y = a.props.direction, M = g;
|
|
948
|
+
if (y === "rtl")
|
|
949
|
+
switch (Se()) {
|
|
901
950
|
case "negative":
|
|
902
951
|
M = -g;
|
|
903
952
|
break;
|
|
904
953
|
case "positive-descending":
|
|
905
|
-
M =
|
|
954
|
+
M = x - I - g;
|
|
906
955
|
break;
|
|
907
956
|
}
|
|
908
|
-
return M = Math.max(0, Math.min(M,
|
|
957
|
+
return M = Math.max(0, Math.min(M, x - I)), {
|
|
909
958
|
isScrolling: !0,
|
|
910
959
|
scrollDirection: v.scrollOffset < g ? "forward" : "backward",
|
|
911
960
|
scrollOffset: M,
|
|
912
961
|
scrollUpdateWasRequested: !1
|
|
913
962
|
};
|
|
914
963
|
}, a._resetIsScrollingDebounced);
|
|
915
|
-
}, a._onScrollVertical = function(
|
|
916
|
-
var
|
|
964
|
+
}, a._onScrollVertical = function(p) {
|
|
965
|
+
var u = p.currentTarget, I = u.clientHeight, g = u.scrollHeight, x = u.scrollTop;
|
|
917
966
|
a.setState(function(v) {
|
|
918
|
-
if (v.scrollOffset ===
|
|
967
|
+
if (v.scrollOffset === x)
|
|
919
968
|
return null;
|
|
920
|
-
var
|
|
969
|
+
var y = Math.max(0, Math.min(x, g - I));
|
|
921
970
|
return {
|
|
922
971
|
isScrolling: !0,
|
|
923
|
-
scrollDirection: v.scrollOffset <
|
|
924
|
-
scrollOffset:
|
|
972
|
+
scrollDirection: v.scrollOffset < y ? "forward" : "backward",
|
|
973
|
+
scrollOffset: y,
|
|
925
974
|
scrollUpdateWasRequested: !1
|
|
926
975
|
};
|
|
927
976
|
}, a._resetIsScrollingDebounced);
|
|
928
|
-
}, a._outerRefSetter = function(
|
|
929
|
-
var
|
|
930
|
-
a._outerRef =
|
|
977
|
+
}, a._outerRefSetter = function(p) {
|
|
978
|
+
var u = a.props.outerRef;
|
|
979
|
+
a._outerRef = p, typeof u == "function" ? u(p) : u != null && typeof u == "object" && u.hasOwnProperty("current") && (u.current = p);
|
|
931
980
|
}, a._resetIsScrollingDebounced = function() {
|
|
932
|
-
a._resetIsScrollingTimeoutId !== null &&
|
|
981
|
+
a._resetIsScrollingTimeoutId !== null && Te(a._resetIsScrollingTimeoutId), a._resetIsScrollingTimeoutId = Jn(a._resetIsScrolling, Kn);
|
|
933
982
|
}, a._resetIsScrolling = function() {
|
|
934
983
|
a._resetIsScrollingTimeoutId = null, a.setState({
|
|
935
984
|
isScrolling: !1
|
|
@@ -938,42 +987,42 @@ function es(e) {
|
|
|
938
987
|
});
|
|
939
988
|
}, a;
|
|
940
989
|
}
|
|
941
|
-
|
|
942
|
-
return ts(a,
|
|
990
|
+
A.getDerivedStateFromProps = function(a, p) {
|
|
991
|
+
return ts(a, p), N(a), null;
|
|
943
992
|
};
|
|
944
|
-
var
|
|
945
|
-
return
|
|
946
|
-
a = Math.max(0, a), this.setState(function(
|
|
947
|
-
return
|
|
948
|
-
scrollDirection:
|
|
993
|
+
var S = A.prototype;
|
|
994
|
+
return S.scrollTo = function(a) {
|
|
995
|
+
a = Math.max(0, a), this.setState(function(p) {
|
|
996
|
+
return p.scrollOffset === a ? null : {
|
|
997
|
+
scrollDirection: p.scrollOffset < a ? "forward" : "backward",
|
|
949
998
|
scrollOffset: a,
|
|
950
999
|
scrollUpdateWasRequested: !0
|
|
951
1000
|
};
|
|
952
1001
|
}, this._resetIsScrollingDebounced);
|
|
953
|
-
},
|
|
954
|
-
|
|
955
|
-
var
|
|
956
|
-
a = Math.max(0, Math.min(a,
|
|
1002
|
+
}, S.scrollToItem = function(a, p) {
|
|
1003
|
+
p === void 0 && (p = "auto");
|
|
1004
|
+
var u = this.props, I = u.itemCount, g = u.layout, x = this.state.scrollOffset;
|
|
1005
|
+
a = Math.max(0, Math.min(a, I - 1));
|
|
957
1006
|
var v = 0;
|
|
958
1007
|
if (this._outerRef) {
|
|
959
|
-
var
|
|
960
|
-
g === "vertical" ? v =
|
|
1008
|
+
var y = this._outerRef;
|
|
1009
|
+
g === "vertical" ? v = y.scrollWidth > y.clientWidth ? De() : 0 : v = y.scrollHeight > y.clientHeight ? De() : 0;
|
|
961
1010
|
}
|
|
962
|
-
this.scrollTo(m(this.props, a,
|
|
963
|
-
},
|
|
964
|
-
var a = this.props,
|
|
965
|
-
if (typeof
|
|
1011
|
+
this.scrollTo(m(this.props, a, p, x, this._instanceProps, v));
|
|
1012
|
+
}, S.componentDidMount = function() {
|
|
1013
|
+
var a = this.props, p = a.direction, u = a.initialScrollOffset, I = a.layout;
|
|
1014
|
+
if (typeof u == "number" && this._outerRef != null) {
|
|
966
1015
|
var g = this._outerRef;
|
|
967
|
-
|
|
1016
|
+
p === "horizontal" || I === "horizontal" ? g.scrollLeft = u : g.scrollTop = u;
|
|
968
1017
|
}
|
|
969
1018
|
this._callPropsCallbacks();
|
|
970
|
-
},
|
|
971
|
-
var a = this.props,
|
|
972
|
-
if (
|
|
1019
|
+
}, S.componentDidUpdate = function() {
|
|
1020
|
+
var a = this.props, p = a.direction, u = a.layout, I = this.state, g = I.scrollOffset, x = I.scrollUpdateWasRequested;
|
|
1021
|
+
if (x && this._outerRef != null) {
|
|
973
1022
|
var v = this._outerRef;
|
|
974
|
-
if (
|
|
975
|
-
if (
|
|
976
|
-
switch (
|
|
1023
|
+
if (p === "horizontal" || u === "horizontal")
|
|
1024
|
+
if (p === "rtl")
|
|
1025
|
+
switch (Se()) {
|
|
977
1026
|
case "negative":
|
|
978
1027
|
v.scrollLeft = -g;
|
|
979
1028
|
break;
|
|
@@ -981,8 +1030,8 @@ function es(e) {
|
|
|
981
1030
|
v.scrollLeft = g;
|
|
982
1031
|
break;
|
|
983
1032
|
default:
|
|
984
|
-
var
|
|
985
|
-
v.scrollLeft = M -
|
|
1033
|
+
var y = v.clientWidth, M = v.scrollWidth;
|
|
1034
|
+
v.scrollLeft = M - y - g;
|
|
986
1035
|
break;
|
|
987
1036
|
}
|
|
988
1037
|
else
|
|
@@ -991,62 +1040,62 @@ function es(e) {
|
|
|
991
1040
|
v.scrollTop = g;
|
|
992
1041
|
}
|
|
993
1042
|
this._callPropsCallbacks();
|
|
994
|
-
},
|
|
995
|
-
this._resetIsScrollingTimeoutId !== null &&
|
|
996
|
-
},
|
|
997
|
-
var a = this.props,
|
|
1043
|
+
}, S.componentWillUnmount = function() {
|
|
1044
|
+
this._resetIsScrollingTimeoutId !== null && Te(this._resetIsScrollingTimeoutId);
|
|
1045
|
+
}, S.render = function() {
|
|
1046
|
+
var a = this.props, p = a.children, u = a.className, I = a.direction, g = a.height, x = a.innerRef, v = a.innerElementType, y = a.innerTagName, M = a.itemCount, b = a.itemData, C = a.itemKey, U = C === void 0 ? Xn : C, q = a.layout, K = a.outerElementType, X = a.outerTagName, O = a.style, $ = a.useIsScrolling, Ue = a.width, pe = this.state.isScrolling, ee = I === "horizontal" || q === "horizontal", qe = ee ? this._onScrollHorizontal : this._onScrollVertical, me = this._getRangeToRender(), Pe = me[0], _e = me[1], he = [];
|
|
998
1047
|
if (M > 0)
|
|
999
|
-
for (var
|
|
1000
|
-
|
|
1001
|
-
data:
|
|
1002
|
-
key:
|
|
1003
|
-
index:
|
|
1004
|
-
isScrolling: $
|
|
1005
|
-
style: this._getItemStyle(
|
|
1048
|
+
for (var Y = Pe; Y <= _e; Y++)
|
|
1049
|
+
he.push(te(p, {
|
|
1050
|
+
data: b,
|
|
1051
|
+
key: U(Y, b),
|
|
1052
|
+
index: Y,
|
|
1053
|
+
isScrolling: $ ? pe : void 0,
|
|
1054
|
+
style: this._getItemStyle(Y)
|
|
1006
1055
|
}));
|
|
1007
|
-
var
|
|
1008
|
-
return
|
|
1009
|
-
className:
|
|
1010
|
-
onScroll:
|
|
1056
|
+
var Ie = i(this.props, this._instanceProps);
|
|
1057
|
+
return te(K || X || "div", {
|
|
1058
|
+
className: u,
|
|
1059
|
+
onScroll: qe,
|
|
1011
1060
|
ref: this._outerRefSetter,
|
|
1012
|
-
style:
|
|
1061
|
+
style: oe({
|
|
1013
1062
|
position: "relative",
|
|
1014
1063
|
height: g,
|
|
1015
|
-
width:
|
|
1064
|
+
width: Ue,
|
|
1016
1065
|
overflow: "auto",
|
|
1017
1066
|
WebkitOverflowScrolling: "touch",
|
|
1018
1067
|
willChange: "transform",
|
|
1019
|
-
direction:
|
|
1020
|
-
},
|
|
1021
|
-
},
|
|
1022
|
-
children:
|
|
1023
|
-
ref:
|
|
1068
|
+
direction: I
|
|
1069
|
+
}, O)
|
|
1070
|
+
}, te(v || y || "div", {
|
|
1071
|
+
children: he,
|
|
1072
|
+
ref: x,
|
|
1024
1073
|
style: {
|
|
1025
|
-
height:
|
|
1026
|
-
pointerEvents:
|
|
1027
|
-
width:
|
|
1074
|
+
height: ee ? "100%" : Ie,
|
|
1075
|
+
pointerEvents: pe ? "none" : void 0,
|
|
1076
|
+
width: ee ? Ie : "100%"
|
|
1028
1077
|
}
|
|
1029
1078
|
}));
|
|
1030
|
-
},
|
|
1079
|
+
}, S._callPropsCallbacks = function() {
|
|
1031
1080
|
if (typeof this.props.onItemsRendered == "function") {
|
|
1032
1081
|
var a = this.props.itemCount;
|
|
1033
1082
|
if (a > 0) {
|
|
1034
|
-
var
|
|
1035
|
-
this._callOnItemsRendered(
|
|
1083
|
+
var p = this._getRangeToRender(), u = p[0], I = p[1], g = p[2], x = p[3];
|
|
1084
|
+
this._callOnItemsRendered(u, I, g, x);
|
|
1036
1085
|
}
|
|
1037
1086
|
}
|
|
1038
1087
|
if (typeof this.props.onScroll == "function") {
|
|
1039
|
-
var v = this.state,
|
|
1040
|
-
this._callOnScroll(
|
|
1088
|
+
var v = this.state, y = v.scrollDirection, M = v.scrollOffset, b = v.scrollUpdateWasRequested;
|
|
1089
|
+
this._callOnScroll(y, M, b);
|
|
1041
1090
|
}
|
|
1042
|
-
},
|
|
1043
|
-
var a = this.props,
|
|
1044
|
-
if (
|
|
1091
|
+
}, S._getRangeToRender = function() {
|
|
1092
|
+
var a = this.props, p = a.itemCount, u = a.overscanCount, I = this.state, g = I.isScrolling, x = I.scrollDirection, v = I.scrollOffset;
|
|
1093
|
+
if (p === 0)
|
|
1045
1094
|
return [0, 0, 0, 0];
|
|
1046
|
-
var
|
|
1047
|
-
return [Math.max(0,
|
|
1048
|
-
},
|
|
1049
|
-
}(
|
|
1095
|
+
var y = c(this.props, v, this._instanceProps), M = h(this.props, y, v, this._instanceProps), b = !g || x === "backward" ? Math.max(1, u) : 1, C = !g || x === "forward" ? Math.max(1, u) : 1;
|
|
1096
|
+
return [Math.max(0, y - b), Math.max(0, Math.min(p - 1, M + C)), y, M];
|
|
1097
|
+
}, A;
|
|
1098
|
+
}(Ce), t.defaultProps = {
|
|
1050
1099
|
direction: "ltr",
|
|
1051
1100
|
itemData: void 0,
|
|
1052
1101
|
layout: "vertical",
|
|
@@ -1070,19 +1119,19 @@ var ts = function(t, n) {
|
|
|
1070
1119
|
return i * n;
|
|
1071
1120
|
},
|
|
1072
1121
|
getOffsetForIndexAndAlignment: function(t, n, i, r, m, c) {
|
|
1073
|
-
var
|
|
1074
|
-
switch (i === "smart" && (r >=
|
|
1122
|
+
var h = t.direction, d = t.height, f = t.itemCount, N = t.itemSize, D = t.layout, A = t.width, S = h === "horizontal" || D === "horizontal", T = S ? A : d, a = Math.max(0, f * N - T), p = Math.min(a, n * N), u = Math.max(0, n * N - T + N + c);
|
|
1123
|
+
switch (i === "smart" && (r >= u - T && r <= p + T ? i = "auto" : i = "center"), i) {
|
|
1075
1124
|
case "start":
|
|
1076
|
-
return l;
|
|
1077
|
-
case "end":
|
|
1078
1125
|
return p;
|
|
1126
|
+
case "end":
|
|
1127
|
+
return u;
|
|
1079
1128
|
case "center": {
|
|
1080
|
-
var
|
|
1081
|
-
return
|
|
1129
|
+
var I = Math.round(u + (p - u) / 2);
|
|
1130
|
+
return I < Math.ceil(T / 2) ? 0 : I > a + Math.floor(T / 2) ? a : I;
|
|
1082
1131
|
}
|
|
1083
1132
|
case "auto":
|
|
1084
1133
|
default:
|
|
1085
|
-
return r >=
|
|
1134
|
+
return r >= u && r <= p ? r : r < u ? u : p;
|
|
1086
1135
|
}
|
|
1087
1136
|
},
|
|
1088
1137
|
getStartIndexForOffset: function(t, n) {
|
|
@@ -1090,10 +1139,10 @@ var ts = function(t, n) {
|
|
|
1090
1139
|
return Math.max(0, Math.min(i - 1, Math.floor(n / r)));
|
|
1091
1140
|
},
|
|
1092
1141
|
getStopIndexForStartIndex: function(t, n, i) {
|
|
1093
|
-
var r = t.direction, m = t.height, c = t.itemCount,
|
|
1142
|
+
var r = t.direction, m = t.height, c = t.itemCount, h = t.itemSize, d = t.layout, f = t.width, N = r === "horizontal" || d === "horizontal", D = n * h, A = N ? f : m, S = Math.ceil((A + i - D) / h);
|
|
1094
1143
|
return Math.max(0, Math.min(
|
|
1095
1144
|
c - 1,
|
|
1096
|
-
n +
|
|
1145
|
+
n + S - 1
|
|
1097
1146
|
// -1 is because stop index is inclusive
|
|
1098
1147
|
));
|
|
1099
1148
|
},
|
|
@@ -1109,29 +1158,29 @@ function ss(e) {
|
|
|
1109
1158
|
return !(i > n || r < t);
|
|
1110
1159
|
}
|
|
1111
1160
|
function is(e) {
|
|
1112
|
-
for (var t = e.isItemLoaded, n = e.itemCount, i = e.minimumBatchSize, r = e.startIndex, m = e.stopIndex, c = [],
|
|
1113
|
-
var
|
|
1114
|
-
|
|
1161
|
+
for (var t = e.isItemLoaded, n = e.itemCount, i = e.minimumBatchSize, r = e.startIndex, m = e.stopIndex, c = [], h = null, d = null, f = r; f <= m; f++) {
|
|
1162
|
+
var N = t(f);
|
|
1163
|
+
N ? d !== null && (c.push(h, d), h = d = null) : (d = f, h === null && (h = f));
|
|
1115
1164
|
}
|
|
1116
1165
|
if (d !== null) {
|
|
1117
|
-
for (var
|
|
1118
|
-
d =
|
|
1119
|
-
c.push(
|
|
1166
|
+
for (var D = Math.min(Math.max(d, h + i - 1), n - 1), A = d + 1; A <= D && !t(A); A++)
|
|
1167
|
+
d = A;
|
|
1168
|
+
c.push(h, d);
|
|
1120
1169
|
}
|
|
1121
1170
|
if (c.length)
|
|
1122
1171
|
for (; c[1] - c[0] + 1 < i && c[0] > 0; ) {
|
|
1123
|
-
var
|
|
1124
|
-
if (!t(
|
|
1125
|
-
c[0] =
|
|
1172
|
+
var S = c[0] - 1;
|
|
1173
|
+
if (!t(S))
|
|
1174
|
+
c[0] = S;
|
|
1126
1175
|
else
|
|
1127
1176
|
break;
|
|
1128
1177
|
}
|
|
1129
1178
|
return c;
|
|
1130
1179
|
}
|
|
1131
|
-
var
|
|
1180
|
+
var rs = function(e, t) {
|
|
1132
1181
|
if (!(e instanceof t))
|
|
1133
1182
|
throw new TypeError("Cannot call a class as a function");
|
|
1134
|
-
},
|
|
1183
|
+
}, os = function() {
|
|
1135
1184
|
function e(t, n) {
|
|
1136
1185
|
for (var i = 0; i < n.length; i++) {
|
|
1137
1186
|
var r = n[i];
|
|
@@ -1152,7 +1201,7 @@ var os = function(e, t) {
|
|
|
1152
1201
|
configurable: !0
|
|
1153
1202
|
}
|
|
1154
1203
|
}), t && (Object.setPrototypeOf ? Object.setPrototypeOf(e, t) : e.__proto__ = t);
|
|
1155
|
-
},
|
|
1204
|
+
}, ze = function(e, t) {
|
|
1156
1205
|
if (!e)
|
|
1157
1206
|
throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
|
|
1158
1207
|
return t && (typeof t == "object" || typeof t == "function") ? t : e;
|
|
@@ -1160,17 +1209,17 @@ var os = function(e, t) {
|
|
|
1160
1209
|
as(t, e);
|
|
1161
1210
|
function t() {
|
|
1162
1211
|
var n, i, r, m;
|
|
1163
|
-
|
|
1164
|
-
for (var c = arguments.length,
|
|
1165
|
-
|
|
1166
|
-
return m = (i = (r =
|
|
1167
|
-
var
|
|
1168
|
-
r._lastRenderedStartIndex =
|
|
1169
|
-
}, r._setRef = function(
|
|
1170
|
-
r._listRef =
|
|
1171
|
-
}, i),
|
|
1212
|
+
rs(this, t);
|
|
1213
|
+
for (var c = arguments.length, h = Array(c), d = 0; d < c; d++)
|
|
1214
|
+
h[d] = arguments[d];
|
|
1215
|
+
return m = (i = (r = ze(this, (n = t.__proto__ || Object.getPrototypeOf(t)).call.apply(n, [this].concat(h))), r), r._lastRenderedStartIndex = -1, r._lastRenderedStopIndex = -1, r._memoizedUnloadedRanges = [], r._onItemsRendered = function(f) {
|
|
1216
|
+
var N = f.visibleStartIndex, D = f.visibleStopIndex;
|
|
1217
|
+
r._lastRenderedStartIndex = N, r._lastRenderedStopIndex = D, r._ensureRowsLoaded(N, D);
|
|
1218
|
+
}, r._setRef = function(f) {
|
|
1219
|
+
r._listRef = f;
|
|
1220
|
+
}, i), ze(r, m);
|
|
1172
1221
|
}
|
|
1173
|
-
return
|
|
1222
|
+
return os(t, [{
|
|
1174
1223
|
key: "resetloadMoreItemsCache",
|
|
1175
1224
|
value: function() {
|
|
1176
1225
|
var i = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : !1;
|
|
@@ -1192,39 +1241,39 @@ var os = function(e, t) {
|
|
|
1192
1241
|
}, {
|
|
1193
1242
|
key: "_ensureRowsLoaded",
|
|
1194
1243
|
value: function(i, r) {
|
|
1195
|
-
var m = this.props, c = m.isItemLoaded,
|
|
1244
|
+
var m = this.props, c = m.isItemLoaded, h = m.itemCount, d = m.minimumBatchSize, f = d === void 0 ? 10 : d, N = m.threshold, D = N === void 0 ? 15 : N, A = is({
|
|
1196
1245
|
isItemLoaded: c,
|
|
1197
|
-
itemCount:
|
|
1198
|
-
minimumBatchSize:
|
|
1199
|
-
startIndex: Math.max(0, i -
|
|
1200
|
-
stopIndex: Math.min(
|
|
1246
|
+
itemCount: h,
|
|
1247
|
+
minimumBatchSize: f,
|
|
1248
|
+
startIndex: Math.max(0, i - D),
|
|
1249
|
+
stopIndex: Math.min(h - 1, r + D)
|
|
1201
1250
|
});
|
|
1202
|
-
(this._memoizedUnloadedRanges.length !==
|
|
1203
|
-
return
|
|
1204
|
-
})) && (this._memoizedUnloadedRanges =
|
|
1251
|
+
(this._memoizedUnloadedRanges.length !== A.length || this._memoizedUnloadedRanges.some(function(S, T) {
|
|
1252
|
+
return A[T] !== S;
|
|
1253
|
+
})) && (this._memoizedUnloadedRanges = A, this._loadUnloadedRanges(A));
|
|
1205
1254
|
}
|
|
1206
1255
|
}, {
|
|
1207
1256
|
key: "_loadUnloadedRanges",
|
|
1208
1257
|
value: function(i) {
|
|
1209
|
-
for (var r = this, m = this.props.loadMoreItems || this.props.loadMoreRows, c = function(
|
|
1210
|
-
var
|
|
1211
|
-
|
|
1258
|
+
for (var r = this, m = this.props.loadMoreItems || this.props.loadMoreRows, c = function(f) {
|
|
1259
|
+
var N = i[f], D = i[f + 1], A = m(N, D);
|
|
1260
|
+
A != null && A.then(function() {
|
|
1212
1261
|
if (ss({
|
|
1213
1262
|
lastRenderedStartIndex: r._lastRenderedStartIndex,
|
|
1214
1263
|
lastRenderedStopIndex: r._lastRenderedStopIndex,
|
|
1215
|
-
startIndex:
|
|
1216
|
-
stopIndex:
|
|
1264
|
+
startIndex: N,
|
|
1265
|
+
stopIndex: D
|
|
1217
1266
|
})) {
|
|
1218
1267
|
if (r._listRef == null)
|
|
1219
1268
|
return;
|
|
1220
|
-
typeof r._listRef.resetAfterIndex == "function" ? r._listRef.resetAfterIndex(
|
|
1269
|
+
typeof r._listRef.resetAfterIndex == "function" ? r._listRef.resetAfterIndex(N, !0) : (typeof r._listRef._getItemStyleCache == "function" && r._listRef._getItemStyleCache(-1), r._listRef.forceUpdate());
|
|
1221
1270
|
}
|
|
1222
1271
|
});
|
|
1223
|
-
},
|
|
1224
|
-
c(
|
|
1272
|
+
}, h = 0; h < i.length; h += 2)
|
|
1273
|
+
c(h);
|
|
1225
1274
|
}
|
|
1226
1275
|
}]), t;
|
|
1227
|
-
}(
|
|
1276
|
+
}(Ce);
|
|
1228
1277
|
const cs = /* @__PURE__ */ o("div")({
|
|
1229
1278
|
name: "Container",
|
|
1230
1279
|
class: "culdu4a",
|
|
@@ -1245,11 +1294,11 @@ const cs = /* @__PURE__ */ o("div")({
|
|
|
1245
1294
|
name: "Content",
|
|
1246
1295
|
class: "c10a68rc",
|
|
1247
1296
|
propsAsIs: !1
|
|
1248
|
-
}),
|
|
1297
|
+
}), hs = /* @__PURE__ */ o("div")({
|
|
1249
1298
|
name: "NameContainer",
|
|
1250
1299
|
class: "nc4kck5",
|
|
1251
1300
|
propsAsIs: !1
|
|
1252
|
-
}),
|
|
1301
|
+
}), Is = /* @__PURE__ */ o("span")({
|
|
1253
1302
|
name: "Name",
|
|
1254
1303
|
class: "njsrqgr",
|
|
1255
1304
|
propsAsIs: !1
|
|
@@ -1265,44 +1314,44 @@ const cs = /* @__PURE__ */ o("div")({
|
|
|
1265
1314
|
isCurrentUser: r,
|
|
1266
1315
|
openItemDetail: m,
|
|
1267
1316
|
style: c
|
|
1268
|
-
}) => /* @__PURE__ */
|
|
1317
|
+
}) => /* @__PURE__ */ l(cs, { onClick: m, style: c, children: [
|
|
1269
1318
|
/* @__PURE__ */ s(ds, { children: e || 0 }),
|
|
1270
|
-
/* @__PURE__ */
|
|
1271
|
-
t ? /* @__PURE__ */ s(us, { alt: "leaderboard-item-avatar", src: t }) : /* @__PURE__ */ s(ps, { children:
|
|
1272
|
-
/* @__PURE__ */
|
|
1273
|
-
/* @__PURE__ */ s(
|
|
1319
|
+
/* @__PURE__ */ l(ms, { children: [
|
|
1320
|
+
t ? /* @__PURE__ */ s(us, { alt: "leaderboard-item-avatar", src: t }) : /* @__PURE__ */ s(ps, { children: Ee(n || "") }),
|
|
1321
|
+
/* @__PURE__ */ l(hs, { children: [
|
|
1322
|
+
/* @__PURE__ */ s(Is, { children: n || "" }),
|
|
1274
1323
|
r && /* @__PURE__ */ s(gs, { name: "icon-star" })
|
|
1275
1324
|
] })
|
|
1276
1325
|
] }),
|
|
1277
|
-
/* @__PURE__ */ s("div", { children:
|
|
1326
|
+
/* @__PURE__ */ s("div", { children: Le(i) })
|
|
1278
1327
|
] }), Ms = /* @__PURE__ */ o("div")({
|
|
1279
1328
|
name: "ScrollContainer",
|
|
1280
1329
|
class: "s13d8sg6",
|
|
1281
1330
|
propsAsIs: !1
|
|
1282
|
-
}),
|
|
1331
|
+
}), As = ({
|
|
1283
1332
|
items: e,
|
|
1284
1333
|
currentUserId: t,
|
|
1285
1334
|
openItemDetail: n,
|
|
1286
1335
|
fetchMore: i
|
|
1287
|
-
}) => /* @__PURE__ */ s(
|
|
1336
|
+
}) => /* @__PURE__ */ s(Ve, { children: ({ width: r, height: m }) => /* @__PURE__ */ s(
|
|
1288
1337
|
ls,
|
|
1289
1338
|
{
|
|
1290
1339
|
isItemLoaded: (c) => c < e.length,
|
|
1291
1340
|
itemCount: e.length + 1,
|
|
1292
1341
|
loadMoreItems: i,
|
|
1293
|
-
children: ({ onItemsRendered: c, ref:
|
|
1342
|
+
children: ({ onItemsRendered: c, ref: h }) => /* @__PURE__ */ s(Ms, { children: /* @__PURE__ */ s(
|
|
1294
1343
|
ns,
|
|
1295
1344
|
{
|
|
1296
1345
|
itemSize: 56,
|
|
1297
1346
|
onItemsRendered: c,
|
|
1298
|
-
ref:
|
|
1347
|
+
ref: h,
|
|
1299
1348
|
itemCount: e.length,
|
|
1300
1349
|
width: r,
|
|
1301
1350
|
height: m,
|
|
1302
|
-
children: ({ index: d, style:
|
|
1351
|
+
children: ({ index: d, style: f }) => /* @__PURE__ */ s(
|
|
1303
1352
|
vs,
|
|
1304
1353
|
{
|
|
1305
|
-
style: { ...
|
|
1354
|
+
style: { ...f, maxHeight: 48 },
|
|
1306
1355
|
...e[d],
|
|
1307
1356
|
openItemDetail: () => n(e[d].userId),
|
|
1308
1357
|
isCurrentUser: !!t && t === e[d].userId
|
|
@@ -1312,10 +1361,10 @@ const cs = /* @__PURE__ */ o("div")({
|
|
|
1312
1361
|
}
|
|
1313
1362
|
) })
|
|
1314
1363
|
}
|
|
1315
|
-
) }),
|
|
1316
|
-
const { data: t } =
|
|
1364
|
+
) }), Ns = ({ deepLink: e }) => {
|
|
1365
|
+
const { data: t } = Q(e.$store), n = t == null ? void 0 : t.url, i = e.desktopLink;
|
|
1317
1366
|
return /* @__PURE__ */ s(
|
|
1318
|
-
|
|
1367
|
+
We,
|
|
1319
1368
|
{
|
|
1320
1369
|
inviteLink: n || i,
|
|
1321
1370
|
socialLinks: [
|
|
@@ -1335,16 +1384,16 @@ const cs = /* @__PURE__ */ o("div")({
|
|
|
1335
1384
|
}
|
|
1336
1385
|
);
|
|
1337
1386
|
}, ys = ({ gamification: e }) => {
|
|
1338
|
-
const { data: t } =
|
|
1387
|
+
const { data: t } = Q(e.leaderboardList.$store);
|
|
1339
1388
|
return t != null && t.length ? /* @__PURE__ */ s(
|
|
1340
|
-
|
|
1389
|
+
As,
|
|
1341
1390
|
{
|
|
1342
1391
|
fetchMore: e.leaderboardList.fetchMore,
|
|
1343
1392
|
items: t,
|
|
1344
1393
|
openItemDetail: e.openUser,
|
|
1345
1394
|
currentUserId: e.currentUserId.get()
|
|
1346
1395
|
}
|
|
1347
|
-
) : /* @__PURE__ */ s(
|
|
1396
|
+
) : /* @__PURE__ */ s(Ns, { deepLink: e.deepLink });
|
|
1348
1397
|
}, Ts = /* @__PURE__ */ o("div")({
|
|
1349
1398
|
name: "QuestionItem",
|
|
1350
1399
|
class: "q1w97g3p",
|
|
@@ -1361,7 +1410,7 @@ const cs = /* @__PURE__ */ o("div")({
|
|
|
1361
1410
|
name: "QuestionAction",
|
|
1362
1411
|
class: "q105uluy",
|
|
1363
1412
|
propsAsIs: !1
|
|
1364
|
-
}), xs = () => j,
|
|
1413
|
+
}), xs = () => j, Z = /* @__PURE__ */ o(xs())({
|
|
1365
1414
|
name: "QuestionActionIcon",
|
|
1366
1415
|
class: "q1fa0b9h",
|
|
1367
1416
|
propsAsIs: !0
|
|
@@ -1373,7 +1422,7 @@ const cs = /* @__PURE__ */ o("div")({
|
|
|
1373
1422
|
name: "QuestionTypeLabel",
|
|
1374
1423
|
class: "qmg0vkx",
|
|
1375
1424
|
propsAsIs: !1
|
|
1376
|
-
}),
|
|
1425
|
+
}), Cs = /* @__PURE__ */ o("div")({
|
|
1377
1426
|
name: "QuestionContent",
|
|
1378
1427
|
class: "q1uz5j1g",
|
|
1379
1428
|
propsAsIs: !1
|
|
@@ -1381,12 +1430,12 @@ const cs = /* @__PURE__ */ o("div")({
|
|
|
1381
1430
|
name: "PlayButton",
|
|
1382
1431
|
class: "p1pba9p1",
|
|
1383
1432
|
propsAsIs: !1
|
|
1384
|
-
}),
|
|
1385
|
-
[
|
|
1386
|
-
[
|
|
1387
|
-
[
|
|
1388
|
-
[
|
|
1389
|
-
},
|
|
1433
|
+
}), ws = {
|
|
1434
|
+
[B.LOST]: /* @__PURE__ */ s(Z, { name: "incorrectVoted" }),
|
|
1435
|
+
[B.WON]: /* @__PURE__ */ s(Z, { name: "icon-check" }),
|
|
1436
|
+
[B.UNSET]: /* @__PURE__ */ s(Z, { name: "icon-arrow" }),
|
|
1437
|
+
[B.DNP]: /* @__PURE__ */ s(Z, { name: "icon-arrow" })
|
|
1438
|
+
}, Es = ({
|
|
1390
1439
|
questionId: e,
|
|
1391
1440
|
questionType: t,
|
|
1392
1441
|
questionStatus: n,
|
|
@@ -1395,28 +1444,28 @@ const cs = /* @__PURE__ */ o("div")({
|
|
|
1395
1444
|
openQuestion: m,
|
|
1396
1445
|
status: c
|
|
1397
1446
|
}) => {
|
|
1398
|
-
const
|
|
1399
|
-
return
|
|
1400
|
-
/* @__PURE__ */
|
|
1401
|
-
/* @__PURE__ */
|
|
1447
|
+
const h = Oe[t], d = ws[c];
|
|
1448
|
+
return h ? /* @__PURE__ */ l(Ts, { onClick: () => m == null ? void 0 : m(e), children: [
|
|
1449
|
+
/* @__PURE__ */ l(Cs, { children: [
|
|
1450
|
+
/* @__PURE__ */ l(Ds, { children: [
|
|
1402
1451
|
/* @__PURE__ */ s(
|
|
1403
1452
|
js,
|
|
1404
1453
|
{
|
|
1405
|
-
"data-type-trivia": t ===
|
|
1406
|
-
"data-type-poll": t ===
|
|
1407
|
-
name:
|
|
1454
|
+
"data-type-trivia": t === z.TRIVIA,
|
|
1455
|
+
"data-type-poll": t === z.POLL,
|
|
1456
|
+
name: h.iconName
|
|
1408
1457
|
}
|
|
1409
1458
|
),
|
|
1410
|
-
/* @__PURE__ */
|
|
1411
|
-
|
|
1412
|
-
t ===
|
|
1459
|
+
/* @__PURE__ */ l(bs, { children: [
|
|
1460
|
+
h.label,
|
|
1461
|
+
t === z.TRIVIA && n === E.RESOLVED && " • Expired"
|
|
1413
1462
|
] })
|
|
1414
1463
|
] }),
|
|
1415
1464
|
/* @__PURE__ */ s(Ss, { children: i || "" })
|
|
1416
1465
|
] }),
|
|
1417
1466
|
/* @__PURE__ */ s(zs, { children: r ? /* @__PURE__ */ s(ks, { children: "Play" }) : d })
|
|
1418
1467
|
] }) : null;
|
|
1419
|
-
},
|
|
1468
|
+
}, Ls = /* @__PURE__ */ o("div")({
|
|
1420
1469
|
name: "Container",
|
|
1421
1470
|
class: "cll3md7",
|
|
1422
1471
|
propsAsIs: !1
|
|
@@ -1428,22 +1477,22 @@ const cs = /* @__PURE__ */ o("div")({
|
|
|
1428
1477
|
openInsight: e,
|
|
1429
1478
|
questionId: t,
|
|
1430
1479
|
...n
|
|
1431
|
-
}) => /* @__PURE__ */
|
|
1432
|
-
/* @__PURE__ */ s(
|
|
1480
|
+
}) => /* @__PURE__ */ l(Ls, { children: [
|
|
1481
|
+
/* @__PURE__ */ s(Qe, { questionId: t, ...n, isPickHistory: !0 }),
|
|
1433
1482
|
e && /* @__PURE__ */ s($s, { onClick: () => e(t), children: "View Insight" })
|
|
1434
1483
|
] }), Qs = /* @__PURE__ */ o("div")({
|
|
1435
1484
|
name: "Container",
|
|
1436
1485
|
class: "cl56x6b",
|
|
1437
1486
|
propsAsIs: !1
|
|
1438
|
-
}), Us = () =>
|
|
1487
|
+
}), Us = () => Fe, qs = /* @__PURE__ */ o(Us())({
|
|
1439
1488
|
name: "ActionButton",
|
|
1440
1489
|
class: "a11pzf92",
|
|
1441
1490
|
propsAsIs: !0
|
|
1442
|
-
}),
|
|
1491
|
+
}), Ps = /* @__PURE__ */ o("div")({
|
|
1443
1492
|
name: "DateTime",
|
|
1444
1493
|
class: "d1hbaleq",
|
|
1445
1494
|
propsAsIs: !1
|
|
1446
|
-
}),
|
|
1495
|
+
}), _s = /* @__PURE__ */ o("blockquote")({
|
|
1447
1496
|
name: "Quote",
|
|
1448
1497
|
class: "qvvgqjm",
|
|
1449
1498
|
propsAsIs: !1
|
|
@@ -1455,69 +1504,69 @@ const cs = /* @__PURE__ */ o("div")({
|
|
|
1455
1504
|
const i = w(() => {
|
|
1456
1505
|
if (t) {
|
|
1457
1506
|
const r = new Date(t);
|
|
1458
|
-
if (
|
|
1507
|
+
if (ue(r))
|
|
1459
1508
|
return {
|
|
1460
|
-
date:
|
|
1461
|
-
time:
|
|
1509
|
+
date: ce(r),
|
|
1510
|
+
time: de(r)
|
|
1462
1511
|
};
|
|
1463
1512
|
}
|
|
1464
1513
|
return null;
|
|
1465
1514
|
}, [t]);
|
|
1466
|
-
return /* @__PURE__ */
|
|
1467
|
-
i && /* @__PURE__ */
|
|
1515
|
+
return /* @__PURE__ */ l(Qs, { children: [
|
|
1516
|
+
i && /* @__PURE__ */ l(Ps, { children: [
|
|
1468
1517
|
i.date,
|
|
1469
1518
|
" · ",
|
|
1470
1519
|
i.time
|
|
1471
1520
|
] }),
|
|
1472
|
-
n.title && /* @__PURE__ */ s(
|
|
1473
|
-
/* @__PURE__ */ s(
|
|
1521
|
+
n.title && /* @__PURE__ */ s(_s, { children: n.title }),
|
|
1522
|
+
/* @__PURE__ */ s(je, { ...n }),
|
|
1474
1523
|
e && /* @__PURE__ */ s(qs, { onClick: () => e(n.tweetId), children: "View Insight" })
|
|
1475
1524
|
] });
|
|
1476
|
-
},
|
|
1525
|
+
}, Vs = /* @__PURE__ */ o("div")({
|
|
1477
1526
|
name: "QuestionsContainer",
|
|
1478
1527
|
class: "qvghv3l",
|
|
1479
1528
|
propsAsIs: !1
|
|
1480
|
-
}),
|
|
1529
|
+
}), Ws = ({ questions: e, openQuestion: t }) => /* @__PURE__ */ s(Vs, { children: e == null ? void 0 : e.map((n) => {
|
|
1481
1530
|
var i, r, m;
|
|
1482
1531
|
if (n.type === "question" && ((i = n.attributes) == null ? void 0 : i.attributes.case) === "question") {
|
|
1483
1532
|
const c = n.attributes.attributes.value;
|
|
1484
|
-
return /* @__PURE__ */ s(
|
|
1533
|
+
return /* @__PURE__ */ s(Es, { openQuestion: t, ...c }, c.questionId);
|
|
1485
1534
|
}
|
|
1486
1535
|
if (n.type === "insight" && ((r = n.attributes) == null ? void 0 : r.attributes.case) === "insight") {
|
|
1487
1536
|
const c = n.attributes.attributes.value;
|
|
1488
1537
|
return /* @__PURE__ */ s(Rs, { openInsight: t, ...c }, c.questionId);
|
|
1489
1538
|
}
|
|
1490
1539
|
if (n.type === "tweet" && ((m = n.attributes) == null ? void 0 : m.attributes.case) === "tweet") {
|
|
1491
|
-
const c = n.attributes.attributes.value,
|
|
1492
|
-
return /* @__PURE__ */ s(Ys, { openTweet: t, ...c, tweetId:
|
|
1540
|
+
const c = n.attributes.attributes.value, h = n.attributes.id, d = n.attributes.created;
|
|
1541
|
+
return /* @__PURE__ */ s(Ys, { openTweet: t, ...c, tweetId: h, created: d }, h);
|
|
1493
1542
|
}
|
|
1494
1543
|
return null;
|
|
1495
1544
|
}) }), Fs = ({ store: e, openQuestion: t }) => {
|
|
1496
|
-
const n =
|
|
1497
|
-
return n != null && n.data ? /* @__PURE__ */ s(
|
|
1545
|
+
const n = Q(e);
|
|
1546
|
+
return n != null && n.data ? /* @__PURE__ */ s(Ws, { openQuestion: t, questions: n.data }) : /* @__PURE__ */ s("div", { children: "wait questions..." });
|
|
1498
1547
|
}, Bs = ({ userSummary: e }) => {
|
|
1499
1548
|
var t;
|
|
1500
|
-
const [n, i] =
|
|
1501
|
-
return
|
|
1549
|
+
const [n, i] = L(void 0);
|
|
1550
|
+
return be(() => {
|
|
1502
1551
|
const r = e.subscribe((m) => {
|
|
1503
1552
|
m != null && m.data && i(m.data);
|
|
1504
1553
|
});
|
|
1505
1554
|
return () => {
|
|
1506
1555
|
r();
|
|
1507
1556
|
};
|
|
1508
|
-
}, [e]), n != null && n.summary ? /* @__PURE__ */ s(
|
|
1557
|
+
}, [e]), n != null && n.summary ? /* @__PURE__ */ s($e, { ...n.summary, successRate: (t = n.percentage) == null ? void 0 : t.correct }) : /* @__PURE__ */ s("div", { children: "wait user..." });
|
|
1509
1558
|
}, Hs = ({
|
|
1510
1559
|
gamification: e
|
|
1511
1560
|
}) => {
|
|
1512
|
-
const [t, n] =
|
|
1513
|
-
return /* @__PURE__ */
|
|
1561
|
+
const [t, n] = L(J.HOME);
|
|
1562
|
+
return /* @__PURE__ */ l("div", {
|
|
1514
1563
|
style: {
|
|
1515
1564
|
height: "100%",
|
|
1516
1565
|
display: "flex",
|
|
1517
1566
|
flexDirection: "column",
|
|
1518
1567
|
overflow: "hidden"
|
|
1519
1568
|
},
|
|
1520
|
-
children: [/* @__PURE__ */ s(
|
|
1569
|
+
children: [/* @__PURE__ */ s(re, {
|
|
1521
1570
|
style: {
|
|
1522
1571
|
paddingBottom: "4px"
|
|
1523
1572
|
},
|
|
@@ -1525,28 +1574,28 @@ const cs = /* @__PURE__ */ o("div")({
|
|
|
1525
1574
|
activePage: t,
|
|
1526
1575
|
toggleActivePage: n
|
|
1527
1576
|
})
|
|
1528
|
-
}), t ===
|
|
1529
|
-
children: [/* @__PURE__ */ s(
|
|
1577
|
+
}), t === J.HOME && /* @__PURE__ */ l(le, {
|
|
1578
|
+
children: [/* @__PURE__ */ s(re, {
|
|
1530
1579
|
style: {
|
|
1531
1580
|
paddingTop: "12px"
|
|
1532
1581
|
},
|
|
1533
1582
|
children: /* @__PURE__ */ s(Bs, {
|
|
1534
1583
|
userSummary: e.userSummary
|
|
1535
1584
|
})
|
|
1536
|
-
}), /* @__PURE__ */ s(
|
|
1585
|
+
}), /* @__PURE__ */ s(Be, {
|
|
1537
1586
|
children: /* @__PURE__ */ s(Fs, {
|
|
1538
1587
|
openQuestion: e.openQuestion,
|
|
1539
1588
|
store: e.feedList.getStore()
|
|
1540
1589
|
})
|
|
1541
1590
|
})]
|
|
1542
|
-
}), t ===
|
|
1591
|
+
}), t === J.LEADERBOARD && /* @__PURE__ */ s("div", {
|
|
1543
1592
|
className: "c1bp9dj2",
|
|
1544
1593
|
children: /* @__PURE__ */ s(ys, {
|
|
1545
1594
|
gamification: e
|
|
1546
1595
|
})
|
|
1547
1596
|
})]
|
|
1548
1597
|
});
|
|
1549
|
-
}, Gs = () =>
|
|
1598
|
+
}, Gs = () => He, xe = /* @__PURE__ */ o(Gs())({
|
|
1550
1599
|
name: "OpenedContainer",
|
|
1551
1600
|
class: "oar61gl",
|
|
1552
1601
|
propsAsIs: !0
|
|
@@ -1564,27 +1613,27 @@ const cs = /* @__PURE__ */ o("div")({
|
|
|
1564
1613
|
gamification: e,
|
|
1565
1614
|
className: t
|
|
1566
1615
|
}) => {
|
|
1567
|
-
const n =
|
|
1568
|
-
return /* @__PURE__ */
|
|
1569
|
-
children: [n && /* @__PURE__ */ s(
|
|
1616
|
+
const n = Q(e.openedQuestion.$store), i = Q(e.openedUser);
|
|
1617
|
+
return /* @__PURE__ */ l(k, {
|
|
1618
|
+
children: [n && /* @__PURE__ */ s(xe, {
|
|
1570
1619
|
className: t,
|
|
1571
|
-
children: /* @__PURE__ */ s(
|
|
1620
|
+
children: /* @__PURE__ */ s(Pn, {
|
|
1572
1621
|
gamification: e
|
|
1573
1622
|
})
|
|
1574
|
-
}), i && /* @__PURE__ */ s(
|
|
1623
|
+
}), i && /* @__PURE__ */ s(xe, {
|
|
1575
1624
|
className: t,
|
|
1576
|
-
children: /* @__PURE__ */
|
|
1577
|
-
children: [/* @__PURE__ */ s(
|
|
1625
|
+
children: /* @__PURE__ */ l(Zs, {
|
|
1626
|
+
children: [/* @__PURE__ */ s(we, {
|
|
1578
1627
|
label: "Friend's Rank",
|
|
1579
1628
|
close: e.closeUser
|
|
1580
|
-
}), /* @__PURE__ */ s(
|
|
1581
|
-
children: /* @__PURE__ */ s(
|
|
1629
|
+
}), /* @__PURE__ */ s(re, {
|
|
1630
|
+
children: /* @__PURE__ */ s($e, {
|
|
1582
1631
|
...i,
|
|
1583
1632
|
successRate: Js(i)
|
|
1584
1633
|
})
|
|
1585
1634
|
})]
|
|
1586
1635
|
})
|
|
1587
|
-
}), /* @__PURE__ */ s(
|
|
1636
|
+
}), /* @__PURE__ */ s(le, {
|
|
1588
1637
|
className: t,
|
|
1589
1638
|
"data-nav": "true",
|
|
1590
1639
|
children: /* @__PURE__ */ s(Hs, {
|