@streamlayer/react 0.39.1 → 0.40.1

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