@streamlayer/react 0.32.7 → 0.32.8

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 (7) 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 +767 -724
  4. package/lib/dist/style.css +1 -1
  5. package/lib/es/gamification-feature.js +663 -620
  6. package/lib/style.css +1 -1
  7. package/package.json +3 -3
package/lib/es/gamification-feature.js CHANGED
@@ -1,191 +1,191 @@
1
- import { jsxs as u, jsx as s, Fragment as $ } from "react/jsx-runtime";
2
- import { s as o, o as j } from "./index4.js";
3
- import { useStore as L } from "@nanostores/react";
4
- import { o as Te, r as te, w as _e, u as De, A as Pe, O as Ye, c as We, a as K, n as Ve, f as Fe } from "./masters2.js";
5
- import { QuestionType as x, QuestionStatus as C, QuestionImages as Q, PickHistoryStatus as P } from "@streamlayer/sdk-web-types";
6
- import { useState as U, useCallback as F, useMemo as w, createElement as H, PureComponent as Se, useEffect as Be } from "react";
7
- import { d as ze } from "./index3.js";
1
+ import { jsxs as c, jsx as s, Fragment as k } from "react/jsx-runtime";
2
+ import { s as r, o as j } from "./index4.js";
3
+ import { useStore as Q } from "@nanostores/react";
4
+ import { o as Oe, r as le, w as Ye, u as je, A as Ve, O as We, c as Fe, a as re, n as Be, f as He } from "./masters2.js";
5
+ import { QuestionType as z, QuestionStatus as E, QuestionImages as V, PickHistoryStatus as B } from "@streamlayer/sdk-web-types";
6
+ import { useState as L, useCallback as F, useEffect as be, useMemo as w, createElement as te, PureComponent as Ce } from "react";
7
+ import { d as ke } from "./index3.js";
8
8
  import "react-countup";
9
- import { CountdownCircleTimer as He } from "react-countdown-circle-timer";
10
- import { E as k } from "./index2.js";
9
+ import { CountdownCircleTimer as Ge } from "react-countdown-circle-timer";
10
+ import { E as R } from "./index2.js";
11
11
  import "@streamlayer/sdk-web-interfaces";
12
12
  import "@streamlayer/sdk-web-notifications";
13
13
  import "./useStreamLayerApp.js";
14
14
  import "@streamlayer/sdk-web";
15
- const Ge = /* @__PURE__ */ o("div")({
15
+ const Ze = /* @__PURE__ */ r("div")({
16
16
  name: "Container",
17
17
  class: "c1vwopgc",
18
18
  propsAsIs: !1
19
- }), Ze = /* @__PURE__ */ o("div")({
19
+ }), Je = /* @__PURE__ */ r("div")({
20
20
  name: "QuestionTypeWrap",
21
21
  class: "qyktpt0",
22
22
  propsAsIs: !1
23
- }), Je = () => j, Ke = /* @__PURE__ */ o(Je())({
23
+ }), Ke = () => j, Xe = /* @__PURE__ */ r(Ke())({
24
24
  name: "QuestionTypeIcon",
25
25
  class: "q951jdx",
26
26
  propsAsIs: !0
27
- }), Xe = /* @__PURE__ */ o("span")({
27
+ }), et = /* @__PURE__ */ r("span")({
28
28
  name: "QuestionTypeTitle",
29
29
  class: "qss5f0e",
30
30
  propsAsIs: !1
31
- }), et = /* @__PURE__ */ o("button")({
31
+ }), tt = /* @__PURE__ */ r("button")({
32
32
  name: "CloseButton",
33
33
  class: "c1ao1jtv",
34
34
  propsAsIs: !1
35
- }), tt = () => j, nt = /* @__PURE__ */ o(tt())({
35
+ }), nt = () => j, st = /* @__PURE__ */ r(nt())({
36
36
  name: "CloseIcon",
37
37
  class: "cvsl7l3",
38
38
  propsAsIs: !0
39
- }), xe = ({ type: e, close: t, label: n }) => {
40
- const i = e ? Te[e] : { label: n, iconName: void 0 };
41
- return /* @__PURE__ */ u(Ge, { children: [
42
- /* @__PURE__ */ u(Ze, { children: [
39
+ }), we = ({ type: e, close: t, label: n }) => {
40
+ const i = e ? Oe[e] : { label: n, iconName: void 0 };
41
+ return /* @__PURE__ */ c(Ze, { children: [
42
+ /* @__PURE__ */ c(Je, { children: [
43
43
  (i == null ? void 0 : i.iconName) && /* @__PURE__ */ s(
44
- Ke,
44
+ Xe,
45
45
  {
46
- "data-type-trivia": e === x.TRIVIA,
47
- "data-type-poll": e === x.POLL,
46
+ "data-type-trivia": e === z.TRIVIA,
47
+ "data-type-poll": e === z.POLL,
48
48
  name: i.iconName
49
49
  }
50
50
  ),
51
- (i == null ? void 0 : i.label) && /* @__PURE__ */ s(Xe, { children: i.label })
51
+ (i == null ? void 0 : i.label) && /* @__PURE__ */ s(et, { children: i.label })
52
52
  ] }),
53
- /* @__PURE__ */ s(et, { onClick: t, children: /* @__PURE__ */ s(nt, { name: "icon-cross" }) })
53
+ /* @__PURE__ */ s(tt, { onClick: t, children: /* @__PURE__ */ s(st, { name: "icon-cross" }) })
54
54
  ] });
55
- }, Oe = (e) => e.split(/\s+/).map((t) => t[0]).join("").toUpperCase(), je = (e) => e ? e.toLocaleString("en-US") : "0", ne = (e) => e.toLocaleDateString("en-US", {
55
+ }, Ee = (e) => e.split(/\s+/).map((t) => t[0]).join("").toUpperCase(), Le = (e) => e ? e.toLocaleString("en-US") : "0", ce = (e) => e.toLocaleDateString("en-US", {
56
56
  weekday: "short",
57
57
  month: "short",
58
58
  day: "numeric"
59
- }), se = (e) => e.toLocaleTimeString("en-US", {
59
+ }), de = (e) => e.toLocaleTimeString("en-US", {
60
60
  hour: "2-digit",
61
61
  minute: "2-digit"
62
- }), ie = (e) => !isNaN(e.getTime()), st = /* @__PURE__ */ o("div")({
62
+ }), ue = (e) => !isNaN(e.getTime()), it = /* @__PURE__ */ r("div")({
63
63
  name: "Container",
64
64
  class: "c1zy8a",
65
65
  propsAsIs: !1
66
- }), it = /* @__PURE__ */ o("div")({
66
+ }), rt = /* @__PURE__ */ r("div")({
67
67
  name: "Title",
68
68
  class: "t1vih9p5",
69
69
  propsAsIs: !1
70
- }), ot = /* @__PURE__ */ o("div")({
70
+ }), ot = /* @__PURE__ */ r("div")({
71
71
  name: "Indicator",
72
72
  class: "i1fbnvpb",
73
73
  propsAsIs: !1
74
- }), ce = ({ indicator: e, title: t }) => /* @__PURE__ */ u(st, { children: [
75
- /* @__PURE__ */ s(it, { children: t }),
74
+ }), fe = ({ indicator: e, title: t }) => /* @__PURE__ */ c(it, { children: [
75
+ /* @__PURE__ */ s(rt, { children: t }),
76
76
  /* @__PURE__ */ s(ot, { children: e })
77
- ] }), rt = /* @__PURE__ */ o("div")({
77
+ ] }), at = /* @__PURE__ */ r("div")({
78
78
  name: "Container",
79
79
  class: "ctmhwyc",
80
80
  propsAsIs: !1
81
- }), at = /* @__PURE__ */ o("div")({
81
+ }), lt = /* @__PURE__ */ r("div")({
82
82
  name: "Indicator",
83
83
  class: "i1jri200",
84
84
  propsAsIs: !1
85
- }), lt = /* @__PURE__ */ o("div")({
85
+ }), ct = /* @__PURE__ */ r("div")({
86
86
  name: "Title",
87
87
  class: "t8s05oq",
88
88
  propsAsIs: !1
89
- }), Y = ({ indicator: e, title: t }) => /* @__PURE__ */ u(rt, { children: [
90
- /* @__PURE__ */ s(at, { children: e }),
91
- /* @__PURE__ */ s(lt, { children: t })
92
- ] }), ct = /* @__PURE__ */ o("div")({
89
+ }), H = ({ indicator: e, title: t }) => /* @__PURE__ */ c(at, { children: [
90
+ /* @__PURE__ */ s(lt, { children: e }),
91
+ /* @__PURE__ */ s(ct, { children: t })
92
+ ] }), dt = /* @__PURE__ */ r("div")({
93
93
  name: "Container",
94
94
  class: "c1yrpn9o",
95
95
  propsAsIs: !1
96
- }), dt = /* @__PURE__ */ o("div")({
96
+ }), ut = /* @__PURE__ */ r("div")({
97
97
  name: "TopInfo",
98
98
  class: "t17fwahh",
99
99
  propsAsIs: !1
100
- }), ut = /* @__PURE__ */ o("div")({
100
+ }), pt = /* @__PURE__ */ r("div")({
101
101
  name: "BottomInfo",
102
102
  class: "by6w7e9",
103
103
  propsAsIs: !1
104
- }), pt = /* @__PURE__ */ o("div")({
104
+ }), mt = /* @__PURE__ */ r("div")({
105
105
  name: "User",
106
106
  class: "u1g7arbm",
107
107
  propsAsIs: !1
108
- }), mt = /* @__PURE__ */ o("img")({
108
+ }), ht = /* @__PURE__ */ r("img")({
109
109
  name: "Avatar",
110
110
  class: "a1ldeata",
111
111
  propsAsIs: !1
112
- }), It = /* @__PURE__ */ o("div")({
112
+ }), It = /* @__PURE__ */ r("div")({
113
113
  name: "UserInfo",
114
114
  class: "u10d4koz",
115
115
  propsAsIs: !1
116
- }), ht = /* @__PURE__ */ o("div")({
116
+ }), ft = /* @__PURE__ */ r("div")({
117
117
  name: "UserName",
118
118
  class: "u1q6roj0",
119
119
  propsAsIs: !1
120
- }), ft = /* @__PURE__ */ o("div")({
120
+ }), gt = /* @__PURE__ */ r("div")({
121
121
  name: "UserRating",
122
122
  class: "ui0m425",
123
123
  propsAsIs: !1
124
- }), gt = /* @__PURE__ */ o("img")({
124
+ }), vt = /* @__PURE__ */ r("img")({
125
125
  name: "TrophyIcon",
126
126
  class: "t1el3mrn",
127
127
  propsAsIs: !1
128
- }), vt = /* @__PURE__ */ o("div")({
128
+ }), Mt = /* @__PURE__ */ r("div")({
129
129
  name: "Rts",
130
130
  class: "r2vgnxv",
131
131
  propsAsIs: !1
132
- }), Mt = /* @__PURE__ */ o("div")({
132
+ }), At = /* @__PURE__ */ r("div")({
133
133
  name: "RtsIndicator",
134
134
  class: "roqn06j",
135
135
  propsAsIs: !1
136
- }), Nt = /* @__PURE__ */ o("div")({
136
+ }), Nt = /* @__PURE__ */ r("div")({
137
137
  name: "RtsLabel",
138
138
  class: "r15adx7c",
139
139
  propsAsIs: !1
140
- }), At = /* @__PURE__ */ o("div")({
140
+ }), yt = /* @__PURE__ */ r("div")({
141
141
  name: "Divider",
142
142
  class: "dv59lta",
143
143
  propsAsIs: !1
144
- }), yt = /* @__PURE__ */ o("div")({
144
+ }), Tt = /* @__PURE__ */ r("div")({
145
145
  name: "Ranks",
146
146
  class: "r55lotb",
147
147
  propsAsIs: !1
148
- }), Tt = /* @__PURE__ */ o("div")({
148
+ }), Dt = /* @__PURE__ */ r("div")({
149
149
  name: "Statistics",
150
150
  class: "s1knfgqt",
151
151
  propsAsIs: !1
152
- }), Dt = /* @__PURE__ */ o("div")({
152
+ }), St = /* @__PURE__ */ r("div")({
153
153
  name: "AvatarPlaceholder",
154
154
  class: "a1mqo824",
155
155
  propsAsIs: !1
156
- }), St = /* @__PURE__ */ o("button")({
156
+ }), zt = /* @__PURE__ */ r("button")({
157
157
  name: "UserAccountBtn",
158
158
  class: "uxareh6",
159
159
  propsAsIs: !1
160
- }), zt = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlRyb3BoeSI+CjxwYXRoIGlkPSJDb21iaW5lZCBTaGFwZSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zLjY5MTk3IDQuNjY2NjJDMy42OTE5NyA1Ljk5NzA1IDMuOTI5MTQgNy4xNzc4NyA0LjQwMzUgOC4yMDkxMkMzLjQ5OTY2IDguMDI0NTEgMi43NDQ4NyA3LjY2NDg2IDIuMTM5MSA3LjEzMDE0QzEuNTMzMzMgNi41OTU0MiAxLjIzMDQ2IDYuMDc5OCAxLjIzMDQ2IDUuNTgzMjhWNC42NjY2MkgzLjY5MTk3Wk0xNC43Njg2IDQuNjY2NjJWNS41ODMyOEMxNC43Njg2IDYuMDc5OCAxNC40NjU4IDYuNTk1NDIgMTMuODYgNy4xMzAxNEMxMy4yNTQyIDcuNjY0ODYgMTIuNDk5NCA4LjAyNDUxIDExLjU5NTYgOC4yMDkxMkMxMi4wNjk5IDcuMTc3ODcgMTIuMzA3MSA1Ljk5NzA1IDEyLjMwNzEgNC42NjY2MkgxNC43Njg2Wk0xNS45OTk4IDUuNTgzMjlWNC4zNjEwOEMxNS45OTk4IDQuMTA2NDUgMTUuOTEwMSAzLjg5MDAyIDE1LjczMDYgMy43MTE3OEMxNS41NTExIDMuNTMzNTQgMTUuMzMzMiAzLjQ0NDQyIDE1LjA3NjggMy40NDQ0MkgxMi4zMDc2VjIuNTI3NzZDMTIuMzA3NiAyLjEwNzYzIDEyLjE1NjkgMS43NDc5NyAxMS44NTU2IDEuNDQ4NzhDMTEuNTU0NCAxLjE0OTU5IDExLjE5MjIgMSAxMC43NjkxIDFINS4yMzA3MkM0LjgwNzY0IDEgNC40NDU0NyAxLjE0OTU5IDQuMTQ0MTkgMS40NDg3OEMzLjg0MjkxIDEuNzQ3OTcgMy42OTIyNyAyLjEwNzYzIDMuNjkyMjcgMi41Mjc3NlYzLjQ0NDQySDAuOTIzMDY4QzAuNjY2NjU5IDMuNDQ0NDIgMC40NDg3MTQgMy41MzM1NCAwLjI2OTIyOCAzLjcxMTc4QzAuMDg5NzQxOCAzLjg5MDAyIDAgNC4xMDY0NSAwIDQuMzYxMDhWNS41ODMyOUMwIDYuMDM1MjUgMC4xMzMwMSA2LjQ5MDM5IDAuMzk5MDM0IDYuOTQ4NzJDMC42NjUwNTkgNy40MDcwNSAxLjAyNDAzIDcuODIwODIgMS40NzU5NSA4LjE5MDAzQzEuOTI3ODcgOC41NTkyNCAyLjQ4MjM0IDguODY5NTcgMy4xMzkzOSA5LjEyMTAxQzMuNzk2NDQgOS4zNzI0NiA0LjQ4NzEzIDkuNTE0MDkgNS4yMTE0OSA5LjU0NTkyQzUuNDgwNzEgOS44ODk2NyA1Ljc4NTIgMTAuMTkyIDYuMTI0OTQgMTAuNDUzQzYuMzY4NTMgMTAuNjY5NSA2LjUzNjc5IDEwLjkwMDIgNi42Mjk3NCAxMS4xNDUzQzYuNzIyNjkgMTEuMzkwNCA2Ljc2OTE2IDExLjY3NTIgNi43NjkxNiAxMS45OTk5QzYuNzY5MTYgMTIuMzQzNiA2LjY3MTQxIDEyLjYzMzMgNi40NzU5IDEyLjg2ODhDNi4yODAzOCAxMy4xMDQzIDUuOTY3ODkgMTMuMjIyMSA1LjUzODQxIDEzLjIyMjFDNS4wNTc2NCAxMy4yMjIxIDQuNjI5NzYgMTMuMzY2OSA0LjI1NDc2IDEzLjY1NjZDMy44Nzk3NyAxMy45NDYyIDMuNjkyMjcgMTQuMzEwNiAzLjY5MjI3IDE0Ljc0OTlWMTUuMzYxQzMuNjkyMjcgMTUuNDUwMSAzLjcyMTEyIDE1LjUyMzMgMy43Nzg4MSAxNS41ODA2QzMuODM2NSAxNS42Mzc5IDMuOTEwMjIgMTUuNjY2NSAzLjk5OTk2IDE1LjY2NjVIMTEuOTk5OUMxMi4wODk2IDE1LjY2NjUgMTIuMTYzMyAxNS42Mzc5IDEyLjIyMSAxNS41ODA2QzEyLjI3ODcgMTUuNTIzMyAxMi4zMDc2IDE1LjQ1MDEgMTIuMzA3NiAxNS4zNjFWMTQuNzQ5OUMxMi4zMDc2IDE0LjMxMDYgMTIuMTIwMSAxMy45NDYyIDExLjc0NTEgMTMuNjU2NkMxMS4zNzAxIDEzLjM2NjkgMTAuOTQyMiAxMy4yMjIxIDEwLjQ2MTQgMTMuMjIyMUMxMC4wMzE5IDEzLjIyMjEgOS43MTk0NSAxMy4xMDQzIDkuNTIzOTQgMTIuODY4OEM5LjMyODQzIDEyLjYzMzMgOS4yMzA2OCAxMi4zNDM2IDkuMjMwNjggMTEuOTk5OUM5LjIzMDY4IDExLjY3NTIgOS4yNzcxNSAxMS4zOTA0IDkuMzcwMSAxMS4xNDUzQzkuNDYzMDUgMTAuOTAwMiA5LjYzMTMxIDEwLjY2OTUgOS44NzQ5IDEwLjQ1M0MxMC4yMTQ2IDEwLjE5MiAxMC41MTkxIDkuODg5NjcgMTAuNzg4NCA5LjU0NTkyQzExLjUxMjcgOS41MTQwOSAxMi4yMDM0IDkuMzcyNDYgMTIuODYwNCA5LjEyMTAxQzEzLjUxNzUgOC44Njk1NyAxNC4wNzIgOC41NTkyNCAxNC41MjM5IDguMTkwMDNDMTQuOTc1OCA3LjgyMDgyIDE1LjMzNDggNy40MDcwNSAxNS42MDA4IDYuOTQ4NzJDMTUuODY2OCA2LjQ5MDM5IDE1Ljk5OTggNi4wMzUyNSAxNS45OTk4IDUuNTgzMjlaTTYuNzYwNDcgNy4xNzk4TDguMDUxMDkgNi40OTk5N0w5LjM0MTcgNy4xNzk4TDkuMDk1MjEgNS43Mzk4OUwxMC4xMzkzIDQuNzIwMTVMOC42OTYzOSA0LjUxMDA3TDguMDUxMDkgMy4yTDcuNDA1NzggNC41MTAwN0w1Ljk2MjgzIDQuNzIwMTVMNy4wMDY5NiA1LjczOTg5TDYuNzYwNDcgNy4xNzk4WiIgZmlsbD0iI0YyQzk0QyIvPgo8L2c+Cjwvc3ZnPgo=", be = ({
160
+ }), xt = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlRyb3BoeSI+CjxwYXRoIGlkPSJDb21iaW5lZCBTaGFwZSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zLjY5MTk3IDQuNjY2NjJDMy42OTE5NyA1Ljk5NzA1IDMuOTI5MTQgNy4xNzc4NyA0LjQwMzUgOC4yMDkxMkMzLjQ5OTY2IDguMDI0NTEgMi43NDQ4NyA3LjY2NDg2IDIuMTM5MSA3LjEzMDE0QzEuNTMzMzMgNi41OTU0MiAxLjIzMDQ2IDYuMDc5OCAxLjIzMDQ2IDUuNTgzMjhWNC42NjY2MkgzLjY5MTk3Wk0xNC43Njg2IDQuNjY2NjJWNS41ODMyOEMxNC43Njg2IDYuMDc5OCAxNC40NjU4IDYuNTk1NDIgMTMuODYgNy4xMzAxNEMxMy4yNTQyIDcuNjY0ODYgMTIuNDk5NCA4LjAyNDUxIDExLjU5NTYgOC4yMDkxMkMxMi4wNjk5IDcuMTc3ODcgMTIuMzA3MSA1Ljk5NzA1IDEyLjMwNzEgNC42NjY2MkgxNC43Njg2Wk0xNS45OTk4IDUuNTgzMjlWNC4zNjEwOEMxNS45OTk4IDQuMTA2NDUgMTUuOTEwMSAzLjg5MDAyIDE1LjczMDYgMy43MTE3OEMxNS41NTExIDMuNTMzNTQgMTUuMzMzMiAzLjQ0NDQyIDE1LjA3NjggMy40NDQ0MkgxMi4zMDc2VjIuNTI3NzZDMTIuMzA3NiAyLjEwNzYzIDEyLjE1NjkgMS43NDc5NyAxMS44NTU2IDEuNDQ4NzhDMTEuNTU0NCAxLjE0OTU5IDExLjE5MjIgMSAxMC43NjkxIDFINS4yMzA3MkM0LjgwNzY0IDEgNC40NDU0NyAxLjE0OTU5IDQuMTQ0MTkgMS40NDg3OEMzLjg0MjkxIDEuNzQ3OTcgMy42OTIyNyAyLjEwNzYzIDMuNjkyMjcgMi41Mjc3NlYzLjQ0NDQySDAuOTIzMDY4QzAuNjY2NjU5IDMuNDQ0NDIgMC40NDg3MTQgMy41MzM1NCAwLjI2OTIyOCAzLjcxMTc4QzAuMDg5NzQxOCAzLjg5MDAyIDAgNC4xMDY0NSAwIDQuMzYxMDhWNS41ODMyOUMwIDYuMDM1MjUgMC4xMzMwMSA2LjQ5MDM5IDAuMzk5MDM0IDYuOTQ4NzJDMC42NjUwNTkgNy40MDcwNSAxLjAyNDAzIDcuODIwODIgMS40NzU5NSA4LjE5MDAzQzEuOTI3ODcgOC41NTkyNCAyLjQ4MjM0IDguODY5NTcgMy4xMzkzOSA5LjEyMTAxQzMuNzk2NDQgOS4zNzI0NiA0LjQ4NzEzIDkuNTE0MDkgNS4yMTE0OSA5LjU0NTkyQzUuNDgwNzEgOS44ODk2NyA1Ljc4NTIgMTAuMTkyIDYuMTI0OTQgMTAuNDUzQzYuMzY4NTMgMTAuNjY5NSA2LjUzNjc5IDEwLjkwMDIgNi42Mjk3NCAxMS4xNDUzQzYuNzIyNjkgMTEuMzkwNCA2Ljc2OTE2IDExLjY3NTIgNi43NjkxNiAxMS45OTk5QzYuNzY5MTYgMTIuMzQzNiA2LjY3MTQxIDEyLjYzMzMgNi40NzU5IDEyLjg2ODhDNi4yODAzOCAxMy4xMDQzIDUuOTY3ODkgMTMuMjIyMSA1LjUzODQxIDEzLjIyMjFDNS4wNTc2NCAxMy4yMjIxIDQuNjI5NzYgMTMuMzY2OSA0LjI1NDc2IDEzLjY1NjZDMy44Nzk3NyAxMy45NDYyIDMuNjkyMjcgMTQuMzEwNiAzLjY5MjI3IDE0Ljc0OTlWMTUuMzYxQzMuNjkyMjcgMTUuNDUwMSAzLjcyMTEyIDE1LjUyMzMgMy43Nzg4MSAxNS41ODA2QzMuODM2NSAxNS42Mzc5IDMuOTEwMjIgMTUuNjY2NSAzLjk5OTk2IDE1LjY2NjVIMTEuOTk5OUMxMi4wODk2IDE1LjY2NjUgMTIuMTYzMyAxNS42Mzc5IDEyLjIyMSAxNS41ODA2QzEyLjI3ODcgMTUuNTIzMyAxMi4zMDc2IDE1LjQ1MDEgMTIuMzA3NiAxNS4zNjFWMTQuNzQ5OUMxMi4zMDc2IDE0LjMxMDYgMTIuMTIwMSAxMy45NDYyIDExLjc0NTEgMTMuNjU2NkMxMS4zNzAxIDEzLjM2NjkgMTAuOTQyMiAxMy4yMjIxIDEwLjQ2MTQgMTMuMjIyMUMxMC4wMzE5IDEzLjIyMjEgOS43MTk0NSAxMy4xMDQzIDkuNTIzOTQgMTIuODY4OEM5LjMyODQzIDEyLjYzMzMgOS4yMzA2OCAxMi4zNDM2IDkuMjMwNjggMTEuOTk5OUM5LjIzMDY4IDExLjY3NTIgOS4yNzcxNSAxMS4zOTA0IDkuMzcwMSAxMS4xNDUzQzkuNDYzMDUgMTAuOTAwMiA5LjYzMTMxIDEwLjY2OTUgOS44NzQ5IDEwLjQ1M0MxMC4yMTQ2IDEwLjE5MiAxMC41MTkxIDkuODg5NjcgMTAuNzg4NCA5LjU0NTkyQzExLjUxMjcgOS41MTQwOSAxMi4yMDM0IDkuMzcyNDYgMTIuODYwNCA5LjEyMTAxQzEzLjUxNzUgOC44Njk1NyAxNC4wNzIgOC41NTkyNCAxNC41MjM5IDguMTkwMDNDMTQuOTc1OCA3LjgyMDgyIDE1LjMzNDggNy40MDcwNSAxNS42MDA4IDYuOTQ4NzJDMTUuODY2OCA2LjQ5MDM5IDE1Ljk5OTggNi4wMzUyNSAxNS45OTk4IDUuNTgzMjlaTTYuNzYwNDcgNy4xNzk4TDguMDUxMDkgNi40OTk5N0w5LjM0MTcgNy4xNzk4TDkuMDk1MjEgNS43Mzk4OUwxMC4xMzkzIDQuNzIwMTVMOC42OTYzOSA0LjUxMDA3TDguMDUxMDkgMy4yTDcuNDA1NzggNC41MTAwN0w1Ljk2MjgzIDQuNzIwMTVMNy4wMDY5NiA1LjczOTg5TDYuNzYwNDcgNy4xNzk4WiIgZmlsbD0iI0YyQzk0QyIvPgo8L2c+Cjwvc3ZnPgo=", $e = ({
161
161
  avatar: e,
162
162
  name: t,
163
163
  points: n,
164
164
  friendsRank: i,
165
- rank: r,
165
+ rank: o,
166
166
  streak: m,
167
- correct: c,
168
- incorrect: I,
167
+ correct: l,
168
+ incorrect: h,
169
169
  inTop: d,
170
- successRate: h
171
- }) => /* @__PURE__ */ u(ct, { children: [
172
- /* @__PURE__ */ s(dt, { children: /* @__PURE__ */ u(pt, { children: [
173
- /* @__PURE__ */ u(St, { children: [
174
- e && /* @__PURE__ */ s(mt, { alt: "avatar", src: e }),
175
- !e && /* @__PURE__ */ s(Dt, { children: Oe(t || "") })
170
+ successRate: f
171
+ }) => /* @__PURE__ */ c(dt, { children: [
172
+ /* @__PURE__ */ s(ut, { children: /* @__PURE__ */ c(mt, { children: [
173
+ /* @__PURE__ */ c(zt, { children: [
174
+ e && /* @__PURE__ */ s(ht, { alt: "avatar", src: e }),
175
+ !e && /* @__PURE__ */ s(St, { children: Ee(t || "") })
176
176
  ] }),
177
- /* @__PURE__ */ u(It, { children: [
178
- /* @__PURE__ */ s(ht, { children: t }),
179
- /* @__PURE__ */ u(ft, { children: [
180
- /* @__PURE__ */ u(vt, { children: [
181
- /* @__PURE__ */ s(gt, { alt: "rank-icon", src: zt }),
182
- /* @__PURE__ */ u(Mt, { children: [
183
- je(n),
177
+ /* @__PURE__ */ c(It, { children: [
178
+ /* @__PURE__ */ s(ft, { children: t }),
179
+ /* @__PURE__ */ c(gt, { children: [
180
+ /* @__PURE__ */ c(Mt, { children: [
181
+ /* @__PURE__ */ s(vt, { alt: "rank-icon", src: xt }),
182
+ /* @__PURE__ */ c(At, { children: [
183
+ Le(n),
184
184
  /* @__PURE__ */ s(Nt, { children: "PTS" })
185
185
  ] })
186
186
  ] }),
187
- /* @__PURE__ */ s(At, {}),
188
- /* @__PURE__ */ u("div", { children: [
187
+ /* @__PURE__ */ s(yt, {}),
188
+ /* @__PURE__ */ c("div", { children: [
189
189
  "TOP ",
190
190
  d || 0,
191
191
  "%"
@@ -193,71 +193,71 @@ const Ge = /* @__PURE__ */ o("div")({
193
193
  ] })
194
194
  ] })
195
195
  ] }) }),
196
- /* @__PURE__ */ u(ut, { children: [
197
- /* @__PURE__ */ u(yt, { children: [
198
- /* @__PURE__ */ s(ce, { indicator: i || 0, title: "Friends rank" }),
199
- /* @__PURE__ */ s(ce, { indicator: r || 0, title: "Global rank" })
196
+ /* @__PURE__ */ c(pt, { children: [
197
+ /* @__PURE__ */ c(Tt, { children: [
198
+ /* @__PURE__ */ s(fe, { indicator: i || 0, title: "Friends rank" }),
199
+ /* @__PURE__ */ s(fe, { indicator: o || 0, title: "Global rank" })
200
200
  ] }),
201
- /* @__PURE__ */ u(Tt, { children: [
202
- /* @__PURE__ */ s(Y, { indicator: m || 0, title: "Win streak" }),
203
- /* @__PURE__ */ s(Y, { indicator: c || 0, title: "Correct" }),
204
- /* @__PURE__ */ s(Y, { indicator: I || 0, title: "Incorrect" }),
205
- /* @__PURE__ */ s(Y, { indicator: `${h || 0}%`, title: "Succ. rate" })
201
+ /* @__PURE__ */ c(Dt, { children: [
202
+ /* @__PURE__ */ s(H, { indicator: m || 0, title: "Win streak" }),
203
+ /* @__PURE__ */ s(H, { indicator: l || 0, title: "Correct" }),
204
+ /* @__PURE__ */ s(H, { indicator: h || 0, title: "Incorrect" }),
205
+ /* @__PURE__ */ s(H, { indicator: `${f || 0}%`, title: "Succ. rate" })
206
206
  ] })
207
207
  ] })
208
- ] }), xt = /* @__PURE__ */ o("div")({
208
+ ] }), Ot = /* @__PURE__ */ r("div")({
209
209
  name: "SponsorLogoWrap",
210
210
  class: "s8p5v5z",
211
211
  propsAsIs: !1
212
- }), Ot = () => j, jt = /* @__PURE__ */ o(Ot())({
212
+ }), jt = () => j, bt = /* @__PURE__ */ r(jt())({
213
213
  name: "SponsorLogo",
214
214
  class: "s755yti",
215
215
  propsAsIs: !0
216
- }), bt = () => /* @__PURE__ */ s(xt, {
217
- children: /* @__PURE__ */ s(jt, {
216
+ }), Ct = () => /* @__PURE__ */ s(Ot, {
217
+ children: /* @__PURE__ */ s(bt, {
218
218
  name: "mastersLogo"
219
219
  })
220
- }), wt = /* @__PURE__ */ o("div")({
220
+ }), kt = /* @__PURE__ */ r("div")({
221
221
  name: "Container",
222
222
  class: "c38csyt",
223
223
  propsAsIs: !1
224
- }), kt = /* @__PURE__ */ o("div")({
224
+ }), wt = /* @__PURE__ */ r("div")({
225
225
  name: "Title",
226
226
  class: "ty221rx",
227
227
  propsAsIs: !1
228
- }), Ct = /* @__PURE__ */ o("div")({
228
+ }), Et = /* @__PURE__ */ r("div")({
229
229
  name: "Description",
230
230
  class: "dlaj9xp",
231
231
  propsAsIs: !1
232
- }), Lt = ({ title: e, description: t }) => /* @__PURE__ */ u(wt, { children: [
232
+ }), Lt = ({ title: e, description: t }) => /* @__PURE__ */ c(kt, { children: [
233
233
  /* @__PURE__ */ s(j, { name: "icon-check-circle" }),
234
- /* @__PURE__ */ s(kt, { children: e }),
235
- /* @__PURE__ */ s(Ct, { children: t })
236
- ] }), Et = /* @__PURE__ */ o("div")({
234
+ /* @__PURE__ */ s(wt, { children: e }),
235
+ /* @__PURE__ */ s(Et, { children: t })
236
+ ] }), $t = /* @__PURE__ */ r("div")({
237
237
  name: "Container",
238
238
  class: "c16sbdnm",
239
239
  propsAsIs: !1
240
- }), $t = () => j, Rt = /* @__PURE__ */ o($t())({
240
+ }), Rt = () => j, Qt = /* @__PURE__ */ r(Rt())({
241
241
  name: "IconPrediction",
242
242
  class: "ibhorgl",
243
243
  propsAsIs: !0
244
- }), de = /* @__PURE__ */ o("div")({
244
+ }), W = /* @__PURE__ */ r("div")({
245
245
  name: "FeedbackIconWrap",
246
246
  class: "f1g20ja7",
247
247
  propsAsIs: !1
248
- }), ue = /* @__PURE__ */ o("div")({
248
+ }), G = /* @__PURE__ */ r("div")({
249
249
  name: "FeedbackHeader",
250
250
  class: "f455ozj",
251
251
  propsAsIs: !1
252
- }), Qt = /* @__PURE__ */ o("span")({
252
+ }), Ut = /* @__PURE__ */ r("span")({
253
253
  name: "FeedbackTitle",
254
254
  class: "f1913njx",
255
255
  propsAsIs: !1
256
- }), G = /* @__PURE__ */ o("span")({
256
+ }), P = /* @__PURE__ */ r("span")({
257
257
  name: "FeedbackDescription",
258
258
  class: "fzfk69z",
259
259
  propsAsIs: !1
260
- }), Ut = /* @__PURE__ */ o("div")({
260
+ }), ne = /* @__PURE__ */ r("div")({
261
261
  name: "FeedbackText",
262
262
  class: "fx87qaj",
263
263
  propsAsIs: !1
@@ -266,181 +266,207 @@ const Ge = /* @__PURE__ */ o("div")({
266
266
  questionVotedCorrectly: t,
267
267
  questionVoted: n,
268
268
  questionType: i,
269
- hasCorrectAnswer: r,
270
- questionStatus: m
269
+ hasCorrectAnswer: o,
270
+ questionStatus: m,
271
+ votedInCurrentRender: l,
272
+ votedAfterQuestionClosed: h,
273
+ enteredAnActiveQuestion: d
271
274
  }) => {
272
- const c = n && (i === x.TRIVIA || i === x.PREDICTION);
273
- if (!c && m !== C.RESOLVED || m === C.RESOLVED && i === x.PREDICTION && !n)
275
+ const f = n && (i === z.TRIVIA || i === z.PREDICTION) && l && m !== E.RESOLVED, N = i === z.PREDICTION && !o, D = m === E.RESOLVED && i === z.TRIVIA && !n && !d, A = i === z.TRIVIA && h && l && d, S = m === E.RESOLVED && i === z.PREDICTION && !n && !d || i === z.PREDICTION && h && l && d, T = f && N, a = f && o, p = n && i === z.POLL && l;
276
+ if (!D && !A && !T && !a && !S && !p)
274
277
  return null;
275
- const I = i === x.PREDICTION && !r, d = t ? "correct" : "incorrect", h = t ? e.correctFeedback : e.incorrectFeedback;
276
- return /* @__PURE__ */ u(Et, { "data-isPrediction": I, children: [
277
- m === C.RESOLVED && i === x.TRIVIA && !n && /* @__PURE__ */ u($, { children: [
278
- /* @__PURE__ */ s(de, { children: /* @__PURE__ */ s(j, { name: "questionExpired" }) }),
279
- /* @__PURE__ */ u("div", { children: [
280
- /* @__PURE__ */ s(ue, { children: /* @__PURE__ */ s(G, { children: "Question Expired" }) }),
281
- /* @__PURE__ */ s(Ut, { children: "You can still answer to see if you're correct, but no points are awarded for expired questions." })
278
+ const u = t ? "correct" : "incorrect", I = t ? e == null ? void 0 : e.correctFeedback : e == null ? void 0 : e.incorrectFeedback;
279
+ return /* @__PURE__ */ c($t, { "data-isPrediction": N, children: [
280
+ D && /* @__PURE__ */ c(k, { children: [
281
+ /* @__PURE__ */ s(W, { children: /* @__PURE__ */ s(j, { name: "questionExpired" }) }),
282
+ /* @__PURE__ */ c("div", { children: [
283
+ /* @__PURE__ */ s(G, { children: /* @__PURE__ */ s(P, { children: "Question Expired" }) }),
284
+ /* @__PURE__ */ s(ne, { children: "You can still answer to see if you're correct, but no points are awarded for expired questions." })
282
285
  ] })
283
286
  ] }),
284
- c && I && /* @__PURE__ */ u($, { children: [
285
- /* @__PURE__ */ s(Rt, { name: "icon-prediction" }),
286
- /* @__PURE__ */ s(G, { children: "Stay tuned to see if your prediction was correct." })
287
+ A && /* @__PURE__ */ c(k, { children: [
288
+ /* @__PURE__ */ s(W, { children: /* @__PURE__ */ s(j, { name: "questionExpired" }) }),
289
+ /* @__PURE__ */ c("div", { children: [
290
+ /* @__PURE__ */ s(G, { children: /* @__PURE__ */ s(P, { children: "Question Closed" }) }),
291
+ /* @__PURE__ */ s(ne, { children: "This question was answered after the moderator closed the question. So the points for this answer won’t tally." })
292
+ ] })
293
+ ] }),
294
+ S && /* @__PURE__ */ c(k, { children: [
295
+ /* @__PURE__ */ s(W, { children: /* @__PURE__ */ s(j, { name: "questionExpired" }) }),
296
+ /* @__PURE__ */ c("div", { children: [
297
+ /* @__PURE__ */ s(G, { children: /* @__PURE__ */ s(P, { children: "Question Closed" }) }),
298
+ /* @__PURE__ */ s(ne, { children: "This event has already taken place, so the ability to make a prediction on its outcome is no longer available." })
299
+ ] })
300
+ ] }),
301
+ T && /* @__PURE__ */ c(k, { children: [
302
+ /* @__PURE__ */ s(Qt, { name: "icon-prediction" }),
303
+ /* @__PURE__ */ s(P, { children: "Stay tuned to see if your prediction was correct." })
304
+ ] }),
305
+ p && /* @__PURE__ */ c(k, { children: [
306
+ /* @__PURE__ */ s(W, { "data-feedbackType": "correct", children: /* @__PURE__ */ s(j, { name: "correct" }) }),
307
+ /* @__PURE__ */ s(P, { children: "That's for answering. Please stay tuned for the next question." })
287
308
  ] }),
288
- c && r && /* @__PURE__ */ u($, { children: [
289
- /* @__PURE__ */ s(de, { "data-feedbackType": d, children: /* @__PURE__ */ s(j, { name: d }) }),
290
- /* @__PURE__ */ s("div", { children: /* @__PURE__ */ u(ue, { children: [
291
- /* @__PURE__ */ s(Qt, { "data-feedbackType": d, children: h == null ? void 0 : h.title }),
292
- /* @__PURE__ */ s(G, { children: h == null ? void 0 : h.description })
309
+ a && /* @__PURE__ */ c(k, { children: [
310
+ /* @__PURE__ */ s(W, { "data-feedbackType": u, children: /* @__PURE__ */ s(j, { name: u }) }),
311
+ /* @__PURE__ */ s("div", { children: /* @__PURE__ */ c(G, { children: [
312
+ /* @__PURE__ */ s(Ut, { "data-feedbackType": u, children: I == null ? void 0 : I.title }),
313
+ /* @__PURE__ */ s(P, { children: I == null ? void 0 : I.description })
293
314
  ] }) })
294
315
  ] })
295
316
  ] });
296
- }, _t = /* @__PURE__ */ o("div")({
317
+ }, Pt = /* @__PURE__ */ r("div")({
297
318
  name: "Container",
298
319
  class: "c14ielyq",
299
320
  propsAsIs: !1
300
- }), Pt = /* @__PURE__ */ o("div")({
321
+ }), _t = /* @__PURE__ */ r("div")({
301
322
  name: "Content",
302
323
  class: "c1tlqx57",
303
324
  propsAsIs: !1
304
- }), Yt = /* @__PURE__ */ o("div")({
325
+ }), Yt = /* @__PURE__ */ r("div")({
305
326
  name: "Title",
306
327
  class: "t1hq58md",
307
328
  propsAsIs: !1
308
- }), Wt = /* @__PURE__ */ o("div")({
329
+ }), Vt = /* @__PURE__ */ r("div")({
309
330
  name: "Options",
310
331
  class: "o1c8nxcx",
311
332
  propsAsIs: !1
312
- }), Vt = /* @__PURE__ */ o("button")({
333
+ }), Wt = /* @__PURE__ */ r("button")({
313
334
  name: "ButtonContainer",
314
335
  class: "b1b6dl8t",
315
336
  propsAsIs: !1
316
- }), Ft = /* @__PURE__ */ o("div")({
337
+ }), Ft = /* @__PURE__ */ r("div")({
317
338
  name: "ButtonPct",
318
339
  class: "b4iik8i",
319
340
  propsAsIs: !1
320
- }), Bt = /* @__PURE__ */ o("span")({
341
+ }), Bt = /* @__PURE__ */ r("span")({
321
342
  name: "ButtonBody",
322
343
  class: "b1gq1lnf",
323
344
  propsAsIs: !1
324
- }), Ht = /* @__PURE__ */ o("div")({
345
+ }), Ht = /* @__PURE__ */ r("div")({
325
346
  name: "IconContainer",
326
347
  class: "i1j65z51",
327
348
  propsAsIs: !1
328
- }), Gt = /* @__PURE__ */ o("div")({
349
+ }), Gt = /* @__PURE__ */ r("div")({
329
350
  name: "IconWrap",
330
351
  class: "i19tpfua",
331
352
  propsAsIs: !1
332
- }), we = /* @__PURE__ */ o("img")({
353
+ }), Re = /* @__PURE__ */ r("img")({
333
354
  name: "Icon",
334
355
  class: "i1tubmma",
335
356
  propsAsIs: !1
336
- }), Zt = () => we, Jt = /* @__PURE__ */ o(Zt())({
357
+ }), Zt = () => Re, Jt = /* @__PURE__ */ r(Zt())({
337
358
  name: "IconDefault",
338
359
  class: "i1grrgwj",
339
360
  propsAsIs: !0
340
- }), Kt = () => we, Xt = /* @__PURE__ */ o(Kt())({
361
+ }), Kt = () => Re, Xt = /* @__PURE__ */ r(Kt())({
341
362
  name: "IconCircle",
342
363
  class: "ibemyq8",
343
364
  propsAsIs: !0
344
- }), en = /* @__PURE__ */ o("span")({
365
+ }), en = /* @__PURE__ */ r("span")({
345
366
  name: "Title",
346
367
  class: "t1dceht",
347
368
  propsAsIs: !1
348
- }), tn = /* @__PURE__ */ o("span")({
369
+ }), tn = /* @__PURE__ */ r("span")({
349
370
  name: "Indicators",
350
371
  class: "i116q4vq",
351
372
  propsAsIs: !1
352
- }), nn = /* @__PURE__ */ o("span")({
373
+ }), nn = /* @__PURE__ */ r("span")({
353
374
  name: "Percentage",
354
375
  class: "p17ajcu2",
355
376
  propsAsIs: !1
356
- }), sn = () => j, on = /* @__PURE__ */ o(sn())({
377
+ }), sn = () => j, rn = /* @__PURE__ */ r(sn())({
357
378
  name: "CheckIcon",
358
379
  class: "cu9kmlb",
359
380
  propsAsIs: !0
360
- }), pe = {
361
- [Q.CENTERED]: (e) => /* @__PURE__ */ s(Jt, { alt: "option-icon", src: e }),
362
- [Q.TRANSPARENT]: (e) => /* @__PURE__ */ s(Ht, { children: /* @__PURE__ */ s(Gt, { style: { backgroundImage: `url(${e})` } }) }),
363
- [Q.ROUNDED]: (e) => /* @__PURE__ */ s(Xt, { alt: "option-icon", src: e }),
364
- [Q.NONE]: () => null,
365
- [Q.UNSET]: () => null
366
- }, rn = ({ questionType: e, hasCorrectAnswer: t, correct: n, youVoted: i, questionVoted: r }) => {
367
- if (e === x.POLL && i)
381
+ }), ge = {
382
+ [V.CENTERED]: (e) => /* @__PURE__ */ s(Jt, { alt: "option-icon", src: e }),
383
+ [V.TRANSPARENT]: (e) => /* @__PURE__ */ s(Ht, { children: /* @__PURE__ */ s(Gt, { style: { backgroundImage: `url(${e})` } }) }),
384
+ [V.ROUNDED]: (e) => /* @__PURE__ */ s(Xt, { alt: "option-icon", src: e }),
385
+ [V.NONE]: () => null,
386
+ [V.UNSET]: () => null
387
+ }, on = ({ questionType: e, hasCorrectAnswer: t, correct: n, youVoted: i, questionVoted: o }) => {
388
+ if (e === z.POLL && i)
368
389
  return "correct";
369
- if (e === x.PREDICTION) {
370
- if (t && r)
390
+ if (e === z.PREDICTION) {
391
+ if (t && o)
371
392
  return i ? n ? "correct" : "incorrect" : "unset";
372
393
  if (i)
373
394
  return "correct";
374
395
  }
375
- return e === x.TRIVIA && r && i ? n ? "correct" : "incorrect" : "unset";
396
+ return e === z.TRIVIA && o && i ? n ? "correct" : "incorrect" : "unset";
376
397
  }, an = ({
377
398
  questionType: e,
378
399
  questionVoted: t,
379
400
  correct: n,
380
401
  hasCorrectAnswer: i,
381
- questionStatus: r
382
- }) => e === x.TRIVIA ? t && n : e === x.PREDICTION ? t && n && i || r === C.RESOLVED && n : !1, ln = (e) => {
402
+ questionStatus: o
403
+ }) => e === z.TRIVIA ? t && n : e === z.PREDICTION ? t && n && i || o === E.RESOLVED && n : !1, ln = (e) => {
383
404
  var t;
384
405
  const {
385
406
  // option props
386
407
  id: n,
387
408
  icon: i,
388
- text: r,
409
+ text: o,
389
410
  percentageDecimal: m,
390
411
  // extra props
391
- onVote: c,
392
- youSelected: I,
393
- questionVoted: d,
412
+ onVote: l,
413
+ markThatVoted: h,
414
+ youSelected: d,
415
+ questionVoted: f,
394
416
  // ToDo: Figure out why imageMode is not in the response, and delete default value
395
- imageMode: h,
396
- answerTimeExpired: y,
397
- questionStatus: S,
398
- isLoading: N,
417
+ imageMode: N,
418
+ answerTimeExpired: D,
419
+ questionStatus: A,
420
+ isLoading: S,
399
421
  questionType: T,
400
- correct: D,
401
- hasCorrectAnswer: a
402
- } = e, l = rn(e), p = an({ questionType: T, questionVoted: d, correct: D, hasCorrectAnswer: a, questionStatus: S }), f = S === C.RESOLVED && T === x.PREDICTION, g = d || f;
403
- return /* @__PURE__ */ u(
404
- Vt,
422
+ correct: a,
423
+ hasCorrectAnswer: p,
424
+ votedAfterQuestionClosed: u,
425
+ enteredAnActiveQuestion: I
426
+ } = e, g = on(e), x = an({ questionType: T, questionVoted: f, correct: a, hasCorrectAnswer: p, questionStatus: A }), v = A === E.RESOLVED && T === z.PREDICTION, y = f || v;
427
+ return /* @__PURE__ */ c(
428
+ Wt,
405
429
  {
406
430
  value: n,
407
- "data-selected": I,
408
- "data-answerState": l,
409
- disabled: d || N || y || f,
410
- "data-isNotChecked": d && !I && l !== "incorrect",
411
- onClick: c,
431
+ "data-selected": d,
432
+ "data-answerState": g,
433
+ disabled: f || S || D || v && !I || v && I && u,
434
+ "data-isNotChecked": f && !d && g !== "incorrect",
435
+ onClick: (M) => {
436
+ h(A === E.RESOLVED), l(M);
437
+ },
412
438
  children: [
413
- /* @__PURE__ */ s(Ft, { "data-answerState": l, style: { width: `${g ? m : 0}%` } }),
414
- /* @__PURE__ */ u(Bt, { children: [
415
- i && h && ((t = pe[h]) == null ? void 0 : t.call(pe, i)),
416
- /* @__PURE__ */ s(en, { children: r }),
417
- g && /* @__PURE__ */ u(tn, { children: [
418
- p && /* @__PURE__ */ s(on, { name: "selected" }),
419
- /* @__PURE__ */ s(nn, { children: /* @__PURE__ */ s(ze, { value: m, suffix: "%" }) })
439
+ /* @__PURE__ */ s(Ft, { "data-answerState": g, style: { width: `${y ? m : 0}%` } }),
440
+ /* @__PURE__ */ c(Bt, { children: [
441
+ i && N && ((t = ge[N]) == null ? void 0 : t.call(ge, i)),
442
+ /* @__PURE__ */ s(en, { children: o }),
443
+ y && /* @__PURE__ */ c(tn, { children: [
444
+ x && /* @__PURE__ */ s(rn, { name: "selected" }),
445
+ /* @__PURE__ */ s(nn, { children: /* @__PURE__ */ s(ke, { value: m, suffix: "%" }) })
420
446
  ] })
421
447
  ] })
422
448
  ]
423
449
  }
424
450
  );
425
- }, cn = [k.PRIMARY_GREEN1, k.SECONDARY_RED1, k.SECONDARY_RED1, k.NEUTRALS_GRAY3], dn = [10, 10, 1, 0], un = /* @__PURE__ */ o("div")({
451
+ }, cn = [R.PRIMARY_GREEN1, R.SECONDARY_RED1, R.SECONDARY_RED1, R.NEUTRALS_GRAY3], dn = [10, 10, 1, 0], un = /* @__PURE__ */ r("div")({
426
452
  name: "RemainingTime",
427
453
  class: "r165427",
428
454
  propsAsIs: !1
429
- }), pn = k.SECONDARY_GREEN6, me = k.SECONDARY_RED3, mn = k.NEUTRALS_GRAY3, In = ({
455
+ }), pn = R.SECONDARY_GREEN6, ve = R.SECONDARY_RED3, mn = R.NEUTRALS_GRAY3, hn = ({
430
456
  isPlaying: e = !0,
431
457
  duration: t = 30,
432
458
  onTimerExpired: n
433
459
  }) => {
434
- const [i, r] = U(t > 10 ? pn : me), m = ({
460
+ const [i, o] = L(t > 10 ? pn : ve), m = ({
435
461
  remainingTime: d
436
462
  }) => /* @__PURE__ */ s(un, {
437
463
  children: d
438
- }), c = F(() => {
439
- n == null || n(), r(mn);
440
- }, [n, r]), I = F((d) => {
441
- d === 10 && r(me);
442
- }, [r]);
443
- return /* @__PURE__ */ s(He, {
464
+ }), l = F(() => {
465
+ n == null || n(), o(mn);
466
+ }, [n, o]), h = F((d) => {
467
+ d === 10 && o(ve);
468
+ }, [o]);
469
+ return /* @__PURE__ */ s(Ge, {
444
470
  isPlaying: e,
445
471
  duration: t,
446
472
  colors: cn,
@@ -449,35 +475,35 @@ const Ge = /* @__PURE__ */ o("div")({
449
475
  strokeWidth: 2,
450
476
  trailStrokeWidth: 2,
451
477
  trailColor: i,
452
- onComplete: c,
453
- onUpdate: I,
478
+ onComplete: l,
479
+ onUpdate: h,
454
480
  children: m
455
481
  });
456
- }, hn = /* @__PURE__ */ o("div")({
482
+ }, In = /* @__PURE__ */ r("div")({
457
483
  name: "WinBarContainer",
458
484
  class: "wie6cqo",
459
485
  propsAsIs: !1
460
- }), fn = /* @__PURE__ */ o("div")({
486
+ }), fn = /* @__PURE__ */ r("div")({
461
487
  name: "Content",
462
488
  class: "cgizw4u",
463
489
  propsAsIs: !1
464
- }), gn = /* @__PURE__ */ o("div")({
490
+ }), gn = /* @__PURE__ */ r("div")({
465
491
  name: "Title",
466
492
  class: "t1l3ucjp",
467
493
  propsAsIs: !1
468
- }), vn = () => j, Mn = /* @__PURE__ */ o(vn())({
494
+ }), vn = () => j, Mn = /* @__PURE__ */ r(vn())({
469
495
  name: "WinIcon",
470
496
  class: "wx7j799",
471
497
  propsAsIs: !0
472
- }), Nn = /* @__PURE__ */ o("div")({
498
+ }), An = /* @__PURE__ */ r("div")({
473
499
  name: "Points",
474
500
  class: "p4lwuj0",
475
501
  propsAsIs: !1
476
- }), An = /* @__PURE__ */ o("span")({
502
+ }), Nn = /* @__PURE__ */ r("span")({
477
503
  name: "PointsCount",
478
504
  class: "po9i64o",
479
505
  propsAsIs: !1
480
- }), yn = /* @__PURE__ */ o("span")({
506
+ }), yn = /* @__PURE__ */ r("span")({
481
507
  name: "PointsUnits",
482
508
  class: "pe5g05h",
483
509
  propsAsIs: !1
@@ -486,170 +512,187 @@ const Ge = /* @__PURE__ */ o("div")({
486
512
  points: t,
487
513
  isPlayingTimer: n,
488
514
  isTimer: i,
489
- questionType: r,
515
+ questionType: o,
490
516
  timerDuration: m,
491
- onTimerExpired: c
492
- }) => /* @__PURE__ */ u(hn, { children: [
493
- /* @__PURE__ */ u(fn, { children: [
517
+ onTimerExpired: l
518
+ }) => /* @__PURE__ */ c(In, { children: [
519
+ /* @__PURE__ */ c(fn, { children: [
494
520
  e && /* @__PURE__ */ s(gn, { children: e }),
495
- t !== void 0 && r !== x.POLL && /* @__PURE__ */ u($, { children: [
521
+ t !== void 0 && o !== z.POLL && /* @__PURE__ */ c(k, { children: [
496
522
  /* @__PURE__ */ s(Mn, { name: "icon-trophy" }),
497
- /* @__PURE__ */ u(Nn, { children: [
498
- /* @__PURE__ */ s(An, { children: /* @__PURE__ */ s(ze, { value: t }) }),
523
+ /* @__PURE__ */ c(An, { children: [
524
+ /* @__PURE__ */ s(Nn, { children: /* @__PURE__ */ s(ke, { value: t }) }),
499
525
  /* @__PURE__ */ s(yn, { children: "PTS" })
500
526
  ] })
501
527
  ] })
502
528
  ] }),
503
- i && /* @__PURE__ */ s(In, { isPlaying: n, onTimerExpired: c, duration: m })
529
+ i && /* @__PURE__ */ s(hn, { isPlaying: n, onTimerExpired: l, duration: m })
504
530
  ] }), Dn = ({ openedQuestion: e, isLoading: t, vote: n, close: i }) => {
505
- var r, m;
506
- const c = e.subject, I = e.type, d = (r = e.options) == null ? void 0 : r.options, [h, y] = U(!1), [S, N] = U(""), T = e == null ? void 0 : e.id, D = F(
507
- async (M) => {
508
- if (T) {
509
- const O = M.currentTarget.value;
510
- N(O), await n(T, O);
531
+ var o, m;
532
+ const l = e.subject, h = e.type, d = (o = e.options) == null ? void 0 : o.options, [f, N] = L(!1), [D, A] = L(!1), [S, T] = L(!0), [a, p] = L(!1), [u, I] = L(""), g = e == null ? void 0 : e.id;
533
+ be(() => {
534
+ e.status === E.RESOLVED && T(!1);
535
+ }, []);
536
+ const x = F((O) => {
537
+ A(O), N(!0);
538
+ }, []), v = F(
539
+ async (O) => {
540
+ if (g) {
541
+ const $ = O.currentTarget.value;
542
+ I($), await n(g, $);
511
543
  }
512
544
  },
513
- [T, N, n]
514
- ), a = F(() => {
515
- y(!0), setTimeout(i, 3e3);
516
- }, [i]), l = w(
517
- () => e == null ? void 0 : e.answers.find((M) => M.youVoted === !0),
545
+ [g, I, n]
546
+ ), y = F(() => {
547
+ p(!0), setTimeout(i, 3e3);
548
+ }, [i]), M = w(
549
+ () => e == null ? void 0 : e.answers.find((O) => O.youVoted === !0),
518
550
  [e]
519
- ), p = w(
520
- () => !!(e != null && e.answers.find((M) => M.correct === !0)),
551
+ ), b = w(
552
+ () => !!(e != null && e.answers.find((O) => O.correct === !0)),
521
553
  [e]
522
- ), f = w(
523
- () => e == null ? void 0 : e.answers.find((M) => M.correct === !0),
554
+ ), C = w(
555
+ () => e == null ? void 0 : e.answers.find((O) => O.correct === !0),
524
556
  [e]
525
- ), g = w(() => e ? e.answers.map((M) => {
526
- var O;
557
+ ), U = w(() => e ? e.answers.map((O) => {
558
+ var $;
527
559
  return {
528
- ...M,
529
- questionVoted: !!l,
530
- youSelected: S === M.id,
560
+ ...O,
561
+ questionVoted: !!M,
562
+ youSelected: u === O.id,
531
563
  isLoading: t,
532
- hasCorrectAnswer: p,
564
+ hasCorrectAnswer: b,
533
565
  questionType: e.type,
534
- answerTimeExpired: h,
566
+ answerTimeExpired: a,
535
567
  questionStatus: e.status,
536
- imageMode: (O = e.appearance) == null ? void 0 : O.images,
537
- // ToDo: Figure out why imageMode is not in the response
538
- onVote: D
568
+ imageMode: ($ = e.appearance) == null ? void 0 : $.images,
569
+ onVote: v
539
570
  };
540
- }) : [], [p, h, t, e, l, D, S]), z = d && (d.case === "trivia" || d.case === "prediction") ? d.value : void 0, v = w(() => {
541
- if (e.status === C.RESOLVED)
571
+ }) : [], [b, a, t, e, M, v, u]), q = d && (d.case === "trivia" || d.case === "prediction") ? d.value : void 0, K = w(() => {
572
+ if (e.status === E.RESOLVED)
542
573
  return 0;
543
- if (!h)
544
- return l ? l.correct ? l.points : 0 : f == null ? void 0 : f.points;
545
- }, [h, l, f, e.status]), A = w(() => h ? "Time expired" : e.type === x.POLL ? "Time remaining" : l ? "You won" : "To win", [h, e.type, l]);
546
- return /* @__PURE__ */ s(te, { "data-question-header": "true", children: /* @__PURE__ */ s(_t, { children: /* @__PURE__ */ u(Pt, { children: [
547
- z && /* @__PURE__ */ s(
574
+ if (!a)
575
+ return M ? M.correct ? M.points : 0 : C == null ? void 0 : C.points;
576
+ }, [a, M, C, e.status]), X = w(() => a ? "Time expired" : e.type === z.POLL ? "Time remaining" : M ? "You won" : "To win", [a, e.type, M]);
577
+ return /* @__PURE__ */ s(le, { "data-question-header": "true", children: /* @__PURE__ */ s(Pt, { children: /* @__PURE__ */ c(_t, { children: [
578
+ /* @__PURE__ */ s(
548
579
  qt,
549
580
  {
550
- feedbackMessages: z,
551
- questionVoted: !!l,
552
- questionVotedCorrectly: l == null ? void 0 : l.correct,
553
- questionType: I,
554
- hasCorrectAnswer: p,
555
- questionStatus: e.status
581
+ feedbackMessages: q,
582
+ questionVoted: !!M,
583
+ questionVotedCorrectly: M == null ? void 0 : M.correct,
584
+ questionType: h,
585
+ hasCorrectAnswer: b,
586
+ questionStatus: e.status,
587
+ votedInCurrentRender: f,
588
+ votedAfterQuestionClosed: D,
589
+ enteredAnActiveQuestion: S
556
590
  }
557
591
  ),
558
- e.type !== x.PREDICTION && /* @__PURE__ */ s(
592
+ e.type !== z.PREDICTION && /* @__PURE__ */ s(
559
593
  Tn,
560
594
  {
561
- title: A,
562
- points: v,
563
- onTimerExpired: a,
595
+ title: X,
596
+ points: K,
597
+ onTimerExpired: y,
564
598
  questionType: e.type,
565
599
  isTimer: !t,
566
- isPlayingTimer: !l,
567
- timerDuration: l ? 0 : Number(((m = e == null ? void 0 : e.appearance) == null ? void 0 : m.autoHideInterval) || "30")
600
+ isPlayingTimer: !M,
601
+ timerDuration: M ? 0 : Number(((m = e == null ? void 0 : e.appearance) == null ? void 0 : m.autoHideInterval) || "30")
568
602
  }
569
603
  ),
570
- h ? /* @__PURE__ */ s(
604
+ a ? /* @__PURE__ */ s(
571
605
  Lt,
572
606
  {
573
607
  title: "More to come...",
574
608
  description: "Watch for additional enhanced stream interactive experience."
575
609
  }
576
- ) : /* @__PURE__ */ u($, { children: [
577
- /* @__PURE__ */ s(Yt, { "data-isPrediction": e.type === x.PREDICTION, children: c }),
578
- /* @__PURE__ */ s(Wt, { children: g.map((M) => /* @__PURE__ */ s(ln, { ...M }, M.id)) })
610
+ ) : /* @__PURE__ */ c(k, { children: [
611
+ /* @__PURE__ */ s(Yt, { "data-isPrediction": e.type === z.PREDICTION, children: l }),
612
+ /* @__PURE__ */ s(Vt, { children: U.map((O) => /* @__PURE__ */ s(
613
+ ln,
614
+ {
615
+ ...O,
616
+ markThatVoted: x,
617
+ votedAfterQuestionClosed: D,
618
+ enteredAnActiveQuestion: S
619
+ },
620
+ O.id
621
+ )) })
579
622
  ] })
580
623
  ] }) }) });
581
- }, Sn = /* @__PURE__ */ o("div")({
624
+ }, Sn = /* @__PURE__ */ r("div")({
582
625
  name: "Container",
583
626
  class: "cgn5uen",
584
627
  propsAsIs: !1
585
- }), zn = /* @__PURE__ */ o("div")({
628
+ }), zn = /* @__PURE__ */ r("div")({
586
629
  name: "Content",
587
630
  class: "c1px8nt6",
588
631
  propsAsIs: !1
589
- }), xn = /* @__PURE__ */ o("h3")({
632
+ }), xn = /* @__PURE__ */ r("h3")({
590
633
  name: "Title",
591
634
  class: "t5et2jt",
592
635
  propsAsIs: !1
593
- }), On = /* @__PURE__ */ o("div")({
636
+ }), On = /* @__PURE__ */ r("div")({
594
637
  name: "Description",
595
638
  class: "d1i2kpk2",
596
639
  propsAsIs: !1
597
- }), jn = /* @__PURE__ */ o("div")({
640
+ }), jn = /* @__PURE__ */ r("div")({
598
641
  name: "DateWrap",
599
642
  class: "dd3lh3p",
600
643
  propsAsIs: !1
601
- }), bn = /* @__PURE__ */ o("img")({
644
+ }), bn = /* @__PURE__ */ r("img")({
602
645
  name: "Image",
603
646
  class: "i1gfjeu5",
604
647
  propsAsIs: !1
605
- }), ke = ({ created: e, image: t, title: n, instantView: i }) => {
606
- const r = w(() => {
648
+ }), Qe = ({ created: e, image: t, title: n, instantView: i }) => {
649
+ const o = w(() => {
607
650
  if (e) {
608
- const c = new Date(e);
609
- if (ie(c))
651
+ const l = new Date(e);
652
+ if (ue(l))
610
653
  return {
611
- date: ne(c),
612
- time: se(c)
654
+ date: ce(l),
655
+ time: de(l)
613
656
  };
614
657
  }
615
658
  return null;
616
659
  }, [e]), m = (i == null ? void 0 : i.image) || t;
617
- return /* @__PURE__ */ u(Sn, { children: [
618
- r && /* @__PURE__ */ u(jn, { children: [
619
- r.date,
660
+ return /* @__PURE__ */ c(Sn, { children: [
661
+ o && /* @__PURE__ */ c(jn, { children: [
662
+ o.date,
620
663
  " · ",
621
- r.time
664
+ o.time
622
665
  ] }),
623
- (i == null ? void 0 : i.video) && /* @__PURE__ */ s(_e, { source: i.video.url, poster: i.video.thumbnailUrl }),
666
+ (i == null ? void 0 : i.video) && /* @__PURE__ */ s(Ye, { source: i.video.url, poster: i.video.thumbnailUrl }),
624
667
  m && !(i != null && i.video) && /* @__PURE__ */ s(bn, { src: m }),
625
- /* @__PURE__ */ u(zn, { children: [
668
+ /* @__PURE__ */ c(zn, { children: [
626
669
  /* @__PURE__ */ s(xn, { children: (i == null ? void 0 : i.heading) || n }),
627
670
  /* @__PURE__ */ s(On, { children: i == null ? void 0 : i.body })
628
671
  ] })
629
672
  ] });
630
- }, wn = /* @__PURE__ */ o("div")({
673
+ }, Cn = /* @__PURE__ */ r("div")({
631
674
  name: "Container",
632
675
  class: "c1euiow",
633
676
  propsAsIs: !1
634
- }), kn = /* @__PURE__ */ o("a")({
677
+ }), kn = /* @__PURE__ */ r("a")({
635
678
  name: "WebLinkBtn",
636
679
  class: "w19zie3h",
637
680
  propsAsIs: !1
638
- }), Cn = ({ instantView: e, ...t }) => /* @__PURE__ */ u(wn, { children: [
639
- /* @__PURE__ */ s(ke, { instantView: e, ...t }),
640
- (e == null ? void 0 : e.webLink) && /* @__PURE__ */ u(kn, { href: e == null ? void 0 : e.webLink.url, target: "_blank", children: [
681
+ }), wn = ({ instantView: e, ...t }) => /* @__PURE__ */ c(Cn, { children: [
682
+ /* @__PURE__ */ s(Qe, { instantView: e, ...t }),
683
+ (e == null ? void 0 : e.webLink) && /* @__PURE__ */ c(kn, { href: e == null ? void 0 : e.webLink.url, target: "_blank", children: [
641
684
  "Explore more of the Masters History",
642
685
  /* @__PURE__ */ s(j, { name: "icon-external-link" })
643
686
  ] })
644
- ] }), Ln = /* @__PURE__ */ o("div")({
687
+ ] }), En = /* @__PURE__ */ r("div")({
645
688
  name: "Container",
646
689
  class: "c1dcxmvf",
647
690
  propsAsIs: !1
648
- }), En = /* @__PURE__ */ o("div")({
691
+ }), Ln = /* @__PURE__ */ r("div")({
649
692
  name: "DateTime",
650
693
  class: "db4q22c",
651
694
  propsAsIs: !1
652
- }), $n = /* @__PURE__ */ o("blockquote")({
695
+ }), $n = /* @__PURE__ */ r("blockquote")({
653
696
  name: "Quote",
654
697
  class: "q111mmic",
655
698
  propsAsIs: !1
@@ -657,24 +700,24 @@ const Ge = /* @__PURE__ */ o("div")({
657
700
  const n = w(() => {
658
701
  if (e) {
659
702
  const i = new Date(e);
660
- if (ie(i))
703
+ if (ue(i))
661
704
  return {
662
- date: ne(i),
663
- time: se(i)
705
+ date: ce(i),
706
+ time: de(i)
664
707
  };
665
708
  }
666
709
  return null;
667
710
  }, [e]);
668
- return /* @__PURE__ */ u(Ln, { children: [
669
- n && /* @__PURE__ */ u(En, { children: [
711
+ return /* @__PURE__ */ c(En, { children: [
712
+ n && /* @__PURE__ */ c(Ln, { children: [
670
713
  n.date,
671
714
  " · ",
672
715
  n.time
673
716
  ] }),
674
717
  t.title && /* @__PURE__ */ s($n, { children: t.title }),
675
- /* @__PURE__ */ s(De, { ...t })
718
+ /* @__PURE__ */ s(je, { ...t })
676
719
  ] });
677
- }, Qn = /* @__PURE__ */ o("div")({
720
+ }, Qn = /* @__PURE__ */ r("div")({
678
721
  name: "QuestionContainer",
679
722
  class: "qdri6g3",
680
723
  propsAsIs: !1
@@ -682,7 +725,7 @@ const Ge = /* @__PURE__ */ o("div")({
682
725
  openedQuestion: e
683
726
  }) => {
684
727
  var t, n;
685
- return ((t = e == null ? void 0 : e.attributes) == null ? void 0 : t.attributes.case) === "insight" ? /* @__PURE__ */ s(Cn, {
728
+ return ((t = e == null ? void 0 : e.attributes) == null ? void 0 : t.attributes.case) === "insight" ? /* @__PURE__ */ s(wn, {
686
729
  created: e.attributes.created,
687
730
  ...e.attributes.attributes.value
688
731
  }) : ((n = e == null ? void 0 : e.attributes) == null ? void 0 : n.attributes.case) === "tweet" ? /* @__PURE__ */ s(Rn, {
@@ -696,61 +739,61 @@ const Ge = /* @__PURE__ */ o("div")({
696
739
  }) => {
697
740
  const {
698
741
  loading: i,
699
- data: r
742
+ data: o
700
743
  } = e;
701
- return r ? /* @__PURE__ */ s(Dn, {
744
+ return o ? /* @__PURE__ */ s(Dn, {
702
745
  vote: t,
703
746
  close: n,
704
- openedQuestion: r,
747
+ openedQuestion: o,
705
748
  isLoading: !!i
706
749
  }) : null;
707
- }, _n = ({
750
+ }, Pn = ({
708
751
  gamification: e
709
752
  }) => {
710
753
  var t;
711
- const n = L(e.openedQuestion.$store), i = L(e.openedQuestion.$extendedStore);
754
+ const n = Q(e.openedQuestion.$store), i = Q(e.openedQuestion.$extendedStore);
712
755
  if (!n)
713
756
  return null;
714
- const r = n.type;
715
- return /* @__PURE__ */ u(Qn, {
716
- children: [/* @__PURE__ */ s(xe, {
757
+ const o = n.type;
758
+ return /* @__PURE__ */ c(Qn, {
759
+ children: [/* @__PURE__ */ s(we, {
717
760
  close: e.closeQuestion,
718
- type: ((t = n.attributes) == null ? void 0 : t.type) || x.UNSET
719
- }), r === "question" && /* @__PURE__ */ s(qn, {
761
+ type: ((t = n.attributes) == null ? void 0 : t.type) || z.UNSET
762
+ }), o === "question" && /* @__PURE__ */ s(qn, {
720
763
  vote: e.submitAnswer,
721
764
  close: e.closeQuestion,
722
765
  extendedQuestion: i
723
- }), r !== "question" && /* @__PURE__ */ s(Un, {
766
+ }), o !== "question" && /* @__PURE__ */ s(Un, {
724
767
  openedQuestion: n
725
- }), /* @__PURE__ */ s(bt, {
768
+ }), /* @__PURE__ */ s(Ct, {
726
769
  sponsorLogo: ""
727
770
  })]
728
771
  });
729
- }, Pn = /* @__PURE__ */ o("div")({
772
+ }, _n = /* @__PURE__ */ r("div")({
730
773
  name: "Container",
731
774
  class: "c115qtkr",
732
775
  propsAsIs: !1
733
- }), Yn = /* @__PURE__ */ o("div")({
776
+ }), Yn = /* @__PURE__ */ r("div")({
734
777
  name: "STabs",
735
778
  class: "sxnslc8",
736
779
  propsAsIs: !1
737
- }), Wn = /* @__PURE__ */ o("button")({
780
+ }), Vn = /* @__PURE__ */ r("button")({
738
781
  name: "Button",
739
782
  class: "b1umzux0",
740
783
  propsAsIs: !1
741
- }), Vn = /* @__PURE__ */ o("span")({
784
+ }), Wn = /* @__PURE__ */ r("span")({
742
785
  name: "Title",
743
786
  class: "tspsaas",
744
787
  propsAsIs: !1
745
788
  });
746
- var V = /* @__PURE__ */ ((e) => (e.HOME = "home", e.LEADERBOARD = "leaderboard", e))(V || {});
747
- const Ie = ({ title: e, active: t, onClick: n }) => /* @__PURE__ */ s(Wn, { onClick: n, "data-selected": t, children: /* @__PURE__ */ s(Vn, { children: e }) }), Fn = ({ activePage: e = "home", toggleActivePage: t }) => /* @__PURE__ */ s(Pn, { children: /* @__PURE__ */ u(Yn, { "data-position": e === "home" ? "left" : "right", children: [
748
- /* @__PURE__ */ s(Ie, { title: "Home", active: e === "home", onClick: () => t(
789
+ var J = /* @__PURE__ */ ((e) => (e.HOME = "home", e.LEADERBOARD = "leaderboard", e))(J || {});
790
+ const Me = ({ title: e, active: t, onClick: n }) => /* @__PURE__ */ s(Vn, { onClick: n, "data-selected": t, children: /* @__PURE__ */ s(Wn, { children: e }) }), Fn = ({ activePage: e = "home", toggleActivePage: t }) => /* @__PURE__ */ s(_n, { children: /* @__PURE__ */ c(Yn, { "data-position": e === "home" ? "left" : "right", children: [
791
+ /* @__PURE__ */ s(Me, { title: "Home", active: e === "home", onClick: () => t(
749
792
  "home"
750
793
  /* HOME */
751
794
  ) }),
752
795
  /* @__PURE__ */ s(
753
- Ie,
796
+ Me,
754
797
  {
755
798
  title: "Leader Board",
756
799
  active: e === "leaderboard",
@@ -761,34 +804,34 @@ const Ie = ({ title: e, active: t, onClick: n }) => /* @__PURE__ */ s(Wn, { onCl
761
804
  }
762
805
  )
763
806
  ] }) });
764
- function X() {
765
- return X = Object.assign ? Object.assign.bind() : function(e) {
807
+ function oe() {
808
+ return oe = Object.assign ? Object.assign.bind() : function(e) {
766
809
  for (var t = 1; t < arguments.length; t++) {
767
810
  var n = arguments[t];
768
811
  for (var i in n)
769
812
  Object.prototype.hasOwnProperty.call(n, i) && (e[i] = n[i]);
770
813
  }
771
814
  return e;
772
- }, X.apply(this, arguments);
815
+ }, oe.apply(this, arguments);
773
816
  }
774
- function he(e) {
817
+ function Ae(e) {
775
818
  if (e === void 0)
776
819
  throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
777
820
  return e;
778
821
  }
779
- function ee(e, t) {
780
- return ee = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(i, r) {
781
- return i.__proto__ = r, i;
782
- }, ee(e, t);
822
+ function ae(e, t) {
823
+ return ae = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(i, o) {
824
+ return i.__proto__ = o, i;
825
+ }, ae(e, t);
783
826
  }
784
827
  function Bn(e, t) {
785
- e.prototype = Object.create(t.prototype), e.prototype.constructor = e, ee(e, t);
828
+ e.prototype = Object.create(t.prototype), e.prototype.constructor = e, ae(e, t);
786
829
  }
787
- var fe = Number.isNaN || function(t) {
830
+ var Ne = Number.isNaN || function(t) {
788
831
  return typeof t == "number" && t !== t;
789
832
  };
790
833
  function Hn(e, t) {
791
- return !!(e === t || fe(e) && fe(t));
834
+ return !!(e === t || Ne(e) && Ne(t));
792
835
  }
793
836
  function Gn(e, t) {
794
837
  if (e.length !== t.length)
@@ -798,138 +841,138 @@ function Gn(e, t) {
798
841
  return !1;
799
842
  return !0;
800
843
  }
801
- function Z(e, t) {
844
+ function se(e, t) {
802
845
  t === void 0 && (t = Gn);
803
- var n, i = [], r, m = !1;
804
- function c() {
805
- for (var I = [], d = 0; d < arguments.length; d++)
806
- I[d] = arguments[d];
807
- return m && n === this && t(I, i) || (r = e.apply(this, I), m = !0, n = this, i = I), r;
846
+ var n, i = [], o, m = !1;
847
+ function l() {
848
+ for (var h = [], d = 0; d < arguments.length; d++)
849
+ h[d] = arguments[d];
850
+ return m && n === this && t(h, i) || (o = e.apply(this, h), m = !0, n = this, i = h), o;
808
851
  }
809
- return c;
852
+ return l;
810
853
  }
811
- var Zn = typeof performance == "object" && typeof performance.now == "function", ge = Zn ? function() {
854
+ var Zn = typeof performance == "object" && typeof performance.now == "function", ye = Zn ? function() {
812
855
  return performance.now();
813
856
  } : function() {
814
857
  return Date.now();
815
858
  };
816
- function ve(e) {
859
+ function Te(e) {
817
860
  cancelAnimationFrame(e.id);
818
861
  }
819
862
  function Jn(e, t) {
820
- var n = ge();
863
+ var n = ye();
821
864
  function i() {
822
- ge() - n >= t ? e.call(null) : r.id = requestAnimationFrame(i);
865
+ ye() - n >= t ? e.call(null) : o.id = requestAnimationFrame(i);
823
866
  }
824
- var r = {
867
+ var o = {
825
868
  id: requestAnimationFrame(i)
826
869
  };
827
- return r;
870
+ return o;
828
871
  }
829
- var J = -1;
830
- function Me(e) {
831
- if (e === void 0 && (e = !1), J === -1 || e) {
872
+ var ie = -1;
873
+ function De(e) {
874
+ if (e === void 0 && (e = !1), ie === -1 || e) {
832
875
  var t = document.createElement("div"), n = t.style;
833
- n.width = "50px", n.height = "50px", n.overflow = "scroll", document.body.appendChild(t), J = t.offsetWidth - t.clientWidth, document.body.removeChild(t);
876
+ n.width = "50px", n.height = "50px", n.overflow = "scroll", document.body.appendChild(t), ie = t.offsetWidth - t.clientWidth, document.body.removeChild(t);
834
877
  }
835
- return J;
878
+ return ie;
836
879
  }
837
- var E = null;
838
- function Ne(e) {
839
- if (e === void 0 && (e = !1), E === null || e) {
880
+ var _ = null;
881
+ function Se(e) {
882
+ if (e === void 0 && (e = !1), _ === null || e) {
840
883
  var t = document.createElement("div"), n = t.style;
841
884
  n.width = "50px", n.height = "50px", n.overflow = "scroll", n.direction = "rtl";
842
- var i = document.createElement("div"), r = i.style;
843
- return r.width = "100px", r.height = "100px", t.appendChild(i), document.body.appendChild(t), t.scrollLeft > 0 ? E = "positive-descending" : (t.scrollLeft = 1, t.scrollLeft === 0 ? E = "negative" : E = "positive-ascending"), document.body.removeChild(t), E;
885
+ var i = document.createElement("div"), o = i.style;
886
+ return o.width = "100px", o.height = "100px", t.appendChild(i), document.body.appendChild(t), t.scrollLeft > 0 ? _ = "positive-descending" : (t.scrollLeft = 1, t.scrollLeft === 0 ? _ = "negative" : _ = "positive-ascending"), document.body.removeChild(t), _;
844
887
  }
845
- return E;
888
+ return _;
846
889
  }
847
890
  var Kn = 150, Xn = function(t, n) {
848
891
  return t;
849
892
  };
850
893
  function es(e) {
851
- var t, n = e.getItemOffset, i = e.getEstimatedTotalSize, r = e.getItemSize, m = e.getOffsetForIndexAndAlignment, c = e.getStartIndexForOffset, I = e.getStopIndexForStartIndex, d = e.initInstanceProps, h = e.shouldResetStyleCacheOnItemSizeChange, y = e.validateProps;
852
- return t = /* @__PURE__ */ function(S) {
853
- Bn(N, S);
854
- function N(D) {
894
+ var t, n = e.getItemOffset, i = e.getEstimatedTotalSize, o = e.getItemSize, m = e.getOffsetForIndexAndAlignment, l = e.getStartIndexForOffset, h = e.getStopIndexForStartIndex, d = e.initInstanceProps, f = e.shouldResetStyleCacheOnItemSizeChange, N = e.validateProps;
895
+ return t = /* @__PURE__ */ function(D) {
896
+ Bn(A, D);
897
+ function A(T) {
855
898
  var a;
856
- return a = S.call(this, D) || this, a._instanceProps = d(a.props, he(a)), a._outerRef = void 0, a._resetIsScrollingTimeoutId = null, a.state = {
857
- instance: he(a),
899
+ return a = D.call(this, T) || this, a._instanceProps = d(a.props, Ae(a)), a._outerRef = void 0, a._resetIsScrollingTimeoutId = null, a.state = {
900
+ instance: Ae(a),
858
901
  isScrolling: !1,
859
902
  scrollDirection: "forward",
860
903
  scrollOffset: typeof a.props.initialScrollOffset == "number" ? a.props.initialScrollOffset : 0,
861
904
  scrollUpdateWasRequested: !1
862
- }, a._callOnItemsRendered = void 0, a._callOnItemsRendered = Z(function(l, p, f, g) {
905
+ }, a._callOnItemsRendered = void 0, a._callOnItemsRendered = se(function(p, u, I, g) {
863
906
  return a.props.onItemsRendered({
864
- overscanStartIndex: l,
865
- overscanStopIndex: p,
866
- visibleStartIndex: f,
907
+ overscanStartIndex: p,
908
+ overscanStopIndex: u,
909
+ visibleStartIndex: I,
867
910
  visibleStopIndex: g
868
911
  });
869
- }), a._callOnScroll = void 0, a._callOnScroll = Z(function(l, p, f) {
912
+ }), a._callOnScroll = void 0, a._callOnScroll = se(function(p, u, I) {
870
913
  return a.props.onScroll({
871
- scrollDirection: l,
872
- scrollOffset: p,
873
- scrollUpdateWasRequested: f
914
+ scrollDirection: p,
915
+ scrollOffset: u,
916
+ scrollUpdateWasRequested: I
874
917
  });
875
- }), a._getItemStyle = void 0, a._getItemStyle = function(l) {
876
- var p = a.props, f = p.direction, g = p.itemSize, z = p.layout, v = a._getItemStyleCache(h && g, h && z, h && f), A;
877
- if (v.hasOwnProperty(l))
878
- A = v[l];
918
+ }), a._getItemStyle = void 0, a._getItemStyle = function(p) {
919
+ var u = a.props, I = u.direction, g = u.itemSize, x = u.layout, v = a._getItemStyleCache(f && g, f && x, f && I), y;
920
+ if (v.hasOwnProperty(p))
921
+ y = v[p];
879
922
  else {
880
- var M = n(a.props, l, a._instanceProps), O = r(a.props, l, a._instanceProps), b = f === "horizontal" || z === "horizontal", q = f === "rtl", _ = b ? M : 0;
881
- v[l] = A = {
923
+ var M = n(a.props, p, a._instanceProps), b = o(a.props, p, a._instanceProps), C = I === "horizontal" || x === "horizontal", U = I === "rtl", q = C ? M : 0;
924
+ v[p] = y = {
882
925
  position: "absolute",
883
- left: q ? void 0 : _,
884
- right: q ? _ : void 0,
885
- top: b ? 0 : M,
886
- height: b ? "100%" : O,
887
- width: b ? O : "100%"
926
+ left: U ? void 0 : q,
927
+ right: U ? q : void 0,
928
+ top: C ? 0 : M,
929
+ height: C ? "100%" : b,
930
+ width: C ? b : "100%"
888
931
  };
889
932
  }
890
- return A;
891
- }, a._getItemStyleCache = void 0, a._getItemStyleCache = Z(function(l, p, f) {
933
+ return y;
934
+ }, a._getItemStyleCache = void 0, a._getItemStyleCache = se(function(p, u, I) {
892
935
  return {};
893
- }), a._onScrollHorizontal = function(l) {
894
- var p = l.currentTarget, f = p.clientWidth, g = p.scrollLeft, z = p.scrollWidth;
936
+ }), a._onScrollHorizontal = function(p) {
937
+ var u = p.currentTarget, I = u.clientWidth, g = u.scrollLeft, x = u.scrollWidth;
895
938
  a.setState(function(v) {
896
939
  if (v.scrollOffset === g)
897
940
  return null;
898
- var A = a.props.direction, M = g;
899
- if (A === "rtl")
900
- switch (Ne()) {
941
+ var y = a.props.direction, M = g;
942
+ if (y === "rtl")
943
+ switch (Se()) {
901
944
  case "negative":
902
945
  M = -g;
903
946
  break;
904
947
  case "positive-descending":
905
- M = z - f - g;
948
+ M = x - I - g;
906
949
  break;
907
950
  }
908
- return M = Math.max(0, Math.min(M, z - f)), {
951
+ return M = Math.max(0, Math.min(M, x - I)), {
909
952
  isScrolling: !0,
910
953
  scrollDirection: v.scrollOffset < g ? "forward" : "backward",
911
954
  scrollOffset: M,
912
955
  scrollUpdateWasRequested: !1
913
956
  };
914
957
  }, a._resetIsScrollingDebounced);
915
- }, a._onScrollVertical = function(l) {
916
- var p = l.currentTarget, f = p.clientHeight, g = p.scrollHeight, z = p.scrollTop;
958
+ }, a._onScrollVertical = function(p) {
959
+ var u = p.currentTarget, I = u.clientHeight, g = u.scrollHeight, x = u.scrollTop;
917
960
  a.setState(function(v) {
918
- if (v.scrollOffset === z)
961
+ if (v.scrollOffset === x)
919
962
  return null;
920
- var A = Math.max(0, Math.min(z, g - f));
963
+ var y = Math.max(0, Math.min(x, g - I));
921
964
  return {
922
965
  isScrolling: !0,
923
- scrollDirection: v.scrollOffset < A ? "forward" : "backward",
924
- scrollOffset: A,
966
+ scrollDirection: v.scrollOffset < y ? "forward" : "backward",
967
+ scrollOffset: y,
925
968
  scrollUpdateWasRequested: !1
926
969
  };
927
970
  }, a._resetIsScrollingDebounced);
928
- }, a._outerRefSetter = function(l) {
929
- var p = a.props.outerRef;
930
- a._outerRef = l, typeof p == "function" ? p(l) : p != null && typeof p == "object" && p.hasOwnProperty("current") && (p.current = l);
971
+ }, a._outerRefSetter = function(p) {
972
+ var u = a.props.outerRef;
973
+ a._outerRef = p, typeof u == "function" ? u(p) : u != null && typeof u == "object" && u.hasOwnProperty("current") && (u.current = p);
931
974
  }, a._resetIsScrollingDebounced = function() {
932
- a._resetIsScrollingTimeoutId !== null && ve(a._resetIsScrollingTimeoutId), a._resetIsScrollingTimeoutId = Jn(a._resetIsScrolling, Kn);
975
+ a._resetIsScrollingTimeoutId !== null && Te(a._resetIsScrollingTimeoutId), a._resetIsScrollingTimeoutId = Jn(a._resetIsScrolling, Kn);
933
976
  }, a._resetIsScrolling = function() {
934
977
  a._resetIsScrollingTimeoutId = null, a.setState({
935
978
  isScrolling: !1
@@ -938,42 +981,42 @@ function es(e) {
938
981
  });
939
982
  }, a;
940
983
  }
941
- N.getDerivedStateFromProps = function(a, l) {
942
- return ts(a, l), y(a), null;
984
+ A.getDerivedStateFromProps = function(a, p) {
985
+ return ts(a, p), N(a), null;
943
986
  };
944
- var T = N.prototype;
945
- return T.scrollTo = function(a) {
946
- a = Math.max(0, a), this.setState(function(l) {
947
- return l.scrollOffset === a ? null : {
948
- scrollDirection: l.scrollOffset < a ? "forward" : "backward",
987
+ var S = A.prototype;
988
+ return S.scrollTo = function(a) {
989
+ a = Math.max(0, a), this.setState(function(p) {
990
+ return p.scrollOffset === a ? null : {
991
+ scrollDirection: p.scrollOffset < a ? "forward" : "backward",
949
992
  scrollOffset: a,
950
993
  scrollUpdateWasRequested: !0
951
994
  };
952
995
  }, this._resetIsScrollingDebounced);
953
- }, T.scrollToItem = function(a, l) {
954
- l === void 0 && (l = "auto");
955
- var p = this.props, f = p.itemCount, g = p.layout, z = this.state.scrollOffset;
956
- a = Math.max(0, Math.min(a, f - 1));
996
+ }, S.scrollToItem = function(a, p) {
997
+ p === void 0 && (p = "auto");
998
+ var u = this.props, I = u.itemCount, g = u.layout, x = this.state.scrollOffset;
999
+ a = Math.max(0, Math.min(a, I - 1));
957
1000
  var v = 0;
958
1001
  if (this._outerRef) {
959
- var A = this._outerRef;
960
- g === "vertical" ? v = A.scrollWidth > A.clientWidth ? Me() : 0 : v = A.scrollHeight > A.clientHeight ? Me() : 0;
1002
+ var y = this._outerRef;
1003
+ g === "vertical" ? v = y.scrollWidth > y.clientWidth ? De() : 0 : v = y.scrollHeight > y.clientHeight ? De() : 0;
961
1004
  }
962
- this.scrollTo(m(this.props, a, l, z, this._instanceProps, v));
963
- }, T.componentDidMount = function() {
964
- var a = this.props, l = a.direction, p = a.initialScrollOffset, f = a.layout;
965
- if (typeof p == "number" && this._outerRef != null) {
1005
+ this.scrollTo(m(this.props, a, p, x, this._instanceProps, v));
1006
+ }, S.componentDidMount = function() {
1007
+ var a = this.props, p = a.direction, u = a.initialScrollOffset, I = a.layout;
1008
+ if (typeof u == "number" && this._outerRef != null) {
966
1009
  var g = this._outerRef;
967
- l === "horizontal" || f === "horizontal" ? g.scrollLeft = p : g.scrollTop = p;
1010
+ p === "horizontal" || I === "horizontal" ? g.scrollLeft = u : g.scrollTop = u;
968
1011
  }
969
1012
  this._callPropsCallbacks();
970
- }, T.componentDidUpdate = function() {
971
- var a = this.props, l = a.direction, p = a.layout, f = this.state, g = f.scrollOffset, z = f.scrollUpdateWasRequested;
972
- if (z && this._outerRef != null) {
1013
+ }, S.componentDidUpdate = function() {
1014
+ var a = this.props, p = a.direction, u = a.layout, I = this.state, g = I.scrollOffset, x = I.scrollUpdateWasRequested;
1015
+ if (x && this._outerRef != null) {
973
1016
  var v = this._outerRef;
974
- if (l === "horizontal" || p === "horizontal")
975
- if (l === "rtl")
976
- switch (Ne()) {
1017
+ if (p === "horizontal" || u === "horizontal")
1018
+ if (p === "rtl")
1019
+ switch (Se()) {
977
1020
  case "negative":
978
1021
  v.scrollLeft = -g;
979
1022
  break;
@@ -981,8 +1024,8 @@ function es(e) {
981
1024
  v.scrollLeft = g;
982
1025
  break;
983
1026
  default:
984
- var A = v.clientWidth, M = v.scrollWidth;
985
- v.scrollLeft = M - A - g;
1027
+ var y = v.clientWidth, M = v.scrollWidth;
1028
+ v.scrollLeft = M - y - g;
986
1029
  break;
987
1030
  }
988
1031
  else
@@ -991,62 +1034,62 @@ function es(e) {
991
1034
  v.scrollTop = g;
992
1035
  }
993
1036
  this._callPropsCallbacks();
994
- }, T.componentWillUnmount = function() {
995
- this._resetIsScrollingTimeoutId !== null && ve(this._resetIsScrollingTimeoutId);
996
- }, T.render = function() {
997
- var a = this.props, l = a.children, p = a.className, f = a.direction, g = a.height, z = a.innerRef, v = a.innerElementType, A = a.innerTagName, M = a.itemCount, O = a.itemData, b = a.itemKey, q = b === void 0 ? Xn : b, _ = a.layout, Ce = a.outerElementType, Le = a.outerTagName, Ee = a.style, $e = a.useIsScrolling, Re = a.width, oe = this.state.isScrolling, B = f === "horizontal" || _ === "horizontal", Qe = B ? this._onScrollHorizontal : this._onScrollVertical, re = this._getRangeToRender(), Ue = re[0], qe = re[1], ae = [];
1037
+ }, S.componentWillUnmount = function() {
1038
+ this._resetIsScrollingTimeoutId !== null && Te(this._resetIsScrollingTimeoutId);
1039
+ }, S.render = function() {
1040
+ var a = this.props, p = a.children, u = a.className, I = a.direction, g = a.height, x = a.innerRef, v = a.innerElementType, y = a.innerTagName, M = a.itemCount, b = a.itemData, C = a.itemKey, U = C === void 0 ? Xn : C, q = a.layout, K = a.outerElementType, X = a.outerTagName, O = a.style, $ = a.useIsScrolling, Ue = a.width, pe = this.state.isScrolling, ee = I === "horizontal" || q === "horizontal", qe = ee ? this._onScrollHorizontal : this._onScrollVertical, me = this._getRangeToRender(), Pe = me[0], _e = me[1], he = [];
998
1041
  if (M > 0)
999
- for (var R = Ue; R <= qe; R++)
1000
- ae.push(H(l, {
1001
- data: O,
1002
- key: q(R, O),
1003
- index: R,
1004
- isScrolling: $e ? oe : void 0,
1005
- style: this._getItemStyle(R)
1042
+ for (var Y = Pe; Y <= _e; Y++)
1043
+ he.push(te(p, {
1044
+ data: b,
1045
+ key: U(Y, b),
1046
+ index: Y,
1047
+ isScrolling: $ ? pe : void 0,
1048
+ style: this._getItemStyle(Y)
1006
1049
  }));
1007
- var le = i(this.props, this._instanceProps);
1008
- return H(Ce || Le || "div", {
1009
- className: p,
1010
- onScroll: Qe,
1050
+ var Ie = i(this.props, this._instanceProps);
1051
+ return te(K || X || "div", {
1052
+ className: u,
1053
+ onScroll: qe,
1011
1054
  ref: this._outerRefSetter,
1012
- style: X({
1055
+ style: oe({
1013
1056
  position: "relative",
1014
1057
  height: g,
1015
- width: Re,
1058
+ width: Ue,
1016
1059
  overflow: "auto",
1017
1060
  WebkitOverflowScrolling: "touch",
1018
1061
  willChange: "transform",
1019
- direction: f
1020
- }, Ee)
1021
- }, H(v || A || "div", {
1022
- children: ae,
1023
- ref: z,
1062
+ direction: I
1063
+ }, O)
1064
+ }, te(v || y || "div", {
1065
+ children: he,
1066
+ ref: x,
1024
1067
  style: {
1025
- height: B ? "100%" : le,
1026
- pointerEvents: oe ? "none" : void 0,
1027
- width: B ? le : "100%"
1068
+ height: ee ? "100%" : Ie,
1069
+ pointerEvents: pe ? "none" : void 0,
1070
+ width: ee ? Ie : "100%"
1028
1071
  }
1029
1072
  }));
1030
- }, T._callPropsCallbacks = function() {
1073
+ }, S._callPropsCallbacks = function() {
1031
1074
  if (typeof this.props.onItemsRendered == "function") {
1032
1075
  var a = this.props.itemCount;
1033
1076
  if (a > 0) {
1034
- var l = this._getRangeToRender(), p = l[0], f = l[1], g = l[2], z = l[3];
1035
- this._callOnItemsRendered(p, f, g, z);
1077
+ var p = this._getRangeToRender(), u = p[0], I = p[1], g = p[2], x = p[3];
1078
+ this._callOnItemsRendered(u, I, g, x);
1036
1079
  }
1037
1080
  }
1038
1081
  if (typeof this.props.onScroll == "function") {
1039
- var v = this.state, A = v.scrollDirection, M = v.scrollOffset, O = v.scrollUpdateWasRequested;
1040
- this._callOnScroll(A, M, O);
1082
+ var v = this.state, y = v.scrollDirection, M = v.scrollOffset, b = v.scrollUpdateWasRequested;
1083
+ this._callOnScroll(y, M, b);
1041
1084
  }
1042
- }, T._getRangeToRender = function() {
1043
- var a = this.props, l = a.itemCount, p = a.overscanCount, f = this.state, g = f.isScrolling, z = f.scrollDirection, v = f.scrollOffset;
1044
- if (l === 0)
1085
+ }, S._getRangeToRender = function() {
1086
+ var a = this.props, p = a.itemCount, u = a.overscanCount, I = this.state, g = I.isScrolling, x = I.scrollDirection, v = I.scrollOffset;
1087
+ if (p === 0)
1045
1088
  return [0, 0, 0, 0];
1046
- var A = c(this.props, v, this._instanceProps), M = I(this.props, A, v, this._instanceProps), O = !g || z === "backward" ? Math.max(1, p) : 1, b = !g || z === "forward" ? Math.max(1, p) : 1;
1047
- return [Math.max(0, A - O), Math.max(0, Math.min(l - 1, M + b)), A, M];
1048
- }, N;
1049
- }(Se), t.defaultProps = {
1089
+ var y = l(this.props, v, this._instanceProps), M = h(this.props, y, v, this._instanceProps), b = !g || x === "backward" ? Math.max(1, u) : 1, C = !g || x === "forward" ? Math.max(1, u) : 1;
1090
+ return [Math.max(0, y - b), Math.max(0, Math.min(p - 1, M + C)), y, M];
1091
+ }, A;
1092
+ }(Ce), t.defaultProps = {
1050
1093
  direction: "ltr",
1051
1094
  itemData: void 0,
1052
1095
  layout: "vertical",
@@ -1069,31 +1112,31 @@ var ts = function(t, n) {
1069
1112
  var n = t.itemCount, i = t.itemSize;
1070
1113
  return i * n;
1071
1114
  },
1072
- getOffsetForIndexAndAlignment: function(t, n, i, r, m, c) {
1073
- var I = t.direction, d = t.height, h = t.itemCount, y = t.itemSize, S = t.layout, N = t.width, T = I === "horizontal" || S === "horizontal", D = T ? N : d, a = Math.max(0, h * y - D), l = Math.min(a, n * y), p = Math.max(0, n * y - D + y + c);
1074
- switch (i === "smart" && (r >= p - D && r <= l + D ? i = "auto" : i = "center"), i) {
1115
+ getOffsetForIndexAndAlignment: function(t, n, i, o, m, l) {
1116
+ var h = t.direction, d = t.height, f = t.itemCount, N = t.itemSize, D = t.layout, A = t.width, S = h === "horizontal" || D === "horizontal", T = S ? A : d, a = Math.max(0, f * N - T), p = Math.min(a, n * N), u = Math.max(0, n * N - T + N + l);
1117
+ switch (i === "smart" && (o >= u - T && o <= p + T ? i = "auto" : i = "center"), i) {
1075
1118
  case "start":
1076
- return l;
1077
- case "end":
1078
1119
  return p;
1120
+ case "end":
1121
+ return u;
1079
1122
  case "center": {
1080
- var f = Math.round(p + (l - p) / 2);
1081
- return f < Math.ceil(D / 2) ? 0 : f > a + Math.floor(D / 2) ? a : f;
1123
+ var I = Math.round(u + (p - u) / 2);
1124
+ return I < Math.ceil(T / 2) ? 0 : I > a + Math.floor(T / 2) ? a : I;
1082
1125
  }
1083
1126
  case "auto":
1084
1127
  default:
1085
- return r >= p && r <= l ? r : r < p ? p : l;
1128
+ return o >= u && o <= p ? o : o < u ? u : p;
1086
1129
  }
1087
1130
  },
1088
1131
  getStartIndexForOffset: function(t, n) {
1089
- var i = t.itemCount, r = t.itemSize;
1090
- return Math.max(0, Math.min(i - 1, Math.floor(n / r)));
1132
+ var i = t.itemCount, o = t.itemSize;
1133
+ return Math.max(0, Math.min(i - 1, Math.floor(n / o)));
1091
1134
  },
1092
1135
  getStopIndexForStartIndex: function(t, n, i) {
1093
- var r = t.direction, m = t.height, c = t.itemCount, I = t.itemSize, d = t.layout, h = t.width, y = r === "horizontal" || d === "horizontal", S = n * I, N = y ? h : m, T = Math.ceil((N + i - S) / I);
1136
+ var o = t.direction, m = t.height, l = t.itemCount, h = t.itemSize, d = t.layout, f = t.width, N = o === "horizontal" || d === "horizontal", D = n * h, A = N ? f : m, S = Math.ceil((A + i - D) / h);
1094
1137
  return Math.max(0, Math.min(
1095
- c - 1,
1096
- n + T - 1
1138
+ l - 1,
1139
+ n + S - 1
1097
1140
  // -1 is because stop index is inclusive
1098
1141
  ));
1099
1142
  },
@@ -1105,37 +1148,37 @@ var ts = function(t, n) {
1105
1148
  }
1106
1149
  });
1107
1150
  function ss(e) {
1108
- var t = e.lastRenderedStartIndex, n = e.lastRenderedStopIndex, i = e.startIndex, r = e.stopIndex;
1109
- return !(i > n || r < t);
1151
+ var t = e.lastRenderedStartIndex, n = e.lastRenderedStopIndex, i = e.startIndex, o = e.stopIndex;
1152
+ return !(i > n || o < t);
1110
1153
  }
1111
1154
  function is(e) {
1112
- for (var t = e.isItemLoaded, n = e.itemCount, i = e.minimumBatchSize, r = e.startIndex, m = e.stopIndex, c = [], I = null, d = null, h = r; h <= m; h++) {
1113
- var y = t(h);
1114
- y ? d !== null && (c.push(I, d), I = d = null) : (d = h, I === null && (I = h));
1155
+ for (var t = e.isItemLoaded, n = e.itemCount, i = e.minimumBatchSize, o = e.startIndex, m = e.stopIndex, l = [], h = null, d = null, f = o; f <= m; f++) {
1156
+ var N = t(f);
1157
+ N ? d !== null && (l.push(h, d), h = d = null) : (d = f, h === null && (h = f));
1115
1158
  }
1116
1159
  if (d !== null) {
1117
- for (var S = Math.min(Math.max(d, I + i - 1), n - 1), N = d + 1; N <= S && !t(N); N++)
1118
- d = N;
1119
- c.push(I, d);
1160
+ for (var D = Math.min(Math.max(d, h + i - 1), n - 1), A = d + 1; A <= D && !t(A); A++)
1161
+ d = A;
1162
+ l.push(h, d);
1120
1163
  }
1121
- if (c.length)
1122
- for (; c[1] - c[0] + 1 < i && c[0] > 0; ) {
1123
- var T = c[0] - 1;
1124
- if (!t(T))
1125
- c[0] = T;
1164
+ if (l.length)
1165
+ for (; l[1] - l[0] + 1 < i && l[0] > 0; ) {
1166
+ var S = l[0] - 1;
1167
+ if (!t(S))
1168
+ l[0] = S;
1126
1169
  else
1127
1170
  break;
1128
1171
  }
1129
- return c;
1172
+ return l;
1130
1173
  }
1131
- var os = function(e, t) {
1174
+ var rs = function(e, t) {
1132
1175
  if (!(e instanceof t))
1133
1176
  throw new TypeError("Cannot call a class as a function");
1134
- }, rs = function() {
1177
+ }, os = function() {
1135
1178
  function e(t, n) {
1136
1179
  for (var i = 0; i < n.length; i++) {
1137
- var r = n[i];
1138
- r.enumerable = r.enumerable || !1, r.configurable = !0, "value" in r && (r.writable = !0), Object.defineProperty(t, r.key, r);
1180
+ var o = n[i];
1181
+ o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(t, o.key, o);
1139
1182
  }
1140
1183
  }
1141
1184
  return function(t, n, i) {
@@ -1152,25 +1195,25 @@ var os = function(e, t) {
1152
1195
  configurable: !0
1153
1196
  }
1154
1197
  }), t && (Object.setPrototypeOf ? Object.setPrototypeOf(e, t) : e.__proto__ = t);
1155
- }, Ae = function(e, t) {
1198
+ }, ze = function(e, t) {
1156
1199
  if (!e)
1157
1200
  throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
1158
1201
  return t && (typeof t == "object" || typeof t == "function") ? t : e;
1159
1202
  }, ls = function(e) {
1160
1203
  as(t, e);
1161
1204
  function t() {
1162
- var n, i, r, m;
1163
- os(this, t);
1164
- for (var c = arguments.length, I = Array(c), d = 0; d < c; d++)
1165
- I[d] = arguments[d];
1166
- return m = (i = (r = Ae(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) {
1167
- var y = h.visibleStartIndex, S = h.visibleStopIndex;
1168
- r._lastRenderedStartIndex = y, r._lastRenderedStopIndex = S, r._ensureRowsLoaded(y, S);
1169
- }, r._setRef = function(h) {
1170
- r._listRef = h;
1171
- }, i), Ae(r, m);
1205
+ var n, i, o, m;
1206
+ rs(this, t);
1207
+ for (var l = arguments.length, h = Array(l), d = 0; d < l; d++)
1208
+ h[d] = arguments[d];
1209
+ return m = (i = (o = ze(this, (n = t.__proto__ || Object.getPrototypeOf(t)).call.apply(n, [this].concat(h))), o), o._lastRenderedStartIndex = -1, o._lastRenderedStopIndex = -1, o._memoizedUnloadedRanges = [], o._onItemsRendered = function(f) {
1210
+ var N = f.visibleStartIndex, D = f.visibleStopIndex;
1211
+ o._lastRenderedStartIndex = N, o._lastRenderedStopIndex = D, o._ensureRowsLoaded(N, D);
1212
+ }, o._setRef = function(f) {
1213
+ o._listRef = f;
1214
+ }, i), ze(o, m);
1172
1215
  }
1173
- return rs(t, [{
1216
+ return os(t, [{
1174
1217
  key: "resetloadMoreItemsCache",
1175
1218
  value: function() {
1176
1219
  var i = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : !1;
@@ -1191,69 +1234,69 @@ var os = function(e, t) {
1191
1234
  }
1192
1235
  }, {
1193
1236
  key: "_ensureRowsLoaded",
1194
- value: function(i, r) {
1195
- var m = this.props, c = m.isItemLoaded, I = m.itemCount, d = m.minimumBatchSize, h = d === void 0 ? 10 : d, y = m.threshold, S = y === void 0 ? 15 : y, N = is({
1196
- isItemLoaded: c,
1197
- itemCount: I,
1198
- minimumBatchSize: h,
1199
- startIndex: Math.max(0, i - S),
1200
- stopIndex: Math.min(I - 1, r + S)
1237
+ value: function(i, o) {
1238
+ var m = this.props, l = m.isItemLoaded, h = m.itemCount, d = m.minimumBatchSize, f = d === void 0 ? 10 : d, N = m.threshold, D = N === void 0 ? 15 : N, A = is({
1239
+ isItemLoaded: l,
1240
+ itemCount: h,
1241
+ minimumBatchSize: f,
1242
+ startIndex: Math.max(0, i - D),
1243
+ stopIndex: Math.min(h - 1, o + D)
1201
1244
  });
1202
- (this._memoizedUnloadedRanges.length !== N.length || this._memoizedUnloadedRanges.some(function(T, D) {
1203
- return N[D] !== T;
1204
- })) && (this._memoizedUnloadedRanges = N, this._loadUnloadedRanges(N));
1245
+ (this._memoizedUnloadedRanges.length !== A.length || this._memoizedUnloadedRanges.some(function(S, T) {
1246
+ return A[T] !== S;
1247
+ })) && (this._memoizedUnloadedRanges = A, this._loadUnloadedRanges(A));
1205
1248
  }
1206
1249
  }, {
1207
1250
  key: "_loadUnloadedRanges",
1208
1251
  value: function(i) {
1209
- for (var r = this, m = this.props.loadMoreItems || this.props.loadMoreRows, c = function(h) {
1210
- var y = i[h], S = i[h + 1], N = m(y, S);
1211
- N != null && N.then(function() {
1252
+ for (var o = this, m = this.props.loadMoreItems || this.props.loadMoreRows, l = function(f) {
1253
+ var N = i[f], D = i[f + 1], A = m(N, D);
1254
+ A != null && A.then(function() {
1212
1255
  if (ss({
1213
- lastRenderedStartIndex: r._lastRenderedStartIndex,
1214
- lastRenderedStopIndex: r._lastRenderedStopIndex,
1215
- startIndex: y,
1216
- stopIndex: S
1256
+ lastRenderedStartIndex: o._lastRenderedStartIndex,
1257
+ lastRenderedStopIndex: o._lastRenderedStopIndex,
1258
+ startIndex: N,
1259
+ stopIndex: D
1217
1260
  })) {
1218
- if (r._listRef == null)
1261
+ if (o._listRef == null)
1219
1262
  return;
1220
- typeof r._listRef.resetAfterIndex == "function" ? r._listRef.resetAfterIndex(y, !0) : (typeof r._listRef._getItemStyleCache == "function" && r._listRef._getItemStyleCache(-1), r._listRef.forceUpdate());
1263
+ typeof o._listRef.resetAfterIndex == "function" ? o._listRef.resetAfterIndex(N, !0) : (typeof o._listRef._getItemStyleCache == "function" && o._listRef._getItemStyleCache(-1), o._listRef.forceUpdate());
1221
1264
  }
1222
1265
  });
1223
- }, I = 0; I < i.length; I += 2)
1224
- c(I);
1266
+ }, h = 0; h < i.length; h += 2)
1267
+ l(h);
1225
1268
  }
1226
1269
  }]), t;
1227
- }(Se);
1228
- const cs = /* @__PURE__ */ o("div")({
1270
+ }(Ce);
1271
+ const cs = /* @__PURE__ */ r("div")({
1229
1272
  name: "Container",
1230
1273
  class: "culdu4a",
1231
1274
  propsAsIs: !1
1232
- }), ds = /* @__PURE__ */ o("div")({
1275
+ }), ds = /* @__PURE__ */ r("div")({
1233
1276
  name: "Position",
1234
1277
  class: "pwf8e69",
1235
1278
  propsAsIs: !1
1236
- }), us = /* @__PURE__ */ o("img")({
1279
+ }), us = /* @__PURE__ */ r("img")({
1237
1280
  name: "Avatar",
1238
1281
  class: "atf4yh4",
1239
1282
  propsAsIs: !1
1240
- }), ps = /* @__PURE__ */ o("div")({
1283
+ }), ps = /* @__PURE__ */ r("div")({
1241
1284
  name: "AvatarPlaceholder",
1242
1285
  class: "a1dg29ja",
1243
1286
  propsAsIs: !1
1244
- }), ms = /* @__PURE__ */ o("div")({
1287
+ }), ms = /* @__PURE__ */ r("div")({
1245
1288
  name: "Content",
1246
1289
  class: "c10a68rc",
1247
1290
  propsAsIs: !1
1248
- }), Is = /* @__PURE__ */ o("div")({
1291
+ }), hs = /* @__PURE__ */ r("div")({
1249
1292
  name: "NameContainer",
1250
1293
  class: "nc4kck5",
1251
1294
  propsAsIs: !1
1252
- }), hs = /* @__PURE__ */ o("span")({
1295
+ }), Is = /* @__PURE__ */ r("span")({
1253
1296
  name: "Name",
1254
1297
  class: "njsrqgr",
1255
1298
  propsAsIs: !1
1256
- }), fs = () => j, gs = /* @__PURE__ */ o(fs())({
1299
+ }), fs = () => j, gs = /* @__PURE__ */ r(fs())({
1257
1300
  name: "CurrentUserBadge",
1258
1301
  class: "c17uc4zr",
1259
1302
  propsAsIs: !0
@@ -1262,47 +1305,47 @@ const cs = /* @__PURE__ */ o("div")({
1262
1305
  avatar: t,
1263
1306
  name: n,
1264
1307
  points: i,
1265
- isCurrentUser: r,
1308
+ isCurrentUser: o,
1266
1309
  openItemDetail: m,
1267
- style: c
1268
- }) => /* @__PURE__ */ u(cs, { onClick: m, style: c, children: [
1310
+ style: l
1311
+ }) => /* @__PURE__ */ c(cs, { onClick: m, style: l, children: [
1269
1312
  /* @__PURE__ */ s(ds, { children: e || 0 }),
1270
- /* @__PURE__ */ u(ms, { children: [
1271
- t ? /* @__PURE__ */ s(us, { alt: "leaderboard-item-avatar", src: t }) : /* @__PURE__ */ s(ps, { children: Oe(n || "") }),
1272
- /* @__PURE__ */ u(Is, { children: [
1273
- /* @__PURE__ */ s(hs, { children: n || "" }),
1274
- r && /* @__PURE__ */ s(gs, { name: "icon-star" })
1313
+ /* @__PURE__ */ c(ms, { children: [
1314
+ t ? /* @__PURE__ */ s(us, { alt: "leaderboard-item-avatar", src: t }) : /* @__PURE__ */ s(ps, { children: Ee(n || "") }),
1315
+ /* @__PURE__ */ c(hs, { children: [
1316
+ /* @__PURE__ */ s(Is, { children: n || "" }),
1317
+ o && /* @__PURE__ */ s(gs, { name: "icon-star" })
1275
1318
  ] })
1276
1319
  ] }),
1277
- /* @__PURE__ */ s("div", { children: je(i) })
1278
- ] }), Ms = /* @__PURE__ */ o("div")({
1320
+ /* @__PURE__ */ s("div", { children: Le(i) })
1321
+ ] }), Ms = /* @__PURE__ */ r("div")({
1279
1322
  name: "ScrollContainer",
1280
1323
  class: "s13d8sg6",
1281
1324
  propsAsIs: !1
1282
- }), Ns = ({
1325
+ }), As = ({
1283
1326
  items: e,
1284
1327
  currentUserId: t,
1285
1328
  openItemDetail: n,
1286
1329
  fetchMore: i
1287
- }) => /* @__PURE__ */ s(Pe, { children: ({ width: r, height: m }) => /* @__PURE__ */ s(
1330
+ }) => /* @__PURE__ */ s(Ve, { children: ({ width: o, height: m }) => /* @__PURE__ */ s(
1288
1331
  ls,
1289
1332
  {
1290
- isItemLoaded: (c) => c < e.length,
1333
+ isItemLoaded: (l) => l < e.length,
1291
1334
  itemCount: e.length + 1,
1292
1335
  loadMoreItems: i,
1293
- children: ({ onItemsRendered: c, ref: I }) => /* @__PURE__ */ s(Ms, { children: /* @__PURE__ */ s(
1336
+ children: ({ onItemsRendered: l, ref: h }) => /* @__PURE__ */ s(Ms, { children: /* @__PURE__ */ s(
1294
1337
  ns,
1295
1338
  {
1296
1339
  itemSize: 56,
1297
- onItemsRendered: c,
1298
- ref: I,
1340
+ onItemsRendered: l,
1341
+ ref: h,
1299
1342
  itemCount: e.length,
1300
- width: r,
1343
+ width: o,
1301
1344
  height: m,
1302
- children: ({ index: d, style: h }) => /* @__PURE__ */ s(
1345
+ children: ({ index: d, style: f }) => /* @__PURE__ */ s(
1303
1346
  vs,
1304
1347
  {
1305
- style: { ...h, maxHeight: 48 },
1348
+ style: { ...f, maxHeight: 48 },
1306
1349
  ...e[d],
1307
1350
  openItemDetail: () => n(e[d].userId),
1308
1351
  isCurrentUser: !!t && t === e[d].userId
@@ -1312,10 +1355,10 @@ const cs = /* @__PURE__ */ o("div")({
1312
1355
  }
1313
1356
  ) })
1314
1357
  }
1315
- ) }), As = ({ deepLink: e }) => {
1316
- const { data: t } = L(e.$store), n = t == null ? void 0 : t.url, i = e.desktopLink;
1358
+ ) }), Ns = ({ deepLink: e }) => {
1359
+ const { data: t } = Q(e.$store), n = t == null ? void 0 : t.url, i = e.desktopLink;
1317
1360
  return /* @__PURE__ */ s(
1318
- Ye,
1361
+ We,
1319
1362
  {
1320
1363
  inviteLink: n || i,
1321
1364
  socialLinks: [
@@ -1335,92 +1378,92 @@ const cs = /* @__PURE__ */ o("div")({
1335
1378
  }
1336
1379
  );
1337
1380
  }, ys = ({ gamification: e }) => {
1338
- const { data: t } = L(e.leaderboardList.$store);
1381
+ const { data: t } = Q(e.leaderboardList.$store);
1339
1382
  return t != null && t.length ? /* @__PURE__ */ s(
1340
- Ns,
1383
+ As,
1341
1384
  {
1342
1385
  fetchMore: e.leaderboardList.fetchMore,
1343
1386
  items: t,
1344
1387
  openItemDetail: e.openUser,
1345
1388
  currentUserId: e.currentUserId.get()
1346
1389
  }
1347
- ) : /* @__PURE__ */ s(As, { deepLink: e.deepLink });
1348
- }, Ts = /* @__PURE__ */ o("div")({
1390
+ ) : /* @__PURE__ */ s(Ns, { deepLink: e.deepLink });
1391
+ }, Ts = /* @__PURE__ */ r("div")({
1349
1392
  name: "QuestionItem",
1350
1393
  class: "q1w97g3p",
1351
1394
  propsAsIs: !1
1352
- }), Ds = /* @__PURE__ */ o("div")({
1395
+ }), Ds = /* @__PURE__ */ r("div")({
1353
1396
  name: "QuestionCaption",
1354
1397
  class: "q2sl39u",
1355
1398
  propsAsIs: !1
1356
- }), Ss = /* @__PURE__ */ o("div")({
1399
+ }), Ss = /* @__PURE__ */ r("div")({
1357
1400
  name: "QuestionBody",
1358
1401
  class: "qd5h0uc",
1359
1402
  propsAsIs: !1
1360
- }), zs = /* @__PURE__ */ o("div")({
1403
+ }), zs = /* @__PURE__ */ r("div")({
1361
1404
  name: "QuestionAction",
1362
1405
  class: "q105uluy",
1363
1406
  propsAsIs: !1
1364
- }), xs = () => j, W = /* @__PURE__ */ o(xs())({
1407
+ }), xs = () => j, Z = /* @__PURE__ */ r(xs())({
1365
1408
  name: "QuestionActionIcon",
1366
1409
  class: "q1fa0b9h",
1367
1410
  propsAsIs: !0
1368
- }), Os = () => j, js = /* @__PURE__ */ o(Os())({
1411
+ }), Os = () => j, js = /* @__PURE__ */ r(Os())({
1369
1412
  name: "QuestionTypeIcon",
1370
1413
  class: "qxlt78s",
1371
1414
  propsAsIs: !0
1372
- }), bs = /* @__PURE__ */ o("div")({
1415
+ }), bs = /* @__PURE__ */ r("div")({
1373
1416
  name: "QuestionTypeLabel",
1374
1417
  class: "qmg0vkx",
1375
1418
  propsAsIs: !1
1376
- }), ws = /* @__PURE__ */ o("div")({
1419
+ }), Cs = /* @__PURE__ */ r("div")({
1377
1420
  name: "QuestionContent",
1378
1421
  class: "q1uz5j1g",
1379
1422
  propsAsIs: !1
1380
- }), ks = /* @__PURE__ */ o("button")({
1423
+ }), ks = /* @__PURE__ */ r("button")({
1381
1424
  name: "PlayButton",
1382
1425
  class: "p1pba9p1",
1383
1426
  propsAsIs: !1
1384
- }), Cs = {
1385
- [P.LOST]: /* @__PURE__ */ s(W, { name: "incorrectVoted" }),
1386
- [P.WON]: /* @__PURE__ */ s(W, { name: "icon-check" }),
1387
- [P.UNSET]: /* @__PURE__ */ s(W, { name: "icon-arrow" }),
1388
- [P.DNP]: /* @__PURE__ */ s(W, { name: "icon-arrow" })
1389
- }, Ls = ({
1427
+ }), ws = {
1428
+ [B.LOST]: /* @__PURE__ */ s(Z, { name: "incorrectVoted" }),
1429
+ [B.WON]: /* @__PURE__ */ s(Z, { name: "icon-check" }),
1430
+ [B.UNSET]: /* @__PURE__ */ s(Z, { name: "icon-arrow" }),
1431
+ [B.DNP]: /* @__PURE__ */ s(Z, { name: "icon-arrow" })
1432
+ }, Es = ({
1390
1433
  questionId: e,
1391
1434
  questionType: t,
1392
1435
  questionStatus: n,
1393
1436
  subject: i,
1394
- openForVoting: r,
1437
+ openForVoting: o,
1395
1438
  openQuestion: m,
1396
- status: c
1439
+ status: l
1397
1440
  }) => {
1398
- const I = Te[t], d = Cs[c];
1399
- return I ? /* @__PURE__ */ u(Ts, { onClick: () => m == null ? void 0 : m(e), children: [
1400
- /* @__PURE__ */ u(ws, { children: [
1401
- /* @__PURE__ */ u(Ds, { children: [
1441
+ const h = Oe[t], d = ws[l];
1442
+ return h ? /* @__PURE__ */ c(Ts, { onClick: () => m == null ? void 0 : m(e), children: [
1443
+ /* @__PURE__ */ c(Cs, { children: [
1444
+ /* @__PURE__ */ c(Ds, { children: [
1402
1445
  /* @__PURE__ */ s(
1403
1446
  js,
1404
1447
  {
1405
- "data-type-trivia": t === x.TRIVIA,
1406
- "data-type-poll": t === x.POLL,
1407
- name: I.iconName
1448
+ "data-type-trivia": t === z.TRIVIA,
1449
+ "data-type-poll": t === z.POLL,
1450
+ name: h.iconName
1408
1451
  }
1409
1452
  ),
1410
- /* @__PURE__ */ u(bs, { children: [
1411
- I.label,
1412
- t === x.TRIVIA && n === C.RESOLVED && " • Expired"
1453
+ /* @__PURE__ */ c(bs, { children: [
1454
+ h.label,
1455
+ t === z.TRIVIA && n === E.RESOLVED && " • Expired"
1413
1456
  ] })
1414
1457
  ] }),
1415
1458
  /* @__PURE__ */ s(Ss, { children: i || "" })
1416
1459
  ] }),
1417
- /* @__PURE__ */ s(zs, { children: r ? /* @__PURE__ */ s(ks, { children: "Play" }) : d })
1460
+ /* @__PURE__ */ s(zs, { children: o ? /* @__PURE__ */ s(ks, { children: "Play" }) : d })
1418
1461
  ] }) : null;
1419
- }, Es = /* @__PURE__ */ o("div")({
1462
+ }, Ls = /* @__PURE__ */ r("div")({
1420
1463
  name: "Container",
1421
1464
  class: "cll3md7",
1422
1465
  propsAsIs: !1
1423
- }), $s = /* @__PURE__ */ o("button")({
1466
+ }), $s = /* @__PURE__ */ r("button")({
1424
1467
  name: "ActionBtn",
1425
1468
  class: "a10g1iik",
1426
1469
  propsAsIs: !1
@@ -1428,22 +1471,22 @@ const cs = /* @__PURE__ */ o("div")({
1428
1471
  openInsight: e,
1429
1472
  questionId: t,
1430
1473
  ...n
1431
- }) => /* @__PURE__ */ u(Es, { children: [
1432
- /* @__PURE__ */ s(ke, { questionId: t, ...n }),
1474
+ }) => /* @__PURE__ */ c(Ls, { children: [
1475
+ /* @__PURE__ */ s(Qe, { questionId: t, ...n }),
1433
1476
  e && /* @__PURE__ */ s($s, { onClick: () => e(t), children: "View Insight" })
1434
- ] }), Qs = /* @__PURE__ */ o("div")({
1477
+ ] }), Qs = /* @__PURE__ */ r("div")({
1435
1478
  name: "Container",
1436
1479
  class: "cl56x6b",
1437
1480
  propsAsIs: !1
1438
- }), Us = () => We, qs = /* @__PURE__ */ o(Us())({
1481
+ }), Us = () => Fe, qs = /* @__PURE__ */ r(Us())({
1439
1482
  name: "ActionButton",
1440
1483
  class: "a11pzf92",
1441
1484
  propsAsIs: !0
1442
- }), _s = /* @__PURE__ */ o("div")({
1485
+ }), Ps = /* @__PURE__ */ r("div")({
1443
1486
  name: "DateTime",
1444
1487
  class: "d1hbaleq",
1445
1488
  propsAsIs: !1
1446
- }), Ps = /* @__PURE__ */ o("blockquote")({
1489
+ }), _s = /* @__PURE__ */ r("blockquote")({
1447
1490
  name: "Quote",
1448
1491
  class: "qvvgqjm",
1449
1492
  propsAsIs: !1
@@ -1454,70 +1497,70 @@ const cs = /* @__PURE__ */ o("div")({
1454
1497
  }) => {
1455
1498
  const i = w(() => {
1456
1499
  if (t) {
1457
- const r = new Date(t);
1458
- if (ie(r))
1500
+ const o = new Date(t);
1501
+ if (ue(o))
1459
1502
  return {
1460
- date: ne(r),
1461
- time: se(r)
1503
+ date: ce(o),
1504
+ time: de(o)
1462
1505
  };
1463
1506
  }
1464
1507
  return null;
1465
1508
  }, [t]);
1466
- return /* @__PURE__ */ u(Qs, { children: [
1467
- i && /* @__PURE__ */ u(_s, { children: [
1509
+ return /* @__PURE__ */ c(Qs, { children: [
1510
+ i && /* @__PURE__ */ c(Ps, { children: [
1468
1511
  i.date,
1469
1512
  " · ",
1470
1513
  i.time
1471
1514
  ] }),
1472
- n.title && /* @__PURE__ */ s(Ps, { children: n.title }),
1473
- /* @__PURE__ */ s(De, { ...n }),
1515
+ n.title && /* @__PURE__ */ s(_s, { children: n.title }),
1516
+ /* @__PURE__ */ s(je, { ...n }),
1474
1517
  e && /* @__PURE__ */ s(qs, { onClick: () => e(n.tweetId), children: "View Insight" })
1475
1518
  ] });
1476
- }, Ws = /* @__PURE__ */ o("div")({
1519
+ }, Vs = /* @__PURE__ */ r("div")({
1477
1520
  name: "QuestionsContainer",
1478
1521
  class: "qvghv3l",
1479
1522
  propsAsIs: !1
1480
- }), Vs = ({ questions: e, openQuestion: t }) => /* @__PURE__ */ s(Ws, { children: e == null ? void 0 : e.map((n) => {
1481
- var i, r, m;
1523
+ }), Ws = ({ questions: e, openQuestion: t }) => /* @__PURE__ */ s(Vs, { children: e == null ? void 0 : e.map((n) => {
1524
+ var i, o, m;
1482
1525
  if (n.type === "question" && ((i = n.attributes) == null ? void 0 : i.attributes.case) === "question") {
1483
- const c = n.attributes.attributes.value;
1484
- return /* @__PURE__ */ s(Ls, { openQuestion: t, ...c }, c.questionId);
1526
+ const l = n.attributes.attributes.value;
1527
+ return /* @__PURE__ */ s(Es, { openQuestion: t, ...l }, l.questionId);
1485
1528
  }
1486
- if (n.type === "insight" && ((r = n.attributes) == null ? void 0 : r.attributes.case) === "insight") {
1487
- const c = n.attributes.attributes.value;
1488
- return /* @__PURE__ */ s(Rs, { openInsight: t, ...c }, c.questionId);
1529
+ if (n.type === "insight" && ((o = n.attributes) == null ? void 0 : o.attributes.case) === "insight") {
1530
+ const l = n.attributes.attributes.value;
1531
+ return /* @__PURE__ */ s(Rs, { openInsight: t, ...l }, l.questionId);
1489
1532
  }
1490
1533
  if (n.type === "tweet" && ((m = n.attributes) == null ? void 0 : m.attributes.case) === "tweet") {
1491
- const c = n.attributes.attributes.value, I = n.attributes.id, d = n.attributes.created;
1492
- return /* @__PURE__ */ s(Ys, { openTweet: t, ...c, tweetId: I, created: d }, I);
1534
+ const l = n.attributes.attributes.value, h = n.attributes.id, d = n.attributes.created;
1535
+ return /* @__PURE__ */ s(Ys, { openTweet: t, ...l, tweetId: h, created: d }, h);
1493
1536
  }
1494
1537
  return null;
1495
1538
  }) }), Fs = ({ store: e, openQuestion: t }) => {
1496
- const n = L(e);
1497
- return n != null && n.data ? /* @__PURE__ */ s(Vs, { openQuestion: t, questions: n.data }) : /* @__PURE__ */ s("div", { children: "wait questions..." });
1539
+ const n = Q(e);
1540
+ return n != null && n.data ? /* @__PURE__ */ s(Ws, { openQuestion: t, questions: n.data }) : /* @__PURE__ */ s("div", { children: "wait questions..." });
1498
1541
  }, Bs = ({ userSummary: e }) => {
1499
1542
  var t;
1500
- const [n, i] = U(void 0);
1501
- return Be(() => {
1502
- const r = e.subscribe((m) => {
1543
+ const [n, i] = L(void 0);
1544
+ return be(() => {
1545
+ const o = e.subscribe((m) => {
1503
1546
  m != null && m.data && i(m.data);
1504
1547
  });
1505
1548
  return () => {
1506
- r();
1549
+ o();
1507
1550
  };
1508
- }, [e]), n != null && n.summary ? /* @__PURE__ */ s(be, { ...n.summary, successRate: (t = n.percentage) == null ? void 0 : t.correct }) : /* @__PURE__ */ s("div", { children: "wait user..." });
1551
+ }, [e]), n != null && n.summary ? /* @__PURE__ */ s($e, { ...n.summary, successRate: (t = n.percentage) == null ? void 0 : t.correct }) : /* @__PURE__ */ s("div", { children: "wait user..." });
1509
1552
  }, Hs = ({
1510
1553
  gamification: e
1511
1554
  }) => {
1512
- const [t, n] = U(V.HOME);
1513
- return /* @__PURE__ */ u("div", {
1555
+ const [t, n] = L(J.HOME);
1556
+ return /* @__PURE__ */ c("div", {
1514
1557
  style: {
1515
1558
  height: "100%",
1516
1559
  display: "flex",
1517
1560
  flexDirection: "column",
1518
1561
  overflow: "hidden"
1519
1562
  },
1520
- children: [/* @__PURE__ */ s(K, {
1563
+ children: [/* @__PURE__ */ s(re, {
1521
1564
  style: {
1522
1565
  paddingBottom: "4px"
1523
1566
  },
@@ -1525,32 +1568,32 @@ const cs = /* @__PURE__ */ o("div")({
1525
1568
  activePage: t,
1526
1569
  toggleActivePage: n
1527
1570
  })
1528
- }), t === V.HOME && /* @__PURE__ */ u(te, {
1529
- children: [/* @__PURE__ */ s(K, {
1571
+ }), t === J.HOME && /* @__PURE__ */ c(le, {
1572
+ children: [/* @__PURE__ */ s(re, {
1530
1573
  style: {
1531
1574
  paddingTop: "12px"
1532
1575
  },
1533
1576
  children: /* @__PURE__ */ s(Bs, {
1534
1577
  userSummary: e.userSummary
1535
1578
  })
1536
- }), /* @__PURE__ */ s(Ve, {
1579
+ }), /* @__PURE__ */ s(Be, {
1537
1580
  children: /* @__PURE__ */ s(Fs, {
1538
1581
  openQuestion: e.openQuestion,
1539
1582
  store: e.feedList.getStore()
1540
1583
  })
1541
1584
  })]
1542
- }), t === V.LEADERBOARD && /* @__PURE__ */ s("div", {
1585
+ }), t === J.LEADERBOARD && /* @__PURE__ */ s("div", {
1543
1586
  className: "c1bp9dj2",
1544
1587
  children: /* @__PURE__ */ s(ys, {
1545
1588
  gamification: e
1546
1589
  })
1547
1590
  })]
1548
1591
  });
1549
- }, Gs = () => Fe, ye = /* @__PURE__ */ o(Gs())({
1592
+ }, Gs = () => He, xe = /* @__PURE__ */ r(Gs())({
1550
1593
  name: "OpenedContainer",
1551
1594
  class: "oar61gl",
1552
1595
  propsAsIs: !0
1553
- }), Zs = /* @__PURE__ */ o("div")({
1596
+ }), Zs = /* @__PURE__ */ r("div")({
1554
1597
  name: "UserContainer",
1555
1598
  class: "u14zaal4",
1556
1599
  propsAsIs: !1
@@ -1564,27 +1607,27 @@ const cs = /* @__PURE__ */ o("div")({
1564
1607
  gamification: e,
1565
1608
  className: t
1566
1609
  }) => {
1567
- const n = L(e.openedQuestion.$store), i = L(e.openedUser);
1568
- return /* @__PURE__ */ u($, {
1569
- children: [n && /* @__PURE__ */ s(ye, {
1610
+ const n = Q(e.openedQuestion.$store), i = Q(e.openedUser);
1611
+ return /* @__PURE__ */ c(k, {
1612
+ children: [n && /* @__PURE__ */ s(xe, {
1570
1613
  className: t,
1571
- children: /* @__PURE__ */ s(_n, {
1614
+ children: /* @__PURE__ */ s(Pn, {
1572
1615
  gamification: e
1573
1616
  })
1574
- }), i && /* @__PURE__ */ s(ye, {
1617
+ }), i && /* @__PURE__ */ s(xe, {
1575
1618
  className: t,
1576
- children: /* @__PURE__ */ u(Zs, {
1577
- children: [/* @__PURE__ */ s(xe, {
1619
+ children: /* @__PURE__ */ c(Zs, {
1620
+ children: [/* @__PURE__ */ s(we, {
1578
1621
  label: "Friend's Rank",
1579
1622
  close: e.closeUser
1580
- }), /* @__PURE__ */ s(K, {
1581
- children: /* @__PURE__ */ s(be, {
1623
+ }), /* @__PURE__ */ s(re, {
1624
+ children: /* @__PURE__ */ s($e, {
1582
1625
  ...i,
1583
1626
  successRate: Js(i)
1584
1627
  })
1585
1628
  })]
1586
1629
  })
1587
- }), /* @__PURE__ */ s(te, {
1630
+ }), /* @__PURE__ */ s(le, {
1588
1631
  className: t,
1589
1632
  "data-nav": "true",
1590
1633
  children: /* @__PURE__ */ s(Hs, {