quickblox-react-ui-kit 0.1.0 → 0.1.2

package/dist/index-ui.js

@@ -29,28 +29,6 @@ eval("var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!\n\tCop
 
 /***/ }),
 
-/***/ "./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/MyButton/MyButton.scss":
-/*!*****************************************************************************************************************!*\
-  !*** ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/MyButton/MyButton.scss ***!
-  \*****************************************************************************************************************/
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/noSourceMaps.js */ \"./node_modules/css-loader/dist/runtime/noSourceMaps.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);\n/* 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\");\n/* 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__);\n// Imports\n\n\nvar ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \".my-button {\\n  padding: 10px 5px;\\n  color: black;\\n  border: 1px solid black;\\n  background: transparent;\\n}\\n\\n.big-btn {\\n  font-size: 30px;\\n  padding: 20px;\\n}\", \"\"]);\n// Exports\n/* harmony default export */ __webpack_exports__[\"default\"] = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/MyButton/MyButton.scss?./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js");
-
-/***/ }),
-
-/***/ "./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/MyInput/MyInput.scss":
-/*!***************************************************************************************************************!*\
-  !*** ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/MyInput/MyInput.scss ***!
-  \***************************************************************************************************************/
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/noSourceMaps.js */ \"./node_modules/css-loader/dist/runtime/noSourceMaps.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);\n/* 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\");\n/* 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__);\n// Imports\n\n\nvar ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \".my-input {\\n  padding: 10px 5px;\\n  border: 10px solid cornflowerblue;\\n}\\n\\n.big-input {\\n  font-size: 30px;\\n  padding: 20px;\\n}\", \"\"]);\n// Exports\n/* harmony default export */ __webpack_exports__[\"default\"] = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/MyInput/MyInput.scss?./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js");
-
-/***/ }),
-
 /***/ "./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/Views/Dialogs/Dialogs.scss":
 /*!**********************************************************************************************************************************!*\
   !*** ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/Views/Dialogs/Dialogs.scss ***!
@@ -69,7 +47,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _nod
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../../node_modules/css-loader/dist/runtime/noSourceMaps.js */ \"./node_modules/css-loader/dist/runtime/noSourceMaps.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);\n/* 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\");\n/* 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__);\n// Imports\n\n\nvar ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \".main-button {\\n  display: flex;\\n  flex-direction: row;\\n  justify-content: center;\\n  align-items: center;\\n  padding: 8px 16px;\\n  height: 32px;\\n  /* Light Theme/Main elements */\\n  background: var(--main-elements);\\n  border-radius: 4px;\\n  /* Inside auto layout */\\n  flex: none;\\n  order: 1;\\n  flex-grow: 0;\\n  font-family: \\\"Roboto\\\";\\n  font-style: normal;\\n  font-weight: 700;\\n  font-size: 14px;\\n  line-height: 16px;\\n  /* identical to box height, or 114% */\\n  letter-spacing: 0.4px;\\n  /* Light Theme/System */\\n  color: var(--main-background);\\n}\\n\\n.danger-button {\\n  display: flex;\\n  flex-direction: row;\\n  justify-content: center;\\n  align-items: center;\\n  padding: 8px 16px;\\n  height: 32px;\\n  /* Light Theme/Error */\\n  background: var(--error);\\n  border-radius: 4px;\\n  /* Inside auto layout */\\n  flex: none;\\n  order: 1;\\n  flex-grow: 0;\\n  /* Button/Default */\\n  font-family: \\\"Roboto\\\";\\n  font-style: normal;\\n  font-weight: 700;\\n  font-size: 14px;\\n  line-height: 16px;\\n  /* identical to box height, or 114% */\\n  letter-spacing: 0.4px;\\n  /* Light Theme/System */\\n  color: var(--main-background);\\n}\\n\\n.secondary-button {\\n  /* Button */\\n  box-sizing: border-box;\\n  /* Auto layout */\\n  display: flex;\\n  flex-direction: row;\\n  justify-content: center;\\n  align-items: center;\\n  padding: 8px 16px;\\n  height: 32px;\\n  /* Light Theme/Secondary elements */\\n  background-color: var(--main-background);\\n  border: 1px solid var(--secondary-elements);\\n  border-radius: 4px;\\n  /* Inside auto layout */\\n  flex: none;\\n  order: 0;\\n  flex-grow: 0;\\n  /* Button/Default */\\n  font-family: \\\"Roboto\\\";\\n  font-style: normal;\\n  font-weight: 700;\\n  font-size: 14px;\\n  line-height: 16px;\\n  /* identical to box height, or 114% */\\n  letter-spacing: 0.4px;\\n  /* Light Theme/Secondary elements */\\n  color: var(--secondary-elements);\\n}\\n\\n.main-disabled-button {\\n  /* Button */\\n  /* Auto layout */\\n  display: flex;\\n  flex-direction: row;\\n  justify-content: center;\\n  align-items: center;\\n  padding: 8px 16px;\\n  height: 32px;\\n  /* Light Theme/Disabled elements */\\n  background: var(--disabled-elements);\\n  border-radius: 4px;\\n  /* Inside auto layout */\\n  flex: none;\\n  order: 1;\\n  flex-grow: 0;\\n  /* Button/Default */\\n  font-family: \\\"Roboto\\\";\\n  font-style: normal;\\n  font-weight: 700;\\n  font-size: 14px;\\n  line-height: 16px;\\n  /* identical to box height, or 114% */\\n  letter-spacing: 0.4px;\\n  /* Light Theme/Secondary text */\\n  color: var(--secondary-text);\\n}\", \"\"]);\n// Exports\n/* harmony default export */ __webpack_exports__[\"default\"] = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/Presentation/components/UI/Buttons/MainButton/MainButton.scss?./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../../node_modules/css-loader/dist/runtime/noSourceMaps.js */ \"./node_modules/css-loader/dist/runtime/noSourceMaps.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);\n/* 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\");\n/* 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__);\n// Imports\n\n\nvar ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \".main-button {\\n  display: flex;\\n  flex-direction: row;\\n  justify-content: center;\\n  align-items: center;\\n  padding: 8px 16px;\\n  height: 32px;\\n  /* Light UiKitTheme/Main elements */\\n  background: var(--main-elements);\\n  border-radius: 4px;\\n  /* Inside auto layout */\\n  flex: none;\\n  order: 1;\\n  flex-grow: 0;\\n  font-family: \\\"Roboto\\\";\\n  font-style: normal;\\n  font-weight: 700;\\n  font-size: 14px;\\n  line-height: 16px;\\n  /* identical to box height, or 114% */\\n  letter-spacing: 0.4px;\\n  /* Light UiKitTheme/System */\\n  color: var(--main-background);\\n}\\n\\n.danger-button {\\n  display: flex;\\n  flex-direction: row;\\n  justify-content: center;\\n  align-items: center;\\n  padding: 8px 16px;\\n  height: 32px;\\n  /* Light UiKitTheme/Error */\\n  background: var(--error);\\n  border-radius: 4px;\\n  /* Inside auto layout */\\n  flex: none;\\n  order: 1;\\n  flex-grow: 0;\\n  /* Button/Default */\\n  font-family: \\\"Roboto\\\";\\n  font-style: normal;\\n  font-weight: 700;\\n  font-size: 14px;\\n  line-height: 16px;\\n  /* identical to box height, or 114% */\\n  letter-spacing: 0.4px;\\n  /* Light UiKitTheme/System */\\n  color: var(--main-background);\\n}\\n\\n.secondary-button {\\n  /* Button */\\n  box-sizing: border-box;\\n  /* Auto layout */\\n  display: flex;\\n  flex-direction: row;\\n  justify-content: center;\\n  align-items: center;\\n  padding: 8px 16px;\\n  height: 32px;\\n  /* Light UiKitTheme/Secondary elements */\\n  background-color: var(--main-background);\\n  border: 1px solid var(--secondary-elements);\\n  border-radius: 4px;\\n  /* Inside auto layout */\\n  flex: none;\\n  order: 0;\\n  flex-grow: 0;\\n  /* Button/Default */\\n  font-family: \\\"Roboto\\\";\\n  font-style: normal;\\n  font-weight: 700;\\n  font-size: 14px;\\n  line-height: 16px;\\n  /* identical to box height, or 114% */\\n  letter-spacing: 0.4px;\\n  /* Light UiKitTheme/Secondary elements */\\n  color: var(--secondary-elements);\\n}\\n\\n.main-disabled-button {\\n  /* Button */\\n  /* Auto layout */\\n  display: flex;\\n  flex-direction: row;\\n  justify-content: center;\\n  align-items: center;\\n  padding: 8px 16px;\\n  height: 32px;\\n  /* Light UiKitTheme/Disabled elements */\\n  background: var(--disabled-elements);\\n  border-radius: 4px;\\n  /* Inside auto layout */\\n  flex: none;\\n  order: 1;\\n  flex-grow: 0;\\n  /* Button/Default */\\n  font-family: \\\"Roboto\\\";\\n  font-style: normal;\\n  font-weight: 700;\\n  font-size: 14px;\\n  line-height: 16px;\\n  /* identical to box height, or 114% */\\n  letter-spacing: 0.4px;\\n  /* Light UiKitTheme/Secondary text */\\n  color: var(--secondary-text);\\n}\", \"\"]);\n// Exports\n/* harmony default export */ __webpack_exports__[\"default\"] = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/Presentation/components/UI/Buttons/MainButton/MainButton.scss?./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js");
 
 /***/ }),
 
@@ -124,7 +102,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _nod
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../../node_modules/css-loader/dist/runtime/noSourceMaps.js */ \"./node_modules/css-loader/dist/runtime/noSourceMaps.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);\n/* 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\");\n/* 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__);\n// Imports\n\n\nvar ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \".edit-container {\\n  min-height: 236px;\\n  max-height: 236px;\\n  height: 236px;\\n  min-width: 332px;\\n  max-width: 332px;\\n  width: 332px;\\n  display: flex;\\n  flex-direction: column;\\n  flex-wrap: nowrap;\\n  justify-content: flex-start;\\n  align-items: flex-start;\\n}\\n\\n.edit-btn-container {\\n  min-height: 34px;\\n  max-height: 34px;\\n  height: 34px;\\n  min-width: 332px;\\n  max-width: 332px;\\n  width: 332px;\\n  display: flex;\\n  flex-direction: row;\\n  flex-wrap: nowrap;\\n  justify-content: flex-end;\\n  align-items: flex-end;\\n}\\n\\n.edit-dialog-container {\\n  min-height: 180px;\\n  max-height: 180px;\\n  height: 180px;\\n  min-width: 332px;\\n  max-width: 332px;\\n  width: 332px;\\n  margin-bottom: 24px;\\n}\\n.edit-dialog-container--wrapper {\\n  min-height: 180px;\\n  display: flex;\\n  flex-direction: column;\\n  flex-wrap: nowrap;\\n  justify-content: flex-start;\\n  align-items: flex-start;\\n}\\n.edit-dialog-container--wrapper__inf {\\n  min-height: 20px;\\n  font-family: \\\"Roboto\\\";\\n  font-style: normal;\\n  font-weight: 400;\\n  font-size: 14px;\\n  line-height: 20px;\\n  letter-spacing: 0.25px;\\n}\\n.edit-dialog-container--wrapper__icon-container {\\n  min-height: 56px;\\n  max-height: 56px;\\n  display: flex;\\n  flex-direction: row;\\n  flex-wrap: nowrap;\\n  justify-content: flex-start;\\n  align-items: flex-start;\\n}\\n.edit-dialog-container--wrapper__icon-container__icon {\\n  min-height: 56px;\\n  max-height: 56px;\\n  height: 56px;\\n  min-width: 56px;\\n  max-width: 56px;\\n  height: 56px;\\n  margin-top: 8px;\\n  background-color: var(--disabled-elements);\\n  border-radius: 50%;\\n  text-align: center;\\n  align-content: center;\\n  display: flex;\\n  justify-content: center;\\n  align-items: center;\\n}\\n.edit-dialog-container--wrapper__icon-container__upload {\\n  min-height: 32px;\\n  max-height: 32px;\\n  min-width: 80px;\\n  max-width: 80px;\\n  margin-top: 8px;\\n  padding-left: 16px;\\n  padding-top: 20px;\\n  font-family: \\\"Roboto\\\";\\n  font-style: normal;\\n  font-weight: 700;\\n  font-size: 14px;\\n  line-height: 16px;\\n  letter-spacing: 0.4px;\\n  color: var(--color-icon);\\n}\\n.edit-dialog-container--wrapper__dialog-name-inf {\\n  min-height: 20px;\\n  font-family: \\\"Roboto\\\";\\n  font-style: normal;\\n  font-weight: 400;\\n  font-size: 14px;\\n  line-height: 20px;\\n  letter-spacing: 0.25px;\\n  margin-top: 24px;\\n}\\n.edit-dialog-container--wrapper__dialog-name-input {\\n  margin-top: 8px;\\n  box-sizing: border-box;\\n  display: flex;\\n  flex-direction: row;\\n  justify-content: space-between;\\n  align-items: center;\\n  padding: 6px 8px;\\n  width: 320px;\\n  height: 44px;\\n  border: 1px solid var(--tertiary-elements);\\n  border-radius: 4px;\\n  flex: none;\\n  order: 1;\\n  align-self: stretch;\\n  flex-grow: 0;\\n  background-color: var(--main-background);\\n}\\n.edit-dialog-container--wrapper__dialog-name-input input {\\n  color: var(--secondary-text);\\n  background-color: var(--main-background);\\n  font-family: \\\"Roboto\\\";\\n  font-style: normal;\\n  font-weight: 400;\\n  font-size: 16px;\\n  line-height: 24px;\\n  display: flex;\\n  align-items: center;\\n  letter-spacing: 0.15px;\\n}\", \"\"]);\n// Exports\n/* harmony default export */ __webpack_exports__[\"default\"] = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/Presentation/components/UI/Dialogs/EditDialog/EditDialog.scss?./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../../node_modules/css-loader/dist/runtime/noSourceMaps.js */ \"./node_modules/css-loader/dist/runtime/noSourceMaps.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);\n/* 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\");\n/* 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__);\n// Imports\n\n\nvar ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \".edit-container {\\n  min-height: 236px;\\n  max-height: 236px;\\n  height: 236px;\\n  min-width: 332px;\\n  max-width: 332px;\\n  width: 332px;\\n  display: flex;\\n  flex-direction: column;\\n  flex-wrap: nowrap;\\n  justify-content: flex-start;\\n  align-items: flex-start;\\n}\\n\\n.edit-btn-container {\\n  min-height: 34px;\\n  max-height: 34px;\\n  height: 34px;\\n  min-width: 332px;\\n  max-width: 332px;\\n  width: 332px;\\n  display: flex;\\n  flex-direction: row;\\n  flex-wrap: nowrap;\\n  justify-content: flex-end;\\n  align-items: flex-end;\\n}\\n\\n.edit-dialog-container {\\n  min-height: 180px;\\n  max-height: 180px;\\n  height: 180px;\\n  min-width: 332px;\\n  max-width: 332px;\\n  width: 332px;\\n  margin-bottom: 24px;\\n}\\n.edit-dialog-container--wrapper {\\n  min-height: 180px;\\n  display: flex;\\n  flex-direction: column;\\n  flex-wrap: nowrap;\\n  justify-content: flex-start;\\n  align-items: flex-start;\\n}\\n.edit-dialog-container--wrapper__inf {\\n  min-height: 20px;\\n  font-family: \\\"Roboto\\\";\\n  font-style: normal;\\n  font-weight: 400;\\n  font-size: 14px;\\n  line-height: 20px;\\n  letter-spacing: 0.25px;\\n}\\n.edit-dialog-container--wrapper__icon-container {\\n  min-height: 56px;\\n  max-height: 56px;\\n  display: flex;\\n  flex-direction: row;\\n  flex-wrap: nowrap;\\n  justify-content: flex-start;\\n  align-items: flex-start;\\n}\\n.edit-dialog-container--wrapper__icon-container__icon {\\n  min-height: 56px;\\n  max-height: 56px;\\n  height: 56px;\\n  min-width: 56px;\\n  max-width: 56px;\\n  height: 56px;\\n  margin-top: 8px;\\n  background-color: var(--disabled-elements);\\n  border-radius: 50%;\\n  text-align: center;\\n  align-content: center;\\n  display: flex;\\n  justify-content: center;\\n  align-items: center;\\n}\\n.edit-dialog-container--wrapper__icon-container__upload {\\n  min-height: 32px;\\n  max-height: 32px;\\n  min-width: 80px;\\n  max-width: 80px;\\n  margin-top: 8px;\\n  padding-left: 16px;\\n  padding-top: 20px;\\n  font-family: \\\"Roboto\\\";\\n  font-style: normal;\\n  font-weight: 700;\\n  font-size: 14px;\\n  line-height: 16px;\\n  letter-spacing: 0.4px;\\n  color: var(--color-icon);\\n}\\n.edit-dialog-container--wrapper__upload-error {\\n  min-height: 20px;\\n  font-family: \\\"Roboto\\\";\\n  font-style: normal;\\n  font-weight: 400;\\n  font-size: 14px;\\n  line-height: 20px;\\n  letter-spacing: 0.25px;\\n  margin-top: 5px;\\n  color: var(--error);\\n}\\n.edit-dialog-container--wrapper__dialog-name-inf {\\n  min-height: 20px;\\n  font-family: \\\"Roboto\\\";\\n  font-style: normal;\\n  font-weight: 400;\\n  font-size: 14px;\\n  line-height: 20px;\\n  letter-spacing: 0.25px;\\n  margin-top: 24px;\\n}\\n.edit-dialog-container--wrapper__dialog-name-input {\\n  margin-top: 8px;\\n  box-sizing: border-box;\\n  display: flex;\\n  flex-direction: row;\\n  justify-content: space-between;\\n  align-items: center;\\n  padding: 6px 8px;\\n  width: 320px;\\n  height: 44px;\\n  border: 1px solid var(--tertiary-elements);\\n  border-radius: 4px;\\n  flex: none;\\n  order: 1;\\n  align-self: stretch;\\n  flex-grow: 0;\\n  background-color: var(--main-background);\\n}\\n.edit-dialog-container--wrapper__dialog-name-input input {\\n  color: var(--secondary-text);\\n  background-color: var(--main-background);\\n  font-family: \\\"Roboto\\\";\\n  font-style: normal;\\n  font-weight: 400;\\n  font-size: 16px;\\n  line-height: 24px;\\n  display: flex;\\n  align-items: center;\\n  letter-spacing: 0.15px;\\n}\", \"\"]);\n// Exports\n/* harmony default export */ __webpack_exports__[\"default\"] = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/Presentation/components/UI/Dialogs/EditDialog/EditDialog.scss?./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js");
 
 /***/ }),
 
@@ -458,28 +436,6 @@ eval("\n\nif (false) {} else {\n  module.exports = __webpack_require__(/*! ./cjs
 
 /***/ }),
 
-/***/ "./src/MyButton/MyButton.scss":
-/*!************************************!*\
-  !*** ./src/MyButton/MyButton.scss ***!
-  \************************************/
-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* 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\");\n/* 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__);\n/* 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\");\n/* 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__);\n/* 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\");\n/* 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__);\n/* 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\");\n/* 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__);\n/* 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\");\n/* 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__);\n/* 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\");\n/* 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__);\n/* harmony import */ var _node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_MyButton_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! !!../../node_modules/css-loader/dist/cjs.js!../../node_modules/sass-loader/dist/cjs.js!./MyButton.scss */ \"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/MyButton/MyButton.scss\");\n\n      \n      \n      \n      \n      \n      \n      \n      \n      \n\nvar options = {};\n\noptions.styleTagTransform = (_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default());\noptions.setAttributes = (_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default());\n\n      options.insert = _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default().bind(null, \"head\");\n    \noptions.domAPI = (_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default());\noptions.insertStyleElement = (_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default());\n\nvar 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_MyButton_scss__WEBPACK_IMPORTED_MODULE_6__[\"default\"], options);\n\n\n\n\n       /* harmony default export */ __webpack_exports__[\"default\"] = (_node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_MyButton_scss__WEBPACK_IMPORTED_MODULE_6__[\"default\"] && _node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_MyButton_scss__WEBPACK_IMPORTED_MODULE_6__[\"default\"].locals ? _node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_MyButton_scss__WEBPACK_IMPORTED_MODULE_6__[\"default\"].locals : undefined);\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/MyButton/MyButton.scss?");
-
-/***/ }),
-
-/***/ "./src/MyInput/MyInput.scss":
-/*!**********************************!*\
-  !*** ./src/MyInput/MyInput.scss ***!
-  \**********************************/
-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* 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\");\n/* 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__);\n/* 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\");\n/* 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__);\n/* 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\");\n/* 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__);\n/* 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\");\n/* 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__);\n/* 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\");\n/* 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__);\n/* 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\");\n/* 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__);\n/* harmony import */ var _node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_MyInput_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! !!../../node_modules/css-loader/dist/cjs.js!../../node_modules/sass-loader/dist/cjs.js!./MyInput.scss */ \"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/MyInput/MyInput.scss\");\n\n      \n      \n      \n      \n      \n      \n      \n      \n      \n\nvar options = {};\n\noptions.styleTagTransform = (_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default());\noptions.setAttributes = (_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default());\n\n      options.insert = _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default().bind(null, \"head\");\n    \noptions.domAPI = (_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default());\noptions.insertStyleElement = (_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default());\n\nvar 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_MyInput_scss__WEBPACK_IMPORTED_MODULE_6__[\"default\"], options);\n\n\n\n\n       /* harmony default export */ __webpack_exports__[\"default\"] = (_node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_MyInput_scss__WEBPACK_IMPORTED_MODULE_6__[\"default\"] && _node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_MyInput_scss__WEBPACK_IMPORTED_MODULE_6__[\"default\"].locals ? _node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_MyInput_scss__WEBPACK_IMPORTED_MODULE_6__[\"default\"].locals : undefined);\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/MyInput/MyInput.scss?");
-
-/***/ }),
-
 /***/ "./src/Presentation/Views/Dialogs/Dialogs.scss":
 /*!*****************************************************!*\
   !*** ./src/Presentation/Views/Dialogs/Dialogs.scss ***!
@@ -1323,7 +1279,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"RemoteDataSource\": function() { return /* binding */ RemoteDataSource; }\n/* harmony export */ });\n/* harmony import */ var _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../exception/RemoteDataSourceException */ \"./src/Data/source/exception/RemoteDataSourceException.ts\");\n/* harmony import */ var _dto_dialog_RemoteDialogsDTO__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../dto/dialog/RemoteDialogsDTO */ \"./src/Data/dto/dialog/RemoteDialogsDTO.ts\");\n/* harmony import */ var _dto_message_RemoteMessageDTO__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../dto/message/RemoteMessageDTO */ \"./src/Data/dto/message/RemoteMessageDTO.ts\");\n/* harmony import */ var _dto_user_RemoteUsersDTO__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../dto/user/RemoteUsersDTO */ \"./src/Data/dto/user/RemoteUsersDTO.ts\");\n/* harmony import */ var _dto_message_RemoteMessagesDTO__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../dto/message/RemoteMessagesDTO */ \"./src/Data/dto/message/RemoteMessagesDTO.ts\");\n/* harmony import */ var _Domain_repository_Pagination__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../Domain/repository/Pagination */ \"./src/Domain/repository/Pagination.ts\");\n/* harmony import */ var _Mapper_DialogDTOMapper__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./Mapper/DialogDTOMapper */ \"./src/Data/source/remote/Mapper/DialogDTOMapper.ts\");\n/* harmony import */ var _Stubs__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../Stubs */ \"./src/Data/Stubs.ts\");\n/* harmony import */ var _qb_api_calls__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../qb-api-calls */ \"./src/qb-api-calls/index.ts\");\n/* harmony import */ var _Mapper_UserDTOMapper__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./Mapper/UserDTOMapper */ \"./src/Data/source/remote/Mapper/UserDTOMapper.ts\");\n/* harmony import */ var _Mapper_MessageDTOMapper__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./Mapper/MessageDTOMapper */ \"./src/Data/source/remote/Mapper/MessageDTOMapper.ts\");\n/* harmony import */ var _mapper_DialogRemoteDTOMapper__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../mapper/DialogRemoteDTOMapper */ \"./src/Data/mapper/DialogRemoteDTOMapper.ts\");\n/* harmony import */ var _utils_parse__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../../utils/parse */ \"./src/utils/parse.ts\");\n/* harmony import */ var _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../../Domain/entity/DialogTypes */ \"./src/Domain/entity/DialogTypes.ts\");\n/* harmony import */ var _Domain_entity_NotificationTypes__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../../../Domain/entity/NotificationTypes */ \"./src/Domain/entity/NotificationTypes.ts\");\n/* harmony import */ var _Domain_entity_EventMessageType__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../../../Domain/entity/EventMessageType */ \"./src/Domain/entity/EventMessageType.ts\");\n/* harmony import */ var _Domain_use_cases_base_Subscribable_SubscriptionPerformer__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../../../Domain/use_cases/base/Subscribable/SubscriptionPerformer */ \"./src/Domain/use_cases/base/Subscribable/SubscriptionPerformer.ts\");\n/* harmony import */ var _Mapper_FileDTOMapper__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./Mapper/FileDTOMapper */ \"./src/Data/source/remote/Mapper/FileDTOMapper.ts\");\nvar __assign = (undefined && undefined.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nvar __awaiter = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n    return new (P || (P = Promise))(function (resolve, reject) {\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\n    });\n};\nvar __generator = (undefined && undefined.__generator) || function (thisArg, body) {\n    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\n    return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\n    function verb(n) { return function (v) { return step([n, v]); }; }\n    function step(op) {\n        if (f) throw new TypeError(\"Generator is already executing.\");\n        while (g && (g = 0, op[0] && (_ = 0)), _) try {\n            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;\n            if (y = 0, t) op = [op[0] & 2, t.value];\n            switch (op[0]) {\n                case 0: case 1: t = op; break;\n                case 4: _.label++; return { value: op[1], done: false };\n                case 5: _.label++; y = op[1]; op = [0]; continue;\n                case 7: op = _.ops.pop(); _.trys.pop(); continue;\n                default:\n                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\n                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\n                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\n                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\n                    if (t[2]) _.ops.pop();\n                    _.trys.pop(); continue;\n            }\n            op = body.call(thisArg, _);\n        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\n        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\n    }\n};\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nvar RemoteDataSource = /** @class */ (function () {\n    //\n    function RemoteDataSource() {\n        this.subscriptionOnSystemMessages = {};\n        this.subscriptionOnChatMessages = new _Domain_use_cases_base_Subscribable_SubscriptionPerformer__WEBPACK_IMPORTED_MODULE_16__.SubscriptionPerformer();\n        this.subscriptionOnMessageStatus = new _Domain_use_cases_base_Subscribable_SubscriptionPerformer__WEBPACK_IMPORTED_MODULE_16__.SubscriptionPerformer();\n        this.subscriptionOnSessionExpiredListener = new _Domain_use_cases_base_Subscribable_SubscriptionPerformer__WEBPACK_IMPORTED_MODULE_16__.SubscriptionPerformer();\n        console.log('CONSTRUCTOR RemoteDataSourceMock');\n        this.dialogDTOMapper = new _Mapper_DialogDTOMapper__WEBPACK_IMPORTED_MODULE_6__.DialogDTOMapper();\n        this.userDTOMapper = new _Mapper_UserDTOMapper__WEBPACK_IMPORTED_MODULE_9__.UserDTOMapper();\n        this.messageDTOMapper = new _Mapper_MessageDTOMapper__WEBPACK_IMPORTED_MODULE_10__.MessageDTOMapper();\n        this.fileDTOMapper = new _Mapper_FileDTOMapper__WEBPACK_IMPORTED_MODULE_17__.FileDTOMapper();\n        this._needInit = true;\n        this._authProcessed = false;\n        this.subscriptionOnSystemMessages[_Domain_entity_NotificationTypes__WEBPACK_IMPORTED_MODULE_14__.NotificationTypes.UPDATE_DIALOG] =\n            new _Domain_use_cases_base_Subscribable_SubscriptionPerformer__WEBPACK_IMPORTED_MODULE_16__.SubscriptionPerformer();\n        this.subscriptionOnSystemMessages[_Domain_entity_NotificationTypes__WEBPACK_IMPORTED_MODULE_14__.NotificationTypes.DELETE_LEAVE_DIALOG] =\n            new _Domain_use_cases_base_Subscribable_SubscriptionPerformer__WEBPACK_IMPORTED_MODULE_16__.SubscriptionPerformer();\n        this.subscriptionOnSystemMessages[_Domain_entity_NotificationTypes__WEBPACK_IMPORTED_MODULE_14__.NotificationTypes.NEW_DIALOG] =\n            new _Domain_use_cases_base_Subscribable_SubscriptionPerformer__WEBPACK_IMPORTED_MODULE_16__.SubscriptionPerformer();\n    }\n    Object.defineProperty(RemoteDataSource.prototype, \"needInit\", {\n        get: function () {\n            return this._needInit;\n        },\n        enumerable: false,\n        configurable: true\n    });\n    Object.defineProperty(RemoteDataSource.prototype, \"authProcessed\", {\n        get: function () {\n            return this._authProcessed;\n        },\n        enumerable: false,\n        configurable: true\n    });\n    RemoteDataSource.prototype.setAuthProcessedSuccessed = function () {\n        this._authProcessed = true;\n        this.setInitSDKSuccessed();\n    };\n    RemoteDataSource.prototype.setInitSDKSuccessed = function () {\n        this._needInit = false;\n    };\n    Object.defineProperty(RemoteDataSource.prototype, \"authInformation\", {\n        get: function () {\n            return this._authInformation;\n        },\n        enumerable: false,\n        configurable: true\n    });\n    RemoteDataSource.prototype.setUpMockStorage = function () {\n        return __awaiter(this, void 0, void 0, function () {\n            var dialogsDTOtoEntityMapper, dialogsEntities, _loop_1, this_1, _i, dialogsEntities_1, item;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        dialogsDTOtoEntityMapper = new _mapper_DialogRemoteDTOMapper__WEBPACK_IMPORTED_MODULE_11__.DialogRemoteDTOMapper();\n                        dialogsEntities = _Stubs__WEBPACK_IMPORTED_MODULE_7__.Stubs.createDialogsForTest();\n                        _loop_1 = function (item) {\n                            var dialogDTO;\n                            return __generator(this, function (_b) {\n                                switch (_b.label) {\n                                    case 0: \n                                    // eslint-disable-next-line no-await-in-loop\n                                    return [4 /*yield*/, dialogsDTOtoEntityMapper.fromEntity(item)];\n                                    case 1:\n                                        dialogDTO = \n                                        // eslint-disable-next-line no-await-in-loop\n                                        _b.sent();\n                                        // eslint-disable-next-line @typescript-eslint/no-unused-vars,promise/catch-or-return,promise/always-return\n                                        this_1.createDialog(dialogDTO)\n                                            // eslint-disable-next-line @typescript-eslint/no-unused-vars,promise/always-return\n                                            .then(function (_) {\n                                            console.log(\"added mock item \".concat(JSON.stringify(dialogDTO)));\n                                        })\n                                            .catch(function (e) {\n                                            console.log('EXCEPTION:', e.message);\n                                        });\n                                        return [2 /*return*/];\n                                }\n                            });\n                        };\n                        this_1 = this;\n                        _i = 0, dialogsEntities_1 = dialogsEntities;\n                        _a.label = 1;\n                    case 1:\n                        if (!(_i < dialogsEntities_1.length)) return [3 /*break*/, 4];\n                        item = dialogsEntities_1[_i];\n                        return [5 /*yield**/, _loop_1(item)];\n                    case 2:\n                        _a.sent();\n                        _a.label = 3;\n                    case 3:\n                        _i++;\n                        return [3 /*break*/, 1];\n                    case 4: return [2 /*return*/];\n                }\n            });\n        });\n    };\n    // eslint-disable-next-line class-methods-use-this\n    RemoteDataSource.prototype.createUserSession = function (loginData) {\n        return __awaiter(this, void 0, void 0, function () {\n            var session;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0: return [4 /*yield*/, (0,_qb_api_calls__WEBPACK_IMPORTED_MODULE_8__.QBCreateSession)(loginData)];\n                    case 1:\n                        session = _a.sent();\n                        return [2 /*return*/, session];\n                }\n            });\n        });\n    };\n    // eslint-disable-next-line class-methods-use-this\n    RemoteDataSource.initSDK = function (sdkParams) {\n        console.log('2. call initSDK in RemoteDataSourceMock');\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        if (!window.QB) {\n            throw new Error('HAVE NO SDK');\n        }\n        else {\n            console.log('2. start init actions');\n            (0,_qb_api_calls__WEBPACK_IMPORTED_MODULE_8__.QBInit)({\n                appIdOrToken: sdkParams.appIdOrToken,\n                authKeyOrAppId: sdkParams.authKeyOrAppId,\n                authSecret: sdkParams.authSecret,\n                accountKey: sdkParams.accountKey,\n            });\n            var QuickBloxVersion = \"CALL initData: Init SDK was success: version \".concat(QB.version, \" build \").concat(QB.buildNumber);\n            console.log(QuickBloxVersion);\n            return true;\n        }\n    };\n    RemoteDataSource.prototype.initSDKWithUser = function (sdkParams, authData) {\n        return __awaiter(this, void 0, void 0, function () {\n            var QuickBloxVersion;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        console.log('2. call initSDK in RemoteDataSourceMock');\n                        if (!this._needInit) return [3 /*break*/, 2];\n                        console.log('2. start init actions');\n                        (0,_qb_api_calls__WEBPACK_IMPORTED_MODULE_8__.QBInit)({\n                            appIdOrToken: sdkParams.appIdOrToken,\n                            authKeyOrAppId: sdkParams.authKeyOrAppId,\n                            authSecret: sdkParams.authSecret,\n                            accountKey: sdkParams.accountKey,\n                        });\n                        QuickBloxVersion = \"CALL initData: Init SDK was success: version \".concat(QB.version, \" build \").concat(QB.buildNumber);\n                        console.log(QuickBloxVersion);\n                        //\n                        this._needInit = false;\n                        return [4 /*yield*/, this.loginWithUser(authData)];\n                    case 1:\n                        _a.sent();\n                        _a.label = 2;\n                    case 2: return [2 /*return*/];\n                }\n            });\n        });\n    };\n    RemoteDataSource.prototype.disconnectAndLogoutUser = function () {\n        return __awaiter(this, void 0, void 0, function () {\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        if (!this._authProcessed) return [3 /*break*/, 2];\n                        (0,_qb_api_calls__WEBPACK_IMPORTED_MODULE_8__.QBChatDisconnect)();\n                        return [4 /*yield*/, (0,_qb_api_calls__WEBPACK_IMPORTED_MODULE_8__.QBLogout)()];\n                    case 1:\n                        _a.sent();\n                        this._authProcessed = false;\n                        this.releaseSubscriptions();\n                        this.releaseEventsHandlers();\n                        _a.label = 2;\n                    case 2: return [2 /*return*/];\n                }\n            });\n        });\n    };\n    RemoteDataSource.prototype.releaseSubscriptions = function () {\n        var _this = this;\n        Object.entries(this.subscriptionOnSystemMessages).map(function (x) {\n            var eventName = x[0];\n            return _this.subscriptionOnSystemMessages[eventName].release();\n        });\n    };\n    RemoteDataSource.prototype.subscribeOnSystemMessaging = function (notificationType, callback) {\n        var SystemMessageType = _Domain_entity_NotificationTypes__WEBPACK_IMPORTED_MODULE_14__.NotificationTypes.NEW_DIALOG;\n        switch (notificationType) {\n            case _Domain_entity_NotificationTypes__WEBPACK_IMPORTED_MODULE_14__.NotificationTypes.DELETE_LEAVE_DIALOG:\n                SystemMessageType = _Domain_entity_NotificationTypes__WEBPACK_IMPORTED_MODULE_14__.NotificationTypes.DELETE_LEAVE_DIALOG;\n                break;\n            case _Domain_entity_NotificationTypes__WEBPACK_IMPORTED_MODULE_14__.NotificationTypes.UPDATE_DIALOG:\n                SystemMessageType = _Domain_entity_NotificationTypes__WEBPACK_IMPORTED_MODULE_14__.NotificationTypes.UPDATE_DIALOG;\n                break;\n            default:\n                SystemMessageType = _Domain_entity_NotificationTypes__WEBPACK_IMPORTED_MODULE_14__.NotificationTypes.NEW_DIALOG;\n                break;\n        }\n        this.subscriptionOnSystemMessages[SystemMessageType].subscribe(callback, _Domain_entity_EventMessageType__WEBPACK_IMPORTED_MODULE_15__[\"default\"].SystemMessage);\n    };\n    RemoteDataSource.prototype.subscribeOnMessaging = function (callback) {\n        this.subscriptionOnChatMessages.subscribe(callback, _Domain_entity_EventMessageType__WEBPACK_IMPORTED_MODULE_15__[\"default\"].RegularMessage);\n    };\n    RemoteDataSource.prototype.subscribeOnSessionExpiredListener = function (callback) {\n        this.subscriptionOnSessionExpiredListener.subscribe(callback, _Domain_entity_EventMessageType__WEBPACK_IMPORTED_MODULE_15__[\"default\"].LocalMessage);\n    };\n    RemoteDataSource.prototype.subscribeOnUpdateMessageStatus = function (callback) {\n        this.subscriptionOnMessageStatus.subscribe(callback, _Domain_entity_EventMessageType__WEBPACK_IMPORTED_MODULE_15__[\"default\"].LocalMessage);\n    };\n    RemoteDataSource.prototype.initEventsHandlers = function () {\n        var _this = this;\n        QB.chat.onSystemMessageListener = function (message) {\n            var _a;\n            console.log(\"EVENT: receive system message: \".concat(JSON.stringify(message)));\n            var resultMessage = new _dto_message_RemoteMessageDTO__WEBPACK_IMPORTED_MODULE_2__.RemoteMessageDTO();\n            resultMessage.message = message.body || 'system message';\n            resultMessage.notification_type =\n                message.extension.notification_type || _Domain_entity_NotificationTypes__WEBPACK_IMPORTED_MODULE_14__.NotificationTypes.UPDATE_DIALOG;\n            resultMessage.dialogId = ((_a = message === null || message === void 0 ? void 0 : message.extension) === null || _a === void 0 ? void 0 : _a.dialog_id) || '';\n            _this.subscriptionOnSystemMessages[resultMessage.notification_type].informSubscribers(resultMessage, _Domain_entity_EventMessageType__WEBPACK_IMPORTED_MODULE_15__[\"default\"].SystemMessage);\n        };\n        function ToRemoteMessageDTO(message) {\n            var _a, _b, _c, _d, _e;\n            var resultMessage = new _dto_message_RemoteMessageDTO__WEBPACK_IMPORTED_MODULE_2__.RemoteMessageDTO();\n            resultMessage.id = message.id;\n            resultMessage.message = message.body;\n            resultMessage.markable = message.markable\n                ? message.markable.toString()\n                : '0';\n            resultMessage.dialogId = ((_a = message === null || message === void 0 ? void 0 : message.extension) === null || _a === void 0 ? void 0 : _a.dialog_id) || '';\n            // eslint-disable-next-line no-nested-ternary\n            resultMessage.recipient_id = (message === null || message === void 0 ? void 0 : message.recipient_id)\n                ? parseInt(message === null || message === void 0 ? void 0 : message.recipient_id, 10)\n                : ((_b = message === null || message === void 0 ? void 0 : message.extension) === null || _b === void 0 ? void 0 : _b.sender_id)\n                    ? (_c = message === null || message === void 0 ? void 0 : message.extension) === null || _c === void 0 ? void 0 : _c.sender_id\n                    : 0;\n            resultMessage.sender_id = ((_d = message === null || message === void 0 ? void 0 : message.extension) === null || _d === void 0 ? void 0 : _d.sender_id)\n                ? (_e = message === null || message === void 0 ? void 0 : message.extension) === null || _e === void 0 ? void 0 : _e.sender_id\n                : 0;\n            resultMessage.notification_type =\n                message.notification_type || message.extension.notification_type;\n            resultMessage.date_sent = message.extension.date_sent\n                ? parseInt(message.extension.date_sent, 10)\n                : 0;\n            resultMessage.delivered_ids = [];\n            // resultMessage.attachments = message.extension.attachments || [];\n            resultMessage.attachments = _Mapper_MessageDTOMapper__WEBPACK_IMPORTED_MODULE_10__.MessageDTOMapper.transformAttachment(message.extension.attachments ? message.extension.attachments : []);\n            return resultMessage;\n        }\n        QB.chat.onMessageListener = function (userId, message) {\n            console.log(\"EVENT: receive  message for userid: \".concat(userId, \", error: \").concat((0,_utils_parse__WEBPACK_IMPORTED_MODULE_12__.stringifyError)(message)));\n            var resultMessage = ToRemoteMessageDTO(message);\n            _this.subscriptionOnChatMessages.informSubscribers(resultMessage, _Domain_entity_EventMessageType__WEBPACK_IMPORTED_MODULE_15__[\"default\"].RegularMessage);\n        };\n        QB.chat.onMessageTypingListener = function (isTyping, userId, dialogId) {\n            var _a;\n            console.log(\"EVENT: receive typing: \".concat(isTyping ? 'true' : 'false', \", dialog id: \").concat(dialogId, \" userid: \").concat(userId));\n            if (_this._authProcessed && ((_a = _this.authInformation) === null || _a === void 0 ? void 0 : _a.userId) === userId)\n                return;\n            var resultMessage = {\n                eventMessageType: _Domain_entity_EventMessageType__WEBPACK_IMPORTED_MODULE_15__[\"default\"].LocalMessage,\n                messageInfo: undefined,\n                messageStatus: { isTyping: isTyping, userId: userId, dialogId: dialogId },\n                notificationTypes: undefined,\n            };\n            _this.subscriptionOnMessageStatus.informSubscribers(resultMessage, _Domain_entity_EventMessageType__WEBPACK_IMPORTED_MODULE_15__[\"default\"].LocalMessage);\n        };\n        QB.chat.onSessionExpiredListener = function (error) {\n            var result = true;\n            if (error) {\n                console.log('EVENT:onSessionExpiredListener - error: ', (0,_utils_parse__WEBPACK_IMPORTED_MODULE_12__.stringifyError)(error));\n                result = false;\n            }\n            else {\n                console.log('EVENT: Hello from SessionExpiredListener. session is expired.');\n                result = true;\n            }\n            _this.subscriptionOnSessionExpiredListener.informSubscribers(result, _Domain_entity_EventMessageType__WEBPACK_IMPORTED_MODULE_15__[\"default\"].LocalMessage);\n        };\n        QB.chat.onDisconnectedListener = function () {\n            console.log('EVENT: disconnect');\n        };\n        QB.chat.onReconnectListener = function () {\n            console.log('EVENT: reconnect');\n        };\n        QB.chat.onMessageErrorListener = function (messageId, error) {\n            console.log(\"EVENT: receive error messageid: \".concat(messageId, \", error: \").concat((0,_utils_parse__WEBPACK_IMPORTED_MODULE_12__.stringifyError)(error)));\n        };\n        QB.chat.onDeliveredStatusListener = function (messageId, dialogId, userId) {\n            console.log(\"EVENT: receive delivered message id: \".concat(messageId, \", dialogid: \").concat(dialogId, \" userid: \").concat(userId));\n        };\n        QB.chat.onReadStatusListener = function (messageId, dialogId, userId) {\n            console.log(\"EVENT: receive read message id: \".concat(messageId, \", dialogid: \").concat(dialogId, \" userid: \").concat(userId));\n        };\n        //\n    };\n    // eslint-disable-next-line class-methods-use-this\n    RemoteDataSource.prototype.releaseEventsHandlers = function () {\n        QB.chat.onSessionExpiredListener = undefined;\n        QB.chat.onReconnectListener = undefined;\n        QB.chat.onDisconnectedListener = undefined;\n        QB.chat.onSystemMessageListener = undefined;\n        QB.chat.onMessageListener = undefined;\n        QB.chat.onMessageErrorListener = undefined;\n        QB.chat.onDeliveredStatusListener = undefined;\n        QB.chat.onReadStatusListener = undefined;\n        QB.chat.onMessageTypingListener = undefined;\n    };\n    RemoteDataSource.prototype.loginWithUser = function (authParams) {\n        return __awaiter(this, void 0, void 0, function () {\n            var userRequiredParams, sessionResult, session, sessionDataTmp, sessionData, authInformation, paramsConnect, connectResult;\n            var _this = this;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        if (this._needInit)\n                            return [2 /*return*/];\n                        if (this._authProcessed)\n                            return [2 /*return*/];\n                        //\n                        console.log('CALL createUserSession....');\n                        userRequiredParams = {\n                            login: authParams.userName,\n                            password: authParams.password,\n                        };\n                        return [4 /*yield*/, this.createUserSession(userRequiredParams).catch(function (e) {\n                                _this._needInit = true;\n                                _this._authProcessed = false;\n                                console.log(\"EXCEPTION IN CREATE USER SESSION (\".concat(userRequiredParams.login, \") : \").concat((0,_utils_parse__WEBPACK_IMPORTED_MODULE_12__.stringifyError)(e)));\n                            })];\n                    case 1:\n                        sessionResult = _a.sent();\n                        if (!sessionResult)\n                            return [2 /*return*/];\n                        //\n                        console.log('USER DATA :  ', userRequiredParams);\n                        console.log('USER SESSION DATA :  ', sessionResult);\n                        console.log('Session token :  ', sessionResult.token);\n                        session = sessionResult;\n                        sessionDataTmp = JSON.stringify(session);\n                        sessionData = JSON.parse(sessionDataTmp);\n                        // eslint-disable-next-line @typescript-eslint/restrict-template-expressions\n                        console.log(\"user_id = \".concat(sessionData.user_id));\n                        // eslint-disable-next-line @typescript-eslint/restrict-template-expressions\n                        console.log(\"session token to chat init = \".concat(sessionData.token));\n                        authInformation = {\n                            userName: authParams.userName,\n                            userId: sessionData.user_id,\n                            sessionToken: sessionData.token,\n                            password: sessionData.token,\n                        };\n                        paramsConnect = {\n                            userId: authInformation.userId,\n                            password: authInformation.password,\n                        };\n                        console.log(paramsConnect);\n                        return [4 /*yield*/, (0,_qb_api_calls__WEBPACK_IMPORTED_MODULE_8__.QBChatConnect)(paramsConnect)];\n                    case 2:\n                        connectResult = _a.sent();\n                        if (connectResult) {\n                            //\n                            this._authInformation = authInformation;\n                            this.setAuthProcessedSuccessed();\n                            console.log('CHAT CONNECTED. CAN WORK!');\n                            console.log('CONNECTION DATA: ', JSON.stringify(authInformation));\n                            //\n                            this.initEventsHandlers();\n                            //\n                        }\n                        else {\n                            console.log('could not connect to chat');\n                        }\n                        return [2 /*return*/];\n                }\n            });\n        });\n    };\n    RemoteDataSource.prototype.getDialogsFirstPage = function () {\n        return __awaiter(this, void 0, void 0, function () {\n            var params, qbDialogs, prevDialogs, _i, _a, item, _b, _c, item, qbEntity, newDTO;\n            return __generator(this, function (_d) {\n                switch (_d.label) {\n                    case 0:\n                        params = {\n                            created_at: {\n                                lt: Date.now() / 1000,\n                            },\n                            sort_desc: 'created_at',\n                            limit: 100,\n                        };\n                        console.log('Chat connected. Get dialog.list....');\n                        return [4 /*yield*/, (0,_qb_api_calls__WEBPACK_IMPORTED_MODULE_8__.QBGetDialogs)(params)];\n                    case 1:\n                        qbDialogs = _d.sent();\n                        if (!qbDialogs) return [3 /*break*/, 12];\n                        console.log('Ok... have dialog.list: ', JSON.stringify(qbDialogs));\n                        return [4 /*yield*/, this.getDialogs()];\n                    case 2:\n                        prevDialogs = _d.sent();\n                        _i = 0, _a = prevDialogs.dialogs;\n                        _d.label = 3;\n                    case 3:\n                        if (!(_i < _a.length)) return [3 /*break*/, 6];\n                        item = _a[_i];\n                        // eslint-disable-next-line no-await-in-loop\n                        return [4 /*yield*/, this.deleteDialog(item)];\n                    case 4:\n                        // eslint-disable-next-line no-await-in-loop\n                        _d.sent();\n                        _d.label = 5;\n                    case 5:\n                        _i++;\n                        return [3 /*break*/, 3];\n                    case 6:\n                        _b = 0, _c = qbDialogs.items;\n                        _d.label = 7;\n                    case 7:\n                        if (!(_b < _c.length)) return [3 /*break*/, 11];\n                        item = _c[_b];\n                        qbEntity = item;\n                        return [4 /*yield*/, this.dialogDTOMapper.toTDO(qbEntity)];\n                    case 8:\n                        newDTO = _d.sent();\n                        // eslint-disable-next-line no-await-in-loop\n                        return [4 /*yield*/, this.createDialog(newDTO)];\n                    case 9:\n                        // eslint-disable-next-line no-await-in-loop\n                        _d.sent();\n                        _d.label = 10;\n                    case 10:\n                        _b++;\n                        return [3 /*break*/, 7];\n                    case 11:\n                        console.log('DATA COMPLETED');\n                        _d.label = 12;\n                    case 12: return [2 /*return*/];\n                }\n            });\n        });\n    };\n    RemoteDataSource.prototype.getDialogs = function (pagination) {\n        return __awaiter(this, void 0, void 0, function () {\n            var currentPagination, pageNumber, perPage, params, dialogsDTO, qbDialogs, _i, _a, item, qbEntity, newDTO;\n            return __generator(this, function (_b) {\n                switch (_b.label) {\n                    case 0:\n                        currentPagination = pagination || new _Domain_repository_Pagination__WEBPACK_IMPORTED_MODULE_5__.Pagination();\n                        console.log('call getDialogs in RemoteDataSourceMock param pagination: ', JSON.stringify(pagination));\n                        console.log('call getDialogs in RemoteDataSourceMock with result pagination: ', JSON.stringify(currentPagination));\n                        pageNumber = currentPagination.getCurrentPage() || 1;\n                        console.log('pageNumber: ', pageNumber);\n                        perPage = currentPagination.perPage || 100;\n                        console.log('perPage: ', perPage);\n                        params = {\n                            created_at: {\n                                lt: Date.now() / 1000,\n                            },\n                            sort_desc: 'created_at',\n                            page: pageNumber,\n                            // per_page: perPage,\n                            limit: perPage,\n                            type: {\n                                in: [2, 3],\n                            },\n                        };\n                        // filter['type[in]'] = [3, 2].join(',');\n                        console.log('call getDialogs in RemoteDataSourceMock with params: ', JSON.stringify(params));\n                        dialogsDTO = [];\n                        return [4 /*yield*/, (0,_qb_api_calls__WEBPACK_IMPORTED_MODULE_8__.QBGetDialogs)(params)];\n                    case 1:\n                        qbDialogs = _b.sent();\n                        if (!qbDialogs) return [3 /*break*/, 5];\n                        console.log(\"request completed. have: total_entries \".concat(qbDialogs.total_entries, \", limit: \").concat(qbDialogs.limit, \", skip: \").concat(qbDialogs.skip, \" items: \").concat(JSON.stringify(qbDialogs.items)));\n                        currentPagination = new _Domain_repository_Pagination__WEBPACK_IMPORTED_MODULE_5__.Pagination(0, perPage);\n                        currentPagination.totalPages = qbDialogs.total_entries / perPage;\n                        currentPagination.setCurrentPage(pageNumber);\n                        _i = 0, _a = qbDialogs.items;\n                        _b.label = 2;\n                    case 2:\n                        if (!(_i < _a.length)) return [3 /*break*/, 5];\n                        item = _a[_i];\n                        qbEntity = item;\n                        return [4 /*yield*/, this.dialogDTOMapper.toTDO(qbEntity)];\n                    case 3:\n                        newDTO = _b.sent();\n                        dialogsDTO.push(newDTO);\n                        _b.label = 4;\n                    case 4:\n                        _i++;\n                        return [3 /*break*/, 2];\n                    case 5: \n                    /*\n                        await Promise.all(\n                      fromRemote.ResultData.map(async (entity) => {\n                        // eslint-disable-next-line no-return-await\n                        return await this.dialogRepository.saveDialogToLocal(entity);\n                      }),\n                    );\n                     */\n                    return [2 /*return*/, Promise.resolve(new _dto_dialog_RemoteDialogsDTO__WEBPACK_IMPORTED_MODULE_1__.RemoteDialogsDTO(dialogsDTO, currentPagination))];\n                }\n            });\n        });\n    };\n    // eslint-disable-next-line class-methods-use-this\n    RemoteDataSource.prototype.createDialog = function (dto) {\n        return __awaiter(this, void 0, void 0, function () {\n            var qbEntity, qbDialog, participantId, participants, data, newDTO;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        console.log('call createDialog in remote with params: ', JSON.stringify(dto));\n                        return [4 /*yield*/, this.dialogDTOMapper.fromDTO(dto)];\n                    case 1:\n                        qbEntity = _a.sent();\n                        if (!(qbEntity.type === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_13__.DialogType[\"private\"])) return [3 /*break*/, 3];\n                        participantId = qbEntity.occupants_ids[0];\n                        return [4 /*yield*/, (0,_qb_api_calls__WEBPACK_IMPORTED_MODULE_8__.QBCreatePrivateDialog)(participantId, qbEntity.name)];\n                    case 2:\n                        qbDialog = _a.sent();\n                        return [3 /*break*/, 5];\n                    case 3:\n                        if (!(qbEntity.type === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_13__.DialogType.group)) return [3 /*break*/, 5];\n                        participants = qbEntity.occupants_ids;\n                        data = { photo: qbEntity.photo };\n                        return [4 /*yield*/, (0,_qb_api_calls__WEBPACK_IMPORTED_MODULE_8__.QBCreateGroupDialog)(participants, qbEntity.name, data)];\n                    case 4:\n                        qbDialog = _a.sent();\n                        _a.label = 5;\n                    case 5:\n                        if (qbDialog === null || qbDialog === undefined) {\n                            return [2 /*return*/, Promise.reject(new _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.RemoteDataSourceException(_exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_MESSAGE, _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_CODE))];\n                        }\n                        return [4 /*yield*/, this.dialogDTOMapper.toTDO(qbDialog)];\n                    case 6:\n                        newDTO = _a.sent();\n                        console.log('have result in createDialog in remote ds: ', JSON.stringify(newDTO));\n                        return [2 /*return*/, Promise.resolve(newDTO)];\n                }\n            });\n        });\n    };\n    RemoteDataSource.prototype.updateDialog = function (dto) {\n        var _a;\n        return __awaiter(this, void 0, void 0, function () {\n            var qbEntity, data, qbDialogs, newDTO;\n            return __generator(this, function (_b) {\n                switch (_b.label) {\n                    case 0: return [4 /*yield*/, this.dialogDTOMapper.fromDTO(dto)];\n                    case 1:\n                        qbEntity = _b.sent();\n                        data = {};\n                        if (qbEntity.name && qbEntity.name.length > 0) {\n                            data = __assign({ name: qbEntity.name }, data);\n                        }\n                        if (qbEntity.photo) {\n                            data = __assign(__assign({}, data), { photo: qbEntity.photo });\n                        }\n                        if (((_a = qbEntity.new_occupants_ids) === null || _a === void 0 ? void 0 : _a.length) > 0) {\n                            data = __assign(__assign({}, data), { push_all: { occupants_ids: qbEntity.new_occupants_ids } });\n                        }\n                        return [4 /*yield*/, (0,_qb_api_calls__WEBPACK_IMPORTED_MODULE_8__.QBUpdateDialog)(qbEntity._id, data)];\n                    case 2:\n                        qbDialogs = _b.sent();\n                        if (qbDialogs === null || qbDialogs === undefined) {\n                            return [2 /*return*/, Promise.reject(new _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.RemoteDataSourceException(_exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_MESSAGE, _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_CODE))];\n                        }\n                        return [4 /*yield*/, this.dialogDTOMapper.toTDO(qbDialogs)];\n                    case 3:\n                        newDTO = _b.sent();\n                        return [2 /*return*/, Promise.resolve(newDTO)];\n                }\n            });\n        });\n    };\n    // eslint-disable-next-line class-methods-use-this\n    RemoteDataSource.prototype.getDialog = function (dto) {\n        return __awaiter(this, void 0, void 0, function () {\n            var qbEntity, qbDialog, qbEntityFromDB, resultDTO;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0: return [4 /*yield*/, this.dialogDTOMapper.fromDTO(dto)];\n                    case 1:\n                        qbEntity = _a.sent();\n                        return [4 /*yield*/, (0,_qb_api_calls__WEBPACK_IMPORTED_MODULE_8__.QBGetDialogById)(qbEntity._id)];\n                    case 2:\n                        qbDialog = _a.sent();\n                        if (qbDialog === null || qbDialog === undefined) {\n                            return [2 /*return*/, Promise.reject(new _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.RemoteDataSourceException(_exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_MESSAGE, _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_CODE))];\n                        }\n                        qbEntityFromDB = qbDialog.items[0];\n                        return [4 /*yield*/, this.dialogDTOMapper.toTDO(qbEntityFromDB)];\n                    case 3:\n                        resultDTO = _a.sent();\n                        return [2 /*return*/, Promise.resolve(resultDTO)];\n                }\n            });\n        });\n    };\n    // eslint-disable-next-line class-methods-use-this\n    RemoteDataSource.prototype.deleteDialog = function (dto) {\n        return __awaiter(this, void 0, void 0, function () {\n            var qbEntity;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0: return [4 /*yield*/, this.dialogDTOMapper.fromDTO(dto)];\n                    case 1:\n                        qbEntity = _a.sent();\n                        return [4 /*yield*/, (0,_qb_api_calls__WEBPACK_IMPORTED_MODULE_8__.QBDeleteDialog)([qbEntity._id]).catch(function () {\n                                throw new _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.RemoteDataSourceException(_exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_MESSAGE, _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_CODE);\n                            })];\n                    case 2:\n                        _a.sent();\n                        return [2 /*return*/, Promise.resolve()];\n                }\n            });\n        });\n    };\n    RemoteDataSource.prototype.deleteUsersFromDialog = function (dialogDTO, usersDTO) {\n        return __awaiter(this, void 0, void 0, function () {\n            var qbEntity, usersIds, data, qbDialogs;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0: return [4 /*yield*/, this.dialogDTOMapper.fromDTO(dialogDTO)];\n                    case 1:\n                        qbEntity = _a.sent();\n                        usersIds = [];\n                        usersDTO.forEach(function (item) {\n                            usersIds.push(item.id);\n                        });\n                        data = {};\n                        if (usersIds.length > 0) {\n                            data = {\n                                pull_all: { occupants_ids: usersIds },\n                            };\n                        }\n                        return [4 /*yield*/, (0,_qb_api_calls__WEBPACK_IMPORTED_MODULE_8__.QBUpdateDialog)(qbEntity._id, data)];\n                    case 2:\n                        qbDialogs = _a.sent();\n                        if (qbDialogs === null || qbDialogs === undefined) {\n                            return [2 /*return*/, Promise.reject(new _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.RemoteDataSourceException(_exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_MESSAGE, _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_CODE))];\n                        }\n                        return [2 /*return*/, Promise.resolve()];\n                }\n            });\n        });\n    };\n    // eslint-disable-next-line @typescript-eslint/require-await,class-methods-use-this,@typescript-eslint/no-unused-vars\n    RemoteDataSource.prototype.getUser = function (dto) {\n        return __awaiter(this, void 0, void 0, function () {\n            var currentItem, dtoUser, e_1;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0: return [4 /*yield*/, (0,_qb_api_calls__WEBPACK_IMPORTED_MODULE_8__.QBUsersGetById)(parseInt(dto.id, 10))];\n                    case 1:\n                        currentItem = _a.sent();\n                        if (currentItem === null || currentItem === undefined) {\n                            return [2 /*return*/, Promise.reject(new _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.RemoteDataSourceException(_exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_MESSAGE, _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_CODE))];\n                        }\n                        _a.label = 2;\n                    case 2:\n                        _a.trys.push([2, 4, , 5]);\n                        return [4 /*yield*/, this.userDTOMapper.toTDO(currentItem)];\n                    case 3:\n                        dtoUser = _a.sent();\n                        return [3 /*break*/, 5];\n                    case 4:\n                        e_1 = _a.sent();\n                        console.log('problem with:');\n                        console.log(JSON.stringify(currentItem));\n                        console.log(e_1.message);\n                        console.log(e_1._description);\n                        return [3 /*break*/, 5];\n                    case 5:\n                        if (dtoUser !== null || dtoUser !== undefined) {\n                            return [2 /*return*/, Promise.resolve(dtoUser)];\n                        }\n                        return [2 /*return*/, Promise.reject(new _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.RemoteDataSourceException(_exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.NOT_FOUND_REMOTE_DATASOURCE_EXCEPTION_MESSAGE, _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.NOT_FOUND_REMOTE_DATASOURCE_EXCEPTION_CODE, \"not found user with id: \".concat(dto.id, \" (\").concat(dto.full_name, \")\")))];\n                }\n            });\n        });\n    };\n    // eslint-disable-next-line @typescript-eslint/require-await,class-methods-use-this,@typescript-eslint/no-unused-vars\n    RemoteDataSource.prototype.getUsers = function (remoteUsersDTO) {\n        return __awaiter(this, void 0, void 0, function () {\n            var usersDTO, _i, _a, item, userDTO;\n            return __generator(this, function (_b) {\n                switch (_b.label) {\n                    case 0:\n                        usersDTO = new Array();\n                        _i = 0, _a = remoteUsersDTO.users;\n                        _b.label = 1;\n                    case 1:\n                        if (!(_i < _a.length)) return [3 /*break*/, 4];\n                        item = _a[_i];\n                        return [4 /*yield*/, this.getUser(item)];\n                    case 2:\n                        userDTO = _b.sent();\n                        usersDTO.push(userDTO);\n                        _b.label = 3;\n                    case 3:\n                        _i++;\n                        return [3 /*break*/, 1];\n                    case 4: return [2 /*return*/, Promise.resolve(new _dto_user_RemoteUsersDTO__WEBPACK_IMPORTED_MODULE_3__.RemoteUsersDTO(usersDTO, new _Domain_repository_Pagination__WEBPACK_IMPORTED_MODULE_5__.Pagination()))];\n                }\n            });\n        });\n    };\n    //\n    // eslint-disable-next-line class-methods-use-this\n    RemoteDataSource.prototype.getAllUsers = function (pagination, \n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    filter) {\n        return __awaiter(this, void 0, void 0, function () {\n            var users, pageTemplate, pageNumber, resultPagination, params, response, currentItem, _i, _a, item, dtoUser, e_2;\n            return __generator(this, function (_b) {\n                switch (_b.label) {\n                    case 0:\n                        console.log('call getAllUsers');\n                        console.log('pagination: ', JSON.stringify(pagination));\n                        users = [];\n                        pageTemplate = {\n                            pageSize: pagination.perPage,\n                            startPageNumber: pagination.getCurrentPage(),\n                        };\n                        pageNumber = pageTemplate.startPageNumber;\n                        resultPagination = new _Domain_repository_Pagination__WEBPACK_IMPORTED_MODULE_5__.Pagination(pageNumber, pageTemplate.startPageNumber);\n                        params = {\n                            per_page: pageTemplate.pageSize,\n                            page: pageNumber,\n                        };\n                        if (filter && filter.length > 2) {\n                            params = {\n                                full_name: filter,\n                                per_page: pageTemplate.pageSize,\n                                page: pageNumber > 0 ? pageNumber : 1,\n                            };\n                        }\n                        console.log('params: ', JSON.stringify(params));\n                        return [4 /*yield*/, (0,_qb_api_calls__WEBPACK_IMPORTED_MODULE_8__.QBUsersGet)(params).catch(function (err) {\n                                console.log('catch call QBUsersGet : ', (0,_utils_parse__WEBPACK_IMPORTED_MODULE_12__.stringifyError)(err));\n                            })];\n                    case 1:\n                        response = _b.sent();\n                        if (response === undefined || response === null) {\n                            throw new _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.RemoteDataSourceException(_exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.NOT_FOUND_REMOTE_DATASOURCE_EXCEPTION_MESSAGE, _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.NOT_FOUND_REMOTE_DATASOURCE_EXCEPTION_CODE, \"params: \".concat(JSON.stringify(params)));\n                        }\n                        console.log('response: total_entries: ', response.total_entries);\n                        console.log('response: per_page: ', response.per_page);\n                        console.log('response: current_page: ', response.current_page);\n                        resultPagination.totalPages =\n                            response.total_entries / pageTemplate.pageSize;\n                        resultPagination.setCurrentPage(response.current_page);\n                        console.log(\"response result: count of items \".concat(response.items.length, \" items: \").concat(JSON.stringify(response.items)));\n                        _b.label = 2;\n                    case 2:\n                        _b.trys.push([2, 7, , 8]);\n                        _i = 0, _a = response.items;\n                        _b.label = 3;\n                    case 3:\n                        if (!(_i < _a.length)) return [3 /*break*/, 6];\n                        item = _a[_i];\n                        currentItem = item.user;\n                        return [4 /*yield*/, this.userDTOMapper.toTDO(currentItem)];\n                    case 4:\n                        dtoUser = _b.sent();\n                        users.push(dtoUser);\n                        _b.label = 5;\n                    case 5:\n                        _i++;\n                        return [3 /*break*/, 3];\n                    case 6: return [3 /*break*/, 8];\n                    case 7:\n                        e_2 = _b.sent();\n                        console.log('problem with:');\n                        console.log(JSON.stringify(currentItem));\n                        console.log(e_2.message);\n                        console.log(e_2._description);\n                        return [3 /*break*/, 8];\n                    case 8: return [2 /*return*/, { ResultData: users, PaginationResult: resultPagination }];\n                }\n            });\n        });\n    };\n    //\n    //\n    // eslint-disable-next-line @typescript-eslint/require-await,class-methods-use-this,@typescript-eslint/no-unused-vars,@typescript-eslint/ban-ts-comment\n    // @ts-ignore\n    // eslint-disable-next-line @typescript-eslint/require-await,class-methods-use-this\n    RemoteDataSource.prototype.getMessages = function (dialogId, \n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    pagination) {\n        var _a;\n        return __awaiter(this, void 0, void 0, function () {\n            var messagesDTO, qbMessages, currentUserId;\n            var _this = this;\n            return __generator(this, function (_b) {\n                switch (_b.label) {\n                    case 0:\n                        messagesDTO = new Array();\n                        //\n                        return [4 /*yield*/, (0,_qb_api_calls__WEBPACK_IMPORTED_MODULE_8__.QBJoinDialog)(dialogId).catch(function () {\n                                throw new _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.RemoteDataSourceException(_exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_MESSAGE, _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_CODE);\n                            })];\n                    case 1:\n                        //\n                        _b.sent();\n                        return [4 /*yield*/, (0,_qb_api_calls__WEBPACK_IMPORTED_MODULE_8__.QBChatGetMessages)(dialogId)];\n                    case 2:\n                        qbMessages = _b.sent();\n                        if (qbMessages === null || qbMessages === undefined) {\n                            return [2 /*return*/, Promise.reject(new _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.RemoteDataSourceException(_exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_MESSAGE, _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_CODE))];\n                        }\n                        console.log(\"GET MESSAGES \".concat(qbMessages.items.length, \" FROM SERVER: \").concat(JSON.stringify(qbMessages), \" \"));\n                        currentUserId = (_a = this._authInformation) === null || _a === void 0 ? void 0 : _a.userId;\n                        return [4 /*yield*/, Promise.all(qbMessages.items.map(function (currentItem) { return __awaiter(_this, void 0, void 0, function () {\n                                var dtoMessage;\n                                return __generator(this, function (_a) {\n                                    switch (_a.label) {\n                                        case 0: return [4 /*yield*/, this.messageDTOMapper.toTDO(currentItem)];\n                                        case 1:\n                                            dtoMessage = _a.sent();\n                                            if (this._authProcessed &&\n                                                currentUserId &&\n                                                dtoMessage.read_ids &&\n                                                dtoMessage.read_ids.length > 0 &&\n                                                dtoMessage.read_ids.includes(currentUserId) === false) {\n                                                (0,_qb_api_calls__WEBPACK_IMPORTED_MODULE_8__.QBChatMarkMessageRead)({\n                                                    messageId: dtoMessage.id,\n                                                    dialogId: dtoMessage.dialogId,\n                                                    userId: currentUserId,\n                                                });\n                                            }\n                                            messagesDTO.push(dtoMessage);\n                                            return [2 /*return*/, dtoMessage];\n                                    }\n                                });\n                            }); }))];\n                    case 3:\n                        _b.sent();\n                        return [2 /*return*/, Promise.resolve(new _dto_message_RemoteMessagesDTO__WEBPACK_IMPORTED_MODULE_4__.RemoteMessagesDTO(messagesDTO, new _Domain_repository_Pagination__WEBPACK_IMPORTED_MODULE_5__.Pagination()))];\n                }\n            });\n        });\n    };\n    // eslint-disable-next-line class-methods-use-this\n    RemoteDataSource.prototype.typingMessageStart = function (dialogDTO, senderId) {\n        return __awaiter(this, void 0, void 0, function () {\n            var qbEntity;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0: return [4 /*yield*/, this.dialogDTOMapper.fromDTO(dialogDTO)];\n                    case 1:\n                        qbEntity = _a.sent();\n                        return [4 /*yield*/, (0,_qb_api_calls__WEBPACK_IMPORTED_MODULE_8__.QBJoinDialog)(dialogDTO.id).catch(function () {\n                                throw new _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.RemoteDataSourceException(_exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_MESSAGE, _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_CODE);\n                            })];\n                    case 2:\n                        _a.sent();\n                        (0,_qb_api_calls__WEBPACK_IMPORTED_MODULE_8__.QBSendIsTypingStatus)(qbEntity, senderId);\n                        return [2 /*return*/, Promise.resolve()];\n                }\n            });\n        });\n    };\n    // eslint-disable-next-line class-methods-use-this\n    RemoteDataSource.prototype.typingMessageStop = function (dialogDTO, senderId) {\n        return __awaiter(this, void 0, void 0, function () {\n            var qbEntity;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0: return [4 /*yield*/, this.dialogDTOMapper.fromDTO(dialogDTO)];\n                    case 1:\n                        qbEntity = _a.sent();\n                        (0,_qb_api_calls__WEBPACK_IMPORTED_MODULE_8__.QBSendIsStopTypingStatus)(qbEntity, senderId);\n                        return [2 /*return*/, Promise.resolve()];\n                }\n            });\n        });\n    };\n    // eslint-disable-next-line @typescript-eslint/require-await,class-methods-use-this,@typescript-eslint/no-unused-vars\n    RemoteDataSource.prototype.sendMessage = function (dto) {\n        var _a, _b, _c, _d;\n        return __awaiter(this, void 0, void 0, function () {\n            var messageText, qbEntity, dialogJid, qbMessages;\n            return __generator(this, function (_e) {\n                switch (_e.label) {\n                    case 0:\n                        console.log('call sendMessage');\n                        messageText = '';\n                        switch (dto.notification_type) {\n                            case _Domain_entity_NotificationTypes__WEBPACK_IMPORTED_MODULE_14__.NotificationTypes.DELETE_LEAVE_DIALOG: {\n                                messageText = \"\".concat(((_a = this.authInformation) === null || _a === void 0 ? void 0 : _a.userName) || 'owner', \" has left the chat.\");\n                                break;\n                            }\n                            case _Domain_entity_NotificationTypes__WEBPACK_IMPORTED_MODULE_14__.NotificationTypes.NEW_DIALOG: {\n                                messageText = \"\".concat(((_b = this.authInformation) === null || _b === void 0 ? void 0 : _b.userName) || 'owner', \" create the chat\");\n                                break;\n                            }\n                            case _Domain_entity_NotificationTypes__WEBPACK_IMPORTED_MODULE_14__.NotificationTypes.UPDATE_DIALOG: {\n                                messageText = \"\".concat(((_c = this.authInformation) === null || _c === void 0 ? void 0 : _c.userName) || 'owner', \" update the chat\");\n                                break;\n                            }\n                            default: {\n                                messageText = dto.message;\n                                break;\n                            }\n                        }\n                        qbEntity = {\n                            type: dto.dialog_type === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_13__.DialogType[\"private\"] ? 'chat' : 'groupchat',\n                            body: messageText,\n                            notification_type: dto.notification_type,\n                            dialog_id: dto.dialogId,\n                            extension: {\n                                save_to_history: 1,\n                                dialog_id: dto.dialogId,\n                                notification_type: dto.notification_type,\n                                sender_id: dto.sender_id || dto.recipient_id,\n                            },\n                            markable: 1,\n                        };\n                        if (((_d = dto.attachments) === null || _d === void 0 ? void 0 : _d.length) > 0) {\n                            qbEntity.extension.attachments = [];\n                            dto.attachments.forEach(function (att) {\n                                var _a;\n                                var chatMessageAttachment = {\n                                    id: att.id,\n                                    name: att.name,\n                                    size: att.size,\n                                    type: att.type.toString(),\n                                    uid: att.uid,\n                                };\n                                (_a = qbEntity.extension.attachments) === null || _a === void 0 ? void 0 : _a.push(chatMessageAttachment);\n                            });\n                        }\n                        return [4 /*yield*/, (0,_qb_api_calls__WEBPACK_IMPORTED_MODULE_8__.QBJoinDialog)(dto.dialogId).catch(function () {\n                                throw new _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.RemoteDataSourceException(_exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_MESSAGE, _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_CODE);\n                            })];\n                    case 1:\n                        _e.sent();\n                        dialogJid = QB.chat.helpers.getRoomJidFromDialogId(dto.dialogId);\n                        return [4 /*yield*/, (0,_qb_api_calls__WEBPACK_IMPORTED_MODULE_8__.QBChatSendMessage)(dialogJid, qbEntity)];\n                    case 2:\n                        qbMessages = _e.sent();\n                        if (qbMessages === null || qbMessages === undefined) {\n                            return [2 /*return*/, Promise.reject(new _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.RemoteDataSourceException(_exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_MESSAGE, _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_CODE))];\n                        }\n                        console.log('regular message was sent');\n                        return [2 /*return*/, Promise.resolve(dto)];\n                }\n            });\n        });\n    };\n    // eslint-disable-next-line class-methods-use-this\n    RemoteDataSource.prototype.sendSystemMessage = function (dto) {\n        var _a;\n        return __awaiter(this, void 0, void 0, function () {\n            var qbMessages, systemMessage;\n            return __generator(this, function (_b) {\n                switch (_b.label) {\n                    case 0:\n                        if (!(dto.notification_type && dto.notification_type.length > 0)) return [3 /*break*/, 2];\n                        systemMessage = {\n                            body: null,\n                            id: '',\n                            userId: ((_a = this.authInformation) === null || _a === void 0 ? void 0 : _a.userId) || 0,\n                            extension: {\n                                notification_type: dto.notification_type,\n                                dialog_id: dto.dialogId,\n                            },\n                        };\n                        return [4 /*yield*/, (0,_qb_api_calls__WEBPACK_IMPORTED_MODULE_8__.QBChatSendSystemMessage)(dto.recipient_id, systemMessage)];\n                    case 1:\n                        qbMessages = _b.sent();\n                        _b.label = 2;\n                    case 2:\n                        if (qbMessages === null || qbMessages === undefined) {\n                            return [2 /*return*/, Promise.reject(new _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.RemoteDataSourceException(_exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_MESSAGE, _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_CODE))];\n                        }\n                        console.log('system message was sent');\n                        return [2 /*return*/, Promise.resolve(true)];\n                }\n            });\n        });\n    };\n    // eslint-disable-next-line @typescript-eslint/require-await,class-methods-use-this,@typescript-eslint/no-unused-vars\n    RemoteDataSource.prototype.updateMessage = function (\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    dto) {\n        return __awaiter(this, void 0, void 0, function () {\n            var qbEntity, storageValue, result, qbMessages, newDTO;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0: return [4 /*yield*/, this.messageDTOMapper.fromDTO(dto)];\n                    case 1:\n                        qbEntity = _a.sent();\n                        storageValue = localStorage.getItem('qbMessages');\n                        result = storageValue !== null && storageValue !== void 0 ? storageValue : '';\n                        qbMessages = result === '' ? {} : JSON.parse(result);\n                        if (qbMessages === null || qbMessages === undefined) {\n                            return [2 /*return*/, Promise.reject(new _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.RemoteDataSourceException(_exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_MESSAGE, _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_CODE))];\n                        }\n                        qbMessages[qbEntity._id] = qbEntity;\n                        // TODO: How get updated QBChatDialog and return to DTO\n                        localStorage.setItem('qbMessages', JSON.stringify(qbMessages));\n                        return [4 /*yield*/, this.messageDTOMapper.toTDO(qbEntity)];\n                    case 2:\n                        newDTO = _a.sent();\n                        return [2 /*return*/, Promise.resolve(newDTO)];\n                }\n            });\n        });\n    };\n    // eslint-disable-next-line @typescript-eslint/require-await,class-methods-use-this,@typescript-eslint/no-unused-vars\n    RemoteDataSource.prototype.deleteMessage = function (dto) {\n        return __awaiter(this, void 0, void 0, function () {\n            var qbEntity, storageValue, result, qbMessages, filteredqbMessages;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0: return [4 /*yield*/, this.messageDTOMapper.fromDTO(dto)];\n                    case 1:\n                        qbEntity = _a.sent();\n                        storageValue = localStorage.getItem('qbMessages');\n                        result = storageValue !== null && storageValue !== void 0 ? storageValue : '';\n                        qbMessages = result === '' ? {} : JSON.parse(result);\n                        if (qbMessages === null || qbMessages === undefined) {\n                            return [2 /*return*/, Promise.reject(new _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.RemoteDataSourceException(_exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_MESSAGE, _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_CODE))];\n                        }\n                        filteredqbMessages = {};\n                        Object.keys(qbMessages).forEach(function (key) {\n                            if (key !== qbEntity._id) {\n                                filteredqbMessages[key] = qbMessages[key];\n                            }\n                        });\n                        localStorage.setItem('qbMessages', JSON.stringify(filteredqbMessages));\n                        return [2 /*return*/, Promise.resolve()];\n                }\n            });\n        });\n    };\n    // eslint-disable-next-line @typescript-eslint/require-await,class-methods-use-this,@typescript-eslint/no-unused-vars\n    RemoteDataSource.prototype.createFile = function (dto) {\n        return __awaiter(this, void 0, void 0, function () {\n            var qbParam, result, qbContentObject, newDto;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        console.log('call createFile in remote with params: ', JSON.stringify(dto));\n                        return [4 /*yield*/, this.fileDTOMapper.fromDTO(dto)];\n                    case 1:\n                        qbParam = _a.sent();\n                        return [4 /*yield*/, (0,_qb_api_calls__WEBPACK_IMPORTED_MODULE_8__.QBCreateAndUploadContent)(qbParam).catch(function (err) {\n                                console.log('Error: ', (0,_utils_parse__WEBPACK_IMPORTED_MODULE_12__.stringifyError)(err));\n                                throw new _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.RemoteDataSourceException(_exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_MESSAGE, _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_CODE, \"exception: \".concat((0,_utils_parse__WEBPACK_IMPORTED_MODULE_12__.stringifyError)(err)));\n                            })];\n                    case 2:\n                        result = _a.sent();\n                        if (result === null || result === undefined) {\n                            return [2 /*return*/, Promise.reject(new _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.RemoteDataSourceException(_exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_MESSAGE, _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_CODE))];\n                        }\n                        qbContentObject = result;\n                        return [4 /*yield*/, this.fileDTOMapper.toTDO(qbContentObject)];\n                    case 3:\n                        newDto = _a.sent();\n                        console.log('have result in createFile in remote ds: ', JSON.stringify(newDto));\n                        return [2 /*return*/, Promise.resolve(newDto)];\n                }\n            });\n        });\n    };\n    // eslint-disable-next-line @typescript-eslint/require-await,class-methods-use-this,@typescript-eslint/no-unused-vars\n    RemoteDataSource.prototype.getFile = function (dto) {\n        return __awaiter(this, void 0, void 0, function () {\n            return __generator(this, function (_a) {\n                throw new Error('Method not implemented.');\n            });\n        });\n    };\n    // eslint-disable-next-line @typescript-eslint/require-await,class-methods-use-this,@typescript-eslint/no-unused-vars\n    RemoteDataSource.prototype.deleteFile = function (dto) {\n        return __awaiter(this, void 0, void 0, function () {\n            return __generator(this, function (_a) {\n                throw new Error('Method not implemented.');\n            });\n        });\n    };\n    // eslint-disable-next-line @typescript-eslint/require-await,class-methods-use-this,@typescript-eslint/no-unused-vars\n    RemoteDataSource.prototype.subscribeToChatConnectionEvents = function (\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    fileId) {\n        return __awaiter(this, void 0, void 0, function () {\n            return __generator(this, function (_a) {\n                throw new Error('Method not implemented.');\n            });\n        });\n    };\n    return RemoteDataSource;\n}());\n\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/Data/source/remote/RemoteDataSource.ts?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"RemoteDataSource\": function() { return /* binding */ RemoteDataSource; }\n/* harmony export */ });\n/* harmony import */ var _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../exception/RemoteDataSourceException */ \"./src/Data/source/exception/RemoteDataSourceException.ts\");\n/* harmony import */ var _dto_dialog_RemoteDialogsDTO__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../dto/dialog/RemoteDialogsDTO */ \"./src/Data/dto/dialog/RemoteDialogsDTO.ts\");\n/* harmony import */ var _dto_message_RemoteMessageDTO__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../dto/message/RemoteMessageDTO */ \"./src/Data/dto/message/RemoteMessageDTO.ts\");\n/* harmony import */ var _dto_user_RemoteUsersDTO__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../dto/user/RemoteUsersDTO */ \"./src/Data/dto/user/RemoteUsersDTO.ts\");\n/* harmony import */ var _dto_message_RemoteMessagesDTO__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../dto/message/RemoteMessagesDTO */ \"./src/Data/dto/message/RemoteMessagesDTO.ts\");\n/* harmony import */ var _Domain_repository_Pagination__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../Domain/repository/Pagination */ \"./src/Domain/repository/Pagination.ts\");\n/* harmony import */ var _Mapper_DialogDTOMapper__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./Mapper/DialogDTOMapper */ \"./src/Data/source/remote/Mapper/DialogDTOMapper.ts\");\n/* harmony import */ var _Stubs__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../Stubs */ \"./src/Data/Stubs.ts\");\n/* harmony import */ var _qb_api_calls__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../qb-api-calls */ \"./src/qb-api-calls/index.ts\");\n/* harmony import */ var _Mapper_UserDTOMapper__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./Mapper/UserDTOMapper */ \"./src/Data/source/remote/Mapper/UserDTOMapper.ts\");\n/* harmony import */ var _Mapper_MessageDTOMapper__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./Mapper/MessageDTOMapper */ \"./src/Data/source/remote/Mapper/MessageDTOMapper.ts\");\n/* harmony import */ var _mapper_DialogRemoteDTOMapper__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../mapper/DialogRemoteDTOMapper */ \"./src/Data/mapper/DialogRemoteDTOMapper.ts\");\n/* harmony import */ var _utils_parse__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../../utils/parse */ \"./src/utils/parse.ts\");\n/* harmony import */ var _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../../Domain/entity/DialogTypes */ \"./src/Domain/entity/DialogTypes.ts\");\n/* harmony import */ var _Domain_entity_NotificationTypes__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../../../Domain/entity/NotificationTypes */ \"./src/Domain/entity/NotificationTypes.ts\");\n/* harmony import */ var _Domain_entity_EventMessageType__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../../../Domain/entity/EventMessageType */ \"./src/Domain/entity/EventMessageType.ts\");\n/* harmony import */ var _Domain_use_cases_base_Subscribable_SubscriptionPerformer__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../../../Domain/use_cases/base/Subscribable/SubscriptionPerformer */ \"./src/Domain/use_cases/base/Subscribable/SubscriptionPerformer.ts\");\n/* harmony import */ var _Mapper_FileDTOMapper__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./Mapper/FileDTOMapper */ \"./src/Data/source/remote/Mapper/FileDTOMapper.ts\");\nvar __assign = (undefined && undefined.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nvar __awaiter = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n    return new (P || (P = Promise))(function (resolve, reject) {\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\n    });\n};\nvar __generator = (undefined && undefined.__generator) || function (thisArg, body) {\n    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\n    return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\n    function verb(n) { return function (v) { return step([n, v]); }; }\n    function step(op) {\n        if (f) throw new TypeError(\"Generator is already executing.\");\n        while (g && (g = 0, op[0] && (_ = 0)), _) try {\n            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;\n            if (y = 0, t) op = [op[0] & 2, t.value];\n            switch (op[0]) {\n                case 0: case 1: t = op; break;\n                case 4: _.label++; return { value: op[1], done: false };\n                case 5: _.label++; y = op[1]; op = [0]; continue;\n                case 7: op = _.ops.pop(); _.trys.pop(); continue;\n                default:\n                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\n                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\n                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\n                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\n                    if (t[2]) _.ops.pop();\n                    _.trys.pop(); continue;\n            }\n            op = body.call(thisArg, _);\n        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\n        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\n    }\n};\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nvar RemoteDataSource = /** @class */ (function () {\n    //\n    function RemoteDataSource() {\n        this.subscriptionOnSystemMessages = {};\n        this.subscriptionOnChatMessages = new _Domain_use_cases_base_Subscribable_SubscriptionPerformer__WEBPACK_IMPORTED_MODULE_16__.SubscriptionPerformer();\n        this.subscriptionOnMessageStatus = new _Domain_use_cases_base_Subscribable_SubscriptionPerformer__WEBPACK_IMPORTED_MODULE_16__.SubscriptionPerformer();\n        this.subscriptionOnSessionExpiredListener = new _Domain_use_cases_base_Subscribable_SubscriptionPerformer__WEBPACK_IMPORTED_MODULE_16__.SubscriptionPerformer();\n        console.log('CONSTRUCTOR RemoteDataSourceMock');\n        this.dialogDTOMapper = new _Mapper_DialogDTOMapper__WEBPACK_IMPORTED_MODULE_6__.DialogDTOMapper();\n        this.userDTOMapper = new _Mapper_UserDTOMapper__WEBPACK_IMPORTED_MODULE_9__.UserDTOMapper();\n        this.messageDTOMapper = new _Mapper_MessageDTOMapper__WEBPACK_IMPORTED_MODULE_10__.MessageDTOMapper();\n        this.fileDTOMapper = new _Mapper_FileDTOMapper__WEBPACK_IMPORTED_MODULE_17__.FileDTOMapper();\n        this._needInit = true;\n        this._authProcessed = false;\n        this.subscriptionOnSystemMessages[_Domain_entity_NotificationTypes__WEBPACK_IMPORTED_MODULE_14__.NotificationTypes.UPDATE_DIALOG] =\n            new _Domain_use_cases_base_Subscribable_SubscriptionPerformer__WEBPACK_IMPORTED_MODULE_16__.SubscriptionPerformer();\n        this.subscriptionOnSystemMessages[_Domain_entity_NotificationTypes__WEBPACK_IMPORTED_MODULE_14__.NotificationTypes.DELETE_LEAVE_DIALOG] =\n            new _Domain_use_cases_base_Subscribable_SubscriptionPerformer__WEBPACK_IMPORTED_MODULE_16__.SubscriptionPerformer();\n        this.subscriptionOnSystemMessages[_Domain_entity_NotificationTypes__WEBPACK_IMPORTED_MODULE_14__.NotificationTypes.NEW_DIALOG] =\n            new _Domain_use_cases_base_Subscribable_SubscriptionPerformer__WEBPACK_IMPORTED_MODULE_16__.SubscriptionPerformer();\n    }\n    Object.defineProperty(RemoteDataSource.prototype, \"needInit\", {\n        get: function () {\n            return this._needInit;\n        },\n        enumerable: false,\n        configurable: true\n    });\n    Object.defineProperty(RemoteDataSource.prototype, \"authProcessed\", {\n        get: function () {\n            return this._authProcessed;\n        },\n        enumerable: false,\n        configurable: true\n    });\n    RemoteDataSource.prototype.setAuthProcessedSuccessed = function () {\n        this._authProcessed = true;\n        this.setInitSDKSuccessed();\n    };\n    RemoteDataSource.prototype.setInitSDKSuccessed = function () {\n        this._needInit = false;\n    };\n    Object.defineProperty(RemoteDataSource.prototype, \"authInformation\", {\n        get: function () {\n            return this._authInformation;\n        },\n        enumerable: false,\n        configurable: true\n    });\n    RemoteDataSource.prototype.setUpMockStorage = function () {\n        return __awaiter(this, void 0, void 0, function () {\n            var dialogsDTOtoEntityMapper, dialogsEntities, _loop_1, this_1, _i, dialogsEntities_1, item;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        dialogsDTOtoEntityMapper = new _mapper_DialogRemoteDTOMapper__WEBPACK_IMPORTED_MODULE_11__.DialogRemoteDTOMapper();\n                        dialogsEntities = _Stubs__WEBPACK_IMPORTED_MODULE_7__.Stubs.createDialogsForTest();\n                        _loop_1 = function (item) {\n                            var dialogDTO;\n                            return __generator(this, function (_b) {\n                                switch (_b.label) {\n                                    case 0: \n                                    // eslint-disable-next-line no-await-in-loop\n                                    return [4 /*yield*/, dialogsDTOtoEntityMapper.fromEntity(item)];\n                                    case 1:\n                                        dialogDTO = \n                                        // eslint-disable-next-line no-await-in-loop\n                                        _b.sent();\n                                        // eslint-disable-next-line @typescript-eslint/no-unused-vars,promise/catch-or-return,promise/always-return\n                                        this_1.createDialog(dialogDTO)\n                                            // eslint-disable-next-line @typescript-eslint/no-unused-vars,promise/always-return\n                                            .then(function (_) {\n                                            console.log(\"added mock item \".concat(JSON.stringify(dialogDTO)));\n                                        })\n                                            .catch(function (e) {\n                                            console.log('EXCEPTION:', e.message);\n                                        });\n                                        return [2 /*return*/];\n                                }\n                            });\n                        };\n                        this_1 = this;\n                        _i = 0, dialogsEntities_1 = dialogsEntities;\n                        _a.label = 1;\n                    case 1:\n                        if (!(_i < dialogsEntities_1.length)) return [3 /*break*/, 4];\n                        item = dialogsEntities_1[_i];\n                        return [5 /*yield**/, _loop_1(item)];\n                    case 2:\n                        _a.sent();\n                        _a.label = 3;\n                    case 3:\n                        _i++;\n                        return [3 /*break*/, 1];\n                    case 4: return [2 /*return*/];\n                }\n            });\n        });\n    };\n    // eslint-disable-next-line class-methods-use-this\n    RemoteDataSource.prototype.createUserSession = function (loginData) {\n        return __awaiter(this, void 0, void 0, function () {\n            var session;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0: return [4 /*yield*/, (0,_qb_api_calls__WEBPACK_IMPORTED_MODULE_8__.QBCreateSession)(loginData)];\n                    case 1:\n                        session = _a.sent();\n                        return [2 /*return*/, session];\n                }\n            });\n        });\n    };\n    // eslint-disable-next-line class-methods-use-this\n    RemoteDataSource.initSDK = function (sdkParams) {\n        console.log('2. call initSDK in RemoteDataSourceMock');\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        if (!window.QB) {\n            throw new Error('HAVE NO SDK');\n        }\n        else {\n            console.log('2. start init actions');\n            (0,_qb_api_calls__WEBPACK_IMPORTED_MODULE_8__.QBInit)({\n                appIdOrToken: sdkParams.appIdOrToken,\n                authKeyOrAppId: sdkParams.authKeyOrAppId,\n                authSecret: sdkParams.authSecret,\n                accountKey: sdkParams.accountKey,\n            });\n            var QuickBloxVersion = \"CALL initData: Init SDK was success: version \".concat(QB.version, \" build \").concat(QB.buildNumber);\n            console.log(QuickBloxVersion);\n            return true;\n        }\n    };\n    RemoteDataSource.prototype.initSDKWithUser = function (sdkParams, authData) {\n        return __awaiter(this, void 0, void 0, function () {\n            var QuickBloxVersion;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        console.log('2. call initSDK in RemoteDataSourceMock');\n                        if (!this._needInit) return [3 /*break*/, 2];\n                        console.log('2. start init actions');\n                        (0,_qb_api_calls__WEBPACK_IMPORTED_MODULE_8__.QBInit)({\n                            appIdOrToken: sdkParams.appIdOrToken,\n                            authKeyOrAppId: sdkParams.authKeyOrAppId,\n                            authSecret: sdkParams.authSecret,\n                            accountKey: sdkParams.accountKey,\n                        });\n                        QuickBloxVersion = \"CALL initData: Init SDK was success: version \".concat(QB.version, \" build \").concat(QB.buildNumber);\n                        console.log(QuickBloxVersion);\n                        //\n                        this._needInit = false;\n                        return [4 /*yield*/, this.loginWithUser(authData)];\n                    case 1:\n                        _a.sent();\n                        _a.label = 2;\n                    case 2: return [2 /*return*/];\n                }\n            });\n        });\n    };\n    RemoteDataSource.prototype.disconnectAndLogoutUser = function () {\n        return __awaiter(this, void 0, void 0, function () {\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        if (!this._authProcessed) return [3 /*break*/, 2];\n                        (0,_qb_api_calls__WEBPACK_IMPORTED_MODULE_8__.QBChatDisconnect)();\n                        return [4 /*yield*/, (0,_qb_api_calls__WEBPACK_IMPORTED_MODULE_8__.QBLogout)()];\n                    case 1:\n                        _a.sent();\n                        this._authProcessed = false;\n                        this.releaseSubscriptions();\n                        this.releaseEventsHandlers();\n                        _a.label = 2;\n                    case 2: return [2 /*return*/];\n                }\n            });\n        });\n    };\n    RemoteDataSource.prototype.releaseSubscriptions = function () {\n        var _this = this;\n        Object.entries(this.subscriptionOnSystemMessages).map(function (x) {\n            var eventName = x[0];\n            return _this.subscriptionOnSystemMessages[eventName].release();\n        });\n    };\n    RemoteDataSource.prototype.subscribeOnSystemMessaging = function (notificationType, callback) {\n        var SystemMessageType = _Domain_entity_NotificationTypes__WEBPACK_IMPORTED_MODULE_14__.NotificationTypes.NEW_DIALOG;\n        switch (notificationType) {\n            case _Domain_entity_NotificationTypes__WEBPACK_IMPORTED_MODULE_14__.NotificationTypes.DELETE_LEAVE_DIALOG:\n                SystemMessageType = _Domain_entity_NotificationTypes__WEBPACK_IMPORTED_MODULE_14__.NotificationTypes.DELETE_LEAVE_DIALOG;\n                break;\n            case _Domain_entity_NotificationTypes__WEBPACK_IMPORTED_MODULE_14__.NotificationTypes.UPDATE_DIALOG:\n                SystemMessageType = _Domain_entity_NotificationTypes__WEBPACK_IMPORTED_MODULE_14__.NotificationTypes.UPDATE_DIALOG;\n                break;\n            default:\n                SystemMessageType = _Domain_entity_NotificationTypes__WEBPACK_IMPORTED_MODULE_14__.NotificationTypes.NEW_DIALOG;\n                break;\n        }\n        this.subscriptionOnSystemMessages[SystemMessageType].subscribe(callback, _Domain_entity_EventMessageType__WEBPACK_IMPORTED_MODULE_15__[\"default\"].SystemMessage);\n    };\n    RemoteDataSource.prototype.subscribeOnMessaging = function (callback) {\n        this.subscriptionOnChatMessages.subscribe(callback, _Domain_entity_EventMessageType__WEBPACK_IMPORTED_MODULE_15__[\"default\"].RegularMessage);\n    };\n    RemoteDataSource.prototype.subscribeOnSessionExpiredListener = function (callback) {\n        console.log('call subscribeOnSessionExpiredListener');\n        console.log('subscribeOnSessionExpiredListener');\n        this.subscriptionOnSessionExpiredListener.subscribe(callback, _Domain_entity_EventMessageType__WEBPACK_IMPORTED_MODULE_15__[\"default\"].LocalMessage);\n    };\n    RemoteDataSource.prototype.subscribeOnUpdateMessageStatus = function (callback) {\n        this.subscriptionOnMessageStatus.subscribe(callback, _Domain_entity_EventMessageType__WEBPACK_IMPORTED_MODULE_15__[\"default\"].LocalMessage);\n    };\n    RemoteDataSource.prototype.initEventsHandlers = function () {\n        var _this = this;\n        QB.chat.onSystemMessageListener = function (message) {\n            var _a;\n            console.log(\"EVENT: receive system message: \".concat(JSON.stringify(message)));\n            var resultMessage = new _dto_message_RemoteMessageDTO__WEBPACK_IMPORTED_MODULE_2__.RemoteMessageDTO();\n            resultMessage.message = message.body || 'system message';\n            resultMessage.notification_type =\n                message.extension.notification_type || _Domain_entity_NotificationTypes__WEBPACK_IMPORTED_MODULE_14__.NotificationTypes.UPDATE_DIALOG;\n            resultMessage.dialogId = ((_a = message === null || message === void 0 ? void 0 : message.extension) === null || _a === void 0 ? void 0 : _a.dialog_id) || '';\n            _this.subscriptionOnSystemMessages[resultMessage.notification_type].informSubscribers(resultMessage, _Domain_entity_EventMessageType__WEBPACK_IMPORTED_MODULE_15__[\"default\"].SystemMessage);\n        };\n        function ToRemoteMessageDTO(message) {\n            var _a, _b, _c, _d, _e;\n            var resultMessage = new _dto_message_RemoteMessageDTO__WEBPACK_IMPORTED_MODULE_2__.RemoteMessageDTO();\n            resultMessage.id = message.id;\n            resultMessage.message = message.body;\n            resultMessage.markable = message.markable\n                ? message.markable.toString()\n                : '0';\n            resultMessage.dialogId = ((_a = message === null || message === void 0 ? void 0 : message.extension) === null || _a === void 0 ? void 0 : _a.dialog_id) || '';\n            // eslint-disable-next-line no-nested-ternary\n            resultMessage.recipient_id = (message === null || message === void 0 ? void 0 : message.recipient_id)\n                ? parseInt(message === null || message === void 0 ? void 0 : message.recipient_id, 10)\n                : ((_b = message === null || message === void 0 ? void 0 : message.extension) === null || _b === void 0 ? void 0 : _b.sender_id)\n                    ? (_c = message === null || message === void 0 ? void 0 : message.extension) === null || _c === void 0 ? void 0 : _c.sender_id\n                    : 0;\n            resultMessage.sender_id = ((_d = message === null || message === void 0 ? void 0 : message.extension) === null || _d === void 0 ? void 0 : _d.sender_id)\n                ? (_e = message === null || message === void 0 ? void 0 : message.extension) === null || _e === void 0 ? void 0 : _e.sender_id\n                : 0;\n            resultMessage.notification_type =\n                message.notification_type || message.extension.notification_type;\n            resultMessage.date_sent = message.extension.date_sent\n                ? parseInt(message.extension.date_sent, 10)\n                : 0;\n            resultMessage.delivered_ids = [];\n            // resultMessage.attachments = message.extension.attachments || [];\n            resultMessage.attachments = _Mapper_MessageDTOMapper__WEBPACK_IMPORTED_MODULE_10__.MessageDTOMapper.transformAttachment(message.extension.attachments ? message.extension.attachments : []);\n            return resultMessage;\n        }\n        QB.chat.onMessageListener = function (userId, message) {\n            console.log(\"EVENT: receive  message for userid: \".concat(userId, \", error: \").concat((0,_utils_parse__WEBPACK_IMPORTED_MODULE_12__.stringifyError)(message)));\n            var resultMessage = ToRemoteMessageDTO(message);\n            _this.subscriptionOnChatMessages.informSubscribers(resultMessage, _Domain_entity_EventMessageType__WEBPACK_IMPORTED_MODULE_15__[\"default\"].RegularMessage);\n        };\n        QB.chat.onMessageTypingListener = function (isTyping, userId, dialogId) {\n            var _a;\n            console.log(\"EVENT: receive typing: \".concat(isTyping ? 'true' : 'false', \", dialog id: \").concat(dialogId, \" userid: \").concat(userId));\n            if (_this._authProcessed && ((_a = _this.authInformation) === null || _a === void 0 ? void 0 : _a.userId) === userId)\n                return;\n            var resultMessage = {\n                eventMessageType: _Domain_entity_EventMessageType__WEBPACK_IMPORTED_MODULE_15__[\"default\"].LocalMessage,\n                messageInfo: undefined,\n                messageStatus: { isTyping: isTyping, userId: userId, dialogId: dialogId },\n                notificationTypes: undefined,\n            };\n            _this.subscriptionOnMessageStatus.informSubscribers(resultMessage, _Domain_entity_EventMessageType__WEBPACK_IMPORTED_MODULE_15__[\"default\"].LocalMessage);\n        };\n        QB.chat.onSessionExpiredListener = function (error) {\n            console.log('call  onSessionExpiredListener');\n            console.timeLog('onSessionExpiredListener');\n            var result = true;\n            if (error) {\n                console.log('EVENT:onSessionExpiredListener - error: ', (0,_utils_parse__WEBPACK_IMPORTED_MODULE_12__.stringifyError)(error));\n                result = false;\n            }\n            else {\n                console.log('EVENT: Hello from SessionExpiredListener. session is expired.');\n                result = true;\n            }\n            _this.subscriptionOnSessionExpiredListener.informSubscribers(result, _Domain_entity_EventMessageType__WEBPACK_IMPORTED_MODULE_15__[\"default\"].LocalMessage);\n        };\n        QB.chat.onDisconnectedListener = function () {\n            console.log('EVENT: disconnect');\n        };\n        QB.chat.onReconnectListener = function () {\n            console.log('EVENT: reconnect');\n        };\n        QB.chat.onMessageErrorListener = function (messageId, error) {\n            console.log(\"EVENT: receive error messageid: \".concat(messageId, \", error: \").concat((0,_utils_parse__WEBPACK_IMPORTED_MODULE_12__.stringifyError)(error)));\n        };\n        QB.chat.onDeliveredStatusListener = function (messageId, dialogId, userId) {\n            console.log(\"EVENT: receive delivered message id: \".concat(messageId, \", dialogid: \").concat(dialogId, \" userid: \").concat(userId));\n        };\n        QB.chat.onReadStatusListener = function (messageId, dialogId, userId) {\n            console.log(\"EVENT: receive read message id: \".concat(messageId, \", dialogid: \").concat(dialogId, \" userid: \").concat(userId));\n        };\n        //\n    };\n    // eslint-disable-next-line class-methods-use-this\n    RemoteDataSource.prototype.releaseEventsHandlers = function () {\n        QB.chat.onSessionExpiredListener = undefined;\n        QB.chat.onReconnectListener = undefined;\n        QB.chat.onDisconnectedListener = undefined;\n        QB.chat.onSystemMessageListener = undefined;\n        QB.chat.onMessageListener = undefined;\n        QB.chat.onMessageErrorListener = undefined;\n        QB.chat.onDeliveredStatusListener = undefined;\n        QB.chat.onReadStatusListener = undefined;\n        QB.chat.onMessageTypingListener = undefined;\n    };\n    RemoteDataSource.prototype.loginWithUser = function (authParams) {\n        return __awaiter(this, void 0, void 0, function () {\n            var userRequiredParams, sessionResult, session, sessionDataTmp, sessionData, authInformation, paramsConnect, connectResult;\n            var _this = this;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        if (this._needInit)\n                            return [2 /*return*/];\n                        if (this._authProcessed)\n                            return [2 /*return*/];\n                        //\n                        console.log('CALL createUserSession....');\n                        userRequiredParams = {\n                            login: authParams.userName,\n                            password: authParams.password,\n                        };\n                        return [4 /*yield*/, this.createUserSession(userRequiredParams).catch(function (e) {\n                                _this._needInit = true;\n                                _this._authProcessed = false;\n                                console.log(\"EXCEPTION IN CREATE USER SESSION (\".concat(userRequiredParams.login, \") : \").concat((0,_utils_parse__WEBPACK_IMPORTED_MODULE_12__.stringifyError)(e)));\n                            })];\n                    case 1:\n                        sessionResult = _a.sent();\n                        if (!sessionResult)\n                            return [2 /*return*/];\n                        //\n                        console.log('USER DATA :  ', userRequiredParams);\n                        console.log('USER SESSION DATA :  ', sessionResult);\n                        console.log('Session token :  ', sessionResult.token);\n                        session = sessionResult;\n                        sessionDataTmp = JSON.stringify(session);\n                        sessionData = JSON.parse(sessionDataTmp);\n                        // eslint-disable-next-line @typescript-eslint/restrict-template-expressions\n                        console.log(\"user_id = \".concat(sessionData.user_id));\n                        // eslint-disable-next-line @typescript-eslint/restrict-template-expressions\n                        console.log(\"session token to chat init = \".concat(sessionData.token));\n                        authInformation = {\n                            userName: authParams.userName,\n                            userId: sessionData.user_id,\n                            sessionToken: sessionData.token,\n                            password: sessionData.token,\n                        };\n                        paramsConnect = {\n                            userId: authInformation.userId,\n                            password: authInformation.password,\n                        };\n                        console.log(paramsConnect);\n                        return [4 /*yield*/, (0,_qb_api_calls__WEBPACK_IMPORTED_MODULE_8__.QBChatConnect)(paramsConnect)];\n                    case 2:\n                        connectResult = _a.sent();\n                        if (connectResult) {\n                            //\n                            this._authInformation = authInformation;\n                            this.setAuthProcessedSuccessed();\n                            console.log('CHAT CONNECTED. CAN WORK!');\n                            console.log('CONNECTION DATA: ', JSON.stringify(authInformation));\n                            //\n                            this.initEventsHandlers();\n                            //\n                        }\n                        else {\n                            console.log('could not connect to chat');\n                        }\n                        return [2 /*return*/];\n                }\n            });\n        });\n    };\n    RemoteDataSource.prototype.getDialogsFirstPage = function () {\n        return __awaiter(this, void 0, void 0, function () {\n            var params, qbDialogs, prevDialogs, _i, _a, item, _b, _c, item, qbEntity, newDTO;\n            return __generator(this, function (_d) {\n                switch (_d.label) {\n                    case 0:\n                        params = {\n                            created_at: {\n                                lt: Date.now() / 1000,\n                            },\n                            sort_desc: 'created_at',\n                            limit: 100,\n                        };\n                        console.log('Chat connected. Get dialog.list....');\n                        return [4 /*yield*/, (0,_qb_api_calls__WEBPACK_IMPORTED_MODULE_8__.QBGetDialogs)(params)];\n                    case 1:\n                        qbDialogs = _d.sent();\n                        if (!qbDialogs) return [3 /*break*/, 12];\n                        console.log('Ok... have dialog.list: ', JSON.stringify(qbDialogs));\n                        return [4 /*yield*/, this.getDialogs()];\n                    case 2:\n                        prevDialogs = _d.sent();\n                        _i = 0, _a = prevDialogs.dialogs;\n                        _d.label = 3;\n                    case 3:\n                        if (!(_i < _a.length)) return [3 /*break*/, 6];\n                        item = _a[_i];\n                        // eslint-disable-next-line no-await-in-loop\n                        return [4 /*yield*/, this.deleteDialog(item)];\n                    case 4:\n                        // eslint-disable-next-line no-await-in-loop\n                        _d.sent();\n                        _d.label = 5;\n                    case 5:\n                        _i++;\n                        return [3 /*break*/, 3];\n                    case 6:\n                        _b = 0, _c = qbDialogs.items;\n                        _d.label = 7;\n                    case 7:\n                        if (!(_b < _c.length)) return [3 /*break*/, 11];\n                        item = _c[_b];\n                        qbEntity = item;\n                        return [4 /*yield*/, this.dialogDTOMapper.toTDO(qbEntity)];\n                    case 8:\n                        newDTO = _d.sent();\n                        // eslint-disable-next-line no-await-in-loop\n                        return [4 /*yield*/, this.createDialog(newDTO)];\n                    case 9:\n                        // eslint-disable-next-line no-await-in-loop\n                        _d.sent();\n                        _d.label = 10;\n                    case 10:\n                        _b++;\n                        return [3 /*break*/, 7];\n                    case 11:\n                        console.log('DATA COMPLETED');\n                        _d.label = 12;\n                    case 12: return [2 /*return*/];\n                }\n            });\n        });\n    };\n    RemoteDataSource.prototype.getDialogs = function (pagination) {\n        return __awaiter(this, void 0, void 0, function () {\n            var currentPagination, pageNumber, perPage, params, dialogsDTO, qbDialogs, _i, _a, item, qbEntity, newDTO;\n            return __generator(this, function (_b) {\n                switch (_b.label) {\n                    case 0:\n                        currentPagination = pagination || new _Domain_repository_Pagination__WEBPACK_IMPORTED_MODULE_5__.Pagination();\n                        console.log('call getDialogs in RemoteDataSourceMock param pagination: ', JSON.stringify(pagination));\n                        console.log('call getDialogs in RemoteDataSourceMock with result pagination: ', JSON.stringify(currentPagination));\n                        pageNumber = currentPagination.getCurrentPage() || 1;\n                        console.log('pageNumber: ', pageNumber);\n                        perPage = currentPagination.perPage || 100;\n                        console.log('perPage: ', perPage);\n                        params = {\n                            created_at: {\n                                lt: Date.now() / 1000,\n                            },\n                            sort_desc: 'created_at',\n                            page: pageNumber,\n                            // per_page: perPage,\n                            limit: perPage,\n                            type: {\n                                in: [2, 3],\n                            },\n                        };\n                        // filter['type[in]'] = [3, 2].join(',');\n                        console.log('call getDialogs in RemoteDataSourceMock with params: ', JSON.stringify(params));\n                        dialogsDTO = [];\n                        return [4 /*yield*/, (0,_qb_api_calls__WEBPACK_IMPORTED_MODULE_8__.QBGetDialogs)(params)];\n                    case 1:\n                        qbDialogs = _b.sent();\n                        if (!qbDialogs) return [3 /*break*/, 5];\n                        console.log(\"request completed. have: total_entries \".concat(qbDialogs.total_entries, \", limit: \").concat(qbDialogs.limit, \", skip: \").concat(qbDialogs.skip, \" items: \").concat(JSON.stringify(qbDialogs.items)));\n                        currentPagination = new _Domain_repository_Pagination__WEBPACK_IMPORTED_MODULE_5__.Pagination(0, perPage);\n                        currentPagination.totalPages = qbDialogs.total_entries / perPage;\n                        currentPagination.setCurrentPage(pageNumber);\n                        _i = 0, _a = qbDialogs.items;\n                        _b.label = 2;\n                    case 2:\n                        if (!(_i < _a.length)) return [3 /*break*/, 5];\n                        item = _a[_i];\n                        qbEntity = item;\n                        return [4 /*yield*/, this.dialogDTOMapper.toTDO(qbEntity)];\n                    case 3:\n                        newDTO = _b.sent();\n                        dialogsDTO.push(newDTO);\n                        _b.label = 4;\n                    case 4:\n                        _i++;\n                        return [3 /*break*/, 2];\n                    case 5: \n                    /*\n                        await Promise.all(\n                      fromRemote.ResultData.map(async (entity) => {\n                        // eslint-disable-next-line no-return-await\n                        return await this.dialogRepository.saveDialogToLocal(entity);\n                      }),\n                    );\n                     */\n                    return [2 /*return*/, Promise.resolve(new _dto_dialog_RemoteDialogsDTO__WEBPACK_IMPORTED_MODULE_1__.RemoteDialogsDTO(dialogsDTO, currentPagination))];\n                }\n            });\n        });\n    };\n    // eslint-disable-next-line class-methods-use-this\n    RemoteDataSource.prototype.createDialog = function (dto) {\n        return __awaiter(this, void 0, void 0, function () {\n            var qbEntity, qbDialog, participantId, participants, data, newDTO;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        console.log('call createDialog in remote with params: ', JSON.stringify(dto));\n                        return [4 /*yield*/, this.dialogDTOMapper.fromDTO(dto)];\n                    case 1:\n                        qbEntity = _a.sent();\n                        if (!(qbEntity.type === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_13__.DialogType[\"private\"])) return [3 /*break*/, 3];\n                        participantId = qbEntity.occupants_ids[0];\n                        return [4 /*yield*/, (0,_qb_api_calls__WEBPACK_IMPORTED_MODULE_8__.QBCreatePrivateDialog)(participantId, qbEntity.name)];\n                    case 2:\n                        qbDialog = _a.sent();\n                        return [3 /*break*/, 5];\n                    case 3:\n                        if (!(qbEntity.type === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_13__.DialogType.group)) return [3 /*break*/, 5];\n                        participants = qbEntity.occupants_ids;\n                        data = { photo: qbEntity.photo };\n                        return [4 /*yield*/, (0,_qb_api_calls__WEBPACK_IMPORTED_MODULE_8__.QBCreateGroupDialog)(participants, qbEntity.name, data)];\n                    case 4:\n                        qbDialog = _a.sent();\n                        _a.label = 5;\n                    case 5:\n                        if (qbDialog === null || qbDialog === undefined) {\n                            return [2 /*return*/, Promise.reject(new _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.RemoteDataSourceException(_exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_MESSAGE, _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_CODE))];\n                        }\n                        return [4 /*yield*/, this.dialogDTOMapper.toTDO(qbDialog)];\n                    case 6:\n                        newDTO = _a.sent();\n                        console.log('have result in createDialog in remote ds: ', JSON.stringify(newDTO));\n                        return [2 /*return*/, Promise.resolve(newDTO)];\n                }\n            });\n        });\n    };\n    RemoteDataSource.prototype.updateDialog = function (dto) {\n        var _a;\n        return __awaiter(this, void 0, void 0, function () {\n            var qbEntity, data, qbDialogs, newDTO;\n            return __generator(this, function (_b) {\n                switch (_b.label) {\n                    case 0: return [4 /*yield*/, this.dialogDTOMapper.fromDTO(dto)];\n                    case 1:\n                        qbEntity = _b.sent();\n                        data = {};\n                        if (qbEntity.name && qbEntity.name.length > 0) {\n                            data = __assign({ name: qbEntity.name }, data);\n                        }\n                        if (qbEntity.photo) {\n                            data = __assign(__assign({}, data), { photo: qbEntity.photo });\n                        }\n                        if (((_a = qbEntity.new_occupants_ids) === null || _a === void 0 ? void 0 : _a.length) > 0) {\n                            data = __assign(__assign({}, data), { push_all: { occupants_ids: qbEntity.new_occupants_ids } });\n                        }\n                        return [4 /*yield*/, (0,_qb_api_calls__WEBPACK_IMPORTED_MODULE_8__.QBUpdateDialog)(qbEntity._id, data)];\n                    case 2:\n                        qbDialogs = _b.sent();\n                        if (qbDialogs === null || qbDialogs === undefined) {\n                            return [2 /*return*/, Promise.reject(new _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.RemoteDataSourceException(_exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_MESSAGE, _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_CODE))];\n                        }\n                        return [4 /*yield*/, this.dialogDTOMapper.toTDO(qbDialogs)];\n                    case 3:\n                        newDTO = _b.sent();\n                        return [2 /*return*/, Promise.resolve(newDTO)];\n                }\n            });\n        });\n    };\n    // eslint-disable-next-line class-methods-use-this\n    RemoteDataSource.prototype.getDialog = function (dto) {\n        return __awaiter(this, void 0, void 0, function () {\n            var qbEntity, qbDialog, qbEntityFromDB, resultDTO;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0: return [4 /*yield*/, this.dialogDTOMapper.fromDTO(dto)];\n                    case 1:\n                        qbEntity = _a.sent();\n                        return [4 /*yield*/, (0,_qb_api_calls__WEBPACK_IMPORTED_MODULE_8__.QBGetDialogById)(qbEntity._id)];\n                    case 2:\n                        qbDialog = _a.sent();\n                        if (qbDialog === null || qbDialog === undefined) {\n                            return [2 /*return*/, Promise.reject(new _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.RemoteDataSourceException(_exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_MESSAGE, _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_CODE))];\n                        }\n                        qbEntityFromDB = qbDialog.items[0];\n                        return [4 /*yield*/, this.dialogDTOMapper.toTDO(qbEntityFromDB)];\n                    case 3:\n                        resultDTO = _a.sent();\n                        return [2 /*return*/, Promise.resolve(resultDTO)];\n                }\n            });\n        });\n    };\n    // eslint-disable-next-line class-methods-use-this\n    RemoteDataSource.prototype.deleteDialog = function (dto) {\n        return __awaiter(this, void 0, void 0, function () {\n            var qbEntity;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0: return [4 /*yield*/, this.dialogDTOMapper.fromDTO(dto)];\n                    case 1:\n                        qbEntity = _a.sent();\n                        return [4 /*yield*/, (0,_qb_api_calls__WEBPACK_IMPORTED_MODULE_8__.QBDeleteDialog)([qbEntity._id]).catch(function () {\n                                throw new _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.RemoteDataSourceException(_exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_MESSAGE, _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_CODE);\n                            })];\n                    case 2:\n                        _a.sent();\n                        return [2 /*return*/, Promise.resolve()];\n                }\n            });\n        });\n    };\n    RemoteDataSource.prototype.deleteUsersFromDialog = function (dialogDTO, usersDTO) {\n        return __awaiter(this, void 0, void 0, function () {\n            var qbEntity, usersIds, data, qbDialogs;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0: return [4 /*yield*/, this.dialogDTOMapper.fromDTO(dialogDTO)];\n                    case 1:\n                        qbEntity = _a.sent();\n                        usersIds = [];\n                        usersDTO.forEach(function (item) {\n                            usersIds.push(item.id);\n                        });\n                        data = {};\n                        if (usersIds.length > 0) {\n                            data = {\n                                pull_all: { occupants_ids: usersIds },\n                            };\n                        }\n                        return [4 /*yield*/, (0,_qb_api_calls__WEBPACK_IMPORTED_MODULE_8__.QBUpdateDialog)(qbEntity._id, data)];\n                    case 2:\n                        qbDialogs = _a.sent();\n                        if (qbDialogs === null || qbDialogs === undefined) {\n                            return [2 /*return*/, Promise.reject(new _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.RemoteDataSourceException(_exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_MESSAGE, _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_CODE))];\n                        }\n                        return [2 /*return*/, Promise.resolve()];\n                }\n            });\n        });\n    };\n    // eslint-disable-next-line @typescript-eslint/require-await,class-methods-use-this,@typescript-eslint/no-unused-vars\n    RemoteDataSource.prototype.getUser = function (dto) {\n        return __awaiter(this, void 0, void 0, function () {\n            var currentItem, dtoUser, e_1;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0: return [4 /*yield*/, (0,_qb_api_calls__WEBPACK_IMPORTED_MODULE_8__.QBUsersGetById)(parseInt(dto.id, 10))];\n                    case 1:\n                        currentItem = _a.sent();\n                        if (currentItem === null || currentItem === undefined) {\n                            return [2 /*return*/, Promise.reject(new _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.RemoteDataSourceException(_exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_MESSAGE, _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_CODE))];\n                        }\n                        _a.label = 2;\n                    case 2:\n                        _a.trys.push([2, 4, , 5]);\n                        return [4 /*yield*/, this.userDTOMapper.toTDO(currentItem)];\n                    case 3:\n                        dtoUser = _a.sent();\n                        return [3 /*break*/, 5];\n                    case 4:\n                        e_1 = _a.sent();\n                        console.log('problem with:');\n                        console.log(JSON.stringify(currentItem));\n                        console.log(e_1.message);\n                        console.log(e_1._description);\n                        return [3 /*break*/, 5];\n                    case 5:\n                        if (dtoUser !== null || dtoUser !== undefined) {\n                            return [2 /*return*/, Promise.resolve(dtoUser)];\n                        }\n                        return [2 /*return*/, Promise.reject(new _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.RemoteDataSourceException(_exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.NOT_FOUND_REMOTE_DATASOURCE_EXCEPTION_MESSAGE, _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.NOT_FOUND_REMOTE_DATASOURCE_EXCEPTION_CODE, \"not found user with id: \".concat(dto.id, \" (\").concat(dto.full_name, \")\")))];\n                }\n            });\n        });\n    };\n    // eslint-disable-next-line @typescript-eslint/require-await,class-methods-use-this,@typescript-eslint/no-unused-vars\n    RemoteDataSource.prototype.getUsers = function (remoteUsersDTO) {\n        return __awaiter(this, void 0, void 0, function () {\n            var usersDTO, _i, _a, item, userDTO;\n            return __generator(this, function (_b) {\n                switch (_b.label) {\n                    case 0:\n                        usersDTO = new Array();\n                        _i = 0, _a = remoteUsersDTO.users;\n                        _b.label = 1;\n                    case 1:\n                        if (!(_i < _a.length)) return [3 /*break*/, 4];\n                        item = _a[_i];\n                        return [4 /*yield*/, this.getUser(item)];\n                    case 2:\n                        userDTO = _b.sent();\n                        usersDTO.push(userDTO);\n                        _b.label = 3;\n                    case 3:\n                        _i++;\n                        return [3 /*break*/, 1];\n                    case 4: return [2 /*return*/, Promise.resolve(new _dto_user_RemoteUsersDTO__WEBPACK_IMPORTED_MODULE_3__.RemoteUsersDTO(usersDTO, new _Domain_repository_Pagination__WEBPACK_IMPORTED_MODULE_5__.Pagination()))];\n                }\n            });\n        });\n    };\n    //\n    // eslint-disable-next-line class-methods-use-this\n    RemoteDataSource.prototype.getAllUsers = function (pagination, \n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    filter) {\n        return __awaiter(this, void 0, void 0, function () {\n            var users, pageTemplate, pageNumber, resultPagination, params, response, currentItem, _i, _a, item, dtoUser, e_2;\n            return __generator(this, function (_b) {\n                switch (_b.label) {\n                    case 0:\n                        console.log('call getAllUsers');\n                        console.log('pagination: ', JSON.stringify(pagination));\n                        users = [];\n                        pageTemplate = {\n                            pageSize: pagination.perPage,\n                            startPageNumber: pagination.getCurrentPage(),\n                        };\n                        pageNumber = pageTemplate.startPageNumber;\n                        resultPagination = new _Domain_repository_Pagination__WEBPACK_IMPORTED_MODULE_5__.Pagination(pageNumber, pageTemplate.startPageNumber);\n                        params = {\n                            per_page: pageTemplate.pageSize,\n                            page: pageNumber,\n                        };\n                        if (filter && filter.length > 2) {\n                            params = {\n                                full_name: filter,\n                                per_page: pageTemplate.pageSize,\n                                page: pageNumber > 0 ? pageNumber : 1,\n                            };\n                        }\n                        console.log('params: ', JSON.stringify(params));\n                        return [4 /*yield*/, (0,_qb_api_calls__WEBPACK_IMPORTED_MODULE_8__.QBUsersGet)(params).catch(function (err) {\n                                console.log('catch call QBUsersGet : ', (0,_utils_parse__WEBPACK_IMPORTED_MODULE_12__.stringifyError)(err));\n                            })];\n                    case 1:\n                        response = _b.sent();\n                        if (response === undefined || response === null) {\n                            throw new _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.RemoteDataSourceException(_exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.NOT_FOUND_REMOTE_DATASOURCE_EXCEPTION_MESSAGE, _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.NOT_FOUND_REMOTE_DATASOURCE_EXCEPTION_CODE, \"params: \".concat(JSON.stringify(params)));\n                        }\n                        console.log('response: total_entries: ', response.total_entries);\n                        console.log('response: per_page: ', response.per_page);\n                        console.log('response: current_page: ', response.current_page);\n                        resultPagination.totalPages =\n                            response.total_entries / pageTemplate.pageSize;\n                        resultPagination.setCurrentPage(response.current_page);\n                        console.log(\"response result: count of items \".concat(response.items.length, \" items: \").concat(JSON.stringify(response.items)));\n                        _b.label = 2;\n                    case 2:\n                        _b.trys.push([2, 7, , 8]);\n                        _i = 0, _a = response.items;\n                        _b.label = 3;\n                    case 3:\n                        if (!(_i < _a.length)) return [3 /*break*/, 6];\n                        item = _a[_i];\n                        currentItem = item.user;\n                        return [4 /*yield*/, this.userDTOMapper.toTDO(currentItem)];\n                    case 4:\n                        dtoUser = _b.sent();\n                        users.push(dtoUser);\n                        _b.label = 5;\n                    case 5:\n                        _i++;\n                        return [3 /*break*/, 3];\n                    case 6: return [3 /*break*/, 8];\n                    case 7:\n                        e_2 = _b.sent();\n                        console.log('problem with:');\n                        console.log(JSON.stringify(currentItem));\n                        console.log(e_2.message);\n                        console.log(e_2._description);\n                        return [3 /*break*/, 8];\n                    case 8: return [2 /*return*/, { ResultData: users, PaginationResult: resultPagination }];\n                }\n            });\n        });\n    };\n    //\n    //\n    // eslint-disable-next-line @typescript-eslint/require-await,class-methods-use-this,@typescript-eslint/no-unused-vars,@typescript-eslint/ban-ts-comment\n    // @ts-ignore\n    // eslint-disable-next-line @typescript-eslint/require-await,class-methods-use-this\n    RemoteDataSource.prototype.getMessages = function (dialogId, \n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    pagination) {\n        var _a;\n        return __awaiter(this, void 0, void 0, function () {\n            var messagesDTO, qbMessages, currentUserId;\n            var _this = this;\n            return __generator(this, function (_b) {\n                switch (_b.label) {\n                    case 0:\n                        messagesDTO = new Array();\n                        //\n                        return [4 /*yield*/, (0,_qb_api_calls__WEBPACK_IMPORTED_MODULE_8__.QBJoinDialog)(dialogId).catch(function () {\n                                throw new _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.RemoteDataSourceException(_exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_MESSAGE, _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_CODE);\n                            })];\n                    case 1:\n                        //\n                        _b.sent();\n                        return [4 /*yield*/, (0,_qb_api_calls__WEBPACK_IMPORTED_MODULE_8__.QBChatGetMessages)(dialogId)];\n                    case 2:\n                        qbMessages = _b.sent();\n                        if (qbMessages === null || qbMessages === undefined) {\n                            return [2 /*return*/, Promise.reject(new _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.RemoteDataSourceException(_exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_MESSAGE, _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_CODE))];\n                        }\n                        console.log(\"GET MESSAGES \".concat(qbMessages.items.length, \" FROM SERVER: \").concat(JSON.stringify(qbMessages), \" \"));\n                        currentUserId = (_a = this._authInformation) === null || _a === void 0 ? void 0 : _a.userId;\n                        return [4 /*yield*/, Promise.all(qbMessages.items.map(function (currentItem) { return __awaiter(_this, void 0, void 0, function () {\n                                var dtoMessage;\n                                return __generator(this, function (_a) {\n                                    switch (_a.label) {\n                                        case 0: return [4 /*yield*/, this.messageDTOMapper.toTDO(currentItem)];\n                                        case 1:\n                                            dtoMessage = _a.sent();\n                                            if (this._authProcessed &&\n                                                currentUserId &&\n                                                dtoMessage.read_ids &&\n                                                dtoMessage.read_ids.length > 0 &&\n                                                dtoMessage.read_ids.includes(currentUserId) === false) {\n                                                (0,_qb_api_calls__WEBPACK_IMPORTED_MODULE_8__.QBChatMarkMessageRead)({\n                                                    messageId: dtoMessage.id,\n                                                    dialogId: dtoMessage.dialogId,\n                                                    userId: currentUserId,\n                                                });\n                                            }\n                                            messagesDTO.push(dtoMessage);\n                                            return [2 /*return*/, dtoMessage];\n                                    }\n                                });\n                            }); }))];\n                    case 3:\n                        _b.sent();\n                        return [2 /*return*/, Promise.resolve(new _dto_message_RemoteMessagesDTO__WEBPACK_IMPORTED_MODULE_4__.RemoteMessagesDTO(messagesDTO, new _Domain_repository_Pagination__WEBPACK_IMPORTED_MODULE_5__.Pagination()))];\n                }\n            });\n        });\n    };\n    // eslint-disable-next-line class-methods-use-this\n    RemoteDataSource.prototype.typingMessageStart = function (dialogDTO, senderId) {\n        return __awaiter(this, void 0, void 0, function () {\n            var qbEntity;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0: return [4 /*yield*/, this.dialogDTOMapper.fromDTO(dialogDTO)];\n                    case 1:\n                        qbEntity = _a.sent();\n                        return [4 /*yield*/, (0,_qb_api_calls__WEBPACK_IMPORTED_MODULE_8__.QBJoinDialog)(dialogDTO.id).catch(function () {\n                                throw new _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.RemoteDataSourceException(_exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_MESSAGE, _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_CODE);\n                            })];\n                    case 2:\n                        _a.sent();\n                        (0,_qb_api_calls__WEBPACK_IMPORTED_MODULE_8__.QBSendIsTypingStatus)(qbEntity, senderId);\n                        return [2 /*return*/, Promise.resolve()];\n                }\n            });\n        });\n    };\n    // eslint-disable-next-line class-methods-use-this\n    RemoteDataSource.prototype.typingMessageStop = function (dialogDTO, senderId) {\n        return __awaiter(this, void 0, void 0, function () {\n            var qbEntity;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0: return [4 /*yield*/, this.dialogDTOMapper.fromDTO(dialogDTO)];\n                    case 1:\n                        qbEntity = _a.sent();\n                        (0,_qb_api_calls__WEBPACK_IMPORTED_MODULE_8__.QBSendIsStopTypingStatus)(qbEntity, senderId);\n                        return [2 /*return*/, Promise.resolve()];\n                }\n            });\n        });\n    };\n    // eslint-disable-next-line @typescript-eslint/require-await,class-methods-use-this,@typescript-eslint/no-unused-vars\n    RemoteDataSource.prototype.sendMessage = function (dto) {\n        var _a, _b, _c, _d;\n        return __awaiter(this, void 0, void 0, function () {\n            var messageText, qbEntity, dialogJid, qbMessages;\n            return __generator(this, function (_e) {\n                switch (_e.label) {\n                    case 0:\n                        console.log('call sendMessage');\n                        messageText = '';\n                        switch (dto.notification_type) {\n                            case _Domain_entity_NotificationTypes__WEBPACK_IMPORTED_MODULE_14__.NotificationTypes.DELETE_LEAVE_DIALOG: {\n                                messageText = \"\".concat(((_a = this.authInformation) === null || _a === void 0 ? void 0 : _a.userName) || 'owner', \" has left the chat.\");\n                                break;\n                            }\n                            case _Domain_entity_NotificationTypes__WEBPACK_IMPORTED_MODULE_14__.NotificationTypes.NEW_DIALOG: {\n                                messageText = \"\".concat(((_b = this.authInformation) === null || _b === void 0 ? void 0 : _b.userName) || 'owner', \" create the chat\");\n                                break;\n                            }\n                            case _Domain_entity_NotificationTypes__WEBPACK_IMPORTED_MODULE_14__.NotificationTypes.UPDATE_DIALOG: {\n                                messageText = \"\".concat(((_c = this.authInformation) === null || _c === void 0 ? void 0 : _c.userName) || 'owner', \" update the chat\");\n                                break;\n                            }\n                            default: {\n                                messageText = dto.message;\n                                break;\n                            }\n                        }\n                        qbEntity = {\n                            type: dto.dialog_type === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_13__.DialogType[\"private\"] ? 'chat' : 'groupchat',\n                            body: messageText,\n                            notification_type: dto.notification_type,\n                            dialog_id: dto.dialogId,\n                            extension: {\n                                save_to_history: 1,\n                                dialog_id: dto.dialogId,\n                                notification_type: dto.notification_type,\n                                sender_id: dto.sender_id || dto.recipient_id,\n                            },\n                            markable: 1,\n                        };\n                        if (((_d = dto.attachments) === null || _d === void 0 ? void 0 : _d.length) > 0) {\n                            qbEntity.extension.attachments = [];\n                            dto.attachments.forEach(function (att) {\n                                var _a;\n                                var chatMessageAttachment = {\n                                    id: att.id,\n                                    name: att.name,\n                                    size: att.size,\n                                    type: att.type.toString(),\n                                    uid: att.uid,\n                                };\n                                (_a = qbEntity.extension.attachments) === null || _a === void 0 ? void 0 : _a.push(chatMessageAttachment);\n                            });\n                        }\n                        return [4 /*yield*/, (0,_qb_api_calls__WEBPACK_IMPORTED_MODULE_8__.QBJoinDialog)(dto.dialogId).catch(function () {\n                                throw new _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.RemoteDataSourceException(_exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_MESSAGE, _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_CODE);\n                            })];\n                    case 1:\n                        _e.sent();\n                        dialogJid = QB.chat.helpers.getRoomJidFromDialogId(dto.dialogId);\n                        return [4 /*yield*/, (0,_qb_api_calls__WEBPACK_IMPORTED_MODULE_8__.QBChatSendMessage)(dialogJid, qbEntity)];\n                    case 2:\n                        qbMessages = _e.sent();\n                        if (qbMessages === null || qbMessages === undefined) {\n                            return [2 /*return*/, Promise.reject(new _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.RemoteDataSourceException(_exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_MESSAGE, _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_CODE))];\n                        }\n                        console.log('regular message was sent');\n                        return [2 /*return*/, Promise.resolve(dto)];\n                }\n            });\n        });\n    };\n    // eslint-disable-next-line class-methods-use-this\n    RemoteDataSource.prototype.sendSystemMessage = function (dto) {\n        var _a;\n        return __awaiter(this, void 0, void 0, function () {\n            var qbMessages, systemMessage;\n            return __generator(this, function (_b) {\n                switch (_b.label) {\n                    case 0:\n                        if (!(dto.notification_type && dto.notification_type.length > 0)) return [3 /*break*/, 2];\n                        systemMessage = {\n                            body: null,\n                            id: '',\n                            userId: ((_a = this.authInformation) === null || _a === void 0 ? void 0 : _a.userId) || 0,\n                            extension: {\n                                notification_type: dto.notification_type,\n                                dialog_id: dto.dialogId,\n                            },\n                        };\n                        return [4 /*yield*/, (0,_qb_api_calls__WEBPACK_IMPORTED_MODULE_8__.QBChatSendSystemMessage)(dto.recipient_id, systemMessage)];\n                    case 1:\n                        qbMessages = _b.sent();\n                        _b.label = 2;\n                    case 2:\n                        if (qbMessages === null || qbMessages === undefined) {\n                            return [2 /*return*/, Promise.reject(new _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.RemoteDataSourceException(_exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_MESSAGE, _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_CODE))];\n                        }\n                        console.log('system message was sent');\n                        return [2 /*return*/, Promise.resolve(true)];\n                }\n            });\n        });\n    };\n    // eslint-disable-next-line @typescript-eslint/require-await,class-methods-use-this,@typescript-eslint/no-unused-vars\n    RemoteDataSource.prototype.updateMessage = function (\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    dto) {\n        return __awaiter(this, void 0, void 0, function () {\n            var qbEntity, storageValue, result, qbMessages, newDTO;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0: return [4 /*yield*/, this.messageDTOMapper.fromDTO(dto)];\n                    case 1:\n                        qbEntity = _a.sent();\n                        storageValue = localStorage.getItem('qbMessages');\n                        result = storageValue !== null && storageValue !== void 0 ? storageValue : '';\n                        qbMessages = result === '' ? {} : JSON.parse(result);\n                        if (qbMessages === null || qbMessages === undefined) {\n                            return [2 /*return*/, Promise.reject(new _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.RemoteDataSourceException(_exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_MESSAGE, _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_CODE))];\n                        }\n                        qbMessages[qbEntity._id] = qbEntity;\n                        // TODO: How get updated QBChatDialog and return to DTO\n                        localStorage.setItem('qbMessages', JSON.stringify(qbMessages));\n                        return [4 /*yield*/, this.messageDTOMapper.toTDO(qbEntity)];\n                    case 2:\n                        newDTO = _a.sent();\n                        return [2 /*return*/, Promise.resolve(newDTO)];\n                }\n            });\n        });\n    };\n    // eslint-disable-next-line @typescript-eslint/require-await,class-methods-use-this,@typescript-eslint/no-unused-vars\n    RemoteDataSource.prototype.deleteMessage = function (dto) {\n        return __awaiter(this, void 0, void 0, function () {\n            var qbEntity, storageValue, result, qbMessages, filteredqbMessages;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0: return [4 /*yield*/, this.messageDTOMapper.fromDTO(dto)];\n                    case 1:\n                        qbEntity = _a.sent();\n                        storageValue = localStorage.getItem('qbMessages');\n                        result = storageValue !== null && storageValue !== void 0 ? storageValue : '';\n                        qbMessages = result === '' ? {} : JSON.parse(result);\n                        if (qbMessages === null || qbMessages === undefined) {\n                            return [2 /*return*/, Promise.reject(new _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.RemoteDataSourceException(_exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_MESSAGE, _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_CODE))];\n                        }\n                        filteredqbMessages = {};\n                        Object.keys(qbMessages).forEach(function (key) {\n                            if (key !== qbEntity._id) {\n                                filteredqbMessages[key] = qbMessages[key];\n                            }\n                        });\n                        localStorage.setItem('qbMessages', JSON.stringify(filteredqbMessages));\n                        return [2 /*return*/, Promise.resolve()];\n                }\n            });\n        });\n    };\n    // eslint-disable-next-line @typescript-eslint/require-await,class-methods-use-this,@typescript-eslint/no-unused-vars\n    RemoteDataSource.prototype.createFile = function (dto) {\n        return __awaiter(this, void 0, void 0, function () {\n            var qbParam, result, qbContentObject, newDto;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        console.log('call createFile in remote with params: ', JSON.stringify(dto));\n                        return [4 /*yield*/, this.fileDTOMapper.fromDTO(dto)];\n                    case 1:\n                        qbParam = _a.sent();\n                        return [4 /*yield*/, (0,_qb_api_calls__WEBPACK_IMPORTED_MODULE_8__.QBCreateAndUploadContent)(qbParam).catch(function (err) {\n                                console.log('Error: ', (0,_utils_parse__WEBPACK_IMPORTED_MODULE_12__.stringifyError)(err));\n                                throw new _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.RemoteDataSourceException(_exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_MESSAGE, _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_CODE, \"exception: \".concat((0,_utils_parse__WEBPACK_IMPORTED_MODULE_12__.stringifyError)(err)));\n                            })];\n                    case 2:\n                        result = _a.sent();\n                        if (result === null || result === undefined) {\n                            return [2 /*return*/, Promise.reject(new _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.RemoteDataSourceException(_exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_MESSAGE, _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_CODE))];\n                        }\n                        qbContentObject = result;\n                        return [4 /*yield*/, this.fileDTOMapper.toTDO(qbContentObject)];\n                    case 3:\n                        newDto = _a.sent();\n                        console.log('have result in createFile in remote ds: ', JSON.stringify(newDto));\n                        return [2 /*return*/, Promise.resolve(newDto)];\n                }\n            });\n        });\n    };\n    // eslint-disable-next-line @typescript-eslint/require-await,class-methods-use-this,@typescript-eslint/no-unused-vars\n    RemoteDataSource.prototype.getFile = function (dto) {\n        return __awaiter(this, void 0, void 0, function () {\n            return __generator(this, function (_a) {\n                throw new Error('Method not implemented.');\n            });\n        });\n    };\n    // eslint-disable-next-line @typescript-eslint/require-await,class-methods-use-this,@typescript-eslint/no-unused-vars\n    RemoteDataSource.prototype.deleteFile = function (dto) {\n        return __awaiter(this, void 0, void 0, function () {\n            return __generator(this, function (_a) {\n                throw new Error('Method not implemented.');\n            });\n        });\n    };\n    // eslint-disable-next-line @typescript-eslint/require-await,class-methods-use-this,@typescript-eslint/no-unused-vars\n    RemoteDataSource.prototype.subscribeToChatConnectionEvents = function (\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    fileId) {\n        return __awaiter(this, void 0, void 0, function () {\n            return __generator(this, function (_a) {\n                throw new Error('Method not implemented.');\n            });\n        });\n    };\n    return RemoteDataSource;\n}());\n\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/Data/source/remote/RemoteDataSource.ts?");
 
 /***/ }),
 
@@ -1602,28 +1558,6 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 
 /***/ }),
 
-/***/ "./src/MyButton/MyButton.tsx":
-/*!***********************************!*\
-  !*** ./src/MyButton/MyButton.tsx ***!
-  \***********************************/
-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\n/* harmony import */ var _MyButton_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./MyButton.scss */ \"./src/MyButton/MyButton.scss\");\nvar __assign = (undefined && undefined.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nvar __rest = (undefined && undefined.__rest) || function (s, e) {\n    var t = {};\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n        t[p] = s[p];\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n                t[p[i]] = s[p[i]];\n        }\n    return t;\n};\n\n\nvar MyButton = function (_a) {\n    var children = _a.children, color = _a.color, big = _a.big, props = __rest(_a, [\"children\", \"color\", \"big\"]);\n    var rootClasses = ['my-button'];\n    if (big) {\n        rootClasses.push('big-btn');\n    }\n    return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"button\", __assign({}, props, { className: rootClasses.join(' '), style: { color: color } }, { children: children })));\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (MyButton);\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/MyButton/MyButton.tsx?");
-
-/***/ }),
-
-/***/ "./src/MyInput/MyInput.tsx":
-/*!*********************************!*\
-  !*** ./src/MyInput/MyInput.tsx ***!
-  \*********************************/
-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\n/* harmony import */ var _MyInput_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./MyInput.scss */ \"./src/MyInput/MyInput.scss\");\nvar __assign = (undefined && undefined.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nvar __rest = (undefined && undefined.__rest) || function (s, e) {\n    var t = {};\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n        t[p] = s[p];\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n                t[p[i]] = s[p[i]];\n        }\n    return t;\n};\n\n\nvar MyInput = function (_a) {\n    var children = _a.children, placeholer = _a.placeholer, label = _a.label, big = _a.big, props = __rest(_a, [\"children\", \"placeholer\", \"label\", \"big\"]);\n    var rootClasses = ['my-input'];\n    if (big) {\n        rootClasses.push('big-input');\n    }\n    return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"label\", { children: [label, (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"input\", __assign({ className: rootClasses.join(' '), placeholder: placeholer }, props))] }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"name\" }, { children: \"*important data\" }))] }));\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (MyInput);\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/MyInput/MyInput.tsx?");
-
-/***/ }),
-
 /***/ "./src/Presentation/Views/Base/BaseViewModel.ts":
 /*!******************************************************!*\
   !*** ./src/Presentation/Views/Base/BaseViewModel.ts ***!
@@ -1642,7 +1576,7 @@ eval("__webpack_require__.r(__webpack_exports__);\nvar BaseViewModel = /** @clas
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _components_UI_Dialogs_CreateDialog_CreateDialog__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/UI/Dialogs/CreateDialog/CreateDialog */ \"./src/Presentation/components/UI/Dialogs/CreateDialog/CreateDialog.tsx\");\n/* harmony import */ var _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../Domain/entity/DialogTypes */ \"./src/Domain/entity/DialogTypes.ts\");\n/* harmony import */ var _components_UI_Dialogs_EditDialog_EditDialog__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/UI/Dialogs/EditDialog/EditDialog */ \"./src/Presentation/components/UI/Dialogs/EditDialog/EditDialog.tsx\");\n/* harmony import */ var _components_UI_Dialogs_InviteMembers_InviteMembers__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../components/UI/Dialogs/InviteMembers/InviteMembers */ \"./src/Presentation/components/UI/Dialogs/InviteMembers/InviteMembers.tsx\");\n/* harmony import */ var _components_providers_ModalContextProvider_Modal__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../components/providers/ModalContextProvider/Modal */ \"./src/Presentation/components/providers/ModalContextProvider/Modal.tsx\");\n/* harmony import */ var _Data_Stubs__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../Data/Stubs */ \"./src/Data/Stubs.ts\");\n/* harmony import */ var _utils_parse__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../utils/parse */ \"./src/utils/parse.ts\");\n/* harmony import */ var _components_providers_QuickBloxUIKitProvider_QuickBloxUIKitProvider__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../components/providers/QuickBloxUIKitProvider/QuickBloxUIKitProvider */ \"./src/Presentation/components/providers/QuickBloxUIKitProvider/QuickBloxUIKitProvider.tsx\");\nvar __awaiter = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n    return new (P || (P = Promise))(function (resolve, reject) {\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\n    });\n};\nvar __generator = (undefined && undefined.__generator) || function (thisArg, body) {\n    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\n    return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\n    function verb(n) { return function (v) { return step([n, v]); }; }\n    function step(op) {\n        if (f) throw new TypeError(\"Generator is already executing.\");\n        while (g && (g = 0, op[0] && (_ = 0)), _) try {\n            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;\n            if (y = 0, t) op = [op[0] & 2, t.value];\n            switch (op[0]) {\n                case 0: case 1: t = op; break;\n                case 4: _.label++; return { value: op[1], done: false };\n                case 5: _.label++; y = op[1]; op = [0]; continue;\n                case 7: op = _.ops.pop(); _.trys.pop(); continue;\n                default:\n                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\n                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\n                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\n                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\n                    if (t[2]) _.ops.pop();\n                    _.trys.pop(); continue;\n            }\n            op = body.call(thisArg, _);\n        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\n        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\n    }\n};\n\n\n\n\n\n\n\n\n\n\n// eslint-disable-next-line react/function-component-definition\nvar CreateNewDialogFlow = function (_a) {\n    var dialogsViewModel = _a.dialogsViewModel;\n    var handleModal = react__WEBPACK_IMPORTED_MODULE_1___default().useContext(_components_providers_ModalContextProvider_Modal__WEBPACK_IMPORTED_MODULE_6__.ModalContext).handleModal;\n    var currentContext = react__WEBPACK_IMPORTED_MODULE_1___default().useContext(_components_providers_QuickBloxUIKitProvider_QuickBloxUIKitProvider__WEBPACK_IMPORTED_MODULE_9__.qbDataContext);\n    var remoteDataSourceMock = currentContext.storage.REMOTE_DATA_SOURCE;\n    var setUpDialogType = 1;\n    var setDialogTitle = 2;\n    var inviteUsers = 3;\n    var _b = react__WEBPACK_IMPORTED_MODULE_1___default().useState(setUpDialogType), stepToCreate = _b[0], setNumStepToCreate = _b[1];\n    var _c = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(), selectedDialogType = _c[0], setSelectedDialogType = _c[1];\n    var _d = react__WEBPACK_IMPORTED_MODULE_1___default().useState('NOT DEFINE'), dialogName = _d[0], setDialogName = _d[1];\n    var _e = react__WEBPACK_IMPORTED_MODULE_1___default().useState(undefined), uidAvatar = _e[0], setUidAvatar = _e[1];\n    (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n        if (\n        // selectedDialogType === DialogType.private ||\n        selectedDialogType === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_3__.DialogType.group) {\n            setNumStepToCreate(setDialogTitle);\n        }\n        else if (selectedDialogType === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_3__.DialogType[\"private\"]) {\n            setNumStepToCreate(inviteUsers);\n        }\n    }, [selectedDialogType]);\n    var getDialogNameHandler = function (params) {\n        console.log(params.dialogTitle);\n        setDialogName(params.dialogTitle);\n        var newUidAvatar = '';\n        console.log('before urlPhoto: ', newUidAvatar);\n        if (params.dialogAvatar) {\n            if (params.dialogAvatar !== 'null') {\n                dialogsViewModel\n                    .uploadFile(params.dialogAvatar)\n                    // eslint-disable-next-line promise/always-return\n                    .then(function (uploadedFile) {\n                    newUidAvatar = uploadedFile.uid;\n                    console.log('after urlPhoto: ', newUidAvatar);\n                    setUidAvatar(newUidAvatar);\n                    setNumStepToCreate(inviteUsers);\n                })\n                    .catch(function (error) {\n                    console.log((0,_utils_parse__WEBPACK_IMPORTED_MODULE_8__.stringifyError)(error));\n                });\n            }\n            else {\n                setUidAvatar('null');\n            }\n        }\n        else {\n            setNumStepToCreate(inviteUsers);\n        }\n    };\n    var getDialogParticipantsHandler = function (participants) { return __awaiter(void 0, void 0, void 0, function () {\n        var dialog;\n        return __generator(this, function (_a) {\n            switch (_a.label) {\n                case 0:\n                    if (!(selectedDialogType &&\n                        (_Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_3__.DialogType.group === selectedDialogType ||\n                            (selectedDialogType === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_3__.DialogType[\"private\"] && participants.length > 0)))) return [3 /*break*/, 2];\n                    dialog = _Data_Stubs__WEBPACK_IMPORTED_MODULE_7__.Stubs.createDialogEntityByTypeWithDefaultValues(selectedDialogType);\n                    dialog.name = dialogName;\n                    dialog.photo = uidAvatar || '';\n                    dialog.participantIds = participants;\n                    dialog.type = selectedDialogType;\n                    // eslint-disable-next-line promise/always-return\n                    return [4 /*yield*/, dialogsViewModel\n                            .createDialog(dialog)\n                            // eslint-disable-next-line promise/always-return\n                            .then(function (newEntity) {\n                            handleModal(false, '', '', false, false);\n                            console.log(\"HAVE CREATED DIALOG from param: \".concat(JSON.stringify(newEntity), \" from viewmodel \").concat(JSON.stringify(dialogsViewModel.entity), \" \"));\n                        })\n                            .catch(function (e) {\n                            console.log('Have exception: ', (0,_utils_parse__WEBPACK_IMPORTED_MODULE_8__.stringifyError)(e));\n                        })];\n                case 1:\n                    // eslint-disable-next-line promise/always-return\n                    _a.sent();\n                    _a.label = 2;\n                case 2: return [2 /*return*/];\n            }\n        });\n    }); };\n    var closeModal = function () {\n        handleModal(false, '', '', false, false);\n    };\n    return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", { children: [stepToCreate === setUpDialogType && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_Dialogs_CreateDialog_CreateDialog__WEBPACK_IMPORTED_MODULE_2__[\"default\"], { createPrivateDialogClickHandler: function () {\n                    setSelectedDialogType(_Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_3__.DialogType[\"private\"]);\n                }, createPrivateDialogTouchHandler: function () {\n                    setSelectedDialogType(_Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_3__.DialogType[\"private\"]);\n                }, createGroupDialogClickHandler: function () {\n                    setSelectedDialogType(_Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_3__.DialogType.group);\n                }, createGroupDialogTouchHandler: function () {\n                    setSelectedDialogType(_Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_3__.DialogType.group);\n                }, createPublicDialogClickHandler: function () {\n                    setSelectedDialogType(_Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_3__.DialogType[\"public\"]);\n                }, createPublicDialogTouchHandler: function () {\n                    setSelectedDialogType(_Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_3__.DialogType[\"public\"]);\n                } })), stepToCreate === setDialogTitle && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_Dialogs_EditDialog_EditDialog__WEBPACK_IMPORTED_MODULE_4__[\"default\"], { nameDialog: \"\", typeDialog: selectedDialogType, typeAddEditDialog: _components_UI_Dialogs_EditDialog_EditDialog__WEBPACK_IMPORTED_MODULE_4__.TypeOpenDialog.create, clickUpdatedHandler: getDialogNameHandler, clickCancelHandler: function () {\n                        closeModal();\n                    } }) })), stepToCreate === inviteUsers && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_Dialogs_InviteMembers_InviteMembers__WEBPACK_IMPORTED_MODULE_5__[\"default\"], { applyInviteUsersHandler: function (selectedUsers) {\n                    getDialogParticipantsHandler(selectedUsers);\n                }, cancelInviteMembersHandler: function () {\n                    closeModal();\n                }, typeDialog: selectedDialogType || _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_3__.DialogType.group, idOwnerDialog: remoteDataSourceMock.authInformation.userId.toString() }))] }));\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (CreateNewDialogFlow);\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/Presentation/Views/CreateDialogFlow/CreateNewDialogFlow.tsx?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _components_UI_Dialogs_CreateDialog_CreateDialog__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/UI/Dialogs/CreateDialog/CreateDialog */ \"./src/Presentation/components/UI/Dialogs/CreateDialog/CreateDialog.tsx\");\n/* harmony import */ var _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../Domain/entity/DialogTypes */ \"./src/Domain/entity/DialogTypes.ts\");\n/* harmony import */ var _components_UI_Dialogs_EditDialog_EditDialog__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/UI/Dialogs/EditDialog/EditDialog */ \"./src/Presentation/components/UI/Dialogs/EditDialog/EditDialog.tsx\");\n/* harmony import */ var _components_UI_Dialogs_InviteMembers_InviteMembers__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../components/UI/Dialogs/InviteMembers/InviteMembers */ \"./src/Presentation/components/UI/Dialogs/InviteMembers/InviteMembers.tsx\");\n/* harmony import */ var _components_providers_ModalContextProvider_Modal__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../components/providers/ModalContextProvider/Modal */ \"./src/Presentation/components/providers/ModalContextProvider/Modal.tsx\");\n/* harmony import */ var _Data_Stubs__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../Data/Stubs */ \"./src/Data/Stubs.ts\");\n/* harmony import */ var _utils_parse__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../utils/parse */ \"./src/utils/parse.ts\");\n/* harmony import */ var _components_providers_QuickBloxUIKitProvider_QuickBloxUIKitProvider__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../components/providers/QuickBloxUIKitProvider/QuickBloxUIKitProvider */ \"./src/Presentation/components/providers/QuickBloxUIKitProvider/QuickBloxUIKitProvider.tsx\");\nvar __awaiter = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n    return new (P || (P = Promise))(function (resolve, reject) {\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\n    });\n};\nvar __generator = (undefined && undefined.__generator) || function (thisArg, body) {\n    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\n    return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\n    function verb(n) { return function (v) { return step([n, v]); }; }\n    function step(op) {\n        if (f) throw new TypeError(\"Generator is already executing.\");\n        while (g && (g = 0, op[0] && (_ = 0)), _) try {\n            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;\n            if (y = 0, t) op = [op[0] & 2, t.value];\n            switch (op[0]) {\n                case 0: case 1: t = op; break;\n                case 4: _.label++; return { value: op[1], done: false };\n                case 5: _.label++; y = op[1]; op = [0]; continue;\n                case 7: op = _.ops.pop(); _.trys.pop(); continue;\n                default:\n                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\n                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\n                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\n                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\n                    if (t[2]) _.ops.pop();\n                    _.trys.pop(); continue;\n            }\n            op = body.call(thisArg, _);\n        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\n        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\n    }\n};\n\n\n\n\n\n\n\n\n\n\n// eslint-disable-next-line react/function-component-definition\nvar CreateNewDialogFlow = function (_a) {\n    var dialogsViewModel = _a.dialogsViewModel;\n    var handleModal = react__WEBPACK_IMPORTED_MODULE_1___default().useContext(_components_providers_ModalContextProvider_Modal__WEBPACK_IMPORTED_MODULE_6__.ModalContext).handleModal;\n    var currentContext = react__WEBPACK_IMPORTED_MODULE_1___default().useContext(_components_providers_QuickBloxUIKitProvider_QuickBloxUIKitProvider__WEBPACK_IMPORTED_MODULE_9__.qbDataContext);\n    var remoteDataSourceMock = currentContext.storage.REMOTE_DATA_SOURCE;\n    var setUpDialogType = 1;\n    var setDialogTitle = 2;\n    var inviteUsers = 3;\n    var _b = react__WEBPACK_IMPORTED_MODULE_1___default().useState(setUpDialogType), stepToCreate = _b[0], setNumStepToCreate = _b[1];\n    var _c = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(), selectedDialogType = _c[0], setSelectedDialogType = _c[1];\n    var _d = react__WEBPACK_IMPORTED_MODULE_1___default().useState('NOT DEFINE'), dialogName = _d[0], setDialogName = _d[1];\n    var _e = react__WEBPACK_IMPORTED_MODULE_1___default().useState(undefined), uidAvatar = _e[0], setUidAvatar = _e[1];\n    (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n        if (\n        // selectedDialogType === DialogType.private ||\n        selectedDialogType === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_3__.DialogType.group) {\n            setNumStepToCreate(setDialogTitle);\n        }\n        else if (selectedDialogType === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_3__.DialogType[\"private\"]) {\n            setNumStepToCreate(inviteUsers);\n        }\n    }, [selectedDialogType]);\n    var getDialogNameHandler = function (params) {\n        console.log(params.dialogTitle);\n        setDialogName(params.dialogTitle);\n        var newUidAvatar = '';\n        console.log('before urlPhoto: ', newUidAvatar);\n        if (params.dialogAvatar) {\n            if (params.dialogAvatar !== 'null') {\n                dialogsViewModel\n                    .uploadFile(params.dialogAvatar)\n                    // eslint-disable-next-line promise/always-return\n                    .then(function (uploadedFile) {\n                    newUidAvatar = uploadedFile.uid;\n                    console.log('after urlPhoto: ', newUidAvatar);\n                    setUidAvatar(newUidAvatar);\n                    setNumStepToCreate(inviteUsers);\n                })\n                    .catch(function (error) {\n                    console.log((0,_utils_parse__WEBPACK_IMPORTED_MODULE_8__.stringifyError)(error));\n                });\n            }\n            else {\n                setUidAvatar('null');\n            }\n        }\n        else {\n            setNumStepToCreate(inviteUsers);\n        }\n    };\n    var getDialogParticipantsHandler = function (participants) { return __awaiter(void 0, void 0, void 0, function () {\n        var dialog;\n        return __generator(this, function (_a) {\n            switch (_a.label) {\n                case 0:\n                    if (!(selectedDialogType &&\n                        (_Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_3__.DialogType.group === selectedDialogType ||\n                            (selectedDialogType === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_3__.DialogType[\"private\"] && participants.length > 0)))) return [3 /*break*/, 2];\n                    dialog = _Data_Stubs__WEBPACK_IMPORTED_MODULE_7__.Stubs.createDialogEntityByTypeWithDefaultValues(selectedDialogType);\n                    dialog.name = dialogName;\n                    dialog.photo = uidAvatar || '';\n                    dialog.participantIds = participants;\n                    dialog.type = selectedDialogType;\n                    // eslint-disable-next-line promise/always-return\n                    return [4 /*yield*/, dialogsViewModel\n                            .createDialog(dialog)\n                            // eslint-disable-next-line promise/always-return\n                            .then(function (newEntity) {\n                            handleModal(false, '', '', false, false);\n                            console.log(\"HAVE CREATED DIALOG from param: \".concat(JSON.stringify(newEntity), \" from viewmodel \").concat(JSON.stringify(dialogsViewModel.entity), \" \"));\n                        })\n                            .catch(function (e) {\n                            console.log('Have exception: ', (0,_utils_parse__WEBPACK_IMPORTED_MODULE_8__.stringifyError)(e));\n                        })];\n                case 1:\n                    // eslint-disable-next-line promise/always-return\n                    _a.sent();\n                    _a.label = 2;\n                case 2: return [2 /*return*/];\n            }\n        });\n    }); };\n    var closeModal = function () {\n        handleModal(false, '', '', false, false);\n    };\n    return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", { children: [stepToCreate === setUpDialogType && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_Dialogs_CreateDialog_CreateDialog__WEBPACK_IMPORTED_MODULE_2__[\"default\"], { createPrivateDialogClickHandler: function () {\n                    setSelectedDialogType(_Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_3__.DialogType[\"private\"]);\n                }, createPrivateDialogTouchHandler: function () {\n                    setSelectedDialogType(_Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_3__.DialogType[\"private\"]);\n                }, createGroupDialogClickHandler: function () {\n                    setSelectedDialogType(_Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_3__.DialogType.group);\n                }, createGroupDialogTouchHandler: function () {\n                    setSelectedDialogType(_Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_3__.DialogType.group);\n                }, createPublicDialogClickHandler: function () {\n                    setSelectedDialogType(_Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_3__.DialogType[\"public\"]);\n                }, createPublicDialogTouchHandler: function () {\n                    setSelectedDialogType(_Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_3__.DialogType[\"public\"]);\n                } })), stepToCreate === setDialogTitle && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_Dialogs_EditDialog_EditDialog__WEBPACK_IMPORTED_MODULE_4__[\"default\"], { nameDialog: \"\", typeDialog: selectedDialogType, typeAddEditDialog: _components_UI_Dialogs_EditDialog_EditDialog__WEBPACK_IMPORTED_MODULE_4__.TypeOpenDialog.create, clickUpdatedHandler: getDialogNameHandler, clickCancelHandler: function () {\n                        closeModal();\n                    } }) })), stepToCreate === inviteUsers && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_Dialogs_InviteMembers_InviteMembers__WEBPACK_IMPORTED_MODULE_5__[\"default\"], { applyInviteUsersHandler: function (selectedUsers) {\n                    getDialogParticipantsHandler(selectedUsers);\n                }, cancelInviteMembersHandler: function () {\n                    closeModal();\n                }, typeDialog: selectedDialogType || _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_3__.DialogType.group, typeAddEditDialog: _components_UI_Dialogs_EditDialog_EditDialog__WEBPACK_IMPORTED_MODULE_4__.TypeOpenDialog.create, idOwnerDialog: remoteDataSourceMock.authInformation.userId.toString() }))] }));\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (CreateNewDialogFlow);\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/Presentation/Views/CreateDialogFlow/CreateNewDialogFlow.tsx?");
 
 /***/ }),
 
@@ -1657,14 +1591,25 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var reac
 
 /***/ }),
 
-/***/ "./src/Presentation/Views/Dialogs/useDialogsViewModelWithMockUseCase.ts":
-/*!******************************************************************************!*\
-  !*** ./src/Presentation/Views/Dialogs/useDialogsViewModelWithMockUseCase.ts ***!
-  \******************************************************************************/
+/***/ "./src/Presentation/Views/Dialogs/useDialogsViewModel.ts":
+/*!***************************************************************!*\
+  !*** ./src/Presentation/Views/Dialogs/useDialogsViewModel.ts ***!
+  \***************************************************************/
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": function() { return /* binding */ useDialogsViewModelWithMockUseCase; }\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _Domain_repository_Pagination__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../Domain/repository/Pagination */ \"./src/Domain/repository/Pagination.ts\");\n/* harmony import */ var _Domain_use_cases_SubscribeToDialogsUpdatesUseCaseWithMock__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../Domain/use_cases/SubscribeToDialogsUpdatesUseCaseWithMock */ \"./src/Domain/use_cases/SubscribeToDialogsUpdatesUseCaseWithMock.ts\");\n/* harmony import */ var _Data_repository_DialogsRepository__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../Data/repository/DialogsRepository */ \"./src/Data/repository/DialogsRepository.ts\");\n/* harmony import */ var _Domain_use_cases_GetAllDialogsUseCaseWithMock__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../Domain/use_cases/GetAllDialogsUseCaseWithMock */ \"./src/Domain/use_cases/GetAllDialogsUseCaseWithMock.ts\");\n/* harmony import */ var _Domain_use_cases_CreateDialogUseCase__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../Domain/use_cases/CreateDialogUseCase */ \"./src/Domain/use_cases/CreateDialogUseCase.ts\");\n/* harmony import */ var _utils_parse__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../utils/parse */ \"./src/utils/parse.ts\");\n/* harmony import */ var _Domain_use_cases_UpdateDialogUseCase__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../Domain/use_cases/UpdateDialogUseCase */ \"./src/Domain/use_cases/UpdateDialogUseCase.ts\");\n/* harmony import */ var _Domain_use_cases_LeaveDialogUseCase__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../Domain/use_cases/LeaveDialogUseCase */ \"./src/Domain/use_cases/LeaveDialogUseCase.ts\");\n/* harmony import */ var _Domain_use_cases_UploadFileUseCase__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../Domain/use_cases/UploadFileUseCase */ \"./src/Domain/use_cases/UploadFileUseCase.ts\");\n/* harmony import */ var _Data_repository_FileRepository__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../Data/repository/FileRepository */ \"./src/Data/repository/FileRepository.ts\");\n/* harmony import */ var _Data_Stubs__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../../Data/Stubs */ \"./src/Data/Stubs.ts\");\n/* harmony import */ var _Domain_use_cases_SubscribeToDialogEventsUseCase__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../../Domain/use_cases/SubscribeToDialogEventsUseCase */ \"./src/Domain/use_cases/SubscribeToDialogEventsUseCase.ts\");\n/* harmony import */ var _Domain_entity_EventMessageType__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../../Domain/entity/EventMessageType */ \"./src/Domain/entity/EventMessageType.ts\");\n/* harmony import */ var _Domain_entity_NotificationTypes__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../../../Domain/entity/NotificationTypes */ \"./src/Domain/entity/NotificationTypes.ts\");\n/* harmony import */ var _Domain_use_cases_GetDialogByIdUseCase__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../../../Domain/use_cases/GetDialogByIdUseCase */ \"./src/Domain/use_cases/GetDialogByIdUseCase.ts\");\n/* harmony import */ var _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../../../Domain/entity/DialogTypes */ \"./src/Domain/entity/DialogTypes.ts\");\n/* harmony import */ var _Domain_use_cases_RemoveUsersFromTheDialogUseCase__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../../../Domain/use_cases/RemoveUsersFromTheDialogUseCase */ \"./src/Domain/use_cases/RemoveUsersFromTheDialogUseCase.ts\");\nvar __awaiter = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n    return new (P || (P = Promise))(function (resolve, reject) {\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\n    });\n};\nvar __generator = (undefined && undefined.__generator) || function (thisArg, body) {\n    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\n    return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\n    function verb(n) { return function (v) { return step([n, v]); }; }\n    function step(op) {\n        if (f) throw new TypeError(\"Generator is already executing.\");\n        while (g && (g = 0, op[0] && (_ = 0)), _) try {\n            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;\n            if (y = 0, t) op = [op[0] & 2, t.value];\n            switch (op[0]) {\n                case 0: case 1: t = op; break;\n                case 4: _.label++; return { value: op[1], done: false };\n                case 5: _.label++; y = op[1]; op = [0]; continue;\n                case 7: op = _.ops.pop(); _.trys.pop(); continue;\n                default:\n                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\n                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\n                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\n                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\n                    if (t[2]) _.ops.pop();\n                    _.trys.pop(); continue;\n            }\n            op = body.call(thisArg, _);\n        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\n        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\n    }\n};\nvar __spreadArray = (undefined && undefined.__spreadArray) || function (to, from, pack) {\n    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\n        if (ar || !(i in from)) {\n            if (!ar) ar = Array.prototype.slice.call(from, 0, i);\n            ar[i] = from[i];\n        }\n    }\n    return to.concat(ar || Array.prototype.slice.call(from));\n};\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nfunction useDialogsViewModelWithMockUseCase(currentContext, initPagination) {\n    var _this = this;\n    console.log('3.1. useDialogsViewModelWithMockUseCase');\n    var startPagination = initPagination || new _Domain_repository_Pagination__WEBPACK_IMPORTED_MODULE_1__.Pagination();\n    var _a = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false), loading = _a[0], setLoading = _a[1];\n    var _b = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(''), error = _b[0], setError = _b[1];\n    var _c = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(startPagination), pagination = _c[0], setPagination = _c[1];\n    var _d = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]), dialogs = _d[0], setDialogs = _d[1];\n    var _e = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(), newDialog = _e[0], setNewDialog = _e[1];\n    // const currentContext = useQbDataContext();\n    var remoteDataSourceMock = currentContext.storage.REMOTE_DATA_SOURCE;\n    var eventMessageRepository = currentContext.storage.EVENT_MESSAGE_REPOSITORY;\n    var useCaseSubscribeToDialogsUpdates = new _Domain_use_cases_SubscribeToDialogsUpdatesUseCaseWithMock__WEBPACK_IMPORTED_MODULE_2__.SubscribeToDialogsUpdatesUseCaseWithMock(new _Data_repository_DialogsRepository__WEBPACK_IMPORTED_MODULE_3__[\"default\"](currentContext.storage.LOCAL_DATA_SOURCE, remoteDataSourceMock));\n    var subscribeToDialogEventsUseCase = new _Domain_use_cases_SubscribeToDialogEventsUseCase__WEBPACK_IMPORTED_MODULE_12__.SubscribeToDialogEventsUseCase(eventMessageRepository, 'DialogsViewModel');\n    var dialogUpdateHandler = function (dialogInfo) {\n        console.log('call dialogUpdateHandler in useDialogsViewModelWithMockUseCase');\n        if (dialogInfo.eventMessageType === _Domain_entity_EventMessageType__WEBPACK_IMPORTED_MODULE_13__[\"default\"].SystemMessage) {\n            if (dialogInfo.notificationTypes === _Domain_entity_NotificationTypes__WEBPACK_IMPORTED_MODULE_14__.NotificationTypes.UPDATE_DIALOG) {\n                if (dialogInfo.messageInfo) {\n                    var dialogId = dialogInfo.messageInfo.dialogId;\n                    var getDialogByIdUseCase = new _Domain_use_cases_GetDialogByIdUseCase__WEBPACK_IMPORTED_MODULE_15__.GetDialogByIdUseCase(new _Data_repository_DialogsRepository__WEBPACK_IMPORTED_MODULE_3__[\"default\"](currentContext.storage.LOCAL_DATA_SOURCE, currentContext.storage.REMOTE_DATA_SOURCE), dialogId);\n                    // eslint-disable-next-line promise/catch-or-return,promise/always-return\n                    getDialogByIdUseCase.execute().then(function (updatedDialog) {\n                        setNewDialog(updatedDialog);\n                    });\n                }\n            }\n        }\n    };\n    subscribeToDialogEventsUseCase\n        .execute(dialogUpdateHandler)\n        .catch(function (reason) {\n        console.log((0,_utils_parse__WEBPACK_IMPORTED_MODULE_6__.stringifyError)(reason));\n    });\n    // eslint-disable-next-line @typescript-eslint/require-await\n    function getDialogs(currentPagination) {\n        return __awaiter(this, void 0, void 0, function () {\n            var useCaseGetAllDialogs;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        console.log('getDialogs in useDialogsViewModelWithMockUseCase');\n                        console.log('EXECUTE USE CASES GET DIALOG WITH PAGINATION: ', JSON.stringify(currentPagination));\n                        setLoading(true);\n                        useCaseGetAllDialogs = new _Domain_use_cases_GetAllDialogsUseCaseWithMock__WEBPACK_IMPORTED_MODULE_4__.GetAllDialogsUseCaseWithMock(new _Data_repository_DialogsRepository__WEBPACK_IMPORTED_MODULE_3__[\"default\"](currentContext.storage.LOCAL_DATA_SOURCE, remoteDataSourceMock), currentPagination);\n                        return [4 /*yield*/, (useCaseGetAllDialogs === null || useCaseGetAllDialogs === void 0 ? void 0 : useCaseGetAllDialogs.execute().then(function (result) {\n                                console.log('EXECUTE COMPLETED: ', JSON.stringify(currentPagination));\n                                setDialogs(__spreadArray([], result.ResultData, true));\n                                setLoading(false);\n                                setPagination(result.CurrentPagination);\n                            }).catch(function (e) {\n                                console.log('call catch....', JSON.stringify(e));\n                                setError(\"\".concat(e.message));\n                                setLoading(false);\n                            }))];\n                    case 1:\n                        _a.sent();\n                        return [4 /*yield*/, (useCaseSubscribeToDialogsUpdates === null || useCaseSubscribeToDialogsUpdates === void 0 ? void 0 : useCaseSubscribeToDialogsUpdates.execute(function (data) {\n                                try {\n                                    console.log('3.SUBSCRIBE EXECUTE in useDialogsViewModelWithMockUseCase:', data);\n                                    setDialogs(__spreadArray([], data, true));\n                                    setLoading(false);\n                                    setError('');\n                                }\n                                catch (e) {\n                                    console.log('catch error2');\n                                    setError('ERROR2!!!');\n                                }\n                            }))];\n                    case 2:\n                        _a.sent();\n                        return [2 /*return*/];\n                }\n            });\n        });\n    }\n    var release = function () {\n        useCaseSubscribeToDialogsUpdates.release();\n    };\n    var createDialog = function (dialogInfo) { return __awaiter(_this, void 0, void 0, function () {\n        var createDialogUseCase, resultDialog;\n        return __generator(this, function (_a) {\n            switch (_a.label) {\n                case 0:\n                    console.log('call createDialog in use case with params: ', JSON.stringify(dialogInfo));\n                    createDialogUseCase = new _Domain_use_cases_CreateDialogUseCase__WEBPACK_IMPORTED_MODULE_5__.CreateDialogUseCase(eventMessageRepository, new _Data_repository_DialogsRepository__WEBPACK_IMPORTED_MODULE_3__[\"default\"](currentContext.storage.LOCAL_DATA_SOURCE, remoteDataSourceMock), dialogInfo);\n                    return [4 /*yield*/, createDialogUseCase\n                            .execute()\n                            .catch(function (e) {\n                            console.log('EXCEPTION IN CREATE NEW DIALOG: ', (0,_utils_parse__WEBPACK_IMPORTED_MODULE_6__.stringifyError)(e));\n                            setNewDialog(undefined);\n                            throw new Error((0,_utils_parse__WEBPACK_IMPORTED_MODULE_6__.stringifyError)(e));\n                        })];\n                case 1:\n                    resultDialog = _a.sent();\n                    if (resultDialog) {\n                        setNewDialog(resultDialog);\n                        return [2 /*return*/, Promise.resolve(resultDialog)];\n                    }\n                    return [2 /*return*/, Promise.reject(resultDialog)];\n            }\n        });\n    }); };\n    var updateDialog = function (\n    // eslint-disable-next-line @typescript-eslint/no-shadow,@typescript-eslint/no-unused-vars\n    dialogToUpdate) { return __awaiter(_this, void 0, void 0, function () {\n        var updateDialogUseCase, resultDialog;\n        return __generator(this, function (_a) {\n            switch (_a.label) {\n                case 0:\n                    updateDialogUseCase = new _Domain_use_cases_UpdateDialogUseCase__WEBPACK_IMPORTED_MODULE_7__.UpdateDialogUseCase(eventMessageRepository, new _Data_repository_DialogsRepository__WEBPACK_IMPORTED_MODULE_3__[\"default\"](currentContext.storage.LOCAL_DATA_SOURCE, remoteDataSourceMock), dialogToUpdate);\n                    return [4 /*yield*/, updateDialogUseCase\n                            .execute()\n                            .catch(function (e) {\n                            console.log('Error updateDialogUseCase: ', (0,_utils_parse__WEBPACK_IMPORTED_MODULE_6__.stringifyError)(e));\n                            throw new Error((0,_utils_parse__WEBPACK_IMPORTED_MODULE_6__.stringifyError)(e));\n                        })];\n                case 1:\n                    resultDialog = _a.sent();\n                    return [2 /*return*/, Promise.resolve(resultDialog)];\n            }\n        });\n    }); };\n    var deleteDialog = function (\n    // eslint-disable-next-line @typescript-eslint/no-shadow,@typescript-eslint/no-unused-vars\n    dialogToDelete) { return __awaiter(_this, void 0, void 0, function () {\n        var leaveResult, leaveDialogUseCase, usersForDeleteFromDialog, userToDeleteId, deleteUsersFromDialog;\n        var _a;\n        return __generator(this, function (_b) {\n            switch (_b.label) {\n                case 0:\n                    leaveResult = false;\n                    if (!(dialogToDelete.type === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_16__.DialogType[\"private\"])) return [3 /*break*/, 2];\n                    leaveDialogUseCase = new _Domain_use_cases_LeaveDialogUseCase__WEBPACK_IMPORTED_MODULE_8__.LeaveDialogUseCase(eventMessageRepository, new _Data_repository_DialogsRepository__WEBPACK_IMPORTED_MODULE_3__[\"default\"](currentContext.storage.LOCAL_DATA_SOURCE, remoteDataSourceMock), dialogToDelete, _Domain_use_cases_LeaveDialogUseCase__WEBPACK_IMPORTED_MODULE_8__.DialogLeaveType[\"delete\"]);\n                    return [4 /*yield*/, leaveDialogUseCase.execute().catch(function (e) {\n                            console.log('Error leaveDialogUseCase: ', (0,_utils_parse__WEBPACK_IMPORTED_MODULE_6__.stringifyError)(e));\n                            throw new Error((0,_utils_parse__WEBPACK_IMPORTED_MODULE_6__.stringifyError)(e));\n                        })];\n                case 1:\n                    leaveResult = _b.sent();\n                    return [3 /*break*/, 4];\n                case 2:\n                    usersForDeleteFromDialog = new Array();\n                    userToDeleteId = ((_a = remoteDataSourceMock === null || remoteDataSourceMock === void 0 ? void 0 : remoteDataSourceMock.authInformation) === null || _a === void 0 ? void 0 : _a.userId) || 0;\n                    usersForDeleteFromDialog.push(userToDeleteId);\n                    deleteUsersFromDialog = new _Domain_use_cases_RemoveUsersFromTheDialogUseCase__WEBPACK_IMPORTED_MODULE_17__.RemoveUsersFromTheDialogUseCase(eventMessageRepository, new _Data_repository_DialogsRepository__WEBPACK_IMPORTED_MODULE_3__[\"default\"](currentContext.storage.LOCAL_DATA_SOURCE, remoteDataSourceMock), dialogToDelete, usersForDeleteFromDialog);\n                    return [4 /*yield*/, deleteUsersFromDialog.execute().catch(function (e) {\n                            console.log('Error delete users from RemoveUsersFromDialogUseCase: ', (0,_utils_parse__WEBPACK_IMPORTED_MODULE_6__.stringifyError)(e));\n                            throw new Error((0,_utils_parse__WEBPACK_IMPORTED_MODULE_6__.stringifyError)(e));\n                        })];\n                case 3:\n                    leaveResult = _b.sent();\n                    _b.label = 4;\n                case 4:\n                    if (leaveResult) {\n                        return [2 /*return*/, Promise.resolve(leaveResult)];\n                    }\n                    return [2 /*return*/, Promise.reject(leaveResult)];\n            }\n        });\n    }); };\n    var removeMembers = function (dialog) { return __awaiter(_this, void 0, void 0, function () {\n        var leaveResult, deleteUsersFromDialog;\n        return __generator(this, function (_a) {\n            switch (_a.label) {\n                case 0:\n                    leaveResult = false;\n                    if (!(dialog.participantsToRemoveIds &&\n                        dialog.participantsToRemoveIds.length > 0)) return [3 /*break*/, 2];\n                    deleteUsersFromDialog = new _Domain_use_cases_RemoveUsersFromTheDialogUseCase__WEBPACK_IMPORTED_MODULE_17__.RemoveUsersFromTheDialogUseCase(eventMessageRepository, new _Data_repository_DialogsRepository__WEBPACK_IMPORTED_MODULE_3__[\"default\"](currentContext.storage.LOCAL_DATA_SOURCE, remoteDataSourceMock), dialog, dialog.participantsToRemoveIds);\n                    return [4 /*yield*/, deleteUsersFromDialog.execute().catch(function (e) {\n                            console.log('Error delete users from RemoveUsersFromDialogUseCase: ', (0,_utils_parse__WEBPACK_IMPORTED_MODULE_6__.stringifyError)(e));\n                            throw new Error((0,_utils_parse__WEBPACK_IMPORTED_MODULE_6__.stringifyError)(e));\n                        })];\n                case 1:\n                    leaveResult = _a.sent();\n                    _a.label = 2;\n                case 2:\n                    if (leaveResult) {\n                        return [2 /*return*/, Promise.resolve(leaveResult)];\n                    }\n                    return [2 /*return*/, Promise.reject(leaveResult)];\n            }\n        });\n    }); };\n    var uploadFile = function (file) { return __awaiter(_this, void 0, void 0, function () {\n        var fileEntity, uploadFileUseCase, resultEnity;\n        return __generator(this, function (_a) {\n            switch (_a.label) {\n                case 0:\n                    console.log('call uploadFile(), file: ', file);\n                    fileEntity = _Data_Stubs__WEBPACK_IMPORTED_MODULE_11__.Stubs.createFileEntityWithDefaultValues();\n                    fileEntity.data = file;\n                    fileEntity.uid = '';\n                    fileEntity.name = file.name;\n                    fileEntity.size = file.size;\n                    uploadFileUseCase = new _Domain_use_cases_UploadFileUseCase__WEBPACK_IMPORTED_MODULE_9__.UploadFileUseCase(new _Data_repository_FileRepository__WEBPACK_IMPORTED_MODULE_10__.FileRepository(currentContext.storage.LOCAL_DATA_SOURCE, remoteDataSourceMock), fileEntity);\n                    return [4 /*yield*/, uploadFileUseCase\n                            .execute()\n                            .catch(function (e) {\n                            console.log('Error UploadFileUseCase: ', (0,_utils_parse__WEBPACK_IMPORTED_MODULE_6__.stringifyError)(e));\n                            throw new Error((0,_utils_parse__WEBPACK_IMPORTED_MODULE_6__.stringifyError)(e));\n                        })];\n                case 1:\n                    resultEnity = _a.sent();\n                    return [2 /*return*/, Promise.resolve(resultEnity)];\n            }\n        });\n    }); };\n    return {\n        get entity() {\n            return newDialog;\n        },\n        set entity(item) {\n            setNewDialog(item);\n        },\n        dialogs: dialogs,\n        loading: loading,\n        error: error,\n        pagination: pagination,\n        // eslint-disable-next-line @typescript-eslint/no-misused-promises\n        getDialogs: getDialogs,\n        release: release,\n        createDialog: createDialog,\n        updateDialog: updateDialog,\n        deleteDialog: deleteDialog,\n        uploadFile: uploadFile,\n        removeMembers: removeMembers,\n    };\n}\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/Presentation/Views/Dialogs/useDialogsViewModelWithMockUseCase.ts?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": function() { return /* binding */ useDialogsViewModel; }\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _Domain_repository_Pagination__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../Domain/repository/Pagination */ \"./src/Domain/repository/Pagination.ts\");\n/* harmony import */ var _Domain_use_cases_SubscribeToDialogsUpdatesUseCaseWithMock__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../Domain/use_cases/SubscribeToDialogsUpdatesUseCaseWithMock */ \"./src/Domain/use_cases/SubscribeToDialogsUpdatesUseCaseWithMock.ts\");\n/* harmony import */ var _Data_repository_DialogsRepository__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../Data/repository/DialogsRepository */ \"./src/Data/repository/DialogsRepository.ts\");\n/* harmony import */ var _Domain_use_cases_GetAllDialogsUseCaseWithMock__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../Domain/use_cases/GetAllDialogsUseCaseWithMock */ \"./src/Domain/use_cases/GetAllDialogsUseCaseWithMock.ts\");\n/* harmony import */ var _Domain_use_cases_CreateDialogUseCase__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../Domain/use_cases/CreateDialogUseCase */ \"./src/Domain/use_cases/CreateDialogUseCase.ts\");\n/* harmony import */ var _utils_parse__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../utils/parse */ \"./src/utils/parse.ts\");\n/* harmony import */ var _Domain_use_cases_UpdateDialogUseCase__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../Domain/use_cases/UpdateDialogUseCase */ \"./src/Domain/use_cases/UpdateDialogUseCase.ts\");\n/* harmony import */ var _Domain_use_cases_LeaveDialogUseCase__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../Domain/use_cases/LeaveDialogUseCase */ \"./src/Domain/use_cases/LeaveDialogUseCase.ts\");\n/* harmony import */ var _Domain_use_cases_UploadFileUseCase__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../Domain/use_cases/UploadFileUseCase */ \"./src/Domain/use_cases/UploadFileUseCase.ts\");\n/* harmony import */ var _Data_repository_FileRepository__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../Data/repository/FileRepository */ \"./src/Data/repository/FileRepository.ts\");\n/* harmony import */ var _Data_Stubs__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../../Data/Stubs */ \"./src/Data/Stubs.ts\");\n/* harmony import */ var _Domain_use_cases_SubscribeToDialogEventsUseCase__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../../Domain/use_cases/SubscribeToDialogEventsUseCase */ \"./src/Domain/use_cases/SubscribeToDialogEventsUseCase.ts\");\n/* harmony import */ var _Domain_entity_EventMessageType__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../../Domain/entity/EventMessageType */ \"./src/Domain/entity/EventMessageType.ts\");\n/* harmony import */ var _Domain_entity_NotificationTypes__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../../../Domain/entity/NotificationTypes */ \"./src/Domain/entity/NotificationTypes.ts\");\n/* harmony import */ var _Domain_use_cases_GetDialogByIdUseCase__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../../../Domain/use_cases/GetDialogByIdUseCase */ \"./src/Domain/use_cases/GetDialogByIdUseCase.ts\");\n/* harmony import */ var _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../../../Domain/entity/DialogTypes */ \"./src/Domain/entity/DialogTypes.ts\");\n/* harmony import */ var _Domain_use_cases_RemoveUsersFromTheDialogUseCase__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../../../Domain/use_cases/RemoveUsersFromTheDialogUseCase */ \"./src/Domain/use_cases/RemoveUsersFromTheDialogUseCase.ts\");\nvar __assign = (undefined && undefined.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nvar __awaiter = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n    return new (P || (P = Promise))(function (resolve, reject) {\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\n    });\n};\nvar __generator = (undefined && undefined.__generator) || function (thisArg, body) {\n    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\n    return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\n    function verb(n) { return function (v) { return step([n, v]); }; }\n    function step(op) {\n        if (f) throw new TypeError(\"Generator is already executing.\");\n        while (g && (g = 0, op[0] && (_ = 0)), _) try {\n            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;\n            if (y = 0, t) op = [op[0] & 2, t.value];\n            switch (op[0]) {\n                case 0: case 1: t = op; break;\n                case 4: _.label++; return { value: op[1], done: false };\n                case 5: _.label++; y = op[1]; op = [0]; continue;\n                case 7: op = _.ops.pop(); _.trys.pop(); continue;\n                default:\n                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\n                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\n                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\n                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\n                    if (t[2]) _.ops.pop();\n                    _.trys.pop(); continue;\n            }\n            op = body.call(thisArg, _);\n        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\n        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\n    }\n};\nvar __spreadArray = (undefined && undefined.__spreadArray) || function (to, from, pack) {\n    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\n        if (ar || !(i in from)) {\n            if (!ar) ar = Array.prototype.slice.call(from, 0, i);\n            ar[i] = from[i];\n        }\n    }\n    return to.concat(ar || Array.prototype.slice.call(from));\n};\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nfunction useDialogsViewModel(currentContext, initPagination) {\n    var _this = this;\n    console.log('3.1. useDialogsViewModel');\n    var startPagination = initPagination || new _Domain_repository_Pagination__WEBPACK_IMPORTED_MODULE_1__.Pagination();\n    var _a = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false), loading = _a[0], setLoading = _a[1];\n    var _b = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(''), error = _b[0], setError = _b[1];\n    var _c = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(startPagination), pagination = _c[0], setPagination = _c[1];\n    var _d = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]), dialogs = _d[0], setDialogs = _d[1];\n    var _e = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(), newDialog = _e[0], setNewDialog = _e[1];\n    // const currentContext = useQbDataContext();\n    var remoteDataSourceMock = currentContext.storage.REMOTE_DATA_SOURCE;\n    var eventMessageRepository = currentContext.storage.EVENT_MESSAGE_REPOSITORY;\n    var useCaseSubscribeToDialogsUpdates = new _Domain_use_cases_SubscribeToDialogsUpdatesUseCaseWithMock__WEBPACK_IMPORTED_MODULE_2__.SubscribeToDialogsUpdatesUseCaseWithMock(new _Data_repository_DialogsRepository__WEBPACK_IMPORTED_MODULE_3__[\"default\"](currentContext.storage.LOCAL_DATA_SOURCE, remoteDataSourceMock));\n    var subscribeToDialogEventsUseCase = new _Domain_use_cases_SubscribeToDialogEventsUseCase__WEBPACK_IMPORTED_MODULE_12__.SubscribeToDialogEventsUseCase(eventMessageRepository, 'DialogsViewModel');\n    var dialogUpdateHandler = function (dialogInfo) {\n        console.log('call dialogUpdateHandler in useDialogsViewModel');\n        if (dialogInfo.eventMessageType === _Domain_entity_EventMessageType__WEBPACK_IMPORTED_MODULE_13__[\"default\"].SystemMessage) {\n            if (dialogInfo.notificationTypes === _Domain_entity_NotificationTypes__WEBPACK_IMPORTED_MODULE_14__.NotificationTypes.UPDATE_DIALOG) {\n                if (dialogInfo.messageInfo) {\n                    var dialogId = dialogInfo.messageInfo.dialogId;\n                    var getDialogByIdUseCase = new _Domain_use_cases_GetDialogByIdUseCase__WEBPACK_IMPORTED_MODULE_15__.GetDialogByIdUseCase(new _Data_repository_DialogsRepository__WEBPACK_IMPORTED_MODULE_3__[\"default\"](currentContext.storage.LOCAL_DATA_SOURCE, currentContext.storage.REMOTE_DATA_SOURCE), dialogId);\n                    // eslint-disable-next-line promise/catch-or-return,promise/always-return\n                    getDialogByIdUseCase.execute().then(function (updatedDialog) {\n                        setNewDialog(updatedDialog);\n                    });\n                }\n            }\n        }\n    };\n    subscribeToDialogEventsUseCase\n        .execute(dialogUpdateHandler)\n        .catch(function (reason) {\n        console.log((0,_utils_parse__WEBPACK_IMPORTED_MODULE_6__.stringifyError)(reason));\n    });\n    // eslint-disable-next-line @typescript-eslint/require-await\n    function getDialogs(currentPagination) {\n        return __awaiter(this, void 0, void 0, function () {\n            var useCaseGetAllDialogs;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        console.log('getDialogs in useDialogsViewModel');\n                        console.log('EXECUTE USE CASES GET DIALOG WITH PAGINATION: ', JSON.stringify(currentPagination));\n                        setLoading(true);\n                        useCaseGetAllDialogs = new _Domain_use_cases_GetAllDialogsUseCaseWithMock__WEBPACK_IMPORTED_MODULE_4__.GetAllDialogsUseCaseWithMock(new _Data_repository_DialogsRepository__WEBPACK_IMPORTED_MODULE_3__[\"default\"](currentContext.storage.LOCAL_DATA_SOURCE, remoteDataSourceMock), currentPagination);\n                        return [4 /*yield*/, (useCaseGetAllDialogs === null || useCaseGetAllDialogs === void 0 ? void 0 : useCaseGetAllDialogs.execute().then(function (result) {\n                                console.log('EXECUTE COMPLETED: ', JSON.stringify(currentPagination));\n                                setDialogs(__spreadArray([], result.ResultData, true));\n                                setLoading(false);\n                                setPagination(result.CurrentPagination);\n                            }).catch(function (e) {\n                                console.log('call catch....', JSON.stringify(e));\n                                setError(\"\".concat(e.message));\n                                setLoading(false);\n                            }))];\n                    case 1:\n                        _a.sent();\n                        return [4 /*yield*/, (useCaseSubscribeToDialogsUpdates === null || useCaseSubscribeToDialogsUpdates === void 0 ? void 0 : useCaseSubscribeToDialogsUpdates.execute(function (data) {\n                                try {\n                                    console.log('3.SUBSCRIBE EXECUTE in useDialogsViewModel:', data);\n                                    setDialogs(__spreadArray([], data, true));\n                                    setLoading(false);\n                                    setError('');\n                                }\n                                catch (e) {\n                                    console.log('catch error2');\n                                    setError('ERROR2!!!');\n                                }\n                            }))];\n                    case 2:\n                        _a.sent();\n                        return [2 /*return*/];\n                }\n            });\n        });\n    }\n    var release = function () {\n        useCaseSubscribeToDialogsUpdates.release();\n    };\n    var createDialog = function (dialogInfo) { return __awaiter(_this, void 0, void 0, function () {\n        var createDialogUseCase, resultDialog;\n        return __generator(this, function (_a) {\n            switch (_a.label) {\n                case 0:\n                    console.log('call createDialog in use case with params: ', JSON.stringify(dialogInfo));\n                    createDialogUseCase = new _Domain_use_cases_CreateDialogUseCase__WEBPACK_IMPORTED_MODULE_5__.CreateDialogUseCase(eventMessageRepository, new _Data_repository_DialogsRepository__WEBPACK_IMPORTED_MODULE_3__[\"default\"](currentContext.storage.LOCAL_DATA_SOURCE, remoteDataSourceMock), dialogInfo);\n                    return [4 /*yield*/, createDialogUseCase\n                            .execute()\n                            .catch(function (e) {\n                            console.log('EXCEPTION IN CREATE NEW DIALOG: ', (0,_utils_parse__WEBPACK_IMPORTED_MODULE_6__.stringifyError)(e));\n                            setNewDialog(undefined);\n                            throw new Error((0,_utils_parse__WEBPACK_IMPORTED_MODULE_6__.stringifyError)(e));\n                        })];\n                case 1:\n                    resultDialog = _a.sent();\n                    if (resultDialog) {\n                        setNewDialog(resultDialog);\n                        return [2 /*return*/, Promise.resolve(resultDialog)];\n                    }\n                    return [2 /*return*/, Promise.reject(resultDialog)];\n            }\n        });\n    }); };\n    var updateDialog = function (\n    // eslint-disable-next-line @typescript-eslint/no-shadow,@typescript-eslint/no-unused-vars\n    dialog) { return __awaiter(_this, void 0, void 0, function () {\n        var updateDialogUseCase, resultDialog, participantIds, dialogForUpdate;\n        var _a;\n        return __generator(this, function (_b) {\n            switch (_b.label) {\n                case 0:\n                    updateDialogUseCase = new _Domain_use_cases_UpdateDialogUseCase__WEBPACK_IMPORTED_MODULE_7__.UpdateDialogUseCase(eventMessageRepository, new _Data_repository_DialogsRepository__WEBPACK_IMPORTED_MODULE_3__[\"default\"](currentContext.storage.LOCAL_DATA_SOURCE, remoteDataSourceMock), dialog);\n                    return [4 /*yield*/, updateDialogUseCase\n                            .execute()\n                            .catch(function (e) {\n                            console.log('Error updateDialogUseCase: ', (0,_utils_parse__WEBPACK_IMPORTED_MODULE_6__.stringifyError)(e));\n                            throw new Error((0,_utils_parse__WEBPACK_IMPORTED_MODULE_6__.stringifyError)(e));\n                        })];\n                case 1:\n                    resultDialog = _b.sent();\n                    participantIds = dialog.participantIds;\n                    (_a = dialog.newParticipantIds) === null || _a === void 0 ? void 0 : _a.forEach(function (item) {\n                        if (!participantIds.includes(item)) {\n                            participantIds.push(item);\n                        }\n                    });\n                    dialogForUpdate = __assign(__assign({}, dialog), { participantIds: participantIds });\n                    setNewDialog(dialogForUpdate);\n                    return [2 /*return*/, Promise.resolve(resultDialog)];\n            }\n        });\n    }); };\n    var deleteDialog = function (\n    // eslint-disable-next-line @typescript-eslint/no-shadow,@typescript-eslint/no-unused-vars\n    dialogToDelete) { return __awaiter(_this, void 0, void 0, function () {\n        var leaveResult, leaveDialogUseCase, usersForDeleteFromDialog, userToDeleteId, deleteUsersFromDialog;\n        var _a;\n        return __generator(this, function (_b) {\n            switch (_b.label) {\n                case 0:\n                    leaveResult = false;\n                    if (!(dialogToDelete.type === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_16__.DialogType[\"private\"])) return [3 /*break*/, 2];\n                    leaveDialogUseCase = new _Domain_use_cases_LeaveDialogUseCase__WEBPACK_IMPORTED_MODULE_8__.LeaveDialogUseCase(eventMessageRepository, new _Data_repository_DialogsRepository__WEBPACK_IMPORTED_MODULE_3__[\"default\"](currentContext.storage.LOCAL_DATA_SOURCE, remoteDataSourceMock), dialogToDelete, _Domain_use_cases_LeaveDialogUseCase__WEBPACK_IMPORTED_MODULE_8__.DialogLeaveType[\"delete\"]);\n                    return [4 /*yield*/, leaveDialogUseCase.execute().catch(function (e) {\n                            console.log('Error leaveDialogUseCase: ', (0,_utils_parse__WEBPACK_IMPORTED_MODULE_6__.stringifyError)(e));\n                            throw new Error((0,_utils_parse__WEBPACK_IMPORTED_MODULE_6__.stringifyError)(e));\n                        })];\n                case 1:\n                    leaveResult = _b.sent();\n                    return [3 /*break*/, 4];\n                case 2:\n                    usersForDeleteFromDialog = new Array();\n                    userToDeleteId = ((_a = remoteDataSourceMock === null || remoteDataSourceMock === void 0 ? void 0 : remoteDataSourceMock.authInformation) === null || _a === void 0 ? void 0 : _a.userId) || 0;\n                    usersForDeleteFromDialog.push(userToDeleteId);\n                    deleteUsersFromDialog = new _Domain_use_cases_RemoveUsersFromTheDialogUseCase__WEBPACK_IMPORTED_MODULE_17__.RemoveUsersFromTheDialogUseCase(eventMessageRepository, new _Data_repository_DialogsRepository__WEBPACK_IMPORTED_MODULE_3__[\"default\"](currentContext.storage.LOCAL_DATA_SOURCE, remoteDataSourceMock), dialogToDelete, usersForDeleteFromDialog);\n                    return [4 /*yield*/, deleteUsersFromDialog.execute().catch(function (e) {\n                            console.log('Error delete users from RemoveUsersFromDialogUseCase: ', (0,_utils_parse__WEBPACK_IMPORTED_MODULE_6__.stringifyError)(e));\n                            throw new Error((0,_utils_parse__WEBPACK_IMPORTED_MODULE_6__.stringifyError)(e));\n                        })];\n                case 3:\n                    leaveResult = _b.sent();\n                    _b.label = 4;\n                case 4:\n                    if (leaveResult) {\n                        return [2 /*return*/, Promise.resolve(leaveResult)];\n                    }\n                    return [2 /*return*/, Promise.reject(leaveResult)];\n            }\n        });\n    }); };\n    var removeMembers = function (dialog) { return __awaiter(_this, void 0, void 0, function () {\n        var leaveResult, deleteUsersFromDialog, dialogForUpdate;\n        return __generator(this, function (_a) {\n            switch (_a.label) {\n                case 0:\n                    leaveResult = false;\n                    if (!(dialog.participantsToRemoveIds &&\n                        dialog.participantsToRemoveIds.length > 0)) return [3 /*break*/, 2];\n                    deleteUsersFromDialog = new _Domain_use_cases_RemoveUsersFromTheDialogUseCase__WEBPACK_IMPORTED_MODULE_17__.RemoveUsersFromTheDialogUseCase(eventMessageRepository, new _Data_repository_DialogsRepository__WEBPACK_IMPORTED_MODULE_3__[\"default\"](currentContext.storage.LOCAL_DATA_SOURCE, remoteDataSourceMock), dialog, dialog.participantsToRemoveIds);\n                    return [4 /*yield*/, deleteUsersFromDialog.execute().catch(function (e) {\n                            console.log('Error delete users from RemoveUsersFromDialogUseCase: ', (0,_utils_parse__WEBPACK_IMPORTED_MODULE_6__.stringifyError)(e));\n                            throw new Error((0,_utils_parse__WEBPACK_IMPORTED_MODULE_6__.stringifyError)(e));\n                        })];\n                case 1:\n                    leaveResult = _a.sent();\n                    _a.label = 2;\n                case 2:\n                    if (leaveResult) {\n                        dialogForUpdate = __assign(__assign({}, dialog), { participantIds: dialog.participantIds.filter(function (item) { var _a; return !((_a = dialog.participantsToRemoveIds) === null || _a === void 0 ? void 0 : _a.includes(item)); }) });\n                        setNewDialog(dialogForUpdate);\n                        return [2 /*return*/, Promise.resolve(leaveResult)];\n                    }\n                    return [2 /*return*/, Promise.reject(leaveResult)];\n            }\n        });\n    }); };\n    var uploadFile = function (file) { return __awaiter(_this, void 0, void 0, function () {\n        var fileEntity, uploadFileUseCase, resultEnity;\n        return __generator(this, function (_a) {\n            switch (_a.label) {\n                case 0:\n                    fileEntity = _Data_Stubs__WEBPACK_IMPORTED_MODULE_11__.Stubs.createFileEntityWithDefaultValues();\n                    fileEntity.data = file;\n                    fileEntity.uid = '';\n                    fileEntity.name = file.name;\n                    fileEntity.size = file.size;\n                    uploadFileUseCase = new _Domain_use_cases_UploadFileUseCase__WEBPACK_IMPORTED_MODULE_9__.UploadFileUseCase(new _Data_repository_FileRepository__WEBPACK_IMPORTED_MODULE_10__.FileRepository(currentContext.storage.LOCAL_DATA_SOURCE, remoteDataSourceMock), fileEntity);\n                    return [4 /*yield*/, uploadFileUseCase\n                            .execute()\n                            .catch(function (e) {\n                            console.log('Error UploadFileUseCase: ', (0,_utils_parse__WEBPACK_IMPORTED_MODULE_6__.stringifyError)(e));\n                            throw new Error((0,_utils_parse__WEBPACK_IMPORTED_MODULE_6__.stringifyError)(e));\n                        })];\n                case 1:\n                    resultEnity = _a.sent();\n                    return [2 /*return*/, Promise.resolve(resultEnity)];\n            }\n        });\n    }); };\n    return {\n        get entity() {\n            return newDialog;\n        },\n        set entity(item) {\n            setNewDialog(item);\n        },\n        dialogs: dialogs,\n        loading: loading,\n        error: error,\n        pagination: pagination,\n        // eslint-disable-next-line @typescript-eslint/no-misused-promises\n        getDialogs: getDialogs,\n        release: release,\n        createDialog: createDialog,\n        updateDialog: updateDialog,\n        deleteDialog: deleteDialog,\n        uploadFile: uploadFile,\n        removeMembers: removeMembers,\n    };\n}\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/Presentation/Views/Dialogs/useDialogsViewModel.ts?");
+
+/***/ }),
+
+/***/ "./src/Presentation/assets/ DefaultThemes/DefaultTheme.ts":
+/*!****************************************************************!*\
+  !*** ./src/Presentation/assets/ DefaultThemes/DefaultTheme.ts ***!
+  \****************************************************************/
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\nvar DefaultTheme = /** @class */ (function () {\n    function DefaultTheme() {\n        // eslint-disable-next-line class-methods-use-this\n        this.divider = function () { return 'var(--divider)'; };\n        // eslint-disable-next-line class-methods-use-this\n        this.mainText = function () { return 'var(--main-text)'; };\n        // eslint-disable-next-line class-methods-use-this\n        this.fontFamily = function () { return 'var(--font-family)'; };\n        //\n        // eslint-disable-next-line class-methods-use-this\n        this.caption = function () { return 'var(--caption)'; };\n        // eslint-disable-next-line class-methods-use-this\n        this.chatInput = function () { return 'var(--chat-input)'; };\n        // eslint-disable-next-line class-methods-use-this\n        this.disabledElements = function () { return 'var(--disabled-elements)'; };\n        // eslint-disable-next-line class-methods-use-this\n        this.dropdownBackground = function () { return 'var(--dropdown-background)'; };\n        // eslint-disable-next-line class-methods-use-this\n        this.error = function () { return 'var(--error)'; };\n        // eslint-disable-next-line class-methods-use-this\n        this.fieldBorder = function () { return 'var(--field-border)'; };\n        // eslint-disable-next-line class-methods-use-this\n        this.hightlight = function () { return 'var(--hightlight)'; };\n        // eslint-disable-next-line class-methods-use-this\n        this.incomingBackground = function () { return 'var(--incoming-background)'; };\n        // eslint-disable-next-line class-methods-use-this\n        this.inputElements = function () { return 'var(--input-elements)'; };\n        // eslint-disable-next-line class-methods-use-this\n        this.mainBackground = function () { return 'var(--main-background)'; };\n        // eslint-disable-next-line class-methods-use-this\n        this.mainElements = function () { return 'var(--main-elements)'; };\n        // eslint-disable-next-line class-methods-use-this\n        this.outgoingBackground = function () { return 'var(--outgoing-background)'; };\n        // eslint-disable-next-line class-methods-use-this\n        this.secondaryBackground = function () { return 'var(--secondary-background)'; };\n        // eslint-disable-next-line class-methods-use-this\n        this.secondaryElements = function () { return 'var(--secondary-elements)'; };\n        // eslint-disable-next-line class-methods-use-this\n        this.secondaryText = function () { return 'var(--secondary-text)'; };\n    }\n    return DefaultTheme;\n}());\n/* harmony default export */ __webpack_exports__[\"default\"] = (DefaultTheme);\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/Presentation/assets/_DefaultThemes/DefaultTheme.ts?");
 
 /***/ }),
 
@@ -1719,7 +1664,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var reac
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _DialogInformation_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./DialogInformation.scss */ \"./src/Presentation/components/UI/Dialogs/DialogInformation/DialogInformation.scss\");\n/* harmony import */ var _containers_ColumnContainer_ColumnContainer__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../containers/ColumnContainer/ColumnContainer */ \"./src/Presentation/components/containers/ColumnContainer/ColumnContainer.tsx\");\n/* harmony import */ var _svgs_Icons_Navigation_Close__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../svgs/Icons/Navigation/Close */ \"./src/Presentation/components/UI/svgs/Icons/Navigation/Close/index.tsx\");\n/* harmony import */ var _svgs_Icons_Toggle_NotifyOn__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../svgs/Icons/Toggle/NotifyOn */ \"./src/Presentation/components/UI/svgs/Icons/Toggle/NotifyOn/index.tsx\");\n/* harmony import */ var _Elements_SwitchButton_SwitchButton__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../Elements/SwitchButton/SwitchButton */ \"./src/Presentation/components/UI/Elements/SwitchButton/SwitchButton.tsx\");\n/* harmony import */ var _svgs_Icons_Contents_GroupChat__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../svgs/Icons/Contents/GroupChat */ \"./src/Presentation/components/UI/svgs/Icons/Contents/GroupChat/index.tsx\");\n/* harmony import */ var _svgs_Icons_Navigation_Search__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../svgs/Icons/Navigation/Search */ \"./src/Presentation/components/UI/svgs/Icons/Navigation/Search/index.tsx\");\n/* harmony import */ var _UsersList_UsersList__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./UsersList/UsersList */ \"./src/Presentation/components/UI/Dialogs/DialogInformation/UsersList/UsersList.tsx\");\n/* harmony import */ var _UsersList_useUsersListViewModel__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./UsersList/useUsersListViewModel */ \"./src/Presentation/components/UI/Dialogs/DialogInformation/UsersList/useUsersListViewModel.ts\");\n/* harmony import */ var _Placeholders_ErrorComponent_ErrorComponent__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../Placeholders/ErrorComponent/ErrorComponent */ \"./src/Presentation/components/UI/Placeholders/ErrorComponent/ErrorComponent.tsx\");\n/* harmony import */ var _Placeholders_LoaderComponent_LoaderComponent__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../Placeholders/LoaderComponent/LoaderComponent */ \"./src/Presentation/components/UI/Placeholders/LoaderComponent/LoaderComponent.tsx\");\n/* harmony import */ var _svgs_ActiveSvg_ActiveSvg__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../svgs/ActiveSvg/ActiveSvg */ \"./src/Presentation/components/UI/svgs/ActiveSvg/ActiveSvg.tsx\");\n/* harmony import */ var _svgs_Icons_Navigation_Leave__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../../svgs/Icons/Navigation/Leave */ \"./src/Presentation/components/UI/svgs/Icons/Navigation/Leave/index.tsx\");\n/* harmony import */ var _svgs_Icons_Navigation_Next__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../../svgs/Icons/Navigation/Next */ \"./src/Presentation/components/UI/svgs/Icons/Navigation/Next/index.tsx\");\n/* harmony import */ var _svgs_Icons_Navigation_Down__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../../svgs/Icons/Navigation/Down */ \"./src/Presentation/components/UI/svgs/Icons/Navigation/Down/index.tsx\");\n/* harmony import */ var _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../../../../../Domain/entity/DialogTypes */ \"./src/Domain/entity/DialogTypes.ts\");\n/* harmony import */ var _svgs_Icons_Contents_PublicChannel__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ../../svgs/Icons/Contents/PublicChannel */ \"./src/Presentation/components/UI/svgs/Icons/Contents/PublicChannel/index.tsx\");\n/* harmony import */ var _svgs_Icons_Contents_User__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ../../svgs/Icons/Contents/User */ \"./src/Presentation/components/UI/svgs/Icons/Contents/User/index.tsx\");\n/* harmony import */ var _Buttons_ActiveButton_ActiveButton__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ../../Buttons/ActiveButton/ActiveButton */ \"./src/Presentation/components/UI/Buttons/ActiveButton/ActiveButton.tsx\");\n/* harmony import */ var _providers_ModalContextProvider_Modal__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ../../../providers/ModalContextProvider/Modal */ \"./src/Presentation/components/providers/ModalContextProvider/Modal.tsx\");\n/* harmony import */ var _EditDialog_EditDialog__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ../EditDialog/EditDialog */ \"./src/Presentation/components/UI/Dialogs/EditDialog/EditDialog.tsx\");\n/* harmony import */ var _InviteMembers_InviteMembers__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ../InviteMembers/InviteMembers */ \"./src/Presentation/components/UI/Dialogs/InviteMembers/InviteMembers.tsx\");\n/* harmony import */ var _Domain_entity_PublicDialogEntity__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ../../../../../Domain/entity/PublicDialogEntity */ \"./src/Domain/entity/PublicDialogEntity.ts\");\n/* harmony import */ var _YesNoQuestion_YesNoQuestion__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ../YesNoQuestion/YesNoQuestion */ \"./src/Presentation/components/UI/Dialogs/YesNoQuestion/YesNoQuestion.tsx\");\n/* harmony import */ var _MembersList_MembersList__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ../MembersList/MembersList */ \"./src/Presentation/components/UI/Dialogs/MembersList/MembersList.tsx\");\n/* harmony import */ var _utils_parse__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! ../../../../../utils/parse */ \"./src/utils/parse.ts\");\n/* harmony import */ var _EditDialog_UserAvatar_UserAvatar__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! ../EditDialog/UserAvatar/UserAvatar */ \"./src/Presentation/components/UI/Dialogs/EditDialog/UserAvatar/UserAvatar.tsx\");\n/* harmony import */ var _Buttons_MainButton_MainButton__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(/*! ../../Buttons/MainButton/MainButton */ \"./src/Presentation/components/UI/Buttons/MainButton/MainButton.tsx\");\n/* harmony import */ var _providers_QuickBloxUIKitProvider_useQbDataContext__WEBPACK_IMPORTED_MODULE_30__ = __webpack_require__(/*! ../../../providers/QuickBloxUIKitProvider/useQbDataContext */ \"./src/Presentation/components/providers/QuickBloxUIKitProvider/useQbDataContext.ts\");\nvar __assign = (undefined && undefined.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nvar __awaiter = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n    return new (P || (P = Promise))(function (resolve, reject) {\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\n    });\n};\nvar __generator = (undefined && undefined.__generator) || function (thisArg, body) {\n    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\n    return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\n    function verb(n) { return function (v) { return step([n, v]); }; }\n    function step(op) {\n        if (f) throw new TypeError(\"Generator is already executing.\");\n        while (g && (g = 0, op[0] && (_ = 0)), _) try {\n            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;\n            if (y = 0, t) op = [op[0] & 2, t.value];\n            switch (op[0]) {\n                case 0: case 1: t = op; break;\n                case 4: _.label++; return { value: op[1], done: false };\n                case 5: _.label++; y = op[1]; op = [0]; continue;\n                case 7: op = _.ops.pop(); _.trys.pop(); continue;\n                default:\n                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\n                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\n                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\n                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\n                    if (t[2]) _.ops.pop();\n                    _.trys.pop(); continue;\n            }\n            op = body.call(thisArg, _);\n        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\n        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\n    }\n};\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n// eslint-disable-next-line react/function-component-definition\nvar DialogInformation = function (_a) {\n    var _b, _c;\n    var dialog = _a.dialog, dialogViewModel = _a.dialogViewModel, closeInformationHandler = _a.closeInformationHandler;\n    var currentContext = (0,_providers_QuickBloxUIKitProvider_useQbDataContext__WEBPACK_IMPORTED_MODULE_30__[\"default\"])();\n    var currentUserId = (_b = currentContext.storage.REMOTE_DATA_SOURCE.authInformation) === null || _b === void 0 ? void 0 : _b.userId.toString();\n    var handleModal = react__WEBPACK_IMPORTED_MODULE_1___default().useContext(_providers_ModalContextProvider_Modal__WEBPACK_IMPORTED_MODULE_21__.ModalContext).handleModal;\n    // Markups Rules:\n    // 1. Container for size - SizeContainer(WrapperContent) <div>\n    // 2. Container for theme - ThemeContainer (not use margin and padding) <div>\n    // 3. Container for states -  include style in ThemeContainer from & in scss\n    // 4. if OnHover - need fix margin\n    // Получить список Юзеров (нужен юзкейс)[2998]\n    // ViewModel - которая вернет список юзеров для этого диалога[3002]\n    var userViewModel = (0,_UsersList_useUsersListViewModel__WEBPACK_IMPORTED_MODULE_10__[\"default\"])(dialog);\n    var _d = react__WEBPACK_IMPORTED_MODULE_1___default().useState(false), showMembersDialog = _d[0], setShowMembersDialog = _d[1];\n    var _e = react__WEBPACK_IMPORTED_MODULE_1___default().useState(false), isAllMembersShow = _e[0], setIsAllMembersShow = _e[1];\n    (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n        console.log('HAVE NEW DIALOG');\n        if (dialog === undefined && closeInformationHandler) {\n            console.log('HAVE UNDEFINED NEW DIALOG');\n            closeInformationHandler();\n            return;\n        }\n        userViewModel.entity = dialogViewModel.entity;\n        userViewModel.getUsers();\n        setShowMembersDialog(false);\n    }, [dialog, dialogViewModel.entity]);\n    (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n        console.log('users list has changed in DialogInformation:');\n        console.log(userViewModel.users);\n    }, [userViewModel.users]);\n    var searchDialogHandler = function () {\n        console.log('searchDialogHandler');\n    };\n    var closeModal = function () {\n        handleModal(false, '', '', false, false);\n    };\n    var leaveDialogHandler = function () {\n        handleModal(true, (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_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 () {\n                    dialogViewModel\n                        .deleteDialog(dialog)\n                        .then(function (result) {\n                        if (result)\n                            closeModal();\n                        return result;\n                    })\n                        .catch(function (e) {\n                        console.log('exception in DeleteDialogHandler', (0,_utils_parse__WEBPACK_IMPORTED_MODULE_27__.stringifyError)(e));\n                    });\n                }, ClickNoActionHandler: function () {\n                    closeModal();\n                } }) })), 'Leave dialog?', false, true);\n    };\n    var showMembersDialogHandler = function () {\n        setShowMembersDialog(!showMembersDialog);\n    };\n    // eslint-disable-next-line consistent-return\n    var renderIconForTypeDialog = function (dialogEntity) {\n        console.log(JSON.stringify(dialogEntity));\n        if (dialogEntity.type === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_17__.DialogType.group) {\n            var groupDialogEntity = dialogEntity;\n            if (groupDialogEntity.photo) {\n                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' } }));\n            }\n            return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Contents_GroupChat__WEBPACK_IMPORTED_MODULE_7__[\"default\"], { width: \"51\", height: \"51\", color: \"var(--secondary-text)\" });\n        }\n        if (dialogEntity.type === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_17__.DialogType[\"private\"]) {\n            return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Contents_User__WEBPACK_IMPORTED_MODULE_19__[\"default\"], { width: \"51\", height: \"51\", color: \"var(--secondary-text)\" });\n        }\n        if (dialogEntity.type === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_17__.DialogType[\"public\"]) {\n            var publicDialogEntity = dialogEntity;\n            if (publicDialogEntity.photo) {\n                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' } }));\n            }\n            return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Contents_PublicChannel__WEBPACK_IMPORTED_MODULE_18__[\"default\"], { width: \"51\", height: \"51\", color: \"var(--secondary-text)\" }));\n        }\n    };\n    function executeUpdateActions(params) {\n        return __awaiter(this, void 0, void 0, function () {\n            var newUidAvatar, uploadedFile, dialogForUpdate;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        newUidAvatar = null;\n                        console.log('before urlPhoto: ', newUidAvatar);\n                        if (!params.dialogAvatar) return [3 /*break*/, 3];\n                        if (!(params.dialogAvatar !== 'null')) return [3 /*break*/, 2];\n                        return [4 /*yield*/, dialogViewModel.uploadFile(params.dialogAvatar)];\n                    case 1:\n                        uploadedFile = _a.sent();\n                        newUidAvatar = uploadedFile.uid;\n                        return [3 /*break*/, 3];\n                    case 2:\n                        newUidAvatar = 'null';\n                        _a.label = 3;\n                    case 3:\n                        console.log('after urlPhoto: ', newUidAvatar);\n                        if (\n                        // newUidAvatar ||\n                        dialog.photo !== newUidAvatar ||\n                            (params.dialogTitle.length > 0 && params.dialogTitle !== dialog.name)) {\n                            dialogForUpdate = __assign(__assign({}, dialog), { name: params.dialogTitle, photo: newUidAvatar, newParticipantIds: [] });\n                            dialogViewModel\n                                .updateDialog(dialogForUpdate)\n                                // eslint-disable-next-line promise/always-return\n                                .then(function (data) {\n                                console.log('result update title dialog: ', JSON.stringify(data));\n                                // closeModal();\n                            })\n                                .catch(function (e) {\n                                console.log('Exception: ', e);\n                            });\n                        }\n                        return [2 /*return*/];\n                }\n            });\n        });\n    }\n    var getDialogUpdatedInfoHandler = function (params) {\n        console.log('call getDialogUpdatedInfoHandler, params: ', JSON.stringify(params));\n        // eslint-disable-next-line promise/catch-or-return,promise/always-return\n        executeUpdateActions(params).then(function () {\n            closeModal();\n        });\n    };\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    var _f = react__WEBPACK_IMPORTED_MODULE_1___default().useState(document.documentElement.getAttribute('data-theme')), themeName = _f[0], setThemeName = _f[1];\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    var changeThemeActions = function () {\n        console.log('Theme has changed.');\n        setThemeName(document.documentElement.getAttribute('data-theme'));\n    };\n    var getUrlAvatar = function (dialogEntity) {\n        switch (dialogEntity.type) {\n            case _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_17__.DialogType.group:\n                return dialogEntity.photo || undefined;\n                break;\n            case _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_17__.DialogType[\"public\"]:\n                return dialogEntity.photo || undefined;\n                break;\n            case _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_17__.DialogType[\"private\"]:\n                return undefined;\n                break;\n            default:\n                return undefined;\n                break;\n        }\n    };\n    return isAllMembersShow ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_MembersList_MembersList__WEBPACK_IMPORTED_MODULE_26__[\"default\"], { closeInformationHandler: function () {\n            setIsAllMembersShow(false);\n        }, members: userViewModel.users })) : ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"dialog-information-container\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_containers_ColumnContainer_ColumnContainer__WEBPACK_IMPORTED_MODULE_3__[\"default\"], __assign({ maxWidth: \"320px\" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: \"dialog-information-container--dialog-information-wrapper\" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"dialog-information-container__dialog-information\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", { children: \"Dialog information\" }) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"dialog-information-container__dialog-information-close\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_ActiveSvg_ActiveSvg__WEBPACK_IMPORTED_MODULE_13__[\"default\"], { content: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Navigation_Close__WEBPACK_IMPORTED_MODULE_4__[\"default\"], { applyZoom: true, color: \"var(--secondary-elements)\" }), clickAction: function () {\n                                    if (closeInformationHandler) {\n                                        closeInformationHandler();\n                                    }\n                                } }) }))] })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"dialog-information-container--icon-dialog-wrapper\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"dialog-information-container__icon-dialog\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: \"dialog-information-container__icon-dialog__info\" }, { children: [dialog.type !== _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_17__.DialogType[\"private\"] ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"dialog-information-container__icon-dialog__btn\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Buttons_ActiveButton_ActiveButton__WEBPACK_IMPORTED_MODULE_20__[\"default\"], { content: \"Edit\", clickAction: function () {\n                                            handleModal(true, (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_EditDialog_EditDialog__WEBPACK_IMPORTED_MODULE_22__[\"default\"], { nameDialog: dialog.name, typeDialog: dialog.type, ulrIcon: getUrlAvatar(dialog), typeAddEditDialog: _EditDialog_EditDialog__WEBPACK_IMPORTED_MODULE_22__.TypeOpenDialog.edit, clickUpdatedHandler: getDialogUpdatedInfoHandler, clickCancelHandler: closeModal }), 'Edit dialog', false, false);\n                                        }, touchAction: function () {\n                                            console.log('call touchAction');\n                                        } }) }))) : null, (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"dialog-information-container__icon-dialog__info__icon\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"dialog-information-container__icon-dialog__info__icon__content\" }, { 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-container__icon-dialog__info__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__.jsxs)(\"div\", __assign({ className: \"dialog-information-container--notifications-wrapper\" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"dialog-information-container--notifications-wrapper__notifications-icon\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Toggle_NotifyOn__WEBPACK_IMPORTED_MODULE_5__[\"default\"], { width: \"24\", height: \"24\", applyZoom: true }) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"dialog-information-container--notifications-wrapper__notifications\" }, { children: \"Notifications\" })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ onClick: function () {\n                                console.log('clicked SwitchButton theme');\n                                document.documentElement.setAttribute('data-theme', 'dark');\n                                // changeThemeActions();\n                            }, className: \"dialog-information-container--notifications-wrapper__notifications-button\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Elements_SwitchButton_SwitchButton__WEBPACK_IMPORTED_MODULE_6__[\"default\"], { clickHandler: function () {\n                                    console.log('clicked SwitchButton theme');\n                                } }) }))] })), dialog.type !== _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_17__.DialogType[\"private\"] ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: \"dialog-information-container--members-wrapper\" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"dialog-information-container--members-wrapper__members-icon\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Contents_GroupChat__WEBPACK_IMPORTED_MODULE_7__[\"default\"], { width: \"24\", height: \"24\", applyZoom: true, color: \"var(--secondary-elements)\" }) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"dialog-information-container--members-wrapper__members\" }, { children: \"Members\" })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: \"dialog-information-container--members-wrapper__members-button\" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"dialog-information-container--members-wrapper__members-button__count\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"dialog-information-container--members-wrapper__members-button__count__content\" }, { children: userViewModel.users.length })) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"dialog-information-container--members-wrapper__members-button__btn\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_ActiveSvg_ActiveSvg__WEBPACK_IMPORTED_MODULE_13__[\"default\"], { content: showMembersDialog ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Navigation_Down__WEBPACK_IMPORTED_MODULE_16__[\"default\"], { applyZoom: true, width: \"24\", height: \"24\", color: \"var(--secondary-elements)\" })) : ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Navigation_Next__WEBPACK_IMPORTED_MODULE_15__[\"default\"], { applyZoom: true, width: \"24\", height: \"24\", color: \"var(--secondary-elements)\" })), clickAction: function () { return showMembersDialogHandler(); }, touchAction: function () { return console.log('showMembersDialogHandler'); } }) }))] }))] })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", { children: showMembersDialog ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_containers_ColumnContainer_ColumnContainer__WEBPACK_IMPORTED_MODULE_3__[\"default\"], { children: [(userViewModel === null || userViewModel === void 0 ? void 0 : userViewModel.loading) && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ style: {\n                                            height: '44px',\n                                            width: '44px',\n                                        } }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_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)(_Placeholders_ErrorComponent_ErrorComponent__WEBPACK_IMPORTED_MODULE_11__[\"default\"], { title: userViewModel === null || userViewModel === void 0 ? void 0 : userViewModel.error, ClickActionHandler: function () {\n                                            alert('call click retry');\n                                        } })), userViewModel.users && userViewModel.users.length > 0 && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"dialog-information-container--members-wrapper__members-list\" }, { 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__.jsx)(\"div\", __assign({ className: \"btn-container-members\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: \"btn-container-members--wrapper\" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Buttons_MainButton_MainButton__WEBPACK_IMPORTED_MODULE_29__[\"default\"], { title: \"Invite members\", clickHandler: function () {\n                                                        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(dialog), applyInviteUsersHandler: function (usersForInvite, \n                                                            // eslint-disable-next-line @typescript-eslint/no-unused-vars\n                                                            usersForRemove) {\n                                                                console.log('apply invite users');\n                                                                console.log('HAVE SELECTED USERS: ', JSON.stringify(usersForInvite));\n                                                                var alreadyPresents = _Domain_entity_PublicDialogEntity__WEBPACK_IMPORTED_MODULE_24__.PublicDialogEntity.getParticipants(dialog);\n                                                                var newParticipants = usersForInvite.filter(function (item) { return alreadyPresents.indexOf(item) < 0; });\n                                                                // const participantsForDelete = usersForInvite.filter( (item) => item.isC )\n                                                                if (newParticipants.length > 0) {\n                                                                    var dialogForUpdate = __assign(__assign({}, dialog), { participantIds: newParticipants, newParticipantIds: newParticipants, photo: '', name: '' });\n                                                                    dialogViewModel\n                                                                        .updateDialog(dialogForUpdate)\n                                                                        // eslint-disable-next-line promise/always-return\n                                                                        .then(function (data) {\n                                                                        console.log('result update dialog: ', JSON.stringify(data));\n                                                                        closeModal();\n                                                                    })\n                                                                        .catch(function (e) {\n                                                                        console.log('Exception: ', e);\n                                                                    });\n                                                                }\n                                                                if (usersForRemove.length > 0) {\n                                                                    var dialogForUpdate = __assign(__assign({}, dialog), { photo: '', name: '', participantsToRemoveIds: usersForRemove });\n                                                                    dialogViewModel\n                                                                        .removeMembers(dialogForUpdate)\n                                                                        // eslint-disable-next-line promise/always-return\n                                                                        .then(function (data) {\n                                                                        console.log('result removeMembers dialog: ', JSON.stringify(data));\n                                                                        closeModal();\n                                                                    })\n                                                                        .catch(function (e) {\n                                                                        console.log('Exception: ', e);\n                                                                    });\n                                                                }\n                                                            }, cancelInviteMembersHandler: function () {\n                                                                closeModal();\n                                                            }, typeDialog: dialog.type, idOwnerDialog: dialog.ownerId }), 'Edit dialog', false, false);\n                                                    }, typeButton: _Buttons_MainButton_MainButton__WEBPACK_IMPORTED_MODULE_29__.TypeButton.outlined, disabled: dialog.ownerId !== currentUserId }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Buttons_MainButton_MainButton__WEBPACK_IMPORTED_MODULE_29__[\"default\"], { title: \"See all members\", typeButton: _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-information-container--search-wrapper\" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"dialog-information-container--search-wrapper__search-icon\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_ActiveSvg_ActiveSvg__WEBPACK_IMPORTED_MODULE_13__[\"default\"], { content: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Navigation_Search__WEBPACK_IMPORTED_MODULE_8__[\"default\"], { width: \"24\", height: \"24\", applyZoom: true }), clickAction: function () { return searchDialogHandler(); }, touchAction: function () { return searchDialogHandler(); } }) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"dialog-information-container--search-wrapper__search-text\" }, { children: \"Search in dialog\" }))] })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: \"dialog-information-container--leave-dialog-wrapper\" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"dialog-information-container--leave-dialog-wrapper__leave-icon\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_ActiveSvg_ActiveSvg__WEBPACK_IMPORTED_MODULE_13__[\"default\"], { content: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Navigation_Leave__WEBPACK_IMPORTED_MODULE_14__[\"default\"], { width: \"24\", height: \"24\", applyZoom: true }), clickAction: function () {\n                                    leaveDialogHandler();\n                                }, touchAction: function () {\n                                    leaveDialogHandler();\n                                } }) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"dialog-information-container--leave-dialog-wrapper__leave-text\" }, { children: \"Leave Dialog\" }))] }))] })) })));\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (DialogInformation);\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/Presentation/components/UI/Dialogs/DialogInformation/DialogInformation.tsx?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _DialogInformation_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./DialogInformation.scss */ \"./src/Presentation/components/UI/Dialogs/DialogInformation/DialogInformation.scss\");\n/* harmony import */ var _containers_ColumnContainer_ColumnContainer__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../containers/ColumnContainer/ColumnContainer */ \"./src/Presentation/components/containers/ColumnContainer/ColumnContainer.tsx\");\n/* harmony import */ var _svgs_Icons_Navigation_Close__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../svgs/Icons/Navigation/Close */ \"./src/Presentation/components/UI/svgs/Icons/Navigation/Close/index.tsx\");\n/* harmony import */ var _svgs_Icons_Toggle_NotifyOn__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../svgs/Icons/Toggle/NotifyOn */ \"./src/Presentation/components/UI/svgs/Icons/Toggle/NotifyOn/index.tsx\");\n/* harmony import */ var _Elements_SwitchButton_SwitchButton__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../Elements/SwitchButton/SwitchButton */ \"./src/Presentation/components/UI/Elements/SwitchButton/SwitchButton.tsx\");\n/* harmony import */ var _svgs_Icons_Contents_GroupChat__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../svgs/Icons/Contents/GroupChat */ \"./src/Presentation/components/UI/svgs/Icons/Contents/GroupChat/index.tsx\");\n/* harmony import */ var _svgs_Icons_Navigation_Search__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../svgs/Icons/Navigation/Search */ \"./src/Presentation/components/UI/svgs/Icons/Navigation/Search/index.tsx\");\n/* harmony import */ var _UsersList_UsersList__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./UsersList/UsersList */ \"./src/Presentation/components/UI/Dialogs/DialogInformation/UsersList/UsersList.tsx\");\n/* harmony import */ var _UsersList_useUsersListViewModel__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./UsersList/useUsersListViewModel */ \"./src/Presentation/components/UI/Dialogs/DialogInformation/UsersList/useUsersListViewModel.ts\");\n/* harmony import */ var _Placeholders_ErrorComponent_ErrorComponent__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../Placeholders/ErrorComponent/ErrorComponent */ \"./src/Presentation/components/UI/Placeholders/ErrorComponent/ErrorComponent.tsx\");\n/* harmony import */ var _Placeholders_LoaderComponent_LoaderComponent__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../Placeholders/LoaderComponent/LoaderComponent */ \"./src/Presentation/components/UI/Placeholders/LoaderComponent/LoaderComponent.tsx\");\n/* harmony import */ var _svgs_ActiveSvg_ActiveSvg__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../svgs/ActiveSvg/ActiveSvg */ \"./src/Presentation/components/UI/svgs/ActiveSvg/ActiveSvg.tsx\");\n/* harmony import */ var _svgs_Icons_Navigation_Leave__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../../svgs/Icons/Navigation/Leave */ \"./src/Presentation/components/UI/svgs/Icons/Navigation/Leave/index.tsx\");\n/* harmony import */ var _svgs_Icons_Navigation_Next__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../../svgs/Icons/Navigation/Next */ \"./src/Presentation/components/UI/svgs/Icons/Navigation/Next/index.tsx\");\n/* harmony import */ var _svgs_Icons_Navigation_Down__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../../svgs/Icons/Navigation/Down */ \"./src/Presentation/components/UI/svgs/Icons/Navigation/Down/index.tsx\");\n/* harmony import */ var _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../../../../../Domain/entity/DialogTypes */ \"./src/Domain/entity/DialogTypes.ts\");\n/* harmony import */ var _svgs_Icons_Contents_PublicChannel__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ../../svgs/Icons/Contents/PublicChannel */ \"./src/Presentation/components/UI/svgs/Icons/Contents/PublicChannel/index.tsx\");\n/* harmony import */ var _svgs_Icons_Contents_User__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ../../svgs/Icons/Contents/User */ \"./src/Presentation/components/UI/svgs/Icons/Contents/User/index.tsx\");\n/* harmony import */ var _Buttons_ActiveButton_ActiveButton__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ../../Buttons/ActiveButton/ActiveButton */ \"./src/Presentation/components/UI/Buttons/ActiveButton/ActiveButton.tsx\");\n/* harmony import */ var _providers_ModalContextProvider_Modal__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ../../../providers/ModalContextProvider/Modal */ \"./src/Presentation/components/providers/ModalContextProvider/Modal.tsx\");\n/* harmony import */ var _EditDialog_EditDialog__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ../EditDialog/EditDialog */ \"./src/Presentation/components/UI/Dialogs/EditDialog/EditDialog.tsx\");\n/* harmony import */ var _InviteMembers_InviteMembers__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ../InviteMembers/InviteMembers */ \"./src/Presentation/components/UI/Dialogs/InviteMembers/InviteMembers.tsx\");\n/* harmony import */ var _Domain_entity_PublicDialogEntity__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ../../../../../Domain/entity/PublicDialogEntity */ \"./src/Domain/entity/PublicDialogEntity.ts\");\n/* harmony import */ var _YesNoQuestion_YesNoQuestion__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ../YesNoQuestion/YesNoQuestion */ \"./src/Presentation/components/UI/Dialogs/YesNoQuestion/YesNoQuestion.tsx\");\n/* harmony import */ var _MembersList_MembersList__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ../MembersList/MembersList */ \"./src/Presentation/components/UI/Dialogs/MembersList/MembersList.tsx\");\n/* harmony import */ var _utils_parse__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! ../../../../../utils/parse */ \"./src/utils/parse.ts\");\n/* harmony import */ var _EditDialog_UserAvatar_UserAvatar__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! ../EditDialog/UserAvatar/UserAvatar */ \"./src/Presentation/components/UI/Dialogs/EditDialog/UserAvatar/UserAvatar.tsx\");\n/* harmony import */ var _Buttons_MainButton_MainButton__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(/*! ../../Buttons/MainButton/MainButton */ \"./src/Presentation/components/UI/Buttons/MainButton/MainButton.tsx\");\n/* harmony import */ var _providers_QuickBloxUIKitProvider_useQbDataContext__WEBPACK_IMPORTED_MODULE_30__ = __webpack_require__(/*! ../../../providers/QuickBloxUIKitProvider/useQbDataContext */ \"./src/Presentation/components/providers/QuickBloxUIKitProvider/useQbDataContext.ts\");\nvar __assign = (undefined && undefined.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nvar __awaiter = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n    return new (P || (P = Promise))(function (resolve, reject) {\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\n    });\n};\nvar __generator = (undefined && undefined.__generator) || function (thisArg, body) {\n    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\n    return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\n    function verb(n) { return function (v) { return step([n, v]); }; }\n    function step(op) {\n        if (f) throw new TypeError(\"Generator is already executing.\");\n        while (g && (g = 0, op[0] && (_ = 0)), _) try {\n            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;\n            if (y = 0, t) op = [op[0] & 2, t.value];\n            switch (op[0]) {\n                case 0: case 1: t = op; break;\n                case 4: _.label++; return { value: op[1], done: false };\n                case 5: _.label++; y = op[1]; op = [0]; continue;\n                case 7: op = _.ops.pop(); _.trys.pop(); continue;\n                default:\n                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\n                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\n                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\n                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\n                    if (t[2]) _.ops.pop();\n                    _.trys.pop(); continue;\n            }\n            op = body.call(thisArg, _);\n        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\n        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\n    }\n};\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n// eslint-disable-next-line react/function-component-definition\nvar DialogInformation = function (_a) {\n    var _b, _c;\n    var dialog = _a.dialog, dialogViewModel = _a.dialogViewModel, closeInformationHandler = _a.closeInformationHandler;\n    var currentContext = (0,_providers_QuickBloxUIKitProvider_useQbDataContext__WEBPACK_IMPORTED_MODULE_30__[\"default\"])();\n    var currentUserId = (_b = currentContext.storage.REMOTE_DATA_SOURCE.authInformation) === null || _b === void 0 ? void 0 : _b.userId.toString();\n    var handleModal = react__WEBPACK_IMPORTED_MODULE_1___default().useContext(_providers_ModalContextProvider_Modal__WEBPACK_IMPORTED_MODULE_21__.ModalContext).handleModal;\n    var userViewModel = (0,_UsersList_useUsersListViewModel__WEBPACK_IMPORTED_MODULE_10__[\"default\"])(dialog);\n    var _d = react__WEBPACK_IMPORTED_MODULE_1___default().useState(false), showMembersDialog = _d[0], setShowMembersDialog = _d[1];\n    var _e = react__WEBPACK_IMPORTED_MODULE_1___default().useState(false), isAllMembersShow = _e[0], setIsAllMembersShow = _e[1];\n    (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n        console.log('HAVE NEW DIALOG');\n        if (dialog === undefined && closeInformationHandler) {\n            console.log('HAVE UNDEFINED NEW DIALOG');\n            closeInformationHandler();\n            return;\n        }\n        userViewModel.entity = dialogViewModel.entity;\n        setShowMembersDialog(false);\n    }, [dialog, dialogViewModel.entity]);\n    (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n        userViewModel.getUsers();\n    }, [userViewModel.entity]);\n    (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n        console.log('users list has changed in DialogInformation:');\n        console.log(userViewModel.users);\n    }, [userViewModel.users]);\n    var searchDialogHandler = function () {\n        console.log('searchDialogHandler');\n    };\n    var closeModal = function () {\n        handleModal(false, '', '', false, false);\n    };\n    var leaveDialogHandler = function () {\n        handleModal(true, (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_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 () {\n                    dialogViewModel\n                        .deleteDialog(((dialogViewModel === null || dialogViewModel === void 0 ? void 0 : dialogViewModel.entity) || dialog))\n                        .then(function (result) {\n                        if (result)\n                            closeModal();\n                        return result;\n                    })\n                        .catch(function (e) {\n                        console.log('exception in DeleteDialogHandler', (0,_utils_parse__WEBPACK_IMPORTED_MODULE_27__.stringifyError)(e));\n                    });\n                }, ClickNoActionHandler: function () {\n                    closeModal();\n                } }) })), 'Leave dialog?', false, true);\n    };\n    var showMembersDialogHandler = function () {\n        setShowMembersDialog(!showMembersDialog);\n    };\n    // eslint-disable-next-line consistent-return\n    var renderIconForTypeDialog = function (dialogEntity) {\n        console.log(JSON.stringify(dialogEntity));\n        if (dialogEntity.type === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_17__.DialogType.group) {\n            var groupDialogEntity = dialogEntity;\n            if (groupDialogEntity.photo) {\n                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' } }));\n            }\n            return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Contents_GroupChat__WEBPACK_IMPORTED_MODULE_7__[\"default\"], { width: \"51\", height: \"51\", color: \"var(--secondary-text)\" });\n        }\n        if (dialogEntity.type === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_17__.DialogType[\"private\"]) {\n            return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Contents_User__WEBPACK_IMPORTED_MODULE_19__[\"default\"], { width: \"51\", height: \"51\", color: \"var(--secondary-text)\" });\n        }\n        if (dialogEntity.type === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_17__.DialogType[\"public\"]) {\n            var publicDialogEntity = dialogEntity;\n            if (publicDialogEntity.photo) {\n                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' } }));\n            }\n            return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Contents_PublicChannel__WEBPACK_IMPORTED_MODULE_18__[\"default\"], { width: \"51\", height: \"51\", color: \"var(--secondary-text)\" }));\n        }\n    };\n    function executeUpdateActions(params) {\n        return __awaiter(this, void 0, void 0, function () {\n            var newUidAvatar, uploadedFile, dialogForUpdate;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        newUidAvatar = null;\n                        console.log('before urlPhoto: ', newUidAvatar);\n                        if (!params.dialogAvatar) return [3 /*break*/, 3];\n                        if (!(params.dialogAvatar !== 'null')) return [3 /*break*/, 2];\n                        return [4 /*yield*/, dialogViewModel.uploadFile(params.dialogAvatar)];\n                    case 1:\n                        uploadedFile = _a.sent();\n                        newUidAvatar = uploadedFile.uid;\n                        return [3 /*break*/, 3];\n                    case 2:\n                        newUidAvatar = 'null';\n                        _a.label = 3;\n                    case 3:\n                        console.log('after urlPhoto: ', newUidAvatar);\n                        if (\n                        // newUidAvatar ||\n                        dialog.photo !== newUidAvatar ||\n                            (params.dialogTitle.length > 0 && params.dialogTitle !== dialog.name)) {\n                            dialogForUpdate = __assign(__assign({}, dialog), { name: params.dialogTitle, photo: newUidAvatar, newParticipantIds: [] });\n                            dialogViewModel\n                                .updateDialog(dialogForUpdate)\n                                // eslint-disable-next-line promise/always-return\n                                .then(function (data) {\n                                console.log('result update title dialog: ', JSON.stringify(data));\n                                // closeModal();\n                            })\n                                .catch(function (e) {\n                                console.log('Exception: ', e);\n                            });\n                        }\n                        return [2 /*return*/];\n                }\n            });\n        });\n    }\n    var getDialogUpdatedInfoHandler = function (params) {\n        console.log('call getDialogUpdatedInfoHandler, params: ', JSON.stringify(params));\n        // eslint-disable-next-line promise/catch-or-return,promise/always-return\n        executeUpdateActions(params).then(function () {\n            closeModal();\n        });\n    };\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    var _f = react__WEBPACK_IMPORTED_MODULE_1___default().useState(document.documentElement.getAttribute('data-theme')), themeName = _f[0], setThemeName = _f[1];\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    var changeThemeActions = function () {\n        setThemeName(document.documentElement.getAttribute('data-theme'));\n    };\n    var getUrlAvatar = function (dialogEntity) {\n        switch (dialogEntity.type) {\n            case _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_17__.DialogType.group:\n                return dialogEntity.photo || undefined;\n                break;\n            case _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_17__.DialogType[\"public\"]:\n                return dialogEntity.photo || undefined;\n                break;\n            case _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_17__.DialogType[\"private\"]:\n                return undefined;\n                break;\n            default:\n                return undefined;\n                break;\n        }\n    };\n    return isAllMembersShow ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_MembersList_MembersList__WEBPACK_IMPORTED_MODULE_26__[\"default\"], { closeInformationHandler: function () {\n            setIsAllMembersShow(false);\n        }, members: userViewModel.users })) : ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"dialog-information-container\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_containers_ColumnContainer_ColumnContainer__WEBPACK_IMPORTED_MODULE_3__[\"default\"], __assign({ maxWidth: \"320px\" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: \"dialog-information-container--dialog-information-wrapper\" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"dialog-information-container__dialog-information\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", { children: \"Dialog information\" }) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"dialog-information-container__dialog-information-close\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_ActiveSvg_ActiveSvg__WEBPACK_IMPORTED_MODULE_13__[\"default\"], { content: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Navigation_Close__WEBPACK_IMPORTED_MODULE_4__[\"default\"], { applyZoom: true, color: \"var(--secondary-elements)\" }), clickAction: function () {\n                                    if (closeInformationHandler) {\n                                        closeInformationHandler();\n                                    }\n                                } }) }))] })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"dialog-information-container--icon-dialog-wrapper\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"dialog-information-container__icon-dialog\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: \"dialog-information-container__icon-dialog__info\" }, { children: [dialog.type !== _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_17__.DialogType[\"private\"] ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"dialog-information-container__icon-dialog__btn\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Buttons_ActiveButton_ActiveButton__WEBPACK_IMPORTED_MODULE_20__[\"default\"], { content: \"Edit\", clickAction: function () {\n                                            handleModal(true, (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_EditDialog_EditDialog__WEBPACK_IMPORTED_MODULE_22__[\"default\"], { nameDialog: (dialogViewModel === null || dialogViewModel === void 0 ? void 0 : dialogViewModel.entity.name) || dialog.name, typeDialog: (dialogViewModel === null || dialogViewModel === void 0 ? void 0 : dialogViewModel.entity.type) || dialog.type, ulrIcon: getUrlAvatar((dialogViewModel === null || dialogViewModel === void 0 ? void 0 : dialogViewModel.entity) || dialog), typeAddEditDialog: _EditDialog_EditDialog__WEBPACK_IMPORTED_MODULE_22__.TypeOpenDialog.edit, clickUpdatedHandler: getDialogUpdatedInfoHandler, clickCancelHandler: closeModal }), 'Edit dialog', false, false);\n                                        }, touchAction: function () {\n                                            console.log('call touchAction');\n                                        } }) }))) : null, (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"dialog-information-container__icon-dialog__info__icon\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"dialog-information-container__icon-dialog__info__icon__content\" }, { 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-container__icon-dialog__info__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__.jsxs)(\"div\", __assign({ className: \"dialog-information-container--notifications-wrapper\" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"dialog-information-container--notifications-wrapper__notifications-icon\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Toggle_NotifyOn__WEBPACK_IMPORTED_MODULE_5__[\"default\"], { width: \"24\", height: \"24\", applyZoom: true }) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"dialog-information-container--notifications-wrapper__notifications\" }, { children: \"Notifications\" })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ onClick: function () {\n                                console.log('clicked SwitchButton theme');\n                                document.documentElement.setAttribute('data-theme', 'dark');\n                                // changeThemeActions();\n                            }, className: \"dialog-information-container--notifications-wrapper__notifications-button\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Elements_SwitchButton_SwitchButton__WEBPACK_IMPORTED_MODULE_6__[\"default\"], { clickHandler: function () {\n                                    console.log('clicked SwitchButton theme');\n                                } }) }))] })), dialog.type !== _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_17__.DialogType[\"private\"] ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: \"dialog-information-container--members-wrapper\" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"dialog-information-container--members-wrapper__members-icon\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Contents_GroupChat__WEBPACK_IMPORTED_MODULE_7__[\"default\"], { width: \"24\", height: \"24\", applyZoom: true, color: \"var(--secondary-elements)\" }) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"dialog-information-container--members-wrapper__members\" }, { children: \"Members\" })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: \"dialog-information-container--members-wrapper__members-button\" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"dialog-information-container--members-wrapper__members-button__count\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"dialog-information-container--members-wrapper__members-button__count__content\" }, { children: userViewModel.users.length })) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"dialog-information-container--members-wrapper__members-button__btn\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_ActiveSvg_ActiveSvg__WEBPACK_IMPORTED_MODULE_13__[\"default\"], { content: showMembersDialog ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Navigation_Down__WEBPACK_IMPORTED_MODULE_16__[\"default\"], { applyZoom: true, width: \"24\", height: \"24\", color: \"var(--secondary-elements)\" })) : ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Navigation_Next__WEBPACK_IMPORTED_MODULE_15__[\"default\"], { applyZoom: true, width: \"24\", height: \"24\", color: \"var(--secondary-elements)\" })), clickAction: function () { return showMembersDialogHandler(); }, touchAction: function () { return console.log('showMembersDialogHandler'); } }) }))] }))] })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", { children: showMembersDialog ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_containers_ColumnContainer_ColumnContainer__WEBPACK_IMPORTED_MODULE_3__[\"default\"], { children: [(userViewModel === null || userViewModel === void 0 ? void 0 : userViewModel.loading) && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ style: {\n                                            height: '44px',\n                                            width: '44px',\n                                        } }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_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)(_Placeholders_ErrorComponent_ErrorComponent__WEBPACK_IMPORTED_MODULE_11__[\"default\"], { title: userViewModel === null || userViewModel === void 0 ? void 0 : userViewModel.error, ClickActionHandler: function () {\n                                            alert('call click retry');\n                                        } })), userViewModel.users && userViewModel.users.length > 0 && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"dialog-information-container--members-wrapper__members-list\" }, { 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__.jsx)(\"div\", __assign({ className: \"btn-container-members\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: \"btn-container-members--wrapper\" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Buttons_MainButton_MainButton__WEBPACK_IMPORTED_MODULE_29__[\"default\"], { title: \"Invite members\", clickHandler: function () {\n                                                        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, \n                                                            // eslint-disable-next-line @typescript-eslint/no-unused-vars\n                                                            usersForRemove) {\n                                                                console.log('apply invite users');\n                                                                console.log('HAVE SELECTED USERS: ', JSON.stringify(usersForInvite));\n                                                                var alreadyPresents = _Domain_entity_PublicDialogEntity__WEBPACK_IMPORTED_MODULE_24__.PublicDialogEntity.getParticipants((dialogViewModel === null || dialogViewModel === void 0 ? void 0 : dialogViewModel.entity) || dialog);\n                                                                var newParticipants = usersForInvite.filter(function (item) { return alreadyPresents.indexOf(item) < 0; });\n                                                                if (newParticipants.length > 0) {\n                                                                    var dialogForUpdate = __assign(__assign({}, ((dialogViewModel === null || dialogViewModel === void 0 ? void 0 : dialogViewModel.entity) ||\n                                                                        dialog)), { participantIds: ((dialogViewModel === null || dialogViewModel === void 0 ? void 0 : dialogViewModel.entity) ||\n                                                                            dialog).participantIds, newParticipantIds: newParticipants, photo: '', name: '' });\n                                                                    dialogViewModel\n                                                                        .updateDialog(dialogForUpdate)\n                                                                        // eslint-disable-next-line promise/always-return\n                                                                        .then(function (data) {\n                                                                        console.log('result update dialog: ', JSON.stringify(data));\n                                                                        closeModal();\n                                                                    })\n                                                                        .catch(function (e) {\n                                                                        console.log('Exception: ', e);\n                                                                    });\n                                                                }\n                                                                if (usersForRemove.length > 0) {\n                                                                    var dialogForUpdate = __assign(__assign({}, ((dialogViewModel === null || dialogViewModel === void 0 ? void 0 : dialogViewModel.entity) ||\n                                                                        dialog)), { photo: '', name: '', participantsToRemoveIds: usersForRemove });\n                                                                    dialogViewModel\n                                                                        .removeMembers(dialogForUpdate)\n                                                                        // eslint-disable-next-line promise/always-return\n                                                                        .then(function (data) {\n                                                                        console.log('result removeMembers dialog: ', JSON.stringify(data));\n                                                                        closeModal();\n                                                                    })\n                                                                        .catch(function (e) {\n                                                                        console.log('Exception: ', e);\n                                                                    });\n                                                                }\n                                                            }, cancelInviteMembersHandler: function () {\n                                                                closeModal();\n                                                            }, typeAddEditDialog: _EditDialog_EditDialog__WEBPACK_IMPORTED_MODULE_22__.TypeOpenDialog.edit, typeDialog: dialog.type, idOwnerDialog: dialog.ownerId }), 'Edit dialog', false, false);\n                                                    }, typeButton: _Buttons_MainButton_MainButton__WEBPACK_IMPORTED_MODULE_29__.TypeButton.outlined, disabled: dialog.ownerId !== currentUserId }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Buttons_MainButton_MainButton__WEBPACK_IMPORTED_MODULE_29__[\"default\"], { title: \"See all members\", typeButton: _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-information-container--search-wrapper\" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"dialog-information-container--search-wrapper__search-icon\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_ActiveSvg_ActiveSvg__WEBPACK_IMPORTED_MODULE_13__[\"default\"], { content: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Navigation_Search__WEBPACK_IMPORTED_MODULE_8__[\"default\"], { width: \"24\", height: \"24\", applyZoom: true }), clickAction: function () { return searchDialogHandler(); }, touchAction: function () { return searchDialogHandler(); } }) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"dialog-information-container--search-wrapper__search-text\" }, { children: \"Search in dialog\" }))] })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: \"dialog-information-container--leave-dialog-wrapper\" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"dialog-information-container--leave-dialog-wrapper__leave-icon\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_ActiveSvg_ActiveSvg__WEBPACK_IMPORTED_MODULE_13__[\"default\"], { content: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Navigation_Leave__WEBPACK_IMPORTED_MODULE_14__[\"default\"], { width: \"24\", height: \"24\", applyZoom: true }), clickAction: function () {\n                                    leaveDialogHandler();\n                                }, touchAction: function () {\n                                    leaveDialogHandler();\n                                } }) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"dialog-information-container--leave-dialog-wrapper__leave-text\" }, { children: \"Leave Dialog\" }))] }))] })) })));\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (DialogInformation);\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/Presentation/components/UI/Dialogs/DialogInformation/DialogInformation.tsx?");
 
 /***/ }),
 
@@ -1763,7 +1708,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"TypeOpenDialog\": function() { return /* binding */ TypeOpenDialog; }\n/* harmony export */ });\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _EditDialog_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./EditDialog.scss */ \"./src/Presentation/components/UI/Dialogs/EditDialog/EditDialog.scss\");\n/* harmony import */ var _containers_ColumnContainer_ColumnContainer__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../containers/ColumnContainer/ColumnContainer */ \"./src/Presentation/components/containers/ColumnContainer/ColumnContainer.tsx\");\n/* harmony import */ var _svgs_Icons_Contents_User__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../svgs/Icons/Contents/User */ \"./src/Presentation/components/UI/svgs/Icons/Contents/User/index.tsx\");\n/* harmony import */ var _containers_RowRightContainer_RowRightContainer__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../containers/RowRightContainer/RowRightContainer */ \"./src/Presentation/components/containers/RowRightContainer/RowRightContainer.tsx\");\n/* harmony import */ var _Buttons_MainButton_MainButton__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../Buttons/MainButton/MainButton */ \"./src/Presentation/components/UI/Buttons/MainButton/MainButton.tsx\");\n/* harmony import */ var _UserAvatar_UserAvatar__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./UserAvatar/UserAvatar */ \"./src/Presentation/components/UI/Dialogs/EditDialog/UserAvatar/UserAvatar.tsx\");\n/* harmony import */ var _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../../Domain/entity/DialogTypes */ \"./src/Domain/entity/DialogTypes.ts\");\n/* harmony import */ var _svgs_Icons_Contents_GroupChat__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../svgs/Icons/Contents/GroupChat */ \"./src/Presentation/components/UI/svgs/Icons/Contents/GroupChat/index.tsx\");\n/* harmony import */ var _svgs_Icons_Contents_PublicChannel__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../svgs/Icons/Contents/PublicChannel */ \"./src/Presentation/components/UI/svgs/Icons/Contents/PublicChannel/index.tsx\");\nvar __assign = (undefined && undefined.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\n\n\n\n\n\n\n\n\n\n\n\n// import { QBCreateAndUploadContent } from '../../../../../qb-api-calls';\nvar TypeOpenDialog = {\n    edit: 'edit',\n    create: 'create',\n};\n// eslint-disable-next-line react/function-component-definition,@typescript-eslint/no-unused-vars\nvar EditDialog = function (_a) {\n    var _b = _a.nameDialog, nameDialog = _b === void 0 ? '' : _b, typeDialog = _a.typeDialog, \n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    _c = _a.ulrIcon, \n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    ulrIcon = _c === void 0 ? '' : _c, _d = _a.typeAddEditDialog, typeAddEditDialog = _d === void 0 ? TypeOpenDialog.create : _d, clickUpdatedHandler = _a.clickUpdatedHandler, clickCancelHandler = _a.clickCancelHandler;\n    var minLengthNameDialog = 3;\n    var maxLengthNameDialog = 60;\n    var _e = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(nameDialog), dialogName = _e[0], setDialogName = _e[1];\n    var _f = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(null), fileUploadAvatar = _f[0], setFileUploadAvatar = _f[1];\n    var _g = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(ulrIcon || ''), urlAvatar = _g[0], setUrlAvatar = _g[1];\n    var _h = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(nameDialog.length < minLengthNameDialog ||\n        nameDialog.length > maxLengthNameDialog), disabledButton = _h[0], setDisabledButton = _h[1];\n    (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n        setDisabledButton(dialogName.length < minLengthNameDialog ||\n            dialogName.length > maxLengthNameDialog);\n    }, [dialogName]);\n    var ChangeFileHandler = function (event) {\n        var reader = new FileReader();\n        var file = event.currentTarget.files\n            ? event.currentTarget.files[0]\n            : null;\n        reader.onloadend = function () {\n            setFileUploadAvatar(file);\n            setUrlAvatar(reader.result ? reader.result : '');\n        };\n        if (file !== null)\n            reader.readAsDataURL(file);\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        var imgUrl = urlAvatar; // event.currentTarget.files[0].name;\n        // TODO: upload file to server\n        console.log('imgUrl :', imgUrl);\n    };\n    // eslint-disable-next-line consistent-return\n    var renderAvatar = function () {\n        if (urlAvatar.length < 1 || urlAvatar === 'null') {\n            switch (typeDialog) {\n                case _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_8__.DialogType[\"private\"]:\n                    return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Contents_User__WEBPACK_IMPORTED_MODULE_4__[\"default\"], { width: \"36\", height: \"36\", applyZoom: true, color: \"var(--secondary-text)\" }));\n                    break;\n                case _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_8__.DialogType.group:\n                    return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Contents_GroupChat__WEBPACK_IMPORTED_MODULE_9__[\"default\"], { width: \"36\", height: \"36\", applyZoom: true, color: \"var(--secondary-text)\" }));\n                    break;\n                case _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_8__.DialogType[\"public\"]:\n                    return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Contents_PublicChannel__WEBPACK_IMPORTED_MODULE_10__[\"default\"], { width: \"36\", height: \"36\", applyZoom: true, color: \"var(--secondary-text)\" }));\n                    break;\n                default:\n                    return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Contents_User__WEBPACK_IMPORTED_MODULE_4__[\"default\"], { width: \"36\", height: \"36\", applyZoom: true, color: \"var(--secondary-text)\" }));\n            }\n        }\n        else {\n            return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_UserAvatar_UserAvatar__WEBPACK_IMPORTED_MODULE_7__[\"default\"], { urlAvatar: urlAvatar, clickRemoveAvatarHandler: function () { return setUrlAvatar('null'); } }));\n        }\n    };\n    return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_containers_ColumnContainer_ColumnContainer__WEBPACK_IMPORTED_MODULE_3__[\"default\"], __assign({ gapBetweenItem: \"8px\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ style: {\n                // maxHeight: '236px',\n                // maxWidth: '380px',\n                backgroundColor: 'var(--main-background)',\n            }, className: \"edit-container\" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"edit-dialog-container\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: \"edit-dialog-container--wrapper\" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"edit-dialog-container--wrapper__inf\" }, { children: \"Dialog image\" })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: \"edit-dialog-container--wrapper__icon-container\" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"edit-dialog-container--wrapper__icon-container__icon\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"edit-dialog-container--wrapper__icon-container__icon__content\" }, { children: renderAvatar() })) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"edit-dialog-container--wrapper__icon-container__upload\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"label\", __assign({ htmlFor: \"uploadBtn\", style: {\n                                                cursor: typeDialog !== _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_8__.DialogType[\"private\"] ? 'pointer' : '',\n                                            } }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", { children: typeDialog !== _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_8__.DialogType[\"private\"] ? 'Upload' : '' }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"input\", { id: \"uploadBtn\", type: \"file\", accept: \"image/*\", style: { display: 'none' }, \n                                                    // onChange={uploadIconHandler}\n                                                    onChange: function (event) {\n                                                        ChangeFileHandler(event);\n                                                    }, disabled: typeDialog === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_8__.DialogType[\"private\"] })] })) }))] })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"edit-dialog-container--wrapper__dialog-name-inf\" }, { children: \"Dialog name\" })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"edit-dialog-container--wrapper__dialog-name-input\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"input\", { type: \"text\", style: { width: '280px' }, value: (dialogName === null || dialogName === void 0 ? void 0 : dialogName.length) > 0 ? dialogName : undefined, onChange: function (event) { return setDialogName(event.target.value); }, placeholder: \"Enter name\" }) }))] })) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"edit-btn-container\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_containers_RowRightContainer_RowRightContainer__WEBPACK_IMPORTED_MODULE_5__[\"default\"], { minHeightContainer: \"32px\", gapBetweenItem: \"8px\", RightContainerSize: {\n                            flexBasis: '63px',\n                            minWidth: '63px',\n                            maxWidth: '63px',\n                            minHeight: '32px',\n                            maxHeight: '32px',\n                        }, RightItem: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Buttons_MainButton_MainButton__WEBPACK_IMPORTED_MODULE_6__[\"default\"], { clickHandler: function () {\n                                    if (clickUpdatedHandler) {\n                                        if (urlAvatar !== 'null') {\n                                            setUrlAvatar(fileUploadAvatar === null\n                                                ? ''\n                                                : fileUploadAvatar.name);\n                                        }\n                                        var params = {\n                                            dialogTitle: dialogName,\n                                            dialogAvatar: urlAvatar === 'null' ? 'null' : fileUploadAvatar,\n                                        };\n                                        clickUpdatedHandler(params);\n                                    }\n                                }, title: typeAddEditDialog === TypeOpenDialog.create\n                                    ? 'Next'\n                                    : 'Save', typeButton: _Buttons_MainButton_MainButton__WEBPACK_IMPORTED_MODULE_6__.TypeButton[\"default\"], disabled: disabledButton }) }), CenterContainerSize: {\n                            flexBasis: '78px',\n                            minWidth: '78px',\n                            maxWidth: '78px',\n                            minHeight: '32px',\n                            maxHeight: '32px',\n                        }, CenterItem: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Buttons_MainButton_MainButton__WEBPACK_IMPORTED_MODULE_6__[\"default\"], { title: \"Cancel\", clickHandler: function () {\n                                    if (clickCancelHandler) {\n                                        clickCancelHandler();\n                                    }\n                                }, typeButton: _Buttons_MainButton_MainButton__WEBPACK_IMPORTED_MODULE_6__.TypeButton.outlined }) }) }) }))] })) })));\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (EditDialog);\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/Presentation/components/UI/Dialogs/EditDialog/EditDialog.tsx?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"TypeOpenDialog\": function() { return /* binding */ TypeOpenDialog; }\n/* harmony export */ });\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _EditDialog_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./EditDialog.scss */ \"./src/Presentation/components/UI/Dialogs/EditDialog/EditDialog.scss\");\n/* harmony import */ var _containers_ColumnContainer_ColumnContainer__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../containers/ColumnContainer/ColumnContainer */ \"./src/Presentation/components/containers/ColumnContainer/ColumnContainer.tsx\");\n/* harmony import */ var _svgs_Icons_Contents_User__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../svgs/Icons/Contents/User */ \"./src/Presentation/components/UI/svgs/Icons/Contents/User/index.tsx\");\n/* harmony import */ var _containers_RowRightContainer_RowRightContainer__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../containers/RowRightContainer/RowRightContainer */ \"./src/Presentation/components/containers/RowRightContainer/RowRightContainer.tsx\");\n/* harmony import */ var _Buttons_MainButton_MainButton__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../Buttons/MainButton/MainButton */ \"./src/Presentation/components/UI/Buttons/MainButton/MainButton.tsx\");\n/* harmony import */ var _UserAvatar_UserAvatar__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./UserAvatar/UserAvatar */ \"./src/Presentation/components/UI/Dialogs/EditDialog/UserAvatar/UserAvatar.tsx\");\n/* harmony import */ var _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../../Domain/entity/DialogTypes */ \"./src/Domain/entity/DialogTypes.ts\");\n/* harmony import */ var _svgs_Icons_Contents_GroupChat__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../svgs/Icons/Contents/GroupChat */ \"./src/Presentation/components/UI/svgs/Icons/Contents/GroupChat/index.tsx\");\n/* harmony import */ var _svgs_Icons_Contents_PublicChannel__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../svgs/Icons/Contents/PublicChannel */ \"./src/Presentation/components/UI/svgs/Icons/Contents/PublicChannel/index.tsx\");\n/* harmony import */ var _providers_QuickBloxUIKitProvider_useQbDataContext__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../../providers/QuickBloxUIKitProvider/useQbDataContext */ \"./src/Presentation/components/providers/QuickBloxUIKitProvider/useQbDataContext.ts\");\nvar __assign = (undefined && undefined.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\n\n\n\n\n\n\n\n\n\n\n\n\nvar TypeOpenDialog = {\n    edit: 'edit',\n    create: 'create',\n};\n// eslint-disable-next-line react/function-component-definition,@typescript-eslint/no-unused-vars\nvar EditDialog = function (_a) {\n    var _b = _a.nameDialog, nameDialog = _b === void 0 ? '' : _b, typeDialog = _a.typeDialog, \n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    _c = _a.ulrIcon, \n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    ulrIcon = _c === void 0 ? '' : _c, _d = _a.typeAddEditDialog, typeAddEditDialog = _d === void 0 ? TypeOpenDialog.create : _d, clickUpdatedHandler = _a.clickUpdatedHandler, clickCancelHandler = _a.clickCancelHandler;\n    var currentContext = (0,_providers_QuickBloxUIKitProvider_useQbDataContext__WEBPACK_IMPORTED_MODULE_11__[\"default\"])();\n    var maxUploadFileSize = currentContext.InitParams.maxFileSize;\n    var minLengthNameDialog = 3;\n    var maxLengthNameDialog = 60;\n    var errorMessageUploadMaxSize = \"file size must be less than \".concat(maxUploadFileSize / 1024 / 1024, \" Mb\");\n    var _e = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(nameDialog), dialogName = _e[0], setDialogName = _e[1];\n    var _f = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(null), fileUploadAvatar = _f[0], setFileUploadAvatar = _f[1];\n    var _g = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(ulrIcon || ''), urlAvatar = _g[0], setUrlAvatar = _g[1];\n    var _h = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(nameDialog.length < minLengthNameDialog ||\n        nameDialog.length > maxLengthNameDialog), disabledButton = _h[0], setDisabledButton = _h[1];\n    var _j = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(''), errorMessageUpload = _j[0], setErrorMessageUpload = _j[1];\n    (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n        setDisabledButton(dialogName.length < minLengthNameDialog ||\n            dialogName.length > maxLengthNameDialog);\n    }, [dialogName]);\n    var ChangeFileHandler = function (event) {\n        setErrorMessageUpload('');\n        var reader = new FileReader();\n        var file = event.currentTarget.files\n            ? event.currentTarget.files[0]\n            : null;\n        console.log('file: ', file);\n        var fileSize = (file === null || file === void 0 ? void 0 : file.size) || 0;\n        if (fileSize >= maxUploadFileSize) {\n            setErrorMessageUpload(errorMessageUploadMaxSize);\n            return;\n        }\n        reader.onloadend = function () {\n            setFileUploadAvatar(file);\n            setUrlAvatar(reader.result ? reader.result : '');\n        };\n        if (file !== null)\n            reader.readAsDataURL(file);\n    };\n    // eslint-disable-next-line consistent-return\n    var renderAvatar = function () {\n        if (urlAvatar.length < 1 || urlAvatar === 'null') {\n            switch (typeDialog) {\n                case _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_8__.DialogType[\"private\"]:\n                    return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Contents_User__WEBPACK_IMPORTED_MODULE_4__[\"default\"], { width: \"36\", height: \"36\", applyZoom: true, color: \"var(--secondary-text)\" }));\n                    break;\n                case _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_8__.DialogType.group:\n                    return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Contents_GroupChat__WEBPACK_IMPORTED_MODULE_9__[\"default\"], { width: \"36\", height: \"36\", applyZoom: true, color: \"var(--secondary-text)\" }));\n                    break;\n                case _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_8__.DialogType[\"public\"]:\n                    return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Contents_PublicChannel__WEBPACK_IMPORTED_MODULE_10__[\"default\"], { width: \"36\", height: \"36\", applyZoom: true, color: \"var(--secondary-text)\" }));\n                    break;\n                default:\n                    return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Contents_User__WEBPACK_IMPORTED_MODULE_4__[\"default\"], { width: \"36\", height: \"36\", applyZoom: true, color: \"var(--secondary-text)\" }));\n            }\n        }\n        else {\n            return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_UserAvatar_UserAvatar__WEBPACK_IMPORTED_MODULE_7__[\"default\"], { urlAvatar: urlAvatar, clickRemoveAvatarHandler: function () {\n                    setUrlAvatar('null');\n                    setErrorMessageUpload('');\n                } }));\n        }\n    };\n    return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_containers_ColumnContainer_ColumnContainer__WEBPACK_IMPORTED_MODULE_3__[\"default\"], __assign({ gapBetweenItem: \"8px\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ style: {\n                backgroundColor: 'var(--main-background)',\n            }, className: \"edit-container\" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"edit-dialog-container\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: \"edit-dialog-container--wrapper\" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"edit-dialog-container--wrapper__inf\" }, { children: \"Dialog image\" })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: \"edit-dialog-container--wrapper__icon-container\" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"edit-dialog-container--wrapper__icon-container__icon\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"edit-dialog-container--wrapper__icon-container__icon__content\" }, { children: renderAvatar() })) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"edit-dialog-container--wrapper__icon-container__upload\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"label\", __assign({ htmlFor: \"uploadBtn\", style: {\n                                                cursor: typeDialog !== _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_8__.DialogType[\"private\"] ? 'pointer' : '',\n                                            } }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", { children: typeDialog !== _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_8__.DialogType[\"private\"] ? 'Upload' : '' }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"input\", { id: \"uploadBtn\", type: \"file\", accept: \"image/*\", style: { display: 'none' }, onChange: function (event) {\n                                                        ChangeFileHandler(event);\n                                                    }, disabled: typeDialog === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_8__.DialogType[\"private\"] })] })) }))] })), errorMessageUpload.length > 0 ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"edit-dialog-container--wrapper__upload-error\" }, { children: errorMessageUpload }))) : null, (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"edit-dialog-container--wrapper__dialog-name-inf\" }, { children: \"Dialog name\" })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"edit-dialog-container--wrapper__dialog-name-input\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"input\", { type: \"text\", style: { width: '280px' }, value: (dialogName === null || dialogName === void 0 ? void 0 : dialogName.length) > 0 ? dialogName : undefined, onChange: function (event) { return setDialogName(event.target.value); }, placeholder: \"Enter name\" }) }))] })) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"edit-btn-container\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_containers_RowRightContainer_RowRightContainer__WEBPACK_IMPORTED_MODULE_5__[\"default\"], { minHeightContainer: \"32px\", gapBetweenItem: \"8px\", RightContainerSize: {\n                            flexBasis: '63px',\n                            minWidth: '63px',\n                            maxWidth: '63px',\n                            minHeight: '32px',\n                            maxHeight: '32px',\n                        }, RightItem: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Buttons_MainButton_MainButton__WEBPACK_IMPORTED_MODULE_6__[\"default\"], { clickHandler: function () {\n                                    if (clickUpdatedHandler) {\n                                        // if (urlAvatar !== 'null') {\n                                        //   setUrlAvatar(\n                                        //     fileUploadAvatar === null\n                                        //       ? ''\n                                        //       : fileUploadAvatar.name,\n                                        //   );\n                                        // }\n                                        var params = {\n                                            dialogTitle: dialogName,\n                                            dialogAvatar: urlAvatar === 'null' ? 'null' : fileUploadAvatar,\n                                        };\n                                        clickUpdatedHandler(params);\n                                    }\n                                }, title: typeAddEditDialog === TypeOpenDialog.create\n                                    ? 'Next'\n                                    : 'Save', typeButton: _Buttons_MainButton_MainButton__WEBPACK_IMPORTED_MODULE_6__.TypeButton[\"default\"], disabled: disabledButton }) }), CenterContainerSize: {\n                            flexBasis: '78px',\n                            minWidth: '78px',\n                            maxWidth: '78px',\n                            minHeight: '32px',\n                            maxHeight: '32px',\n                        }, CenterItem: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Buttons_MainButton_MainButton__WEBPACK_IMPORTED_MODULE_6__[\"default\"], { title: \"Cancel\", clickHandler: function () {\n                                    if (clickCancelHandler) {\n                                        clickCancelHandler();\n                                    }\n                                }, typeButton: _Buttons_MainButton_MainButton__WEBPACK_IMPORTED_MODULE_6__.TypeButton.outlined }) }) }) }))] })) })));\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (EditDialog);\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/Presentation/components/UI/Dialogs/EditDialog/EditDialog.tsx?");
 
 /***/ }),
 
@@ -1796,7 +1741,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var reac
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _InviteMembers_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./InviteMembers.scss */ \"./src/Presentation/components/UI/Dialogs/InviteMembers/InviteMembers.scss\");\n/* harmony import */ var _containers_ColumnContainer_ColumnContainer__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../containers/ColumnContainer/ColumnContainer */ \"./src/Presentation/components/containers/ColumnContainer/ColumnContainer.tsx\");\n/* harmony import */ var _containers_RowRightContainer_RowRightContainer__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../containers/RowRightContainer/RowRightContainer */ \"./src/Presentation/components/containers/RowRightContainer/RowRightContainer.tsx\");\n/* harmony import */ var _Buttons_MainButton_MainButton__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../Buttons/MainButton/MainButton */ \"./src/Presentation/components/UI/Buttons/MainButton/MainButton.tsx\");\n/* harmony import */ var _svgs_Icons_Navigation_Search__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../svgs/Icons/Navigation/Search */ \"./src/Presentation/components/UI/svgs/Icons/Navigation/Search/index.tsx\");\n/* harmony import */ var _Placeholders_LoaderComponent_LoaderComponent__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../Placeholders/LoaderComponent/LoaderComponent */ \"./src/Presentation/components/UI/Placeholders/LoaderComponent/LoaderComponent.tsx\");\n/* harmony import */ var _Placeholders_ErrorComponent_ErrorComponent__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../Placeholders/ErrorComponent/ErrorComponent */ \"./src/Presentation/components/UI/Placeholders/ErrorComponent/ErrorComponent.tsx\");\n/* harmony import */ var _useInviteMembersViewModel__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./useInviteMembersViewModel */ \"./src/Presentation/components/UI/Dialogs/InviteMembers/useInviteMembersViewModel.ts\");\n/* harmony import */ var _Domain_repository_Pagination__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../../../Domain/repository/Pagination */ \"./src/Domain/repository/Pagination.ts\");\n/* harmony import */ var _containers_ScrollableContainer_ScrollableContainer__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../../containers/ScrollableContainer/ScrollableContainer */ \"./src/Presentation/components/containers/ScrollableContainer/ScrollableContainer.tsx\");\n/* harmony import */ var _InviteUsersList_SingleUserWithCheckBox_SingleUserWithCheckBox__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./InviteUsersList/SingleUserWithCheckBox/SingleUserWithCheckBox */ \"./src/Presentation/components/UI/Dialogs/InviteMembers/InviteUsersList/SingleUserWithCheckBox/SingleUserWithCheckBox.tsx\");\n/* harmony import */ var _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../../../../Domain/entity/DialogTypes */ \"./src/Domain/entity/DialogTypes.ts\");\n/* harmony import */ var _NotFoundContent_NotFoundContent__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./NotFoundContent/NotFoundContent */ \"./src/Presentation/components/UI/Dialogs/InviteMembers/NotFoundContent/NotFoundContent.tsx\");\n/* harmony import */ var _svgs_Icons_Actions_Remove__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../../svgs/Icons/Actions/Remove */ \"./src/Presentation/components/UI/svgs/Icons/Actions/Remove/index.tsx\");\nvar __assign = (undefined && undefined.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n// eslint-disable-next-line react/function-component-definition,@typescript-eslint/no-unused-vars\nvar InviteMembers = function (_a) {\n    var \n    // inviteUsersViewModel, [participants]\n    typeDialog = _a.typeDialog, idOwnerDialog = _a.idOwnerDialog, applyInviteUsersHandler = _a.applyInviteUsersHandler, participants = _a.participants, cancelInviteMembersHandler = _a.cancelInviteMembersHandler;\n    var userperPage = 12;\n    var userViewModel = (0,_useInviteMembersViewModel__WEBPACK_IMPORTED_MODULE_9__[\"default\"])();\n    // const usersResultViewModel: InviteUsersResultViewModel =\n    //   new InviteUsersResultViewModel(userViewModel.users, []);\n    // const [usersSelected, setUsersSelected] = React.useState<number>([]);\n    var initRecord = {};\n    if ((participants === null || participants === void 0 ? void 0 : participants.length) && (participants === null || participants === void 0 ? void 0 : participants.length) > 0) {\n        console.log('InviteMembers : init participants: ', JSON.stringify(participants));\n        participants.forEach(function (item) {\n            initRecord[item] = { isChecked: true, userid: item };\n        });\n    }\n    var _b = react__WEBPACK_IMPORTED_MODULE_1___default().useState(initRecord), selectedItems = _b[0], setSelectedItems = _b[1];\n    var _c = react__WEBPACK_IMPORTED_MODULE_1___default().useState(participants ? participants === null || participants === void 0 ? void 0 : participants.length : 0), countSelectedItems = _c[0], setCountSelected = _c[1];\n    (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n        userViewModel.getUsers(new _Domain_repository_Pagination__WEBPACK_IMPORTED_MODULE_10__.Pagination(0, userperPage));\n        console.log('useEffect InviteMembers, getUsers()');\n    }, []);\n    var getUsersForIncludeInDialog = function () {\n        var listSelectedUsers = [];\n        Object.entries(selectedItems).map(function (x) {\n            if (x[1].isChecked) {\n                listSelectedUsers.push(x[1].userid);\n            }\n            return x[1].isChecked;\n        });\n        return listSelectedUsers;\n    };\n    var getUsersForExcludedFromDialog = function () {\n        var listExcludedUsers = [];\n        Object.entries(selectedItems).map(function (x) {\n            if (!x[1].isChecked) {\n                listExcludedUsers.push(x[1].userid);\n            }\n            return x[1].isChecked;\n        });\n        return listExcludedUsers;\n    };\n    var userSelectedHandler = function (item, checkedStatus) {\n        console.log('call userSelectedHandler: ', item.id);\n        var newItems = selectedItems;\n        newItems[item.id] = { isChecked: checkedStatus, userid: item.id };\n        console.log('newItems: ', JSON.stringify(newItems));\n        setSelectedItems(newItems);\n        var countCheckedUsers = getUsersForIncludeInDialog().length;\n        setCountSelected(countCheckedUsers);\n    };\n    var containsSelectedUser = function (id) {\n        var result = false;\n        // Object.entries(selectedItems).map((x) => {\n        //   if (x[1].userid === id) {\n        //     result = true;\n        //   }\n        //\n        //   return x;\n        // });\n        var r = Object.entries(selectedItems).findIndex(function (x) { return x[1].userid === id && x[1].isChecked; });\n        if (r >= 0) {\n            result = true;\n        }\n        return result;\n    };\n    var getDisabledStatus = function (user) {\n        if (user.id.toString() === idOwnerDialog) {\n            return true;\n        }\n        if (typeDialog === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_13__.DialogType[\"private\"] &&\n            getUsersForIncludeInDialog().length >= 1 &&\n            !containsSelectedUser(user.id)) {\n            return true;\n        }\n        return false;\n    };\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    var renderUserComponent = function (user, index) {\n        var _a;\n        var checkedValue = ((_a = selectedItems[user.id]) === null || _a === void 0 ? void 0 : _a.isChecked) || false;\n        // const flrt = participants?.filter((item) => item === user.id);\n        //\n        // if (flrt && flrt?.length > 0) {\n        //   console.log('All participants: ', JSON.stringify(participants));\n        //   console.log(\n        //     `have for participant ${user.id}\n        //     status ${checkedValue ? 'checked' : 'unchecked'} in ${JSON.stringify(\n        //       selectedItems[user.id],\n        //     )}`,\n        //   );\n        // }\n        return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_InviteUsersList_SingleUserWithCheckBox_SingleUserWithCheckBox__WEBPACK_IMPORTED_MODULE_12__[\"default\"], { user: user, checkedHandler: userSelectedHandler, isElementChecked: checkedValue, keyValue: user.id, isDisabled: getDisabledStatus(user) }));\n    };\n    var fetchMoreData = function () {\n        console.log('call user fetchMoreData');\n        console.log('before pagination: ', JSON.stringify(userViewModel.pagination));\n        if (userViewModel.pagination.hasNextPage()) {\n            var newPagination = userViewModel.pagination;\n            newPagination.perPage = 12;\n            newPagination.nextPage();\n            console.log('after pagination: ', JSON.stringify(userViewModel.pagination));\n            userViewModel.getUsers(newPagination);\n        }\n    };\n    var _d = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(''), userNameForFilter = _d[0], setUserNameForFilter = _d[1];\n    (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n        if (userNameForFilter.length > 2) {\n            var newFilter = userNameForFilter;\n            userViewModel.updateFilter(newFilter);\n        }\n        if (userNameForFilter.length === 0) {\n            userViewModel.updateFilter('');\n        }\n    }, [userNameForFilter]);\n    (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n        if (userNameForFilter.length > 2) {\n            userViewModel.getUsers(new _Domain_repository_Pagination__WEBPACK_IMPORTED_MODULE_10__.Pagination(0, userperPage));\n        }\n        if (userNameForFilter.length === 0) {\n            userViewModel.getUsers(new _Domain_repository_Pagination__WEBPACK_IMPORTED_MODULE_10__.Pagination(0, userperPage));\n        }\n    }, [userViewModel.filter]);\n    return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_containers_ColumnContainer_ColumnContainer__WEBPACK_IMPORTED_MODULE_3__[\"default\"], __assign({ gapBetweenItem: \"8px\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"container-invite-members\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: \"container-invite-members--add-members-container\" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: \"container-invite-members--add-members-container--wrapper\" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: \"container-invite-members--add-members-container--wrapper__dialog-name-input\" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Navigation_Search__WEBPACK_IMPORTED_MODULE_6__[\"default\"], { applyZoom: true, width: \"24\", height: \"24\", color: \"var(--tertiary-elements)\" }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"input\", { type: \"text\", style: { width: '268px' }, value: userNameForFilter, onChange: function (event) {\n                                            setUserNameForFilter(event.target.value);\n                                        }, placeholder: \"Search\" }), userNameForFilter.length > 0 ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ style: { cursor: 'pointer' }, onClick: function () {\n                                            setUserNameForFilter('');\n                                        } }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Actions_Remove__WEBPACK_IMPORTED_MODULE_15__[\"default\"], { width: \"24\", height: \"24\", color: \"var(--tertiary-elements)\" }) }))) : null] })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: \"container-invite-members--add-members-container--wrapper__inf\" }, { children: [countSelectedItems, \" selected\"] })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"container-invite-members--add-members-container--wrapper__members\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_containers_ColumnContainer_ColumnContainer__WEBPACK_IMPORTED_MODULE_3__[\"default\"], { children: [(userViewModel === null || userViewModel === void 0 ? void 0 : userViewModel.loading) && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ style: {\n                                                height: '44px',\n                                                width: '44px',\n                                            } }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Placeholders_LoaderComponent_LoaderComponent__WEBPACK_IMPORTED_MODULE_7__[\"default\"], { width: \"44\", height: \"44\" }) }))), (userViewModel === null || userViewModel === void 0 ? void 0 : userViewModel.error) && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Placeholders_ErrorComponent_ErrorComponent__WEBPACK_IMPORTED_MODULE_8__[\"default\"], { title: userViewModel === null || userViewModel === void 0 ? void 0 : userViewModel.error, ClickActionHandler: function () {\n                                                alert('call click retry');\n                                            } })), userViewModel.users && userViewModel.users.length > 0 ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_containers_ScrollableContainer_ScrollableContainer__WEBPACK_IMPORTED_MODULE_11__[\"default\"], { data: userViewModel.users, renderItem: renderUserComponent, onEndReached: fetchMoreData, onEndReachedThreshold: 0.8, refreshing: false })) : ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"container-invite-members--add-members-container--wrapper__members__empty-members\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_NotFoundContent_NotFoundContent__WEBPACK_IMPORTED_MODULE_14__[\"default\"], { message: \"There are no members\" }) })))] }) }))] })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"container-invite-members--btn-container\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_containers_RowRightContainer_RowRightContainer__WEBPACK_IMPORTED_MODULE_4__[\"default\"], { minHeightContainer: \"32px\", gapBetweenItem: \"8px\", RightContainerSize: {\n                                flexBasis: '63px',\n                                minWidth: '63px',\n                                maxWidth: '63px',\n                                minHeight: '32px',\n                                maxHeight: '32px',\n                            }, RightItem: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Buttons_MainButton_MainButton__WEBPACK_IMPORTED_MODULE_5__[\"default\"], { title: \"Create\", typeButton: _Buttons_MainButton_MainButton__WEBPACK_IMPORTED_MODULE_5__.TypeButton[\"default\"], disabled: typeDialog === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_13__.DialogType[\"private\"] &&\n                                        getUsersForIncludeInDialog().length <= 0, clickHandler: function () {\n                                        var listUsersForInvite = getUsersForIncludeInDialog();\n                                        var listUsersForRemove = getUsersForExcludedFromDialog();\n                                        if (applyInviteUsersHandler) {\n                                            applyInviteUsersHandler(listUsersForInvite, listUsersForRemove);\n                                        }\n                                    } }) }), CenterContainerSize: {\n                                flexBasis: '78px',\n                                minWidth: '78px',\n                                maxWidth: '78px',\n                                minHeight: '32px',\n                                maxHeight: '32px',\n                            }, CenterItem: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Buttons_MainButton_MainButton__WEBPACK_IMPORTED_MODULE_5__[\"default\"], { title: \"Cancel\", typeButton: _Buttons_MainButton_MainButton__WEBPACK_IMPORTED_MODULE_5__.TypeButton.outlined, clickHandler: function () {\n                                        if (cancelInviteMembersHandler) {\n                                            cancelInviteMembersHandler();\n                                        }\n                                    } }) }) }) }))] })) })) })));\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (InviteMembers);\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/Presentation/components/UI/Dialogs/InviteMembers/InviteMembers.tsx?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _InviteMembers_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./InviteMembers.scss */ \"./src/Presentation/components/UI/Dialogs/InviteMembers/InviteMembers.scss\");\n/* harmony import */ var _containers_ColumnContainer_ColumnContainer__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../containers/ColumnContainer/ColumnContainer */ \"./src/Presentation/components/containers/ColumnContainer/ColumnContainer.tsx\");\n/* harmony import */ var _containers_RowRightContainer_RowRightContainer__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../containers/RowRightContainer/RowRightContainer */ \"./src/Presentation/components/containers/RowRightContainer/RowRightContainer.tsx\");\n/* harmony import */ var _Buttons_MainButton_MainButton__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../Buttons/MainButton/MainButton */ \"./src/Presentation/components/UI/Buttons/MainButton/MainButton.tsx\");\n/* harmony import */ var _svgs_Icons_Navigation_Search__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../svgs/Icons/Navigation/Search */ \"./src/Presentation/components/UI/svgs/Icons/Navigation/Search/index.tsx\");\n/* harmony import */ var _Placeholders_LoaderComponent_LoaderComponent__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../Placeholders/LoaderComponent/LoaderComponent */ \"./src/Presentation/components/UI/Placeholders/LoaderComponent/LoaderComponent.tsx\");\n/* harmony import */ var _Placeholders_ErrorComponent_ErrorComponent__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../Placeholders/ErrorComponent/ErrorComponent */ \"./src/Presentation/components/UI/Placeholders/ErrorComponent/ErrorComponent.tsx\");\n/* harmony import */ var _useInviteMembersViewModel__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./useInviteMembersViewModel */ \"./src/Presentation/components/UI/Dialogs/InviteMembers/useInviteMembersViewModel.ts\");\n/* harmony import */ var _Domain_repository_Pagination__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../../../Domain/repository/Pagination */ \"./src/Domain/repository/Pagination.ts\");\n/* harmony import */ var _containers_ScrollableContainer_ScrollableContainer__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../../containers/ScrollableContainer/ScrollableContainer */ \"./src/Presentation/components/containers/ScrollableContainer/ScrollableContainer.tsx\");\n/* harmony import */ var _InviteUsersList_SingleUserWithCheckBox_SingleUserWithCheckBox__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./InviteUsersList/SingleUserWithCheckBox/SingleUserWithCheckBox */ \"./src/Presentation/components/UI/Dialogs/InviteMembers/InviteUsersList/SingleUserWithCheckBox/SingleUserWithCheckBox.tsx\");\n/* harmony import */ var _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../../../../Domain/entity/DialogTypes */ \"./src/Domain/entity/DialogTypes.ts\");\n/* harmony import */ var _NotFoundContent_NotFoundContent__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./NotFoundContent/NotFoundContent */ \"./src/Presentation/components/UI/Dialogs/InviteMembers/NotFoundContent/NotFoundContent.tsx\");\n/* harmony import */ var _svgs_Icons_Actions_Remove__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../../svgs/Icons/Actions/Remove */ \"./src/Presentation/components/UI/svgs/Icons/Actions/Remove/index.tsx\");\n/* harmony import */ var _EditDialog_EditDialog__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../EditDialog/EditDialog */ \"./src/Presentation/components/UI/Dialogs/EditDialog/EditDialog.tsx\");\nvar __assign = (undefined && undefined.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n// eslint-disable-next-line react/function-component-definition,@typescript-eslint/no-unused-vars\nvar InviteMembers = function (_a) {\n    var typeDialog = _a.typeDialog, idOwnerDialog = _a.idOwnerDialog, typeAddEditDialog = _a.typeAddEditDialog, applyInviteUsersHandler = _a.applyInviteUsersHandler, participants = _a.participants, cancelInviteMembersHandler = _a.cancelInviteMembersHandler;\n    var userperPage = 12;\n    var userViewModel = (0,_useInviteMembersViewModel__WEBPACK_IMPORTED_MODULE_9__[\"default\"])();\n    var initRecord = {};\n    if ((participants === null || participants === void 0 ? void 0 : participants.length) && (participants === null || participants === void 0 ? void 0 : participants.length) > 0) {\n        participants.forEach(function (item) {\n            initRecord[item] = { isChecked: true, userid: item };\n        });\n    }\n    var _b = react__WEBPACK_IMPORTED_MODULE_1___default().useState(initRecord), selectedItems = _b[0], setSelectedItems = _b[1];\n    var _c = react__WEBPACK_IMPORTED_MODULE_1___default().useState(participants ? participants === null || participants === void 0 ? void 0 : participants.length : 0), countSelectedItems = _c[0], setCountSelected = _c[1];\n    (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n        userViewModel.getUsers(new _Domain_repository_Pagination__WEBPACK_IMPORTED_MODULE_10__.Pagination(0, userperPage));\n    }, []);\n    var getUsersForIncludeInDialog = function () {\n        var listSelectedUsers = [];\n        Object.entries(selectedItems).map(function (x) {\n            if (x[1].isChecked) {\n                listSelectedUsers.push(x[1].userid);\n            }\n            return x[1].isChecked;\n        });\n        return listSelectedUsers;\n    };\n    var getUsersForExcludedFromDialog = function () {\n        var listExcludedUsers = [];\n        Object.entries(selectedItems).map(function (x) {\n            if (!x[1].isChecked) {\n                listExcludedUsers.push(x[1].userid);\n            }\n            return x[1].isChecked;\n        });\n        return listExcludedUsers;\n    };\n    var userSelectedHandler = function (item, checkedStatus) {\n        var newItems = selectedItems;\n        newItems[item.id] = { isChecked: checkedStatus, userid: item.id };\n        setSelectedItems(newItems);\n        var countCheckedUsers = getUsersForIncludeInDialog().length;\n        setCountSelected(countCheckedUsers);\n    };\n    var containsSelectedUser = function (id) {\n        var result = false;\n        var r = Object.entries(selectedItems).findIndex(function (x) { return x[1].userid === id && x[1].isChecked; });\n        if (r >= 0) {\n            result = true;\n        }\n        return result;\n    };\n    var getDisabledStatus = function (user) {\n        if (user.id.toString() === idOwnerDialog) {\n            return true;\n        }\n        if (typeDialog === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_13__.DialogType[\"private\"] &&\n            getUsersForIncludeInDialog().length >= 1 &&\n            !containsSelectedUser(user.id)) {\n            return true;\n        }\n        return false;\n    };\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    var renderUserComponent = function (user, index) {\n        var _a;\n        var checkedValue = ((_a = selectedItems[user.id]) === null || _a === void 0 ? void 0 : _a.isChecked) || false;\n        if (user.id.toString() !== idOwnerDialog) {\n            return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_InviteUsersList_SingleUserWithCheckBox_SingleUserWithCheckBox__WEBPACK_IMPORTED_MODULE_12__[\"default\"], { user: user, checkedHandler: userSelectedHandler, isElementChecked: checkedValue, keyValue: user.id, isDisabled: getDisabledStatus(user) }));\n        }\n        return null;\n    };\n    var fetchMoreData = function () {\n        if (userViewModel.pagination.hasNextPage()) {\n            var newPagination = userViewModel.pagination;\n            newPagination.perPage = 12;\n            newPagination.nextPage();\n            userViewModel.getUsers(newPagination);\n        }\n    };\n    var _d = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(''), userNameForFilter = _d[0], setUserNameForFilter = _d[1];\n    (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n        if (userNameForFilter.length > 2) {\n            var newFilter = userNameForFilter;\n            userViewModel.updateFilter(newFilter);\n        }\n        if (userNameForFilter.length === 0) {\n            userViewModel.updateFilter('');\n        }\n    }, [userNameForFilter]);\n    (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n        if (userNameForFilter.length > 2) {\n            userViewModel.getUsers(new _Domain_repository_Pagination__WEBPACK_IMPORTED_MODULE_10__.Pagination(0, userperPage));\n        }\n        if (userNameForFilter.length === 0) {\n            userViewModel.getUsers(new _Domain_repository_Pagination__WEBPACK_IMPORTED_MODULE_10__.Pagination(0, userperPage));\n        }\n    }, [userViewModel.filter]);\n    return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_containers_ColumnContainer_ColumnContainer__WEBPACK_IMPORTED_MODULE_3__[\"default\"], __assign({ gapBetweenItem: \"8px\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"container-invite-members\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: \"container-invite-members--add-members-container\" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: \"container-invite-members--add-members-container--wrapper\" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: \"container-invite-members--add-members-container--wrapper__dialog-name-input\" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Navigation_Search__WEBPACK_IMPORTED_MODULE_6__[\"default\"], { applyZoom: true, width: \"24\", height: \"24\", color: \"var(--tertiary-elements)\" }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"input\", { type: \"text\", style: { width: '268px' }, value: userNameForFilter, onChange: function (event) {\n                                            setUserNameForFilter(event.target.value);\n                                        }, placeholder: \"Search\" }), userNameForFilter.length > 0 ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ style: { cursor: 'pointer' }, onClick: function () {\n                                            setUserNameForFilter('');\n                                        } }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Actions_Remove__WEBPACK_IMPORTED_MODULE_15__[\"default\"], { width: \"24\", height: \"24\", color: \"var(--tertiary-elements)\" }) }))) : null] })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: \"container-invite-members--add-members-container--wrapper__inf\" }, { children: [countSelectedItems, \" selected\"] })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"container-invite-members--add-members-container--wrapper__members\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_containers_ColumnContainer_ColumnContainer__WEBPACK_IMPORTED_MODULE_3__[\"default\"], { children: [(userViewModel === null || userViewModel === void 0 ? void 0 : userViewModel.loading) && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ style: {\n                                                height: '44px',\n                                                width: '44px',\n                                            } }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Placeholders_LoaderComponent_LoaderComponent__WEBPACK_IMPORTED_MODULE_7__[\"default\"], { width: \"44\", height: \"44\" }) }))), (userViewModel === null || userViewModel === void 0 ? void 0 : userViewModel.error) && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Placeholders_ErrorComponent_ErrorComponent__WEBPACK_IMPORTED_MODULE_8__[\"default\"], { title: userViewModel === null || userViewModel === void 0 ? void 0 : userViewModel.error, ClickActionHandler: function () {\n                                                alert('call click retry');\n                                            } })), userViewModel.users && userViewModel.users.length > 0 ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_containers_ScrollableContainer_ScrollableContainer__WEBPACK_IMPORTED_MODULE_11__[\"default\"], { data: userViewModel.users, renderItem: renderUserComponent, onEndReached: fetchMoreData, onEndReachedThreshold: 0.8, refreshing: false })) : ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"container-invite-members--add-members-container--wrapper__members__empty-members\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_NotFoundContent_NotFoundContent__WEBPACK_IMPORTED_MODULE_14__[\"default\"], { message: \"There are no members\" }) })))] }) }))] })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"container-invite-members--btn-container\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_containers_RowRightContainer_RowRightContainer__WEBPACK_IMPORTED_MODULE_4__[\"default\"], { minHeightContainer: \"32px\", gapBetweenItem: \"8px\", RightContainerSize: {\n                                flexBasis: '63px',\n                                minWidth: '63px',\n                                maxWidth: '63px',\n                                minHeight: '32px',\n                                maxHeight: '32px',\n                            }, RightItem: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Buttons_MainButton_MainButton__WEBPACK_IMPORTED_MODULE_5__[\"default\"], { title: typeAddEditDialog === _EditDialog_EditDialog__WEBPACK_IMPORTED_MODULE_16__.TypeOpenDialog.create\n                                        ? 'Create'\n                                        : 'Save', typeButton: _Buttons_MainButton_MainButton__WEBPACK_IMPORTED_MODULE_5__.TypeButton[\"default\"], disabled: typeDialog === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_13__.DialogType[\"private\"] &&\n                                        getUsersForIncludeInDialog().length <= 0, clickHandler: function () {\n                                        var listUsersForInvite = getUsersForIncludeInDialog();\n                                        var listUsersForRemove = getUsersForExcludedFromDialog();\n                                        if (applyInviteUsersHandler) {\n                                            applyInviteUsersHandler(listUsersForInvite, listUsersForRemove);\n                                        }\n                                    } }) }), CenterContainerSize: {\n                                flexBasis: '78px',\n                                minWidth: '78px',\n                                maxWidth: '78px',\n                                minHeight: '32px',\n                                maxHeight: '32px',\n                            }, CenterItem: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Buttons_MainButton_MainButton__WEBPACK_IMPORTED_MODULE_5__[\"default\"], { title: \"Cancel\", typeButton: _Buttons_MainButton_MainButton__WEBPACK_IMPORTED_MODULE_5__.TypeButton.outlined, clickHandler: function () {\n                                        if (cancelInviteMembersHandler) {\n                                            cancelInviteMembersHandler();\n                                        }\n                                    } }) }) }) }))] })) })) })));\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (InviteMembers);\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/Presentation/components/UI/Dialogs/InviteMembers/InviteMembers.tsx?");
 
 /***/ }),
 
@@ -1807,7 +1752,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var reac
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\n/* harmony import */ var _SingleUserWithCheckBox_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./SingleUserWithCheckBox.scss */ \"./src/Presentation/components/UI/Dialogs/InviteMembers/InviteUsersList/SingleUserWithCheckBox/SingleUserWithCheckBox.scss\");\n/* harmony import */ var _svgs_ActiveSvg_ActiveSvg__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../svgs/ActiveSvg/ActiveSvg */ \"./src/Presentation/components/UI/svgs/ActiveSvg/ActiveSvg.tsx\");\n/* harmony import */ var _svgs_Icons_Contents_User__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../svgs/Icons/Contents/User */ \"./src/Presentation/components/UI/svgs/Icons/Contents/User/index.tsx\");\nvar __assign = (undefined && undefined.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\n\n\n\n\n// eslint-disable-next-line react/function-component-definition,@typescript-eslint/no-unused-vars\nvar SingleUserWithCheckBox = function (_a) {\n    // const [isUserChecked, setIsUserChecked] =\n    //   React.useState<boolean>(isElementChecked);\n    var user = _a.user, checkedHandler = _a.checkedHandler, isElementChecked = _a.isElementChecked, keyValue = _a.keyValue, _b = _a.isDisabled, isDisabled = _b === void 0 ? false : _b;\n    function getChecked(index) {\n        var result = isElementChecked; // || isUserChecked;\n        console.log(index);\n        return result;\n    }\n    return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: \"user-single-container-chbox--wrapper\" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"user-single-container-chbox--wrapper__icon\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_ActiveSvg_ActiveSvg__WEBPACK_IMPORTED_MODULE_2__[\"default\"], { content: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"user-single-container-chbox--wrapper__icon__content\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Contents_User__WEBPACK_IMPORTED_MODULE_3__[\"default\"], { width: \"26\", height: \"26\", applyZoom: true, color: \"var(--tertiary-elements)\" }) })), clickAction: function () {\n                        console.log('user click...');\n                    }, touchAction: function () {\n                        console.log('user touch...');\n                    } }) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"user-single-container-chbox--wrapper__username\" }, { children: \"\".concat((user === null || user === void 0 ? void 0 : user.full_name) || (user === null || user === void 0 ? void 0 : user.login) || (user === null || user === void 0 ? void 0 : user.email) || (user === null || user === void 0 ? void 0 : user.id), \" - \").concat(user === null || user === void 0 ? void 0 : user.id) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"user-single-container-chbox--wrapper__select\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"input\", { type: \"checkbox\", checked: getChecked(keyValue), disabled: isDisabled, onChange: function () {\n                        console.log('have check in SingleUserWithCheckBox');\n                        var newStatus = !isElementChecked;\n                        if (checkedHandler) {\n                            checkedHandler(user, newStatus);\n                        }\n                    } }) }))] }), keyValue));\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (SingleUserWithCheckBox);\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/Presentation/components/UI/Dialogs/InviteMembers/InviteUsersList/SingleUserWithCheckBox/SingleUserWithCheckBox.tsx?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\n/* harmony import */ var _SingleUserWithCheckBox_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./SingleUserWithCheckBox.scss */ \"./src/Presentation/components/UI/Dialogs/InviteMembers/InviteUsersList/SingleUserWithCheckBox/SingleUserWithCheckBox.scss\");\n/* harmony import */ var _svgs_ActiveSvg_ActiveSvg__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../svgs/ActiveSvg/ActiveSvg */ \"./src/Presentation/components/UI/svgs/ActiveSvg/ActiveSvg.tsx\");\n/* harmony import */ var _svgs_Icons_Contents_User__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../svgs/Icons/Contents/User */ \"./src/Presentation/components/UI/svgs/Icons/Contents/User/index.tsx\");\nvar __assign = (undefined && undefined.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\n\n\n\n\n// eslint-disable-next-line react/function-component-definition,@typescript-eslint/no-unused-vars\nvar SingleUserWithCheckBox = function (_a) {\n    var user = _a.user, checkedHandler = _a.checkedHandler, isElementChecked = _a.isElementChecked, keyValue = _a.keyValue, _b = _a.isDisabled, isDisabled = _b === void 0 ? false : _b;\n    function getChecked(index) {\n        var result = isElementChecked; // || isUserChecked;\n        console.log(index);\n        return result;\n    }\n    return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: \"user-single-container-chbox--wrapper\" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"user-single-container-chbox--wrapper__icon\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_ActiveSvg_ActiveSvg__WEBPACK_IMPORTED_MODULE_2__[\"default\"], { content: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"user-single-container-chbox--wrapper__icon__content\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Contents_User__WEBPACK_IMPORTED_MODULE_3__[\"default\"], { width: \"26\", height: \"26\", applyZoom: true, color: \"var(--tertiary-elements)\" }) })), clickAction: function () {\n                        console.log('user click...');\n                    }, touchAction: function () {\n                        console.log('user touch...');\n                    } }) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"user-single-container-chbox--wrapper__username\" }, { children: \"\".concat((user === null || user === void 0 ? void 0 : user.full_name) || (user === null || user === void 0 ? void 0 : user.login) || (user === null || user === void 0 ? void 0 : user.email) || (user === null || user === void 0 ? void 0 : user.id)) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"user-single-container-chbox--wrapper__select\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"input\", { type: \"checkbox\", checked: getChecked(keyValue), disabled: isDisabled, onChange: function () {\n                        console.log('have check in SingleUserWithCheckBox');\n                        var newStatus = !isElementChecked;\n                        if (checkedHandler) {\n                            checkedHandler(user, newStatus);\n                        }\n                    } }) }))] }), keyValue));\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (SingleUserWithCheckBox);\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/Presentation/components/UI/Dialogs/InviteMembers/InviteUsersList/SingleUserWithCheckBox/SingleUserWithCheckBox.tsx?");
 
 /***/ }),
 
@@ -1862,7 +1807,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var reac
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\n/* harmony import */ var _HeaderMessages_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./HeaderMessages.scss */ \"./src/Presentation/components/UI/Dialogs/MessagesView/HeaderMessages/HeaderMessages.scss\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _svgs_Icons_Contents_GroupChat__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../svgs/Icons/Contents/GroupChat */ \"./src/Presentation/components/UI/svgs/Icons/Contents/GroupChat/index.tsx\");\n/* harmony import */ var _svgs_Icons_Actions_Phone__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../svgs/Icons/Actions/Phone */ \"./src/Presentation/components/UI/svgs/Icons/Actions/Phone/index.tsx\");\n/* harmony import */ var _svgs_Icons_Status_InformationFill__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../svgs/Icons/Status/InformationFill */ \"./src/Presentation/components/UI/svgs/Icons/Status/InformationFill/index.tsx\");\n/* harmony import */ var _svgs_ActiveSvg_ActiveSvg__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../svgs/ActiveSvg/ActiveSvg */ \"./src/Presentation/components/UI/svgs/ActiveSvg/ActiveSvg.tsx\");\n/* harmony import */ var _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../../../Domain/entity/DialogTypes */ \"./src/Domain/entity/DialogTypes.ts\");\n/* harmony import */ var _EditDialog_UserAvatar_UserAvatar__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../EditDialog/UserAvatar/UserAvatar */ \"./src/Presentation/components/UI/Dialogs/EditDialog/UserAvatar/UserAvatar.tsx\");\n/* harmony import */ var _svgs_Icons_Contents_User__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../svgs/Icons/Contents/User */ \"./src/Presentation/components/UI/svgs/Icons/Contents/User/index.tsx\");\n/* harmony import */ var _svgs_Icons_Contents_PublicChannel__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../svgs/Icons/Contents/PublicChannel */ \"./src/Presentation/components/UI/svgs/Icons/Contents/PublicChannel/index.tsx\");\nvar __assign = (undefined && undefined.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\n\n\n\n\n\n\n\n\n\n\n\n// eslint-disable-next-line react/function-component-definition\nvar HeaderMessages = function (_a) {\n    var dialog = _a.dialog, _b = _a.countMembers, countMembers = _b === void 0 ? 0 : _b, InformationHandler = _a.InformationHandler, CallHandler = _a.CallHandler;\n    // TODO: check showDialogInformation, add handler for close DialogInformation\n    var _c = react__WEBPACK_IMPORTED_MODULE_2___default().useState(false), showDialogInformation = _c[0], setShowDialogInformation = _c[1];\n    // eslint-disable-next-line consistent-return\n    var renderIconForTypeDialog = function (dialogEntity) {\n        if (dialogEntity.type === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_7__.DialogType.group) {\n            var groupDialogEntity = dialogEntity;\n            if (groupDialogEntity.photo) {\n                return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_EditDialog_UserAvatar_UserAvatar__WEBPACK_IMPORTED_MODULE_8__[\"default\"], { urlAvatar: groupDialogEntity.photo, iconTheme: { width: '40px', height: '40px' } }));\n            }\n            return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Contents_GroupChat__WEBPACK_IMPORTED_MODULE_3__[\"default\"], { width: \"24\", height: \"24\", applyZoom: true, color: \"var(--secondary-text)\" }));\n        }\n        if (dialogEntity.type === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_7__.DialogType[\"private\"]) {\n            return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Contents_User__WEBPACK_IMPORTED_MODULE_9__[\"default\"], { width: \"24\", height: \"24\", applyZoom: true, color: \"var(--secondary-text)\" }));\n        }\n        if (dialogEntity.type === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_7__.DialogType[\"public\"]) {\n            var publicDialogEntity = dialogEntity;\n            if (publicDialogEntity.photo) {\n                return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_EditDialog_UserAvatar_UserAvatar__WEBPACK_IMPORTED_MODULE_8__[\"default\"], { urlAvatar: publicDialogEntity.photo, iconTheme: { width: '40px', height: '40px' } }));\n            }\n            return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Contents_PublicChannel__WEBPACK_IMPORTED_MODULE_10__[\"default\"], { width: \"24\", height: \"24\", applyZoom: true, color: \"var(--secondary-text)\" }));\n        }\n    };\n    return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"message-header-container\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: \"message-header-container--info-wrapper\" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"message-header-container--info-wrapper__dialog-icon\" }, { children: renderIconForTypeDialog(dialog) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: \"message-header-container--info-wrapper__detail\" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"message-header-container--info-wrapper__detail__dialog-name\" }, { children: (dialog === null || dialog === void 0 ? void 0 : dialog.name) || 'Dialog name' })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: \"message-header-container--info-wrapper__detail__dialog-members\" }, { children: [countMembers || 0, \" members\"] }))] })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: \"message-header-container--info-wrapper__detail-button\" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"message-header-container--info-wrapper__detail-button__call\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_ActiveSvg_ActiveSvg__WEBPACK_IMPORTED_MODULE_6__[\"default\"], { content: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Actions_Phone__WEBPACK_IMPORTED_MODULE_4__[\"default\"], { width: \"32\", height: \"32\", applyZoom: true }), clickAction: function () {\n                                    if (CallHandler)\n                                        CallHandler();\n                                }, touchAction: function () {\n                                    if (CallHandler)\n                                        CallHandler();\n                                } }) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"message-header-container--info-wrapper__detail-button__info\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_ActiveSvg_ActiveSvg__WEBPACK_IMPORTED_MODULE_6__[\"default\"], { content: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Status_InformationFill__WEBPACK_IMPORTED_MODULE_5__[\"default\"], { width: \"32\", height: \"32\", applyZoom: true, color: \"var(--secondary-background)\" }), clickAction: function () {\n                                    setShowDialogInformation(!showDialogInformation);\n                                    if (InformationHandler)\n                                        InformationHandler();\n                                }, touchAction: function () {\n                                    setShowDialogInformation(!showDialogInformation);\n                                    if (InformationHandler)\n                                        InformationHandler();\n                                } }) }))] }))] })) })));\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (HeaderMessages);\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/Presentation/components/UI/Dialogs/MessagesView/HeaderMessages/HeaderMessages.tsx?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\n/* harmony import */ var _HeaderMessages_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./HeaderMessages.scss */ \"./src/Presentation/components/UI/Dialogs/MessagesView/HeaderMessages/HeaderMessages.scss\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _svgs_Icons_Contents_GroupChat__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../svgs/Icons/Contents/GroupChat */ \"./src/Presentation/components/UI/svgs/Icons/Contents/GroupChat/index.tsx\");\n/* harmony import */ var _svgs_Icons_Actions_Phone__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../svgs/Icons/Actions/Phone */ \"./src/Presentation/components/UI/svgs/Icons/Actions/Phone/index.tsx\");\n/* harmony import */ var _svgs_Icons_Status_InformationFill__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../svgs/Icons/Status/InformationFill */ \"./src/Presentation/components/UI/svgs/Icons/Status/InformationFill/index.tsx\");\n/* harmony import */ var _svgs_ActiveSvg_ActiveSvg__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../svgs/ActiveSvg/ActiveSvg */ \"./src/Presentation/components/UI/svgs/ActiveSvg/ActiveSvg.tsx\");\n/* harmony import */ var _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../../../Domain/entity/DialogTypes */ \"./src/Domain/entity/DialogTypes.ts\");\n/* harmony import */ var _EditDialog_UserAvatar_UserAvatar__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../EditDialog/UserAvatar/UserAvatar */ \"./src/Presentation/components/UI/Dialogs/EditDialog/UserAvatar/UserAvatar.tsx\");\n/* harmony import */ var _svgs_Icons_Contents_User__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../svgs/Icons/Contents/User */ \"./src/Presentation/components/UI/svgs/Icons/Contents/User/index.tsx\");\n/* harmony import */ var _svgs_Icons_Contents_PublicChannel__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../svgs/Icons/Contents/PublicChannel */ \"./src/Presentation/components/UI/svgs/Icons/Contents/PublicChannel/index.tsx\");\nvar __assign = (undefined && undefined.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\n\n\n\n\n\n\n\n\n\n\n\n// eslint-disable-next-line react/function-component-definition\nvar HeaderMessages = function (_a) {\n    var dialog = _a.dialog, _b = _a.countMembers, countMembers = _b === void 0 ? 0 : _b, InformationHandler = _a.InformationHandler, CallHandler = _a.CallHandler, \n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    _c = _a.theme, \n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    theme = _c === void 0 ? undefined : _c;\n    // TODO: check showDialogInformation, add handler for close DialogInformation\n    var _d = react__WEBPACK_IMPORTED_MODULE_2___default().useState(false), showDialogInformation = _d[0], setShowDialogInformation = _d[1];\n    // eslint-disable-next-line consistent-return\n    var renderIconForTypeDialog = function (dialogEntity) {\n        if (dialogEntity.type === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_7__.DialogType.group) {\n            var groupDialogEntity = dialogEntity;\n            if (groupDialogEntity.photo) {\n                return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_EditDialog_UserAvatar_UserAvatar__WEBPACK_IMPORTED_MODULE_8__[\"default\"], { urlAvatar: groupDialogEntity.photo, iconTheme: { width: '40px', height: '40px' } }));\n            }\n            return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Contents_GroupChat__WEBPACK_IMPORTED_MODULE_3__[\"default\"], { width: \"24\", height: \"24\", applyZoom: true, color: \"var(--secondary-text)\" }));\n        }\n        if (dialogEntity.type === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_7__.DialogType[\"private\"]) {\n            return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Contents_User__WEBPACK_IMPORTED_MODULE_9__[\"default\"], { width: \"24\", height: \"24\", applyZoom: true, color: \"var(--secondary-text)\" }));\n        }\n        if (dialogEntity.type === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_7__.DialogType[\"public\"]) {\n            var publicDialogEntity = dialogEntity;\n            if (publicDialogEntity.photo) {\n                return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_EditDialog_UserAvatar_UserAvatar__WEBPACK_IMPORTED_MODULE_8__[\"default\"], { urlAvatar: publicDialogEntity.photo, iconTheme: { width: '40px', height: '40px' } }));\n            }\n            return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Contents_PublicChannel__WEBPACK_IMPORTED_MODULE_10__[\"default\"], { width: \"24\", height: \"24\", applyZoom: true, color: \"var(--secondary-text)\" }));\n        }\n    };\n    return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"message-header-container\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: \"message-header-container--info-wrapper\" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"message-header-container--info-wrapper__dialog-icon\" }, { children: renderIconForTypeDialog(dialog) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: \"message-header-container--info-wrapper__detail\" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"message-header-container--info-wrapper__detail__dialog-name\" }, { children: (dialog === null || dialog === void 0 ? void 0 : dialog.name) || 'Dialog name' })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: \"message-header-container--info-wrapper__detail__dialog-members\" }, { children: [countMembers || 0, \" members\"] }))] })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: \"message-header-container--info-wrapper__detail-button\" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"message-header-container--info-wrapper__detail-button__call\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_ActiveSvg_ActiveSvg__WEBPACK_IMPORTED_MODULE_6__[\"default\"], { content: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Actions_Phone__WEBPACK_IMPORTED_MODULE_4__[\"default\"], { width: \"32\", height: \"32\", applyZoom: true }), clickAction: function () {\n                                    if (CallHandler)\n                                        CallHandler();\n                                }, touchAction: function () {\n                                    if (CallHandler)\n                                        CallHandler();\n                                } }) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"message-header-container--info-wrapper__detail-button__info\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_ActiveSvg_ActiveSvg__WEBPACK_IMPORTED_MODULE_6__[\"default\"], { content: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Status_InformationFill__WEBPACK_IMPORTED_MODULE_5__[\"default\"], { width: \"32\", height: \"32\", applyZoom: true, color: \"var(--secondary-background)\" }), clickAction: function () {\n                                    setShowDialogInformation(!showDialogInformation);\n                                    if (InformationHandler)\n                                        InformationHandler();\n                                }, touchAction: function () {\n                                    setShowDialogInformation(!showDialogInformation);\n                                    if (InformationHandler)\n                                        InformationHandler();\n                                } }) }))] }))] })) })));\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (HeaderMessages);\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/Presentation/components/UI/Dialogs/MessagesView/HeaderMessages/HeaderMessages.tsx?");
 
 /***/ }),
 
@@ -1884,7 +1829,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var reac
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _MessagesView_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./MessagesView.scss */ \"./src/Presentation/components/UI/Dialogs/MessagesView/MessagesView.scss\");\n/* harmony import */ var _providers_QuickBloxUIKitProvider_useQBConnection__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../providers/QuickBloxUIKitProvider/useQBConnection */ \"./src/Presentation/components/providers/QuickBloxUIKitProvider/useQBConnection.ts\");\n/* harmony import */ var _containers_ScrollableContainer_ScrollableContainer__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../containers/ScrollableContainer/ScrollableContainer */ \"./src/Presentation/components/containers/ScrollableContainer/ScrollableContainer.tsx\");\n/* harmony import */ var _Domain_entity_FileTypes__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../Domain/entity/FileTypes */ \"./src/Domain/entity/FileTypes.ts\");\n/* harmony import */ var _svgs_Icons_Media_ImageEmpty__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../svgs/Icons/Media/ImageEmpty */ \"./src/Presentation/components/UI/svgs/Icons/Media/ImageEmpty/index.tsx\");\n/* harmony import */ var _svgs_Icons_Toggle_ImagePlay__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../svgs/Icons/Toggle/ImagePlay */ \"./src/Presentation/components/UI/svgs/Icons/Toggle/ImagePlay/index.tsx\");\n/* harmony import */ var _containers_ColumnContainer_ColumnContainer__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../containers/ColumnContainer/ColumnContainer */ \"./src/Presentation/components/containers/ColumnContainer/ColumnContainer.tsx\");\n/* harmony import */ var _svgs_Icons_Media_ImageFile__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../svgs/Icons/Media/ImageFile */ \"./src/Presentation/components/UI/svgs/Icons/Media/ImageFile/index.tsx\");\n/* harmony import */ var _useMessagesViewModelWithMockUseCase__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./useMessagesViewModelWithMockUseCase */ \"./src/Presentation/components/UI/Dialogs/MessagesView/useMessagesViewModelWithMockUseCase.ts\");\n/* harmony import */ var _Placeholders_LoaderComponent_LoaderComponent__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../Placeholders/LoaderComponent/LoaderComponent */ \"./src/Presentation/components/UI/Placeholders/LoaderComponent/LoaderComponent.tsx\");\n/* harmony import */ var _Placeholders_ErrorComponent_ErrorComponent__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../Placeholders/ErrorComponent/ErrorComponent */ \"./src/Presentation/components/UI/Placeholders/ErrorComponent/ErrorComponent.tsx\");\n/* harmony import */ var _HeaderMessages_HeaderMessages__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./HeaderMessages/HeaderMessages */ \"./src/Presentation/components/UI/Dialogs/MessagesView/HeaderMessages/HeaderMessages.tsx\");\n/* harmony import */ var _VideoAttachmentComponent_VideoAttachmentComponent__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./VideoAttachmentComponent/VideoAttachmentComponent */ \"./src/Presentation/components/UI/Dialogs/MessagesView/VideoAttachmentComponent/VideoAttachmentComponent.tsx\");\n/* harmony import */ var _ImageAttachmentComponent_ImageAttachmentComponent__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./ImageAttachmentComponent/ImageAttachmentComponent */ \"./src/Presentation/components/UI/Dialogs/MessagesView/ImageAttachmentComponent/ImageAttachmentComponent.tsx\");\n/* harmony import */ var _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../../../../../Domain/entity/DialogTypes */ \"./src/Domain/entity/DialogTypes.ts\");\n/* harmony import */ var _providers_QuickBloxUIKitProvider_useQbDataContext__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../../../providers/QuickBloxUIKitProvider/useQbDataContext */ \"./src/Presentation/components/providers/QuickBloxUIKitProvider/useQbDataContext.ts\");\n/* harmony import */ var _Domain_repository_Pagination__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ../../../../../Domain/repository/Pagination */ \"./src/Domain/repository/Pagination.ts\");\n/* harmony import */ var _utils_DateTimeFormatter__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ../../../../../utils/DateTimeFormatter */ \"./src/utils/DateTimeFormatter.ts\");\n/* harmony import */ var _svgs_Icons_Contents_User__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ../../svgs/Icons/Contents/User */ \"./src/Presentation/components/UI/svgs/Icons/Contents/User/index.tsx\");\n/* harmony import */ var _svgs_ActiveSvg_ActiveSvg__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ../../svgs/ActiveSvg/ActiveSvg */ \"./src/Presentation/components/UI/svgs/ActiveSvg/ActiveSvg.tsx\");\n/* harmony import */ var _svgs_Icons_Media_Attachment__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ../../svgs/Icons/Media/Attachment */ \"./src/Presentation/components/UI/svgs/Icons/Media/Attachment/index.tsx\");\n/* harmony import */ var _svgs_Icons_Actions_Send__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ../../svgs/Icons/Actions/Send */ \"./src/Presentation/components/UI/svgs/Icons/Actions/Send/index.tsx\");\n/* harmony import */ var _AudioAttachmentComponent_AudioAttachmentComponent__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ./AudioAttachmentComponent/AudioAttachmentComponent */ \"./src/Presentation/components/UI/Dialogs/MessagesView/AudioAttachmentComponent/AudioAttachmentComponent.tsx\");\n/* harmony import */ var _svgs_Icons_Media_AudioFile__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ../../svgs/Icons/Media/AudioFile */ \"./src/Presentation/components/UI/svgs/Icons/Media/AudioFile/index.tsx\");\n/* harmony import */ var _svgs_Icons_Actions_Voice__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ../../svgs/Icons/Actions/Voice */ \"./src/Presentation/components/UI/svgs/Icons/Actions/Voice/index.tsx\");\n/* harmony import */ var _svgs_Icons_Status_Sent__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! ../../svgs/Icons/Status/Sent */ \"./src/Presentation/components/UI/svgs/Icons/Status/Sent/index.tsx\");\n/* harmony import */ var _svgs_Icons_Status_ViewedDelivered__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! ../../svgs/Icons/Status/ViewedDelivered */ \"./src/Presentation/components/UI/svgs/Icons/Status/ViewedDelivered/index.tsx\");\n/* harmony import */ var _utils_parse__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(/*! ../../../../../utils/parse */ \"./src/utils/parse.ts\");\n/* harmony import */ var _VoiceRecordingProgress_VoiceRecordingProgress__WEBPACK_IMPORTED_MODULE_30__ = __webpack_require__(/*! ./VoiceRecordingProgress/VoiceRecordingProgress */ \"./src/Presentation/components/UI/Dialogs/MessagesView/VoiceRecordingProgress/VoiceRecordingProgress.tsx\");\nvar __assign = (undefined && undefined.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nvar __awaiter = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n    return new (P || (P = Promise))(function (resolve, reject) {\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\n    });\n};\nvar __generator = (undefined && undefined.__generator) || function (thisArg, body) {\n    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\n    return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\n    function verb(n) { return function (v) { return step([n, v]); }; }\n    function step(op) {\n        if (f) throw new TypeError(\"Generator is already executing.\");\n        while (g && (g = 0, op[0] && (_ = 0)), _) try {\n            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;\n            if (y = 0, t) op = [op[0] & 2, t.value];\n            switch (op[0]) {\n                case 0: case 1: t = op; break;\n                case 4: _.label++; return { value: op[1], done: false };\n                case 5: _.label++; y = op[1]; op = [0]; continue;\n                case 7: op = _.ops.pop(); _.trys.pop(); continue;\n                default:\n                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\n                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\n                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\n                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\n                    if (t[2]) _.ops.pop();\n                    _.trys.pop(); continue;\n            }\n            op = body.call(thisArg, _);\n        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\n        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\n    }\n};\nvar __spreadArray = (undefined && undefined.__spreadArray) || function (to, from, pack) {\n    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\n        if (ar || !(i in from)) {\n            if (!ar) ar = Array.prototype.slice.call(from, 0, i);\n            ar[i] = from[i];\n        }\n    }\n    return to.concat(ar || Array.prototype.slice.call(from));\n};\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n// eslint-disable-next-line react/function-component-definition\nvar MessagesView = function (_a) {\n    var _b, _c;\n    var dialog = _a.dialog, InformationHandler = _a.InformationHandler, \n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    _d = _a.maxWidthToResize, \n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    maxWidthToResize = _d === void 0 ? undefined : _d;\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    var maxWidthToResizing = maxWidthToResize || '$message-view-container-wrapper-min-width';\n    // const maxWidthToResizing = '720px'; // $message-view-container-wrapper-min-width:\n    var currentContext = (0,_providers_QuickBloxUIKitProvider_useQbDataContext__WEBPACK_IMPORTED_MODULE_17__[\"default\"])();\n    var currentUserId = (_b = currentContext.storage.REMOTE_DATA_SOURCE.authInformation) === null || _b === void 0 ? void 0 : _b.userId;\n    var currentUserName = (_c = currentContext.storage.REMOTE_DATA_SOURCE.authInformation) === null || _c === void 0 ? void 0 : _c.userName;\n    var _e = (0,_providers_QuickBloxUIKitProvider_useQBConnection__WEBPACK_IMPORTED_MODULE_3__[\"default\"])(), connectionRepository = _e.connectionRepository, browserOnline = _e.browserOnline;\n    var _f = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(100), dialogMessagesCount = _f[0], setDialogMessageCount = _f[1];\n    var _g = react__WEBPACK_IMPORTED_MODULE_1___default().useState(true), hasMore = _g[0], setHasMore = _g[1];\n    var _h = react__WEBPACK_IMPORTED_MODULE_1___default().useState(false), scrollUpToDown = _h[0], setScrollUpToDown = _h[1];\n    var _j = react__WEBPACK_IMPORTED_MODULE_1___default().useState([]), messagesToView = _j[0], setMessagesToView = _j[1];\n    var messagesViewModel = (0,_useMessagesViewModelWithMockUseCase__WEBPACK_IMPORTED_MODULE_10__[\"default\"])(dialog.type, dialog);\n    (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n        console.log('HAVE NEW DIALOG');\n        // messagesViewModel.getMessages(new Pagination());\n        messagesViewModel.entity = dialog;\n        setMessagesToView([]);\n    }, [dialog]);\n    (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n        console.log('HAVE NEW ENTITY');\n        messagesViewModel.getMessages(new _Domain_repository_Pagination__WEBPACK_IMPORTED_MODULE_18__.Pagination());\n    }, [messagesViewModel.entity]);\n    //\n    function prepareFirstPage(initData) {\n        var firstPageSize = messagesViewModel.messages.length < 47\n            ? messagesViewModel.messages.length\n            : 47;\n        // for (let i = 0; i < firstPageSize; i += 1) {\n        for (var i = firstPageSize - 1; i >= 0; i -= 1) {\n            initData.push(messagesViewModel.messages[i]);\n        }\n    }\n    var fetchMoreData = function () {\n        if (messagesToView.length >= dialogMessagesCount) {\n            setHasMore(false);\n            return;\n        }\n        if (hasMore &&\n            messagesToView.length > 0 &&\n            messagesToView.length < dialogMessagesCount) {\n            setMessagesToView(function (prevState) {\n                var newState = __spreadArray([], prevState, true);\n                var newMessageEntity = messagesViewModel.messages[prevState.length];\n                newState.push(newMessageEntity);\n                return newState;\n            });\n        }\n    };\n    //\n    (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n        var _a;\n        console.log('Messages have changed');\n        setDialogMessageCount(((_a = messagesViewModel === null || messagesViewModel === void 0 ? void 0 : messagesViewModel.messages) === null || _a === void 0 ? void 0 : _a.length) || 0);\n        if ((messagesToView === null || messagesToView === void 0 ? void 0 : messagesToView.length) === 0 && messagesViewModel.messages.length > 0) {\n            // setDialogMessageCount(messagesViewModel.messages.length);\n            var initData = [];\n            console.log(JSON.stringify(messagesViewModel.messages));\n            prepareFirstPage(initData);\n            setMessagesToView(initData);\n        }\n        else if (messagesViewModel.messages.length - messagesToView.length >= 1) {\n            setHasMore(true);\n            setScrollUpToDown(true);\n        }\n    }, [messagesViewModel.messages]);\n    //\n    (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n        console.log('dialogMessagesCount have changed');\n        if (messagesViewModel.messages.length - messagesToView.length >= 1) {\n            fetchMoreData();\n        }\n    }, [dialogMessagesCount]);\n    //\n    var getSenderName = function (sender) {\n        if (!sender)\n            return undefined;\n        return (sender.full_name || sender.login || sender.email || sender.id.toString());\n    };\n    var renderMessage = function (message, index) {\n        var SystemMessage = 'SystemMessage';\n        var IncomingMessage = 'IncomingMessage';\n        var OutgoingMessage = 'OutgoingMessage';\n        console.log('render message: ', JSON.stringify(message), ' index: ', index);\n        var messageView;\n        var checkMessageType = function (m) {\n            if (m.notification_type && m.notification_type.length > 0) {\n                return SystemMessage;\n            }\n            if (m.sender && m.sender.id !== currentUserId) {\n                return IncomingMessage;\n            }\n            return OutgoingMessage;\n        };\n        var messageTypes = checkMessageType(message);\n        var messageContentRender = function (mc) {\n            var messageText = (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", { children: mc.message });\n            var messageContent = messageText;\n            var attachmentContentRender = function (att) {\n                var contentPlaceHolder = (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", { children: att.type.toString() });\n                if (att.type.toString().includes(_Domain_entity_FileTypes__WEBPACK_IMPORTED_MODULE_5__.FileType.video)) {\n                    contentPlaceHolder = att.file ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_VideoAttachmentComponent_VideoAttachmentComponent__WEBPACK_IMPORTED_MODULE_14__[\"default\"], { videoFile: att.file })) : ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Toggle_ImagePlay__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {}));\n                }\n                if (att.type.toString().includes(_Domain_entity_FileTypes__WEBPACK_IMPORTED_MODULE_5__.FileType.audio)) {\n                    contentPlaceHolder = att.file ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_AudioAttachmentComponent_AudioAttachmentComponent__WEBPACK_IMPORTED_MODULE_24__[\"default\"], { audioFile: att.file })) : ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Media_AudioFile__WEBPACK_IMPORTED_MODULE_25__[\"default\"], {}));\n                }\n                if (att.type.toString().includes(_Domain_entity_FileTypes__WEBPACK_IMPORTED_MODULE_5__.FileType.image)) {\n                    contentPlaceHolder = att.file ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ImageAttachmentComponent_ImageAttachmentComponent__WEBPACK_IMPORTED_MODULE_15__[\"default\"], { imageFile: att.file })) : ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Media_ImageEmpty__WEBPACK_IMPORTED_MODULE_6__[\"default\"], {}));\n                }\n                if (att.type.toString().includes(_Domain_entity_FileTypes__WEBPACK_IMPORTED_MODULE_5__.FileType.text)) {\n                    contentPlaceHolder = att.file ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", { children: \"TEXT\" })) : ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Media_ImageFile__WEBPACK_IMPORTED_MODULE_9__[\"default\"], { applyZoom: true }));\n                }\n                var contentResult = ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"message-view-container--message-content-wrapper\" }, { children: contentPlaceHolder })));\n                if (att.type === _Domain_entity_FileTypes__WEBPACK_IMPORTED_MODULE_5__.FileType.text) {\n                    contentResult = ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: \"message-view-container--file-message-content-wrapper\" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"message-view-container__file-message-icon\" }, { children: contentPlaceHolder })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", { children: att.name || 'file' })] })));\n                }\n                return contentResult;\n            };\n            if (mc.attachments && mc.attachments.length > 0) {\n                messageContent = ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_containers_ColumnContainer_ColumnContainer__WEBPACK_IMPORTED_MODULE_8__[\"default\"], __assign({ maxWidth: \"100%\" }, { children: [mc.attachments.map(function (attachment) {\n                            return attachmentContentRender(attachment);\n                        }), messageText] })));\n            }\n            return messageContent;\n        };\n        if (messageTypes === SystemMessage) {\n            messageView = ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: \"message-view-container--system-message-wrapper\" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"message-view-container--system-message-wrapper__date_container\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", { children: [(0,_utils_DateTimeFormatter__WEBPACK_IMPORTED_MODULE_19__.getDateShortFormatEU)(message.date_sent), \",\"] }) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", { children: message.message })] }), message.id));\n        }\n        else if (messageTypes === IncomingMessage) {\n            messageView = ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: \"message-view-container--incoming-message-wrapper\" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"message-view-container--incoming-message-wrapper__avatar\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"message-view-container__sender-avatar\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Contents_User__WEBPACK_IMPORTED_MODULE_20__[\"default\"], { width: \"24\", height: \"24\", applyZoom: true, color: \"var(--secondary-text)\" }) })) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: \"message-view-container--incoming-message-container\" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"message-view-container__sender-name\" }, { children: getSenderName(message.sender) || message.sender_id.toString() })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"message-view-container__sender-message\" }, { children: messageContentRender(message) }))] })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"message-view-container__incoming-time\" }, { children: (0,_utils_DateTimeFormatter__WEBPACK_IMPORTED_MODULE_19__.getTimeShort24hFormat)(message.date_sent) }))] }), message.id));\n        }\n        else {\n            messageView = ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: \"message-view-container--outgoing-message-wrapper\" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: \"message-view-container__status-message\" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"message-view-container__incoming-time\" }, { children: message.delivered_ids && message.delivered_ids.length > 0 ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Status_ViewedDelivered__WEBPACK_IMPORTED_MODULE_28__[\"default\"], { width: \"13\", height: \"13\", applyZoom: true })) : ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Status_Sent__WEBPACK_IMPORTED_MODULE_27__[\"default\"], { width: \"13\", height: \"13\", applyZoom: true })) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"message-view-container__incoming-time\" }, { children: (0,_utils_DateTimeFormatter__WEBPACK_IMPORTED_MODULE_19__.getTimeShort24hFormat)(message.date_sent) }))] })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"message-view-container__outgoing-message\" }, { children: messageContentRender(message) }))] }), message.id));\n        }\n        return messageView;\n    };\n    var getCountDialogMembers = function (dialogEntity) {\n        var participants = [];\n        if (dialogEntity.type === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_16__.DialogType.group) {\n            participants = dialogEntity.participantIds;\n        }\n        else if (dialogEntity.type === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_16__.DialogType[\"private\"]) {\n            participants = [dialogEntity.participantId];\n        }\n        else if (dialogEntity.type === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_16__.DialogType[\"public\"]) {\n            participants = [];\n        }\n        return participants.length;\n    };\n    var _k = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(null), fileToSend = _k[0], setFileToSend = _k[1];\n    var _l = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(''), messageText = _l[0], setMessageText = _l[1];\n    var _m = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(''), warningErrorText = _m[0], setWarningErrorText = _m[1];\n    (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n        setWarningErrorText(messagesViewModel.typingText);\n    }, [messagesViewModel.typingText]);\n    var ChangeFileHandler = function (event) {\n        var reader = new FileReader();\n        var file = event.currentTarget.files\n            ? event.currentTarget.files[0]\n            : null;\n        reader.onloadend = function () {\n            setFileToSend(file);\n        };\n        if (file !== null)\n            reader.readAsDataURL(file);\n    };\n    var showErrorMessage = function (errorMessage) {\n        setWarningErrorText(errorMessage);\n        setTimeout(function () {\n            setWarningErrorText('');\n        }, 3000);\n    };\n    (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n        console.log('have Attachments');\n        var MAXSIZE = 90 * 1000000;\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        var flag = (fileToSend === null || fileToSend === void 0 ? void 0 : fileToSend.size) && (fileToSend === null || fileToSend === void 0 ? void 0 : fileToSend.size) < MAXSIZE;\n        if ((fileToSend === null || fileToSend === void 0 ? void 0 : fileToSend.size) && (fileToSend === null || fileToSend === void 0 ? void 0 : fileToSend.size) < MAXSIZE) {\n            messagesViewModel.sendAttachmentMessage(fileToSend);\n        }\n        else if (fileToSend) {\n            showErrorMessage(\"file size \".concat(fileToSend === null || fileToSend === void 0 ? void 0 : fileToSend.size, \" must be less then \").concat(MAXSIZE, \" mb.\"));\n        }\n    }, [fileToSend]);\n    var _o = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(true), isVoiceMessage = _o[0], setVoiceMessage = _o[1];\n    var _p = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false), isRecording = _p[0], setIsRecording = _p[1];\n    //\n    var _q = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false), permission = _q[0], setPermission = _q[1];\n    // const [recordingStatus, setRecordingStatus] = useState('inactive');\n    var _r = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(), stream = _r[0], setStream = _r[1];\n    // const [mediaRecorder, setMediaRecorder] = useState<MediaRecorder>();\n    var mediaRecorder = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)();\n    var _s = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(), resultAudioBlob = _s[0], setResultAudioBlob = _s[1];\n    var _t = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)([]), audioChunks = _t[0], setAudioChunks = _t[1];\n    var mimeType = 'audio/webm;codecs=opus'; // audio/ogg audio/mpeg audio/webm audio/x-wav audio/mp4\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    var getMicrophonePermission = function () { return __awaiter(void 0, void 0, void 0, function () {\n        var mediaStream, err_1;\n        return __generator(this, function (_a) {\n            switch (_a.label) {\n                case 0:\n                    if (!window) return [3 /*break*/, 5];\n                    _a.label = 1;\n                case 1:\n                    _a.trys.push([1, 3, , 4]);\n                    return [4 /*yield*/, navigator.mediaDevices.getUserMedia({\n                            audio: true,\n                            video: false,\n                        })];\n                case 2:\n                    mediaStream = _a.sent();\n                    setPermission(true);\n                    setStream(mediaStream);\n                    return [3 /*break*/, 4];\n                case 3:\n                    err_1 = _a.sent();\n                    // setWarningErrorText(\n                    //   'The MediaRecorder API is not supported in your browser.',\n                    // );\n                    showErrorMessage(\"The MediaRecorder API throws exception \".concat((0,_utils_parse__WEBPACK_IMPORTED_MODULE_29__.stringifyError)(err_1), \" .\"));\n                    return [3 /*break*/, 4];\n                case 4: return [3 /*break*/, 6];\n                case 5:\n                    // setWarningErrorText(\n                    //   'The MediaRecorder API is not supported in your browser.',\n                    // );\n                    showErrorMessage('The MediaRecorder API is not supported in your browser.');\n                    _a.label = 6;\n                case 6: return [2 /*return*/];\n            }\n        });\n    }); };\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars,@typescript-eslint/require-await\n    var startRecording = function () { return __awaiter(void 0, void 0, void 0, function () {\n        var mimeContent, media, localAudioChunks;\n        return __generator(this, function (_a) {\n            if (!stream)\n                return [2 /*return*/];\n            mimeContent = window.MediaRecorder.isTypeSupported('audio/mp4;codecs=mp4a')\n                ? 'audio/mp4;codecs=mp4a'\n                : 'audio/webm;codecs=opus';\n            media = new MediaRecorder(stream, { mimeType: mimeContent });\n            mediaRecorder.current = media;\n            mediaRecorder.current.start();\n            localAudioChunks = [];\n            mediaRecorder.current.ondataavailable = function (event) {\n                // const localAudioChunks: any[] = [];\n                if (typeof event.data === 'undefined')\n                    return;\n                if (event.data.size === 0)\n                    return;\n                localAudioChunks.push(event.data);\n                console.log('voice data');\n                // setAudioChunks(localAudioChunks);\n            };\n            setAudioChunks(localAudioChunks);\n            return [2 /*return*/];\n        });\n    }); };\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    var stopRecording = function () {\n        if (!mediaRecorder.current)\n            return;\n        // setRecordingStatus('inactive');\n        mediaRecorder.current.stop();\n        mediaRecorder.current.onstop = function () {\n            var audioBlob = new Blob(audioChunks, { type: mimeType });\n            setResultAudioBlob(audioBlob);\n            setAudioChunks([]);\n            //\n            stream === null || stream === void 0 ? void 0 : stream.getAudioTracks().forEach(function (track) {\n                track.stop();\n            });\n            setPermission(false);\n            //\n        };\n    };\n    //\n    var blobToFile = function (theBlob, fileName) {\n        var b = theBlob;\n        // A Blob() is almost a File() - it's just missing the two properties below which we will add\n        b.lastModifiedDate = new Date();\n        b.name = fileName;\n        // Cast to a File() type\n        var resultFile = theBlob;\n        return resultFile;\n    };\n    (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n        if (resultAudioBlob) {\n            var voiceMessage = blobToFile(resultAudioBlob, \"\".concat(currentUserName || '', \"_voice_message.webm\"));\n            setFileToSend(voiceMessage);\n        }\n    }, [resultAudioBlob]);\n    // test component version\n    // useEffect(() => {\n    //   if (isRecording) {\n    //     setWarningErrorText(`Your voice is recording during for 1 minute`);\n    //   } else {\n    //     setWarningErrorText('');\n    //   }\n    // }, [isRecording]);\n    // work version below:\n    (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n        // setFileToSend(null);\n        if (isRecording) {\n            if (!permission) {\n                // eslint-disable-next-line promise/catch-or-return,promise/always-return\n                getMicrophonePermission().catch(function () {\n                    // setWarningErrorText(`Have no audio.`);\n                    showErrorMessage(\"Have no audio.\");\n                });\n            }\n            else {\n                // eslint-disable-next-line promise/catch-or-return,promise/always-return\n                startRecording().then(function () {\n                    setWarningErrorText(\"Your voice is recording during for 1 minutes\");\n                });\n            }\n        }\n        else {\n            if (permission && mediaRecorder.current) {\n                stopRecording();\n            }\n            setWarningErrorText('');\n        }\n    }, [isRecording]);\n    (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n        if (isRecording && permission) {\n            // eslint-disable-next-line promise/always-return,promise/catch-or-return\n            startRecording().then(function () {\n                setWarningErrorText(\"Your voice is recording during for 1 minutes\");\n            });\n        }\n    }, [permission]);\n    return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ style: maxWidthToResize\n            ? {\n                maxWidth: \"\".concat(maxWidthToResizing),\n                minWidth: \"$message-view-container-wrapper-min-width\",\n                // width: `${maxWidthToResizing}`,\n                width: '100%',\n            }\n            : {}, className: \"message-view-container\" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ style: {\n                    flexGrow: \"1\",\n                    flexShrink: \"1\",\n                    flexBasis: \"\".concat(maxWidthToResizing),\n                }, className: \"message-view-container--header\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_HeaderMessages_HeaderMessages__WEBPACK_IMPORTED_MODULE_13__[\"default\"], { dialog: messagesViewModel.entity, InformationHandler: InformationHandler, countMembers: getCountDialogMembers(dialog) }) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ style: {\n                    flexGrow: \"1\",\n                    flexShrink: \"1\",\n                    flexBasis: \"\".concat(maxWidthToResizing),\n                }, className: \"message-view-container--information\" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", { children: [\"connection status:\", browserOnline ? 'online ' : 'offline ', connectionRepository.isChatConnected() === undefined\n                                ? 'unexpected undefined'\n                                : connectionRepository.isChatConnected()\n                                    ? 'connected'\n                                    : 'disconnected'] }), hasMore && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ style: { color: 'red' } }, { children: [\"unread: \", dialogMessagesCount - messagesToView.length] }))), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", { children: \" current user id: \".concat(currentUserId || 'no user') })] })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ style: {\n                    flexGrow: \"1\",\n                    flexShrink: \"1\",\n                    flexBasis: \"\".concat(maxWidthToResizing),\n                }, className: \"message-view-container--messages\" }, { children: [(messagesViewModel === null || messagesViewModel === void 0 ? void 0 : messagesViewModel.error) && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Placeholders_ErrorComponent_ErrorComponent__WEBPACK_IMPORTED_MODULE_12__[\"default\"], { title: messagesViewModel === null || messagesViewModel === void 0 ? void 0 : messagesViewModel.error, ClickActionHandler: function () {\n                            alert('call click retry');\n                        } })), messagesViewModel &&\n                        messagesViewModel.messages &&\n                        messagesViewModel.messages.length > 0 &&\n                        messagesToView &&\n                        messagesToView.length > 0 && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_containers_ScrollableContainer_ScrollableContainer__WEBPACK_IMPORTED_MODULE_4__[\"default\"], { data: messagesToView, renderItem: renderMessage, onEndReached: fetchMoreData, onEndReachedThreshold: 0.8, refreshing: messagesViewModel === null || messagesViewModel === void 0 ? void 0 : messagesViewModel.loading, autoScrollToBottom: scrollUpToDown })), (messagesViewModel === null || messagesViewModel === void 0 ? void 0 : messagesViewModel.loading) && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ style: {\n                            height: '44px',\n                            width: '44px',\n                        } }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Placeholders_LoaderComponent_LoaderComponent__WEBPACK_IMPORTED_MODULE_11__[\"default\"], { width: \"44\", height: \"44\", color: \"var(--color-background-info)\" }) }))), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"message-view-container--warning-error\" }, { children: warningErrorText }))] })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ style: {\n                    flex: \"flex: 1 1 \".concat(maxWidthToResizing),\n                }, onBlur: function () {\n                    if (!(messageText && messageText.length > 0)) {\n                        setVoiceMessage(true);\n                    }\n                }, className: \"message-view-container--chat-input\" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"label\", __assign({ htmlFor: \"btnUploadAttachment\", style: {\n                            cursor: 'pointer',\n                        } }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_ActiveSvg_ActiveSvg__WEBPACK_IMPORTED_MODULE_21__[\"default\"], { content: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Media_Attachment__WEBPACK_IMPORTED_MODULE_22__[\"default\"], { width: \"32\", height: \"32\", applyZoom: true, color: \"var(--input-elements)\" }), clickAction: function () {\n                                        console.log('click send message');\n                                    }, touchAction: function () {\n                                        console.log('touch send message');\n                                    } }) }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"input\", { id: \"btnUploadAttachment\", type: \"file\", accept: \"image/*, audio/*, video/*, .pdf, .txt,\", style: { display: 'none' }, onChange: function (event) {\n                                    ChangeFileHandler(event);\n                                } })] })), !isRecording && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"textarea\", { disabled: messagesViewModel === null || messagesViewModel === void 0 ? void 0 : messagesViewModel.loading, value: messageText, onFocus: function () {\n                            setVoiceMessage(false);\n                        }, onChange: function (event) {\n                            setMessageText(event.target.value);\n                        }, onInput: function () {\n                            messagesViewModel.sendTypingTextMessage();\n                        }, placeholder: \"enter text to send\" })), isRecording && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_VoiceRecordingProgress_VoiceRecordingProgress__WEBPACK_IMPORTED_MODULE_30__[\"default\"], { longRecInSec: 60, ClickActionHandler: function () {\n                            console.log('click send voice message');\n                            if (messagesViewModel === null || messagesViewModel === void 0 ? void 0 : messagesViewModel.loading)\n                                return;\n                            setIsRecording(!isRecording);\n                        }, TouchActionHandler: function () {\n                            console.log('click send voice message');\n                            if (messagesViewModel === null || messagesViewModel === void 0 ? void 0 : messagesViewModel.loading)\n                                return;\n                            setIsRecording(!isRecording);\n                        } })), !isVoiceMessage && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_ActiveSvg_ActiveSvg__WEBPACK_IMPORTED_MODULE_21__[\"default\"], { content: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Actions_Send__WEBPACK_IMPORTED_MODULE_23__[\"default\"], { width: \"21\", height: \"18\", applyZoom: true, color: \"var(--main-elements)\" }), clickAction: function () {\n                                console.log('click send message');\n                                if (messagesViewModel === null || messagesViewModel === void 0 ? void 0 : messagesViewModel.loading)\n                                    return;\n                                setVoiceMessage(true);\n                                if (messageText.length > 0 && messageText.length <= 1000) {\n                                    var messageTextToSend = messageText;\n                                    setMessageText('');\n                                    messagesViewModel.sendTextMessage(messageTextToSend);\n                                    setMessageText('');\n                                }\n                                else {\n                                    setWarningErrorText('length of text message must be less then 1000 chars.');\n                                    setTimeout(function () {\n                                        setWarningErrorText('');\n                                    }, 3000);\n                                }\n                            }, touchAction: function () {\n                                console.log('touch send message');\n                            } }) })), isVoiceMessage && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_ActiveSvg_ActiveSvg__WEBPACK_IMPORTED_MODULE_21__[\"default\"], { content: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Actions_Voice__WEBPACK_IMPORTED_MODULE_26__[\"default\"], { width: \"21\", height: \"18\", applyZoom: true, color: isRecording ? 'var(--error)' : 'var(--input-elements)' }), clickAction: function () {\n                                console.log('click send voice message');\n                                if (messagesViewModel === null || messagesViewModel === void 0 ? void 0 : messagesViewModel.loading)\n                                    return;\n                                setIsRecording(!isRecording);\n                            }, touchAction: function () {\n                                console.log('touch send message');\n                                if (messagesViewModel === null || messagesViewModel === void 0 ? void 0 : messagesViewModel.loading)\n                                    return;\n                                setIsRecording(!isRecording);\n                            } }) }))] }))] })));\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (MessagesView);\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/Presentation/components/UI/Dialogs/MessagesView/MessagesView.tsx?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _MessagesView_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./MessagesView.scss */ \"./src/Presentation/components/UI/Dialogs/MessagesView/MessagesView.scss\");\n/* harmony import */ var _providers_QuickBloxUIKitProvider_useQBConnection__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../providers/QuickBloxUIKitProvider/useQBConnection */ \"./src/Presentation/components/providers/QuickBloxUIKitProvider/useQBConnection.ts\");\n/* harmony import */ var _containers_ScrollableContainer_ScrollableContainer__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../containers/ScrollableContainer/ScrollableContainer */ \"./src/Presentation/components/containers/ScrollableContainer/ScrollableContainer.tsx\");\n/* harmony import */ var _Domain_entity_FileTypes__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../Domain/entity/FileTypes */ \"./src/Domain/entity/FileTypes.ts\");\n/* harmony import */ var _svgs_Icons_Media_ImageEmpty__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../svgs/Icons/Media/ImageEmpty */ \"./src/Presentation/components/UI/svgs/Icons/Media/ImageEmpty/index.tsx\");\n/* harmony import */ var _svgs_Icons_Toggle_ImagePlay__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../svgs/Icons/Toggle/ImagePlay */ \"./src/Presentation/components/UI/svgs/Icons/Toggle/ImagePlay/index.tsx\");\n/* harmony import */ var _containers_ColumnContainer_ColumnContainer__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../containers/ColumnContainer/ColumnContainer */ \"./src/Presentation/components/containers/ColumnContainer/ColumnContainer.tsx\");\n/* harmony import */ var _svgs_Icons_Media_ImageFile__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../svgs/Icons/Media/ImageFile */ \"./src/Presentation/components/UI/svgs/Icons/Media/ImageFile/index.tsx\");\n/* harmony import */ var _useMessagesViewModel__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./useMessagesViewModel */ \"./src/Presentation/components/UI/Dialogs/MessagesView/useMessagesViewModel.ts\");\n/* harmony import */ var _Placeholders_LoaderComponent_LoaderComponent__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../Placeholders/LoaderComponent/LoaderComponent */ \"./src/Presentation/components/UI/Placeholders/LoaderComponent/LoaderComponent.tsx\");\n/* harmony import */ var _Placeholders_ErrorComponent_ErrorComponent__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../Placeholders/ErrorComponent/ErrorComponent */ \"./src/Presentation/components/UI/Placeholders/ErrorComponent/ErrorComponent.tsx\");\n/* harmony import */ var _HeaderMessages_HeaderMessages__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./HeaderMessages/HeaderMessages */ \"./src/Presentation/components/UI/Dialogs/MessagesView/HeaderMessages/HeaderMessages.tsx\");\n/* harmony import */ var _VideoAttachmentComponent_VideoAttachmentComponent__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./VideoAttachmentComponent/VideoAttachmentComponent */ \"./src/Presentation/components/UI/Dialogs/MessagesView/VideoAttachmentComponent/VideoAttachmentComponent.tsx\");\n/* harmony import */ var _ImageAttachmentComponent_ImageAttachmentComponent__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./ImageAttachmentComponent/ImageAttachmentComponent */ \"./src/Presentation/components/UI/Dialogs/MessagesView/ImageAttachmentComponent/ImageAttachmentComponent.tsx\");\n/* harmony import */ var _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../../../../../Domain/entity/DialogTypes */ \"./src/Domain/entity/DialogTypes.ts\");\n/* harmony import */ var _providers_QuickBloxUIKitProvider_useQbDataContext__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../../../providers/QuickBloxUIKitProvider/useQbDataContext */ \"./src/Presentation/components/providers/QuickBloxUIKitProvider/useQbDataContext.ts\");\n/* harmony import */ var _Domain_repository_Pagination__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ../../../../../Domain/repository/Pagination */ \"./src/Domain/repository/Pagination.ts\");\n/* harmony import */ var _utils_DateTimeFormatter__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ../../../../../utils/DateTimeFormatter */ \"./src/utils/DateTimeFormatter.ts\");\n/* harmony import */ var _svgs_Icons_Contents_User__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ../../svgs/Icons/Contents/User */ \"./src/Presentation/components/UI/svgs/Icons/Contents/User/index.tsx\");\n/* harmony import */ var _svgs_ActiveSvg_ActiveSvg__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ../../svgs/ActiveSvg/ActiveSvg */ \"./src/Presentation/components/UI/svgs/ActiveSvg/ActiveSvg.tsx\");\n/* harmony import */ var _svgs_Icons_Media_Attachment__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ../../svgs/Icons/Media/Attachment */ \"./src/Presentation/components/UI/svgs/Icons/Media/Attachment/index.tsx\");\n/* harmony import */ var _svgs_Icons_Actions_Send__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ../../svgs/Icons/Actions/Send */ \"./src/Presentation/components/UI/svgs/Icons/Actions/Send/index.tsx\");\n/* harmony import */ var _AudioAttachmentComponent_AudioAttachmentComponent__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ./AudioAttachmentComponent/AudioAttachmentComponent */ \"./src/Presentation/components/UI/Dialogs/MessagesView/AudioAttachmentComponent/AudioAttachmentComponent.tsx\");\n/* harmony import */ var _svgs_Icons_Media_AudioFile__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ../../svgs/Icons/Media/AudioFile */ \"./src/Presentation/components/UI/svgs/Icons/Media/AudioFile/index.tsx\");\n/* harmony import */ var _svgs_Icons_Actions_Voice__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ../../svgs/Icons/Actions/Voice */ \"./src/Presentation/components/UI/svgs/Icons/Actions/Voice/index.tsx\");\n/* harmony import */ var _svgs_Icons_Status_Sent__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! ../../svgs/Icons/Status/Sent */ \"./src/Presentation/components/UI/svgs/Icons/Status/Sent/index.tsx\");\n/* harmony import */ var _svgs_Icons_Status_ViewedDelivered__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! ../../svgs/Icons/Status/ViewedDelivered */ \"./src/Presentation/components/UI/svgs/Icons/Status/ViewedDelivered/index.tsx\");\n/* harmony import */ var _utils_parse__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(/*! ../../../../../utils/parse */ \"./src/utils/parse.ts\");\n/* harmony import */ var _VoiceRecordingProgress_VoiceRecordingProgress__WEBPACK_IMPORTED_MODULE_30__ = __webpack_require__(/*! ./VoiceRecordingProgress/VoiceRecordingProgress */ \"./src/Presentation/components/UI/Dialogs/MessagesView/VoiceRecordingProgress/VoiceRecordingProgress.tsx\");\nvar __assign = (undefined && undefined.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nvar __awaiter = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n    return new (P || (P = Promise))(function (resolve, reject) {\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\n    });\n};\nvar __generator = (undefined && undefined.__generator) || function (thisArg, body) {\n    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\n    return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\n    function verb(n) { return function (v) { return step([n, v]); }; }\n    function step(op) {\n        if (f) throw new TypeError(\"Generator is already executing.\");\n        while (g && (g = 0, op[0] && (_ = 0)), _) try {\n            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;\n            if (y = 0, t) op = [op[0] & 2, t.value];\n            switch (op[0]) {\n                case 0: case 1: t = op; break;\n                case 4: _.label++; return { value: op[1], done: false };\n                case 5: _.label++; y = op[1]; op = [0]; continue;\n                case 7: op = _.ops.pop(); _.trys.pop(); continue;\n                default:\n                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\n                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\n                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\n                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\n                    if (t[2]) _.ops.pop();\n                    _.trys.pop(); continue;\n            }\n            op = body.call(thisArg, _);\n        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\n        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\n    }\n};\nvar __spreadArray = (undefined && undefined.__spreadArray) || function (to, from, pack) {\n    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\n        if (ar || !(i in from)) {\n            if (!ar) ar = Array.prototype.slice.call(from, 0, i);\n            ar[i] = from[i];\n        }\n    }\n    return to.concat(ar || Array.prototype.slice.call(from));\n};\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n// eslint-disable-next-line react/function-component-definition\nvar MessagesView = function (_a) {\n    var _b, _c;\n    var dialog = _a.dialog, InformationHandler = _a.InformationHandler, \n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    _d = _a.maxWidthToResize, \n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    maxWidthToResize = _d === void 0 ? undefined : _d, \n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    _e = _a.theme, \n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    theme = _e === void 0 ? undefined : _e;\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    var maxWidthToResizing = maxWidthToResize || '$message-view-container-wrapper-min-width';\n    // const maxWidthToResizing = '720px'; // $message-view-container-wrapper-min-width:\n    var currentContext = (0,_providers_QuickBloxUIKitProvider_useQbDataContext__WEBPACK_IMPORTED_MODULE_17__[\"default\"])();\n    var currentUserId = (_b = currentContext.storage.REMOTE_DATA_SOURCE.authInformation) === null || _b === void 0 ? void 0 : _b.userId;\n    var currentUserName = (_c = currentContext.storage.REMOTE_DATA_SOURCE.authInformation) === null || _c === void 0 ? void 0 : _c.userName;\n    var _f = (0,_providers_QuickBloxUIKitProvider_useQBConnection__WEBPACK_IMPORTED_MODULE_3__[\"default\"])(), connectionRepository = _f.connectionRepository, browserOnline = _f.browserOnline;\n    var _g = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(100), dialogMessagesCount = _g[0], setDialogMessageCount = _g[1];\n    var _h = react__WEBPACK_IMPORTED_MODULE_1___default().useState(true), hasMore = _h[0], setHasMore = _h[1];\n    var _j = react__WEBPACK_IMPORTED_MODULE_1___default().useState(false), scrollUpToDown = _j[0], setScrollUpToDown = _j[1];\n    var _k = react__WEBPACK_IMPORTED_MODULE_1___default().useState([]), messagesToView = _k[0], setMessagesToView = _k[1];\n    var messagesViewModel = (0,_useMessagesViewModel__WEBPACK_IMPORTED_MODULE_10__[\"default\"])(dialog.type, dialog);\n    (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n        console.log('HAVE NEW DIALOG');\n        // messagesViewModel.getMessages(new Pagination());\n        messagesViewModel.entity = dialog;\n        setMessagesToView([]);\n    }, [dialog]);\n    (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n        console.log('HAVE NEW ENTITY');\n        messagesViewModel.getMessages(new _Domain_repository_Pagination__WEBPACK_IMPORTED_MODULE_18__.Pagination());\n    }, [messagesViewModel.entity]);\n    //\n    function prepareFirstPage(initData) {\n        var firstPageSize = messagesViewModel.messages.length < 47\n            ? messagesViewModel.messages.length\n            : 47;\n        // for (let i = 0; i < firstPageSize; i += 1) {\n        for (var i = firstPageSize - 1; i >= 0; i -= 1) {\n            initData.push(messagesViewModel.messages[i]);\n        }\n    }\n    var fetchMoreData = function () {\n        if (messagesToView.length >= dialogMessagesCount) {\n            setHasMore(false);\n            return;\n        }\n        if (hasMore &&\n            messagesToView.length > 0 &&\n            messagesToView.length < dialogMessagesCount) {\n            setMessagesToView(function (prevState) {\n                var newState = __spreadArray([], prevState, true);\n                var newMessageEntity = messagesViewModel.messages[prevState.length];\n                newState.push(newMessageEntity);\n                return newState;\n            });\n        }\n    };\n    //\n    (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n        var _a;\n        console.log('Messages have changed');\n        setDialogMessageCount(((_a = messagesViewModel === null || messagesViewModel === void 0 ? void 0 : messagesViewModel.messages) === null || _a === void 0 ? void 0 : _a.length) || 0);\n        if ((messagesToView === null || messagesToView === void 0 ? void 0 : messagesToView.length) === 0 && messagesViewModel.messages.length > 0) {\n            // setDialogMessageCount(messagesViewModel.messages.length);\n            var initData = [];\n            console.log(JSON.stringify(messagesViewModel.messages));\n            prepareFirstPage(initData);\n            setMessagesToView(initData);\n        }\n        else if (messagesViewModel.messages.length - messagesToView.length >= 1) {\n            setHasMore(true);\n            setScrollUpToDown(true);\n        }\n    }, [messagesViewModel.messages]);\n    //\n    (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n        console.log('dialogMessagesCount have changed');\n        if (messagesViewModel.messages.length - messagesToView.length >= 1) {\n            fetchMoreData();\n        }\n    }, [dialogMessagesCount]);\n    //\n    var getSenderName = function (sender) {\n        if (!sender)\n            return undefined;\n        return (sender.full_name || sender.login || sender.email || sender.id.toString());\n    };\n    var renderMessage = function (message, index) {\n        var SystemMessage = 'SystemMessage';\n        var IncomingMessage = 'IncomingMessage';\n        var OutgoingMessage = 'OutgoingMessage';\n        console.log('render message: ', JSON.stringify(message), ' index: ', index);\n        var messageView;\n        var checkMessageType = function (m) {\n            if (m.notification_type && m.notification_type.length > 0) {\n                return SystemMessage;\n            }\n            if (m.sender && m.sender.id !== currentUserId) {\n                return IncomingMessage;\n            }\n            return OutgoingMessage;\n        };\n        var messageTypes = checkMessageType(message);\n        var messageContentRender = function (mc) {\n            var messageText = (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", { children: mc.message });\n            var messageContent = messageText;\n            var attachmentContentRender = function (att) {\n                var contentPlaceHolder = (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", { children: att.type.toString() });\n                if (att.type.toString().includes(_Domain_entity_FileTypes__WEBPACK_IMPORTED_MODULE_5__.FileType.video)) {\n                    contentPlaceHolder = att.file ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_VideoAttachmentComponent_VideoAttachmentComponent__WEBPACK_IMPORTED_MODULE_14__[\"default\"], { videoFile: att.file })) : ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Toggle_ImagePlay__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {}));\n                }\n                if (att.type.toString().includes(_Domain_entity_FileTypes__WEBPACK_IMPORTED_MODULE_5__.FileType.audio)) {\n                    contentPlaceHolder = att.file ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_AudioAttachmentComponent_AudioAttachmentComponent__WEBPACK_IMPORTED_MODULE_24__[\"default\"], { audioFile: att.file })) : ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Media_AudioFile__WEBPACK_IMPORTED_MODULE_25__[\"default\"], {}));\n                }\n                if (att.type.toString().includes(_Domain_entity_FileTypes__WEBPACK_IMPORTED_MODULE_5__.FileType.image)) {\n                    contentPlaceHolder = att.file ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ImageAttachmentComponent_ImageAttachmentComponent__WEBPACK_IMPORTED_MODULE_15__[\"default\"], { imageFile: att.file })) : ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Media_ImageEmpty__WEBPACK_IMPORTED_MODULE_6__[\"default\"], {}));\n                }\n                if (att.type.toString().includes(_Domain_entity_FileTypes__WEBPACK_IMPORTED_MODULE_5__.FileType.text)) {\n                    contentPlaceHolder = att.file ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", { children: \"TEXT\" })) : ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Media_ImageFile__WEBPACK_IMPORTED_MODULE_9__[\"default\"], { applyZoom: true }));\n                }\n                var contentResult = ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"message-view-container--message-content-wrapper\" }, { children: contentPlaceHolder })));\n                if (att.type === _Domain_entity_FileTypes__WEBPACK_IMPORTED_MODULE_5__.FileType.text) {\n                    contentResult = ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: \"message-view-container--file-message-content-wrapper\" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"message-view-container__file-message-icon\" }, { children: contentPlaceHolder })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", { children: att.name || 'file' })] })));\n                }\n                return contentResult;\n            };\n            if (mc.attachments && mc.attachments.length > 0) {\n                messageContent = ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_containers_ColumnContainer_ColumnContainer__WEBPACK_IMPORTED_MODULE_8__[\"default\"], __assign({ maxWidth: \"100%\" }, { children: [mc.attachments.map(function (attachment) {\n                            return attachmentContentRender(attachment);\n                        }), messageText] })));\n            }\n            return messageContent;\n        };\n        if (messageTypes === SystemMessage) {\n            messageView = ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: \"message-view-container--system-message-wrapper\" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"message-view-container--system-message-wrapper__date_container\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", { children: [(0,_utils_DateTimeFormatter__WEBPACK_IMPORTED_MODULE_19__.getDateShortFormatEU)(message.date_sent), \",\"] }) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", { children: message.message })] }), message.id));\n        }\n        else if (messageTypes === IncomingMessage) {\n            messageView = ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: \"message-view-container--incoming-message-wrapper\" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"message-view-container--incoming-message-wrapper__avatar\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"message-view-container__sender-avatar\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Contents_User__WEBPACK_IMPORTED_MODULE_20__[\"default\"], { width: \"24\", height: \"24\", applyZoom: true, color: \"var(--secondary-text)\" }) })) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: \"message-view-container--incoming-message-container\" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"message-view-container__sender-name\" }, { children: getSenderName(message.sender) || message.sender_id.toString() })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"message-view-container__sender-message\" }, { children: messageContentRender(message) }))] })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"message-view-container__incoming-time\" }, { children: (0,_utils_DateTimeFormatter__WEBPACK_IMPORTED_MODULE_19__.getTimeShort24hFormat)(message.date_sent) }))] }), message.id));\n        }\n        else {\n            messageView = ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: \"message-view-container--outgoing-message-wrapper\" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: \"message-view-container__status-message\" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"message-view-container__incoming-time\" }, { children: message.delivered_ids && message.delivered_ids.length > 0 ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Status_ViewedDelivered__WEBPACK_IMPORTED_MODULE_28__[\"default\"], { width: \"13\", height: \"13\", applyZoom: true })) : ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Status_Sent__WEBPACK_IMPORTED_MODULE_27__[\"default\"], { width: \"13\", height: \"13\", applyZoom: true })) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"message-view-container__incoming-time\" }, { children: (0,_utils_DateTimeFormatter__WEBPACK_IMPORTED_MODULE_19__.getTimeShort24hFormat)(message.date_sent) }))] })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"message-view-container__outgoing-message\" }, { children: messageContentRender(message) }))] }), message.id));\n        }\n        return messageView;\n    };\n    var getCountDialogMembers = function (dialogEntity) {\n        var participants = [];\n        if (dialogEntity.type === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_16__.DialogType.group) {\n            participants = dialogEntity.participantIds;\n        }\n        else if (dialogEntity.type === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_16__.DialogType[\"private\"]) {\n            participants = [dialogEntity.participantId];\n        }\n        else if (dialogEntity.type === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_16__.DialogType[\"public\"]) {\n            participants = [];\n        }\n        return participants.length;\n    };\n    var _l = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(null), fileToSend = _l[0], setFileToSend = _l[1];\n    var _m = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(''), messageText = _m[0], setMessageText = _m[1];\n    var _o = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(''), warningErrorText = _o[0], setWarningErrorText = _o[1];\n    (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n        setWarningErrorText(messagesViewModel.typingText);\n    }, [messagesViewModel.typingText]);\n    var ChangeFileHandler = function (event) {\n        var reader = new FileReader();\n        var file = event.currentTarget.files\n            ? event.currentTarget.files[0]\n            : null;\n        reader.onloadend = function () {\n            setFileToSend(file);\n        };\n        if (file !== null)\n            reader.readAsDataURL(file);\n    };\n    var showErrorMessage = function (errorMessage) {\n        setWarningErrorText(errorMessage);\n        setTimeout(function () {\n            setWarningErrorText('');\n        }, 3000);\n    };\n    (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n        console.log('have Attachments');\n        var MAXSIZE = 90 * 1000000;\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        var flag = (fileToSend === null || fileToSend === void 0 ? void 0 : fileToSend.size) && (fileToSend === null || fileToSend === void 0 ? void 0 : fileToSend.size) < MAXSIZE;\n        if ((fileToSend === null || fileToSend === void 0 ? void 0 : fileToSend.size) && (fileToSend === null || fileToSend === void 0 ? void 0 : fileToSend.size) < MAXSIZE) {\n            messagesViewModel.sendAttachmentMessage(fileToSend);\n        }\n        else if (fileToSend) {\n            showErrorMessage(\"file size \".concat(fileToSend === null || fileToSend === void 0 ? void 0 : fileToSend.size, \" must be less then \").concat(MAXSIZE, \" mb.\"));\n        }\n    }, [fileToSend]);\n    var _p = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(true), isVoiceMessage = _p[0], setVoiceMessage = _p[1];\n    var _q = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false), isRecording = _q[0], setIsRecording = _q[1];\n    //\n    var _r = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false), permission = _r[0], setPermission = _r[1];\n    // const [recordingStatus, setRecordingStatus] = useState('inactive');\n    var _s = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(), stream = _s[0], setStream = _s[1];\n    // const [mediaRecorder, setMediaRecorder] = useState<MediaRecorder>();\n    var mediaRecorder = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)();\n    var _t = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(), resultAudioBlob = _t[0], setResultAudioBlob = _t[1];\n    var _u = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)([]), audioChunks = _u[0], setAudioChunks = _u[1];\n    var mimeType = 'audio/webm;codecs=opus'; // audio/ogg audio/mpeg audio/webm audio/x-wav audio/mp4\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    var getMicrophonePermission = function () { return __awaiter(void 0, void 0, void 0, function () {\n        var mediaStream, err_1;\n        return __generator(this, function (_a) {\n            switch (_a.label) {\n                case 0:\n                    if (!window) return [3 /*break*/, 5];\n                    _a.label = 1;\n                case 1:\n                    _a.trys.push([1, 3, , 4]);\n                    return [4 /*yield*/, navigator.mediaDevices.getUserMedia({\n                            audio: true,\n                            video: false,\n                        })];\n                case 2:\n                    mediaStream = _a.sent();\n                    setPermission(true);\n                    setStream(mediaStream);\n                    return [3 /*break*/, 4];\n                case 3:\n                    err_1 = _a.sent();\n                    // setWarningErrorText(\n                    //   'The MediaRecorder API is not supported in your browser.',\n                    // );\n                    showErrorMessage(\"The MediaRecorder API throws exception \".concat((0,_utils_parse__WEBPACK_IMPORTED_MODULE_29__.stringifyError)(err_1), \" .\"));\n                    return [3 /*break*/, 4];\n                case 4: return [3 /*break*/, 6];\n                case 5:\n                    // setWarningErrorText(\n                    //   'The MediaRecorder API is not supported in your browser.',\n                    // );\n                    showErrorMessage('The MediaRecorder API is not supported in your browser.');\n                    _a.label = 6;\n                case 6: return [2 /*return*/];\n            }\n        });\n    }); };\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars,@typescript-eslint/require-await\n    var startRecording = function () { return __awaiter(void 0, void 0, void 0, function () {\n        var mimeContent, media, localAudioChunks;\n        return __generator(this, function (_a) {\n            if (!stream)\n                return [2 /*return*/];\n            mimeContent = window.MediaRecorder.isTypeSupported('audio/mp4;codecs=mp4a')\n                ? 'audio/mp4;codecs=mp4a'\n                : 'audio/webm;codecs=opus';\n            media = new MediaRecorder(stream, { mimeType: mimeContent });\n            mediaRecorder.current = media;\n            mediaRecorder.current.start();\n            localAudioChunks = [];\n            mediaRecorder.current.ondataavailable = function (event) {\n                // const localAudioChunks: any[] = [];\n                if (typeof event.data === 'undefined')\n                    return;\n                if (event.data.size === 0)\n                    return;\n                localAudioChunks.push(event.data);\n                console.log('voice data');\n                // setAudioChunks(localAudioChunks);\n            };\n            setAudioChunks(localAudioChunks);\n            return [2 /*return*/];\n        });\n    }); };\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    var stopRecording = function () {\n        if (!mediaRecorder.current)\n            return;\n        // setRecordingStatus('inactive');\n        mediaRecorder.current.stop();\n        mediaRecorder.current.onstop = function () {\n            var audioBlob = new Blob(audioChunks, { type: mimeType });\n            setResultAudioBlob(audioBlob);\n            setAudioChunks([]);\n            //\n            stream === null || stream === void 0 ? void 0 : stream.getAudioTracks().forEach(function (track) {\n                track.stop();\n            });\n            setPermission(false);\n            //\n        };\n    };\n    //\n    var blobToFile = function (theBlob, fileName) {\n        var b = theBlob;\n        // A Blob() is almost a File() - it's just missing the two properties below which we will add\n        b.lastModifiedDate = new Date();\n        b.name = fileName;\n        // Cast to a File() type\n        var resultFile = theBlob;\n        return resultFile;\n    };\n    (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n        if (resultAudioBlob) {\n            var voiceMessage = blobToFile(resultAudioBlob, \"\".concat(currentUserName || '', \"_voice_message.webm\"));\n            setFileToSend(voiceMessage);\n        }\n    }, [resultAudioBlob]);\n    // test component version\n    // useEffect(() => {\n    //   if (isRecording) {\n    //     setWarningErrorText(`Your voice is recording during for 1 minute`);\n    //   } else {\n    //     setWarningErrorText('');\n    //   }\n    // }, [isRecording]);\n    // work version below:\n    (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n        // setFileToSend(null);\n        if (isRecording) {\n            if (!permission) {\n                // eslint-disable-next-line promise/catch-or-return,promise/always-return\n                getMicrophonePermission().catch(function () {\n                    // setWarningErrorText(`Have no audio.`);\n                    showErrorMessage(\"Have no audio.\");\n                });\n            }\n            else {\n                // eslint-disable-next-line promise/catch-or-return,promise/always-return\n                startRecording().then(function () {\n                    setWarningErrorText(\"Your voice is recording during for 1 minutes\");\n                });\n            }\n        }\n        else {\n            if (permission && mediaRecorder.current) {\n                stopRecording();\n            }\n            setWarningErrorText('');\n        }\n    }, [isRecording]);\n    (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n        if (isRecording && permission) {\n            // eslint-disable-next-line promise/always-return,promise/catch-or-return\n            startRecording().then(function () {\n                setWarningErrorText(\"Your voice is recording during for 1 minutes\");\n            });\n        }\n    }, [permission]);\n    return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ style: maxWidthToResize\n            ? {\n                maxWidth: \"\".concat(maxWidthToResizing),\n                minWidth: \"$message-view-container-wrapper-min-width\",\n                // width: `${maxWidthToResizing}`,\n                width: '100%',\n            }\n            : {}, className: \"message-view-container\" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ style: {\n                    flexGrow: \"1\",\n                    flexShrink: \"1\",\n                    flexBasis: \"\".concat(maxWidthToResizing),\n                }, className: \"message-view-container--header\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_HeaderMessages_HeaderMessages__WEBPACK_IMPORTED_MODULE_13__[\"default\"], { dialog: messagesViewModel.entity, InformationHandler: InformationHandler, countMembers: getCountDialogMembers(dialog) }) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ style: {\n                    flexGrow: \"1\",\n                    flexShrink: \"1\",\n                    flexBasis: \"\".concat(maxWidthToResizing),\n                }, className: \"message-view-container--information\" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", { children: [\"connection status:\", browserOnline ? 'online ' : 'offline ', connectionRepository.isChatConnected() === undefined\n                                ? 'unexpected undefined'\n                                : connectionRepository.isChatConnected()\n                                    ? 'connected'\n                                    : 'disconnected'] }), hasMore && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ style: { color: 'red' } }, { children: [\"unread: \", dialogMessagesCount - messagesToView.length] }))), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", { children: \" current user id: \".concat(currentUserId || 'no user') })] })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ style: {\n                    flexGrow: \"1\",\n                    flexShrink: \"1\",\n                    flexBasis: \"\".concat(maxWidthToResizing),\n                }, className: \"message-view-container--messages\" }, { children: [(messagesViewModel === null || messagesViewModel === void 0 ? void 0 : messagesViewModel.error) && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Placeholders_ErrorComponent_ErrorComponent__WEBPACK_IMPORTED_MODULE_12__[\"default\"], { title: messagesViewModel === null || messagesViewModel === void 0 ? void 0 : messagesViewModel.error, ClickActionHandler: function () {\n                            alert('call click retry');\n                        } })), messagesViewModel &&\n                        messagesViewModel.messages &&\n                        messagesViewModel.messages.length > 0 &&\n                        messagesToView &&\n                        messagesToView.length > 0 && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_containers_ScrollableContainer_ScrollableContainer__WEBPACK_IMPORTED_MODULE_4__[\"default\"], { data: messagesToView, renderItem: renderMessage, onEndReached: fetchMoreData, onEndReachedThreshold: 0.8, refreshing: messagesViewModel === null || messagesViewModel === void 0 ? void 0 : messagesViewModel.loading, autoScrollToBottom: scrollUpToDown })), (messagesViewModel === null || messagesViewModel === void 0 ? void 0 : messagesViewModel.loading) && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ style: {\n                            height: '44px',\n                            width: '44px',\n                        } }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Placeholders_LoaderComponent_LoaderComponent__WEBPACK_IMPORTED_MODULE_11__[\"default\"], { width: \"44\", height: \"44\", color: \"var(--color-background-info)\" }) }))), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"message-view-container--warning-error\" }, { children: warningErrorText }))] })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ style: {\n                    flex: \"flex: 1 1 \".concat(maxWidthToResizing),\n                }, onBlur: function () {\n                    if (!(messageText && messageText.length > 0)) {\n                        setVoiceMessage(true);\n                    }\n                }, className: \"message-view-container--chat-input\" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"label\", __assign({ htmlFor: \"btnUploadAttachment\", style: {\n                            cursor: 'pointer',\n                        } }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_ActiveSvg_ActiveSvg__WEBPACK_IMPORTED_MODULE_21__[\"default\"], { content: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Media_Attachment__WEBPACK_IMPORTED_MODULE_22__[\"default\"], { width: \"32\", height: \"32\", applyZoom: true, color: \"var(--input-elements)\" }), clickAction: function () {\n                                        console.log('click send message');\n                                    }, touchAction: function () {\n                                        console.log('touch send message');\n                                    } }) }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"input\", { id: \"btnUploadAttachment\", type: \"file\", accept: \"image/*, audio/*, video/*, .pdf, .txt,\", style: { display: 'none' }, onChange: function (event) {\n                                    ChangeFileHandler(event);\n                                } })] })), !isRecording && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"textarea\", { disabled: messagesViewModel === null || messagesViewModel === void 0 ? void 0 : messagesViewModel.loading, value: messageText, onFocus: function () {\n                            setVoiceMessage(false);\n                        }, onChange: function (event) {\n                            setMessageText(event.target.value);\n                        }, onInput: function () {\n                            messagesViewModel.sendTypingTextMessage();\n                        }, placeholder: \"enter text to send\" })), isRecording && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_VoiceRecordingProgress_VoiceRecordingProgress__WEBPACK_IMPORTED_MODULE_30__[\"default\"], { longRecInSec: 60, ClickActionHandler: function () {\n                            console.log('click send voice message');\n                            if (messagesViewModel === null || messagesViewModel === void 0 ? void 0 : messagesViewModel.loading)\n                                return;\n                            setIsRecording(!isRecording);\n                        }, TouchActionHandler: function () {\n                            console.log('click send voice message');\n                            if (messagesViewModel === null || messagesViewModel === void 0 ? void 0 : messagesViewModel.loading)\n                                return;\n                            setIsRecording(!isRecording);\n                        } })), !isVoiceMessage && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_ActiveSvg_ActiveSvg__WEBPACK_IMPORTED_MODULE_21__[\"default\"], { content: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Actions_Send__WEBPACK_IMPORTED_MODULE_23__[\"default\"], { width: \"21\", height: \"18\", applyZoom: true, color: \"var(--main-elements)\" }), clickAction: function () {\n                                console.log('click send message');\n                                if (messagesViewModel === null || messagesViewModel === void 0 ? void 0 : messagesViewModel.loading)\n                                    return;\n                                setVoiceMessage(true);\n                                if (messageText.length > 0 && messageText.length <= 1000) {\n                                    var messageTextToSend = messageText;\n                                    setMessageText('');\n                                    messagesViewModel.sendTextMessage(messageTextToSend);\n                                    setMessageText('');\n                                }\n                                else {\n                                    setWarningErrorText('length of text message must be less then 1000 chars.');\n                                    setTimeout(function () {\n                                        setWarningErrorText('');\n                                    }, 3000);\n                                }\n                            }, touchAction: function () {\n                                console.log('touch send message');\n                            } }) })), isVoiceMessage && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_ActiveSvg_ActiveSvg__WEBPACK_IMPORTED_MODULE_21__[\"default\"], { content: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Actions_Voice__WEBPACK_IMPORTED_MODULE_26__[\"default\"], { width: \"21\", height: \"18\", applyZoom: true, color: isRecording ? 'var(--error)' : 'var(--input-elements)' }), clickAction: function () {\n                                console.log('click send voice message');\n                                if (messagesViewModel === null || messagesViewModel === void 0 ? void 0 : messagesViewModel.loading)\n                                    return;\n                                setIsRecording(!isRecording);\n                            }, touchAction: function () {\n                                console.log('touch send message');\n                                if (messagesViewModel === null || messagesViewModel === void 0 ? void 0 : messagesViewModel.loading)\n                                    return;\n                                setIsRecording(!isRecording);\n                            } }) }))] }))] })));\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (MessagesView);\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/Presentation/components/UI/Dialogs/MessagesView/MessagesView.tsx?");
 
 /***/ }),
 
@@ -1910,14 +1855,14 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var reac
 
 /***/ }),
 
-/***/ "./src/Presentation/components/UI/Dialogs/MessagesView/useMessagesViewModelWithMockUseCase.ts":
-/*!****************************************************************************************************!*\
-  !*** ./src/Presentation/components/UI/Dialogs/MessagesView/useMessagesViewModelWithMockUseCase.ts ***!
-  \****************************************************************************************************/
+/***/ "./src/Presentation/components/UI/Dialogs/MessagesView/useMessagesViewModel.ts":
+/*!*************************************************************************************!*\
+  !*** ./src/Presentation/components/UI/Dialogs/MessagesView/useMessagesViewModel.ts ***!
+  \*************************************************************************************/
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": function() { return /* binding */ useMessagesViewModelWithMockUseCase; }\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../Domain/entity/DialogTypes */ \"./src/Domain/entity/DialogTypes.ts\");\n/* harmony import */ var _providers_QuickBloxUIKitProvider_useQbDataContext__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../providers/QuickBloxUIKitProvider/useQbDataContext */ \"./src/Presentation/components/providers/QuickBloxUIKitProvider/useQbDataContext.ts\");\n/* harmony import */ var _Domain_use_cases_GetUsersByIdsUseCase__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../Domain/use_cases/GetUsersByIdsUseCase */ \"./src/Domain/use_cases/GetUsersByIdsUseCase.ts\");\n/* harmony import */ var _Data_repository_UsersRepository__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../Data/repository/UsersRepository */ \"./src/Data/repository/UsersRepository.ts\");\n/* harmony import */ var _Domain_use_cases_GetAllMessagesForDialog__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../Domain/use_cases/GetAllMessagesForDialog */ \"./src/Domain/use_cases/GetAllMessagesForDialog.ts\");\n/* harmony import */ var _Data_repository_MessagesRepository__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../../Data/repository/MessagesRepository */ \"./src/Data/repository/MessagesRepository.ts\");\n/* harmony import */ var _Domain_repository_Pagination__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../../Domain/repository/Pagination */ \"./src/Domain/repository/Pagination.ts\");\n/* harmony import */ var _Data_Stubs__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../../Data/Stubs */ \"./src/Data/Stubs.ts\");\n/* harmony import */ var _Domain_use_cases_UploadFileUseCase__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../../../Domain/use_cases/UploadFileUseCase */ \"./src/Domain/use_cases/UploadFileUseCase.ts\");\n/* harmony import */ var _Data_repository_FileRepository__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../../../Data/repository/FileRepository */ \"./src/Data/repository/FileRepository.ts\");\n/* harmony import */ var _utils_parse__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../../../../utils/parse */ \"./src/utils/parse.ts\");\n/* harmony import */ var _Domain_use_cases_SendTextMessageUseCase__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../../../../Domain/use_cases/SendTextMessageUseCase */ \"./src/Domain/use_cases/SendTextMessageUseCase.ts\");\n/* harmony import */ var _Domain_use_cases_SubscribeToDialogEventsUseCase__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../../../../Domain/use_cases/SubscribeToDialogEventsUseCase */ \"./src/Domain/use_cases/SubscribeToDialogEventsUseCase.ts\");\n/* harmony import */ var _providers_QuickBloxUIKitProvider_useEventMessagesRepository__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../../../providers/QuickBloxUIKitProvider/useEventMessagesRepository */ \"./src/Presentation/components/providers/QuickBloxUIKitProvider/useEventMessagesRepository.ts\");\n/* harmony import */ var _Domain_entity_EventMessageType__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../../../../../Domain/entity/EventMessageType */ \"./src/Domain/entity/EventMessageType.ts\");\n/* harmony import */ var _Domain_entity_NotificationTypes__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../../../../../Domain/entity/NotificationTypes */ \"./src/Domain/entity/NotificationTypes.ts\");\n/* harmony import */ var _Domain_use_cases_GetDialogByIdUseCase__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../../../../../Domain/use_cases/GetDialogByIdUseCase */ \"./src/Domain/use_cases/GetDialogByIdUseCase.ts\");\n/* harmony import */ var _Data_repository_DialogsRepository__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ../../../../../Data/repository/DialogsRepository */ \"./src/Data/repository/DialogsRepository.ts\");\n/* harmony import */ var _Domain_use_cases_UserTypingMessageUseCase__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ../../../../../Domain/use_cases/UserTypingMessageUseCase */ \"./src/Domain/use_cases/UserTypingMessageUseCase.ts\");\nvar __assign = (undefined && undefined.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nvar __awaiter = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n    return new (P || (P = Promise))(function (resolve, reject) {\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\n    });\n};\nvar __generator = (undefined && undefined.__generator) || function (thisArg, body) {\n    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\n    return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\n    function verb(n) { return function (v) { return step([n, v]); }; }\n    function step(op) {\n        if (f) throw new TypeError(\"Generator is already executing.\");\n        while (g && (g = 0, op[0] && (_ = 0)), _) try {\n            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;\n            if (y = 0, t) op = [op[0] & 2, t.value];\n            switch (op[0]) {\n                case 0: case 1: t = op; break;\n                case 4: _.label++; return { value: op[1], done: false };\n                case 5: _.label++; y = op[1]; op = [0]; continue;\n                case 7: op = _.ops.pop(); _.trys.pop(); continue;\n                default:\n                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\n                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\n                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\n                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\n                    if (t[2]) _.ops.pop();\n                    _.trys.pop(); continue;\n            }\n            op = body.call(thisArg, _);\n        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\n        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\n    }\n};\nvar __spreadArray = (undefined && undefined.__spreadArray) || function (to, from, pack) {\n    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\n        if (ar || !(i in from)) {\n            if (!ar) ar = Array.prototype.slice.call(from, 0, i);\n            ar[i] = from[i];\n        }\n    }\n    return to.concat(ar || Array.prototype.slice.call(from));\n};\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nfunction useMessagesViewModelWithMockUseCase(dialogType, dialogEntity) {\n    var _this = this;\n    var _a;\n    console.log('useMessagesViewModelWithMockUseCase');\n    var _b = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false), loading = _b[0], setLoading = _b[1];\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    var _c = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)('error: wrong message list'), error = _c[0], setError = _c[1];\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    var _d = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]), messages = _d[0], setMessages = _d[1];\n    // const [users, setUsers] = useState<Record<number, UserEntity>>();\n    var _e = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(dialogEntity), dialog = _e[0], setDialog = _e[1];\n    // const [dialogsParticipants, setDialogsParticipants] = useState<number[]>([]);\n    var currentContext = (0,_providers_QuickBloxUIKitProvider_useQbDataContext__WEBPACK_IMPORTED_MODULE_2__[\"default\"])();\n    var eventMessaging = (0,_providers_QuickBloxUIKitProvider_useEventMessagesRepository__WEBPACK_IMPORTED_MODULE_14__[\"default\"])();\n    var subscribeToDialogEventsUseCase = new _Domain_use_cases_SubscribeToDialogEventsUseCase__WEBPACK_IMPORTED_MODULE_13__.SubscribeToDialogEventsUseCase(eventMessaging, 'MessagesViewModel');\n    var _f = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(''), typingText = _f[0], setTypingText = _f[1];\n    var dialogUpdateHandler = function (dialogInfo) {\n        console.log('call dialogUpdateHandler in useMessagesViewModelWithMockUseCase');\n        var getSender = function (sender_id) { return __awaiter(_this, void 0, void 0, function () {\n            var getUser, userEntity;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        getUser = new _Domain_use_cases_GetUsersByIdsUseCase__WEBPACK_IMPORTED_MODULE_3__.GetUsersByIdsUseCase(new _Data_repository_UsersRepository__WEBPACK_IMPORTED_MODULE_4__[\"default\"](currentContext.storage.LOCAL_DATA_SOURCE, currentContext.storage.REMOTE_DATA_SOURCE), [sender_id]);\n                        return [4 /*yield*/, getUser\n                                .execute()\n                                // eslint-disable-next-line promise/always-return\n                                .then(function (data) {\n                                // eslint-disable-next-line prefer-destructuring\n                                userEntity = data[0];\n                            })\n                                .catch(function (e) {\n                                console.log('have ERROR get users :', JSON.stringify(e));\n                            })];\n                    case 1:\n                        _a.sent();\n                        return [2 /*return*/, userEntity];\n                }\n            });\n        }); };\n        if (dialogInfo.eventMessageType === _Domain_entity_EventMessageType__WEBPACK_IMPORTED_MODULE_15__[\"default\"].LocalMessage) {\n            if (dialogInfo.messageStatus) {\n                if (dialogInfo.messageStatus.isTyping) {\n                    // eslint-disable-next-line promise/catch-or-return\n                    getSender(dialogInfo.messageStatus.userId).then(function (senderUser) {\n                        var typingMessage = \"User \".concat(\n                        // eslint-disable-next-line promise/always-return\n                        (senderUser === null || senderUser === void 0 ? void 0 : senderUser.full_name) ||\n                            (senderUser === null || senderUser === void 0 ? void 0 : senderUser.login) ||\n                            (senderUser === null || senderUser === void 0 ? void 0 : senderUser.email) ||\n                            (senderUser === null || senderUser === void 0 ? void 0 : senderUser.id) ||\n                            '', \" is typing message\");\n                        setTypingText(typingMessage);\n                    });\n                }\n                else {\n                    setTypingText('');\n                }\n            }\n        }\n        if (dialogInfo.eventMessageType === _Domain_entity_EventMessageType__WEBPACK_IMPORTED_MODULE_15__[\"default\"].RegularMessage) {\n            if (dialogInfo.messageInfo) {\n                var messageId = dialogInfo.messageInfo.id;\n                var messageText = dialogInfo.messageInfo.message;\n                console.log(\"new message id = \".concat(messageId, \", new message text: \").concat(messageText, \", found messages:\"));\n                var ResultMessage_1 = __assign({}, dialogInfo.messageInfo);\n                // eslint-disable-next-line promise/catch-or-return,promise/always-return\n                getSender(dialogInfo.messageInfo.sender_id)\n                    // eslint-disable-next-line promise/always-return\n                    .then(function (user) {\n                    ResultMessage_1.sender = user;\n                    ResultMessage_1.sender_id = dialogInfo.messageInfo.sender_id;\n                })\n                    .finally(function () {\n                    setMessages(function (prevState) {\n                        var newState = __spreadArray([], prevState, true);\n                        newState.push(ResultMessage_1);\n                        return newState;\n                    });\n                });\n            }\n        }\n        if (dialogInfo.eventMessageType === _Domain_entity_EventMessageType__WEBPACK_IMPORTED_MODULE_15__[\"default\"].SystemMessage) {\n            if (dialogInfo.notificationTypes === _Domain_entity_NotificationTypes__WEBPACK_IMPORTED_MODULE_16__.NotificationTypes.UPDATE_DIALOG) {\n                if (dialogInfo.messageInfo) {\n                    var dialogId = dialogInfo.messageInfo.dialogId;\n                    var getDialogByIdUseCase = new _Domain_use_cases_GetDialogByIdUseCase__WEBPACK_IMPORTED_MODULE_17__.GetDialogByIdUseCase(new _Data_repository_DialogsRepository__WEBPACK_IMPORTED_MODULE_18__[\"default\"](currentContext.storage.LOCAL_DATA_SOURCE, currentContext.storage.REMOTE_DATA_SOURCE), dialogId);\n                    // eslint-disable-next-line promise/catch-or-return,promise/always-return\n                    getDialogByIdUseCase.execute().then(function (updatedDialog) {\n                        setDialog(updatedDialog);\n                    });\n                }\n            }\n        }\n    };\n    subscribeToDialogEventsUseCase\n        .execute(dialogUpdateHandler)\n        .catch(function (reason) {\n        console.log((0,_utils_parse__WEBPACK_IMPORTED_MODULE_11__.stringifyError)(reason));\n    });\n    //\n    // eslint-disable-next-line @typescript-eslint/require-await\n    function getMessages() {\n        return __awaiter(this, void 0, void 0, function () {\n            var participants, userDictionary, getAllUsersFromDialogByIdsUseCase, getDialogMessages;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        console.log('call getMessages in MessagesViewModelWithMockUseCase for dialog: ', JSON.stringify(dialog));\n                        setLoading(true);\n                        participants = [];\n                        userDictionary = {};\n                        if (dialog.type === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_1__.DialogType.group) {\n                            participants = dialog.participantIds;\n                        }\n                        else if (dialog.type === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_1__.DialogType[\"private\"]) {\n                            participants = [dialog.participantId];\n                        }\n                        else if (dialog.type === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_1__.DialogType[\"public\"]) {\n                            participants = [];\n                        }\n                        getAllUsersFromDialogByIdsUseCase = new _Domain_use_cases_GetUsersByIdsUseCase__WEBPACK_IMPORTED_MODULE_3__.GetUsersByIdsUseCase(new _Data_repository_UsersRepository__WEBPACK_IMPORTED_MODULE_4__[\"default\"](currentContext.storage.LOCAL_DATA_SOURCE, currentContext.storage.REMOTE_DATA_SOURCE), participants);\n                        //\n                        return [4 /*yield*/, getAllUsersFromDialogByIdsUseCase\n                                .execute()\n                                // eslint-disable-next-line promise/always-return\n                                .then(function (data) {\n                                console.log(\"use Message have dialog: \".concat(JSON.stringify(dialogEntity), \" getUsers:\").concat(JSON.stringify(data)));\n                                console.log('have users ids :', JSON.stringify(participants));\n                                userDictionary = data.reduce(function (acc, item) {\n                                    var obj = acc;\n                                    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n                                    // @ts-ignore\n                                    acc[item.id] = item;\n                                    return obj;\n                                }, {});\n                                console.log('have dictionary of users:', JSON.stringify(userDictionary));\n                                setLoading(false);\n                                setError('');\n                            })\n                                .catch(function (e) {\n                                console.log('have ERROR get users :', JSON.stringify(e));\n                                setLoading(false);\n                                setError(e.message);\n                            })];\n                    case 1:\n                        //\n                        _a.sent();\n                        getDialogMessages = new _Domain_use_cases_GetAllMessagesForDialog__WEBPACK_IMPORTED_MODULE_5__.GetAllMessagesForDialogMock(new _Data_repository_MessagesRepository__WEBPACK_IMPORTED_MODULE_6__[\"default\"](currentContext.storage.LOCAL_DATA_SOURCE, currentContext.storage.REMOTE_DATA_SOURCE), dialog.id, new _Domain_repository_Pagination__WEBPACK_IMPORTED_MODULE_7__.Pagination());\n                        //\n                        return [4 /*yield*/, getDialogMessages\n                                .execute()\n                                // eslint-disable-next-line promise/always-return\n                                .then(function (data) {\n                                console.log(\"DIALOG: \".concat(JSON.stringify(dialogEntity), \" WITH \").concat(data.length, \" messages:\").concat(JSON.stringify(data)));\n                                var ResultMessages = data.map(function (message) {\n                                    var obj = __assign({}, message);\n                                    console.log('have sender id:', message.sender_id);\n                                    if (userDictionary) {\n                                        obj.sender = userDictionary[message.sender_id];\n                                    }\n                                    return obj;\n                                });\n                                console.log(\"result messages:\".concat(JSON.stringify(ResultMessages)));\n                                setMessages(ResultMessages);\n                                setLoading(false);\n                                setError('');\n                            })\n                                .catch(function (e) {\n                                console.log('have ERROR get users :', JSON.stringify(e));\n                                setLoading(false);\n                                setError(e.message);\n                            })];\n                    case 2:\n                        //\n                        _a.sent();\n                        //\n                        console.log('EXECUTE USE CASE MessagesViewModelWithMockUseCase EXECUTED');\n                        return [2 /*return*/];\n                }\n            });\n        });\n    }\n    var release = function () {\n        console.log('call release in MessagesViewModelWithMockUseCase');\n    };\n    var userTypingMessageUseCase = new _Domain_use_cases_UserTypingMessageUseCase__WEBPACK_IMPORTED_MODULE_19__.UserTypingMessageUseCase(new _Data_repository_MessagesRepository__WEBPACK_IMPORTED_MODULE_6__[\"default\"](currentContext.storage.LOCAL_DATA_SOURCE, currentContext.storage.REMOTE_DATA_SOURCE), dialog || dialogEntity, ((_a = currentContext.storage.REMOTE_DATA_SOURCE.authInformation) === null || _a === void 0 ? void 0 : _a.userId) || 0);\n    var sendTypingTextMessage = function () {\n        console.log('call release in MessagesViewModelWithMockUseCase');\n        userTypingMessageUseCase.execute().catch(function (reason) {\n            var errorMessage = (0,_utils_parse__WEBPACK_IMPORTED_MODULE_11__.stringifyError)(reason);\n            console.log('have exception in sendTypingTextMessage: ', errorMessage);\n            throw new Error(errorMessage);\n        });\n    };\n    var uploadFile = function (file) { return __awaiter(_this, void 0, void 0, function () {\n        var fileEntity, uploadFileUseCase, resultEnity;\n        return __generator(this, function (_a) {\n            switch (_a.label) {\n                case 0:\n                    console.log('call uploadFile(), file: ', file);\n                    fileEntity = _Data_Stubs__WEBPACK_IMPORTED_MODULE_8__.Stubs.createFileEntityWithDefaultValues();\n                    fileEntity.data = file;\n                    fileEntity.uid = '';\n                    fileEntity.name = file.name;\n                    fileEntity.size = file.size;\n                    fileEntity.type = file.type;\n                    uploadFileUseCase = new _Domain_use_cases_UploadFileUseCase__WEBPACK_IMPORTED_MODULE_9__.UploadFileUseCase(new _Data_repository_FileRepository__WEBPACK_IMPORTED_MODULE_10__.FileRepository(currentContext.storage.LOCAL_DATA_SOURCE, currentContext.storage.REMOTE_DATA_SOURCE), fileEntity);\n                    return [4 /*yield*/, uploadFileUseCase\n                            .execute()\n                            .catch(function (e) {\n                            console.log('Error UploadFileUseCase: ', (0,_utils_parse__WEBPACK_IMPORTED_MODULE_11__.stringifyError)(e));\n                            throw new Error((0,_utils_parse__WEBPACK_IMPORTED_MODULE_11__.stringifyError)(e));\n                        })];\n                case 1:\n                    resultEnity = _a.sent();\n                    return [2 /*return*/, Promise.resolve(resultEnity)];\n            }\n        });\n    }); };\n    function sendMessage(messageToSend) {\n        var sendTextMessageUseCase = new _Domain_use_cases_SendTextMessageUseCase__WEBPACK_IMPORTED_MODULE_12__.SendTextMessageUseCase(new _Data_repository_MessagesRepository__WEBPACK_IMPORTED_MODULE_6__[\"default\"](currentContext.storage.LOCAL_DATA_SOURCE, currentContext.storage.REMOTE_DATA_SOURCE), messageToSend);\n        // eslint-disable-next-line promise/catch-or-return\n        sendTextMessageUseCase\n            .execute()\n            .catch(function (reason) {\n            var errorMessage = (0,_utils_parse__WEBPACK_IMPORTED_MODULE_11__.stringifyError)(reason);\n            console.log('exception in sendMessage in useMessagesViewModelWithMockUseCase', errorMessage);\n            setLoading(false);\n            throw new Error(errorMessage);\n        })\n            .finally(function () {\n            setLoading(false);\n        });\n    }\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    var sendTextMessage = function (newMessage) {\n        var _a;\n        setLoading(true);\n        var currentUserId = ((_a = currentContext.storage.REMOTE_DATA_SOURCE.authInformation) === null || _a === void 0 ? void 0 : _a.userId) || 0;\n        var messageToSend = _Data_Stubs__WEBPACK_IMPORTED_MODULE_8__.Stubs.createMessageEntityWithParams(0, dialog.id, newMessage, Date.now().toString(), Date.now(), Date.now().toString(), [], [], 1, currentUserId, currentUserId, [], '', _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_1__.DialogType.group);\n        messageToSend.dialogType = dialog.type;\n        sendMessage(messageToSend);\n    };\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    var sendAttachmentMessage = function (newMessage) {\n        var _a;\n        console.log('call sendTextMessage');\n        setLoading(true);\n        var currentUserId = ((_a = currentContext.storage.REMOTE_DATA_SOURCE.authInformation) === null || _a === void 0 ? void 0 : _a.userId) || 0;\n        uploadFile(newMessage)\n            // eslint-disable-next-line promise/always-return\n            .then(function (fileMessage) {\n            console.log(JSON.stringify(fileMessage));\n            // '[attachment]'\n            var messageToSend = _Data_Stubs__WEBPACK_IMPORTED_MODULE_8__.Stubs.createMessageEntityWithParams(0, dialog.id, \n            // eslint-disable-next-line promise/always-return\n            fileMessage.name || '[attachment]', Date.now().toString(), Date.now(), Date.now().toString(), [], [], 1, currentUserId, currentUserId, [], '', _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_1__.DialogType.group);\n            messageToSend.dialogType = dialog.type;\n            var attachments = [\n                {\n                    id: fileMessage.uid,\n                    type: fileMessage.type,\n                    file: fileMessage,\n                    name: fileMessage.name,\n                    size: fileMessage.size,\n                },\n            ];\n            messageToSend.attachments = attachments;\n            sendMessage(messageToSend);\n            //\n        })\n            .catch(function (reason) {\n            var errorMessage = (0,_utils_parse__WEBPACK_IMPORTED_MODULE_11__.stringifyError)(reason);\n            console.log('EXCEPTION in sendAttachmentMessage');\n            throw new Error(errorMessage);\n        });\n    };\n    return {\n        get entity() {\n            return dialog;\n        },\n        set entity(newDialog) {\n            setDialog(newDialog);\n        },\n        messages: messages,\n        loading: loading,\n        error: error,\n        // eslint-disable-next-line @typescript-eslint/no-misused-promises\n        getMessages: getMessages,\n        release: release,\n        sendTextMessage: sendTextMessage,\n        sendAttachmentMessage: sendAttachmentMessage,\n        sendTypingTextMessage: sendTypingTextMessage,\n        typingText: typingText,\n    };\n}\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/Presentation/components/UI/Dialogs/MessagesView/useMessagesViewModelWithMockUseCase.ts?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": function() { return /* binding */ useMessagesViewModel; }\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../Domain/entity/DialogTypes */ \"./src/Domain/entity/DialogTypes.ts\");\n/* harmony import */ var _providers_QuickBloxUIKitProvider_useQbDataContext__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../providers/QuickBloxUIKitProvider/useQbDataContext */ \"./src/Presentation/components/providers/QuickBloxUIKitProvider/useQbDataContext.ts\");\n/* harmony import */ var _Domain_use_cases_GetUsersByIdsUseCase__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../Domain/use_cases/GetUsersByIdsUseCase */ \"./src/Domain/use_cases/GetUsersByIdsUseCase.ts\");\n/* harmony import */ var _Data_repository_UsersRepository__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../Data/repository/UsersRepository */ \"./src/Data/repository/UsersRepository.ts\");\n/* harmony import */ var _Domain_use_cases_GetAllMessagesForDialog__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../Domain/use_cases/GetAllMessagesForDialog */ \"./src/Domain/use_cases/GetAllMessagesForDialog.ts\");\n/* harmony import */ var _Data_repository_MessagesRepository__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../../Data/repository/MessagesRepository */ \"./src/Data/repository/MessagesRepository.ts\");\n/* harmony import */ var _Domain_repository_Pagination__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../../Domain/repository/Pagination */ \"./src/Domain/repository/Pagination.ts\");\n/* harmony import */ var _Data_Stubs__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../../Data/Stubs */ \"./src/Data/Stubs.ts\");\n/* harmony import */ var _Domain_use_cases_UploadFileUseCase__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../../../Domain/use_cases/UploadFileUseCase */ \"./src/Domain/use_cases/UploadFileUseCase.ts\");\n/* harmony import */ var _Data_repository_FileRepository__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../../../Data/repository/FileRepository */ \"./src/Data/repository/FileRepository.ts\");\n/* harmony import */ var _utils_parse__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../../../../utils/parse */ \"./src/utils/parse.ts\");\n/* harmony import */ var _Domain_use_cases_SendTextMessageUseCase__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../../../../Domain/use_cases/SendTextMessageUseCase */ \"./src/Domain/use_cases/SendTextMessageUseCase.ts\");\n/* harmony import */ var _Domain_use_cases_SubscribeToDialogEventsUseCase__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../../../../Domain/use_cases/SubscribeToDialogEventsUseCase */ \"./src/Domain/use_cases/SubscribeToDialogEventsUseCase.ts\");\n/* harmony import */ var _providers_QuickBloxUIKitProvider_useEventMessagesRepository__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../../../providers/QuickBloxUIKitProvider/useEventMessagesRepository */ \"./src/Presentation/components/providers/QuickBloxUIKitProvider/useEventMessagesRepository.ts\");\n/* harmony import */ var _Domain_entity_EventMessageType__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../../../../../Domain/entity/EventMessageType */ \"./src/Domain/entity/EventMessageType.ts\");\n/* harmony import */ var _Domain_entity_NotificationTypes__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../../../../../Domain/entity/NotificationTypes */ \"./src/Domain/entity/NotificationTypes.ts\");\n/* harmony import */ var _Domain_use_cases_GetDialogByIdUseCase__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../../../../../Domain/use_cases/GetDialogByIdUseCase */ \"./src/Domain/use_cases/GetDialogByIdUseCase.ts\");\n/* harmony import */ var _Data_repository_DialogsRepository__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ../../../../../Data/repository/DialogsRepository */ \"./src/Data/repository/DialogsRepository.ts\");\n/* harmony import */ var _Domain_use_cases_UserTypingMessageUseCase__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ../../../../../Domain/use_cases/UserTypingMessageUseCase */ \"./src/Domain/use_cases/UserTypingMessageUseCase.ts\");\nvar __assign = (undefined && undefined.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nvar __awaiter = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n    return new (P || (P = Promise))(function (resolve, reject) {\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\n    });\n};\nvar __generator = (undefined && undefined.__generator) || function (thisArg, body) {\n    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\n    return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\n    function verb(n) { return function (v) { return step([n, v]); }; }\n    function step(op) {\n        if (f) throw new TypeError(\"Generator is already executing.\");\n        while (g && (g = 0, op[0] && (_ = 0)), _) try {\n            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;\n            if (y = 0, t) op = [op[0] & 2, t.value];\n            switch (op[0]) {\n                case 0: case 1: t = op; break;\n                case 4: _.label++; return { value: op[1], done: false };\n                case 5: _.label++; y = op[1]; op = [0]; continue;\n                case 7: op = _.ops.pop(); _.trys.pop(); continue;\n                default:\n                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\n                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\n                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\n                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\n                    if (t[2]) _.ops.pop();\n                    _.trys.pop(); continue;\n            }\n            op = body.call(thisArg, _);\n        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\n        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\n    }\n};\nvar __spreadArray = (undefined && undefined.__spreadArray) || function (to, from, pack) {\n    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\n        if (ar || !(i in from)) {\n            if (!ar) ar = Array.prototype.slice.call(from, 0, i);\n            ar[i] = from[i];\n        }\n    }\n    return to.concat(ar || Array.prototype.slice.call(from));\n};\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nfunction useMessagesViewModel(dialogType, dialogEntity) {\n    var _this = this;\n    var _a;\n    console.log('useMessagesViewModel');\n    var _b = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false), loading = _b[0], setLoading = _b[1];\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    var _c = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)('error: wrong message list'), error = _c[0], setError = _c[1];\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    var _d = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]), messages = _d[0], setMessages = _d[1];\n    // const [users, setUsers] = useState<Record<number, UserEntity>>();\n    var _e = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(dialogEntity), dialog = _e[0], setDialog = _e[1];\n    // const [dialogsParticipants, setDialogsParticipants] = useState<number[]>([]);\n    var currentContext = (0,_providers_QuickBloxUIKitProvider_useQbDataContext__WEBPACK_IMPORTED_MODULE_2__[\"default\"])();\n    var eventMessaging = (0,_providers_QuickBloxUIKitProvider_useEventMessagesRepository__WEBPACK_IMPORTED_MODULE_14__[\"default\"])();\n    var subscribeToDialogEventsUseCase = new _Domain_use_cases_SubscribeToDialogEventsUseCase__WEBPACK_IMPORTED_MODULE_13__.SubscribeToDialogEventsUseCase(eventMessaging, 'MessagesViewModel');\n    var _f = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(''), typingText = _f[0], setTypingText = _f[1];\n    var dialogUpdateHandler = function (dialogInfo) {\n        console.log('call dialogUpdateHandler in useMessagesViewModel');\n        var getSender = function (sender_id) { return __awaiter(_this, void 0, void 0, function () {\n            var getUser, userEntity;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        getUser = new _Domain_use_cases_GetUsersByIdsUseCase__WEBPACK_IMPORTED_MODULE_3__.GetUsersByIdsUseCase(new _Data_repository_UsersRepository__WEBPACK_IMPORTED_MODULE_4__[\"default\"](currentContext.storage.LOCAL_DATA_SOURCE, currentContext.storage.REMOTE_DATA_SOURCE), [sender_id]);\n                        return [4 /*yield*/, getUser\n                                .execute()\n                                // eslint-disable-next-line promise/always-return\n                                .then(function (data) {\n                                // eslint-disable-next-line prefer-destructuring\n                                userEntity = data[0];\n                            })\n                                .catch(function (e) {\n                                console.log('have ERROR get users :', JSON.stringify(e));\n                            })];\n                    case 1:\n                        _a.sent();\n                        return [2 /*return*/, userEntity];\n                }\n            });\n        }); };\n        if (dialogInfo.eventMessageType === _Domain_entity_EventMessageType__WEBPACK_IMPORTED_MODULE_15__[\"default\"].LocalMessage) {\n            if (dialogInfo.messageStatus) {\n                if (dialogInfo.messageStatus.isTyping) {\n                    // eslint-disable-next-line promise/catch-or-return\n                    getSender(dialogInfo.messageStatus.userId).then(function (senderUser) {\n                        var typingMessage = \"User \".concat(\n                        // eslint-disable-next-line promise/always-return\n                        (senderUser === null || senderUser === void 0 ? void 0 : senderUser.full_name) ||\n                            (senderUser === null || senderUser === void 0 ? void 0 : senderUser.login) ||\n                            (senderUser === null || senderUser === void 0 ? void 0 : senderUser.email) ||\n                            (senderUser === null || senderUser === void 0 ? void 0 : senderUser.id) ||\n                            '', \" is typing message\");\n                        setTypingText(typingMessage);\n                    });\n                }\n                else {\n                    setTypingText('');\n                }\n            }\n        }\n        if (dialogInfo.eventMessageType === _Domain_entity_EventMessageType__WEBPACK_IMPORTED_MODULE_15__[\"default\"].RegularMessage) {\n            if (dialogInfo.messageInfo) {\n                var messageId = dialogInfo.messageInfo.id;\n                var messageText = dialogInfo.messageInfo.message;\n                console.log(\"new message id = \".concat(messageId, \", new message text: \").concat(messageText, \", found messages:\"));\n                var ResultMessage_1 = __assign({}, dialogInfo.messageInfo);\n                // eslint-disable-next-line promise/catch-or-return,promise/always-return\n                getSender(dialogInfo.messageInfo.sender_id)\n                    // eslint-disable-next-line promise/always-return\n                    .then(function (user) {\n                    ResultMessage_1.sender = user;\n                    ResultMessage_1.sender_id = dialogInfo.messageInfo.sender_id;\n                })\n                    .finally(function () {\n                    setMessages(function (prevState) {\n                        var newState = __spreadArray([], prevState, true);\n                        newState.push(ResultMessage_1);\n                        return newState;\n                    });\n                });\n            }\n        }\n        if (dialogInfo.eventMessageType === _Domain_entity_EventMessageType__WEBPACK_IMPORTED_MODULE_15__[\"default\"].SystemMessage) {\n            if (dialogInfo.notificationTypes === _Domain_entity_NotificationTypes__WEBPACK_IMPORTED_MODULE_16__.NotificationTypes.UPDATE_DIALOG) {\n                if (dialogInfo.messageInfo) {\n                    var dialogId = dialogInfo.messageInfo.dialogId;\n                    var getDialogByIdUseCase = new _Domain_use_cases_GetDialogByIdUseCase__WEBPACK_IMPORTED_MODULE_17__.GetDialogByIdUseCase(new _Data_repository_DialogsRepository__WEBPACK_IMPORTED_MODULE_18__[\"default\"](currentContext.storage.LOCAL_DATA_SOURCE, currentContext.storage.REMOTE_DATA_SOURCE), dialogId);\n                    // eslint-disable-next-line promise/catch-or-return,promise/always-return\n                    getDialogByIdUseCase.execute().then(function (updatedDialog) {\n                        setDialog(updatedDialog);\n                    });\n                }\n            }\n        }\n    };\n    subscribeToDialogEventsUseCase\n        .execute(dialogUpdateHandler)\n        .catch(function (reason) {\n        console.log((0,_utils_parse__WEBPACK_IMPORTED_MODULE_11__.stringifyError)(reason));\n    });\n    //\n    // eslint-disable-next-line @typescript-eslint/require-await\n    function getMessages() {\n        return __awaiter(this, void 0, void 0, function () {\n            var participants, userDictionary, getAllUsersFromDialogByIdsUseCase, getDialogMessages;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        console.log('call getMessages in MessagesViewModelWithMockUseCase for dialog: ', JSON.stringify(dialog));\n                        setLoading(true);\n                        participants = [];\n                        userDictionary = {};\n                        if (dialog.type === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_1__.DialogType.group) {\n                            participants = dialog.participantIds;\n                        }\n                        else if (dialog.type === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_1__.DialogType[\"private\"]) {\n                            participants = [dialog.participantId];\n                        }\n                        else if (dialog.type === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_1__.DialogType[\"public\"]) {\n                            participants = [];\n                        }\n                        getAllUsersFromDialogByIdsUseCase = new _Domain_use_cases_GetUsersByIdsUseCase__WEBPACK_IMPORTED_MODULE_3__.GetUsersByIdsUseCase(new _Data_repository_UsersRepository__WEBPACK_IMPORTED_MODULE_4__[\"default\"](currentContext.storage.LOCAL_DATA_SOURCE, currentContext.storage.REMOTE_DATA_SOURCE), participants);\n                        //\n                        return [4 /*yield*/, getAllUsersFromDialogByIdsUseCase\n                                .execute()\n                                // eslint-disable-next-line promise/always-return\n                                .then(function (data) {\n                                console.log(\"use Message have dialog: \".concat(JSON.stringify(dialogEntity), \" getUsers:\").concat(JSON.stringify(data)));\n                                console.log('have users ids :', JSON.stringify(participants));\n                                userDictionary = data.reduce(function (acc, item) {\n                                    var obj = acc;\n                                    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n                                    // @ts-ignore\n                                    acc[item.id] = item;\n                                    return obj;\n                                }, {});\n                                console.log('have dictionary of users:', JSON.stringify(userDictionary));\n                                setLoading(false);\n                                setError('');\n                            })\n                                .catch(function (e) {\n                                console.log('have ERROR get users :', JSON.stringify(e));\n                                setLoading(false);\n                                setError(e.message);\n                            })];\n                    case 1:\n                        //\n                        _a.sent();\n                        getDialogMessages = new _Domain_use_cases_GetAllMessagesForDialog__WEBPACK_IMPORTED_MODULE_5__.GetAllMessagesForDialogMock(new _Data_repository_MessagesRepository__WEBPACK_IMPORTED_MODULE_6__[\"default\"](currentContext.storage.LOCAL_DATA_SOURCE, currentContext.storage.REMOTE_DATA_SOURCE), dialog.id, new _Domain_repository_Pagination__WEBPACK_IMPORTED_MODULE_7__.Pagination());\n                        //\n                        return [4 /*yield*/, getDialogMessages\n                                .execute()\n                                // eslint-disable-next-line promise/always-return\n                                .then(function (data) {\n                                console.log(\"DIALOG: \".concat(JSON.stringify(dialogEntity), \" WITH \").concat(data.length, \" messages:\").concat(JSON.stringify(data)));\n                                var ResultMessages = data.map(function (message) {\n                                    var obj = __assign({}, message);\n                                    console.log('have sender id:', message.sender_id);\n                                    if (userDictionary) {\n                                        obj.sender = userDictionary[message.sender_id];\n                                    }\n                                    return obj;\n                                });\n                                console.log(\"result messages:\".concat(JSON.stringify(ResultMessages)));\n                                setMessages(ResultMessages);\n                                setLoading(false);\n                                setError('');\n                            })\n                                .catch(function (e) {\n                                console.log('have ERROR get users :', JSON.stringify(e));\n                                setLoading(false);\n                                setError(e.message);\n                            })];\n                    case 2:\n                        //\n                        _a.sent();\n                        //\n                        console.log('EXECUTE USE CASE MessagesViewModelWithMockUseCase EXECUTED');\n                        return [2 /*return*/];\n                }\n            });\n        });\n    }\n    var release = function () {\n        console.log('call release in MessagesViewModelWithMockUseCase');\n    };\n    var userTypingMessageUseCase = new _Domain_use_cases_UserTypingMessageUseCase__WEBPACK_IMPORTED_MODULE_19__.UserTypingMessageUseCase(new _Data_repository_MessagesRepository__WEBPACK_IMPORTED_MODULE_6__[\"default\"](currentContext.storage.LOCAL_DATA_SOURCE, currentContext.storage.REMOTE_DATA_SOURCE), dialog || dialogEntity, ((_a = currentContext.storage.REMOTE_DATA_SOURCE.authInformation) === null || _a === void 0 ? void 0 : _a.userId) || 0);\n    var sendTypingTextMessage = function () {\n        console.log('call release in MessagesViewModelWithMockUseCase');\n        userTypingMessageUseCase.execute().catch(function (reason) {\n            var errorMessage = (0,_utils_parse__WEBPACK_IMPORTED_MODULE_11__.stringifyError)(reason);\n            console.log('have exception in sendTypingTextMessage: ', errorMessage);\n            throw new Error(errorMessage);\n        });\n    };\n    var uploadFile = function (file) { return __awaiter(_this, void 0, void 0, function () {\n        var fileEntity, uploadFileUseCase, resultEnity;\n        return __generator(this, function (_a) {\n            switch (_a.label) {\n                case 0:\n                    console.log('call uploadFile(), file: ', file);\n                    fileEntity = _Data_Stubs__WEBPACK_IMPORTED_MODULE_8__.Stubs.createFileEntityWithDefaultValues();\n                    fileEntity.data = file;\n                    fileEntity.uid = '';\n                    fileEntity.name = file.name;\n                    fileEntity.size = file.size;\n                    fileEntity.type = file.type;\n                    uploadFileUseCase = new _Domain_use_cases_UploadFileUseCase__WEBPACK_IMPORTED_MODULE_9__.UploadFileUseCase(new _Data_repository_FileRepository__WEBPACK_IMPORTED_MODULE_10__.FileRepository(currentContext.storage.LOCAL_DATA_SOURCE, currentContext.storage.REMOTE_DATA_SOURCE), fileEntity);\n                    return [4 /*yield*/, uploadFileUseCase\n                            .execute()\n                            .catch(function (e) {\n                            console.log('Error UploadFileUseCase: ', (0,_utils_parse__WEBPACK_IMPORTED_MODULE_11__.stringifyError)(e));\n                            throw new Error((0,_utils_parse__WEBPACK_IMPORTED_MODULE_11__.stringifyError)(e));\n                        })];\n                case 1:\n                    resultEnity = _a.sent();\n                    return [2 /*return*/, Promise.resolve(resultEnity)];\n            }\n        });\n    }); };\n    function sendMessage(messageToSend) {\n        var sendTextMessageUseCase = new _Domain_use_cases_SendTextMessageUseCase__WEBPACK_IMPORTED_MODULE_12__.SendTextMessageUseCase(new _Data_repository_MessagesRepository__WEBPACK_IMPORTED_MODULE_6__[\"default\"](currentContext.storage.LOCAL_DATA_SOURCE, currentContext.storage.REMOTE_DATA_SOURCE), messageToSend);\n        // eslint-disable-next-line promise/catch-or-return\n        sendTextMessageUseCase\n            .execute()\n            .catch(function (reason) {\n            var errorMessage = (0,_utils_parse__WEBPACK_IMPORTED_MODULE_11__.stringifyError)(reason);\n            console.log('exception in sendMessage in useMessagesViewModel', errorMessage);\n            setLoading(false);\n            throw new Error(errorMessage);\n        })\n            .finally(function () {\n            setLoading(false);\n        });\n    }\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    var sendTextMessage = function (newMessage) {\n        var _a;\n        setLoading(true);\n        var currentUserId = ((_a = currentContext.storage.REMOTE_DATA_SOURCE.authInformation) === null || _a === void 0 ? void 0 : _a.userId) || 0;\n        var messageToSend = _Data_Stubs__WEBPACK_IMPORTED_MODULE_8__.Stubs.createMessageEntityWithParams(0, dialog.id, newMessage, Date.now().toString(), Date.now(), Date.now().toString(), [], [], 1, currentUserId, currentUserId, [], '', _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_1__.DialogType.group);\n        messageToSend.dialogType = dialog.type;\n        sendMessage(messageToSend);\n    };\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    var sendAttachmentMessage = function (newMessage) {\n        var _a;\n        console.log('call sendTextMessage');\n        setLoading(true);\n        var currentUserId = ((_a = currentContext.storage.REMOTE_DATA_SOURCE.authInformation) === null || _a === void 0 ? void 0 : _a.userId) || 0;\n        uploadFile(newMessage)\n            // eslint-disable-next-line promise/always-return\n            .then(function (fileMessage) {\n            console.log(JSON.stringify(fileMessage));\n            // '[attachment]'\n            var messageToSend = _Data_Stubs__WEBPACK_IMPORTED_MODULE_8__.Stubs.createMessageEntityWithParams(0, dialog.id, \n            // eslint-disable-next-line promise/always-return\n            fileMessage.name || '[attachment]', Date.now().toString(), Date.now(), Date.now().toString(), [], [], 1, currentUserId, currentUserId, [], '', _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_1__.DialogType.group);\n            messageToSend.dialogType = dialog.type;\n            var attachments = [\n                {\n                    id: fileMessage.uid,\n                    type: fileMessage.type,\n                    file: fileMessage,\n                    name: fileMessage.name,\n                    size: fileMessage.size,\n                },\n            ];\n            messageToSend.attachments = attachments;\n            sendMessage(messageToSend);\n            //\n        })\n            .catch(function (reason) {\n            var errorMessage = (0,_utils_parse__WEBPACK_IMPORTED_MODULE_11__.stringifyError)(reason);\n            console.log('EXCEPTION in sendAttachmentMessage');\n            throw new Error(errorMessage);\n        });\n    };\n    return {\n        get entity() {\n            return dialog;\n        },\n        set entity(newDialog) {\n            setDialog(newDialog);\n        },\n        messages: messages,\n        loading: loading,\n        error: error,\n        // eslint-disable-next-line @typescript-eslint/no-misused-promises\n        getMessages: getMessages,\n        release: release,\n        sendTextMessage: sendTextMessage,\n        sendAttachmentMessage: sendAttachmentMessage,\n        sendTypingTextMessage: sendTypingTextMessage,\n        typingText: typingText,\n    };\n}\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/Presentation/components/UI/Dialogs/MessagesView/useMessagesViewModel.ts?");
 
 /***/ }),
 
@@ -2350,14 +2295,25 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 
 /***/ }),
 
-/***/ "./src/Presentation/components/layouts/Desktop/DesktopLayoutForMockModels.tsx":
-/*!************************************************************************************!*\
-  !*** ./src/Presentation/components/layouts/Desktop/DesktopLayoutForMockModels.tsx ***!
-  \************************************************************************************/
+/***/ "./src/Presentation/components/layouts/Desktop/DesktopLayout.tsx":
+/*!***********************************************************************!*\
+  !*** ./src/Presentation/components/layouts/Desktop/DesktopLayout.tsx ***!
+  \***********************************************************************/
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\n/* harmony import */ var _DesktopLayout_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./DesktopLayout.scss */ \"./src/Presentation/components/layouts/Desktop/DesktopLayout.scss\");\nvar __assign = (undefined && undefined.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\n\n\nfunction DesktopLayout(_a) {\n    var dialogsView = _a.dialogsView, dialogMessagesView = _a.dialogMessagesView, dialogInfoView = _a.dialogInfoView;\n    return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: \"desktop-layout-main-container\" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"desktop-layout-main-container__item-left\" }, { children: dialogsView })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"desktop-layout-main-container__item-center\" }, { children: dialogMessagesView })), dialogInfoView && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"desktop-layout-main-container__item-right\" }, { children: dialogInfoView })))] })));\n}\n/* harmony default export */ __webpack_exports__[\"default\"] = (DesktopLayout);\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/Presentation/components/layouts/Desktop/DesktopLayout.tsx?");
+
+/***/ }),
+
+/***/ "./src/Presentation/components/layouts/Desktop/QuickBloxUIKitDesktopLayout.tsx":
+/*!*************************************************************************************!*\
+  !*** ./src/Presentation/components/layouts/Desktop/QuickBloxUIKitDesktopLayout.tsx ***!
+  \*************************************************************************************/
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\n/* harmony import */ var _DesktopLayout_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./DesktopLayout.scss */ \"./src/Presentation/components/layouts/Desktop/DesktopLayout.scss\");\nvar __assign = (undefined && undefined.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\n\n\nfunction DesktopLayoutForMockModels(_a) {\n    var dialogsView = _a.dialogsView, dialogMessagesView = _a.dialogMessagesView, dialogInfoView = _a.dialogInfoView;\n    return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: \"desktop-layout-main-container\" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"desktop-layout-main-container__item-left\" }, { children: dialogsView })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"desktop-layout-main-container__item-center\" }, { children: dialogMessagesView })), dialogInfoView && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"desktop-layout-main-container__item-right\" }, { children: dialogInfoView })))] })));\n}\n/* harmony default export */ __webpack_exports__[\"default\"] = (DesktopLayoutForMockModels);\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/Presentation/components/layouts/Desktop/DesktopLayoutForMockModels.tsx?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _providers_QuickBloxUIKitProvider_useQbDataContext__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../providers/QuickBloxUIKitProvider/useQbDataContext */ \"./src/Presentation/components/providers/QuickBloxUIKitProvider/useQbDataContext.ts\");\n/* harmony import */ var _Views_Dialogs_Dialogs__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../Views/Dialogs/Dialogs */ \"./src/Presentation/Views/Dialogs/Dialogs.tsx\");\n/* harmony import */ var _UI_Dialogs_DialogInformation_DialogInformation__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../UI/Dialogs/DialogInformation/DialogInformation */ \"./src/Presentation/components/UI/Dialogs/DialogInformation/DialogInformation.tsx\");\n/* harmony import */ var _DesktopLayout__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./DesktopLayout */ \"./src/Presentation/components/layouts/Desktop/DesktopLayout.tsx\");\n/* harmony import */ var _UI_Dialogs_MessagesView_MessagesView__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../UI/Dialogs/MessagesView/MessagesView */ \"./src/Presentation/components/UI/Dialogs/MessagesView/MessagesView.tsx\");\n/* harmony import */ var _Views_Dialogs_useDialogsViewModel__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../Views/Dialogs/useDialogsViewModel */ \"./src/Presentation/Views/Dialogs/useDialogsViewModel.ts\");\n/* harmony import */ var _Domain_repository_Pagination__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../Domain/repository/Pagination */ \"./src/Domain/repository/Pagination.ts\");\n/* harmony import */ var _Domain_use_cases_SubscribeToDialogEventsUseCase__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../../Domain/use_cases/SubscribeToDialogEventsUseCase */ \"./src/Domain/use_cases/SubscribeToDialogEventsUseCase.ts\");\n/* harmony import */ var _providers_QuickBloxUIKitProvider_useEventMessagesRepository__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../providers/QuickBloxUIKitProvider/useEventMessagesRepository */ \"./src/Presentation/components/providers/QuickBloxUIKitProvider/useEventMessagesRepository.ts\");\n/* harmony import */ var _Domain_entity_EventMessageType__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../../../Domain/entity/EventMessageType */ \"./src/Domain/entity/EventMessageType.ts\");\n/* harmony import */ var _Domain_entity_NotificationTypes__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../../../Domain/entity/NotificationTypes */ \"./src/Domain/entity/NotificationTypes.ts\");\n/* harmony import */ var _utils_parse__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../../../utils/parse */ \"./src/utils/parse.ts\");\nvar __assign = (undefined && undefined.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nvar QuickBloxUIKitDesktopLayout = function (_a) {\n    var _b, _c;\n    var _d = _a.theme, theme = _d === void 0 ? undefined : _d;\n    console.log('create QuickBloxUIKitDesktopLayout');\n    var _e = react__WEBPACK_IMPORTED_MODULE_1___default().useState(), selectedDialog = _e[0], setSelectedDialog = _e[1];\n    var currentContext = (0,_providers_QuickBloxUIKitProvider_useQbDataContext__WEBPACK_IMPORTED_MODULE_2__[\"default\"])();\n    var eventMessaging = (0,_providers_QuickBloxUIKitProvider_useEventMessagesRepository__WEBPACK_IMPORTED_MODULE_10__[\"default\"])();\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-ignore\n    var userName = (_b = currentContext.storage.REMOTE_DATA_SOURCE.authInformation) === null || _b === void 0 ? void 0 : _b.userName;\n    var userId = (_c = currentContext.storage.REMOTE_DATA_SOURCE.authInformation) === null || _c === void 0 ? void 0 : _c.userId;\n    var dialogsViewModel = (0,_Views_Dialogs_useDialogsViewModel__WEBPACK_IMPORTED_MODULE_7__[\"default\"])(currentContext);\n    var subscribeToDialogEventsUseCase = new _Domain_use_cases_SubscribeToDialogEventsUseCase__WEBPACK_IMPORTED_MODULE_9__.SubscribeToDialogEventsUseCase(eventMessaging, 'TestStage');\n    /* DATA needed to init MockData\n    const remoteDataSourceMock: RemoteDataSourceMock = currentContext.storage\n      .REMOTE_DATA_SOURCE_MOCK as RemoteDataSourceMock;\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    const localDataSource: LocalDataSource =\n      currentContext.storage.LOCAL_DATA_SOURCE;\n    const { connectionRepository } = useQBConnection();\n  */\n    // инициализация СДК и загрузка тестовых данных, запуск пинга - может не быть\n    // todo: добавить метод в контекст\n    var isAuthProcessed = function () {\n        console.log('call isAuthProcessed');\n        var result = currentContext.storage.REMOTE_DATA_SOURCE.needInit === false &&\n            currentContext.storage.REMOTE_DATA_SOURCE.authProcessed &&\n            currentContext.storage.CONNECTION_REPOSITORY.needInit === false;\n        console.log(\n        // eslint-disable-next-line @typescript-eslint/restrict-template-expressions\n        \"initialValue.REMOTE_DATA_SOURCE_MOCK.needInit: \".concat(currentContext.storage.REMOTE_DATA_SOURCE.needInit));\n        console.log(\n        // eslint-disable-next-line @typescript-eslint/restrict-template-expressions\n        \"initialValue.REMOTE_DATA_SOURCE_MOCK.authProcessed: \".concat(currentContext.storage.REMOTE_DATA_SOURCE.authProcessed));\n        console.log(\n        // eslint-disable-next-line @typescript-eslint/restrict-template-expressions\n        \"initialValue.CONNECTION_REPOSITORY.needInit: \".concat(currentContext.storage.CONNECTION_REPOSITORY.needInit));\n        return result;\n    };\n    (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n        console.log('TestStage: GET DATA ');\n        console.log(\"auth data: \".concat(JSON.stringify(currentContext.InitParams.loginData), \" at \").concat(new Date().toLocaleTimeString()));\n        if (isAuthProcessed()) {\n            console.log('auth is completed, CAN GET DATA');\n            var pagination = new _Domain_repository_Pagination__WEBPACK_IMPORTED_MODULE_8__.Pagination();\n            dialogsViewModel === null || dialogsViewModel === void 0 ? void 0 : dialogsViewModel.getDialogs(pagination);\n        }\n        return function () {\n            console.log('TestStage: USE EFFECT release');\n            dialogsViewModel.release();\n        };\n    }, []); // сейчас это выполняется один раз при старте, а нужно каждый раз при смене пользователя\n    var dialogsEventHandler = function (dialogInfo) {\n        console.log('call dialogsEventHandler in subscribeToDialogEventsUseCase');\n        if (dialogInfo.eventMessageType === _Domain_entity_EventMessageType__WEBPACK_IMPORTED_MODULE_11__[\"default\"].SystemMessage) {\n            switch (dialogInfo.notificationTypes) {\n                case _Domain_entity_NotificationTypes__WEBPACK_IMPORTED_MODULE_12__.NotificationTypes.DELETE_LEAVE_DIALOG: {\n                    if (dialogInfo.messageInfo &&\n                        dialogInfo.messageInfo.sender_id === userId) {\n                        setSelectedDialog(undefined);\n                    }\n                    break;\n                }\n                default: {\n                    var pagination = new _Domain_repository_Pagination__WEBPACK_IMPORTED_MODULE_8__.Pagination();\n                    dialogsViewModel === null || dialogsViewModel === void 0 ? void 0 : dialogsViewModel.getDialogs(pagination);\n                    break;\n                }\n            }\n        }\n    };\n    (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n        console.log('TestStage: GET DATA AFTER User data has CHANGED');\n        console.log(\"auth is \".concat(JSON.stringify(currentContext.InitParams.loginData), \" at \").concat(new Date().toLocaleTimeString()));\n        if (isAuthProcessed()) {\n            console.log('auth is completed, FETCH DATA');\n            var pagination = new _Domain_repository_Pagination__WEBPACK_IMPORTED_MODULE_8__.Pagination();\n            dialogsViewModel === null || dialogsViewModel === void 0 ? void 0 : dialogsViewModel.getDialogs(pagination);\n            //\n            console.log('auth is completed, subscribe');\n            subscribeToDialogEventsUseCase\n                .execute(dialogsEventHandler)\n                .catch(function (reason) {\n                console.log((0,_utils_parse__WEBPACK_IMPORTED_MODULE_13__.stringifyError)(reason));\n            });\n            //\n        }\n    }, [currentContext.InitParams]);\n    (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n        var _a;\n        console.log(\"TestStage: selectedDialog: \".concat(((_a = selectedDialog === null || selectedDialog === void 0 ? void 0 : selectedDialog.entity) === null || _a === void 0 ? void 0 : _a.name) || 'Dialog Name is empty'));\n        if (selectedDialog) {\n            dialogsViewModel.entity = selectedDialog.entity;\n        }\n    }, [selectedDialog]);\n    var _f = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(true), needDialogInformation = _f[0], setNeedDialogInformation = _f[1];\n    var informationCloseHandler = function () {\n        setNeedDialogInformation(false);\n    };\n    var informationOpenHandler = function () {\n        setNeedDialogInformation(true);\n    };\n    return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_DesktopLayout__WEBPACK_IMPORTED_MODULE_5__[\"default\"], { dialogsView: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Views_Dialogs_Dialogs__WEBPACK_IMPORTED_MODULE_3__[\"default\"], { dialogsViewModel: dialogsViewModel, itemSelectHandler: setSelectedDialog, additionalSettings: { withoutHeader: false } }), dialogMessagesView: selectedDialog && selectedDialog.entity ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_UI_Dialogs_MessagesView_MessagesView__WEBPACK_IMPORTED_MODULE_6__[\"default\"], { dialog: selectedDialog === null || selectedDialog === void 0 ? void 0 : selectedDialog.entity, InformationHandler: informationOpenHandler, maxWidthToResize: selectedDialog && needDialogInformation ? undefined : '1040px' }) // 1 Get Messages + 1 Get User by Id\n        ) : ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ style: {\n                minHeight: '799px',\n                minWidth: '1040px',\n                border: '1px solid var(--divider)',\n                margin: '0 auto',\n            } }, { children: [\"You login as \", userName, \"(\", userId, \"). Select chat to start conversation.\"] }))), dialogInfoView: \n        // 1 Get User by 1 + Get user by name\n        (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", { children: selectedDialog && needDialogInformation && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_UI_Dialogs_DialogInformation_DialogInformation__WEBPACK_IMPORTED_MODULE_4__[\"default\"], { dialog: selectedDialog.entity, dialogViewModel: dialogsViewModel, closeInformationHandler: informationCloseHandler })) }) }));\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (QuickBloxUIKitDesktopLayout);\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/Presentation/components/layouts/Desktop/QuickBloxUIKitDesktopLayout.tsx?");
 
 /***/ }),
 
@@ -2445,7 +2401,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var reac
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"QBConfig\": function() { return /* binding */ QBConfig; }\n/* harmony export */ });\nvar __awaiter = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n    return new (P || (P = Promise))(function (resolve, reject) {\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\n    });\n};\nvar __generator = (undefined && undefined.__generator) || function (thisArg, body) {\n    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\n    return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\n    function verb(n) { return function (v) { return step([n, v]); }; }\n    function step(op) {\n        if (f) throw new TypeError(\"Generator is already executing.\");\n        while (g && (g = 0, op[0] && (_ = 0)), _) try {\n            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;\n            if (y = 0, t) op = [op[0] & 2, t.value];\n            switch (op[0]) {\n                case 0: case 1: t = op; break;\n                case 4: _.label++; return { value: op[1], done: false };\n                case 5: _.label++; y = op[1]; op = [0]; continue;\n                case 7: op = _.ops.pop(); _.trys.pop(); continue;\n                default:\n                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\n                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\n                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\n                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\n                    if (t[2]) _.ops.pop();\n                    _.trys.pop(); continue;\n            }\n            op = body.call(thisArg, _);\n        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\n        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\n    }\n};\n/*\nconst configApp = {\n    APPLICATION_ID: 75949,+\n    AUTH_KEY: \"DdS7zxMEm5Q7DaS\",\n    AUTH_SECRET: \"g88RhdOjnDOqFkv\",+\n    ACCOUNT_KEY: \"uK_8uinNyz8-npTNB6tx\",+\n};\n */\nvar QBConfig = {\n    credentials: {\n        appId: 0,\n        accountKey: '',\n        authKey: '',\n        authSecret: '',\n        sessionToken: '',\n    },\n    appConfig: {\n        maxFileSize: 90 * 1000000,\n        chatProtocol: {\n            active: 2,\n        },\n        debug: {\n            mode: 0,\n            file: null,\n        },\n        endpoints: {\n            api: 'api.quickblox.com',\n            chat: 'chat.quickblox.com',\n        },\n        on: {\n            // eslint-disable-next-line @typescript-eslint/no-unused-vars,@typescript-eslint/require-await\n            sessionExpired: function (handleResponse, retry) {\n                return __awaiter(this, void 0, void 0, function () {\n                    return __generator(this, function (_a) {\n                        // eslint-disable-next-line @typescript-eslint/restrict-template-expressions\n                        console.log(\"Test sessionExpired....\".concat(handleResponse, \" \").concat(retry));\n                        return [2 /*return*/];\n                    });\n                });\n            },\n        },\n        streamManagement: {\n            enable: true,\n        },\n    },\n};\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/QBconfig.ts?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"QBConfig\": function() { return /* binding */ QBConfig; }\n/* harmony export */ });\nvar __awaiter = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n    return new (P || (P = Promise))(function (resolve, reject) {\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\n    });\n};\nvar __generator = (undefined && undefined.__generator) || function (thisArg, body) {\n    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\n    return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\n    function verb(n) { return function (v) { return step([n, v]); }; }\n    function step(op) {\n        if (f) throw new TypeError(\"Generator is already executing.\");\n        while (g && (g = 0, op[0] && (_ = 0)), _) try {\n            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;\n            if (y = 0, t) op = [op[0] & 2, t.value];\n            switch (op[0]) {\n                case 0: case 1: t = op; break;\n                case 4: _.label++; return { value: op[1], done: false };\n                case 5: _.label++; y = op[1]; op = [0]; continue;\n                case 7: op = _.ops.pop(); _.trys.pop(); continue;\n                default:\n                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\n                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\n                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\n                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\n                    if (t[2]) _.ops.pop();\n                    _.trys.pop(); continue;\n            }\n            op = body.call(thisArg, _);\n        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\n        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\n    }\n};\nvar QBConfig = {\n    credentials: {\n        appId: -1,\n        accountKey: '',\n        authKey: '',\n        authSecret: '',\n        sessionToken: '',\n    },\n    appConfig: {\n        maxFileSize: 1 * 1024 * 1024,\n        chatProtocol: {\n            active: 2,\n        },\n        debug: {\n            mode: 0,\n            file: null,\n        },\n        endpoints: {\n            api: 'api.quickblox.com',\n            chat: 'chat.quickblox.com',\n        },\n        on: {\n            // eslint-disable-next-line @typescript-eslint/no-unused-vars,@typescript-eslint/require-await\n            sessionExpired: function (handleResponse, retry) {\n                return __awaiter(this, void 0, void 0, function () {\n                    return __generator(this, function (_a) {\n                        // eslint-disable-next-line @typescript-eslint/restrict-template-expressions\n                        console.log(\"Test sessionExpired....\".concat(handleResponse, \" \").concat(retry));\n                        return [2 /*return*/];\n                    });\n                });\n            },\n        },\n        streamManagement: {\n            enable: true,\n        },\n    },\n};\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/QBconfig.ts?");
 
 /***/ }),
 
@@ -2456,7 +2412,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"BaseViewModel\": function() { return /* reexport safe */ _Presentation_Views_Base_BaseViewModel__WEBPACK_IMPORTED_MODULE_19__[\"default\"]; },\n/* harmony export */   \"DesktopLayoutForMockModels\": function() { return /* reexport safe */ _Presentation_components_layouts_Desktop_DesktopLayoutForMockModels__WEBPACK_IMPORTED_MODULE_15__[\"default\"]; },\n/* harmony export */   \"DialogInformation\": function() { return /* reexport safe */ _Presentation_components_UI_Dialogs_DialogInformation_DialogInformation__WEBPACK_IMPORTED_MODULE_18__[\"default\"]; },\n/* harmony export */   \"DialogsComponent\": function() { return /* reexport safe */ _Presentation_Views_Dialogs_Dialogs__WEBPACK_IMPORTED_MODULE_16__[\"default\"]; },\n/* harmony export */   \"EventMessageType\": function() { return /* reexport safe */ _Domain_entity_EventMessageType__WEBPACK_IMPORTED_MODULE_12__[\"default\"]; },\n/* harmony export */   \"LocalDataSource\": function() { return /* reexport safe */ _Data_source_local_LocalDataSource__WEBPACK_IMPORTED_MODULE_5__.LocalDataSource; },\n/* harmony export */   \"MainButton\": function() { return /* reexport safe */ _Presentation_components_UI_Buttons_MainButton_MainButton__WEBPACK_IMPORTED_MODULE_1__[\"default\"]; },\n/* harmony export */   \"MessagesView\": function() { return /* reexport safe */ _Presentation_components_UI_Dialogs_MessagesView_MessagesView__WEBPACK_IMPORTED_MODULE_17__[\"default\"]; },\n/* harmony export */   \"MyButton\": function() { return /* reexport safe */ _MyButton_MyButton__WEBPACK_IMPORTED_MODULE_2__[\"default\"]; },\n/* harmony export */   \"MyInput\": function() { return /* reexport safe */ _MyInput_MyInput__WEBPACK_IMPORTED_MODULE_3__[\"default\"]; },\n/* harmony export */   \"NotificationTypes\": function() { return /* reexport safe */ _Domain_entity_NotificationTypes__WEBPACK_IMPORTED_MODULE_13__.NotificationTypes; },\n/* harmony export */   \"Pagination\": function() { return /* reexport safe */ _Domain_repository_Pagination__WEBPACK_IMPORTED_MODULE_11__.Pagination; },\n/* harmony export */   \"QuickBloxUIKitProvider\": function() { return /* reexport safe */ _Presentation_components_providers_QuickBloxUIKitProvider_QuickBloxUIKitProvider__WEBPACK_IMPORTED_MODULE_4__[\"default\"]; },\n/* harmony export */   \"RemoteDataSource\": function() { return /* reexport safe */ _Data_source_remote_RemoteDataSource__WEBPACK_IMPORTED_MODULE_20__.RemoteDataSource; },\n/* harmony export */   \"SubscribeToDialogEventsUseCase\": function() { return /* reexport safe */ _Domain_use_cases_SubscribeToDialogEventsUseCase__WEBPACK_IMPORTED_MODULE_10__.SubscribeToDialogEventsUseCase; },\n/* harmony export */   \"TypeButton\": function() { return /* reexport safe */ _Presentation_components_UI_Buttons_MainButton_MainButton__WEBPACK_IMPORTED_MODULE_1__.TypeButton; },\n/* harmony export */   \"qbDataContext\": function() { return /* reexport safe */ _Presentation_components_providers_QuickBloxUIKitProvider_QuickBloxUIKitProvider__WEBPACK_IMPORTED_MODULE_4__.qbDataContext; },\n/* harmony export */   \"stringifyError\": function() { return /* reexport safe */ _utils_parse__WEBPACK_IMPORTED_MODULE_14__.stringifyError; },\n/* harmony export */   \"useDialogsViewModelWithMockUseCase\": function() { return /* reexport safe */ _Presentation_Views_Dialogs_useDialogsViewModelWithMockUseCase__WEBPACK_IMPORTED_MODULE_9__[\"default\"]; },\n/* harmony export */   \"useEventMessagesRepository\": function() { return /* reexport safe */ _Presentation_components_providers_QuickBloxUIKitProvider_useEventMessagesRepository__WEBPACK_IMPORTED_MODULE_8__[\"default\"]; },\n/* harmony export */   \"useQBConnection\": function() { return /* reexport safe */ _Presentation_components_providers_QuickBloxUIKitProvider_useQBConnection__WEBPACK_IMPORTED_MODULE_6__[\"default\"]; },\n/* harmony export */   \"useQbDataContext\": function() { return /* reexport safe */ _Presentation_components_providers_QuickBloxUIKitProvider_useQbDataContext__WEBPACK_IMPORTED_MODULE_7__[\"default\"]; }\n/* harmony export */ });\n/* harmony import */ var _index_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./index.scss */ \"./src/index.scss\");\n/* harmony import */ var _Presentation_components_UI_Buttons_MainButton_MainButton__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Presentation/components/UI/Buttons/MainButton/MainButton */ \"./src/Presentation/components/UI/Buttons/MainButton/MainButton.tsx\");\n/* harmony import */ var _MyButton_MyButton__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./MyButton/MyButton */ \"./src/MyButton/MyButton.tsx\");\n/* harmony import */ var _MyInput_MyInput__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./MyInput/MyInput */ \"./src/MyInput/MyInput.tsx\");\n/* harmony import */ var _Presentation_components_providers_QuickBloxUIKitProvider_QuickBloxUIKitProvider__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./Presentation/components/providers/QuickBloxUIKitProvider/QuickBloxUIKitProvider */ \"./src/Presentation/components/providers/QuickBloxUIKitProvider/QuickBloxUIKitProvider.tsx\");\n/* harmony import */ var _Data_source_local_LocalDataSource__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./Data/source/local/LocalDataSource */ \"./src/Data/source/local/LocalDataSource.ts\");\n/* harmony import */ var _Presentation_components_providers_QuickBloxUIKitProvider_useQBConnection__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./Presentation/components/providers/QuickBloxUIKitProvider/useQBConnection */ \"./src/Presentation/components/providers/QuickBloxUIKitProvider/useQBConnection.ts\");\n/* harmony import */ var _Presentation_components_providers_QuickBloxUIKitProvider_useQbDataContext__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./Presentation/components/providers/QuickBloxUIKitProvider/useQbDataContext */ \"./src/Presentation/components/providers/QuickBloxUIKitProvider/useQbDataContext.ts\");\n/* harmony import */ var _Presentation_components_providers_QuickBloxUIKitProvider_useEventMessagesRepository__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./Presentation/components/providers/QuickBloxUIKitProvider/useEventMessagesRepository */ \"./src/Presentation/components/providers/QuickBloxUIKitProvider/useEventMessagesRepository.ts\");\n/* harmony import */ var _Presentation_Views_Dialogs_useDialogsViewModelWithMockUseCase__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./Presentation/Views/Dialogs/useDialogsViewModelWithMockUseCase */ \"./src/Presentation/Views/Dialogs/useDialogsViewModelWithMockUseCase.ts\");\n/* harmony import */ var _Domain_use_cases_SubscribeToDialogEventsUseCase__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./Domain/use_cases/SubscribeToDialogEventsUseCase */ \"./src/Domain/use_cases/SubscribeToDialogEventsUseCase.ts\");\n/* harmony import */ var _Domain_repository_Pagination__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./Domain/repository/Pagination */ \"./src/Domain/repository/Pagination.ts\");\n/* harmony import */ var _Domain_entity_EventMessageType__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./Domain/entity/EventMessageType */ \"./src/Domain/entity/EventMessageType.ts\");\n/* harmony import */ var _Domain_entity_NotificationTypes__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./Domain/entity/NotificationTypes */ \"./src/Domain/entity/NotificationTypes.ts\");\n/* harmony import */ var _utils_parse__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./utils/parse */ \"./src/utils/parse.ts\");\n/* harmony import */ var _Presentation_components_layouts_Desktop_DesktopLayoutForMockModels__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./Presentation/components/layouts/Desktop/DesktopLayoutForMockModels */ \"./src/Presentation/components/layouts/Desktop/DesktopLayoutForMockModels.tsx\");\n/* harmony import */ var _Presentation_Views_Dialogs_Dialogs__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./Presentation/Views/Dialogs/Dialogs */ \"./src/Presentation/Views/Dialogs/Dialogs.tsx\");\n/* harmony import */ var _Presentation_components_UI_Dialogs_MessagesView_MessagesView__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./Presentation/components/UI/Dialogs/MessagesView/MessagesView */ \"./src/Presentation/components/UI/Dialogs/MessagesView/MessagesView.tsx\");\n/* harmony import */ var _Presentation_components_UI_Dialogs_DialogInformation_DialogInformation__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./Presentation/components/UI/Dialogs/DialogInformation/DialogInformation */ \"./src/Presentation/components/UI/Dialogs/DialogInformation/DialogInformation.tsx\");\n/* harmony import */ var _Presentation_Views_Base_BaseViewModel__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./Presentation/Views/Base/BaseViewModel */ \"./src/Presentation/Views/Base/BaseViewModel.ts\");\n/* harmony import */ var _Data_source_remote_RemoteDataSource__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./Data/source/remote/RemoteDataSource */ \"./src/Data/source/remote/RemoteDataSource.ts\");\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/index-ui.ts?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"BaseViewModel\": function() { return /* reexport safe */ _Presentation_Views_Base_BaseViewModel__WEBPACK_IMPORTED_MODULE_17__[\"default\"]; },\n/* harmony export */   \"DefaultTheme\": function() { return /* reexport safe */ _Presentation_assets_DefaultThemes_DefaultTheme__WEBPACK_IMPORTED_MODULE_20__[\"default\"]; },\n/* harmony export */   \"DesktopLayout\": function() { return /* reexport safe */ _Presentation_components_layouts_Desktop_DesktopLayout__WEBPACK_IMPORTED_MODULE_13__[\"default\"]; },\n/* harmony export */   \"DialogInformation\": function() { return /* reexport safe */ _Presentation_components_UI_Dialogs_DialogInformation_DialogInformation__WEBPACK_IMPORTED_MODULE_16__[\"default\"]; },\n/* harmony export */   \"DialogsComponent\": function() { return /* reexport safe */ _Presentation_Views_Dialogs_Dialogs__WEBPACK_IMPORTED_MODULE_14__[\"default\"]; },\n/* harmony export */   \"EventMessageType\": function() { return /* reexport safe */ _Domain_entity_EventMessageType__WEBPACK_IMPORTED_MODULE_10__[\"default\"]; },\n/* harmony export */   \"LocalDataSource\": function() { return /* reexport safe */ _Data_source_local_LocalDataSource__WEBPACK_IMPORTED_MODULE_3__.LocalDataSource; },\n/* harmony export */   \"MainButton\": function() { return /* reexport safe */ _Presentation_components_UI_Buttons_MainButton_MainButton__WEBPACK_IMPORTED_MODULE_1__[\"default\"]; },\n/* harmony export */   \"MessagesView\": function() { return /* reexport safe */ _Presentation_components_UI_Dialogs_MessagesView_MessagesView__WEBPACK_IMPORTED_MODULE_15__[\"default\"]; },\n/* harmony export */   \"NotificationTypes\": function() { return /* reexport safe */ _Domain_entity_NotificationTypes__WEBPACK_IMPORTED_MODULE_11__.NotificationTypes; },\n/* harmony export */   \"Pagination\": function() { return /* reexport safe */ _Domain_repository_Pagination__WEBPACK_IMPORTED_MODULE_9__.Pagination; },\n/* harmony export */   \"QuickBloxUIKitDesktopLayout\": function() { return /* reexport safe */ _Presentation_components_layouts_Desktop_QuickBloxUIKitDesktopLayout__WEBPACK_IMPORTED_MODULE_19__[\"default\"]; },\n/* harmony export */   \"QuickBloxUIKitProvider\": function() { return /* reexport safe */ _Presentation_components_providers_QuickBloxUIKitProvider_QuickBloxUIKitProvider__WEBPACK_IMPORTED_MODULE_2__[\"default\"]; },\n/* harmony export */   \"RemoteDataSource\": function() { return /* reexport safe */ _Data_source_remote_RemoteDataSource__WEBPACK_IMPORTED_MODULE_18__.RemoteDataSource; },\n/* harmony export */   \"SubscribeToDialogEventsUseCase\": function() { return /* reexport safe */ _Domain_use_cases_SubscribeToDialogEventsUseCase__WEBPACK_IMPORTED_MODULE_8__.SubscribeToDialogEventsUseCase; },\n/* harmony export */   \"TypeButton\": function() { return /* reexport safe */ _Presentation_components_UI_Buttons_MainButton_MainButton__WEBPACK_IMPORTED_MODULE_1__.TypeButton; },\n/* harmony export */   \"qbDataContext\": function() { return /* reexport safe */ _Presentation_components_providers_QuickBloxUIKitProvider_QuickBloxUIKitProvider__WEBPACK_IMPORTED_MODULE_2__.qbDataContext; },\n/* harmony export */   \"stringifyError\": function() { return /* reexport safe */ _utils_parse__WEBPACK_IMPORTED_MODULE_12__.stringifyError; },\n/* harmony export */   \"useDialogsViewModel\": function() { return /* reexport safe */ _Presentation_Views_Dialogs_useDialogsViewModel__WEBPACK_IMPORTED_MODULE_7__[\"default\"]; },\n/* harmony export */   \"useEventMessagesRepository\": function() { return /* reexport safe */ _Presentation_components_providers_QuickBloxUIKitProvider_useEventMessagesRepository__WEBPACK_IMPORTED_MODULE_6__[\"default\"]; },\n/* harmony export */   \"useQBConnection\": function() { return /* reexport safe */ _Presentation_components_providers_QuickBloxUIKitProvider_useQBConnection__WEBPACK_IMPORTED_MODULE_4__[\"default\"]; },\n/* harmony export */   \"useQbDataContext\": function() { return /* reexport safe */ _Presentation_components_providers_QuickBloxUIKitProvider_useQbDataContext__WEBPACK_IMPORTED_MODULE_5__[\"default\"]; }\n/* harmony export */ });\n/* harmony import */ var _index_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./index.scss */ \"./src/index.scss\");\n/* harmony import */ var _Presentation_components_UI_Buttons_MainButton_MainButton__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Presentation/components/UI/Buttons/MainButton/MainButton */ \"./src/Presentation/components/UI/Buttons/MainButton/MainButton.tsx\");\n/* harmony import */ var _Presentation_components_providers_QuickBloxUIKitProvider_QuickBloxUIKitProvider__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Presentation/components/providers/QuickBloxUIKitProvider/QuickBloxUIKitProvider */ \"./src/Presentation/components/providers/QuickBloxUIKitProvider/QuickBloxUIKitProvider.tsx\");\n/* harmony import */ var _Data_source_local_LocalDataSource__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Data/source/local/LocalDataSource */ \"./src/Data/source/local/LocalDataSource.ts\");\n/* harmony import */ var _Presentation_components_providers_QuickBloxUIKitProvider_useQBConnection__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./Presentation/components/providers/QuickBloxUIKitProvider/useQBConnection */ \"./src/Presentation/components/providers/QuickBloxUIKitProvider/useQBConnection.ts\");\n/* harmony import */ var _Presentation_components_providers_QuickBloxUIKitProvider_useQbDataContext__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./Presentation/components/providers/QuickBloxUIKitProvider/useQbDataContext */ \"./src/Presentation/components/providers/QuickBloxUIKitProvider/useQbDataContext.ts\");\n/* harmony import */ var _Presentation_components_providers_QuickBloxUIKitProvider_useEventMessagesRepository__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./Presentation/components/providers/QuickBloxUIKitProvider/useEventMessagesRepository */ \"./src/Presentation/components/providers/QuickBloxUIKitProvider/useEventMessagesRepository.ts\");\n/* harmony import */ var _Presentation_Views_Dialogs_useDialogsViewModel__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./Presentation/Views/Dialogs/useDialogsViewModel */ \"./src/Presentation/Views/Dialogs/useDialogsViewModel.ts\");\n/* harmony import */ var _Domain_use_cases_SubscribeToDialogEventsUseCase__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./Domain/use_cases/SubscribeToDialogEventsUseCase */ \"./src/Domain/use_cases/SubscribeToDialogEventsUseCase.ts\");\n/* harmony import */ var _Domain_repository_Pagination__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./Domain/repository/Pagination */ \"./src/Domain/repository/Pagination.ts\");\n/* harmony import */ var _Domain_entity_EventMessageType__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./Domain/entity/EventMessageType */ \"./src/Domain/entity/EventMessageType.ts\");\n/* harmony import */ var _Domain_entity_NotificationTypes__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./Domain/entity/NotificationTypes */ \"./src/Domain/entity/NotificationTypes.ts\");\n/* harmony import */ var _utils_parse__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./utils/parse */ \"./src/utils/parse.ts\");\n/* harmony import */ var _Presentation_components_layouts_Desktop_DesktopLayout__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./Presentation/components/layouts/Desktop/DesktopLayout */ \"./src/Presentation/components/layouts/Desktop/DesktopLayout.tsx\");\n/* harmony import */ var _Presentation_Views_Dialogs_Dialogs__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./Presentation/Views/Dialogs/Dialogs */ \"./src/Presentation/Views/Dialogs/Dialogs.tsx\");\n/* harmony import */ var _Presentation_components_UI_Dialogs_MessagesView_MessagesView__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./Presentation/components/UI/Dialogs/MessagesView/MessagesView */ \"./src/Presentation/components/UI/Dialogs/MessagesView/MessagesView.tsx\");\n/* harmony import */ var _Presentation_components_UI_Dialogs_DialogInformation_DialogInformation__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./Presentation/components/UI/Dialogs/DialogInformation/DialogInformation */ \"./src/Presentation/components/UI/Dialogs/DialogInformation/DialogInformation.tsx\");\n/* harmony import */ var _Presentation_Views_Base_BaseViewModel__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./Presentation/Views/Base/BaseViewModel */ \"./src/Presentation/Views/Base/BaseViewModel.ts\");\n/* harmony import */ var _Data_source_remote_RemoteDataSource__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./Data/source/remote/RemoteDataSource */ \"./src/Data/source/remote/RemoteDataSource.ts\");\n/* harmony import */ var _Presentation_components_layouts_Desktop_QuickBloxUIKitDesktopLayout__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./Presentation/components/layouts/Desktop/QuickBloxUIKitDesktopLayout */ \"./src/Presentation/components/layouts/Desktop/QuickBloxUIKitDesktopLayout.tsx\");\n/* harmony import */ var _Presentation_assets_DefaultThemes_DefaultTheme__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./Presentation/assets/ DefaultThemes/DefaultTheme */ \"./src/Presentation/assets/ DefaultThemes/DefaultTheme.ts\");\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/index-ui.ts?");
 
 /***/ }),