@streamlayer/react-ui 0.27.0 → 0.27.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/lib/index.js +27 -28
  2. package/lib/ui/demo/index.js +36 -41
  3. package/package.json +2 -2
package/lib/index.js CHANGED
@@ -1,16 +1,16 @@
1
- import { QuestionInApp as Oo } from "./ui/notifications/notification/question-inapp/index.js";
2
- import { Login as Uo } 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 { theme as or } from "./ui/theme/theme.js";
1
+ import { QuestionInApp as No } from "./ui/notifications/notification/question-inapp/index.js";
2
+ import { Login as To } from "./ui/login/index.js";
3
+ import { Onboarding as Vo } from "./ui/gamification/onboarding/index.js";
4
+ import { ActivePages as ko, Navigation as qo } from "./ui/gamification/navigation/index.js";
5
+ import { LeaderboardItemDetail as zo } from "./ui/gamification/leaderboard-item-detail/index.js";
6
+ import { Question as Co } from "./ui/gamification/question/index.js";
7
+ import { QuestionList as Fo } from "./ui/gamification/question-list/index.js";
8
+ import { UserStatistics as Ho } from "./ui/gamification/user-statistics/index.js";
9
+ import { Vote as Ko } from "./ui/gamification/vote/index.js";
10
+ import { Demo as Ro } from "./ui/demo/index.js";
11
+ import { Points as Xo } from "./ui/gamification/points/index.js";
12
+ import { StreamLayerThemeProvider as Zo } from "./ui/theme/index.js";
13
+ import { theme as $o } from "./ui/theme/theme.js";
14
14
  import "react/jsx-runtime";
15
15
  import "react";
16
16
  import "./icon-exit-6a55bb8f.js";
@@ -87,23 +87,22 @@ import "./ui/gamification/insight/index.js";
87
87
  import "./ui/demo/components/Insight.js";
88
88
  import "./ui/gamification/detailed-insight/index.js";
89
89
  import "./ui/demo/Login.js";
90
- import "./ui/demo/DemoPoints.js";
91
90
  import "./ui/gamification/points/styles.js";
92
91
  import "./ui/icons/index.js";
93
92
  import "@linaria/core";
94
93
  export {
95
- qo as ActivePages,
96
- Wo as Demo,
97
- Bo as LeaderboardItemDetail,
98
- Uo as Login,
99
- wo as Navigation,
100
- jo as Onboarding,
101
- Yo as Points,
102
- Eo as Question,
103
- Oo as QuestionInApp,
104
- Go as QuestionList,
105
- _o as StreamLayerThemeProvider,
106
- Jo as UserStatistics,
107
- Mo as Vote,
108
- or as theme
94
+ ko as ActivePages,
95
+ Ro as Demo,
96
+ zo as LeaderboardItemDetail,
97
+ To as Login,
98
+ qo as Navigation,
99
+ Vo as Onboarding,
100
+ Xo as Points,
101
+ Co as Question,
102
+ No as QuestionInApp,
103
+ Fo as QuestionList,
104
+ Zo as StreamLayerThemeProvider,
105
+ Ho as UserStatistics,
106
+ Ko as Vote,
107
+ $o as theme
109
108
  };
package/lib/ui/demo/index.js CHANGED
@@ -1,5 +1,5 @@
1
- import { jsx as t, jsxs as l, Fragment as v } from "react/jsx-runtime";
2
- import { FeatureStatus as f } from "@streamlayer/sdk-web-interfaces";
1
+ import { jsx as i, jsxs as f, Fragment as v } from "react/jsx-runtime";
2
+ import { FeatureStatus as l } from "@streamlayer/sdk-web-interfaces";
3
3
  import { FeatureType as g } from "@streamlayer/sdk-web-types";
4
4
  import { AvailableFeatures as S } from "@streamlayer/sdk-web-features";
5
5
  import { useState as b, useMemo as h, useEffect as C } from "react";
@@ -8,8 +8,7 @@ import { Notifications as F } from "../notifications/index.js";
8
8
  import { GamificationComponent as w } from "./Gamification.js";
9
9
  import { HighlightsComponent as G } from "./Highlights.js";
10
10
  import { LoginComponent as H } from "./Login.js";
11
- import { DemoPoints as x } from "./DemoPoints.js";
12
- import { Buttons as A, Button as s } from "./styles.js";
11
+ import { Buttons as x, Button as s } from "./styles.js";
13
12
  import "../notifications/notification/index.js";
14
13
  import "@streamlayer/sdk-web-notifications";
15
14
  import "../notifications/notification/onboarding-inapp/index.js";
@@ -84,59 +83,55 @@ import "@connectrpc/connect-web";
84
83
  import "@connectrpc/connect";
85
84
  import "@streamlayer/sl-eslib/users/users_connect";
86
85
  import "../login/styles.js";
87
- import "../gamification/points/index.js";
88
- import "../gamification/points/styles.js";
89
- import "../icons/index.js";
90
- const B = ({ activeFeature: i, sdk: r }) => {
91
- const [e, n] = b(null), { organizationSettings: a, streamSettings: u } = c(r.sdkStore), y = h(() => {
92
- const o = (u == null ? void 0 : u.data) || (a == null ? void 0 : a.data);
93
- return o != null && o.overlays ? o.overlays : [];
86
+ const A = ({ activeFeature: r, sdk: o }) => {
87
+ const [e, n] = b(null), { organizationSettings: a, streamSettings: u } = c(o.sdkStore), y = h(() => {
88
+ const t = (u == null ? void 0 : u.data) || (a == null ? void 0 : a.data);
89
+ return t != null && t.overlays ? t.overlays : [];
94
90
  }, [a, u]);
95
91
  C(() => {
96
- const o = r.getFeatures();
97
- if (i)
98
- for (const [m, p] of o)
99
- m === i ? p.status.get() === f.Suspended && (p.enable(), n(p)) : p.status.get() === f.Ready && p.disable();
92
+ const t = o.getFeatures();
93
+ if (r)
94
+ for (const [m, p] of t)
95
+ m === r ? p.status.get() === l.Suspended && (p.enable(), n(p)) : p.status.get() === l.Ready && p.disable();
100
96
  else {
101
- for (const [, m] of o)
102
- m.status.get() === f.Ready && m.disable();
97
+ for (const [, m] of t)
98
+ m.status.get() === l.Ready && m.disable();
103
99
  n(null);
104
100
  }
105
101
  return () => {
106
- for (const [, m] of o)
107
- m.status.get() === f.Ready && m.disable();
102
+ for (const [, m] of t)
103
+ m.status.get() === l.Ready && m.disable();
108
104
  };
109
- }, [i, r]);
110
- const d = h(() => e ? e.featureConfig.get().type === g.GAMES ? e ? /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(w, { gamification: e, sdk: r }) }) : /* @__PURE__ */ t("div", { children: "wait gamification..." }) : e.featureConfig.get().type === g.HIGHLIGHTS ? e ? /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(G, { highlights: e, sdk: r }) }) : /* @__PURE__ */ t("div", { children: "wait highlights..." }) : /* @__PURE__ */ t("div", { children: "unknown feature" }) : null, [r, e]);
111
- return /* @__PURE__ */ l("div", { children: [
112
- /* @__PURE__ */ l(A, { children: [
113
- /* @__PURE__ */ t(s, { onClick: () => r.closeFeature(), disabled: !d, children: "close" }),
114
- /* @__PURE__ */ t(s, { onClick: () => r.logout(), children: "logout" }),
115
- y.map((o) => /* @__PURE__ */ l(
105
+ }, [r, o]);
106
+ const d = h(() => e ? e.featureConfig.get().type === g.GAMES ? e ? /* @__PURE__ */ i("div", { children: /* @__PURE__ */ i(w, { gamification: e, sdk: o }) }) : /* @__PURE__ */ i("div", { children: "wait gamification..." }) : e.featureConfig.get().type === g.HIGHLIGHTS ? e ? /* @__PURE__ */ i("div", { children: /* @__PURE__ */ i(G, { highlights: e, sdk: o }) }) : /* @__PURE__ */ i("div", { children: "wait highlights..." }) : /* @__PURE__ */ i("div", { children: "unknown feature" }) : null, [o, e]);
107
+ return /* @__PURE__ */ f("div", { children: [
108
+ /* @__PURE__ */ f(x, { children: [
109
+ /* @__PURE__ */ i(s, { onClick: () => o.closeFeature(), disabled: !d, children: "close" }),
110
+ /* @__PURE__ */ i(s, { onClick: () => o.logout(), children: "logout" }),
111
+ y.map((t) => /* @__PURE__ */ f(
116
112
  s,
117
113
  {
118
- onClick: () => r.openFeature(o.type),
119
- disabled: !(o.type in S),
120
- "data-enable_sdk_button": o.enableSdkButton.toString(),
121
- "data-selected": o.type === i,
114
+ onClick: () => o.openFeature(t.type),
115
+ disabled: !(t.type in S),
116
+ "data-enable_sdk_button": t.enableSdkButton.toString(),
117
+ "data-selected": t.type === r,
122
118
  children: [
123
- /* @__PURE__ */ t("img", { src: o.icon, alt: "" }),
124
- o.name
119
+ /* @__PURE__ */ i("img", { src: t.icon, alt: "" }),
120
+ t.name
125
121
  ]
126
122
  },
127
- o.name
123
+ t.name
128
124
  ))
129
125
  ] }),
130
126
  d
131
127
  ] });
132
- }, fo = ({ sdk: i }) => {
133
- const r = c(i.organizationStore()), e = c(i.getUserStore()), n = c(i.getActiveFeature());
134
- return r.loading ? /* @__PURE__ */ t("div", { children: "authentication..." }) : r.data ? e.loading ? /* @__PURE__ */ t("div", { children: "authentication..." }) : e.data ? /* @__PURE__ */ l(v, { children: [
135
- /* @__PURE__ */ t(x, { sdk: i }),
136
- /* @__PURE__ */ t(F, { notificationsStore: i.getNotificationsStore() }),
137
- /* @__PURE__ */ t(B, { sdk: i, activeFeature: n })
138
- ] }) : /* @__PURE__ */ t(H, { sdk: i }) : /* @__PURE__ */ t("div", { children: "wrong sdk key..." });
128
+ }, mi = ({ sdk: r }) => {
129
+ const o = c(r.organizationStore()), e = c(r.getUserStore()), n = c(r.getActiveFeature());
130
+ return o.loading ? /* @__PURE__ */ i("div", { children: "authentication..." }) : o.data ? e.loading ? /* @__PURE__ */ i("div", { children: "authentication..." }) : e.data ? /* @__PURE__ */ f(v, { children: [
131
+ /* @__PURE__ */ i(F, { notificationsStore: r.getNotificationsStore() }),
132
+ /* @__PURE__ */ i(A, { sdk: r, activeFeature: n })
133
+ ] }) : /* @__PURE__ */ i(H, { sdk: r }) : /* @__PURE__ */ i("div", { children: "wrong sdk key..." });
139
134
  };
140
135
  export {
141
- fo as Demo
136
+ mi as Demo
142
137
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@streamlayer/react-ui",
3
- "version": "0.27.0",
3
+ "version": "0.27.1",
4
4
  "type": "module",
5
5
  "main": "./src/index.js",
6
6
  "typings": "./lib/index.d.ts",
@@ -28,8 +28,8 @@
28
28
  "@streamlayer/sdk-web-api": "^0.0.2",
29
29
  "@streamlayer/sdk-web-core": "^0.12.0",
30
30
  "@streamlayer/sdk-web-features": "^0.9.5",
31
- "@streamlayer/sdk-web-interfaces": "^0.18.0",
32
31
  "@streamlayer/sdk-web-notifications": "^0.9.4",
32
+ "@streamlayer/sdk-web-interfaces": "^0.18.0",
33
33
  "@streamlayer/sdk-web-storage": "^0.3.2",
34
34
  "@streamlayer/sdk-web-types": "^0.16.0"
35
35
  },