quickblox-react-ui-kit 0.4.2-beta.5 → 0.4.2-beta.6

package/dist/qb-api-calls/index.d.ts

@@ -1,4 +1,4 @@
-import { AIAnswerResponse, AIChatHistory, ChatConnectParams, GetMessagesResult, GetUserParams, ListUserParams, ListUserResponse, QBBlob, QBBlobCreateUploadParams, QBCustomObject, QBDataDeletedResponse, QBGetDialogResult, QBLoginParams, QBMediaParams, QBMessageStatusParams, QBSession, QBSystemMessage, QBUser, QBUserCreateParams, QBWebRTCSession } from 'quickblox/quickblox';
+import QB, { AIAnswerResponse, AIChatHistory, ChatConnectParams, GetMessagesResult, GetUserParams, ListUserParams, ListUserResponse, QBBlob, QBBlobCreateUploadParams, QBCustomObject, QBDataDeletedResponse, QBGetDialogResult, QBLoginParams, QBMediaParams, QBMessageStatusParams, QBSession, QBSystemMessage, QBUser, QBUserCreateParams, QBWebRTCSession } from 'quickblox/quickblox';
 import { QBUIKitChatDialog, QBUIKitChatNewMessage, QBUIKitConfig } from '../CommonTypes/CommonTypes';
 export type QBInitParams = {
     appIdOrToken: string | number;
@@ -7,6 +7,9 @@ export type QBInitParams = {
     accountKey: string;
     config?: QBUIKitConfig;
 };
+export declare let qbSDK: typeof QB | undefined;
+export declare function setQB(sdk: typeof QB): void;
+export declare function getQB(): typeof QB;
 export declare function QBInit(params: QBInitParams): void;
 export declare function QBCreateSession(params?: QBLoginParams): Promise<QBSession>;
 export declare function QBGetSession(): Promise<QBSession>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "quickblox-react-ui-kit",
-  "version": "0.4.2-beta.5",
+  "version": "0.4.2-beta.6",
   "main": "dist/index-ui.js",
   "license": "MIT",
   "dependencies": {
@@ -12,7 +12,7 @@
     "qb-ai-core": "^0.1.3",
     "qb-ai-rephrase": "^0.1.2",
     "qb-ai-translate": "^0.1.2",
-    "quickblox": "^2.17.0",
+    "quickblox": "^2.19.2",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-router-dom": "^6.11.1",

package/src/App.tsx

@@ -17,7 +17,16 @@ import useQbUIKitDataContext from './Presentation/providers/QuickBloxUIKitProvid
 import { QBConfig } from './QBconfig';
 
 function App() {
-  // const currentContext = React.useContext(qbDataContext);
+  if ((window as any).QB === undefined) {
+    if (QB !== undefined) {
+      (window as any).QB = QB;
+    } else {
+      // eslint-disable-next-line @typescript-eslint/no-var-requires,global-require
+      const QBLib = require('quickblox/quickblox.min');
+
+      (window as any).QB = QBLib;
+    }
+  }
   const currentContext = useQbUIKitDataContext();
 
   const remoteDataSource: RemoteDataSource =

package/src/Data/Creator.ts

@@ -1,9 +1,9 @@
-import QB from 'quickblox/quickblox';
 import ChatMessageAttachmentEntity from '../Domain/entity/ChatMessageAttachmentEntity';
 import { DialogType } from '../Domain/entity/DialogTypes';
 import { MessageEntity } from '../Domain/entity/MessageEntity';
 import { FileEntity } from '../Domain/entity/FileEntity';
 import { FileType } from '../Domain/entity/FileTypes';
+import { getQB } from '../qb-api-calls';
 
 export type MessageEntityParams = {
   id?: string;
@@ -24,6 +24,7 @@ export type MessageEntityParams = {
 
 export class Creator {
   public static createPhotoByBlob = async (blob_id: number | string | null) => {
+    const QB = getQB();
     const fileId = (blob_id as number) || 0;
 
     const file_uid: string = await Creator.getInfoPromise(fileId);
@@ -63,6 +64,8 @@ export class Creator {
 
   private static async getInfoPromise(fileId: number): Promise<string> {
     return new Promise((resolve, reject) => {
+      const QB = getQB();
+
       QB.content.getInfo(fileId, function (error, result) {
         if (error) {
           reject(error);

package/src/Data/DefaultConfigurations.ts

@@ -145,7 +145,7 @@ export class DefaultConfigurations {
       },
       configAIApi: {
         AIAnswerAssistWidgetConfig: {
-          smartChatAssistantId: '',
+          smartChatAssistantId: '6633a1300fea600001bd6e71',
           organizationName: 'Quickblox',
           openAIModel: 'gpt-3.5-turbo',
           apiKey: '',
@@ -158,7 +158,7 @@ export class DefaultConfigurations {
           },
         },
         AITranslateWidgetConfig: {
-          smartChatAssistantId: '',
+          smartChatAssistantId: '6633a1300fea600001bd6e71',
           organizationName: 'Quickblox',
           openAIModel: 'gpt-3.5-turbo',
           apiKey: '',

package/src/Data/mapper/DialogRemoteDTOMapper.ts

@@ -1,4 +1,3 @@
-import QB from 'quickblox/quickblox';
 import { IMapper } from './IMapper';
 import { DialogEntity } from '../../Domain/entity/DialogEntity';
 import { DialogType } from '../../Domain/entity/DialogTypes';
@@ -14,6 +13,7 @@ import {
   UNEXPECTED_MAPPER_DTO_EXCEPTION_EXCEPTION_CODE,
   UNEXPECTED_MAPPER_DTO_EXCEPTION_MESSAGE,
 } from '../source/exception/MapperDTOException';
+import { getQB } from '../../qb-api-calls';
 
 type DtoValidator<T> = {
   [key in keyof T]: (v: unknown) => v is T[key];
@@ -69,6 +69,7 @@ export class DialogRemoteDTOMapper implements IMapper {
 
   // eslint-disable-next-line class-methods-use-this
   toEntity<TArg, TResult>(data: TArg): Promise<TResult> {
+    const QB = getQB();
     const dialog = data as unknown as RemoteDialogDTO;
 
     try {

package/src/Data/repository/ConnectionRepository.ts

@@ -1,13 +1,15 @@
-import QB from 'quickblox/quickblox';
 import { SubscriptionPerformer } from '../../Domain/use_cases/base/Subscribable/SubscriptionPerformer';
 import { stringifyError } from '../../utils/parse';
+import { getQB } from '../../qb-api-calls';
 
 export default class ConnectionRepository extends SubscriptionPerformer<boolean> {
-  private timerId: NodeJS.Timer | undefined;
+  // private timerId: NodeJS.Timer | undefined;
+  private timerId: ReturnType<typeof setTimeout> | undefined;
 
   private _needInit: boolean;
 
   get needInit(): boolean {
+    const QB = getQB();
     const chatConnection = QB && QB.chat && QB.chat.isConnected;
 
     if (chatConnection) return false;
@@ -22,6 +24,7 @@ export default class ConnectionRepository extends SubscriptionPerformer<boolean>
   private chatConnectedStatus = false;
 
   public isChatConnected(): boolean {
+    const QB = getQB();
     const chatConnection = QB && QB.chat && QB.chat.isConnected;
 
     if (chatConnection) return true;
@@ -103,6 +106,8 @@ export default class ConnectionRepository extends SubscriptionPerformer<boolean>
   protected async ChatServerPing(): Promise<boolean> {
     const pingChat = (): Promise<string> => {
       return new Promise<string>((resolve, reject) => {
+        const QB = getQB();
+
         try {
           // eslint-disable-next-line @typescript-eslint/no-unsafe-call
           QB.chat.pingchat((error) => {

package/src/Data/repository/DialogsRepository.ts

@@ -31,6 +31,7 @@ import {
 import { GroupDialogEntity } from '../../Domain/entity/GroupDialogEntity';
 import { stringifyError } from '../../utils/parse';
 import { RemoteUserDTO } from '../dto/user/RemoteUserDTO';
+import { QBUIKitConfig } from '../../CommonTypes/CommonTypes';
 
 export default class DialogsRepository implements IDialogsRepository {
   private localDataStorage: ILocalDataSource;
@@ -149,13 +150,14 @@ export default class DialogsRepository implements IDialogsRepository {
 
   async updateCurrentDialogInLocalDataSource(
     entity: DialogEntity,
+    qbConfig: QBUIKitConfig,
   ): Promise<DialogEntity> {
     try {
       const dto: RemoteDialogDTO = await this.dialogRemoteDTOMapper.fromEntity(
         entity,
       );
 
-      this.remoteDataSource.updateCurrentDialog(dto);
+      this.remoteDataSource.updateCurrentDialog(dto, qbConfig);
 
       return Promise.resolve(entity);
     } catch (e) {

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

@@ -9,6 +9,7 @@ import { RemoteFileDTO } from '../../dto/file/RemoteFileDTO';
 import { Pagination } from '../../../Domain/repository/Pagination';
 import { CallBackFunction } from '../../../Domain/use_cases/base/IUseCase';
 import { NotificationTypes } from '../../../Domain/entity/NotificationTypes';
+import { QBUIKitConfig } from '../../../CommonTypes/CommonTypes';
 // todo list of all actions - for what we need to create tests
 /*
  0!!! не реализованы эксепшены для createDialog RemouteDataSource и
@@ -111,7 +112,7 @@ export interface IRemoteDataSource extends IRemoteMessaging<RemoteMessageDTO> {
 
   subscribeToChatConnectionEvents(fileId: string): Promise<void>;
 
-  updateCurrentDialog(dto: RemoteDialogDTO): void;
+  updateCurrentDialog(dto: RemoteDialogDTO, qbConfig: QBUIKitConfig): void;
 
   createAnswer(
     text: string,

package/src/Data/source/remote/Mapper/FileDTOMapper.ts

@@ -1,7 +1,4 @@
-import QB, {
-  QBBlobCreate,
-  QBBlobCreateUploadParams,
-} from 'quickblox/quickblox';
+import { QBBlobCreate, QBBlobCreateUploadParams } from 'quickblox/quickblox';
 import { IDTOMapper } from './IDTOMapper';
 import { RemoteFileDTO } from '../../../dto/file/RemoteFileDTO';
 import {
@@ -9,6 +6,7 @@ import {
   INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,
   MapperDTOException,
 } from '../../exception/MapperDTOException';
+import { getQB } from '../../../../qb-api-calls';
 
 type DtoValidator<T> = {
   [key in keyof T]: (v: unknown) => v is T[key];
@@ -35,6 +33,7 @@ export class FileDTOMapper implements IDTOMapper {
 
   // eslint-disable-next-line class-methods-use-this
   toTDO<TArg, TResult>(qbEntity: TArg): Promise<TResult> {
+    const QB = getQB();
     const qbFile: QBBlobCreate = qbEntity as unknown as QBBlobCreate;
 
     FileDTOMapper.validateQBFileDialog(qbFile);

package/src/Data/source/remote/Mapper/MessageDTOMapper.ts

@@ -1,4 +1,4 @@
-import QB, { ChatMessageAttachment, QBChatMessage } from 'quickblox/quickblox';
+import { ChatMessageAttachment, QBChatMessage } from 'quickblox/quickblox';
 import { IDTOMapper } from './IDTOMapper';
 import { RemoteMessageDTO } from '../../../dto/message/RemoteMessageDTO';
 import {
@@ -7,6 +7,7 @@ import {
   MapperDTOException,
 } from '../../exception/MapperDTOException';
 import ChatMessageAttachmentEntity from '../../../../Domain/entity/ChatMessageAttachmentEntity';
+import { getQB } from '../../../../qb-api-calls';
 
 type DtoValidator<T> = {
   [key in keyof T]: (v: unknown) => v is T[key];
@@ -44,6 +45,7 @@ export class MessageDTOMapper implements IDTOMapper {
     qbAtts: ChatMessageAttachment[],
   ) {
     const result: ChatMessageAttachmentEntity[] = qbAtts.map((item) => {
+      const QB = getQB();
       const newItem: ChatMessageAttachmentEntity = {
         id: item.id,
         name: item.name,

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

@@ -1,4 +1,4 @@
-import QB, {
+import {
   ChatMessageAttachment,
   GetMessagesResult,
   GetUserParams,
@@ -63,6 +63,8 @@ import {
   QBUpdateDialog,
   QBUsersGet,
   QBUsersGetById,
+  setQB,
+  getQB,
 } from '../../../qb-api-calls';
 import { UserDTOMapper } from './Mapper/UserDTOMapper';
 import { MessageDTOMapper } from './Mapper/MessageDTOMapper';
@@ -84,6 +86,7 @@ import { QBConfig } from '../../../QBconfig';
 import {
   QBUIKitChatDialog,
   QBUIKitChatNewMessage,
+  QBUIKitConfig,
   QBUIKitSystemMessage,
 } from '../../../CommonTypes/CommonTypes';
 
@@ -115,6 +118,7 @@ export class RemoteDataSource implements IRemoteDataSource {
   private _authProcessed: boolean;
 
   get authProcessed(): boolean {
+    const QB = getQB();
     const auth = this._authProcessed;
     const chatConnection = QB && QB.chat && QB.chat.isConnected;
 
@@ -128,6 +132,7 @@ export class RemoteDataSource implements IRemoteDataSource {
   }
 
   get needInit(): boolean {
+    const QB = getQB();
     const needed = this._needInit;
     const chatConnection = QB && QB.chat && QB.chat.isConnected;
 
@@ -168,6 +173,17 @@ export class RemoteDataSource implements IRemoteDataSource {
   //
   constructor() {
     console.log('CONSTRUCTOR RemoteDataSourceMock');
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    console.log('QB inside RemoteDataSource:', window.QB);
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    if (typeof window !== 'undefined' && window.QB) {
+      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+      // @ts-ignore
+      // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
+      setQB(window.QB); // Устанавливаем ссылку на QuickBlox SDK
+    }
     this.userDTOMapper = new UserDTOMapper();
     this.messageDTOMapper = new MessageDTOMapper();
     this.fileDTOMapper = new FileDTOMapper();
@@ -201,20 +217,57 @@ export class RemoteDataSource implements IRemoteDataSource {
     return QBTranslate(smartChatAssistantId, text, languageCode);
   }
 
-  async updateCurrentDialog(dto: RemoteDialogDTO): Promise<void> {
+  // async updateCurrentDialog(dto: RemoteDialogDTO, qbConfig: QBUIKitConfig): 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,
+  //   );
+  //   //
+  //
+  //   //
+  // }
+  async updateCurrentDialog(
+    dto: RemoteDialogDTO,
+    qbConfig: QBUIKitConfig,
+  ): Promise<void> {
     this.currentDialog = dto;
-    //
-    //
-    const dialogsDTOtoEntityMapper: IMapper = new DialogRemoteDTOMapper();
 
+    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,
@@ -233,8 +286,58 @@ export class RemoteDataSource implements IRemoteDataSource {
       resultMessage,
       EventMessageType.LocalMessage,
     );
-    //
-    //
+
+    // Mark all messages in the dialog as read
+    await this.markAllMessagesAsRead(dialogId, qbConfig);
+  }
+
+  /**
+   * Marks all messages in the specified dialog as read.
+   * Uses the QuickBlox API endpoint provided in qbConfig, or defaults to api.quickblox.com.
+   */
+  // eslint-disable-next-line class-methods-use-this
+  private async markAllMessagesAsRead(
+    dialogId: string,
+    qbConfig: QBUIKitConfig,
+  ): Promise<void> {
+    try {
+      const apiEndpoint =
+        qbConfig.appConfig.endpoints.api || 'api.quickblox.com';
+      const qbToken = qbConfig.credentials.sessionToken;
+
+      if (!qbToken) {
+        console.warn(
+          'QuickBlox session token is missing. Cannot mark messages as read.',
+        );
+
+        return;
+      }
+
+      const response = await fetch(`https://${apiEndpoint}/chat/Message.json`, {
+        method: 'PUT',
+        headers: {
+          'QB-Token': qbToken,
+          'Content-Type': 'application/json',
+        },
+        body: JSON.stringify({
+          chat_dialog_id: dialogId,
+          read: '1',
+        }),
+      });
+
+      if (!response.ok) {
+        throw new Error(
+          `Failed to mark messages as read. HTTP status: ${response.status}`,
+        );
+      }
+
+      console.log(`All messages in dialog ${dialogId} marked as read.`);
+    } catch (error) {
+      console.error(
+        `Error marking messages as read in dialog ${dialogId}:`,
+        error,
+      );
+    }
   }
 
   public async setUpMockStorage(): Promise<void> {
@@ -285,6 +388,7 @@ export class RemoteDataSource implements IRemoteDataSource {
         accountKey: sdkParams.accountKey,
         config: sdkParams.config,
       });
+      const QB = getQB();
       const QuickBloxVersion = `CALL initData: Init SDK was success: version ${QB.version} build ${QB.buildNumber}`;
 
       console.log(QuickBloxVersion);
@@ -307,6 +411,7 @@ export class RemoteDataSource implements IRemoteDataSource {
         accountKey: sdkParams.accountKey,
         config: sdkParams.config,
       });
+      const QB = getQB();
       const QuickBloxVersion = `CALL initData: Init SDK was success: version ${QB.version} build ${QB.buildNumber}`;
 
       console.log(QuickBloxVersion);
@@ -412,6 +517,19 @@ export class RemoteDataSource implements IRemoteDataSource {
 
   public initEventsHandlers() {
     console.log('CALL--initEventsHandlers--CALL');
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    console.log('QB inside library:', window.QB);
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    if (typeof window !== 'undefined' && window.QB) {
+      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+      // @ts-ignore
+      // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
+      setQB(window.QB); // Устанавливаем ссылку на QuickBlox SDK
+    }
+    const QB = getQB();
+
     QB.chat.onSystemMessageListener = (message: QBUIKitSystemMessage) => {
       console.log(`EVENT: receive system message: ${JSON.stringify(message)}`);
       const resultMessage = new RemoteMessageDTO();
@@ -696,6 +814,8 @@ export class RemoteDataSource implements IRemoteDataSource {
 
   // eslint-disable-next-line class-methods-use-this
   public releaseEventsHandlers() {
+    const QB = getQB();
+
     QB.chat.onSessionExpiredListener = undefined;
     QB.chat.onReconnectListener = undefined;
     QB.chat.onDisconnectedListener = undefined;
@@ -1275,7 +1395,7 @@ export class RemoteDataSource implements IRemoteDataSource {
   async sendMessage(dto: RemoteMessageDTO): Promise<RemoteMessageDTO> {
     console.log('call sendMessage');
     //
-
+    const QB = getQB();
     //
     const messageText = dto.message;
 

package/src/Domain/use_cases/UpdateCurrentDialogInDataSourceUseCase.ts

@@ -2,6 +2,7 @@ import { DialogEntity } from '../entity/DialogEntity';
 import DialogsRepository from '../../Data/repository/DialogsRepository';
 import { IUseCase } from './base/IUseCase';
 import { GroupDialogEntity } from '../entity/GroupDialogEntity';
+import { QBUIKitConfig } from '../../CommonTypes/CommonTypes';
 
 export class UpdateCurrentDialogInDataSourceUseCase
   implements IUseCase<void, DialogEntity>
@@ -10,13 +11,17 @@ export class UpdateCurrentDialogInDataSourceUseCase
 
   private updateDialog: GroupDialogEntity;
 
+  private qbConfig: QBUIKitConfig;
+
   constructor(
     dialogRepository: DialogsRepository,
     updateDialog: GroupDialogEntity,
+    qbConfig: QBUIKitConfig,
   ) {
     console.log('CONSTRUCTOR UpdateCurrentDialogInDataSourceUseCase');
     this.dialogRepository = dialogRepository;
     this.updateDialog = updateDialog;
+    this.qbConfig = qbConfig;
   }
 
   async execute(): Promise<DialogEntity> {
@@ -24,6 +29,7 @@ export class UpdateCurrentDialogInDataSourceUseCase
     const result: DialogEntity =
       await this.dialogRepository.updateCurrentDialogInLocalDataSource(
         this.updateDialog,
+        this.qbConfig,
       );
 
     return Promise.resolve(result);

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

@@ -37,6 +37,7 @@ 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';
+import { QBUIKitConfig } from '../../../CommonTypes/CommonTypes';
 
 export default function useDialogViewModel(
   dialogType: DialogType,
@@ -55,7 +56,7 @@ export default function useDialogViewModel(
   const currentContext = useQbInitializedDataContext();
   const remoteDataSourceMock: RemoteDataSource =
     currentContext.storage.REMOTE_DATA_SOURCE;
-  const QBConfig =
+  const QBConfig: QBUIKitConfig =
     currentContext.InitParams.qbConfig ||
     DefaultConfigurations.getDefaultQBConfig();
   const { regexUserName } = QBConfig.appConfig;
@@ -68,6 +69,27 @@ export default function useDialogViewModel(
 
   const [typingText, setTypingText] = useState<string>('');
 
+  // 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,
+        QBConfig,
+      );
+
+    updateCurrentDialogInDataSourceUseCase.execute().catch((e) => {
+      console.log(
+        'useDialogViewModel Error updateCurrentDialogInDataSourceUseCase: ',
+        stringifyError(e),
+      );
+      throw new Error(stringifyError(e));
+    });
+  }
+
   async function getMessages(currentPagination?: Pagination) {
     setLoading(true);
 
@@ -161,6 +183,19 @@ export default function useDialogViewModel(
 
           return newItems;
         });
+        // eslint-disable-next-line promise/always-return
+        // if (
+        //   dialog?.type === DialogType.private ||
+        //   dialog?.type === DialogType.group
+        // ) {
+        //   const updDialog = { ...dialog };
+        //
+        //   updDialog.unreadMessageCount = 0;
+        //   setDialog(updDialog);
+        //
+        //   informDataSources(updDialog);
+        //
+        // }
         setLoading(false);
         setPagination(data.CurrentPagination);
         setError('');
@@ -385,26 +420,6 @@ 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(
@@ -431,7 +446,10 @@ export default function useDialogViewModel(
 
               return newState;
             });
-            if (dialog?.type === DialogType.private) {
+            if (
+              dialog?.type === DialogType.private ||
+              dialog?.type === DialogType.group
+            ) {
               const updDialog = { ...dialog };
 
               updDialog.lastMessage.dateSent = messageEntity.date_sent / 1000;

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

@@ -543,6 +543,7 @@ export default function useDialogListViewModel(
           remoteDataSourceMock,
         ),
         item as GroupDialogEntity,
+        QBConfig,
       );
 
     updateCurrentDialogInDataSourceUseCase.execute().catch((e) => {
@@ -559,8 +560,11 @@ export default function useDialogListViewModel(
       return newDialog as DialogEntity;
     },
     set entity(item) {
-      setNewDialog(item);
-      informDataSources(item);
+      const updDialog = { ...item };
+
+      updDialog.unreadMessageCount = 0;
+      setNewDialog(updDialog);
+      informDataSources(updDialog);
     },
     dialogs,
     loading,

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

@@ -1,6 +1,5 @@
 /* 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';
@@ -17,6 +16,7 @@ import DialogItemPreview from '../../ui-components/DialogItemPreview/DialogItemP
 import Dropdown from '../../ui-components/Dropdown/Dropdown';
 import { GroupChatSvg, MoreSvg, PublicChannelSvg, UserSvg } from '../../icons';
 import Avatar from '../../ui-components/Avatar/Avatar';
+import { getQB } from '../../../qb-api-calls';
 
 export type ThemeNames = 'light' | 'dark' | 'custom';
 type PreviewDialogsColorTheme = {
@@ -171,6 +171,7 @@ const PreviewDialog: React.FC<PreviewDialogsProps> = ({
 
   async function getFileForPreview() {
     const messageParts = getMessageParts(previewMessage || '');
+    const QB = getQB();
 
     setMessageContentParts(messageParts);