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