quickblox-react-ui-kit 0.5.1-beta.1 → 0.5.1-join-dialog-off.1

package/dist/index-ui.js

@@ -52,7 +52,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, `:root{--primary: #3978FC;--color-backg
 
 var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, `.edit-container{min-height:236px;max-height:236px;height:236px;width:100%;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start}.edit-btn-container{min-height:34px;max-height:34px;height:34px;width:100%;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-end;align-items:flex-end}.edit-dialog-container{min-height:180px;max-height:180px;height:180px;width:100%;margin-bottom:24px}.edit-dialog-container--disable{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:100;display:block}.edit-dialog-container--wrapper{min-height:180px;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start}.edit-dialog-container--wrapper__inf{min-height:20px;font-style:normal;font-weight:400;font-size:14px;line-height:20px;letter-spacing:.25px;color:var(--main-text)}.edit-dialog-container--wrapper__icon-container{min-height:56px;max-height:56px;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start}.edit-dialog-container--wrapper__icon-container__icon{min-height:56px;max-height:56px;height:56px;min-width:56px;margin-top:8px;background-color:var(--disabled-elements);border-radius:50%;text-align:center;align-content:center;display:flex;justify-content:center;align-items:center}.edit-dialog-container--wrapper__icon-container__upload{min-height:32px;max-height:32px;min-width:80px;max-width:80px;margin-top:8px;padding-left:16px;padding-top:20px;font-style:normal;font-weight:700;font-size:14px;line-height:16px;letter-spacing:.4px;color:var(--color-icon)}.edit-dialog-container--wrapper__upload-error{min-height:20px;font-style:normal;font-weight:400;font-size:14px;line-height:20px;letter-spacing:.25px;margin-top:5px;color:var(--error)}.edit-dialog-container--wrapper__dialog-name-inf{min-height:20px;font-style:normal;font-weight:400;font-size:14px;line-height:20px;letter-spacing:.25px;margin-top:24px;color:var(--main-text)}.edit-dialog-container--wrapper__text-field{width:100%}`, ""]);
+___CSS_LOADER_EXPORT___.push([module.id, `.edit-container{min-height:236px;max-height:236px;height:236px;width:100%;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start}.edit-btn-container{min-height:34px;max-height:34px;height:34px;width:100%;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-end;align-items:flex-end}.edit-dialog-container{min-height:180px;max-height:180px;height:180px;width:100%;margin-bottom:24px}.edit-dialog-container--disable{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:100;display:block}.edit-dialog-container--wrapper{min-height:180px;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start}.edit-dialog-container--wrapper__inf{min-height:20px;font-style:normal;font-weight:400;font-size:14px;line-height:20px;letter-spacing:.25px;color:var(--main-text)}.edit-dialog-container--wrapper__icon-container{min-height:56px;max-height:56px;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start}.edit-dialog-container--wrapper__icon-container__icon{min-height:56px;max-height:56px;height:56px;min-width:56px;margin-top:8px;background-color:var(--disabled-elements);border-radius:50%;text-align:center;align-content:center;display:flex;justify-content:center;align-items:center}.edit-dialog-container--wrapper__icon-container__upload{min-height:32px;max-height:32px;min-width:80px;max-width:80px;margin-top:8px;padding-left:16px;padding-top:20px;font-style:normal;font-weight:700;font-size:14px;line-height:16px;letter-spacing:.4px;color:var(--color-icon)}.edit-dialog-container--wrapper__upload-error{min-height:20px;font-style:normal;font-weight:400;font-size:14px;line-height:20px;letter-spacing:.25px;margin-top:5px;color:var(--error)}.edit-dialog-container--wrapper__dialog-name-inf{min-height:20px;font-style:normal;font-weight:400;font-size:14px;line-height:20px;letter-spacing:.25px;margin-top:24px;color:var(--main-text)}.edit-dialog-container--wrapper__auto-join{min-height:20px;font-style:normal;font-weight:400;font-size:14px;line-height:20px;letter-spacing:.25px;margin-top:5px;color:var(--error);display:flex;flex-flow:row}.edit-dialog-container--wrapper__auto-join svg{margin:2px 2px 0 0;fill:var(--error)}.edit-dialog-container--wrapper__text-field{width:100%}`, ""]);
 // Exports
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
 
@@ -52560,7 +52560,23 @@ qbRTCPeerConnection.prototype.setLocalSessionDescription = function (params, cal
                     );
                     recvCodecs.unshift(arrayWithPreferredRecvCodec[0]);
                 }
-                transceiver.setCodecPreferences(sendCodecs.concat(recvCodecs));
+                // transceiver.setCodecPreferences(sendCodecs);
+                // transceiver.setCodecPreferences(recvCodecs);
+                //new code: without  H264
+                var filteredSendCodecs = sendCodecs.filter(function(codec) {
+                    return !codec.mimeType.toLowerCase().includes('h264');
+                });
+
+                var filteredRecvCodecs = recvCodecs.filter(function(codec) {
+                    return !codec.mimeType.toLowerCase().includes('h264');
+                });
+
+                var codecs = filteredSendCodecs.concat(filteredRecvCodecs);
+
+                // set up prefer codecs
+                transceiver.setCodecPreferences(codecs);
+                // original code
+                // transceiver.setCodecPreferences(sendCodecs.concat(recvCodecs));
             }
         });
     }
@@ -55565,7 +55581,7 @@ module.exports = StreamManagement;
  */
 
 var config = {
-  version: '2.19.3-beta.4',
+  version: '2.20.0',
   buildNumber: '1165',
   creds: {
     'appId': 0,
@@ -56726,7 +56742,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, `.message-context-menu-actions{border-r
 
 var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, `.desktop-layout-main-container{display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:flex-start;margin:0 auto}.desktop-layout-main-container__item-left{border-bottom:1px solid var(--divider);flex:1 1 320px;height:100%}.desktop-layout-main-container__item-right{border:1px solid var(--divider);flex:1 0 320px;width:100%;height:100%}.desktop-layout-main-container__item-center{border-style:solid;border-color:var(--divider, #e7efff);border-width:1px 1px 1px 0;height:100%;width:100%}.dialog-leave-container{display:flex;align-items:center;justify-content:flex-end;margin-top:48px;gap:8px}.empty-chat-placeholder{display:flex;justify-content:center;align-items:center;height:100%}.empty-chat-history-placeholder{justify-content:center;height:100%}`, ""]);
+___CSS_LOADER_EXPORT___.push([module.id, `.desktop-layout-main-container{display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:flex-start;margin:0 auto}.desktop-layout-main-container__item-left{border-bottom:1px solid var(--divider);flex:1 1 320px;height:100%}.desktop-layout-main-container__item-right{border:1px solid var(--divider);flex:1 0 320px;width:100%;height:100%}.desktop-layout-main-container__item-center{border-style:solid;border-color:var(--divider, #e7efff);border-width:1px 1px 1px 0;height:100%;width:100%}.dialog-leave-container{display:flex;align-items:center;justify-content:flex-end;margin-top:48px;gap:8px}.empty-chat-placeholder{display:flex;justify-content:center;align-items:center;height:100%}.empty-chat-history-placeholder{justify-content:center;height:100%}@media only screen and (max-width: 430px){.desktop-layout-main-container{display:block}}`, ""]);
 // Exports
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
 
@@ -59378,7 +59394,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, `.dialog-preview-container{display:flex
 
 var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, `.dialog-header{width:100%;padding:12px 16px 12px 20px;display:flex;align-items:center;gap:33px}.dialog-header,.dialog-header *{box-sizing:border-box}.dialog-header__icon{cursor:pointer;width:24px;height:24px;flex-shrink:0}.dialog-header__icon svg{width:24px;height:24px;fill:var(--main-elements)}.dialog-header__back{color:var(--main-text);fill:var(--main-text)}.dialog-header__body{width:100%;display:flex;gap:33px;align-items:center;justify-content:space-between;overflow:hidden}.dialog-header__body-left{display:flex;align-items:center;justify-content:flex-start;gap:8px;overflow:hidden}.dialog-header__body-right{height:24px;display:flex;align-items:center;gap:16px}.dialog-header__title{color:var(--main-text, #0b1b0f);text-align:left;font:var(--title-title-large);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dialog-header__line{border-style:solid;border-color:var(--color-divider, #e7efff);border-width:0 0 1px 0}@media only screen and (max-width: var(--min-width-screen-desktop)){.dialog-header__body-left{gap:3px}}@media only screen and (min-width: 981px){.dialog-header__back{display:none}}`, ""]);
+___CSS_LOADER_EXPORT___.push([module.id, `.dialog-header{width:100%;padding:12px 16px 12px 20px;display:flex;align-items:center;gap:33px}.dialog-header,.dialog-header *{box-sizing:border-box}.dialog-header__icon{cursor:pointer;width:24px;height:24px;flex-shrink:0}.dialog-header__icon svg{width:24px;height:24px;fill:var(--main-elements)}.dialog-header__back{color:var(--main-text);fill:var(--main-text)}.dialog-header__body{width:100%;display:flex;gap:33px;align-items:center;justify-content:space-between;overflow:hidden}.dialog-header__body-left{display:flex;align-items:center;justify-content:flex-start;gap:8px;overflow:hidden}.dialog-header__body-right{height:24px;display:flex;align-items:center;gap:16px}.dialog-header__title{color:var(--main-text, #0b1b0f);text-align:left;font:var(--title-title-large);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dialog-header__line{border-style:solid;border-color:var(--color-divider, #e7efff);border-width:0 0 1px 0}@media only screen and (max-width: var(--min-width-screen-desktop)){.dialog-header__body-left{gap:3px}.dialog-header__body{width:unset}}@media only screen and (min-width: 981px){.dialog-header__back{display:none}}`, ""]);
 // Exports
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
 
@@ -61421,6 +61437,7 @@ class RemoteDialogDTO {
     unreadMessageCount;
     name;
     photo;
+    is_join_required;
     constructor() {
         this.id = '';
         this.type = 0;
@@ -61435,6 +61452,7 @@ class RemoteDialogDTO {
         this.unreadMessageCount = 0;
         this.name = '';
         this.photo = '';
+        this.is_join_required = undefined;
     }
 }
 
@@ -61499,6 +61517,7 @@ class DialogDTOMapper {
             updated_at: dialogDTO.updatedAt,
             user_id: parseInt(dialogDTO.ownerId, 10),
             xmpp_room_jid: null,
+            is_join_required: dialogDTO.is_join_required,
         };
         return Promise.resolve(dialog);
     }
@@ -61692,6 +61711,11 @@ class DialogDTOMapper {
                 const { updatedAt } = v;
                 return updatedAt !== undefined && updatedAt !== null;
             },
+            is_join_required(v) {
+                // eslint-disable-next-line @typescript-eslint/no-unused-vars
+                const { is_join_required } = v;
+                return true;
+            },
         };
         if (!dialogDTOValidator.id(dto))
             throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {id} does not exist or empty');
@@ -61784,6 +61808,11 @@ class DialogDTOMapper {
                 const { xmpp_room_jid } = v;
                 return xmpp_room_jid !== undefined && xmpp_room_jid !== null;
             },
+            is_join_required(v) {
+                // eslint-disable-next-line @typescript-eslint/no-unused-vars
+                const { is_join_required } = v;
+                return true;
+            },
         };
         if (!qbDialogValidator._id(qbDialog))
             throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {id} does not exist or empty');
@@ -62354,6 +62383,63 @@ function QBCreateGroupDialog(userIds, dialogName, data) {
         });
     });
 }
+// START
+function QBCreatePrivateDialogWithAutojoinFalse(userId, dialogName, data) {
+    console.log(`call QBCreatePrivateDialog with userid: ${userId} dialog name: ${dialogName || '-'}`);
+    return new Promise((resolve, reject) => {
+        // eslint-disable-next-line @typescript-eslint/no-shadow
+        const QB = getQB();
+        QB.chat.dialog.create({ name: dialogName || '-', occupants_ids: [userId], type: 3, data, is_join_required: 0 }, (error, chat) => {
+            if (error) {
+                reject(stringifyError(error));
+            }
+            else {
+                resolve(chat);
+            }
+        });
+    });
+}
+function QBCreateGroupDialogWithAutojoinFalse(userIds, dialogName, data) {
+    console.log(`call QBCreateGroupDialog with ids: ${JSON.stringify(userIds)} name: ${dialogName || ''}`);
+    let params = {};
+    if (data && data?.photo) {
+        params = {
+            name: dialogName || '-',
+            occupants_ids: [userIds],
+            type: 2,
+            photo: data?.photo,
+            is_join_required: 0,
+        };
+    }
+    else {
+        params = {
+            name: dialogName || '-',
+            occupants_ids: [userIds],
+            type: 2,
+            is_join_required: 0
+        };
+    }
+    return new Promise((resolve, reject) => {
+        // eslint-disable-next-line @typescript-eslint/no-shadow
+        const QB = getQB();
+        QB.chat.dialog.create(
+        // {
+        //   name: dialogName || '-',
+        //   occupants_ids: [userIds],
+        //   type: 2,
+        //   photo: data?.photo,
+        // },
+        params, (error, chat) => {
+            if (error) {
+                reject(parse_stringifyError(error));
+            }
+            else {
+                resolve(chat);
+            }
+        });
+    });
+}
+// END
 function QBUpdateDialog(dialogId, data) {
     return new Promise((resolve, reject) => {
         // eslint-disable-next-line @typescript-eslint/no-shadow
@@ -62373,15 +62459,9 @@ function QBJoinGroupDialog(dialogId) {
         // eslint-disable-next-line @typescript-eslint/no-shadow
         const QB = getQB();
         const dialogJid = QB.chat.helpers.getRoomJidFromDialogId(dialogId);
-        // QB.chat.muc.join(dialogJid, (error, res) => {
-        //   if (error) {
-        //     console.log('ERROR in QBJoinGroupDialog with join group dialog:', error);
-        //     reject(stringifyError(error));
-        //   } else {
-        //     console.log('QBJoinGroupDialog: join group dialog:', res);
-        //     resolve(res);
-        //   }
-        // });
+        // для ВЕРСИИ ТЕСТОВОГО ПРИМЕРА СПИСОК ДИАЛГОВ БЕЗ АВТОДЖОИНА нужно просто закомментировать
+        // содержимое этого
+        // метода
         QB.chat.muc.join(dialogJid, (error, res) => {
             if (error) {
                 console.log('ERROR in QBJoinGroupDialog with join group dialog:', error);
@@ -62433,9 +62513,10 @@ function QBLeaveDialog(dialogId) {
         // eslint-disable-next-line @typescript-eslint/no-shadow
         const QB = getQB();
         const dialogJid = QB.chat.helpers.getRoomJidFromDialogId(dialogId);
+        // unjoin
         QB.chat.muc.leave(dialogJid, (error, res) => {
             if (error) {
-                reject(stringifyError(error));
+                reject(parse_stringifyError(error));
             }
             else {
                 resolve(res);
@@ -62485,33 +62566,6 @@ function QBCreateAndUploadContent(paramContent) {
         });
     });
 }
-// export function QBChatGetMessages(
-//   dialogId: QBChatDialog['_id'],
-//   skip = 0,
-//   limit = 100,
-// ) {
-//   return new Promise<GetMessagesResult & { dialogId: QBChatDialog['_id'] }>(
-//     (resolve, reject) => {
-//       QB.chat.message.list(
-//         {
-//           chat_dialog_id: dialogId,
-//           sort_desc: 'date_sent',
-//           limit,
-//           skip,
-//           mark_as_read: 0,
-//         },
-//         (error, messages) => {
-//           if (error) {
-//             reject(stringifyError(error));
-//           } else {
-//             resolve({ ...messages, dialogId });
-//           }
-//         },
-//       );
-//     },
-//   );
-// }
-// //
 function qbChatGetMessagesExtended(dialogId, params = {}) {
     return new Promise((resolve, reject) => {
         // eslint-disable-next-line @typescript-eslint/no-shadow
@@ -62599,9 +62653,6 @@ function QBWebRTCSessionGetUserMedia(session, params) {
         });
     });
 }
-// export interface AIAnswerResponse {
-//   answer: string;
-// } // artim 19.05.2024
 function QBAnswerAssist(smartChatAssistantId, messageToAssist, history) {
     return new Promise((resolve, reject) => {
         // eslint-disable-next-line @typescript-eslint/no-shadow
@@ -63722,12 +63773,12 @@ class Stubs {
             id: '10231',
             type: FileType.image,
             uid: '10231',
-            url: 'https://files.readme.io/00b5563-small-qb-logo-docs-white-9px.png',
+            url: 'https://via.placeholder.com/600/92c952',
             file: {
                 id: '10231',
                 uid: '',
                 type: FileType.image,
-                url: 'https://files.readme.io/00b5563-small-qb-logo-docs-white-9px.png',
+                url: 'https://via.placeholder.com/600/92c952',
             },
         };
         const photoAttachments = [photo];
@@ -63816,12 +63867,12 @@ class Stubs {
             id: '10231',
             type: FileType.image,
             uid: '10231',
-            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',
+            url: 'https://via.placeholder.com/600/92c952',
             file: {
                 id: '10231',
                 uid: '',
                 type: FileType.image,
-                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',
+                url: 'https://via.placeholder.com/600/92c952',
             },
         };
         const photoAttachments = [photo];
@@ -64050,6 +64101,7 @@ class Stubs {
                 lastMessageId: '',
                 unreadMessageCount: 0,
                 updatedAt: '',
+                is_join_required: undefined,
             },
             {
                 id: '2',
@@ -64065,6 +64117,7 @@ class Stubs {
                 lastMessageId: '',
                 unreadMessageCount: 0,
                 updatedAt: '',
+                is_join_required: undefined,
             },
             {
                 id: '3',
@@ -64080,6 +64133,7 @@ class Stubs {
                 lastMessageId: '',
                 unreadMessageCount: 0,
                 updatedAt: '',
+                is_join_required: undefined,
             },
             {
                 id: '4',
@@ -64095,6 +64149,7 @@ class Stubs {
                 lastMessageId: '',
                 unreadMessageCount: 0,
                 updatedAt: '',
+                is_join_required: undefined,
             },
             {
                 id: '5',
@@ -64110,6 +64165,7 @@ class Stubs {
                 lastMessageId: '',
                 unreadMessageCount: 0,
                 updatedAt: '',
+                is_join_required: undefined,
             },
             {
                 id: '6',
@@ -64125,6 +64181,7 @@ class Stubs {
                 lastMessageId: '',
                 unreadMessageCount: 0,
                 updatedAt: '',
+                is_join_required: undefined,
             },
             {
                 id: '7',
@@ -64140,6 +64197,7 @@ class Stubs {
                 lastMessageId: '',
                 unreadMessageCount: 0,
                 updatedAt: '',
+                is_join_required: undefined,
             },
         ];
         return dialogs;
@@ -64161,6 +64219,7 @@ class Stubs {
             updated_at: '02.03.2023',
             user_id: 0,
             xmpp_room_jid: null,
+            is_join_required: undefined,
         };
         return qbDialog;
     }
@@ -64181,6 +64240,7 @@ class Stubs {
             updated_at: '02.03.2023',
             user_id: 0,
             xmpp_room_jid: null,
+            is_join_required: undefined,
         };
         return qbDialog;
     }
@@ -64201,6 +64261,7 @@ class Stubs {
             updated_at: '02.03.2023',
             user_id: 0,
             xmpp_room_jid: null,
+            is_join_required: undefined,
         };
         return qbDialog;
     }
@@ -64304,12 +64365,12 @@ class Stubs {
             id: '10231',
             type: FileType.image,
             uid: '10231',
-            url: 'https://files.readme.io/00b5563-small-qb-logo-docs-white-9px.png',
+            url: 'https://via.placeholder.com/600/92c952',
             file: {
                 id: '10231',
                 uid: '',
                 type: FileType.image,
-                url: 'https://files.readme.io/00b5563-small-qb-logo-docs-white-9px.png',
+                url: 'https://via.placeholder.com/600/92c952',
             },
         };
         const photoAttachments = [photo];
@@ -65381,6 +65442,11 @@ class DialogRemoteDTOMapper {
                 const { updatedAt } = v;
                 return updatedAt !== undefined;
             },
+            is_join_required(v) {
+                // eslint-disable-next-line @typescript-eslint/no-unused-vars
+                const { is_join_required } = v;
+                return true;
+            },
         };
         if (!dtoValidator.id(data))
             throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {id} does not exist or empty in DTO');
@@ -65703,6 +65769,8 @@ const QBConfig = {
         },
         pingLocalhostTimeInterval: 5,
         chatReconnectionTimeInterval: 3,
+        showPublicDialogsInList: false,
+        allowPublicDialogCreation: false,
         debug: true,
         enableForwarding: true,
         enableReplying: true,
@@ -66311,17 +66379,26 @@ class RemoteDataSource {
     }
     //get dialogs flow
     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);
-        }
-        catch (reason) {
-            console.log(`QBJoinGroupDialog error for dialog ${dialogId}:`, reason);
+        // 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);
+        // } catch (reason) {
+        //   console.log(`QBJoinGroupDialog error for dialog ${dialogId}:`, reason);
+        //   this.joinStatusMap.set(dialogId, false);
+        // }
+    }
+    async joinDialog(dialogDto) {
+        const dialogId = dialogDto.id;
+        await QBJoinGroupDialog(dialogId).catch(() => {
             this.joinStatusMap.set(dialogId, false);
-        }
+            throw new RemoteDataSourceException(INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_MESSAGE, INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_CODE);
+        });
     }
     //version 0.5.0-beta.11,12,14
     startJoinRetryProcess() {
@@ -66385,7 +66462,8 @@ class RemoteDataSource {
                 if (!qbEntity)
                     continue;
                 const newDTO = await this.getCurrentDialogDTOMapper().toTDO(qbEntity);
-                if (newDTO.type === DialogType.group && !this.processedDialogs.has(newDTO.id)) {
+                if (newDTO.type === DialogType.group &&
+                    !this.processedDialogs.has(newDTO.id)) {
                     this.processedDialogs.add(newDTO.id);
                     if (!this.joinStatusMap.has(newDTO.id)) {
                         this.joinStatusMap.set(newDTO.id, false);
@@ -66620,6 +66698,26 @@ class RemoteDataSource {
         console.log('have result in createDialog in remote ds: ', JSON.stringify(newDTO));
         return Promise.resolve(newDTO);
     }
+    async createDialogWithAutojoin(dto) {
+        console.log('call createDialogWithAutoJoin in remote with params: ', JSON.stringify(dto));
+        const qbEntity = await this.getCurrentDialogDTOMapper().fromDTO(dto);
+        let qbDialog;
+        if (qbEntity.type === DialogType.private) {
+            const participantId = qbEntity.occupants_ids[0];
+            qbDialog = await QBCreatePrivateDialog(participantId, qbEntity.name);
+        }
+        else if (qbEntity.type === DialogType.group) {
+            const participants = qbEntity.occupants_ids;
+            const data = { photo: qbEntity.photo };
+            qbDialog = await QBCreateGroupDialogWithAutojoinFalse(participants, qbEntity.name, data);
+        }
+        if (qbDialog === null || qbDialog === undefined) {
+            return Promise.reject(new RemoteDataSourceException(INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_MESSAGE, INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_CODE));
+        }
+        const newDTO = await this.getCurrentDialogDTOMapper().toTDO(qbDialog);
+        console.log('have result in createDialog in remote ds: ', JSON.stringify(newDTO));
+        return Promise.resolve(newDTO);
+    }
     async updateDialog(dto) {
         const qbEntity = await this.getCurrentDialogDTOMapper().fromDTO(dto);
         let data = {};
@@ -66687,6 +66785,14 @@ class RemoteDataSource {
         }
         return Promise.resolve();
     }
+    async unjoinUsersFromDialog(dialogDTO) {
+        const qbEntity = await this.getCurrentDialogDTOMapper().fromDTO(dialogDTO);
+        const qbResult = await QBLeaveDialog(qbEntity._id);
+        if (qbResult === null || qbResult === undefined) {
+            return Promise.reject(new RemoteDataSourceException(INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_MESSAGE, INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_CODE));
+        }
+        return Promise.resolve();
+    }
     // async getUser(dto: RemoteUserDTO): Promise<RemoteUserDTO> {
     //   const currentItem: QBUser | undefined = await QBUsersGetById(
     //     parseInt(dto.id, 10),
@@ -67152,6 +67258,20 @@ class DialogsRepository {
             return Promise.reject(e);
         }
     }
+    async createDialogWithAutojoinInRemote(entity) {
+        console.log('call createDialogInRemote in Repository with param: ', JSON.stringify(entity));
+        const remoteDialogDTO = await this.dialogRemoteDTOMapper.fromEntity(entity);
+        console.log('have remoteDialogDTO: ', JSON.stringify(remoteDialogDTO));
+        try {
+            const resultDTO = await this.remoteDataSource.createDialogWithAutojoin(remoteDialogDTO);
+            const resultEntity = await this.dialogRemoteDTOMapper.toEntity(resultDTO);
+            console.log('have result entity in createDialogInRemote:', JSON.stringify(resultEntity));
+            return Promise.resolve(resultEntity);
+        }
+        catch (e) {
+            return Promise.reject(e);
+        }
+    }
     async updateDialogInLocal(entity) {
         try {
             const dto = await this.dialogLocalDTOMapper.fromEntity(entity);
@@ -67308,6 +67428,18 @@ class DialogsRepository {
             return Promise.reject(e);
         }
     }
+    async unjoinUsersFromDialog(dialogId) {
+        const dialogDTO = new RemoteDialogDTO();
+        dialogDTO.id = dialogId;
+        await this.remoteDataSource.unjoinUsersFromDialog(dialogDTO);
+        return Promise.resolve(true);
+    }
+    async joinUsersFromDialog(dialogId) {
+        const dialogDTO = new RemoteDialogDTO();
+        dialogDTO.id = dialogId;
+        await this.remoteDataSource.joinDialog(dialogDTO);
+        return Promise.resolve(true);
+    }
 }
 
 ;// ./src/Domain/use_cases/base/BaseUseCase.ts
@@ -69816,6 +69948,84 @@ class UpdateCurrentDialogInDataSourceUseCase {
     }
 }
 
+;// ./src/Domain/use_cases/CreateDialogWithAutoJoinUseCase.ts
+
+
+
+
+class CreateDialogWithAutoJoinUseCase {
+    dialogRepository;
+    eventMessagesRepository;
+    newDialog;
+    textInformationMessage;
+    constructor(eventMessagesRepository, dialogRepository, newDialog, textInformationMessage) {
+        this.dialogRepository = dialogRepository;
+        this.newDialog = newDialog;
+        this.eventMessagesRepository = eventMessagesRepository;
+        this.textInformationMessage = textInformationMessage;
+    }
+    async execute() {
+        console.log('execute CreateDialogWithAutoJoinUseCase', JSON.stringify(this.newDialog));
+        const result = await this.dialogRepository
+            .createDialogWithAutojoinInRemote(this.newDialog)
+            .catch((e) => {
+            const message = parse_stringifyError(e);
+            console.log('EXCEPTION IN CREATE DIALOG WITH AUTO JOIN USE CASE', message);
+            throw Error(message);
+        });
+        await this.dialogRepository.saveDialogToLocal(result);
+        this.eventMessagesRepository.dispatchEvent(EventMessageType.LocalMessage, result, []);
+        const remoteMessageDTO = new RemoteMessageDTO();
+        remoteMessageDTO.dialogId = result.id;
+        remoteMessageDTO.notification_type = NotificationTypes.NEW_DIALOG;
+        this.eventMessagesRepository.dispatchEvent(EventMessageType.SystemMessage, remoteMessageDTO, [...this.newDialog.participantIds]);
+        remoteMessageDTO.dialogId = result.id;
+        remoteMessageDTO.notification_type = NotificationTypes.NEW_DIALOG;
+        remoteMessageDTO.date_sent = Date.now() / 1000;
+        remoteMessageDTO.message =
+            this.textInformationMessage && this.textInformationMessage.length > 0
+                ? this.textInformationMessage
+                : `User ${this.newDialog.ownerId} create new dialog ${this.newDialog.name}`;
+        this.eventMessagesRepository.dispatchEvent(EventMessageType.RegularMessage, remoteMessageDTO, [...this.newDialog.participantIds]);
+        return Promise.resolve(result);
+    }
+}
+
+;// ./src/Domain/use_cases/UnJoinFromTheDialogUseCase.ts
+
+
+
+class UnJoinFromTheDialogUseCase {
+    dialogRepository;
+    eventMessagesRepository;
+    dialogToLeave;
+    constructor(eventMessagesRepository, dialogRepository, dialog) {
+        this.eventMessagesRepository = eventMessagesRepository;
+        this.dialogRepository = dialogRepository;
+        this.dialogToLeave = dialog;
+    }
+    async execute() {
+        console.log('execute UnJoinFromTheDialogUseCase');
+        let resultOperation = false;
+        const remoteMessageDTO = new RemoteMessageDTO();
+        remoteMessageDTO.dialogId = this.dialogToLeave.id;
+        remoteMessageDTO.notification_type = NotificationTypes.DELETE_LEAVE_DIALOG;
+        remoteMessageDTO.date_sent = Date.now();
+        await this.dialogRepository
+            .unjoinUsersFromDialog(this.dialogToLeave.id)
+            .then(() => {
+            resultOperation = true;
+            console.log('Leave from Dialog successes');
+            return resultOperation;
+        })
+            .catch((reason) => {
+            console.log('have exception in leave Dialog : ', parse_stringifyError(reason));
+            resultOperation = false;
+        });
+        return resultOperation;
+    }
+}
+
 ;// ./src/Presentation/Views/DialogList/useDialogListViewModel.ts
 
 
@@ -69836,6 +70046,8 @@ class UpdateCurrentDialogInDataSourceUseCase {
 
 
 
+
+
 
 
 
@@ -69963,18 +70175,34 @@ function useDialogListViewModel(currentContext, initPagination) {
                         .then((newItem) => {
                         //
                         setDialogs((prevDialogs) => {
-                            const newDialogs = [
-                                ...prevDialogs,
-                                newItem,
-                            ];
-                            const sortedData = [...newDialogs].sort((a, b) => {
-                                return b.lastMessage.dateSent && a.lastMessage.dateSent
-                                    ? new Date(b.lastMessage.dateSent).getTime() -
-                                        new Date(a.lastMessage.dateSent).getTime()
-                                    : new Date(b.updatedAt).getTime() -
-                                        new Date(a.updatedAt).getTime();
+                            let updatedDialogs;
+                            if (newItem.type === DialogType.private) {
+                                const filteredDialogs = prevDialogs.filter(d => d.id !== newItem.id);
+                                updatedDialogs = [...filteredDialogs, newItem];
+                            }
+                            else {
+                                updatedDialogs = [...prevDialogs, newItem];
+                            }
+                            const sortedDialogs = updatedDialogs.sort((a, b) => {
+                                const aDate = a.lastMessage?.dateSent ?? a.updatedAt;
+                                const bDate = b.lastMessage?.dateSent ?? b.updatedAt;
+                                return new Date(bDate).getTime() - new Date(aDate).getTime();
                             });
-                            return sortedData;
+                            return sortedDialogs;
+                            // const newDialogs = [
+                            //   ...prevDialogs,
+                            //   newItem as PublicDialogEntity,
+                            // ];
+                            //
+                            // const sortedData = [...newDialogs].sort((a, b) => {
+                            //   return b.lastMessage.dateSent && a.lastMessage.dateSent
+                            //     ? new Date(b.lastMessage.dateSent).getTime() -
+                            //         new Date(a.lastMessage.dateSent).getTime()
+                            //     : new Date(b.updatedAt).getTime() -
+                            //         new Date(a.updatedAt).getTime();
+                            // });
+                            //
+                            // return sortedData;
                         });
                         //
                     })
@@ -70055,6 +70283,22 @@ function useDialogListViewModel(currentContext, initPagination) {
         }
         return Promise.reject(resultDialog);
     };
+    const createDialogForAutoJoin = async (dialogInfo, disableAutoJoin) => {
+        const textInformationMessage = `${currentUserName} create the chat`;
+        const createDialogWitAutoJoinUseCase = new CreateDialogWithAutoJoinUseCase(eventMessageRepository, new DialogsRepository(currentContext.storage.LOCAL_DATA_SOURCE, remoteDataSourceMock), dialogInfo, textInformationMessage);
+        const resultDialog = await createDialogWitAutoJoinUseCase
+            .execute()
+            .catch((e) => {
+            console.log('EXCEPTION IN CREATE NEW DIALOG WITH AUTO JOIN: ', parse_stringifyError(e));
+            setNewDialog(undefined);
+            throw new Error(parse_stringifyError(e));
+        });
+        if (resultDialog) {
+            setNewDialog(resultDialog);
+            return Promise.resolve(resultDialog);
+        }
+        return Promise.reject(resultDialog);
+    };
     const updateDialog = async (
     // eslint-disable-next-line @typescript-eslint/no-shadow,@typescript-eslint/no-unused-vars
     dialog) => {
@@ -70110,6 +70354,42 @@ function useDialogListViewModel(currentContext, initPagination) {
         }
         return Promise.reject(leaveResult);
     };
+    const unJoinDialog = async (
+    // eslint-disable-next-line @typescript-eslint/no-shadow,@typescript-eslint/no-unused-vars
+    dialogToDelete) => {
+        let unJoinResult = false;
+        if (dialogToDelete.type === DialogType.group) {
+            const usersForDeleteFromDialog = new Array();
+            const userToDeleteId = remoteDataSourceMock?.authInformation?.userId || 0;
+            usersForDeleteFromDialog.push(userToDeleteId);
+            const unjoinFromDialog = new UnJoinFromTheDialogUseCase(eventMessageRepository, new DialogsRepository(currentContext.storage.LOCAL_DATA_SOURCE, remoteDataSourceMock), dialogToDelete);
+            unJoinResult = await unjoinFromDialog.execute().catch((e) => {
+                console.log('Error delete users from UnJoinFromTheDialogUseCase: ', parse_stringifyError(e));
+                throw new Error(parse_stringifyError(e));
+            });
+        }
+        if (unJoinResult) {
+            return Promise.resolve(unJoinResult);
+        }
+        return Promise.reject(unJoinResult);
+    };
+    // нужно вызвать из разметки в режиме редактирования
+    const joinToDialog = async (
+    // eslint-disable-next-line @typescript-eslint/no-shadow,@typescript-eslint/no-unused-vars
+    dialogToDelete) => {
+        let joinResult = false;
+        if (dialogToDelete.type === DialogType.group) {
+            const unjoinFromDialog = new UnJoinFromTheDialogUseCase(eventMessageRepository, new DialogsRepository(currentContext.storage.LOCAL_DATA_SOURCE, remoteDataSourceMock), dialogToDelete);
+            joinResult = await unjoinFromDialog.execute().catch((e) => {
+                console.log('Error delete users from UnJoinFromTheDialogUseCase: ', parse_stringifyError(e));
+                throw new Error(parse_stringifyError(e));
+            });
+        }
+        if (joinResult) {
+            return Promise.resolve(joinResult);
+        }
+        return Promise.reject(joinResult);
+    };
     const removeMembers = async (dialog) => {
         let leaveResult = false;
         if (dialog.participantsToRemoveIds &&
@@ -70169,8 +70449,11 @@ function useDialogListViewModel(currentContext, initPagination) {
         getDialogs,
         release,
         createDialog,
+        createDialogForAutoJoin,
         updateDialog,
         deleteDialog,
+        unJoinDialog,
+        joinToDialog,
         uploadFile,
         removeMembers,
         setWaitLoadingStatus,
@@ -71193,15 +71476,15 @@ const SvgSearch = props => /*#__PURE__*/external_commonjs_react_commonjs2_react_
 var settings_filledreact_path;
 function settings_filledreact_extends() { return settings_filledreact_extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, settings_filledreact_extends.apply(null, arguments); }
 
-const SvgSettingsFilled = props => /*#__PURE__*/React.createElement("svg", settings_filledreact_extends({
+const SvgSettingsFilled = props => /*#__PURE__*/external_commonjs_react_commonjs2_react_amd_react_root_React_.createElement("svg", settings_filledreact_extends({
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 44 44",
   width: "1em",
   height: "1em"
-}, props), settings_filledreact_path || (settings_filledreact_path = /*#__PURE__*/React.createElement("path", {
+}, props), settings_filledreact_path || (settings_filledreact_path = /*#__PURE__*/external_commonjs_react_commonjs2_react_amd_react_root_React_.createElement("path", {
   d: "M35.09 23.723c.073-.55.11-1.118.11-1.723 0-.587-.037-1.173-.128-1.723l3.721-2.897c.33-.257.422-.752.22-1.118l-3.52-6.087c-.22-.403-.678-.532-1.081-.403l-4.382 1.76c-.917-.697-1.888-1.284-2.97-1.724l-.66-4.656a.89.89 0 0 0-.88-.752h-7.04c-.44 0-.788.312-.862.752l-.66 4.656c-1.081.44-2.071 1.045-2.97 1.724l-4.381-1.76a.875.875 0 0 0-1.082.403l-3.502 6.087c-.22.385-.146.861.22 1.118l3.722 2.897A11 11 0 0 0 8.8 22c0 .568.037 1.173.128 1.723L5.207 26.62c-.33.257-.422.752-.22 1.118l3.52 6.087c.22.403.678.532 1.081.403l4.382-1.76c.917.697 1.888 1.284 2.97 1.724l.66 4.656c.092.44.44.752.88.752h7.04c.44 0 .807-.312.862-.752l.66-4.656a12.6 12.6 0 0 0 2.97-1.724l4.381 1.76c.404.147.862 0 1.082-.403l3.52-6.087c.22-.403.128-.861-.22-1.118zM22 28.6c-3.63 0-6.6-2.97-6.6-6.6s2.97-6.6 6.6-6.6 6.6 2.97 6.6 6.6-2.97 6.6-6.6 6.6"
 })));
-/* harmony default export */ const settings_filledreact = ((/* unused pure expression or super */ null && (SvgSettingsFilled)));
+/* harmony default export */ const settings_filledreact = (SvgSettingsFilled);
 ;// ./src/Presentation/icons/navigation/index.ts
 
 
@@ -73491,6 +73774,7 @@ var EditDialog_update = injectStylesIntoStyleTag_default()(EditDialog/* default
 
 
 
+
 const TypeOpenDialog = {
     edit: 'edit',
     create: 'create',
@@ -73508,6 +73792,7 @@ const EditDialog_EditDialog_EditDialog = ({ nameDialog = '', typeDialog, ulrIcon
     const [disabledButton, setDisabledButton] = (0,external_commonjs_react_commonjs2_react_amd_react_root_React_.useState)(nameDialog.length < minLengthNameDialog ||
         nameDialog.length > maxLengthNameDialog);
     const [errorMessageUpload, setErrorMessageUpload] = (0,external_commonjs_react_commonjs2_react_amd_react_root_React_.useState)('');
+    const [disableAutoJoin, setDisableAutoJoin] = (0,external_commonjs_react_commonjs2_react_amd_react_root_React_.useState)(false);
     const handleUploadAvatar = (event) => {
         const allowedExtensions = ['jpg', 'jpeg', 'gif', 'png'];
         setErrorMessageUpload('');
@@ -73565,6 +73850,7 @@ const EditDialog_EditDialog_EditDialog = ({ nameDialog = '', typeDialog, ulrIcon
                 dialogTitle: dialogName,
                 // dialogAvatar: urlAvatar.length ? fileUploadAvatar : '',
                 dialogAvatar: urlAvatar === 'null' ? 'null' : fileUploadAvatar,
+                disableAutoJoin: disableAutoJoin,
             };
             clickUpdatedHandler(params);
         }
@@ -73582,7 +73868,7 @@ const EditDialog_EditDialog_EditDialog = ({ nameDialog = '', typeDialog, ulrIcon
                                                 cursor: typeDialog !== DialogType.private ? 'pointer' : '',
                                             }, children: [(0,jsx_runtime_.jsx)("div", { children: typeDialog !== DialogType.private ? 'Upload' : '' }), (0,jsx_runtime_.jsx)("input", { id: "uploadBtn", type: "file", accept: "image/*", style: { display: 'none' }, onChange: (event) => {
                                                         handleUploadAvatar(event);
-                                                    }, disabled: typeDialog === DialogType.private })] }) })] }), errorMessageUpload.length > 0 ? ((0,jsx_runtime_.jsx)("div", { className: "edit-dialog-container--wrapper__upload-error", children: errorMessageUpload })) : null, (0,jsx_runtime_.jsx)("div", { className: "edit-dialog-container--wrapper__dialog-name-inf", children: "Dialog name" }), (0,jsx_runtime_.jsx)(ui_components_TextField_TextField, { value: dialogName, onChange: (value) => setDialogName(value), placeholder: "Enter name", className: "edit-dialog-container--wrapper__text-field" })] }) }), (0,jsx_runtime_.jsx)("div", { className: "edit-btn-container", children: (0,jsx_runtime_.jsx)(containers_RowRightContainer_RowRightContainer, { minHeightContainer: "32px", gapBetweenItem: "8px", RightContainerSize: {
+                                                    }, disabled: typeDialog === DialogType.private })] }) })] }), errorMessageUpload.length > 0 ? ((0,jsx_runtime_.jsx)("div", { className: "edit-dialog-container--wrapper__upload-error", children: errorMessageUpload })) : null, (0,jsx_runtime_.jsx)("div", { className: "edit-dialog-container--wrapper__dialog-name-inf", children: "Dialog name" }), (0,jsx_runtime_.jsx)(ui_components_TextField_TextField, { value: dialogName, onChange: (value) => setDialogName(value), placeholder: "Enter name", className: "edit-dialog-container--wrapper__text-field" }), (0,jsx_runtime_.jsxs)("div", { className: "edit-dialog-container--wrapper__auto-join", children: [(0,jsx_runtime_.jsx)(CheckBox_CheckBox_CheckBox, { disabled: false, checked: disableAutoJoin, onChange: () => setDisableAutoJoin(!disableAutoJoin) }), (0,jsx_runtime_.jsx)(settings_filledreact, {}), "Disable AutoJoin"] })] }) }), (0,jsx_runtime_.jsx)("div", { className: "edit-btn-container", children: (0,jsx_runtime_.jsx)(containers_RowRightContainer_RowRightContainer, { minHeightContainer: "32px", gapBetweenItem: "8px", RightContainerSize: {
                             flexBasis: '63px',
                             minWidth: '63px',
                             maxWidth: '63px',
@@ -74128,6 +74414,7 @@ const InviteMembers_InviteMembers_InviteMembers = ({ typeDialog, idOwnerDialog,
 
 
 
+
 
 
 // eslint-disable-next-line react/function-component-definition
@@ -74344,7 +74631,29 @@ theme = undefined, subHeaderContent = undefined, upHeaderContent = undefined, ro
                                         'dialog-information-profile-edit-button--disable': disableAction,
                                     }), children: [(0,jsx_runtime_.jsx)(Button_Button_Button, { variant: "text", onClick: editModal.toggleModal, disabled: disableAction, children: "Edit" }), (0,jsx_runtime_.jsx)(DialogWindow_DialogWindow_DialogWindow, { title: "Edit dialog", onClose: editModal.toggleModal, open: editModal.isOpen, children: (0,jsx_runtime_.jsx)(Views_EditDialog_EditDialog, { disableActions: disableAction, nameDialog: dialogViewModel?.entity?.name || dialog?.name, typeDialog: dialogViewModel?.entity?.type || dialog?.type, ulrIcon: getUrlAvatar(dialogViewModel?.entity || dialog), typeAddEditDialog: TypeOpenDialog.edit, clickUpdatedHandler: getDialogUpdatedInfoHandler, clickCancelHandler: editModal.toggleModal }) })] })) : null })] }), dialog.type !== DialogType.private ? ((0,jsx_runtime_.jsx)(SettingsItem_SettingsItem_SettingsItem, { icon: (0,jsx_runtime_.jsx)(group_chatreact, {}), title: "Members", rightSection: (0,jsx_runtime_.jsx)(Badge_Badge_Badge, { mute: true, count: users.length, limit: 100 }), className: "dialog-info-members", children: (0,jsx_runtime_.jsxs)(containers_ColumnContainer_ColumnContainer, { children: [users && users.length > 0 && ((0,jsx_runtime_.jsx)("div", { className: "dialog-info-action-wrapper-settings no-padding", children: (0,jsx_runtime_.jsx)(DialogInfo_UsersList_UsersList, { maxHeight: 75, usersFirstPageToView: users, allUsers: users, usersInDialogCount: users.length }) })), (0,jsx_runtime_.jsxs)("div", { className: "dialog-info-action-wrapper-settings", children: [(0,jsx_runtime_.jsx)(DialogWindow_DialogWindow_DialogWindow, { disableActions: disableAction, title: "Edit dialog", open: inviteMembersModal.isOpen, onClose: inviteMembersModal.toggleModal, children: (0,jsx_runtime_.jsx)(Views_InviteMembers_InviteMembers, { participants: PublicDialogEntity.getParticipants(dialogViewModel?.entity || dialog), applyInviteUsersHandler: applyInviteUsersHandler, cancelInviteMembersHandler: inviteMembersModal.toggleModal, typeAddEditDialog: TypeOpenDialog.edit, typeDialog: dialog.type, idOwnerDialog: dialog.ownerId }) }), (0,jsx_runtime_.jsx)(Button_Button_Button, { className: "dialog-info-action-wrapper-button", onClick: inviteMembersModal.toggleModal, variant: "outlined", disabled: dialog.ownerId !== currentUserId || disableAction, children: "Invite members" }), (0,jsx_runtime_.jsx)(Button_Button_Button, { className: "dialog-info-action-wrapper-button", onClick: () => onShowAllMemberClick(true), variant: "outlined", disabled: disableAction, children: "See all members" })] })] }) })) : null, (0,jsx_runtime_.jsx)(SettingsItem_SettingsItem_SettingsItem, { icon: (0,jsx_runtime_.jsx)(leavereact, {}), title: "Leave dialog", onClick: !disableAction ? leaveModal.toggleModal : undefined, className: classnames_default()('dialog-info-leave', {
                             'dialog-info-leave--disable': disableAction,
-                        }) }), (0,jsx_runtime_.jsx)(DialogWindow_DialogWindow_DialogWindow, { open: leaveModal.isOpen, title: "Leave dialog?", onClose: leaveModal.toggleModal, children: (0,jsx_runtime_.jsxs)("div", { className: "dialog-leave-container", children: [(0,jsx_runtime_.jsx)(Button_Button_Button, { variant: "outlined", onClick: leaveModal.toggleModal, children: "Cancel" }), (0,jsx_runtime_.jsx)(Button_Button_Button, { variant: "danger", onClick: leaveDialogHandler, children: "Leave" })] }) })] })] }));
+                        }) }), (0,jsx_runtime_.jsx)(DialogWindow_DialogWindow_DialogWindow, { open: leaveModal.isOpen, title: "Leave dialog?", onClose: leaveModal.toggleModal, children: (0,jsx_runtime_.jsxs)("div", { className: "dialog-leave-container", children: [(0,jsx_runtime_.jsx)(Button_Button_Button, { variant: "outlined", onClick: leaveModal.toggleModal, children: "Cancel" }), (0,jsx_runtime_.jsx)(Button_Button_Button, { variant: "danger", onClick: leaveDialogHandler, children: "Leave" })] }) }), (0,jsx_runtime_.jsx)(SettingsItem_SettingsItem_SettingsItem, { icon: (0,jsx_runtime_.jsx)(settings_filledreact, {}), title: "UnJoin dialog", onClick: !disableAction ? () => {
+                            dialogViewModel
+                                .unJoinDialog(dialog)
+                                .then((result) => {
+                                return result;
+                            })
+                                .catch((e) => {
+                                console.log('exception in UnJoinDialogFlow', parse_stringifyError(e));
+                            });
+                        } : undefined, className: classnames_default()('dialog-info-leave', {
+                            'dialog-info-leave--disable': disableAction,
+                        }) }), (0,jsx_runtime_.jsx)(SettingsItem_SettingsItem_SettingsItem, { icon: (0,jsx_runtime_.jsx)(settings_filledreact, {}), title: "Join dialog", onClick: !disableAction ? () => {
+                            dialogViewModel
+                                .joinToDialog(dialog)
+                                .then((result) => {
+                                return result;
+                            })
+                                .catch((e) => {
+                                console.log('exception in JoinDialogFlow', parse_stringifyError(e));
+                            });
+                        } : undefined, className: classnames_default()('dialog-info-leave', {
+                            'dialog-info-leave--disable': disableAction,
+                        }) })] })] }));
 };
 /* harmony default export */ const Views_DialogInfo_DialogInfo = (DialogInfo_DialogInfo_DialogInfo);
 
@@ -76744,6 +77053,7 @@ const CreateNewDialogFlow = ({ dialogsViewModel, onFinished, onCancel, isOnline,
     const [selectedDialogType, setSelectedDialogType] = (0,external_commonjs_react_commonjs2_react_amd_react_root_React_.useState)();
     const [dialogName, setDialogName] = external_commonjs_react_commonjs2_react_amd_react_root_React_default().useState('NOT DEFINE');
     const [uidAvatar, setUidAvatar] = external_commonjs_react_commonjs2_react_amd_react_root_React_default().useState(undefined);
+    const [disableAutoJoin, setDisableAutoJoin] = (0,external_commonjs_react_commonjs2_react_amd_react_root_React_.useState)(false);
     const { allowPublicDialogCreation } = currentContext.InitParams.qbConfig.appConfig;
     (0,external_commonjs_react_commonjs2_react_amd_react_root_React_.useEffect)(() => {
         if (
@@ -76758,6 +77068,7 @@ const CreateNewDialogFlow = ({ dialogsViewModel, onFinished, onCancel, isOnline,
     const getDialogNameHandler = (params) => {
         console.log(params.dialogTitle);
         setDialogName(params.dialogTitle);
+        setDisableAutoJoin(params.disableAutoJoin);
         let newUidAvatar = '';
         console.log('before urlPhoto: ', newUidAvatar);
         if (params.dialogAvatar) {
@@ -76798,17 +77109,29 @@ const CreateNewDialogFlow = ({ dialogsViewModel, onFinished, onCancel, isOnline,
             dialog.photo = uidAvatar || '';
             dialog.participantIds = participants;
             dialog.type = selectedDialogType;
-            // eslint-disable-next-line promise/always-return
-            await dialogsViewModel
-                .createDialog(dialog)
+            if (disableAutoJoin) {
                 // eslint-disable-next-line promise/always-return
-                .then((newEntity) => {
-                onFinished(newEntity);
-            })
-                .catch((e) => {
-                console.log('Have exception: ', parse_stringifyError(e));
-            });
-            // }
+                await dialogsViewModel
+                    .createDialog(dialog)
+                    // eslint-disable-next-line promise/always-return
+                    .then((newEntity) => {
+                    onFinished(newEntity);
+                })
+                    .catch((e) => {
+                    console.log('Have exception: ', parse_stringifyError(e));
+                });
+                // }
+            }
+            else {
+                await dialogsViewModel.createDialogForAutoJoin(dialog, disableAutoJoin)
+                    // eslint-disable-next-line promise/always-return
+                    .then((newEntity) => {
+                    onFinished(newEntity);
+                })
+                    .catch((e) => {
+                    console.log('Have exception: ', parse_stringifyError(e));
+                });
+            }
         }
     };
     const closeModal = () => {
@@ -77880,8 +78203,13 @@ function useDialogViewModel(dialogType, dialogEntity) {
             setLoading(false);
             setError(e.message);
         });
-        //
-        const senderIds = Array.from(new Set(messagesDialog.map((msg) => msg.sender_id)));
+        const senderIds = Array.from(new Set(messagesDialog.flatMap((msg) => {
+            const ids = [msg.sender_id];
+            if (Array.isArray(msg.qb_original_messages) && msg.qb_original_messages.length > 0) {
+                ids.push(msg.qb_original_messages[0].sender_id);
+            }
+            return ids;
+        })));
         const missingSenderIds = senderIds.filter((id) => !(id in userDictionary));
         const getMissingSenderUsersFromDialogByIdsUseCase = new GetUsersByIdsUseCase(new UsersRepository(LOCAL_DATA_SOURCE, REMOTE_DATA_SOURCE), missingSenderIds);
         await getMissingSenderUsersFromDialogByIdsUseCase
@@ -78226,6 +78554,7 @@ function useDialogViewModel(dialogType, dialogEntity) {
     };
     const replyMessage = async (messagesToReply, relatedMessage) => {
         //
+        const senderRepliedMessage = messagesToReply[0].sender;
         const replyMessagesUseCase = new ReplyMessagesUseCase(new MessagesRepository(LOCAL_DATA_SOURCE, REMOTE_DATA_SOURCE), messagesToReply, relatedMessage);
         // eslint-disable-next-line promise/catch-or-return
         await replyMessagesUseCase
@@ -78242,6 +78571,25 @@ function useDialogViewModel(dialogType, dialogEntity) {
             })
                 .finally(() => {
                 setMessages((prevState) => {
+                    if (messageEntity.qb_original_messages) {
+                        const nestedObj = messageEntity.qb_original_messages;
+                        if (nestedObj && nestedObj.length > 0) {
+                            nestedObj[0].sender = senderRepliedMessage;
+                            if (nestedObj[0].sender &&
+                                nestedObj[0].sender.full_name &&
+                                regex &&
+                                !regex.test(nestedObj[0].sender.full_name)) {
+                                nestedObj[0].sender.full_name = 'Unknown';
+                            }
+                            messageEntity.qb_original_messages = nestedObj;
+                        }
+                    }
+                    if (messageEntity.sender &&
+                        messageEntity.sender.full_name &&
+                        regex &&
+                        !regex.test(messageEntity.sender.full_name)) {
+                        messageEntity.sender.full_name = 'Unknown';
+                    }
                     const newState = [...prevState, messageEntity];
                     return newState;
                 });