quickblox-react-ui-kit 0.2.0 → 0.2.2

package/dist/index-ui.js

@@ -124,7 +124,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___CSS_LOADER_EXPORT___.push([module.id, \"@import url(https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,400;0,500;0,700;1,700&display=swap);\"]);\n___CSS_LOADER_EXPORT___.push([module.id, \"@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600;700&display=swap);\"]);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \"@charset \\\"UTF-8\\\";\\n/* http://meyerweb.com/eric/tools/css/reset/\\n   v2.0-modified | 20110126\\n   License: none (public domain)\\n*/\\nhtml, body, div, span, applet, object, iframe,\\nh1, h2, h3, h4, h5, h6, p, blockquote, pre,\\na, abbr, acronym, address, big, cite, code,\\ndel, dfn, em, img, ins, kbd, q, s, samp,\\nsmall, strike, strong, sub, sup, tt, var,\\nb, u, i, center,\\ndl, dt, dd, ol, ul, li,\\nfieldset, form, label, legend,\\ntable, caption, tbody, tfoot, thead, tr, th, td,\\narticle, aside, canvas, details, embed,\\nfigure, figcaption, footer, header, hgroup,\\nmenu, nav, output, ruby, section, summary,\\ntime, mark, audio, video {\\n  margin: 0;\\n  padding: 0;\\n  border: 0;\\n  font-size: 100%;\\n  font: inherit;\\n  vertical-align: baseline;\\n}\\n\\n/* make sure to set some focus styles for accessibility */\\n:focus {\\n  outline: 0;\\n}\\n\\n/* HTML5 display-role reset for older browsers */\\narticle, aside, details, figcaption, figure,\\nfooter, header, hgroup, menu, nav, section {\\n  display: block;\\n}\\n\\nbody {\\n  line-height: 1;\\n}\\n\\nol, ul {\\n  list-style: none;\\n}\\n\\nblockquote, q {\\n  quotes: none;\\n}\\n\\nblockquote:before, blockquote:after,\\nq:before, q:after {\\n  content: \\\"\\\";\\n  content: none;\\n}\\n\\ntable {\\n  border-collapse: collapse;\\n  border-spacing: 0;\\n}\\n\\ninput[type=search]::-webkit-search-cancel-button,\\ninput[type=search]::-webkit-search-decoration,\\ninput[type=search]::-webkit-search-results-button,\\ninput[type=search]::-webkit-search-results-decoration {\\n  -webkit-appearance: none;\\n  -moz-appearance: none;\\n}\\n\\ninput[type=search] {\\n  -webkit-appearance: none;\\n  -moz-appearance: none;\\n  -webkit-box-sizing: content-box;\\n  -moz-box-sizing: content-box;\\n  box-sizing: content-box;\\n}\\n\\ntextarea {\\n  overflow: auto;\\n  vertical-align: top;\\n  resize: vertical;\\n}\\n\\n/**\\n * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.\\n */\\naudio,\\ncanvas,\\nvideo {\\n  display: inline-block;\\n  *display: inline;\\n  *zoom: 1;\\n  max-width: 100%;\\n}\\n\\n/**\\n * Prevent modern browsers from displaying `audio` without controls.\\n * Remove excess height in iOS 5 devices.\\n */\\naudio:not([controls]) {\\n  display: none;\\n  height: 0;\\n}\\n\\n/**\\n * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.\\n * Known issue: no IE 6 support.\\n */\\n[hidden] {\\n  display: none;\\n}\\n\\n/**\\n * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using\\n *    `em` units.\\n * 2. Prevent iOS text size adjust after orientation change, without disabling\\n *    user zoom.\\n */\\nhtml {\\n  font-size: 100%; /* 1 */\\n  -webkit-text-size-adjust: 100%; /* 2 */\\n  -ms-text-size-adjust: 100%; /* 2 */\\n}\\n\\n/**\\n * Address `outline` inconsistency between Chrome and other browsers.\\n */\\na:focus {\\n  outline: thin dotted;\\n}\\n\\n/**\\n * Improve readability when focused and also mouse hovered in all browsers.\\n */\\na:active,\\na:hover {\\n  outline: 0;\\n}\\n\\n/**\\n * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.\\n * 2. Improve image quality when scaled in IE 7.\\n */\\nimg {\\n  border: 0; /* 1 */\\n  -ms-interpolation-mode: bicubic; /* 2 */\\n}\\n\\n/**\\n * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.\\n */\\nfigure {\\n  margin: 0;\\n}\\n\\n/**\\n * Correct margin displayed oddly in IE 6/7.\\n */\\nform {\\n  margin: 0;\\n}\\n\\n/**\\n * Define consistent border, margin, and padding.\\n */\\nfieldset {\\n  border: 1px solid #c0c0c0;\\n  margin: 0 2px;\\n  padding: 0.35em 0.625em 0.75em;\\n}\\n\\n/**\\n * 1. Correct color not being inherited in IE 6/7/8/9.\\n * 2. Correct text not wrapping in Firefox 3.\\n * 3. Correct alignment displayed oddly in IE 6/7.\\n */\\nlegend {\\n  border: 0; /* 1 */\\n  padding: 0;\\n  white-space: normal; /* 2 */\\n  *margin-left: -7px; /* 3 */\\n}\\n\\n/**\\n * 1. Correct font size not being inherited in all browsers.\\n * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,\\n *    and Chrome.\\n * 3. Improve appearance and consistency in all browsers.\\n */\\nbutton,\\ninput,\\nselect,\\ntextarea {\\n  font-size: 100%; /* 1 */\\n  margin: 0; /* 2 */\\n  vertical-align: baseline; /* 3 */\\n  *vertical-align: middle; /* 3 */\\n}\\n\\n/**\\n * Address Firefox 3+ setting `line-height` on `input` using `!important` in\\n * the UA stylesheet.\\n */\\nbutton,\\ninput {\\n  line-height: normal;\\n}\\n\\n/**\\n * Address inconsistent `text-transform` inheritance for `button` and `select`.\\n * All other form control elements do not inherit `text-transform` values.\\n * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.\\n * Correct `select` style inheritance in Firefox 4+ and Opera.\\n */\\nbutton,\\nselect {\\n  text-transform: none;\\n}\\n\\n/**\\n * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`\\n *    and `video` controls.\\n * 2. Correct inability to style clickable `input` types in iOS.\\n * 3. Improve usability and consistency of cursor style between image-type\\n *    `input` and others.\\n * 4. Remove inner spacing in IE 7 without affecting normal text inputs.\\n *    Known issue: inner spacing remains in IE 6.\\n */\\nbutton,\\nhtml input[type=button],\\ninput[type=reset],\\ninput[type=submit] {\\n  -webkit-appearance: button; /* 2 */\\n  cursor: pointer; /* 3 */\\n  *overflow: visible; /* 4 */\\n}\\n\\n/**\\n * Re-set default cursor for disabled elements.\\n */\\nbutton[disabled],\\nhtml input[disabled] {\\n  cursor: default;\\n}\\n\\n/**\\n * 1. Address box sizing set to content-box in IE 8/9.\\n * 2. Remove excess padding in IE 8/9.\\n * 3. Remove excess padding in IE 7.\\n *    Known issue: excess padding remains in IE 6.\\n */\\ninput[type=checkbox],\\ninput[type=radio] {\\n  box-sizing: border-box; /* 1 */\\n  padding: 0; /* 2 */\\n  *height: 13px; /* 3 */\\n  *width: 13px; /* 3 */\\n}\\n\\n/**\\n * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.\\n * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome\\n *    (include `-moz` to future-proof).\\n */\\ninput[type=search] {\\n  -webkit-appearance: textfield; /* 1 */\\n  -moz-box-sizing: content-box;\\n  -webkit-box-sizing: content-box; /* 2 */\\n  box-sizing: content-box;\\n}\\n\\n/**\\n * Remove inner padding and search cancel button in Safari 5 and Chrome\\n * on OS X.\\n */\\ninput[type=search]::-webkit-search-cancel-button,\\ninput[type=search]::-webkit-search-decoration {\\n  -webkit-appearance: none;\\n}\\n\\n/**\\n * Remove inner padding and border in Firefox 3+.\\n */\\nbutton::-moz-focus-inner,\\ninput::-moz-focus-inner {\\n  border: 0;\\n  padding: 0;\\n}\\n\\n/**\\n * 1. Remove default vertical scrollbar in IE 6/7/8/9.\\n * 2. Improve readability and alignment in all browsers.\\n */\\ntextarea {\\n  overflow: auto; /* 1 */\\n  vertical-align: top; /* 2 */\\n}\\n\\n/**\\n * Remove most spacing between table cells.\\n */\\ntable {\\n  border-collapse: collapse;\\n  border-spacing: 0;\\n}\\n\\nhtml,\\nbutton,\\ninput,\\nselect,\\ntextarea {\\n  color: #222;\\n}\\n\\n::-moz-selection {\\n  background: #b3d4fc;\\n  text-shadow: none;\\n}\\n\\n::selection {\\n  background: #b3d4fc;\\n  text-shadow: none;\\n}\\n\\nimg {\\n  vertical-align: middle;\\n}\\n\\nfieldset {\\n  border: 0;\\n  margin: 0;\\n  padding: 0;\\n}\\n\\ntextarea {\\n  resize: vertical;\\n}\\n\\n.chromeframe {\\n  margin: 0.2em 0;\\n  background: #ccc;\\n  color: #000;\\n  padding: 0.2em 0;\\n}\\n\\n* {\\n  padding: 0;\\n  margin: 0;\\n  border: 0;\\n}\\n\\n*, *:before, *:after {\\n  -moz-box-sizing: border-box;\\n  -webkit-box-sizing: border-box;\\n  box-sizing: border-box;\\n}\\n\\n:focus, :active {\\n  outline: none;\\n}\\n\\na:focus, a:active {\\n  outline: none;\\n}\\n\\nnav, footer, header, aside {\\n  display: block;\\n}\\n\\nhtml, body {\\n  height: 100%;\\n  width: 100%;\\n  font-size: 100%;\\n  line-height: 1;\\n  font-size: 14px;\\n  -ms-text-size-adjust: 100%;\\n  -moz-text-size-adjust: 100%;\\n  -webkit-text-size-adjust: 100%;\\n}\\n\\ninput, button, textarea {\\n  font-family: inherit;\\n}\\n\\ninput::-ms-clear {\\n  display: none;\\n}\\n\\nbutton {\\n  cursor: pointer;\\n}\\n\\nbutton::-moz-focus-inner {\\n  padding: 0;\\n  border: 0;\\n}\\n\\na, a:visited {\\n  text-decoration: none;\\n}\\n\\nul li {\\n  list-style: none;\\n}\\n\\nimg {\\n  vertical-align: top;\\n}\\n\\nh1, h2, h3, h4, h5, h6 {\\n  font-size: inherit;\\n  font-weight: 400;\\n}\\n\\n/*\\n@font-face {\\n  font-family: \\\"Roboto-Regular\\\";\\n  src: url(\\\"../fonts/Roboto-Regular.eot\\\");\\n  src: local(\\\"☺\\\"), url(\\\"../fonts/Roboto-Regular.woff\\\") format(\\\"woff\\\"),\\n  url(\\\"../fonts/Roboto-Regular.ttf\\\") format(\\\"truetype\\\");\\n  font-weight: normal;\\n  font-style: normal;\\n}\\n\\n@font-face {\\n  font-family: \\\"Roboto-Medium\\\";\\n  src: url(\\\"../fonts/Roboto-Medium.eot\\\");\\n  src: local(\\\"☺\\\"), url(\\\"../fonts/Roboto-Medium.woff\\\") format(\\\"woff\\\"),\\n  url(\\\"../fonts/Roboto-Medium.ttf\\\") format(\\\"truetype\\\");\\n  font-weight: normal;\\n  font-style: normal;\\n}\\n\\n@font-face {\\n  font-family: \\\"Roboto-Bold\\\";\\n  src: url(\\\"../fonts/Roboto-Bold.eot\\\");\\n  src: local(\\\"☺\\\"), url(\\\"../fonts/Roboto-Bold.woff\\\") format(\\\"woff\\\"),\\n  url(\\\"../fonts/Roboto-Bold.ttf\\\") format(\\\"truetype\\\");\\n  font-weight: normal;\\n  font-style: normal;\\n}\\n*/\\n:root {\\n  --primary: #3978FC;\\n  --color-background: #FFFFFF;\\n  --color-background-modal: #C4D7FE;\\n  --color-background-overlay: #0B121B;\\n  --color-divider: #E7EFFF;\\n  --color-font: #0B121B;\\n  --color-icon: #3978FC;\\n  --color-background-info:#C4D7FE;\\n  --tertiary-elements: #636D78;\\n  --main-elements: #3978FC;\\n  --secondary-elements: #202F3E;\\n  --input-elements: #202F3E;\\n  --disabled-elements: #BCC1C5;\\n  --field-border: #90979F;\\n  --main-text: #0B121B;\\n  --secondary-text: #636D78;\\n  --caption: #90979F;\\n  --main-background: #FFFFFF;\\n  --secondary-background: #FFFFFF;\\n  --secondary-background-modal: rgba(19, 29, 40, 0.8);\\n  --incoming-background: #E4E6E8;\\n  --outgoing-background: #E7EFFF;\\n  --dropdown-background: #FFFFFF;\\n  --chat-input: #F7F9FF;\\n  --divider: #E7EFFF;\\n  --error: #FF3B30;\\n  --hightlight: #FFFDC1;\\n}\\n\\nhtml[data-theme=dark] {\\n  --primary: #3978FC;\\n  --color-background: #0B121B;\\n  --color-background-modal: #131D28;\\n  --color-background-overlay: #0B121B;\\n  --color-divider: #414E5B;\\n  --color-font: #FFFFFF;\\n  --color-icon: #74A1FD;\\n  --color-background-info: #3978FC;\\n  --tertiary-elements: rgba(144, 151, 159, 0.8);\\n  --main-elements: #74A1FD;\\n  --secondary-elements: #FFFFFF;\\n  --input-elements: #90979F;\\n  --disabled-elements: #636D78;\\n  --field-border: #90979F;\\n  --main-text: #FFFFFF;\\n  --secondary-text: #90979F;\\n  --caption: #BCC1C5;\\n  --main-background: #202F3E;\\n  --secondary-background: #131D28;\\n  --incoming-background: #414E5B;\\n  --outgoing-background: #3978FC;\\n  --dropdown-background: #414E5B;\\n  --chat-input: #131D28;\\n  --divider: #414E5B;\\n  --error: #FF766E;\\n  --hightlight: #FFFDC1;\\n}\\n\\n* {\\n  box-sizing: border-box;\\n}\\n\\nbody {\\n  font-family: \\\"Roboto\\\";\\n  color: var(--main-text);\\n  background-color: var(--main-background);\\n  overflow: hidden !important;\\n  scrollbar-width: none !important;\\n  max-height: 810px;\\n  max-width: 1380px;\\n}\\n\\n.header-dialogs-container {\\n  display: flex;\\n  height: 64px;\\n  gap: 0 30px;\\n  padding: 16px 16px 16px 20px;\\n}\\n.header-dialogs-container--title_wrapper {\\n  font-family: \\\"Roboto\\\";\\n  font-style: normal;\\n  font-weight: 500;\\n  font-size: 20px;\\n  line-height: 24px;\\n  letter-spacing: 0.0015em;\\n  width: 180px;\\n  text-align: left;\\n  text-overflow: ellipsis;\\n  white-space: nowrap;\\n  overflow: hidden;\\n}\\n.header-dialogs-container__buttons {\\n  display: flex;\\n  align-items: center;\\n  gap: 29px;\\n  background: none;\\n  color: var(--color-icon);\\n}\\n.header-dialogs-container__buttons svg {\\n  width: 32px;\\n  height: 32px;\\n  viewBox: 0 0 32px 32px;\\n}\\n.header-dialogs-container__buttons svg path {\\n  fill: var(--color-icon);\\n}\\n\\n.header-dialogs {\\n  border: 1px solid var(--color-divider);\\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/HeaderDialogs/HeaderDialogs.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___CSS_LOADER_EXPORT___.push([module.id, \"@import url(https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,400;0,500;0,700;1,700&display=swap);\"]);\n___CSS_LOADER_EXPORT___.push([module.id, \"@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600;700&display=swap);\"]);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \"@charset \\\"UTF-8\\\";\\n/* http://meyerweb.com/eric/tools/css/reset/\\n   v2.0-modified | 20110126\\n   License: none (public domain)\\n*/\\nhtml, body, div, span, applet, object, iframe,\\nh1, h2, h3, h4, h5, h6, p, blockquote, pre,\\na, abbr, acronym, address, big, cite, code,\\ndel, dfn, em, img, ins, kbd, q, s, samp,\\nsmall, strike, strong, sub, sup, tt, var,\\nb, u, i, center,\\ndl, dt, dd, ol, ul, li,\\nfieldset, form, label, legend,\\ntable, caption, tbody, tfoot, thead, tr, th, td,\\narticle, aside, canvas, details, embed,\\nfigure, figcaption, footer, header, hgroup,\\nmenu, nav, output, ruby, section, summary,\\ntime, mark, audio, video {\\n  margin: 0;\\n  padding: 0;\\n  border: 0;\\n  font-size: 100%;\\n  font: inherit;\\n  vertical-align: baseline;\\n}\\n\\n/* make sure to set some focus styles for accessibility */\\n:focus {\\n  outline: 0;\\n}\\n\\n/* HTML5 display-role reset for older browsers */\\narticle, aside, details, figcaption, figure,\\nfooter, header, hgroup, menu, nav, section {\\n  display: block;\\n}\\n\\nbody {\\n  line-height: 1;\\n}\\n\\nol, ul {\\n  list-style: none;\\n}\\n\\nblockquote, q {\\n  quotes: none;\\n}\\n\\nblockquote:before, blockquote:after,\\nq:before, q:after {\\n  content: \\\"\\\";\\n  content: none;\\n}\\n\\ntable {\\n  border-collapse: collapse;\\n  border-spacing: 0;\\n}\\n\\ninput[type=search]::-webkit-search-cancel-button,\\ninput[type=search]::-webkit-search-decoration,\\ninput[type=search]::-webkit-search-results-button,\\ninput[type=search]::-webkit-search-results-decoration {\\n  -webkit-appearance: none;\\n  -moz-appearance: none;\\n}\\n\\ninput[type=search] {\\n  -webkit-appearance: none;\\n  -moz-appearance: none;\\n  -webkit-box-sizing: content-box;\\n  -moz-box-sizing: content-box;\\n  box-sizing: content-box;\\n}\\n\\ntextarea {\\n  overflow: auto;\\n  vertical-align: top;\\n  resize: vertical;\\n}\\n\\n/**\\n * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.\\n */\\naudio,\\ncanvas,\\nvideo {\\n  display: inline-block;\\n  *display: inline;\\n  *zoom: 1;\\n  max-width: 100%;\\n}\\n\\n/**\\n * Prevent modern browsers from displaying `audio` without controls.\\n * Remove excess height in iOS 5 devices.\\n */\\naudio:not([controls]) {\\n  display: none;\\n  height: 0;\\n}\\n\\n/**\\n * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.\\n * Known issue: no IE 6 support.\\n */\\n[hidden] {\\n  display: none;\\n}\\n\\n/**\\n * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using\\n *    `em` units.\\n * 2. Prevent iOS text size adjust after orientation change, without disabling\\n *    user zoom.\\n */\\nhtml {\\n  font-size: 100%; /* 1 */\\n  -webkit-text-size-adjust: 100%; /* 2 */\\n  -ms-text-size-adjust: 100%; /* 2 */\\n}\\n\\n/**\\n * Address `outline` inconsistency between Chrome and other browsers.\\n */\\na:focus {\\n  outline: thin dotted;\\n}\\n\\n/**\\n * Improve readability when focused and also mouse hovered in all browsers.\\n */\\na:active,\\na:hover {\\n  outline: 0;\\n}\\n\\n/**\\n * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.\\n * 2. Improve image quality when scaled in IE 7.\\n */\\nimg {\\n  border: 0; /* 1 */\\n  -ms-interpolation-mode: bicubic; /* 2 */\\n}\\n\\n/**\\n * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.\\n */\\nfigure {\\n  margin: 0;\\n}\\n\\n/**\\n * Correct margin displayed oddly in IE 6/7.\\n */\\nform {\\n  margin: 0;\\n}\\n\\n/**\\n * Define consistent border, margin, and padding.\\n */\\nfieldset {\\n  border: 1px solid #c0c0c0;\\n  margin: 0 2px;\\n  padding: 0.35em 0.625em 0.75em;\\n}\\n\\n/**\\n * 1. Correct color not being inherited in IE 6/7/8/9.\\n * 2. Correct text not wrapping in Firefox 3.\\n * 3. Correct alignment displayed oddly in IE 6/7.\\n */\\nlegend {\\n  border: 0; /* 1 */\\n  padding: 0;\\n  white-space: normal; /* 2 */\\n  *margin-left: -7px; /* 3 */\\n}\\n\\n/**\\n * 1. Correct font size not being inherited in all browsers.\\n * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,\\n *    and Chrome.\\n * 3. Improve appearance and consistency in all browsers.\\n */\\nbutton,\\ninput,\\nselect,\\ntextarea {\\n  font-size: 100%; /* 1 */\\n  margin: 0; /* 2 */\\n  vertical-align: baseline; /* 3 */\\n  *vertical-align: middle; /* 3 */\\n}\\n\\n/**\\n * Address Firefox 3+ setting `line-height` on `input` using `!important` in\\n * the UA stylesheet.\\n */\\nbutton,\\ninput {\\n  line-height: normal;\\n}\\n\\n/**\\n * Address inconsistent `text-transform` inheritance for `button` and `select`.\\n * All other form control elements do not inherit `text-transform` values.\\n * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.\\n * Correct `select` style inheritance in Firefox 4+ and Opera.\\n */\\nbutton,\\nselect {\\n  text-transform: none;\\n}\\n\\n/**\\n * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`\\n *    and `video` controls.\\n * 2. Correct inability to style clickable `input` types in iOS.\\n * 3. Improve usability and consistency of cursor style between image-type\\n *    `input` and others.\\n * 4. Remove inner spacing in IE 7 without affecting normal text inputs.\\n *    Known issue: inner spacing remains in IE 6.\\n */\\nbutton,\\nhtml input[type=button],\\ninput[type=reset],\\ninput[type=submit] {\\n  -webkit-appearance: button; /* 2 */\\n  cursor: pointer; /* 3 */\\n  *overflow: visible; /* 4 */\\n}\\n\\n/**\\n * Re-set default cursor for disabled elements.\\n */\\nbutton[disabled],\\nhtml input[disabled] {\\n  cursor: default;\\n}\\n\\n/**\\n * 1. Address box sizing set to content-box in IE 8/9.\\n * 2. Remove excess padding in IE 8/9.\\n * 3. Remove excess padding in IE 7.\\n *    Known issue: excess padding remains in IE 6.\\n */\\ninput[type=checkbox],\\ninput[type=radio] {\\n  box-sizing: border-box; /* 1 */\\n  padding: 0; /* 2 */\\n  *height: 13px; /* 3 */\\n  *width: 13px; /* 3 */\\n}\\n\\n/**\\n * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.\\n * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome\\n *    (include `-moz` to future-proof).\\n */\\ninput[type=search] {\\n  -webkit-appearance: textfield; /* 1 */\\n  -moz-box-sizing: content-box;\\n  -webkit-box-sizing: content-box; /* 2 */\\n  box-sizing: content-box;\\n}\\n\\n/**\\n * Remove inner padding and search cancel button in Safari 5 and Chrome\\n * on OS X.\\n */\\ninput[type=search]::-webkit-search-cancel-button,\\ninput[type=search]::-webkit-search-decoration {\\n  -webkit-appearance: none;\\n}\\n\\n/**\\n * Remove inner padding and border in Firefox 3+.\\n */\\nbutton::-moz-focus-inner,\\ninput::-moz-focus-inner {\\n  border: 0;\\n  padding: 0;\\n}\\n\\n/**\\n * 1. Remove default vertical scrollbar in IE 6/7/8/9.\\n * 2. Improve readability and alignment in all browsers.\\n */\\ntextarea {\\n  overflow: auto; /* 1 */\\n  vertical-align: top; /* 2 */\\n}\\n\\n/**\\n * Remove most spacing between table cells.\\n */\\ntable {\\n  border-collapse: collapse;\\n  border-spacing: 0;\\n}\\n\\nhtml,\\nbutton,\\ninput,\\nselect,\\ntextarea {\\n  color: #222;\\n}\\n\\n::-moz-selection {\\n  background: #b3d4fc;\\n  text-shadow: none;\\n}\\n\\n::selection {\\n  background: #b3d4fc;\\n  text-shadow: none;\\n}\\n\\nimg {\\n  vertical-align: middle;\\n}\\n\\nfieldset {\\n  border: 0;\\n  margin: 0;\\n  padding: 0;\\n}\\n\\ntextarea {\\n  resize: vertical;\\n}\\n\\n.chromeframe {\\n  margin: 0.2em 0;\\n  background: #ccc;\\n  color: #000;\\n  padding: 0.2em 0;\\n}\\n\\n* {\\n  padding: 0;\\n  margin: 0;\\n  border: 0;\\n}\\n\\n*, *:before, *:after {\\n  -moz-box-sizing: border-box;\\n  -webkit-box-sizing: border-box;\\n  box-sizing: border-box;\\n}\\n\\n:focus, :active {\\n  outline: none;\\n}\\n\\na:focus, a:active {\\n  outline: none;\\n}\\n\\nnav, footer, header, aside {\\n  display: block;\\n}\\n\\nhtml, body {\\n  height: 100%;\\n  width: 100%;\\n  font-size: 100%;\\n  line-height: 1;\\n  font-size: 14px;\\n  -ms-text-size-adjust: 100%;\\n  -moz-text-size-adjust: 100%;\\n  -webkit-text-size-adjust: 100%;\\n}\\n\\ninput, button, textarea {\\n  font-family: inherit;\\n}\\n\\ninput::-ms-clear {\\n  display: none;\\n}\\n\\nbutton {\\n  cursor: pointer;\\n}\\n\\nbutton::-moz-focus-inner {\\n  padding: 0;\\n  border: 0;\\n}\\n\\na, a:visited {\\n  text-decoration: none;\\n}\\n\\nul li {\\n  list-style: none;\\n}\\n\\nimg {\\n  vertical-align: top;\\n}\\n\\nh1, h2, h3, h4, h5, h6 {\\n  font-size: inherit;\\n  font-weight: 400;\\n}\\n\\n/*\\n@font-face {\\n  font-family: \\\"Roboto-Regular\\\";\\n  src: url(\\\"../fonts/Roboto-Regular.eot\\\");\\n  src: local(\\\"☺\\\"), url(\\\"../fonts/Roboto-Regular.woff\\\") format(\\\"woff\\\"),\\n  url(\\\"../fonts/Roboto-Regular.ttf\\\") format(\\\"truetype\\\");\\n  font-weight: normal;\\n  font-style: normal;\\n}\\n\\n@font-face {\\n  font-family: \\\"Roboto-Medium\\\";\\n  src: url(\\\"../fonts/Roboto-Medium.eot\\\");\\n  src: local(\\\"☺\\\"), url(\\\"../fonts/Roboto-Medium.woff\\\") format(\\\"woff\\\"),\\n  url(\\\"../fonts/Roboto-Medium.ttf\\\") format(\\\"truetype\\\");\\n  font-weight: normal;\\n  font-style: normal;\\n}\\n\\n@font-face {\\n  font-family: \\\"Roboto-Bold\\\";\\n  src: url(\\\"../fonts/Roboto-Bold.eot\\\");\\n  src: local(\\\"☺\\\"), url(\\\"../fonts/Roboto-Bold.woff\\\") format(\\\"woff\\\"),\\n  url(\\\"../fonts/Roboto-Bold.ttf\\\") format(\\\"truetype\\\");\\n  font-weight: normal;\\n  font-style: normal;\\n}\\n*/\\n:root {\\n  --primary: #3978FC;\\n  --color-background: #FFFFFF;\\n  --color-background-modal: #C4D7FE;\\n  --color-background-overlay: #0B121B;\\n  --color-divider: #E7EFFF;\\n  --color-font: #0B121B;\\n  --color-icon: #3978FC;\\n  --color-background-info:#C4D7FE;\\n  --tertiary-elements: #636D78;\\n  --main-elements: #3978FC;\\n  --secondary-elements: #202F3E;\\n  --input-elements: #202F3E;\\n  --disabled-elements: #BCC1C5;\\n  --field-border: #90979F;\\n  --main-text: #0B121B;\\n  --secondary-text: #636D78;\\n  --caption: #90979F;\\n  --main-background: #FFFFFF;\\n  --secondary-background: #FFFFFF;\\n  --secondary-background-modal: rgba(19, 29, 40, 0.8);\\n  --incoming-background: #E4E6E8;\\n  --outgoing-background: #E7EFFF;\\n  --dropdown-background: #FFFFFF;\\n  --chat-input: #F7F9FF;\\n  --divider: #E7EFFF;\\n  --error: #FF3B30;\\n  --hightlight: #FFFDC1;\\n}\\n\\nhtml[data-theme=dark] {\\n  --primary: #3978FC;\\n  --color-background: #0B121B;\\n  --color-background-modal: #131D28;\\n  --color-background-overlay: #0B121B;\\n  --color-divider: #414E5B;\\n  --color-font: #FFFFFF;\\n  --color-icon: #74A1FD;\\n  --color-background-info: #3978FC;\\n  --tertiary-elements: rgba(144, 151, 159, 0.8);\\n  --main-elements: #74A1FD;\\n  --secondary-elements: #FFFFFF;\\n  --input-elements: #90979F;\\n  --disabled-elements: #636D78;\\n  --field-border: #90979F;\\n  --main-text: #FFFFFF;\\n  --secondary-text: #90979F;\\n  --caption: #BCC1C5;\\n  --main-background: #202F3E;\\n  --secondary-background: #131D28;\\n  --incoming-background: #414E5B;\\n  --outgoing-background: #3978FC;\\n  --dropdown-background: #414E5B;\\n  --chat-input: #131D28;\\n  --divider: #414E5B;\\n  --error: #FF766E;\\n  --hightlight: #FFFDC1;\\n}\\n\\n* {\\n  box-sizing: border-box;\\n}\\n\\nbody {\\n  font-family: \\\"Roboto\\\";\\n  color: var(--main-text);\\n  background-color: var(--main-background);\\n  overflow: hidden !important;\\n  scrollbar-width: none !important;\\n  max-height: 810px;\\n  max-width: 1380px;\\n}\\n\\n.header-dialogs-container {\\n  display: flex;\\n  height: 64px;\\n  gap: 0 30px;\\n  padding: 16px 16px 16px 20px;\\n}\\n.header-dialogs-container--title_wrapper {\\n  font-family: \\\"Roboto\\\";\\n  font-style: normal;\\n  font-weight: 500;\\n  font-size: 20px;\\n  line-height: 24px;\\n  letter-spacing: 0.0015em;\\n  width: 180px;\\n  text-align: left;\\n  text-overflow: ellipsis;\\n  white-space: nowrap;\\n  overflow: hidden;\\n}\\n.header-dialogs-container__buttons {\\n  display: flex;\\n  align-items: center;\\n  gap: 29px;\\n  background: none;\\n  color: var(--color-icon);\\n}\\n.header-dialogs-container__buttons svg {\\n  width: 24px;\\n  height: 24px;\\n  viewBox: 0 0 24px 24px;\\n}\\n.header-dialogs-container__buttons svg path {\\n  fill: var(--color-icon);\\n}\\n\\n.header-dialogs {\\n  border: 1px solid var(--color-divider);\\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/HeaderDialogs/HeaderDialogs.scss?./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js");
 
 /***/ }),
 
@@ -172,6 +172,17 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _nod
 
 /***/ }),
 
+/***/ "./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/components/UI/Dialogs/MessagesView/AIWidgets/AIWidgetActions/AIWidgetActions.scss":
+/*!*****************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/components/UI/Dialogs/MessagesView/AIWidgets/AIWidgetActions/AIWidgetActions.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, \".dropdown-context-menu-tone * {\\n  box-sizing: border-box;\\n}\\n\\n.dropdown-context-menu-tone {\\n  position: absolute;\\n  bottom: -15px;\\n  right: 0;\\n  zIndex: 1;\\n  width: max-content;\\n  height: max-content;\\n  background: var(--primary-primary-a-100, #ffffff);\\n  border-radius: 4px;\\n  padding: 8px 0px 8px 0px;\\n  box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.04), 0px 3px 14px 0px rgba(0, 0, 0, 0.08), 0px 8px 10px 0px rgba(0, 0, 0, 0.12);\\n}\\n\\n.dropdown-context-menu-tone-menu-item {\\n  padding: 4px 8px 4px 16px;\\n  display: flex;\\n  flex-direction: row;\\n  align-items: center;\\n  justify-content: flex-start;\\n  align-self: stretch;\\n  flex-shrink: 0;\\n  position: relative;\\n}\\n\\n.dropdown-context-menu-tone-menu-item-title {\\n  color: var(--secondary-secondary-900, #0b121b);\\n  text-align: left;\\n  font: var(--body-body-medium, 400 14px/20px \\\"Roboto\\\", sans-serif);\\n  position: relative;\\n  display: flex;\\n  align-items: center;\\n  justify-content: flex-start;\\n}\\n\\n.dropdown-context-menu-tone-menu-item-icon {\\n  border-radius: 4px;\\n  padding: 4px;\\n  display: flex;\\n  flex-direction: row;\\n  gap: 0px;\\n  align-items: center;\\n  justify-content: center;\\n  flex-shrink: 0;\\n  width: 24px;\\n  height: 24px;\\n  position: relative;\\n}\", \"\"]);\n// 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/MessagesView/AIWidgets/AIWidgetActions/AIWidgetActions.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/components/UI/Dialogs/MessagesView/AudioAttachmentComponent/AudioAttachmentComponent.scss":
 /*!*************************************************************************************************************************************************************************************************!*\
   !*** ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/components/UI/Dialogs/MessagesView/AudioAttachmentComponent/AudioAttachmentComponent.scss ***!
@@ -216,6 +227,28 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _nod
 
 /***/ }),
 
+/***/ "./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/components/UI/Dialogs/MessagesView/InComingMessage/AvatarContentIncomingUser/AvatarContentIncomingUser.scss":
+/*!*******************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/components/UI/Dialogs/MessagesView/InComingMessage/AvatarContentIncomingUser/AvatarContentIncomingUser.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, \".avatar-wrap {\\n  padding: 0px 0px 16px 0px;\\n  display: flex;\\n  flex-direction: row;\\n  gap: 10px;\\n  align-items: flex-end;\\n  justify-content: flex-start;\\n  flex-shrink: 0;\\n  position: relative;\\n}\\n\\n.avatar {\\n  flex-shrink: 0;\\n  width: 36px;\\n  height: 36px;\\n  position: relative;\\n}\\n\\n.rectangle {\\n  width: 36px;\\n  height: 36px;\\n  position: absolute;\\n  left: 0px;\\n  top: 0px;\\n}\\n\\n.ellipse {\\n  background: var(--secondary-secondary-100, #bcc1c5);\\n  border-radius: 50%;\\n  width: 36px;\\n  height: 36px;\\n  position: absolute;\\n  left: 0px;\\n  top: 0px;\\n}\\n\\n.contents-user {\\n  position: absolute;\\n  left: 6.43px;\\n  top: 6.43px;\\n  overflow: visible;\\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/MessagesView/InComingMessage/AvatarContentIncomingUser/AvatarContentIncomingUser.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/components/UI/Dialogs/MessagesView/InComingMessage/InComingMessage.scss":
+/*!*******************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/components/UI/Dialogs/MessagesView/InComingMessage/InComingMessage.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, \".message-view-container--incoming-message-wrapper--context-menu {\\n  cursor: pointer;\\n  display: flex;\\n  flex-direction: column;\\n  justify-content: flex-end;\\n  min-width: 35px;\\n}\\n\\n.widget-ai-translate-with-choice-languages-container {\\n  display: flex;\\n  flex-direction: row;\\n  justify-content: center;\\n  align-items: center;\\n}\\n.widget-ai-translate-with-choice-languages-container--default-language {\\n  cursor: pointer;\\n}\\n.widget-ai-translate-with-choice-languages-container--separator {\\n  margin-left: 10px;\\n  margin-right: 5px;\\n}\\n.widget-ai-translate-with-choice-languages-container--select-language {\\n  cursor: pointer;\\n}\\n\\n.incoming-text-message,\\n.incoming-text-message * {\\n  box-sizing: border-box;\\n}\\n\\n.incoming-text-message {\\n  background: var(--secondary-background);\\n  padding: 0px 16px 8px 8px;\\n  display: flex;\\n  flex-direction: row;\\n  gap: 8px;\\n  align-items: flex-end;\\n  justify-content: flex-start;\\n  flex-shrink: 0;\\n  width: 680px;\\n  position: relative;\\n}\\n\\n.incoming {\\n  display: flex;\\n  flex-direction: column;\\n  gap: 2px;\\n  align-items: flex-start;\\n  justify-content: flex-end;\\n  flex-shrink: 0;\\n  position: relative;\\n}\\n\\n.name {\\n  padding: 0px 16px 0px 16px;\\n  display: flex;\\n  flex-direction: row;\\n  gap: 8px;\\n  align-items: flex-start;\\n  justify-content: flex-start;\\n  flex-shrink: 0;\\n  position: relative;\\n}\\n\\n.caption {\\n  display: flex;\\n  flex-direction: row;\\n  gap: 0px;\\n  align-items: center;\\n  justify-content: flex-start;\\n  flex-shrink: 0;\\n  position: relative;\\n}\\n\\n.name2 {\\n  color: var(--secondary-secondary-300, #636d78);\\n  text-align: left;\\n  font: var(--label-label-medium, 500 12px/16px \\\"Roboto\\\", sans-serif);\\n  position: relative;\\n}\\n\\n.message {\\n  display: flex;\\n  flex-direction: row;\\n  gap: 8px;\\n  align-items: flex-end;\\n  justify-content: flex-start;\\n  flex-shrink: 0;\\n  position: relative;\\n}\\n\\n.bubble {\\n  display: flex;\\n  flex-direction: column;\\n  gap: 4px;\\n  align-items: flex-end;\\n  justify-content: flex-end;\\n  flex-shrink: 0;\\n  position: relative;\\n}\\n\\n.chat-bubble-background {\\n  background: var(--incoming-background);\\n  border-radius: 22px 22px 22px 0px;\\n  padding: 8px 12px 8px 12px;\\n  display: flex;\\n  flex-direction: row;\\n  gap: 10px;\\n  align-items: flex-start;\\n  justify-content: flex-start;\\n  flex-shrink: 0;\\n  position: relative;\\n  min-width: 120px;\\n  max-width: 480px;\\n}\\n\\n.message-in-a-single-line {\\n  color: var(--secondary-secondary-900, #0b121b);\\n  text-align: left;\\n  font: var(--body-body-medium, 400 14px/20px \\\"Roboto\\\", sans-serif);\\n  position: relative;\\n  display: flex;\\n  align-items: center;\\n  justify-content: flex-start;\\n}\\n\\n.translate {\\n  padding: 0px 12px 0px 0px;\\n  display: flex;\\n  flex-direction: row;\\n  gap: 8px;\\n  align-items: center;\\n  justify-content: flex-end;\\n  align-self: stretch;\\n  flex-shrink: 0;\\n  position: relative;\\n}\\n\\n.caption2 {\\n  display: flex;\\n  flex-direction: row;\\n  gap: 0px;\\n  align-items: center;\\n  justify-content: flex-end;\\n  flex: 1;\\n  position: relative;\\n}\\n\\n.time {\\n  color: var(--secondary-secondary-300, #636d78);\\n  text-align: right;\\n  font: var(--label-label-small, 500 11px/16px \\\"Roboto\\\", sans-serif);\\n  position: relative;\\n}\\n\\n.icon {\\n  border-radius: 4px;\\n  display: flex;\\n  flex-direction: row;\\n  gap: 0px;\\n  align-items: center;\\n  justify-content: center;\\n  flex-shrink: 0;\\n  width: 16px;\\n  height: 16px;\\n  position: relative;\\n}\\n\\n.media-translate {\\n  align-self: stretch;\\n  flex: 1;\\n  position: relative;\\n  overflow: visible;\\n}\\n\\n.assist-answer {\\n  padding: 0px 0px 16px 0px;\\n  display: flex;\\n  flex-direction: row;\\n  gap: 10px;\\n  align-items: center;\\n  justify-content: center;\\n  align-self: stretch;\\n  flex-shrink: 0;\\n  position: relative;\\n}\\n\\n.icon2 {\\n  border-radius: 4px;\\n  padding: 4px;\\n  display: flex;\\n  flex-direction: row;\\n  gap: 0px;\\n  align-items: center;\\n  justify-content: center;\\n  flex-shrink: 0;\\n  width: 32px;\\n  height: 32px;\\n  position: relative;\\n}\\n\\n.status-loader {\\n  align-self: stretch;\\n  flex: 1;\\n  position: relative;\\n  overflow: visible;\\n}\\n\\n.caption3 {\\n  padding: 0px 0px 16px 0px;\\n  display: flex;\\n  flex-direction: row;\\n  gap: 0px;\\n  align-items: flex-start;\\n  justify-content: flex-start;\\n  flex-shrink: 0;\\n  position: relative;\\n}\\n\\n.ai-translate-action {\\n  color: var(--secondary-secondary-300, #636d78);\\n  text-align: right;\\n  font: var(--label-label-small, 500 11px/16px \\\"Roboto\\\", sans-serif);\\n  position: relative;\\n  cursor: pointer;\\n}\\n\\n.assist-answer {\\n  display: flex;\\n  flex-direction: row;\\n  gap: 10px;\\n  align-items: center;\\n  justify-content: center;\\n  align-self: stretch;\\n  flex-shrink: 0;\\n  position: relative;\\n  cursor: pointer;\\n}\\n\\n.icon {\\n  border-radius: 4px;\\n  padding: 4px;\\n  display: flex;\\n  flex-direction: row;\\n  gap: 0px;\\n  align-items: center;\\n  justify-content: center;\\n  flex-shrink: 0;\\n  width: 32px;\\n  height: 32px;\\n  position: relative;\\n}\\n\\n.actions-assist-answer {\\n  padding: 5px 3px 5px 3px;\\n  align-self: stretch;\\n  flex: 1;\\n  position: relative;\\n  overflow: visible;\\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/MessagesView/InComingMessage/InComingMessage.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/components/UI/Dialogs/MessagesView/MessagesView.scss":
 /*!************************************************************************************************************************************************************!*\
   !*** ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/components/UI/Dialogs/MessagesView/MessagesView.scss ***!
@@ -223,7 +256,18 @@ 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, \".message-view-container {\\n  min-height: 800px;\\n  max-height: 800px;\\n  display: flex;\\n  flex-flow: column nowrap;\\n  justify-content: space-between;\\n  align-items: center;\\n  margin: 0 auto;\\n  gap: 3px;\\n}\\n.message-view-container--header {\\n  min-height: 64px;\\n  max-height: 64px;\\n  width: 100%;\\n}\\n.message-view-container--information {\\n  background-color: var(--color-background-info);\\n  width: 100%;\\n  display: flex;\\n  flex-direction: row;\\n  flex-wrap: nowrap;\\n  justify-content: center;\\n  align-items: center;\\n  gap: 3px;\\n  max-height: 16px;\\n  min-height: 16px;\\n  width: 100%;\\n  padding-bottom: 2px;\\n  padding-top: 2px;\\n  border-radius: 4px;\\n  margin-left: 20px;\\n  margin-right: 20px;\\n  line-height: 16px;\\n  font-size: 11px;\\n}\\n.message-view-container--messages {\\n  background-color: var(--secondary-background);\\n  width: 100%;\\n  max-height: 656px;\\n  display: flex;\\n  flex-flow: column nowrap;\\n  justify-content: flex-end;\\n}\\n.message-view-container--system-message-wrapper {\\n  justify-content: center;\\n  align-items: center;\\n  justify-items: center;\\n  width: 100%;\\n  display: flex;\\n  flex-direction: column;\\n  flex-wrap: nowrap;\\n  margin: 0 auto;\\n  gap: 3px;\\n}\\n.message-view-container--system-message-wrapper__date_container {\\n  background-color: var(--disabled-elements);\\n  border-radius: 30px;\\n  width: 72px;\\n  height: 20px;\\n  font-family: \\\"Roboto\\\";\\n  font-style: normal;\\n  font-weight: 500;\\n  font-size: 11px;\\n  line-height: 16px;\\n  /* identical to box height, or 145% */\\n  text-align: center;\\n  letter-spacing: 0.5px;\\n  justify-content: center;\\n  align-items: center;\\n  justify-items: center;\\n  display: flex;\\n  flex-direction: row;\\n  flex-wrap: nowrap;\\n  margin: 0 auto;\\n  gap: 3px;\\n}\\n.message-view-container--incoming-message-wrapper {\\n  display: flex;\\n  flex-direction: row;\\n  flex-wrap: nowrap;\\n  justify-content: flex-start;\\n  gap: 8px;\\n}\\n.message-view-container--incoming-message-wrapper__avatar {\\n  display: flex;\\n  flex-direction: column;\\n  justify-content: flex-end;\\n  align-items: center;\\n}\\n.message-view-container__sender-avatar {\\n  min-height: 36px;\\n  min-width: 36px;\\n  max-height: 36px;\\n  max-width: 36px;\\n  height: 36px;\\n  width: 36px;\\n  border-radius: 50%;\\n  justify-content: center;\\n  align-items: center;\\n  display: flex;\\n  background-color: var(--disabled-elements);\\n}\\n.message-view-container--incoming-message-container {\\n  display: flex;\\n  flex-flow: column nowrap;\\n  gap: 3px;\\n  height: 100%;\\n  max-width: 504px;\\n}\\n.message-view-container__sender-name {\\n  color: var(--secondary-text);\\n  padding-left: 16px;\\n}\\n.message-view-container__sender-message {\\n  background: var(--incoming-background);\\n  border-radius: 22px 22px 22px 0px;\\n  padding: 8px 12px;\\n  color: var(--main-text);\\n}\\n.message-view-container__incoming-time {\\n  display: flex;\\n  flex-direction: column;\\n  justify-content: flex-end;\\n  color: var(--main-text);\\n}\\n.message-view-container__status-message {\\n  display: flex;\\n  flex-direction: row;\\n  justify-content: flex-end;\\n  gap: 2px;\\n}\\n.message-view-container--outgoing-message-wrapper {\\n  margin-right: 20px;\\n  display: flex;\\n  flex-direction: row;\\n  flex-wrap: nowrap;\\n  justify-content: flex-end;\\n  gap: 8px;\\n}\\n.message-view-container__outgoing-message {\\n  background: var(--outgoing-background);\\n  border-radius: 22px 22px 0px 22px;\\n  padding: 8px 12px;\\n  height: 100%;\\n  max-width: 504px;\\n  color: var(--main-text);\\n}\\n.message-view-container--message-content-wrapper {\\n  max-width: 240px;\\n  max-height: 160px;\\n  min-width: 240px;\\n  width: 240px;\\n  display: flex;\\n  flex-direction: row;\\n  flex-wrap: nowrap;\\n  justify-content: center;\\n  align-items: center;\\n  margin: 0 auto;\\n  padding: 0;\\n  border-radius: 4px;\\n}\\n.message-view-container--file-message-content-wrapper {\\n  max-width: 85px;\\n  max-height: 32px;\\n  min-width: 85px;\\n  min-height: 32px;\\n  width: 85px;\\n  height: 32px;\\n  display: flex;\\n  flex-direction: row;\\n  flex-wrap: nowrap;\\n  justify-content: center;\\n  align-items: center;\\n  margin: 0 auto;\\n  gap: 12px;\\n}\\n.message-view-container__file-message-icon {\\n  min-height: 32px;\\n  min-width: 32px;\\n  max-height: 32px;\\n  max-width: 32px;\\n  height: 32px;\\n  width: 32px;\\n  border-radius: 4px;\\n  background: var(--caption);\\n}\\n.message-view-container--warning-error {\\n  min-height: 11px;\\n  max-height: 11px;\\n  height: 11px;\\n  justify-content: flex-start;\\n  align-items: flex-start;\\n  justify-items: flex-start;\\n  text-align: left;\\n  vertical-align: middle;\\n  line-height: 11px;\\n  font-size: 10px;\\n  color: var(--main-elements);\\n  font-weight: bold;\\n  width: 100%;\\n  display: flex;\\n  flex-direction: row;\\n  flex-wrap: nowrap;\\n  margin: 0 auto;\\n  gap: 3px;\\n}\\n.message-view-container--chat-input {\\n  min-height: 54px;\\n  max-height: 54px;\\n  height: 54px;\\n  width: 100%;\\n  display: flex;\\n  flex-direction: row;\\n  flex-wrap: nowrap;\\n  justify-content: space-between;\\n  align-items: center;\\n  margin: 0 auto;\\n  padding-left: 12px;\\n  padding-right: 12px;\\n  padding-bottom: 2px;\\n  gap: 6px;\\n}\\n.message-view-container--chat-input:disabled {\\n  background-color: dimgrey;\\n  color: linen;\\n  opacity: 1;\\n  cursor: not-allowed;\\n}\\n.message-view-container--chat-input textarea {\\n  width: 100%;\\n  height: 44px;\\n  min-Height: 44px;\\n  max-Height: 64px;\\n  background-Color: var(--chat-input);\\n  border-Radius: 4px;\\n  padding-left: 16px;\\n  padding-top: 8px;\\n  line-height: 24px;\\n  font-size: 16px;\\n  margin: 0 auto;\\n  resize: none;\\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/MessagesView/MessagesView.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, \".message-view-container {\\n  min-height: 800px;\\n  max-height: 800px;\\n  display: flex;\\n  flex-flow: column nowrap;\\n  justify-content: space-between;\\n  align-items: center;\\n  margin: 0 auto;\\n  gap: 3px;\\n}\\n.message-view-container--header {\\n  min-height: 64px;\\n  max-height: 64px;\\n  width: 100%;\\n}\\n.message-view-container--information {\\n  background-color: var(--color-background-info);\\n  width: 100%;\\n  display: flex;\\n  flex-direction: row;\\n  flex-wrap: nowrap;\\n  justify-content: center;\\n  align-items: center;\\n  gap: 3px;\\n  max-height: 16px;\\n  min-height: 16px;\\n  width: 100%;\\n  padding-bottom: 2px;\\n  padding-top: 2px;\\n  border-radius: 4px;\\n  margin-left: 20px;\\n  margin-right: 20px;\\n  line-height: 16px;\\n  font-size: 11px;\\n}\\n.message-view-container--messages {\\n  background-color: var(--secondary-background);\\n  width: 100%;\\n  max-height: 656px;\\n  display: flex;\\n  flex-flow: column nowrap;\\n  justify-content: flex-end;\\n}\\n.message-view-container--system-message-wrapper {\\n  justify-content: center;\\n  align-items: center;\\n  justify-items: center;\\n  width: 100%;\\n  display: flex;\\n  flex-direction: column;\\n  flex-wrap: nowrap;\\n  margin: 0 auto;\\n  gap: 3px;\\n}\\n.message-view-container--system-message-wrapper__date_container {\\n  background-color: var(--disabled-elements);\\n  border-radius: 30px;\\n  width: 72px;\\n  height: 20px;\\n  font-family: \\\"Roboto\\\";\\n  font-style: normal;\\n  font-weight: 500;\\n  font-size: 11px;\\n  line-height: 16px;\\n  /* identical to box height, or 145% */\\n  text-align: center;\\n  letter-spacing: 0.5px;\\n  justify-content: center;\\n  align-items: center;\\n  justify-items: center;\\n  display: flex;\\n  flex-direction: row;\\n  flex-wrap: nowrap;\\n  margin: 0 auto;\\n  gap: 3px;\\n}\\n.message-view-container--incoming-message-wrapper {\\n  display: flex;\\n  flex-direction: column;\\n  flex-wrap: nowrap;\\n  justify-content: flex-start;\\n  margin-top: 10px;\\n  margin-bottom: 10px;\\n  padding-bottom: 8px;\\n  gap: 8px;\\n}\\n.message-view-container--incoming-message-wrapper__message {\\n  display: flex;\\n  flex-direction: row;\\n  flex-wrap: nowrap;\\n  justify-content: flex-start;\\n  gap: 8px;\\n}\\n.message-view-container--incoming-message-wrapper__avatar {\\n  display: flex;\\n  flex-direction: column;\\n  justify-content: flex-end;\\n  align-items: center;\\n}\\n.message-view-container__sender-avatar {\\n  min-height: 36px;\\n  min-width: 36px;\\n  max-height: 36px;\\n  max-width: 36px;\\n  height: 36px;\\n  width: 36px;\\n  border-radius: 50%;\\n  justify-content: center;\\n  align-items: center;\\n  display: flex;\\n  background-color: var(--disabled-elements);\\n}\\n.message-view-container--incoming-message-container {\\n  display: flex;\\n  flex-flow: column nowrap;\\n  gap: 3px;\\n  height: 100%;\\n  max-width: 504px;\\n}\\n.message-view-container__sender-name {\\n  color: var(--secondary-text);\\n  padding-left: 16px;\\n}\\n.message-view-container__sender-message {\\n  background: var(--incoming-background);\\n  border-radius: 22px 22px 22px 0px;\\n  padding: 8px 12px;\\n  color: var(--main-text);\\n}\\n.message-view-container__widget-ai-translate {\\n  text-align: left;\\n  margin-left: 46px;\\n  font-family: Roboto;\\n  font-size: 11px;\\n  font-style: normal;\\n  font-weight: 500;\\n  line-height: 16px; /* 145.455% */\\n  letter-spacing: 0.5px;\\n  color: var(--tertiary-elements);\\n  align-self: self-start;\\n  white-space: nowrap;\\n  cursor: pointer;\\n}\\n.message-view-container__incoming-time {\\n  display: flex;\\n  flex-direction: column;\\n  justify-content: flex-end;\\n  color: var(--main-text);\\n}\\n.message-view-container__status-message {\\n  display: flex;\\n  flex-direction: row;\\n  justify-content: flex-end;\\n  gap: 2px;\\n}\\n.message-view-container--outgoing-message-wrapper {\\n  margin-right: 20px;\\n  display: flex;\\n  flex-direction: row;\\n  flex-wrap: nowrap;\\n  justify-content: flex-end;\\n  gap: 8px;\\n  margin-bottom: 10px;\\n  margin-top: 10px;\\n}\\n.message-view-container__outgoing-message {\\n  background: var(--outgoing-background);\\n  border-radius: 22px 22px 0px 22px;\\n  padding: 8px 12px;\\n  height: 100%;\\n  max-width: 504px;\\n  color: var(--main-text);\\n}\\n.message-view-container--message-content-wrapper {\\n  max-width: 240px;\\n  max-height: 160px;\\n  min-width: 240px;\\n  width: 240px;\\n  display: flex;\\n  flex-direction: row;\\n  flex-wrap: nowrap;\\n  justify-content: center;\\n  align-items: center;\\n  margin: 0 auto;\\n  padding: 0;\\n  border-radius: 4px;\\n}\\n.message-view-container--file-message-content-wrapper {\\n  max-width: 85px;\\n  max-height: 32px;\\n  min-width: 85px;\\n  min-height: 32px;\\n  width: 85px;\\n  height: 32px;\\n  display: flex;\\n  flex-direction: row;\\n  flex-wrap: nowrap;\\n  justify-content: center;\\n  align-items: center;\\n  margin: 0 auto;\\n  gap: 12px;\\n}\\n.message-view-container__file-message-icon {\\n  min-height: 32px;\\n  min-width: 32px;\\n  max-height: 32px;\\n  max-width: 32px;\\n  height: 32px;\\n  width: 32px;\\n  border-radius: 4px;\\n  background: var(--caption);\\n}\\n.message-view-container--warning-error {\\n  min-height: 11px;\\n  max-height: 11px;\\n  height: 11px;\\n  justify-content: flex-start;\\n  align-items: flex-start;\\n  justify-items: flex-start;\\n  text-align: left;\\n  vertical-align: middle;\\n  line-height: 11px;\\n  font-size: 10px;\\n  color: var(--main-elements);\\n  font-weight: bold;\\n  width: 100%;\\n  display: flex;\\n  flex-direction: row;\\n  flex-wrap: nowrap;\\n  margin: 0 auto;\\n  gap: 3px;\\n}\\n.message-view-container--chat-input {\\n  min-height: 54px;\\n  max-height: 182px;\\n  height: 54px;\\n  width: 100%;\\n  display: flex;\\n  flex-direction: row;\\n  flex-wrap: nowrap;\\n  justify-content: space-between;\\n  align-items: center;\\n  margin: 0 auto;\\n  padding-left: 12px;\\n  padding-right: 12px;\\n  padding-bottom: 2px;\\n  gap: 6px;\\n}\\n.message-view-container--chat-input:disabled {\\n  background-color: dimgrey;\\n  color: linen;\\n  opacity: 1;\\n  cursor: not-allowed;\\n}\\n.message-view-container--chat-input textarea {\\n  width: 100%;\\n  height: 44px;\\n  min-Height: 44px;\\n  max-Height: 128px;\\n  background-Color: var(--chat-input);\\n  border-Radius: 4px;\\n  padding-left: 16px;\\n  padding-top: 8px;\\n  line-height: 24px;\\n  font-size: 16px;\\n  margin: 0 auto;\\n  resize: none;\\n}\\n\\n.input-text-message * {\\n  box-sizing: border-box;\\n}\\n\\n.input-text-message {\\n  background: var(--primary-primary-a-200, #f7f9ff);\\n  border-radius: 4px;\\n  display: flex;\\n  flex-direction: row;\\n  gap: 8px;\\n  align-items: flex-end;\\n  justify-content: flex-start;\\n  flex: 1;\\n  position: relative;\\n}\\n\\n.type-message {\\n  color: var(--secondary-secondary-200, #90979f);\\n  text-align: left;\\n  font: var(--body-body-large, 400 16px/24px \\\"Roboto\\\", sans-serif);\\n  position: relative;\\n  flex: 1;\\n  display: flex;\\n  align-items: center;\\n  justify-content: flex-start;\\n}\\n\\n.right {\\n  display: flex;\\n  flex-direction: row;\\n  gap: 10px;\\n  align-items: center;\\n  justify-content: flex-end;\\n  flex-shrink: 0;\\n  position: relative;\\n  margin-bottom: 5px;\\n}\\n\\n.icon {\\n  border-radius: 4px;\\n  padding: 4px;\\n  display: flex;\\n  flex-direction: row;\\n  gap: 0px;\\n  align-items: center;\\n  justify-content: center;\\n  flex-shrink: 0;\\n  width: 24px;\\n  height: 24px;\\n  position: relative;\\n  cursor: pointer;\\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/MessagesView/MessagesView.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/components/UI/Dialogs/MessagesView/OutGoingMessage/OutGoingMessage.scss":
+/*!*******************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/components/UI/Dialogs/MessagesView/OutGoingMessage/OutGoingMessage.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, \".message-view-container--outgoing-message-wrapper--context-menu {\\n  cursor: pointer;\\n  display: flex;\\n  flex-direction: column;\\n  justify-content: flex-end;\\n  min-width: 35px;\\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/MessagesView/OutGoingMessage/OutGoingMessage.scss?./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js");
 
 /***/ }),
 
@@ -590,6 +634,17 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _nod
 
 /***/ }),
 
+/***/ "./src/Presentation/components/UI/Dialogs/MessagesView/AIWidgets/AIWidgetActions/AIWidgetActions.scss":
+/*!************************************************************************************************************!*\
+  !*** ./src/Presentation/components/UI/Dialogs/MessagesView/AIWidgets/AIWidgetActions/AIWidgetActions.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_AIWidgetActions_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! !!../../../../../../../../node_modules/css-loader/dist/cjs.js!../../../../../../../../node_modules/sass-loader/dist/cjs.js!./AIWidgetActions.scss */ \"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/components/UI/Dialogs/MessagesView/AIWidgets/AIWidgetActions/AIWidgetActions.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_AIWidgetActions_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_AIWidgetActions_scss__WEBPACK_IMPORTED_MODULE_6__[\"default\"] && _node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_AIWidgetActions_scss__WEBPACK_IMPORTED_MODULE_6__[\"default\"].locals ? _node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_AIWidgetActions_scss__WEBPACK_IMPORTED_MODULE_6__[\"default\"].locals : undefined);\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/Presentation/components/UI/Dialogs/MessagesView/AIWidgets/AIWidgetActions/AIWidgetActions.scss?");
+
+/***/ }),
+
 /***/ "./src/Presentation/components/UI/Dialogs/MessagesView/AudioAttachmentComponent/AudioAttachmentComponent.scss":
 /*!********************************************************************************************************************!*\
   !*** ./src/Presentation/components/UI/Dialogs/MessagesView/AudioAttachmentComponent/AudioAttachmentComponent.scss ***!
@@ -634,6 +689,28 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _nod
 
 /***/ }),
 
+/***/ "./src/Presentation/components/UI/Dialogs/MessagesView/InComingMessage/AvatarContentIncomingUser/AvatarContentIncomingUser.scss":
+/*!**************************************************************************************************************************************!*\
+  !*** ./src/Presentation/components/UI/Dialogs/MessagesView/InComingMessage/AvatarContentIncomingUser/AvatarContentIncomingUser.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_AvatarContentIncomingUser_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! !!../../../../../../../../node_modules/css-loader/dist/cjs.js!../../../../../../../../node_modules/sass-loader/dist/cjs.js!./AvatarContentIncomingUser.scss */ \"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/components/UI/Dialogs/MessagesView/InComingMessage/AvatarContentIncomingUser/AvatarContentIncomingUser.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_AvatarContentIncomingUser_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_AvatarContentIncomingUser_scss__WEBPACK_IMPORTED_MODULE_6__[\"default\"] && _node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_AvatarContentIncomingUser_scss__WEBPACK_IMPORTED_MODULE_6__[\"default\"].locals ? _node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_AvatarContentIncomingUser_scss__WEBPACK_IMPORTED_MODULE_6__[\"default\"].locals : undefined);\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/Presentation/components/UI/Dialogs/MessagesView/InComingMessage/AvatarContentIncomingUser/AvatarContentIncomingUser.scss?");
+
+/***/ }),
+
+/***/ "./src/Presentation/components/UI/Dialogs/MessagesView/InComingMessage/InComingMessage.scss":
+/*!**************************************************************************************************!*\
+  !*** ./src/Presentation/components/UI/Dialogs/MessagesView/InComingMessage/InComingMessage.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_InComingMessage_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! !!../../../../../../../node_modules/css-loader/dist/cjs.js!../../../../../../../node_modules/sass-loader/dist/cjs.js!./InComingMessage.scss */ \"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/components/UI/Dialogs/MessagesView/InComingMessage/InComingMessage.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_InComingMessage_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_InComingMessage_scss__WEBPACK_IMPORTED_MODULE_6__[\"default\"] && _node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_InComingMessage_scss__WEBPACK_IMPORTED_MODULE_6__[\"default\"].locals ? _node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_InComingMessage_scss__WEBPACK_IMPORTED_MODULE_6__[\"default\"].locals : undefined);\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/Presentation/components/UI/Dialogs/MessagesView/InComingMessage/InComingMessage.scss?");
+
+/***/ }),
+
 /***/ "./src/Presentation/components/UI/Dialogs/MessagesView/MessagesView.scss":
 /*!*******************************************************************************!*\
   !*** ./src/Presentation/components/UI/Dialogs/MessagesView/MessagesView.scss ***!
@@ -645,6 +722,17 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _nod
 
 /***/ }),
 
+/***/ "./src/Presentation/components/UI/Dialogs/MessagesView/OutGoingMessage/OutGoingMessage.scss":
+/*!**************************************************************************************************!*\
+  !*** ./src/Presentation/components/UI/Dialogs/MessagesView/OutGoingMessage/OutGoingMessage.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_OutGoingMessage_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! !!../../../../../../../node_modules/css-loader/dist/cjs.js!../../../../../../../node_modules/sass-loader/dist/cjs.js!./OutGoingMessage.scss */ \"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/components/UI/Dialogs/MessagesView/OutGoingMessage/OutGoingMessage.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_OutGoingMessage_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_OutGoingMessage_scss__WEBPACK_IMPORTED_MODULE_6__[\"default\"] && _node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_OutGoingMessage_scss__WEBPACK_IMPORTED_MODULE_6__[\"default\"].locals ? _node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_OutGoingMessage_scss__WEBPACK_IMPORTED_MODULE_6__[\"default\"].locals : undefined);\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/Presentation/components/UI/Dialogs/MessagesView/OutGoingMessage/OutGoingMessage.scss?");
+
+/***/ }),
+
 /***/ "./src/Presentation/components/UI/Dialogs/MessagesView/VideoAttachmentComponent/VideoAttachmentComponent.scss":
 /*!********************************************************************************************************************!*\
   !*** ./src/Presentation/components/UI/Dialogs/MessagesView/VideoAttachmentComponent/VideoAttachmentComponent.scss ***!
@@ -887,6 +975,17 @@ eval("\n\n/* istanbul ignore next  */\nfunction styleTagTransform(css, styleElem
 
 /***/ }),
 
+/***/ "./src/Data/DefaultConfigurations.ts":
+/*!*******************************************!*\
+  !*** ./src/Data/DefaultConfigurations.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 */   \"DefaultConfigurations\": function() { return /* binding */ DefaultConfigurations; }\n/* harmony export */ });\nvar supportedLanguagesForIATranslate = [\n    'English',\n    'Ukrainian',\n    'Spanish',\n    'Portuguese',\n    'French',\n    'German',\n];\nvar languageBCP47 = {\n    'ar-SA': 'Arabic',\n    'bn-BD': 'Bangla',\n    'bn-IN': 'Bangla',\n    'cs-CZ': 'Czech',\n    'da-DK': 'Danish',\n    'de-AT': 'German',\n    'de-CH': 'German',\n    'de-DE': 'German',\n    'el-GR': 'Greek',\n    'en-AU': 'English',\n    'en-CA': 'English',\n    'en-GB': 'English',\n    'en-IE': 'English',\n    'en-IN': 'English',\n    'en-NZ': 'English',\n    'en-US': 'English',\n    'en-ZA': 'English',\n    'es-AR': 'Spanish',\n    'es-CL': 'Spanish',\n    'es-CO': 'Spanish',\n    'es-ES': 'Spanish',\n    'es-MX': 'Spanish',\n    'es-US': 'Spanish',\n    'fi-FI': 'Finnish',\n    'fr-BE': 'French',\n    'fr-CA': 'French',\n    'fr-CH': 'French',\n    'fr-FR': 'French',\n    'he-IL': 'Hebrew',\n    'hi-IN': 'Hindi',\n    'hu-HU': 'Hungarian',\n    'id-ID': 'Indonesian',\n    'it-CH': 'Italian',\n    'it-IT': 'Italian',\n    'ja-JP': 'Japanese',\n    'ko-KR': 'Korean',\n    'nl-BE': 'Dutch',\n    'nl-NL': 'Dutch',\n    'no-NO': 'Norwegian',\n    'pl-PL': 'Polish',\n    'pt-BR': 'Portuguese',\n    'pt-PT': 'Portuguese',\n    'ro-RO': 'Romanian',\n    'ru-RU': 'Russian',\n    'sk-SK': 'Slovak',\n    'sv-SE': 'Swedish',\n    'ta-IN': 'Tamil',\n    'ta-LK': 'Tamil',\n    'th-TH': 'Thai',\n    'tr-TR': 'Turkish',\n    'zh-CN': 'Chinese',\n    'zh-HK': 'Chinese',\n    'zh-TW': 'Chinese',\n    'uk-UA': 'Ukrainian',\n};\nvar getDefaultSystemLanguage = function () {\n    var sysLanguage = navigator.language;\n    var language = languageBCP47[sysLanguage] || 'English';\n    return language;\n};\nvar DefaultConfigurations = /** @class */ (function () {\n    function DefaultConfigurations() {\n    }\n    DefaultConfigurations.getDefaultProxyConfig = function () {\n        return {\n            api: 'v1/chat/completions',\n            servername: 'https://api.openai.com',\n            port: '',\n            sessionToken: '',\n        };\n    };\n    DefaultConfigurations.getDefaultLanguageForAITranslate = function () {\n        var languageForAITranslate = 'English';\n        var defaultLanguage = DefaultConfigurations.getDefaultQBConfig().configAIApi\n            .AITranslateWidgetConfig.defaultLanguage;\n        if (defaultLanguage.length > 0 &&\n            supportedLanguagesForIATranslate.includes(defaultLanguage)) {\n            languageForAITranslate = defaultLanguage;\n        }\n        else {\n            var sysLanguage = getDefaultSystemLanguage();\n            if (supportedLanguagesForIATranslate.includes(sysLanguage)) {\n                languageForAITranslate = sysLanguage;\n            }\n        }\n        return languageForAITranslate;\n    };\n    DefaultConfigurations.getAdditionalLanguagesForAITranslate = function () {\n        var additionalLanguages = [];\n        var languages = DefaultConfigurations.getDefaultQBConfig().configAIApi\n            .AITranslateWidgetConfig.languages;\n        languages.forEach(function (item) {\n            if (supportedLanguagesForIATranslate.includes(item)) {\n                additionalLanguages.push(item);\n            }\n            else {\n                additionalLanguages.push('English');\n            }\n        });\n        return additionalLanguages;\n    };\n    //\n    DefaultConfigurations.getDefaultQBConfig = function () {\n        return {\n            credentials: {\n                appId: -1,\n                accountKey: '',\n                authKey: '',\n                authSecret: '',\n                sessionToken: '',\n            },\n            configAIApi: {\n                AIAnswerAssistWidgetConfig: {\n                    apiKey: '',\n                    useDefault: true,\n                    proxyConfig: {\n                        api: 'v1/chat/completions',\n                        servername: 'https://api.openai.com/',\n                        port: '',\n                        sessionToken: '',\n                    },\n                },\n                AITranslateWidgetConfig: {\n                    apiKey: '',\n                    useDefault: true,\n                    defaultLanguage: 'English',\n                    languages: [\n                        'English',\n                        'Spanish',\n                        'French',\n                        'Portuguese',\n                        'German',\n                        'Ukrainian',\n                    ],\n                    proxyConfig: {\n                        api: 'v1/chat/completions',\n                        servername: 'https://api.openai.com/',\n                        port: '',\n                        sessionToken: '',\n                    },\n                },\n                AIRephraseWidgetConfig: {\n                    apiKey: '',\n                    useDefault: true,\n                    defaultTone: 'Professional',\n                    proxyConfig: {\n                        api: 'v1/chat/completions',\n                        servername: 'https://api.openai.com/',\n                        port: '',\n                        sessionToken: '',\n                    },\n                },\n            },\n            appConfig: {\n                maxFileSize: 10 * 1024 * 1024,\n                sessionTimeOut: 122,\n                chatProtocol: {\n                    active: 2,\n                },\n                debug: true,\n                endpoints: {\n                    api: 'api.quickblox.com',\n                    chat: 'chat.quickblox.com',\n                },\n                streamManagement: {\n                    enable: true,\n                },\n            },\n        };\n    };\n    return DefaultConfigurations;\n}());\n\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/Data/DefaultConfigurations.ts?");
+
+/***/ }),
+
 /***/ "./src/Data/Stubs.ts":
 /*!***************************!*\
   !*** ./src/Data/Stubs.ts ***!
@@ -894,7 +993,7 @@ eval("\n\n/* istanbul ignore next  */\nfunction styleTagTransform(css, styleElem
 /***/ (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 */   \"Stubs\": function() { return /* binding */ Stubs; }\n/* harmony export */ });\n/* harmony import */ var _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../Domain/entity/DialogTypes */ \"./src/Domain/entity/DialogTypes.ts\");\n/* harmony import */ var _Domain_entity_PublicDialogEntity__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../Domain/entity/PublicDialogEntity */ \"./src/Domain/entity/PublicDialogEntity.ts\");\n/* harmony import */ var _Domain_entity_PrivateDialogEntity__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../Domain/entity/PrivateDialogEntity */ \"./src/Domain/entity/PrivateDialogEntity.ts\");\n/* harmony import */ var _Domain_entity_GroupDialogEntity__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../Domain/entity/GroupDialogEntity */ \"./src/Domain/entity/GroupDialogEntity.ts\");\n/* harmony import */ var _dto_dialog_RemoteDialogDTO__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./dto/dialog/RemoteDialogDTO */ \"./src/Data/dto/dialog/RemoteDialogDTO.ts\");\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 _mapper_UserRemoteDTOMapper__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./mapper/UserRemoteDTOMapper */ \"./src/Data/mapper/UserRemoteDTOMapper.ts\");\n/* harmony import */ var _mapper_DialogLocalDTOMapper__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./mapper/DialogLocalDTOMapper */ \"./src/Data/mapper/DialogLocalDTOMapper.ts\");\n/* harmony import */ var _mapper_MessageLocalDTOMapper__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./mapper/MessageLocalDTOMapper */ \"./src/Data/mapper/MessageLocalDTOMapper.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};\n\n\n\n\n\n\n\n\n\nvar Stubs = /** @class */ (function () {\n    function Stubs() {\n    }\n    Stubs.initializeWithUsersMockData = function (ds) {\n        return __awaiter(this, void 0, void 0, function () {\n            var userEntities, userEntityToDTOMapper, _i, userEntities_1, entity, userDTO, e_1;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        console.log('local datasource sync status: ', ds.isLocalSynced());\n                        userEntities = Stubs.createUsersForTest();\n                        userEntityToDTOMapper = new _mapper_UserRemoteDTOMapper__WEBPACK_IMPORTED_MODULE_6__.UserRemoteDTOMapper();\n                        _i = 0, userEntities_1 = userEntities;\n                        _a.label = 1;\n                    case 1:\n                        if (!(_i < userEntities_1.length)) return [3 /*break*/, 7];\n                        entity = userEntities_1[_i];\n                        _a.label = 2;\n                    case 2:\n                        _a.trys.push([2, 5, , 6]);\n                        return [4 /*yield*/, userEntityToDTOMapper.fromEntity(entity)];\n                    case 3:\n                        userDTO = _a.sent();\n                        // eslint-disable-next-line no-await-in-loop\n                        return [4 /*yield*/, ds.saveUser(userDTO)];\n                    case 4:\n                        // eslint-disable-next-line no-await-in-loop\n                        _a.sent();\n                        return [3 /*break*/, 6];\n                    case 5:\n                        e_1 = _a.sent();\n                        console.log('EXCEPTION UserEntity perform: ', JSON.stringify(entity));\n                        console.log(e_1.message);\n                        console.log(e_1._description);\n                        return [3 /*break*/, 6];\n                    case 6:\n                        _i++;\n                        return [3 /*break*/, 1];\n                    case 7: return [2 /*return*/];\n                }\n            });\n        });\n    };\n    Stubs.initializeWithDialogsMockData = function (ds) {\n        return __awaiter(this, void 0, void 0, function () {\n            var dialogsDTOtoEntityMapper, dialogsEntities, _loop_1, _i, dialogsEntities_1, item;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        console.log('local datasource sync status: ', ds.isLocalSynced());\n                        dialogsDTOtoEntityMapper = new _mapper_DialogLocalDTOMapper__WEBPACK_IMPORTED_MODULE_7__.DialogLocalDTOMapper();\n                        dialogsEntities = 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                                        ds.saveDialog(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                        _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    Stubs.initializeWithMessagesMockData = function (ds) {\n        return __awaiter(this, void 0, void 0, function () {\n            var initFirstPageMessages, photo, photoAttachments, video, videoAttachments, audio, audioAttachments, text, textAttachments, currentUser, i, newMessageEntity, i, newMessageEntity, messageEntityToDTOMapper, _i, initFirstPageMessages_1, entity, messageDTO, e_2;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        console.log('call initializeWithMessagesMockData');\n                        initFirstPageMessages = new Array();\n                        photo = {\n                            id: '10231',\n                            type: _Domain_entity_FileTypes__WEBPACK_IMPORTED_MODULE_5__.FileType.image,\n                            uid: '10231',\n                            url: 'https://via.placeholder.com/600/92c952',\n                            file: {\n                                id: '10231',\n                                uid: '',\n                                type: _Domain_entity_FileTypes__WEBPACK_IMPORTED_MODULE_5__.FileType.image,\n                                url: 'https://via.placeholder.com/600/92c952',\n                            },\n                        };\n                        photoAttachments = [photo];\n                        video = {\n                            id: '10232',\n                            type: _Domain_entity_FileTypes__WEBPACK_IMPORTED_MODULE_5__.FileType.video,\n                            uid: '10232',\n                            url: 'https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/WhatCarCanYouGetForAGrand.mp4',\n                            file: {\n                                id: '10232',\n                                uid: '',\n                                type: _Domain_entity_FileTypes__WEBPACK_IMPORTED_MODULE_5__.FileType.video,\n                                url: 'https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/WhatCarCanYouGetForAGrand.mp4',\n                            },\n                        };\n                        videoAttachments = [video];\n                        audio = {\n                            id: '10233',\n                            type: _Domain_entity_FileTypes__WEBPACK_IMPORTED_MODULE_5__.FileType.audio,\n                            uid: '10233',\n                            url: 'https://cdn.freesound.org/previews/681/681715_1648170-lq.mp3',\n                            file: {\n                                id: '10233',\n                                uid: '',\n                                type: _Domain_entity_FileTypes__WEBPACK_IMPORTED_MODULE_5__.FileType.audio,\n                                url: 'https://cdn.freesound.org/previews/681/681715_1648170-lq.mp3',\n                            },\n                        };\n                        audioAttachments = [audio];\n                        text = {\n                            id: '10233',\n                            type: _Domain_entity_FileTypes__WEBPACK_IMPORTED_MODULE_5__.FileType.text,\n                            uid: '10233',\n                            url: 'https://www.learningcontainer.com/wp-content/uploads/2020/04/sample-text-file.txt',\n                            file: {\n                                id: '10233',\n                                uid: '',\n                                type: _Domain_entity_FileTypes__WEBPACK_IMPORTED_MODULE_5__.FileType.text,\n                                url: 'https://www.learningcontainer.com/wp-content/uploads/2020/04/sample-text-file.txt',\n                            },\n                            name: 'textFile.txt',\n                        };\n                        textAttachments = [text];\n                        currentUser = 134885168;\n                        // attachments\n                        for (i = 0; i < 47; i += 1) {\n                            newMessageEntity = Stubs.createMessageEntityWithParams(i, '103', i % 9 === 0\n                                ? \"\".concat(i + 1, \" very very very long test text message for dialog 103. The text message with huge text: bla-bla-bla long long long long, bla-bla-bla, very very very long test text message for dialog 103. very very very long test text message for dialog 103. etc\")\n                                : \"\".concat(i + 1, \" test message for dialog 103\"), '31.03.2023', Date.now(), '31.03.2023', [currentUser, 12, 13], [currentUser, 12, 13], 1, i % 2 === 0 ? currentUser : 12, i % 2 === 0 ? 12 : currentUser, \n                            // eslint-disable-next-line no-nested-ternary\n                            i === 4 ? photoAttachments : i === 5 ? videoAttachments : undefined, i % 7 === 0 ? '3' : undefined);\n                            initFirstPageMessages.push(newMessageEntity);\n                        }\n                        //\n                        for (i = 47; i < 100; i += 1) {\n                            newMessageEntity = Stubs.createMessageEntityWithParams(i, '103', \"\".concat(i + 1, \" test message for dialog 103\"), '31.03.2023', Date.now(), '31.03.2023', [currentUser, 12, 13], [currentUser, 12, 13], 1, currentUser, 12, textAttachments);\n                            initFirstPageMessages.push(newMessageEntity);\n                        }\n                        messageEntityToDTOMapper = new _mapper_MessageLocalDTOMapper__WEBPACK_IMPORTED_MODULE_8__.MessageLocalDTOMapper();\n                        _i = 0, initFirstPageMessages_1 = initFirstPageMessages;\n                        _a.label = 1;\n                    case 1:\n                        if (!(_i < initFirstPageMessages_1.length)) return [3 /*break*/, 7];\n                        entity = initFirstPageMessages_1[_i];\n                        _a.label = 2;\n                    case 2:\n                        _a.trys.push([2, 5, , 6]);\n                        return [4 /*yield*/, messageEntityToDTOMapper.fromEntity(entity)];\n                    case 3:\n                        messageDTO = _a.sent();\n                        // eslint-disable-next-line no-await-in-loop\n                        return [4 /*yield*/, ds.saveMessage(messageDTO)];\n                    case 4:\n                        // eslint-disable-next-line no-await-in-loop\n                        _a.sent();\n                        return [3 /*break*/, 6];\n                    case 5:\n                        e_2 = _a.sent();\n                        console.log('EXCEPTION MessageEntity perform: ', JSON.stringify(entity));\n                        console.log(e_2.message);\n                        console.log(e_2._description);\n                        return [3 /*break*/, 6];\n                    case 6:\n                        _i++;\n                        return [3 /*break*/, 1];\n                    case 7: return [2 /*return*/];\n                }\n            });\n        });\n    };\n    Stubs.createDialogEntityByTypeWithEmptyValues = function (dialogType) {\n        var dialogEntity;\n        switch (dialogType) {\n            case _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_0__.DialogType[\"private\"]:\n                dialogEntity = new _Domain_entity_PrivateDialogEntity__WEBPACK_IMPORTED_MODULE_2__.PrivateDialogEntity({ todo: '' }, '', '_', {\n                    dateSent: '',\n                    text: '',\n                    userId: 0,\n                }, '', _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_0__.DialogType[\"private\"], 0, '', 0);\n                break;\n            case _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_0__.DialogType[\"public\"]:\n                dialogEntity = new _Domain_entity_PublicDialogEntity__WEBPACK_IMPORTED_MODULE_1__.PublicDialogEntity({ todo: '' }, '', {\n                    dateSent: '',\n                    text: '',\n                    userId: 0,\n                }, '', _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_0__.DialogType[\"public\"], 0, '', '', '');\n                break;\n            case _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_0__.DialogType.group:\n                dialogEntity = new _Domain_entity_GroupDialogEntity__WEBPACK_IMPORTED_MODULE_3__.GroupDialogEntity({ todo: '' }, '', {\n                    dateSent: '',\n                    text: '',\n                    userId: 0,\n                }, '', _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_0__.DialogType.group, 0, '', [], '', '');\n                break;\n            default:\n                dialogEntity = {\n                    customData: { todo: '' },\n                    id: '',\n                    name: '_',\n                    lastMessage: { dateSent: '', text: '', userId: 0 },\n                    ownerId: '',\n                    type: -1,\n                    unreadMessageCount: 0,\n                    updatedAt: '',\n                };\n                break;\n        }\n        return dialogEntity;\n    };\n    Stubs.createDialogEntityWithError = function () {\n        var entity = Stubs.createDialogEntityByTypeWithEmptyValues(-1);\n        return entity;\n    };\n    Stubs.createDialogEntityByTypeWithDefaultValues = function (dialogType) {\n        var dialogEntity;\n        switch (dialogType) {\n            case _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_0__.DialogType[\"private\"]:\n                dialogEntity = new _Domain_entity_PrivateDialogEntity__WEBPACK_IMPORTED_MODULE_2__.PrivateDialogEntity({ todo: '' }, '111', '_111', {\n                    dateSent: '01.02.2023',\n                    text: 'text test',\n                    userId: 777,\n                }, '999', _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_0__.DialogType[\"private\"], 555, '02.02.2023', 333);\n                break;\n            case _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_0__.DialogType[\"public\"]:\n                dialogEntity = new _Domain_entity_PublicDialogEntity__WEBPACK_IMPORTED_MODULE_1__.PublicDialogEntity({ todo: '' }, '111', {\n                    dateSent: '01.02.2023',\n                    text: 'text test',\n                    userId: 777,\n                }, '999', _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_0__.DialogType[\"public\"], 555, '02.02.2023', 'test public dialog', 'no photo public dialog');\n                break;\n            case _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_0__.DialogType.group:\n                dialogEntity = new _Domain_entity_GroupDialogEntity__WEBPACK_IMPORTED_MODULE_3__.GroupDialogEntity({ todo: '' }, '111', {\n                    dateSent: '01.02.2023',\n                    text: 'text test',\n                    userId: 777,\n                }, '999', _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_0__.DialogType.group, 555, '02.02.2023', [], 'test group dialog', 'no photo group dialog');\n                break;\n            default:\n                dialogEntity = {\n                    customData: { todo: '' },\n                    id: '111',\n                    name: '_111',\n                    lastMessage: {\n                        dateSent: '01.02.2023',\n                        text: 'text test',\n                        userId: 777,\n                    },\n                    ownerId: '999',\n                    type: -1,\n                    unreadMessageCount: 555,\n                    updatedAt: '03.02.2023',\n                };\n                break;\n        }\n        return dialogEntity;\n    };\n    Stubs.createDialogDTOByTypeWithDefaultValues = function (dialogType) {\n        var dto = new _dto_dialog_RemoteDialogDTO__WEBPACK_IMPORTED_MODULE_4__.RemoteDialogDTO();\n        switch (dialogType) {\n            case _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_0__.DialogType[\"private\"]:\n                dto.id = '111';\n                dto.lastMessageDateSent = '01.02.2023';\n                dto.lastMessageText = 'text test';\n                dto.lastMessageUserId = '777';\n                dto.ownerId = '999';\n                dto.type = dialogType;\n                dto.unreadMessageCount = 555;\n                dto.updatedAt = '02.02.2023';\n                dto.participantId = '333';\n                break;\n            case _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_0__.DialogType[\"public\"]:\n                dto.id = '111';\n                dto.lastMessageDateSent = '01.02.2023';\n                dto.lastMessageText = 'text test';\n                dto.lastMessageUserId = '777';\n                dto.ownerId = '999';\n                dto.type = dialogType;\n                dto.unreadMessageCount = 555;\n                dto.updatedAt = '02.02.2023';\n                dto.name = 'test public dialog';\n                dto.photo = 'no photo public dialog';\n                break;\n            case _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_0__.DialogType.group:\n                dto.id = '111';\n                dto.lastMessageDateSent = '01.02.2023';\n                dto.lastMessageText = 'text test';\n                dto.lastMessageUserId = '777';\n                dto.ownerId = '999';\n                dto.type = dialogType;\n                dto.unreadMessageCount = 555;\n                dto.updatedAt = '02.02.2023';\n                dto.participantsIds = [];\n                dto.name = 'test group dialog';\n                dto.photo = 'no photo group dialog';\n                break;\n            default:\n        }\n        return dto;\n    };\n    Stubs.createArrayDialogDTOByTypeWithDefaultValues = function (count, dialogType) {\n        var arrayDialogs = [];\n        for (var i = 0; i < count; i += 1) {\n            var dialog = Stubs.createDialogDTOByTypeWithDefaultValues(dialogType);\n            dialog.id = (1000 + i).toString();\n            arrayDialogs.push();\n        }\n        return arrayDialogs;\n    };\n    Stubs.createArrayPublicDialogDTO = function () {\n        console.log('call createArrayPublicDialogDTO');\n        var dialogs = [\n            {\n                id: '1',\n                name: 'Cash Chat 1',\n                ownerId: '1',\n                photo: '',\n                type: _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_0__.DialogType[\"public\"],\n                participantId: '',\n                participantsIds: [],\n                lastMessageText: '',\n                lastMessageDateSent: '',\n                lastMessageUserId: '',\n                lastMessageId: '',\n                unreadMessageCount: 0,\n                updatedAt: '',\n            },\n            {\n                id: '2',\n                name: 'Cash Chat 2',\n                ownerId: '2',\n                photo: '',\n                type: _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_0__.DialogType[\"public\"],\n                participantId: '',\n                participantsIds: [],\n                lastMessageText: '',\n                lastMessageDateSent: '',\n                lastMessageUserId: '',\n                lastMessageId: '',\n                unreadMessageCount: 0,\n                updatedAt: '',\n            },\n            {\n                id: '3',\n                name: 'Chat 3 from Cash',\n                ownerId: '3',\n                photo: '',\n                type: _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_0__.DialogType[\"public\"],\n                participantId: '',\n                participantsIds: [],\n                lastMessageText: '',\n                lastMessageDateSent: '',\n                lastMessageUserId: '',\n                lastMessageId: '',\n                unreadMessageCount: 0,\n                updatedAt: '',\n            },\n            {\n                id: '4',\n                name: 'Chat 4 from Cash',\n                ownerId: '4',\n                photo: '',\n                type: _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_0__.DialogType[\"public\"],\n                participantId: '',\n                participantsIds: [],\n                lastMessageText: '',\n                lastMessageDateSent: '',\n                lastMessageUserId: '',\n                lastMessageId: '',\n                unreadMessageCount: 0,\n                updatedAt: '',\n            },\n            {\n                id: '5',\n                name: 'Chat 5 from Cash',\n                ownerId: '5',\n                photo: '',\n                type: _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_0__.DialogType[\"public\"],\n                participantId: '',\n                participantsIds: [],\n                lastMessageText: '',\n                lastMessageDateSent: '',\n                lastMessageUserId: '',\n                lastMessageId: '',\n                unreadMessageCount: 0,\n                updatedAt: '',\n            },\n            {\n                id: '6',\n                name: 'Chat 6 from Cash',\n                ownerId: '6',\n                photo: '',\n                type: _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_0__.DialogType[\"public\"],\n                participantId: '',\n                participantsIds: [],\n                lastMessageText: '',\n                lastMessageDateSent: '',\n                lastMessageUserId: '',\n                lastMessageId: '',\n                unreadMessageCount: 0,\n                updatedAt: '',\n            },\n            {\n                id: '7',\n                name: 'Chat 7 Lucky Room',\n                ownerId: '7',\n                photo: '',\n                type: _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_0__.DialogType[\"public\"],\n                participantId: '',\n                participantsIds: [],\n                lastMessageText: '',\n                lastMessageDateSent: '',\n                lastMessageUserId: '',\n                lastMessageId: '',\n                unreadMessageCount: 0,\n                updatedAt: '',\n            },\n        ];\n        return dialogs;\n    };\n    Stubs.createPublicDialogQBWithEmptyValues = function () {\n        var qbDialog = {\n            _id: '111',\n            created_at: '01.03.2023',\n            last_message: 'test message',\n            last_message_date_sent: '02.03.2023',\n            last_message_id: '100',\n            last_message_user_id: 112,\n            name: '',\n            occupants_ids: [],\n            new_occupants_ids: [],\n            photo: null,\n            type: _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_0__.DialogType[\"public\"],\n            unread_messages_count: 0,\n            updated_at: '02.03.2023',\n            user_id: 0,\n            xmpp_room_jid: null,\n        };\n        return qbDialog;\n    };\n    Stubs.createPrivateDialogQBWithEmptyValues = function () {\n        var qbDialog = {\n            _id: '111',\n            created_at: '01.03.2023',\n            last_message: 'test message',\n            last_message_date_sent: '02.03.2023',\n            last_message_id: '100',\n            last_message_user_id: 112,\n            name: '',\n            occupants_ids: [],\n            new_occupants_ids: [],\n            photo: null,\n            type: _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_0__.DialogType[\"private\"],\n            unread_messages_count: 0,\n            updated_at: '02.03.2023',\n            user_id: 0,\n            xmpp_room_jid: null,\n        };\n        return qbDialog;\n    };\n    Stubs.createGroupDialogQBWithEmptyValues = function () {\n        var qbDialog = {\n            _id: '111',\n            created_at: '01.03.2023',\n            last_message: 'test message',\n            last_message_date_sent: '02.03.2023',\n            last_message_id: '100',\n            last_message_user_id: 112,\n            name: '',\n            occupants_ids: [],\n            new_occupants_ids: [],\n            photo: null,\n            type: _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_0__.DialogType.group,\n            unread_messages_count: 0,\n            updated_at: '02.03.2023',\n            user_id: 0,\n            xmpp_room_jid: null,\n        };\n        return qbDialog;\n    };\n    Stubs.createDialogEntityWithParams = function (dialogType, id, name, dateSentLastMessage, textLastMessage, userIdLastMessage, ownerId, unreadMessageCount, updatedAt, participantId, photo, participantIds) {\n        if (photo === void 0) { photo = ''; }\n        if (participantIds === void 0) { participantIds = []; }\n        var dialogEntity;\n        switch (dialogType) {\n            case _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_0__.DialogType[\"private\"]:\n                dialogEntity = new _Domain_entity_PrivateDialogEntity__WEBPACK_IMPORTED_MODULE_2__.PrivateDialogEntity({ todo: '' }, id, name, {\n                    dateSent: dateSentLastMessage,\n                    text: textLastMessage,\n                    userId: userIdLastMessage,\n                }, ownerId, _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_0__.DialogType[\"private\"], unreadMessageCount, updatedAt, participantId);\n                break;\n            case _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_0__.DialogType[\"public\"]:\n                dialogEntity = new _Domain_entity_PublicDialogEntity__WEBPACK_IMPORTED_MODULE_1__.PublicDialogEntity({ todo: '' }, id, {\n                    dateSent: dateSentLastMessage,\n                    text: textLastMessage,\n                    userId: userIdLastMessage,\n                }, ownerId, _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_0__.DialogType[\"public\"], unreadMessageCount, updatedAt, name, photo);\n                break;\n            case _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_0__.DialogType.group:\n                dialogEntity = new _Domain_entity_GroupDialogEntity__WEBPACK_IMPORTED_MODULE_3__.GroupDialogEntity({ todo: '' }, id, {\n                    dateSent: dateSentLastMessage,\n                    text: textLastMessage,\n                    userId: userIdLastMessage,\n                }, ownerId, _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_0__.DialogType.group, unreadMessageCount, updatedAt, participantIds, name, photo);\n                break;\n            default:\n                dialogEntity = {\n                    customData: { todo: '' },\n                    id: '012345',\n                    name: 'error dialog',\n                    lastMessage: {\n                        dateSent: '31.03.2023',\n                        text: 'text test',\n                        userId: 12345,\n                    },\n                    ownerId: '12345',\n                    type: -1,\n                    unreadMessageCount: 0,\n                    updatedAt: '31.03.2023',\n                };\n                break;\n        }\n        return dialogEntity;\n    };\n    Stubs.createUserEntityWithParams = function (id, full_name, email, login, created_at, updated_at, last_request_at, custom_data, user_tags, blob_id) {\n        if (custom_data === void 0) { custom_data = null; }\n        if (user_tags === void 0) { user_tags = null; }\n        if (blob_id === void 0) { blob_id = ''; }\n        var userEntity = {\n            id: id,\n            full_name: full_name,\n            email: email,\n            login: login,\n            // phone: string;\n            // website: string;\n            created_at: created_at,\n            updated_at: updated_at,\n            last_request_at: last_request_at,\n            // external_user_id: null;\n            // facebook_id: string | null;\n            blob_id: blob_id,\n            custom_data: custom_data,\n            // age_over16: boolean;\n            // allow_statistics_analysis: boolean;\n            // allow_sales_activities: boolean;\n            // parents_contacts: string;\n            user_tags: user_tags,\n            // password?: string;\n            // old_password?: string;\n        };\n        return userEntity;\n    };\n    Stubs.createMessageEntityWithParams = function (id, dialogId, message, created_at, date_sent, updated_at, delivered_ids, read_ids, read, sender_id, recipient_id, attachments, notification_type, dialog_type) {\n        return {\n            created_at: created_at,\n            date_sent: date_sent,\n            delivered_ids: delivered_ids,\n            dialogId: dialogId,\n            id: id,\n            message: message,\n            read: read,\n            read_ids: read_ids,\n            recipient_id: recipient_id,\n            sender_id: sender_id,\n            updated_at: updated_at,\n            attachments: attachments,\n            notification_type: notification_type,\n            dialogType: dialog_type,\n        };\n    };\n    Stubs.createDialogsForTest = function () {\n        var dialogs = new Array();\n        var privateDialog = Stubs.createDialogEntityWithParams(_Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_0__.DialogType[\"private\"], '101', 'Stub1 Private Dialog', '31.03.2023', 'Test text message for private dialog', 11, '11', 1, '31.03.20223', 12);\n        dialogs.push(privateDialog);\n        var publicDialog = Stubs.createDialogEntityWithParams(_Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_0__.DialogType[\"public\"], '102', 'Stub2 Public Dialog', '31.03.2023', 'Test text message for public dialog', 12, '12', 1, '31.03.20223', 12, 'no photo', [11, 12, 13]);\n        dialogs.push(publicDialog);\n        var groupDialog = Stubs.createDialogEntityWithParams(_Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_0__.DialogType.group, '103', 'Stub 3 Group Dialog', '31.03.2023', 'Test text message for group dialog', 13, '13', 1, '31.03.20223', 13, 'no photo', [11, 12, 13]);\n        dialogs.push(groupDialog);\n        return dialogs;\n    };\n    Stubs.createUsersForTest = function () {\n        var users = new Array();\n        var user11 = Stubs.createUserEntityWithParams(11, 'fl_user11', 'fl_user11@q.ua', 'login_user11', '31.03.2023', '31.03.2023', '31.03.2023');\n        var user12 = Stubs.createUserEntityWithParams(12, 'fl_user12', 'fl_user12@q.ua', 'login_user12', '31.03.2023', '31.03.2023', '31.03.2023');\n        var user13 = Stubs.createUserEntityWithParams(13, 'fl_user13', 'fl_user13@q.ua', 'login_user13', '31.03.2023', '31.03.2023', '31.03.2023');\n        users.push(user11);\n        users.push(user12);\n        users.push(user13);\n        return users;\n    };\n    Stubs.createMessagesForTest = function () {\n        var messages = new Array();\n        // shot text message\n        var message102_1 = Stubs.createMessageEntityWithParams(1021, '102', '1 test message for dialog 102', '31.03.2023', Date.now(), '31.03.2023', [11, 12, 13], [11, 12, 13], 1, 11, 12);\n        // long text message\n        var message102_2 = Stubs.createMessageEntityWithParams(1022, '102', '2 test message for dialog 102', '31.03.2023', Date.now(), '31.03.2023', [11, 12, 13], [11, 12, 13], 1, 11, 12);\n        // shot text message with attachment photo\n        var photo = {\n            id: '10231',\n            type: _Domain_entity_FileTypes__WEBPACK_IMPORTED_MODULE_5__.FileType.image,\n            uid: '10231',\n            url: 'https://via.placeholder.com/600/92c952',\n            file: {\n                id: '10231',\n                uid: '',\n                type: _Domain_entity_FileTypes__WEBPACK_IMPORTED_MODULE_5__.FileType.image,\n                url: 'https://via.placeholder.com/600/92c952',\n            },\n        };\n        var photoAttachments = [photo];\n        var message102_3 = Stubs.createMessageEntityWithParams(1023, '102', '3 test message for dialog 102', '31.03.2023', Date.now(), '31.03.2023', [11, 12, 13], [11, 12, 13], 1, 11, 12, photoAttachments);\n        // shot text message with attachment video\n        var video = {\n            id: '10232',\n            type: _Domain_entity_FileTypes__WEBPACK_IMPORTED_MODULE_5__.FileType.video,\n            uid: '10232',\n            url: 'https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/WhatCarCanYouGetForAGrand.mp4',\n            file: {\n                id: '10232',\n                uid: '',\n                type: _Domain_entity_FileTypes__WEBPACK_IMPORTED_MODULE_5__.FileType.video,\n                url: 'https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/WhatCarCanYouGetForAGrand.mp4',\n            },\n        };\n        var videoAttachments = [video];\n        var message102_4 = Stubs.createMessageEntityWithParams(1024, '102', '3 test message for dialog 102', '31.03.2023', Date.now(), '31.03.2023', [11, 12, 13], [11, 12, 13], 1, 11, 12, videoAttachments);\n        // shot text message with attachment audio\n        var audio = {\n            id: '10233',\n            type: _Domain_entity_FileTypes__WEBPACK_IMPORTED_MODULE_5__.FileType.audio,\n            uid: '10233',\n            url: 'https://cdn.freesound.org/previews/681/681715_1648170-lq.mp3',\n            file: {\n                id: '10233',\n                uid: '',\n                type: _Domain_entity_FileTypes__WEBPACK_IMPORTED_MODULE_5__.FileType.audio,\n                url: 'https://cdn.freesound.org/previews/681/681715_1648170-lq.mp3',\n            },\n        };\n        var audioAttachments = [audio];\n        var message102_5 = Stubs.createMessageEntityWithParams(1025, '102', '3 test message for dialog 102', '31.03.2023', Date.now(), '31.03.2023', [11, 12, 13], [11, 12, 13], 1, 11, 12, audioAttachments);\n        // shot text message with attachment text\n        var text = {\n            id: '10233',\n            type: _Domain_entity_FileTypes__WEBPACK_IMPORTED_MODULE_5__.FileType.text,\n            uid: '10233',\n            url: 'https://www.learningcontainer.com/wp-content/uploads/2020/04/sample-text-file.txt',\n            file: {\n                id: '10233',\n                uid: '',\n                type: _Domain_entity_FileTypes__WEBPACK_IMPORTED_MODULE_5__.FileType.text,\n                url: 'https://www.learningcontainer.com/wp-content/uploads/2020/04/sample-text-file.txt',\n            },\n        };\n        var textAttachments = [text];\n        var message102_6 = Stubs.createMessageEntityWithParams(1026, '102', '3 test message for dialog 102', '31.03.2023', Date.now(), '31.03.2023', [11, 12, 13], [11, 12, 13], 1, 11, 12, textAttachments);\n        messages.push(message102_1);\n        messages.push(message102_2);\n        messages.push(message102_3); // image\n        messages.push(message102_4); // video\n        messages.push(message102_5); // audio\n        messages.push(message102_6); // text\n        var message112_1 = Stubs.createMessageEntityWithParams(1121, '112', '1 test message for dialog 112', '31.03.2023', Date.now(), '31.03.2023', [11, 12, 13], [11, 12, 13], 1, 11, 12);\n        var message112_2 = Stubs.createMessageEntityWithParams(1122, '112', '2 test message for dialog 112', '31.03.2023', Date.now(), '31.03.2023', [11, 12, 13], [11, 12, 13], 1, 11, 12);\n        var message112_3 = Stubs.createMessageEntityWithParams(1123, '112', '3 test message for dialog 112', '31.03.2023', Date.now(), '31.03.2023', [11, 12, 13], [11, 12, 13], 1, 11, 12);\n        messages.push(message112_1);\n        messages.push(message112_2);\n        messages.push(message112_3);\n        var message113_1 = Stubs.createMessageEntityWithParams(1131, '113', '1 test message for dialog 113', '31.03.2023', Date.now(), '31.03.2023', [11, 12, 13], [11, 12, 13], 1, 11, 12);\n        var message113_2 = Stubs.createMessageEntityWithParams(1132, '113', '2 test message for dialog 113', '31.03.2023', Date.now(), '31.03.2023', [11, 12, 13], [11, 12, 13], 1, 11, 12);\n        var message113_3 = Stubs.createMessageEntityWithParams(1133, '113', '3 test message for dialog 113', '31.03.2023', Date.now(), '31.03.2023', [11, 12, 13], [11, 12, 13], 1, 11, 12);\n        messages.push(message113_1);\n        messages.push(message113_2);\n        messages.push(message113_3);\n        return messages;\n    };\n    Stubs.createFileEntityWithDefaultValues = function () {\n        return {\n            id: '0',\n            uid: '',\n            url: '',\n            name: '',\n            size: 0,\n            type: _Domain_entity_FileTypes__WEBPACK_IMPORTED_MODULE_5__.FileType.image,\n            data: '',\n        };\n    };\n    return Stubs;\n}());\n\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/Data/Stubs.ts?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"Stubs\": function() { return /* binding */ Stubs; }\n/* harmony export */ });\n/* harmony import */ var _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../Domain/entity/DialogTypes */ \"./src/Domain/entity/DialogTypes.ts\");\n/* harmony import */ var _Domain_entity_PublicDialogEntity__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../Domain/entity/PublicDialogEntity */ \"./src/Domain/entity/PublicDialogEntity.ts\");\n/* harmony import */ var _Domain_entity_PrivateDialogEntity__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../Domain/entity/PrivateDialogEntity */ \"./src/Domain/entity/PrivateDialogEntity.ts\");\n/* harmony import */ var _Domain_entity_GroupDialogEntity__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../Domain/entity/GroupDialogEntity */ \"./src/Domain/entity/GroupDialogEntity.ts\");\n/* harmony import */ var _dto_dialog_RemoteDialogDTO__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./dto/dialog/RemoteDialogDTO */ \"./src/Data/dto/dialog/RemoteDialogDTO.ts\");\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 _mapper_UserRemoteDTOMapper__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./mapper/UserRemoteDTOMapper */ \"./src/Data/mapper/UserRemoteDTOMapper.ts\");\n/* harmony import */ var _mapper_DialogLocalDTOMapper__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./mapper/DialogLocalDTOMapper */ \"./src/Data/mapper/DialogLocalDTOMapper.ts\");\n/* harmony import */ var _mapper_MessageLocalDTOMapper__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./mapper/MessageLocalDTOMapper */ \"./src/Data/mapper/MessageLocalDTOMapper.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};\n\n\n\n\n\n\n\n\n\nvar Stubs = /** @class */ (function () {\n    function Stubs() {\n    }\n    Stubs.initializeWithUsersMockData = function (ds) {\n        return __awaiter(this, void 0, void 0, function () {\n            var userEntities, userEntityToDTOMapper, _i, userEntities_1, entity, userDTO, e_1;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        console.log('local datasource sync status: ', ds.isLocalSynced());\n                        userEntities = Stubs.createUsersForTest();\n                        userEntityToDTOMapper = new _mapper_UserRemoteDTOMapper__WEBPACK_IMPORTED_MODULE_6__.UserRemoteDTOMapper();\n                        _i = 0, userEntities_1 = userEntities;\n                        _a.label = 1;\n                    case 1:\n                        if (!(_i < userEntities_1.length)) return [3 /*break*/, 7];\n                        entity = userEntities_1[_i];\n                        _a.label = 2;\n                    case 2:\n                        _a.trys.push([2, 5, , 6]);\n                        return [4 /*yield*/, userEntityToDTOMapper.fromEntity(entity)];\n                    case 3:\n                        userDTO = _a.sent();\n                        // eslint-disable-next-line no-await-in-loop\n                        return [4 /*yield*/, ds.saveUser(userDTO)];\n                    case 4:\n                        // eslint-disable-next-line no-await-in-loop\n                        _a.sent();\n                        return [3 /*break*/, 6];\n                    case 5:\n                        e_1 = _a.sent();\n                        console.log('EXCEPTION UserEntity perform: ', JSON.stringify(entity));\n                        console.log(e_1.message);\n                        console.log(e_1._description);\n                        return [3 /*break*/, 6];\n                    case 6:\n                        _i++;\n                        return [3 /*break*/, 1];\n                    case 7: return [2 /*return*/];\n                }\n            });\n        });\n    };\n    Stubs.initializeWithDialogsMockData = function (ds) {\n        return __awaiter(this, void 0, void 0, function () {\n            var dialogsDTOtoEntityMapper, dialogsEntities, _loop_1, _i, dialogsEntities_1, item;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        console.log('local datasource sync status: ', ds.isLocalSynced());\n                        dialogsDTOtoEntityMapper = new _mapper_DialogLocalDTOMapper__WEBPACK_IMPORTED_MODULE_7__.DialogLocalDTOMapper();\n                        dialogsEntities = 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                                        ds.saveDialog(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                        _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    Stubs.initializeWithMessagesMockData = function (ds) {\n        return __awaiter(this, void 0, void 0, function () {\n            var initFirstPageMessages, photo, photoAttachments, video, videoAttachments, audio, audioAttachments, text, textAttachments, currentUser, i, newMessageEntity, i, newMessageEntity, messageEntityToDTOMapper, _i, initFirstPageMessages_1, entity, messageDTO, e_2;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        console.log('call initializeWithMessagesMockData');\n                        initFirstPageMessages = new Array();\n                        photo = {\n                            id: '10231',\n                            type: _Domain_entity_FileTypes__WEBPACK_IMPORTED_MODULE_5__.FileType.image,\n                            uid: '10231',\n                            url: 'https://via.placeholder.com/600/92c952',\n                            file: {\n                                id: '10231',\n                                uid: '',\n                                type: _Domain_entity_FileTypes__WEBPACK_IMPORTED_MODULE_5__.FileType.image,\n                                url: 'https://via.placeholder.com/600/92c952',\n                            },\n                        };\n                        photoAttachments = [photo];\n                        video = {\n                            id: '10232',\n                            type: _Domain_entity_FileTypes__WEBPACK_IMPORTED_MODULE_5__.FileType.video,\n                            uid: '10232',\n                            url: 'https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/WhatCarCanYouGetForAGrand.mp4',\n                            file: {\n                                id: '10232',\n                                uid: '',\n                                type: _Domain_entity_FileTypes__WEBPACK_IMPORTED_MODULE_5__.FileType.video,\n                                url: 'https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/WhatCarCanYouGetForAGrand.mp4',\n                            },\n                        };\n                        videoAttachments = [video];\n                        audio = {\n                            id: '10233',\n                            type: _Domain_entity_FileTypes__WEBPACK_IMPORTED_MODULE_5__.FileType.audio,\n                            uid: '10233',\n                            url: 'https://cdn.freesound.org/previews/681/681715_1648170-lq.mp3',\n                            file: {\n                                id: '10233',\n                                uid: '',\n                                type: _Domain_entity_FileTypes__WEBPACK_IMPORTED_MODULE_5__.FileType.audio,\n                                url: 'https://cdn.freesound.org/previews/681/681715_1648170-lq.mp3',\n                            },\n                        };\n                        audioAttachments = [audio];\n                        text = {\n                            id: '10233',\n                            type: _Domain_entity_FileTypes__WEBPACK_IMPORTED_MODULE_5__.FileType.text,\n                            uid: '10233',\n                            url: 'https://www.learningcontainer.com/wp-content/uploads/2020/04/sample-text-file.txt',\n                            file: {\n                                id: '10233',\n                                uid: '',\n                                type: _Domain_entity_FileTypes__WEBPACK_IMPORTED_MODULE_5__.FileType.text,\n                                url: 'https://www.learningcontainer.com/wp-content/uploads/2020/04/sample-text-file.txt',\n                            },\n                            name: 'textFile.txt',\n                        };\n                        textAttachments = [text];\n                        currentUser = 134885168;\n                        // attachments\n                        for (i = 0; i < 47; i += 1) {\n                            newMessageEntity = Stubs.createMessageEntityWithParams(i.toString(), '103', i % 9 === 0\n                                ? \"\".concat(i + 1, \" very very very long test text message for dialog 103. The text message with huge text: bla-bla-bla long long long long, bla-bla-bla, very very very long test text message for dialog 103. very very very long test text message for dialog 103. etc\")\n                                : \"\".concat(i + 1, \" test message for dialog 103\"), '31.03.2023', Date.now(), '31.03.2023', [currentUser, 12, 13], [currentUser, 12, 13], 1, i % 2 === 0 ? currentUser : 12, i % 2 === 0 ? 12 : currentUser, \n                            // eslint-disable-next-line no-nested-ternary\n                            i === 4 ? photoAttachments : i === 5 ? videoAttachments : undefined, i % 7 === 0 ? '3' : undefined);\n                            initFirstPageMessages.push(newMessageEntity);\n                        }\n                        //\n                        for (i = 47; i < 100; i += 1) {\n                            newMessageEntity = Stubs.createMessageEntityWithParams(i.toString(), '103', \"\".concat(i + 1, \" test message for dialog 103\"), '31.03.2023', Date.now(), '31.03.2023', [currentUser, 12, 13], [currentUser, 12, 13], 1, currentUser, 12, textAttachments);\n                            initFirstPageMessages.push(newMessageEntity);\n                        }\n                        messageEntityToDTOMapper = new _mapper_MessageLocalDTOMapper__WEBPACK_IMPORTED_MODULE_8__.MessageLocalDTOMapper();\n                        _i = 0, initFirstPageMessages_1 = initFirstPageMessages;\n                        _a.label = 1;\n                    case 1:\n                        if (!(_i < initFirstPageMessages_1.length)) return [3 /*break*/, 7];\n                        entity = initFirstPageMessages_1[_i];\n                        _a.label = 2;\n                    case 2:\n                        _a.trys.push([2, 5, , 6]);\n                        return [4 /*yield*/, messageEntityToDTOMapper.fromEntity(entity)];\n                    case 3:\n                        messageDTO = _a.sent();\n                        // eslint-disable-next-line no-await-in-loop\n                        return [4 /*yield*/, ds.saveMessage(messageDTO)];\n                    case 4:\n                        // eslint-disable-next-line no-await-in-loop\n                        _a.sent();\n                        return [3 /*break*/, 6];\n                    case 5:\n                        e_2 = _a.sent();\n                        console.log('EXCEPTION MessageEntity perform: ', JSON.stringify(entity));\n                        console.log(e_2.message);\n                        console.log(e_2._description);\n                        return [3 /*break*/, 6];\n                    case 6:\n                        _i++;\n                        return [3 /*break*/, 1];\n                    case 7: return [2 /*return*/];\n                }\n            });\n        });\n    };\n    Stubs.createDialogEntityByTypeWithEmptyValues = function (dialogType) {\n        var dialogEntity;\n        switch (dialogType) {\n            case _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_0__.DialogType[\"private\"]:\n                dialogEntity = new _Domain_entity_PrivateDialogEntity__WEBPACK_IMPORTED_MODULE_2__.PrivateDialogEntity({ todo: '' }, '', '_', {\n                    dateSent: '',\n                    text: '',\n                    userId: 0,\n                }, '', _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_0__.DialogType[\"private\"], 0, '', 0);\n                break;\n            case _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_0__.DialogType[\"public\"]:\n                dialogEntity = new _Domain_entity_PublicDialogEntity__WEBPACK_IMPORTED_MODULE_1__.PublicDialogEntity({ todo: '' }, '', {\n                    dateSent: '',\n                    text: '',\n                    userId: 0,\n                }, '', _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_0__.DialogType[\"public\"], 0, '', '', '');\n                break;\n            case _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_0__.DialogType.group:\n                dialogEntity = new _Domain_entity_GroupDialogEntity__WEBPACK_IMPORTED_MODULE_3__.GroupDialogEntity({ todo: '' }, '', {\n                    dateSent: '',\n                    text: '',\n                    userId: 0,\n                }, '', _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_0__.DialogType.group, 0, '', [], '', '');\n                break;\n            default:\n                dialogEntity = {\n                    customData: { todo: '' },\n                    id: '',\n                    name: '_',\n                    lastMessage: { dateSent: '', text: '', userId: 0 },\n                    ownerId: '',\n                    type: -1,\n                    unreadMessageCount: 0,\n                    updatedAt: '',\n                };\n                break;\n        }\n        return dialogEntity;\n    };\n    Stubs.createDialogEntityWithError = function () {\n        var entity = Stubs.createDialogEntityByTypeWithEmptyValues(-1);\n        return entity;\n    };\n    Stubs.createDialogEntityByTypeWithDefaultValues = function (dialogType) {\n        var dialogEntity;\n        switch (dialogType) {\n            case _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_0__.DialogType[\"private\"]:\n                dialogEntity = new _Domain_entity_PrivateDialogEntity__WEBPACK_IMPORTED_MODULE_2__.PrivateDialogEntity({ todo: '' }, '111', '_111', {\n                    dateSent: '01.02.2023',\n                    text: 'text test',\n                    userId: 777,\n                }, '999', _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_0__.DialogType[\"private\"], 555, '02.02.2023', 333);\n                break;\n            case _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_0__.DialogType[\"public\"]:\n                dialogEntity = new _Domain_entity_PublicDialogEntity__WEBPACK_IMPORTED_MODULE_1__.PublicDialogEntity({ todo: '' }, '111', {\n                    dateSent: '01.02.2023',\n                    text: 'text test',\n                    userId: 777,\n                }, '999', _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_0__.DialogType[\"public\"], 555, '02.02.2023', 'test public dialog', 'no photo public dialog');\n                break;\n            case _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_0__.DialogType.group:\n                dialogEntity = new _Domain_entity_GroupDialogEntity__WEBPACK_IMPORTED_MODULE_3__.GroupDialogEntity({ todo: '' }, '111', {\n                    dateSent: '01.02.2023',\n                    text: 'text test',\n                    userId: 777,\n                }, '999', _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_0__.DialogType.group, 555, '02.02.2023', [], 'test group dialog', 'no photo group dialog');\n                break;\n            default:\n                dialogEntity = {\n                    customData: { todo: '' },\n                    id: '111',\n                    name: '_111',\n                    lastMessage: {\n                        dateSent: '01.02.2023',\n                        text: 'text test',\n                        userId: 777,\n                    },\n                    ownerId: '999',\n                    type: -1,\n                    unreadMessageCount: 555,\n                    updatedAt: '03.02.2023',\n                };\n                break;\n        }\n        return dialogEntity;\n    };\n    Stubs.createDialogDTOByTypeWithDefaultValues = function (dialogType) {\n        var dto = new _dto_dialog_RemoteDialogDTO__WEBPACK_IMPORTED_MODULE_4__.RemoteDialogDTO();\n        switch (dialogType) {\n            case _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_0__.DialogType[\"private\"]:\n                dto.id = '111';\n                dto.lastMessageDateSent = '01.02.2023';\n                dto.lastMessageText = 'text test';\n                dto.lastMessageUserId = '777';\n                dto.ownerId = '999';\n                dto.type = dialogType;\n                dto.unreadMessageCount = 555;\n                dto.updatedAt = '02.02.2023';\n                dto.participantId = '333';\n                break;\n            case _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_0__.DialogType[\"public\"]:\n                dto.id = '111';\n                dto.lastMessageDateSent = '01.02.2023';\n                dto.lastMessageText = 'text test';\n                dto.lastMessageUserId = '777';\n                dto.ownerId = '999';\n                dto.type = dialogType;\n                dto.unreadMessageCount = 555;\n                dto.updatedAt = '02.02.2023';\n                dto.name = 'test public dialog';\n                dto.photo = 'no photo public dialog';\n                break;\n            case _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_0__.DialogType.group:\n                dto.id = '111';\n                dto.lastMessageDateSent = '01.02.2023';\n                dto.lastMessageText = 'text test';\n                dto.lastMessageUserId = '777';\n                dto.ownerId = '999';\n                dto.type = dialogType;\n                dto.unreadMessageCount = 555;\n                dto.updatedAt = '02.02.2023';\n                dto.participantsIds = [];\n                dto.name = 'test group dialog';\n                dto.photo = 'no photo group dialog';\n                break;\n            default:\n        }\n        return dto;\n    };\n    Stubs.createArrayDialogDTOByTypeWithDefaultValues = function (count, dialogType) {\n        var arrayDialogs = [];\n        for (var i = 0; i < count; i += 1) {\n            var dialog = Stubs.createDialogDTOByTypeWithDefaultValues(dialogType);\n            dialog.id = (1000 + i).toString();\n            arrayDialogs.push();\n        }\n        return arrayDialogs;\n    };\n    Stubs.createArrayPublicDialogDTO = function () {\n        console.log('call createArrayPublicDialogDTO');\n        var dialogs = [\n            {\n                id: '1',\n                name: 'Cash Chat 1',\n                ownerId: '1',\n                photo: '',\n                type: _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_0__.DialogType[\"public\"],\n                participantId: '',\n                participantsIds: [],\n                lastMessageText: '',\n                lastMessageDateSent: '',\n                lastMessageUserId: '',\n                lastMessageId: '',\n                unreadMessageCount: 0,\n                updatedAt: '',\n            },\n            {\n                id: '2',\n                name: 'Cash Chat 2',\n                ownerId: '2',\n                photo: '',\n                type: _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_0__.DialogType[\"public\"],\n                participantId: '',\n                participantsIds: [],\n                lastMessageText: '',\n                lastMessageDateSent: '',\n                lastMessageUserId: '',\n                lastMessageId: '',\n                unreadMessageCount: 0,\n                updatedAt: '',\n            },\n            {\n                id: '3',\n                name: 'Chat 3 from Cash',\n                ownerId: '3',\n                photo: '',\n                type: _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_0__.DialogType[\"public\"],\n                participantId: '',\n                participantsIds: [],\n                lastMessageText: '',\n                lastMessageDateSent: '',\n                lastMessageUserId: '',\n                lastMessageId: '',\n                unreadMessageCount: 0,\n                updatedAt: '',\n            },\n            {\n                id: '4',\n                name: 'Chat 4 from Cash',\n                ownerId: '4',\n                photo: '',\n                type: _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_0__.DialogType[\"public\"],\n                participantId: '',\n                participantsIds: [],\n                lastMessageText: '',\n                lastMessageDateSent: '',\n                lastMessageUserId: '',\n                lastMessageId: '',\n                unreadMessageCount: 0,\n                updatedAt: '',\n            },\n            {\n                id: '5',\n                name: 'Chat 5 from Cash',\n                ownerId: '5',\n                photo: '',\n                type: _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_0__.DialogType[\"public\"],\n                participantId: '',\n                participantsIds: [],\n                lastMessageText: '',\n                lastMessageDateSent: '',\n                lastMessageUserId: '',\n                lastMessageId: '',\n                unreadMessageCount: 0,\n                updatedAt: '',\n            },\n            {\n                id: '6',\n                name: 'Chat 6 from Cash',\n                ownerId: '6',\n                photo: '',\n                type: _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_0__.DialogType[\"public\"],\n                participantId: '',\n                participantsIds: [],\n                lastMessageText: '',\n                lastMessageDateSent: '',\n                lastMessageUserId: '',\n                lastMessageId: '',\n                unreadMessageCount: 0,\n                updatedAt: '',\n            },\n            {\n                id: '7',\n                name: 'Chat 7 Lucky Room',\n                ownerId: '7',\n                photo: '',\n                type: _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_0__.DialogType[\"public\"],\n                participantId: '',\n                participantsIds: [],\n                lastMessageText: '',\n                lastMessageDateSent: '',\n                lastMessageUserId: '',\n                lastMessageId: '',\n                unreadMessageCount: 0,\n                updatedAt: '',\n            },\n        ];\n        return dialogs;\n    };\n    Stubs.createPublicDialogQBWithEmptyValues = function () {\n        var qbDialog = {\n            _id: '111',\n            created_at: '01.03.2023',\n            last_message: 'test message',\n            last_message_date_sent: '02.03.2023',\n            last_message_id: '100',\n            last_message_user_id: 112,\n            name: '',\n            occupants_ids: [],\n            new_occupants_ids: [],\n            photo: null,\n            type: _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_0__.DialogType[\"public\"],\n            unread_messages_count: 0,\n            updated_at: '02.03.2023',\n            user_id: 0,\n            xmpp_room_jid: null,\n        };\n        return qbDialog;\n    };\n    Stubs.createPrivateDialogQBWithEmptyValues = function () {\n        var qbDialog = {\n            _id: '111',\n            created_at: '01.03.2023',\n            last_message: 'test message',\n            last_message_date_sent: '02.03.2023',\n            last_message_id: '100',\n            last_message_user_id: 112,\n            name: '',\n            occupants_ids: [],\n            new_occupants_ids: [],\n            photo: null,\n            type: _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_0__.DialogType[\"private\"],\n            unread_messages_count: 0,\n            updated_at: '02.03.2023',\n            user_id: 0,\n            xmpp_room_jid: null,\n        };\n        return qbDialog;\n    };\n    Stubs.createGroupDialogQBWithEmptyValues = function () {\n        var qbDialog = {\n            _id: '111',\n            created_at: '01.03.2023',\n            last_message: 'test message',\n            last_message_date_sent: '02.03.2023',\n            last_message_id: '100',\n            last_message_user_id: 112,\n            name: '',\n            occupants_ids: [],\n            new_occupants_ids: [],\n            photo: null,\n            type: _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_0__.DialogType.group,\n            unread_messages_count: 0,\n            updated_at: '02.03.2023',\n            user_id: 0,\n            xmpp_room_jid: null,\n        };\n        return qbDialog;\n    };\n    Stubs.createDialogEntityWithParams = function (dialogType, id, name, dateSentLastMessage, textLastMessage, userIdLastMessage, ownerId, unreadMessageCount, updatedAt, participantId, photo, participantIds) {\n        if (photo === void 0) { photo = ''; }\n        if (participantIds === void 0) { participantIds = []; }\n        var dialogEntity;\n        switch (dialogType) {\n            case _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_0__.DialogType[\"private\"]:\n                dialogEntity = new _Domain_entity_PrivateDialogEntity__WEBPACK_IMPORTED_MODULE_2__.PrivateDialogEntity({ todo: '' }, id, name, {\n                    dateSent: dateSentLastMessage,\n                    text: textLastMessage,\n                    userId: userIdLastMessage,\n                }, ownerId, _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_0__.DialogType[\"private\"], unreadMessageCount, updatedAt, participantId);\n                break;\n            case _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_0__.DialogType[\"public\"]:\n                dialogEntity = new _Domain_entity_PublicDialogEntity__WEBPACK_IMPORTED_MODULE_1__.PublicDialogEntity({ todo: '' }, id, {\n                    dateSent: dateSentLastMessage,\n                    text: textLastMessage,\n                    userId: userIdLastMessage,\n                }, ownerId, _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_0__.DialogType[\"public\"], unreadMessageCount, updatedAt, name, photo);\n                break;\n            case _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_0__.DialogType.group:\n                dialogEntity = new _Domain_entity_GroupDialogEntity__WEBPACK_IMPORTED_MODULE_3__.GroupDialogEntity({ todo: '' }, id, {\n                    dateSent: dateSentLastMessage,\n                    text: textLastMessage,\n                    userId: userIdLastMessage,\n                }, ownerId, _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_0__.DialogType.group, unreadMessageCount, updatedAt, participantIds, name, photo);\n                break;\n            default:\n                dialogEntity = {\n                    customData: { todo: '' },\n                    id: '012345',\n                    name: 'error dialog',\n                    lastMessage: {\n                        dateSent: '31.03.2023',\n                        text: 'text test',\n                        userId: 12345,\n                    },\n                    ownerId: '12345',\n                    type: -1,\n                    unreadMessageCount: 0,\n                    updatedAt: '31.03.2023',\n                };\n                break;\n        }\n        return dialogEntity;\n    };\n    Stubs.createUserEntityWithParams = function (id, full_name, email, login, created_at, updated_at, last_request_at, custom_data, user_tags, blob_id) {\n        if (custom_data === void 0) { custom_data = null; }\n        if (user_tags === void 0) { user_tags = null; }\n        if (blob_id === void 0) { blob_id = ''; }\n        var userEntity = {\n            id: id,\n            full_name: full_name,\n            email: email,\n            login: login,\n            // phone: string;\n            // website: string;\n            created_at: created_at,\n            updated_at: updated_at,\n            last_request_at: last_request_at,\n            // external_user_id: null;\n            // facebook_id: string | null;\n            blob_id: blob_id,\n            custom_data: custom_data,\n            // age_over16: boolean;\n            // allow_statistics_analysis: boolean;\n            // allow_sales_activities: boolean;\n            // parents_contacts: string;\n            user_tags: user_tags,\n            // password?: string;\n            // old_password?: string;\n        };\n        return userEntity;\n    };\n    Stubs.createMessageEntityWithParams = function (id, dialogId, message, created_at, date_sent, updated_at, delivered_ids, read_ids, read, sender_id, recipient_id, attachments, notification_type, dialog_type) {\n        return {\n            created_at: created_at,\n            date_sent: date_sent,\n            delivered_ids: delivered_ids,\n            dialogId: dialogId,\n            id: id,\n            message: message,\n            read: read,\n            read_ids: read_ids,\n            recipient_id: recipient_id,\n            sender_id: sender_id,\n            updated_at: updated_at,\n            attachments: attachments,\n            notification_type: notification_type,\n            dialogType: dialog_type,\n        };\n    };\n    Stubs.createDialogsForTest = function () {\n        var dialogs = new Array();\n        var privateDialog = Stubs.createDialogEntityWithParams(_Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_0__.DialogType[\"private\"], '101', 'Stub1 Private Dialog', '31.03.2023', 'Test text message for private dialog', 11, '11', 1, '31.03.20223', 12);\n        dialogs.push(privateDialog);\n        var publicDialog = Stubs.createDialogEntityWithParams(_Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_0__.DialogType[\"public\"], '102', 'Stub2 Public Dialog', '31.03.2023', 'Test text message for public dialog', 12, '12', 1, '31.03.20223', 12, 'no photo', [11, 12, 13]);\n        dialogs.push(publicDialog);\n        var groupDialog = Stubs.createDialogEntityWithParams(_Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_0__.DialogType.group, '103', 'Stub 3 Group Dialog', '31.03.2023', 'Test text message for group dialog', 13, '13', 1, '31.03.20223', 13, 'no photo', [11, 12, 13]);\n        dialogs.push(groupDialog);\n        return dialogs;\n    };\n    Stubs.createUsersForTest = function () {\n        var users = new Array();\n        var user11 = Stubs.createUserEntityWithParams(11, 'fl_user11', 'fl_user11@q.ua', 'login_user11', '31.03.2023', '31.03.2023', '31.03.2023');\n        var user12 = Stubs.createUserEntityWithParams(12, 'fl_user12', 'fl_user12@q.ua', 'login_user12', '31.03.2023', '31.03.2023', '31.03.2023');\n        var user13 = Stubs.createUserEntityWithParams(13, 'fl_user13', 'fl_user13@q.ua', 'login_user13', '31.03.2023', '31.03.2023', '31.03.2023');\n        users.push(user11);\n        users.push(user12);\n        users.push(user13);\n        return users;\n    };\n    Stubs.createMessagesForTest = function () {\n        var messages = new Array();\n        // shot text message\n        var message102_1 = Stubs.createMessageEntityWithParams('1021', '102', '1 test message for dialog 102', '31.03.2023', Date.now(), '31.03.2023', [11, 12, 13], [11, 12, 13], 1, 11, 12);\n        // long text message\n        var message102_2 = Stubs.createMessageEntityWithParams('1022', '102', '2 test message for dialog 102', '31.03.2023', Date.now(), '31.03.2023', [11, 12, 13], [11, 12, 13], 1, 11, 12);\n        // shot text message with attachment photo\n        var photo = {\n            id: '10231',\n            type: _Domain_entity_FileTypes__WEBPACK_IMPORTED_MODULE_5__.FileType.image,\n            uid: '10231',\n            url: 'https://via.placeholder.com/600/92c952',\n            file: {\n                id: '10231',\n                uid: '',\n                type: _Domain_entity_FileTypes__WEBPACK_IMPORTED_MODULE_5__.FileType.image,\n                url: 'https://via.placeholder.com/600/92c952',\n            },\n        };\n        var photoAttachments = [photo];\n        var message102_3 = Stubs.createMessageEntityWithParams('1023', '102', '3 test message for dialog 102', '31.03.2023', Date.now(), '31.03.2023', [11, 12, 13], [11, 12, 13], 1, 11, 12, photoAttachments);\n        // shot text message with attachment video\n        var video = {\n            id: '10232',\n            type: _Domain_entity_FileTypes__WEBPACK_IMPORTED_MODULE_5__.FileType.video,\n            uid: '10232',\n            url: 'https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/WhatCarCanYouGetForAGrand.mp4',\n            file: {\n                id: '10232',\n                uid: '',\n                type: _Domain_entity_FileTypes__WEBPACK_IMPORTED_MODULE_5__.FileType.video,\n                url: 'https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/WhatCarCanYouGetForAGrand.mp4',\n            },\n        };\n        var videoAttachments = [video];\n        var message102_4 = Stubs.createMessageEntityWithParams('1024', '102', '3 test message for dialog 102', '31.03.2023', Date.now(), '31.03.2023', [11, 12, 13], [11, 12, 13], 1, 11, 12, videoAttachments);\n        // shot text message with attachment audio\n        var audio = {\n            id: '10233',\n            type: _Domain_entity_FileTypes__WEBPACK_IMPORTED_MODULE_5__.FileType.audio,\n            uid: '10233',\n            url: 'https://cdn.freesound.org/previews/681/681715_1648170-lq.mp3',\n            file: {\n                id: '10233',\n                uid: '',\n                type: _Domain_entity_FileTypes__WEBPACK_IMPORTED_MODULE_5__.FileType.audio,\n                url: 'https://cdn.freesound.org/previews/681/681715_1648170-lq.mp3',\n            },\n        };\n        var audioAttachments = [audio];\n        var message102_5 = Stubs.createMessageEntityWithParams('1025', '102', '3 test message for dialog 102', '31.03.2023', Date.now(), '31.03.2023', [11, 12, 13], [11, 12, 13], 1, 11, 12, audioAttachments);\n        // shot text message with attachment text\n        var text = {\n            id: '10233',\n            type: _Domain_entity_FileTypes__WEBPACK_IMPORTED_MODULE_5__.FileType.text,\n            uid: '10233',\n            url: 'https://www.learningcontainer.com/wp-content/uploads/2020/04/sample-text-file.txt',\n            file: {\n                id: '10233',\n                uid: '',\n                type: _Domain_entity_FileTypes__WEBPACK_IMPORTED_MODULE_5__.FileType.text,\n                url: 'https://www.learningcontainer.com/wp-content/uploads/2020/04/sample-text-file.txt',\n            },\n        };\n        var textAttachments = [text];\n        var message102_6 = Stubs.createMessageEntityWithParams('1026', '102', '3 test message for dialog 102', '31.03.2023', Date.now(), '31.03.2023', [11, 12, 13], [11, 12, 13], 1, 11, 12, textAttachments);\n        messages.push(message102_1);\n        messages.push(message102_2);\n        messages.push(message102_3); // image\n        messages.push(message102_4); // video\n        messages.push(message102_5); // audio\n        messages.push(message102_6); // text\n        var message112_1 = Stubs.createMessageEntityWithParams('1121', '112', '1 test message for dialog 112', '31.03.2023', Date.now(), '31.03.2023', [11, 12, 13], [11, 12, 13], 1, 11, 12);\n        var message112_2 = Stubs.createMessageEntityWithParams('1122', '112', '2 test message for dialog 112', '31.03.2023', Date.now(), '31.03.2023', [11, 12, 13], [11, 12, 13], 1, 11, 12);\n        var message112_3 = Stubs.createMessageEntityWithParams('1123', '112', '3 test message for dialog 112', '31.03.2023', Date.now(), '31.03.2023', [11, 12, 13], [11, 12, 13], 1, 11, 12);\n        messages.push(message112_1);\n        messages.push(message112_2);\n        messages.push(message112_3);\n        var message113_1 = Stubs.createMessageEntityWithParams('1131', '113', '1 test message for dialog 113', '31.03.2023', Date.now(), '31.03.2023', [11, 12, 13], [11, 12, 13], 1, 11, 12);\n        var message113_2 = Stubs.createMessageEntityWithParams('1132', '113', '2 test message for dialog 113', '31.03.2023', Date.now(), '31.03.2023', [11, 12, 13], [11, 12, 13], 1, 11, 12);\n        var message113_3 = Stubs.createMessageEntityWithParams('1133', '113', '3 test message for dialog 113', '31.03.2023', Date.now(), '31.03.2023', [11, 12, 13], [11, 12, 13], 1, 11, 12);\n        messages.push(message113_1);\n        messages.push(message113_2);\n        messages.push(message113_3);\n        return messages;\n    };\n    Stubs.createFileEntityWithDefaultValues = function () {\n        return {\n            id: '0',\n            uid: '',\n            url: '',\n            name: '',\n            size: 0,\n            type: _Domain_entity_FileTypes__WEBPACK_IMPORTED_MODULE_5__.FileType.image,\n            data: '',\n        };\n    };\n    return Stubs;\n}());\n\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/Data/Stubs.ts?");
 
 /***/ }),
 
@@ -1092,7 +1191,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 */   \"MessageLocalDTOMapper\": function() { return /* binding */ MessageLocalDTOMapper; }\n/* harmony export */ });\n/* harmony import */ var _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../source/exception/MapperDTOException */ \"./src/Data/source/exception/MapperDTOException.ts\");\n/* harmony import */ var _dto_message_LocalMessageDTO__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../dto/message/LocalMessageDTO */ \"./src/Data/dto/message/LocalMessageDTO.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\nvar MessageLocalDTOMapper = /** @class */ (function () {\n    function MessageLocalDTOMapper() {\n    }\n    // eslint-disable-next-line class-methods-use-this\n    MessageLocalDTOMapper.prototype.fromEntity = function (entity) {\n        var messageDTO = new _dto_message_LocalMessageDTO__WEBPACK_IMPORTED_MODULE_1__.LocalMessageDTO();\n        var messageEntity = entity;\n        if (messageEntity === null || messageEntity === undefined) {\n            throw new _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.MapperDTOException(_source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.UNEXPECTED_MAPPER_DTO_EXCEPTION_MESSAGE, _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.UNEXPECTED_MAPPER_DTO_EXCEPTION_EXCEPTION_CODE, 'entity is null or undefined');\n        }\n        MessageLocalDTOMapper.validateEntity(messageEntity);\n        messageDTO.id = messageEntity.id.toString();\n        messageDTO.dialogId = messageEntity.dialogId;\n        messageDTO.created_at = messageEntity.created_at;\n        messageDTO.date_sent = messageEntity.date_sent;\n        messageDTO.delivered_ids = messageEntity.delivered_ids;\n        messageDTO.message = messageEntity.message;\n        messageDTO.read_ids = messageEntity.read_ids;\n        messageDTO.read = messageEntity.read ? 1 : 0;\n        if (messageEntity.recipient_id !== null) {\n            messageDTO.recipient_id = messageEntity.recipient_id;\n        }\n        //\n        messageDTO.notification_type = messageEntity.notification_type;\n        messageDTO.dialog_type = messageEntity.dialogType;\n        messageDTO.sender_id = messageEntity.sender_id;\n        messageDTO.updated_at = messageEntity.updated_at;\n        if (messageEntity.attachments && messageEntity.attachments.length) {\n            messageEntity.attachments.forEach(function (att) {\n                var newAtt = __assign({}, att);\n                messageDTO.attachments.push(newAtt);\n            });\n        }\n        return Promise.resolve(messageDTO);\n    };\n    // eslint-disable-next-line class-methods-use-this\n    MessageLocalDTOMapper.prototype.toEntity = function (data) {\n        var messageDTO = data;\n        MessageLocalDTOMapper.validateLocalDTO(messageDTO);\n        var messageEntity = MessageLocalDTOMapper.createDefaultMessageEntity();\n        messageEntity.id = parseInt(messageDTO.id, 10);\n        messageEntity.dialogId = messageDTO.dialogId;\n        messageEntity.created_at = messageDTO.created_at;\n        messageEntity.date_sent = messageDTO.date_sent;\n        messageEntity.delivered_ids = messageDTO.delivered_ids;\n        messageEntity.message = messageDTO.message;\n        messageEntity.read_ids = messageDTO.read_ids;\n        messageEntity.read = messageDTO.read;\n        messageEntity.recipient_id = messageDTO.recipient_id;\n        messageEntity.sender_id = messageDTO.sender_id;\n        messageEntity.updated_at = messageDTO.updated_at;\n        //\n        if (messageDTO.attachments && messageDTO.attachments.length) {\n            messageEntity.attachments = [];\n            messageDTO.attachments.forEach(function (att) {\n                var _a;\n                var newAtt = __assign({}, att);\n                (_a = messageEntity.attachments) === null || _a === void 0 ? void 0 : _a.push(newAtt);\n            });\n        }\n        messageEntity.notification_type = (messageDTO === null || messageDTO === void 0 ? void 0 : messageDTO.notification_type)\n            ? messageDTO === null || messageDTO === void 0 ? void 0 : messageDTO.notification_type\n            : '';\n        messageEntity.markable = (messageDTO === null || messageDTO === void 0 ? void 0 : messageDTO.markable) ? messageDTO === null || messageDTO === void 0 ? void 0 : messageDTO.markable : '';\n        //\n        return Promise.resolve(messageEntity);\n    };\n    MessageLocalDTOMapper.validateEntity = function (messageEntity) {\n        var messageEntityValidator = {\n            created_at: function (v) {\n                var created_at = v.created_at;\n                return (created_at !== undefined &&\n                    created_at !== null &&\n                    created_at.length > 0);\n            },\n            date_sent: function (v) {\n                var date_sent = v.date_sent;\n                return date_sent !== undefined && date_sent !== null;\n            },\n            delivered_ids: function (v) {\n                var delivered_ids = v.delivered_ids;\n                return delivered_ids !== undefined && delivered_ids !== null;\n                // && delivered_ids.length >= 0\n            },\n            dialogId: function (v) {\n                var dialogId = v.dialogId;\n                return (dialogId !== undefined && dialogId !== null && dialogId.length > 0);\n            },\n            id: function (v) {\n                var id = v.id;\n                return id !== undefined && id !== null;\n            },\n            message: function (v) {\n                var message = v.message;\n                return message !== undefined && message !== null && message.length > 0;\n            },\n            read: function (v) {\n                var read = v.read;\n                return read !== undefined && read !== null;\n            },\n            read_ids: function (v) {\n                var read_ids = v.read_ids;\n                return (read_ids !== undefined && read_ids !== null\n                // && read_ids.length >= 0\n                );\n            },\n            recipient_id: function (v) {\n                var recipient_id = v.recipient_id;\n                return recipient_id !== undefined && recipient_id !== null;\n            },\n            sender_id: function (v) {\n                var sender_id = v.sender_id;\n                return sender_id !== undefined && sender_id !== null;\n            },\n            updated_at: function (v) {\n                var updated_at = v.updated_at;\n                return (updated_at !== undefined &&\n                    updated_at !== null &&\n                    updated_at.length > 0);\n            },\n        };\n        if (!messageEntityValidator.created_at(messageEntity))\n            throw new _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.MapperDTOException(_source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {created_at} does not exist or empty');\n        if (!messageEntityValidator.date_sent(messageEntity))\n            throw new _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.MapperDTOException(_source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {date_sent} does not exist or empty');\n        if (!messageEntityValidator.delivered_ids(messageEntity))\n            throw new _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.MapperDTOException(_source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {delivered_ids} does not exist or empty');\n        if (!messageEntityValidator.dialogId(messageEntity))\n            throw new _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.MapperDTOException(_source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {dialogId} does not exist or empty');\n        if (!messageEntityValidator.id(messageEntity))\n            throw new _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.MapperDTOException(_source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {id} does not exist or empty');\n        if (!messageEntityValidator.message(messageEntity))\n            throw new _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.MapperDTOException(_source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {message} does not exist or empty');\n        if (!messageEntityValidator.read(messageEntity))\n            throw new _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.MapperDTOException(_source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {read} does not exist or empty');\n        if (!messageEntityValidator.read_ids(messageEntity))\n            throw new _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.MapperDTOException(_source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {read_ids} does not exist or empty');\n        if (!messageEntityValidator.recipient_id(messageEntity))\n            throw new _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.MapperDTOException(_source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {recipient_id} does not exist or empty');\n        if (!messageEntityValidator.sender_id(messageEntity))\n            throw new _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.MapperDTOException(_source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {sender_id} does not exist or empty');\n        if (!messageEntityValidator.updated_at(messageEntity))\n            throw new _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.MapperDTOException(_source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {updated_at} does not exist or empty');\n        return Promise.resolve();\n    };\n    MessageLocalDTOMapper.validateLocalDTO = function (messageDTO) {\n        var dtoValidator = {\n            created_at: function (v) {\n                var created_at = v.created_at;\n                return (created_at !== undefined &&\n                    created_at !== null &&\n                    created_at.length > 0);\n            },\n            date_sent: function (v) {\n                var date_sent = v.date_sent;\n                return date_sent !== undefined && date_sent !== null;\n            },\n            delivered_ids: function (v) {\n                var delivered_ids = v.delivered_ids;\n                return (delivered_ids !== undefined && delivered_ids !== null\n                // && delivered_ids.length >= 0\n                );\n            },\n            dialogId: function (v) {\n                var dialogId = v.dialogId;\n                return (dialogId !== undefined && dialogId !== null && dialogId.length > 0);\n            },\n            id: function (v) {\n                var id = v.id;\n                return id !== undefined && id !== null;\n            },\n            message: function (v) {\n                var message = v.message;\n                return message !== undefined && message !== null && message.length > 0;\n            },\n            read: function (v) {\n                var read = v.read;\n                return read !== undefined && read !== null;\n            },\n            read_ids: function (v) {\n                var read_ids = v.read_ids;\n                return (read_ids !== undefined && read_ids !== null\n                // && read_ids.length >= 0\n                );\n            },\n            recipient_id: function (v) {\n                var recipient_id = v.recipient_id;\n                return recipient_id !== undefined && recipient_id !== null;\n            },\n            sender_id: function (v) {\n                var sender_id = v.sender_id;\n                return sender_id !== undefined && sender_id !== null;\n            },\n            updated_at: function (v) {\n                var updated_at = v.updated_at;\n                return (updated_at !== undefined &&\n                    updated_at !== null &&\n                    updated_at.length > 0);\n            },\n            attachments: function (v) {\n                var attachments = v.attachments;\n                return attachments !== undefined && attachments !== null;\n            },\n        };\n        if (!dtoValidator.created_at(messageDTO))\n            throw new _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.MapperDTOException(_source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {created_at} does not exist or empty');\n        if (!dtoValidator.date_sent(messageDTO))\n            throw new _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.MapperDTOException(_source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {date_sent} does not exist or empty');\n        if (!dtoValidator.delivered_ids(messageDTO))\n            throw new _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.MapperDTOException(_source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {delivered_ids} does not exist or empty');\n        if (!dtoValidator.dialogId(messageDTO))\n            throw new _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.MapperDTOException(_source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {dialogId} does not exist or empty');\n        if (!dtoValidator.id(messageDTO))\n            throw new _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.MapperDTOException(_source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {id} does not exist or empty');\n        if (!dtoValidator.message(messageDTO))\n            throw new _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.MapperDTOException(_source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {message} does not exist or empty');\n        if (!dtoValidator.read(messageDTO))\n            throw new _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.MapperDTOException(_source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {read} does not exist or empty');\n        if (!dtoValidator.read_ids(messageDTO))\n            throw new _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.MapperDTOException(_source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {read_ids} does not exist or empty');\n        if (!dtoValidator.recipient_id(messageDTO))\n            throw new _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.MapperDTOException(_source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {recipient_id} does not exist or empty');\n        if (!dtoValidator.sender_id(messageDTO))\n            throw new _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.MapperDTOException(_source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {sender_id} does not exist or empty');\n        if (!dtoValidator.updated_at(messageDTO))\n            throw new _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.MapperDTOException(_source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {updated_at} does not exist or empty');\n    };\n    MessageLocalDTOMapper.createDefaultMessageEntity = function () {\n        return {\n            id: 0,\n            dialogId: '',\n            created_at: '',\n            date_sent: 0,\n            delivered_ids: Array(),\n            message: '',\n            read_ids: Array(),\n            read: 0,\n            recipient_id: 0,\n            sender_id: 0,\n            updated_at: '',\n        };\n    };\n    return MessageLocalDTOMapper;\n}());\n\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/Data/mapper/MessageLocalDTOMapper.ts?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"MessageLocalDTOMapper\": function() { return /* binding */ MessageLocalDTOMapper; }\n/* harmony export */ });\n/* harmony import */ var _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../source/exception/MapperDTOException */ \"./src/Data/source/exception/MapperDTOException.ts\");\n/* harmony import */ var _dto_message_LocalMessageDTO__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../dto/message/LocalMessageDTO */ \"./src/Data/dto/message/LocalMessageDTO.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\nvar MessageLocalDTOMapper = /** @class */ (function () {\n    function MessageLocalDTOMapper() {\n    }\n    // eslint-disable-next-line class-methods-use-this\n    MessageLocalDTOMapper.prototype.fromEntity = function (entity) {\n        var messageDTO = new _dto_message_LocalMessageDTO__WEBPACK_IMPORTED_MODULE_1__.LocalMessageDTO();\n        var messageEntity = entity;\n        if (messageEntity === null || messageEntity === undefined) {\n            throw new _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.MapperDTOException(_source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.UNEXPECTED_MAPPER_DTO_EXCEPTION_MESSAGE, _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.UNEXPECTED_MAPPER_DTO_EXCEPTION_EXCEPTION_CODE, 'entity is null or undefined');\n        }\n        MessageLocalDTOMapper.validateEntity(messageEntity);\n        messageDTO.id = messageEntity.id.toString();\n        messageDTO.dialogId = messageEntity.dialogId;\n        messageDTO.created_at = messageEntity.created_at;\n        messageDTO.date_sent = messageEntity.date_sent;\n        messageDTO.delivered_ids = messageEntity.delivered_ids;\n        messageDTO.message = messageEntity.message;\n        messageDTO.read_ids = messageEntity.read_ids;\n        messageDTO.read = messageEntity.read ? 1 : 0;\n        if (messageEntity.recipient_id !== null) {\n            messageDTO.recipient_id = messageEntity.recipient_id;\n        }\n        //\n        messageDTO.notification_type = messageEntity.notification_type;\n        messageDTO.dialog_type = messageEntity.dialogType;\n        messageDTO.sender_id = messageEntity.sender_id;\n        messageDTO.updated_at = messageEntity.updated_at;\n        if (messageEntity.attachments && messageEntity.attachments.length) {\n            messageEntity.attachments.forEach(function (att) {\n                var newAtt = __assign({}, att);\n                messageDTO.attachments.push(newAtt);\n            });\n        }\n        return Promise.resolve(messageDTO);\n    };\n    // eslint-disable-next-line class-methods-use-this\n    MessageLocalDTOMapper.prototype.toEntity = function (data) {\n        var messageDTO = data;\n        MessageLocalDTOMapper.validateLocalDTO(messageDTO);\n        var messageEntity = MessageLocalDTOMapper.createDefaultMessageEntity();\n        // messageEntity.id = parseInt(messageDTO.id, 10);\n        messageEntity.id = messageDTO.id;\n        messageEntity.dialogId = messageDTO.dialogId;\n        messageEntity.created_at = messageDTO.created_at;\n        messageEntity.date_sent = messageDTO.date_sent;\n        messageEntity.delivered_ids = messageDTO.delivered_ids;\n        messageEntity.message = messageDTO.message;\n        messageEntity.read_ids = messageDTO.read_ids;\n        messageEntity.read = messageDTO.read;\n        messageEntity.recipient_id = messageDTO.recipient_id;\n        messageEntity.sender_id = messageDTO.sender_id;\n        messageEntity.updated_at = messageDTO.updated_at;\n        //\n        if (messageDTO.attachments && messageDTO.attachments.length) {\n            messageEntity.attachments = [];\n            messageDTO.attachments.forEach(function (att) {\n                var _a;\n                var newAtt = __assign({}, att);\n                (_a = messageEntity.attachments) === null || _a === void 0 ? void 0 : _a.push(newAtt);\n            });\n        }\n        messageEntity.notification_type = (messageDTO === null || messageDTO === void 0 ? void 0 : messageDTO.notification_type)\n            ? messageDTO === null || messageDTO === void 0 ? void 0 : messageDTO.notification_type\n            : '';\n        messageEntity.markable = (messageDTO === null || messageDTO === void 0 ? void 0 : messageDTO.markable) ? messageDTO === null || messageDTO === void 0 ? void 0 : messageDTO.markable : '';\n        //\n        return Promise.resolve(messageEntity);\n    };\n    MessageLocalDTOMapper.validateEntity = function (messageEntity) {\n        var messageEntityValidator = {\n            created_at: function (v) {\n                var created_at = v.created_at;\n                return (created_at !== undefined &&\n                    created_at !== null &&\n                    created_at.length > 0);\n            },\n            date_sent: function (v) {\n                var date_sent = v.date_sent;\n                return date_sent !== undefined && date_sent !== null;\n            },\n            delivered_ids: function (v) {\n                var delivered_ids = v.delivered_ids;\n                return delivered_ids !== undefined && delivered_ids !== null;\n                // && delivered_ids.length >= 0\n            },\n            dialogId: function (v) {\n                var dialogId = v.dialogId;\n                return (dialogId !== undefined && dialogId !== null && dialogId.length > 0);\n            },\n            id: function (v) {\n                var id = v.id;\n                return id !== undefined && id !== null;\n            },\n            message: function (v) {\n                var message = v.message;\n                return message !== undefined && message !== null && message.length > 0;\n            },\n            read: function (v) {\n                var read = v.read;\n                return read !== undefined && read !== null;\n            },\n            read_ids: function (v) {\n                var read_ids = v.read_ids;\n                return (read_ids !== undefined && read_ids !== null\n                // && read_ids.length >= 0\n                );\n            },\n            recipient_id: function (v) {\n                var recipient_id = v.recipient_id;\n                return recipient_id !== undefined && recipient_id !== null;\n            },\n            sender_id: function (v) {\n                var sender_id = v.sender_id;\n                return sender_id !== undefined && sender_id !== null;\n            },\n            updated_at: function (v) {\n                var updated_at = v.updated_at;\n                return (updated_at !== undefined &&\n                    updated_at !== null &&\n                    updated_at.length > 0);\n            },\n        };\n        if (!messageEntityValidator.created_at(messageEntity))\n            throw new _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.MapperDTOException(_source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {created_at} does not exist or empty');\n        if (!messageEntityValidator.date_sent(messageEntity))\n            throw new _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.MapperDTOException(_source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {date_sent} does not exist or empty');\n        if (!messageEntityValidator.delivered_ids(messageEntity))\n            throw new _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.MapperDTOException(_source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {delivered_ids} does not exist or empty');\n        if (!messageEntityValidator.dialogId(messageEntity))\n            throw new _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.MapperDTOException(_source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {dialogId} does not exist or empty');\n        if (!messageEntityValidator.id(messageEntity))\n            throw new _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.MapperDTOException(_source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {id} does not exist or empty');\n        if (!messageEntityValidator.message(messageEntity))\n            throw new _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.MapperDTOException(_source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {message} does not exist or empty');\n        if (!messageEntityValidator.read(messageEntity))\n            throw new _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.MapperDTOException(_source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {read} does not exist or empty');\n        if (!messageEntityValidator.read_ids(messageEntity))\n            throw new _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.MapperDTOException(_source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {read_ids} does not exist or empty');\n        if (!messageEntityValidator.recipient_id(messageEntity))\n            throw new _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.MapperDTOException(_source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {recipient_id} does not exist or empty');\n        if (!messageEntityValidator.sender_id(messageEntity))\n            throw new _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.MapperDTOException(_source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {sender_id} does not exist or empty');\n        if (!messageEntityValidator.updated_at(messageEntity))\n            throw new _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.MapperDTOException(_source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {updated_at} does not exist or empty');\n        return Promise.resolve();\n    };\n    MessageLocalDTOMapper.validateLocalDTO = function (messageDTO) {\n        var dtoValidator = {\n            created_at: function (v) {\n                var created_at = v.created_at;\n                return (created_at !== undefined &&\n                    created_at !== null &&\n                    created_at.length > 0);\n            },\n            date_sent: function (v) {\n                var date_sent = v.date_sent;\n                return date_sent !== undefined && date_sent !== null;\n            },\n            delivered_ids: function (v) {\n                var delivered_ids = v.delivered_ids;\n                return (delivered_ids !== undefined && delivered_ids !== null\n                // && delivered_ids.length >= 0\n                );\n            },\n            dialogId: function (v) {\n                var dialogId = v.dialogId;\n                return (dialogId !== undefined && dialogId !== null && dialogId.length > 0);\n            },\n            id: function (v) {\n                var id = v.id;\n                return id !== undefined && id !== null;\n            },\n            message: function (v) {\n                var message = v.message;\n                return message !== undefined && message !== null && message.length > 0;\n            },\n            read: function (v) {\n                var read = v.read;\n                return read !== undefined && read !== null;\n            },\n            read_ids: function (v) {\n                var read_ids = v.read_ids;\n                return (read_ids !== undefined && read_ids !== null\n                // && read_ids.length >= 0\n                );\n            },\n            recipient_id: function (v) {\n                var recipient_id = v.recipient_id;\n                return recipient_id !== undefined && recipient_id !== null;\n            },\n            sender_id: function (v) {\n                var sender_id = v.sender_id;\n                return sender_id !== undefined && sender_id !== null;\n            },\n            updated_at: function (v) {\n                var updated_at = v.updated_at;\n                return (updated_at !== undefined &&\n                    updated_at !== null &&\n                    updated_at.length > 0);\n            },\n            attachments: function (v) {\n                var attachments = v.attachments;\n                return attachments !== undefined && attachments !== null;\n            },\n        };\n        if (!dtoValidator.created_at(messageDTO))\n            throw new _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.MapperDTOException(_source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {created_at} does not exist or empty');\n        if (!dtoValidator.date_sent(messageDTO))\n            throw new _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.MapperDTOException(_source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {date_sent} does not exist or empty');\n        if (!dtoValidator.delivered_ids(messageDTO))\n            throw new _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.MapperDTOException(_source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {delivered_ids} does not exist or empty');\n        if (!dtoValidator.dialogId(messageDTO))\n            throw new _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.MapperDTOException(_source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {dialogId} does not exist or empty');\n        if (!dtoValidator.id(messageDTO))\n            throw new _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.MapperDTOException(_source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {id} does not exist or empty');\n        if (!dtoValidator.message(messageDTO))\n            throw new _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.MapperDTOException(_source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {message} does not exist or empty');\n        if (!dtoValidator.read(messageDTO))\n            throw new _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.MapperDTOException(_source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {read} does not exist or empty');\n        if (!dtoValidator.read_ids(messageDTO))\n            throw new _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.MapperDTOException(_source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {read_ids} does not exist or empty');\n        if (!dtoValidator.recipient_id(messageDTO))\n            throw new _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.MapperDTOException(_source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {recipient_id} does not exist or empty');\n        if (!dtoValidator.sender_id(messageDTO))\n            throw new _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.MapperDTOException(_source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {sender_id} does not exist or empty');\n        if (!dtoValidator.updated_at(messageDTO))\n            throw new _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.MapperDTOException(_source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {updated_at} does not exist or empty');\n    };\n    MessageLocalDTOMapper.createDefaultMessageEntity = function () {\n        return {\n            id: '',\n            dialogId: '',\n            created_at: '',\n            date_sent: 0,\n            delivered_ids: Array(),\n            message: '',\n            read_ids: Array(),\n            read: 0,\n            recipient_id: 0,\n            sender_id: 0,\n            updated_at: '',\n        };\n    };\n    return MessageLocalDTOMapper;\n}());\n\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/Data/mapper/MessageLocalDTOMapper.ts?");
 
 /***/ }),
 
@@ -1103,7 +1202,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 */   \"MessageRemoteDTOMapper\": function() { return /* binding */ MessageRemoteDTOMapper; }\n/* harmony export */ });\n/* harmony import */ var _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../source/exception/MapperDTOException */ \"./src/Data/source/exception/MapperDTOException.ts\");\n/* harmony import */ var _dto_message_RemoteMessageDTO__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../dto/message/RemoteMessageDTO */ \"./src/Data/dto/message/RemoteMessageDTO.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\nvar MessageRemoteDTOMapper = /** @class */ (function () {\n    function MessageRemoteDTOMapper() {\n    }\n    // eslint-disable-next-line class-methods-use-this\n    MessageRemoteDTOMapper.prototype.fromEntity = function (entity) {\n        var messageEntity = entity;\n        if (messageEntity === null || messageEntity === undefined) {\n            throw new _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.MapperDTOException(_source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.UNEXPECTED_MAPPER_DTO_EXCEPTION_MESSAGE, _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.UNEXPECTED_MAPPER_DTO_EXCEPTION_EXCEPTION_CODE, 'entity is null or undefined');\n        }\n        var messageDTO = new _dto_message_RemoteMessageDTO__WEBPACK_IMPORTED_MODULE_1__.RemoteMessageDTO();\n        MessageRemoteDTOMapper.validateEntity(messageEntity);\n        messageDTO.id = messageEntity.id.toString();\n        messageDTO.dialogId = messageEntity.dialogId;\n        messageDTO.created_at = messageEntity.created_at;\n        messageDTO.date_sent = messageEntity.date_sent;\n        messageDTO.delivered_ids = messageEntity.delivered_ids;\n        messageDTO.message = messageEntity.message;\n        messageDTO.read_ids = messageEntity.read_ids;\n        messageDTO.read = messageEntity.read ? 1 : 0;\n        if (messageEntity.recipient_id !== null) {\n            messageDTO.recipient_id = messageEntity.recipient_id;\n        }\n        messageDTO.notification_type = messageEntity.notification_type;\n        messageDTO.dialog_type = messageEntity.dialogType;\n        messageDTO.sender_id = messageEntity.sender_id;\n        messageDTO.updated_at = messageEntity.updated_at;\n        if (messageEntity.attachments && messageEntity.attachments.length) {\n            messageEntity.attachments.forEach(function (att) {\n                var newAtt = __assign({}, att);\n                messageDTO.attachments.push(newAtt);\n            });\n        }\n        return Promise.resolve(messageDTO);\n    };\n    // eslint-disable-next-line class-methods-use-this\n    MessageRemoteDTOMapper.prototype.toEntity = function (data) {\n        var messageDTO = data;\n        if (messageDTO === null || messageDTO === undefined) {\n            throw new _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.MapperDTOException(_source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.UNEXPECTED_MAPPER_DTO_EXCEPTION_MESSAGE, _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.UNEXPECTED_MAPPER_DTO_EXCEPTION_EXCEPTION_CODE, 'messageDTO is null or undefined');\n        }\n        MessageRemoteDTOMapper.validateDTO(messageDTO);\n        var messageEntity = MessageRemoteDTOMapper.createDefaultMessageEntity();\n        messageEntity.id = parseInt(messageDTO.id, 10);\n        messageEntity.dialogId = messageDTO.dialogId;\n        messageEntity.created_at = messageDTO.created_at;\n        messageEntity.date_sent = messageDTO.date_sent;\n        messageEntity.delivered_ids = messageDTO.delivered_ids;\n        messageEntity.message = messageDTO.message;\n        messageEntity.read_ids = messageDTO.read_ids;\n        messageEntity.read = messageDTO.read;\n        messageEntity.recipient_id = messageDTO.recipient_id;\n        messageEntity.sender_id = messageDTO.sender_id;\n        messageEntity.updated_at = messageDTO.updated_at;\n        //\n        if (messageDTO.attachments && messageDTO.attachments.length) {\n            messageEntity.attachments = [];\n            messageDTO.attachments.forEach(function (att) {\n                var _a;\n                var newAtt = __assign({}, att);\n                (_a = messageEntity.attachments) === null || _a === void 0 ? void 0 : _a.push(newAtt);\n            });\n        }\n        messageEntity.notification_type = (messageDTO === null || messageDTO === void 0 ? void 0 : messageDTO.notification_type)\n            ? messageDTO === null || messageDTO === void 0 ? void 0 : messageDTO.notification_type\n            : '';\n        messageEntity.markable = (messageDTO === null || messageDTO === void 0 ? void 0 : messageDTO.markable) ? messageDTO === null || messageDTO === void 0 ? void 0 : messageDTO.markable : '';\n        //\n        return Promise.resolve(messageEntity);\n    };\n    MessageRemoteDTOMapper.validateEntity = function (messageEntity) {\n        var messageEntityValidator = {\n            created_at: function (v) {\n                var created_at = v.created_at;\n                return (created_at !== undefined &&\n                    created_at !== null &&\n                    created_at.length > 0);\n            },\n            date_sent: function (v) {\n                var date_sent = v.date_sent;\n                return date_sent !== undefined && date_sent !== null;\n            },\n            delivered_ids: function (v) {\n                var delivered_ids = v.delivered_ids;\n                return delivered_ids !== undefined && delivered_ids !== null;\n                // && delivered_ids.length >= 0\n            },\n            dialogId: function (v) {\n                var dialogId = v.dialogId;\n                return (dialogId !== undefined && dialogId !== null && dialogId.length > 0);\n            },\n            id: function (v) {\n                var id = v.id;\n                return id !== undefined && id !== null;\n            },\n            message: function (v) {\n                var message = v.message;\n                return message !== undefined && message !== null && message.length > 0;\n            },\n            read: function (v) {\n                var read = v.read;\n                return read !== undefined && read !== null;\n            },\n            read_ids: function (v) {\n                var read_ids = v.read_ids;\n                return (read_ids !== undefined && read_ids !== null\n                // && read_ids.length >= 0\n                );\n            },\n            recipient_id: function (v) {\n                var recipient_id = v.recipient_id;\n                return recipient_id !== undefined && recipient_id !== null;\n            },\n            sender_id: function (v) {\n                var sender_id = v.sender_id;\n                return sender_id !== undefined && sender_id !== null;\n            },\n            updated_at: function (v) {\n                var updated_at = v.updated_at;\n                return (updated_at !== undefined &&\n                    updated_at !== null &&\n                    updated_at.length > 0);\n            },\n        };\n        if (!messageEntityValidator.created_at(messageEntity))\n            throw new _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.MapperDTOException(_source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {created_at} does not exist or empty');\n        if (!messageEntityValidator.date_sent(messageEntity))\n            throw new _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.MapperDTOException(_source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {date_sent} does not exist or empty');\n        if (!messageEntityValidator.delivered_ids(messageEntity))\n            throw new _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.MapperDTOException(_source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {delivered_ids} does not exist or empty');\n        if (!messageEntityValidator.dialogId(messageEntity))\n            throw new _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.MapperDTOException(_source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {dialogId} does not exist or empty');\n        if (!messageEntityValidator.id(messageEntity))\n            throw new _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.MapperDTOException(_source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {id} does not exist or empty');\n        if (!messageEntityValidator.message(messageEntity))\n            throw new _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.MapperDTOException(_source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {message} does not exist or empty');\n        if (!messageEntityValidator.read(messageEntity))\n            throw new _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.MapperDTOException(_source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {read} does not exist or empty');\n        if (!messageEntityValidator.read_ids(messageEntity))\n            throw new _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.MapperDTOException(_source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {read_ids} does not exist or empty');\n        if (!messageEntityValidator.recipient_id(messageEntity))\n            throw new _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.MapperDTOException(_source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {recipient_id} does not exist or empty');\n        if (!messageEntityValidator.sender_id(messageEntity))\n            throw new _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.MapperDTOException(_source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {sender_id} does not exist or empty');\n        if (!messageEntityValidator.updated_at(messageEntity))\n            throw new _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.MapperDTOException(_source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {updated_at} does not exist or empty');\n    };\n    MessageRemoteDTOMapper.validateDTO = function (messageDTO) {\n        var dtoValidator = {\n            created_at: function (v) {\n                var created_at = v.created_at;\n                return (created_at !== undefined &&\n                    created_at !== null &&\n                    created_at.length > 0);\n            },\n            date_sent: function (v) {\n                var date_sent = v.date_sent;\n                return date_sent !== undefined && date_sent !== null;\n            },\n            delivered_ids: function (v) {\n                var delivered_ids = v.delivered_ids;\n                return (delivered_ids !== undefined && delivered_ids !== null\n                // && delivered_ids.length >= 0\n                );\n            },\n            dialogId: function (v) {\n                var dialogId = v.dialogId;\n                return (dialogId !== undefined && dialogId !== null && dialogId.length > 0);\n            },\n            id: function (v) {\n                var id = v.id;\n                return id !== undefined && id !== null;\n            },\n            message: function (v) {\n                var message = v.message;\n                return message !== undefined && message !== null;\n                // && message.length > 0;\n            },\n            read: function (v) {\n                var read = v.read;\n                return read !== undefined && read !== null;\n            },\n            read_ids: function (v) {\n                var read_ids = v.read_ids;\n                return (read_ids !== undefined && read_ids !== null\n                // && read_ids.length >= 0\n                );\n            },\n            recipient_id: function (v) {\n                var recipient_id = v.recipient_id;\n                return recipient_id !== undefined && recipient_id !== null;\n            },\n            sender_id: function (v) {\n                var sender_id = v.sender_id;\n                return sender_id !== undefined && sender_id !== null;\n            },\n            updated_at: function (v) {\n                var updated_at = v.updated_at;\n                return (updated_at !== undefined &&\n                    updated_at !== null &&\n                    updated_at.length > 0);\n            },\n            attachments: function (v) {\n                var attachments = v.attachments;\n                return attachments !== undefined && attachments !== null;\n            },\n        };\n        if (!dtoValidator.created_at(messageDTO))\n            throw new _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.MapperDTOException(_source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {created_at} does not exist or empty');\n        if (!dtoValidator.date_sent(messageDTO))\n            throw new _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.MapperDTOException(_source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {date_sent} does not exist or empty');\n        if (!dtoValidator.delivered_ids(messageDTO))\n            throw new _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.MapperDTOException(_source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {delivered_ids} does not exist or empty');\n        if (!dtoValidator.dialogId(messageDTO))\n            throw new _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.MapperDTOException(_source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {dialogId} does not exist or empty');\n        if (!dtoValidator.id(messageDTO))\n            throw new _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.MapperDTOException(_source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {id} does not exist or empty');\n        if (!dtoValidator.message(messageDTO))\n            throw new _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.MapperDTOException(_source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {message} does not exist or empty');\n        if (!dtoValidator.read(messageDTO))\n            throw new _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.MapperDTOException(_source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {read} does not exist or empty');\n        if (!dtoValidator.read_ids(messageDTO))\n            throw new _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.MapperDTOException(_source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {read_ids} does not exist or empty');\n        if (!dtoValidator.recipient_id(messageDTO))\n            throw new _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.MapperDTOException(_source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {recipient_id} does not exist or empty');\n        if (!dtoValidator.sender_id(messageDTO))\n            throw new _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.MapperDTOException(_source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {sender_id} does not exist or empty');\n        if (!dtoValidator.updated_at(messageDTO))\n            throw new _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.MapperDTOException(_source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {updated_at} does not exist or empty');\n    };\n    MessageRemoteDTOMapper.createDefaultMessageEntity = function () {\n        return {\n            created_at: '',\n            date_sent: 0,\n            delivered_ids: new Array(),\n            dialogId: '',\n            id: 0,\n            message: '',\n            read: 0,\n            read_ids: new Array(),\n            recipient_id: 0,\n            sender_id: 0,\n            updated_at: '',\n        };\n    };\n    return MessageRemoteDTOMapper;\n}());\n\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/Data/mapper/MessageRemoteDTOMapper.ts?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"MessageRemoteDTOMapper\": function() { return /* binding */ MessageRemoteDTOMapper; }\n/* harmony export */ });\n/* harmony import */ var _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../source/exception/MapperDTOException */ \"./src/Data/source/exception/MapperDTOException.ts\");\n/* harmony import */ var _dto_message_RemoteMessageDTO__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../dto/message/RemoteMessageDTO */ \"./src/Data/dto/message/RemoteMessageDTO.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\nvar MessageRemoteDTOMapper = /** @class */ (function () {\n    function MessageRemoteDTOMapper() {\n    }\n    // eslint-disable-next-line class-methods-use-this\n    MessageRemoteDTOMapper.prototype.fromEntity = function (entity) {\n        var messageEntity = entity;\n        if (messageEntity === null || messageEntity === undefined) {\n            throw new _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.MapperDTOException(_source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.UNEXPECTED_MAPPER_DTO_EXCEPTION_MESSAGE, _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.UNEXPECTED_MAPPER_DTO_EXCEPTION_EXCEPTION_CODE, 'entity is null or undefined');\n        }\n        var messageDTO = new _dto_message_RemoteMessageDTO__WEBPACK_IMPORTED_MODULE_1__.RemoteMessageDTO();\n        MessageRemoteDTOMapper.validateEntity(messageEntity);\n        messageDTO.id = messageEntity.id.toString();\n        messageDTO.dialogId = messageEntity.dialogId;\n        messageDTO.created_at = messageEntity.created_at;\n        messageDTO.date_sent = messageEntity.date_sent;\n        messageDTO.delivered_ids = messageEntity.delivered_ids;\n        messageDTO.message = messageEntity.message;\n        messageDTO.read_ids = messageEntity.read_ids;\n        messageDTO.read = messageEntity.read ? 1 : 0;\n        if (messageEntity.recipient_id !== null) {\n            messageDTO.recipient_id = messageEntity.recipient_id;\n        }\n        messageDTO.notification_type = messageEntity.notification_type;\n        messageDTO.dialog_type = messageEntity.dialogType;\n        messageDTO.sender_id = messageEntity.sender_id;\n        messageDTO.updated_at = messageEntity.updated_at;\n        if (messageEntity.attachments && messageEntity.attachments.length) {\n            messageEntity.attachments.forEach(function (att) {\n                var newAtt = __assign({}, att);\n                messageDTO.attachments.push(newAtt);\n            });\n        }\n        return Promise.resolve(messageDTO);\n    };\n    // eslint-disable-next-line class-methods-use-this\n    MessageRemoteDTOMapper.prototype.toEntity = function (data) {\n        var messageDTO = data;\n        if (messageDTO === null || messageDTO === undefined) {\n            throw new _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.MapperDTOException(_source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.UNEXPECTED_MAPPER_DTO_EXCEPTION_MESSAGE, _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.UNEXPECTED_MAPPER_DTO_EXCEPTION_EXCEPTION_CODE, 'messageDTO is null or undefined');\n        }\n        MessageRemoteDTOMapper.validateDTO(messageDTO);\n        var messageEntity = MessageRemoteDTOMapper.createDefaultMessageEntity();\n        // messageEntity.id = parseInt(messageDTO.id, 10);\n        messageEntity.id = messageDTO.id;\n        messageEntity.dialogId = messageDTO.dialogId;\n        messageEntity.created_at = messageDTO.created_at;\n        messageEntity.date_sent = messageDTO.date_sent;\n        messageEntity.delivered_ids = messageDTO.delivered_ids;\n        messageEntity.message = messageDTO.message;\n        messageEntity.read_ids = messageDTO.read_ids;\n        messageEntity.read = messageDTO.read;\n        messageEntity.recipient_id = messageDTO.recipient_id;\n        messageEntity.sender_id = messageDTO.sender_id;\n        messageEntity.updated_at = messageDTO.updated_at;\n        //\n        if (messageDTO.attachments && messageDTO.attachments.length) {\n            messageEntity.attachments = [];\n            messageDTO.attachments.forEach(function (att) {\n                var _a;\n                var newAtt = __assign({}, att);\n                (_a = messageEntity.attachments) === null || _a === void 0 ? void 0 : _a.push(newAtt);\n            });\n        }\n        messageEntity.notification_type = (messageDTO === null || messageDTO === void 0 ? void 0 : messageDTO.notification_type)\n            ? messageDTO === null || messageDTO === void 0 ? void 0 : messageDTO.notification_type\n            : '';\n        messageEntity.markable = (messageDTO === null || messageDTO === void 0 ? void 0 : messageDTO.markable) ? messageDTO === null || messageDTO === void 0 ? void 0 : messageDTO.markable : '';\n        //\n        return Promise.resolve(messageEntity);\n    };\n    MessageRemoteDTOMapper.validateEntity = function (messageEntity) {\n        var messageEntityValidator = {\n            created_at: function (v) {\n                var created_at = v.created_at;\n                return (created_at !== undefined &&\n                    created_at !== null &&\n                    created_at.length > 0);\n            },\n            date_sent: function (v) {\n                var date_sent = v.date_sent;\n                return date_sent !== undefined && date_sent !== null;\n            },\n            delivered_ids: function (v) {\n                var delivered_ids = v.delivered_ids;\n                return delivered_ids !== undefined && delivered_ids !== null;\n                // && delivered_ids.length >= 0\n            },\n            dialogId: function (v) {\n                var dialogId = v.dialogId;\n                return (dialogId !== undefined && dialogId !== null && dialogId.length > 0);\n            },\n            id: function (v) {\n                var id = v.id;\n                return id !== undefined && id !== null;\n            },\n            message: function (v) {\n                var message = v.message;\n                return message !== undefined && message !== null && message.length > 0;\n            },\n            read: function (v) {\n                var read = v.read;\n                return read !== undefined && read !== null;\n            },\n            read_ids: function (v) {\n                var read_ids = v.read_ids;\n                return (read_ids !== undefined && read_ids !== null\n                // && read_ids.length >= 0\n                );\n            },\n            recipient_id: function (v) {\n                var recipient_id = v.recipient_id;\n                return recipient_id !== undefined && recipient_id !== null;\n            },\n            sender_id: function (v) {\n                var sender_id = v.sender_id;\n                return sender_id !== undefined && sender_id !== null;\n            },\n            updated_at: function (v) {\n                var updated_at = v.updated_at;\n                return (updated_at !== undefined &&\n                    updated_at !== null &&\n                    updated_at.length > 0);\n            },\n        };\n        if (!messageEntityValidator.created_at(messageEntity))\n            throw new _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.MapperDTOException(_source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {created_at} does not exist or empty');\n        if (!messageEntityValidator.date_sent(messageEntity))\n            throw new _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.MapperDTOException(_source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {date_sent} does not exist or empty');\n        if (!messageEntityValidator.delivered_ids(messageEntity))\n            throw new _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.MapperDTOException(_source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {delivered_ids} does not exist or empty');\n        if (!messageEntityValidator.dialogId(messageEntity))\n            throw new _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.MapperDTOException(_source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {dialogId} does not exist or empty');\n        if (!messageEntityValidator.id(messageEntity))\n            throw new _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.MapperDTOException(_source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {id} does not exist or empty');\n        if (!messageEntityValidator.message(messageEntity))\n            throw new _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.MapperDTOException(_source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {message} does not exist or empty');\n        if (!messageEntityValidator.read(messageEntity))\n            throw new _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.MapperDTOException(_source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {read} does not exist or empty');\n        if (!messageEntityValidator.read_ids(messageEntity))\n            throw new _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.MapperDTOException(_source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {read_ids} does not exist or empty');\n        if (!messageEntityValidator.recipient_id(messageEntity))\n            throw new _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.MapperDTOException(_source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {recipient_id} does not exist or empty');\n        if (!messageEntityValidator.sender_id(messageEntity))\n            throw new _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.MapperDTOException(_source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {sender_id} does not exist or empty');\n        if (!messageEntityValidator.updated_at(messageEntity))\n            throw new _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.MapperDTOException(_source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {updated_at} does not exist or empty');\n    };\n    MessageRemoteDTOMapper.validateDTO = function (messageDTO) {\n        var dtoValidator = {\n            created_at: function (v) {\n                var created_at = v.created_at;\n                return (created_at !== undefined &&\n                    created_at !== null &&\n                    created_at.length > 0);\n            },\n            date_sent: function (v) {\n                var date_sent = v.date_sent;\n                return date_sent !== undefined && date_sent !== null;\n            },\n            delivered_ids: function (v) {\n                var delivered_ids = v.delivered_ids;\n                return (delivered_ids !== undefined && delivered_ids !== null\n                // && delivered_ids.length >= 0\n                );\n            },\n            dialogId: function (v) {\n                var dialogId = v.dialogId;\n                return (dialogId !== undefined && dialogId !== null && dialogId.length > 0);\n            },\n            id: function (v) {\n                var id = v.id;\n                return id !== undefined && id !== null;\n            },\n            message: function (v) {\n                var message = v.message;\n                return message !== undefined && message !== null;\n                // && message.length > 0;\n            },\n            read: function (v) {\n                var read = v.read;\n                return read !== undefined && read !== null;\n            },\n            read_ids: function (v) {\n                var read_ids = v.read_ids;\n                return (read_ids !== undefined && read_ids !== null\n                // && read_ids.length >= 0\n                );\n            },\n            recipient_id: function (v) {\n                var recipient_id = v.recipient_id;\n                return recipient_id !== undefined && recipient_id !== null;\n            },\n            sender_id: function (v) {\n                var sender_id = v.sender_id;\n                return sender_id !== undefined && sender_id !== null;\n            },\n            updated_at: function (v) {\n                var updated_at = v.updated_at;\n                return (updated_at !== undefined &&\n                    updated_at !== null &&\n                    updated_at.length > 0);\n            },\n            attachments: function (v) {\n                var attachments = v.attachments;\n                return attachments !== undefined && attachments !== null;\n            },\n        };\n        if (!dtoValidator.created_at(messageDTO))\n            throw new _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.MapperDTOException(_source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {created_at} does not exist or empty');\n        if (!dtoValidator.date_sent(messageDTO))\n            throw new _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.MapperDTOException(_source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {date_sent} does not exist or empty');\n        if (!dtoValidator.delivered_ids(messageDTO))\n            throw new _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.MapperDTOException(_source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {delivered_ids} does not exist or empty');\n        if (!dtoValidator.dialogId(messageDTO))\n            throw new _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.MapperDTOException(_source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {dialogId} does not exist or empty');\n        if (!dtoValidator.id(messageDTO))\n            throw new _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.MapperDTOException(_source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {id} does not exist or empty');\n        if (!dtoValidator.message(messageDTO))\n            throw new _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.MapperDTOException(_source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {message} does not exist or empty');\n        if (!dtoValidator.read(messageDTO))\n            throw new _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.MapperDTOException(_source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {read} does not exist or empty');\n        if (!dtoValidator.read_ids(messageDTO))\n            throw new _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.MapperDTOException(_source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {read_ids} does not exist or empty');\n        if (!dtoValidator.recipient_id(messageDTO))\n            throw new _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.MapperDTOException(_source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {recipient_id} does not exist or empty');\n        if (!dtoValidator.sender_id(messageDTO))\n            throw new _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.MapperDTOException(_source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {sender_id} does not exist or empty');\n        if (!dtoValidator.updated_at(messageDTO))\n            throw new _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.MapperDTOException(_source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _source_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {updated_at} does not exist or empty');\n    };\n    MessageRemoteDTOMapper.createDefaultMessageEntity = function () {\n        return {\n            created_at: '',\n            date_sent: 0,\n            delivered_ids: new Array(),\n            dialogId: '',\n            id: '',\n            message: '',\n            read: 0,\n            read_ids: new Array(),\n            recipient_id: 0,\n            sender_id: 0,\n            updated_at: '',\n        };\n    };\n    return MessageRemoteDTOMapper;\n}());\n\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/Data/mapper/MessageRemoteDTOMapper.ts?");
 
 /***/ }),
 
@@ -1195,6 +1294,17 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _sou
 
 /***/ }),
 
+/***/ "./src/Data/source/AISource.ts":
+/*!*************************************!*\
+  !*** ./src/Data/source/AISource.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 */   \"AISource\": function() { return /* binding */ AISource; }\n/* harmony export */ });\n/* harmony import */ var _utils_parse__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../utils/parse */ \"./src/utils/parse.ts\");\n/* harmony import */ var _exception_RepositoryException__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./exception/RepositoryException */ \"./src/Data/source/exception/RepositoryException.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\nvar AISource = /** @class */ (function () {\n    function AISource() {\n    }\n    AISource.getData = function (prompt, dialogMessages, servername, api, port, sessionToken, openAIModel) {\n        var _a;\n        if (openAIModel === void 0) { openAIModel = 'gpt-3.5-turbo'; }\n        return __awaiter(this, void 0, void 0, function () {\n            var apiEndpoint, apiKey, model, requestOptions, response, data, outputMessage, err_1, outputMessage;\n            return __generator(this, function (_b) {\n                switch (_b.label) {\n                    case 0:\n                        apiEndpoint = \"\".concat(servername, \"/\").concat(api);\n                        apiKey = sessionToken;\n                        model = openAIModel;\n                        requestOptions = {\n                            method: 'POST',\n                            headers: {\n                                'Content-Type': 'application/json',\n                                Authorization: \"Bearer \".concat(apiKey),\n                            },\n                            body: JSON.stringify({\n                                messages: __spreadArray(__spreadArray([], dialogMessages, true), [{ role: 'user', content: prompt }], false),\n                                model: model,\n                                temperature: 0.5,\n                            }),\n                        };\n                        _b.label = 1;\n                    case 1:\n                        _b.trys.push([1, 4, , 5]);\n                        return [4 /*yield*/, fetch(apiEndpoint, requestOptions)];\n                    case 2:\n                        response = _b.sent();\n                        return [4 /*yield*/, response.json()];\n                    case 3:\n                        data = _b.sent();\n                        outputMessage = ((_a = data.choices[0].message) === null || _a === void 0 ? void 0 : _a.content) || '';\n                        return [2 /*return*/, outputMessage];\n                    case 4:\n                        err_1 = _b.sent();\n                        outputMessage = (0,_utils_parse__WEBPACK_IMPORTED_MODULE_0__.stringifyError)(err_1);\n                        throw new _exception_RepositoryException__WEBPACK_IMPORTED_MODULE_1__[\"default\"](outputMessage, -1);\n                    case 5: return [2 /*return*/];\n                }\n            });\n        });\n    };\n    AISource.getDataWithOpenAI = function (prompt, dialogMessages, servername, api, port, sessionToken, openAIModel) {\n        var _a;\n        if (openAIModel === void 0) { openAIModel = 'gpt-3.5-turbo'; }\n        return __awaiter(this, void 0, void 0, function () {\n            var apiEndpoint, apiKey, model, requestOptions, response, data, outputMessage, err_2, outputMessage;\n            return __generator(this, function (_b) {\n                switch (_b.label) {\n                    case 0:\n                        apiEndpoint = \"\".concat(servername, \"/\").concat(api);\n                        apiKey = sessionToken;\n                        model = openAIModel;\n                        requestOptions = {\n                            method: 'POST',\n                            headers: {\n                                'Content-Type': 'application/json',\n                                Authorization: \"Bearer \".concat(apiKey),\n                            },\n                            body: JSON.stringify({\n                                messages: __spreadArray(__spreadArray([], dialogMessages, true), [{ role: 'user', content: prompt }], false),\n                                model: model,\n                                temperature: 0.5,\n                            }),\n                        };\n                        _b.label = 1;\n                    case 1:\n                        _b.trys.push([1, 4, , 5]);\n                        return [4 /*yield*/, fetch(apiEndpoint, requestOptions)];\n                    case 2:\n                        response = _b.sent();\n                        return [4 /*yield*/, response.json()];\n                    case 3:\n                        data = _b.sent();\n                        outputMessage = ((_a = data.choices[0].message) === null || _a === void 0 ? void 0 : _a.content) || '';\n                        return [2 /*return*/, outputMessage];\n                    case 4:\n                        err_2 = _b.sent();\n                        outputMessage = (0,_utils_parse__WEBPACK_IMPORTED_MODULE_0__.stringifyError)(err_2);\n                        throw new _exception_RepositoryException__WEBPACK_IMPORTED_MODULE_1__[\"default\"](outputMessage, -1);\n                    case 5: return [2 /*return*/];\n                }\n            });\n        });\n    };\n    AISource.getDataWithProxyServer = function (prompt, dialogMessages, servername, api, port, sessionToken, openAIModel) {\n        var _a;\n        if (openAIModel === void 0) { openAIModel = 'gpt-3.5-turbo'; }\n        return __awaiter(this, void 0, void 0, function () {\n            var apiEndpoint, apiKey, model, requestOptions, response, data, outputMessage, err_3, outputMessage;\n            return __generator(this, function (_b) {\n                switch (_b.label) {\n                    case 0:\n                        apiEndpoint = \"\".concat(servername, \":\").concat(port, \"/\").concat(api);\n                        apiKey = sessionToken;\n                        model = openAIModel;\n                        requestOptions = {\n                            method: 'POST',\n                            headers: {\n                                'Content-Type': 'application/json',\n                                'qb-token': apiKey,\n                            },\n                            body: JSON.stringify({\n                                messages: __spreadArray(__spreadArray([], dialogMessages, true), [{ role: 'user', content: prompt }], false),\n                                model: model,\n                                temperature: 0.5,\n                            }),\n                        };\n                        _b.label = 1;\n                    case 1:\n                        _b.trys.push([1, 4, , 5]);\n                        return [4 /*yield*/, fetch(apiEndpoint, requestOptions)];\n                    case 2:\n                        response = _b.sent();\n                        return [4 /*yield*/, response.json()];\n                    case 3:\n                        data = _b.sent();\n                        outputMessage = ((_a = data.choices[0].message) === null || _a === void 0 ? void 0 : _a.content) || '';\n                        return [2 /*return*/, outputMessage];\n                    case 4:\n                        err_3 = _b.sent();\n                        outputMessage = (0,_utils_parse__WEBPACK_IMPORTED_MODULE_0__.stringifyError)(err_3);\n                        throw new _exception_RepositoryException__WEBPACK_IMPORTED_MODULE_1__[\"default\"](outputMessage, -1);\n                    case 5: return [2 /*return*/];\n                }\n            });\n        });\n    };\n    return AISource;\n}());\n\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/Data/source/AISource.ts?");
+
+/***/ }),
+
 /***/ "./src/Data/source/exception/LocalDataSourceException.ts":
 /*!***************************************************************!*\
   !*** ./src/Data/source/exception/LocalDataSourceException.ts ***!
@@ -1279,7 +1389,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 */   \"MessageDTOMapper\": function() { return /* binding */ MessageDTOMapper; }\n/* harmony export */ });\n/* harmony import */ var _dto_message_RemoteMessageDTO__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../dto/message/RemoteMessageDTO */ \"./src/Data/dto/message/RemoteMessageDTO.ts\");\n/* harmony import */ var _exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../exception/MapperDTOException */ \"./src/Data/source/exception/MapperDTOException.ts\");\n\n\nvar MessageDTOMapper = /** @class */ (function () {\n    function MessageDTOMapper() {\n    }\n    // eslint-disable-next-line class-methods-use-this\n    MessageDTOMapper.prototype.fromDTO = function (dto) {\n        var messageDTO = dto;\n        MessageDTOMapper.validateDTO(messageDTO);\n        // eslint-disable-next-line @typescript-eslint/no-shadow\n        // todo: why we have empty values?\n        var message = {\n            _id: '',\n            attachments: [],\n            chat_dialog_id: '',\n            created_at: '',\n            date_sent: 0,\n            delivered_ids: [],\n            message: '',\n            read: 0,\n            read_ids: [],\n            recipient_id: 0,\n            sender_id: 0,\n            updated_at: '',\n        };\n        return Promise.resolve(message);\n    };\n    // eslint-disable-next-line class-methods-use-this\n    MessageDTOMapper.transformAttachment = function (qbAtts) {\n        var result = qbAtts.map(function (item) {\n            var newItem = {\n                id: item.id,\n                name: item.name,\n                size: item.size,\n                type: item.type,\n                uid: item.uid,\n                url: item.id.toString() && QB.content.privateUrl(item.id.toString()),\n                file: {\n                    id: item.id,\n                    name: item.name,\n                    size: item.size,\n                    type: item.type,\n                    uid: item.uid || '',\n                    url: item.id.toString() && QB.content.privateUrl(item.id.toString()),\n                },\n            };\n            return newItem;\n        });\n        return result;\n    };\n    // eslint-disable-next-line class-methods-use-this\n    MessageDTOMapper.prototype.toTDO = function (entity) {\n        var qbMessage = entity;\n        MessageDTOMapper.validateQBMessage(qbMessage);\n        var dto = new _dto_message_RemoteMessageDTO__WEBPACK_IMPORTED_MODULE_0__.RemoteMessageDTO();\n        dto.id = qbMessage._id;\n        dto.dialogId = qbMessage.chat_dialog_id;\n        dto.message = qbMessage.message;\n        dto.created_at = qbMessage.created_at;\n        dto.date_sent = qbMessage.date_sent;\n        dto.delivered_ids = qbMessage.delivered_ids ? qbMessage.delivered_ids : [];\n        dto.read_ids = qbMessage.read_ids ? qbMessage.read_ids : [];\n        dto.recipient_id = qbMessage.recipient_id ? qbMessage.recipient_id : 0;\n        dto.attachments = MessageDTOMapper.transformAttachment(qbMessage.attachments ? qbMessage.attachments : []);\n        dto.read = qbMessage.read;\n        dto.sender_id = qbMessage.sender_id;\n        dto.updated_at = qbMessage.updated_at;\n        // // notification_type markable\n        dto.notification_type = qbMessage.notification_type\n            ? qbMessage.notification_type\n            : '';\n        dto.markable = qbMessage.notification_type\n            ? qbMessage.notification_type\n            : '';\n        return Promise.resolve(dto);\n    };\n    MessageDTOMapper.validateDTO = function (messageDTO) {\n        var messageDTOValidator = {\n            created_at: function (v) {\n                var created_at = v.created_at;\n                return (created_at !== undefined &&\n                    created_at !== null &&\n                    created_at.length > 0);\n            },\n            date_sent: function (v) {\n                var date_sent = v.date_sent;\n                return date_sent !== undefined && date_sent !== null;\n            },\n            delivered_ids: function (v) {\n                var delivered_ids = v.delivered_ids;\n                return (delivered_ids !== undefined && delivered_ids !== null\n                // && delivered_ids.length >= 0\n                );\n            },\n            dialogId: function (v) {\n                var dialogId = v.dialogId;\n                return (dialogId !== undefined && dialogId !== null && dialogId.length > 0);\n            },\n            id: function (v) {\n                var id = v.id;\n                return id !== undefined && id !== null;\n            },\n            message: function (v) {\n                var message = v.message;\n                return message !== undefined && message !== null && message.length > 0;\n            },\n            read: function (v) {\n                var read = v.read;\n                return read !== undefined && read !== null;\n            },\n            read_ids: function (v) {\n                var read_ids = v.read_ids;\n                return (read_ids !== undefined && read_ids !== null\n                // && read_ids.length >= 0\n                );\n            },\n            recipient_id: function (v) {\n                var recipient_id = v.recipient_id;\n                return recipient_id !== undefined && recipient_id !== null;\n            },\n            sender_id: function (v) {\n                var sender_id = v.sender_id;\n                return sender_id !== undefined && sender_id !== null;\n            },\n            updated_at: function (v) {\n                var updated_at = v.updated_at;\n                return (updated_at !== undefined &&\n                    updated_at !== null &&\n                    updated_at.length > 0);\n            },\n            attachments: function (v) {\n                var attachments = v.attachments;\n                return attachments !== undefined && attachments !== null;\n            },\n        };\n        if (!messageDTOValidator.created_at(messageDTO))\n            throw new _exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_1__.MapperDTOException(_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_1__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_1__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {created_at} does not exist or empty');\n        if (!messageDTOValidator.date_sent(messageDTO))\n            throw new _exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_1__.MapperDTOException(_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_1__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_1__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {date_sent} does not exist or empty');\n        if (!messageDTOValidator.delivered_ids(messageDTO))\n            throw new _exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_1__.MapperDTOException(_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_1__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_1__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {delivered_ids} does not exist or empty');\n        if (!messageDTOValidator.dialogId(messageDTO))\n            throw new _exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_1__.MapperDTOException(_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_1__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_1__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {dialogId} does not exist or empty');\n        if (!messageDTOValidator.id(messageDTO))\n            throw new _exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_1__.MapperDTOException(_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_1__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_1__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {id} does not exist or empty');\n        if (!messageDTOValidator.message(messageDTO))\n            throw new _exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_1__.MapperDTOException(_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_1__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_1__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {message} does not exist or empty');\n        if (!messageDTOValidator.read(messageDTO))\n            throw new _exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_1__.MapperDTOException(_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_1__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_1__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {read} does not exist or empty');\n        if (!messageDTOValidator.read_ids(messageDTO))\n            throw new _exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_1__.MapperDTOException(_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_1__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_1__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {read_ids} does not exist or empty');\n        if (!messageDTOValidator.recipient_id(messageDTO))\n            throw new _exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_1__.MapperDTOException(_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_1__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_1__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {recipient_id} does not exist or empty');\n        if (!messageDTOValidator.sender_id(messageDTO))\n            throw new _exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_1__.MapperDTOException(_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_1__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_1__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {sender_id} does not exist or empty');\n        if (!messageDTOValidator.updated_at(messageDTO))\n            throw new _exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_1__.MapperDTOException(_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_1__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_1__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {updated_at} does not exist or empty');\n    };\n    MessageDTOMapper.validateQBMessage = function (qbMessage) {\n        var qbMessageValidator = {\n            delivered_ids: function (v) {\n                var delivered_ids = v.delivered_ids;\n                return delivered_ids !== undefined && delivered_ids !== null;\n            },\n            read_ids: function (v) {\n                var read_ids = v.read_ids;\n                return read_ids !== undefined && read_ids !== null;\n            },\n            _id: function (v) {\n                var _id = v._id;\n                return _id !== undefined && _id !== null && _id.length > 0;\n            },\n            // TODO: check attachment\n            attachments: function (v) {\n                var attachments = v.attachments;\n                return attachments !== undefined && attachments !== null;\n            },\n            chat_dialog_id: function (v) {\n                var chat_dialog_id = v.chat_dialog_id;\n                return (chat_dialog_id !== undefined &&\n                    chat_dialog_id !== null &&\n                    chat_dialog_id.length > 0);\n            },\n            created_at: function (v) {\n                var created_at = v.created_at;\n                return (created_at !== undefined &&\n                    created_at !== null &&\n                    created_at.length > 0);\n            },\n            date_sent: function (v) {\n                var date_sent = v.date_sent;\n                return date_sent !== undefined && date_sent !== null;\n            },\n            message: function (v) {\n                var message = v.message;\n                return message !== undefined && message !== null && message.length > 0;\n            },\n            read: function (v) {\n                var read = v.read;\n                return read !== undefined && read !== null;\n            },\n            recipient_id: function (v) {\n                var recipient_id = v.recipient_id;\n                return recipient_id !== undefined && recipient_id !== null;\n            },\n            sender_id: function (v) {\n                var sender_id = v.sender_id;\n                return sender_id !== undefined && sender_id !== null;\n            },\n            updated_at: function (v) {\n                var updated_at = v.updated_at;\n                return (updated_at !== undefined &&\n                    updated_at !== null &&\n                    updated_at.length > 0);\n            },\n        };\n        if (!qbMessageValidator._id(qbMessage))\n            throw new _exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_1__.MapperDTOException(_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_1__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_1__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {_id} does not exist or empty');\n        if (!qbMessageValidator.chat_dialog_id(qbMessage))\n            throw new _exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_1__.MapperDTOException(_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_1__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_1__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {chat_dialog_id} does not exist or empty');\n        if (!qbMessageValidator.created_at(qbMessage))\n            throw new _exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_1__.MapperDTOException(_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_1__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_1__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {created_at} does not exist or empty');\n        if (!qbMessageValidator.date_sent(qbMessage))\n            throw new _exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_1__.MapperDTOException(_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_1__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_1__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {date_sent} does not exist or empty');\n        if (!qbMessageValidator.message(qbMessage))\n            throw new _exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_1__.MapperDTOException(_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_1__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_1__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {message} does not exist or empty');\n        if (!qbMessageValidator.read(qbMessage))\n            throw new _exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_1__.MapperDTOException(_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_1__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_1__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {read} does not exist or empty');\n        if (!qbMessageValidator.recipient_id(qbMessage))\n            throw new _exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_1__.MapperDTOException(_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_1__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_1__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {recipient_id} does not exist or empty');\n        if (!qbMessageValidator.sender_id(qbMessage))\n            throw new _exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_1__.MapperDTOException(_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_1__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_1__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {sender_id} does not exist or empty');\n        if (!qbMessageValidator.updated_at(qbMessage))\n            throw new _exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_1__.MapperDTOException(_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_1__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_1__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {updated_at} does not exist or empty');\n    };\n    return MessageDTOMapper;\n}());\n\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/Data/source/remote/Mapper/MessageDTOMapper.ts?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"MessageDTOMapper\": function() { return /* binding */ MessageDTOMapper; }\n/* harmony export */ });\n/* harmony import */ var _dto_message_RemoteMessageDTO__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../dto/message/RemoteMessageDTO */ \"./src/Data/dto/message/RemoteMessageDTO.ts\");\n/* harmony import */ var _exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../exception/MapperDTOException */ \"./src/Data/source/exception/MapperDTOException.ts\");\n\n\nvar MessageDTOMapper = /** @class */ (function () {\n    function MessageDTOMapper() {\n    }\n    // eslint-disable-next-line class-methods-use-this\n    MessageDTOMapper.prototype.fromDTO = function (dto) {\n        var messageDTO = dto;\n        MessageDTOMapper.validateDTO(messageDTO);\n        // eslint-disable-next-line @typescript-eslint/no-shadow\n        // todo: why we have empty values?\n        var message = {\n            _id: '',\n            attachments: [],\n            chat_dialog_id: '',\n            created_at: '',\n            date_sent: 0,\n            delivered_ids: [],\n            message: '',\n            read: 0,\n            read_ids: [],\n            recipient_id: 0,\n            sender_id: 0,\n            updated_at: '',\n        };\n        return Promise.resolve(message);\n    };\n    // eslint-disable-next-line class-methods-use-this\n    MessageDTOMapper.transformAttachment = function (qbAtts) {\n        var result = qbAtts.map(function (item) {\n            var newItem = {\n                id: item.id,\n                name: item.name,\n                size: item.size,\n                type: item.type,\n                uid: item.uid,\n                url: item.uid && QB.content.privateUrl(item.uid),\n                file: {\n                    id: item.id,\n                    name: item.name,\n                    size: item.size,\n                    type: item.type,\n                    uid: item.uid || '',\n                    url: item.uid && QB.content.privateUrl(item.uid),\n                },\n            };\n            return newItem;\n        });\n        return result;\n    };\n    // eslint-disable-next-line class-methods-use-this\n    MessageDTOMapper.prototype.toTDO = function (entity) {\n        var qbMessage = entity;\n        MessageDTOMapper.validateQBMessage(qbMessage);\n        var dto = new _dto_message_RemoteMessageDTO__WEBPACK_IMPORTED_MODULE_0__.RemoteMessageDTO();\n        dto.id = qbMessage._id;\n        dto.dialogId = qbMessage.chat_dialog_id;\n        dto.message = qbMessage.message;\n        dto.created_at = qbMessage.created_at;\n        dto.date_sent = qbMessage.date_sent * 1000;\n        dto.delivered_ids = qbMessage.delivered_ids ? qbMessage.delivered_ids : [];\n        dto.read_ids = qbMessage.read_ids ? qbMessage.read_ids : [];\n        dto.recipient_id = qbMessage.recipient_id ? qbMessage.recipient_id : 0;\n        dto.attachments = MessageDTOMapper.transformAttachment(qbMessage.attachments ? qbMessage.attachments : []);\n        dto.read = qbMessage.read;\n        dto.sender_id = qbMessage.sender_id;\n        dto.updated_at = qbMessage.updated_at;\n        // // notification_type markable\n        dto.notification_type = qbMessage.notification_type\n            ? qbMessage.notification_type\n            : '';\n        dto.markable = qbMessage.notification_type\n            ? qbMessage.notification_type\n            : '';\n        return Promise.resolve(dto);\n    };\n    MessageDTOMapper.validateDTO = function (messageDTO) {\n        var messageDTOValidator = {\n            created_at: function (v) {\n                var created_at = v.created_at;\n                return (created_at !== undefined &&\n                    created_at !== null &&\n                    created_at.length > 0);\n            },\n            date_sent: function (v) {\n                var date_sent = v.date_sent;\n                return date_sent !== undefined && date_sent !== null;\n            },\n            delivered_ids: function (v) {\n                var delivered_ids = v.delivered_ids;\n                return (delivered_ids !== undefined && delivered_ids !== null\n                // && delivered_ids.length >= 0\n                );\n            },\n            dialogId: function (v) {\n                var dialogId = v.dialogId;\n                return (dialogId !== undefined && dialogId !== null && dialogId.length > 0);\n            },\n            id: function (v) {\n                var id = v.id;\n                return id !== undefined && id !== null;\n            },\n            message: function (v) {\n                var message = v.message;\n                return message !== undefined && message !== null && message.length > 0;\n            },\n            read: function (v) {\n                var read = v.read;\n                return read !== undefined && read !== null;\n            },\n            read_ids: function (v) {\n                var read_ids = v.read_ids;\n                return (read_ids !== undefined && read_ids !== null\n                // && read_ids.length >= 0\n                );\n            },\n            recipient_id: function (v) {\n                var recipient_id = v.recipient_id;\n                return recipient_id !== undefined && recipient_id !== null;\n            },\n            sender_id: function (v) {\n                var sender_id = v.sender_id;\n                return sender_id !== undefined && sender_id !== null;\n            },\n            updated_at: function (v) {\n                var updated_at = v.updated_at;\n                return (updated_at !== undefined &&\n                    updated_at !== null &&\n                    updated_at.length > 0);\n            },\n            attachments: function (v) {\n                var attachments = v.attachments;\n                return attachments !== undefined && attachments !== null;\n            },\n        };\n        if (!messageDTOValidator.created_at(messageDTO))\n            throw new _exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_1__.MapperDTOException(_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_1__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_1__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {created_at} does not exist or empty');\n        if (!messageDTOValidator.date_sent(messageDTO))\n            throw new _exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_1__.MapperDTOException(_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_1__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_1__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {date_sent} does not exist or empty');\n        if (!messageDTOValidator.delivered_ids(messageDTO))\n            throw new _exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_1__.MapperDTOException(_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_1__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_1__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {delivered_ids} does not exist or empty');\n        if (!messageDTOValidator.dialogId(messageDTO))\n            throw new _exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_1__.MapperDTOException(_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_1__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_1__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {dialogId} does not exist or empty');\n        if (!messageDTOValidator.id(messageDTO))\n            throw new _exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_1__.MapperDTOException(_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_1__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_1__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {id} does not exist or empty');\n        if (!messageDTOValidator.message(messageDTO))\n            throw new _exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_1__.MapperDTOException(_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_1__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_1__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {message} does not exist or empty');\n        if (!messageDTOValidator.read(messageDTO))\n            throw new _exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_1__.MapperDTOException(_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_1__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_1__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {read} does not exist or empty');\n        if (!messageDTOValidator.read_ids(messageDTO))\n            throw new _exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_1__.MapperDTOException(_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_1__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_1__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {read_ids} does not exist or empty');\n        if (!messageDTOValidator.recipient_id(messageDTO))\n            throw new _exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_1__.MapperDTOException(_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_1__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_1__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {recipient_id} does not exist or empty');\n        if (!messageDTOValidator.sender_id(messageDTO))\n            throw new _exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_1__.MapperDTOException(_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_1__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_1__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {sender_id} does not exist or empty');\n        if (!messageDTOValidator.updated_at(messageDTO))\n            throw new _exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_1__.MapperDTOException(_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_1__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_1__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {updated_at} does not exist or empty');\n    };\n    MessageDTOMapper.validateQBMessage = function (qbMessage) {\n        var qbMessageValidator = {\n            delivered_ids: function (v) {\n                var delivered_ids = v.delivered_ids;\n                return delivered_ids !== undefined && delivered_ids !== null;\n            },\n            read_ids: function (v) {\n                var read_ids = v.read_ids;\n                return read_ids !== undefined && read_ids !== null;\n            },\n            _id: function (v) {\n                var _id = v._id;\n                return _id !== undefined && _id !== null && _id.length > 0;\n            },\n            // TODO: check attachment\n            attachments: function (v) {\n                var attachments = v.attachments;\n                return attachments !== undefined && attachments !== null;\n            },\n            chat_dialog_id: function (v) {\n                var chat_dialog_id = v.chat_dialog_id;\n                return (chat_dialog_id !== undefined &&\n                    chat_dialog_id !== null &&\n                    chat_dialog_id.length > 0);\n            },\n            created_at: function (v) {\n                var created_at = v.created_at;\n                return (created_at !== undefined &&\n                    created_at !== null &&\n                    created_at.length > 0);\n            },\n            date_sent: function (v) {\n                var date_sent = v.date_sent;\n                return date_sent !== undefined && date_sent !== null;\n            },\n            message: function (v) {\n                var message = v.message;\n                return message !== undefined && message !== null && message.length > 0;\n            },\n            read: function (v) {\n                var read = v.read;\n                return read !== undefined && read !== null;\n            },\n            recipient_id: function (v) {\n                var recipient_id = v.recipient_id;\n                return recipient_id !== undefined && recipient_id !== null;\n            },\n            sender_id: function (v) {\n                var sender_id = v.sender_id;\n                return sender_id !== undefined && sender_id !== null;\n            },\n            updated_at: function (v) {\n                var updated_at = v.updated_at;\n                return (updated_at !== undefined &&\n                    updated_at !== null &&\n                    updated_at.length > 0);\n            },\n        };\n        if (!qbMessageValidator._id(qbMessage))\n            throw new _exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_1__.MapperDTOException(_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_1__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_1__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {_id} does not exist or empty');\n        if (!qbMessageValidator.chat_dialog_id(qbMessage))\n            throw new _exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_1__.MapperDTOException(_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_1__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_1__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {chat_dialog_id} does not exist or empty');\n        if (!qbMessageValidator.created_at(qbMessage))\n            throw new _exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_1__.MapperDTOException(_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_1__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_1__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {created_at} does not exist or empty');\n        if (!qbMessageValidator.date_sent(qbMessage))\n            throw new _exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_1__.MapperDTOException(_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_1__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_1__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {date_sent} does not exist or empty');\n        if (!qbMessageValidator.message(qbMessage))\n            throw new _exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_1__.MapperDTOException(_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_1__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_1__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {message} does not exist or empty');\n        if (!qbMessageValidator.read(qbMessage))\n            throw new _exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_1__.MapperDTOException(_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_1__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_1__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {read} does not exist or empty');\n        if (!qbMessageValidator.recipient_id(qbMessage))\n            throw new _exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_1__.MapperDTOException(_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_1__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_1__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {recipient_id} does not exist or empty');\n        if (!qbMessageValidator.sender_id(qbMessage))\n            throw new _exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_1__.MapperDTOException(_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_1__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_1__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {sender_id} does not exist or empty');\n        if (!qbMessageValidator.updated_at(qbMessage))\n            throw new _exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_1__.MapperDTOException(_exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_1__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE, _exception_MapperDTOException__WEBPACK_IMPORTED_MODULE_1__.INCORRECT_DATA_MAPPER_DTO_EXCEPTION_CODE, 'field {updated_at} does not exist or empty');\n    };\n    return MessageDTOMapper;\n}());\n\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/Data/source/remote/Mapper/MessageDTOMapper.ts?");
 
 /***/ }),
 
@@ -1609,7 +1719,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 _Dialogs_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Dialogs.scss */ \"./src/Presentation/Views/Dialogs/Dialogs.scss\");\n/* harmony import */ var _components_containers_ColumnContainer_ColumnContainer__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/containers/ColumnContainer/ColumnContainer */ \"./src/Presentation/components/containers/ColumnContainer/ColumnContainer.tsx\");\n/* harmony import */ var _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../Domain/entity/DialogTypes */ \"./src/Domain/entity/DialogTypes.ts\");\n/* harmony import */ var _components_UI_Dialogs_PreviewDialog_PreviewDialogViewModel__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../components/UI/Dialogs/PreviewDialog/PreviewDialogViewModel */ \"./src/Presentation/components/UI/Dialogs/PreviewDialog/PreviewDialogViewModel.ts\");\n/* harmony import */ var _components_UI_Dialogs_PreviewDialog_PreviewDialog__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../components/UI/Dialogs/PreviewDialog/PreviewDialog */ \"./src/Presentation/components/UI/Dialogs/PreviewDialog/PreviewDialog.tsx\");\n/* harmony import */ var _components_UI_Placeholders_LoaderComponent_LoaderComponent__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../components/UI/Placeholders/LoaderComponent/LoaderComponent */ \"./src/Presentation/components/UI/Placeholders/LoaderComponent/LoaderComponent.tsx\");\n/* harmony import */ var _components_UI_Placeholders_ErrorComponent_ErrorComponent__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../components/UI/Placeholders/ErrorComponent/ErrorComponent */ \"./src/Presentation/components/UI/Placeholders/ErrorComponent/ErrorComponent.tsx\");\n/* harmony import */ var _components_UI_Dialogs_HeaderDialogs_HeaderDialogs__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../components/UI/Dialogs/HeaderDialogs/HeaderDialogs */ \"./src/Presentation/components/UI/Dialogs/HeaderDialogs/HeaderDialogs.tsx\");\n/* harmony import */ var _components_providers_ModalContextProvider_Modal__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../components/providers/ModalContextProvider/Modal */ \"./src/Presentation/components/providers/ModalContextProvider/Modal.tsx\");\n/* harmony import */ var _CreateDialogFlow_CreateNewDialogFlow__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../CreateDialogFlow/CreateNewDialogFlow */ \"./src/Presentation/Views/CreateDialogFlow/CreateNewDialogFlow.tsx\");\n/* harmony import */ var _utils_DateTimeFormatter__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../../utils/DateTimeFormatter */ \"./src/utils/DateTimeFormatter.ts\");\n/* harmony import */ var _components_UI_svgs_Icons_Navigation_Search__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../components/UI/svgs/Icons/Navigation/Search */ \"./src/Presentation/components/UI/svgs/Icons/Navigation/Search/index.tsx\");\n/* harmony import */ var _components_UI_svgs_Icons_Actions_Remove__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../../components/UI/svgs/Icons/Actions/Remove */ \"./src/Presentation/components/UI/svgs/Icons/Actions/Remove/index.tsx\");\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 __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// eslint-disable-next-line react/function-component-definition\nvar DialogsComponent = function (_a) {\n    var header = _a.header, subHeaderContent = _a.subHeaderContent, upHeaderContent = _a.upHeaderContent, onDialogSelectHandler = _a.onDialogSelectHandler, dialogsViewModel = _a.dialogsViewModel, _b = _a.additionalSettings, additionalSettings = _b === void 0 ? undefined : _b;\n    var dialogs = [];\n    var _c = react__WEBPACK_IMPORTED_MODULE_1___default().useState([]), dialogsToView = _c[0], setDialogsToView = _c[1];\n    var _d = react__WEBPACK_IMPORTED_MODULE_1___default().useState({ selectedIndex: undefined, item: undefined }), selectedItem = _d[0], setSelectedItem = _d[1];\n    var _e = react__WEBPACK_IMPORTED_MODULE_1___default().useState(false), showSearchDialogs = _e[0], setShowSearchDialogs = _e[1];\n    var _f = react__WEBPACK_IMPORTED_MODULE_1___default().useState(''), nameDialogForSearch = _f[0], setNameDialogForSearch = _f[1];\n    (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n        console.log('USE EFFECT DIALOG LIST HAS CHANGED');\n        console.log(JSON.stringify(dialogsViewModel === null || dialogsViewModel === void 0 ? void 0 : dialogsViewModel.dialogs));\n        dialogs.slice(0);\n        dialogsViewModel === null || dialogsViewModel === void 0 ? void 0 : dialogsViewModel.dialogs.forEach(function (entiy, index) {\n            var pw = new _components_UI_Dialogs_PreviewDialog_PreviewDialogViewModel__WEBPACK_IMPORTED_MODULE_5__[\"default\"](function (it) {\n                if (onDialogSelectHandler) {\n                    setSelectedItem({ selectedIndex: index, item: it });\n                    onDialogSelectHandler(it);\n                }\n            }, function (it) {\n                if (onDialogSelectHandler) {\n                    setSelectedItem({ selectedIndex: index, item: it });\n                    onDialogSelectHandler(it);\n                }\n            }, \n            // Number(entiy.id),\n            // entiy.name,\n            entiy);\n            if (selectedItem && selectedItem.selectedIndex === index) {\n                pw.isSelected = true;\n            }\n            dialogs.push(pw);\n        });\n        setDialogsToView(dialogs);\n    }, [dialogsViewModel === null || dialogsViewModel === void 0 ? void 0 : dialogsViewModel.dialogs]);\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    var fetchMoreData = function () {\n        var _a;\n        console.log('call fetchMoreData with: pagination: ', JSON.stringify(dialogsViewModel === null || dialogsViewModel === void 0 ? void 0 : dialogsViewModel.pagination), 'View length: ', dialogsToView.length, 'Model length: ', dialogsViewModel === null || dialogsViewModel === void 0 ? void 0 : dialogsViewModel.dialogs.length);\n        if ((dialogsViewModel === null || dialogsViewModel === void 0 ? void 0 : dialogsViewModel.dialogs.length) === dialogsToView.length &&\n            ((_a = dialogsViewModel === null || dialogsViewModel === void 0 ? void 0 : dialogsViewModel.pagination) === null || _a === void 0 ? void 0 : _a.hasNextPage())) {\n            // setDialogsToView((prevState) => {\n            //   const newState = [...prevState];\n            //\n            //   const newDialogEntity: DialogEntity =\n            //     dialogsViewModel?.dialogs[prevState.length];\n            //\n            //   newState.push(newDialogEntity);\n            //\n            //   return newState;\n            // });\n            var newPagination = dialogsViewModel === null || dialogsViewModel === void 0 ? void 0 : dialogsViewModel.pagination;\n            newPagination.perPage = 6;\n            newPagination.nextPage(); // curPage + 1\n            console.log('call fetchMoreData with: pagination: ', JSON.stringify(newPagination), 'View length: ', dialogsToView.length, 'Model length: ', dialogsViewModel === null || dialogsViewModel === void 0 ? void 0 : dialogsViewModel.dialogs.length);\n            // eslint-disable-next-line @typescript-eslint/await-thenable\n            dialogsViewModel === null || dialogsViewModel === void 0 ? void 0 : dialogsViewModel.getDialogs(newPagination);\n        }\n    };\n    // useEffect(() => {\n    //   const firstPagination = new Pagination(1, 1000);\n    //\n    //   console.log(\n    //     'useEffect DialogsComponent, getDialogs(): ',\n    //     JSON.stringify(firstPagination),\n    //   );\n    //   dialogsViewModel?.getDialogs(firstPagination);\n    // }, []);\n    var handleModal = react__WEBPACK_IMPORTED_MODULE_1___default().useContext(_components_providers_ModalContextProvider_Modal__WEBPACK_IMPORTED_MODULE_10__.ModalContext).handleModal;\n    var useHeader = !(additionalSettings === null || additionalSettings === void 0 ? void 0 : additionalSettings.withoutHeader) || header || false;\n    var useSubContent = (additionalSettings === null || additionalSettings === void 0 ? void 0 : additionalSettings.useSubHeader) || subHeaderContent || false;\n    var useUpContent = (additionalSettings === null || additionalSettings === void 0 ? void 0 : additionalSettings.useUpHeader) || upHeaderContent || false;\n    var HeaderContent = header || ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_Dialogs_HeaderDialogs_HeaderDialogs__WEBPACK_IMPORTED_MODULE_9__[\"default\"], { title: \"Dialogs\", clickSearchHandler: function () {\n            setShowSearchDialogs(!showSearchDialogs);\n            setNameDialogForSearch('');\n        }, ClickActionHandler: function () {\n            handleModal(true, (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_CreateDialogFlow_CreateNewDialogFlow__WEBPACK_IMPORTED_MODULE_11__[\"default\"], { dialogsViewModel: dialogsViewModel }), 'New dialog', false, false, {\n                minHeight: '200px',\n                minWidth: '380px',\n                maxWidth: '380px',\n                backgroundColor: 'var(--main-background)',\n                // border: '3px solid red',\n            });\n        }, theme: additionalSettings === null || additionalSettings === void 0 ? void 0 : additionalSettings.themeHeader }));\n    var renderPreviewDialog = function (item, index) {\n        var _a;\n        function getMessageDateTimeSent() {\n            var dateInt = 0;\n            var formattedValue = '';\n            if (item.entity.lastMessage.dateSent) {\n                dateInt = parseInt(item.entity.lastMessage.dateSent, 10);\n                if (Number.isNaN(dateInt)) {\n                    return formattedValue;\n                }\n                formattedValue = (0,_utils_DateTimeFormatter__WEBPACK_IMPORTED_MODULE_12__.getTimeShort24hFormat)(dateInt);\n            }\n            return formattedValue;\n        }\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        function isMute(entity) {\n            return false;\n        }\n        var getDialogAvatar = function (currentDialog) {\n            var AvatarComponent;\n            if (currentDialog.entity.type === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_4__.DialogType.group ||\n                currentDialog.entity.type === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_4__.DialogType[\"public\"]) {\n                var imagePhoto = currentDialog.entity.photo;\n                console.log('Dialogs: avatar: ', imagePhoto || 'NO FOTO');\n                AvatarComponent = imagePhoto ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"img\", { style: { width: '55px', height: '55px', borderRadius: '50%' }, src: imagePhoto })) : undefined;\n            }\n            return AvatarComponent;\n        };\n        return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ onClick: function () {\n                setDialogsToView(function (prevState) {\n                    var newState = __spreadArray([], prevState, true);\n                    if (selectedItem && selectedItem.selectedIndex) {\n                        newState[selectedItem.selectedIndex].isSelected = false;\n                    }\n                    newState[index].isSelected = true;\n                    return newState;\n                });\n            } }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_Dialogs_PreviewDialog_PreviewDialog__WEBPACK_IMPORTED_MODULE_6__[\"default\"], { typeDialog: ((_a = item === null || item === void 0 ? void 0 : item.entity) === null || _a === void 0 ? void 0 : _a.type) || _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_4__.DialogType.group, dialogViewModel: item, theme: {\n                    themeName: (additionalSettings === null || additionalSettings === void 0 ? void 0 : additionalSettings.themeName) === 'dark' ? 'dark' : 'light',\n                    selected: item.isSelected,\n                    muted: isMute(item.entity),\n                    colorTheme: additionalSettings === null || additionalSettings === void 0 ? void 0 : additionalSettings.themePreview,\n                }, title: \"\".concat(item.entity.name || ''), unreadMessageCount: item.entity.unreadMessageCount > 0\n                    ? item.entity.unreadMessageCount\n                    : undefined, message_date_time_sent: getMessageDateTimeSent(), previewMessage: item.entity.lastMessage.text, dialogAvatar: getDialogAvatar(item) }) }), index));\n    };\n    var loaderTheme = {\n        color: 'var(--divider)',\n        width: '42',\n        height: '42',\n    };\n    var renderSearchDialogs = function () {\n        return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: \"search-dialog-name-input\" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_svgs_Icons_Navigation_Search__WEBPACK_IMPORTED_MODULE_13__[\"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: nameDialogForSearch, onChange: function (event) {\n                        setNameDialogForSearch(event.target.value);\n                    }, placeholder: \"Search\" }), nameDialogForSearch.length > 0 ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ style: { cursor: 'pointer' }, onClick: function () {\n                        setNameDialogForSearch('');\n                    } }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_svgs_Icons_Actions_Remove__WEBPACK_IMPORTED_MODULE_14__[\"default\"], { width: \"24\", height: \"24\", color: \"var(--tertiary-elements)\" }) }))) : null] })));\n    };\n    return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ style: {\n            minHeight: '800px',\n            minWidth: '322px',\n            border: '1px solid var(--divider)',\n        } }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components_containers_ColumnContainer_ColumnContainer__WEBPACK_IMPORTED_MODULE_3__[\"default\"], { children: [useUpContent && upHeaderContent, useHeader && HeaderContent, useSubContent && subHeaderContent, (dialogsViewModel === null || dialogsViewModel === void 0 ? void 0 : dialogsViewModel.loading) && (\n                // <div style={{ maxHeight: '44px', minHeight: '44px', height: '44px' }}>\n                //   <LoaderComponent width=\"44\" height=\"44\" color=\"var(--divider)\" />\n                // </div>\n                (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_Placeholders_LoaderComponent_LoaderComponent__WEBPACK_IMPORTED_MODULE_7__[\"default\"], { width: loaderTheme.width, height: loaderTheme.height, color: loaderTheme.color })), (dialogsViewModel === null || dialogsViewModel === void 0 ? void 0 : dialogsViewModel.error) && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_Placeholders_ErrorComponent_ErrorComponent__WEBPACK_IMPORTED_MODULE_8__[\"default\"], { title: \"Something is wrong.\", ClickActionHandler: function () {\n                        alert('call click retry');\n                    } })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: \"scroll-box\" }, { children: [showSearchDialogs ? renderSearchDialogs() : null, nameDialogForSearch.length > 0 &&\n                            dialogsToView\n                                .filter(function (item) {\n                                return item.entity.name\n                                    .toUpperCase()\n                                    .includes(nameDialogForSearch.toUpperCase(), 0);\n                            })\n                                .map(function (item, index) { return renderPreviewDialog(item, index); }), nameDialogForSearch.length === 0 &&\n                            (dialogsToView && dialogsToView.length) > 0 &&\n                            dialogsToView.map(function (item, index) {\n                                return renderPreviewDialog(item, index);\n                            })] }))] }) })));\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (DialogsComponent);\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/Presentation/Views/Dialogs/Dialogs.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 _Dialogs_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Dialogs.scss */ \"./src/Presentation/Views/Dialogs/Dialogs.scss\");\n/* harmony import */ var _components_containers_ColumnContainer_ColumnContainer__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/containers/ColumnContainer/ColumnContainer */ \"./src/Presentation/components/containers/ColumnContainer/ColumnContainer.tsx\");\n/* harmony import */ var _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../Domain/entity/DialogTypes */ \"./src/Domain/entity/DialogTypes.ts\");\n/* harmony import */ var _components_UI_Dialogs_PreviewDialog_PreviewDialogViewModel__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../components/UI/Dialogs/PreviewDialog/PreviewDialogViewModel */ \"./src/Presentation/components/UI/Dialogs/PreviewDialog/PreviewDialogViewModel.ts\");\n/* harmony import */ var _components_UI_Dialogs_PreviewDialog_PreviewDialog__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../components/UI/Dialogs/PreviewDialog/PreviewDialog */ \"./src/Presentation/components/UI/Dialogs/PreviewDialog/PreviewDialog.tsx\");\n/* harmony import */ var _components_UI_Placeholders_LoaderComponent_LoaderComponent__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../components/UI/Placeholders/LoaderComponent/LoaderComponent */ \"./src/Presentation/components/UI/Placeholders/LoaderComponent/LoaderComponent.tsx\");\n/* harmony import */ var _components_UI_Placeholders_ErrorComponent_ErrorComponent__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../components/UI/Placeholders/ErrorComponent/ErrorComponent */ \"./src/Presentation/components/UI/Placeholders/ErrorComponent/ErrorComponent.tsx\");\n/* harmony import */ var _components_UI_Dialogs_HeaderDialogs_HeaderDialogs__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../components/UI/Dialogs/HeaderDialogs/HeaderDialogs */ \"./src/Presentation/components/UI/Dialogs/HeaderDialogs/HeaderDialogs.tsx\");\n/* harmony import */ var _components_providers_ModalContextProvider_Modal__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../components/providers/ModalContextProvider/Modal */ \"./src/Presentation/components/providers/ModalContextProvider/Modal.tsx\");\n/* harmony import */ var _CreateDialogFlow_CreateNewDialogFlow__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../CreateDialogFlow/CreateNewDialogFlow */ \"./src/Presentation/Views/CreateDialogFlow/CreateNewDialogFlow.tsx\");\n/* harmony import */ var _utils_DateTimeFormatter__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../../utils/DateTimeFormatter */ \"./src/utils/DateTimeFormatter.ts\");\n/* harmony import */ var _components_UI_svgs_Icons_Navigation_Search__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../components/UI/svgs/Icons/Navigation/Search */ \"./src/Presentation/components/UI/svgs/Icons/Navigation/Search/index.tsx\");\n/* harmony import */ var _components_UI_svgs_Icons_Actions_Remove__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../../components/UI/svgs/Icons/Actions/Remove */ \"./src/Presentation/components/UI/svgs/Icons/Actions/Remove/index.tsx\");\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 __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// eslint-disable-next-line react/function-component-definition\nvar DialogsComponent = function (_a) {\n    var header = _a.header, subHeaderContent = _a.subHeaderContent, upHeaderContent = _a.upHeaderContent, onDialogSelectHandler = _a.onDialogSelectHandler, dialogsViewModel = _a.dialogsViewModel, _b = _a.additionalSettings, additionalSettings = _b === void 0 ? undefined : _b;\n    var dialogs = [];\n    var _c = react__WEBPACK_IMPORTED_MODULE_1___default().useState([]), dialogsToView = _c[0], setDialogsToView = _c[1];\n    var _d = react__WEBPACK_IMPORTED_MODULE_1___default().useState({ selectedIndex: undefined, item: undefined }), selectedItem = _d[0], setSelectedItem = _d[1];\n    var _e = react__WEBPACK_IMPORTED_MODULE_1___default().useState(false), showSearchDialogs = _e[0], setShowSearchDialogs = _e[1];\n    var _f = react__WEBPACK_IMPORTED_MODULE_1___default().useState(''), nameDialogForSearch = _f[0], setNameDialogForSearch = _f[1];\n    (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n        console.log('USE EFFECT DIALOG LIST HAS CHANGED');\n        console.log(JSON.stringify(dialogsViewModel === null || dialogsViewModel === void 0 ? void 0 : dialogsViewModel.dialogs));\n        dialogs.slice(0);\n        dialogsViewModel === null || dialogsViewModel === void 0 ? void 0 : dialogsViewModel.dialogs.forEach(function (entiy, index) {\n            var pw = new _components_UI_Dialogs_PreviewDialog_PreviewDialogViewModel__WEBPACK_IMPORTED_MODULE_5__[\"default\"](function (it) {\n                if (onDialogSelectHandler) {\n                    setSelectedItem({ selectedIndex: index, item: it });\n                    onDialogSelectHandler(it);\n                }\n            }, function (it) {\n                if (onDialogSelectHandler) {\n                    setSelectedItem({ selectedIndex: index, item: it });\n                    onDialogSelectHandler(it);\n                }\n            }, \n            // Number(entiy.id),\n            // entiy.name,\n            entiy);\n            if (selectedItem && selectedItem.selectedIndex === index) {\n                pw.isSelected = true;\n            }\n            dialogs.push(pw);\n        });\n        setDialogsToView(dialogs);\n    }, [dialogsViewModel === null || dialogsViewModel === void 0 ? void 0 : dialogsViewModel.dialogs]);\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    var fetchMoreData = function () {\n        var _a;\n        console.log('call fetchMoreData with: pagination: ', JSON.stringify(dialogsViewModel === null || dialogsViewModel === void 0 ? void 0 : dialogsViewModel.pagination), 'View length: ', dialogsToView.length, 'Model length: ', dialogsViewModel === null || dialogsViewModel === void 0 ? void 0 : dialogsViewModel.dialogs.length);\n        if ((dialogsViewModel === null || dialogsViewModel === void 0 ? void 0 : dialogsViewModel.dialogs.length) === dialogsToView.length &&\n            ((_a = dialogsViewModel === null || dialogsViewModel === void 0 ? void 0 : dialogsViewModel.pagination) === null || _a === void 0 ? void 0 : _a.hasNextPage())) {\n            // setDialogsToView((prevState) => {\n            //   const newState = [...prevState];\n            //\n            //   const newDialogEntity: DialogEntity =\n            //     dialogsViewModel?.dialogs[prevState.length];\n            //\n            //   newState.push(newDialogEntity);\n            //\n            //   return newState;\n            // });\n            var newPagination = dialogsViewModel === null || dialogsViewModel === void 0 ? void 0 : dialogsViewModel.pagination;\n            newPagination.perPage = 6;\n            newPagination.nextPage(); // curPage + 1\n            console.log('call fetchMoreData with: pagination: ', JSON.stringify(newPagination), 'View length: ', dialogsToView.length, 'Model length: ', dialogsViewModel === null || dialogsViewModel === void 0 ? void 0 : dialogsViewModel.dialogs.length);\n            // eslint-disable-next-line @typescript-eslint/await-thenable\n            dialogsViewModel === null || dialogsViewModel === void 0 ? void 0 : dialogsViewModel.getDialogs(newPagination);\n        }\n    };\n    // useEffect(() => {\n    //   const firstPagination = new Pagination(1, 1000);\n    //\n    //   console.log(\n    //     'useEffect DialogsComponent, getDialogs(): ',\n    //     JSON.stringify(firstPagination),\n    //   );\n    //   dialogsViewModel?.getDialogs(firstPagination);\n    // }, []);\n    var handleModal = react__WEBPACK_IMPORTED_MODULE_1___default().useContext(_components_providers_ModalContextProvider_Modal__WEBPACK_IMPORTED_MODULE_10__.ModalContext).handleModal;\n    var useHeader = !(additionalSettings === null || additionalSettings === void 0 ? void 0 : additionalSettings.withoutHeader) || header || false;\n    var useSubContent = (additionalSettings === null || additionalSettings === void 0 ? void 0 : additionalSettings.useSubHeader) || subHeaderContent || false;\n    var useUpContent = (additionalSettings === null || additionalSettings === void 0 ? void 0 : additionalSettings.useUpHeader) || upHeaderContent || false;\n    var HeaderContent = header || ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_Dialogs_HeaderDialogs_HeaderDialogs__WEBPACK_IMPORTED_MODULE_9__[\"default\"], { title: \"Dialogs\", clickSearchHandler: function () {\n            setShowSearchDialogs(!showSearchDialogs);\n            setNameDialogForSearch('');\n        }, ClickActionHandler: function () {\n            handleModal(true, (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_CreateDialogFlow_CreateNewDialogFlow__WEBPACK_IMPORTED_MODULE_11__[\"default\"], { dialogsViewModel: dialogsViewModel }), 'New dialog', false, false, {\n                minHeight: '200px',\n                minWidth: '380px',\n                maxWidth: '380px',\n                backgroundColor: 'var(--main-background)',\n                // border: '3px solid red',\n            });\n        }, theme: additionalSettings === null || additionalSettings === void 0 ? void 0 : additionalSettings.themeHeader }));\n    var renderPreviewDialog = function (item, index) {\n        var _a;\n        function getMessageDateTimeSent() {\n            var dateInt = 0;\n            var formattedValue = '';\n            if (item.entity.lastMessage.dateSent) {\n                dateInt = parseInt(item.entity.lastMessage.dateSent, 10);\n                if (Number.isNaN(dateInt)) {\n                    return formattedValue;\n                }\n                formattedValue = (0,_utils_DateTimeFormatter__WEBPACK_IMPORTED_MODULE_12__.getTimeShort24hFormat)(dateInt);\n            }\n            return formattedValue;\n        }\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        function isMute(entity) {\n            return false;\n        }\n        var getDialogAvatar = function (currentDialog) {\n            var AvatarComponent;\n            if (currentDialog.entity.type === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_4__.DialogType.group ||\n                currentDialog.entity.type === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_4__.DialogType[\"public\"]) {\n                var imagePhoto = currentDialog.entity.photo;\n                console.log('Dialogs: avatar: ', imagePhoto || 'NO FOTO');\n                AvatarComponent = imagePhoto ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"img\", { style: { width: '55px', height: '55px', borderRadius: '50%' }, src: imagePhoto })) : undefined;\n            }\n            return AvatarComponent;\n        };\n        return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ onClick: function () {\n                setDialogsToView(function (prevState) {\n                    var newState = __spreadArray([], prevState, true);\n                    if (selectedItem && selectedItem.selectedIndex) {\n                        newState[selectedItem.selectedIndex].isSelected = false;\n                    }\n                    newState[index].isSelected = true;\n                    return newState;\n                });\n            } }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_Dialogs_PreviewDialog_PreviewDialog__WEBPACK_IMPORTED_MODULE_6__[\"default\"], { typeDialog: ((_a = item === null || item === void 0 ? void 0 : item.entity) === null || _a === void 0 ? void 0 : _a.type) || _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_4__.DialogType.group, dialogViewModel: item, theme: {\n                    themeName: (additionalSettings === null || additionalSettings === void 0 ? void 0 : additionalSettings.themeName) === 'dark' ? 'dark' : 'light',\n                    selected: item.isSelected,\n                    muted: isMute(item.entity),\n                    colorTheme: additionalSettings === null || additionalSettings === void 0 ? void 0 : additionalSettings.themePreview,\n                }, title: \"\".concat(item.entity.name || ''), unreadMessageCount: item.entity.unreadMessageCount > 0\n                    ? item.entity.unreadMessageCount\n                    : undefined, message_date_time_sent: getMessageDateTimeSent(), previewMessage: item.entity.lastMessage.text, dialogAvatar: getDialogAvatar(item) }) }), index));\n    };\n    var loaderTheme = {\n        color: 'var(--color-background-info)',\n        width: '44',\n        height: '44',\n    };\n    var renderSearchDialogs = function () {\n        return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: \"search-dialog-name-input\" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_svgs_Icons_Navigation_Search__WEBPACK_IMPORTED_MODULE_13__[\"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: nameDialogForSearch, onChange: function (event) {\n                        setNameDialogForSearch(event.target.value);\n                    }, placeholder: \"Search\" }), nameDialogForSearch.length > 0 ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ style: { cursor: 'pointer' }, onClick: function () {\n                        setNameDialogForSearch('');\n                    } }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_svgs_Icons_Actions_Remove__WEBPACK_IMPORTED_MODULE_14__[\"default\"], { width: \"24\", height: \"24\", color: \"var(--tertiary-elements)\" }) }))) : null] })));\n    };\n    return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ style: {\n            minHeight: '800px',\n            minWidth: '322px',\n            border: '1px solid var(--divider)',\n        } }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components_containers_ColumnContainer_ColumnContainer__WEBPACK_IMPORTED_MODULE_3__[\"default\"], { children: [useUpContent && upHeaderContent, useHeader && HeaderContent, useSubContent && subHeaderContent, (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: \"scroll-box\" }, { children: [(dialogsViewModel === null || dialogsViewModel === void 0 ? void 0 : dialogsViewModel.loading) && (\n                        // <div style={{ maxHeight: '44px', minHeight: '44px', height: '44px' }}>\n                        //   <LoaderComponent width=\"44\" height=\"44\" color=\"var(--divider)\" />\n                        // </div>\n                        (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ style: {\n                                display: 'flex',\n                                flexDirection: 'row',\n                                alignItems: 'center',\n                                justifyContent: 'center',\n                            } }, { children: (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)(_components_UI_Placeholders_LoaderComponent_LoaderComponent__WEBPACK_IMPORTED_MODULE_7__[\"default\"], { width: loaderTheme.width, height: loaderTheme.height, color: loaderTheme.color }) })) }))), (dialogsViewModel === null || dialogsViewModel === void 0 ? void 0 : dialogsViewModel.error) && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_Placeholders_ErrorComponent_ErrorComponent__WEBPACK_IMPORTED_MODULE_8__[\"default\"], { title: \"Something is wrong.\", ClickActionHandler: function () {\n                                alert('call click retry');\n                            } })), showSearchDialogs ? renderSearchDialogs() : null, nameDialogForSearch.length > 0 &&\n                            dialogsToView\n                                .filter(function (item) {\n                                return item.entity.name\n                                    .toUpperCase()\n                                    .includes(nameDialogForSearch.toUpperCase(), 0);\n                            })\n                                .map(function (item, index) { return renderPreviewDialog(item, index); }), nameDialogForSearch.length === 0 &&\n                            (dialogsToView && dialogsToView.length) > 0 &&\n                            dialogsToView.map(function (item, index) {\n                                return renderPreviewDialog(item, index);\n                            })] }))] }) })));\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (DialogsComponent);\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/Presentation/Views/Dialogs/Dialogs.tsx?");
 
 /***/ }),
 
@@ -1752,7 +1862,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 _HeaderDialogs_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./HeaderDialogs.scss */ \"./src/Presentation/components/UI/Dialogs/HeaderDialogs/HeaderDialogs.scss\");\n/* harmony import */ var _svgs_Icons_Navigation_Search__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../svgs/Icons/Navigation/Search */ \"./src/Presentation/components/UI/svgs/Icons/Navigation/Search/index.tsx\");\n/* harmony import */ var _svgs_Icons_Actions_NewChat__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../svgs/Icons/Actions/NewChat */ \"./src/Presentation/components/UI/svgs/Icons/Actions/NewChat/index.tsx\");\n/* harmony import */ var _svgs_ActiveSvg_ActiveSvg__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../svgs/ActiveSvg/ActiveSvg */ \"./src/Presentation/components/UI/svgs/ActiveSvg/ActiveSvg.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// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\n// import stl from './HeaderDialogs.scss';\n\n\n\n// eslint-disable-next-line react/function-component-definition\nvar HeaderDialogs = function (_a) {\n    var title = _a.title, clickSearchHandler = _a.clickSearchHandler, touchSearchHandler = _a.touchSearchHandler, \n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    ClickActionHandler = _a.ClickActionHandler, \n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    TouchActionHandler = _a.TouchActionHandler, _b = _a.theme, theme = _b === void 0 ? undefined : _b, \n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    _c = _a.settings, \n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    settings = _c === void 0 ? undefined : _c;\n    // const s1 = stl.headerDialogsContainer;\n    // const s2 = stl.headerDialogs;\n    // const s3 = stl.headerDialogsContainerTitle_wrapper;\n    // // const s4 = stl.headerDialogsContainer__title;\n    // const s5 = stl.headerDialogsContainer__buttons;\n    //\n    // s5.color = '#FF3B30';\n    var titleContainerStyle = theme\n        ? {\n            border: \"1px solid \".concat(theme.divider()),\n            backgroundColor: theme.mainBackground(),\n        }\n        : {};\n    var textStyle = theme\n        ? {\n            color: theme.mainText(),\n            fontFamily: theme.fontFamily(),\n            backgroundColor: theme.mainBackground(),\n        }\n        : {};\n    var buttonsStyle = {\n        background: 'none',\n        svg: {\n            width: '44',\n            height: '44',\n            viewBox: '0 0 44 44',\n            path: {\n                fill: theme === null || theme === void 0 ? void 0 : theme.mainElements(),\n            },\n        },\n    };\n    return (\n    // <div className={[s1, s2].join(' ')}>\n    //   <div className={s3}>\n    //     <div>{title}</div>\n    //   </div>\n    //   <div className={s5}>\n    //     <Search />\n    //     <NewChat />\n    //   </div>\n    // </div>\n    // className=\"header-dialogs-container__title\"\n    (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: \"header-dialogs-container header-dialogs\", style: titleContainerStyle }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"header-dialogs-container--title_wrapper\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ style: textStyle }, { children: title })) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ style: buttonsStyle, className: \"header-dialogs-container__buttons\" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_ActiveSvg_ActiveSvg__WEBPACK_IMPORTED_MODULE_4__[\"default\"], { content: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Navigation_Search__WEBPACK_IMPORTED_MODULE_2__[\"default\"], {}), touchAction: function () {\n                            console.log('touchSearchDialogsHandler');\n                            if (touchSearchHandler)\n                                touchSearchHandler();\n                        }, clickAction: function () {\n                            console.log('clickSearchDialogsHandler');\n                            if (clickSearchHandler)\n                                clickSearchHandler();\n                        } }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_ActiveSvg_ActiveSvg__WEBPACK_IMPORTED_MODULE_4__[\"default\"], { content: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Actions_NewChat__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {}), touchAction: function () {\n                            console.log('touchAction: Hello from component 1');\n                            if (TouchActionHandler)\n                                TouchActionHandler();\n                        }, clickAction: function () {\n                            console.log('clickAction: Hello from component 2');\n                            if (ClickActionHandler)\n                                ClickActionHandler();\n                        } })] }))] })));\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (HeaderDialogs);\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/Presentation/components/UI/Dialogs/HeaderDialogs/HeaderDialogs.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 _HeaderDialogs_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./HeaderDialogs.scss */ \"./src/Presentation/components/UI/Dialogs/HeaderDialogs/HeaderDialogs.scss\");\n/* harmony import */ var _svgs_Icons_Navigation_Search__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../svgs/Icons/Navigation/Search */ \"./src/Presentation/components/UI/svgs/Icons/Navigation/Search/index.tsx\");\n/* harmony import */ var _svgs_Icons_Actions_NewChat__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../svgs/Icons/Actions/NewChat */ \"./src/Presentation/components/UI/svgs/Icons/Actions/NewChat/index.tsx\");\n/* harmony import */ var _svgs_ActiveSvg_ActiveSvg__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../svgs/ActiveSvg/ActiveSvg */ \"./src/Presentation/components/UI/svgs/ActiveSvg/ActiveSvg.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// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\n// import stl from './HeaderDialogs.scss';\n\n\n\n// eslint-disable-next-line react/function-component-definition\nvar HeaderDialogs = function (_a) {\n    var title = _a.title, clickSearchHandler = _a.clickSearchHandler, touchSearchHandler = _a.touchSearchHandler, \n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    ClickActionHandler = _a.ClickActionHandler, \n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    TouchActionHandler = _a.TouchActionHandler, _b = _a.theme, theme = _b === void 0 ? undefined : _b, \n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    _c = _a.settings, \n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    settings = _c === void 0 ? undefined : _c;\n    // const s1 = stl.headerDialogsContainer;\n    // const s2 = stl.headerDialogs;\n    // const s3 = stl.headerDialogsContainerTitle_wrapper;\n    // // const s4 = stl.headerDialogsContainer__title;\n    // const s5 = stl.headerDialogsContainer__buttons;\n    //\n    // s5.color = '#FF3B30';\n    var titleContainerStyle = theme\n        ? {\n            border: \"1px solid \".concat(theme.divider()),\n            backgroundColor: theme.mainBackground(),\n        }\n        : {};\n    var textStyle = theme\n        ? {\n            color: theme.mainText(),\n            fontFamily: theme.fontFamily(),\n            backgroundColor: theme.mainBackground(),\n        }\n        : {};\n    var buttonsStyle = {\n        background: 'none',\n        svg: {\n            width: '24',\n            height: '24',\n            viewBox: '0 0 24 24',\n            path: {\n                fill: theme === null || theme === void 0 ? void 0 : theme.mainElements(),\n            },\n        },\n    };\n    return (\n    // <div className={[s1, s2].join(' ')}>\n    //   <div className={s3}>\n    //     <div>{title}</div>\n    //   </div>\n    //   <div className={s5}>\n    //     <Search />\n    //     <NewChat />\n    //   </div>\n    // </div>\n    // className=\"header-dialogs-container__title\"\n    (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: \"header-dialogs-container header-dialogs\", style: titleContainerStyle }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"header-dialogs-container--title_wrapper\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ style: textStyle }, { children: title })) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ style: buttonsStyle, className: \"header-dialogs-container__buttons\" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_ActiveSvg_ActiveSvg__WEBPACK_IMPORTED_MODULE_4__[\"default\"], { content: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Navigation_Search__WEBPACK_IMPORTED_MODULE_2__[\"default\"], { width: \"24\", height: \"24\", applyZoom: true }), touchAction: function () {\n                            console.log('touchSearchDialogsHandler');\n                            if (touchSearchHandler)\n                                touchSearchHandler();\n                        }, clickAction: function () {\n                            console.log('clickSearchDialogsHandler');\n                            if (clickSearchHandler)\n                                clickSearchHandler();\n                        } }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_ActiveSvg_ActiveSvg__WEBPACK_IMPORTED_MODULE_4__[\"default\"], { content: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Actions_NewChat__WEBPACK_IMPORTED_MODULE_3__[\"default\"], { width: \"24\", height: \"24\", applyZoom: true }), touchAction: function () {\n                            console.log('touchAction: Hello from component 1');\n                            if (TouchActionHandler)\n                                TouchActionHandler();\n                        }, clickAction: function () {\n                            console.log('clickAction: Hello from component 2');\n                            if (ClickActionHandler)\n                                ClickActionHandler();\n                        } })] }))] })));\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (HeaderDialogs);\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/Presentation/components/UI/Dialogs/HeaderDialogs/HeaderDialogs.tsx?");
 
 /***/ }),
 
@@ -1811,6 +1921,17 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var reac
 
 /***/ }),
 
+/***/ "./src/Presentation/components/UI/Dialogs/MessagesView/AIWidgets/AIWidgetActions/AIWidgetActions.tsx":
+/*!***********************************************************************************************************!*\
+  !*** ./src/Presentation/components/UI/Dialogs/MessagesView/AIWidgets/AIWidgetActions/AIWidgetActions.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 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 _AIWidgetActions_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./AIWidgetActions.scss */ \"./src/Presentation/components/UI/Dialogs/MessagesView/AIWidgets/AIWidgetActions/AIWidgetActions.scss\");\n/* harmony import */ var _svgs_Icons_Actions_EditDots__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../svgs/Icons/Actions/EditDots */ \"./src/Presentation/components/UI/svgs/Icons/Actions/EditDots/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\nvar ContextMenuStyles = {\n    contextMenuIcon: {\n        display: 'inline-block',\n        position: 'relative',\n        maxWidth: '42px',\n        maxHeight: '42px',\n        cursor: 'pointer',\n    },\n    contextMenuContent: {\n        position: 'absolute',\n        bottom: '10px',\n        right: '0',\n        backgroundColor: 'white',\n        border: '1px solid gray',\n        borderRadius: '8px',\n        padding: '4px',\n        zIndex: 1,\n        width: 'max-content',\n    },\n    menuItemContainer: {\n        display: 'flex',\n        alignItems: 'center',\n        padding: '4px',\n        cursor: 'pointer',\n        fontWeight: 'normal',\n    },\n    menuTitle: {\n        padding: '4px',\n        fontWeight: 'bold',\n    },\n};\nfunction AIWidgetActions(_a) {\n    var items = _a.items, widgetToRender = _a.widgetToRender, _b = _a.title, title = _b === void 0 ? null : _b;\n    var _c = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false), menuVisible = _c[0], setMenuVisible = _c[1];\n    var contextMenuRef = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(null);\n    var handleClick = function () {\n        setMenuVisible(!menuVisible);\n    };\n    var handleMenuItemClick = function (action) {\n        action();\n        setMenuVisible(false);\n    };\n    (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n        function handleClickOutside(event) {\n            if (contextMenuRef.current &&\n                !contextMenuRef.current.contains(event.target)) {\n                setMenuVisible(false);\n            }\n        }\n        document.addEventListener('mousedown', handleClickOutside);\n        return function () {\n            document.removeEventListener('mousedown', handleClickOutside);\n        };\n    }, []);\n    return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ style: ContextMenuStyles.contextMenuIcon }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ onClick: handleClick }, { children: widgetToRender || (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Actions_EditDots__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {}) })), menuVisible && (\n            // <div ref={contextMenuRef} style={ContextMenuStyles.contextMenuContent}>\n            (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ ref: contextMenuRef, className: \"dropdown-context-menu-tone\" }, { children: [title && (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ style: ContextMenuStyles.menuTitle }, { children: title })), items === null || items === void 0 ? void 0 : items.map(function (item, index) { return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ \n                        // style={ContextMenuStyles.menuItemContainer}\n                        className: \"dropdown-context-menu-tone-menu-item\", onClick: function () {\n                            handleMenuItemClick(item.action);\n                        } }, { children: [item.icon && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"dropdown-context-menu-tone-menu-item-icon\" }, { children: item.icon }))), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"dropdown-context-menu-tone-menu-item-title\" }, { children: item.title })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", { className: \"dropdown-context-menu-tone-menu-item-icon\" })] }), index)); })] })))] })));\n}\n/* harmony default export */ __webpack_exports__[\"default\"] = (AIWidgetActions);\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/Presentation/components/UI/Dialogs/MessagesView/AIWidgets/AIWidgetActions/AIWidgetActions.tsx?");
+
+/***/ }),
+
 /***/ "./src/Presentation/components/UI/Dialogs/MessagesView/AIWidgets/ErrorMessageIcon.tsx":
 /*!********************************************************************************************!*\
   !*** ./src/Presentation/components/UI/Dialogs/MessagesView/AIWidgets/ErrorMessageIcon.tsx ***!
@@ -1822,14 +1943,47 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var reac
 
 /***/ }),
 
-/***/ "./src/Presentation/components/UI/Dialogs/MessagesView/AIWidgets/UseDefaultAIAssistAnswerWidgetWithProxy.tsx":
-/*!*******************************************************************************************************************!*\
-  !*** ./src/Presentation/components/UI/Dialogs/MessagesView/AIWidgets/UseDefaultAIAssistAnswerWidgetWithProxy.tsx ***!
-  \*******************************************************************************************************************/
+/***/ "./src/Presentation/components/UI/Dialogs/MessagesView/AIWidgets/Tone.ts":
+/*!*******************************************************************************!*\
+  !*** ./src/Presentation/components/UI/Dialogs/MessagesView/AIWidgets/Tone.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 */   \"Tone\": function() { return /* binding */ Tone; },\n/* harmony export */   \"stringToTone\": function() { return /* binding */ stringToTone; },\n/* harmony export */   \"toneToString\": function() { return /* binding */ toneToString; }\n/* harmony export */ });\nvar Tone;\n(function (Tone) {\n    Tone[\"Professional\"] = \"Professional Tone\";\n    Tone[\"Friendly\"] = \"Friendly Tone\";\n    Tone[\"Encouraging\"] = \"Encouraging Tone\";\n    Tone[\"Empathetic\"] = \"Empathetic Tone\";\n    Tone[\"Neutral\"] = \"Neutral Tone\";\n    Tone[\"Assertive\"] = \"Assertive Tone\";\n    Tone[\"Instructive\"] = \"Instructive Tone\";\n    Tone[\"Persuasive\"] = \"Persuasive Tone\";\n    Tone[\"Sarcastic\"] = \"Sarcastic/Ironic Tone\";\n    Tone[\"Poetic\"] = \"Poetic Tone\";\n    Tone[\"Unchanged\"] = \"Unchanged\";\n})(Tone || (Tone = {}));\nvar toneToString = function (tone) {\n    return tone;\n};\nvar stringToTone = function (toneStr) {\n    return Tone[toneStr];\n};\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/Presentation/components/UI/Dialogs/MessagesView/AIWidgets/Tone.ts?");
+
+/***/ }),
+
+/***/ "./src/Presentation/components/UI/Dialogs/MessagesView/AIWidgets/UseDefaultAIAssistAnswerWidget.tsx":
+/*!**********************************************************************************************************!*\
+  !*** ./src/Presentation/components/UI/Dialogs/MessagesView/AIWidgets/UseDefaultAIAssistAnswerWidget.tsx ***!
+  \**********************************************************************************************************/
+/***/ (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 */ UseDefaultAIAssistAnswerWidget; }\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 _svgs_Icons_AIWidgets_AIWidget__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../svgs/Icons/AIWidgets/AIWidget */ \"./src/Presentation/components/UI/svgs/Icons/AIWidgets/AIWidget/index.tsx\");\n/* harmony import */ var _ErrorMessageIcon__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./ErrorMessageIcon */ \"./src/Presentation/components/UI/Dialogs/MessagesView/AIWidgets/ErrorMessageIcon.tsx\");\n/* harmony import */ var _Data_source_AISource__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../Data/source/AISource */ \"./src/Data/source/AISource.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};\n\n\n\n\n\nfunction UseDefaultAIAssistAnswerWidget(_a) {\n    var _this = this;\n    var servername = _a.servername, api = _a.api, port = _a.port, sessionToken = _a.sessionToken, apiKey = _a.apiKey;\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    var _b = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(''), errorMessage = _b[0], setErrorMessage = _b[1];\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars,@typescript-eslint/no-empty-function\n    var fileToWidget = function (file, context) { };\n    var renderWidget = function () {\n        if (errorMessage && errorMessage.length > 0) {\n            var errorsDescriptions = [];\n            return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ErrorMessageIcon__WEBPACK_IMPORTED_MODULE_3__[\"default\"], { errorMessageText: errorMessage, errorsDescriptions: errorsDescriptions }));\n        }\n        return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_AIWidgets_AIWidget__WEBPACK_IMPORTED_MODULE_2__[\"default\"], { applyZoom: true, color: \"green\" });\n    };\n    var _c = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(''), textFromWidgetToContent = _c[0], setTextFromWidgetToContent = _c[1];\n    var textToWidget = function (textToSend, context) { return __awaiter(_this, void 0, void 0, function () {\n        var prompt_1;\n        return __generator(this, function (_a) {\n            switch (_a.label) {\n                case 0:\n                    if (!(textToSend && textToSend.length > 0)) return [3 /*break*/, 4];\n                    prompt_1 = \"You are a customer support chat operator. Your goal is to provide helpful and informative responses to customer inquiries. Give a response to the next user's query, considering the entire conversation context, and use grammar and vocabulary at the A2-B2 level. Answer in the format of simple sentences. Do not include question in answer. Please, provide answer for this issue:\\\"\".concat(textToSend, \"\\\"\");\n                    if (!(apiKey.length > 0)) return [3 /*break*/, 2];\n                    return [4 /*yield*/, _Data_source_AISource__WEBPACK_IMPORTED_MODULE_4__.AISource.getData(prompt_1, \n                        // eslint-disable-next-line @typescript-eslint/no-unsafe-argument\n                        context, servername, api, port, sessionToken).then(function (data) {\n                            setTextFromWidgetToContent(data);\n                            return data;\n                        })];\n                case 1: \n                // eslint-disable-next-line no-return-await\n                return [2 /*return*/, _a.sent()];\n                case 2: return [4 /*yield*/, _Data_source_AISource__WEBPACK_IMPORTED_MODULE_4__.AISource.getDataWithProxyServer(prompt_1, \n                    // eslint-disable-next-line @typescript-eslint/no-unsafe-argument\n                    context, servername, api, port, sessionToken).then(function (data) {\n                        setTextFromWidgetToContent(data);\n                        return data;\n                    })];\n                case 3: \n                // eslint-disable-next-line no-return-await\n                return [2 /*return*/, _a.sent()];\n                case 4: return [2 /*return*/, ''];\n            }\n        });\n    }); };\n    return {\n        textToContent: textFromWidgetToContent,\n        renderWidget: renderWidget,\n        textToWidget: textToWidget,\n    };\n}\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/Presentation/components/UI/Dialogs/MessagesView/AIWidgets/UseDefaultAIAssistAnswerWidget.tsx?");
+
+/***/ }),
+
+/***/ "./src/Presentation/components/UI/Dialogs/MessagesView/AIWidgets/UseDefaultAIRephraseMessageWidget.tsx":
+/*!*************************************************************************************************************!*\
+  !*** ./src/Presentation/components/UI/Dialogs/MessagesView/AIWidgets/UseDefaultAIRephraseMessageWidget.tsx ***!
+  \*************************************************************************************************************/
+/***/ (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 */ UseDefaultAIRephraseMessageWidget; }\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 _ErrorMessageIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./ErrorMessageIcon */ \"./src/Presentation/components/UI/Dialogs/MessagesView/AIWidgets/ErrorMessageIcon.tsx\");\n/* harmony import */ var _svgs_Icons_AIWidgets_AIWidget__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../svgs/Icons/AIWidgets/AIWidget */ \"./src/Presentation/components/UI/svgs/Icons/AIWidgets/AIWidget/index.tsx\");\n/* harmony import */ var _Tone__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./Tone */ \"./src/Presentation/components/UI/Dialogs/MessagesView/AIWidgets/Tone.ts\");\n/* harmony import */ var _Data_source_AISource__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../../Data/source/AISource */ \"./src/Data/source/AISource.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};\n\n\n\n\n\n\nfunction UseDefaultAIRephraseMessageWidget(_a) {\n    var _this = this;\n    var servername = _a.servername, api = _a.api, port = _a.port, sessionToken = _a.sessionToken, apiKey = _a.apiKey;\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    var _b = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(''), errorMessage = _b[0], setErrorMessage = _b[1];\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars,@typescript-eslint/no-empty-function\n    var fileToWidget = function (file, context) { };\n    var renderWidget = function () {\n        if (errorMessage && errorMessage.length > 0) {\n            var errorsDescriptions = [];\n            return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ErrorMessageIcon__WEBPACK_IMPORTED_MODULE_2__[\"default\"], { errorMessageText: errorMessage, errorsDescriptions: errorsDescriptions }));\n        }\n        return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_AIWidgets_AIWidget__WEBPACK_IMPORTED_MODULE_3__[\"default\"], { applyZoom: true, color: \"green\" });\n    };\n    var _c = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(''), textFromWidgetToContent = _c[0], setTextFromWidgetToContent = _c[1];\n    var textToWidget = function (textToSend, context, additionalSettings) { return __awaiter(_this, void 0, void 0, function () {\n        var prompt_1, tone;\n        return __generator(this, function (_a) {\n            switch (_a.label) {\n                case 0:\n                    if (!(textToSend && textToSend.length > 0)) return [3 /*break*/, 4];\n                    prompt_1 = \"Analyze the entire context of our conversation \\u2013 all the messages \\u2013 and create a brief summary of our discussion. Based on this analysis, rephrase the following text in a style and tone that is typical for most of the dialogue messages. Provide only the rephrased text in as the message text to rephrase and nothing more.Give me only rephrase text in brackets and nothing more. Here is the message text to rephrase:\\\"\".concat(textToSend, \"\\\"\");\n                    tone = (additionalSettings || {}).tone;\n                    if (tone) {\n                        prompt_1 = \"Analyze the entire context of our conversation \\u2013 all the messages \\u2013 and create a brief summary of our discussion. Based on this analysis, rephrase the following text in a \".concat((0,_Tone__WEBPACK_IMPORTED_MODULE_4__.toneToString)(tone), \" style. Provide only the rephrased text in the same language as the message text to rephrase and nothing more.Give me only rephrase text in brackets and nothing more. Here is the message text to rephrase:\\\"\").concat(textToSend, \"\\\"\");\n                    }\n                    if (!(apiKey.length > 0)) return [3 /*break*/, 2];\n                    return [4 /*yield*/, _Data_source_AISource__WEBPACK_IMPORTED_MODULE_5__.AISource.getData(prompt_1, \n                        // eslint-disable-next-line @typescript-eslint/no-unsafe-argument\n                        context, servername, api, port, sessionToken).then(function (data) {\n                            setTextFromWidgetToContent(data);\n                            return data;\n                        })];\n                case 1: \n                // eslint-disable-next-line no-return-await\n                return [2 /*return*/, _a.sent()];\n                case 2: return [4 /*yield*/, _Data_source_AISource__WEBPACK_IMPORTED_MODULE_5__.AISource.getDataWithProxyServer(prompt_1, \n                    // eslint-disable-next-line @typescript-eslint/no-unsafe-argument\n                    context, servername, api, port, sessionToken).then(function (data) {\n                        setTextFromWidgetToContent(data);\n                        return data;\n                    })];\n                case 3: \n                // eslint-disable-next-line no-return-await\n                return [2 /*return*/, _a.sent()];\n                case 4: \n                //\n                return [2 /*return*/, ''];\n            }\n        });\n    }); };\n    return {\n        textToContent: textFromWidgetToContent,\n        renderWidget: renderWidget,\n        textToWidget: textToWidget,\n    };\n}\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/Presentation/components/UI/Dialogs/MessagesView/AIWidgets/UseDefaultAIRephraseMessageWidget.tsx?");
+
+/***/ }),
+
+/***/ "./src/Presentation/components/UI/Dialogs/MessagesView/AIWidgets/UseDefaultAITranslateWidget.tsx":
+/*!*******************************************************************************************************!*\
+  !*** ./src/Presentation/components/UI/Dialogs/MessagesView/AIWidgets/UseDefaultAITranslateWidget.tsx ***!
+  \*******************************************************************************************************/
 /***/ (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 */ UseDefaultAIAssistAnswerWidgetWithProxy; }\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 _svgs_Icons_Media_AIWidget__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../svgs/Icons/Media/AIWidget */ \"./src/Presentation/components/UI/svgs/Icons/Media/AIWidget/index.tsx\");\n/* harmony import */ var _utils_parse__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../utils/parse */ \"./src/utils/parse.ts\");\n/* harmony import */ var _ErrorMessageIcon__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./ErrorMessageIcon */ \"./src/Presentation/components/UI/Dialogs/MessagesView/AIWidgets/ErrorMessageIcon.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};\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\nfunction UseDefaultAIAssistAnswerWidgetWithProxy(_a) {\n    var servername = _a.servername, api = _a.api, port = _a.port, sessionToken = _a.sessionToken;\n    var _b = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(''), errorMessage = _b[0], setErrorMessage = _b[1];\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars,@typescript-eslint/no-empty-function\n    var fileToWidget = function (file, context) { };\n    var renderWidget = function () {\n        if (errorMessage && errorMessage.length > 0) {\n            var errorsDescriptions = [];\n            return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ErrorMessageIcon__WEBPACK_IMPORTED_MODULE_4__[\"default\"], { errorMessageText: errorMessage, errorsDescriptions: errorsDescriptions }));\n        }\n        return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Media_AIWidget__WEBPACK_IMPORTED_MODULE_2__[\"default\"], { applyZoom: true, color: \"green\" });\n    };\n    // async function getData(\n    //   textToSend: string,\n    //   dialogMessages: ChatCompletionRequestMessage[],\n    // ): Promise<string> {\n    //   //\n    //   const apiEndpoint = 'https://api.openai.com/v1/chat/completions';\n    //   const { apiKey } = QBConfig.configAIApi.AIAnswerAssistWidgetConfig; // Замените на ваш реальный ключ API\n    //   const model = 'gpt-3.5-turbo';\n    //   const requestOptions = {\n    //     method: 'POST',\n    //     headers: {\n    //       'Content-Type': 'application/json',\n    //       Authorization: `Bearer ${apiKey}`,\n    //     },\n    //     body: JSON.stringify({\n    //       messages: [...dialogMessages, { role: 'user', content: textToSend }],\n    //       model,\n    //       temperature: 0.5,\n    //     }),\n    //   };\n    //\n    function getData(textToSend, dialogMessages) {\n        var _a;\n        return __awaiter(this, void 0, void 0, function () {\n            var outputMessage, apiEndpoint, apiKey, model, prompt, requestOptions, response, data, err_1;\n            return __generator(this, function (_b) {\n                switch (_b.label) {\n                    case 0:\n                        outputMessage = '';\n                        apiEndpoint = \"\".concat(servername).concat(port).concat(api);\n                        apiKey = sessionToken;\n                        model = 'gpt-3.5-turbo';\n                        prompt = \"Respond as a knowledgeable customer support specialist with access to ChatGPT features, and provide a simple and informative response to the inquiry :\\\"\".concat(textToSend, \"\\\"\");\n                        requestOptions = {\n                            method: 'POST',\n                            headers: {\n                                'Content-Type': 'application/json',\n                                Authorization: \"Bearer \".concat(apiKey),\n                            },\n                            body: JSON.stringify({\n                                messages: __spreadArray(__spreadArray([], dialogMessages, true), [{ role: 'user', content: prompt }], false),\n                                model: model,\n                                temperature: 0.5,\n                            }),\n                        };\n                        _b.label = 1;\n                    case 1:\n                        _b.trys.push([1, 4, , 5]);\n                        return [4 /*yield*/, fetch(apiEndpoint, requestOptions)];\n                    case 2:\n                        response = _b.sent();\n                        return [4 /*yield*/, response.json()];\n                    case 3:\n                        data = _b.sent();\n                        outputMessage = ((_a = data.choices[0].message) === null || _a === void 0 ? void 0 : _a.content) || '';\n                        return [3 /*break*/, 5];\n                    case 4:\n                        err_1 = _b.sent();\n                        outputMessage = (0,_utils_parse__WEBPACK_IMPORTED_MODULE_3__.stringifyError)(err_1);\n                        setErrorMessage(outputMessage);\n                        return [3 /*break*/, 5];\n                    case 5: return [2 /*return*/, outputMessage];\n                }\n            });\n        });\n    }\n    var _c = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(''), textFromWidgetToContent = _c[0], setTextFromWidgetToContent = _c[1];\n    // const textToWidget = (value: string, context: IChatMessage[]): void => {\n    //   if (value && value.length > 0) {\n    //     // eslint-disable-next-line promise/catch-or-return\n    //     getOpenAIApiData(value, context as ChatCompletionRequestMessage[]).then(\n    //       // eslint-disable-next-line promise/always-return\n    //       (data) => {\n    //         setTextFromWidgetToContent(data);\n    //       },\n    //     );\n    //   }\n    // };\n    var textToWidget = function (value, context) {\n        if (value && value.length > 0) {\n            // eslint-disable-next-line promise/catch-or-return\n            getData(value, context).then(\n            // eslint-disable-next-line promise/always-return\n            function (data) {\n                setTextFromWidgetToContent(data);\n            });\n        }\n    };\n    return {\n        fileToContent: undefined,\n        textToContent: textFromWidgetToContent,\n        fileToWidget: fileToWidget,\n        renderWidget: renderWidget,\n        textToWidget: textToWidget,\n    };\n}\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/Presentation/components/UI/Dialogs/MessagesView/AIWidgets/UseDefaultAIAssistAnswerWidgetWithProxy.tsx?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": function() { return /* binding */ UseDefaultAITranslateWidget; }\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 _svgs_Icons_AIWidgets_AIWidget__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../svgs/Icons/AIWidgets/AIWidget */ \"./src/Presentation/components/UI/svgs/Icons/AIWidgets/AIWidget/index.tsx\");\n/* harmony import */ var _ErrorMessageIcon__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./ErrorMessageIcon */ \"./src/Presentation/components/UI/Dialogs/MessagesView/AIWidgets/ErrorMessageIcon.tsx\");\n/* harmony import */ var _Data_source_AISource__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../Data/source/AISource */ \"./src/Data/source/AISource.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};\n\n\n\n\n\nfunction UseDefaultAITranslateWidget(_a) {\n    var _this = this;\n    var servername = _a.servername, api = _a.api, port = _a.port, sessionToken = _a.sessionToken, apiKey = _a.apiKey;\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    var _b = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(''), errorMessage = _b[0], setErrorMessage = _b[1];\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars,@typescript-eslint/no-empty-function\n    var fileToWidget = function (file, context) { };\n    var renderWidget = function () {\n        if (errorMessage && errorMessage.length > 0) {\n            var errorsDescriptions = [];\n            return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ErrorMessageIcon__WEBPACK_IMPORTED_MODULE_3__[\"default\"], { errorMessageText: errorMessage, errorsDescriptions: errorsDescriptions }));\n        }\n        return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_AIWidgets_AIWidget__WEBPACK_IMPORTED_MODULE_2__[\"default\"], { applyZoom: true, color: \"green\" });\n    };\n    var _c = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(''), textFromWidgetToContent = _c[0], setTextFromWidgetToContent = _c[1];\n    var textToWidget = function (textToSend, context, additionalSettings) { return __awaiter(_this, void 0, void 0, function () {\n        var prompt_1, language;\n        return __generator(this, function (_a) {\n            switch (_a.label) {\n                case 0:\n                    if (!(textToSend && textToSend.length > 0)) return [3 /*break*/, 4];\n                    prompt_1 = \"Please, translate the next text in english and give me just only translated text. Text to translate is: \\\"\".concat(textToSend, \"\\\"\");\n                    language = (additionalSettings || {}).language;\n                    if (language) {\n                        prompt_1 = \"Please, translate the next text in \".concat(language, \" and give me just only translated text. Text to translate is: \\\"\").concat(textToSend, \"\\\"\");\n                    }\n                    if (!(apiKey.length > 0)) return [3 /*break*/, 2];\n                    return [4 /*yield*/, _Data_source_AISource__WEBPACK_IMPORTED_MODULE_4__.AISource.getData(prompt_1, \n                        // eslint-disable-next-line @typescript-eslint/no-unsafe-argument\n                        context, servername, api, port, sessionToken).then(function (data) {\n                            setTextFromWidgetToContent(data);\n                            return data;\n                        })];\n                case 1: \n                // eslint-disable-next-line no-return-await\n                return [2 /*return*/, _a.sent()];\n                case 2: return [4 /*yield*/, _Data_source_AISource__WEBPACK_IMPORTED_MODULE_4__.AISource.getDataWithProxyServer(prompt_1, \n                    // eslint-disable-next-line @typescript-eslint/no-unsafe-argument\n                    context, servername, api, port, sessionToken).then(function (data) {\n                        setTextFromWidgetToContent(data);\n                        return data;\n                    })];\n                case 3: \n                // eslint-disable-next-line no-return-await\n                return [2 /*return*/, _a.sent()];\n                case 4: return [2 /*return*/, ''];\n            }\n        });\n    }); };\n    return {\n        textToContent: textFromWidgetToContent,\n        renderWidget: renderWidget,\n        textToWidget: textToWidget,\n    };\n}\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/Presentation/components/UI/Dialogs/MessagesView/AIWidgets/UseDefaultAITranslateWidget.tsx?");
 
 /***/ }),
 
@@ -1851,7 +2005,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    // 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?");
+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_Status_InformationFill__WEBPACK_IMPORTED_MODULE_4__ = __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_5__ = __webpack_require__(/*! ../../../svgs/ActiveSvg/ActiveSvg */ \"./src/Presentation/components/UI/svgs/ActiveSvg/ActiveSvg.tsx\");\n/* harmony import */ var _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../../../Domain/entity/DialogTypes */ \"./src/Domain/entity/DialogTypes.ts\");\n/* harmony import */ var _EditDialog_UserAvatar_UserAvatar__WEBPACK_IMPORTED_MODULE_7__ = __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_8__ = __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_9__ = __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// 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, \n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    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_6__.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_7__[\"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_6__.DialogType[\"private\"]) {\n            return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Contents_User__WEBPACK_IMPORTED_MODULE_8__[\"default\"], { width: \"24\", height: \"24\", applyZoom: true, color: \"var(--secondary-text)\" }));\n        }\n        if (dialogEntity.type === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_6__.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_7__[\"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_9__[\"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\", { className: \"message-header-container--info-wrapper__detail-button__call\", style: { width: '32px' } }), (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_5__[\"default\"], { content: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Status_InformationFill__WEBPACK_IMPORTED_MODULE_4__[\"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?");
 
 /***/ }),
 
@@ -1877,6 +2031,28 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var reac
 
 /***/ }),
 
+/***/ "./src/Presentation/components/UI/Dialogs/MessagesView/InComingMessage/AvatarContentIncomingUser/AvatarContentIncomingUser.tsx":
+/*!*************************************************************************************************************************************!*\
+  !*** ./src/Presentation/components/UI/Dialogs/MessagesView/InComingMessage/AvatarContentIncomingUser/AvatarContentIncomingUser.tsx ***!
+  \*************************************************************************************************************************************/
+/***/ (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 */ AvatarContentIncomingUser; }\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 _AvatarContentIncomingUser_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./AvatarContentIncomingUser.scss */ \"./src/Presentation/components/UI/Dialogs/MessagesView/InComingMessage/AvatarContentIncomingUser/AvatarContentIncomingUser.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 AvatarContentIncomingUser() {\n    return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"avatar-wrap\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: \"avatar\" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", { className: \"rectangle\" }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", { className: \"ellipse\" }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"svg\", __assign({ className: \"contents-user\", width: \"24\", height: \"24\", viewBox: \"0 0 24 24\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"path\", { d: \"M11.9999 6.11828C13.1185 6.11828 14.0249 7.0247 14.0249 8.14328C14.0249 9.26185 13.1185 10.1683 11.9999 10.1683C10.8814 10.1683 9.97493 9.26185 9.97493 8.14328C9.97493 7.0247 10.8814 6.11828 11.9999 6.11828ZM11.9999 14.7968C14.8639 14.7968 17.8821 16.2047 17.8821 16.8218V17.8826H6.11779V16.8218C6.11779 16.2047 9.136 14.7968 11.9999 14.7968ZM11.9999 4.28613C9.86886 4.28613 8.14279 6.0122 8.14279 8.14328C8.14279 10.2743 9.86886 12.0004 11.9999 12.0004C14.131 12.0004 15.8571 10.2743 15.8571 8.14328C15.8571 6.0122 14.131 4.28613 11.9999 4.28613ZM11.9999 12.9647C9.42529 12.9647 4.28564 14.2568 4.28564 16.8218V19.7147H19.7142V16.8218C19.7142 14.2568 14.5746 12.9647 11.9999 12.9647Z\", fill: \"#636D78\" }) }))] })) })));\n}\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/Presentation/components/UI/Dialogs/MessagesView/InComingMessage/AvatarContentIncomingUser/AvatarContentIncomingUser.tsx?");
+
+/***/ }),
+
+/***/ "./src/Presentation/components/UI/Dialogs/MessagesView/InComingMessage/InComingMessage.tsx":
+/*!*************************************************************************************************!*\
+  !*** ./src/Presentation/components/UI/Dialogs/MessagesView/InComingMessage/InComingMessage.tsx ***!
+  \*************************************************************************************************/
+/***/ (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 */   \"InComingMessage\": function() { return /* binding */ InComingMessage; }\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 _InComingMessage_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./InComingMessage.scss */ \"./src/Presentation/components/UI/Dialogs/MessagesView/InComingMessage/InComingMessage.scss\");\n/* harmony import */ var _utils_DateTimeFormatter__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../utils/DateTimeFormatter */ \"./src/utils/DateTimeFormatter.ts\");\n/* harmony import */ var _Domain_entity_FileTypes__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../Domain/entity/FileTypes */ \"./src/Domain/entity/FileTypes.ts\");\n/* harmony import */ var _VideoAttachmentComponent_VideoAttachmentComponent__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../VideoAttachmentComponent/VideoAttachmentComponent */ \"./src/Presentation/components/UI/Dialogs/MessagesView/VideoAttachmentComponent/VideoAttachmentComponent.tsx\");\n/* harmony import */ var _svgs_Icons_Toggle_ImagePlay__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../svgs/Icons/Toggle/ImagePlay */ \"./src/Presentation/components/UI/svgs/Icons/Toggle/ImagePlay/index.tsx\");\n/* harmony import */ var _AudioAttachmentComponent_AudioAttachmentComponent__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../AudioAttachmentComponent/AudioAttachmentComponent */ \"./src/Presentation/components/UI/Dialogs/MessagesView/AudioAttachmentComponent/AudioAttachmentComponent.tsx\");\n/* harmony import */ var _svgs_Icons_Media_AudioFile__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../svgs/Icons/Media/AudioFile */ \"./src/Presentation/components/UI/svgs/Icons/Media/AudioFile/index.tsx\");\n/* harmony import */ var _ImageAttachmentComponent_ImageAttachmentComponent__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../ImageAttachmentComponent/ImageAttachmentComponent */ \"./src/Presentation/components/UI/Dialogs/MessagesView/ImageAttachmentComponent/ImageAttachmentComponent.tsx\");\n/* harmony import */ var _svgs_Icons_Media_ImageEmpty__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../svgs/Icons/Media/ImageEmpty */ \"./src/Presentation/components/UI/svgs/Icons/Media/ImageEmpty/index.tsx\");\n/* harmony import */ var _svgs_Icons_Media_ImageFile__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../../svgs/Icons/Media/ImageFile */ \"./src/Presentation/components/UI/svgs/Icons/Media/ImageFile/index.tsx\");\n/* harmony import */ var _containers_ColumnContainer_ColumnContainer__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../../../containers/ColumnContainer/ColumnContainer */ \"./src/Presentation/components/containers/ColumnContainer/ColumnContainer.tsx\");\n/* harmony import */ var _HighLightLink_HighLightLink__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../HighLightLink/HighLightLink */ \"./src/Presentation/components/UI/Dialogs/MessagesView/HighLightLink/HighLightLink.tsx\");\n/* harmony import */ var _utils_utils__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../../../../../../utils/utils */ \"./src/utils/utils.ts\");\n/* harmony import */ var _Placeholders_LoaderComponent_LoaderComponent__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../../../Placeholders/LoaderComponent/LoaderComponent */ \"./src/Presentation/components/UI/Placeholders/LoaderComponent/LoaderComponent.tsx\");\n/* harmony import */ var _svgs_Icons_Actions_AssistAnswer__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../../../svgs/Icons/Actions/AssistAnswer */ \"./src/Presentation/components/UI/svgs/Icons/Actions/AssistAnswer/index.tsx\");\n/* harmony import */ var _AIWidgets_AIWidgetActions_AIWidgetActions__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../AIWidgets/AIWidgetActions/AIWidgetActions */ \"./src/Presentation/components/UI/Dialogs/MessagesView/AIWidgets/AIWidgetActions/AIWidgetActions.tsx\");\n/* harmony import */ var _svgs_Icons_Media_Translate__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ../../../svgs/Icons/Media/Translate */ \"./src/Presentation/components/UI/svgs/Icons/Media/Translate/index.tsx\");\n/* harmony import */ var _AvatarContentIncomingUser_AvatarContentIncomingUser__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./AvatarContentIncomingUser/AvatarContentIncomingUser */ \"./src/Presentation/components/UI/Dialogs/MessagesView/InComingMessage/AvatarContentIncomingUser/AvatarContentIncomingUser.tsx\");\n/* harmony import */ var _Data_DefaultConfigurations__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ../../../../../../Data/DefaultConfigurations */ \"./src/Data/DefaultConfigurations.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\nfunction InComingMessage(props) {\n    var _a, _b;\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    var _c = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false), haveHover = _c[0], setHaveHover = _c[1];\n    // const [openMenu, setOpenMenu] = useState(false);\n    var _d = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false), waitAIWidget = _d[0], setWaitAIWidget = _d[1];\n    var _e = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false), waitAITranslateWidget = _e[0], setWaitAITranslateWidget = _e[1];\n    var _f = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(''), widgetTextContent = _f[0], setWidgetTextContent = _f[1];\n    var _g = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(true), originalTextMessage = _g[0], setOriginalTextMessage = _g[1];\n    // const [errorAITranslate, setErrorAITranslate] = useState<boolean>(false);\n    // useEffect(() => {\n    //   setWaitAIWidget(false);\n    //   if (\n    //     props.AIRephraseMessage?.textToContent &&\n    //     props.AIRephraseMessage?.textToContent.length > 0\n    //   ) {\n    //     setMessageTextState(props.AIRephraseMessage?.textToContent);\n    //     setWidgetTextContent(props.AIRephraseMessage?.textToContent);\n    //     setTimeout(() => {\n    //       setWidgetTextContent('');\n    //     }, 45 * 1000);\n    //   }\n    // }, [props.AIRephraseMessage?.textToContent]);\n    (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n        setWaitAIWidget(false);\n    }, [(_a = props.AITranslation) === null || _a === void 0 ? void 0 : _a.textToContent]);\n    //\n    (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n        setWaitAIWidget(false);\n        // if (\n        //   props.AIAnswerToMessage?.textToContent &&\n        //   props.AIAnswerToMessage?.textToContent.length > 0\n        // ) {\n        //   // setMessageTextState(props.AIAnswerToMessage?.textToContent);\n        //   setWidgetTextContent(props.AIAnswerToMessage?.textToContent);\n        //   setTimeout(() => {\n        //     setWidgetTextContent('');\n        //   }, 45 * 1000);\n        // }\n    }, [(_b = props.AIAnswerToMessage) === null || _b === void 0 ? void 0 : _b.textToContent]);\n    var messageContentRender = function (mc, translateText, theme) {\n        var messageText = ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", { children: !originalTextMessage ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", { children: widgetTextContent })) : ((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_4__.FileType.video)) {\n                contentPlaceHolder = att.file ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_VideoAttachmentComponent_VideoAttachmentComponent__WEBPACK_IMPORTED_MODULE_5__[\"default\"], { videoFile: att.file })) : ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Toggle_ImagePlay__WEBPACK_IMPORTED_MODULE_6__[\"default\"], {}));\n            }\n            if (att.type.toString().includes(_Domain_entity_FileTypes__WEBPACK_IMPORTED_MODULE_4__.FileType.audio)) {\n                contentPlaceHolder = att.file ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_AudioAttachmentComponent_AudioAttachmentComponent__WEBPACK_IMPORTED_MODULE_7__[\"default\"], { audioFile: att.file })) : ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Media_AudioFile__WEBPACK_IMPORTED_MODULE_8__[\"default\"], {}));\n            }\n            if (att.type.toString().includes(_Domain_entity_FileTypes__WEBPACK_IMPORTED_MODULE_4__.FileType.image)) {\n                contentPlaceHolder = att.file ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ImageAttachmentComponent_ImageAttachmentComponent__WEBPACK_IMPORTED_MODULE_9__[\"default\"], { imageFile: att.file })) : ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Media_ImageEmpty__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {}));\n            }\n            if (att.type.toString().includes(_Domain_entity_FileTypes__WEBPACK_IMPORTED_MODULE_4__.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_11__[\"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_4__.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({ style: theme ? { backgroundColor: theme.caption() } : {}, 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_12__[\"default\"], __assign({ maxWidth: \"100%\" }, { children: [mc.attachments.map(function (attachment) {\n                        return attachmentContentRender(attachment);\n                    }), messageText] })));\n        }\n        if ((0,_HighLightLink_HighLightLink__WEBPACK_IMPORTED_MODULE_13__.messageHasUrls)(mc.message) &&\n            !(mc.attachments && mc.attachments.length > 0)) {\n            return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_HighLightLink_HighLightLink__WEBPACK_IMPORTED_MODULE_13__.HighLightLink, { messageText: mc.message });\n        }\n        return messageContent;\n    };\n    var messageEntitiesToIChatMessageCollection = function (messageEntities, currentUserId) {\n        var MAX_TOKENS = 3584;\n        var items = messageEntities.filter(function (it) {\n            return !it.notification_type ||\n                (it.notification_type && it.notification_type.length === 0);\n        });\n        var messages = (0,_utils_utils__WEBPACK_IMPORTED_MODULE_14__.loopToLimitTokens)(MAX_TOKENS, items, function (_a) {\n            var message = _a.message;\n            return message || '';\n        }).reverse();\n        var chatCompletionMessages = messages.map(function (_a) {\n            var message = _a.message, sender_id = _a.sender_id;\n            return ({\n                role: sender_id === currentUserId ? 'user' : 'assistant',\n                content: message,\n            });\n        });\n        //\n        return chatCompletionMessages;\n    };\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    function sendMessageToTranslate(message, messagesToView, currentUserId, AITranslation, selectedLanguage) {\n        return __awaiter(this, void 0, void 0, function () {\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        if (!!waitAITranslateWidget) return [3 /*break*/, 2];\n                        setWaitAITranslateWidget(true);\n                        return [4 /*yield*/, (AITranslation === null || AITranslation === void 0 ? void 0 : AITranslation.textToWidget(message.message, messageEntitiesToIChatMessageCollection(messagesToView, currentUserId), {\n                                language: selectedLanguage ||\n                                    _Data_DefaultConfigurations__WEBPACK_IMPORTED_MODULE_20__.DefaultConfigurations.getDefaultLanguageForAITranslate(),\n                                //     language: DefaultConfigurations.getDefaultLanguageForAITranslate()\n                                // selectedLanguage ||\n                                // QBConfig.configAIApi.AITranslateWidgetConfig.defaultLanguage ||\n                                // 'English',\n                            }).then(function (textTranslate) {\n                                // eslint-disable-next-line promise/always-return\n                                setWidgetTextContent(textTranslate || '');\n                                setWaitAITranslateWidget(false);\n                                setOriginalTextMessage(false);\n                            }).catch(function () {\n                                // eslint-disable-next-line @typescript-eslint/restrict-template-expressions\n                                // setErrorAITranslate(true);\n                                setWaitAITranslateWidget(false);\n                                setOriginalTextMessage(true);\n                            }))];\n                    case 1:\n                        _a.sent();\n                        _a.label = 2;\n                    case 2: return [2 /*return*/];\n                }\n            });\n        });\n    }\n    function sendMessageToAIAssistAnswer(message, messagesToView, currentUserId, AIAnswerToMessage) {\n        if (!waitAIWidget) {\n            setWaitAIWidget(true);\n            props.onLoader();\n            // eslint-disable-next-line @typescript-eslint/no-unsafe-call\n            AIAnswerToMessage === null || AIAnswerToMessage === void 0 ? void 0 : AIAnswerToMessage.textToWidget(message.message, messageEntitiesToIChatMessageCollection(messagesToView, currentUserId));\n        }\n    }\n    var renderWidgetAITranslate = function (mc, messagesToView, currentUserId, AITranslate) {\n        return (AITranslate && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: \"translate\" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"caption2\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"ai-translate-action\", onClick: function () {\n                            if (originalTextMessage) {\n                                sendMessageToTranslate(mc, messagesToView, currentUserId, AITranslate);\n                            }\n                            else {\n                                setOriginalTextMessage(true);\n                                setWidgetTextContent('');\n                            }\n                        } }, { children: originalTextMessage ? 'Show translation' : 'Show original' })) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_AIWidgets_AIWidgetActions_AIWidgetActions__WEBPACK_IMPORTED_MODULE_17__[\"default\"], { widgetToRender: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"icon\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Media_Translate__WEBPACK_IMPORTED_MODULE_18__[\"default\"], { width: \"16\", height: \"16\", applyZoom: true, color: \"var(--tertiary-elements)\" }) })), items: _Data_DefaultConfigurations__WEBPACK_IMPORTED_MODULE_20__.DefaultConfigurations.getAdditionalLanguagesForAITranslate().map(function (item) {\n                        return {\n                            title: item,\n                            action: function () {\n                                sendMessageToTranslate(mc, messagesToView, currentUserId, AITranslate, item);\n                            },\n                        };\n                    }) })] }))\n        // <div className=\"widget-ai-translate-with-choice-languages-container\">\n        //   <div\n        //     className=\"widget-ai-translate-with-choice-languages-container--default-language\"\n        //     onClick={() => {\n        //       if (originalTextMessage) {\n        //         sendMessageToTranslate(\n        //           mc,\n        //           messagesToView,\n        //           currentUserId,\n        //           AITranslation,\n        //         );\n        //       } else {\n        //         setOriginalTextMessage(true);\n        //         setWidgetTextContent('');\n        //       }\n        //     }}\n        //   >\n        //     {originalTextMessage ? 'Show translation' : 'Show original'}\n        //   </div>\n        //   <div className=\"widget-ai-translate-with-choice-languages-container--separator\">\n        //     {'      '}\n        //   </div>\n        //   <div className=\"widget-ai-translate-with-choice-languages-container--select-language\">\n        //     <AIWidgetActions\n        //       widgetToRender={\n        //         <AIWidgetIcon\n        //           applyZoom\n        //           color=\"var(--main-elements)\"\n        //           width=\"16\"\n        //           height=\"16\"\n        //         />\n        //       }\n        //       items={[\n        //         {\n        //           title: 'English',\n        //           // eslint-disable-next-line @typescript-eslint/no-empty-function\n        //           action: () => {\n        //             sendMessageToTranslate(\n        //               mc,\n        //               messagesToView,\n        //               currentUserId,\n        //               AITranslation,\n        //               'English',\n        //             );\n        //           },\n        //         },\n        //         {\n        //           title: 'Ukrainian',\n        //           action: () => {\n        //             sendMessageToTranslate(\n        //               mc,\n        //               messagesToView,\n        //               currentUserId,\n        //               AITranslation,\n        //               'Ukrainian',\n        //             );\n        //           },\n        //         },\n        //         {\n        //           title: 'Spanish',\n        //           action: () => {\n        //             sendMessageToTranslate(\n        //               mc,\n        //               messagesToView,\n        //               currentUserId,\n        //               AITranslation,\n        //               'Spanish',\n        //             );\n        //           },\n        //         },\n        //         {\n        //           title: 'Portuguese',\n        //           action: () => {\n        //             sendMessageToTranslate(\n        //               mc,\n        //               messagesToView,\n        //               currentUserId,\n        //               AITranslation,\n        //               'Portuguese',\n        //             );\n        //           },\n        //         },\n        //         {\n        //           title: 'French',\n        //           action: () => {\n        //             sendMessageToTranslate(\n        //               mc,\n        //               messagesToView,\n        //               currentUserId,\n        //               AITranslation,\n        //               'French',\n        //             );\n        //           },\n        //         },\n        //         // {\n        //         //   title: 'German',\n        //         //   action: () => {},\n        //         // },\n        //       ]}\n        //     />\n        //   </div>\n        //   {waitAITranslateWidget && (\n        //     <div\n        //       className=\"widget-ai-translate-with-choice-languages-container--separator\"\n        //       style={{\n        //         height: '16px',\n        //         width: '16px',\n        //       }}\n        //     >\n        //       <LoaderComponent\n        //         width=\"16\"\n        //         height=\"16\"\n        //         color=\"var(--color-background-info)\"\n        //       />\n        //     </div>\n        //   )}\n        //   {errorAITranslate && (\n        //     <div className=\"widget-ai-translate-with-choice-languages-container--separator\">\n        //       <ErrorMessageIcon\n        //         errorMessageText=\"OpenAI server does not response\"\n        //         errorsDescriptions={[]}\n        //       />\n        //     </div>\n        //   )}\n        // </div>\n        ));\n    };\n    var renderWidgetAIAssist = function (mc, messagesToView, currentUserId, AIAnswer) {\n        return (AIAnswer && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"assist-answer\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"icon\", onClick: function () {\n                    return sendMessageToAIAssistAnswer(mc, messagesToView, currentUserId, AIAnswer);\n                } }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ style: {\n                        padding: '5px 3px 5px 3px',\n                        alignSelf: 'stretch',\n                        flex: '1',\n                        position: 'relative',\n                        overflow: 'visible',\n                    } }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Actions_AssistAnswer__WEBPACK_IMPORTED_MODULE_16__[\"default\"], { width: \"24\", height: \"24\", applyZoom: true, color: \"var(--main-elements)\" }) })) })) }))));\n    };\n    return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: \"incoming-text-message\", onMouseEnter: function () { return setHaveHover(true); }, onMouseLeave: function () { return setHaveHover(false); } }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_AvatarContentIncomingUser_AvatarContentIncomingUser__WEBPACK_IMPORTED_MODULE_19__[\"default\"], {}), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: \"incoming\" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"name\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"caption\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"name2\" }, { children: props.senderName || props.message.sender_id.toString() })) })) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: \"message\" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: \"bubble\" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"chat-bubble-background\" }, { children: messageContentRender(props.message, widgetTextContent, props.theme) })), renderWidgetAITranslate(props.message, props.messagesToView, props.currentUserId, props.AITranslation)] })), waitAITranslateWidget ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"assist-answer\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"icon\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ style: {\n                                            padding: '5px 3px 5px 3px',\n                                            alignSelf: 'stretch',\n                                            flex: '1',\n                                            position: 'relative',\n                                            overflow: 'visible',\n                                        } }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Placeholders_LoaderComponent_LoaderComponent__WEBPACK_IMPORTED_MODULE_15__[\"default\"], { width: \"24\", height: \"24\", applyZoom: true, color: \"var(--caption)\" }) })) })) }))) : null, !waitAITranslateWidget\n                                ? renderWidgetAIAssist(props.message, props.messagesToView, props.currentUserId, props.AIAnswerToMessage)\n                                : null, (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"caption3\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"time\" }, { children: (0,_utils_DateTimeFormatter__WEBPACK_IMPORTED_MODULE_3__.getTimeShort24hFormat)(props.message.date_sent) })) }))] }))] }))] }))\n    // <div\n    //   className=\"message-view-container--incoming-message-wrapper\"\n    //   onMouseEnter={() => setHaveHover(true)}\n    //   onMouseLeave={() => setHaveHover(false)}\n    // >\n    //   <div className=\"message-view-container--incoming-message-wrapper__message\">\n    //     <div className=\"message-view-container--incoming-message-wrapper__avatar\">\n    //       <div\n    //         style={\n    //           props.theme\n    //             ? { backgroundColor: props.theme.disabledElements() }\n    //             : {}\n    //         }\n    //         className=\"message-view-container__sender-avatar\"\n    //       >\n    //         <User\n    //           width=\"24\"\n    //           height=\"24\"\n    //           applyZoom\n    //           color=\"var(--secondary-text)\"\n    //         />\n    //       </div>\n    //     </div>\n    //     <div className=\"message-view-container--incoming-message-container\">\n    //       <div\n    //         style={props.theme ? { color: props.theme.secondaryText() } : {}}\n    //         className=\"message-view-container__sender-name\"\n    //       >\n    //         {props.senderName || props.message.sender_id.toString()}\n    //       </div>\n    //       <div\n    //         style={\n    //           props.theme\n    //             ? {\n    //                 color: props.theme.mainText(),\n    //                 backgroundColor: props.theme.incomingBackground(),\n    //               }\n    //             : {}\n    //         }\n    //         className=\"message-view-container__sender-message\"\n    //       >\n    //         {/* eslint-disable-next-line @typescript-eslint/no-unsafe-argument */}\n    //         {messageContentRender(\n    //           props.message,\n    //           widgetTextContent,\n    //           props.theme,\n    //         )}\n    //       </div>\n    //     </div>\n    //     {haveHover || openMenu ? (\n    //       <div\n    //         className=\"message-view-container--incoming-message-wrapper--context-menu\"\n    //         onClick={() => {\n    //           setOpenMenu(!openMenu);\n    //         }}\n    //       >\n    //         <EditDots\n    //           color={\n    //             props.theme\n    //               ? props.theme.secondaryText()\n    //               : 'var(--secondary-text)'\n    //           }\n    //         />\n    //         {/* {openMenu ? ( */}\n    //         {/*  <DropDownMenu */}\n    //         {/*    items={contextMessageMenu} */}\n    //         {/*    itemsAI={contextMessageMenuAI} */}\n    //         {/*  /> */}\n    //         {/* ) : null} */}\n    //       </div>\n    //     ) : (\n    //       <div\n    //         style={props.theme ? { color: props.theme.mainText() } : {}}\n    //         className=\"message-view-container__incoming-time\"\n    //       >\n    //         {getTimeShort24hFormat(props.message.date_sent)}\n    //       </div>\n    //     )}\n    //\n    //     <div\n    //       className=\"message-view-container__incoming-time\"\n    //       onClick={props.onClick}\n    //     >\n    //       {/* {props.renderWidget} */}\n    //       {renderWidgetAIAssist(\n    //         props.message,\n    //         props.messagesToView,\n    //         props.currentUserId,\n    //         props.AITranslation,\n    //         props.AIAnswerToMessage,\n    //       )}\n    //     </div>\n    //     {waitAIWidget && (\n    //       <div\n    //         className=\"message-view-container__incoming-time\"\n    //         style={{\n    //           height: '24px',\n    //           width: '24px',\n    //         }}\n    //       >\n    //         <LoaderComponent\n    //           width=\"24\"\n    //           height=\"24\"\n    //           color=\"var(--color-background-info)\"\n    //         />\n    //       </div>\n    //     )}\n    //   </div>\n    //   <div className=\"message-view-container__widget-ai-translate\">\n    //     {renderWidgetAITranslate(\n    //       props.message,\n    //       props.messagesToView,\n    //       props.currentUserId,\n    //       props.AITranslation,\n    //     )}\n    //   </div>\n    // </div>\n    );\n}\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/Presentation/components/UI/Dialogs/MessagesView/InComingMessage/InComingMessage.tsx?");
+
+/***/ }),
+
 /***/ "./src/Presentation/components/UI/Dialogs/MessagesView/MessagesView.tsx":
 /*!******************************************************************************!*\
   !*** ./src/Presentation/components/UI/Dialogs/MessagesView/MessagesView.tsx ***!
@@ -1884,7 +2060,18 @@ 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 _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_useQbInitializedDataContext__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../../../providers/QuickBloxUIKitProvider/useQbInitializedDataContext */ \"./src/Presentation/components/providers/QuickBloxUIKitProvider/useQbInitializedDataContext.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\");\n/* harmony import */ var _HighLightLink_HighLightLink__WEBPACK_IMPORTED_MODULE_31__ = __webpack_require__(/*! ./HighLightLink/HighLightLink */ \"./src/Presentation/components/UI/Dialogs/MessagesView/HighLightLink/HighLightLink.tsx\");\n/* harmony import */ var _utils_utils__WEBPACK_IMPORTED_MODULE_32__ = __webpack_require__(/*! ../../../../../utils/utils */ \"./src/utils/utils.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\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, _d;\n    var \n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    AIEditMessage = _a.AIEditMessage, \n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    AITranslation = _a.AITranslation, \n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    AIAnswerToMessage = _a.AIAnswerToMessage, dialogsViewModel = _a.dialogsViewModel, onDialogInformationHandler = _a.onDialogInformationHandler, \n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    _e = _a.maxWidthToResize, \n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    maxWidthToResize = _e === void 0 ? undefined : _e, \n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    _f = _a.theme, \n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    theme = _f === void 0 ? undefined : _f, _g = _a.subHeaderContent, subHeaderContent = _g === void 0 ? undefined : _g, _h = _a.upHeaderContent, upHeaderContent = _h === void 0 ? undefined : _h;\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_useQbInitializedDataContext__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    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    var _j = (0,_providers_QuickBloxUIKitProvider_useQBConnection__WEBPACK_IMPORTED_MODULE_3__[\"default\"])(), connectionRepository = _j.connectionRepository, browserOnline = _j.browserOnline;\n    var _k = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(100), dialogMessagesCount = _k[0], setDialogMessageCount = _k[1];\n    var _l = react__WEBPACK_IMPORTED_MODULE_1___default().useState(true), hasMore = _l[0], setHasMore = _l[1];\n    var _m = react__WEBPACK_IMPORTED_MODULE_1___default().useState(false), scrollUpToDown = _m[0], setScrollUpToDown = _m[1];\n    var _o = react__WEBPACK_IMPORTED_MODULE_1___default().useState([]), messagesToView = _o[0], setMessagesToView = _o[1];\n    var _p = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false), waitAIWidget = _p[0], setWaitAIWidget = _p[1];\n    var messageEntitiesToIChatMessageCollection = function (messageEntities) {\n        var MAX_TOKENS = 3584;\n        var items = messageEntities.filter(function (it) {\n            return !it.notification_type ||\n                (it.notification_type && it.notification_type.length === 0);\n        });\n        var messages = (0,_utils_utils__WEBPACK_IMPORTED_MODULE_32__.loopToLimitTokens)(MAX_TOKENS, items, function (_a) {\n            var message = _a.message;\n            return message || '';\n        }).reverse();\n        var chatCompletionMessages = messages.map(function (_a) {\n            var message = _a.message, sender_id = _a.sender_id;\n            return ({\n                role: sender_id === currentUserId ? 'user' : 'assistant',\n                content: message,\n            });\n        });\n        //\n        return chatCompletionMessages;\n    };\n    var messagesViewModel = (0,_useMessagesViewModel__WEBPACK_IMPORTED_MODULE_10__[\"default\"])((_d = dialogsViewModel.entity) === null || _d === void 0 ? void 0 : _d.type, dialogsViewModel.entity);\n    var maxFileSize = currentContext.InitParams.maxFileSize;\n    (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n        console.log('HAVE NEW DIALOG');\n        // messagesViewModel.getMessages(new Pagination());\n        messagesViewModel.entity = dialogsViewModel.entity;\n        setMessagesToView([]);\n    }, [dialogsViewModel.entity]);\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    (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n        console.log('HAVE NEW ENTITY');\n        dialogsViewModel.setWaitLoadingStatus(messagesViewModel === null || messagesViewModel === void 0 ? void 0 : messagesViewModel.loading);\n    }, [messagesViewModel === null || messagesViewModel === void 0 ? void 0 : messagesViewModel.loading]);\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    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    var menuItems = [\n        {\n            title: 'Item 1',\n            action: function () {\n                console.log('Clicked on Item 1');\n            },\n        },\n        {\n            title: 'Item 2',\n            action: function () {\n                console.log('Clicked on Item 2');\n            },\n        },\n        // ... добавьте дополнительные элементы меню\n    ];\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.toString() !== (currentUserId === null || currentUserId === void 0 ? void 0 : currentUserId.toString())) ||\n                m.sender_id.toString() !== (currentUserId === null || currentUserId === void 0 ? void 0 : currentUserId.toString())) {\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({ style: theme ? { backgroundColor: theme.caption() } : {}, 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            if ((0,_HighLightLink_HighLightLink__WEBPACK_IMPORTED_MODULE_31__.messageHasUrls)(mc.message) &&\n                !(mc.attachments && mc.attachments.length > 0)) {\n                return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_HighLightLink_HighLightLink__WEBPACK_IMPORTED_MODULE_31__.HighLightLink, { messageText: mc.message });\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({ style: theme ? { backgroundColor: theme.disabledElements() } : {}, 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({ style: theme ? { backgroundColor: theme.disabledElements() } : {}, 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({ style: theme ? { color: theme.secondaryText() } : {}, 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({ style: theme\n                                    ? {\n                                        color: theme.mainText(),\n                                        backgroundColor: theme.incomingBackground(),\n                                    }\n                                    : {}, className: \"message-view-container__sender-message\" }, { children: messageContentRender(message) }))] })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ style: theme ? { color: theme.mainText() } : {}, 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__incoming-time\", onClick: function () {\n                            if (!waitAIWidget) {\n                                setWaitAIWidget(true);\n                                AIAnswerToMessage === null || AIAnswerToMessage === void 0 ? void 0 : AIAnswerToMessage.textToWidget(message.message, messageEntitiesToIChatMessageCollection(messagesToView));\n                            }\n                        } }, { children: AIAnswerToMessage === null || AIAnswerToMessage === void 0 ? void 0 : AIAnswerToMessage.renderWidget() }))] }), 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, color: theme ? theme.mainElements() : 'var(--main-elements)' })) : ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Status_Sent__WEBPACK_IMPORTED_MODULE_27__[\"default\"], { width: \"13\", height: \"13\", applyZoom: true, color: theme ? theme.mainElements() : 'var(--main-elements)' })) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ style: theme ? { color: theme.mainText() } : {}, 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({ style: theme\n                            ? {\n                                color: theme.mainText(),\n                                backgroundColor: theme.outgoingBackground(),\n                            }\n                            : {}, 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 _q = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(null), fileToSend = _q[0], setFileToSend = _q[1];\n    var _r = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(''), messageText = _r[0], setMessageText = _r[1];\n    var _s = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(''), warningErrorText = _s[0], setWarningErrorText = _s[1];\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    var _t = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(''), widgetTextContent = _t[0], setWidgetTextContent = _t[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 = maxFileSize || 90 * 1000000;\n        var MAXSIZE_FOR_MESSAGE = MAXSIZE / (1024 * 1024);\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_FOR_MESSAGE, \" mb.\"));\n        }\n    }, [fileToSend]);\n    var _u = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(true), isVoiceMessage = _u[0], setVoiceMessage = _u[1];\n    var _v = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false), isRecording = _v[0], setIsRecording = _v[1];\n    //\n    var _w = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false), permission = _w[0], setPermission = _w[1];\n    // const [recordingStatus, setRecordingStatus] = useState('inactive');\n    var _x = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(), stream = _x[0], setStream = _x[1];\n    // const [mediaRecorder, setMediaRecorder] = useState<MediaRecorder>();\n    var mediaRecorder = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)();\n    var _y = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(), resultAudioBlob = _y[0], setResultAudioBlob = _y[1];\n    var _z = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)([]), audioChunks = _z[0], setAudioChunks = _z[1];\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\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            // eslint-disable-next-line @typescript-eslint/no-unused-vars\n            var mimeContent = window.MediaRecorder.isTypeSupported('audio/mp4;codecs=mp4a')\n                ? 'audio/mp4;codecs=mp4a'\n                : 'audio/webm;codecs=opus';\n            // const audioBlob = new Blob(audioChunks, { type: mimeContent }); // mimeType\n            // const mp4Blob = new Blob(recordedChunks, { type: 'video/mp4' });\n            // const audioBlob = new Blob(audioChunks, { type: 'video/mp4' }); // mimeType\n            var audioBlob = new Blob(audioChunks, { type: 'audio/mp4' }); // 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    var _0 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false), useAudioWidget = _0[0], setUseAudioWidget = _0[1];\n    (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n        var fileExt = 'mp4';\n        if (resultAudioBlob) {\n            var voiceMessage = blobToFile(resultAudioBlob, \"\".concat(currentUserName || '', \"_voice_message.\").concat(fileExt));\n            setFileToSend(voiceMessage);\n            if (useAudioWidget) {\n                setUseAudioWidget(false);\n                AITranslation === null || AITranslation === void 0 ? void 0 : AITranslation.fileToWidget(voiceMessage, messageEntitiesToIChatMessageCollection(messagesToView));\n            }\n            //\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    function sendTextMessageActions() {\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    }\n    (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n        if ((AIEditMessage === null || AIEditMessage === void 0 ? void 0 : AIEditMessage.textToContent) &&\n            (AIEditMessage === null || AIEditMessage === void 0 ? void 0 : AIEditMessage.textToContent.length) > 0) {\n            setMessageText(AIEditMessage === null || AIEditMessage === void 0 ? void 0 : AIEditMessage.textToContent);\n            setWidgetTextContent(AIEditMessage === null || AIEditMessage === void 0 ? void 0 : AIEditMessage.textToContent);\n            setTimeout(function () {\n                setWidgetTextContent('');\n            }, 45 * 1000);\n        }\n    }, [AIEditMessage === null || AIEditMessage === void 0 ? void 0 : AIEditMessage.textToContent]);\n    (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n        if ((AITranslation === null || AITranslation === void 0 ? void 0 : AITranslation.textToContent) &&\n            (AITranslation === null || AITranslation === void 0 ? void 0 : AITranslation.textToContent.length) > 0) {\n            setMessageText(AITranslation === null || AITranslation === void 0 ? void 0 : AITranslation.textToContent);\n            setWidgetTextContent(AITranslation === null || AITranslation === void 0 ? void 0 : AITranslation.textToContent);\n            setTimeout(function () {\n                setWidgetTextContent('');\n            }, 45 * 1000);\n        }\n    }, [AITranslation === null || AITranslation === void 0 ? void 0 : AITranslation.textToContent]);\n    (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n        setWaitAIWidget(false);\n        if ((AIAnswerToMessage === null || AIAnswerToMessage === void 0 ? void 0 : AIAnswerToMessage.textToContent) &&\n            (AIAnswerToMessage === null || AIAnswerToMessage === void 0 ? void 0 : AIAnswerToMessage.textToContent.length) > 0) {\n            setMessageText(AIAnswerToMessage === null || AIAnswerToMessage === void 0 ? void 0 : AIAnswerToMessage.textToContent);\n            setWidgetTextContent(AIAnswerToMessage === null || AIAnswerToMessage === void 0 ? void 0 : AIAnswerToMessage.textToContent);\n            setTimeout(function () {\n                setWidgetTextContent('');\n            }, 45 * 1000);\n        }\n    }, [AIAnswerToMessage === null || AIAnswerToMessage === void 0 ? void 0 : AIAnswerToMessage.textToContent]);\n    var useSubContent = subHeaderContent || false;\n    var useUpContent = upHeaderContent || false;\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__.jsxs)(\"div\", __assign({ style: {\n                    flexGrow: \"1\",\n                    flexShrink: \"1\",\n                    flexBasis: \"\".concat(maxWidthToResizing),\n                }, className: \"message-view-container--header\" }, { children: [useUpContent && upHeaderContent, (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_HeaderMessages_HeaderMessages__WEBPACK_IMPORTED_MODULE_13__[\"default\"], { dialog: messagesViewModel.entity, InformationHandler: onDialogInformationHandler, countMembers: getCountDialogMembers(dialogsViewModel.entity) }), useSubContent && subHeaderContent] })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ style: theme\n                    ? {\n                        flexGrow: \"1\",\n                        flexShrink: \"1\",\n                        flexBasis: \"\".concat(maxWidthToResizing),\n                        backgroundColor: theme.secondaryBackground(), // var(--secondary-background);\n                    }\n                    : {\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) && !messagesViewModel.loading && ((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) || waitAIWidget) && ((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({ style: theme ? { color: theme.mainElements() } : {}, 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: theme ? theme.inputElements() : '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\", { style: theme ? { backgroundColor: theme.chatInput() } : {}, 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                        }, onKeyDown: function (e) {\n                            console.log(\"onKeyDown: \".concat(e.key, \" shift \").concat(e.shiftKey ? 'true' : 'false', \" ctrl \").concat(e.ctrlKey ? 'true' : 'false'));\n                            if (e.key === 'Enter' && !e.shiftKey && !e.ctrlKey) {\n                                sendTextMessageActions();\n                            }\n                        }, placeholder: \"enter text to send\" })), isRecording && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_VoiceRecordingProgress_VoiceRecordingProgress__WEBPACK_IMPORTED_MODULE_30__[\"default\"], { startStatus: isRecording, 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('touch 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: theme ? theme.mainElements() : 'var(--main-elements)' }), clickAction: function () {\n                                console.log('click send message');\n                                sendTextMessageActions();\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_useQbInitializedDataContext__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../../../providers/QuickBloxUIKitProvider/useQbInitializedDataContext */ \"./src/Presentation/components/providers/QuickBloxUIKitProvider/useQbInitializedDataContext.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_ActiveSvg_ActiveSvg__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ../../svgs/ActiveSvg/ActiveSvg */ \"./src/Presentation/components/UI/svgs/ActiveSvg/ActiveSvg.tsx\");\n/* harmony import */ var _svgs_Icons_Media_Attachment__WEBPACK_IMPORTED_MODULE_21__ = __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_22__ = __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_23__ = __webpack_require__(/*! ./AudioAttachmentComponent/AudioAttachmentComponent */ \"./src/Presentation/components/UI/Dialogs/MessagesView/AudioAttachmentComponent/AudioAttachmentComponent.tsx\");\n/* harmony import */ var _svgs_Icons_Media_AudioFile__WEBPACK_IMPORTED_MODULE_24__ = __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_25__ = __webpack_require__(/*! ../../svgs/Icons/Actions/Voice */ \"./src/Presentation/components/UI/svgs/Icons/Actions/Voice/index.tsx\");\n/* harmony import */ var _utils_parse__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ../../../../../utils/parse */ \"./src/utils/parse.ts\");\n/* harmony import */ var _VoiceRecordingProgress_VoiceRecordingProgress__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! ./VoiceRecordingProgress/VoiceRecordingProgress */ \"./src/Presentation/components/UI/Dialogs/MessagesView/VoiceRecordingProgress/VoiceRecordingProgress.tsx\");\n/* harmony import */ var _HighLightLink_HighLightLink__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! ./HighLightLink/HighLightLink */ \"./src/Presentation/components/UI/Dialogs/MessagesView/HighLightLink/HighLightLink.tsx\");\n/* harmony import */ var _utils_utils__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(/*! ../../../../../utils/utils */ \"./src/utils/utils.ts\");\n/* harmony import */ var _OutGoingMessage_OutGoingMessage__WEBPACK_IMPORTED_MODULE_30__ = __webpack_require__(/*! ./OutGoingMessage/OutGoingMessage */ \"./src/Presentation/components/UI/Dialogs/MessagesView/OutGoingMessage/OutGoingMessage.tsx\");\n/* harmony import */ var _InComingMessage_InComingMessage__WEBPACK_IMPORTED_MODULE_31__ = __webpack_require__(/*! ./InComingMessage/InComingMessage */ \"./src/Presentation/components/UI/Dialogs/MessagesView/InComingMessage/InComingMessage.tsx\");\n/* harmony import */ var _AIWidgets_Tone__WEBPACK_IMPORTED_MODULE_32__ = __webpack_require__(/*! ./AIWidgets/Tone */ \"./src/Presentation/components/UI/Dialogs/MessagesView/AIWidgets/Tone.ts\");\n/* harmony import */ var _svgs_Icons_AIWidgets_NecktieIcon__WEBPACK_IMPORTED_MODULE_33__ = __webpack_require__(/*! ../../svgs/Icons/AIWidgets/NecktieIcon */ \"./src/Presentation/components/UI/svgs/Icons/AIWidgets/NecktieIcon/index.tsx\");\n/* harmony import */ var _svgs_Icons_AIWidgets_HandshakeIcon__WEBPACK_IMPORTED_MODULE_34__ = __webpack_require__(/*! ../../svgs/Icons/AIWidgets/HandshakeIcon */ \"./src/Presentation/components/UI/svgs/Icons/AIWidgets/HandshakeIcon/index.tsx\");\n/* harmony import */ var _svgs_Icons_AIWidgets_WhiteCheckMarkIcon__WEBPACK_IMPORTED_MODULE_35__ = __webpack_require__(/*! ../../svgs/Icons/AIWidgets/WhiteCheckMarkIcon */ \"./src/Presentation/components/UI/svgs/Icons/AIWidgets/WhiteCheckMarkIcon/index.tsx\");\n/* harmony import */ var _svgs_Icons_AIWidgets_MuscleIcon__WEBPACK_IMPORTED_MODULE_36__ = __webpack_require__(/*! ../../svgs/Icons/AIWidgets/MuscleIcon */ \"./src/Presentation/components/UI/svgs/Icons/AIWidgets/MuscleIcon/index.tsx\");\n/* harmony import */ var _svgs_Icons_AIWidgets_PalmsUpTogetherIcon__WEBPACK_IMPORTED_MODULE_37__ = __webpack_require__(/*! ../../svgs/Icons/AIWidgets/PalmsUpTogetherIcon */ \"./src/Presentation/components/UI/svgs/Icons/AIWidgets/PalmsUpTogetherIcon/index.tsx\");\n/* harmony import */ var _svgs_Icons_AIWidgets_NeutralFaceIcon__WEBPACK_IMPORTED_MODULE_38__ = __webpack_require__(/*! ../../svgs/Icons/AIWidgets/NeutralFaceIcon */ \"./src/Presentation/components/UI/svgs/Icons/AIWidgets/NeutralFaceIcon/index.tsx\");\n/* harmony import */ var _svgs_Icons_AIWidgets_HammerIcon__WEBPACK_IMPORTED_MODULE_39__ = __webpack_require__(/*! ../../svgs/Icons/AIWidgets/HammerIcon */ \"./src/Presentation/components/UI/svgs/Icons/AIWidgets/HammerIcon/index.tsx\");\n/* harmony import */ var _svgs_Icons_AIWidgets_BookIcon_BookIcon__WEBPACK_IMPORTED_MODULE_40__ = __webpack_require__(/*! ../../svgs/Icons/AIWidgets/BookIcon/BookIcon */ \"./src/Presentation/components/UI/svgs/Icons/AIWidgets/BookIcon/BookIcon.tsx\");\n/* harmony import */ var _svgs_Icons_AIWidgets_PointUpIcon__WEBPACK_IMPORTED_MODULE_41__ = __webpack_require__(/*! ../../svgs/Icons/AIWidgets/PointUpIcon */ \"./src/Presentation/components/UI/svgs/Icons/AIWidgets/PointUpIcon/index.tsx\");\n/* harmony import */ var _svgs_Icons_AIWidgets_SmirkIcon__WEBPACK_IMPORTED_MODULE_42__ = __webpack_require__(/*! ../../svgs/Icons/AIWidgets/SmirkIcon */ \"./src/Presentation/components/UI/svgs/Icons/AIWidgets/SmirkIcon/index.tsx\");\n/* harmony import */ var _svgs_Icons_AIWidgets_PerformingArtsIcon__WEBPACK_IMPORTED_MODULE_43__ = __webpack_require__(/*! ../../svgs/Icons/AIWidgets/PerformingArtsIcon */ \"./src/Presentation/components/UI/svgs/Icons/AIWidgets/PerformingArtsIcon/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};\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\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, _d;\n    var \n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    AIRephrase = _a.AIRephrase, \n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    AITranslate = _a.AITranslate, \n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    AIAssist = _a.AIAssist, dialogsViewModel = _a.dialogsViewModel, onDialogInformationHandler = _a.onDialogInformationHandler, \n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    _e = _a.maxWidthToResize, \n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    maxWidthToResize = _e === void 0 ? undefined : _e, \n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    _f = _a.theme, \n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    theme = _f === void 0 ? undefined : _f, _g = _a.subHeaderContent, subHeaderContent = _g === void 0 ? undefined : _g, _h = _a.upHeaderContent, upHeaderContent = _h === void 0 ? undefined : _h;\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_useQbInitializedDataContext__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    // const translations: Record<number, string> = {};\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    var _j = (0,_providers_QuickBloxUIKitProvider_useQBConnection__WEBPACK_IMPORTED_MODULE_3__[\"default\"])(), connectionRepository = _j.connectionRepository, browserOnline = _j.browserOnline;\n    var _k = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(100), dialogMessagesCount = _k[0], setDialogMessageCount = _k[1];\n    var _l = react__WEBPACK_IMPORTED_MODULE_1___default().useState(true), hasMore = _l[0], setHasMore = _l[1];\n    var _m = react__WEBPACK_IMPORTED_MODULE_1___default().useState(false), scrollUpToDown = _m[0], setScrollUpToDown = _m[1];\n    var _o = react__WEBPACK_IMPORTED_MODULE_1___default().useState([]), messagesToView = _o[0], setMessagesToView = _o[1];\n    var _p = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false), waitAIWidget = _p[0], setWaitAIWidget = _p[1];\n    var messageEntitiesToIChatMessageCollection = function (messageEntities) {\n        var MAX_TOKENS = 3584;\n        var items = messageEntities.filter(function (it) {\n            return !it.notification_type ||\n                (it.notification_type && it.notification_type.length === 0);\n        });\n        var messages = (0,_utils_utils__WEBPACK_IMPORTED_MODULE_29__.loopToLimitTokens)(MAX_TOKENS, items, function (_a) {\n            var message = _a.message;\n            return message || '';\n        }).reverse();\n        var chatCompletionMessages = messages.map(function (_a) {\n            var message = _a.message, sender_id = _a.sender_id;\n            return ({\n                role: sender_id === currentUserId ? 'user' : 'assistant',\n                content: message,\n            });\n        });\n        //\n        return chatCompletionMessages;\n    };\n    var messagesViewModel = (0,_useMessagesViewModel__WEBPACK_IMPORTED_MODULE_10__[\"default\"])((_d = dialogsViewModel.entity) === null || _d === void 0 ? void 0 : _d.type, dialogsViewModel.entity);\n    var maxFileSize = currentContext.InitParams.maxFileSize;\n    (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n        console.log('HAVE NEW DIALOG');\n        // messagesViewModel.getMessages(new Pagination());\n        messagesViewModel.entity = dialogsViewModel.entity;\n        setMessagesToView([]);\n    }, [dialogsViewModel.entity]);\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    (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n        console.log('HAVE NEW ENTITY');\n        dialogsViewModel.setWaitLoadingStatus(messagesViewModel === null || messagesViewModel === void 0 ? void 0 : messagesViewModel.loading);\n    }, [messagesViewModel === null || messagesViewModel === void 0 ? void 0 : messagesViewModel.loading]);\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    // function sendMessageToTranslate(message: MessageEntity) {\n    //   if (!waitAIWidget) {\n    //     setWaitAIWidget(true);\n    //     AITranslation?.textToWidget(\n    //       message.message,\n    //       messageEntitiesToIChatMessageCollection(messagesToView),\n    //     );\n    //   }\n    // }\n    //\n    // function sendMessageToAIAssistAnswer(message: MessageEntity) {\n    //   if (!waitAIWidget) {\n    //     setWaitAIWidget(true);\n    //     AIAnswerToMessage?.textToWidget(\n    //       message.message,\n    //       messageEntitiesToIChatMessageCollection(messagesToView),\n    //     );\n    //   }\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.toString() !== (currentUserId === null || currentUserId === void 0 ? void 0 : currentUserId.toString())) ||\n                m.sender_id.toString() !== (currentUserId === null || currentUserId === void 0 ? void 0 : currentUserId.toString())) {\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_23__[\"default\"], { audioFile: att.file })) : ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Media_AudioFile__WEBPACK_IMPORTED_MODULE_24__[\"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({ style: theme ? { backgroundColor: theme.caption() } : {}, 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            if ((0,_HighLightLink_HighLightLink__WEBPACK_IMPORTED_MODULE_28__.messageHasUrls)(mc.message) &&\n                !(mc.attachments && mc.attachments.length > 0)) {\n                return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_HighLightLink_HighLightLink__WEBPACK_IMPORTED_MODULE_28__.HighLightLink, { messageText: mc.message });\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({ style: theme ? { backgroundColor: theme.disabledElements() } : {}, 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__.jsx)(_InComingMessage_InComingMessage__WEBPACK_IMPORTED_MODULE_31__.InComingMessage, { theme: theme, senderName: getSenderName(message.sender), message: message, \n                // element={messageContentRender(message)}\n                onLoader: function () {\n                    // sendMessageToTranslate(message);\n                    setWaitAIWidget(true);\n                }, \n                // renderWidget={\n                //   <ContextMenu\n                //     widgetToRender={\n                //       <AIWidgetIcon applyZoom color=\"var(--main-elements)\" />\n                //     }\n                //     items={[\n                //       {\n                //         title: 'AI Assist Answer',\n                //         action: () => {\n                //           sendMessageToAIAssistAnswer(message);\n                //         },\n                //       },\n                //       {\n                //         title: 'AI Translate',\n                //         action: () => {\n                //           sendMessageToTranslate(message);\n                //         },\n                //       },\n                //     ]}\n                //   />\n                // }\n                currentUserId: currentUserId, messagesToView: messagesToView, AITranslation: AITranslate, AIAnswerToMessage: AIAssist }, message.id));\n        }\n        else {\n            messageView = ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_OutGoingMessage_OutGoingMessage__WEBPACK_IMPORTED_MODULE_30__.OutGoingMessage, { message: message, theme: theme, element: 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 _q = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(null), fileToSend = _q[0], setFileToSend = _q[1];\n    var _r = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(''), messageText = _r[0], setMessageText = _r[1];\n    var _s = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(''), warningErrorText = _s[0], setWarningErrorText = _s[1];\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    var _t = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(''), widgetTextContent = _t[0], setWidgetTextContent = _t[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 = maxFileSize || 90 * 1000000;\n        var MAXSIZE_FOR_MESSAGE = MAXSIZE / (1024 * 1024);\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_FOR_MESSAGE, \" mb.\"));\n        }\n    }, [fileToSend]);\n    var _u = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(true), isVoiceMessage = _u[0], setVoiceMessage = _u[1];\n    var _v = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false), isRecording = _v[0], setIsRecording = _v[1];\n    //\n    var _w = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false), permission = _w[0], setPermission = _w[1];\n    // const [recordingStatus, setRecordingStatus] = useState('inactive');\n    var _x = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(), stream = _x[0], setStream = _x[1];\n    // const [mediaRecorder, setMediaRecorder] = useState<MediaRecorder>();\n    var mediaRecorder = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)();\n    var _y = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(), resultAudioBlob = _y[0], setResultAudioBlob = _y[1];\n    var _z = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)([]), audioChunks = _z[0], setAudioChunks = _z[1];\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\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_26__.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            // eslint-disable-next-line @typescript-eslint/no-unused-vars\n            var mimeContent = window.MediaRecorder.isTypeSupported('audio/mp4;codecs=mp4a')\n                ? 'audio/mp4;codecs=mp4a'\n                : 'audio/webm;codecs=opus';\n            // const audioBlob = new Blob(audioChunks, { type: mimeContent }); // mimeType\n            // const mp4Blob = new Blob(recordedChunks, { type: 'video/mp4' });\n            // const audioBlob = new Blob(audioChunks, { type: 'video/mp4' }); // mimeType\n            var audioBlob = new Blob(audioChunks, { type: 'audio/mp4' }); // 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    var _0 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false), useAudioWidget = _0[0], setUseAudioWidget = _0[1];\n    (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n        var fileExt = 'mp4';\n        if (resultAudioBlob) {\n            var voiceMessage = blobToFile(resultAudioBlob, \"\".concat(currentUserName || '', \"_voice_message.\").concat(fileExt));\n            setFileToSend(voiceMessage);\n            if (useAudioWidget) {\n                setUseAudioWidget(false);\n                // eslint-disable-next-line @typescript-eslint/no-unsafe-call\n                // AITranslation?.fileToWidget(\n                //   voiceMessage,\n                //   messageEntitiesToIChatMessageCollection(messagesToView),\n                // );\n            }\n            //\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    function sendTextMessageActions() {\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    }\n    (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n        setWaitAIWidget(false);\n        if ((AIRephrase === null || AIRephrase === void 0 ? void 0 : AIRephrase.textToContent) && (AIRephrase === null || AIRephrase === void 0 ? void 0 : AIRephrase.textToContent.length) > 0) {\n            setMessageText(AIRephrase === null || AIRephrase === void 0 ? void 0 : AIRephrase.textToContent);\n            setWidgetTextContent(AIRephrase === null || AIRephrase === void 0 ? void 0 : AIRephrase.textToContent);\n            setTimeout(function () {\n                setWidgetTextContent('');\n            }, 45 * 1000);\n        }\n    }, [AIRephrase === null || AIRephrase === void 0 ? void 0 : AIRephrase.textToContent]);\n    (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n        setWaitAIWidget(false);\n        // if (\n        //   AITranslation?.textToContent &&\n        //   AITranslation?.textToContent.length > 0\n        // ) {\n        //   setMessageText(AITranslation?.textToContent);\n        //   setWidgetTextContent(AITranslation?.textToContent);\n        //   setTimeout(() => {\n        //     setWidgetTextContent('');\n        //   }, 45 * 1000);\n        // }\n    }, [AITranslate === null || AITranslate === void 0 ? void 0 : AITranslate.textToContent]);\n    (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n        setWaitAIWidget(false);\n        if ((AIAssist === null || AIAssist === void 0 ? void 0 : AIAssist.textToContent) && (AIAssist === null || AIAssist === void 0 ? void 0 : AIAssist.textToContent.length) > 0) {\n            setMessageText(AIAssist === null || AIAssist === void 0 ? void 0 : AIAssist.textToContent);\n            setWidgetTextContent(AIAssist === null || AIAssist === void 0 ? void 0 : AIAssist.textToContent);\n            setTimeout(function () {\n                setWidgetTextContent('');\n            }, 45 * 1000);\n        }\n    }, [AIAssist === null || AIAssist === void 0 ? void 0 : AIAssist.textToContent]);\n    var useSubContent = subHeaderContent || false;\n    var useUpContent = upHeaderContent || false;\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    function getAIEditingMessagesItems() {\n        return [\n            {\n                title: 'Professional Tone',\n                icon: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_AIWidgets_NecktieIcon__WEBPACK_IMPORTED_MODULE_33__[\"default\"], {}),\n                action: function () {\n                    if (messageText && messageText.length > 0 && !waitAIWidget) {\n                        setWaitAIWidget(true);\n                        AIRephrase === null || AIRephrase === void 0 ? void 0 : AIRephrase.textToWidget(messageText, messageEntitiesToIChatMessageCollection(messagesToView), { tone: _AIWidgets_Tone__WEBPACK_IMPORTED_MODULE_32__.Tone.Professional });\n                    }\n                },\n            },\n            {\n                title: 'Friendly Tone',\n                icon: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_AIWidgets_HandshakeIcon__WEBPACK_IMPORTED_MODULE_34__[\"default\"], {}),\n                action: function () {\n                    if (messageText && messageText.length > 0 && !waitAIWidget) {\n                        setWaitAIWidget(true);\n                        AIRephrase === null || AIRephrase === void 0 ? void 0 : AIRephrase.textToWidget(messageText, messageEntitiesToIChatMessageCollection(messagesToView), { tone: _AIWidgets_Tone__WEBPACK_IMPORTED_MODULE_32__.Tone.Friendly });\n                    }\n                },\n            },\n            {\n                title: 'Encouraging Tone',\n                icon: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_AIWidgets_MuscleIcon__WEBPACK_IMPORTED_MODULE_36__[\"default\"], {}),\n                action: function () {\n                    if (messageText && messageText.length > 0 && !waitAIWidget) {\n                        setWaitAIWidget(true);\n                        AIRephrase === null || AIRephrase === void 0 ? void 0 : AIRephrase.textToWidget(messageText, messageEntitiesToIChatMessageCollection(messagesToView), { tone: _AIWidgets_Tone__WEBPACK_IMPORTED_MODULE_32__.Tone.Encouraging });\n                    }\n                },\n            },\n            {\n                title: 'Empathetic Tone',\n                icon: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_AIWidgets_PalmsUpTogetherIcon__WEBPACK_IMPORTED_MODULE_37__[\"default\"], {}),\n                action: function () {\n                    if (messageText && messageText.length > 0 && !waitAIWidget) {\n                        setWaitAIWidget(true);\n                        AIRephrase === null || AIRephrase === void 0 ? void 0 : AIRephrase.textToWidget(messageText, messageEntitiesToIChatMessageCollection(messagesToView), { tone: _AIWidgets_Tone__WEBPACK_IMPORTED_MODULE_32__.Tone.Empathetic });\n                    }\n                },\n            },\n            {\n                title: 'Neutral Tone',\n                icon: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_AIWidgets_NeutralFaceIcon__WEBPACK_IMPORTED_MODULE_38__[\"default\"], {}),\n                action: function () {\n                    if (messageText && messageText.length > 0 && !waitAIWidget) {\n                        setWaitAIWidget(true);\n                        AIRephrase === null || AIRephrase === void 0 ? void 0 : AIRephrase.textToWidget(messageText, messageEntitiesToIChatMessageCollection(messagesToView), { tone: _AIWidgets_Tone__WEBPACK_IMPORTED_MODULE_32__.Tone.Neutral });\n                    }\n                },\n            },\n            {\n                title: 'Assertive Tone',\n                icon: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_AIWidgets_HammerIcon__WEBPACK_IMPORTED_MODULE_39__[\"default\"], {}),\n                action: function () {\n                    if (messageText && messageText.length > 0 && !waitAIWidget) {\n                        setWaitAIWidget(true);\n                        AIRephrase === null || AIRephrase === void 0 ? void 0 : AIRephrase.textToWidget(messageText, messageEntitiesToIChatMessageCollection(messagesToView), { tone: _AIWidgets_Tone__WEBPACK_IMPORTED_MODULE_32__.Tone.Assertive });\n                    }\n                },\n            },\n            {\n                title: 'Instructive Tone',\n                icon: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_AIWidgets_BookIcon_BookIcon__WEBPACK_IMPORTED_MODULE_40__[\"default\"], {}),\n                action: function () {\n                    if (messageText && messageText.length > 0 && !waitAIWidget) {\n                        setWaitAIWidget(true);\n                        AIRephrase === null || AIRephrase === void 0 ? void 0 : AIRephrase.textToWidget(messageText, messageEntitiesToIChatMessageCollection(messagesToView), { tone: _AIWidgets_Tone__WEBPACK_IMPORTED_MODULE_32__.Tone.Instructive });\n                    }\n                },\n            },\n            {\n                title: 'Persuasive Tone',\n                icon: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_AIWidgets_PointUpIcon__WEBPACK_IMPORTED_MODULE_41__[\"default\"], {}),\n                action: function () {\n                    if (messageText && messageText.length > 0 && !waitAIWidget) {\n                        setWaitAIWidget(true);\n                        AIRephrase === null || AIRephrase === void 0 ? void 0 : AIRephrase.textToWidget(messageText, messageEntitiesToIChatMessageCollection(messagesToView), { tone: _AIWidgets_Tone__WEBPACK_IMPORTED_MODULE_32__.Tone.Persuasive });\n                    }\n                },\n            },\n            {\n                title: 'Sarcastic/Ironic Tone',\n                icon: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_AIWidgets_SmirkIcon__WEBPACK_IMPORTED_MODULE_42__[\"default\"], {}),\n                action: function () {\n                    if (messageText && messageText.length > 0 && !waitAIWidget) {\n                        setWaitAIWidget(true);\n                        AIRephrase === null || AIRephrase === void 0 ? void 0 : AIRephrase.textToWidget(messageText, messageEntitiesToIChatMessageCollection(messagesToView), { tone: _AIWidgets_Tone__WEBPACK_IMPORTED_MODULE_32__.Tone.Sarcastic });\n                    }\n                },\n            },\n            {\n                title: 'Poetic Tone',\n                icon: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_AIWidgets_PerformingArtsIcon__WEBPACK_IMPORTED_MODULE_43__[\"default\"], {}),\n                action: function () {\n                    if (messageText && messageText.length > 0 && !waitAIWidget) {\n                        setWaitAIWidget(true);\n                        AIRephrase === null || AIRephrase === void 0 ? void 0 : AIRephrase.textToWidget(messageText, messageEntitiesToIChatMessageCollection(messagesToView), { tone: _AIWidgets_Tone__WEBPACK_IMPORTED_MODULE_32__.Tone.Poetic });\n                    }\n                },\n            },\n            {\n                title: 'Back to original text',\n                icon: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_AIWidgets_WhiteCheckMarkIcon__WEBPACK_IMPORTED_MODULE_35__[\"default\"], {}),\n                action: function () {\n                    if (messageText && messageText.length > 0 && !waitAIWidget) {\n                        setWaitAIWidget(true);\n                        AIRephrase === null || AIRephrase === void 0 ? void 0 : AIRephrase.textToWidget(messageText, messageEntitiesToIChatMessageCollection(messagesToView), { tone: _AIWidgets_Tone__WEBPACK_IMPORTED_MODULE_32__.Tone.Unchanged });\n                    }\n                },\n            },\n        ];\n    }\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__.jsxs)(\"div\", __assign({ style: {\n                    flexGrow: \"1\",\n                    flexShrink: \"1\",\n                    flexBasis: \"\".concat(maxWidthToResizing),\n                }, className: \"message-view-container--header\" }, { children: [useUpContent && upHeaderContent, (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_HeaderMessages_HeaderMessages__WEBPACK_IMPORTED_MODULE_13__[\"default\"], { dialog: messagesViewModel.entity, InformationHandler: onDialogInformationHandler, countMembers: getCountDialogMembers(dialogsViewModel.entity) }), useSubContent && subHeaderContent] })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ style: theme\n                    ? {\n                        flexGrow: \"1\",\n                        flexShrink: \"1\",\n                        flexBasis: \"\".concat(maxWidthToResizing),\n                        backgroundColor: theme.secondaryBackground(), // var(--secondary-background);\n                    }\n                    : {\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) && !messagesViewModel.loading && ((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 })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ style: {\n                            display: 'flex',\n                            flexDirection: 'row',\n                            alignItems: 'center',\n                            justifyContent: 'center',\n                        } }, { children: (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({ style: theme ? { color: theme.mainElements() } : {}, 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_20__[\"default\"], { content: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Media_Attachment__WEBPACK_IMPORTED_MODULE_21__[\"default\"], { width: \"32\", height: \"32\", applyZoom: true, color: theme ? theme.inputElements() : '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)(\"div\", __assign({ className: \"input-text-message\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"type-message\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"textarea\", { style: theme ? { backgroundColor: theme.chatInput() } : {}, 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                                }, onKeyDown: function (e) {\n                                    console.log(\"onKeyDown: \".concat(e.key, \" shift \").concat(e.shiftKey ? 'true' : 'false', \" ctrl \").concat(e.ctrlKey ? 'true' : 'false'));\n                                    if (e.key === 'Enter' && !e.shiftKey && !e.ctrlKey) {\n                                        sendTextMessageActions();\n                                    }\n                                }, placeholder: \"enter text to send\" }) })) }))), isRecording && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_VoiceRecordingProgress_VoiceRecordingProgress__WEBPACK_IMPORTED_MODULE_27__[\"default\"], { startStatus: isRecording, 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('touch send voice message');\n                            if (messagesViewModel === null || messagesViewModel === void 0 ? void 0 : messagesViewModel.loading)\n                                return;\n                            setIsRecording(!isRecording);\n                        } })), !isVoiceMessage && !waitAIWidget && ((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_20__[\"default\"], { content: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Actions_Send__WEBPACK_IMPORTED_MODULE_22__[\"default\"], { width: \"21\", height: \"18\", applyZoom: true, color: theme ? theme.mainElements() : 'var(--main-elements)' }), clickAction: function () {\n                                console.log('click send message');\n                                sendTextMessageActions();\n                            }, touchAction: function () {\n                                console.log('touch send message');\n                            } }) })), waitAIWidget ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ style: {\n                            height: '44px',\n                            width: '24px',\n                        } }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Placeholders_LoaderComponent_LoaderComponent__WEBPACK_IMPORTED_MODULE_11__[\"default\"], { width: \"24\", height: \"24\", color: \"var(--caption)\" }) }))) : (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_20__[\"default\"], { content: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Actions_Voice__WEBPACK_IMPORTED_MODULE_25__[\"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?");
+
+/***/ }),
+
+/***/ "./src/Presentation/components/UI/Dialogs/MessagesView/OutGoingMessage/OutGoingMessage.tsx":
+/*!*************************************************************************************************!*\
+  !*** ./src/Presentation/components/UI/Dialogs/MessagesView/OutGoingMessage/OutGoingMessage.tsx ***!
+  \*************************************************************************************************/
+/***/ (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 */   \"OutGoingMessage\": function() { return /* binding */ OutGoingMessage; }\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 _OutGoingMessage_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./OutGoingMessage.scss */ \"./src/Presentation/components/UI/Dialogs/MessagesView/OutGoingMessage/OutGoingMessage.scss\");\n/* harmony import */ var _svgs_Icons_Status_ViewedDelivered__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../svgs/Icons/Status/ViewedDelivered */ \"./src/Presentation/components/UI/svgs/Icons/Status/ViewedDelivered/index.tsx\");\n/* harmony import */ var _svgs_Icons_Status_Sent__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../svgs/Icons/Status/Sent */ \"./src/Presentation/components/UI/svgs/Icons/Status/Sent/index.tsx\");\n/* harmony import */ var _utils_DateTimeFormatter__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../utils/DateTimeFormatter */ \"./src/utils/DateTimeFormatter.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\nfunction OutGoingMessage(props) {\n    // const [haveHover, setHaveHover] = useState(false);\n    // const [openMenu, setOpenMenu] = useState(false);\n    return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ \n        // onMouseEnter={() => setHaveHover(true)}\n        // onMouseLeave={() => setHaveHover(false)}\n        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: props.message.delivered_ids &&\n                            props.message.delivered_ids.length > 0 ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Status_ViewedDelivered__WEBPACK_IMPORTED_MODULE_2__[\"default\"], { width: \"13\", height: \"13\", applyZoom: true, color: props.theme\n                                ? props.theme.mainElements()\n                                : 'var(--main-elements)' })) : ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Status_Sent__WEBPACK_IMPORTED_MODULE_3__[\"default\"], { width: \"13\", height: \"13\", applyZoom: true, color: props.theme\n                                ? props.theme.mainElements()\n                                : 'var(--main-elements)' })) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ style: props.theme\n                            ? { color: props.theme ? props.theme.mainText() : '' }\n                            : {}, className: \"message-view-container__incoming-time\" }, { children: (0,_utils_DateTimeFormatter__WEBPACK_IMPORTED_MODULE_4__.getTimeShort24hFormat)(props.message.date_sent) }))] })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ style: props.theme\n                    ? {\n                        color: props.theme.mainText(),\n                        backgroundColor: props.theme.outgoingBackground(),\n                    }\n                    : {}, className: \"message-view-container__outgoing-message\" }, { children: props.element }))] })));\n}\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/Presentation/components/UI/Dialogs/MessagesView/OutGoingMessage/OutGoingMessage.tsx?");
 
 /***/ }),
 
@@ -1917,7 +2104,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 */   \"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_useQbInitializedDataContext__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../providers/QuickBloxUIKitProvider/useQbInitializedDataContext */ \"./src/Presentation/components/providers/QuickBloxUIKitProvider/useQbInitializedDataContext.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_useQbInitializedDataContext__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    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 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                dialogInfo.messageInfo.message &&\n                dialogInfo.messageInfo.id &&\n                dialogInfo.messageInfo.dialogId === dialog.id) {\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            // else {\n            //   // загрузить все сообщения заново\n            //   getMessages().catch();\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    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, // artan 22.06.23\n        dialog.type === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_1__.DialogType[\"private\"]\n            ? dialog.participantId\n            : 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?");
+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_useQbInitializedDataContext__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../providers/QuickBloxUIKitProvider/useQbInitializedDataContext */ \"./src/Presentation/components/providers/QuickBloxUIKitProvider/useQbInitializedDataContext.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_useQbInitializedDataContext__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    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 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                dialogInfo.messageInfo.message &&\n                dialogInfo.messageInfo.id &&\n                dialogInfo.messageInfo.dialogId === dialog.id) {\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            // else {\n            //   // загрузить все сообщения заново\n            //   getMessages().catch();\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    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('', dialog.id, newMessage, Date.now().toString(), Date.now(), Date.now().toString(), [], [], 1, currentUserId, // artan 22.06.23\n        dialog.type === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_1__.DialogType[\"private\"]\n            ? dialog.participantId\n            : 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('', 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.id,\n                    uid: fileMessage.uid,\n                    type: fileMessage.type,\n                    file: fileMessage,\n                    name: fileMessage.name,\n                    size: fileMessage.size,\n                    url: fileMessage.url,\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?");
 
 /***/ }),
 
@@ -1998,6 +2185,149 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var reac
 
 /***/ }),
 
+/***/ "./src/Presentation/components/UI/svgs/Icons/AIWidgets/AIWidget/index.tsx":
+/*!********************************************************************************!*\
+  !*** ./src/Presentation/components/UI/svgs/Icons/AIWidgets/AIWidget/index.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\");\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\nfunction AIWidgetIcon(theme) {\n    if (theme === void 0) { theme = undefined; }\n    return !(theme === null || theme === void 0 ? void 0 : theme.applyZoom) ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"svg\", __assign({ width: theme && theme.width ? theme.width : '44', height: theme && theme.height ? theme.height : '44', viewBox: \"0 0 44 44\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"path\", { d: \"M2.76833 38.5L41.25 22L2.76833 5.5L2.75 18.3333L30.25 22L2.75 25.6667L2.76833 38.5Z\", id: \"SendB\", fill: theme && theme.color ? theme.color : 'var(--color-icon)' }) }))) : ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"svg\", __assign({ width: theme && theme.width ? theme.width : '28', height: theme && theme.height ? theme.height : '28', viewBox: \"0 0 22 18\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"path\", { d: \"M18,6 C20.209139,6 22,7.790861 22,10 L22,18 C22,19.9255253 20.6753401,21.786149 18.0260203,23.581871 C18.5654117,21.193957 18.3975027,20 17.5222933,20 L10,20 C7.790861,20 6,18.209139 6,16 L6,10 C6,7.790861 7.790861,6 10,6 L18,6 Z M18,10 L10,10 C9.44771525,10 9,10.4477153 9,11 L9,14 C9,14.5522847 9.44771525,15 10,15 L18,15 C18.5522847,15 19,14.5522847 19,14 L19,11 C19,10.4477153 18.5522847,10 18,10 Z M12,11 C12.5522847,11 13,11.4477153 13,12 L13,13 C13,13.5522847 12.5522847,14 12,14 C11.4477153,14 11,13.5522847 11,13 L11,12 C11,11.4477153 11.4477153,11 12,11 Z M16,11 C16.5522847,11 17,11.4477153 17,12 L17,13 C17,13.5522847 16.5522847,14 16,14 C15.4477153,14 15,13.5522847 15,13 L15,12 C15,11.4477153 15.4477153,11 16,11 Z M4,10 L5,10 L5,10 L5,16 L4,16 C3.44771525,16 3,15.5522847 3,15 L3,11 C3,10.4477153 3.44771525,10 4,10 Z M23,10 L24,10 C24.5522847,10 25,10.4477153 25,11 L25,15 C25,15.5522847 24.5522847,16 24,16 L23,16 L23,16 L23,10 Z\", id: \"AIWidget\", fill: theme && theme.color ? theme.color : 'var(--color-icon)' }) })));\n}\n/*\n\n\n */\n/* harmony default export */ __webpack_exports__[\"default\"] = (AIWidgetIcon);\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/Presentation/components/UI/svgs/Icons/AIWidgets/AIWidget/index.tsx?");
+
+/***/ }),
+
+/***/ "./src/Presentation/components/UI/svgs/Icons/AIWidgets/BookIcon/BookIcon.tsx":
+/*!***********************************************************************************!*\
+  !*** ./src/Presentation/components/UI/svgs/Icons/AIWidgets/BookIcon/BookIcon.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\nfunction BookIcon() {\n    return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"span\", { children: \"\\uD83D\\uDCD6\" });\n}\n/* harmony default export */ __webpack_exports__[\"default\"] = (BookIcon);\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/Presentation/components/UI/svgs/Icons/AIWidgets/BookIcon/BookIcon.tsx?");
+
+/***/ }),
+
+/***/ "./src/Presentation/components/UI/svgs/Icons/AIWidgets/HammerIcon/index.tsx":
+/*!**********************************************************************************!*\
+  !*** ./src/Presentation/components/UI/svgs/Icons/AIWidgets/HammerIcon/index.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\nfunction HammerIcon() {\n    return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"span\", { children: \"\\uD83D\\uDD28\" });\n}\n/* harmony default export */ __webpack_exports__[\"default\"] = (HammerIcon);\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/Presentation/components/UI/svgs/Icons/AIWidgets/HammerIcon/index.tsx?");
+
+/***/ }),
+
+/***/ "./src/Presentation/components/UI/svgs/Icons/AIWidgets/HandshakeIcon/index.tsx":
+/*!*************************************************************************************!*\
+  !*** ./src/Presentation/components/UI/svgs/Icons/AIWidgets/HandshakeIcon/index.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\nfunction HandshakeIcon() {\n    return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"span\", { children: \"\\uD83E\\uDD1D\" });\n}\n/* harmony default export */ __webpack_exports__[\"default\"] = (HandshakeIcon);\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/Presentation/components/UI/svgs/Icons/AIWidgets/HandshakeIcon/index.tsx?");
+
+/***/ }),
+
+/***/ "./src/Presentation/components/UI/svgs/Icons/AIWidgets/MuscleIcon/index.tsx":
+/*!**********************************************************************************!*\
+  !*** ./src/Presentation/components/UI/svgs/Icons/AIWidgets/MuscleIcon/index.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\nfunction MuscleIcon() {\n    return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"span\", { children: \"\\uD83D\\uDCAA\" });\n}\n/* harmony default export */ __webpack_exports__[\"default\"] = (MuscleIcon);\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/Presentation/components/UI/svgs/Icons/AIWidgets/MuscleIcon/index.tsx?");
+
+/***/ }),
+
+/***/ "./src/Presentation/components/UI/svgs/Icons/AIWidgets/NecktieIcon/index.tsx":
+/*!***********************************************************************************!*\
+  !*** ./src/Presentation/components/UI/svgs/Icons/AIWidgets/NecktieIcon/index.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\nfunction NecktieIcon() {\n    return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"span\", { children: \"\\uD83D\\uDC54\" });\n}\n/* harmony default export */ __webpack_exports__[\"default\"] = (NecktieIcon);\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/Presentation/components/UI/svgs/Icons/AIWidgets/NecktieIcon/index.tsx?");
+
+/***/ }),
+
+/***/ "./src/Presentation/components/UI/svgs/Icons/AIWidgets/NeutralFaceIcon/index.tsx":
+/*!***************************************************************************************!*\
+  !*** ./src/Presentation/components/UI/svgs/Icons/AIWidgets/NeutralFaceIcon/index.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\nfunction NeutralFaceIcon() {\n    return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"span\", { children: \"\\uD83D\\uDE10\" });\n}\n/* harmony default export */ __webpack_exports__[\"default\"] = (NeutralFaceIcon);\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/Presentation/components/UI/svgs/Icons/AIWidgets/NeutralFaceIcon/index.tsx?");
+
+/***/ }),
+
+/***/ "./src/Presentation/components/UI/svgs/Icons/AIWidgets/PalmsUpTogetherIcon/index.tsx":
+/*!*******************************************************************************************!*\
+  !*** ./src/Presentation/components/UI/svgs/Icons/AIWidgets/PalmsUpTogetherIcon/index.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\nfunction PalmsUpTogetherIcon() {\n    return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"span\", { children: \"\\uD83E\\uDD32\" });\n}\n/* harmony default export */ __webpack_exports__[\"default\"] = (PalmsUpTogetherIcon);\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/Presentation/components/UI/svgs/Icons/AIWidgets/PalmsUpTogetherIcon/index.tsx?");
+
+/***/ }),
+
+/***/ "./src/Presentation/components/UI/svgs/Icons/AIWidgets/PerformingArtsIcon/index.tsx":
+/*!******************************************************************************************!*\
+  !*** ./src/Presentation/components/UI/svgs/Icons/AIWidgets/PerformingArtsIcon/index.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\nfunction PerformingArtsIcon() {\n    return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"span\", { children: \"\\uD83C\\uDFAD\" });\n}\n/* harmony default export */ __webpack_exports__[\"default\"] = (PerformingArtsIcon);\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/Presentation/components/UI/svgs/Icons/AIWidgets/PerformingArtsIcon/index.tsx?");
+
+/***/ }),
+
+/***/ "./src/Presentation/components/UI/svgs/Icons/AIWidgets/PointUpIcon/index.tsx":
+/*!***********************************************************************************!*\
+  !*** ./src/Presentation/components/UI/svgs/Icons/AIWidgets/PointUpIcon/index.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\nfunction PointUpIcon() {\n    return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"span\", { children: \"\\u261D\\uFE0F\" });\n}\n/* harmony default export */ __webpack_exports__[\"default\"] = (PointUpIcon);\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/Presentation/components/UI/svgs/Icons/AIWidgets/PointUpIcon/index.tsx?");
+
+/***/ }),
+
+/***/ "./src/Presentation/components/UI/svgs/Icons/AIWidgets/SmirkIcon/index.tsx":
+/*!*********************************************************************************!*\
+  !*** ./src/Presentation/components/UI/svgs/Icons/AIWidgets/SmirkIcon/index.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\nfunction SmirkIcon() {\n    return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"span\", { children: \"\\uD83D\\uDE0F\" });\n}\n/* harmony default export */ __webpack_exports__[\"default\"] = (SmirkIcon);\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/Presentation/components/UI/svgs/Icons/AIWidgets/SmirkIcon/index.tsx?");
+
+/***/ }),
+
+/***/ "./src/Presentation/components/UI/svgs/Icons/AIWidgets/WhiteCheckMarkIcon/index.tsx":
+/*!******************************************************************************************!*\
+  !*** ./src/Presentation/components/UI/svgs/Icons/AIWidgets/WhiteCheckMarkIcon/index.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\nfunction WhiteCheckMarkIcon() {\n    return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"span\", { children: \"\\u2705\" });\n}\n/* harmony default export */ __webpack_exports__[\"default\"] = (WhiteCheckMarkIcon);\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/Presentation/components/UI/svgs/Icons/AIWidgets/WhiteCheckMarkIcon/index.tsx?");
+
+/***/ }),
+
+/***/ "./src/Presentation/components/UI/svgs/Icons/Actions/AssistAnswer/index.tsx":
+/*!**********************************************************************************!*\
+  !*** ./src/Presentation/components/UI/svgs/Icons/Actions/AssistAnswer/index.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\");\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\nfunction AssitAnswerIcon(theme) {\n    if (theme === void 0) { theme = undefined; }\n    return !(theme === null || theme === void 0 ? void 0 : theme.applyZoom) ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"svg\", __assign({ \n        // style={{\n        //   padding: '5px 3px 5px 3px',\n        //   alignSelf: 'stretch',\n        //   flex: '1',\n        //   position: 'relative',\n        //   overflow: 'visible',\n        // }}\n        width: theme && theme.width ? theme.width : '44', height: theme && theme.height ? theme.height : '44', viewBox: \"0 0 44 44\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"path\", { id: \"AssistAnswer\", fillRule: \"evenodd\", clipRule: \"evenodd\", d: \"M15.7687 4.60889C17.85 4.60889 19.5373 6.27566 19.5373 8.33173V15.7774C19.5373 17.5695 18.2893 19.3012 15.7932 20.9725C16.3014 18.7501 16.1432 17.6388 15.3186 17.6388H8.23152C6.15018 17.6388 4.46292 15.9721 4.46292 13.916V8.33173C4.46292 6.27566 6.15018 4.60889 8.23152 4.60889H15.7687ZM15.7687 8.33173H8.23152C7.71118 8.33173 7.28937 8.74842 7.28937 9.26244V12.0546C7.28937 12.5686 7.71118 12.9853 8.23152 12.9853H15.7687C16.289 12.9853 16.7109 12.5686 16.7109 12.0546V9.26244C16.7109 8.74842 16.289 8.33173 15.7687 8.33173ZM10.1158 9.26244C10.6361 9.26244 11.058 9.67913 11.058 10.1932V11.1239C11.058 11.6379 10.6361 12.0546 10.1158 12.0546C9.59548 12.0546 9.17366 11.6379 9.17366 11.1239V10.1932C9.17366 9.67913 9.59548 9.26244 10.1158 9.26244ZM13.8844 9.26244C14.4047 9.26244 14.8266 9.67913 14.8266 10.1932V11.1239C14.8266 11.6379 14.4047 12.0546 13.8844 12.0546C13.3641 12.0546 12.9423 11.6379 12.9423 11.1239V10.1932C12.9423 9.67913 13.3641 9.26244 13.8844 9.26244ZM2.57862 8.33173H3.52077V13.916H2.57862C2.05829 13.916 1.63647 13.4993 1.63647 12.9853V9.26244C1.63647 8.74842 2.05829 8.33173 2.57862 8.33173ZM20.4794 8.33173H21.4216C21.9419 8.33173 22.3637 8.74842 22.3637 9.26244V12.9853C22.3637 13.4993 21.9419 13.916 21.4216 13.916H20.4794V8.33173Z\", fill: theme && theme.color ? theme.color : 'var(--color-icon)' }) }))) : ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"svg\", __assign({ \n        // style={{\n        //   padding: '5px 3px 5px 3px',\n        //   alignSelf: 'stretch',\n        //   flex: '1',\n        //   position: 'relative',\n        //   overflow: 'visible',\n        // }}\n        width: theme && theme.width ? theme.width : '24', height: theme && theme.height ? theme.height : '24', viewBox: \"0 0 24 24\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"path\", { id: \"AssistAnswer\", fillRule: \"evenodd\", clipRule: \"evenodd\", d: \"M15.7687 4.60889C17.85 4.60889 19.5373 6.27566 19.5373 8.33173V15.7774C19.5373 17.5695 18.2893 19.3012 15.7932 20.9725C16.3014 18.7501 16.1432 17.6388 15.3186 17.6388H8.23152C6.15018 17.6388 4.46292 15.9721 4.46292 13.916V8.33173C4.46292 6.27566 6.15018 4.60889 8.23152 4.60889H15.7687ZM15.7687 8.33173H8.23152C7.71118 8.33173 7.28937 8.74842 7.28937 9.26244V12.0546C7.28937 12.5686 7.71118 12.9853 8.23152 12.9853H15.7687C16.289 12.9853 16.7109 12.5686 16.7109 12.0546V9.26244C16.7109 8.74842 16.289 8.33173 15.7687 8.33173ZM10.1158 9.26244C10.6361 9.26244 11.058 9.67913 11.058 10.1932V11.1239C11.058 11.6379 10.6361 12.0546 10.1158 12.0546C9.59548 12.0546 9.17366 11.6379 9.17366 11.1239V10.1932C9.17366 9.67913 9.59548 9.26244 10.1158 9.26244ZM13.8844 9.26244C14.4047 9.26244 14.8266 9.67913 14.8266 10.1932V11.1239C14.8266 11.6379 14.4047 12.0546 13.8844 12.0546C13.3641 12.0546 12.9423 11.6379 12.9423 11.1239V10.1932C12.9423 9.67913 13.3641 9.26244 13.8844 9.26244ZM2.57862 8.33173H3.52077V13.916H2.57862C2.05829 13.916 1.63647 13.4993 1.63647 12.9853V9.26244C1.63647 8.74842 2.05829 8.33173 2.57862 8.33173ZM20.4794 8.33173H21.4216C21.9419 8.33173 22.3637 8.74842 22.3637 9.26244V12.9853C22.3637 13.4993 21.9419 13.916 21.4216 13.916H20.4794V8.33173Z\", fill: theme && theme.color ? theme.color : 'var(--color-icon)' }) })));\n}\n/* harmony default export */ __webpack_exports__[\"default\"] = (AssitAnswerIcon);\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/Presentation/components/UI/svgs/Icons/Actions/AssistAnswer/index.tsx?");
+
+/***/ }),
+
 /***/ "./src/Presentation/components/UI/svgs/Icons/Actions/EditDots/index.tsx":
 /*!******************************************************************************!*\
   !*** ./src/Presentation/components/UI/svgs/Icons/Actions/EditDots/index.tsx ***!
@@ -2020,17 +2350,6 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var reac
 
 /***/ }),
 
-/***/ "./src/Presentation/components/UI/svgs/Icons/Actions/Phone/index.tsx":
-/*!***************************************************************************!*\
-  !*** ./src/Presentation/components/UI/svgs/Icons/Actions/Phone/index.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\");\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\nfunction Phone(theme) {\n    if (theme === void 0) { theme = undefined; }\n    return !(theme === null || theme === void 0 ? void 0 : theme.applyZoom) ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"svg\", __assign({ width: theme && theme.width ? theme.width : '44', height: theme && theme.height ? theme.height : '44', viewBox: \"0 0 44 44\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"path\", { d: \"M11.99 9.16667C12.1 10.7983 12.375 12.3933 12.815 13.915L10.615 16.115C9.86333 13.915 9.38667 11.5867 9.22167 9.16667H11.99ZM30.0667 31.2033C31.625 31.6433 33.22 31.9183 34.8333 32.0283V34.76C32.4133 34.595 30.085 34.1183 27.8667 33.385L30.0667 31.2033ZM13.75 5.5H7.33333C6.325 5.5 5.5 6.325 5.5 7.33333C5.5 24.5483 19.4517 38.5 36.6667 38.5C37.675 38.5 38.5 37.675 38.5 36.6667V30.2683C38.5 29.26 37.675 28.435 36.6667 28.435C34.3933 28.435 32.175 28.0683 30.1217 27.39C29.9383 27.3167 29.7367 27.2983 29.5533 27.2983C29.0767 27.2983 28.6183 27.4817 28.2517 27.83L24.2183 31.8633C19.03 29.205 14.7767 24.97 12.1367 19.7817L16.17 15.7483C16.6833 15.235 16.83 14.52 16.6283 13.8783C15.95 11.825 15.5833 9.625 15.5833 7.33333C15.5833 6.325 14.7583 5.5 13.75 5.5Z\", id: \"Phone\", fill: theme && theme.color ? theme.color : 'var(--color-icon)' }) }))) : ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"svg\", __assign({ width: theme && theme.width ? theme.width : '32', height: theme && theme.height ? theme.height : '32', viewBox: \"0 0 32 32\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"path\", { d: \"M24.01 19.38C22.78 19.38 21.59 19.18 20.48 18.82C20.13 18.7 19.74 18.79 19.47 19.06L17.9 21.03C15.07 19.68 12.42 17.13 11.01 14.2L12.96 12.54C13.23 12.26 13.31 11.87 13.2 11.52C12.83 10.41 12.64 9.22 12.64 7.99C12.64 7.45 12.19 7 11.65 7H8.19C7.65 7 7 7.24 7 7.99C7 17.28 14.73 25 24.01 25C24.72 25 25 24.37 25 23.82V20.37C25 19.83 24.55 19.38 24.01 19.38Z\", fill: theme && theme.color ? theme.color : 'var(--color-icon)' }) })));\n}\n/* harmony default export */ __webpack_exports__[\"default\"] = (Phone);\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/Presentation/components/UI/svgs/Icons/Actions/Phone/index.tsx?");
-
-/***/ }),
-
 /***/ "./src/Presentation/components/UI/svgs/Icons/Actions/Remove/index.tsx":
 /*!****************************************************************************!*\
   !*** ./src/Presentation/components/UI/svgs/Icons/Actions/Remove/index.tsx ***!
@@ -2108,17 +2427,6 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var reac
 
 /***/ }),
 
-/***/ "./src/Presentation/components/UI/svgs/Icons/Media/AIWidget/index.tsx":
-/*!****************************************************************************!*\
-  !*** ./src/Presentation/components/UI/svgs/Icons/Media/AIWidget/index.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\");\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\nfunction AIWidgetIcon(theme) {\n    if (theme === void 0) { theme = undefined; }\n    return !(theme === null || theme === void 0 ? void 0 : theme.applyZoom) ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"svg\", __assign({ width: theme && theme.width ? theme.width : '44', height: theme && theme.height ? theme.height : '44', viewBox: \"0 0 44 44\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"path\", { d: \"M2.76833 38.5L41.25 22L2.76833 5.5L2.75 18.3333L30.25 22L2.75 25.6667L2.76833 38.5Z\", id: \"SendB\", fill: theme && theme.color ? theme.color : 'var(--color-icon)' }) }))) : ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"svg\", __assign({ width: theme && theme.width ? theme.width : '28', height: theme && theme.height ? theme.height : '28', viewBox: \"0 0 22 18\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"path\", { d: \"M18,6 C20.209139,6 22,7.790861 22,10 L22,18 C22,19.9255253 20.6753401,21.786149 18.0260203,23.581871 C18.5654117,21.193957 18.3975027,20 17.5222933,20 L10,20 C7.790861,20 6,18.209139 6,16 L6,10 C6,7.790861 7.790861,6 10,6 L18,6 Z M18,10 L10,10 C9.44771525,10 9,10.4477153 9,11 L9,14 C9,14.5522847 9.44771525,15 10,15 L18,15 C18.5522847,15 19,14.5522847 19,14 L19,11 C19,10.4477153 18.5522847,10 18,10 Z M12,11 C12.5522847,11 13,11.4477153 13,12 L13,13 C13,13.5522847 12.5522847,14 12,14 C11.4477153,14 11,13.5522847 11,13 L11,12 C11,11.4477153 11.4477153,11 12,11 Z M16,11 C16.5522847,11 17,11.4477153 17,12 L17,13 C17,13.5522847 16.5522847,14 16,14 C15.4477153,14 15,13.5522847 15,13 L15,12 C15,11.4477153 15.4477153,11 16,11 Z M4,10 L5,10 L5,10 L5,16 L4,16 C3.44771525,16 3,15.5522847 3,15 L3,11 C3,10.4477153 3.44771525,10 4,10 Z M23,10 L24,10 C24.5522847,10 25,10.4477153 25,11 L25,15 C25,15.5522847 24.5522847,16 24,16 L23,16 L23,16 L23,10 Z\", id: \"AIWidget\", fill: theme && theme.color ? theme.color : 'var(--color-icon)' }) })));\n}\n/*\n\n\n */\n/* harmony default export */ __webpack_exports__[\"default\"] = (AIWidgetIcon);\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/Presentation/components/UI/svgs/Icons/Media/AIWidget/index.tsx?");
-
-/***/ }),
-
 /***/ "./src/Presentation/components/UI/svgs/Icons/Media/Attachment/index.tsx":
 /*!******************************************************************************!*\
   !*** ./src/Presentation/components/UI/svgs/Icons/Media/Attachment/index.tsx ***!
@@ -2163,6 +2471,17 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var reac
 
 /***/ }),
 
+/***/ "./src/Presentation/components/UI/svgs/Icons/Media/Translate/index.tsx":
+/*!*****************************************************************************!*\
+  !*** ./src/Presentation/components/UI/svgs/Icons/Media/Translate/index.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\");\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\nfunction TranslateIcon(theme) {\n    if (theme === void 0) { theme = undefined; }\n    return !(theme === null || theme === void 0 ? void 0 : theme.applyZoom) ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"svg\", __assign({ width: theme && theme.width ? theme.width : '16', height: theme && theme.height ? theme.height : '16', viewBox: \"0 0 16 16\", fill: \"none\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"path\", { id: \"TranslateIcon\", d: \"M9.36002 10.9596L7.51275 9.1341L7.53457 9.11228C8.80002 7.70137 9.70184 6.07956 10.2327 4.36319H12.3637V2.90865H7.27275V1.4541H5.8182V2.90865H0.727295V4.35592H8.85093C8.36366 5.75956 7.59275 7.09047 6.54548 8.2541C5.86911 7.50501 5.30911 6.68319 4.86548 5.81774H3.41093C3.94184 7.00319 4.66911 8.12319 5.5782 9.1341L1.87639 12.785L2.90911 13.8177L6.54548 10.1814L8.80729 12.4432L9.36002 10.9596ZM13.4546 7.27228H12L8.72729 15.9996H10.1818L10.9964 13.8177H14.4509L15.2727 15.9996H16.7273L13.4546 7.27228ZM11.5491 12.3632L12.7273 9.2141L13.9055 12.3632H11.5491Z\", fill: theme && theme.color ? theme.color : 'var(--color-icon)' }) }))) : ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"svg\", __assign({ width: theme && theme.width ? theme.width : '17', height: theme && theme.height ? theme.height : '16', viewBox: \"0 0 17 16\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"path\", { id: \"TranslateIcon\", d: \"M9.36002 10.9596L7.51275 9.1341L7.53457 9.11228C8.80002 7.70137 9.70184 6.07956 10.2327 4.36319H12.3637V2.90865H7.27275V1.4541H5.8182V2.90865H0.727295V4.35592H8.85093C8.36366 5.75956 7.59275 7.09047 6.54548 8.2541C5.86911 7.50501 5.30911 6.68319 4.86548 5.81774H3.41093C3.94184 7.00319 4.66911 8.12319 5.5782 9.1341L1.87639 12.785L2.90911 13.8177L6.54548 10.1814L8.80729 12.4432L9.36002 10.9596ZM13.4546 7.27228H12L8.72729 15.9996H10.1818L10.9964 13.8177H14.4509L15.2727 15.9996H16.7273L13.4546 7.27228ZM11.5491 12.3632L12.7273 9.2141L13.9055 12.3632H11.5491Z\", fill: theme && theme.color ? theme.color : 'var(--color-icon)' }) })));\n}\n/* harmony default export */ __webpack_exports__[\"default\"] = (TranslateIcon);\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/Presentation/components/UI/svgs/Icons/Media/Translate/index.tsx?");
+
+/***/ }),
+
 /***/ "./src/Presentation/components/UI/svgs/Icons/Navigation/Close/index.tsx":
 /*!******************************************************************************!*\
   !*** ./src/Presentation/components/UI/svgs/Icons/Navigation/Close/index.tsx ***!
@@ -2379,7 +2698,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 _providers_QuickBloxUIKitProvider_useQbInitializedDataContext__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../providers/QuickBloxUIKitProvider/useQbInitializedDataContext */ \"./src/Presentation/components/providers/QuickBloxUIKitProvider/useQbInitializedDataContext.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 _QBconfig__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../../QBconfig */ \"./src/QBconfig.ts\");\n/* harmony import */ var _UI_Dialogs_MessagesView_AIWidgets_UseDefaultAIAssistAnswerWidgetWithProxy__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../UI/Dialogs/MessagesView/AIWidgets/UseDefaultAIAssistAnswerWidgetWithProxy */ \"./src/Presentation/components/UI/Dialogs/MessagesView/AIWidgets/UseDefaultAIAssistAnswerWidgetWithProxy.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\nvar QuickBloxUIKitDesktopLayout = function (_a) {\n    var _b, _c, _d;\n    var _e = _a.theme, theme = _e === void 0 ? undefined : _e, \n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    _f = _a.AITranslation, \n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    AITranslation = _f === void 0 ? undefined : _f, \n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    _g = _a.AIEditMessage, \n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    AIEditMessage = _g === void 0 ? undefined : _g, _h = _a.AIAnswerToMessage, AIAnswerToMessage = _h === void 0 ? undefined : _h;\n    console.log('create QuickBloxUIKitDesktopLayout');\n    var _j = react__WEBPACK_IMPORTED_MODULE_1___default().useState(), selectedDialog = _j[0], setSelectedDialog = _j[1];\n    var currentContext = (0,_providers_QuickBloxUIKitProvider_useQbInitializedDataContext__WEBPACK_IMPORTED_MODULE_2__[\"default\"])();\n    // const eventMessaging = useEventMessagesRepository();\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 sessionToken = (_d = currentContext.storage.REMOTE_DATA_SOURCE.authInformation) === null || _d === void 0 ? void 0 : _d.sessionToken;\n    var dialogsViewModel = (0,_Views_Dialogs_useDialogsViewModel__WEBPACK_IMPORTED_MODULE_7__[\"default\"])(currentContext);\n    var defaultAIEditMessageWidget = AIEditMessage === null || AIEditMessage === void 0 ? void 0 : AIEditMessage.AIWidget; // useDefaultTextInputWidget();\n    var defaultAITranslateWidget = AITranslation === null || AITranslation === void 0 ? void 0 : AITranslation.AIWidget;\n    // if (!defaultAIEditMessageWidget) {\n    //   defaultAIEditMessageWidget = useDefaultTextInputWidget();\n    // }\n    // const defaultAITranslateWidget =\n    //   AITranslation?.AIWidget || useDefaultVoiceInputWidget();\n    var defaultAIAnswerToMessageWidget;\n    var getAIAssistAnswer = function () {\n        if ((AIAnswerToMessage === null || AIAnswerToMessage === void 0 ? void 0 : AIAnswerToMessage.enabled) && !(AIAnswerToMessage === null || AIAnswerToMessage === void 0 ? void 0 : AIAnswerToMessage.default)) {\n            defaultAIAnswerToMessageWidget = AIAnswerToMessage.AIWidget;\n        }\n        else if ((AIAnswerToMessage === null || AIAnswerToMessage === void 0 ? void 0 : AIAnswerToMessage.enabled) ||\n            _QBconfig__WEBPACK_IMPORTED_MODULE_9__.QBConfig.configAIApi.AIAnswerAssistWidgetConfig.useDefault) {\n            if (!_QBconfig__WEBPACK_IMPORTED_MODULE_9__.QBConfig.configAIApi.AIAnswerAssistWidgetConfig.useDefault ||\n                (AIAnswerToMessage && !(AIAnswerToMessage === null || AIAnswerToMessage === void 0 ? void 0 : AIAnswerToMessage.default))) {\n                defaultAIAnswerToMessageWidget = undefined;\n            }\n            else {\n                var apiKey = _QBconfig__WEBPACK_IMPORTED_MODULE_9__.QBConfig.configAIApi.AIAnswerAssistWidgetConfig.apiKey;\n                var token = '';\n                if (apiKey) {\n                    token = apiKey;\n                }\n                else {\n                    token =\n                        _QBconfig__WEBPACK_IMPORTED_MODULE_9__.QBConfig.configAIApi.AIAnswerAssistWidgetConfig.proxyConfig.sessionToken ||\n                            sessionToken ||\n                            '';\n                }\n                defaultAIAnswerToMessageWidget =\n                    (0,_UI_Dialogs_MessagesView_AIWidgets_UseDefaultAIAssistAnswerWidgetWithProxy__WEBPACK_IMPORTED_MODULE_10__[\"default\"])(__assign(__assign({}, _QBconfig__WEBPACK_IMPORTED_MODULE_9__.QBConfig.configAIApi.AIAnswerAssistWidgetConfig.proxyConfig), { sessionToken: token }));\n            }\n        }\n    };\n    getAIAssistAnswer();\n    var selectDialogActions = function (item) {\n        if (!dialogsViewModel.loading) {\n            setSelectedDialog(item);\n        }\n    };\n    // const subscribeToDialogEventsUseCase: SubscribeToDialogEventsUseCase =\n    //   new SubscribeToDialogEventsUseCase(eventMessaging, 'TestStage');\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    // const dialogsEventHandler = (dialogInfo: DialogEventInfo) => {\n    //   console.log('call dialogsEventHandler in QuickBloxUIKitDesktopLayout');\n    //   if (dialogInfo.eventMessageType === EventMessageType.SystemMessage) {\n    //     switch (dialogInfo.notificationTypes) {\n    //       case NotificationTypes.DELETE_LEAVE_DIALOG: {\n    //         if (\n    //           dialogInfo.messageInfo &&\n    //           dialogInfo.messageInfo.sender_id === userId\n    //         ) {\n    //           setSelectedDialog(undefined);\n    //         }\n    //\n    //         break;\n    //       }\n    //       default: {\n    //         const pagination: Pagination = new Pagination();\n    //\n    //         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            //\n            // subscribeToDialogEventsUseCase\n            //   .execute(dialogsEventHandler)\n            //   .catch((reason) => {\n            //     console.log(stringifyError(reason));\n            //   });\n            // //\n            // console.log('subscribe is completed, go');\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 && selectedDialog.entity) {\n            dialogsViewModel.entity = selectedDialog.entity;\n        }\n    }, [selectedDialog]);\n    (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n        var _a;\n        console.log(\"Clear selected dialog: \".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 (!dialogsViewModel.entity) {\n            setSelectedDialog(undefined);\n        }\n    }, [dialogsViewModel.entity]);\n    var _k = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(true), needDialogInformation = _k[0], setNeedDialogInformation = _k[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\"], { theme: theme, dialogsView: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Views_Dialogs_Dialogs__WEBPACK_IMPORTED_MODULE_3__[\"default\"]\n        // subHeaderContent={<CompanyLogo />}\n        // upHeaderContent={<CompanyLogo />}\n        , { \n            // subHeaderContent={<CompanyLogo />}\n            // upHeaderContent={<CompanyLogo />}\n            dialogsViewModel: dialogsViewModel, onDialogSelectHandler: selectDialogActions, additionalSettings: {\n                withoutHeader: false,\n                themeHeader: theme,\n                themePreview: theme,\n                useSubHeader: false,\n                useUpHeader: false,\n            } }), dialogMessagesView: selectedDialog && selectedDialog.entity && dialogsViewModel.entity ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_UI_Dialogs_MessagesView_MessagesView__WEBPACK_IMPORTED_MODULE_6__[\"default\"]\n        // subHeaderContent={<CompanyLogo />}\n        // upHeaderContent={<CompanyLogo />}\n        , { \n            // subHeaderContent={<CompanyLogo />}\n            // upHeaderContent={<CompanyLogo />}\n            dialogsViewModel: dialogsViewModel, onDialogInformationHandler: informationOpenHandler, maxWidthToResize: selectedDialog && needDialogInformation ? undefined : '1040px', AIEditMessage: defaultAIEditMessageWidget, AITranslation: defaultAITranslateWidget, AIAnswerToMessage: defaultAIAnswerToMessageWidget, theme: theme }) // 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\"]\n            // subHeaderContent={<CompanyLogo />}\n            // upHeaderContent={<CompanyLogo />}\n            , { \n                // subHeaderContent={<CompanyLogo />}\n                // upHeaderContent={<CompanyLogo />}\n                dialog: selectedDialog.entity, dialogViewModel: dialogsViewModel, onCloseDialogInformationHandler: 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?");
+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_useQbInitializedDataContext__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../providers/QuickBloxUIKitProvider/useQbInitializedDataContext */ \"./src/Presentation/components/providers/QuickBloxUIKitProvider/useQbInitializedDataContext.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 _UI_Dialogs_MessagesView_AIWidgets_UseDefaultAIAssistAnswerWidget__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../UI/Dialogs/MessagesView/AIWidgets/UseDefaultAIAssistAnswerWidget */ \"./src/Presentation/components/UI/Dialogs/MessagesView/AIWidgets/UseDefaultAIAssistAnswerWidget.tsx\");\n/* harmony import */ var _UI_Dialogs_MessagesView_AIWidgets_UseDefaultAITranslateWidget__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../UI/Dialogs/MessagesView/AIWidgets/UseDefaultAITranslateWidget */ \"./src/Presentation/components/UI/Dialogs/MessagesView/AIWidgets/UseDefaultAITranslateWidget.tsx\");\n/* harmony import */ var _UI_Dialogs_MessagesView_AIWidgets_UseDefaultAIRephraseMessageWidget__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../UI/Dialogs/MessagesView/AIWidgets/UseDefaultAIRephraseMessageWidget */ \"./src/Presentation/components/UI/Dialogs/MessagesView/AIWidgets/UseDefaultAIRephraseMessageWidget.tsx\");\n/* harmony import */ var _Data_DefaultConfigurations__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../../../Data/DefaultConfigurations */ \"./src/Data/DefaultConfigurations.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\nvar QuickBloxUIKitDesktopLayout = function (_a) {\n    var _b, _c, _d;\n    var _e = _a.theme, theme = _e === void 0 ? undefined : _e, \n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    _f = _a.AITranslate, \n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    AITranslate = _f === void 0 ? undefined : _f, \n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    _g = _a.AIRephrase, \n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    AIRephrase = _g === void 0 ? undefined : _g, _h = _a.AIAssist, AIAssist = _h === void 0 ? undefined : _h;\n    console.log('create QuickBloxUIKitDesktopLayout');\n    var _j = react__WEBPACK_IMPORTED_MODULE_1___default().useState(), selectedDialog = _j[0], setSelectedDialog = _j[1];\n    var currentContext = (0,_providers_QuickBloxUIKitProvider_useQbInitializedDataContext__WEBPACK_IMPORTED_MODULE_2__[\"default\"])();\n    var QBConfig = currentContext.InitParams.qbConfig ||\n        _Data_DefaultConfigurations__WEBPACK_IMPORTED_MODULE_12__.DefaultConfigurations.getDefaultQBConfig();\n    // const eventMessaging = useEventMessagesRepository();\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 sessionToken = (_d = currentContext.storage.REMOTE_DATA_SOURCE.authInformation) === null || _d === void 0 ? void 0 : _d.sessionToken;\n    var dialogsViewModel = (0,_Views_Dialogs_useDialogsViewModel__WEBPACK_IMPORTED_MODULE_7__[\"default\"])(currentContext);\n    var defaultAIEditMessageWidget = AIRephrase === null || AIRephrase === void 0 ? void 0 : AIRephrase.AIWidget; // useDefaultTextInputWidget();\n    var defaultAITranslateWidget = AITranslate === null || AITranslate === void 0 ? void 0 : AITranslate.AIWidget;\n    var defaultAIAnswerToMessageWidget = AIAssist === null || AIAssist === void 0 ? void 0 : AIAssist.AIWidget;\n    var getAIAssistAnswer = function () {\n        if ((AIAssist === null || AIAssist === void 0 ? void 0 : AIAssist.enabled) && !(AIAssist === null || AIAssist === void 0 ? void 0 : AIAssist.default)) {\n            defaultAIAnswerToMessageWidget = AIAssist.AIWidget;\n        }\n        else if ((AIAssist === null || AIAssist === void 0 ? void 0 : AIAssist.enabled) ||\n            QBConfig.configAIApi.AIAnswerAssistWidgetConfig.useDefault) {\n            if (!QBConfig.configAIApi.AIAnswerAssistWidgetConfig.useDefault ||\n                (AIAssist && !(AIAssist === null || AIAssist === void 0 ? void 0 : AIAssist.default))) {\n                defaultAIAnswerToMessageWidget = undefined;\n            }\n            else {\n                var apiKey = QBConfig.configAIApi.AIAnswerAssistWidgetConfig.apiKey;\n                var token = '';\n                if (apiKey) {\n                    token = apiKey;\n                }\n                else {\n                    token =\n                        QBConfig.configAIApi.AIAnswerAssistWidgetConfig.proxyConfig\n                            .sessionToken ||\n                            sessionToken ||\n                            '';\n                }\n                var proxyConfig = QBConfig.configAIApi.AIAnswerAssistWidgetConfig.proxyConfig ||\n                    _Data_DefaultConfigurations__WEBPACK_IMPORTED_MODULE_12__.DefaultConfigurations.getDefaultProxyConfig();\n                defaultAIAnswerToMessageWidget = (0,_UI_Dialogs_MessagesView_AIWidgets_UseDefaultAIAssistAnswerWidget__WEBPACK_IMPORTED_MODULE_9__[\"default\"])(__assign(__assign({}, proxyConfig), { sessionToken: token, apiKey: apiKey }));\n            }\n        }\n    };\n    var getAITranslate = function () {\n        if ((AITranslate === null || AITranslate === void 0 ? void 0 : AITranslate.enabled) && !(AITranslate === null || AITranslate === void 0 ? void 0 : AITranslate.default)) {\n            defaultAITranslateWidget = AITranslate.AIWidget;\n        }\n        else if ((AITranslate === null || AITranslate === void 0 ? void 0 : AITranslate.enabled) ||\n            QBConfig.configAIApi.AITranslateWidgetConfig.useDefault) {\n            if (!QBConfig.configAIApi.AITranslateWidgetConfig.useDefault ||\n                (AITranslate && !(AITranslate === null || AITranslate === void 0 ? void 0 : AITranslate.default))) {\n                defaultAITranslateWidget = undefined;\n            }\n            else {\n                var apiKey = QBConfig.configAIApi.AITranslateWidgetConfig.apiKey;\n                var token = '';\n                if (apiKey) {\n                    token = apiKey;\n                }\n                else {\n                    token =\n                        QBConfig.configAIApi.AITranslateWidgetConfig.proxyConfig\n                            .sessionToken ||\n                            sessionToken ||\n                            '';\n                }\n                var proxyConfig = QBConfig.configAIApi.AITranslateWidgetConfig.proxyConfig ||\n                    _Data_DefaultConfigurations__WEBPACK_IMPORTED_MODULE_12__.DefaultConfigurations.getDefaultProxyConfig();\n                defaultAITranslateWidget = (0,_UI_Dialogs_MessagesView_AIWidgets_UseDefaultAITranslateWidget__WEBPACK_IMPORTED_MODULE_10__[\"default\"])(__assign(__assign({}, proxyConfig), { sessionToken: token, apiKey: apiKey }));\n            }\n        }\n    };\n    var getAIRephrase = function () {\n        if ((AIRephrase === null || AIRephrase === void 0 ? void 0 : AIRephrase.enabled) && !(AIRephrase === null || AIRephrase === void 0 ? void 0 : AIRephrase.default)) {\n            defaultAIEditMessageWidget = AIRephrase.AIWidget;\n        }\n        else if ((AIRephrase === null || AIRephrase === void 0 ? void 0 : AIRephrase.enabled) ||\n            QBConfig.configAIApi.AIRephraseWidgetConfig.useDefault) {\n            if (!QBConfig.configAIApi.AIRephraseWidgetConfig.useDefault ||\n                (AIRephrase && !(AIRephrase === null || AIRephrase === void 0 ? void 0 : AIRephrase.default))) {\n                defaultAIEditMessageWidget = undefined;\n            }\n            else {\n                var apiKey = QBConfig.configAIApi.AIRephraseWidgetConfig.apiKey;\n                var token = '';\n                if (apiKey) {\n                    token = apiKey;\n                }\n                else {\n                    token =\n                        QBConfig.configAIApi.AIRephraseWidgetConfig.proxyConfig\n                            .sessionToken ||\n                            sessionToken ||\n                            '';\n                }\n                var proxyConfig = QBConfig.configAIApi.AIRephraseWidgetConfig.proxyConfig ||\n                    _Data_DefaultConfigurations__WEBPACK_IMPORTED_MODULE_12__.DefaultConfigurations.getDefaultProxyConfig();\n                defaultAIEditMessageWidget = (0,_UI_Dialogs_MessagesView_AIWidgets_UseDefaultAIRephraseMessageWidget__WEBPACK_IMPORTED_MODULE_11__[\"default\"])(__assign(__assign({}, proxyConfig), { sessionToken: token, apiKey: apiKey }));\n            }\n        }\n    };\n    getAITranslate();\n    getAIRephrase();\n    getAIAssistAnswer();\n    var selectDialogActions = function (item) {\n        if (!dialogsViewModel.loading) {\n            setSelectedDialog(item);\n        }\n    };\n    // const subscribeToDialogEventsUseCase: SubscribeToDialogEventsUseCase =\n    //   new SubscribeToDialogEventsUseCase(eventMessaging, 'TestStage');\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    // const dialogsEventHandler = (dialogInfo: DialogEventInfo) => {\n    //   console.log('call dialogsEventHandler in QuickBloxUIKitDesktopLayout');\n    //   if (dialogInfo.eventMessageType === EventMessageType.SystemMessage) {\n    //     switch (dialogInfo.notificationTypes) {\n    //       case NotificationTypes.DELETE_LEAVE_DIALOG: {\n    //         if (\n    //           dialogInfo.messageInfo &&\n    //           dialogInfo.messageInfo.sender_id === userId\n    //         ) {\n    //           setSelectedDialog(undefined);\n    //         }\n    //\n    //         break;\n    //       }\n    //       default: {\n    //         const pagination: Pagination = new Pagination();\n    //\n    //         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            //\n            // subscribeToDialogEventsUseCase\n            //   .execute(dialogsEventHandler)\n            //   .catch((reason) => {\n            //     console.log(stringifyError(reason));\n            //   });\n            // //\n            // console.log('subscribe is completed, go');\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 && selectedDialog.entity) {\n            dialogsViewModel.entity = selectedDialog.entity;\n        }\n    }, [selectedDialog]);\n    (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n        var _a;\n        console.log(\"Clear selected dialog: \".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 (!dialogsViewModel.entity) {\n            setSelectedDialog(undefined);\n        }\n    }, [dialogsViewModel.entity]);\n    var _k = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(true), needDialogInformation = _k[0], setNeedDialogInformation = _k[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\"], { theme: theme, dialogsView: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Views_Dialogs_Dialogs__WEBPACK_IMPORTED_MODULE_3__[\"default\"]\n        // subHeaderContent={<CompanyLogo />}\n        // upHeaderContent={<CompanyLogo />}\n        , { \n            // subHeaderContent={<CompanyLogo />}\n            // upHeaderContent={<CompanyLogo />}\n            dialogsViewModel: dialogsViewModel, onDialogSelectHandler: selectDialogActions, additionalSettings: {\n                withoutHeader: false,\n                themeHeader: theme,\n                themePreview: theme,\n                useSubHeader: false,\n                useUpHeader: false,\n            } }), dialogMessagesView: selectedDialog && selectedDialog.entity && dialogsViewModel.entity ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_UI_Dialogs_MessagesView_MessagesView__WEBPACK_IMPORTED_MODULE_6__[\"default\"]\n        // subHeaderContent={<CompanyLogo />}\n        // upHeaderContent={<CompanyLogo />}\n        , { \n            // subHeaderContent={<CompanyLogo />}\n            // upHeaderContent={<CompanyLogo />}\n            dialogsViewModel: dialogsViewModel, onDialogInformationHandler: informationOpenHandler, maxWidthToResize: selectedDialog && needDialogInformation ? undefined : '1040px', AIRephrase: defaultAIEditMessageWidget, AITranslate: defaultAITranslateWidget, AIAssist: defaultAIAnswerToMessageWidget, theme: theme }) // 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\"]\n            // subHeaderContent={<CompanyLogo />}\n            // upHeaderContent={<CompanyLogo />}\n            , { \n                // subHeaderContent={<CompanyLogo />}\n                // upHeaderContent={<CompanyLogo />}\n                dialog: selectedDialog.entity, dialogViewModel: dialogsViewModel, onCloseDialogInformationHandler: 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?");
 
 /***/ }),
 
@@ -2423,7 +2742,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 */   \"qbDataContext\": function() { return /* binding */ qbDataContext; }\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 _ModalContextProvider_ModalContextProvider__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../ModalContextProvider/ModalContextProvider */ \"./src/Presentation/components/providers/ModalContextProvider/ModalContextProvider.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 _Data_source_remote_RemoteDataSource__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../Data/source/remote/RemoteDataSource */ \"./src/Data/source/remote/RemoteDataSource.ts\");\n/* harmony import */ var _Data_repository_DialogsRepository__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../Data/repository/DialogsRepository */ \"./src/Data/repository/DialogsRepository.ts\");\n/* harmony import */ var _Domain_use_cases_SyncDialogsUseCase__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../Domain/use_cases/SyncDialogsUseCase */ \"./src/Domain/use_cases/SyncDialogsUseCase.ts\");\n/* harmony import */ var _QBconfig__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../QBconfig */ \"./src/QBconfig.ts\");\n/* harmony import */ var _Data_repository_ConnectionRepository__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../Data/repository/ConnectionRepository */ \"./src/Data/repository/ConnectionRepository.ts\");\n/* harmony import */ var _Data_repository_EventMessagesRepository__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../../Data/repository/EventMessagesRepository */ \"./src/Data/repository/EventMessagesRepository.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 _this = undefined;\n\n\n\n\n\n\n\n\n\n\n// import packageInfo from '../../../../../package.json';\nvar initialValues = {\n    LOCAL_DATA_SOURCE: new _Data_source_local_LocalDataSource__WEBPACK_IMPORTED_MODULE_3__.LocalDataSource(),\n    REMOTE_DATA_SOURCE: new _Data_source_remote_RemoteDataSource__WEBPACK_IMPORTED_MODULE_4__.RemoteDataSource(),\n    CONNECTION_REPOSITORY: new _Data_repository_ConnectionRepository__WEBPACK_IMPORTED_MODULE_8__[\"default\"](),\n};\nvar initialEvent = {\n    EVENT_MESSAGE_REPOSITORY: new _Data_repository_EventMessagesRepository__WEBPACK_IMPORTED_MODULE_9__[\"default\"](initialValues.REMOTE_DATA_SOURCE, initialValues.LOCAL_DATA_SOURCE, initialValues.CONNECTION_REPOSITORY),\n};\nvar initialSync = {\n    SYNC_DIALOGS_USE_CASE: new _Domain_use_cases_SyncDialogsUseCase__WEBPACK_IMPORTED_MODULE_6__.SyncDialogsUseCase(new _Data_repository_DialogsRepository__WEBPACK_IMPORTED_MODULE_5__[\"default\"](initialValues.LOCAL_DATA_SOURCE, initialValues.REMOTE_DATA_SOURCE), initialValues.CONNECTION_REPOSITORY, initialEvent.EVENT_MESSAGE_REPOSITORY),\n};\nvar initDataContext = {\n    // authProcessed: false,\n    storage: {\n        LOCAL_DATA_SOURCE: initialValues.LOCAL_DATA_SOURCE,\n        REMOTE_DATA_SOURCE: initialValues.REMOTE_DATA_SOURCE,\n        CONNECTION_REPOSITORY: initialValues.CONNECTION_REPOSITORY,\n        EVENT_MESSAGE_REPOSITORY: initialEvent.EVENT_MESSAGE_REPOSITORY,\n        SYNC_DIALOGS_USE_CASE: initialSync.SYNC_DIALOGS_USE_CASE,\n        // SYNC_DIALOGS_USE_CASE: new SyncDialogsUseCase(\n        //   new DialogsRepository(\n        //     initialValues.LOCAL_DATA_SOURCE,\n        //     initialValues.REMOTE_DATA_SOURCE,\n        //   ),\n        //   initialValues.CONNECTION_REPOSITORY,\n        //   initialEvent.EVENT_MESSAGE_REPOSITORY,\n        // ),\n    },\n    InitParams: {\n        accountData: _QBconfig__WEBPACK_IMPORTED_MODULE_7__.QBConfig.credentials,\n        maxFileSize: _QBconfig__WEBPACK_IMPORTED_MODULE_7__.QBConfig.appConfig.maxFileSize,\n    },\n    updateQBInitParams: function (InitParams) {\n        // eslint-disable-next-line @typescript-eslint/restrict-template-expressions\n        console.log(\"call function updateQBInitParams with param \".concat(JSON.stringify(InitParams)));\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        _this.InitParams = InitParams;\n    },\n    updateStorage: function (storage) {\n        // eslint-disable-next-line @typescript-eslint/restrict-template-expressions\n        console.log(\"empty function with param \".concat(storage));\n    },\n    release: function () {\n        console.log(\"function release start\");\n        // eslint-disable-next-line @typescript-eslint/no-unsafe-call,@typescript-eslint/no-unsafe-member-access,@typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        // eslint-disable-next-line @typescript-eslint/no-unsafe-call\n        initialSync.SYNC_DIALOGS_USE_CASE.release();\n        // eslint-disable-next-line @typescript-eslint/no-unsafe-call,@typescript-eslint/no-unsafe-member-access,@typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        // eslint-disable-next-line @typescript-eslint/no-unsafe-call\n        initialValues.CONNECTION_REPOSITORY.stopKeepAlive();\n        // eslint-disable-next-line @typescript-eslint/no-unsafe-call,@typescript-eslint/no-unsafe-member-access,@typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        // eslint-disable-next-line @typescript-eslint/no-unsafe-call\n        initialValues.REMOTE_DATA_SOURCE.disconnectAndLogoutUser().catch();\n        // eslint-disable-next-line @typescript-eslint/no-unsafe-call,@typescript-eslint/no-unsafe-member-access,@typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        // eslint-disable-next-line @typescript-eslint/no-unsafe-call\n        initialValues.LOCAL_DATA_SOURCE.clearAll().catch();\n        console.log(\"function release end\");\n    },\n    authorize: function (authorizationData) { return __awaiter(void 0, void 0, void 0, function () {\n        return __generator(this, function (_a) {\n            switch (_a.label) {\n                case 0:\n                    console.log('UI Kit authorize');\n                    initialValues.REMOTE_DATA_SOURCE.authInformation = authorizationData;\n                    initialValues.REMOTE_DATA_SOURCE.setAuthProcessedSuccessed();\n                    //\n                    initialValues.REMOTE_DATA_SOURCE.initEventsHandlers();\n                    //\n                    console.log('UI Kit authorize event handler has initialized');\n                    //\n                    return [4 /*yield*/, initialValues.CONNECTION_REPOSITORY.initializeStates()];\n                case 1:\n                    //\n                    _a.sent();\n                    if (!initialValues.CONNECTION_REPOSITORY.needInit) {\n                        initialValues.CONNECTION_REPOSITORY.keepALiveChatConnection();\n                    }\n                    return [4 /*yield*/, initialSync.SYNC_DIALOGS_USE_CASE.execute(function () {\n                            console.log('sync dialogs has started');\n                        }).catch(function () {\n                            console.log('sync dialogs has exception');\n                        })];\n                case 2:\n                    _a.sent();\n                    //\n                    console.log(\"function authorize end\");\n                    return [2 /*return*/];\n            }\n        });\n    }); },\n    setSubscribeOnSessionExpiredListener: function (callback) {\n        initialValues.REMOTE_DATA_SOURCE.subscribeOnSessionExpiredListener(callback);\n    },\n};\nvar qbDataContext = react__WEBPACK_IMPORTED_MODULE_1___default().createContext(initDataContext);\nvar Provider = qbDataContext.Provider;\nfunction QuickBloxUIKitProvider(_a) {\n    var children = _a.children, \n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    accountData = _a.accountData, \n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    qbConfig = _a.qbConfig, \n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    loginData = _a.loginData, \n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    maxFileSize = _a.maxFileSize;\n    console.log('QuickBloxUIKitProvider with account data: ', JSON.stringify(accountData));\n    console.log('QuickBloxUIKitProvider with login data: ', JSON.stringify(loginData));\n    var initStorageState = {\n        LOCAL_DATA_SOURCE: initialValues.LOCAL_DATA_SOURCE,\n        REMOTE_DATA_SOURCE: initialValues.REMOTE_DATA_SOURCE,\n        CONNECTION_REPOSITORY: initialValues.CONNECTION_REPOSITORY,\n        EVENT_MESSAGE_REPOSITORY: initialEvent.EVENT_MESSAGE_REPOSITORY,\n        SYNC_DIALOGS_USE_CASE: initialSync.SYNC_DIALOGS_USE_CASE,\n        // SYNC_DIALOGS_USE_CASE: new SyncDialogsUseCase(\n        //   new DialogsRepository(\n        //     initialValues.LOCAL_DATA_SOURCE,\n        //     initialValues.REMOTE_DATA_SOURCE,\n        //   ),\n        //   initialValues.CONNECTION_REPOSITORY,\n        //   initialEvent.EVENT_MESSAGE_REPOSITORY,\n        // ),\n    };\n    console.log('QuickBloxUIKitProvider with storage init data: ', JSON.stringify(initStorageState));\n    var _b = react__WEBPACK_IMPORTED_MODULE_1___default().useState(initStorageState), storage = _b[0], setStorage = _b[1];\n    console.log('have storage useState completed');\n    var updateStorage = function (dataStorage) {\n        // eslint-disable-next-line @typescript-eslint/restrict-template-expressions\n        setStorage(dataStorage);\n    };\n    // todo: must use accountData if we haves\n    var _c = react__WEBPACK_IMPORTED_MODULE_1___default().useState({\n        accountData: {\n            appId: accountData.appId,\n            accountKey: accountData.accountKey,\n            authKey: accountData.authKey,\n            authSecret: accountData.authSecret,\n            sessionToken: accountData.sessionToken,\n        },\n        loginData: {\n            login: (loginData === null || loginData === void 0 ? void 0 : loginData.login) || '',\n            password: (loginData === null || loginData === void 0 ? void 0 : loginData.password) || '',\n        },\n        maxFileSize: maxFileSize,\n    }), InitParams = _c[0], setInitParams = _c[1];\n    console.log('have InitParams useState completed');\n    var updateQBInitParams = function (initParams) {\n        console.log(\"log updateQBInitParams \".concat(JSON.stringify(initParams)));\n        setInitParams(initParams);\n    };\n    var release = function () {\n        console.log(\"function release start\");\n        // eslint-disable-next-line @typescript-eslint/no-unsafe-call,@typescript-eslint/no-unsafe-member-access,@typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        // eslint-disable-next-line @typescript-eslint/no-unsafe-call\n        initialSync.SYNC_DIALOGS_USE_CASE.release();\n        // eslint-disable-next-line @typescript-eslint/no-unsafe-call,@typescript-eslint/no-unsafe-member-access,@typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        // eslint-disable-next-line @typescript-eslint/no-unsafe-call\n        initialValues.CONNECTION_REPOSITORY.stopKeepAlive();\n        // eslint-disable-next-line @typescript-eslint/no-unsafe-call,@typescript-eslint/no-unsafe-member-access,@typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        // eslint-disable-next-line @typescript-eslint/no-unsafe-call\n        initialValues.REMOTE_DATA_SOURCE.disconnectAndLogoutUser().catch();\n        // eslint-disable-next-line @typescript-eslint/no-unsafe-call,@typescript-eslint/no-unsafe-member-access,@typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        // eslint-disable-next-line @typescript-eslint/no-unsafe-call\n        initialValues.LOCAL_DATA_SOURCE.clearAll().catch();\n        console.log(\"function release end\");\n    };\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-ignore\n    var authorize = function (authorizationData) {\n        initialValues.REMOTE_DATA_SOURCE.authInformation = authorizationData;\n        initialValues.REMOTE_DATA_SOURCE.setAuthProcessedSuccessed();\n    };\n    var setSubscribeOnSessionExpiredListener = function (callback) {\n        initialValues.REMOTE_DATA_SOURCE.subscribeOnSessionExpiredListener(callback);\n    };\n    // todo: temporary off, must turn on\n    // todo: cause of recycle v1\n    // storage.CONNECTION_REPOSITORY.keepALiveChatConnection();\n    // todo: temporary off, must turn on\n    // eslint-disable-next-line @typescript-eslint/no-empty-function\n    // storage.SYNC_DIALOGS_USE_CASE.execute(() => {});\n    // todo: MUST use sessionToken or login/pass to re-init\n    // const remoteDataSourceMock: RemoteDataSource =\n    //   storage.REMOTE_DATA_SOURCE as RemoteDataSource;\n    // // remoteDataSourceMock\n    //   .initSDK({\n    //     appIdOrToken: QBInitParams.accountData.appId,\n    //     authKeyOrAppId: QBInitParams.accountData.authKey,\n    //     authSecret: QBInitParams.accountData.authSecret,\n    //     accountKey: QBInitParams.accountData.accountKey,\n    //   })\n    //   .catch(() => {\n    //     console.log('EXCEPTION remoteDataSourceMock.initSDK');\n    //   });\n    // console.log('!!!-3-after initSDK');\n    // // todo: temporary off, must turn on and reorganize code rows\n    // storage.CONNECTION_REPOSITORY.initializeStates();\n    // // todo: must delete it\n    // remoteDataSourceMock.setUpMockStorage();\n    // // START SYNC MOCK\n    // storage.SYNC_DIALOGS_USE_CASE.execute(() => {\n    //   console.log('SYNC_DIALOGS_USE_CASE_MOCK.execute');\n    // }).catch(() => {\n    //   console.log('EXCEPTION SYNC_DIALOGS_USE_CASE_MOCK.execute');\n    // });\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    // const [authProcessed, setAuthProcessed] = React.useState(false);\n    // const updateAuthProcessedStatus = (status: boolean) => {\n    //   console.log('updateAuthProcessedStatus, set ', status);\n    //   setAuthProcessed(status);\n    // };\n    return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(Provider, __assign({ value: {\n            InitParams: InitParams,\n            updateQBInitParams: updateQBInitParams,\n            // authProcessed,\n            release: release,\n            authorize: authorize,\n            setSubscribeOnSessionExpiredListener: setSubscribeOnSessionExpiredListener,\n            storage: storage,\n            updateStorage: updateStorage,\n        } }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ModalContextProvider_ModalContextProvider__WEBPACK_IMPORTED_MODULE_2__[\"default\"], { children: children }) })));\n}\n/* harmony default export */ __webpack_exports__[\"default\"] = (QuickBloxUIKitProvider);\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/Presentation/components/providers/QuickBloxUIKitProvider/QuickBloxUIKitProvider.tsx?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"qbDataContext\": function() { return /* binding */ qbDataContext; }\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 _ModalContextProvider_ModalContextProvider__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../ModalContextProvider/ModalContextProvider */ \"./src/Presentation/components/providers/ModalContextProvider/ModalContextProvider.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 _Data_source_remote_RemoteDataSource__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../Data/source/remote/RemoteDataSource */ \"./src/Data/source/remote/RemoteDataSource.ts\");\n/* harmony import */ var _Data_repository_DialogsRepository__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../Data/repository/DialogsRepository */ \"./src/Data/repository/DialogsRepository.ts\");\n/* harmony import */ var _Domain_use_cases_SyncDialogsUseCase__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../Domain/use_cases/SyncDialogsUseCase */ \"./src/Domain/use_cases/SyncDialogsUseCase.ts\");\n/* harmony import */ var _Data_repository_ConnectionRepository__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../Data/repository/ConnectionRepository */ \"./src/Data/repository/ConnectionRepository.ts\");\n/* harmony import */ var _Data_repository_EventMessagesRepository__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../Data/repository/EventMessagesRepository */ \"./src/Data/repository/EventMessagesRepository.ts\");\n/* harmony import */ var _Data_DefaultConfigurations__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../../Data/DefaultConfigurations */ \"./src/Data/DefaultConfigurations.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 _this = undefined;\n\n\n\n\n\n\n\n\n\n\nvar initialValues = {\n    LOCAL_DATA_SOURCE: new _Data_source_local_LocalDataSource__WEBPACK_IMPORTED_MODULE_3__.LocalDataSource(),\n    REMOTE_DATA_SOURCE: new _Data_source_remote_RemoteDataSource__WEBPACK_IMPORTED_MODULE_4__.RemoteDataSource(),\n    CONNECTION_REPOSITORY: new _Data_repository_ConnectionRepository__WEBPACK_IMPORTED_MODULE_7__[\"default\"](),\n};\nvar initialEvent = {\n    EVENT_MESSAGE_REPOSITORY: new _Data_repository_EventMessagesRepository__WEBPACK_IMPORTED_MODULE_8__[\"default\"](initialValues.REMOTE_DATA_SOURCE, initialValues.LOCAL_DATA_SOURCE, initialValues.CONNECTION_REPOSITORY),\n};\nvar initialSync = {\n    SYNC_DIALOGS_USE_CASE: new _Domain_use_cases_SyncDialogsUseCase__WEBPACK_IMPORTED_MODULE_6__.SyncDialogsUseCase(new _Data_repository_DialogsRepository__WEBPACK_IMPORTED_MODULE_5__[\"default\"](initialValues.LOCAL_DATA_SOURCE, initialValues.REMOTE_DATA_SOURCE), initialValues.CONNECTION_REPOSITORY, initialEvent.EVENT_MESSAGE_REPOSITORY),\n};\nvar initDataContext = {\n    // authProcessed: false,\n    storage: {\n        LOCAL_DATA_SOURCE: initialValues.LOCAL_DATA_SOURCE,\n        REMOTE_DATA_SOURCE: initialValues.REMOTE_DATA_SOURCE,\n        CONNECTION_REPOSITORY: initialValues.CONNECTION_REPOSITORY,\n        EVENT_MESSAGE_REPOSITORY: initialEvent.EVENT_MESSAGE_REPOSITORY,\n        SYNC_DIALOGS_USE_CASE: initialSync.SYNC_DIALOGS_USE_CASE,\n        // SYNC_DIALOGS_USE_CASE: new SyncDialogsUseCase(\n        //   new DialogsRepository(\n        //     initialValues.LOCAL_DATA_SOURCE,\n        //     initialValues.REMOTE_DATA_SOURCE,\n        //   ),\n        //   initialValues.CONNECTION_REPOSITORY,\n        //   initialEvent.EVENT_MESSAGE_REPOSITORY,\n        // ),\n    },\n    InitParams: {\n        accountData: _Data_DefaultConfigurations__WEBPACK_IMPORTED_MODULE_9__.DefaultConfigurations.getDefaultQBConfig().credentials,\n        maxFileSize: _Data_DefaultConfigurations__WEBPACK_IMPORTED_MODULE_9__.DefaultConfigurations.getDefaultQBConfig().appConfig.maxFileSize,\n        qbConfig: _Data_DefaultConfigurations__WEBPACK_IMPORTED_MODULE_9__.DefaultConfigurations.getDefaultQBConfig(),\n    },\n    updateQBInitParams: function (InitParams) {\n        // eslint-disable-next-line @typescript-eslint/restrict-template-expressions\n        console.log(\"call function updateQBInitParams with param \".concat(JSON.stringify(InitParams)));\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        _this.InitParams = InitParams;\n    },\n    updateStorage: function (storage) {\n        // eslint-disable-next-line @typescript-eslint/restrict-template-expressions\n        console.log(\"empty function with param \".concat(storage));\n    },\n    release: function () {\n        console.log(\"function release start\");\n        // eslint-disable-next-line @typescript-eslint/no-unsafe-call,@typescript-eslint/no-unsafe-member-access,@typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        // eslint-disable-next-line @typescript-eslint/no-unsafe-call\n        initialSync.SYNC_DIALOGS_USE_CASE.release();\n        // eslint-disable-next-line @typescript-eslint/no-unsafe-call,@typescript-eslint/no-unsafe-member-access,@typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        // eslint-disable-next-line @typescript-eslint/no-unsafe-call\n        initialValues.CONNECTION_REPOSITORY.stopKeepAlive();\n        // eslint-disable-next-line @typescript-eslint/no-unsafe-call,@typescript-eslint/no-unsafe-member-access,@typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        // eslint-disable-next-line @typescript-eslint/no-unsafe-call\n        initialValues.REMOTE_DATA_SOURCE.disconnectAndLogoutUser().catch();\n        // eslint-disable-next-line @typescript-eslint/no-unsafe-call,@typescript-eslint/no-unsafe-member-access,@typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        // eslint-disable-next-line @typescript-eslint/no-unsafe-call\n        initialValues.LOCAL_DATA_SOURCE.clearAll().catch();\n        console.log(\"function release end\");\n    },\n    authorize: function (authorizationData) { return __awaiter(void 0, void 0, void 0, function () {\n        return __generator(this, function (_a) {\n            switch (_a.label) {\n                case 0:\n                    console.log('UI Kit authorize');\n                    initialValues.REMOTE_DATA_SOURCE.authInformation = authorizationData;\n                    initialValues.REMOTE_DATA_SOURCE.setAuthProcessedSuccessed();\n                    //\n                    initialValues.REMOTE_DATA_SOURCE.initEventsHandlers();\n                    //\n                    console.log('UI Kit authorize event handler has initialized');\n                    //\n                    return [4 /*yield*/, initialValues.CONNECTION_REPOSITORY.initializeStates()];\n                case 1:\n                    //\n                    _a.sent();\n                    if (!initialValues.CONNECTION_REPOSITORY.needInit) {\n                        initialValues.CONNECTION_REPOSITORY.keepALiveChatConnection();\n                    }\n                    return [4 /*yield*/, initialSync.SYNC_DIALOGS_USE_CASE.execute(function () {\n                            console.log('sync dialogs has started');\n                        }).catch(function () {\n                            console.log('sync dialogs has exception');\n                        })];\n                case 2:\n                    _a.sent();\n                    //\n                    console.log(\"function authorize end\");\n                    return [2 /*return*/];\n            }\n        });\n    }); },\n    setSubscribeOnSessionExpiredListener: function (callback) {\n        initialValues.REMOTE_DATA_SOURCE.subscribeOnSessionExpiredListener(callback);\n    },\n};\nvar qbDataContext = react__WEBPACK_IMPORTED_MODULE_1___default().createContext(initDataContext);\nvar Provider = qbDataContext.Provider;\nfunction QuickBloxUIKitProvider(_a) {\n    var children = _a.children, \n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    accountData = _a.accountData, \n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    qbConfig = _a.qbConfig, \n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    loginData = _a.loginData, \n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    maxFileSize = _a.maxFileSize;\n    console.log('QuickBloxUIKitProvider with account data: ', JSON.stringify(accountData));\n    console.log('QuickBloxUIKitProvider with login data: ', JSON.stringify(loginData));\n    var initStorageState = {\n        LOCAL_DATA_SOURCE: initialValues.LOCAL_DATA_SOURCE,\n        REMOTE_DATA_SOURCE: initialValues.REMOTE_DATA_SOURCE,\n        CONNECTION_REPOSITORY: initialValues.CONNECTION_REPOSITORY,\n        EVENT_MESSAGE_REPOSITORY: initialEvent.EVENT_MESSAGE_REPOSITORY,\n        SYNC_DIALOGS_USE_CASE: initialSync.SYNC_DIALOGS_USE_CASE,\n        // SYNC_DIALOGS_USE_CASE: new SyncDialogsUseCase(\n        //   new DialogsRepository(\n        //     initialValues.LOCAL_DATA_SOURCE,\n        //     initialValues.REMOTE_DATA_SOURCE,\n        //   ),\n        //   initialValues.CONNECTION_REPOSITORY,\n        //   initialEvent.EVENT_MESSAGE_REPOSITORY,\n        // ),\n    };\n    console.log('QuickBloxUIKitProvider with storage init data: ', JSON.stringify(initStorageState));\n    var _b = react__WEBPACK_IMPORTED_MODULE_1___default().useState(initStorageState), storage = _b[0], setStorage = _b[1];\n    console.log('have storage useState completed');\n    var updateStorage = function (dataStorage) {\n        // eslint-disable-next-line @typescript-eslint/restrict-template-expressions\n        setStorage(dataStorage);\n    };\n    // todo: must use accountData if we haves\n    var _c = react__WEBPACK_IMPORTED_MODULE_1___default().useState({\n        accountData: {\n            appId: accountData.appId,\n            accountKey: accountData.accountKey,\n            authKey: accountData.authKey,\n            authSecret: accountData.authSecret,\n            sessionToken: accountData.sessionToken,\n        },\n        loginData: {\n            login: (loginData === null || loginData === void 0 ? void 0 : loginData.login) || '',\n            password: (loginData === null || loginData === void 0 ? void 0 : loginData.password) || '',\n        },\n        maxFileSize: maxFileSize,\n        qbConfig: qbConfig,\n    }), InitParams = _c[0], setInitParams = _c[1];\n    console.log('have InitParams useState completed');\n    var updateQBInitParams = function (initParams) {\n        console.log(\"log updateQBInitParams \".concat(JSON.stringify(initParams)));\n        setInitParams(initParams);\n    };\n    var release = function () {\n        console.log(\"function release start\");\n        // eslint-disable-next-line @typescript-eslint/no-unsafe-call,@typescript-eslint/no-unsafe-member-access,@typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        // eslint-disable-next-line @typescript-eslint/no-unsafe-call\n        initialSync.SYNC_DIALOGS_USE_CASE.release();\n        // eslint-disable-next-line @typescript-eslint/no-unsafe-call,@typescript-eslint/no-unsafe-member-access,@typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        // eslint-disable-next-line @typescript-eslint/no-unsafe-call\n        initialValues.CONNECTION_REPOSITORY.stopKeepAlive();\n        // eslint-disable-next-line @typescript-eslint/no-unsafe-call,@typescript-eslint/no-unsafe-member-access,@typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        // eslint-disable-next-line @typescript-eslint/no-unsafe-call\n        initialValues.REMOTE_DATA_SOURCE.disconnectAndLogoutUser().catch();\n        // eslint-disable-next-line @typescript-eslint/no-unsafe-call,@typescript-eslint/no-unsafe-member-access,@typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        // eslint-disable-next-line @typescript-eslint/no-unsafe-call\n        initialValues.LOCAL_DATA_SOURCE.clearAll().catch();\n        console.log(\"function release end\");\n    };\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-ignore\n    var authorize = function (authorizationData) {\n        initialValues.REMOTE_DATA_SOURCE.authInformation = authorizationData;\n        initialValues.REMOTE_DATA_SOURCE.setAuthProcessedSuccessed();\n    };\n    var setSubscribeOnSessionExpiredListener = function (callback) {\n        initialValues.REMOTE_DATA_SOURCE.subscribeOnSessionExpiredListener(callback);\n    };\n    // todo: temporary off, must turn on\n    // todo: cause of recycle v1\n    // storage.CONNECTION_REPOSITORY.keepALiveChatConnection();\n    // todo: temporary off, must turn on\n    // eslint-disable-next-line @typescript-eslint/no-empty-function\n    // storage.SYNC_DIALOGS_USE_CASE.execute(() => {});\n    // todo: MUST use sessionToken or login/pass to re-init\n    // const remoteDataSourceMock: RemoteDataSource =\n    //   storage.REMOTE_DATA_SOURCE as RemoteDataSource;\n    // // remoteDataSourceMock\n    //   .initSDK({\n    //     appIdOrToken: QBInitParams.accountData.appId,\n    //     authKeyOrAppId: QBInitParams.accountData.authKey,\n    //     authSecret: QBInitParams.accountData.authSecret,\n    //     accountKey: QBInitParams.accountData.accountKey,\n    //   })\n    //   .catch(() => {\n    //     console.log('EXCEPTION remoteDataSourceMock.initSDK');\n    //   });\n    // console.log('!!!-3-after initSDK');\n    // // todo: temporary off, must turn on and reorganize code rows\n    // storage.CONNECTION_REPOSITORY.initializeStates();\n    // // todo: must delete it\n    // remoteDataSourceMock.setUpMockStorage();\n    // // START SYNC MOCK\n    // storage.SYNC_DIALOGS_USE_CASE.execute(() => {\n    //   console.log('SYNC_DIALOGS_USE_CASE_MOCK.execute');\n    // }).catch(() => {\n    //   console.log('EXCEPTION SYNC_DIALOGS_USE_CASE_MOCK.execute');\n    // });\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    // const [authProcessed, setAuthProcessed] = React.useState(false);\n    // const updateAuthProcessedStatus = (status: boolean) => {\n    //   console.log('updateAuthProcessedStatus, set ', status);\n    //   setAuthProcessed(status);\n    // };\n    return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(Provider, __assign({ value: {\n            InitParams: InitParams,\n            updateQBInitParams: updateQBInitParams,\n            // authProcessed,\n            release: release,\n            authorize: authorize,\n            setSubscribeOnSessionExpiredListener: setSubscribeOnSessionExpiredListener,\n            storage: storage,\n            updateStorage: updateStorage,\n        } }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ModalContextProvider_ModalContextProvider__WEBPACK_IMPORTED_MODULE_2__[\"default\"], { children: children }) })));\n}\n/* harmony default export */ __webpack_exports__[\"default\"] = (QuickBloxUIKitProvider);\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/Presentation/components/providers/QuickBloxUIKitProvider/QuickBloxUIKitProvider.tsx?");
 
 /***/ }),
 
@@ -2478,7 +2797,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};\nvar QBConfig = {\n    credentials: {\n        appId: -1,\n        accountKey: '',\n        authKey: '',\n        authSecret: '',\n        sessionToken: '',\n    },\n    configAIApi: {\n        AIAnswerAssistWidgetConfig: {\n            apiKey: '',\n            useDefault: true,\n            proxyConfig: {\n                api: 'v1/chat/completions',\n                servername: 'https://api.openai.com/',\n                port: '',\n                sessionToken: '',\n            },\n        },\n    },\n    appConfig: {\n        maxFileSize: 10 * 1024 * 1024,\n        sessionTimeOut: 122,\n        chatProtocol: {\n            active: 2,\n        },\n        debug: true,\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                        console.log(\n                        // eslint-disable-next-line @typescript-eslint/restrict-template-expressions\n                        \"QBconfig sessionExpired handle: \".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    configAIApi: {\n        AIAnswerAssistWidgetConfig: {\n            apiKey: '',\n            useDefault: true,\n            proxyConfig: {\n                api: 'v1/chat/completions',\n                servername: 'http://localhost',\n                port: '3011',\n                sessionToken: '',\n            },\n        },\n        AITranslateWidgetConfig: {\n            apiKey: '',\n            useDefault: true,\n            defaultLanguage: 'English',\n            languages: [\n                'English',\n                'Spanish',\n                'French',\n                'Portuguese',\n                'German',\n                'Ukrainian',\n            ],\n            proxyConfig: {\n                api: 'v1/chat/completions',\n                servername: 'http://localhost',\n                port: '3011',\n                sessionToken: '',\n            },\n        },\n        AIRephraseWidgetConfig: {\n            apiKey: '',\n            useDefault: true,\n            defaultTone: 'Professional',\n            proxyConfig: {\n                api: 'v1/chat/completions',\n                servername: 'http://localhost',\n                port: '3011',\n                sessionToken: '',\n            },\n        },\n    },\n    appConfig: {\n        maxFileSize: 10 * 1024 * 1024,\n        sessionTimeOut: 122,\n        chatProtocol: {\n            active: 2,\n        },\n        debug: true,\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                        console.log(\n                        // eslint-disable-next-line @typescript-eslint/restrict-template-expressions\n                        \"QBconfig sessionExpired handle: \".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?");
 
 /***/ }),
 
@@ -2489,7 +2808,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_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 */   \"useQbInitializedDataContext\": function() { return /* reexport safe */ _Presentation_components_providers_QuickBloxUIKitProvider_useQbInitializedDataContext__WEBPACK_IMPORTED_MODULE_5__[\"default\"]; },\n/* harmony export */   \"useQbUIKitDataContext\": function() { return /* reexport safe */ _Presentation_components_providers_QuickBloxUIKitProvider_useQbUIKitDataContext__WEBPACK_IMPORTED_MODULE_21__[\"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_useQbInitializedDataContext__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./Presentation/components/providers/QuickBloxUIKitProvider/useQbInitializedDataContext */ \"./src/Presentation/components/providers/QuickBloxUIKitProvider/useQbInitializedDataContext.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/* harmony import */ var _Presentation_components_providers_QuickBloxUIKitProvider_useQbUIKitDataContext__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./Presentation/components/providers/QuickBloxUIKitProvider/useQbUIKitDataContext */ \"./src/Presentation/components/providers/QuickBloxUIKitProvider/useQbUIKitDataContext.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\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 */   \"AISource\": function() { return /* reexport safe */ _Data_source_AISource__WEBPACK_IMPORTED_MODULE_22__.AISource; },\n/* harmony export */   \"AIWidgetIcon\": function() { return /* reexport safe */ _Presentation_components_UI_svgs_Icons_AIWidgets_AIWidget__WEBPACK_IMPORTED_MODULE_23__[\"default\"]; },\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 */   \"ErrorMessageIcon\": function() { return /* reexport safe */ _Presentation_components_UI_Dialogs_MessagesView_AIWidgets_ErrorMessageIcon__WEBPACK_IMPORTED_MODULE_24__[\"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 */   \"useQbInitializedDataContext\": function() { return /* reexport safe */ _Presentation_components_providers_QuickBloxUIKitProvider_useQbInitializedDataContext__WEBPACK_IMPORTED_MODULE_5__[\"default\"]; },\n/* harmony export */   \"useQbUIKitDataContext\": function() { return /* reexport safe */ _Presentation_components_providers_QuickBloxUIKitProvider_useQbUIKitDataContext__WEBPACK_IMPORTED_MODULE_21__[\"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_useQbInitializedDataContext__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./Presentation/components/providers/QuickBloxUIKitProvider/useQbInitializedDataContext */ \"./src/Presentation/components/providers/QuickBloxUIKitProvider/useQbInitializedDataContext.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/* harmony import */ var _Presentation_components_providers_QuickBloxUIKitProvider_useQbUIKitDataContext__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./Presentation/components/providers/QuickBloxUIKitProvider/useQbUIKitDataContext */ \"./src/Presentation/components/providers/QuickBloxUIKitProvider/useQbUIKitDataContext.ts\");\n/* harmony import */ var _Data_source_AISource__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ./Data/source/AISource */ \"./src/Data/source/AISource.ts\");\n/* harmony import */ var _Presentation_components_UI_svgs_Icons_AIWidgets_AIWidget__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ./Presentation/components/UI/svgs/Icons/AIWidgets/AIWidget */ \"./src/Presentation/components/UI/svgs/Icons/AIWidgets/AIWidget/index.tsx\");\n/* harmony import */ var _Presentation_components_UI_Dialogs_MessagesView_AIWidgets_ErrorMessageIcon__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ./Presentation/components/UI/Dialogs/MessagesView/AIWidgets/ErrorMessageIcon */ \"./src/Presentation/components/UI/Dialogs/MessagesView/AIWidgets/ErrorMessageIcon.tsx\");\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//# sourceURL=webpack://quickblox-react-ui-kit/./src/index-ui.ts?");
 
 /***/ }),