@streamlayer/react 1.0.0 → 1.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/app/advertisement.d.ts +1 -0
- package/lib/app/app.d.ts +2 -2
- package/lib/app/auth.d.ts +0 -1
- package/lib/app/masters.d.ts +2 -1
- package/lib/app/provider.d.ts +4 -4
- package/lib/app/useStreamLayerApp.d.ts +8 -7
- package/lib/cjs/app.js +1 -1
- package/lib/cjs/gamification-feature.js +1 -1
- package/lib/cjs/gamification-feature2.js +1 -1
- package/lib/cjs/index2.js +58 -51
- package/lib/cjs/masters2.js +3 -3
- package/lib/cjs/points.js +1 -1
- package/lib/cjs/useStreamLayerApp2.js +15 -15
- package/lib/dist/cjs/gamification-feature.js +1 -1
- package/lib/dist/cjs/gamification-feature2.js +1 -1
- package/lib/dist/cjs/index.js +1 -1
- package/lib/dist/cjs/masters.js +93 -86
- package/lib/dist/es/gamification-feature.js +1 -1
- package/lib/dist/es/gamification-feature2.js +18 -18
- package/lib/dist/es/index.js +1 -1
- package/lib/dist/es/masters.js +31757 -35298
- package/lib/dist/index.d.ts +222 -135
- package/lib/dist/style.css +1 -1
- package/lib/es/app.js +438 -414
- package/lib/es/gamification-feature.js +1 -1
- package/lib/es/gamification-feature2.js +1 -1
- package/lib/es/index2.js +10224 -10665
- package/lib/es/masters2.js +393 -432
- package/lib/es/points.js +13 -13
- package/lib/es/useStreamLayerApp2.js +8732 -11851
- package/lib/style.css +1 -1
- package/package.json +45 -40
package/lib/es/masters2.js
CHANGED
|
@@ -1,348 +1,340 @@
|
|
|
1
|
-
import { jsx as n, jsxs as
|
|
2
|
-
import { u as
|
|
3
|
-
import { createContext as
|
|
4
|
-
import { Q as
|
|
5
|
-
const
|
|
1
|
+
import { jsx as n, jsxs as L, Fragment as E } from "react/jsx-runtime";
|
|
2
|
+
import { u as C, F as r2, s as u, T as j, i as i2, x as a2, a as l2, N as d2, k as c2, M as p2, b as u2, e as C2, C as v2, g as h2, O as K, m as x, l as m2, h as g2, j as L2, n as X, o as f2, p as S2, q as y2, r as U, t as k2, v as J, w as _, I as e2, c as P, y as N2, z as b2, A as z, B as A2, D as I2, E as $2, G as E2, H as T, J as Q, K as V2, L as w2, P as R2, Q as H2, R as q, U as T2, V as x2, W as F, X as F2, Y as D2, Z as M2, _ as O2, f as D, $ as U2, a0 as _2, S as P2, a1 as B2, a2 as G2 } from "./index2.js";
|
|
3
|
+
import { createContext as z2, useContext as s2, useRef as $, useState as b, useEffect as k, useTransition as Q2, lazy as q2, useMemo as H, Suspense as Z2, forwardRef as Y2, useLayoutEffect as W2, useCallback as R, Component as j2 } from "react";
|
|
4
|
+
import { Q as K2, S as I } from "./useStreamLayerApp2.js";
|
|
5
|
+
const M = /* @__PURE__ */ u("div")({
|
|
6
6
|
name: "LoadingContainer",
|
|
7
|
-
class: "
|
|
7
|
+
class: "l7wseip",
|
|
8
8
|
propsAsIs: !1
|
|
9
|
-
}),
|
|
9
|
+
}), X2 = ({
|
|
10
10
|
feature: e,
|
|
11
11
|
sdk: s,
|
|
12
12
|
children: t,
|
|
13
13
|
className: o,
|
|
14
|
-
noWait:
|
|
14
|
+
noWait: i
|
|
15
15
|
}) => {
|
|
16
|
-
const
|
|
17
|
-
if (!
|
|
16
|
+
const r = C(e.status), a = C(s.sdkStore.slStreamId);
|
|
17
|
+
if (!i) {
|
|
18
18
|
if (a != null && a.loading && !a.data)
|
|
19
|
-
return /* @__PURE__ */ n(
|
|
19
|
+
return /* @__PURE__ */ n(M, {
|
|
20
20
|
className: o,
|
|
21
21
|
children: "Event is loading..."
|
|
22
22
|
});
|
|
23
23
|
if (!(a != null && a.data))
|
|
24
|
-
return /* @__PURE__ */ n(
|
|
24
|
+
return /* @__PURE__ */ n(M, {
|
|
25
25
|
className: o,
|
|
26
26
|
children: "Event is forbidden..."
|
|
27
27
|
});
|
|
28
|
-
if (
|
|
29
|
-
return /* @__PURE__ */ n(
|
|
28
|
+
if (r !== r2.Ready)
|
|
29
|
+
return /* @__PURE__ */ n(M, {
|
|
30
30
|
className: o,
|
|
31
31
|
children: "Wait feature..."
|
|
32
32
|
});
|
|
33
33
|
}
|
|
34
34
|
return t;
|
|
35
|
-
},
|
|
35
|
+
}, t2 = z2({
|
|
36
36
|
sdk: null
|
|
37
|
-
}),
|
|
37
|
+
}), B = () => s2(t2), J2 = /* @__PURE__ */ u("div")({
|
|
38
38
|
name: "QuestionContainer",
|
|
39
|
-
class: "
|
|
39
|
+
class: "qwgkhsv",
|
|
40
40
|
propsAsIs: !1
|
|
41
|
-
}),
|
|
41
|
+
}), e0 = ({
|
|
42
42
|
openedQuestion: e
|
|
43
43
|
}) => {
|
|
44
44
|
var s, t;
|
|
45
45
|
const {
|
|
46
46
|
sdk: o
|
|
47
|
-
} =
|
|
48
|
-
return ((s = e == null ? void 0 : e.attributes) == null ? void 0 : s.attributes.case) === "insight" ? /* @__PURE__ */ n(
|
|
47
|
+
} = B();
|
|
48
|
+
return ((s = e == null ? void 0 : e.attributes) == null ? void 0 : s.attributes.case) === "insight" ? /* @__PURE__ */ n(a2, {
|
|
49
49
|
...e.attributes.attributes.value,
|
|
50
50
|
controlVideo: o == null ? void 0 : o.controlVideoPlayer
|
|
51
|
-
}) : ((t = e == null ? void 0 : e.attributes) == null ? void 0 : t.attributes.case) === "tweet" ? /* @__PURE__ */ n(
|
|
51
|
+
}) : ((t = e == null ? void 0 : e.attributes) == null ? void 0 : t.attributes.case) === "tweet" ? /* @__PURE__ */ n(l2, {
|
|
52
52
|
...e.attributes.attributes.value,
|
|
53
53
|
controlVideo: o == null ? void 0 : o.controlVideoPlayer
|
|
54
54
|
}) : null;
|
|
55
|
-
},
|
|
55
|
+
}, s0 = ({
|
|
56
56
|
extendedQuestion: e,
|
|
57
57
|
vote: s,
|
|
58
58
|
close: t
|
|
59
59
|
}) => {
|
|
60
60
|
const {
|
|
61
61
|
loading: o,
|
|
62
|
-
data:
|
|
62
|
+
data: i
|
|
63
63
|
} = e;
|
|
64
|
-
return
|
|
64
|
+
return i ? /* @__PURE__ */ n(d2, {
|
|
65
65
|
vote: s,
|
|
66
66
|
close: t,
|
|
67
|
-
openedQuestion:
|
|
67
|
+
openedQuestion: i,
|
|
68
68
|
isLoading: !!o
|
|
69
|
-
}) : /* @__PURE__ */ n(
|
|
70
|
-
},
|
|
69
|
+
}) : /* @__PURE__ */ n(c2, {});
|
|
70
|
+
}, t0 = ({
|
|
71
71
|
gamification: e
|
|
72
72
|
}) => {
|
|
73
73
|
var s;
|
|
74
|
-
const t =
|
|
74
|
+
const t = C(e.openedQuestion.$store), o = C(e.openedQuestion.$extendedStore);
|
|
75
75
|
if (!t)
|
|
76
76
|
return null;
|
|
77
|
-
const
|
|
78
|
-
return /* @__PURE__ */
|
|
79
|
-
children: [/* @__PURE__ */ n(
|
|
77
|
+
const i = t.type;
|
|
78
|
+
return /* @__PURE__ */ L(J2, {
|
|
79
|
+
children: [/* @__PURE__ */ n(j, {
|
|
80
80
|
close: e.closeQuestion,
|
|
81
|
-
type: ((s = t.attributes) == null ? void 0 : s.type) ||
|
|
82
|
-
}),
|
|
81
|
+
type: ((s = t.attributes) == null ? void 0 : s.type) || K2.UNSET
|
|
82
|
+
}), i === "question" && /* @__PURE__ */ n(s0, {
|
|
83
83
|
vote: e.submitAnswer,
|
|
84
84
|
close: e.closeQuestion,
|
|
85
85
|
extendedQuestion: o
|
|
86
|
-
}),
|
|
86
|
+
}), i !== "question" && /* @__PURE__ */ n(e0, {
|
|
87
87
|
openedQuestion: t
|
|
88
|
-
}), /* @__PURE__ */ n(
|
|
89
|
-
|
|
88
|
+
}), /* @__PURE__ */ n(i2, {
|
|
89
|
+
mastersLogo: !0
|
|
90
90
|
})]
|
|
91
91
|
});
|
|
92
|
-
},
|
|
92
|
+
}, n0 = /* @__PURE__ */ u("div")({
|
|
93
93
|
name: "InviteFriendsContainer",
|
|
94
|
-
class: "
|
|
94
|
+
class: "i1b9agwt",
|
|
95
95
|
propsAsIs: !1
|
|
96
|
-
}),
|
|
96
|
+
}), o0 = ({
|
|
97
97
|
deepLink: e
|
|
98
|
-
}) => /* @__PURE__ */ n(
|
|
99
|
-
children: /* @__PURE__ */ n(
|
|
98
|
+
}) => /* @__PURE__ */ n(n0, {
|
|
99
|
+
children: /* @__PURE__ */ n(p2, {
|
|
100
100
|
inviteLink: e,
|
|
101
101
|
inviteCardTitle: "It’s More Fun With Friends",
|
|
102
102
|
inviteCardSubtext: "Invite and compete against your friends for the top spot on the leaderboard."
|
|
103
103
|
})
|
|
104
|
-
}),
|
|
104
|
+
}), r0 = /* @__PURE__ */ u("div")({
|
|
105
105
|
name: "InviteLinkContainer",
|
|
106
|
-
class: "
|
|
106
|
+
class: "ij36hcn",
|
|
107
107
|
propsAsIs: !1
|
|
108
|
-
}),
|
|
108
|
+
}), i0 = ({
|
|
109
109
|
gamification: e,
|
|
110
110
|
scrollNode: s,
|
|
111
111
|
scrollStore: t
|
|
112
112
|
}) => {
|
|
113
|
-
const o =
|
|
114
|
-
data:
|
|
115
|
-
hasMore:
|
|
113
|
+
const o = $(null), {
|
|
114
|
+
data: i,
|
|
115
|
+
hasMore: r,
|
|
116
116
|
loading: a,
|
|
117
117
|
key: p
|
|
118
|
-
} =
|
|
118
|
+
} = C(e.leaderboardList.$store), {
|
|
119
119
|
data: d
|
|
120
|
-
} =
|
|
121
|
-
return !
|
|
120
|
+
} = C(e.deepLink.$store), [c, l] = u2(o);
|
|
121
|
+
return !i.length && !a ? /* @__PURE__ */ n(o0, {
|
|
122
122
|
deepLink: d
|
|
123
|
-
}) : /* @__PURE__ */
|
|
124
|
-
children: [/* @__PURE__ */ n(
|
|
125
|
-
items:
|
|
123
|
+
}) : /* @__PURE__ */ L(E, {
|
|
124
|
+
children: [/* @__PURE__ */ n(C2, {
|
|
125
|
+
items: i,
|
|
126
126
|
scrollNode: s,
|
|
127
127
|
scrollStore: t,
|
|
128
128
|
fetchMore: e.leaderboardList.fetchMore,
|
|
129
|
-
hasMore:
|
|
129
|
+
hasMore: r,
|
|
130
130
|
openItemDetail: e.openUser,
|
|
131
131
|
currentUserId: e.currentUserId.get()
|
|
132
|
-
}, p), d && /* @__PURE__ */ n(
|
|
132
|
+
}, p), d && /* @__PURE__ */ n(r0, {
|
|
133
133
|
ref: o,
|
|
134
|
-
children: /* @__PURE__ */ n(
|
|
134
|
+
children: /* @__PURE__ */ n(v2, {
|
|
135
135
|
onClick: () => c(d),
|
|
136
136
|
title: "Invite Friends",
|
|
137
137
|
description: "Challenge them now!"
|
|
138
138
|
})
|
|
139
139
|
}), l]
|
|
140
140
|
});
|
|
141
|
-
},
|
|
142
|
-
const { sdk: t } =
|
|
143
|
-
return /* @__PURE__ */ n(
|
|
144
|
-
},
|
|
141
|
+
}, a0 = ({ store: e, openQuestion: s }) => {
|
|
142
|
+
const { sdk: t } = B(), o = C(e);
|
|
143
|
+
return /* @__PURE__ */ n(h2, { openQuestion: s, questions: o.data, controlVideo: t == null ? void 0 : t.controlVideoPlayer });
|
|
144
|
+
}, l0 = ({ userSummary: e }) => {
|
|
145
145
|
var s;
|
|
146
|
-
const [t, o] =
|
|
147
|
-
return
|
|
148
|
-
const
|
|
149
|
-
|
|
146
|
+
const [t, o] = b(void 0);
|
|
147
|
+
return k(() => {
|
|
148
|
+
const i = e.$store.subscribe((r) => {
|
|
149
|
+
r && o(r);
|
|
150
150
|
});
|
|
151
151
|
return () => {
|
|
152
|
-
|
|
152
|
+
i();
|
|
153
153
|
};
|
|
154
|
-
}, [e]), /* @__PURE__ */ n(
|
|
155
|
-
},
|
|
156
|
-
const { tabsShown: p } =
|
|
154
|
+
}, [e]), /* @__PURE__ */ n(K, { loading: !(t != null && t.summary), ...t == null ? void 0 : t.summary, successRate: (s = t == null ? void 0 : t.percentage) == null ? void 0 : s.correct });
|
|
155
|
+
}, d0 = ({ gamification: e, className: s, scrollStore: t, scrollNode: o, appNode: i, style: r, responsiveStore: a }) => {
|
|
156
|
+
const { tabsShown: p } = C(t, { keys: ["tabsShown"] }), [d, c] = b(x.HOME), [, l] = Q2(), { sdkInDesktopView: h, screen: f } = C(a, { keys: ["sdkInDesktopView"] }), S = (g) => {
|
|
157
157
|
l(() => {
|
|
158
|
-
var
|
|
159
|
-
c(g),
|
|
158
|
+
var y;
|
|
159
|
+
c(g), h === !1 && (((y = i.current) == null ? void 0 : y.getBoundingClientRect().y) || 0) < 0 && U(i, f.size, { behavior: "instant" });
|
|
160
160
|
});
|
|
161
161
|
};
|
|
162
|
-
|
|
162
|
+
k(() => t.subscribe((g) => {
|
|
163
163
|
if (g.scrollPosition === 0) {
|
|
164
164
|
t.setKey("tabsShown", !0);
|
|
165
165
|
return;
|
|
166
166
|
}
|
|
167
167
|
a.get().sdkInDesktopView ? t.setKey("tabsShown", g.scrollDirection === "backward") : t.setKey("tabsShown", g.scrollDirection === "forward");
|
|
168
168
|
}), [t, a]);
|
|
169
|
-
let
|
|
170
|
-
return
|
|
169
|
+
let v = "0px";
|
|
170
|
+
return h ? v = p ? "0px" : "calc(8px - var(--header-height) - var(--header-offset))" : v = p ? "calc(var(--header-height) + var(--header-offset) - 2px)" : "0px", /* @__PURE__ */ L(m2, { className: s, style: r, children: [
|
|
171
171
|
/* @__PURE__ */ n(
|
|
172
|
-
|
|
172
|
+
g2,
|
|
173
173
|
{
|
|
174
174
|
style: {
|
|
175
|
-
top:
|
|
175
|
+
top: v
|
|
176
176
|
},
|
|
177
|
-
children: /* @__PURE__ */ n(
|
|
177
|
+
children: /* @__PURE__ */ n(L2, { activePage: d, toggleActivePage: S })
|
|
178
178
|
}
|
|
179
179
|
),
|
|
180
|
-
d ===
|
|
181
|
-
/* @__PURE__ */ n(
|
|
182
|
-
/* @__PURE__ */ n(
|
|
180
|
+
d === x.HOME && /* @__PURE__ */ L(E, { children: [
|
|
181
|
+
/* @__PURE__ */ n(X, { style: { paddingTop: "8px" }, children: /* @__PURE__ */ n(f2, { children: /* @__PURE__ */ n(l0, { userSummary: e.userSummary }) }) }),
|
|
182
|
+
/* @__PURE__ */ n(S2, { style: { flex: 1 }, children: /* @__PURE__ */ n(a0, { openQuestion: e.openQuestion, store: e.feedList.getStore() }) })
|
|
183
183
|
] }),
|
|
184
|
-
d ===
|
|
184
|
+
d === x.LEADERBOARD && /* @__PURE__ */ n(y2, { children: /* @__PURE__ */ n(i0, { scrollStore: t, scrollNode: o, gamification: e }) })
|
|
185
185
|
] });
|
|
186
|
-
},
|
|
186
|
+
}, c0 = () => _, Z = /* @__PURE__ */ u(c0())({
|
|
187
187
|
name: "OpenedContainer",
|
|
188
|
-
class: "
|
|
188
|
+
class: "o1seszvt",
|
|
189
189
|
propsAsIs: !0
|
|
190
|
-
}),
|
|
190
|
+
}), p0 = /* @__PURE__ */ u("div")({
|
|
191
191
|
name: "UserContainer",
|
|
192
|
-
class: "
|
|
192
|
+
class: "u1pbry50",
|
|
193
193
|
propsAsIs: !1
|
|
194
|
-
}),
|
|
194
|
+
}), u0 = ({
|
|
195
195
|
correct: e,
|
|
196
196
|
incorrect: s
|
|
197
197
|
}) => {
|
|
198
198
|
const t = e + s;
|
|
199
199
|
return t === 0 ? 0 : Math.round(e / t * 100);
|
|
200
|
-
},
|
|
200
|
+
}, u1 = ({
|
|
201
201
|
gamification: e,
|
|
202
202
|
scrollStore: s,
|
|
203
203
|
className: t,
|
|
204
204
|
appNode: o,
|
|
205
|
-
scrollNode:
|
|
206
|
-
responsiveStore:
|
|
207
|
-
}) => /* @__PURE__ */ n(
|
|
205
|
+
scrollNode: i,
|
|
206
|
+
responsiveStore: r
|
|
207
|
+
}) => /* @__PURE__ */ n(d0, {
|
|
208
208
|
appNode: o,
|
|
209
209
|
scrollStore: s,
|
|
210
|
-
scrollNode:
|
|
210
|
+
scrollNode: i,
|
|
211
211
|
className: t,
|
|
212
212
|
gamification: e,
|
|
213
|
-
responsiveStore:
|
|
214
|
-
}),
|
|
213
|
+
responsiveStore: r
|
|
214
|
+
}), C0 = ({
|
|
215
215
|
gamification: e,
|
|
216
216
|
className: s,
|
|
217
217
|
appNode: t,
|
|
218
218
|
responsiveStore: o
|
|
219
219
|
}) => {
|
|
220
|
-
const
|
|
220
|
+
const i = C(e.openedQuestion.$store), r = C(e.openedUser), {
|
|
221
221
|
sdkInDesktopView: a
|
|
222
|
-
} =
|
|
222
|
+
} = C(o, {
|
|
223
223
|
keys: ["sdkInDesktopView"]
|
|
224
224
|
}), {
|
|
225
225
|
hiding: p,
|
|
226
226
|
onAnimationEnd: d
|
|
227
|
-
} =
|
|
228
|
-
if (!t.current || !
|
|
227
|
+
} = k2();
|
|
228
|
+
if (!t.current || !i && !r)
|
|
229
229
|
return null;
|
|
230
|
-
const c =
|
|
230
|
+
const c = i ? /* @__PURE__ */ n(Z, {
|
|
231
231
|
className: s,
|
|
232
232
|
hiding: p,
|
|
233
233
|
onAnimationEnd: d,
|
|
234
|
-
children: /* @__PURE__ */ n(
|
|
234
|
+
children: /* @__PURE__ */ n(t0, {
|
|
235
235
|
gamification: e
|
|
236
236
|
})
|
|
237
|
-
}) :
|
|
237
|
+
}) : r ? /* @__PURE__ */ n(Z, {
|
|
238
238
|
className: s,
|
|
239
239
|
hiding: p,
|
|
240
240
|
onAnimationEnd: d,
|
|
241
|
-
children: /* @__PURE__ */
|
|
242
|
-
children: [/* @__PURE__ */ n(
|
|
241
|
+
children: /* @__PURE__ */ L(p0, {
|
|
242
|
+
children: [/* @__PURE__ */ n(j, {
|
|
243
243
|
label: "Friend's Rank",
|
|
244
244
|
close: e.closeUser
|
|
245
|
-
}), /* @__PURE__ */ n(
|
|
246
|
-
children: /* @__PURE__ */ n(
|
|
247
|
-
...
|
|
248
|
-
successRate:
|
|
245
|
+
}), /* @__PURE__ */ n(X, {
|
|
246
|
+
children: /* @__PURE__ */ n(K, {
|
|
247
|
+
...r,
|
|
248
|
+
successRate: u0(r)
|
|
249
249
|
})
|
|
250
250
|
})]
|
|
251
251
|
})
|
|
252
252
|
}) : null;
|
|
253
|
-
return /* @__PURE__ */ n(
|
|
253
|
+
return /* @__PURE__ */ n(J, {
|
|
254
254
|
container: t,
|
|
255
255
|
useContainer: !a,
|
|
256
256
|
children: c
|
|
257
257
|
});
|
|
258
|
-
},
|
|
259
|
-
const p =
|
|
260
|
-
|
|
258
|
+
}, v0 = q2(() => import("./gamification-feature2.js")), h0 = ({ sdk: e, feature: s, className: t, scrollStore: o, appNode: i, scrollNode: r, responsiveStore: a }) => {
|
|
259
|
+
const p = H(() => s && s.featureConfig.get().type === I.GAMES ? /* @__PURE__ */ n(X2, { className: t, sdk: e, feature: s, children: /* @__PURE__ */ n(
|
|
260
|
+
v0,
|
|
261
261
|
{
|
|
262
|
-
appNode:
|
|
262
|
+
appNode: i,
|
|
263
263
|
scrollStore: o,
|
|
264
|
-
scrollNode:
|
|
264
|
+
scrollNode: r,
|
|
265
265
|
className: t,
|
|
266
266
|
responsiveStore: a,
|
|
267
267
|
gamification: s
|
|
268
268
|
}
|
|
269
|
-
) }) : null, [e, s, t, a, o,
|
|
269
|
+
) }) : null, [e, s, t, a, o, r, i]);
|
|
270
270
|
return /* @__PURE__ */ n(
|
|
271
|
-
|
|
271
|
+
Z2,
|
|
272
272
|
{
|
|
273
273
|
fallback: /* @__PURE__ */ n("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", width: "100%", height: "100%" }, children: "page loading..." }),
|
|
274
274
|
children: p
|
|
275
275
|
}
|
|
276
276
|
);
|
|
277
|
-
},
|
|
278
|
-
|
|
277
|
+
}, m0 = ({ feature: e, className: s, appNode: t, responsiveStore: o }) => e && e.featureConfig.get().type === I.GAMES ? /* @__PURE__ */ n(
|
|
278
|
+
C0,
|
|
279
279
|
{
|
|
280
280
|
className: s,
|
|
281
281
|
appNode: t,
|
|
282
282
|
responsiveStore: o,
|
|
283
283
|
gamification: e
|
|
284
284
|
}
|
|
285
|
-
) : null,
|
|
285
|
+
) : null, g0 = () => P, L0 = /* @__PURE__ */ u(g0())({
|
|
286
286
|
name: "ButtonIcon",
|
|
287
287
|
class: "b1whzxvd",
|
|
288
288
|
propsAsIs: !0
|
|
289
|
-
}),
|
|
289
|
+
}), N = "channels", f0 = (e) => {
|
|
290
290
|
var s;
|
|
291
|
-
return /* @__PURE__ */ n(
|
|
291
|
+
return /* @__PURE__ */ n(e2, {
|
|
292
292
|
...e,
|
|
293
293
|
id: "channels",
|
|
294
294
|
label: "Channels",
|
|
295
|
-
icon: /* @__PURE__ */ n(
|
|
295
|
+
icon: /* @__PURE__ */ n(L0, {
|
|
296
296
|
name: "icon-btn-channels",
|
|
297
297
|
"data-selected": (s = e.active) == null ? void 0 : s.toString()
|
|
298
298
|
})
|
|
299
299
|
});
|
|
300
|
-
},
|
|
300
|
+
}, S0 = () => P, y0 = /* @__PURE__ */ u(S0())({
|
|
301
301
|
name: "ButtonIcon",
|
|
302
302
|
class: "b11des7c",
|
|
303
303
|
propsAsIs: !0
|
|
304
|
-
}),
|
|
304
|
+
}), A = "featuredGroups", k0 = (e) => {
|
|
305
305
|
var s;
|
|
306
|
-
return /* @__PURE__ */ n(
|
|
306
|
+
return /* @__PURE__ */ n(e2, {
|
|
307
307
|
...e,
|
|
308
308
|
label: e.labelFull ? "Featured Groups +" : "FG+",
|
|
309
309
|
id: "featuredGroups",
|
|
310
|
-
icon: /* @__PURE__ */ n(
|
|
310
|
+
icon: /* @__PURE__ */ n(y0, {
|
|
311
311
|
name: "icon-btn-feature-groups",
|
|
312
312
|
"data-selected": (s = e.active) == null ? void 0 : s.toString()
|
|
313
313
|
})
|
|
314
314
|
});
|
|
315
|
-
},
|
|
316
|
-
|
|
317
|
-
|
|
318
|
-
|
|
319
|
-
|
|
320
|
-
name: "NavigationItems",
|
|
321
|
-
class: "n1w473c2",
|
|
322
|
-
propsAsIs: !0
|
|
323
|
-
}), Ts = Ke(
|
|
324
|
-
({ activeOverlay: e, setActiveOverlay: s, scrollToTop: t, sdkReady: o, className: r, responsiveStore: i }, a) => {
|
|
325
|
-
const { screen: p } = v(i, { keys: ["screen"] });
|
|
326
|
-
return /* @__PURE__ */ S(Is, { className: r, children: [
|
|
327
|
-
/* @__PURE__ */ S(Cs, { children: [
|
|
315
|
+
}, N0 = "leaderboard", b0 = Y2(
|
|
316
|
+
({ activeOverlay: e, setActiveOverlay: s, scrollToTop: t, sdkReady: o, className: i, responsiveStore: r }, a) => {
|
|
317
|
+
const { screen: p } = C(r, { keys: ["screen"] });
|
|
318
|
+
return /* @__PURE__ */ L(N2, { className: i, children: [
|
|
319
|
+
/* @__PURE__ */ L(b2, { children: [
|
|
328
320
|
/* @__PURE__ */ n(
|
|
329
|
-
|
|
321
|
+
f0,
|
|
330
322
|
{
|
|
331
|
-
active: e ===
|
|
323
|
+
active: e === N,
|
|
332
324
|
onClick: () => {
|
|
333
|
-
s(
|
|
325
|
+
s(N), e !== N && t();
|
|
334
326
|
}
|
|
335
327
|
}
|
|
336
328
|
),
|
|
337
329
|
/* @__PURE__ */ n(
|
|
338
|
-
|
|
330
|
+
k0,
|
|
339
331
|
{
|
|
340
|
-
active: e ===
|
|
332
|
+
active: e === A,
|
|
341
333
|
disabled: !o,
|
|
342
334
|
onClick: () => {
|
|
343
|
-
s(
|
|
335
|
+
s(A), e !== A && t();
|
|
344
336
|
},
|
|
345
|
-
labelFull: p.size >=
|
|
337
|
+
labelFull: p.size >= z.md && p.size < z.xl
|
|
346
338
|
}
|
|
347
339
|
)
|
|
348
340
|
] }),
|
|
@@ -354,58 +346,58 @@ const P = /* @__PURE__ */ u("div")({
|
|
|
354
346
|
)
|
|
355
347
|
] });
|
|
356
348
|
}
|
|
357
|
-
),
|
|
349
|
+
), A0 = /* @__PURE__ */ u("div")({
|
|
358
350
|
name: "Container",
|
|
359
|
-
class: "
|
|
351
|
+
class: "czz4rjk",
|
|
360
352
|
propsAsIs: !1
|
|
361
|
-
}),
|
|
353
|
+
}), I0 = /* @__PURE__ */ u("div")({
|
|
362
354
|
name: "CloseIconWrap",
|
|
363
|
-
class: "
|
|
355
|
+
class: "cxmojsy",
|
|
364
356
|
propsAsIs: !1
|
|
365
|
-
}),
|
|
357
|
+
}), $0 = () => P, E0 = /* @__PURE__ */ u($0())({
|
|
366
358
|
name: "CloseIcon",
|
|
367
|
-
class: "
|
|
359
|
+
class: "c1urm3yx",
|
|
368
360
|
propsAsIs: !0
|
|
369
|
-
}),
|
|
361
|
+
}), V0 = /* @__PURE__ */ u("div")({
|
|
370
362
|
name: "Title",
|
|
371
|
-
class: "
|
|
363
|
+
class: "tme976v",
|
|
372
364
|
propsAsIs: !1
|
|
373
|
-
}),
|
|
365
|
+
}), w0 = /* @__PURE__ */ u("img")({
|
|
374
366
|
name: "SponsorLogo",
|
|
375
|
-
class: "
|
|
367
|
+
class: "s1lal9yz",
|
|
376
368
|
propsAsIs: !1
|
|
377
|
-
}),
|
|
369
|
+
}), R0 = /* @__PURE__ */ u("div")({
|
|
378
370
|
name: "PresentsTitle",
|
|
379
|
-
class: "
|
|
371
|
+
class: "pnn1sv1",
|
|
380
372
|
propsAsIs: !1
|
|
381
|
-
}),
|
|
373
|
+
}), H0 = /* @__PURE__ */ u("div")({
|
|
382
374
|
name: "Subtitle",
|
|
383
|
-
class: "
|
|
375
|
+
class: "s1hjj1y8",
|
|
384
376
|
propsAsIs: !1
|
|
385
|
-
}),
|
|
377
|
+
}), T0 = /* @__PURE__ */ u("div")({
|
|
386
378
|
name: "Description",
|
|
387
|
-
class: "
|
|
379
|
+
class: "dz7yjzw",
|
|
388
380
|
propsAsIs: !1
|
|
389
|
-
}),
|
|
381
|
+
}), x0 = /* @__PURE__ */ u("button")({
|
|
390
382
|
name: "ActionButton",
|
|
391
|
-
class: "
|
|
383
|
+
class: "avpowqk",
|
|
392
384
|
propsAsIs: !1
|
|
393
|
-
}),
|
|
394
|
-
var o,
|
|
395
|
-
return /* @__PURE__ */
|
|
396
|
-
/* @__PURE__ */ n(
|
|
397
|
-
((
|
|
398
|
-
/* @__PURE__ */ n(
|
|
399
|
-
/* @__PURE__ */ n(
|
|
385
|
+
}), Y = ({ close: e, action: s, onboarding: t }) => {
|
|
386
|
+
var o, i, r, a, p, d, c, l;
|
|
387
|
+
return /* @__PURE__ */ L(A0, { children: [
|
|
388
|
+
/* @__PURE__ */ n(I0, { onClick: e, children: /* @__PURE__ */ n(E0, { name: "icon-cross" }) }),
|
|
389
|
+
((i = (o = t == null ? void 0 : t.titleCard) == null ? void 0 : o.media) == null ? void 0 : i.sponsorLogo) && /* @__PURE__ */ L(V0, { children: [
|
|
390
|
+
/* @__PURE__ */ n(w0, { alt: "sponsor-logo", src: (a = (r = t == null ? void 0 : t.titleCard) == null ? void 0 : r.media) == null ? void 0 : a.sponsorLogo }),
|
|
391
|
+
/* @__PURE__ */ n(R0, { children: "PRESENTS" })
|
|
400
392
|
] }),
|
|
401
|
-
((p = t == null ? void 0 : t.titleCard) == null ? void 0 : p.title) && /* @__PURE__ */ n(
|
|
402
|
-
((c = t == null ? void 0 : t.titleCard) == null ? void 0 : c.subtitle) && /* @__PURE__ */ n(
|
|
403
|
-
/* @__PURE__ */ n(
|
|
393
|
+
((p = t == null ? void 0 : t.titleCard) == null ? void 0 : p.title) && /* @__PURE__ */ n(H0, { children: (d = t == null ? void 0 : t.titleCard) == null ? void 0 : d.title }),
|
|
394
|
+
((c = t == null ? void 0 : t.titleCard) == null ? void 0 : c.subtitle) && /* @__PURE__ */ n(T0, { children: (l = t == null ? void 0 : t.titleCard) == null ? void 0 : l.subtitle }),
|
|
395
|
+
/* @__PURE__ */ n(x0, { onClick: s, children: "Play Now" })
|
|
404
396
|
] });
|
|
405
|
-
}, B = [{
|
|
397
|
+
}, F0 = "data:image/svg+xml,%3csvg%20width='92'%20height='19'%20viewBox='0%200%2092%2019'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M14.1701%200.953996C13.9047%200.873145%2013.6393%201.0177%2013.3739%201.1647C13.2797%201.21615%2013.2127%201.3068%2013.1904%201.4097L12.7736%203.33298C12.7588%203.40404%2012.8233%203.46774%2012.8952%203.45304C13.3342%203.35504%2013.7509%202.97528%2014.19%203.10758C14.6811%203.25703%2015.1722%202.64207%2015.6634%202.64942V0.429688C15.1698%200.432138%2014.6613%201.10345%2014.1701%200.953996Z'%20fill='%23006747'/%3e%3cpath%20d='M20.4404%206.84786C20.3362%206.77681%2020.2717%206.66166%2020.2717%206.53671V6.18635C20.2717%205.87275%2020.0138%205.61549%2019.6938%205.61549H19.4631C19.1878%205.61549%2018.9348%205.75269%2018.7859%205.98055L18.0418%207.11492C17.9674%207.22762%2017.8434%207.29377%2017.7094%207.29377H17.2084C16.9603%207.29377%2016.7321%207.42852%2016.6131%207.64412C16.4915%207.86708%2016.2757%208.02143%2016.0302%208.07288V0.181303C16.0302%200.0808513%2015.9483%200%2015.8466%200C15.7449%200%2015.663%200.0808513%2015.663%200.181303V0.426307V2.64604V8.07778C15.4175%208.02633%2015.2017%207.87198%2015.0801%207.64657C14.9636%207.43097%2014.7354%207.29622%2014.4848%207.29622H14.1475C13.8796%207.29622%2013.639%207.45057%2013.5298%207.69312L13.2496%208.31299C13.2049%208.41099%2013.1057%208.47469%2012.9965%208.47469C12.8874%208.47469%2012.7882%208.41099%2012.7435%208.31299L12.4633%207.69312C12.3541%207.45302%2012.1135%207.29622%2011.8456%207.29622H2.33802C2.26113%207.29622%202.19911%207.35747%202.19911%207.43342C2.19911%207.59512%202.06517%207.72498%201.90394%207.72498H1.49218C1.41529%207.72498%201.35328%207.78623%201.35328%207.86218V8.33504C1.35328%208.77849%201.26646%209.2097%201.09283%209.61886L0.842303%2010.2142C0.60914%2010.7655%200.5%2011.3363%200.5%2011.8974V13.2694C0.5%2013.6394%200.55457%2014.0142%200.66371%2014.3793C0.968807%2015.4034%201.66334%2016.2413%202.61831%2016.7362L4.13883%2017.5276C4.15868%2017.5374%204.181%2017.5423%204.20332%2017.5423L5.32697%2017.5521C5.5899%2017.5545%205.84787%2017.6207%206.07855%2017.7481L6.6813%2018.0813C6.70115%2018.0935%206.72595%2018.0984%206.75076%2018.0984H7.5569C7.83968%2018.0984%208.11997%2018.1744%208.36057%2018.3189C8.36057%2018.3189%208.75497%2018.5566%208.88891%2018.6326C9.10223%2018.7551%209.3602%2018.8727%209.80916%2018.8972C9.91086%2018.9021%2010.0126%2018.8653%2010.0895%2018.7943C10.1639%2018.7232%2010.2085%2018.6228%2010.2085%2018.5223V17.9882C10.2085%2017.6011%2010.4392%2017.2483%2010.7989%2017.0939L12.0317%2016.5598C12.2003%2016.4863%2012.3888%2016.4741%2012.5649%2016.528L13.0263%2016.6627C13.2223%2016.7191%2013.4306%2016.7215%2013.6266%2016.6627L14.718%2016.3418C14.8619%2016.3001%2015.0156%2016.3001%2015.162%2016.3442L15.606%2016.4667C15.8119%2016.5231%2015.9582%2016.7142%2015.9582%2016.9249V17.9931C15.9582%2018.4905%2016.3675%2018.8972%2016.871%2018.8972C17.2481%2018.8972%2017.578%2018.6595%2017.6921%2018.3042C17.8979%2017.6648%2018.0021%2016.9984%2018.0021%2016.3271V15.8714C18.0021%2015.548%2018.1385%2015.2368%2018.3767%2015.0138L18.8306%2014.59C19.1357%2014.3033%2019.3118%2013.8966%2019.3118%2013.4801V10.9468C19.3118%2010.5548%2019.4309%2010.175%2019.6591%209.85161C19.6764%209.82956%2019.6839%209.80016%2019.6839%209.77321V9.1754C19.6839%208.78584%2019.8029%208.40854%2020.0262%208.08758L20.4751%207.44322C20.4925%207.42117%2020.4999%207.39422%2020.4999%207.36482V6.96056C20.5024%206.88461%2020.4553%206.85766%2020.4404%206.84786ZM16.0302%2012.8554C16.3352%2012.9019%2016.5634%2013.0563%2016.5634%2013.2425C16.5634%2013.4287%2016.3377%2013.583%2016.0302%2013.6296V12.8554ZM2.98046%2016.6137L2.74978%2016.4937C2.12222%2016.1678%201.62117%2015.6827%201.27886%2015.0922V14.3523C1.67078%2014.9134%202.20407%2015.3912%202.85644%2015.7317L2.98046%2015.7954V16.6137ZM4.14131%2017.2189L3.52616%2016.9004V16.0821L4.13883%2016.4006H4.14131V17.2189ZM6.70115%2017.775L6.21498%2017.5055C5.94957%2017.3585%205.65191%2017.2801%205.34682%2017.2752V16.4226C5.6023%2016.4275%205.85531%2016.4937%206.07855%2016.6162L6.6813%2016.9494C6.68626%2016.9518%206.6937%2016.9518%206.70115%2016.9543V17.775ZM9.92822%2017.9882V18.4047V18.5223C9.92822%2018.5493%209.91582%2018.5762%209.89598%2018.5958C9.87613%2018.6154%209.85133%2018.6228%209.82404%2018.6228C9.43461%2018.6032%209.21137%2018.5027%209.0303%2018.3973C8.89883%2018.3214%208.50692%2018.0862%208.50444%2018.0862C8.25887%2017.9392%207.98106%2017.8583%207.69581%2017.8363V16.9788C7.92897%2017.0008%208.15718%2017.0694%208.36057%2017.1895L8.7004%2017.3904C9.07246%2017.6109%209.49662%2017.7358%209.92822%2017.7603V17.9882ZM13.2868%2016.4275C13.2272%2016.4251%2013.1652%2016.4153%2013.1057%2016.3981L12.6443%2016.2609C12.5451%2016.2315%2012.4434%2016.2217%2012.3417%2016.2217V15.3667C12.4161%2015.3667%2012.4905%2015.374%2012.5649%2015.3961L13.0263%2015.5308C13.1107%2015.5553%2013.1999%2015.5676%2013.2868%2015.5725V16.4275ZM16.1765%2016.6333C16.0872%2016.4275%2015.9111%2016.2634%2015.6854%2016.2021L15.2438%2016.0796C15.1397%2016.0478%2015.0305%2016.0355%2014.9214%2016.0355V15.1829C15.0057%2015.1804%2015.0901%2015.1902%2015.1719%2015.2172L15.5341%2015.3299C15.9185%2015.45%2016.1765%2015.7979%2016.1765%2016.1948V16.6333ZM17.449%2018.1474C17.4415%2018.1719%2017.4366%2018.1964%2017.4291%2018.2209C17.3522%2018.4611%2017.129%2018.6203%2016.876%2018.6203C16.8537%2018.6203%2016.8313%2018.6154%2016.809%2018.613V17.7628C16.8264%2017.7652%2016.8413%2017.7677%2016.8586%2017.7677C17.1067%2017.7677%2017.3324%2017.6305%2017.4515%2017.4222V18.1474H17.449ZM19.8302%207.48242C19.5524%207.87933%2019.4061%208.34484%2019.4061%208.82749V9.2489L19.1903%209.5576C18.91%209.95696%2018.7611%2010.4249%2018.7611%2010.91V13.0342C18.7611%2013.3772%2018.6173%2013.7129%2018.3643%2013.9481L17.9103%2014.3744C17.6052%2014.661%2017.4366%2015.0628%2017.449%2015.4794L17.4515%2015.5749C17.4688%2016.1262%2017.3969%2016.675%2017.2406%2017.2042C17.191%2017.3732%2017.0323%2017.4908%2016.8561%2017.4908C16.6354%2017.4908%2016.4543%2017.3144%2016.4543%2017.0939V16.1948C16.4543%2015.6754%2016.117%2015.2221%2015.6159%2015.0677L15.2538%2014.955C15.0528%2014.8938%2014.842%2014.8913%2014.6386%2014.9501L13.5472%2015.2686C13.4033%2015.3103%2013.2496%2015.3103%2013.1057%2015.2686L12.6443%2015.1339C12.4062%2015.0628%2012.1482%2015.08%2011.92%2015.178L10.9502%2015.5994C10.3301%2015.8689%209.9307%2016.4741%209.9307%2017.1429V17.4884C9.54871%2017.4663%209.17664%2017.3536%208.84674%2017.1576L8.50692%2016.9567C8.21919%2016.7877%207.89177%2016.697%207.5569%2016.697H6.78548L6.21498%2016.381C5.94461%2016.2315%205.63951%2016.1531%205.32945%2016.1507L4.23805%2016.1433L2.98542%2015.4916C1.08539%2014.5042%200.274278%2012.2821%201.10027%2010.322L1.3508%209.72666C1.53683%209.28565%201.63357%208.81769%201.63357%208.33749V8.00428H1.90394C2.17183%208.00428%202.40003%207.82053%202.46204%207.57307H11.8481C12.0044%207.57307%2012.1482%207.66372%2012.2102%207.80583L12.4905%208.42569C12.5798%208.62414%2012.7783%208.75154%2012.999%208.75154C13.2173%208.75154%2013.4182%208.62414%2013.5075%208.42569L13.7878%207.80338C13.8523%207.66127%2013.9937%207.57062%2014.15%207.57062H14.4873C14.6337%207.57062%2014.7676%207.64902%2014.837%207.77643C15.0082%208.09003%2015.3158%208.30074%2015.6655%208.35709V12.2575C15.1025%2012.3188%2014.6709%2012.6496%2014.6709%2013.0514C14.6709%2013.4973%2015.1967%2013.8574%2015.8466%2013.8574C16.4965%2013.8574%2017.0223%2013.4973%2017.0223%2013.0514C17.0223%2012.6496%2016.5907%2012.3163%2016.0277%2012.2575V8.35464C16.3774%208.29828%2016.685%208.08758%2016.8561%207.77398C16.9256%207.64657%2017.0595%207.56817%2017.2059%207.56817H17.7069C17.9376%207.56817%2018.1485%207.45302%2018.275%207.26192L19.0191%206.12755C19.1158%205.9781%2019.282%205.8899%2019.4631%205.8899H19.6938C19.8575%205.8899%2019.9914%206.0222%2019.9914%206.1839V6.53426C19.9914%206.70331%2020.0584%206.86501%2020.175%206.98506L19.8302%207.48242ZM15.663%2012.8554V13.6296C15.3579%2013.583%2015.1322%2013.4287%2015.1322%2013.2425C15.1322%2013.0563%2015.3579%2012.8995%2015.663%2012.8554Z'%20fill='%23006747'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M43.6355%2014.2212L45.783%206.63627C46.0175%205.80901%2046.629%205.14498%2047.4288%204.848L47.4874%204.60107H44.5028L39.434%2010.6989L37.4942%204.60107H34.7636L34.6978%204.848C35.1653%205.08213%2035.423%205.78176%2035.423%206.35097V6.38628C35.423%209.63469%2033.0443%2015.2183%2029.6984%2015.2183C28.3982%2015.2183%2027.7242%2014.2901%2027.7242%2013.5165C27.7242%2012.5794%2028.5003%2011.9129%2029.3191%2011.9129C30.112%2011.9129%2030.2342%2012.211%2030.6909%2012.211C30.9696%2012.211%2031.2366%2012.0667%2031.3701%2011.8195C31.5797%2011.4313%2031.4208%2010.9572%2031.0376%2010.7714L30.8283%2010.6705C28.8775%209.72228%2026.6152%2011.1582%2026.6152%2013.3453V13.3756C26.6152%2014.9675%2027.8525%2016.2989%2029.4275%2016.3545C33.4867%2016.4983%2036.2019%2010.9661%2036.6338%206.91684L36.9458%208.01243L38.5448%2012.8545H39.1504L44.1452%206.83425L42.0498%2014.229C41.8094%2015.0773%2041.1437%2015.7344%2040.2985%2015.958L40.2399%2016.2049H44.2561L44.3216%2015.958C43.7283%2015.6043%2043.4461%2014.8902%2043.6355%2014.2212Z'%20fill='%23006747'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M51.9847%2012.6335H50.0625C50.2808%2012.034%2050.4898%2011.4617%2050.5603%2011.2743C51.0465%209.97682%2051.971%209.45183%2052.8665%209.37842L52.8572%209.3862L51.9847%2012.6335ZM53.7159%208.72607H53.6817C51.8071%208.7283%2049.7916%208.91155%2048.719%2011.9903C47.8179%2014.5767%2047.5745%2015.6481%2046.8705%2015.6481C46.4204%2015.6481%2046.5297%2014.763%2045.8549%2014.763C45.5509%2014.763%2045.2332%2015.0093%2045.2104%2015.3661C45.1705%2015.9826%2045.9909%2016.3555%2046.6092%2016.3555C48.4929%2016.3555%2049.2148%2014.9671%2049.4505%2014.3203C49.481%2014.2358%2049.6473%2013.778%2049.8436%2013.2386H51.8231L51.4878%2014.4866C51.3107%2015.145%2050.9465%2015.6839%2050.3304%2015.9595L50.2772%2016.2062H53.5154L53.5755%2015.9595C53.1372%2015.5941%2052.9469%2015.0082%2053.089%2014.4627L54.3075%209.78302C54.4011%209.42403%2054.6472%209.12789%2054.9809%208.973L55.0338%208.72607H53.9785H53.7159Z'%20fill='%23006747'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M70.056%209.26026C70.1601%209.08619%2070.2595%208.82035%2070.2595%208.67186L70.2597%208.67103C70.2741%208.39018%2070.0208%208.17273%2069.7488%208.23196H69.7482C69.5304%208.27951%2069.373%208.47499%2069.3771%208.70023C69.3807%208.93436%2069.3341%209.18574%2069.2353%209.30836C69.0082%209.59116%2068.645%209.56697%2066.9717%209.08174V9.07896C66.8186%209.03363%2066.6504%208.98414%2066.4731%208.93492C66.4637%208.93241%2066.4549%208.92963%2066.4453%208.92657L66.4456%208.92741C65.6106%208.698%2064.5732%208.4875%2063.8929%208.82869C63.8874%208.83148%2063.8816%208.83453%2063.8764%208.83704C63.2118%209.17406%2062.7479%209.81223%2062.6086%2010.5502C62.5879%2010.6587%2062.5728%2010.7468%2062.5711%2010.7788V10.7799C62.5513%2011.1675%2062.9009%2011.4679%2063.2767%2011.3864L63.2773%2011.3858C63.5821%2011.3196%2063.7965%2011.0441%2063.7902%2010.7296C63.7836%2010.4117%2063.7205%209.98741%2063.8918%209.70267C64.1674%209.31059%2064.4537%209.28278%2065.7361%209.71462L64.3436%2014.4877C64.1514%2015.1456%2063.6812%2015.6848%2063.059%2015.9601L63.0001%2016.2073H66.3319L66.3977%2015.9601C65.9679%2015.595%2065.7906%2015.0088%2065.9453%2014.4635L67.1628%2010.1637C67.6969%2010.276%2068.2381%2010.305%2068.7651%2010.1531L68.9548%2010.0986C69.3787%209.97629%2069.8129%209.6668%2070.056%209.26026Z'%20fill='%23006747'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M71.3889%208.72607L71.3234%208.97328C71.736%209.26108%2071.9219%209.78079%2071.7886%2010.2671L70.5506%2014.4816C70.3584%2015.14%2069.8882%2015.6789%2069.2659%2015.9542L69.207%2016.2011H70.9696H71.1306H75.1868L75.7226%2014.2252H75.4709L75.3806%2014.4145C75.0447%2015.1206%2074.3372%2015.5699%2073.5614%2015.5699H71.8415L72.7572%2012.2623L73.4878%2012.2615C73.9807%2012.2612%2074.3512%2012.7153%2074.2568%2013.2036H74.5084L75.1094%2010.9679H74.8578C74.7122%2011.3814%2074.3253%2011.6578%2073.8904%2011.658L72.9243%2011.6592L73.5597%209.36341L75.3825%209.36202C75.9775%209.36146%2076.4229%209.9126%2076.304%2010.5015H76.5556L77.033%208.72607H71.3889Z'%20fill='%23006747'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M82.8655%2010.5324C82.6668%2011.2028%2082.0564%2011.6627%2081.3632%2011.6627L80.3076%2011.6636L80.9466%209.36726L82.0055%209.3667C82.6067%209.36642%2083.0379%209.9512%2082.8655%2010.5324ZM82.7978%208.72998H78.7711L78.7053%208.97691C79.0919%209.24636%2079.2791%209.71935%2079.1921%2010.1779L77.9311%2014.4846C77.739%2015.1431%2077.269%2015.682%2076.6465%2015.9573L76.5879%2016.2048H79.9164L79.9822%2015.9573C79.5524%2015.5922%2079.3754%2015.006%2079.5296%2014.4607L80.14%2012.2662H80.3944C80.7787%2012.2665%2081.1014%2012.5584%2081.1438%2012.9444C81.1578%2013.069%2081.3505%2014.5947%2081.5044%2015.1195C81.7059%2015.8052%2081.9705%2016.205%2082.5729%2016.205H84.0788L84.1375%2015.9578L83.9219%2015.8288C83.4966%2015.5738%2083.1885%2015.1773%2083.0508%2014.6531C82.9203%2014.1585%2082.677%2013.2372%2082.5578%2012.7495C82.4961%2012.4981%2082.1866%2012.2654%2081.8667%2012.2654L82.3741%2012.2651C83.284%2012.2645%2084.0827%2011.6525%2084.328%2010.7671C84.611%209.74382%2083.8495%208.72998%2082.7978%208.72998Z'%20fill='%23006747'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M60.6842%209.10931C60.576%209.10931%2060.3431%209.03478%2059.9858%208.88463C59.6281%208.73447%2059.2669%208.65967%2058.9027%208.65967C58.1467%208.65967%2057.5157%208.90687%2056.9997%209.4352C56.5703%209.87483%2056.3795%2010.3628%2056.3795%2010.7852C56.3795%2011.2349%2056.6399%2011.7635%2057.1616%2012.1909C57.6542%2012.5949%2058.1668%2012.982%2058.68%2013.3771C59.2196%2013.8134%2059.4897%2014.2158%2059.4897%2014.5431C59.4897%2015.2616%2059.0269%2015.6481%2058.0688%2015.6481C57.0953%2015.6481%2056.4221%2014.9276%2056.2063%2013.5782H55.9431L55.1777%2016.2045H55.4203C55.7366%2015.9807%2055.9615%2015.8366%2056.4202%2015.8366C56.858%2015.8366%2057.3257%2016.3558%2058.3229%2016.3558C59.1191%2016.3558%2059.7493%2016.189%2060.2892%2015.6434C60.7481%2015.1668%2060.9775%2014.4994%2060.9775%2013.9538C60.9775%2013.4494%2060.6644%2012.8613%2060.1174%2012.4375C59.648%2012.0741%2059.1453%2011.7496%2058.6596%2011.3948C58.1332%2010.9993%2057.87%2010.6637%2057.87%2010.2956C57.87%2010.0906%2057.9713%209.88651%2058.174%209.68213C58.43%209.42325%2058.773%209.36596%2059.232%209.36596C60.1529%209.36596%2060.7974%209.88429%2060.8516%2010.9746H61.0945L61.7368%208.65967H61.4939C61.2373%208.95971%2060.9675%209.10931%2060.6842%209.10931Z'%20fill='%23006747'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M89.1717%209.36569C90.0926%209.36569%2090.7374%209.88401%2090.7914%2010.9743H91.0345L91.6765%208.65967H91.4334C91.1771%208.95915%2090.9075%209.10903%2090.6237%209.10903C90.5158%209.10903%2090.2829%209.03423%2089.9252%208.88435C89.5676%208.73447%2089.2067%208.65967%2088.8422%208.65967C88.0864%208.65967%2087.4554%208.90687%2086.9395%209.43493C86.51%209.87455%2086.3192%2010.3628%2086.3192%2010.785C86.3192%2011.2351%2086.5796%2011.7629%2087.1014%2012.1909C87.5939%2012.5949%2088.1065%2012.9817%2088.6197%2013.3768C89.159%2013.8134%2089.4294%2014.2158%2089.4294%2014.5428C89.4294%2015.2613%2088.9666%2015.6478%2088.0085%2015.6478C87.035%2015.6478%2086.3619%2014.9274%2086.1458%2013.5782H85.8826L85.1172%2016.2045H85.3603C85.6763%2015.9807%2085.9013%2015.8366%2086.3597%2015.8366C86.7977%2015.8366%2087.2652%2016.3558%2088.2626%2016.3558C89.0588%2016.3558%2089.689%2016.1884%2090.2289%2015.6434C90.6878%2015.1662%2090.9172%2014.4991%2090.9172%2013.9538C90.9172%2013.4494%2090.6041%2012.8613%2090.0574%2012.4375C89.5877%2012.0738%2089.0853%2011.7493%2088.5996%2011.3945C88.0729%2010.9993%2087.8097%2010.6632%2087.8097%2010.295C87.8097%2010.0909%2087.911%209.88623%2088.1134%209.68185C88.3697%209.42297%2088.7128%209.36569%2089.1717%209.36569Z'%20fill='%23006747'/%3e%3c/svg%3e", O = [{
|
|
406
398
|
graphicSrc: "https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/step_1.png",
|
|
407
399
|
tagline: "Featured groups+ experience",
|
|
408
|
-
headline: /* @__PURE__ */
|
|
400
|
+
headline: /* @__PURE__ */ L(E, {
|
|
409
401
|
children: ["Welcome to ", /* @__PURE__ */ n("br", {}), " Featured Groups +"]
|
|
410
402
|
})
|
|
411
403
|
}, {
|
|
@@ -420,46 +412,44 @@ const P = /* @__PURE__ */ u("div")({
|
|
|
420
412
|
}, {
|
|
421
413
|
graphicSrc: "https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/step_5.png",
|
|
422
414
|
headline: "Compete against friends on the leaderboard"
|
|
423
|
-
}],
|
|
415
|
+
}], D0 = /* @__PURE__ */ u("div")({
|
|
424
416
|
name: "OnboardingContainer",
|
|
425
|
-
class: "
|
|
417
|
+
class: "on59ra",
|
|
426
418
|
propsAsIs: !1
|
|
427
|
-
}),
|
|
419
|
+
}), M0 = () => _, O0 = /* @__PURE__ */ u(M0())({
|
|
428
420
|
name: "OnboardingNotificationContainer",
|
|
429
|
-
class: "
|
|
421
|
+
class: "op1wk5d",
|
|
430
422
|
propsAsIs: !0
|
|
431
|
-
}),
|
|
423
|
+
}), W = /* @__PURE__ */ u("div")({
|
|
432
424
|
name: "InnerContainer",
|
|
433
|
-
class: "
|
|
425
|
+
class: "i1i1g2vj",
|
|
434
426
|
propsAsIs: !1
|
|
435
|
-
}),
|
|
427
|
+
}), U0 = ({
|
|
436
428
|
deepLink: e,
|
|
437
429
|
onboardingOpts: s,
|
|
438
430
|
notification: t,
|
|
439
431
|
gamification: o,
|
|
440
|
-
loading:
|
|
441
|
-
|
|
442
|
-
sdk: a
|
|
432
|
+
loading: i,
|
|
433
|
+
sdk: r
|
|
443
434
|
}) => {
|
|
444
|
-
var p, d, c, l,
|
|
445
|
-
const
|
|
446
|
-
var
|
|
447
|
-
const
|
|
448
|
-
return
|
|
449
|
-
slId:
|
|
450
|
-
}) =>
|
|
451
|
-
}, [
|
|
452
|
-
return
|
|
453
|
-
const
|
|
454
|
-
|
|
435
|
+
var a, p, d, c, l, h, f;
|
|
436
|
+
const S = C(o.friends.getStore()), [v, g] = b(void 0), y = H(() => {
|
|
437
|
+
var m, V;
|
|
438
|
+
const G = r.getInviter();
|
|
439
|
+
return G ? (V = (m = S.data) == null ? void 0 : m.find(({
|
|
440
|
+
slId: o2
|
|
441
|
+
}) => o2 === G)) == null ? void 0 : V.name : "";
|
|
442
|
+
}, [S.data, r]);
|
|
443
|
+
return k(() => {
|
|
444
|
+
const m = e.$store.subscribe((V) => {
|
|
445
|
+
V && g(V.data);
|
|
455
446
|
});
|
|
456
447
|
return () => {
|
|
457
|
-
|
|
448
|
+
m();
|
|
458
449
|
};
|
|
459
|
-
}, [e.$store]), /* @__PURE__ */ n(
|
|
460
|
-
children: /* @__PURE__ */ n(
|
|
461
|
-
loading:
|
|
462
|
-
renderToNode: i,
|
|
450
|
+
}, [e.$store]), /* @__PURE__ */ n(D0, {
|
|
451
|
+
children: /* @__PURE__ */ n(I2, {
|
|
452
|
+
loading: i,
|
|
463
453
|
rules: [{
|
|
464
454
|
label: "Answer as many questions as you like.",
|
|
465
455
|
icon: "icon-btn-feature-groups"
|
|
@@ -470,86 +460,85 @@ const P = /* @__PURE__ */ u("div")({
|
|
|
470
460
|
label: "Top the leader board and best your friends.",
|
|
471
461
|
icon: "icon-trophy"
|
|
472
462
|
}],
|
|
473
|
-
rulesBtnLabel: (
|
|
474
|
-
rulesTitle: (
|
|
463
|
+
rulesBtnLabel: (a = s.rules) == null ? void 0 : a.buttonLabel,
|
|
464
|
+
rulesTitle: (p = s.rules) == null ? void 0 : p.heading,
|
|
475
465
|
termsTitle: "Terms and Conditions",
|
|
476
|
-
termsText: (
|
|
477
|
-
steps:
|
|
478
|
-
primaryColor: (
|
|
479
|
-
inviteLink:
|
|
480
|
-
inviteCardTitle: (
|
|
481
|
-
inviteCardSubtext: (
|
|
466
|
+
termsText: (d = s.rules) == null ? void 0 : d.terms,
|
|
467
|
+
steps: O,
|
|
468
|
+
primaryColor: (c = s.inviteCard) == null ? void 0 : c.iconColor,
|
|
469
|
+
inviteLink: v,
|
|
470
|
+
inviteCardTitle: (l = s.inviteCard) == null ? void 0 : l.heading,
|
|
471
|
+
inviteCardSubtext: (h = s.inviteCard) == null ? void 0 : h.subtext,
|
|
482
472
|
inviteCardBtnLabel: (f = s.inviteCard) == null ? void 0 : f.buttonLabel,
|
|
483
473
|
onClose: () => {
|
|
484
|
-
var
|
|
485
|
-
(
|
|
474
|
+
var m;
|
|
475
|
+
(m = t.close) == null || m.call(t);
|
|
486
476
|
},
|
|
487
477
|
gamification: o,
|
|
488
|
-
sdk:
|
|
489
|
-
inviterName:
|
|
478
|
+
sdk: r,
|
|
479
|
+
inviterName: y
|
|
490
480
|
})
|
|
491
481
|
});
|
|
492
|
-
},
|
|
482
|
+
}, _0 = ({
|
|
493
483
|
sdk: e,
|
|
494
484
|
notification: s,
|
|
495
485
|
saveHeight: t,
|
|
496
486
|
style: o,
|
|
497
|
-
appNode:
|
|
498
|
-
sdkInDesktopView:
|
|
487
|
+
appNode: i,
|
|
488
|
+
sdkInDesktopView: r,
|
|
499
489
|
responsiveStore: a
|
|
500
490
|
}) => {
|
|
501
491
|
var p;
|
|
502
|
-
const d =
|
|
503
|
-
graphicSrc:
|
|
504
|
-
}) =>
|
|
505
|
-
screen:
|
|
506
|
-
} =
|
|
492
|
+
const d = $(null), c = s.data.onboarding, [l, h] = b(c == null ? void 0 : c.instantOpen), f = e.getFeature(I.GAMES), S = H(() => O == null ? void 0 : O.map(({
|
|
493
|
+
graphicSrc: m
|
|
494
|
+
}) => m), []), {
|
|
495
|
+
screen: v
|
|
496
|
+
} = C(a, {
|
|
507
497
|
keys: ["screen"]
|
|
508
498
|
});
|
|
509
|
-
(p = c == null ? void 0 : c.titleCard) != null && p.media && (c.titleCard.media.sponsorLogo =
|
|
510
|
-
var
|
|
511
|
-
t(((
|
|
499
|
+
(p = c == null ? void 0 : c.titleCard) != null && p.media && (c.titleCard.media.sponsorLogo = F0), W2(() => {
|
|
500
|
+
var m;
|
|
501
|
+
t(((m = d.current) == null ? void 0 : m.getBoundingClientRect().height) || 0);
|
|
512
502
|
}, [t]);
|
|
513
503
|
const {
|
|
514
504
|
loading: g,
|
|
515
|
-
throttled:
|
|
516
|
-
} =
|
|
517
|
-
return l &&
|
|
518
|
-
container:
|
|
519
|
-
useContainer: !
|
|
520
|
-
children: /* @__PURE__ */ n(
|
|
505
|
+
throttled: y
|
|
506
|
+
} = A2(S);
|
|
507
|
+
return l && f && c && i.current && !y ? /* @__PURE__ */ n(J, {
|
|
508
|
+
container: i,
|
|
509
|
+
useContainer: !r,
|
|
510
|
+
children: /* @__PURE__ */ n(U0, {
|
|
521
511
|
notification: s,
|
|
522
|
-
setOpened:
|
|
523
|
-
gamification:
|
|
512
|
+
setOpened: h,
|
|
513
|
+
gamification: f,
|
|
524
514
|
onboardingOpts: c,
|
|
525
|
-
deepLink:
|
|
515
|
+
deepLink: f.deepLink,
|
|
526
516
|
loading: g,
|
|
527
|
-
renderToNode: r,
|
|
528
517
|
sdk: e
|
|
529
518
|
})
|
|
530
|
-
}) : /* @__PURE__ */
|
|
531
|
-
children: [/* @__PURE__ */ n(
|
|
519
|
+
}) : /* @__PURE__ */ L(E, {
|
|
520
|
+
children: [/* @__PURE__ */ n(W, {
|
|
532
521
|
ref: d,
|
|
533
522
|
style: {
|
|
534
523
|
position: "absolute",
|
|
535
524
|
visibility: "hidden"
|
|
536
525
|
},
|
|
537
|
-
children: /* @__PURE__ */ n(
|
|
526
|
+
children: /* @__PURE__ */ n(Y, {
|
|
538
527
|
close: () => {
|
|
539
528
|
},
|
|
540
529
|
action: () => {
|
|
541
530
|
},
|
|
542
531
|
onboarding: c
|
|
543
532
|
})
|
|
544
|
-
}), /* @__PURE__ */ n(
|
|
533
|
+
}), /* @__PURE__ */ n(O0, {
|
|
545
534
|
style: o,
|
|
546
535
|
hiding: s.hiding,
|
|
547
|
-
children: /* @__PURE__ */ n(
|
|
548
|
-
children: /* @__PURE__ */ n(
|
|
536
|
+
children: /* @__PURE__ */ n(W, {
|
|
537
|
+
children: /* @__PURE__ */ n(Y, {
|
|
549
538
|
close: s.close,
|
|
550
539
|
action: () => {
|
|
551
|
-
var
|
|
552
|
-
|
|
540
|
+
var m;
|
|
541
|
+
h(!0), (((m = i.current) == null ? void 0 : m.getBoundingClientRect().y) || 0) < 0 && U(i, v.size, {
|
|
553
542
|
behavior: "smooth"
|
|
554
543
|
});
|
|
555
544
|
},
|
|
@@ -558,83 +547,84 @@ const P = /* @__PURE__ */ u("div")({
|
|
|
558
547
|
})
|
|
559
548
|
})]
|
|
560
549
|
});
|
|
561
|
-
},
|
|
550
|
+
}, P0 = () => _, B0 = /* @__PURE__ */ u(P0())({
|
|
562
551
|
name: "Container",
|
|
563
|
-
class: "
|
|
552
|
+
class: "c1f0y7nw",
|
|
564
553
|
propsAsIs: !0
|
|
565
|
-
}),
|
|
554
|
+
}), n2 = /* @__PURE__ */ u("div")({
|
|
566
555
|
name: "InnerContainer",
|
|
567
|
-
class: "
|
|
556
|
+
class: "i1qa3p7a",
|
|
568
557
|
propsAsIs: !1
|
|
569
|
-
}),
|
|
558
|
+
}), G0 = () => n2, z0 = /* @__PURE__ */ u(G0())({
|
|
570
559
|
name: "HiddenContainer",
|
|
571
|
-
class: "
|
|
560
|
+
class: "hrthymv",
|
|
572
561
|
propsAsIs: !0
|
|
573
|
-
}),
|
|
562
|
+
}), Q0 = /* @__PURE__ */ u("div")({
|
|
574
563
|
name: "NotificationRefreshing",
|
|
575
|
-
class: "
|
|
564
|
+
class: "n13rok4i",
|
|
576
565
|
propsAsIs: !1
|
|
577
|
-
}),
|
|
566
|
+
}), q0 = () => $2, Z0 = /* @__PURE__ */ u(q0())({
|
|
578
567
|
name: "Pill",
|
|
579
|
-
class: "
|
|
568
|
+
class: "pht79xf",
|
|
580
569
|
propsAsIs: !0
|
|
581
|
-
}),
|
|
582
|
-
const [s, t] =
|
|
570
|
+
}), Y0 = (e) => {
|
|
571
|
+
const [s, t] = b(0), o = $(null), i = R((a) => {
|
|
583
572
|
o.current = a;
|
|
584
573
|
}, []);
|
|
585
|
-
|
|
574
|
+
k(() => {
|
|
586
575
|
var a;
|
|
587
576
|
const p = (a = o.current) == null ? void 0 : a.getBoundingClientRect();
|
|
588
577
|
p && t(p.height);
|
|
589
578
|
}, [e]);
|
|
590
|
-
const
|
|
579
|
+
const r = R((a) => {
|
|
591
580
|
t(a);
|
|
592
581
|
}, []);
|
|
593
|
-
return [
|
|
594
|
-
},
|
|
582
|
+
return [i, s, r];
|
|
583
|
+
}, W0 = ({
|
|
595
584
|
sdk: e,
|
|
596
585
|
notification: s,
|
|
597
586
|
appNode: t,
|
|
598
587
|
responsiveStore: o
|
|
599
588
|
}) => {
|
|
600
|
-
var
|
|
589
|
+
var i, r;
|
|
601
590
|
const {
|
|
602
591
|
sdkInDesktopView: a
|
|
603
|
-
} =
|
|
592
|
+
} = C(o, {
|
|
604
593
|
keys: ["sdkInDesktopView"]
|
|
605
594
|
}), {
|
|
606
595
|
sdk: p
|
|
607
|
-
} =
|
|
608
|
-
return s.type ===
|
|
609
|
-
children: [/* @__PURE__ */ n(
|
|
596
|
+
} = B(), [d, c, l] = Y0(s.id);
|
|
597
|
+
return s.type === T.QUESTION ? /* @__PURE__ */ L(E, {
|
|
598
|
+
children: [/* @__PURE__ */ n(z0, {
|
|
610
599
|
ref: d,
|
|
611
|
-
children: /* @__PURE__ */ n(
|
|
600
|
+
children: /* @__PURE__ */ n(Q, {
|
|
612
601
|
...s
|
|
613
602
|
})
|
|
614
|
-
}), /* @__PURE__ */
|
|
603
|
+
}), /* @__PURE__ */ L(B0, {
|
|
615
604
|
style: {
|
|
616
605
|
height: s.hiding ? 0 : c
|
|
617
606
|
},
|
|
618
607
|
hiding: s.hiding,
|
|
619
|
-
children: [/* @__PURE__ */ n(
|
|
608
|
+
children: [/* @__PURE__ */ n(n2, {
|
|
620
609
|
style: {
|
|
621
610
|
height: "100%"
|
|
622
611
|
},
|
|
623
|
-
children: /* @__PURE__ */ n(
|
|
612
|
+
children: /* @__PURE__ */ n(Q, {
|
|
624
613
|
...s,
|
|
625
614
|
controlVideo: p == null ? void 0 : p.controlVideoPlayer
|
|
626
615
|
})
|
|
627
|
-
}), /* @__PURE__ */ n(
|
|
616
|
+
}), /* @__PURE__ */ n(Q0, {}, s.id)]
|
|
628
617
|
})]
|
|
629
|
-
}) : s.type ===
|
|
618
|
+
}) : s.type === T.QUESTION_RESOLVED && (r = (i = s.data) == null ? void 0 : i.question) != null && r.predictionResult ? /* @__PURE__ */ n(V2, {
|
|
630
619
|
style: {
|
|
631
620
|
height: s.hiding ? 0 : c
|
|
632
621
|
},
|
|
633
622
|
saveHeight: l,
|
|
634
623
|
close: s.close,
|
|
635
624
|
hiding: s.hiding,
|
|
636
|
-
...s.data.question
|
|
637
|
-
|
|
625
|
+
...s.data.question,
|
|
626
|
+
mastersApp: !0
|
|
627
|
+
}) : s.type === T.ONBOARDING ? /* @__PURE__ */ n(_0, {
|
|
638
628
|
style: {
|
|
639
629
|
height: s.hiding ? 0 : c
|
|
640
630
|
},
|
|
@@ -645,123 +635,126 @@ const P = /* @__PURE__ */ u("div")({
|
|
|
645
635
|
appNode: t,
|
|
646
636
|
responsiveStore: o
|
|
647
637
|
}) : null;
|
|
648
|
-
},
|
|
638
|
+
}, j0 = "p1co32q0", K0 = ({
|
|
649
639
|
pill: e,
|
|
650
640
|
setPill: s,
|
|
651
641
|
appNode: t,
|
|
652
642
|
headerNode: o,
|
|
653
|
-
scrollNode:
|
|
654
|
-
responsiveStore:
|
|
643
|
+
scrollNode: i,
|
|
644
|
+
responsiveStore: r,
|
|
655
645
|
scrollStore: a
|
|
656
646
|
}) => {
|
|
657
647
|
var p, d;
|
|
658
648
|
const {
|
|
659
649
|
screen: c
|
|
660
|
-
} =
|
|
650
|
+
} = C(r, {
|
|
661
651
|
keys: ["screen"]
|
|
662
652
|
}), {
|
|
663
653
|
tabsShown: l,
|
|
664
|
-
scrollPosition:
|
|
665
|
-
} =
|
|
654
|
+
scrollPosition: h
|
|
655
|
+
} = C(a, {
|
|
666
656
|
keys: ["tabsShown", "scrollPosition"]
|
|
667
657
|
});
|
|
668
|
-
|
|
669
|
-
|
|
670
|
-
}, [
|
|
671
|
-
const
|
|
672
|
-
return !e || !
|
|
673
|
-
title: e.type ===
|
|
658
|
+
k(() => {
|
|
659
|
+
r.get().sdkInDesktopView ? h < 50 && s(null) : h > -50 && s(null);
|
|
660
|
+
}, [h, r, s]);
|
|
661
|
+
const f = r.get().sdkInDesktopView ? t : o;
|
|
662
|
+
return !e || !f.current ? null : w2.createPortal(/* @__PURE__ */ n(Z0, {
|
|
663
|
+
title: e.type === T.QUESTION_RESOLVED ? "Prediction result" : `New ${((d = R2[(p = e.data) == null ? void 0 : p.questionType]) == null ? void 0 : d.label) || "notification"}`,
|
|
674
664
|
onClick: () => {
|
|
675
|
-
var
|
|
676
|
-
|
|
665
|
+
var S;
|
|
666
|
+
r.get().sdkInDesktopView ? (S = i.current) == null || S.scrollTo({
|
|
677
667
|
top: 0,
|
|
678
668
|
behavior: "smooth"
|
|
679
669
|
}) : U(t, c.size, {
|
|
680
670
|
behavior: "smooth"
|
|
681
671
|
}), s(null);
|
|
682
672
|
},
|
|
683
|
-
className:
|
|
684
|
-
}),
|
|
685
|
-
},
|
|
673
|
+
className: H2(l && j0, "sl-pill-button")
|
|
674
|
+
}), f.current);
|
|
675
|
+
}, X0 = ({
|
|
686
676
|
sdk: e,
|
|
687
677
|
headerNode: s,
|
|
688
678
|
scrollNode: t,
|
|
689
679
|
responsiveStore: o,
|
|
690
|
-
appNode:
|
|
691
|
-
scrollStore:
|
|
680
|
+
appNode: i,
|
|
681
|
+
scrollStore: r
|
|
692
682
|
}) => {
|
|
693
|
-
const [a] =
|
|
694
|
-
return
|
|
695
|
-
l &&
|
|
683
|
+
const [a] = b(e.getNotificationsStore()), p = C(a), [d, c] = b(null), l = H(() => e.getActiveNotification(), [e, p]);
|
|
684
|
+
return k(() => {
|
|
685
|
+
l && E2.emit("notification", {
|
|
696
686
|
action: "rendered",
|
|
697
687
|
payload: {
|
|
698
688
|
questionId: l.data.questionId,
|
|
699
689
|
questionType: l.data.questionType
|
|
700
690
|
}
|
|
701
691
|
});
|
|
702
|
-
}, [l]),
|
|
692
|
+
}, [l]), k(() => {
|
|
703
693
|
l && (o.get().sdkInDesktopView || o.get().sdkInView) && (!o.get().sdkInDesktopView && o.get().sdkInView && c(l), o.get().sdkInDesktopView && window.requestAnimationFrame(() => {
|
|
704
|
-
|
|
694
|
+
r.get().scrollPosition !== 0 && c(l);
|
|
705
695
|
}));
|
|
706
|
-
}, [l]),
|
|
696
|
+
}, [l]), k(() => {
|
|
707
697
|
l || c(null);
|
|
708
|
-
}, [l]), /* @__PURE__ */
|
|
709
|
-
children: [!d && l && /* @__PURE__ */ n(
|
|
698
|
+
}, [l]), /* @__PURE__ */ L(E, {
|
|
699
|
+
children: [!d && l && /* @__PURE__ */ n(W0, {
|
|
710
700
|
headerNode: s,
|
|
711
|
-
appNode:
|
|
701
|
+
appNode: i,
|
|
712
702
|
sdk: e,
|
|
713
703
|
notification: l,
|
|
714
704
|
responsiveStore: o
|
|
715
|
-
}), d && /* @__PURE__ */ n(
|
|
705
|
+
}), d && /* @__PURE__ */ n(K0, {
|
|
716
706
|
pill: d,
|
|
717
707
|
setPill: c,
|
|
718
|
-
appNode:
|
|
708
|
+
appNode: i,
|
|
719
709
|
notification: l,
|
|
720
710
|
headerNode: s,
|
|
721
711
|
scrollNode: t,
|
|
722
|
-
scrollStore:
|
|
712
|
+
scrollStore: r,
|
|
723
713
|
responsiveStore: o
|
|
724
714
|
})]
|
|
725
715
|
});
|
|
726
|
-
},
|
|
727
|
-
const s =
|
|
728
|
-
(
|
|
729
|
-
l(g),
|
|
730
|
-
e.openFeature(
|
|
716
|
+
}, J0 = (e) => {
|
|
717
|
+
const s = $(""), [t, o] = b(!1), i = C(e.status), r = C(e.sdkStore.slStreamId), a = C(e.userId()), p = C(e.getActiveFeature()), d = i === "ready" && !!r.data, [c, l] = b(A), h = R(
|
|
718
|
+
(v, g) => {
|
|
719
|
+
l(g), v && e.createEventSession(v), g === A ? window.requestAnimationFrame(() => {
|
|
720
|
+
e.openFeature(I.GAMES);
|
|
731
721
|
}) : e.closeFeature(!1);
|
|
732
722
|
},
|
|
733
723
|
[e]
|
|
734
724
|
);
|
|
735
|
-
|
|
736
|
-
!d && c ===
|
|
737
|
-
}, [d, c, e]),
|
|
738
|
-
p ===
|
|
739
|
-
const
|
|
740
|
-
|
|
725
|
+
k(() => {
|
|
726
|
+
!d && c === A && (l(N), e.closeFeature(!0));
|
|
727
|
+
}, [d, c, e]), k(() => {
|
|
728
|
+
p === I.GAMES ? l(A) : p === I.UNSET && l(N);
|
|
729
|
+
const v = e.getFeature(I.GAMES);
|
|
730
|
+
v && (v.closeQuestion(), v.closeUser());
|
|
741
731
|
}, [p, e]);
|
|
742
|
-
const
|
|
743
|
-
|
|
744
|
-
|
|
745
|
-
|
|
746
|
-
|
|
747
|
-
|
|
748
|
-
|
|
749
|
-
|
|
750
|
-
|
|
751
|
-
m
|
|
752
|
-
|
|
753
|
-
|
|
754
|
-
|
|
755
|
-
|
|
756
|
-
|
|
757
|
-
|
|
758
|
-
|
|
759
|
-
|
|
732
|
+
const f = R(
|
|
733
|
+
(v) => {
|
|
734
|
+
s.current = v, o(!0), e.initializeApp({ skipOrganizationSettings: !0 }).then(({ enabled: g, err: y }) => {
|
|
735
|
+
if (y) {
|
|
736
|
+
h(v, N);
|
|
737
|
+
return;
|
|
738
|
+
}
|
|
739
|
+
if (g) {
|
|
740
|
+
e.isUserAuthorized().then((m) => {
|
|
741
|
+
if (m) {
|
|
742
|
+
h(v, N);
|
|
743
|
+
return;
|
|
744
|
+
} else
|
|
745
|
+
e.disableApp();
|
|
746
|
+
});
|
|
747
|
+
return;
|
|
748
|
+
}
|
|
749
|
+
});
|
|
750
|
+
},
|
|
751
|
+
[h, e]
|
|
752
|
+
), S = R(() => {
|
|
760
753
|
o(!1), e.disableApp();
|
|
761
|
-
};
|
|
762
|
-
return
|
|
754
|
+
}, [e]);
|
|
755
|
+
return k(() => {
|
|
763
756
|
if (!a) {
|
|
764
|
-
d && (l(
|
|
757
|
+
d && (l(N), e.disableApp());
|
|
765
758
|
return;
|
|
766
759
|
}
|
|
767
760
|
if (a && s.current && t) {
|
|
@@ -770,57 +763,30 @@ const P = /* @__PURE__ */ u("div")({
|
|
|
770
763
|
});
|
|
771
764
|
return;
|
|
772
765
|
}
|
|
773
|
-
}, [a]),
|
|
766
|
+
}, [a]), k(() => () => {
|
|
774
767
|
o(!1), e.disableApp();
|
|
775
768
|
}, [o, e]), {
|
|
776
769
|
sdkEnabled: t,
|
|
777
770
|
sdkReady: d,
|
|
778
771
|
activeOverlay: c,
|
|
779
|
-
activateAndLoadOverlay:
|
|
780
|
-
activateEventWithId:
|
|
781
|
-
deactivate:
|
|
772
|
+
activateAndLoadOverlay: h,
|
|
773
|
+
activateEventWithId: f,
|
|
774
|
+
deactivate: S,
|
|
782
775
|
isLogged: !!a
|
|
783
776
|
};
|
|
784
|
-
},
|
|
777
|
+
}, e1 = {
|
|
785
778
|
BG_TRANSPARENT: "rgba(0,0,0, .8)",
|
|
786
|
-
BG_TRANSPARENT_VOTE_CONTAINER: "rgba(10, 14, 19, 0.8)",
|
|
787
|
-
BG_TRANSPARENT_ITEM: "rgba(0, 0, 0, 0.7)",
|
|
788
|
-
BG_TRANSPARENT_ITEM_VOTE: "rgba(255, 255, 255, 0.1)",
|
|
789
|
-
BG_TRANSPARENT_ITEM_SUCCESS: "rgba(0, 139, 251, 0.2)",
|
|
790
|
-
BG_TRANSPARENT_ITEM_ERROR: "rgba(205, 37, 37, 0.2)",
|
|
791
|
-
BG_TRANSPARENT_VOTE_PROGRESS: "rgba(255, 255, 255, 0.2)",
|
|
792
|
-
BG_TRANSPARENT_VOTE_PROGRESS_SUCCESS: "rgba(60, 139, 251, 0.5)",
|
|
793
|
-
BG_TRANSPARENT_VOTE_PROGRESS_ERROR: "rgba(205, 37, 37, 0.5)",
|
|
794
|
-
BG_TRANSPARENT_ONBOARDING_INAPP: "rgba(138, 159, 182, 0.2)",
|
|
795
|
-
LEADERBOARD_UNIT: "rgba(255, 255, 255, 0.5)",
|
|
796
|
-
BLUE_PRIMARY: "#1589EE",
|
|
797
|
-
RED_PRIMARY: "#CD2525",
|
|
798
|
-
RED_SECONDARY: "#EB5757",
|
|
799
779
|
BLUE_QUESTION_ACTION_BTN: "#1589ee",
|
|
800
780
|
WHITE: "#FFFFFF",
|
|
801
|
-
|
|
802
|
-
GREY_2: "#22262b",
|
|
803
|
-
GREY_3: "#2d3135",
|
|
804
|
-
GREY_4: "#53565a",
|
|
781
|
+
BLUE: "#2d6ffd",
|
|
805
782
|
GREY_PRIMARY_ONBOARDING_INAPP: "#B5B7B8",
|
|
806
|
-
BLACK_1: "#161a1f",
|
|
807
|
-
GREEN_1: "#F7B801",
|
|
808
|
-
RED_1: "#A30000",
|
|
809
|
-
RED_2: "#FF4170",
|
|
810
783
|
GREY_PRIMARY: "#909395",
|
|
811
|
-
|
|
812
|
-
|
|
813
|
-
|
|
814
|
-
|
|
815
|
-
|
|
816
|
-
PRIMARY_GREEN3: "#1C4932",
|
|
817
|
-
PRIMARY_GREEN4: "#193526",
|
|
784
|
+
PRIMARY_1: "#107D57",
|
|
785
|
+
PRIMARY_2: "#006747",
|
|
786
|
+
PRIMARY_TEXT: "#006747",
|
|
787
|
+
SUCCESS: "#107D57",
|
|
788
|
+
UNSUCCESS: "#DF2F3B",
|
|
818
789
|
SECONDARY_RED1: "#DF2F3B",
|
|
819
|
-
SECONDARY_RED2: "#BA0C2F",
|
|
820
|
-
SECONDARY_RED3: "#f9d6d8",
|
|
821
|
-
SECONDARY_YELLOW: "#fce300",
|
|
822
|
-
SECONDARY_GREEN5: "#C0DC8F",
|
|
823
|
-
SECONDARY_GREEN6: "#cee5de",
|
|
824
790
|
NEUTRALS_WHITE: "#FFFFFF",
|
|
825
791
|
NEUTRALS_GRAY1: "#F7F7F7",
|
|
826
792
|
NEUTRALS_GRAY2: "#F2F2F1",
|
|
@@ -829,47 +795,42 @@ const P = /* @__PURE__ */ u("div")({
|
|
|
829
795
|
NEUTRALS_GRAY5: "#B1B3B3",
|
|
830
796
|
NEUTRALS_GRAY6: "#888B8D",
|
|
831
797
|
NEUTRALS_GRAY7: "#6B6F73",
|
|
832
|
-
|
|
833
|
-
|
|
834
|
-
NEUTRALS_BLACK: "#000000"
|
|
835
|
-
}, J = Object.assign({}, ot, rt), L = {
|
|
798
|
+
NEUTRALS_GRAY9: "#25282A"
|
|
799
|
+
}, w = {
|
|
836
800
|
REGULAR: "'Benton Sans', BentonSans, Arial, Helvetica, sans-serif",
|
|
837
801
|
SERIF: "'Tiempos', 'Tiempos Text', Times New Roman, serif",
|
|
838
802
|
COLOR: "#fff",
|
|
839
803
|
WEIGHT_DEFAULT: "500"
|
|
840
|
-
},
|
|
841
|
-
const t = J[s];
|
|
842
|
-
return `
|
|
804
|
+
}, s1 = Object.entries(e1).reduce((e, [s, t]) => `
|
|
843
805
|
${e}
|
|
844
806
|
--color-${s.toLowerCase().replaceAll("_", "-")}: ${t};
|
|
845
|
-
|
|
846
|
-
}
|
|
847
|
-
`${at}${L.REGULAR}${L.REGULAR}${L.COLOR}${L.SERIF}${L.WEIGHT_DEFAULT}${z.down("xl")`
|
|
807
|
+
`, "");
|
|
808
|
+
`${s1}${w.REGULAR}${w.REGULAR}${w.COLOR}${w.SERIF}${w.WEIGHT_DEFAULT}${q.down("xl")`
|
|
848
809
|
--header-offset: 56px;
|
|
849
810
|
--watch-live-header: 46px;
|
|
850
|
-
`}${
|
|
811
|
+
`}${q.intermediate("xl", "lg")`
|
|
851
812
|
--header-offset: 76px;
|
|
852
813
|
`}`;
|
|
853
|
-
const
|
|
854
|
-
const [, a] =
|
|
814
|
+
const t1 = "m1ojpy2l", n1 = ({ children: e, style: s }) => /* @__PURE__ */ n("div", { className: "StreamLayerSDKTheme", children: /* @__PURE__ */ n("div", { className: t1, style: s, children: e }) }), o1 = ({ sdk: e, className: s, scrollStore: t, appNode: o, scrollNode: i, responsiveStore: r }) => {
|
|
815
|
+
const [, a] = _2(e);
|
|
855
816
|
return /* @__PURE__ */ n(
|
|
856
|
-
|
|
817
|
+
h0,
|
|
857
818
|
{
|
|
858
819
|
className: s,
|
|
859
|
-
scrollNode:
|
|
820
|
+
scrollNode: i,
|
|
860
821
|
appNode: o,
|
|
861
822
|
scrollStore: t,
|
|
862
823
|
feature: a,
|
|
863
|
-
responsiveStore:
|
|
824
|
+
responsiveStore: r,
|
|
864
825
|
sdk: e
|
|
865
826
|
}
|
|
866
827
|
);
|
|
867
|
-
},
|
|
868
|
-
const
|
|
869
|
-
return
|
|
870
|
-
const a = e.getFeature(
|
|
828
|
+
}, r1 = ({ sdk: e, className: s, appNode: t, responsiveStore: o }) => {
|
|
829
|
+
const i = C(e.featuresList.getStore());
|
|
830
|
+
return i ? Array.from(i, (r) => {
|
|
831
|
+
const a = e.getFeature(r);
|
|
871
832
|
return a ? /* @__PURE__ */ n(
|
|
872
|
-
|
|
833
|
+
m0,
|
|
873
834
|
{
|
|
874
835
|
className: s,
|
|
875
836
|
appNode: t,
|
|
@@ -877,69 +838,69 @@ const it = "m1ojpy2l", lt = ({ children: e, style: s }) => /* @__PURE__ */ n("di
|
|
|
877
838
|
responsiveStore: o,
|
|
878
839
|
sdk: e
|
|
879
840
|
},
|
|
880
|
-
|
|
841
|
+
r
|
|
881
842
|
) : null;
|
|
882
843
|
}) : null;
|
|
883
|
-
},
|
|
884
|
-
const o =
|
|
885
|
-
|
|
844
|
+
}, i1 = ({ sdk: e, overlays: s, children: t }) => {
|
|
845
|
+
const o = $(null), i = $(null), [r] = T2(o), [a, p] = x2(o, r), { sdkEnabled: d, sdkReady: c, activeOverlay: l, activateAndLoadOverlay: h, activateEventWithId: f, deactivate: S, isLogged: v } = J0(e);
|
|
846
|
+
F(o, { enabled: d, event: "click", listener: F2 }), F(a, {
|
|
886
847
|
enabled: d,
|
|
887
848
|
event: "scrollend",
|
|
888
|
-
listener:
|
|
849
|
+
listener: D2,
|
|
889
850
|
useDomNode: !0
|
|
890
|
-
}),
|
|
851
|
+
}), F(a, {
|
|
891
852
|
enabled: d,
|
|
892
853
|
event: "click",
|
|
893
|
-
listener:
|
|
854
|
+
listener: M2,
|
|
894
855
|
useDomNode: !0
|
|
895
856
|
});
|
|
896
|
-
const g =
|
|
897
|
-
return
|
|
857
|
+
const g = H(() => ({ sdk: e }), [e]);
|
|
858
|
+
return k(() => {
|
|
898
859
|
import("./gamification-feature2.js");
|
|
899
|
-
}, []), /* @__PURE__ */ n(
|
|
860
|
+
}, []), /* @__PURE__ */ n(t2.Provider, { value: g, children: /* @__PURE__ */ L(O2, { ref: o, children: [
|
|
900
861
|
d && /* @__PURE__ */ n(
|
|
901
|
-
|
|
862
|
+
b0,
|
|
902
863
|
{
|
|
903
|
-
ref:
|
|
864
|
+
ref: i,
|
|
904
865
|
sdkReady: c,
|
|
905
866
|
activeOverlay: l,
|
|
906
|
-
className:
|
|
907
|
-
setActiveOverlay: (
|
|
867
|
+
className: D,
|
|
868
|
+
setActiveOverlay: (y) => h("", y),
|
|
908
869
|
scrollToTop: () => {
|
|
909
|
-
var
|
|
910
|
-
return (
|
|
870
|
+
var y;
|
|
871
|
+
return (y = a.current) == null ? void 0 : y.scrollTo(0, 0);
|
|
911
872
|
},
|
|
912
|
-
responsiveStore:
|
|
873
|
+
responsiveStore: r
|
|
913
874
|
}
|
|
914
875
|
),
|
|
915
|
-
/* @__PURE__ */
|
|
876
|
+
/* @__PURE__ */ L(U2, { className: "sl-hide-on-modal", ref: a, "data-nav": d.toString(), children: [
|
|
916
877
|
c && /* @__PURE__ */ n(
|
|
917
|
-
|
|
878
|
+
X0,
|
|
918
879
|
{
|
|
919
880
|
sdk: e,
|
|
920
881
|
scrollNode: a,
|
|
921
|
-
headerNode:
|
|
882
|
+
headerNode: i,
|
|
922
883
|
appNode: o,
|
|
923
884
|
scrollStore: p,
|
|
924
|
-
responsiveStore:
|
|
885
|
+
responsiveStore: r
|
|
925
886
|
}
|
|
926
887
|
),
|
|
927
|
-
/* @__PURE__ */ n("div", { style: !d || l ===
|
|
928
|
-
s && l ===
|
|
929
|
-
c && l ===
|
|
930
|
-
|
|
888
|
+
/* @__PURE__ */ n("div", { style: !d || l === N ? {} : { display: "none" }, children: t && t({ activateEventWithId: f, deactivate: S }) }),
|
|
889
|
+
s && l === N0 && s[l],
|
|
890
|
+
c && l === A && /* @__PURE__ */ n(
|
|
891
|
+
o1,
|
|
931
892
|
{
|
|
932
893
|
scrollStore: p,
|
|
933
|
-
responsiveStore:
|
|
894
|
+
responsiveStore: r,
|
|
934
895
|
scrollNode: a,
|
|
935
896
|
appNode: o,
|
|
936
|
-
className:
|
|
897
|
+
className: D,
|
|
937
898
|
sdk: e
|
|
938
899
|
}
|
|
939
900
|
),
|
|
940
|
-
c && /* @__PURE__ */ n(
|
|
901
|
+
c && /* @__PURE__ */ n(r1, { responsiveStore: r, appNode: o, className: D, sdk: e })
|
|
941
902
|
] }),
|
|
942
|
-
d && !
|
|
903
|
+
d && !v && /* @__PURE__ */ n(
|
|
943
904
|
"div",
|
|
944
905
|
{
|
|
945
906
|
style: { display: "flex", alignItems: "center", justifyContent: "center", width: "100%", height: "100%" },
|
|
@@ -947,22 +908,22 @@ const it = "m1ojpy2l", lt = ({ children: e, style: s }) => /* @__PURE__ */ n("di
|
|
|
947
908
|
}
|
|
948
909
|
)
|
|
949
910
|
] }) });
|
|
950
|
-
},
|
|
951
|
-
|
|
911
|
+
}, C1 = ({ sdkKey: e, plugins: s, children: t, onDeepLinkHandled: o, videoPlayerController: i, production: r = !0 }) => /* @__PURE__ */ n(
|
|
912
|
+
P2,
|
|
952
913
|
{
|
|
953
914
|
sdkKey: e,
|
|
954
915
|
plugins: s,
|
|
955
|
-
production:
|
|
916
|
+
production: r,
|
|
956
917
|
autoEnable: !1,
|
|
957
918
|
onDeepLinkHandled: o,
|
|
958
|
-
videoPlayerController:
|
|
919
|
+
videoPlayerController: i,
|
|
959
920
|
children: t
|
|
960
921
|
}
|
|
961
|
-
),
|
|
962
|
-
const { sdk: t, status: o } =
|
|
963
|
-
return o ===
|
|
922
|
+
), a1 = ({ children: e, overlays: s }) => {
|
|
923
|
+
const { sdk: t, status: o } = s2(B2);
|
|
924
|
+
return o === G2.UNSET ? (console.error("Wrap app in `StreamLayerProvider`"), e({})) : t ? /* @__PURE__ */ n("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ n(n1, { style: { height: "100%" }, children: /* @__PURE__ */ n(i1, { sdk: t, overlays: s, children: e }) }) }) : e({});
|
|
964
925
|
};
|
|
965
|
-
class
|
|
926
|
+
class v1 extends j2 {
|
|
966
927
|
constructor(s) {
|
|
967
928
|
super(s), this.state = { hasError: !1 };
|
|
968
929
|
}
|
|
@@ -973,11 +934,11 @@ class ft extends Xe {
|
|
|
973
934
|
console.error(s, t.componentStack);
|
|
974
935
|
}
|
|
975
936
|
render() {
|
|
976
|
-
return this.state.hasError ? this.props.children({}) : /* @__PURE__ */ n(
|
|
937
|
+
return this.state.hasError ? this.props.children({}) : /* @__PURE__ */ n(a1, { ...this.props });
|
|
977
938
|
}
|
|
978
939
|
}
|
|
979
940
|
export {
|
|
980
|
-
|
|
981
|
-
|
|
982
|
-
|
|
941
|
+
C1 as M,
|
|
942
|
+
v1 as a,
|
|
943
|
+
u1 as z
|
|
983
944
|
};
|