quickblox-react-ui-kit 0.5.0-beta.13 → 0.5.0-beta.15

package/dist/index-ui.js

@@ -60682,7 +60682,6 @@ class SubscriptionPerformer {
         // });
     }
     constructor() {
-        console.log('CONSTRUCTOR SubscriptionPerformer');
         // this.onEventByTypeSubscribers[EventMessageType.LocalMessage] = [];
         this.onEventByTypeSubscribers[EventMessageType.LocalMessage] =
             this.subscribers;
@@ -65311,6 +65310,8 @@ const QBConfig = {
         chatProtocol: {
             active: 2,
         },
+        pingLocalhostTimeInterval: 0,
+        chatReconnectionTimeInterval: 3,
         debug: true,
         enableForwarding: true,
         enableReplying: true,
@@ -65438,7 +65439,6 @@ class RemoteDataSource {
     }
     //
     constructor() {
-        console.log('CONSTRUCTOR RemoteDataSourceMock');
         // eslint-disable-next-line @typescript-eslint/ban-ts-comment
         // @ts-ignore
         console.log('QB inside RemoteDataSource:', window.QB);
@@ -65463,7 +65463,7 @@ class RemoteDataSource {
             new SubscriptionPerformer();
         this.subscriptionOnSystemMessages[NotificationTypes.NEW_DIALOG] =
             new SubscriptionPerformer();
-        this.startUserCachePreload();
+        // this.startUserCachePreload();  //TODO: uncomment this line after test [CSAMPLES-4065] is done
     }
     // eslint-disable-next-line class-methods-use-this
     createAnswer(text, messages, smartChatAssistantId) {
@@ -65840,7 +65840,6 @@ class RemoteDataSource {
         };
         QB.chat.onMessageErrorListener = (messageId, error) => {
             console.log(`EVENT: receive error message id: ${messageId}, error: ${parse_stringifyError(error)}, current auth status is: ${this.authProcessed ? 'true' : 'false'}`);
-            this.subscriptionOnSessionExpiredListener.informSubscribers(true, EventMessageType.LocalMessage);
         };
         QB.chat.onReadStatusListener = (messageId, dialogId, userId) => {
             console.log(`EVENT: receive read message id: ${messageId}, dialogid: ${dialogId} userid: ${userId}`);
@@ -65939,6 +65938,7 @@ class RemoteDataSource {
     async joinGroupDialog(dialogId) {
         try {
             await QBJoinGroupDialog(dialogId).catch(() => {
+                this.joinStatusMap.set(dialogId, false);
                 throw new RemoteDataSourceException(INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_MESSAGE, INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_CODE);
             });
             this.joinStatusMap.set(dialogId, true);
@@ -65948,171 +65948,81 @@ class RemoteDataSource {
             this.joinStatusMap.set(dialogId, false);
         }
     }
+    //version 0.5.0-beta.11,12,14
+    startJoinRetryProcess() {
+        if (this.joinCheckInterval)
+            return;
+        this.joinCheckInterval = setInterval(async () => {
+            const dialogsToRetry = Array.from(this.joinStatusMap.entries())
+                .filter(([_, isJoined]) => !isJoined)
+                .map(([id]) => id);
+            if (dialogsToRetry.length === 0) {
+                clearInterval(this.joinCheckInterval);
+                this.joinCheckInterval = null;
+                console.log('All dialogs successfully joined. Stopping retry process.');
+                return;
+            }
+            console.log(`Retrying join for ${dialogsToRetry.length} dialogs...`);
+            await this.processDialogs(dialogsToRetry);
+        }, 7000);
+    }
+    async processDialogsInBackground(dialogIds) {
+        const BATCH_SIZE = 12;
+        console.log(`Starting background processing for ${dialogIds.length} dialogs`);
+        for (let i = 0; i < dialogIds.length; i += BATCH_SIZE) {
+            const batch = dialogIds.slice(i, i + BATCH_SIZE);
+            console.log(`Processing batch ${i / BATCH_SIZE + 1}:`, batch);
+            await Promise.all(batch.map((id) => this.joinGroupDialog(id)));
+            console.log(`Batch ${i / BATCH_SIZE + 1} completed.`);
+            await new Promise((resolve) => setTimeout(resolve, 1500));
+        }
+        console.log('Background processing complete.');
+    }
+    async processDialogs(dialogIds) {
+        await Promise.all(dialogIds.map((id) => this.joinGroupDialog(id)));
+    }
     async getDialogs(pagination) {
         let currentPagination = pagination || new Pagination();
-        console.log('call getDialogs in RemoteDataSourceMock param pagination: ', JSON.stringify(pagination));
-        console.log('call getDialogs in RemoteDataSourceMock with result pagination: ', JSON.stringify(currentPagination));
         const pageNumber = currentPagination.getCurrentPage() || 1;
-        console.log('pageNumber: ', pageNumber);
         const perPage = currentPagination.perPage || 100;
-        console.log('perPage: ', perPage);
         const params = {
-            created_at: {
-                lt: Date.now() / 1000,
-            },
-            // sort_desc: 'created_at',// artan 19.0.2024
+            created_at: { lt: Date.now() / 1000 },
             sort_desc: 'updated_at',
             page: pageNumber,
-            // per_page: perPage,
             limit: perPage,
-            type: {
-                in: [2, 3],
-            },
+            type: { in: [2, 3] },
         };
-        // filter['type[in]'] = [3, 2].join(',');
-        console.log('call getDialogs in RemoteDataSourceMock with params: ', JSON.stringify(params));
         const dialogsDTO = [];
+        const joinDialogIds = [];
         const qbDialogs = await QBGetDialogs(params);
         if (qbDialogs) {
-            console.log(`request completed. have: total_entries ${qbDialogs.total_entries}, limit: ${qbDialogs.limit}, skip: ${qbDialogs.skip} items: ${JSON.stringify(qbDialogs.items)}`);
             currentPagination = new Pagination(0, perPage);
             currentPagination.totalPages = qbDialogs.total_entries / perPage;
             currentPagination.setCurrentPage(pageNumber);
-            // eslint-disable-next-line no-restricted-syntax
             for (const item of qbDialogs.items) {
                 const qbEntity = item;
-                if (!qbEntity) {
+                if (!qbEntity)
                     continue;
-                }
-                const newDTO = 
-                // eslint-disable-next-line no-await-in-loop
-                await this.getCurrentDialogDTOMapper().toTDO(qbEntity);
-                if (newDTO.type === DialogType.group) {
-                    // eslint-disable-next-line no-await-in-loop
+                const newDTO = await this.getCurrentDialogDTOMapper().toTDO(qbEntity);
+                if (newDTO.type === DialogType.group && !this.processedDialogs.has(newDTO.id)) {
+                    this.processedDialogs.add(newDTO.id);
                     if (!this.joinStatusMap.has(newDTO.id)) {
-                        await this.joinGroupDialog(newDTO.id);
+                        this.joinStatusMap.set(newDTO.id, false);
+                        joinDialogIds.push(newDTO.id);
                     }
-                    // await QBJoinGroupDialog(newDTO.id).catch((reason) => {
-                    //   console.log('getDialogs. QBJoinGroupDialog error', reason);
-                    //   throw new RemoteDataSourceException(
-                    //     INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_MESSAGE,
-                    //     INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_CODE,
-                    //   );
-                    // });
                 }
-                //
-                // 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);
             }
+            const firstBatch = joinDialogIds.slice(0, 24);
+            await this.processDialogs(firstBatch);
+            const remainingDialogs = joinDialogIds.slice(24);
+            if (remainingDialogs.length) {
+                await this.processDialogsInBackground(remainingDialogs);
+                this.startJoinRetryProcess();
+            }
         }
         return Promise.resolve(new RemoteDialogsDTO(dialogsDTO, currentPagination));
     }
-    //version 0.5.0-beta.11 - 12
-    // private startJoinRetryProcess(): void {
-    //   if (this.joinCheckInterval) return; // Избегаем дублирования таймера
-    //
-    //   this.joinCheckInterval = setInterval(async () => {
-    //     const dialogsToRetry = Array.from(this.joinStatusMap.entries())
-    //       .filter(([_, isJoined]) => !isJoined) // Только неприсоединённые
-    //       .map(([id]) => id);
-    //
-    //     if (dialogsToRetry.length === 0) {
-    //       clearInterval(this.joinCheckInterval!);
-    //       this.joinCheckInterval = null;
-    //       console.log('All dialogs successfully joined. Stopping retry process.');
-    //       return;
-    //     }
-    //
-    //     console.log(`Retrying join for ${dialogsToRetry.length} dialogs...`);
-    //     await this.processDialogs(dialogsToRetry);
-    //   }, 7000);
-    // }
-    //
-    // private async processDialogsInBackground(dialogIds: string[]): Promise<void> {
-    //   const BATCH_SIZE = 12;
-    //
-    //   console.log(`Starting background processing for ${dialogIds.length} dialogs`);
-    //
-    //   for (let i = 0; i < dialogIds.length; i += BATCH_SIZE) {
-    //     const batch = dialogIds.slice(i, i + BATCH_SIZE);
-    //
-    //     console.log(`Processing batch ${i / BATCH_SIZE + 1}:`, batch);
-    //
-    //     await Promise.all(batch.map((id) => this.joinGroupDialog(id)));
-    //     console.log(`Batch ${i / BATCH_SIZE + 1} completed.`);
-    //
-    //     await new Promise((resolve) => setTimeout(resolve, 1500));
-    //   }
-    //
-    //   console.log('Background processing complete.');
-    // }
-    //
-    // private async processDialogs(dialogIds: string[]): Promise<void> {
-    //   await Promise.all(dialogIds.map((id) => this.joinGroupDialog(id)));
-    // }
-    //
-    // async getDialogs(pagination?: Pagination): Promise<RemoteDialogsDTO> {
-    //   let currentPagination: Pagination = pagination || new Pagination();
-    //
-    //   const pageNumber = currentPagination.getCurrentPage() || 1;
-    //   const perPage = currentPagination.perPage || 100;
-    //
-    //   const params = {
-    //     created_at: { lt: Date.now() / 1000 },
-    //     sort_desc: 'updated_at',
-    //     page: pageNumber,
-    //     limit: perPage,
-    //     type: { in: [2, 3] },
-    //   };
-    //
-    //   const dialogsDTO: Array<RemoteDialogDTO> = [];
-    //   const joinDialogIds: string[] = [];
-    //   const qbDialogs: QBGetDialogResult | undefined = await QBGetDialogs(params);
-    //
-    //   if (qbDialogs) {
-    //     currentPagination = new Pagination(0, perPage);
-    //     currentPagination.totalPages = qbDialogs.total_entries / perPage;
-    //     currentPagination.setCurrentPage(pageNumber);
-    //
-    //     for (const item of qbDialogs.items) {
-    //       const qbEntity: QBChatDialog = item;
-    //       if (!qbEntity) continue;
-    //
-    //       const newDTO: RemoteDialogDTO = await this.getCurrentDialogDTOMapper().toTDO(qbEntity);
-    //
-    //       if (newDTO.type === DialogType.group && !this.processedDialogs.has(newDTO.id)) {
-    //         this.processedDialogs.add(newDTO.id);
-    //
-    //         // Если уже есть в Map — пропускаем, иначе добавляем в joinDialogIds
-    //         if (!this.joinStatusMap.has(newDTO.id)) {
-    //           this.joinStatusMap.set(newDTO.id, false);
-    //           joinDialogIds.push(newDTO.id);
-    //         }
-    //       }
-    //
-    //       dialogsDTO.push(newDTO);
-    //     }
-    //
-    //     const firstBatch = joinDialogIds.slice(0, 12);
-    //     await this.processDialogs(firstBatch);
-    //
-    //     const remainingDialogs = joinDialogIds.slice(12);
-    //     if (remainingDialogs.length) {
-    //       await this.processDialogsInBackground(remainingDialogs);
-    //       this.startJoinRetryProcess();
-    //     }
-    //   }
-    //
-    //   return Promise.resolve(new RemoteDialogsDTO(dialogsDTO, currentPagination));
-    // }
     //tested in 0.5.0-beta.10
     // private async processDialogs(dialogIds: string[]): Promise<void> {
     //   await Promise.all(dialogIds.map((id) => this.joinGroupDialog(id)));
@@ -66642,13 +66552,16 @@ class RemoteDataSource {
             }
             catch (e) {
                 qbMessageId = undefined;
-                console.log('Error: send message throw: ', parse_stringifyError(e));
+                const errorMessage = `Error in DataSource: send message throw: ${parse_stringifyError(e)}`;
+                console.log('Error in DataSource: send message throw: ', errorMessage);
+                console.warn('Error in DataSource: send message throw: ', errorMessage);
+                console.error('Error in DataSource: send message throw: ', errorMessage);
             }
         }
         if (qbMessageId === null || qbMessageId === undefined) {
             return Promise.reject(new RemoteDataSourceException(INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_MESSAGE, INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_CODE));
         }
-        console.log('regular message was sent');
+        console.log(`DataSource: regular message was sent, id: ${qbMessageId}`);
         // eslint-disable-next-line no-param-reassign
         dto.id = qbMessageId;
         return Promise.resolve(dto);
@@ -66993,7 +66906,6 @@ class SyncDialogsUseCase extends BaseUseCase {
     timerId = null;
     constructor(dialogRepository, connectionRepository, eventMessagesRepository) {
         super();
-        console.log('CONSTRUCTOR SyncDialogsUseCaseWithMock');
         this.callBackExecute = undefined;
         this.dialogRepository = dialogRepository;
         this.connectionRepository = connectionRepository;
@@ -67899,6 +67811,8 @@ class DefaultConfigurations {
                 chatProtocol: {
                     active: 2,
                 },
+                pingLocalhostTimeInterval: 0,
+                chatReconnectionTimeInterval: 3,
                 debug: true,
                 enableForwarding: true,
                 enableReplying: true,
@@ -68333,12 +68247,10 @@ class GetAllDialogsUseCaseWithMock {
     dialogRepository;
     pagination;
     constructor(dialogRepository, pagination) {
-        console.log('CONSTRUCTOR GetAllDialogsUseCaseWithMock');
         this.dialogRepository = dialogRepository;
         this.pagination = pagination || new Pagination();
     }
     async execute() {
-        console.log('execute GetAllDialogsUseCaseWithMock');
         const fromRemote = await this.dialogRepository.getDialogsFromRemote(this.pagination);
         this.dialogRepository.release();
         await Promise.all(fromRemote.ResultData.map(async (entity) => {
@@ -68364,7 +68276,6 @@ class CreateDialogUseCase {
     newDialog;
     textInformationMessage;
     constructor(eventMessagesRepository, dialogRepository, newDialog, textInformationMessage) {
-        console.log('CONSTRUCTOR CreateDialogUseCase');
         this.dialogRepository = dialogRepository;
         this.newDialog = newDialog;
         this.eventMessagesRepository = eventMessagesRepository;
@@ -68409,14 +68320,12 @@ class UpdateDialogUseCase {
     updateDialog;
     textInformationMessage;
     constructor(eventMessagesRepository, dialogRepository, updateDialog, textInformationMessage) {
-        console.log('CONSTRUCTOR UpdateDialogUseCase');
         this.dialogRepository = dialogRepository;
         this.updateDialog = updateDialog;
         this.eventMessagesRepository = eventMessagesRepository;
         this.textInformationMessage = textInformationMessage;
     }
     async execute() {
-        console.log('execute UpdateDialogUseCase');
         const result = await this.dialogRepository.updateDialogInRemote(this.updateDialog);
         await this.dialogRepository.updateDialogInLocal(result);
         const remoteMessageDTO = new RemoteMessageDTO();
@@ -68458,7 +68367,6 @@ class LeaveDialogUseCase {
     leaveType;
     textInformationMessage;
     constructor(eventMessagesRepository, dialogRepository, dialog, leaveType, textInformationMessage) {
-        console.log('CONSTRUCTOR LeaveDialogUseCase');
         this.eventMessagesRepository = eventMessagesRepository;
         this.dialogRepository = dialogRepository;
         this.dialogToLeave = dialog;
@@ -68515,12 +68423,10 @@ class UploadFileUseCase {
     fileRepository;
     fileEntity;
     constructor(fileRepository, fileEntity) {
-        console.log('CONSTRUCTOR UploadFileUseCase');
         this.fileRepository = fileRepository;
         this.fileEntity = fileEntity;
     }
     async execute() {
-        console.log('execute UploadFileUseCase');
         const result = await this.fileRepository.saveFileInRemote(this.fileEntity);
         return Promise.resolve(result);
     }
@@ -68882,7 +68788,6 @@ class SubscribeToDialogEventsUseCase extends BaseUseCase {
     eventMessagesRepository;
     callBackExecute;
     constructor(eventMessagesRepository, nameSubscription = SubscriptionPerformer.DEFAULT_SUBSCRIPTION_NAME) {
-        console.log('CONSTRUCTOR SubscribeToDialogsUpdatesUseCaseWithMock');
         super();
         this.callBackExecute = undefined;
         this.EVENT_NAME = nameSubscription;
@@ -68964,12 +68869,10 @@ class GetDialogByIdUseCase {
     dialogRepository;
     dialogId;
     constructor(dialogRepository, dialogId) {
-        console.log('CONSTRUCTOR GetDialogByIdUseCase');
         this.dialogRepository = dialogRepository;
         this.dialogId = dialogId;
     }
     async execute() {
-        console.log('execute GetAllDialogsUseCaseWithMock');
         const fromRemote = await this.dialogRepository.getDialogFromRemote(this.dialogId);
         try {
             await this.dialogRepository.updateDialogInLocal(fromRemote);
@@ -68995,7 +68898,6 @@ class RemoveUsersFromTheDialogUseCase {
     usersIds;
     textInformationMessage;
     constructor(eventMessagesRepository, dialogRepository, dialog, usersIds, textInformationMessage) {
-        console.log('CONSTRUCTOR LeaveDialogUseCase');
         this.eventMessagesRepository = eventMessagesRepository;
         this.dialogRepository = dialogRepository;
         this.dialogToLeave = dialog;
@@ -69061,12 +68963,10 @@ class GetUsersByIdsUseCase {
     usersRepository;
     userIds;
     constructor(usersRepository, userIds) {
-        console.log('CONSTRUCTOR GetUsersByIdsUseCase');
         this.usersRepository = usersRepository;
         this.userIds = userIds;
     }
     execute() {
-        console.log('execute GetUsersByIdsUseCase');
         // return this.usersRepository.getUsersFromLocal(this.userIds);
         return this.usersRepository.getUsersFromRemote(this.userIds);
     }
@@ -69506,13 +69406,11 @@ class UpdateCurrentDialogInDataSourceUseCase {
     updateDialog;
     qbConfig;
     constructor(dialogRepository, updateDialog, qbConfig) {
-        console.log('CONSTRUCTOR UpdateCurrentDialogInDataSourceUseCase');
         this.dialogRepository = dialogRepository;
         this.updateDialog = updateDialog;
         this.qbConfig = qbConfig;
     }
     async execute() {
-        console.log('execute UpdateCurrentDialogInDataSourceUseCase');
         const result = await this.dialogRepository.updateCurrentDialogInLocalDataSource(this.updateDialog, this.qbConfig);
         return Promise.resolve(result);
     }
@@ -69542,7 +69440,6 @@ class UpdateCurrentDialogInDataSourceUseCase {
 
 
 function useDialogListViewModel(currentContext, initPagination) {
-    console.log('3.1. useDialogListViewModel');
     const startPagination = initPagination || new Pagination();
     const [loading, setLoading] = (0,external_commonjs_react_commonjs2_react_amd_react_root_React_.useState)(false);
     const [error, setError] = (0,external_commonjs_react_commonjs2_react_amd_react_root_React_.useState)('');
@@ -73309,7 +73206,6 @@ const EditDialog_EditDialog_EditDialog = ({ nameDialog = '', typeDialog, ulrIcon
 
 
 function useUsersListViewModel(dialogEntity) {
-    console.log('create useUsersListViewModel');
     const [loading, setLoading] = (0,external_commonjs_react_commonjs2_react_amd_react_root_React_.useState)(false);
     const [error, setError] = (0,external_commonjs_react_commonjs2_react_amd_react_root_React_.useState)('error with getting user list');
     const [users, setUsers] = (0,external_commonjs_react_commonjs2_react_amd_react_root_React_.useState)([]);
@@ -73365,7 +73261,6 @@ function useUsersListViewModel(dialogEntity) {
         }
     }
     async function getUsers() {
-        console.log('call getUsers in useUsersListViewModel');
         const participants = 
         // eslint-disable-next-line no-nested-ternary
         dialog?.type === DialogType.group
@@ -73374,7 +73269,6 @@ function useUsersListViewModel(dialogEntity) {
                 ? [dialog.participantId]
                 : [];
         await fetchUsersData(participants);
-        console.log('EXECUTE USE CASES getUsers');
     }
     async function getUserById(id) {
         const response = await getUsersData([id]);
@@ -73506,7 +73400,6 @@ class GetAllUsersUseCase {
     currentPagination;
     filter;
     constructor(usersRepository, currentPagination, filter) {
-        console.log('CONSTRUCTOR GetUsersByIdsUseCase');
         this.usersRepository = usersRepository;
         this.currentPagination = currentPagination;
         this.filter = filter;
@@ -76254,7 +76147,7 @@ function reducer(state, action) {
             return state;
     }
 }
-function MessageItem_MessageItem_MessageItem({ message, currentUserId, enableForwarding, enableReplying, onReply, onForward, 
+function MessageItem_MessageItem_MessageItem({ message, avatar, currentUserId, enableForwarding, enableReplying, onReply, onForward, 
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 listRef, messagesToView, AITranslateWidget, AIAssistWidget, maxTokens, defaultTranslationLanguage, languagesForAITranslate, onError, disableAction = false, }) {
     const messageStates = {};
@@ -76335,7 +76228,8 @@ listRef, messagesToView, AITranslateWidget, AIAssistWidget, maxTokens, defaultTr
     }
     if (messageTypes === TypeIncomingMessage ||
         messageTypes === TypeOutgoingMessage) {
-        return ((0,jsx_runtime_.jsxs)("div", { children: [renderForwardedReplyMessageSegment(messageTypes), !message.message.includes(MessageDTOMapper.FORWARD_MESSAGE_PREFIX) && ((0,jsx_runtime_.jsx)(Message_Message_Message, { avatar: (0,jsx_runtime_.jsx)(Avatar_Avatar_Avatar, { src: message?.sender?.photo || '', icon: (0,jsx_runtime_.jsx)(userreact, {}), size: "md" }), userName: senderName, status: getStatusMessage(message), time: getTimeShort24hFormat(message.date_sent), type: messageTypes, bottomPart: !(message.attachments && message.attachments.length > 0) &&
+        return ((0,jsx_runtime_.jsxs)("div", { children: [renderForwardedReplyMessageSegment(messageTypes), !message.message.includes(MessageDTOMapper.FORWARD_MESSAGE_PREFIX) && ((0,jsx_runtime_.jsx)(Message_Message_Message, { avatar: avatar ||
+                        (0,jsx_runtime_.jsx)(Avatar_Avatar_Avatar, { src: message?.sender?.photo || '', icon: (0,jsx_runtime_.jsx)(userreact, {}), size: "md" }), userName: senderName, status: getStatusMessage(message), time: getTimeShort24hFormat(message.date_sent), type: messageTypes, bottomPart: !(message.attachments && message.attachments.length > 0) &&
                         AITranslateWidget ? ((0,jsx_runtime_.jsx)(AITranslate_AITranslate_AITranslate, { disableAction: disableAction, AITranslateWidget: AITranslateWidget, defaultLanguage: defaultTranslationLanguage, languages: languagesForAITranslate, originalTextMessage: state[message.id] && state[message.id].translatedText
                             ? state[message.id].translatedText.length === 0
                             : true, loading: state[message.id] && state[message.id].loading
@@ -76634,7 +76528,6 @@ class AIAnswerAssistUseCase {
     sessionToken;
     openAIModel;
     constructor(textToSend, dialogMessages, servername, api, port, sessionToken, openAIModel = 'gpt-3.5-turbo') {
-        console.log('CONSTRUCTOR AIRephraseUseCase');
         this.api = api;
         this.openAIModel = openAIModel;
         this.port = port;
@@ -76644,7 +76537,6 @@ class AIAnswerAssistUseCase {
         this.dialogMessages = dialogMessages;
     }
     async execute() {
-        console.log('execute AIRephraseUseCase');
         const settings = dist_browser.QBAIAnswerAssistant.createDefaultAIAnswerAssistantSettings();
         settings.apiKey = this.sessionToken;
         // settings.organization = 'Quickblox';
@@ -76720,7 +76612,6 @@ class AITranslateUseCase {
     sessionToken;
     openAIModel;
     constructor(textToSend, language, dialogMessages, servername, api, port, sessionToken, openAIModel = 'gpt-3.5-turbo') {
-        console.log('CONSTRUCTOR AIRephraseUseCase');
         this.api = api;
         this.openAIModel = openAIModel;
         this.port = port;
@@ -76731,7 +76622,6 @@ class AITranslateUseCase {
         this.dialogMessages = dialogMessages;
     }
     async execute() {
-        console.log('execute AIRephraseUseCase');
         const settings = 
         // eslint-disable-next-line @typescript-eslint/no-unsafe-call
         qb_ai_translate_dist_browser.QBAITranslate.createDefaultAITranslateSettings();
@@ -76815,7 +76705,6 @@ class AIRephraseUseCase {
     sessionToken;
     openAIModel;
     constructor(textToSend, tone, dialogMessages, servername, api, port, sessionToken, openAIModel = 'gpt-3.5-turbo') {
-        console.log('CONSTRUCTOR AIRephraseUseCase');
         this.api = api;
         this.openAIModel = openAIModel;
         this.port = port;
@@ -76826,7 +76715,6 @@ class AIRephraseUseCase {
         this.dialogMessages = dialogMessages;
     }
     async execute() {
-        console.log('execute AIRephraseUseCase');
         const settings = browser.QBAIRephrase.createDefaultAIRephraseSettings();
         settings.apiKey = this.sessionToken;
         // settings.organization = 'Quickblox';
@@ -76931,7 +76819,6 @@ class AIAnswerAssistWithProxyUseCase {
     sessionToken;
     openAIModel;
     constructor(textToSend, dialogMessages, servername, api, port, sessionToken, openAIModel = 'gpt-3.5-turbo') {
-        console.log('CONSTRUCTOR AIRephraseUseCase');
         this.api = api;
         this.openAIModel = openAIModel;
         this.port = port;
@@ -76941,7 +76828,6 @@ class AIAnswerAssistWithProxyUseCase {
         this.dialogMessages = dialogMessages;
     }
     async execute() {
-        console.log('execute AIRephraseUseCase');
         const settings = dist_browser.QBAIAnswerAssistant.createDefaultAIAnswerAssistantSettings();
         settings.token = this.sessionToken;
         // settings.organization = 'Quickblox';
@@ -77004,7 +76890,6 @@ class AITranslateWithProxyUseCase {
     sessionToken;
     openAIModel;
     constructor(textToSend, language, dialogMessages, servername, api, port, sessionToken, openAIModel = 'gpt-3.5-turbo') {
-        console.log('CONSTRUCTOR AIRephraseUseCase');
         this.api = api;
         this.openAIModel = openAIModel;
         this.port = port;
@@ -77015,7 +76900,6 @@ class AITranslateWithProxyUseCase {
         this.dialogMessages = dialogMessages;
     }
     async execute() {
-        console.log('execute AIRephraseUseCase');
         const settings = 
         // eslint-disable-next-line @typescript-eslint/no-unsafe-call
         qb_ai_translate_dist_browser.QBAITranslate.createDefaultAITranslateSettings();
@@ -77085,7 +76969,6 @@ class AIRephraseWithProxyUseCase {
     sessionToken;
     openAIModel;
     constructor(textToSend, tone, dialogMessages, servername, api, port, sessionToken, openAIModel = 'gpt-3.5-turbo') {
-        console.log('CONSTRUCTOR AIRephraseUseCase');
         this.api = api;
         this.openAIModel = openAIModel;
         this.port = port;
@@ -77096,7 +76979,6 @@ class AIRephraseWithProxyUseCase {
         this.dialogMessages = dialogMessages;
     }
     async execute() {
-        console.log('execute AIRephraseUseCase');
         const settings = browser.QBAIRephrase.createDefaultAIRephraseSettings();
         settings.token = this.sessionToken;
         // settings.organization = 'Quickblox';
@@ -77169,7 +77051,6 @@ class GetAllMessagesForDialogMock {
     dialogId;
     currentPagination;
     constructor(messagesRepository, dialogId, currentPagination) {
-        console.log('CONSTRUCTOR GetAllMessagesForDialog');
         this.messagesRepository = messagesRepository;
         this.dialogId = dialogId;
         this.currentPagination = currentPagination;
@@ -77371,12 +77252,10 @@ class SendTextMessageUseCase {
     messagesRepository;
     messageToSend;
     constructor(messagesRepository, messageToSend) {
-        console.log('CONSTRUCTOR SendTextMessageUseCase');
         this.messagesRepository = messagesRepository;
         this.messageToSend = messageToSend;
     }
     async execute() {
-        console.log('execute SendTextMessageUseCase');
         const sentMessage = await this.messagesRepository.sendMessageToRemote(this.messageToSend);
         return Promise.resolve(sentMessage);
     }
@@ -77391,13 +77270,11 @@ class UserTypingMessageUseCase {
     _typingTimer = null;
     _typingTime = 0;
     constructor(messagesRepository, dialog, senderId) {
-        console.log('CONSTRUCTOR SendUserIsTypingMessageUseCase');
         this.messagesRepository = messagesRepository;
         this.dialog = dialog;
         this.senderId = senderId;
     }
     async execute() {
-        console.log('execute SendUserIsTypingMessageUseCase');
         this._typingTime = Date.now();
         if (!this._typingTimer) {
             await this.messagesRepository.typingMessageStart(this.dialog, this.senderId);
@@ -77424,7 +77301,6 @@ class ForwardMessagesUseCase {
     relatedMessage;
     userName;
     constructor(messagesRepository, targetDialogs, messagesToForward, relatedMessage, userName) {
-        console.log('CONSTRUCTOR ForwardMessagesUseCase');
         this.messagesRepository = messagesRepository;
         this.relatedMessage = relatedMessage;
         this.targetDialogs = targetDialogs;
@@ -77463,13 +77339,11 @@ class ReplyMessagesUseCase {
     messagesToReply;
     relatedMessage;
     constructor(messagesRepository, messagesToReply, relatedMessage) {
-        console.log('CONSTRUCTOR ReplyMessagesUseCase');
         this.messagesRepository = messagesRepository;
         this.relatedMessage = relatedMessage;
         this.messagesToReply = messagesToReply;
     }
     async execute() {
-        console.log('execute ReplyMessagesUseCase');
         this.relatedMessage.qb_original_messages = this.messagesToReply;
         this.relatedMessage.qb_message_action = 'reply';
         this.relatedMessage.origin_sender_name =
@@ -77506,7 +77380,6 @@ class ReplyMessagesUseCase {
 
 
 function useDialogViewModel(dialogType, dialogEntity) {
-    console.log('useDialogViewModel');
     const [loading, setLoading] = (0,external_commonjs_react_commonjs2_react_amd_react_root_React_.useState)(false);
     const [error, setError] = (0,external_commonjs_react_commonjs2_react_amd_react_root_React_.useState)('');
     const startPagination = new Pagination(0, 0);
@@ -77642,10 +77515,8 @@ function useDialogViewModel(dialogType, dialogEntity) {
             return newItems;
         });
         setLoading(false);
-        console.log('EXECUTE USE CASE MessagesViewModelWithMockUseCase EXECUTED');
     }
     const dialogUpdateHandler = (dialogInfo) => {
-        console.log('call dialogUpdateHandler in useDialogViewModel');
         if (dialogInfo.eventMessageType === EventMessageType.LocalMessage) {
             if (dialogInfo.messageStatus) {
                 if (dialogInfo.messageStatus.isTyping &&
@@ -77756,7 +77627,6 @@ function useDialogViewModel(dialogType, dialogEntity) {
     };
     const userTypingMessageUseCase = new UserTypingMessageUseCase(new MessagesRepository(LOCAL_DATA_SOURCE, REMOTE_DATA_SOURCE), dialog || dialogEntity, REMOTE_DATA_SOURCE.authInformation?.userId || 0);
     const sendTypingTextMessage = () => {
-        console.log('call release in MessagesViewModelWithMockUseCase');
         userTypingMessageUseCase.execute().catch((reason) => {
             const errorMessage = parse_stringifyError(reason);
             console.log('Error: have exception in sendTypingTextMessage: ', errorMessage);
@@ -77870,7 +77740,6 @@ function useDialogViewModel(dialogType, dialogEntity) {
         return messageToReturn;
     };
     const sendAttachmentMessage = async (newMessage) => {
-        console.log('call sendAttachmentMessage');
         setLoading(true);
         const currentUserId = REMOTE_DATA_SOURCE.authInformation?.userId || 0;
         try {
@@ -78045,14 +77914,12 @@ class AIAnswerAssistWithSDKUseCase {
     dataSource;
     smartChatAssistantId;
     constructor(textToSend, dialogMessages, dataSource, smartChatAssistantId) {
-        console.log('CONSTRUCTOR AIAnswerAssistWithSDKUseCase');
         this.textToSend = textToSend;
         this.dialogMessages = dialogMessages;
         this.dataSource = dataSource;
         this.smartChatAssistantId = smartChatAssistantId;
     }
     async execute() {
-        console.log('execute AIAnswerAssistWithSDKUseCase');
         const history = this.dialogMessages.map((msg) => {
             return {
                 role: msg.role,
@@ -78180,7 +78047,6 @@ class AITranslateWithSDKUseCase {
     dataSource;
     smartChatAssistantId;
     constructor(textToSend, language, dataSource, smartChatAssistantId) {
-        console.log('CONSTRUCTOR AITranslateWithSDKUseCase');
         this.dataSource = dataSource;
         this.textToSend = textToSend;
         this.language = language;
@@ -78190,7 +78056,6 @@ class AITranslateWithSDKUseCase {
         return this.languageCodes[language] || 'en';
     }
     async execute() {
-        console.log('execute AITranslateWithSDKUseCase');
         const response = await this.dataSource.translate(this.textToSend, this.getLanguageCode(this.language), this.smartChatAssistantId);
         return response.answer;
     }
@@ -78856,7 +78721,7 @@ function useQuickBloxUIKit({ AIRephrase = undefined, AITranslate = undefined, AI
         }
     };
     (0,external_commonjs_react_commonjs2_react_amd_react_root_React_.useEffect)(() => {
-        const codeVersion = '0.4.2';
+        const codeVersion = '0.5.0';
         console.log(`React UIKit CODE VERSION IS ${codeVersion}`);
         if (isAuthProcessed()) {
             const pagination = new Pagination();
@@ -79481,9 +79346,7 @@ const QuickBloxUIKitDesktopLayout = ({ theme, AITranslate, AIRephrase, AIAssist,
                             messagesViewModel.messages &&
                             messagesViewModel.messages.length > 0 && ((0,jsx_runtime_.jsx)(SectionList, { resetScroll: scrollUpToDown, className: "messages-container", onEndReached: fetchMoreData, onEndReachedThreshold: 0.95, refreshing: needRefresh || messagesViewModel?.loading, renderSectionHeader: (section) => ((0,jsx_runtime_.jsx)("div", { className: "message-view-container--system-message-wrapper", children: (0,jsx_runtime_.jsx)("div", { style: theme
                                         ? { backgroundColor: theme.disabledElements() }
-                                        : {}, className: "message-view-container--system-message-wrapper__date_container", children: (0,jsx_runtime_.jsx)(MessageSeparator_MessageSeparator_MessageSeparator, { text: section.title, type: "date" }) }) })), renderItem: ([, groupMessages], listRef) => groupMessages.map((message) => ((0,jsx_runtime_.jsx)(MessageItem_MessageItem_MessageItem, { disableAction: !isOnline, 
-                                // defaultGetSenderName={defaultGetSenderName}
-                                message: message, currentUserId: currentUserId || -1, enableForwarding: enableForwarding, enableReplying: enableReplying, onReply: (m) => {
+                                        : {}, className: "message-view-container--system-message-wrapper__date_container", children: (0,jsx_runtime_.jsx)(MessageSeparator_MessageSeparator_MessageSeparator, { text: section.title, type: "date" }) }) })), renderItem: ([, groupMessages], listRef) => groupMessages.map((message) => ((0,jsx_runtime_.jsx)(MessageItem_MessageItem_MessageItem, { disableAction: !isOnline, avatar: (0,jsx_runtime_.jsx)(Avatar_Avatar_Avatar, { src: message?.sender?.photo || '', icon: (0,jsx_runtime_.jsx)(userreact, {}), size: "md" }), message: message, currentUserId: currentUserId || -1, enableForwarding: enableForwarding, enableReplying: enableReplying, onReply: (m) => {
                                     handleOnReply(m);
                                 }, onForward: (m) => {
                                     if (isOnline) {