@streamlayer/react 0.31.6 → 0.31.7

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 (9) 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/cjs/masters.js +14 -14
  4. package/lib/dist/es/gamification-feature.js +268 -267
  5. package/lib/dist/es/masters.js +754 -754
  6. package/lib/dist/style.css +1 -1
  7. package/lib/es/gamification-feature.js +345 -344
  8. package/lib/style.css +1 -1
  9. package/package.json +4 -4
package/lib/es/gamification-feature.js CHANGED
@@ -1,46 +1,46 @@
1
- import { jsxs as p, jsx as s, Fragment as b } from "react/jsx-runtime";
2
- import { s as o, n as O } from "./index4.js";
1
+ import { jsxs as m, jsx as s, Fragment as b } from "react/jsx-runtime";
2
+ import { s as r, n as O } from "./index4.js";
3
3
  import { useStore as k } from "@nanostores/react";
4
4
  import { o as Ne, r as te, w as $e, A as Re, O as Qe, a as K, n as Ue, d as _e } from "./masters2.js";
5
- import { QuestionType as z, QuestionStatus as Q, QuestionImages as $, PickHistoryStatus as P } from "@streamlayer/sdk-web-types";
6
- import { useState as R, useCallback as F, useMemo as W, createElement as H, PureComponent as ye } from "react";
5
+ import { QuestionType as z, QuestionStatus as R, QuestionImages as $, PickHistoryStatus as _ } from "@streamlayer/sdk-web-types";
6
+ import { useState as V, useCallback as F, useMemo as Y, createElement as H, PureComponent as ye } from "react";
7
7
  import { d as Pe } from "./index3.js";
8
8
  import "react-countup";
9
9
  import { CountdownCircleTimer as qe } from "react-countdown-circle-timer";
10
- import { E } from "./index2.js";
10
+ import { E as L } from "./index2.js";
11
11
  import "@streamlayer/sdk-web-interfaces";
12
12
  import "@streamlayer/sdk-web-notifications";
13
13
  import "@lottiefiles/react-lottie-player";
14
14
  import "./useStreamLayerApp.js";
15
15
  import "@streamlayer/sdk-web";
16
- const Ye = /* @__PURE__ */ o("div")({
16
+ const Ye = /* @__PURE__ */ r("div")({
17
17
  name: "Container",
18
18
  class: "c1vwopgc",
19
19
  propsAsIs: !1
20
- }), We = /* @__PURE__ */ o("div")({
20
+ }), We = /* @__PURE__ */ r("div")({
21
21
  name: "QuestionTypeWrap",
22
22
  class: "qyktpt0",
23
23
  propsAsIs: !1
24
- }), Ve = () => O, Fe = /* @__PURE__ */ o(Ve())({
24
+ }), Ve = () => O, Fe = /* @__PURE__ */ r(Ve())({
25
25
  name: "QuestionTypeIcon",
26
26
  class: "q951jdx",
27
27
  propsAsIs: !0
28
- }), Be = /* @__PURE__ */ o("span")({
28
+ }), Be = /* @__PURE__ */ r("span")({
29
29
  name: "QuestionTypeTitle",
30
30
  class: "qss5f0e",
31
31
  propsAsIs: !1
32
- }), He = /* @__PURE__ */ o("button")({
32
+ }), He = /* @__PURE__ */ r("button")({
33
33
  name: "CloseButton",
34
34
  class: "c1ao1jtv",
35
35
  propsAsIs: !1
36
- }), Ze = () => O, Ge = /* @__PURE__ */ o(Ze())({
36
+ }), Ze = () => O, Ge = /* @__PURE__ */ r(Ze())({
37
37
  name: "CloseIcon",
38
38
  class: "cvsl7l3",
39
39
  propsAsIs: !0
40
40
  }), Ae = ({ type: e, close: t, label: n }) => {
41
41
  const i = e ? Ne[e] : { label: n, iconName: void 0 };
42
- return /* @__PURE__ */ p(Ye, { children: [
43
- /* @__PURE__ */ p(We, { children: [
42
+ return /* @__PURE__ */ m(Ye, { children: [
43
+ /* @__PURE__ */ m(We, { children: [
44
44
  (i == null ? void 0 : i.iconName) && /* @__PURE__ */ s(
45
45
  Fe,
46
46
  {
@@ -60,101 +60,101 @@ const Ye = /* @__PURE__ */ o("div")({
60
60
  }), Ke = (e) => e.toLocaleTimeString("en-US", {
61
61
  hour: "2-digit",
62
62
  minute: "2-digit"
63
- }), Xe = (e) => !isNaN(e.getTime()), et = /* @__PURE__ */ o("div")({
63
+ }), Xe = (e) => !isNaN(e.getTime()), et = /* @__PURE__ */ r("div")({
64
64
  name: "Container",
65
65
  class: "c1zy8a",
66
66
  propsAsIs: !1
67
- }), tt = /* @__PURE__ */ o("div")({
67
+ }), tt = /* @__PURE__ */ r("div")({
68
68
  name: "Title",
69
69
  class: "t1vih9p5",
70
70
  propsAsIs: !1
71
- }), nt = /* @__PURE__ */ o("div")({
71
+ }), nt = /* @__PURE__ */ r("div")({
72
72
  name: "Indicator",
73
73
  class: "i1fbnvpb",
74
74
  propsAsIs: !1
75
- }), oe = ({ indicator: e, title: t }) => /* @__PURE__ */ p(et, { children: [
75
+ }), re = ({ indicator: e, title: t }) => /* @__PURE__ */ m(et, { children: [
76
76
  /* @__PURE__ */ s(tt, { children: t }),
77
77
  /* @__PURE__ */ s(nt, { children: e })
78
- ] }), st = /* @__PURE__ */ o("div")({
78
+ ] }), st = /* @__PURE__ */ r("div")({
79
79
  name: "Container",
80
80
  class: "ctmhwyc",
81
81
  propsAsIs: !1
82
- }), it = /* @__PURE__ */ o("div")({
82
+ }), it = /* @__PURE__ */ r("div")({
83
83
  name: "Indicator",
84
84
  class: "i1jri200",
85
85
  propsAsIs: !1
86
- }), rt = /* @__PURE__ */ o("div")({
86
+ }), ot = /* @__PURE__ */ r("div")({
87
87
  name: "Title",
88
88
  class: "t8s05oq",
89
89
  propsAsIs: !1
90
- }), q = ({ indicator: e, title: t }) => /* @__PURE__ */ p(st, { children: [
90
+ }), P = ({ indicator: e, title: t }) => /* @__PURE__ */ m(st, { children: [
91
91
  /* @__PURE__ */ s(it, { children: e }),
92
- /* @__PURE__ */ s(rt, { children: t })
93
- ] }), ot = /* @__PURE__ */ o("div")({
92
+ /* @__PURE__ */ s(ot, { children: t })
93
+ ] }), rt = /* @__PURE__ */ r("div")({
94
94
  name: "Container",
95
95
  class: "c1yrpn9o",
96
96
  propsAsIs: !1
97
- }), at = /* @__PURE__ */ o("div")({
97
+ }), at = /* @__PURE__ */ r("div")({
98
98
  name: "TopInfo",
99
99
  class: "t17fwahh",
100
100
  propsAsIs: !1
101
- }), lt = /* @__PURE__ */ o("div")({
101
+ }), lt = /* @__PURE__ */ r("div")({
102
102
  name: "BottomInfo",
103
103
  class: "by6w7e9",
104
104
  propsAsIs: !1
105
- }), ct = /* @__PURE__ */ o("div")({
105
+ }), ct = /* @__PURE__ */ r("div")({
106
106
  name: "User",
107
107
  class: "u1g7arbm",
108
108
  propsAsIs: !1
109
- }), dt = /* @__PURE__ */ o("img")({
109
+ }), dt = /* @__PURE__ */ r("img")({
110
110
  name: "Avatar",
111
111
  class: "a1ldeata",
112
112
  propsAsIs: !1
113
- }), ut = /* @__PURE__ */ o("div")({
113
+ }), ut = /* @__PURE__ */ r("div")({
114
114
  name: "UserInfo",
115
115
  class: "u10d4koz",
116
116
  propsAsIs: !1
117
- }), pt = /* @__PURE__ */ o("div")({
117
+ }), pt = /* @__PURE__ */ r("div")({
118
118
  name: "UserName",
119
119
  class: "u1q6roj0",
120
120
  propsAsIs: !1
121
- }), mt = /* @__PURE__ */ o("div")({
121
+ }), mt = /* @__PURE__ */ r("div")({
122
122
  name: "UserRating",
123
123
  class: "ui0m425",
124
124
  propsAsIs: !1
125
- }), It = /* @__PURE__ */ o("img")({
125
+ }), It = /* @__PURE__ */ r("img")({
126
126
  name: "TrophyIcon",
127
127
  class: "t1el3mrn",
128
128
  propsAsIs: !1
129
- }), ht = /* @__PURE__ */ o("div")({
129
+ }), ht = /* @__PURE__ */ r("div")({
130
130
  name: "Rts",
131
131
  class: "r2vgnxv",
132
132
  propsAsIs: !1
133
- }), gt = /* @__PURE__ */ o("div")({
133
+ }), gt = /* @__PURE__ */ r("div")({
134
134
  name: "RtsIndicator",
135
135
  class: "roqn06j",
136
136
  propsAsIs: !1
137
- }), ft = /* @__PURE__ */ o("div")({
137
+ }), ft = /* @__PURE__ */ r("div")({
138
138
  name: "RtsLabel",
139
139
  class: "r15adx7c",
140
140
  propsAsIs: !1
141
- }), Mt = /* @__PURE__ */ o("div")({
141
+ }), Mt = /* @__PURE__ */ r("div")({
142
142
  name: "Divider",
143
143
  class: "dv59lta",
144
144
  propsAsIs: !1
145
- }), vt = /* @__PURE__ */ o("div")({
145
+ }), vt = /* @__PURE__ */ r("div")({
146
146
  name: "Ranks",
147
147
  class: "r55lotb",
148
148
  propsAsIs: !1
149
- }), Nt = /* @__PURE__ */ o("div")({
149
+ }), Nt = /* @__PURE__ */ r("div")({
150
150
  name: "Statistics",
151
151
  class: "s1knfgqt",
152
152
  propsAsIs: !1
153
- }), yt = /* @__PURE__ */ o("div")({
153
+ }), yt = /* @__PURE__ */ r("div")({
154
154
  name: "AvatarPlaceholder",
155
155
  class: "a1mqo824",
156
156
  propsAsIs: !1
157
- }), At = /* @__PURE__ */ o("button")({
157
+ }), At = /* @__PURE__ */ r("button")({
158
158
  name: "UserAccountBtn",
159
159
  class: "uxareh6",
160
160
  propsAsIs: !1
@@ -163,90 +163,90 @@ const Ye = /* @__PURE__ */ o("div")({
163
163
  name: t,
164
164
  points: n,
165
165
  friendsRank: i,
166
- rank: r,
167
- streak: m,
168
- correct: c,
166
+ rank: o,
167
+ streak: u,
168
+ correct: p,
169
169
  incorrect: I,
170
- inTop: u,
170
+ inTop: c,
171
171
  successRate: h
172
- }) => /* @__PURE__ */ p(ot, { children: [
173
- /* @__PURE__ */ s(at, { children: /* @__PURE__ */ p(ct, { children: [
174
- /* @__PURE__ */ p(At, { children: [
172
+ }) => /* @__PURE__ */ m(rt, { children: [
173
+ /* @__PURE__ */ s(at, { children: /* @__PURE__ */ m(ct, { children: [
174
+ /* @__PURE__ */ m(At, { children: [
175
175
  e && /* @__PURE__ */ s(dt, { alt: "avatar", src: e }),
176
176
  !e && /* @__PURE__ */ s(yt, { children: Te(t || "") })
177
177
  ] }),
178
- /* @__PURE__ */ p(ut, { children: [
178
+ /* @__PURE__ */ m(ut, { children: [
179
179
  /* @__PURE__ */ s(pt, { children: t }),
180
- /* @__PURE__ */ p(mt, { children: [
181
- /* @__PURE__ */ p(ht, { children: [
180
+ /* @__PURE__ */ m(mt, { children: [
181
+ /* @__PURE__ */ m(ht, { children: [
182
182
  /* @__PURE__ */ s(It, { alt: "rank-icon", src: Tt }),
183
- /* @__PURE__ */ p(gt, { children: [
183
+ /* @__PURE__ */ m(gt, { children: [
184
184
  De(n),
185
185
  /* @__PURE__ */ s(ft, { children: "PTS" })
186
186
  ] })
187
187
  ] }),
188
188
  /* @__PURE__ */ s(Mt, {}),
189
- /* @__PURE__ */ p("div", { children: [
189
+ /* @__PURE__ */ m("div", { children: [
190
190
  "TOP ",
191
- u || 0,
191
+ c || 0,
192
192
  "%"
193
193
  ] })
194
194
  ] })
195
195
  ] })
196
196
  ] }) }),
197
- /* @__PURE__ */ p(lt, { children: [
198
- /* @__PURE__ */ p(vt, { children: [
199
- /* @__PURE__ */ s(oe, { indicator: i || 0, title: "Friends rank" }),
200
- /* @__PURE__ */ s(oe, { indicator: r || 0, title: "Global rank" })
197
+ /* @__PURE__ */ m(lt, { children: [
198
+ /* @__PURE__ */ m(vt, { children: [
199
+ /* @__PURE__ */ s(re, { indicator: i || 0, title: "Friends rank" }),
200
+ /* @__PURE__ */ s(re, { indicator: o || 0, title: "Global rank" })
201
201
  ] }),
202
- /* @__PURE__ */ p(Nt, { children: [
203
- /* @__PURE__ */ s(q, { indicator: m || 0, title: "Win streak" }),
204
- /* @__PURE__ */ s(q, { indicator: c || 0, title: "Correct" }),
205
- /* @__PURE__ */ s(q, { indicator: I || 0, title: "Incorrect" }),
206
- /* @__PURE__ */ s(q, { indicator: `${h || 0}%`, title: "Succ. rate" })
202
+ /* @__PURE__ */ m(Nt, { children: [
203
+ /* @__PURE__ */ s(P, { indicator: u || 0, title: "Win streak" }),
204
+ /* @__PURE__ */ s(P, { indicator: p || 0, title: "Correct" }),
205
+ /* @__PURE__ */ s(P, { indicator: I || 0, title: "Incorrect" }),
206
+ /* @__PURE__ */ s(P, { indicator: `${h || 0}%`, title: "Succ. rate" })
207
207
  ] })
208
208
  ] })
209
- ] }), Dt = /* @__PURE__ */ o("div")({
209
+ ] }), Dt = /* @__PURE__ */ r("div")({
210
210
  name: "Container",
211
211
  class: "c38csyt",
212
212
  propsAsIs: !1
213
- }), St = /* @__PURE__ */ o("div")({
213
+ }), St = /* @__PURE__ */ r("div")({
214
214
  name: "Title",
215
215
  class: "ty221rx",
216
216
  propsAsIs: !1
217
- }), zt = /* @__PURE__ */ o("div")({
217
+ }), zt = /* @__PURE__ */ r("div")({
218
218
  name: "Description",
219
219
  class: "dlaj9xp",
220
220
  propsAsIs: !1
221
- }), xt = ({ title: e, description: t }) => /* @__PURE__ */ p(Dt, { children: [
221
+ }), xt = ({ title: e, description: t }) => /* @__PURE__ */ m(Dt, { children: [
222
222
  /* @__PURE__ */ s(O, { name: "icon-check-circle" }),
223
223
  /* @__PURE__ */ s(St, { children: e }),
224
224
  /* @__PURE__ */ s(zt, { children: t })
225
- ] }), Ot = /* @__PURE__ */ o("div")({
225
+ ] }), Ot = /* @__PURE__ */ r("div")({
226
226
  name: "Container",
227
227
  class: "c16sbdnm",
228
228
  propsAsIs: !1
229
- }), jt = () => O, Ct = /* @__PURE__ */ o(jt())({
229
+ }), jt = () => O, Ct = /* @__PURE__ */ r(jt())({
230
230
  name: "IconPrediction",
231
231
  class: "ibhorgl",
232
232
  propsAsIs: !0
233
- }), ae = /* @__PURE__ */ o("div")({
233
+ }), ae = /* @__PURE__ */ r("div")({
234
234
  name: "FeedbackIconWrap",
235
235
  class: "f1g20ja7",
236
236
  propsAsIs: !1
237
- }), le = /* @__PURE__ */ o("div")({
237
+ }), le = /* @__PURE__ */ r("div")({
238
238
  name: "FeedbackHeader",
239
239
  class: "f455ozj",
240
240
  propsAsIs: !1
241
- }), kt = /* @__PURE__ */ o("span")({
241
+ }), kt = /* @__PURE__ */ r("span")({
242
242
  name: "FeedbackTitle",
243
243
  class: "f1913njx",
244
244
  propsAsIs: !1
245
- }), Z = /* @__PURE__ */ o("span")({
245
+ }), Z = /* @__PURE__ */ r("span")({
246
246
  name: "FeedbackDescription",
247
247
  class: "fzfk69z",
248
248
  propsAsIs: !1
249
- }), wt = /* @__PURE__ */ o("div")({
249
+ }), wt = /* @__PURE__ */ r("div")({
250
250
  name: "FeedbackText",
251
251
  class: "fx87qaj",
252
252
  propsAsIs: !1
@@ -255,94 +255,94 @@ const Ye = /* @__PURE__ */ o("div")({
255
255
  questionVotedCorrectly: t,
256
256
  questionVoted: n,
257
257
  questionType: i,
258
- hasCorrectAnswer: r,
259
- questionStatus: m
258
+ hasCorrectAnswer: o,
259
+ questionStatus: u
260
260
  }) => {
261
- const c = n && (i === z.TRIVIA || i === z.PREDICTION);
262
- if (!c && m !== Q.RESOLVED)
261
+ const p = n && (i === z.TRIVIA || i === z.PREDICTION);
262
+ if (!p && u !== R.RESOLVED)
263
263
  return null;
264
- const I = i === z.PREDICTION && !r, u = t ? "correct" : "incorrect", h = t ? e.correctFeedback : e.incorrectFeedback;
265
- return /* @__PURE__ */ p(Ot, { "data-isPrediction": I, children: [
266
- m === Q.RESOLVED && i === z.TRIVIA && !n && /* @__PURE__ */ p(b, { children: [
264
+ const I = i === z.PREDICTION && !o, c = t ? "correct" : "incorrect", h = t ? e.correctFeedback : e.incorrectFeedback;
265
+ return /* @__PURE__ */ m(Ot, { "data-isPrediction": I, children: [
266
+ u === R.RESOLVED && i === z.TRIVIA && !n && /* @__PURE__ */ m(b, { children: [
267
267
  /* @__PURE__ */ s(ae, { children: /* @__PURE__ */ s(O, { name: "questionExpired" }) }),
268
- /* @__PURE__ */ p("div", { children: [
268
+ /* @__PURE__ */ m("div", { children: [
269
269
  /* @__PURE__ */ s(le, { children: /* @__PURE__ */ s(Z, { children: "Question Expired" }) }),
270
270
  /* @__PURE__ */ s(wt, { children: "You can still answer to see if you're correct, but no points are awarded for expired questions." })
271
271
  ] })
272
272
  ] }),
273
- c && I && /* @__PURE__ */ p(b, { children: [
273
+ p && I && /* @__PURE__ */ m(b, { children: [
274
274
  /* @__PURE__ */ s(Ct, { name: "icon-prediction" }),
275
275
  /* @__PURE__ */ s(Z, { children: "Stay tuned to see if your prediction was correct." })
276
276
  ] }),
277
- c && r && /* @__PURE__ */ p(b, { children: [
278
- /* @__PURE__ */ s(ae, { "data-feedbackType": u, children: /* @__PURE__ */ s(O, { name: u }) }),
279
- /* @__PURE__ */ s("div", { children: /* @__PURE__ */ p(le, { children: [
280
- /* @__PURE__ */ s(kt, { "data-feedbackType": u, children: h == null ? void 0 : h.title }),
277
+ p && o && /* @__PURE__ */ m(b, { children: [
278
+ /* @__PURE__ */ s(ae, { "data-feedbackType": c, children: /* @__PURE__ */ s(O, { name: c }) }),
279
+ /* @__PURE__ */ s("div", { children: /* @__PURE__ */ m(le, { children: [
280
+ /* @__PURE__ */ s(kt, { "data-feedbackType": c, children: h == null ? void 0 : h.title }),
281
281
  /* @__PURE__ */ s(Z, { children: h == null ? void 0 : h.description })
282
282
  ] }) })
283
283
  ] })
284
284
  ] });
285
- }, Et = /* @__PURE__ */ o("div")({
285
+ }, Lt = /* @__PURE__ */ r("div")({
286
286
  name: "Container",
287
287
  class: "c14ielyq",
288
288
  propsAsIs: !1
289
- }), Lt = /* @__PURE__ */ o("div")({
289
+ }), Et = /* @__PURE__ */ r("div")({
290
290
  name: "Content",
291
291
  class: "c1tlqx57",
292
292
  propsAsIs: !1
293
- }), $t = /* @__PURE__ */ o("div")({
293
+ }), $t = /* @__PURE__ */ r("div")({
294
294
  name: "Title",
295
295
  class: "t1hq58md",
296
296
  propsAsIs: !1
297
- }), Rt = /* @__PURE__ */ o("div")({
297
+ }), Rt = /* @__PURE__ */ r("div")({
298
298
  name: "Options",
299
299
  class: "o1c8nxcx",
300
300
  propsAsIs: !1
301
- }), Qt = /* @__PURE__ */ o("button")({
301
+ }), Qt = /* @__PURE__ */ r("button")({
302
302
  name: "ButtonContainer",
303
303
  class: "b1b6dl8t",
304
304
  propsAsIs: !1
305
- }), Ut = /* @__PURE__ */ o("div")({
305
+ }), Ut = /* @__PURE__ */ r("div")({
306
306
  name: "ButtonPct",
307
307
  class: "b4iik8i",
308
308
  propsAsIs: !1
309
- }), _t = /* @__PURE__ */ o("span")({
309
+ }), _t = /* @__PURE__ */ r("span")({
310
310
  name: "ButtonBody",
311
311
  class: "b1gq1lnf",
312
312
  propsAsIs: !1
313
- }), Pt = /* @__PURE__ */ o("div")({
313
+ }), Pt = /* @__PURE__ */ r("div")({
314
314
  name: "IconContainer",
315
315
  class: "i1j65z51",
316
316
  propsAsIs: !1
317
- }), qt = /* @__PURE__ */ o("div")({
317
+ }), qt = /* @__PURE__ */ r("div")({
318
318
  name: "IconWrap",
319
319
  class: "i19tpfua",
320
320
  propsAsIs: !1
321
- }), ze = /* @__PURE__ */ o("img")({
321
+ }), ze = /* @__PURE__ */ r("img")({
322
322
  name: "Icon",
323
323
  class: "i1tubmma",
324
324
  propsAsIs: !1
325
- }), Yt = () => ze, Wt = /* @__PURE__ */ o(Yt())({
325
+ }), Yt = () => ze, Wt = /* @__PURE__ */ r(Yt())({
326
326
  name: "IconDefault",
327
327
  class: "i1grrgwj",
328
328
  propsAsIs: !0
329
- }), Vt = () => ze, Ft = /* @__PURE__ */ o(Vt())({
329
+ }), Vt = () => ze, Ft = /* @__PURE__ */ r(Vt())({
330
330
  name: "IconCircle",
331
331
  class: "ibemyq8",
332
332
  propsAsIs: !0
333
- }), Bt = /* @__PURE__ */ o("span")({
333
+ }), Bt = /* @__PURE__ */ r("span")({
334
334
  name: "Title",
335
335
  class: "t1dceht",
336
336
  propsAsIs: !1
337
- }), Ht = /* @__PURE__ */ o("span")({
337
+ }), Ht = /* @__PURE__ */ r("span")({
338
338
  name: "Indicators",
339
339
  class: "i116q4vq",
340
340
  propsAsIs: !1
341
- }), Zt = /* @__PURE__ */ o("span")({
341
+ }), Zt = /* @__PURE__ */ r("span")({
342
342
  name: "Percentage",
343
343
  class: "p17ajcu2",
344
344
  propsAsIs: !1
345
- }), Gt = () => O, Jt = /* @__PURE__ */ o(Gt())({
345
+ }), Gt = () => O, Jt = /* @__PURE__ */ r(Gt())({
346
346
  name: "CheckIcon",
347
347
  class: "cu9kmlb",
348
348
  propsAsIs: !0
@@ -352,34 +352,34 @@ const Ye = /* @__PURE__ */ o("div")({
352
352
  [$.ROUNDED]: (e) => /* @__PURE__ */ s(Ft, { alt: "option-icon", src: e }),
353
353
  [$.NONE]: () => null,
354
354
  [$.UNSET]: () => null
355
- }, Kt = ({ questionType: e, hasCorrectAnswer: t, correct: n, youVoted: i, questionVoted: r }) => {
355
+ }, Kt = ({ questionType: e, hasCorrectAnswer: t, correct: n, youVoted: i, questionVoted: o }) => {
356
356
  if (e === z.POLL && i)
357
357
  return "correct";
358
358
  if (e === z.PREDICTION) {
359
- if (t && r)
359
+ if (t && o)
360
360
  return i ? n ? "correct" : "incorrect" : n ? "correct" : "unset";
361
361
  if (i)
362
362
  return "correct";
363
363
  }
364
- return e === z.TRIVIA && r ? i ? n ? "correct" : "incorrect" : n ? "correct" : "unset" : "unset";
364
+ return e === z.TRIVIA && o ? i ? n ? "correct" : "incorrect" : n ? "correct" : "unset" : "unset";
365
365
  }, Xt = ({
366
366
  questionType: e,
367
367
  questionVoted: t,
368
368
  correct: n,
369
369
  hasCorrectAnswer: i,
370
- questionStatus: r
371
- }) => e === z.TRIVIA ? t && n : e === z.PREDICTION ? t && n && i || r === Q.RESOLVED && n : !1, en = (e) => {
370
+ questionStatus: o
371
+ }) => e === z.TRIVIA ? t && n : e === z.PREDICTION ? t && n && i || o === R.RESOLVED && n : !1, en = (e) => {
372
372
  var t;
373
373
  const {
374
374
  // option props
375
375
  id: n,
376
376
  icon: i,
377
- text: r,
378
- percentageDecimal: m,
377
+ text: o,
378
+ percentageDecimal: u,
379
379
  // extra props
380
- onVote: c,
380
+ onVote: p,
381
381
  youSelected: I,
382
- questionVoted: u,
382
+ questionVoted: c,
383
383
  // ToDo: Figure out why imageMode is not in the response, and delete default value
384
384
  imageMode: h,
385
385
  answerTimeExpired: y,
@@ -388,46 +388,46 @@ const Ye = /* @__PURE__ */ o("div")({
388
388
  questionType: A,
389
389
  correct: T,
390
390
  hasCorrectAnswer: a
391
- } = e, l = Kt(e), d = Xt({ questionType: A, questionVoted: u, correct: T, hasCorrectAnswer: a, questionStatus: D }), g = u || D === Q.RESOLVED && A === z.PREDICTION;
392
- return /* @__PURE__ */ p(
391
+ } = e, l = Kt(e), d = Xt({ questionType: A, questionVoted: c, correct: T, hasCorrectAnswer: a, questionStatus: D }), g = c || D === R.RESOLVED && A === z.PREDICTION;
392
+ return /* @__PURE__ */ m(
393
393
  Qt,
394
394
  {
395
395
  value: n,
396
396
  "data-selected": I,
397
397
  "data-answerState": l,
398
- disabled: u || N || y,
399
- onClick: c,
398
+ disabled: c || N || y,
399
+ onClick: p,
400
400
  children: [
401
- g && /* @__PURE__ */ s(Ut, { "data-answerState": l, style: { width: `${m}%` } }),
402
- /* @__PURE__ */ p(_t, { children: [
401
+ g && /* @__PURE__ */ s(Ut, { "data-answerState": l, style: { width: `${u}%` } }),
402
+ /* @__PURE__ */ m(_t, { children: [
403
403
  i && h && ((t = ce[h]) == null ? void 0 : t.call(ce, i)),
404
- /* @__PURE__ */ s(Bt, { children: r }),
405
- g && /* @__PURE__ */ p(Ht, { children: [
404
+ /* @__PURE__ */ s(Bt, { children: o }),
405
+ g && /* @__PURE__ */ m(Ht, { children: [
406
406
  d && /* @__PURE__ */ s(Jt, { name: "selected" }),
407
- /* @__PURE__ */ s(Zt, { children: /* @__PURE__ */ s(Pe, { value: m, suffix: "%" }) })
407
+ /* @__PURE__ */ s(Zt, { children: /* @__PURE__ */ s(Pe, { value: u, suffix: "%" }) })
408
408
  ] })
409
409
  ] })
410
410
  ]
411
411
  }
412
412
  );
413
- }, tn = [E.PRIMARY_GREEN1, E.SECONDARY_RED1, E.SECONDARY_RED1], nn = [10, 10, 0], sn = /* @__PURE__ */ o("div")({
413
+ }, tn = [L.PRIMARY_GREEN1, L.SECONDARY_RED1, L.SECONDARY_RED1], nn = [10, 10, 0], sn = /* @__PURE__ */ r("div")({
414
414
  name: "RemainingTime",
415
415
  class: "r165427",
416
416
  propsAsIs: !1
417
- }), rn = E.SECONDARY_GREEN6, de = E.SECONDARY_RED3, on = E.NEUTRALS_GRAY3, an = ({
417
+ }), on = L.SECONDARY_GREEN6, de = L.SECONDARY_RED3, rn = L.NEUTRALS_GRAY3, an = ({
418
418
  isPlaying: e = !0,
419
419
  duration: t = 30,
420
420
  onTimerExpired: n
421
421
  }) => {
422
- const [i, r] = R(t > 10 ? rn : de), m = ({
423
- remainingTime: u
422
+ const [i, o] = V(t > 10 ? on : de), u = ({
423
+ remainingTime: c
424
424
  }) => /* @__PURE__ */ s(sn, {
425
- children: u
426
- }), c = F(() => {
427
- n == null || n(), r(on);
428
- }, [n, r]), I = F((u) => {
429
- u === 10 && r(de);
430
- }, [r]);
425
+ children: c
426
+ }), p = F(() => {
427
+ n == null || n(), o(rn);
428
+ }, [n, o]), I = F((c) => {
429
+ c === 10 && o(de);
430
+ }, [o]);
431
431
  return /* @__PURE__ */ s(qe, {
432
432
  isPlaying: e,
433
433
  duration: t,
@@ -437,35 +437,35 @@ const Ye = /* @__PURE__ */ o("div")({
437
437
  strokeWidth: 2,
438
438
  trailStrokeWidth: 2,
439
439
  trailColor: i,
440
- onComplete: c,
440
+ onComplete: p,
441
441
  onUpdate: I,
442
- children: m
442
+ children: u
443
443
  });
444
- }, ln = /* @__PURE__ */ o("div")({
444
+ }, ln = /* @__PURE__ */ r("div")({
445
445
  name: "WinBarContainer",
446
446
  class: "wie6cqo",
447
447
  propsAsIs: !1
448
- }), cn = /* @__PURE__ */ o("div")({
448
+ }), cn = /* @__PURE__ */ r("div")({
449
449
  name: "Content",
450
450
  class: "cgizw4u",
451
451
  propsAsIs: !1
452
- }), dn = /* @__PURE__ */ o("div")({
452
+ }), dn = /* @__PURE__ */ r("div")({
453
453
  name: "Title",
454
454
  class: "t1l3ucjp",
455
455
  propsAsIs: !1
456
- }), un = () => O, pn = /* @__PURE__ */ o(un())({
456
+ }), un = () => O, pn = /* @__PURE__ */ r(un())({
457
457
  name: "WinIcon",
458
458
  class: "wx7j799",
459
459
  propsAsIs: !0
460
- }), mn = /* @__PURE__ */ o("div")({
460
+ }), mn = /* @__PURE__ */ r("div")({
461
461
  name: "Points",
462
462
  class: "p4lwuj0",
463
463
  propsAsIs: !1
464
- }), In = /* @__PURE__ */ o("span")({
464
+ }), In = /* @__PURE__ */ r("span")({
465
465
  name: "PointsCount",
466
466
  class: "po9i64o",
467
467
  propsAsIs: !1
468
- }), hn = /* @__PURE__ */ o("span")({
468
+ }), hn = /* @__PURE__ */ r("span")({
469
469
  name: "PointsUnits",
470
470
  class: "pe5g05h",
471
471
  propsAsIs: !1
@@ -474,63 +474,63 @@ const Ye = /* @__PURE__ */ o("div")({
474
474
  points: t,
475
475
  isPlayingTimer: n,
476
476
  isTimer: i,
477
- questionType: r,
478
- timerDuration: m,
479
- onTimerExpired: c
480
- }) => /* @__PURE__ */ p(ln, { children: [
481
- /* @__PURE__ */ p(cn, { children: [
477
+ questionType: o,
478
+ timerDuration: u,
479
+ onTimerExpired: p
480
+ }) => /* @__PURE__ */ m(ln, { children: [
481
+ /* @__PURE__ */ m(cn, { children: [
482
482
  e && /* @__PURE__ */ s(dn, { children: e }),
483
- t !== void 0 && r !== z.POLL && /* @__PURE__ */ p(b, { children: [
483
+ t !== void 0 && o !== z.POLL && /* @__PURE__ */ m(b, { children: [
484
484
  /* @__PURE__ */ s(pn, { name: "icon-trophy" }),
485
- /* @__PURE__ */ p(mn, { children: [
485
+ /* @__PURE__ */ m(mn, { children: [
486
486
  /* @__PURE__ */ s(In, { children: t }),
487
487
  /* @__PURE__ */ s(hn, { children: "PTS" })
488
488
  ] })
489
489
  ] })
490
490
  ] }),
491
- i && /* @__PURE__ */ s(an, { isPlaying: n, onTimerExpired: c, duration: m })
492
- ] }), fn = ({ openedQuestion: e, vote: t, close: n }) => {
493
- var i;
494
- const r = e.subject, m = e.type, c = (i = e.options) == null ? void 0 : i.options, [I, u] = R(!1), [h, y] = R(!1), [D, N] = R(""), A = e == null ? void 0 : e.id, T = F(
491
+ i && /* @__PURE__ */ s(an, { isPlaying: n, onTimerExpired: p, duration: u })
492
+ ] }), fn = ({ openedQuestion: e, isLoading: t, vote: n, close: i }) => {
493
+ var o, u;
494
+ const p = e.subject, I = e.type, c = (o = e.options) == null ? void 0 : o.options, [h, y] = V(!1), [D, N] = V(""), A = e == null ? void 0 : e.id, T = F(
495
495
  async (v) => {
496
496
  if (A) {
497
497
  const f = v.currentTarget.value;
498
- N(f), y(!0), await t(A, f), y(!1);
498
+ N(f), await n(A, f);
499
499
  }
500
500
  },
501
- [A, N, t]
501
+ [A, N, n]
502
502
  ), a = F(() => {
503
- u(!0), setTimeout(n, 3e3);
504
- }, [n]), l = W(
503
+ y(!0), setTimeout(i, 3e3);
504
+ }, [i]), l = Y(
505
505
  () => e == null ? void 0 : e.answers.find((v) => v.youVoted === !0),
506
506
  [e]
507
- ), d = W(
507
+ ), d = Y(
508
508
  () => !!(e != null && e.answers.find((v) => v.correct === !0)),
509
509
  [e]
510
- ), g = W(() => e ? e.answers.map((v) => {
510
+ ), g = Y(() => e ? e.answers.map((v) => {
511
511
  var f;
512
512
  return {
513
513
  ...v,
514
514
  questionVoted: !!l,
515
515
  youSelected: D === v.id,
516
- isLoading: h,
516
+ isLoading: t,
517
517
  hasCorrectAnswer: d,
518
518
  questionType: e.type,
519
- answerTimeExpired: I,
519
+ answerTimeExpired: h,
520
520
  questionStatus: e.status,
521
521
  imageMode: (f = e.appearance) == null ? void 0 : f.images,
522
522
  // ToDo: Figure out why imageMode is not in the response
523
523
  onVote: T
524
524
  };
525
- }) : [], [d, I, h, e, l, T, D]), M = c && (c.case === "trivia" || c.case === "prediction") ? c.value : void 0;
526
- return /* @__PURE__ */ s(te, { "data-question-header": "true", children: /* @__PURE__ */ s(Et, { children: /* @__PURE__ */ p(Lt, { children: [
525
+ }) : [], [d, h, t, e, l, T, D]), M = c && (c.case === "trivia" || c.case === "prediction") ? c.value : void 0;
526
+ return /* @__PURE__ */ s(te, { "data-question-header": "true", children: /* @__PURE__ */ s(Lt, { children: /* @__PURE__ */ m(Et, { children: [
527
527
  M && /* @__PURE__ */ s(
528
528
  bt,
529
529
  {
530
530
  feedbackMessages: M,
531
531
  questionVoted: !!l,
532
532
  questionVotedCorrectly: l == null ? void 0 : l.correct,
533
- questionType: m,
533
+ questionType: I,
534
534
  hasCorrectAnswer: d,
535
535
  questionStatus: e.status
536
536
  }
@@ -538,90 +538,90 @@ const Ye = /* @__PURE__ */ o("div")({
538
538
  e.type !== z.PREDICTION && /* @__PURE__ */ s(
539
539
  gn,
540
540
  {
541
- title: I ? "Time expired" : e.type === z.POLL ? "Time remaining" : "To win",
542
- points: I ? void 0 : 100,
541
+ title: h ? "Time expired" : e.type === z.POLL ? "Time remaining" : "To win",
542
+ points: h ? void 0 : 100,
543
543
  onTimerExpired: a,
544
544
  questionType: e.type,
545
- isTimer: !0,
545
+ isTimer: !t,
546
546
  isPlayingTimer: !l,
547
- timerDuration: l ? 0 : 30
547
+ timerDuration: l ? 0 : Number(((u = e == null ? void 0 : e.appearance) == null ? void 0 : u.autoHideInterval) || "30")
548
548
  }
549
549
  ),
550
- I ? /* @__PURE__ */ s(
550
+ h ? /* @__PURE__ */ s(
551
551
  xt,
552
552
  {
553
553
  title: "More to come...",
554
554
  description: "Watch for additional enhanced stream interactive experience."
555
555
  }
556
- ) : /* @__PURE__ */ p(b, { children: [
557
- /* @__PURE__ */ s($t, { "data-isPrediction": e.type === z.PREDICTION, children: r }),
556
+ ) : /* @__PURE__ */ m(b, { children: [
557
+ /* @__PURE__ */ s($t, { "data-isPrediction": e.type === z.PREDICTION, children: p }),
558
558
  /* @__PURE__ */ s(Rt, { children: g.map((v) => /* @__PURE__ */ s(en, { ...v }, v.id)) })
559
559
  ] })
560
560
  ] }) }) });
561
- }, Mn = /* @__PURE__ */ o("div")({
561
+ }, Mn = /* @__PURE__ */ r("div")({
562
562
  name: "Container",
563
563
  class: "cgn5uen",
564
564
  propsAsIs: !1
565
- }), vn = /* @__PURE__ */ o("div")({
565
+ }), vn = /* @__PURE__ */ r("div")({
566
566
  name: "Content",
567
567
  class: "c1px8nt6",
568
568
  propsAsIs: !1
569
- }), Nn = /* @__PURE__ */ o("h3")({
569
+ }), Nn = /* @__PURE__ */ r("h3")({
570
570
  name: "Title",
571
571
  class: "t5et2jt",
572
572
  propsAsIs: !1
573
- }), yn = /* @__PURE__ */ o("div")({
573
+ }), yn = /* @__PURE__ */ r("div")({
574
574
  name: "Description",
575
575
  class: "d1i2kpk2",
576
576
  propsAsIs: !1
577
- }), An = /* @__PURE__ */ o("div")({
577
+ }), An = /* @__PURE__ */ r("div")({
578
578
  name: "DateWrap",
579
579
  class: "dd3lh3p",
580
580
  propsAsIs: !1
581
- }), Tn = /* @__PURE__ */ o("img")({
581
+ }), Tn = /* @__PURE__ */ r("img")({
582
582
  name: "Image",
583
583
  class: "i1gfjeu5",
584
584
  propsAsIs: !1
585
585
  }), xe = ({ created: e, image: t, title: n, instantView: i }) => {
586
- const r = W(() => {
586
+ const o = Y(() => {
587
587
  if (e) {
588
- const c = new Date(e);
589
- if (Xe(c))
588
+ const p = new Date(e);
589
+ if (Xe(p))
590
590
  return {
591
- date: Je(c),
592
- time: Ke(c)
591
+ date: Je(p),
592
+ time: Ke(p)
593
593
  };
594
594
  }
595
595
  return null;
596
- }, [e]), m = (i == null ? void 0 : i.image) || t;
597
- return /* @__PURE__ */ p(Mn, { children: [
598
- r && /* @__PURE__ */ p(An, { children: [
599
- r.date,
596
+ }, [e]), u = (i == null ? void 0 : i.image) || t;
597
+ return /* @__PURE__ */ m(Mn, { children: [
598
+ o && /* @__PURE__ */ m(An, { children: [
599
+ o.date,
600
600
  " · ",
601
- r.time
601
+ o.time
602
602
  ] }),
603
603
  (i == null ? void 0 : i.video) && /* @__PURE__ */ s($e, { source: i.video.url, poster: i.video.thumbnailUrl }),
604
- m && /* @__PURE__ */ s(Tn, { src: m }),
605
- /* @__PURE__ */ p(vn, { children: [
604
+ u && /* @__PURE__ */ s(Tn, { src: u }),
605
+ /* @__PURE__ */ m(vn, { children: [
606
606
  /* @__PURE__ */ s(Nn, { children: (i == null ? void 0 : i.heading) || n }),
607
607
  /* @__PURE__ */ s(yn, { children: i == null ? void 0 : i.body })
608
608
  ] })
609
609
  ] });
610
- }, Dn = /* @__PURE__ */ o("div")({
610
+ }, Dn = /* @__PURE__ */ r("div")({
611
611
  name: "Container",
612
612
  class: "c1euiow",
613
613
  propsAsIs: !1
614
- }), Sn = /* @__PURE__ */ o("a")({
614
+ }), Sn = /* @__PURE__ */ r("a")({
615
615
  name: "WebLinkBtn",
616
616
  class: "w19zie3h",
617
617
  propsAsIs: !1
618
- }), zn = ({ instantView: e, ...t }) => /* @__PURE__ */ p(Dn, { children: [
618
+ }), zn = ({ instantView: e, ...t }) => /* @__PURE__ */ m(Dn, { children: [
619
619
  /* @__PURE__ */ s(xe, { instantView: e, ...t }),
620
- (e == null ? void 0 : e.webLink) && /* @__PURE__ */ p(Sn, { href: e == null ? void 0 : e.webLink.url, target: "_blank", children: [
620
+ (e == null ? void 0 : e.webLink) && /* @__PURE__ */ m(Sn, { href: e == null ? void 0 : e.webLink.url, target: "_blank", children: [
621
621
  "Explore more of the Masters History",
622
622
  /* @__PURE__ */ s(O, { name: "icon-external-link" })
623
623
  ] })
624
- ] }), xn = /* @__PURE__ */ o("div")({
624
+ ] }), xn = /* @__PURE__ */ r("div")({
625
625
  name: "QuestionContainer",
626
626
  class: "qdri6g3",
627
627
  propsAsIs: !1
@@ -640,12 +640,13 @@ const Ye = /* @__PURE__ */ o("div")({
640
640
  }) => {
641
641
  const {
642
642
  loading: i,
643
- data: r
643
+ data: o
644
644
  } = e;
645
- return !i && r ? /* @__PURE__ */ s(fn, {
645
+ return o ? /* @__PURE__ */ s(fn, {
646
646
  vote: t,
647
647
  close: n,
648
- openedQuestion: r
648
+ openedQuestion: o,
649
+ isLoading: !!i
649
650
  }) : null;
650
651
  }, Cn = ({
651
652
  gamification: e
@@ -654,38 +655,38 @@ const Ye = /* @__PURE__ */ o("div")({
654
655
  const n = k(e.openedQuestion.$store), i = k(e.openedQuestion.$extendedStore);
655
656
  if (!n)
656
657
  return null;
657
- const r = n.type;
658
- return /* @__PURE__ */ p(xn, {
658
+ const o = n.type;
659
+ return /* @__PURE__ */ m(xn, {
659
660
  children: [/* @__PURE__ */ s(Ae, {
660
661
  close: e.closeQuestion,
661
662
  type: ((t = n.attributes) == null ? void 0 : t.type) || z.UNSET
662
- }), r === "question" && /* @__PURE__ */ s(jn, {
663
+ }), o === "question" && /* @__PURE__ */ s(jn, {
663
664
  vote: e.submitAnswer,
664
665
  close: e.closeQuestion,
665
666
  extendedQuestion: i
666
- }), r !== "question" && /* @__PURE__ */ s(On, {
667
+ }), o !== "question" && /* @__PURE__ */ s(On, {
667
668
  openedQuestion: n
668
669
  })]
669
670
  });
670
- }, kn = /* @__PURE__ */ o("div")({
671
+ }, kn = /* @__PURE__ */ r("div")({
671
672
  name: "Container",
672
673
  class: "c115qtkr",
673
674
  propsAsIs: !1
674
- }), wn = /* @__PURE__ */ o("div")({
675
+ }), wn = /* @__PURE__ */ r("div")({
675
676
  name: "STabs",
676
677
  class: "sxnslc8",
677
678
  propsAsIs: !1
678
- }), bn = /* @__PURE__ */ o("button")({
679
+ }), bn = /* @__PURE__ */ r("button")({
679
680
  name: "Button",
680
681
  class: "b1umzux0",
681
682
  propsAsIs: !1
682
- }), En = /* @__PURE__ */ o("span")({
683
+ }), Ln = /* @__PURE__ */ r("span")({
683
684
  name: "Title",
684
685
  class: "tspsaas",
685
686
  propsAsIs: !1
686
687
  });
687
- var V = /* @__PURE__ */ ((e) => (e.HOME = "home", e.LEADERBOARD = "leaderboard", e))(V || {});
688
- const ue = ({ title: e, active: t, onClick: n }) => /* @__PURE__ */ s(bn, { onClick: n, "data-selected": t, children: /* @__PURE__ */ s(En, { children: e }) }), Ln = ({ activePage: e = "home", toggleActivePage: t }) => /* @__PURE__ */ s(kn, { children: /* @__PURE__ */ p(wn, { "data-position": e === "home" ? "left" : "right", children: [
688
+ var W = /* @__PURE__ */ ((e) => (e.HOME = "home", e.LEADERBOARD = "leaderboard", e))(W || {});
689
+ const ue = ({ title: e, active: t, onClick: n }) => /* @__PURE__ */ s(bn, { onClick: n, "data-selected": t, children: /* @__PURE__ */ s(Ln, { children: e }) }), En = ({ activePage: e = "home", toggleActivePage: t }) => /* @__PURE__ */ s(kn, { children: /* @__PURE__ */ m(wn, { "data-position": e === "home" ? "left" : "right", children: [
689
690
  /* @__PURE__ */ s(ue, { title: "Home", active: e === "home", onClick: () => t(
690
691
  "home"
691
692
  /* HOME */
@@ -718,8 +719,8 @@ function pe(e) {
718
719
  return e;
719
720
  }
720
721
  function ee(e, t) {
721
- return ee = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(i, r) {
722
- return i.__proto__ = r, i;
722
+ return ee = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(i, o) {
723
+ return i.__proto__ = o, i;
723
724
  }, ee(e, t);
724
725
  }
725
726
  function $n(e, t) {
@@ -741,13 +742,13 @@ function Qn(e, t) {
741
742
  }
742
743
  function G(e, t) {
743
744
  t === void 0 && (t = Qn);
744
- var n, i = [], r, m = !1;
745
- function c() {
746
- for (var I = [], u = 0; u < arguments.length; u++)
747
- I[u] = arguments[u];
748
- return m && n === this && t(I, i) || (r = e.apply(this, I), m = !0, n = this, i = I), r;
745
+ var n, i = [], o, u = !1;
746
+ function p() {
747
+ for (var I = [], c = 0; c < arguments.length; c++)
748
+ I[c] = arguments[c];
749
+ return u && n === this && t(I, i) || (o = e.apply(this, I), u = !0, n = this, i = I), o;
749
750
  }
750
- return c;
751
+ return p;
751
752
  }
752
753
  var Un = typeof performance == "object" && typeof performance.now == "function", Ie = Un ? function() {
753
754
  return performance.now();
@@ -760,12 +761,12 @@ function he(e) {
760
761
  function _n(e, t) {
761
762
  var n = Ie();
762
763
  function i() {
763
- Ie() - n >= t ? e.call(null) : r.id = requestAnimationFrame(i);
764
+ Ie() - n >= t ? e.call(null) : o.id = requestAnimationFrame(i);
764
765
  }
765
- var r = {
766
+ var o = {
766
767
  id: requestAnimationFrame(i)
767
768
  };
768
- return r;
769
+ return o;
769
770
  }
770
771
  var J = -1;
771
772
  function ge(e) {
@@ -780,8 +781,8 @@ function fe(e) {
780
781
  if (e === void 0 && (e = !1), w === null || e) {
781
782
  var t = document.createElement("div"), n = t.style;
782
783
  n.width = "50px", n.height = "50px", n.overflow = "scroll", n.direction = "rtl";
783
- var i = document.createElement("div"), r = i.style;
784
- return r.width = "100px", r.height = "100px", t.appendChild(i), document.body.appendChild(t), t.scrollLeft > 0 ? w = "positive-descending" : (t.scrollLeft = 1, t.scrollLeft === 0 ? w = "negative" : w = "positive-ascending"), document.body.removeChild(t), w;
784
+ var i = document.createElement("div"), o = i.style;
785
+ return o.width = "100px", o.height = "100px", t.appendChild(i), document.body.appendChild(t), t.scrollLeft > 0 ? w = "positive-descending" : (t.scrollLeft = 1, t.scrollLeft === 0 ? w = "negative" : w = "positive-ascending"), document.body.removeChild(t), w;
785
786
  }
786
787
  return w;
787
788
  }
@@ -789,12 +790,12 @@ var Pn = 150, qn = function(t, n) {
789
790
  return t;
790
791
  };
791
792
  function Yn(e) {
792
- var t, n = e.getItemOffset, i = e.getEstimatedTotalSize, r = e.getItemSize, m = e.getOffsetForIndexAndAlignment, c = e.getStartIndexForOffset, I = e.getStopIndexForStartIndex, u = e.initInstanceProps, h = e.shouldResetStyleCacheOnItemSizeChange, y = e.validateProps;
793
+ var t, n = e.getItemOffset, i = e.getEstimatedTotalSize, o = e.getItemSize, u = e.getOffsetForIndexAndAlignment, p = e.getStartIndexForOffset, I = e.getStopIndexForStartIndex, c = e.initInstanceProps, h = e.shouldResetStyleCacheOnItemSizeChange, y = e.validateProps;
793
794
  return t = /* @__PURE__ */ function(D) {
794
795
  $n(N, D);
795
796
  function N(T) {
796
797
  var a;
797
- return a = D.call(this, T) || this, a._instanceProps = u(a.props, pe(a)), a._outerRef = void 0, a._resetIsScrollingTimeoutId = null, a.state = {
798
+ return a = D.call(this, T) || this, a._instanceProps = c(a.props, pe(a)), a._outerRef = void 0, a._resetIsScrollingTimeoutId = null, a.state = {
798
799
  instance: pe(a),
799
800
  isScrolling: !1,
800
801
  scrollDirection: "forward",
@@ -818,11 +819,11 @@ function Yn(e) {
818
819
  if (f.hasOwnProperty(l))
819
820
  S = f[l];
820
821
  else {
821
- var x = n(a.props, l, a._instanceProps), j = r(a.props, l, a._instanceProps), C = g === "horizontal" || v === "horizontal", U = g === "rtl", _ = C ? x : 0;
822
+ var x = n(a.props, l, a._instanceProps), j = o(a.props, l, a._instanceProps), C = g === "horizontal" || v === "horizontal", Q = g === "rtl", U = C ? x : 0;
822
823
  f[l] = S = {
823
824
  position: "absolute",
824
- left: U ? void 0 : _,
825
- right: U ? _ : void 0,
825
+ left: Q ? void 0 : U,
826
+ right: Q ? U : void 0,
826
827
  top: C ? 0 : x,
827
828
  height: C ? "100%" : j,
828
829
  width: C ? j : "100%"
@@ -900,7 +901,7 @@ function Yn(e) {
900
901
  var S = this._outerRef;
901
902
  M === "vertical" ? f = S.scrollWidth > S.clientWidth ? ge() : 0 : f = S.scrollHeight > S.clientHeight ? ge() : 0;
902
903
  }
903
- this.scrollTo(m(this.props, a, l, v, this._instanceProps, f));
904
+ this.scrollTo(u(this.props, a, l, v, this._instanceProps, f));
904
905
  }, A.componentDidMount = function() {
905
906
  var a = this.props, l = a.direction, d = a.initialScrollOffset, g = a.layout;
906
907
  if (typeof d == "number" && this._outerRef != null) {
@@ -935,17 +936,17 @@ function Yn(e) {
935
936
  }, A.componentWillUnmount = function() {
936
937
  this._resetIsScrollingTimeoutId !== null && he(this._resetIsScrollingTimeoutId);
937
938
  }, A.render = function() {
938
- var a = this.props, l = a.children, d = a.className, g = a.direction, M = a.height, v = a.innerRef, f = a.innerElementType, S = a.innerTagName, x = a.itemCount, j = a.itemData, C = a.itemKey, U = C === void 0 ? qn : C, _ = a.layout, Oe = a.outerElementType, je = a.outerTagName, Ce = a.style, ke = a.useIsScrolling, we = a.width, ne = this.state.isScrolling, B = g === "horizontal" || _ === "horizontal", be = B ? this._onScrollHorizontal : this._onScrollVertical, se = this._getRangeToRender(), Ee = se[0], Le = se[1], ie = [];
939
+ var a = this.props, l = a.children, d = a.className, g = a.direction, M = a.height, v = a.innerRef, f = a.innerElementType, S = a.innerTagName, x = a.itemCount, j = a.itemData, C = a.itemKey, Q = C === void 0 ? qn : C, U = a.layout, Oe = a.outerElementType, je = a.outerTagName, Ce = a.style, ke = a.useIsScrolling, we = a.width, ne = this.state.isScrolling, B = g === "horizontal" || U === "horizontal", be = B ? this._onScrollHorizontal : this._onScrollVertical, se = this._getRangeToRender(), Le = se[0], Ee = se[1], ie = [];
939
940
  if (x > 0)
940
- for (var L = Ee; L <= Le; L++)
941
+ for (var E = Le; E <= Ee; E++)
941
942
  ie.push(H(l, {
942
943
  data: j,
943
- key: U(L, j),
944
- index: L,
944
+ key: Q(E, j),
945
+ index: E,
945
946
  isScrolling: ke ? ne : void 0,
946
- style: this._getItemStyle(L)
947
+ style: this._getItemStyle(E)
947
948
  }));
948
- var re = i(this.props, this._instanceProps);
949
+ var oe = i(this.props, this._instanceProps);
949
950
  return H(Oe || je || "div", {
950
951
  className: d,
951
952
  onScroll: be,
@@ -963,9 +964,9 @@ function Yn(e) {
963
964
  children: ie,
964
965
  ref: v,
965
966
  style: {
966
- height: B ? "100%" : re,
967
+ height: B ? "100%" : oe,
967
968
  pointerEvents: ne ? "none" : void 0,
968
- width: B ? re : "100%"
969
+ width: B ? oe : "100%"
969
970
  }
970
971
  }));
971
972
  }, A._callPropsCallbacks = function() {
@@ -984,7 +985,7 @@ function Yn(e) {
984
985
  var a = this.props, l = a.itemCount, d = a.overscanCount, g = this.state, M = g.isScrolling, v = g.scrollDirection, f = g.scrollOffset;
985
986
  if (l === 0)
986
987
  return [0, 0, 0, 0];
987
- var S = c(this.props, f, this._instanceProps), x = I(this.props, S, f, this._instanceProps), j = !M || v === "backward" ? Math.max(1, d) : 1, C = !M || v === "forward" ? Math.max(1, d) : 1;
988
+ var S = p(this.props, f, this._instanceProps), x = I(this.props, S, f, this._instanceProps), j = !M || v === "backward" ? Math.max(1, d) : 1, C = !M || v === "forward" ? Math.max(1, d) : 1;
988
989
  return [Math.max(0, S - j), Math.max(0, Math.min(l - 1, x + C)), S, x];
989
990
  }, N;
990
991
  }(ye), t.defaultProps = {
@@ -1010,9 +1011,9 @@ var Wn = function(t, n) {
1010
1011
  var n = t.itemCount, i = t.itemSize;
1011
1012
  return i * n;
1012
1013
  },
1013
- getOffsetForIndexAndAlignment: function(t, n, i, r, m, c) {
1014
- var I = t.direction, u = t.height, h = t.itemCount, y = t.itemSize, D = t.layout, N = t.width, A = I === "horizontal" || D === "horizontal", T = A ? N : u, a = Math.max(0, h * y - T), l = Math.min(a, n * y), d = Math.max(0, n * y - T + y + c);
1015
- switch (i === "smart" && (r >= d - T && r <= l + T ? i = "auto" : i = "center"), i) {
1014
+ getOffsetForIndexAndAlignment: function(t, n, i, o, u, p) {
1015
+ var I = t.direction, c = t.height, h = t.itemCount, y = t.itemSize, D = t.layout, N = t.width, A = I === "horizontal" || D === "horizontal", T = A ? N : c, a = Math.max(0, h * y - T), l = Math.min(a, n * y), d = Math.max(0, n * y - T + y + p);
1016
+ switch (i === "smart" && (o >= d - T && o <= l + T ? i = "auto" : i = "center"), i) {
1016
1017
  case "start":
1017
1018
  return l;
1018
1019
  case "end":
@@ -1023,17 +1024,17 @@ var Wn = function(t, n) {
1023
1024
  }
1024
1025
  case "auto":
1025
1026
  default:
1026
- return r >= d && r <= l ? r : r < d ? d : l;
1027
+ return o >= d && o <= l ? o : o < d ? d : l;
1027
1028
  }
1028
1029
  },
1029
1030
  getStartIndexForOffset: function(t, n) {
1030
- var i = t.itemCount, r = t.itemSize;
1031
- return Math.max(0, Math.min(i - 1, Math.floor(n / r)));
1031
+ var i = t.itemCount, o = t.itemSize;
1032
+ return Math.max(0, Math.min(i - 1, Math.floor(n / o)));
1032
1033
  },
1033
1034
  getStopIndexForStartIndex: function(t, n, i) {
1034
- var r = t.direction, m = t.height, c = t.itemCount, I = t.itemSize, u = t.layout, h = t.width, y = r === "horizontal" || u === "horizontal", D = n * I, N = y ? h : m, A = Math.ceil((N + i - D) / I);
1035
+ var o = t.direction, u = t.height, p = t.itemCount, I = t.itemSize, c = t.layout, h = t.width, y = o === "horizontal" || c === "horizontal", D = n * I, N = y ? h : u, A = Math.ceil((N + i - D) / I);
1035
1036
  return Math.max(0, Math.min(
1036
- c - 1,
1037
+ p - 1,
1037
1038
  n + A - 1
1038
1039
  // -1 is because stop index is inclusive
1039
1040
  ));
@@ -1046,28 +1047,28 @@ var Wn = function(t, n) {
1046
1047
  }
1047
1048
  });
1048
1049
  function Fn(e) {
1049
- var t = e.lastRenderedStartIndex, n = e.lastRenderedStopIndex, i = e.startIndex, r = e.stopIndex;
1050
- return !(i > n || r < t);
1050
+ var t = e.lastRenderedStartIndex, n = e.lastRenderedStopIndex, i = e.startIndex, o = e.stopIndex;
1051
+ return !(i > n || o < t);
1051
1052
  }
1052
1053
  function Bn(e) {
1053
- for (var t = e.isItemLoaded, n = e.itemCount, i = e.minimumBatchSize, r = e.startIndex, m = e.stopIndex, c = [], I = null, u = null, h = r; h <= m; h++) {
1054
+ for (var t = e.isItemLoaded, n = e.itemCount, i = e.minimumBatchSize, o = e.startIndex, u = e.stopIndex, p = [], I = null, c = null, h = o; h <= u; h++) {
1054
1055
  var y = t(h);
1055
- y ? u !== null && (c.push(I, u), I = u = null) : (u = h, I === null && (I = h));
1056
+ y ? c !== null && (p.push(I, c), I = c = null) : (c = h, I === null && (I = h));
1056
1057
  }
1057
- if (u !== null) {
1058
- for (var D = Math.min(Math.max(u, I + i - 1), n - 1), N = u + 1; N <= D && !t(N); N++)
1059
- u = N;
1060
- c.push(I, u);
1058
+ if (c !== null) {
1059
+ for (var D = Math.min(Math.max(c, I + i - 1), n - 1), N = c + 1; N <= D && !t(N); N++)
1060
+ c = N;
1061
+ p.push(I, c);
1061
1062
  }
1062
- if (c.length)
1063
- for (; c[1] - c[0] + 1 < i && c[0] > 0; ) {
1064
- var A = c[0] - 1;
1063
+ if (p.length)
1064
+ for (; p[1] - p[0] + 1 < i && p[0] > 0; ) {
1065
+ var A = p[0] - 1;
1065
1066
  if (!t(A))
1066
- c[0] = A;
1067
+ p[0] = A;
1067
1068
  else
1068
1069
  break;
1069
1070
  }
1070
- return c;
1071
+ return p;
1071
1072
  }
1072
1073
  var Hn = function(e, t) {
1073
1074
  if (!(e instanceof t))
@@ -1075,8 +1076,8 @@ var Hn = function(e, t) {
1075
1076
  }, Zn = function() {
1076
1077
  function e(t, n) {
1077
1078
  for (var i = 0; i < n.length; i++) {
1078
- var r = n[i];
1079
- r.enumerable = r.enumerable || !1, r.configurable = !0, "value" in r && (r.writable = !0), Object.defineProperty(t, r.key, r);
1079
+ var o = n[i];
1080
+ o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(t, o.key, o);
1080
1081
  }
1081
1082
  }
1082
1083
  return function(t, n, i) {
@@ -1100,16 +1101,16 @@ var Hn = function(e, t) {
1100
1101
  }, Jn = function(e) {
1101
1102
  Gn(t, e);
1102
1103
  function t() {
1103
- var n, i, r, m;
1104
+ var n, i, o, u;
1104
1105
  Hn(this, t);
1105
- for (var c = arguments.length, I = Array(c), u = 0; u < c; u++)
1106
- I[u] = arguments[u];
1107
- return m = (i = (r = Me(this, (n = t.__proto__ || Object.getPrototypeOf(t)).call.apply(n, [this].concat(I))), r), r._lastRenderedStartIndex = -1, r._lastRenderedStopIndex = -1, r._memoizedUnloadedRanges = [], r._onItemsRendered = function(h) {
1106
+ for (var p = arguments.length, I = Array(p), c = 0; c < p; c++)
1107
+ I[c] = arguments[c];
1108
+ return u = (i = (o = Me(this, (n = t.__proto__ || Object.getPrototypeOf(t)).call.apply(n, [this].concat(I))), o), o._lastRenderedStartIndex = -1, o._lastRenderedStopIndex = -1, o._memoizedUnloadedRanges = [], o._onItemsRendered = function(h) {
1108
1109
  var y = h.visibleStartIndex, D = h.visibleStopIndex;
1109
- r._lastRenderedStartIndex = y, r._lastRenderedStopIndex = D, r._ensureRowsLoaded(y, D);
1110
- }, r._setRef = function(h) {
1111
- r._listRef = h;
1112
- }, i), Me(r, m);
1110
+ o._lastRenderedStartIndex = y, o._lastRenderedStopIndex = D, o._ensureRowsLoaded(y, D);
1111
+ }, o._setRef = function(h) {
1112
+ o._listRef = h;
1113
+ }, i), Me(o, u);
1113
1114
  }
1114
1115
  return Zn(t, [{
1115
1116
  key: "resetloadMoreItemsCache",
@@ -1132,13 +1133,13 @@ var Hn = function(e, t) {
1132
1133
  }
1133
1134
  }, {
1134
1135
  key: "_ensureRowsLoaded",
1135
- value: function(i, r) {
1136
- var m = this.props, c = m.isItemLoaded, I = m.itemCount, u = m.minimumBatchSize, h = u === void 0 ? 10 : u, y = m.threshold, D = y === void 0 ? 15 : y, N = Bn({
1137
- isItemLoaded: c,
1136
+ value: function(i, o) {
1137
+ var u = this.props, p = u.isItemLoaded, I = u.itemCount, c = u.minimumBatchSize, h = c === void 0 ? 10 : c, y = u.threshold, D = y === void 0 ? 15 : y, N = Bn({
1138
+ isItemLoaded: p,
1138
1139
  itemCount: I,
1139
1140
  minimumBatchSize: h,
1140
1141
  startIndex: Math.max(0, i - D),
1141
- stopIndex: Math.min(I - 1, r + D)
1142
+ stopIndex: Math.min(I - 1, o + D)
1142
1143
  });
1143
1144
  (this._memoizedUnloadedRanges.length !== N.length || this._memoizedUnloadedRanges.some(function(A, T) {
1144
1145
  return N[T] !== A;
@@ -1147,54 +1148,54 @@ var Hn = function(e, t) {
1147
1148
  }, {
1148
1149
  key: "_loadUnloadedRanges",
1149
1150
  value: function(i) {
1150
- for (var r = this, m = this.props.loadMoreItems || this.props.loadMoreRows, c = function(h) {
1151
- var y = i[h], D = i[h + 1], N = m(y, D);
1151
+ for (var o = this, u = this.props.loadMoreItems || this.props.loadMoreRows, p = function(h) {
1152
+ var y = i[h], D = i[h + 1], N = u(y, D);
1152
1153
  N != null && N.then(function() {
1153
1154
  if (Fn({
1154
- lastRenderedStartIndex: r._lastRenderedStartIndex,
1155
- lastRenderedStopIndex: r._lastRenderedStopIndex,
1155
+ lastRenderedStartIndex: o._lastRenderedStartIndex,
1156
+ lastRenderedStopIndex: o._lastRenderedStopIndex,
1156
1157
  startIndex: y,
1157
1158
  stopIndex: D
1158
1159
  })) {
1159
- if (r._listRef == null)
1160
+ if (o._listRef == null)
1160
1161
  return;
1161
- typeof r._listRef.resetAfterIndex == "function" ? r._listRef.resetAfterIndex(y, !0) : (typeof r._listRef._getItemStyleCache == "function" && r._listRef._getItemStyleCache(-1), r._listRef.forceUpdate());
1162
+ typeof o._listRef.resetAfterIndex == "function" ? o._listRef.resetAfterIndex(y, !0) : (typeof o._listRef._getItemStyleCache == "function" && o._listRef._getItemStyleCache(-1), o._listRef.forceUpdate());
1162
1163
  }
1163
1164
  });
1164
1165
  }, I = 0; I < i.length; I += 2)
1165
- c(I);
1166
+ p(I);
1166
1167
  }
1167
1168
  }]), t;
1168
1169
  }(ye);
1169
- const Kn = /* @__PURE__ */ o("div")({
1170
+ const Kn = /* @__PURE__ */ r("div")({
1170
1171
  name: "Container",
1171
1172
  class: "culdu4a",
1172
1173
  propsAsIs: !1
1173
- }), Xn = /* @__PURE__ */ o("div")({
1174
+ }), Xn = /* @__PURE__ */ r("div")({
1174
1175
  name: "Position",
1175
1176
  class: "pwf8e69",
1176
1177
  propsAsIs: !1
1177
- }), es = /* @__PURE__ */ o("img")({
1178
+ }), es = /* @__PURE__ */ r("img")({
1178
1179
  name: "Avatar",
1179
1180
  class: "atf4yh4",
1180
1181
  propsAsIs: !1
1181
- }), ts = /* @__PURE__ */ o("div")({
1182
+ }), ts = /* @__PURE__ */ r("div")({
1182
1183
  name: "AvatarPlaceholder",
1183
1184
  class: "a1dg29ja",
1184
1185
  propsAsIs: !1
1185
- }), ns = /* @__PURE__ */ o("div")({
1186
+ }), ns = /* @__PURE__ */ r("div")({
1186
1187
  name: "Content",
1187
1188
  class: "c10a68rc",
1188
1189
  propsAsIs: !1
1189
- }), ss = /* @__PURE__ */ o("div")({
1190
+ }), ss = /* @__PURE__ */ r("div")({
1190
1191
  name: "NameContainer",
1191
1192
  class: "nc4kck5",
1192
1193
  propsAsIs: !1
1193
- }), is = /* @__PURE__ */ o("span")({
1194
+ }), is = /* @__PURE__ */ r("span")({
1194
1195
  name: "Name",
1195
1196
  class: "njsrqgr",
1196
1197
  propsAsIs: !1
1197
- }), rs = () => O, os = /* @__PURE__ */ o(rs())({
1198
+ }), os = () => O, rs = /* @__PURE__ */ r(os())({
1198
1199
  name: "CurrentUserBadge",
1199
1200
  class: "c17uc4zr",
1200
1201
  propsAsIs: !0
@@ -1203,20 +1204,20 @@ const Kn = /* @__PURE__ */ o("div")({
1203
1204
  avatar: t,
1204
1205
  name: n,
1205
1206
  points: i,
1206
- isCurrentUser: r,
1207
- openItemDetail: m,
1208
- style: c
1209
- }) => /* @__PURE__ */ p(Kn, { onClick: m, style: c, children: [
1207
+ isCurrentUser: o,
1208
+ openItemDetail: u,
1209
+ style: p
1210
+ }) => /* @__PURE__ */ m(Kn, { onClick: u, style: p, children: [
1210
1211
  /* @__PURE__ */ s(Xn, { children: e || 0 }),
1211
- /* @__PURE__ */ p(ns, { children: [
1212
+ /* @__PURE__ */ m(ns, { children: [
1212
1213
  t ? /* @__PURE__ */ s(es, { alt: "leaderboard-item-avatar", src: t }) : /* @__PURE__ */ s(ts, { children: Te(n || "") }),
1213
- /* @__PURE__ */ p(ss, { children: [
1214
+ /* @__PURE__ */ m(ss, { children: [
1214
1215
  /* @__PURE__ */ s(is, { children: n || "" }),
1215
- r && /* @__PURE__ */ s(os, { name: "icon-star" })
1216
+ o && /* @__PURE__ */ s(rs, { name: "icon-star" })
1216
1217
  ] })
1217
1218
  ] }),
1218
1219
  /* @__PURE__ */ s("div", { children: De(i) })
1219
- ] }), ls = /* @__PURE__ */ o("div")({
1220
+ ] }), ls = /* @__PURE__ */ r("div")({
1220
1221
  name: "ScrollContainer",
1221
1222
  class: "s13d8sg6",
1222
1223
  propsAsIs: !1
@@ -1225,30 +1226,30 @@ const Kn = /* @__PURE__ */ o("div")({
1225
1226
  currentUserId: t,
1226
1227
  openItemDetail: n,
1227
1228
  fetchMore: i
1228
- }) => /* @__PURE__ */ s(Re, { children: ({ width: r, height: m }) => /* @__PURE__ */ s(
1229
+ }) => /* @__PURE__ */ s(Re, { children: ({ width: o, height: u }) => /* @__PURE__ */ s(
1229
1230
  Jn,
1230
1231
  {
1231
- isItemLoaded: (c) => c < e.length,
1232
+ isItemLoaded: (p) => p < e.length,
1232
1233
  itemCount: e.length + 1,
1233
1234
  loadMoreItems: i,
1234
- children: ({ onItemsRendered: c, ref: I }) => /* @__PURE__ */ s(ls, { children: /* @__PURE__ */ s(
1235
+ children: ({ onItemsRendered: p, ref: I }) => /* @__PURE__ */ s(ls, { children: /* @__PURE__ */ s(
1235
1236
  Vn,
1236
1237
  {
1237
1238
  itemSize: 56,
1238
- onItemsRendered: c,
1239
+ onItemsRendered: p,
1239
1240
  ref: I,
1240
1241
  itemCount: e.length,
1241
- width: r,
1242
- height: m,
1243
- children: ({ index: u, style: h }) => /* @__PURE__ */ s(
1242
+ width: o,
1243
+ height: u,
1244
+ children: ({ index: c, style: h }) => /* @__PURE__ */ s(
1244
1245
  as,
1245
1246
  {
1246
1247
  style: { ...h, maxHeight: 48 },
1247
- ...e[u],
1248
- openItemDetail: () => n(e[u].userId),
1249
- isCurrentUser: !!t && t === e[u].userId
1248
+ ...e[c],
1249
+ openItemDetail: () => n(e[c].userId),
1250
+ isCurrentUser: !!t && t === e[c].userId
1250
1251
  },
1251
- e[u].userId
1252
+ e[c].userId
1252
1253
  )
1253
1254
  }
1254
1255
  ) })
@@ -1286,60 +1287,60 @@ const Kn = /* @__PURE__ */ o("div")({
1286
1287
  currentUserId: e.currentUserId.get()
1287
1288
  }
1288
1289
  ) : /* @__PURE__ */ s(ds, { deepLink: e.deepLink });
1289
- }, ps = /* @__PURE__ */ o("div")({
1290
+ }, ps = /* @__PURE__ */ r("div")({
1290
1291
  name: "QuestionItem",
1291
1292
  class: "q1w97g3p",
1292
1293
  propsAsIs: !1
1293
- }), ms = /* @__PURE__ */ o("div")({
1294
+ }), ms = /* @__PURE__ */ r("div")({
1294
1295
  name: "QuestionCaption",
1295
1296
  class: "q2sl39u",
1296
1297
  propsAsIs: !1
1297
- }), Is = /* @__PURE__ */ o("div")({
1298
+ }), Is = /* @__PURE__ */ r("div")({
1298
1299
  name: "QuestionBody",
1299
1300
  class: "qd5h0uc",
1300
1301
  propsAsIs: !1
1301
- }), hs = /* @__PURE__ */ o("div")({
1302
+ }), hs = /* @__PURE__ */ r("div")({
1302
1303
  name: "QuestionAction",
1303
1304
  class: "q105uluy",
1304
1305
  propsAsIs: !1
1305
- }), gs = () => O, Y = /* @__PURE__ */ o(gs())({
1306
+ }), gs = () => O, q = /* @__PURE__ */ r(gs())({
1306
1307
  name: "QuestionActionIcon",
1307
1308
  class: "q1fa0b9h",
1308
1309
  propsAsIs: !0
1309
- }), fs = () => O, Ms = /* @__PURE__ */ o(fs())({
1310
+ }), fs = () => O, Ms = /* @__PURE__ */ r(fs())({
1310
1311
  name: "QuestionTypeIcon",
1311
1312
  class: "qxlt78s",
1312
1313
  propsAsIs: !0
1313
- }), vs = /* @__PURE__ */ o("div")({
1314
+ }), vs = /* @__PURE__ */ r("div")({
1314
1315
  name: "QuestionTypeLabel",
1315
1316
  class: "qmg0vkx",
1316
1317
  propsAsIs: !1
1317
- }), Ns = /* @__PURE__ */ o("div")({
1318
+ }), Ns = /* @__PURE__ */ r("div")({
1318
1319
  name: "QuestionContent",
1319
1320
  class: "q1uz5j1g",
1320
1321
  propsAsIs: !1
1321
- }), ys = /* @__PURE__ */ o("button")({
1322
+ }), ys = /* @__PURE__ */ r("button")({
1322
1323
  name: "PlayButton",
1323
1324
  class: "p1pba9p1",
1324
1325
  propsAsIs: !1
1325
1326
  }), As = {
1326
- [P.LOST]: /* @__PURE__ */ s(Y, { name: "incorrectVoted" }),
1327
- [P.WON]: /* @__PURE__ */ s(Y, { name: "icon-check" }),
1328
- [P.UNSET]: /* @__PURE__ */ s(Y, { name: "icon-arrow" }),
1329
- [P.DNP]: /* @__PURE__ */ s(Y, { name: "icon-arrow" })
1327
+ [_.LOST]: /* @__PURE__ */ s(q, { name: "incorrectVoted" }),
1328
+ [_.WON]: /* @__PURE__ */ s(q, { name: "icon-check" }),
1329
+ [_.UNSET]: /* @__PURE__ */ s(q, { name: "icon-arrow" }),
1330
+ [_.DNP]: /* @__PURE__ */ s(q, { name: "icon-arrow" })
1330
1331
  }, Ts = ({
1331
1332
  questionId: e,
1332
1333
  questionType: t,
1333
1334
  questionStatus: n,
1334
1335
  subject: i,
1335
- openForVoting: r,
1336
- openQuestion: m,
1337
- status: c
1336
+ openForVoting: o,
1337
+ openQuestion: u,
1338
+ status: p
1338
1339
  }) => {
1339
- const I = Ne[t], u = As[c];
1340
- return I ? /* @__PURE__ */ p(ps, { onClick: () => m == null ? void 0 : m(e), children: [
1341
- /* @__PURE__ */ p(Ns, { children: [
1342
- /* @__PURE__ */ p(ms, { children: [
1340
+ const I = Ne[t], c = As[p];
1341
+ return I ? /* @__PURE__ */ m(ps, { onClick: () => u == null ? void 0 : u(e), children: [
1342
+ /* @__PURE__ */ m(Ns, { children: [
1343
+ /* @__PURE__ */ m(ms, { children: [
1343
1344
  /* @__PURE__ */ s(
1344
1345
  Ms,
1345
1346
  {
@@ -1348,20 +1349,20 @@ const Kn = /* @__PURE__ */ o("div")({
1348
1349
  name: I.iconName
1349
1350
  }
1350
1351
  ),
1351
- /* @__PURE__ */ p(vs, { children: [
1352
+ /* @__PURE__ */ m(vs, { children: [
1352
1353
  I.label,
1353
- t === z.TRIVIA && n === Q.RESOLVED && " • Expired"
1354
+ t === z.TRIVIA && n === R.RESOLVED && " • Expired"
1354
1355
  ] })
1355
1356
  ] }),
1356
1357
  /* @__PURE__ */ s(Is, { children: i || "" })
1357
1358
  ] }),
1358
- /* @__PURE__ */ s(hs, { children: r ? /* @__PURE__ */ s(ys, { children: "Play" }) : u })
1359
+ /* @__PURE__ */ s(hs, { children: o ? /* @__PURE__ */ s(ys, { children: "Play" }) : c })
1359
1360
  ] }) : null;
1360
- }, Ds = /* @__PURE__ */ o("div")({
1361
+ }, Ds = /* @__PURE__ */ r("div")({
1361
1362
  name: "Container",
1362
1363
  class: "cll3md7",
1363
1364
  propsAsIs: !1
1364
- }), Ss = /* @__PURE__ */ o("button")({
1365
+ }), Ss = /* @__PURE__ */ r("button")({
1365
1366
  name: "ActionBtn",
1366
1367
  class: "a10g1iik",
1367
1368
  propsAsIs: !1
@@ -1369,22 +1370,22 @@ const Kn = /* @__PURE__ */ o("div")({
1369
1370
  openInsight: e,
1370
1371
  questionId: t,
1371
1372
  ...n
1372
- }) => /* @__PURE__ */ p(Ds, { children: [
1373
+ }) => /* @__PURE__ */ m(Ds, { children: [
1373
1374
  /* @__PURE__ */ s(xe, { questionId: t, ...n }),
1374
1375
  e && /* @__PURE__ */ s(Ss, { onClick: () => e(t), children: "View Insight" })
1375
- ] }), xs = /* @__PURE__ */ o("div")({
1376
+ ] }), xs = /* @__PURE__ */ r("div")({
1376
1377
  name: "QuestionsContainer",
1377
1378
  class: "qvghv3l",
1378
1379
  propsAsIs: !1
1379
1380
  }), Os = ({ questions: e, openQuestion: t }) => /* @__PURE__ */ s(xs, { children: e == null ? void 0 : e.map((n) => {
1380
- var i, r;
1381
+ var i, o;
1381
1382
  if (n.type === "question" && ((i = n.attributes) == null ? void 0 : i.attributes.case) === "question") {
1382
- const m = n.attributes.attributes.value;
1383
- return /* @__PURE__ */ s(Ts, { openQuestion: t, ...m }, m.questionId);
1383
+ const u = n.attributes.attributes.value;
1384
+ return /* @__PURE__ */ s(Ts, { openQuestion: t, ...u }, u.questionId);
1384
1385
  }
1385
- if (n.type === "insight" && ((r = n.attributes) == null ? void 0 : r.attributes.case) === "insight") {
1386
- const m = n.attributes.attributes.value;
1387
- return /* @__PURE__ */ s(zs, { openInsight: t, ...m }, m.questionId);
1386
+ if (n.type === "insight" && ((o = n.attributes) == null ? void 0 : o.attributes.case) === "insight") {
1387
+ const u = n.attributes.attributes.value;
1388
+ return /* @__PURE__ */ s(zs, { openInsight: t, ...u }, u.questionId);
1388
1389
  }
1389
1390
  return null;
1390
1391
  }) }), js = ({ store: e, openQuestion: t }) => {
@@ -1397,8 +1398,8 @@ const Kn = /* @__PURE__ */ o("div")({
1397
1398
  }, ks = ({
1398
1399
  gamification: e
1399
1400
  }) => {
1400
- const [t, n] = R(V.HOME);
1401
- return /* @__PURE__ */ p("div", {
1401
+ const [t, n] = V(W.HOME);
1402
+ return /* @__PURE__ */ m("div", {
1402
1403
  style: {
1403
1404
  height: "100%",
1404
1405
  display: "flex",
@@ -1409,11 +1410,11 @@ const Kn = /* @__PURE__ */ o("div")({
1409
1410
  style: {
1410
1411
  paddingBottom: "4px"
1411
1412
  },
1412
- children: /* @__PURE__ */ s(Ln, {
1413
+ children: /* @__PURE__ */ s(En, {
1413
1414
  activePage: t,
1414
1415
  toggleActivePage: n
1415
1416
  })
1416
- }), t === V.HOME && /* @__PURE__ */ p(te, {
1417
+ }), t === W.HOME && /* @__PURE__ */ m(te, {
1417
1418
  children: [/* @__PURE__ */ s(K, {
1418
1419
  style: {
1419
1420
  paddingTop: "12px"
@@ -1427,22 +1428,22 @@ const Kn = /* @__PURE__ */ o("div")({
1427
1428
  store: e.feedList.getStore()
1428
1429
  })
1429
1430
  })]
1430
- }), t === V.LEADERBOARD && /* @__PURE__ */ s("div", {
1431
+ }), t === W.LEADERBOARD && /* @__PURE__ */ s("div", {
1431
1432
  className: "c1bp9dj2",
1432
1433
  children: /* @__PURE__ */ s(us, {
1433
1434
  gamification: e
1434
1435
  })
1435
1436
  })]
1436
1437
  });
1437
- }, ws = () => _e, ve = /* @__PURE__ */ o(ws())({
1438
+ }, ws = () => _e, ve = /* @__PURE__ */ r(ws())({
1438
1439
  name: "OpenedContainer",
1439
1440
  class: "oar61gl",
1440
1441
  propsAsIs: !0
1441
- }), bs = /* @__PURE__ */ o("div")({
1442
+ }), bs = /* @__PURE__ */ r("div")({
1442
1443
  name: "UserContainer",
1443
1444
  class: "u14zaal4",
1444
1445
  propsAsIs: !1
1445
- }), Es = ({
1446
+ }), Ls = ({
1446
1447
  correct: e,
1447
1448
  incorrect: t
1448
1449
  }) => {
@@ -1453,7 +1454,7 @@ const Kn = /* @__PURE__ */ o("div")({
1453
1454
  className: t
1454
1455
  }) => {
1455
1456
  const n = k(e.openedQuestion.$store), i = k(e.openedUser);
1456
- return /* @__PURE__ */ p(b, {
1457
+ return /* @__PURE__ */ m(b, {
1457
1458
  children: [n && /* @__PURE__ */ s(ve, {
1458
1459
  className: t,
1459
1460
  children: /* @__PURE__ */ s(Cn, {
@@ -1461,14 +1462,14 @@ const Kn = /* @__PURE__ */ o("div")({
1461
1462
  })
1462
1463
  }), i && /* @__PURE__ */ s(ve, {
1463
1464
  className: t,
1464
- children: /* @__PURE__ */ p(bs, {
1465
+ children: /* @__PURE__ */ m(bs, {
1465
1466
  children: [/* @__PURE__ */ s(Ae, {
1466
1467
  label: "Friend's Rank",
1467
1468
  close: e.closeUser
1468
1469
  }), /* @__PURE__ */ s(K, {
1469
1470
  children: /* @__PURE__ */ s(Se, {
1470
1471
  ...i,
1471
- successRate: Es(i)
1472
+ successRate: Ls(i)
1472
1473
  })
1473
1474
  })]
1474
1475
  })