@streamlayer/react 0.30.4 → 0.30.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/cjs/gamification-feature.js +1 -1
- package/lib/cjs/masters2.js +2 -2
- package/lib/dist/cjs/gamification-feature.js +1 -1
- package/lib/dist/cjs/masters.js +3 -3
- package/lib/dist/es/gamification-feature.js +132 -127
- package/lib/dist/es/masters.js +32 -26
- package/lib/dist/style.css +1 -1
- package/lib/es/gamification-feature.js +226 -221
- package/lib/es/masters2.js +304 -298
- package/lib/style.css +1 -1
- package/package.json +5 -5
package/lib/es/masters2.js
CHANGED
|
@@ -72,7 +72,7 @@ const Jt = ({ feature: s, sdk: o, children: l, className: d }) => {
|
|
|
72
72
|
name: "ButtonIcon",
|
|
73
73
|
class: "b180jd7l",
|
|
74
74
|
propsAsIs: !0
|
|
75
|
-
}),
|
|
75
|
+
}), Ae = "leaderboard", dr = (s) => {
|
|
76
76
|
var o;
|
|
77
77
|
return /* @__PURE__ */ c(Ue, {
|
|
78
78
|
...s,
|
|
@@ -112,8 +112,8 @@ const Jt = ({ feature: s, sdk: o, children: l, className: d }) => {
|
|
|
112
112
|
/* @__PURE__ */ c(
|
|
113
113
|
dr,
|
|
114
114
|
{
|
|
115
|
-
active: s ===
|
|
116
|
-
onClick: () => o(
|
|
115
|
+
active: s === Ae,
|
|
116
|
+
onClick: () => o(Ae)
|
|
117
117
|
}
|
|
118
118
|
)
|
|
119
119
|
] }), wr = {
|
|
@@ -128,11 +128,11 @@ const Jt = ({ feature: s, sdk: o, children: l, className: d }) => {
|
|
|
128
128
|
name: "Container",
|
|
129
129
|
class: "c1bgb86j",
|
|
130
130
|
propsAsIs: !1
|
|
131
|
-
}),
|
|
131
|
+
}), Ar = /* @__PURE__ */ h("video")({
|
|
132
132
|
name: "Player",
|
|
133
133
|
class: "p6703cq",
|
|
134
134
|
propsAsIs: !1
|
|
135
|
-
}),
|
|
135
|
+
}), xr = /* @__PURE__ */ h("img")({
|
|
136
136
|
name: "Poster",
|
|
137
137
|
class: "p12ow7zo",
|
|
138
138
|
propsAsIs: !1
|
|
@@ -147,7 +147,7 @@ const Jt = ({ feature: s, sdk: o, children: l, className: d }) => {
|
|
|
147
147
|
n && m((w) => w ? (n.pause(), !1) : (n.play(), f(!1), !0));
|
|
148
148
|
}, children: [
|
|
149
149
|
/* @__PURE__ */ c(
|
|
150
|
-
|
|
150
|
+
Ar,
|
|
151
151
|
{
|
|
152
152
|
ref: l,
|
|
153
153
|
src: o,
|
|
@@ -158,40 +158,46 @@ const Jt = ({ feature: s, sdk: o, children: l, className: d }) => {
|
|
|
158
158
|
style: { visibility: g ? "hidden" : "visible" }
|
|
159
159
|
}
|
|
160
160
|
),
|
|
161
|
-
/* @__PURE__ */ c(
|
|
161
|
+
/* @__PURE__ */ c(xr, { src: s, style: { visibility: g ? "visible" : "hidden" } }),
|
|
162
162
|
/* @__PURE__ */ c(br, { children: !d && /* @__PURE__ */ c(z, { name: "icon-play" }) })
|
|
163
163
|
] });
|
|
164
164
|
}, Br = /* @__PURE__ */ h("div")({
|
|
165
165
|
name: "InsightContainer",
|
|
166
166
|
class: "i1pqqgpo",
|
|
167
167
|
propsAsIs: !1
|
|
168
|
-
}), vr = /* @__PURE__ */ h("
|
|
169
|
-
name: "
|
|
168
|
+
}), vr = /* @__PURE__ */ h("img")({
|
|
169
|
+
name: "Image",
|
|
170
170
|
class: "igj7luu",
|
|
171
171
|
propsAsIs: !1
|
|
172
|
-
}), _r = /* @__PURE__ */ h("
|
|
172
|
+
}), _r = /* @__PURE__ */ h("div")({
|
|
173
|
+
name: "InsightContent",
|
|
174
|
+
class: "i1qne9g6",
|
|
175
|
+
propsAsIs: !1
|
|
176
|
+
}), Cr = /* @__PURE__ */ h("h3")({
|
|
173
177
|
name: "Title",
|
|
174
|
-
class: "
|
|
178
|
+
class: "ttpr98r",
|
|
175
179
|
propsAsIs: !1
|
|
176
|
-
}),
|
|
180
|
+
}), Tr = /* @__PURE__ */ h("div")({
|
|
177
181
|
name: "Description",
|
|
178
|
-
class: "
|
|
182
|
+
class: "d17iaqp8",
|
|
179
183
|
propsAsIs: !1
|
|
180
|
-
}),
|
|
184
|
+
}), Fr = /* @__PURE__ */ h("button")({
|
|
181
185
|
name: "ActionBtn",
|
|
182
|
-
class: "
|
|
186
|
+
class: "a16t3y7s",
|
|
183
187
|
propsAsIs: !1
|
|
184
|
-
}),
|
|
188
|
+
}), $r = ({
|
|
185
189
|
video: s,
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
190
|
+
image: o,
|
|
191
|
+
heading: l,
|
|
192
|
+
body: d,
|
|
193
|
+
action: m
|
|
189
194
|
}) => /* @__PURE__ */ I(Br, { children: [
|
|
190
195
|
(s == null ? void 0 : s.url) && /* @__PURE__ */ c(Er, { source: s.url, poster: s.thumbnailUrl }),
|
|
191
|
-
/* @__PURE__ */
|
|
192
|
-
|
|
196
|
+
o && /* @__PURE__ */ c(vr, { src: o }),
|
|
197
|
+
/* @__PURE__ */ I(_r, { children: [
|
|
193
198
|
/* @__PURE__ */ c(Cr, { children: l }),
|
|
194
|
-
|
|
199
|
+
/* @__PURE__ */ c(Tr, { children: d }),
|
|
200
|
+
m && /* @__PURE__ */ c(Fr, { onClick: m, children: "View Insight" })
|
|
195
201
|
] })
|
|
196
202
|
] }), ne = /* @__PURE__ */ h("div")({
|
|
197
203
|
name: "BGWrap",
|
|
@@ -201,67 +207,67 @@ const Jt = ({ feature: s, sdk: o, children: l, className: d }) => {
|
|
|
201
207
|
name: "BGLineBase",
|
|
202
208
|
class: "b1v6w7ni",
|
|
203
209
|
propsAsIs: !1
|
|
204
|
-
}),
|
|
210
|
+
}), kr = () => D, Sr = /* @__PURE__ */ h(kr())({
|
|
205
211
|
name: "BGOneLineOne",
|
|
206
212
|
class: "b2nqb1p",
|
|
207
213
|
propsAsIs: !0
|
|
208
|
-
}),
|
|
214
|
+
}), Lr = () => D, Nr = /* @__PURE__ */ h(Lr())({
|
|
209
215
|
name: "BGOneLineTwo",
|
|
210
216
|
class: "b1xxgmbk",
|
|
211
217
|
propsAsIs: !0
|
|
212
|
-
}),
|
|
218
|
+
}), Rr = () => D, Ur = /* @__PURE__ */ h(Rr())({
|
|
213
219
|
name: "BGOneLineThree",
|
|
214
220
|
class: "b63lwcb",
|
|
215
221
|
propsAsIs: !0
|
|
216
|
-
}),
|
|
222
|
+
}), zr = () => D, Xe = /* @__PURE__ */ h(zr())({
|
|
217
223
|
name: "BGTwoLineOne",
|
|
218
224
|
class: "b2iah4",
|
|
219
225
|
propsAsIs: !0
|
|
220
|
-
}),
|
|
226
|
+
}), Or = () => D, Je = /* @__PURE__ */ h(Or())({
|
|
221
227
|
name: "BGTwoLineTwo",
|
|
222
228
|
class: "b1xezvf6",
|
|
223
229
|
propsAsIs: !0
|
|
224
|
-
}),
|
|
230
|
+
}), Dr = () => D, Ze = /* @__PURE__ */ h(Dr())({
|
|
225
231
|
name: "BGTwoLineThree",
|
|
226
232
|
class: "b1jz1hg0",
|
|
227
233
|
propsAsIs: !0
|
|
228
|
-
}),
|
|
234
|
+
}), Pr = () => D, et = /* @__PURE__ */ h(Pr())({
|
|
229
235
|
name: "BGThreeLineOne",
|
|
230
236
|
class: "b18ho1tk",
|
|
231
237
|
propsAsIs: !0
|
|
232
|
-
}),
|
|
238
|
+
}), Mr = () => D, tt = /* @__PURE__ */ h(Mr())({
|
|
233
239
|
name: "BGThreeLineTwo",
|
|
234
240
|
class: "b14uvjfm",
|
|
235
241
|
propsAsIs: !0
|
|
236
|
-
}),
|
|
242
|
+
}), qr = () => D, rt = /* @__PURE__ */ h(qr())({
|
|
237
243
|
name: "BGThreeLineThree",
|
|
238
244
|
class: "b11c3ns7",
|
|
239
245
|
propsAsIs: !0
|
|
240
|
-
}),
|
|
246
|
+
}), jr = () => D, it = /* @__PURE__ */ h(jr())({
|
|
241
247
|
name: "BGThreeLineFour",
|
|
242
248
|
class: "b1bqhhet",
|
|
243
249
|
propsAsIs: !0
|
|
244
|
-
}),
|
|
250
|
+
}), Gr = () => D, Wr = /* @__PURE__ */ h(Gr())({
|
|
245
251
|
name: "BGFourLineOne",
|
|
246
252
|
class: "b1xyzi7o",
|
|
247
253
|
propsAsIs: !0
|
|
248
|
-
}),
|
|
254
|
+
}), Hr = () => D, Yr = /* @__PURE__ */ h(Hr())({
|
|
249
255
|
name: "BGFourLineTwo",
|
|
250
256
|
class: "byo0rup",
|
|
251
257
|
propsAsIs: !0
|
|
252
|
-
}),
|
|
258
|
+
}), Vr = () => D, Qr = /* @__PURE__ */ h(Vr())({
|
|
253
259
|
name: "BGFourLineThree",
|
|
254
260
|
class: "b1oyiqgv",
|
|
255
261
|
propsAsIs: !0
|
|
256
|
-
}),
|
|
262
|
+
}), Kr = () => D, Xr = /* @__PURE__ */ h(Kr())({
|
|
257
263
|
name: "BGFourLineFour",
|
|
258
264
|
class: "bx3ddqw",
|
|
259
265
|
propsAsIs: !0
|
|
260
|
-
}),
|
|
266
|
+
}), Jr = ({ step: s, correct: o }) => /* @__PURE__ */ I(me, { children: [
|
|
261
267
|
/* @__PURE__ */ I(ne, { "data-active": s === 1, "data-first-screen": "true", children: [
|
|
262
|
-
/* @__PURE__ */ c(
|
|
263
|
-
/* @__PURE__ */ c(
|
|
264
|
-
/* @__PURE__ */ c(
|
|
268
|
+
/* @__PURE__ */ c(Sr, {}),
|
|
269
|
+
/* @__PURE__ */ c(Nr, {}),
|
|
270
|
+
/* @__PURE__ */ c(Ur, {})
|
|
265
271
|
] }),
|
|
266
272
|
/* @__PURE__ */ I(ne, { "data-active": s === 2, children: [
|
|
267
273
|
/* @__PURE__ */ c(Xe, {}),
|
|
@@ -287,16 +293,16 @@ const Jt = ({ feature: s, sdk: o, children: l, className: d }) => {
|
|
|
287
293
|
/* @__PURE__ */ c(it, {})
|
|
288
294
|
] })
|
|
289
295
|
] }) : /* @__PURE__ */ I(ne, { "data-active": s === 4, "data-correct": "false", "data-last-screen": "true", children: [
|
|
290
|
-
/* @__PURE__ */ c(
|
|
291
|
-
/* @__PURE__ */ c(
|
|
292
|
-
/* @__PURE__ */ c(
|
|
293
|
-
/* @__PURE__ */ c(
|
|
296
|
+
/* @__PURE__ */ c(Wr, {}),
|
|
297
|
+
/* @__PURE__ */ c(Yr, {}),
|
|
298
|
+
/* @__PURE__ */ c(Qr, {}),
|
|
299
|
+
/* @__PURE__ */ c(Xr, {})
|
|
294
300
|
] })
|
|
295
|
-
] }),
|
|
301
|
+
] }), Zr = /* @__PURE__ */ h("div")({
|
|
296
302
|
name: "Container",
|
|
297
303
|
class: "c10131zw",
|
|
298
304
|
propsAsIs: !1
|
|
299
|
-
}),
|
|
305
|
+
}), ei = /* @__PURE__ */ h("div")({
|
|
300
306
|
name: "AnimateContent",
|
|
301
307
|
class: "ar6k2eo",
|
|
302
308
|
propsAsIs: !1
|
|
@@ -312,7 +318,7 @@ const Jt = ({ feature: s, sdk: o, children: l, className: d }) => {
|
|
|
312
318
|
name: "Subtitle",
|
|
313
319
|
class: "s1pjil1h",
|
|
314
320
|
propsAsIs: !1
|
|
315
|
-
}),
|
|
321
|
+
}), ti = () => fe, nt = /* @__PURE__ */ h(ti())({
|
|
316
322
|
name: "SubtitleFG",
|
|
317
323
|
class: "s1iorwr9",
|
|
318
324
|
propsAsIs: !0
|
|
@@ -320,7 +326,7 @@ const Jt = ({ feature: s, sdk: o, children: l, className: d }) => {
|
|
|
320
326
|
name: "AnswerText",
|
|
321
327
|
class: "a51sv9d",
|
|
322
328
|
propsAsIs: !1
|
|
323
|
-
}),
|
|
329
|
+
}), ri = () => z, ve = /* @__PURE__ */ h(ri())({
|
|
324
330
|
name: "FeedbackIcon",
|
|
325
331
|
class: "f1lbk2ye",
|
|
326
332
|
propsAsIs: !0
|
|
@@ -328,11 +334,11 @@ const Jt = ({ feature: s, sdk: o, children: l, className: d }) => {
|
|
|
328
334
|
name: "CloseButton",
|
|
329
335
|
class: "crcvk3t",
|
|
330
336
|
propsAsIs: !1
|
|
331
|
-
}),
|
|
337
|
+
}), ii = () => z, ot = /* @__PURE__ */ h(ii())({
|
|
332
338
|
name: "CloseIcon",
|
|
333
339
|
class: "c33p82r",
|
|
334
340
|
propsAsIs: !0
|
|
335
|
-
}),
|
|
341
|
+
}), ni = ({
|
|
336
342
|
close: s,
|
|
337
343
|
votedAnswer: o,
|
|
338
344
|
correct: l,
|
|
@@ -344,9 +350,9 @@ const Jt = ({ feature: s, sdk: o, children: l, className: d }) => {
|
|
|
344
350
|
g((n) => l && n > 4 || !l && n > 3 ? n : ++n);
|
|
345
351
|
}, 6e3);
|
|
346
352
|
return () => clearInterval(f);
|
|
347
|
-
}, [l]), /* @__PURE__ */ I(
|
|
348
|
-
/* @__PURE__ */ c(
|
|
349
|
-
/* @__PURE__ */ I(
|
|
353
|
+
}, [l]), /* @__PURE__ */ I(Zr, { "data-bg-color-white": m > 3, children: [
|
|
354
|
+
/* @__PURE__ */ c(Jr, { step: m, correct: l }),
|
|
355
|
+
/* @__PURE__ */ I(ei, { "data-active-number": m, children: [
|
|
350
356
|
/* @__PURE__ */ I(se, { children: [
|
|
351
357
|
/* @__PURE__ */ c(oe, { children: "Master" }),
|
|
352
358
|
/* @__PURE__ */ c(nt, { children: "FEATURED GROUPS +" })
|
|
@@ -399,143 +405,143 @@ const Jt = ({ feature: s, sdk: o, children: l, className: d }) => {
|
|
|
399
405
|
] })
|
|
400
406
|
] })
|
|
401
407
|
] });
|
|
402
|
-
},
|
|
408
|
+
}, si = /* @__PURE__ */ h("div")({
|
|
403
409
|
name: "Container",
|
|
404
410
|
class: "c1eptrjd",
|
|
405
411
|
propsAsIs: !1
|
|
406
|
-
}),
|
|
412
|
+
}), oi = /* @__PURE__ */ h("div")({
|
|
407
413
|
name: "CloseIconWrap",
|
|
408
414
|
class: "crylm65",
|
|
409
415
|
propsAsIs: !1
|
|
410
|
-
}),
|
|
416
|
+
}), ai = () => z, li = /* @__PURE__ */ h(ai())({
|
|
411
417
|
name: "CloseIcon",
|
|
412
418
|
class: "c9mrcz7",
|
|
413
419
|
propsAsIs: !0
|
|
414
|
-
}),
|
|
420
|
+
}), ci = /* @__PURE__ */ h("div")({
|
|
415
421
|
name: "Header",
|
|
416
422
|
class: "hw3lzv4",
|
|
417
423
|
propsAsIs: !1
|
|
418
|
-
}),
|
|
424
|
+
}), ui = () => z, hi = /* @__PURE__ */ h(ui())({
|
|
419
425
|
name: "TypeIcon",
|
|
420
426
|
class: "t1rrb3kf",
|
|
421
427
|
propsAsIs: !0
|
|
422
|
-
}),
|
|
428
|
+
}), di = /* @__PURE__ */ h("span")({
|
|
423
429
|
name: "TypeName",
|
|
424
430
|
class: "t1ydnjov",
|
|
425
431
|
propsAsIs: !1
|
|
426
|
-
}),
|
|
432
|
+
}), pi = /* @__PURE__ */ h("div")({
|
|
427
433
|
name: "Question",
|
|
428
434
|
class: "qlf90cl",
|
|
429
435
|
propsAsIs: !1
|
|
430
|
-
}),
|
|
436
|
+
}), fi = /* @__PURE__ */ h("button")({
|
|
431
437
|
name: "AnswerButton",
|
|
432
438
|
class: "a1e0nhcl",
|
|
433
439
|
propsAsIs: !1
|
|
434
|
-
}),
|
|
440
|
+
}), mi = /* @__PURE__ */ h("div")({
|
|
435
441
|
name: "Container",
|
|
436
442
|
class: "cjq447q",
|
|
437
443
|
propsAsIs: !1
|
|
438
|
-
}),
|
|
444
|
+
}), gi = /* @__PURE__ */ h("div")({
|
|
439
445
|
name: "ImageContainer",
|
|
440
446
|
class: "i14egogb",
|
|
441
447
|
propsAsIs: !1
|
|
442
|
-
}),
|
|
448
|
+
}), yi = /* @__PURE__ */ h("img")({
|
|
443
449
|
name: "Image",
|
|
444
450
|
class: "i2g9g4l",
|
|
445
451
|
propsAsIs: !1
|
|
446
|
-
}),
|
|
452
|
+
}), wi = /* @__PURE__ */ h("div")({
|
|
447
453
|
name: "Details",
|
|
448
454
|
class: "d1c454nm",
|
|
449
455
|
propsAsIs: !1
|
|
450
|
-
}),
|
|
456
|
+
}), Ii = /* @__PURE__ */ h("div")({
|
|
451
457
|
name: "Name",
|
|
452
458
|
class: "n11nigc3",
|
|
453
459
|
propsAsIs: !1
|
|
454
|
-
}),
|
|
460
|
+
}), Ai = /* @__PURE__ */ h("div")({
|
|
455
461
|
name: "UserName",
|
|
456
462
|
class: "urxa4k8",
|
|
457
463
|
propsAsIs: !1
|
|
458
|
-
}), xi = ({ image: s, name: o, userName: l, verified: d }) => /* @__PURE__ */ I(
|
|
459
|
-
/* @__PURE__ */ c(
|
|
460
|
-
/* @__PURE__ */ I(
|
|
461
|
-
/* @__PURE__ */ I(
|
|
464
|
+
}), xi = ({ image: s, name: o, userName: l, verified: d }) => /* @__PURE__ */ I(mi, { children: [
|
|
465
|
+
/* @__PURE__ */ c(gi, { children: /* @__PURE__ */ c(yi, { src: s }) }),
|
|
466
|
+
/* @__PURE__ */ I(wi, { children: [
|
|
467
|
+
/* @__PURE__ */ I(Ii, { children: [
|
|
462
468
|
o,
|
|
463
469
|
" ",
|
|
464
470
|
d && /* @__PURE__ */ c(z, { name: "icon-twitter-verified" })
|
|
465
471
|
] }),
|
|
466
|
-
/* @__PURE__ */ c(
|
|
472
|
+
/* @__PURE__ */ c(Ai, { children: l })
|
|
467
473
|
] })
|
|
468
|
-
] }),
|
|
474
|
+
] }), bi = /* @__PURE__ */ h("div")({
|
|
469
475
|
name: "Container",
|
|
470
476
|
class: "c1t4f0x4",
|
|
471
477
|
propsAsIs: !1
|
|
472
|
-
}),
|
|
478
|
+
}), Ei = /* @__PURE__ */ h("button")({
|
|
473
479
|
name: "ActionBtn",
|
|
474
480
|
class: "a16w1nl6",
|
|
475
481
|
propsAsIs: !1
|
|
476
|
-
}),
|
|
482
|
+
}), Bi = /* @__PURE__ */ h("div")({
|
|
477
483
|
name: "Body",
|
|
478
484
|
class: "b14u54rf",
|
|
479
485
|
propsAsIs: !1
|
|
480
|
-
}),
|
|
486
|
+
}), vi = /* @__PURE__ */ h("img")({
|
|
481
487
|
name: "Image",
|
|
482
488
|
class: "i1hxm6zo",
|
|
483
489
|
propsAsIs: !1
|
|
484
|
-
}),
|
|
490
|
+
}), _i = /* @__PURE__ */ h("div")({
|
|
485
491
|
name: "Details",
|
|
486
492
|
class: "d1s19yop",
|
|
487
493
|
propsAsIs: !1
|
|
488
|
-
}),
|
|
494
|
+
}), Ci = /* @__PURE__ */ h("div")({
|
|
489
495
|
name: "QuoteWrap",
|
|
490
496
|
class: "q1qyx94r",
|
|
491
497
|
propsAsIs: !1
|
|
492
|
-
}),
|
|
498
|
+
}), Ti = /* @__PURE__ */ h("blockquote")({
|
|
493
499
|
name: "Quote",
|
|
494
500
|
class: "qs97clu",
|
|
495
501
|
propsAsIs: !1
|
|
496
|
-
}),
|
|
502
|
+
}), Fi = ({
|
|
497
503
|
account: s,
|
|
498
504
|
body: o,
|
|
499
505
|
image: l,
|
|
500
506
|
title: d,
|
|
501
507
|
action: m
|
|
502
|
-
}) => /* @__PURE__ */ I(
|
|
503
|
-
/* @__PURE__ */ c(
|
|
504
|
-
/* @__PURE__ */ I(
|
|
508
|
+
}) => /* @__PURE__ */ I(bi, { children: [
|
|
509
|
+
/* @__PURE__ */ c(Ci, { children: /* @__PURE__ */ c(Ti, { children: d }) }),
|
|
510
|
+
/* @__PURE__ */ I(_i, { children: [
|
|
505
511
|
/* @__PURE__ */ c(xi, { ...s }),
|
|
506
|
-
/* @__PURE__ */ c(
|
|
507
|
-
l && /* @__PURE__ */ c(
|
|
512
|
+
/* @__PURE__ */ c(Bi, { children: o }),
|
|
513
|
+
l && /* @__PURE__ */ c(vi, { src: l })
|
|
508
514
|
] }),
|
|
509
|
-
m && /* @__PURE__ */ c(
|
|
515
|
+
m && /* @__PURE__ */ c(Ei, { onClick: m, children: "View Tweet" })
|
|
510
516
|
] }), at = ({
|
|
511
517
|
close: s,
|
|
512
518
|
action: o,
|
|
513
519
|
data: { questionType: l, question: d, insight: m, tweet: g }
|
|
514
520
|
}) => {
|
|
515
521
|
const f = wr[l];
|
|
516
|
-
return f ? d != null && d.predictionResult ? /* @__PURE__ */ c(
|
|
517
|
-
/* @__PURE__ */ c(
|
|
518
|
-
l !== q.TWEET && /* @__PURE__ */ I(
|
|
519
|
-
/* @__PURE__ */ c(
|
|
520
|
-
/* @__PURE__ */ c(
|
|
522
|
+
return f ? d != null && d.predictionResult ? /* @__PURE__ */ c(ni, { close: s, ...d }) : /* @__PURE__ */ I(si, { children: [
|
|
523
|
+
/* @__PURE__ */ c(oi, { onClick: s, children: /* @__PURE__ */ c(li, { name: "icon-cross" }) }),
|
|
524
|
+
l !== q.TWEET && /* @__PURE__ */ I(ci, { children: [
|
|
525
|
+
/* @__PURE__ */ c(hi, { name: f.iconName }),
|
|
526
|
+
/* @__PURE__ */ c(di, { children: f.label })
|
|
521
527
|
] }),
|
|
522
|
-
l === q.FACTOID && /* @__PURE__ */ c(
|
|
528
|
+
l === q.FACTOID && /* @__PURE__ */ c($r, { ...m, action: o }),
|
|
523
529
|
l === q.TWEET && // ToDo: connect with real Api data
|
|
524
530
|
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
525
531
|
// @ts-ignore
|
|
526
|
-
/* @__PURE__ */ c(
|
|
532
|
+
/* @__PURE__ */ c(Fi, { ...g, action: o }),
|
|
527
533
|
l !== q.FACTOID && l !== q.TWEET && /* @__PURE__ */ I(me, { children: [
|
|
528
|
-
/* @__PURE__ */ c(
|
|
529
|
-
/* @__PURE__ */ c(
|
|
534
|
+
/* @__PURE__ */ c(pi, { children: d == null ? void 0 : d.title }),
|
|
535
|
+
/* @__PURE__ */ c(fi, { onClick: o, children: "Answer" })
|
|
530
536
|
] })
|
|
531
537
|
] }) : null;
|
|
532
538
|
};
|
|
533
|
-
var ft = {}, mt = {},
|
|
534
|
-
|
|
535
|
-
|
|
536
|
-
|
|
537
|
-
var Y = [], M = [],
|
|
538
|
-
for (var ae = 0,
|
|
539
|
+
var ft = {}, mt = {}, xe = {};
|
|
540
|
+
xe.byteLength = Si;
|
|
541
|
+
xe.toByteArray = Ni;
|
|
542
|
+
xe.fromByteArray = zi;
|
|
543
|
+
var Y = [], M = [], $i = typeof Uint8Array < "u" ? Uint8Array : Array, _e = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/";
|
|
544
|
+
for (var ae = 0, ki = _e.length; ae < ki; ++ae)
|
|
539
545
|
Y[ae] = _e[ae], M[_e.charCodeAt(ae)] = ae;
|
|
540
546
|
M["-".charCodeAt(0)] = 62;
|
|
541
547
|
M["_".charCodeAt(0)] = 63;
|
|
@@ -548,30 +554,30 @@ function gt(s) {
|
|
|
548
554
|
var d = l === o ? 0 : 4 - l % 4;
|
|
549
555
|
return [l, d];
|
|
550
556
|
}
|
|
551
|
-
function
|
|
557
|
+
function Si(s) {
|
|
552
558
|
var o = gt(s), l = o[0], d = o[1];
|
|
553
559
|
return (l + d) * 3 / 4 - d;
|
|
554
560
|
}
|
|
555
|
-
function
|
|
561
|
+
function Li(s, o, l) {
|
|
556
562
|
return (o + l) * 3 / 4 - l;
|
|
557
563
|
}
|
|
558
|
-
function
|
|
559
|
-
var o, l = gt(s), d = l[0], m = l[1], g = new
|
|
564
|
+
function Ni(s) {
|
|
565
|
+
var o, l = gt(s), d = l[0], m = l[1], g = new $i(Li(s, d, m)), f = 0, n = m > 0 ? d - 4 : d, w;
|
|
560
566
|
for (w = 0; w < n; w += 4)
|
|
561
567
|
o = M[s.charCodeAt(w)] << 18 | M[s.charCodeAt(w + 1)] << 12 | M[s.charCodeAt(w + 2)] << 6 | M[s.charCodeAt(w + 3)], g[f++] = o >> 16 & 255, g[f++] = o >> 8 & 255, g[f++] = o & 255;
|
|
562
568
|
return m === 2 && (o = M[s.charCodeAt(w)] << 2 | M[s.charCodeAt(w + 1)] >> 4, g[f++] = o & 255), m === 1 && (o = M[s.charCodeAt(w)] << 10 | M[s.charCodeAt(w + 1)] << 4 | M[s.charCodeAt(w + 2)] >> 2, g[f++] = o >> 8 & 255, g[f++] = o & 255), g;
|
|
563
569
|
}
|
|
564
|
-
function
|
|
570
|
+
function Ri(s) {
|
|
565
571
|
return Y[s >> 18 & 63] + Y[s >> 12 & 63] + Y[s >> 6 & 63] + Y[s & 63];
|
|
566
572
|
}
|
|
567
|
-
function
|
|
573
|
+
function Ui(s, o, l) {
|
|
568
574
|
for (var d, m = [], g = o; g < l; g += 3)
|
|
569
|
-
d = (s[g] << 16 & 16711680) + (s[g + 1] << 8 & 65280) + (s[g + 2] & 255), m.push(
|
|
575
|
+
d = (s[g] << 16 & 16711680) + (s[g + 1] << 8 & 65280) + (s[g + 2] & 255), m.push(Ri(d));
|
|
570
576
|
return m.join("");
|
|
571
577
|
}
|
|
572
|
-
function
|
|
578
|
+
function zi(s) {
|
|
573
579
|
for (var o, l = s.length, d = l % 3, m = [], g = 16383, f = 0, n = l - d; f < n; f += g)
|
|
574
|
-
m.push(
|
|
580
|
+
m.push(Ui(s, f, f + g > n ? n : f + g));
|
|
575
581
|
return d === 1 ? (o = s[l - 1], m.push(
|
|
576
582
|
Y[o >> 2] + Y[o << 4 & 63] + "=="
|
|
577
583
|
)) : d === 2 && (o = (s[l - 2] << 8) + s[l - 1], m.push(
|
|
@@ -581,8 +587,8 @@ function Ui(s) {
|
|
|
581
587
|
var ze = {};
|
|
582
588
|
/*! ieee754. BSD-3-Clause License. Feross Aboukhadijeh <https://feross.org/opensource> */
|
|
583
589
|
ze.read = function(s, o, l, d, m) {
|
|
584
|
-
var g, f, n = m * 8 - d - 1, w = (1 << n) - 1, v = w >> 1, E = -7, C = l ? m - 1 : 0, y = l ? -1 : 1,
|
|
585
|
-
for (C += y, g =
|
|
590
|
+
var g, f, n = m * 8 - d - 1, w = (1 << n) - 1, v = w >> 1, E = -7, C = l ? m - 1 : 0, y = l ? -1 : 1, A = s[o + C];
|
|
591
|
+
for (C += y, g = A & (1 << -E) - 1, A >>= -E, E += n; E > 0; g = g * 256 + s[o + C], C += y, E -= 8)
|
|
586
592
|
;
|
|
587
593
|
for (f = g & (1 << -E) - 1, g >>= -E, E += d; E > 0; f = f * 256 + s[o + C], C += y, E -= 8)
|
|
588
594
|
;
|
|
@@ -590,18 +596,18 @@ ze.read = function(s, o, l, d, m) {
|
|
|
590
596
|
g = 1 - v;
|
|
591
597
|
else {
|
|
592
598
|
if (g === w)
|
|
593
|
-
return f ? NaN : (
|
|
599
|
+
return f ? NaN : (A ? -1 : 1) * (1 / 0);
|
|
594
600
|
f = f + Math.pow(2, d), g = g - v;
|
|
595
601
|
}
|
|
596
|
-
return (
|
|
602
|
+
return (A ? -1 : 1) * f * Math.pow(2, g - d);
|
|
597
603
|
};
|
|
598
604
|
ze.write = function(s, o, l, d, m, g) {
|
|
599
|
-
var f, n, w, v = g * 8 - m - 1, E = (1 << v) - 1, C = E >> 1, y = m === 23 ? Math.pow(2, -24) - Math.pow(2, -77) : 0,
|
|
600
|
-
for (o = Math.abs(o), isNaN(o) || o === 1 / 0 ? (n = isNaN(o) ? 1 : 0, f = E) : (f = Math.floor(Math.log(o) / Math.LN2), o * (w = Math.pow(2, -f)) < 1 && (f--, w *= 2), f + C >= 1 ? o += y / w : o += y * Math.pow(2, 1 - C), o * w >= 2 && (f++, w /= 2), f + C >= E ? (n = 0, f = E) : f + C >= 1 ? (n = (o * w - 1) * Math.pow(2, m), f = f + C) : (n = o * Math.pow(2, C - 1) * Math.pow(2, m), f = 0)); m >= 8; s[l +
|
|
605
|
+
var f, n, w, v = g * 8 - m - 1, E = (1 << v) - 1, C = E >> 1, y = m === 23 ? Math.pow(2, -24) - Math.pow(2, -77) : 0, A = d ? 0 : g - 1, x = d ? 1 : -1, B = o < 0 || o === 0 && 1 / o < 0 ? 1 : 0;
|
|
606
|
+
for (o = Math.abs(o), isNaN(o) || o === 1 / 0 ? (n = isNaN(o) ? 1 : 0, f = E) : (f = Math.floor(Math.log(o) / Math.LN2), o * (w = Math.pow(2, -f)) < 1 && (f--, w *= 2), f + C >= 1 ? o += y / w : o += y * Math.pow(2, 1 - C), o * w >= 2 && (f++, w /= 2), f + C >= E ? (n = 0, f = E) : f + C >= 1 ? (n = (o * w - 1) * Math.pow(2, m), f = f + C) : (n = o * Math.pow(2, C - 1) * Math.pow(2, m), f = 0)); m >= 8; s[l + A] = n & 255, A += x, n /= 256, m -= 8)
|
|
601
607
|
;
|
|
602
|
-
for (f = f << m | n, v += m; v > 0; s[l +
|
|
608
|
+
for (f = f << m | n, v += m; v > 0; s[l + A] = f & 255, A += x, f /= 256, v -= 8)
|
|
603
609
|
;
|
|
604
|
-
s[l +
|
|
610
|
+
s[l + A - x] |= B * 128;
|
|
605
611
|
};
|
|
606
612
|
/*!
|
|
607
613
|
* The buffer module from node.js, for the browser.
|
|
@@ -610,7 +616,7 @@ ze.write = function(s, o, l, d, m, g) {
|
|
|
610
616
|
* @license MIT
|
|
611
617
|
*/
|
|
612
618
|
(function(s) {
|
|
613
|
-
const o =
|
|
619
|
+
const o = xe, l = ze, d = typeof Symbol == "function" && typeof Symbol.for == "function" ? Symbol.for("nodejs.util.inspect.custom") : null;
|
|
614
620
|
s.Buffer = n, s.SlowBuffer = F, s.INSPECT_MAX_BYTES = 50;
|
|
615
621
|
const m = 2147483647;
|
|
616
622
|
s.kMaxLength = m, n.TYPED_ARRAY_SUPPORT = g(), !n.TYPED_ARRAY_SUPPORT && typeof console < "u" && typeof console.error == "function" && console.error(
|
|
@@ -660,7 +666,7 @@ ze.write = function(s, o, l, d, m, g) {
|
|
|
660
666
|
if (typeof r == "string")
|
|
661
667
|
return y(r, e);
|
|
662
668
|
if (ArrayBuffer.isView(r))
|
|
663
|
-
return
|
|
669
|
+
return x(r);
|
|
664
670
|
if (r == null)
|
|
665
671
|
throw new TypeError(
|
|
666
672
|
"The first argument must be one of type string, Buffer, ArrayBuffer, Array, or Array-like Object. Received type " + typeof r
|
|
@@ -714,18 +720,18 @@ ze.write = function(s, o, l, d, m, g) {
|
|
|
714
720
|
const a = i.write(r, e);
|
|
715
721
|
return a !== t && (i = i.slice(0, a)), i;
|
|
716
722
|
}
|
|
717
|
-
function
|
|
723
|
+
function A(r) {
|
|
718
724
|
const e = r.length < 0 ? 0 : _(r.length) | 0, t = f(e);
|
|
719
725
|
for (let i = 0; i < e; i += 1)
|
|
720
726
|
t[i] = r[i] & 255;
|
|
721
727
|
return t;
|
|
722
728
|
}
|
|
723
|
-
function
|
|
729
|
+
function x(r) {
|
|
724
730
|
if (G(r, Uint8Array)) {
|
|
725
731
|
const e = new Uint8Array(r);
|
|
726
732
|
return B(e.buffer, e.byteOffset, e.byteLength);
|
|
727
733
|
}
|
|
728
|
-
return
|
|
734
|
+
return A(r);
|
|
729
735
|
}
|
|
730
736
|
function B(r, e, t) {
|
|
731
737
|
if (e < 0 || r.byteLength < e)
|
|
@@ -741,9 +747,9 @@ ze.write = function(s, o, l, d, m, g) {
|
|
|
741
747
|
return t.length === 0 || r.copy(t, 0, 0, e), t;
|
|
742
748
|
}
|
|
743
749
|
if (r.length !== void 0)
|
|
744
|
-
return typeof r.length != "number" || Be(r.length) ? f(0) :
|
|
750
|
+
return typeof r.length != "number" || Be(r.length) ? f(0) : A(r);
|
|
745
751
|
if (r.type === "Buffer" && Array.isArray(r.data))
|
|
746
|
-
return
|
|
752
|
+
return A(r.data);
|
|
747
753
|
}
|
|
748
754
|
function _(r) {
|
|
749
755
|
if (r >= m)
|
|
@@ -1613,7 +1619,7 @@ function wt(s) {
|
|
|
1613
1619
|
}
|
|
1614
1620
|
}
|
|
1615
1621
|
}
|
|
1616
|
-
function
|
|
1622
|
+
function Oi(s) {
|
|
1617
1623
|
if (H === clearTimeout)
|
|
1618
1624
|
return clearTimeout(s);
|
|
1619
1625
|
if ((H === ke || !H) && clearTimeout)
|
|
@@ -1629,19 +1635,19 @@ function zi(s) {
|
|
|
1629
1635
|
}
|
|
1630
1636
|
}
|
|
1631
1637
|
var Q = [], ue = !1, te, Ie = -1;
|
|
1632
|
-
function
|
|
1638
|
+
function Di() {
|
|
1633
1639
|
!ue || !te || (ue = !1, te.length ? Q = te.concat(Q) : Ie = -1, Q.length && It());
|
|
1634
1640
|
}
|
|
1635
1641
|
function It() {
|
|
1636
1642
|
if (!ue) {
|
|
1637
|
-
var s = wt(
|
|
1643
|
+
var s = wt(Di);
|
|
1638
1644
|
ue = !0;
|
|
1639
1645
|
for (var o = Q.length; o; ) {
|
|
1640
1646
|
for (te = Q, Q = []; ++Ie < o; )
|
|
1641
1647
|
te && te[Ie].run();
|
|
1642
1648
|
Ie = -1, o = Q.length;
|
|
1643
1649
|
}
|
|
1644
|
-
te = null, ue = !1,
|
|
1650
|
+
te = null, ue = !1, Oi(s);
|
|
1645
1651
|
}
|
|
1646
1652
|
}
|
|
1647
1653
|
L.nextTick = function(s) {
|
|
@@ -1649,12 +1655,12 @@ L.nextTick = function(s) {
|
|
|
1649
1655
|
if (arguments.length > 1)
|
|
1650
1656
|
for (var l = 1; l < arguments.length; l++)
|
|
1651
1657
|
o[l - 1] = arguments[l];
|
|
1652
|
-
Q.push(new
|
|
1658
|
+
Q.push(new At(s, o)), Q.length === 1 && !ue && wt(It);
|
|
1653
1659
|
};
|
|
1654
|
-
function
|
|
1660
|
+
function At(s, o) {
|
|
1655
1661
|
this.fun = s, this.array = o;
|
|
1656
1662
|
}
|
|
1657
|
-
|
|
1663
|
+
At.prototype.run = function() {
|
|
1658
1664
|
this.fun.apply(null, this.array);
|
|
1659
1665
|
};
|
|
1660
1666
|
L.title = "browser";
|
|
@@ -1689,10 +1695,10 @@ L.chdir = function(s) {
|
|
|
1689
1695
|
L.umask = function() {
|
|
1690
1696
|
return 0;
|
|
1691
1697
|
};
|
|
1692
|
-
var
|
|
1698
|
+
var Pi = yt.exports;
|
|
1693
1699
|
(function(s) {
|
|
1694
1700
|
Object.defineProperty(s, Symbol.toStringTag, { value: "Module" });
|
|
1695
|
-
const o = mt, l =
|
|
1701
|
+
const o = mt, l = Pi, d = (f) => f && f.__esModule ? f : { default: f }, m = d(l), g = globalThis || void 0 || self;
|
|
1696
1702
|
Object.defineProperty(s, "Buffer", { enumerable: !0, get: () => o.Buffer }), Object.defineProperty(s, "process", { enumerable: !0, get: () => m.default }), s.global = g;
|
|
1697
1703
|
})(ft);
|
|
1698
1704
|
let j;
|
|
@@ -1711,7 +1717,7 @@ Te == null || ut == null ? (Se = Ce, Le = function(o) {
|
|
|
1711
1717
|
}, lt);
|
|
1712
1718
|
return [l, d];
|
|
1713
1719
|
});
|
|
1714
|
-
function
|
|
1720
|
+
function Mi(s) {
|
|
1715
1721
|
let o, l, d, m, g, f, n;
|
|
1716
1722
|
const w = typeof document < "u" && document.attachEvent;
|
|
1717
1723
|
if (!w) {
|
|
@@ -1730,50 +1736,50 @@ function Pi(s) {
|
|
|
1730
1736
|
}));
|
|
1731
1737
|
});
|
|
1732
1738
|
};
|
|
1733
|
-
let y = !1,
|
|
1739
|
+
let y = !1, A = "";
|
|
1734
1740
|
d = "animationstart";
|
|
1735
|
-
const
|
|
1741
|
+
const x = "Webkit Moz O ms".split(" ");
|
|
1736
1742
|
let B = "webkitAnimationStart animationstart oAnimationStart MSAnimationStart".split(" "), N = "";
|
|
1737
1743
|
{
|
|
1738
1744
|
const _ = document.createElement("fakeelement");
|
|
1739
1745
|
if (_.style.animationName !== void 0 && (y = !0), y === !1) {
|
|
1740
|
-
for (let F = 0; F <
|
|
1741
|
-
if (_.style[
|
|
1742
|
-
N =
|
|
1746
|
+
for (let F = 0; F < x.length; F++)
|
|
1747
|
+
if (_.style[x[F] + "AnimationName"] !== void 0) {
|
|
1748
|
+
N = x[F], A = "-" + N.toLowerCase() + "-", d = B[F], y = !0;
|
|
1743
1749
|
break;
|
|
1744
1750
|
}
|
|
1745
1751
|
}
|
|
1746
1752
|
}
|
|
1747
|
-
l = "resizeanim", o = "@" +
|
|
1753
|
+
l = "resizeanim", o = "@" + A + "keyframes " + l + " { from { opacity: 0; } to { opacity: 0; } } ", m = A + "animation: 1ms " + l + "; ";
|
|
1748
1754
|
}
|
|
1749
1755
|
const v = function(y) {
|
|
1750
1756
|
if (!y.getElementById("detectElementResize")) {
|
|
1751
|
-
const
|
|
1752
|
-
B.id = "detectElementResize", B.type = "text/css", s != null && B.setAttribute("nonce", s), B.styleSheet ? B.styleSheet.cssText =
|
|
1757
|
+
const A = (o || "") + ".resize-triggers { " + (m || "") + 'visibility: hidden; opacity: 0; } .resize-triggers, .resize-triggers > div, .contract-trigger:before { content: " "; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; z-index: -1; } .resize-triggers > div { background: #eee; overflow: auto; } .contract-trigger:before { width: 200%; height: 200%; }', x = y.head || y.getElementsByTagName("head")[0], B = y.createElement("style");
|
|
1758
|
+
B.id = "detectElementResize", B.type = "text/css", s != null && B.setAttribute("nonce", s), B.styleSheet ? B.styleSheet.cssText = A : B.appendChild(y.createTextNode(A)), x.appendChild(B);
|
|
1753
1759
|
}
|
|
1754
1760
|
};
|
|
1755
1761
|
return {
|
|
1756
|
-
addResizeListener: function(y,
|
|
1762
|
+
addResizeListener: function(y, A) {
|
|
1757
1763
|
if (w)
|
|
1758
|
-
y.attachEvent("onresize",
|
|
1764
|
+
y.attachEvent("onresize", A);
|
|
1759
1765
|
else {
|
|
1760
1766
|
if (!y.__resizeTriggers__) {
|
|
1761
|
-
const
|
|
1762
|
-
B && B.position === "static" && (y.style.position = "relative"), v(
|
|
1763
|
-
const N =
|
|
1764
|
-
N.className = "expand-trigger", N.appendChild(
|
|
1765
|
-
const _ =
|
|
1767
|
+
const x = y.ownerDocument, B = j.getComputedStyle(y);
|
|
1768
|
+
B && B.position === "static" && (y.style.position = "relative"), v(x), y.__resizeLast__ = {}, y.__resizeListeners__ = [], (y.__resizeTriggers__ = x.createElement("div")).className = "resize-triggers";
|
|
1769
|
+
const N = x.createElement("div");
|
|
1770
|
+
N.className = "expand-trigger", N.appendChild(x.createElement("div"));
|
|
1771
|
+
const _ = x.createElement("div");
|
|
1766
1772
|
_.className = "contract-trigger", y.__resizeTriggers__.appendChild(N), y.__resizeTriggers__.appendChild(_), y.appendChild(y.__resizeTriggers__), f(y), y.addEventListener("scroll", n, !0), d && (y.__resizeTriggers__.__animationListener__ = function(U) {
|
|
1767
1773
|
U.animationName === l && f(y);
|
|
1768
1774
|
}, y.__resizeTriggers__.addEventListener(d, y.__resizeTriggers__.__animationListener__));
|
|
1769
1775
|
}
|
|
1770
|
-
y.__resizeListeners__.push(
|
|
1776
|
+
y.__resizeListeners__.push(A);
|
|
1771
1777
|
}
|
|
1772
1778
|
},
|
|
1773
|
-
removeResizeListener: function(y,
|
|
1779
|
+
removeResizeListener: function(y, A) {
|
|
1774
1780
|
if (w)
|
|
1775
|
-
y.detachEvent("onresize",
|
|
1776
|
-
else if (y.__resizeListeners__.splice(y.__resizeListeners__.indexOf(
|
|
1781
|
+
y.detachEvent("onresize", A);
|
|
1782
|
+
else if (y.__resizeListeners__.splice(y.__resizeListeners__.indexOf(A), 1), !y.__resizeListeners__.length) {
|
|
1777
1783
|
y.removeEventListener("scroll", n, !0), y.__resizeTriggers__.__animationListener__ && (y.__resizeTriggers__.removeEventListener(d, y.__resizeTriggers__.__animationListener__), y.__resizeTriggers__.__animationListener__ = null);
|
|
1778
1784
|
try {
|
|
1779
1785
|
y.__resizeTriggers__ = !y.removeChild(y.__resizeTriggers__);
|
|
@@ -1783,7 +1789,7 @@ function Pi(s) {
|
|
|
1783
1789
|
}
|
|
1784
1790
|
};
|
|
1785
1791
|
}
|
|
1786
|
-
class
|
|
1792
|
+
class xt extends Yt {
|
|
1787
1793
|
constructor(...o) {
|
|
1788
1794
|
super(...o), this.state = {
|
|
1789
1795
|
height: this.props.defaultHeight || 0,
|
|
@@ -1799,7 +1805,7 @@ class At extends Yt {
|
|
|
1799
1805
|
} = this.props;
|
|
1800
1806
|
if (this._parentNode) {
|
|
1801
1807
|
var g, f, n, w;
|
|
1802
|
-
const v = window.getComputedStyle(this._parentNode) || {}, E = parseFloat((g = v.paddingLeft) !== null && g !== void 0 ? g : "0"), C = parseFloat((f = v.paddingRight) !== null && f !== void 0 ? f : "0"), y = parseFloat((n = v.paddingTop) !== null && n !== void 0 ? n : "0"),
|
|
1808
|
+
const v = window.getComputedStyle(this._parentNode) || {}, E = parseFloat((g = v.paddingLeft) !== null && g !== void 0 ? g : "0"), C = parseFloat((f = v.paddingRight) !== null && f !== void 0 ? f : "0"), y = parseFloat((n = v.paddingTop) !== null && n !== void 0 ? n : "0"), A = parseFloat((w = v.paddingBottom) !== null && w !== void 0 ? w : "0"), x = this._parentNode.getBoundingClientRect(), B = x.height - y - A, N = x.width - E - C, _ = this._parentNode.offsetHeight - y - A, F = this._parentNode.offsetWidth - E - C;
|
|
1803
1809
|
(!l && (this.state.height !== _ || this.state.scaledHeight !== B) || !d && (this.state.width !== F || this.state.scaledWidth !== N)) && (this.setState({
|
|
1804
1810
|
height: _,
|
|
1805
1811
|
width: F,
|
|
@@ -1822,7 +1828,7 @@ class At extends Yt {
|
|
|
1822
1828
|
} = this.props;
|
|
1823
1829
|
this._autoSizer && this._autoSizer.parentNode && this._autoSizer.parentNode.ownerDocument && this._autoSizer.parentNode.ownerDocument.defaultView && this._autoSizer.parentNode instanceof this._autoSizer.parentNode.ownerDocument.defaultView.HTMLElement && (this._parentNode = this._autoSizer.parentNode, this._parentNode != null && (typeof ResizeObserver < "u" ? (this._resizeObserver = new ResizeObserver(() => {
|
|
1824
1830
|
this._timeoutId = setTimeout(this._onResize, 0);
|
|
1825
|
-
}), this._resizeObserver.observe(this._parentNode)) : (this._detectElementResize =
|
|
1831
|
+
}), this._resizeObserver.observe(this._parentNode)) : (this._detectElementResize = Mi(o), this._detectElementResize.addResizeListener(this._parentNode, this._onResize)), this._onResize()));
|
|
1826
1832
|
}
|
|
1827
1833
|
componentWillUnmount() {
|
|
1828
1834
|
this._parentNode && (this._detectElementResize && this._detectElementResize.removeResizeListener(this._parentNode, this._onResize), this._timeoutId !== null && clearTimeout(this._timeoutId), this._resizeObserver && (this._resizeObserver.observe(this._parentNode), this._resizeObserver.disconnect()));
|
|
@@ -1842,13 +1848,13 @@ class At extends Yt {
|
|
|
1842
1848
|
} = this.props, {
|
|
1843
1849
|
height: C,
|
|
1844
1850
|
scaledHeight: y,
|
|
1845
|
-
scaledWidth:
|
|
1846
|
-
width:
|
|
1851
|
+
scaledWidth: A,
|
|
1852
|
+
width: x
|
|
1847
1853
|
} = this.state, B = {
|
|
1848
1854
|
overflow: "visible"
|
|
1849
1855
|
}, N = {};
|
|
1850
1856
|
let _ = !1;
|
|
1851
|
-
return m || (C === 0 && (_ = !0), B.height = 0, N.height = C, N.scaledHeight = y), g || (
|
|
1857
|
+
return m || (C === 0 && (_ = !0), B.height = 0, N.height = C, N.scaledHeight = y), g || (x === 0 && (_ = !0), B.width = 0, N.width = x, N.scaledWidth = A), Vt(v, {
|
|
1852
1858
|
ref: this._setRef,
|
|
1853
1859
|
style: {
|
|
1854
1860
|
...B,
|
|
@@ -1858,11 +1864,11 @@ class At extends Yt {
|
|
|
1858
1864
|
}, !_ && o(N));
|
|
1859
1865
|
}
|
|
1860
1866
|
}
|
|
1861
|
-
const
|
|
1867
|
+
const qi = ({
|
|
1862
1868
|
src: s,
|
|
1863
1869
|
className: o,
|
|
1864
1870
|
style: l
|
|
1865
|
-
}) => /* @__PURE__ */ c(
|
|
1871
|
+
}) => /* @__PURE__ */ c(xt, { className: o, style: l, children: ({ height: d, width: m }) => /* @__PURE__ */ c(
|
|
1866
1872
|
Xt,
|
|
1867
1873
|
{
|
|
1868
1874
|
autoplay: !0,
|
|
@@ -1871,111 +1877,111 @@ const Mi = ({
|
|
|
1871
1877
|
src: `https://url-proxy.streamlayer.io?${s}`,
|
|
1872
1878
|
style: { height: d, width: m }
|
|
1873
1879
|
}
|
|
1874
|
-
) }),
|
|
1880
|
+
) }), ji = /* @__PURE__ */ h("div")({
|
|
1875
1881
|
name: "Container",
|
|
1876
1882
|
class: "c1htq1lb",
|
|
1877
1883
|
propsAsIs: !1
|
|
1878
|
-
}),
|
|
1884
|
+
}), Gi = /* @__PURE__ */ h("div")({
|
|
1879
1885
|
name: "Content",
|
|
1880
1886
|
class: "cjyzpp7",
|
|
1881
1887
|
propsAsIs: !1
|
|
1882
|
-
}),
|
|
1888
|
+
}), Wi = /* @__PURE__ */ h("div")({
|
|
1883
1889
|
name: "Graphic",
|
|
1884
1890
|
class: "g16mldgz",
|
|
1885
1891
|
propsAsIs: !1
|
|
1886
|
-
}),
|
|
1892
|
+
}), Hi = /* @__PURE__ */ h("div")({
|
|
1887
1893
|
name: "Headline",
|
|
1888
1894
|
class: "h69js65",
|
|
1889
1895
|
propsAsIs: !1
|
|
1890
|
-
}),
|
|
1896
|
+
}), Yi = /* @__PURE__ */ h("div")({
|
|
1891
1897
|
name: "StepsContainer",
|
|
1892
1898
|
class: "smm7qmo",
|
|
1893
1899
|
propsAsIs: !1
|
|
1894
|
-
}),
|
|
1900
|
+
}), Vi = /* @__PURE__ */ h("span")({
|
|
1895
1901
|
name: "StepIndicator",
|
|
1896
1902
|
class: "s17knuw2",
|
|
1897
1903
|
propsAsIs: !1
|
|
1898
|
-
}),
|
|
1904
|
+
}), Qi = ({
|
|
1899
1905
|
graphicSrc: s,
|
|
1900
1906
|
headline: o,
|
|
1901
1907
|
stepsCount: l,
|
|
1902
1908
|
currentStep: d
|
|
1903
|
-
}) => /* @__PURE__ */ I(
|
|
1904
|
-
/* @__PURE__ */ I(
|
|
1905
|
-
/* @__PURE__ */ c(
|
|
1906
|
-
o && /* @__PURE__ */ c(
|
|
1909
|
+
}) => /* @__PURE__ */ I(ji, { children: [
|
|
1910
|
+
/* @__PURE__ */ I(Gi, { children: [
|
|
1911
|
+
/* @__PURE__ */ c(Wi, { children: /* @__PURE__ */ c(qi, { src: s }) }),
|
|
1912
|
+
o && /* @__PURE__ */ c(Hi, { children: o })
|
|
1907
1913
|
] }),
|
|
1908
|
-
/* @__PURE__ */ c(
|
|
1909
|
-
] }),
|
|
1914
|
+
/* @__PURE__ */ c(Yi, { children: Array.from({ length: l }).map((m, g) => /* @__PURE__ */ c(Vi, { "data-active": d === g }, g)) })
|
|
1915
|
+
] }), Ki = /* @__PURE__ */ h("div")({
|
|
1910
1916
|
name: "Container",
|
|
1911
1917
|
class: "c1itm4k7",
|
|
1912
1918
|
propsAsIs: !1
|
|
1913
|
-
}),
|
|
1919
|
+
}), Xi = /* @__PURE__ */ h("div")({
|
|
1914
1920
|
name: "IconContainer",
|
|
1915
1921
|
class: "i1w4fsni",
|
|
1916
1922
|
propsAsIs: !1
|
|
1917
|
-
}),
|
|
1923
|
+
}), Ji = () => z, Zi = /* @__PURE__ */ h(Ji())({
|
|
1918
1924
|
name: "InviteGameIcon",
|
|
1919
1925
|
class: "i19m85r1",
|
|
1920
1926
|
propsAsIs: !0
|
|
1921
|
-
}),
|
|
1927
|
+
}), en = /* @__PURE__ */ h("div")({
|
|
1922
1928
|
name: "Content",
|
|
1923
1929
|
class: "c1mbu204",
|
|
1924
1930
|
propsAsIs: !1
|
|
1925
|
-
}),
|
|
1931
|
+
}), tn = /* @__PURE__ */ h("div")({
|
|
1926
1932
|
name: "Heading",
|
|
1927
1933
|
class: "h1amdqtv",
|
|
1928
1934
|
propsAsIs: !1
|
|
1929
|
-
}),
|
|
1935
|
+
}), rn = /* @__PURE__ */ h("div")({
|
|
1930
1936
|
name: "Subtext",
|
|
1931
1937
|
class: "s1lhlj9j",
|
|
1932
1938
|
propsAsIs: !1
|
|
1933
|
-
}),
|
|
1939
|
+
}), nn = /* @__PURE__ */ h("div")({
|
|
1934
1940
|
name: "LinkContainer",
|
|
1935
1941
|
class: "l1wot35e",
|
|
1936
1942
|
propsAsIs: !1
|
|
1937
|
-
}),
|
|
1943
|
+
}), sn = /* @__PURE__ */ h("div")({
|
|
1938
1944
|
name: "LinkInfo",
|
|
1939
1945
|
class: "l1jdw39q",
|
|
1940
1946
|
propsAsIs: !1
|
|
1941
|
-
}),
|
|
1947
|
+
}), on = /* @__PURE__ */ h("span")({
|
|
1942
1948
|
name: "LinkTitle",
|
|
1943
1949
|
class: "l1cr5mk",
|
|
1944
1950
|
propsAsIs: !1
|
|
1945
|
-
}),
|
|
1951
|
+
}), an = /* @__PURE__ */ h("span")({
|
|
1946
1952
|
name: "LinkAddress",
|
|
1947
1953
|
class: "lvi87q4",
|
|
1948
1954
|
propsAsIs: !1
|
|
1949
|
-
}),
|
|
1955
|
+
}), ln = () => z, cn = /* @__PURE__ */ h(ln())({
|
|
1950
1956
|
name: "LinkIcon",
|
|
1951
1957
|
class: "l1pqlvw3",
|
|
1952
1958
|
propsAsIs: !0
|
|
1953
|
-
}),
|
|
1959
|
+
}), un = /* @__PURE__ */ h("div")({
|
|
1954
1960
|
name: "SocialLinksContainer",
|
|
1955
1961
|
class: "s1n7kzeh",
|
|
1956
1962
|
propsAsIs: !1
|
|
1957
|
-
}),
|
|
1963
|
+
}), hn = /* @__PURE__ */ h("a")({
|
|
1958
1964
|
name: "SocialLink",
|
|
1959
1965
|
class: "s2m9o9y",
|
|
1960
1966
|
propsAsIs: !1
|
|
1961
|
-
}),
|
|
1967
|
+
}), dn = /* @__PURE__ */ h("span")({
|
|
1962
1968
|
name: "SocialLinkLabel",
|
|
1963
1969
|
class: "sewjbbn",
|
|
1964
1970
|
propsAsIs: !1
|
|
1965
|
-
}),
|
|
1971
|
+
}), pn = ({
|
|
1966
1972
|
inviteLink: s,
|
|
1967
1973
|
socialLinks: o,
|
|
1968
1974
|
inviteCardTitle: l,
|
|
1969
1975
|
inviteCardSubtext: d,
|
|
1970
1976
|
primaryColor: m,
|
|
1971
1977
|
className: g
|
|
1972
|
-
}) => /* @__PURE__ */ I(
|
|
1973
|
-
/* @__PURE__ */ c(
|
|
1974
|
-
/* @__PURE__ */ I(
|
|
1975
|
-
/* @__PURE__ */ c(
|
|
1976
|
-
/* @__PURE__ */ c(
|
|
1978
|
+
}) => /* @__PURE__ */ I(Ki, { className: g, children: [
|
|
1979
|
+
/* @__PURE__ */ c(Xi, { style: { backgroundColor: m }, children: /* @__PURE__ */ c(Zi, { name: "invite-game-icon" }) }),
|
|
1980
|
+
/* @__PURE__ */ I(en, { children: [
|
|
1981
|
+
/* @__PURE__ */ c(tn, { children: l || "" }),
|
|
1982
|
+
/* @__PURE__ */ c(rn, { children: d || "" })
|
|
1977
1983
|
] }),
|
|
1978
|
-
s && /* @__PURE__ */ I(
|
|
1984
|
+
s && /* @__PURE__ */ I(nn, { onClick: async () => {
|
|
1979
1985
|
if (s)
|
|
1980
1986
|
try {
|
|
1981
1987
|
await navigator.clipboard.writeText(s);
|
|
@@ -1983,41 +1989,41 @@ const Mi = ({
|
|
|
1983
1989
|
console.error("Unable to copy to clipboard", f);
|
|
1984
1990
|
}
|
|
1985
1991
|
}, children: [
|
|
1986
|
-
/* @__PURE__ */ I(
|
|
1987
|
-
/* @__PURE__ */ c(
|
|
1988
|
-
/* @__PURE__ */ c(
|
|
1992
|
+
/* @__PURE__ */ I(sn, { children: [
|
|
1993
|
+
/* @__PURE__ */ c(on, { children: "Invite link" }),
|
|
1994
|
+
/* @__PURE__ */ c(an, { children: s })
|
|
1989
1995
|
] }),
|
|
1990
|
-
/* @__PURE__ */ c(
|
|
1996
|
+
/* @__PURE__ */ c(cn, { name: "icon-copy" })
|
|
1991
1997
|
] }),
|
|
1992
|
-
o && o.length > 0 && /* @__PURE__ */ c(
|
|
1998
|
+
o && o.length > 0 && /* @__PURE__ */ c(un, { children: o.map(({ icon: f, link: n, label: w }) => /* @__PURE__ */ I(hn, { href: n, target: "_blank", children: [
|
|
1993
1999
|
/* @__PURE__ */ c(z, { name: f }),
|
|
1994
|
-
/* @__PURE__ */ c(
|
|
2000
|
+
/* @__PURE__ */ c(dn, { children: w })
|
|
1995
2001
|
] }, n)) })
|
|
1996
|
-
] }),
|
|
2002
|
+
] }), fn = /* @__PURE__ */ h("div")({
|
|
1997
2003
|
name: "Container",
|
|
1998
2004
|
class: "cm0bev",
|
|
1999
2005
|
propsAsIs: !1
|
|
2000
|
-
}),
|
|
2006
|
+
}), mn = /* @__PURE__ */ h("div")({
|
|
2001
2007
|
name: "Content",
|
|
2002
2008
|
class: "ce7x737",
|
|
2003
2009
|
propsAsIs: !1
|
|
2004
|
-
}),
|
|
2010
|
+
}), gn = /* @__PURE__ */ h("div")({
|
|
2005
2011
|
name: "Title",
|
|
2006
2012
|
class: "tc2tor6",
|
|
2007
2013
|
propsAsIs: !1
|
|
2008
|
-
}),
|
|
2014
|
+
}), yn = /* @__PURE__ */ h("div")({
|
|
2009
2015
|
name: "RulesList",
|
|
2010
2016
|
class: "r1k5klql",
|
|
2011
2017
|
propsAsIs: !1
|
|
2012
|
-
}),
|
|
2018
|
+
}), wn = /* @__PURE__ */ h("div")({
|
|
2013
2019
|
name: "RulesItem",
|
|
2014
2020
|
class: "r1tf3ft2",
|
|
2015
2021
|
propsAsIs: !1
|
|
2016
|
-
}),
|
|
2022
|
+
}), In = /* @__PURE__ */ h("div")({
|
|
2017
2023
|
name: "RuleIcon",
|
|
2018
2024
|
class: "rwpvg1k",
|
|
2019
2025
|
propsAsIs: !1
|
|
2020
|
-
}),
|
|
2026
|
+
}), An = /* @__PURE__ */ h("div")({
|
|
2021
2027
|
name: "RuleText",
|
|
2022
2028
|
class: "rbxiag0",
|
|
2023
2029
|
propsAsIs: !1
|
|
@@ -2025,48 +2031,48 @@ const Mi = ({
|
|
|
2025
2031
|
name: "TermsButton",
|
|
2026
2032
|
class: "t6cyrry",
|
|
2027
2033
|
propsAsIs: !1
|
|
2028
|
-
}),
|
|
2029
|
-
/* @__PURE__ */ I(
|
|
2030
|
-
/* @__PURE__ */ c(
|
|
2031
|
-
/* @__PURE__ */ c(
|
|
2032
|
-
m && /* @__PURE__ */ c(
|
|
2033
|
-
/* @__PURE__ */ c(
|
|
2034
|
+
}), bn = ({ rules: s, rulesTitle: o, primaryColor: l }) => /* @__PURE__ */ I(fn, { children: [
|
|
2035
|
+
/* @__PURE__ */ I(mn, { children: [
|
|
2036
|
+
/* @__PURE__ */ c(gn, { children: o }),
|
|
2037
|
+
/* @__PURE__ */ c(yn, { children: s == null ? void 0 : s.map(({ label: d, icon: m }, g) => /* @__PURE__ */ I(wn, { children: [
|
|
2038
|
+
m && /* @__PURE__ */ c(In, { style: { backgroundColor: l }, children: /* @__PURE__ */ c(z, { name: m, "data-icon": m }) }),
|
|
2039
|
+
/* @__PURE__ */ c(An, { children: d })
|
|
2034
2040
|
] }, g)) })
|
|
2035
2041
|
] }),
|
|
2036
2042
|
/* @__PURE__ */ c(xn, { children: "See Terms and Conditions" })
|
|
2037
|
-
] }),
|
|
2043
|
+
] }), En = /* @__PURE__ */ h("button")({
|
|
2038
2044
|
name: "SButton",
|
|
2039
2045
|
class: "s1nve60q",
|
|
2040
2046
|
propsAsIs: !1
|
|
2041
|
-
}),
|
|
2047
|
+
}), Bn = /* @__PURE__ */ h("span")({
|
|
2042
2048
|
name: "ButtonLabel",
|
|
2043
2049
|
class: "b1xoswwx",
|
|
2044
2050
|
propsAsIs: !1
|
|
2045
|
-
}),
|
|
2051
|
+
}), vn = ({ disabled: s, variant: o = "primary", onClick: l, children: d, ...m }) => /* @__PURE__ */ c(En, { onClick: l, disabled: s, "data-variant": o, ...m, children: /* @__PURE__ */ c(Bn, { children: d }) }), _n = /* @__PURE__ */ h("div")({
|
|
2046
2052
|
name: "Container",
|
|
2047
2053
|
class: "c18uddbs",
|
|
2048
2054
|
propsAsIs: !1
|
|
2049
|
-
}),
|
|
2055
|
+
}), Cn = /* @__PURE__ */ h("div")({
|
|
2050
2056
|
name: "Content",
|
|
2051
2057
|
class: "cvcfjf6",
|
|
2052
2058
|
propsAsIs: !1
|
|
2053
|
-
}),
|
|
2059
|
+
}), Tn = /* @__PURE__ */ h("div")({
|
|
2054
2060
|
name: "OnboardingHeader",
|
|
2055
2061
|
class: "o1ie27lw",
|
|
2056
2062
|
propsAsIs: !1
|
|
2057
|
-
}),
|
|
2063
|
+
}), Fn = /* @__PURE__ */ h("button")({
|
|
2058
2064
|
name: "CloseBtn",
|
|
2059
2065
|
class: "c15cjkwi",
|
|
2060
2066
|
propsAsIs: !1
|
|
2061
|
-
}),
|
|
2067
|
+
}), $n = () => z, kn = /* @__PURE__ */ h($n())({
|
|
2062
2068
|
name: "IconClose",
|
|
2063
2069
|
class: "i1mavjt2",
|
|
2064
2070
|
propsAsIs: !0
|
|
2065
|
-
}),
|
|
2071
|
+
}), Sn = /* @__PURE__ */ h("div")({
|
|
2066
2072
|
name: "OnboardingFooter",
|
|
2067
2073
|
class: "o1x0dyzv",
|
|
2068
2074
|
propsAsIs: !1
|
|
2069
|
-
}),
|
|
2075
|
+
}), Ln = () => vn, Nn = /* @__PURE__ */ h(Ln())({
|
|
2070
2076
|
name: "OnboardingActionBtn",
|
|
2071
2077
|
class: "o1jfi9c3",
|
|
2072
2078
|
propsAsIs: !0
|
|
@@ -2074,7 +2080,7 @@ const Mi = ({
|
|
|
2074
2080
|
steps: !1,
|
|
2075
2081
|
rules: !1,
|
|
2076
2082
|
inviteCard: !1
|
|
2077
|
-
},
|
|
2083
|
+
}, Rn = ({
|
|
2078
2084
|
gamification: s,
|
|
2079
2085
|
steps: o,
|
|
2080
2086
|
rules: l,
|
|
@@ -2088,22 +2094,22 @@ const Mi = ({
|
|
|
2088
2094
|
inviteCardBtnLabel: E,
|
|
2089
2095
|
onClose: C
|
|
2090
2096
|
}) => {
|
|
2091
|
-
const [y,
|
|
2097
|
+
const [y, A] = K(0), [x, B] = K(le);
|
|
2092
2098
|
he(() => {
|
|
2093
2099
|
o != null && o.length ? B({ ...le, steps: !0 }) : l != null && l.length ? B({ ...le, rules: !0 }) : B({ ...le, inviteCard: !0 });
|
|
2094
2100
|
}, []);
|
|
2095
|
-
const N = Ne(() =>
|
|
2096
|
-
o != null && o.length && y < o.length - 1 ?
|
|
2097
|
-
}, [y, o == null ? void 0 : o.length, l == null ? void 0 : l.length,
|
|
2101
|
+
const N = Ne(() => x.steps && y === 0 ? "Continue" : x.rules ? d || "Got it" : x.inviteCard ? E || "Play Now" : "Next", [x, y, d, E]), _ = pt(() => {
|
|
2102
|
+
o != null && o.length && y < o.length - 1 ? A((U) => ++U) : l != null && l.length && x.steps ? B({ ...le, rules: !0 }) : x.rules && B({ ...le, inviteCard: !0 });
|
|
2103
|
+
}, [y, o == null ? void 0 : o.length, l == null ? void 0 : l.length, x, A, B]), F = async () => {
|
|
2098
2104
|
await s.onboardingStatus.submitInplay();
|
|
2099
2105
|
};
|
|
2100
|
-
return /* @__PURE__ */ c(
|
|
2101
|
-
/* @__PURE__ */ c(
|
|
2102
|
-
/* @__PURE__ */ I(
|
|
2103
|
-
|
|
2104
|
-
|
|
2105
|
-
|
|
2106
|
-
|
|
2106
|
+
return /* @__PURE__ */ c(xt, { children: ({ width: U, height: V }) => /* @__PURE__ */ I(_n, { style: { width: U, height: V }, children: [
|
|
2107
|
+
/* @__PURE__ */ c(Tn, { children: /* @__PURE__ */ c(Fn, { onClick: C, children: /* @__PURE__ */ c(kn, { name: "icon-close-btn-gray" }) }) }),
|
|
2108
|
+
/* @__PURE__ */ I(Cn, { children: [
|
|
2109
|
+
x.steps && (o == null ? void 0 : o.length) && /* @__PURE__ */ c(Qi, { stepsCount: o.length, currentStep: y, ...o[y] }),
|
|
2110
|
+
x.rules && /* @__PURE__ */ c(bn, { rules: l, rulesTitle: m, primaryColor: g }),
|
|
2111
|
+
x.inviteCard && /* @__PURE__ */ c(
|
|
2112
|
+
pn,
|
|
2107
2113
|
{
|
|
2108
2114
|
inviteLink: f,
|
|
2109
2115
|
inviteCardTitle: w,
|
|
@@ -2113,74 +2119,74 @@ const Mi = ({
|
|
|
2113
2119
|
}
|
|
2114
2120
|
)
|
|
2115
2121
|
] }),
|
|
2116
|
-
/* @__PURE__ */ c(
|
|
2122
|
+
/* @__PURE__ */ c(Sn, { children: /* @__PURE__ */ c(Nn, { onClick: x.inviteCard ? F : _, children: N }) })
|
|
2117
2123
|
] }) });
|
|
2118
|
-
},
|
|
2124
|
+
}, Un = /* @__PURE__ */ h("div")({
|
|
2119
2125
|
name: "Container",
|
|
2120
2126
|
class: "c1pgyo67",
|
|
2121
2127
|
propsAsIs: !1
|
|
2122
|
-
}),
|
|
2128
|
+
}), zn = "hx17qu6", bt = ({
|
|
2123
2129
|
children: s,
|
|
2124
2130
|
style: o,
|
|
2125
2131
|
className: l,
|
|
2126
2132
|
hiding: d
|
|
2127
|
-
}) => /* @__PURE__ */ c(
|
|
2133
|
+
}) => /* @__PURE__ */ c(Un, {
|
|
2128
2134
|
style: o,
|
|
2129
|
-
className: Kt(l, d &&
|
|
2135
|
+
className: Kt(l, d && zn),
|
|
2130
2136
|
children: s
|
|
2131
|
-
}),
|
|
2137
|
+
}), On = /* @__PURE__ */ h("div")({
|
|
2132
2138
|
name: "Container",
|
|
2133
2139
|
class: "cocfo2g",
|
|
2134
2140
|
propsAsIs: !1
|
|
2135
|
-
}),
|
|
2141
|
+
}), Dn = /* @__PURE__ */ h("div")({
|
|
2136
2142
|
name: "CloseIconWrap",
|
|
2137
2143
|
class: "c1pdhxdk",
|
|
2138
2144
|
propsAsIs: !1
|
|
2139
|
-
}),
|
|
2145
|
+
}), Pn = () => z, Mn = /* @__PURE__ */ h(Pn())({
|
|
2140
2146
|
name: "CloseIcon",
|
|
2141
2147
|
class: "c1funj3r",
|
|
2142
2148
|
propsAsIs: !0
|
|
2143
|
-
}),
|
|
2149
|
+
}), qn = /* @__PURE__ */ h("div")({
|
|
2144
2150
|
name: "Title",
|
|
2145
2151
|
class: "t1okg06y",
|
|
2146
2152
|
propsAsIs: !1
|
|
2147
|
-
}),
|
|
2153
|
+
}), jn = /* @__PURE__ */ h("img")({
|
|
2148
2154
|
name: "SponsorLogo",
|
|
2149
2155
|
class: "sb1n923",
|
|
2150
2156
|
propsAsIs: !1
|
|
2151
|
-
}),
|
|
2157
|
+
}), Gn = /* @__PURE__ */ h("div")({
|
|
2152
2158
|
name: "PresentsTitle",
|
|
2153
2159
|
class: "p1stllxd",
|
|
2154
2160
|
propsAsIs: !1
|
|
2155
|
-
}),
|
|
2161
|
+
}), Wn = /* @__PURE__ */ h("div")({
|
|
2156
2162
|
name: "Subtitle",
|
|
2157
2163
|
class: "s13kvdzw",
|
|
2158
2164
|
propsAsIs: !1
|
|
2159
|
-
}),
|
|
2165
|
+
}), Hn = /* @__PURE__ */ h("div")({
|
|
2160
2166
|
name: "Description",
|
|
2161
2167
|
class: "dfvmv3t",
|
|
2162
2168
|
propsAsIs: !1
|
|
2163
|
-
}),
|
|
2169
|
+
}), Yn = /* @__PURE__ */ h("button")({
|
|
2164
2170
|
name: "ActionButton",
|
|
2165
2171
|
class: "ay8e3j9",
|
|
2166
2172
|
propsAsIs: !1
|
|
2167
|
-
}),
|
|
2173
|
+
}), Vn = ({ close: s, action: o, onboarding: l }) => {
|
|
2168
2174
|
var d, m, g, f, n, w, v, E;
|
|
2169
|
-
return /* @__PURE__ */ I(
|
|
2170
|
-
/* @__PURE__ */ c(
|
|
2171
|
-
((m = (d = l == null ? void 0 : l.titleCard) == null ? void 0 : d.media) == null ? void 0 : m.sponsorLogo) && /* @__PURE__ */ I(
|
|
2172
|
-
/* @__PURE__ */ c(
|
|
2173
|
-
/* @__PURE__ */ c(
|
|
2175
|
+
return /* @__PURE__ */ I(On, { children: [
|
|
2176
|
+
/* @__PURE__ */ c(Dn, { onClick: s, children: /* @__PURE__ */ c(Mn, { name: "icon-cross" }) }),
|
|
2177
|
+
((m = (d = l == null ? void 0 : l.titleCard) == null ? void 0 : d.media) == null ? void 0 : m.sponsorLogo) && /* @__PURE__ */ I(qn, { children: [
|
|
2178
|
+
/* @__PURE__ */ c(jn, { alt: "sponsor-logo", src: (f = (g = l == null ? void 0 : l.titleCard) == null ? void 0 : g.media) == null ? void 0 : f.sponsorLogo }),
|
|
2179
|
+
/* @__PURE__ */ c(Gn, { children: "PRESENTS" })
|
|
2174
2180
|
] }),
|
|
2175
|
-
((n = l == null ? void 0 : l.titleCard) == null ? void 0 : n.title) && /* @__PURE__ */ c(
|
|
2176
|
-
((v = l == null ? void 0 : l.titleCard) == null ? void 0 : v.subtitle) && /* @__PURE__ */ c(
|
|
2177
|
-
/* @__PURE__ */ c(
|
|
2181
|
+
((n = l == null ? void 0 : l.titleCard) == null ? void 0 : n.title) && /* @__PURE__ */ c(Wn, { children: (w = l == null ? void 0 : l.titleCard) == null ? void 0 : w.title }),
|
|
2182
|
+
((v = l == null ? void 0 : l.titleCard) == null ? void 0 : v.subtitle) && /* @__PURE__ */ c(Hn, { children: (E = l == null ? void 0 : l.titleCard) == null ? void 0 : E.subtitle }),
|
|
2183
|
+
/* @__PURE__ */ c(Yn, { onClick: o, children: "Play Now" })
|
|
2178
2184
|
] });
|
|
2179
|
-
},
|
|
2185
|
+
}, Qn = () => bt, Kn = /* @__PURE__ */ h(Qn())({
|
|
2180
2186
|
name: "OnboardingContainer",
|
|
2181
2187
|
class: "o9squag",
|
|
2182
2188
|
propsAsIs: !0
|
|
2183
|
-
}),
|
|
2189
|
+
}), Xn = ({
|
|
2184
2190
|
hiding: s,
|
|
2185
2191
|
deepLink: o,
|
|
2186
2192
|
onboardingOpts: l,
|
|
@@ -2192,9 +2198,9 @@ const Mi = ({
|
|
|
2192
2198
|
const {
|
|
2193
2199
|
data: y
|
|
2194
2200
|
} = Z(o.$store);
|
|
2195
|
-
return /* @__PURE__ */ c(
|
|
2201
|
+
return /* @__PURE__ */ c(Kn, {
|
|
2196
2202
|
hiding: s,
|
|
2197
|
-
children: /* @__PURE__ */ c(
|
|
2203
|
+
children: /* @__PURE__ */ c(Rn, {
|
|
2198
2204
|
rules: [{
|
|
2199
2205
|
label: "Answer as many questions as you like.",
|
|
2200
2206
|
icon: "icon-btn-feature-groups"
|
|
@@ -2229,8 +2235,8 @@ const Mi = ({
|
|
|
2229
2235
|
inviteCardSubtext: (E = l.inviteCard) == null ? void 0 : E.subtext,
|
|
2230
2236
|
inviteCardBtnLabel: (C = l.inviteCard) == null ? void 0 : C.buttonLabel,
|
|
2231
2237
|
onClose: () => {
|
|
2232
|
-
var
|
|
2233
|
-
d(!1), (
|
|
2238
|
+
var A;
|
|
2239
|
+
d(!1), (A = m.close) == null || A.call(m);
|
|
2234
2240
|
},
|
|
2235
2241
|
socialLinks: [{
|
|
2236
2242
|
icon: "icon-facebook",
|
|
@@ -2244,14 +2250,14 @@ const Mi = ({
|
|
|
2244
2250
|
gamification: g
|
|
2245
2251
|
})
|
|
2246
2252
|
});
|
|
2247
|
-
},
|
|
2253
|
+
}, Jn = ({
|
|
2248
2254
|
sdk: s,
|
|
2249
2255
|
hiding: o,
|
|
2250
2256
|
notification: l,
|
|
2251
2257
|
NotificationContainer: d
|
|
2252
2258
|
}) => {
|
|
2253
2259
|
const [m, g] = K(!1), f = s.getFeature(Re.GAMES), n = l.data.onboarding;
|
|
2254
|
-
return m && f && n ? /* @__PURE__ */ c(
|
|
2260
|
+
return m && f && n ? /* @__PURE__ */ c(Xn, {
|
|
2255
2261
|
notification: l,
|
|
2256
2262
|
setOpened: g,
|
|
2257
2263
|
gamification: f,
|
|
@@ -2260,18 +2266,18 @@ const Mi = ({
|
|
|
2260
2266
|
}) : /* @__PURE__ */ c(d, {
|
|
2261
2267
|
hiding: o,
|
|
2262
2268
|
children: /* @__PURE__ */ c("div", {
|
|
2263
|
-
children: /* @__PURE__ */ c(
|
|
2269
|
+
children: /* @__PURE__ */ c(Vn, {
|
|
2264
2270
|
close: l.close,
|
|
2265
2271
|
action: () => g(!0),
|
|
2266
2272
|
onboarding: n
|
|
2267
2273
|
})
|
|
2268
2274
|
})
|
|
2269
2275
|
});
|
|
2270
|
-
},
|
|
2276
|
+
}, Zn = () => bt, Fe = /* @__PURE__ */ h(Zn())({
|
|
2271
2277
|
name: "Container",
|
|
2272
2278
|
class: "ctckejh",
|
|
2273
2279
|
propsAsIs: !0
|
|
2274
|
-
}),
|
|
2280
|
+
}), es = ({ sdk: s }) => {
|
|
2275
2281
|
const o = s.getNotificationsStore(), l = Z(o), d = Ne(() => {
|
|
2276
2282
|
if (!(l != null && l.size))
|
|
2277
2283
|
return null;
|
|
@@ -2281,7 +2287,7 @@ const Mi = ({
|
|
|
2281
2287
|
return l.values().next().value;
|
|
2282
2288
|
}, [l]);
|
|
2283
2289
|
return (d == null ? void 0 : d.type) === ye.QUESTION ? /* @__PURE__ */ c(Fe, { hiding: d.hiding, children: /* @__PURE__ */ c("div", { children: /* @__PURE__ */ c(at, { ...d }) }) }) : (d == null ? void 0 : d.type) === ye.QUESTION_RESOLVED ? /* @__PURE__ */ c(Fe, { hiding: d.hiding, children: /* @__PURE__ */ c("div", { children: /* @__PURE__ */ c(at, { ...d }) }) }) : (d == null ? void 0 : d.type) === ye.ONBOARDING ? /* @__PURE__ */ c(
|
|
2284
|
-
|
|
2290
|
+
Jn,
|
|
2285
2291
|
{
|
|
2286
2292
|
NotificationContainer: Fe,
|
|
2287
2293
|
sdk: s,
|
|
@@ -2289,7 +2295,7 @@ const Mi = ({
|
|
|
2289
2295
|
hiding: d.hiding
|
|
2290
2296
|
}
|
|
2291
2297
|
) : null;
|
|
2292
|
-
},
|
|
2298
|
+
}, ts = /* @__PURE__ */ h("div")({
|
|
2293
2299
|
name: "SDKContainer",
|
|
2294
2300
|
class: "stu11h7",
|
|
2295
2301
|
propsAsIs: !1
|
|
@@ -2297,18 +2303,18 @@ const Mi = ({
|
|
|
2297
2303
|
name: "SDKScrollContainer",
|
|
2298
2304
|
class: "s1ucohr1",
|
|
2299
2305
|
propsAsIs: !1
|
|
2300
|
-
}),
|
|
2306
|
+
}), rs = /* @__PURE__ */ h("div")({
|
|
2301
2307
|
name: "SDKContentContainer",
|
|
2302
2308
|
class: "s1el4wvm",
|
|
2303
2309
|
propsAsIs: !1
|
|
2304
|
-
}),
|
|
2310
|
+
}), is = () => rs, ws = /* @__PURE__ */ h(is())({
|
|
2305
2311
|
name: "SDKWhiteContainer",
|
|
2306
2312
|
class: "s1oe3036",
|
|
2307
2313
|
propsAsIs: !0
|
|
2308
|
-
}),
|
|
2314
|
+
}), ns = (s) => {
|
|
2309
2315
|
const o = dt(""), [l, d] = K(!1), m = Z(s.status), g = Z(s.userId()), f = m === "ready", [n, w] = K(ee), v = pt(
|
|
2310
|
-
(y,
|
|
2311
|
-
w(
|
|
2316
|
+
(y, A) => {
|
|
2317
|
+
w(A), A === ee ? (y && s.createEventSession(y), s.openFeature(Re.GAMES)) : s.closeFeature();
|
|
2312
2318
|
},
|
|
2313
2319
|
[s]
|
|
2314
2320
|
);
|
|
@@ -2316,12 +2322,12 @@ const Mi = ({
|
|
|
2316
2322
|
!f && n === ee && (w(ce), s.closeFeature());
|
|
2317
2323
|
}, [f, n, s]);
|
|
2318
2324
|
const E = (y) => {
|
|
2319
|
-
o.current = y, s.initializeApp().then(({ enabled:
|
|
2320
|
-
if (d(!0),
|
|
2325
|
+
o.current = y, s.initializeApp().then(({ enabled: A, err: x }) => {
|
|
2326
|
+
if (d(!0), x) {
|
|
2321
2327
|
v(y, ce);
|
|
2322
2328
|
return;
|
|
2323
2329
|
}
|
|
2324
|
-
if (
|
|
2330
|
+
if (A) {
|
|
2325
2331
|
s.isUserAuthorized().then((B) => {
|
|
2326
2332
|
if (B) {
|
|
2327
2333
|
v(y, ee);
|
|
@@ -2352,7 +2358,7 @@ const Mi = ({
|
|
|
2352
2358
|
disableSdk: C,
|
|
2353
2359
|
isLogged: !!g
|
|
2354
2360
|
};
|
|
2355
|
-
},
|
|
2361
|
+
}, ss = (s) => {
|
|
2356
2362
|
const o = Z(s.getActiveFeature()), l = Z(s.streamStore()), [d, m] = K(null);
|
|
2357
2363
|
return he(() => {
|
|
2358
2364
|
const g = s.getFeatures();
|
|
@@ -2369,14 +2375,14 @@ const Mi = ({
|
|
|
2369
2375
|
f.status.get() === pe.Ready && f.disable();
|
|
2370
2376
|
};
|
|
2371
2377
|
}, [o, s, l]), [o, d];
|
|
2372
|
-
},
|
|
2373
|
-
const [, l] =
|
|
2378
|
+
}, os = ({ sdk: s, className: o }) => {
|
|
2379
|
+
const [, l] = ss(s);
|
|
2374
2380
|
return /* @__PURE__ */ c(er, { className: o, feature: l, sdk: s });
|
|
2375
|
-
},
|
|
2376
|
-
const { sdkEnabled: d, sdkReady: m, activeOverlay: g, activateAndLoadOverlay: f, enableSdk: n, disableSdk: w, isLogged: v } =
|
|
2381
|
+
}, as = ({ sdk: s, overlays: o, children: l }) => {
|
|
2382
|
+
const { sdkEnabled: d, sdkReady: m, activeOverlay: g, activateAndLoadOverlay: f, enableSdk: n, disableSdk: w, isLogged: v } = ns(s);
|
|
2377
2383
|
return he(() => {
|
|
2378
2384
|
import("./gamification-feature.js");
|
|
2379
|
-
}, []), /* @__PURE__ */ I(
|
|
2385
|
+
}, []), /* @__PURE__ */ I(ts, { children: [
|
|
2380
2386
|
d && /* @__PURE__ */ c(
|
|
2381
2387
|
yr,
|
|
2382
2388
|
{
|
|
@@ -2386,7 +2392,7 @@ const Mi = ({
|
|
|
2386
2392
|
setActiveOverlay: (E) => f("", E)
|
|
2387
2393
|
}
|
|
2388
2394
|
),
|
|
2389
|
-
m && /* @__PURE__ */ c(
|
|
2395
|
+
m && /* @__PURE__ */ c(es, { sdk: s }),
|
|
2390
2396
|
/* @__PURE__ */ c(
|
|
2391
2397
|
ht,
|
|
2392
2398
|
{
|
|
@@ -2399,33 +2405,33 @@ const Mi = ({
|
|
|
2399
2405
|
ht,
|
|
2400
2406
|
{
|
|
2401
2407
|
"data-nav": d.toString(),
|
|
2402
|
-
style: { display: g ===
|
|
2403
|
-
children: o && g ===
|
|
2408
|
+
style: { display: g === Ae ? "block" : "none" },
|
|
2409
|
+
children: o && g === Ae && o[g]
|
|
2404
2410
|
}
|
|
2405
2411
|
),
|
|
2406
|
-
m && g === ee && /* @__PURE__ */ c(
|
|
2412
|
+
m && g === ee && /* @__PURE__ */ c(os, { className: Ke, sdk: s }),
|
|
2407
2413
|
!v && /* @__PURE__ */ c("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", width: "100%", height: "100%" }, children: "You are not logged in." })
|
|
2408
2414
|
] });
|
|
2409
2415
|
};
|
|
2410
|
-
const
|
|
2416
|
+
const Is = ({
|
|
2411
2417
|
sdkKey: s,
|
|
2412
2418
|
plugins: o,
|
|
2413
2419
|
children: l,
|
|
2414
2420
|
production: d = !0
|
|
2415
|
-
}) => /* @__PURE__ */ c(Mt, { sdkKey: s, plugins: o, production: d, autoEnable: !1, children: l }),
|
|
2421
|
+
}) => /* @__PURE__ */ c(Mt, { sdkKey: s, plugins: o, production: d, autoEnable: !1, children: l }), As = ({ children: s, overlays: o }) => {
|
|
2416
2422
|
const { sdk: l, status: d } = Qt(qt);
|
|
2417
2423
|
if (d === jt.UNSET)
|
|
2418
2424
|
throw new Error("Wrap app in `StreamLayerProvider`");
|
|
2419
|
-
return l ? /* @__PURE__ */ c("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ c(Gt, { style: { height: "100%" }, children: /* @__PURE__ */ c(
|
|
2425
|
+
return l ? /* @__PURE__ */ c("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ c(Gt, { style: { height: "100%" }, children: /* @__PURE__ */ c(as, { sdk: l, overlays: o, children: s }) }) }) : s({});
|
|
2420
2426
|
};
|
|
2421
2427
|
export {
|
|
2422
|
-
|
|
2423
|
-
|
|
2424
|
-
|
|
2425
|
-
|
|
2426
|
-
|
|
2428
|
+
xt as A,
|
|
2429
|
+
Is as M,
|
|
2430
|
+
pn as O,
|
|
2431
|
+
ws as a,
|
|
2432
|
+
As as b,
|
|
2427
2433
|
bt as d,
|
|
2428
|
-
|
|
2434
|
+
rs as n,
|
|
2429
2435
|
wr as o,
|
|
2430
2436
|
ht as r,
|
|
2431
2437
|
Er as w
|