@streamlayer/react 0.10.0 → 0.10.2

package/lib/index.d.ts

@@ -76,6 +76,7 @@ declare module "packages/react-ui/src/lib/theme/theme" {
             BG_TRANSPARENT_USER_CONTAINER: string;
             BLUE_PRIMARY: string;
             RED_PRIMARY: string;
+            RED_SECONDARY: string;
             BLUE_QUESTION_ACTION_BTN: string;
             WHITE: string;
             GREY_1: string;
@@ -274,6 +275,9 @@ declare module "packages/react-ui/src/lib/gamification/question-list/index" {
     }
     export const QuestionList: React.FC<QuestionListProps>;
 }
+declare module "packages/react-ui/src/utils/common" {
+    export const abbreviate: (name: string) => string;
+}
 declare module "packages/react-ui/src/lib/gamification/user-statistics/components/statistics/styles" {
     export const Container: import("@emotion/styled").StyledComponent<{
         theme?: import("@emotion/react").Theme | undefined;
@@ -369,6 +373,10 @@ declare module "packages/react-ui/src/lib/gamification/user-statistics/styles" {
         theme?: import("@emotion/react").Theme | undefined;
         as?: import("react").ElementType<any> | undefined;
     }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+    export const UserAccountBtn: import("@emotion/styled").StyledComponent<{
+        theme?: import("@emotion/react").Theme | undefined;
+        as?: import("react").ElementType<any> | undefined;
+    }, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
 }
 declare module "packages/react-ui/src/lib/gamification/user-statistics/index" {
     interface UserStatisticsProps {
@@ -382,6 +390,7 @@ declare module "packages/react-ui/src/lib/gamification/user-statistics/index" {
         correct: number;
         incorrect: number;
         successRate?: number;
+        toggleAccountPage: (flag: boolean) => void;
     }
     export const UserStatistics: React.FC<UserStatisticsProps>;
 }
@@ -1450,6 +1459,7 @@ declare module "packages/react-ui/src/lib/demo/components/UserSummary" {
     import type { Gamification } from "packages/feature-gamification/src/index";
     export const UserSummary: React.FC<{
         store: ReturnType<Exclude<Gamification['userSummary'], undefined>['getStore']>;
+        toggleAccountPage: (flag: boolean) => void;
     }>;
 }
 declare module "packages/react-ui/src/lib/demo/components/QuestionsList" {
@@ -1597,12 +1607,69 @@ declare module "packages/react-ui/src/lib/demo/components/InPlayGame" {
     };
     export const InPlayGame: React.FC<InPlayGameType>;
 }
+declare module "packages/react-ui/src/lib/gamification/user-account/styles" {
+    export const Container: import("@emotion/styled").StyledComponent<{
+        theme?: import("@emotion/react").Theme | undefined;
+        as?: import("react").ElementType<any> | undefined;
+    }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+    export const ContentWrap: import("@emotion/styled").StyledComponent<{
+        theme?: import("@emotion/react").Theme | undefined;
+        as?: import("react").ElementType<any> | undefined;
+    }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+    export const UserContainer: import("@emotion/styled").StyledComponent<{
+        theme?: import("@emotion/react").Theme | undefined;
+        as?: import("react").ElementType<any> | undefined;
+    }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+    export const UserAvatar: import("@emotion/styled").StyledComponent<{
+        theme?: import("@emotion/react").Theme | undefined;
+        as?: import("react").ElementType<any> | undefined;
+    }, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
+    export const UserName: import("@emotion/styled").StyledComponent<{
+        theme?: import("@emotion/react").Theme | undefined;
+        as?: import("react").ElementType<any> | undefined;
+    }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+    export const BackBtn: import("@emotion/styled").StyledComponent<{
+        theme?: import("@emotion/react").Theme | undefined;
+        as?: import("react").ElementType<any> | undefined;
+    }, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+    export const LogoutBtn: import("@emotion/styled").StyledComponent<{
+        theme?: import("@emotion/react").Theme | undefined;
+        as?: import("react").ElementType<any> | undefined;
+    }, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+    export const LogoutIcon: import("@emotion/styled").StyledComponent<{
+        theme?: import("@emotion/react").Theme | undefined;
+        as?: import("react").ElementType<any> | undefined;
+    }, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
+    export const AvatarPlaceholder: import("@emotion/styled").StyledComponent<{
+        theme?: import("@emotion/react").Theme | undefined;
+        as?: import("react").ElementType<any> | undefined;
+    }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+}
+declare module "packages/react-ui/src/lib/gamification/user-account/index" {
+    import type { Gamification } from "packages/feature-gamification/src/index";
+    interface UserAccountProps {
+        store: ReturnType<Exclude<Gamification['userSummary'], undefined>['getStore']>;
+        toggleAccountPage: (flag: boolean) => void;
+        logout: () => void;
+    }
+    export const UserAccount: React.FC<UserAccountProps>;
+}
+declare module "packages/react-ui/src/lib/demo/components/Account" {
+    import type { Gamification } from "packages/feature-gamification/src/index";
+    type AccountProps = {
+        store: ReturnType<Exclude<Gamification['userSummary'], undefined>['getStore']>;
+        toggleAccountPage: (flag: boolean) => void;
+        logout: () => void;
+    };
+    export const Account: React.FC<AccountProps>;
+}
 declare module "packages/react-ui/src/lib/demo/components/index" {
     export { UserSummary } from "packages/react-ui/src/lib/demo/components/UserSummary";
     export { QuestionsList } from "packages/react-ui/src/lib/demo/components/QuestionsList";
     export { Question } from "packages/react-ui/src/lib/demo/components/Question";
     export { Notifications } from "packages/react-ui/src/lib/demo/components/Notifications";
     export { InPlayGame } from "packages/react-ui/src/lib/demo/components/InPlayGame";
+    export { Account } from "packages/react-ui/src/lib/demo/components/Account";
 }
 declare module "packages/react-ui/src/lib/demo/styles" {
     export const DemoContainer: import("@emotion/styled").StyledComponent<{
@@ -1617,6 +1684,14 @@ declare module "packages/react-ui/src/lib/demo/styles" {
         theme?: import("@emotion/react").Theme | undefined;
         as?: import("react").ElementType<any> | undefined;
     }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+    export const QuestionsContainer: import("@emotion/styled").StyledComponent<{
+        theme?: import("@emotion/react").Theme | undefined;
+        as?: import("react").ElementType<any> | undefined;
+    }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+    export const AccountContainer: import("@emotion/styled").StyledComponent<{
+        theme?: import("@emotion/react").Theme | undefined;
+        as?: import("react").ElementType<any> | undefined;
+    }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 }
 declare module "packages/react-ui/src/lib/demo/Gamification" {
     import type { StreamLayerSDK } from "packages/sdk-web-interfaces/src/index";
@@ -1707,16 +1782,6 @@ declare module "@streamlayer/react/app/useStreamLayerApp" {
     }
     export const useStreamLayerApp: (sdkKey: string, plugins?: Set<StreamLayerPlugin>, production?: boolean) => StreamLayerSDK | null;
 }
-declare module "packages/react/src/environments/environment.prod" {
-    export const environment: {
-        production: boolean;
-    };
-}
-declare module "packages/react/src/environments/environment" {
-    export const environment: {
-        production: boolean;
-    };
-}
 /// <amd-module name="@streamlayer/react/app/provider" />
 declare module "@streamlayer/react/app/provider" {
     import type { StreamLayerSDK, StreamLayerPlugin } from "packages/sdk-web-interfaces/src/index";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@streamlayer/react",
-  "version": "0.10.0",
+  "version": "0.10.2",
   "type": "module",
   "author": "Renat Berezovsky (gh:BrRenat)",
   "main": "./lib/cjs/index.js",