@streamlayer/react-ui 0.54.0 → 0.54.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 (10) hide show
  1. package/lib/ui/app/Features/Gamification/index.d.ts +1 -0
  2. package/lib/ui/app/Features/Gamification/index.js +17 -22
  3. package/lib/ui/app/Features/index.js +18 -60
  4. package/lib/ui/app/Navigation/index.d.ts +1 -1
  5. package/lib/ui/app/masters.js +31 -77
  6. package/lib/ui/app/useMastersApp.d.ts +1 -0
  7. package/lib/ui/app/useMastersApp.js +22 -21
  8. package/lib/ui/app/useSdkFeature.js +13 -13
  9. package/lib/utils/debug/components/developer.js +28 -19
  10. package/package.json +11 -11
package/lib/ui/app/Features/Gamification/index.d.ts CHANGED
@@ -6,3 +6,4 @@ export declare const GamificationOverlay: React.FC<{
6
6
  sdk: StreamLayerSDK;
7
7
  className?: string;
8
8
  }>;
9
+ export default GamificationOverlay;
package/lib/ui/app/Features/Gamification/index.js CHANGED
@@ -1,12 +1,12 @@
1
1
  import { jsxs as p, Fragment as d, jsx as r } from "react/jsx-runtime";
2
- import { styled as t } from "@linaria/react";
3
- import { useStore as m } from "@nanostores/react";
4
- import { SDKWhiteContainer as a, SDKScrollContainer as l } from "../../styles.js";
2
+ import { styled as n } from "@linaria/react";
3
+ import { useStore as e } from "@nanostores/react";
4
+ import { SDKWhiteContainer as l, SDKScrollContainer as a } from "../../styles.js";
5
5
  import { VoteHeader as c } from "../../../gamification/detail/header/index.js";
6
6
  import { UserStatistics as h } from "../../../gamification/user-statistics/index.js";
7
- import { ShowIn as n } from "../../../show-in/index.js";
8
- import { Question as u } from "./Question.js";
9
- import { Tabs as f } from "./Tabs.js";
7
+ import { ShowIn as u } from "../../../show-in/index.js";
8
+ import { Question as f } from "./Question.js";
9
+ import { Tabs as v } from "./Tabs.js";
10
10
  import "../../../gamification/constants.js";
11
11
  import "@streamlayer/sdk-web-types";
12
12
  import "../../../gamification/detail/header/styles.js";
@@ -52,19 +52,13 @@ import "../../../button/styles.js";
52
52
  import "../../../gamification/question/styles.js";
53
53
  import "../../../gamification/question/list/styles.js";
54
54
  import "./UserSummary.js";
55
- const v = t(n)`
55
+ const m = n(u)`
56
56
  position: absolute;
57
57
  inset: 0;
58
58
  top: var(--header-height);
59
59
  background: var(--color-neutrals-white);
60
60
  z-index: 3;
61
- `, x = t(n)`
62
- position: absolute;
63
- inset: 0;
64
- top: var(--header-height);
65
- background: var(--color-neutrals-white);
66
- z-index: 3;
67
- `, b = t.div`
61
+ `, x = n.div`
68
62
  background: var(--color-transparent-item);
69
63
  width: 100%;
70
64
  height: 100%;
@@ -77,17 +71,18 @@ const v = t(n)`
77
71
  & > div {
78
72
  width: 100%;
79
73
  }
80
- `, Sr = ({ gamification: o, className: i }) => {
81
- const s = m(o.openedQuestion.$store), e = m(o.openedUser);
74
+ `, Sr = ({ gamification: t, className: o }) => {
75
+ const s = e(t.openedQuestion.$store), i = e(t.openedUser);
82
76
  return /* @__PURE__ */ p(d, { children: [
83
- s && /* @__PURE__ */ r(v, { className: i, children: /* @__PURE__ */ r(u, { gamification: o }) }),
84
- e && /* @__PURE__ */ r(x, { children: /* @__PURE__ */ p(b, { children: [
85
- /* @__PURE__ */ r(c, { label: "Friend's Rank", close: o.closeUser }),
86
- /* @__PURE__ */ r(a, { children: /* @__PURE__ */ r(h, { ...e }) })
77
+ s && /* @__PURE__ */ r(m, { className: o, children: /* @__PURE__ */ r(f, { gamification: t }) }),
78
+ i && /* @__PURE__ */ r(m, { className: o, children: /* @__PURE__ */ p(x, { children: [
79
+ /* @__PURE__ */ r(c, { label: "Friend's Rank", close: t.closeUser }),
80
+ /* @__PURE__ */ r(l, { children: /* @__PURE__ */ r(h, { ...i }) })
87
81
  ] }) }),
88
- /* @__PURE__ */ r(l, { className: i, "data-nav": "true", children: /* @__PURE__ */ r(f, { gamification: o }) })
82
+ /* @__PURE__ */ r(a, { className: o, "data-nav": "true", children: /* @__PURE__ */ r(v, { gamification: t }) })
89
83
  ] });
90
84
  };
91
85
  export {
92
- Sr as GamificationOverlay
86
+ Sr as GamificationOverlay,
87
+ Sr as default
93
88
  };
package/lib/ui/app/Features/index.js CHANGED
@@ -1,65 +1,23 @@
1
- import { jsx as i } from "react/jsx-runtime";
2
- import { useMemo as m } from "react";
1
+ import { jsx as r } from "react/jsx-runtime";
2
+ import { lazy as o, useMemo as l, Suspense as m } from "react";
3
3
  import { FeatureType as p } from "@streamlayer/sdk-web-types";
4
- import { FeatureProvider as e } from "./FeatureProvider.js";
5
- import { GamificationOverlay as n } from "./Gamification/index.js";
4
+ import { FeatureProvider as c } from "./FeatureProvider.js";
6
5
  import "@nanostores/react";
7
6
  import "@streamlayer/sdk-web-interfaces";
8
- import "@linaria/react";
9
- import "../styles.js";
10
- import "../../gamification/detail/header/index.js";
11
- import "../../gamification/constants.js";
12
- import "../../gamification/detail/header/styles.js";
13
- import "../../icons/index.js";
14
- import "../../gamification/user-statistics/index.js";
15
- import "../../../utils/common.js";
16
- import "../../gamification/user-statistics/components/rank/index.js";
17
- import "../../gamification/user-statistics/components/rank/styles.js";
18
- import "../../gamification/user-statistics/components/statistic/index.js";
19
- import "../../gamification/user-statistics/components/statistic/styles.js";
20
- import "../../gamification/user-statistics/styles.js";
21
- import "../../show-in/index.js";
22
- import "./Gamification/Question.js";
23
- import "../../gamification/vote/index.js";
24
- import "../../gamification/vote/feedback/index.js";
25
- import "../../gamification/vote/feedback/styles.js";
26
- import "../../gamification/vote/styles.js";
27
- import "../../gamification/vote/vote-option/index.js";
28
- import "../../gamification/vote/vote-option/styles.js";
29
- import "../../gamification/vote/win-bar/index.js";
30
- import "../../timer/index.js";
31
- import "react-countdown-circle-timer";
32
- import "../../theme/constants.js";
33
- import "../../gamification/vote/win-bar/styles.js";
34
- import "../../gamification/vote/insight-details/index.js";
35
- import "../../video-player/index.js";
36
- import "../../video-player/styles.js";
37
- import "../../gamification/vote/insight-details/styles.js";
38
- import "./Gamification/Tabs.js";
39
- import "../../gamification/tabs/index.js";
40
- import "../../gamification/tabs/styles.js";
41
- import "./Gamification/Leaderboard.js";
42
- import "../../gamification/leaderboard/index.js";
43
- import "react-virtualized-auto-sizer";
44
- import "react-window";
45
- import "react-window-infinite-loader";
46
- import "../../gamification/leaderboard/list-item/index.js";
47
- import "../../gamification/leaderboard/list-item/styles.js";
48
- import "./Gamification/QuestionsList.js";
49
- import "../../gamification/question/list/index.js";
50
- import "../../gamification/insight/index.js";
51
- import "../../gamification/insight/styles.js";
52
- import "../../gamification/question/index.js";
53
- import "../../button/index.js";
54
- import "../../button/styles.js";
55
- import "../../gamification/question/styles.js";
56
- import "../../gamification/question/list/styles.js";
57
- import "./Gamification/UserSummary.js";
58
- const lr = ({
59
- sdk: t,
60
- feature: r,
61
- className: o
62
- }) => m(() => r && r.featureConfig.get().type === p.GAMES ? /* @__PURE__ */ i(e, { className: o, sdk: t, feature: r, children: /* @__PURE__ */ i(n, { className: o, gamification: r, sdk: t }) }) : null, [t, r, o]);
7
+ const u = o(() => import("./Gamification/index.js")), s = ({
8
+ sdk: e,
9
+ feature: t,
10
+ className: i
11
+ }) => {
12
+ const n = l(() => t && t.featureConfig.get().type === p.GAMES ? /* @__PURE__ */ r(c, { className: i, sdk: e, feature: t, children: /* @__PURE__ */ r(u, { className: i, gamification: t, sdk: e }) }) : null, [e, t, i]);
13
+ return /* @__PURE__ */ r(
14
+ m,
15
+ {
16
+ fallback: /* @__PURE__ */ r("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", width: "100%", height: "100%" }, children: "page loading..." }),
17
+ children: n
18
+ }
19
+ );
20
+ };
63
21
  export {
64
- lr as ActiveFeature
22
+ s as ActiveFeature
65
23
  };
package/lib/ui/app/Navigation/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import { StreamLayerSDK } from '@streamlayer/sdk-web-interfaces';
3
- import { Overlays } from '..';
3
+ import { Overlays } from '../../app/masters';
4
4
  import { ButtonProps } from '../../navigation/button';
5
5
  export declare const SDKNavigation: React.FC<{
6
6
  customOverlays: Overlays;
package/lib/ui/app/masters.js CHANGED
@@ -1,13 +1,13 @@
1
- import { jsxs as f, jsx as i } from "react/jsx-runtime";
2
- import { resetCss as e } from "../theme/theme.js";
3
- import { ActiveFeature as v } from "./Features/index.js";
1
+ import { jsxs as y, jsx as e } from "react/jsx-runtime";
2
+ import { resetCss as m } from "../theme/theme.js";
3
+ import { ActiveFeature as g } from "./Features/index.js";
4
4
  import { MastersNavigation as S } from "./Navigation/MastersNavigation/index.js";
5
- import { SDKContainer as y, SDKScrollContainer as a } from "./styles.js";
5
+ import { SDKContainer as h, SDKScrollContainer as s } from "./styles.js";
6
6
  import { useMastersApp as k } from "./useMastersApp.js";
7
7
  import { useSdkFeature as b } from "./useSdkFeature.js";
8
8
  import { ChannelsButtonId as A } from "../navigation/button/Channels.js";
9
- import { LeaderBoardButtonId as n } from "../navigation/button/LeaderBoard.js";
10
- import { FeaturedGroupsButtonId as B } from "../navigation/button/FeaturedGroups.js";
9
+ import { LeaderBoardButtonId as p } from "../navigation/button/LeaderBoard.js";
10
+ import { FeaturedGroupsButtonId as d } from "../navigation/button/FeaturedGroups.js";
11
11
  import "@linaria/core";
12
12
  import "../theme/constants.js";
13
13
  import "react";
@@ -15,93 +15,47 @@ import "@streamlayer/sdk-web-types";
15
15
  import "./Features/FeatureProvider.js";
16
16
  import "@nanostores/react";
17
17
  import "@streamlayer/sdk-web-interfaces";
18
- import "./Features/Gamification/index.js";
19
- import "@linaria/react";
20
- import "../gamification/detail/header/index.js";
21
- import "../gamification/constants.js";
22
- import "../gamification/detail/header/styles.js";
23
- import "../icons/index.js";
24
- import "../gamification/user-statistics/index.js";
25
- import "../../utils/common.js";
26
- import "../gamification/user-statistics/components/rank/index.js";
27
- import "../gamification/user-statistics/components/rank/styles.js";
28
- import "../gamification/user-statistics/components/statistic/index.js";
29
- import "../gamification/user-statistics/components/statistic/styles.js";
30
- import "../gamification/user-statistics/styles.js";
31
- import "../show-in/index.js";
32
- import "./Features/Gamification/Question.js";
33
- import "../gamification/vote/index.js";
34
- import "../gamification/vote/feedback/index.js";
35
- import "../gamification/vote/feedback/styles.js";
36
- import "../gamification/vote/styles.js";
37
- import "../gamification/vote/vote-option/index.js";
38
- import "../gamification/vote/vote-option/styles.js";
39
- import "../gamification/vote/win-bar/index.js";
40
- import "../timer/index.js";
41
- import "react-countdown-circle-timer";
42
- import "../gamification/vote/win-bar/styles.js";
43
- import "../gamification/vote/insight-details/index.js";
44
- import "../video-player/index.js";
45
- import "../video-player/styles.js";
46
- import "../gamification/vote/insight-details/styles.js";
47
- import "./Features/Gamification/Tabs.js";
48
- import "../gamification/tabs/index.js";
49
- import "../gamification/tabs/styles.js";
50
- import "./Features/Gamification/Leaderboard.js";
51
- import "../gamification/leaderboard/index.js";
52
- import "react-virtualized-auto-sizer";
53
- import "react-window";
54
- import "react-window-infinite-loader";
55
- import "../gamification/leaderboard/list-item/index.js";
56
- import "../gamification/leaderboard/list-item/styles.js";
57
- import "./Features/Gamification/QuestionsList.js";
58
- import "../gamification/question/list/index.js";
59
- import "../gamification/insight/index.js";
60
- import "../gamification/insight/styles.js";
61
- import "../gamification/question/index.js";
62
- import "../button/index.js";
63
- import "../button/styles.js";
64
- import "../gamification/question/styles.js";
65
- import "../gamification/question/list/styles.js";
66
- import "./Features/Gamification/UserSummary.js";
67
18
  import "../navigation/masters.js";
19
+ import "@linaria/react";
68
20
  import "../navigation/index.js";
21
+ import "../icons/index.js";
69
22
  import "../navigation/button/index.js";
70
23
  import "../navigation/button/styles.js";
71
- const C = ({ sdk: r, className: m }) => {
72
- const [, p] = b(r);
73
- return /* @__PURE__ */ i(v, { className: m, feature: p, sdk: r });
74
- }, wt = ({ sdk: r, overlays: m, children: p }) => {
75
- const { sdkEnabled: o, sdkReady: s, activeOverlay: t, activateAndLoadOverlay: d, enableSdk: l, disableSdk: c } = k(r);
76
- return /* @__PURE__ */ f(y, { children: [
77
- o && /* @__PURE__ */ i(
24
+ const C = ({ sdk: o, className: i }) => {
25
+ const [, a] = b(o);
26
+ return /* @__PURE__ */ e(g, { className: i, feature: a, sdk: o });
27
+ }, U = ({ sdk: o, overlays: i, children: a }) => {
28
+ const { sdkEnabled: r, sdkReady: l, activeOverlay: t, activateAndLoadOverlay: c, enableSdk: u, disableSdk: f, isLogged: n } = k(o);
29
+ return /* @__PURE__ */ y(h, { children: [
30
+ r && /* @__PURE__ */ e(
78
31
  S,
79
32
  {
80
- sdkReady: s,
33
+ sdkReady: l,
81
34
  activeOverlay: t,
82
- className: e,
83
- setActiveOverlay: (u) => d("", u)
35
+ className: m,
36
+ setActiveOverlay: (v) => c("", v)
84
37
  }
85
38
  ),
86
- /* @__PURE__ */ i(
87
- a,
39
+ /* @__PURE__ */ e(
40
+ s,
88
41
  {
89
- "data-nav": o.toString(),
90
- style: { display: !o || t === A ? "block" : "none" },
91
- children: p && p({ enableSdk: l, disableSdk: c })
42
+ "data-nav": r.toString(),
43
+ style: { display: !r || t === A ? "block" : "none" },
44
+ children: a && a({ enableSdk: u, disableSdk: f })
92
45
  }
93
46
  ),
94
- /* @__PURE__ */ i(
95
- a,
47
+ /* @__PURE__ */ e(
48
+ s,
96
49
  {
97
- "data-nav": o.toString(),
98
- style: { display: t === n ? "block" : "none" },
99
- children: m && t === n && m[t]
50
+ "data-nav": r.toString(),
51
+ style: { display: t === p ? "block" : "none" },
52
+ children: i && t === p && i[t]
100
53
  }
101
54
  ),
102
- o && t === B && /* @__PURE__ */ i(C, { className: e, sdk: r })
55
+ n && r && t === d && /* @__PURE__ */ e(C, { className: m, sdk: o }),
56
+ !n && r && t === d && /* @__PURE__ */ e("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", width: "100%", height: "100%" }, children: "You are not logged in." })
103
57
  ] });
104
58
  };
105
59
  export {
106
- wt as MastersApp
60
+ U as MastersApp
107
61
  };
package/lib/ui/app/useMastersApp.d.ts CHANGED
@@ -18,4 +18,5 @@ export declare const useMastersApp: (sdk: StreamLayerSDK) => {
18
18
  activateAndLoadOverlay: (event: string, overlay: AvailableOverlays) => void;
19
19
  enableSdk: (event: string) => void;
20
20
  disableSdk: () => void;
21
+ isLogged: boolean;
21
22
  };
package/lib/ui/app/useMastersApp.js CHANGED
@@ -1,8 +1,8 @@
1
- import { useStore as d } from "@nanostores/react";
2
- import { useState as u, useCallback as f, useEffect as S } from "react";
3
- import { FeatureType as b } from "@streamlayer/sdk-web-types";
1
+ import { useStore as u } from "@nanostores/react";
2
+ import { useState as l, useCallback as b, useEffect as A } from "react";
3
+ import { FeatureType as v } from "@streamlayer/sdk-web-types";
4
4
  import "react/jsx-runtime";
5
- import { ChannelsButtonId as l } from "../navigation/button/Channels.js";
5
+ import { ChannelsButtonId as m } from "../navigation/button/Channels.js";
6
6
  import { FeaturedGroupsButtonId as o } from "../navigation/button/FeaturedGroups.js";
7
7
  import "../navigation/button/LeaderBoard.js";
8
8
  import "../navigation/masters.js";
@@ -11,37 +11,38 @@ import "../icons/index.js";
11
11
  import "../navigation/button/index.js";
12
12
  import "../navigation/button/styles.js";
13
13
  import "../navigation/index.js";
14
- const R = (t) => {
15
- const [m, n] = u(!1), a = d(t.status) === "ready", [i, p] = u(o), s = f(
16
- (e, r) => {
17
- p(r), r === o ? (e && t.createEventSession(e), t.openFeature(b.GAMES)) : t.closeFeature();
14
+ const T = (e) => {
15
+ const [c, n] = l(!1), d = u(e.status), { data: f } = u(e.getUserStore()), a = d === "ready", [i, p] = l(o), s = b(
16
+ (t, r) => {
17
+ p(r), r === o ? (t && e.createEventSession(t), e.openFeature(v.GAMES)) : e.closeFeature();
18
18
  },
19
- [t]
19
+ [e]
20
20
  );
21
- return S(() => {
22
- !a && i === o && (p(l), t.closeFeature());
23
- }, [a, i, t]), {
24
- sdkEnabled: m,
21
+ return A(() => {
22
+ !a && i === o && (p(m), e.closeFeature());
23
+ }, [a, i, e]), {
24
+ sdkEnabled: c,
25
25
  sdkReady: a,
26
26
  activeOverlay: i,
27
27
  activateAndLoadOverlay: s,
28
- enableSdk: (e) => {
29
- t.initializeApp().then(({ enabled: r, err: c }) => {
30
- if (n(!0), c) {
31
- s(e, l);
28
+ enableSdk: (t) => {
29
+ e.initializeApp().then(({ enabled: r, err: S }) => {
30
+ if (n(!0), S) {
31
+ s(t, m);
32
32
  return;
33
33
  }
34
34
  if (r) {
35
- s(e, o);
35
+ s(t, o);
36
36
  return;
37
37
  }
38
38
  });
39
39
  },
40
40
  disableSdk: () => {
41
- n(!1), t.disableApp();
42
- }
41
+ n(!1), e.disableApp();
42
+ },
43
+ isLogged: !!f
43
44
  };
44
45
  };
45
46
  export {
46
- R as useMastersApp
47
+ T as useMastersApp
47
48
  };
package/lib/ui/app/useSdkFeature.js CHANGED
@@ -1,24 +1,24 @@
1
- import { useStore as i } from "@nanostores/react";
2
- import { useState as n, useEffect as c } from "react";
3
- import { FeatureStatus as s } from "@streamlayer/sdk-web-interfaces";
4
- const m = (a) => {
5
- const r = i(a.getActiveFeature()), [o, f] = n(null);
6
- return c(() => {
7
- const u = a.getFeatures();
8
- if (r)
1
+ import { useStore as o } from "@nanostores/react";
2
+ import { useState as c, useEffect as l } from "react";
3
+ import { FeatureStatus as a } from "@streamlayer/sdk-web-interfaces";
4
+ const d = (r) => {
5
+ const s = o(r.getActiveFeature()), i = o(r.streamStore()), [n, f] = c(null);
6
+ return l(() => {
7
+ const u = r.getFeatures();
8
+ if (s)
9
9
  for (const [e, t] of u)
10
- e === r ? t.status.get() === s.Suspended && (t.enable(), f(t)) : t.status.get() === s.Ready && t.disable();
10
+ e === s ? t.status.get() === a.Suspended && (t.enable(), f(t)) : t.status.get() === a.Ready && t.disable();
11
11
  else {
12
12
  for (const [, e] of u)
13
- e.status.get() === s.Ready && e.disable();
13
+ e.status.get() === a.Ready && e.disable();
14
14
  f(null);
15
15
  }
16
16
  return () => {
17
17
  for (const [, e] of u)
18
- e.status.get() === s.Ready && e.disable();
18
+ e.status.get() === a.Ready && e.disable();
19
19
  };
20
- }, [r, a]), [r, o];
20
+ }, [s, r, i]), [s, n];
21
21
  };
22
22
  export {
23
- m as useSdkFeature
23
+ d as useSdkFeature
24
24
  };
package/lib/utils/debug/components/developer.js CHANGED
@@ -1,16 +1,16 @@
1
1
  import { jsxs as e, jsx as o } from "react/jsx-runtime";
2
2
  import { styled as p } from "@linaria/react";
3
- import { useMemo as f, useState as g } from "react";
4
- import { DeveloperStorage as u } from "../../storage.js";
5
- import { BypassLogin as b } from "./bypassLogin.js";
6
- import { EnvToggle as h } from "./envToggle.js";
7
- import { EventInput as v } from "./eventInput.js";
8
- import { SdkKey as y } from "./sdkKey.js";
3
+ import { useMemo as g, useState as u } from "react";
4
+ import { DeveloperStorage as b } from "../../storage.js";
5
+ import { BypassLogin as h } from "./bypassLogin.js";
6
+ import { EnvToggle as v } from "./envToggle.js";
7
+ import { EventInput as y } from "./eventInput.js";
8
+ import { SdkKey as w } from "./sdkKey.js";
9
9
  import "@streamlayer/sdk-web-storage";
10
10
  import "@nanostores/react";
11
11
  import "@streamlayer/sdk-web-core";
12
12
  import "./styles.js";
13
- const w = p.div`
13
+ const D = p.div`
14
14
  position: fixed;
15
15
  bottom: 0;
16
16
  right: 0;
@@ -20,14 +20,14 @@ const w = p.div`
20
20
  background: rgba(29, 123, 255, 0.5);
21
21
  border-top-left-radius: 10px;
22
22
  backdrop-filter: blur(5px);
23
- `, D = p.div`
23
+ `, j = p.div`
24
24
  flex-direction: column;
25
25
  gap: 10px;
26
26
  margin-right: 60px;
27
27
  display: flex;
28
28
  margin-left: 10px;
29
29
  margin-top: 10px;
30
- `, j = p.button`
30
+ `, k = p.button`
31
31
  position: absolute;
32
32
  z-index: 10000;
33
33
  bottom: 10px;
@@ -66,22 +66,31 @@ const w = p.div`
66
66
  width: 100%;
67
67
  height: 4px;
68
68
  }
69
- `, q = ({ sdk: t, sdkKey: d, setSdkKey: i, env: s, setEnv: n, event: m, setEvent: l }) => {
70
- const r = f(() => new u(), []), [a, x] = g(!1);
71
- return /* @__PURE__ */ e(w, { children: [
72
- /* @__PURE__ */ e(j, { "data-opened": a.toString(), onClick: () => x((c) => !c), children: [
69
+ `, A = ({
70
+ sdk: t,
71
+ sdkKey: d,
72
+ setSdkKey: i,
73
+ env: s,
74
+ setEnv: n,
75
+ event: m,
76
+ setEvent: l,
77
+ hideAuth: x
78
+ }) => {
79
+ const r = g(() => new b(), []), [a, c] = u(!1);
80
+ return /* @__PURE__ */ e(D, { children: [
81
+ /* @__PURE__ */ e(k, { "data-opened": a.toString(), onClick: () => c((f) => !f), children: [
73
82
  /* @__PURE__ */ o("span", {}),
74
83
  /* @__PURE__ */ o("span", {}),
75
84
  /* @__PURE__ */ o("span", {})
76
85
  ] }),
77
- a && /* @__PURE__ */ e(D, { children: [
78
- n && /* @__PURE__ */ o(h, { env: s, setEnv: n, storage: r }),
79
- i && /* @__PURE__ */ o(y, { sdkKey: d, setSdkKey: i, storage: r }),
80
- t && /* @__PURE__ */ o(v, { sdk: t, storage: r, event: m, setEvent: l }),
81
- t && /* @__PURE__ */ o(b, { sdk: t, storage: r })
86
+ a && /* @__PURE__ */ e(j, { children: [
87
+ n && /* @__PURE__ */ o(v, { env: s, setEnv: n, storage: r }),
88
+ i && /* @__PURE__ */ o(w, { sdkKey: d, setSdkKey: i, storage: r }),
89
+ t && /* @__PURE__ */ o(y, { sdk: t, storage: r, event: m, setEvent: l }),
90
+ !x && t && /* @__PURE__ */ o(h, { sdk: t, storage: r })
82
91
  ] })
83
92
  ] });
84
93
  };
85
94
  export {
86
- q as Developer
95
+ A as Developer
87
96
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@streamlayer/react-ui",
3
- "version": "0.54.0",
3
+ "version": "0.54.1",
4
4
  "type": "module",
5
5
  "main": "./src/index.js",
6
6
  "typings": "./lib/index.d.ts",
@@ -30,16 +30,16 @@
30
30
  "react-virtualized-auto-sizer": "^1.0.20",
31
31
  "react-window": "^1.8.9",
32
32
  "react-window-infinite-loader": "^1.0.9",
33
- "@streamlayer/feature-gamification": "^0.21.0",
34
- "@streamlayer/sdk-web": "^0.28.14",
35
- "@streamlayer/sdk-web-anonymous-auth": "^0.11.9",
33
+ "@streamlayer/feature-gamification": "^0.21.1",
34
+ "@streamlayer/sdk-web": "^0.28.15",
35
+ "@streamlayer/sdk-web-anonymous-auth": "^0.11.10",
36
36
  "@streamlayer/sdk-web-api": "^0.0.1",
37
- "@streamlayer/sdk-web-core": "^0.17.3",
38
- "@streamlayer/sdk-web-features": "^0.10.17",
39
- "@streamlayer/sdk-web-interfaces": "^0.18.10",
40
- "@streamlayer/sdk-web-notifications": "^0.10.9",
41
- "@streamlayer/sdk-web-storage": "^0.3.10",
42
- "@streamlayer/sdk-web-types": "^0.18.0"
37
+ "@streamlayer/sdk-web-core": "^0.17.4",
38
+ "@streamlayer/sdk-web-features": "^0.10.18",
39
+ "@streamlayer/sdk-web-interfaces": "^0.18.11",
40
+ "@streamlayer/sdk-web-notifications": "^0.10.10",
41
+ "@streamlayer/sdk-web-storage": "^0.0.1",
42
+ "@streamlayer/sdk-web-types": "^0.18.1"
43
43
  },
44
44
  "nx": {
45
45
  "implicitDependencies": [
@@ -78,6 +78,6 @@
78
78
  "vite-plugin-svgr": "^4.1.0",
79
79
  "vite-svg-loader": "^4.0.0",
80
80
  "vite-tsconfig-paths": "^4.2.1",
81
- "@streamlayer/react": "^0.27.0"
81
+ "@streamlayer/react": "^0.27.1"
82
82
  }
83
83
  }