@streamlayer/react-ui 0.27.3 → 0.28.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/fedex-a8dcc7b2.js +4 -0
- package/lib/index.js +44 -40
- package/lib/ui/app/Features/FeatureProvider.js +14 -0
- package/lib/ui/app/Features/Gamification/Leaderboard.js +48 -0
- package/lib/ui/app/Features/Gamification/Question.js +102 -0
- package/lib/ui/app/Features/Gamification/QuestionsList.js +16 -0
- package/lib/ui/app/Features/Gamification/Tabs.js +47 -0
- package/lib/ui/app/Features/Gamification/UserSummary.js +17 -0
- package/lib/ui/app/Features/Gamification/index.js +67 -0
- package/lib/ui/app/Features/Highlights/Insight.js +31 -0
- package/lib/ui/app/Features/Highlights/Insights.js +16 -0
- package/lib/ui/app/Features/Highlights/index.js +33 -0
- package/lib/ui/app/Features/index.js +64 -0
- package/lib/ui/app/Navigation/index.js +31 -0
- package/lib/ui/app/Notifications/index.js +18 -0
- package/lib/ui/app/index.js +91 -0
- package/lib/ui/app/styles.js +8 -0
- package/lib/ui/app/useSdkFeature.js +24 -0
- package/lib/ui/demo/DemoPoints.js +14 -14
- package/lib/ui/demo/Gamification.js +10 -9
- package/lib/ui/demo/Highlights.js +8 -7
- package/lib/ui/demo/Login.js +8 -7
- package/lib/ui/demo/components/Leaderboard.js +2 -2
- package/lib/ui/demo/components/Question.js +52 -51
- package/lib/ui/demo/components/UserSummary.js +4 -10
- package/lib/ui/demo/components/index.js +23 -22
- package/lib/ui/demo/index.js +65 -53
- package/lib/ui/gamification/leaderboard-invite-link/index.js +4 -4
- package/lib/ui/gamification/leaderboard-item-detail/index.js +2 -2
- package/lib/ui/gamification/onboarding/index.js +17 -17
- package/lib/ui/gamification/points/styles.js +2 -3
- package/lib/ui/gamification/question/index.js +6 -6
- package/lib/ui/gamification/user-statistics/index.js +3 -3
- package/lib/ui/gamification/vote/components/voting-header/index.js +6 -6
- package/lib/ui/gamification/vote/index.js +5 -5
- package/lib/ui/icons/index.js +27 -27
- package/lib/ui/login/index.js +15 -15
- package/lib/ui/navigation/index.js +13 -0
- package/lib/ui/navigation/styles.js +46 -0
- package/lib/ui/notifications/decorator.js +6 -6
- package/lib/ui/notifications/index.js +1 -1
- package/lib/ui/notifications/notification/index.js +1 -1
- package/lib/utils/components/developer.js +18 -18
- package/lib/utils/components/envToggle.js +1 -1
- package/lib/utils/components/eventInput.js +12 -12
- package/lib/utils/components/sdkKey.js +10 -3
- package/lib/utils/createDemo.js +37 -24
- package/lib/utils/decorators/styles.js +3 -7
- package/lib/utils/login.js +8 -8
- package/lib/utils/useStreamLayerApp.js +5 -5
- package/package.json +6 -6
- package/lib/module.d.js +0 -1
package/lib/ui/demo/index.js
CHANGED
|
@@ -1,14 +1,16 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { FeatureStatus as
|
|
1
|
+
import { jsx as o, jsxs as u, Fragment as b } from "react/jsx-runtime";
|
|
2
|
+
import { FeatureStatus as f } from "@streamlayer/sdk-web-interfaces";
|
|
3
3
|
import { FeatureType as g } from "@streamlayer/sdk-web-types";
|
|
4
|
-
import { AvailableFeatures as
|
|
5
|
-
import { useState as
|
|
4
|
+
import { AvailableFeatures as A } from "@streamlayer/sdk-web-features";
|
|
5
|
+
import { useState as E, useMemo as h, useEffect as F } from "react";
|
|
6
|
+
import "@streamlayer/sdk-web-storage";
|
|
7
|
+
import "@streamlayer/sdk-web-api";
|
|
6
8
|
import { useStore as c } from "@nanostores/react";
|
|
7
|
-
import { Notifications as
|
|
8
|
-
import { GamificationComponent as
|
|
9
|
-
import { HighlightsComponent as
|
|
10
|
-
import { LoginComponent as
|
|
11
|
-
import { Buttons as
|
|
9
|
+
import { Notifications as D } from "../notifications/index.js";
|
|
10
|
+
import { GamificationComponent as C } from "./Gamification.js";
|
|
11
|
+
import { HighlightsComponent as N } from "./Highlights.js";
|
|
12
|
+
import { LoginComponent as T } from "./Login.js";
|
|
13
|
+
import { Buttons as H, Button as s } from "./styles.js";
|
|
12
14
|
import "../notifications/notification/index.js";
|
|
13
15
|
import "@streamlayer/sdk-web-notifications";
|
|
14
16
|
import "../notifications/notification/onboarding-inapp/index.js";
|
|
@@ -24,10 +26,10 @@ import "../gamification/navigation/styles.js";
|
|
|
24
26
|
import "./components/UserSummary.js";
|
|
25
27
|
import "../gamification/user-statistics/index.js";
|
|
26
28
|
import "../../utils/common.js";
|
|
27
|
-
import "../gamification/user-statistics/components/statistics/index.js";
|
|
28
|
-
import "../gamification/user-statistics/components/statistics/styles.js";
|
|
29
29
|
import "../gamification/user-statistics/components/rank/index.js";
|
|
30
30
|
import "../gamification/user-statistics/components/rank/styles.js";
|
|
31
|
+
import "../gamification/user-statistics/components/statistics/index.js";
|
|
32
|
+
import "../gamification/user-statistics/components/statistics/styles.js";
|
|
31
33
|
import "../gamification/user-statistics/styles.js";
|
|
32
34
|
import "./components/QuestionsList.js";
|
|
33
35
|
import "../gamification/question-list/index.js";
|
|
@@ -41,21 +43,22 @@ import "../../index-7045fbb2.js";
|
|
|
41
43
|
import "../gamification/vote/components/voting-option/styles.js";
|
|
42
44
|
import "../gamification/vote/styles.js";
|
|
43
45
|
import "../gamification/vote/components/voting-header/index.js";
|
|
46
|
+
import "../gamification/vote/components/voting-header/components/points/index.js";
|
|
47
|
+
import "../gamification/vote/components/voting-header/components/points/styles.js";
|
|
44
48
|
import "../gamification/vote/components/voting-header/components/timer/index.js";
|
|
45
49
|
import "react-countdown-circle-timer";
|
|
46
50
|
import "../theme/constants.js";
|
|
47
51
|
import "../gamification/vote/components/voting-header/components/timer/styles.js";
|
|
48
52
|
import "../gamification/vote/components/voting-header/styles.js";
|
|
49
|
-
import "
|
|
50
|
-
import "../gamification/vote/components/voting-header/components/points/styles.js";
|
|
53
|
+
import "../../fedex-a8dcc7b2.js";
|
|
51
54
|
import "../gamification/onboarding/index.js";
|
|
52
|
-
import "../gamification/onboarding/styles.js";
|
|
53
55
|
import "../gamification/onboarding/components/onboarding-slides/onboarding-instructions/index.js";
|
|
54
56
|
import "../gamification/onboarding/components/onboarding-slides/onboarding-instructions/styles.js";
|
|
55
|
-
import "../gamification/onboarding/components/onboarding-slides/onboarding-rules/index.js";
|
|
56
|
-
import "../gamification/onboarding/components/onboarding-slides/onboarding-rules/styles.js";
|
|
57
57
|
import "../gamification/onboarding/components/onboarding-slides/onboarding-invite-card/index.js";
|
|
58
58
|
import "../gamification/onboarding/components/onboarding-slides/onboarding-invite-card/styles.js";
|
|
59
|
+
import "../gamification/onboarding/components/onboarding-slides/onboarding-rules/index.js";
|
|
60
|
+
import "../gamification/onboarding/components/onboarding-slides/onboarding-rules/styles.js";
|
|
61
|
+
import "../gamification/onboarding/styles.js";
|
|
59
62
|
import "../gamification/insight/styles.js";
|
|
60
63
|
import "../gamification/insight-list/styles.js";
|
|
61
64
|
import "../gamification/common-header/styles.js";
|
|
@@ -75,63 +78,72 @@ import "../gamification/insight-list/index.js";
|
|
|
75
78
|
import "../gamification/insight/index.js";
|
|
76
79
|
import "./components/Insight.js";
|
|
77
80
|
import "../gamification/detailed-insight/index.js";
|
|
81
|
+
import "@streamlayer/sdk-web-anonymous-auth";
|
|
78
82
|
import "../login/index.js";
|
|
79
|
-
import "react-phone-number-input";
|
|
80
83
|
import "react-auth-code-input";
|
|
84
|
+
import "react-phone-number-input";
|
|
81
85
|
import "../../utils/login.js";
|
|
82
|
-
import "@connectrpc/connect-web";
|
|
83
86
|
import "@connectrpc/connect";
|
|
87
|
+
import "@connectrpc/connect-web";
|
|
84
88
|
import "@streamlayer/sl-eslib/users/users_connect";
|
|
85
89
|
import "../login/styles.js";
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
90
|
+
var y;
|
|
91
|
+
(function(t) {
|
|
92
|
+
t.SCHEMA = "schema", t.TOKEN = "token";
|
|
93
|
+
})(y || (y = {}));
|
|
94
|
+
var v;
|
|
95
|
+
(function(t) {
|
|
96
|
+
t.DISABLED = "disabled", t.INITIALIZATION = "initialization", t.READY = "ready", t.FAILED = "failed", t.SUSPENDED = "suspended";
|
|
97
|
+
})(v || (v = {}));
|
|
98
|
+
const L = ({ activeFeature: t, sdk: r }) => {
|
|
99
|
+
const [e, n] = E(null), { organizationSettings: a, streamSettings: l } = c(r.sdkStore), S = h(() => {
|
|
100
|
+
const i = (l == null ? void 0 : l.data) || (a == null ? void 0 : a.data);
|
|
101
|
+
return i != null && i.overlays ? i.overlays : [];
|
|
102
|
+
}, [a, l]);
|
|
103
|
+
F(() => {
|
|
104
|
+
const i = r.getFeatures();
|
|
105
|
+
if (t)
|
|
106
|
+
for (const [m, p] of i)
|
|
107
|
+
m === t ? p.status.get() === f.Suspended && (p.enable(), n(p)) : p.status.get() === f.Ready && p.disable();
|
|
96
108
|
else {
|
|
97
|
-
for (const [, m] of
|
|
98
|
-
m.status.get() ===
|
|
109
|
+
for (const [, m] of i)
|
|
110
|
+
m.status.get() === f.Ready && m.disable();
|
|
99
111
|
n(null);
|
|
100
112
|
}
|
|
101
113
|
return () => {
|
|
102
|
-
for (const [, m] of
|
|
103
|
-
m.status.get() ===
|
|
114
|
+
for (const [, m] of i)
|
|
115
|
+
m.status.get() === f.Ready && m.disable();
|
|
104
116
|
};
|
|
105
|
-
}, [
|
|
106
|
-
const d = h(() => e ? e.featureConfig.get().type === g.GAMES ? e ? /* @__PURE__ */
|
|
107
|
-
return /* @__PURE__ */
|
|
108
|
-
/* @__PURE__ */
|
|
109
|
-
/* @__PURE__ */
|
|
110
|
-
/* @__PURE__ */
|
|
111
|
-
|
|
117
|
+
}, [t, r]);
|
|
118
|
+
const d = h(() => e ? e.featureConfig.get().type === g.GAMES ? e ? /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o(C, { gamification: e, sdk: r }) }) : /* @__PURE__ */ o("div", { children: "wait gamification..." }) : e.featureConfig.get().type === g.HIGHLIGHTS ? e ? /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o(N, { highlights: e, sdk: r }) }) : /* @__PURE__ */ o("div", { children: "wait highlights..." }) : /* @__PURE__ */ o("div", { children: "unknown feature" }) : null, [r, e]);
|
|
119
|
+
return /* @__PURE__ */ u("div", { children: [
|
|
120
|
+
/* @__PURE__ */ u(H, { children: [
|
|
121
|
+
/* @__PURE__ */ o(s, { onClick: () => r.closeFeature(), disabled: !d, children: "close" }),
|
|
122
|
+
/* @__PURE__ */ o(s, { onClick: () => r.logout(), children: "logout" }),
|
|
123
|
+
S.map((i) => /* @__PURE__ */ u(
|
|
112
124
|
s,
|
|
113
125
|
{
|
|
114
|
-
onClick: () =>
|
|
115
|
-
disabled: !(
|
|
116
|
-
"data-enable_sdk_button":
|
|
117
|
-
"data-selected":
|
|
126
|
+
onClick: () => r.openFeature(i.type),
|
|
127
|
+
disabled: !(i.type in A),
|
|
128
|
+
"data-enable_sdk_button": i.enableSdkButton.toString(),
|
|
129
|
+
"data-selected": i.type === t,
|
|
118
130
|
children: [
|
|
119
|
-
/* @__PURE__ */
|
|
120
|
-
|
|
131
|
+
/* @__PURE__ */ o("img", { src: i.icon, alt: "" }),
|
|
132
|
+
i.name
|
|
121
133
|
]
|
|
122
134
|
},
|
|
123
|
-
|
|
135
|
+
i.name
|
|
124
136
|
))
|
|
125
137
|
] }),
|
|
126
138
|
d
|
|
127
139
|
] });
|
|
128
|
-
},
|
|
129
|
-
const
|
|
130
|
-
return
|
|
131
|
-
/* @__PURE__ */
|
|
132
|
-
/* @__PURE__ */
|
|
133
|
-
] }) : /* @__PURE__ */
|
|
140
|
+
}, ui = ({ sdk: t }) => {
|
|
141
|
+
const r = c(t.organizationStore()), e = c(t.getUserStore()), n = c(t.getActiveFeature());
|
|
142
|
+
return r.loading ? /* @__PURE__ */ o("div", { children: "authentication..." }) : r.data ? e.loading ? /* @__PURE__ */ o("div", { children: "authentication..." }) : e.data ? /* @__PURE__ */ u(b, { children: [
|
|
143
|
+
/* @__PURE__ */ o(D, { notificationsStore: t.getNotificationsStore() }),
|
|
144
|
+
/* @__PURE__ */ o(L, { sdk: t, activeFeature: n })
|
|
145
|
+
] }) : /* @__PURE__ */ o(T, { sdk: t }) : /* @__PURE__ */ o("div", { children: "wrong sdk key..." });
|
|
134
146
|
};
|
|
135
147
|
export {
|
|
136
|
-
|
|
148
|
+
ui as Demo
|
|
137
149
|
};
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import { jsxs as N, jsx as M } from "react/jsx-runtime";
|
|
2
2
|
import { Container as j, IconLink as T, FriendsIcon as A, Content as x, Title as y, Description as z, ArrowInviteIcon as E } from "./styles.js";
|
|
3
3
|
import "@linaria/react";
|
|
4
|
-
const L = "data:image/svg+xml;base64,
|
|
5
|
-
/* @__PURE__ */ M(T, { alt: "icon-link", src:
|
|
6
|
-
/* @__PURE__ */ M(A, { alt: "friends-icon", src:
|
|
4
|
+
const L = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiByeD0iMTYiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuMiIvPgo8cGF0aCBkPSJNMTAuNDYxNSAxMi42ODc1QzkuNDQyMzEgMTIuNjg3NSA4LjYxNTM4IDEzLjQ2NjUgOC42MTUzOCAxNC40MjY2QzguNjE1MzggMTUuMzg2OCA5LjQ0MjMxIDE2LjE2NTggMTAuNDYxNSAxNi4xNjU4QzExLjQ4MDggMTYuMTY1OCAxMi4zMDc3IDE1LjM4NjggMTIuMzA3NyAxNC40MjY2QzEyLjMwNzcgMTMuNDY2NSAxMS40ODA4IDEyLjY4NzUgMTAuNDYxNSAxMi42ODc1Wk0xMC40NjE1IDE2LjE2NThDOS4xMDgxNyAxNi4xNjU4IDggMTcuMjA5NyA4IDE4LjQ4NDZWMTkuNzUyN0M4IDE5Ljc1MjcgOC42MTUzOCAyMC4yMjM3IDEwLjQ2MTUgMjAuMjIzN0MxMi4zMDc3IDIwLjIyMzcgMTIuOTIzMSAxOS43NTI3IDEyLjkyMzEgMTkuNzUyN1YxOC40ODQ2QzEyLjkyMzEgMTcuMjA5NyAxMS44MTQ5IDE2LjE2NTggMTAuNDYxNSAxNi4xNjU4Wk0yMS41Mzg1IDEyLjY4NzVDMjAuNTE5MiAxMi42ODc1IDE5LjY5MjMgMTMuNDY2NSAxOS42OTIzIDE0LjQyNjZDMTkuNjkyMyAxNS4zODY4IDIwLjUxOTIgMTYuMTY1OCAyMS41Mzg1IDE2LjE2NThDMjIuNTU3NyAxNi4xNjU4IDIzLjM4NDYgMTUuMzg2OCAyMy4zODQ2IDE0LjQyNjZDMjMuMzg0NiAxMy40NjY1IDIyLjU1NzcgMTIuNjg3NSAyMS41Mzg1IDEyLjY4NzVaTTIxLjUzODUgMTYuMTY1OEMyMC4xODUxIDE2LjE2NTggMTkuMDc2OSAxNy4yMDk3IDE5LjA3NjkgMTguNDg0NlYxOS43NTI3QzE5LjA3NjkgMTkuNzUyNyAxOS42OTIzIDIwLjIyMzcgMjEuNTM4NSAyMC4yMjM3QzIzLjM4NDYgMjAuMjIzNyAyNCAxOS43NTI3IDI0IDE5Ljc1MjdWMTguNDg0NkMyNCAxNy4yMDk3IDIyLjg5MTggMTYuMTY1OCAyMS41Mzg1IDE2LjE2NThaTTE2IDE1LjAwNjNDMTQuOTgwOCAxNS4wMDYzIDE0LjE1MzggMTUuNzg1MyAxNC4xNTM4IDE2Ljc0NTVDMTQuMTUzOCAxNy43MDU2IDE0Ljk4MDggMTguNDg0NiAxNiAxOC40ODQ2QzE3LjAxOTIgMTguNDg0NiAxNy44NDYyIDE3LjcwNTYgMTcuODQ2MiAxNi43NDU1QzE3Ljg0NjIgMTUuNzg1MyAxNy4wMTkyIDE1LjAwNjMgMTYgMTUuMDA2M1pNMTYgMTguNDg0NkMxNC42NDY2IDE4LjQ4NDYgMTMuNTM4NSAxOS41Mjg1IDEzLjUzODUgMjAuODAzNFYyMi4wNzE1QzEzLjUzODUgMjIuMDcxNSAxNC4xNTM4IDIyLjU0MjUgMTYgMjIuNTQyNUMxNy44NDYyIDIyLjU0MjUgMTguNDYxNSAyMi4wNzE1IDE4LjQ2MTUgMjIuMDcxNVYyMC44MDM0QzE4LjQ2MTUgMTkuNTI4NSAxNy4zNTM0IDE4LjQ4NDYgMTYgMTguNDg0NloiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0xMy4zODk4IDlDMTIuMzA5MyA5IDExLjQzMjYgOS44MjU4NCAxMS40MzI2IDEwLjg0MzdDMTEuNDMyNiAxMS44NjE2IDEyLjMwOTMgMTIuNjg3NSAxMy4zODk4IDEyLjY4NzVDMTQuNDcwNCAxMi42ODc1IDE1LjM0NyAxMS44NjE2IDE1LjM0NyAxMC44NDM3QzE1LjM0NyA5LjgyNTg0IDE0LjQ3MDQgOSAxMy4zODk4IDlaTTEzLjM4OTggMTIuNjg3NUMxMy4xOTM2IDEyLjY4NzUgMTIuOTk0OCAxMi42ODI3IDEyLjc5ODYgMTIuNzQ1MUMxMy4xOTEgMTMuMjM3MiAxMy4zODk4IDEzLjg1NDIgMTMuMzg5OCAxNC41MzEyQzEzLjM4OTggMTQuNzc2MSAxMy4zMjg3IDE1LjAxNjEgMTMuMzI4NyAxNS4yNjFDMTMuODUxMSAxNC41MjQgMTQuNjk0NiAxNC4wMzkxIDE1LjY3MzIgMTMuOTE2NkMxNS4yMTcgMTMuMTc5NiAxNC4zNjg0IDEyLjY4NzUgMTMuMzg5OCAxMi42ODc1Wk0xOC42MDkgOUMxNy41Mjg1IDkgMTYuNjUxOCA5LjgyNTg0IDE2LjY1MTggMTAuODQzN0MxNi42NTE4IDExLjg2MTYgMTcuNTI4NSAxMi42ODc1IDE4LjYwOSAxMi42ODc1QzE5LjY4OTYgMTIuNjg3NSAyMC41NjYyIDExLjg2MTYgMjAuNTY2MiAxMC44NDM3QzIwLjU2NjIgOS44MjU4NCAxOS42ODk2IDkgMTguNjA5IDlaTTE4LjYwOSAxMi42ODc1QzE3LjYzMDQgMTIuNjg3NSAxNi43ODE4IDEzLjE3OTYgMTYuMzI1NiAxMy45MTY2QzE3LjMwNDIgMTQuMDM5MSAxOC4xNDc4IDE0LjUyNCAxOC42NzAyIDE1LjI2MUMxOC42NzAyIDE1LjAxNjEgMTguNjA5IDE0Ljc3NjEgMTguNjA5IDE0LjUzMTJDMTguNjA5IDEzLjg1NDIgMTguODA3OCAxMy4yMzcyIDE5LjIwMDMgMTIuNzQ1MUMxOS4wMDQgMTIuNjgyNyAxOC44MDUyIDEyLjY4NzUgMTguNjA5IDEyLjY4NzVaIiBmaWxsPSJ3aGl0ZSIgZmlsbC1vcGFjaXR5PSIwLjQiLz4KPC9zdmc+Cg==", i = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlNoYXJlIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTExIDQuOTY1VjEuMTI1TDE4IDcuODQ1TDExIDE0LjU2NVYxMC42MjlDNiAxMC42MjkgMi41IDEyLjE2NSAwIDE1LjUyNUMxIDEwLjcyNSA0IDUuOTI1IDExIDQuOTY1WiIgZmlsbD0id2hpdGUiLz4KPC9nPgo8L3N2Zz4K", u = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9Ikh5cGVybGluayI+CjxwYXRoIGlkPSJWZWN0b3IiIGQ9Ik0xLjUyIDhDMS41MiA2LjYzMiAyLjYzMiA1LjUyIDQgNS41Mkg3LjJWNEw0IDRDMS43OTIgNCAwIDUuNzkyIDAgOEMwIDEwLjIwOCAxLjc5MiAxMiA0IDEySDcuMkw3LjIgMTAuNDhINEMyLjYzMiAxMC40OCAxLjUyIDkuMzY4IDEuNTIgOFpNNC44IDguOEgxMS4yVjcuMkg0LjhWOC44Wk0xMiA0SDguOFY1LjUyTDEyIDUuNTJDMTMuMzY4IDUuNTIgMTQuNDggNi42MzIgMTQuNDggOEMxNC40OCA5LjM2OCAxMy4zNjggMTAuNDggMTIgMTAuNDhIOC44VjEySDEyQzE0LjIwOCAxMiAxNiAxMC4yMDggMTYgOEMxNiA1Ljc5MiAxNC4yMDggNCAxMiA0WiIgZmlsbD0id2hpdGUiLz4KPC9nPgo8L3N2Zz4K", c = ({ title: I, description: D, onClick: g }) => /* @__PURE__ */ N(j, { onClick: g, children: [
|
|
5
|
+
/* @__PURE__ */ M(T, { alt: "icon-link", src: u }),
|
|
6
|
+
/* @__PURE__ */ M(A, { alt: "friends-icon", src: L }),
|
|
7
7
|
/* @__PURE__ */ N(x, { children: [
|
|
8
8
|
/* @__PURE__ */ M(y, { children: I }),
|
|
9
9
|
/* @__PURE__ */ M(z, { children: D })
|
|
10
10
|
] }),
|
|
11
|
-
/* @__PURE__ */ M(E, { alt: "arrow-invite-icon", src:
|
|
11
|
+
/* @__PURE__ */ M(E, { alt: "arrow-invite-icon", src: i })
|
|
12
12
|
] });
|
|
13
13
|
export {
|
|
14
14
|
c as LeaderboardInviteLink
|
|
@@ -6,10 +6,10 @@ import "../../../icon-exit-6a55bb8f.js";
|
|
|
6
6
|
import "../common-header/styles.js";
|
|
7
7
|
import "@linaria/react";
|
|
8
8
|
import "../../../utils/common.js";
|
|
9
|
-
import "../user-statistics/components/statistics/index.js";
|
|
10
|
-
import "../user-statistics/components/statistics/styles.js";
|
|
11
9
|
import "../user-statistics/components/rank/index.js";
|
|
12
10
|
import "../user-statistics/components/rank/styles.js";
|
|
11
|
+
import "../user-statistics/components/statistics/index.js";
|
|
12
|
+
import "../user-statistics/components/statistics/styles.js";
|
|
13
13
|
import "../user-statistics/styles.js";
|
|
14
14
|
const D = ({ comeBack: o, ...t }) => /* @__PURE__ */ m(e, { children: [
|
|
15
15
|
/* @__PURE__ */ r(i, { comeBack: o }),
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import { jsxs as l, jsx as t } from "react/jsx-runtime";
|
|
2
2
|
import { useState as g, useEffect as B, useCallback as w } from "react";
|
|
3
3
|
import { i as D } from "../../../icon-exit-6a55bb8f.js";
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import { OnboardingRules as
|
|
7
|
-
import {
|
|
8
|
-
import "@linaria/react";
|
|
4
|
+
import { OnboardingInstructions as N } from "./components/onboarding-slides/onboarding-instructions/index.js";
|
|
5
|
+
import { OnboardingInviteCard as T } from "./components/onboarding-slides/onboarding-invite-card/index.js";
|
|
6
|
+
import { OnboardingRules as j } from "./components/onboarding-slides/onboarding-rules/index.js";
|
|
7
|
+
import { Container as p, OnboardingHeader as E, LeftBlock as G, GameIcon as R, RightBlock as A, SponsorLogo as H, CloseBtn as L, IconClose as P, Content as q, OnboardingActionBtn as z } from "./styles.js";
|
|
9
8
|
import "./components/onboarding-slides/onboarding-instructions/styles.js";
|
|
10
|
-
import "
|
|
9
|
+
import "@linaria/react";
|
|
11
10
|
import "./components/onboarding-slides/onboarding-invite-card/styles.js";
|
|
11
|
+
import "./components/onboarding-slides/onboarding-rules/styles.js";
|
|
12
12
|
const e = {
|
|
13
13
|
steps: !1,
|
|
14
14
|
rules: !1,
|
|
@@ -38,19 +38,19 @@ const e = {
|
|
|
38
38
|
const x = w(() => {
|
|
39
39
|
n != null && n.length && a < n.length - 1 ? h((I) => ++I) : i != null && i.length && o.steps ? r({ ...e, rules: !0 }) : o.rules && r({ ...e, inviteCard: !0 });
|
|
40
40
|
}, [a, n == null ? void 0 : n.length, i == null ? void 0 : i.length, o, h, r]);
|
|
41
|
-
return /* @__PURE__ */ l(
|
|
42
|
-
/* @__PURE__ */ l(
|
|
43
|
-
/* @__PURE__ */ t(
|
|
44
|
-
/* @__PURE__ */ l(
|
|
45
|
-
d && /* @__PURE__ */ t(
|
|
46
|
-
/* @__PURE__ */ t(
|
|
41
|
+
return /* @__PURE__ */ l(p, { children: [
|
|
42
|
+
/* @__PURE__ */ l(E, { children: [
|
|
43
|
+
/* @__PURE__ */ t(G, { children: c && /* @__PURE__ */ t(R, { alt: "sponsor-one-onboarding-icon", src: c }) }),
|
|
44
|
+
/* @__PURE__ */ l(A, { children: [
|
|
45
|
+
d && /* @__PURE__ */ t(H, { alt: "sponsor-two-onboarding-icon", src: d }),
|
|
46
|
+
/* @__PURE__ */ t(L, { onClick: k, children: /* @__PURE__ */ t(P, { alt: "icon-close-onboarding", src: D }) })
|
|
47
47
|
] })
|
|
48
48
|
] }),
|
|
49
|
-
/* @__PURE__ */ l(
|
|
50
|
-
o.steps && (n == null ? void 0 : n.length) && /* @__PURE__ */ t(
|
|
51
|
-
o.rules && /* @__PURE__ */ t(
|
|
49
|
+
/* @__PURE__ */ l(q, { children: [
|
|
50
|
+
o.steps && (n == null ? void 0 : n.length) && /* @__PURE__ */ t(N, { graphic: n[a].graphic, headline: n[a].headline }),
|
|
51
|
+
o.rules && /* @__PURE__ */ t(j, { rules: i, rulesTitle: u, primaryColor: m }),
|
|
52
52
|
o.inviteCard && /* @__PURE__ */ t(
|
|
53
|
-
|
|
53
|
+
T,
|
|
54
54
|
{
|
|
55
55
|
inviteCardTitle: v,
|
|
56
56
|
inviteCardSubtext: S,
|
|
@@ -58,7 +58,7 @@ const e = {
|
|
|
58
58
|
}
|
|
59
59
|
)
|
|
60
60
|
] }),
|
|
61
|
-
/* @__PURE__ */ t(
|
|
61
|
+
/* @__PURE__ */ t(z, { onClick: o.inviteCard ? O : x, children: o.rules ? C || "Got it!" : o.inviteCard ? y || "Play now!" : "Next" })
|
|
62
62
|
] });
|
|
63
63
|
};
|
|
64
64
|
export {
|
|
@@ -4,7 +4,7 @@ import "react/jsx-runtime";
|
|
|
4
4
|
import "react";
|
|
5
5
|
const s = t.div`
|
|
6
6
|
background: transparent;
|
|
7
|
-
border: 1px solid rgba(255, 255, 255, 0.
|
|
7
|
+
border: 1px solid rgba(255, 255, 255, 0.4);
|
|
8
8
|
border-radius: 40px;
|
|
9
9
|
display: flex;
|
|
10
10
|
height: 48px;
|
|
@@ -31,8 +31,7 @@ const s = t.div`
|
|
|
31
31
|
path {
|
|
32
32
|
fill: #fff;
|
|
33
33
|
}
|
|
34
|
-
`, x = t.div`
|
|
35
|
-
`, a = t.div`
|
|
34
|
+
`, x = t.div``, a = t.div`
|
|
36
35
|
font-weight: 300;
|
|
37
36
|
font-size: 10px;
|
|
38
37
|
`, c = t.div`
|
|
@@ -3,13 +3,13 @@ import { QuestionType as N, PickHistoryStatus as D, QuestionStatus as O } from "
|
|
|
3
3
|
import { i as T } from "../../../icon-chevron-138a557c.js";
|
|
4
4
|
import { Panel as E, QuestionTypeIconWrap as c, QuestionTypeIcon as x, QuestionContent as Q, QuestionTypeLabel as Y, QuestionTypeTitle as C, ExpiredQuestion as S, QuestionSubject as U, QuestionActionTitle as w, QuestionActionIcon as a, QuestionStatusIcon as k } from "./styles.js";
|
|
5
5
|
import "@linaria/react";
|
|
6
|
-
const l = "data:image/svg+xml;base64,
|
|
7
|
-
[N.POLL]: { label: "Poll", icon:
|
|
8
|
-
[N.TRIVIA]: { label: "Trivia", icon:
|
|
9
|
-
[N.PREDICTION]: { label: "Prediction", icon:
|
|
6
|
+
const l = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNiAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IkNoZWNrIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTEzLjQzMTUgMy4xODI0Nkw1LjUzMzIxIDExLjA4MDhMMS45OTc3MSA3LjU0NTI3QzEuNTQwNTYgNy4wODgxMSAwLjc5OTkxMyA3LjA4ODExIDAuMzQyODY0IDcuNTQ1MjdDLTAuMTE0Mjg4IDguMDAyNDIgLTAuMTE0Mjg4IDguNzQzMDcgMC4zNDI4NjQgOS4yMDAxMUw0LjcwNTY3IDEzLjU2MjlDNC45MzMzMSAxMy43OTA2IDUuMjM0MTUgMTMuOTA2MyA1LjUzMzA3IDEzLjkwNjNDNS44MzIwMiAxMy45MDYzIDYuMTMwOTYgMTMuNzkyNCA2LjM2MDQ4IDEzLjU2MjlMMTUuMDg2MSA0LjgzNzMxQzE1LjU0MzIgNC4zODAxNiAxNS41NDMyIDMuNjM5NTEgMTUuMDg2MSAzLjE4MjQ2QzE0LjYyOSAyLjcyNTMxIDEzLjg4ODQgMi43MjUzMSAxMy40MzEyIDMuMTgyNDZIMTMuNDMxNVoiIGZpbGw9IiMwMEJENjAiLz4KPC9nPgo8L3N2Zz4K", n = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9Ikdyb3VwIDQ2NSI+CjxyZWN0IGlkPSJSZWN0YW5nbGUgMzY4IiB4PSIyIiB5PSIwLjUwNjEwNCIgd2lkdGg9IjE2LjQ5OTIiIGhlaWdodD0iMi4zNTcwMiIgcng9IjEuMTc4NTEiIHRyYW5zZm9ybT0icm90YXRlKDQ1IDIgMC41MDYxMDQpIiBmaWxsPSIjOWUwYTFmIi8+CjxyZWN0IGlkPSJSZWN0YW5nbGUgMzY5IiB4PSIwLjMzMzAwOCIgeT0iMTIuMTcyOSIgd2lkdGg9IjE2LjQ5OTIiIGhlaWdodD0iMi4zNTcwMiIgcng9IjEuMTc4NTEiIHRyYW5zZm9ybT0icm90YXRlKC00NSAwLjMzMzAwOCAxMi4xNzI5KSIgZmlsbD0iIzllMGExZiIvPgo8L2c+Cjwvc3ZnPgo=", Z = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlBvbGwiPgo8cGF0aCBpZD0iTm90aWZpY2F0aW9uL0ljb24vUG9sbCIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05Ljc3NzggMS42ODQyMVY1LjA1MjYzSDEzLjMzMzNDMTMuODI0MyA1LjA1MjYzIDE0LjIyMjIgNC42NzU2MSAxNC4yMjIyIDQuMjEwNTNWMi41MjYzMkMxNC4yMjIyIDIuMDYxMjMgMTMuODI0MyAxLjY4NDIxIDEzLjMzMzMgMS42ODQyMUg5Ljc3NzhaTTIuNjY2NjcgMEMxLjE5MzkxIDAgMCAxLjEzMTA3IDAgMi41MjYzMlY0LjIxMDUzQzAgNS42MDU3NyAxLjE5MzkxIDYuNzM2ODQgMi42NjY2NyA2LjczNjg0SDEzLjMzMzNDMTQuODA2MSA2LjczNjg0IDE2IDUuNjA1NzcgMTYgNC4yMTA1M1YyLjUyNjMyQzE2IDEuMTMxMDcgMTQuODA2MSAwIDEzLjMzMzMgMEgyLjY2NjY3Wk00LjQ0NDQ2IDEwLjk0NzNIMTMuMzMzM0MxMy44MjQzIDEwLjk0NzMgMTQuMjIyMiAxMS4zMjQzIDE0LjIyMjIgMTEuNzg5NFYxMy40NzM2QzE0LjIyMjIgMTMuOTM4NyAxMy44MjQzIDE0LjMxNTcgMTMuMzMzMyAxNC4zMTU3SDQuNDQ0NDZWMTAuOTQ3M1pNMCAxMS43ODk0QzAgMTAuMzk0MiAxLjE5MzkxIDkuMjYzMSAyLjY2NjY3IDkuMjYzMUgxMy4zMzMzQzE0LjgwNjEgOS4yNjMxIDE2IDEwLjM5NDIgMTYgMTEuNzg5NFYxMy40NzM2QzE2IDE0Ljg2ODkgMTQuODA2MSAxNS45OTk5IDEzLjMzMzMgMTUuOTk5OUgyLjY2NjY3QzEuMTkzOTEgMTUuOTk5OSAwIDE0Ljg2ODkgMCAxMy40NzM2VjExLjc4OTRaIiBmaWxsPSJ3aGl0ZSIgZmlsbC1vcGFjaXR5PSIwLjUiLz4KPC9nPgo8L3N2Zz4K", o = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9Ikljb24vTm90aWZpY2F0aW9uL1ByZWRpY2l0b24iPgo8cGF0aCBpZD0iSWNvbi9QcmVkaWN0aW9uIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTE2IDcuMDA1MjJDMTYgNy4wMDUyMiA5LjIwMDQ4IDYuODE2MDcgOS4yMDA0OCAwQzkuMjAwNDggNi4zNjE2OCAzLjI3NzI5IDYuOTUwNTYgMi40ODc1NiA3LjAwMDc4TDIuNDAwOTQgNy4wMDUyMkMyLjQwMDk0IDcuMDA1MjIgOS4yMDA0OCA3LjE5NDM1IDkuMjAwNDggMTQuMDEwNEM5LjIwMDQ4IDcuNjQ4NzcgMTUuMTIzNCA3LjA1OTg5IDE1LjkxMzEgNy4wMDk2NEwxNiA3LjAwNTIyWk02Ljk3MzgyIDEyLjU2NTJDNi45NzM4MiAxMi41NjUyIDMuNDg2OTEgMTIuNDcyNCAzLjQ4NjkxIDkuMTMwMzNDMy40ODY5MSAxMi4yNDk2IDAuNDQ5NDAyIDEyLjUzODQgMC4wNDQ0MTg2IDEyLjU2M0wwIDEyLjU2NTJDMCAxMi41NjUyIDMuNDg2OTEgMTIuNjU3OSAzLjQ4NjkxIDE2QzMuNDg2OTEgMTIuODgwNyA2LjUyNDI5IDEyLjU5MiA2LjkyOTI3IDEyLjU2NzNMNi45NzM4MiAxMi41NjUyWiIgZmlsbD0id2hpdGUiIGZpbGwtb3BhY2l0eT0iMC41Ii8+CjwvZz4KPC9zdmc+Cg==", d = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9Ikljb24vTm90aWZpY2F0aW9uL1RyaXZpYSI+CjxwYXRoIGlkPSJOb3RpZmljYXRpb24vSWNvbi9Ucml2aWEiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMi4wMTY2MyAxLjM4MDhDMC43Mzk5MTMgMS41NTU4NiAtMC4xNTMxNTMgMi43MzI3NiAwLjAyMTkxMiA0LjAwOTQ4TDEuMzgwOCAxMy45MTk2QzEuNTU1ODYgMTUuMTk2MyAyLjczMjc2IDE2LjA4OTQgNC4wMDk0OCAxNS45MTQzTDEzLjkxOTYgMTQuNTU1NEMxNS4xOTYzIDE0LjM4MDMgMTYuMDg5NCAxMy4yMDM0IDE1LjkxNDMgMTEuOTI2N0wxNC41NTU0IDIuMDE2NjNDMTQuMzgwMyAwLjczOTkxMyAxMy4yMDM0IC0wLjE1MzE1MyAxMS45MjY3IDAuMDIxOTEyTDIuMDE2NjMgMS4zODA4Wk05LjU5NjEzIDMuNzg4QzkuMTE0MzEgMy40Njk5MSA4LjQ3ODEzIDMuMzAxNTEgNy43NTY2IDMuMzAxNTFDNy41NDM3NyAzLjMwMTUxIDcuMzI2MjUgMy4zMTY3MSA3LjEwODcyIDMuMzQ0NzhDNi4zODgzNiAzLjQ0MDY3IDUuNjg5MDEgMy43OTAzNCA1LjE4OTY1IDQuMzAxMzhDNC42ODQ0NSA0LjgyMDYyIDQuNDM3NyA1LjQ1NTYzIDQuNTE3MjIgNi4wNDE1MUM0LjU3NDUyIDYuNDc0MiA0LjkwMDc4IDYuNzUzNyA1LjM0NjM1IDYuNzUzN0M1LjM5NDI5IDYuNzUzNyA1LjQ0MzQxIDYuNzUwMiA1LjQ5MTM2IDYuNzQ0MzVDNi4wODc3OCA2LjY2NDgzIDYuMjE2NDIgNi4yNTQzNiA2LjM0MDM2IDUuODU2NzVMNi4zNDA0NSA1Ljg1NjQ4QzYuNDgxOTIgNS40MDQwMSA2LjYxNTM0IDQuOTc3MzEgNy4zODU4NSA0Ljg3NDQ0QzcuNDY1MzcgNC44NjM5MSA3LjU0MTM4IDQuODU4MDYgNy42MTUwNiA0Ljg1ODA2QzguMTY5MzkgNC44NTgwNiA4LjUxNDM2IDUuMTUwNDIgOC41ODQ1NCA1LjY4MjUyQzguNjUzNTMgNi4yMDI5MyA4LjI0MzA3IDYuNjE4MDcgNy44MDY4NCA3LjA1NjZMNy44MDM5MyA3LjA1OTU0QzcuMzE1ODIgNy41NTIzMSA2Ljc2MzkgOC4xMDk1IDYuODY4OTUgOC45MDA4M0M2Ljg5NTg1IDkuMTA1NDggNi45ODU5IDkuMjk0OTMgNy4xMjI3MiA5LjQzNjQ0QzcuMjc4MjYgOS41OTkgNy40ODI5IDkuNjg0MzYgNy43MTMzMSA5LjY4NDM2QzcuNzU1NDEgOS42ODQzNiA3Ljc5ODY4IDkuNjgyMDMgNy44NDMxMSA5LjY3NjE4QzguNDY2OTEgOS41OTMyNCA4LjU1MTYyIDkuMjMxMzkgOC42MzMzOCA4Ljg4MjFMOC42MzM2NSA4Ljg4MDk3TDguNjM2NjEgOC44Njg1OUM4LjY2NzIzIDguNzQwMyA4LjY5ODc3IDguNjA4MTMgOC43NTk5NSA4LjQ4ODA0QzguODQ2NDkgOC4zMTYxMyA5LjA2MjgzIDguMTEyNjUgOS4zMTQyOCA3Ljg3ODc1QzkuOTE0MiA3LjMxODU4IDEwLjczNCA2LjU1MTQzIDEwLjU4MiA1LjQxNTg5QzEwLjQ4NzIgNC43MDYwMyAxMC4xNTUxIDQuMTU3NTcgOS41OTYxMSAzLjc4ODAyTDkuNTk2MTMgMy43ODhaTTguMTE2MDUgMTAuMjhDOC4wNjkyNyAxMC4yOCA4LjAyMTMyIDEwLjI4MzYgNy45NzQ1NCAxMC4yODk0QzcuMzgzOTYgMTAuMzY4OSA2Ljk2NzY1IDEwLjkxMjcgNy4wNDU5OSAxMS41MDMzQzcuMTE3MzMgMTIuMDM3NyA3LjU3ODA4IDEyLjQ0MTIgOC4xMTcyIDEyLjQ0MTJDOC4xNjM5NyAxMi40NDEyIDguMjExOTIgMTIuNDM3NyA4LjI1OTg3IDEyLjQzMThDOC44NTA0NSAxMi4zNTIzIDkuMjY1NiAxMS44MDg1IDkuMTg4NDIgMTEuMjE3OUM5LjExNTkxIDEwLjY4MjMgOC42NTUxNyAxMC4yOCA4LjExNjA1IDEwLjI4WiIgZmlsbD0id2hpdGUiIGZpbGwtb3BhY2l0eT0iMC41Ii8+CjwvZz4KPC9zdmc+Cg==", b = {
|
|
7
|
+
[N.POLL]: { label: "Poll", icon: Z },
|
|
8
|
+
[N.TRIVIA]: { label: "Trivia", icon: d },
|
|
9
|
+
[N.PREDICTION]: { label: "Prediction", icon: o }
|
|
10
10
|
}, s = {
|
|
11
|
-
[D.LOST]:
|
|
12
|
-
[D.WON]:
|
|
11
|
+
[D.LOST]: n,
|
|
12
|
+
[D.WON]: l,
|
|
13
13
|
[D.UNSET]: T,
|
|
14
14
|
[D.DNP]: T
|
|
15
15
|
}, P = ({
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { jsxs as N, jsx as M } from "react/jsx-runtime";
|
|
2
2
|
import { abbreviate as c } from "../../../utils/common.js";
|
|
3
|
-
import { Statistics as D } from "./components/statistics/index.js";
|
|
4
3
|
import { Rank as A } from "./components/rank/index.js";
|
|
4
|
+
import { Statistics as D } from "./components/statistics/index.js";
|
|
5
5
|
import { Container as x, TopInfo as U, User as w, UserAccountBtn as k, Avatar as r, AvatarPlaceholder as E, UserInfo as Q, UserName as S, UserRating as t, TrophyIcon as C, Rts as Y, RtsIndicator as o, Top as n, Ranks as e, BottomInfo as l } from "./styles.js";
|
|
6
|
-
import "./components/statistics/styles.js";
|
|
7
|
-
import "@linaria/react";
|
|
8
6
|
import "./components/rank/styles.js";
|
|
7
|
+
import "@linaria/react";
|
|
8
|
+
import "./components/statistics/styles.js";
|
|
9
9
|
const a = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlRyb3BoeSI+CjxwYXRoIGlkPSJDb21iaW5lZCBTaGFwZSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yLjc2OTE2IDMuNTAwMDJDMi43NjkxNiA0LjQ5Nzg2IDIuOTQ3MDUgNS4zODM0OCAzLjMwMjgyIDYuMTU2OTJDMi42MjQ5MyA2LjAxODQ3IDIuMDU4ODMgNS43NDg3MiAxLjYwNDUgNS4zNDc2OEMxLjE1MDE3IDQuOTQ2NjMgMC45MjMwMDggNC41NTk5MiAwLjkyMzAwOCA0LjE4NzUyVjMuNTAwMDJIMi43NjkxNlpNMTEuMDc2OCAzLjUwMDAyVjQuMTg3NTJDMTEuMDc2OCA0LjU1OTkyIDEwLjg0OTcgNC45NDY2MyAxMC4zOTUzIDUuMzQ3NjhDOS45NDEgNS43NDg3MiA5LjM3NDkgNi4wMTg0NyA4LjY5NzAxIDYuMTU2OTJDOS4wNTI3OCA1LjM4MzQ4IDkuMjMwNjYgNC40OTc4NiA5LjIzMDY2IDMuNTAwMDJIMTEuMDc2OFpNMTIgNC4xODc1VjMuMjcwODNDMTIgMy4wNzk4NiAxMS45MzI3IDIuOTE3NTQgMTEuNzk4MSAyLjc4Mzg1QzExLjY2MzUgMi42NTAxNyAxMS41IDIuNTgzMzMgMTEuMzA3NyAyLjU4MzMzSDkuMjMwNzdWMS44OTU4M0M5LjIzMDc3IDEuNTgwNzMgOS4xMTc3OSAxLjMxMDk4IDguODkxODMgMS4wODY1OUM4LjY2NTg2IDAuODYyMTk1IDguMzk0MjMgMC43NSA4LjA3NjkyIDAuNzVIMy45MjMwOEMzLjYwNTc3IDAuNzUgMy4zMzQxNCAwLjg2MjE5NSAzLjEwODE3IDEuMDg2NTlDMi44ODIyMSAxLjMxMDk4IDIuNzY5MjMgMS41ODA3MyAyLjc2OTIzIDEuODk1ODNWMi41ODMzM0gwLjY5MjMwOEMwLjQ5OTk5OSAyLjU4MzMzIDAuMzM2NTM5IDIuNjUwMTcgMC4yMDE5MjMgMi43ODM4NUMwLjA2NzMwNyAyLjkxNzU0IDAgMy4wNzk4NiAwIDMuMjcwODNWNC4xODc1QzAgNC41MjY0OCAwLjA5OTc1ODYgNC44Njc4NCAwLjI5OTI3OSA1LjIxMTU5QzAuNDk4Nzk5IDUuNTU1MzQgMC43NjgwMjcgNS44NjU2NyAxLjEwNjk3IDYuMTQyNThDMS40NDU5MiA2LjQxOTQ5IDEuODYxNzggNi42NTIyMyAyLjM1NDU3IDYuODQwODJDMi44NDczNiA3LjAyOTQxIDMuMzY1MzggNy4xMzU2MyAzLjkwODY1IDcuMTU5NTFDNC4xMTA1OCA3LjQxNzMyIDQuMzM4OTQgNy42NDQxIDQuNTkzNzUgNy44Mzk4NEM0Ljc3NjQ0IDguMDAyMTcgNC45MDI2NCA4LjE3NTI0IDQuOTcyMzYgOC4zNTkwNUM1LjA0MjA3IDguNTQyODYgNS4wNzY5MiA4Ljc1NjUxIDUuMDc2OTIgOUM1LjA3NjkyIDkuMjU3ODEgNS4wMDM2MSA5LjQ3NTA0IDQuODU2OTcgOS42NTE2OUM0LjcxMDM0IDkuODI4MzQgNC40NzU5NiA5LjkxNjY3IDQuMTUzODUgOS45MTY2N0MzLjc5MzI3IDkuOTE2NjcgMy40NzIzNiAxMC4wMjUzIDMuMTkxMTEgMTAuMjQyNUMyLjkwOTg1IDEwLjQ1OTcgMi43NjkyMyAxMC43MzMxIDIuNzY5MjMgMTEuMDYyNVYxMS41MjA4QzIuNzY5MjMgMTEuNTg3NyAyLjc5MDg3IDExLjY0MjYgMi44MzQxMyAxMS42ODU1QzIuODc3NCAxMS43Mjg1IDIuOTMyNjkgMTEuNzUgMyAxMS43NUg5QzkuMDY3MzEgMTEuNzUgOS4xMjI2IDExLjcyODUgOS4xNjU4NiAxMS42ODU1QzkuMjA5MTMgMTEuNjQyNiA5LjIzMDc3IDExLjU4NzcgOS4yMzA3NyAxMS41MjA4VjExLjA2MjVDOS4yMzA3NyAxMC43MzMxIDkuMDkwMTUgMTAuNDU5NyA4LjgwODg5IDEwLjI0MjVDOC41Mjc2NCAxMC4wMjUzIDguMjA2NzMgOS45MTY2NyA3Ljg0NjE1IDkuOTE2NjdDNy41MjQwNCA5LjkxNjY3IDcuMjg5NjYgOS44MjgzNCA3LjE0MzAzIDkuNjUxNjlDNi45OTYzOSA5LjQ3NTA0IDYuOTIzMDggOS4yNTc4MSA2LjkyMzA4IDlDNi45MjMwOCA4Ljc1NjUxIDYuOTU3OTMgOC41NDI4NiA3LjAyNzY0IDguMzU5MDVDNy4wOTczNiA4LjE3NTI0IDcuMjIzNTYgOC4wMDIxNyA3LjQwNjI1IDcuODM5ODRDNy42NjEwNiA3LjY0NDEgNy44ODk0MiA3LjQxNzMyIDguMDkxMzUgNy4xNTk1MUM4LjYzNDYyIDcuMTM1NjMgOS4xNTI2NCA3LjAyOTQxIDkuNjQ1NDMgNi44NDA4MkMxMC4xMzgyIDYuNjUyMjMgMTAuNTU0MSA2LjQxOTQ5IDEwLjg5MyA2LjE0MjU4QzExLjIzMiA1Ljg2NTY3IDExLjUwMTIgNS41NTUzNCAxMS43MDA3IDUuMjExNTlDMTEuOTAwMiA0Ljg2Nzg0IDEyIDQuNTI2NDggMTIgNC4xODc1Wk01LjA3MDMzIDUuMzg0OTFMNi4wMzgzIDQuODc1MDNMNy4wMDYyNyA1LjM4NDkxTDYuODIxNCA0LjMwNDk3TDcuNjA0NTEgMy41NDAxNkw2LjUyMjI4IDMuMzgyNkw2LjAzODMgMi40MDAwM0w1LjU1NDMxIDMuMzgyNkw0LjQ3MjA5IDMuNTQwMTZMNS4yNTUxOSA0LjMwNDk3TDUuMDcwMzMgNS4zODQ5MVoiIGZpbGw9IiNGMkM5NEMiLz4KPC9nPgo8L3N2Zz4K", V = ({
|
|
10
10
|
avatar: j,
|
|
11
11
|
name: I,
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
import { jsxs as N, jsx as M, Fragment as O } from "react/jsx-runtime";
|
|
2
2
|
import { QuestionType as j } from "@streamlayer/sdk-web-types";
|
|
3
3
|
import { i as E } from "../../../../../icon-exit-6a55bb8f.js";
|
|
4
|
+
import { Points as z } from "./components/points/index.js";
|
|
4
5
|
import { Timer as k } from "./components/timer/index.js";
|
|
5
6
|
import { Container as C, RightBlock as w, Interactive as Y, ReactionIconWrap as c, ReactionIcon as y, ExitBtn as o, ExitIcon as r, Logo as a } from "./styles.js";
|
|
6
|
-
import
|
|
7
|
+
import "./components/points/styles.js";
|
|
8
|
+
import "@linaria/react";
|
|
7
9
|
import "react";
|
|
8
10
|
import "react-countdown-circle-timer";
|
|
9
11
|
import "../../../../theme/constants.js";
|
|
10
12
|
import "./components/timer/styles.js";
|
|
11
|
-
|
|
12
|
-
import "./components/points/styles.js";
|
|
13
|
-
const n = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxnIGlkPSJUcm9waHkiPgogICAgICA8cGF0aCBpZD0iQ29tYmluZWQgU2hhcGUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMi43NjkxNiAzLjUwMDAyQzIuNzY5MTYgNC40OTc4NiAyLjk0NzA1IDUuMzgzNDggMy4zMDI4MiA2LjE1NjkyQzIuNjI0OTMgNi4wMTg0NyAyLjA1ODgzIDUuNzQ4NzIgMS42MDQ1IDUuMzQ3NjhDMS4xNTAxNyA0Ljk0NjYzIDAuOTIzMDA4IDQuNTU5OTIgMC45MjMwMDggNC4xODc1MlYzLjUwMDAySDIuNzY5MTZaTTExLjA3NjggMy41MDAwMlY0LjE4NzUyQzExLjA3NjggNC41NTk5MiAxMC44NDk3IDQuOTQ2NjMgMTAuMzk1MyA1LjM0NzY4QzkuOTQxIDUuNzQ4NzIgOS4zNzQ5IDYuMDE4NDcgOC42OTcwMSA2LjE1NjkyQzkuMDUyNzggNS4zODM0OCA5LjIzMDY2IDQuNDk3ODYgOS4yMzA2NiAzLjUwMDAySDExLjA3NjhaTTEyIDQuMTg3NVYzLjI3MDgzQzEyIDMuMDc5ODYgMTEuOTMyNyAyLjkxNzU0IDExLjc5ODEgMi43ODM4NUMxMS42NjM1IDIuNjUwMTcgMTEuNSAyLjU4MzMzIDExLjMwNzcgMi41ODMzM0g5LjIzMDc3VjEuODk1ODNDOS4yMzA3NyAxLjU4MDczIDkuMTE3NzkgMS4zMTA5OCA4Ljg5MTgzIDEuMDg2NTlDOC42NjU4NiAwLjg2MjE5NSA4LjM5NDIzIDAuNzUgOC4wNzY5MiAwLjc1SDMuOTIzMDhDMy42MDU3NyAwLjc1IDMuMzM0MTQgMC44NjIxOTUgMy4xMDgxNyAxLjA4NjU5QzIuODgyMjEgMS4zMTA5OCAyLjc2OTIzIDEuNTgwNzMgMi43NjkyMyAxLjg5NTgzVjIuNTgzMzNIMC42OTIzMDhDMC40OTk5OTkgMi41ODMzMyAwLjMzNjUzOSAyLjY1MDE3IDAuMjAxOTIzIDIuNzgzODVDMC4wNjczMDcgMi45MTc1NCAwIDMuMDc5ODYgMCAzLjI3MDgzVjQuMTg3NUMwIDQuNTI2NDggMC4wOTk3NTg2IDQuODY3ODQgMC4yOTkyNzkgNS4yMTE1OUMwLjQ5ODc5OSA1LjU1NTM0IDAuNzY4MDI3IDUuODY1NjcgMS4xMDY5NyA2LjE0MjU4QzEuNDQ1OTIgNi40MTk0OSAxLjg2MTc4IDYuNjUyMjMgMi4zNTQ1NyA2Ljg0MDgyQzIuODQ3MzYgNy4wMjk0MSAzLjM2NTM4IDcuMTM1NjMgMy45MDg2NSA3LjE1OTUxQzQuMTEwNTggNy40MTczMiA0LjMzODk0IDcuNjQ0MSA0LjU5Mzc1IDcuODM5ODRDNC43NzY0NCA4LjAwMjE3IDQuOTAyNjQgOC4xNzUyNCA0Ljk3MjM2IDguMzU5MDVDNS4wNDIwNyA4LjU0Mjg2IDUuMDc2OTIgOC43NTY1MSA1LjA3NjkyIDlDNS4wNzY5MiA5LjI1NzgxIDUuMDAzNjEgOS40NzUwNCA0Ljg1Njk3IDkuNjUxNjlDNC43MTAzNCA5LjgyODM0IDQuNDc1OTYgOS45MTY2NyA0LjE1Mzg1IDkuOTE2NjdDMy43OTMyNyA5LjkxNjY3IDMuNDcyMzYgMTAuMDI1MyAzLjE5MTExIDEwLjI0MjVDMi45MDk4NSAxMC40NTk3IDIuNzY5MjMgMTAuNzMzMSAyLjc2OTIzIDExLjA2MjVWMTEuNTIwOEMyLjc2OTIzIDExLjU4NzcgMi43OTA4NyAxMS42NDI2IDIuODM0MTMgMTEuNjg1NUMyLjg3NzQgMTEuNzI4NSAyLjkzMjY5IDExLjc1IDMgMTEuNzVIOUM5LjA2NzMxIDExLjc1IDkuMTIyNiAxMS43Mjg1IDkuMTY1ODYgMTEuNjg1NUM5LjIwOTEzIDExLjY0MjYgOS4yMzA3NyAxMS41ODc3IDkuMjMwNzcgMTEuNTIwOFYxMS4wNjI1QzkuMjMwNzcgMTAuNzMzMSA5LjA5MDE1IDEwLjQ1OTcgOC44MDg4OSAxMC4yNDI1QzguNTI3NjQgMTAuMDI1MyA4LjIwNjczIDkuOTE2NjcgNy44NDYxNSA5LjkxNjY3QzcuNTI0MDQgOS45MTY2NyA3LjI4OTY2IDkuODI4MzQgNy4xNDMwMyA5LjY1MTY5QzYuOTk2MzkgOS40NzUwNCA2LjkyMzA4IDkuMjU3ODEgNi45MjMwOCA5QzYuOTIzMDggOC43NTY1MSA2Ljk1NzkzIDguNTQyODYgNy4wMjc2NCA4LjM1OTA1QzcuMDk3MzYgOC4xNzUyNCA3LjIyMzU2IDguMDAyMTcgNy40MDYyNSA3LjgzOTg0QzcuNjYxMDYgNy42NDQxIDcuODg5NDIgNy40MTczMiA4LjA5MTM1IDcuMTU5NTFDOC42MzQ2MiA3LjEzNTYzIDkuMTUyNjQgNy4wMjk0MSA5LjY0NTQzIDYuODQwODJDMTAuMTM4MiA2LjY1MjIzIDEwLjU1NDEgNi40MTk0OSAxMC44OTMgNi4xNDI1OEMxMS4yMzIgNS44NjU2NyAxMS41MDEyIDUuNTU1MzQgMTEuNzAwNyA1LjIxMTU5QzExLjkwMDIgNC44Njc4NCAxMiA0LjUyNjQ4IDEyIDQuMTg3NVpNNS4wNzAzMyA1LjM4NDkxTDYuMDM4MyA0Ljg3NTAzTDcuMDA2MjcgNS4zODQ5MUw2LjgyMTQgNC4zMDQ5N0w3LjYwNDUxIDMuNTQwMTZMNi41MjIyOCAzLjM4MjZMNi4wMzgzIDIuNDAwMDNMNS41NTQzMSAzLjM4MjZMNC40NzIwOSAzLjU0MDE2TDUuMjU1MTkgNC4zMDQ5N0w1LjA3MDMzIDUuMzg0OTFaIiBmaWxsPSJ3aGl0ZSIvPgogICAgPC9nPgogIDwvc3ZnPgo=", t = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMiIgaGVpZ2h0PSIyMiIgdmlld0JveD0iMCAwIDIyIDIyIiBmaWxsPSJub25lIj4KICAgIDxwYXRoIGQ9Ik01LjUgMi43ODg2N1YxMi40MTM3QzUuNSAxMy4xNzI5IDQuODg0MjYgMTMuNzUgNC4xMjUgMTMuNzVIMS4zNzVDMC42MTU3NDIgMTMuNzUgMCAxMy4xMzQzIDAgMTIuNDEzN1YyLjgyNzM0QzAgMi4wNjgwOCAwLjYxNTc0MiAxLjQ5MTAyIDEuMzc1IDEuNDkxMDJINC4xMjVDNC44ODU1NSAxLjQxMzY3IDUuNSAxLjk5Mzc1IDUuNSAyLjc4ODY3Wk0yMiAxMi4zNzA3QzIyIDEzLjUwOTQgMjEuMDc3IDE0LjQzMjMgMTkuOTM3NSAxNC40MzIzSDEzLjY0MjZDMTQuNjIxIDE2LjA2MTMgMTUuMTI1OSAxNy45MDc3IDE1LjEyNTkgMTguNTU4MkMxNS4xMjUgMTkuNTcxNCAxNC4zMzAxIDIwLjYyNSAxMi45OTggMjAuNjI1QzEwLjI4NTQgMjAuNjI1IDExLjg2NTQgMTcuMzUyOSA4LjM0ODgzIDE0LjU0MDZMNy42NDg0NCAxMy45ODJDNy4xNDE0MSAxMy41NzM4IDYuODgzNTkgMTIuOTc2NiA2Ljg3OTMgMTIuMzc1QzYuODc4MjkgMTIuMzc0IDYuODc5MyAxMi4zNzUgNi44NzkzIDEyLjM3NUw2Ljg3NSA1LjVDNi44NzUgNC44NTExNyA3LjE4MDY0IDQuMjM5NzMgNy43IDMuODUwNDNMOS4xNjY5NSAyLjc1MDg2QzEwLjM1NTUgMS44NTYyNSAxMS44MDM1IDEuMzc1IDEzLjI5MDIgMS4zNzVIMTUuODEyNUMxNi45NTIgMS4zNzUgMTcuODc1IDIuMjk3NTQgMTcuODc1IDMuNDM2NjRDMTcuODc1IDMuNTkyODMgMTcuODU0NCAzLjc0MzU3IDE3LjgyMTUgMy44ODk5NkMxOC42NDg0IDQuMTU5MzcgMTkuMjUgNC45MjQyMiAxOS4yNSA1Ljg0Mzc1QzE5LjI1IDYuMjM2ODMgMTkuMTM0MSA2LjYwMDQzIDE4Ljk0MzIgNi45MTI4MUMxOS44OTg4IDcuMDg5ODQgMjAuNjI1IDcuOTI3NzMgMjAuNjI1IDguOTMzMkMyMC42MjUgOS40NzAzMSAyMC40MTQ4IDkuOTU1IDIwLjA3ODQgMTAuMzIyQzIxLjE0OTIgMTAuMzk0MSAyMiAxMS4yNzkzIDIyIDEyLjM3MDdaIiBmaWxsPSJ3aGl0ZSIvPgogIDwvc3ZnPgo=", R = ({
|
|
13
|
+
const n = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMiIgaGVpZ2h0PSIyMiIgdmlld0JveD0iMCAwIDIyIDIyIiBmaWxsPSJub25lIj4KICAgIDxwYXRoIGQ9Ik01LjUgMi43ODg2N1YxMi40MTM3QzUuNSAxMy4xNzI5IDQuODg0MjYgMTMuNzUgNC4xMjUgMTMuNzVIMS4zNzVDMC42MTU3NDIgMTMuNzUgMCAxMy4xMzQzIDAgMTIuNDEzN1YyLjgyNzM0QzAgMi4wNjgwOCAwLjYxNTc0MiAxLjQ5MTAyIDEuMzc1IDEuNDkxMDJINC4xMjVDNC44ODU1NSAxLjQxMzY3IDUuNSAxLjk5Mzc1IDUuNSAyLjc4ODY3Wk0yMiAxMi4zNzA3QzIyIDEzLjUwOTQgMjEuMDc3IDE0LjQzMjMgMTkuOTM3NSAxNC40MzIzSDEzLjY0MjZDMTQuNjIxIDE2LjA2MTMgMTUuMTI1OSAxNy45MDc3IDE1LjEyNTkgMTguNTU4MkMxNS4xMjUgMTkuNTcxNCAxNC4zMzAxIDIwLjYyNSAxMi45OTggMjAuNjI1QzEwLjI4NTQgMjAuNjI1IDExLjg2NTQgMTcuMzUyOSA4LjM0ODgzIDE0LjU0MDZMNy42NDg0NCAxMy45ODJDNy4xNDE0MSAxMy41NzM4IDYuODgzNTkgMTIuOTc2NiA2Ljg3OTMgMTIuMzc1QzYuODc4MjkgMTIuMzc0IDYuODc5MyAxMi4zNzUgNi44NzkzIDEyLjM3NUw2Ljg3NSA1LjVDNi44NzUgNC44NTExNyA3LjE4MDY0IDQuMjM5NzMgNy43IDMuODUwNDNMOS4xNjY5NSAyLjc1MDg2QzEwLjM1NTUgMS44NTYyNSAxMS44MDM1IDEuMzc1IDEzLjI5MDIgMS4zNzVIMTUuODEyNUMxNi45NTIgMS4zNzUgMTcuODc1IDIuMjk3NTQgMTcuODc1IDMuNDM2NjRDMTcuODc1IDMuNTkyODMgMTcuODU0NCAzLjc0MzU3IDE3LjgyMTUgMy44ODk5NkMxOC42NDg0IDQuMTU5MzcgMTkuMjUgNC45MjQyMiAxOS4yNSA1Ljg0Mzc1QzE5LjI1IDYuMjM2ODMgMTkuMTM0MSA2LjYwMDQzIDE4Ljk0MzIgNi45MTI4MUMxOS44OTg4IDcuMDg5ODQgMjAuNjI1IDcuOTI3NzMgMjAuNjI1IDguOTMzMkMyMC42MjUgOS40NzAzMSAyMC40MTQ4IDkuOTU1IDIwLjA3ODQgMTAuMzIyQzIxLjE0OTIgMTAuMzk0MSAyMiAxMS4yNzkzIDIyIDEyLjM3MDdaIiBmaWxsPSJ3aGl0ZSIvPgogIDwvc3ZnPgo=", t = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxnIGlkPSJUcm9waHkiPgogICAgICA8cGF0aCBpZD0iQ29tYmluZWQgU2hhcGUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMi43NjkxNiAzLjUwMDAyQzIuNzY5MTYgNC40OTc4NiAyLjk0NzA1IDUuMzgzNDggMy4zMDI4MiA2LjE1NjkyQzIuNjI0OTMgNi4wMTg0NyAyLjA1ODgzIDUuNzQ4NzIgMS42MDQ1IDUuMzQ3NjhDMS4xNTAxNyA0Ljk0NjYzIDAuOTIzMDA4IDQuNTU5OTIgMC45MjMwMDggNC4xODc1MlYzLjUwMDAySDIuNzY5MTZaTTExLjA3NjggMy41MDAwMlY0LjE4NzUyQzExLjA3NjggNC41NTk5MiAxMC44NDk3IDQuOTQ2NjMgMTAuMzk1MyA1LjM0NzY4QzkuOTQxIDUuNzQ4NzIgOS4zNzQ5IDYuMDE4NDcgOC42OTcwMSA2LjE1NjkyQzkuMDUyNzggNS4zODM0OCA5LjIzMDY2IDQuNDk3ODYgOS4yMzA2NiAzLjUwMDAySDExLjA3NjhaTTEyIDQuMTg3NVYzLjI3MDgzQzEyIDMuMDc5ODYgMTEuOTMyNyAyLjkxNzU0IDExLjc5ODEgMi43ODM4NUMxMS42NjM1IDIuNjUwMTcgMTEuNSAyLjU4MzMzIDExLjMwNzcgMi41ODMzM0g5LjIzMDc3VjEuODk1ODNDOS4yMzA3NyAxLjU4MDczIDkuMTE3NzkgMS4zMTA5OCA4Ljg5MTgzIDEuMDg2NTlDOC42NjU4NiAwLjg2MjE5NSA4LjM5NDIzIDAuNzUgOC4wNzY5MiAwLjc1SDMuOTIzMDhDMy42MDU3NyAwLjc1IDMuMzM0MTQgMC44NjIxOTUgMy4xMDgxNyAxLjA4NjU5QzIuODgyMjEgMS4zMTA5OCAyLjc2OTIzIDEuNTgwNzMgMi43NjkyMyAxLjg5NTgzVjIuNTgzMzNIMC42OTIzMDhDMC40OTk5OTkgMi41ODMzMyAwLjMzNjUzOSAyLjY1MDE3IDAuMjAxOTIzIDIuNzgzODVDMC4wNjczMDcgMi45MTc1NCAwIDMuMDc5ODYgMCAzLjI3MDgzVjQuMTg3NUMwIDQuNTI2NDggMC4wOTk3NTg2IDQuODY3ODQgMC4yOTkyNzkgNS4yMTE1OUMwLjQ5ODc5OSA1LjU1NTM0IDAuNzY4MDI3IDUuODY1NjcgMS4xMDY5NyA2LjE0MjU4QzEuNDQ1OTIgNi40MTk0OSAxLjg2MTc4IDYuNjUyMjMgMi4zNTQ1NyA2Ljg0MDgyQzIuODQ3MzYgNy4wMjk0MSAzLjM2NTM4IDcuMTM1NjMgMy45MDg2NSA3LjE1OTUxQzQuMTEwNTggNy40MTczMiA0LjMzODk0IDcuNjQ0MSA0LjU5Mzc1IDcuODM5ODRDNC43NzY0NCA4LjAwMjE3IDQuOTAyNjQgOC4xNzUyNCA0Ljk3MjM2IDguMzU5MDVDNS4wNDIwNyA4LjU0Mjg2IDUuMDc2OTIgOC43NTY1MSA1LjA3NjkyIDlDNS4wNzY5MiA5LjI1NzgxIDUuMDAzNjEgOS40NzUwNCA0Ljg1Njk3IDkuNjUxNjlDNC43MTAzNCA5LjgyODM0IDQuNDc1OTYgOS45MTY2NyA0LjE1Mzg1IDkuOTE2NjdDMy43OTMyNyA5LjkxNjY3IDMuNDcyMzYgMTAuMDI1MyAzLjE5MTExIDEwLjI0MjVDMi45MDk4NSAxMC40NTk3IDIuNzY5MjMgMTAuNzMzMSAyLjc2OTIzIDExLjA2MjVWMTEuNTIwOEMyLjc2OTIzIDExLjU4NzcgMi43OTA4NyAxMS42NDI2IDIuODM0MTMgMTEuNjg1NUMyLjg3NzQgMTEuNzI4NSAyLjkzMjY5IDExLjc1IDMgMTEuNzVIOUM5LjA2NzMxIDExLjc1IDkuMTIyNiAxMS43Mjg1IDkuMTY1ODYgMTEuNjg1NUM5LjIwOTEzIDExLjY0MjYgOS4yMzA3NyAxMS41ODc3IDkuMjMwNzcgMTEuNTIwOFYxMS4wNjI1QzkuMjMwNzcgMTAuNzMzMSA5LjA5MDE1IDEwLjQ1OTcgOC44MDg4OSAxMC4yNDI1QzguNTI3NjQgMTAuMDI1MyA4LjIwNjczIDkuOTE2NjcgNy44NDYxNSA5LjkxNjY3QzcuNTI0MDQgOS45MTY2NyA3LjI4OTY2IDkuODI4MzQgNy4xNDMwMyA5LjY1MTY5QzYuOTk2MzkgOS40NzUwNCA2LjkyMzA4IDkuMjU3ODEgNi45MjMwOCA5QzYuOTIzMDggOC43NTY1MSA2Ljk1NzkzIDguNTQyODYgNy4wMjc2NCA4LjM1OTA1QzcuMDk3MzYgOC4xNzUyNCA3LjIyMzU2IDguMDAyMTcgNy40MDYyNSA3LjgzOTg0QzcuNjYxMDYgNy42NDQxIDcuODg5NDIgNy40MTczMiA4LjA5MTM1IDcuMTU5NTFDOC42MzQ2MiA3LjEzNTYzIDkuMTUyNjQgNy4wMjk0MSA5LjY0NTQzIDYuODQwODJDMTAuMTM4MiA2LjY1MjIzIDEwLjU1NDEgNi40MTk0OSAxMC44OTMgNi4xNDI1OEMxMS4yMzIgNS44NjU2NyAxMS41MDEyIDUuNTU1MzQgMTEuNzAwNyA1LjIxMTU5QzExLjkwMDIgNC44Njc4NCAxMiA0LjUyNjQ4IDEyIDQuMTg3NVpNNS4wNzAzMyA1LjM4NDkxTDYuMDM4MyA0Ljg3NTAzTDcuMDA2MjcgNS4zODQ5MUw2LjgyMTQgNC4zMDQ5N0w3LjYwNDUxIDMuNTQwMTZMNi41MjIyOCAzLjM4MjZMNi4wMzgzIDIuNDAwMDNMNS41NTQzMSAzLjM4MjZMNC40NzIwOSAzLjU0MDE2TDUuMjU1MTkgNC4zMDQ5N0w1LjA3MDMzIDUuMzg0OTFaIiBmaWxsPSJ3aGl0ZSIvPgogICAgPC9nPgogIDwvc3ZnPgo=", R = ({
|
|
14
14
|
logo: g,
|
|
15
15
|
points: T,
|
|
16
16
|
questionAnswered: D,
|
|
@@ -26,11 +26,11 @@ const n = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXd
|
|
|
26
26
|
x && /* @__PURE__ */ M(k, { setTimeToExpire: i }),
|
|
27
27
|
S && /* @__PURE__ */ N(O, { children: [
|
|
28
28
|
/* @__PURE__ */ M(z, { points: T }),
|
|
29
|
-
/* @__PURE__ */ M(c, { isSuccess: !0, children: /* @__PURE__ */ M(y, { alt: "reaction-icon", src:
|
|
29
|
+
/* @__PURE__ */ M(c, { isSuccess: !0, children: /* @__PURE__ */ M(y, { alt: "reaction-icon", src: t }) })
|
|
30
30
|
] }),
|
|
31
31
|
Q && /* @__PURE__ */ N(O, { children: [
|
|
32
32
|
/* @__PURE__ */ M(z, { points: 0 }),
|
|
33
|
-
/* @__PURE__ */ M(c, { isSuccess: !1, children: /* @__PURE__ */ M(y, { alt: "reaction-icon", src:
|
|
33
|
+
/* @__PURE__ */ M(c, { isSuccess: !1, children: /* @__PURE__ */ M(y, { alt: "reaction-icon", src: n }) })
|
|
34
34
|
] }),
|
|
35
35
|
U && /* @__PURE__ */ M(z, { points: T })
|
|
36
36
|
] }),
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsxs as e, jsx as i } from "react/jsx-runtime";
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
2
|
+
import { useState as b, useCallback as N, useEffect as s } from "react";
|
|
3
|
+
import { QuestionType as S } from "@streamlayer/sdk-web-types";
|
|
4
4
|
import { V as D, c as j } from "../../../index-7045fbb2.js";
|
|
5
5
|
import { Container as p, Title as M, Options as h, Loader as Z, Feedback as u, FeedbackIcon as L, FeedbackTitle as z, FeedbackDescription as G } from "./styles.js";
|
|
6
6
|
import "./components/voting-option/styles.js";
|
|
@@ -14,13 +14,13 @@ const A = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXd
|
|
|
14
14
|
questionAnsweredCorrectly: d,
|
|
15
15
|
questionType: n
|
|
16
16
|
}) => {
|
|
17
|
-
const [m, r] =
|
|
17
|
+
const [m, r] = b(!1), o = N(
|
|
18
18
|
(c) => {
|
|
19
19
|
r(c);
|
|
20
20
|
},
|
|
21
21
|
[r]
|
|
22
22
|
);
|
|
23
|
-
return
|
|
23
|
+
return s(() => {
|
|
24
24
|
o(!1);
|
|
25
25
|
}, [t, o]), /* @__PURE__ */ e(p, { children: [
|
|
26
26
|
/* @__PURE__ */ i(M, { children: a }),
|
|
@@ -37,7 +37,7 @@ const A = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXd
|
|
|
37
37
|
c.id
|
|
38
38
|
))
|
|
39
39
|
] }),
|
|
40
|
-
l && n ===
|
|
40
|
+
l && n === S.TRIVIA && /* @__PURE__ */ e(u, { children: [
|
|
41
41
|
/* @__PURE__ */ i(L, { alt: "reaction-to-answer", src: d ? j : A }),
|
|
42
42
|
/* @__PURE__ */ e("div", { children: [
|
|
43
43
|
/* @__PURE__ */ i(z, { children: d ? I.correctFeedback.title : I.incorrectFeedback.title }),
|