@streamlayer/react 0.33.0 → 0.33.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import { jsxs as m, jsx as s, Fragment as
|
|
2
|
-
import { s as o, r as
|
|
3
|
-
import { useStore as
|
|
4
|
-
import { o as ke, r as
|
|
5
|
-
import { QuestionType as z, QuestionStatus as
|
|
6
|
-
import { useState as
|
|
1
|
+
import { jsxs as m, jsx as s, Fragment as k } from "react/jsx-runtime";
|
|
2
|
+
import { s as o, r as C } from "./index4.js";
|
|
3
|
+
import { useStore as _ } from "@nanostores/react";
|
|
4
|
+
import { o as ke, r as me, w as We, u as we, A as Fe, O as Be, c as He, a as ce, n as Ge, f as Ze } from "./masters2.js";
|
|
5
|
+
import { QuestionType as z, QuestionStatus as U, QuestionImages as B, PickHistoryStatus as K } from "@streamlayer/sdk-web-types";
|
|
6
|
+
import { useState as E, useCallback as P, useEffect as he, useMemo as w, createElement as re, PureComponent as Ee, useRef as de, useTransition as Je } from "react";
|
|
7
7
|
import { d as Le } from "./index3.js";
|
|
8
8
|
import "react-countup";
|
|
9
9
|
import { CountdownCircleTimer as Ke } from "react-countdown-circle-timer";
|
|
10
|
-
import { E as
|
|
10
|
+
import { E as q } from "./index2.js";
|
|
11
11
|
import $e from "lodash.throttle";
|
|
12
12
|
import "@streamlayer/sdk-web-interfaces";
|
|
13
13
|
import "@streamlayer/sdk-web-notifications";
|
|
@@ -21,7 +21,7 @@ const Xe = /* @__PURE__ */ o("div")({
|
|
|
21
21
|
name: "QuestionTypeWrap",
|
|
22
22
|
class: "qyktpt0",
|
|
23
23
|
propsAsIs: !1
|
|
24
|
-
}), tt = () =>
|
|
24
|
+
}), tt = () => C, nt = /* @__PURE__ */ o(tt())({
|
|
25
25
|
name: "QuestionTypeIcon",
|
|
26
26
|
class: "q951jdx",
|
|
27
27
|
propsAsIs: !0
|
|
@@ -33,7 +33,7 @@ const Xe = /* @__PURE__ */ o("div")({
|
|
|
33
33
|
name: "CloseButton",
|
|
34
34
|
class: "c1ao1jtv",
|
|
35
35
|
propsAsIs: !1
|
|
36
|
-
}), rt = () =>
|
|
36
|
+
}), rt = () => C, ot = /* @__PURE__ */ o(rt())({
|
|
37
37
|
name: "CloseIcon",
|
|
38
38
|
class: "cvsl7l3",
|
|
39
39
|
propsAsIs: !0
|
|
@@ -53,14 +53,14 @@ const Xe = /* @__PURE__ */ o("div")({
|
|
|
53
53
|
] }),
|
|
54
54
|
/* @__PURE__ */ s(it, { onClick: t, children: /* @__PURE__ */ s(ot, { name: "icon-cross" }) })
|
|
55
55
|
] });
|
|
56
|
-
}, Qe = (e) => e.split(/\s+/).map((t) => t[0]).join("").toUpperCase(), Ue = (e) => e ? e.toLocaleString("en-US") : "0",
|
|
56
|
+
}, Qe = (e) => e.split(/\s+/).map((t) => t[0]).join("").toUpperCase(), Ue = (e) => e ? e.toLocaleString("en-US") : "0", Ie = (e) => e.toLocaleDateString("en-US", {
|
|
57
57
|
weekday: "short",
|
|
58
58
|
month: "short",
|
|
59
59
|
day: "numeric"
|
|
60
|
-
}),
|
|
60
|
+
}), fe = (e) => e.toLocaleTimeString("en-US", {
|
|
61
61
|
hour: "2-digit",
|
|
62
62
|
minute: "2-digit"
|
|
63
|
-
}),
|
|
63
|
+
}), ge = (e) => !isNaN(e.getTime()), at = /* @__PURE__ */ o("div")({
|
|
64
64
|
name: "Container",
|
|
65
65
|
class: "c1zy8a",
|
|
66
66
|
propsAsIs: !1
|
|
@@ -87,7 +87,7 @@ const Xe = /* @__PURE__ */ o("div")({
|
|
|
87
87
|
name: "Title",
|
|
88
88
|
class: "t8s05oq",
|
|
89
89
|
propsAsIs: !1
|
|
90
|
-
}),
|
|
90
|
+
}), X = ({ indicator: e, title: t }) => /* @__PURE__ */ m(dt, { children: [
|
|
91
91
|
/* @__PURE__ */ s(ut, { children: e }),
|
|
92
92
|
/* @__PURE__ */ s(pt, { children: t })
|
|
93
93
|
] }), mt = /* @__PURE__ */ o("div")({
|
|
@@ -158,16 +158,16 @@ const Xe = /* @__PURE__ */ o("div")({
|
|
|
158
158
|
name: "UserAccountBtn",
|
|
159
159
|
class: "uxareh6",
|
|
160
160
|
propsAsIs: !1
|
|
161
|
-
}),
|
|
161
|
+
}), Ct = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlRyb3BoeSI+CjxwYXRoIGlkPSJDb21iaW5lZCBTaGFwZSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zLjY5MTk3IDQuNjY2NjJDMy42OTE5NyA1Ljk5NzA1IDMuOTI5MTQgNy4xNzc4NyA0LjQwMzUgOC4yMDkxMkMzLjQ5OTY2IDguMDI0NTEgMi43NDQ4NyA3LjY2NDg2IDIuMTM5MSA3LjEzMDE0QzEuNTMzMzMgNi41OTU0MiAxLjIzMDQ2IDYuMDc5OCAxLjIzMDQ2IDUuNTgzMjhWNC42NjY2MkgzLjY5MTk3Wk0xNC43Njg2IDQuNjY2NjJWNS41ODMyOEMxNC43Njg2IDYuMDc5OCAxNC40NjU4IDYuNTk1NDIgMTMuODYgNy4xMzAxNEMxMy4yNTQyIDcuNjY0ODYgMTIuNDk5NCA4LjAyNDUxIDExLjU5NTYgOC4yMDkxMkMxMi4wNjk5IDcuMTc3ODcgMTIuMzA3MSA1Ljk5NzA1IDEyLjMwNzEgNC42NjY2MkgxNC43Njg2Wk0xNS45OTk4IDUuNTgzMjlWNC4zNjEwOEMxNS45OTk4IDQuMTA2NDUgMTUuOTEwMSAzLjg5MDAyIDE1LjczMDYgMy43MTE3OEMxNS41NTExIDMuNTMzNTQgMTUuMzMzMiAzLjQ0NDQyIDE1LjA3NjggMy40NDQ0MkgxMi4zMDc2VjIuNTI3NzZDMTIuMzA3NiAyLjEwNzYzIDEyLjE1NjkgMS43NDc5NyAxMS44NTU2IDEuNDQ4NzhDMTEuNTU0NCAxLjE0OTU5IDExLjE5MjIgMSAxMC43NjkxIDFINS4yMzA3MkM0LjgwNzY0IDEgNC40NDU0NyAxLjE0OTU5IDQuMTQ0MTkgMS40NDg3OEMzLjg0MjkxIDEuNzQ3OTcgMy42OTIyNyAyLjEwNzYzIDMuNjkyMjcgMi41Mjc3NlYzLjQ0NDQySDAuOTIzMDY4QzAuNjY2NjU5IDMuNDQ0NDIgMC40NDg3MTQgMy41MzM1NCAwLjI2OTIyOCAzLjcxMTc4QzAuMDg5NzQxOCAzLjg5MDAyIDAgNC4xMDY0NSAwIDQuMzYxMDhWNS41ODMyOUMwIDYuMDM1MjUgMC4xMzMwMSA2LjQ5MDM5IDAuMzk5MDM0IDYuOTQ4NzJDMC42NjUwNTkgNy40MDcwNSAxLjAyNDAzIDcuODIwODIgMS40NzU5NSA4LjE5MDAzQzEuOTI3ODcgOC41NTkyNCAyLjQ4MjM0IDguODY5NTcgMy4xMzkzOSA5LjEyMTAxQzMuNzk2NDQgOS4zNzI0NiA0LjQ4NzEzIDkuNTE0MDkgNS4yMTE0OSA5LjU0NTkyQzUuNDgwNzEgOS44ODk2NyA1Ljc4NTIgMTAuMTkyIDYuMTI0OTQgMTAuNDUzQzYuMzY4NTMgMTAuNjY5NSA2LjUzNjc5IDEwLjkwMDIgNi42Mjk3NCAxMS4xNDUzQzYuNzIyNjkgMTEuMzkwNCA2Ljc2OTE2IDExLjY3NTIgNi43NjkxNiAxMS45OTk5QzYuNzY5MTYgMTIuMzQzNiA2LjY3MTQxIDEyLjYzMzMgNi40NzU5IDEyLjg2ODhDNi4yODAzOCAxMy4xMDQzIDUuOTY3ODkgMTMuMjIyMSA1LjUzODQxIDEzLjIyMjFDNS4wNTc2NCAxMy4yMjIxIDQuNjI5NzYgMTMuMzY2OSA0LjI1NDc2IDEzLjY1NjZDMy44Nzk3NyAxMy45NDYyIDMuNjkyMjcgMTQuMzEwNiAzLjY5MjI3IDE0Ljc0OTlWMTUuMzYxQzMuNjkyMjcgMTUuNDUwMSAzLjcyMTEyIDE1LjUyMzMgMy43Nzg4MSAxNS41ODA2QzMuODM2NSAxNS42Mzc5IDMuOTEwMjIgMTUuNjY2NSAzLjk5OTk2IDE1LjY2NjVIMTEuOTk5OUMxMi4wODk2IDE1LjY2NjUgMTIuMTYzMyAxNS42Mzc5IDEyLjIyMSAxNS41ODA2QzEyLjI3ODcgMTUuNTIzMyAxMi4zMDc2IDE1LjQ1MDEgMTIuMzA3NiAxNS4zNjFWMTQuNzQ5OUMxMi4zMDc2IDE0LjMxMDYgMTIuMTIwMSAxMy45NDYyIDExLjc0NTEgMTMuNjU2NkMxMS4zNzAxIDEzLjM2NjkgMTAuOTQyMiAxMy4yMjIxIDEwLjQ2MTQgMTMuMjIyMUMxMC4wMzE5IDEzLjIyMjEgOS43MTk0NSAxMy4xMDQzIDkuNTIzOTQgMTIuODY4OEM5LjMyODQzIDEyLjYzMzMgOS4yMzA2OCAxMi4zNDM2IDkuMjMwNjggMTEuOTk5OUM5LjIzMDY4IDExLjY3NTIgOS4yNzcxNSAxMS4zOTA0IDkuMzcwMSAxMS4xNDUzQzkuNDYzMDUgMTAuOTAwMiA5LjYzMTMxIDEwLjY2OTUgOS44NzQ5IDEwLjQ1M0MxMC4yMTQ2IDEwLjE5MiAxMC41MTkxIDkuODg5NjcgMTAuNzg4NCA5LjU0NTkyQzExLjUxMjcgOS41MTQwOSAxMi4yMDM0IDkuMzcyNDYgMTIuODYwNCA5LjEyMTAxQzEzLjUxNzUgOC44Njk1NyAxNC4wNzIgOC41NTkyNCAxNC41MjM5IDguMTkwMDNDMTQuOTc1OCA3LjgyMDgyIDE1LjMzNDggNy40MDcwNSAxNS42MDA4IDYuOTQ4NzJDMTUuODY2OCA2LjQ5MDM5IDE1Ljk5OTggNi4wMzUyNSAxNS45OTk4IDUuNTgzMjlaTTYuNzYwNDcgNy4xNzk4TDguMDUxMDkgNi40OTk5N0w5LjM0MTcgNy4xNzk4TDkuMDk1MjEgNS43Mzk4OUwxMC4xMzkzIDQuNzIwMTVMOC42OTYzOSA0LjUxMDA3TDguMDUxMDkgMy4yTDcuNDA1NzggNC41MTAwN0w1Ljk2MjgzIDQuNzIwMTVMNy4wMDY5NiA1LjczOTg5TDYuNzYwNDcgNy4xNzk4WiIgZmlsbD0iI0YyQzk0QyIvPgo8L2c+Cjwvc3ZnPgo=", qe = ({
|
|
162
162
|
avatar: e,
|
|
163
163
|
name: t,
|
|
164
164
|
points: n,
|
|
165
165
|
friendsRank: i,
|
|
166
166
|
rank: r,
|
|
167
|
-
streak:
|
|
167
|
+
streak: d,
|
|
168
168
|
correct: p,
|
|
169
|
-
incorrect:
|
|
170
|
-
inTop:
|
|
169
|
+
incorrect: l,
|
|
170
|
+
inTop: c,
|
|
171
171
|
successRate: I
|
|
172
172
|
}) => /* @__PURE__ */ m(mt, { children: [
|
|
173
173
|
/* @__PURE__ */ s(ht, { children: /* @__PURE__ */ m(ft, { children: [
|
|
@@ -179,7 +179,7 @@ const Xe = /* @__PURE__ */ o("div")({
|
|
|
179
179
|
/* @__PURE__ */ s(Mt, { children: t }),
|
|
180
180
|
/* @__PURE__ */ m(At, { children: [
|
|
181
181
|
/* @__PURE__ */ m(Tt, { children: [
|
|
182
|
-
/* @__PURE__ */ s(Nt, { alt: "rank-icon", src:
|
|
182
|
+
/* @__PURE__ */ s(Nt, { alt: "rank-icon", src: Ct }),
|
|
183
183
|
/* @__PURE__ */ m(yt, { children: [
|
|
184
184
|
Ue(n),
|
|
185
185
|
/* @__PURE__ */ s(Dt, { children: "PTS" })
|
|
@@ -188,7 +188,7 @@ const Xe = /* @__PURE__ */ o("div")({
|
|
|
188
188
|
/* @__PURE__ */ s(St, {}),
|
|
189
189
|
/* @__PURE__ */ m("div", { children: [
|
|
190
190
|
"TOP ",
|
|
191
|
-
|
|
191
|
+
c || 0,
|
|
192
192
|
"%"
|
|
193
193
|
] })
|
|
194
194
|
] })
|
|
@@ -200,22 +200,22 @@ const Xe = /* @__PURE__ */ o("div")({
|
|
|
200
200
|
/* @__PURE__ */ s(Ae, { indicator: r || 0, title: "Global rank" })
|
|
201
201
|
] }),
|
|
202
202
|
/* @__PURE__ */ m(xt, { children: [
|
|
203
|
-
/* @__PURE__ */ s(
|
|
204
|
-
/* @__PURE__ */ s(
|
|
205
|
-
/* @__PURE__ */ s(
|
|
206
|
-
/* @__PURE__ */ s(
|
|
203
|
+
/* @__PURE__ */ s(X, { indicator: d || 0, title: "Win streak" }),
|
|
204
|
+
/* @__PURE__ */ s(X, { indicator: p || 0, title: "Correct" }),
|
|
205
|
+
/* @__PURE__ */ s(X, { indicator: l || 0, title: "Incorrect" }),
|
|
206
|
+
/* @__PURE__ */ s(X, { indicator: `${I || 0}%`, title: "Succ. rate" })
|
|
207
207
|
] })
|
|
208
208
|
] })
|
|
209
|
-
] }),
|
|
209
|
+
] }), jt = /* @__PURE__ */ o("div")({
|
|
210
210
|
name: "SponsorLogoWrap",
|
|
211
211
|
class: "s8p5v5z",
|
|
212
212
|
propsAsIs: !1
|
|
213
|
-
}), kt = () =>
|
|
213
|
+
}), kt = () => C, wt = /* @__PURE__ */ o(kt())({
|
|
214
214
|
name: "SponsorLogo",
|
|
215
215
|
class: "s755yti",
|
|
216
216
|
propsAsIs: !0
|
|
217
|
-
}), Et = () => /* @__PURE__ */ s(
|
|
218
|
-
children: /* @__PURE__ */ s(
|
|
217
|
+
}), Et = () => /* @__PURE__ */ s(jt, {
|
|
218
|
+
children: /* @__PURE__ */ s(wt, {
|
|
219
219
|
name: "mastersLogo"
|
|
220
220
|
})
|
|
221
221
|
}), Lt = /* @__PURE__ */ o("div")({
|
|
@@ -231,22 +231,22 @@ const Xe = /* @__PURE__ */ o("div")({
|
|
|
231
231
|
class: "dlaj9xp",
|
|
232
232
|
propsAsIs: !1
|
|
233
233
|
}), Qt = ({ title: e, description: t }) => /* @__PURE__ */ m(Lt, { children: [
|
|
234
|
-
/* @__PURE__ */ s(
|
|
234
|
+
/* @__PURE__ */ s(C, { name: "icon-check-circle" }),
|
|
235
235
|
/* @__PURE__ */ s($t, { children: e }),
|
|
236
236
|
/* @__PURE__ */ s(Rt, { children: t })
|
|
237
237
|
] }), Ut = /* @__PURE__ */ o("div")({
|
|
238
238
|
name: "Container",
|
|
239
239
|
class: "c16sbdnm",
|
|
240
240
|
propsAsIs: !1
|
|
241
|
-
}), qt = () =>
|
|
241
|
+
}), qt = () => C, Pt = /* @__PURE__ */ o(qt())({
|
|
242
242
|
name: "IconPrediction",
|
|
243
243
|
class: "ibhorgl",
|
|
244
244
|
propsAsIs: !0
|
|
245
|
-
}),
|
|
245
|
+
}), H = /* @__PURE__ */ o("div")({
|
|
246
246
|
name: "FeedbackIconWrap",
|
|
247
247
|
class: "f1g20ja7",
|
|
248
248
|
propsAsIs: !1
|
|
249
|
-
}),
|
|
249
|
+
}), ee = /* @__PURE__ */ o("div")({
|
|
250
250
|
name: "FeedbackHeader",
|
|
251
251
|
class: "f455ozj",
|
|
252
252
|
propsAsIs: !1
|
|
@@ -258,7 +258,7 @@ const Xe = /* @__PURE__ */ o("div")({
|
|
|
258
258
|
name: "FeedbackDescription",
|
|
259
259
|
class: "fzfk69z",
|
|
260
260
|
propsAsIs: !1
|
|
261
|
-
}),
|
|
261
|
+
}), oe = /* @__PURE__ */ o("div")({
|
|
262
262
|
name: "FeedbackText",
|
|
263
263
|
class: "fx87qaj",
|
|
264
264
|
propsAsIs: !1
|
|
@@ -268,52 +268,53 @@ const Xe = /* @__PURE__ */ o("div")({
|
|
|
268
268
|
questionVoted: n,
|
|
269
269
|
questionType: i,
|
|
270
270
|
hasCorrectAnswer: r,
|
|
271
|
-
questionStatus:
|
|
271
|
+
questionStatus: d,
|
|
272
272
|
showExpiredNotification: p,
|
|
273
|
-
showClosedNotificationTrivia:
|
|
274
|
-
votedInCurrentRender:
|
|
273
|
+
showClosedNotificationTrivia: l,
|
|
274
|
+
votedInCurrentRender: c,
|
|
275
275
|
votedAfterQuestionClosed: I,
|
|
276
|
-
enteredAnActiveQuestion:
|
|
276
|
+
enteredAnActiveQuestion: M,
|
|
277
|
+
marketClosed: S
|
|
277
278
|
}) => {
|
|
278
|
-
const
|
|
279
|
-
if (!p && !
|
|
279
|
+
const g = n && (i === z.TRIVIA || i === z.PREDICTION) && c && d !== U.RESOLVED, N = i === z.PREDICTION && !r, y = S && i === z.PREDICTION && !n && !M || i === z.PREDICTION && I && c && M, a = g && N, h = g && r, u = i === z.PREDICTION && n && c && r, f = n && i === z.POLL && c;
|
|
280
|
+
if (!p && !l && !a && !h && !y && !f && !u)
|
|
280
281
|
return null;
|
|
281
|
-
const
|
|
282
|
-
return /* @__PURE__ */ m(Ut, { "data-isPrediction":
|
|
283
|
-
p && /* @__PURE__ */ m(
|
|
284
|
-
/* @__PURE__ */ s(
|
|
282
|
+
const v = t ? "correct" : "incorrect", T = t ? e == null ? void 0 : e.correctFeedback : e == null ? void 0 : e.incorrectFeedback;
|
|
283
|
+
return /* @__PURE__ */ m(Ut, { "data-isPrediction": N, children: [
|
|
284
|
+
p && /* @__PURE__ */ m(k, { children: [
|
|
285
|
+
/* @__PURE__ */ s(H, { children: /* @__PURE__ */ s(C, { name: "questionExpired" }) }),
|
|
285
286
|
/* @__PURE__ */ m("div", { children: [
|
|
286
|
-
/* @__PURE__ */ s(
|
|
287
|
-
/* @__PURE__ */ s(
|
|
287
|
+
/* @__PURE__ */ s(ee, { children: /* @__PURE__ */ s(Y, { children: "Question Expired" }) }),
|
|
288
|
+
/* @__PURE__ */ s(oe, { children: "You can still answer to see if you're correct, but no points are awarded for expired questions." })
|
|
288
289
|
] })
|
|
289
290
|
] }),
|
|
290
|
-
|
|
291
|
-
/* @__PURE__ */ s(
|
|
291
|
+
l && /* @__PURE__ */ m(k, { children: [
|
|
292
|
+
/* @__PURE__ */ s(H, { children: /* @__PURE__ */ s(C, { name: "questionExpired" }) }),
|
|
292
293
|
/* @__PURE__ */ m("div", { children: [
|
|
293
|
-
/* @__PURE__ */ s(
|
|
294
|
-
/* @__PURE__ */ s(
|
|
294
|
+
/* @__PURE__ */ s(ee, { children: /* @__PURE__ */ s(Y, { children: "Question Closed" }) }),
|
|
295
|
+
/* @__PURE__ */ s(oe, { children: "This question was answered after the moderator closed the question. So the points for this answer won’t tally." })
|
|
295
296
|
] })
|
|
296
297
|
] }),
|
|
297
|
-
|
|
298
|
-
/* @__PURE__ */ s(
|
|
298
|
+
y && /* @__PURE__ */ m(k, { children: [
|
|
299
|
+
/* @__PURE__ */ s(H, { children: /* @__PURE__ */ s(C, { name: "questionExpired" }) }),
|
|
299
300
|
/* @__PURE__ */ m("div", { children: [
|
|
300
|
-
/* @__PURE__ */ s(
|
|
301
|
-
/* @__PURE__ */ s(
|
|
301
|
+
/* @__PURE__ */ s(ee, { children: /* @__PURE__ */ s(Y, { children: "Question Closed" }) }),
|
|
302
|
+
/* @__PURE__ */ s(oe, { children: "This event has already taken place, so the ability to make a prediction on its outcome is no longer available." })
|
|
302
303
|
] })
|
|
303
304
|
] }),
|
|
304
|
-
|
|
305
|
+
a && /* @__PURE__ */ m(k, { children: [
|
|
305
306
|
/* @__PURE__ */ s(Pt, { name: "icon-prediction" }),
|
|
306
307
|
/* @__PURE__ */ s(Y, { children: "Stay tuned to see if your prediction was correct." })
|
|
307
308
|
] }),
|
|
308
|
-
|
|
309
|
-
/* @__PURE__ */ s(
|
|
309
|
+
f && /* @__PURE__ */ m(k, { children: [
|
|
310
|
+
/* @__PURE__ */ s(H, { "data-feedbackType": "correct", children: /* @__PURE__ */ s(C, { name: "correct" }) }),
|
|
310
311
|
/* @__PURE__ */ s(Y, { children: "That's for answering. Please stay tuned for the next question." })
|
|
311
312
|
] }),
|
|
312
|
-
|
|
313
|
-
/* @__PURE__ */ s(
|
|
314
|
-
/* @__PURE__ */ s("div", { children: /* @__PURE__ */ m(
|
|
315
|
-
/* @__PURE__ */ s(_t, { "data-feedbackType":
|
|
316
|
-
/* @__PURE__ */ s(Y, { children:
|
|
313
|
+
(h || u) && /* @__PURE__ */ m(k, { children: [
|
|
314
|
+
/* @__PURE__ */ s(H, { "data-feedbackType": v, children: /* @__PURE__ */ s(C, { name: v }) }),
|
|
315
|
+
/* @__PURE__ */ s("div", { children: /* @__PURE__ */ m(ee, { children: [
|
|
316
|
+
/* @__PURE__ */ s(_t, { "data-feedbackType": v, children: T == null ? void 0 : T.title }),
|
|
317
|
+
/* @__PURE__ */ s(Y, { children: T == null ? void 0 : T.description })
|
|
317
318
|
] }) })
|
|
318
319
|
] })
|
|
319
320
|
] });
|
|
@@ -377,16 +378,16 @@ const Xe = /* @__PURE__ */ o("div")({
|
|
|
377
378
|
name: "Percentage",
|
|
378
379
|
class: "p17ajcu2",
|
|
379
380
|
propsAsIs: !1
|
|
380
|
-
}), an = () =>
|
|
381
|
+
}), an = () => C, ln = /* @__PURE__ */ o(an())({
|
|
381
382
|
name: "CheckIcon",
|
|
382
383
|
class: "cu9kmlb",
|
|
383
384
|
propsAsIs: !0
|
|
384
385
|
}), Ne = {
|
|
385
|
-
[
|
|
386
|
-
[
|
|
387
|
-
[
|
|
388
|
-
[
|
|
389
|
-
[
|
|
386
|
+
[B.CENTERED]: (e) => /* @__PURE__ */ s(en, { alt: "option-icon", src: e }),
|
|
387
|
+
[B.TRANSPARENT]: (e) => /* @__PURE__ */ s(Jt, { children: /* @__PURE__ */ s(Kt, { style: { backgroundImage: `url(${e})` } }) }),
|
|
388
|
+
[B.ROUNDED]: (e) => /* @__PURE__ */ s(nn, { alt: "option-icon", src: e }),
|
|
389
|
+
[B.NONE]: () => null,
|
|
390
|
+
[B.UNSET]: () => null
|
|
390
391
|
}, cn = ({ questionType: e, hasCorrectAnswer: t, correct: n, youVoted: i, questionVoted: r }) => {
|
|
391
392
|
if (e === z.POLL && i)
|
|
392
393
|
return "correct";
|
|
@@ -403,71 +404,74 @@ const Xe = /* @__PURE__ */ o("div")({
|
|
|
403
404
|
correct: n,
|
|
404
405
|
hasCorrectAnswer: i,
|
|
405
406
|
questionStatus: r
|
|
406
|
-
}) => e === z.TRIVIA ? t && n : e === z.PREDICTION ? t && n && i || r ===
|
|
407
|
+
}) => e === z.TRIVIA ? t && n : e === z.PREDICTION ? t && n && i || r === U.RESOLVED && n : !1, un = (e) => {
|
|
407
408
|
var t;
|
|
408
409
|
const {
|
|
409
410
|
// option props
|
|
410
411
|
id: n,
|
|
411
412
|
icon: i,
|
|
412
413
|
text: r,
|
|
413
|
-
percentageDecimal:
|
|
414
|
+
percentageDecimal: d,
|
|
414
415
|
// extra props
|
|
415
416
|
onVote: p,
|
|
416
|
-
markThatVoted:
|
|
417
|
-
youSelected:
|
|
417
|
+
markThatVoted: l,
|
|
418
|
+
youSelected: c,
|
|
418
419
|
questionVoted: I,
|
|
419
420
|
// ToDo: Figure out why imageMode is not in the response, and delete default value
|
|
420
|
-
imageMode:
|
|
421
|
-
answerTimeExpired:
|
|
421
|
+
imageMode: M,
|
|
422
|
+
answerTimeExpired: S,
|
|
422
423
|
questionStatus: g,
|
|
423
|
-
isLoading:
|
|
424
|
-
questionType:
|
|
424
|
+
isLoading: N,
|
|
425
|
+
questionType: y,
|
|
425
426
|
correct: a,
|
|
426
|
-
hasCorrectAnswer:
|
|
427
|
-
votedAfterQuestionClosed:
|
|
428
|
-
enteredAnActiveQuestion: f
|
|
429
|
-
|
|
427
|
+
hasCorrectAnswer: h,
|
|
428
|
+
votedAfterQuestionClosed: u,
|
|
429
|
+
enteredAnActiveQuestion: f,
|
|
430
|
+
marketClosed: v
|
|
431
|
+
} = e, T = cn(e), A = dn({ questionType: y, questionVoted: I, correct: a, hasCorrectAnswer: h, questionStatus: g }), D = v && y === z.PREDICTION, O = I || D;
|
|
430
432
|
return /* @__PURE__ */ m(
|
|
431
433
|
Ht,
|
|
432
434
|
{
|
|
433
435
|
value: n,
|
|
434
|
-
"data-selected":
|
|
435
|
-
"data-answerState":
|
|
436
|
-
disabled: I ||
|
|
437
|
-
"data-isNotChecked": I && !
|
|
438
|
-
onClick: (
|
|
439
|
-
|
|
436
|
+
"data-selected": c,
|
|
437
|
+
"data-answerState": T,
|
|
438
|
+
disabled: I || N || S || D && !f || D && f && u,
|
|
439
|
+
"data-isNotChecked": I && !c && T !== "incorrect",
|
|
440
|
+
onClick: (j) => {
|
|
441
|
+
l(
|
|
442
|
+
y === z.PREDICTION ? v : g === U.RESOLVED
|
|
443
|
+
), p(j);
|
|
440
444
|
},
|
|
441
445
|
children: [
|
|
442
|
-
/* @__PURE__ */ s(Gt, { "data-answerState":
|
|
446
|
+
/* @__PURE__ */ s(Gt, { "data-answerState": T, style: { width: `${O ? d : 0}%` } }),
|
|
443
447
|
/* @__PURE__ */ m(Zt, { children: [
|
|
444
|
-
i &&
|
|
448
|
+
i && M && ((t = Ne[M]) == null ? void 0 : t.call(Ne, i)),
|
|
445
449
|
/* @__PURE__ */ s(sn, { children: r }),
|
|
446
|
-
|
|
447
|
-
|
|
448
|
-
/* @__PURE__ */ s(on, { children: /* @__PURE__ */ s(Le, { value:
|
|
450
|
+
O && /* @__PURE__ */ m(rn, { children: [
|
|
451
|
+
A && /* @__PURE__ */ s(ln, { name: "selected" }),
|
|
452
|
+
/* @__PURE__ */ s(on, { children: /* @__PURE__ */ s(Le, { value: d, suffix: "%" }) })
|
|
449
453
|
] })
|
|
450
454
|
] })
|
|
451
455
|
]
|
|
452
456
|
}
|
|
453
457
|
);
|
|
454
|
-
}, pn = [
|
|
458
|
+
}, pn = [q.PRIMARY_GREEN1, q.SECONDARY_RED1, q.SECONDARY_RED1, q.NEUTRALS_GRAY3], mn = [10, 10, 1, 0], hn = /* @__PURE__ */ o("div")({
|
|
455
459
|
name: "RemainingTime",
|
|
456
460
|
class: "r165427",
|
|
457
461
|
propsAsIs: !1
|
|
458
|
-
}), In =
|
|
462
|
+
}), In = q.SECONDARY_GREEN6, Te = q.SECONDARY_RED3, fn = q.NEUTRALS_GRAY3, gn = ({
|
|
459
463
|
isPlaying: e = !0,
|
|
460
464
|
duration: t = 30,
|
|
461
465
|
onTimerExpired: n
|
|
462
466
|
}) => {
|
|
463
|
-
const [i, r] =
|
|
464
|
-
remainingTime:
|
|
467
|
+
const [i, r] = E(t > 10 ? In : Te), d = ({
|
|
468
|
+
remainingTime: c
|
|
465
469
|
}) => /* @__PURE__ */ s(hn, {
|
|
466
|
-
children:
|
|
467
|
-
}), p =
|
|
470
|
+
children: c
|
|
471
|
+
}), p = P(() => {
|
|
468
472
|
n == null || n(), r(fn);
|
|
469
|
-
}, [n, r]),
|
|
470
|
-
|
|
473
|
+
}, [n, r]), l = P((c) => {
|
|
474
|
+
c === 10 && r(Te);
|
|
471
475
|
}, [r]);
|
|
472
476
|
return /* @__PURE__ */ s(Ke, {
|
|
473
477
|
isPlaying: e,
|
|
@@ -479,8 +483,8 @@ const Xe = /* @__PURE__ */ o("div")({
|
|
|
479
483
|
trailStrokeWidth: 2,
|
|
480
484
|
trailColor: i,
|
|
481
485
|
onComplete: p,
|
|
482
|
-
onUpdate:
|
|
483
|
-
children:
|
|
486
|
+
onUpdate: l,
|
|
487
|
+
children: d
|
|
484
488
|
});
|
|
485
489
|
}, vn = /* @__PURE__ */ o("div")({
|
|
486
490
|
name: "WinBarContainer",
|
|
@@ -494,7 +498,7 @@ const Xe = /* @__PURE__ */ o("div")({
|
|
|
494
498
|
name: "Title",
|
|
495
499
|
class: "t1l3ucjp",
|
|
496
500
|
propsAsIs: !1
|
|
497
|
-
}), Nn = () =>
|
|
501
|
+
}), Nn = () => C, Tn = /* @__PURE__ */ o(Nn())({
|
|
498
502
|
name: "WinIcon",
|
|
499
503
|
class: "wx7j799",
|
|
500
504
|
propsAsIs: !0
|
|
@@ -516,12 +520,12 @@ const Xe = /* @__PURE__ */ o("div")({
|
|
|
516
520
|
isPlayingTimer: n,
|
|
517
521
|
isTimer: i,
|
|
518
522
|
questionType: r,
|
|
519
|
-
timerDuration:
|
|
523
|
+
timerDuration: d,
|
|
520
524
|
onTimerExpired: p
|
|
521
525
|
}) => /* @__PURE__ */ m(vn, { children: [
|
|
522
526
|
/* @__PURE__ */ m(Mn, { children: [
|
|
523
527
|
e && /* @__PURE__ */ s(An, { children: e }),
|
|
524
|
-
t !== void 0 && r !== z.POLL && /* @__PURE__ */ m(
|
|
528
|
+
t !== void 0 && r !== z.POLL && /* @__PURE__ */ m(k, { children: [
|
|
525
529
|
/* @__PURE__ */ s(Tn, { name: "icon-trophy" }),
|
|
526
530
|
/* @__PURE__ */ m(yn, { children: [
|
|
527
531
|
/* @__PURE__ */ s(Dn, { children: /* @__PURE__ */ s(Le, { value: t }) }),
|
|
@@ -529,105 +533,107 @@ const Xe = /* @__PURE__ */ o("div")({
|
|
|
529
533
|
] })
|
|
530
534
|
] })
|
|
531
535
|
] }),
|
|
532
|
-
i && /* @__PURE__ */ s(gn, { isPlaying: n, onTimerExpired: p, duration:
|
|
536
|
+
i && /* @__PURE__ */ s(gn, { isPlaying: n, onTimerExpired: p, duration: d })
|
|
533
537
|
] }), xn = ({ openedQuestion: e, isLoading: t, vote: n, close: i }) => {
|
|
534
|
-
var r,
|
|
535
|
-
const p = e.subject,
|
|
536
|
-
|
|
537
|
-
|
|
538
|
+
var r, d;
|
|
539
|
+
const p = e.subject, l = e.type, c = e.status, I = (r = e.options) == null ? void 0 : r.options, M = e.marketClosed, [S, g] = E(!1), [N, y] = E(!1), [a, h] = E(!0), [u, f] = E(!1), [v, T] = E(""), A = e == null ? void 0 : e.id;
|
|
540
|
+
he(() => {
|
|
541
|
+
l === z.PREDICTION ? M && h(!1) : c === U.RESOLVED && h(!1);
|
|
538
542
|
}, []);
|
|
539
|
-
const
|
|
540
|
-
|
|
541
|
-
}, []),
|
|
543
|
+
const D = P((b) => {
|
|
544
|
+
y(b), g(!0);
|
|
545
|
+
}, []), O = P(
|
|
542
546
|
async (b) => {
|
|
543
|
-
if (
|
|
547
|
+
if (A) {
|
|
544
548
|
const Q = b.currentTarget.value;
|
|
545
|
-
|
|
549
|
+
T(Q), await n(A, Q);
|
|
546
550
|
}
|
|
547
551
|
},
|
|
548
|
-
[
|
|
549
|
-
),
|
|
550
|
-
|
|
551
|
-
}, [i]), x =
|
|
552
|
+
[A, T, n]
|
|
553
|
+
), j = P(() => {
|
|
554
|
+
f(!0), setTimeout(i, 3e3);
|
|
555
|
+
}, [i]), x = w(
|
|
552
556
|
() => e == null ? void 0 : e.answers.find((b) => b.youVoted === !0),
|
|
553
557
|
[e]
|
|
554
|
-
),
|
|
558
|
+
), L = w(
|
|
555
559
|
() => !!(e != null && e.answers.find((b) => b.correct === !0)),
|
|
556
560
|
[e]
|
|
557
|
-
), $ =
|
|
561
|
+
), $ = w(
|
|
558
562
|
() => e == null ? void 0 : e.answers.find((b) => b.correct === !0),
|
|
559
563
|
[e]
|
|
560
|
-
),
|
|
564
|
+
), ne = w(() => e ? e.answers.map((b) => {
|
|
561
565
|
var Q;
|
|
562
566
|
return {
|
|
563
567
|
...b,
|
|
564
568
|
questionVoted: !!x,
|
|
565
|
-
youSelected:
|
|
569
|
+
youSelected: v === b.id,
|
|
566
570
|
isLoading: t,
|
|
567
|
-
hasCorrectAnswer:
|
|
571
|
+
hasCorrectAnswer: L,
|
|
568
572
|
questionType: e.type,
|
|
569
|
-
answerTimeExpired:
|
|
570
|
-
questionStatus:
|
|
573
|
+
answerTimeExpired: u,
|
|
574
|
+
questionStatus: c,
|
|
571
575
|
imageMode: (Q = e.appearance) == null ? void 0 : Q.images,
|
|
572
|
-
onVote:
|
|
576
|
+
onVote: O
|
|
573
577
|
};
|
|
574
578
|
}) : [], [
|
|
575
|
-
|
|
576
|
-
|
|
579
|
+
L,
|
|
580
|
+
u,
|
|
577
581
|
t,
|
|
578
582
|
e,
|
|
579
583
|
x,
|
|
580
|
-
|
|
581
|
-
|
|
582
|
-
|
|
583
|
-
]),
|
|
584
|
-
if (!(R ||
|
|
585
|
-
return
|
|
586
|
-
}, [
|
|
587
|
-
return /* @__PURE__ */ s(
|
|
584
|
+
c,
|
|
585
|
+
O,
|
|
586
|
+
v
|
|
587
|
+
]), se = I && (I.case === "trivia" || I.case === "prediction") ? I.value : void 0, R = c === U.RESOLVED && l === z.TRIVIA && !x && !a, Z = l === z.TRIVIA && N && S && a, ie = w(() => {
|
|
588
|
+
if (!(R || u))
|
|
589
|
+
return c === U.RESOLVED ? 0 : x ? x.correct ? x.points : 0 : $ == null ? void 0 : $.points;
|
|
590
|
+
}, [u, x, $, c, R]), J = w(() => R || u ? "Time expired" : e.type === z.POLL ? "Time remaining" : x ? "You won" : "To win", [u, e.type, x, R]), W = x || R || Z || l === z.TRIVIA && c === U.RESOLVED && a;
|
|
591
|
+
return /* @__PURE__ */ s(me, { "data-question-header": "true", children: /* @__PURE__ */ s(Vt, { children: /* @__PURE__ */ m(Wt, { children: [
|
|
588
592
|
/* @__PURE__ */ s(
|
|
589
593
|
Yt,
|
|
590
594
|
{
|
|
591
|
-
feedbackMessages:
|
|
595
|
+
feedbackMessages: se,
|
|
592
596
|
questionVoted: !!x,
|
|
593
597
|
questionVotedCorrectly: x == null ? void 0 : x.correct,
|
|
594
|
-
questionType:
|
|
595
|
-
hasCorrectAnswer:
|
|
596
|
-
questionStatus:
|
|
598
|
+
questionType: l,
|
|
599
|
+
hasCorrectAnswer: L,
|
|
600
|
+
questionStatus: c,
|
|
597
601
|
showExpiredNotification: R,
|
|
598
|
-
showClosedNotificationTrivia:
|
|
599
|
-
votedInCurrentRender:
|
|
600
|
-
votedAfterQuestionClosed:
|
|
601
|
-
enteredAnActiveQuestion:
|
|
602
|
+
showClosedNotificationTrivia: Z,
|
|
603
|
+
votedInCurrentRender: S,
|
|
604
|
+
votedAfterQuestionClosed: N,
|
|
605
|
+
enteredAnActiveQuestion: a,
|
|
606
|
+
marketClosed: M
|
|
602
607
|
}
|
|
603
608
|
),
|
|
604
609
|
e.type !== z.PREDICTION && /* @__PURE__ */ s(
|
|
605
610
|
zn,
|
|
606
611
|
{
|
|
607
|
-
title:
|
|
608
|
-
points:
|
|
609
|
-
onTimerExpired:
|
|
612
|
+
title: J,
|
|
613
|
+
points: ie,
|
|
614
|
+
onTimerExpired: j,
|
|
610
615
|
questionType: e.type,
|
|
611
616
|
isTimer: !t,
|
|
612
617
|
isPlayingTimer: !x,
|
|
613
|
-
timerDuration:
|
|
618
|
+
timerDuration: W ? 0 : Number(((d = e == null ? void 0 : e.appearance) == null ? void 0 : d.autoHideInterval) || "30")
|
|
614
619
|
}
|
|
615
620
|
),
|
|
616
|
-
|
|
621
|
+
u ? /* @__PURE__ */ s(
|
|
617
622
|
Qt,
|
|
618
623
|
{
|
|
619
624
|
title: "More to come...",
|
|
620
625
|
description: "Watch for additional enhanced stream interactive experience."
|
|
621
626
|
}
|
|
622
|
-
) : /* @__PURE__ */ m(
|
|
627
|
+
) : /* @__PURE__ */ m(k, { children: [
|
|
623
628
|
/* @__PURE__ */ s(Ft, { "data-isPrediction": e.type === z.PREDICTION, children: p }),
|
|
624
|
-
/* @__PURE__ */ s(Bt, { children:
|
|
629
|
+
/* @__PURE__ */ s(Bt, { children: ne.map((b) => /* @__PURE__ */ s(
|
|
625
630
|
un,
|
|
626
631
|
{
|
|
627
632
|
...b,
|
|
628
|
-
markThatVoted:
|
|
629
|
-
votedAfterQuestionClosed:
|
|
630
|
-
enteredAnActiveQuestion:
|
|
633
|
+
markThatVoted: D,
|
|
634
|
+
votedAfterQuestionClosed: N,
|
|
635
|
+
enteredAnActiveQuestion: a,
|
|
636
|
+
marketClosed: M
|
|
631
637
|
},
|
|
632
638
|
b.id
|
|
633
639
|
)) })
|
|
@@ -641,11 +647,11 @@ const Xe = /* @__PURE__ */ o("div")({
|
|
|
641
647
|
name: "Content",
|
|
642
648
|
class: "c1px8nt6",
|
|
643
649
|
propsAsIs: !1
|
|
644
|
-
}),
|
|
650
|
+
}), Cn = /* @__PURE__ */ o("h3")({
|
|
645
651
|
name: "Title",
|
|
646
652
|
class: "t5et2jt",
|
|
647
653
|
propsAsIs: !1
|
|
648
|
-
}),
|
|
654
|
+
}), jn = /* @__PURE__ */ o("div")({
|
|
649
655
|
name: "Description",
|
|
650
656
|
class: "d1i2kpk2",
|
|
651
657
|
propsAsIs: !1
|
|
@@ -653,7 +659,7 @@ const Xe = /* @__PURE__ */ o("div")({
|
|
|
653
659
|
name: "DateWrap",
|
|
654
660
|
class: "dd3lh3p",
|
|
655
661
|
propsAsIs: !1
|
|
656
|
-
}),
|
|
662
|
+
}), wn = /* @__PURE__ */ o("img")({
|
|
657
663
|
name: "Image",
|
|
658
664
|
class: "i1gfjeu5",
|
|
659
665
|
propsAsIs: !1
|
|
@@ -664,28 +670,28 @@ const Xe = /* @__PURE__ */ o("div")({
|
|
|
664
670
|
isPickHistory: i,
|
|
665
671
|
instantView: r
|
|
666
672
|
}) => {
|
|
667
|
-
const
|
|
673
|
+
const d = w(() => {
|
|
668
674
|
if (e) {
|
|
669
|
-
const
|
|
670
|
-
if (
|
|
675
|
+
const l = new Date(e);
|
|
676
|
+
if (ge(l))
|
|
671
677
|
return {
|
|
672
|
-
date:
|
|
673
|
-
time:
|
|
678
|
+
date: Ie(l),
|
|
679
|
+
time: fe(l)
|
|
674
680
|
};
|
|
675
681
|
}
|
|
676
682
|
return null;
|
|
677
683
|
}, [e]), p = (r == null ? void 0 : r.image) || t;
|
|
678
684
|
return /* @__PURE__ */ m(On, { children: [
|
|
679
|
-
|
|
680
|
-
|
|
685
|
+
d && /* @__PURE__ */ m(kn, { children: [
|
|
686
|
+
d.date,
|
|
681
687
|
" · ",
|
|
682
|
-
|
|
688
|
+
d.time
|
|
683
689
|
] }),
|
|
684
690
|
(r == null ? void 0 : r.video) && /* @__PURE__ */ s(We, { source: r.video.url, poster: r.video.thumbnailUrl }),
|
|
685
|
-
p && !(r != null && r.video) && /* @__PURE__ */ s(
|
|
691
|
+
p && !(r != null && r.video) && /* @__PURE__ */ s(wn, { src: p }),
|
|
686
692
|
/* @__PURE__ */ m(bn, { children: [
|
|
687
|
-
/* @__PURE__ */ s(
|
|
688
|
-
!i && /* @__PURE__ */ s(
|
|
693
|
+
/* @__PURE__ */ s(Cn, { children: i ? n : r == null ? void 0 : r.heading }),
|
|
694
|
+
!i && /* @__PURE__ */ s(jn, { children: r == null ? void 0 : r.body })
|
|
689
695
|
] })
|
|
690
696
|
] });
|
|
691
697
|
}, En = /* @__PURE__ */ o("div")({
|
|
@@ -700,7 +706,7 @@ const Xe = /* @__PURE__ */ o("div")({
|
|
|
700
706
|
/* @__PURE__ */ s(_e, { instantView: e, ...t }),
|
|
701
707
|
(e == null ? void 0 : e.webLink) && /* @__PURE__ */ m(Ln, { href: e == null ? void 0 : e.webLink.url, target: "_blank", children: [
|
|
702
708
|
e == null ? void 0 : e.webLink.label,
|
|
703
|
-
/* @__PURE__ */ s(
|
|
709
|
+
/* @__PURE__ */ s(C, { name: "icon-external-link" })
|
|
704
710
|
] })
|
|
705
711
|
] }), Rn = /* @__PURE__ */ o("div")({
|
|
706
712
|
name: "Container",
|
|
@@ -715,13 +721,13 @@ const Xe = /* @__PURE__ */ o("div")({
|
|
|
715
721
|
class: "q111mmic",
|
|
716
722
|
propsAsIs: !1
|
|
717
723
|
}), qn = ({ created: e, ...t }) => {
|
|
718
|
-
const n =
|
|
724
|
+
const n = w(() => {
|
|
719
725
|
if (e) {
|
|
720
726
|
const i = new Date(e);
|
|
721
|
-
if (
|
|
727
|
+
if (ge(i))
|
|
722
728
|
return {
|
|
723
|
-
date:
|
|
724
|
-
time:
|
|
729
|
+
date: Ie(i),
|
|
730
|
+
time: fe(i)
|
|
725
731
|
};
|
|
726
732
|
}
|
|
727
733
|
return null;
|
|
@@ -733,7 +739,7 @@ const Xe = /* @__PURE__ */ o("div")({
|
|
|
733
739
|
n.time
|
|
734
740
|
] }),
|
|
735
741
|
t.title && /* @__PURE__ */ s(Un, { children: t.title }),
|
|
736
|
-
/* @__PURE__ */ s(
|
|
742
|
+
/* @__PURE__ */ s(we, { ...t })
|
|
737
743
|
] });
|
|
738
744
|
}, Pn = /* @__PURE__ */ o("div")({
|
|
739
745
|
name: "QuestionContainer",
|
|
@@ -769,7 +775,7 @@ const Xe = /* @__PURE__ */ o("div")({
|
|
|
769
775
|
gamification: e
|
|
770
776
|
}) => {
|
|
771
777
|
var t;
|
|
772
|
-
const n =
|
|
778
|
+
const n = _(e.openedQuestion.$store), i = _(e.openedQuestion.$extendedStore);
|
|
773
779
|
if (!n)
|
|
774
780
|
return null;
|
|
775
781
|
const r = n.type;
|
|
@@ -804,7 +810,7 @@ const Xe = /* @__PURE__ */ o("div")({
|
|
|
804
810
|
class: "tspsaas",
|
|
805
811
|
propsAsIs: !1
|
|
806
812
|
});
|
|
807
|
-
var
|
|
813
|
+
var G = /* @__PURE__ */ ((e) => (e.HOME = "home", e.LEADERBOARD = "leaderboard", e))(G || {});
|
|
808
814
|
const ye = ({ title: e, active: t, onClick: n }) => /* @__PURE__ */ s(Bn, { onClick: n, "data-selected": t, children: /* @__PURE__ */ s(Hn, { children: e }) }), Gn = ({ activePage: e = "home", toggleActivePage: t }) => /* @__PURE__ */ s(Wn, { children: /* @__PURE__ */ m(Fn, { "data-position": e === "home" ? "left" : "right", children: [
|
|
809
815
|
/* @__PURE__ */ s(ye, { title: "Home", active: e === "home", onClick: () => t(
|
|
810
816
|
"home"
|
|
@@ -822,28 +828,28 @@ const ye = ({ title: e, active: t, onClick: n }) => /* @__PURE__ */ s(Bn, { onCl
|
|
|
822
828
|
}
|
|
823
829
|
)
|
|
824
830
|
] }) });
|
|
825
|
-
function
|
|
826
|
-
return
|
|
831
|
+
function ue() {
|
|
832
|
+
return ue = Object.assign ? Object.assign.bind() : function(e) {
|
|
827
833
|
for (var t = 1; t < arguments.length; t++) {
|
|
828
834
|
var n = arguments[t];
|
|
829
835
|
for (var i in n)
|
|
830
836
|
Object.prototype.hasOwnProperty.call(n, i) && (e[i] = n[i]);
|
|
831
837
|
}
|
|
832
838
|
return e;
|
|
833
|
-
},
|
|
839
|
+
}, ue.apply(this, arguments);
|
|
834
840
|
}
|
|
835
841
|
function De(e) {
|
|
836
842
|
if (e === void 0)
|
|
837
843
|
throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
|
|
838
844
|
return e;
|
|
839
845
|
}
|
|
840
|
-
function
|
|
841
|
-
return
|
|
846
|
+
function pe(e, t) {
|
|
847
|
+
return pe = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(i, r) {
|
|
842
848
|
return i.__proto__ = r, i;
|
|
843
|
-
},
|
|
849
|
+
}, pe(e, t);
|
|
844
850
|
}
|
|
845
851
|
function Zn(e, t) {
|
|
846
|
-
e.prototype = Object.create(t.prototype), e.prototype.constructor = e,
|
|
852
|
+
e.prototype = Object.create(t.prototype), e.prototype.constructor = e, pe(e, t);
|
|
847
853
|
}
|
|
848
854
|
var Se = Number.isNaN || function(t) {
|
|
849
855
|
return typeof t == "number" && t !== t;
|
|
@@ -859,13 +865,13 @@ function Kn(e, t) {
|
|
|
859
865
|
return !1;
|
|
860
866
|
return !0;
|
|
861
867
|
}
|
|
862
|
-
function
|
|
868
|
+
function ae(e, t) {
|
|
863
869
|
t === void 0 && (t = Kn);
|
|
864
|
-
var n, i = [], r,
|
|
870
|
+
var n, i = [], r, d = !1;
|
|
865
871
|
function p() {
|
|
866
|
-
for (var
|
|
867
|
-
c
|
|
868
|
-
return
|
|
872
|
+
for (var l = [], c = 0; c < arguments.length; c++)
|
|
873
|
+
l[c] = arguments[c];
|
|
874
|
+
return d && n === this && t(l, i) || (r = e.apply(this, l), d = !0, n = this, i = l), r;
|
|
869
875
|
}
|
|
870
876
|
return p;
|
|
871
877
|
}
|
|
@@ -887,13 +893,13 @@ function es(e, t) {
|
|
|
887
893
|
};
|
|
888
894
|
return r;
|
|
889
895
|
}
|
|
890
|
-
var
|
|
896
|
+
var le = -1;
|
|
891
897
|
function Oe(e) {
|
|
892
|
-
if (e === void 0 && (e = !1),
|
|
898
|
+
if (e === void 0 && (e = !1), le === -1 || e) {
|
|
893
899
|
var t = document.createElement("div"), n = t.style;
|
|
894
|
-
n.width = "50px", n.height = "50px", n.overflow = "scroll", document.body.appendChild(t),
|
|
900
|
+
n.width = "50px", n.height = "50px", n.overflow = "scroll", document.body.appendChild(t), le = t.offsetWidth - t.clientWidth, document.body.removeChild(t);
|
|
895
901
|
}
|
|
896
|
-
return
|
|
902
|
+
return le;
|
|
897
903
|
}
|
|
898
904
|
var V = null;
|
|
899
905
|
function be(e) {
|
|
@@ -909,86 +915,86 @@ var ts = 150, ns = function(t, n) {
|
|
|
909
915
|
return t;
|
|
910
916
|
};
|
|
911
917
|
function ss(e) {
|
|
912
|
-
var t, n = e.getItemOffset, i = e.getEstimatedTotalSize, r = e.getItemSize,
|
|
913
|
-
return t = /* @__PURE__ */ function(
|
|
914
|
-
Zn(g,
|
|
915
|
-
function g(
|
|
918
|
+
var t, n = e.getItemOffset, i = e.getEstimatedTotalSize, r = e.getItemSize, d = e.getOffsetForIndexAndAlignment, p = e.getStartIndexForOffset, l = e.getStopIndexForStartIndex, c = e.initInstanceProps, I = e.shouldResetStyleCacheOnItemSizeChange, M = e.validateProps;
|
|
919
|
+
return t = /* @__PURE__ */ function(S) {
|
|
920
|
+
Zn(g, S);
|
|
921
|
+
function g(y) {
|
|
916
922
|
var a;
|
|
917
|
-
return a =
|
|
923
|
+
return a = S.call(this, y) || this, a._instanceProps = c(a.props, De(a)), a._outerRef = void 0, a._resetIsScrollingTimeoutId = null, a.state = {
|
|
918
924
|
instance: De(a),
|
|
919
925
|
isScrolling: !1,
|
|
920
926
|
scrollDirection: "forward",
|
|
921
927
|
scrollOffset: typeof a.props.initialScrollOffset == "number" ? a.props.initialScrollOffset : 0,
|
|
922
928
|
scrollUpdateWasRequested: !1
|
|
923
|
-
}, a._callOnItemsRendered = void 0, a._callOnItemsRendered =
|
|
929
|
+
}, a._callOnItemsRendered = void 0, a._callOnItemsRendered = ae(function(h, u, f, v) {
|
|
924
930
|
return a.props.onItemsRendered({
|
|
925
|
-
overscanStartIndex:
|
|
926
|
-
overscanStopIndex:
|
|
931
|
+
overscanStartIndex: h,
|
|
932
|
+
overscanStopIndex: u,
|
|
927
933
|
visibleStartIndex: f,
|
|
928
934
|
visibleStopIndex: v
|
|
929
935
|
});
|
|
930
|
-
}), a._callOnScroll = void 0, a._callOnScroll =
|
|
936
|
+
}), a._callOnScroll = void 0, a._callOnScroll = ae(function(h, u, f) {
|
|
931
937
|
return a.props.onScroll({
|
|
932
|
-
scrollDirection:
|
|
933
|
-
scrollOffset:
|
|
938
|
+
scrollDirection: h,
|
|
939
|
+
scrollOffset: u,
|
|
934
940
|
scrollUpdateWasRequested: f
|
|
935
941
|
});
|
|
936
|
-
}), a._getItemStyle = void 0, a._getItemStyle = function(
|
|
937
|
-
var
|
|
938
|
-
if (
|
|
939
|
-
|
|
942
|
+
}), a._getItemStyle = void 0, a._getItemStyle = function(h) {
|
|
943
|
+
var u = a.props, f = u.direction, v = u.itemSize, T = u.layout, A = a._getItemStyleCache(I && v, I && T, I && f), D;
|
|
944
|
+
if (A.hasOwnProperty(h))
|
|
945
|
+
D = A[h];
|
|
940
946
|
else {
|
|
941
|
-
var O = n(a.props,
|
|
942
|
-
|
|
947
|
+
var O = n(a.props, h, a._instanceProps), j = r(a.props, h, a._instanceProps), x = f === "horizontal" || T === "horizontal", L = f === "rtl", $ = x ? O : 0;
|
|
948
|
+
A[h] = D = {
|
|
943
949
|
position: "absolute",
|
|
944
|
-
left:
|
|
945
|
-
right:
|
|
946
|
-
top:
|
|
947
|
-
height:
|
|
948
|
-
width:
|
|
950
|
+
left: L ? void 0 : $,
|
|
951
|
+
right: L ? $ : void 0,
|
|
952
|
+
top: x ? 0 : O,
|
|
953
|
+
height: x ? "100%" : j,
|
|
954
|
+
width: x ? j : "100%"
|
|
949
955
|
};
|
|
950
956
|
}
|
|
951
|
-
return
|
|
952
|
-
}, a._getItemStyleCache = void 0, a._getItemStyleCache =
|
|
957
|
+
return D;
|
|
958
|
+
}, a._getItemStyleCache = void 0, a._getItemStyleCache = ae(function(h, u, f) {
|
|
953
959
|
return {};
|
|
954
|
-
}), a._onScrollHorizontal = function(
|
|
955
|
-
var
|
|
956
|
-
a.setState(function(
|
|
957
|
-
if (
|
|
960
|
+
}), a._onScrollHorizontal = function(h) {
|
|
961
|
+
var u = h.currentTarget, f = u.clientWidth, v = u.scrollLeft, T = u.scrollWidth;
|
|
962
|
+
a.setState(function(A) {
|
|
963
|
+
if (A.scrollOffset === v)
|
|
958
964
|
return null;
|
|
959
|
-
var
|
|
960
|
-
if (
|
|
965
|
+
var D = a.props.direction, O = v;
|
|
966
|
+
if (D === "rtl")
|
|
961
967
|
switch (be()) {
|
|
962
968
|
case "negative":
|
|
963
969
|
O = -v;
|
|
964
970
|
break;
|
|
965
971
|
case "positive-descending":
|
|
966
|
-
O =
|
|
972
|
+
O = T - f - v;
|
|
967
973
|
break;
|
|
968
974
|
}
|
|
969
|
-
return O = Math.max(0, Math.min(O,
|
|
975
|
+
return O = Math.max(0, Math.min(O, T - f)), {
|
|
970
976
|
isScrolling: !0,
|
|
971
|
-
scrollDirection:
|
|
977
|
+
scrollDirection: A.scrollOffset < v ? "forward" : "backward",
|
|
972
978
|
scrollOffset: O,
|
|
973
979
|
scrollUpdateWasRequested: !1
|
|
974
980
|
};
|
|
975
981
|
}, a._resetIsScrollingDebounced);
|
|
976
|
-
}, a._onScrollVertical = function(
|
|
977
|
-
var
|
|
978
|
-
a.setState(function(
|
|
979
|
-
if (
|
|
982
|
+
}, a._onScrollVertical = function(h) {
|
|
983
|
+
var u = h.currentTarget, f = u.clientHeight, v = u.scrollHeight, T = u.scrollTop;
|
|
984
|
+
a.setState(function(A) {
|
|
985
|
+
if (A.scrollOffset === T)
|
|
980
986
|
return null;
|
|
981
|
-
var
|
|
987
|
+
var D = Math.max(0, Math.min(T, v - f));
|
|
982
988
|
return {
|
|
983
989
|
isScrolling: !0,
|
|
984
|
-
scrollDirection:
|
|
985
|
-
scrollOffset:
|
|
990
|
+
scrollDirection: A.scrollOffset < D ? "forward" : "backward",
|
|
991
|
+
scrollOffset: D,
|
|
986
992
|
scrollUpdateWasRequested: !1
|
|
987
993
|
};
|
|
988
994
|
}, a._resetIsScrollingDebounced);
|
|
989
|
-
}, a._outerRefSetter = function(
|
|
990
|
-
var
|
|
991
|
-
a._outerRef =
|
|
995
|
+
}, a._outerRefSetter = function(h) {
|
|
996
|
+
var u = a.props.outerRef;
|
|
997
|
+
a._outerRef = h, typeof u == "function" ? u(h) : u != null && typeof u == "object" && u.hasOwnProperty("current") && (u.current = h);
|
|
992
998
|
}, a._resetIsScrollingDebounced = function() {
|
|
993
999
|
a._resetIsScrollingTimeoutId !== null && xe(a._resetIsScrollingTimeoutId), a._resetIsScrollingTimeoutId = es(a._resetIsScrolling, ts);
|
|
994
1000
|
}, a._resetIsScrolling = function() {
|
|
@@ -999,113 +1005,113 @@ function ss(e) {
|
|
|
999
1005
|
});
|
|
1000
1006
|
}, a;
|
|
1001
1007
|
}
|
|
1002
|
-
g.getDerivedStateFromProps = function(a,
|
|
1003
|
-
return is(a,
|
|
1008
|
+
g.getDerivedStateFromProps = function(a, h) {
|
|
1009
|
+
return is(a, h), M(a), null;
|
|
1004
1010
|
};
|
|
1005
|
-
var
|
|
1006
|
-
return
|
|
1007
|
-
a = Math.max(0, a), this.setState(function(
|
|
1008
|
-
return
|
|
1009
|
-
scrollDirection:
|
|
1011
|
+
var N = g.prototype;
|
|
1012
|
+
return N.scrollTo = function(a) {
|
|
1013
|
+
a = Math.max(0, a), this.setState(function(h) {
|
|
1014
|
+
return h.scrollOffset === a ? null : {
|
|
1015
|
+
scrollDirection: h.scrollOffset < a ? "forward" : "backward",
|
|
1010
1016
|
scrollOffset: a,
|
|
1011
1017
|
scrollUpdateWasRequested: !0
|
|
1012
1018
|
};
|
|
1013
1019
|
}, this._resetIsScrollingDebounced);
|
|
1014
|
-
},
|
|
1015
|
-
|
|
1016
|
-
var
|
|
1020
|
+
}, N.scrollToItem = function(a, h) {
|
|
1021
|
+
h === void 0 && (h = "auto");
|
|
1022
|
+
var u = this.props, f = u.itemCount, v = u.layout, T = this.state.scrollOffset;
|
|
1017
1023
|
a = Math.max(0, Math.min(a, f - 1));
|
|
1018
|
-
var
|
|
1024
|
+
var A = 0;
|
|
1019
1025
|
if (this._outerRef) {
|
|
1020
|
-
var
|
|
1021
|
-
v === "vertical" ?
|
|
1026
|
+
var D = this._outerRef;
|
|
1027
|
+
v === "vertical" ? A = D.scrollWidth > D.clientWidth ? Oe() : 0 : A = D.scrollHeight > D.clientHeight ? Oe() : 0;
|
|
1022
1028
|
}
|
|
1023
|
-
this.scrollTo(
|
|
1024
|
-
},
|
|
1025
|
-
var a = this.props,
|
|
1026
|
-
if (typeof
|
|
1029
|
+
this.scrollTo(d(this.props, a, h, T, this._instanceProps, A));
|
|
1030
|
+
}, N.componentDidMount = function() {
|
|
1031
|
+
var a = this.props, h = a.direction, u = a.initialScrollOffset, f = a.layout;
|
|
1032
|
+
if (typeof u == "number" && this._outerRef != null) {
|
|
1027
1033
|
var v = this._outerRef;
|
|
1028
|
-
|
|
1034
|
+
h === "horizontal" || f === "horizontal" ? v.scrollLeft = u : v.scrollTop = u;
|
|
1029
1035
|
}
|
|
1030
1036
|
this._callPropsCallbacks();
|
|
1031
|
-
},
|
|
1032
|
-
var a = this.props,
|
|
1033
|
-
if (
|
|
1034
|
-
var
|
|
1035
|
-
if (
|
|
1036
|
-
if (
|
|
1037
|
+
}, N.componentDidUpdate = function() {
|
|
1038
|
+
var a = this.props, h = a.direction, u = a.layout, f = this.state, v = f.scrollOffset, T = f.scrollUpdateWasRequested;
|
|
1039
|
+
if (T && this._outerRef != null) {
|
|
1040
|
+
var A = this._outerRef;
|
|
1041
|
+
if (h === "horizontal" || u === "horizontal")
|
|
1042
|
+
if (h === "rtl")
|
|
1037
1043
|
switch (be()) {
|
|
1038
1044
|
case "negative":
|
|
1039
|
-
|
|
1045
|
+
A.scrollLeft = -v;
|
|
1040
1046
|
break;
|
|
1041
1047
|
case "positive-ascending":
|
|
1042
|
-
|
|
1048
|
+
A.scrollLeft = v;
|
|
1043
1049
|
break;
|
|
1044
1050
|
default:
|
|
1045
|
-
var
|
|
1046
|
-
|
|
1051
|
+
var D = A.clientWidth, O = A.scrollWidth;
|
|
1052
|
+
A.scrollLeft = O - D - v;
|
|
1047
1053
|
break;
|
|
1048
1054
|
}
|
|
1049
1055
|
else
|
|
1050
|
-
|
|
1056
|
+
A.scrollLeft = v;
|
|
1051
1057
|
else
|
|
1052
|
-
|
|
1058
|
+
A.scrollTop = v;
|
|
1053
1059
|
}
|
|
1054
1060
|
this._callPropsCallbacks();
|
|
1055
|
-
},
|
|
1061
|
+
}, N.componentWillUnmount = function() {
|
|
1056
1062
|
this._resetIsScrollingTimeoutId !== null && xe(this._resetIsScrollingTimeoutId);
|
|
1057
|
-
},
|
|
1058
|
-
var a = this.props,
|
|
1063
|
+
}, N.render = function() {
|
|
1064
|
+
var a = this.props, h = a.children, u = a.className, f = a.direction, v = a.height, T = a.innerRef, A = a.innerElementType, D = a.innerTagName, O = a.itemCount, j = a.itemData, x = a.itemKey, L = x === void 0 ? ns : x, $ = a.layout, ne = a.outerElementType, se = a.outerTagName, R = a.style, Z = a.useIsScrolling, ie = a.width, J = this.state.isScrolling, W = f === "horizontal" || $ === "horizontal", b = W ? this._onScrollHorizontal : this._onScrollVertical, Q = this._getRangeToRender(), Ye = Q[0], Ve = Q[1], ve = [];
|
|
1059
1065
|
if (O > 0)
|
|
1060
|
-
for (var
|
|
1061
|
-
ve.push(
|
|
1062
|
-
data:
|
|
1063
|
-
key:
|
|
1064
|
-
index:
|
|
1065
|
-
isScrolling:
|
|
1066
|
-
style: this._getItemStyle(
|
|
1066
|
+
for (var F = Ye; F <= Ve; F++)
|
|
1067
|
+
ve.push(re(h, {
|
|
1068
|
+
data: j,
|
|
1069
|
+
key: L(F, j),
|
|
1070
|
+
index: F,
|
|
1071
|
+
isScrolling: Z ? J : void 0,
|
|
1072
|
+
style: this._getItemStyle(F)
|
|
1067
1073
|
}));
|
|
1068
1074
|
var Me = i(this.props, this._instanceProps);
|
|
1069
|
-
return
|
|
1070
|
-
className:
|
|
1071
|
-
onScroll:
|
|
1075
|
+
return re(ne || se || "div", {
|
|
1076
|
+
className: u,
|
|
1077
|
+
onScroll: b,
|
|
1072
1078
|
ref: this._outerRefSetter,
|
|
1073
|
-
style:
|
|
1079
|
+
style: ue({
|
|
1074
1080
|
position: "relative",
|
|
1075
1081
|
height: v,
|
|
1076
|
-
width:
|
|
1082
|
+
width: ie,
|
|
1077
1083
|
overflow: "auto",
|
|
1078
1084
|
WebkitOverflowScrolling: "touch",
|
|
1079
1085
|
willChange: "transform",
|
|
1080
1086
|
direction: f
|
|
1081
|
-
},
|
|
1082
|
-
},
|
|
1087
|
+
}, R)
|
|
1088
|
+
}, re(A || D || "div", {
|
|
1083
1089
|
children: ve,
|
|
1084
|
-
ref:
|
|
1090
|
+
ref: T,
|
|
1085
1091
|
style: {
|
|
1086
|
-
height:
|
|
1087
|
-
pointerEvents:
|
|
1088
|
-
width:
|
|
1092
|
+
height: W ? "100%" : Me,
|
|
1093
|
+
pointerEvents: J ? "none" : void 0,
|
|
1094
|
+
width: W ? Me : "100%"
|
|
1089
1095
|
}
|
|
1090
1096
|
}));
|
|
1091
|
-
},
|
|
1097
|
+
}, N._callPropsCallbacks = function() {
|
|
1092
1098
|
if (typeof this.props.onItemsRendered == "function") {
|
|
1093
1099
|
var a = this.props.itemCount;
|
|
1094
1100
|
if (a > 0) {
|
|
1095
|
-
var
|
|
1096
|
-
this._callOnItemsRendered(
|
|
1101
|
+
var h = this._getRangeToRender(), u = h[0], f = h[1], v = h[2], T = h[3];
|
|
1102
|
+
this._callOnItemsRendered(u, f, v, T);
|
|
1097
1103
|
}
|
|
1098
1104
|
}
|
|
1099
1105
|
if (typeof this.props.onScroll == "function") {
|
|
1100
|
-
var
|
|
1101
|
-
this._callOnScroll(
|
|
1106
|
+
var A = this.state, D = A.scrollDirection, O = A.scrollOffset, j = A.scrollUpdateWasRequested;
|
|
1107
|
+
this._callOnScroll(D, O, j);
|
|
1102
1108
|
}
|
|
1103
|
-
},
|
|
1104
|
-
var a = this.props,
|
|
1105
|
-
if (
|
|
1109
|
+
}, N._getRangeToRender = function() {
|
|
1110
|
+
var a = this.props, h = a.itemCount, u = a.overscanCount, f = this.state, v = f.isScrolling, T = f.scrollDirection, A = f.scrollOffset;
|
|
1111
|
+
if (h === 0)
|
|
1106
1112
|
return [0, 0, 0, 0];
|
|
1107
|
-
var
|
|
1108
|
-
return [Math.max(0,
|
|
1113
|
+
var D = p(this.props, A, this._instanceProps), O = l(this.props, D, A, this._instanceProps), j = !v || T === "backward" ? Math.max(1, u) : 1, x = !v || T === "forward" ? Math.max(1, u) : 1;
|
|
1114
|
+
return [Math.max(0, D - j), Math.max(0, Math.min(h - 1, O + x)), D, O];
|
|
1109
1115
|
}, g;
|
|
1110
1116
|
}(Ee), t.defaultProps = {
|
|
1111
1117
|
direction: "ltr",
|
|
@@ -1130,20 +1136,20 @@ var is = function(t, n) {
|
|
|
1130
1136
|
var n = t.itemCount, i = t.itemSize;
|
|
1131
1137
|
return i * n;
|
|
1132
1138
|
},
|
|
1133
|
-
getOffsetForIndexAndAlignment: function(t, n, i, r,
|
|
1134
|
-
var
|
|
1135
|
-
switch (i === "smart" && (r >=
|
|
1139
|
+
getOffsetForIndexAndAlignment: function(t, n, i, r, d, p) {
|
|
1140
|
+
var l = t.direction, c = t.height, I = t.itemCount, M = t.itemSize, S = t.layout, g = t.width, N = l === "horizontal" || S === "horizontal", y = N ? g : c, a = Math.max(0, I * M - y), h = Math.min(a, n * M), u = Math.max(0, n * M - y + M + p);
|
|
1141
|
+
switch (i === "smart" && (r >= u - y && r <= h + y ? i = "auto" : i = "center"), i) {
|
|
1136
1142
|
case "start":
|
|
1137
|
-
return d;
|
|
1138
|
-
case "end":
|
|
1139
1143
|
return h;
|
|
1144
|
+
case "end":
|
|
1145
|
+
return u;
|
|
1140
1146
|
case "center": {
|
|
1141
|
-
var f = Math.round(
|
|
1142
|
-
return f < Math.ceil(
|
|
1147
|
+
var f = Math.round(u + (h - u) / 2);
|
|
1148
|
+
return f < Math.ceil(y / 2) ? 0 : f > a + Math.floor(y / 2) ? a : f;
|
|
1143
1149
|
}
|
|
1144
1150
|
case "auto":
|
|
1145
1151
|
default:
|
|
1146
|
-
return r >=
|
|
1152
|
+
return r >= u && r <= h ? r : r < u ? u : h;
|
|
1147
1153
|
}
|
|
1148
1154
|
},
|
|
1149
1155
|
getStartIndexForOffset: function(t, n) {
|
|
@@ -1151,10 +1157,10 @@ var is = function(t, n) {
|
|
|
1151
1157
|
return Math.max(0, Math.min(i - 1, Math.floor(n / r)));
|
|
1152
1158
|
},
|
|
1153
1159
|
getStopIndexForStartIndex: function(t, n, i) {
|
|
1154
|
-
var r = t.direction,
|
|
1160
|
+
var r = t.direction, d = t.height, p = t.itemCount, l = t.itemSize, c = t.layout, I = t.width, M = r === "horizontal" || c === "horizontal", S = n * l, g = M ? I : d, N = Math.ceil((g + i - S) / l);
|
|
1155
1161
|
return Math.max(0, Math.min(
|
|
1156
1162
|
p - 1,
|
|
1157
|
-
n +
|
|
1163
|
+
n + N - 1
|
|
1158
1164
|
// -1 is because stop index is inclusive
|
|
1159
1165
|
));
|
|
1160
1166
|
},
|
|
@@ -1170,20 +1176,20 @@ function os(e) {
|
|
|
1170
1176
|
return !(i > n || r < t);
|
|
1171
1177
|
}
|
|
1172
1178
|
function as(e) {
|
|
1173
|
-
for (var t = e.isItemLoaded, n = e.itemCount, i = e.minimumBatchSize, r = e.startIndex,
|
|
1174
|
-
var
|
|
1175
|
-
|
|
1179
|
+
for (var t = e.isItemLoaded, n = e.itemCount, i = e.minimumBatchSize, r = e.startIndex, d = e.stopIndex, p = [], l = null, c = null, I = r; I <= d; I++) {
|
|
1180
|
+
var M = t(I);
|
|
1181
|
+
M ? c !== null && (p.push(l, c), l = c = null) : (c = I, l === null && (l = I));
|
|
1176
1182
|
}
|
|
1177
|
-
if (
|
|
1178
|
-
for (var
|
|
1179
|
-
|
|
1180
|
-
p.push(
|
|
1183
|
+
if (c !== null) {
|
|
1184
|
+
for (var S = Math.min(Math.max(c, l + i - 1), n - 1), g = c + 1; g <= S && !t(g); g++)
|
|
1185
|
+
c = g;
|
|
1186
|
+
p.push(l, c);
|
|
1181
1187
|
}
|
|
1182
1188
|
if (p.length)
|
|
1183
1189
|
for (; p[1] - p[0] + 1 < i && p[0] > 0; ) {
|
|
1184
|
-
var
|
|
1185
|
-
if (!t(
|
|
1186
|
-
p[0] =
|
|
1190
|
+
var N = p[0] - 1;
|
|
1191
|
+
if (!t(N))
|
|
1192
|
+
p[0] = N;
|
|
1187
1193
|
else
|
|
1188
1194
|
break;
|
|
1189
1195
|
}
|
|
@@ -1213,23 +1219,23 @@ var ls = function(e, t) {
|
|
|
1213
1219
|
configurable: !0
|
|
1214
1220
|
}
|
|
1215
1221
|
}), t && (Object.setPrototypeOf ? Object.setPrototypeOf(e, t) : e.__proto__ = t);
|
|
1216
|
-
},
|
|
1222
|
+
}, Ce = function(e, t) {
|
|
1217
1223
|
if (!e)
|
|
1218
1224
|
throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
|
|
1219
1225
|
return t && (typeof t == "object" || typeof t == "function") ? t : e;
|
|
1220
1226
|
}, us = function(e) {
|
|
1221
1227
|
ds(t, e);
|
|
1222
1228
|
function t() {
|
|
1223
|
-
var n, i, r,
|
|
1229
|
+
var n, i, r, d;
|
|
1224
1230
|
ls(this, t);
|
|
1225
|
-
for (var p = arguments.length,
|
|
1226
|
-
c
|
|
1227
|
-
return
|
|
1228
|
-
var
|
|
1229
|
-
r._lastRenderedStartIndex =
|
|
1231
|
+
for (var p = arguments.length, l = Array(p), c = 0; c < p; c++)
|
|
1232
|
+
l[c] = arguments[c];
|
|
1233
|
+
return d = (i = (r = Ce(this, (n = t.__proto__ || Object.getPrototypeOf(t)).call.apply(n, [this].concat(l))), r), r._lastRenderedStartIndex = -1, r._lastRenderedStopIndex = -1, r._memoizedUnloadedRanges = [], r._onItemsRendered = function(I) {
|
|
1234
|
+
var M = I.visibleStartIndex, S = I.visibleStopIndex;
|
|
1235
|
+
r._lastRenderedStartIndex = M, r._lastRenderedStopIndex = S, r._ensureRowsLoaded(M, S);
|
|
1230
1236
|
}, r._setRef = function(I) {
|
|
1231
1237
|
r._listRef = I;
|
|
1232
|
-
}, i),
|
|
1238
|
+
}, i), Ce(r, d);
|
|
1233
1239
|
}
|
|
1234
1240
|
return cs(t, [{
|
|
1235
1241
|
key: "resetloadMoreItemsCache",
|
|
@@ -1253,36 +1259,36 @@ var ls = function(e, t) {
|
|
|
1253
1259
|
}, {
|
|
1254
1260
|
key: "_ensureRowsLoaded",
|
|
1255
1261
|
value: function(i, r) {
|
|
1256
|
-
var
|
|
1262
|
+
var d = this.props, p = d.isItemLoaded, l = d.itemCount, c = d.minimumBatchSize, I = c === void 0 ? 10 : c, M = d.threshold, S = M === void 0 ? 15 : M, g = as({
|
|
1257
1263
|
isItemLoaded: p,
|
|
1258
|
-
itemCount:
|
|
1264
|
+
itemCount: l,
|
|
1259
1265
|
minimumBatchSize: I,
|
|
1260
|
-
startIndex: Math.max(0, i -
|
|
1261
|
-
stopIndex: Math.min(
|
|
1266
|
+
startIndex: Math.max(0, i - S),
|
|
1267
|
+
stopIndex: Math.min(l - 1, r + S)
|
|
1262
1268
|
});
|
|
1263
|
-
(this._memoizedUnloadedRanges.length !== g.length || this._memoizedUnloadedRanges.some(function(
|
|
1264
|
-
return g[
|
|
1269
|
+
(this._memoizedUnloadedRanges.length !== g.length || this._memoizedUnloadedRanges.some(function(N, y) {
|
|
1270
|
+
return g[y] !== N;
|
|
1265
1271
|
})) && (this._memoizedUnloadedRanges = g, this._loadUnloadedRanges(g));
|
|
1266
1272
|
}
|
|
1267
1273
|
}, {
|
|
1268
1274
|
key: "_loadUnloadedRanges",
|
|
1269
1275
|
value: function(i) {
|
|
1270
|
-
for (var r = this,
|
|
1271
|
-
var
|
|
1276
|
+
for (var r = this, d = this.props.loadMoreItems || this.props.loadMoreRows, p = function(I) {
|
|
1277
|
+
var M = i[I], S = i[I + 1], g = d(M, S);
|
|
1272
1278
|
g != null && g.then(function() {
|
|
1273
1279
|
if (os({
|
|
1274
1280
|
lastRenderedStartIndex: r._lastRenderedStartIndex,
|
|
1275
1281
|
lastRenderedStopIndex: r._lastRenderedStopIndex,
|
|
1276
|
-
startIndex:
|
|
1277
|
-
stopIndex:
|
|
1282
|
+
startIndex: M,
|
|
1283
|
+
stopIndex: S
|
|
1278
1284
|
})) {
|
|
1279
1285
|
if (r._listRef == null)
|
|
1280
1286
|
return;
|
|
1281
|
-
typeof r._listRef.resetAfterIndex == "function" ? r._listRef.resetAfterIndex(
|
|
1287
|
+
typeof r._listRef.resetAfterIndex == "function" ? r._listRef.resetAfterIndex(M, !0) : (typeof r._listRef._getItemStyleCache == "function" && r._listRef._getItemStyleCache(-1), r._listRef.forceUpdate());
|
|
1282
1288
|
}
|
|
1283
1289
|
});
|
|
1284
|
-
},
|
|
1285
|
-
p(
|
|
1290
|
+
}, l = 0; l < i.length; l += 2)
|
|
1291
|
+
p(l);
|
|
1286
1292
|
}
|
|
1287
1293
|
}]), t;
|
|
1288
1294
|
}(Ee);
|
|
@@ -1314,7 +1320,7 @@ const ps = /* @__PURE__ */ o("div")({
|
|
|
1314
1320
|
name: "Name",
|
|
1315
1321
|
class: "njsrqgr",
|
|
1316
1322
|
propsAsIs: !1
|
|
1317
|
-
}), Ms = () =>
|
|
1323
|
+
}), Ms = () => C, As = /* @__PURE__ */ o(Ms())({
|
|
1318
1324
|
name: "CurrentUserBadge",
|
|
1319
1325
|
class: "c17uc4zr",
|
|
1320
1326
|
propsAsIs: !0
|
|
@@ -1324,9 +1330,9 @@ const ps = /* @__PURE__ */ o("div")({
|
|
|
1324
1330
|
name: n,
|
|
1325
1331
|
points: i,
|
|
1326
1332
|
isCurrentUser: r,
|
|
1327
|
-
openItemDetail:
|
|
1333
|
+
openItemDetail: d,
|
|
1328
1334
|
style: p
|
|
1329
|
-
}) => /* @__PURE__ */ m(ps, { onClick:
|
|
1335
|
+
}) => /* @__PURE__ */ m(ps, { onClick: d, style: p, children: [
|
|
1330
1336
|
/* @__PURE__ */ s(ms, { children: e || 0 }),
|
|
1331
1337
|
/* @__PURE__ */ m(fs, { children: [
|
|
1332
1338
|
t ? /* @__PURE__ */ s(hs, { alt: "leaderboard-item-avatar", src: t }) : /* @__PURE__ */ s(Is, { children: Qe(n || "") }),
|
|
@@ -1346,26 +1352,26 @@ const ps = /* @__PURE__ */ o("div")({
|
|
|
1346
1352
|
openItemDetail: n,
|
|
1347
1353
|
fetchMore: i,
|
|
1348
1354
|
onScroll: r
|
|
1349
|
-
}) => /* @__PURE__ */ s(Fe, { children: ({ width:
|
|
1355
|
+
}) => /* @__PURE__ */ s(Fe, { children: ({ width: d, height: p }) => /* @__PURE__ */ s(
|
|
1350
1356
|
us,
|
|
1351
1357
|
{
|
|
1352
|
-
isItemLoaded: (
|
|
1358
|
+
isItemLoaded: (l) => l < e.length,
|
|
1353
1359
|
itemCount: e.length + 1,
|
|
1354
1360
|
loadMoreItems: i,
|
|
1355
|
-
children: ({ onItemsRendered:
|
|
1361
|
+
children: ({ onItemsRendered: l, ref: c }) => /* @__PURE__ */ s(Ts, { children: /* @__PURE__ */ s(
|
|
1356
1362
|
rs,
|
|
1357
1363
|
{
|
|
1358
1364
|
itemSize: 56,
|
|
1359
1365
|
onScroll: r,
|
|
1360
|
-
onItemsRendered:
|
|
1361
|
-
ref:
|
|
1366
|
+
onItemsRendered: l,
|
|
1367
|
+
ref: c,
|
|
1362
1368
|
itemCount: e.length,
|
|
1363
|
-
width:
|
|
1369
|
+
width: d,
|
|
1364
1370
|
height: p,
|
|
1365
|
-
children: ({ index: I, style:
|
|
1371
|
+
children: ({ index: I, style: M }) => /* @__PURE__ */ s(
|
|
1366
1372
|
Ns,
|
|
1367
1373
|
{
|
|
1368
|
-
style: { ...
|
|
1374
|
+
style: { ...M, maxHeight: 48 },
|
|
1369
1375
|
...e[I],
|
|
1370
1376
|
openItemDetail: () => n(e[I].userId),
|
|
1371
1377
|
isCurrentUser: !!t && t === e[I].userId
|
|
@@ -1376,7 +1382,7 @@ const ps = /* @__PURE__ */ o("div")({
|
|
|
1376
1382
|
) })
|
|
1377
1383
|
}
|
|
1378
1384
|
) }), Ds = ({ deepLink: e }) => {
|
|
1379
|
-
const { data: t } =
|
|
1385
|
+
const { data: t } = _(e.$store), n = t == null ? void 0 : t.url, i = e.desktopLink;
|
|
1380
1386
|
return /* @__PURE__ */ s(
|
|
1381
1387
|
Be,
|
|
1382
1388
|
{
|
|
@@ -1398,9 +1404,9 @@ const ps = /* @__PURE__ */ o("div")({
|
|
|
1398
1404
|
}
|
|
1399
1405
|
);
|
|
1400
1406
|
}, Ss = ({ gamification: e, hideTabs: t }) => {
|
|
1401
|
-
const { data: n } =
|
|
1402
|
-
$e((
|
|
1403
|
-
Math.abs(i.current -
|
|
1407
|
+
const { data: n } = _(e.leaderboardList.$store), i = de(0), r = P(
|
|
1408
|
+
$e((d) => {
|
|
1409
|
+
Math.abs(i.current - d.scrollOffset) < 112 || (i.current = d.scrollOffset, t(d.scrollOffset !== 0 && d.scrollDirection === "forward"));
|
|
1404
1410
|
}, 200),
|
|
1405
1411
|
[t]
|
|
1406
1412
|
);
|
|
@@ -1430,15 +1436,15 @@ const ps = /* @__PURE__ */ o("div")({
|
|
|
1430
1436
|
name: "QuestionAction",
|
|
1431
1437
|
class: "q105uluy",
|
|
1432
1438
|
propsAsIs: !1
|
|
1433
|
-
}),
|
|
1439
|
+
}), Cs = () => C, te = /* @__PURE__ */ o(Cs())({
|
|
1434
1440
|
name: "QuestionActionIcon",
|
|
1435
1441
|
class: "q1fa0b9h",
|
|
1436
1442
|
propsAsIs: !0
|
|
1437
|
-
}),
|
|
1443
|
+
}), js = () => C, ks = /* @__PURE__ */ o(js())({
|
|
1438
1444
|
name: "QuestionTypeIcon",
|
|
1439
1445
|
class: "qxlt78s",
|
|
1440
1446
|
propsAsIs: !0
|
|
1441
|
-
}),
|
|
1447
|
+
}), ws = /* @__PURE__ */ o("div")({
|
|
1442
1448
|
name: "QuestionTypeLabel",
|
|
1443
1449
|
class: "qmg0vkx",
|
|
1444
1450
|
propsAsIs: !1
|
|
@@ -1451,21 +1457,21 @@ const ps = /* @__PURE__ */ o("div")({
|
|
|
1451
1457
|
class: "p1pba9p1",
|
|
1452
1458
|
propsAsIs: !1
|
|
1453
1459
|
}), $s = {
|
|
1454
|
-
[
|
|
1455
|
-
[
|
|
1456
|
-
[
|
|
1457
|
-
[
|
|
1460
|
+
[K.LOST]: /* @__PURE__ */ s(te, { name: "incorrectVoted" }),
|
|
1461
|
+
[K.WON]: /* @__PURE__ */ s(te, { name: "icon-check" }),
|
|
1462
|
+
[K.UNSET]: /* @__PURE__ */ s(te, { name: "icon-arrow" }),
|
|
1463
|
+
[K.DNP]: /* @__PURE__ */ s(te, { name: "icon-arrow" })
|
|
1458
1464
|
}, Rs = ({
|
|
1459
1465
|
questionId: e,
|
|
1460
1466
|
questionType: t,
|
|
1461
1467
|
questionStatus: n,
|
|
1462
1468
|
subject: i,
|
|
1463
1469
|
openForVoting: r,
|
|
1464
|
-
openQuestion:
|
|
1470
|
+
openQuestion: d,
|
|
1465
1471
|
status: p
|
|
1466
1472
|
}) => {
|
|
1467
|
-
const
|
|
1468
|
-
return
|
|
1473
|
+
const l = ke[t], c = $s[p];
|
|
1474
|
+
return l ? /* @__PURE__ */ m(zs, { onClick: () => d == null ? void 0 : d(e), children: [
|
|
1469
1475
|
/* @__PURE__ */ m(Es, { children: [
|
|
1470
1476
|
/* @__PURE__ */ m(xs, { children: [
|
|
1471
1477
|
/* @__PURE__ */ s(
|
|
@@ -1473,17 +1479,17 @@ const ps = /* @__PURE__ */ o("div")({
|
|
|
1473
1479
|
{
|
|
1474
1480
|
"data-type-trivia": t === z.TRIVIA,
|
|
1475
1481
|
"data-type-poll": t === z.POLL,
|
|
1476
|
-
name:
|
|
1482
|
+
name: l.iconName
|
|
1477
1483
|
}
|
|
1478
1484
|
),
|
|
1479
|
-
/* @__PURE__ */ m(
|
|
1480
|
-
|
|
1481
|
-
t === z.TRIVIA && n ===
|
|
1485
|
+
/* @__PURE__ */ m(ws, { children: [
|
|
1486
|
+
l.label,
|
|
1487
|
+
t === z.TRIVIA && n === U.RESOLVED && " • Expired"
|
|
1482
1488
|
] })
|
|
1483
1489
|
] }),
|
|
1484
1490
|
/* @__PURE__ */ s(Os, { children: i || "" })
|
|
1485
1491
|
] }),
|
|
1486
|
-
/* @__PURE__ */ s(bs, { children: r ? /* @__PURE__ */ s(Ls, { children: "Play" }) :
|
|
1492
|
+
/* @__PURE__ */ s(bs, { children: r ? /* @__PURE__ */ s(Ls, { children: "Play" }) : c })
|
|
1487
1493
|
] }) : null;
|
|
1488
1494
|
}, Qs = /* @__PURE__ */ o("div")({
|
|
1489
1495
|
name: "Container",
|
|
@@ -1521,13 +1527,13 @@ const ps = /* @__PURE__ */ o("div")({
|
|
|
1521
1527
|
created: t,
|
|
1522
1528
|
...n
|
|
1523
1529
|
}) => {
|
|
1524
|
-
const i =
|
|
1530
|
+
const i = w(() => {
|
|
1525
1531
|
if (t) {
|
|
1526
1532
|
const r = new Date(t);
|
|
1527
|
-
if (
|
|
1533
|
+
if (ge(r))
|
|
1528
1534
|
return {
|
|
1529
|
-
date:
|
|
1530
|
-
time:
|
|
1535
|
+
date: Ie(r),
|
|
1536
|
+
time: fe(r)
|
|
1531
1537
|
};
|
|
1532
1538
|
}
|
|
1533
1539
|
return null;
|
|
@@ -1539,7 +1545,7 @@ const ps = /* @__PURE__ */ o("div")({
|
|
|
1539
1545
|
i.time
|
|
1540
1546
|
] }),
|
|
1541
1547
|
n.title && /* @__PURE__ */ s(Ws, { children: n.title }),
|
|
1542
|
-
/* @__PURE__ */ s(
|
|
1548
|
+
/* @__PURE__ */ s(we, { ...n }),
|
|
1543
1549
|
e && /* @__PURE__ */ s(Ys, { onClick: () => e(n.tweetId), children: "View Insight" })
|
|
1544
1550
|
] });
|
|
1545
1551
|
}, Bs = /* @__PURE__ */ o("div")({
|
|
@@ -1547,29 +1553,29 @@ const ps = /* @__PURE__ */ o("div")({
|
|
|
1547
1553
|
class: "qvghv3l",
|
|
1548
1554
|
propsAsIs: !1
|
|
1549
1555
|
}), Hs = ({ questions: e, openQuestion: t }) => /* @__PURE__ */ s(Bs, { children: e == null ? void 0 : e.map((n) => {
|
|
1550
|
-
var i, r,
|
|
1556
|
+
var i, r, d;
|
|
1551
1557
|
if (n.type === "question" && ((i = n.attributes) == null ? void 0 : i.attributes.case) === "question") {
|
|
1552
1558
|
const p = n.attributes.attributes.value;
|
|
1553
1559
|
return /* @__PURE__ */ s(Rs, { openQuestion: t, ...p }, p.questionId);
|
|
1554
1560
|
}
|
|
1555
1561
|
if (n.type === "insight" && ((r = n.attributes) == null ? void 0 : r.attributes.case) === "insight") {
|
|
1556
|
-
const p = n.attributes.attributes.value,
|
|
1557
|
-
return /* @__PURE__ */ s(qs, { openInsight: t, ...p, created:
|
|
1562
|
+
const p = n.attributes.attributes.value, l = n.attributes.created;
|
|
1563
|
+
return /* @__PURE__ */ s(qs, { openInsight: t, ...p, created: l }, p.questionId);
|
|
1558
1564
|
}
|
|
1559
|
-
if (n.type === "tweet" && ((
|
|
1560
|
-
const p = n.attributes.attributes.value,
|
|
1561
|
-
return /* @__PURE__ */ s(Fs, { openTweet: t, ...p, tweetId:
|
|
1565
|
+
if (n.type === "tweet" && ((d = n.attributes) == null ? void 0 : d.attributes.case) === "tweet") {
|
|
1566
|
+
const p = n.attributes.attributes.value, l = n.attributes.id, c = n.attributes.created;
|
|
1567
|
+
return /* @__PURE__ */ s(Fs, { openTweet: t, ...p, tweetId: l, created: c }, l);
|
|
1562
1568
|
}
|
|
1563
1569
|
return null;
|
|
1564
1570
|
}) }), Gs = ({ store: e, openQuestion: t }) => {
|
|
1565
|
-
const n =
|
|
1571
|
+
const n = _(e);
|
|
1566
1572
|
return n != null && n.data ? /* @__PURE__ */ s(Hs, { openQuestion: t, questions: n.data }) : /* @__PURE__ */ s("div", { children: "wait questions..." });
|
|
1567
1573
|
}, Zs = ({ userSummary: e }) => {
|
|
1568
1574
|
var t;
|
|
1569
|
-
const [n, i] =
|
|
1570
|
-
return
|
|
1571
|
-
const r = e.subscribe((
|
|
1572
|
-
|
|
1575
|
+
const [n, i] = E(void 0);
|
|
1576
|
+
return he(() => {
|
|
1577
|
+
const r = e.subscribe((d) => {
|
|
1578
|
+
d != null && d.data && i(d.data);
|
|
1573
1579
|
});
|
|
1574
1580
|
return () => {
|
|
1575
1581
|
r();
|
|
@@ -1578,40 +1584,40 @@ const ps = /* @__PURE__ */ o("div")({
|
|
|
1578
1584
|
}, Js = ({
|
|
1579
1585
|
gamification: e
|
|
1580
1586
|
}) => {
|
|
1581
|
-
const [t, n] =
|
|
1582
|
-
|
|
1583
|
-
},
|
|
1584
|
-
|
|
1585
|
-
},
|
|
1586
|
-
const g =
|
|
1587
|
+
const [t, n] = E(!1), [i, r] = E(G.HOME), d = de(null), p = de(0), [l, c] = Je(), I = (g) => {
|
|
1588
|
+
c(() => r(g));
|
|
1589
|
+
}, M = (g) => {
|
|
1590
|
+
c(() => n(g));
|
|
1591
|
+
}, S = P($e(() => {
|
|
1592
|
+
const g = d.current;
|
|
1587
1593
|
if (!g)
|
|
1588
1594
|
return;
|
|
1589
1595
|
const {
|
|
1590
|
-
scrollTop:
|
|
1596
|
+
scrollTop: N
|
|
1591
1597
|
} = g;
|
|
1592
|
-
if (
|
|
1593
|
-
p.current = 0,
|
|
1598
|
+
if (N === 0) {
|
|
1599
|
+
p.current = 0, M(!1);
|
|
1594
1600
|
return;
|
|
1595
1601
|
}
|
|
1596
|
-
if (Math.abs(p.current -
|
|
1602
|
+
if (Math.abs(p.current - N) < 112)
|
|
1597
1603
|
return;
|
|
1598
|
-
const
|
|
1599
|
-
p.current =
|
|
1604
|
+
const y = p.current < N ? "forward" : "backward";
|
|
1605
|
+
p.current = N, M(y === "forward");
|
|
1600
1606
|
}, 200), []);
|
|
1601
|
-
return
|
|
1602
|
-
const g =
|
|
1603
|
-
return g ? (i ===
|
|
1604
|
-
g.removeEventListener("scroll",
|
|
1607
|
+
return he(() => {
|
|
1608
|
+
const g = d.current;
|
|
1609
|
+
return g ? (i === G.HOME && g.addEventListener("scroll", S), () => {
|
|
1610
|
+
g.removeEventListener("scroll", S);
|
|
1605
1611
|
}) : () => {
|
|
1606
1612
|
};
|
|
1607
|
-
}, [i,
|
|
1613
|
+
}, [i, S]), /* @__PURE__ */ m("div", {
|
|
1608
1614
|
style: {
|
|
1609
1615
|
height: "100%",
|
|
1610
1616
|
display: "flex",
|
|
1611
1617
|
flexDirection: "column",
|
|
1612
1618
|
overflow: "hidden"
|
|
1613
1619
|
},
|
|
1614
|
-
children: [
|
|
1620
|
+
children: [l, /* @__PURE__ */ s(ce, {
|
|
1615
1621
|
style: {
|
|
1616
1622
|
paddingBottom: "4px",
|
|
1617
1623
|
transition: "margin-top 0.2s ease-in-out",
|
|
@@ -1621,9 +1627,9 @@ const ps = /* @__PURE__ */ o("div")({
|
|
|
1621
1627
|
activePage: i,
|
|
1622
1628
|
toggleActivePage: I
|
|
1623
1629
|
})
|
|
1624
|
-
}), i ===
|
|
1625
|
-
ref:
|
|
1626
|
-
children: [/* @__PURE__ */ s(
|
|
1630
|
+
}), i === G.HOME && /* @__PURE__ */ m(me, {
|
|
1631
|
+
ref: d,
|
|
1632
|
+
children: [/* @__PURE__ */ s(ce, {
|
|
1627
1633
|
style: {
|
|
1628
1634
|
paddingTop: "12px"
|
|
1629
1635
|
},
|
|
@@ -1636,15 +1642,15 @@ const ps = /* @__PURE__ */ o("div")({
|
|
|
1636
1642
|
store: e.feedList.getStore()
|
|
1637
1643
|
})
|
|
1638
1644
|
})]
|
|
1639
|
-
}), i ===
|
|
1645
|
+
}), i === G.LEADERBOARD && /* @__PURE__ */ s("div", {
|
|
1640
1646
|
className: "c1bp9dj2",
|
|
1641
1647
|
children: /* @__PURE__ */ s(Ss, {
|
|
1642
1648
|
gamification: e,
|
|
1643
|
-
hideTabs:
|
|
1649
|
+
hideTabs: M
|
|
1644
1650
|
})
|
|
1645
1651
|
})]
|
|
1646
1652
|
});
|
|
1647
|
-
}, Ks = () => Ze,
|
|
1653
|
+
}, Ks = () => Ze, je = /* @__PURE__ */ o(Ks())({
|
|
1648
1654
|
name: "OpenedContainer",
|
|
1649
1655
|
class: "oar61gl",
|
|
1650
1656
|
propsAsIs: !0
|
|
@@ -1662,27 +1668,27 @@ const ps = /* @__PURE__ */ o("div")({
|
|
|
1662
1668
|
gamification: e,
|
|
1663
1669
|
className: t
|
|
1664
1670
|
}) => {
|
|
1665
|
-
const n =
|
|
1666
|
-
return /* @__PURE__ */ m(
|
|
1667
|
-
children: [n && /* @__PURE__ */ s(
|
|
1671
|
+
const n = _(e.openedQuestion.$store), i = _(e.openedUser);
|
|
1672
|
+
return /* @__PURE__ */ m(k, {
|
|
1673
|
+
children: [n && /* @__PURE__ */ s(je, {
|
|
1668
1674
|
className: t,
|
|
1669
1675
|
children: /* @__PURE__ */ s(Vn, {
|
|
1670
1676
|
gamification: e
|
|
1671
1677
|
})
|
|
1672
|
-
}), i && /* @__PURE__ */ s(
|
|
1678
|
+
}), i && /* @__PURE__ */ s(je, {
|
|
1673
1679
|
className: t,
|
|
1674
1680
|
children: /* @__PURE__ */ m(Xs, {
|
|
1675
1681
|
children: [/* @__PURE__ */ s(Re, {
|
|
1676
1682
|
label: "Friend's Rank",
|
|
1677
1683
|
close: e.closeUser
|
|
1678
|
-
}), /* @__PURE__ */ s(
|
|
1684
|
+
}), /* @__PURE__ */ s(ce, {
|
|
1679
1685
|
children: /* @__PURE__ */ s(qe, {
|
|
1680
1686
|
...i,
|
|
1681
1687
|
successRate: ei(i)
|
|
1682
1688
|
})
|
|
1683
1689
|
})]
|
|
1684
1690
|
})
|
|
1685
|
-
}), /* @__PURE__ */ s(
|
|
1691
|
+
}), /* @__PURE__ */ s(me, {
|
|
1686
1692
|
className: t,
|
|
1687
1693
|
"data-nav": "true",
|
|
1688
1694
|
children: /* @__PURE__ */ s(Js, {
|