@streamlayer/react 0.40.0 → 0.40.2

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