quickblox-react-ui-kit 0.4.4-alpha.5 → 0.4.5-beta.2

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/dist/qb-api-calls/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/qb-api-calls/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/qb-api-calls/index.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "quickblox-react-ui-kit",
-  "version": "0.4.4-alpha.5",
+  "version": "0.4.5-beta.2",
   "main": "dist/index-ui.js",
   "types": "dist/index-ui.d.ts",
   "license": "MIT",
@@ -23,10 +23,19 @@
     "web-vitals": "^2.1.4"
   },
   "devDependencies": {
-    "@storybook/addon-viewport": "^7.6.16",
-    "@storybook/react": "^7.6.16",
-    "@storybook/react-webpack5": "^7.6.16",
-    "@storybook/test": "^7.6.16",
+    "@babel/core": "^7.26.9",
+    "@babel/preset-env": "^7.26.9",
+    "@babel/preset-react": "^7.26.3",
+    "@babel/preset-typescript": "^7.26.0",
+    "@chromatic-com/storybook": "^3.2.4",
+    "@storybook/addon-essentials": "^8.5.8",
+    "@storybook/addon-interactions": "^8.5.8",
+    "@storybook/addon-onboarding": "^8.5.8",
+    "@storybook/addon-webpack5-compiler-swc": "^2.1.0",
+    "@storybook/blocks": "^8.5.8",
+    "@storybook/react": "^8.5.8",
+    "@storybook/react-webpack5": "^8.5.8",
+    "@storybook/test": "^8.5.8",
     "@svgr/webpack": "^8.1.0",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.2.0",
@@ -35,6 +44,8 @@
     "@types/node": "^20.17.19",
     "@typescript-eslint/eslint-plugin-tslint": "^5.45.1",
     "@typescript-eslint/parser": "^5.45.1",
+    "babel-loader": "^9.2.1",
+    "compression-webpack-plugin": "^11.1.0",
     "css-loader": "^6.11.0",
     "eslint": "^8.29.0",
     "eslint-config-airbnb": "^19.0.4",
@@ -48,15 +59,17 @@
     "eslint-plugin-promise": "^6.1.1",
     "eslint-plugin-react": "^7.31.11",
     "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-storybook": "^0.11.3",
     "file-loader": "^6.2.0",
     "html-webpack-plugin": "^5.6.3",
+    "mini-css-extract-plugin": "^2.9.2",
     "path-browserify": "^1.0.1",
     "prettier": "^2.8.0",
     "process": "^0.11.10",
     "prop-types": "^15.8.1",
     "sass": "^1.62.1",
-    "sass-loader": "^16.0.4",
-    "storybook": "^7.6.16",
+    "sass-loader": "^16.0.5",
+    "storybook": "^8.5.8",
     "style-loader": "^3.3.4",
     "ts-loader": "^9.4.2",
     "url-loader": "^4.1.1",
@@ -69,11 +82,11 @@
     "start": "webpack serve --config webpack.app.config.js --mode development",
     "build:app": "webpack --config webpack.app.config.js --mode production",
     "build:lib": "webpack --config webpack.lib.config.js --mode production",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build",
     "test": "jest",
     "lint": "eslint ./src",
-    "format": "prettier --write ."
+    "format": "prettier --write .",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
   },
   "lint-staged": {
     "src/**/*.{ts,tsx}": "eslint"
@@ -83,7 +96,8 @@
       "airbnb",
       "plugin:react/recommended",
       "plugin:@typescript-eslint/recommended",
-      "prettier"
+      "prettier",
+      "plugin:storybook/recommended"
     ]
   },
   "browserslist": {

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/Stubs.ts

@@ -131,12 +131,12 @@ export class Stubs {
       id: '10231',
       type: FileType.image,
       uid: '10231',
-      url: 'https://via.placeholder.com/600/92c952',
+      url: 'https://files.readme.io/00b5563-small-qb-logo-docs-white-9px.png',
       file: {
         id: '10231',
         uid: '',
         type: FileType.image,
-        url: 'https://via.placeholder.com/600/92c952',
+        url: 'https://files.readme.io/00b5563-small-qb-logo-docs-white-9px.png',
       },
     };
     const photoAttachments: ChatMessageAttachmentEntity[] = [photo];
@@ -267,12 +267,12 @@ export class Stubs {
       id: '10231',
       type: FileType.image,
       uid: '10231',
-      url: 'https://via.placeholder.com/600/92c952',
+      url: 'https://cdn-ikpjoif.nitrocdn.com/WZsqFPiehrtwFaaeJNQAQZrkRMgaTuyL/assets/images/optimized/rev-83f47e6/quickblox.com/wp-content/themes/QuickbloxTheme2021/img/chat-api-feature-rich-sdk.jpg',
       file: {
         id: '10231',
         uid: '',
         type: FileType.image,
-        url: 'https://via.placeholder.com/600/92c952',
+        url: 'https://cdn-ikpjoif.nitrocdn.com/WZsqFPiehrtwFaaeJNQAQZrkRMgaTuyL/assets/images/optimized/rev-83f47e6/quickblox.com/wp-content/themes/QuickbloxTheme2021/img/chat-api-feature-rich-sdk.jpg',
       },
     };
     const photoAttachments: ChatMessageAttachmentEntity[] = [photo];
@@ -1029,12 +1029,12 @@ export class Stubs {
       id: '10231',
       type: FileType.image,
       uid: '10231',
-      url: 'https://via.placeholder.com/600/92c952',
+      url: 'https://files.readme.io/00b5563-small-qb-logo-docs-white-9px.png',
       file: {
         id: '10231',
         uid: '',
         type: FileType.image,
-        url: 'https://via.placeholder.com/600/92c952',
+        url: 'https://files.readme.io/00b5563-small-qb-logo-docs-white-9px.png',
       },
     };
     const photoAttachments: ChatMessageAttachmentEntity[] = [photo];

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,6 +1,6 @@
-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.Timeout | null = null; // Используем Timeout вместо Timer
@@ -8,6 +8,7 @@ export default class ConnectionRepository extends SubscriptionPerformer<boolean>
   private _needInit: boolean;
 
   get needInit(): boolean {
+    const QB = getQB();
     const chatConnection = QB && QB.chat && QB.chat.isConnected;
 
     if (chatConnection) return false;
@@ -22,6 +23,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;
@@ -95,7 +97,7 @@ export default class ConnectionRepository extends SubscriptionPerformer<boolean>
 
   public stopKeepAlive() {
     if (this.timerId) {
-      clearInterval(this.timerId as NodeJS.Timeout);
+      clearTimeout(this.timerId);
     }
   }
 
@@ -103,6 +105,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';
 
@@ -116,6 +119,7 @@ export class RemoteDataSource implements IRemoteDataSource {
 
   get authProcessed(): boolean {
     const auth = this._authProcessed;
+    const QB = getQB();
     const chatConnection = QB && QB.chat && QB.chat.isConnected;
 
     if (chatConnection) return true;
@@ -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,10 +517,19 @@ export class RemoteDataSource implements IRemoteDataSource {
 
   public initEventsHandlers() {
     console.log('CALL--initEventsHandlers--CALL');
-    console.log("QB inside library:", QB);
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
     // @ts-ignore
-    console.log("QB inside library:", window.QB);
+    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();
@@ -700,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;
@@ -1279,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/MessageItem/MessageItem.tsx

@@ -346,7 +346,7 @@ export default function MessageItem({
             }
           >
             {message.attachments && message.attachments.length > 0 ? (
-              <div>
+              <>
                 {message.attachments.map((attachment) => {
                   return (
                     <AttachmentBubble
@@ -355,7 +355,7 @@ export default function MessageItem({
                     />
                   );
                 })}
-              </div>
+              </>
             ) : (
               <TextBubble
                 text={