@streamlayer/react-ui 0.28.0 → 0.29.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.
Files changed (45) 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/styles.js +3 -2
  13. package/lib/ui/app/useSdkFeature.js +4 -4
  14. package/lib/ui/demo/Gamification.js +7 -7
  15. package/lib/ui/demo/Highlights.js +5 -5
  16. package/lib/ui/demo/Login.js +8 -7
  17. package/lib/ui/demo/components/Leaderboard.js +2 -2
  18. package/lib/ui/demo/components/Question.js +2 -2
  19. package/lib/ui/demo/components/UserSummary.js +4 -10
  20. package/lib/ui/demo/components/index.js +8 -8
  21. package/lib/ui/demo/index.js +64 -53
  22. package/lib/ui/gamification/leaderboard-invite-link/index.js +4 -4
  23. package/lib/ui/gamification/leaderboard-item-detail/index.js +2 -2
  24. package/lib/ui/gamification/onboarding/index.js +17 -17
  25. package/lib/ui/gamification/points/styles.js +2 -3
  26. package/lib/ui/gamification/question/index.js +6 -6
  27. package/lib/ui/gamification/user-statistics/index.js +3 -3
  28. package/lib/ui/gamification/vote/components/voting-header/index.js +6 -6
  29. package/lib/ui/gamification/vote/index.js +5 -5
  30. package/lib/ui/icons/index.js +27 -27
  31. package/lib/ui/login/index.js +15 -15
  32. package/lib/ui/notifications/decorator.js +6 -6
  33. package/lib/ui/notifications/index.js +1 -1
  34. package/lib/ui/notifications/notification/index.js +1 -1
  35. package/lib/ui/theme/ThemeTypography.js +13 -3
  36. package/lib/ui/theme/constants.js +2 -1
  37. package/lib/ui/theme/theme.js +19 -17
  38. package/lib/utils/components/developer.js +10 -10
  39. package/lib/utils/components/envToggle.js +3 -3
  40. package/lib/utils/components/eventInput.js +4 -4
  41. package/lib/utils/createDemo.js +12 -12
  42. package/lib/utils/login.js +8 -8
  43. package/lib/utils/useStreamLayerApp.js +5 -5
  44. package/package.json +2 -2
  45. package/lib/module.d.js +0 -1
package/lib/index.js CHANGED
@@ -1,39 +1,39 @@
1
- import { QuestionInApp as yo } 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, Navigation as wo } from "./ui/gamification/navigation/index.js";
5
- import { LeaderboardItemDetail as Bo } from "./ui/gamification/leaderboard-item-detail/index.js";
6
- import { Question as Eo } from "./ui/gamification/question/index.js";
7
- import { QuestionList as Go } from "./ui/gamification/question-list/index.js";
8
- import { UserStatistics as Jo } from "./ui/gamification/user-statistics/index.js";
9
- import { Vote as Mo } 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";
1
+ import { QuestionInApp as Uo } from "./ui/notifications/notification/question-inapp/index.js";
2
+ import { Login as ko } from "./ui/login/index.js";
3
+ import { Onboarding as wo } from "./ui/gamification/onboarding/index.js";
4
+ import { ActivePages as Bo, Navigation as Co } from "./ui/gamification/navigation/index.js";
5
+ import { LeaderboardItemDetail as Fo } from "./ui/gamification/leaderboard-item-detail/index.js";
6
+ import { Question as Ho } from "./ui/gamification/question/index.js";
7
+ import { QuestionList as Ko } from "./ui/gamification/question-list/index.js";
8
+ import { UserStatistics as Ro } from "./ui/gamification/user-statistics/index.js";
9
+ import { Vote as Xo } from "./ui/gamification/vote/index.js";
10
+ import { Demo as Zo } from "./ui/demo/index.js";
11
+ import { Points as $o } from "./ui/gamification/points/index.js";
12
+ import { StreamLayerThemeProvider as rr } from "./ui/theme/index.js";
13
+ import { ThemeVariables as mr, theme as ir, themeStr as pr } from "./ui/theme/theme.js";
14
14
  import "react/jsx-runtime";
15
15
  import "react";
16
16
  import "./icon-exit-6a55bb8f.js";
17
17
  import "./ui/notifications/notification/question-inapp/styles.js";
18
18
  import "@linaria/react";
19
- import "react-phone-number-input";
20
19
  import "react-auth-code-input";
21
- import "./utils/login.js";
22
- import "@connectrpc/connect-web";
23
- import "@connectrpc/connect";
24
- import "@streamlayer/sl-eslib/users/users_connect";
20
+ import "react-phone-number-input";
25
21
  import "./ui/gamification/vote/components/voting-header/components/timer/index.js";
26
22
  import "react-countdown-circle-timer";
27
23
  import "./ui/theme/constants.js";
28
24
  import "./ui/gamification/vote/components/voting-header/components/timer/styles.js";
25
+ import "./utils/login.js";
26
+ import "@connectrpc/connect";
27
+ import "@connectrpc/connect-web";
28
+ import "@streamlayer/sl-eslib/users/users_connect";
29
29
  import "./ui/login/styles.js";
30
- import "./ui/gamification/onboarding/styles.js";
31
30
  import "./ui/gamification/onboarding/components/onboarding-slides/onboarding-instructions/index.js";
32
31
  import "./ui/gamification/onboarding/components/onboarding-slides/onboarding-instructions/styles.js";
33
- import "./ui/gamification/onboarding/components/onboarding-slides/onboarding-rules/index.js";
34
- import "./ui/gamification/onboarding/components/onboarding-slides/onboarding-rules/styles.js";
35
32
  import "./ui/gamification/onboarding/components/onboarding-slides/onboarding-invite-card/index.js";
36
33
  import "./ui/gamification/onboarding/components/onboarding-slides/onboarding-invite-card/styles.js";
34
+ import "./ui/gamification/onboarding/components/onboarding-slides/onboarding-rules/index.js";
35
+ import "./ui/gamification/onboarding/components/onboarding-slides/onboarding-rules/styles.js";
36
+ import "./ui/gamification/onboarding/styles.js";
37
37
  import "./ui/gamification/navigation/styles.js";
38
38
  import "./ui/gamification/common-header/index.js";
39
39
  import "./ui/gamification/common-header/styles.js";
@@ -43,16 +43,18 @@ import "./icon-chevron-138a557c.js";
43
43
  import "./ui/gamification/question/styles.js";
44
44
  import "./ui/gamification/question-list/styles.js";
45
45
  import "./utils/common.js";
46
- import "./ui/gamification/user-statistics/components/statistics/index.js";
47
- import "./ui/gamification/user-statistics/components/statistics/styles.js";
48
46
  import "./ui/gamification/user-statistics/components/rank/index.js";
49
47
  import "./ui/gamification/user-statistics/components/rank/styles.js";
48
+ import "./ui/gamification/user-statistics/components/statistics/index.js";
49
+ import "./ui/gamification/user-statistics/components/statistics/styles.js";
50
50
  import "./ui/gamification/user-statistics/styles.js";
51
51
  import "./index-7045fbb2.js";
52
52
  import "./ui/gamification/vote/components/voting-option/styles.js";
53
53
  import "./ui/gamification/vote/styles.js";
54
54
  import "@streamlayer/sdk-web-interfaces";
55
55
  import "@streamlayer/sdk-web-features";
56
+ import "@streamlayer/sdk-web-storage";
57
+ import "@streamlayer/sdk-web-api";
56
58
  import "@nanostores/react";
57
59
  import "./ui/notifications/index.js";
58
60
  import "./ui/notifications/notification/index.js";
@@ -66,9 +68,9 @@ import "./ui/demo/components/UserSummary.js";
66
68
  import "./ui/demo/components/QuestionsList.js";
67
69
  import "./ui/demo/components/Question.js";
68
70
  import "./ui/gamification/vote/components/voting-header/index.js";
69
- import "./ui/gamification/vote/components/voting-header/styles.js";
70
71
  import "./ui/gamification/vote/components/voting-header/components/points/index.js";
71
72
  import "./ui/gamification/vote/components/voting-header/components/points/styles.js";
73
+ import "./ui/gamification/vote/components/voting-header/styles.js";
72
74
  import "./fedex-a8dcc7b2.js";
73
75
  import "./ui/gamification/insight/styles.js";
74
76
  import "./ui/gamification/insight-list/styles.js";
@@ -88,24 +90,25 @@ import "./ui/gamification/insight/index.js";
88
90
  import "./ui/demo/components/Insight.js";
89
91
  import "./ui/gamification/detailed-insight/index.js";
90
92
  import "./ui/demo/Login.js";
93
+ import "@streamlayer/sdk-web-anonymous-auth";
91
94
  import "./ui/gamification/points/styles.js";
92
95
  import "./ui/icons/index.js";
93
96
  import "@linaria/core";
94
97
  export {
95
- qo as ActivePages,
96
- Wo as Demo,
97
- Bo as LeaderboardItemDetail,
98
- Oo as Login,
99
- wo as Navigation,
100
- jo as Onboarding,
101
- Yo as Points,
102
- Eo as Question,
103
- yo as QuestionInApp,
104
- Go as QuestionList,
105
- _o as StreamLayerThemeProvider,
106
- or as ThemeVariables,
107
- Jo as UserStatistics,
108
- Mo as Vote,
109
- rr as theme,
110
- tr as themeStr
98
+ Bo as ActivePages,
99
+ Zo as Demo,
100
+ Fo as LeaderboardItemDetail,
101
+ ko as Login,
102
+ Co as Navigation,
103
+ wo as Onboarding,
104
+ $o as Points,
105
+ Ho as Question,
106
+ Uo as QuestionInApp,
107
+ Ko as QuestionList,
108
+ rr as StreamLayerThemeProvider,
109
+ mr as ThemeVariables,
110
+ Ro as UserStatistics,
111
+ Xo as Vote,
112
+ ir as theme,
113
+ pr as themeStr
111
114
  };
package/lib/ui/app/Features/FeatureProvider.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { jsx as t } from "react/jsx-runtime";
2
- import { FeatureStatus as u } from "@streamlayer/sdk-web-interfaces";
3
2
  import { useStore as e } from "@nanostores/react";
3
+ import { FeatureStatus as u } from "@streamlayer/sdk-web-interfaces";
4
4
  const c = ({
5
5
  feature: i,
6
6
  sdk: o,
package/lib/ui/app/Features/Gamification/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/app/Features/Gamification/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/app/Features/Gamification/Tabs.js CHANGED
@@ -1,29 +1,23 @@
1
1
  import { jsxs as e, Fragment as i, jsx as t } from "react/jsx-runtime";
2
2
  import { useState as s } from "react";
3
3
  import { ActivePages as m, Navigation as a } from "../../../gamification/navigation/index.js";
4
- import { UserSummary as n } from "./UserSummary.js";
4
+ import { Leaderboard as n } from "./Leaderboard.js";
5
5
  import { QuestionsList as u } from "./QuestionsList.js";
6
- import { Leaderboard as g } from "./Leaderboard.js";
6
+ import { UserSummary as g } from "./UserSummary.js";
7
7
  import "../../../gamification/navigation/styles.js";
8
8
  import "@linaria/react";
9
9
  import "@nanostores/react";
10
+ import "../../../gamification/leaderboard-item-detail/index.js";
11
+ import "../../../gamification/common-header/index.js";
12
+ import "../../../../icon-exit-6a55bb8f.js";
13
+ import "../../../gamification/common-header/styles.js";
10
14
  import "../../../gamification/user-statistics/index.js";
11
15
  import "../../../../utils/common.js";
12
- import "../../../gamification/user-statistics/components/statistics/index.js";
13
- import "../../../gamification/user-statistics/components/statistics/styles.js";
14
16
  import "../../../gamification/user-statistics/components/rank/index.js";
15
17
  import "../../../gamification/user-statistics/components/rank/styles.js";
18
+ import "../../../gamification/user-statistics/components/statistics/index.js";
19
+ import "../../../gamification/user-statistics/components/statistics/styles.js";
16
20
  import "../../../gamification/user-statistics/styles.js";
17
- import "../../../gamification/question-list/index.js";
18
- import "../../../gamification/question/index.js";
19
- import "@streamlayer/sdk-web-types";
20
- import "../../../../icon-chevron-138a557c.js";
21
- import "../../../gamification/question/styles.js";
22
- import "../../../gamification/question-list/styles.js";
23
- import "../../../gamification/leaderboard-item-detail/index.js";
24
- import "../../../gamification/common-header/index.js";
25
- import "../../../../icon-exit-6a55bb8f.js";
26
- import "../../../gamification/common-header/styles.js";
27
21
  import "../../../gamification/leaderboard-item-detail/styles.js";
28
22
  import "../../../gamification/leaderboard-list/index.js";
29
23
  import "../../../gamification/leaderboard-invite-link/index.js";
@@ -31,15 +25,21 @@ import "../../../gamification/leaderboard-invite-link/styles.js";
31
25
  import "../../../gamification/leaderboard-item/index.js";
32
26
  import "../../../gamification/leaderboard-item/styles.js";
33
27
  import "../../../gamification/leaderboard-list/styles.js";
28
+ import "../../../gamification/question-list/index.js";
29
+ import "../../../gamification/question/index.js";
30
+ import "@streamlayer/sdk-web-types";
31
+ import "../../../../icon-chevron-138a557c.js";
32
+ import "../../../gamification/question/styles.js";
33
+ import "../../../gamification/question-list/styles.js";
34
34
  const J = ({ gamification: r }) => {
35
35
  const [o, p] = s(m.HOME);
36
36
  return /* @__PURE__ */ e(i, { children: [
37
37
  /* @__PURE__ */ t(a, { activePage: o, toggleActivePage: p }),
38
38
  o === m.HOME && /* @__PURE__ */ e(i, { children: [
39
- /* @__PURE__ */ t(n, { store: r.userSummary.getStore() }),
39
+ /* @__PURE__ */ t(g, { store: r.userSummary.getStore() }),
40
40
  /* @__PURE__ */ t(u, { openQuestion: r.openQuestion, store: r.questions.getStore() })
41
41
  ] }),
42
- o === m.LEADERBOARD && /* @__PURE__ */ t(g, { store: r.leaderboardList.getStore() })
42
+ o === m.LEADERBOARD && /* @__PURE__ */ t(n, { store: r.leaderboardList.getStore() })
43
43
  ] });
44
44
  };
45
45
  export {
package/lib/ui/app/Features/Gamification/UserSummary.js CHANGED
@@ -2,11 +2,11 @@ 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);
package/lib/ui/app/Features/Gamification/index.js CHANGED
@@ -1,31 +1,37 @@
1
1
  import { jsxs as m, Fragment as p, jsx as t } from "react/jsx-runtime";
2
2
  import { useStore as i } from "@nanostores/react";
3
- import { Tabs as e } from "./Tabs.js";
4
- import { Question as s } from "./Question.js";
3
+ import { Question as e } from "./Question.js";
4
+ import { Tabs as s } from "./Tabs.js";
5
+ import "@linaria/react";
5
6
  import "react";
7
+ import "../../../gamification/vote/index.js";
8
+ import "@streamlayer/sdk-web-types";
9
+ import "../../../../index-7045fbb2.js";
10
+ import "../../../gamification/vote/components/voting-option/styles.js";
11
+ import "../../../gamification/vote/styles.js";
12
+ import "../../../gamification/vote/components/voting-header/index.js";
13
+ import "../../../../icon-exit-6a55bb8f.js";
14
+ import "../../../gamification/vote/components/voting-header/components/points/index.js";
15
+ import "../../../gamification/vote/components/voting-header/components/points/styles.js";
16
+ import "../../../gamification/vote/components/voting-header/components/timer/index.js";
17
+ import "react-countdown-circle-timer";
18
+ import "../../../theme/constants.js";
19
+ import "../../../gamification/vote/components/voting-header/components/timer/styles.js";
20
+ import "../../../gamification/vote/components/voting-header/styles.js";
21
+ import "../../../../fedex-a8dcc7b2.js";
6
22
  import "../../../gamification/navigation/index.js";
7
23
  import "../../../gamification/navigation/styles.js";
8
- import "@linaria/react";
9
- import "./UserSummary.js";
24
+ import "./Leaderboard.js";
25
+ import "../../../gamification/leaderboard-item-detail/index.js";
26
+ import "../../../gamification/common-header/index.js";
27
+ import "../../../gamification/common-header/styles.js";
10
28
  import "../../../gamification/user-statistics/index.js";
11
29
  import "../../../../utils/common.js";
12
- import "../../../gamification/user-statistics/components/statistics/index.js";
13
- import "../../../gamification/user-statistics/components/statistics/styles.js";
14
30
  import "../../../gamification/user-statistics/components/rank/index.js";
15
31
  import "../../../gamification/user-statistics/components/rank/styles.js";
32
+ import "../../../gamification/user-statistics/components/statistics/index.js";
33
+ import "../../../gamification/user-statistics/components/statistics/styles.js";
16
34
  import "../../../gamification/user-statistics/styles.js";
17
- import "./QuestionsList.js";
18
- import "../../../gamification/question-list/index.js";
19
- import "../../../gamification/question/index.js";
20
- import "@streamlayer/sdk-web-types";
21
- import "../../../../icon-chevron-138a557c.js";
22
- import "../../../gamification/question/styles.js";
23
- import "../../../gamification/question-list/styles.js";
24
- import "./Leaderboard.js";
25
- import "../../../gamification/leaderboard-item-detail/index.js";
26
- import "../../../gamification/common-header/index.js";
27
- import "../../../../icon-exit-6a55bb8f.js";
28
- import "../../../gamification/common-header/styles.js";
29
35
  import "../../../gamification/leaderboard-item-detail/styles.js";
30
36
  import "../../../gamification/leaderboard-list/index.js";
31
37
  import "../../../gamification/leaderboard-invite-link/index.js";
@@ -33,33 +39,27 @@ import "../../../gamification/leaderboard-invite-link/styles.js";
33
39
  import "../../../gamification/leaderboard-item/index.js";
34
40
  import "../../../gamification/leaderboard-item/styles.js";
35
41
  import "../../../gamification/leaderboard-list/styles.js";
36
- import "../../../gamification/vote/index.js";
37
- import "../../../../index-7045fbb2.js";
38
- import "../../../gamification/vote/components/voting-option/styles.js";
39
- import "../../../gamification/vote/styles.js";
40
- import "../../../gamification/vote/components/voting-header/index.js";
41
- import "../../../gamification/vote/components/voting-header/components/timer/index.js";
42
- import "react-countdown-circle-timer";
43
- import "../../../theme/constants.js";
44
- import "../../../gamification/vote/components/voting-header/components/timer/styles.js";
45
- import "../../../gamification/vote/components/voting-header/styles.js";
46
- import "../../../gamification/vote/components/voting-header/components/points/index.js";
47
- import "../../../gamification/vote/components/voting-header/components/points/styles.js";
48
- import "../../../../fedex-a8dcc7b2.js";
42
+ import "./QuestionsList.js";
43
+ import "../../../gamification/question-list/index.js";
44
+ import "../../../gamification/question/index.js";
45
+ import "../../../../icon-chevron-138a557c.js";
46
+ import "../../../gamification/question/styles.js";
47
+ import "../../../gamification/question-list/styles.js";
48
+ import "./UserSummary.js";
49
49
  const to = ({
50
50
  gamification: o
51
51
  }) => {
52
52
  const r = i(o.openedQuestion);
53
53
  return /* @__PURE__ */ m(p, { children: [
54
54
  r && /* @__PURE__ */ t(
55
- s,
55
+ e,
56
56
  {
57
57
  closeQuestion: o.closeQuestion,
58
58
  vote: o.submitAnswer,
59
59
  openedQuestion: r
60
60
  }
61
61
  ),
62
- !r && /* @__PURE__ */ t(e, { gamification: o })
62
+ !r && /* @__PURE__ */ t(s, { gamification: o })
63
63
  ] });
64
64
  };
65
65
  export {
package/lib/ui/app/Features/index.js CHANGED
@@ -1,33 +1,41 @@
1
1
  import { jsx as t } from "react/jsx-runtime";
2
- import { FeatureType as o } from "@streamlayer/sdk-web-types";
3
2
  import { useMemo as p } from "react";
3
+ import { FeatureType as o } from "@streamlayer/sdk-web-types";
4
+ import { FeatureProvider as m } from "./FeatureProvider.js";
4
5
  import { GamificationOverlay as e } from "./Gamification/index.js";
5
6
  import { HighlightsOverlay as n } from "./Highlights/index.js";
6
- import { FeatureProvider as m } from "./FeatureProvider.js";
7
7
  import "@nanostores/react";
8
+ import "@streamlayer/sdk-web-interfaces";
9
+ import "./Gamification/Question.js";
10
+ import "@linaria/react";
11
+ import "../../gamification/vote/index.js";
12
+ import "../../../index-7045fbb2.js";
13
+ import "../../gamification/vote/components/voting-option/styles.js";
14
+ import "../../gamification/vote/styles.js";
15
+ import "../../gamification/vote/components/voting-header/index.js";
16
+ import "../../../icon-exit-6a55bb8f.js";
17
+ import "../../gamification/vote/components/voting-header/components/points/index.js";
18
+ import "../../gamification/vote/components/voting-header/components/points/styles.js";
19
+ import "../../gamification/vote/components/voting-header/components/timer/index.js";
20
+ import "react-countdown-circle-timer";
21
+ import "../../theme/constants.js";
22
+ import "../../gamification/vote/components/voting-header/components/timer/styles.js";
23
+ import "../../gamification/vote/components/voting-header/styles.js";
24
+ import "../../../fedex-a8dcc7b2.js";
8
25
  import "./Gamification/Tabs.js";
9
26
  import "../../gamification/navigation/index.js";
10
27
  import "../../gamification/navigation/styles.js";
11
- import "@linaria/react";
12
- import "./Gamification/UserSummary.js";
28
+ import "./Gamification/Leaderboard.js";
29
+ import "../../gamification/leaderboard-item-detail/index.js";
30
+ import "../../gamification/common-header/index.js";
31
+ import "../../gamification/common-header/styles.js";
13
32
  import "../../gamification/user-statistics/index.js";
14
33
  import "../../../utils/common.js";
15
- import "../../gamification/user-statistics/components/statistics/index.js";
16
- import "../../gamification/user-statistics/components/statistics/styles.js";
17
34
  import "../../gamification/user-statistics/components/rank/index.js";
18
35
  import "../../gamification/user-statistics/components/rank/styles.js";
36
+ import "../../gamification/user-statistics/components/statistics/index.js";
37
+ import "../../gamification/user-statistics/components/statistics/styles.js";
19
38
  import "../../gamification/user-statistics/styles.js";
20
- import "./Gamification/QuestionsList.js";
21
- import "../../gamification/question-list/index.js";
22
- import "../../gamification/question/index.js";
23
- import "../../../icon-chevron-138a557c.js";
24
- import "../../gamification/question/styles.js";
25
- import "../../gamification/question-list/styles.js";
26
- import "./Gamification/Leaderboard.js";
27
- import "../../gamification/leaderboard-item-detail/index.js";
28
- import "../../gamification/common-header/index.js";
29
- import "../../../icon-exit-6a55bb8f.js";
30
- import "../../gamification/common-header/styles.js";
31
39
  import "../../gamification/leaderboard-item-detail/styles.js";
32
40
  import "../../gamification/leaderboard-list/index.js";
33
41
  import "../../gamification/leaderboard-invite-link/index.js";
@@ -35,20 +43,13 @@ import "../../gamification/leaderboard-invite-link/styles.js";
35
43
  import "../../gamification/leaderboard-item/index.js";
36
44
  import "../../gamification/leaderboard-item/styles.js";
37
45
  import "../../gamification/leaderboard-list/styles.js";
38
- import "./Gamification/Question.js";
39
- import "../../gamification/vote/index.js";
40
- import "../../../index-7045fbb2.js";
41
- import "../../gamification/vote/components/voting-option/styles.js";
42
- import "../../gamification/vote/styles.js";
43
- import "../../gamification/vote/components/voting-header/index.js";
44
- import "../../gamification/vote/components/voting-header/components/timer/index.js";
45
- import "react-countdown-circle-timer";
46
- import "../../theme/constants.js";
47
- import "../../gamification/vote/components/voting-header/components/timer/styles.js";
48
- 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
- import "../../../fedex-a8dcc7b2.js";
46
+ import "./Gamification/QuestionsList.js";
47
+ import "../../gamification/question-list/index.js";
48
+ import "../../gamification/question/index.js";
49
+ import "../../../icon-chevron-138a557c.js";
50
+ import "../../gamification/question/styles.js";
51
+ import "../../gamification/question-list/styles.js";
52
+ import "./Gamification/UserSummary.js";
52
53
  import "../../demo/components/Insight.js";
53
54
  import "../../gamification/detailed-insight/index.js";
54
55
  import "../../gamification/detailed-insight/styles.js";
@@ -57,7 +58,6 @@ import "../../gamification/insight-list/index.js";
57
58
  import "../../gamification/insight/index.js";
58
59
  import "../../gamification/insight/styles.js";
59
60
  import "../../gamification/insight-list/styles.js";
60
- import "@streamlayer/sdk-web-interfaces";
61
61
  const yr = ({ 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]);
62
62
  export {
63
63
  yr as ActiveFeature
package/lib/ui/app/Navigation/index.js CHANGED
@@ -1,12 +1,12 @@
1
1
  import { jsx as c } from "react/jsx-runtime";
2
- import { AvailableFeatures as e } from "@streamlayer/sdk-web-features";
2
+ import { useStore as e } from "@nanostores/react";
3
3
  import { useMemo as a } from "react";
4
- import { useStore as b } from "@nanostores/react";
4
+ import { AvailableFeatures as b } from "@streamlayer/sdk-web-features";
5
5
  import { Navigation as v } from "../../navigation/index.js";
6
6
  import "../../navigation/styles.js";
7
7
  import "@linaria/react";
8
8
  const N = ({ customOverlays: t, activeButton: s, sdk: p }) => {
9
- const { streamSettings: i, organizationSettings: r } = b(p.sdkStore), n = a(() => {
9
+ const { streamSettings: i, organizationSettings: r } = e(p.sdkStore), n = a(() => {
10
10
  const o = (i == null ? void 0 : i.data) || (r == null ? void 0 : r.data);
11
11
  return o != null && o.overlays ? o.overlays : [];
12
12
  }, [r, i]), l = a(
@@ -14,7 +14,7 @@ const N = ({ customOverlays: t, activeButton: s, sdk: p }) => {
14
14
  ...n.filter(({ enableSdkButton: o }) => o).map((o) => ({
15
15
  id: o.type,
16
16
  onClick: () => p.openFeature(o.type),
17
- disabled: !(o.type in e),
17
+ disabled: !(o.type in b),
18
18
  label: o.name,
19
19
  icon: o.icon,
20
20
  /** multiplied by 10 to add the ability to insert custom buttons between our buttons */
package/lib/ui/app/Notifications/index.js CHANGED
@@ -2,8 +2,8 @@ import { jsx as t } from "react/jsx-runtime";
2
2
  import { Notifications as i } from "../../notifications/index.js";
3
3
  import "@nanostores/react";
4
4
  import "../../notifications/notification/index.js";
5
- import "@streamlayer/sdk-web-notifications";
6
5
  import "react";
6
+ import "@streamlayer/sdk-web-notifications";
7
7
  import "../../notifications/notification/onboarding-inapp/index.js";
8
8
  import "../../notifications/notification/onboarding-inapp/styles.js";
9
9
  import "@linaria/react";
package/lib/ui/app/index.js CHANGED
@@ -1,36 +1,48 @@
1
- import { jsxs as p, jsx as r } from "react/jsx-runtime";
2
- import { ActiveFeature as e } from "./Features/index.js";
3
- import { SDKNavigation as a } from "./Navigation/index.js";
4
- import { SDKNotifications as c } from "./Notifications/index.js";
5
- import { useSdkFeature as n } from "./useSdkFeature.js";
1
+ import { jsx as t, jsxs as p } from "react/jsx-runtime";
2
+ import { StreamLayerThemeProvider as e } from "../theme/index.js";
3
+ import { ActiveFeature as a } from "./Features/index.js";
4
+ import { SDKNavigation as c } from "./Navigation/index.js";
5
+ import { SDKNotifications as n } from "./Notifications/index.js";
6
6
  import { SDKContainer as f } from "./styles.js";
7
- import "@streamlayer/sdk-web-types";
7
+ import { useSdkFeature as s } from "./useSdkFeature.js";
8
+ import "../theme/theme.js";
9
+ import "@linaria/core";
10
+ import "../theme/constants.js";
8
11
  import "react";
9
- import "./Features/Gamification/index.js";
12
+ import "@streamlayer/sdk-web-types";
13
+ import "./Features/FeatureProvider.js";
10
14
  import "@nanostores/react";
15
+ import "@streamlayer/sdk-web-interfaces";
16
+ import "./Features/Gamification/index.js";
17
+ import "./Features/Gamification/Question.js";
18
+ import "@linaria/react";
19
+ import "../gamification/vote/index.js";
20
+ import "../../index-7045fbb2.js";
21
+ import "../gamification/vote/components/voting-option/styles.js";
22
+ import "../gamification/vote/styles.js";
23
+ import "../gamification/vote/components/voting-header/index.js";
24
+ import "../../icon-exit-6a55bb8f.js";
25
+ import "../gamification/vote/components/voting-header/components/points/index.js";
26
+ import "../gamification/vote/components/voting-header/components/points/styles.js";
27
+ import "../gamification/vote/components/voting-header/components/timer/index.js";
28
+ import "react-countdown-circle-timer";
29
+ import "../gamification/vote/components/voting-header/components/timer/styles.js";
30
+ import "../gamification/vote/components/voting-header/styles.js";
31
+ import "../../fedex-a8dcc7b2.js";
11
32
  import "./Features/Gamification/Tabs.js";
12
33
  import "../gamification/navigation/index.js";
13
34
  import "../gamification/navigation/styles.js";
14
- import "@linaria/react";
15
- import "./Features/Gamification/UserSummary.js";
35
+ import "./Features/Gamification/Leaderboard.js";
36
+ import "../gamification/leaderboard-item-detail/index.js";
37
+ import "../gamification/common-header/index.js";
38
+ import "../gamification/common-header/styles.js";
16
39
  import "../gamification/user-statistics/index.js";
17
40
  import "../../utils/common.js";
18
- import "../gamification/user-statistics/components/statistics/index.js";
19
- import "../gamification/user-statistics/components/statistics/styles.js";
20
41
  import "../gamification/user-statistics/components/rank/index.js";
21
42
  import "../gamification/user-statistics/components/rank/styles.js";
43
+ import "../gamification/user-statistics/components/statistics/index.js";
44
+ import "../gamification/user-statistics/components/statistics/styles.js";
22
45
  import "../gamification/user-statistics/styles.js";
23
- import "./Features/Gamification/QuestionsList.js";
24
- import "../gamification/question-list/index.js";
25
- import "../gamification/question/index.js";
26
- import "../../icon-chevron-138a557c.js";
27
- import "../gamification/question/styles.js";
28
- import "../gamification/question-list/styles.js";
29
- import "./Features/Gamification/Leaderboard.js";
30
- import "../gamification/leaderboard-item-detail/index.js";
31
- import "../gamification/common-header/index.js";
32
- import "../../icon-exit-6a55bb8f.js";
33
- import "../gamification/common-header/styles.js";
34
46
  import "../gamification/leaderboard-item-detail/styles.js";
35
47
  import "../gamification/leaderboard-list/index.js";
36
48
  import "../gamification/leaderboard-invite-link/index.js";
@@ -38,20 +50,13 @@ import "../gamification/leaderboard-invite-link/styles.js";
38
50
  import "../gamification/leaderboard-item/index.js";
39
51
  import "../gamification/leaderboard-item/styles.js";
40
52
  import "../gamification/leaderboard-list/styles.js";
41
- import "./Features/Gamification/Question.js";
42
- import "../gamification/vote/index.js";
43
- import "../../index-7045fbb2.js";
44
- import "../gamification/vote/components/voting-option/styles.js";
45
- import "../gamification/vote/styles.js";
46
- import "../gamification/vote/components/voting-header/index.js";
47
- import "../gamification/vote/components/voting-header/components/timer/index.js";
48
- import "react-countdown-circle-timer";
49
- import "../theme/constants.js";
50
- import "../gamification/vote/components/voting-header/components/timer/styles.js";
51
- import "../gamification/vote/components/voting-header/styles.js";
52
- import "../gamification/vote/components/voting-header/components/points/index.js";
53
- import "../gamification/vote/components/voting-header/components/points/styles.js";
54
- import "../../fedex-a8dcc7b2.js";
53
+ import "./Features/Gamification/QuestionsList.js";
54
+ import "../gamification/question-list/index.js";
55
+ import "../gamification/question/index.js";
56
+ import "../../icon-chevron-138a557c.js";
57
+ import "../gamification/question/styles.js";
58
+ import "../gamification/question-list/styles.js";
59
+ import "./Features/Gamification/UserSummary.js";
55
60
  import "./Features/Highlights/index.js";
56
61
  import "../demo/components/Insight.js";
57
62
  import "../gamification/detailed-insight/index.js";
@@ -61,8 +66,6 @@ import "../gamification/insight-list/index.js";
61
66
  import "../gamification/insight/index.js";
62
67
  import "../gamification/insight/styles.js";
63
68
  import "../gamification/insight-list/styles.js";
64
- import "./Features/FeatureProvider.js";
65
- import "@streamlayer/sdk-web-interfaces";
66
69
  import "@streamlayer/sdk-web-features";
67
70
  import "../navigation/index.js";
68
71
  import "../navigation/styles.js";
@@ -75,14 +78,14 @@ import "../notifications/notification/question-inapp/index.js";
75
78
  import "../notifications/notification/question-inapp/styles.js";
76
79
  import "../notifications/notification/styles.js";
77
80
  import "../notifications/styles.js";
78
- const Et = ({ sdk: t, overlays: o = {} }) => {
79
- const [i, m] = n(t);
80
- return /* @__PURE__ */ p(f, { className: "StreamLayerSDK", children: [
81
- /* @__PURE__ */ r(a, { sdk: t, customOverlays: o, activeButton: i }),
82
- /* @__PURE__ */ r(c, { sdk: t }),
83
- /* @__PURE__ */ r(e, { feature: m, sdk: t })
84
- ] });
81
+ const Gr = ({ sdk: r, overlays: o = {} }) => {
82
+ const [i, m] = s(r);
83
+ return /* @__PURE__ */ t(e, { children: /* @__PURE__ */ p(f, { className: "StreamLayerSDK", children: [
84
+ /* @__PURE__ */ t(c, { sdk: r, customOverlays: o, activeButton: i }),
85
+ /* @__PURE__ */ t(n, { sdk: r }),
86
+ /* @__PURE__ */ t(a, { feature: m, sdk: r })
87
+ ] }) });
85
88
  };
86
89
  export {
87
- Et as App
90
+ Gr as App
88
91
  };