@streamlayer/react 0.40.1 → 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 (15) 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 +28 -28
  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 +41 -41
  8. package/lib/dist/es/gamification-feature.js +336 -326
  9. package/lib/dist/es/masters.js +5821 -5777
  10. package/lib/dist/index.d.ts +18 -3
  11. package/lib/es/gamification-feature.js +316 -306
  12. package/lib/es/index2.js +48 -35
  13. package/lib/es/masters2.js +2154 -2147
  14. package/lib/es/useStreamLayerApp.js +18 -9
  15. package/package.json +6 -6
package/lib/dist/es/gamification-feature.js CHANGED
@@ -1,148 +1,148 @@
1
- var Me = Object.defineProperty;
2
- var _e = (t, e, n) => e in t ? Me(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
3
- var ne = (t, e, n) => (_e(t, typeof e != "symbol" ? e + "" : e, 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 W, f as Ae, E as Q, q as je, J as ye, 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 B, { useState as P, useLayoutEffect as we, useRef as _, useCallback as z, 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: t, close: e, label: n }) => {
31
+ }), Re = ({ type: t, close: e, label: n }) => {
32
32
  const o = t ? Ie[t] : { label: n, iconName: void 0 };
33
- return /* @__PURE__ */ p(nt, { children: [
34
- /* @__PURE__ */ p(ot, { children: [
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
38
  "data-type-trivia": t === f.TRIVIA,
39
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: e, 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: t, title: e }) => /* @__PURE__ */ p(pt, { children: [
60
- /* @__PURE__ */ s(ut, { children: e }),
61
- /* @__PURE__ */ s(ht, { children: t })
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: t, title: e }) => /* @__PURE__ */ p(mt, { children: [
75
- /* @__PURE__ */ s(vt, { children: t }),
76
- /* @__PURE__ */ s(ft, { children: e })
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
89
- }), At = /* @__PURE__ */ r("div")({
89
+ }), yt = /* @__PURE__ */ r("div")({
90
90
  name: "User",
91
91
  class: "u1g7arbm",
92
92
  propsAsIs: !1
93
- }), yt = /* @__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 = ({
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
146
  avatar: t,
147
147
  name: e,
148
148
  points: n,
@@ -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(At, { children: [
158
- /* @__PURE__ */ p(qt, { children: [
159
- t && /* @__PURE__ */ s(yt, { alt: "avatar", src: t }),
160
- !t && /* @__PURE__ */ s(Pt, { children: Ce(e || "") })
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: e }),
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: t, description: e }) => /* @__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: t }),
220
- /* @__PURE__ */ s(jt, { children: e })
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,7 +246,7 @@ const nt = /* @__PURE__ */ r("div")({
246
246
  name: "FeedbackText",
247
247
  class: "fx87qaj",
248
248
  propsAsIs: !1
249
- }), Ht = ({
249
+ }), Yt = ({
250
250
  feedbackMessages: t,
251
251
  questionVotedCorrectly: e,
252
252
  questionVoted: n,
@@ -287,7 +287,7 @@ const nt = /* @__PURE__ */ r("div")({
287
287
  ] })
288
288
  ] }),
289
289
  y && /* @__PURE__ */ p(x, { children: [
290
- /* @__PURE__ */ s(zt, { name: "icon-prediction" }),
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,90 +297,90 @@ 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
- [W.CENTERED]: (t) => /* @__PURE__ */ s(rs, { alt: "option-icon", src: t }),
379
- [W.TRANSPARENT]: (t) => /* @__PURE__ */ s(ns, { children: /* @__PURE__ */ s(os, { style: { backgroundImage: `url(${t})` } }) }),
380
- [W.ROUNDED]: (t) => /* @__PURE__ */ s(ls, { alt: "option-icon", src: t }),
381
- [W.NONE]: () => null,
382
- [W.UNSET]: () => null
383
- }, vs = ({ questionType: t, hasCorrectAnswer: e, correct: n, youVoted: o, questionVoted: i }) => {
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
384
  if (t === f.POLL && o)
385
385
  return "correct";
386
386
  if (t === f.PREDICTION) {
@@ -390,13 +390,13 @@ const nt = /* @__PURE__ */ r("div")({
390
390
  return "correct";
391
391
  }
392
392
  return t === f.TRIVIA && i && o ? n ? "correct" : "incorrect" : "unset";
393
- }, fs = ({
393
+ }, Is = ({
394
394
  questionType: t,
395
395
  questionVoted: e,
396
396
  correct: n,
397
397
  hasCorrectAnswer: o,
398
398
  questionStatus: i
399
- }) => t === f.TRIVIA ? e && n : t === f.PREDICTION ? e && n && o || i === M.RESOLVED && n : !1, Is = (t) => {
399
+ }) => t === f.TRIVIA ? e && n : t === f.PREDICTION ? e && n && o || i === M.RESOLVED && n : !1, Cs = (t) => {
400
400
  var e;
401
401
  const {
402
402
  // option props
@@ -420,13 +420,13 @@ const nt = /* @__PURE__ */ r("div")({
420
420
  votedAfterQuestionClosed: w,
421
421
  enteredAnActiveQuestion: b,
422
422
  marketClosed: T
423
- } = t, [N, V] = P(c), D = vs(t), ee = fs({ 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 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,
@@ -439,24 +439,24 @@ const nt = /* @__PURE__ */ r("div")({
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: [
442
+ /* @__PURE__ */ s(ss, { "data-answer-state": D, style: { width: `${k ? N : 0}%` } }),
443
+ /* @__PURE__ */ p(ns, { children: [
444
444
  o && v && ((e = ce[v]) == null ? void 0 : e.call(ce, o)),
445
- /* @__PURE__ */ s(cs, { children: i }),
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(Ae, { 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: t, duration: e, 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) {
@@ -481,10 +481,10 @@ var de = typeof window > "u" ? X : we, Cs = ({ isPlaying: t, duration: e, startA
481
481
  C && (I.current = setTimeout(() => g(b), w * 1e3));
482
482
  }
483
483
  }, [a, e]), de(() => (t && (v.current = requestAnimationFrame($)), y), [t, e, o]), { elapsedTime: a, reset: g };
484
- }, gs = (t, e, n) => {
484
+ }, As = (t, e, n) => {
485
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 = (t, e) => t === 0 || t === e ? 0 : typeof e == "number" ? t - e : 0, As = (t) => ({ position: "relative", width: t, height: t }), ys = { display: "flex", justifyContent: "center", alignItems: "center", position: "absolute", left: 0, top: 0, width: "100%", height: "100%" }, Se = (t, e, 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
489
  return e;
490
490
  let c = (i ? o - t : t) / o;
@@ -492,7 +492,7 @@ var de = typeof window > "u" ? X : we, Cs = ({ isPlaying: t, duration: e, startA
492
492
  }, ue = (t) => {
493
493
  var e, n;
494
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
- }, $s = (t, e) => {
495
+ }, bs = (t, e) => {
496
496
  var n;
497
497
  let { colors: o, colorsTime: i, isSmoothColorTransition: c = !0 } = t;
498
498
  if (typeof o == "string")
@@ -503,9 +503,9 @@ var de = typeof window > "u" ? X : we, Cs = ({ isPlaying: t, duration: e, startA
503
503
  if (!c)
504
504
  return o[a];
505
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) => Se(l, m, h[I] - m, d, v) | 0).join(",")})`;
507
- }, bs = (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 } = gs(i, I, u), { elapsedTime: g } = Cs({ isPlaying: l, duration: e, startAt: pe(e, n), updateInterval: o, onUpdate: typeof v == "function" ? (w) => {
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
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) => {
@@ -514,35 +514,35 @@ var de = typeof window > "u" ? X : we, Cs = ({ isPlaying: t, duration: e, startA
514
514
  if (T)
515
515
  return { shouldRepeat: T, delay: N, newStartAt: pe(e, V) };
516
516
  } : void 0 }), C = e - g;
517
- return { elapsedTime: g, path: $, pathLength: y, remainingTime: Math.ceil(C), rotation: u, size: i, stroke: $s(t, C), strokeDashoffset: Se(g, 0, y, e, d), strokeWidth: c };
518
- }, Le = (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 } = bs(t);
520
- return B.createElement("div", { style: As(v) }, B.createElement("svg", { viewBox: `0 0 ${v} ${v}`, width: v, height: v, xmlns: "http://www.w3.org/2000/svg" }, B.createElement("path", { d: c, fill: "none", stroke: o ?? "#d9d9d9", strokeWidth: i ?? m }), B.createElement("path", { d: c, fill: "none", stroke: l, strokeLinecap: n ?? "round", strokeWidth: m, strokeDasharray: a, strokeDashoffset: d })), typeof e == "function" && B.createElement("div", { style: ys }, e({ remainingTime: u, elapsedTime: h, color: l })));
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 = ({
527
+ }), Ss = Q.SECONDARY_GREEN6, he = Q.SECONDARY_RED3, Ls = Q.NEUTRALS_GRAY3, Es = ({
528
528
  isPlaying: t = !0,
529
529
  duration: e = 30,
530
530
  onTimerExpired: n
531
531
  }) => {
532
- const [o, i] = P(e > 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
536
  }), a = z(() => {
537
- n == null || n(), i(Ss);
537
+ n == null || n(), i(Ls);
538
538
  }, [n, i]), l = z((d) => {
539
539
  d === 10 && i(he);
540
540
  }, [i]);
541
- return /* @__PURE__ */ s(Le, {
541
+ return /* @__PURE__ */ s(Ee, {
542
542
  isPlaying: t,
543
543
  duration: e,
544
- colors: ws,
545
- colorsTime: Ts,
544
+ colors: Ts,
545
+ colorsTime: Rs,
546
546
  size: 32,
547
547
  strokeWidth: 2,
548
548
  trailStrokeWidth: 2,
@@ -551,35 +551,35 @@ 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 = ({
582
+ }), _s = ({
583
583
  title: t,
584
584
  points: e,
585
585
  isPlayingTimer: n,
@@ -588,19 +588,19 @@ const ws = [Q.PRIMARY_GREEN1, Q.SECONDARY_RED1, Q.SECONDARY_RED1, Q.NEUTRALS_GRA
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
- t && /* @__PURE__ */ s(Ps, { children: t }),
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
594
  e !== 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(Ae, { value: e, delay: 0.3 }) : e }),
598
- /* @__PURE__ */ s(Os, { children: "PTS" })
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: t, isLoading: e, 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
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(() => {
@@ -650,7 +650,7 @@ const ws = [Q.PRIMARY_GREEN1, Q.SECONDARY_RED1, Q.SECONDARY_RED1, Q.NEUTRALS_GRA
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 && !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]), Ne = O(() => {
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
654
  if (l === f.PREDICTION && A && (!k || k && S != null && S.youVoted))
655
655
  return A.points;
656
656
  if (!(j || C))
@@ -663,10 +663,10 @@ const ws = [Q.PRIMARY_GREEN1, Q.SECONDARY_RED1, Q.SECONDARY_RED1, Q.NEUTRALS_GRA
663
663
  j,
664
664
  l,
665
665
  k
666
- ]), De = 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]), Ve = (l === f.TRIVIA || l === f.PREDICTION) && A && k && (S == null ? void 0 : S.youVoted), Oe = A || j || re || l === f.TRIVIA && d === M.RESOLVED && y;
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
672
  questionVoted: !!A,
@@ -683,28 +683,28 @@ const ws = [Q.PRIMARY_GREEN1, Q.SECONDARY_RED1, Q.SECONDARY_RED1, Q.NEUTRALS_GRA
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
691
  questionType: t.type,
692
692
  isTimer: !e,
693
693
  isPlayingTimer: !A,
694
- animatePoints: Ve,
695
- timerDuration: Oe ? 0 : Number(((c = t == null ? void 0 : t.appearance) == null ? void 0 : c.autoHideInterval) || "30")
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,
@@ -716,15 +716,15 @@ const ws = [Q.PRIMARY_GREEN1, Q.SECONDARY_RED1, Q.SECONDARY_RED1, Q.NEUTRALS_GRA
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,15 +732,15 @@ 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
- }), zs = /* @__PURE__ */ r("div")({
739
+ }), Fs = /* @__PURE__ */ r("div")({
740
740
  name: "ImageContainer",
741
741
  class: "i1gfjeu5",
742
742
  propsAsIs: !1
743
- }), Ee = ({
743
+ }), xe = ({
744
744
  imageMode: t,
745
745
  instantView: e,
746
746
  isDetail: n,
@@ -748,65 +748,65 @@ const ws = [Q.PRIMARY_GREEN1, Q.SECONDARY_RED1, Q.SECONDARY_RED1, Q.NEUTRALS_GRA
748
748
  controlVideo: i
749
749
  }) => {
750
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(Qs, { children: [
751
+ return /* @__PURE__ */ p(js, { children: [
752
752
  (e == null ? void 0 : e.video) && /* @__PURE__ */ s(
753
- je,
753
+ Ue,
754
754
  {
755
755
  source: e.video.url,
756
756
  poster: e.video.thumbnailUrl,
757
757
  controlVideo: i
758
758
  }
759
759
  ),
760
- (e == null ? void 0 : e.image) && !(e != null && e.video) && /* @__PURE__ */ s(zs, { "data-rounded": t === W.ROUNDED, children: /* @__PURE__ */ s(Bs, { src: e == null ? void 0 : e.image }) }),
761
- /* @__PURE__ */ p(js, { children: [
762
- /* @__PURE__ */ s(Us, { children: n && l ? 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
763
  /* @__PURE__ */ s(Ws, { children: n && l ? a : u })
764
764
  ] })
765
765
  ] });
766
- }, Fs = /* @__PURE__ */ r("div")({
766
+ }, Hs = /* @__PURE__ */ r("div")({
767
767
  name: "Container",
768
768
  class: "c1euiow",
769
769
  propsAsIs: !1
770
- }), Hs = /* @__PURE__ */ r("a")({
770
+ }), Ys = /* @__PURE__ */ r("a")({
771
771
  name: "WebLinkBtn",
772
772
  class: "w19zie3h",
773
773
  propsAsIs: !1
774
- }), Ys = ({ instantView: t, ...e }) => /* @__PURE__ */ p(Fs, { children: [
775
- /* @__PURE__ */ s(Ee, { instantView: t, ...e, isDetail: !0 }),
776
- (t == null ? void 0 : t.webLink) && /* @__PURE__ */ p(Hs, { href: t == null ? void 0 : t.webLink.url, target: "_blank", children: [
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
777
  t == null ? void 0 : t.webLink.label,
778
778
  /* @__PURE__ */ s(R, { name: "icon-external-link" })
779
779
  ] })
780
- ] }), Zs = /* @__PURE__ */ r("div")({
780
+ ] }), Gs = /* @__PURE__ */ r("div")({
781
781
  name: "Container",
782
782
  class: "c1dcxmvf",
783
783
  propsAsIs: !1
784
- }), Gs = /* @__PURE__ */ r("blockquote")({
784
+ }), Js = /* @__PURE__ */ r("blockquote")({
785
785
  name: "Quote",
786
786
  class: "qb4q22c",
787
787
  propsAsIs: !1
788
- }), Js = (t) => /* @__PURE__ */ p(Zs, { children: [
789
- t.title && /* @__PURE__ */ s(Gs, { children: t.title }),
788
+ }), Ks = (t) => /* @__PURE__ */ p(Gs, { children: [
789
+ t.title && /* @__PURE__ */ s(Js, { children: t.title }),
790
790
  /* @__PURE__ */ s(ye, { ...t, isDetail: !0 })
791
- ] }), Ks = /* @__PURE__ */ r("div")({
791
+ ] }), Xs = /* @__PURE__ */ r("div")({
792
792
  name: "QuestionContainer",
793
793
  class: "qdri6g3",
794
794
  propsAsIs: !1
795
- }), Xs = ({
795
+ }), en = ({
796
796
  openedQuestion: t
797
797
  }) => {
798
798
  var e, n;
799
799
  const {
800
800
  sdk: o
801
801
  } = $e();
802
- return ((e = t == null ? void 0 : t.attributes) == null ? void 0 : e.attributes.case) === "insight" ? /* @__PURE__ */ s(Ys, {
802
+ return ((e = t == null ? void 0 : t.attributes) == null ? void 0 : e.attributes.case) === "insight" ? /* @__PURE__ */ s(Zs, {
803
803
  ...t.attributes.attributes.value,
804
804
  controlVideo: o == null ? void 0 : o.controlVideoPlayer
805
- }) : ((n = t == null ? void 0 : t.attributes) == null ? void 0 : n.attributes.case) === "tweet" ? /* @__PURE__ */ s(Js, {
805
+ }) : ((n = t == null ? void 0 : t.attributes) == null ? void 0 : n.attributes.case) === "tweet" ? /* @__PURE__ */ s(Ks, {
806
806
  ...t.attributes.attributes.value,
807
807
  controlVideo: o == null ? void 0 : o.controlVideoPlayer
808
808
  }) : null;
809
- }, en = ({
809
+ }, tn = ({
810
810
  extendedQuestion: t,
811
811
  vote: e,
812
812
  close: n
@@ -815,13 +815,13 @@ const ws = [Q.PRIMARY_GREEN1, Q.SECONDARY_RED1, Q.SECONDARY_RED1, Q.NEUTRALS_GRA
815
815
  loading: o,
816
816
  data: i
817
817
  } = t;
818
- return i ? /* @__PURE__ */ s(_s, {
818
+ return i ? /* @__PURE__ */ s(Qs, {
819
819
  vote: e,
820
820
  close: n,
821
821
  openedQuestion: i,
822
822
  isLoading: !!o
823
823
  }) : null;
824
- }, tn = ({
824
+ }, sn = ({
825
825
  gamification: t
826
826
  }) => {
827
827
  var e;
@@ -829,39 +829,39 @@ const ws = [Q.PRIMARY_GREEN1, Q.SECONDARY_RED1, Q.SECONDARY_RED1, Q.NEUTRALS_GRA
829
829
  if (!n)
830
830
  return null;
831
831
  const i = n.type;
832
- return /* @__PURE__ */ p(Ks, {
833
- children: [/* @__PURE__ */ s(Te, {
832
+ return /* @__PURE__ */ p(Xs, {
833
+ children: [/* @__PURE__ */ s(Re, {
834
834
  close: t.closeQuestion,
835
835
  type: ((e = n.attributes) == null ? void 0 : e.type) || f.UNSET
836
- }), i === "question" && /* @__PURE__ */ s(en, {
836
+ }), i === "question" && /* @__PURE__ */ s(tn, {
837
837
  vote: t.submitAnswer,
838
838
  close: t.closeQuestion,
839
839
  extendedQuestion: o
840
- }), i !== "question" && /* @__PURE__ */ s(Xs, {
840
+ }), i !== "question" && /* @__PURE__ */ s(en, {
841
841
  openedQuestion: n
842
- }), /* @__PURE__ */ s(Mt, {
842
+ }), /* @__PURE__ */ s(_t, {
843
843
  sponsorLogo: ""
844
844
  })]
845
845
  });
846
- }, sn = /* @__PURE__ */ r("div")({
846
+ }, nn = /* @__PURE__ */ r("div")({
847
847
  name: "Container",
848
848
  class: "c115qtkr",
849
849
  propsAsIs: !1
850
- }), nn = /* @__PURE__ */ r("div")({
850
+ }), on = /* @__PURE__ */ r("div")({
851
851
  name: "STabs",
852
852
  class: "sxnslc8",
853
853
  propsAsIs: !1
854
- }), on = /* @__PURE__ */ r("button")({
854
+ }), rn = /* @__PURE__ */ r("button")({
855
855
  name: "Button",
856
856
  class: "b1umzux0",
857
857
  propsAsIs: !1
858
- }), rn = /* @__PURE__ */ r("span")({
858
+ }), an = /* @__PURE__ */ r("span")({
859
859
  name: "Title",
860
860
  class: "tspsaas",
861
861
  propsAsIs: !1
862
862
  });
863
863
  var K = /* @__PURE__ */ ((t) => (t.HOME = "home", t.LEADERBOARD = "leaderboard", t))(K || {});
864
- const me = ({ title: t, active: e, onClick: n }) => /* @__PURE__ */ s(on, { onClick: n, "data-selected": e, children: /* @__PURE__ */ s(rn, { children: t }) }), an = ({ activePage: t = "home", toggleActivePage: e }) => /* @__PURE__ */ s(sn, { children: /* @__PURE__ */ p(nn, { "data-position": t === "home" ? "left" : "right", children: [
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
865
  /* @__PURE__ */ s(me, { title: "Home", active: t === "home", onClick: () => e(
866
866
  "home"
867
867
  /* HOME */
@@ -877,43 +877,43 @@ const me = ({ title: t, active: e, onClick: n }) => /* @__PURE__ */ s(on, { onCl
877
877
  )
878
878
  }
879
879
  )
880
- ] }) }), ln = /* @__PURE__ */ r("div")({
880
+ ] }) }), cn = /* @__PURE__ */ r("div")({
881
881
  name: "Container",
882
882
  class: "c1ux29ft",
883
883
  propsAsIs: !1
884
- }), cn = /* @__PURE__ */ r("img")({
884
+ }), dn = /* @__PURE__ */ r("img")({
885
885
  name: "FriendsIcon",
886
886
  class: "f10ncfg2",
887
887
  propsAsIs: !1
888
- }), dn = /* @__PURE__ */ r("div")({
888
+ }), pn = /* @__PURE__ */ r("div")({
889
889
  name: "Content",
890
890
  class: "c1yc07bd",
891
891
  propsAsIs: !1
892
- }), pn = /* @__PURE__ */ r("div")({
892
+ }), un = /* @__PURE__ */ r("div")({
893
893
  name: "Title",
894
894
  class: "tj6cq7w",
895
895
  propsAsIs: !1
896
- }), un = /* @__PURE__ */ r("div")({
896
+ }), hn = /* @__PURE__ */ r("div")({
897
897
  name: "Description",
898
898
  class: "d1ag78xo",
899
899
  propsAsIs: !1
900
- }), hn = () => R, mn = /* @__PURE__ */ r(hn())({
900
+ }), mn = () => R, vn = /* @__PURE__ */ r(mn())({
901
901
  name: "ArrowInviteIcon",
902
902
  class: "awohrz6",
903
903
  propsAsIs: !0
904
- }), vn = "data:image/svg+xml,%3csvg%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='32'%20height='32'%20rx='16'%20fill='white'/%3e%3cpath%20d='M10.4615%2012.6875C9.44231%2012.6875%208.61538%2013.4665%208.61538%2014.4266C8.61538%2015.3868%209.44231%2016.1658%2010.4615%2016.1658C11.4808%2016.1658%2012.3077%2015.3868%2012.3077%2014.4266C12.3077%2013.4665%2011.4808%2012.6875%2010.4615%2012.6875ZM10.4615%2016.1658C9.10817%2016.1658%208%2017.2097%208%2018.4846V19.7527C8%2019.7527%208.61538%2020.2237%2010.4615%2020.2237C12.3077%2020.2237%2012.9231%2019.7527%2012.9231%2019.7527V18.4846C12.9231%2017.2097%2011.8149%2016.1658%2010.4615%2016.1658ZM21.5385%2012.6875C20.5192%2012.6875%2019.6923%2013.4665%2019.6923%2014.4266C19.6923%2015.3868%2020.5192%2016.1658%2021.5385%2016.1658C22.5577%2016.1658%2023.3846%2015.3868%2023.3846%2014.4266C23.3846%2013.4665%2022.5577%2012.6875%2021.5385%2012.6875ZM21.5385%2016.1658C20.1851%2016.1658%2019.0769%2017.2097%2019.0769%2018.4846V19.7527C19.0769%2019.7527%2019.6923%2020.2237%2021.5385%2020.2237C23.3846%2020.2237%2024%2019.7527%2024%2019.7527V18.4846C24%2017.2097%2022.8918%2016.1658%2021.5385%2016.1658ZM16%2015.0063C14.9808%2015.0063%2014.1538%2015.7853%2014.1538%2016.7455C14.1538%2017.7056%2014.9808%2018.4846%2016%2018.4846C17.0192%2018.4846%2017.8462%2017.7056%2017.8462%2016.7455C17.8462%2015.7853%2017.0192%2015.0063%2016%2015.0063ZM16%2018.4846C14.6466%2018.4846%2013.5385%2019.5285%2013.5385%2020.8034V22.0715C13.5385%2022.0715%2014.1538%2022.5425%2016%2022.5425C17.8462%2022.5425%2018.4615%2022.0715%2018.4615%2022.0715V20.8034C18.4615%2019.5285%2017.3534%2018.4846%2016%2018.4846Z'%20fill='%23107D57'/%3e%3cpath%20opacity='0.5'%20d='M13.3908%209C12.3103%209%2011.4336%209.82584%2011.4336%2010.8437C11.4336%2011.8616%2012.3103%2012.6875%2013.3908%2012.6875C14.4713%2012.6875%2015.348%2011.8616%2015.348%2010.8437C15.348%209.82584%2014.4713%209%2013.3908%209ZM13.3908%2012.6875C13.1946%2012.6875%2012.9958%2012.6827%2012.7996%2012.7451C13.192%2013.2372%2013.3908%2013.8542%2013.3908%2014.5312C13.3908%2014.7761%2013.3296%2015.0161%2013.3296%2015.261C13.8521%2014.524%2014.6956%2014.0391%2015.6742%2013.9166C15.218%2013.1796%2014.3694%2012.6875%2013.3908%2012.6875ZM18.61%209C17.5295%209%2016.6528%209.82584%2016.6528%2010.8437C16.6528%2011.8616%2017.5295%2012.6875%2018.61%2012.6875C19.6905%2012.6875%2020.5672%2011.8616%2020.5672%2010.8437C20.5672%209.82584%2019.6905%209%2018.61%209ZM18.61%2012.6875C17.6314%2012.6875%2016.7828%2013.1796%2016.3266%2013.9166C17.3052%2014.0391%2018.1487%2014.524%2018.6712%2015.261C18.6712%2015.0161%2018.61%2014.7761%2018.61%2014.5312C18.61%2013.8542%2018.8088%2013.2372%2019.2012%2012.7451C19.005%2012.6827%2018.8062%2012.6875%2018.61%2012.6875Z'%20fill='%23107D57'/%3e%3c/svg%3e", fn = ({ title: t, description: e, onClick: n, className: o }) => /* @__PURE__ */ p(ln, { onClick: n, className: o, children: [
905
- /* @__PURE__ */ s(cn, { alt: "friends-icon", src: vn }),
906
- /* @__PURE__ */ p(dn, { children: [
907
- /* @__PURE__ */ s(pn, { children: t }),
908
- /* @__PURE__ */ s(un, { children: e })
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 })
909
909
  ] }),
910
- /* @__PURE__ */ s(mn, { name: "icon-copy" })
910
+ /* @__PURE__ */ s(vn, { name: "icon-copy" })
911
911
  ] });
912
- function In(t) {
912
+ function Cn(t) {
913
913
  var e = t.lastRenderedStartIndex, n = t.lastRenderedStopIndex, o = t.startIndex, i = t.stopIndex;
914
914
  return !(o > n || i < e);
915
915
  }
916
- function Cn(t) {
916
+ function gn(t) {
917
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
918
  var h = e(u);
919
919
  h ? d !== null && (a.push(l, d), l = d = null) : (d = u, l === null && (l = u));
@@ -933,10 +933,10 @@ function Cn(t) {
933
933
  }
934
934
  return a;
935
935
  }
936
- var gn = function(t, e) {
936
+ var An = function(t, e) {
937
937
  if (!(t instanceof e))
938
938
  throw new TypeError("Cannot call a class as a function");
939
- }, An = /* @__PURE__ */ function() {
939
+ }, yn = /* @__PURE__ */ function() {
940
940
  function t(e, n) {
941
941
  for (var o = 0; o < n.length; o++) {
942
942
  var i = n[o];
@@ -946,7 +946,7 @@ var gn = function(t, e) {
946
946
  return function(e, n, o) {
947
947
  return n && t(e.prototype, n), o && t(e, o), e;
948
948
  };
949
- }(), yn = function(t, e) {
949
+ }(), $n = function(t, e) {
950
950
  if (typeof e != "function" && e !== null)
951
951
  throw new TypeError("Super expression must either be null or a function, not " + typeof e);
952
952
  t.prototype = Object.create(e && e.prototype, {
@@ -963,10 +963,10 @@ var gn = function(t, e) {
963
963
  return e && (typeof e == "object" || typeof e == "function") ? e : t;
964
964
  };
965
965
  (function(t) {
966
- yn(e, t);
966
+ $n(e, t);
967
967
  function e() {
968
968
  var n, o, i, c;
969
- gn(this, e);
969
+ An(this, e);
970
970
  for (var a = arguments.length, l = Array(a), d = 0; d < a; d++)
971
971
  l[d] = arguments[d];
972
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) {
@@ -976,7 +976,7 @@ var gn = function(t, e) {
976
976
  i._listRef = u;
977
977
  }, o), ve(i, c);
978
978
  }
979
- return An(e, [{
979
+ return yn(e, [{
980
980
  key: "resetloadMoreItemsCache",
981
981
  value: function() {
982
982
  var o = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : !1;
@@ -998,7 +998,7 @@ var gn = function(t, e) {
998
998
  }, {
999
999
  key: "_ensureRowsLoaded",
1000
1000
  value: function(o, i) {
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 = Cn({
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({
1002
1002
  isItemLoaded: a,
1003
1003
  itemCount: l,
1004
1004
  minimumBatchSize: u,
@@ -1015,7 +1015,7 @@ var gn = function(t, e) {
1015
1015
  for (var i = this, c = this.props.loadMoreItems || this.props.loadMoreRows, a = function(u) {
1016
1016
  var h = o[u], v = o[u + 1], m = c(h, v);
1017
1017
  m != null && m.then(function() {
1018
- if (In({
1018
+ if (Cn({
1019
1019
  lastRenderedStartIndex: i._lastRenderedStartIndex,
1020
1020
  lastRenderedStopIndex: i._lastRenderedStopIndex,
1021
1021
  startIndex: h,
@@ -1030,49 +1030,49 @@ var gn = function(t, e) {
1030
1030
  a(l);
1031
1031
  }
1032
1032
  }]), e;
1033
- })(et);
1034
- const $n = /* @__PURE__ */ r("div")({
1033
+ })(tt);
1034
+ const bn = /* @__PURE__ */ r("div")({
1035
1035
  name: "Container",
1036
1036
  class: "culdu4a",
1037
1037
  propsAsIs: !1
1038
- }), bn = /* @__PURE__ */ r("div")({
1038
+ }), wn = /* @__PURE__ */ r("div")({
1039
1039
  name: "Position",
1040
1040
  class: "pwf8e69",
1041
1041
  propsAsIs: !1
1042
- }), wn = /* @__PURE__ */ r("img")({
1042
+ }), Tn = /* @__PURE__ */ r("img")({
1043
1043
  name: "Avatar",
1044
1044
  class: "atf4yh4",
1045
1045
  propsAsIs: !1
1046
- }), Tn = /* @__PURE__ */ r("div")({
1046
+ }), Rn = /* @__PURE__ */ r("div")({
1047
1047
  name: "AvatarPlaceholder",
1048
1048
  class: "a1dg29ja",
1049
1049
  propsAsIs: !1
1050
- }), Rn = /* @__PURE__ */ r("div")({
1050
+ }), kn = /* @__PURE__ */ r("div")({
1051
1051
  name: "Content",
1052
1052
  class: "c10a68rc",
1053
1053
  propsAsIs: !1
1054
- }), kn = /* @__PURE__ */ r("div")({
1054
+ }), Sn = /* @__PURE__ */ r("div")({
1055
1055
  name: "NameContainer",
1056
1056
  class: "nc4kck5",
1057
1057
  propsAsIs: !1
1058
- }), Sn = /* @__PURE__ */ r("span")({
1058
+ }), Ln = /* @__PURE__ */ r("span")({
1059
1059
  name: "Name",
1060
1060
  class: "njsrqgr",
1061
1061
  propsAsIs: !1
1062
- }), Ln = () => R, En = /* @__PURE__ */ r(Ln())({
1062
+ }), En = () => R, xn = /* @__PURE__ */ r(En())({
1063
1063
  name: "CurrentUserBadge",
1064
1064
  class: "c17uc4zr",
1065
1065
  propsAsIs: !0
1066
1066
  });
1067
- var xe = { exports: {} }, xn = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED", Pn = xn, qn = Pn;
1068
- function Pe() {
1069
- }
1067
+ var Pe = { exports: {} }, Pn = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED", qn = Pn, Nn = qn;
1070
1068
  function qe() {
1071
1069
  }
1072
- qe.resetWarningCache = Pe;
1073
- var Nn = function() {
1070
+ function Ne() {
1071
+ }
1072
+ Ne.resetWarningCache = qe;
1073
+ var Dn = function() {
1074
1074
  function t(o, i, c, a, l, d) {
1075
- if (d !== qn) {
1075
+ if (d !== Nn) {
1076
1076
  var u = new Error(
1077
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"
1078
1078
  );
@@ -1103,15 +1103,15 @@ var Nn = function() {
1103
1103
  oneOfType: e,
1104
1104
  shape: e,
1105
1105
  exact: e,
1106
- checkPropTypes: qe,
1107
- resetWarningCache: Pe
1106
+ checkPropTypes: Ne,
1107
+ resetWarningCache: qe
1108
1108
  };
1109
1109
  return n.PropTypes = n, n;
1110
1110
  };
1111
- xe.exports = Nn();
1112
- var Dn = xe.exports;
1113
- const E = /* @__PURE__ */ Ue(Dn);
1114
- class ie extends tt {
1111
+ Pe.exports = Dn();
1112
+ var Vn = Pe.exports;
1113
+ const E = /* @__PURE__ */ Be(Vn);
1114
+ class ie extends st {
1115
1115
  constructor(e) {
1116
1116
  super(e), this.scrollListener = this.scrollListener.bind(this), this.eventListenerOptions = this.eventListenerOptions.bind(this), this.mousewheelListener = this.mousewheelListener.bind(this);
1117
1117
  }
@@ -1240,7 +1240,7 @@ class ie extends tt {
1240
1240
  this.scrollComponent = C, h && h(C);
1241
1241
  };
1242
1242
  const g = [n];
1243
- return i && (l ? a ? g.unshift(l) : g.push(l) : this.defaultLoader && (a ? g.unshift(this.defaultLoader) : g.push(this.defaultLoader))), B.createElement(o, y, 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);
1244
1244
  }
1245
1245
  }
1246
1246
  ne(ie, "propTypes", {
@@ -1270,7 +1270,7 @@ ne(ie, "propTypes", {
1270
1270
  loader: null,
1271
1271
  getScrollParent: null
1272
1272
  });
1273
- const Vn = ({
1273
+ const On = ({
1274
1274
  rank: t,
1275
1275
  avatar: e,
1276
1276
  name: n,
@@ -1278,21 +1278,21 @@ const Vn = ({
1278
1278
  isCurrentUser: i,
1279
1279
  openItemDetail: c,
1280
1280
  style: a
1281
- }) => /* @__PURE__ */ p($n, { onClick: c, style: a, children: [
1282
- /* @__PURE__ */ s(bn, { children: t || 0 }),
1283
- /* @__PURE__ */ p(Rn, { children: [
1284
- e ? /* @__PURE__ */ s(wn, { alt: "leaderboard-item-avatar", src: e }) : /* @__PURE__ */ s(Tn, { children: Ce(n || "") }),
1285
- /* @__PURE__ */ p(kn, { children: [
1286
- /* @__PURE__ */ s(Sn, { children: n || "" }),
1287
- i && /* @__PURE__ */ s(En, { 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" })
1288
1288
  ] })
1289
1289
  ] }),
1290
1290
  /* @__PURE__ */ s("div", { children: ge(o) })
1291
- ] }), On = /* @__PURE__ */ r("div")({
1291
+ ] }), Mn = /* @__PURE__ */ r("div")({
1292
1292
  name: "Container",
1293
1293
  class: "c16btbfp",
1294
1294
  propsAsIs: !1
1295
- }), Mn = ({
1295
+ }), _n = ({
1296
1296
  items: t,
1297
1297
  currentUserId: e,
1298
1298
  openItemDetail: n,
@@ -1305,14 +1305,14 @@ const Vn = ({
1305
1305
  hasMore: c,
1306
1306
  useWindow: !1,
1307
1307
  getScrollParent: () => i.current,
1308
- children: /* @__PURE__ */ s(On, {
1309
- children: t.map((a) => /* @__PURE__ */ s(Vn, {
1308
+ children: /* @__PURE__ */ s(Mn, {
1309
+ children: t.map((a) => /* @__PURE__ */ s(On, {
1310
1310
  ...a,
1311
1311
  openItemDetail: () => n(a.userId),
1312
1312
  isCurrentUser: !!e && e === a.userId
1313
1313
  }, a.userId))
1314
1314
  })
1315
- }), _n = ({ renderClipBoardNode: t, deepLink: e }) => /* @__PURE__ */ s(
1315
+ }), Qn = ({ renderClipBoardNode: t, deepLink: e }) => /* @__PURE__ */ s(
1316
1316
  We,
1317
1317
  {
1318
1318
  renderToNode: t,
@@ -1332,11 +1332,11 @@ const Vn = ({
1332
1332
  inviteCardTitle: "It’s More Fun With Friends",
1333
1333
  inviteCardSubtext: "Invite and compete against your friends for the top spot on the leaderboard."
1334
1334
  }
1335
- ), Qn = /* @__PURE__ */ r("div")({
1335
+ ), jn = /* @__PURE__ */ r("div")({
1336
1336
  name: "InviteLinkContainer",
1337
1337
  class: "i1chxfpe",
1338
1338
  propsAsIs: !1
1339
- }), jn = ({
1339
+ }), Un = ({
1340
1340
  gamification: t,
1341
1341
  scrollNode: e,
1342
1342
  scrollStore: n,
@@ -1349,12 +1349,12 @@ const Vn = ({
1349
1349
  key: l
1350
1350
  } = q(t.leaderboardList.$store), {
1351
1351
  data: d
1352
- } = q(t.deepLink.$store), [u, h] = Be(o);
1353
- return !i.length && !a ? /* @__PURE__ */ s(_n, {
1352
+ } = q(t.deepLink.$store), [u, h] = ze(o);
1353
+ return !i.length && !a ? /* @__PURE__ */ s(Qn, {
1354
1354
  renderClipBoardNode: o,
1355
1355
  deepLink: d
1356
1356
  }) : /* @__PURE__ */ p(x, {
1357
- children: [/* @__PURE__ */ s(Mn, {
1357
+ children: [/* @__PURE__ */ s(_n, {
1358
1358
  items: i,
1359
1359
  scrollNode: e,
1360
1360
  scrollStore: n,
@@ -1362,15 +1362,15 @@ const Vn = ({
1362
1362
  hasMore: c,
1363
1363
  openItemDetail: t.openUser,
1364
1364
  currentUserId: t.currentUserId.get()
1365
- }, l), d && /* @__PURE__ */ s(Qn, {
1366
- children: /* @__PURE__ */ s(fn, {
1365
+ }, l), d && /* @__PURE__ */ s(jn, {
1366
+ children: /* @__PURE__ */ s(In, {
1367
1367
  onClick: () => u(d),
1368
1368
  title: "Invite Friends",
1369
1369
  description: "Challenge them now!"
1370
1370
  })
1371
1371
  }), h]
1372
1372
  });
1373
- }, Un = /* @__PURE__ */ r("div")({
1373
+ }, Bn = /* @__PURE__ */ r("div")({
1374
1374
  name: "QuestionItem",
1375
1375
  class: "q1w97g3p",
1376
1376
  propsAsIs: !1
@@ -1378,40 +1378,40 @@ const Vn = ({
1378
1378
  name: "QuestionCaption",
1379
1379
  class: "q2sl39u",
1380
1380
  propsAsIs: !1
1381
- }), Bn = /* @__PURE__ */ r("div")({
1381
+ }), zn = /* @__PURE__ */ r("div")({
1382
1382
  name: "QuestionBody",
1383
1383
  class: "qd5h0uc",
1384
1384
  propsAsIs: !1
1385
- }), zn = /* @__PURE__ */ r("div")({
1385
+ }), Fn = /* @__PURE__ */ r("div")({
1386
1386
  name: "QuestionAction",
1387
1387
  class: "q105uluy",
1388
1388
  propsAsIs: !1
1389
- }), Fn = () => R, J = /* @__PURE__ */ r(Fn())({
1389
+ }), Hn = () => R, J = /* @__PURE__ */ r(Hn())({
1390
1390
  name: "QuestionActionIcon",
1391
1391
  class: "q1fa0b9h",
1392
1392
  propsAsIs: !0
1393
- }), Hn = () => R, Yn = /* @__PURE__ */ r(Hn())({
1393
+ }), Yn = () => R, Zn = /* @__PURE__ */ r(Yn())({
1394
1394
  name: "QuestionTypeIcon",
1395
1395
  class: "qxlt78s",
1396
1396
  propsAsIs: !0
1397
- }), Zn = /* @__PURE__ */ r("div")({
1397
+ }), Gn = /* @__PURE__ */ r("div")({
1398
1398
  name: "QuestionTypeLabel",
1399
1399
  class: "qmg0vkx",
1400
1400
  propsAsIs: !1
1401
- }), Gn = /* @__PURE__ */ r("div")({
1401
+ }), Jn = /* @__PURE__ */ r("div")({
1402
1402
  name: "QuestionContent",
1403
1403
  class: "q1uz5j1g",
1404
1404
  propsAsIs: !1
1405
- }), Jn = /* @__PURE__ */ r("button")({
1405
+ }), Kn = /* @__PURE__ */ r("button")({
1406
1406
  name: "PlayButton",
1407
1407
  class: "p1pba9p1",
1408
1408
  propsAsIs: !1
1409
- }), Kn = {
1409
+ }), Xn = {
1410
1410
  [Y.LOST]: /* @__PURE__ */ s(J, { name: "incorrectVoted" }),
1411
1411
  [Y.WON]: /* @__PURE__ */ s(J, { name: "icon-check" }),
1412
1412
  [Y.UNSET]: /* @__PURE__ */ s(J, { name: "icon-arrow" }),
1413
1413
  [Y.DNP]: /* @__PURE__ */ s(J, { name: "icon-arrow" })
1414
- }, Xn = ({
1414
+ }, eo = ({
1415
1415
  questionId: t,
1416
1416
  questionType: e,
1417
1417
  questionStatus: n,
@@ -1420,72 +1420,82 @@ const Vn = ({
1420
1420
  openQuestion: c,
1421
1421
  status: a
1422
1422
  }) => {
1423
- const l = Ie[e], d = Kn[a];
1424
- return l ? /* @__PURE__ */ p(Un, { onClick: () => c == null ? void 0 : c(t), children: [
1425
- /* @__PURE__ */ p(Gn, { 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
1426
  /* @__PURE__ */ p(Wn, { children: [
1427
1427
  /* @__PURE__ */ s(
1428
- Yn,
1428
+ Zn,
1429
1429
  {
1430
1430
  "data-type-trivia": e === f.TRIVIA,
1431
1431
  "data-type-poll": e === f.POLL,
1432
1432
  name: l.iconName
1433
1433
  }
1434
1434
  ),
1435
- /* @__PURE__ */ p(Zn, { children: [
1435
+ /* @__PURE__ */ p(Gn, { children: [
1436
1436
  l.label,
1437
1437
  e === f.TRIVIA && n === M.RESOLVED && " • Expired"
1438
1438
  ] })
1439
1439
  ] }),
1440
- /* @__PURE__ */ s(Bn, { children: o || "" })
1440
+ /* @__PURE__ */ s(zn, { children: o || "" })
1441
1441
  ] }),
1442
- /* @__PURE__ */ s(zn, { children: i ? /* @__PURE__ */ s(Jn, { children: "Play" }) : d })
1442
+ /* @__PURE__ */ s(Fn, { children: i ? /* @__PURE__ */ s(Kn, { children: "Play" }) : d })
1443
1443
  ] }) : null;
1444
- }, eo = /* @__PURE__ */ r("div")({
1444
+ }, to = /* @__PURE__ */ r("div")({
1445
1445
  name: "Container",
1446
1446
  class: "cll3md7",
1447
1447
  propsAsIs: !1
1448
- }), to = /* @__PURE__ */ r("button")({
1448
+ }), so = /* @__PURE__ */ r("button")({
1449
1449
  name: "ActionBtn",
1450
1450
  class: "a10g1iik",
1451
1451
  propsAsIs: !1
1452
- }), so = ({ openInsight: t, questionId: e, ...n }) => /* @__PURE__ */ p(eo, { children: [
1453
- /* @__PURE__ */ s(Ee, { questionId: e, ...n }),
1454
- t && /* @__PURE__ */ s(to, { onClick: () => t(e), children: "View Insight" })
1455
- ] }), no = /* @__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")({
1456
1461
  name: "Container",
1457
1462
  class: "cl56x6b",
1458
1463
  propsAsIs: !1
1459
- }), oo = () => ze, io = /* @__PURE__ */ r(oo())({
1464
+ }), io = () => Fe, ro = /* @__PURE__ */ r(io())({
1460
1465
  name: "ActionButton",
1461
1466
  class: "a11pzf92",
1462
1467
  propsAsIs: !0
1463
- }), ro = /* @__PURE__ */ r("blockquote")({
1468
+ }), ao = /* @__PURE__ */ r("blockquote")({
1464
1469
  name: "Quote",
1465
1470
  class: "q1hbaleq",
1466
1471
  propsAsIs: !1
1467
- }), ao = ({ openTweet: t, ...e }) => /* @__PURE__ */ p(no, { children: [
1468
- e.title && /* @__PURE__ */ s(ro, { children: e.title }),
1469
- /* @__PURE__ */ s(ye, { ...e }),
1470
- t && /* @__PURE__ */ s(io, { onClick: () => t(e.tweetId), children: "View Insight" })
1471
- ] }), lo = /* @__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")({
1472
1482
  name: "QuestionsContainer",
1473
1483
  class: "qvghv3l",
1474
1484
  propsAsIs: !1
1475
- }), co = ({ questions: t, openQuestion: e, controlVideo: n }) => /* @__PURE__ */ s(lo, { children: t == null ? void 0 : t.map((o) => {
1485
+ }), po = ({ questions: t, openQuestion: e, controlVideo: n }) => /* @__PURE__ */ s(co, { children: t == null ? void 0 : t.map((o) => {
1476
1486
  var i, c, a;
1477
1487
  if (o.type === "question" && ((i = o.attributes) == null ? void 0 : i.attributes.case) === "question") {
1478
1488
  const l = o.attributes.attributes.value;
1479
- return /* @__PURE__ */ s(Xn, { openQuestion: e, ...l }, l.questionId);
1489
+ return /* @__PURE__ */ s(eo, { openQuestion: e, ...l }, l.questionId);
1480
1490
  }
1481
1491
  if (o.type === "insight" && ((c = o.attributes) == null ? void 0 : c.attributes.case) === "insight") {
1482
1492
  const l = o.attributes.attributes.value;
1483
- return /* @__PURE__ */ s(so, { openInsight: e, controlVideo: n, ...l }, l.questionId);
1493
+ return /* @__PURE__ */ s(no, { openInsight: e, controlVideo: n, ...l }, l.questionId);
1484
1494
  }
1485
1495
  if (o.type === "tweet" && ((a = o.attributes) == null ? void 0 : a.attributes.case) === "tweet") {
1486
1496
  const l = o.attributes.attributes.value, d = o.attributes.id;
1487
1497
  return /* @__PURE__ */ s(
1488
- ao,
1498
+ lo,
1489
1499
  {
1490
1500
  openTweet: e,
1491
1501
  controlVideo: n,
@@ -1496,10 +1506,10 @@ const Vn = ({
1496
1506
  );
1497
1507
  }
1498
1508
  return null;
1499
- }) }), po = ({ store: t, openQuestion: e }) => {
1509
+ }) }), uo = ({ store: t, openQuestion: e }) => {
1500
1510
  const { sdk: n } = $e(), o = q(t);
1501
- return o != null && o.data ? /* @__PURE__ */ s(co, { openQuestion: e, questions: o.data, controlVideo: n == null ? void 0 : n.controlVideoPlayer }) : /* @__PURE__ */ s("div", { children: "wait questions..." });
1502
- }, uo = ({ userSummary: 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 }) => {
1503
1513
  var e;
1504
1514
  const [n, o] = P(void 0);
1505
1515
  return X(() => {
@@ -1509,12 +1519,12 @@ const Vn = ({
1509
1519
  return () => {
1510
1520
  i();
1511
1521
  };
1512
- }, [t]), n != null && n.summary ? /* @__PURE__ */ s(Re, { ...n.summary, successRate: (e = n.percentage) == null ? void 0 : e.correct }) : /* @__PURE__ */ s("div", { children: "wait user..." });
1513
- }, ho = ({ gamification: t, className: e, scrollStore: n, scrollNode: o, appNode: i, style: c, responsiveStore: a, headerNode: l }) => {
1514
- 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) => {
1515
1525
  v(() => {
1516
1526
  var C;
1517
- 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" });
1518
1528
  });
1519
1529
  };
1520
1530
  X(() => n.listen((g) => {
@@ -1527,22 +1537,22 @@ const Vn = ({
1527
1537
  let $ = "0px";
1528
1538
  m ? $ = d ? "0px" : "calc(8px - var(--header-height) - var(--header-offset))" : $ = d ? "calc(var(--header-height) + var(--header-offset) - 2px)" : "0px";
1529
1539
  const y = m ? i : l;
1530
- return /* @__PURE__ */ p(Fe, { className: e, style: c, children: [
1540
+ return /* @__PURE__ */ p(He, { className: e, style: c, children: [
1531
1541
  /* @__PURE__ */ s(
1532
- He,
1542
+ Ye,
1533
1543
  {
1534
1544
  style: {
1535
1545
  top: $
1536
1546
  },
1537
- children: /* @__PURE__ */ s(an, { activePage: u, toggleActivePage: I })
1547
+ children: /* @__PURE__ */ s(ln, { activePage: u, toggleActivePage: I })
1538
1548
  }
1539
1549
  ),
1540
1550
  u === K.HOME && /* @__PURE__ */ p(x, { children: [
1541
- /* @__PURE__ */ s(be, { style: { paddingTop: "8px" }, children: /* @__PURE__ */ s(Ye, { children: /* @__PURE__ */ s(uo, { userSummary: t.userSummary }) }) }),
1542
- /* @__PURE__ */ s(Ze, { style: { flex: 1 }, children: /* @__PURE__ */ s(po, { openQuestion: t.openQuestion, store: t.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() }) })
1543
1553
  ] }),
1544
- u === K.LEADERBOARD && /* @__PURE__ */ s(Ge, { children: /* @__PURE__ */ s(
1545
- jn,
1554
+ u === K.LEADERBOARD && /* @__PURE__ */ s(Je, { children: /* @__PURE__ */ s(
1555
+ Un,
1546
1556
  {
1547
1557
  renderClipBoardNode: y,
1548
1558
  scrollStore: n,
@@ -1551,21 +1561,21 @@ const Vn = ({
1551
1561
  }
1552
1562
  ) })
1553
1563
  ] });
1554
- }, mo = () => Xe, fe = /* @__PURE__ */ r(mo())({
1564
+ }, vo = () => et, fe = /* @__PURE__ */ r(vo())({
1555
1565
  name: "OpenedContainer",
1556
1566
  class: "oar61gl",
1557
1567
  propsAsIs: !0
1558
- }), vo = /* @__PURE__ */ r("div")({
1568
+ }), fo = /* @__PURE__ */ r("div")({
1559
1569
  name: "UserContainer",
1560
1570
  class: "u14zaal4",
1561
1571
  propsAsIs: !1
1562
- }), fo = ({
1572
+ }), Io = ({
1563
1573
  correct: t,
1564
1574
  incorrect: e
1565
1575
  }) => {
1566
1576
  const n = t + e;
1567
1577
  return n === 0 ? 0 : Math.round(t / n * 100);
1568
- }, yo = ({
1578
+ }, $o = ({
1569
1579
  gamification: t,
1570
1580
  scrollStore: e,
1571
1581
  className: n,
@@ -1585,24 +1595,24 @@ const Vn = ({
1585
1595
  return null;
1586
1596
  const I = l ? /* @__PURE__ */ s(fe, {
1587
1597
  className: n,
1588
- children: /* @__PURE__ */ s(tn, {
1598
+ children: /* @__PURE__ */ s(sn, {
1589
1599
  gamification: t
1590
1600
  })
1591
1601
  }) : d ? /* @__PURE__ */ s(fe, {
1592
1602
  className: n,
1593
- children: /* @__PURE__ */ p(vo, {
1594
- children: [/* @__PURE__ */ s(Te, {
1603
+ children: /* @__PURE__ */ p(fo, {
1604
+ children: [/* @__PURE__ */ s(Re, {
1595
1605
  label: "Friend's Rank",
1596
1606
  close: t.closeUser
1597
- }), /* @__PURE__ */ s(be, {
1598
- children: /* @__PURE__ */ s(Re, {
1607
+ }), /* @__PURE__ */ s(we, {
1608
+ children: /* @__PURE__ */ s(ke, {
1599
1609
  ...d,
1600
- successRate: fo(d)
1610
+ successRate: Io(d)
1601
1611
  })
1602
1612
  })]
1603
1613
  })
1604
1614
  }) : null;
1605
- return /* @__PURE__ */ s(Ke, {
1615
+ return /* @__PURE__ */ s(Xe, {
1606
1616
  container: o,
1607
1617
  useContainer: !u,
1608
1618
  fixedView: m,
@@ -1610,7 +1620,7 @@ const Vn = ({
1610
1620
  });
1611
1621
  }, [o, n, t, l, d, u]);
1612
1622
  return /* @__PURE__ */ p(x, {
1613
- children: [h, /* @__PURE__ */ s(ho, {
1623
+ children: [h, /* @__PURE__ */ s(mo, {
1614
1624
  appNode: o,
1615
1625
  headerNode: c,
1616
1626
  scrollStore: e,
@@ -1622,5 +1632,5 @@ const Vn = ({
1622
1632
  });
1623
1633
  };
1624
1634
  export {
1625
- yo as default
1635
+ $o as default
1626
1636
  };