quickblox-react-ui-kit 0.2.8-beta.7 → 0.2.8-beta.8

package/dist/index-ui.js

@@ -78,30 +78,6 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
 }());
 
 
-/***/ }),
-
-/***/ "./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/Views/CreateDialog/CreateDialog.scss":
-/*!********************************************************************************************************************************************!*\
-  !*** ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/Views/CreateDialog/CreateDialog.scss ***!
-  \********************************************************************************************************************************************/
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../node_modules/css-loader/dist/runtime/sourceMaps.js */ "./node_modules/css-loader/dist/runtime/sourceMaps.js");
-/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js");
-/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
-// Imports
-
-
-var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
-// Module
-___CSS_LOADER_EXPORT___.push([module.id, ".create-dialog-container {\n  min-height: 312px;\n  max-height: 312px;\n  height: 312px;\n}\n.create-dialog-container--btn-wrapper {\n  height: 64px;\n  width: 332px;\n  display: flex;\n  flex-direction: row;\n  flex-wrap: nowrap;\n  justify-content: flex-start;\n  align-items: center;\n  gap: 16px;\n  cursor: pointer;\n  border-radius: 4px;\n  border: 1px solid var(--tertiary-elements);\n}\n.create-dialog-container--btn-wrapper__text {\n  min-height: 24px;\n  font-family: \"Roboto\";\n  font-style: normal;\n  font-weight: 400;\n  font-size: 16px;\n  line-height: 24px;\n  letter-spacing: 0.15px;\n  flex: 2 2 268px;\n  letter-spacing: 0.15px;\n}\n.create-dialog-container--btn-wrapper__icon {\n  min-height: 24px;\n  margin-left: 10px;\n  flex: 1 1 24px;\n}", "",{"version":3,"sources":["webpack://./src/Presentation/Views/CreateDialog/CreateDialog.scss"],"names":[],"mappings":"AAGA;EACE,iBAH+B;EAI/B,iBAJ+B;EAK/B,aAL+B;AAGjC;AAIE;EACE,YAAA;EACA,YAAA;EACA,aAAA;EACA,mBAAA;EACA,iBAAA;EACA,2BAAA;EACA,mBAAA;EACA,SAAA;EACA,eAAA;EACA,kBAAA;EAEA,0CAAA;AAHJ;AAKI;EACE,gBAAA;EAEA,qBAAA;EACA,kBAAA;EACA,gBAAA;EACA,eAAA;EACA,iBAAA;EACA,sBAAA;EACA,eAAA;EACA,sBAAA;AAJN;AAQI;EACE,gBAAA;EACA,iBAAA;EACA,cAAA;AANN","sourcesContent":["$create-dialog-container-width: 380px;\n$create-dialog-container-height: 312px;\n\n.create-dialog-container {\n  min-height: $create-dialog-container-height;\n  max-height: $create-dialog-container-height;\n  height: $create-dialog-container-height;\n  //border: 1px solid green;\n  &--btn-wrapper{\n    height: 64px;\n    width: 332px;\n    display: flex;\n    flex-direction: row;\n    flex-wrap: nowrap;\n    justify-content: flex-start;\n    align-items: center;\n    gap: 16px;\n    cursor: pointer;\n    border-radius: 4px;\n\n    border: 1px solid var(--tertiary-elements);\n\n    &__text{\n      min-height: 24px;\n      // margin: 16px 16px 16px 16px;\n      font-family: 'Roboto';\n      font-style: normal;\n      font-weight: 400;\n      font-size: 16px;\n      line-height: 24px;\n      letter-spacing: 0.15px;\n      flex: 2 2 268px;\n      letter-spacing: 0.15px;\n\n      //border: 1px solid orange;\n    }\n    &__icon{\n      min-height: 24px;\n      margin-left: 10px;\n      flex: 1 1 24px;\n\n     // border: 1px solid red;\n    }\n  }\n}\n"],"sourceRoot":""}]);
-// Exports
-/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
-
-
 /***/ }),
 
 /***/ "./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/Views/Dialog/AIComponents/AIAssistComponent/AIAssistComponent.scss":
@@ -961,7 +937,7 @@ __webpack_require__.r(__webpack_exports__);
 
 var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, ".dialog-information-container {\n  min-height: 800px;\n  max-height: 800px;\n  height: 800px;\n  border: 1px solid var(--divider);\n}\n\n.header-dialog-info,\n.header-dialog-info * {\n  box-sizing: border-box;\n}\n\n.header-dialog-info {\n  background: var(--color-background, #ffffff);\n  padding: 16px 16px 16px 24px;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  align-self: stretch;\n  flex-shrink: 0;\n  position: relative;\n  border-bottom: 1px solid var(--divider);\n}\n\n.header-dialog-info-headline {\n  color: var(--main-text, #0b1b0f);\n  text-align: left;\n  font: var(--title-title-large);\n  position: relative;\n}\n\n.header-dialog-info-icon {\n  border-radius: 4px;\n  padding: 4px;\n  display: flex;\n  flex-direction: row;\n  gap: 0px;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  width: 32px;\n  height: 32px;\n  position: relative;\n}\n\n.dialog-information-profile,\n.dialog-information-profile * {\n  box-sizing: border-box;\n}\n\n.dialog-information-profile {\n  background: var(--color-background, #ffffff);\n  padding: 24px 0px 24px 0px;\n  align-self: stretch;\n  flex-flow: column;\n  flex-shrink: 0;\n  height: 160px;\n  position: relative;\n  border-bottom: 1px solid var(--divider);\n}\n\n.dialog-information-profile-avatar {\n  height: 80px;\n  left: 140px;\n  top: 24px;\n}\n\n.dialog-info-profile-avatar-default-icon {\n  display: flex;\n  justify-content: center;\n}\n\n.dialog-info-profile-avatar-ellipse {\n  background: var(--disabled-elements, #bcc1c5);\n  border-radius: 50%;\n  position: absolute;\n  height: 81px;\n  width: 81px;\n  top: 24px;\n}\n\n.dialog-info-profile-avatar-contents {\n  height: auto;\n  position: absolute;\n  right: 17.86%;\n  left: 17.86%;\n  width: 64.29%;\n  bottom: 17.86%;\n  top: 17.86%;\n  height: 64.29%;\n  overflow: visible;\n}\n\n.dialog-information-profile-dialog-name {\n  margin-top: 8px;\n  color: var(--main-text, #0b1b0f);\n  text-align: center;\n  font: var(--title-title-medium);\n  left: 134.5px;\n  top: 112px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.dialog-information-profile-edit {\n  position: relative;\n  right: -10px;\n  border-radius: 4px;\n  padding: 8px 56px 0px 0px;\n  display: flex;\n  flex-direction: row;\n  gap: 0px;\n  align-items: center;\n  justify-content: center;\n  position: absolute;\n  top: 8px;\n}\n\n.dialog-information-profile-edit-button {\n  color: var(--main-elements, #3978fc);\n  text-align: left;\n  font: var(--button-default);\n  position: relative;\n}\n\n.dialog-info-action-wrapper-settings,\n.dialog-info-action-wrapper-settings * {\n  box-sizing: border-box;\n}\n\n.dialog-info-action-wrapper-settings {\n  background: var(--color-background, #ffffff);\n  padding: 16px;\n  display: flex;\n  flex-direction: row;\n  gap: 16px;\n  align-items: center;\n  justify-content: flex-start;\n  align-self: stretch;\n  flex-shrink: 0;\n  position: relative;\n  border-bottom: 1px solid var(--divider);\n}\n\n.dialog-info-action-wrapper-settings-icon {\n  border-radius: 4px;\n  padding: 4px;\n  display: flex;\n  flex-direction: row;\n  gap: 0px;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  width: 24px;\n  height: 24px;\n  position: relative;\n}\n\n.dialog-info-action-wrapper-settings-subtitle {\n  color: var(--main-text, #0b1b0f);\n  text-align: left;\n  font: var(--body-body-large);\n  position: relative;\n  flex: 1;\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n}\n\n.dialog-info-action-wrapper-settings-contents {\n  flex-shrink: 0;\n  width: 24px;\n  height: 24px;\n  position: relative;\n  overflow: visible;\n}\n\n.dialog-info-action-wrapper-settings-right {\n  display: flex;\n  flex-direction: row;\n  gap: 8px;\n  align-items: center;\n  justify-content: flex-end;\n  flex-shrink: 0;\n  position: relative;\n}\n\n.dialog-info-action-wrapper-settings-right-badge {\n  background: var(--disabled-elements, #bcc1c5);\n  border-radius: 30px;\n  padding: 2px 6px 2px 6px;\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  position: relative;\n}\n\n.dialog-info-action-wrapper-settings-right-badge-title {\n  color: var(--color-background, #ffffff);\n  text-align: center;\n  font: var(--label-label-medium);\n  position: relative;\n  padding: 0px 5px 0px 5px;\n}", "",{"version":3,"sources":["webpack://./src/Presentation/Views/DialogInfo/DialogInfo.scss"],"names":[],"mappings":"AAGA;EACE,iBAJoC;EAKpC,iBALoC;EAMpC,aANoC;EAOpC,gCAAA;AAFF;;AAKA;;EAEE,sBAAA;AAFF;;AAIA;EACE,4CAAA;EACA,4BAAA;EACA,aAAA;EACA,mBAAA;EACA,mBAAA;EACA,8BAAA;EACA,mBAAA;EACA,cAAA;EACA,kBAAA;EACA,uCAAA;AADF;;AAGA;EACE,gCAAA;EACA,gBAAA;EACA,8BAAA;EACA,kBAAA;AAAF;;AAEA;EACE,kBAAA;EACA,YAAA;EACA,aAAA;EACA,mBAAA;EACA,QAAA;EACA,mBAAA;EACA,uBAAA;EACA,cAAA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;AACF;;AAEA;;EAEE,sBAAA;AACF;;AACA;EACE,4CAAA;EACA,0BAAA;EACA,mBAAA;EACA,iBAAA;EACA,cAAA;EACA,aAAA;EACA,kBAAA;EACA,uCAAA;AAEF;;AAAA;EAEE,YAAA;EAEA,WAAA;EACA,SAAA;AACF;;AACA;EACE,aAAA;EACA,uBAAA;AAEF;;AAAA;EACE,6CAAA;EACA,kBAAA;EACA,kBAAA;EACA,YAAA;EACA,WAAA;EACA,SAAA;AAGF;;AADA;EACE,YAAA;EACA,kBAAA;EACA,aAAA;EACA,YAAA;EACA,aAAA;EACA,cAAA;EACA,WAAA;EACA,cAAA;EACA,iBAAA;AAIF;;AAFA;EACE,eAAA;EACA,gCAAA;EACA,kBAAA;EACA,+BAAA;EAEA,aAAA;EACA,UAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;AAIF;;AAFA;EACE,kBAAA;EACA,YAAA;EAEA,kBAAA;EACA,yBAAA;EACA,aAAA;EACA,mBAAA;EACA,QAAA;EACA,mBAAA;EACA,uBAAA;EACA,kBAAA;EAEA,QAAA;AAGF;;AADA;EACE,oCAAA;EACA,gBAAA;EACA,2BAAA;EACA,kBAAA;AAIF;;AAAA;;EAEE,sBAAA;AAGF;;AADA;EACE,4CAAA;EACA,aAAA;EACA,aAAA;EACA,mBAAA;EACA,SAAA;EACA,mBAAA;EACA,2BAAA;EACA,mBAAA;EACA,cAAA;EACA,kBAAA;EACA,uCAAA;AAIF;;AAFA;EACE,kBAAA;EACA,YAAA;EACA,aAAA;EACA,mBAAA;EACA,QAAA;EACA,mBAAA;EACA,uBAAA;EACA,cAAA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;AAKF;;AAHA;EACE,gCAAA;EACA,gBAAA;EACA,4BAAA;EACA,kBAAA;EACA,OAAA;EACA,aAAA;EACA,mBAAA;EACA,2BAAA;AAMF;;AAHA;EACE,cAAA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;EACA,iBAAA;AAMF;;AAHA;EACE,aAAA;EACA,mBAAA;EACA,QAAA;EACA,mBAAA;EACA,yBAAA;EACA,cAAA;EACA,kBAAA;AAMF;;AAJA;EACE,6CAAA;EACA,mBAAA;EACA,wBAAA;EACA,aAAA;EACA,sBAAA;EACA,SAAA;EACA,mBAAA;EACA,uBAAA;EACA,cAAA;EACA,kBAAA;AAOF;;AALA;EACE,uCAAA;EACA,kBAAA;EACA,+BAAA;EACA,kBAAA;EACA,wBAAA;AAQF","sourcesContent":["$dialog-information-container-height: 800px;\n$dialog-information-container-dialog-information-height: 64px;\n\n.dialog-information-container {\n  min-height: $dialog-information-container-height;\n  max-height: $dialog-information-container-height;\n  height: $dialog-information-container-height;\n  border: 1px solid var(--divider);\n\n}\n.header-dialog-info,\n.header-dialog-info * {\n  box-sizing: border-box;\n}\n.header-dialog-info {\n  background: var(--color-background, #ffffff);\n  padding: 16px 16px 16px 24px;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  align-self: stretch;\n  flex-shrink: 0;\n  position: relative;\n  border-bottom: 1px solid var(--divider);\n}\n.header-dialog-info-headline {\n  color: var(--main-text, #0b1b0f);\n  text-align: left;\n  font: var(--title-title-large);\n  position: relative;\n}\n.header-dialog-info-icon {\n  border-radius: 4px;\n  padding: 4px;\n  display: flex;\n  flex-direction: row;\n  gap: 0px;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  width: 32px;\n  height: 32px;\n  position: relative;\n}\n\n.dialog-information-profile,\n.dialog-information-profile * {\n  box-sizing: border-box;\n}\n.dialog-information-profile {\n  background: var(--color-background, #ffffff);\n  padding: 24px 0px 24px 0px;\n  align-self: stretch;\n  flex-flow: column;\n  flex-shrink: 0;\n  height: 160px;\n  position: relative;\n  border-bottom: 1px solid var(--divider);\n}\n.dialog-information-profile-avatar {\n  // width: 80px;\n  height: 80px;\n  // position: absolute;\n  left: 140px;\n  top: 24px;\n}\n.dialog-info-profile-avatar-default-icon {\n  display: flex;\n  justify-content: center;\n}\n.dialog-info-profile-avatar-ellipse {\n  background: var(--disabled-elements, #bcc1c5);\n  border-radius: 50%;\n  position: absolute;\n  height: 81px;\n  width: 81px;\n  top: 24px;\n}\n.dialog-info-profile-avatar-contents {\n  height: auto;\n  position: absolute;\n  right: 17.86%;\n  left: 17.86%;\n  width: 64.29%;\n  bottom: 17.86%;\n  top: 17.86%;\n  height: 64.29%;\n  overflow: visible;\n}\n.dialog-information-profile-dialog-name {\n  margin-top: 8px;\n  color: var(--main-text, #0b1b0f);\n  text-align: center;\n  font: var(--title-title-medium);\n  // position: absolute;\n  left: 134.5px;\n  top: 112px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.dialog-information-profile-edit {\n  position: relative;\n  right: -10px;\n  //top: 30px;\n  border-radius: 4px;\n  padding: 8px 56px 0px 0px;\n  display: flex;\n  flex-direction: row;\n  gap: 0px;\n  align-items: center;\n  justify-content: center;\n  position: absolute;\n  //left: 294px;\n  top: 8px;\n}\n.dialog-information-profile-edit-button {\n  color: var(--main-elements, #3978fc);\n  text-align: left;\n  font: var(--button-default);\n  position: relative;\n}\n\n\n.dialog-info-action-wrapper-settings,\n.dialog-info-action-wrapper-settings * {\n  box-sizing: border-box;\n}\n.dialog-info-action-wrapper-settings {\n  background: var(--color-background, #ffffff);\n  padding: 16px;\n  display: flex;\n  flex-direction: row;\n  gap: 16px;\n  align-items: center;\n  justify-content: flex-start;\n  align-self: stretch;\n  flex-shrink: 0;\n  position: relative;\n  border-bottom: 1px solid var(--divider);\n}\n.dialog-info-action-wrapper-settings-icon {\n  border-radius: 4px;\n  padding: 4px;\n  display: flex;\n  flex-direction: row;\n  gap: 0px;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  width: 24px;\n  height: 24px;\n  position: relative;\n}\n.dialog-info-action-wrapper-settings-subtitle {\n  color: var(--main-text, #0b1b0f);\n  text-align: left;\n  font: var(--body-body-large);\n  position: relative;\n  flex: 1;\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n}\n\n.dialog-info-action-wrapper-settings-contents {\n  flex-shrink: 0;\n  width: 24px;\n  height: 24px;\n  position: relative;\n  overflow: visible;\n}\n\n.dialog-info-action-wrapper-settings-right {\n  display: flex;\n  flex-direction: row;\n  gap: 8px;\n  align-items: center;\n  justify-content: flex-end;\n  flex-shrink: 0;\n  position: relative;\n}\n.dialog-info-action-wrapper-settings-right-badge {\n  background: var(--disabled-elements, #bcc1c5);\n  border-radius: 30px;\n  padding: 2px 6px 2px 6px;\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  position: relative;\n}\n.dialog-info-action-wrapper-settings-right-badge-title {\n  color: var(--color-background, #ffffff);\n  text-align: center;\n  font: var(--label-label-medium);\n  position: relative;\n  padding: 0px 5px 0px 5px;\n}\n\n"],"sourceRoot":""}]);
+___CSS_LOADER_EXPORT___.push([module.id, ".header-dialog-info,\n.header-dialog-info * {\n  box-sizing: border-box;\n}\n\n.header-dialog-info {\n  background: var(--color-background, #ffffff);\n  padding: 16px 16px 16px 24px;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  align-self: stretch;\n  flex-shrink: 0;\n  position: relative;\n  border-bottom: 1px solid var(--divider);\n}\n\n.header-dialog-info-headline {\n  color: var(--main-text, #0b1b0f);\n  text-align: left;\n  font: var(--title-title-large);\n  position: relative;\n}\n\n.header-dialog-info-icon {\n  border-radius: 4px;\n  padding: 4px;\n  display: flex;\n  flex-direction: row;\n  gap: 0px;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  width: 32px;\n  height: 32px;\n  position: relative;\n}\n\n.dialog-information-profile,\n.dialog-information-profile * {\n  box-sizing: border-box;\n}\n\n.dialog-information-profile {\n  background: var(--color-background, #ffffff);\n  padding: 24px 0px 24px 0px;\n  align-self: stretch;\n  flex-flow: column;\n  flex-shrink: 0;\n  height: 160px;\n  position: relative;\n  border-bottom: 1px solid var(--divider);\n}\n\n.dialog-information-profile-avatar {\n  height: 80px;\n  left: 140px;\n  top: 24px;\n}\n\n.dialog-info-profile-avatar-default-icon {\n  display: flex;\n  justify-content: center;\n}\n\n.dialog-info-profile-avatar-ellipse {\n  background: var(--disabled-elements, #bcc1c5);\n  border-radius: 50%;\n  position: absolute;\n  height: 81px;\n  width: 81px;\n  top: 24px;\n}\n\n.dialog-info-profile-avatar-contents {\n  height: auto;\n  position: absolute;\n  right: 17.86%;\n  left: 17.86%;\n  width: 64.29%;\n  bottom: 17.86%;\n  top: 17.86%;\n  height: 64.29%;\n  overflow: visible;\n}\n\n.dialog-information-profile-dialog-name {\n  margin-top: 8px;\n  color: var(--main-text, #0b1b0f);\n  text-align: center;\n  font: var(--title-title-medium);\n  left: 134.5px;\n  top: 112px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.dialog-information-profile-edit {\n  position: relative;\n  right: -10px;\n  border-radius: 4px;\n  padding: 8px 56px 0px 0px;\n  display: flex;\n  flex-direction: row;\n  gap: 0px;\n  align-items: center;\n  justify-content: center;\n  position: absolute;\n  top: 8px;\n}\n\n.dialog-information-profile-edit-button {\n  color: var(--main-elements, #3978fc);\n  text-align: left;\n  font: var(--button-default);\n  position: relative;\n}\n\n.dialog-info-action-wrapper-settings,\n.dialog-info-action-wrapper-settings * {\n  box-sizing: border-box;\n}\n\n.dialog-info-action-wrapper-settings {\n  background: var(--color-background, #ffffff);\n  padding: 16px;\n  display: flex;\n  flex-direction: row;\n  gap: 16px;\n  align-items: center;\n  justify-content: flex-start;\n  align-self: stretch;\n  flex-shrink: 0;\n  position: relative;\n  border-bottom: 1px solid var(--divider);\n}\n\n.dialog-info-action-wrapper-settings-icon {\n  border-radius: 4px;\n  padding: 4px;\n  display: flex;\n  flex-direction: row;\n  gap: 0px;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  width: 24px;\n  height: 24px;\n  position: relative;\n}\n\n.dialog-info-action-wrapper-settings-subtitle {\n  color: var(--main-text, #0b1b0f);\n  text-align: left;\n  font: var(--body-body-large);\n  position: relative;\n  flex: 1;\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n}\n\n.dialog-info-action-wrapper-settings-contents {\n  flex-shrink: 0;\n  width: 24px;\n  height: 24px;\n  position: relative;\n  overflow: visible;\n}\n\n.dialog-info-action-wrapper-settings-right {\n  display: flex;\n  flex-direction: row;\n  gap: 8px;\n  align-items: center;\n  justify-content: flex-end;\n  flex-shrink: 0;\n  position: relative;\n}\n\n.dialog-info-action-wrapper-settings-right-badge {\n  background: var(--disabled-elements, #bcc1c5);\n  border-radius: 30px;\n  padding: 2px 6px 2px 6px;\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  position: relative;\n}\n\n.dialog-info-action-wrapper-settings-right-badge-title {\n  color: var(--color-background, #ffffff);\n  text-align: center;\n  font: var(--label-label-medium);\n  position: relative;\n  padding: 0px 5px 0px 5px;\n}", "",{"version":3,"sources":["webpack://./src/Presentation/Views/DialogInfo/DialogInfo.scss"],"names":[],"mappings":"AAUA;;EAEE,sBAAA;AATF;;AAWA;EACE,4CAAA;EACA,4BAAA;EACA,aAAA;EACA,mBAAA;EACA,mBAAA;EACA,8BAAA;EACA,mBAAA;EACA,cAAA;EACA,kBAAA;EACA,uCAAA;AARF;;AAUA;EACE,gCAAA;EACA,gBAAA;EACA,8BAAA;EACA,kBAAA;AAPF;;AASA;EACE,kBAAA;EACA,YAAA;EACA,aAAA;EACA,mBAAA;EACA,QAAA;EACA,mBAAA;EACA,uBAAA;EACA,cAAA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;AANF;;AASA;;EAEE,sBAAA;AANF;;AAQA;EACE,4CAAA;EACA,0BAAA;EACA,mBAAA;EACA,iBAAA;EACA,cAAA;EACA,aAAA;EACA,kBAAA;EACA,uCAAA;AALF;;AAOA;EAEE,YAAA;EAEA,WAAA;EACA,SAAA;AANF;;AAQA;EACE,aAAA;EACA,uBAAA;AALF;;AAOA;EACE,6CAAA;EACA,kBAAA;EACA,kBAAA;EACA,YAAA;EACA,WAAA;EACA,SAAA;AAJF;;AAMA;EACE,YAAA;EACA,kBAAA;EACA,aAAA;EACA,YAAA;EACA,aAAA;EACA,cAAA;EACA,WAAA;EACA,cAAA;EACA,iBAAA;AAHF;;AAKA;EACE,eAAA;EACA,gCAAA;EACA,kBAAA;EACA,+BAAA;EAEA,aAAA;EACA,UAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;AAHF;;AAKA;EACE,kBAAA;EACA,YAAA;EAEA,kBAAA;EACA,yBAAA;EACA,aAAA;EACA,mBAAA;EACA,QAAA;EACA,mBAAA;EACA,uBAAA;EACA,kBAAA;EAEA,QAAA;AAJF;;AAMA;EACE,oCAAA;EACA,gBAAA;EACA,2BAAA;EACA,kBAAA;AAHF;;AAOA;;EAEE,sBAAA;AAJF;;AAMA;EACE,4CAAA;EACA,aAAA;EACA,aAAA;EACA,mBAAA;EACA,SAAA;EACA,mBAAA;EACA,2BAAA;EACA,mBAAA;EACA,cAAA;EACA,kBAAA;EACA,uCAAA;AAHF;;AAKA;EACE,kBAAA;EACA,YAAA;EACA,aAAA;EACA,mBAAA;EACA,QAAA;EACA,mBAAA;EACA,uBAAA;EACA,cAAA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;AAFF;;AAIA;EACE,gCAAA;EACA,gBAAA;EACA,4BAAA;EACA,kBAAA;EACA,OAAA;EACA,aAAA;EACA,mBAAA;EACA,2BAAA;AADF;;AAIA;EACE,cAAA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;EACA,iBAAA;AADF;;AAIA;EACE,aAAA;EACA,mBAAA;EACA,QAAA;EACA,mBAAA;EACA,yBAAA;EACA,cAAA;EACA,kBAAA;AADF;;AAGA;EACE,6CAAA;EACA,mBAAA;EACA,wBAAA;EACA,aAAA;EACA,sBAAA;EACA,SAAA;EACA,mBAAA;EACA,uBAAA;EACA,cAAA;EACA,kBAAA;AAAF;;AAEA;EACE,uCAAA;EACA,kBAAA;EACA,+BAAA;EACA,kBAAA;EACA,wBAAA;AACF","sourcesContent":["$dialog-information-container-height: 800px;\n$dialog-information-container-dialog-information-height: 64px;\n\n.dialog-information-container {\n  // min-height: $dialog-information-container-height;\n  // max-height: $dialog-information-container-height;\n  // height: $dialog-information-container-height;\n  // border: 1px solid var(--divider);\n\n}\n.header-dialog-info,\n.header-dialog-info * {\n  box-sizing: border-box;\n}\n.header-dialog-info {\n  background: var(--color-background, #ffffff);\n  padding: 16px 16px 16px 24px;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  align-self: stretch;\n  flex-shrink: 0;\n  position: relative;\n  border-bottom: 1px solid var(--divider);\n}\n.header-dialog-info-headline {\n  color: var(--main-text, #0b1b0f);\n  text-align: left;\n  font: var(--title-title-large);\n  position: relative;\n}\n.header-dialog-info-icon {\n  border-radius: 4px;\n  padding: 4px;\n  display: flex;\n  flex-direction: row;\n  gap: 0px;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  width: 32px;\n  height: 32px;\n  position: relative;\n}\n\n.dialog-information-profile,\n.dialog-information-profile * {\n  box-sizing: border-box;\n}\n.dialog-information-profile {\n  background: var(--color-background, #ffffff);\n  padding: 24px 0px 24px 0px;\n  align-self: stretch;\n  flex-flow: column;\n  flex-shrink: 0;\n  height: 160px;\n  position: relative;\n  border-bottom: 1px solid var(--divider);\n}\n.dialog-information-profile-avatar {\n  // width: 80px;\n  height: 80px;\n  // position: absolute;\n  left: 140px;\n  top: 24px;\n}\n.dialog-info-profile-avatar-default-icon {\n  display: flex;\n  justify-content: center;\n}\n.dialog-info-profile-avatar-ellipse {\n  background: var(--disabled-elements, #bcc1c5);\n  border-radius: 50%;\n  position: absolute;\n  height: 81px;\n  width: 81px;\n  top: 24px;\n}\n.dialog-info-profile-avatar-contents {\n  height: auto;\n  position: absolute;\n  right: 17.86%;\n  left: 17.86%;\n  width: 64.29%;\n  bottom: 17.86%;\n  top: 17.86%;\n  height: 64.29%;\n  overflow: visible;\n}\n.dialog-information-profile-dialog-name {\n  margin-top: 8px;\n  color: var(--main-text, #0b1b0f);\n  text-align: center;\n  font: var(--title-title-medium);\n  // position: absolute;\n  left: 134.5px;\n  top: 112px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.dialog-information-profile-edit {\n  position: relative;\n  right: -10px;\n  //top: 30px;\n  border-radius: 4px;\n  padding: 8px 56px 0px 0px;\n  display: flex;\n  flex-direction: row;\n  gap: 0px;\n  align-items: center;\n  justify-content: center;\n  position: absolute;\n  //left: 294px;\n  top: 8px;\n}\n.dialog-information-profile-edit-button {\n  color: var(--main-elements, #3978fc);\n  text-align: left;\n  font: var(--button-default);\n  position: relative;\n}\n\n\n.dialog-info-action-wrapper-settings,\n.dialog-info-action-wrapper-settings * {\n  box-sizing: border-box;\n}\n.dialog-info-action-wrapper-settings {\n  background: var(--color-background, #ffffff);\n  padding: 16px;\n  display: flex;\n  flex-direction: row;\n  gap: 16px;\n  align-items: center;\n  justify-content: flex-start;\n  align-self: stretch;\n  flex-shrink: 0;\n  position: relative;\n  border-bottom: 1px solid var(--divider);\n}\n.dialog-info-action-wrapper-settings-icon {\n  border-radius: 4px;\n  padding: 4px;\n  display: flex;\n  flex-direction: row;\n  gap: 0px;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  width: 24px;\n  height: 24px;\n  position: relative;\n}\n.dialog-info-action-wrapper-settings-subtitle {\n  color: var(--main-text, #0b1b0f);\n  text-align: left;\n  font: var(--body-body-large);\n  position: relative;\n  flex: 1;\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n}\n\n.dialog-info-action-wrapper-settings-contents {\n  flex-shrink: 0;\n  width: 24px;\n  height: 24px;\n  position: relative;\n  overflow: visible;\n}\n\n.dialog-info-action-wrapper-settings-right {\n  display: flex;\n  flex-direction: row;\n  gap: 8px;\n  align-items: center;\n  justify-content: flex-end;\n  flex-shrink: 0;\n  position: relative;\n}\n.dialog-info-action-wrapper-settings-right-badge {\n  background: var(--disabled-elements, #bcc1c5);\n  border-radius: 30px;\n  padding: 2px 6px 2px 6px;\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  position: relative;\n}\n.dialog-info-action-wrapper-settings-right-badge-title {\n  color: var(--color-background, #ffffff);\n  text-align: center;\n  font: var(--label-label-medium);\n  position: relative;\n  padding: 0px 5px 0px 5px;\n}\n\n"],"sourceRoot":""}]);
 // Exports
 /* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
 
@@ -1136,6 +1112,30 @@ ___CSS_LOADER_EXPORT___.push([module.id, ".user-avatar-wrapper {\n  border-radiu
 /* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
 
 
+/***/ }),
+
+/***/ "./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/Views/Flow/CreateDialog/CreateDialog.scss":
+/*!*************************************************************************************************************************************************!*\
+  !*** ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/Views/Flow/CreateDialog/CreateDialog.scss ***!
+  \*************************************************************************************************************************************************/
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../node_modules/css-loader/dist/runtime/sourceMaps.js */ "./node_modules/css-loader/dist/runtime/sourceMaps.js");
+/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js");
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
+// Imports
+
+
+var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, ".create-dialog-container {\n  min-height: 312px;\n  max-height: 312px;\n  height: 312px;\n}\n.create-dialog-container--btn-wrapper {\n  height: 64px;\n  width: 332px;\n  display: flex;\n  flex-direction: row;\n  flex-wrap: nowrap;\n  justify-content: flex-start;\n  align-items: center;\n  gap: 16px;\n  cursor: pointer;\n  border-radius: 4px;\n  border: 1px solid var(--tertiary-elements);\n}\n.create-dialog-container--btn-wrapper__text {\n  min-height: 24px;\n  font-family: \"Roboto\";\n  font-style: normal;\n  font-weight: 400;\n  font-size: 16px;\n  line-height: 24px;\n  letter-spacing: 0.15px;\n  flex: 2 2 268px;\n  letter-spacing: 0.15px;\n}\n.create-dialog-container--btn-wrapper__icon {\n  min-height: 24px;\n  margin-left: 10px;\n  flex: 1 1 24px;\n}", "",{"version":3,"sources":["webpack://./src/Presentation/Views/Flow/CreateDialog/CreateDialog.scss"],"names":[],"mappings":"AAGA;EACE,iBAH+B;EAI/B,iBAJ+B;EAK/B,aAL+B;AAGjC;AAIE;EACE,YAAA;EACA,YAAA;EACA,aAAA;EACA,mBAAA;EACA,iBAAA;EACA,2BAAA;EACA,mBAAA;EACA,SAAA;EACA,eAAA;EACA,kBAAA;EAEA,0CAAA;AAHJ;AAKI;EACE,gBAAA;EAEA,qBAAA;EACA,kBAAA;EACA,gBAAA;EACA,eAAA;EACA,iBAAA;EACA,sBAAA;EACA,eAAA;EACA,sBAAA;AAJN;AAQI;EACE,gBAAA;EACA,iBAAA;EACA,cAAA;AANN","sourcesContent":["$create-dialog-container-width: 380px;\n$create-dialog-container-height: 312px;\n\n.create-dialog-container {\n  min-height: $create-dialog-container-height;\n  max-height: $create-dialog-container-height;\n  height: $create-dialog-container-height;\n  //border: 1px solid green;\n  &--btn-wrapper{\n    height: 64px;\n    width: 332px;\n    display: flex;\n    flex-direction: row;\n    flex-wrap: nowrap;\n    justify-content: flex-start;\n    align-items: center;\n    gap: 16px;\n    cursor: pointer;\n    border-radius: 4px;\n\n    border: 1px solid var(--tertiary-elements);\n\n    &__text{\n      min-height: 24px;\n      // margin: 16px 16px 16px 16px;\n      font-family: 'Roboto';\n      font-style: normal;\n      font-weight: 400;\n      font-size: 16px;\n      line-height: 24px;\n      letter-spacing: 0.15px;\n      flex: 2 2 268px;\n      letter-spacing: 0.15px;\n\n      //border: 1px solid orange;\n    }\n    &__icon{\n      min-height: 24px;\n      margin-left: 10px;\n      flex: 1 1 24px;\n\n     // border: 1px solid red;\n    }\n  }\n}\n"],"sourceRoot":""}]);
+// Exports
+/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
+
+
 /***/ }),
 
 /***/ "./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/Views/InviteMembers/InviteMembers.scss":
@@ -1611,7 +1611,7 @@ __webpack_require__.r(__webpack_exports__);
 
 var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, ".desktop-layout-main-container {\n  border: 1px solid #6c38cc;\n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: flex-start;\n  align-items: flex-start;\n  margin: 0 auto;\n}\n.desktop-layout-main-container__item-left {\n  flex: 1 1 320px;\n}\n.desktop-layout-main-container__item-right {\n  flex: 1 1 320px;\n  width: 100%;\n}\n.desktop-layout-main-container__item-center {\n  width: 100%;\n}", "",{"version":3,"sources":["webpack://./src/Presentation/layouts/Desktop/DesktopLayout.scss"],"names":[],"mappings":"AAMA;EACE,yBAAA;EAIA,aAAA;EACA,qBAAA;EACA,2BAAA;EACA,uBAAA;EACA,cAAA;AARF;AAUE;EAEE,eAAA;AATJ;AAYE;EAEE,eAAA;EAEA,WAAA;AAZJ;AAcE;EAGE,WAAA;AAdJ","sourcesContent":["$desktop-main-container-max-width: 1360px;\n$desktop-main-container-min-height: 800px;\n$desktop-main-container-item-width: 320px;\n$desktop-main-container-item-center-width: 720px;\n// $desktop-main-container-item-center-width: 1040px;\n\n.desktop-layout-main-container{\n  border: 1px solid #6c38cc;\n  // min-height: $desktop-main-container-min-height;\n  // max-width: $desktop-main-container-max-width;\n  // height: calc(100vh - 128px);\n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: flex-start;\n  align-items: flex-start;\n  margin: 0 auto;\n\n  &__item-left {\n   // border-bottom: 1px solid var(--divider);\n    flex: 1 1 $desktop-main-container-item-width;\n    // max-width: $desktop-main-container-item-width\n  }\n  &__item-right {\n   // border: 1px solid  var(--divider);\n    flex: 1 1 $desktop-main-container-item-width;\n    // max-width: $desktop-main-container-item-width\n    width: 100%;\n  }\n  &__item-center {\n   // border: 1px solid  var(--divider);\n   // flex: 3 2 $desktop-main-container-item-center-width;\n    width: 100%;\n   //  min-width: 320px;\n  }\n}\n\n\n\n"],"sourceRoot":""}]);
+___CSS_LOADER_EXPORT___.push([module.id, ".desktop-layout-main-container {\n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: flex-start;\n  align-items: flex-start;\n  margin: 0 auto;\n}\n.desktop-layout-main-container__item-left {\n  border-bottom: 1px solid var(--divider);\n  flex: 1 1 320px;\n  height: 100%;\n}\n.desktop-layout-main-container__item-right {\n  border: 1px solid var(--divider);\n  flex: 1 1 320px;\n  width: 100%;\n  height: 100%;\n}\n.desktop-layout-main-container__item-center {\n  border: 1px solid var(--divider);\n  height: 100%;\n  width: 100%;\n}", "",{"version":3,"sources":["webpack://./src/Presentation/layouts/Desktop/DesktopLayout.scss"],"names":[],"mappings":"AAMA;EAKE,aAAA;EACA,qBAAA;EACA,2BAAA;EACA,uBAAA;EACA,cAAA;AATF;AAWE;EACE,uCAAA;EACA,eAAA;EAEA,YAAA;AAVJ;AAYE;EACE,gCAAA;EACA,eAAA;EAEA,WAAA;EACA,YAAA;AAXJ;AAaE;EACE,gCAAA;EAEA,YAAA;EACA,WAAA;AAZJ","sourcesContent":["$desktop-main-container-max-width: 1360px;\n$desktop-main-container-min-height: 800px;\n$desktop-main-container-item-width: 320px;\n$desktop-main-container-item-center-width: 720px;\n// $desktop-main-container-item-center-width: 1040px;\n\n.desktop-layout-main-container{\n  // border: 1px solid #6c38cc;\n  // min-height: $desktop-main-container-min-height;\n  // max-width: $desktop-main-container-max-width;\n  // height: calc(100vh - 128px);\n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: flex-start;\n  align-items: flex-start;\n  margin: 0 auto;\n\n  &__item-left {\n    border-bottom: 1px solid var(--divider);\n    flex: 1 1 $desktop-main-container-item-width;\n    // max-width: $desktop-main-container-item-width\n    height: 100%;\n  }\n  &__item-right {\n    border: 1px solid  var(--divider);\n    flex: 1 1 $desktop-main-container-item-width;\n    // max-width: $desktop-main-container-item-width\n    width: 100%;\n    height: 100%;\n  }\n  &__item-center {\n    border: 1px solid  var(--divider);\n   // flex: 3 2 $desktop-main-container-item-center-width;\n    height: 100%;\n    width: 100%;\n   //  min-width: 320px;\n  }\n}\n\n\n\n"],"sourceRoot":""}]);
 // Exports
 /* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
 
@@ -3164,58 +3164,6 @@ if (false) {} else {
 }
 
 
-/***/ }),
-
-/***/ "./src/Presentation/Views/CreateDialog/CreateDialog.scss":
-/*!***************************************************************!*\
-  !*** ./src/Presentation/Views/CreateDialog/CreateDialog.scss ***!
-  \***************************************************************/
-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! !../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js */ "./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js");
-/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! !../../../../node_modules/style-loader/dist/runtime/styleDomAPI.js */ "./node_modules/style-loader/dist/runtime/styleDomAPI.js");
-/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! !../../../../node_modules/style-loader/dist/runtime/insertBySelector.js */ "./node_modules/style-loader/dist/runtime/insertBySelector.js");
-/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! !../../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js */ "./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js");
-/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! !../../../../node_modules/style-loader/dist/runtime/insertStyleElement.js */ "./node_modules/style-loader/dist/runtime/insertStyleElement.js");
-/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__);
-/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! !../../../../node_modules/style-loader/dist/runtime/styleTagTransform.js */ "./node_modules/style-loader/dist/runtime/styleTagTransform.js");
-/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__);
-/* harmony import */ var _node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_CreateDialog_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! !!../../../../node_modules/css-loader/dist/cjs.js!../../../../node_modules/sass-loader/dist/cjs.js!./CreateDialog.scss */ "./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/Views/CreateDialog/CreateDialog.scss");
-
-      
-      
-      
-      
-      
-      
-      
-      
-      
-
-var options = {};
-
-options.styleTagTransform = (_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default());
-options.setAttributes = (_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default());
-
-      options.insert = _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default().bind(null, "head");
-    
-options.domAPI = (_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default());
-options.insertStyleElement = (_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default());
-
-var update = _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default()(_node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_CreateDialog_scss__WEBPACK_IMPORTED_MODULE_6__["default"], options);
-
-
-
-
-       /* harmony default export */ __webpack_exports__["default"] = (_node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_CreateDialog_scss__WEBPACK_IMPORTED_MODULE_6__["default"] && _node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_CreateDialog_scss__WEBPACK_IMPORTED_MODULE_6__["default"].locals ? _node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_CreateDialog_scss__WEBPACK_IMPORTED_MODULE_6__["default"].locals : undefined);
-
-
 /***/ }),
 
 /***/ "./src/Presentation/Views/Dialog/AIComponents/AIAssistComponent/AIAssistComponent.scss":
@@ -5452,6 +5400,58 @@ var update = _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js
        /* harmony default export */ __webpack_exports__["default"] = (_node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_UserAvatar_scss__WEBPACK_IMPORTED_MODULE_6__["default"] && _node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_UserAvatar_scss__WEBPACK_IMPORTED_MODULE_6__["default"].locals ? _node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_UserAvatar_scss__WEBPACK_IMPORTED_MODULE_6__["default"].locals : undefined);
 
 
+/***/ }),
+
+/***/ "./src/Presentation/Views/Flow/CreateDialog/CreateDialog.scss":
+/*!********************************************************************!*\
+  !*** ./src/Presentation/Views/Flow/CreateDialog/CreateDialog.scss ***!
+  \********************************************************************/
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! !../../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js */ "./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js");
+/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! !../../../../../node_modules/style-loader/dist/runtime/styleDomAPI.js */ "./node_modules/style-loader/dist/runtime/styleDomAPI.js");
+/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! !../../../../../node_modules/style-loader/dist/runtime/insertBySelector.js */ "./node_modules/style-loader/dist/runtime/insertBySelector.js");
+/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! !../../../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js */ "./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js");
+/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! !../../../../../node_modules/style-loader/dist/runtime/insertStyleElement.js */ "./node_modules/style-loader/dist/runtime/insertStyleElement.js");
+/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! !../../../../../node_modules/style-loader/dist/runtime/styleTagTransform.js */ "./node_modules/style-loader/dist/runtime/styleTagTransform.js");
+/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__);
+/* harmony import */ var _node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_CreateDialog_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! !!../../../../../node_modules/css-loader/dist/cjs.js!../../../../../node_modules/sass-loader/dist/cjs.js!./CreateDialog.scss */ "./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/Views/Flow/CreateDialog/CreateDialog.scss");
+
+      
+      
+      
+      
+      
+      
+      
+      
+      
+
+var options = {};
+
+options.styleTagTransform = (_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default());
+options.setAttributes = (_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default());
+
+      options.insert = _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default().bind(null, "head");
+    
+options.domAPI = (_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default());
+options.insertStyleElement = (_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default());
+
+var update = _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default()(_node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_CreateDialog_scss__WEBPACK_IMPORTED_MODULE_6__["default"], options);
+
+
+
+
+       /* harmony default export */ __webpack_exports__["default"] = (_node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_CreateDialog_scss__WEBPACK_IMPORTED_MODULE_6__["default"] && _node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_CreateDialog_scss__WEBPACK_IMPORTED_MODULE_6__["default"].locals ? _node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_CreateDialog_scss__WEBPACK_IMPORTED_MODULE_6__["default"].locals : undefined);
+
+
 /***/ }),
 
 /***/ "./src/Presentation/Views/InviteMembers/InviteMembers.scss":
@@ -18691,21 +18691,20 @@ var SubscriptionPerformer = /** @class */ (function () {
 
 /***/ }),
 
-/***/ "./src/Presentation/Views/CreateDialog/CreateDialog.tsx":
-/*!**************************************************************!*\
-  !*** ./src/Presentation/Views/CreateDialog/CreateDialog.tsx ***!
-  \**************************************************************/
+/***/ "./src/Presentation/Views/Dialog/AIComponents/AIAssistComponent/AIAssistComponent.tsx":
+/*!********************************************************************************************!*\
+  !*** ./src/Presentation/Views/Dialog/AIComponents/AIAssistComponent/AIAssistComponent.tsx ***!
+  \********************************************************************************************/
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": function() { return /* binding */ AIAssistComponent; }
+/* harmony export */ });
 /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ "./node_modules/react/jsx-runtime.js");
-/* harmony import */ var _CreateDialog_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./CreateDialog.scss */ "./src/Presentation/Views/CreateDialog/CreateDialog.scss");
-/* harmony import */ var _components_containers_ColumnContainer_ColumnContainer__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/containers/ColumnContainer/ColumnContainer */ "./src/Presentation/components/containers/ColumnContainer/ColumnContainer.tsx");
-/* harmony import */ var _components_UI_svgs_Icons_Contents_Chat__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/UI/svgs/Icons/Contents/Chat */ "./src/Presentation/components/UI/svgs/Icons/Contents/Chat/index.tsx");
-/* harmony import */ var _components_UI_svgs_Icons_Contents_GroupChat__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/UI/svgs/Icons/Contents/GroupChat */ "./src/Presentation/components/UI/svgs/Icons/Contents/GroupChat/index.tsx");
-/* harmony import */ var _components_UI_svgs_Icons_Contents_PublicChannel__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../components/UI/svgs/Icons/Contents/PublicChannel */ "./src/Presentation/components/UI/svgs/Icons/Contents/PublicChannel/index.tsx");
-/* harmony import */ var _components_UI_Buttons_ActiveButton_ActiveButton__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../components/UI/Buttons/ActiveButton/ActiveButton */ "./src/Presentation/components/UI/Buttons/ActiveButton/ActiveButton.tsx");
+/* harmony import */ var _AIAssistComponent_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./AIAssistComponent.scss */ "./src/Presentation/Views/Dialog/AIComponents/AIAssistComponent/AIAssistComponent.scss");
+/* harmony import */ var _components_UI_svgs_Icons_AIWidgets_BotIcon_BotIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../components/UI/svgs/Icons/AIWidgets/BotIcon/BotIcon */ "./src/Presentation/components/UI/svgs/Icons/AIWidgets/BotIcon/BotIcon.tsx");
 var __assign = (undefined && undefined.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -18720,293 +18719,75 @@ var __assign = (undefined && undefined.__assign) || function () {
 
 
 
-
-
-
-
-// eslint-disable-next-line react/function-component-definition,@typescript-eslint/no-unused-vars
-var CreateDialog = function (_a) {
-    var createPrivateDialogClickHandler = _a.createPrivateDialogClickHandler, createPrivateDialogTouchHandler = _a.createPrivateDialogTouchHandler, createGroupDialogClickHandler = _a.createGroupDialogClickHandler, createGroupDialogTouchHandler = _a.createGroupDialogTouchHandler, createPublicDialogClickHandler = _a.createPublicDialogClickHandler, createPublicDialogTouchHandler = _a.createPublicDialogTouchHandler;
-    return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components_containers_ColumnContainer_ColumnContainer__WEBPACK_IMPORTED_MODULE_2__["default"], __assign({ gapBetweenItem: "8px" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_Buttons_ActiveButton_ActiveButton__WEBPACK_IMPORTED_MODULE_6__["default"], { content: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ className: "create-dialog-container--btn-wrapper" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "create-dialog-container--btn-wrapper__icon" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_svgs_Icons_Contents_Chat__WEBPACK_IMPORTED_MODULE_3__["default"], { width: "24", height: "24", applyZoom: true }) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "create-dialog-container--btn-wrapper__text" }, { children: "Private" }))] })), clickAction: createPrivateDialogClickHandler, touchAction: createPrivateDialogTouchHandler }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_Buttons_ActiveButton_ActiveButton__WEBPACK_IMPORTED_MODULE_6__["default"], { content: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ className: "create-dialog-container--btn-wrapper" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "create-dialog-container--btn-wrapper__icon" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_svgs_Icons_Contents_GroupChat__WEBPACK_IMPORTED_MODULE_4__["default"], { width: "32", height: "32", applyZoom: true }) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "create-dialog-container--btn-wrapper__text" }, { children: "Group" }))] })), clickAction: createGroupDialogClickHandler, touchAction: createGroupDialogTouchHandler }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_Buttons_ActiveButton_ActiveButton__WEBPACK_IMPORTED_MODULE_6__["default"], { content: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ className: "create-dialog-container--btn-wrapper" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "create-dialog-container--btn-wrapper__icon" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_svgs_Icons_Contents_PublicChannel__WEBPACK_IMPORTED_MODULE_5__["default"], { width: "32", height: "32", applyZoom: true }) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "create-dialog-container--btn-wrapper__text" }, { children: "Public" }))] })), clickAction: createPublicDialogClickHandler, touchAction: createPublicDialogTouchHandler })] })));
-};
-/* harmony default export */ __webpack_exports__["default"] = (CreateDialog);
+function AIAssistComponent(props) {
+    var onAssistAnswer = props.onAssistAnswer, waitAIWidget = props.waitAIWidget;
+    return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "ai-assist-answer", style: {
+            cursor: waitAIWidget ? '' : 'pointer',
+        } }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "ai-assist-icon", onClick: onAssistAnswer }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_svgs_Icons_AIWidgets_BotIcon_BotIcon__WEBPACK_IMPORTED_MODULE_2__["default"], { width: "24", height: "25", applyZoom: true, color: "var(--primary)" }) }) })) })));
+}
 
 
 /***/ }),
 
-/***/ "./src/Presentation/Views/CreateDialogFlow/CreateNewDialogFlow.tsx":
-/*!*************************************************************************!*\
-  !*** ./src/Presentation/Views/CreateDialogFlow/CreateNewDialogFlow.tsx ***!
-  \*************************************************************************/
+/***/ "./src/Presentation/Views/Dialog/AIComponents/AITranslateComponent/AITranslateComponent.tsx":
+/*!**************************************************************************************************!*\
+  !*** ./src/Presentation/Views/Dialog/AIComponents/AITranslateComponent/AITranslateComponent.tsx ***!
+  \**************************************************************************************************/
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": function() { return /* binding */ AITranslateComponent; }
+/* harmony export */ });
 /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ "./node_modules/react/jsx-runtime.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _CreateDialog_CreateDialog__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../CreateDialog/CreateDialog */ "./src/Presentation/Views/CreateDialog/CreateDialog.tsx");
-/* harmony import */ var _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../Domain/entity/DialogTypes */ "./src/Domain/entity/DialogTypes.ts");
-/* harmony import */ var _EditDialog_EditDialog__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../EditDialog/EditDialog */ "./src/Presentation/Views/EditDialog/EditDialog.tsx");
-/* harmony import */ var _InviteMembers_InviteMembers__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../InviteMembers/InviteMembers */ "./src/Presentation/Views/InviteMembers/InviteMembers.tsx");
-/* harmony import */ var _providers_ModalContextProvider_Modal__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../providers/ModalContextProvider/Modal */ "./src/Presentation/providers/ModalContextProvider/Modal.tsx");
-/* harmony import */ var _Data_Stubs__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../Data/Stubs */ "./src/Data/Stubs.ts");
-/* harmony import */ var _utils_parse__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../utils/parse */ "./src/utils/parse.ts");
-/* harmony import */ var _providers_QuickBloxUIKitProvider_QuickBloxUIKitProvider__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../providers/QuickBloxUIKitProvider/QuickBloxUIKitProvider */ "./src/Presentation/providers/QuickBloxUIKitProvider/QuickBloxUIKitProvider.tsx");
-var __awaiter = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (undefined && undefined.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
+/* harmony import */ var _AITranslateComponent_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./AITranslateComponent.scss */ "./src/Presentation/Views/Dialog/AIComponents/AITranslateComponent/AITranslateComponent.scss");
+/* harmony import */ var _AIWidgets_AIWidgetActions_AIWidgetActions__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../AIWidgets/AIWidgetActions/AIWidgetActions */ "./src/Presentation/Views/Dialog/AIWidgets/AIWidgetActions/AIWidgetActions.tsx");
+/* harmony import */ var _components_UI_svgs_Icons_Media_Translate__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../components/UI/svgs/Icons/Media/Translate */ "./src/Presentation/components/UI/svgs/Icons/Media/Translate/index.tsx");
+var __assign = (undefined && undefined.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
 };
 
 
 
 
+function AITranslateComponent(props) {
+    var onTranslate = props.onTranslate, onClickOriginalText = props.onClickOriginalText, originalTextMessage = props.originalTextMessage, waitAITranslateWidget = props.waitAITranslateWidget, languagesForAITranslate = props.languagesForAITranslate;
+    return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ className: "translate-wrapper" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "translate-caption" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "ai-translate-action", style: {
+                        cursor: waitAITranslateWidget ? '' : 'pointer',
+                    }, onClick: function () {
+                        if (waitAITranslateWidget)
+                            return;
+                        if (originalTextMessage) {
+                            onTranslate('');
+                        }
+                        else {
+                            onClickOriginalText();
+                        }
+                    } }, { children: originalTextMessage ? 'Show translation' : 'Show original' })) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_AIWidgets_AIWidgetActions_AIWidgetActions__WEBPACK_IMPORTED_MODULE_2__["default"], { disabled: !waitAITranslateWidget, widgetToRender: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "icon-translate", style: {
+                        cursor: waitAITranslateWidget ? '' : 'pointer',
+                    } }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_svgs_Icons_Media_Translate__WEBPACK_IMPORTED_MODULE_3__["default"], { width: "16", height: "16", applyZoom: true, color: "var(--tertiary-elements)" }) })), items: languagesForAITranslate.map(function (item) {
+                    return {
+                        title: item,
+                        action: function () {
+                            if (!props.waitAITranslateWidget) {
+                                props.onTranslate(item);
+                            }
+                        },
+                    };
+                }) })] })));
+}
 
 
-
-
-
-
-// eslint-disable-next-line react/function-component-definition
-var CreateNewDialogFlow = function (_a) {
-    var dialogsViewModel = _a.dialogsViewModel;
-    var handleModal = react__WEBPACK_IMPORTED_MODULE_1___default().useContext(_providers_ModalContextProvider_Modal__WEBPACK_IMPORTED_MODULE_6__.ModalContext).handleModal;
-    var currentContext = react__WEBPACK_IMPORTED_MODULE_1___default().useContext(_providers_QuickBloxUIKitProvider_QuickBloxUIKitProvider__WEBPACK_IMPORTED_MODULE_9__.qbDataContext);
-    var remoteDataSourceMock = currentContext.storage.REMOTE_DATA_SOURCE;
-    var setUpDialogType = 1;
-    var setDialogTitle = 2;
-    var inviteUsers = 3;
-    var _b = react__WEBPACK_IMPORTED_MODULE_1___default().useState(setUpDialogType), stepToCreate = _b[0], setNumStepToCreate = _b[1];
-    var _c = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(), selectedDialogType = _c[0], setSelectedDialogType = _c[1];
-    var _d = react__WEBPACK_IMPORTED_MODULE_1___default().useState('NOT DEFINE'), dialogName = _d[0], setDialogName = _d[1];
-    var _e = react__WEBPACK_IMPORTED_MODULE_1___default().useState(undefined), uidAvatar = _e[0], setUidAvatar = _e[1];
-    (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
-        if (
-        // selectedDialogType === DialogType.private ||
-        selectedDialogType === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_3__.DialogType.group) {
-            setNumStepToCreate(setDialogTitle);
-        }
-        else if (selectedDialogType === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_3__.DialogType["private"]) {
-            setNumStepToCreate(inviteUsers);
-        }
-    }, [selectedDialogType]);
-    var getDialogNameHandler = function (params) {
-        console.log(params.dialogTitle);
-        setDialogName(params.dialogTitle);
-        var newUidAvatar = '';
-        console.log('before urlPhoto: ', newUidAvatar);
-        if (params.dialogAvatar) {
-            if (params.dialogAvatar !== 'null') {
-                dialogsViewModel
-                    .uploadFile(params.dialogAvatar)
-                    // eslint-disable-next-line promise/always-return
-                    .then(function (uploadedFile) {
-                    newUidAvatar = uploadedFile.uid;
-                    console.log('after urlPhoto: ', newUidAvatar);
-                    setUidAvatar(newUidAvatar);
-                    setNumStepToCreate(inviteUsers);
-                })
-                    .catch(function (error) {
-                    console.log((0,_utils_parse__WEBPACK_IMPORTED_MODULE_8__.stringifyError)(error));
-                });
-            }
-            else {
-                setUidAvatar('null');
-            }
-        }
-        else {
-            setNumStepToCreate(inviteUsers);
-        }
-    };
-    var getDialogParticipantsHandler = function (participants) { return __awaiter(void 0, void 0, void 0, function () {
-        var dialog;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    if (!(selectedDialogType &&
-                        (_Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_3__.DialogType.group === selectedDialogType ||
-                            (selectedDialogType === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_3__.DialogType["private"] && participants.length > 0)))) return [3 /*break*/, 2];
-                    dialog = _Data_Stubs__WEBPACK_IMPORTED_MODULE_7__.Stubs.createDialogEntityByTypeWithDefaultValues(selectedDialogType);
-                    dialog.name = dialogName;
-                    dialog.photo = uidAvatar || '';
-                    dialog.participantIds = participants;
-                    dialog.type = selectedDialogType;
-                    // eslint-disable-next-line promise/always-return
-                    return [4 /*yield*/, dialogsViewModel
-                            .createDialog(dialog)
-                            // eslint-disable-next-line promise/always-return
-                            .then(function (newEntity) {
-                            handleModal(false, '', '', false, false);
-                            console.log("HAVE CREATED DIALOG from param: ".concat(JSON.stringify(newEntity), " from viewmodel ").concat(JSON.stringify(dialogsViewModel.entity), " "));
-                        })
-                            .catch(function (e) {
-                            console.log('Have exception: ', (0,_utils_parse__WEBPACK_IMPORTED_MODULE_8__.stringifyError)(e));
-                        })];
-                case 1:
-                    // eslint-disable-next-line promise/always-return
-                    _a.sent();
-                    _a.label = 2;
-                case 2: return [2 /*return*/];
-            }
-        });
-    }); };
-    var closeModal = function () {
-        handleModal(false, '', '', false, false);
-    };
-    return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { children: [stepToCreate === setUpDialogType && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_CreateDialog_CreateDialog__WEBPACK_IMPORTED_MODULE_2__["default"], { createPrivateDialogClickHandler: function () {
-                    setSelectedDialogType(_Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_3__.DialogType["private"]);
-                }, createPrivateDialogTouchHandler: function () {
-                    setSelectedDialogType(_Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_3__.DialogType["private"]);
-                }, createGroupDialogClickHandler: function () {
-                    setSelectedDialogType(_Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_3__.DialogType.group);
-                }, createGroupDialogTouchHandler: function () {
-                    setSelectedDialogType(_Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_3__.DialogType.group);
-                }, createPublicDialogClickHandler: function () {
-                    setSelectedDialogType(_Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_3__.DialogType["public"]);
-                }, createPublicDialogTouchHandler: function () {
-                    setSelectedDialogType(_Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_3__.DialogType["public"]);
-                } })), stepToCreate === setDialogTitle && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_EditDialog_EditDialog__WEBPACK_IMPORTED_MODULE_4__["default"], { nameDialog: "", typeDialog: selectedDialogType, typeAddEditDialog: _EditDialog_EditDialog__WEBPACK_IMPORTED_MODULE_4__.TypeOpenDialog.create, clickUpdatedHandler: getDialogNameHandler, clickCancelHandler: function () {
-                        closeModal();
-                    } }) })), stepToCreate === inviteUsers && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_InviteMembers_InviteMembers__WEBPACK_IMPORTED_MODULE_5__["default"], { applyInviteUsersHandler: function (selectedUsers) {
-                    getDialogParticipantsHandler(selectedUsers);
-                }, cancelInviteMembersHandler: function () {
-                    closeModal();
-                }, typeDialog: selectedDialogType || _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_3__.DialogType.group, typeAddEditDialog: _EditDialog_EditDialog__WEBPACK_IMPORTED_MODULE_4__.TypeOpenDialog.create, idOwnerDialog: remoteDataSourceMock.authInformation.userId.toString() }))] }));
-};
-/* harmony default export */ __webpack_exports__["default"] = (CreateNewDialogFlow);
-
-
-/***/ }),
-
-/***/ "./src/Presentation/Views/Dialog/AIComponents/AIAssistComponent/AIAssistComponent.tsx":
-/*!********************************************************************************************!*\
-  !*** ./src/Presentation/Views/Dialog/AIComponents/AIAssistComponent/AIAssistComponent.tsx ***!
-  \********************************************************************************************/
-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": function() { return /* binding */ AIAssistComponent; }
-/* harmony export */ });
-/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ "./node_modules/react/jsx-runtime.js");
-/* harmony import */ var _AIAssistComponent_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./AIAssistComponent.scss */ "./src/Presentation/Views/Dialog/AIComponents/AIAssistComponent/AIAssistComponent.scss");
-/* harmony import */ var _components_UI_svgs_Icons_AIWidgets_BotIcon_BotIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../components/UI/svgs/Icons/AIWidgets/BotIcon/BotIcon */ "./src/Presentation/components/UI/svgs/Icons/AIWidgets/BotIcon/BotIcon.tsx");
-var __assign = (undefined && undefined.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-
-
-
-function AIAssistComponent(props) {
-    var onAssistAnswer = props.onAssistAnswer, waitAIWidget = props.waitAIWidget;
-    return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "ai-assist-answer", style: {
-            cursor: waitAIWidget ? '' : 'pointer',
-        } }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "ai-assist-icon", onClick: onAssistAnswer }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_svgs_Icons_AIWidgets_BotIcon_BotIcon__WEBPACK_IMPORTED_MODULE_2__["default"], { width: "24", height: "25", applyZoom: true, color: "var(--primary)" }) }) })) })));
-}
-
-
-/***/ }),
-
-/***/ "./src/Presentation/Views/Dialog/AIComponents/AITranslateComponent/AITranslateComponent.tsx":
-/*!**************************************************************************************************!*\
-  !*** ./src/Presentation/Views/Dialog/AIComponents/AITranslateComponent/AITranslateComponent.tsx ***!
-  \**************************************************************************************************/
-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": function() { return /* binding */ AITranslateComponent; }
-/* harmony export */ });
-/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ "./node_modules/react/jsx-runtime.js");
-/* harmony import */ var _AITranslateComponent_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./AITranslateComponent.scss */ "./src/Presentation/Views/Dialog/AIComponents/AITranslateComponent/AITranslateComponent.scss");
-/* harmony import */ var _AIWidgets_AIWidgetActions_AIWidgetActions__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../AIWidgets/AIWidgetActions/AIWidgetActions */ "./src/Presentation/Views/Dialog/AIWidgets/AIWidgetActions/AIWidgetActions.tsx");
-/* harmony import */ var _components_UI_svgs_Icons_Media_Translate__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../components/UI/svgs/Icons/Media/Translate */ "./src/Presentation/components/UI/svgs/Icons/Media/Translate/index.tsx");
-var __assign = (undefined && undefined.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-
-
-
-
-function AITranslateComponent(props) {
-    var onTranslate = props.onTranslate, onClickOriginalText = props.onClickOriginalText, originalTextMessage = props.originalTextMessage, waitAITranslateWidget = props.waitAITranslateWidget, languagesForAITranslate = props.languagesForAITranslate;
-    return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ className: "translate-wrapper" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "translate-caption" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "ai-translate-action", style: {
-                        cursor: waitAITranslateWidget ? '' : 'pointer',
-                    }, onClick: function () {
-                        if (waitAITranslateWidget)
-                            return;
-                        if (originalTextMessage) {
-                            onTranslate('');
-                        }
-                        else {
-                            onClickOriginalText();
-                        }
-                    } }, { children: originalTextMessage ? 'Show translation' : 'Show original' })) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_AIWidgets_AIWidgetActions_AIWidgetActions__WEBPACK_IMPORTED_MODULE_2__["default"], { disabled: !waitAITranslateWidget, widgetToRender: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "icon-translate", style: {
-                        cursor: waitAITranslateWidget ? '' : 'pointer',
-                    } }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_svgs_Icons_Media_Translate__WEBPACK_IMPORTED_MODULE_3__["default"], { width: "16", height: "16", applyZoom: true, color: "var(--tertiary-elements)" }) })), items: languagesForAITranslate.map(function (item) {
-                    return {
-                        title: item,
-                        action: function () {
-                            if (!props.waitAITranslateWidget) {
-                                props.onTranslate(item);
-                            }
-                        },
-                    };
-                }) })] })));
-}
-
-
-/***/ }),
+/***/ }),
 
 /***/ "./src/Presentation/Views/Dialog/AIWidgets/AIRephraseWidget/AIRephraseWidget.tsx":
 /*!***************************************************************************************!*\
@@ -23436,12 +23217,11 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _EditDialog_EditDialog__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ../EditDialog/EditDialog */ "./src/Presentation/Views/EditDialog/EditDialog.tsx");
 /* harmony import */ var _InviteMembers_InviteMembers__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ../InviteMembers/InviteMembers */ "./src/Presentation/Views/InviteMembers/InviteMembers.tsx");
 /* harmony import */ var _Domain_entity_PublicDialogEntity__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ../../../Domain/entity/PublicDialogEntity */ "./src/Domain/entity/PublicDialogEntity.ts");
-/* harmony import */ var _YesNoQuestion_YesNoQuestion__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ../YesNoQuestion/YesNoQuestion */ "./src/Presentation/Views/YesNoQuestion/YesNoQuestion.tsx");
-/* harmony import */ var _MembersList_MembersList__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ./MembersList/MembersList */ "./src/Presentation/Views/DialogInfo/MembersList/MembersList.tsx");
-/* harmony import */ var _utils_parse__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! ../../../utils/parse */ "./src/utils/parse.ts");
-/* harmony import */ var _EditDialog_UserAvatar_UserAvatar__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! ../EditDialog/UserAvatar/UserAvatar */ "./src/Presentation/Views/EditDialog/UserAvatar/UserAvatar.tsx");
-/* harmony import */ var _components_UI_Buttons_MainButton_MainButton__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(/*! ../../components/UI/Buttons/MainButton/MainButton */ "./src/Presentation/components/UI/Buttons/MainButton/MainButton.tsx");
-/* harmony import */ var _providers_QuickBloxUIKitProvider_useQbInitializedDataContext__WEBPACK_IMPORTED_MODULE_30__ = __webpack_require__(/*! ../../providers/QuickBloxUIKitProvider/useQbInitializedDataContext */ "./src/Presentation/providers/QuickBloxUIKitProvider/useQbInitializedDataContext.ts");
+/* harmony import */ var _MembersList_MembersList__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ./MembersList/MembersList */ "./src/Presentation/Views/DialogInfo/MembersList/MembersList.tsx");
+/* harmony import */ var _EditDialog_UserAvatar_UserAvatar__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ../EditDialog/UserAvatar/UserAvatar */ "./src/Presentation/Views/EditDialog/UserAvatar/UserAvatar.tsx");
+/* harmony import */ var _components_UI_Buttons_MainButton_MainButton__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! ../../components/UI/Buttons/MainButton/MainButton */ "./src/Presentation/components/UI/Buttons/MainButton/MainButton.tsx");
+/* harmony import */ var _providers_QuickBloxUIKitProvider_useQbInitializedDataContext__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! ../../providers/QuickBloxUIKitProvider/useQbInitializedDataContext */ "./src/Presentation/providers/QuickBloxUIKitProvider/useQbInitializedDataContext.ts");
+/* harmony import */ var _Flow_LeaveDialogFlow_LeaveDialogFlow__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(/*! ../Flow/LeaveDialogFlow/LeaveDialogFlow */ "./src/Presentation/Views/Flow/LeaveDialogFlow/LeaveDialogFlow.tsx");
 var __assign = (undefined && undefined.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -23517,7 +23297,6 @@ var __generator = (undefined && undefined.__generator) || function (thisArg, bod
 
 
 
-
 
 
 // eslint-disable-next-line react/function-component-definition
@@ -23528,7 +23307,7 @@ var DialogInfo = function (_a) {
     _d = _a.theme, 
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     theme = _d === void 0 ? undefined : _d, _e = _a.subHeaderContent, subHeaderContent = _e === void 0 ? undefined : _e, _f = _a.upHeaderContent, upHeaderContent = _f === void 0 ? undefined : _f, _g = _a.rootStyles, rootStyles = _g === void 0 ? {} : _g;
-    var currentContext = (0,_providers_QuickBloxUIKitProvider_useQbInitializedDataContext__WEBPACK_IMPORTED_MODULE_30__["default"])();
+    var currentContext = (0,_providers_QuickBloxUIKitProvider_useQbInitializedDataContext__WEBPACK_IMPORTED_MODULE_28__["default"])();
     var currentUserId = 
     // eslint-disable-next-line @typescript-eslint/no-unsafe-call
     (_b = currentContext.storage.REMOTE_DATA_SOURCE.authInformation) === null || _b === void 0 ? void 0 : _b.userId.toString();
@@ -23561,20 +23340,7 @@ var DialogInfo = function (_a) {
         handleModal(false, '', '', false, false);
     };
     var leaveDialogHandler = function () {
-        handleModal(true, (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_containers_ColumnContainer_ColumnContainer__WEBPACK_IMPORTED_MODULE_3__["default"], __assign({ gapBetweenItem: "8px" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_YesNoQuestion_YesNoQuestion__WEBPACK_IMPORTED_MODULE_25__["default"], { noActionCaption: "Cancel", yesActionCaption: "Leave", ClickYesActionHandler: function () {
-                    dialogViewModel
-                        .deleteDialog(((dialogViewModel === null || dialogViewModel === void 0 ? void 0 : dialogViewModel.entity) || dialog))
-                        .then(function (result) {
-                        if (result)
-                            closeModal();
-                        return result;
-                    })
-                        .catch(function (e) {
-                        console.log('exception in DeleteDialogHandler', (0,_utils_parse__WEBPACK_IMPORTED_MODULE_27__.stringifyError)(e));
-                    });
-                }, ClickNoActionHandler: function () {
-                    closeModal();
-                } }) })), 'Leave dialog?', false, true);
+        handleModal(true, (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Flow_LeaveDialogFlow_LeaveDialogFlow__WEBPACK_IMPORTED_MODULE_29__["default"], { dialog: ((dialogViewModel === null || dialogViewModel === void 0 ? void 0 : dialogViewModel.entity) || dialog), dialogsViewModel: dialogViewModel }), 'Leave dialog?', false, true);
     };
     var showMembersDialogHandler = function () {
         setShowMembersDialog(!showMembersDialog);
@@ -23585,7 +23351,7 @@ var DialogInfo = function (_a) {
         if (dialogEntity.type === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_17__.DialogType.group) {
             var groupDialogEntity = dialogEntity;
             if (groupDialogEntity.photo) {
-                return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_EditDialog_UserAvatar_UserAvatar__WEBPACK_IMPORTED_MODULE_28__["default"], { urlAvatar: groupDialogEntity.photo, iconTheme: { width: '81px', height: '81px' } }));
+                return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_EditDialog_UserAvatar_UserAvatar__WEBPACK_IMPORTED_MODULE_26__["default"], { urlAvatar: groupDialogEntity.photo, iconTheme: { width: '81px', height: '81px' } }));
             }
             return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "dialog-info-profile-avatar-default-icon" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "dialog-info-profile-avatar-ellipse" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "dialog-info-profile-avatar-contents" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_svgs_Icons_Contents_GroupChat__WEBPACK_IMPORTED_MODULE_7__["default"], { width: "51", height: "51", color: "var(--secondary-text)" }) })) })) })));
         }
@@ -23595,7 +23361,7 @@ var DialogInfo = function (_a) {
         if (dialogEntity.type === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_17__.DialogType["public"]) {
             var publicDialogEntity = dialogEntity;
             if (publicDialogEntity.photo) {
-                return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_EditDialog_UserAvatar_UserAvatar__WEBPACK_IMPORTED_MODULE_28__["default"], { urlAvatar: publicDialogEntity.photo, iconTheme: { width: '81px', height: '81px' } }));
+                return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_EditDialog_UserAvatar_UserAvatar__WEBPACK_IMPORTED_MODULE_26__["default"], { urlAvatar: publicDialogEntity.photo, iconTheme: { width: '81px', height: '81px' } }));
             }
             return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "dialog-info-profile-avatar-default-icon" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "dialog-info-profile-avatar-ellipse" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "dialog-info-profile-avatar-contents" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_svgs_Icons_Contents_PublicChannel__WEBPACK_IMPORTED_MODULE_18__["default"], { width: "51", height: "51", color: "var(--secondary-text)" }) })) })) })));
         }
@@ -23672,7 +23438,7 @@ var DialogInfo = function (_a) {
     };
     var useSubContent = subHeaderContent || false;
     var useUpContent = upHeaderContent || false;
-    return isAllMembersShow ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_MembersList_MembersList__WEBPACK_IMPORTED_MODULE_26__["default"], { closeInformationHandler: function () {
+    return isAllMembersShow ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_MembersList_MembersList__WEBPACK_IMPORTED_MODULE_25__["default"], { closeInformationHandler: function () {
             setIsAllMembersShow(false);
         }, members: userViewModel.users })) : ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "dialog-information-container", style: __assign({}, rootStyles) }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components_containers_ColumnContainer_ColumnContainer__WEBPACK_IMPORTED_MODULE_3__["default"], { children: [useUpContent && upHeaderContent, (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ className: "header-dialog-info" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "header-dialog-info-headline" }, { children: "Dialog information" })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "header-dialog-info-icon" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_svgs_ActiveSvg_ActiveSvg__WEBPACK_IMPORTED_MODULE_13__["default"], { content: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_svgs_Icons_Navigation_Close__WEBPACK_IMPORTED_MODULE_4__["default"], { applyZoom: true, color: "var(--secondary-elements)" }), onClick: onCloseDialogInformationHandler }) }))] })), useSubContent && subHeaderContent, (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ className: "dialog-information-profile" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "dialog-information-profile-avatar" }, { children: renderIconForTypeDialog((dialogViewModel === null || dialogViewModel === void 0 ? void 0 : dialogViewModel.entity) || dialog) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "dialog-information-profile-dialog-name" }, { children: ((_c = dialogViewModel === null || dialogViewModel === void 0 ? void 0 : dialogViewModel.entity) === null || _c === void 0 ? void 0 : _c.name) || (dialog === null || dialog === void 0 ? void 0 : dialog.name) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "dialog-information-profile-edit" }, { children: dialog.type !== _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_17__.DialogType["private"] &&
                                 dialog.ownerId === currentUserId ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "dialog-information-profile-edit-button" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_Buttons_ActiveButton_ActiveButton__WEBPACK_IMPORTED_MODULE_20__["default"], { content: "Edit", clickAction: function () {
@@ -23686,7 +23452,7 @@ var DialogInfo = function (_a) {
                                             width: '44px',
                                         } }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_Placeholders_LoaderComponent_LoaderComponent__WEBPACK_IMPORTED_MODULE_12__["default"], { width: "44", height: "44" }) }))), (userViewModel === null || userViewModel === void 0 ? void 0 : userViewModel.error) && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_Placeholders_ErrorComponent_ErrorComponent__WEBPACK_IMPORTED_MODULE_11__["default"], { title: userViewModel === null || userViewModel === void 0 ? void 0 : userViewModel.error, ClickActionHandler: function () {
                                             console.log('call retry after error...');
-                                        } })), userViewModel.users && userViewModel.users.length > 0 && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "dialog-info-action-wrapper-settings" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_UsersList_UsersList__WEBPACK_IMPORTED_MODULE_9__["default"], { usersFirstPageToView: userViewModel.users, allUsers: userViewModel.users, usersInDialogCount: userViewModel.users.length }) }))), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ className: "dialog-info-action-wrapper-settings" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_Buttons_MainButton_MainButton__WEBPACK_IMPORTED_MODULE_29__["default"], { title: "Invite members", clickHandler: function () {
+                                        } })), userViewModel.users && userViewModel.users.length > 0 && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "dialog-info-action-wrapper-settings" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_UsersList_UsersList__WEBPACK_IMPORTED_MODULE_9__["default"], { usersFirstPageToView: userViewModel.users, allUsers: userViewModel.users, usersInDialogCount: userViewModel.users.length }) }))), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ className: "dialog-info-action-wrapper-settings" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_Buttons_MainButton_MainButton__WEBPACK_IMPORTED_MODULE_27__["default"], { title: "Invite members", clickHandler: function () {
                                                     handleModal(true, (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_InviteMembers_InviteMembers__WEBPACK_IMPORTED_MODULE_23__["default"], { participants: _Domain_entity_PublicDialogEntity__WEBPACK_IMPORTED_MODULE_24__.PublicDialogEntity.getParticipants((dialogViewModel === null || dialogViewModel === void 0 ? void 0 : dialogViewModel.entity) || dialog), applyInviteUsersHandler: function (usersForInvite, 
                                                         // eslint-disable-next-line @typescript-eslint/no-unused-vars
                                                         usersForRemove) {
@@ -23722,7 +23488,7 @@ var DialogInfo = function (_a) {
                                                         }, cancelInviteMembersHandler: function () {
                                                             closeModal();
                                                         }, typeAddEditDialog: _EditDialog_EditDialog__WEBPACK_IMPORTED_MODULE_22__.TypeOpenDialog.edit, typeDialog: dialog.type, idOwnerDialog: dialog.ownerId }), 'Edit dialog', false, false);
-                                                }, typeButton: _components_UI_Buttons_MainButton_MainButton__WEBPACK_IMPORTED_MODULE_29__.TypeButton.outlined, disabled: dialog.ownerId !== currentUserId }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_Buttons_MainButton_MainButton__WEBPACK_IMPORTED_MODULE_29__["default"], { title: "See all members", typeButton: _components_UI_Buttons_MainButton_MainButton__WEBPACK_IMPORTED_MODULE_29__.TypeButton.outlined, clickHandler: function () { return setIsAllMembersShow(true); } })] }))] })) : null })] })) : null, (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ className: "dialog-info-action-wrapper-settings" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "dialog-info-action-wrapper-settings-icon" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_svgs_ActiveSvg_ActiveSvg__WEBPACK_IMPORTED_MODULE_13__["default"], { content: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_svgs_Icons_Navigation_Search__WEBPACK_IMPORTED_MODULE_8__["default"], { width: "24", height: "24", applyZoom: true }), onClick: function () { return searchDialogHandler(); }, onTouch: function () { return searchDialogHandler(); } }) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "dialog-info-action-wrapper-settings-subtitle" }, { children: "Search in dialog" }))] })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ className: "dialog-info-action-wrapper-settings" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "dialog-info-action-wrapper-settings-icon" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_svgs_ActiveSvg_ActiveSvg__WEBPACK_IMPORTED_MODULE_13__["default"], { content: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_svgs_Icons_Navigation_Leave__WEBPACK_IMPORTED_MODULE_14__["default"], { width: "24", height: "24", applyZoom: true, color: "var(--error)" }), onClick: function () {
+                                                }, typeButton: _components_UI_Buttons_MainButton_MainButton__WEBPACK_IMPORTED_MODULE_27__.TypeButton.outlined, disabled: dialog.ownerId !== currentUserId }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_Buttons_MainButton_MainButton__WEBPACK_IMPORTED_MODULE_27__["default"], { title: "See all members", typeButton: _components_UI_Buttons_MainButton_MainButton__WEBPACK_IMPORTED_MODULE_27__.TypeButton.outlined, clickHandler: function () { return setIsAllMembersShow(true); } })] }))] })) : null })] })) : null, (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ className: "dialog-info-action-wrapper-settings" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "dialog-info-action-wrapper-settings-icon" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_svgs_ActiveSvg_ActiveSvg__WEBPACK_IMPORTED_MODULE_13__["default"], { content: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_svgs_Icons_Navigation_Search__WEBPACK_IMPORTED_MODULE_8__["default"], { width: "24", height: "24", applyZoom: true }), onClick: function () { return searchDialogHandler(); }, onTouch: function () { return searchDialogHandler(); } }) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "dialog-info-action-wrapper-settings-subtitle" }, { children: "Search in dialog" }))] })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ className: "dialog-info-action-wrapper-settings" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "dialog-info-action-wrapper-settings-icon" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_svgs_ActiveSvg_ActiveSvg__WEBPACK_IMPORTED_MODULE_13__["default"], { content: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_svgs_Icons_Navigation_Leave__WEBPACK_IMPORTED_MODULE_14__["default"], { width: "24", height: "24", applyZoom: true, color: "var(--error)" }), onClick: function () {
                                     leaveDialogHandler();
                                 }, onTouch: function () {
                                     leaveDialogHandler();
@@ -24060,7 +23826,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _components_UI_Placeholders_ErrorComponent_ErrorComponent__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../components/UI/Placeholders/ErrorComponent/ErrorComponent */ "./src/Presentation/components/UI/Placeholders/ErrorComponent/ErrorComponent.tsx");
 /* harmony import */ var _DialogListHeader_DialogListHeader__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../DialogListHeader/DialogListHeader */ "./src/Presentation/Views/DialogListHeader/DialogListHeader.tsx");
 /* harmony import */ var _providers_ModalContextProvider_Modal__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../providers/ModalContextProvider/Modal */ "./src/Presentation/providers/ModalContextProvider/Modal.tsx");
-/* harmony import */ var _CreateDialogFlow_CreateNewDialogFlow__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../CreateDialogFlow/CreateNewDialogFlow */ "./src/Presentation/Views/CreateDialogFlow/CreateNewDialogFlow.tsx");
+/* harmony import */ var _Flow_CreateDialogFlow_CreateNewDialogFlow__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../Flow/CreateDialogFlow/CreateNewDialogFlow */ "./src/Presentation/Views/Flow/CreateDialogFlow/CreateNewDialogFlow.tsx");
 /* harmony import */ var _utils_DateTimeFormatter__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../../utils/DateTimeFormatter */ "./src/utils/DateTimeFormatter.ts");
 /* harmony import */ var _components_UI_svgs_Icons_Navigation_Search__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../components/UI/svgs/Icons/Navigation/Search */ "./src/Presentation/components/UI/svgs/Icons/Navigation/Search/index.tsx");
 /* harmony import */ var _components_UI_svgs_Icons_Actions_Remove__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../../components/UI/svgs/Icons/Actions/Remove */ "./src/Presentation/components/UI/svgs/Icons/Actions/Remove/index.tsx");
@@ -24101,7 +23867,7 @@ var __spreadArray = (undefined && undefined.__spreadArray) || function (to, from
 
 // eslint-disable-next-line react/function-component-definition
 var DialogList = function (_a) {
-    var header = _a.header, subHeaderContent = _a.subHeaderContent, upHeaderContent = _a.upHeaderContent, onDialogSelectHandler = _a.onDialogSelectHandler, dialogsViewModel = _a.dialogsViewModel, _b = _a.additionalSettings, additionalSettings = _b === void 0 ? undefined : _b, _c = _a.scrollableHeight, scrollableHeight = _c === void 0 ? 736 : _c;
+    var header = _a.header, subHeaderContent = _a.subHeaderContent, upHeaderContent = _a.upHeaderContent, onDialogSelectHandler = _a.onDialogSelectHandler, onLeaveDialog = _a.onLeaveDialog, dialogsViewModel = _a.dialogsViewModel, _b = _a.additionalSettings, additionalSettings = _b === void 0 ? undefined : _b, _c = _a.scrollableHeight, scrollableHeight = _c === void 0 ? 736 : _c;
     var dialogs = [];
     var _d = react__WEBPACK_IMPORTED_MODULE_1___default().useState([]), dialogsToView = _d[0], setDialogsToView = _d[1];
     var _e = react__WEBPACK_IMPORTED_MODULE_1___default().useState({ selectedIndex: undefined, item: undefined }), selectedItem = _e[0], setSelectedItem = _e[1];
@@ -24176,7 +23942,7 @@ var DialogList = function (_a) {
             setShowSearchDialogs(!showSearchDialogs);
             setNameDialogForSearch('');
         }, clickActionHandler: function () {
-            handleModal(true, (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_CreateDialogFlow_CreateNewDialogFlow__WEBPACK_IMPORTED_MODULE_11__["default"], { dialogsViewModel: dialogsViewModel }), 'New dialog', false, false, {
+            handleModal(true, (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Flow_CreateDialogFlow_CreateNewDialogFlow__WEBPACK_IMPORTED_MODULE_11__["default"], { dialogsViewModel: dialogsViewModel }), 'New dialog', false, false, {
                 minHeight: '200px',
                 minWidth: '380px',
                 maxWidth: '380px',
@@ -24228,7 +23994,7 @@ var DialogList = function (_a) {
                     colorTheme: additionalSettings === null || additionalSettings === void 0 ? void 0 : additionalSettings.themePreview,
                 }, title: "".concat(item.entity.name || ''), unreadMessageCount: item.entity.unreadMessageCount > 0
                     ? item.entity.unreadMessageCount
-                    : undefined, message_date_time_sent: getMessageDateTimeSent(), previewMessage: item.entity.lastMessage.text, dialogAvatar: getDialogAvatar(item) }) }), index));
+                    : undefined, message_date_time_sent: getMessageDateTimeSent(), previewMessage: item.entity.lastMessage.text, dialogAvatar: getDialogAvatar(item), onLeaveDialog: onLeaveDialog }) }), index));
     };
     var loaderTheme = {
         color: 'var(--color-background-info)',
@@ -24975,6 +24741,284 @@ var UserAvatar = function (_a) {
 /* harmony default export */ __webpack_exports__["default"] = (UserAvatar);
 
 
+/***/ }),
+
+/***/ "./src/Presentation/Views/Flow/CreateDialog/CreateDialog.tsx":
+/*!*******************************************************************!*\
+  !*** ./src/Presentation/Views/Flow/CreateDialog/CreateDialog.tsx ***!
+  \*******************************************************************/
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ "./node_modules/react/jsx-runtime.js");
+/* harmony import */ var _CreateDialog_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./CreateDialog.scss */ "./src/Presentation/Views/Flow/CreateDialog/CreateDialog.scss");
+/* harmony import */ var _components_containers_ColumnContainer_ColumnContainer__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../components/containers/ColumnContainer/ColumnContainer */ "./src/Presentation/components/containers/ColumnContainer/ColumnContainer.tsx");
+/* harmony import */ var _components_UI_svgs_Icons_Contents_Chat__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../components/UI/svgs/Icons/Contents/Chat */ "./src/Presentation/components/UI/svgs/Icons/Contents/Chat/index.tsx");
+/* harmony import */ var _components_UI_svgs_Icons_Contents_GroupChat__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../components/UI/svgs/Icons/Contents/GroupChat */ "./src/Presentation/components/UI/svgs/Icons/Contents/GroupChat/index.tsx");
+/* harmony import */ var _components_UI_svgs_Icons_Contents_PublicChannel__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../components/UI/svgs/Icons/Contents/PublicChannel */ "./src/Presentation/components/UI/svgs/Icons/Contents/PublicChannel/index.tsx");
+/* harmony import */ var _components_UI_Buttons_ActiveButton_ActiveButton__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../components/UI/Buttons/ActiveButton/ActiveButton */ "./src/Presentation/components/UI/Buttons/ActiveButton/ActiveButton.tsx");
+var __assign = (undefined && undefined.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+
+
+
+
+
+
+
+// eslint-disable-next-line react/function-component-definition,@typescript-eslint/no-unused-vars
+var CreateDialog = function (_a) {
+    var createPrivateDialogClickHandler = _a.createPrivateDialogClickHandler, createPrivateDialogTouchHandler = _a.createPrivateDialogTouchHandler, createGroupDialogClickHandler = _a.createGroupDialogClickHandler, createGroupDialogTouchHandler = _a.createGroupDialogTouchHandler, createPublicDialogClickHandler = _a.createPublicDialogClickHandler, createPublicDialogTouchHandler = _a.createPublicDialogTouchHandler;
+    return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components_containers_ColumnContainer_ColumnContainer__WEBPACK_IMPORTED_MODULE_2__["default"], __assign({ gapBetweenItem: "8px" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_Buttons_ActiveButton_ActiveButton__WEBPACK_IMPORTED_MODULE_6__["default"], { content: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ className: "create-dialog-container--btn-wrapper" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "create-dialog-container--btn-wrapper__icon" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_svgs_Icons_Contents_Chat__WEBPACK_IMPORTED_MODULE_3__["default"], { width: "24", height: "24", applyZoom: true }) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "create-dialog-container--btn-wrapper__text" }, { children: "Private" }))] })), clickAction: createPrivateDialogClickHandler, touchAction: createPrivateDialogTouchHandler }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_Buttons_ActiveButton_ActiveButton__WEBPACK_IMPORTED_MODULE_6__["default"], { content: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ className: "create-dialog-container--btn-wrapper" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "create-dialog-container--btn-wrapper__icon" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_svgs_Icons_Contents_GroupChat__WEBPACK_IMPORTED_MODULE_4__["default"], { width: "32", height: "32", applyZoom: true }) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "create-dialog-container--btn-wrapper__text" }, { children: "Group" }))] })), clickAction: createGroupDialogClickHandler, touchAction: createGroupDialogTouchHandler }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_Buttons_ActiveButton_ActiveButton__WEBPACK_IMPORTED_MODULE_6__["default"], { content: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ className: "create-dialog-container--btn-wrapper" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "create-dialog-container--btn-wrapper__icon" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_svgs_Icons_Contents_PublicChannel__WEBPACK_IMPORTED_MODULE_5__["default"], { width: "32", height: "32", applyZoom: true }) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "create-dialog-container--btn-wrapper__text" }, { children: "Public" }))] })), clickAction: createPublicDialogClickHandler, touchAction: createPublicDialogTouchHandler })] })));
+};
+/* harmony default export */ __webpack_exports__["default"] = (CreateDialog);
+
+
+/***/ }),
+
+/***/ "./src/Presentation/Views/Flow/CreateDialogFlow/CreateNewDialogFlow.tsx":
+/*!******************************************************************************!*\
+  !*** ./src/Presentation/Views/Flow/CreateDialogFlow/CreateNewDialogFlow.tsx ***!
+  \******************************************************************************/
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ "./node_modules/react/jsx-runtime.js");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _CreateDialog_CreateDialog__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../CreateDialog/CreateDialog */ "./src/Presentation/Views/Flow/CreateDialog/CreateDialog.tsx");
+/* harmony import */ var _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../Domain/entity/DialogTypes */ "./src/Domain/entity/DialogTypes.ts");
+/* harmony import */ var _EditDialog_EditDialog__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../EditDialog/EditDialog */ "./src/Presentation/Views/EditDialog/EditDialog.tsx");
+/* harmony import */ var _InviteMembers_InviteMembers__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../InviteMembers/InviteMembers */ "./src/Presentation/Views/InviteMembers/InviteMembers.tsx");
+/* harmony import */ var _providers_ModalContextProvider_Modal__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../providers/ModalContextProvider/Modal */ "./src/Presentation/providers/ModalContextProvider/Modal.tsx");
+/* harmony import */ var _Data_Stubs__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../Data/Stubs */ "./src/Data/Stubs.ts");
+/* harmony import */ var _utils_parse__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../utils/parse */ "./src/utils/parse.ts");
+/* harmony import */ var _providers_QuickBloxUIKitProvider_QuickBloxUIKitProvider__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../providers/QuickBloxUIKitProvider/QuickBloxUIKitProvider */ "./src/Presentation/providers/QuickBloxUIKitProvider/QuickBloxUIKitProvider.tsx");
+var __awaiter = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (undefined && undefined.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+
+
+
+
+
+
+
+
+
+
+// eslint-disable-next-line react/function-component-definition
+var CreateNewDialogFlow = function (_a) {
+    var dialogsViewModel = _a.dialogsViewModel;
+    var handleModal = react__WEBPACK_IMPORTED_MODULE_1___default().useContext(_providers_ModalContextProvider_Modal__WEBPACK_IMPORTED_MODULE_6__.ModalContext).handleModal;
+    var currentContext = react__WEBPACK_IMPORTED_MODULE_1___default().useContext(_providers_QuickBloxUIKitProvider_QuickBloxUIKitProvider__WEBPACK_IMPORTED_MODULE_9__.qbDataContext);
+    var remoteDataSourceMock = currentContext.storage.REMOTE_DATA_SOURCE;
+    var setUpDialogType = 1;
+    var setDialogTitle = 2;
+    var inviteUsers = 3;
+    var _b = react__WEBPACK_IMPORTED_MODULE_1___default().useState(setUpDialogType), stepToCreate = _b[0], setNumStepToCreate = _b[1];
+    var _c = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(), selectedDialogType = _c[0], setSelectedDialogType = _c[1];
+    var _d = react__WEBPACK_IMPORTED_MODULE_1___default().useState('NOT DEFINE'), dialogName = _d[0], setDialogName = _d[1];
+    var _e = react__WEBPACK_IMPORTED_MODULE_1___default().useState(undefined), uidAvatar = _e[0], setUidAvatar = _e[1];
+    (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
+        if (
+        // selectedDialogType === DialogType.private ||
+        selectedDialogType === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_3__.DialogType.group) {
+            setNumStepToCreate(setDialogTitle);
+        }
+        else if (selectedDialogType === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_3__.DialogType["private"]) {
+            setNumStepToCreate(inviteUsers);
+        }
+    }, [selectedDialogType]);
+    var getDialogNameHandler = function (params) {
+        console.log(params.dialogTitle);
+        setDialogName(params.dialogTitle);
+        var newUidAvatar = '';
+        console.log('before urlPhoto: ', newUidAvatar);
+        if (params.dialogAvatar) {
+            if (params.dialogAvatar !== 'null') {
+                dialogsViewModel
+                    .uploadFile(params.dialogAvatar)
+                    // eslint-disable-next-line promise/always-return
+                    .then(function (uploadedFile) {
+                    newUidAvatar = uploadedFile.uid;
+                    console.log('after urlPhoto: ', newUidAvatar);
+                    setUidAvatar(newUidAvatar);
+                    setNumStepToCreate(inviteUsers);
+                })
+                    .catch(function (error) {
+                    console.log((0,_utils_parse__WEBPACK_IMPORTED_MODULE_8__.stringifyError)(error));
+                });
+            }
+            else {
+                setUidAvatar('null');
+            }
+        }
+        else {
+            setNumStepToCreate(inviteUsers);
+        }
+    };
+    var getDialogParticipantsHandler = function (participants) { return __awaiter(void 0, void 0, void 0, function () {
+        var dialog;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    if (!(selectedDialogType &&
+                        (_Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_3__.DialogType.group === selectedDialogType ||
+                            (selectedDialogType === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_3__.DialogType["private"] && participants.length > 0)))) return [3 /*break*/, 2];
+                    dialog = _Data_Stubs__WEBPACK_IMPORTED_MODULE_7__.Stubs.createDialogEntityByTypeWithDefaultValues(selectedDialogType);
+                    dialog.name = dialogName;
+                    dialog.photo = uidAvatar || '';
+                    dialog.participantIds = participants;
+                    dialog.type = selectedDialogType;
+                    // eslint-disable-next-line promise/always-return
+                    return [4 /*yield*/, dialogsViewModel
+                            .createDialog(dialog)
+                            // eslint-disable-next-line promise/always-return
+                            .then(function (newEntity) {
+                            handleModal(false, '', '', false, false);
+                            console.log("HAVE CREATED DIALOG from param: ".concat(JSON.stringify(newEntity), " from viewmodel ").concat(JSON.stringify(dialogsViewModel.entity), " "));
+                        })
+                            .catch(function (e) {
+                            console.log('Have exception: ', (0,_utils_parse__WEBPACK_IMPORTED_MODULE_8__.stringifyError)(e));
+                        })];
+                case 1:
+                    // eslint-disable-next-line promise/always-return
+                    _a.sent();
+                    _a.label = 2;
+                case 2: return [2 /*return*/];
+            }
+        });
+    }); };
+    var closeModal = function () {
+        handleModal(false, '', '', false, false);
+    };
+    return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { children: [stepToCreate === setUpDialogType && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_CreateDialog_CreateDialog__WEBPACK_IMPORTED_MODULE_2__["default"], { createPrivateDialogClickHandler: function () {
+                    setSelectedDialogType(_Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_3__.DialogType["private"]);
+                }, createPrivateDialogTouchHandler: function () {
+                    setSelectedDialogType(_Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_3__.DialogType["private"]);
+                }, createGroupDialogClickHandler: function () {
+                    setSelectedDialogType(_Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_3__.DialogType.group);
+                }, createGroupDialogTouchHandler: function () {
+                    setSelectedDialogType(_Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_3__.DialogType.group);
+                }, createPublicDialogClickHandler: function () {
+                    setSelectedDialogType(_Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_3__.DialogType["public"]);
+                }, createPublicDialogTouchHandler: function () {
+                    setSelectedDialogType(_Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_3__.DialogType["public"]);
+                } })), stepToCreate === setDialogTitle && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_EditDialog_EditDialog__WEBPACK_IMPORTED_MODULE_4__["default"], { nameDialog: "", typeDialog: selectedDialogType, typeAddEditDialog: _EditDialog_EditDialog__WEBPACK_IMPORTED_MODULE_4__.TypeOpenDialog.create, clickUpdatedHandler: getDialogNameHandler, clickCancelHandler: function () {
+                        closeModal();
+                    } }) })), stepToCreate === inviteUsers && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_InviteMembers_InviteMembers__WEBPACK_IMPORTED_MODULE_5__["default"], { applyInviteUsersHandler: function (selectedUsers) {
+                    getDialogParticipantsHandler(selectedUsers);
+                }, cancelInviteMembersHandler: function () {
+                    closeModal();
+                }, typeDialog: selectedDialogType || _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_3__.DialogType.group, typeAddEditDialog: _EditDialog_EditDialog__WEBPACK_IMPORTED_MODULE_4__.TypeOpenDialog.create, idOwnerDialog: remoteDataSourceMock.authInformation.userId.toString() }))] }));
+};
+/* harmony default export */ __webpack_exports__["default"] = (CreateNewDialogFlow);
+
+
+/***/ }),
+
+/***/ "./src/Presentation/Views/Flow/LeaveDialogFlow/LeaveDialogFlow.tsx":
+/*!*************************************************************************!*\
+  !*** ./src/Presentation/Views/Flow/LeaveDialogFlow/LeaveDialogFlow.tsx ***!
+  \*************************************************************************/
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ "./node_modules/react/jsx-runtime.js");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _YesNoQuestion_YesNoQuestion__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../YesNoQuestion/YesNoQuestion */ "./src/Presentation/Views/YesNoQuestion/YesNoQuestion.tsx");
+/* harmony import */ var _utils_parse__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../utils/parse */ "./src/utils/parse.ts");
+/* harmony import */ var _components_containers_ColumnContainer_ColumnContainer__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../components/containers/ColumnContainer/ColumnContainer */ "./src/Presentation/components/containers/ColumnContainer/ColumnContainer.tsx");
+/* harmony import */ var _providers_ModalContextProvider_Modal__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../providers/ModalContextProvider/Modal */ "./src/Presentation/providers/ModalContextProvider/Modal.tsx");
+var __assign = (undefined && undefined.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+
+
+
+
+
+
+// eslint-disable-next-line react/function-component-definition
+var LeaveDialogFlow = function (_a) {
+    var dialogsViewModel = _a.dialogsViewModel, dialog = _a.dialog;
+    var handleModal = react__WEBPACK_IMPORTED_MODULE_1___default().useContext(_providers_ModalContextProvider_Modal__WEBPACK_IMPORTED_MODULE_5__.ModalContext).handleModal;
+    var closeModal = function () {
+        handleModal(false, '', '', false, false);
+    };
+    return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_containers_ColumnContainer_ColumnContainer__WEBPACK_IMPORTED_MODULE_4__["default"], __assign({ gapBetweenItem: "8px" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_YesNoQuestion_YesNoQuestion__WEBPACK_IMPORTED_MODULE_2__["default"], { noActionCaption: "Cancel", yesActionCaption: "Leave", ClickYesActionHandler: function () {
+                dialogsViewModel
+                    .deleteDialog(dialog)
+                    .then(function (result) {
+                    if (result)
+                        closeModal();
+                    return result;
+                })
+                    .catch(function (e) {
+                    console.log('exception in LeaveDialogFlow', (0,_utils_parse__WEBPACK_IMPORTED_MODULE_3__.stringifyError)(e));
+                });
+            }, ClickNoActionHandler: function () {
+                closeModal();
+            } }) })));
+};
+/* harmony default export */ __webpack_exports__["default"] = (LeaveDialogFlow);
+
+
 /***/ }),
 
 /***/ "./src/Presentation/Views/InviteMembers/InviteMembers.tsx":
@@ -25577,7 +25621,7 @@ var __generator = (undefined && undefined.__generator) || function (thisArg, bod
 
 // eslint-disable-next-line react/function-component-definition
 var PreviewDialog = function (_a) {
-    var typeDialog = _a.typeDialog, dialogViewModel = _a.dialogViewModel, dialogAvatar = _a.dialogAvatar, title = _a.title, previewMessage = _a.previewMessage, unreadMessageCount = _a.unreadMessageCount, message_date_time_sent = _a.message_date_time_sent, _b = _a.theme, theme = _b === void 0 ? undefined : _b, 
+    var typeDialog = _a.typeDialog, dialogViewModel = _a.dialogViewModel, dialogAvatar = _a.dialogAvatar, title = _a.title, previewMessage = _a.previewMessage, unreadMessageCount = _a.unreadMessageCount, message_date_time_sent = _a.message_date_time_sent, _b = _a.theme, theme = _b === void 0 ? undefined : _b, onLeaveDialog = _a.onLeaveDialog, 
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     _c = _a.additionalSettings, 
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
@@ -25763,33 +25807,70 @@ var PreviewDialog = function (_a) {
             }
             return result;
         }
-        if (message.includes('[Forwarded_Message]')) {
+        if (message.includes(_Data_source_remote_Mapper_MessageDTOMapper__WEBPACK_IMPORTED_MODULE_15__.MessageDTOMapper.FORWARD_MESSAGE_PREFIX)) {
             return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { children: "Forwarded message" });
         }
-        if (message.includes('[Replied_Message]')) {
+        if (message.includes(_Data_source_remote_Mapper_MessageDTOMapper__WEBPACK_IMPORTED_MODULE_15__.MessageDTOMapper.REPLY_MESSAGE_PREFIX)) {
             return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { children: "Replied Message" });
         }
         return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { children: message.split(' ').length >= 1 && message.split(' ')[0].length < 23
                 ? message
                 : "".concat(message.substring(0, 25), " ...") }));
     };
+    var LONG_TAP_DURATION = 500; // in milliseconds
+    var VERY_LONG_TAP_DURATION = 2000; // in milliseconds
+    var _g = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(0), touchDuration = _g[0], setTouchDuration = _g[1];
+    var touchTimer = null;
+    var handleTouchStart = function () {
+        // Если предыдущий таймер еще активен, отменяем его
+        if (touchTimer !== null) {
+            clearTimeout(touchTimer);
+        }
+        // Запуск нового таймера
+        touchTimer = setTimeout(function () {
+            setTouchDuration(Date.now());
+        }, VERY_LONG_TAP_DURATION);
+    };
+    var handleTouchEndOrCancel = function (event) {
+        // Если таймер был установлен, отменяем его
+        if (touchTimer !== null) {
+            clearTimeout(touchTimer);
+            if (Date.now() - touchDuration > VERY_LONG_TAP_DURATION) {
+                console.log('Very long tap detected');
+                // Call context menu here
+            }
+            else if (Date.now() - touchDuration > LONG_TAP_DURATION) {
+                console.log('Long tap detected');
+                // Select the element here
+                if (dialogViewModel && dialogViewModel.itemTouchActionHandler) {
+                    var it_1 = dialogViewModel === null || dialogViewModel === void 0 ? void 0 : dialogViewModel.item;
+                    dialogViewModel.itemTouchActionHandler(it_1);
+                }
+            }
+            else {
+                console.log('Short tap detected');
+                // Do something for short taps here
+            }
+            // Reset touchDuration
+            setTouchDuration(0);
+            // Prevent unwanted click events after touch ends
+            event.preventDefault();
+        }
+    };
     return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ className: "dialog-preview-container", style: haveHover
             ? {
                 background: 'var(--divider)',
             }
             : {}, onMouseEnter: function () { return setHaveHover(true); }, onMouseLeave: function () { return setHaveHover(false); } }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "dialog-preview-container-left" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ className: "dialog-preview", onClick: function () {
                         if (dialogViewModel && dialogViewModel.itemClickActionHandler) {
-                            var it_1 = dialogViewModel === null || dialogViewModel === void 0 ? void 0 : dialogViewModel.item;
-                            dialogViewModel.itemClickActionHandler(it_1);
-                        }
-                    }, onTouchStart: function () {
-                        if (dialogViewModel && dialogViewModel.itemTouchActionHandler) {
                             var it_2 = dialogViewModel === null || dialogViewModel === void 0 ? void 0 : dialogViewModel.item;
-                            dialogViewModel.itemTouchActionHandler(it_2);
+                            dialogViewModel.itemClickActionHandler(it_2);
                         }
-                    } }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "dialog-preview-avatar" }, { children: avatar })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ className: "dialog-preview-text" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ className: "dialog-preview-text-subtitle" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "dialog-preview-text-subtitle-caption-name" }, { children: title })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "dialog-preview-text-subtitle-caption2-time" }, { children: message_date_time_sent }))] })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ className: "dialog-preview-text-subtitle-message" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "dialog-preview-text-subtitle-text" }, { children: getPreviewMessage(previewMessage || '') })), unreadMessageCount > 0 && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "dialog-preview-text-subtitle-message-badge" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "dialog-preview-text-subtitle-message-badge-v" }, { children: unreadMessageCount })) })))] }))] }))] })) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "dialog-preview-container-right" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "dialog-preview-icon-close" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_PreviewDialogContextMenu_PreviewDialogContextMenu__WEBPACK_IMPORTED_MODULE_14__["default"], { dialog: dialogViewModel === null || dialogViewModel === void 0 ? void 0 : dialogViewModel.entity, 
+                    }, onTouchStart: handleTouchStart, onTouchEnd: handleTouchEndOrCancel, onTouchCancel: handleTouchEndOrCancel }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "dialog-preview-avatar" }, { children: avatar })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ className: "dialog-preview-text" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ className: "dialog-preview-text-subtitle" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "dialog-preview-text-subtitle-caption-name" }, { children: title })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "dialog-preview-text-subtitle-caption2-time" }, { children: message_date_time_sent }))] })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ className: "dialog-preview-text-subtitle-message" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "dialog-preview-text-subtitle-text" }, { children: getPreviewMessage(previewMessage || '') })), unreadMessageCount > 0 && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "dialog-preview-text-subtitle-message-badge" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "dialog-preview-text-subtitle-message-badge-v" }, { children: unreadMessageCount })) })))] }))] }))] })) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "dialog-preview-container-right" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "dialog-preview-icon-close" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_PreviewDialogContextMenu_PreviewDialogContextMenu__WEBPACK_IMPORTED_MODULE_14__["default"], { dialog: dialogViewModel === null || dialogViewModel === void 0 ? void 0 : dialogViewModel.entity, 
                         // onLeave={() => console.log('call leave dialog')}
-                        onLeave: function () { return console.log('call leave dialog'); }, enableLeaveDialog: true }) })) }))] })));
+                        onLeave: function () {
+                            return onLeaveDialog(dialogViewModel === null || dialogViewModel === void 0 ? void 0 : dialogViewModel.entity);
+                        }, enableLeaveDialog: true }) })) }))] })));
 };
 /* harmony default export */ __webpack_exports__["default"] = (PreviewDialog);
 
@@ -26351,13 +26432,14 @@ var __assign = (undefined && undefined.__assign) || function () {
 // eslint-disable-next-line react/function-component-definition
 var ActiveSvg = function (_a) {
     var content = _a.content, onTouch = _a.onTouch, onClick = _a.onClick;
-    return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "active-svg-container", onTouchStart: function () {
+    return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "active-svg-container", onTouchStart: function (event) {
             // eslint-disable-next-line no-unused-expressions
             onTouch && typeof onTouch === 'function'
                 ? onTouch()
                 : function () {
                     console.log('touched');
                 };
+            event.preventDefault();
         }, onClick: function () {
             // eslint-disable-next-line no-unused-expressions
             onClick && typeof onClick === 'function'
@@ -28186,6 +28268,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _Views_Dialog_DialogHeader_RenderRightActions_RenderRightActions__WEBPACK_IMPORTED_MODULE_41__ = __webpack_require__(/*! ../../Views/Dialog/DialogHeader/RenderRightActions/RenderRightActions */ "./src/Presentation/Views/Dialog/DialogHeader/RenderRightActions/RenderRightActions.tsx");
 /* harmony import */ var _Views_Dialog_DialogHeader_RenderLeftActions_RenderLeftActions__WEBPACK_IMPORTED_MODULE_42__ = __webpack_require__(/*! ../../Views/Dialog/DialogHeader/RenderLeftActions/RenderLeftActions */ "./src/Presentation/Views/Dialog/DialogHeader/RenderLeftActions/RenderLeftActions.tsx");
 /* harmony import */ var _Data_source_remote_Mapper_MessageDTOMapper__WEBPACK_IMPORTED_MODULE_43__ = __webpack_require__(/*! ../../../Data/source/remote/Mapper/MessageDTOMapper */ "./src/Data/source/remote/Mapper/MessageDTOMapper.ts");
+/* harmony import */ var _Views_Flow_LeaveDialogFlow_LeaveDialogFlow__WEBPACK_IMPORTED_MODULE_44__ = __webpack_require__(/*! ../../Views/Flow/LeaveDialogFlow/LeaveDialogFlow */ "./src/Presentation/Views/Flow/LeaveDialogFlow/LeaveDialogFlow.tsx");
 var __assign = (undefined && undefined.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -28284,6 +28367,7 @@ var __spreadArray = (undefined && undefined.__spreadArray) || function (to, from
 
 
 
+
 
 
 var QuickBloxUIKitDesktopLayout = function (_a) {
@@ -28487,7 +28571,7 @@ var QuickBloxUIKitDesktopLayout = function (_a) {
             setSelectedDialog(undefined);
         }
     }, [dialogsViewModel.entity]);
-    var _x = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(true), needDialogInformation = _x[0], setNeedDialogInformation = _x[1];
+    var _x = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false), needDialogInformation = _x[0], setNeedDialogInformation = _x[1];
     var informationCloseHandler = function () {
         setNeedDialogInformation(false);
     };
@@ -28581,7 +28665,7 @@ var QuickBloxUIKitDesktopLayout = function (_a) {
                 var replyData = {
                     messagesToReply: messagesToReply,
                     relatedFileMessage: fileToSend,
-                    relatedTextMessage: messageText || '[Replied_Message]',
+                    relatedTextMessage: messageText || _Data_source_remote_Mapper_MessageDTOMapper__WEBPACK_IMPORTED_MODULE_43__.MessageDTOMapper.REPLY_MESSAGE_PREFIX,
                 };
                 repliedActions(replyData);
             }
@@ -28985,7 +29069,8 @@ var QuickBloxUIKitDesktopLayout = function (_a) {
     var _14 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(true), showDialogList = _14[0], setShowDialogList = _14[1];
     var _15 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(true), showDialogMessages = _15[0], setShowDialogMessages = _15[1];
     var _16 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false), showDialogInformation = _16[0], setShowDialogInformation = _16[1];
-    var isMobile = (0,_components_containers_SectionList_hooks__WEBPACK_IMPORTED_MODULE_40__.useMobileLayout)()[0];
+    var _17 = (0,_components_containers_SectionList_hooks__WEBPACK_IMPORTED_MODULE_40__.useMobileLayout)(), isMobile = _17[0], width = _17[1], height = _17[2], breakpoint = _17[3];
+    var _18 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(0), clientHeight = _18[0], setClientHeight = _18[1];
     (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
         if (isMobile) {
             if (!selectedDialog) {
@@ -29011,6 +29096,9 @@ var QuickBloxUIKitDesktopLayout = function (_a) {
             setShowDialogMessages(true);
             setShowDialogInformation(true);
         }
+        //
+        var sizeChangingLogString = "height: ".concat(height.toString(), " clientHeight: ").concat(clientHeight, "  width: ").concat(width.toString(), " breakpont: ").concat(breakpoint.toString(), " isMobile:\n       ").concat(isMobile === null || isMobile === void 0 ? void 0 : isMobile.toString(), " selectedDialog:\n      ").concat(selectedDialog ? 'true' : 'false', " showDialogMessages:\n       ").concat(showDialogMessages === null || showDialogMessages === void 0 ? void 0 : showDialogMessages.toString(), " showDialogList:\n       ").concat(showDialogList === null || showDialogList === void 0 ? void 0 : showDialogList.toString(), " showDialogInformation:\n       ").concat(showDialogInformation === null || showDialogInformation === void 0 ? void 0 : showDialogInformation.toString());
+        console.log(sizeChangingLogString);
     }, [isMobile]);
     (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
         var _a;
@@ -29038,14 +29126,16 @@ var QuickBloxUIKitDesktopLayout = function (_a) {
             }
         }
     }, [needDialogInformation]);
-    var _17 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(0), clientHeight = _17[0], setClientHeight = _17[1];
     var handleHeightChange = function (newHeight) {
         console.log('The new height is:', newHeight);
         setClientHeight(newHeight);
     };
     // const uikitHeight = '100vh';
     // const workHeight = `calc(${uikitHeight} - 128px - 16px)`;
-    var workHeight = "calc(100vh - ".concat(uikitHeightOffset, " - 16px)");
+    var workHeight = "calc(100vh - ".concat(uikitHeightOffset, " - 32px)");
+    var leaveDialogHandler = function (dialog) {
+        handleModal(true, (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Views_Flow_LeaveDialogFlow_LeaveDialogFlow__WEBPACK_IMPORTED_MODULE_44__["default"], { dialog: dialog, dialogsViewModel: dialogsViewModel }), 'Leave dialog?', false, true);
+    };
     return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_DesktopLayout__WEBPACK_IMPORTED_MODULE_6__["default"], { mainContainerStyles: { height: workHeight }, onHeightChange: handleHeightChange, theme: theme, dialogsView: showDialogList ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Views_DialogList_DialogList__WEBPACK_IMPORTED_MODULE_4__["default"], { scrollableHeight: clientHeight - 64, 
                 // rootStyles={{
                 //   minHeight: `${clientHeight}px)`,
@@ -29056,7 +29146,7 @@ var QuickBloxUIKitDesktopLayout = function (_a) {
                 // }}
                 // subHeaderContent={<CompanyLogo />}
                 // upHeaderContent={<CompanyLogo />}
-                dialogsViewModel: dialogsViewModel, onDialogSelectHandler: selectDialogActions, additionalSettings: {
+                dialogsViewModel: dialogsViewModel, onDialogSelectHandler: selectDialogActions, onLeaveDialog: leaveDialogHandler, additionalSettings: {
                     withoutHeader: false,
                     themeHeader: theme,
                     themePreview: theme,