@streamlayer/react-ui 0.42.1 → 0.44.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/{icon-exit-6a55bb8f.js → icon-exit-d3f9fc80.js} +1 -1
- package/lib/{index-7045fbb2.js → index-7f3361f2.js} +1 -1
- package/lib/index.js +36 -41
- package/lib/ui/app/Features/Gamification/Leaderboard.js +11 -19
- package/lib/ui/app/Features/Gamification/Question.js +32 -27
- package/lib/ui/app/Features/Gamification/Tabs.js +15 -17
- package/lib/ui/app/Features/Gamification/index.js +20 -17
- package/lib/ui/app/Features/Highlights/Insight.js +1 -1
- package/lib/ui/app/Features/Highlights/index.js +1 -1
- package/lib/ui/app/Features/index.js +20 -17
- package/lib/ui/app/Notifications/index.js +1 -1
- package/lib/ui/app/masters.js +19 -17
- package/lib/ui/demo/Gamification.js +30 -35
- package/lib/ui/demo/Highlights.js +8 -12
- package/lib/ui/demo/Login.js +4 -5
- package/lib/ui/demo/components/Insight.js +1 -1
- package/lib/ui/demo/components/Leaderboard.js +11 -19
- package/lib/ui/demo/components/Question.js +49 -64
- package/lib/ui/demo/components/index.js +20 -25
- package/lib/ui/demo/index.js +8 -13
- package/lib/ui/gamification/common-header/index.js +8 -8
- package/lib/ui/gamification/detailed-insight/index.js +1 -1
- 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 +6 -16
- package/lib/ui/gamification/leaderboard-list/index.js +4 -10
- package/lib/ui/gamification/onboarding/index.js +19 -19
- package/lib/ui/gamification/user-statistics/index.js +31 -31
- package/lib/ui/gamification/vote/index.js +42 -35
- package/lib/ui/gamification/vote/styles.js +7 -7
- package/lib/ui/gamification/vote/{components/voting-option → vote-option}/index.js +1 -1
- package/lib/ui/gamification/vote/win-bar/index.d.ts +10 -0
- package/lib/ui/gamification/vote/win-bar/index.js +24 -0
- package/lib/ui/gamification/vote/win-bar/styles.d.ts +8 -0
- package/lib/ui/gamification/vote/win-bar/styles.js +50 -0
- package/lib/ui/icons/index.d.ts +0 -1
- package/lib/ui/icons/index.js +22 -23
- package/lib/ui/login/index.js +15 -17
- package/lib/ui/notifications/decorator.js +1 -1
- package/lib/ui/notifications/index.js +1 -1
- package/lib/ui/notifications/notification/index.js +1 -1
- package/lib/ui/notifications/notification/question-inapp/index.js +8 -8
- package/lib/ui/theme/constants.d.ts +4 -0
- package/lib/ui/theme/constants.js +2 -0
- package/lib/ui/timer/index.d.ts +9 -0
- package/lib/ui/timer/index.js +37 -0
- package/package.json +2 -2
- 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/ui/gamification/vote/components/voting-header/components/points/index.d.ts +0 -6
- package/lib/ui/gamification/vote/components/voting-header/components/points/index.js +0 -13
- package/lib/ui/gamification/vote/components/voting-header/components/points/styles.d.ts +0 -6
- package/lib/ui/gamification/vote/components/voting-header/components/points/styles.js +0 -32
- package/lib/ui/gamification/vote/components/voting-header/components/timer/index.d.ts +0 -8
- package/lib/ui/gamification/vote/components/voting-header/components/timer/index.js +0 -28
- package/lib/ui/gamification/vote/components/voting-header/components/timer/styles.d.ts +0 -2
- package/lib/ui/gamification/vote/components/voting-header/components/timer/styles.js +0 -8
- package/lib/ui/gamification/vote/components/voting-header/index.d.ts +0 -12
- package/lib/ui/gamification/vote/components/voting-header/index.js +0 -44
- package/lib/ui/gamification/vote/components/voting-header/styles.d.ts +0 -11
- package/lib/ui/gamification/vote/components/voting-header/styles.js +0 -57
- /package/lib/ui/gamification/vote/{vote-header → header}/index.d.ts +0 -0
- /package/lib/ui/gamification/vote/{vote-header → header}/index.js +0 -0
- /package/lib/ui/gamification/vote/{vote-header → header}/styles.d.ts +0 -0
- /package/lib/ui/gamification/vote/{vote-header → header}/styles.js +0 -0
- /package/lib/ui/gamification/vote/{components/voting-option → vote-option}/index.d.ts +0 -0
- /package/lib/ui/gamification/vote/{components/voting-option → vote-option}/styles.d.ts +0 -0
- /package/lib/ui/gamification/vote/{components/voting-option → vote-option}/styles.js +0 -0
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
const I = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cmVjdCB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHJ4PSIxMiIgZmlsbD0id2hpdGUiIGZpbGwtb3BhY2l0eT0iMC4xIi8+CiAgPHJlY3QgeD0iOC4yNSIgeT0iNyIgd2lkdGg9IjEyLjM3NDQiIGhlaWdodD0iMS43Njc3NyIgcng9IjAuODgzODg0IiB0cmFuc2Zvcm09InJvdGF0ZSg0NSA4LjI1IDcpIiBmaWxsPSJ3aGl0ZSIvPgogIDxyZWN0IHg9IjciIHk9IjE1Ljc1IiB3aWR0aD0iMTIuMzc0NCIgaGVpZ2h0PSIxLjc2Nzc3IiByeD0iMC44ODM4ODQiIHRyYW5zZm9ybT0icm90YXRlKC00NSA3IDE1Ljc1KSIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==";
|
|
2
2
|
export {
|
|
3
|
-
I as
|
|
3
|
+
I as c
|
|
4
4
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsxs as N, jsx as M } from "react/jsx-runtime";
|
|
2
2
|
import { QuestionType as w } from "@streamlayer/sdk-web-types";
|
|
3
|
-
import { AnsweredContainer as k, ButtonPct as L, Button as O, Icon as l, Title as E, Indicators as u, CheckIconWrap as S, CheckIcon as n, Percentage as i, Container as r } from "./ui/gamification/vote/
|
|
3
|
+
import { AnsweredContainer as k, ButtonPct as L, Button as O, Icon as l, Title as E, Indicators as u, CheckIconWrap as S, CheckIcon as n, Percentage as i, Container as r } from "./ui/gamification/vote/vote-option/styles.js";
|
|
4
4
|
const o = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IkNoZWNrbWFyayI+CjxwYXRoIGlkPSJTZWxlY3RlZCIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yNCAxMi4wMDJDMjQgMTguNjI5NCAxOC42Mjc0IDI0LjAwMiAxMiAyNC4wMDJDNS4zNzI1OCAyNC4wMDIgMCAxOC42Mjk0IDAgMTIuMDAyQzAgNS4zNzQ1NCA1LjM3MjU4IDAuMDAxOTUzMTIgMTIgMC4wMDE5NTMxMkMxOC42Mjc0IDAuMDAxOTUzMTIgMjQgNS4zNzQ1NCAyNCAxMi4wMDJaTTE3LjQwODYgOC4xNTM1N0MxNi45NCA3LjY4NDk0IDE2LjE4MDIgNy42ODQ5NCAxNS43MTE2IDguMTUzNTdMMTAuNDA3MiAxNC45NTc5TDcuNjI1NzMgMTMuMTAzNkM3LjA3NDI5IDEyLjczNiA2LjMyOTI1IDEyLjg4NSA1Ljk2MTYzIDEzLjQzNjVDNS41OTQwMSAxMy45ODc5IDUuNzQzMDEgMTQuNzMyOSA2LjI5NDQ1IDE1LjEwMDZMOS44OTQ0NSAxNy41MDA2QzEwLjM3MDQgMTcuODE3OSAxMS4wMDQxIDE3Ljc1NTEgMTEuNDA4NiAxNy4zNTA2TDE3LjQwODYgOS44NTA2M0MxNy44NzcyIDkuMzgyIDE3Ljg3NzIgOC42MjIyIDE3LjQwODYgOC4xNTM1N1oiIGZpbGw9IiMwMEJENjAiLz4KPC9nPgo8L3N2Zz4K", a = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IkNoZWNrbWFyayI+CjxwYXRoIGlkPSJTZWxlY3RlZCIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yNCAxMi4wMDJDMjQgMTguNjI5NCAxOC42Mjc0IDI0LjAwMiAxMiAyNC4wMDJDNS4zNzI1OCAyNC4wMDIgMCAxOC42Mjk0IDAgMTIuMDAyQzAgNS4zNzQ1NCA1LjM3MjU4IDAuMDAxOTUzMTIgMTIgMC4wMDE5NTMxMkMxOC42Mjc0IDAuMDAxOTUzMTIgMjQgNS4zNzQ1NCAyNCAxMi4wMDJaTTE3LjQwODYgOC4xNTM1N0MxNi45NCA3LjY4NDk0IDE2LjE4MDIgNy42ODQ5NCAxNS43MTE2IDguMTUzNTdMMTAuNDA3MiAxNC45NTc5TDcuNjI1NzMgMTMuMTAzNkM3LjA3NDI5IDEyLjczNiA2LjMyOTI1IDEyLjg4NSA1Ljk2MTYzIDEzLjQzNjVDNS41OTQwMSAxMy45ODc5IDUuNzQzMDEgMTQuNzMyOSA2LjI5NDQ1IDE1LjEwMDZMOS44OTQ0NSAxNy41MDA2QzEwLjM3MDQgMTcuODE3OSAxMS4wMDQxIDE3Ljc1NTEgMTEuNDA4NiAxNy4zNTA2TDE3LjQwODYgOS44NTA2M0MxNy44NzcyIDkuMzgyIDE3Ljg3NzIgOC42MjIyIDE3LjQwODYgOC4xNTM1N1oiIGZpbGw9IiNGRkZGRkYiLz4KPC9nPgo8L3N2Zz4K", G = ({
|
|
5
5
|
icon: D,
|
|
6
6
|
id: C,
|
package/lib/index.js
CHANGED
|
@@ -1,27 +1,26 @@
|
|
|
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
|
-
import "./icon-exit-
|
|
16
|
+
import "./icon-exit-d3f9fc80.js";
|
|
17
17
|
import "./ui/notifications/notification/question-inapp/styles.js";
|
|
18
18
|
import "@linaria/react";
|
|
19
19
|
import "react-auth-code-input";
|
|
20
20
|
import "react-phone-number-input";
|
|
21
|
-
import "./ui/
|
|
21
|
+
import "./ui/timer/index.js";
|
|
22
22
|
import "react-countdown-circle-timer";
|
|
23
23
|
import "./ui/theme/constants.js";
|
|
24
|
-
import "./ui/gamification/vote/components/voting-header/components/timer/styles.js";
|
|
25
24
|
import "./utils/login.js";
|
|
26
25
|
import "@connectrpc/connect";
|
|
27
26
|
import "@connectrpc/connect-web";
|
|
@@ -51,9 +50,11 @@ import "./ui/gamification/user-statistics/components/rank/styles.js";
|
|
|
51
50
|
import "./ui/gamification/user-statistics/components/statistic/index.js";
|
|
52
51
|
import "./ui/gamification/user-statistics/components/statistic/styles.js";
|
|
53
52
|
import "./ui/gamification/user-statistics/styles.js";
|
|
54
|
-
import "./index-
|
|
55
|
-
import "./ui/gamification/vote/
|
|
53
|
+
import "./index-7f3361f2.js";
|
|
54
|
+
import "./ui/gamification/vote/vote-option/styles.js";
|
|
56
55
|
import "./ui/gamification/vote/styles.js";
|
|
56
|
+
import "./ui/gamification/vote/win-bar/index.js";
|
|
57
|
+
import "./ui/gamification/vote/win-bar/styles.js";
|
|
57
58
|
import "@streamlayer/sdk-web-interfaces";
|
|
58
59
|
import "@streamlayer/sdk-web-features";
|
|
59
60
|
import "@streamlayer/sdk-web-api";
|
|
@@ -70,17 +71,11 @@ import "./ui/demo/Gamification.js";
|
|
|
70
71
|
import "./ui/demo/components/UserSummary.js";
|
|
71
72
|
import "./ui/demo/components/QuestionsList.js";
|
|
72
73
|
import "./ui/demo/components/Question.js";
|
|
73
|
-
import "./ui/gamification/vote/components/voting-header/index.js";
|
|
74
|
-
import "./ui/gamification/vote/components/voting-header/components/points/index.js";
|
|
75
|
-
import "./ui/gamification/vote/components/voting-header/components/points/styles.js";
|
|
76
|
-
import "./ui/gamification/vote/components/voting-header/styles.js";
|
|
77
74
|
import "./ui/gamification/insight/styles.js";
|
|
78
75
|
import "./ui/gamification/insight-list/styles.js";
|
|
79
76
|
import "./ui/gamification/detailed-insight/styles.js";
|
|
80
77
|
import "./ui/demo/components/Leaderboard.js";
|
|
81
78
|
import "./ui/gamification/leaderboard-list/index.js";
|
|
82
|
-
import "./ui/gamification/leaderboard-invite-link/index.js";
|
|
83
|
-
import "./ui/gamification/leaderboard-invite-link/styles.js";
|
|
84
79
|
import "./ui/gamification/leaderboard-item/index.js";
|
|
85
80
|
import "./ui/gamification/leaderboard-item/styles.js";
|
|
86
81
|
import "./ui/gamification/leaderboard-list/styles.js";
|
|
@@ -96,21 +91,21 @@ import "@streamlayer/sdk-web-anonymous-auth";
|
|
|
96
91
|
import "./ui/gamification/points/styles.js";
|
|
97
92
|
import "@linaria/core";
|
|
98
93
|
export {
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
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
|
|
116
111
|
};
|
|
@@ -1,40 +1,32 @@
|
|
|
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";
|
|
5
5
|
import { LeaderboardList as I } from "../../../gamification/leaderboard-list/index.js";
|
|
6
6
|
import "../../../gamification/common-header/index.js";
|
|
7
|
-
import "../../../../icon-exit-
|
|
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,16 +1,21 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { styled as
|
|
3
|
-
import { useState as
|
|
1
|
+
import { jsxs as y, jsx as o } from "react/jsx-runtime";
|
|
2
|
+
import { styled as e } from "@linaria/react";
|
|
3
|
+
import { useState as x, useCallback as g, useMemo as a } from "react";
|
|
4
4
|
import { QuestionType as b } from "@streamlayer/sdk-web-types";
|
|
5
5
|
import { Vote as h } from "../../../gamification/vote/index.js";
|
|
6
|
-
import { VoteHeader as C } from "../../../gamification/vote/
|
|
7
|
-
import "../../../../index-
|
|
8
|
-
import "../../../gamification/vote/
|
|
6
|
+
import { VoteHeader as C } from "../../../gamification/vote/header/index.js";
|
|
7
|
+
import "../../../../index-7f3361f2.js";
|
|
8
|
+
import "../../../gamification/vote/vote-option/styles.js";
|
|
9
9
|
import "../../../gamification/vote/styles.js";
|
|
10
|
-
import "../../../gamification/
|
|
11
|
-
import "../../../
|
|
10
|
+
import "../../../gamification/vote/win-bar/index.js";
|
|
11
|
+
import "../../../timer/index.js";
|
|
12
|
+
import "react-countdown-circle-timer";
|
|
13
|
+
import "../../../theme/constants.js";
|
|
14
|
+
import "../../../gamification/vote/win-bar/styles.js";
|
|
12
15
|
import "../../../icons/index.js";
|
|
13
|
-
|
|
16
|
+
import "../../../gamification/constants.js";
|
|
17
|
+
import "../../../gamification/vote/header/styles.js";
|
|
18
|
+
const T = e.div`
|
|
14
19
|
background: var(--color-transparent-item);
|
|
15
20
|
width: 100%;
|
|
16
21
|
height: 100%;
|
|
@@ -19,33 +24,33 @@ const T = x.div`
|
|
|
19
24
|
align-items: center;
|
|
20
25
|
justify-content: flex-start;
|
|
21
26
|
flex-direction: column;
|
|
22
|
-
`,
|
|
23
|
-
var
|
|
24
|
-
const [f,
|
|
27
|
+
`, D = ({ openedQuestion: r, closeQuestion: s, vote: l }) => {
|
|
28
|
+
var c;
|
|
29
|
+
const [f, m] = x(!1);
|
|
25
30
|
g(
|
|
26
31
|
(t) => {
|
|
27
|
-
|
|
32
|
+
m(t);
|
|
28
33
|
},
|
|
29
|
-
[
|
|
34
|
+
[m]
|
|
30
35
|
);
|
|
31
|
-
const
|
|
36
|
+
const i = a(
|
|
32
37
|
() => r == null ? void 0 : r.answers.find((t) => t.youVoted === !0),
|
|
33
38
|
[r]
|
|
34
|
-
),
|
|
39
|
+
), p = a(
|
|
35
40
|
() => !!(r != null && r.answers.find((t) => t.correct === !0)),
|
|
36
41
|
[r]
|
|
37
42
|
);
|
|
38
|
-
return /* @__PURE__ */
|
|
39
|
-
/* @__PURE__ */
|
|
40
|
-
r && /* @__PURE__ */
|
|
43
|
+
return /* @__PURE__ */ y(T, { children: [
|
|
44
|
+
/* @__PURE__ */ o(C, { close: s, type: (r == null ? void 0 : r.type) || b.UNSET }),
|
|
45
|
+
r && /* @__PURE__ */ o(
|
|
41
46
|
h,
|
|
42
47
|
{
|
|
43
48
|
title: r.subject,
|
|
44
|
-
feedbackMessages: (
|
|
49
|
+
feedbackMessages: (c = r.options) == null ? void 0 : c.options.value,
|
|
45
50
|
questionType: r.type,
|
|
46
51
|
questionId: r.id,
|
|
47
|
-
questionAnswered: !!
|
|
48
|
-
questionAnsweredCorrectly:
|
|
52
|
+
questionAnswered: !!i,
|
|
53
|
+
questionAnsweredCorrectly: i == null ? void 0 : i.correct,
|
|
49
54
|
options: r.answers.map((t) => ({
|
|
50
55
|
id: t.id,
|
|
51
56
|
title: t.text,
|
|
@@ -54,16 +59,16 @@ const T = x.div`
|
|
|
54
59
|
correct: t.correct,
|
|
55
60
|
percentage: t.percentage,
|
|
56
61
|
answered: t.youVoted,
|
|
57
|
-
disabled: !!
|
|
58
|
-
questionAnswered: !!
|
|
59
|
-
hasCorrectAnswer:
|
|
62
|
+
disabled: !!i || r.marketClosed || f,
|
|
63
|
+
questionAnswered: !!i,
|
|
64
|
+
hasCorrectAnswer: p,
|
|
60
65
|
points: t.points,
|
|
61
|
-
onVote:
|
|
66
|
+
onVote: l
|
|
62
67
|
}))
|
|
63
68
|
}
|
|
64
69
|
)
|
|
65
70
|
] });
|
|
66
71
|
};
|
|
67
72
|
export {
|
|
68
|
-
|
|
73
|
+
D as Question
|
|
69
74
|
};
|
|
@@ -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";
|
|
@@ -10,20 +10,12 @@ import "../../../gamification/tabs/styles.js";
|
|
|
10
10
|
import "@nanostores/react";
|
|
11
11
|
import "../../../gamification/leaderboard-item-detail/index.js";
|
|
12
12
|
import "../../../gamification/common-header/index.js";
|
|
13
|
-
import "../../../../icon-exit-
|
|
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
|
};
|
|
@@ -8,32 +8,29 @@ import { Tabs as l } from "./Tabs.js";
|
|
|
8
8
|
import "react";
|
|
9
9
|
import "@streamlayer/sdk-web-types";
|
|
10
10
|
import "../../../gamification/vote/index.js";
|
|
11
|
-
import "../../../../index-
|
|
12
|
-
import "../../../gamification/vote/
|
|
11
|
+
import "../../../../index-7f3361f2.js";
|
|
12
|
+
import "../../../gamification/vote/vote-option/styles.js";
|
|
13
13
|
import "../../../gamification/vote/styles.js";
|
|
14
|
-
import "../../../gamification/vote/
|
|
15
|
-
import "../../../
|
|
16
|
-
import "
|
|
14
|
+
import "../../../gamification/vote/win-bar/index.js";
|
|
15
|
+
import "../../../timer/index.js";
|
|
16
|
+
import "react-countdown-circle-timer";
|
|
17
|
+
import "../../../theme/constants.js";
|
|
18
|
+
import "../../../gamification/vote/win-bar/styles.js";
|
|
17
19
|
import "../../../icons/index.js";
|
|
20
|
+
import "../../../gamification/vote/header/index.js";
|
|
21
|
+
import "../../../gamification/constants.js";
|
|
22
|
+
import "../../../gamification/vote/header/styles.js";
|
|
18
23
|
import "../../../gamification/tabs/index.js";
|
|
19
24
|
import "../../../gamification/tabs/styles.js";
|
|
20
25
|
import "./Leaderboard.js";
|
|
21
26
|
import "../../../gamification/leaderboard-item-detail/index.js";
|
|
22
27
|
import "../../../gamification/common-header/index.js";
|
|
23
|
-
import "../../../../icon-exit-
|
|
28
|
+
import "../../../../icon-exit-d3f9fc80.js";
|
|
24
29
|
import "../../../gamification/common-header/styles.js";
|
|
25
|
-
import "../../../gamification/user-statistics/index.js";
|
|
26
|
-
import "../../../../utils/common.js";
|
|
27
|
-
import "../../../gamification/user-statistics/components/rank/index.js";
|
|
28
|
-
import "../../../gamification/user-statistics/components/rank/styles.js";
|
|
29
|
-
import "../../../gamification/user-statistics/components/statistic/index.js";
|
|
30
|
-
import "../../../gamification/user-statistics/components/statistic/styles.js";
|
|
31
|
-
import "../../../gamification/user-statistics/styles.js";
|
|
32
30
|
import "../../../gamification/leaderboard-item-detail/styles.js";
|
|
33
31
|
import "../../../gamification/leaderboard-list/index.js";
|
|
34
|
-
import "../../../gamification/leaderboard-invite-link/index.js";
|
|
35
|
-
import "../../../gamification/leaderboard-invite-link/styles.js";
|
|
36
32
|
import "../../../gamification/leaderboard-item/index.js";
|
|
33
|
+
import "../../../../utils/common.js";
|
|
37
34
|
import "../../../gamification/leaderboard-item/styles.js";
|
|
38
35
|
import "../../../gamification/leaderboard-list/styles.js";
|
|
39
36
|
import "./QuestionsList.js";
|
|
@@ -44,13 +41,19 @@ import "../../../button/styles.js";
|
|
|
44
41
|
import "../../../gamification/question/styles.js";
|
|
45
42
|
import "../../../gamification/question/list/styles.js";
|
|
46
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";
|
|
47
50
|
const u = e(a)`
|
|
48
51
|
position: absolute;
|
|
49
52
|
inset: 0;
|
|
50
53
|
top: var(--header-height);
|
|
51
54
|
background: var(--color-neutrals-white);
|
|
52
55
|
z-index: 3;
|
|
53
|
-
`,
|
|
56
|
+
`, so = ({
|
|
54
57
|
gamification: o
|
|
55
58
|
}) => {
|
|
56
59
|
const { loading: i, data: t } = n(o.openedQuestion);
|
|
@@ -67,5 +70,5 @@ const u = e(a)`
|
|
|
67
70
|
] });
|
|
68
71
|
};
|
|
69
72
|
export {
|
|
70
|
-
|
|
73
|
+
so as GamificationOverlay
|
|
71
74
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as p } from "react/jsx-runtime";
|
|
2
2
|
import { DetailedInsight as L } from "../../../gamification/detailed-insight/index.js";
|
|
3
3
|
import "../../../gamification/common-header/index.js";
|
|
4
|
-
import "../../../../icon-exit-
|
|
4
|
+
import "../../../../icon-exit-d3f9fc80.js";
|
|
5
5
|
import "../../../gamification/common-header/styles.js";
|
|
6
6
|
import "@linaria/react";
|
|
7
7
|
import "../../../gamification/detailed-insight/styles.js";
|
|
@@ -4,7 +4,7 @@ import { Insight as p } from "../../../demo/components/Insight.js";
|
|
|
4
4
|
import { Insights as s } from "../../../demo/components/Insights.js";
|
|
5
5
|
import "../../../gamification/detailed-insight/index.js";
|
|
6
6
|
import "../../../gamification/common-header/index.js";
|
|
7
|
-
import "../../../../icon-exit-
|
|
7
|
+
import "../../../../icon-exit-d3f9fc80.js";
|
|
8
8
|
import "../../../gamification/common-header/styles.js";
|
|
9
9
|
import "@linaria/react";
|
|
10
10
|
import "../../../gamification/detailed-insight/styles.js";
|
|
@@ -11,33 +11,30 @@ import "../styles.js";
|
|
|
11
11
|
import "../../show-in/index.js";
|
|
12
12
|
import "./Gamification/Question.js";
|
|
13
13
|
import "../../gamification/vote/index.js";
|
|
14
|
-
import "../../../index-
|
|
15
|
-
import "../../gamification/vote/
|
|
14
|
+
import "../../../index-7f3361f2.js";
|
|
15
|
+
import "../../gamification/vote/vote-option/styles.js";
|
|
16
16
|
import "../../gamification/vote/styles.js";
|
|
17
|
-
import "../../gamification/vote/
|
|
18
|
-
import "../../
|
|
19
|
-
import "
|
|
17
|
+
import "../../gamification/vote/win-bar/index.js";
|
|
18
|
+
import "../../timer/index.js";
|
|
19
|
+
import "react-countdown-circle-timer";
|
|
20
|
+
import "../../theme/constants.js";
|
|
21
|
+
import "../../gamification/vote/win-bar/styles.js";
|
|
20
22
|
import "../../icons/index.js";
|
|
23
|
+
import "../../gamification/vote/header/index.js";
|
|
24
|
+
import "../../gamification/constants.js";
|
|
25
|
+
import "../../gamification/vote/header/styles.js";
|
|
21
26
|
import "./Gamification/Tabs.js";
|
|
22
27
|
import "../../gamification/tabs/index.js";
|
|
23
28
|
import "../../gamification/tabs/styles.js";
|
|
24
29
|
import "./Gamification/Leaderboard.js";
|
|
25
30
|
import "../../gamification/leaderboard-item-detail/index.js";
|
|
26
31
|
import "../../gamification/common-header/index.js";
|
|
27
|
-
import "../../../icon-exit-
|
|
32
|
+
import "../../../icon-exit-d3f9fc80.js";
|
|
28
33
|
import "../../gamification/common-header/styles.js";
|
|
29
|
-
import "../../gamification/user-statistics/index.js";
|
|
30
|
-
import "../../../utils/common.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
34
|
import "../../gamification/leaderboard-item-detail/styles.js";
|
|
37
35
|
import "../../gamification/leaderboard-list/index.js";
|
|
38
|
-
import "../../gamification/leaderboard-invite-link/index.js";
|
|
39
|
-
import "../../gamification/leaderboard-invite-link/styles.js";
|
|
40
36
|
import "../../gamification/leaderboard-item/index.js";
|
|
37
|
+
import "../../../utils/common.js";
|
|
41
38
|
import "../../gamification/leaderboard-item/styles.js";
|
|
42
39
|
import "../../gamification/leaderboard-list/styles.js";
|
|
43
40
|
import "./Gamification/QuestionsList.js";
|
|
@@ -48,6 +45,12 @@ import "../../button/styles.js";
|
|
|
48
45
|
import "../../gamification/question/styles.js";
|
|
49
46
|
import "../../gamification/question/list/styles.js";
|
|
50
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";
|
|
51
54
|
import "../../demo/components/Insight.js";
|
|
52
55
|
import "../../gamification/detailed-insight/index.js";
|
|
53
56
|
import "../../gamification/detailed-insight/styles.js";
|
|
@@ -56,7 +59,7 @@ import "../../gamification/insight-list/index.js";
|
|
|
56
59
|
import "../../gamification/insight/index.js";
|
|
57
60
|
import "../../gamification/insight/styles.js";
|
|
58
61
|
import "../../gamification/insight-list/styles.js";
|
|
59
|
-
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]);
|
|
60
63
|
export {
|
|
61
|
-
|
|
64
|
+
Fr as ActiveFeature
|
|
62
65
|
};
|
|
@@ -8,7 +8,7 @@ import "../../notifications/notification/onboarding-inapp/index.js";
|
|
|
8
8
|
import "../../notifications/notification/onboarding-inapp/styles.js";
|
|
9
9
|
import "@linaria/react";
|
|
10
10
|
import "../../notifications/notification/question-inapp/index.js";
|
|
11
|
-
import "../../../icon-exit-
|
|
11
|
+
import "../../../icon-exit-d3f9fc80.js";
|
|
12
12
|
import "../../notifications/notification/question-inapp/styles.js";
|
|
13
13
|
import "../../notifications/notification/styles.js";
|
|
14
14
|
import "../../notifications/styles.js";
|
package/lib/ui/app/masters.js
CHANGED
|
@@ -22,33 +22,29 @@ import "@linaria/react";
|
|
|
22
22
|
import "../show-in/index.js";
|
|
23
23
|
import "./Features/Gamification/Question.js";
|
|
24
24
|
import "../gamification/vote/index.js";
|
|
25
|
-
import "../../index-
|
|
26
|
-
import "../gamification/vote/
|
|
25
|
+
import "../../index-7f3361f2.js";
|
|
26
|
+
import "../gamification/vote/vote-option/styles.js";
|
|
27
27
|
import "../gamification/vote/styles.js";
|
|
28
|
-
import "../gamification/vote/
|
|
29
|
-
import "../
|
|
30
|
-
import "
|
|
28
|
+
import "../gamification/vote/win-bar/index.js";
|
|
29
|
+
import "../timer/index.js";
|
|
30
|
+
import "react-countdown-circle-timer";
|
|
31
|
+
import "../gamification/vote/win-bar/styles.js";
|
|
31
32
|
import "../icons/index.js";
|
|
33
|
+
import "../gamification/vote/header/index.js";
|
|
34
|
+
import "../gamification/constants.js";
|
|
35
|
+
import "../gamification/vote/header/styles.js";
|
|
32
36
|
import "./Features/Gamification/Tabs.js";
|
|
33
37
|
import "../gamification/tabs/index.js";
|
|
34
38
|
import "../gamification/tabs/styles.js";
|
|
35
39
|
import "./Features/Gamification/Leaderboard.js";
|
|
36
40
|
import "../gamification/leaderboard-item-detail/index.js";
|
|
37
41
|
import "../gamification/common-header/index.js";
|
|
38
|
-
import "../../icon-exit-
|
|
42
|
+
import "../../icon-exit-d3f9fc80.js";
|
|
39
43
|
import "../gamification/common-header/styles.js";
|
|
40
|
-
import "../gamification/user-statistics/index.js";
|
|
41
|
-
import "../../utils/common.js";
|
|
42
|
-
import "../gamification/user-statistics/components/rank/index.js";
|
|
43
|
-
import "../gamification/user-statistics/components/rank/styles.js";
|
|
44
|
-
import "../gamification/user-statistics/components/statistic/index.js";
|
|
45
|
-
import "../gamification/user-statistics/components/statistic/styles.js";
|
|
46
|
-
import "../gamification/user-statistics/styles.js";
|
|
47
44
|
import "../gamification/leaderboard-item-detail/styles.js";
|
|
48
45
|
import "../gamification/leaderboard-list/index.js";
|
|
49
|
-
import "../gamification/leaderboard-invite-link/index.js";
|
|
50
|
-
import "../gamification/leaderboard-invite-link/styles.js";
|
|
51
46
|
import "../gamification/leaderboard-item/index.js";
|
|
47
|
+
import "../../utils/common.js";
|
|
52
48
|
import "../gamification/leaderboard-item/styles.js";
|
|
53
49
|
import "../gamification/leaderboard-list/styles.js";
|
|
54
50
|
import "./Features/Gamification/QuestionsList.js";
|
|
@@ -59,6 +55,12 @@ import "../button/styles.js";
|
|
|
59
55
|
import "../gamification/question/styles.js";
|
|
60
56
|
import "../gamification/question/list/styles.js";
|
|
61
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";
|
|
62
64
|
import "./Features/Highlights/index.js";
|
|
63
65
|
import "../demo/components/Insight.js";
|
|
64
66
|
import "../gamification/detailed-insight/index.js";
|
|
@@ -75,7 +77,7 @@ import "../navigation/button/styles.js";
|
|
|
75
77
|
const B = ({ sdk: o }) => {
|
|
76
78
|
const [, m] = k(o);
|
|
77
79
|
return /* @__PURE__ */ t(S, { feature: m, sdk: o });
|
|
78
|
-
},
|
|
80
|
+
}, Qr = ({ sdk: o, overlays: m, children: p, event: n }) => {
|
|
79
81
|
const { sdkEnabled: i, sdkReady: s, activeOverlay: r, activateAndLoadOverlay: d, enableSdk: l, disableSdk: c } = b(
|
|
80
82
|
o,
|
|
81
83
|
n
|
|
@@ -109,5 +111,5 @@ const B = ({ sdk: o }) => {
|
|
|
109
111
|
] }) });
|
|
110
112
|
};
|
|
111
113
|
export {
|
|
112
|
-
|
|
114
|
+
Qr as MastersApp
|
|
113
115
|
};
|