quickblox-react-ui-kit 0.3.0 → 0.3.1-beta.2

package/src/Data/source/remote/RemoteDataSource.ts

@@ -1,3 +1,20 @@
+import QB, {
+  ChatMessageAttachment,
+  GetMessagesResult,
+  GetUserParams,
+  ListUserResponse,
+  QBBlobCreate,
+  QBBlobCreateUploadParams,
+  QBChatDialog,
+  QBChatMessage,
+  QBChatXMPPMessage,
+  QBGetDialogResult,
+  QBLoginParams,
+  QBSession,
+  QBSystemMessage,
+  QBUser,
+  QBMessageStatusParams,
+} from 'quickblox/quickblox';
 import { RemoteDialogDTO } from '../../dto/dialog/RemoteDialogDTO';
 import {
   INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_CODE,
@@ -20,6 +37,7 @@ import {
   QBChatConnect,
   QBChatDisconnect,
   qbChatGetMessagesExtended,
+  QBChatMarkMessageDelivered,
   QBChatMarkMessageRead,
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   // QBChatMarkMessageRead,
@@ -59,6 +77,11 @@ import { FileDTOMapper } from './Mapper/FileDTOMapper';
 import { DialogEventInfo } from '../../../Domain/entity/DialogEventInfo';
 import { IRemoteDataSource } from './IRemoteDataSource';
 import { QBConfig } from '../../../QBconfig';
+import {
+  QBUIKitChatDialog,
+  QBUIKitChatNewMessage,
+  QBUIKitSystemMessage,
+} from '../../../CommonTypes/CommonTypes';
 
 export type PaginatedDTOResult = {
   PaginationResult: Pagination;
@@ -156,8 +179,40 @@ export class RemoteDataSource implements IRemoteDataSource {
       new SubscriptionPerformer<RemoteMessageDTO>();
   }
 
-  updateCurrentDialog(dto: RemoteDialogDTO): void {
+  async updateCurrentDialog(dto: RemoteDialogDTO): Promise<void> {
     this.currentDialog = dto;
+    //
+    //
+    const dialogsDTOtoEntityMapper: IMapper = new DialogRemoteDTOMapper();
+
+    const dialogEntity: DialogEntity = await dialogsDTOtoEntityMapper.toEntity(
+      this.currentDialog,
+    );
+    const userId = this._authInformation?.userId || -1;
+    const dialogId = this.currentDialog.id;
+    const messageId = this.currentDialog.lastMessageId;
+    //
+    //
+    const resultMessage: DialogEventInfo = {
+      eventMessageType: EventMessageType.LocalMessage,
+      dialogInfo: dialogEntity,
+      messageInfo: undefined,
+      messageStatus: {
+        isTyping: false,
+        userId,
+        dialogId,
+        messageId,
+        deliveryStatus: 'delivered',
+      },
+      notificationTypes: undefined,
+    };
+
+    this.subscriptionOnMessageStatus.informSubscribers(
+      resultMessage,
+      EventMessageType.LocalMessage,
+    );
+    //
+    //
   }
 
   public async setUpMockStorage(): Promise<void> {
@@ -335,18 +390,18 @@ export class RemoteDataSource implements IRemoteDataSource {
 
   public initEventsHandlers() {
     console.log('CALL--initEventsHandlers--CALL');
-    QB.chat.onSystemMessageListener = (message) => {
+    QB.chat.onSystemMessageListener = (message: QBUIKitSystemMessage) => {
       console.log(`EVENT: receive system message: ${JSON.stringify(message)}`);
       const resultMessage = new RemoteMessageDTO();
 
       resultMessage.sender_id = message.userId;
       resultMessage.message = message.body || 'system message';
       resultMessage.notification_type =
-        message.extension.notification_type || NotificationTypes.UPDATE_DIALOG;
+        message.extension?.notification_type || NotificationTypes.UPDATE_DIALOG;
       resultMessage.dialogId = message?.extension?.dialog_id || '';
 
       this.subscriptionOnSystemMessages[
-        resultMessage.notification_type
+        resultMessage.notification_type!
       ].informSubscribers(resultMessage, EventMessageType.SystemMessage);
     };
 
@@ -447,7 +502,7 @@ export class RemoteDataSource implements IRemoteDataSource {
         .then(async (result) => {
           //
           // eslint-disable-next-line @typescript-eslint/no-unused-vars
-          const currentUserId = this._authInformation?.userId;
+
           const dialogs: QBChatDialog[] | undefined = result?.items.filter(
             (v) => v._id === dialogId,
           );
@@ -769,6 +824,15 @@ export class RemoteDataSource implements IRemoteDataSource {
         }
 
         //
+        const currentUserId = this._authInformation?.userId || 0;
+        const statusMessageParams: QBMessageStatusParams = {
+          userId: newDTO.lastMessageUserId || currentUserId,
+          dialogId: newDTO.id,
+          messageId: newDTO.lastMessageId,
+        };
+
+        // eslint-disable-next-line @typescript-eslint/no-unsafe-call
+        QBChatMarkMessageDelivered(statusMessageParams);
 
         dialogsDTO.push(newDTO);
       }
@@ -821,7 +885,7 @@ export class RemoteDataSource implements IRemoteDataSource {
   }
 
   async updateDialog(dto: RemoteDialogDTO): Promise<RemoteDialogDTO> {
-    const qbEntity: QBChatDialog =
+    const qbEntity: QBUIKitChatDialog =
       await this.getCurrentDialogDTOMapper().fromDTO(dto);
 
     let data = {};
@@ -847,7 +911,10 @@ export class RemoteDataSource implements IRemoteDataSource {
       };
     }
 
-    const qbDialogs: QBChatDialog = await QBUpdateDialog(qbEntity._id, data);
+    const qbDialogs: QBUIKitChatDialog = await QBUpdateDialog(
+      qbEntity._id,
+      data,
+    );
 
     if (qbDialogs === null || qbDialogs === undefined) {
       return Promise.reject(
@@ -1185,7 +1252,7 @@ export class RemoteDataSource implements IRemoteDataSource {
     //
     const messageText = dto.message;
 
-    const qbEntity: QBChatNewMessage = {
+    const qbEntity: QBUIKitChatNewMessage = {
       type: dto.dialog_type === DialogType.private ? 'chat' : 'groupchat',
       body: messageText || '',
       notification_type: dto.notification_type,
@@ -1259,10 +1326,7 @@ export class RemoteDataSource implements IRemoteDataSource {
     let qbMessages: QBSystemMessage | QBChatMessage['_id'] | undefined;
 
     if (dto.notification_type && dto.notification_type.length > 0) {
-      const systemMessage: QBSystemMessage = {
-        body: null,
-        id: '',
-        userId: this.authInformation?.userId || 0,
+      const systemMessage: { extension: QBSystemMessage['extension'] } = {
         extension: {
           notification_type: dto.notification_type,
           dialog_id: dto.dialogId,

package/src/Domain/entity/LastMessageEntity.ts

@@ -1,5 +1,5 @@
 export interface LastMessageEntity {
   text: string;
-  dateSent: string;
+  dateSent: number;
   userId: number;
 }

package/src/Domain/entity/UserEntity.ts

@@ -5,7 +5,7 @@ export interface UserEntity {
   login: string;
   created_at: string;
   updated_at: string;
-  last_request_at: number;
+  last_request_at: string;
   blob_id: string | null;
   photo: string | null;
   custom_data: string | null;

package/src/Presentation/Views/Dialog/MessageItem/MessageItem.tsx

@@ -150,8 +150,8 @@ export default function MessageItem({
       <div className="message-item-additional-part__actions">
         <MessageContextMenu
           message={message}
-          onReply={onReply}
-          onForward={onForward}
+          onReply={() => onReply(item)}
+          onForward={() => onForward(item)}
           enableReplying={enableReplying}
           enableForwarding={enableForwarding}
           disableActions={disableAction}

package/src/Presentation/Views/Dialog/useDialogViewModel.ts

@@ -35,6 +35,8 @@ import { ReplyMessagesUseCase } from '../../../Domain/use_cases/ReplyMessagesUse
 import { Creator, MessageEntityParams } from '../../../Data/Creator';
 import { DefaultConfigurations } from '../../../Data/DefaultConfigurations';
 import { MessageDTOMapper } from '../../../Data/source/remote/Mapper/MessageDTOMapper';
+import { UpdateCurrentDialogInDataSourceUseCase } from '../../../Domain/use_cases/UpdateCurrentDialogInDataSourceUseCase';
+import { RemoteDataSource } from '../../../Data/source/remote/RemoteDataSource';
 
 export default function useDialogViewModel(
   dialogType: DialogType,
@@ -51,6 +53,8 @@ export default function useDialogViewModel(
   // const [dialogsParticipants, setDialogsParticipants] = useState<number[]>([]);
 
   const currentContext = useQbInitializedDataContext();
+  const remoteDataSourceMock: RemoteDataSource =
+    currentContext.storage.REMOTE_DATA_SOURCE;
   const QBConfig =
     currentContext.InitParams.qbConfig ||
     DefaultConfigurations.getDefaultQBConfig();
@@ -239,14 +243,14 @@ export default function useDialogViewModel(
               newState = newState.map((elem) => {
                 const v: MessageEntity = {
                   ...elem,
-                  read_ids: [
-                    ...elem.read_ids,
-                    dialogInfo.messageStatus!.userId,
-                  ],
-                  delivered_ids: [
-                    ...elem.delivered_ids,
-                    dialogInfo.messageStatus!.userId,
-                  ],
+                  read_ids:
+                    dialogInfo.messageStatus?.deliveryStatus === 'read'
+                      ? [...elem.read_ids, dialogInfo.messageStatus.userId]
+                      : [...elem.read_ids],
+                  delivered_ids:
+                    dialogInfo.messageStatus?.deliveryStatus === 'delivered'
+                      ? [...elem.delivered_ids, dialogInfo.messageStatus.userId]
+                      : [...elem.delivered_ids],
                 };
 
                 return v;
@@ -381,6 +385,26 @@ export default function useDialogViewModel(
     return Promise.resolve(resultEnity);
   };
 
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars,@typescript-eslint/no-empty-function
+  function informDataSources(item: DialogEntity) {
+    const updateCurrentDialogInDataSourceUseCase: UpdateCurrentDialogInDataSourceUseCase =
+      new UpdateCurrentDialogInDataSourceUseCase(
+        new DialogsRepository(
+          currentContext.storage.LOCAL_DATA_SOURCE,
+          remoteDataSourceMock,
+        ),
+        item as GroupDialogEntity,
+      );
+
+    updateCurrentDialogInDataSourceUseCase.execute().catch((e) => {
+      console.log(
+        'useDialogViewModel Error updateCurrentDialogInDataSourceUseCase: ',
+        stringifyError(e),
+      );
+      throw new Error(stringifyError(e));
+    });
+  }
+
   const sendMessage = (messageToSend: MessageEntity) => {
     const sendTextMessageUseCase: SendTextMessageUseCase =
       new SendTextMessageUseCase(
@@ -407,6 +431,18 @@ export default function useDialogViewModel(
 
               return newState;
             });
+            if (dialog?.type === DialogType.private) {
+              const updDialog = { ...dialog };
+
+              updDialog.lastMessage.dateSent = messageEntity.date_sent;
+              updDialog.lastMessage.text = messageEntity.message;
+              updDialog.lastMessage.userId = messageEntity.sender_id;
+              updDialog.unreadMessageCount = 0;
+              setDialog(updDialog);
+              //
+              informDataSources(updDialog);
+              //
+            }
           });
         //
       })
@@ -515,73 +551,6 @@ export default function useDialogViewModel(
     return true;
   };
 
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  // const sendAttachmentMessage = async (newMessage: File): Promise<boolean> => {
-  //   console.log('call sendTextMessage');
-  //   setLoading(true);
-  //   const currentUserId = REMOTE_DATA_SOURCE.authInformation?.userId || 0;
-  //
-  //   try {
-  //     await uploadFile(newMessage)
-  //       // eslint-disable-next-line promise/always-return
-  //       .then((fileMessage: FileEntity) => {
-  //         console.log(JSON.stringify(fileMessage));
-  //
-  //         const recipientId =
-  //           dialog.type === DialogType.private
-  //             ? (dialog as PrivateDialogEntity).participantId
-  //             : currentUserId;
-  //
-  //         // eslint-disable-next-line promise/always-return
-  //         const messageBody = fileMessage.name || '[attachment]';
-  //         //
-  //         const messageEntityParams: MessageEntityParams = {
-  //           dialogId: dialog.id,
-  //           message: messageBody,
-  //           sender_id: currentUserId,
-  //           recipient_id: recipientId,
-  //           dialog_type: DialogType.group,
-  //         };
-  //         const messageToSend: MessageEntity =
-  //           Creator.createMessageEntity(messageEntityParams);
-  //         //
-  //
-  //         messageToSend.dialogType = dialog.type;
-  //         const attachments: ChatMessageAttachmentEntity[] = [
-  //           {
-  //             id: fileMessage.id as string,
-  //             uid: fileMessage.uid,
-  //             type: fileMessage.type!,
-  //             file: fileMessage,
-  //             name: fileMessage.name,
-  //             size: fileMessage.size,
-  //             url: fileMessage.url,
-  //           },
-  //         ];
-  //
-  //         messageToSend.attachments = attachments;
-  //
-  //         messageToSend.message = `MediaContentEntity|${messageBody}|${
-  //           fileMessage.uid
-  //         }|${fileMessage.type!.toString()}`;
-  //         sendMessage(messageToSend);
-  //         //
-  //       })
-  //       .catch((reason) => {
-  //         setLoading(false);
-  //         const errorMessage = stringifyError(reason);
-  //
-  //         console.log('EXCEPTION in sendAttachmentMessage', errorMessage);
-  //
-  //         throw new Error(errorMessage);
-  //       });
-  //   } catch (e) {
-  //     return false;
-  //   }
-  //
-  //   return true;
-  // };
-
   const forwardMessage = async (
     targetDialogs: DialogEntity[],
     messagesToForward: MessageEntity[],
@@ -770,81 +739,6 @@ export default function useDialogViewModel(
 
     return isOperationSuccessful;
   };
-  // const sendReplyMessages = async (
-  //   replyData: ReplyMessagesParams,
-  //   // eslint-disable-next-line @typescript-eslint/require-await
-  // ): Promise<boolean> => {
-  //   setLoading(true);
-  //   const currentUserId = REMOTE_DATA_SOURCE.authInformation?.userId || 0;
-  //   const messageEntityParams: MessageEntityParams = {
-  //     dialogId: dialog.id,
-  //     message: replyData.relatedTextMessage || '',
-  //     sender_id: currentUserId,
-  //     recipient_id:
-  //       // eslint-disable-next-line promise/always-return
-  //       dialog.type === DialogType.private
-  //         ? (dialog as PrivateDialogEntity).participantId
-  //         : currentUserId,
-  //     dialog_type: DialogType.group,
-  //   };
-  //   const relatedMessage: MessageEntity =
-  //     Creator.createMessageEntity(messageEntityParams);
-  //
-  //   relatedMessage.dialogType = dialog.type;
-  //
-  //   let resultOperation = true;
-  //
-  //   if (replyData.relatedFileMessage) {
-  //     try {
-  //       await uploadFile(replyData.relatedFileMessage)
-  //         .then(async (fileMessage: FileEntity) => {
-  //           const attachments: ChatMessageAttachmentEntity[] = [
-  //             {
-  //               id: fileMessage.id as string,
-  //               uid: fileMessage.uid,
-  //               type: fileMessage.type!,
-  //               file: fileMessage,
-  //               name: fileMessage.name,
-  //               size: fileMessage.size,
-  //               url: fileMessage.url,
-  //             },
-  //           ];
-  //
-  //           relatedMessage.attachments = attachments;
-  //
-  //           await replyMessage(replyData.messagesToReply, relatedMessage);
-  //           resultOperation = true;
-  //
-  //           return resultOperation;
-  //           //
-  //         })
-  //         .catch((reason) => {
-  //           setLoading(false);
-  //           const errorMessage = stringifyError(reason);
-  //
-  //           console.log('EXCEPTION in sendAttachmentMessage', errorMessage);
-  //           resultOperation = false;
-  //           throw new Error(errorMessage);
-  //         });
-  //     } catch (e) {
-  //       resultOperation = false;
-  //
-  //       return resultOperation;
-  //     }
-  //   } else {
-  //     await replyMessage(replyData.messagesToReply, relatedMessage).catch(
-  //       () => {
-  //         resultOperation = false;
-  //
-  //         return resultOperation;
-  //       },
-  //     );
-  //   }
-  //
-  //   return resultOperation;
-  // };
-
-  //
 
   return {
     get entity(): DialogEntity {

package/src/Presentation/Views/DialogInfo/DialogInfo.tsx

@@ -85,6 +85,7 @@ const DialogInfo: React.FC<HeaderDialogsProps> = ({
           if (!result) {
             toast('Dialog have not been left');
           }
+          leaveModal.toggleModal();
         })
         .catch((e) => {
           console.log(e);
@@ -430,7 +431,7 @@ const DialogInfo: React.FC<HeaderDialogsProps> = ({
                   className="dialog-info-action-wrapper-button"
                   onClick={() => onShowAllMemberClick(true)}
                   variant="outlined"
-                  disabled={dialog.ownerId !== currentUserId}
+                  disabled={disableAction}
                 >
                   See all members
                 </Button>

package/src/Presentation/Views/DialogList/DialogList.tsx

@@ -81,6 +81,8 @@ const DialogList: React.FC<DialogsProps> = ({
   const [showSearchDialogs, setShowSearchDialogs] = React.useState(false);
   const [nameDialogForSearch, setNameDialogForSearch] = React.useState('');
   const [isMobile] = useMobileLayout();
+  const [pointerEventsValue, setPointerEventsValue] =
+    React.useState<string>('auto');
 
   useEffect(() => {
     dialogs.slice(0);
@@ -115,6 +117,27 @@ const DialogList: React.FC<DialogsProps> = ({
 
     setDialogsToView(dialogs);
   }, [dialogListViewModel?.dialogs, selectedDialog]);
+  let timeout: NodeJS.Timeout | number | undefined;
+
+  useEffect(() => {
+    return () => {
+      if (timeout) {
+        clearTimeout(timeout);
+      }
+    };
+  }, []);
+  useEffect(() => {
+    // let timeout: NodeJS.Timeout | number | undefined;
+
+    if (dialogListViewModel && dialogListViewModel.loading) {
+      setPointerEventsValue('none');
+      timeout = setTimeout(() => {
+        setPointerEventsValue('auto');
+      }, 12000); // блокировать нажатие на 12 секунд
+    } else {
+      setPointerEventsValue('auto');
+    }
+  }, [dialogListViewModel.loading]);
 
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   const fetchMoreData = () => {
@@ -185,7 +208,7 @@ const DialogList: React.FC<DialogsProps> = ({
       let formattedValue = '';
 
       if (item.entity.lastMessage.dateSent) {
-        dateInt = parseInt(item.entity.lastMessage.dateSent, 10);
+        dateInt = item.entity.lastMessage.dateSent;
         if (Number.isNaN(dateInt)) {
           return formattedValue;
         }
@@ -219,6 +242,43 @@ const DialogList: React.FC<DialogsProps> = ({
       return AvatarComponent;
     };
 
+    /*
+import React, {useState, useEffect} from 'react';
+
+// предполагая, что dialogListViewModel определен в родительском компоненте и передан в этот компонент как проп
+const YourComponent = ({ dialogListViewModel }) => {
+  const [pointerEventsValue, setPointerEvents] = useState('auto');
+  
+  // поведение на 12 секунд
+  useEffect(() => {
+    let timeout;
+    if (dialogListViewModel && dialogListViewModel.loading) {
+      setPointerEvents('none');
+      timeout = setTimeout(() => {
+        setPointerEvents('auto');
+      }, 12000); // блокировать нажатие на 12 секунд
+    } 
+    
+    // поведение на отмену эффекта
+    return () => {
+      if (timeout) {
+        clearTimeout(timeout);
+      }
+    }
+  }, [dialogListViewModel]);
+  
+  return (
+    <div 
+      style={{
+        pointerEventsValue: pointerEventsValue
+      }}
+    >
+    ... 
+    </div>
+  );
+}
+ */
+
     return (
       <div
         key={index}
@@ -243,7 +303,10 @@ const DialogList: React.FC<DialogsProps> = ({
           });
         }}
         style={{
-          pointerEvents: !dialogListViewModel?.loading ? 'auto' : 'none',
+          // pointerEvents: !dialogListViewModel?.loading ? 'auto' : 'none',
+          // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+          // @ts-ignore
+          pointerEvents: pointerEventsValue || 'auto',
         }}
       >
         <PreviewDialog

package/src/Presentation/Views/DialogList/useDialogListViewModel.ts

@@ -417,6 +417,9 @@ export default function useDialogListViewModel(
         console.log('Error leaveDialogUseCase: ', stringifyError(e));
         throw new Error(stringifyError(e));
       });
+      if (leaveResult) {
+        setNewDialog(undefined);
+      }
     } else {
       const usersForDeleteFromDialog: Array<number> = new Array<number>();
 

package/src/Presentation/Views/EditDialog/EditDialog.tsx

@@ -14,6 +14,7 @@ import GroupChat from '../../components/UI/svgs/Icons/Contents/GroupChat';
 import PublicChannel from '../../components/UI/svgs/Icons/Contents/PublicChannel';
 import useQbInitializedDataContext from '../../providers/QuickBloxUIKitProvider/useQbInitializedDataContext';
 import { Button, TextField } from '../../ui-components';
+import { formatFileSize } from '../../../utils/formatFileSize';
 import './EditDialog.scss';
 
 export const TypeOpenDialog = {
@@ -47,9 +48,9 @@ const EditDialog: React.FC<EditDialogProps> = ({
   const maxUploadFileSize = currentContext.InitParams.maxFileSize;
   const minLengthNameDialog = 3;
   const maxLengthNameDialog = 60;
-  const errorMessageUploadMaxSize = `file size must be less than ${
-    maxUploadFileSize / 1024 / 1024
-  } Mb`;
+  const errorMessageUploadMaxSize = `The file should not exceed this size: ${formatFileSize(
+    maxUploadFileSize,
+  )}`;
 
   const [dialogName, setDialogName] = useState(nameDialog);
   const [fileUploadAvatar, setFileUploadAvatar] = useState<File | null>(null);

package/src/Presentation/Views/InviteMembers/InviteMembers.tsx

@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from 'react';
+import React, { useEffect, useRef, useState } from 'react';
 import './InviteMembers.scss';
 import ColumnContainer from '../../components/containers/ColumnContainer/ColumnContainer';
 import RowRightContainer from '../../components/containers/RowRightContainer/RowRightContainer';
@@ -143,6 +143,7 @@ const InviteMembers: React.FC<InviteMembersProps> = ({
   };
 
   const [userNameForFilter, setUserNameForFilter] = useState<string>('');
+  const inputRef = useRef<HTMLInputElement>(null);
 
   useEffect(() => {
     if (userNameForFilter.length > 2) {
@@ -150,6 +151,9 @@ const InviteMembers: React.FC<InviteMembersProps> = ({
 
       userViewModel.updateFilter(newFilter);
     }
+
+    setTimeout(() => inputRef.current?.focus(), 500);
+
     if (userNameForFilter.length === 0) {
       userViewModel.updateFilter('');
     }
@@ -159,6 +163,9 @@ const InviteMembers: React.FC<InviteMembersProps> = ({
     if (userNameForFilter.length > 2) {
       userViewModel.getUsers(new Pagination(0, userPerPage));
     }
+
+    setTimeout(() => inputRef.current?.focus(), 500);
+
     if (userNameForFilter.length === 0) {
       userViewModel.getUsers(new Pagination(0, userPerPage));
     }
@@ -170,6 +177,7 @@ const InviteMembers: React.FC<InviteMembersProps> = ({
         <div className="container-invite-members--add-members-container">
           <div className="container-invite-members--add-members-container--wrapper">
             <TextField
+              ref={inputRef}
               className="filtered-text-field"
               disabled={userViewModel.loading}
               placeholder="Search"

package/src/Presentation/Views/InviteMembers/useInviteMembersViewModel.ts

@@ -116,7 +116,17 @@ export default function useInviteMembersViewModel(): InviteMembersViewModel {
 
   return {
     get entity(): UserEntity {
-      return Stubs.createUserEntityWithParams(0, '', '', '', '', '', 0, '', '');
+      return Stubs.createUserEntityWithParams(
+        0,
+        '',
+        '',
+        '',
+        '',
+        '',
+        '',
+        '',
+        '',
+      );
     },
     // id: Date.now(),
     // name: '',

package/src/Presentation/Views/PreviewDialog/PreviewDialog.tsx

@@ -1,5 +1,6 @@
 /* eslint-disable @typescript-eslint/no-unsafe-call */
 import React, { useEffect } from 'react';
+import QB from 'quickblox/quickblox';
 import './PreviewDialog.scss';
 import { DialogType } from '../../../Domain/entity/DialogTypes';
 import PreviewDialogViewModel from './PreviewDialogViewModel';