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