@streamlayer/react-ui 0.28.0 → 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.
Files changed (41) hide show
  1. package/lib/index.js +43 -40
  2. package/lib/ui/app/Features/FeatureProvider.js +1 -1
  3. package/lib/ui/app/Features/Gamification/Leaderboard.js +2 -2
  4. package/lib/ui/app/Features/Gamification/Question.js +2 -2
  5. package/lib/ui/app/Features/Gamification/Tabs.js +16 -16
  6. package/lib/ui/app/Features/Gamification/UserSummary.js +3 -3
  7. package/lib/ui/app/Features/Gamification/index.js +33 -33
  8. package/lib/ui/app/Features/index.js +32 -32
  9. package/lib/ui/app/Navigation/index.js +4 -4
  10. package/lib/ui/app/Notifications/index.js +1 -1
  11. package/lib/ui/app/index.js +49 -46
  12. package/lib/ui/app/useSdkFeature.js +4 -4
  13. package/lib/ui/demo/Gamification.js +7 -7
  14. package/lib/ui/demo/Highlights.js +5 -5
  15. package/lib/ui/demo/Login.js +8 -7
  16. package/lib/ui/demo/components/Leaderboard.js +2 -2
  17. package/lib/ui/demo/components/Question.js +2 -2
  18. package/lib/ui/demo/components/UserSummary.js +4 -10
  19. package/lib/ui/demo/components/index.js +8 -8
  20. package/lib/ui/demo/index.js +64 -53
  21. package/lib/ui/gamification/leaderboard-invite-link/index.js +4 -4
  22. package/lib/ui/gamification/leaderboard-item-detail/index.js +2 -2
  23. package/lib/ui/gamification/onboarding/index.js +17 -17
  24. package/lib/ui/gamification/points/styles.js +2 -3
  25. package/lib/ui/gamification/question/index.js +6 -6
  26. package/lib/ui/gamification/user-statistics/index.js +3 -3
  27. package/lib/ui/gamification/vote/components/voting-header/index.js +6 -6
  28. package/lib/ui/gamification/vote/index.js +5 -5
  29. package/lib/ui/icons/index.js +27 -27
  30. package/lib/ui/login/index.js +15 -15
  31. package/lib/ui/notifications/decorator.js +6 -6
  32. package/lib/ui/notifications/index.js +1 -1
  33. package/lib/ui/notifications/notification/index.js +1 -1
  34. package/lib/utils/components/developer.js +10 -10
  35. package/lib/utils/components/envToggle.js +3 -3
  36. package/lib/utils/components/eventInput.js +4 -4
  37. package/lib/utils/createDemo.js +12 -12
  38. package/lib/utils/login.js +8 -8
  39. package/lib/utils/useStreamLayerApp.js +5 -5
  40. package/package.json +2 -2
  41. package/lib/module.d.js +0 -1
package/lib/ui/app/useSdkFeature.js CHANGED
@@ -1,9 +1,9 @@
1
+ import { useStore as i } from "@nanostores/react";
2
+ import { useState as n, useEffect as c } from "react";
1
3
  import { FeatureStatus as s } from "@streamlayer/sdk-web-interfaces";
2
- import { useState as i, useEffect as n } from "react";
3
- import { useStore as c } from "@nanostores/react";
4
4
  const m = (a) => {
5
- const r = c(a.getActiveFeature()), [o, f] = i(null);
6
- return n(() => {
5
+ const r = i(a.getActiveFeature()), [o, f] = n(null);
6
+ return c(() => {
7
7
  const u = a.getFeatures();
8
8
  if (r)
9
9
  for (const [e, t] of u)
package/lib/ui/demo/Gamification.js CHANGED
@@ -18,10 +18,10 @@ import "../gamification/navigation/styles.js";
18
18
  import "@linaria/react";
19
19
  import "../gamification/user-statistics/index.js";
20
20
  import "../../utils/common.js";
21
- import "../gamification/user-statistics/components/statistics/index.js";
22
- import "../gamification/user-statistics/components/statistics/styles.js";
23
21
  import "../gamification/user-statistics/components/rank/index.js";
24
22
  import "../gamification/user-statistics/components/rank/styles.js";
23
+ import "../gamification/user-statistics/components/statistics/index.js";
24
+ import "../gamification/user-statistics/components/statistics/styles.js";
25
25
  import "../gamification/user-statistics/styles.js";
26
26
  import "../gamification/question-list/index.js";
27
27
  import "../gamification/question/index.js";
@@ -34,21 +34,21 @@ import "../gamification/vote/components/voting-option/styles.js";
34
34
  import "../gamification/vote/styles.js";
35
35
  import "../gamification/vote/components/voting-header/index.js";
36
36
  import "../../icon-exit-6a55bb8f.js";
37
+ import "../gamification/vote/components/voting-header/components/points/index.js";
38
+ import "../gamification/vote/components/voting-header/components/points/styles.js";
37
39
  import "../gamification/vote/components/voting-header/components/timer/index.js";
38
40
  import "react-countdown-circle-timer";
39
41
  import "../theme/constants.js";
40
42
  import "../gamification/vote/components/voting-header/components/timer/styles.js";
41
43
  import "../gamification/vote/components/voting-header/styles.js";
42
- import "../gamification/vote/components/voting-header/components/points/index.js";
43
- import "../gamification/vote/components/voting-header/components/points/styles.js";
44
44
  import "../../fedex-a8dcc7b2.js";
45
- import "../gamification/onboarding/styles.js";
46
45
  import "../gamification/onboarding/components/onboarding-slides/onboarding-instructions/index.js";
47
46
  import "../gamification/onboarding/components/onboarding-slides/onboarding-instructions/styles.js";
48
- import "../gamification/onboarding/components/onboarding-slides/onboarding-rules/index.js";
49
- import "../gamification/onboarding/components/onboarding-slides/onboarding-rules/styles.js";
50
47
  import "../gamification/onboarding/components/onboarding-slides/onboarding-invite-card/index.js";
51
48
  import "../gamification/onboarding/components/onboarding-slides/onboarding-invite-card/styles.js";
49
+ import "../gamification/onboarding/components/onboarding-slides/onboarding-rules/index.js";
50
+ import "../gamification/onboarding/components/onboarding-slides/onboarding-rules/styles.js";
51
+ import "../gamification/onboarding/styles.js";
52
52
  import "../gamification/leaderboard-item-detail/index.js";
53
53
  import "../gamification/common-header/index.js";
54
54
  import "../gamification/leaderboard-item-detail/styles.js";
package/lib/ui/demo/Highlights.js CHANGED
@@ -2,17 +2,17 @@ import { jsx as t, jsxs as s } from "react/jsx-runtime";
2
2
  import { FeatureStatus as d } from "@streamlayer/sdk-web-interfaces";
3
3
  import { useStore as m } from "@nanostores/react";
4
4
  import { DemoContainer as p } from "./styles.js";
5
- import "../gamification/user-statistics/components/statistics/styles.js";
6
5
  import "../gamification/user-statistics/components/rank/styles.js";
6
+ import "../gamification/user-statistics/components/statistics/styles.js";
7
7
  import "../gamification/user-statistics/styles.js";
8
8
  import "../gamification/question/index.js";
9
9
  import "../gamification/question-list/styles.js";
10
10
  import "./components/Question.js";
11
11
  import "react";
12
- import "../gamification/onboarding/styles.js";
13
12
  import "../gamification/onboarding/components/onboarding-slides/onboarding-instructions/styles.js";
14
- import "../gamification/onboarding/components/onboarding-slides/onboarding-rules/styles.js";
15
13
  import "../gamification/onboarding/components/onboarding-slides/onboarding-invite-card/styles.js";
14
+ import "../gamification/onboarding/components/onboarding-slides/onboarding-rules/styles.js";
15
+ import "../gamification/onboarding/styles.js";
16
16
  import { Insights as c } from "./components/Insights.js";
17
17
  import { Insight as f } from "./components/Insight.js";
18
18
  import "../gamification/common-header/styles.js";
@@ -30,13 +30,13 @@ import "../gamification/vote/components/voting-option/styles.js";
30
30
  import "../gamification/vote/styles.js";
31
31
  import "../gamification/vote/components/voting-header/index.js";
32
32
  import "../../icon-exit-6a55bb8f.js";
33
+ import "../gamification/vote/components/voting-header/components/points/index.js";
34
+ import "../gamification/vote/components/voting-header/components/points/styles.js";
33
35
  import "../gamification/vote/components/voting-header/components/timer/index.js";
34
36
  import "react-countdown-circle-timer";
35
37
  import "../theme/constants.js";
36
38
  import "../gamification/vote/components/voting-header/components/timer/styles.js";
37
39
  import "../gamification/vote/components/voting-header/styles.js";
38
- import "../gamification/vote/components/voting-header/components/points/index.js";
39
- import "../gamification/vote/components/voting-header/components/points/styles.js";
40
40
  import "../../fedex-a8dcc7b2.js";
41
41
  import "../gamification/insight-list/index.js";
42
42
  import "../gamification/insight/index.js";
package/lib/ui/demo/Login.js CHANGED
@@ -1,19 +1,20 @@
1
1
  import { jsx as i } from "react/jsx-runtime";
2
+ import "@streamlayer/sdk-web-anonymous-auth";
2
3
  import { Login as m } from "../login/index.js";
3
4
  import "react";
4
- import "react-phone-number-input";
5
5
  import "react-auth-code-input";
6
- import "../../utils/login.js";
7
- import "@connectrpc/connect-web";
8
- import "@connectrpc/connect";
9
- import "@streamlayer/sl-eslib/users/users_connect";
6
+ import "react-phone-number-input";
10
7
  import "../gamification/vote/components/voting-header/components/timer/index.js";
11
8
  import "react-countdown-circle-timer";
12
9
  import "../theme/constants.js";
13
10
  import "../gamification/vote/components/voting-header/components/timer/styles.js";
14
11
  import "@linaria/react";
12
+ import "../../utils/login.js";
13
+ import "@connectrpc/connect";
14
+ import "@connectrpc/connect-web";
15
+ import "@streamlayer/sl-eslib/users/users_connect";
15
16
  import "../login/styles.js";
16
- const j = ({ sdk: o }) => /* @__PURE__ */ i(m, { login: async (t) => {
17
+ const A = ({ sdk: o }) => /* @__PURE__ */ i(m, { login: async (t) => {
17
18
  try {
18
19
  await o.authorizationBypass("streamlayer:streamlayer", t);
19
20
  } catch (r) {
@@ -21,5 +22,5 @@ const j = ({ sdk: o }) => /* @__PURE__ */ i(m, { login: async (t) => {
21
22
  }
22
23
  }, anonymousLogin: o.anonymousAuthorization, host: o.host });
23
24
  export {
24
- j as LoginComponent
25
+ A as LoginComponent
25
26
  };
package/lib/ui/demo/components/Leaderboard.js CHANGED
@@ -9,10 +9,10 @@ import "../../gamification/common-header/styles.js";
9
9
  import "@linaria/react";
10
10
  import "../../gamification/user-statistics/index.js";
11
11
  import "../../../utils/common.js";
12
- import "../../gamification/user-statistics/components/statistics/index.js";
13
- import "../../gamification/user-statistics/components/statistics/styles.js";
14
12
  import "../../gamification/user-statistics/components/rank/index.js";
15
13
  import "../../gamification/user-statistics/components/rank/styles.js";
14
+ import "../../gamification/user-statistics/components/statistics/index.js";
15
+ import "../../gamification/user-statistics/components/statistics/styles.js";
16
16
  import "../../gamification/user-statistics/styles.js";
17
17
  import "../../gamification/leaderboard-item-detail/styles.js";
18
18
  import "../../gamification/leaderboard-invite-link/index.js";
package/lib/ui/demo/components/Question.js CHANGED
@@ -9,13 +9,13 @@ import "../../../index-7045fbb2.js";
9
9
  import "../../gamification/vote/components/voting-option/styles.js";
10
10
  import "../../gamification/vote/styles.js";
11
11
  import "../../../icon-exit-6a55bb8f.js";
12
+ import "../../gamification/vote/components/voting-header/components/points/index.js";
13
+ import "../../gamification/vote/components/voting-header/components/points/styles.js";
12
14
  import "../../gamification/vote/components/voting-header/components/timer/index.js";
13
15
  import "react-countdown-circle-timer";
14
16
  import "../../theme/constants.js";
15
17
  import "../../gamification/vote/components/voting-header/components/timer/styles.js";
16
18
  import "../../gamification/vote/components/voting-header/styles.js";
17
- import "../../gamification/vote/components/voting-header/components/points/index.js";
18
- import "../../gamification/vote/components/voting-header/components/points/styles.js";
19
19
  const k = y.div`
20
20
  position: absolute;
21
21
  top: 0;
package/lib/ui/demo/components/UserSummary.js CHANGED
@@ -2,21 +2,15 @@ import { jsx as t } from "react/jsx-runtime";
2
2
  import { useStore as o } from "@nanostores/react";
3
3
  import { UserStatistics as i } from "../../gamification/user-statistics/index.js";
4
4
  import "../../../utils/common.js";
5
- import "../../gamification/user-statistics/components/statistics/index.js";
6
- import "../../gamification/user-statistics/components/statistics/styles.js";
7
- import "@linaria/react";
8
5
  import "../../gamification/user-statistics/components/rank/index.js";
9
6
  import "../../gamification/user-statistics/components/rank/styles.js";
7
+ import "@linaria/react";
8
+ import "../../gamification/user-statistics/components/statistics/index.js";
9
+ import "../../gamification/user-statistics/components/statistics/styles.js";
10
10
  import "../../gamification/user-statistics/styles.js";
11
11
  const S = ({ store: m }) => {
12
12
  const { data: r } = o(m);
13
- return r != null && r.summary ? /* @__PURE__ */ t(
14
- i,
15
- {
16
- ...r.summary,
17
- ...r.percentage
18
- }
19
- ) : /* @__PURE__ */ t("div", { children: "wait user..." });
13
+ return r != null && r.summary ? /* @__PURE__ */ t(i, { ...r.summary, ...r.percentage }) : /* @__PURE__ */ t("div", { children: "wait user..." });
20
14
  };
21
15
  export {
22
16
  S as UserSummary
package/lib/ui/demo/components/index.js CHANGED
@@ -9,11 +9,11 @@ import "react/jsx-runtime";
9
9
  import "@nanostores/react";
10
10
  import "../../gamification/user-statistics/index.js";
11
11
  import "../../../utils/common.js";
12
- import "../../gamification/user-statistics/components/statistics/index.js";
13
- import "../../gamification/user-statistics/components/statistics/styles.js";
14
- import "@linaria/react";
15
12
  import "../../gamification/user-statistics/components/rank/index.js";
16
13
  import "../../gamification/user-statistics/components/rank/styles.js";
14
+ import "@linaria/react";
15
+ import "../../gamification/user-statistics/components/statistics/index.js";
16
+ import "../../gamification/user-statistics/components/statistics/styles.js";
17
17
  import "../../gamification/user-statistics/styles.js";
18
18
  import "../../gamification/question-list/index.js";
19
19
  import "../../gamification/question/index.js";
@@ -28,21 +28,21 @@ import "../../gamification/vote/components/voting-option/styles.js";
28
28
  import "../../gamification/vote/styles.js";
29
29
  import "../../gamification/vote/components/voting-header/index.js";
30
30
  import "../../../icon-exit-6a55bb8f.js";
31
+ import "../../gamification/vote/components/voting-header/components/points/index.js";
32
+ import "../../gamification/vote/components/voting-header/components/points/styles.js";
31
33
  import "../../gamification/vote/components/voting-header/components/timer/index.js";
32
34
  import "react-countdown-circle-timer";
33
35
  import "../../theme/constants.js";
34
36
  import "../../gamification/vote/components/voting-header/components/timer/styles.js";
35
37
  import "../../gamification/vote/components/voting-header/styles.js";
36
- import "../../gamification/vote/components/voting-header/components/points/index.js";
37
- import "../../gamification/vote/components/voting-header/components/points/styles.js";
38
38
  import "../../../fedex-a8dcc7b2.js";
39
- import "../../gamification/onboarding/styles.js";
40
39
  import "../../gamification/onboarding/components/onboarding-slides/onboarding-instructions/index.js";
41
40
  import "../../gamification/onboarding/components/onboarding-slides/onboarding-instructions/styles.js";
42
- import "../../gamification/onboarding/components/onboarding-slides/onboarding-rules/index.js";
43
- import "../../gamification/onboarding/components/onboarding-slides/onboarding-rules/styles.js";
44
41
  import "../../gamification/onboarding/components/onboarding-slides/onboarding-invite-card/index.js";
45
42
  import "../../gamification/onboarding/components/onboarding-slides/onboarding-invite-card/styles.js";
43
+ import "../../gamification/onboarding/components/onboarding-slides/onboarding-rules/index.js";
44
+ import "../../gamification/onboarding/components/onboarding-slides/onboarding-rules/styles.js";
45
+ import "../../gamification/onboarding/styles.js";
46
46
  import "../../gamification/insight-list/index.js";
47
47
  import "../../gamification/insight/index.js";
48
48
  import "../../gamification/insight/styles.js";
package/lib/ui/demo/index.js CHANGED
@@ -1,14 +1,16 @@
1
- import { jsx as i, jsxs as f, Fragment as v } from "react/jsx-runtime";
2
- import { FeatureStatus as l } from "@streamlayer/sdk-web-interfaces";
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 S } from "@streamlayer/sdk-web-features";
5
- import { useState as b, useMemo as h, useEffect as C } from "react";
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 F } from "../notifications/index.js";
8
- import { GamificationComponent as w } from "./Gamification.js";
9
- import { HighlightsComponent as G } from "./Highlights.js";
10
- import { LoginComponent as H } from "./Login.js";
11
- import { Buttons as x, Button as s } from "./styles.js";
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,22 +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 "../gamification/vote/components/voting-header/components/points/index.js";
50
- import "../gamification/vote/components/voting-header/components/points/styles.js";
51
53
  import "../../fedex-a8dcc7b2.js";
52
54
  import "../gamification/onboarding/index.js";
53
- import "../gamification/onboarding/styles.js";
54
55
  import "../gamification/onboarding/components/onboarding-slides/onboarding-instructions/index.js";
55
56
  import "../gamification/onboarding/components/onboarding-slides/onboarding-instructions/styles.js";
56
- import "../gamification/onboarding/components/onboarding-slides/onboarding-rules/index.js";
57
- import "../gamification/onboarding/components/onboarding-slides/onboarding-rules/styles.js";
58
57
  import "../gamification/onboarding/components/onboarding-slides/onboarding-invite-card/index.js";
59
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";
60
62
  import "../gamification/insight/styles.js";
61
63
  import "../gamification/insight-list/styles.js";
62
64
  import "../gamification/common-header/styles.js";
@@ -76,63 +78,72 @@ import "../gamification/insight-list/index.js";
76
78
  import "../gamification/insight/index.js";
77
79
  import "./components/Insight.js";
78
80
  import "../gamification/detailed-insight/index.js";
81
+ import "@streamlayer/sdk-web-anonymous-auth";
79
82
  import "../login/index.js";
80
- import "react-phone-number-input";
81
83
  import "react-auth-code-input";
84
+ import "react-phone-number-input";
82
85
  import "../../utils/login.js";
83
- import "@connectrpc/connect-web";
84
86
  import "@connectrpc/connect";
87
+ import "@connectrpc/connect-web";
85
88
  import "@streamlayer/sl-eslib/users/users_connect";
86
89
  import "../login/styles.js";
87
- const A = ({ activeFeature: r, sdk: o }) => {
88
- const [e, n] = b(null), { organizationSettings: a, streamSettings: u } = c(o.sdkStore), y = h(() => {
89
- const t = (u == null ? void 0 : u.data) || (a == null ? void 0 : a.data);
90
- return t != null && t.overlays ? t.overlays : [];
91
- }, [a, u]);
92
- C(() => {
93
- const t = o.getFeatures();
94
- if (r)
95
- for (const [m, p] of t)
96
- m === r ? p.status.get() === l.Suspended && (p.enable(), n(p)) : p.status.get() === l.Ready && p.disable();
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();
97
108
  else {
98
- for (const [, m] of t)
99
- m.status.get() === l.Ready && m.disable();
109
+ for (const [, m] of i)
110
+ m.status.get() === f.Ready && m.disable();
100
111
  n(null);
101
112
  }
102
113
  return () => {
103
- for (const [, m] of t)
104
- m.status.get() === l.Ready && m.disable();
114
+ for (const [, m] of i)
115
+ m.status.get() === f.Ready && m.disable();
105
116
  };
106
- }, [r, o]);
107
- const d = h(() => e ? e.featureConfig.get().type === g.GAMES ? e ? /* @__PURE__ */ i("div", { children: /* @__PURE__ */ i(w, { gamification: e, sdk: o }) }) : /* @__PURE__ */ i("div", { children: "wait gamification..." }) : e.featureConfig.get().type === g.HIGHLIGHTS ? e ? /* @__PURE__ */ i("div", { children: /* @__PURE__ */ i(G, { highlights: e, sdk: o }) }) : /* @__PURE__ */ i("div", { children: "wait highlights..." }) : /* @__PURE__ */ i("div", { children: "unknown feature" }) : null, [o, e]);
108
- return /* @__PURE__ */ f("div", { children: [
109
- /* @__PURE__ */ f(x, { children: [
110
- /* @__PURE__ */ i(s, { onClick: () => o.closeFeature(), disabled: !d, children: "close" }),
111
- /* @__PURE__ */ i(s, { onClick: () => o.logout(), children: "logout" }),
112
- y.map((t) => /* @__PURE__ */ f(
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(
113
124
  s,
114
125
  {
115
- onClick: () => o.openFeature(t.type),
116
- disabled: !(t.type in S),
117
- "data-enable_sdk_button": t.enableSdkButton.toString(),
118
- "data-selected": t.type === r,
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,
119
130
  children: [
120
- /* @__PURE__ */ i("img", { src: t.icon, alt: "" }),
121
- t.name
131
+ /* @__PURE__ */ o("img", { src: i.icon, alt: "" }),
132
+ i.name
122
133
  ]
123
134
  },
124
- t.name
135
+ i.name
125
136
  ))
126
137
  ] }),
127
138
  d
128
139
  ] });
129
- }, pi = ({ sdk: r }) => {
130
- const o = c(r.organizationStore()), e = c(r.getUserStore()), n = c(r.getActiveFeature());
131
- return o.loading ? /* @__PURE__ */ i("div", { children: "authentication..." }) : o.data ? e.loading ? /* @__PURE__ */ i("div", { children: "authentication..." }) : e.data ? /* @__PURE__ */ f(v, { children: [
132
- /* @__PURE__ */ i(F, { notificationsStore: r.getNotificationsStore() }),
133
- /* @__PURE__ */ i(A, { sdk: r, activeFeature: n })
134
- ] }) : /* @__PURE__ */ i(H, { sdk: r }) : /* @__PURE__ */ i("div", { children: "wrong sdk key..." });
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..." });
135
146
  };
136
147
  export {
137
- pi as Demo
148
+ ui as Demo
138
149
  };
package/lib/ui/gamification/leaderboard-invite-link/index.js CHANGED
@@ -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,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9Ikh5cGVybGluayI+CjxwYXRoIGlkPSJWZWN0b3IiIGQ9Ik0xLjUyIDhDMS41MiA2LjYzMiAyLjYzMiA1LjUyIDQgNS41Mkg3LjJWNEw0IDRDMS43OTIgNCAwIDUuNzkyIDAgOEMwIDEwLjIwOCAxLjc5MiAxMiA0IDEySDcuMkw3LjIgMTAuNDhINEMyLjYzMiAxMC40OCAxLjUyIDkuMzY4IDEuNTIgOFpNNC44IDguOEgxMS4yVjcuMkg0LjhWOC44Wk0xMiA0SDguOFY1LjUyTDEyIDUuNTJDMTMuMzY4IDUuNTIgMTQuNDggNi42MzIgMTQuNDggOEMxNC40OCA5LjM2OCAxMy4zNjggMTAuNDggMTIgMTAuNDhIOC44VjEySDEyQzE0LjIwOCAxMiAxNiAxMC4yMDggMTYgOEMxNiA1Ljc5MiAxNC4yMDggNCAxMiA0WiIgZmlsbD0id2hpdGUiLz4KPC9nPgo8L3N2Zz4K", i = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiByeD0iMTYiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuMiIvPgo8cGF0aCBkPSJNMTAuNDYxNSAxMi42ODc1QzkuNDQyMzEgMTIuNjg3NSA4LjYxNTM4IDEzLjQ2NjUgOC42MTUzOCAxNC40MjY2QzguNjE1MzggMTUuMzg2OCA5LjQ0MjMxIDE2LjE2NTggMTAuNDYxNSAxNi4xNjU4QzExLjQ4MDggMTYuMTY1OCAxMi4zMDc3IDE1LjM4NjggMTIuMzA3NyAxNC40MjY2QzEyLjMwNzcgMTMuNDY2NSAxMS40ODA4IDEyLjY4NzUgMTAuNDYxNSAxMi42ODc1Wk0xMC40NjE1IDE2LjE2NThDOS4xMDgxNyAxNi4xNjU4IDggMTcuMjA5NyA4IDE4LjQ4NDZWMTkuNzUyN0M4IDE5Ljc1MjcgOC42MTUzOCAyMC4yMjM3IDEwLjQ2MTUgMjAuMjIzN0MxMi4zMDc3IDIwLjIyMzcgMTIuOTIzMSAxOS43NTI3IDEyLjkyMzEgMTkuNzUyN1YxOC40ODQ2QzEyLjkyMzEgMTcuMjA5NyAxMS44MTQ5IDE2LjE2NTggMTAuNDYxNSAxNi4xNjU4Wk0yMS41Mzg1IDEyLjY4NzVDMjAuNTE5MiAxMi42ODc1IDE5LjY5MjMgMTMuNDY2NSAxOS42OTIzIDE0LjQyNjZDMTkuNjkyMyAxNS4zODY4IDIwLjUxOTIgMTYuMTY1OCAyMS41Mzg1IDE2LjE2NThDMjIuNTU3NyAxNi4xNjU4IDIzLjM4NDYgMTUuMzg2OCAyMy4zODQ2IDE0LjQyNjZDMjMuMzg0NiAxMy40NjY1IDIyLjU1NzcgMTIuNjg3NSAyMS41Mzg1IDEyLjY4NzVaTTIxLjUzODUgMTYuMTY1OEMyMC4xODUxIDE2LjE2NTggMTkuMDc2OSAxNy4yMDk3IDE5LjA3NjkgMTguNDg0NlYxOS43NTI3QzE5LjA3NjkgMTkuNzUyNyAxOS42OTIzIDIwLjIyMzcgMjEuNTM4NSAyMC4yMjM3QzIzLjM4NDYgMjAuMjIzNyAyNCAxOS43NTI3IDI0IDE5Ljc1MjdWMTguNDg0NkMyNCAxNy4yMDk3IDIyLjg5MTggMTYuMTY1OCAyMS41Mzg1IDE2LjE2NThaTTE2IDE1LjAwNjNDMTQuOTgwOCAxNS4wMDYzIDE0LjE1MzggMTUuNzg1MyAxNC4xNTM4IDE2Ljc0NTVDMTQuMTUzOCAxNy43MDU2IDE0Ljk4MDggMTguNDg0NiAxNiAxOC40ODQ2QzE3LjAxOTIgMTguNDg0NiAxNy44NDYyIDE3LjcwNTYgMTcuODQ2MiAxNi43NDU1QzE3Ljg0NjIgMTUuNzg1MyAxNy4wMTkyIDE1LjAwNjMgMTYgMTUuMDA2M1pNMTYgMTguNDg0NkMxNC42NDY2IDE4LjQ4NDYgMTMuNTM4NSAxOS41Mjg1IDEzLjUzODUgMjAuODAzNFYyMi4wNzE1QzEzLjUzODUgMjIuMDcxNSAxNC4xNTM4IDIyLjU0MjUgMTYgMjIuNTQyNUMxNy44NDYyIDIyLjU0MjUgMTguNDYxNSAyMi4wNzE1IDE4LjQ2MTUgMjIuMDcxNVYyMC44MDM0QzE4LjQ2MTUgMTkuNTI4NSAxNy4zNTM0IDE4LjQ4NDYgMTYgMTguNDg0NloiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0xMy4zODk4IDlDMTIuMzA5MyA5IDExLjQzMjYgOS44MjU4NCAxMS40MzI2IDEwLjg0MzdDMTEuNDMyNiAxMS44NjE2IDEyLjMwOTMgMTIuNjg3NSAxMy4zODk4IDEyLjY4NzVDMTQuNDcwNCAxMi42ODc1IDE1LjM0NyAxMS44NjE2IDE1LjM0NyAxMC44NDM3QzE1LjM0NyA5LjgyNTg0IDE0LjQ3MDQgOSAxMy4zODk4IDlaTTEzLjM4OTggMTIuNjg3NUMxMy4xOTM2IDEyLjY4NzUgMTIuOTk0OCAxMi42ODI3IDEyLjc5ODYgMTIuNzQ1MUMxMy4xOTEgMTMuMjM3MiAxMy4zODk4IDEzLjg1NDIgMTMuMzg5OCAxNC41MzEyQzEzLjM4OTggMTQuNzc2MSAxMy4zMjg3IDE1LjAxNjEgMTMuMzI4NyAxNS4yNjFDMTMuODUxMSAxNC41MjQgMTQuNjk0NiAxNC4wMzkxIDE1LjY3MzIgMTMuOTE2NkMxNS4yMTcgMTMuMTc5NiAxNC4zNjg0IDEyLjY4NzUgMTMuMzg5OCAxMi42ODc1Wk0xOC42MDkgOUMxNy41Mjg1IDkgMTYuNjUxOCA5LjgyNTg0IDE2LjY1MTggMTAuODQzN0MxNi42NTE4IDExLjg2MTYgMTcuNTI4NSAxMi42ODc1IDE4LjYwOSAxMi42ODc1QzE5LjY4OTYgMTIuNjg3NSAyMC41NjYyIDExLjg2MTYgMjAuNTY2MiAxMC44NDM3QzIwLjU2NjIgOS44MjU4NCAxOS42ODk2IDkgMTguNjA5IDlaTTE4LjYwOSAxMi42ODc1QzE3LjYzMDQgMTIuNjg3NSAxNi43ODE4IDEzLjE3OTYgMTYuMzI1NiAxMy45MTY2QzE3LjMwNDIgMTQuMDM5MSAxOC4xNDc4IDE0LjUyNCAxOC42NzAyIDE1LjI2MUMxOC42NzAyIDE1LjAxNjEgMTguNjA5IDE0Ljc3NjEgMTguNjA5IDE0LjUzMTJDMTguNjA5IDEzLjg1NDIgMTguODA3OCAxMy4yMzcyIDE5LjIwMDMgMTIuNzQ1MUMxOS4wMDQgMTIuNjgyNyAxOC44MDUyIDEyLjY4NzUgMTguNjA5IDEyLjY4NzVaIiBmaWxsPSJ3aGl0ZSIgZmlsbC1vcGFjaXR5PSIwLjQiLz4KPC9zdmc+Cg==", u = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlNoYXJlIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTExIDQuOTY1VjEuMTI1TDE4IDcuODQ1TDExIDE0LjU2NVYxMC42MjlDNiAxMC42MjkgMi41IDEyLjE2NSAwIDE1LjUyNUMxIDEwLjcyNSA0IDUuOTI1IDExIDQuOTY1WiIgZmlsbD0id2hpdGUiLz4KPC9nPgo8L3N2Zz4K", c = ({ title: I, description: D, onClick: g }) => /* @__PURE__ */ N(j, { onClick: g, children: [
5
- /* @__PURE__ */ M(T, { alt: "icon-link", src: L }),
6
- /* @__PURE__ */ M(A, { alt: "friends-icon", src: i }),
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: u })
11
+ /* @__PURE__ */ M(E, { alt: "arrow-invite-icon", src: i })
12
12
  ] });
13
13
  export {
14
14
  c as LeaderboardInviteLink
package/lib/ui/gamification/leaderboard-item-detail/index.js CHANGED
@@ -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 }),
package/lib/ui/gamification/onboarding/index.js CHANGED
@@ -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 { Container as N, OnboardingHeader as T, LeftBlock as j, GameIcon as p, RightBlock as E, SponsorLogo as G, CloseBtn as R, IconClose as A, Content as H, OnboardingActionBtn as L } from "./styles.js";
5
- import { OnboardingInstructions as P } from "./components/onboarding-slides/onboarding-instructions/index.js";
6
- import { OnboardingRules as q } from "./components/onboarding-slides/onboarding-rules/index.js";
7
- import { OnboardingInviteCard as z } from "./components/onboarding-slides/onboarding-invite-card/index.js";
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 "./components/onboarding-slides/onboarding-rules/styles.js";
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(N, { children: [
42
- /* @__PURE__ */ l(T, { children: [
43
- /* @__PURE__ */ t(j, { children: c && /* @__PURE__ */ t(p, { alt: "sponsor-one-onboarding-icon", src: c }) }),
44
- /* @__PURE__ */ l(E, { children: [
45
- d && /* @__PURE__ */ t(G, { alt: "sponsor-two-onboarding-icon", src: d }),
46
- /* @__PURE__ */ t(R, { onClick: k, children: /* @__PURE__ */ t(A, { alt: "icon-close-onboarding", src: D }) })
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(H, { children: [
50
- o.steps && (n == null ? void 0 : n.length) && /* @__PURE__ */ t(P, { graphic: n[a].graphic, headline: n[a].headline }),
51
- o.rules && /* @__PURE__ */ t(q, { rules: i, rulesTitle: u, primaryColor: m }),
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
- z,
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(L, { onClick: o.inviteCard ? O : x, children: o.rules ? C || "Got it!" : o.inviteCard ? y || "Play now!" : "Next" })
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 {
package/lib/ui/gamification/points/styles.js CHANGED
@@ -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.40);
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`
package/lib/ui/gamification/question/index.js CHANGED
@@ -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,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlBvbGwiPgo8cGF0aCBpZD0iTm90aWZpY2F0aW9uL0ljb24vUG9sbCIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05Ljc3NzggMS42ODQyMVY1LjA1MjYzSDEzLjMzMzNDMTMuODI0MyA1LjA1MjYzIDE0LjIyMjIgNC42NzU2MSAxNC4yMjIyIDQuMjEwNTNWMi41MjYzMkMxNC4yMjIyIDIuMDYxMjMgMTMuODI0MyAxLjY4NDIxIDEzLjMzMzMgMS42ODQyMUg5Ljc3NzhaTTIuNjY2NjcgMEMxLjE5MzkxIDAgMCAxLjEzMTA3IDAgMi41MjYzMlY0LjIxMDUzQzAgNS42MDU3NyAxLjE5MzkxIDYuNzM2ODQgMi42NjY2NyA2LjczNjg0SDEzLjMzMzNDMTQuODA2MSA2LjczNjg0IDE2IDUuNjA1NzcgMTYgNC4yMTA1M1YyLjUyNjMyQzE2IDEuMTMxMDcgMTQuODA2MSAwIDEzLjMzMzMgMEgyLjY2NjY3Wk00LjQ0NDQ2IDEwLjk0NzNIMTMuMzMzM0MxMy44MjQzIDEwLjk0NzMgMTQuMjIyMiAxMS4zMjQzIDE0LjIyMjIgMTEuNzg5NFYxMy40NzM2QzE0LjIyMjIgMTMuOTM4NyAxMy44MjQzIDE0LjMxNTcgMTMuMzMzMyAxNC4zMTU3SDQuNDQ0NDZWMTAuOTQ3M1pNMCAxMS43ODk0QzAgMTAuMzk0MiAxLjE5MzkxIDkuMjYzMSAyLjY2NjY3IDkuMjYzMUgxMy4zMzMzQzE0LjgwNjEgOS4yNjMxIDE2IDEwLjM5NDIgMTYgMTEuNzg5NFYxMy40NzM2QzE2IDE0Ljg2ODkgMTQuODA2MSAxNS45OTk5IDEzLjMzMzMgMTUuOTk5OUgyLjY2NjY3QzEuMTkzOTEgMTUuOTk5OSAwIDE0Ljg2ODkgMCAxMy40NzM2VjExLjc4OTRaIiBmaWxsPSJ3aGl0ZSIgZmlsbC1vcGFjaXR5PSIwLjUiLz4KPC9nPgo8L3N2Zz4K", n = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9Ikljb24vTm90aWZpY2F0aW9uL1ByZWRpY2l0b24iPgo8cGF0aCBpZD0iSWNvbi9QcmVkaWN0aW9uIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTE2IDcuMDA1MjJDMTYgNy4wMDUyMiA5LjIwMDQ4IDYuODE2MDcgOS4yMDA0OCAwQzkuMjAwNDggNi4zNjE2OCAzLjI3NzI5IDYuOTUwNTYgMi40ODc1NiA3LjAwMDc4TDIuNDAwOTQgNy4wMDUyMkMyLjQwMDk0IDcuMDA1MjIgOS4yMDA0OCA3LjE5NDM1IDkuMjAwNDggMTQuMDEwNEM5LjIwMDQ4IDcuNjQ4NzcgMTUuMTIzNCA3LjA1OTg5IDE1LjkxMzEgNy4wMDk2NEwxNiA3LjAwNTIyWk02Ljk3MzgyIDEyLjU2NTJDNi45NzM4MiAxMi41NjUyIDMuNDg2OTEgMTIuNDcyNCAzLjQ4NjkxIDkuMTMwMzNDMy40ODY5MSAxMi4yNDk2IDAuNDQ5NDAyIDEyLjUzODQgMC4wNDQ0MTg2IDEyLjU2M0wwIDEyLjU2NTJDMCAxMi41NjUyIDMuNDg2OTEgMTIuNjU3OSAzLjQ4NjkxIDE2QzMuNDg2OTEgMTIuODgwNyA2LjUyNDI5IDEyLjU5MiA2LjkyOTI3IDEyLjU2NzNMNi45NzM4MiAxMi41NjUyWiIgZmlsbD0id2hpdGUiIGZpbGwtb3BhY2l0eT0iMC41Ii8+CjwvZz4KPC9zdmc+Cg==", Z = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9Ikljb24vTm90aWZpY2F0aW9uL1RyaXZpYSI+CjxwYXRoIGlkPSJOb3RpZmljYXRpb24vSWNvbi9Ucml2aWEiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMi4wMTY2MyAxLjM4MDhDMC43Mzk5MTMgMS41NTU4NiAtMC4xNTMxNTMgMi43MzI3NiAwLjAyMTkxMiA0LjAwOTQ4TDEuMzgwOCAxMy45MTk2QzEuNTU1ODYgMTUuMTk2MyAyLjczMjc2IDE2LjA4OTQgNC4wMDk0OCAxNS45MTQzTDEzLjkxOTYgMTQuNTU1NEMxNS4xOTYzIDE0LjM4MDMgMTYuMDg5NCAxMy4yMDM0IDE1LjkxNDMgMTEuOTI2N0wxNC41NTU0IDIuMDE2NjNDMTQuMzgwMyAwLjczOTkxMyAxMy4yMDM0IC0wLjE1MzE1MyAxMS45MjY3IDAuMDIxOTEyTDIuMDE2NjMgMS4zODA4Wk05LjU5NjEzIDMuNzg4QzkuMTE0MzEgMy40Njk5MSA4LjQ3ODEzIDMuMzAxNTEgNy43NTY2IDMuMzAxNTFDNy41NDM3NyAzLjMwMTUxIDcuMzI2MjUgMy4zMTY3MSA3LjEwODcyIDMuMzQ0NzhDNi4zODgzNiAzLjQ0MDY3IDUuNjg5MDEgMy43OTAzNCA1LjE4OTY1IDQuMzAxMzhDNC42ODQ0NSA0LjgyMDYyIDQuNDM3NyA1LjQ1NTYzIDQuNTE3MjIgNi4wNDE1MUM0LjU3NDUyIDYuNDc0MiA0LjkwMDc4IDYuNzUzNyA1LjM0NjM1IDYuNzUzN0M1LjM5NDI5IDYuNzUzNyA1LjQ0MzQxIDYuNzUwMiA1LjQ5MTM2IDYuNzQ0MzVDNi4wODc3OCA2LjY2NDgzIDYuMjE2NDIgNi4yNTQzNiA2LjM0MDM2IDUuODU2NzVMNi4zNDA0NSA1Ljg1NjQ4QzYuNDgxOTIgNS40MDQwMSA2LjYxNTM0IDQuOTc3MzEgNy4zODU4NSA0Ljg3NDQ0QzcuNDY1MzcgNC44NjM5MSA3LjU0MTM4IDQuODU4MDYgNy42MTUwNiA0Ljg1ODA2QzguMTY5MzkgNC44NTgwNiA4LjUxNDM2IDUuMTUwNDIgOC41ODQ1NCA1LjY4MjUyQzguNjUzNTMgNi4yMDI5MyA4LjI0MzA3IDYuNjE4MDcgNy44MDY4NCA3LjA1NjZMNy44MDM5MyA3LjA1OTU0QzcuMzE1ODIgNy41NTIzMSA2Ljc2MzkgOC4xMDk1IDYuODY4OTUgOC45MDA4M0M2Ljg5NTg1IDkuMTA1NDggNi45ODU5IDkuMjk0OTMgNy4xMjI3MiA5LjQzNjQ0QzcuMjc4MjYgOS41OTkgNy40ODI5IDkuNjg0MzYgNy43MTMzMSA5LjY4NDM2QzcuNzU1NDEgOS42ODQzNiA3Ljc5ODY4IDkuNjgyMDMgNy44NDMxMSA5LjY3NjE4QzguNDY2OTEgOS41OTMyNCA4LjU1MTYyIDkuMjMxMzkgOC42MzMzOCA4Ljg4MjFMOC42MzM2NSA4Ljg4MDk3TDguNjM2NjEgOC44Njg1OUM4LjY2NzIzIDguNzQwMyA4LjY5ODc3IDguNjA4MTMgOC43NTk5NSA4LjQ4ODA0QzguODQ2NDkgOC4zMTYxMyA5LjA2MjgzIDguMTEyNjUgOS4zMTQyOCA3Ljg3ODc1QzkuOTE0MiA3LjMxODU4IDEwLjczNCA2LjU1MTQzIDEwLjU4MiA1LjQxNTg5QzEwLjQ4NzIgNC43MDYwMyAxMC4xNTUxIDQuMTU3NTcgOS41OTYxMSAzLjc4ODAyTDkuNTk2MTMgMy43ODhaTTguMTE2MDUgMTAuMjhDOC4wNjkyNyAxMC4yOCA4LjAyMTMyIDEwLjI4MzYgNy45NzQ1NCAxMC4yODk0QzcuMzgzOTYgMTAuMzY4OSA2Ljk2NzY1IDEwLjkxMjcgNy4wNDU5OSAxMS41MDMzQzcuMTE3MzMgMTIuMDM3NyA3LjU3ODA4IDEyLjQ0MTIgOC4xMTcyIDEyLjQ0MTJDOC4xNjM5NyAxMi40NDEyIDguMjExOTIgMTIuNDM3NyA4LjI1OTg3IDEyLjQzMThDOC44NTA0NSAxMi4zNTIzIDkuMjY1NiAxMS44MDg1IDkuMTg4NDIgMTEuMjE3OUM5LjExNTkxIDEwLjY4MjMgOC42NTUxNyAxMC4yOCA4LjExNjA1IDEwLjI4WiIgZmlsbD0id2hpdGUiIGZpbGwtb3BhY2l0eT0iMC41Ii8+CjwvZz4KPC9zdmc+Cg==", o = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNiAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IkNoZWNrIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTEzLjQzMTUgMy4xODI0Nkw1LjUzMzIxIDExLjA4MDhMMS45OTc3MSA3LjU0NTI3QzEuNTQwNTYgNy4wODgxMSAwLjc5OTkxMyA3LjA4ODExIDAuMzQyODY0IDcuNTQ1MjdDLTAuMTE0Mjg4IDguMDAyNDIgLTAuMTE0Mjg4IDguNzQzMDcgMC4zNDI4NjQgOS4yMDAxMUw0LjcwNTY3IDEzLjU2MjlDNC45MzMzMSAxMy43OTA2IDUuMjM0MTUgMTMuOTA2MyA1LjUzMzA3IDEzLjkwNjNDNS44MzIwMiAxMy45MDYzIDYuMTMwOTYgMTMuNzkyNCA2LjM2MDQ4IDEzLjU2MjlMMTUuMDg2MSA0LjgzNzMxQzE1LjU0MzIgNC4zODAxNiAxNS41NDMyIDMuNjM5NTEgMTUuMDg2MSAzLjE4MjQ2QzE0LjYyOSAyLjcyNTMxIDEzLjg4ODQgMi43MjUzMSAxMy40MzEyIDMuMTgyNDZIMTMuNDMxNVoiIGZpbGw9IiMwMEJENjAiLz4KPC9nPgo8L3N2Zz4K", d = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9Ikdyb3VwIDQ2NSI+CjxyZWN0IGlkPSJSZWN0YW5nbGUgMzY4IiB4PSIyIiB5PSIwLjUwNjEwNCIgd2lkdGg9IjE2LjQ5OTIiIGhlaWdodD0iMi4zNTcwMiIgcng9IjEuMTc4NTEiIHRyYW5zZm9ybT0icm90YXRlKDQ1IDIgMC41MDYxMDQpIiBmaWxsPSIjOWUwYTFmIi8+CjxyZWN0IGlkPSJSZWN0YW5nbGUgMzY5IiB4PSIwLjMzMzAwOCIgeT0iMTIuMTcyOSIgd2lkdGg9IjE2LjQ5OTIiIGhlaWdodD0iMi4zNTcwMiIgcng9IjEuMTc4NTEiIHRyYW5zZm9ybT0icm90YXRlKC00NSAwLjMzMzAwOCAxMi4xNzI5KSIgZmlsbD0iIzllMGExZiIvPgo8L2c+Cjwvc3ZnPgo=", b = {
7
- [N.POLL]: { label: "Poll", icon: l },
8
- [N.TRIVIA]: { label: "Trivia", icon: Z },
9
- [N.PREDICTION]: { label: "Prediction", icon: n }
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]: d,
12
- [D.WON]: o,
11
+ [D.LOST]: n,
12
+ [D.WON]: l,
13
13
  [D.UNSET]: T,
14
14
  [D.DNP]: T
15
15
  }, P = ({