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