@streamlayer/react 0.32.8 → 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
|
-
p && /* @__PURE__ */ h(
|
|
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
|
+
questionType: T,
|
|
413
|
+
correct: a,
|
|
412
414
|
hasCorrectAnswer: p,
|
|
413
|
-
votedAfterQuestionClosed:
|
|
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
|
-
}, p =
|
|
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: p, path:
|
|
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,194 +572,209 @@ 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
|
-
|
|
602
|
-
}, [i]),
|
|
603
|
-
() => e == null ? void 0 : e.answers.find((
|
|
601
|
+
[D, v, n]
|
|
602
|
+
), x = V(() => {
|
|
603
|
+
m(!0), setTimeout(i, 3e3);
|
|
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
|
-
}),
|
|
703
|
-
|
|
713
|
+
}), Be = ({
|
|
714
|
+
created: e,
|
|
715
|
+
image: t,
|
|
716
|
+
title: n,
|
|
717
|
+
isPickHistory: i,
|
|
718
|
+
instantView: r
|
|
719
|
+
}) => {
|
|
720
|
+
const c = $(() => {
|
|
704
721
|
if (e) {
|
|
705
|
-
const
|
|
706
|
-
if (
|
|
722
|
+
const u = new Date(e);
|
|
723
|
+
if (ge(u))
|
|
707
724
|
return {
|
|
708
|
-
date:
|
|
709
|
-
time:
|
|
725
|
+
date: Ie(u),
|
|
726
|
+
time: fe(u)
|
|
710
727
|
};
|
|
711
728
|
}
|
|
712
729
|
return null;
|
|
713
|
-
}, [e]),
|
|
730
|
+
}, [e]), l = (r == null ? void 0 : r.image) || t;
|
|
714
731
|
return /* @__PURE__ */ h(Qn, { children: [
|
|
715
|
-
|
|
716
|
-
|
|
732
|
+
c && /* @__PURE__ */ h(_n, { children: [
|
|
733
|
+
c.date,
|
|
717
734
|
" · ",
|
|
718
|
-
|
|
735
|
+
c.time
|
|
719
736
|
] }),
|
|
720
|
-
(
|
|
721
|
-
|
|
737
|
+
(r == null ? void 0 : r.video) && /* @__PURE__ */ s(Ze, { source: r.video.url, poster: r.video.thumbnailUrl }),
|
|
738
|
+
l && !(r != null && r.video) && /* @__PURE__ */ s(Yn, { src: l }),
|
|
722
739
|
/* @__PURE__ */ h(Un, { children: [
|
|
723
|
-
/* @__PURE__ */ s(qn, { children:
|
|
724
|
-
/* @__PURE__ */ s(Pn, { children:
|
|
740
|
+
/* @__PURE__ */ s(qn, { children: i ? n : r == null ? void 0 : r.heading }),
|
|
741
|
+
!i && /* @__PURE__ */ s(Pn, { children: r == null ? void 0 : r.body })
|
|
725
742
|
] })
|
|
726
743
|
] });
|
|
727
|
-
}, Wn = /* @__PURE__ */
|
|
744
|
+
}, Wn = /* @__PURE__ */ o("div")({
|
|
728
745
|
name: "Container",
|
|
729
746
|
class: "c1euiow",
|
|
730
747
|
propsAsIs: !1
|
|
731
|
-
}), Vn = /* @__PURE__ */
|
|
748
|
+
}), Vn = /* @__PURE__ */ o("a")({
|
|
732
749
|
name: "WebLinkBtn",
|
|
733
750
|
class: "w19zie3h",
|
|
734
751
|
propsAsIs: !1
|
|
735
752
|
}), Fn = ({ instantView: e, ...t }) => /* @__PURE__ */ h(Wn, { children: [
|
|
736
|
-
/* @__PURE__ */ s(
|
|
753
|
+
/* @__PURE__ */ s(Be, { instantView: e, ...t }),
|
|
737
754
|
(e == null ? void 0 : e.webLink) && /* @__PURE__ */ h(Vn, { href: e == null ? void 0 : e.webLink.url, target: "_blank", children: [
|
|
738
755
|
"Explore more of the Masters History",
|
|
739
756
|
/* @__PURE__ */ s(k, { name: "icon-external-link" })
|
|
740
757
|
] })
|
|
741
|
-
] }), Bn = /* @__PURE__ */
|
|
758
|
+
] }), Bn = /* @__PURE__ */ o("div")({
|
|
742
759
|
name: "Container",
|
|
743
760
|
class: "c1dcxmvf",
|
|
744
761
|
propsAsIs: !1
|
|
745
|
-
}), Hn = /* @__PURE__ */
|
|
762
|
+
}), Hn = /* @__PURE__ */ o("div")({
|
|
746
763
|
name: "DateTime",
|
|
747
764
|
class: "db4q22c",
|
|
748
765
|
propsAsIs: !1
|
|
749
|
-
}), Gn = /* @__PURE__ */
|
|
766
|
+
}), Gn = /* @__PURE__ */ o("blockquote")({
|
|
750
767
|
name: "Quote",
|
|
751
768
|
class: "q111mmic",
|
|
752
769
|
propsAsIs: !1
|
|
753
770
|
}), Zn = ({ created: e, ...t }) => {
|
|
754
|
-
const n =
|
|
771
|
+
const n = $(() => {
|
|
755
772
|
if (e) {
|
|
756
773
|
const i = new Date(e);
|
|
757
|
-
if (
|
|
774
|
+
if (ge(i))
|
|
758
775
|
return {
|
|
759
|
-
date:
|
|
760
|
-
time:
|
|
776
|
+
date: Ie(i),
|
|
777
|
+
time: fe(i)
|
|
761
778
|
};
|
|
762
779
|
}
|
|
763
780
|
return null;
|
|
@@ -769,9 +786,9 @@ const Tn = [Q.PRIMARY_GREEN1, Q.SECONDARY_RED1, Q.SECONDARY_RED1, Q.NEUTRALS_GRA
|
|
|
769
786
|
n.time
|
|
770
787
|
] }),
|
|
771
788
|
t.title && /* @__PURE__ */ s(Gn, { children: t.title }),
|
|
772
|
-
/* @__PURE__ */ s(
|
|
789
|
+
/* @__PURE__ */ s(Qe, { ...t })
|
|
773
790
|
] });
|
|
774
|
-
}, Jn = /* @__PURE__ */
|
|
791
|
+
}, Jn = /* @__PURE__ */ o("div")({
|
|
775
792
|
name: "QuestionContainer",
|
|
776
793
|
class: "qdri6g3",
|
|
777
794
|
propsAsIs: !1
|
|
@@ -805,14 +822,14 @@ const Tn = [Q.PRIMARY_GREEN1, Q.SECONDARY_RED1, Q.SECONDARY_RED1, Q.NEUTRALS_GRA
|
|
|
805
822
|
gamification: e
|
|
806
823
|
}) => {
|
|
807
824
|
var t;
|
|
808
|
-
const n =
|
|
825
|
+
const n = P(e.openedQuestion.$store), i = P(e.openedQuestion.$extendedStore);
|
|
809
826
|
if (!n)
|
|
810
827
|
return null;
|
|
811
828
|
const r = n.type;
|
|
812
829
|
return /* @__PURE__ */ h(Jn, {
|
|
813
|
-
children: [/* @__PURE__ */ s(
|
|
830
|
+
children: [/* @__PURE__ */ s(qe, {
|
|
814
831
|
close: e.closeQuestion,
|
|
815
|
-
type: ((t = n.attributes) == null ? void 0 : t.type) ||
|
|
832
|
+
type: ((t = n.attributes) == null ? void 0 : t.type) || z.UNSET
|
|
816
833
|
}), r === "question" && /* @__PURE__ */ s(Xn, {
|
|
817
834
|
vote: e.submitAnswer,
|
|
818
835
|
close: e.closeQuestion,
|
|
@@ -823,31 +840,31 @@ const Tn = [Q.PRIMARY_GREEN1, Q.SECONDARY_RED1, Q.SECONDARY_RED1, Q.NEUTRALS_GRA
|
|
|
823
840
|
sponsorLogo: ""
|
|
824
841
|
})]
|
|
825
842
|
});
|
|
826
|
-
}, ti = /* @__PURE__ */
|
|
843
|
+
}, ti = /* @__PURE__ */ o("div")({
|
|
827
844
|
name: "Container",
|
|
828
845
|
class: "c115qtkr",
|
|
829
846
|
propsAsIs: !1
|
|
830
|
-
}), ni = /* @__PURE__ */
|
|
847
|
+
}), ni = /* @__PURE__ */ o("div")({
|
|
831
848
|
name: "STabs",
|
|
832
849
|
class: "sxnslc8",
|
|
833
850
|
propsAsIs: !1
|
|
834
|
-
}), ii = /* @__PURE__ */
|
|
851
|
+
}), ii = /* @__PURE__ */ o("button")({
|
|
835
852
|
name: "Button",
|
|
836
853
|
class: "b1umzux0",
|
|
837
854
|
propsAsIs: !1
|
|
838
|
-
}), si = /* @__PURE__ */
|
|
855
|
+
}), si = /* @__PURE__ */ o("span")({
|
|
839
856
|
name: "Title",
|
|
840
857
|
class: "tspsaas",
|
|
841
858
|
propsAsIs: !1
|
|
842
859
|
});
|
|
843
|
-
var
|
|
844
|
-
const
|
|
845
|
-
/* @__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(
|
|
846
863
|
"home"
|
|
847
864
|
/* HOME */
|
|
848
865
|
) }),
|
|
849
866
|
/* @__PURE__ */ s(
|
|
850
|
-
|
|
867
|
+
xe,
|
|
851
868
|
{
|
|
852
869
|
title: "Leader Board",
|
|
853
870
|
active: e === "leaderboard",
|
|
@@ -858,34 +875,34 @@ const Se = ({ title: e, active: t, onClick: n }) => /* @__PURE__ */ s(ii, { onCl
|
|
|
858
875
|
}
|
|
859
876
|
)
|
|
860
877
|
] }) });
|
|
861
|
-
function
|
|
862
|
-
return
|
|
878
|
+
function ue() {
|
|
879
|
+
return ue = Object.assign ? Object.assign.bind() : function(e) {
|
|
863
880
|
for (var t = 1; t < arguments.length; t++) {
|
|
864
881
|
var n = arguments[t];
|
|
865
882
|
for (var i in n)
|
|
866
883
|
Object.prototype.hasOwnProperty.call(n, i) && (e[i] = n[i]);
|
|
867
884
|
}
|
|
868
885
|
return e;
|
|
869
|
-
},
|
|
886
|
+
}, ue.apply(this, arguments);
|
|
870
887
|
}
|
|
871
|
-
function
|
|
888
|
+
function Oe(e) {
|
|
872
889
|
if (e === void 0)
|
|
873
890
|
throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
|
|
874
891
|
return e;
|
|
875
892
|
}
|
|
876
|
-
function
|
|
877
|
-
return
|
|
893
|
+
function pe(e, t) {
|
|
894
|
+
return pe = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(i, r) {
|
|
878
895
|
return i.__proto__ = r, i;
|
|
879
|
-
},
|
|
896
|
+
}, pe(e, t);
|
|
880
897
|
}
|
|
881
898
|
function oi(e, t) {
|
|
882
|
-
e.prototype = Object.create(t.prototype), e.prototype.constructor = e,
|
|
899
|
+
e.prototype = Object.create(t.prototype), e.prototype.constructor = e, pe(e, t);
|
|
883
900
|
}
|
|
884
|
-
var
|
|
901
|
+
var we = Number.isNaN || function(t) {
|
|
885
902
|
return typeof t == "number" && t !== t;
|
|
886
903
|
};
|
|
887
904
|
function ai(e, t) {
|
|
888
|
-
return !!(e === t ||
|
|
905
|
+
return !!(e === t || we(e) && we(t));
|
|
889
906
|
}
|
|
890
907
|
function li(e, t) {
|
|
891
908
|
if (e.length !== t.length)
|
|
@@ -895,255 +912,255 @@ function li(e, t) {
|
|
|
895
912
|
return !1;
|
|
896
913
|
return !0;
|
|
897
914
|
}
|
|
898
|
-
function
|
|
915
|
+
function le(e, t) {
|
|
899
916
|
t === void 0 && (t = li);
|
|
900
917
|
var n, i = [], r, c = !1;
|
|
901
918
|
function l() {
|
|
902
|
-
for (var
|
|
903
|
-
|
|
904
|
-
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;
|
|
905
922
|
}
|
|
906
923
|
return l;
|
|
907
924
|
}
|
|
908
|
-
var ci = typeof performance == "object" && typeof performance.now == "function",
|
|
925
|
+
var ci = typeof performance == "object" && typeof performance.now == "function", ke = ci ? function() {
|
|
909
926
|
return performance.now();
|
|
910
927
|
} : function() {
|
|
911
928
|
return Date.now();
|
|
912
929
|
};
|
|
913
|
-
function
|
|
930
|
+
function je(e) {
|
|
914
931
|
cancelAnimationFrame(e.id);
|
|
915
932
|
}
|
|
916
933
|
function di(e, t) {
|
|
917
|
-
var n =
|
|
934
|
+
var n = ke();
|
|
918
935
|
function i() {
|
|
919
|
-
|
|
936
|
+
ke() - n >= t ? e.call(null) : r.id = requestAnimationFrame(i);
|
|
920
937
|
}
|
|
921
938
|
var r = {
|
|
922
939
|
id: requestAnimationFrame(i)
|
|
923
940
|
};
|
|
924
941
|
return r;
|
|
925
942
|
}
|
|
926
|
-
var
|
|
927
|
-
function
|
|
928
|
-
if (e === void 0 && (e = !1),
|
|
943
|
+
var ce = -1;
|
|
944
|
+
function be(e) {
|
|
945
|
+
if (e === void 0 && (e = !1), ce === -1 || e) {
|
|
929
946
|
var t = document.createElement("div"), n = t.style;
|
|
930
|
-
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);
|
|
931
948
|
}
|
|
932
|
-
return
|
|
949
|
+
return ce;
|
|
933
950
|
}
|
|
934
|
-
var
|
|
935
|
-
function
|
|
936
|
-
if (e === void 0 && (e = !1),
|
|
951
|
+
var W = null;
|
|
952
|
+
function Ce(e) {
|
|
953
|
+
if (e === void 0 && (e = !1), W === null || e) {
|
|
937
954
|
var t = document.createElement("div"), n = t.style;
|
|
938
955
|
n.width = "50px", n.height = "50px", n.overflow = "scroll", n.direction = "rtl";
|
|
939
956
|
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 ?
|
|
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;
|
|
941
958
|
}
|
|
942
|
-
return
|
|
959
|
+
return W;
|
|
943
960
|
}
|
|
944
961
|
var ui = 150, pi = function(t, n) {
|
|
945
962
|
return t;
|
|
946
963
|
};
|
|
947
964
|
function mi(e) {
|
|
948
|
-
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;
|
|
949
966
|
return t = /* @__PURE__ */ function(M) {
|
|
950
|
-
oi(
|
|
951
|
-
function
|
|
952
|
-
var
|
|
953
|
-
return
|
|
954
|
-
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),
|
|
955
972
|
isScrolling: !1,
|
|
956
973
|
scrollDirection: "forward",
|
|
957
|
-
scrollOffset: typeof
|
|
974
|
+
scrollOffset: typeof a.props.initialScrollOffset == "number" ? a.props.initialScrollOffset : 0,
|
|
958
975
|
scrollUpdateWasRequested: !1
|
|
959
|
-
},
|
|
960
|
-
return
|
|
976
|
+
}, a._callOnItemsRendered = void 0, a._callOnItemsRendered = le(function(p, m, I, v) {
|
|
977
|
+
return a.props.onItemsRendered({
|
|
961
978
|
overscanStartIndex: p,
|
|
962
|
-
overscanStopIndex:
|
|
979
|
+
overscanStopIndex: m,
|
|
963
980
|
visibleStartIndex: I,
|
|
964
|
-
visibleStopIndex:
|
|
981
|
+
visibleStopIndex: v
|
|
965
982
|
});
|
|
966
|
-
}),
|
|
967
|
-
return
|
|
983
|
+
}), a._callOnScroll = void 0, a._callOnScroll = le(function(p, m, I) {
|
|
984
|
+
return a.props.onScroll({
|
|
968
985
|
scrollDirection: p,
|
|
969
|
-
scrollOffset:
|
|
986
|
+
scrollOffset: m,
|
|
970
987
|
scrollUpdateWasRequested: I
|
|
971
988
|
});
|
|
972
|
-
}),
|
|
973
|
-
var
|
|
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;
|
|
974
991
|
if (y.hasOwnProperty(p))
|
|
975
992
|
S = y[p];
|
|
976
993
|
else {
|
|
977
|
-
var
|
|
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;
|
|
978
995
|
y[p] = S = {
|
|
979
996
|
position: "absolute",
|
|
980
|
-
left:
|
|
981
|
-
right:
|
|
982
|
-
top: j ? 0 :
|
|
983
|
-
height: j ? "100%" :
|
|
984
|
-
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%"
|
|
985
1002
|
};
|
|
986
1003
|
}
|
|
987
1004
|
return S;
|
|
988
|
-
},
|
|
1005
|
+
}, a._getItemStyleCache = void 0, a._getItemStyleCache = le(function(p, m, I) {
|
|
989
1006
|
return {};
|
|
990
|
-
}),
|
|
991
|
-
var
|
|
992
|
-
|
|
993
|
-
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)
|
|
994
1011
|
return null;
|
|
995
|
-
var S =
|
|
1012
|
+
var S = a.props.direction, x = v;
|
|
996
1013
|
if (S === "rtl")
|
|
997
|
-
switch (
|
|
1014
|
+
switch (Ce()) {
|
|
998
1015
|
case "negative":
|
|
999
|
-
|
|
1016
|
+
x = -v;
|
|
1000
1017
|
break;
|
|
1001
1018
|
case "positive-descending":
|
|
1002
|
-
|
|
1019
|
+
x = D - I - v;
|
|
1003
1020
|
break;
|
|
1004
1021
|
}
|
|
1005
|
-
return
|
|
1022
|
+
return x = Math.max(0, Math.min(x, D - I)), {
|
|
1006
1023
|
isScrolling: !0,
|
|
1007
|
-
scrollDirection: y.scrollOffset <
|
|
1008
|
-
scrollOffset:
|
|
1024
|
+
scrollDirection: y.scrollOffset < v ? "forward" : "backward",
|
|
1025
|
+
scrollOffset: x,
|
|
1009
1026
|
scrollUpdateWasRequested: !1
|
|
1010
1027
|
};
|
|
1011
|
-
},
|
|
1012
|
-
},
|
|
1013
|
-
var
|
|
1014
|
-
|
|
1015
|
-
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)
|
|
1016
1033
|
return null;
|
|
1017
|
-
var S = Math.max(0, Math.min(
|
|
1034
|
+
var S = Math.max(0, Math.min(D, v - I));
|
|
1018
1035
|
return {
|
|
1019
1036
|
isScrolling: !0,
|
|
1020
1037
|
scrollDirection: y.scrollOffset < S ? "forward" : "backward",
|
|
1021
1038
|
scrollOffset: S,
|
|
1022
1039
|
scrollUpdateWasRequested: !1
|
|
1023
1040
|
};
|
|
1024
|
-
},
|
|
1025
|
-
},
|
|
1026
|
-
var
|
|
1027
|
-
|
|
1028
|
-
},
|
|
1029
|
-
|
|
1030
|
-
},
|
|
1031
|
-
|
|
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({
|
|
1032
1049
|
isScrolling: !1
|
|
1033
1050
|
}, function() {
|
|
1034
|
-
|
|
1051
|
+
a._getItemStyleCache(-1, null);
|
|
1035
1052
|
});
|
|
1036
|
-
},
|
|
1053
|
+
}, a;
|
|
1037
1054
|
}
|
|
1038
|
-
|
|
1039
|
-
return hi(
|
|
1055
|
+
g.getDerivedStateFromProps = function(a, p) {
|
|
1056
|
+
return hi(a, p), A(a), null;
|
|
1040
1057
|
};
|
|
1041
|
-
var N =
|
|
1042
|
-
return N.scrollTo = function(
|
|
1043
|
-
|
|
1044
|
-
return p.scrollOffset ===
|
|
1045
|
-
scrollDirection: p.scrollOffset <
|
|
1046
|
-
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,
|
|
1047
1064
|
scrollUpdateWasRequested: !0
|
|
1048
1065
|
};
|
|
1049
1066
|
}, this._resetIsScrollingDebounced);
|
|
1050
|
-
}, N.scrollToItem = function(
|
|
1067
|
+
}, N.scrollToItem = function(a, p) {
|
|
1051
1068
|
p === void 0 && (p = "auto");
|
|
1052
|
-
var
|
|
1053
|
-
|
|
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));
|
|
1054
1071
|
var y = 0;
|
|
1055
1072
|
if (this._outerRef) {
|
|
1056
1073
|
var S = this._outerRef;
|
|
1057
|
-
|
|
1074
|
+
v === "vertical" ? y = S.scrollWidth > S.clientWidth ? be() : 0 : y = S.scrollHeight > S.clientHeight ? be() : 0;
|
|
1058
1075
|
}
|
|
1059
|
-
this.scrollTo(c(this.props,
|
|
1076
|
+
this.scrollTo(c(this.props, a, p, D, this._instanceProps, y));
|
|
1060
1077
|
}, N.componentDidMount = function() {
|
|
1061
|
-
var
|
|
1062
|
-
if (typeof
|
|
1063
|
-
var
|
|
1064
|
-
p === "horizontal" || I === "horizontal" ?
|
|
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;
|
|
1065
1082
|
}
|
|
1066
1083
|
this._callPropsCallbacks();
|
|
1067
1084
|
}, N.componentDidUpdate = function() {
|
|
1068
|
-
var
|
|
1069
|
-
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) {
|
|
1070
1087
|
var y = this._outerRef;
|
|
1071
|
-
if (p === "horizontal" ||
|
|
1088
|
+
if (p === "horizontal" || m === "horizontal")
|
|
1072
1089
|
if (p === "rtl")
|
|
1073
|
-
switch (
|
|
1090
|
+
switch (Ce()) {
|
|
1074
1091
|
case "negative":
|
|
1075
|
-
y.scrollLeft = -
|
|
1092
|
+
y.scrollLeft = -v;
|
|
1076
1093
|
break;
|
|
1077
1094
|
case "positive-ascending":
|
|
1078
|
-
y.scrollLeft =
|
|
1095
|
+
y.scrollLeft = v;
|
|
1079
1096
|
break;
|
|
1080
1097
|
default:
|
|
1081
|
-
var S = y.clientWidth,
|
|
1082
|
-
y.scrollLeft =
|
|
1098
|
+
var S = y.clientWidth, x = y.scrollWidth;
|
|
1099
|
+
y.scrollLeft = x - S - v;
|
|
1083
1100
|
break;
|
|
1084
1101
|
}
|
|
1085
1102
|
else
|
|
1086
|
-
y.scrollLeft =
|
|
1103
|
+
y.scrollLeft = v;
|
|
1087
1104
|
else
|
|
1088
|
-
y.scrollTop =
|
|
1105
|
+
y.scrollTop = v;
|
|
1089
1106
|
}
|
|
1090
1107
|
this._callPropsCallbacks();
|
|
1091
1108
|
}, N.componentWillUnmount = function() {
|
|
1092
|
-
this._resetIsScrollingTimeoutId !== null &&
|
|
1109
|
+
this._resetIsScrollingTimeoutId !== null && je(this._resetIsScrollingTimeoutId);
|
|
1093
1110
|
}, N.render = function() {
|
|
1094
|
-
var
|
|
1095
|
-
if (
|
|
1096
|
-
for (var
|
|
1097
|
-
|
|
1098
|
-
data:
|
|
1099
|
-
key:
|
|
1100
|
-
index:
|
|
1101
|
-
isScrolling:
|
|
1102
|
-
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)
|
|
1103
1120
|
}));
|
|
1104
|
-
var
|
|
1105
|
-
return ie
|
|
1106
|
-
className:
|
|
1107
|
-
onScroll:
|
|
1121
|
+
var ye = i(this.props, this._instanceProps);
|
|
1122
|
+
return oe(ie || R || "div", {
|
|
1123
|
+
className: m,
|
|
1124
|
+
onScroll: Q,
|
|
1108
1125
|
ref: this._outerRefSetter,
|
|
1109
|
-
style:
|
|
1126
|
+
style: ue({
|
|
1110
1127
|
position: "relative",
|
|
1111
|
-
height:
|
|
1112
|
-
width:
|
|
1128
|
+
height: v,
|
|
1129
|
+
width: re,
|
|
1113
1130
|
overflow: "auto",
|
|
1114
1131
|
WebkitOverflowScrolling: "touch",
|
|
1115
1132
|
willChange: "transform",
|
|
1116
1133
|
direction: I
|
|
1117
|
-
},
|
|
1118
|
-
},
|
|
1119
|
-
children:
|
|
1120
|
-
ref:
|
|
1134
|
+
}, Z)
|
|
1135
|
+
}, oe(y || S || "div", {
|
|
1136
|
+
children: Me,
|
|
1137
|
+
ref: D,
|
|
1121
1138
|
style: {
|
|
1122
|
-
height:
|
|
1123
|
-
pointerEvents:
|
|
1124
|
-
width:
|
|
1139
|
+
height: w ? "100%" : ye,
|
|
1140
|
+
pointerEvents: J ? "none" : void 0,
|
|
1141
|
+
width: w ? ye : "100%"
|
|
1125
1142
|
}
|
|
1126
1143
|
}));
|
|
1127
1144
|
}, N._callPropsCallbacks = function() {
|
|
1128
1145
|
if (typeof this.props.onItemsRendered == "function") {
|
|
1129
|
-
var
|
|
1130
|
-
if (
|
|
1131
|
-
var p = this._getRangeToRender(),
|
|
1132
|
-
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);
|
|
1133
1150
|
}
|
|
1134
1151
|
}
|
|
1135
1152
|
if (typeof this.props.onScroll == "function") {
|
|
1136
|
-
var y = this.state, S = y.scrollDirection,
|
|
1137
|
-
this._callOnScroll(S,
|
|
1153
|
+
var y = this.state, S = y.scrollDirection, x = y.scrollOffset, O = y.scrollUpdateWasRequested;
|
|
1154
|
+
this._callOnScroll(S, x, O);
|
|
1138
1155
|
}
|
|
1139
1156
|
}, N._getRangeToRender = function() {
|
|
1140
|
-
var
|
|
1157
|
+
var a = this.props, p = a.itemCount, m = a.overscanCount, I = this.state, v = I.isScrolling, D = I.scrollDirection, y = I.scrollOffset;
|
|
1141
1158
|
if (p === 0)
|
|
1142
1159
|
return [0, 0, 0, 0];
|
|
1143
|
-
var S = l(this.props, y, this._instanceProps),
|
|
1144
|
-
return [Math.max(0, S -
|
|
1145
|
-
},
|
|
1146
|
-
}(
|
|
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 = {
|
|
1147
1164
|
direction: "ltr",
|
|
1148
1165
|
itemData: void 0,
|
|
1149
1166
|
layout: "vertical",
|
|
@@ -1167,19 +1184,19 @@ var hi = function(t, n) {
|
|
|
1167
1184
|
return i * n;
|
|
1168
1185
|
},
|
|
1169
1186
|
getOffsetForIndexAndAlignment: function(t, n, i, r, c, l) {
|
|
1170
|
-
var
|
|
1171
|
-
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) {
|
|
1172
1189
|
case "start":
|
|
1173
1190
|
return p;
|
|
1174
1191
|
case "end":
|
|
1175
|
-
return
|
|
1192
|
+
return m;
|
|
1176
1193
|
case "center": {
|
|
1177
|
-
var I = Math.round(
|
|
1178
|
-
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;
|
|
1179
1196
|
}
|
|
1180
1197
|
case "auto":
|
|
1181
1198
|
default:
|
|
1182
|
-
return r >=
|
|
1199
|
+
return r >= m && r <= p ? r : r < m ? m : p;
|
|
1183
1200
|
}
|
|
1184
1201
|
},
|
|
1185
1202
|
getStartIndexForOffset: function(t, n) {
|
|
@@ -1187,7 +1204,7 @@ var hi = function(t, n) {
|
|
|
1187
1204
|
return Math.max(0, Math.min(i - 1, Math.floor(n / r)));
|
|
1188
1205
|
},
|
|
1189
1206
|
getStopIndexForStartIndex: function(t, n, i) {
|
|
1190
|
-
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);
|
|
1191
1208
|
return Math.max(0, Math.min(
|
|
1192
1209
|
l - 1,
|
|
1193
1210
|
n + N - 1
|
|
@@ -1206,14 +1223,14 @@ function fi(e) {
|
|
|
1206
1223
|
return !(i > n || r < t);
|
|
1207
1224
|
}
|
|
1208
1225
|
function gi(e) {
|
|
1209
|
-
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++) {
|
|
1210
1227
|
var A = t(f);
|
|
1211
|
-
A ? d !== null && (l.push(
|
|
1228
|
+
A ? d !== null && (l.push(u, d), u = d = null) : (d = f, u === null && (u = f));
|
|
1212
1229
|
}
|
|
1213
1230
|
if (d !== null) {
|
|
1214
|
-
for (var M = Math.min(Math.max(d,
|
|
1215
|
-
d =
|
|
1216
|
-
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);
|
|
1217
1234
|
}
|
|
1218
1235
|
if (l.length)
|
|
1219
1236
|
for (; l[1] - l[0] + 1 < i && l[0] > 0; ) {
|
|
@@ -1249,7 +1266,7 @@ var vi = function(e, t) {
|
|
|
1249
1266
|
configurable: !0
|
|
1250
1267
|
}
|
|
1251
1268
|
}), t && (Object.setPrototypeOf ? Object.setPrototypeOf(e, t) : e.__proto__ = t);
|
|
1252
|
-
},
|
|
1269
|
+
}, $e = function(e, t) {
|
|
1253
1270
|
if (!e)
|
|
1254
1271
|
throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
|
|
1255
1272
|
return t && (typeof t == "object" || typeof t == "function") ? t : e;
|
|
@@ -1258,14 +1275,14 @@ var vi = function(e, t) {
|
|
|
1258
1275
|
function t() {
|
|
1259
1276
|
var n, i, r, c;
|
|
1260
1277
|
vi(this, t);
|
|
1261
|
-
for (var l = arguments.length,
|
|
1262
|
-
|
|
1263
|
-
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) {
|
|
1264
1281
|
var A = f.visibleStartIndex, M = f.visibleStopIndex;
|
|
1265
1282
|
r._lastRenderedStartIndex = A, r._lastRenderedStopIndex = M, r._ensureRowsLoaded(A, M);
|
|
1266
1283
|
}, r._setRef = function(f) {
|
|
1267
1284
|
r._listRef = f;
|
|
1268
|
-
}, i),
|
|
1285
|
+
}, i), $e(r, c);
|
|
1269
1286
|
}
|
|
1270
1287
|
return Mi(t, [{
|
|
1271
1288
|
key: "resetloadMoreItemsCache",
|
|
@@ -1289,23 +1306,23 @@ var vi = function(e, t) {
|
|
|
1289
1306
|
}, {
|
|
1290
1307
|
key: "_ensureRowsLoaded",
|
|
1291
1308
|
value: function(i, r) {
|
|
1292
|
-
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({
|
|
1293
1310
|
isItemLoaded: l,
|
|
1294
|
-
itemCount:
|
|
1311
|
+
itemCount: u,
|
|
1295
1312
|
minimumBatchSize: f,
|
|
1296
1313
|
startIndex: Math.max(0, i - M),
|
|
1297
|
-
stopIndex: Math.min(
|
|
1314
|
+
stopIndex: Math.min(u - 1, r + M)
|
|
1298
1315
|
});
|
|
1299
|
-
(this._memoizedUnloadedRanges.length !==
|
|
1300
|
-
return
|
|
1301
|
-
})) && (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));
|
|
1302
1319
|
}
|
|
1303
1320
|
}, {
|
|
1304
1321
|
key: "_loadUnloadedRanges",
|
|
1305
1322
|
value: function(i) {
|
|
1306
1323
|
for (var r = this, c = this.props.loadMoreItems || this.props.loadMoreRows, l = function(f) {
|
|
1307
|
-
var A = i[f], M = i[f + 1],
|
|
1308
|
-
|
|
1324
|
+
var A = i[f], M = i[f + 1], g = c(A, M);
|
|
1325
|
+
g != null && g.then(function() {
|
|
1309
1326
|
if (fi({
|
|
1310
1327
|
lastRenderedStartIndex: r._lastRenderedStartIndex,
|
|
1311
1328
|
lastRenderedStopIndex: r._lastRenderedStopIndex,
|
|
@@ -1317,40 +1334,40 @@ var vi = function(e, t) {
|
|
|
1317
1334
|
typeof r._listRef.resetAfterIndex == "function" ? r._listRef.resetAfterIndex(A, !0) : (typeof r._listRef._getItemStyleCache == "function" && r._listRef._getItemStyleCache(-1), r._listRef.forceUpdate());
|
|
1318
1335
|
}
|
|
1319
1336
|
});
|
|
1320
|
-
},
|
|
1321
|
-
l(
|
|
1337
|
+
}, u = 0; u < i.length; u += 2)
|
|
1338
|
+
l(u);
|
|
1322
1339
|
}
|
|
1323
1340
|
}]), t;
|
|
1324
|
-
}(
|
|
1325
|
-
const Ti = /* @__PURE__ */
|
|
1341
|
+
}(Ue);
|
|
1342
|
+
const Ti = /* @__PURE__ */ o("div")({
|
|
1326
1343
|
name: "Container",
|
|
1327
1344
|
class: "culdu4a",
|
|
1328
1345
|
propsAsIs: !1
|
|
1329
|
-
}), Ni = /* @__PURE__ */
|
|
1346
|
+
}), Ni = /* @__PURE__ */ o("div")({
|
|
1330
1347
|
name: "Position",
|
|
1331
1348
|
class: "pwf8e69",
|
|
1332
1349
|
propsAsIs: !1
|
|
1333
|
-
}), Di = /* @__PURE__ */
|
|
1350
|
+
}), Di = /* @__PURE__ */ o("img")({
|
|
1334
1351
|
name: "Avatar",
|
|
1335
1352
|
class: "atf4yh4",
|
|
1336
1353
|
propsAsIs: !1
|
|
1337
|
-
}), Si = /* @__PURE__ */
|
|
1354
|
+
}), Si = /* @__PURE__ */ o("div")({
|
|
1338
1355
|
name: "AvatarPlaceholder",
|
|
1339
1356
|
class: "a1dg29ja",
|
|
1340
1357
|
propsAsIs: !1
|
|
1341
|
-
}), zi = /* @__PURE__ */
|
|
1358
|
+
}), zi = /* @__PURE__ */ o("div")({
|
|
1342
1359
|
name: "Content",
|
|
1343
1360
|
class: "c10a68rc",
|
|
1344
1361
|
propsAsIs: !1
|
|
1345
|
-
}), xi = /* @__PURE__ */
|
|
1362
|
+
}), xi = /* @__PURE__ */ o("div")({
|
|
1346
1363
|
name: "NameContainer",
|
|
1347
1364
|
class: "nc4kck5",
|
|
1348
1365
|
propsAsIs: !1
|
|
1349
|
-
}), Oi = /* @__PURE__ */
|
|
1366
|
+
}), Oi = /* @__PURE__ */ o("span")({
|
|
1350
1367
|
name: "Name",
|
|
1351
1368
|
class: "njsrqgr",
|
|
1352
1369
|
propsAsIs: !1
|
|
1353
|
-
}),
|
|
1370
|
+
}), wi = () => k, ki = /* @__PURE__ */ o(wi())({
|
|
1354
1371
|
name: "CurrentUserBadge",
|
|
1355
1372
|
class: "c17uc4zr",
|
|
1356
1373
|
propsAsIs: !0
|
|
@@ -1365,14 +1382,14 @@ const Ti = /* @__PURE__ */ a("div")({
|
|
|
1365
1382
|
}) => /* @__PURE__ */ h(Ti, { onClick: c, style: l, children: [
|
|
1366
1383
|
/* @__PURE__ */ s(Ni, { children: e || 0 }),
|
|
1367
1384
|
/* @__PURE__ */ h(zi, { children: [
|
|
1368
|
-
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 || "") }),
|
|
1369
1386
|
/* @__PURE__ */ h(xi, { children: [
|
|
1370
1387
|
/* @__PURE__ */ s(Oi, { children: n || "" }),
|
|
1371
|
-
r && /* @__PURE__ */ s(
|
|
1388
|
+
r && /* @__PURE__ */ s(ki, { name: "icon-star" })
|
|
1372
1389
|
] })
|
|
1373
1390
|
] }),
|
|
1374
|
-
/* @__PURE__ */ s("div", { children:
|
|
1375
|
-
] }), bi = /* @__PURE__ */
|
|
1391
|
+
/* @__PURE__ */ s("div", { children: _e(i) })
|
|
1392
|
+
] }), bi = /* @__PURE__ */ o("div")({
|
|
1376
1393
|
name: "ScrollContainer",
|
|
1377
1394
|
class: "s13d8sg6",
|
|
1378
1395
|
propsAsIs: !1
|
|
@@ -1387,12 +1404,12 @@ const Ti = /* @__PURE__ */ a("div")({
|
|
|
1387
1404
|
isItemLoaded: (l) => l < e.length,
|
|
1388
1405
|
itemCount: e.length + 1,
|
|
1389
1406
|
loadMoreItems: i,
|
|
1390
|
-
children: ({ onItemsRendered: l, ref:
|
|
1407
|
+
children: ({ onItemsRendered: l, ref: u }) => /* @__PURE__ */ s(bi, { children: /* @__PURE__ */ s(
|
|
1391
1408
|
Ii,
|
|
1392
1409
|
{
|
|
1393
1410
|
itemSize: 56,
|
|
1394
1411
|
onItemsRendered: l,
|
|
1395
|
-
ref:
|
|
1412
|
+
ref: u,
|
|
1396
1413
|
itemCount: e.length,
|
|
1397
1414
|
width: r,
|
|
1398
1415
|
height: c,
|
|
@@ -1410,7 +1427,7 @@ const Ti = /* @__PURE__ */ a("div")({
|
|
|
1410
1427
|
) })
|
|
1411
1428
|
}
|
|
1412
1429
|
) }), $i = ({ deepLink: e }) => {
|
|
1413
|
-
const { data: t } =
|
|
1430
|
+
const { data: t } = P(e.$store), n = t == null ? void 0 : t.url, i = e.desktopLink;
|
|
1414
1431
|
return /* @__PURE__ */ s(
|
|
1415
1432
|
Ke,
|
|
1416
1433
|
{
|
|
@@ -1431,8 +1448,8 @@ const Ti = /* @__PURE__ */ a("div")({
|
|
|
1431
1448
|
inviteCardSubtext: "Invite and compete against your friends for the top spot on the leaderboard."
|
|
1432
1449
|
}
|
|
1433
1450
|
);
|
|
1434
|
-
},
|
|
1435
|
-
const { data: t } =
|
|
1451
|
+
}, Ei = ({ gamification: e }) => {
|
|
1452
|
+
const { data: t } = P(e.leaderboardList.$store);
|
|
1436
1453
|
return t != null && t.length ? /* @__PURE__ */ s(
|
|
1437
1454
|
Ci,
|
|
1438
1455
|
{
|
|
@@ -1442,47 +1459,47 @@ const Ti = /* @__PURE__ */ a("div")({
|
|
|
1442
1459
|
currentUserId: e.currentUserId.get()
|
|
1443
1460
|
}
|
|
1444
1461
|
) : /* @__PURE__ */ s($i, { deepLink: e.deepLink });
|
|
1445
|
-
},
|
|
1462
|
+
}, Li = /* @__PURE__ */ o("div")({
|
|
1446
1463
|
name: "QuestionItem",
|
|
1447
1464
|
class: "q1w97g3p",
|
|
1448
1465
|
propsAsIs: !1
|
|
1449
|
-
}), Ri = /* @__PURE__ */
|
|
1466
|
+
}), Ri = /* @__PURE__ */ o("div")({
|
|
1450
1467
|
name: "QuestionCaption",
|
|
1451
1468
|
class: "q2sl39u",
|
|
1452
1469
|
propsAsIs: !1
|
|
1453
|
-
}), Qi = /* @__PURE__ */
|
|
1470
|
+
}), Qi = /* @__PURE__ */ o("div")({
|
|
1454
1471
|
name: "QuestionBody",
|
|
1455
1472
|
class: "qd5h0uc",
|
|
1456
1473
|
propsAsIs: !1
|
|
1457
|
-
}), Ui = /* @__PURE__ */
|
|
1474
|
+
}), Ui = /* @__PURE__ */ o("div")({
|
|
1458
1475
|
name: "QuestionAction",
|
|
1459
1476
|
class: "q105uluy",
|
|
1460
1477
|
propsAsIs: !1
|
|
1461
|
-
}), qi = () => k,
|
|
1478
|
+
}), qi = () => k, te = /* @__PURE__ */ o(qi())({
|
|
1462
1479
|
name: "QuestionActionIcon",
|
|
1463
1480
|
class: "q1fa0b9h",
|
|
1464
1481
|
propsAsIs: !0
|
|
1465
|
-
}), Pi = () => k, _i = /* @__PURE__ */
|
|
1482
|
+
}), Pi = () => k, _i = /* @__PURE__ */ o(Pi())({
|
|
1466
1483
|
name: "QuestionTypeIcon",
|
|
1467
1484
|
class: "qxlt78s",
|
|
1468
1485
|
propsAsIs: !0
|
|
1469
|
-
}), Yi = /* @__PURE__ */
|
|
1486
|
+
}), Yi = /* @__PURE__ */ o("div")({
|
|
1470
1487
|
name: "QuestionTypeLabel",
|
|
1471
1488
|
class: "qmg0vkx",
|
|
1472
1489
|
propsAsIs: !1
|
|
1473
|
-
}), Wi = /* @__PURE__ */
|
|
1490
|
+
}), Wi = /* @__PURE__ */ o("div")({
|
|
1474
1491
|
name: "QuestionContent",
|
|
1475
1492
|
class: "q1uz5j1g",
|
|
1476
1493
|
propsAsIs: !1
|
|
1477
|
-
}), Vi = /* @__PURE__ */
|
|
1494
|
+
}), Vi = /* @__PURE__ */ o("button")({
|
|
1478
1495
|
name: "PlayButton",
|
|
1479
1496
|
class: "p1pba9p1",
|
|
1480
1497
|
propsAsIs: !1
|
|
1481
1498
|
}), Fi = {
|
|
1482
|
-
[
|
|
1483
|
-
[
|
|
1484
|
-
[
|
|
1485
|
-
[
|
|
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" })
|
|
1486
1503
|
}, Bi = ({
|
|
1487
1504
|
questionId: e,
|
|
1488
1505
|
questionType: t,
|
|
@@ -1492,32 +1509,32 @@ const Ti = /* @__PURE__ */ a("div")({
|
|
|
1492
1509
|
openQuestion: c,
|
|
1493
1510
|
status: l
|
|
1494
1511
|
}) => {
|
|
1495
|
-
const
|
|
1496
|
-
return
|
|
1512
|
+
const u = Le[t], d = Fi[l];
|
|
1513
|
+
return u ? /* @__PURE__ */ h(Li, { onClick: () => c == null ? void 0 : c(e), children: [
|
|
1497
1514
|
/* @__PURE__ */ h(Wi, { children: [
|
|
1498
1515
|
/* @__PURE__ */ h(Ri, { children: [
|
|
1499
1516
|
/* @__PURE__ */ s(
|
|
1500
1517
|
_i,
|
|
1501
1518
|
{
|
|
1502
|
-
"data-type-trivia": t ===
|
|
1503
|
-
"data-type-poll": t ===
|
|
1504
|
-
name:
|
|
1519
|
+
"data-type-trivia": t === z.TRIVIA,
|
|
1520
|
+
"data-type-poll": t === z.POLL,
|
|
1521
|
+
name: u.iconName
|
|
1505
1522
|
}
|
|
1506
1523
|
),
|
|
1507
1524
|
/* @__PURE__ */ h(Yi, { children: [
|
|
1508
|
-
|
|
1509
|
-
t ===
|
|
1525
|
+
u.label,
|
|
1526
|
+
t === z.TRIVIA && n === b.RESOLVED && " • Expired"
|
|
1510
1527
|
] })
|
|
1511
1528
|
] }),
|
|
1512
1529
|
/* @__PURE__ */ s(Qi, { children: i || "" })
|
|
1513
1530
|
] }),
|
|
1514
1531
|
/* @__PURE__ */ s(Ui, { children: r ? /* @__PURE__ */ s(Vi, { children: "Play" }) : d })
|
|
1515
1532
|
] }) : null;
|
|
1516
|
-
}, Hi = /* @__PURE__ */
|
|
1533
|
+
}, Hi = /* @__PURE__ */ o("div")({
|
|
1517
1534
|
name: "Container",
|
|
1518
1535
|
class: "cll3md7",
|
|
1519
1536
|
propsAsIs: !1
|
|
1520
|
-
}), Gi = /* @__PURE__ */
|
|
1537
|
+
}), Gi = /* @__PURE__ */ o("button")({
|
|
1521
1538
|
name: "ActionBtn",
|
|
1522
1539
|
class: "a10g1iik",
|
|
1523
1540
|
propsAsIs: !1
|
|
@@ -1526,21 +1543,21 @@ const Ti = /* @__PURE__ */ a("div")({
|
|
|
1526
1543
|
questionId: t,
|
|
1527
1544
|
...n
|
|
1528
1545
|
}) => /* @__PURE__ */ h(Hi, { children: [
|
|
1529
|
-
/* @__PURE__ */ s(
|
|
1546
|
+
/* @__PURE__ */ s(Be, { questionId: t, ...n, isPickHistory: !0 }),
|
|
1530
1547
|
e && /* @__PURE__ */ s(Gi, { onClick: () => e(t), children: "View Insight" })
|
|
1531
|
-
] }), Ji = /* @__PURE__ */
|
|
1548
|
+
] }), Ji = /* @__PURE__ */ o("div")({
|
|
1532
1549
|
name: "Container",
|
|
1533
1550
|
class: "cl56x6b",
|
|
1534
1551
|
propsAsIs: !1
|
|
1535
|
-
}), Ki = () => Xe, Xi = /* @__PURE__ */
|
|
1552
|
+
}), Ki = () => Xe, Xi = /* @__PURE__ */ o(Ki())({
|
|
1536
1553
|
name: "ActionButton",
|
|
1537
1554
|
class: "a11pzf92",
|
|
1538
1555
|
propsAsIs: !0
|
|
1539
|
-
}), es = /* @__PURE__ */
|
|
1556
|
+
}), es = /* @__PURE__ */ o("div")({
|
|
1540
1557
|
name: "DateTime",
|
|
1541
1558
|
class: "d1hbaleq",
|
|
1542
1559
|
propsAsIs: !1
|
|
1543
|
-
}), ts = /* @__PURE__ */
|
|
1560
|
+
}), ts = /* @__PURE__ */ o("blockquote")({
|
|
1544
1561
|
name: "Quote",
|
|
1545
1562
|
class: "qvvgqjm",
|
|
1546
1563
|
propsAsIs: !1
|
|
@@ -1549,13 +1566,13 @@ const Ti = /* @__PURE__ */ a("div")({
|
|
|
1549
1566
|
created: t,
|
|
1550
1567
|
...n
|
|
1551
1568
|
}) => {
|
|
1552
|
-
const i =
|
|
1569
|
+
const i = $(() => {
|
|
1553
1570
|
if (t) {
|
|
1554
1571
|
const r = new Date(t);
|
|
1555
|
-
if (
|
|
1572
|
+
if (ge(r))
|
|
1556
1573
|
return {
|
|
1557
|
-
date:
|
|
1558
|
-
time:
|
|
1574
|
+
date: Ie(r),
|
|
1575
|
+
time: fe(r)
|
|
1559
1576
|
};
|
|
1560
1577
|
}
|
|
1561
1578
|
return null;
|
|
@@ -1567,10 +1584,10 @@ const Ti = /* @__PURE__ */ a("div")({
|
|
|
1567
1584
|
i.time
|
|
1568
1585
|
] }),
|
|
1569
1586
|
n.title && /* @__PURE__ */ s(ts, { children: n.title }),
|
|
1570
|
-
/* @__PURE__ */ s(
|
|
1587
|
+
/* @__PURE__ */ s(Qe, { ...n }),
|
|
1571
1588
|
e && /* @__PURE__ */ s(Xi, { onClick: () => e(n.tweetId), children: "View Insight" })
|
|
1572
1589
|
] });
|
|
1573
|
-
}, is = /* @__PURE__ */
|
|
1590
|
+
}, is = /* @__PURE__ */ o("div")({
|
|
1574
1591
|
name: "QuestionsContainer",
|
|
1575
1592
|
class: "qvghv3l",
|
|
1576
1593
|
propsAsIs: !1
|
|
@@ -1585,28 +1602,28 @@ const Ti = /* @__PURE__ */ a("div")({
|
|
|
1585
1602
|
return /* @__PURE__ */ s(Zi, { openInsight: t, ...l }, l.questionId);
|
|
1586
1603
|
}
|
|
1587
1604
|
if (n.type === "tweet" && ((c = n.attributes) == null ? void 0 : c.attributes.case) === "tweet") {
|
|
1588
|
-
const l = n.attributes.attributes.value,
|
|
1589
|
-
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);
|
|
1590
1607
|
}
|
|
1591
1608
|
return null;
|
|
1592
1609
|
}) }), rs = ({ store: e, openQuestion: t }) => {
|
|
1593
|
-
const n =
|
|
1610
|
+
const n = P(e);
|
|
1594
1611
|
return n != null && n.data ? /* @__PURE__ */ s(ss, { openQuestion: t, questions: n.data }) : /* @__PURE__ */ s("div", { children: "wait questions..." });
|
|
1595
1612
|
}, os = ({ userSummary: e }) => {
|
|
1596
1613
|
var t;
|
|
1597
|
-
const [n, i] =
|
|
1598
|
-
return
|
|
1614
|
+
const [n, i] = E(void 0);
|
|
1615
|
+
return he(() => {
|
|
1599
1616
|
const r = e.subscribe((c) => {
|
|
1600
1617
|
c != null && c.data && i(c.data);
|
|
1601
1618
|
});
|
|
1602
1619
|
return () => {
|
|
1603
1620
|
r();
|
|
1604
1621
|
};
|
|
1605
|
-
}, [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..." });
|
|
1606
1623
|
}, as = ({
|
|
1607
1624
|
gamification: e
|
|
1608
1625
|
}) => {
|
|
1609
|
-
const [t, n] =
|
|
1626
|
+
const [t, n] = E(ne.HOME);
|
|
1610
1627
|
return /* @__PURE__ */ h("div", {
|
|
1611
1628
|
style: {
|
|
1612
1629
|
height: "100%",
|
|
@@ -1614,7 +1631,7 @@ const Ti = /* @__PURE__ */ a("div")({
|
|
|
1614
1631
|
flexDirection: "column",
|
|
1615
1632
|
overflow: "hidden"
|
|
1616
1633
|
},
|
|
1617
|
-
children: [/* @__PURE__ */ s(
|
|
1634
|
+
children: [/* @__PURE__ */ s(de, {
|
|
1618
1635
|
style: {
|
|
1619
1636
|
paddingBottom: "4px"
|
|
1620
1637
|
},
|
|
@@ -1622,8 +1639,8 @@ const Ti = /* @__PURE__ */ a("div")({
|
|
|
1622
1639
|
activePage: t,
|
|
1623
1640
|
toggleActivePage: n
|
|
1624
1641
|
})
|
|
1625
|
-
}), t ===
|
|
1626
|
-
children: [/* @__PURE__ */ s(
|
|
1642
|
+
}), t === ne.HOME && /* @__PURE__ */ h(me, {
|
|
1643
|
+
children: [/* @__PURE__ */ s(de, {
|
|
1627
1644
|
style: {
|
|
1628
1645
|
paddingTop: "12px"
|
|
1629
1646
|
},
|
|
@@ -1636,18 +1653,18 @@ const Ti = /* @__PURE__ */ a("div")({
|
|
|
1636
1653
|
store: e.feedList.getStore()
|
|
1637
1654
|
})
|
|
1638
1655
|
})]
|
|
1639
|
-
}), t ===
|
|
1656
|
+
}), t === ne.LEADERBOARD && /* @__PURE__ */ s("div", {
|
|
1640
1657
|
className: "c1bp9dj2",
|
|
1641
|
-
children: /* @__PURE__ */ s(
|
|
1658
|
+
children: /* @__PURE__ */ s(Ei, {
|
|
1642
1659
|
gamification: e
|
|
1643
1660
|
})
|
|
1644
1661
|
})]
|
|
1645
1662
|
});
|
|
1646
|
-
}, ls = () => tt,
|
|
1663
|
+
}, ls = () => tt, Ee = /* @__PURE__ */ o(ls())({
|
|
1647
1664
|
name: "OpenedContainer",
|
|
1648
1665
|
class: "oar61gl",
|
|
1649
1666
|
propsAsIs: !0
|
|
1650
|
-
}), cs = /* @__PURE__ */
|
|
1667
|
+
}), cs = /* @__PURE__ */ o("div")({
|
|
1651
1668
|
name: "UserContainer",
|
|
1652
1669
|
class: "u14zaal4",
|
|
1653
1670
|
propsAsIs: !1
|
|
@@ -1661,27 +1678,27 @@ const Ti = /* @__PURE__ */ a("div")({
|
|
|
1661
1678
|
gamification: e,
|
|
1662
1679
|
className: t
|
|
1663
1680
|
}) => {
|
|
1664
|
-
const n =
|
|
1665
|
-
return /* @__PURE__ */ h(
|
|
1666
|
-
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, {
|
|
1667
1684
|
className: t,
|
|
1668
1685
|
children: /* @__PURE__ */ s(ei, {
|
|
1669
1686
|
gamification: e
|
|
1670
1687
|
})
|
|
1671
|
-
}), i && /* @__PURE__ */ s(
|
|
1688
|
+
}), i && /* @__PURE__ */ s(Ee, {
|
|
1672
1689
|
className: t,
|
|
1673
1690
|
children: /* @__PURE__ */ h(cs, {
|
|
1674
|
-
children: [/* @__PURE__ */ s(
|
|
1691
|
+
children: [/* @__PURE__ */ s(qe, {
|
|
1675
1692
|
label: "Friend's Rank",
|
|
1676
1693
|
close: e.closeUser
|
|
1677
|
-
}), /* @__PURE__ */ s(
|
|
1678
|
-
children: /* @__PURE__ */ s(
|
|
1694
|
+
}), /* @__PURE__ */ s(de, {
|
|
1695
|
+
children: /* @__PURE__ */ s(Ye, {
|
|
1679
1696
|
...i,
|
|
1680
1697
|
successRate: ds(i)
|
|
1681
1698
|
})
|
|
1682
1699
|
})]
|
|
1683
1700
|
})
|
|
1684
|
-
}), /* @__PURE__ */ s(
|
|
1701
|
+
}), /* @__PURE__ */ s(me, {
|
|
1685
1702
|
className: t,
|
|
1686
1703
|
"data-nav": "true",
|
|
1687
1704
|
children: /* @__PURE__ */ s(as, {
|