@streamlayer/react 0.30.5 → 0.31.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (22) hide show
  1. package/lib/cjs/gamification-feature.js +1 -1
  2. package/lib/cjs/index3.js +1 -1
  3. package/lib/cjs/index4.js +1 -0
  4. package/lib/cjs/masters.js +1 -1
  5. package/lib/cjs/masters2.js +1 -1
  6. package/lib/cjs/points.js +1 -1
  7. package/lib/dist/cjs/gamification-feature.js +1 -1
  8. package/lib/dist/cjs/masters.js +18 -17
  9. package/lib/dist/es/gamification-feature.js +423 -419
  10. package/lib/dist/es/index.js +1 -1
  11. package/lib/dist/es/masters.js +1929 -1544
  12. package/lib/dist/style.css +1 -1
  13. package/lib/es/gamification-feature.js +289 -284
  14. package/lib/es/index3.js +6 -148
  15. package/lib/es/index4.js +151 -0
  16. package/lib/es/masters.js +1 -1
  17. package/lib/es/masters2.js +1 -1
  18. package/lib/es/points.js +12 -11
  19. package/lib/style.css +1 -1
  20. package/package.json +9 -8
  21. package/lib/cjs/common.js +0 -1
  22. package/lib/es/common.js +0 -15
package/lib/es/gamification-feature.js CHANGED
@@ -1,149 +1,157 @@
1
1
  import { jsxs as p, jsx as s, Fragment as b } from "react/jsx-runtime";
2
- import { s as o, i as j } from "./index3.js";
3
- import { useStore as w } from "@nanostores/react";
2
+ import { s as o, i as j } from "./index4.js";
3
+ import { useStore as k } from "@nanostores/react";
4
4
  import { o as Ne, r as te, w as $e, A as Re, O as Qe, a as K, n as Ue, d as _e } from "./masters2.js";
5
5
  import { useState as R, useCallback as F, useMemo as W, createElement as H, PureComponent as Ae } from "react";
6
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";
7
+ import { m as qe } from "./index3.js";
8
+ import "react-countup";
9
+ import { CountdownCircleTimer as Ye } from "react-countdown-circle-timer";
9
10
  import { E } from "./index2.js";
10
11
  import "@streamlayer/sdk-web-interfaces";
11
12
  import "@streamlayer/sdk-web-notifications";
12
13
  import "@lottiefiles/react-lottie-player";
13
14
  import "./useStreamLayerApp.js";
14
15
  import "@streamlayer/sdk-web";
15
- const Ve = /* @__PURE__ */ o("div")({
16
+ const Pe = /* @__PURE__ */ o("div")({
16
17
  name: "Container",
17
18
  class: "c1vwopgc",
18
19
  propsAsIs: !1
19
- }), Fe = /* @__PURE__ */ o("div")({
20
+ }), We = /* @__PURE__ */ o("div")({
20
21
  name: "QuestionTypeWrap",
21
22
  class: "qyktpt0",
22
23
  propsAsIs: !1
23
- }), Be = () => j, He = /* @__PURE__ */ o(Be())({
24
+ }), Ve = () => j, Fe = /* @__PURE__ */ o(Ve())({
24
25
  name: "QuestionTypeIcon",
25
26
  class: "q951jdx",
26
27
  propsAsIs: !0
27
- }), Ze = /* @__PURE__ */ o("span")({
28
+ }), Be = /* @__PURE__ */ o("span")({
28
29
  name: "QuestionTypeTitle",
29
30
  class: "qss5f0e",
30
31
  propsAsIs: !1
31
- }), Ge = /* @__PURE__ */ o("button")({
32
+ }), He = /* @__PURE__ */ o("button")({
32
33
  name: "CloseButton",
33
34
  class: "c1ao1jtv",
34
35
  propsAsIs: !1
35
- }), Je = () => j, Ke = /* @__PURE__ */ o(Je())({
36
+ }), Ze = () => j, Ge = /* @__PURE__ */ o(Ze())({
36
37
  name: "CloseIcon",
37
38
  class: "cvsl7l3",
38
39
  propsAsIs: !0
39
- }), De = ({ type: e, close: t, label: n }) => {
40
+ }), ye = ({ type: e, close: t, label: n }) => {
40
41
  const i = e ? Ne[e] : { label: n, iconName: void 0 };
41
- return /* @__PURE__ */ p(Ve, { children: [
42
- /* @__PURE__ */ p(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 })
42
+ return /* @__PURE__ */ p(Pe, { children: [
43
+ /* @__PURE__ */ p(We, { children: [
44
+ (i == null ? void 0 : i.iconName) && /* @__PURE__ */ s(Fe, { name: i.iconName }),
45
+ (i == null ? void 0 : i.label) && /* @__PURE__ */ s(Be, { children: i.label })
45
46
  ] }),
46
- /* @__PURE__ */ s(Ge, { onClick: t, children: /* @__PURE__ */ s(Ke, { name: "icon-cross" }) })
47
+ /* @__PURE__ */ s(He, { onClick: t, children: /* @__PURE__ */ s(Ge, { name: "icon-cross" }) })
47
48
  ] });
48
- }, Xe = /* @__PURE__ */ o("div")({
49
+ }, Te = (e) => e.split(/\s+/).map((t) => t[0]).join("").toUpperCase(), De = (e) => e ? e.toLocaleString("en-US") : "0", Je = (e) => e.toLocaleDateString("en-US", {
50
+ weekday: "short",
51
+ month: "short",
52
+ day: "numeric"
53
+ }), Ke = (e) => e.toLocaleTimeString("en-US", {
54
+ hour: "2-digit",
55
+ minute: "2-digit"
56
+ }), Xe = (e) => !isNaN(e.getTime()), et = /* @__PURE__ */ o("div")({
49
57
  name: "Container",
50
58
  class: "c1zy8a",
51
59
  propsAsIs: !1
52
- }), et = /* @__PURE__ */ o("div")({
60
+ }), tt = /* @__PURE__ */ o("div")({
53
61
  name: "Title",
54
62
  class: "t1vih9p5",
55
63
  propsAsIs: !1
56
- }), tt = /* @__PURE__ */ o("div")({
64
+ }), nt = /* @__PURE__ */ o("div")({
57
65
  name: "Indicator",
58
66
  class: "i1fbnvpb",
59
67
  propsAsIs: !1
60
- }), oe = ({ indicator: e, title: t }) => /* @__PURE__ */ p(Xe, { children: [
61
- /* @__PURE__ */ s(et, { children: t }),
62
- /* @__PURE__ */ s(tt, { children: e })
63
- ] }), nt = /* @__PURE__ */ o("div")({
68
+ }), oe = ({ indicator: e, title: t }) => /* @__PURE__ */ p(et, { children: [
69
+ /* @__PURE__ */ s(tt, { children: t }),
70
+ /* @__PURE__ */ s(nt, { children: e })
71
+ ] }), st = /* @__PURE__ */ o("div")({
64
72
  name: "Container",
65
73
  class: "ctmhwyc",
66
74
  propsAsIs: !1
67
- }), st = /* @__PURE__ */ o("div")({
75
+ }), it = /* @__PURE__ */ o("div")({
68
76
  name: "Indicator",
69
77
  class: "i1jri200",
70
78
  propsAsIs: !1
71
- }), it = /* @__PURE__ */ o("div")({
79
+ }), rt = /* @__PURE__ */ o("div")({
72
80
  name: "Title",
73
81
  class: "t8s05oq",
74
82
  propsAsIs: !1
75
- }), Y = ({ indicator: e, title: t }) => /* @__PURE__ */ p(nt, { children: [
76
- /* @__PURE__ */ s(st, { children: e }),
77
- /* @__PURE__ */ s(it, { children: t })
78
- ] }), rt = /* @__PURE__ */ o("div")({
83
+ }), Y = ({ indicator: e, title: t }) => /* @__PURE__ */ p(st, { children: [
84
+ /* @__PURE__ */ s(it, { children: e }),
85
+ /* @__PURE__ */ s(rt, { children: t })
86
+ ] }), ot = /* @__PURE__ */ o("div")({
79
87
  name: "Container",
80
88
  class: "c1yrpn9o",
81
89
  propsAsIs: !1
82
- }), ot = /* @__PURE__ */ o("div")({
90
+ }), at = /* @__PURE__ */ o("div")({
83
91
  name: "TopInfo",
84
92
  class: "t17fwahh",
85
93
  propsAsIs: !1
86
- }), at = /* @__PURE__ */ o("div")({
94
+ }), lt = /* @__PURE__ */ o("div")({
87
95
  name: "BottomInfo",
88
96
  class: "by6w7e9",
89
97
  propsAsIs: !1
90
- }), lt = /* @__PURE__ */ o("div")({
98
+ }), ct = /* @__PURE__ */ o("div")({
91
99
  name: "User",
92
100
  class: "u1g7arbm",
93
101
  propsAsIs: !1
94
- }), ct = /* @__PURE__ */ o("img")({
102
+ }), dt = /* @__PURE__ */ o("img")({
95
103
  name: "Avatar",
96
104
  class: "a1ldeata",
97
105
  propsAsIs: !1
98
- }), dt = /* @__PURE__ */ o("div")({
106
+ }), ut = /* @__PURE__ */ o("div")({
99
107
  name: "UserInfo",
100
108
  class: "u10d4koz",
101
109
  propsAsIs: !1
102
- }), ut = /* @__PURE__ */ o("div")({
110
+ }), pt = /* @__PURE__ */ o("div")({
103
111
  name: "UserName",
104
112
  class: "u1q6roj0",
105
113
  propsAsIs: !1
106
- }), pt = /* @__PURE__ */ o("div")({
114
+ }), mt = /* @__PURE__ */ o("div")({
107
115
  name: "UserRating",
108
116
  class: "ui0m425",
109
117
  propsAsIs: !1
110
- }), mt = /* @__PURE__ */ o("img")({
118
+ }), It = /* @__PURE__ */ o("img")({
111
119
  name: "TrophyIcon",
112
120
  class: "t1el3mrn",
113
121
  propsAsIs: !1
114
- }), It = /* @__PURE__ */ o("div")({
122
+ }), ht = /* @__PURE__ */ o("div")({
115
123
  name: "Rts",
116
124
  class: "r2vgnxv",
117
125
  propsAsIs: !1
118
- }), ht = /* @__PURE__ */ o("div")({
126
+ }), ft = /* @__PURE__ */ o("div")({
119
127
  name: "RtsIndicator",
120
128
  class: "roqn06j",
121
129
  propsAsIs: !1
122
- }), ft = /* @__PURE__ */ o("div")({
130
+ }), gt = /* @__PURE__ */ o("div")({
123
131
  name: "RtsLabel",
124
132
  class: "r15adx7c",
125
133
  propsAsIs: !1
126
- }), gt = /* @__PURE__ */ o("div")({
134
+ }), Mt = /* @__PURE__ */ o("div")({
127
135
  name: "Divider",
128
136
  class: "dv59lta",
129
137
  propsAsIs: !1
130
- }), Mt = /* @__PURE__ */ o("div")({
138
+ }), vt = /* @__PURE__ */ o("div")({
131
139
  name: "Ranks",
132
140
  class: "r55lotb",
133
141
  propsAsIs: !1
134
- }), vt = /* @__PURE__ */ o("div")({
142
+ }), Nt = /* @__PURE__ */ o("div")({
135
143
  name: "Statistics",
136
144
  class: "s1knfgqt",
137
145
  propsAsIs: !1
138
- }), Nt = /* @__PURE__ */ o("div")({
146
+ }), At = /* @__PURE__ */ o("div")({
139
147
  name: "AvatarPlaceholder",
140
148
  class: "a1mqo824",
141
149
  propsAsIs: !1
142
- }), At = /* @__PURE__ */ o("button")({
150
+ }), yt = /* @__PURE__ */ o("button")({
143
151
  name: "UserAccountBtn",
144
152
  class: "uxareh6",
145
153
  propsAsIs: !1
146
- }), yt = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlRyb3BoeSI+CjxwYXRoIGlkPSJDb21iaW5lZCBTaGFwZSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zLjY5MTk3IDQuNjY2NjJDMy42OTE5NyA1Ljk5NzA1IDMuOTI5MTQgNy4xNzc4NyA0LjQwMzUgOC4yMDkxMkMzLjQ5OTY2IDguMDI0NTEgMi43NDQ4NyA3LjY2NDg2IDIuMTM5MSA3LjEzMDE0QzEuNTMzMzMgNi41OTU0MiAxLjIzMDQ2IDYuMDc5OCAxLjIzMDQ2IDUuNTgzMjhWNC42NjY2MkgzLjY5MTk3Wk0xNC43Njg2IDQuNjY2NjJWNS41ODMyOEMxNC43Njg2IDYuMDc5OCAxNC40NjU4IDYuNTk1NDIgMTMuODYgNy4xMzAxNEMxMy4yNTQyIDcuNjY0ODYgMTIuNDk5NCA4LjAyNDUxIDExLjU5NTYgOC4yMDkxMkMxMi4wNjk5IDcuMTc3ODcgMTIuMzA3MSA1Ljk5NzA1IDEyLjMwNzEgNC42NjY2MkgxNC43Njg2Wk0xNS45OTk4IDUuNTgzMjlWNC4zNjEwOEMxNS45OTk4IDQuMTA2NDUgMTUuOTEwMSAzLjg5MDAyIDE1LjczMDYgMy43MTE3OEMxNS41NTExIDMuNTMzNTQgMTUuMzMzMiAzLjQ0NDQyIDE1LjA3NjggMy40NDQ0MkgxMi4zMDc2VjIuNTI3NzZDMTIuMzA3NiAyLjEwNzYzIDEyLjE1NjkgMS43NDc5NyAxMS44NTU2IDEuNDQ4NzhDMTEuNTU0NCAxLjE0OTU5IDExLjE5MjIgMSAxMC43NjkxIDFINS4yMzA3MkM0LjgwNzY0IDEgNC40NDU0NyAxLjE0OTU5IDQuMTQ0MTkgMS40NDg3OEMzLjg0MjkxIDEuNzQ3OTcgMy42OTIyNyAyLjEwNzYzIDMuNjkyMjcgMi41Mjc3NlYzLjQ0NDQySDAuOTIzMDY4QzAuNjY2NjU5IDMuNDQ0NDIgMC40NDg3MTQgMy41MzM1NCAwLjI2OTIyOCAzLjcxMTc4QzAuMDg5NzQxOCAzLjg5MDAyIDAgNC4xMDY0NSAwIDQuMzYxMDhWNS41ODMyOUMwIDYuMDM1MjUgMC4xMzMwMSA2LjQ5MDM5IDAuMzk5MDM0IDYuOTQ4NzJDMC42NjUwNTkgNy40MDcwNSAxLjAyNDAzIDcuODIwODIgMS40NzU5NSA4LjE5MDAzQzEuOTI3ODcgOC41NTkyNCAyLjQ4MjM0IDguODY5NTcgMy4xMzkzOSA5LjEyMTAxQzMuNzk2NDQgOS4zNzI0NiA0LjQ4NzEzIDkuNTE0MDkgNS4yMTE0OSA5LjU0NTkyQzUuNDgwNzEgOS44ODk2NyA1Ljc4NTIgMTAuMTkyIDYuMTI0OTQgMTAuNDUzQzYuMzY4NTMgMTAuNjY5NSA2LjUzNjc5IDEwLjkwMDIgNi42Mjk3NCAxMS4xNDUzQzYuNzIyNjkgMTEuMzkwNCA2Ljc2OTE2IDExLjY3NTIgNi43NjkxNiAxMS45OTk5QzYuNzY5MTYgMTIuMzQzNiA2LjY3MTQxIDEyLjYzMzMgNi40NzU5IDEyLjg2ODhDNi4yODAzOCAxMy4xMDQzIDUuOTY3ODkgMTMuMjIyMSA1LjUzODQxIDEzLjIyMjFDNS4wNTc2NCAxMy4yMjIxIDQuNjI5NzYgMTMuMzY2OSA0LjI1NDc2IDEzLjY1NjZDMy44Nzk3NyAxMy45NDYyIDMuNjkyMjcgMTQuMzEwNiAzLjY5MjI3IDE0Ljc0OTlWMTUuMzYxQzMuNjkyMjcgMTUuNDUwMSAzLjcyMTEyIDE1LjUyMzMgMy43Nzg4MSAxNS41ODA2QzMuODM2NSAxNS42Mzc5IDMuOTEwMjIgMTUuNjY2NSAzLjk5OTk2IDE1LjY2NjVIMTEuOTk5OUMxMi4wODk2IDE1LjY2NjUgMTIuMTYzMyAxNS42Mzc5IDEyLjIyMSAxNS41ODA2QzEyLjI3ODcgMTUuNTIzMyAxMi4zMDc2IDE1LjQ1MDEgMTIuMzA3NiAxNS4zNjFWMTQuNzQ5OUMxMi4zMDc2IDE0LjMxMDYgMTIuMTIwMSAxMy45NDYyIDExLjc0NTEgMTMuNjU2NkMxMS4zNzAxIDEzLjM2NjkgMTAuOTQyMiAxMy4yMjIxIDEwLjQ2MTQgMTMuMjIyMUMxMC4wMzE5IDEzLjIyMjEgOS43MTk0NSAxMy4xMDQzIDkuNTIzOTQgMTIuODY4OEM5LjMyODQzIDEyLjYzMzMgOS4yMzA2OCAxMi4zNDM2IDkuMjMwNjggMTEuOTk5OUM5LjIzMDY4IDExLjY3NTIgOS4yNzcxNSAxMS4zOTA0IDkuMzcwMSAxMS4xNDUzQzkuNDYzMDUgMTAuOTAwMiA5LjYzMTMxIDEwLjY2OTUgOS44NzQ5IDEwLjQ1M0MxMC4yMTQ2IDEwLjE5MiAxMC41MTkxIDkuODg5NjcgMTAuNzg4NCA5LjU0NTkyQzExLjUxMjcgOS41MTQwOSAxMi4yMDM0IDkuMzcyNDYgMTIuODYwNCA5LjEyMTAxQzEzLjUxNzUgOC44Njk1NyAxNC4wNzIgOC41NTkyNCAxNC41MjM5IDguMTkwMDNDMTQuOTc1OCA3LjgyMDgyIDE1LjMzNDggNy40MDcwNSAxNS42MDA4IDYuOTQ4NzJDMTUuODY2OCA2LjQ5MDM5IDE1Ljk5OTggNi4wMzUyNSAxNS45OTk4IDUuNTgzMjlaTTYuNzYwNDcgNy4xNzk4TDguMDUxMDkgNi40OTk5N0w5LjM0MTcgNy4xNzk4TDkuMDk1MjEgNS43Mzk4OUwxMC4xMzkzIDQuNzIwMTVMOC42OTYzOSA0LjUxMDA3TDguMDUxMDkgMy4yTDcuNDA1NzggNC41MTAwN0w1Ljk2MjgzIDQuNzIwMTVMNy4wMDY5NiA1LjczOTg5TDYuNzYwNDcgNy4xNzk4WiIgZmlsbD0iI0YyQzk0QyIvPgo8L2c+Cjwvc3ZnPgo=", Se = ({
154
+ }), Tt = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlRyb3BoeSI+CjxwYXRoIGlkPSJDb21iaW5lZCBTaGFwZSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zLjY5MTk3IDQuNjY2NjJDMy42OTE5NyA1Ljk5NzA1IDMuOTI5MTQgNy4xNzc4NyA0LjQwMzUgOC4yMDkxMkMzLjQ5OTY2IDguMDI0NTEgMi43NDQ4NyA3LjY2NDg2IDIuMTM5MSA3LjEzMDE0QzEuNTMzMzMgNi41OTU0MiAxLjIzMDQ2IDYuMDc5OCAxLjIzMDQ2IDUuNTgzMjhWNC42NjY2MkgzLjY5MTk3Wk0xNC43Njg2IDQuNjY2NjJWNS41ODMyOEMxNC43Njg2IDYuMDc5OCAxNC40NjU4IDYuNTk1NDIgMTMuODYgNy4xMzAxNEMxMy4yNTQyIDcuNjY0ODYgMTIuNDk5NCA4LjAyNDUxIDExLjU5NTYgOC4yMDkxMkMxMi4wNjk5IDcuMTc3ODcgMTIuMzA3MSA1Ljk5NzA1IDEyLjMwNzEgNC42NjY2MkgxNC43Njg2Wk0xNS45OTk4IDUuNTgzMjlWNC4zNjEwOEMxNS45OTk4IDQuMTA2NDUgMTUuOTEwMSAzLjg5MDAyIDE1LjczMDYgMy43MTE3OEMxNS41NTExIDMuNTMzNTQgMTUuMzMzMiAzLjQ0NDQyIDE1LjA3NjggMy40NDQ0MkgxMi4zMDc2VjIuNTI3NzZDMTIuMzA3NiAyLjEwNzYzIDEyLjE1NjkgMS43NDc5NyAxMS44NTU2IDEuNDQ4NzhDMTEuNTU0NCAxLjE0OTU5IDExLjE5MjIgMSAxMC43NjkxIDFINS4yMzA3MkM0LjgwNzY0IDEgNC40NDU0NyAxLjE0OTU5IDQuMTQ0MTkgMS40NDg3OEMzLjg0MjkxIDEuNzQ3OTcgMy42OTIyNyAyLjEwNzYzIDMuNjkyMjcgMi41Mjc3NlYzLjQ0NDQySDAuOTIzMDY4QzAuNjY2NjU5IDMuNDQ0NDIgMC40NDg3MTQgMy41MzM1NCAwLjI2OTIyOCAzLjcxMTc4QzAuMDg5NzQxOCAzLjg5MDAyIDAgNC4xMDY0NSAwIDQuMzYxMDhWNS41ODMyOUMwIDYuMDM1MjUgMC4xMzMwMSA2LjQ5MDM5IDAuMzk5MDM0IDYuOTQ4NzJDMC42NjUwNTkgNy40MDcwNSAxLjAyNDAzIDcuODIwODIgMS40NzU5NSA4LjE5MDAzQzEuOTI3ODcgOC41NTkyNCAyLjQ4MjM0IDguODY5NTcgMy4xMzkzOSA5LjEyMTAxQzMuNzk2NDQgOS4zNzI0NiA0LjQ4NzEzIDkuNTE0MDkgNS4yMTE0OSA5LjU0NTkyQzUuNDgwNzEgOS44ODk2NyA1Ljc4NTIgMTAuMTkyIDYuMTI0OTQgMTAuNDUzQzYuMzY4NTMgMTAuNjY5NSA2LjUzNjc5IDEwLjkwMDIgNi42Mjk3NCAxMS4xNDUzQzYuNzIyNjkgMTEuMzkwNCA2Ljc2OTE2IDExLjY3NTIgNi43NjkxNiAxMS45OTk5QzYuNzY5MTYgMTIuMzQzNiA2LjY3MTQxIDEyLjYzMzMgNi40NzU5IDEyLjg2ODhDNi4yODAzOCAxMy4xMDQzIDUuOTY3ODkgMTMuMjIyMSA1LjUzODQxIDEzLjIyMjFDNS4wNTc2NCAxMy4yMjIxIDQuNjI5NzYgMTMuMzY2OSA0LjI1NDc2IDEzLjY1NjZDMy44Nzk3NyAxMy45NDYyIDMuNjkyMjcgMTQuMzEwNiAzLjY5MjI3IDE0Ljc0OTlWMTUuMzYxQzMuNjkyMjcgMTUuNDUwMSAzLjcyMTEyIDE1LjUyMzMgMy43Nzg4MSAxNS41ODA2QzMuODM2NSAxNS42Mzc5IDMuOTEwMjIgMTUuNjY2NSAzLjk5OTk2IDE1LjY2NjVIMTEuOTk5OUMxMi4wODk2IDE1LjY2NjUgMTIuMTYzMyAxNS42Mzc5IDEyLjIyMSAxNS41ODA2QzEyLjI3ODcgMTUuNTIzMyAxMi4zMDc2IDE1LjQ1MDEgMTIuMzA3NiAxNS4zNjFWMTQuNzQ5OUMxMi4zMDc2IDE0LjMxMDYgMTIuMTIwMSAxMy45NDYyIDExLjc0NTEgMTMuNjU2NkMxMS4zNzAxIDEzLjM2NjkgMTAuOTQyMiAxMy4yMjIxIDEwLjQ2MTQgMTMuMjIyMUMxMC4wMzE5IDEzLjIyMjEgOS43MTk0NSAxMy4xMDQzIDkuNTIzOTQgMTIuODY4OEM5LjMyODQzIDEyLjYzMzMgOS4yMzA2OCAxMi4zNDM2IDkuMjMwNjggMTEuOTk5OUM5LjIzMDY4IDExLjY3NTIgOS4yNzcxNSAxMS4zOTA0IDkuMzcwMSAxMS4xNDUzQzkuNDYzMDUgMTAuOTAwMiA5LjYzMTMxIDEwLjY2OTUgOS44NzQ5IDEwLjQ1M0MxMC4yMTQ2IDEwLjE5MiAxMC41MTkxIDkuODg5NjcgMTAuNzg4NCA5LjU0NTkyQzExLjUxMjcgOS41MTQwOSAxMi4yMDM0IDkuMzcyNDYgMTIuODYwNCA5LjEyMTAxQzEzLjUxNzUgOC44Njk1NyAxNC4wNzIgOC41NTkyNCAxNC41MjM5IDguMTkwMDNDMTQuOTc1OCA3LjgyMDgyIDE1LjMzNDggNy40MDcwNSAxNS42MDA4IDYuOTQ4NzJDMTUuODY2OCA2LjQ5MDM5IDE1Ljk5OTggNi4wMzUyNSAxNS45OTk4IDUuNTgzMjlaTTYuNzYwNDcgNy4xNzk4TDguMDUxMDkgNi40OTk5N0w5LjM0MTcgNy4xNzk4TDkuMDk1MjEgNS43Mzk4OUwxMC4xMzkzIDQuNzIwMTVMOC42OTYzOSA0LjUxMDA3TDguMDUxMDkgMy4yTDcuNDA1NzggNC41MTAwN0w1Ljk2MjgzIDQuNzIwMTVMNy4wMDY5NiA1LjczOTg5TDYuNzYwNDcgNy4xNzk4WiIgZmlsbD0iI0YyQzk0QyIvPgo8L2c+Cjwvc3ZnPgo=", Se = ({
147
155
  avatar: e,
148
156
  name: t,
149
157
  points: n,
@@ -154,23 +162,23 @@ const Ve = /* @__PURE__ */ o("div")({
154
162
  incorrect: m,
155
163
  inTop: d,
156
164
  successRate: h
157
- }) => /* @__PURE__ */ p(rt, { children: [
158
- /* @__PURE__ */ s(ot, { children: /* @__PURE__ */ p(lt, { children: [
159
- /* @__PURE__ */ p(At, { children: [
160
- e && /* @__PURE__ */ s(ct, { alt: "avatar", src: e }),
161
- !e && /* @__PURE__ */ s(Nt, { children: ye(t || "") })
165
+ }) => /* @__PURE__ */ p(ot, { children: [
166
+ /* @__PURE__ */ s(at, { children: /* @__PURE__ */ p(ct, { children: [
167
+ /* @__PURE__ */ p(yt, { children: [
168
+ e && /* @__PURE__ */ s(dt, { alt: "avatar", src: e }),
169
+ !e && /* @__PURE__ */ s(At, { children: Te(t || "") })
162
170
  ] }),
163
- /* @__PURE__ */ p(dt, { children: [
164
- /* @__PURE__ */ s(ut, { children: t }),
165
- /* @__PURE__ */ p(pt, { children: [
166
- /* @__PURE__ */ p(It, { children: [
167
- /* @__PURE__ */ s(mt, { alt: "rank-icon", src: yt }),
168
- /* @__PURE__ */ p(ht, { children: [
169
- Te(n),
170
- /* @__PURE__ */ s(ft, { children: "PTS" })
171
+ /* @__PURE__ */ p(ut, { children: [
172
+ /* @__PURE__ */ s(pt, { children: t }),
173
+ /* @__PURE__ */ p(mt, { children: [
174
+ /* @__PURE__ */ p(ht, { children: [
175
+ /* @__PURE__ */ s(It, { alt: "rank-icon", src: Tt }),
176
+ /* @__PURE__ */ p(ft, { children: [
177
+ De(n),
178
+ /* @__PURE__ */ s(gt, { children: "PTS" })
171
179
  ] })
172
180
  ] }),
173
- /* @__PURE__ */ s(gt, {}),
181
+ /* @__PURE__ */ s(Mt, {}),
174
182
  /* @__PURE__ */ p("div", { children: [
175
183
  "TOP ",
176
184
  d || 0,
@@ -179,39 +187,39 @@ const Ve = /* @__PURE__ */ o("div")({
179
187
  ] })
180
188
  ] })
181
189
  ] }) }),
182
- /* @__PURE__ */ p(at, { children: [
183
- /* @__PURE__ */ p(Mt, { children: [
190
+ /* @__PURE__ */ p(lt, { children: [
191
+ /* @__PURE__ */ p(vt, { children: [
184
192
  /* @__PURE__ */ s(oe, { indicator: i || 0, title: "Friends rank" }),
185
193
  /* @__PURE__ */ s(oe, { indicator: r || 0, title: "Global rank" })
186
194
  ] }),
187
- /* @__PURE__ */ p(vt, { children: [
195
+ /* @__PURE__ */ p(Nt, { children: [
188
196
  /* @__PURE__ */ s(Y, { indicator: I || 0, title: "Win streak" }),
189
197
  /* @__PURE__ */ s(Y, { indicator: u || 0, title: "Correct" }),
190
198
  /* @__PURE__ */ s(Y, { indicator: m || 0, title: "Incorrect" }),
191
199
  /* @__PURE__ */ s(Y, { indicator: `${h || 0}%`, title: "Succ. rate" })
192
200
  ] })
193
201
  ] })
194
- ] }), Tt = /* @__PURE__ */ o("div")({
202
+ ] }), Dt = /* @__PURE__ */ o("div")({
195
203
  name: "Container",
196
204
  class: "c38csyt",
197
205
  propsAsIs: !1
198
- }), Dt = /* @__PURE__ */ o("div")({
206
+ }), St = /* @__PURE__ */ o("div")({
199
207
  name: "Title",
200
208
  class: "ty221rx",
201
209
  propsAsIs: !1
202
- }), St = /* @__PURE__ */ o("div")({
210
+ }), zt = /* @__PURE__ */ o("div")({
203
211
  name: "Description",
204
212
  class: "dlaj9xp",
205
213
  propsAsIs: !1
206
- }), zt = ({ title: e, description: t }) => /* @__PURE__ */ p(Tt, { children: [
214
+ }), xt = ({ title: e, description: t }) => /* @__PURE__ */ p(Dt, { children: [
207
215
  /* @__PURE__ */ s(j, { name: "icon-check-circle" }),
208
- /* @__PURE__ */ s(Dt, { children: e }),
209
- /* @__PURE__ */ s(St, { children: t })
210
- ] }), xt = /* @__PURE__ */ o("div")({
216
+ /* @__PURE__ */ s(St, { children: e }),
217
+ /* @__PURE__ */ s(zt, { children: t })
218
+ ] }), jt = /* @__PURE__ */ o("div")({
211
219
  name: "Container",
212
220
  class: "c16sbdnm",
213
221
  propsAsIs: !1
214
- }), jt = () => j, Ot = /* @__PURE__ */ o(jt())({
222
+ }), Ot = () => j, Ct = /* @__PURE__ */ o(Ot())({
215
223
  name: "IconPrediction",
216
224
  class: "ibhorgl",
217
225
  propsAsIs: !0
@@ -235,7 +243,7 @@ const Ve = /* @__PURE__ */ o("div")({
235
243
  name: "FeedbackText",
236
244
  class: "fx87qaj",
237
245
  propsAsIs: !1
238
- }), Ct = ({
246
+ }), bt = ({
239
247
  feedbackMessages: e,
240
248
  questionVotedCorrectly: t,
241
249
  questionVoted: n,
@@ -247,7 +255,7 @@ const Ve = /* @__PURE__ */ o("div")({
247
255
  if (!u && I !== Q.RESOLVED)
248
256
  return null;
249
257
  const m = i === x.PREDICTION && !r, d = t ? "correct" : "incorrect", h = t ? e.correctFeedback : e.incorrectFeedback;
250
- return /* @__PURE__ */ p(xt, { "data-isPrediction": m, children: [
258
+ return /* @__PURE__ */ p(jt, { "data-isPrediction": m, children: [
251
259
  I === Q.RESOLVED && i === x.TRIVIA && !n && /* @__PURE__ */ p(b, { children: [
252
260
  /* @__PURE__ */ s(ae, { children: /* @__PURE__ */ s(j, { name: "questionExpired" }) }),
253
261
  /* @__PURE__ */ p("div", { children: [
@@ -256,7 +264,7 @@ const Ve = /* @__PURE__ */ o("div")({
256
264
  ] })
257
265
  ] }),
258
266
  u && m && /* @__PURE__ */ p(b, { children: [
259
- /* @__PURE__ */ s(Ot, { name: "icon-prediction" }),
267
+ /* @__PURE__ */ s(Ct, { name: "icon-prediction" }),
260
268
  /* @__PURE__ */ s(Z, { children: "Stay tuned to see if your prediction was correct." })
261
269
  ] }),
262
270
  u && r && /* @__PURE__ */ p(b, { children: [
@@ -267,39 +275,39 @@ const Ve = /* @__PURE__ */ o("div")({
267
275
  ] }) })
268
276
  ] })
269
277
  ] });
270
- }, bt = /* @__PURE__ */ o("div")({
278
+ }, Et = /* @__PURE__ */ o("div")({
271
279
  name: "Container",
272
280
  class: "c14ielyq",
273
281
  propsAsIs: !1
274
- }), Et = /* @__PURE__ */ o("div")({
282
+ }), Lt = /* @__PURE__ */ o("div")({
275
283
  name: "Content",
276
284
  class: "c1tlqx57",
277
285
  propsAsIs: !1
278
- }), Lt = /* @__PURE__ */ o("div")({
286
+ }), $t = /* @__PURE__ */ o("div")({
279
287
  name: "Title",
280
288
  class: "t1hq58md",
281
289
  propsAsIs: !1
282
- }), $t = /* @__PURE__ */ o("div")({
290
+ }), Rt = /* @__PURE__ */ o("div")({
283
291
  name: "Options",
284
292
  class: "o1c8nxcx",
285
293
  propsAsIs: !1
286
- }), Rt = /* @__PURE__ */ o("button")({
294
+ }), Qt = /* @__PURE__ */ o("button")({
287
295
  name: "ButtonContainer",
288
296
  class: "b1b6dl8t",
289
297
  propsAsIs: !1
290
- }), Qt = /* @__PURE__ */ o("div")({
298
+ }), Ut = /* @__PURE__ */ o("div")({
291
299
  name: "ButtonPct",
292
300
  class: "b4iik8i",
293
301
  propsAsIs: !1
294
- }), Ut = /* @__PURE__ */ o("span")({
302
+ }), _t = /* @__PURE__ */ o("span")({
295
303
  name: "ButtonBody",
296
304
  class: "b1gq1lnf",
297
305
  propsAsIs: !1
298
- }), _t = /* @__PURE__ */ o("div")({
306
+ }), qt = /* @__PURE__ */ o("div")({
299
307
  name: "IconContainer",
300
308
  class: "i1j65z51",
301
309
  propsAsIs: !1
302
- }), qt = /* @__PURE__ */ o("div")({
310
+ }), Yt = /* @__PURE__ */ o("div")({
303
311
  name: "IconWrap",
304
312
  class: "i19tpfua",
305
313
  propsAsIs: !1
@@ -307,37 +315,37 @@ const Ve = /* @__PURE__ */ o("div")({
307
315
  name: "Icon",
308
316
  class: "i1tubmma",
309
317
  propsAsIs: !1
310
- }), Yt = () => ze, Pt = /* @__PURE__ */ o(Yt())({
318
+ }), Pt = () => ze, Wt = /* @__PURE__ */ o(Pt())({
311
319
  name: "IconDefault",
312
320
  class: "i1grrgwj",
313
321
  propsAsIs: !0
314
- }), Wt = () => ze, Vt = /* @__PURE__ */ o(Wt())({
322
+ }), Vt = () => ze, Ft = /* @__PURE__ */ o(Vt())({
315
323
  name: "IconCircle",
316
324
  class: "ibemyq8",
317
325
  propsAsIs: !0
318
- }), Ft = /* @__PURE__ */ o("span")({
326
+ }), Bt = /* @__PURE__ */ o("span")({
319
327
  name: "Title",
320
328
  class: "t1dceht",
321
329
  propsAsIs: !1
322
- }), Bt = /* @__PURE__ */ o("span")({
330
+ }), Ht = /* @__PURE__ */ o("span")({
323
331
  name: "Indicators",
324
332
  class: "i116q4vq",
325
333
  propsAsIs: !1
326
- }), Ht = /* @__PURE__ */ o("span")({
334
+ }), Zt = /* @__PURE__ */ o("span")({
327
335
  name: "Percentage",
328
336
  class: "p17ajcu2",
329
337
  propsAsIs: !1
330
- }), Zt = () => j, Gt = /* @__PURE__ */ o(Zt())({
338
+ }), Gt = () => j, Jt = /* @__PURE__ */ o(Gt())({
331
339
  name: "CheckIcon",
332
340
  class: "cu9kmlb",
333
341
  propsAsIs: !0
334
342
  }), ce = {
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 }),
343
+ [$.CENTERED]: (e) => /* @__PURE__ */ s(Wt, { alt: "option-icon", src: e }),
344
+ [$.TRANSPARENT]: (e) => /* @__PURE__ */ s(qt, { children: /* @__PURE__ */ s(Yt, { style: { backgroundImage: `url(${e})` } }) }),
345
+ [$.ROUNDED]: (e) => /* @__PURE__ */ s(Ft, { alt: "option-icon", src: e }),
338
346
  [$.NONE]: () => null,
339
347
  [$.UNSET]: () => null
340
- }, Jt = ({ questionType: e, hasCorrectAnswer: t, correct: n, youVoted: i, questionVoted: r }) => {
348
+ }, Kt = ({ questionType: e, hasCorrectAnswer: t, correct: n, youVoted: i, questionVoted: r }) => {
341
349
  if (e === x.POLL && i)
342
350
  return "correct";
343
351
  if (e === x.PREDICTION) {
@@ -347,13 +355,13 @@ const Ve = /* @__PURE__ */ o("div")({
347
355
  return "correct";
348
356
  }
349
357
  return e === x.TRIVIA && r ? i ? n ? "correct" : "incorrect" : n ? "correct" : "unset" : "unset";
350
- }, Kt = ({
358
+ }, Xt = ({
351
359
  questionType: e,
352
360
  questionVoted: t,
353
361
  correct: n,
354
362
  hasCorrectAnswer: i,
355
363
  questionStatus: r
356
- }) => e === x.TRIVIA ? t && n : e === x.PREDICTION ? t && n && i || r === Q.RESOLVED && n : !1, Xt = (e) => {
364
+ }) => e === x.TRIVIA ? t && n : e === x.PREDICTION ? t && n && i || r === Q.RESOLVED && n : !1, en = (e) => {
357
365
  var t;
358
366
  const {
359
367
  // option props
@@ -373,9 +381,9 @@ const Ve = /* @__PURE__ */ o("div")({
373
381
  questionType: y,
374
382
  correct: T,
375
383
  hasCorrectAnswer: a
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;
384
+ } = e, l = Kt(e), c = Xt({ questionType: y, questionVoted: d, correct: T, hasCorrectAnswer: a, questionStatus: D }), f = d || D === Q.RESOLVED && y === x.PREDICTION;
377
385
  return /* @__PURE__ */ p(
378
- Rt,
386
+ Qt,
379
387
  {
380
388
  value: n,
381
389
  "data-selected": m,
@@ -383,44 +391,41 @@ const Ve = /* @__PURE__ */ o("div")({
383
391
  disabled: d || N || A,
384
392
  onClick: u,
385
393
  children: [
386
- f && /* @__PURE__ */ s(Qt, { "data-answerState": l, style: { width: `${I}%` } }),
387
- /* @__PURE__ */ p(Ut, { children: [
394
+ f && /* @__PURE__ */ s(Ut, { "data-answerState": l, style: { width: `${I}%` } }),
395
+ /* @__PURE__ */ p(_t, { children: [
388
396
  i && h && ((t = ce[h]) == null ? void 0 : t.call(ce, i)),
389
- /* @__PURE__ */ s(Ft, { children: r }),
390
- f && /* @__PURE__ */ p(Bt, { children: [
391
- c && /* @__PURE__ */ s(Gt, { name: "selected" }),
392
- /* @__PURE__ */ p(Ht, { children: [
393
- I,
394
- "%"
395
- ] })
397
+ /* @__PURE__ */ s(Bt, { children: r }),
398
+ f && /* @__PURE__ */ p(Ht, { children: [
399
+ c && /* @__PURE__ */ s(Jt, { name: "selected" }),
400
+ /* @__PURE__ */ s(Zt, { children: /* @__PURE__ */ s(qe, { value: I, suffix: "%" }) })
396
401
  ] })
397
402
  ] })
398
403
  ]
399
404
  }
400
405
  );
401
- }, en = [E.PRIMARY_GREEN1, E.SECONDARY_RED1, E.SECONDARY_RED1], tn = [10, 10, 0], nn = /* @__PURE__ */ o("div")({
406
+ }, tn = [E.PRIMARY_GREEN1, E.SECONDARY_RED1, E.SECONDARY_RED1], nn = [10, 10, 0], sn = /* @__PURE__ */ o("div")({
402
407
  name: "RemainingTime",
403
408
  class: "r165427",
404
409
  propsAsIs: !1
405
- }), sn = E.SECONDARY_GREEN6, de = E.SECONDARY_RED3, rn = E.NEUTRALS_GRAY3, on = ({
410
+ }), rn = E.SECONDARY_GREEN6, de = E.SECONDARY_RED3, on = E.NEUTRALS_GRAY3, an = ({
406
411
  isPlaying: e = !0,
407
412
  duration: t = 30,
408
413
  onTimerExpired: n
409
414
  }) => {
410
- const [i, r] = R(t > 10 ? sn : de), I = ({
415
+ const [i, r] = R(t > 10 ? rn : de), I = ({
411
416
  remainingTime: d
412
- }) => /* @__PURE__ */ s(nn, {
417
+ }) => /* @__PURE__ */ s(sn, {
413
418
  children: d
414
419
  }), u = F(() => {
415
- n == null || n(), r(rn);
420
+ n == null || n(), r(on);
416
421
  }, [n, r]), m = F((d) => {
417
422
  d === 10 && r(de);
418
423
  }, [r]);
419
- return /* @__PURE__ */ s(We, {
424
+ return /* @__PURE__ */ s(Ye, {
420
425
  isPlaying: e,
421
426
  duration: t,
422
- colors: en,
423
- colorsTime: tn,
427
+ colors: tn,
428
+ colorsTime: nn,
424
429
  size: 32,
425
430
  strokeWidth: 2,
426
431
  trailStrokeWidth: 2,
@@ -429,47 +434,47 @@ const Ve = /* @__PURE__ */ o("div")({
429
434
  onUpdate: m,
430
435
  children: I
431
436
  });
432
- }, an = /* @__PURE__ */ o("div")({
437
+ }, ln = /* @__PURE__ */ o("div")({
433
438
  name: "WinBarContainer",
434
439
  class: "wie6cqo",
435
440
  propsAsIs: !1
436
- }), ln = /* @__PURE__ */ o("div")({
441
+ }), cn = /* @__PURE__ */ o("div")({
437
442
  name: "Content",
438
443
  class: "cgizw4u",
439
444
  propsAsIs: !1
440
- }), cn = /* @__PURE__ */ o("div")({
445
+ }), dn = /* @__PURE__ */ o("div")({
441
446
  name: "Title",
442
447
  class: "t1l3ucjp",
443
448
  propsAsIs: !1
444
- }), dn = () => j, un = /* @__PURE__ */ o(dn())({
449
+ }), un = () => j, pn = /* @__PURE__ */ o(un())({
445
450
  name: "WinIcon",
446
451
  class: "wx7j799",
447
452
  propsAsIs: !0
448
- }), pn = /* @__PURE__ */ o("div")({
453
+ }), mn = /* @__PURE__ */ o("div")({
449
454
  name: "Points",
450
455
  class: "p4lwuj0",
451
456
  propsAsIs: !1
452
- }), mn = /* @__PURE__ */ o("span")({
457
+ }), In = /* @__PURE__ */ o("span")({
453
458
  name: "PointsCount",
454
459
  class: "po9i64o",
455
460
  propsAsIs: !1
456
- }), In = /* @__PURE__ */ o("span")({
461
+ }), hn = /* @__PURE__ */ o("span")({
457
462
  name: "PointsUnits",
458
463
  class: "pe5g05h",
459
464
  propsAsIs: !1
460
- }), hn = ({ title: e, points: t, isPlayingTimer: n, isTimer: i, onTimerExpired: r }) => /* @__PURE__ */ p(an, { children: [
461
- /* @__PURE__ */ p(ln, { children: [
462
- e && /* @__PURE__ */ s(cn, { children: e }),
465
+ }), fn = ({ title: e, points: t, isPlayingTimer: n, isTimer: i, onTimerExpired: r }) => /* @__PURE__ */ p(ln, { children: [
466
+ /* @__PURE__ */ p(cn, { children: [
467
+ e && /* @__PURE__ */ s(dn, { children: e }),
463
468
  t !== void 0 && /* @__PURE__ */ p(b, { children: [
464
- /* @__PURE__ */ s(un, { name: "icon-trophy" }),
465
- /* @__PURE__ */ p(pn, { children: [
466
- /* @__PURE__ */ s(mn, { children: t }),
467
- /* @__PURE__ */ s(In, { children: "PTS" })
469
+ /* @__PURE__ */ s(pn, { name: "icon-trophy" }),
470
+ /* @__PURE__ */ p(mn, { children: [
471
+ /* @__PURE__ */ s(In, { children: t }),
472
+ /* @__PURE__ */ s(hn, { children: "PTS" })
468
473
  ] })
469
474
  ] })
470
475
  ] }),
471
- i && /* @__PURE__ */ s(on, { isPlaying: n, onTimerExpired: r })
472
- ] }), fn = ({ openedQuestion: e, vote: t, close: n }) => {
476
+ i && /* @__PURE__ */ s(an, { isPlaying: n, onTimerExpired: r })
477
+ ] }), gn = ({ openedQuestion: e, vote: t, close: n }) => {
473
478
  var i;
474
479
  const r = e.subject, I = e.type, u = (i = e.options) == null ? void 0 : i.options, [m, d] = R(!1), [h, A] = R(!1), [D, N] = R(""), y = e == null ? void 0 : e.id, T = F(
475
480
  async (v) => {
@@ -503,9 +508,9 @@ const Ve = /* @__PURE__ */ o("div")({
503
508
  onVote: T
504
509
  };
505
510
  }) : [], [c, m, h, e, l, T, D]), M = u && (u.case === "trivia" || u.case === "prediction") ? u.value : void 0;
506
- return /* @__PURE__ */ s(te, { "data-question-header": "true", children: /* @__PURE__ */ s(bt, { children: /* @__PURE__ */ p(Et, { children: [
511
+ return /* @__PURE__ */ s(te, { "data-question-header": "true", children: /* @__PURE__ */ s(Et, { children: /* @__PURE__ */ p(Lt, { children: [
507
512
  M && /* @__PURE__ */ s(
508
- Ct,
513
+ bt,
509
514
  {
510
515
  feedbackMessages: M,
511
516
  questionVoted: !!l,
@@ -515,8 +520,8 @@ const Ve = /* @__PURE__ */ o("div")({
515
520
  questionStatus: e.status
516
521
  }
517
522
  ),
518
- /* @__PURE__ */ s(
519
- hn,
523
+ e.type !== x.PREDICTION && /* @__PURE__ */ s(
524
+ fn,
520
525
  {
521
526
  title: m ? "Time expired" : "To win",
522
527
  points: m ? void 0 : 100,
@@ -525,37 +530,37 @@ const Ve = /* @__PURE__ */ o("div")({
525
530
  }
526
531
  ),
527
532
  m ? /* @__PURE__ */ s(
528
- zt,
533
+ xt,
529
534
  {
530
535
  title: "More to come...",
531
536
  description: "Watch for additional enhanced stream interactive experience."
532
537
  }
533
538
  ) : /* @__PURE__ */ p(b, { children: [
534
- /* @__PURE__ */ s(Lt, { children: r }),
535
- /* @__PURE__ */ s($t, { children: f.map((v) => /* @__PURE__ */ s(Xt, { ...v }, v.id)) })
539
+ /* @__PURE__ */ s($t, { "data-isPrediction": e.type === x.PREDICTION, children: r }),
540
+ /* @__PURE__ */ s(Rt, { children: f.map((v) => /* @__PURE__ */ s(en, { ...v }, v.id)) })
536
541
  ] })
537
542
  ] }) }) });
538
- }, gn = /* @__PURE__ */ o("div")({
543
+ }, Mn = /* @__PURE__ */ o("div")({
539
544
  name: "Container",
540
545
  class: "cgn5uen",
541
546
  propsAsIs: !1
542
- }), Mn = /* @__PURE__ */ o("div")({
547
+ }), vn = /* @__PURE__ */ o("div")({
543
548
  name: "Content",
544
549
  class: "c1px8nt6",
545
550
  propsAsIs: !1
546
- }), vn = /* @__PURE__ */ o("h3")({
551
+ }), Nn = /* @__PURE__ */ o("h3")({
547
552
  name: "Title",
548
553
  class: "t5et2jt",
549
554
  propsAsIs: !1
550
- }), Nn = /* @__PURE__ */ o("div")({
555
+ }), An = /* @__PURE__ */ o("div")({
551
556
  name: "Description",
552
557
  class: "d1i2kpk2",
553
558
  propsAsIs: !1
554
- }), An = /* @__PURE__ */ o("div")({
559
+ }), yn = /* @__PURE__ */ o("div")({
555
560
  name: "DateWrap",
556
561
  class: "dd3lh3p",
557
562
  propsAsIs: !1
558
- }), yn = /* @__PURE__ */ o("img")({
563
+ }), Tn = /* @__PURE__ */ o("img")({
559
564
  name: "Image",
560
565
  class: "i1gfjeu5",
561
566
  propsAsIs: !1
@@ -563,54 +568,54 @@ const Ve = /* @__PURE__ */ o("div")({
563
568
  const r = W(() => {
564
569
  if (e) {
565
570
  const u = new Date(e);
566
- if (qe(u))
571
+ if (Xe(u))
567
572
  return {
568
- date: Ye(u),
569
- time: Pe(u)
573
+ date: Je(u),
574
+ time: Ke(u)
570
575
  };
571
576
  }
572
577
  return null;
573
578
  }, [e]), I = (i == null ? void 0 : i.image) || t;
574
- return /* @__PURE__ */ p(gn, { children: [
575
- r && /* @__PURE__ */ p(An, { children: [
579
+ return /* @__PURE__ */ p(Mn, { children: [
580
+ r && /* @__PURE__ */ p(yn, { children: [
576
581
  r.date,
577
582
  " · ",
578
583
  r.time
579
584
  ] }),
580
585
  (i == null ? void 0 : i.video) && /* @__PURE__ */ s($e, { source: i.video.url, poster: i.video.thumbnailUrl }),
581
- I && /* @__PURE__ */ s(yn, { src: I }),
582
- /* @__PURE__ */ p(Mn, { children: [
583
- /* @__PURE__ */ s(vn, { children: (i == null ? void 0 : i.heading) || n }),
584
- /* @__PURE__ */ s(Nn, { children: i == null ? void 0 : i.body })
586
+ I && /* @__PURE__ */ s(Tn, { src: I }),
587
+ /* @__PURE__ */ p(vn, { children: [
588
+ /* @__PURE__ */ s(Nn, { children: (i == null ? void 0 : i.heading) || n }),
589
+ /* @__PURE__ */ s(An, { children: i == null ? void 0 : i.body })
585
590
  ] })
586
591
  ] });
587
- }, Tn = /* @__PURE__ */ o("div")({
592
+ }, Dn = /* @__PURE__ */ o("div")({
588
593
  name: "Container",
589
594
  class: "c1euiow",
590
595
  propsAsIs: !1
591
- }), Dn = /* @__PURE__ */ o("a")({
596
+ }), Sn = /* @__PURE__ */ o("a")({
592
597
  name: "WebLinkBtn",
593
598
  class: "w19zie3h",
594
599
  propsAsIs: !1
595
- }), Sn = ({ instantView: e, ...t }) => /* @__PURE__ */ p(Tn, { children: [
600
+ }), zn = ({ instantView: e, ...t }) => /* @__PURE__ */ p(Dn, { children: [
596
601
  /* @__PURE__ */ s(xe, { instantView: e, ...t }),
597
- (e == null ? void 0 : e.webLink) && /* @__PURE__ */ p(Dn, { href: e == null ? void 0 : e.webLink.url, target: "_blank", children: [
602
+ (e == null ? void 0 : e.webLink) && /* @__PURE__ */ p(Sn, { href: e == null ? void 0 : e.webLink.url, target: "_blank", children: [
598
603
  "Explore more of the Masters History",
599
604
  /* @__PURE__ */ s(j, { name: "icon-external-link" })
600
605
  ] })
601
- ] }), zn = /* @__PURE__ */ o("div")({
606
+ ] }), xn = /* @__PURE__ */ o("div")({
602
607
  name: "QuestionContainer",
603
608
  class: "qdri6g3",
604
609
  propsAsIs: !1
605
- }), xn = ({
610
+ }), jn = ({
606
611
  openedQuestion: e
607
612
  }) => {
608
613
  var t;
609
- return ((t = e == null ? void 0 : e.attributes) == null ? void 0 : t.attributes.case) === "insight" ? /* @__PURE__ */ s(Sn, {
614
+ return ((t = e == null ? void 0 : e.attributes) == null ? void 0 : t.attributes.case) === "insight" ? /* @__PURE__ */ s(zn, {
610
615
  created: e.attributes.created,
611
616
  ...e.attributes.attributes.value
612
617
  }) : null;
613
- }, jn = ({
618
+ }, On = ({
614
619
  extendedQuestion: e,
615
620
  vote: t,
616
621
  close: n
@@ -619,28 +624,28 @@ const Ve = /* @__PURE__ */ o("div")({
619
624
  loading: i,
620
625
  data: r
621
626
  } = e;
622
- return !i && r ? /* @__PURE__ */ s(fn, {
627
+ return !i && r ? /* @__PURE__ */ s(gn, {
623
628
  vote: t,
624
629
  close: n,
625
630
  openedQuestion: r
626
631
  }) : null;
627
- }, On = ({
632
+ }, Cn = ({
628
633
  gamification: e
629
634
  }) => {
630
635
  var t;
631
- const n = w(e.openedQuestion.$store), i = w(e.openedQuestion.$extendedStore);
636
+ const n = k(e.openedQuestion.$store), i = k(e.openedQuestion.$extendedStore);
632
637
  if (!n)
633
638
  return null;
634
639
  const r = n.type;
635
- return /* @__PURE__ */ p(zn, {
636
- children: [/* @__PURE__ */ s(De, {
640
+ return /* @__PURE__ */ p(xn, {
641
+ children: [/* @__PURE__ */ s(ye, {
637
642
  close: e.closeQuestion,
638
643
  type: ((t = n.attributes) == null ? void 0 : t.type) || x.UNSET
639
- }), r === "question" && /* @__PURE__ */ s(jn, {
644
+ }), r === "question" && /* @__PURE__ */ s(On, {
640
645
  vote: e.submitAnswer,
641
646
  close: e.closeQuestion,
642
647
  extendedQuestion: i
643
- }), r !== "question" && /* @__PURE__ */ s(xn, {
648
+ }), r !== "question" && /* @__PURE__ */ s(jn, {
644
649
  openedQuestion: n
645
650
  })]
646
651
  });
@@ -652,17 +657,17 @@ const Ve = /* @__PURE__ */ o("div")({
652
657
  name: "STabs",
653
658
  class: "sxnslc8",
654
659
  propsAsIs: !1
655
- }), Cn = /* @__PURE__ */ o("button")({
660
+ }), bn = /* @__PURE__ */ o("button")({
656
661
  name: "Button",
657
662
  class: "b1umzux0",
658
663
  propsAsIs: !1
659
- }), bn = /* @__PURE__ */ o("span")({
664
+ }), En = /* @__PURE__ */ o("span")({
660
665
  name: "Title",
661
666
  class: "tspsaas",
662
667
  propsAsIs: !1
663
668
  });
664
669
  var V = /* @__PURE__ */ ((e) => (e.HOME = "home", e.LEADERBOARD = "leaderboard", e))(V || {});
665
- 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__ */ p(wn, { "data-position": e === "home" ? "left" : "right", children: [
670
+ const ue = ({ title: e, active: t, onClick: n }) => /* @__PURE__ */ s(bn, { onClick: n, "data-selected": t, children: /* @__PURE__ */ s(En, { children: e }) }), Ln = ({ activePage: e = "home", toggleActivePage: t }) => /* @__PURE__ */ s(kn, { children: /* @__PURE__ */ p(wn, { "data-position": e === "home" ? "left" : "right", children: [
666
671
  /* @__PURE__ */ s(ue, { title: "Home", active: e === "home", onClick: () => t(
667
672
  "home"
668
673
  /* HOME */
@@ -699,25 +704,25 @@ function ee(e, t) {
699
704
  return i.__proto__ = r, i;
700
705
  }, ee(e, t);
701
706
  }
702
- function Ln(e, t) {
707
+ function $n(e, t) {
703
708
  e.prototype = Object.create(t.prototype), e.prototype.constructor = e, ee(e, t);
704
709
  }
705
710
  var me = Number.isNaN || function(t) {
706
711
  return typeof t == "number" && t !== t;
707
712
  };
708
- function $n(e, t) {
713
+ function Rn(e, t) {
709
714
  return !!(e === t || me(e) && me(t));
710
715
  }
711
- function Rn(e, t) {
716
+ function Qn(e, t) {
712
717
  if (e.length !== t.length)
713
718
  return !1;
714
719
  for (var n = 0; n < e.length; n++)
715
- if (!$n(e[n], t[n]))
720
+ if (!Rn(e[n], t[n]))
716
721
  return !1;
717
722
  return !0;
718
723
  }
719
724
  function G(e, t) {
720
- t === void 0 && (t = Rn);
725
+ t === void 0 && (t = Qn);
721
726
  var n, i = [], r, I = !1;
722
727
  function u() {
723
728
  for (var m = [], d = 0; d < arguments.length; d++)
@@ -726,7 +731,7 @@ function G(e, t) {
726
731
  }
727
732
  return u;
728
733
  }
729
- var Qn = typeof performance == "object" && typeof performance.now == "function", Ie = Qn ? function() {
734
+ var Un = typeof performance == "object" && typeof performance.now == "function", Ie = Un ? function() {
730
735
  return performance.now();
731
736
  } : function() {
732
737
  return Date.now();
@@ -734,7 +739,7 @@ var Qn = typeof performance == "object" && typeof performance.now == "function",
734
739
  function he(e) {
735
740
  cancelAnimationFrame(e.id);
736
741
  }
737
- function Un(e, t) {
742
+ function _n(e, t) {
738
743
  var n = Ie();
739
744
  function i() {
740
745
  Ie() - n >= t ? e.call(null) : r.id = requestAnimationFrame(i);
@@ -752,23 +757,23 @@ function fe(e) {
752
757
  }
753
758
  return J;
754
759
  }
755
- var C = null;
760
+ var w = null;
756
761
  function ge(e) {
757
- if (e === void 0 && (e = !1), C === null || e) {
762
+ if (e === void 0 && (e = !1), w === null || e) {
758
763
  var t = document.createElement("div"), n = t.style;
759
764
  n.width = "50px", n.height = "50px", n.overflow = "scroll", n.direction = "rtl";
760
765
  var i = document.createElement("div"), r = i.style;
761
- return r.width = "100px", r.height = "100px", t.appendChild(i), document.body.appendChild(t), t.scrollLeft > 0 ? C = "positive-descending" : (t.scrollLeft = 1, t.scrollLeft === 0 ? C = "negative" : C = "positive-ascending"), document.body.removeChild(t), C;
766
+ return r.width = "100px", r.height = "100px", t.appendChild(i), document.body.appendChild(t), t.scrollLeft > 0 ? w = "positive-descending" : (t.scrollLeft = 1, t.scrollLeft === 0 ? w = "negative" : w = "positive-ascending"), document.body.removeChild(t), w;
762
767
  }
763
- return C;
768
+ return w;
764
769
  }
765
- var _n = 150, qn = function(t, n) {
770
+ var qn = 150, Yn = function(t, n) {
766
771
  return t;
767
772
  };
768
- function Yn(e) {
773
+ function Pn(e) {
769
774
  var t, n = e.getItemOffset, i = e.getEstimatedTotalSize, r = e.getItemSize, I = e.getOffsetForIndexAndAlignment, u = e.getStartIndexForOffset, m = e.getStopIndexForStartIndex, d = e.initInstanceProps, h = e.shouldResetStyleCacheOnItemSizeChange, A = e.validateProps;
770
775
  return t = /* @__PURE__ */ function(D) {
771
- Ln(N, D);
776
+ $n(N, D);
772
777
  function N(T) {
773
778
  var a;
774
779
  return a = D.call(this, T) || this, a._instanceProps = d(a.props, pe(a)), a._outerRef = void 0, a._resetIsScrollingTimeoutId = null, a.state = {
@@ -795,14 +800,14 @@ function Yn(e) {
795
800
  if (g.hasOwnProperty(l))
796
801
  S = g[l];
797
802
  else {
798
- 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;
803
+ var z = n(a.props, l, a._instanceProps), O = r(a.props, l, a._instanceProps), C = f === "horizontal" || v === "horizontal", U = f === "rtl", _ = C ? z : 0;
799
804
  g[l] = S = {
800
805
  position: "absolute",
801
806
  left: U ? void 0 : _,
802
807
  right: U ? _ : void 0,
803
- top: k ? 0 : z,
804
- height: k ? "100%" : O,
805
- width: k ? O : "100%"
808
+ top: C ? 0 : z,
809
+ height: C ? "100%" : O,
810
+ width: C ? O : "100%"
806
811
  };
807
812
  }
808
813
  return S;
@@ -847,7 +852,7 @@ function Yn(e) {
847
852
  var c = a.props.outerRef;
848
853
  a._outerRef = l, typeof c == "function" ? c(l) : c != null && typeof c == "object" && c.hasOwnProperty("current") && (c.current = l);
849
854
  }, a._resetIsScrollingDebounced = function() {
850
- a._resetIsScrollingTimeoutId !== null && he(a._resetIsScrollingTimeoutId), a._resetIsScrollingTimeoutId = Un(a._resetIsScrolling, _n);
855
+ a._resetIsScrollingTimeoutId !== null && he(a._resetIsScrollingTimeoutId), a._resetIsScrollingTimeoutId = _n(a._resetIsScrolling, qn);
851
856
  }, a._resetIsScrolling = function() {
852
857
  a._resetIsScrollingTimeoutId = null, a.setState({
853
858
  isScrolling: !1
@@ -857,7 +862,7 @@ function Yn(e) {
857
862
  }, a;
858
863
  }
859
864
  N.getDerivedStateFromProps = function(a, l) {
860
- return Pn(a, l), A(a), null;
865
+ return Wn(a, l), A(a), null;
861
866
  };
862
867
  var y = N.prototype;
863
868
  return y.scrollTo = function(a) {
@@ -912,14 +917,14 @@ function Yn(e) {
912
917
  }, y.componentWillUnmount = function() {
913
918
  this._resetIsScrollingTimeoutId !== null && he(this._resetIsScrollingTimeoutId);
914
919
  }, y.render = function() {
915
- 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 ? qn : 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 = [];
920
+ 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, C = a.itemKey, U = C === void 0 ? Yn : C, _ = a.layout, je = a.outerElementType, Oe = a.outerTagName, Ce = a.style, ke = a.useIsScrolling, we = 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 = [];
916
921
  if (z > 0)
917
922
  for (var L = Ee; L <= Le; L++)
918
923
  ie.push(H(l, {
919
924
  data: O,
920
925
  key: U(L, O),
921
926
  index: L,
922
- isScrolling: we ? ne : void 0,
927
+ isScrolling: ke ? ne : void 0,
923
928
  style: this._getItemStyle(L)
924
929
  }));
925
930
  var re = i(this.props, this._instanceProps);
@@ -930,12 +935,12 @@ function Yn(e) {
930
935
  style: X({
931
936
  position: "relative",
932
937
  height: M,
933
- width: Ce,
938
+ width: we,
934
939
  overflow: "auto",
935
940
  WebkitOverflowScrolling: "touch",
936
941
  willChange: "transform",
937
942
  direction: f
938
- }, ke)
943
+ }, Ce)
939
944
  }, H(g || S || "div", {
940
945
  children: ie,
941
946
  ref: v,
@@ -961,8 +966,8 @@ function Yn(e) {
961
966
  var a = this.props, l = a.itemCount, c = a.overscanCount, f = this.state, M = f.isScrolling, v = f.scrollDirection, g = f.scrollOffset;
962
967
  if (l === 0)
963
968
  return [0, 0, 0, 0];
964
- var S = u(this.props, g, this._instanceProps), z = m(this.props, S, g, this._instanceProps), O = !M || v === "backward" ? Math.max(1, c) : 1, k = !M || v === "forward" ? Math.max(1, c) : 1;
965
- return [Math.max(0, S - O), Math.max(0, Math.min(l - 1, z + k)), S, z];
969
+ var S = u(this.props, g, this._instanceProps), z = m(this.props, S, g, this._instanceProps), O = !M || v === "backward" ? Math.max(1, c) : 1, C = !M || v === "forward" ? Math.max(1, c) : 1;
970
+ return [Math.max(0, S - O), Math.max(0, Math.min(l - 1, z + C)), S, z];
966
971
  }, N;
967
972
  }(Ae), t.defaultProps = {
968
973
  direction: "ltr",
@@ -972,9 +977,9 @@ function Yn(e) {
972
977
  useIsScrolling: !1
973
978
  }, t;
974
979
  }
975
- var Pn = function(t, n) {
980
+ var Wn = function(t, n) {
976
981
  t.children, t.direction, t.height, t.layout, t.innerTagName, t.outerTagName, t.width, n.instance;
977
- }, Wn = /* @__PURE__ */ Yn({
982
+ }, Vn = /* @__PURE__ */ Pn({
978
983
  getItemOffset: function(t, n) {
979
984
  var i = t.itemSize;
980
985
  return n * i;
@@ -1022,11 +1027,11 @@ var Pn = function(t, n) {
1022
1027
  t.itemSize;
1023
1028
  }
1024
1029
  });
1025
- function Vn(e) {
1030
+ function Fn(e) {
1026
1031
  var t = e.lastRenderedStartIndex, n = e.lastRenderedStopIndex, i = e.startIndex, r = e.stopIndex;
1027
1032
  return !(i > n || r < t);
1028
1033
  }
1029
- function Fn(e) {
1034
+ function Bn(e) {
1030
1035
  for (var t = e.isItemLoaded, n = e.itemCount, i = e.minimumBatchSize, r = e.startIndex, I = e.stopIndex, u = [], m = null, d = null, h = r; h <= I; h++) {
1031
1036
  var A = t(h);
1032
1037
  A ? d !== null && (u.push(m, d), m = d = null) : (d = h, m === null && (m = h));
@@ -1046,10 +1051,10 @@ function Fn(e) {
1046
1051
  }
1047
1052
  return u;
1048
1053
  }
1049
- var Bn = function(e, t) {
1054
+ var Hn = function(e, t) {
1050
1055
  if (!(e instanceof t))
1051
1056
  throw new TypeError("Cannot call a class as a function");
1052
- }, Hn = function() {
1057
+ }, Zn = function() {
1053
1058
  function e(t, n) {
1054
1059
  for (var i = 0; i < n.length; i++) {
1055
1060
  var r = n[i];
@@ -1059,7 +1064,7 @@ var Bn = function(e, t) {
1059
1064
  return function(t, n, i) {
1060
1065
  return n && e(t.prototype, n), i && e(t, i), t;
1061
1066
  };
1062
- }(), Zn = function(e, t) {
1067
+ }(), Gn = function(e, t) {
1063
1068
  if (typeof t != "function" && t !== null)
1064
1069
  throw new TypeError("Super expression must either be null or a function, not " + typeof t);
1065
1070
  e.prototype = Object.create(t && t.prototype, {
@@ -1074,11 +1079,11 @@ var Bn = function(e, t) {
1074
1079
  if (!e)
1075
1080
  throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
1076
1081
  return t && (typeof t == "object" || typeof t == "function") ? t : e;
1077
- }, Gn = function(e) {
1078
- Zn(t, e);
1082
+ }, Jn = function(e) {
1083
+ Gn(t, e);
1079
1084
  function t() {
1080
1085
  var n, i, r, I;
1081
- Bn(this, t);
1086
+ Hn(this, t);
1082
1087
  for (var u = arguments.length, m = Array(u), d = 0; d < u; d++)
1083
1088
  m[d] = arguments[d];
1084
1089
  return I = (i = (r = Me(this, (n = t.__proto__ || Object.getPrototypeOf(t)).call.apply(n, [this].concat(m))), r), r._lastRenderedStartIndex = -1, r._lastRenderedStopIndex = -1, r._memoizedUnloadedRanges = [], r._onItemsRendered = function(h) {
@@ -1088,7 +1093,7 @@ var Bn = function(e, t) {
1088
1093
  r._listRef = h;
1089
1094
  }, i), Me(r, I);
1090
1095
  }
1091
- return Hn(t, [{
1096
+ return Zn(t, [{
1092
1097
  key: "resetloadMoreItemsCache",
1093
1098
  value: function() {
1094
1099
  var i = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : !1;
@@ -1110,7 +1115,7 @@ var Bn = function(e, t) {
1110
1115
  }, {
1111
1116
  key: "_ensureRowsLoaded",
1112
1117
  value: function(i, r) {
1113
- var I = this.props, u = I.isItemLoaded, m = I.itemCount, d = I.minimumBatchSize, h = d === void 0 ? 10 : d, A = I.threshold, D = A === void 0 ? 15 : A, N = Fn({
1118
+ var I = this.props, u = I.isItemLoaded, m = I.itemCount, d = I.minimumBatchSize, h = d === void 0 ? 10 : d, A = I.threshold, D = A === void 0 ? 15 : A, N = Bn({
1114
1119
  isItemLoaded: u,
1115
1120
  itemCount: m,
1116
1121
  minimumBatchSize: h,
@@ -1127,7 +1132,7 @@ var Bn = function(e, t) {
1127
1132
  for (var r = this, I = this.props.loadMoreItems || this.props.loadMoreRows, u = function(h) {
1128
1133
  var A = i[h], D = i[h + 1], N = I(A, D);
1129
1134
  N != null && N.then(function() {
1130
- if (Vn({
1135
+ if (Fn({
1131
1136
  lastRenderedStartIndex: r._lastRenderedStartIndex,
1132
1137
  lastRenderedStopIndex: r._lastRenderedStopIndex,
1133
1138
  startIndex: A,
@@ -1143,39 +1148,39 @@ var Bn = function(e, t) {
1143
1148
  }
1144
1149
  }]), t;
1145
1150
  }(Ae);
1146
- const Jn = /* @__PURE__ */ o("div")({
1151
+ const Kn = /* @__PURE__ */ o("div")({
1147
1152
  name: "Container",
1148
1153
  class: "culdu4a",
1149
1154
  propsAsIs: !1
1150
- }), Kn = /* @__PURE__ */ o("div")({
1155
+ }), Xn = /* @__PURE__ */ o("div")({
1151
1156
  name: "Position",
1152
1157
  class: "pwf8e69",
1153
1158
  propsAsIs: !1
1154
- }), Xn = /* @__PURE__ */ o("img")({
1159
+ }), es = /* @__PURE__ */ o("img")({
1155
1160
  name: "Avatar",
1156
1161
  class: "atf4yh4",
1157
1162
  propsAsIs: !1
1158
- }), es = /* @__PURE__ */ o("div")({
1163
+ }), ts = /* @__PURE__ */ o("div")({
1159
1164
  name: "AvatarPlaceholder",
1160
1165
  class: "a1dg29ja",
1161
1166
  propsAsIs: !1
1162
- }), ts = /* @__PURE__ */ o("div")({
1167
+ }), ns = /* @__PURE__ */ o("div")({
1163
1168
  name: "Content",
1164
1169
  class: "c10a68rc",
1165
1170
  propsAsIs: !1
1166
- }), ns = /* @__PURE__ */ o("div")({
1171
+ }), ss = /* @__PURE__ */ o("div")({
1167
1172
  name: "NameContainer",
1168
1173
  class: "nc4kck5",
1169
1174
  propsAsIs: !1
1170
- }), ss = /* @__PURE__ */ o("span")({
1175
+ }), is = /* @__PURE__ */ o("span")({
1171
1176
  name: "Name",
1172
1177
  class: "njsrqgr",
1173
1178
  propsAsIs: !1
1174
- }), is = () => j, rs = /* @__PURE__ */ o(is())({
1179
+ }), rs = () => j, os = /* @__PURE__ */ o(rs())({
1175
1180
  name: "CurrentUserBadge",
1176
1181
  class: "c17uc4zr",
1177
1182
  propsAsIs: !0
1178
- }), os = ({
1183
+ }), as = ({
1179
1184
  rank: e,
1180
1185
  avatar: t,
1181
1186
  name: n,
@@ -1183,33 +1188,33 @@ const Jn = /* @__PURE__ */ o("div")({
1183
1188
  isCurrentUser: r,
1184
1189
  openItemDetail: I,
1185
1190
  style: u
1186
- }) => /* @__PURE__ */ p(Jn, { onClick: I, style: u, children: [
1187
- /* @__PURE__ */ s(Kn, { children: e || 0 }),
1188
- /* @__PURE__ */ p(ts, { children: [
1189
- t ? /* @__PURE__ */ s(Xn, { alt: "leaderboard-item-avatar", src: t }) : /* @__PURE__ */ s(es, { children: ye(n || "") }),
1190
- /* @__PURE__ */ p(ns, { children: [
1191
- /* @__PURE__ */ s(ss, { children: n || "" }),
1192
- r && /* @__PURE__ */ s(rs, { name: "icon-star" })
1191
+ }) => /* @__PURE__ */ p(Kn, { onClick: I, style: u, children: [
1192
+ /* @__PURE__ */ s(Xn, { children: e || 0 }),
1193
+ /* @__PURE__ */ p(ns, { children: [
1194
+ t ? /* @__PURE__ */ s(es, { alt: "leaderboard-item-avatar", src: t }) : /* @__PURE__ */ s(ts, { children: Te(n || "") }),
1195
+ /* @__PURE__ */ p(ss, { children: [
1196
+ /* @__PURE__ */ s(is, { children: n || "" }),
1197
+ r && /* @__PURE__ */ s(os, { name: "icon-star" })
1193
1198
  ] })
1194
1199
  ] }),
1195
- /* @__PURE__ */ s("div", { children: Te(i) })
1196
- ] }), as = /* @__PURE__ */ o("div")({
1200
+ /* @__PURE__ */ s("div", { children: De(i) })
1201
+ ] }), ls = /* @__PURE__ */ o("div")({
1197
1202
  name: "ScrollContainer",
1198
1203
  class: "s13d8sg6",
1199
1204
  propsAsIs: !1
1200
- }), ls = ({
1205
+ }), cs = ({
1201
1206
  items: e,
1202
1207
  currentUserId: t,
1203
1208
  openItemDetail: n,
1204
1209
  fetchMore: i
1205
1210
  }) => /* @__PURE__ */ s(Re, { children: ({ width: r, height: I }) => /* @__PURE__ */ s(
1206
- Gn,
1211
+ Jn,
1207
1212
  {
1208
1213
  isItemLoaded: (u) => u < e.length,
1209
1214
  itemCount: e.length + 1,
1210
1215
  loadMoreItems: i,
1211
- children: ({ onItemsRendered: u, ref: m }) => /* @__PURE__ */ s(as, { children: /* @__PURE__ */ s(
1212
- Wn,
1216
+ children: ({ onItemsRendered: u, ref: m }) => /* @__PURE__ */ s(ls, { children: /* @__PURE__ */ s(
1217
+ Vn,
1213
1218
  {
1214
1219
  itemSize: 56,
1215
1220
  onItemsRendered: u,
@@ -1218,7 +1223,7 @@ const Jn = /* @__PURE__ */ o("div")({
1218
1223
  width: r,
1219
1224
  height: I,
1220
1225
  children: ({ index: d, style: h }) => /* @__PURE__ */ s(
1221
- os,
1226
+ as,
1222
1227
  {
1223
1228
  style: { ...h, maxHeight: 48 },
1224
1229
  ...e[d],
@@ -1230,8 +1235,8 @@ const Jn = /* @__PURE__ */ o("div")({
1230
1235
  }
1231
1236
  ) })
1232
1237
  }
1233
- ) }), cs = ({ deepLink: e }) => {
1234
- const { data: t } = w(e.$store);
1238
+ ) }), ds = ({ deepLink: e }) => {
1239
+ const { data: t } = k(e.$store);
1235
1240
  return /* @__PURE__ */ s(
1236
1241
  Qe,
1237
1242
  {
@@ -1252,59 +1257,59 @@ const Jn = /* @__PURE__ */ o("div")({
1252
1257
  inviteCardSubtext: "Invite and compete against your friends for the top spot on the leaderboard."
1253
1258
  }
1254
1259
  );
1255
- }, ds = ({ gamification: e }) => {
1256
- const { data: t } = w(e.leaderboardList.$store);
1260
+ }, us = ({ gamification: e }) => {
1261
+ const { data: t } = k(e.leaderboardList.$store);
1257
1262
  return t != null && t.length ? /* @__PURE__ */ s(
1258
- ls,
1263
+ cs,
1259
1264
  {
1260
1265
  fetchMore: e.leaderboardList.fetchMore,
1261
1266
  items: t,
1262
1267
  openItemDetail: e.openUser,
1263
1268
  currentUserId: e.currentUserId.get()
1264
1269
  }
1265
- ) : /* @__PURE__ */ s(cs, { deepLink: e.deepLink });
1266
- }, us = /* @__PURE__ */ o("div")({
1270
+ ) : /* @__PURE__ */ s(ds, { deepLink: e.deepLink });
1271
+ }, ps = /* @__PURE__ */ o("div")({
1267
1272
  name: "QuestionItem",
1268
1273
  class: "q1w97g3p",
1269
1274
  propsAsIs: !1
1270
- }), ps = /* @__PURE__ */ o("div")({
1275
+ }), ms = /* @__PURE__ */ o("div")({
1271
1276
  name: "QuestionCaption",
1272
1277
  class: "q2sl39u",
1273
1278
  propsAsIs: !1
1274
- }), ms = /* @__PURE__ */ o("div")({
1279
+ }), Is = /* @__PURE__ */ o("div")({
1275
1280
  name: "QuestionBody",
1276
1281
  class: "qd5h0uc",
1277
1282
  propsAsIs: !1
1278
- }), Is = /* @__PURE__ */ o("div")({
1283
+ }), hs = /* @__PURE__ */ o("div")({
1279
1284
  name: "QuestionAction",
1280
1285
  class: "q105uluy",
1281
1286
  propsAsIs: !1
1282
- }), hs = () => j, P = /* @__PURE__ */ o(hs())({
1287
+ }), fs = () => j, P = /* @__PURE__ */ o(fs())({
1283
1288
  name: "QuestionActionIcon",
1284
1289
  class: "q1fa0b9h",
1285
1290
  propsAsIs: !0
1286
- }), fs = () => j, gs = /* @__PURE__ */ o(fs())({
1291
+ }), gs = () => j, Ms = /* @__PURE__ */ o(gs())({
1287
1292
  name: "QuestionTypeIcon",
1288
1293
  class: "qxlt78s",
1289
1294
  propsAsIs: !0
1290
- }), Ms = /* @__PURE__ */ o("div")({
1295
+ }), vs = /* @__PURE__ */ o("div")({
1291
1296
  name: "QuestionTypeLabel",
1292
1297
  class: "qmg0vkx",
1293
1298
  propsAsIs: !1
1294
- }), vs = /* @__PURE__ */ o("div")({
1299
+ }), Ns = /* @__PURE__ */ o("div")({
1295
1300
  name: "QuestionContent",
1296
1301
  class: "q1uz5j1g",
1297
1302
  propsAsIs: !1
1298
- }), Ns = /* @__PURE__ */ o("button")({
1303
+ }), As = /* @__PURE__ */ o("button")({
1299
1304
  name: "PlayButton",
1300
1305
  class: "p1pba9p1",
1301
1306
  propsAsIs: !1
1302
- }), As = {
1307
+ }), ys = {
1303
1308
  [q.LOST]: /* @__PURE__ */ s(P, { name: "icon-cross" }),
1304
1309
  [q.WON]: /* @__PURE__ */ s(P, { name: "icon-check" }),
1305
1310
  [q.UNSET]: /* @__PURE__ */ s(P, { name: "icon-arrow" }),
1306
1311
  [q.DNP]: /* @__PURE__ */ s(P, { name: "icon-arrow" })
1307
- }, ys = ({
1312
+ }, Ts = ({
1308
1313
  questionId: e,
1309
1314
  questionType: t,
1310
1315
  questionStatus: n,
@@ -1313,56 +1318,56 @@ const Jn = /* @__PURE__ */ o("div")({
1313
1318
  openQuestion: I,
1314
1319
  status: u
1315
1320
  }) => {
1316
- const m = Ne[t], d = As[u];
1317
- return m ? /* @__PURE__ */ p(us, { onClick: () => I == null ? void 0 : I(e), children: [
1318
- /* @__PURE__ */ p(vs, { children: [
1319
- /* @__PURE__ */ p(ps, { children: [
1320
- /* @__PURE__ */ s(gs, { name: m.iconName }),
1321
- /* @__PURE__ */ p(Ms, { children: [
1321
+ const m = Ne[t], d = ys[u];
1322
+ return m ? /* @__PURE__ */ p(ps, { onClick: () => I == null ? void 0 : I(e), children: [
1323
+ /* @__PURE__ */ p(Ns, { children: [
1324
+ /* @__PURE__ */ p(ms, { children: [
1325
+ /* @__PURE__ */ s(Ms, { name: m.iconName }),
1326
+ /* @__PURE__ */ p(vs, { children: [
1322
1327
  m.label,
1323
1328
  t === x.TRIVIA && n === Q.RESOLVED && " • Expired"
1324
1329
  ] })
1325
1330
  ] }),
1326
- /* @__PURE__ */ s(ms, { children: i || "" })
1331
+ /* @__PURE__ */ s(Is, { children: i || "" })
1327
1332
  ] }),
1328
- /* @__PURE__ */ s(Is, { children: r ? /* @__PURE__ */ s(Ns, { children: "Play" }) : d })
1333
+ /* @__PURE__ */ s(hs, { children: r ? /* @__PURE__ */ s(As, { children: "Play" }) : d })
1329
1334
  ] }) : null;
1330
- }, Ts = /* @__PURE__ */ o("div")({
1335
+ }, Ds = /* @__PURE__ */ o("div")({
1331
1336
  name: "Container",
1332
1337
  class: "cll3md7",
1333
1338
  propsAsIs: !1
1334
- }), Ds = /* @__PURE__ */ o("button")({
1339
+ }), Ss = /* @__PURE__ */ o("button")({
1335
1340
  name: "ActionBtn",
1336
1341
  class: "a10g1iik",
1337
1342
  propsAsIs: !1
1338
- }), Ss = ({
1343
+ }), zs = ({
1339
1344
  openInsight: e,
1340
1345
  questionId: t,
1341
1346
  ...n
1342
- }) => /* @__PURE__ */ p(Ts, { children: [
1347
+ }) => /* @__PURE__ */ p(Ds, { children: [
1343
1348
  /* @__PURE__ */ s(xe, { questionId: t, ...n }),
1344
- e && /* @__PURE__ */ s(Ds, { onClick: () => e(t), children: "View Insight" })
1345
- ] }), zs = /* @__PURE__ */ o("div")({
1349
+ e && /* @__PURE__ */ s(Ss, { onClick: () => e(t), children: "View Insight" })
1350
+ ] }), xs = /* @__PURE__ */ o("div")({
1346
1351
  name: "QuestionsContainer",
1347
1352
  class: "qvghv3l",
1348
1353
  propsAsIs: !1
1349
- }), xs = ({ questions: e, openQuestion: t }) => /* @__PURE__ */ s(zs, { children: e == null ? void 0 : e.map((n) => {
1354
+ }), js = ({ questions: e, openQuestion: t }) => /* @__PURE__ */ s(xs, { children: e == null ? void 0 : e.map((n) => {
1350
1355
  var i, r;
1351
1356
  if (n.type === "question" && ((i = n.attributes) == null ? void 0 : i.attributes.case) === "question") {
1352
1357
  const I = n.attributes.attributes.value;
1353
- return /* @__PURE__ */ s(ys, { openQuestion: t, ...I }, I.questionId);
1358
+ return /* @__PURE__ */ s(Ts, { openQuestion: t, ...I }, I.questionId);
1354
1359
  }
1355
1360
  if (n.type === "insight" && ((r = n.attributes) == null ? void 0 : r.attributes.case) === "insight") {
1356
1361
  const I = n.attributes.attributes.value;
1357
- return /* @__PURE__ */ s(Ss, { openInsight: t, ...I }, I.questionId);
1362
+ return /* @__PURE__ */ s(zs, { openInsight: t, ...I }, I.questionId);
1358
1363
  }
1359
1364
  return null;
1360
- }) }), js = ({ store: e, openQuestion: t }) => {
1361
- const n = w(e);
1362
- return n != null && n.data ? /* @__PURE__ */ s(xs, { openQuestion: t, questions: n.data }) : /* @__PURE__ */ s("div", { children: "wait questions..." });
1363
- }, Os = ({ userSummary: e }) => {
1365
+ }) }), Os = ({ store: e, openQuestion: t }) => {
1366
+ const n = k(e);
1367
+ return n != null && n.data ? /* @__PURE__ */ s(js, { openQuestion: t, questions: n.data }) : /* @__PURE__ */ s("div", { children: "wait questions..." });
1368
+ }, Cs = ({ userSummary: e }) => {
1364
1369
  var t, n;
1365
- const i = w(e.getStore());
1370
+ const i = k(e.getStore());
1366
1371
  return (t = i.data) != null && t.summary ? /* @__PURE__ */ s(Se, { ...i.data.summary, successRate: (n = i.data.percentage) == null ? void 0 : n.correct }) : /* @__PURE__ */ s("div", { children: "wait user..." });
1367
1372
  }, ks = ({
1368
1373
  gamification: e
@@ -1379,7 +1384,7 @@ const Jn = /* @__PURE__ */ o("div")({
1379
1384
  style: {
1380
1385
  paddingBottom: "4px"
1381
1386
  },
1382
- children: /* @__PURE__ */ s(En, {
1387
+ children: /* @__PURE__ */ s(Ln, {
1383
1388
  activePage: t,
1384
1389
  toggleActivePage: n
1385
1390
  })
@@ -1388,18 +1393,18 @@ const Jn = /* @__PURE__ */ o("div")({
1388
1393
  style: {
1389
1394
  paddingTop: "12px"
1390
1395
  },
1391
- children: /* @__PURE__ */ s(Os, {
1396
+ children: /* @__PURE__ */ s(Cs, {
1392
1397
  userSummary: e.userSummary
1393
1398
  })
1394
1399
  }), /* @__PURE__ */ s(Ue, {
1395
- children: /* @__PURE__ */ s(js, {
1400
+ children: /* @__PURE__ */ s(Os, {
1396
1401
  openQuestion: e.openQuestion,
1397
1402
  store: e.feedList.getStore()
1398
1403
  })
1399
1404
  })]
1400
1405
  }), t === V.LEADERBOARD && /* @__PURE__ */ s("div", {
1401
1406
  className: "c1bp9dj2",
1402
- children: /* @__PURE__ */ s(ds, {
1407
+ children: /* @__PURE__ */ s(us, {
1403
1408
  gamification: e
1404
1409
  })
1405
1410
  })]
@@ -1408,37 +1413,37 @@ const Jn = /* @__PURE__ */ o("div")({
1408
1413
  name: "OpenedContainer",
1409
1414
  class: "oar61gl",
1410
1415
  propsAsIs: !0
1411
- }), Cs = /* @__PURE__ */ o("div")({
1416
+ }), bs = /* @__PURE__ */ o("div")({
1412
1417
  name: "UserContainer",
1413
1418
  class: "u14zaal4",
1414
1419
  propsAsIs: !1
1415
- }), bs = ({
1420
+ }), Es = ({
1416
1421
  correct: e,
1417
1422
  incorrect: t
1418
1423
  }) => {
1419
1424
  const n = e + t;
1420
1425
  return n === 0 ? 0 : Math.round(e / n * 100);
1421
- }, Hs = ({
1426
+ }, Gs = ({
1422
1427
  gamification: e,
1423
1428
  className: t
1424
1429
  }) => {
1425
- const n = w(e.openedQuestion.$store), i = w(e.openedUser);
1430
+ const n = k(e.openedQuestion.$store), i = k(e.openedUser);
1426
1431
  return /* @__PURE__ */ p(b, {
1427
1432
  children: [n && /* @__PURE__ */ s(ve, {
1428
1433
  className: t,
1429
- children: /* @__PURE__ */ s(On, {
1434
+ children: /* @__PURE__ */ s(Cn, {
1430
1435
  gamification: e
1431
1436
  })
1432
1437
  }), i && /* @__PURE__ */ s(ve, {
1433
1438
  className: t,
1434
- children: /* @__PURE__ */ p(Cs, {
1435
- children: [/* @__PURE__ */ s(De, {
1439
+ children: /* @__PURE__ */ p(bs, {
1440
+ children: [/* @__PURE__ */ s(ye, {
1436
1441
  label: "Friend's Rank",
1437
1442
  close: e.closeUser
1438
1443
  }), /* @__PURE__ */ s(K, {
1439
1444
  children: /* @__PURE__ */ s(Se, {
1440
1445
  ...i,
1441
- successRate: bs(i)
1446
+ successRate: Es(i)
1442
1447
  })
1443
1448
  })]
1444
1449
  })
@@ -1452,5 +1457,5 @@ const Jn = /* @__PURE__ */ o("div")({
1452
1457
  });
1453
1458
  };
1454
1459
  export {
1455
- Hs as default
1460
+ Gs as default
1456
1461
  };