@streamlayer/react-ui 0.56.0 → 0.58.0

package/lib/ui/app/Features/Gamification/Tabs.js

@@ -1,8 +1,8 @@
 import { jsxs as i, jsx as r } from "react/jsx-runtime";
 import { useState as s } from "react";
 import { SDKWhiteContainer as n, SDKContentContainer as m } from "../../styles.js";
-import { ActivePages as e, Tabs as d } from "../../../gamification/tabs/index.js";
-import { Leaderboard as a } from "./Leaderboard.js";
+import { ActivePages as e, Tabs as a } from "../../../gamification/tabs/index.js";
+import { Leaderboard as d } from "./Leaderboard.js";
 import { QuestionsList as l } from "./QuestionsList.js";
 import { UserSummary as u } from "./UserSummary.js";
 import "@linaria/react";
@@ -38,11 +38,11 @@ const V = ({ gamification: t }) => {
   const [o, p] = s(e.HOME);
   return /* @__PURE__ */ i("div", { style: { height: "100%", display: "flex", flexDirection: "column" }, children: [
     /* @__PURE__ */ i(n, { children: [
-      /* @__PURE__ */ r(d, { activePage: o, toggleActivePage: p }),
-      o === e.HOME && /* @__PURE__ */ r(u, { store: t.userSummary.getStore() })
+      /* @__PURE__ */ r(a, { activePage: o, toggleActivePage: p }),
+      o === e.HOME && /* @__PURE__ */ r(u, { userSummary: t.userSummary })
     ] }),
     o === e.HOME && /* @__PURE__ */ r(m, { children: /* @__PURE__ */ r(l, { openQuestion: t.openQuestion, store: t.feedList.getStore() }) }),
-    o === e.LEADERBOARD && /* @__PURE__ */ r(m, { style: { flex: "1 1 auto", paddingTop: 0, paddingBottom: 0 }, children: /* @__PURE__ */ r(a, { openUser: t.openUser, leaderboardList: t.leaderboardList }) })
+    o === e.LEADERBOARD && /* @__PURE__ */ r(m, { style: { flex: "1 1 auto", paddingTop: 0, paddingBottom: 0 }, children: /* @__PURE__ */ r(d, { openUser: t.openUser, leaderboardList: t.leaderboardList }) })
   ] });
 };
 export {

package/lib/ui/app/Features/Gamification/UserSummary.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import type { Gamification } from '@streamlayer/feature-gamification';
 export declare const UserSummary: React.FC<{
-    store: ReturnType<Exclude<Gamification['userSummary'], undefined>['getStore']>;
+    userSummary: Exclude<Gamification['userSummary'], undefined>;
 }>;

package/lib/ui/app/Features/Gamification/UserSummary.js

@@ -1,6 +1,6 @@
-import { jsx as t } from "react/jsx-runtime";
-import { useStore as o } from "@nanostores/react";
-import { UserStatistics as i } from "../../../gamification/user-statistics/index.js";
+import { jsx as m } from "react/jsx-runtime";
+import { useStore as i } from "@nanostores/react";
+import { UserStatistics as e } from "../../../gamification/user-statistics/index.js";
 import "../../../../utils/common.js";
 import "../../../gamification/user-statistics/components/rank/index.js";
 import "../../../gamification/user-statistics/components/rank/styles.js";
@@ -8,10 +8,11 @@ import "@linaria/react";
 import "../../../gamification/user-statistics/components/statistic/index.js";
 import "../../../gamification/user-statistics/components/statistic/styles.js";
 import "../../../gamification/user-statistics/styles.js";
-const S = ({ store: m }) => {
-  const { data: r } = o(m);
-  return r != null && r.summary ? /* @__PURE__ */ t(i, { ...r.summary, ...r.percentage }) : /* @__PURE__ */ t("div", { children: "wait user..." });
+const g = ({ userSummary: o }) => {
+  var t;
+  const r = i(o.getStore());
+  return (t = r.data) != null && t.summary ? /* @__PURE__ */ m(e, { ...r.data.summary, ...r.data.percentage }) : /* @__PURE__ */ m("div", { children: "wait user..." });
 };
 export {
-  S as UserSummary
+  g as UserSummary
 };

package/lib/ui/app/Notifications/Onboarding/index.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { type StreamLayerSDK } from '@streamlayer/sdk-web-interfaces';
+import { type Notification } from '@streamlayer/sdk-web-notifications';
+export declare const Onboarding: React.FC<{
+    sdk: StreamLayerSDK;
+    notification: Notification;
+    hiding?: boolean;
+    NotificationContainer: React.FC<{
+        hiding?: boolean;
+        children: React.ReactNode;
+    }>;
+}>;