@streamlayer/react 0.30.5 → 0.31.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,165 +1,172 @@
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 q, 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
- }), ke = ({ 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
131
- }), kt = /* @__PURE__ */ a("button")({
138
+ }), Ot = /* @__PURE__ */ a("button")({
132
139
  name: "UserAccountBtn",
133
140
  class: "uxareh6",
134
141
  propsAsIs: !1
135
- }), Ot = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlRyb3BoeSI+CjxwYXRoIGlkPSJDb21iaW5lZCBTaGFwZSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zLjY5MTk3IDQuNjY2NjJDMy42OTE5NyA1Ljk5NzA1IDMuOTI5MTQgNy4xNzc4NyA0LjQwMzUgOC4yMDkxMkMzLjQ5OTY2IDguMDI0NTEgMi43NDQ4NyA3LjY2NDg2IDIuMTM5MSA3LjEzMDE0QzEuNTMzMzMgNi41OTU0MiAxLjIzMDQ2IDYuMDc5OCAxLjIzMDQ2IDUuNTgzMjhWNC42NjY2MkgzLjY5MTk3Wk0xNC43Njg2IDQuNjY2NjJWNS41ODMyOEMxNC43Njg2IDYuMDc5OCAxNC40NjU4IDYuNTk1NDIgMTMuODYgNy4xMzAxNEMxMy4yNTQyIDcuNjY0ODYgMTIuNDk5NCA4LjAyNDUxIDExLjU5NTYgOC4yMDkxMkMxMi4wNjk5IDcuMTc3ODcgMTIuMzA3MSA1Ljk5NzA1IDEyLjMwNzEgNC42NjY2MkgxNC43Njg2Wk0xNS45OTk4IDUuNTgzMjlWNC4zNjEwOEMxNS45OTk4IDQuMTA2NDUgMTUuOTEwMSAzLjg5MDAyIDE1LjczMDYgMy43MTE3OEMxNS41NTExIDMuNTMzNTQgMTUuMzMzMiAzLjQ0NDQyIDE1LjA3NjggMy40NDQ0MkgxMi4zMDc2VjIuNTI3NzZDMTIuMzA3NiAyLjEwNzYzIDEyLjE1NjkgMS43NDc5NyAxMS44NTU2IDEuNDQ4NzhDMTEuNTU0NCAxLjE0OTU5IDExLjE5MjIgMSAxMC43NjkxIDFINS4yMzA3MkM0LjgwNzY0IDEgNC40NDU0NyAxLjE0OTU5IDQuMTQ0MTkgMS40NDg3OEMzLjg0MjkxIDEuNzQ3OTcgMy42OTIyNyAyLjEwNzYzIDMuNjkyMjcgMi41Mjc3NlYzLjQ0NDQySDAuOTIzMDY4QzAuNjY2NjU5IDMuNDQ0NDIgMC40NDg3MTQgMy41MzM1NCAwLjI2OTIyOCAzLjcxMTc4QzAuMDg5NzQxOCAzLjg5MDAyIDAgNC4xMDY0NSAwIDQuMzYxMDhWNS41ODMyOUMwIDYuMDM1MjUgMC4xMzMwMSA2LjQ5MDM5IDAuMzk5MDM0IDYuOTQ4NzJDMC42NjUwNTkgNy40MDcwNSAxLjAyNDAzIDcuODIwODIgMS40NzU5NSA4LjE5MDAzQzEuOTI3ODcgOC41NTkyNCAyLjQ4MjM0IDguODY5NTcgMy4xMzkzOSA5LjEyMTAxQzMuNzk2NDQgOS4zNzI0NiA0LjQ4NzEzIDkuNTE0MDkgNS4yMTE0OSA5LjU0NTkyQzUuNDgwNzEgOS44ODk2NyA1Ljc4NTIgMTAuMTkyIDYuMTI0OTQgMTAuNDUzQzYuMzY4NTMgMTAuNjY5NSA2LjUzNjc5IDEwLjkwMDIgNi42Mjk3NCAxMS4xNDUzQzYuNzIyNjkgMTEuMzkwNCA2Ljc2OTE2IDExLjY3NTIgNi43NjkxNiAxMS45OTk5QzYuNzY5MTYgMTIuMzQzNiA2LjY3MTQxIDEyLjYzMzMgNi40NzU5IDEyLjg2ODhDNi4yODAzOCAxMy4xMDQzIDUuOTY3ODkgMTMuMjIyMSA1LjUzODQxIDEzLjIyMjFDNS4wNTc2NCAxMy4yMjIxIDQuNjI5NzYgMTMuMzY2OSA0LjI1NDc2IDEzLjY1NjZDMy44Nzk3NyAxMy45NDYyIDMuNjkyMjcgMTQuMzEwNiAzLjY5MjI3IDE0Ljc0OTlWMTUuMzYxQzMuNjkyMjcgMTUuNDUwMSAzLjcyMTEyIDE1LjUyMzMgMy43Nzg4MSAxNS41ODA2QzMuODM2NSAxNS42Mzc5IDMuOTEwMjIgMTUuNjY2NSAzLjk5OTk2IDE1LjY2NjVIMTEuOTk5OUMxMi4wODk2IDE1LjY2NjUgMTIuMTYzMyAxNS42Mzc5IDEyLjIyMSAxNS41ODA2QzEyLjI3ODcgMTUuNTIzMyAxMi4zMDc2IDE1LjQ1MDEgMTIuMzA3NiAxNS4zNjFWMTQuNzQ5OUMxMi4zMDc2IDE0LjMxMDYgMTIuMTIwMSAxMy45NDYyIDExLjc0NTEgMTMuNjU2NkMxMS4zNzAxIDEzLjM2NjkgMTAuOTQyMiAxMy4yMjIxIDEwLjQ2MTQgMTMuMjIyMUMxMC4wMzE5IDEzLjIyMjEgOS43MTk0NSAxMy4xMDQzIDkuNTIzOTQgMTIuODY4OEM5LjMyODQzIDEyLjYzMzMgOS4yMzA2OCAxMi4zNDM2IDkuMjMwNjggMTEuOTk5OUM5LjIzMDY4IDExLjY3NTIgOS4yNzcxNSAxMS4zOTA0IDkuMzcwMSAxMS4xNDUzQzkuNDYzMDUgMTAuOTAwMiA5LjYzMTMxIDEwLjY2OTUgOS44NzQ5IDEwLjQ1M0MxMC4yMTQ2IDEwLjE5MiAxMC41MTkxIDkuODg5NjcgMTAuNzg4NCA5LjU0NTkyQzExLjUxMjcgOS41MTQwOSAxMi4yMDM0IDkuMzcyNDYgMTIuODYwNCA5LjEyMTAxQzEzLjUxNzUgOC44Njk1NyAxNC4wNzIgOC41NTkyNCAxNC41MjM5IDguMTkwMDNDMTQuOTc1OCA3LjgyMDgyIDE1LjMzNDggNy40MDcwNSAxNS42MDA4IDYuOTQ4NzJDMTUuODY2OCA2LjQ5MDM5IDE1Ljk5OTggNi4wMzUyNSAxNS45OTk4IDUuNTgzMjlaTTYuNzYwNDcgNy4xNzk4TDguMDUxMDkgNi40OTk5N0w5LjM0MTcgNy4xNzk4TDkuMDk1MjEgNS43Mzk4OUwxMC4xMzkzIDQuNzIwMTVMOC42OTYzOSA0LjUxMDA3TDguMDUxMDkgMy4yTDcuNDA1NzggNC41MTAwN0w1Ljk2MjgzIDQuNzIwMTVMNy4wMDY5NiA1LjczOTg5TDYuNzYwNDcgNy4xNzk4WiIgZmlsbD0iI0YyQzk0QyIvPgo8L2c+Cjwvc3ZnPgo=", Oe = ({
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
151
  inTop: d,
145
152
  successRate: f
146
- }) => /* @__PURE__ */ I(mt, { children: [
147
- /* @__PURE__ */ r(ht, { children: /* @__PURE__ */ I(ft, { children: [
148
- /* @__PURE__ */ I(kt, { children: [
149
- e && /* @__PURE__ */ r(gt, { alt: "avatar", src: e }),
150
- !e && /* @__PURE__ */ r(jt, { children: ze(t || "") })
153
+ }) => /* @__PURE__ */ I(ht, { children: [
154
+ /* @__PURE__ */ r(It, { children: /* @__PURE__ */ I(gt, { children: [
155
+ /* @__PURE__ */ I(Ot, { children: [
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: Ot }),
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
172
  d || 0,
@@ -168,39 +175,39 @@ const Xe = /* @__PURE__ */ a("div")({
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,75 +227,75 @@ 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
+ }), qt = ({
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, d = 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: [
258
+ l && s && /* @__PURE__ */ I($, { children: [
252
259
  /* @__PURE__ */ r(ce, { "data-feedbackType": d, children: /* @__PURE__ */ r(j, { name: d }) }),
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": d, children: f == null ? void 0 : f.title }),
255
262
  /* @__PURE__ */ r(J, { children: f == null ? void 0 : f.description })
256
263
  ] }) })
257
264
  ] })
258
265
  ] });
259
- }, qt = /* @__PURE__ */ a("div")({
266
+ }, Pt = /* @__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,59 +303,59 @@ 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,
@@ -362,9 +369,9 @@ 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, u = an(e), p = ln({ questionType: T, questionVoted: d, correct: D, hasCorrectAnswer: o, questionStatus: v }), h = d || 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,
@@ -372,23 +379,20 @@ const Xe = /* @__PURE__ */ a("div")({
372
379
  disabled: d || 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": u, 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 }) => {
395
+ var pe = typeof window > "u" ? Ge : Ze, dn = ({ isPlaying: e, duration: t, startAt: n = 0, updateInterval: i = 0, onComplete: s, onUpdate: c }) => {
392
396
  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) => {
393
397
  let h = p / 1e3;
394
398
  if (g.current === null) {
@@ -397,7 +401,7 @@ var pe = typeof window > "u" ? Je : Ke, cn = ({ isPlaying: e, duration: t, start
397
401
  }
398
402
  let M = h - g.current, N = d.current + M;
399
403
  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;
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;
@@ -409,35 +413,35 @@ var pe = typeof window > "u" ? Je : Ke, cn = ({ isPlaying: e, duration: t, start
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)) || {};
416
+ let { shouldRepeat: p = !1, delay: h = 0, newStartAt: M } = (s == null ? void 0 : s(A.current / 1e3)) || {};
413
417
  p && (T.current = setTimeout(() => u(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: u };
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", d = 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: d };
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;
440
+ return i[l];
441
+ let m = s[l] - t, d = s[l] - s[l + 1], f = he(i[l]), A = he(i[l + 1]), v = !!e.isGrowing;
438
442
  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) => {
443
+ }, In = (e) => {
444
+ let { duration: t, initialRemainingTime: n, updateInterval: i, size: s = 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 } = un(s, T, f), { elapsedTime: u } = 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) => {
@@ -446,86 +450,86 @@ var pe = typeof window > "u" ? Je : Ke, cn = ({ isPlaying: e, duration: t, start
446
450
  if (N)
447
451
  return { shouldRepeat: N, delay: y, newStartAt: me(t, S) };
448
452
  } : 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 };
453
+ return { elapsedTime: u, path: D, pathLength: o, remainingTime: Math.ceil(p), rotation: f, size: s, stroke: hn(e, p), strokeDashoffset: Ce(u, 0, o, t, d), 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: d, 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: d })), 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 = ({
468
+ const [i, s] = L(t > 10 ? vn : Ie), c = ({
465
469
  remainingTime: d
466
- }) => /* @__PURE__ */ r(gn, {
470
+ }) => /* @__PURE__ */ r(Mn, {
467
471
  children: d
468
472
  }), l = q(() => {
469
- n == null || n(), i(vn);
470
- }, [n, i]), m = q((d) => {
471
- d === 10 && i(Ie);
472
- }, [i]);
473
+ n == null || n(), s(yn);
474
+ }, [n, s]), m = q((d) => {
475
+ d === 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
- }), kn = ({ 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 = ({ title: e, points: t, isPlayingTimer: n, isTimer: i, onTimerExpired: s }) => /* @__PURE__ */ I(An, { children: [
519
+ /* @__PURE__ */ I(Tn, { children: [
520
+ e && /* @__PURE__ */ r(Dn, { children: e }),
517
521
  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" })
522
+ /* @__PURE__ */ r(zn, { name: "icon-trophy" }),
523
+ /* @__PURE__ */ I(xn, { children: [
524
+ /* @__PURE__ */ r(jn, { children: t }),
525
+ /* @__PURE__ */ r(kn, { children: "PTS" })
522
526
  ] })
523
527
  ] })
524
528
  ] }),
525
- s && /* @__PURE__ */ r(yn, { isPlaying: n, onTimerExpired: i })
526
- ] }), On = ({ 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(
529
+ i && /* @__PURE__ */ r(Nn, { isPlaying: n, onTimerExpired: s })
530
+ ] }), wn = ({ openedQuestion: e, vote: t, close: n }) => {
531
+ var i;
532
+ const s = e.subject, c = e.type, l = (i = e.options) == null ? void 0 : i.options, [m, d] = L(!1), [f, A] = L(!1), [v, g] = L(""), T = e == null ? void 0 : e.id, D = q(
529
533
  async (N) => {
530
534
  if (T) {
531
535
  const y = N.currentTarget.value;
@@ -557,9 +561,9 @@ const In = [E.PRIMARY_GREEN1, E.SECONDARY_RED1, E.SECONDARY_RED1], fn = [10, 10,
557
561
  onVote: D
558
562
  };
559
563
  }) : [], [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: [
564
+ return /* @__PURE__ */ r(ie, { "data-question-header": "true", children: /* @__PURE__ */ r(Pt, { children: /* @__PURE__ */ I(Yt, { children: [
561
565
  M && /* @__PURE__ */ r(
562
- _t,
566
+ qt,
563
567
  {
564
568
  feedbackMessages: M,
565
569
  questionVoted: !!u,
@@ -569,8 +573,8 @@ const In = [E.PRIMARY_GREEN1, E.SECONDARY_RED1, E.SECONDARY_RED1], fn = [10, 10,
569
573
  questionStatus: e.status
570
574
  }
571
575
  ),
572
- /* @__PURE__ */ r(
573
- kn,
576
+ e.type !== x.PREDICTION && /* @__PURE__ */ r(
577
+ On,
574
578
  {
575
579
  title: m ? "Time expired" : "To win",
576
580
  points: m ? void 0 : 100,
@@ -579,144 +583,144 @@ const In = [E.PRIMARY_GREEN1, E.SECONDARY_RED1, E.SECONDARY_RED1], fn = [10, 10,
579
583
  }
580
584
  ),
581
585
  m ? /* @__PURE__ */ r(
582
- $t,
586
+ Et,
583
587
  {
584
588
  title: "More to come...",
585
589
  description: "Watch for additional enhanced stream interactive experience."
586
590
  }
587
591
  ) : /* @__PURE__ */ I($, { children: [
588
- /* @__PURE__ */ r(Yt, { children: i }),
589
- /* @__PURE__ */ r(Wt, { children: h.map((N) => /* @__PURE__ */ r(ln, { ...N }, N.id)) })
592
+ /* @__PURE__ */ r(Wt, { "data-isPrediction": e.type === x.PREDICTION, children: s }),
593
+ /* @__PURE__ */ r(Ft, { children: h.map((N) => /* @__PURE__ */ r(cn, { ...N }, N.id)) })
590
594
  ] })
591
595
  ] }) }) });
592
- }, wn = /* @__PURE__ */ a("div")({
596
+ }, Cn = /* @__PURE__ */ a("div")({
593
597
  name: "Container",
594
598
  class: "cgn5uen",
595
599
  propsAsIs: !1
596
- }), Cn = /* @__PURE__ */ a("div")({
600
+ }), bn = /* @__PURE__ */ a("div")({
597
601
  name: "Content",
598
602
  class: "c1px8nt6",
599
603
  propsAsIs: !1
600
- }), bn = /* @__PURE__ */ a("h3")({
604
+ }), $n = /* @__PURE__ */ a("h3")({
601
605
  name: "Title",
602
606
  class: "t5et2jt",
603
607
  propsAsIs: !1
604
- }), $n = /* @__PURE__ */ a("div")({
608
+ }), En = /* @__PURE__ */ a("div")({
605
609
  name: "Description",
606
610
  class: "d1i2kpk2",
607
611
  propsAsIs: !1
608
- }), En = /* @__PURE__ */ a("div")({
612
+ }), Ln = /* @__PURE__ */ a("div")({
609
613
  name: "DateWrap",
610
614
  class: "dd3lh3p",
611
615
  propsAsIs: !1
612
- }), Ln = /* @__PURE__ */ a("img")({
616
+ }), Rn = /* @__PURE__ */ a("img")({
613
617
  name: "Image",
614
618
  class: "i1gfjeu5",
615
619
  propsAsIs: !1
616
- }), $e = ({ created: e, image: t, title: n, instantView: s }) => {
617
- const i = B(() => {
620
+ }), $e = ({ created: e, image: t, title: n, instantView: i }) => {
621
+ const s = B(() => {
618
622
  if (e) {
619
623
  const l = new Date(e);
620
- if (Ye(l))
624
+ if (at(l))
621
625
  return {
622
- date: We(l),
623
- time: Fe(l)
626
+ date: rt(l),
627
+ time: ot(l)
624
628
  };
625
629
  }
626
630
  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,
631
+ }, [e]), c = (i == null ? void 0 : i.image) || t;
632
+ return /* @__PURE__ */ I(Cn, { children: [
633
+ s && /* @__PURE__ */ I(Ln, { children: [
634
+ s.date,
631
635
  " · ",
632
- i.time
636
+ s.time
633
637
  ] }),
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 })
638
+ (i == null ? void 0 : i.video) && /* @__PURE__ */ r(We, { source: i.video.url, poster: i.video.thumbnailUrl }),
639
+ c && /* @__PURE__ */ r(Rn, { src: c }),
640
+ /* @__PURE__ */ I(bn, { children: [
641
+ /* @__PURE__ */ r($n, { children: (i == null ? void 0 : i.heading) || n }),
642
+ /* @__PURE__ */ r(En, { children: i == null ? void 0 : i.body })
639
643
  ] })
640
644
  ] });
641
- }, Rn = /* @__PURE__ */ a("div")({
645
+ }, Qn = /* @__PURE__ */ a("div")({
642
646
  name: "Container",
643
647
  class: "c1euiow",
644
648
  propsAsIs: !1
645
- }), Qn = /* @__PURE__ */ a("a")({
649
+ }), Un = /* @__PURE__ */ a("a")({
646
650
  name: "WebLinkBtn",
647
651
  class: "w19zie3h",
648
652
  propsAsIs: !1
649
- }), Un = ({ instantView: e, ...t }) => /* @__PURE__ */ I(Rn, { children: [
653
+ }), _n = ({ instantView: e, ...t }) => /* @__PURE__ */ I(Qn, { children: [
650
654
  /* @__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: [
655
+ (e == null ? void 0 : e.webLink) && /* @__PURE__ */ I(Un, { href: e == null ? void 0 : e.webLink.url, target: "_blank", children: [
652
656
  "Explore more of the Masters History",
653
657
  /* @__PURE__ */ r(j, { name: "icon-external-link" })
654
658
  ] })
655
- ] }), _n = /* @__PURE__ */ a("div")({
659
+ ] }), qn = /* @__PURE__ */ a("div")({
656
660
  name: "QuestionContainer",
657
661
  class: "qdri6g3",
658
662
  propsAsIs: !1
659
- }), qn = ({
663
+ }), Pn = ({
660
664
  openedQuestion: e
661
665
  }) => {
662
666
  var t;
663
- return ((t = e == null ? void 0 : e.attributes) == null ? void 0 : t.attributes.case) === "insight" ? /* @__PURE__ */ r(Un, {
667
+ return ((t = e == null ? void 0 : e.attributes) == null ? void 0 : t.attributes.case) === "insight" ? /* @__PURE__ */ r(_n, {
664
668
  created: e.attributes.created,
665
669
  ...e.attributes.attributes.value
666
670
  }) : null;
667
- }, Pn = ({
671
+ }, Yn = ({
668
672
  extendedQuestion: e,
669
673
  vote: t,
670
674
  close: n
671
675
  }) => {
672
676
  const {
673
- loading: s,
674
- data: i
677
+ loading: i,
678
+ data: s
675
679
  } = e;
676
- return !s && i ? /* @__PURE__ */ r(On, {
680
+ return !i && s ? /* @__PURE__ */ r(wn, {
677
681
  vote: t,
678
682
  close: n,
679
- openedQuestion: i
683
+ openedQuestion: s
680
684
  }) : null;
681
- }, Yn = ({
685
+ }, Wn = ({
682
686
  gamification: e
683
687
  }) => {
684
688
  var t;
685
- const n = w(e.openedQuestion.$store), s = w(e.openedQuestion.$extendedStore);
689
+ const n = w(e.openedQuestion.$store), i = w(e.openedQuestion.$extendedStore);
686
690
  if (!n)
687
691
  return null;
688
- const i = n.type;
689
- return /* @__PURE__ */ I(_n, {
690
- children: [/* @__PURE__ */ r(ke, {
692
+ const s = n.type;
693
+ return /* @__PURE__ */ I(qn, {
694
+ children: [/* @__PURE__ */ r(xe, {
691
695
  close: e.closeQuestion,
692
696
  type: ((t = n.attributes) == null ? void 0 : t.type) || x.UNSET
693
- }), i === "question" && /* @__PURE__ */ r(Pn, {
697
+ }), s === "question" && /* @__PURE__ */ r(Yn, {
694
698
  vote: e.submitAnswer,
695
699
  close: e.closeQuestion,
696
- extendedQuestion: s
697
- }), i !== "question" && /* @__PURE__ */ r(qn, {
700
+ extendedQuestion: i
701
+ }), s !== "question" && /* @__PURE__ */ r(Pn, {
698
702
  openedQuestion: n
699
703
  })]
700
704
  });
701
- }, Wn = /* @__PURE__ */ a("div")({
705
+ }, Fn = /* @__PURE__ */ a("div")({
702
706
  name: "Container",
703
707
  class: "c115qtkr",
704
708
  propsAsIs: !1
705
- }), Fn = /* @__PURE__ */ a("div")({
709
+ }), Vn = /* @__PURE__ */ a("div")({
706
710
  name: "STabs",
707
711
  class: "sxnslc8",
708
712
  propsAsIs: !1
709
- }), Vn = /* @__PURE__ */ a("button")({
713
+ }), Bn = /* @__PURE__ */ a("button")({
710
714
  name: "Button",
711
715
  class: "b1umzux0",
712
716
  propsAsIs: !1
713
- }), Bn = /* @__PURE__ */ a("span")({
717
+ }), Hn = /* @__PURE__ */ a("span")({
714
718
  name: "Title",
715
719
  class: "tspsaas",
716
720
  propsAsIs: !1
717
721
  });
718
722
  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: [
723
+ 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
724
  /* @__PURE__ */ r(fe, { title: "Home", active: e === "home", onClick: () => t(
721
725
  "home"
722
726
  /* HOME */
@@ -737,8 +741,8 @@ function te() {
737
741
  return te = Object.assign ? Object.assign.bind() : function(e) {
738
742
  for (var t = 1; t < arguments.length; t++) {
739
743
  var n = arguments[t];
740
- for (var s in n)
741
- Object.prototype.hasOwnProperty.call(n, s) && (e[s] = n[s]);
744
+ for (var i in n)
745
+ Object.prototype.hasOwnProperty.call(n, i) && (e[i] = n[i]);
742
746
  }
743
747
  return e;
744
748
  }, te.apply(this, arguments);
@@ -749,38 +753,38 @@ function ge(e) {
749
753
  return e;
750
754
  }
751
755
  function ne(e, t) {
752
- return ne = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(s, i) {
753
- return s.__proto__ = i, s;
756
+ return ne = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(i, s) {
757
+ return i.__proto__ = s, i;
754
758
  }, ne(e, t);
755
759
  }
756
- function Gn(e, t) {
760
+ function Zn(e, t) {
757
761
  e.prototype = Object.create(t.prototype), e.prototype.constructor = e, ne(e, t);
758
762
  }
759
763
  var Me = Number.isNaN || function(t) {
760
764
  return typeof t == "number" && t !== t;
761
765
  };
762
- function Zn(e, t) {
766
+ function Jn(e, t) {
763
767
  return !!(e === t || Me(e) && Me(t));
764
768
  }
765
- function Jn(e, t) {
769
+ function Kn(e, t) {
766
770
  if (e.length !== t.length)
767
771
  return !1;
768
772
  for (var n = 0; n < e.length; n++)
769
- if (!Zn(e[n], t[n]))
773
+ if (!Jn(e[n], t[n]))
770
774
  return !1;
771
775
  return !0;
772
776
  }
773
777
  function K(e, t) {
774
- t === void 0 && (t = Jn);
775
- var n, s = [], i, c = !1;
778
+ t === void 0 && (t = Kn);
779
+ var n, i = [], s, c = !1;
776
780
  function l() {
777
781
  for (var m = [], d = 0; d < arguments.length; d++)
778
782
  m[d] = arguments[d];
779
- return c && n === this && t(m, s) || (i = e.apply(this, m), c = !0, n = this, s = m), i;
783
+ return c && n === this && t(m, i) || (s = e.apply(this, m), c = !0, n = this, i = m), s;
780
784
  }
781
785
  return l;
782
786
  }
783
- var Kn = typeof performance == "object" && typeof performance.now == "function", ve = Kn ? function() {
787
+ var Xn = typeof performance == "object" && typeof performance.now == "function", ve = Xn ? function() {
784
788
  return performance.now();
785
789
  } : function() {
786
790
  return Date.now();
@@ -788,15 +792,15 @@ var Kn = typeof performance == "object" && typeof performance.now == "function",
788
792
  function ye(e) {
789
793
  cancelAnimationFrame(e.id);
790
794
  }
791
- function Xn(e, t) {
795
+ function ei(e, t) {
792
796
  var n = ve();
793
- function s() {
794
- ve() - n >= t ? e.call(null) : i.id = requestAnimationFrame(s);
797
+ function i() {
798
+ ve() - n >= t ? e.call(null) : s.id = requestAnimationFrame(i);
795
799
  }
796
- var i = {
797
- id: requestAnimationFrame(s)
800
+ var s = {
801
+ id: requestAnimationFrame(i)
798
802
  };
799
- return i;
803
+ return s;
800
804
  }
801
805
  var X = -1;
802
806
  function Ne(e) {
@@ -811,18 +815,18 @@ function Ae(e) {
811
815
  if (e === void 0 && (e = !1), b === null || e) {
812
816
  var t = document.createElement("div"), n = t.style;
813
817
  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;
818
+ var i = document.createElement("div"), s = i.style;
819
+ 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
820
  }
817
821
  return b;
818
822
  }
819
- var es = 150, ts = function(t, n) {
823
+ var ti = 150, ni = function(t, n) {
820
824
  return t;
821
825
  };
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;
826
+ function ii(e) {
827
+ var t, n = e.getItemOffset, i = e.getEstimatedTotalSize, s = e.getItemSize, c = e.getOffsetForIndexAndAlignment, l = e.getStartIndexForOffset, m = e.getStopIndexForStartIndex, d = e.initInstanceProps, f = e.shouldResetStyleCacheOnItemSizeChange, A = e.validateProps;
824
828
  return t = /* @__PURE__ */ function(v) {
825
- Gn(g, v);
829
+ Zn(g, v);
826
830
  function g(D) {
827
831
  var o;
828
832
  return o = v.call(this, D) || this, o._instanceProps = d(o.props, ge(o)), o._outerRef = void 0, o._resetIsScrollingTimeoutId = null, o.state = {
@@ -849,7 +853,7 @@ function ns(e) {
849
853
  if (y.hasOwnProperty(u))
850
854
  S = y[u];
851
855
  else {
852
- var z = n(o.props, u, o._instanceProps), k = i(o.props, u, o._instanceProps), O = h === "horizontal" || N === "horizontal", P = h === "rtl", Y = O ? z : 0;
856
+ var z = n(o.props, u, o._instanceProps), k = s(o.props, u, o._instanceProps), O = h === "horizontal" || N === "horizontal", P = h === "rtl", Y = O ? z : 0;
853
857
  y[u] = S = {
854
858
  position: "absolute",
855
859
  left: P ? void 0 : Y,
@@ -901,7 +905,7 @@ function ns(e) {
901
905
  var p = o.props.outerRef;
902
906
  o._outerRef = u, typeof p == "function" ? p(u) : p != null && typeof p == "object" && p.hasOwnProperty("current") && (p.current = u);
903
907
  }, o._resetIsScrollingDebounced = function() {
904
- o._resetIsScrollingTimeoutId !== null && ye(o._resetIsScrollingTimeoutId), o._resetIsScrollingTimeoutId = Xn(o._resetIsScrolling, es);
908
+ o._resetIsScrollingTimeoutId !== null && ye(o._resetIsScrollingTimeoutId), o._resetIsScrollingTimeoutId = ei(o._resetIsScrolling, ti);
905
909
  }, o._resetIsScrolling = function() {
906
910
  o._resetIsScrollingTimeoutId = null, o.setState({
907
911
  isScrolling: !1
@@ -911,7 +915,7 @@ function ns(e) {
911
915
  }, o;
912
916
  }
913
917
  g.getDerivedStateFromProps = function(o, u) {
914
- return ss(o, u), A(o), null;
918
+ return si(o, u), A(o), null;
915
919
  };
916
920
  var T = g.prototype;
917
921
  return T.scrollTo = function(o) {
@@ -966,17 +970,17 @@ function ns(e) {
966
970
  }, T.componentWillUnmount = function() {
967
971
  this._resetIsScrollingTimeoutId !== null && ye(this._resetIsScrollingTimeoutId);
968
972
  }, 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, k = o.itemData, O = o.itemKey, P = O === void 0 ? ts : O, 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 = [];
973
+ 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, k = o.itemData, O = o.itemKey, P = 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(), qe = re[0], Pe = re[1], oe = [];
970
974
  if (z > 0)
971
975
  for (var R = qe; R <= Pe; R++)
972
976
  oe.push(Z(u, {
973
977
  data: k,
974
978
  key: P(R, k),
975
979
  index: R,
976
- isScrolling: Qe ? ie : void 0,
980
+ isScrolling: Qe ? se : void 0,
977
981
  style: this._getItemStyle(R)
978
982
  }));
979
- var ae = s(this.props, this._instanceProps);
983
+ var ae = i(this.props, this._instanceProps);
980
984
  return Z(Ee || Le || "div", {
981
985
  className: p,
982
986
  onScroll: _e,
@@ -995,7 +999,7 @@ function ns(e) {
995
999
  ref: N,
996
1000
  style: {
997
1001
  height: G ? "100%" : ae,
998
- pointerEvents: ie ? "none" : void 0,
1002
+ pointerEvents: se ? "none" : void 0,
999
1003
  width: G ? ae : "100%"
1000
1004
  }
1001
1005
  }));
@@ -1018,7 +1022,7 @@ function ns(e) {
1018
1022
  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;
1019
1023
  return [Math.max(0, S - k), Math.max(0, Math.min(u - 1, z + O)), S, z];
1020
1024
  }, g;
1021
- }(je), t.defaultProps = {
1025
+ }(ze), t.defaultProps = {
1022
1026
  direction: "ltr",
1023
1027
  itemData: void 0,
1024
1028
  layout: "vertical",
@@ -1026,24 +1030,24 @@ function ns(e) {
1026
1030
  useIsScrolling: !1
1027
1031
  }, t;
1028
1032
  }
1029
- var ss = function(t, n) {
1033
+ var si = function(t, n) {
1030
1034
  t.children, t.direction, t.height, t.layout, t.innerTagName, t.outerTagName, t.width, n.instance;
1031
- }, is = /* @__PURE__ */ ns({
1035
+ }, ri = /* @__PURE__ */ ii({
1032
1036
  getItemOffset: function(t, n) {
1033
- var s = t.itemSize;
1034
- return n * s;
1037
+ var i = t.itemSize;
1038
+ return n * i;
1035
1039
  },
1036
1040
  getItemSize: function(t, n) {
1037
- var s = t.itemSize;
1038
- return s;
1041
+ var i = t.itemSize;
1042
+ return i;
1039
1043
  },
1040
1044
  getEstimatedTotalSize: function(t) {
1041
- var n = t.itemCount, s = t.itemSize;
1042
- return s * n;
1045
+ var n = t.itemCount, i = t.itemSize;
1046
+ return i * n;
1043
1047
  },
1044
- getOffsetForIndexAndAlignment: function(t, n, s, i, c, l) {
1048
+ getOffsetForIndexAndAlignment: function(t, n, i, s, c, l) {
1045
1049
  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) {
1050
+ switch (i === "smart" && (s >= p - D && s <= u + D ? i = "auto" : i = "center"), i) {
1047
1051
  case "start":
1048
1052
  return u;
1049
1053
  case "end":
@@ -1054,15 +1058,15 @@ var ss = function(t, n) {
1054
1058
  }
1055
1059
  case "auto":
1056
1060
  default:
1057
- return i >= p && i <= u ? i : i < p ? p : u;
1061
+ return s >= p && s <= u ? s : s < p ? p : u;
1058
1062
  }
1059
1063
  },
1060
1064
  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)));
1065
+ var i = t.itemCount, s = t.itemSize;
1066
+ return Math.max(0, Math.min(i - 1, Math.floor(n / s)));
1063
1067
  },
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);
1068
+ getStopIndexForStartIndex: function(t, n, i) {
1069
+ var s = t.direction, c = t.height, l = t.itemCount, m = t.itemSize, d = t.layout, f = t.width, A = s === "horizontal" || d === "horizontal", v = n * m, g = A ? f : c, T = Math.ceil((g + i - v) / m);
1066
1070
  return Math.max(0, Math.min(
1067
1071
  l - 1,
1068
1072
  n + T - 1
@@ -1076,22 +1080,22 @@ var ss = function(t, n) {
1076
1080
  t.itemSize;
1077
1081
  }
1078
1082
  });
1079
- function rs(e) {
1080
- var t = e.lastRenderedStartIndex, n = e.lastRenderedStopIndex, s = e.startIndex, i = e.stopIndex;
1081
- return !(s > n || i < t);
1083
+ function oi(e) {
1084
+ var t = e.lastRenderedStartIndex, n = e.lastRenderedStopIndex, i = e.startIndex, s = e.stopIndex;
1085
+ return !(i > n || s < t);
1082
1086
  }
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++) {
1087
+ function ai(e) {
1088
+ for (var t = e.isItemLoaded, n = e.itemCount, i = e.minimumBatchSize, s = e.startIndex, c = e.stopIndex, l = [], m = null, d = null, f = s; f <= c; f++) {
1085
1089
  var A = t(f);
1086
1090
  A ? d !== null && (l.push(m, d), m = d = null) : (d = f, m === null && (m = f));
1087
1091
  }
1088
1092
  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++)
1093
+ for (var v = Math.min(Math.max(d, m + i - 1), n - 1), g = d + 1; g <= v && !t(g); g++)
1090
1094
  d = g;
1091
1095
  l.push(m, d);
1092
1096
  }
1093
1097
  if (l.length)
1094
- for (; l[1] - l[0] + 1 < s && l[0] > 0; ) {
1098
+ for (; l[1] - l[0] + 1 < i && l[0] > 0; ) {
1095
1099
  var T = l[0] - 1;
1096
1100
  if (!t(T))
1097
1101
  l[0] = T;
@@ -1100,20 +1104,20 @@ function os(e) {
1100
1104
  }
1101
1105
  return l;
1102
1106
  }
1103
- var as = function(e, t) {
1107
+ var li = function(e, t) {
1104
1108
  if (!(e instanceof t))
1105
1109
  throw new TypeError("Cannot call a class as a function");
1106
- }, ls = function() {
1110
+ }, ci = function() {
1107
1111
  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);
1112
+ for (var i = 0; i < n.length; i++) {
1113
+ var s = n[i];
1114
+ s.enumerable = s.enumerable || !1, s.configurable = !0, "value" in s && (s.writable = !0), Object.defineProperty(t, s.key, s);
1111
1115
  }
1112
1116
  }
1113
- return function(t, n, s) {
1114
- return n && e(t.prototype, n), s && e(t, s), t;
1117
+ return function(t, n, i) {
1118
+ return n && e(t.prototype, n), i && e(t, i), t;
1115
1119
  };
1116
- }(), cs = function(e, t) {
1120
+ }(), di = function(e, t) {
1117
1121
  if (typeof t != "function" && t !== null)
1118
1122
  throw new TypeError("Super expression must either be null or a function, not " + typeof t);
1119
1123
  e.prototype = Object.create(t && t.prototype, {
@@ -1128,25 +1132,25 @@ var as = function(e, t) {
1128
1132
  if (!e)
1129
1133
  throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
1130
1134
  return t && (typeof t == "object" || typeof t == "function") ? t : e;
1131
- }, ds = function(e) {
1132
- cs(t, e);
1135
+ }, ui = function(e) {
1136
+ di(t, e);
1133
1137
  function t() {
1134
- var n, s, i, c;
1135
- as(this, t);
1138
+ var n, i, s, c;
1139
+ li(this, t);
1136
1140
  for (var l = arguments.length, m = Array(l), d = 0; d < l; d++)
1137
1141
  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) {
1142
+ 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
1143
  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);
1144
+ s._lastRenderedStartIndex = A, s._lastRenderedStopIndex = v, s._ensureRowsLoaded(A, v);
1145
+ }, s._setRef = function(f) {
1146
+ s._listRef = f;
1147
+ }, i), Te(s, c);
1144
1148
  }
1145
- return ls(t, [{
1149
+ return ci(t, [{
1146
1150
  key: "resetloadMoreItemsCache",
1147
1151
  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);
1152
+ var i = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : !1;
1153
+ this._memoizedUnloadedRanges = [], i && this._ensureRowsLoaded(this._lastRenderedStartIndex, this._lastRenderedStopIndex);
1150
1154
  }
1151
1155
  }, {
1152
1156
  key: "componentDidMount",
@@ -1155,21 +1159,21 @@ var as = function(e, t) {
1155
1159
  }, {
1156
1160
  key: "render",
1157
1161
  value: function() {
1158
- var s = this.props.children;
1159
- return s({
1162
+ var i = this.props.children;
1163
+ return i({
1160
1164
  onItemsRendered: this._onItemsRendered,
1161
1165
  ref: this._setRef
1162
1166
  });
1163
1167
  }
1164
1168
  }, {
1165
1169
  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({
1170
+ value: function(i, s) {
1171
+ 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 = ai({
1168
1172
  isItemLoaded: l,
1169
1173
  itemCount: m,
1170
1174
  minimumBatchSize: f,
1171
- startIndex: Math.max(0, s - v),
1172
- stopIndex: Math.min(m - 1, i + v)
1175
+ startIndex: Math.max(0, i - v),
1176
+ stopIndex: Math.min(m - 1, s + v)
1173
1177
  });
1174
1178
  (this._memoizedUnloadedRanges.length !== g.length || this._memoizedUnloadedRanges.some(function(T, D) {
1175
1179
  return g[D] !== T;
@@ -1177,102 +1181,102 @@ var as = function(e, t) {
1177
1181
  }
1178
1182
  }, {
1179
1183
  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);
1184
+ value: function(i) {
1185
+ for (var s = this, c = this.props.loadMoreItems || this.props.loadMoreRows, l = function(f) {
1186
+ var A = i[f], v = i[f + 1], g = c(A, v);
1183
1187
  g != null && g.then(function() {
1184
- if (rs({
1185
- lastRenderedStartIndex: i._lastRenderedStartIndex,
1186
- lastRenderedStopIndex: i._lastRenderedStopIndex,
1188
+ if (oi({
1189
+ lastRenderedStartIndex: s._lastRenderedStartIndex,
1190
+ lastRenderedStopIndex: s._lastRenderedStopIndex,
1187
1191
  startIndex: A,
1188
1192
  stopIndex: v
1189
1193
  })) {
1190
- if (i._listRef == null)
1194
+ if (s._listRef == null)
1191
1195
  return;
1192
- typeof i._listRef.resetAfterIndex == "function" ? i._listRef.resetAfterIndex(A, !0) : (typeof i._listRef._getItemStyleCache == "function" && i._listRef._getItemStyleCache(-1), i._listRef.forceUpdate());
1196
+ typeof s._listRef.resetAfterIndex == "function" ? s._listRef.resetAfterIndex(A, !0) : (typeof s._listRef._getItemStyleCache == "function" && s._listRef._getItemStyleCache(-1), s._listRef.forceUpdate());
1193
1197
  }
1194
1198
  });
1195
- }, m = 0; m < s.length; m += 2)
1199
+ }, m = 0; m < i.length; m += 2)
1196
1200
  l(m);
1197
1201
  }
1198
1202
  }]), t;
1199
- }(je);
1200
- const us = /* @__PURE__ */ a("div")({
1203
+ }(ze);
1204
+ const pi = /* @__PURE__ */ a("div")({
1201
1205
  name: "Container",
1202
1206
  class: "culdu4a",
1203
1207
  propsAsIs: !1
1204
- }), ps = /* @__PURE__ */ a("div")({
1208
+ }), mi = /* @__PURE__ */ a("div")({
1205
1209
  name: "Position",
1206
1210
  class: "pwf8e69",
1207
1211
  propsAsIs: !1
1208
- }), ms = /* @__PURE__ */ a("img")({
1212
+ }), hi = /* @__PURE__ */ a("img")({
1209
1213
  name: "Avatar",
1210
1214
  class: "atf4yh4",
1211
1215
  propsAsIs: !1
1212
- }), hs = /* @__PURE__ */ a("div")({
1216
+ }), Ii = /* @__PURE__ */ a("div")({
1213
1217
  name: "AvatarPlaceholder",
1214
1218
  class: "a1dg29ja",
1215
1219
  propsAsIs: !1
1216
- }), Is = /* @__PURE__ */ a("div")({
1220
+ }), fi = /* @__PURE__ */ a("div")({
1217
1221
  name: "Content",
1218
1222
  class: "c10a68rc",
1219
1223
  propsAsIs: !1
1220
- }), fs = /* @__PURE__ */ a("div")({
1224
+ }), gi = /* @__PURE__ */ a("div")({
1221
1225
  name: "NameContainer",
1222
1226
  class: "nc4kck5",
1223
1227
  propsAsIs: !1
1224
- }), gs = /* @__PURE__ */ a("span")({
1228
+ }), Mi = /* @__PURE__ */ a("span")({
1225
1229
  name: "Name",
1226
1230
  class: "njsrqgr",
1227
1231
  propsAsIs: !1
1228
- }), Ms = () => j, vs = /* @__PURE__ */ a(Ms())({
1232
+ }), vi = () => j, yi = /* @__PURE__ */ a(vi())({
1229
1233
  name: "CurrentUserBadge",
1230
1234
  class: "c17uc4zr",
1231
1235
  propsAsIs: !0
1232
- }), ys = ({
1236
+ }), Ni = ({
1233
1237
  rank: e,
1234
1238
  avatar: t,
1235
1239
  name: n,
1236
- points: s,
1237
- isCurrentUser: i,
1240
+ points: i,
1241
+ isCurrentUser: s,
1238
1242
  openItemDetail: c,
1239
1243
  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" })
1244
+ }) => /* @__PURE__ */ I(pi, { onClick: c, style: l, children: [
1245
+ /* @__PURE__ */ r(mi, { children: e || 0 }),
1246
+ /* @__PURE__ */ I(fi, { children: [
1247
+ t ? /* @__PURE__ */ r(hi, { alt: "leaderboard-item-avatar", src: t }) : /* @__PURE__ */ r(Ii, { children: je(n || "") }),
1248
+ /* @__PURE__ */ I(gi, { children: [
1249
+ /* @__PURE__ */ r(Mi, { children: n || "" }),
1250
+ s && /* @__PURE__ */ r(yi, { name: "icon-star" })
1247
1251
  ] })
1248
1252
  ] }),
1249
- /* @__PURE__ */ r("div", { children: xe(s) })
1250
- ] }), Ns = /* @__PURE__ */ a("div")({
1253
+ /* @__PURE__ */ r("div", { children: ke(i) })
1254
+ ] }), Ai = /* @__PURE__ */ a("div")({
1251
1255
  name: "ScrollContainer",
1252
1256
  class: "s13d8sg6",
1253
1257
  propsAsIs: !1
1254
- }), As = ({
1258
+ }), Ti = ({
1255
1259
  items: e,
1256
1260
  currentUserId: t,
1257
1261
  openItemDetail: n,
1258
- fetchMore: s
1259
- }) => /* @__PURE__ */ r(Be, { children: ({ width: i, height: c }) => /* @__PURE__ */ r(
1260
- ds,
1262
+ fetchMore: i
1263
+ }) => /* @__PURE__ */ r(Fe, { children: ({ width: s, height: c }) => /* @__PURE__ */ r(
1264
+ ui,
1261
1265
  {
1262
1266
  isItemLoaded: (l) => l < e.length,
1263
1267
  itemCount: e.length + 1,
1264
- loadMoreItems: s,
1265
- children: ({ onItemsRendered: l, ref: m }) => /* @__PURE__ */ r(Ns, { children: /* @__PURE__ */ r(
1266
- is,
1268
+ loadMoreItems: i,
1269
+ children: ({ onItemsRendered: l, ref: m }) => /* @__PURE__ */ r(Ai, { children: /* @__PURE__ */ r(
1270
+ ri,
1267
1271
  {
1268
1272
  itemSize: 56,
1269
1273
  onItemsRendered: l,
1270
1274
  ref: m,
1271
1275
  itemCount: e.length,
1272
- width: i,
1276
+ width: s,
1273
1277
  height: c,
1274
1278
  children: ({ index: d, style: f }) => /* @__PURE__ */ r(
1275
- ys,
1279
+ Ni,
1276
1280
  {
1277
1281
  style: { ...f, maxHeight: 48 },
1278
1282
  ...e[d],
@@ -1284,10 +1288,10 @@ const us = /* @__PURE__ */ a("div")({
1284
1288
  }
1285
1289
  ) })
1286
1290
  }
1287
- ) }), Ts = ({ deepLink: e }) => {
1291
+ ) }), Di = ({ deepLink: e }) => {
1288
1292
  const { data: t } = w(e.$store);
1289
1293
  return /* @__PURE__ */ r(
1290
- He,
1294
+ Ve,
1291
1295
  {
1292
1296
  inviteLink: t == null ? void 0 : t.url,
1293
1297
  socialLinks: [
@@ -1306,119 +1310,119 @@ const us = /* @__PURE__ */ a("div")({
1306
1310
  inviteCardSubtext: "Invite and compete against your friends for the top spot on the leaderboard."
1307
1311
  }
1308
1312
  );
1309
- }, Ds = ({ gamification: e }) => {
1313
+ }, Si = ({ gamification: e }) => {
1310
1314
  const { data: t } = w(e.leaderboardList.$store);
1311
1315
  return t != null && t.length ? /* @__PURE__ */ r(
1312
- As,
1316
+ Ti,
1313
1317
  {
1314
1318
  fetchMore: e.leaderboardList.fetchMore,
1315
1319
  items: t,
1316
1320
  openItemDetail: e.openUser,
1317
1321
  currentUserId: e.currentUserId.get()
1318
1322
  }
1319
- ) : /* @__PURE__ */ r(Ts, { deepLink: e.deepLink });
1320
- }, Ss = /* @__PURE__ */ a("div")({
1323
+ ) : /* @__PURE__ */ r(Di, { deepLink: e.deepLink });
1324
+ }, zi = /* @__PURE__ */ a("div")({
1321
1325
  name: "QuestionItem",
1322
1326
  class: "q1w97g3p",
1323
1327
  propsAsIs: !1
1324
- }), zs = /* @__PURE__ */ a("div")({
1328
+ }), xi = /* @__PURE__ */ a("div")({
1325
1329
  name: "QuestionCaption",
1326
1330
  class: "q2sl39u",
1327
1331
  propsAsIs: !1
1328
- }), xs = /* @__PURE__ */ a("div")({
1332
+ }), ji = /* @__PURE__ */ a("div")({
1329
1333
  name: "QuestionBody",
1330
1334
  class: "qd5h0uc",
1331
1335
  propsAsIs: !1
1332
- }), js = /* @__PURE__ */ a("div")({
1336
+ }), ki = /* @__PURE__ */ a("div")({
1333
1337
  name: "QuestionAction",
1334
1338
  class: "q105uluy",
1335
1339
  propsAsIs: !1
1336
- }), ks = () => j, V = /* @__PURE__ */ a(ks())({
1340
+ }), Oi = () => j, V = /* @__PURE__ */ a(Oi())({
1337
1341
  name: "QuestionActionIcon",
1338
1342
  class: "q1fa0b9h",
1339
1343
  propsAsIs: !0
1340
- }), Os = () => j, ws = /* @__PURE__ */ a(Os())({
1344
+ }), wi = () => j, Ci = /* @__PURE__ */ a(wi())({
1341
1345
  name: "QuestionTypeIcon",
1342
1346
  class: "qxlt78s",
1343
1347
  propsAsIs: !0
1344
- }), Cs = /* @__PURE__ */ a("div")({
1348
+ }), bi = /* @__PURE__ */ a("div")({
1345
1349
  name: "QuestionTypeLabel",
1346
1350
  class: "qmg0vkx",
1347
1351
  propsAsIs: !1
1348
- }), bs = /* @__PURE__ */ a("div")({
1352
+ }), $i = /* @__PURE__ */ a("div")({
1349
1353
  name: "QuestionContent",
1350
1354
  class: "q1uz5j1g",
1351
1355
  propsAsIs: !1
1352
- }), $s = /* @__PURE__ */ a("button")({
1356
+ }), Ei = /* @__PURE__ */ a("button")({
1353
1357
  name: "PlayButton",
1354
1358
  class: "p1pba9p1",
1355
1359
  propsAsIs: !1
1356
- }), Es = {
1360
+ }), Li = {
1357
1361
  [W.LOST]: /* @__PURE__ */ r(V, { name: "icon-cross" }),
1358
1362
  [W.WON]: /* @__PURE__ */ r(V, { name: "icon-check" }),
1359
1363
  [W.UNSET]: /* @__PURE__ */ r(V, { name: "icon-arrow" }),
1360
1364
  [W.DNP]: /* @__PURE__ */ r(V, { name: "icon-arrow" })
1361
- }, Ls = ({
1365
+ }, Ri = ({
1362
1366
  questionId: e,
1363
1367
  questionType: t,
1364
1368
  questionStatus: n,
1365
- subject: s,
1366
- openForVoting: i,
1369
+ subject: i,
1370
+ openForVoting: s,
1367
1371
  openQuestion: c,
1368
1372
  status: l
1369
1373
  }) => {
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: [
1374
+ const m = Se[t], d = Li[l];
1375
+ return m ? /* @__PURE__ */ I(zi, { onClick: () => c == null ? void 0 : c(e), children: [
1376
+ /* @__PURE__ */ I($i, { children: [
1377
+ /* @__PURE__ */ I(xi, { children: [
1378
+ /* @__PURE__ */ r(Ci, { name: m.iconName }),
1379
+ /* @__PURE__ */ I(bi, { children: [
1376
1380
  m.label,
1377
1381
  t === x.TRIVIA && n === _.RESOLVED && " • Expired"
1378
1382
  ] })
1379
1383
  ] }),
1380
- /* @__PURE__ */ r(xs, { children: s || "" })
1384
+ /* @__PURE__ */ r(ji, { children: i || "" })
1381
1385
  ] }),
1382
- /* @__PURE__ */ r(js, { children: i ? /* @__PURE__ */ r($s, { children: "Play" }) : d })
1386
+ /* @__PURE__ */ r(ki, { children: s ? /* @__PURE__ */ r(Ei, { children: "Play" }) : d })
1383
1387
  ] }) : null;
1384
- }, Rs = /* @__PURE__ */ a("div")({
1388
+ }, Qi = /* @__PURE__ */ a("div")({
1385
1389
  name: "Container",
1386
1390
  class: "cll3md7",
1387
1391
  propsAsIs: !1
1388
- }), Qs = /* @__PURE__ */ a("button")({
1392
+ }), Ui = /* @__PURE__ */ a("button")({
1389
1393
  name: "ActionBtn",
1390
1394
  class: "a10g1iik",
1391
1395
  propsAsIs: !1
1392
- }), Us = ({
1396
+ }), _i = ({
1393
1397
  openInsight: e,
1394
1398
  questionId: t,
1395
1399
  ...n
1396
- }) => /* @__PURE__ */ I(Rs, { children: [
1400
+ }) => /* @__PURE__ */ I(Qi, { children: [
1397
1401
  /* @__PURE__ */ r($e, { questionId: t, ...n }),
1398
- e && /* @__PURE__ */ r(Qs, { onClick: () => e(t), children: "View Insight" })
1399
- ] }), _s = /* @__PURE__ */ a("div")({
1402
+ e && /* @__PURE__ */ r(Ui, { onClick: () => e(t), children: "View Insight" })
1403
+ ] }), qi = /* @__PURE__ */ a("div")({
1400
1404
  name: "QuestionsContainer",
1401
1405
  class: "qvghv3l",
1402
1406
  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") {
1407
+ }), Pi = ({ questions: e, openQuestion: t }) => /* @__PURE__ */ r(qi, { children: e == null ? void 0 : e.map((n) => {
1408
+ var i, s;
1409
+ if (n.type === "question" && ((i = n.attributes) == null ? void 0 : i.attributes.case) === "question") {
1406
1410
  const c = n.attributes.attributes.value;
1407
- return /* @__PURE__ */ r(Ls, { openQuestion: t, ...c }, c.questionId);
1411
+ return /* @__PURE__ */ r(Ri, { openQuestion: t, ...c }, c.questionId);
1408
1412
  }
1409
- if (n.type === "insight" && ((i = n.attributes) == null ? void 0 : i.attributes.case) === "insight") {
1413
+ if (n.type === "insight" && ((s = n.attributes) == null ? void 0 : s.attributes.case) === "insight") {
1410
1414
  const c = n.attributes.attributes.value;
1411
- return /* @__PURE__ */ r(Us, { openInsight: t, ...c }, c.questionId);
1415
+ return /* @__PURE__ */ r(_i, { openInsight: t, ...c }, c.questionId);
1412
1416
  }
1413
1417
  return null;
1414
- }) }), Ps = ({ store: e, openQuestion: t }) => {
1418
+ }) }), Yi = ({ store: e, openQuestion: t }) => {
1415
1419
  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 }) => {
1420
+ return n != null && n.data ? /* @__PURE__ */ r(Pi, { openQuestion: t, questions: n.data }) : /* @__PURE__ */ r("div", { children: "wait questions..." });
1421
+ }, Wi = ({ userSummary: e }) => {
1418
1422
  var t, n;
1419
- const s = w(e.getStore());
1420
- return (t = s.data) != null && t.summary ? /* @__PURE__ */ r(Oe, { ...s.data.summary, successRate: (n = s.data.percentage) == null ? void 0 : n.correct }) : /* @__PURE__ */ r("div", { children: "wait user..." });
1421
- }, Ws = ({
1423
+ const i = w(e.getStore());
1424
+ 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..." });
1425
+ }, Fi = ({
1422
1426
  gamification: e
1423
1427
  }) => {
1424
1428
  const [t, n] = L(H.HOME);
@@ -1433,78 +1437,78 @@ const us = /* @__PURE__ */ a("div")({
1433
1437
  style: {
1434
1438
  paddingBottom: "4px"
1435
1439
  },
1436
- children: /* @__PURE__ */ r(Hn, {
1440
+ children: /* @__PURE__ */ r(Gn, {
1437
1441
  activePage: t,
1438
1442
  toggleActivePage: n
1439
1443
  })
1440
- }), t === H.HOME && /* @__PURE__ */ I(se, {
1444
+ }), t === H.HOME && /* @__PURE__ */ I(ie, {
1441
1445
  children: [/* @__PURE__ */ r(ee, {
1442
1446
  style: {
1443
1447
  paddingTop: "12px"
1444
1448
  },
1445
- children: /* @__PURE__ */ r(Ys, {
1449
+ children: /* @__PURE__ */ r(Wi, {
1446
1450
  userSummary: e.userSummary
1447
1451
  })
1448
- }), /* @__PURE__ */ r(Ge, {
1449
- children: /* @__PURE__ */ r(Ps, {
1452
+ }), /* @__PURE__ */ r(Be, {
1453
+ children: /* @__PURE__ */ r(Yi, {
1450
1454
  openQuestion: e.openQuestion,
1451
1455
  store: e.feedList.getStore()
1452
1456
  })
1453
1457
  })]
1454
1458
  }), t === H.LEADERBOARD && /* @__PURE__ */ r("div", {
1455
1459
  className: "c1bp9dj2",
1456
- children: /* @__PURE__ */ r(Ds, {
1460
+ children: /* @__PURE__ */ r(Si, {
1457
1461
  gamification: e
1458
1462
  })
1459
1463
  })]
1460
1464
  });
1461
- }, Fs = () => Ze, De = /* @__PURE__ */ a(Fs())({
1465
+ }, Vi = () => He, De = /* @__PURE__ */ a(Vi())({
1462
1466
  name: "OpenedContainer",
1463
1467
  class: "oar61gl",
1464
1468
  propsAsIs: !0
1465
- }), Vs = /* @__PURE__ */ a("div")({
1469
+ }), Bi = /* @__PURE__ */ a("div")({
1466
1470
  name: "UserContainer",
1467
1471
  class: "u14zaal4",
1468
1472
  propsAsIs: !1
1469
- }), Bs = ({
1473
+ }), Hi = ({
1470
1474
  correct: e,
1471
1475
  incorrect: t
1472
1476
  }) => {
1473
1477
  const n = e + t;
1474
1478
  return n === 0 ? 0 : Math.round(e / n * 100);
1475
- }, Js = ({
1479
+ }, Ki = ({
1476
1480
  gamification: e,
1477
1481
  className: t
1478
1482
  }) => {
1479
- const n = w(e.openedQuestion.$store), s = w(e.openedUser);
1483
+ const n = w(e.openedQuestion.$store), i = w(e.openedUser);
1480
1484
  return /* @__PURE__ */ I($, {
1481
1485
  children: [n && /* @__PURE__ */ r(De, {
1482
1486
  className: t,
1483
- children: /* @__PURE__ */ r(Yn, {
1487
+ children: /* @__PURE__ */ r(Wn, {
1484
1488
  gamification: e
1485
1489
  })
1486
- }), s && /* @__PURE__ */ r(De, {
1490
+ }), i && /* @__PURE__ */ r(De, {
1487
1491
  className: t,
1488
- children: /* @__PURE__ */ I(Vs, {
1489
- children: [/* @__PURE__ */ r(ke, {
1492
+ children: /* @__PURE__ */ I(Bi, {
1493
+ children: [/* @__PURE__ */ r(xe, {
1490
1494
  label: "Friend's Rank",
1491
1495
  close: e.closeUser
1492
1496
  }), /* @__PURE__ */ r(ee, {
1493
1497
  children: /* @__PURE__ */ r(Oe, {
1494
- ...s,
1495
- successRate: Bs(s)
1498
+ ...i,
1499
+ successRate: Hi(i)
1496
1500
  })
1497
1501
  })]
1498
1502
  })
1499
- }), /* @__PURE__ */ r(se, {
1503
+ }), /* @__PURE__ */ r(ie, {
1500
1504
  className: t,
1501
1505
  "data-nav": "true",
1502
- children: /* @__PURE__ */ r(Ws, {
1506
+ children: /* @__PURE__ */ r(Fi, {
1503
1507
  gamification: e
1504
1508
  })
1505
1509
  })]
1506
1510
  });
1507
1511
  };
1508
1512
  export {
1509
- Js as default
1513
+ Ki as default
1510
1514
  };