@streamlayer/react 1.6.0 → 1.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,344 +1,416 @@
1
- import { jsx as n, jsxs as L, Fragment as E } from "react/jsx-runtime";
2
- import { a as C, F as r2, s as u, T as j, i as i2, p as a2, h as l2, N as d2, k as c2, M as p2, j as u2, l as C2, C as v2, n as h2, O as K, o as x, q as m2, r as g2, t as L2, v as X, w as f2, x as S2, y as y2, z as U, A as k2, B as J, D as _, I as e2, c as P, G as N2, H as b2, J as z, K as A2, P as I2, R as $2, g as E2, U as T, V as q, W as V2, X as w2, Y as R2, f as H2, Z as Q, _ as T2, $ as x2, L as F, a0 as F2, a1 as D2, a2 as M2, a3 as O2, m as D, a4 as U2, a5 as _2, a6 as P2, a7 as B2, a8 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")({
1
+ import { jsx as t, jsxs as L, Fragment as V } from "react/jsx-runtime";
2
+ import { s as u, j as t2, a as v, r as b, k as P, F as C2, l as o2, n as v2, p as h2, o as m2, N as g2, q as f2, M as L2, T as S2, t as y2, C as k2, v as b2, O as r2, w as M, x as N2, y as I2, A as i2, B, I as a2, c as W, D as A2, G as w2, H as E2, J as $2, K as T2, h as V2, P as H, Q as Y, R as R2, U as x2, V as F2, f as H2, W as T, Y as j, L as U, Z as D2, _ as M2, $ as U2, m as _, a0 as _2, a1 as O2, a2 as G2, a3 as P2 } from "./index2.js";
3
+ import { useRef as E, useState as N, useEffect as y, createContext as z2, useContext as l2, useTransition as B2, lazy as W2, useMemo as F, Suspense as Z2, forwardRef as q2, useLayoutEffect as Q2, useCallback as x, Component as Y2 } from "react";
4
+ import { Q as j2, S as $ } from "./useStreamLayerApp2.js";
5
+ const K2 = /* @__PURE__ */ u("div")({
6
+ name: "SDKContainer",
7
+ class: "s8zgqze",
8
+ propsAsIs: !1
9
+ }), J2 = /* @__PURE__ */ u("div")({
10
+ name: "SDKScrollContainer",
11
+ class: "s6t897k",
12
+ propsAsIs: !1
13
+ }), d2 = /* @__PURE__ */ u("div")({
14
+ name: "SDKContentContainer",
15
+ class: "sw7pkvp",
16
+ propsAsIs: !1
17
+ }), X2 = () => d2, D = /* @__PURE__ */ u(X2())({
18
+ name: "SDKWhiteContainer",
19
+ class: "s14gkn7u",
20
+ propsAsIs: !0
21
+ }), e0 = /* @__PURE__ */ u("div")({
22
+ name: "TabsContainer",
23
+ class: "t1yxstm9",
24
+ propsAsIs: !1
25
+ }), s0 = () => D, n0 = /* @__PURE__ */ u(s0())({
26
+ name: "LeaderboardContainer",
27
+ class: "ldpty1s",
28
+ propsAsIs: !0
29
+ }), t0 = () => D, o0 = /* @__PURE__ */ u(t0())({
30
+ name: "TabsNavContainer",
31
+ class: "t136a59y",
32
+ propsAsIs: !0
33
+ }), r0 = /* @__PURE__ */ u("div")({
34
+ name: "UserSummaryContainer",
35
+ class: "u11vnm9m",
36
+ propsAsIs: !1
37
+ }), Z = (e, s, n) => {
38
+ const o = s >= b.lg && s < b.xl ? 75 : 52;
39
+ e.current && window.scrollTo({
40
+ top: e.current.offsetTop - o,
41
+ ...n
42
+ });
43
+ }, i0 = 15, a0 = (e, s) => {
44
+ const n = E(null), o = E(0), [r] = N(
45
+ t2({
46
+ scrollPosition: 0,
47
+ tabsShown: !0,
48
+ scrollDirection: "forward"
49
+ })
50
+ ), i = v(s);
51
+ return y(() => {
52
+ const a = window.innerWidth < b.xl ? window : n.current;
53
+ if (!a)
54
+ return () => {
55
+ };
56
+ const p = P((c) => {
57
+ var d;
58
+ const l = c.target;
59
+ if (!l)
60
+ return;
61
+ let C = 0;
62
+ i.screen.size < b.xl ? C = ((d = e.current) == null ? void 0 : d.getBoundingClientRect().y) || 0 : C = l.scrollTop;
63
+ const m = o.current - C;
64
+ if (i0 > Math.abs(m))
65
+ return;
66
+ const S = o.current < C ? "forward" : "backward";
67
+ o.current = C, r.set({
68
+ scrollPosition: Math.round(C),
69
+ scrollDirection: S,
70
+ tabsShown: r.get().tabsShown
71
+ });
72
+ }, 200);
73
+ return a.addEventListener("scroll", p), () => {
74
+ a.removeEventListener("scroll", p);
75
+ };
76
+ }, [r, e, i.screen]), [n, r];
77
+ }, O = /* @__PURE__ */ u("div")({
6
78
  name: "LoadingContainer",
7
79
  class: "l7wseip",
8
80
  propsAsIs: !1
9
- }), X2 = ({
81
+ }), l0 = ({
10
82
  feature: e,
11
83
  sdk: s,
12
- children: t,
84
+ children: n,
13
85
  className: o,
14
- noWait: i
86
+ noWait: r
15
87
  }) => {
16
- const r = C(e.status), a = C(s.sdkStore.slStreamId);
17
- if (!i) {
88
+ const i = v(e.status), a = v(s.sdkStore.slStreamId);
89
+ if (!r) {
18
90
  if (a != null && a.loading && !a.data)
19
- return /* @__PURE__ */ n(M, {
91
+ return /* @__PURE__ */ t(O, {
20
92
  className: o,
21
93
  children: "Event is loading..."
22
94
  });
23
95
  if (!(a != null && a.data))
24
- return /* @__PURE__ */ n(M, {
96
+ return /* @__PURE__ */ t(O, {
25
97
  className: o,
26
98
  children: "Event is forbidden..."
27
99
  });
28
- if (r !== r2.Ready)
29
- return /* @__PURE__ */ n(M, {
100
+ if (i !== C2.Ready)
101
+ return /* @__PURE__ */ t(O, {
30
102
  className: o,
31
103
  children: "Wait feature..."
32
104
  });
33
105
  }
34
- return t;
35
- }, t2 = z2({
106
+ return n;
107
+ }, c2 = z2({
36
108
  sdk: null
37
- }), B = () => s2(t2), J2 = /* @__PURE__ */ u("div")({
109
+ }), q = () => l2(c2), d0 = /* @__PURE__ */ u("div")({
38
110
  name: "QuestionContainer",
39
111
  class: "qwgkhsv",
40
112
  propsAsIs: !1
41
- }), e0 = ({
113
+ }), c0 = ({
42
114
  openedQuestion: e
43
115
  }) => {
44
- var s, t;
116
+ var s, n;
45
117
  const {
46
118
  sdk: o
47
- } = B();
48
- return ((s = e == null ? void 0 : e.attributes) == null ? void 0 : s.attributes.case) === "insight" ? /* @__PURE__ */ n(a2, {
119
+ } = q();
120
+ return ((s = e == null ? void 0 : e.attributes) == null ? void 0 : s.attributes.case) === "insight" ? /* @__PURE__ */ t(h2, {
49
121
  ...e.attributes.attributes.value,
50
122
  controlVideo: o == null ? void 0 : o.controlVideoPlayer
51
- }) : ((t = e == null ? void 0 : e.attributes) == null ? void 0 : t.attributes.case) === "tweet" ? /* @__PURE__ */ n(l2, {
123
+ }) : ((n = e == null ? void 0 : e.attributes) == null ? void 0 : n.attributes.case) === "tweet" ? /* @__PURE__ */ t(m2, {
52
124
  ...e.attributes.attributes.value,
53
125
  controlVideo: o == null ? void 0 : o.controlVideoPlayer
54
126
  }) : null;
55
- }, s0 = ({
127
+ }, p0 = ({
56
128
  extendedQuestion: e,
57
129
  vote: s,
58
- close: t
130
+ close: n
59
131
  }) => {
60
132
  const {
61
133
  loading: o,
62
- data: i
134
+ data: r
63
135
  } = e;
64
- return i ? /* @__PURE__ */ n(d2, {
136
+ return r ? /* @__PURE__ */ t(g2, {
65
137
  vote: s,
66
- close: t,
67
- openedQuestion: i,
138
+ close: n,
139
+ openedQuestion: r,
68
140
  isLoading: !!o
69
- }) : /* @__PURE__ */ n(c2, {});
70
- }, t0 = ({
141
+ }) : /* @__PURE__ */ t(f2, {});
142
+ }, u0 = ({
71
143
  gamification: e
72
144
  }) => {
73
145
  var s;
74
- const t = C(e.openedQuestion.$store), o = C(e.openedQuestion.$extendedStore);
75
- if (!t)
146
+ const n = v(e.openedQuestion.$store), o = v(e.openedQuestion.$extendedStore);
147
+ if (!n)
76
148
  return null;
77
- const i = t.type;
78
- return /* @__PURE__ */ L(J2, {
79
- children: [/* @__PURE__ */ n(j, {
149
+ const r = n.type;
150
+ return /* @__PURE__ */ L(d0, {
151
+ children: [/* @__PURE__ */ t(o2, {
80
152
  close: e.closeQuestion,
81
- type: ((s = t.attributes) == null ? void 0 : s.type) || K2.UNSET
82
- }), i === "question" && /* @__PURE__ */ n(s0, {
153
+ type: ((s = n.attributes) == null ? void 0 : s.type) || j2.UNSET
154
+ }), r === "question" && /* @__PURE__ */ t(p0, {
83
155
  vote: e.submitAnswer,
84
156
  close: e.closeQuestion,
85
157
  extendedQuestion: o
86
- }), i !== "question" && /* @__PURE__ */ n(e0, {
87
- openedQuestion: t
88
- }), /* @__PURE__ */ n(i2, {
158
+ }), r !== "question" && /* @__PURE__ */ t(c0, {
159
+ openedQuestion: n
160
+ }), /* @__PURE__ */ t(v2, {
89
161
  mastersLogo: !0
90
162
  })]
91
163
  });
92
- }, n0 = /* @__PURE__ */ u("div")({
164
+ }, C0 = /* @__PURE__ */ u("div")({
93
165
  name: "InviteFriendsContainer",
94
166
  class: "i1b9agwt",
95
167
  propsAsIs: !1
96
- }), o0 = ({
168
+ }), v0 = ({
97
169
  deepLink: e
98
- }) => /* @__PURE__ */ n(n0, {
99
- children: /* @__PURE__ */ n(p2, {
170
+ }) => /* @__PURE__ */ t(C0, {
171
+ children: /* @__PURE__ */ t(L2, {
100
172
  inviteLink: e,
101
173
  inviteCardTitle: "It’s More Fun With Friends",
102
174
  inviteCardSubtext: "Invite and compete against your friends for the top spot on the leaderboard."
103
175
  })
104
- }), r0 = /* @__PURE__ */ u("div")({
176
+ }), h0 = /* @__PURE__ */ u("div")({
105
177
  name: "InviteLinkContainer",
106
178
  class: "ij36hcn",
107
179
  propsAsIs: !1
108
- }), i0 = ({
180
+ }), m0 = ({
109
181
  gamification: e,
110
182
  scrollNode: s,
111
- scrollStore: t
183
+ scrollStore: n
112
184
  }) => {
113
- const o = $(null), {
114
- data: i,
115
- hasMore: r,
185
+ const o = E(null), {
186
+ data: r,
187
+ hasMore: i,
116
188
  loading: a,
117
189
  key: p
118
- } = C(e.leaderboardList.$store), {
119
- data: d
120
- } = C(e.deepLink.$store), [c, l] = u2(o);
121
- return !i.length && !a ? /* @__PURE__ */ n(o0, {
122
- deepLink: d
123
- }) : /* @__PURE__ */ L(E, {
124
- children: [/* @__PURE__ */ n(C2, {
125
- items: i,
190
+ } = v(e.leaderboardList.$store), {
191
+ data: c
192
+ } = v(e.deepLink.$store), [d, l] = S2(o);
193
+ return !r.length && !a ? /* @__PURE__ */ t(v0, {
194
+ deepLink: c
195
+ }) : /* @__PURE__ */ L(V, {
196
+ children: [/* @__PURE__ */ t(y2, {
197
+ items: r,
126
198
  scrollNode: s,
127
- scrollStore: t,
199
+ scrollStore: n,
128
200
  fetchMore: e.leaderboardList.fetchMore,
129
- hasMore: r,
201
+ hasMore: i,
130
202
  openItemDetail: e.openUser,
131
203
  currentUserId: e.currentUserId.get()
132
- }, p), d && /* @__PURE__ */ n(r0, {
204
+ }, p), c && /* @__PURE__ */ t(h0, {
133
205
  ref: o,
134
- children: /* @__PURE__ */ n(v2, {
135
- onClick: () => c(d),
206
+ children: /* @__PURE__ */ t(k2, {
207
+ onClick: () => d(c),
136
208
  title: "Invite Friends",
137
209
  description: "Challenge them now!"
138
210
  })
139
211
  }), l]
140
212
  });
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 }) => {
213
+ }, g0 = ({ store: e, openQuestion: s }) => {
214
+ const { sdk: n } = q(), o = v(e);
215
+ return /* @__PURE__ */ t(b2, { openQuestion: s, questions: o.data, controlVideo: n == null ? void 0 : n.controlVideoPlayer });
216
+ }, f0 = ({ userSummary: e }) => {
145
217
  var s;
146
- const [t, o] = b(void 0);
147
- return k(() => {
148
- const i = e.$store.subscribe((r) => {
149
- r && o(r);
218
+ const [n, o] = N(void 0);
219
+ return y(() => {
220
+ const r = e.$store.subscribe((i) => {
221
+ i && o(i);
150
222
  });
151
223
  return () => {
152
- i();
224
+ r();
153
225
  };
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) => {
226
+ }, [e]), /* @__PURE__ */ t(r2, { loading: !(n != null && n.summary), ...n == null ? void 0 : n.summary, successRate: (s = n == null ? void 0 : n.percentage) == null ? void 0 : s.correct });
227
+ }, L0 = ({ gamification: e, className: s, scrollStore: n, scrollNode: o, appNode: r, style: i, responsiveStore: a }) => {
228
+ const { tabsShown: p } = v(n, { keys: ["tabsShown"] }), [c, d] = N(M.HOME), [, l] = B2(), { sdkInDesktopView: C, screen: m } = v(a, { keys: ["sdkInDesktopView"] }), S = (f) => {
157
229
  l(() => {
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" });
230
+ var k;
231
+ d(f), C === !1 && (((k = r.current) == null ? void 0 : k.getBoundingClientRect().y) || 0) < 0 && Z(r, m.size, { behavior: "instant" });
160
232
  });
161
233
  };
162
- k(() => t.subscribe((g) => {
163
- if (g.scrollPosition === 0) {
164
- t.setKey("tabsShown", !0);
234
+ y(() => n.subscribe((f) => {
235
+ if (f.scrollPosition === 0) {
236
+ n.setKey("tabsShown", !0);
165
237
  return;
166
238
  }
167
- a.get().sdkInDesktopView ? t.setKey("tabsShown", g.scrollDirection === "backward") : t.setKey("tabsShown", g.scrollDirection === "forward");
168
- }), [t, a]);
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
- /* @__PURE__ */ n(
172
- g2,
239
+ a.get().sdkInDesktopView ? n.setKey("tabsShown", f.scrollDirection === "backward") : n.setKey("tabsShown", f.scrollDirection === "forward");
240
+ }), [n, a]);
241
+ let h = "0px";
242
+ return C ? h = p ? "0px" : "calc(8px - var(--header-height) - var(--header-offset))" : h = p ? "calc(var(--header-height) + var(--header-offset) - 2px)" : "0px", /* @__PURE__ */ L(e0, { className: s, style: i, children: [
243
+ /* @__PURE__ */ t(
244
+ o0,
173
245
  {
174
246
  style: {
175
- top: v
247
+ top: h
176
248
  },
177
- children: /* @__PURE__ */ n(L2, { activePage: d, toggleActivePage: S })
249
+ children: /* @__PURE__ */ t(N2, { activePage: c, toggleActivePage: S })
178
250
  }
179
251
  ),
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() }) })
252
+ c === M.HOME && /* @__PURE__ */ L(V, { children: [
253
+ /* @__PURE__ */ t(D, { style: { paddingTop: "8px" }, children: /* @__PURE__ */ t(r0, { children: /* @__PURE__ */ t(f0, { userSummary: e.userSummary }) }) }),
254
+ /* @__PURE__ */ t(d2, { style: { flex: 1 }, children: /* @__PURE__ */ t(g0, { openQuestion: e.openQuestion, store: e.feedList.getStore() }) })
183
255
  ] }),
184
- d === x.LEADERBOARD && /* @__PURE__ */ n(y2, { children: /* @__PURE__ */ n(i0, { scrollStore: t, scrollNode: o, gamification: e }) })
256
+ c === M.LEADERBOARD && /* @__PURE__ */ t(n0, { children: /* @__PURE__ */ t(m0, { scrollStore: n, scrollNode: o, gamification: e }) })
185
257
  ] });
186
- }, c0 = () => _, Z = /* @__PURE__ */ u(c0())({
258
+ }, S0 = () => B, K = /* @__PURE__ */ u(S0())({
187
259
  name: "OpenedContainer",
188
260
  class: "o1seszvt",
189
261
  propsAsIs: !0
190
- }), p0 = /* @__PURE__ */ u("div")({
262
+ }), y0 = /* @__PURE__ */ u("div")({
191
263
  name: "UserContainer",
192
264
  class: "u1pbry50",
193
265
  propsAsIs: !1
194
- }), u0 = ({
266
+ }), k0 = ({
195
267
  correct: e,
196
268
  incorrect: s
197
269
  }) => {
198
- const t = e + s;
199
- return t === 0 ? 0 : Math.round(e / t * 100);
200
- }, u1 = ({
270
+ const n = e + s;
271
+ return n === 0 ? 0 : Math.round(e / n * 100);
272
+ }, b1 = ({
201
273
  gamification: e,
202
274
  scrollStore: s,
203
- className: t,
275
+ className: n,
204
276
  appNode: o,
205
- scrollNode: i,
206
- responsiveStore: r
207
- }) => /* @__PURE__ */ n(d0, {
277
+ scrollNode: r,
278
+ responsiveStore: i
279
+ }) => /* @__PURE__ */ t(L0, {
208
280
  appNode: o,
209
281
  scrollStore: s,
210
- scrollNode: i,
211
- className: t,
282
+ scrollNode: r,
283
+ className: n,
212
284
  gamification: e,
213
- responsiveStore: r
214
- }), C0 = ({
285
+ responsiveStore: i
286
+ }), b0 = ({
215
287
  gamification: e,
216
288
  className: s,
217
- appNode: t,
289
+ appNode: n,
218
290
  responsiveStore: o
219
291
  }) => {
220
- const i = C(e.openedQuestion.$store), r = C(e.openedUser), {
292
+ const r = v(e.openedQuestion.$store), i = v(e.openedUser), {
221
293
  sdkInDesktopView: a
222
- } = C(o, {
294
+ } = v(o, {
223
295
  keys: ["sdkInDesktopView"]
224
296
  }), {
225
297
  hiding: p,
226
- onAnimationEnd: d
227
- } = k2();
228
- if (!t.current || !i && !r)
298
+ onAnimationEnd: c
299
+ } = I2();
300
+ if (!n.current || !r && !i)
229
301
  return null;
230
- const c = i ? /* @__PURE__ */ n(Z, {
302
+ const d = r ? /* @__PURE__ */ t(K, {
231
303
  className: s,
232
304
  hiding: p,
233
- onAnimationEnd: d,
234
- children: /* @__PURE__ */ n(t0, {
305
+ onAnimationEnd: c,
306
+ children: /* @__PURE__ */ t(u0, {
235
307
  gamification: e
236
308
  })
237
- }) : r ? /* @__PURE__ */ n(Z, {
309
+ }) : i ? /* @__PURE__ */ t(K, {
238
310
  className: s,
239
311
  hiding: p,
240
- onAnimationEnd: d,
241
- children: /* @__PURE__ */ L(p0, {
242
- children: [/* @__PURE__ */ n(j, {
312
+ onAnimationEnd: c,
313
+ children: /* @__PURE__ */ L(y0, {
314
+ children: [/* @__PURE__ */ t(o2, {
243
315
  label: "Friend's Rank",
244
316
  close: e.closeUser
245
- }), /* @__PURE__ */ n(X, {
246
- children: /* @__PURE__ */ n(K, {
247
- ...r,
248
- successRate: u0(r)
317
+ }), /* @__PURE__ */ t(D, {
318
+ children: /* @__PURE__ */ t(r2, {
319
+ ...i,
320
+ successRate: k0(i)
249
321
  })
250
322
  })]
251
323
  })
252
324
  }) : null;
253
- return /* @__PURE__ */ n(J, {
254
- container: t,
325
+ return /* @__PURE__ */ t(i2, {
326
+ container: n,
255
327
  useContainer: !a,
256
- children: c
328
+ children: d
257
329
  });
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,
330
+ }, N0 = W2(() => import("./gamification-feature2.js")), I0 = ({ sdk: e, feature: s, className: n, scrollStore: o, appNode: r, scrollNode: i, responsiveStore: a }) => {
331
+ const p = F(() => s && s.featureConfig.get().type === $.GAMES ? /* @__PURE__ */ t(l0, { className: n, sdk: e, feature: s, children: /* @__PURE__ */ t(
332
+ N0,
261
333
  {
262
- appNode: i,
334
+ appNode: r,
263
335
  scrollStore: o,
264
- scrollNode: r,
265
- className: t,
336
+ scrollNode: i,
337
+ className: n,
266
338
  responsiveStore: a,
267
339
  gamification: s
268
340
  }
269
- ) }) : null, [e, s, t, a, o, r, i]);
270
- return /* @__PURE__ */ n(
341
+ ) }) : null, [e, s, n, a, o, i, r]);
342
+ return /* @__PURE__ */ t(
271
343
  Z2,
272
344
  {
273
- fallback: /* @__PURE__ */ n("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", width: "100%", height: "100%" }, children: "page loading..." }),
345
+ fallback: /* @__PURE__ */ t("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", width: "100%", height: "100%" }, children: "page loading..." }),
274
346
  children: p
275
347
  }
276
348
  );
277
- }, m0 = ({ feature: e, className: s, appNode: t, responsiveStore: o }) => e && e.featureConfig.get().type === I.GAMES ? /* @__PURE__ */ n(
278
- C0,
349
+ }, A0 = ({ feature: e, className: s, appNode: n, responsiveStore: o }) => e && e.featureConfig.get().type === $.GAMES ? /* @__PURE__ */ t(
350
+ b0,
279
351
  {
280
352
  className: s,
281
- appNode: t,
353
+ appNode: n,
282
354
  responsiveStore: o,
283
355
  gamification: e
284
356
  }
285
- ) : null, g0 = () => P, L0 = /* @__PURE__ */ u(g0())({
357
+ ) : null, w0 = () => W, E0 = /* @__PURE__ */ u(w0())({
286
358
  name: "ButtonIcon",
287
359
  class: "b1whzxvd",
288
360
  propsAsIs: !0
289
- }), N = "channels", f0 = (e) => {
361
+ }), I = "channels", $0 = (e) => {
290
362
  var s;
291
- return /* @__PURE__ */ n(e2, {
363
+ return /* @__PURE__ */ t(a2, {
292
364
  ...e,
293
365
  id: "channels",
294
366
  label: "Channels",
295
- icon: /* @__PURE__ */ n(L0, {
367
+ icon: /* @__PURE__ */ t(E0, {
296
368
  name: "icon-btn-channels",
297
369
  "data-selected": (s = e.active) == null ? void 0 : s.toString()
298
370
  })
299
371
  });
300
- }, S0 = () => P, y0 = /* @__PURE__ */ u(S0())({
372
+ }, T0 = () => W, V0 = /* @__PURE__ */ u(T0())({
301
373
  name: "ButtonIcon",
302
374
  class: "b11des7c",
303
375
  propsAsIs: !0
304
- }), A = "featuredGroups", k0 = (e) => {
376
+ }), w = "featuredGroups", R0 = (e) => {
305
377
  var s;
306
- return /* @__PURE__ */ n(e2, {
378
+ return /* @__PURE__ */ t(a2, {
307
379
  ...e,
308
380
  label: e.labelFull ? "Featured Groups +" : "FG+",
309
381
  id: "featuredGroups",
310
- icon: /* @__PURE__ */ n(y0, {
382
+ icon: /* @__PURE__ */ t(V0, {
311
383
  name: "icon-btn-feature-groups",
312
384
  "data-selected": (s = e.active) == null ? void 0 : s.toString()
313
385
  })
314
386
  });
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: [
320
- /* @__PURE__ */ n(
321
- f0,
387
+ }, x0 = "leaderboard", F0 = q2(
388
+ ({ activeOverlay: e, setActiveOverlay: s, scrollToTop: n, sdkReady: o, className: r, responsiveStore: i }, a) => {
389
+ const { screen: p } = v(i, { keys: ["screen"] });
390
+ return /* @__PURE__ */ L(A2, { className: r, children: [
391
+ /* @__PURE__ */ L(w2, { children: [
392
+ /* @__PURE__ */ t(
393
+ $0,
322
394
  {
323
- active: e === N,
395
+ active: e === I,
324
396
  onClick: () => {
325
- s(N), e !== N && t();
397
+ s(I), e !== I && n();
326
398
  }
327
399
  }
328
400
  ),
329
- /* @__PURE__ */ n(
330
- k0,
401
+ /* @__PURE__ */ t(
402
+ R0,
331
403
  {
332
- active: e === A,
404
+ active: e === w,
333
405
  disabled: !o,
334
406
  onClick: () => {
335
- s(A), e !== A && t();
407
+ s(w), e !== w && n();
336
408
  },
337
- labelFull: p.size >= z.md && p.size < z.xl
409
+ labelFull: p.size >= b.md && p.size < b.xl
338
410
  }
339
411
  )
340
412
  ] }),
341
- /* @__PURE__ */ n(
413
+ /* @__PURE__ */ t(
342
414
  "div",
343
415
  {
344
416
  ref: a
@@ -346,59 +418,59 @@ const M = /* @__PURE__ */ u("div")({
346
418
  )
347
419
  ] });
348
420
  }
349
- ), A0 = /* @__PURE__ */ u("div")({
421
+ ), H0 = /* @__PURE__ */ u("div")({
350
422
  name: "Container",
351
423
  class: "czz4rjk",
352
424
  propsAsIs: !1
353
- }), I0 = /* @__PURE__ */ u("div")({
425
+ }), D0 = /* @__PURE__ */ u("div")({
354
426
  name: "CloseIconWrap",
355
427
  class: "cxmojsy",
356
428
  propsAsIs: !1
357
- }), $0 = () => P, E0 = /* @__PURE__ */ u($0())({
429
+ }), M0 = () => W, U0 = /* @__PURE__ */ u(M0())({
358
430
  name: "CloseIcon",
359
431
  class: "c1urm3yx",
360
432
  propsAsIs: !0
361
- }), V0 = /* @__PURE__ */ u("div")({
433
+ }), _0 = /* @__PURE__ */ u("div")({
362
434
  name: "Title",
363
435
  class: "tme976v",
364
436
  propsAsIs: !1
365
- }), w0 = /* @__PURE__ */ u("img")({
437
+ }), O0 = /* @__PURE__ */ u("img")({
366
438
  name: "SponsorLogo",
367
439
  class: "s1lal9yz",
368
440
  propsAsIs: !1
369
- }), R0 = /* @__PURE__ */ u("div")({
441
+ }), G0 = /* @__PURE__ */ u("div")({
370
442
  name: "PresentsTitle",
371
443
  class: "pnn1sv1",
372
444
  propsAsIs: !1
373
- }), H0 = /* @__PURE__ */ u("div")({
445
+ }), P0 = /* @__PURE__ */ u("div")({
374
446
  name: "Subtitle",
375
447
  class: "s1hjj1y8",
376
448
  propsAsIs: !1
377
- }), T0 = /* @__PURE__ */ u("div")({
449
+ }), z0 = /* @__PURE__ */ u("div")({
378
450
  name: "Description",
379
451
  class: "dz7yjzw",
380
452
  propsAsIs: !1
381
- }), x0 = /* @__PURE__ */ u("button")({
453
+ }), B0 = /* @__PURE__ */ u("button")({
382
454
  name: "ActionButton",
383
455
  class: "avpowqk",
384
456
  propsAsIs: !1
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" })
457
+ }), J = ({ close: e, action: s, onboarding: n }) => {
458
+ var o, r, i, a, p, c, d, l;
459
+ return /* @__PURE__ */ L(H0, { children: [
460
+ /* @__PURE__ */ t(D0, { onClick: e, children: /* @__PURE__ */ t(U0, { name: "icon-cross" }) }),
461
+ ((r = (o = n == null ? void 0 : n.titleCard) == null ? void 0 : o.media) == null ? void 0 : r.sponsorLogo) && /* @__PURE__ */ L(_0, { children: [
462
+ /* @__PURE__ */ t(O0, { alt: "sponsor-logo", src: (a = (i = n == null ? void 0 : n.titleCard) == null ? void 0 : i.media) == null ? void 0 : a.sponsorLogo }),
463
+ /* @__PURE__ */ t(G0, { children: "PRESENTS" })
392
464
  ] }),
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" })
465
+ ((p = n == null ? void 0 : n.titleCard) == null ? void 0 : p.title) && /* @__PURE__ */ t(P0, { children: (c = n == null ? void 0 : n.titleCard) == null ? void 0 : c.title }),
466
+ ((d = n == null ? void 0 : n.titleCard) == null ? void 0 : d.subtitle) && /* @__PURE__ */ t(z0, { children: (l = n == null ? void 0 : n.titleCard) == null ? void 0 : l.subtitle }),
467
+ /* @__PURE__ */ t(B0, { onClick: s, children: "Play Now" })
396
468
  ] });
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 = [{
469
+ }, W0 = "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", z = [{
398
470
  graphicSrc: "https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/step_1.png",
399
471
  tagline: "Featured groups+ experience",
400
- headline: /* @__PURE__ */ L(E, {
401
- children: ["Welcome to ", /* @__PURE__ */ n("br", {}), " Featured Groups +"]
472
+ headline: /* @__PURE__ */ L(V, {
473
+ children: ["Welcome to ", /* @__PURE__ */ t("br", {}), " Featured Groups +"]
402
474
  })
403
475
  }, {
404
476
  graphicSrc: "https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/step_2.png",
@@ -412,44 +484,44 @@ const M = /* @__PURE__ */ u("div")({
412
484
  }, {
413
485
  graphicSrc: "https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/step_5.png",
414
486
  headline: "Compete against friends on the leaderboard"
415
- }], D0 = /* @__PURE__ */ u("div")({
487
+ }], Z0 = /* @__PURE__ */ u("div")({
416
488
  name: "OnboardingContainer",
417
489
  class: "on59ra",
418
490
  propsAsIs: !1
419
- }), M0 = () => _, O0 = /* @__PURE__ */ u(M0())({
491
+ }), q0 = () => B, Q0 = /* @__PURE__ */ u(q0())({
420
492
  name: "OnboardingNotificationContainer",
421
493
  class: "op1wk5d",
422
494
  propsAsIs: !0
423
- }), W = /* @__PURE__ */ u("div")({
495
+ }), X = /* @__PURE__ */ u("div")({
424
496
  name: "InnerContainer",
425
497
  class: "i1i1g2vj",
426
498
  propsAsIs: !1
427
- }), U0 = ({
499
+ }), Y0 = ({
428
500
  deepLink: e,
429
501
  onboardingOpts: s,
430
- notification: t,
502
+ notification: n,
431
503
  gamification: o,
432
- loading: i,
433
- sdk: r
504
+ loading: r,
505
+ sdk: i
434
506
  }) => {
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);
507
+ var a, p, c, d, l, C, m;
508
+ const S = v(o.friends.getStore()), [h, f] = N(void 0), k = F(() => {
509
+ var g, R;
510
+ const Q = i.getInviter();
511
+ return Q ? (R = (g = S.data) == null ? void 0 : g.find(({
512
+ slId: u2
513
+ }) => u2 === Q)) == null ? void 0 : R.name : "";
514
+ }, [S.data, i]);
515
+ return y(() => {
516
+ const g = e.$store.subscribe((R) => {
517
+ R && f(R.data);
446
518
  });
447
519
  return () => {
448
- m();
520
+ g();
449
521
  };
450
- }, [e.$store]), /* @__PURE__ */ n(D0, {
451
- children: /* @__PURE__ */ n(I2, {
452
- loading: i,
522
+ }, [e.$store]), /* @__PURE__ */ t(Z0, {
523
+ children: /* @__PURE__ */ t($2, {
524
+ loading: r,
453
525
  rules: [{
454
526
  label: "Answer as many questions as you like.",
455
527
  icon: "icon-btn-feature-groups"
@@ -463,283 +535,283 @@ const M = /* @__PURE__ */ u("div")({
463
535
  rulesBtnLabel: (a = s.rules) == null ? void 0 : a.buttonLabel,
464
536
  rulesTitle: (p = s.rules) == null ? void 0 : p.heading,
465
537
  termsTitle: "Terms and Conditions",
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,
538
+ termsText: (c = s.rules) == null ? void 0 : c.terms,
539
+ steps: z,
540
+ primaryColor: (d = s.inviteCard) == null ? void 0 : d.iconColor,
541
+ inviteLink: h,
470
542
  inviteCardTitle: (l = s.inviteCard) == null ? void 0 : l.heading,
471
- inviteCardSubtext: (h = s.inviteCard) == null ? void 0 : h.subtext,
472
- inviteCardBtnLabel: (f = s.inviteCard) == null ? void 0 : f.buttonLabel,
543
+ inviteCardSubtext: (C = s.inviteCard) == null ? void 0 : C.subtext,
544
+ inviteCardBtnLabel: (m = s.inviteCard) == null ? void 0 : m.buttonLabel,
473
545
  onClose: () => {
474
- var m;
475
- (m = t.close) == null || m.call(t);
546
+ var g;
547
+ (g = n.close) == null || g.call(n);
476
548
  },
477
549
  gamification: o,
478
- sdk: r,
479
- inviterName: y
550
+ sdk: i,
551
+ inviterName: k
480
552
  })
481
553
  });
482
- }, _0 = ({
554
+ }, j0 = ({
483
555
  sdk: e,
484
556
  notification: s,
485
- saveHeight: t,
557
+ saveHeight: n,
486
558
  style: o,
487
- appNode: i,
488
- sdkInDesktopView: r,
559
+ appNode: r,
560
+ sdkInDesktopView: i,
489
561
  responsiveStore: a
490
562
  }) => {
491
563
  var p;
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, {
564
+ const c = E(null), d = s.data.onboarding, [l, C] = N(d == null ? void 0 : d.instantOpen), m = e.getFeature($.GAMES), S = F(() => z == null ? void 0 : z.map(({
565
+ graphicSrc: g
566
+ }) => g), []), {
567
+ screen: h
568
+ } = v(a, {
497
569
  keys: ["screen"]
498
570
  });
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);
502
- }, [t]);
571
+ (p = d == null ? void 0 : d.titleCard) != null && p.media && (d.titleCard.media.sponsorLogo = W0), Q2(() => {
572
+ var g;
573
+ n(((g = c.current) == null ? void 0 : g.getBoundingClientRect().height) || 0);
574
+ }, [n]);
503
575
  const {
504
- loading: g,
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, {
576
+ loading: f,
577
+ throttled: k
578
+ } = E2(S);
579
+ return l && m && d && r.current && !k ? /* @__PURE__ */ t(i2, {
580
+ container: r,
581
+ useContainer: !i,
582
+ children: /* @__PURE__ */ t(Y0, {
511
583
  notification: s,
512
- setOpened: h,
513
- gamification: f,
514
- onboardingOpts: c,
515
- deepLink: f.deepLink,
516
- loading: g,
584
+ setOpened: C,
585
+ gamification: m,
586
+ onboardingOpts: d,
587
+ deepLink: m.deepLink,
588
+ loading: f,
517
589
  sdk: e
518
590
  })
519
- }) : /* @__PURE__ */ L(E, {
520
- children: [/* @__PURE__ */ n(W, {
521
- ref: d,
591
+ }) : /* @__PURE__ */ L(V, {
592
+ children: [/* @__PURE__ */ t(X, {
593
+ ref: c,
522
594
  style: {
523
595
  position: "absolute",
524
596
  visibility: "hidden"
525
597
  },
526
- children: /* @__PURE__ */ n(Y, {
598
+ children: /* @__PURE__ */ t(J, {
527
599
  close: () => {
528
600
  },
529
601
  action: () => {
530
602
  },
531
- onboarding: c
603
+ onboarding: d
532
604
  })
533
- }), /* @__PURE__ */ n(O0, {
605
+ }), /* @__PURE__ */ t(Q0, {
534
606
  style: o,
535
607
  hiding: s.hiding,
536
- children: /* @__PURE__ */ n(W, {
537
- children: /* @__PURE__ */ n(Y, {
608
+ children: /* @__PURE__ */ t(X, {
609
+ children: /* @__PURE__ */ t(J, {
538
610
  close: s.close,
539
611
  action: () => {
540
- var m;
541
- h(!0), (((m = i.current) == null ? void 0 : m.getBoundingClientRect().y) || 0) < 0 && U(i, v.size, {
612
+ var g;
613
+ C(!0), (((g = r.current) == null ? void 0 : g.getBoundingClientRect().y) || 0) < 0 && Z(r, h.size, {
542
614
  behavior: "smooth"
543
615
  });
544
616
  },
545
- onboarding: c
617
+ onboarding: d
546
618
  })
547
619
  })
548
620
  })]
549
621
  });
550
- }, P0 = () => _, B0 = /* @__PURE__ */ u(P0())({
622
+ }, K0 = () => B, J0 = /* @__PURE__ */ u(K0())({
551
623
  name: "Container",
552
624
  class: "c1f0y7nw",
553
625
  propsAsIs: !0
554
- }), n2 = /* @__PURE__ */ u("div")({
626
+ }), p2 = /* @__PURE__ */ u("div")({
555
627
  name: "InnerContainer",
556
628
  class: "i1qa3p7a",
557
629
  propsAsIs: !1
558
- }), G0 = () => n2, z0 = /* @__PURE__ */ u(G0())({
630
+ }), X0 = () => p2, e1 = /* @__PURE__ */ u(X0())({
559
631
  name: "HiddenContainer",
560
632
  class: "hrthymv",
561
633
  propsAsIs: !0
562
- }), q0 = /* @__PURE__ */ u("div")({
634
+ }), s1 = /* @__PURE__ */ u("div")({
563
635
  name: "NotificationRefreshing",
564
636
  class: "n13rok4i",
565
637
  propsAsIs: !1
566
- }), Q0 = () => $2, Z0 = /* @__PURE__ */ u(Q0())({
638
+ }), n1 = () => T2, t1 = /* @__PURE__ */ u(n1())({
567
639
  name: "Pill",
568
640
  class: "pht79xf",
569
641
  propsAsIs: !0
570
- }), Y0 = (e) => {
571
- const [s, t] = b(0), o = $(null), i = R((a) => {
642
+ }), o1 = (e) => {
643
+ const [s, n] = N(0), o = E(null), r = x((a) => {
572
644
  o.current = a;
573
645
  }, []);
574
- k(() => {
646
+ y(() => {
575
647
  var a;
576
648
  const p = (a = o.current) == null ? void 0 : a.getBoundingClientRect();
577
- p && t(p.height);
649
+ p && n(p.height);
578
650
  }, [e]);
579
- const r = R((a) => {
580
- t(a);
651
+ const i = x((a) => {
652
+ n(a);
581
653
  }, []);
582
- return [i, s, r];
583
- }, W0 = ({
654
+ return [r, s, i];
655
+ }, r1 = ({
584
656
  sdk: e,
585
657
  notification: s,
586
- appNode: t,
658
+ appNode: n,
587
659
  responsiveStore: o
588
660
  }) => {
589
- var i, r;
661
+ var r, i;
590
662
  const {
591
663
  sdkInDesktopView: a
592
- } = C(o, {
664
+ } = v(o, {
593
665
  keys: ["sdkInDesktopView"]
594
666
  }), {
595
667
  sdk: p
596
- } = B(), [d, c, l] = Y0(s.id);
597
- return s.type === T.QUESTION ? /* @__PURE__ */ L(E, {
598
- children: [/* @__PURE__ */ n(z0, {
599
- ref: d,
600
- children: /* @__PURE__ */ n(q, {
668
+ } = q(), [c, d, l] = o1(s.id);
669
+ return s.type === H.QUESTION ? /* @__PURE__ */ L(V, {
670
+ children: [/* @__PURE__ */ t(e1, {
671
+ ref: c,
672
+ children: /* @__PURE__ */ t(Y, {
601
673
  ...s
602
674
  })
603
- }), /* @__PURE__ */ L(B0, {
675
+ }), /* @__PURE__ */ L(J0, {
604
676
  style: {
605
- height: s.hiding ? 0 : c
677
+ height: s.hiding ? 0 : d
606
678
  },
607
679
  hiding: s.hiding,
608
- children: [/* @__PURE__ */ n(n2, {
680
+ children: [/* @__PURE__ */ t(p2, {
609
681
  style: {
610
682
  height: "100%"
611
683
  },
612
- children: /* @__PURE__ */ n(q, {
684
+ children: /* @__PURE__ */ t(Y, {
613
685
  ...s,
614
686
  controlVideo: p == null ? void 0 : p.controlVideoPlayer
615
687
  })
616
- }), /* @__PURE__ */ n(q0, {}, s.id)]
688
+ }), /* @__PURE__ */ t(s1, {}, s.id)]
617
689
  })]
618
- }) : s.type === T.QUESTION_RESOLVED && (r = (i = s.data) == null ? void 0 : i.question) != null && r.predictionResult ? /* @__PURE__ */ n(V2, {
690
+ }) : s.type === H.QUESTION_RESOLVED && (i = (r = s.data) == null ? void 0 : r.question) != null && i.predictionResult ? /* @__PURE__ */ t(R2, {
619
691
  style: {
620
- height: s.hiding ? 0 : c
692
+ height: s.hiding ? 0 : d
621
693
  },
622
694
  saveHeight: l,
623
695
  close: s.close,
624
696
  hiding: s.hiding,
625
697
  ...s.data.question,
626
698
  mastersApp: !0
627
- }) : s.type === T.ONBOARDING ? /* @__PURE__ */ n(_0, {
699
+ }) : s.type === H.ONBOARDING ? /* @__PURE__ */ t(j0, {
628
700
  style: {
629
- height: s.hiding ? 0 : c
701
+ height: s.hiding ? 0 : d
630
702
  },
631
703
  saveHeight: l,
632
704
  sdk: e,
633
705
  notification: s,
634
706
  sdkInDesktopView: a,
635
- appNode: t,
707
+ appNode: n,
636
708
  responsiveStore: o
637
709
  }) : null;
638
- }, j0 = "p1co32q0", K0 = ({
710
+ }, i1 = "p1co32q0", a1 = ({
639
711
  pill: e,
640
712
  setPill: s,
641
- appNode: t,
713
+ appNode: n,
642
714
  headerNode: o,
643
- scrollNode: i,
644
- responsiveStore: r,
715
+ scrollNode: r,
716
+ responsiveStore: i,
645
717
  scrollStore: a
646
718
  }) => {
647
- var p, d;
719
+ var p, c;
648
720
  const {
649
- screen: c
650
- } = C(r, {
721
+ screen: d
722
+ } = v(i, {
651
723
  keys: ["screen"]
652
724
  }), {
653
725
  tabsShown: l,
654
- scrollPosition: h
655
- } = C(a, {
726
+ scrollPosition: C
727
+ } = v(a, {
656
728
  keys: ["tabsShown", "scrollPosition"]
657
729
  });
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"}`,
730
+ y(() => {
731
+ i.get().sdkInDesktopView ? C < 50 && s(null) : C > -50 && s(null);
732
+ }, [C, i, s]);
733
+ const m = i.get().sdkInDesktopView ? n : o;
734
+ return !e || !m.current ? null : x2.createPortal(/* @__PURE__ */ t(t1, {
735
+ title: e.type === H.QUESTION_RESOLVED ? "Prediction result" : `New ${((c = F2[(p = e.data) == null ? void 0 : p.questionType]) == null ? void 0 : c.label) || "notification"}`,
664
736
  onClick: () => {
665
737
  var S;
666
- r.get().sdkInDesktopView ? (S = i.current) == null || S.scrollTo({
738
+ i.get().sdkInDesktopView ? (S = r.current) == null || S.scrollTo({
667
739
  top: 0,
668
740
  behavior: "smooth"
669
- }) : U(t, c.size, {
741
+ }) : Z(n, d.size, {
670
742
  behavior: "smooth"
671
743
  }), s(null);
672
744
  },
673
- className: H2(l && j0, "sl-pill-button")
674
- }), f.current);
675
- }, X0 = ({
745
+ className: H2(l && i1, "sl-pill-button")
746
+ }), m.current);
747
+ }, l1 = ({
676
748
  sdk: e,
677
749
  headerNode: s,
678
- scrollNode: t,
750
+ scrollNode: n,
679
751
  responsiveStore: o,
680
- appNode: i,
681
- scrollStore: r
752
+ appNode: r,
753
+ scrollStore: i
682
754
  }) => {
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", {
755
+ const [a] = N(e.getNotificationsStore()), p = v(a), [c, d] = N(null), l = F(() => e.getActiveNotification(), [e, p]);
756
+ return y(() => {
757
+ l && V2.emit("notification", {
686
758
  action: "rendered",
687
759
  payload: {
688
760
  questionId: l.data.questionId,
689
761
  questionType: l.data.questionType
690
762
  }
691
763
  });
692
- }, [l]), k(() => {
693
- l && (o.get().sdkInDesktopView || o.get().sdkInView) && (!o.get().sdkInDesktopView && o.get().sdkInView && c(l), o.get().sdkInDesktopView && window.requestAnimationFrame(() => {
694
- r.get().scrollPosition !== 0 && c(l);
764
+ }, [l]), y(() => {
765
+ l && (o.get().sdkInDesktopView || o.get().sdkInView) && (!o.get().sdkInDesktopView && o.get().sdkInView && d(l), o.get().sdkInDesktopView && window.requestAnimationFrame(() => {
766
+ i.get().scrollPosition !== 0 && d(l);
695
767
  }));
696
- }, [l]), k(() => {
697
- l || c(null);
698
- }, [l]), /* @__PURE__ */ L(E, {
699
- children: [!d && l && /* @__PURE__ */ n(W0, {
768
+ }, [l]), y(() => {
769
+ l || d(null);
770
+ }, [l]), /* @__PURE__ */ L(V, {
771
+ children: [!c && l && /* @__PURE__ */ t(r1, {
700
772
  headerNode: s,
701
- appNode: i,
773
+ appNode: r,
702
774
  sdk: e,
703
775
  notification: l,
704
776
  responsiveStore: o
705
- }), d && /* @__PURE__ */ n(K0, {
706
- pill: d,
707
- setPill: c,
708
- appNode: i,
777
+ }), c && /* @__PURE__ */ t(a1, {
778
+ pill: c,
779
+ setPill: d,
780
+ appNode: r,
709
781
  notification: l,
710
782
  headerNode: s,
711
- scrollNode: t,
712
- scrollStore: r,
783
+ scrollNode: n,
784
+ scrollStore: i,
713
785
  responsiveStore: o
714
786
  })]
715
787
  });
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);
788
+ }, d1 = (e) => {
789
+ const s = E(""), [n, o] = N(!1), r = v(e.status), i = v(e.sdkStore.slStreamId), a = v(e.userId()), p = v(e.getActiveFeature()), c = r === "ready" && !!i.data, [d, l] = N(w), C = x(
790
+ (h, f) => {
791
+ l(f), h && e.createEventSession(h), f === w ? window.requestAnimationFrame(() => {
792
+ e.openFeature($.GAMES);
721
793
  }) : e.closeFeature(!1);
722
794
  },
723
795
  [e]
724
796
  );
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());
797
+ y(() => {
798
+ !c && d === w && (l(I), e.closeFeature(!0));
799
+ }, [c, d, e]), y(() => {
800
+ p === $.GAMES ? l(w) : p === $.UNSET && l(I);
801
+ const h = e.getFeature($.GAMES);
802
+ h && (h.closeQuestion(), h.closeUser());
731
803
  }, [p, e]);
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);
804
+ const m = x(
805
+ (h) => {
806
+ s.current = h, o(!0), e.initializeApp({ skipOrganizationSettings: !0 }).then(({ enabled: f, err: k }) => {
807
+ if (k) {
808
+ C(h, I);
737
809
  return;
738
810
  }
739
- if (g) {
740
- e.isUserAuthorized().then((m) => {
741
- if (m) {
742
- h(v, N);
811
+ if (f) {
812
+ e.isUserAuthorized().then((g) => {
813
+ if (g) {
814
+ C(h, I);
743
815
  return;
744
816
  } else
745
817
  e.disableApp();
@@ -748,33 +820,70 @@ const M = /* @__PURE__ */ u("div")({
748
820
  }
749
821
  });
750
822
  },
751
- [h, e]
752
- ), S = R(() => {
823
+ [C, e]
824
+ ), S = x(() => {
753
825
  o(!1), e.disableApp();
754
826
  }, [e]);
755
- return k(() => {
827
+ return y(() => {
756
828
  if (!a) {
757
- d && (l(N), e.disableApp());
829
+ c && (l(I), e.disableApp());
758
830
  return;
759
831
  }
760
- if (a && s.current && t) {
832
+ if (a && s.current && n) {
761
833
  e.initializeApp({ skipOrganizationSettings: !0 }).then(() => {
762
834
  e.createEventSession(s.current);
763
835
  });
764
836
  return;
765
837
  }
766
- }, [a]), k(() => () => {
838
+ }, [a]), y(() => () => {
767
839
  o(!1), e.disableApp();
768
840
  }, [o, e]), {
769
- sdkEnabled: t,
770
- sdkReady: d,
771
- activeOverlay: c,
772
- activateAndLoadOverlay: h,
773
- activateEventWithId: f,
841
+ sdkEnabled: n,
842
+ sdkReady: c,
843
+ activeOverlay: d,
844
+ activateAndLoadOverlay: C,
845
+ activateEventWithId: m,
774
846
  deactivate: S,
775
847
  isLogged: !!a
776
848
  };
777
- }, e1 = {
849
+ }, e2 = Object.keys(b), G = () => {
850
+ const e = window.innerWidth;
851
+ let s = "sm";
852
+ for (let n = e2.length - 1; n > 0; n--) {
853
+ const o = e2[n];
854
+ if (!(e < b[o]) && e >= b[o]) {
855
+ s = o;
856
+ break;
857
+ }
858
+ }
859
+ return {
860
+ name: s,
861
+ size: b[s]
862
+ };
863
+ }, s2 = (e) => {
864
+ var s;
865
+ return (((s = e.current) == null ? void 0 : s.getBoundingClientRect().y) || 0) < -68;
866
+ }, n2 = (e) => e >= b.xl, c1 = (e) => {
867
+ const [s] = N(() => {
868
+ const n = G();
869
+ return t2({
870
+ screen: G(),
871
+ sdkInView: s2(e),
872
+ sdkInDesktopView: n2(n.size)
873
+ });
874
+ });
875
+ return y(() => {
876
+ const n = P(() => {
877
+ s.setKey("sdkInView", s2(e));
878
+ }, 200), o = P(() => {
879
+ const r = G();
880
+ s.setKey("screen", r), s.setKey("sdkInDesktopView", n2(r.size));
881
+ }, 200);
882
+ return window.addEventListener("scroll", n), window.addEventListener("resize", o), () => {
883
+ window.removeEventListener("scroll", n), window.removeEventListener("resize", o);
884
+ };
885
+ }, [s, e]), [s];
886
+ }, p1 = {
778
887
  BG_TRANSPARENT: "rgba(0,0,0, .8)",
779
888
  BLUE_QUESTION_ACTION_BTN: "#1589ee",
780
889
  WHITE: "#FFFFFF",
@@ -788,6 +897,7 @@ const M = /* @__PURE__ */ u("div")({
788
897
  UNSUCCESS: "#DF2F3B",
789
898
  SECONDARY_RED1: "#DF2F3B",
790
899
  NEUTRALS_WHITE: "#FFFFFF",
900
+ NEUTRALS_WHITE1: "#FFFFFF",
791
901
  NEUTRALS_GRAY1: "#F7F7F7",
792
902
  NEUTRALS_GRAY2: "#F2F2F1",
793
903
  NEUTRALS_GRAY3: "#E8E8E8",
@@ -796,111 +906,112 @@ const M = /* @__PURE__ */ u("div")({
796
906
  NEUTRALS_GRAY6: "#888B8D",
797
907
  NEUTRALS_GRAY7: "#6B6F73",
798
908
  NEUTRALS_GRAY9: "#25282A"
799
- }, w = {
909
+ }, A = {
910
+ ...T,
800
911
  REGULAR: "'Benton Sans', BentonSans, Arial, Helvetica, sans-serif",
801
912
  SERIF: "'Tiempos', 'Tiempos Text', Times New Roman, serif",
802
913
  COLOR: "#fff",
803
914
  WEIGHT_DEFAULT: "500"
804
- }, s1 = Object.entries(e1).reduce((e, [s, t]) => `
915
+ }, u1 = Object.entries(p1).reduce((e, [s, n]) => `
805
916
  ${e}
806
- --color-${s.toLowerCase().replaceAll("_", "-")}: ${t};
917
+ --color-${s.toLowerCase().replaceAll("_", "-")}: ${n};
807
918
  `, "");
808
- `${s1}${w.REGULAR}${w.REGULAR}${w.COLOR}${w.SERIF}${w.WEIGHT_DEFAULT}${Q.down("xl")`
919
+ `${u1}${A.REGULAR}${A.REGULAR}${A.COLOR}${A.SERIF}${A.WEIGHT_DEFAULT}${A.WEIGHT_DEFAULT1}${A.WEIGHT_DEFAULT2}${A.WEIGHT_DEFAULT3}${T.SIZE_DEFAULT}${T.SIZE_DEFAULT1}${T.SIZE_DEFAULT2}${T.LINE_HEIGHT}${T.MARGIN_TITLE_DEFAULT}${j.down("xl")`
809
920
  --header-offset: 56px;
810
921
  --watch-live-header: 46px;
811
- `}${Q.intermediate("xl", "lg")`
922
+ `}${j.intermediate("xl", "lg")`
812
923
  --header-offset: 76px;
813
924
  `}`;
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 }) => {
925
+ const C1 = "m1ojpy2l", v1 = ({ children: e, style: s }) => /* @__PURE__ */ t("div", { className: "StreamLayerSDKTheme", children: /* @__PURE__ */ t("div", { className: C1, style: s, children: e }) }), h1 = ({ sdk: e, className: s, scrollStore: n, appNode: o, scrollNode: r, responsiveStore: i }) => {
815
926
  const [, a] = _2(e);
816
- return /* @__PURE__ */ n(
817
- h0,
927
+ return /* @__PURE__ */ t(
928
+ I0,
818
929
  {
819
930
  className: s,
820
- scrollNode: i,
931
+ scrollNode: r,
821
932
  appNode: o,
822
- scrollStore: t,
933
+ scrollStore: n,
823
934
  feature: a,
824
- responsiveStore: r,
935
+ responsiveStore: i,
825
936
  sdk: e
826
937
  }
827
938
  );
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);
832
- return a ? /* @__PURE__ */ n(
833
- m0,
939
+ }, m1 = ({ sdk: e, className: s, appNode: n, responsiveStore: o }) => {
940
+ const r = v(e.featuresList.getStore());
941
+ return r ? Array.from(r, (i) => {
942
+ const a = e.getFeature(i);
943
+ return a ? /* @__PURE__ */ t(
944
+ A0,
834
945
  {
835
946
  className: s,
836
- appNode: t,
947
+ appNode: n,
837
948
  feature: a,
838
949
  responsiveStore: o,
839
950
  sdk: e
840
951
  },
841
- r
952
+ i
842
953
  ) : null;
843
954
  }) : null;
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, {
847
- enabled: d,
955
+ }, g1 = ({ sdk: e, overlays: s, children: n }) => {
956
+ const o = E(null), r = E(null), [i] = c1(o), [a, p] = a0(o, i), { sdkEnabled: c, sdkReady: d, activeOverlay: l, activateAndLoadOverlay: C, activateEventWithId: m, deactivate: S, isLogged: h } = d1(e);
957
+ U(o, { enabled: c, event: "click", listener: D2 }), U(a, {
958
+ enabled: c,
848
959
  event: "scrollend",
849
- listener: D2,
960
+ listener: M2,
850
961
  useDomNode: !0
851
- }), F(a, {
852
- enabled: d,
962
+ }), U(a, {
963
+ enabled: c,
853
964
  event: "click",
854
- listener: M2,
965
+ listener: U2,
855
966
  useDomNode: !0
856
967
  });
857
- const g = H(() => ({ sdk: e }), [e]);
858
- return k(() => {
968
+ const f = F(() => ({ sdk: e }), [e]);
969
+ return y(() => {
859
970
  import("./gamification-feature2.js");
860
- }, []), /* @__PURE__ */ n(t2.Provider, { value: g, children: /* @__PURE__ */ L(O2, { ref: o, children: [
861
- d && /* @__PURE__ */ n(
862
- b0,
971
+ }, []), /* @__PURE__ */ t(c2.Provider, { value: f, children: /* @__PURE__ */ L(K2, { ref: o, children: [
972
+ c && /* @__PURE__ */ t(
973
+ F0,
863
974
  {
864
- ref: i,
865
- sdkReady: c,
975
+ ref: r,
976
+ sdkReady: d,
866
977
  activeOverlay: l,
867
- className: D,
868
- setActiveOverlay: (y) => h("", y),
978
+ className: _,
979
+ setActiveOverlay: (k) => C("", k),
869
980
  scrollToTop: () => {
870
- var y;
871
- return (y = a.current) == null ? void 0 : y.scrollTo(0, 0);
981
+ var k;
982
+ return (k = a.current) == null ? void 0 : k.scrollTo(0, 0);
872
983
  },
873
- responsiveStore: r
984
+ responsiveStore: i
874
985
  }
875
986
  ),
876
- /* @__PURE__ */ L(U2, { className: "sl-hide-on-modal", ref: a, "data-nav": d.toString(), children: [
877
- c && /* @__PURE__ */ n(
878
- X0,
987
+ /* @__PURE__ */ L(J2, { className: "sl-hide-on-modal", ref: a, "data-nav": c.toString(), children: [
988
+ d && /* @__PURE__ */ t(
989
+ l1,
879
990
  {
880
991
  sdk: e,
881
992
  scrollNode: a,
882
- headerNode: i,
993
+ headerNode: r,
883
994
  appNode: o,
884
995
  scrollStore: p,
885
- responsiveStore: r
996
+ responsiveStore: i
886
997
  }
887
998
  ),
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,
999
+ /* @__PURE__ */ t("div", { style: !c || l === I ? {} : { display: "none" }, children: n && n({ activateEventWithId: m, deactivate: S }) }),
1000
+ s && l === x0 && s[l],
1001
+ d && l === w && /* @__PURE__ */ t(
1002
+ h1,
892
1003
  {
893
1004
  scrollStore: p,
894
- responsiveStore: r,
1005
+ responsiveStore: i,
895
1006
  scrollNode: a,
896
1007
  appNode: o,
897
- className: D,
1008
+ className: _,
898
1009
  sdk: e
899
1010
  }
900
1011
  ),
901
- c && /* @__PURE__ */ n(r1, { responsiveStore: r, appNode: o, className: D, sdk: e })
1012
+ d && /* @__PURE__ */ t(m1, { responsiveStore: i, appNode: o, className: _, sdk: e })
902
1013
  ] }),
903
- d && !v && /* @__PURE__ */ n(
1014
+ c && !h && /* @__PURE__ */ t(
904
1015
  "div",
905
1016
  {
906
1017
  style: { display: "flex", alignItems: "center", justifyContent: "center", width: "100%", height: "100%" },
@@ -908,37 +1019,37 @@ const t1 = "m1ojpy2l", n1 = ({ children: e, style: s }) => /* @__PURE__ */ n("di
908
1019
  }
909
1020
  )
910
1021
  ] }) });
911
- }, C1 = ({ sdkKey: e, plugins: s, children: t, onDeepLinkHandled: o, videoPlayerController: i, production: r = !0 }) => /* @__PURE__ */ n(
912
- P2,
1022
+ }, N1 = ({ sdkKey: e, plugins: s, children: n, onDeepLinkHandled: o, videoPlayerController: r, production: i = !0 }) => /* @__PURE__ */ t(
1023
+ O2,
913
1024
  {
914
1025
  sdkKey: e,
915
1026
  plugins: s,
916
- production: r,
1027
+ production: i,
917
1028
  autoEnable: !1,
918
1029
  onDeepLinkHandled: o,
919
- videoPlayerController: i,
920
- children: t
1030
+ videoPlayerController: r,
1031
+ children: n
921
1032
  }
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({});
1033
+ ), f1 = ({ children: e, overlays: s }) => {
1034
+ const { sdk: n, status: o } = l2(G2);
1035
+ return o === P2.UNSET ? (console.error("Wrap app in `StreamLayerProvider`"), e({})) : n ? /* @__PURE__ */ t("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ t(v1, { style: { height: "100%" }, children: /* @__PURE__ */ t(g1, { sdk: n, overlays: s, children: e }) }) }) : e({});
925
1036
  };
926
- class v1 extends j2 {
1037
+ class I1 extends Y2 {
927
1038
  constructor(s) {
928
1039
  super(s), this.state = { hasError: !1 };
929
1040
  }
930
1041
  static getDerivedStateFromError() {
931
1042
  return { hasError: !0 };
932
1043
  }
933
- componentDidCatch(s, t) {
934
- console.error(s, t.componentStack);
1044
+ componentDidCatch(s, n) {
1045
+ console.error(s, n.componentStack);
935
1046
  }
936
1047
  render() {
937
- return this.state.hasError ? this.props.children({}) : /* @__PURE__ */ n(a1, { ...this.props });
1048
+ return this.state.hasError ? this.props.children({}) : /* @__PURE__ */ t(f1, { ...this.props });
938
1049
  }
939
1050
  }
940
1051
  export {
941
- C1 as M,
942
- v1 as a,
943
- u1 as z
1052
+ N1 as M,
1053
+ I1 as a,
1054
+ b1 as z
944
1055
  };