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