@streamlayer/react 0.30.2 → 0.30.4

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,149 +1,149 @@
1
- import { jsxs as u, jsx as s, Fragment as E } from "react/jsx-runtime";
1
+ import { jsxs as u, jsx as s, Fragment as b } from "react/jsx-runtime";
2
2
  import { s as o, i as j } from "./index3.js";
3
3
  import { useStore as w } from "@nanostores/react";
4
- import { o as Ne, r as te, w as $e, A as Re, O as Qe, c as Ue, a as K, n as _e, d as qe } from "./masters2.js";
5
- import { useState as R, useCallback as V, useMemo as P, createElement as B, PureComponent as Ae } from "react";
6
- import { QuestionType as x, QuestionStatus as Q, QuestionImages as b, PickHistoryStatus as q } from "@streamlayer/sdk-web-types";
7
- import { o as ye, i as Te, r as Ye, a as Pe, n as We } from "./common.js";
8
- import { CountdownCircleTimer as Ve } from "react-countdown-circle-timer";
9
- import { E as L } from "./index2.js";
4
+ import { o as Ne, r as te, w as $e, A as Re, O as Qe, a as K, n as Ue, d as _e } from "./masters2.js";
5
+ import { useState as R, useCallback as F, useMemo as W, createElement as H, PureComponent as Ae } from "react";
6
+ import { QuestionType as x, QuestionStatus as Q, QuestionImages as $, PickHistoryStatus as q } from "@streamlayer/sdk-web-types";
7
+ import { o as ye, i as Te, r as qe, a as Ye, n as Pe } from "./common.js";
8
+ import { CountdownCircleTimer as We } from "react-countdown-circle-timer";
9
+ import { E } from "./index2.js";
10
10
  import "@streamlayer/sdk-web-interfaces";
11
11
  import "@streamlayer/sdk-web-notifications";
12
12
  import "@lottiefiles/react-lottie-player";
13
13
  import "./useStreamLayerApp.js";
14
14
  import "@streamlayer/sdk-web";
15
- const Fe = /* @__PURE__ */ o("div")({
15
+ const Ve = /* @__PURE__ */ o("div")({
16
16
  name: "Container",
17
17
  class: "c1vwopgc",
18
18
  propsAsIs: !1
19
- }), Be = /* @__PURE__ */ o("div")({
19
+ }), Fe = /* @__PURE__ */ o("div")({
20
20
  name: "QuestionTypeWrap",
21
21
  class: "qyktpt0",
22
22
  propsAsIs: !1
23
- }), He = () => j, Ze = /* @__PURE__ */ o(He())({
23
+ }), Be = () => j, He = /* @__PURE__ */ o(Be())({
24
24
  name: "QuestionTypeIcon",
25
25
  class: "q951jdx",
26
26
  propsAsIs: !0
27
- }), Ge = /* @__PURE__ */ o("span")({
27
+ }), Ze = /* @__PURE__ */ o("span")({
28
28
  name: "QuestionTypeTitle",
29
29
  class: "qss5f0e",
30
30
  propsAsIs: !1
31
- }), Je = /* @__PURE__ */ o("button")({
31
+ }), Ge = /* @__PURE__ */ o("button")({
32
32
  name: "CloseButton",
33
33
  class: "c1ao1jtv",
34
34
  propsAsIs: !1
35
- }), Ke = () => j, Xe = /* @__PURE__ */ o(Ke())({
35
+ }), Je = () => j, Ke = /* @__PURE__ */ o(Je())({
36
36
  name: "CloseIcon",
37
37
  class: "cvsl7l3",
38
38
  propsAsIs: !0
39
39
  }), De = ({ type: e, close: t, label: n }) => {
40
40
  const i = e ? Ne[e] : { label: n, iconName: void 0 };
41
- return /* @__PURE__ */ u(Fe, { children: [
42
- /* @__PURE__ */ u(Be, { children: [
43
- (i == null ? void 0 : i.iconName) && /* @__PURE__ */ s(Ze, { name: i.iconName }),
44
- (i == null ? void 0 : i.label) && /* @__PURE__ */ s(Ge, { children: i.label })
41
+ return /* @__PURE__ */ u(Ve, { children: [
42
+ /* @__PURE__ */ u(Fe, { children: [
43
+ (i == null ? void 0 : i.iconName) && /* @__PURE__ */ s(He, { name: i.iconName }),
44
+ (i == null ? void 0 : i.label) && /* @__PURE__ */ s(Ze, { children: i.label })
45
45
  ] }),
46
- /* @__PURE__ */ s(Je, { onClick: t, children: /* @__PURE__ */ s(Xe, { name: "icon-cross" }) })
46
+ /* @__PURE__ */ s(Ge, { onClick: t, children: /* @__PURE__ */ s(Ke, { name: "icon-cross" }) })
47
47
  ] });
48
- }, et = /* @__PURE__ */ o("div")({
48
+ }, Xe = /* @__PURE__ */ o("div")({
49
49
  name: "Container",
50
50
  class: "c1zy8a",
51
51
  propsAsIs: !1
52
- }), tt = /* @__PURE__ */ o("div")({
52
+ }), et = /* @__PURE__ */ o("div")({
53
53
  name: "Title",
54
54
  class: "t1vih9p5",
55
55
  propsAsIs: !1
56
- }), nt = /* @__PURE__ */ o("div")({
56
+ }), tt = /* @__PURE__ */ o("div")({
57
57
  name: "Indicator",
58
58
  class: "i1fbnvpb",
59
59
  propsAsIs: !1
60
- }), oe = ({ indicator: e, title: t }) => /* @__PURE__ */ u(et, { children: [
61
- /* @__PURE__ */ s(tt, { children: t }),
62
- /* @__PURE__ */ s(nt, { children: e })
63
- ] }), st = /* @__PURE__ */ o("div")({
60
+ }), oe = ({ indicator: e, title: t }) => /* @__PURE__ */ u(Xe, { children: [
61
+ /* @__PURE__ */ s(et, { children: t }),
62
+ /* @__PURE__ */ s(tt, { children: e })
63
+ ] }), nt = /* @__PURE__ */ o("div")({
64
64
  name: "Container",
65
65
  class: "ctmhwyc",
66
66
  propsAsIs: !1
67
- }), it = /* @__PURE__ */ o("div")({
67
+ }), st = /* @__PURE__ */ o("div")({
68
68
  name: "Indicator",
69
69
  class: "i1jri200",
70
70
  propsAsIs: !1
71
- }), rt = /* @__PURE__ */ o("div")({
71
+ }), it = /* @__PURE__ */ o("div")({
72
72
  name: "Title",
73
73
  class: "t8s05oq",
74
74
  propsAsIs: !1
75
- }), Y = ({ indicator: e, title: t }) => /* @__PURE__ */ u(st, { children: [
76
- /* @__PURE__ */ s(it, { children: e }),
77
- /* @__PURE__ */ s(rt, { children: t })
78
- ] }), ot = /* @__PURE__ */ o("div")({
75
+ }), Y = ({ indicator: e, title: t }) => /* @__PURE__ */ u(nt, { children: [
76
+ /* @__PURE__ */ s(st, { children: e }),
77
+ /* @__PURE__ */ s(it, { children: t })
78
+ ] }), rt = /* @__PURE__ */ o("div")({
79
79
  name: "Container",
80
80
  class: "c1yrpn9o",
81
81
  propsAsIs: !1
82
- }), at = /* @__PURE__ */ o("div")({
82
+ }), ot = /* @__PURE__ */ o("div")({
83
83
  name: "TopInfo",
84
84
  class: "t17fwahh",
85
85
  propsAsIs: !1
86
- }), lt = /* @__PURE__ */ o("div")({
86
+ }), at = /* @__PURE__ */ o("div")({
87
87
  name: "BottomInfo",
88
88
  class: "by6w7e9",
89
89
  propsAsIs: !1
90
- }), ct = /* @__PURE__ */ o("div")({
90
+ }), lt = /* @__PURE__ */ o("div")({
91
91
  name: "User",
92
92
  class: "u1g7arbm",
93
93
  propsAsIs: !1
94
- }), dt = /* @__PURE__ */ o("img")({
94
+ }), ct = /* @__PURE__ */ o("img")({
95
95
  name: "Avatar",
96
96
  class: "a1ldeata",
97
97
  propsAsIs: !1
98
- }), ut = /* @__PURE__ */ o("div")({
98
+ }), dt = /* @__PURE__ */ o("div")({
99
99
  name: "UserInfo",
100
100
  class: "u10d4koz",
101
101
  propsAsIs: !1
102
- }), pt = /* @__PURE__ */ o("div")({
102
+ }), ut = /* @__PURE__ */ o("div")({
103
103
  name: "UserName",
104
104
  class: "u1q6roj0",
105
105
  propsAsIs: !1
106
- }), mt = /* @__PURE__ */ o("div")({
106
+ }), pt = /* @__PURE__ */ o("div")({
107
107
  name: "UserRating",
108
108
  class: "ui0m425",
109
109
  propsAsIs: !1
110
- }), It = /* @__PURE__ */ o("img")({
110
+ }), mt = /* @__PURE__ */ o("img")({
111
111
  name: "TrophyIcon",
112
112
  class: "t1el3mrn",
113
113
  propsAsIs: !1
114
- }), ht = /* @__PURE__ */ o("div")({
114
+ }), It = /* @__PURE__ */ o("div")({
115
115
  name: "Rts",
116
116
  class: "r2vgnxv",
117
117
  propsAsIs: !1
118
- }), ft = /* @__PURE__ */ o("div")({
118
+ }), ht = /* @__PURE__ */ o("div")({
119
119
  name: "RtsIndicator",
120
120
  class: "roqn06j",
121
121
  propsAsIs: !1
122
- }), gt = /* @__PURE__ */ o("div")({
122
+ }), ft = /* @__PURE__ */ o("div")({
123
123
  name: "RtsLabel",
124
124
  class: "r15adx7c",
125
125
  propsAsIs: !1
126
- }), Mt = /* @__PURE__ */ o("div")({
126
+ }), gt = /* @__PURE__ */ o("div")({
127
127
  name: "Divider",
128
128
  class: "dv59lta",
129
129
  propsAsIs: !1
130
- }), vt = /* @__PURE__ */ o("div")({
130
+ }), Mt = /* @__PURE__ */ o("div")({
131
131
  name: "Ranks",
132
132
  class: "r55lotb",
133
133
  propsAsIs: !1
134
- }), Nt = /* @__PURE__ */ o("div")({
134
+ }), vt = /* @__PURE__ */ o("div")({
135
135
  name: "Statistics",
136
136
  class: "s1knfgqt",
137
137
  propsAsIs: !1
138
- }), At = /* @__PURE__ */ o("div")({
138
+ }), Nt = /* @__PURE__ */ o("div")({
139
139
  name: "AvatarPlaceholder",
140
140
  class: "a1mqo824",
141
141
  propsAsIs: !1
142
- }), yt = /* @__PURE__ */ o("button")({
142
+ }), At = /* @__PURE__ */ o("button")({
143
143
  name: "UserAccountBtn",
144
144
  class: "uxareh6",
145
145
  propsAsIs: !1
146
- }), Tt = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlRyb3BoeSI+CjxwYXRoIGlkPSJDb21iaW5lZCBTaGFwZSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zLjY5MTk3IDQuNjY2NjJDMy42OTE5NyA1Ljk5NzA1IDMuOTI5MTQgNy4xNzc4NyA0LjQwMzUgOC4yMDkxMkMzLjQ5OTY2IDguMDI0NTEgMi43NDQ4NyA3LjY2NDg2IDIuMTM5MSA3LjEzMDE0QzEuNTMzMzMgNi41OTU0MiAxLjIzMDQ2IDYuMDc5OCAxLjIzMDQ2IDUuNTgzMjhWNC42NjY2MkgzLjY5MTk3Wk0xNC43Njg2IDQuNjY2NjJWNS41ODMyOEMxNC43Njg2IDYuMDc5OCAxNC40NjU4IDYuNTk1NDIgMTMuODYgNy4xMzAxNEMxMy4yNTQyIDcuNjY0ODYgMTIuNDk5NCA4LjAyNDUxIDExLjU5NTYgOC4yMDkxMkMxMi4wNjk5IDcuMTc3ODcgMTIuMzA3MSA1Ljk5NzA1IDEyLjMwNzEgNC42NjY2MkgxNC43Njg2Wk0xNS45OTk4IDUuNTgzMjlWNC4zNjEwOEMxNS45OTk4IDQuMTA2NDUgMTUuOTEwMSAzLjg5MDAyIDE1LjczMDYgMy43MTE3OEMxNS41NTExIDMuNTMzNTQgMTUuMzMzMiAzLjQ0NDQyIDE1LjA3NjggMy40NDQ0MkgxMi4zMDc2VjIuNTI3NzZDMTIuMzA3NiAyLjEwNzYzIDEyLjE1NjkgMS43NDc5NyAxMS44NTU2IDEuNDQ4NzhDMTEuNTU0NCAxLjE0OTU5IDExLjE5MjIgMSAxMC43NjkxIDFINS4yMzA3MkM0LjgwNzY0IDEgNC40NDU0NyAxLjE0OTU5IDQuMTQ0MTkgMS40NDg3OEMzLjg0MjkxIDEuNzQ3OTcgMy42OTIyNyAyLjEwNzYzIDMuNjkyMjcgMi41Mjc3NlYzLjQ0NDQySDAuOTIzMDY4QzAuNjY2NjU5IDMuNDQ0NDIgMC40NDg3MTQgMy41MzM1NCAwLjI2OTIyOCAzLjcxMTc4QzAuMDg5NzQxOCAzLjg5MDAyIDAgNC4xMDY0NSAwIDQuMzYxMDhWNS41ODMyOUMwIDYuMDM1MjUgMC4xMzMwMSA2LjQ5MDM5IDAuMzk5MDM0IDYuOTQ4NzJDMC42NjUwNTkgNy40MDcwNSAxLjAyNDAzIDcuODIwODIgMS40NzU5NSA4LjE5MDAzQzEuOTI3ODcgOC41NTkyNCAyLjQ4MjM0IDguODY5NTcgMy4xMzkzOSA5LjEyMTAxQzMuNzk2NDQgOS4zNzI0NiA0LjQ4NzEzIDkuNTE0MDkgNS4yMTE0OSA5LjU0NTkyQzUuNDgwNzEgOS44ODk2NyA1Ljc4NTIgMTAuMTkyIDYuMTI0OTQgMTAuNDUzQzYuMzY4NTMgMTAuNjY5NSA2LjUzNjc5IDEwLjkwMDIgNi42Mjk3NCAxMS4xNDUzQzYuNzIyNjkgMTEuMzkwNCA2Ljc2OTE2IDExLjY3NTIgNi43NjkxNiAxMS45OTk5QzYuNzY5MTYgMTIuMzQzNiA2LjY3MTQxIDEyLjYzMzMgNi40NzU5IDEyLjg2ODhDNi4yODAzOCAxMy4xMDQzIDUuOTY3ODkgMTMuMjIyMSA1LjUzODQxIDEzLjIyMjFDNS4wNTc2NCAxMy4yMjIxIDQuNjI5NzYgMTMuMzY2OSA0LjI1NDc2IDEzLjY1NjZDMy44Nzk3NyAxMy45NDYyIDMuNjkyMjcgMTQuMzEwNiAzLjY5MjI3IDE0Ljc0OTlWMTUuMzYxQzMuNjkyMjcgMTUuNDUwMSAzLjcyMTEyIDE1LjUyMzMgMy43Nzg4MSAxNS41ODA2QzMuODM2NSAxNS42Mzc5IDMuOTEwMjIgMTUuNjY2NSAzLjk5OTk2IDE1LjY2NjVIMTEuOTk5OUMxMi4wODk2IDE1LjY2NjUgMTIuMTYzMyAxNS42Mzc5IDEyLjIyMSAxNS41ODA2QzEyLjI3ODcgMTUuNTIzMyAxMi4zMDc2IDE1LjQ1MDEgMTIuMzA3NiAxNS4zNjFWMTQuNzQ5OUMxMi4zMDc2IDE0LjMxMDYgMTIuMTIwMSAxMy45NDYyIDExLjc0NTEgMTMuNjU2NkMxMS4zNzAxIDEzLjM2NjkgMTAuOTQyMiAxMy4yMjIxIDEwLjQ2MTQgMTMuMjIyMUMxMC4wMzE5IDEzLjIyMjEgOS43MTk0NSAxMy4xMDQzIDkuNTIzOTQgMTIuODY4OEM5LjMyODQzIDEyLjYzMzMgOS4yMzA2OCAxMi4zNDM2IDkuMjMwNjggMTEuOTk5OUM5LjIzMDY4IDExLjY3NTIgOS4yNzcxNSAxMS4zOTA0IDkuMzcwMSAxMS4xNDUzQzkuNDYzMDUgMTAuOTAwMiA5LjYzMTMxIDEwLjY2OTUgOS44NzQ5IDEwLjQ1M0MxMC4yMTQ2IDEwLjE5MiAxMC41MTkxIDkuODg5NjcgMTAuNzg4NCA5LjU0NTkyQzExLjUxMjcgOS41MTQwOSAxMi4yMDM0IDkuMzcyNDYgMTIuODYwNCA5LjEyMTAxQzEzLjUxNzUgOC44Njk1NyAxNC4wNzIgOC41NTkyNCAxNC41MjM5IDguMTkwMDNDMTQuOTc1OCA3LjgyMDgyIDE1LjMzNDggNy40MDcwNSAxNS42MDA4IDYuOTQ4NzJDMTUuODY2OCA2LjQ5MDM5IDE1Ljk5OTggNi4wMzUyNSAxNS45OTk4IDUuNTgzMjlaTTYuNzYwNDcgNy4xNzk4TDguMDUxMDkgNi40OTk5N0w5LjM0MTcgNy4xNzk4TDkuMDk1MjEgNS43Mzk4OUwxMC4xMzkzIDQuNzIwMTVMOC42OTYzOSA0LjUxMDA3TDguMDUxMDkgMy4yTDcuNDA1NzggNC41MTAwN0w1Ljk2MjgzIDQuNzIwMTVMNy4wMDY5NiA1LjczOTg5TDYuNzYwNDcgNy4xNzk4WiIgZmlsbD0iI0YyQzk0QyIvPgo8L2c+Cjwvc3ZnPgo=", Se = ({
146
+ }), yt = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlRyb3BoeSI+CjxwYXRoIGlkPSJDb21iaW5lZCBTaGFwZSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zLjY5MTk3IDQuNjY2NjJDMy42OTE5NyA1Ljk5NzA1IDMuOTI5MTQgNy4xNzc4NyA0LjQwMzUgOC4yMDkxMkMzLjQ5OTY2IDguMDI0NTEgMi43NDQ4NyA3LjY2NDg2IDIuMTM5MSA3LjEzMDE0QzEuNTMzMzMgNi41OTU0MiAxLjIzMDQ2IDYuMDc5OCAxLjIzMDQ2IDUuNTgzMjhWNC42NjY2MkgzLjY5MTk3Wk0xNC43Njg2IDQuNjY2NjJWNS41ODMyOEMxNC43Njg2IDYuMDc5OCAxNC40NjU4IDYuNTk1NDIgMTMuODYgNy4xMzAxNEMxMy4yNTQyIDcuNjY0ODYgMTIuNDk5NCA4LjAyNDUxIDExLjU5NTYgOC4yMDkxMkMxMi4wNjk5IDcuMTc3ODcgMTIuMzA3MSA1Ljk5NzA1IDEyLjMwNzEgNC42NjY2MkgxNC43Njg2Wk0xNS45OTk4IDUuNTgzMjlWNC4zNjEwOEMxNS45OTk4IDQuMTA2NDUgMTUuOTEwMSAzLjg5MDAyIDE1LjczMDYgMy43MTE3OEMxNS41NTExIDMuNTMzNTQgMTUuMzMzMiAzLjQ0NDQyIDE1LjA3NjggMy40NDQ0MkgxMi4zMDc2VjIuNTI3NzZDMTIuMzA3NiAyLjEwNzYzIDEyLjE1NjkgMS43NDc5NyAxMS44NTU2IDEuNDQ4NzhDMTEuNTU0NCAxLjE0OTU5IDExLjE5MjIgMSAxMC43NjkxIDFINS4yMzA3MkM0LjgwNzY0IDEgNC40NDU0NyAxLjE0OTU5IDQuMTQ0MTkgMS40NDg3OEMzLjg0MjkxIDEuNzQ3OTcgMy42OTIyNyAyLjEwNzYzIDMuNjkyMjcgMi41Mjc3NlYzLjQ0NDQySDAuOTIzMDY4QzAuNjY2NjU5IDMuNDQ0NDIgMC40NDg3MTQgMy41MzM1NCAwLjI2OTIyOCAzLjcxMTc4QzAuMDg5NzQxOCAzLjg5MDAyIDAgNC4xMDY0NSAwIDQuMzYxMDhWNS41ODMyOUMwIDYuMDM1MjUgMC4xMzMwMSA2LjQ5MDM5IDAuMzk5MDM0IDYuOTQ4NzJDMC42NjUwNTkgNy40MDcwNSAxLjAyNDAzIDcuODIwODIgMS40NzU5NSA4LjE5MDAzQzEuOTI3ODcgOC41NTkyNCAyLjQ4MjM0IDguODY5NTcgMy4xMzkzOSA5LjEyMTAxQzMuNzk2NDQgOS4zNzI0NiA0LjQ4NzEzIDkuNTE0MDkgNS4yMTE0OSA5LjU0NTkyQzUuNDgwNzEgOS44ODk2NyA1Ljc4NTIgMTAuMTkyIDYuMTI0OTQgMTAuNDUzQzYuMzY4NTMgMTAuNjY5NSA2LjUzNjc5IDEwLjkwMDIgNi42Mjk3NCAxMS4xNDUzQzYuNzIyNjkgMTEuMzkwNCA2Ljc2OTE2IDExLjY3NTIgNi43NjkxNiAxMS45OTk5QzYuNzY5MTYgMTIuMzQzNiA2LjY3MTQxIDEyLjYzMzMgNi40NzU5IDEyLjg2ODhDNi4yODAzOCAxMy4xMDQzIDUuOTY3ODkgMTMuMjIyMSA1LjUzODQxIDEzLjIyMjFDNS4wNTc2NCAxMy4yMjIxIDQuNjI5NzYgMTMuMzY2OSA0LjI1NDc2IDEzLjY1NjZDMy44Nzk3NyAxMy45NDYyIDMuNjkyMjcgMTQuMzEwNiAzLjY5MjI3IDE0Ljc0OTlWMTUuMzYxQzMuNjkyMjcgMTUuNDUwMSAzLjcyMTEyIDE1LjUyMzMgMy43Nzg4MSAxNS41ODA2QzMuODM2NSAxNS42Mzc5IDMuOTEwMjIgMTUuNjY2NSAzLjk5OTk2IDE1LjY2NjVIMTEuOTk5OUMxMi4wODk2IDE1LjY2NjUgMTIuMTYzMyAxNS42Mzc5IDEyLjIyMSAxNS41ODA2QzEyLjI3ODcgMTUuNTIzMyAxMi4zMDc2IDE1LjQ1MDEgMTIuMzA3NiAxNS4zNjFWMTQuNzQ5OUMxMi4zMDc2IDE0LjMxMDYgMTIuMTIwMSAxMy45NDYyIDExLjc0NTEgMTMuNjU2NkMxMS4zNzAxIDEzLjM2NjkgMTAuOTQyMiAxMy4yMjIxIDEwLjQ2MTQgMTMuMjIyMUMxMC4wMzE5IDEzLjIyMjEgOS43MTk0NSAxMy4xMDQzIDkuNTIzOTQgMTIuODY4OEM5LjMyODQzIDEyLjYzMzMgOS4yMzA2OCAxMi4zNDM2IDkuMjMwNjggMTEuOTk5OUM5LjIzMDY4IDExLjY3NTIgOS4yNzcxNSAxMS4zOTA0IDkuMzcwMSAxMS4xNDUzQzkuNDYzMDUgMTAuOTAwMiA5LjYzMTMxIDEwLjY2OTUgOS44NzQ5IDEwLjQ1M0MxMC4yMTQ2IDEwLjE5MiAxMC41MTkxIDkuODg5NjcgMTAuNzg4NCA5LjU0NTkyQzExLjUxMjcgOS41MTQwOSAxMi4yMDM0IDkuMzcyNDYgMTIuODYwNCA5LjEyMTAxQzEzLjUxNzUgOC44Njk1NyAxNC4wNzIgOC41NTkyNCAxNC41MjM5IDguMTkwMDNDMTQuOTc1OCA3LjgyMDgyIDE1LjMzNDggNy40MDcwNSAxNS42MDA4IDYuOTQ4NzJDMTUuODY2OCA2LjQ5MDM5IDE1Ljk5OTggNi4wMzUyNSAxNS45OTk4IDUuNTgzMjlaTTYuNzYwNDcgNy4xNzk4TDguMDUxMDkgNi40OTk5N0w5LjM0MTcgNy4xNzk4TDkuMDk1MjEgNS43Mzk4OUwxMC4xMzkzIDQuNzIwMTVMOC42OTYzOSA0LjUxMDA3TDguMDUxMDkgMy4yTDcuNDA1NzggNC41MTAwN0w1Ljk2MjgzIDQuNzIwMTVMNy4wMDY5NiA1LjczOTg5TDYuNzYwNDcgNy4xNzk4WiIgZmlsbD0iI0YyQzk0QyIvPgo8L2c+Cjwvc3ZnPgo=", Se = ({
147
147
  avatar: e,
148
148
  name: t,
149
149
  points: n,
@@ -153,24 +153,24 @@ const Fe = /* @__PURE__ */ o("div")({
153
153
  correct: m,
154
154
  incorrect: p,
155
155
  inTop: d,
156
- successRate: f
157
- }) => /* @__PURE__ */ u(ot, { children: [
158
- /* @__PURE__ */ s(at, { children: /* @__PURE__ */ u(ct, { children: [
159
- /* @__PURE__ */ u(yt, { children: [
160
- e && /* @__PURE__ */ s(dt, { alt: "avatar", src: e }),
161
- !e && /* @__PURE__ */ s(At, { children: ye(t || "") })
156
+ successRate: h
157
+ }) => /* @__PURE__ */ u(rt, { children: [
158
+ /* @__PURE__ */ s(ot, { children: /* @__PURE__ */ u(lt, { children: [
159
+ /* @__PURE__ */ u(At, { children: [
160
+ e && /* @__PURE__ */ s(ct, { alt: "avatar", src: e }),
161
+ !e && /* @__PURE__ */ s(Nt, { children: ye(t || "") })
162
162
  ] }),
163
- /* @__PURE__ */ u(ut, { children: [
164
- /* @__PURE__ */ s(pt, { children: t }),
165
- /* @__PURE__ */ u(mt, { children: [
166
- /* @__PURE__ */ u(ht, { children: [
167
- /* @__PURE__ */ s(It, { alt: "rank-icon", src: Tt }),
168
- /* @__PURE__ */ u(ft, { children: [
163
+ /* @__PURE__ */ u(dt, { children: [
164
+ /* @__PURE__ */ s(ut, { children: t }),
165
+ /* @__PURE__ */ u(pt, { children: [
166
+ /* @__PURE__ */ u(It, { children: [
167
+ /* @__PURE__ */ s(mt, { alt: "rank-icon", src: yt }),
168
+ /* @__PURE__ */ u(ht, { children: [
169
169
  Te(n),
170
- /* @__PURE__ */ s(gt, { children: "PTS" })
170
+ /* @__PURE__ */ s(ft, { children: "PTS" })
171
171
  ] })
172
172
  ] }),
173
- /* @__PURE__ */ s(Mt, {}),
173
+ /* @__PURE__ */ s(gt, {}),
174
174
  /* @__PURE__ */ u("div", { children: [
175
175
  "TOP ",
176
176
  d || 0,
@@ -179,39 +179,39 @@ const Fe = /* @__PURE__ */ o("div")({
179
179
  ] })
180
180
  ] })
181
181
  ] }) }),
182
- /* @__PURE__ */ u(lt, { children: [
183
- /* @__PURE__ */ u(vt, { children: [
182
+ /* @__PURE__ */ u(at, { children: [
183
+ /* @__PURE__ */ u(Mt, { children: [
184
184
  /* @__PURE__ */ s(oe, { indicator: i || 0, title: "Friends rank" }),
185
185
  /* @__PURE__ */ s(oe, { indicator: r || 0, title: "Global rank" })
186
186
  ] }),
187
- /* @__PURE__ */ u(Nt, { children: [
187
+ /* @__PURE__ */ u(vt, { children: [
188
188
  /* @__PURE__ */ s(Y, { indicator: I || 0, title: "Win streak" }),
189
189
  /* @__PURE__ */ s(Y, { indicator: m || 0, title: "Correct" }),
190
190
  /* @__PURE__ */ s(Y, { indicator: p || 0, title: "Incorrect" }),
191
- /* @__PURE__ */ s(Y, { indicator: `${f || 0}%`, title: "Succ. rate" })
191
+ /* @__PURE__ */ s(Y, { indicator: `${h || 0}%`, title: "Succ. rate" })
192
192
  ] })
193
193
  ] })
194
- ] }), Dt = /* @__PURE__ */ o("div")({
194
+ ] }), Tt = /* @__PURE__ */ o("div")({
195
195
  name: "Container",
196
196
  class: "c38csyt",
197
197
  propsAsIs: !1
198
- }), St = /* @__PURE__ */ o("div")({
198
+ }), Dt = /* @__PURE__ */ o("div")({
199
199
  name: "Title",
200
200
  class: "ty221rx",
201
201
  propsAsIs: !1
202
- }), zt = /* @__PURE__ */ o("div")({
202
+ }), St = /* @__PURE__ */ o("div")({
203
203
  name: "Description",
204
204
  class: "dlaj9xp",
205
205
  propsAsIs: !1
206
- }), xt = ({ title: e, description: t }) => /* @__PURE__ */ u(Dt, { children: [
206
+ }), zt = ({ title: e, description: t }) => /* @__PURE__ */ u(Tt, { children: [
207
207
  /* @__PURE__ */ s(j, { name: "icon-check-circle" }),
208
- /* @__PURE__ */ s(St, { children: e }),
209
- /* @__PURE__ */ s(zt, { children: t })
210
- ] }), jt = /* @__PURE__ */ o("div")({
208
+ /* @__PURE__ */ s(Dt, { children: e }),
209
+ /* @__PURE__ */ s(St, { children: t })
210
+ ] }), xt = /* @__PURE__ */ o("div")({
211
211
  name: "Container",
212
212
  class: "c16sbdnm",
213
213
  propsAsIs: !1
214
- }), Ot = () => j, kt = /* @__PURE__ */ o(Ot())({
214
+ }), jt = () => j, Ot = /* @__PURE__ */ o(jt())({
215
215
  name: "IconPrediction",
216
216
  class: "ibhorgl",
217
217
  propsAsIs: !0
@@ -223,19 +223,19 @@ const Fe = /* @__PURE__ */ o("div")({
223
223
  name: "FeedbackHeader",
224
224
  class: "f455ozj",
225
225
  propsAsIs: !1
226
- }), wt = /* @__PURE__ */ o("span")({
226
+ }), kt = /* @__PURE__ */ o("span")({
227
227
  name: "FeedbackTitle",
228
228
  class: "f1913njx",
229
229
  propsAsIs: !1
230
- }), H = /* @__PURE__ */ o("span")({
230
+ }), Z = /* @__PURE__ */ o("span")({
231
231
  name: "FeedbackDescription",
232
232
  class: "fzfk69z",
233
233
  propsAsIs: !1
234
- }), Ct = /* @__PURE__ */ o("div")({
234
+ }), wt = /* @__PURE__ */ o("div")({
235
235
  name: "FeedbackText",
236
236
  class: "fx87qaj",
237
237
  propsAsIs: !1
238
- }), bt = ({
238
+ }), Ct = ({
239
239
  feedbackMessages: e,
240
240
  questionVotedCorrectly: t,
241
241
  questionVoted: n,
@@ -246,60 +246,60 @@ const Fe = /* @__PURE__ */ o("div")({
246
246
  const m = n && (i === x.TRIVIA || i === x.PREDICTION);
247
247
  if (!m && I !== Q.RESOLVED)
248
248
  return null;
249
- const p = i === x.PREDICTION && !r, d = t ? "correct" : "incorrect", f = t ? e.correctFeedback : e.incorrectFeedback;
250
- return /* @__PURE__ */ u(jt, { "data-isPrediction": p, children: [
251
- I === Q.RESOLVED && i === x.TRIVIA && !n && /* @__PURE__ */ u(E, { children: [
249
+ const p = i === x.PREDICTION && !r, d = t ? "correct" : "incorrect", h = t ? e.correctFeedback : e.incorrectFeedback;
250
+ return /* @__PURE__ */ u(xt, { "data-isPrediction": p, children: [
251
+ I === Q.RESOLVED && i === x.TRIVIA && !n && /* @__PURE__ */ u(b, { children: [
252
252
  /* @__PURE__ */ s(ae, { children: /* @__PURE__ */ s(j, { name: "questionExpired" }) }),
253
253
  /* @__PURE__ */ u("div", { children: [
254
- /* @__PURE__ */ s(le, { children: /* @__PURE__ */ s(H, { children: "Question Expired" }) }),
255
- /* @__PURE__ */ s(Ct, { children: "You can still answer to see if you're correct, but no points are awarded for expired questions." })
254
+ /* @__PURE__ */ s(le, { children: /* @__PURE__ */ s(Z, { children: "Question Expired" }) }),
255
+ /* @__PURE__ */ s(wt, { children: "You can still answer to see if you're correct, but no points are awarded for expired questions." })
256
256
  ] })
257
257
  ] }),
258
- m && p && /* @__PURE__ */ u(E, { children: [
259
- /* @__PURE__ */ s(kt, { name: "icon-prediction" }),
260
- /* @__PURE__ */ s(H, { children: "Stay tuned to see if your prediction was correct." })
258
+ m && p && /* @__PURE__ */ u(b, { children: [
259
+ /* @__PURE__ */ s(Ot, { name: "icon-prediction" }),
260
+ /* @__PURE__ */ s(Z, { children: "Stay tuned to see if your prediction was correct." })
261
261
  ] }),
262
- m && r && /* @__PURE__ */ u(E, { children: [
262
+ m && r && /* @__PURE__ */ u(b, { children: [
263
263
  /* @__PURE__ */ s(ae, { "data-feedbackType": d, children: /* @__PURE__ */ s(j, { name: d }) }),
264
264
  /* @__PURE__ */ s("div", { children: /* @__PURE__ */ u(le, { children: [
265
- /* @__PURE__ */ s(wt, { "data-feedbackType": d, children: f == null ? void 0 : f.title }),
266
- /* @__PURE__ */ s(H, { children: f == null ? void 0 : f.description })
265
+ /* @__PURE__ */ s(kt, { "data-feedbackType": d, children: h == null ? void 0 : h.title }),
266
+ /* @__PURE__ */ s(Z, { children: h == null ? void 0 : h.description })
267
267
  ] }) })
268
268
  ] })
269
269
  ] });
270
- }, Et = /* @__PURE__ */ o("div")({
270
+ }, bt = /* @__PURE__ */ o("div")({
271
271
  name: "Container",
272
272
  class: "c14ielyq",
273
273
  propsAsIs: !1
274
- }), Lt = /* @__PURE__ */ o("div")({
274
+ }), Et = /* @__PURE__ */ o("div")({
275
275
  name: "Content",
276
276
  class: "c1tlqx57",
277
277
  propsAsIs: !1
278
- }), $t = /* @__PURE__ */ o("div")({
278
+ }), Lt = /* @__PURE__ */ o("div")({
279
279
  name: "Title",
280
280
  class: "t1hq58md",
281
281
  propsAsIs: !1
282
- }), Rt = /* @__PURE__ */ o("div")({
282
+ }), $t = /* @__PURE__ */ o("div")({
283
283
  name: "Options",
284
284
  class: "o1c8nxcx",
285
285
  propsAsIs: !1
286
- }), Qt = /* @__PURE__ */ o("button")({
286
+ }), Rt = /* @__PURE__ */ o("button")({
287
287
  name: "ButtonContainer",
288
288
  class: "b1b6dl8t",
289
289
  propsAsIs: !1
290
- }), Ut = /* @__PURE__ */ o("div")({
290
+ }), Qt = /* @__PURE__ */ o("div")({
291
291
  name: "ButtonPct",
292
292
  class: "b4iik8i",
293
293
  propsAsIs: !1
294
- }), _t = /* @__PURE__ */ o("span")({
294
+ }), Ut = /* @__PURE__ */ o("span")({
295
295
  name: "ButtonBody",
296
296
  class: "b1gq1lnf",
297
297
  propsAsIs: !1
298
- }), qt = /* @__PURE__ */ o("div")({
298
+ }), _t = /* @__PURE__ */ o("div")({
299
299
  name: "IconContainer",
300
300
  class: "i1j65z51",
301
301
  propsAsIs: !1
302
- }), Yt = /* @__PURE__ */ o("div")({
302
+ }), qt = /* @__PURE__ */ o("div")({
303
303
  name: "IconWrap",
304
304
  class: "i19tpfua",
305
305
  propsAsIs: !1
@@ -307,37 +307,37 @@ const Fe = /* @__PURE__ */ o("div")({
307
307
  name: "Icon",
308
308
  class: "i1tubmma",
309
309
  propsAsIs: !1
310
- }), Pt = () => ze, Wt = /* @__PURE__ */ o(Pt())({
310
+ }), Yt = () => ze, Pt = /* @__PURE__ */ o(Yt())({
311
311
  name: "IconDefault",
312
312
  class: "i1grrgwj",
313
313
  propsAsIs: !0
314
- }), Vt = () => ze, Ft = /* @__PURE__ */ o(Vt())({
314
+ }), Wt = () => ze, Vt = /* @__PURE__ */ o(Wt())({
315
315
  name: "IconCircle",
316
316
  class: "ibemyq8",
317
317
  propsAsIs: !0
318
- }), Bt = /* @__PURE__ */ o("span")({
318
+ }), Ft = /* @__PURE__ */ o("span")({
319
319
  name: "Title",
320
320
  class: "t1dceht",
321
321
  propsAsIs: !1
322
- }), Ht = /* @__PURE__ */ o("span")({
322
+ }), Bt = /* @__PURE__ */ o("span")({
323
323
  name: "Indicators",
324
324
  class: "i116q4vq",
325
325
  propsAsIs: !1
326
- }), Zt = /* @__PURE__ */ o("span")({
326
+ }), Ht = /* @__PURE__ */ o("span")({
327
327
  name: "Percentage",
328
328
  class: "p17ajcu2",
329
329
  propsAsIs: !1
330
- }), Gt = () => j, Jt = /* @__PURE__ */ o(Gt())({
330
+ }), Zt = () => j, Gt = /* @__PURE__ */ o(Zt())({
331
331
  name: "CheckIcon",
332
332
  class: "cu9kmlb",
333
333
  propsAsIs: !0
334
334
  }), ce = {
335
- [b.CENTERED]: (e) => /* @__PURE__ */ s(Wt, { alt: "option-icon", src: e }),
336
- [b.TRANSPARENT]: (e) => /* @__PURE__ */ s(qt, { children: /* @__PURE__ */ s(Yt, { style: { backgroundImage: `url(${e})` } }) }),
337
- [b.ROUNDED]: (e) => /* @__PURE__ */ s(Ft, { alt: "option-icon", src: e }),
338
- [b.NONE]: () => null,
339
- [b.UNSET]: () => null
340
- }, Kt = ({ questionType: e, hasCorrectAnswer: t, correct: n, youVoted: i, questionVoted: r }) => {
335
+ [$.CENTERED]: (e) => /* @__PURE__ */ s(Pt, { alt: "option-icon", src: e }),
336
+ [$.TRANSPARENT]: (e) => /* @__PURE__ */ s(_t, { children: /* @__PURE__ */ s(qt, { style: { backgroundImage: `url(${e})` } }) }),
337
+ [$.ROUNDED]: (e) => /* @__PURE__ */ s(Vt, { alt: "option-icon", src: e }),
338
+ [$.NONE]: () => null,
339
+ [$.UNSET]: () => null
340
+ }, Jt = ({ questionType: e, hasCorrectAnswer: t, correct: n, youVoted: i, questionVoted: r }) => {
341
341
  if (e === x.POLL && i)
342
342
  return "correct";
343
343
  if (e === x.PREDICTION) {
@@ -347,13 +347,13 @@ const Fe = /* @__PURE__ */ o("div")({
347
347
  return "correct";
348
348
  }
349
349
  return e === x.TRIVIA && r ? i ? n ? "correct" : "incorrect" : n ? "correct" : "unset" : "unset";
350
- }, Xt = ({
350
+ }, Kt = ({
351
351
  questionType: e,
352
352
  questionVoted: t,
353
353
  correct: n,
354
354
  hasCorrectAnswer: i,
355
355
  questionStatus: r
356
- }) => e === x.TRIVIA ? t && n : e === x.PREDICTION ? t && n && i || r === Q.RESOLVED && n : !1, en = (e) => {
356
+ }) => e === x.TRIVIA ? t && n : e === x.PREDICTION ? t && n && i || r === Q.RESOLVED && n : !1, Xt = (e) => {
357
357
  var t;
358
358
  const {
359
359
  // option props
@@ -366,16 +366,16 @@ const Fe = /* @__PURE__ */ o("div")({
366
366
  youSelected: p,
367
367
  questionVoted: d,
368
368
  // ToDo: Figure out why imageMode is not in the response, and delete default value
369
- imageMode: f = b.ROUNDED,
369
+ imageMode: h,
370
370
  answerTimeExpired: A,
371
371
  questionStatus: D,
372
372
  isLoading: N,
373
373
  questionType: y,
374
374
  correct: T,
375
375
  hasCorrectAnswer: a
376
- } = e, l = Kt(e), c = Xt({ questionType: y, questionVoted: d, correct: T, hasCorrectAnswer: a, questionStatus: D }), h = d || D === Q.RESOLVED && y === x.PREDICTION;
376
+ } = e, l = Jt(e), c = Kt({ questionType: y, questionVoted: d, correct: T, hasCorrectAnswer: a, questionStatus: D }), f = d || D === Q.RESOLVED && y === x.PREDICTION;
377
377
  return /* @__PURE__ */ u(
378
- Qt,
378
+ Rt,
379
379
  {
380
380
  value: n,
381
381
  "data-selected": p,
@@ -383,13 +383,13 @@ const Fe = /* @__PURE__ */ o("div")({
383
383
  disabled: d || N || A,
384
384
  onClick: m,
385
385
  children: [
386
- h && /* @__PURE__ */ s(Ut, { "data-answerState": l, style: { width: `${I}%` } }),
387
- /* @__PURE__ */ u(_t, { children: [
388
- i && ((t = ce[f]) == null ? void 0 : t.call(ce, i)),
389
- /* @__PURE__ */ s(Bt, { children: r }),
390
- h && /* @__PURE__ */ u(Ht, { children: [
391
- c && /* @__PURE__ */ s(Jt, { name: "selected" }),
392
- /* @__PURE__ */ u(Zt, { children: [
386
+ f && /* @__PURE__ */ s(Qt, { "data-answerState": l, style: { width: `${I}%` } }),
387
+ /* @__PURE__ */ u(Ut, { children: [
388
+ i && h && ((t = ce[h]) == null ? void 0 : t.call(ce, i)),
389
+ /* @__PURE__ */ s(Ft, { children: r }),
390
+ f && /* @__PURE__ */ u(Bt, { children: [
391
+ c && /* @__PURE__ */ s(Gt, { name: "selected" }),
392
+ /* @__PURE__ */ u(Ht, { children: [
393
393
  I,
394
394
  "%"
395
395
  ] })
@@ -398,29 +398,29 @@ const Fe = /* @__PURE__ */ o("div")({
398
398
  ]
399
399
  }
400
400
  );
401
- }, tn = [L.PRIMARY_GREEN1, L.SECONDARY_RED1, L.SECONDARY_RED1], nn = [10, 10, 0], sn = /* @__PURE__ */ o("div")({
401
+ }, en = [E.PRIMARY_GREEN1, E.SECONDARY_RED1, E.SECONDARY_RED1], tn = [10, 10, 0], nn = /* @__PURE__ */ o("div")({
402
402
  name: "RemainingTime",
403
403
  class: "r165427",
404
404
  propsAsIs: !1
405
- }), rn = L.SECONDARY_GREEN6, de = L.SECONDARY_RED3, on = L.NEUTRALS_GRAY3, an = ({
405
+ }), sn = E.SECONDARY_GREEN6, de = E.SECONDARY_RED3, rn = E.NEUTRALS_GRAY3, on = ({
406
406
  isPlaying: e = !0,
407
407
  duration: t = 30,
408
408
  onTimerExpired: n
409
409
  }) => {
410
- const [i, r] = R(t > 10 ? rn : de), I = ({
410
+ const [i, r] = R(t > 10 ? sn : de), I = ({
411
411
  remainingTime: d
412
- }) => /* @__PURE__ */ s(sn, {
412
+ }) => /* @__PURE__ */ s(nn, {
413
413
  children: d
414
- }), m = V(() => {
415
- n == null || n(), r(on);
416
- }, [n, r]), p = V((d) => {
414
+ }), m = F(() => {
415
+ n == null || n(), r(rn);
416
+ }, [n, r]), p = F((d) => {
417
417
  d === 10 && r(de);
418
418
  }, [r]);
419
- return /* @__PURE__ */ s(Ve, {
419
+ return /* @__PURE__ */ s(We, {
420
420
  isPlaying: e,
421
421
  duration: t,
422
- colors: tn,
423
- colorsTime: nn,
422
+ colors: en,
423
+ colorsTime: tn,
424
424
  size: 32,
425
425
  strokeWidth: 2,
426
426
  trailStrokeWidth: 2,
@@ -429,49 +429,49 @@ const Fe = /* @__PURE__ */ o("div")({
429
429
  onUpdate: p,
430
430
  children: I
431
431
  });
432
- }, ln = /* @__PURE__ */ o("div")({
432
+ }, an = /* @__PURE__ */ o("div")({
433
433
  name: "WinBarContainer",
434
434
  class: "wie6cqo",
435
435
  propsAsIs: !1
436
- }), cn = /* @__PURE__ */ o("div")({
436
+ }), ln = /* @__PURE__ */ o("div")({
437
437
  name: "Content",
438
438
  class: "cgizw4u",
439
439
  propsAsIs: !1
440
- }), dn = /* @__PURE__ */ o("div")({
440
+ }), cn = /* @__PURE__ */ o("div")({
441
441
  name: "Title",
442
442
  class: "t1l3ucjp",
443
443
  propsAsIs: !1
444
- }), un = () => j, pn = /* @__PURE__ */ o(un())({
444
+ }), dn = () => j, un = /* @__PURE__ */ o(dn())({
445
445
  name: "WinIcon",
446
446
  class: "wx7j799",
447
447
  propsAsIs: !0
448
- }), mn = /* @__PURE__ */ o("div")({
448
+ }), pn = /* @__PURE__ */ o("div")({
449
449
  name: "Points",
450
450
  class: "p4lwuj0",
451
451
  propsAsIs: !1
452
- }), In = /* @__PURE__ */ o("span")({
452
+ }), mn = /* @__PURE__ */ o("span")({
453
453
  name: "PointsCount",
454
454
  class: "po9i64o",
455
455
  propsAsIs: !1
456
- }), hn = /* @__PURE__ */ o("span")({
456
+ }), In = /* @__PURE__ */ o("span")({
457
457
  name: "PointsUnits",
458
458
  class: "pe5g05h",
459
459
  propsAsIs: !1
460
- }), fn = ({ title: e, points: t, isPlayingTimer: n, isTimer: i, onTimerExpired: r }) => /* @__PURE__ */ u(ln, { children: [
461
- /* @__PURE__ */ u(cn, { children: [
462
- e && /* @__PURE__ */ s(dn, { children: e }),
463
- t !== void 0 && /* @__PURE__ */ u(E, { children: [
464
- /* @__PURE__ */ s(pn, { name: "icon-trophy" }),
465
- /* @__PURE__ */ u(mn, { children: [
466
- /* @__PURE__ */ s(In, { children: t }),
467
- /* @__PURE__ */ s(hn, { children: "PTS" })
460
+ }), hn = ({ title: e, points: t, isPlayingTimer: n, isTimer: i, onTimerExpired: r }) => /* @__PURE__ */ u(an, { children: [
461
+ /* @__PURE__ */ u(ln, { children: [
462
+ e && /* @__PURE__ */ s(cn, { children: e }),
463
+ t !== void 0 && /* @__PURE__ */ u(b, { children: [
464
+ /* @__PURE__ */ s(un, { name: "icon-trophy" }),
465
+ /* @__PURE__ */ u(pn, { children: [
466
+ /* @__PURE__ */ s(mn, { children: t }),
467
+ /* @__PURE__ */ s(In, { children: "PTS" })
468
468
  ] })
469
469
  ] })
470
470
  ] }),
471
- i && /* @__PURE__ */ s(an, { isPlaying: n, onTimerExpired: r })
472
- ] }), gn = ({ openedQuestion: e, vote: t, close: n }) => {
471
+ i && /* @__PURE__ */ s(on, { isPlaying: n, onTimerExpired: r })
472
+ ] }), fn = ({ openedQuestion: e, vote: t, close: n }) => {
473
473
  var i;
474
- const r = e.subject, I = e.type, m = (i = e.options) == null ? void 0 : i.options, [p, d] = R(!1), [f, A] = R(!1), [D, N] = R(""), y = e == null ? void 0 : e.id, T = V(
474
+ const r = e.subject, I = e.type, m = (i = e.options) == null ? void 0 : i.options, [p, d] = R(!1), [h, A] = R(!1), [D, N] = R(""), y = e == null ? void 0 : e.id, T = F(
475
475
  async (v) => {
476
476
  if (y) {
477
477
  const g = v.currentTarget.value;
@@ -479,29 +479,33 @@ const Fe = /* @__PURE__ */ o("div")({
479
479
  }
480
480
  },
481
481
  [y, N, t]
482
- ), a = V(() => {
482
+ ), a = F(() => {
483
483
  d(!0), setTimeout(n, 3e3);
484
- }, [n]), l = P(
484
+ }, [n]), l = W(
485
485
  () => e == null ? void 0 : e.answers.find((v) => v.youVoted === !0),
486
486
  [e]
487
- ), c = P(
487
+ ), c = W(
488
488
  () => !!(e != null && e.answers.find((v) => v.correct === !0)),
489
489
  [e]
490
- ), h = P(() => e ? e.answers.map((v) => ({
491
- ...v,
492
- questionVoted: !!l,
493
- youSelected: D === v.id,
494
- isLoading: f,
495
- hasCorrectAnswer: c,
496
- questionType: e.type,
497
- answerTimeExpired: p,
498
- questionStatus: e.status,
499
- // ToDo: Figure out why imageMode is not in the response
500
- onVote: T
501
- })) : [], [c, p, f, e, l, T, D]), M = m && (m.case === "trivia" || m.case === "prediction") ? m.value : void 0;
502
- return /* @__PURE__ */ s(te, { "data-question-header": "true", children: /* @__PURE__ */ s(Et, { children: /* @__PURE__ */ u(Lt, { children: [
490
+ ), f = W(() => e ? e.answers.map((v) => {
491
+ var g;
492
+ return {
493
+ ...v,
494
+ questionVoted: !!l,
495
+ youSelected: D === v.id,
496
+ isLoading: h,
497
+ hasCorrectAnswer: c,
498
+ questionType: e.type,
499
+ answerTimeExpired: p,
500
+ questionStatus: e.status,
501
+ imageMode: (g = e.appearance) == null ? void 0 : g.images,
502
+ // ToDo: Figure out why imageMode is not in the response
503
+ onVote: T
504
+ };
505
+ }) : [], [c, p, h, e, l, T, D]), M = m && (m.case === "trivia" || m.case === "prediction") ? m.value : void 0;
506
+ return /* @__PURE__ */ s(te, { "data-question-header": "true", children: /* @__PURE__ */ s(bt, { children: /* @__PURE__ */ u(Et, { children: [
503
507
  M && /* @__PURE__ */ s(
504
- bt,
508
+ Ct,
505
509
  {
506
510
  feedbackMessages: M,
507
511
  questionVoted: !!l,
@@ -512,7 +516,7 @@ const Fe = /* @__PURE__ */ o("div")({
512
516
  }
513
517
  ),
514
518
  /* @__PURE__ */ s(
515
- fn,
519
+ hn,
516
520
  {
517
521
  title: p ? "Time expired" : "To win",
518
522
  points: p ? void 0 : 100,
@@ -521,87 +525,87 @@ const Fe = /* @__PURE__ */ o("div")({
521
525
  }
522
526
  ),
523
527
  p ? /* @__PURE__ */ s(
524
- xt,
528
+ zt,
525
529
  {
526
530
  title: "More to come...",
527
531
  description: "Watch for additional enhanced stream interactive experience."
528
532
  }
529
- ) : /* @__PURE__ */ u(E, { children: [
530
- /* @__PURE__ */ s($t, { children: r }),
531
- /* @__PURE__ */ s(Rt, { children: h.map((v) => /* @__PURE__ */ s(en, { ...v }, v.id)) })
533
+ ) : /* @__PURE__ */ u(b, { children: [
534
+ /* @__PURE__ */ s(Lt, { children: r }),
535
+ /* @__PURE__ */ s($t, { children: f.map((v) => /* @__PURE__ */ s(Xt, { ...v }, v.id)) })
532
536
  ] })
533
537
  ] }) }) });
534
- }, Mn = /* @__PURE__ */ o("div")({
538
+ }, gn = /* @__PURE__ */ o("div")({
535
539
  name: "Container",
536
540
  class: "cgn5uen",
537
541
  propsAsIs: !1
538
- }), vn = /* @__PURE__ */ o("div")({
542
+ }), Mn = /* @__PURE__ */ o("div")({
539
543
  name: "Content",
540
544
  class: "c1px8nt6",
541
545
  propsAsIs: !1
542
- }), Nn = /* @__PURE__ */ o("h3")({
546
+ }), vn = /* @__PURE__ */ o("h3")({
543
547
  name: "Title",
544
548
  class: "t5et2jt",
545
549
  propsAsIs: !1
546
- }), An = /* @__PURE__ */ o("div")({
550
+ }), Nn = /* @__PURE__ */ o("div")({
547
551
  name: "Description",
548
552
  class: "d1i2kpk2",
549
553
  propsAsIs: !1
550
- }), yn = /* @__PURE__ */ o("div")({
554
+ }), An = /* @__PURE__ */ o("div")({
551
555
  name: "DateWrap",
552
556
  class: "dd3lh3p",
553
557
  propsAsIs: !1
554
558
  }), xe = ({ created: e, title: t, instantView: n }) => {
555
- const i = P(() => {
559
+ const i = W(() => {
556
560
  if (e) {
557
561
  const r = new Date(e);
558
- if (Ye(r))
562
+ if (qe(r))
559
563
  return {
560
- date: Pe(r),
561
- time: We(r)
564
+ date: Ye(r),
565
+ time: Pe(r)
562
566
  };
563
567
  }
564
568
  return null;
565
569
  }, [e]);
566
- return /* @__PURE__ */ u(Mn, { children: [
567
- i && /* @__PURE__ */ u(yn, { children: [
570
+ return /* @__PURE__ */ u(gn, { children: [
571
+ i && /* @__PURE__ */ u(An, { children: [
568
572
  i.date,
569
573
  " · ",
570
574
  i.time
571
575
  ] }),
572
576
  (n == null ? void 0 : n.video) && /* @__PURE__ */ s($e, { source: n.video.url, poster: n.video.thumbnailUrl }),
573
- /* @__PURE__ */ u(vn, { children: [
574
- /* @__PURE__ */ s(Nn, { children: (n == null ? void 0 : n.heading) || t }),
575
- /* @__PURE__ */ s(An, { children: n == null ? void 0 : n.body })
577
+ /* @__PURE__ */ u(Mn, { children: [
578
+ /* @__PURE__ */ s(vn, { children: (n == null ? void 0 : n.heading) || t }),
579
+ /* @__PURE__ */ s(Nn, { children: n == null ? void 0 : n.body })
576
580
  ] })
577
581
  ] });
578
- }, Tn = /* @__PURE__ */ o("div")({
582
+ }, yn = /* @__PURE__ */ o("div")({
579
583
  name: "Container",
580
584
  class: "c1euiow",
581
585
  propsAsIs: !1
582
- }), Dn = /* @__PURE__ */ o("a")({
586
+ }), Tn = /* @__PURE__ */ o("a")({
583
587
  name: "WebLinkBtn",
584
588
  class: "w19zie3h",
585
589
  propsAsIs: !1
586
- }), Sn = ({ instantView: e, ...t }) => /* @__PURE__ */ u(Tn, { children: [
590
+ }), Dn = ({ instantView: e, ...t }) => /* @__PURE__ */ u(yn, { children: [
587
591
  /* @__PURE__ */ s(xe, { instantView: e, ...t }),
588
- (e == null ? void 0 : e.webLink) && /* @__PURE__ */ u(Dn, { href: e == null ? void 0 : e.webLink.url, target: "_blank", children: [
592
+ (e == null ? void 0 : e.webLink) && /* @__PURE__ */ u(Tn, { href: e == null ? void 0 : e.webLink.url, target: "_blank", children: [
589
593
  "Explore more of the Masters History",
590
594
  /* @__PURE__ */ s(j, { name: "icon-external-link" })
591
595
  ] })
592
- ] }), zn = /* @__PURE__ */ o("div")({
596
+ ] }), Sn = /* @__PURE__ */ o("div")({
593
597
  name: "QuestionContainer",
594
598
  class: "qdri6g3",
595
599
  propsAsIs: !1
596
- }), xn = ({
600
+ }), zn = ({
597
601
  openedQuestion: e
598
602
  }) => {
599
603
  var t;
600
- return ((t = e == null ? void 0 : e.attributes) == null ? void 0 : t.attributes.case) === "insight" ? /* @__PURE__ */ s(Sn, {
604
+ return ((t = e == null ? void 0 : e.attributes) == null ? void 0 : t.attributes.case) === "insight" ? /* @__PURE__ */ s(Dn, {
601
605
  created: e.attributes.created,
602
606
  ...e.attributes.attributes.value
603
607
  }) : null;
604
- }, jn = ({
608
+ }, xn = ({
605
609
  extendedQuestion: e,
606
610
  vote: t,
607
611
  close: n
@@ -610,12 +614,12 @@ const Fe = /* @__PURE__ */ o("div")({
610
614
  loading: i,
611
615
  data: r
612
616
  } = e;
613
- return !i && r ? /* @__PURE__ */ s(gn, {
617
+ return !i && r ? /* @__PURE__ */ s(fn, {
614
618
  vote: t,
615
619
  close: n,
616
620
  openedQuestion: r
617
621
  }) : null;
618
- }, On = ({
622
+ }, jn = ({
619
623
  gamification: e
620
624
  }) => {
621
625
  var t;
@@ -623,37 +627,37 @@ const Fe = /* @__PURE__ */ o("div")({
623
627
  if (!n)
624
628
  return null;
625
629
  const r = n.type;
626
- return /* @__PURE__ */ u(zn, {
630
+ return /* @__PURE__ */ u(Sn, {
627
631
  children: [/* @__PURE__ */ s(De, {
628
632
  close: e.closeQuestion,
629
633
  type: ((t = n.attributes) == null ? void 0 : t.type) || x.UNSET
630
- }), r === "question" && /* @__PURE__ */ s(jn, {
634
+ }), r === "question" && /* @__PURE__ */ s(xn, {
631
635
  vote: e.submitAnswer,
632
636
  close: e.closeQuestion,
633
637
  extendedQuestion: i
634
- }), r !== "question" && /* @__PURE__ */ s(xn, {
638
+ }), r !== "question" && /* @__PURE__ */ s(zn, {
635
639
  openedQuestion: n
636
640
  })]
637
641
  });
638
- }, kn = /* @__PURE__ */ o("div")({
642
+ }, On = /* @__PURE__ */ o("div")({
639
643
  name: "Container",
640
644
  class: "c115qtkr",
641
645
  propsAsIs: !1
642
- }), wn = /* @__PURE__ */ o("div")({
646
+ }), kn = /* @__PURE__ */ o("div")({
643
647
  name: "STabs",
644
648
  class: "sxnslc8",
645
649
  propsAsIs: !1
646
- }), Cn = /* @__PURE__ */ o("button")({
650
+ }), wn = /* @__PURE__ */ o("button")({
647
651
  name: "Button",
648
652
  class: "b1umzux0",
649
653
  propsAsIs: !1
650
- }), bn = /* @__PURE__ */ o("span")({
654
+ }), Cn = /* @__PURE__ */ o("span")({
651
655
  name: "Title",
652
656
  class: "tspsaas",
653
657
  propsAsIs: !1
654
658
  });
655
- var W = /* @__PURE__ */ ((e) => (e.HOME = "home", e.LEADERBOARD = "leaderboard", e))(W || {});
656
- const ue = ({ title: e, active: t, onClick: n }) => /* @__PURE__ */ s(Cn, { onClick: n, "data-selected": t, children: /* @__PURE__ */ s(bn, { children: e }) }), En = ({ activePage: e = "home", toggleActivePage: t }) => /* @__PURE__ */ s(kn, { children: /* @__PURE__ */ u(wn, { "data-position": e === "home" ? "left" : "right", children: [
659
+ var V = /* @__PURE__ */ ((e) => (e.HOME = "home", e.LEADERBOARD = "leaderboard", e))(V || {});
660
+ const ue = ({ title: e, active: t, onClick: n }) => /* @__PURE__ */ s(wn, { onClick: n, "data-selected": t, children: /* @__PURE__ */ s(Cn, { children: e }) }), bn = ({ activePage: e = "home", toggleActivePage: t }) => /* @__PURE__ */ s(On, { children: /* @__PURE__ */ u(kn, { "data-position": e === "home" ? "left" : "right", children: [
657
661
  /* @__PURE__ */ s(ue, { title: "Home", active: e === "home", onClick: () => t(
658
662
  "home"
659
663
  /* HOME */
@@ -690,25 +694,25 @@ function ee(e, t) {
690
694
  return i.__proto__ = r, i;
691
695
  }, ee(e, t);
692
696
  }
693
- function Ln(e, t) {
697
+ function En(e, t) {
694
698
  e.prototype = Object.create(t.prototype), e.prototype.constructor = e, ee(e, t);
695
699
  }
696
700
  var me = Number.isNaN || function(t) {
697
701
  return typeof t == "number" && t !== t;
698
702
  };
699
- function $n(e, t) {
703
+ function Ln(e, t) {
700
704
  return !!(e === t || me(e) && me(t));
701
705
  }
702
- function Rn(e, t) {
706
+ function $n(e, t) {
703
707
  if (e.length !== t.length)
704
708
  return !1;
705
709
  for (var n = 0; n < e.length; n++)
706
- if (!$n(e[n], t[n]))
710
+ if (!Ln(e[n], t[n]))
707
711
  return !1;
708
712
  return !0;
709
713
  }
710
- function Z(e, t) {
711
- t === void 0 && (t = Rn);
714
+ function G(e, t) {
715
+ t === void 0 && (t = $n);
712
716
  var n, i = [], r, I = !1;
713
717
  function m() {
714
718
  for (var p = [], d = 0; d < arguments.length; d++)
@@ -717,7 +721,7 @@ function Z(e, t) {
717
721
  }
718
722
  return m;
719
723
  }
720
- var Qn = typeof performance == "object" && typeof performance.now == "function", Ie = Qn ? function() {
724
+ var Rn = typeof performance == "object" && typeof performance.now == "function", Ie = Rn ? function() {
721
725
  return performance.now();
722
726
  } : function() {
723
727
  return Date.now();
@@ -725,7 +729,7 @@ var Qn = typeof performance == "object" && typeof performance.now == "function",
725
729
  function he(e) {
726
730
  cancelAnimationFrame(e.id);
727
731
  }
728
- function Un(e, t) {
732
+ function Qn(e, t) {
729
733
  var n = Ie();
730
734
  function i() {
731
735
  Ie() - n >= t ? e.call(null) : r.id = requestAnimationFrame(i);
@@ -735,13 +739,13 @@ function Un(e, t) {
735
739
  };
736
740
  return r;
737
741
  }
738
- var G = -1;
742
+ var J = -1;
739
743
  function fe(e) {
740
- if (e === void 0 && (e = !1), G === -1 || e) {
744
+ if (e === void 0 && (e = !1), J === -1 || e) {
741
745
  var t = document.createElement("div"), n = t.style;
742
- n.width = "50px", n.height = "50px", n.overflow = "scroll", document.body.appendChild(t), G = t.offsetWidth - t.clientWidth, document.body.removeChild(t);
746
+ n.width = "50px", n.height = "50px", n.overflow = "scroll", document.body.appendChild(t), J = t.offsetWidth - t.clientWidth, document.body.removeChild(t);
743
747
  }
744
- return G;
748
+ return J;
745
749
  }
746
750
  var C = null;
747
751
  function ge(e) {
@@ -753,13 +757,13 @@ function ge(e) {
753
757
  }
754
758
  return C;
755
759
  }
756
- var _n = 150, qn = function(t, n) {
760
+ var Un = 150, _n = function(t, n) {
757
761
  return t;
758
762
  };
759
- function Yn(e) {
760
- var t, n = e.getItemOffset, i = e.getEstimatedTotalSize, r = e.getItemSize, I = e.getOffsetForIndexAndAlignment, m = e.getStartIndexForOffset, p = e.getStopIndexForStartIndex, d = e.initInstanceProps, f = e.shouldResetStyleCacheOnItemSizeChange, A = e.validateProps;
763
+ function qn(e) {
764
+ var t, n = e.getItemOffset, i = e.getEstimatedTotalSize, r = e.getItemSize, I = e.getOffsetForIndexAndAlignment, m = e.getStartIndexForOffset, p = e.getStopIndexForStartIndex, d = e.initInstanceProps, h = e.shouldResetStyleCacheOnItemSizeChange, A = e.validateProps;
761
765
  return t = /* @__PURE__ */ function(D) {
762
- Ln(N, D);
766
+ En(N, D);
763
767
  function N(T) {
764
768
  var a;
765
769
  return a = D.call(this, T) || this, a._instanceProps = d(a.props, pe(a)), a._outerRef = void 0, a._resetIsScrollingTimeoutId = null, a.state = {
@@ -768,25 +772,25 @@ function Yn(e) {
768
772
  scrollDirection: "forward",
769
773
  scrollOffset: typeof a.props.initialScrollOffset == "number" ? a.props.initialScrollOffset : 0,
770
774
  scrollUpdateWasRequested: !1
771
- }, a._callOnItemsRendered = void 0, a._callOnItemsRendered = Z(function(l, c, h, M) {
775
+ }, a._callOnItemsRendered = void 0, a._callOnItemsRendered = G(function(l, c, f, M) {
772
776
  return a.props.onItemsRendered({
773
777
  overscanStartIndex: l,
774
778
  overscanStopIndex: c,
775
- visibleStartIndex: h,
779
+ visibleStartIndex: f,
776
780
  visibleStopIndex: M
777
781
  });
778
- }), a._callOnScroll = void 0, a._callOnScroll = Z(function(l, c, h) {
782
+ }), a._callOnScroll = void 0, a._callOnScroll = G(function(l, c, f) {
779
783
  return a.props.onScroll({
780
784
  scrollDirection: l,
781
785
  scrollOffset: c,
782
- scrollUpdateWasRequested: h
786
+ scrollUpdateWasRequested: f
783
787
  });
784
788
  }), a._getItemStyle = void 0, a._getItemStyle = function(l) {
785
- var c = a.props, h = c.direction, M = c.itemSize, v = c.layout, g = a._getItemStyleCache(f && M, f && v, f && h), S;
789
+ var c = a.props, f = c.direction, M = c.itemSize, v = c.layout, g = a._getItemStyleCache(h && M, h && v, h && f), S;
786
790
  if (g.hasOwnProperty(l))
787
791
  S = g[l];
788
792
  else {
789
- var z = n(a.props, l, a._instanceProps), O = r(a.props, l, a._instanceProps), k = h === "horizontal" || v === "horizontal", U = h === "rtl", _ = k ? z : 0;
793
+ var z = n(a.props, l, a._instanceProps), O = r(a.props, l, a._instanceProps), k = f === "horizontal" || v === "horizontal", U = f === "rtl", _ = k ? z : 0;
790
794
  g[l] = S = {
791
795
  position: "absolute",
792
796
  left: U ? void 0 : _,
@@ -797,10 +801,10 @@ function Yn(e) {
797
801
  };
798
802
  }
799
803
  return S;
800
- }, a._getItemStyleCache = void 0, a._getItemStyleCache = Z(function(l, c, h) {
804
+ }, a._getItemStyleCache = void 0, a._getItemStyleCache = G(function(l, c, f) {
801
805
  return {};
802
806
  }), a._onScrollHorizontal = function(l) {
803
- var c = l.currentTarget, h = c.clientWidth, M = c.scrollLeft, v = c.scrollWidth;
807
+ var c = l.currentTarget, f = c.clientWidth, M = c.scrollLeft, v = c.scrollWidth;
804
808
  a.setState(function(g) {
805
809
  if (g.scrollOffset === M)
806
810
  return null;
@@ -811,10 +815,10 @@ function Yn(e) {
811
815
  z = -M;
812
816
  break;
813
817
  case "positive-descending":
814
- z = v - h - M;
818
+ z = v - f - M;
815
819
  break;
816
820
  }
817
- return z = Math.max(0, Math.min(z, v - h)), {
821
+ return z = Math.max(0, Math.min(z, v - f)), {
818
822
  isScrolling: !0,
819
823
  scrollDirection: g.scrollOffset < M ? "forward" : "backward",
820
824
  scrollOffset: z,
@@ -822,11 +826,11 @@ function Yn(e) {
822
826
  };
823
827
  }, a._resetIsScrollingDebounced);
824
828
  }, a._onScrollVertical = function(l) {
825
- var c = l.currentTarget, h = c.clientHeight, M = c.scrollHeight, v = c.scrollTop;
829
+ var c = l.currentTarget, f = c.clientHeight, M = c.scrollHeight, v = c.scrollTop;
826
830
  a.setState(function(g) {
827
831
  if (g.scrollOffset === v)
828
832
  return null;
829
- var S = Math.max(0, Math.min(v, M - h));
833
+ var S = Math.max(0, Math.min(v, M - f));
830
834
  return {
831
835
  isScrolling: !0,
832
836
  scrollDirection: g.scrollOffset < S ? "forward" : "backward",
@@ -838,7 +842,7 @@ function Yn(e) {
838
842
  var c = a.props.outerRef;
839
843
  a._outerRef = l, typeof c == "function" ? c(l) : c != null && typeof c == "object" && c.hasOwnProperty("current") && (c.current = l);
840
844
  }, a._resetIsScrollingDebounced = function() {
841
- a._resetIsScrollingTimeoutId !== null && he(a._resetIsScrollingTimeoutId), a._resetIsScrollingTimeoutId = Un(a._resetIsScrolling, _n);
845
+ a._resetIsScrollingTimeoutId !== null && he(a._resetIsScrollingTimeoutId), a._resetIsScrollingTimeoutId = Qn(a._resetIsScrolling, Un);
842
846
  }, a._resetIsScrolling = function() {
843
847
  a._resetIsScrollingTimeoutId = null, a.setState({
844
848
  isScrolling: !1
@@ -848,7 +852,7 @@ function Yn(e) {
848
852
  }, a;
849
853
  }
850
854
  N.getDerivedStateFromProps = function(a, l) {
851
- return Pn(a, l), A(a), null;
855
+ return Yn(a, l), A(a), null;
852
856
  };
853
857
  var y = N.prototype;
854
858
  return y.scrollTo = function(a) {
@@ -861,8 +865,8 @@ function Yn(e) {
861
865
  }, this._resetIsScrollingDebounced);
862
866
  }, y.scrollToItem = function(a, l) {
863
867
  l === void 0 && (l = "auto");
864
- var c = this.props, h = c.itemCount, M = c.layout, v = this.state.scrollOffset;
865
- a = Math.max(0, Math.min(a, h - 1));
868
+ var c = this.props, f = c.itemCount, M = c.layout, v = this.state.scrollOffset;
869
+ a = Math.max(0, Math.min(a, f - 1));
866
870
  var g = 0;
867
871
  if (this._outerRef) {
868
872
  var S = this._outerRef;
@@ -870,14 +874,14 @@ function Yn(e) {
870
874
  }
871
875
  this.scrollTo(I(this.props, a, l, v, this._instanceProps, g));
872
876
  }, y.componentDidMount = function() {
873
- var a = this.props, l = a.direction, c = a.initialScrollOffset, h = a.layout;
877
+ var a = this.props, l = a.direction, c = a.initialScrollOffset, f = a.layout;
874
878
  if (typeof c == "number" && this._outerRef != null) {
875
879
  var M = this._outerRef;
876
- l === "horizontal" || h === "horizontal" ? M.scrollLeft = c : M.scrollTop = c;
880
+ l === "horizontal" || f === "horizontal" ? M.scrollLeft = c : M.scrollTop = c;
877
881
  }
878
882
  this._callPropsCallbacks();
879
883
  }, y.componentDidUpdate = function() {
880
- var a = this.props, l = a.direction, c = a.layout, h = this.state, M = h.scrollOffset, v = h.scrollUpdateWasRequested;
884
+ var a = this.props, l = a.direction, c = a.layout, f = this.state, M = f.scrollOffset, v = f.scrollUpdateWasRequested;
881
885
  if (v && this._outerRef != null) {
882
886
  var g = this._outerRef;
883
887
  if (l === "horizontal" || c === "horizontal")
@@ -903,18 +907,18 @@ function Yn(e) {
903
907
  }, y.componentWillUnmount = function() {
904
908
  this._resetIsScrollingTimeoutId !== null && he(this._resetIsScrollingTimeoutId);
905
909
  }, y.render = function() {
906
- var a = this.props, l = a.children, c = a.className, h = a.direction, M = a.height, v = a.innerRef, g = a.innerElementType, S = a.innerTagName, z = a.itemCount, O = a.itemData, k = a.itemKey, U = k === void 0 ? qn : k, _ = a.layout, je = a.outerElementType, Oe = a.outerTagName, ke = a.style, we = a.useIsScrolling, Ce = a.width, ne = this.state.isScrolling, F = h === "horizontal" || _ === "horizontal", be = F ? this._onScrollHorizontal : this._onScrollVertical, se = this._getRangeToRender(), Ee = se[0], Le = se[1], ie = [];
910
+ var a = this.props, l = a.children, c = a.className, f = a.direction, M = a.height, v = a.innerRef, g = a.innerElementType, S = a.innerTagName, z = a.itemCount, O = a.itemData, k = a.itemKey, U = k === void 0 ? _n : k, _ = a.layout, je = a.outerElementType, Oe = a.outerTagName, ke = a.style, we = a.useIsScrolling, Ce = a.width, ne = this.state.isScrolling, B = f === "horizontal" || _ === "horizontal", be = B ? this._onScrollHorizontal : this._onScrollVertical, se = this._getRangeToRender(), Ee = se[0], Le = se[1], ie = [];
907
911
  if (z > 0)
908
- for (var $ = Ee; $ <= Le; $++)
909
- ie.push(B(l, {
912
+ for (var L = Ee; L <= Le; L++)
913
+ ie.push(H(l, {
910
914
  data: O,
911
- key: U($, O),
912
- index: $,
915
+ key: U(L, O),
916
+ index: L,
913
917
  isScrolling: we ? ne : void 0,
914
- style: this._getItemStyle($)
918
+ style: this._getItemStyle(L)
915
919
  }));
916
920
  var re = i(this.props, this._instanceProps);
917
- return B(je || Oe || "div", {
921
+ return H(je || Oe || "div", {
918
922
  className: c,
919
923
  onScroll: be,
920
924
  ref: this._outerRefSetter,
@@ -925,23 +929,23 @@ function Yn(e) {
925
929
  overflow: "auto",
926
930
  WebkitOverflowScrolling: "touch",
927
931
  willChange: "transform",
928
- direction: h
932
+ direction: f
929
933
  }, ke)
930
- }, B(g || S || "div", {
934
+ }, H(g || S || "div", {
931
935
  children: ie,
932
936
  ref: v,
933
937
  style: {
934
- height: F ? "100%" : re,
938
+ height: B ? "100%" : re,
935
939
  pointerEvents: ne ? "none" : void 0,
936
- width: F ? re : "100%"
940
+ width: B ? re : "100%"
937
941
  }
938
942
  }));
939
943
  }, y._callPropsCallbacks = function() {
940
944
  if (typeof this.props.onItemsRendered == "function") {
941
945
  var a = this.props.itemCount;
942
946
  if (a > 0) {
943
- var l = this._getRangeToRender(), c = l[0], h = l[1], M = l[2], v = l[3];
944
- this._callOnItemsRendered(c, h, M, v);
947
+ var l = this._getRangeToRender(), c = l[0], f = l[1], M = l[2], v = l[3];
948
+ this._callOnItemsRendered(c, f, M, v);
945
949
  }
946
950
  }
947
951
  if (typeof this.props.onScroll == "function") {
@@ -949,7 +953,7 @@ function Yn(e) {
949
953
  this._callOnScroll(S, z, O);
950
954
  }
951
955
  }, y._getRangeToRender = function() {
952
- var a = this.props, l = a.itemCount, c = a.overscanCount, h = this.state, M = h.isScrolling, v = h.scrollDirection, g = h.scrollOffset;
956
+ var a = this.props, l = a.itemCount, c = a.overscanCount, f = this.state, M = f.isScrolling, v = f.scrollDirection, g = f.scrollOffset;
953
957
  if (l === 0)
954
958
  return [0, 0, 0, 0];
955
959
  var S = m(this.props, g, this._instanceProps), z = p(this.props, S, g, this._instanceProps), O = !M || v === "backward" ? Math.max(1, c) : 1, k = !M || v === "forward" ? Math.max(1, c) : 1;
@@ -963,9 +967,9 @@ function Yn(e) {
963
967
  useIsScrolling: !1
964
968
  }, t;
965
969
  }
966
- var Pn = function(t, n) {
970
+ var Yn = function(t, n) {
967
971
  t.children, t.direction, t.height, t.layout, t.innerTagName, t.outerTagName, t.width, n.instance;
968
- }, Wn = /* @__PURE__ */ Yn({
972
+ }, Pn = /* @__PURE__ */ qn({
969
973
  getItemOffset: function(t, n) {
970
974
  var i = t.itemSize;
971
975
  return n * i;
@@ -979,15 +983,15 @@ var Pn = function(t, n) {
979
983
  return i * n;
980
984
  },
981
985
  getOffsetForIndexAndAlignment: function(t, n, i, r, I, m) {
982
- var p = t.direction, d = t.height, f = t.itemCount, A = t.itemSize, D = t.layout, N = t.width, y = p === "horizontal" || D === "horizontal", T = y ? N : d, a = Math.max(0, f * A - T), l = Math.min(a, n * A), c = Math.max(0, n * A - T + A + m);
986
+ var p = t.direction, d = t.height, h = t.itemCount, A = t.itemSize, D = t.layout, N = t.width, y = p === "horizontal" || D === "horizontal", T = y ? N : d, a = Math.max(0, h * A - T), l = Math.min(a, n * A), c = Math.max(0, n * A - T + A + m);
983
987
  switch (i === "smart" && (r >= c - T && r <= l + T ? i = "auto" : i = "center"), i) {
984
988
  case "start":
985
989
  return l;
986
990
  case "end":
987
991
  return c;
988
992
  case "center": {
989
- var h = Math.round(c + (l - c) / 2);
990
- return h < Math.ceil(T / 2) ? 0 : h > a + Math.floor(T / 2) ? a : h;
993
+ var f = Math.round(c + (l - c) / 2);
994
+ return f < Math.ceil(T / 2) ? 0 : f > a + Math.floor(T / 2) ? a : f;
991
995
  }
992
996
  case "auto":
993
997
  default:
@@ -999,7 +1003,7 @@ var Pn = function(t, n) {
999
1003
  return Math.max(0, Math.min(i - 1, Math.floor(n / r)));
1000
1004
  },
1001
1005
  getStopIndexForStartIndex: function(t, n, i) {
1002
- var r = t.direction, I = t.height, m = t.itemCount, p = t.itemSize, d = t.layout, f = t.width, A = r === "horizontal" || d === "horizontal", D = n * p, N = A ? f : I, y = Math.ceil((N + i - D) / p);
1006
+ var r = t.direction, I = t.height, m = t.itemCount, p = t.itemSize, d = t.layout, h = t.width, A = r === "horizontal" || d === "horizontal", D = n * p, N = A ? h : I, y = Math.ceil((N + i - D) / p);
1003
1007
  return Math.max(0, Math.min(
1004
1008
  m - 1,
1005
1009
  n + y - 1
@@ -1013,14 +1017,14 @@ var Pn = function(t, n) {
1013
1017
  t.itemSize;
1014
1018
  }
1015
1019
  });
1016
- function Vn(e) {
1020
+ function Wn(e) {
1017
1021
  var t = e.lastRenderedStartIndex, n = e.lastRenderedStopIndex, i = e.startIndex, r = e.stopIndex;
1018
1022
  return !(i > n || r < t);
1019
1023
  }
1020
- function Fn(e) {
1021
- for (var t = e.isItemLoaded, n = e.itemCount, i = e.minimumBatchSize, r = e.startIndex, I = e.stopIndex, m = [], p = null, d = null, f = r; f <= I; f++) {
1022
- var A = t(f);
1023
- A ? d !== null && (m.push(p, d), p = d = null) : (d = f, p === null && (p = f));
1024
+ function Vn(e) {
1025
+ for (var t = e.isItemLoaded, n = e.itemCount, i = e.minimumBatchSize, r = e.startIndex, I = e.stopIndex, m = [], p = null, d = null, h = r; h <= I; h++) {
1026
+ var A = t(h);
1027
+ A ? d !== null && (m.push(p, d), p = d = null) : (d = h, p === null && (p = h));
1024
1028
  }
1025
1029
  if (d !== null) {
1026
1030
  for (var D = Math.min(Math.max(d, p + i - 1), n - 1), N = d + 1; N <= D && !t(N); N++)
@@ -1037,10 +1041,10 @@ function Fn(e) {
1037
1041
  }
1038
1042
  return m;
1039
1043
  }
1040
- var Bn = function(e, t) {
1044
+ var Fn = function(e, t) {
1041
1045
  if (!(e instanceof t))
1042
1046
  throw new TypeError("Cannot call a class as a function");
1043
- }, Hn = function() {
1047
+ }, Bn = function() {
1044
1048
  function e(t, n) {
1045
1049
  for (var i = 0; i < n.length; i++) {
1046
1050
  var r = n[i];
@@ -1050,7 +1054,7 @@ var Bn = function(e, t) {
1050
1054
  return function(t, n, i) {
1051
1055
  return n && e(t.prototype, n), i && e(t, i), t;
1052
1056
  };
1053
- }(), Zn = function(e, t) {
1057
+ }(), Hn = function(e, t) {
1054
1058
  if (typeof t != "function" && t !== null)
1055
1059
  throw new TypeError("Super expression must either be null or a function, not " + typeof t);
1056
1060
  e.prototype = Object.create(t && t.prototype, {
@@ -1065,21 +1069,21 @@ var Bn = function(e, t) {
1065
1069
  if (!e)
1066
1070
  throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
1067
1071
  return t && (typeof t == "object" || typeof t == "function") ? t : e;
1068
- }, Gn = function(e) {
1069
- Zn(t, e);
1072
+ }, Zn = function(e) {
1073
+ Hn(t, e);
1070
1074
  function t() {
1071
1075
  var n, i, r, I;
1072
- Bn(this, t);
1076
+ Fn(this, t);
1073
1077
  for (var m = arguments.length, p = Array(m), d = 0; d < m; d++)
1074
1078
  p[d] = arguments[d];
1075
- return I = (i = (r = Me(this, (n = t.__proto__ || Object.getPrototypeOf(t)).call.apply(n, [this].concat(p))), r), r._lastRenderedStartIndex = -1, r._lastRenderedStopIndex = -1, r._memoizedUnloadedRanges = [], r._onItemsRendered = function(f) {
1076
- var A = f.visibleStartIndex, D = f.visibleStopIndex;
1079
+ return I = (i = (r = Me(this, (n = t.__proto__ || Object.getPrototypeOf(t)).call.apply(n, [this].concat(p))), r), r._lastRenderedStartIndex = -1, r._lastRenderedStopIndex = -1, r._memoizedUnloadedRanges = [], r._onItemsRendered = function(h) {
1080
+ var A = h.visibleStartIndex, D = h.visibleStopIndex;
1077
1081
  r._lastRenderedStartIndex = A, r._lastRenderedStopIndex = D, r._ensureRowsLoaded(A, D);
1078
- }, r._setRef = function(f) {
1079
- r._listRef = f;
1082
+ }, r._setRef = function(h) {
1083
+ r._listRef = h;
1080
1084
  }, i), Me(r, I);
1081
1085
  }
1082
- return Hn(t, [{
1086
+ return Bn(t, [{
1083
1087
  key: "resetloadMoreItemsCache",
1084
1088
  value: function() {
1085
1089
  var i = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : !1;
@@ -1101,10 +1105,10 @@ var Bn = function(e, t) {
1101
1105
  }, {
1102
1106
  key: "_ensureRowsLoaded",
1103
1107
  value: function(i, r) {
1104
- var I = this.props, m = I.isItemLoaded, p = I.itemCount, d = I.minimumBatchSize, f = d === void 0 ? 10 : d, A = I.threshold, D = A === void 0 ? 15 : A, N = Fn({
1108
+ var I = this.props, m = I.isItemLoaded, p = I.itemCount, d = I.minimumBatchSize, h = d === void 0 ? 10 : d, A = I.threshold, D = A === void 0 ? 15 : A, N = Vn({
1105
1109
  isItemLoaded: m,
1106
1110
  itemCount: p,
1107
- minimumBatchSize: f,
1111
+ minimumBatchSize: h,
1108
1112
  startIndex: Math.max(0, i - D),
1109
1113
  stopIndex: Math.min(p - 1, r + D)
1110
1114
  });
@@ -1115,10 +1119,10 @@ var Bn = function(e, t) {
1115
1119
  }, {
1116
1120
  key: "_loadUnloadedRanges",
1117
1121
  value: function(i) {
1118
- for (var r = this, I = this.props.loadMoreItems || this.props.loadMoreRows, m = function(f) {
1119
- var A = i[f], D = i[f + 1], N = I(A, D);
1122
+ for (var r = this, I = this.props.loadMoreItems || this.props.loadMoreRows, m = function(h) {
1123
+ var A = i[h], D = i[h + 1], N = I(A, D);
1120
1124
  N != null && N.then(function() {
1121
- if (Vn({
1125
+ if (Wn({
1122
1126
  lastRenderedStartIndex: r._lastRenderedStartIndex,
1123
1127
  lastRenderedStopIndex: r._lastRenderedStopIndex,
1124
1128
  startIndex: A,
@@ -1134,39 +1138,39 @@ var Bn = function(e, t) {
1134
1138
  }
1135
1139
  }]), t;
1136
1140
  }(Ae);
1137
- const Jn = /* @__PURE__ */ o("div")({
1141
+ const Gn = /* @__PURE__ */ o("div")({
1138
1142
  name: "Container",
1139
1143
  class: "culdu4a",
1140
1144
  propsAsIs: !1
1141
- }), Kn = /* @__PURE__ */ o("div")({
1145
+ }), Jn = /* @__PURE__ */ o("div")({
1142
1146
  name: "Position",
1143
1147
  class: "pwf8e69",
1144
1148
  propsAsIs: !1
1145
- }), Xn = /* @__PURE__ */ o("img")({
1149
+ }), Kn = /* @__PURE__ */ o("img")({
1146
1150
  name: "Avatar",
1147
1151
  class: "atf4yh4",
1148
1152
  propsAsIs: !1
1149
- }), es = /* @__PURE__ */ o("div")({
1153
+ }), Xn = /* @__PURE__ */ o("div")({
1150
1154
  name: "AvatarPlaceholder",
1151
1155
  class: "a1dg29ja",
1152
1156
  propsAsIs: !1
1153
- }), ts = /* @__PURE__ */ o("div")({
1157
+ }), es = /* @__PURE__ */ o("div")({
1154
1158
  name: "Content",
1155
1159
  class: "c10a68rc",
1156
1160
  propsAsIs: !1
1157
- }), ns = /* @__PURE__ */ o("div")({
1161
+ }), ts = /* @__PURE__ */ o("div")({
1158
1162
  name: "NameContainer",
1159
1163
  class: "nc4kck5",
1160
1164
  propsAsIs: !1
1161
- }), ss = /* @__PURE__ */ o("span")({
1165
+ }), ns = /* @__PURE__ */ o("span")({
1162
1166
  name: "Name",
1163
1167
  class: "njsrqgr",
1164
1168
  propsAsIs: !1
1165
- }), is = () => j, rs = /* @__PURE__ */ o(is())({
1169
+ }), ss = () => j, is = /* @__PURE__ */ o(ss())({
1166
1170
  name: "CurrentUserBadge",
1167
1171
  class: "c17uc4zr",
1168
1172
  propsAsIs: !0
1169
- }), os = ({
1173
+ }), rs = ({
1170
1174
  rank: e,
1171
1175
  avatar: t,
1172
1176
  name: n,
@@ -1174,33 +1178,33 @@ const Jn = /* @__PURE__ */ o("div")({
1174
1178
  isCurrentUser: r,
1175
1179
  openItemDetail: I,
1176
1180
  style: m
1177
- }) => /* @__PURE__ */ u(Jn, { onClick: I, style: m, children: [
1178
- /* @__PURE__ */ s(Kn, { children: e || 0 }),
1179
- /* @__PURE__ */ u(ts, { children: [
1180
- t ? /* @__PURE__ */ s(Xn, { alt: "leaderboard-item-avatar", src: t }) : /* @__PURE__ */ s(es, { children: ye(n || "") }),
1181
- /* @__PURE__ */ u(ns, { children: [
1182
- /* @__PURE__ */ s(ss, { children: n || "" }),
1183
- r && /* @__PURE__ */ s(rs, { name: "icon-star" })
1181
+ }) => /* @__PURE__ */ u(Gn, { onClick: I, style: m, children: [
1182
+ /* @__PURE__ */ s(Jn, { children: e || 0 }),
1183
+ /* @__PURE__ */ u(es, { children: [
1184
+ t ? /* @__PURE__ */ s(Kn, { alt: "leaderboard-item-avatar", src: t }) : /* @__PURE__ */ s(Xn, { children: ye(n || "") }),
1185
+ /* @__PURE__ */ u(ts, { children: [
1186
+ /* @__PURE__ */ s(ns, { children: n || "" }),
1187
+ r && /* @__PURE__ */ s(is, { name: "icon-star" })
1184
1188
  ] })
1185
1189
  ] }),
1186
1190
  /* @__PURE__ */ s("div", { children: Te(i) })
1187
- ] }), as = /* @__PURE__ */ o("div")({
1191
+ ] }), os = /* @__PURE__ */ o("div")({
1188
1192
  name: "ScrollContainer",
1189
1193
  class: "s13d8sg6",
1190
1194
  propsAsIs: !1
1191
- }), ls = ({
1195
+ }), as = ({
1192
1196
  items: e,
1193
1197
  currentUserId: t,
1194
1198
  openItemDetail: n,
1195
1199
  fetchMore: i
1196
1200
  }) => /* @__PURE__ */ s(Re, { children: ({ width: r, height: I }) => /* @__PURE__ */ s(
1197
- Gn,
1201
+ Zn,
1198
1202
  {
1199
1203
  isItemLoaded: (m) => m < e.length,
1200
1204
  itemCount: e.length + 1,
1201
1205
  loadMoreItems: i,
1202
- children: ({ onItemsRendered: m, ref: p }) => /* @__PURE__ */ s(as, { children: /* @__PURE__ */ s(
1203
- Wn,
1206
+ children: ({ onItemsRendered: m, ref: p }) => /* @__PURE__ */ s(os, { children: /* @__PURE__ */ s(
1207
+ Pn,
1204
1208
  {
1205
1209
  itemSize: 56,
1206
1210
  onItemsRendered: m,
@@ -1208,10 +1212,10 @@ const Jn = /* @__PURE__ */ o("div")({
1208
1212
  itemCount: e.length,
1209
1213
  width: r,
1210
1214
  height: I,
1211
- children: ({ index: d, style: f }) => /* @__PURE__ */ s(
1212
- os,
1215
+ children: ({ index: d, style: h }) => /* @__PURE__ */ s(
1216
+ rs,
1213
1217
  {
1214
- style: { ...f, maxHeight: 48 },
1218
+ style: { ...h, maxHeight: 48 },
1215
1219
  ...e[d],
1216
1220
  openItemDetail: () => n(e[d].userId),
1217
1221
  isCurrentUser: !!t && t === e[d].userId
@@ -1221,7 +1225,7 @@ const Jn = /* @__PURE__ */ o("div")({
1221
1225
  }
1222
1226
  ) })
1223
1227
  }
1224
- ) }), cs = ({ deepLink: e }) => {
1228
+ ) }), ls = ({ deepLink: e }) => {
1225
1229
  const { data: t } = w(e.$store);
1226
1230
  return /* @__PURE__ */ s(
1227
1231
  Qe,
@@ -1243,54 +1247,58 @@ const Jn = /* @__PURE__ */ o("div")({
1243
1247
  inviteCardSubtext: "Invite and compete against your friends for the top spot on the leaderboard."
1244
1248
  }
1245
1249
  );
1246
- }, ds = ({ gamification: e }) => {
1250
+ }, cs = ({ gamification: e }) => {
1247
1251
  const { data: t } = w(e.leaderboardList.$store);
1248
1252
  return t != null && t.length ? /* @__PURE__ */ s(
1249
- ls,
1253
+ as,
1250
1254
  {
1251
1255
  fetchMore: e.leaderboardList.fetchMore,
1252
1256
  items: t,
1253
1257
  openItemDetail: e.openUser,
1254
1258
  currentUserId: e.currentUserId.get()
1255
1259
  }
1256
- ) : /* @__PURE__ */ s(cs, { deepLink: e.deepLink });
1257
- }, us = /* @__PURE__ */ o("div")({
1260
+ ) : /* @__PURE__ */ s(ls, { deepLink: e.deepLink });
1261
+ }, ds = /* @__PURE__ */ o("div")({
1258
1262
  name: "QuestionItem",
1259
1263
  class: "q1w97g3p",
1260
1264
  propsAsIs: !1
1261
- }), ps = /* @__PURE__ */ o("div")({
1265
+ }), us = /* @__PURE__ */ o("div")({
1262
1266
  name: "QuestionCaption",
1263
1267
  class: "q2sl39u",
1264
1268
  propsAsIs: !1
1265
- }), ms = /* @__PURE__ */ o("div")({
1269
+ }), ps = /* @__PURE__ */ o("div")({
1266
1270
  name: "QuestionBody",
1267
1271
  class: "qd5h0uc",
1268
1272
  propsAsIs: !1
1269
- }), Is = /* @__PURE__ */ o("div")({
1273
+ }), ms = /* @__PURE__ */ o("div")({
1270
1274
  name: "QuestionAction",
1271
1275
  class: "q105uluy",
1272
1276
  propsAsIs: !1
1273
- }), hs = () => j, J = /* @__PURE__ */ o(hs())({
1277
+ }), Is = () => j, P = /* @__PURE__ */ o(Is())({
1274
1278
  name: "QuestionActionIcon",
1275
1279
  class: "q1fa0b9h",
1276
1280
  propsAsIs: !0
1277
- }), fs = () => j, gs = /* @__PURE__ */ o(fs())({
1281
+ }), hs = () => j, fs = /* @__PURE__ */ o(hs())({
1278
1282
  name: "QuestionTypeIcon",
1279
1283
  class: "qxlt78s",
1280
1284
  propsAsIs: !0
1281
- }), Ms = /* @__PURE__ */ o("div")({
1285
+ }), gs = /* @__PURE__ */ o("div")({
1282
1286
  name: "QuestionTypeLabel",
1283
1287
  class: "qmg0vkx",
1284
1288
  propsAsIs: !1
1285
- }), vs = /* @__PURE__ */ o("div")({
1289
+ }), Ms = /* @__PURE__ */ o("div")({
1286
1290
  name: "QuestionContent",
1287
1291
  class: "q1uz5j1g",
1288
1292
  propsAsIs: !1
1293
+ }), vs = /* @__PURE__ */ o("button")({
1294
+ name: "PlayButton",
1295
+ class: "p1pba9p1",
1296
+ propsAsIs: !1
1289
1297
  }), Ns = {
1290
- [q.LOST]: /* @__PURE__ */ s(J, { name: "icon-cross" }),
1291
- [q.WON]: /* @__PURE__ */ s(J, { name: "icon-check" }),
1292
- [q.UNSET]: void 0,
1293
- [q.DNP]: /* @__PURE__ */ s(J, { name: "icon-arrow" })
1298
+ [q.LOST]: /* @__PURE__ */ s(P, { name: "icon-cross" }),
1299
+ [q.WON]: /* @__PURE__ */ s(P, { name: "icon-check" }),
1300
+ [q.UNSET]: /* @__PURE__ */ s(P, { name: "icon-arrow" }),
1301
+ [q.DNP]: /* @__PURE__ */ s(P, { name: "icon-arrow" })
1294
1302
  }, As = ({
1295
1303
  questionId: e,
1296
1304
  questionType: t,
@@ -1301,18 +1309,18 @@ const Jn = /* @__PURE__ */ o("div")({
1301
1309
  status: m
1302
1310
  }) => {
1303
1311
  const p = Ne[t], d = Ns[m];
1304
- return p ? /* @__PURE__ */ u(us, { onClick: () => I == null ? void 0 : I(e), children: [
1305
- /* @__PURE__ */ u(vs, { children: [
1306
- /* @__PURE__ */ u(ps, { children: [
1307
- /* @__PURE__ */ s(gs, { name: p.iconName }),
1308
- /* @__PURE__ */ u(Ms, { children: [
1312
+ return p ? /* @__PURE__ */ u(ds, { onClick: () => I == null ? void 0 : I(e), children: [
1313
+ /* @__PURE__ */ u(Ms, { children: [
1314
+ /* @__PURE__ */ u(us, { children: [
1315
+ /* @__PURE__ */ s(fs, { name: p.iconName }),
1316
+ /* @__PURE__ */ u(gs, { children: [
1309
1317
  p.label,
1310
1318
  t === x.TRIVIA && n === Q.RESOLVED && " • Expired"
1311
1319
  ] })
1312
1320
  ] }),
1313
- /* @__PURE__ */ s(ms, { children: i || "" })
1321
+ /* @__PURE__ */ s(ps, { children: i || "" })
1314
1322
  ] }),
1315
- /* @__PURE__ */ s(Is, { children: d || (r ? /* @__PURE__ */ s(Ue, { children: "Play" }) : null) })
1323
+ /* @__PURE__ */ s(ms, { children: r ? /* @__PURE__ */ s(vs, { children: "Play" }) : d })
1316
1324
  ] }) : null;
1317
1325
  }, ys = /* @__PURE__ */ o("div")({
1318
1326
  name: "Container",
@@ -1354,7 +1362,7 @@ const Jn = /* @__PURE__ */ o("div")({
1354
1362
  }, Os = ({
1355
1363
  gamification: e
1356
1364
  }) => {
1357
- const [t, n] = R(W.HOME);
1365
+ const [t, n] = R(V.HOME);
1358
1366
  return /* @__PURE__ */ u("div", {
1359
1367
  style: {
1360
1368
  height: "100%",
@@ -1366,11 +1374,11 @@ const Jn = /* @__PURE__ */ o("div")({
1366
1374
  style: {
1367
1375
  paddingBottom: "4px"
1368
1376
  },
1369
- children: /* @__PURE__ */ s(En, {
1377
+ children: /* @__PURE__ */ s(bn, {
1370
1378
  activePage: t,
1371
1379
  toggleActivePage: n
1372
1380
  })
1373
- }), t === W.HOME && /* @__PURE__ */ u(te, {
1381
+ }), t === V.HOME && /* @__PURE__ */ u(te, {
1374
1382
  children: [/* @__PURE__ */ s(K, {
1375
1383
  style: {
1376
1384
  paddingTop: "12px"
@@ -1378,20 +1386,20 @@ const Jn = /* @__PURE__ */ o("div")({
1378
1386
  children: /* @__PURE__ */ s(js, {
1379
1387
  userSummary: e.userSummary
1380
1388
  })
1381
- }), /* @__PURE__ */ s(_e, {
1389
+ }), /* @__PURE__ */ s(Ue, {
1382
1390
  children: /* @__PURE__ */ s(xs, {
1383
1391
  openQuestion: e.openQuestion,
1384
1392
  store: e.feedList.getStore()
1385
1393
  })
1386
1394
  })]
1387
- }), t === W.LEADERBOARD && /* @__PURE__ */ s("div", {
1395
+ }), t === V.LEADERBOARD && /* @__PURE__ */ s("div", {
1388
1396
  className: "c1bp9dj2",
1389
- children: /* @__PURE__ */ s(ds, {
1397
+ children: /* @__PURE__ */ s(cs, {
1390
1398
  gamification: e
1391
1399
  })
1392
1400
  })]
1393
1401
  });
1394
- }, ks = () => qe, ve = /* @__PURE__ */ o(ks())({
1402
+ }, ks = () => _e, ve = /* @__PURE__ */ o(ks())({
1395
1403
  name: "OpenedContainer",
1396
1404
  class: "oar61gl",
1397
1405
  propsAsIs: !0
@@ -1410,10 +1418,10 @@ const Jn = /* @__PURE__ */ o("div")({
1410
1418
  className: t
1411
1419
  }) => {
1412
1420
  const n = w(e.openedQuestion.$store), i = w(e.openedUser);
1413
- return /* @__PURE__ */ u(E, {
1421
+ return /* @__PURE__ */ u(b, {
1414
1422
  children: [n && /* @__PURE__ */ s(ve, {
1415
1423
  className: t,
1416
- children: /* @__PURE__ */ s(On, {
1424
+ children: /* @__PURE__ */ s(jn, {
1417
1425
  gamification: e
1418
1426
  })
1419
1427
  }), i && /* @__PURE__ */ s(ve, {