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