@streamlayer/react 0.35.0 → 0.37.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (26) hide show
  1. package/lib/app/masters.d.ts +1 -1
  2. package/lib/cjs/gamification-feature.js +5 -1
  3. package/lib/cjs/index2.js +2 -2
  4. package/lib/cjs/masters.js +1 -1
  5. package/lib/cjs/masters2.js +50 -60
  6. package/lib/cjs/points.js +1 -1
  7. package/lib/cjs/useSdkFeature.js +1 -0
  8. package/lib/cjs/useStreamLayerApp.js +1 -1
  9. package/lib/dist/cjs/gamification-feature.js +5 -1
  10. package/lib/dist/cjs/masters.js +71 -81
  11. package/lib/dist/es/gamification-feature.js +774 -723
  12. package/lib/dist/es/index.js +1 -1
  13. package/lib/dist/es/masters.js +21976 -25675
  14. package/lib/dist/index.d.ts +98 -72
  15. package/lib/dist/style.css +1 -1
  16. package/lib/es/gamification-feature.js +743 -692
  17. package/lib/es/index2.js +15 -8
  18. package/lib/es/masters.js +2 -2
  19. package/lib/es/masters2.js +11211 -13297
  20. package/lib/es/points.js +28 -29
  21. package/lib/es/useSdkFeature.js +178 -0
  22. package/lib/es/useStreamLayerApp.js +1 -1
  23. package/lib/style.css +1 -1
  24. package/package.json +58 -39
  25. package/lib/cjs/index4.js +0 -1
  26. package/lib/es/index4.js +0 -158
package/lib/dist/es/gamification-feature.js CHANGED
@@ -1,183 +1,183 @@
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 q } from "react/jsx-runtime";
5
+ import { s as i, c as R, Q as I, o as Ae, a as V, b as Ue, d as F, e as ne, E as Q, w as je, j as ye, u as O, g as We, f as Be, K as ze, P as G, h as Fe, p as He, C as Ye, n as $e, i as Ze, l as Ge, Y as de, k as Ke } from "./masters.js";
6
+ import W, { useRef as M, useState as N, useCallback as B, useEffect as Y, useLayoutEffect as Je, useMemo as P, PureComponent as Xe, Component as et, useTransition as tt } from "react";
7
+ const st = /* @__PURE__ */ i("div")({
8
8
  name: "Container",
9
9
  class: "c1vwopgc",
10
10
  propsAsIs: !1
11
- }), st = /* @__PURE__ */ o("div")({
11
+ }), nt = /* @__PURE__ */ i("div")({
12
12
  name: "QuestionTypeWrap",
13
13
  class: "qyktpt0",
14
14
  propsAsIs: !1
15
- }), nt = () => f, it = /* @__PURE__ */ o(nt())({
15
+ }), rt = () => R, ot = /* @__PURE__ */ i(rt())({
16
16
  name: "QuestionTypeIcon",
17
17
  class: "q951jdx",
18
18
  propsAsIs: !0
19
- }), rt = /* @__PURE__ */ o("span")({
19
+ }), it = /* @__PURE__ */ i("span")({
20
20
  name: "QuestionTypeTitle",
21
21
  class: "qss5f0e",
22
22
  propsAsIs: !1
23
- }), ot = /* @__PURE__ */ o("button")({
23
+ }), at = /* @__PURE__ */ i("button")({
24
24
  name: "CloseButton",
25
25
  class: "c1ao1jtv",
26
26
  propsAsIs: !1
27
- }), at = () => f, lt = /* @__PURE__ */ o(at())({
27
+ }), lt = () => R, ct = /* @__PURE__ */ i(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
+ ot,
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 === I.TRIVIA,
39
+ "data-type-poll": e === I.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(it, { 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", oe = (e) => e.toLocaleDateString("en-US", {
48
48
  weekday: "short",
49
49
  month: "short",
50
50
  day: "numeric"
51
- }), oe = (e) => e.toLocaleTimeString("en-US", {
51
+ }), ie = (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__ */ i("div")({
55
55
  name: "Container",
56
56
  class: "c1zy8a",
57
57
  propsAsIs: !1
58
- }), dt = /* @__PURE__ */ o("div")({
58
+ }), pt = /* @__PURE__ */ i("div")({
59
59
  name: "Title",
60
60
  class: "t1vih9p5",
61
61
  propsAsIs: !1
62
- }), ut = /* @__PURE__ */ o("div")({
62
+ }), ut = /* @__PURE__ */ i("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__ */ i("div")({
70
70
  name: "Container",
71
71
  class: "ctmhwyc",
72
72
  propsAsIs: !1
73
- }), Mt = /* @__PURE__ */ o("div")({
73
+ }), mt = /* @__PURE__ */ i("div")({
74
74
  name: "Indicator",
75
75
  class: "i1jri200",
76
76
  propsAsIs: !1
77
- }), It = /* @__PURE__ */ o("div")({
77
+ }), vt = /* @__PURE__ */ i("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
+ }), K = ({ indicator: e, title: t }) => /* @__PURE__ */ p(ht, { children: [
82
+ /* @__PURE__ */ n(mt, { children: e }),
83
+ /* @__PURE__ */ n(vt, { children: t })
84
+ ] }), ft = /* @__PURE__ */ i("div")({
85
85
  name: "Container",
86
86
  class: "c1yrpn9o",
87
87
  propsAsIs: !1
88
- }), Nt = /* @__PURE__ */ o("div")({
88
+ }), It = /* @__PURE__ */ i("div")({
89
89
  name: "TopInfo",
90
90
  class: "t17fwahh",
91
91
  propsAsIs: !1
92
- }), mt = /* @__PURE__ */ o("div")({
92
+ }), Ct = /* @__PURE__ */ i("div")({
93
93
  name: "BottomInfo",
94
94
  class: "by6w7e9",
95
95
  propsAsIs: !1
96
- }), gt = /* @__PURE__ */ o("div")({
96
+ }), gt = /* @__PURE__ */ i("div")({
97
97
  name: "User",
98
98
  class: "u1g7arbm",
99
99
  propsAsIs: !1
100
- }), Dt = /* @__PURE__ */ o("img")({
100
+ }), At = /* @__PURE__ */ i("img")({
101
101
  name: "Avatar",
102
102
  class: "a1ldeata",
103
103
  propsAsIs: !1
104
- }), Tt = /* @__PURE__ */ o("div")({
104
+ }), yt = /* @__PURE__ */ i("div")({
105
105
  name: "UserInfo",
106
106
  class: "u10d4koz",
107
107
  propsAsIs: !1
108
- }), At = /* @__PURE__ */ o("div")({
108
+ }), $t = /* @__PURE__ */ i("div")({
109
109
  name: "UserName",
110
110
  class: "u1q6roj0",
111
111
  propsAsIs: !1
112
- }), jt = /* @__PURE__ */ o("div")({
112
+ }), bt = /* @__PURE__ */ i("div")({
113
113
  name: "UserRating",
114
114
  class: "ui0m425",
115
115
  propsAsIs: !1
116
- }), yt = /* @__PURE__ */ o("img")({
116
+ }), wt = /* @__PURE__ */ i("img")({
117
117
  name: "TrophyIcon",
118
118
  class: "t1el3mrn",
119
119
  propsAsIs: !1
120
- }), vt = /* @__PURE__ */ o("div")({
120
+ }), Tt = /* @__PURE__ */ i("div")({
121
121
  name: "Rts",
122
122
  class: "r2vgnxv",
123
123
  propsAsIs: !1
124
- }), ft = /* @__PURE__ */ o("div")({
124
+ }), Rt = /* @__PURE__ */ i("div")({
125
125
  name: "RtsIndicator",
126
126
  class: "roqn06j",
127
127
  propsAsIs: !1
128
- }), xt = /* @__PURE__ */ o("div")({
128
+ }), St = /* @__PURE__ */ i("div")({
129
129
  name: "RtsLabel",
130
130
  class: "r15adx7c",
131
131
  propsAsIs: !1
132
- }), Et = /* @__PURE__ */ o("div")({
132
+ }), kt = /* @__PURE__ */ i("div")({
133
133
  name: "Divider",
134
134
  class: "dv59lta",
135
135
  propsAsIs: !1
136
- }), Lt = /* @__PURE__ */ o("div")({
136
+ }), Lt = /* @__PURE__ */ i("div")({
137
137
  name: "Ranks",
138
138
  class: "r55lotb",
139
139
  propsAsIs: !1
140
- }), zt = /* @__PURE__ */ o("div")({
140
+ }), Et = /* @__PURE__ */ i("div")({
141
141
  name: "Statistics",
142
142
  class: "s1knfgqt",
143
143
  propsAsIs: !1
144
- }), Ot = /* @__PURE__ */ o("div")({
144
+ }), xt = /* @__PURE__ */ i("div")({
145
145
  name: "AvatarPlaceholder",
146
146
  class: "a1mqo824",
147
147
  propsAsIs: !1
148
- }), Ct = /* @__PURE__ */ o("button")({
148
+ }), Pt = /* @__PURE__ */ i("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: o,
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(yt, { children: [
170
+ /* @__PURE__ */ n($t, { 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,714 +185,717 @@ 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: o || 0, title: "Global rank" })
192
192
  ] }),
193
- /* @__PURE__ */ u(zt, { children: [
194
- /* @__PURE__ */ n(G, { indicator: l || 0, title: "Win streak" }),
195
- /* @__PURE__ */ n(G, { indicator: a || 0, title: "Correct" }),
196
- /* @__PURE__ */ n(G, { indicator: c || 0, title: "Incorrect" }),
197
- /* @__PURE__ */ n(G, { indicator: `${M || 0}%`, title: "Succ. rate" })
193
+ /* @__PURE__ */ p(Et, { children: [
194
+ /* @__PURE__ */ n(K, { indicator: l || 0, title: "Win streak" }),
195
+ /* @__PURE__ */ n(K, { indicator: a || 0, title: "Correct" }),
196
+ /* @__PURE__ */ n(K, { indicator: c || 0, title: "Incorrect" }),
197
+ /* @__PURE__ */ n(K, { indicator: `${u || 0}%`, title: "Succ. rate" })
198
198
  ] })
199
199
  ] })
200
- ] }), kt = /* @__PURE__ */ o("div")({
200
+ ] }), Nt = /* @__PURE__ */ i("div")({
201
201
  name: "SponsorLogoWrap",
202
202
  class: "s8p5v5z",
203
203
  propsAsIs: !1
204
- }), wt = () => f, bt = /* @__PURE__ */ o(wt())({
204
+ }), Dt = () => R, Ot = /* @__PURE__ */ i(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__ */ i("div")({
213
213
  name: "Container",
214
214
  class: "c38csyt",
215
215
  propsAsIs: !1
216
- }), Rt = /* @__PURE__ */ o("div")({
216
+ }), _t = /* @__PURE__ */ i("div")({
217
217
  name: "Title",
218
218
  class: "ty221rx",
219
219
  propsAsIs: !1
220
- }), Ut = /* @__PURE__ */ o("div")({
220
+ }), Qt = /* @__PURE__ */ i("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
+ }), Ut = ({ title: e, description: t }) => /* @__PURE__ */ p(Vt, { children: [
225
+ /* @__PURE__ */ n(R, { name: "icon-check-circle" }),
226
+ /* @__PURE__ */ n(_t, { children: e }),
227
+ /* @__PURE__ */ n(Qt, { children: t })
228
+ ] }), jt = /* @__PURE__ */ i("div")({
229
229
  name: "Container",
230
230
  class: "c16sbdnm",
231
231
  propsAsIs: !1
232
- }), qt = () => f, Vt = /* @__PURE__ */ o(qt())({
232
+ }), Wt = () => R, Bt = /* @__PURE__ */ i(Wt())({
233
233
  name: "IconPrediction",
234
234
  class: "ibhorgl",
235
235
  propsAsIs: !0
236
- }), F = /* @__PURE__ */ o("div")({
236
+ }), H = /* @__PURE__ */ i("div")({
237
237
  name: "FeedbackIconWrap",
238
238
  class: "f1g20ja7",
239
239
  propsAsIs: !1
240
- }), J = /* @__PURE__ */ o("div")({
240
+ }), J = /* @__PURE__ */ i("div")({
241
241
  name: "FeedbackHeader",
242
242
  class: "f455ozj",
243
243
  propsAsIs: !1
244
- }), Wt = /* @__PURE__ */ o("span")({
244
+ }), zt = /* @__PURE__ */ i("span")({
245
245
  name: "FeedbackTitle",
246
246
  class: "f1913njx",
247
247
  propsAsIs: !1
248
- }), q = /* @__PURE__ */ o("span")({
248
+ }), j = /* @__PURE__ */ i("span")({
249
249
  name: "FeedbackDescription",
250
250
  class: "fzfk69z",
251
251
  propsAsIs: !1
252
- }), se = /* @__PURE__ */ o("div")({
252
+ }), se = /* @__PURE__ */ i("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: o,
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: h,
268
+ marketClosed: v
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 m = s && (r === I.TRIVIA || r === I.PREDICTION) && d && l !== V.RESOLVED, f = r === I.PREDICTION && !o, b = v && r === I.PREDICTION && !s && !h || r === I.PREDICTION && u && d && h, C = m && f, y = m && o, A = r === I.PREDICTION && s && d && o, g = s && r === I.POLL && d;
271
+ if (!a && !c && !C && !y && !b && !g && !A)
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 $ = t ? "correct" : "incorrect", T = t ? e == null ? void 0 : e.correctFeedback : e == null ? void 0 : e.incorrectFeedback;
274
+ return /* @__PURE__ */ p(jt, { "data-isPrediction": f, children: [
275
+ a && /* @__PURE__ */ p(q, { children: [
276
+ /* @__PURE__ */ n(H, { children: /* @__PURE__ */ n(R, { name: "questionExpired" }) }),
277
+ /* @__PURE__ */ p("div", { children: [
278
+ /* @__PURE__ */ n(J, { children: /* @__PURE__ */ n(j, { 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(q, { children: [
283
+ /* @__PURE__ */ n(H, { children: /* @__PURE__ */ n(R, { name: "questionExpired" }) }),
284
+ /* @__PURE__ */ p("div", { children: [
285
+ /* @__PURE__ */ n(J, { children: /* @__PURE__ */ n(j, { 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
+ b && /* @__PURE__ */ p(q, { children: [
290
+ /* @__PURE__ */ n(H, { children: /* @__PURE__ */ n(R, { name: "questionExpired" }) }),
291
+ /* @__PURE__ */ p("div", { children: [
292
+ /* @__PURE__ */ n(J, { children: /* @__PURE__ */ n(j, { 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
+ C && /* @__PURE__ */ p(q, { children: [
297
+ /* @__PURE__ */ n(Bt, { name: "icon-prediction" }),
298
+ /* @__PURE__ */ n(j, { 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
+ g && /* @__PURE__ */ p(q, { children: [
301
+ /* @__PURE__ */ n(H, { "data-feedback-type": "correct", children: /* @__PURE__ */ n(R, { name: "correct" }) }),
302
+ /* @__PURE__ */ n(j, { 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
+ (y || A) && /* @__PURE__ */ p(q, { children: [
305
+ /* @__PURE__ */ n(H, { "data-feedback-type": $, children: /* @__PURE__ */ n(R, { name: $ }) }),
306
+ /* @__PURE__ */ n("div", { children: /* @__PURE__ */ p(J, { children: [
307
+ /* @__PURE__ */ n(zt, { "data-feedback-type": $, children: T == null ? void 0 : T.title }),
308
+ /* @__PURE__ */ n(j, { children: T == null ? void 0 : T.description })
309
309
  ] }) })
310
310
  ] })
311
311
  ] });
312
- }, Bt = /* @__PURE__ */ o("div")({
312
+ }, Ht = /* @__PURE__ */ i("div")({
313
313
  name: "Container",
314
314
  class: "c14ielyq",
315
315
  propsAsIs: !1
316
- }), Ft = /* @__PURE__ */ o("div")({
316
+ }), Yt = () => Ue, Zt = /* @__PURE__ */ i(Yt())({
317
+ name: "QuestionScrollContainer",
318
+ class: "q1tlqx57",
319
+ propsAsIs: !0
320
+ }), Gt = /* @__PURE__ */ i("div")({
317
321
  name: "Content",
318
- class: "c1tlqx57",
322
+ class: "c1hq58md",
319
323
  propsAsIs: !1
320
- }), Zt = /* @__PURE__ */ o("div")({
324
+ }), Kt = /* @__PURE__ */ i("div")({
321
325
  name: "Title",
322
- class: "t1hq58md",
326
+ class: "t1c8nxcx",
323
327
  propsAsIs: !1
324
- }), Ht = /* @__PURE__ */ o("div")({
328
+ }), Jt = /* @__PURE__ */ i("div")({
325
329
  name: "Options",
326
- class: "o1c8nxcx",
330
+ class: "oiozuc3",
327
331
  propsAsIs: !1
328
- }), Gt = /* @__PURE__ */ o("button")({
332
+ }), Xt = /* @__PURE__ */ i("button")({
329
333
  name: "ButtonContainer",
330
334
  class: "b1b6dl8t",
331
335
  propsAsIs: !1
332
- }), Jt = /* @__PURE__ */ o("div")({
336
+ }), es = /* @__PURE__ */ i("div")({
333
337
  name: "ButtonPct",
334
338
  class: "b4iik8i",
335
339
  propsAsIs: !1
336
- }), Xt = /* @__PURE__ */ o("span")({
340
+ }), ts = /* @__PURE__ */ i("span")({
337
341
  name: "ButtonBody",
338
342
  class: "b1gq1lnf",
339
343
  propsAsIs: !1
340
- }), Kt = /* @__PURE__ */ o("div")({
344
+ }), ss = /* @__PURE__ */ i("div")({
341
345
  name: "IconContainer",
342
346
  class: "i1j65z51",
343
347
  propsAsIs: !1
344
- }), es = /* @__PURE__ */ o("div")({
348
+ }), ns = /* @__PURE__ */ i("div")({
345
349
  name: "IconWrap",
346
350
  class: "i19tpfua",
347
351
  propsAsIs: !1
348
- }), Ee = /* @__PURE__ */ o("img")({
352
+ }), Se = /* @__PURE__ */ i("img")({
349
353
  name: "Icon",
350
354
  class: "i1tubmma",
351
355
  propsAsIs: !1
352
- }), ts = () => Ee, ss = /* @__PURE__ */ o(ts())({
356
+ }), rs = () => Se, os = /* @__PURE__ */ i(rs())({
353
357
  name: "IconDefault",
354
358
  class: "i1grrgwj",
355
359
  propsAsIs: !0
356
- }), ns = () => Ee, is = /* @__PURE__ */ o(ns())({
360
+ }), is = () => Se, as = /* @__PURE__ */ i(is())({
357
361
  name: "IconCircle",
358
362
  class: "ibemyq8",
359
363
  propsAsIs: !0
360
- }), rs = /* @__PURE__ */ o("span")({
364
+ }), ls = /* @__PURE__ */ i("span")({
361
365
  name: "Title",
362
366
  class: "t1dceht",
363
367
  propsAsIs: !1
364
- }), os = /* @__PURE__ */ o("span")({
368
+ }), cs = /* @__PURE__ */ i("span")({
365
369
  name: "Indicators",
366
370
  class: "i116q4vq",
367
371
  propsAsIs: !1
368
- }), as = /* @__PURE__ */ o("span")({
372
+ }), ds = /* @__PURE__ */ i("span")({
369
373
  name: "Pts",
370
374
  class: "p17ajcu2",
371
375
  propsAsIs: !1
372
- }), ls = /* @__PURE__ */ o("span")({
376
+ }), ps = /* @__PURE__ */ i("span")({
373
377
  name: "Percentage",
374
378
  class: "pu9kmlb",
375
379
  propsAsIs: !1
376
- }), cs = () => f, ds = /* @__PURE__ */ o(cs())({
380
+ }), us = () => R, hs = /* @__PURE__ */ i(us())({
377
381
  name: "CheckIcon",
378
382
  class: "c1j2j0s0",
379
383
  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)
384
+ }), ue = {
385
+ [F.CENTERED]: (e) => /* @__PURE__ */ n(os, { alt: "option-icon", src: e }),
386
+ [F.TRANSPARENT]: (e) => /* @__PURE__ */ n(ss, { children: /* @__PURE__ */ n(ns, { style: { backgroundImage: `url(${e})` } }) }),
387
+ [F.ROUNDED]: (e) => /* @__PURE__ */ n(as, { alt: "option-icon", src: e }),
388
+ [F.NONE]: () => null,
389
+ [F.UNSET]: () => null
390
+ }, ms = ({ questionType: e, hasCorrectAnswer: t, correct: s, youVoted: r, questionVoted: o }) => {
391
+ if (e === I.POLL && r)
388
392
  return "correct";
389
- if (e === N.PREDICTION) {
390
- if (t && r)
391
- return i ? s ? "correct" : "incorrect" : "unset";
392
- if (i)
393
+ if (e === I.PREDICTION) {
394
+ if (t && o)
395
+ return r ? s ? "correct" : "incorrect" : "unset";
396
+ if (r)
393
397
  return "correct";
394
398
  }
395
- return e === N.TRIVIA && r && i ? s ? "correct" : "incorrect" : "unset";
396
- }, ps = ({
399
+ return e === I.TRIVIA && o && r ? s ? "correct" : "incorrect" : "unset";
400
+ }, vs = ({
397
401
  questionType: e,
398
402
  questionVoted: t,
399
403
  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) => {
404
+ hasCorrectAnswer: r,
405
+ questionStatus: o
406
+ }) => e === I.TRIVIA ? t && s : e === I.PREDICTION ? t && s && r || o === V.RESOLVED && s : !1, fs = (e) => {
403
407
  var t;
404
408
  const {
405
409
  // option props
406
410
  id: s,
407
- icon: i,
408
- text: r,
411
+ icon: r,
412
+ text: o,
409
413
  percentageDecimal: l,
410
414
  points: a,
411
415
  // extra props
412
416
  onVote: c,
413
417
  markThatVoted: d,
414
- youSelected: M,
415
- questionVoted: I,
416
- imageMode: p,
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
+ youSelected: u,
419
+ questionVoted: h,
420
+ imageMode: v,
421
+ answerTimeExpired: m,
422
+ questionStatus: f,
423
+ isLoading: b,
424
+ questionType: C,
425
+ correct: y,
426
+ hasCorrectAnswer: A,
427
+ votedAfterQuestionClosed: g,
428
+ enteredAnActiveQuestion: $,
429
+ marketClosed: T
430
+ } = e, E = ms(e), _ = vs({ questionType: C, questionVoted: h, correct: y, hasCorrectAnswer: A, questionStatus: f }), D = T && C === I.PREDICTION, Z = h || D, w = C === I.PREDICTION && !h && !T;
431
+ return /* @__PURE__ */ p(
432
+ Xt,
429
433
  {
430
434
  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) => {
435
+ "data-selected": u,
436
+ "data-answer-state": E,
437
+ disabled: h || b || m || D && !$ || D && $ && g,
438
+ "data-is-not-checked": h && !u && E !== "incorrect",
439
+ onClick: (k) => {
436
440
  d(
437
- D === N.PREDICTION ? v : m === $.RESOLVED
438
- ), c(L);
441
+ C === I.PREDICTION ? T : f === V.RESOLVED
442
+ ), c(k);
439
443
  },
440
444
  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: [
445
+ /* @__PURE__ */ n(es, { "data-answer-state": E, style: { width: `${Z ? l : 0}%` } }),
446
+ /* @__PURE__ */ p(ts, { children: [
447
+ r && v && ((t = ue[v]) == null ? void 0 : t.call(ue, r)),
448
+ /* @__PURE__ */ n(ls, { children: o }),
449
+ w && /* @__PURE__ */ p("div", { children: [
446
450
  /* @__PURE__ */ n(ne, { value: a }),
447
- /* @__PURE__ */ n(as, { children: "pts" })
451
+ /* @__PURE__ */ n(ds, { children: "pts" })
448
452
  ] }),
449
- Z && /* @__PURE__ */ u(os, { children: [
450
- Q && /* @__PURE__ */ n(ds, { name: "selected" }),
451
- /* @__PURE__ */ n(ls, { children: /* @__PURE__ */ n(ne, { value: l, suffix: "%" }) })
453
+ Z && /* @__PURE__ */ p(cs, { children: [
454
+ _ && /* @__PURE__ */ n(hs, { name: "selected" }),
455
+ /* @__PURE__ */ n(ps, { children: /* @__PURE__ */ n(ne, { value: l, suffix: "%" }) })
452
456
  ] })
453
457
  ] })
454
458
  ]
455
459
  }
456
460
  );
457
461
  };
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;
461
- if (h.current === null) {
462
- h.current = y, p.current = requestAnimationFrame(x);
462
+ var he = typeof window > "u" ? Y : Je, Is = ({ isPlaying: e, duration: t, startAt: s = 0, updateInterval: r = 0, onComplete: o, onUpdate: l }) => {
463
+ let [a, c] = N(s), d = M(0), u = M(s), h = M(s * -1e3), v = M(null), m = M(null), f = M(null), b = (A) => {
464
+ let g = A / 1e3;
465
+ if (m.current === null) {
466
+ m.current = g, v.current = requestAnimationFrame(b);
463
467
  return;
464
468
  }
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));
469
+ let $ = g - m.current, T = d.current + $;
470
+ m.current = g, d.current = T;
471
+ let E = u.current + (r === 0 ? T : (T / r | 0) * r), _ = u.current + T, D = typeof t == "number" && _ >= t;
472
+ c(D ? t : E), D || (v.current = requestAnimationFrame(b));
473
+ }, C = () => {
474
+ v.current && cancelAnimationFrame(v.current), f.current && clearTimeout(f.current), m.current = null;
475
+ }, y = B((A) => {
476
+ C(), d.current = 0;
477
+ let g = typeof A == "number" ? A : s;
478
+ u.current = g, c(g), e && (v.current = requestAnimationFrame(b));
475
479
  }, [e, s]);
476
- return Me(() => {
480
+ return he(() => {
477
481
  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));
482
+ h.current += t * 1e3;
483
+ let { shouldRepeat: A = !1, delay: g = 0, newStartAt: $ } = (o == null ? void 0 : o(h.current / 1e3)) || {};
484
+ A && (f.current = setTimeout(() => y($), g * 1e3));
481
485
  }
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)
486
+ }, [a, t]), he(() => (e && (v.current = requestAnimationFrame(b)), C), [e, t, r]), { elapsedTime: a, reset: y };
487
+ }, Cs = (e, t, s) => {
488
+ let r = e / 2, o = t / 2, l = r - o, a = 2 * l, c = s === "clockwise" ? "1,0" : "0,1", d = 2 * Math.PI * l;
489
+ return { path: `m ${r},${o} a ${l},${l} 0 ${c} 0,${a} a ${l},${l} 0 ${c} 0,-${a}`, pathLength: d };
490
+ }, me = (e, t) => e === 0 || e === t ? 0 : typeof t == "number" ? e - t : 0, gs = (e) => ({ position: "relative", width: e, height: e }), As = { display: "flex", justifyContent: "center", alignItems: "center", position: "absolute", left: 0, top: 0, width: "100%", height: "100%" }, ke = (e, t, s, r, o) => {
491
+ if (r === 0)
488
492
  return t;
489
- let l = (r ? i - e : e) / i;
493
+ let l = (o ? r - e : e) / r;
490
494
  return t + s * l;
491
- }, he = (e) => {
495
+ }, ve = (e) => {
492
496
  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 : [];
494
- }, gs = (e, t) => {
497
+ return (s = (t = e.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i, (r, o, l, a) => `#${o}${o}${l}${l}${a}${a}`).substring(1).match(/.{2}/g)) == null ? void 0 : t.map((r) => parseInt(r, 16))) != null ? s : [];
498
+ }, ys = (e, t) => {
495
499
  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];
500
+ let { colors: r, colorsTime: o, isSmoothColorTransition: l = !0 } = e;
501
+ if (typeof r == "string")
502
+ return r;
503
+ let a = (s = o == null ? void 0 : o.findIndex((m, f) => m >= t && t >= o[f + 1])) != null ? s : -1;
504
+ if (!o || a === -1)
505
+ return r[0];
502
506
  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 })));
507
+ return r[a];
508
+ let c = o[a] - t, d = o[a] - o[a + 1], u = ve(r[a]), h = ve(r[a + 1]), v = !!e.isGrowing;
509
+ return `rgb(${u.map((m, f) => ke(c, m, h[f] - m, d, v) | 0).join(",")})`;
510
+ }, $s = (e) => {
511
+ let { duration: t, initialRemainingTime: s, updateInterval: r, size: o = 180, strokeWidth: l = 12, trailStrokeWidth: a, isPlaying: c = !1, isGrowing: d = !1, rotation: u = "clockwise", onComplete: h, onUpdate: v } = e, m = M(), f = Math.max(l, a ?? 0), { path: b, pathLength: C } = Cs(o, f, u), { elapsedTime: y } = Is({ isPlaying: c, duration: t, startAt: me(t, s), updateInterval: r, onUpdate: typeof v == "function" ? (g) => {
512
+ let $ = Math.ceil(t - g);
513
+ $ !== m.current && (m.current = $, v($));
514
+ } : void 0, onComplete: typeof h == "function" ? (g) => {
515
+ var $;
516
+ let { shouldRepeat: T, delay: E, newInitialRemainingTime: _ } = ($ = h(g)) != null ? $ : {};
517
+ if (T)
518
+ return { shouldRepeat: T, delay: E, newStartAt: me(t, _) };
519
+ } : void 0 }), A = t - y;
520
+ return { elapsedTime: y, path: b, pathLength: C, remainingTime: Math.ceil(A), rotation: u, size: o, stroke: ys(e, A), strokeDashoffset: ke(y, 0, C, t, d), strokeWidth: l };
521
+ }, Le = (e) => {
522
+ let { children: t, strokeLinecap: s, trailColor: r, trailStrokeWidth: o } = e, { path: l, pathLength: a, stroke: c, strokeDashoffset: d, remainingTime: u, elapsedTime: h, size: v, strokeWidth: m } = $s(e);
523
+ return W.createElement("div", { style: gs(v) }, W.createElement("svg", { viewBox: `0 0 ${v} ${v}`, width: v, height: v, xmlns: "http://www.w3.org/2000/svg" }, W.createElement("path", { d: l, fill: "none", stroke: r ?? "#d9d9d9", strokeWidth: o ?? m }), W.createElement("path", { d: l, fill: "none", stroke: c, strokeLinecap: s ?? "round", strokeWidth: m, strokeDasharray: a, strokeDashoffset: d })), typeof t == "function" && W.createElement("div", { style: As }, t({ remainingTime: u, elapsedTime: h, color: c })));
520
524
  };
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")({
525
+ Le.displayName = "CountdownCircleTimer";
526
+ const bs = [Q.PRIMARY_GREEN1, Q.SECONDARY_RED1, Q.SECONDARY_RED1, Q.NEUTRALS_GRAY3], ws = [10, 10, 1, 0], Ts = /* @__PURE__ */ i("div")({
523
527
  name: "RemainingTime",
524
528
  class: "r165427",
525
529
  propsAsIs: !1
526
- }), ys = U.SECONDARY_GREEN6, Ne = U.SECONDARY_RED3, vs = U.NEUTRALS_GRAY3, fs = ({
530
+ }), Rs = Q.SECONDARY_GREEN6, fe = Q.SECONDARY_RED3, Ss = Q.NEUTRALS_GRAY3, ks = ({
527
531
  isPlaying: e = !0,
528
532
  duration: t = 30,
529
533
  onTimerExpired: s
530
534
  }) => {
531
- const [i, r] = w(t > 10 ? ys : Ne), l = ({
535
+ const [r, o] = N(t > 10 ? Rs : fe), l = ({
532
536
  remainingTime: d
533
- }) => /* @__PURE__ */ n(js, {
537
+ }) => /* @__PURE__ */ n(Ts, {
534
538
  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, {
539
+ }), a = B(() => {
540
+ s == null || s(), o(Ss);
541
+ }, [s, o]), c = B((d) => {
542
+ d === 10 && o(fe);
543
+ }, [o]);
544
+ return /* @__PURE__ */ n(Le, {
541
545
  isPlaying: e,
542
546
  duration: t,
543
- colors: Ts,
544
- colorsTime: As,
547
+ colors: bs,
548
+ colorsTime: ws,
545
549
  size: 32,
546
550
  strokeWidth: 2,
547
551
  trailStrokeWidth: 2,
548
- trailColor: i,
552
+ trailColor: r,
549
553
  onComplete: a,
550
554
  onUpdate: c,
551
555
  children: l
552
556
  });
553
- }, xs = /* @__PURE__ */ o("div")({
557
+ }, Ls = /* @__PURE__ */ i("div")({
554
558
  name: "WinBarContainer",
555
559
  class: "wie6cqo",
556
560
  propsAsIs: !1
557
- }), Es = /* @__PURE__ */ o("div")({
561
+ }), Es = /* @__PURE__ */ i("div")({
558
562
  name: "Content",
559
563
  class: "cgizw4u",
560
564
  propsAsIs: !1
561
- }), Ls = /* @__PURE__ */ o("div")({
565
+ }), xs = /* @__PURE__ */ i("div")({
562
566
  name: "Title",
563
567
  class: "t1l3ucjp",
564
568
  propsAsIs: !1
565
- }), zs = () => f, Os = /* @__PURE__ */ o(zs())({
569
+ }), Ps = () => R, qs = /* @__PURE__ */ i(Ps())({
566
570
  name: "WinIcon",
567
571
  class: "wx7j799",
568
572
  propsAsIs: !0
569
- }), Cs = /* @__PURE__ */ o("div")({
573
+ }), Ns = /* @__PURE__ */ i("div")({
570
574
  name: "Points",
571
575
  class: "p4lwuj0",
572
576
  propsAsIs: !1
573
- }), Ss = /* @__PURE__ */ o("span")({
577
+ }), Ds = /* @__PURE__ */ i("span")({
574
578
  name: "PointsCount",
575
579
  class: "po9i64o",
576
580
  propsAsIs: !1
577
- }), ks = /* @__PURE__ */ o("span")({
581
+ }), Os = /* @__PURE__ */ i("span")({
578
582
  name: "PointsUnits",
579
583
  class: "pe5g05h",
580
584
  propsAsIs: !1
581
- }), ws = ({
585
+ }), Ms = ({
582
586
  title: e,
583
587
  points: t,
584
588
  isPlayingTimer: s,
585
- isTimer: i,
586
- questionType: r,
589
+ isTimer: r,
590
+ questionType: o,
587
591
  timerDuration: l,
588
592
  onTimerExpired: a
589
- }) => /* @__PURE__ */ u(xs, { style: { justifyContent: r === N.PREDICTION ? "center" : "space-between" }, children: [
590
- /* @__PURE__ */ u(Es, { children: [
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" })
593
+ }) => /* @__PURE__ */ p(Ls, { style: { justifyContent: o === I.PREDICTION ? "center" : "space-between" }, children: [
594
+ /* @__PURE__ */ p(Es, { children: [
595
+ e && /* @__PURE__ */ n(xs, { children: e }),
596
+ t !== void 0 && o !== I.POLL && /* @__PURE__ */ p(q, { children: [
597
+ /* @__PURE__ */ n(qs, { name: "icon-trophy" }),
598
+ /* @__PURE__ */ p(Ns, { children: [
599
+ /* @__PURE__ */ n(Ds, { children: /* @__PURE__ */ n(ne, { value: t }) }),
600
+ /* @__PURE__ */ n(Os, { children: "PTS" })
597
601
  ] })
598
602
  ] })
599
603
  ] }),
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;
604
- ee(() => {
605
- c === N.PREDICTION ? I && A(!1) : d === $.RESOLVED && A(!1);
604
+ r && o !== I.PREDICTION && /* @__PURE__ */ n(ks, { isPlaying: s, onTimerExpired: a, duration: l })
605
+ ] }), Vs = ({ openedQuestion: e, isLoading: t, vote: s, close: r }) => {
606
+ var o, l;
607
+ const a = e.subject, c = e.type, d = e.status, u = (o = e.options) == null ? void 0 : o.options, h = e.marketClosed, [v, m] = N(!1), [f, b] = N(!1), [C, y] = N(!0), [A, g] = N(!1), [$, T] = N(""), E = e == null ? void 0 : e.id;
608
+ Y(() => {
609
+ c === I.PREDICTION ? h && y(!1) : d === V.RESOLVED && y(!1);
606
610
  }, []);
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, _);
611
+ const _ = B((S) => {
612
+ b(S), m(!0);
613
+ }, []), D = B(
614
+ async (S) => {
615
+ if (E) {
616
+ const z = S.currentTarget.value;
617
+ T(z), await s(E, z);
614
618
  }
615
619
  },
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),
620
+ [E, T, s]
621
+ ), Z = B(() => {
622
+ g(!0), setTimeout(r, 3e3);
623
+ }, [r]), w = P(
624
+ () => e == null ? void 0 : e.answers.find((S) => S.youVoted === !0),
621
625
  [e]
622
- ), L = k(
623
- () => !!(e != null && e.answers.find((E) => E.correct === !0)),
626
+ ), k = P(
627
+ () => !!(e != null && e.answers.find((S) => S.correct === !0)),
624
628
  [e]
625
- ), C = k(
626
- () => e == null ? void 0 : e.answers.find((E) => E.correct === !0),
629
+ ), x = P(
630
+ () => e == null ? void 0 : e.answers.find((S) => S.correct === !0),
627
631
  [e]
628
- ), we = k(() => e ? e.answers.map((E) => {
629
- var _;
632
+ ), Ne = P(() => e ? e.answers.map((S) => {
633
+ var z;
630
634
  return {
631
- ...E,
632
- questionVoted: !!T,
633
- youSelected: j === E.id,
635
+ ...S,
636
+ questionVoted: !!w,
637
+ youSelected: $ === S.id,
634
638
  isLoading: t,
635
- hasCorrectAnswer: L,
639
+ hasCorrectAnswer: k,
636
640
  questionType: e.type,
637
- answerTimeExpired: g,
641
+ answerTimeExpired: A,
638
642
  questionStatus: d,
639
- imageMode: (_ = e.appearance) == null ? void 0 : _.images,
640
- onVote: b
643
+ imageMode: (z = e.appearance) == null ? void 0 : z.images,
644
+ onVote: D
641
645
  };
642
646
  }) : [], [
643
- L,
644
- g,
647
+ k,
648
+ A,
645
649
  t,
646
650
  e,
647
- T,
651
+ w,
648
652
  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;
653
+ D,
654
+ $
655
+ ]), De = u && (u.case === "trivia" || u.case === "prediction") ? u.value : void 0, U = d === V.RESOLVED && c === I.TRIVIA && !w && !C, le = c === I.TRIVIA && f && v && C, ce = P(() => c === I.PREDICTION ? !!(w && !k || w && k && x != null && x.youVoted) : !0, [c, w, k, x]), Oe = P(() => {
656
+ if (c === I.PREDICTION && w && (!k || k && x != null && x.youVoted))
657
+ return w.points;
658
+ if (!(U || A))
659
+ return d === V.RESOLVED ? 0 : w ? w.correct ? w.points : 0 : x == null ? void 0 : x.points;
656
660
  }, [
657
- g,
658
- T,
659
- C,
661
+ A,
662
+ w,
663
+ x,
660
664
  d,
661
- P,
665
+ U,
662
666
  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: [
667
+ k
668
+ ]), Me = P(() => c === I.PREDICTION && w ? k ? k && x != null && x.youVoted ? "You won" : "" : "To win" : U || A ? "Time expired" : c === I.POLL ? "Time remaining" : w ? "You won" : "To win", [A, c, w, U, k, x]), Ve = w || U || le || c === I.TRIVIA && d === V.RESOLVED && C;
669
+ return /* @__PURE__ */ n(Zt, { children: /* @__PURE__ */ n(Ht, { children: /* @__PURE__ */ p(Gt, { children: [
666
670
  /* @__PURE__ */ n(
667
- _t,
671
+ Ft,
668
672
  {
669
- feedbackMessages: be,
670
- questionVoted: !!T,
671
- questionVotedCorrectly: T == null ? void 0 : T.correct,
673
+ feedbackMessages: De,
674
+ questionVoted: !!w,
675
+ questionVotedCorrectly: w == null ? void 0 : w.correct,
672
676
  questionType: c,
673
- hasCorrectAnswer: L,
677
+ hasCorrectAnswer: k,
674
678
  questionStatus: d,
675
- showExpiredNotification: P,
679
+ showExpiredNotification: U,
676
680
  showClosedNotificationTrivia: le,
677
- votedInCurrentRender: p,
678
- votedAfterQuestionClosed: m,
679
- enteredAnActiveQuestion: D,
680
- marketClosed: I
681
+ votedInCurrentRender: v,
682
+ votedAfterQuestionClosed: f,
683
+ enteredAnActiveQuestion: C,
684
+ marketClosed: h
681
685
  }
682
686
  ),
683
687
  ce && /* @__PURE__ */ n(
684
- ws,
688
+ Ms,
685
689
  {
686
- title: Qe,
687
- points: $e,
690
+ title: Me,
691
+ points: Oe,
688
692
  onTimerExpired: Z,
689
693
  questionType: e.type,
690
694
  isTimer: !t,
691
- isPlayingTimer: !T,
692
- timerDuration: Re ? 0 : Number(((l = e == null ? void 0 : e.appearance) == null ? void 0 : l.autoHideInterval) || "30")
695
+ isPlayingTimer: !w,
696
+ timerDuration: Ve ? 0 : Number(((l = e == null ? void 0 : e.appearance) == null ? void 0 : l.autoHideInterval) || "30")
693
697
  }
694
698
  ),
695
- g ? /* @__PURE__ */ n(
696
- Yt,
699
+ A ? /* @__PURE__ */ n(
700
+ Ut,
697
701
  {
698
702
  title: "More to come...",
699
703
  description: "Watch for additional enhanced stream interactive experience."
700
704
  }
701
- ) : /* @__PURE__ */ u(S, { children: [
702
- /* @__PURE__ */ n(Zt, { style: ce ? {} : { marginTop: 0 }, children: a }),
703
- /* @__PURE__ */ n(Ht, { children: we.map((E) => /* @__PURE__ */ n(
704
- Ms,
705
+ ) : /* @__PURE__ */ p(q, { children: [
706
+ /* @__PURE__ */ n(Kt, { style: ce ? {} : { marginTop: 0 }, children: a }),
707
+ /* @__PURE__ */ n(Jt, { children: Ne.map((S) => /* @__PURE__ */ n(
708
+ fs,
705
709
  {
706
- ...E,
707
- markThatVoted: Q,
708
- votedAfterQuestionClosed: m,
709
- enteredAnActiveQuestion: D,
710
- marketClosed: I
710
+ ...S,
711
+ markThatVoted: _,
712
+ votedAfterQuestionClosed: f,
713
+ enteredAnActiveQuestion: C,
714
+ marketClosed: h
711
715
  },
712
- E.id
716
+ S.id
713
717
  )) })
714
718
  ] })
715
719
  ] }) }) });
716
- }, $s = /* @__PURE__ */ o("div")({
720
+ }, _s = /* @__PURE__ */ i("div")({
717
721
  name: "Container",
718
722
  class: "cgn5uen",
719
723
  propsAsIs: !1
720
- }), Qs = /* @__PURE__ */ o("div")({
724
+ }), Qs = /* @__PURE__ */ i("div")({
721
725
  name: "Content",
722
726
  class: "c1px8nt6",
723
727
  propsAsIs: !1
724
- }), Rs = /* @__PURE__ */ o("h3")({
728
+ }), Us = /* @__PURE__ */ i("h3")({
725
729
  name: "Title",
726
730
  class: "t5et2jt",
727
731
  propsAsIs: !1
728
- }), Us = /* @__PURE__ */ o("div")({
732
+ }), js = /* @__PURE__ */ i("div")({
729
733
  name: "Description",
730
734
  class: "d1i2kpk2",
731
735
  propsAsIs: !1
732
- }), Ys = /* @__PURE__ */ o("div")({
736
+ }), Ws = /* @__PURE__ */ i("div")({
733
737
  name: "DateWrap",
734
738
  class: "dd3lh3p",
735
739
  propsAsIs: !1
736
- }), Ps = /* @__PURE__ */ o("img")({
740
+ }), Bs = /* @__PURE__ */ i("img")({
737
741
  name: "Image",
738
742
  class: "i1gfjeu5",
739
743
  propsAsIs: !1
740
- }), Oe = ({
744
+ }), Ee = ({
741
745
  created: e,
742
- image: t,
743
- title: s,
744
- isPickHistory: i,
746
+ title: t,
747
+ isPickHistory: s,
745
748
  instantView: r,
746
- notification: l
749
+ notification: o
747
750
  }) => {
748
- const a = k(() => {
751
+ const l = P(() => {
749
752
  if (e) {
750
- const d = new Date(e);
751
- if (ae(d))
753
+ const a = new Date(e);
754
+ if (ae(a))
752
755
  return {
753
- date: re(d),
754
- time: oe(d)
756
+ date: oe(a),
757
+ time: ie(a)
755
758
  };
756
759
  }
757
760
  return null;
758
- }, [e]), c = (r == null ? void 0 : r.image) || t;
759
- return /* @__PURE__ */ u($s, { children: [
760
- a && /* @__PURE__ */ u(Ys, { children: [
761
- a.date,
761
+ }, [e]);
762
+ return /* @__PURE__ */ p(_s, { children: [
763
+ l && /* @__PURE__ */ p(Ws, { children: [
764
+ l.date,
762
765
  " · ",
763
- a.time
766
+ l.time
764
767
  ] }),
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 })
768
+ (r == null ? void 0 : r.video) && /* @__PURE__ */ n(je, { source: r.video.url, poster: r.video.thumbnailUrl }),
769
+ (r == null ? void 0 : r.image) && !(r != null && r.video) && /* @__PURE__ */ n(Bs, { src: r == null ? void 0 : r.image }),
770
+ /* @__PURE__ */ p(Qs, { children: [
771
+ /* @__PURE__ */ n(Us, { children: s ? t : r == null ? void 0 : r.heading }),
772
+ /* @__PURE__ */ n(js, { children: s ? o == null ? void 0 : o.body : r == null ? void 0 : r.body })
770
773
  ] })
771
774
  ] });
772
- }, qs = /* @__PURE__ */ o("div")({
775
+ }, zs = /* @__PURE__ */ i("div")({
773
776
  name: "Container",
774
777
  class: "c1euiow",
775
778
  propsAsIs: !1
776
- }), Vs = /* @__PURE__ */ o("a")({
779
+ }), Fs = /* @__PURE__ */ i("a")({
777
780
  name: "WebLinkBtn",
778
781
  class: "w19zie3h",
779
782
  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: [
783
+ }), Hs = ({ instantView: e, ...t }) => /* @__PURE__ */ p(zs, { children: [
784
+ /* @__PURE__ */ n(Ee, { instantView: e, ...t }),
785
+ (e == null ? void 0 : e.webLink) && /* @__PURE__ */ p(Fs, { href: e == null ? void 0 : e.webLink.url, target: "_blank", children: [
783
786
  e == null ? void 0 : e.webLink.label,
784
- /* @__PURE__ */ n(f, { name: "icon-external-link" })
787
+ /* @__PURE__ */ n(R, { name: "icon-external-link" })
785
788
  ] })
786
- ] }), _s = /* @__PURE__ */ o("div")({
789
+ ] }), Ys = /* @__PURE__ */ i("div")({
787
790
  name: "Container",
788
791
  class: "c1dcxmvf",
789
792
  propsAsIs: !1
790
- }), Bs = /* @__PURE__ */ o("div")({
793
+ }), Zs = /* @__PURE__ */ i("div")({
791
794
  name: "DateTime",
792
795
  class: "db4q22c",
793
796
  propsAsIs: !1
794
- }), Fs = /* @__PURE__ */ o("blockquote")({
797
+ }), Gs = /* @__PURE__ */ i("blockquote")({
795
798
  name: "Quote",
796
799
  class: "q111mmic",
797
800
  propsAsIs: !1
798
- }), Zs = ({ created: e, ...t }) => {
799
- const s = k(() => {
801
+ }), Ks = ({ created: e, ...t }) => {
802
+ const s = P(() => {
800
803
  if (e) {
801
- const i = new Date(e);
802
- if (ae(i))
804
+ const r = new Date(e);
805
+ if (ae(r))
803
806
  return {
804
- date: re(i),
805
- time: oe(i)
807
+ date: oe(r),
808
+ time: ie(r)
806
809
  };
807
810
  }
808
811
  return null;
809
812
  }, [e]);
810
- return /* @__PURE__ */ u(_s, { children: [
811
- s && /* @__PURE__ */ u(Bs, { children: [
813
+ return /* @__PURE__ */ p(Ys, { children: [
814
+ s && /* @__PURE__ */ p(Zs, { children: [
812
815
  s.date,
813
816
  " · ",
814
817
  s.time
815
818
  ] }),
816
- t.title && /* @__PURE__ */ n(Fs, { children: t.title }),
817
- /* @__PURE__ */ n(Ae, { ...t })
819
+ t.title && /* @__PURE__ */ n(Gs, { children: t.title }),
820
+ /* @__PURE__ */ n(ye, { ...t })
818
821
  ] });
819
- }, Hs = /* @__PURE__ */ o("div")({
822
+ }, Js = /* @__PURE__ */ i("div")({
820
823
  name: "QuestionContainer",
821
824
  class: "qdri6g3",
822
825
  propsAsIs: !1
823
- }), Gs = ({
826
+ }), Xs = ({
824
827
  openedQuestion: e
825
828
  }) => {
826
829
  var t, s;
827
- return ((t = e == null ? void 0 : e.attributes) == null ? void 0 : t.attributes.case) === "insight" ? /* @__PURE__ */ n(Ws, {
830
+ return ((t = e == null ? void 0 : e.attributes) == null ? void 0 : t.attributes.case) === "insight" ? /* @__PURE__ */ n(Hs, {
828
831
  created: e.attributes.created,
829
832
  ...e.attributes.attributes.value
830
- }) : ((s = e == null ? void 0 : e.attributes) == null ? void 0 : s.attributes.case) === "tweet" ? /* @__PURE__ */ n(Zs, {
833
+ }) : ((s = e == null ? void 0 : e.attributes) == null ? void 0 : s.attributes.case) === "tweet" ? /* @__PURE__ */ n(Ks, {
831
834
  created: e.attributes.created,
832
835
  ...e.attributes.attributes.value
833
836
  }) : null;
834
- }, Js = ({
837
+ }, en = ({
835
838
  extendedQuestion: e,
836
839
  vote: t,
837
840
  close: s
838
841
  }) => {
839
842
  const {
840
- loading: i,
841
- data: r
843
+ loading: r,
844
+ data: o
842
845
  } = e;
843
- return r ? /* @__PURE__ */ n(bs, {
846
+ return o ? /* @__PURE__ */ n(Vs, {
844
847
  vote: t,
845
848
  close: s,
846
- openedQuestion: r,
847
- isLoading: !!i
849
+ openedQuestion: o,
850
+ isLoading: !!r
848
851
  }) : null;
849
- }, Xs = ({
852
+ }, tn = ({
850
853
  gamification: e
851
854
  }) => {
852
855
  var t;
853
- const s = Y(e.openedQuestion.$store), i = Y(e.openedQuestion.$extendedStore);
856
+ const s = O(e.openedQuestion.$store), r = O(e.openedQuestion.$extendedStore);
854
857
  if (!s)
855
858
  return null;
856
- const r = s.type;
857
- return /* @__PURE__ */ u(Hs, {
858
- children: [/* @__PURE__ */ n(ye, {
859
+ const o = s.type;
860
+ return /* @__PURE__ */ p(Js, {
861
+ children: [/* @__PURE__ */ n(be, {
859
862
  close: e.closeQuestion,
860
- type: ((t = s.attributes) == null ? void 0 : t.type) || N.UNSET
861
- }), r === "question" && /* @__PURE__ */ n(Js, {
863
+ type: ((t = s.attributes) == null ? void 0 : t.type) || I.UNSET
864
+ }), o === "question" && /* @__PURE__ */ n(en, {
862
865
  vote: e.submitAnswer,
863
866
  close: e.closeQuestion,
864
- extendedQuestion: i
865
- }), r !== "question" && /* @__PURE__ */ n(Gs, {
867
+ extendedQuestion: r
868
+ }), o !== "question" && /* @__PURE__ */ n(Xs, {
866
869
  openedQuestion: s
867
- }), /* @__PURE__ */ n($t, {
870
+ }), /* @__PURE__ */ n(Mt, {
868
871
  sponsorLogo: ""
869
872
  })]
870
873
  });
871
- }, Ks = /* @__PURE__ */ o("div")({
874
+ }, sn = /* @__PURE__ */ i("div")({
872
875
  name: "Container",
873
876
  class: "c115qtkr",
874
877
  propsAsIs: !1
875
- }), en = /* @__PURE__ */ o("div")({
878
+ }), nn = /* @__PURE__ */ i("div")({
876
879
  name: "STabs",
877
880
  class: "sxnslc8",
878
881
  propsAsIs: !1
879
- }), tn = /* @__PURE__ */ o("button")({
882
+ }), rn = /* @__PURE__ */ i("button")({
880
883
  name: "Button",
881
884
  class: "b1umzux0",
882
885
  propsAsIs: !1
883
- }), sn = /* @__PURE__ */ o("span")({
886
+ }), on = /* @__PURE__ */ i("span")({
884
887
  name: "Title",
885
888
  class: "tspsaas",
886
889
  propsAsIs: !1
887
890
  });
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(
891
+ var ee = /* @__PURE__ */ ((e) => (e.HOME = "home", e.LEADERBOARD = "leaderboard", e))(ee || {});
892
+ const Ie = ({ title: e, active: t, onClick: s }) => /* @__PURE__ */ n(rn, { onClick: s, "data-selected": t, children: /* @__PURE__ */ n(on, { children: e }) }), an = ({ activePage: e = "home", toggleActivePage: t }) => /* @__PURE__ */ n(sn, { children: /* @__PURE__ */ p(nn, { "data-position": e === "home" ? "left" : "right", children: [
893
+ /* @__PURE__ */ n(Ie, { title: "Home", active: e === "home", onClick: () => t(
891
894
  "home"
892
895
  /* HOME */
893
896
  ) }),
894
897
  /* @__PURE__ */ n(
895
- me,
898
+ Ie,
896
899
  {
897
900
  title: "Friends",
898
901
  active: e === "leaderboard",
@@ -902,76 +905,76 @@ const me = ({ title: e, active: t, onClick: s }) => /* @__PURE__ */ n(tn, { onCl
902
905
  )
903
906
  }
904
907
  )
905
- ] }) }), rn = /* @__PURE__ */ o("div")({
908
+ ] }) }), ln = /* @__PURE__ */ i("div")({
906
909
  name: "Container",
907
910
  class: "c1ux29ft",
908
911
  propsAsIs: !1
909
- }), on = /* @__PURE__ */ o("img")({
912
+ }), cn = /* @__PURE__ */ i("img")({
910
913
  name: "FriendsIcon",
911
914
  class: "f10ncfg2",
912
915
  propsAsIs: !1
913
- }), an = /* @__PURE__ */ o("div")({
916
+ }), dn = /* @__PURE__ */ i("div")({
914
917
  name: "Content",
915
918
  class: "c1yc07bd",
916
919
  propsAsIs: !1
917
- }), ln = /* @__PURE__ */ o("div")({
920
+ }), pn = /* @__PURE__ */ i("div")({
918
921
  name: "Title",
919
922
  class: "tj6cq7w",
920
923
  propsAsIs: !1
921
- }), cn = /* @__PURE__ */ o("div")({
924
+ }), un = /* @__PURE__ */ i("div")({
922
925
  name: "Description",
923
926
  class: "d1ag78xo",
924
927
  propsAsIs: !1
925
- }), dn = () => f, un = /* @__PURE__ */ o(dn())({
928
+ }), hn = () => R, mn = /* @__PURE__ */ i(hn())({
926
929
  name: "ArrowInviteIcon",
927
930
  class: "awohrz6",
928
931
  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 })
932
+ }), vn = "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", fn = ({ title: e, description: t, onClick: s, className: r }) => /* @__PURE__ */ p(ln, { onClick: s, className: r, children: [
933
+ /* @__PURE__ */ n(cn, { alt: "friends-icon", src: vn }),
934
+ /* @__PURE__ */ p(dn, { children: [
935
+ /* @__PURE__ */ n(pn, { children: e }),
936
+ /* @__PURE__ */ n(un, { children: t })
934
937
  ] }),
935
- /* @__PURE__ */ n(un, { name: "icon-copy" })
938
+ /* @__PURE__ */ n(mn, { name: "icon-copy" })
936
939
  ] });
937
940
  function In(e) {
938
- var t = e.lastRenderedStartIndex, s = e.lastRenderedStopIndex, i = e.startIndex, r = e.stopIndex;
939
- return !(i > s || r < t);
941
+ var t = e.lastRenderedStartIndex, s = e.lastRenderedStopIndex, r = e.startIndex, o = e.stopIndex;
942
+ return !(r > s || o < t);
940
943
  }
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));
944
+ function Cn(e) {
945
+ for (var t = e.isItemLoaded, s = e.itemCount, r = e.minimumBatchSize, o = e.startIndex, l = e.stopIndex, a = [], c = null, d = null, u = o; u <= l; u++) {
946
+ var h = t(u);
947
+ h ? d !== null && (a.push(c, d), c = d = null) : (d = u, c === null && (c = u));
945
948
  }
946
949
  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++)
948
- d = h;
950
+ for (var v = Math.min(Math.max(d, c + r - 1), s - 1), m = d + 1; m <= v && !t(m); m++)
951
+ d = m;
949
952
  a.push(c, d);
950
953
  }
951
954
  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;
955
+ for (; a[1] - a[0] + 1 < r && a[0] > 0; ) {
956
+ var f = a[0] - 1;
957
+ if (!t(f))
958
+ a[0] = f;
956
959
  else
957
960
  break;
958
961
  }
959
962
  return a;
960
963
  }
961
- var Nn = function(e, t) {
964
+ var gn = function(e, t) {
962
965
  if (!(e instanceof t))
963
966
  throw new TypeError("Cannot call a class as a function");
964
- }, mn = function() {
967
+ }, An = /* @__PURE__ */ function() {
965
968
  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);
969
+ for (var r = 0; r < s.length; r++) {
970
+ var o = s[r];
971
+ o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(t, o.key, o);
969
972
  }
970
973
  }
971
- return function(t, s, i) {
972
- return s && e(t.prototype, s), i && e(t, i), t;
974
+ return function(t, s, r) {
975
+ return s && e(t.prototype, s), r && e(t, r), t;
973
976
  };
974
- }(), gn = function(e, t) {
977
+ }(), yn = function(e, t) {
975
978
  if (typeof t != "function" && t !== null)
976
979
  throw new TypeError("Super expression must either be null or a function, not " + typeof t);
977
980
  e.prototype = Object.create(t && t.prototype, {
@@ -982,30 +985,30 @@ var Nn = function(e, t) {
982
985
  configurable: !0
983
986
  }
984
987
  }), t && (Object.setPrototypeOf ? Object.setPrototypeOf(e, t) : e.__proto__ = t);
985
- }, ge = function(e, t) {
988
+ }, Ce = function(e, t) {
986
989
  if (!e)
987
990
  throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
988
991
  return t && (typeof t == "object" || typeof t == "function") ? t : e;
989
992
  };
990
993
  (function(e) {
991
- gn(t, e);
994
+ yn(t, e);
992
995
  function t() {
993
- var s, i, r, l;
994
- Nn(this, t);
996
+ var s, r, o, l;
997
+ gn(this, t);
995
998
  for (var a = arguments.length, c = Array(a), d = 0; d < a; d++)
996
999
  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);
1000
+ return l = (r = (o = Ce(this, (s = t.__proto__ || Object.getPrototypeOf(t)).call.apply(s, [this].concat(c))), o), o._lastRenderedStartIndex = -1, o._lastRenderedStopIndex = -1, o._memoizedUnloadedRanges = [], o._onItemsRendered = function(u) {
1001
+ var h = u.visibleStartIndex, v = u.visibleStopIndex;
1002
+ o._lastRenderedStartIndex = h, o._lastRenderedStopIndex = v, o._ensureRowsLoaded(h, v);
1003
+ }, o._setRef = function(u) {
1004
+ o._listRef = u;
1005
+ }, r), Ce(o, l);
1003
1006
  }
1004
- return mn(t, [{
1007
+ return An(t, [{
1005
1008
  key: "resetloadMoreItemsCache",
1006
1009
  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);
1010
+ var r = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : !1;
1011
+ this._memoizedUnloadedRanges = [], r && this._ensureRowsLoaded(this._lastRenderedStartIndex, this._lastRenderedStopIndex);
1009
1012
  }
1010
1013
  }, {
1011
1014
  key: "componentDidMount",
@@ -1014,94 +1017,94 @@ var Nn = function(e, t) {
1014
1017
  }, {
1015
1018
  key: "render",
1016
1019
  value: function() {
1017
- var i = this.props.children;
1018
- return i({
1020
+ var r = this.props.children;
1021
+ return r({
1019
1022
  onItemsRendered: this._onItemsRendered,
1020
1023
  ref: this._setRef
1021
1024
  });
1022
1025
  }
1023
1026
  }, {
1024
1027
  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({
1028
+ value: function(r, o) {
1029
+ var l = this.props, a = l.isItemLoaded, c = l.itemCount, d = l.minimumBatchSize, u = d === void 0 ? 10 : d, h = l.threshold, v = h === void 0 ? 15 : h, m = Cn({
1027
1030
  isItemLoaded: a,
1028
1031
  itemCount: c,
1029
- minimumBatchSize: M,
1030
- startIndex: Math.max(0, i - p),
1031
- stopIndex: Math.min(c - 1, r + p)
1032
+ minimumBatchSize: u,
1033
+ startIndex: Math.max(0, r - v),
1034
+ stopIndex: Math.min(c - 1, o + v)
1032
1035
  });
1033
- (this._memoizedUnloadedRanges.length !== h.length || this._memoizedUnloadedRanges.some(function(m, x) {
1034
- return h[x] !== m;
1035
- })) && (this._memoizedUnloadedRanges = h, this._loadUnloadedRanges(h));
1036
+ (this._memoizedUnloadedRanges.length !== m.length || this._memoizedUnloadedRanges.some(function(f, b) {
1037
+ return m[b] !== f;
1038
+ })) && (this._memoizedUnloadedRanges = m, this._loadUnloadedRanges(m));
1036
1039
  }
1037
1040
  }, {
1038
1041
  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);
1042
- h != null && h.then(function() {
1042
+ value: function(r) {
1043
+ for (var o = this, l = this.props.loadMoreItems || this.props.loadMoreRows, a = function(u) {
1044
+ var h = r[u], v = r[u + 1], m = l(h, v);
1045
+ m != null && m.then(function() {
1043
1046
  if (In({
1044
- lastRenderedStartIndex: r._lastRenderedStartIndex,
1045
- lastRenderedStopIndex: r._lastRenderedStopIndex,
1046
- startIndex: I,
1047
- stopIndex: p
1047
+ lastRenderedStartIndex: o._lastRenderedStartIndex,
1048
+ lastRenderedStopIndex: o._lastRenderedStopIndex,
1049
+ startIndex: h,
1050
+ stopIndex: v
1048
1051
  })) {
1049
- if (r._listRef == null)
1052
+ if (o._listRef == null)
1050
1053
  return;
1051
- typeof r._listRef.resetAfterIndex == "function" ? r._listRef.resetAfterIndex(I, !0) : (typeof r._listRef._getItemStyleCache == "function" && r._listRef._getItemStyleCache(-1), r._listRef.forceUpdate());
1054
+ typeof o._listRef.resetAfterIndex == "function" ? o._listRef.resetAfterIndex(h, !0) : (typeof o._listRef._getItemStyleCache == "function" && o._listRef._getItemStyleCache(-1), o._listRef.forceUpdate());
1052
1055
  }
1053
1056
  });
1054
- }, c = 0; c < i.length; c += 2)
1057
+ }, c = 0; c < r.length; c += 2)
1055
1058
  a(c);
1056
1059
  }
1057
1060
  }]), t;
1058
1061
  })(Xe);
1059
- const Dn = /* @__PURE__ */ o("div")({
1062
+ const $n = /* @__PURE__ */ i("div")({
1060
1063
  name: "Container",
1061
1064
  class: "culdu4a",
1062
1065
  propsAsIs: !1
1063
- }), Tn = /* @__PURE__ */ o("div")({
1066
+ }), bn = /* @__PURE__ */ i("div")({
1064
1067
  name: "Position",
1065
1068
  class: "pwf8e69",
1066
1069
  propsAsIs: !1
1067
- }), An = /* @__PURE__ */ o("img")({
1070
+ }), wn = /* @__PURE__ */ i("img")({
1068
1071
  name: "Avatar",
1069
1072
  class: "atf4yh4",
1070
1073
  propsAsIs: !1
1071
- }), jn = /* @__PURE__ */ o("div")({
1074
+ }), Tn = /* @__PURE__ */ i("div")({
1072
1075
  name: "AvatarPlaceholder",
1073
1076
  class: "a1dg29ja",
1074
1077
  propsAsIs: !1
1075
- }), yn = /* @__PURE__ */ o("div")({
1078
+ }), Rn = /* @__PURE__ */ i("div")({
1076
1079
  name: "Content",
1077
1080
  class: "c10a68rc",
1078
1081
  propsAsIs: !1
1079
- }), vn = /* @__PURE__ */ o("div")({
1082
+ }), Sn = /* @__PURE__ */ i("div")({
1080
1083
  name: "NameContainer",
1081
1084
  class: "nc4kck5",
1082
1085
  propsAsIs: !1
1083
- }), fn = /* @__PURE__ */ o("span")({
1086
+ }), kn = /* @__PURE__ */ i("span")({
1084
1087
  name: "Name",
1085
1088
  class: "njsrqgr",
1086
1089
  propsAsIs: !1
1087
- }), xn = () => f, En = /* @__PURE__ */ o(xn())({
1090
+ }), Ln = () => R, En = /* @__PURE__ */ i(Ln())({
1088
1091
  name: "CurrentUserBadge",
1089
1092
  class: "c17uc4zr",
1090
1093
  propsAsIs: !0
1091
1094
  });
1092
- var Ce = { exports: {} }, Ln = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED", zn = Ln, On = zn;
1093
- function Se() {
1095
+ var xe = { exports: {} }, xn = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED", Pn = xn, qn = Pn;
1096
+ function Pe() {
1094
1097
  }
1095
- function ke() {
1098
+ function qe() {
1096
1099
  }
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(
1100
+ qe.resetWarningCache = Pe;
1101
+ var Nn = function() {
1102
+ function e(r, o, l, a, c, d) {
1103
+ if (d !== qn) {
1104
+ var u = new Error(
1102
1105
  "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
1106
  );
1104
- throw M.name = "Invariant Violation", M;
1107
+ throw u.name = "Invariant Violation", u;
1105
1108
  }
1106
1109
  }
1107
1110
  e.isRequired = e;
@@ -1128,15 +1131,15 @@ var Cn = function() {
1128
1131
  oneOfType: t,
1129
1132
  shape: t,
1130
1133
  exact: t,
1131
- checkPropTypes: ke,
1132
- resetWarningCache: Se
1134
+ checkPropTypes: qe,
1135
+ resetWarningCache: Pe
1133
1136
  };
1134
1137
  return s.PropTypes = s, s;
1135
1138
  };
1136
- Ce.exports = Cn();
1137
- var Sn = Ce.exports;
1138
- const z = /* @__PURE__ */ Ve(Sn);
1139
- class ie extends Ke {
1139
+ xe.exports = Nn();
1140
+ var Dn = xe.exports;
1141
+ const L = /* @__PURE__ */ We(Dn);
1142
+ class re extends et {
1140
1143
  constructor(t) {
1141
1144
  super(t), this.scrollListener = this.scrollListener.bind(this), this.eventListenerOptions = this.eventListenerOptions.bind(this), this.mousewheelListener = this.mousewheelListener.bind(this);
1142
1145
  }
@@ -1229,14 +1232,14 @@ class ie extends Ke {
1229
1232
  t.deltaY === 1 && !this.isPassiveSupported() && t.preventDefault();
1230
1233
  }
1231
1234
  scrollListener() {
1232
- const t = this.scrollComponent, s = window, i = this.getParentElement(t);
1233
- let r;
1235
+ const t = this.scrollComponent, s = window, r = this.getParentElement(t);
1236
+ let o;
1234
1237
  if (this.props.useWindow) {
1235
1238
  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);
1239
+ this.props.isReverse ? o = a : o = this.calculateOffset(t, a);
1237
1240
  } 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));
1241
+ this.props.isReverse ? o = r.scrollTop : o = t.scrollHeight - r.scrollTop - r.clientHeight;
1242
+ o < 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
1243
  }
1241
1244
  calculateOffset(t, s) {
1242
1245
  return t ? this.calculateTopPosition(t) + (t.offsetHeight - s - window.innerHeight) : 0;
@@ -1247,42 +1250,42 @@ class ie extends Ke {
1247
1250
  render() {
1248
1251
  const t = this.filterProps(this.props), {
1249
1252
  children: s,
1250
- element: i,
1251
- hasMore: r,
1253
+ element: r,
1254
+ hasMore: o,
1252
1255
  initialLoad: l,
1253
1256
  isReverse: a,
1254
1257
  loader: c,
1255
1258
  loadMore: d,
1256
- pageStart: M,
1257
- ref: I,
1258
- threshold: p,
1259
- useCapture: h,
1260
- useWindow: m,
1261
- getScrollParent: x,
1262
- ...D
1259
+ pageStart: u,
1260
+ ref: h,
1261
+ threshold: v,
1262
+ useCapture: m,
1263
+ useWindow: f,
1264
+ getScrollParent: b,
1265
+ ...C
1263
1266
  } = t;
1264
- D.ref = (g) => {
1265
- this.scrollComponent = g, I && I(g);
1267
+ C.ref = (A) => {
1268
+ this.scrollComponent = A, h && h(A);
1266
1269
  };
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);
1270
+ const y = [s];
1271
+ return o && (c ? a ? y.unshift(c) : y.push(c) : this.defaultLoader && (a ? y.unshift(this.defaultLoader) : y.push(this.defaultLoader))), W.createElement(r, C, y);
1269
1272
  }
1270
1273
  }
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
1285
- }), te(ie, "defaultProps", {
1274
+ te(re, "propTypes", {
1275
+ children: L.node.isRequired,
1276
+ element: L.node,
1277
+ hasMore: L.bool,
1278
+ initialLoad: L.bool,
1279
+ isReverse: L.bool,
1280
+ loader: L.node,
1281
+ loadMore: L.func.isRequired,
1282
+ pageStart: L.number,
1283
+ ref: L.func,
1284
+ getScrollParent: L.func,
1285
+ threshold: L.number,
1286
+ useCapture: L.bool,
1287
+ useWindow: L.bool
1288
+ }), te(re, "defaultProps", {
1286
1289
  element: "div",
1287
1290
  hasMore: !1,
1288
1291
  initialLoad: !0,
@@ -1295,52 +1298,53 @@ te(ie, "propTypes", {
1295
1298
  loader: null,
1296
1299
  getScrollParent: null
1297
1300
  });
1298
- const kn = ({
1301
+ const On = ({
1299
1302
  rank: e,
1300
1303
  avatar: t,
1301
1304
  name: s,
1302
- points: i,
1303
- isCurrentUser: r,
1305
+ points: r,
1306
+ isCurrentUser: o,
1304
1307
  openItemDetail: l,
1305
1308
  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" })
1309
+ }) => /* @__PURE__ */ p($n, { onClick: l, style: a, children: [
1310
+ /* @__PURE__ */ n(bn, { children: e || 0 }),
1311
+ /* @__PURE__ */ p(Rn, { children: [
1312
+ t ? /* @__PURE__ */ n(wn, { alt: "leaderboard-item-avatar", src: t }) : /* @__PURE__ */ n(Tn, { children: we(s || "") }),
1313
+ /* @__PURE__ */ p(Sn, { children: [
1314
+ /* @__PURE__ */ n(kn, { children: s || "" }),
1315
+ o && /* @__PURE__ */ n(En, { name: "icon-star" })
1313
1316
  ] })
1314
1317
  ] }),
1315
- /* @__PURE__ */ n("div", { children: fe(i) })
1316
- ] }), wn = /* @__PURE__ */ o("div")({
1318
+ /* @__PURE__ */ n("div", { children: Te(r) })
1319
+ ] }), Mn = /* @__PURE__ */ i("div")({
1317
1320
  name: "Container",
1318
1321
  class: "c16btbfp",
1319
1322
  propsAsIs: !1
1320
- }), bn = ({
1323
+ }), Vn = ({
1321
1324
  items: e,
1322
1325
  currentUserId: t,
1323
1326
  openItemDetail: s,
1324
- fetchMore: i,
1325
- scrollNode: r,
1327
+ fetchMore: r,
1328
+ scrollNode: o,
1326
1329
  hasMore: l
1327
- }) => /* @__PURE__ */ n(ie, {
1328
- loadMore: i,
1330
+ }) => /* @__PURE__ */ n(re, {
1331
+ loadMore: r,
1329
1332
  initialLoad: !1,
1330
1333
  hasMore: l,
1331
1334
  useWindow: !1,
1332
- getScrollParent: () => r.current,
1333
- children: /* @__PURE__ */ n(wn, {
1334
- children: e.map((a) => /* @__PURE__ */ n(kn, {
1335
+ getScrollParent: () => o.current,
1336
+ children: /* @__PURE__ */ n(Mn, {
1337
+ children: e.map((a) => /* @__PURE__ */ n(On, {
1335
1338
  ...a,
1336
1339
  openItemDetail: () => s(a.userId),
1337
1340
  isCurrentUser: !!t && t === a.userId
1338
1341
  }, a.userId))
1339
1342
  })
1340
- }), $n = ({ deepLink: e }) => /* @__PURE__ */ n(
1341
- We,
1343
+ }), _n = ({ renderClipBoardNode: e, deepLink: t }) => /* @__PURE__ */ n(
1344
+ Be,
1342
1345
  {
1343
- inviteLink: e,
1346
+ renderToNode: e,
1347
+ inviteLink: t,
1344
1348
  socialLinks: [
1345
1349
  {
1346
1350
  icon: "icon-facebook",
@@ -1356,288 +1360,335 @@ const kn = ({
1356
1360
  inviteCardTitle: "It’s More Fun With Friends",
1357
1361
  inviteCardSubtext: "Invite and compete against your friends for the top spot on the leaderboard."
1358
1362
  }
1359
- ), Qn = /* @__PURE__ */ o("div")({
1363
+ ), Qn = /* @__PURE__ */ i("div")({
1360
1364
  name: "InviteLinkContainer",
1361
1365
  class: "i1chxfpe",
1362
1366
  propsAsIs: !1
1363
- }), Rn = ({
1367
+ }), Un = ({
1364
1368
  gamification: e,
1365
1369
  scrollNode: t,
1366
- scrollStore: s
1370
+ scrollStore: s,
1371
+ renderClipBoardNode: r
1367
1372
  }) => {
1368
1373
  const {
1369
- 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, {
1388
- items: i,
1374
+ data: o,
1375
+ hasMore: l,
1376
+ loading: a,
1377
+ key: c
1378
+ } = O(e.leaderboardList.$store), {
1379
+ data: d
1380
+ } = O(e.deepLink.$store), [u, h] = ze(r);
1381
+ return !o.length && !a ? /* @__PURE__ */ n(_n, {
1382
+ renderClipBoardNode: r,
1383
+ deepLink: d
1384
+ }) : /* @__PURE__ */ p(q, {
1385
+ children: [/* @__PURE__ */ n(Vn, {
1386
+ items: o,
1389
1387
  scrollNode: t,
1390
1388
  scrollStore: s,
1391
1389
  fetchMore: e.leaderboardList.fetchMore,
1392
- hasMore: r,
1390
+ hasMore: l,
1393
1391
  openItemDetail: e.openUser,
1394
1392
  currentUserId: e.currentUserId.get()
1395
- }), l && /* @__PURE__ */ n(Qn, {
1396
- children: /* @__PURE__ */ n(Mn, {
1397
- onClick: a,
1393
+ }, c), d && /* @__PURE__ */ n(Qn, {
1394
+ children: /* @__PURE__ */ n(fn, {
1395
+ onClick: () => u(d),
1398
1396
  title: "Invite Friends",
1399
1397
  description: "Challenge them now!"
1400
1398
  })
1401
- })]
1399
+ }), h]
1402
1400
  });
1403
- }, Un = /* @__PURE__ */ o("div")({
1401
+ }, jn = /* @__PURE__ */ i("div")({
1404
1402
  name: "QuestionItem",
1405
1403
  class: "q1w97g3p",
1406
1404
  propsAsIs: !1
1407
- }), Yn = /* @__PURE__ */ o("div")({
1405
+ }), Wn = /* @__PURE__ */ i("div")({
1408
1406
  name: "QuestionCaption",
1409
1407
  class: "q2sl39u",
1410
1408
  propsAsIs: !1
1411
- }), Pn = /* @__PURE__ */ o("div")({
1409
+ }), Bn = /* @__PURE__ */ i("div")({
1412
1410
  name: "QuestionBody",
1413
1411
  class: "qd5h0uc",
1414
1412
  propsAsIs: !1
1415
- }), qn = /* @__PURE__ */ o("div")({
1413
+ }), zn = /* @__PURE__ */ i("div")({
1416
1414
  name: "QuestionAction",
1417
1415
  class: "q105uluy",
1418
1416
  propsAsIs: !1
1419
- }), Vn = () => f, X = /* @__PURE__ */ o(Vn())({
1417
+ }), Fn = () => R, X = /* @__PURE__ */ i(Fn())({
1420
1418
  name: "QuestionActionIcon",
1421
1419
  class: "q1fa0b9h",
1422
1420
  propsAsIs: !0
1423
- }), Wn = () => f, _n = /* @__PURE__ */ o(Wn())({
1421
+ }), Hn = () => R, Yn = /* @__PURE__ */ i(Hn())({
1424
1422
  name: "QuestionTypeIcon",
1425
1423
  class: "qxlt78s",
1426
1424
  propsAsIs: !0
1427
- }), Bn = /* @__PURE__ */ o("div")({
1425
+ }), Zn = /* @__PURE__ */ i("div")({
1428
1426
  name: "QuestionTypeLabel",
1429
1427
  class: "qmg0vkx",
1430
1428
  propsAsIs: !1
1431
- }), Fn = /* @__PURE__ */ o("div")({
1429
+ }), Gn = /* @__PURE__ */ i("div")({
1432
1430
  name: "QuestionContent",
1433
1431
  class: "q1uz5j1g",
1434
1432
  propsAsIs: !1
1435
- }), Zn = /* @__PURE__ */ o("button")({
1433
+ }), Kn = /* @__PURE__ */ i("button")({
1436
1434
  name: "PlayButton",
1437
1435
  class: "p1pba9p1",
1438
1436
  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 = ({
1437
+ }), Jn = {
1438
+ [G.LOST]: /* @__PURE__ */ n(X, { name: "incorrectVoted" }),
1439
+ [G.WON]: /* @__PURE__ */ n(X, { name: "icon-check" }),
1440
+ [G.UNSET]: /* @__PURE__ */ n(X, { name: "icon-arrow" }),
1441
+ [G.DNP]: /* @__PURE__ */ n(X, { name: "icon-arrow" })
1442
+ }, Xn = ({
1445
1443
  questionId: e,
1446
1444
  questionType: t,
1447
1445
  questionStatus: s,
1448
- subject: i,
1449
- openForVoting: r,
1446
+ subject: r,
1447
+ openForVoting: o,
1450
1448
  openQuestion: l,
1451
1449
  status: a
1452
1450
  }) => {
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: [
1451
+ const c = Ae[t], d = Jn[a];
1452
+ return c ? /* @__PURE__ */ p(jn, { onClick: () => l == null ? void 0 : l(e), children: [
1453
+ /* @__PURE__ */ p(Gn, { children: [
1454
+ /* @__PURE__ */ p(Wn, { children: [
1457
1455
  /* @__PURE__ */ n(
1458
- _n,
1456
+ Yn,
1459
1457
  {
1460
- "data-type-trivia": t === N.TRIVIA,
1461
- "data-type-poll": t === N.POLL,
1458
+ "data-type-trivia": t === I.TRIVIA,
1459
+ "data-type-poll": t === I.POLL,
1462
1460
  name: c.iconName
1463
1461
  }
1464
1462
  ),
1465
- /* @__PURE__ */ u(Bn, { children: [
1463
+ /* @__PURE__ */ p(Zn, { children: [
1466
1464
  c.label,
1467
- t === N.TRIVIA && s === $.RESOLVED && " • Expired"
1465
+ t === I.TRIVIA && s === V.RESOLVED && " • Expired"
1468
1466
  ] })
1469
1467
  ] }),
1470
- /* @__PURE__ */ n(Pn, { children: i || "" })
1468
+ /* @__PURE__ */ n(Bn, { children: r || "" })
1471
1469
  ] }),
1472
- /* @__PURE__ */ n(qn, { children: r ? /* @__PURE__ */ n(Zn, { children: "Play" }) : d })
1470
+ /* @__PURE__ */ n(zn, { children: o ? /* @__PURE__ */ n(Kn, { children: "Play" }) : d })
1473
1471
  ] }) : null;
1474
- }, Jn = /* @__PURE__ */ o("div")({
1472
+ }, er = /* @__PURE__ */ i("div")({
1475
1473
  name: "Container",
1476
1474
  class: "cll3md7",
1477
1475
  propsAsIs: !1
1478
- }), Xn = /* @__PURE__ */ o("button")({
1476
+ }), tr = /* @__PURE__ */ i("button")({
1479
1477
  name: "ActionBtn",
1480
1478
  class: "a10g1iik",
1481
1479
  propsAsIs: !1
1482
- }), Kn = ({
1480
+ }), sr = ({
1483
1481
  openInsight: e,
1484
1482
  questionId: t,
1485
1483
  ...s
1486
- }) => /* @__PURE__ */ u(Jn, { children: [
1487
- /* @__PURE__ */ n(Oe, { questionId: t, ...s, isPickHistory: !0 }),
1488
- e && /* @__PURE__ */ n(Xn, { onClick: () => e(t), children: "View Insight" })
1489
- ] }), ei = /* @__PURE__ */ o("div")({
1484
+ }) => /* @__PURE__ */ p(er, { children: [
1485
+ /* @__PURE__ */ n(Ee, { questionId: t, ...s, isPickHistory: !0 }),
1486
+ e && /* @__PURE__ */ n(tr, { onClick: () => e(t), children: "View Insight" })
1487
+ ] }), nr = /* @__PURE__ */ i("div")({
1490
1488
  name: "Container",
1491
1489
  class: "cl56x6b",
1492
1490
  propsAsIs: !1
1493
- }), ti = () => _e, si = /* @__PURE__ */ o(ti())({
1491
+ }), rr = () => Fe, or = /* @__PURE__ */ i(rr())({
1494
1492
  name: "ActionButton",
1495
1493
  class: "a11pzf92",
1496
1494
  propsAsIs: !0
1497
- }), ni = /* @__PURE__ */ o("div")({
1495
+ }), ir = /* @__PURE__ */ i("div")({
1498
1496
  name: "DateTime",
1499
1497
  class: "d1hbaleq",
1500
1498
  propsAsIs: !1
1501
- }), ii = /* @__PURE__ */ o("blockquote")({
1499
+ }), ar = /* @__PURE__ */ i("blockquote")({
1502
1500
  name: "Quote",
1503
1501
  class: "qvvgqjm",
1504
1502
  propsAsIs: !1
1505
- }), ri = ({
1503
+ }), lr = ({
1506
1504
  openTweet: e,
1507
1505
  created: t,
1508
1506
  ...s
1509
1507
  }) => {
1510
- const i = k(() => {
1508
+ const r = P(() => {
1511
1509
  if (t) {
1512
- const r = new Date(t);
1513
- if (ae(r))
1510
+ const o = new Date(t);
1511
+ if (ae(o))
1514
1512
  return {
1515
- date: re(r),
1516
- time: oe(r)
1513
+ date: oe(o),
1514
+ time: ie(o)
1517
1515
  };
1518
1516
  }
1519
1517
  return null;
1520
1518
  }, [t]);
1521
- return /* @__PURE__ */ u(ei, { children: [
1522
- i && /* @__PURE__ */ u(ni, { children: [
1523
- i.date,
1519
+ return /* @__PURE__ */ p(nr, { children: [
1520
+ r && /* @__PURE__ */ p(ir, { children: [
1521
+ r.date,
1524
1522
  " · ",
1525
- i.time
1523
+ r.time
1526
1524
  ] }),
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" })
1525
+ s.title && /* @__PURE__ */ n(ar, { children: s.title }),
1526
+ /* @__PURE__ */ n(ye, { ...s }),
1527
+ e && /* @__PURE__ */ n(or, { onClick: () => e(s.tweetId), children: "View Insight" })
1530
1528
  ] });
1531
- }, oi = /* @__PURE__ */ o("div")({
1529
+ }, cr = /* @__PURE__ */ i("div")({
1532
1530
  name: "QuestionsContainer",
1533
1531
  class: "qvghv3l",
1534
1532
  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") {
1533
+ }), dr = ({ questions: e, openQuestion: t }) => /* @__PURE__ */ n(cr, { children: e == null ? void 0 : e.map((s) => {
1534
+ var r, o, l;
1535
+ if (s.type === "question" && ((r = s.attributes) == null ? void 0 : r.attributes.case) === "question") {
1538
1536
  const a = s.attributes.attributes.value;
1539
- return /* @__PURE__ */ n(Gn, { openQuestion: t, ...a }, a.questionId);
1537
+ return /* @__PURE__ */ n(Xn, { openQuestion: t, ...a }, a.questionId);
1540
1538
  }
1541
- if (s.type === "insight" && ((r = s.attributes) == null ? void 0 : r.attributes.case) === "insight") {
1539
+ if (s.type === "insight" && ((o = s.attributes) == null ? void 0 : o.attributes.case) === "insight") {
1542
1540
  const a = s.attributes.attributes.value, c = s.attributes.created;
1543
- return /* @__PURE__ */ n(Kn, { openInsight: t, ...a, created: c }, a.questionId);
1541
+ return /* @__PURE__ */ n(sr, { openInsight: t, ...a, created: c }, a.questionId);
1544
1542
  }
1545
1543
  if (s.type === "tweet" && ((l = s.attributes) == null ? void 0 : l.attributes.case) === "tweet") {
1546
1544
  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);
1545
+ return /* @__PURE__ */ n(lr, { openTweet: t, ...a, tweetId: c, created: d }, c);
1548
1546
  }
1549
1547
  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 }) => {
1548
+ }) }), pr = ({ store: e, openQuestion: t }) => {
1549
+ const s = O(e);
1550
+ return s != null && s.data ? /* @__PURE__ */ n(dr, { openQuestion: t, questions: s.data }) : /* @__PURE__ */ n("div", { children: "wait questions..." });
1551
+ }, ur = ({ userSummary: e }) => {
1554
1552
  var t;
1555
- const [s, i] = w(void 0);
1556
- return ee(() => {
1557
- const r = e.subscribe((l) => {
1558
- l != null && l.data && i(l.data);
1553
+ const [s, r] = N(void 0);
1554
+ return Y(() => {
1555
+ const o = e.subscribe((l) => {
1556
+ l != null && l.data && r(l.data);
1559
1557
  });
1560
1558
  return () => {
1561
- r();
1559
+ o();
1562
1560
  };
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));
1561
+ }, [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..." });
1562
+ }, hr = ({ gamification: e, className: t, scrollStore: s, scrollNode: r, appNode: o, style: l, responsiveStore: a, headerNode: c }) => {
1563
+ const [d, u] = N(!1), [h, v] = N(ee.HOME), [, m] = tt(), { sdkInScrollView: f } = O(a, { keys: ["sdkInScrollView"] }), b = (g) => {
1564
+ m(() => {
1565
+ var $;
1566
+ v(g), f === !1 && (($ = o.current) == null || $.scrollIntoView({ behavior: "instant" }));
1567
+ });
1568
+ }, C = (g) => {
1569
+ m(() => u(g));
1569
1570
  };
1570
- return ee(() => s.listen((p) => {
1571
- if (p.scrollPosition === 0) {
1572
- I(!1), s.setKey("tabsShown", !1);
1571
+ Y(() => s.listen((g) => {
1572
+ if (g.scrollPosition === 0) {
1573
+ C(!1), s.setKey("tabsShown", !1);
1573
1574
  return;
1574
1575
  }
1575
- I(p.scrollDirection === "forward"), s.setKey("tabsShown", p.scrollDirection !== "forward");
1576
- }), [s]), /* @__PURE__ */ u(Be, { className: t, children: [
1576
+ C(g.scrollDirection === "forward"), s.setKey("tabsShown", g.scrollDirection !== "forward");
1577
+ }), [s]);
1578
+ let y = "0px";
1579
+ f ? y = d ? "-60px" : "0px" : y = d ? "0px" : "68px";
1580
+ const A = f ? o : c;
1581
+ return /* @__PURE__ */ p(He, { className: t, style: l, children: [
1577
1582
  /* @__PURE__ */ n(
1578
- Fe,
1583
+ Ye,
1579
1584
  {
1580
1585
  style: {
1581
- top: r ? "-60px" : "0px"
1586
+ top: y
1582
1587
  },
1583
- children: /* @__PURE__ */ n(nn, { activePage: a, toggleActivePage: M })
1588
+ children: /* @__PURE__ */ n(an, { activePage: h, toggleActivePage: b })
1584
1589
  }
1585
1590
  ),
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() }) })
1591
+ h === ee.HOME && /* @__PURE__ */ p(q, { children: [
1592
+ /* @__PURE__ */ n($e, { style: { paddingTop: "8px" }, children: /* @__PURE__ */ n(ur, { userSummary: e.userSummary }) }),
1593
+ /* @__PURE__ */ n(Ze, { style: { flex: 1 }, children: /* @__PURE__ */ n(pr, { openQuestion: e.openQuestion, store: e.feedList.getStore() }) })
1589
1594
  ] }),
1590
- a === K.LEADERBOARD && /* @__PURE__ */ n(He, { children: /* @__PURE__ */ n(Rn, { scrollStore: s, scrollNode: i, gamification: e }) })
1595
+ h === ee.LEADERBOARD && /* @__PURE__ */ n(Ge, { children: /* @__PURE__ */ n(
1596
+ Un,
1597
+ {
1598
+ renderClipBoardNode: A,
1599
+ scrollStore: s,
1600
+ scrollNode: r,
1601
+ gamification: e
1602
+ }
1603
+ ) })
1591
1604
  ] });
1592
- }, ui = () => Ge, De = /* @__PURE__ */ o(ui())({
1605
+ }, mr = () => Ke, ge = /* @__PURE__ */ i(mr())({
1593
1606
  name: "OpenedContainer",
1594
1607
  class: "oar61gl",
1595
1608
  propsAsIs: !0
1596
- }), pi = /* @__PURE__ */ o("div")({
1609
+ }), vr = /* @__PURE__ */ i("div")({
1597
1610
  name: "UserContainer",
1598
1611
  class: "u14zaal4",
1599
1612
  propsAsIs: !1
1600
- }), Mi = ({
1613
+ }), fr = ({
1601
1614
  correct: e,
1602
1615
  incorrect: t
1603
1616
  }) => {
1604
1617
  const s = e + t;
1605
1618
  return s === 0 ? 0 : Math.round(e / s * 100);
1606
- }, gi = ({
1619
+ }, Ir = `
1620
+ body {
1621
+ overflow: hidden
1622
+ }
1623
+ `, $r = ({
1607
1624
  gamification: e,
1608
1625
  scrollStore: t,
1609
1626
  className: s,
1610
- appNode: i,
1611
- scrollNode: r
1627
+ appNode: r,
1628
+ scrollNode: o,
1629
+ headerNode: l,
1630
+ responsiveStore: a
1612
1631
  }) => {
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, {
1616
- className: s,
1617
- children: /* @__PURE__ */ n(Xs, {
1618
- gamification: e
1619
- })
1620
- }), i.current), a && i.current && de.createPortal(/* @__PURE__ */ n(De, {
1621
- className: s,
1622
- children: /* @__PURE__ */ u(pi, {
1623
- children: [/* @__PURE__ */ n(ye, {
1624
- label: "Friend's Rank",
1625
- close: e.closeUser
1626
- }), /* @__PURE__ */ n(je, {
1627
- children: /* @__PURE__ */ n(xe, {
1628
- ...a,
1629
- successRate: Mi(a)
1630
- })
1631
- })]
1632
- })
1633
- }), i.current), /* @__PURE__ */ n(di, {
1632
+ const c = O(e.openedQuestion.$store), d = O(e.openedUser), {
1633
+ sdkInScrollView: u
1634
+ } = O(a, {
1635
+ keys: ["sdkInScrollView"]
1636
+ }), h = M(0), [v, m] = P(() => {
1637
+ var f;
1638
+ const b = u ? r : l, C = (((f = r.current) == null ? void 0 : f.getBoundingClientRect().y) || 0) < 0;
1639
+ if ((c || d) && b.current) {
1640
+ C && (h.current = window.scrollY);
1641
+ const y = () => (Y(() => {
1642
+ const A = setTimeout(() => {
1643
+ var g;
1644
+ (g = r.current) == null || g.scrollIntoView();
1645
+ }, 1e3);
1646
+ return () => {
1647
+ clearTimeout(A), h.current !== 0 && (window.scroll({
1648
+ top: h.current
1649
+ }), h.current = 0);
1650
+ };
1651
+ }, []), /* @__PURE__ */ n("style", {
1652
+ children: Ir
1653
+ }));
1654
+ return [C, c ? de.createPortal(/* @__PURE__ */ p(ge, {
1655
+ className: s,
1656
+ children: [/* @__PURE__ */ n(tn, {
1657
+ gamification: e
1658
+ }), C && !u && /* @__PURE__ */ n(y, {})]
1659
+ }), b.current) : d ? de.createPortal(/* @__PURE__ */ n(ge, {
1660
+ className: s,
1661
+ children: /* @__PURE__ */ p(vr, {
1662
+ children: [/* @__PURE__ */ n(be, {
1663
+ label: "Friend's Rank",
1664
+ close: e.closeUser
1665
+ }), /* @__PURE__ */ n($e, {
1666
+ children: /* @__PURE__ */ n(Re, {
1667
+ ...d,
1668
+ successRate: fr(d)
1669
+ })
1670
+ })]
1671
+ })
1672
+ }), b.current) : null];
1673
+ }
1674
+ return [C, null];
1675
+ }, [r, s, e, l, c, d, u]);
1676
+ return /* @__PURE__ */ p(q, {
1677
+ children: [m, /* @__PURE__ */ n(hr, {
1678
+ appNode: r,
1679
+ headerNode: l,
1634
1680
  scrollStore: t,
1635
- scrollNode: r,
1681
+ scrollNode: o,
1636
1682
  className: s,
1637
- gamification: e
1683
+ gamification: e,
1684
+ responsiveStore: a,
1685
+ style: !u && !v && m !== null ? {
1686
+ height: "0",
1687
+ overflow: "hidden"
1688
+ } : {}
1638
1689
  })]
1639
1690
  });
1640
1691
  };
1641
1692
  export {
1642
- gi as default
1693
+ $r as default
1643
1694
  };