@streamlayer/react 0.30.6 → 0.31.1

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