@streamlayer/react 0.37.0 → 0.38.0

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