@streamlayer/react 0.35.0 → 0.36.2

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,61 +1,61 @@
1
- var Ue = Object.defineProperty;
2
- var Ye = (e, t, s) => t in e ? Ue(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s;
3
- var te = (e, t, s) => (Ye(e, typeof t != "symbol" ? t + "" : t, s), s);
4
- import { jsxs as u, jsx as n, Fragment as S } from "react/jsx-runtime";
5
- import { s as o, c as f, Q as N, o as Te, a as $, b as B, d as ne, E as U, i as Pe, w as qe, j as Ae, u as Y, g as Ve, O as We, P as H, e as _e, p as Be, C as Fe, n as je, f as Ze, l as He, h as de, x as Ge } from "./masters.js";
6
- import V, { useRef as R, useState as w, useCallback as W, useEffect as ee, useLayoutEffect as Je, useMemo as k, PureComponent as Xe, Component as Ke, useTransition as et } from "react";
7
- const tt = /* @__PURE__ */ o("div")({
1
+ var _e = Object.defineProperty;
2
+ var Qe = (e, t, s) => t in e ? _e(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s;
3
+ var te = (e, t, s) => (Qe(e, typeof t != "symbol" ? t + "" : t, s), s);
4
+ import { jsxs as p, jsx as n, Fragment as P } from "react/jsx-runtime";
5
+ import { s as o, c as T, Q as f, o as Ae, a as O, b as F, d as ne, E as _, e as je, w as Ue, j as $e, u as Q, g as We, f as ze, K as Be, P as Z, h as Fe, p as He, C as Ye, n as ye, i as Ze, l as Ge, Y as de, k as Ke } from "./masters.js";
6
+ import W, { useRef as V, useState as N, useCallback as z, useEffect as ee, useLayoutEffect as Je, useMemo as q, PureComponent as Xe, Component as et, useTransition as tt } from "react";
7
+ const st = /* @__PURE__ */ o("div")({
8
8
  name: "Container",
9
9
  class: "c1vwopgc",
10
10
  propsAsIs: !1
11
- }), st = /* @__PURE__ */ o("div")({
11
+ }), nt = /* @__PURE__ */ o("div")({
12
12
  name: "QuestionTypeWrap",
13
13
  class: "qyktpt0",
14
14
  propsAsIs: !1
15
- }), nt = () => f, it = /* @__PURE__ */ o(nt())({
15
+ }), it = () => T, rt = /* @__PURE__ */ o(it())({
16
16
  name: "QuestionTypeIcon",
17
17
  class: "q951jdx",
18
18
  propsAsIs: !0
19
- }), rt = /* @__PURE__ */ o("span")({
19
+ }), ot = /* @__PURE__ */ o("span")({
20
20
  name: "QuestionTypeTitle",
21
21
  class: "qss5f0e",
22
22
  propsAsIs: !1
23
- }), ot = /* @__PURE__ */ o("button")({
23
+ }), at = /* @__PURE__ */ o("button")({
24
24
  name: "CloseButton",
25
25
  class: "c1ao1jtv",
26
26
  propsAsIs: !1
27
- }), at = () => f, lt = /* @__PURE__ */ o(at())({
27
+ }), lt = () => T, ct = /* @__PURE__ */ o(lt())({
28
28
  name: "CloseIcon",
29
29
  class: "cvsl7l3",
30
30
  propsAsIs: !0
31
- }), ye = ({ type: e, close: t, label: s }) => {
32
- const i = e ? Te[e] : { label: s, iconName: void 0 };
33
- return /* @__PURE__ */ u(tt, { children: [
34
- /* @__PURE__ */ u(st, { children: [
35
- (i == null ? void 0 : i.iconName) && /* @__PURE__ */ n(
36
- it,
31
+ }), be = ({ type: e, close: t, label: s }) => {
32
+ const r = e ? Ae[e] : { label: s, iconName: void 0 };
33
+ return /* @__PURE__ */ p(st, { children: [
34
+ /* @__PURE__ */ p(nt, { children: [
35
+ (r == null ? void 0 : r.iconName) && /* @__PURE__ */ n(
36
+ rt,
37
37
  {
38
- "data-type-trivia": e === N.TRIVIA,
39
- "data-type-poll": e === N.POLL,
40
- name: i.iconName
38
+ "data-type-trivia": e === f.TRIVIA,
39
+ "data-type-poll": e === f.POLL,
40
+ name: r.iconName
41
41
  }
42
42
  ),
43
- (i == null ? void 0 : i.label) && /* @__PURE__ */ n(rt, { children: i.label })
43
+ (r == null ? void 0 : r.label) && /* @__PURE__ */ n(ot, { children: r.label })
44
44
  ] }),
45
- /* @__PURE__ */ n(ot, { onClick: t, children: /* @__PURE__ */ n(lt, { name: "icon-cross" }) })
45
+ /* @__PURE__ */ n(at, { onClick: t, children: /* @__PURE__ */ n(ct, { name: "icon-cross" }) })
46
46
  ] });
47
- }, ve = (e) => e.split(/\s+/).map((t) => t[0]).join("").toUpperCase(), fe = (e) => e ? e.toLocaleString("en-US") : "0", re = (e) => e.toLocaleDateString("en-US", {
47
+ }, we = (e) => e.split(/\s+/).map((t) => t[0]).join("").toUpperCase(), Te = (e) => e ? e.toLocaleString("en-US") : "0", re = (e) => e.toLocaleDateString("en-US", {
48
48
  weekday: "short",
49
49
  month: "short",
50
50
  day: "numeric"
51
51
  }), oe = (e) => e.toLocaleTimeString("en-US", {
52
52
  hour: "2-digit",
53
53
  minute: "2-digit"
54
- }), ae = (e) => !isNaN(e.getTime()), ct = /* @__PURE__ */ o("div")({
54
+ }), ae = (e) => !isNaN(e.getTime()), dt = /* @__PURE__ */ o("div")({
55
55
  name: "Container",
56
56
  class: "c1zy8a",
57
57
  propsAsIs: !1
58
- }), dt = /* @__PURE__ */ o("div")({
58
+ }), pt = /* @__PURE__ */ o("div")({
59
59
  name: "Title",
60
60
  class: "t1vih9p5",
61
61
  propsAsIs: !1
@@ -63,33 +63,33 @@ const tt = /* @__PURE__ */ o("div")({
63
63
  name: "Indicator",
64
64
  class: "i1fbnvpb",
65
65
  propsAsIs: !1
66
- }), ue = ({ indicator: e, title: t }) => /* @__PURE__ */ u(ct, { children: [
67
- /* @__PURE__ */ n(dt, { children: t }),
66
+ }), pe = ({ indicator: e, title: t }) => /* @__PURE__ */ p(dt, { children: [
67
+ /* @__PURE__ */ n(pt, { children: t }),
68
68
  /* @__PURE__ */ n(ut, { children: e })
69
- ] }), pt = /* @__PURE__ */ o("div")({
69
+ ] }), ht = /* @__PURE__ */ o("div")({
70
70
  name: "Container",
71
71
  class: "ctmhwyc",
72
72
  propsAsIs: !1
73
- }), Mt = /* @__PURE__ */ o("div")({
73
+ }), mt = /* @__PURE__ */ o("div")({
74
74
  name: "Indicator",
75
75
  class: "i1jri200",
76
76
  propsAsIs: !1
77
- }), It = /* @__PURE__ */ o("div")({
77
+ }), vt = /* @__PURE__ */ o("div")({
78
78
  name: "Title",
79
79
  class: "t8s05oq",
80
80
  propsAsIs: !1
81
- }), G = ({ indicator: e, title: t }) => /* @__PURE__ */ u(pt, { children: [
82
- /* @__PURE__ */ n(Mt, { children: e }),
83
- /* @__PURE__ */ n(It, { children: t })
84
- ] }), ht = /* @__PURE__ */ o("div")({
81
+ }), G = ({ indicator: e, title: t }) => /* @__PURE__ */ p(ht, { children: [
82
+ /* @__PURE__ */ n(mt, { children: e }),
83
+ /* @__PURE__ */ n(vt, { children: t })
84
+ ] }), ft = /* @__PURE__ */ o("div")({
85
85
  name: "Container",
86
86
  class: "c1yrpn9o",
87
87
  propsAsIs: !1
88
- }), Nt = /* @__PURE__ */ o("div")({
88
+ }), It = /* @__PURE__ */ o("div")({
89
89
  name: "TopInfo",
90
90
  class: "t17fwahh",
91
91
  propsAsIs: !1
92
- }), mt = /* @__PURE__ */ o("div")({
92
+ }), Ct = /* @__PURE__ */ o("div")({
93
93
  name: "BottomInfo",
94
94
  class: "by6w7e9",
95
95
  propsAsIs: !1
@@ -97,39 +97,39 @@ const tt = /* @__PURE__ */ o("div")({
97
97
  name: "User",
98
98
  class: "u1g7arbm",
99
99
  propsAsIs: !1
100
- }), Dt = /* @__PURE__ */ o("img")({
100
+ }), At = /* @__PURE__ */ o("img")({
101
101
  name: "Avatar",
102
102
  class: "a1ldeata",
103
103
  propsAsIs: !1
104
- }), Tt = /* @__PURE__ */ o("div")({
104
+ }), $t = /* @__PURE__ */ o("div")({
105
105
  name: "UserInfo",
106
106
  class: "u10d4koz",
107
107
  propsAsIs: !1
108
- }), At = /* @__PURE__ */ o("div")({
108
+ }), yt = /* @__PURE__ */ o("div")({
109
109
  name: "UserName",
110
110
  class: "u1q6roj0",
111
111
  propsAsIs: !1
112
- }), jt = /* @__PURE__ */ o("div")({
112
+ }), bt = /* @__PURE__ */ o("div")({
113
113
  name: "UserRating",
114
114
  class: "ui0m425",
115
115
  propsAsIs: !1
116
- }), yt = /* @__PURE__ */ o("img")({
116
+ }), wt = /* @__PURE__ */ o("img")({
117
117
  name: "TrophyIcon",
118
118
  class: "t1el3mrn",
119
119
  propsAsIs: !1
120
- }), vt = /* @__PURE__ */ o("div")({
120
+ }), Tt = /* @__PURE__ */ o("div")({
121
121
  name: "Rts",
122
122
  class: "r2vgnxv",
123
123
  propsAsIs: !1
124
- }), ft = /* @__PURE__ */ o("div")({
124
+ }), Rt = /* @__PURE__ */ o("div")({
125
125
  name: "RtsIndicator",
126
126
  class: "roqn06j",
127
127
  propsAsIs: !1
128
- }), xt = /* @__PURE__ */ o("div")({
128
+ }), St = /* @__PURE__ */ o("div")({
129
129
  name: "RtsLabel",
130
130
  class: "r15adx7c",
131
131
  propsAsIs: !1
132
- }), Et = /* @__PURE__ */ o("div")({
132
+ }), kt = /* @__PURE__ */ o("div")({
133
133
  name: "Divider",
134
134
  class: "dv59lta",
135
135
  propsAsIs: !1
@@ -137,47 +137,47 @@ const tt = /* @__PURE__ */ o("div")({
137
137
  name: "Ranks",
138
138
  class: "r55lotb",
139
139
  propsAsIs: !1
140
- }), zt = /* @__PURE__ */ o("div")({
140
+ }), Et = /* @__PURE__ */ o("div")({
141
141
  name: "Statistics",
142
142
  class: "s1knfgqt",
143
143
  propsAsIs: !1
144
- }), Ot = /* @__PURE__ */ o("div")({
144
+ }), xt = /* @__PURE__ */ o("div")({
145
145
  name: "AvatarPlaceholder",
146
146
  class: "a1mqo824",
147
147
  propsAsIs: !1
148
- }), Ct = /* @__PURE__ */ o("button")({
148
+ }), Pt = /* @__PURE__ */ o("button")({
149
149
  name: "UserAccountBtn",
150
150
  class: "uxareh6",
151
151
  propsAsIs: !1
152
- }), St = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlRyb3BoeSI+CjxwYXRoIGlkPSJDb21iaW5lZCBTaGFwZSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zLjY5MTk3IDQuNjY2NjJDMy42OTE5NyA1Ljk5NzA1IDMuOTI5MTQgNy4xNzc4NyA0LjQwMzUgOC4yMDkxMkMzLjQ5OTY2IDguMDI0NTEgMi43NDQ4NyA3LjY2NDg2IDIuMTM5MSA3LjEzMDE0QzEuNTMzMzMgNi41OTU0MiAxLjIzMDQ2IDYuMDc5OCAxLjIzMDQ2IDUuNTgzMjhWNC42NjY2MkgzLjY5MTk3Wk0xNC43Njg2IDQuNjY2NjJWNS41ODMyOEMxNC43Njg2IDYuMDc5OCAxNC40NjU4IDYuNTk1NDIgMTMuODYgNy4xMzAxNEMxMy4yNTQyIDcuNjY0ODYgMTIuNDk5NCA4LjAyNDUxIDExLjU5NTYgOC4yMDkxMkMxMi4wNjk5IDcuMTc3ODcgMTIuMzA3MSA1Ljk5NzA1IDEyLjMwNzEgNC42NjY2MkgxNC43Njg2Wk0xNS45OTk4IDUuNTgzMjlWNC4zNjEwOEMxNS45OTk4IDQuMTA2NDUgMTUuOTEwMSAzLjg5MDAyIDE1LjczMDYgMy43MTE3OEMxNS41NTExIDMuNTMzNTQgMTUuMzMzMiAzLjQ0NDQyIDE1LjA3NjggMy40NDQ0MkgxMi4zMDc2VjIuNTI3NzZDMTIuMzA3NiAyLjEwNzYzIDEyLjE1NjkgMS43NDc5NyAxMS44NTU2IDEuNDQ4NzhDMTEuNTU0NCAxLjE0OTU5IDExLjE5MjIgMSAxMC43NjkxIDFINS4yMzA3MkM0LjgwNzY0IDEgNC40NDU0NyAxLjE0OTU5IDQuMTQ0MTkgMS40NDg3OEMzLjg0MjkxIDEuNzQ3OTcgMy42OTIyNyAyLjEwNzYzIDMuNjkyMjcgMi41Mjc3NlYzLjQ0NDQySDAuOTIzMDY4QzAuNjY2NjU5IDMuNDQ0NDIgMC40NDg3MTQgMy41MzM1NCAwLjI2OTIyOCAzLjcxMTc4QzAuMDg5NzQxOCAzLjg5MDAyIDAgNC4xMDY0NSAwIDQuMzYxMDhWNS41ODMyOUMwIDYuMDM1MjUgMC4xMzMwMSA2LjQ5MDM5IDAuMzk5MDM0IDYuOTQ4NzJDMC42NjUwNTkgNy40MDcwNSAxLjAyNDAzIDcuODIwODIgMS40NzU5NSA4LjE5MDAzQzEuOTI3ODcgOC41NTkyNCAyLjQ4MjM0IDguODY5NTcgMy4xMzkzOSA5LjEyMTAxQzMuNzk2NDQgOS4zNzI0NiA0LjQ4NzEzIDkuNTE0MDkgNS4yMTE0OSA5LjU0NTkyQzUuNDgwNzEgOS44ODk2NyA1Ljc4NTIgMTAuMTkyIDYuMTI0OTQgMTAuNDUzQzYuMzY4NTMgMTAuNjY5NSA2LjUzNjc5IDEwLjkwMDIgNi42Mjk3NCAxMS4xNDUzQzYuNzIyNjkgMTEuMzkwNCA2Ljc2OTE2IDExLjY3NTIgNi43NjkxNiAxMS45OTk5QzYuNzY5MTYgMTIuMzQzNiA2LjY3MTQxIDEyLjYzMzMgNi40NzU5IDEyLjg2ODhDNi4yODAzOCAxMy4xMDQzIDUuOTY3ODkgMTMuMjIyMSA1LjUzODQxIDEzLjIyMjFDNS4wNTc2NCAxMy4yMjIxIDQuNjI5NzYgMTMuMzY2OSA0LjI1NDc2IDEzLjY1NjZDMy44Nzk3NyAxMy45NDYyIDMuNjkyMjcgMTQuMzEwNiAzLjY5MjI3IDE0Ljc0OTlWMTUuMzYxQzMuNjkyMjcgMTUuNDUwMSAzLjcyMTEyIDE1LjUyMzMgMy43Nzg4MSAxNS41ODA2QzMuODM2NSAxNS42Mzc5IDMuOTEwMjIgMTUuNjY2NSAzLjk5OTk2IDE1LjY2NjVIMTEuOTk5OUMxMi4wODk2IDE1LjY2NjUgMTIuMTYzMyAxNS42Mzc5IDEyLjIyMSAxNS41ODA2QzEyLjI3ODcgMTUuNTIzMyAxMi4zMDc2IDE1LjQ1MDEgMTIuMzA3NiAxNS4zNjFWMTQuNzQ5OUMxMi4zMDc2IDE0LjMxMDYgMTIuMTIwMSAxMy45NDYyIDExLjc0NTEgMTMuNjU2NkMxMS4zNzAxIDEzLjM2NjkgMTAuOTQyMiAxMy4yMjIxIDEwLjQ2MTQgMTMuMjIyMUMxMC4wMzE5IDEzLjIyMjEgOS43MTk0NSAxMy4xMDQzIDkuNTIzOTQgMTIuODY4OEM5LjMyODQzIDEyLjYzMzMgOS4yMzA2OCAxMi4zNDM2IDkuMjMwNjggMTEuOTk5OUM5LjIzMDY4IDExLjY3NTIgOS4yNzcxNSAxMS4zOTA0IDkuMzcwMSAxMS4xNDUzQzkuNDYzMDUgMTAuOTAwMiA5LjYzMTMxIDEwLjY2OTUgOS44NzQ5IDEwLjQ1M0MxMC4yMTQ2IDEwLjE5MiAxMC41MTkxIDkuODg5NjcgMTAuNzg4NCA5LjU0NTkyQzExLjUxMjcgOS41MTQwOSAxMi4yMDM0IDkuMzcyNDYgMTIuODYwNCA5LjEyMTAxQzEzLjUxNzUgOC44Njk1NyAxNC4wNzIgOC41NTkyNCAxNC41MjM5IDguMTkwMDNDMTQuOTc1OCA3LjgyMDgyIDE1LjMzNDggNy40MDcwNSAxNS42MDA4IDYuOTQ4NzJDMTUuODY2OCA2LjQ5MDM5IDE1Ljk5OTggNi4wMzUyNSAxNS45OTk4IDUuNTgzMjlaTTYuNzYwNDcgNy4xNzk4TDguMDUxMDkgNi40OTk5N0w5LjM0MTcgNy4xNzk4TDkuMDk1MjEgNS43Mzk4OUwxMC4xMzkzIDQuNzIwMTVMOC42OTYzOSA0LjUxMDA3TDguMDUxMDkgMy4yTDcuNDA1NzggNC41MTAwN0w1Ljk2MjgzIDQuNzIwMTVMNy4wMDY5NiA1LjczOTg5TDYuNzYwNDcgNy4xNzk4WiIgZmlsbD0iI0YyQzk0QyIvPgo8L2c+Cjwvc3ZnPgo=", xe = ({
152
+ }), qt = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Trophy'%3e%3cpath%20id='Combined%20Shape'%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M3.69197%204.66662C3.69197%205.99705%203.92914%207.17787%204.4035%208.20912C3.49966%208.02451%202.74487%207.66486%202.1391%207.13014C1.53333%206.59542%201.23046%206.0798%201.23046%205.58328V4.66662H3.69197ZM14.7686%204.66662V5.58328C14.7686%206.0798%2014.4658%206.59542%2013.86%207.13014C13.2542%207.66486%2012.4994%208.02451%2011.5956%208.20912C12.0699%207.17787%2012.3071%205.99705%2012.3071%204.66662H14.7686ZM15.9998%205.58329V4.36108C15.9998%204.10645%2015.9101%203.89002%2015.7306%203.71178C15.5511%203.53354%2015.3332%203.44442%2015.0768%203.44442H12.3076V2.52776C12.3076%202.10763%2012.1569%201.74797%2011.8556%201.44878C11.5544%201.14959%2011.1922%201%2010.7691%201H5.23072C4.80764%201%204.44547%201.14959%204.14419%201.44878C3.84291%201.74797%203.69227%202.10763%203.69227%202.52776V3.44442H0.923068C0.666659%203.44442%200.448714%203.53354%200.269228%203.71178C0.0897418%203.89002%200%204.10645%200%204.36108V5.58329C0%206.03525%200.13301%206.49039%200.399034%206.94872C0.665059%207.40705%201.02403%207.82082%201.47595%208.19003C1.92787%208.55924%202.48234%208.86957%203.13939%209.12101C3.79644%209.37246%204.48713%209.51409%205.21149%209.54592C5.48071%209.88967%205.7852%2010.192%206.12494%2010.453C6.36853%2010.6695%206.53679%2010.9002%206.62974%2011.1453C6.72269%2011.3904%206.76916%2011.6752%206.76916%2011.9999C6.76916%2012.3436%206.67141%2012.6333%206.4759%2012.8688C6.28038%2013.1043%205.96789%2013.2221%205.53841%2013.2221C5.05764%2013.2221%204.62976%2013.3669%204.25476%2013.6566C3.87977%2013.9462%203.69227%2014.3106%203.69227%2014.7499V15.361C3.69227%2015.4501%203.72112%2015.5233%203.77881%2015.5806C3.8365%2015.6379%203.91022%2015.6665%203.99996%2015.6665H11.9999C12.0896%2015.6665%2012.1633%2015.6379%2012.221%2015.5806C12.2787%2015.5233%2012.3076%2015.4501%2012.3076%2015.361V14.7499C12.3076%2014.3106%2012.1201%2013.9462%2011.7451%2013.6566C11.3701%2013.3669%2010.9422%2013.2221%2010.4614%2013.2221C10.0319%2013.2221%209.71945%2013.1043%209.52394%2012.8688C9.32843%2012.6333%209.23068%2012.3436%209.23068%2011.9999C9.23068%2011.6752%209.27715%2011.3904%209.3701%2011.1453C9.46305%2010.9002%209.63131%2010.6695%209.8749%2010.453C10.2146%2010.192%2010.5191%209.88967%2010.7884%209.54592C11.5127%209.51409%2012.2034%209.37246%2012.8604%209.12101C13.5175%208.86957%2014.072%208.55924%2014.5239%208.19003C14.9758%207.82082%2015.3348%207.40705%2015.6008%206.94872C15.8668%206.49039%2015.9998%206.03525%2015.9998%205.58329ZM6.76047%207.1798L8.05109%206.49997L9.3417%207.1798L9.09521%205.73989L10.1393%204.72015L8.69639%204.51007L8.05109%203.2L7.40578%204.51007L5.96283%204.72015L7.00696%205.73989L6.76047%207.1798Z'%20fill='%23F2C94C'/%3e%3c/g%3e%3c/svg%3e", Re = ({
153
153
  avatar: e,
154
154
  name: t,
155
155
  points: s,
156
- friendsRank: i,
157
- rank: r,
156
+ friendsRank: r,
157
+ rank: i,
158
158
  streak: l,
159
159
  correct: a,
160
160
  incorrect: c,
161
161
  inTop: d,
162
- successRate: M
163
- }) => /* @__PURE__ */ u(ht, { children: [
164
- /* @__PURE__ */ n(Nt, { children: /* @__PURE__ */ u(gt, { children: [
165
- /* @__PURE__ */ u(Ct, { children: [
166
- e && /* @__PURE__ */ n(Dt, { alt: "avatar", src: e }),
167
- !e && /* @__PURE__ */ n(Ot, { children: ve(t || "") })
162
+ successRate: u
163
+ }) => /* @__PURE__ */ p(ft, { children: [
164
+ /* @__PURE__ */ n(It, { children: /* @__PURE__ */ p(gt, { children: [
165
+ /* @__PURE__ */ p(Pt, { children: [
166
+ e && /* @__PURE__ */ n(At, { alt: "avatar", src: e }),
167
+ !e && /* @__PURE__ */ n(xt, { children: we(t || "") })
168
168
  ] }),
169
- /* @__PURE__ */ u(Tt, { children: [
170
- /* @__PURE__ */ n(At, { children: t }),
171
- /* @__PURE__ */ u(jt, { children: [
172
- /* @__PURE__ */ u(vt, { children: [
173
- /* @__PURE__ */ n(yt, { alt: "rank-icon", src: St }),
174
- /* @__PURE__ */ u(ft, { children: [
175
- fe(s),
176
- /* @__PURE__ */ n(xt, { children: "PTS" })
169
+ /* @__PURE__ */ p($t, { children: [
170
+ /* @__PURE__ */ n(yt, { children: t }),
171
+ /* @__PURE__ */ p(bt, { children: [
172
+ /* @__PURE__ */ p(Tt, { children: [
173
+ /* @__PURE__ */ n(wt, { alt: "rank-icon", src: qt }),
174
+ /* @__PURE__ */ p(Rt, { children: [
175
+ Te(s),
176
+ /* @__PURE__ */ n(St, { children: "PTS" })
177
177
  ] })
178
178
  ] }),
179
- /* @__PURE__ */ n(Et, {}),
180
- /* @__PURE__ */ u("div", { children: [
179
+ /* @__PURE__ */ n(kt, {}),
180
+ /* @__PURE__ */ p("div", { children: [
181
181
  "TOP ",
182
182
  d || 0,
183
183
  "%"
@@ -185,67 +185,67 @@ const tt = /* @__PURE__ */ o("div")({
185
185
  ] })
186
186
  ] })
187
187
  ] }) }),
188
- /* @__PURE__ */ u(mt, { children: [
189
- /* @__PURE__ */ u(Lt, { children: [
190
- /* @__PURE__ */ n(ue, { indicator: i || 0, title: "Friends rank" }),
191
- /* @__PURE__ */ n(ue, { indicator: r || 0, title: "Global rank" })
188
+ /* @__PURE__ */ p(Ct, { children: [
189
+ /* @__PURE__ */ p(Lt, { children: [
190
+ /* @__PURE__ */ n(pe, { indicator: r || 0, title: "Friends rank" }),
191
+ /* @__PURE__ */ n(pe, { indicator: i || 0, title: "Global rank" })
192
192
  ] }),
193
- /* @__PURE__ */ u(zt, { children: [
193
+ /* @__PURE__ */ p(Et, { children: [
194
194
  /* @__PURE__ */ n(G, { indicator: l || 0, title: "Win streak" }),
195
195
  /* @__PURE__ */ n(G, { indicator: a || 0, title: "Correct" }),
196
196
  /* @__PURE__ */ n(G, { indicator: c || 0, title: "Incorrect" }),
197
- /* @__PURE__ */ n(G, { indicator: `${M || 0}%`, title: "Succ. rate" })
197
+ /* @__PURE__ */ n(G, { indicator: `${u || 0}%`, title: "Succ. rate" })
198
198
  ] })
199
199
  ] })
200
- ] }), kt = /* @__PURE__ */ o("div")({
200
+ ] }), Nt = /* @__PURE__ */ o("div")({
201
201
  name: "SponsorLogoWrap",
202
202
  class: "s8p5v5z",
203
203
  propsAsIs: !1
204
- }), wt = () => f, bt = /* @__PURE__ */ o(wt())({
204
+ }), Dt = () => T, Ot = /* @__PURE__ */ o(Dt())({
205
205
  name: "SponsorLogo",
206
206
  class: "s755yti",
207
207
  propsAsIs: !0
208
- }), $t = () => /* @__PURE__ */ n(kt, {
209
- children: /* @__PURE__ */ n(bt, {
208
+ }), Mt = () => /* @__PURE__ */ n(Nt, {
209
+ children: /* @__PURE__ */ n(Ot, {
210
210
  name: "mastersLogo"
211
211
  })
212
- }), Qt = /* @__PURE__ */ o("div")({
212
+ }), Vt = /* @__PURE__ */ o("div")({
213
213
  name: "Container",
214
214
  class: "c38csyt",
215
215
  propsAsIs: !1
216
- }), Rt = /* @__PURE__ */ o("div")({
216
+ }), _t = /* @__PURE__ */ o("div")({
217
217
  name: "Title",
218
218
  class: "ty221rx",
219
219
  propsAsIs: !1
220
- }), Ut = /* @__PURE__ */ o("div")({
220
+ }), Qt = /* @__PURE__ */ o("div")({
221
221
  name: "Description",
222
222
  class: "dlaj9xp",
223
223
  propsAsIs: !1
224
- }), Yt = ({ title: e, description: t }) => /* @__PURE__ */ u(Qt, { children: [
225
- /* @__PURE__ */ n(f, { name: "icon-check-circle" }),
226
- /* @__PURE__ */ n(Rt, { children: e }),
227
- /* @__PURE__ */ n(Ut, { children: t })
228
- ] }), Pt = /* @__PURE__ */ o("div")({
224
+ }), jt = ({ title: e, description: t }) => /* @__PURE__ */ p(Vt, { children: [
225
+ /* @__PURE__ */ n(T, { name: "icon-check-circle" }),
226
+ /* @__PURE__ */ n(_t, { children: e }),
227
+ /* @__PURE__ */ n(Qt, { children: t })
228
+ ] }), Ut = /* @__PURE__ */ o("div")({
229
229
  name: "Container",
230
230
  class: "c16sbdnm",
231
231
  propsAsIs: !1
232
- }), qt = () => f, Vt = /* @__PURE__ */ o(qt())({
232
+ }), Wt = () => T, zt = /* @__PURE__ */ o(Wt())({
233
233
  name: "IconPrediction",
234
234
  class: "ibhorgl",
235
235
  propsAsIs: !0
236
- }), F = /* @__PURE__ */ o("div")({
236
+ }), H = /* @__PURE__ */ o("div")({
237
237
  name: "FeedbackIconWrap",
238
238
  class: "f1g20ja7",
239
239
  propsAsIs: !1
240
- }), J = /* @__PURE__ */ o("div")({
240
+ }), K = /* @__PURE__ */ o("div")({
241
241
  name: "FeedbackHeader",
242
242
  class: "f455ozj",
243
243
  propsAsIs: !1
244
- }), Wt = /* @__PURE__ */ o("span")({
244
+ }), Bt = /* @__PURE__ */ o("span")({
245
245
  name: "FeedbackTitle",
246
246
  class: "f1913njx",
247
247
  propsAsIs: !1
248
- }), q = /* @__PURE__ */ o("span")({
248
+ }), U = /* @__PURE__ */ o("span")({
249
249
  name: "FeedbackDescription",
250
250
  class: "fzfk69z",
251
251
  propsAsIs: !1
@@ -253,67 +253,67 @@ const tt = /* @__PURE__ */ o("div")({
253
253
  name: "FeedbackText",
254
254
  class: "fx87qaj",
255
255
  propsAsIs: !1
256
- }), _t = ({
256
+ }), Ft = ({
257
257
  feedbackMessages: e,
258
258
  questionVotedCorrectly: t,
259
259
  questionVoted: s,
260
- questionType: i,
261
- hasCorrectAnswer: r,
260
+ questionType: r,
261
+ hasCorrectAnswer: i,
262
262
  questionStatus: l,
263
263
  showExpiredNotification: a,
264
264
  showClosedNotificationTrivia: c,
265
265
  votedInCurrentRender: d,
266
- votedAfterQuestionClosed: M,
267
- enteredAnActiveQuestion: I,
268
- marketClosed: p
266
+ votedAfterQuestionClosed: u,
267
+ enteredAnActiveQuestion: v,
268
+ marketClosed: m
269
269
  }) => {
270
- const h = s && (i === N.TRIVIA || i === N.PREDICTION) && d && l !== $.RESOLVED, m = i === N.PREDICTION && !r, x = p && i === N.PREDICTION && !s && !I || i === N.PREDICTION && M && d && I, D = h && m, A = h && r, g = i === N.PREDICTION && s && d && r, y = s && i === N.POLL && d;
271
- if (!a && !c && !D && !A && !x && !y && !g)
270
+ const h = s && (r === f.TRIVIA || r === f.PREDICTION) && d && l !== O.RESOLVED, I = r === f.PREDICTION && !i, R = m && r === f.PREDICTION && !s && !v || r === f.PREDICTION && u && d && v, g = h && I, $ = h && i, C = r === f.PREDICTION && s && d && i, b = s && r === f.POLL && d;
271
+ if (!a && !c && !g && !$ && !R && !b && !C)
272
272
  return null;
273
- const j = t ? "correct" : "incorrect", v = t ? e == null ? void 0 : e.correctFeedback : e == null ? void 0 : e.incorrectFeedback;
274
- return /* @__PURE__ */ u(Pt, { "data-isPrediction": m, children: [
275
- a && /* @__PURE__ */ u(S, { children: [
276
- /* @__PURE__ */ n(F, { children: /* @__PURE__ */ n(f, { name: "questionExpired" }) }),
277
- /* @__PURE__ */ u("div", { children: [
278
- /* @__PURE__ */ n(J, { children: /* @__PURE__ */ n(q, { children: "Question Expired" }) }),
273
+ const y = t ? "correct" : "incorrect", w = t ? e == null ? void 0 : e.correctFeedback : e == null ? void 0 : e.incorrectFeedback;
274
+ return /* @__PURE__ */ p(Ut, { "data-isPrediction": I, children: [
275
+ a && /* @__PURE__ */ p(P, { children: [
276
+ /* @__PURE__ */ n(H, { children: /* @__PURE__ */ n(T, { name: "questionExpired" }) }),
277
+ /* @__PURE__ */ p("div", { children: [
278
+ /* @__PURE__ */ n(K, { children: /* @__PURE__ */ n(U, { children: "Question Expired" }) }),
279
279
  /* @__PURE__ */ n(se, { children: "You can still answer to see if you're correct, but no points are awarded for expired questions." })
280
280
  ] })
281
281
  ] }),
282
- c && /* @__PURE__ */ u(S, { children: [
283
- /* @__PURE__ */ n(F, { children: /* @__PURE__ */ n(f, { name: "questionExpired" }) }),
284
- /* @__PURE__ */ u("div", { children: [
285
- /* @__PURE__ */ n(J, { children: /* @__PURE__ */ n(q, { children: "Question Closed" }) }),
282
+ c && /* @__PURE__ */ p(P, { children: [
283
+ /* @__PURE__ */ n(H, { children: /* @__PURE__ */ n(T, { name: "questionExpired" }) }),
284
+ /* @__PURE__ */ p("div", { children: [
285
+ /* @__PURE__ */ n(K, { children: /* @__PURE__ */ n(U, { children: "Question Closed" }) }),
286
286
  /* @__PURE__ */ n(se, { children: "This question was answered after the moderator closed the question. So the points for this answer won’t tally." })
287
287
  ] })
288
288
  ] }),
289
- x && /* @__PURE__ */ u(S, { children: [
290
- /* @__PURE__ */ n(F, { children: /* @__PURE__ */ n(f, { name: "questionExpired" }) }),
291
- /* @__PURE__ */ u("div", { children: [
292
- /* @__PURE__ */ n(J, { children: /* @__PURE__ */ n(q, { children: "Question Closed" }) }),
289
+ R && /* @__PURE__ */ p(P, { children: [
290
+ /* @__PURE__ */ n(H, { children: /* @__PURE__ */ n(T, { name: "questionExpired" }) }),
291
+ /* @__PURE__ */ p("div", { children: [
292
+ /* @__PURE__ */ n(K, { children: /* @__PURE__ */ n(U, { children: "Question Closed" }) }),
293
293
  /* @__PURE__ */ n(se, { children: "This event has already taken place, so the ability to make a prediction on its outcome is no longer available." })
294
294
  ] })
295
295
  ] }),
296
- D && /* @__PURE__ */ u(S, { children: [
297
- /* @__PURE__ */ n(Vt, { name: "icon-prediction" }),
298
- /* @__PURE__ */ n(q, { children: "Stay tuned to see if your prediction was correct." })
296
+ g && /* @__PURE__ */ p(P, { children: [
297
+ /* @__PURE__ */ n(zt, { name: "icon-prediction" }),
298
+ /* @__PURE__ */ n(U, { children: "Stay tuned to see if your prediction was correct." })
299
299
  ] }),
300
- y && /* @__PURE__ */ u(S, { children: [
301
- /* @__PURE__ */ n(F, { "data-feedbackType": "correct", children: /* @__PURE__ */ n(f, { name: "correct" }) }),
302
- /* @__PURE__ */ n(q, { children: "That's for answering. Please stay tuned for the next question." })
300
+ b && /* @__PURE__ */ p(P, { children: [
301
+ /* @__PURE__ */ n(H, { "data-feedback-type": "correct", children: /* @__PURE__ */ n(T, { name: "correct" }) }),
302
+ /* @__PURE__ */ n(U, { children: "That's for answering. Please stay tuned for the next question." })
303
303
  ] }),
304
- (A || g) && /* @__PURE__ */ u(S, { children: [
305
- /* @__PURE__ */ n(F, { "data-feedbackType": j, children: /* @__PURE__ */ n(f, { name: j }) }),
306
- /* @__PURE__ */ n("div", { children: /* @__PURE__ */ u(J, { children: [
307
- /* @__PURE__ */ n(Wt, { "data-feedbackType": j, children: v == null ? void 0 : v.title }),
308
- /* @__PURE__ */ n(q, { children: v == null ? void 0 : v.description })
304
+ ($ || C) && /* @__PURE__ */ p(P, { children: [
305
+ /* @__PURE__ */ n(H, { "data-feedback-type": y, children: /* @__PURE__ */ n(T, { name: y }) }),
306
+ /* @__PURE__ */ n("div", { children: /* @__PURE__ */ p(K, { children: [
307
+ /* @__PURE__ */ n(Bt, { "data-feedback-type": y, children: w == null ? void 0 : w.title }),
308
+ /* @__PURE__ */ n(U, { children: w == null ? void 0 : w.description })
309
309
  ] }) })
310
310
  ] })
311
311
  ] });
312
- }, Bt = /* @__PURE__ */ o("div")({
312
+ }, Ht = /* @__PURE__ */ o("div")({
313
313
  name: "Container",
314
314
  class: "c14ielyq",
315
315
  propsAsIs: !1
316
- }), Ft = /* @__PURE__ */ o("div")({
316
+ }), Yt = /* @__PURE__ */ o("div")({
317
317
  name: "Content",
318
318
  class: "c1tlqx57",
319
319
  propsAsIs: !1
@@ -321,11 +321,11 @@ const tt = /* @__PURE__ */ o("div")({
321
321
  name: "Title",
322
322
  class: "t1hq58md",
323
323
  propsAsIs: !1
324
- }), Ht = /* @__PURE__ */ o("div")({
324
+ }), Gt = /* @__PURE__ */ o("div")({
325
325
  name: "Options",
326
326
  class: "o1c8nxcx",
327
327
  propsAsIs: !1
328
- }), Gt = /* @__PURE__ */ o("button")({
328
+ }), Kt = /* @__PURE__ */ o("button")({
329
329
  name: "ButtonContainer",
330
330
  class: "b1b6dl8t",
331
331
  propsAsIs: !1
@@ -337,224 +337,224 @@ const tt = /* @__PURE__ */ o("div")({
337
337
  name: "ButtonBody",
338
338
  class: "b1gq1lnf",
339
339
  propsAsIs: !1
340
- }), Kt = /* @__PURE__ */ o("div")({
340
+ }), es = /* @__PURE__ */ o("div")({
341
341
  name: "IconContainer",
342
342
  class: "i1j65z51",
343
343
  propsAsIs: !1
344
- }), es = /* @__PURE__ */ o("div")({
344
+ }), ts = /* @__PURE__ */ o("div")({
345
345
  name: "IconWrap",
346
346
  class: "i19tpfua",
347
347
  propsAsIs: !1
348
- }), Ee = /* @__PURE__ */ o("img")({
348
+ }), Se = /* @__PURE__ */ o("img")({
349
349
  name: "Icon",
350
350
  class: "i1tubmma",
351
351
  propsAsIs: !1
352
- }), ts = () => Ee, ss = /* @__PURE__ */ o(ts())({
352
+ }), ss = () => Se, ns = /* @__PURE__ */ o(ss())({
353
353
  name: "IconDefault",
354
354
  class: "i1grrgwj",
355
355
  propsAsIs: !0
356
- }), ns = () => Ee, is = /* @__PURE__ */ o(ns())({
356
+ }), is = () => Se, rs = /* @__PURE__ */ o(is())({
357
357
  name: "IconCircle",
358
358
  class: "ibemyq8",
359
359
  propsAsIs: !0
360
- }), rs = /* @__PURE__ */ o("span")({
360
+ }), os = /* @__PURE__ */ o("span")({
361
361
  name: "Title",
362
362
  class: "t1dceht",
363
363
  propsAsIs: !1
364
- }), os = /* @__PURE__ */ o("span")({
364
+ }), as = /* @__PURE__ */ o("span")({
365
365
  name: "Indicators",
366
366
  class: "i116q4vq",
367
367
  propsAsIs: !1
368
- }), as = /* @__PURE__ */ o("span")({
368
+ }), ls = /* @__PURE__ */ o("span")({
369
369
  name: "Pts",
370
370
  class: "p17ajcu2",
371
371
  propsAsIs: !1
372
- }), ls = /* @__PURE__ */ o("span")({
372
+ }), cs = /* @__PURE__ */ o("span")({
373
373
  name: "Percentage",
374
374
  class: "pu9kmlb",
375
375
  propsAsIs: !1
376
- }), cs = () => f, ds = /* @__PURE__ */ o(cs())({
376
+ }), ds = () => T, ps = /* @__PURE__ */ o(ds())({
377
377
  name: "CheckIcon",
378
378
  class: "c1j2j0s0",
379
379
  propsAsIs: !0
380
- }), pe = {
381
- [B.CENTERED]: (e) => /* @__PURE__ */ n(ss, { alt: "option-icon", src: e }),
382
- [B.TRANSPARENT]: (e) => /* @__PURE__ */ n(Kt, { children: /* @__PURE__ */ n(es, { style: { backgroundImage: `url(${e})` } }) }),
383
- [B.ROUNDED]: (e) => /* @__PURE__ */ n(is, { alt: "option-icon", src: e }),
384
- [B.NONE]: () => null,
385
- [B.UNSET]: () => null
386
- }, us = ({ questionType: e, hasCorrectAnswer: t, correct: s, youVoted: i, questionVoted: r }) => {
387
- if (e === N.POLL && i)
380
+ }), ue = {
381
+ [F.CENTERED]: (e) => /* @__PURE__ */ n(ns, { alt: "option-icon", src: e }),
382
+ [F.TRANSPARENT]: (e) => /* @__PURE__ */ n(es, { children: /* @__PURE__ */ n(ts, { style: { backgroundImage: `url(${e})` } }) }),
383
+ [F.ROUNDED]: (e) => /* @__PURE__ */ n(rs, { alt: "option-icon", src: e }),
384
+ [F.NONE]: () => null,
385
+ [F.UNSET]: () => null
386
+ }, us = ({ questionType: e, hasCorrectAnswer: t, correct: s, youVoted: r, questionVoted: i }) => {
387
+ if (e === f.POLL && r)
388
388
  return "correct";
389
- if (e === N.PREDICTION) {
390
- if (t && r)
391
- return i ? s ? "correct" : "incorrect" : "unset";
392
- if (i)
389
+ if (e === f.PREDICTION) {
390
+ if (t && i)
391
+ return r ? s ? "correct" : "incorrect" : "unset";
392
+ if (r)
393
393
  return "correct";
394
394
  }
395
- return e === N.TRIVIA && r && i ? s ? "correct" : "incorrect" : "unset";
396
- }, ps = ({
395
+ return e === f.TRIVIA && i && r ? s ? "correct" : "incorrect" : "unset";
396
+ }, hs = ({
397
397
  questionType: e,
398
398
  questionVoted: t,
399
399
  correct: s,
400
- hasCorrectAnswer: i,
401
- questionStatus: r
402
- }) => e === N.TRIVIA ? t && s : e === N.PREDICTION ? t && s && i || r === $.RESOLVED && s : !1, Ms = (e) => {
400
+ hasCorrectAnswer: r,
401
+ questionStatus: i
402
+ }) => e === f.TRIVIA ? t && s : e === f.PREDICTION ? t && s && r || i === O.RESOLVED && s : !1, ms = (e) => {
403
403
  var t;
404
404
  const {
405
405
  // option props
406
406
  id: s,
407
- icon: i,
408
- text: r,
407
+ icon: r,
408
+ text: i,
409
409
  percentageDecimal: l,
410
410
  points: a,
411
411
  // extra props
412
412
  onVote: c,
413
413
  markThatVoted: d,
414
- youSelected: M,
415
- questionVoted: I,
416
- imageMode: p,
414
+ youSelected: u,
415
+ questionVoted: v,
416
+ imageMode: m,
417
417
  answerTimeExpired: h,
418
- questionStatus: m,
419
- isLoading: x,
420
- questionType: D,
421
- correct: A,
422
- hasCorrectAnswer: g,
423
- votedAfterQuestionClosed: y,
424
- enteredAnActiveQuestion: j,
425
- marketClosed: v
426
- } = e, O = us(e), Q = ps({ questionType: D, questionVoted: I, correct: A, hasCorrectAnswer: g, questionStatus: m }), b = v && D === N.PREDICTION, Z = I || b, T = D === N.PREDICTION && !I && m !== $.RESOLVED;
427
- return /* @__PURE__ */ u(
428
- Gt,
418
+ questionStatus: I,
419
+ isLoading: R,
420
+ questionType: g,
421
+ correct: $,
422
+ hasCorrectAnswer: C,
423
+ votedAfterQuestionClosed: b,
424
+ enteredAnActiveQuestion: y,
425
+ marketClosed: w
426
+ } = e, E = us(e), M = hs({ questionType: g, questionVoted: v, correct: $, hasCorrectAnswer: C, questionStatus: I }), D = w && g === f.PREDICTION, Y = v || D, A = g === f.PREDICTION && !v && I !== O.RESOLVED;
427
+ return /* @__PURE__ */ p(
428
+ Kt,
429
429
  {
430
430
  value: s,
431
- "data-selected": M,
432
- "data-answer-state": O,
433
- disabled: I || x || h || b && !j || b && j && y,
434
- "data-is-not-checked": I && !M && O !== "incorrect",
435
- onClick: (L) => {
431
+ "data-selected": u,
432
+ "data-answer-state": E,
433
+ disabled: v || R || h || D && !y || D && y && b,
434
+ "data-is-not-checked": v && !u && E !== "incorrect",
435
+ onClick: (k) => {
436
436
  d(
437
- D === N.PREDICTION ? v : m === $.RESOLVED
438
- ), c(L);
437
+ g === f.PREDICTION ? w : I === O.RESOLVED
438
+ ), c(k);
439
439
  },
440
440
  children: [
441
- /* @__PURE__ */ n(Jt, { "data-answer-state": O, style: { width: `${Z ? l : 0}%` } }),
442
- /* @__PURE__ */ u(Xt, { children: [
443
- i && p && ((t = pe[p]) == null ? void 0 : t.call(pe, i)),
444
- /* @__PURE__ */ n(rs, { children: r }),
445
- T && /* @__PURE__ */ u("div", { children: [
441
+ /* @__PURE__ */ n(Jt, { "data-answer-state": E, style: { width: `${Y ? l : 0}%` } }),
442
+ /* @__PURE__ */ p(Xt, { children: [
443
+ r && m && ((t = ue[m]) == null ? void 0 : t.call(ue, r)),
444
+ /* @__PURE__ */ n(os, { children: i }),
445
+ A && /* @__PURE__ */ p("div", { children: [
446
446
  /* @__PURE__ */ n(ne, { value: a }),
447
- /* @__PURE__ */ n(as, { children: "pts" })
447
+ /* @__PURE__ */ n(ls, { children: "pts" })
448
448
  ] }),
449
- Z && /* @__PURE__ */ u(os, { children: [
450
- Q && /* @__PURE__ */ n(ds, { name: "selected" }),
451
- /* @__PURE__ */ n(ls, { children: /* @__PURE__ */ n(ne, { value: l, suffix: "%" }) })
449
+ Y && /* @__PURE__ */ p(as, { children: [
450
+ M && /* @__PURE__ */ n(ps, { name: "selected" }),
451
+ /* @__PURE__ */ n(cs, { children: /* @__PURE__ */ n(ne, { value: l, suffix: "%" }) })
452
452
  ] })
453
453
  ] })
454
454
  ]
455
455
  }
456
456
  );
457
457
  };
458
- var Me = typeof window > "u" ? ee : Je, Is = ({ isPlaying: e, duration: t, startAt: s = 0, updateInterval: i = 0, onComplete: r, onUpdate: l }) => {
459
- let [a, c] = w(s), d = R(0), M = R(s), I = R(s * -1e3), p = R(null), h = R(null), m = R(null), x = (g) => {
460
- let y = g / 1e3;
458
+ var he = typeof window > "u" ? ee : Je, vs = ({ isPlaying: e, duration: t, startAt: s = 0, updateInterval: r = 0, onComplete: i, onUpdate: l }) => {
459
+ let [a, c] = N(s), d = V(0), u = V(s), v = V(s * -1e3), m = V(null), h = V(null), I = V(null), R = (C) => {
460
+ let b = C / 1e3;
461
461
  if (h.current === null) {
462
- h.current = y, p.current = requestAnimationFrame(x);
462
+ h.current = b, m.current = requestAnimationFrame(R);
463
463
  return;
464
464
  }
465
- let j = y - h.current, v = d.current + j;
466
- h.current = y, d.current = v;
467
- let O = M.current + (i === 0 ? v : (v / i | 0) * i), Q = M.current + v, b = typeof t == "number" && Q >= t;
468
- c(b ? t : O), b || (p.current = requestAnimationFrame(x));
469
- }, D = () => {
470
- p.current && cancelAnimationFrame(p.current), m.current && clearTimeout(m.current), h.current = null;
471
- }, A = W((g) => {
472
- D(), d.current = 0;
473
- let y = typeof g == "number" ? g : s;
474
- M.current = y, c(y), e && (p.current = requestAnimationFrame(x));
465
+ let y = b - h.current, w = d.current + y;
466
+ h.current = b, d.current = w;
467
+ let E = u.current + (r === 0 ? w : (w / r | 0) * r), M = u.current + w, D = typeof t == "number" && M >= t;
468
+ c(D ? t : E), D || (m.current = requestAnimationFrame(R));
469
+ }, g = () => {
470
+ m.current && cancelAnimationFrame(m.current), I.current && clearTimeout(I.current), h.current = null;
471
+ }, $ = z((C) => {
472
+ g(), d.current = 0;
473
+ let b = typeof C == "number" ? C : s;
474
+ u.current = b, c(b), e && (m.current = requestAnimationFrame(R));
475
475
  }, [e, s]);
476
- return Me(() => {
476
+ return he(() => {
477
477
  if (l == null || l(a), t && a >= t) {
478
- I.current += t * 1e3;
479
- let { shouldRepeat: g = !1, delay: y = 0, newStartAt: j } = (r == null ? void 0 : r(I.current / 1e3)) || {};
480
- g && (m.current = setTimeout(() => A(j), y * 1e3));
478
+ v.current += t * 1e3;
479
+ let { shouldRepeat: C = !1, delay: b = 0, newStartAt: y } = (i == null ? void 0 : i(v.current / 1e3)) || {};
480
+ C && (I.current = setTimeout(() => $(y), b * 1e3));
481
481
  }
482
- }, [a, t]), Me(() => (e && (p.current = requestAnimationFrame(x)), D), [e, t, i]), { elapsedTime: a, reset: A };
483
- }, hs = (e, t, s) => {
484
- let i = e / 2, r = t / 2, l = i - r, a = 2 * l, c = s === "clockwise" ? "1,0" : "0,1", d = 2 * Math.PI * l;
485
- return { path: `m ${i},${r} a ${l},${l} 0 ${c} 0,${a} a ${l},${l} 0 ${c} 0,-${a}`, pathLength: d };
486
- }, Ie = (e, t) => e === 0 || e === t ? 0 : typeof t == "number" ? e - t : 0, Ns = (e) => ({ position: "relative", width: e, height: e }), ms = { display: "flex", justifyContent: "center", alignItems: "center", position: "absolute", left: 0, top: 0, width: "100%", height: "100%" }, Le = (e, t, s, i, r) => {
487
- if (i === 0)
482
+ }, [a, t]), he(() => (e && (m.current = requestAnimationFrame(R)), g), [e, t, r]), { elapsedTime: a, reset: $ };
483
+ }, fs = (e, t, s) => {
484
+ let r = e / 2, i = t / 2, l = r - i, a = 2 * l, c = s === "clockwise" ? "1,0" : "0,1", d = 2 * Math.PI * l;
485
+ return { path: `m ${r},${i} a ${l},${l} 0 ${c} 0,${a} a ${l},${l} 0 ${c} 0,-${a}`, pathLength: d };
486
+ }, me = (e, t) => e === 0 || e === t ? 0 : typeof t == "number" ? e - t : 0, Is = (e) => ({ position: "relative", width: e, height: e }), Cs = { display: "flex", justifyContent: "center", alignItems: "center", position: "absolute", left: 0, top: 0, width: "100%", height: "100%" }, ke = (e, t, s, r, i) => {
487
+ if (r === 0)
488
488
  return t;
489
- let l = (r ? i - e : e) / i;
489
+ let l = (i ? r - e : e) / r;
490
490
  return t + s * l;
491
- }, he = (e) => {
491
+ }, ve = (e) => {
492
492
  var t, s;
493
- return (s = (t = e.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i, (i, r, l, a) => `#${r}${r}${l}${l}${a}${a}`).substring(1).match(/.{2}/g)) == null ? void 0 : t.map((i) => parseInt(i, 16))) != null ? s : [];
493
+ return (s = (t = e.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i, (r, i, l, a) => `#${i}${i}${l}${l}${a}${a}`).substring(1).match(/.{2}/g)) == null ? void 0 : t.map((r) => parseInt(r, 16))) != null ? s : [];
494
494
  }, gs = (e, t) => {
495
495
  var s;
496
- let { colors: i, colorsTime: r, isSmoothColorTransition: l = !0 } = e;
497
- if (typeof i == "string")
498
- return i;
499
- let a = (s = r == null ? void 0 : r.findIndex((h, m) => h >= t && t >= r[m + 1])) != null ? s : -1;
500
- if (!r || a === -1)
501
- return i[0];
496
+ let { colors: r, colorsTime: i, isSmoothColorTransition: l = !0 } = e;
497
+ if (typeof r == "string")
498
+ return r;
499
+ let a = (s = i == null ? void 0 : i.findIndex((h, I) => h >= t && t >= i[I + 1])) != null ? s : -1;
500
+ if (!i || a === -1)
501
+ return r[0];
502
502
  if (!l)
503
- return i[a];
504
- let c = r[a] - t, d = r[a] - r[a + 1], M = he(i[a]), I = he(i[a + 1]), p = !!e.isGrowing;
505
- return `rgb(${M.map((h, m) => Le(c, h, I[m] - h, d, p) | 0).join(",")})`;
506
- }, Ds = (e) => {
507
- let { duration: t, initialRemainingTime: s, updateInterval: i, size: r = 180, strokeWidth: l = 12, trailStrokeWidth: a, isPlaying: c = !1, isGrowing: d = !1, rotation: M = "clockwise", onComplete: I, onUpdate: p } = e, h = R(), m = Math.max(l, a ?? 0), { path: x, pathLength: D } = hs(r, m, M), { elapsedTime: A } = Is({ isPlaying: c, duration: t, startAt: Ie(t, s), updateInterval: i, onUpdate: typeof p == "function" ? (y) => {
508
- let j = Math.ceil(t - y);
509
- j !== h.current && (h.current = j, p(j));
510
- } : void 0, onComplete: typeof I == "function" ? (y) => {
511
- var j;
512
- let { shouldRepeat: v, delay: O, newInitialRemainingTime: Q } = (j = I(y)) != null ? j : {};
513
- if (v)
514
- return { shouldRepeat: v, delay: O, newStartAt: Ie(t, Q) };
515
- } : void 0 }), g = t - A;
516
- return { elapsedTime: A, path: x, pathLength: D, remainingTime: Math.ceil(g), rotation: M, size: r, stroke: gs(e, g), strokeDashoffset: Le(A, 0, D, t, d), strokeWidth: l };
517
- }, ze = (e) => {
518
- let { children: t, strokeLinecap: s, trailColor: i, trailStrokeWidth: r } = e, { path: l, pathLength: a, stroke: c, strokeDashoffset: d, remainingTime: M, elapsedTime: I, size: p, strokeWidth: h } = Ds(e);
519
- return V.createElement("div", { style: Ns(p) }, V.createElement("svg", { viewBox: `0 0 ${p} ${p}`, width: p, height: p, xmlns: "http://www.w3.org/2000/svg" }, V.createElement("path", { d: l, fill: "none", stroke: i ?? "#d9d9d9", strokeWidth: r ?? h }), V.createElement("path", { d: l, fill: "none", stroke: c, strokeLinecap: s ?? "round", strokeWidth: h, strokeDasharray: a, strokeDashoffset: d })), typeof t == "function" && V.createElement("div", { style: ms }, t({ remainingTime: M, elapsedTime: I, color: c })));
503
+ return r[a];
504
+ let c = i[a] - t, d = i[a] - i[a + 1], u = ve(r[a]), v = ve(r[a + 1]), m = !!e.isGrowing;
505
+ return `rgb(${u.map((h, I) => ke(c, h, v[I] - h, d, m) | 0).join(",")})`;
506
+ }, As = (e) => {
507
+ let { duration: t, initialRemainingTime: s, updateInterval: r, size: i = 180, strokeWidth: l = 12, trailStrokeWidth: a, isPlaying: c = !1, isGrowing: d = !1, rotation: u = "clockwise", onComplete: v, onUpdate: m } = e, h = V(), I = Math.max(l, a ?? 0), { path: R, pathLength: g } = fs(i, I, u), { elapsedTime: $ } = vs({ isPlaying: c, duration: t, startAt: me(t, s), updateInterval: r, onUpdate: typeof m == "function" ? (b) => {
508
+ let y = Math.ceil(t - b);
509
+ y !== h.current && (h.current = y, m(y));
510
+ } : void 0, onComplete: typeof v == "function" ? (b) => {
511
+ var y;
512
+ let { shouldRepeat: w, delay: E, newInitialRemainingTime: M } = (y = v(b)) != null ? y : {};
513
+ if (w)
514
+ return { shouldRepeat: w, delay: E, newStartAt: me(t, M) };
515
+ } : void 0 }), C = t - $;
516
+ return { elapsedTime: $, path: R, pathLength: g, remainingTime: Math.ceil(C), rotation: u, size: i, stroke: gs(e, C), strokeDashoffset: ke($, 0, g, t, d), strokeWidth: l };
517
+ }, Le = (e) => {
518
+ let { children: t, strokeLinecap: s, trailColor: r, trailStrokeWidth: i } = e, { path: l, pathLength: a, stroke: c, strokeDashoffset: d, remainingTime: u, elapsedTime: v, size: m, strokeWidth: h } = As(e);
519
+ return W.createElement("div", { style: Is(m) }, W.createElement("svg", { viewBox: `0 0 ${m} ${m}`, width: m, height: m, xmlns: "http://www.w3.org/2000/svg" }, W.createElement("path", { d: l, fill: "none", stroke: r ?? "#d9d9d9", strokeWidth: i ?? h }), W.createElement("path", { d: l, fill: "none", stroke: c, strokeLinecap: s ?? "round", strokeWidth: h, strokeDasharray: a, strokeDashoffset: d })), typeof t == "function" && W.createElement("div", { style: Cs }, t({ remainingTime: u, elapsedTime: v, color: c })));
520
520
  };
521
- ze.displayName = "CountdownCircleTimer";
522
- const Ts = [U.PRIMARY_GREEN1, U.SECONDARY_RED1, U.SECONDARY_RED1, U.NEUTRALS_GRAY3], As = [10, 10, 1, 0], js = /* @__PURE__ */ o("div")({
521
+ Le.displayName = "CountdownCircleTimer";
522
+ const $s = [_.PRIMARY_GREEN1, _.SECONDARY_RED1, _.SECONDARY_RED1, _.NEUTRALS_GRAY3], ys = [10, 10, 1, 0], bs = /* @__PURE__ */ o("div")({
523
523
  name: "RemainingTime",
524
524
  class: "r165427",
525
525
  propsAsIs: !1
526
- }), ys = U.SECONDARY_GREEN6, Ne = U.SECONDARY_RED3, vs = U.NEUTRALS_GRAY3, fs = ({
526
+ }), ws = _.SECONDARY_GREEN6, fe = _.SECONDARY_RED3, Ts = _.NEUTRALS_GRAY3, Rs = ({
527
527
  isPlaying: e = !0,
528
528
  duration: t = 30,
529
529
  onTimerExpired: s
530
530
  }) => {
531
- const [i, r] = w(t > 10 ? ys : Ne), l = ({
531
+ const [r, i] = N(t > 10 ? ws : fe), l = ({
532
532
  remainingTime: d
533
- }) => /* @__PURE__ */ n(js, {
533
+ }) => /* @__PURE__ */ n(bs, {
534
534
  children: d
535
- }), a = W(() => {
536
- s == null || s(), r(vs);
537
- }, [s, r]), c = W((d) => {
538
- d === 10 && r(Ne);
539
- }, [r]);
540
- return /* @__PURE__ */ n(ze, {
535
+ }), a = z(() => {
536
+ s == null || s(), i(Ts);
537
+ }, [s, i]), c = z((d) => {
538
+ d === 10 && i(fe);
539
+ }, [i]);
540
+ return /* @__PURE__ */ n(Le, {
541
541
  isPlaying: e,
542
542
  duration: t,
543
- colors: Ts,
544
- colorsTime: As,
543
+ colors: $s,
544
+ colorsTime: ys,
545
545
  size: 32,
546
546
  strokeWidth: 2,
547
547
  trailStrokeWidth: 2,
548
- trailColor: i,
548
+ trailColor: r,
549
549
  onComplete: a,
550
550
  onUpdate: c,
551
551
  children: l
552
552
  });
553
- }, xs = /* @__PURE__ */ o("div")({
553
+ }, Ss = /* @__PURE__ */ o("div")({
554
554
  name: "WinBarContainer",
555
555
  class: "wie6cqo",
556
556
  propsAsIs: !1
557
- }), Es = /* @__PURE__ */ o("div")({
557
+ }), ks = /* @__PURE__ */ o("div")({
558
558
  name: "Content",
559
559
  class: "cgizw4u",
560
560
  propsAsIs: !1
@@ -562,190 +562,190 @@ const Ts = [U.PRIMARY_GREEN1, U.SECONDARY_RED1, U.SECONDARY_RED1, U.NEUTRALS_GRA
562
562
  name: "Title",
563
563
  class: "t1l3ucjp",
564
564
  propsAsIs: !1
565
- }), zs = () => f, Os = /* @__PURE__ */ o(zs())({
565
+ }), Es = () => T, xs = /* @__PURE__ */ o(Es())({
566
566
  name: "WinIcon",
567
567
  class: "wx7j799",
568
568
  propsAsIs: !0
569
- }), Cs = /* @__PURE__ */ o("div")({
569
+ }), Ps = /* @__PURE__ */ o("div")({
570
570
  name: "Points",
571
571
  class: "p4lwuj0",
572
572
  propsAsIs: !1
573
- }), Ss = /* @__PURE__ */ o("span")({
573
+ }), qs = /* @__PURE__ */ o("span")({
574
574
  name: "PointsCount",
575
575
  class: "po9i64o",
576
576
  propsAsIs: !1
577
- }), ks = /* @__PURE__ */ o("span")({
577
+ }), Ns = /* @__PURE__ */ o("span")({
578
578
  name: "PointsUnits",
579
579
  class: "pe5g05h",
580
580
  propsAsIs: !1
581
- }), ws = ({
581
+ }), Ds = ({
582
582
  title: e,
583
583
  points: t,
584
584
  isPlayingTimer: s,
585
- isTimer: i,
586
- questionType: r,
585
+ isTimer: r,
586
+ questionType: i,
587
587
  timerDuration: l,
588
588
  onTimerExpired: a
589
- }) => /* @__PURE__ */ u(xs, { style: { justifyContent: r === N.PREDICTION ? "center" : "space-between" }, children: [
590
- /* @__PURE__ */ u(Es, { children: [
589
+ }) => /* @__PURE__ */ p(Ss, { style: { justifyContent: i === f.PREDICTION ? "center" : "space-between" }, children: [
590
+ /* @__PURE__ */ p(ks, { children: [
591
591
  e && /* @__PURE__ */ n(Ls, { children: e }),
592
- t !== void 0 && r !== N.POLL && /* @__PURE__ */ u(S, { children: [
593
- /* @__PURE__ */ n(Os, { name: "icon-trophy" }),
594
- /* @__PURE__ */ u(Cs, { children: [
595
- /* @__PURE__ */ n(Ss, { children: /* @__PURE__ */ n(ne, { value: t }) }),
596
- /* @__PURE__ */ n(ks, { children: "PTS" })
592
+ t !== void 0 && i !== f.POLL && /* @__PURE__ */ p(P, { children: [
593
+ /* @__PURE__ */ n(xs, { name: "icon-trophy" }),
594
+ /* @__PURE__ */ p(Ps, { children: [
595
+ /* @__PURE__ */ n(qs, { children: /* @__PURE__ */ n(ne, { value: t }) }),
596
+ /* @__PURE__ */ n(Ns, { children: "PTS" })
597
597
  ] })
598
598
  ] })
599
599
  ] }),
600
- i && r !== N.PREDICTION && /* @__PURE__ */ n(fs, { isPlaying: s, onTimerExpired: a, duration: l })
601
- ] }), bs = ({ openedQuestion: e, isLoading: t, vote: s, close: i }) => {
602
- var r, l;
603
- const a = e.subject, c = e.type, d = e.status, M = (r = e.options) == null ? void 0 : r.options, I = e.marketClosed, [p, h] = w(!1), [m, x] = w(!1), [D, A] = w(!0), [g, y] = w(!1), [j, v] = w(""), O = e == null ? void 0 : e.id;
600
+ r && i !== f.PREDICTION && /* @__PURE__ */ n(Rs, { isPlaying: s, onTimerExpired: a, duration: l })
601
+ ] }), Os = ({ openedQuestion: e, isLoading: t, vote: s, close: r }) => {
602
+ var i, l;
603
+ const a = e.subject, c = e.type, d = e.status, u = (i = e.options) == null ? void 0 : i.options, v = e.marketClosed, [m, h] = N(!1), [I, R] = N(!1), [g, $] = N(!0), [C, b] = N(!1), [y, w] = N(""), E = e == null ? void 0 : e.id;
604
604
  ee(() => {
605
- c === N.PREDICTION ? I && A(!1) : d === $.RESOLVED && A(!1);
605
+ c === f.PREDICTION ? v && $(!1) : d === O.RESOLVED && $(!1);
606
606
  }, []);
607
- const Q = W((E) => {
608
- x(E), h(!0);
609
- }, []), b = W(
610
- async (E) => {
611
- if (O) {
612
- const _ = E.currentTarget.value;
613
- v(_), await s(O, _);
607
+ const M = z((S) => {
608
+ R(S), h(!0);
609
+ }, []), D = z(
610
+ async (S) => {
611
+ if (E) {
612
+ const B = S.currentTarget.value;
613
+ w(B), await s(E, B);
614
614
  }
615
615
  },
616
- [O, v, s]
617
- ), Z = W(() => {
618
- y(!0), setTimeout(i, 3e3);
619
- }, [i]), T = k(
620
- () => e == null ? void 0 : e.answers.find((E) => E.youVoted === !0),
616
+ [E, w, s]
617
+ ), Y = z(() => {
618
+ b(!0), setTimeout(r, 3e3);
619
+ }, [r]), A = q(
620
+ () => e == null ? void 0 : e.answers.find((S) => S.youVoted === !0),
621
621
  [e]
622
- ), L = k(
623
- () => !!(e != null && e.answers.find((E) => E.correct === !0)),
622
+ ), k = q(
623
+ () => !!(e != null && e.answers.find((S) => S.correct === !0)),
624
624
  [e]
625
- ), C = k(
626
- () => e == null ? void 0 : e.answers.find((E) => E.correct === !0),
625
+ ), x = q(
626
+ () => e == null ? void 0 : e.answers.find((S) => S.correct === !0),
627
627
  [e]
628
- ), we = k(() => e ? e.answers.map((E) => {
629
- var _;
628
+ ), Ne = q(() => e ? e.answers.map((S) => {
629
+ var B;
630
630
  return {
631
- ...E,
632
- questionVoted: !!T,
633
- youSelected: j === E.id,
631
+ ...S,
632
+ questionVoted: !!A,
633
+ youSelected: y === S.id,
634
634
  isLoading: t,
635
- hasCorrectAnswer: L,
635
+ hasCorrectAnswer: k,
636
636
  questionType: e.type,
637
- answerTimeExpired: g,
637
+ answerTimeExpired: C,
638
638
  questionStatus: d,
639
- imageMode: (_ = e.appearance) == null ? void 0 : _.images,
640
- onVote: b
639
+ imageMode: (B = e.appearance) == null ? void 0 : B.images,
640
+ onVote: D
641
641
  };
642
642
  }) : [], [
643
- L,
644
- g,
643
+ k,
644
+ C,
645
645
  t,
646
646
  e,
647
- T,
647
+ A,
648
648
  d,
649
- b,
650
- j
651
- ]), be = M && (M.case === "trivia" || M.case === "prediction") ? M.value : void 0, P = d === $.RESOLVED && c === N.TRIVIA && !T && !D, le = c === N.TRIVIA && m && p && D, ce = k(() => c === N.PREDICTION ? !!(T && !L || T && L && C != null && C.youVoted) : !0, [c, T, L, C]), $e = k(() => {
652
- if (c === N.PREDICTION && T && (!L || L && C != null && C.youVoted))
653
- return T.points;
654
- if (!(P || g))
655
- return d === $.RESOLVED ? 0 : T ? T.correct ? T.points : 0 : C == null ? void 0 : C.points;
649
+ D,
650
+ y
651
+ ]), De = u && (u.case === "trivia" || u.case === "prediction") ? u.value : void 0, j = d === O.RESOLVED && c === f.TRIVIA && !A && !g, le = c === f.TRIVIA && I && m && g, ce = q(() => c === f.PREDICTION ? !!(A && !k || A && k && x != null && x.youVoted) : !0, [c, A, k, x]), Oe = q(() => {
652
+ if (c === f.PREDICTION && A && (!k || k && x != null && x.youVoted))
653
+ return A.points;
654
+ if (!(j || C))
655
+ return d === O.RESOLVED ? 0 : A ? A.correct ? A.points : 0 : x == null ? void 0 : x.points;
656
656
  }, [
657
- g,
658
- T,
659
657
  C,
658
+ A,
659
+ x,
660
660
  d,
661
- P,
661
+ j,
662
662
  c,
663
- L
664
- ]), Qe = k(() => c === N.PREDICTION && T ? L ? L && C != null && C.youVoted ? "You won" : "" : "To win" : P || g ? "Time expired" : c === N.POLL ? "Time remaining" : T ? "You won" : "To win", [g, c, T, P, L, C]), Re = T || P || le || c === N.TRIVIA && d === $.RESOLVED && D;
665
- return /* @__PURE__ */ n(Pe, { "data-question-header": "true", children: /* @__PURE__ */ n(Bt, { children: /* @__PURE__ */ u(Ft, { children: [
663
+ k
664
+ ]), Me = q(() => c === f.PREDICTION && A ? k ? k && x != null && x.youVoted ? "You won" : "" : "To win" : j || C ? "Time expired" : c === f.POLL ? "Time remaining" : A ? "You won" : "To win", [C, c, A, j, k, x]), Ve = A || j || le || c === f.TRIVIA && d === O.RESOLVED && g;
665
+ return /* @__PURE__ */ n(je, { "data-question-header": "true", children: /* @__PURE__ */ n(Ht, { children: /* @__PURE__ */ p(Yt, { children: [
666
666
  /* @__PURE__ */ n(
667
- _t,
667
+ Ft,
668
668
  {
669
- feedbackMessages: be,
670
- questionVoted: !!T,
671
- questionVotedCorrectly: T == null ? void 0 : T.correct,
669
+ feedbackMessages: De,
670
+ questionVoted: !!A,
671
+ questionVotedCorrectly: A == null ? void 0 : A.correct,
672
672
  questionType: c,
673
- hasCorrectAnswer: L,
673
+ hasCorrectAnswer: k,
674
674
  questionStatus: d,
675
- showExpiredNotification: P,
675
+ showExpiredNotification: j,
676
676
  showClosedNotificationTrivia: le,
677
- votedInCurrentRender: p,
678
- votedAfterQuestionClosed: m,
679
- enteredAnActiveQuestion: D,
680
- marketClosed: I
677
+ votedInCurrentRender: m,
678
+ votedAfterQuestionClosed: I,
679
+ enteredAnActiveQuestion: g,
680
+ marketClosed: v
681
681
  }
682
682
  ),
683
683
  ce && /* @__PURE__ */ n(
684
- ws,
684
+ Ds,
685
685
  {
686
- title: Qe,
687
- points: $e,
688
- onTimerExpired: Z,
686
+ title: Me,
687
+ points: Oe,
688
+ onTimerExpired: Y,
689
689
  questionType: e.type,
690
690
  isTimer: !t,
691
- isPlayingTimer: !T,
692
- timerDuration: Re ? 0 : Number(((l = e == null ? void 0 : e.appearance) == null ? void 0 : l.autoHideInterval) || "30")
691
+ isPlayingTimer: !A,
692
+ timerDuration: Ve ? 0 : Number(((l = e == null ? void 0 : e.appearance) == null ? void 0 : l.autoHideInterval) || "30")
693
693
  }
694
694
  ),
695
- g ? /* @__PURE__ */ n(
696
- Yt,
695
+ C ? /* @__PURE__ */ n(
696
+ jt,
697
697
  {
698
698
  title: "More to come...",
699
699
  description: "Watch for additional enhanced stream interactive experience."
700
700
  }
701
- ) : /* @__PURE__ */ u(S, { children: [
701
+ ) : /* @__PURE__ */ p(P, { children: [
702
702
  /* @__PURE__ */ n(Zt, { style: ce ? {} : { marginTop: 0 }, children: a }),
703
- /* @__PURE__ */ n(Ht, { children: we.map((E) => /* @__PURE__ */ n(
704
- Ms,
703
+ /* @__PURE__ */ n(Gt, { children: Ne.map((S) => /* @__PURE__ */ n(
704
+ ms,
705
705
  {
706
- ...E,
707
- markThatVoted: Q,
708
- votedAfterQuestionClosed: m,
709
- enteredAnActiveQuestion: D,
710
- marketClosed: I
706
+ ...S,
707
+ markThatVoted: M,
708
+ votedAfterQuestionClosed: I,
709
+ enteredAnActiveQuestion: g,
710
+ marketClosed: v
711
711
  },
712
- E.id
712
+ S.id
713
713
  )) })
714
714
  ] })
715
715
  ] }) }) });
716
- }, $s = /* @__PURE__ */ o("div")({
716
+ }, Ms = /* @__PURE__ */ o("div")({
717
717
  name: "Container",
718
718
  class: "cgn5uen",
719
719
  propsAsIs: !1
720
- }), Qs = /* @__PURE__ */ o("div")({
720
+ }), Vs = /* @__PURE__ */ o("div")({
721
721
  name: "Content",
722
722
  class: "c1px8nt6",
723
723
  propsAsIs: !1
724
- }), Rs = /* @__PURE__ */ o("h3")({
724
+ }), _s = /* @__PURE__ */ o("h3")({
725
725
  name: "Title",
726
726
  class: "t5et2jt",
727
727
  propsAsIs: !1
728
- }), Us = /* @__PURE__ */ o("div")({
728
+ }), Qs = /* @__PURE__ */ o("div")({
729
729
  name: "Description",
730
730
  class: "d1i2kpk2",
731
731
  propsAsIs: !1
732
- }), Ys = /* @__PURE__ */ o("div")({
732
+ }), js = /* @__PURE__ */ o("div")({
733
733
  name: "DateWrap",
734
734
  class: "dd3lh3p",
735
735
  propsAsIs: !1
736
- }), Ps = /* @__PURE__ */ o("img")({
736
+ }), Us = /* @__PURE__ */ o("img")({
737
737
  name: "Image",
738
738
  class: "i1gfjeu5",
739
739
  propsAsIs: !1
740
- }), Oe = ({
740
+ }), Ee = ({
741
741
  created: e,
742
742
  image: t,
743
743
  title: s,
744
- isPickHistory: i,
745
- instantView: r,
744
+ isPickHistory: r,
745
+ instantView: i,
746
746
  notification: l
747
747
  }) => {
748
- const a = k(() => {
748
+ const a = q(() => {
749
749
  if (e) {
750
750
  const d = new Date(e);
751
751
  if (ae(d))
@@ -755,76 +755,76 @@ const Ts = [U.PRIMARY_GREEN1, U.SECONDARY_RED1, U.SECONDARY_RED1, U.NEUTRALS_GRA
755
755
  };
756
756
  }
757
757
  return null;
758
- }, [e]), c = (r == null ? void 0 : r.image) || t;
759
- return /* @__PURE__ */ u($s, { children: [
760
- a && /* @__PURE__ */ u(Ys, { children: [
758
+ }, [e]), c = (i == null ? void 0 : i.image) || t;
759
+ return /* @__PURE__ */ p(Ms, { children: [
760
+ a && /* @__PURE__ */ p(js, { children: [
761
761
  a.date,
762
762
  " · ",
763
763
  a.time
764
764
  ] }),
765
- (r == null ? void 0 : r.video) && /* @__PURE__ */ n(qe, { source: r.video.url, poster: r.video.thumbnailUrl }),
766
- c && !(r != null && r.video) && /* @__PURE__ */ n(Ps, { src: c }),
767
- /* @__PURE__ */ u(Qs, { children: [
768
- /* @__PURE__ */ n(Rs, { children: i ? s : r == null ? void 0 : r.heading }),
769
- /* @__PURE__ */ n(Us, { children: i ? l == null ? void 0 : l.body : r == null ? void 0 : r.body })
765
+ (i == null ? void 0 : i.video) && /* @__PURE__ */ n(Ue, { source: i.video.url, poster: i.video.thumbnailUrl }),
766
+ c && !(i != null && i.video) && /* @__PURE__ */ n(Us, { src: c }),
767
+ /* @__PURE__ */ p(Vs, { children: [
768
+ /* @__PURE__ */ n(_s, { children: r ? s : i == null ? void 0 : i.heading }),
769
+ /* @__PURE__ */ n(Qs, { children: r ? l == null ? void 0 : l.body : i == null ? void 0 : i.body })
770
770
  ] })
771
771
  ] });
772
- }, qs = /* @__PURE__ */ o("div")({
772
+ }, Ws = /* @__PURE__ */ o("div")({
773
773
  name: "Container",
774
774
  class: "c1euiow",
775
775
  propsAsIs: !1
776
- }), Vs = /* @__PURE__ */ o("a")({
776
+ }), zs = /* @__PURE__ */ o("a")({
777
777
  name: "WebLinkBtn",
778
778
  class: "w19zie3h",
779
779
  propsAsIs: !1
780
- }), Ws = ({ instantView: e, ...t }) => /* @__PURE__ */ u(qs, { children: [
781
- /* @__PURE__ */ n(Oe, { instantView: e, ...t }),
782
- (e == null ? void 0 : e.webLink) && /* @__PURE__ */ u(Vs, { href: e == null ? void 0 : e.webLink.url, target: "_blank", children: [
780
+ }), Bs = ({ instantView: e, ...t }) => /* @__PURE__ */ p(Ws, { children: [
781
+ /* @__PURE__ */ n(Ee, { instantView: e, ...t }),
782
+ (e == null ? void 0 : e.webLink) && /* @__PURE__ */ p(zs, { href: e == null ? void 0 : e.webLink.url, target: "_blank", children: [
783
783
  e == null ? void 0 : e.webLink.label,
784
- /* @__PURE__ */ n(f, { name: "icon-external-link" })
784
+ /* @__PURE__ */ n(T, { name: "icon-external-link" })
785
785
  ] })
786
- ] }), _s = /* @__PURE__ */ o("div")({
786
+ ] }), Fs = /* @__PURE__ */ o("div")({
787
787
  name: "Container",
788
788
  class: "c1dcxmvf",
789
789
  propsAsIs: !1
790
- }), Bs = /* @__PURE__ */ o("div")({
790
+ }), Hs = /* @__PURE__ */ o("div")({
791
791
  name: "DateTime",
792
792
  class: "db4q22c",
793
793
  propsAsIs: !1
794
- }), Fs = /* @__PURE__ */ o("blockquote")({
794
+ }), Ys = /* @__PURE__ */ o("blockquote")({
795
795
  name: "Quote",
796
796
  class: "q111mmic",
797
797
  propsAsIs: !1
798
798
  }), Zs = ({ created: e, ...t }) => {
799
- const s = k(() => {
799
+ const s = q(() => {
800
800
  if (e) {
801
- const i = new Date(e);
802
- if (ae(i))
801
+ const r = new Date(e);
802
+ if (ae(r))
803
803
  return {
804
- date: re(i),
805
- time: oe(i)
804
+ date: re(r),
805
+ time: oe(r)
806
806
  };
807
807
  }
808
808
  return null;
809
809
  }, [e]);
810
- return /* @__PURE__ */ u(_s, { children: [
811
- s && /* @__PURE__ */ u(Bs, { children: [
810
+ return /* @__PURE__ */ p(Fs, { children: [
811
+ s && /* @__PURE__ */ p(Hs, { children: [
812
812
  s.date,
813
813
  " · ",
814
814
  s.time
815
815
  ] }),
816
- t.title && /* @__PURE__ */ n(Fs, { children: t.title }),
817
- /* @__PURE__ */ n(Ae, { ...t })
816
+ t.title && /* @__PURE__ */ n(Ys, { children: t.title }),
817
+ /* @__PURE__ */ n($e, { ...t })
818
818
  ] });
819
- }, Hs = /* @__PURE__ */ o("div")({
819
+ }, Gs = /* @__PURE__ */ o("div")({
820
820
  name: "QuestionContainer",
821
821
  class: "qdri6g3",
822
822
  propsAsIs: !1
823
- }), Gs = ({
823
+ }), Ks = ({
824
824
  openedQuestion: e
825
825
  }) => {
826
826
  var t, s;
827
- return ((t = e == null ? void 0 : e.attributes) == null ? void 0 : t.attributes.case) === "insight" ? /* @__PURE__ */ n(Ws, {
827
+ return ((t = e == null ? void 0 : e.attributes) == null ? void 0 : t.attributes.case) === "insight" ? /* @__PURE__ */ n(Bs, {
828
828
  created: e.attributes.created,
829
829
  ...e.attributes.attributes.value
830
830
  }) : ((s = e == null ? void 0 : e.attributes) == null ? void 0 : s.attributes.case) === "tweet" ? /* @__PURE__ */ n(Zs, {
@@ -837,62 +837,62 @@ const Ts = [U.PRIMARY_GREEN1, U.SECONDARY_RED1, U.SECONDARY_RED1, U.NEUTRALS_GRA
837
837
  close: s
838
838
  }) => {
839
839
  const {
840
- loading: i,
841
- data: r
840
+ loading: r,
841
+ data: i
842
842
  } = e;
843
- return r ? /* @__PURE__ */ n(bs, {
843
+ return i ? /* @__PURE__ */ n(Os, {
844
844
  vote: t,
845
845
  close: s,
846
- openedQuestion: r,
847
- isLoading: !!i
846
+ openedQuestion: i,
847
+ isLoading: !!r
848
848
  }) : null;
849
849
  }, Xs = ({
850
850
  gamification: e
851
851
  }) => {
852
852
  var t;
853
- const s = Y(e.openedQuestion.$store), i = Y(e.openedQuestion.$extendedStore);
853
+ const s = Q(e.openedQuestion.$store), r = Q(e.openedQuestion.$extendedStore);
854
854
  if (!s)
855
855
  return null;
856
- const r = s.type;
857
- return /* @__PURE__ */ u(Hs, {
858
- children: [/* @__PURE__ */ n(ye, {
856
+ const i = s.type;
857
+ return /* @__PURE__ */ p(Gs, {
858
+ children: [/* @__PURE__ */ n(be, {
859
859
  close: e.closeQuestion,
860
- type: ((t = s.attributes) == null ? void 0 : t.type) || N.UNSET
861
- }), r === "question" && /* @__PURE__ */ n(Js, {
860
+ type: ((t = s.attributes) == null ? void 0 : t.type) || f.UNSET
861
+ }), i === "question" && /* @__PURE__ */ n(Js, {
862
862
  vote: e.submitAnswer,
863
863
  close: e.closeQuestion,
864
- extendedQuestion: i
865
- }), r !== "question" && /* @__PURE__ */ n(Gs, {
864
+ extendedQuestion: r
865
+ }), i !== "question" && /* @__PURE__ */ n(Ks, {
866
866
  openedQuestion: s
867
- }), /* @__PURE__ */ n($t, {
867
+ }), /* @__PURE__ */ n(Mt, {
868
868
  sponsorLogo: ""
869
869
  })]
870
870
  });
871
- }, Ks = /* @__PURE__ */ o("div")({
871
+ }, en = /* @__PURE__ */ o("div")({
872
872
  name: "Container",
873
873
  class: "c115qtkr",
874
874
  propsAsIs: !1
875
- }), en = /* @__PURE__ */ o("div")({
875
+ }), tn = /* @__PURE__ */ o("div")({
876
876
  name: "STabs",
877
877
  class: "sxnslc8",
878
878
  propsAsIs: !1
879
- }), tn = /* @__PURE__ */ o("button")({
879
+ }), sn = /* @__PURE__ */ o("button")({
880
880
  name: "Button",
881
881
  class: "b1umzux0",
882
882
  propsAsIs: !1
883
- }), sn = /* @__PURE__ */ o("span")({
883
+ }), nn = /* @__PURE__ */ o("span")({
884
884
  name: "Title",
885
885
  class: "tspsaas",
886
886
  propsAsIs: !1
887
887
  });
888
- var K = /* @__PURE__ */ ((e) => (e.HOME = "home", e.LEADERBOARD = "leaderboard", e))(K || {});
889
- const me = ({ title: e, active: t, onClick: s }) => /* @__PURE__ */ n(tn, { onClick: s, "data-selected": t, children: /* @__PURE__ */ n(sn, { children: e }) }), nn = ({ activePage: e = "home", toggleActivePage: t }) => /* @__PURE__ */ n(Ks, { children: /* @__PURE__ */ u(en, { "data-position": e === "home" ? "left" : "right", children: [
890
- /* @__PURE__ */ n(me, { title: "Home", active: e === "home", onClick: () => t(
888
+ var X = /* @__PURE__ */ ((e) => (e.HOME = "home", e.LEADERBOARD = "leaderboard", e))(X || {});
889
+ const Ie = ({ title: e, active: t, onClick: s }) => /* @__PURE__ */ n(sn, { onClick: s, "data-selected": t, children: /* @__PURE__ */ n(nn, { children: e }) }), rn = ({ activePage: e = "home", toggleActivePage: t }) => /* @__PURE__ */ n(en, { children: /* @__PURE__ */ p(tn, { "data-position": e === "home" ? "left" : "right", children: [
890
+ /* @__PURE__ */ n(Ie, { title: "Home", active: e === "home", onClick: () => t(
891
891
  "home"
892
892
  /* HOME */
893
893
  ) }),
894
894
  /* @__PURE__ */ n(
895
- me,
895
+ Ie,
896
896
  {
897
897
  title: "Friends",
898
898
  active: e === "leaderboard",
@@ -902,74 +902,74 @@ const me = ({ title: e, active: t, onClick: s }) => /* @__PURE__ */ n(tn, { onCl
902
902
  )
903
903
  }
904
904
  )
905
- ] }) }), rn = /* @__PURE__ */ o("div")({
905
+ ] }) }), on = /* @__PURE__ */ o("div")({
906
906
  name: "Container",
907
907
  class: "c1ux29ft",
908
908
  propsAsIs: !1
909
- }), on = /* @__PURE__ */ o("img")({
909
+ }), an = /* @__PURE__ */ o("img")({
910
910
  name: "FriendsIcon",
911
911
  class: "f10ncfg2",
912
912
  propsAsIs: !1
913
- }), an = /* @__PURE__ */ o("div")({
913
+ }), ln = /* @__PURE__ */ o("div")({
914
914
  name: "Content",
915
915
  class: "c1yc07bd",
916
916
  propsAsIs: !1
917
- }), ln = /* @__PURE__ */ o("div")({
917
+ }), cn = /* @__PURE__ */ o("div")({
918
918
  name: "Title",
919
919
  class: "tj6cq7w",
920
920
  propsAsIs: !1
921
- }), cn = /* @__PURE__ */ o("div")({
921
+ }), dn = /* @__PURE__ */ o("div")({
922
922
  name: "Description",
923
923
  class: "d1ag78xo",
924
924
  propsAsIs: !1
925
- }), dn = () => f, un = /* @__PURE__ */ o(dn())({
925
+ }), pn = () => T, un = /* @__PURE__ */ o(pn())({
926
926
  name: "ArrowInviteIcon",
927
927
  class: "awohrz6",
928
928
  propsAsIs: !0
929
- }), pn = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiByeD0iMTYiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0xMC40NjE1IDEyLjY4NzVDOS40NDIzMSAxMi42ODc1IDguNjE1MzggMTMuNDY2NSA4LjYxNTM4IDE0LjQyNjZDOC42MTUzOCAxNS4zODY4IDkuNDQyMzEgMTYuMTY1OCAxMC40NjE1IDE2LjE2NThDMTEuNDgwOCAxNi4xNjU4IDEyLjMwNzcgMTUuMzg2OCAxMi4zMDc3IDE0LjQyNjZDMTIuMzA3NyAxMy40NjY1IDExLjQ4MDggMTIuNjg3NSAxMC40NjE1IDEyLjY4NzVaTTEwLjQ2MTUgMTYuMTY1OEM5LjEwODE3IDE2LjE2NTggOCAxNy4yMDk3IDggMTguNDg0NlYxOS43NTI3QzggMTkuNzUyNyA4LjYxNTM4IDIwLjIyMzcgMTAuNDYxNSAyMC4yMjM3QzEyLjMwNzcgMjAuMjIzNyAxMi45MjMxIDE5Ljc1MjcgMTIuOTIzMSAxOS43NTI3VjE4LjQ4NDZDMTIuOTIzMSAxNy4yMDk3IDExLjgxNDkgMTYuMTY1OCAxMC40NjE1IDE2LjE2NThaTTIxLjUzODUgMTIuNjg3NUMyMC41MTkyIDEyLjY4NzUgMTkuNjkyMyAxMy40NjY1IDE5LjY5MjMgMTQuNDI2NkMxOS42OTIzIDE1LjM4NjggMjAuNTE5MiAxNi4xNjU4IDIxLjUzODUgMTYuMTY1OEMyMi41NTc3IDE2LjE2NTggMjMuMzg0NiAxNS4zODY4IDIzLjM4NDYgMTQuNDI2NkMyMy4zODQ2IDEzLjQ2NjUgMjIuNTU3NyAxMi42ODc1IDIxLjUzODUgMTIuNjg3NVpNMjEuNTM4NSAxNi4xNjU4QzIwLjE4NTEgMTYuMTY1OCAxOS4wNzY5IDE3LjIwOTcgMTkuMDc2OSAxOC40ODQ2VjE5Ljc1MjdDMTkuMDc2OSAxOS43NTI3IDE5LjY5MjMgMjAuMjIzNyAyMS41Mzg1IDIwLjIyMzdDMjMuMzg0NiAyMC4yMjM3IDI0IDE5Ljc1MjcgMjQgMTkuNzUyN1YxOC40ODQ2QzI0IDE3LjIwOTcgMjIuODkxOCAxNi4xNjU4IDIxLjUzODUgMTYuMTY1OFpNMTYgMTUuMDA2M0MxNC45ODA4IDE1LjAwNjMgMTQuMTUzOCAxNS43ODUzIDE0LjE1MzggMTYuNzQ1NUMxNC4xNTM4IDE3LjcwNTYgMTQuOTgwOCAxOC40ODQ2IDE2IDE4LjQ4NDZDMTcuMDE5MiAxOC40ODQ2IDE3Ljg0NjIgMTcuNzA1NiAxNy44NDYyIDE2Ljc0NTVDMTcuODQ2MiAxNS43ODUzIDE3LjAxOTIgMTUuMDA2MyAxNiAxNS4wMDYzWk0xNiAxOC40ODQ2QzE0LjY0NjYgMTguNDg0NiAxMy41Mzg1IDE5LjUyODUgMTMuNTM4NSAyMC44MDM0VjIyLjA3MTVDMTMuNTM4NSAyMi4wNzE1IDE0LjE1MzggMjIuNTQyNSAxNiAyMi41NDI1QzE3Ljg0NjIgMjIuNTQyNSAxOC40NjE1IDIyLjA3MTUgMTguNDYxNSAyMi4wNzE1VjIwLjgwMzRDMTguNDYxNSAxOS41Mjg1IDE3LjM1MzQgMTguNDg0NiAxNiAxOC40ODQ2WiIgZmlsbD0iIzEwN0Q1NyIvPgo8cGF0aCBvcGFjaXR5PSIwLjUiIGQ9Ik0xMy4zOTA4IDlDMTIuMzEwMyA5IDExLjQzMzYgOS44MjU4NCAxMS40MzM2IDEwLjg0MzdDMTEuNDMzNiAxMS44NjE2IDEyLjMxMDMgMTIuNjg3NSAxMy4zOTA4IDEyLjY4NzVDMTQuNDcxMyAxMi42ODc1IDE1LjM0OCAxMS44NjE2IDE1LjM0OCAxMC44NDM3QzE1LjM0OCA5LjgyNTg0IDE0LjQ3MTMgOSAxMy4zOTA4IDlaTTEzLjM5MDggMTIuNjg3NUMxMy4xOTQ2IDEyLjY4NzUgMTIuOTk1OCAxMi42ODI3IDEyLjc5OTYgMTIuNzQ1MUMxMy4xOTIgMTMuMjM3MiAxMy4zOTA4IDEzLjg1NDIgMTMuMzkwOCAxNC41MzEyQzEzLjM5MDggMTQuNzc2MSAxMy4zMjk2IDE1LjAxNjEgMTMuMzI5NiAxNS4yNjFDMTMuODUyMSAxNC41MjQgMTQuNjk1NiAxNC4wMzkxIDE1LjY3NDIgMTMuOTE2NkMxNS4yMTggMTMuMTc5NiAxNC4zNjk0IDEyLjY4NzUgMTMuMzkwOCAxMi42ODc1Wk0xOC42MSA5QzE3LjUyOTUgOSAxNi42NTI4IDkuODI1ODQgMTYuNjUyOCAxMC44NDM3QzE2LjY1MjggMTEuODYxNiAxNy41Mjk1IDEyLjY4NzUgMTguNjEgMTIuNjg3NUMxOS42OTA1IDEyLjY4NzUgMjAuNTY3MiAxMS44NjE2IDIwLjU2NzIgMTAuODQzN0MyMC41NjcyIDkuODI1ODQgMTkuNjkwNSA5IDE4LjYxIDlaTTE4LjYxIDEyLjY4NzVDMTcuNjMxNCAxMi42ODc1IDE2Ljc4MjggMTMuMTc5NiAxNi4zMjY2IDEzLjkxNjZDMTcuMzA1MiAxNC4wMzkxIDE4LjE0ODcgMTQuNTI0IDE4LjY3MTIgMTUuMjYxQzE4LjY3MTIgMTUuMDE2MSAxOC42MSAxNC43NzYxIDE4LjYxIDE0LjUzMTJDMTguNjEgMTMuODU0MiAxOC44MDg4IDEzLjIzNzIgMTkuMjAxMiAxMi43NDUxQzE5LjAwNSAxMi42ODI3IDE4LjgwNjIgMTIuNjg3NSAxOC42MSAxMi42ODc1WiIgZmlsbD0iIzEwN0Q1NyIvPgo8L3N2Zz4K", Mn = ({ title: e, description: t, onClick: s, className: i }) => /* @__PURE__ */ u(rn, { onClick: s, className: i, children: [
930
- /* @__PURE__ */ n(on, { alt: "friends-icon", src: pn }),
931
- /* @__PURE__ */ u(an, { children: [
932
- /* @__PURE__ */ n(ln, { children: e }),
933
- /* @__PURE__ */ n(cn, { children: t })
929
+ }), hn = "data:image/svg+xml,%3csvg%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='32'%20height='32'%20rx='16'%20fill='white'/%3e%3cpath%20d='M10.4615%2012.6875C9.44231%2012.6875%208.61538%2013.4665%208.61538%2014.4266C8.61538%2015.3868%209.44231%2016.1658%2010.4615%2016.1658C11.4808%2016.1658%2012.3077%2015.3868%2012.3077%2014.4266C12.3077%2013.4665%2011.4808%2012.6875%2010.4615%2012.6875ZM10.4615%2016.1658C9.10817%2016.1658%208%2017.2097%208%2018.4846V19.7527C8%2019.7527%208.61538%2020.2237%2010.4615%2020.2237C12.3077%2020.2237%2012.9231%2019.7527%2012.9231%2019.7527V18.4846C12.9231%2017.2097%2011.8149%2016.1658%2010.4615%2016.1658ZM21.5385%2012.6875C20.5192%2012.6875%2019.6923%2013.4665%2019.6923%2014.4266C19.6923%2015.3868%2020.5192%2016.1658%2021.5385%2016.1658C22.5577%2016.1658%2023.3846%2015.3868%2023.3846%2014.4266C23.3846%2013.4665%2022.5577%2012.6875%2021.5385%2012.6875ZM21.5385%2016.1658C20.1851%2016.1658%2019.0769%2017.2097%2019.0769%2018.4846V19.7527C19.0769%2019.7527%2019.6923%2020.2237%2021.5385%2020.2237C23.3846%2020.2237%2024%2019.7527%2024%2019.7527V18.4846C24%2017.2097%2022.8918%2016.1658%2021.5385%2016.1658ZM16%2015.0063C14.9808%2015.0063%2014.1538%2015.7853%2014.1538%2016.7455C14.1538%2017.7056%2014.9808%2018.4846%2016%2018.4846C17.0192%2018.4846%2017.8462%2017.7056%2017.8462%2016.7455C17.8462%2015.7853%2017.0192%2015.0063%2016%2015.0063ZM16%2018.4846C14.6466%2018.4846%2013.5385%2019.5285%2013.5385%2020.8034V22.0715C13.5385%2022.0715%2014.1538%2022.5425%2016%2022.5425C17.8462%2022.5425%2018.4615%2022.0715%2018.4615%2022.0715V20.8034C18.4615%2019.5285%2017.3534%2018.4846%2016%2018.4846Z'%20fill='%23107D57'/%3e%3cpath%20opacity='0.5'%20d='M13.3908%209C12.3103%209%2011.4336%209.82584%2011.4336%2010.8437C11.4336%2011.8616%2012.3103%2012.6875%2013.3908%2012.6875C14.4713%2012.6875%2015.348%2011.8616%2015.348%2010.8437C15.348%209.82584%2014.4713%209%2013.3908%209ZM13.3908%2012.6875C13.1946%2012.6875%2012.9958%2012.6827%2012.7996%2012.7451C13.192%2013.2372%2013.3908%2013.8542%2013.3908%2014.5312C13.3908%2014.7761%2013.3296%2015.0161%2013.3296%2015.261C13.8521%2014.524%2014.6956%2014.0391%2015.6742%2013.9166C15.218%2013.1796%2014.3694%2012.6875%2013.3908%2012.6875ZM18.61%209C17.5295%209%2016.6528%209.82584%2016.6528%2010.8437C16.6528%2011.8616%2017.5295%2012.6875%2018.61%2012.6875C19.6905%2012.6875%2020.5672%2011.8616%2020.5672%2010.8437C20.5672%209.82584%2019.6905%209%2018.61%209ZM18.61%2012.6875C17.6314%2012.6875%2016.7828%2013.1796%2016.3266%2013.9166C17.3052%2014.0391%2018.1487%2014.524%2018.6712%2015.261C18.6712%2015.0161%2018.61%2014.7761%2018.61%2014.5312C18.61%2013.8542%2018.8088%2013.2372%2019.2012%2012.7451C19.005%2012.6827%2018.8062%2012.6875%2018.61%2012.6875Z'%20fill='%23107D57'/%3e%3c/svg%3e", mn = ({ title: e, description: t, onClick: s, className: r }) => /* @__PURE__ */ p(on, { onClick: s, className: r, children: [
930
+ /* @__PURE__ */ n(an, { alt: "friends-icon", src: hn }),
931
+ /* @__PURE__ */ p(ln, { children: [
932
+ /* @__PURE__ */ n(cn, { children: e }),
933
+ /* @__PURE__ */ n(dn, { children: t })
934
934
  ] }),
935
935
  /* @__PURE__ */ n(un, { name: "icon-copy" })
936
936
  ] });
937
- function In(e) {
938
- var t = e.lastRenderedStartIndex, s = e.lastRenderedStopIndex, i = e.startIndex, r = e.stopIndex;
939
- return !(i > s || r < t);
937
+ function vn(e) {
938
+ var t = e.lastRenderedStartIndex, s = e.lastRenderedStopIndex, r = e.startIndex, i = e.stopIndex;
939
+ return !(r > s || i < t);
940
940
  }
941
- function hn(e) {
942
- for (var t = e.isItemLoaded, s = e.itemCount, i = e.minimumBatchSize, r = e.startIndex, l = e.stopIndex, a = [], c = null, d = null, M = r; M <= l; M++) {
943
- var I = t(M);
944
- I ? d !== null && (a.push(c, d), c = d = null) : (d = M, c === null && (c = M));
941
+ function fn(e) {
942
+ for (var t = e.isItemLoaded, s = e.itemCount, r = e.minimumBatchSize, i = e.startIndex, l = e.stopIndex, a = [], c = null, d = null, u = i; u <= l; u++) {
943
+ var v = t(u);
944
+ v ? d !== null && (a.push(c, d), c = d = null) : (d = u, c === null && (c = u));
945
945
  }
946
946
  if (d !== null) {
947
- for (var p = Math.min(Math.max(d, c + i - 1), s - 1), h = d + 1; h <= p && !t(h); h++)
947
+ for (var m = Math.min(Math.max(d, c + r - 1), s - 1), h = d + 1; h <= m && !t(h); h++)
948
948
  d = h;
949
949
  a.push(c, d);
950
950
  }
951
951
  if (a.length)
952
- for (; a[1] - a[0] + 1 < i && a[0] > 0; ) {
953
- var m = a[0] - 1;
954
- if (!t(m))
955
- a[0] = m;
952
+ for (; a[1] - a[0] + 1 < r && a[0] > 0; ) {
953
+ var I = a[0] - 1;
954
+ if (!t(I))
955
+ a[0] = I;
956
956
  else
957
957
  break;
958
958
  }
959
959
  return a;
960
960
  }
961
- var Nn = function(e, t) {
961
+ var In = function(e, t) {
962
962
  if (!(e instanceof t))
963
963
  throw new TypeError("Cannot call a class as a function");
964
- }, mn = function() {
964
+ }, Cn = /* @__PURE__ */ function() {
965
965
  function e(t, s) {
966
- for (var i = 0; i < s.length; i++) {
967
- var r = s[i];
968
- r.enumerable = r.enumerable || !1, r.configurable = !0, "value" in r && (r.writable = !0), Object.defineProperty(t, r.key, r);
966
+ for (var r = 0; r < s.length; r++) {
967
+ var i = s[r];
968
+ i.enumerable = i.enumerable || !1, i.configurable = !0, "value" in i && (i.writable = !0), Object.defineProperty(t, i.key, i);
969
969
  }
970
970
  }
971
- return function(t, s, i) {
972
- return s && e(t.prototype, s), i && e(t, i), t;
971
+ return function(t, s, r) {
972
+ return s && e(t.prototype, s), r && e(t, r), t;
973
973
  };
974
974
  }(), gn = function(e, t) {
975
975
  if (typeof t != "function" && t !== null)
@@ -982,7 +982,7 @@ var Nn = function(e, t) {
982
982
  configurable: !0
983
983
  }
984
984
  }), t && (Object.setPrototypeOf ? Object.setPrototypeOf(e, t) : e.__proto__ = t);
985
- }, ge = function(e, t) {
985
+ }, Ce = function(e, t) {
986
986
  if (!e)
987
987
  throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
988
988
  return t && (typeof t == "object" || typeof t == "function") ? t : e;
@@ -990,22 +990,22 @@ var Nn = function(e, t) {
990
990
  (function(e) {
991
991
  gn(t, e);
992
992
  function t() {
993
- var s, i, r, l;
994
- Nn(this, t);
993
+ var s, r, i, l;
994
+ In(this, t);
995
995
  for (var a = arguments.length, c = Array(a), d = 0; d < a; d++)
996
996
  c[d] = arguments[d];
997
- return l = (i = (r = ge(this, (s = t.__proto__ || Object.getPrototypeOf(t)).call.apply(s, [this].concat(c))), r), r._lastRenderedStartIndex = -1, r._lastRenderedStopIndex = -1, r._memoizedUnloadedRanges = [], r._onItemsRendered = function(M) {
998
- var I = M.visibleStartIndex, p = M.visibleStopIndex;
999
- r._lastRenderedStartIndex = I, r._lastRenderedStopIndex = p, r._ensureRowsLoaded(I, p);
1000
- }, r._setRef = function(M) {
1001
- r._listRef = M;
1002
- }, i), ge(r, l);
997
+ return l = (r = (i = Ce(this, (s = t.__proto__ || Object.getPrototypeOf(t)).call.apply(s, [this].concat(c))), i), i._lastRenderedStartIndex = -1, i._lastRenderedStopIndex = -1, i._memoizedUnloadedRanges = [], i._onItemsRendered = function(u) {
998
+ var v = u.visibleStartIndex, m = u.visibleStopIndex;
999
+ i._lastRenderedStartIndex = v, i._lastRenderedStopIndex = m, i._ensureRowsLoaded(v, m);
1000
+ }, i._setRef = function(u) {
1001
+ i._listRef = u;
1002
+ }, r), Ce(i, l);
1003
1003
  }
1004
- return mn(t, [{
1004
+ return Cn(t, [{
1005
1005
  key: "resetloadMoreItemsCache",
1006
1006
  value: function() {
1007
- var i = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : !1;
1008
- this._memoizedUnloadedRanges = [], i && this._ensureRowsLoaded(this._lastRenderedStartIndex, this._lastRenderedStopIndex);
1007
+ var r = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : !1;
1008
+ this._memoizedUnloadedRanges = [], r && this._ensureRowsLoaded(this._lastRenderedStartIndex, this._lastRenderedStopIndex);
1009
1009
  }
1010
1010
  }, {
1011
1011
  key: "componentDidMount",
@@ -1014,94 +1014,94 @@ var Nn = function(e, t) {
1014
1014
  }, {
1015
1015
  key: "render",
1016
1016
  value: function() {
1017
- var i = this.props.children;
1018
- return i({
1017
+ var r = this.props.children;
1018
+ return r({
1019
1019
  onItemsRendered: this._onItemsRendered,
1020
1020
  ref: this._setRef
1021
1021
  });
1022
1022
  }
1023
1023
  }, {
1024
1024
  key: "_ensureRowsLoaded",
1025
- value: function(i, r) {
1026
- var l = this.props, a = l.isItemLoaded, c = l.itemCount, d = l.minimumBatchSize, M = d === void 0 ? 10 : d, I = l.threshold, p = I === void 0 ? 15 : I, h = hn({
1025
+ value: function(r, i) {
1026
+ var l = this.props, a = l.isItemLoaded, c = l.itemCount, d = l.minimumBatchSize, u = d === void 0 ? 10 : d, v = l.threshold, m = v === void 0 ? 15 : v, h = fn({
1027
1027
  isItemLoaded: a,
1028
1028
  itemCount: c,
1029
- minimumBatchSize: M,
1030
- startIndex: Math.max(0, i - p),
1031
- stopIndex: Math.min(c - 1, r + p)
1029
+ minimumBatchSize: u,
1030
+ startIndex: Math.max(0, r - m),
1031
+ stopIndex: Math.min(c - 1, i + m)
1032
1032
  });
1033
- (this._memoizedUnloadedRanges.length !== h.length || this._memoizedUnloadedRanges.some(function(m, x) {
1034
- return h[x] !== m;
1033
+ (this._memoizedUnloadedRanges.length !== h.length || this._memoizedUnloadedRanges.some(function(I, R) {
1034
+ return h[R] !== I;
1035
1035
  })) && (this._memoizedUnloadedRanges = h, this._loadUnloadedRanges(h));
1036
1036
  }
1037
1037
  }, {
1038
1038
  key: "_loadUnloadedRanges",
1039
- value: function(i) {
1040
- for (var r = this, l = this.props.loadMoreItems || this.props.loadMoreRows, a = function(M) {
1041
- var I = i[M], p = i[M + 1], h = l(I, p);
1039
+ value: function(r) {
1040
+ for (var i = this, l = this.props.loadMoreItems || this.props.loadMoreRows, a = function(u) {
1041
+ var v = r[u], m = r[u + 1], h = l(v, m);
1042
1042
  h != null && h.then(function() {
1043
- if (In({
1044
- lastRenderedStartIndex: r._lastRenderedStartIndex,
1045
- lastRenderedStopIndex: r._lastRenderedStopIndex,
1046
- startIndex: I,
1047
- stopIndex: p
1043
+ if (vn({
1044
+ lastRenderedStartIndex: i._lastRenderedStartIndex,
1045
+ lastRenderedStopIndex: i._lastRenderedStopIndex,
1046
+ startIndex: v,
1047
+ stopIndex: m
1048
1048
  })) {
1049
- if (r._listRef == null)
1049
+ if (i._listRef == null)
1050
1050
  return;
1051
- typeof r._listRef.resetAfterIndex == "function" ? r._listRef.resetAfterIndex(I, !0) : (typeof r._listRef._getItemStyleCache == "function" && r._listRef._getItemStyleCache(-1), r._listRef.forceUpdate());
1051
+ typeof i._listRef.resetAfterIndex == "function" ? i._listRef.resetAfterIndex(v, !0) : (typeof i._listRef._getItemStyleCache == "function" && i._listRef._getItemStyleCache(-1), i._listRef.forceUpdate());
1052
1052
  }
1053
1053
  });
1054
- }, c = 0; c < i.length; c += 2)
1054
+ }, c = 0; c < r.length; c += 2)
1055
1055
  a(c);
1056
1056
  }
1057
1057
  }]), t;
1058
1058
  })(Xe);
1059
- const Dn = /* @__PURE__ */ o("div")({
1059
+ const An = /* @__PURE__ */ o("div")({
1060
1060
  name: "Container",
1061
1061
  class: "culdu4a",
1062
1062
  propsAsIs: !1
1063
- }), Tn = /* @__PURE__ */ o("div")({
1063
+ }), $n = /* @__PURE__ */ o("div")({
1064
1064
  name: "Position",
1065
1065
  class: "pwf8e69",
1066
1066
  propsAsIs: !1
1067
- }), An = /* @__PURE__ */ o("img")({
1067
+ }), yn = /* @__PURE__ */ o("img")({
1068
1068
  name: "Avatar",
1069
1069
  class: "atf4yh4",
1070
1070
  propsAsIs: !1
1071
- }), jn = /* @__PURE__ */ o("div")({
1071
+ }), bn = /* @__PURE__ */ o("div")({
1072
1072
  name: "AvatarPlaceholder",
1073
1073
  class: "a1dg29ja",
1074
1074
  propsAsIs: !1
1075
- }), yn = /* @__PURE__ */ o("div")({
1075
+ }), wn = /* @__PURE__ */ o("div")({
1076
1076
  name: "Content",
1077
1077
  class: "c10a68rc",
1078
1078
  propsAsIs: !1
1079
- }), vn = /* @__PURE__ */ o("div")({
1079
+ }), Tn = /* @__PURE__ */ o("div")({
1080
1080
  name: "NameContainer",
1081
1081
  class: "nc4kck5",
1082
1082
  propsAsIs: !1
1083
- }), fn = /* @__PURE__ */ o("span")({
1083
+ }), Rn = /* @__PURE__ */ o("span")({
1084
1084
  name: "Name",
1085
1085
  class: "njsrqgr",
1086
1086
  propsAsIs: !1
1087
- }), xn = () => f, En = /* @__PURE__ */ o(xn())({
1087
+ }), Sn = () => T, kn = /* @__PURE__ */ o(Sn())({
1088
1088
  name: "CurrentUserBadge",
1089
1089
  class: "c17uc4zr",
1090
1090
  propsAsIs: !0
1091
1091
  });
1092
- var Ce = { exports: {} }, Ln = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED", zn = Ln, On = zn;
1093
- function Se() {
1092
+ var xe = { exports: {} }, Ln = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED", En = Ln, xn = En;
1093
+ function Pe() {
1094
1094
  }
1095
- function ke() {
1095
+ function qe() {
1096
1096
  }
1097
- ke.resetWarningCache = Se;
1098
- var Cn = function() {
1099
- function e(i, r, l, a, c, d) {
1100
- if (d !== On) {
1101
- var M = new Error(
1097
+ qe.resetWarningCache = Pe;
1098
+ var Pn = function() {
1099
+ function e(r, i, l, a, c, d) {
1100
+ if (d !== xn) {
1101
+ var u = new Error(
1102
1102
  "Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types"
1103
1103
  );
1104
- throw M.name = "Invariant Violation", M;
1104
+ throw u.name = "Invariant Violation", u;
1105
1105
  }
1106
1106
  }
1107
1107
  e.isRequired = e;
@@ -1128,15 +1128,15 @@ var Cn = function() {
1128
1128
  oneOfType: t,
1129
1129
  shape: t,
1130
1130
  exact: t,
1131
- checkPropTypes: ke,
1132
- resetWarningCache: Se
1131
+ checkPropTypes: qe,
1132
+ resetWarningCache: Pe
1133
1133
  };
1134
1134
  return s.PropTypes = s, s;
1135
1135
  };
1136
- Ce.exports = Cn();
1137
- var Sn = Ce.exports;
1138
- const z = /* @__PURE__ */ Ve(Sn);
1139
- class ie extends Ke {
1136
+ xe.exports = Pn();
1137
+ var qn = xe.exports;
1138
+ const L = /* @__PURE__ */ We(qn);
1139
+ class ie extends et {
1140
1140
  constructor(t) {
1141
1141
  super(t), this.scrollListener = this.scrollListener.bind(this), this.eventListenerOptions = this.eventListenerOptions.bind(this), this.mousewheelListener = this.mousewheelListener.bind(this);
1142
1142
  }
@@ -1229,14 +1229,14 @@ class ie extends Ke {
1229
1229
  t.deltaY === 1 && !this.isPassiveSupported() && t.preventDefault();
1230
1230
  }
1231
1231
  scrollListener() {
1232
- const t = this.scrollComponent, s = window, i = this.getParentElement(t);
1233
- let r;
1232
+ const t = this.scrollComponent, s = window, r = this.getParentElement(t);
1233
+ let i;
1234
1234
  if (this.props.useWindow) {
1235
1235
  const l = document.documentElement || document.body.parentNode || document.body, a = s.pageYOffset !== void 0 ? s.pageYOffset : l.scrollTop;
1236
- this.props.isReverse ? r = a : r = this.calculateOffset(t, a);
1236
+ this.props.isReverse ? i = a : i = this.calculateOffset(t, a);
1237
1237
  } else
1238
- this.props.isReverse ? r = i.scrollTop : r = t.scrollHeight - i.scrollTop - i.clientHeight;
1239
- r < Number(this.props.threshold) && t && t.offsetParent !== null && (this.detachScrollListener(), this.beforeScrollHeight = i.scrollHeight, this.beforeScrollTop = i.scrollTop, typeof this.props.loadMore == "function" && (this.props.loadMore(this.pageLoaded += 1), this.loadMore = !0));
1238
+ this.props.isReverse ? i = r.scrollTop : i = t.scrollHeight - r.scrollTop - r.clientHeight;
1239
+ i < Number(this.props.threshold) && t && t.offsetParent !== null && (this.detachScrollListener(), this.beforeScrollHeight = r.scrollHeight, this.beforeScrollTop = r.scrollTop, typeof this.props.loadMore == "function" && (this.props.loadMore(this.pageLoaded += 1), this.loadMore = !0));
1240
1240
  }
1241
1241
  calculateOffset(t, s) {
1242
1242
  return t ? this.calculateTopPosition(t) + (t.offsetHeight - s - window.innerHeight) : 0;
@@ -1247,41 +1247,41 @@ class ie extends Ke {
1247
1247
  render() {
1248
1248
  const t = this.filterProps(this.props), {
1249
1249
  children: s,
1250
- element: i,
1251
- hasMore: r,
1250
+ element: r,
1251
+ hasMore: i,
1252
1252
  initialLoad: l,
1253
1253
  isReverse: a,
1254
1254
  loader: c,
1255
1255
  loadMore: d,
1256
- pageStart: M,
1257
- ref: I,
1258
- threshold: p,
1256
+ pageStart: u,
1257
+ ref: v,
1258
+ threshold: m,
1259
1259
  useCapture: h,
1260
- useWindow: m,
1261
- getScrollParent: x,
1262
- ...D
1260
+ useWindow: I,
1261
+ getScrollParent: R,
1262
+ ...g
1263
1263
  } = t;
1264
- D.ref = (g) => {
1265
- this.scrollComponent = g, I && I(g);
1264
+ g.ref = (C) => {
1265
+ this.scrollComponent = C, v && v(C);
1266
1266
  };
1267
- const A = [s];
1268
- return r && (c ? a ? A.unshift(c) : A.push(c) : this.defaultLoader && (a ? A.unshift(this.defaultLoader) : A.push(this.defaultLoader))), V.createElement(i, D, A);
1267
+ const $ = [s];
1268
+ return i && (c ? a ? $.unshift(c) : $.push(c) : this.defaultLoader && (a ? $.unshift(this.defaultLoader) : $.push(this.defaultLoader))), W.createElement(r, g, $);
1269
1269
  }
1270
1270
  }
1271
1271
  te(ie, "propTypes", {
1272
- children: z.node.isRequired,
1273
- element: z.node,
1274
- hasMore: z.bool,
1275
- initialLoad: z.bool,
1276
- isReverse: z.bool,
1277
- loader: z.node,
1278
- loadMore: z.func.isRequired,
1279
- pageStart: z.number,
1280
- ref: z.func,
1281
- getScrollParent: z.func,
1282
- threshold: z.number,
1283
- useCapture: z.bool,
1284
- useWindow: z.bool
1272
+ children: L.node.isRequired,
1273
+ element: L.node,
1274
+ hasMore: L.bool,
1275
+ initialLoad: L.bool,
1276
+ isReverse: L.bool,
1277
+ loader: L.node,
1278
+ loadMore: L.func.isRequired,
1279
+ pageStart: L.number,
1280
+ ref: L.func,
1281
+ getScrollParent: L.func,
1282
+ threshold: L.number,
1283
+ useCapture: L.bool,
1284
+ useWindow: L.bool
1285
1285
  }), te(ie, "defaultProps", {
1286
1286
  element: "div",
1287
1287
  hasMore: !1,
@@ -1295,52 +1295,53 @@ te(ie, "propTypes", {
1295
1295
  loader: null,
1296
1296
  getScrollParent: null
1297
1297
  });
1298
- const kn = ({
1298
+ const Nn = ({
1299
1299
  rank: e,
1300
1300
  avatar: t,
1301
1301
  name: s,
1302
- points: i,
1303
- isCurrentUser: r,
1302
+ points: r,
1303
+ isCurrentUser: i,
1304
1304
  openItemDetail: l,
1305
1305
  style: a
1306
- }) => /* @__PURE__ */ u(Dn, { onClick: l, style: a, children: [
1307
- /* @__PURE__ */ n(Tn, { children: e || 0 }),
1308
- /* @__PURE__ */ u(yn, { children: [
1309
- t ? /* @__PURE__ */ n(An, { alt: "leaderboard-item-avatar", src: t }) : /* @__PURE__ */ n(jn, { children: ve(s || "") }),
1310
- /* @__PURE__ */ u(vn, { children: [
1311
- /* @__PURE__ */ n(fn, { children: s || "" }),
1312
- r && /* @__PURE__ */ n(En, { name: "icon-star" })
1306
+ }) => /* @__PURE__ */ p(An, { onClick: l, style: a, children: [
1307
+ /* @__PURE__ */ n($n, { children: e || 0 }),
1308
+ /* @__PURE__ */ p(wn, { children: [
1309
+ t ? /* @__PURE__ */ n(yn, { alt: "leaderboard-item-avatar", src: t }) : /* @__PURE__ */ n(bn, { children: we(s || "") }),
1310
+ /* @__PURE__ */ p(Tn, { children: [
1311
+ /* @__PURE__ */ n(Rn, { children: s || "" }),
1312
+ i && /* @__PURE__ */ n(kn, { name: "icon-star" })
1313
1313
  ] })
1314
1314
  ] }),
1315
- /* @__PURE__ */ n("div", { children: fe(i) })
1316
- ] }), wn = /* @__PURE__ */ o("div")({
1315
+ /* @__PURE__ */ n("div", { children: Te(r) })
1316
+ ] }), Dn = /* @__PURE__ */ o("div")({
1317
1317
  name: "Container",
1318
1318
  class: "c16btbfp",
1319
1319
  propsAsIs: !1
1320
- }), bn = ({
1320
+ }), On = ({
1321
1321
  items: e,
1322
1322
  currentUserId: t,
1323
1323
  openItemDetail: s,
1324
- fetchMore: i,
1325
- scrollNode: r,
1324
+ fetchMore: r,
1325
+ scrollNode: i,
1326
1326
  hasMore: l
1327
1327
  }) => /* @__PURE__ */ n(ie, {
1328
- loadMore: i,
1328
+ loadMore: r,
1329
1329
  initialLoad: !1,
1330
1330
  hasMore: l,
1331
1331
  useWindow: !1,
1332
- getScrollParent: () => r.current,
1333
- children: /* @__PURE__ */ n(wn, {
1334
- children: e.map((a) => /* @__PURE__ */ n(kn, {
1332
+ getScrollParent: () => i.current,
1333
+ children: /* @__PURE__ */ n(Dn, {
1334
+ children: e.map((a) => /* @__PURE__ */ n(Nn, {
1335
1335
  ...a,
1336
1336
  openItemDetail: () => s(a.userId),
1337
1337
  isCurrentUser: !!t && t === a.userId
1338
1338
  }, a.userId))
1339
1339
  })
1340
- }), $n = ({ deepLink: e }) => /* @__PURE__ */ n(
1341
- We,
1340
+ }), Mn = ({ appNode: e, deepLink: t }) => /* @__PURE__ */ n(
1341
+ ze,
1342
1342
  {
1343
- inviteLink: e,
1343
+ appNode: e,
1344
+ inviteLink: t,
1344
1345
  socialLinks: [
1345
1346
  {
1346
1347
  icon: "icon-facebook",
@@ -1356,79 +1357,71 @@ const kn = ({
1356
1357
  inviteCardTitle: "It’s More Fun With Friends",
1357
1358
  inviteCardSubtext: "Invite and compete against your friends for the top spot on the leaderboard."
1358
1359
  }
1359
- ), Qn = /* @__PURE__ */ o("div")({
1360
+ ), Vn = /* @__PURE__ */ o("div")({
1360
1361
  name: "InviteLinkContainer",
1361
1362
  class: "i1chxfpe",
1362
1363
  propsAsIs: !1
1363
- }), Rn = ({
1364
+ }), _n = ({
1364
1365
  gamification: e,
1365
1366
  scrollNode: t,
1366
- scrollStore: s
1367
+ scrollStore: s,
1368
+ appNode: r
1367
1369
  }) => {
1368
1370
  const {
1369
1371
  data: i,
1370
- hasMore: r
1371
- } = Y(e.leaderboardList.$store), {
1372
- data: l
1373
- } = Y(e.deepLink.$store);
1374
- if (!(i != null && i.length))
1375
- return /* @__PURE__ */ n($n, {
1376
- deepLink: l
1377
- });
1378
- const a = async () => {
1379
- if (l)
1380
- try {
1381
- await navigator.clipboard.writeText(l);
1382
- } catch (c) {
1383
- console.error("Unable to copy to clipboard", c);
1384
- }
1385
- };
1386
- return /* @__PURE__ */ u(S, {
1387
- children: [/* @__PURE__ */ n(bn, {
1372
+ hasMore: l
1373
+ } = Q(e.leaderboardList.$store), {
1374
+ data: a
1375
+ } = Q(e.deepLink.$store), [c, d] = Be(r);
1376
+ return i != null && i.length ? /* @__PURE__ */ p(P, {
1377
+ children: [/* @__PURE__ */ n(On, {
1388
1378
  items: i,
1389
1379
  scrollNode: t,
1390
1380
  scrollStore: s,
1391
1381
  fetchMore: e.leaderboardList.fetchMore,
1392
- hasMore: r,
1382
+ hasMore: l,
1393
1383
  openItemDetail: e.openUser,
1394
1384
  currentUserId: e.currentUserId.get()
1395
- }), l && /* @__PURE__ */ n(Qn, {
1396
- children: /* @__PURE__ */ n(Mn, {
1397
- onClick: a,
1385
+ }), a && /* @__PURE__ */ n(Vn, {
1386
+ children: /* @__PURE__ */ n(mn, {
1387
+ onClick: () => c(a),
1398
1388
  title: "Invite Friends",
1399
1389
  description: "Challenge them now!"
1400
1390
  })
1401
- })]
1391
+ }), d]
1392
+ }) : /* @__PURE__ */ n(Mn, {
1393
+ appNode: r,
1394
+ deepLink: a
1402
1395
  });
1403
- }, Un = /* @__PURE__ */ o("div")({
1396
+ }, Qn = /* @__PURE__ */ o("div")({
1404
1397
  name: "QuestionItem",
1405
1398
  class: "q1w97g3p",
1406
1399
  propsAsIs: !1
1407
- }), Yn = /* @__PURE__ */ o("div")({
1400
+ }), jn = /* @__PURE__ */ o("div")({
1408
1401
  name: "QuestionCaption",
1409
1402
  class: "q2sl39u",
1410
1403
  propsAsIs: !1
1411
- }), Pn = /* @__PURE__ */ o("div")({
1404
+ }), Un = /* @__PURE__ */ o("div")({
1412
1405
  name: "QuestionBody",
1413
1406
  class: "qd5h0uc",
1414
1407
  propsAsIs: !1
1415
- }), qn = /* @__PURE__ */ o("div")({
1408
+ }), Wn = /* @__PURE__ */ o("div")({
1416
1409
  name: "QuestionAction",
1417
1410
  class: "q105uluy",
1418
1411
  propsAsIs: !1
1419
- }), Vn = () => f, X = /* @__PURE__ */ o(Vn())({
1412
+ }), zn = () => T, J = /* @__PURE__ */ o(zn())({
1420
1413
  name: "QuestionActionIcon",
1421
1414
  class: "q1fa0b9h",
1422
1415
  propsAsIs: !0
1423
- }), Wn = () => f, _n = /* @__PURE__ */ o(Wn())({
1416
+ }), Bn = () => T, Fn = /* @__PURE__ */ o(Bn())({
1424
1417
  name: "QuestionTypeIcon",
1425
1418
  class: "qxlt78s",
1426
1419
  propsAsIs: !0
1427
- }), Bn = /* @__PURE__ */ o("div")({
1420
+ }), Hn = /* @__PURE__ */ o("div")({
1428
1421
  name: "QuestionTypeLabel",
1429
1422
  class: "qmg0vkx",
1430
1423
  propsAsIs: !1
1431
- }), Fn = /* @__PURE__ */ o("div")({
1424
+ }), Yn = /* @__PURE__ */ o("div")({
1432
1425
  name: "QuestionContent",
1433
1426
  class: "q1uz5j1g",
1434
1427
  propsAsIs: !1
@@ -1436,40 +1429,40 @@ const kn = ({
1436
1429
  name: "PlayButton",
1437
1430
  class: "p1pba9p1",
1438
1431
  propsAsIs: !1
1439
- }), Hn = {
1440
- [H.LOST]: /* @__PURE__ */ n(X, { name: "incorrectVoted" }),
1441
- [H.WON]: /* @__PURE__ */ n(X, { name: "icon-check" }),
1442
- [H.UNSET]: /* @__PURE__ */ n(X, { name: "icon-arrow" }),
1443
- [H.DNP]: /* @__PURE__ */ n(X, { name: "icon-arrow" })
1444
- }, Gn = ({
1432
+ }), Gn = {
1433
+ [Z.LOST]: /* @__PURE__ */ n(J, { name: "incorrectVoted" }),
1434
+ [Z.WON]: /* @__PURE__ */ n(J, { name: "icon-check" }),
1435
+ [Z.UNSET]: /* @__PURE__ */ n(J, { name: "icon-arrow" }),
1436
+ [Z.DNP]: /* @__PURE__ */ n(J, { name: "icon-arrow" })
1437
+ }, Kn = ({
1445
1438
  questionId: e,
1446
1439
  questionType: t,
1447
1440
  questionStatus: s,
1448
- subject: i,
1449
- openForVoting: r,
1441
+ subject: r,
1442
+ openForVoting: i,
1450
1443
  openQuestion: l,
1451
1444
  status: a
1452
1445
  }) => {
1453
- const c = Te[t], d = Hn[a];
1454
- return c ? /* @__PURE__ */ u(Un, { onClick: () => l == null ? void 0 : l(e), children: [
1455
- /* @__PURE__ */ u(Fn, { children: [
1456
- /* @__PURE__ */ u(Yn, { children: [
1446
+ const c = Ae[t], d = Gn[a];
1447
+ return c ? /* @__PURE__ */ p(Qn, { onClick: () => l == null ? void 0 : l(e), children: [
1448
+ /* @__PURE__ */ p(Yn, { children: [
1449
+ /* @__PURE__ */ p(jn, { children: [
1457
1450
  /* @__PURE__ */ n(
1458
- _n,
1451
+ Fn,
1459
1452
  {
1460
- "data-type-trivia": t === N.TRIVIA,
1461
- "data-type-poll": t === N.POLL,
1453
+ "data-type-trivia": t === f.TRIVIA,
1454
+ "data-type-poll": t === f.POLL,
1462
1455
  name: c.iconName
1463
1456
  }
1464
1457
  ),
1465
- /* @__PURE__ */ u(Bn, { children: [
1458
+ /* @__PURE__ */ p(Hn, { children: [
1466
1459
  c.label,
1467
- t === N.TRIVIA && s === $.RESOLVED && " • Expired"
1460
+ t === f.TRIVIA && s === O.RESOLVED && " • Expired"
1468
1461
  ] })
1469
1462
  ] }),
1470
- /* @__PURE__ */ n(Pn, { children: i || "" })
1463
+ /* @__PURE__ */ n(Un, { children: r || "" })
1471
1464
  ] }),
1472
- /* @__PURE__ */ n(qn, { children: r ? /* @__PURE__ */ n(Zn, { children: "Play" }) : d })
1465
+ /* @__PURE__ */ n(Wn, { children: i ? /* @__PURE__ */ n(Zn, { children: "Play" }) : d })
1473
1466
  ] }) : null;
1474
1467
  }, Jn = /* @__PURE__ */ o("div")({
1475
1468
  name: "Container",
@@ -1479,125 +1472,133 @@ const kn = ({
1479
1472
  name: "ActionBtn",
1480
1473
  class: "a10g1iik",
1481
1474
  propsAsIs: !1
1482
- }), Kn = ({
1475
+ }), ei = ({
1483
1476
  openInsight: e,
1484
1477
  questionId: t,
1485
1478
  ...s
1486
- }) => /* @__PURE__ */ u(Jn, { children: [
1487
- /* @__PURE__ */ n(Oe, { questionId: t, ...s, isPickHistory: !0 }),
1479
+ }) => /* @__PURE__ */ p(Jn, { children: [
1480
+ /* @__PURE__ */ n(Ee, { questionId: t, ...s, isPickHistory: !0 }),
1488
1481
  e && /* @__PURE__ */ n(Xn, { onClick: () => e(t), children: "View Insight" })
1489
- ] }), ei = /* @__PURE__ */ o("div")({
1482
+ ] }), ti = /* @__PURE__ */ o("div")({
1490
1483
  name: "Container",
1491
1484
  class: "cl56x6b",
1492
1485
  propsAsIs: !1
1493
- }), ti = () => _e, si = /* @__PURE__ */ o(ti())({
1486
+ }), si = () => Fe, ni = /* @__PURE__ */ o(si())({
1494
1487
  name: "ActionButton",
1495
1488
  class: "a11pzf92",
1496
1489
  propsAsIs: !0
1497
- }), ni = /* @__PURE__ */ o("div")({
1490
+ }), ii = /* @__PURE__ */ o("div")({
1498
1491
  name: "DateTime",
1499
1492
  class: "d1hbaleq",
1500
1493
  propsAsIs: !1
1501
- }), ii = /* @__PURE__ */ o("blockquote")({
1494
+ }), ri = /* @__PURE__ */ o("blockquote")({
1502
1495
  name: "Quote",
1503
1496
  class: "qvvgqjm",
1504
1497
  propsAsIs: !1
1505
- }), ri = ({
1498
+ }), oi = ({
1506
1499
  openTweet: e,
1507
1500
  created: t,
1508
1501
  ...s
1509
1502
  }) => {
1510
- const i = k(() => {
1503
+ const r = q(() => {
1511
1504
  if (t) {
1512
- const r = new Date(t);
1513
- if (ae(r))
1505
+ const i = new Date(t);
1506
+ if (ae(i))
1514
1507
  return {
1515
- date: re(r),
1516
- time: oe(r)
1508
+ date: re(i),
1509
+ time: oe(i)
1517
1510
  };
1518
1511
  }
1519
1512
  return null;
1520
1513
  }, [t]);
1521
- return /* @__PURE__ */ u(ei, { children: [
1522
- i && /* @__PURE__ */ u(ni, { children: [
1523
- i.date,
1514
+ return /* @__PURE__ */ p(ti, { children: [
1515
+ r && /* @__PURE__ */ p(ii, { children: [
1516
+ r.date,
1524
1517
  " · ",
1525
- i.time
1518
+ r.time
1526
1519
  ] }),
1527
- s.title && /* @__PURE__ */ n(ii, { children: s.title }),
1528
- /* @__PURE__ */ n(Ae, { ...s }),
1529
- e && /* @__PURE__ */ n(si, { onClick: () => e(s.tweetId), children: "View Insight" })
1520
+ s.title && /* @__PURE__ */ n(ri, { children: s.title }),
1521
+ /* @__PURE__ */ n($e, { ...s }),
1522
+ e && /* @__PURE__ */ n(ni, { onClick: () => e(s.tweetId), children: "View Insight" })
1530
1523
  ] });
1531
- }, oi = /* @__PURE__ */ o("div")({
1524
+ }, ai = /* @__PURE__ */ o("div")({
1532
1525
  name: "QuestionsContainer",
1533
1526
  class: "qvghv3l",
1534
1527
  propsAsIs: !1
1535
- }), ai = ({ questions: e, openQuestion: t }) => /* @__PURE__ */ n(oi, { children: e == null ? void 0 : e.map((s) => {
1536
- var i, r, l;
1537
- if (s.type === "question" && ((i = s.attributes) == null ? void 0 : i.attributes.case) === "question") {
1528
+ }), li = ({ questions: e, openQuestion: t }) => /* @__PURE__ */ n(ai, { children: e == null ? void 0 : e.map((s) => {
1529
+ var r, i, l;
1530
+ if (s.type === "question" && ((r = s.attributes) == null ? void 0 : r.attributes.case) === "question") {
1538
1531
  const a = s.attributes.attributes.value;
1539
- return /* @__PURE__ */ n(Gn, { openQuestion: t, ...a }, a.questionId);
1532
+ return /* @__PURE__ */ n(Kn, { openQuestion: t, ...a }, a.questionId);
1540
1533
  }
1541
- if (s.type === "insight" && ((r = s.attributes) == null ? void 0 : r.attributes.case) === "insight") {
1534
+ if (s.type === "insight" && ((i = s.attributes) == null ? void 0 : i.attributes.case) === "insight") {
1542
1535
  const a = s.attributes.attributes.value, c = s.attributes.created;
1543
- return /* @__PURE__ */ n(Kn, { openInsight: t, ...a, created: c }, a.questionId);
1536
+ return /* @__PURE__ */ n(ei, { openInsight: t, ...a, created: c }, a.questionId);
1544
1537
  }
1545
1538
  if (s.type === "tweet" && ((l = s.attributes) == null ? void 0 : l.attributes.case) === "tweet") {
1546
1539
  const a = s.attributes.attributes.value, c = s.attributes.id, d = s.attributes.created;
1547
- return /* @__PURE__ */ n(ri, { openTweet: t, ...a, tweetId: c, created: d }, c);
1540
+ return /* @__PURE__ */ n(oi, { openTweet: t, ...a, tweetId: c, created: d }, c);
1548
1541
  }
1549
1542
  return null;
1550
- }) }), li = ({ store: e, openQuestion: t }) => {
1551
- const s = Y(e);
1552
- return s != null && s.data ? /* @__PURE__ */ n(ai, { openQuestion: t, questions: s.data }) : /* @__PURE__ */ n("div", { children: "wait questions..." });
1553
- }, ci = ({ userSummary: e }) => {
1543
+ }) }), ci = ({ store: e, openQuestion: t }) => {
1544
+ const s = Q(e);
1545
+ return s != null && s.data ? /* @__PURE__ */ n(li, { openQuestion: t, questions: s.data }) : /* @__PURE__ */ n("div", { children: "wait questions..." });
1546
+ }, di = ({ userSummary: e }) => {
1554
1547
  var t;
1555
- const [s, i] = w(void 0);
1548
+ const [s, r] = N(void 0);
1556
1549
  return ee(() => {
1557
- const r = e.subscribe((l) => {
1558
- l != null && l.data && i(l.data);
1550
+ const i = e.subscribe((l) => {
1551
+ l != null && l.data && r(l.data);
1559
1552
  });
1560
1553
  return () => {
1561
- r();
1554
+ i();
1562
1555
  };
1563
- }, [e]), s != null && s.summary ? /* @__PURE__ */ n(xe, { ...s.summary, successRate: (t = s.percentage) == null ? void 0 : t.correct }) : /* @__PURE__ */ n("div", { children: "wait user..." });
1564
- }, di = ({ gamification: e, className: t, scrollStore: s, scrollNode: i }) => {
1565
- const [r, l] = w(!1), [a, c] = w(K.HOME), [, d] = et(), M = (p) => {
1566
- d(() => c(p));
1567
- }, I = (p) => {
1568
- d(() => l(p));
1556
+ }, [e]), s != null && s.summary ? /* @__PURE__ */ n(Re, { ...s.summary, successRate: (t = s.percentage) == null ? void 0 : t.correct }) : /* @__PURE__ */ n("div", { children: "wait user..." });
1557
+ }, pi = ({ gamification: e, className: t, scrollStore: s, scrollNode: r, appNode: i }) => {
1558
+ const [l, a] = N(!1), [c, d] = N(X.HOME), [, u] = tt(), v = (h) => {
1559
+ u(() => d(h));
1560
+ }, m = (h) => {
1561
+ u(() => a(h));
1569
1562
  };
1570
- return ee(() => s.listen((p) => {
1571
- if (p.scrollPosition === 0) {
1572
- I(!1), s.setKey("tabsShown", !1);
1563
+ return ee(() => s.listen((h) => {
1564
+ if (h.scrollPosition === 0) {
1565
+ m(!1), s.setKey("tabsShown", !1);
1573
1566
  return;
1574
1567
  }
1575
- I(p.scrollDirection === "forward"), s.setKey("tabsShown", p.scrollDirection !== "forward");
1576
- }), [s]), /* @__PURE__ */ u(Be, { className: t, children: [
1568
+ m(h.scrollDirection === "forward"), s.setKey("tabsShown", h.scrollDirection !== "forward");
1569
+ }), [s]), /* @__PURE__ */ p(He, { className: t, children: [
1577
1570
  /* @__PURE__ */ n(
1578
- Fe,
1571
+ Ye,
1579
1572
  {
1580
1573
  style: {
1581
- top: r ? "-60px" : "0px"
1574
+ top: l ? "-60px" : "0px"
1582
1575
  },
1583
- children: /* @__PURE__ */ n(nn, { activePage: a, toggleActivePage: M })
1576
+ children: /* @__PURE__ */ n(rn, { activePage: c, toggleActivePage: v })
1584
1577
  }
1585
1578
  ),
1586
- a === K.HOME && /* @__PURE__ */ u(S, { children: [
1587
- /* @__PURE__ */ n(je, { style: { paddingTop: "8px" }, children: /* @__PURE__ */ n(ci, { userSummary: e.userSummary }) }),
1588
- /* @__PURE__ */ n(Ze, { style: { flex: 1 }, children: /* @__PURE__ */ n(li, { openQuestion: e.openQuestion, store: e.feedList.getStore() }) })
1579
+ c === X.HOME && /* @__PURE__ */ p(P, { children: [
1580
+ /* @__PURE__ */ n(ye, { style: { paddingTop: "8px" }, children: /* @__PURE__ */ n(di, { userSummary: e.userSummary }) }),
1581
+ /* @__PURE__ */ n(Ze, { style: { flex: 1 }, children: /* @__PURE__ */ n(ci, { openQuestion: e.openQuestion, store: e.feedList.getStore() }) })
1589
1582
  ] }),
1590
- a === K.LEADERBOARD && /* @__PURE__ */ n(He, { children: /* @__PURE__ */ n(Rn, { scrollStore: s, scrollNode: i, gamification: e }) })
1583
+ c === X.LEADERBOARD && /* @__PURE__ */ n(Ge, { children: /* @__PURE__ */ n(
1584
+ _n,
1585
+ {
1586
+ appNode: i,
1587
+ scrollStore: s,
1588
+ scrollNode: r,
1589
+ gamification: e
1590
+ }
1591
+ ) })
1591
1592
  ] });
1592
- }, ui = () => Ge, De = /* @__PURE__ */ o(ui())({
1593
+ }, ui = () => Ke, ge = /* @__PURE__ */ o(ui())({
1593
1594
  name: "OpenedContainer",
1594
1595
  class: "oar61gl",
1595
1596
  propsAsIs: !0
1596
- }), pi = /* @__PURE__ */ o("div")({
1597
+ }), hi = /* @__PURE__ */ o("div")({
1597
1598
  name: "UserContainer",
1598
1599
  class: "u14zaal4",
1599
1600
  propsAsIs: !1
1600
- }), Mi = ({
1601
+ }), mi = ({
1601
1602
  correct: e,
1602
1603
  incorrect: t
1603
1604
  }) => {
@@ -1607,32 +1608,33 @@ const kn = ({
1607
1608
  gamification: e,
1608
1609
  scrollStore: t,
1609
1610
  className: s,
1610
- appNode: i,
1611
- scrollNode: r
1611
+ appNode: r,
1612
+ scrollNode: i
1612
1613
  }) => {
1613
- const l = Y(e.openedQuestion.$store), a = Y(e.openedUser);
1614
- return /* @__PURE__ */ u(S, {
1615
- children: [l && i.current && de.createPortal(/* @__PURE__ */ n(De, {
1614
+ const l = Q(e.openedQuestion.$store), a = Q(e.openedUser);
1615
+ return /* @__PURE__ */ p(P, {
1616
+ children: [l && r.current && de.createPortal(/* @__PURE__ */ n(ge, {
1616
1617
  className: s,
1617
1618
  children: /* @__PURE__ */ n(Xs, {
1618
1619
  gamification: e
1619
1620
  })
1620
- }), i.current), a && i.current && de.createPortal(/* @__PURE__ */ n(De, {
1621
+ }), r.current), a && r.current && de.createPortal(/* @__PURE__ */ n(ge, {
1621
1622
  className: s,
1622
- children: /* @__PURE__ */ u(pi, {
1623
- children: [/* @__PURE__ */ n(ye, {
1623
+ children: /* @__PURE__ */ p(hi, {
1624
+ children: [/* @__PURE__ */ n(be, {
1624
1625
  label: "Friend's Rank",
1625
1626
  close: e.closeUser
1626
- }), /* @__PURE__ */ n(je, {
1627
- children: /* @__PURE__ */ n(xe, {
1627
+ }), /* @__PURE__ */ n(ye, {
1628
+ children: /* @__PURE__ */ n(Re, {
1628
1629
  ...a,
1629
- successRate: Mi(a)
1630
+ successRate: mi(a)
1630
1631
  })
1631
1632
  })]
1632
1633
  })
1633
- }), i.current), /* @__PURE__ */ n(di, {
1634
+ }), r.current), /* @__PURE__ */ n(pi, {
1635
+ appNode: r,
1634
1636
  scrollStore: t,
1635
- scrollNode: r,
1637
+ scrollNode: i,
1636
1638
  className: s,
1637
1639
  gamification: e
1638
1640
  })]