@streamlayer/react 0.30.3 → 0.30.5
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/masters2.js +2 -2
- package/lib/dist/cjs/gamification-feature.js +1 -1
- package/lib/dist/cjs/masters.js +4 -4
- package/lib/dist/es/gamification-feature.js +316 -303
- package/lib/dist/es/index.js +1 -1
- package/lib/dist/es/masters.js +37 -32
- package/lib/dist/style.css +1 -1
- package/lib/es/gamification-feature.js +359 -346
- package/lib/es/masters2.js +304 -299
- package/lib/style.css +1 -1
- package/package.json +5 -5
|
@@ -1,138 +1,138 @@
|
|
|
1
|
-
import { jsxs as I, jsx as r, Fragment as
|
|
2
|
-
import { s as a, i as j, o as Se, a as ze, b as xe, Q as x, c as _, d as
|
|
3
|
-
import U, { useRef as C, useState as
|
|
4
|
-
const
|
|
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, a as ze, b as xe, Q as x, c as _, d as Q, E, r as se, e as Ye, f as We, n as Fe, w as Ve, u as w, A as Be, O as He, P as W, g as ee, h as Ge, j as Ze } from "./masters.js";
|
|
3
|
+
import U, { useRef as C, useState as L, useCallback as q, useEffect as Je, useLayoutEffect as Ke, useMemo as B, createElement as Z, PureComponent as je } from "react";
|
|
4
|
+
const Xe = /* @__PURE__ */ a("div")({
|
|
5
5
|
name: "Container",
|
|
6
6
|
class: "c1vwopgc",
|
|
7
7
|
propsAsIs: !1
|
|
8
|
-
}),
|
|
8
|
+
}), et = /* @__PURE__ */ a("div")({
|
|
9
9
|
name: "QuestionTypeWrap",
|
|
10
10
|
class: "qyktpt0",
|
|
11
11
|
propsAsIs: !1
|
|
12
|
-
}),
|
|
12
|
+
}), tt = () => j, nt = /* @__PURE__ */ a(tt())({
|
|
13
13
|
name: "QuestionTypeIcon",
|
|
14
14
|
class: "q951jdx",
|
|
15
15
|
propsAsIs: !0
|
|
16
|
-
}),
|
|
16
|
+
}), st = /* @__PURE__ */ a("span")({
|
|
17
17
|
name: "QuestionTypeTitle",
|
|
18
18
|
class: "qss5f0e",
|
|
19
19
|
propsAsIs: !1
|
|
20
|
-
}),
|
|
20
|
+
}), it = /* @__PURE__ */ a("button")({
|
|
21
21
|
name: "CloseButton",
|
|
22
22
|
class: "c1ao1jtv",
|
|
23
23
|
propsAsIs: !1
|
|
24
|
-
}),
|
|
24
|
+
}), rt = () => j, ot = /* @__PURE__ */ a(rt())({
|
|
25
25
|
name: "CloseIcon",
|
|
26
26
|
class: "cvsl7l3",
|
|
27
27
|
propsAsIs: !0
|
|
28
28
|
}), ke = ({ type: e, close: t, label: n }) => {
|
|
29
29
|
const s = e ? Se[e] : { label: n, iconName: void 0 };
|
|
30
|
-
return /* @__PURE__ */ I(
|
|
31
|
-
/* @__PURE__ */ I(
|
|
32
|
-
(s == null ? void 0 : s.iconName) && /* @__PURE__ */ r(
|
|
33
|
-
(s == null ? void 0 : s.label) && /* @__PURE__ */ r(
|
|
30
|
+
return /* @__PURE__ */ I(Xe, { children: [
|
|
31
|
+
/* @__PURE__ */ I(et, { children: [
|
|
32
|
+
(s == null ? void 0 : s.iconName) && /* @__PURE__ */ r(nt, { name: s.iconName }),
|
|
33
|
+
(s == null ? void 0 : s.label) && /* @__PURE__ */ r(st, { children: s.label })
|
|
34
34
|
] }),
|
|
35
|
-
/* @__PURE__ */ r(
|
|
35
|
+
/* @__PURE__ */ r(it, { onClick: t, children: /* @__PURE__ */ r(ot, { name: "icon-cross" }) })
|
|
36
36
|
] });
|
|
37
|
-
},
|
|
37
|
+
}, at = /* @__PURE__ */ a("div")({
|
|
38
38
|
name: "Container",
|
|
39
39
|
class: "c1zy8a",
|
|
40
40
|
propsAsIs: !1
|
|
41
|
-
}),
|
|
41
|
+
}), lt = /* @__PURE__ */ a("div")({
|
|
42
42
|
name: "Title",
|
|
43
43
|
class: "t1vih9p5",
|
|
44
44
|
propsAsIs: !1
|
|
45
|
-
}),
|
|
45
|
+
}), ct = /* @__PURE__ */ a("div")({
|
|
46
46
|
name: "Indicator",
|
|
47
47
|
class: "i1fbnvpb",
|
|
48
48
|
propsAsIs: !1
|
|
49
|
-
}), le = ({ indicator: e, title: t }) => /* @__PURE__ */ I(
|
|
50
|
-
/* @__PURE__ */ r(
|
|
51
|
-
/* @__PURE__ */ r(
|
|
52
|
-
] }),
|
|
49
|
+
}), le = ({ indicator: e, title: t }) => /* @__PURE__ */ I(at, { children: [
|
|
50
|
+
/* @__PURE__ */ r(lt, { children: t }),
|
|
51
|
+
/* @__PURE__ */ r(ct, { children: e })
|
|
52
|
+
] }), dt = /* @__PURE__ */ a("div")({
|
|
53
53
|
name: "Container",
|
|
54
54
|
class: "ctmhwyc",
|
|
55
55
|
propsAsIs: !1
|
|
56
|
-
}),
|
|
56
|
+
}), ut = /* @__PURE__ */ a("div")({
|
|
57
57
|
name: "Indicator",
|
|
58
58
|
class: "i1jri200",
|
|
59
59
|
propsAsIs: !1
|
|
60
|
-
}),
|
|
60
|
+
}), pt = /* @__PURE__ */ a("div")({
|
|
61
61
|
name: "Title",
|
|
62
62
|
class: "t8s05oq",
|
|
63
63
|
propsAsIs: !1
|
|
64
|
-
}), F = ({ indicator: e, title: t }) => /* @__PURE__ */ I(
|
|
65
|
-
/* @__PURE__ */ r(
|
|
66
|
-
/* @__PURE__ */ r(
|
|
67
|
-
] }),
|
|
64
|
+
}), F = ({ indicator: e, title: t }) => /* @__PURE__ */ I(dt, { children: [
|
|
65
|
+
/* @__PURE__ */ r(ut, { children: e }),
|
|
66
|
+
/* @__PURE__ */ r(pt, { children: t })
|
|
67
|
+
] }), mt = /* @__PURE__ */ a("div")({
|
|
68
68
|
name: "Container",
|
|
69
69
|
class: "c1yrpn9o",
|
|
70
70
|
propsAsIs: !1
|
|
71
|
-
}),
|
|
71
|
+
}), ht = /* @__PURE__ */ a("div")({
|
|
72
72
|
name: "TopInfo",
|
|
73
73
|
class: "t17fwahh",
|
|
74
74
|
propsAsIs: !1
|
|
75
|
-
}),
|
|
75
|
+
}), It = /* @__PURE__ */ a("div")({
|
|
76
76
|
name: "BottomInfo",
|
|
77
77
|
class: "by6w7e9",
|
|
78
78
|
propsAsIs: !1
|
|
79
|
-
}),
|
|
79
|
+
}), ft = /* @__PURE__ */ a("div")({
|
|
80
80
|
name: "User",
|
|
81
81
|
class: "u1g7arbm",
|
|
82
82
|
propsAsIs: !1
|
|
83
|
-
}),
|
|
83
|
+
}), gt = /* @__PURE__ */ a("img")({
|
|
84
84
|
name: "Avatar",
|
|
85
85
|
class: "a1ldeata",
|
|
86
86
|
propsAsIs: !1
|
|
87
|
-
}),
|
|
87
|
+
}), Mt = /* @__PURE__ */ a("div")({
|
|
88
88
|
name: "UserInfo",
|
|
89
89
|
class: "u10d4koz",
|
|
90
90
|
propsAsIs: !1
|
|
91
|
-
}),
|
|
91
|
+
}), vt = /* @__PURE__ */ a("div")({
|
|
92
92
|
name: "UserName",
|
|
93
93
|
class: "u1q6roj0",
|
|
94
94
|
propsAsIs: !1
|
|
95
|
-
}),
|
|
95
|
+
}), yt = /* @__PURE__ */ a("div")({
|
|
96
96
|
name: "UserRating",
|
|
97
97
|
class: "ui0m425",
|
|
98
98
|
propsAsIs: !1
|
|
99
|
-
}),
|
|
99
|
+
}), Nt = /* @__PURE__ */ a("img")({
|
|
100
100
|
name: "TrophyIcon",
|
|
101
101
|
class: "t1el3mrn",
|
|
102
102
|
propsAsIs: !1
|
|
103
|
-
}),
|
|
103
|
+
}), At = /* @__PURE__ */ a("div")({
|
|
104
104
|
name: "Rts",
|
|
105
105
|
class: "r2vgnxv",
|
|
106
106
|
propsAsIs: !1
|
|
107
|
-
}),
|
|
107
|
+
}), Tt = /* @__PURE__ */ a("div")({
|
|
108
108
|
name: "RtsIndicator",
|
|
109
109
|
class: "roqn06j",
|
|
110
110
|
propsAsIs: !1
|
|
111
|
-
}),
|
|
111
|
+
}), Dt = /* @__PURE__ */ a("div")({
|
|
112
112
|
name: "RtsLabel",
|
|
113
113
|
class: "r15adx7c",
|
|
114
114
|
propsAsIs: !1
|
|
115
|
-
}),
|
|
115
|
+
}), St = /* @__PURE__ */ a("div")({
|
|
116
116
|
name: "Divider",
|
|
117
117
|
class: "dv59lta",
|
|
118
118
|
propsAsIs: !1
|
|
119
|
-
}),
|
|
119
|
+
}), zt = /* @__PURE__ */ a("div")({
|
|
120
120
|
name: "Ranks",
|
|
121
121
|
class: "r55lotb",
|
|
122
122
|
propsAsIs: !1
|
|
123
|
-
}),
|
|
123
|
+
}), xt = /* @__PURE__ */ a("div")({
|
|
124
124
|
name: "Statistics",
|
|
125
125
|
class: "s1knfgqt",
|
|
126
126
|
propsAsIs: !1
|
|
127
|
-
}),
|
|
127
|
+
}), jt = /* @__PURE__ */ a("div")({
|
|
128
128
|
name: "AvatarPlaceholder",
|
|
129
129
|
class: "a1mqo824",
|
|
130
130
|
propsAsIs: !1
|
|
131
|
-
}),
|
|
131
|
+
}), kt = /* @__PURE__ */ a("button")({
|
|
132
132
|
name: "UserAccountBtn",
|
|
133
133
|
class: "uxareh6",
|
|
134
134
|
propsAsIs: !1
|
|
135
|
-
}),
|
|
135
|
+
}), Ot = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlRyb3BoeSI+CjxwYXRoIGlkPSJDb21iaW5lZCBTaGFwZSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zLjY5MTk3IDQuNjY2NjJDMy42OTE5NyA1Ljk5NzA1IDMuOTI5MTQgNy4xNzc4NyA0LjQwMzUgOC4yMDkxMkMzLjQ5OTY2IDguMDI0NTEgMi43NDQ4NyA3LjY2NDg2IDIuMTM5MSA3LjEzMDE0QzEuNTMzMzMgNi41OTU0MiAxLjIzMDQ2IDYuMDc5OCAxLjIzMDQ2IDUuNTgzMjhWNC42NjY2MkgzLjY5MTk3Wk0xNC43Njg2IDQuNjY2NjJWNS41ODMyOEMxNC43Njg2IDYuMDc5OCAxNC40NjU4IDYuNTk1NDIgMTMuODYgNy4xMzAxNEMxMy4yNTQyIDcuNjY0ODYgMTIuNDk5NCA4LjAyNDUxIDExLjU5NTYgOC4yMDkxMkMxMi4wNjk5IDcuMTc3ODcgMTIuMzA3MSA1Ljk5NzA1IDEyLjMwNzEgNC42NjY2MkgxNC43Njg2Wk0xNS45OTk4IDUuNTgzMjlWNC4zNjEwOEMxNS45OTk4IDQuMTA2NDUgMTUuOTEwMSAzLjg5MDAyIDE1LjczMDYgMy43MTE3OEMxNS41NTExIDMuNTMzNTQgMTUuMzMzMiAzLjQ0NDQyIDE1LjA3NjggMy40NDQ0MkgxMi4zMDc2VjIuNTI3NzZDMTIuMzA3NiAyLjEwNzYzIDEyLjE1NjkgMS43NDc5NyAxMS44NTU2IDEuNDQ4NzhDMTEuNTU0NCAxLjE0OTU5IDExLjE5MjIgMSAxMC43NjkxIDFINS4yMzA3MkM0LjgwNzY0IDEgNC40NDU0NyAxLjE0OTU5IDQuMTQ0MTkgMS40NDg3OEMzLjg0MjkxIDEuNzQ3OTcgMy42OTIyNyAyLjEwNzYzIDMuNjkyMjcgMi41Mjc3NlYzLjQ0NDQySDAuOTIzMDY4QzAuNjY2NjU5IDMuNDQ0NDIgMC40NDg3MTQgMy41MzM1NCAwLjI2OTIyOCAzLjcxMTc4QzAuMDg5NzQxOCAzLjg5MDAyIDAgNC4xMDY0NSAwIDQuMzYxMDhWNS41ODMyOUMwIDYuMDM1MjUgMC4xMzMwMSA2LjQ5MDM5IDAuMzk5MDM0IDYuOTQ4NzJDMC42NjUwNTkgNy40MDcwNSAxLjAyNDAzIDcuODIwODIgMS40NzU5NSA4LjE5MDAzQzEuOTI3ODcgOC41NTkyNCAyLjQ4MjM0IDguODY5NTcgMy4xMzkzOSA5LjEyMTAxQzMuNzk2NDQgOS4zNzI0NiA0LjQ4NzEzIDkuNTE0MDkgNS4yMTE0OSA5LjU0NTkyQzUuNDgwNzEgOS44ODk2NyA1Ljc4NTIgMTAuMTkyIDYuMTI0OTQgMTAuNDUzQzYuMzY4NTMgMTAuNjY5NSA2LjUzNjc5IDEwLjkwMDIgNi42Mjk3NCAxMS4xNDUzQzYuNzIyNjkgMTEuMzkwNCA2Ljc2OTE2IDExLjY3NTIgNi43NjkxNiAxMS45OTk5QzYuNzY5MTYgMTIuMzQzNiA2LjY3MTQxIDEyLjYzMzMgNi40NzU5IDEyLjg2ODhDNi4yODAzOCAxMy4xMDQzIDUuOTY3ODkgMTMuMjIyMSA1LjUzODQxIDEzLjIyMjFDNS4wNTc2NCAxMy4yMjIxIDQuNjI5NzYgMTMuMzY2OSA0LjI1NDc2IDEzLjY1NjZDMy44Nzk3NyAxMy45NDYyIDMuNjkyMjcgMTQuMzEwNiAzLjY5MjI3IDE0Ljc0OTlWMTUuMzYxQzMuNjkyMjcgMTUuNDUwMSAzLjcyMTEyIDE1LjUyMzMgMy43Nzg4MSAxNS41ODA2QzMuODM2NSAxNS42Mzc5IDMuOTEwMjIgMTUuNjY2NSAzLjk5OTk2IDE1LjY2NjVIMTEuOTk5OUMxMi4wODk2IDE1LjY2NjUgMTIuMTYzMyAxNS42Mzc5IDEyLjIyMSAxNS41ODA2QzEyLjI3ODcgMTUuNTIzMyAxMi4zMDc2IDE1LjQ1MDEgMTIuMzA3NiAxNS4zNjFWMTQuNzQ5OUMxMi4zMDc2IDE0LjMxMDYgMTIuMTIwMSAxMy45NDYyIDExLjc0NTEgMTMuNjU2NkMxMS4zNzAxIDEzLjM2NjkgMTAuOTQyMiAxMy4yMjIxIDEwLjQ2MTQgMTMuMjIyMUMxMC4wMzE5IDEzLjIyMjEgOS43MTk0NSAxMy4xMDQzIDkuNTIzOTQgMTIuODY4OEM5LjMyODQzIDEyLjYzMzMgOS4yMzA2OCAxMi4zNDM2IDkuMjMwNjggMTEuOTk5OUM5LjIzMDY4IDExLjY3NTIgOS4yNzcxNSAxMS4zOTA0IDkuMzcwMSAxMS4xNDUzQzkuNDYzMDUgMTAuOTAwMiA5LjYzMTMxIDEwLjY2OTUgOS44NzQ5IDEwLjQ1M0MxMC4yMTQ2IDEwLjE5MiAxMC41MTkxIDkuODg5NjcgMTAuNzg4NCA5LjU0NTkyQzExLjUxMjcgOS41MTQwOSAxMi4yMDM0IDkuMzcyNDYgMTIuODYwNCA5LjEyMTAxQzEzLjUxNzUgOC44Njk1NyAxNC4wNzIgOC41NTkyNCAxNC41MjM5IDguMTkwMDNDMTQuOTc1OCA3LjgyMDgyIDE1LjMzNDggNy40MDcwNSAxNS42MDA4IDYuOTQ4NzJDMTUuODY2OCA2LjQ5MDM5IDE1Ljk5OTggNi4wMzUyNSAxNS45OTk4IDUuNTgzMjlaTTYuNzYwNDcgNy4xNzk4TDguMDUxMDkgNi40OTk5N0w5LjM0MTcgNy4xNzk4TDkuMDk1MjEgNS43Mzk4OUwxMC4xMzkzIDQuNzIwMTVMOC42OTYzOSA0LjUxMDA3TDguMDUxMDkgMy4yTDcuNDA1NzggNC41MTAwN0w1Ljk2MjgzIDQuNzIwMTVMNy4wMDY5NiA1LjczOTg5TDYuNzYwNDcgNy4xNzk4WiIgZmlsbD0iI0YyQzk0QyIvPgo8L2c+Cjwvc3ZnPgo=", Oe = ({
|
|
136
136
|
avatar: e,
|
|
137
137
|
name: t,
|
|
138
138
|
points: n,
|
|
@@ -143,23 +143,23 @@ const et = /* @__PURE__ */ a("div")({
|
|
|
143
143
|
incorrect: m,
|
|
144
144
|
inTop: d,
|
|
145
145
|
successRate: f
|
|
146
|
-
}) => /* @__PURE__ */ I(
|
|
147
|
-
/* @__PURE__ */ r(
|
|
148
|
-
/* @__PURE__ */ I(
|
|
149
|
-
e && /* @__PURE__ */ r(
|
|
150
|
-
!e && /* @__PURE__ */ r(
|
|
146
|
+
}) => /* @__PURE__ */ I(mt, { children: [
|
|
147
|
+
/* @__PURE__ */ r(ht, { children: /* @__PURE__ */ I(ft, { children: [
|
|
148
|
+
/* @__PURE__ */ I(kt, { children: [
|
|
149
|
+
e && /* @__PURE__ */ r(gt, { alt: "avatar", src: e }),
|
|
150
|
+
!e && /* @__PURE__ */ r(jt, { children: ze(t || "") })
|
|
151
151
|
] }),
|
|
152
|
-
/* @__PURE__ */ I(
|
|
153
|
-
/* @__PURE__ */ r(
|
|
154
|
-
/* @__PURE__ */ I(
|
|
155
|
-
/* @__PURE__ */ I(
|
|
156
|
-
/* @__PURE__ */ r(
|
|
157
|
-
/* @__PURE__ */ I(
|
|
152
|
+
/* @__PURE__ */ I(Mt, { children: [
|
|
153
|
+
/* @__PURE__ */ r(vt, { children: t }),
|
|
154
|
+
/* @__PURE__ */ I(yt, { children: [
|
|
155
|
+
/* @__PURE__ */ I(At, { children: [
|
|
156
|
+
/* @__PURE__ */ r(Nt, { alt: "rank-icon", src: Ot }),
|
|
157
|
+
/* @__PURE__ */ I(Tt, { children: [
|
|
158
158
|
xe(n),
|
|
159
|
-
/* @__PURE__ */ r(
|
|
159
|
+
/* @__PURE__ */ r(Dt, { children: "PTS" })
|
|
160
160
|
] })
|
|
161
161
|
] }),
|
|
162
|
-
/* @__PURE__ */ r(
|
|
162
|
+
/* @__PURE__ */ r(St, {}),
|
|
163
163
|
/* @__PURE__ */ I("div", { children: [
|
|
164
164
|
"TOP ",
|
|
165
165
|
d || 0,
|
|
@@ -168,23 +168,23 @@ const et = /* @__PURE__ */ a("div")({
|
|
|
168
168
|
] })
|
|
169
169
|
] })
|
|
170
170
|
] }) }),
|
|
171
|
-
/* @__PURE__ */ I(
|
|
172
|
-
/* @__PURE__ */ I(
|
|
171
|
+
/* @__PURE__ */ I(It, { children: [
|
|
172
|
+
/* @__PURE__ */ I(zt, { children: [
|
|
173
173
|
/* @__PURE__ */ r(le, { indicator: s || 0, title: "Friends rank" }),
|
|
174
174
|
/* @__PURE__ */ r(le, { indicator: i || 0, title: "Global rank" })
|
|
175
175
|
] }),
|
|
176
|
-
/* @__PURE__ */ I(
|
|
176
|
+
/* @__PURE__ */ I(xt, { children: [
|
|
177
177
|
/* @__PURE__ */ r(F, { indicator: c || 0, title: "Win streak" }),
|
|
178
178
|
/* @__PURE__ */ r(F, { indicator: l || 0, title: "Correct" }),
|
|
179
179
|
/* @__PURE__ */ r(F, { indicator: m || 0, title: "Incorrect" }),
|
|
180
180
|
/* @__PURE__ */ r(F, { indicator: `${f || 0}%`, title: "Succ. rate" })
|
|
181
181
|
] })
|
|
182
182
|
] })
|
|
183
|
-
] }),
|
|
183
|
+
] }), wt = /* @__PURE__ */ a("div")({
|
|
184
184
|
name: "Container",
|
|
185
185
|
class: "c38csyt",
|
|
186
186
|
propsAsIs: !1
|
|
187
|
-
}),
|
|
187
|
+
}), Ct = /* @__PURE__ */ a("div")({
|
|
188
188
|
name: "Title",
|
|
189
189
|
class: "ty221rx",
|
|
190
190
|
propsAsIs: !1
|
|
@@ -192,15 +192,15 @@ const et = /* @__PURE__ */ a("div")({
|
|
|
192
192
|
name: "Description",
|
|
193
193
|
class: "dlaj9xp",
|
|
194
194
|
propsAsIs: !1
|
|
195
|
-
}),
|
|
195
|
+
}), $t = ({ title: e, description: t }) => /* @__PURE__ */ I(wt, { children: [
|
|
196
196
|
/* @__PURE__ */ r(j, { name: "icon-check-circle" }),
|
|
197
|
-
/* @__PURE__ */ r(
|
|
197
|
+
/* @__PURE__ */ r(Ct, { children: e }),
|
|
198
198
|
/* @__PURE__ */ r(bt, { children: t })
|
|
199
|
-
] }),
|
|
199
|
+
] }), Et = /* @__PURE__ */ a("div")({
|
|
200
200
|
name: "Container",
|
|
201
201
|
class: "c16sbdnm",
|
|
202
202
|
propsAsIs: !1
|
|
203
|
-
}),
|
|
203
|
+
}), Lt = () => j, Rt = /* @__PURE__ */ a(Lt())({
|
|
204
204
|
name: "IconPrediction",
|
|
205
205
|
class: "ibhorgl",
|
|
206
206
|
propsAsIs: !0
|
|
@@ -212,19 +212,19 @@ const et = /* @__PURE__ */ a("div")({
|
|
|
212
212
|
name: "FeedbackHeader",
|
|
213
213
|
class: "f455ozj",
|
|
214
214
|
propsAsIs: !1
|
|
215
|
-
}),
|
|
215
|
+
}), Qt = /* @__PURE__ */ a("span")({
|
|
216
216
|
name: "FeedbackTitle",
|
|
217
217
|
class: "f1913njx",
|
|
218
218
|
propsAsIs: !1
|
|
219
|
-
}),
|
|
219
|
+
}), J = /* @__PURE__ */ a("span")({
|
|
220
220
|
name: "FeedbackDescription",
|
|
221
221
|
class: "fzfk69z",
|
|
222
222
|
propsAsIs: !1
|
|
223
|
-
}),
|
|
223
|
+
}), Ut = /* @__PURE__ */ a("div")({
|
|
224
224
|
name: "FeedbackText",
|
|
225
225
|
class: "fx87qaj",
|
|
226
226
|
propsAsIs: !1
|
|
227
|
-
}),
|
|
227
|
+
}), _t = ({
|
|
228
228
|
feedbackMessages: e,
|
|
229
229
|
questionVotedCorrectly: t,
|
|
230
230
|
questionVoted: n,
|
|
@@ -236,59 +236,59 @@ const et = /* @__PURE__ */ a("div")({
|
|
|
236
236
|
if (!l && c !== _.RESOLVED)
|
|
237
237
|
return null;
|
|
238
238
|
const m = s === x.PREDICTION && !i, d = t ? "correct" : "incorrect", f = t ? e.correctFeedback : e.incorrectFeedback;
|
|
239
|
-
return /* @__PURE__ */ I(
|
|
240
|
-
c === _.RESOLVED && s === x.TRIVIA && !n && /* @__PURE__ */ I(
|
|
239
|
+
return /* @__PURE__ */ I(Et, { "data-isPrediction": m, children: [
|
|
240
|
+
c === _.RESOLVED && s === x.TRIVIA && !n && /* @__PURE__ */ I($, { children: [
|
|
241
241
|
/* @__PURE__ */ r(ce, { children: /* @__PURE__ */ r(j, { name: "questionExpired" }) }),
|
|
242
242
|
/* @__PURE__ */ I("div", { children: [
|
|
243
|
-
/* @__PURE__ */ r(de, { children: /* @__PURE__ */ r(
|
|
244
|
-
/* @__PURE__ */ r(
|
|
243
|
+
/* @__PURE__ */ r(de, { children: /* @__PURE__ */ r(J, { children: "Question Expired" }) }),
|
|
244
|
+
/* @__PURE__ */ r(Ut, { children: "You can still answer to see if you're correct, but no points are awarded for expired questions." })
|
|
245
245
|
] })
|
|
246
246
|
] }),
|
|
247
|
-
l && m && /* @__PURE__ */ I(
|
|
248
|
-
/* @__PURE__ */ r(
|
|
249
|
-
/* @__PURE__ */ r(
|
|
247
|
+
l && m && /* @__PURE__ */ I($, { children: [
|
|
248
|
+
/* @__PURE__ */ r(Rt, { name: "icon-prediction" }),
|
|
249
|
+
/* @__PURE__ */ r(J, { children: "Stay tuned to see if your prediction was correct." })
|
|
250
250
|
] }),
|
|
251
|
-
l && i && /* @__PURE__ */ I(
|
|
251
|
+
l && i && /* @__PURE__ */ I($, { children: [
|
|
252
252
|
/* @__PURE__ */ r(ce, { "data-feedbackType": d, children: /* @__PURE__ */ r(j, { name: d }) }),
|
|
253
253
|
/* @__PURE__ */ r("div", { children: /* @__PURE__ */ I(de, { children: [
|
|
254
|
-
/* @__PURE__ */ r(
|
|
255
|
-
/* @__PURE__ */ r(
|
|
254
|
+
/* @__PURE__ */ r(Qt, { "data-feedbackType": d, children: f == null ? void 0 : f.title }),
|
|
255
|
+
/* @__PURE__ */ r(J, { children: f == null ? void 0 : f.description })
|
|
256
256
|
] }) })
|
|
257
257
|
] })
|
|
258
258
|
] });
|
|
259
|
-
},
|
|
259
|
+
}, qt = /* @__PURE__ */ a("div")({
|
|
260
260
|
name: "Container",
|
|
261
261
|
class: "c14ielyq",
|
|
262
262
|
propsAsIs: !1
|
|
263
|
-
}),
|
|
263
|
+
}), Pt = /* @__PURE__ */ a("div")({
|
|
264
264
|
name: "Content",
|
|
265
265
|
class: "c1tlqx57",
|
|
266
266
|
propsAsIs: !1
|
|
267
|
-
}),
|
|
267
|
+
}), Yt = /* @__PURE__ */ a("div")({
|
|
268
268
|
name: "Title",
|
|
269
269
|
class: "t1hq58md",
|
|
270
270
|
propsAsIs: !1
|
|
271
|
-
}),
|
|
271
|
+
}), Wt = /* @__PURE__ */ a("div")({
|
|
272
272
|
name: "Options",
|
|
273
273
|
class: "o1c8nxcx",
|
|
274
274
|
propsAsIs: !1
|
|
275
|
-
}),
|
|
275
|
+
}), Ft = /* @__PURE__ */ a("button")({
|
|
276
276
|
name: "ButtonContainer",
|
|
277
277
|
class: "b1b6dl8t",
|
|
278
278
|
propsAsIs: !1
|
|
279
|
-
}),
|
|
279
|
+
}), Vt = /* @__PURE__ */ a("div")({
|
|
280
280
|
name: "ButtonPct",
|
|
281
281
|
class: "b4iik8i",
|
|
282
282
|
propsAsIs: !1
|
|
283
|
-
}),
|
|
283
|
+
}), Bt = /* @__PURE__ */ a("span")({
|
|
284
284
|
name: "ButtonBody",
|
|
285
285
|
class: "b1gq1lnf",
|
|
286
286
|
propsAsIs: !1
|
|
287
|
-
}),
|
|
287
|
+
}), Ht = /* @__PURE__ */ a("div")({
|
|
288
288
|
name: "IconContainer",
|
|
289
289
|
class: "i1j65z51",
|
|
290
290
|
propsAsIs: !1
|
|
291
|
-
}),
|
|
291
|
+
}), Gt = /* @__PURE__ */ a("div")({
|
|
292
292
|
name: "IconWrap",
|
|
293
293
|
class: "i19tpfua",
|
|
294
294
|
propsAsIs: !1
|
|
@@ -296,37 +296,37 @@ const et = /* @__PURE__ */ a("div")({
|
|
|
296
296
|
name: "Icon",
|
|
297
297
|
class: "i1tubmma",
|
|
298
298
|
propsAsIs: !1
|
|
299
|
-
}),
|
|
299
|
+
}), Zt = () => we, Jt = /* @__PURE__ */ a(Zt())({
|
|
300
300
|
name: "IconDefault",
|
|
301
301
|
class: "i1grrgwj",
|
|
302
302
|
propsAsIs: !0
|
|
303
|
-
}),
|
|
303
|
+
}), Kt = () => we, Xt = /* @__PURE__ */ a(Kt())({
|
|
304
304
|
name: "IconCircle",
|
|
305
305
|
class: "ibemyq8",
|
|
306
306
|
propsAsIs: !0
|
|
307
|
-
}),
|
|
307
|
+
}), en = /* @__PURE__ */ a("span")({
|
|
308
308
|
name: "Title",
|
|
309
309
|
class: "t1dceht",
|
|
310
310
|
propsAsIs: !1
|
|
311
|
-
}),
|
|
311
|
+
}), tn = /* @__PURE__ */ a("span")({
|
|
312
312
|
name: "Indicators",
|
|
313
313
|
class: "i116q4vq",
|
|
314
314
|
propsAsIs: !1
|
|
315
|
-
}),
|
|
315
|
+
}), nn = /* @__PURE__ */ a("span")({
|
|
316
316
|
name: "Percentage",
|
|
317
317
|
class: "p17ajcu2",
|
|
318
318
|
propsAsIs: !1
|
|
319
|
-
}),
|
|
319
|
+
}), sn = () => j, rn = /* @__PURE__ */ a(sn())({
|
|
320
320
|
name: "CheckIcon",
|
|
321
321
|
class: "cu9kmlb",
|
|
322
322
|
propsAsIs: !0
|
|
323
323
|
}), ue = {
|
|
324
|
-
[
|
|
325
|
-
[
|
|
326
|
-
[
|
|
327
|
-
[
|
|
328
|
-
[
|
|
329
|
-
},
|
|
324
|
+
[Q.CENTERED]: (e) => /* @__PURE__ */ r(Jt, { alt: "option-icon", src: e }),
|
|
325
|
+
[Q.TRANSPARENT]: (e) => /* @__PURE__ */ r(Ht, { children: /* @__PURE__ */ r(Gt, { style: { backgroundImage: `url(${e})` } }) }),
|
|
326
|
+
[Q.ROUNDED]: (e) => /* @__PURE__ */ r(Xt, { alt: "option-icon", src: e }),
|
|
327
|
+
[Q.NONE]: () => null,
|
|
328
|
+
[Q.UNSET]: () => null
|
|
329
|
+
}, on = ({ questionType: e, hasCorrectAnswer: t, correct: n, youVoted: s, questionVoted: i }) => {
|
|
330
330
|
if (e === x.POLL && s)
|
|
331
331
|
return "correct";
|
|
332
332
|
if (e === x.PREDICTION) {
|
|
@@ -336,13 +336,13 @@ const et = /* @__PURE__ */ a("div")({
|
|
|
336
336
|
return "correct";
|
|
337
337
|
}
|
|
338
338
|
return e === x.TRIVIA && i ? s ? n ? "correct" : "incorrect" : n ? "correct" : "unset" : "unset";
|
|
339
|
-
},
|
|
339
|
+
}, an = ({
|
|
340
340
|
questionType: e,
|
|
341
341
|
questionVoted: t,
|
|
342
342
|
correct: n,
|
|
343
343
|
hasCorrectAnswer: s,
|
|
344
344
|
questionStatus: i
|
|
345
|
-
}) => e === x.TRIVIA ? t && n : e === x.PREDICTION ? t && n && s || i === _.RESOLVED && n : !1,
|
|
345
|
+
}) => e === x.TRIVIA ? t && n : e === x.PREDICTION ? t && n && s || i === _.RESOLVED && n : !1, ln = (e) => {
|
|
346
346
|
var t;
|
|
347
347
|
const {
|
|
348
348
|
// option props
|
|
@@ -355,16 +355,16 @@ const et = /* @__PURE__ */ a("div")({
|
|
|
355
355
|
youSelected: m,
|
|
356
356
|
questionVoted: d,
|
|
357
357
|
// ToDo: Figure out why imageMode is not in the response, and delete default value
|
|
358
|
-
imageMode: f
|
|
358
|
+
imageMode: f,
|
|
359
359
|
answerTimeExpired: A,
|
|
360
360
|
questionStatus: v,
|
|
361
361
|
isLoading: g,
|
|
362
362
|
questionType: T,
|
|
363
363
|
correct: D,
|
|
364
364
|
hasCorrectAnswer: o
|
|
365
|
-
} = e, u =
|
|
365
|
+
} = e, u = on(e), p = an({ questionType: T, questionVoted: d, correct: D, hasCorrectAnswer: o, questionStatus: v }), h = d || v === _.RESOLVED && T === x.PREDICTION;
|
|
366
366
|
return /* @__PURE__ */ I(
|
|
367
|
-
|
|
367
|
+
Ft,
|
|
368
368
|
{
|
|
369
369
|
value: n,
|
|
370
370
|
"data-selected": m,
|
|
@@ -372,13 +372,13 @@ const et = /* @__PURE__ */ a("div")({
|
|
|
372
372
|
disabled: d || g || A,
|
|
373
373
|
onClick: l,
|
|
374
374
|
children: [
|
|
375
|
-
h && /* @__PURE__ */ r(
|
|
376
|
-
/* @__PURE__ */ I(
|
|
377
|
-
s && ((t = ue[f]) == null ? void 0 : t.call(ue, s)),
|
|
378
|
-
/* @__PURE__ */ r(
|
|
379
|
-
h && /* @__PURE__ */ I(
|
|
380
|
-
p && /* @__PURE__ */ r(
|
|
381
|
-
/* @__PURE__ */ I(
|
|
375
|
+
h && /* @__PURE__ */ r(Vt, { "data-answerState": u, style: { width: `${c}%` } }),
|
|
376
|
+
/* @__PURE__ */ I(Bt, { children: [
|
|
377
|
+
s && f && ((t = ue[f]) == null ? void 0 : t.call(ue, s)),
|
|
378
|
+
/* @__PURE__ */ r(en, { children: i }),
|
|
379
|
+
h && /* @__PURE__ */ I(tn, { children: [
|
|
380
|
+
p && /* @__PURE__ */ r(rn, { name: "selected" }),
|
|
381
|
+
/* @__PURE__ */ I(nn, { children: [
|
|
382
382
|
c,
|
|
383
383
|
"%"
|
|
384
384
|
] })
|
|
@@ -388,17 +388,17 @@ const et = /* @__PURE__ */ a("div")({
|
|
|
388
388
|
}
|
|
389
389
|
);
|
|
390
390
|
};
|
|
391
|
-
var pe = typeof window > "u" ?
|
|
392
|
-
let [l, m] =
|
|
391
|
+
var pe = typeof window > "u" ? Je : Ke, cn = ({ isPlaying: e, duration: t, startAt: n = 0, updateInterval: s = 0, onComplete: i, onUpdate: c }) => {
|
|
392
|
+
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
393
|
let h = p / 1e3;
|
|
394
394
|
if (g.current === null) {
|
|
395
395
|
g.current = h, v.current = requestAnimationFrame(D);
|
|
396
396
|
return;
|
|
397
397
|
}
|
|
398
|
-
let M = h - g.current,
|
|
399
|
-
g.current = h, d.current =
|
|
400
|
-
let
|
|
401
|
-
m(z ? t :
|
|
398
|
+
let M = h - g.current, N = d.current + M;
|
|
399
|
+
g.current = h, d.current = N;
|
|
400
|
+
let y = f.current + (s === 0 ? N : (N / s | 0) * s), S = f.current + N, z = typeof t == "number" && S >= t;
|
|
401
|
+
m(z ? t : y), z || (v.current = requestAnimationFrame(D));
|
|
402
402
|
}, o = () => {
|
|
403
403
|
v.current && cancelAnimationFrame(v.current), T.current && clearTimeout(T.current), g.current = null;
|
|
404
404
|
}, u = q((p) => {
|
|
@@ -413,10 +413,10 @@ var pe = typeof window > "u" ? Ke : Xe, dn = ({ isPlaying: e, duration: t, start
|
|
|
413
413
|
p && (T.current = setTimeout(() => u(M), h * 1e3));
|
|
414
414
|
}
|
|
415
415
|
}, [l, t]), pe(() => (e && (v.current = requestAnimationFrame(D)), o), [e, t, s]), { elapsedTime: l, reset: u };
|
|
416
|
-
},
|
|
416
|
+
}, dn = (e, t, n) => {
|
|
417
417
|
let s = e / 2, i = t / 2, c = s - i, l = 2 * c, m = n === "clockwise" ? "1,0" : "0,1", d = 2 * Math.PI * c;
|
|
418
418
|
return { path: `m ${s},${i} a ${c},${c} 0 ${m} 0,${l} a ${c},${c} 0 ${m} 0,-${l}`, pathLength: d };
|
|
419
|
-
}, me = (e, t) => e === 0 || e === t ? 0 : typeof t == "number" ? e - t : 0,
|
|
419
|
+
}, me = (e, t) => e === 0 || e === t ? 0 : typeof t == "number" ? e - t : 0, un = (e) => ({ position: "relative", width: e, height: e }), pn = { display: "flex", justifyContent: "center", alignItems: "center", position: "absolute", left: 0, top: 0, width: "100%", height: "100%" }, Ce = (e, t, n, s, i) => {
|
|
420
420
|
if (s === 0)
|
|
421
421
|
return t;
|
|
422
422
|
let c = (i ? s - e : e) / s;
|
|
@@ -424,7 +424,7 @@ var pe = typeof window > "u" ? Ke : Xe, dn = ({ isPlaying: e, duration: t, start
|
|
|
424
424
|
}, he = (e) => {
|
|
425
425
|
var t, n;
|
|
426
426
|
return (n = (t = e.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i, (s, i, c, l) => `#${i}${i}${c}${c}${l}${l}`).substring(1).match(/.{2}/g)) == null ? void 0 : t.map((s) => parseInt(s, 16))) != null ? n : [];
|
|
427
|
-
},
|
|
427
|
+
}, mn = (e, t) => {
|
|
428
428
|
var n;
|
|
429
429
|
let { colors: s, colorsTime: i, isSmoothColorTransition: c = !0 } = e;
|
|
430
430
|
if (typeof s == "string")
|
|
@@ -436,45 +436,45 @@ var pe = typeof window > "u" ? Ke : Xe, dn = ({ isPlaying: e, duration: t, start
|
|
|
436
436
|
return s[l];
|
|
437
437
|
let m = i[l] - t, d = i[l] - i[l + 1], f = he(s[l]), A = he(s[l + 1]), v = !!e.isGrowing;
|
|
438
438
|
return `rgb(${f.map((g, T) => Ce(m, g, A[T] - g, d, v) | 0).join(",")})`;
|
|
439
|
-
},
|
|
440
|
-
let { duration: t, initialRemainingTime: n, updateInterval: s, size: i = 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 } =
|
|
439
|
+
}, hn = (e) => {
|
|
440
|
+
let { duration: t, initialRemainingTime: n, updateInterval: s, size: i = 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 } = dn(i, T, f), { elapsedTime: u } = cn({ isPlaying: m, duration: t, startAt: me(t, n), updateInterval: s, onUpdate: typeof v == "function" ? (h) => {
|
|
441
441
|
let M = Math.ceil(t - h);
|
|
442
442
|
M !== g.current && (g.current = M, v(M));
|
|
443
443
|
} : void 0, onComplete: typeof A == "function" ? (h) => {
|
|
444
444
|
var M;
|
|
445
|
-
let { shouldRepeat:
|
|
446
|
-
if (
|
|
447
|
-
return { shouldRepeat:
|
|
445
|
+
let { shouldRepeat: N, delay: y, newInitialRemainingTime: S } = (M = A(h)) != null ? M : {};
|
|
446
|
+
if (N)
|
|
447
|
+
return { shouldRepeat: N, delay: y, newStartAt: me(t, S) };
|
|
448
448
|
} : void 0 }), p = t - u;
|
|
449
|
-
return { elapsedTime: u, path: D, pathLength: o, remainingTime: Math.ceil(p), rotation: f, size: i, stroke:
|
|
450
|
-
},
|
|
451
|
-
let { children: t, strokeLinecap: n, trailColor: s, trailStrokeWidth: i } = e, { path: c, pathLength: l, stroke: m, strokeDashoffset: d, remainingTime: f, elapsedTime: A, size: v, strokeWidth: g } =
|
|
452
|
-
return U.createElement("div", { style:
|
|
449
|
+
return { elapsedTime: u, path: D, pathLength: o, remainingTime: Math.ceil(p), rotation: f, size: i, stroke: mn(e, p), strokeDashoffset: Ce(u, 0, o, t, d), strokeWidth: c };
|
|
450
|
+
}, be = (e) => {
|
|
451
|
+
let { children: t, strokeLinecap: n, trailColor: s, trailStrokeWidth: i } = e, { path: c, pathLength: l, stroke: m, strokeDashoffset: d, remainingTime: f, elapsedTime: A, size: v, strokeWidth: g } = hn(e);
|
|
452
|
+
return U.createElement("div", { style: un(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: s ?? "#d9d9d9", strokeWidth: i ?? 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: pn }, t({ remainingTime: f, elapsedTime: A, color: m })));
|
|
453
453
|
};
|
|
454
|
-
|
|
455
|
-
const
|
|
454
|
+
be.displayName = "CountdownCircleTimer";
|
|
455
|
+
const In = [E.PRIMARY_GREEN1, E.SECONDARY_RED1, E.SECONDARY_RED1], fn = [10, 10, 0], gn = /* @__PURE__ */ a("div")({
|
|
456
456
|
name: "RemainingTime",
|
|
457
457
|
class: "r165427",
|
|
458
458
|
propsAsIs: !1
|
|
459
|
-
}),
|
|
459
|
+
}), Mn = E.SECONDARY_GREEN6, Ie = E.SECONDARY_RED3, vn = E.NEUTRALS_GRAY3, yn = ({
|
|
460
460
|
isPlaying: e = !0,
|
|
461
461
|
duration: t = 30,
|
|
462
462
|
onTimerExpired: n
|
|
463
463
|
}) => {
|
|
464
|
-
const [s, i] =
|
|
464
|
+
const [s, i] = L(t > 10 ? Mn : Ie), c = ({
|
|
465
465
|
remainingTime: d
|
|
466
|
-
}) => /* @__PURE__ */ r(
|
|
466
|
+
}) => /* @__PURE__ */ r(gn, {
|
|
467
467
|
children: d
|
|
468
468
|
}), l = q(() => {
|
|
469
|
-
n == null || n(), i(
|
|
469
|
+
n == null || n(), i(vn);
|
|
470
470
|
}, [n, i]), m = q((d) => {
|
|
471
471
|
d === 10 && i(Ie);
|
|
472
472
|
}, [i]);
|
|
473
|
-
return /* @__PURE__ */ r(
|
|
473
|
+
return /* @__PURE__ */ r(be, {
|
|
474
474
|
isPlaying: e,
|
|
475
475
|
duration: t,
|
|
476
|
-
colors:
|
|
477
|
-
colorsTime:
|
|
476
|
+
colors: In,
|
|
477
|
+
colorsTime: fn,
|
|
478
478
|
size: 32,
|
|
479
479
|
strokeWidth: 2,
|
|
480
480
|
trailStrokeWidth: 2,
|
|
@@ -483,79 +483,83 @@ const fn = [L.PRIMARY_GREEN1, L.SECONDARY_RED1, L.SECONDARY_RED1], gn = [10, 10,
|
|
|
483
483
|
onUpdate: m,
|
|
484
484
|
children: c
|
|
485
485
|
});
|
|
486
|
-
},
|
|
486
|
+
}, Nn = /* @__PURE__ */ a("div")({
|
|
487
487
|
name: "WinBarContainer",
|
|
488
488
|
class: "wie6cqo",
|
|
489
489
|
propsAsIs: !1
|
|
490
|
-
}),
|
|
490
|
+
}), An = /* @__PURE__ */ a("div")({
|
|
491
491
|
name: "Content",
|
|
492
492
|
class: "cgizw4u",
|
|
493
493
|
propsAsIs: !1
|
|
494
|
-
}),
|
|
494
|
+
}), Tn = /* @__PURE__ */ a("div")({
|
|
495
495
|
name: "Title",
|
|
496
496
|
class: "t1l3ucjp",
|
|
497
497
|
propsAsIs: !1
|
|
498
|
-
}),
|
|
498
|
+
}), Dn = () => j, Sn = /* @__PURE__ */ a(Dn())({
|
|
499
499
|
name: "WinIcon",
|
|
500
500
|
class: "wx7j799",
|
|
501
501
|
propsAsIs: !0
|
|
502
|
-
}),
|
|
502
|
+
}), zn = /* @__PURE__ */ a("div")({
|
|
503
503
|
name: "Points",
|
|
504
504
|
class: "p4lwuj0",
|
|
505
505
|
propsAsIs: !1
|
|
506
|
-
}),
|
|
506
|
+
}), xn = /* @__PURE__ */ a("span")({
|
|
507
507
|
name: "PointsCount",
|
|
508
508
|
class: "po9i64o",
|
|
509
509
|
propsAsIs: !1
|
|
510
|
-
}),
|
|
510
|
+
}), jn = /* @__PURE__ */ a("span")({
|
|
511
511
|
name: "PointsUnits",
|
|
512
512
|
class: "pe5g05h",
|
|
513
513
|
propsAsIs: !1
|
|
514
|
-
}),
|
|
515
|
-
/* @__PURE__ */ I(
|
|
516
|
-
e && /* @__PURE__ */ r(
|
|
517
|
-
t !== void 0 && /* @__PURE__ */ I(
|
|
518
|
-
/* @__PURE__ */ r(
|
|
519
|
-
/* @__PURE__ */ I(
|
|
520
|
-
/* @__PURE__ */ r(
|
|
521
|
-
/* @__PURE__ */ r(
|
|
514
|
+
}), kn = ({ title: e, points: t, isPlayingTimer: n, isTimer: s, onTimerExpired: i }) => /* @__PURE__ */ I(Nn, { children: [
|
|
515
|
+
/* @__PURE__ */ I(An, { children: [
|
|
516
|
+
e && /* @__PURE__ */ r(Tn, { children: e }),
|
|
517
|
+
t !== void 0 && /* @__PURE__ */ I($, { children: [
|
|
518
|
+
/* @__PURE__ */ r(Sn, { name: "icon-trophy" }),
|
|
519
|
+
/* @__PURE__ */ I(zn, { children: [
|
|
520
|
+
/* @__PURE__ */ r(xn, { children: t }),
|
|
521
|
+
/* @__PURE__ */ r(jn, { children: "PTS" })
|
|
522
522
|
] })
|
|
523
523
|
] })
|
|
524
524
|
] }),
|
|
525
|
-
s && /* @__PURE__ */ r(
|
|
526
|
-
] }),
|
|
525
|
+
s && /* @__PURE__ */ r(yn, { isPlaying: n, onTimerExpired: i })
|
|
526
|
+
] }), On = ({ openedQuestion: e, vote: t, close: n }) => {
|
|
527
527
|
var s;
|
|
528
|
-
const i = e.subject, c = e.type, l = (s = e.options) == null ? void 0 : s.options, [m, d] =
|
|
529
|
-
async (
|
|
528
|
+
const i = e.subject, c = e.type, l = (s = e.options) == null ? void 0 : s.options, [m, d] = L(!1), [f, A] = L(!1), [v, g] = L(""), T = e == null ? void 0 : e.id, D = q(
|
|
529
|
+
async (N) => {
|
|
530
530
|
if (T) {
|
|
531
|
-
const
|
|
532
|
-
g(
|
|
531
|
+
const y = N.currentTarget.value;
|
|
532
|
+
g(y), A(!0), await t(T, y), A(!1);
|
|
533
533
|
}
|
|
534
534
|
},
|
|
535
535
|
[T, g, t]
|
|
536
536
|
), o = q(() => {
|
|
537
537
|
d(!0), setTimeout(n, 3e3);
|
|
538
|
-
}, [n]), u =
|
|
539
|
-
() => e == null ? void 0 : e.answers.find((
|
|
538
|
+
}, [n]), u = B(
|
|
539
|
+
() => e == null ? void 0 : e.answers.find((N) => N.youVoted === !0),
|
|
540
540
|
[e]
|
|
541
|
-
), p =
|
|
542
|
-
() => !!(e != null && e.answers.find((
|
|
541
|
+
), p = B(
|
|
542
|
+
() => !!(e != null && e.answers.find((N) => N.correct === !0)),
|
|
543
543
|
[e]
|
|
544
|
-
), h =
|
|
545
|
-
|
|
546
|
-
|
|
547
|
-
|
|
548
|
-
|
|
549
|
-
|
|
550
|
-
|
|
551
|
-
|
|
552
|
-
|
|
553
|
-
|
|
554
|
-
|
|
555
|
-
|
|
556
|
-
|
|
544
|
+
), h = B(() => e ? e.answers.map((N) => {
|
|
545
|
+
var y;
|
|
546
|
+
return {
|
|
547
|
+
...N,
|
|
548
|
+
questionVoted: !!u,
|
|
549
|
+
youSelected: v === N.id,
|
|
550
|
+
isLoading: f,
|
|
551
|
+
hasCorrectAnswer: p,
|
|
552
|
+
questionType: e.type,
|
|
553
|
+
answerTimeExpired: m,
|
|
554
|
+
questionStatus: e.status,
|
|
555
|
+
imageMode: (y = e.appearance) == null ? void 0 : y.images,
|
|
556
|
+
// ToDo: Figure out why imageMode is not in the response
|
|
557
|
+
onVote: D
|
|
558
|
+
};
|
|
559
|
+
}) : [], [p, m, f, e, u, D, v]), M = l && (l.case === "trivia" || l.case === "prediction") ? l.value : void 0;
|
|
560
|
+
return /* @__PURE__ */ r(se, { "data-question-header": "true", children: /* @__PURE__ */ r(qt, { children: /* @__PURE__ */ I(Pt, { children: [
|
|
557
561
|
M && /* @__PURE__ */ r(
|
|
558
|
-
|
|
562
|
+
_t,
|
|
559
563
|
{
|
|
560
564
|
feedbackMessages: M,
|
|
561
565
|
questionVoted: !!u,
|
|
@@ -566,7 +570,7 @@ const fn = [L.PRIMARY_GREEN1, L.SECONDARY_RED1, L.SECONDARY_RED1], gn = [10, 10,
|
|
|
566
570
|
}
|
|
567
571
|
),
|
|
568
572
|
/* @__PURE__ */ r(
|
|
569
|
-
|
|
573
|
+
kn,
|
|
570
574
|
{
|
|
571
575
|
title: m ? "Time expired" : "To win",
|
|
572
576
|
points: m ? void 0 : 100,
|
|
@@ -575,21 +579,21 @@ const fn = [L.PRIMARY_GREEN1, L.SECONDARY_RED1, L.SECONDARY_RED1], gn = [10, 10,
|
|
|
575
579
|
}
|
|
576
580
|
),
|
|
577
581
|
m ? /* @__PURE__ */ r(
|
|
578
|
-
|
|
582
|
+
$t,
|
|
579
583
|
{
|
|
580
584
|
title: "More to come...",
|
|
581
585
|
description: "Watch for additional enhanced stream interactive experience."
|
|
582
586
|
}
|
|
583
|
-
) : /* @__PURE__ */ I(
|
|
584
|
-
/* @__PURE__ */ r(
|
|
585
|
-
/* @__PURE__ */ r(
|
|
587
|
+
) : /* @__PURE__ */ I($, { children: [
|
|
588
|
+
/* @__PURE__ */ r(Yt, { children: i }),
|
|
589
|
+
/* @__PURE__ */ r(Wt, { children: h.map((N) => /* @__PURE__ */ r(ln, { ...N }, N.id)) })
|
|
586
590
|
] })
|
|
587
591
|
] }) }) });
|
|
588
|
-
},
|
|
592
|
+
}, wn = /* @__PURE__ */ a("div")({
|
|
589
593
|
name: "Container",
|
|
590
594
|
class: "cgn5uen",
|
|
591
595
|
propsAsIs: !1
|
|
592
|
-
}),
|
|
596
|
+
}), Cn = /* @__PURE__ */ a("div")({
|
|
593
597
|
name: "Content",
|
|
594
598
|
class: "c1px8nt6",
|
|
595
599
|
propsAsIs: !1
|
|
@@ -597,36 +601,41 @@ const fn = [L.PRIMARY_GREEN1, L.SECONDARY_RED1, L.SECONDARY_RED1], gn = [10, 10,
|
|
|
597
601
|
name: "Title",
|
|
598
602
|
class: "t5et2jt",
|
|
599
603
|
propsAsIs: !1
|
|
600
|
-
}),
|
|
604
|
+
}), $n = /* @__PURE__ */ a("div")({
|
|
601
605
|
name: "Description",
|
|
602
606
|
class: "d1i2kpk2",
|
|
603
607
|
propsAsIs: !1
|
|
604
|
-
}),
|
|
608
|
+
}), En = /* @__PURE__ */ a("div")({
|
|
605
609
|
name: "DateWrap",
|
|
606
610
|
class: "dd3lh3p",
|
|
607
611
|
propsAsIs: !1
|
|
608
|
-
}),
|
|
609
|
-
|
|
612
|
+
}), Ln = /* @__PURE__ */ a("img")({
|
|
613
|
+
name: "Image",
|
|
614
|
+
class: "i1gfjeu5",
|
|
615
|
+
propsAsIs: !1
|
|
616
|
+
}), $e = ({ created: e, image: t, title: n, instantView: s }) => {
|
|
617
|
+
const i = B(() => {
|
|
610
618
|
if (e) {
|
|
611
|
-
const
|
|
612
|
-
if (Ye(
|
|
619
|
+
const l = new Date(e);
|
|
620
|
+
if (Ye(l))
|
|
613
621
|
return {
|
|
614
|
-
date: We(
|
|
615
|
-
time: Fe(
|
|
622
|
+
date: We(l),
|
|
623
|
+
time: Fe(l)
|
|
616
624
|
};
|
|
617
625
|
}
|
|
618
626
|
return null;
|
|
619
|
-
}, [e]);
|
|
620
|
-
return /* @__PURE__ */ I(
|
|
621
|
-
|
|
622
|
-
|
|
627
|
+
}, [e]), c = (s == null ? void 0 : s.image) || t;
|
|
628
|
+
return /* @__PURE__ */ I(wn, { children: [
|
|
629
|
+
i && /* @__PURE__ */ I(En, { children: [
|
|
630
|
+
i.date,
|
|
623
631
|
" · ",
|
|
624
|
-
|
|
632
|
+
i.time
|
|
625
633
|
] }),
|
|
626
|
-
(
|
|
627
|
-
/* @__PURE__ */
|
|
628
|
-
|
|
629
|
-
/* @__PURE__ */ r(
|
|
634
|
+
(s == null ? void 0 : s.video) && /* @__PURE__ */ r(Ve, { source: s.video.url, poster: s.video.thumbnailUrl }),
|
|
635
|
+
c && /* @__PURE__ */ r(Ln, { src: c }),
|
|
636
|
+
/* @__PURE__ */ I(Cn, { children: [
|
|
637
|
+
/* @__PURE__ */ r(bn, { children: (s == null ? void 0 : s.heading) || n }),
|
|
638
|
+
/* @__PURE__ */ r($n, { children: s == null ? void 0 : s.body })
|
|
630
639
|
] })
|
|
631
640
|
] });
|
|
632
641
|
}, Rn = /* @__PURE__ */ a("div")({
|
|
@@ -638,7 +647,7 @@ const fn = [L.PRIMARY_GREEN1, L.SECONDARY_RED1, L.SECONDARY_RED1], gn = [10, 10,
|
|
|
638
647
|
class: "w19zie3h",
|
|
639
648
|
propsAsIs: !1
|
|
640
649
|
}), Un = ({ instantView: e, ...t }) => /* @__PURE__ */ I(Rn, { children: [
|
|
641
|
-
/* @__PURE__ */ r(
|
|
650
|
+
/* @__PURE__ */ r($e, { instantView: e, ...t }),
|
|
642
651
|
(e == null ? void 0 : e.webLink) && /* @__PURE__ */ I(Qn, { href: e == null ? void 0 : e.webLink.url, target: "_blank", children: [
|
|
643
652
|
"Explore more of the Masters History",
|
|
644
653
|
/* @__PURE__ */ r(j, { name: "icon-external-link" })
|
|
@@ -664,7 +673,7 @@ const fn = [L.PRIMARY_GREEN1, L.SECONDARY_RED1, L.SECONDARY_RED1], gn = [10, 10,
|
|
|
664
673
|
loading: s,
|
|
665
674
|
data: i
|
|
666
675
|
} = e;
|
|
667
|
-
return !s && i ? /* @__PURE__ */ r(
|
|
676
|
+
return !s && i ? /* @__PURE__ */ r(On, {
|
|
668
677
|
vote: t,
|
|
669
678
|
close: n,
|
|
670
679
|
openedQuestion: i
|
|
@@ -706,7 +715,7 @@ const fn = [L.PRIMARY_GREEN1, L.SECONDARY_RED1, L.SECONDARY_RED1], gn = [10, 10,
|
|
|
706
715
|
class: "tspsaas",
|
|
707
716
|
propsAsIs: !1
|
|
708
717
|
});
|
|
709
|
-
var
|
|
718
|
+
var H = /* @__PURE__ */ ((e) => (e.HOME = "home", e.LEADERBOARD = "leaderboard", e))(H || {});
|
|
710
719
|
const fe = ({ title: e, active: t, onClick: n }) => /* @__PURE__ */ r(Vn, { onClick: n, "data-selected": t, children: /* @__PURE__ */ r(Bn, { children: e }) }), Hn = ({ activePage: e = "home", toggleActivePage: t }) => /* @__PURE__ */ r(Wn, { children: /* @__PURE__ */ I(Fn, { "data-position": e === "home" ? "left" : "right", children: [
|
|
711
720
|
/* @__PURE__ */ r(fe, { title: "Home", active: e === "home", onClick: () => t(
|
|
712
721
|
"home"
|
|
@@ -761,7 +770,7 @@ function Jn(e, t) {
|
|
|
761
770
|
return !1;
|
|
762
771
|
return !0;
|
|
763
772
|
}
|
|
764
|
-
function
|
|
773
|
+
function K(e, t) {
|
|
765
774
|
t === void 0 && (t = Jn);
|
|
766
775
|
var n, s = [], i, c = !1;
|
|
767
776
|
function l() {
|
|
@@ -789,23 +798,23 @@ function Xn(e, t) {
|
|
|
789
798
|
};
|
|
790
799
|
return i;
|
|
791
800
|
}
|
|
792
|
-
var
|
|
801
|
+
var X = -1;
|
|
793
802
|
function Ne(e) {
|
|
794
|
-
if (e === void 0 && (e = !1),
|
|
803
|
+
if (e === void 0 && (e = !1), X === -1 || e) {
|
|
795
804
|
var t = document.createElement("div"), n = t.style;
|
|
796
|
-
n.width = "50px", n.height = "50px", n.overflow = "scroll", document.body.appendChild(t),
|
|
805
|
+
n.width = "50px", n.height = "50px", n.overflow = "scroll", document.body.appendChild(t), X = t.offsetWidth - t.clientWidth, document.body.removeChild(t);
|
|
797
806
|
}
|
|
798
|
-
return
|
|
807
|
+
return X;
|
|
799
808
|
}
|
|
800
|
-
var
|
|
809
|
+
var b = null;
|
|
801
810
|
function Ae(e) {
|
|
802
|
-
if (e === void 0 && (e = !1),
|
|
811
|
+
if (e === void 0 && (e = !1), b === null || e) {
|
|
803
812
|
var t = document.createElement("div"), n = t.style;
|
|
804
813
|
n.width = "50px", n.height = "50px", n.overflow = "scroll", n.direction = "rtl";
|
|
805
814
|
var s = document.createElement("div"), i = s.style;
|
|
806
|
-
return i.width = "100px", i.height = "100px", t.appendChild(s), document.body.appendChild(t), t.scrollLeft > 0 ?
|
|
815
|
+
return i.width = "100px", i.height = "100px", t.appendChild(s), 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;
|
|
807
816
|
}
|
|
808
|
-
return
|
|
817
|
+
return b;
|
|
809
818
|
}
|
|
810
819
|
var es = 150, ts = function(t, n) {
|
|
811
820
|
return t;
|
|
@@ -822,26 +831,26 @@ function ns(e) {
|
|
|
822
831
|
scrollDirection: "forward",
|
|
823
832
|
scrollOffset: typeof o.props.initialScrollOffset == "number" ? o.props.initialScrollOffset : 0,
|
|
824
833
|
scrollUpdateWasRequested: !1
|
|
825
|
-
}, o._callOnItemsRendered = void 0, o._callOnItemsRendered =
|
|
834
|
+
}, o._callOnItemsRendered = void 0, o._callOnItemsRendered = K(function(u, p, h, M) {
|
|
826
835
|
return o.props.onItemsRendered({
|
|
827
836
|
overscanStartIndex: u,
|
|
828
837
|
overscanStopIndex: p,
|
|
829
838
|
visibleStartIndex: h,
|
|
830
839
|
visibleStopIndex: M
|
|
831
840
|
});
|
|
832
|
-
}), o._callOnScroll = void 0, o._callOnScroll =
|
|
841
|
+
}), o._callOnScroll = void 0, o._callOnScroll = K(function(u, p, h) {
|
|
833
842
|
return o.props.onScroll({
|
|
834
843
|
scrollDirection: u,
|
|
835
844
|
scrollOffset: p,
|
|
836
845
|
scrollUpdateWasRequested: h
|
|
837
846
|
});
|
|
838
847
|
}), o._getItemStyle = void 0, o._getItemStyle = function(u) {
|
|
839
|
-
var p = o.props, h = p.direction, M = p.itemSize,
|
|
840
|
-
if (
|
|
841
|
-
S =
|
|
848
|
+
var p = o.props, h = p.direction, M = p.itemSize, N = p.layout, y = o._getItemStyleCache(f && M, f && N, f && h), S;
|
|
849
|
+
if (y.hasOwnProperty(u))
|
|
850
|
+
S = y[u];
|
|
842
851
|
else {
|
|
843
|
-
var z = n(o.props, u, o._instanceProps), k = i(o.props, u, o._instanceProps), O = h === "horizontal" ||
|
|
844
|
-
|
|
852
|
+
var z = n(o.props, u, o._instanceProps), k = i(o.props, u, o._instanceProps), O = h === "horizontal" || N === "horizontal", P = h === "rtl", Y = O ? z : 0;
|
|
853
|
+
y[u] = S = {
|
|
845
854
|
position: "absolute",
|
|
846
855
|
left: P ? void 0 : Y,
|
|
847
856
|
right: P ? Y : void 0,
|
|
@@ -851,12 +860,12 @@ function ns(e) {
|
|
|
851
860
|
};
|
|
852
861
|
}
|
|
853
862
|
return S;
|
|
854
|
-
}, o._getItemStyleCache = void 0, o._getItemStyleCache =
|
|
863
|
+
}, o._getItemStyleCache = void 0, o._getItemStyleCache = K(function(u, p, h) {
|
|
855
864
|
return {};
|
|
856
865
|
}), o._onScrollHorizontal = function(u) {
|
|
857
|
-
var p = u.currentTarget, h = p.clientWidth, M = p.scrollLeft,
|
|
858
|
-
o.setState(function(
|
|
859
|
-
if (
|
|
866
|
+
var p = u.currentTarget, h = p.clientWidth, M = p.scrollLeft, N = p.scrollWidth;
|
|
867
|
+
o.setState(function(y) {
|
|
868
|
+
if (y.scrollOffset === M)
|
|
860
869
|
return null;
|
|
861
870
|
var S = o.props.direction, z = M;
|
|
862
871
|
if (S === "rtl")
|
|
@@ -865,25 +874,25 @@ function ns(e) {
|
|
|
865
874
|
z = -M;
|
|
866
875
|
break;
|
|
867
876
|
case "positive-descending":
|
|
868
|
-
z =
|
|
877
|
+
z = N - h - M;
|
|
869
878
|
break;
|
|
870
879
|
}
|
|
871
|
-
return z = Math.max(0, Math.min(z,
|
|
880
|
+
return z = Math.max(0, Math.min(z, N - h)), {
|
|
872
881
|
isScrolling: !0,
|
|
873
|
-
scrollDirection:
|
|
882
|
+
scrollDirection: y.scrollOffset < M ? "forward" : "backward",
|
|
874
883
|
scrollOffset: z,
|
|
875
884
|
scrollUpdateWasRequested: !1
|
|
876
885
|
};
|
|
877
886
|
}, o._resetIsScrollingDebounced);
|
|
878
887
|
}, o._onScrollVertical = function(u) {
|
|
879
|
-
var p = u.currentTarget, h = p.clientHeight, M = p.scrollHeight,
|
|
880
|
-
o.setState(function(
|
|
881
|
-
if (
|
|
888
|
+
var p = u.currentTarget, h = p.clientHeight, M = p.scrollHeight, N = p.scrollTop;
|
|
889
|
+
o.setState(function(y) {
|
|
890
|
+
if (y.scrollOffset === N)
|
|
882
891
|
return null;
|
|
883
|
-
var S = Math.max(0, Math.min(
|
|
892
|
+
var S = Math.max(0, Math.min(N, M - h));
|
|
884
893
|
return {
|
|
885
894
|
isScrolling: !0,
|
|
886
|
-
scrollDirection:
|
|
895
|
+
scrollDirection: y.scrollOffset < S ? "forward" : "backward",
|
|
887
896
|
scrollOffset: S,
|
|
888
897
|
scrollUpdateWasRequested: !1
|
|
889
898
|
};
|
|
@@ -915,14 +924,14 @@ function ns(e) {
|
|
|
915
924
|
}, this._resetIsScrollingDebounced);
|
|
916
925
|
}, T.scrollToItem = function(o, u) {
|
|
917
926
|
u === void 0 && (u = "auto");
|
|
918
|
-
var p = this.props, h = p.itemCount, M = p.layout,
|
|
927
|
+
var p = this.props, h = p.itemCount, M = p.layout, N = this.state.scrollOffset;
|
|
919
928
|
o = Math.max(0, Math.min(o, h - 1));
|
|
920
|
-
var
|
|
929
|
+
var y = 0;
|
|
921
930
|
if (this._outerRef) {
|
|
922
931
|
var S = this._outerRef;
|
|
923
|
-
M === "vertical" ?
|
|
932
|
+
M === "vertical" ? y = S.scrollWidth > S.clientWidth ? Ne() : 0 : y = S.scrollHeight > S.clientHeight ? Ne() : 0;
|
|
924
933
|
}
|
|
925
|
-
this.scrollTo(c(this.props, o, u,
|
|
934
|
+
this.scrollTo(c(this.props, o, u, N, this._instanceProps, y));
|
|
926
935
|
}, T.componentDidMount = function() {
|
|
927
936
|
var o = this.props, u = o.direction, p = o.initialScrollOffset, h = o.layout;
|
|
928
937
|
if (typeof p == "number" && this._outerRef != null) {
|
|
@@ -931,44 +940,44 @@ function ns(e) {
|
|
|
931
940
|
}
|
|
932
941
|
this._callPropsCallbacks();
|
|
933
942
|
}, T.componentDidUpdate = function() {
|
|
934
|
-
var o = this.props, u = o.direction, p = o.layout, h = this.state, M = h.scrollOffset,
|
|
935
|
-
if (
|
|
936
|
-
var
|
|
943
|
+
var o = this.props, u = o.direction, p = o.layout, h = this.state, M = h.scrollOffset, N = h.scrollUpdateWasRequested;
|
|
944
|
+
if (N && this._outerRef != null) {
|
|
945
|
+
var y = this._outerRef;
|
|
937
946
|
if (u === "horizontal" || p === "horizontal")
|
|
938
947
|
if (u === "rtl")
|
|
939
948
|
switch (Ae()) {
|
|
940
949
|
case "negative":
|
|
941
|
-
|
|
950
|
+
y.scrollLeft = -M;
|
|
942
951
|
break;
|
|
943
952
|
case "positive-ascending":
|
|
944
|
-
|
|
953
|
+
y.scrollLeft = M;
|
|
945
954
|
break;
|
|
946
955
|
default:
|
|
947
|
-
var S =
|
|
948
|
-
|
|
956
|
+
var S = y.clientWidth, z = y.scrollWidth;
|
|
957
|
+
y.scrollLeft = z - S - M;
|
|
949
958
|
break;
|
|
950
959
|
}
|
|
951
960
|
else
|
|
952
|
-
|
|
961
|
+
y.scrollLeft = M;
|
|
953
962
|
else
|
|
954
|
-
|
|
963
|
+
y.scrollTop = M;
|
|
955
964
|
}
|
|
956
965
|
this._callPropsCallbacks();
|
|
957
966
|
}, T.componentWillUnmount = function() {
|
|
958
967
|
this._resetIsScrollingTimeoutId !== null && ye(this._resetIsScrollingTimeoutId);
|
|
959
968
|
}, T.render = function() {
|
|
960
|
-
var o = this.props, u = o.children, p = o.className, h = o.direction, M = o.height,
|
|
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 ? ts : O, Y = o.layout, Ee = o.outerElementType, Le = o.outerTagName, Re = o.style, Qe = o.useIsScrolling, Ue = o.width, ie = this.state.isScrolling, G = h === "horizontal" || Y === "horizontal", _e = G ? this._onScrollHorizontal : this._onScrollVertical, re = this._getRangeToRender(), qe = re[0], Pe = re[1], oe = [];
|
|
961
970
|
if (z > 0)
|
|
962
|
-
for (var
|
|
963
|
-
oe.push(
|
|
971
|
+
for (var R = qe; R <= Pe; R++)
|
|
972
|
+
oe.push(Z(u, {
|
|
964
973
|
data: k,
|
|
965
|
-
key: P(
|
|
966
|
-
index:
|
|
974
|
+
key: P(R, k),
|
|
975
|
+
index: R,
|
|
967
976
|
isScrolling: Qe ? ie : void 0,
|
|
968
|
-
style: this._getItemStyle(
|
|
977
|
+
style: this._getItemStyle(R)
|
|
969
978
|
}));
|
|
970
979
|
var ae = s(this.props, this._instanceProps);
|
|
971
|
-
return
|
|
980
|
+
return Z(Ee || Le || "div", {
|
|
972
981
|
className: p,
|
|
973
982
|
onScroll: _e,
|
|
974
983
|
ref: this._outerRefSetter,
|
|
@@ -981,32 +990,32 @@ function ns(e) {
|
|
|
981
990
|
willChange: "transform",
|
|
982
991
|
direction: h
|
|
983
992
|
}, Re)
|
|
984
|
-
},
|
|
993
|
+
}, Z(y || S || "div", {
|
|
985
994
|
children: oe,
|
|
986
|
-
ref:
|
|
995
|
+
ref: N,
|
|
987
996
|
style: {
|
|
988
|
-
height:
|
|
997
|
+
height: G ? "100%" : ae,
|
|
989
998
|
pointerEvents: ie ? "none" : void 0,
|
|
990
|
-
width:
|
|
999
|
+
width: G ? ae : "100%"
|
|
991
1000
|
}
|
|
992
1001
|
}));
|
|
993
1002
|
}, T._callPropsCallbacks = function() {
|
|
994
1003
|
if (typeof this.props.onItemsRendered == "function") {
|
|
995
1004
|
var o = this.props.itemCount;
|
|
996
1005
|
if (o > 0) {
|
|
997
|
-
var u = this._getRangeToRender(), p = u[0], h = u[1], M = u[2],
|
|
998
|
-
this._callOnItemsRendered(p, h, M,
|
|
1006
|
+
var u = this._getRangeToRender(), p = u[0], h = u[1], M = u[2], N = u[3];
|
|
1007
|
+
this._callOnItemsRendered(p, h, M, N);
|
|
999
1008
|
}
|
|
1000
1009
|
}
|
|
1001
1010
|
if (typeof this.props.onScroll == "function") {
|
|
1002
|
-
var
|
|
1011
|
+
var y = this.state, S = y.scrollDirection, z = y.scrollOffset, k = y.scrollUpdateWasRequested;
|
|
1003
1012
|
this._callOnScroll(S, z, k);
|
|
1004
1013
|
}
|
|
1005
1014
|
}, T._getRangeToRender = function() {
|
|
1006
|
-
var o = this.props, u = o.itemCount, p = o.overscanCount, h = this.state, M = h.isScrolling,
|
|
1015
|
+
var o = this.props, u = o.itemCount, p = o.overscanCount, h = this.state, M = h.isScrolling, N = h.scrollDirection, y = h.scrollOffset;
|
|
1007
1016
|
if (u === 0)
|
|
1008
1017
|
return [0, 0, 0, 0];
|
|
1009
|
-
var S = l(this.props,
|
|
1018
|
+
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;
|
|
1010
1019
|
return [Math.max(0, S - k), Math.max(0, Math.min(u - 1, z + O)), S, z];
|
|
1011
1020
|
}, g;
|
|
1012
1021
|
}(je), t.defaultProps = {
|
|
@@ -1324,7 +1333,7 @@ const us = /* @__PURE__ */ a("div")({
|
|
|
1324
1333
|
name: "QuestionAction",
|
|
1325
1334
|
class: "q105uluy",
|
|
1326
1335
|
propsAsIs: !1
|
|
1327
|
-
}), ks = () => j,
|
|
1336
|
+
}), ks = () => j, V = /* @__PURE__ */ a(ks())({
|
|
1328
1337
|
name: "QuestionActionIcon",
|
|
1329
1338
|
class: "q1fa0b9h",
|
|
1330
1339
|
propsAsIs: !0
|
|
@@ -1336,16 +1345,20 @@ const us = /* @__PURE__ */ a("div")({
|
|
|
1336
1345
|
name: "QuestionTypeLabel",
|
|
1337
1346
|
class: "qmg0vkx",
|
|
1338
1347
|
propsAsIs: !1
|
|
1339
|
-
}),
|
|
1348
|
+
}), bs = /* @__PURE__ */ a("div")({
|
|
1340
1349
|
name: "QuestionContent",
|
|
1341
1350
|
class: "q1uz5j1g",
|
|
1342
1351
|
propsAsIs: !1
|
|
1343
|
-
}),
|
|
1344
|
-
|
|
1345
|
-
|
|
1346
|
-
|
|
1347
|
-
|
|
1348
|
-
|
|
1352
|
+
}), $s = /* @__PURE__ */ a("button")({
|
|
1353
|
+
name: "PlayButton",
|
|
1354
|
+
class: "p1pba9p1",
|
|
1355
|
+
propsAsIs: !1
|
|
1356
|
+
}), Es = {
|
|
1357
|
+
[W.LOST]: /* @__PURE__ */ r(V, { name: "icon-cross" }),
|
|
1358
|
+
[W.WON]: /* @__PURE__ */ r(V, { name: "icon-check" }),
|
|
1359
|
+
[W.UNSET]: /* @__PURE__ */ r(V, { name: "icon-arrow" }),
|
|
1360
|
+
[W.DNP]: /* @__PURE__ */ r(V, { name: "icon-arrow" })
|
|
1361
|
+
}, Ls = ({
|
|
1349
1362
|
questionId: e,
|
|
1350
1363
|
questionType: t,
|
|
1351
1364
|
questionStatus: n,
|
|
@@ -1354,9 +1367,9 @@ const us = /* @__PURE__ */ a("div")({
|
|
|
1354
1367
|
openQuestion: c,
|
|
1355
1368
|
status: l
|
|
1356
1369
|
}) => {
|
|
1357
|
-
const m = Se[t], d =
|
|
1370
|
+
const m = Se[t], d = Es[l];
|
|
1358
1371
|
return m ? /* @__PURE__ */ I(Ss, { onClick: () => c == null ? void 0 : c(e), children: [
|
|
1359
|
-
/* @__PURE__ */ I(
|
|
1372
|
+
/* @__PURE__ */ I(bs, { children: [
|
|
1360
1373
|
/* @__PURE__ */ I(zs, { children: [
|
|
1361
1374
|
/* @__PURE__ */ r(ws, { name: m.iconName }),
|
|
1362
1375
|
/* @__PURE__ */ I(Cs, { children: [
|
|
@@ -1366,49 +1379,49 @@ const us = /* @__PURE__ */ a("div")({
|
|
|
1366
1379
|
] }),
|
|
1367
1380
|
/* @__PURE__ */ r(xs, { children: s || "" })
|
|
1368
1381
|
] }),
|
|
1369
|
-
/* @__PURE__ */ r(js, { children:
|
|
1382
|
+
/* @__PURE__ */ r(js, { children: i ? /* @__PURE__ */ r($s, { children: "Play" }) : d })
|
|
1370
1383
|
] }) : null;
|
|
1371
|
-
},
|
|
1384
|
+
}, Rs = /* @__PURE__ */ a("div")({
|
|
1372
1385
|
name: "Container",
|
|
1373
1386
|
class: "cll3md7",
|
|
1374
1387
|
propsAsIs: !1
|
|
1375
|
-
}),
|
|
1388
|
+
}), Qs = /* @__PURE__ */ a("button")({
|
|
1376
1389
|
name: "ActionBtn",
|
|
1377
1390
|
class: "a10g1iik",
|
|
1378
1391
|
propsAsIs: !1
|
|
1379
|
-
}),
|
|
1392
|
+
}), Us = ({
|
|
1380
1393
|
openInsight: e,
|
|
1381
1394
|
questionId: t,
|
|
1382
1395
|
...n
|
|
1383
|
-
}) => /* @__PURE__ */ I(
|
|
1384
|
-
/* @__PURE__ */ r(
|
|
1385
|
-
e && /* @__PURE__ */ r(
|
|
1386
|
-
] }),
|
|
1396
|
+
}) => /* @__PURE__ */ I(Rs, { children: [
|
|
1397
|
+
/* @__PURE__ */ r($e, { questionId: t, ...n }),
|
|
1398
|
+
e && /* @__PURE__ */ r(Qs, { onClick: () => e(t), children: "View Insight" })
|
|
1399
|
+
] }), _s = /* @__PURE__ */ a("div")({
|
|
1387
1400
|
name: "QuestionsContainer",
|
|
1388
1401
|
class: "qvghv3l",
|
|
1389
1402
|
propsAsIs: !1
|
|
1390
|
-
}),
|
|
1403
|
+
}), qs = ({ questions: e, openQuestion: t }) => /* @__PURE__ */ r(_s, { children: e == null ? void 0 : e.map((n) => {
|
|
1391
1404
|
var s, i;
|
|
1392
1405
|
if (n.type === "question" && ((s = n.attributes) == null ? void 0 : s.attributes.case) === "question") {
|
|
1393
1406
|
const c = n.attributes.attributes.value;
|
|
1394
|
-
return /* @__PURE__ */ r(
|
|
1407
|
+
return /* @__PURE__ */ r(Ls, { openQuestion: t, ...c }, c.questionId);
|
|
1395
1408
|
}
|
|
1396
1409
|
if (n.type === "insight" && ((i = n.attributes) == null ? void 0 : i.attributes.case) === "insight") {
|
|
1397
1410
|
const c = n.attributes.attributes.value;
|
|
1398
|
-
return /* @__PURE__ */ r(
|
|
1411
|
+
return /* @__PURE__ */ r(Us, { openInsight: t, ...c }, c.questionId);
|
|
1399
1412
|
}
|
|
1400
1413
|
return null;
|
|
1401
|
-
}) }),
|
|
1414
|
+
}) }), Ps = ({ store: e, openQuestion: t }) => {
|
|
1402
1415
|
const n = w(e);
|
|
1403
|
-
return n != null && n.data ? /* @__PURE__ */ r(
|
|
1404
|
-
},
|
|
1416
|
+
return n != null && n.data ? /* @__PURE__ */ r(qs, { openQuestion: t, questions: n.data }) : /* @__PURE__ */ r("div", { children: "wait questions..." });
|
|
1417
|
+
}, Ys = ({ userSummary: e }) => {
|
|
1405
1418
|
var t, n;
|
|
1406
1419
|
const s = w(e.getStore());
|
|
1407
1420
|
return (t = s.data) != null && t.summary ? /* @__PURE__ */ r(Oe, { ...s.data.summary, successRate: (n = s.data.percentage) == null ? void 0 : n.correct }) : /* @__PURE__ */ r("div", { children: "wait user..." });
|
|
1408
|
-
},
|
|
1421
|
+
}, Ws = ({
|
|
1409
1422
|
gamification: e
|
|
1410
1423
|
}) => {
|
|
1411
|
-
const [t, n] =
|
|
1424
|
+
const [t, n] = L(H.HOME);
|
|
1412
1425
|
return /* @__PURE__ */ I("div", {
|
|
1413
1426
|
style: {
|
|
1414
1427
|
height: "100%",
|
|
@@ -1424,47 +1437,47 @@ const us = /* @__PURE__ */ a("div")({
|
|
|
1424
1437
|
activePage: t,
|
|
1425
1438
|
toggleActivePage: n
|
|
1426
1439
|
})
|
|
1427
|
-
}), t ===
|
|
1440
|
+
}), t === H.HOME && /* @__PURE__ */ I(se, {
|
|
1428
1441
|
children: [/* @__PURE__ */ r(ee, {
|
|
1429
1442
|
style: {
|
|
1430
1443
|
paddingTop: "12px"
|
|
1431
1444
|
},
|
|
1432
|
-
children: /* @__PURE__ */ r(
|
|
1445
|
+
children: /* @__PURE__ */ r(Ys, {
|
|
1433
1446
|
userSummary: e.userSummary
|
|
1434
1447
|
})
|
|
1435
|
-
}), /* @__PURE__ */ r(
|
|
1436
|
-
children: /* @__PURE__ */ r(
|
|
1448
|
+
}), /* @__PURE__ */ r(Ge, {
|
|
1449
|
+
children: /* @__PURE__ */ r(Ps, {
|
|
1437
1450
|
openQuestion: e.openQuestion,
|
|
1438
1451
|
store: e.feedList.getStore()
|
|
1439
1452
|
})
|
|
1440
1453
|
})]
|
|
1441
|
-
}), t ===
|
|
1454
|
+
}), t === H.LEADERBOARD && /* @__PURE__ */ r("div", {
|
|
1442
1455
|
className: "c1bp9dj2",
|
|
1443
1456
|
children: /* @__PURE__ */ r(Ds, {
|
|
1444
1457
|
gamification: e
|
|
1445
1458
|
})
|
|
1446
1459
|
})]
|
|
1447
1460
|
});
|
|
1448
|
-
},
|
|
1461
|
+
}, Fs = () => Ze, De = /* @__PURE__ */ a(Fs())({
|
|
1449
1462
|
name: "OpenedContainer",
|
|
1450
1463
|
class: "oar61gl",
|
|
1451
1464
|
propsAsIs: !0
|
|
1452
|
-
}),
|
|
1465
|
+
}), Vs = /* @__PURE__ */ a("div")({
|
|
1453
1466
|
name: "UserContainer",
|
|
1454
1467
|
class: "u14zaal4",
|
|
1455
1468
|
propsAsIs: !1
|
|
1456
|
-
}),
|
|
1469
|
+
}), Bs = ({
|
|
1457
1470
|
correct: e,
|
|
1458
1471
|
incorrect: t
|
|
1459
1472
|
}) => {
|
|
1460
1473
|
const n = e + t;
|
|
1461
1474
|
return n === 0 ? 0 : Math.round(e / n * 100);
|
|
1462
|
-
},
|
|
1475
|
+
}, Js = ({
|
|
1463
1476
|
gamification: e,
|
|
1464
1477
|
className: t
|
|
1465
1478
|
}) => {
|
|
1466
1479
|
const n = w(e.openedQuestion.$store), s = w(e.openedUser);
|
|
1467
|
-
return /* @__PURE__ */ I(
|
|
1480
|
+
return /* @__PURE__ */ I($, {
|
|
1468
1481
|
children: [n && /* @__PURE__ */ r(De, {
|
|
1469
1482
|
className: t,
|
|
1470
1483
|
children: /* @__PURE__ */ r(Yn, {
|
|
@@ -1472,26 +1485,26 @@ const us = /* @__PURE__ */ a("div")({
|
|
|
1472
1485
|
})
|
|
1473
1486
|
}), s && /* @__PURE__ */ r(De, {
|
|
1474
1487
|
className: t,
|
|
1475
|
-
children: /* @__PURE__ */ I(
|
|
1488
|
+
children: /* @__PURE__ */ I(Vs, {
|
|
1476
1489
|
children: [/* @__PURE__ */ r(ke, {
|
|
1477
1490
|
label: "Friend's Rank",
|
|
1478
1491
|
close: e.closeUser
|
|
1479
1492
|
}), /* @__PURE__ */ r(ee, {
|
|
1480
1493
|
children: /* @__PURE__ */ r(Oe, {
|
|
1481
1494
|
...s,
|
|
1482
|
-
successRate:
|
|
1495
|
+
successRate: Bs(s)
|
|
1483
1496
|
})
|
|
1484
1497
|
})]
|
|
1485
1498
|
})
|
|
1486
1499
|
}), /* @__PURE__ */ r(se, {
|
|
1487
1500
|
className: t,
|
|
1488
1501
|
"data-nav": "true",
|
|
1489
|
-
children: /* @__PURE__ */ r(
|
|
1502
|
+
children: /* @__PURE__ */ r(Ws, {
|
|
1490
1503
|
gamification: e
|
|
1491
1504
|
})
|
|
1492
1505
|
})]
|
|
1493
1506
|
});
|
|
1494
1507
|
};
|
|
1495
1508
|
export {
|
|
1496
|
-
|
|
1509
|
+
Js as default
|
|
1497
1510
|
};
|