@vlprojects-chat/chat 0.0.27 → 0.0.31

package/dist/keystone/auth.d.ts

@@ -21,6 +21,7 @@ declare const Auth_base: import("mobx-keystone")._Model<unknown, {
 }>>>;
 export default class Auth extends Auth_base {
     setAccessToken(token: string): void;
+    get isModerator(): boolean;
     setMe(user: IRUser): void;
 }
 export {};

package/dist/keystone/chat/channel.d.ts

@@ -50,6 +50,8 @@ export default class Channel extends Channel_base {
     closePollPortal(): void;
     pollResult(poll: Poll): void;
     setPinnedMessages(items: Array<IRPinnedMessage | PinnedMessage>): void;
+    cleanAllMessages(): void;
+    deleteMessages(ids: number[]): void;
     get sortedMessages(): Message[];
     get messagesCount(): number;
     get userList(): User[];

package/dist/keystone/chat/message.d.ts

@@ -1,26 +1,62 @@
 import { Ref } from 'mobx-keystone';
 import { MessageTypeEnum } from '../../types/enums';
 import User from './user';
+import { Root } from '../index';
+export declare enum SystemMessageEnum {
+    UserJoinedEvent = "user-joined",
+    UserChangedEvent = "user-changed",
+    UserChangedChannelEvent = "user-changed-channel",
+    ChangedChannelEvent = "changed-channel"
+}
+export interface SystemData {
+    event: SystemMessageEnum;
+    whoJoined?: Ref<User>;
+    whoRenamedChannel?: Ref<User>;
+    oldDisplayName?: string;
+    newDisplayName?: string;
+    newName?: string;
+}
+export interface UserJoinedPayload {
+    userId: string;
+}
+export interface UserChangedPayload {
+    oldDisplayName: string;
+    newDisplayName: string;
+}
+export interface UserChangedChannelPayload {
+    userId: string;
+    newName: string;
+}
+export interface ChangedChannelEventPayload {
+    newName: string;
+}
 declare const Message_base: import("mobx-keystone")._Model<unknown, {
     id: import("mobx-keystone").MaybeOptionalModelProp<string>;
     text: import("mobx-keystone").MaybeOptionalModelProp<string>;
     type: import("mobx-keystone").MaybeOptionalModelProp<MessageTypeEnum>;
     user: import("mobx-keystone").MaybeOptionalModelProp<Ref<User> | null>;
     createdAt: import("mobx-keystone").MaybeOptionalModelProp<string>;
+    meta: import("mobx-keystone").MaybeOptionalModelProp<Record<string, unknown>>;
+    systemData: import("mobx-keystone").MaybeOptionalModelProp<SystemData | null>;
 }, import("mobx-keystone").SnapshotInOfObject<import("mobx-keystone").ModelPropsToCreationData<{
     id: import("mobx-keystone").MaybeOptionalModelProp<string>;
     text: import("mobx-keystone").MaybeOptionalModelProp<string>;
     type: import("mobx-keystone").MaybeOptionalModelProp<MessageTypeEnum>;
     user: import("mobx-keystone").MaybeOptionalModelProp<Ref<User> | null>;
     createdAt: import("mobx-keystone").MaybeOptionalModelProp<string>;
+    meta: import("mobx-keystone").MaybeOptionalModelProp<Record<string, unknown>>;
+    systemData: import("mobx-keystone").MaybeOptionalModelProp<SystemData | null>;
 }>>, import("mobx-keystone").SnapshotOutOfObject<import("mobx-keystone").ModelPropsToData<{
     id: import("mobx-keystone").MaybeOptionalModelProp<string>;
     text: import("mobx-keystone").MaybeOptionalModelProp<string>;
     type: import("mobx-keystone").MaybeOptionalModelProp<MessageTypeEnum>;
     user: import("mobx-keystone").MaybeOptionalModelProp<Ref<User> | null>;
     createdAt: import("mobx-keystone").MaybeOptionalModelProp<string>;
+    meta: import("mobx-keystone").MaybeOptionalModelProp<Record<string, unknown>>;
+    systemData: import("mobx-keystone").MaybeOptionalModelProp<SystemData | null>;
 }>>>;
 export default class Message extends Message_base {
     get getUser(): User | undefined;
+    loadSystemData(root: Root, event: SystemMessageEnum, data: unknown): void;
 }
 export {};

package/dist/keystone/chat/user.d.ts

@@ -1,28 +1,27 @@
 import { AvatarColorEnum } from 'theme/consts';
 import { UserRoleEnum } from '../../types/enums';
+export declare const getColorFromString: (colors: string[], str?: string | null | undefined) => keyof typeof AvatarColorEnum;
 declare const User_base: import("mobx-keystone")._Model<unknown, {
     id: import("mobx-keystone").OptionalModelProp<string>;
     username: import("mobx-keystone").OptionalModelProp<string>;
     displayName: import("mobx-keystone").OptionalModelProp<string>;
     avatarUrl: import("mobx-keystone").OptionalModelProp<string>;
-    avatarColor: import("mobx-keystone").OptionalModelProp<AvatarColorEnum>;
     role: import("mobx-keystone").OptionalModelProp<UserRoleEnum>;
 }, import("mobx-keystone").SnapshotInOfObject<import("mobx-keystone").ModelPropsToCreationData<{
     id: import("mobx-keystone").OptionalModelProp<string>;
     username: import("mobx-keystone").OptionalModelProp<string>;
     displayName: import("mobx-keystone").OptionalModelProp<string>;
     avatarUrl: import("mobx-keystone").OptionalModelProp<string>;
-    avatarColor: import("mobx-keystone").OptionalModelProp<AvatarColorEnum>;
     role: import("mobx-keystone").OptionalModelProp<UserRoleEnum>;
 }>>, import("mobx-keystone").SnapshotOutOfObject<import("mobx-keystone").ModelPropsToData<{
     id: import("mobx-keystone").OptionalModelProp<string>;
     username: import("mobx-keystone").OptionalModelProp<string>;
     displayName: import("mobx-keystone").OptionalModelProp<string>;
     avatarUrl: import("mobx-keystone").OptionalModelProp<string>;
-    avatarColor: import("mobx-keystone").OptionalModelProp<AvatarColorEnum>;
     role: import("mobx-keystone").OptionalModelProp<UserRoleEnum>;
 }>>>;
 export default class User extends User_base {
+    get getAvatarColor(): AvatarColorEnum;
 }
 export declare const userRef: import("mobx-keystone").RefConstructor<User>;
 export {};

package/dist/keystone/service.d.ts

@@ -3,6 +3,7 @@ export declare const getInitialData: (root: Root) => Promise<void>;
 export declare const login: (root: Root, username: string, password?: string | undefined) => Promise<void>;
 export declare const signup: (root: Root, username: string, password?: string | undefined) => Promise<void>;
 export declare const saveProfile: (root: Root, displayName: string, avatar?: string | undefined) => Promise<void>;
+export declare const loadChannelPolls: (root: Root, channelId: string) => Promise<void>;
 export declare const joinChannel: (root: Root, id: string) => Promise<void>;
 export declare const joinChannelByExternalId: (root: Root, externalId: string) => Promise<void>;
 export declare const redirectToInitial: (root: Root) => Promise<void> | void;

package/dist/keystone/settings.d.ts

@@ -8,6 +8,7 @@ declare const Settings_base: import("mobx-keystone")._Model<unknown, {
     displayChannelList: import("mobx-keystone").ModelProp<boolean, boolean | null | undefined, boolean, boolean | null | undefined, string, false, string>;
     displaySystemMessages: import("mobx-keystone").ModelProp<boolean, boolean | null | undefined, boolean, boolean | null | undefined, string, false, string>;
     displayHeader: import("mobx-keystone").ModelProp<boolean, boolean | null | undefined, boolean, boolean | null | undefined, string, false, string>;
+    socketUrl: import("mobx-keystone").ModelProp<string, string | null | undefined, string, string | null | undefined, string, false, string>;
 }, import("mobx-keystone").SnapshotInOfObject<import("mobx-keystone").ModelPropsToCreationData<{
     createChannelAllowed: import("mobx-keystone").ModelProp<boolean, boolean | null | undefined, boolean, boolean | null | undefined, string, false, string>;
     accessUnregisteredUsers: import("mobx-keystone").ModelProp<boolean, boolean | null | undefined, boolean, boolean | null | undefined, string, false, string>;
@@ -18,6 +19,7 @@ declare const Settings_base: import("mobx-keystone")._Model<unknown, {
     displayChannelList: import("mobx-keystone").ModelProp<boolean, boolean | null | undefined, boolean, boolean | null | undefined, string, false, string>;
     displaySystemMessages: import("mobx-keystone").ModelProp<boolean, boolean | null | undefined, boolean, boolean | null | undefined, string, false, string>;
     displayHeader: import("mobx-keystone").ModelProp<boolean, boolean | null | undefined, boolean, boolean | null | undefined, string, false, string>;
+    socketUrl: import("mobx-keystone").ModelProp<string, string | null | undefined, string, string | null | undefined, string, false, string>;
 }>>, import("mobx-keystone").SnapshotOutOfObject<import("mobx-keystone").ModelPropsToData<{
     createChannelAllowed: import("mobx-keystone").ModelProp<boolean, boolean | null | undefined, boolean, boolean | null | undefined, string, false, string>;
     accessUnregisteredUsers: import("mobx-keystone").ModelProp<boolean, boolean | null | undefined, boolean, boolean | null | undefined, string, false, string>;
@@ -28,9 +30,10 @@ declare const Settings_base: import("mobx-keystone")._Model<unknown, {
     displayChannelList: import("mobx-keystone").ModelProp<boolean, boolean | null | undefined, boolean, boolean | null | undefined, string, false, string>;
     displaySystemMessages: import("mobx-keystone").ModelProp<boolean, boolean | null | undefined, boolean, boolean | null | undefined, string, false, string>;
     displayHeader: import("mobx-keystone").ModelProp<boolean, boolean | null | undefined, boolean, boolean | null | undefined, string, false, string>;
+    socketUrl: import("mobx-keystone").ModelProp<string, string | null | undefined, string, string | null | undefined, string, false, string>;
 }>>>;
 export default class Settings extends Settings_base {
-    setAll({ createChannelAllowed, accessUnregisteredUsers, accessChatGuest, accessRegister, displayDirect, displayUserList, displayChannelList, displaySystemMessages, displayHeader, }: Record<string, any>): void;
+    setAll({ createChannelAllowed, accessUnregisteredUsers, accessChatGuest, accessRegister, displayDirect, displayUserList, displayChannelList, displaySystemMessages, displayHeader, socketUrl, }: Record<string, any>): void;
     get authMode(): number;
 }
 export {};

package/dist/keystone/socket.d.ts

@@ -6,6 +6,6 @@ declare const SocketStore_base: import("mobx-keystone")._Model<unknown, {
     isSocketConnected: import("mobx-keystone").ModelProp<boolean, boolean | null | undefined, boolean, boolean | null | undefined, string, false, string>;
 }>>>;
 export default class SocketStore extends SocketStore_base {
-    connect(accessToken: string): void;
+    connect(socketUrl: string, accessToken: string): void;
 }
 export {};

package/dist/locales/index.d.ts

@@ -1,5 +1,6 @@
 declare const _default: {
     en: {
+        globalError: string;
         messageInputPlaceholder: string;
         channelName: string;
         newChannel: string;
@@ -56,8 +57,15 @@ declare const _default: {
         questionValidateNotLongerLetters: string;
         joined: string;
         channelCreated: string;
+        pinMessage: string;
+        deleteMessage: string;
+        deleteAllMessage: string;
+        systemMessageChangedName: string;
+        systemMessageUserChangedChannelName: string;
+        systemMessageChangedChannelName: string;
     };
     ru: {
+        globalError: string;
         messageInputPlaceholder: string;
         channelName: string;
         newChannel: string;
@@ -114,6 +122,12 @@ declare const _default: {
         questionValidateNotLongerLetters: string;
         joined: string;
         channelCreated: string;
+        pinMessage: string;
+        deleteMessage: string;
+        deleteAllMessage: string;
+        systemMessageChangedName: string;
+        systemMessageUserChangedChannelName: string;
+        systemMessageChangedChannelName: string;
     };
 };
 export default _default;

package/dist/theme/consts.d.ts

@@ -1,5 +1,8 @@
 export declare const HEADER_HEIGHT = 68;
 export declare const CHAT_MESSAGE_SUBMIT_FOOTER_HEIGHT = 60;
+export declare const BREAKPOINTS: {
+    SM: number;
+};
 export declare const zINDEX: {
     HEADER: number;
 };
@@ -27,7 +30,6 @@ export declare const COLOURS: {
     LIGHT_02: string;
     LIGHT_03: string;
     LIGHT_04: string;
-    ACTIVE: string;
     BLUE: string;
     AVATAR1_BURGUNDY: string;
     AVATAR2_RED: string;

package/dist/types/const.d.ts

@@ -4,4 +4,5 @@ export declare enum Cookie {
 export declare const APP_ID = "livedigital-chat";
 export declare const rootDivAttrAppId = "data-appId";
 export declare const rootDivAttrChatId = "data-chatid";
+export declare const rootDivAttrApiUrl = "data-apiUrl";
 export declare const POLL_CONTAINER = "poll-container";

package/dist/types/serverResponses.d.ts

@@ -13,6 +13,7 @@ export interface IRChannelMessage {
     type: MessageTypeEnum;
     userId: string;
     createdAt: string;
+    meta: Record<string, unknown>;
 }
 export interface ISEMessage {
     channelId: string;

package/dist/types/socketEvents.d.ts

@@ -8,6 +8,8 @@ declare enum SocketEventsEnum {
     PollStop = "poll-stop",
     PollVote = "poll-vote",
     UserUpdateProfile = "user-update-profile",
-    MessagePinned = "message-pinned"
+    MessagePinned = "message-pinned",
+    DeleteMessages = "delete-messages",
+    CleanChannelMessages = "clean-channel-messages"
 }
 export default SocketEventsEnum;

package/dist/ui-kit/HeaderTitle/HeaderTitile.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+interface IProps {
+    title?: string;
+    active?: boolean;
+    sx?: Record<string, string>;
+}
+declare const HeaderTitle: FC<IProps>;
+export default HeaderTitle;

package/dist/ui-kit/HeaderTitle/index.d.ts

@@ -0,0 +1 @@
+export { default } from './HeaderTitile';

package/dist/ui-kit/{ChannelName → HeaderTitle}/styles.d.ts

@@ -1,2 +1,2 @@
-declare const _default: (props?: any) => import("@mui/styles").ClassNameMap<"root">;
+declare const _default: (props?: any) => import("@mui/styles").ClassNameMap<"root" | "active">;
 export default _default;

package/dist/ui-kit/components/Button/index.d.ts

@@ -4,7 +4,7 @@ interface ButtonProps {
     onClick?: React.MouseEventHandler<HTMLButtonElement>;
     fullWidth?: boolean;
     disabled?: boolean;
-    variant?: 'contained' | 'text' | 'submit' | 'outlined' | 'flatTransparent' | 'link' | 'active';
+    variant?: 'contained' | 'text' | 'submit' | 'outlined' | 'flatTransparent' | 'link' | 'primary';
     size?: 'large' | 'medium' | 'small';
     className?: string;
     [prop: string]: unknown;

package/dist/ui-kit/components/Button/styles.d.ts

@@ -1,2 +1,2 @@
-declare const _default: (props?: any) => import("@mui/styles").ClassNameMap<"button" | "medium" | "text" | "large" | "small" | "active" | "contained" | "outlined" | "flatTransparent" | "fullWidth" | "submit" | "link">;
+declare const _default: (props?: any) => import("@mui/styles").ClassNameMap<"button" | "medium" | "text" | "large" | "small" | "contained" | "outlined" | "flatTransparent" | "fullWidth" | "submit" | "link" | "primary">;
 export default _default;

package/dist/utils/common.d.ts

@@ -3,5 +3,6 @@ import Poll from '../keystone/chat/poll';
 export declare const findAppInitialData: () => {
     channelIdFromAttr?: string | null | undefined;
     appIdFromAttr?: string | null | undefined;
+    apiUrlFromAttr?: string | null | undefined;
 };
 export declare const convertServerPollToModel: (poll: IServerPoll) => Poll;

package/package.json

@@ -1,14 +1,12 @@
 {
   "name": "@vlprojects-chat/chat",
   "author": "vlprojects",
-  "version": "0.0.27",
+  "version": "0.0.31",
   "description": "chat",
   "license": "ISC",
   "main": "dist/index.js",
   "module": "dist/index.es.js",
-  "files": [
-    "dist"
-  ],
+  "files": ["dist"],
   "types": "dist/lib/index.d.ts",
   "repository": {
     "type": "git",
@@ -25,22 +23,11 @@
     "mock": "json-server --watch ./src/mock-data/channels.json --routes ./src/mock-data/routes.json --port 8000"
   },
   "eslintConfig": {
-    "extends": [
-      "react-app",
-      "react-app/jest"
-    ]
+    "extends": ["react-app", "react-app/jest"]
   },
   "browserslist": {
-    "production": [
-      ">0.2%",
-      "not dead",
-      "not op_mini all"
-    ],
-    "development": [
-      "last 1 chrome version",
-      "last 1 firefox version",
-      "last 1 safari version"
-    ]
+    "production": [">0.2%", "not dead", "not op_mini all"],
+    "development": ["last 1 chrome version", "last 1 firefox version", "last 1 safari version"]
   },
   "dependencies": {
     "@emotion/react": "^11.5.0",
@@ -65,14 +52,12 @@
     "mobx-utils": "^6.0.4",
     "notistack": "^2.0.2",
     "qs": "^6.10.1",
-    "react-custom-scrollbars-2": "^4.4.0",
     "react-final-form": "^6.5.7",
     "react-final-form-arrays": "^3.1.3",
+    "react-intersection-observer": "^8.33.0",
     "react-intl": "^5.21.0",
-    "react-virtualized": "^9.22.3",
-    "route-parser": "^0.0.5",
-    "socket.io-client": "^4.3.2",
-    "username-generator": "^1.1.0"
+    "react-virtuoso": "^2.2.8",
+    "route-parser": "^0.0.5"
   },
   "devDependencies": {
     "@rollup/plugin-alias": "^3.1.6",
@@ -93,7 +78,6 @@
     "@types/react-dom": "^17.0.10",
     "@types/react-linkify": "^1.0.1",
     "@types/react-router-dom": "^5.3.1",
-    "@types/react-virtualized": "^9.21.14",
     "@types/route-parser": "^0.1.3",
     "@types/socket.io": "^3.0.2",
     "@typescript-eslint/eslint-plugin": "^4.33.0",
@@ -139,7 +123,5 @@
     "url": "https://github.com/VLprojects/chat/issues"
   },
   "homepage": "https://github.com/VLprojects/chat#readme",
-  "keywords": [
-    "chat"
-  ]
+  "keywords": ["chat"]
 }

package/dist/ui-kit/ChannelName/ChannelName.d.ts

@@ -1,6 +0,0 @@
-import { FC } from 'react';
-interface IProps {
-    name: string;
-}
-declare const ChannelName: FC<IProps>;
-export default ChannelName;

package/dist/ui-kit/ChannelName/index.d.ts

@@ -1 +0,0 @@
-export { default } from './ChannelName';