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