@streamlayer/react-ui 0.43.0 → 0.45.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/index.js +30 -32
- package/lib/ui/app/Features/Gamification/Leaderboard.js +10 -18
- package/lib/ui/app/Features/Gamification/Tabs.js +14 -16
- package/lib/ui/app/Features/Gamification/index.js +9 -11
- package/lib/ui/app/Features/index.js +9 -11
- package/lib/ui/app/masters.js +9 -11
- package/lib/ui/demo/Gamification.js +12 -14
- package/lib/ui/demo/Highlights.js +2 -3
- package/lib/ui/demo/components/Leaderboard.js +10 -18
- package/lib/ui/demo/components/index.js +14 -16
- package/lib/ui/demo/index.js +86 -49
- package/lib/ui/gamification/invite-link/index.d.ts +8 -0
- package/lib/ui/gamification/invite-link/index.js +14 -0
- package/lib/ui/gamification/{leaderboard-invite-link → invite-link}/styles.d.ts +0 -1
- package/lib/ui/gamification/invite-link/styles.js +48 -0
- package/lib/ui/gamification/leaderboard-item-detail/index.d.ts +1 -2
- package/lib/ui/gamification/leaderboard-item-detail/index.js +5 -15
- package/lib/ui/gamification/leaderboard-list/index.js +4 -10
- package/lib/ui/icons/index.d.ts +0 -1
- package/lib/ui/icons/index.js +22 -23
- package/package.json +8 -8
- package/lib/ui/gamification/leaderboard-invite-link/index.d.ts +0 -8
- package/lib/ui/gamification/leaderboard-invite-link/index.js +0 -15
- package/lib/ui/gamification/leaderboard-invite-link/styles.js +0 -59
package/lib/index.js
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
import { QuestionInApp as
|
|
2
|
-
import { Login as
|
|
3
|
-
import { Onboarding as
|
|
4
|
-
import { ActivePages as
|
|
5
|
-
import { LeaderboardItemDetail as
|
|
6
|
-
import { Question as
|
|
7
|
-
import { QuestionList as
|
|
8
|
-
import { UserStatistics as
|
|
9
|
-
import { Vote as
|
|
10
|
-
import { Demo as
|
|
11
|
-
import { Points as
|
|
12
|
-
import { StreamLayerThemeProvider as
|
|
13
|
-
import { ThemeVariables as
|
|
1
|
+
import { QuestionInApp as Vo } from "./ui/notifications/notification/question-inapp/index.js";
|
|
2
|
+
import { Login as Oo } from "./ui/login/index.js";
|
|
3
|
+
import { Onboarding as jo } from "./ui/gamification/onboarding/index.js";
|
|
4
|
+
import { ActivePages as qo, Tab as wo, Tabs as zo } from "./ui/gamification/tabs/index.js";
|
|
5
|
+
import { LeaderboardItemDetail as Co } from "./ui/gamification/leaderboard-item-detail/index.js";
|
|
6
|
+
import { Question as Fo } from "./ui/gamification/question/index.js";
|
|
7
|
+
import { QuestionList as Ho } from "./ui/gamification/question/list/index.js";
|
|
8
|
+
import { UserStatistics as Ko } from "./ui/gamification/user-statistics/index.js";
|
|
9
|
+
import { Vote as No } from "./ui/gamification/vote/index.js";
|
|
10
|
+
import { Demo as Wo } from "./ui/demo/index.js";
|
|
11
|
+
import { Points as Yo } from "./ui/gamification/points/index.js";
|
|
12
|
+
import { StreamLayerThemeProvider as _o } from "./ui/theme/index.js";
|
|
13
|
+
import { ThemeVariables as or, theme as rr, themeStr as tr } from "./ui/theme/theme.js";
|
|
14
14
|
import "react/jsx-runtime";
|
|
15
15
|
import "react";
|
|
16
16
|
import "./icon-exit-d3f9fc80.js";
|
|
@@ -76,8 +76,6 @@ import "./ui/gamification/insight-list/styles.js";
|
|
|
76
76
|
import "./ui/gamification/detailed-insight/styles.js";
|
|
77
77
|
import "./ui/demo/components/Leaderboard.js";
|
|
78
78
|
import "./ui/gamification/leaderboard-list/index.js";
|
|
79
|
-
import "./ui/gamification/leaderboard-invite-link/index.js";
|
|
80
|
-
import "./ui/gamification/leaderboard-invite-link/styles.js";
|
|
81
79
|
import "./ui/gamification/leaderboard-item/index.js";
|
|
82
80
|
import "./ui/gamification/leaderboard-item/styles.js";
|
|
83
81
|
import "./ui/gamification/leaderboard-list/styles.js";
|
|
@@ -93,21 +91,21 @@ import "@streamlayer/sdk-web-anonymous-auth";
|
|
|
93
91
|
import "./ui/gamification/points/styles.js";
|
|
94
92
|
import "@linaria/core";
|
|
95
93
|
export {
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
94
|
+
qo as ActivePages,
|
|
95
|
+
Wo as Demo,
|
|
96
|
+
Co as LeaderboardItemDetail,
|
|
97
|
+
Oo as Login,
|
|
98
|
+
jo as Onboarding,
|
|
99
|
+
Yo as Points,
|
|
100
|
+
Fo as Question,
|
|
101
|
+
Vo as QuestionInApp,
|
|
102
|
+
Ho as QuestionList,
|
|
103
|
+
_o as StreamLayerThemeProvider,
|
|
104
|
+
wo as Tab,
|
|
105
|
+
zo as Tabs,
|
|
106
|
+
or as ThemeVariables,
|
|
107
|
+
Ko as UserStatistics,
|
|
108
|
+
No as Vote,
|
|
109
|
+
rr as theme,
|
|
110
|
+
tr as themeStr
|
|
113
111
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { jsx as
|
|
1
|
+
import { jsx as i, jsxs as c, Fragment as l } from "react/jsx-runtime";
|
|
2
2
|
import { useStore as u } from "@nanostores/react";
|
|
3
3
|
import { useState as b } from "react";
|
|
4
4
|
import { LeaderboardItemDetail as f } from "../../../gamification/leaderboard-item-detail/index.js";
|
|
@@ -7,34 +7,26 @@ import "../../../gamification/common-header/index.js";
|
|
|
7
7
|
import "../../../../icon-exit-d3f9fc80.js";
|
|
8
8
|
import "../../../gamification/common-header/styles.js";
|
|
9
9
|
import "@linaria/react";
|
|
10
|
-
import "../../../gamification/user-statistics/index.js";
|
|
11
|
-
import "../../../../utils/common.js";
|
|
12
|
-
import "../../../gamification/user-statistics/components/rank/index.js";
|
|
13
|
-
import "../../../gamification/user-statistics/components/rank/styles.js";
|
|
14
|
-
import "../../../gamification/user-statistics/components/statistic/index.js";
|
|
15
|
-
import "../../../gamification/user-statistics/components/statistic/styles.js";
|
|
16
|
-
import "../../../gamification/user-statistics/styles.js";
|
|
17
10
|
import "../../../gamification/leaderboard-item-detail/styles.js";
|
|
18
|
-
import "../../../gamification/leaderboard-invite-link/index.js";
|
|
19
|
-
import "../../../gamification/leaderboard-invite-link/styles.js";
|
|
20
11
|
import "../../../gamification/leaderboard-item/index.js";
|
|
12
|
+
import "../../../../utils/common.js";
|
|
21
13
|
import "../../../gamification/leaderboard-item/styles.js";
|
|
22
14
|
import "../../../gamification/leaderboard-list/styles.js";
|
|
23
|
-
const
|
|
24
|
-
const { data: r } = u(
|
|
15
|
+
const y = ({ store: s }) => {
|
|
16
|
+
const { data: r } = u(s), [e, d] = b(void 0);
|
|
25
17
|
if (!r)
|
|
26
|
-
return /* @__PURE__ */
|
|
18
|
+
return /* @__PURE__ */ i("div", { children: "wait leader board..." });
|
|
27
19
|
const o = (t) => {
|
|
28
20
|
var m;
|
|
29
|
-
const
|
|
21
|
+
const p = (m = r.find((n) => {
|
|
30
22
|
var a;
|
|
31
23
|
return ((a = n.attributes) == null ? void 0 : a.userId) === t;
|
|
32
24
|
})) == null ? void 0 : m.attributes;
|
|
33
|
-
|
|
25
|
+
d(p);
|
|
34
26
|
};
|
|
35
27
|
return /* @__PURE__ */ c(l, { children: [
|
|
36
|
-
|
|
37
|
-
!
|
|
28
|
+
e && /* @__PURE__ */ i(f, { comeBack: () => o(null), ...e }),
|
|
29
|
+
!e && /* @__PURE__ */ i(
|
|
38
30
|
I,
|
|
39
31
|
{
|
|
40
32
|
items: r.filter((t) => t.attributes).map((t) => t.attributes),
|
|
@@ -44,5 +36,5 @@ const M = ({ store: p }) => {
|
|
|
44
36
|
] });
|
|
45
37
|
};
|
|
46
38
|
export {
|
|
47
|
-
|
|
39
|
+
y as Leaderboard
|
|
48
40
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { jsxs as
|
|
1
|
+
import { jsxs as e, Fragment as p, jsx as r } from "react/jsx-runtime";
|
|
2
2
|
import { useState as s } from "react";
|
|
3
3
|
import { SDKWhiteContainer as n, SDKContentContainer as a } from "../../styles.js";
|
|
4
4
|
import { ActivePages as m, Tabs as u } from "../../../gamification/tabs/index.js";
|
|
@@ -12,18 +12,10 @@ import "../../../gamification/leaderboard-item-detail/index.js";
|
|
|
12
12
|
import "../../../gamification/common-header/index.js";
|
|
13
13
|
import "../../../../icon-exit-d3f9fc80.js";
|
|
14
14
|
import "../../../gamification/common-header/styles.js";
|
|
15
|
-
import "../../../gamification/user-statistics/index.js";
|
|
16
|
-
import "../../../../utils/common.js";
|
|
17
|
-
import "../../../gamification/user-statistics/components/rank/index.js";
|
|
18
|
-
import "../../../gamification/user-statistics/components/rank/styles.js";
|
|
19
|
-
import "../../../gamification/user-statistics/components/statistic/index.js";
|
|
20
|
-
import "../../../gamification/user-statistics/components/statistic/styles.js";
|
|
21
|
-
import "../../../gamification/user-statistics/styles.js";
|
|
22
15
|
import "../../../gamification/leaderboard-item-detail/styles.js";
|
|
23
16
|
import "../../../gamification/leaderboard-list/index.js";
|
|
24
|
-
import "../../../gamification/leaderboard-invite-link/index.js";
|
|
25
|
-
import "../../../gamification/leaderboard-invite-link/styles.js";
|
|
26
17
|
import "../../../gamification/leaderboard-item/index.js";
|
|
18
|
+
import "../../../../utils/common.js";
|
|
27
19
|
import "../../../gamification/leaderboard-item/styles.js";
|
|
28
20
|
import "../../../gamification/leaderboard-list/styles.js";
|
|
29
21
|
import "../../../gamification/question/list/index.js";
|
|
@@ -35,11 +27,17 @@ import "../../../gamification/constants.js";
|
|
|
35
27
|
import "../../../gamification/question/styles.js";
|
|
36
28
|
import "../../../icons/index.js";
|
|
37
29
|
import "../../../gamification/question/list/styles.js";
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
30
|
+
import "../../../gamification/user-statistics/index.js";
|
|
31
|
+
import "../../../gamification/user-statistics/components/rank/index.js";
|
|
32
|
+
import "../../../gamification/user-statistics/components/rank/styles.js";
|
|
33
|
+
import "../../../gamification/user-statistics/components/statistic/index.js";
|
|
34
|
+
import "../../../gamification/user-statistics/components/statistic/styles.js";
|
|
35
|
+
import "../../../gamification/user-statistics/styles.js";
|
|
36
|
+
const V = ({ gamification: t }) => {
|
|
37
|
+
const [o, i] = s(m.HOME);
|
|
38
|
+
return /* @__PURE__ */ e(p, { children: [
|
|
39
|
+
/* @__PURE__ */ e(n, { children: [
|
|
40
|
+
/* @__PURE__ */ r(u, { activePage: o, toggleActivePage: i }),
|
|
43
41
|
o === m.HOME && /* @__PURE__ */ r(g, { store: t.userSummary.getStore() })
|
|
44
42
|
] }),
|
|
45
43
|
o === m.HOME && /* @__PURE__ */ r(a, { children: /* @__PURE__ */ r(d, { openQuestion: t.openQuestion, store: t.questions.getStore() }) }),
|
|
@@ -47,5 +45,5 @@ const Y = ({ gamification: t }) => {
|
|
|
47
45
|
] });
|
|
48
46
|
};
|
|
49
47
|
export {
|
|
50
|
-
|
|
48
|
+
V as Tabs
|
|
51
49
|
};
|
|
@@ -27,18 +27,10 @@ import "../../../gamification/leaderboard-item-detail/index.js";
|
|
|
27
27
|
import "../../../gamification/common-header/index.js";
|
|
28
28
|
import "../../../../icon-exit-d3f9fc80.js";
|
|
29
29
|
import "../../../gamification/common-header/styles.js";
|
|
30
|
-
import "../../../gamification/user-statistics/index.js";
|
|
31
|
-
import "../../../../utils/common.js";
|
|
32
|
-
import "../../../gamification/user-statistics/components/rank/index.js";
|
|
33
|
-
import "../../../gamification/user-statistics/components/rank/styles.js";
|
|
34
|
-
import "../../../gamification/user-statistics/components/statistic/index.js";
|
|
35
|
-
import "../../../gamification/user-statistics/components/statistic/styles.js";
|
|
36
|
-
import "../../../gamification/user-statistics/styles.js";
|
|
37
30
|
import "../../../gamification/leaderboard-item-detail/styles.js";
|
|
38
31
|
import "../../../gamification/leaderboard-list/index.js";
|
|
39
|
-
import "../../../gamification/leaderboard-invite-link/index.js";
|
|
40
|
-
import "../../../gamification/leaderboard-invite-link/styles.js";
|
|
41
32
|
import "../../../gamification/leaderboard-item/index.js";
|
|
33
|
+
import "../../../../utils/common.js";
|
|
42
34
|
import "../../../gamification/leaderboard-item/styles.js";
|
|
43
35
|
import "../../../gamification/leaderboard-list/styles.js";
|
|
44
36
|
import "./QuestionsList.js";
|
|
@@ -49,13 +41,19 @@ import "../../../button/styles.js";
|
|
|
49
41
|
import "../../../gamification/question/styles.js";
|
|
50
42
|
import "../../../gamification/question/list/styles.js";
|
|
51
43
|
import "./UserSummary.js";
|
|
44
|
+
import "../../../gamification/user-statistics/index.js";
|
|
45
|
+
import "../../../gamification/user-statistics/components/rank/index.js";
|
|
46
|
+
import "../../../gamification/user-statistics/components/rank/styles.js";
|
|
47
|
+
import "../../../gamification/user-statistics/components/statistic/index.js";
|
|
48
|
+
import "../../../gamification/user-statistics/components/statistic/styles.js";
|
|
49
|
+
import "../../../gamification/user-statistics/styles.js";
|
|
52
50
|
const u = e(a)`
|
|
53
51
|
position: absolute;
|
|
54
52
|
inset: 0;
|
|
55
53
|
top: var(--header-height);
|
|
56
54
|
background: var(--color-neutrals-white);
|
|
57
55
|
z-index: 3;
|
|
58
|
-
`,
|
|
56
|
+
`, so = ({
|
|
59
57
|
gamification: o
|
|
60
58
|
}) => {
|
|
61
59
|
const { loading: i, data: t } = n(o.openedQuestion);
|
|
@@ -72,5 +70,5 @@ const u = e(a)`
|
|
|
72
70
|
] });
|
|
73
71
|
};
|
|
74
72
|
export {
|
|
75
|
-
|
|
73
|
+
so as GamificationOverlay
|
|
76
74
|
};
|
|
@@ -31,18 +31,10 @@ import "../../gamification/leaderboard-item-detail/index.js";
|
|
|
31
31
|
import "../../gamification/common-header/index.js";
|
|
32
32
|
import "../../../icon-exit-d3f9fc80.js";
|
|
33
33
|
import "../../gamification/common-header/styles.js";
|
|
34
|
-
import "../../gamification/user-statistics/index.js";
|
|
35
|
-
import "../../../utils/common.js";
|
|
36
|
-
import "../../gamification/user-statistics/components/rank/index.js";
|
|
37
|
-
import "../../gamification/user-statistics/components/rank/styles.js";
|
|
38
|
-
import "../../gamification/user-statistics/components/statistic/index.js";
|
|
39
|
-
import "../../gamification/user-statistics/components/statistic/styles.js";
|
|
40
|
-
import "../../gamification/user-statistics/styles.js";
|
|
41
34
|
import "../../gamification/leaderboard-item-detail/styles.js";
|
|
42
35
|
import "../../gamification/leaderboard-list/index.js";
|
|
43
|
-
import "../../gamification/leaderboard-invite-link/index.js";
|
|
44
|
-
import "../../gamification/leaderboard-invite-link/styles.js";
|
|
45
36
|
import "../../gamification/leaderboard-item/index.js";
|
|
37
|
+
import "../../../utils/common.js";
|
|
46
38
|
import "../../gamification/leaderboard-item/styles.js";
|
|
47
39
|
import "../../gamification/leaderboard-list/styles.js";
|
|
48
40
|
import "./Gamification/QuestionsList.js";
|
|
@@ -53,6 +45,12 @@ import "../../button/styles.js";
|
|
|
53
45
|
import "../../gamification/question/styles.js";
|
|
54
46
|
import "../../gamification/question/list/styles.js";
|
|
55
47
|
import "./Gamification/UserSummary.js";
|
|
48
|
+
import "../../gamification/user-statistics/index.js";
|
|
49
|
+
import "../../gamification/user-statistics/components/rank/index.js";
|
|
50
|
+
import "../../gamification/user-statistics/components/rank/styles.js";
|
|
51
|
+
import "../../gamification/user-statistics/components/statistic/index.js";
|
|
52
|
+
import "../../gamification/user-statistics/components/statistic/styles.js";
|
|
53
|
+
import "../../gamification/user-statistics/styles.js";
|
|
56
54
|
import "../../demo/components/Insight.js";
|
|
57
55
|
import "../../gamification/detailed-insight/index.js";
|
|
58
56
|
import "../../gamification/detailed-insight/styles.js";
|
|
@@ -61,7 +59,7 @@ import "../../gamification/insight-list/index.js";
|
|
|
61
59
|
import "../../gamification/insight/index.js";
|
|
62
60
|
import "../../gamification/insight/styles.js";
|
|
63
61
|
import "../../gamification/insight-list/styles.js";
|
|
64
|
-
const
|
|
62
|
+
const Fr = ({ sdk: i, feature: r }) => p(() => r ? r.featureConfig.get().type === o.GAMES ? /* @__PURE__ */ t(m, { sdk: i, feature: r, children: /* @__PURE__ */ t(e, { gamification: r, sdk: i }) }) : r.featureConfig.get().type === o.HIGHLIGHTS ? /* @__PURE__ */ t(m, { sdk: i, feature: r, children: /* @__PURE__ */ t(n, { highlights: r, sdk: i }) }) : null : null, [i, r]);
|
|
65
63
|
export {
|
|
66
|
-
|
|
64
|
+
Fr as ActiveFeature
|
|
67
65
|
};
|
package/lib/ui/app/masters.js
CHANGED
|
@@ -41,18 +41,10 @@ import "../gamification/leaderboard-item-detail/index.js";
|
|
|
41
41
|
import "../gamification/common-header/index.js";
|
|
42
42
|
import "../../icon-exit-d3f9fc80.js";
|
|
43
43
|
import "../gamification/common-header/styles.js";
|
|
44
|
-
import "../gamification/user-statistics/index.js";
|
|
45
|
-
import "../../utils/common.js";
|
|
46
|
-
import "../gamification/user-statistics/components/rank/index.js";
|
|
47
|
-
import "../gamification/user-statistics/components/rank/styles.js";
|
|
48
|
-
import "../gamification/user-statistics/components/statistic/index.js";
|
|
49
|
-
import "../gamification/user-statistics/components/statistic/styles.js";
|
|
50
|
-
import "../gamification/user-statistics/styles.js";
|
|
51
44
|
import "../gamification/leaderboard-item-detail/styles.js";
|
|
52
45
|
import "../gamification/leaderboard-list/index.js";
|
|
53
|
-
import "../gamification/leaderboard-invite-link/index.js";
|
|
54
|
-
import "../gamification/leaderboard-invite-link/styles.js";
|
|
55
46
|
import "../gamification/leaderboard-item/index.js";
|
|
47
|
+
import "../../utils/common.js";
|
|
56
48
|
import "../gamification/leaderboard-item/styles.js";
|
|
57
49
|
import "../gamification/leaderboard-list/styles.js";
|
|
58
50
|
import "./Features/Gamification/QuestionsList.js";
|
|
@@ -63,6 +55,12 @@ import "../button/styles.js";
|
|
|
63
55
|
import "../gamification/question/styles.js";
|
|
64
56
|
import "../gamification/question/list/styles.js";
|
|
65
57
|
import "./Features/Gamification/UserSummary.js";
|
|
58
|
+
import "../gamification/user-statistics/index.js";
|
|
59
|
+
import "../gamification/user-statistics/components/rank/index.js";
|
|
60
|
+
import "../gamification/user-statistics/components/rank/styles.js";
|
|
61
|
+
import "../gamification/user-statistics/components/statistic/index.js";
|
|
62
|
+
import "../gamification/user-statistics/components/statistic/styles.js";
|
|
63
|
+
import "../gamification/user-statistics/styles.js";
|
|
66
64
|
import "./Features/Highlights/index.js";
|
|
67
65
|
import "../demo/components/Insight.js";
|
|
68
66
|
import "../gamification/detailed-insight/index.js";
|
|
@@ -79,7 +77,7 @@ import "../navigation/button/styles.js";
|
|
|
79
77
|
const B = ({ sdk: o }) => {
|
|
80
78
|
const [, m] = k(o);
|
|
81
79
|
return /* @__PURE__ */ t(S, { feature: m, sdk: o });
|
|
82
|
-
},
|
|
80
|
+
}, Qr = ({ sdk: o, overlays: m, children: p, event: n }) => {
|
|
83
81
|
const { sdkEnabled: i, sdkReady: s, activeOverlay: r, activateAndLoadOverlay: d, enableSdk: l, disableSdk: c } = b(
|
|
84
82
|
o,
|
|
85
83
|
n
|
|
@@ -113,5 +111,5 @@ const B = ({ sdk: o }) => {
|
|
|
113
111
|
] }) });
|
|
114
112
|
};
|
|
115
113
|
export {
|
|
116
|
-
|
|
114
|
+
Qr as MastersApp
|
|
117
115
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as t, jsxs as s, Fragment as z } from "react/jsx-runtime";
|
|
2
2
|
import { FeatureStatus as J } from "@streamlayer/sdk-web-interfaces";
|
|
3
|
-
import { useStore as
|
|
3
|
+
import { useStore as n } from "@nanostores/react";
|
|
4
4
|
import { useState as K } from "react";
|
|
5
5
|
import { ActivePages as a, Tabs as N } from "../gamification/tabs/index.js";
|
|
6
6
|
import { UserSummary as V } from "./components/UserSummary.js";
|
|
@@ -13,7 +13,7 @@ import "../gamification/insight-list/styles.js";
|
|
|
13
13
|
import "../gamification/common-header/styles.js";
|
|
14
14
|
import "../gamification/detailed-insight/styles.js";
|
|
15
15
|
import { Leaderboard as Z } from "./components/Leaderboard.js";
|
|
16
|
-
import { DemoContainer as
|
|
16
|
+
import { DemoContainer as p, UserStatisticsContainer as _, QuestionsContainer as $ } from "./styles.js";
|
|
17
17
|
import "../gamification/tabs/styles.js";
|
|
18
18
|
import "@linaria/react";
|
|
19
19
|
import "../gamification/user-statistics/index.js";
|
|
@@ -52,25 +52,23 @@ import "../gamification/leaderboard-item-detail/index.js";
|
|
|
52
52
|
import "../gamification/common-header/index.js";
|
|
53
53
|
import "../gamification/leaderboard-item-detail/styles.js";
|
|
54
54
|
import "../gamification/leaderboard-list/index.js";
|
|
55
|
-
import "../gamification/leaderboard-invite-link/index.js";
|
|
56
|
-
import "../gamification/leaderboard-invite-link/styles.js";
|
|
57
55
|
import "../gamification/leaderboard-item/index.js";
|
|
58
56
|
import "../gamification/leaderboard-item/styles.js";
|
|
59
57
|
import "../gamification/leaderboard-list/styles.js";
|
|
60
|
-
const
|
|
58
|
+
const ot = ({
|
|
61
59
|
gamification: r,
|
|
62
60
|
sdk: u
|
|
63
61
|
}) => {
|
|
64
62
|
var d, v, c, b, y, g, S, h, C, G, L, Q, A, E, f, w, x, P, F, O, B, D, R;
|
|
65
|
-
const T =
|
|
63
|
+
const T = n(r.status), j = n(r.onboardingStatus), l = n(r.openedQuestion), { slStreamId: o } = n(u.sdkStore), e = n(r.featureSettings), [m, q] = K(a.HOME);
|
|
66
64
|
if (T !== J.Ready)
|
|
67
65
|
return /* @__PURE__ */ t("div", { children: "wait..." });
|
|
68
66
|
if (o != null && o.loading)
|
|
69
|
-
return /* @__PURE__ */ t(
|
|
67
|
+
return /* @__PURE__ */ t(p, { children: /* @__PURE__ */ t("div", { children: "Event is loading" }) });
|
|
70
68
|
if (!(o != null && o.data))
|
|
71
|
-
return /* @__PURE__ */ t(
|
|
69
|
+
return /* @__PURE__ */ t(p, { children: /* @__PURE__ */ t("div", { children: "Event is forbidden" }) });
|
|
72
70
|
if (!j)
|
|
73
|
-
return /* @__PURE__ */ t(
|
|
71
|
+
return /* @__PURE__ */ t(p, { children: /* @__PURE__ */ t(
|
|
74
72
|
Y,
|
|
75
73
|
{
|
|
76
74
|
closeFeature: u.closeFeature,
|
|
@@ -94,20 +92,20 @@ const pt = ({
|
|
|
94
92
|
}, U = (i, k) => {
|
|
95
93
|
r.submitAnswer(i, k);
|
|
96
94
|
};
|
|
97
|
-
return /* @__PURE__ */ s(
|
|
98
|
-
/* @__PURE__ */ t(N, { activePage:
|
|
95
|
+
return /* @__PURE__ */ s(p, { children: [
|
|
96
|
+
/* @__PURE__ */ t(N, { activePage: m, toggleActivePage: (i) => {
|
|
99
97
|
q(i);
|
|
100
98
|
} }),
|
|
101
|
-
|
|
99
|
+
m === a.HOME && /* @__PURE__ */ s(z, { children: [
|
|
102
100
|
/* @__PURE__ */ t(_, { children: r.userSummary && /* @__PURE__ */ t(V, { store: r.userSummary.getStore() }) }),
|
|
103
101
|
/* @__PURE__ */ s($, { children: [
|
|
104
102
|
r.questions && /* @__PURE__ */ t(W, { openQuestion: H, store: r.questions.getStore() }),
|
|
105
103
|
l && /* @__PURE__ */ t(X, { closeQuestion: M, vote: U, openedQuestion: l })
|
|
106
104
|
] })
|
|
107
105
|
] }),
|
|
108
|
-
|
|
106
|
+
m === a.LEADERBOARD && r.leaderboardList && /* @__PURE__ */ t(Z, { store: r.leaderboardList.getStore() })
|
|
109
107
|
] });
|
|
110
108
|
};
|
|
111
109
|
export {
|
|
112
|
-
|
|
110
|
+
ot as GamificationComponent
|
|
113
111
|
};
|
|
@@ -17,7 +17,6 @@ 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";
|
|
19
19
|
import "../gamification/leaderboard-item-detail/styles.js";
|
|
20
|
-
import "../gamification/leaderboard-invite-link/styles.js";
|
|
21
20
|
import "../gamification/leaderboard-item/styles.js";
|
|
22
21
|
import "../gamification/leaderboard-list/styles.js";
|
|
23
22
|
import "@linaria/react";
|
|
@@ -44,7 +43,7 @@ import "../gamification/detailed-insight/index.js";
|
|
|
44
43
|
import "../gamification/common-header/index.js";
|
|
45
44
|
import "../../icon-exit-d3f9fc80.js";
|
|
46
45
|
import "../gamification/detailed-insight/styles.js";
|
|
47
|
-
const
|
|
46
|
+
const rt = ({ highlights: i, sdk: e }) => {
|
|
48
47
|
const n = m(i.status), r = m(i.openedInsight), { slStreamId: o } = m(e.sdkStore);
|
|
49
48
|
return n !== d.Ready ? /* @__PURE__ */ t("div", { children: "wait..." }) : o != null && o.loading ? /* @__PURE__ */ t(p, { children: /* @__PURE__ */ t("div", { children: "Event is loading" }) }) : o != null && o.data ? i.insights === void 0 ? /* @__PURE__ */ t("div", { children: "wait insights..." }) : /* @__PURE__ */ s(p, { children: [
|
|
50
49
|
!r && /* @__PURE__ */ t(c, { highlights: i, store: i.insights.getStore() }),
|
|
@@ -59,5 +58,5 @@ const mt = ({ highlights: i, sdk: e }) => {
|
|
|
59
58
|
] }) : /* @__PURE__ */ t(p, { children: /* @__PURE__ */ t("div", { children: "Event is forbidden" }) });
|
|
60
59
|
};
|
|
61
60
|
export {
|
|
62
|
-
|
|
61
|
+
rt as HighlightsComponent
|
|
63
62
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { jsx as
|
|
1
|
+
import { jsx as i, jsxs as c, Fragment as l } from "react/jsx-runtime";
|
|
2
2
|
import { useStore as u } from "@nanostores/react";
|
|
3
3
|
import { useState as b } from "react";
|
|
4
4
|
import { LeaderboardItemDetail as f } from "../../gamification/leaderboard-item-detail/index.js";
|
|
@@ -7,34 +7,26 @@ import "../../gamification/common-header/index.js";
|
|
|
7
7
|
import "../../../icon-exit-d3f9fc80.js";
|
|
8
8
|
import "../../gamification/common-header/styles.js";
|
|
9
9
|
import "@linaria/react";
|
|
10
|
-
import "../../gamification/user-statistics/index.js";
|
|
11
|
-
import "../../../utils/common.js";
|
|
12
|
-
import "../../gamification/user-statistics/components/rank/index.js";
|
|
13
|
-
import "../../gamification/user-statistics/components/rank/styles.js";
|
|
14
|
-
import "../../gamification/user-statistics/components/statistic/index.js";
|
|
15
|
-
import "../../gamification/user-statistics/components/statistic/styles.js";
|
|
16
|
-
import "../../gamification/user-statistics/styles.js";
|
|
17
10
|
import "../../gamification/leaderboard-item-detail/styles.js";
|
|
18
|
-
import "../../gamification/leaderboard-invite-link/index.js";
|
|
19
|
-
import "../../gamification/leaderboard-invite-link/styles.js";
|
|
20
11
|
import "../../gamification/leaderboard-item/index.js";
|
|
12
|
+
import "../../../utils/common.js";
|
|
21
13
|
import "../../gamification/leaderboard-item/styles.js";
|
|
22
14
|
import "../../gamification/leaderboard-list/styles.js";
|
|
23
|
-
const
|
|
24
|
-
const { data: r } = u(
|
|
15
|
+
const y = ({ store: s }) => {
|
|
16
|
+
const { data: r } = u(s), [e, d] = b(void 0);
|
|
25
17
|
if (!r)
|
|
26
|
-
return /* @__PURE__ */
|
|
18
|
+
return /* @__PURE__ */ i("div", { children: "wait leader board..." });
|
|
27
19
|
const o = (t) => {
|
|
28
20
|
var m;
|
|
29
|
-
const
|
|
21
|
+
const p = (m = r.find((n) => {
|
|
30
22
|
var a;
|
|
31
23
|
return ((a = n.attributes) == null ? void 0 : a.userId) === t;
|
|
32
24
|
})) == null ? void 0 : m.attributes;
|
|
33
|
-
|
|
25
|
+
d(p);
|
|
34
26
|
};
|
|
35
27
|
return /* @__PURE__ */ c(l, { children: [
|
|
36
|
-
|
|
37
|
-
!
|
|
28
|
+
e && /* @__PURE__ */ i(f, { comeBack: () => o(null), ...e }),
|
|
29
|
+
!e && /* @__PURE__ */ i(
|
|
38
30
|
I,
|
|
39
31
|
{
|
|
40
32
|
items: r.filter((t) => t.attributes).map((t) => t.attributes),
|
|
@@ -44,5 +36,5 @@ const M = ({ store: p }) => {
|
|
|
44
36
|
] });
|
|
45
37
|
};
|
|
46
38
|
export {
|
|
47
|
-
|
|
39
|
+
y as Leaderboard
|
|
48
40
|
};
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { UserSummary as
|
|
2
|
-
import { QuestionsList as
|
|
3
|
-
import { Question as
|
|
4
|
-
import { Onboarding as
|
|
5
|
-
import { Insights as
|
|
6
|
-
import { Insight as
|
|
7
|
-
import { Leaderboard as
|
|
1
|
+
import { UserSummary as $ } from "./UserSummary.js";
|
|
2
|
+
import { QuestionsList as or } from "./QuestionsList.js";
|
|
3
|
+
import { Question as mr } from "./Question.js";
|
|
4
|
+
import { Onboarding as ir } from "../../gamification/onboarding/index.js";
|
|
5
|
+
import { Insights as sr } from "./Insights.js";
|
|
6
|
+
import { Insight as xr } from "./Insight.js";
|
|
7
|
+
import { Leaderboard as ar } from "./Leaderboard.js";
|
|
8
8
|
import "react/jsx-runtime";
|
|
9
9
|
import "@nanostores/react";
|
|
10
10
|
import "../../gamification/user-statistics/index.js";
|
|
@@ -53,17 +53,15 @@ import "../../gamification/detailed-insight/styles.js";
|
|
|
53
53
|
import "../../gamification/leaderboard-item-detail/index.js";
|
|
54
54
|
import "../../gamification/leaderboard-item-detail/styles.js";
|
|
55
55
|
import "../../gamification/leaderboard-list/index.js";
|
|
56
|
-
import "../../gamification/leaderboard-invite-link/index.js";
|
|
57
|
-
import "../../gamification/leaderboard-invite-link/styles.js";
|
|
58
56
|
import "../../gamification/leaderboard-item/index.js";
|
|
59
57
|
import "../../gamification/leaderboard-item/styles.js";
|
|
60
58
|
import "../../gamification/leaderboard-list/styles.js";
|
|
61
59
|
export {
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
60
|
+
xr as Insight,
|
|
61
|
+
sr as Insights,
|
|
62
|
+
ar as Leaderboard,
|
|
63
|
+
ir as Onboarding,
|
|
64
|
+
mr as Question,
|
|
65
|
+
or as QuestionsList,
|
|
66
|
+
$ as UserSummary
|
|
69
67
|
};
|