quickblox-react-ui-kit 0.1.2 → 0.1.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (13) hide show
  1. package/dist/Presentation/Views/Base/BaseViewModel.d.ts +1 -0
  2. package/dist/Presentation/Views/Dialogs/DialogViewModel.d.ts +2 -1
  3. package/dist/Presentation/assets/DefaultThemes/CustomTheme.d.ts +21 -0
  4. package/dist/Presentation/components/UI/Dialogs/DialogInformation/DialogInformation.d.ts +2 -0
  5. package/dist/Presentation/components/UI/Dialogs/MessagesView/MessagesView.d.ts +2 -2
  6. package/dist/Presentation/components/UI/Dialogs/MessagesView/VoiceRecordingProgress/VoiceRecordingProgress.d.ts +1 -0
  7. package/dist/Presentation/components/layouts/Desktop/DesktopLayout.d.ts +3 -1
  8. package/dist/QBconfig.d.ts +2 -4
  9. package/dist/index-ui.d.ts +1 -1
  10. package/dist/index-ui.js +24 -24
  11. package/package.json +1 -1
  12. package/dist/Presentation/assets/ DefaultThemes/CustomTheme.d.ts +0 -6
  13. /package/dist/Presentation/assets/{ DefaultThemes → DefaultThemes}/DefaultTheme.d.ts +0 -0
package/dist/index-ui.js CHANGED
@@ -36,7 +36,7 @@ eval("var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!\n\tCop
36
36
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
37
37
 
38
38
  "use strict";
39
- 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, \".scroll-box {\\n max-height: 736px !important;\\n overflow: auto;\\n}\\n.scroll-box::-webkit-scrollbar {\\n width: 0px;\\n background: transparent;\\n}\\n.scroll-box::-webkit-scrollbar-thumb {\\n background: transparent;\\n}\\n.scroll-box.scroll-box.border {\\n padding-bottom: 12px;\\n margin-bottom: 23px;\\n border-bottom: 2px solid rgba(44, 128, 226, 0.08);\\n}\\n\\n.scroll-dialogs-container {\\n flex: 1 1 200px;\\n width: 100%;\\n max-height: 200px;\\n display: flex;\\n flex-flow: column nowrap;\\n justify-content: flex-end;\\n}\\n\\n.search-dialog-name-input {\\n margin: 16px;\\n box-sizing: border-box;\\n display: flex;\\n flex-direction: row;\\n justify-content: flex-start;\\n align-items: center;\\n text-align: center;\\n padding: 8px;\\n width: 288px;\\n height: 44px;\\n border: 1px solid #90979F;\\n border-radius: 4px;\\n background-color: var(--main-background);\\n color: var(--secondary-text);\\n}\\n.search-dialog-name-input input {\\n color: var(--secondary-text);\\n background-color: var(--main-background);\\n margin-left: 6px;\\n margin-right: 6px;\\n font-family: \\\"Roboto\\\";\\n font-style: normal;\\n font-weight: 400;\\n font-size: 16px;\\n line-height: 24px;\\n display: flex;\\n align-items: center;\\n letter-spacing: 0.15px;\\n}\", \"\"]);\n// Exports\n/* harmony default export */ __webpack_exports__[\"default\"] = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/Presentation/Views/Dialogs/Dialogs.scss?./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js");
39
+ 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, \".scroll-box {\\n max-height: 736px !important;\\n overflow: hidden !important;\\n scrollbar-width: none !important;\\n}\\n.scroll-box::-webkit-scrollbar {\\n width: 0px;\\n background: transparent;\\n}\\n.scroll-box::-webkit-scrollbar-thumb {\\n width: 0px;\\n background: transparent;\\n}\\n.scroll-box.scroll-box.border {\\n padding-bottom: 12px;\\n margin-bottom: 23px;\\n border-bottom: 2px solid rgba(44, 128, 226, 0.08);\\n}\\n\\n.scroll-box:hover {\\n overflow-y: auto !important;\\n overflow-x: hidden;\\n scrollbar-width: none !important;\\n}\\n\\n.scroll-dialogs-container {\\n flex: 1 1 200px;\\n width: 100%;\\n max-height: 200px;\\n display: flex;\\n flex-flow: column nowrap;\\n justify-content: flex-end;\\n}\\n\\n.search-dialog-name-input {\\n margin: 16px;\\n box-sizing: border-box;\\n display: flex;\\n flex-direction: row;\\n justify-content: flex-start;\\n align-items: center;\\n text-align: center;\\n padding: 8px;\\n width: 288px;\\n height: 44px;\\n border: 1px solid #90979F;\\n border-radius: 4px;\\n background-color: var(--main-background);\\n color: var(--secondary-text);\\n}\\n.search-dialog-name-input input {\\n color: var(--secondary-text);\\n background-color: var(--main-background);\\n margin-left: 6px;\\n margin-right: 6px;\\n font-family: \\\"Roboto\\\";\\n font-style: normal;\\n font-weight: 400;\\n font-size: 16px;\\n line-height: 24px;\\n display: flex;\\n align-items: center;\\n letter-spacing: 0.15px;\\n}\", \"\"]);\n// Exports\n/* harmony default export */ __webpack_exports__[\"default\"] = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/Presentation/Views/Dialogs/Dialogs.scss?./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js");
40
40
 
41
41
  /***/ }),
42
42
 
@@ -124,7 +124,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _nod
124
124
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
125
125
 
126
126
  "use strict";
127
- 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: #90979F;\\n --color-background-overlay: #0B121B;\\n --color-divider: #414E5B;\\n --color-font: #FFFFFF;\\n --color-icon: #3978FC;\\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(--color-font);\\n background-color: var(--main-background);\\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");
127
+ 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: #90979F;\\n --color-background-overlay: #0B121B;\\n --color-divider: #414E5B;\\n --color-font: #FFFFFF;\\n --color-icon: #3978FC;\\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");
128
128
 
129
129
  /***/ }),
130
130
 
@@ -245,7 +245,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _nod
245
245
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
246
246
 
247
247
  "use strict";
248
- 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: #90979F;\\n --color-background-overlay: #0B121B;\\n --color-divider: #414E5B;\\n --color-font: #FFFFFF;\\n --color-icon: #3978FC;\\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(--color-font);\\n background-color: var(--main-background);\\n}\\n\\n.preview-dialog-container {\\n height: 72px;\\n min-height: 72px;\\n min-width: 320px;\\n padding: 8px 16px;\\n border: 1px solid var(--color-divider);\\n}\\n.preview-dialog-container.preview-selected {\\n background-color: var(--color-divider);\\n}\\n.preview-dialog-container__text-title {\\n text-align: left;\\n max-width: 120px;\\n text-overflow: ellipsis;\\n white-space: nowrap;\\n overflow: hidden;\\n}\\n.preview-dialog-container__text {\\n position: relative;\\n font-size: 12px;\\n font-family: \\\"Roboto\\\";\\n color: var(--color-font);\\n width: 200px; /* Could be anything you like. */\\n}\\n.preview-dialog-container__text-left {\\n position: relative;\\n font-size: 12px;\\n font-family: \\\"Roboto\\\";\\n color: var(--color-font);\\n width: 180px; /* Could be anything you like. */\\n}\\n.preview-dialog-container__text-concat {\\n position: relative;\\n display: inline-block;\\n word-wrap: break-word;\\n overflow: hidden;\\n max-height: 24px; /* (Number of lines you want visible) * (line-height) */\\n line-height: 12px;\\n text-align: justify;\\n}\\n\\n.avatar-wrapper {\\n background: var(--caption);\\n width: 55px;\\n height: 55px;\\n border-radius: 50%;\\n display: flex;\\n align-items: center;\\n text-align: center;\\n margin: 0 auto;\\n}\\n.avatar-wrapper.public_avatar {\\n background: var(--color-background-modal);\\n}\\n.avatar-wrapper.icon_colors {\\n color: var(--color-icon);\\n background-color: var(--secondary-text);\\n}\\n\\n.badge-text-style {\\n align-items: center;\\n text-align: center;\\n margin: 0 auto;\\n padding-top: 2px;\\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/PreviewDialog/PreviewDialog.scss?./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js");
248
+ 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: #90979F;\\n --color-background-overlay: #0B121B;\\n --color-divider: #414E5B;\\n --color-font: #FFFFFF;\\n --color-icon: #3978FC;\\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.preview-dialog-container {\\n height: 72px;\\n min-height: 72px;\\n min-width: 320px;\\n padding: 8px 16px;\\n border: 1px solid var(--color-divider);\\n}\\n.preview-dialog-container.preview-selected {\\n background-color: var(--color-divider);\\n}\\n.preview-dialog-container__text-title {\\n text-align: left;\\n max-width: 120px;\\n text-overflow: ellipsis;\\n white-space: nowrap;\\n overflow: hidden;\\n}\\n.preview-dialog-container__text {\\n position: relative;\\n font-size: 12px;\\n font-family: \\\"Roboto\\\";\\n color: var(--color-font);\\n width: 200px; /* Could be anything you like. */\\n}\\n.preview-dialog-container__text-left {\\n position: relative;\\n font-size: 12px;\\n font-family: \\\"Roboto\\\";\\n color: var(--color-font);\\n width: 180px; /* Could be anything you like. */\\n}\\n.preview-dialog-container__text-concat {\\n position: relative;\\n display: inline-block;\\n word-wrap: break-word;\\n overflow: hidden;\\n max-height: 24px; /* (Number of lines you want visible) * (line-height) */\\n line-height: 12px;\\n text-align: justify;\\n}\\n\\n.avatar-wrapper {\\n background: var(--caption);\\n width: 55px;\\n height: 55px;\\n border-radius: 50%;\\n display: flex;\\n align-items: center;\\n text-align: center;\\n margin: 0 auto;\\n}\\n.avatar-wrapper.public_avatar {\\n background: var(--color-background-modal);\\n}\\n.avatar-wrapper.icon_colors {\\n color: var(--color-icon);\\n background-color: var(--secondary-text);\\n}\\n\\n.badge-text-style {\\n align-items: center;\\n text-align: center;\\n margin: 0 auto;\\n padding-top: 2px;\\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/PreviewDialog/PreviewDialog.scss?./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js");
249
249
 
250
250
  /***/ }),
251
251
 
@@ -355,7 +355,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _nod
355
355
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
356
356
 
357
357
  "use strict";
358
- 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, \".list {\\n display: flex;\\n flex-direction: column;\\n overflow: hidden;\\n position: relative;\\n width: 100%;\\n}\\n\\n.list .spinner {\\n display: block;\\n height: 16px;\\n left: 0;\\n position: absolute;\\n right: 0;\\n top: -16px;\\n transition: all 0.2s ease;\\n}\\n\\n.list .spinner.active {\\n top: 8px;\\n}\\n\\n.list .list-content {\\n flex: 1;\\n overflow-x: hidden;\\n overflow-y: auto;\\n width: 100%;\\n}\\n\\n.list ::-webkit-scrollbar {\\n width: 0px !important;\\n background: transparent;\\n}\\n.list ::-webkit-scrollbar-thumb {\\n background: transparent;\\n}\\n.list :hover {\\n overflow-y: scroll;\\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/containers/ScrollableContainer/ScrollableContainer.scss?./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js");
358
+ 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, \".list {\\n display: flex;\\n flex-direction: column;\\n overflow: hidden;\\n position: relative;\\n width: 100%;\\n}\\n\\n.list .spinner {\\n display: block;\\n height: 16px;\\n left: 0;\\n position: absolute;\\n right: 0;\\n top: -16px;\\n transition: all 0.2s ease;\\n}\\n\\n.list .spinner.active {\\n top: 8px;\\n}\\n\\n.list .list-content {\\n flex: 1;\\n overflow-x: hidden;\\n overflow-y: auto;\\n width: 100%;\\n}\\n\\n.list ::-webkit-scrollbar {\\n display: none;\\n width: 0px !important;\\n background: transparent;\\n}\\n.list ::-webkit-scrollbar-thumb {\\n background: transparent;\\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/containers/ScrollableContainer/ScrollableContainer.scss?./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js");
359
359
 
360
360
  /***/ }),
361
361
 
@@ -388,7 +388,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _nod
388
388
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
389
389
 
390
390
  "use strict";
391
- 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: #90979F;\\n --color-background-overlay: #0B121B;\\n --color-divider: #414E5B;\\n --color-font: #FFFFFF;\\n --color-icon: #3978FC;\\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(--color-font);\\n background-color: var(--main-background);\\n}\", \"\"]);\n// Exports\n/* harmony default export */ __webpack_exports__[\"default\"] = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/index.scss?./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js");
391
+ 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: #90979F;\\n --color-background-overlay: #0B121B;\\n --color-divider: #414E5B;\\n --color-font: #FFFFFF;\\n --color-icon: #3978FC;\\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// Exports\n/* harmony default export */ __webpack_exports__[\"default\"] = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/index.scss?./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js");
392
392
 
393
393
  /***/ }),
394
394
 
@@ -1279,7 +1279,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
1279
1279
  /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
1280
1280
 
1281
1281
  "use strict";
1282
- eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"RemoteDataSource\": function() { return /* binding */ RemoteDataSource; }\n/* harmony export */ });\n/* harmony import */ var _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../exception/RemoteDataSourceException */ \"./src/Data/source/exception/RemoteDataSourceException.ts\");\n/* harmony import */ var _dto_dialog_RemoteDialogsDTO__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../dto/dialog/RemoteDialogsDTO */ \"./src/Data/dto/dialog/RemoteDialogsDTO.ts\");\n/* harmony import */ var _dto_message_RemoteMessageDTO__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../dto/message/RemoteMessageDTO */ \"./src/Data/dto/message/RemoteMessageDTO.ts\");\n/* harmony import */ var _dto_user_RemoteUsersDTO__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../dto/user/RemoteUsersDTO */ \"./src/Data/dto/user/RemoteUsersDTO.ts\");\n/* harmony import */ var _dto_message_RemoteMessagesDTO__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../dto/message/RemoteMessagesDTO */ \"./src/Data/dto/message/RemoteMessagesDTO.ts\");\n/* harmony import */ var _Domain_repository_Pagination__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../Domain/repository/Pagination */ \"./src/Domain/repository/Pagination.ts\");\n/* harmony import */ var _Mapper_DialogDTOMapper__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./Mapper/DialogDTOMapper */ \"./src/Data/source/remote/Mapper/DialogDTOMapper.ts\");\n/* harmony import */ var _Stubs__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../Stubs */ \"./src/Data/Stubs.ts\");\n/* harmony import */ var _qb_api_calls__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../qb-api-calls */ \"./src/qb-api-calls/index.ts\");\n/* harmony import */ var _Mapper_UserDTOMapper__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./Mapper/UserDTOMapper */ \"./src/Data/source/remote/Mapper/UserDTOMapper.ts\");\n/* harmony import */ var _Mapper_MessageDTOMapper__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./Mapper/MessageDTOMapper */ \"./src/Data/source/remote/Mapper/MessageDTOMapper.ts\");\n/* harmony import */ var _mapper_DialogRemoteDTOMapper__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../mapper/DialogRemoteDTOMapper */ \"./src/Data/mapper/DialogRemoteDTOMapper.ts\");\n/* harmony import */ var _utils_parse__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../../utils/parse */ \"./src/utils/parse.ts\");\n/* harmony import */ var _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../../Domain/entity/DialogTypes */ \"./src/Domain/entity/DialogTypes.ts\");\n/* harmony import */ var _Domain_entity_NotificationTypes__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../../../Domain/entity/NotificationTypes */ \"./src/Domain/entity/NotificationTypes.ts\");\n/* harmony import */ var _Domain_entity_EventMessageType__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../../../Domain/entity/EventMessageType */ \"./src/Domain/entity/EventMessageType.ts\");\n/* harmony import */ var _Domain_use_cases_base_Subscribable_SubscriptionPerformer__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../../../Domain/use_cases/base/Subscribable/SubscriptionPerformer */ \"./src/Domain/use_cases/base/Subscribable/SubscriptionPerformer.ts\");\n/* harmony import */ var _Mapper_FileDTOMapper__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./Mapper/FileDTOMapper */ \"./src/Data/source/remote/Mapper/FileDTOMapper.ts\");\nvar __assign = (undefined && undefined.__assign) || function () {\n __assign = Object.assign || function(t) {\n for (var s, i = 1, n = arguments.length; i < n; i++) {\n s = arguments[i];\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __awaiter = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n return new (P || (P = Promise))(function (resolve, reject) {\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n step((generator = generator.apply(thisArg, _arguments || [])).next());\n });\n};\nvar __generator = (undefined && undefined.__generator) || function (thisArg, body) {\n var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\n return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\n function verb(n) { return function (v) { return step([n, v]); }; }\n function step(op) {\n if (f) throw new TypeError(\"Generator is already executing.\");\n while (g && (g = 0, op[0] && (_ = 0)), _) try {\n if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\n if (y = 0, t) op = [op[0] & 2, t.value];\n switch (op[0]) {\n case 0: case 1: t = op; break;\n case 4: _.label++; return { value: op[1], done: false };\n case 5: _.label++; y = op[1]; op = [0]; continue;\n case 7: op = _.ops.pop(); _.trys.pop(); continue;\n default:\n if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\n if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\n if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\n if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\n if (t[2]) _.ops.pop();\n _.trys.pop(); continue;\n }\n op = body.call(thisArg, _);\n } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\n if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\n }\n};\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nvar RemoteDataSource = /** @class */ (function () {\n //\n function RemoteDataSource() {\n this.subscriptionOnSystemMessages = {};\n this.subscriptionOnChatMessages = new _Domain_use_cases_base_Subscribable_SubscriptionPerformer__WEBPACK_IMPORTED_MODULE_16__.SubscriptionPerformer();\n this.subscriptionOnMessageStatus = new _Domain_use_cases_base_Subscribable_SubscriptionPerformer__WEBPACK_IMPORTED_MODULE_16__.SubscriptionPerformer();\n this.subscriptionOnSessionExpiredListener = new _Domain_use_cases_base_Subscribable_SubscriptionPerformer__WEBPACK_IMPORTED_MODULE_16__.SubscriptionPerformer();\n console.log('CONSTRUCTOR RemoteDataSourceMock');\n this.dialogDTOMapper = new _Mapper_DialogDTOMapper__WEBPACK_IMPORTED_MODULE_6__.DialogDTOMapper();\n this.userDTOMapper = new _Mapper_UserDTOMapper__WEBPACK_IMPORTED_MODULE_9__.UserDTOMapper();\n this.messageDTOMapper = new _Mapper_MessageDTOMapper__WEBPACK_IMPORTED_MODULE_10__.MessageDTOMapper();\n this.fileDTOMapper = new _Mapper_FileDTOMapper__WEBPACK_IMPORTED_MODULE_17__.FileDTOMapper();\n this._needInit = true;\n this._authProcessed = false;\n this.subscriptionOnSystemMessages[_Domain_entity_NotificationTypes__WEBPACK_IMPORTED_MODULE_14__.NotificationTypes.UPDATE_DIALOG] =\n new _Domain_use_cases_base_Subscribable_SubscriptionPerformer__WEBPACK_IMPORTED_MODULE_16__.SubscriptionPerformer();\n this.subscriptionOnSystemMessages[_Domain_entity_NotificationTypes__WEBPACK_IMPORTED_MODULE_14__.NotificationTypes.DELETE_LEAVE_DIALOG] =\n new _Domain_use_cases_base_Subscribable_SubscriptionPerformer__WEBPACK_IMPORTED_MODULE_16__.SubscriptionPerformer();\n this.subscriptionOnSystemMessages[_Domain_entity_NotificationTypes__WEBPACK_IMPORTED_MODULE_14__.NotificationTypes.NEW_DIALOG] =\n new _Domain_use_cases_base_Subscribable_SubscriptionPerformer__WEBPACK_IMPORTED_MODULE_16__.SubscriptionPerformer();\n }\n Object.defineProperty(RemoteDataSource.prototype, \"needInit\", {\n get: function () {\n return this._needInit;\n },\n enumerable: false,\n configurable: true\n });\n Object.defineProperty(RemoteDataSource.prototype, \"authProcessed\", {\n get: function () {\n return this._authProcessed;\n },\n enumerable: false,\n configurable: true\n });\n RemoteDataSource.prototype.setAuthProcessedSuccessed = function () {\n this._authProcessed = true;\n this.setInitSDKSuccessed();\n };\n RemoteDataSource.prototype.setInitSDKSuccessed = function () {\n this._needInit = false;\n };\n Object.defineProperty(RemoteDataSource.prototype, \"authInformation\", {\n get: function () {\n return this._authInformation;\n },\n enumerable: false,\n configurable: true\n });\n RemoteDataSource.prototype.setUpMockStorage = function () {\n return __awaiter(this, void 0, void 0, function () {\n var dialogsDTOtoEntityMapper, dialogsEntities, _loop_1, this_1, _i, dialogsEntities_1, item;\n return __generator(this, function (_a) {\n switch (_a.label) {\n case 0:\n dialogsDTOtoEntityMapper = new _mapper_DialogRemoteDTOMapper__WEBPACK_IMPORTED_MODULE_11__.DialogRemoteDTOMapper();\n dialogsEntities = _Stubs__WEBPACK_IMPORTED_MODULE_7__.Stubs.createDialogsForTest();\n _loop_1 = function (item) {\n var dialogDTO;\n return __generator(this, function (_b) {\n switch (_b.label) {\n case 0: \n // eslint-disable-next-line no-await-in-loop\n return [4 /*yield*/, dialogsDTOtoEntityMapper.fromEntity(item)];\n case 1:\n dialogDTO = \n // eslint-disable-next-line no-await-in-loop\n _b.sent();\n // eslint-disable-next-line @typescript-eslint/no-unused-vars,promise/catch-or-return,promise/always-return\n this_1.createDialog(dialogDTO)\n // eslint-disable-next-line @typescript-eslint/no-unused-vars,promise/always-return\n .then(function (_) {\n console.log(\"added mock item \".concat(JSON.stringify(dialogDTO)));\n })\n .catch(function (e) {\n console.log('EXCEPTION:', e.message);\n });\n return [2 /*return*/];\n }\n });\n };\n this_1 = this;\n _i = 0, dialogsEntities_1 = dialogsEntities;\n _a.label = 1;\n case 1:\n if (!(_i < dialogsEntities_1.length)) return [3 /*break*/, 4];\n item = dialogsEntities_1[_i];\n return [5 /*yield**/, _loop_1(item)];\n case 2:\n _a.sent();\n _a.label = 3;\n case 3:\n _i++;\n return [3 /*break*/, 1];\n case 4: return [2 /*return*/];\n }\n });\n });\n };\n // eslint-disable-next-line class-methods-use-this\n RemoteDataSource.prototype.createUserSession = function (loginData) {\n return __awaiter(this, void 0, void 0, function () {\n var session;\n return __generator(this, function (_a) {\n switch (_a.label) {\n case 0: return [4 /*yield*/, (0,_qb_api_calls__WEBPACK_IMPORTED_MODULE_8__.QBCreateSession)(loginData)];\n case 1:\n session = _a.sent();\n return [2 /*return*/, session];\n }\n });\n });\n };\n // eslint-disable-next-line class-methods-use-this\n RemoteDataSource.initSDK = function (sdkParams) {\n console.log('2. call initSDK in RemoteDataSourceMock');\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n if (!window.QB) {\n throw new Error('HAVE NO SDK');\n }\n else {\n console.log('2. start init actions');\n (0,_qb_api_calls__WEBPACK_IMPORTED_MODULE_8__.QBInit)({\n appIdOrToken: sdkParams.appIdOrToken,\n authKeyOrAppId: sdkParams.authKeyOrAppId,\n authSecret: sdkParams.authSecret,\n accountKey: sdkParams.accountKey,\n });\n var QuickBloxVersion = \"CALL initData: Init SDK was success: version \".concat(QB.version, \" build \").concat(QB.buildNumber);\n console.log(QuickBloxVersion);\n return true;\n }\n };\n RemoteDataSource.prototype.initSDKWithUser = function (sdkParams, authData) {\n return __awaiter(this, void 0, void 0, function () {\n var QuickBloxVersion;\n return __generator(this, function (_a) {\n switch (_a.label) {\n case 0:\n console.log('2. call initSDK in RemoteDataSourceMock');\n if (!this._needInit) return [3 /*break*/, 2];\n console.log('2. start init actions');\n (0,_qb_api_calls__WEBPACK_IMPORTED_MODULE_8__.QBInit)({\n appIdOrToken: sdkParams.appIdOrToken,\n authKeyOrAppId: sdkParams.authKeyOrAppId,\n authSecret: sdkParams.authSecret,\n accountKey: sdkParams.accountKey,\n });\n QuickBloxVersion = \"CALL initData: Init SDK was success: version \".concat(QB.version, \" build \").concat(QB.buildNumber);\n console.log(QuickBloxVersion);\n //\n this._needInit = false;\n return [4 /*yield*/, this.loginWithUser(authData)];\n case 1:\n _a.sent();\n _a.label = 2;\n case 2: return [2 /*return*/];\n }\n });\n });\n };\n RemoteDataSource.prototype.disconnectAndLogoutUser = function () {\n return __awaiter(this, void 0, void 0, function () {\n return __generator(this, function (_a) {\n switch (_a.label) {\n case 0:\n if (!this._authProcessed) return [3 /*break*/, 2];\n (0,_qb_api_calls__WEBPACK_IMPORTED_MODULE_8__.QBChatDisconnect)();\n return [4 /*yield*/, (0,_qb_api_calls__WEBPACK_IMPORTED_MODULE_8__.QBLogout)()];\n case 1:\n _a.sent();\n this._authProcessed = false;\n this.releaseSubscriptions();\n this.releaseEventsHandlers();\n _a.label = 2;\n case 2: return [2 /*return*/];\n }\n });\n });\n };\n RemoteDataSource.prototype.releaseSubscriptions = function () {\n var _this = this;\n Object.entries(this.subscriptionOnSystemMessages).map(function (x) {\n var eventName = x[0];\n return _this.subscriptionOnSystemMessages[eventName].release();\n });\n };\n RemoteDataSource.prototype.subscribeOnSystemMessaging = function (notificationType, callback) {\n var SystemMessageType = _Domain_entity_NotificationTypes__WEBPACK_IMPORTED_MODULE_14__.NotificationTypes.NEW_DIALOG;\n switch (notificationType) {\n case _Domain_entity_NotificationTypes__WEBPACK_IMPORTED_MODULE_14__.NotificationTypes.DELETE_LEAVE_DIALOG:\n SystemMessageType = _Domain_entity_NotificationTypes__WEBPACK_IMPORTED_MODULE_14__.NotificationTypes.DELETE_LEAVE_DIALOG;\n break;\n case _Domain_entity_NotificationTypes__WEBPACK_IMPORTED_MODULE_14__.NotificationTypes.UPDATE_DIALOG:\n SystemMessageType = _Domain_entity_NotificationTypes__WEBPACK_IMPORTED_MODULE_14__.NotificationTypes.UPDATE_DIALOG;\n break;\n default:\n SystemMessageType = _Domain_entity_NotificationTypes__WEBPACK_IMPORTED_MODULE_14__.NotificationTypes.NEW_DIALOG;\n break;\n }\n this.subscriptionOnSystemMessages[SystemMessageType].subscribe(callback, _Domain_entity_EventMessageType__WEBPACK_IMPORTED_MODULE_15__[\"default\"].SystemMessage);\n };\n RemoteDataSource.prototype.subscribeOnMessaging = function (callback) {\n this.subscriptionOnChatMessages.subscribe(callback, _Domain_entity_EventMessageType__WEBPACK_IMPORTED_MODULE_15__[\"default\"].RegularMessage);\n };\n RemoteDataSource.prototype.subscribeOnSessionExpiredListener = function (callback) {\n console.log('call subscribeOnSessionExpiredListener');\n console.log('subscribeOnSessionExpiredListener');\n this.subscriptionOnSessionExpiredListener.subscribe(callback, _Domain_entity_EventMessageType__WEBPACK_IMPORTED_MODULE_15__[\"default\"].LocalMessage);\n };\n RemoteDataSource.prototype.subscribeOnUpdateMessageStatus = function (callback) {\n this.subscriptionOnMessageStatus.subscribe(callback, _Domain_entity_EventMessageType__WEBPACK_IMPORTED_MODULE_15__[\"default\"].LocalMessage);\n };\n RemoteDataSource.prototype.initEventsHandlers = function () {\n var _this = this;\n QB.chat.onSystemMessageListener = function (message) {\n var _a;\n console.log(\"EVENT: receive system message: \".concat(JSON.stringify(message)));\n var resultMessage = new _dto_message_RemoteMessageDTO__WEBPACK_IMPORTED_MODULE_2__.RemoteMessageDTO();\n resultMessage.message = message.body || 'system message';\n resultMessage.notification_type =\n message.extension.notification_type || _Domain_entity_NotificationTypes__WEBPACK_IMPORTED_MODULE_14__.NotificationTypes.UPDATE_DIALOG;\n resultMessage.dialogId = ((_a = message === null || message === void 0 ? void 0 : message.extension) === null || _a === void 0 ? void 0 : _a.dialog_id) || '';\n _this.subscriptionOnSystemMessages[resultMessage.notification_type].informSubscribers(resultMessage, _Domain_entity_EventMessageType__WEBPACK_IMPORTED_MODULE_15__[\"default\"].SystemMessage);\n };\n function ToRemoteMessageDTO(message) {\n var _a, _b, _c, _d, _e;\n var resultMessage = new _dto_message_RemoteMessageDTO__WEBPACK_IMPORTED_MODULE_2__.RemoteMessageDTO();\n resultMessage.id = message.id;\n resultMessage.message = message.body;\n resultMessage.markable = message.markable\n ? message.markable.toString()\n : '0';\n resultMessage.dialogId = ((_a = message === null || message === void 0 ? void 0 : message.extension) === null || _a === void 0 ? void 0 : _a.dialog_id) || '';\n // eslint-disable-next-line no-nested-ternary\n resultMessage.recipient_id = (message === null || message === void 0 ? void 0 : message.recipient_id)\n ? parseInt(message === null || message === void 0 ? void 0 : message.recipient_id, 10)\n : ((_b = message === null || message === void 0 ? void 0 : message.extension) === null || _b === void 0 ? void 0 : _b.sender_id)\n ? (_c = message === null || message === void 0 ? void 0 : message.extension) === null || _c === void 0 ? void 0 : _c.sender_id\n : 0;\n resultMessage.sender_id = ((_d = message === null || message === void 0 ? void 0 : message.extension) === null || _d === void 0 ? void 0 : _d.sender_id)\n ? (_e = message === null || message === void 0 ? void 0 : message.extension) === null || _e === void 0 ? void 0 : _e.sender_id\n : 0;\n resultMessage.notification_type =\n message.notification_type || message.extension.notification_type;\n resultMessage.date_sent = message.extension.date_sent\n ? parseInt(message.extension.date_sent, 10)\n : 0;\n resultMessage.delivered_ids = [];\n // resultMessage.attachments = message.extension.attachments || [];\n resultMessage.attachments = _Mapper_MessageDTOMapper__WEBPACK_IMPORTED_MODULE_10__.MessageDTOMapper.transformAttachment(message.extension.attachments ? message.extension.attachments : []);\n return resultMessage;\n }\n QB.chat.onMessageListener = function (userId, message) {\n console.log(\"EVENT: receive message for userid: \".concat(userId, \", error: \").concat((0,_utils_parse__WEBPACK_IMPORTED_MODULE_12__.stringifyError)(message)));\n var resultMessage = ToRemoteMessageDTO(message);\n _this.subscriptionOnChatMessages.informSubscribers(resultMessage, _Domain_entity_EventMessageType__WEBPACK_IMPORTED_MODULE_15__[\"default\"].RegularMessage);\n };\n QB.chat.onMessageTypingListener = function (isTyping, userId, dialogId) {\n var _a;\n console.log(\"EVENT: receive typing: \".concat(isTyping ? 'true' : 'false', \", dialog id: \").concat(dialogId, \" userid: \").concat(userId));\n if (_this._authProcessed && ((_a = _this.authInformation) === null || _a === void 0 ? void 0 : _a.userId) === userId)\n return;\n var resultMessage = {\n eventMessageType: _Domain_entity_EventMessageType__WEBPACK_IMPORTED_MODULE_15__[\"default\"].LocalMessage,\n messageInfo: undefined,\n messageStatus: { isTyping: isTyping, userId: userId, dialogId: dialogId },\n notificationTypes: undefined,\n };\n _this.subscriptionOnMessageStatus.informSubscribers(resultMessage, _Domain_entity_EventMessageType__WEBPACK_IMPORTED_MODULE_15__[\"default\"].LocalMessage);\n };\n QB.chat.onSessionExpiredListener = function (error) {\n console.log('call onSessionExpiredListener');\n console.timeLog('onSessionExpiredListener');\n var result = true;\n if (error) {\n console.log('EVENT:onSessionExpiredListener - error: ', (0,_utils_parse__WEBPACK_IMPORTED_MODULE_12__.stringifyError)(error));\n result = false;\n }\n else {\n console.log('EVENT: Hello from SessionExpiredListener. session is expired.');\n result = true;\n }\n _this.subscriptionOnSessionExpiredListener.informSubscribers(result, _Domain_entity_EventMessageType__WEBPACK_IMPORTED_MODULE_15__[\"default\"].LocalMessage);\n };\n QB.chat.onDisconnectedListener = function () {\n console.log('EVENT: disconnect');\n };\n QB.chat.onReconnectListener = function () {\n console.log('EVENT: reconnect');\n };\n QB.chat.onMessageErrorListener = function (messageId, error) {\n console.log(\"EVENT: receive error messageid: \".concat(messageId, \", error: \").concat((0,_utils_parse__WEBPACK_IMPORTED_MODULE_12__.stringifyError)(error)));\n };\n QB.chat.onDeliveredStatusListener = function (messageId, dialogId, userId) {\n console.log(\"EVENT: receive delivered message id: \".concat(messageId, \", dialogid: \").concat(dialogId, \" userid: \").concat(userId));\n };\n QB.chat.onReadStatusListener = function (messageId, dialogId, userId) {\n console.log(\"EVENT: receive read message id: \".concat(messageId, \", dialogid: \").concat(dialogId, \" userid: \").concat(userId));\n };\n //\n };\n // eslint-disable-next-line class-methods-use-this\n RemoteDataSource.prototype.releaseEventsHandlers = function () {\n QB.chat.onSessionExpiredListener = undefined;\n QB.chat.onReconnectListener = undefined;\n QB.chat.onDisconnectedListener = undefined;\n QB.chat.onSystemMessageListener = undefined;\n QB.chat.onMessageListener = undefined;\n QB.chat.onMessageErrorListener = undefined;\n QB.chat.onDeliveredStatusListener = undefined;\n QB.chat.onReadStatusListener = undefined;\n QB.chat.onMessageTypingListener = undefined;\n };\n RemoteDataSource.prototype.loginWithUser = function (authParams) {\n return __awaiter(this, void 0, void 0, function () {\n var userRequiredParams, sessionResult, session, sessionDataTmp, sessionData, authInformation, paramsConnect, connectResult;\n var _this = this;\n return __generator(this, function (_a) {\n switch (_a.label) {\n case 0:\n if (this._needInit)\n return [2 /*return*/];\n if (this._authProcessed)\n return [2 /*return*/];\n //\n console.log('CALL createUserSession....');\n userRequiredParams = {\n login: authParams.userName,\n password: authParams.password,\n };\n return [4 /*yield*/, this.createUserSession(userRequiredParams).catch(function (e) {\n _this._needInit = true;\n _this._authProcessed = false;\n console.log(\"EXCEPTION IN CREATE USER SESSION (\".concat(userRequiredParams.login, \") : \").concat((0,_utils_parse__WEBPACK_IMPORTED_MODULE_12__.stringifyError)(e)));\n })];\n case 1:\n sessionResult = _a.sent();\n if (!sessionResult)\n return [2 /*return*/];\n //\n console.log('USER DATA : ', userRequiredParams);\n console.log('USER SESSION DATA : ', sessionResult);\n console.log('Session token : ', sessionResult.token);\n session = sessionResult;\n sessionDataTmp = JSON.stringify(session);\n sessionData = JSON.parse(sessionDataTmp);\n // eslint-disable-next-line @typescript-eslint/restrict-template-expressions\n console.log(\"user_id = \".concat(sessionData.user_id));\n // eslint-disable-next-line @typescript-eslint/restrict-template-expressions\n console.log(\"session token to chat init = \".concat(sessionData.token));\n authInformation = {\n userName: authParams.userName,\n userId: sessionData.user_id,\n sessionToken: sessionData.token,\n password: sessionData.token,\n };\n paramsConnect = {\n userId: authInformation.userId,\n password: authInformation.password,\n };\n console.log(paramsConnect);\n return [4 /*yield*/, (0,_qb_api_calls__WEBPACK_IMPORTED_MODULE_8__.QBChatConnect)(paramsConnect)];\n case 2:\n connectResult = _a.sent();\n if (connectResult) {\n //\n this._authInformation = authInformation;\n this.setAuthProcessedSuccessed();\n console.log('CHAT CONNECTED. CAN WORK!');\n console.log('CONNECTION DATA: ', JSON.stringify(authInformation));\n //\n this.initEventsHandlers();\n //\n }\n else {\n console.log('could not connect to chat');\n }\n return [2 /*return*/];\n }\n });\n });\n };\n RemoteDataSource.prototype.getDialogsFirstPage = function () {\n return __awaiter(this, void 0, void 0, function () {\n var params, qbDialogs, prevDialogs, _i, _a, item, _b, _c, item, qbEntity, newDTO;\n return __generator(this, function (_d) {\n switch (_d.label) {\n case 0:\n params = {\n created_at: {\n lt: Date.now() / 1000,\n },\n sort_desc: 'created_at',\n limit: 100,\n };\n console.log('Chat connected. Get dialog.list....');\n return [4 /*yield*/, (0,_qb_api_calls__WEBPACK_IMPORTED_MODULE_8__.QBGetDialogs)(params)];\n case 1:\n qbDialogs = _d.sent();\n if (!qbDialogs) return [3 /*break*/, 12];\n console.log('Ok... have dialog.list: ', JSON.stringify(qbDialogs));\n return [4 /*yield*/, this.getDialogs()];\n case 2:\n prevDialogs = _d.sent();\n _i = 0, _a = prevDialogs.dialogs;\n _d.label = 3;\n case 3:\n if (!(_i < _a.length)) return [3 /*break*/, 6];\n item = _a[_i];\n // eslint-disable-next-line no-await-in-loop\n return [4 /*yield*/, this.deleteDialog(item)];\n case 4:\n // eslint-disable-next-line no-await-in-loop\n _d.sent();\n _d.label = 5;\n case 5:\n _i++;\n return [3 /*break*/, 3];\n case 6:\n _b = 0, _c = qbDialogs.items;\n _d.label = 7;\n case 7:\n if (!(_b < _c.length)) return [3 /*break*/, 11];\n item = _c[_b];\n qbEntity = item;\n return [4 /*yield*/, this.dialogDTOMapper.toTDO(qbEntity)];\n case 8:\n newDTO = _d.sent();\n // eslint-disable-next-line no-await-in-loop\n return [4 /*yield*/, this.createDialog(newDTO)];\n case 9:\n // eslint-disable-next-line no-await-in-loop\n _d.sent();\n _d.label = 10;\n case 10:\n _b++;\n return [3 /*break*/, 7];\n case 11:\n console.log('DATA COMPLETED');\n _d.label = 12;\n case 12: return [2 /*return*/];\n }\n });\n });\n };\n RemoteDataSource.prototype.getDialogs = function (pagination) {\n return __awaiter(this, void 0, void 0, function () {\n var currentPagination, pageNumber, perPage, params, dialogsDTO, qbDialogs, _i, _a, item, qbEntity, newDTO;\n return __generator(this, function (_b) {\n switch (_b.label) {\n case 0:\n currentPagination = pagination || new _Domain_repository_Pagination__WEBPACK_IMPORTED_MODULE_5__.Pagination();\n console.log('call getDialogs in RemoteDataSourceMock param pagination: ', JSON.stringify(pagination));\n console.log('call getDialogs in RemoteDataSourceMock with result pagination: ', JSON.stringify(currentPagination));\n pageNumber = currentPagination.getCurrentPage() || 1;\n console.log('pageNumber: ', pageNumber);\n perPage = currentPagination.perPage || 100;\n console.log('perPage: ', perPage);\n params = {\n created_at: {\n lt: Date.now() / 1000,\n },\n sort_desc: 'created_at',\n page: pageNumber,\n // per_page: perPage,\n limit: perPage,\n type: {\n in: [2, 3],\n },\n };\n // filter['type[in]'] = [3, 2].join(',');\n console.log('call getDialogs in RemoteDataSourceMock with params: ', JSON.stringify(params));\n dialogsDTO = [];\n return [4 /*yield*/, (0,_qb_api_calls__WEBPACK_IMPORTED_MODULE_8__.QBGetDialogs)(params)];\n case 1:\n qbDialogs = _b.sent();\n if (!qbDialogs) return [3 /*break*/, 5];\n console.log(\"request completed. have: total_entries \".concat(qbDialogs.total_entries, \", limit: \").concat(qbDialogs.limit, \", skip: \").concat(qbDialogs.skip, \" items: \").concat(JSON.stringify(qbDialogs.items)));\n currentPagination = new _Domain_repository_Pagination__WEBPACK_IMPORTED_MODULE_5__.Pagination(0, perPage);\n currentPagination.totalPages = qbDialogs.total_entries / perPage;\n currentPagination.setCurrentPage(pageNumber);\n _i = 0, _a = qbDialogs.items;\n _b.label = 2;\n case 2:\n if (!(_i < _a.length)) return [3 /*break*/, 5];\n item = _a[_i];\n qbEntity = item;\n return [4 /*yield*/, this.dialogDTOMapper.toTDO(qbEntity)];\n case 3:\n newDTO = _b.sent();\n dialogsDTO.push(newDTO);\n _b.label = 4;\n case 4:\n _i++;\n return [3 /*break*/, 2];\n case 5: \n /*\n await Promise.all(\n fromRemote.ResultData.map(async (entity) => {\n // eslint-disable-next-line no-return-await\n return await this.dialogRepository.saveDialogToLocal(entity);\n }),\n );\n */\n return [2 /*return*/, Promise.resolve(new _dto_dialog_RemoteDialogsDTO__WEBPACK_IMPORTED_MODULE_1__.RemoteDialogsDTO(dialogsDTO, currentPagination))];\n }\n });\n });\n };\n // eslint-disable-next-line class-methods-use-this\n RemoteDataSource.prototype.createDialog = function (dto) {\n return __awaiter(this, void 0, void 0, function () {\n var qbEntity, qbDialog, participantId, participants, data, newDTO;\n return __generator(this, function (_a) {\n switch (_a.label) {\n case 0:\n console.log('call createDialog in remote with params: ', JSON.stringify(dto));\n return [4 /*yield*/, this.dialogDTOMapper.fromDTO(dto)];\n case 1:\n qbEntity = _a.sent();\n if (!(qbEntity.type === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_13__.DialogType[\"private\"])) return [3 /*break*/, 3];\n participantId = qbEntity.occupants_ids[0];\n return [4 /*yield*/, (0,_qb_api_calls__WEBPACK_IMPORTED_MODULE_8__.QBCreatePrivateDialog)(participantId, qbEntity.name)];\n case 2:\n qbDialog = _a.sent();\n return [3 /*break*/, 5];\n case 3:\n if (!(qbEntity.type === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_13__.DialogType.group)) return [3 /*break*/, 5];\n participants = qbEntity.occupants_ids;\n data = { photo: qbEntity.photo };\n return [4 /*yield*/, (0,_qb_api_calls__WEBPACK_IMPORTED_MODULE_8__.QBCreateGroupDialog)(participants, qbEntity.name, data)];\n case 4:\n qbDialog = _a.sent();\n _a.label = 5;\n case 5:\n if (qbDialog === null || qbDialog === undefined) {\n return [2 /*return*/, Promise.reject(new _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.RemoteDataSourceException(_exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_MESSAGE, _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_CODE))];\n }\n return [4 /*yield*/, this.dialogDTOMapper.toTDO(qbDialog)];\n case 6:\n newDTO = _a.sent();\n console.log('have result in createDialog in remote ds: ', JSON.stringify(newDTO));\n return [2 /*return*/, Promise.resolve(newDTO)];\n }\n });\n });\n };\n RemoteDataSource.prototype.updateDialog = function (dto) {\n var _a;\n return __awaiter(this, void 0, void 0, function () {\n var qbEntity, data, qbDialogs, newDTO;\n return __generator(this, function (_b) {\n switch (_b.label) {\n case 0: return [4 /*yield*/, this.dialogDTOMapper.fromDTO(dto)];\n case 1:\n qbEntity = _b.sent();\n data = {};\n if (qbEntity.name && qbEntity.name.length > 0) {\n data = __assign({ name: qbEntity.name }, data);\n }\n if (qbEntity.photo) {\n data = __assign(__assign({}, data), { photo: qbEntity.photo });\n }\n if (((_a = qbEntity.new_occupants_ids) === null || _a === void 0 ? void 0 : _a.length) > 0) {\n data = __assign(__assign({}, data), { push_all: { occupants_ids: qbEntity.new_occupants_ids } });\n }\n return [4 /*yield*/, (0,_qb_api_calls__WEBPACK_IMPORTED_MODULE_8__.QBUpdateDialog)(qbEntity._id, data)];\n case 2:\n qbDialogs = _b.sent();\n if (qbDialogs === null || qbDialogs === undefined) {\n return [2 /*return*/, Promise.reject(new _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.RemoteDataSourceException(_exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_MESSAGE, _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_CODE))];\n }\n return [4 /*yield*/, this.dialogDTOMapper.toTDO(qbDialogs)];\n case 3:\n newDTO = _b.sent();\n return [2 /*return*/, Promise.resolve(newDTO)];\n }\n });\n });\n };\n // eslint-disable-next-line class-methods-use-this\n RemoteDataSource.prototype.getDialog = function (dto) {\n return __awaiter(this, void 0, void 0, function () {\n var qbEntity, qbDialog, qbEntityFromDB, resultDTO;\n return __generator(this, function (_a) {\n switch (_a.label) {\n case 0: return [4 /*yield*/, this.dialogDTOMapper.fromDTO(dto)];\n case 1:\n qbEntity = _a.sent();\n return [4 /*yield*/, (0,_qb_api_calls__WEBPACK_IMPORTED_MODULE_8__.QBGetDialogById)(qbEntity._id)];\n case 2:\n qbDialog = _a.sent();\n if (qbDialog === null || qbDialog === undefined) {\n return [2 /*return*/, Promise.reject(new _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.RemoteDataSourceException(_exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_MESSAGE, _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_CODE))];\n }\n qbEntityFromDB = qbDialog.items[0];\n return [4 /*yield*/, this.dialogDTOMapper.toTDO(qbEntityFromDB)];\n case 3:\n resultDTO = _a.sent();\n return [2 /*return*/, Promise.resolve(resultDTO)];\n }\n });\n });\n };\n // eslint-disable-next-line class-methods-use-this\n RemoteDataSource.prototype.deleteDialog = function (dto) {\n return __awaiter(this, void 0, void 0, function () {\n var qbEntity;\n return __generator(this, function (_a) {\n switch (_a.label) {\n case 0: return [4 /*yield*/, this.dialogDTOMapper.fromDTO(dto)];\n case 1:\n qbEntity = _a.sent();\n return [4 /*yield*/, (0,_qb_api_calls__WEBPACK_IMPORTED_MODULE_8__.QBDeleteDialog)([qbEntity._id]).catch(function () {\n throw new _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.RemoteDataSourceException(_exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_MESSAGE, _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_CODE);\n })];\n case 2:\n _a.sent();\n return [2 /*return*/, Promise.resolve()];\n }\n });\n });\n };\n RemoteDataSource.prototype.deleteUsersFromDialog = function (dialogDTO, usersDTO) {\n return __awaiter(this, void 0, void 0, function () {\n var qbEntity, usersIds, data, qbDialogs;\n return __generator(this, function (_a) {\n switch (_a.label) {\n case 0: return [4 /*yield*/, this.dialogDTOMapper.fromDTO(dialogDTO)];\n case 1:\n qbEntity = _a.sent();\n usersIds = [];\n usersDTO.forEach(function (item) {\n usersIds.push(item.id);\n });\n data = {};\n if (usersIds.length > 0) {\n data = {\n pull_all: { occupants_ids: usersIds },\n };\n }\n return [4 /*yield*/, (0,_qb_api_calls__WEBPACK_IMPORTED_MODULE_8__.QBUpdateDialog)(qbEntity._id, data)];\n case 2:\n qbDialogs = _a.sent();\n if (qbDialogs === null || qbDialogs === undefined) {\n return [2 /*return*/, Promise.reject(new _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.RemoteDataSourceException(_exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_MESSAGE, _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_CODE))];\n }\n return [2 /*return*/, Promise.resolve()];\n }\n });\n });\n };\n // eslint-disable-next-line @typescript-eslint/require-await,class-methods-use-this,@typescript-eslint/no-unused-vars\n RemoteDataSource.prototype.getUser = function (dto) {\n return __awaiter(this, void 0, void 0, function () {\n var currentItem, dtoUser, e_1;\n return __generator(this, function (_a) {\n switch (_a.label) {\n case 0: return [4 /*yield*/, (0,_qb_api_calls__WEBPACK_IMPORTED_MODULE_8__.QBUsersGetById)(parseInt(dto.id, 10))];\n case 1:\n currentItem = _a.sent();\n if (currentItem === null || currentItem === undefined) {\n return [2 /*return*/, Promise.reject(new _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.RemoteDataSourceException(_exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_MESSAGE, _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_CODE))];\n }\n _a.label = 2;\n case 2:\n _a.trys.push([2, 4, , 5]);\n return [4 /*yield*/, this.userDTOMapper.toTDO(currentItem)];\n case 3:\n dtoUser = _a.sent();\n return [3 /*break*/, 5];\n case 4:\n e_1 = _a.sent();\n console.log('problem with:');\n console.log(JSON.stringify(currentItem));\n console.log(e_1.message);\n console.log(e_1._description);\n return [3 /*break*/, 5];\n case 5:\n if (dtoUser !== null || dtoUser !== undefined) {\n return [2 /*return*/, Promise.resolve(dtoUser)];\n }\n return [2 /*return*/, Promise.reject(new _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.RemoteDataSourceException(_exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.NOT_FOUND_REMOTE_DATASOURCE_EXCEPTION_MESSAGE, _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.NOT_FOUND_REMOTE_DATASOURCE_EXCEPTION_CODE, \"not found user with id: \".concat(dto.id, \" (\").concat(dto.full_name, \")\")))];\n }\n });\n });\n };\n // eslint-disable-next-line @typescript-eslint/require-await,class-methods-use-this,@typescript-eslint/no-unused-vars\n RemoteDataSource.prototype.getUsers = function (remoteUsersDTO) {\n return __awaiter(this, void 0, void 0, function () {\n var usersDTO, _i, _a, item, userDTO;\n return __generator(this, function (_b) {\n switch (_b.label) {\n case 0:\n usersDTO = new Array();\n _i = 0, _a = remoteUsersDTO.users;\n _b.label = 1;\n case 1:\n if (!(_i < _a.length)) return [3 /*break*/, 4];\n item = _a[_i];\n return [4 /*yield*/, this.getUser(item)];\n case 2:\n userDTO = _b.sent();\n usersDTO.push(userDTO);\n _b.label = 3;\n case 3:\n _i++;\n return [3 /*break*/, 1];\n case 4: return [2 /*return*/, Promise.resolve(new _dto_user_RemoteUsersDTO__WEBPACK_IMPORTED_MODULE_3__.RemoteUsersDTO(usersDTO, new _Domain_repository_Pagination__WEBPACK_IMPORTED_MODULE_5__.Pagination()))];\n }\n });\n });\n };\n //\n // eslint-disable-next-line class-methods-use-this\n RemoteDataSource.prototype.getAllUsers = function (pagination, \n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n filter) {\n return __awaiter(this, void 0, void 0, function () {\n var users, pageTemplate, pageNumber, resultPagination, params, response, currentItem, _i, _a, item, dtoUser, e_2;\n return __generator(this, function (_b) {\n switch (_b.label) {\n case 0:\n console.log('call getAllUsers');\n console.log('pagination: ', JSON.stringify(pagination));\n users = [];\n pageTemplate = {\n pageSize: pagination.perPage,\n startPageNumber: pagination.getCurrentPage(),\n };\n pageNumber = pageTemplate.startPageNumber;\n resultPagination = new _Domain_repository_Pagination__WEBPACK_IMPORTED_MODULE_5__.Pagination(pageNumber, pageTemplate.startPageNumber);\n params = {\n per_page: pageTemplate.pageSize,\n page: pageNumber,\n };\n if (filter && filter.length > 2) {\n params = {\n full_name: filter,\n per_page: pageTemplate.pageSize,\n page: pageNumber > 0 ? pageNumber : 1,\n };\n }\n console.log('params: ', JSON.stringify(params));\n return [4 /*yield*/, (0,_qb_api_calls__WEBPACK_IMPORTED_MODULE_8__.QBUsersGet)(params).catch(function (err) {\n console.log('catch call QBUsersGet : ', (0,_utils_parse__WEBPACK_IMPORTED_MODULE_12__.stringifyError)(err));\n })];\n case 1:\n response = _b.sent();\n if (response === undefined || response === null) {\n throw new _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.RemoteDataSourceException(_exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.NOT_FOUND_REMOTE_DATASOURCE_EXCEPTION_MESSAGE, _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.NOT_FOUND_REMOTE_DATASOURCE_EXCEPTION_CODE, \"params: \".concat(JSON.stringify(params)));\n }\n console.log('response: total_entries: ', response.total_entries);\n console.log('response: per_page: ', response.per_page);\n console.log('response: current_page: ', response.current_page);\n resultPagination.totalPages =\n response.total_entries / pageTemplate.pageSize;\n resultPagination.setCurrentPage(response.current_page);\n console.log(\"response result: count of items \".concat(response.items.length, \" items: \").concat(JSON.stringify(response.items)));\n _b.label = 2;\n case 2:\n _b.trys.push([2, 7, , 8]);\n _i = 0, _a = response.items;\n _b.label = 3;\n case 3:\n if (!(_i < _a.length)) return [3 /*break*/, 6];\n item = _a[_i];\n currentItem = item.user;\n return [4 /*yield*/, this.userDTOMapper.toTDO(currentItem)];\n case 4:\n dtoUser = _b.sent();\n users.push(dtoUser);\n _b.label = 5;\n case 5:\n _i++;\n return [3 /*break*/, 3];\n case 6: return [3 /*break*/, 8];\n case 7:\n e_2 = _b.sent();\n console.log('problem with:');\n console.log(JSON.stringify(currentItem));\n console.log(e_2.message);\n console.log(e_2._description);\n return [3 /*break*/, 8];\n case 8: return [2 /*return*/, { ResultData: users, PaginationResult: resultPagination }];\n }\n });\n });\n };\n //\n //\n // eslint-disable-next-line @typescript-eslint/require-await,class-methods-use-this,@typescript-eslint/no-unused-vars,@typescript-eslint/ban-ts-comment\n // @ts-ignore\n // eslint-disable-next-line @typescript-eslint/require-await,class-methods-use-this\n RemoteDataSource.prototype.getMessages = function (dialogId, \n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n pagination) {\n var _a;\n return __awaiter(this, void 0, void 0, function () {\n var messagesDTO, qbMessages, currentUserId;\n var _this = this;\n return __generator(this, function (_b) {\n switch (_b.label) {\n case 0:\n messagesDTO = new Array();\n //\n return [4 /*yield*/, (0,_qb_api_calls__WEBPACK_IMPORTED_MODULE_8__.QBJoinDialog)(dialogId).catch(function () {\n throw new _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.RemoteDataSourceException(_exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_MESSAGE, _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_CODE);\n })];\n case 1:\n //\n _b.sent();\n return [4 /*yield*/, (0,_qb_api_calls__WEBPACK_IMPORTED_MODULE_8__.QBChatGetMessages)(dialogId)];\n case 2:\n qbMessages = _b.sent();\n if (qbMessages === null || qbMessages === undefined) {\n return [2 /*return*/, Promise.reject(new _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.RemoteDataSourceException(_exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_MESSAGE, _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_CODE))];\n }\n console.log(\"GET MESSAGES \".concat(qbMessages.items.length, \" FROM SERVER: \").concat(JSON.stringify(qbMessages), \" \"));\n currentUserId = (_a = this._authInformation) === null || _a === void 0 ? void 0 : _a.userId;\n return [4 /*yield*/, Promise.all(qbMessages.items.map(function (currentItem) { return __awaiter(_this, void 0, void 0, function () {\n var dtoMessage;\n return __generator(this, function (_a) {\n switch (_a.label) {\n case 0: return [4 /*yield*/, this.messageDTOMapper.toTDO(currentItem)];\n case 1:\n dtoMessage = _a.sent();\n if (this._authProcessed &&\n currentUserId &&\n dtoMessage.read_ids &&\n dtoMessage.read_ids.length > 0 &&\n dtoMessage.read_ids.includes(currentUserId) === false) {\n (0,_qb_api_calls__WEBPACK_IMPORTED_MODULE_8__.QBChatMarkMessageRead)({\n messageId: dtoMessage.id,\n dialogId: dtoMessage.dialogId,\n userId: currentUserId,\n });\n }\n messagesDTO.push(dtoMessage);\n return [2 /*return*/, dtoMessage];\n }\n });\n }); }))];\n case 3:\n _b.sent();\n return [2 /*return*/, Promise.resolve(new _dto_message_RemoteMessagesDTO__WEBPACK_IMPORTED_MODULE_4__.RemoteMessagesDTO(messagesDTO, new _Domain_repository_Pagination__WEBPACK_IMPORTED_MODULE_5__.Pagination()))];\n }\n });\n });\n };\n // eslint-disable-next-line class-methods-use-this\n RemoteDataSource.prototype.typingMessageStart = function (dialogDTO, senderId) {\n return __awaiter(this, void 0, void 0, function () {\n var qbEntity;\n return __generator(this, function (_a) {\n switch (_a.label) {\n case 0: return [4 /*yield*/, this.dialogDTOMapper.fromDTO(dialogDTO)];\n case 1:\n qbEntity = _a.sent();\n return [4 /*yield*/, (0,_qb_api_calls__WEBPACK_IMPORTED_MODULE_8__.QBJoinDialog)(dialogDTO.id).catch(function () {\n throw new _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.RemoteDataSourceException(_exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_MESSAGE, _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_CODE);\n })];\n case 2:\n _a.sent();\n (0,_qb_api_calls__WEBPACK_IMPORTED_MODULE_8__.QBSendIsTypingStatus)(qbEntity, senderId);\n return [2 /*return*/, Promise.resolve()];\n }\n });\n });\n };\n // eslint-disable-next-line class-methods-use-this\n RemoteDataSource.prototype.typingMessageStop = function (dialogDTO, senderId) {\n return __awaiter(this, void 0, void 0, function () {\n var qbEntity;\n return __generator(this, function (_a) {\n switch (_a.label) {\n case 0: return [4 /*yield*/, this.dialogDTOMapper.fromDTO(dialogDTO)];\n case 1:\n qbEntity = _a.sent();\n (0,_qb_api_calls__WEBPACK_IMPORTED_MODULE_8__.QBSendIsStopTypingStatus)(qbEntity, senderId);\n return [2 /*return*/, Promise.resolve()];\n }\n });\n });\n };\n // eslint-disable-next-line @typescript-eslint/require-await,class-methods-use-this,@typescript-eslint/no-unused-vars\n RemoteDataSource.prototype.sendMessage = function (dto) {\n var _a, _b, _c, _d;\n return __awaiter(this, void 0, void 0, function () {\n var messageText, qbEntity, dialogJid, qbMessages;\n return __generator(this, function (_e) {\n switch (_e.label) {\n case 0:\n console.log('call sendMessage');\n messageText = '';\n switch (dto.notification_type) {\n case _Domain_entity_NotificationTypes__WEBPACK_IMPORTED_MODULE_14__.NotificationTypes.DELETE_LEAVE_DIALOG: {\n messageText = \"\".concat(((_a = this.authInformation) === null || _a === void 0 ? void 0 : _a.userName) || 'owner', \" has left the chat.\");\n break;\n }\n case _Domain_entity_NotificationTypes__WEBPACK_IMPORTED_MODULE_14__.NotificationTypes.NEW_DIALOG: {\n messageText = \"\".concat(((_b = this.authInformation) === null || _b === void 0 ? void 0 : _b.userName) || 'owner', \" create the chat\");\n break;\n }\n case _Domain_entity_NotificationTypes__WEBPACK_IMPORTED_MODULE_14__.NotificationTypes.UPDATE_DIALOG: {\n messageText = \"\".concat(((_c = this.authInformation) === null || _c === void 0 ? void 0 : _c.userName) || 'owner', \" update the chat\");\n break;\n }\n default: {\n messageText = dto.message;\n break;\n }\n }\n qbEntity = {\n type: dto.dialog_type === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_13__.DialogType[\"private\"] ? 'chat' : 'groupchat',\n body: messageText,\n notification_type: dto.notification_type,\n dialog_id: dto.dialogId,\n extension: {\n save_to_history: 1,\n dialog_id: dto.dialogId,\n notification_type: dto.notification_type,\n sender_id: dto.sender_id || dto.recipient_id,\n },\n markable: 1,\n };\n if (((_d = dto.attachments) === null || _d === void 0 ? void 0 : _d.length) > 0) {\n qbEntity.extension.attachments = [];\n dto.attachments.forEach(function (att) {\n var _a;\n var chatMessageAttachment = {\n id: att.id,\n name: att.name,\n size: att.size,\n type: att.type.toString(),\n uid: att.uid,\n };\n (_a = qbEntity.extension.attachments) === null || _a === void 0 ? void 0 : _a.push(chatMessageAttachment);\n });\n }\n return [4 /*yield*/, (0,_qb_api_calls__WEBPACK_IMPORTED_MODULE_8__.QBJoinDialog)(dto.dialogId).catch(function () {\n throw new _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.RemoteDataSourceException(_exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_MESSAGE, _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_CODE);\n })];\n case 1:\n _e.sent();\n dialogJid = QB.chat.helpers.getRoomJidFromDialogId(dto.dialogId);\n return [4 /*yield*/, (0,_qb_api_calls__WEBPACK_IMPORTED_MODULE_8__.QBChatSendMessage)(dialogJid, qbEntity)];\n case 2:\n qbMessages = _e.sent();\n if (qbMessages === null || qbMessages === undefined) {\n return [2 /*return*/, Promise.reject(new _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.RemoteDataSourceException(_exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_MESSAGE, _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_CODE))];\n }\n console.log('regular message was sent');\n return [2 /*return*/, Promise.resolve(dto)];\n }\n });\n });\n };\n // eslint-disable-next-line class-methods-use-this\n RemoteDataSource.prototype.sendSystemMessage = function (dto) {\n var _a;\n return __awaiter(this, void 0, void 0, function () {\n var qbMessages, systemMessage;\n return __generator(this, function (_b) {\n switch (_b.label) {\n case 0:\n if (!(dto.notification_type && dto.notification_type.length > 0)) return [3 /*break*/, 2];\n systemMessage = {\n body: null,\n id: '',\n userId: ((_a = this.authInformation) === null || _a === void 0 ? void 0 : _a.userId) || 0,\n extension: {\n notification_type: dto.notification_type,\n dialog_id: dto.dialogId,\n },\n };\n return [4 /*yield*/, (0,_qb_api_calls__WEBPACK_IMPORTED_MODULE_8__.QBChatSendSystemMessage)(dto.recipient_id, systemMessage)];\n case 1:\n qbMessages = _b.sent();\n _b.label = 2;\n case 2:\n if (qbMessages === null || qbMessages === undefined) {\n return [2 /*return*/, Promise.reject(new _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.RemoteDataSourceException(_exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_MESSAGE, _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_CODE))];\n }\n console.log('system message was sent');\n return [2 /*return*/, Promise.resolve(true)];\n }\n });\n });\n };\n // eslint-disable-next-line @typescript-eslint/require-await,class-methods-use-this,@typescript-eslint/no-unused-vars\n RemoteDataSource.prototype.updateMessage = function (\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n dto) {\n return __awaiter(this, void 0, void 0, function () {\n var qbEntity, storageValue, result, qbMessages, newDTO;\n return __generator(this, function (_a) {\n switch (_a.label) {\n case 0: return [4 /*yield*/, this.messageDTOMapper.fromDTO(dto)];\n case 1:\n qbEntity = _a.sent();\n storageValue = localStorage.getItem('qbMessages');\n result = storageValue !== null && storageValue !== void 0 ? storageValue : '';\n qbMessages = result === '' ? {} : JSON.parse(result);\n if (qbMessages === null || qbMessages === undefined) {\n return [2 /*return*/, Promise.reject(new _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.RemoteDataSourceException(_exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_MESSAGE, _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_CODE))];\n }\n qbMessages[qbEntity._id] = qbEntity;\n // TODO: How get updated QBChatDialog and return to DTO\n localStorage.setItem('qbMessages', JSON.stringify(qbMessages));\n return [4 /*yield*/, this.messageDTOMapper.toTDO(qbEntity)];\n case 2:\n newDTO = _a.sent();\n return [2 /*return*/, Promise.resolve(newDTO)];\n }\n });\n });\n };\n // eslint-disable-next-line @typescript-eslint/require-await,class-methods-use-this,@typescript-eslint/no-unused-vars\n RemoteDataSource.prototype.deleteMessage = function (dto) {\n return __awaiter(this, void 0, void 0, function () {\n var qbEntity, storageValue, result, qbMessages, filteredqbMessages;\n return __generator(this, function (_a) {\n switch (_a.label) {\n case 0: return [4 /*yield*/, this.messageDTOMapper.fromDTO(dto)];\n case 1:\n qbEntity = _a.sent();\n storageValue = localStorage.getItem('qbMessages');\n result = storageValue !== null && storageValue !== void 0 ? storageValue : '';\n qbMessages = result === '' ? {} : JSON.parse(result);\n if (qbMessages === null || qbMessages === undefined) {\n return [2 /*return*/, Promise.reject(new _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.RemoteDataSourceException(_exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_MESSAGE, _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_CODE))];\n }\n filteredqbMessages = {};\n Object.keys(qbMessages).forEach(function (key) {\n if (key !== qbEntity._id) {\n filteredqbMessages[key] = qbMessages[key];\n }\n });\n localStorage.setItem('qbMessages', JSON.stringify(filteredqbMessages));\n return [2 /*return*/, Promise.resolve()];\n }\n });\n });\n };\n // eslint-disable-next-line @typescript-eslint/require-await,class-methods-use-this,@typescript-eslint/no-unused-vars\n RemoteDataSource.prototype.createFile = function (dto) {\n return __awaiter(this, void 0, void 0, function () {\n var qbParam, result, qbContentObject, newDto;\n return __generator(this, function (_a) {\n switch (_a.label) {\n case 0:\n console.log('call createFile in remote with params: ', JSON.stringify(dto));\n return [4 /*yield*/, this.fileDTOMapper.fromDTO(dto)];\n case 1:\n qbParam = _a.sent();\n return [4 /*yield*/, (0,_qb_api_calls__WEBPACK_IMPORTED_MODULE_8__.QBCreateAndUploadContent)(qbParam).catch(function (err) {\n console.log('Error: ', (0,_utils_parse__WEBPACK_IMPORTED_MODULE_12__.stringifyError)(err));\n throw new _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.RemoteDataSourceException(_exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_MESSAGE, _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_CODE, \"exception: \".concat((0,_utils_parse__WEBPACK_IMPORTED_MODULE_12__.stringifyError)(err)));\n })];\n case 2:\n result = _a.sent();\n if (result === null || result === undefined) {\n return [2 /*return*/, Promise.reject(new _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.RemoteDataSourceException(_exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_MESSAGE, _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_CODE))];\n }\n qbContentObject = result;\n return [4 /*yield*/, this.fileDTOMapper.toTDO(qbContentObject)];\n case 3:\n newDto = _a.sent();\n console.log('have result in createFile in remote ds: ', JSON.stringify(newDto));\n return [2 /*return*/, Promise.resolve(newDto)];\n }\n });\n });\n };\n // eslint-disable-next-line @typescript-eslint/require-await,class-methods-use-this,@typescript-eslint/no-unused-vars\n RemoteDataSource.prototype.getFile = function (dto) {\n return __awaiter(this, void 0, void 0, function () {\n return __generator(this, function (_a) {\n throw new Error('Method not implemented.');\n });\n });\n };\n // eslint-disable-next-line @typescript-eslint/require-await,class-methods-use-this,@typescript-eslint/no-unused-vars\n RemoteDataSource.prototype.deleteFile = function (dto) {\n return __awaiter(this, void 0, void 0, function () {\n return __generator(this, function (_a) {\n throw new Error('Method not implemented.');\n });\n });\n };\n // eslint-disable-next-line @typescript-eslint/require-await,class-methods-use-this,@typescript-eslint/no-unused-vars\n RemoteDataSource.prototype.subscribeToChatConnectionEvents = function (\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n fileId) {\n return __awaiter(this, void 0, void 0, function () {\n return __generator(this, function (_a) {\n throw new Error('Method not implemented.');\n });\n });\n };\n return RemoteDataSource;\n}());\n\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/Data/source/remote/RemoteDataSource.ts?");
1282
+ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"RemoteDataSource\": function() { return /* binding */ RemoteDataSource; }\n/* harmony export */ });\n/* harmony import */ var _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../exception/RemoteDataSourceException */ \"./src/Data/source/exception/RemoteDataSourceException.ts\");\n/* harmony import */ var _dto_dialog_RemoteDialogsDTO__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../dto/dialog/RemoteDialogsDTO */ \"./src/Data/dto/dialog/RemoteDialogsDTO.ts\");\n/* harmony import */ var _dto_message_RemoteMessageDTO__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../dto/message/RemoteMessageDTO */ \"./src/Data/dto/message/RemoteMessageDTO.ts\");\n/* harmony import */ var _dto_user_RemoteUsersDTO__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../dto/user/RemoteUsersDTO */ \"./src/Data/dto/user/RemoteUsersDTO.ts\");\n/* harmony import */ var _dto_message_RemoteMessagesDTO__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../dto/message/RemoteMessagesDTO */ \"./src/Data/dto/message/RemoteMessagesDTO.ts\");\n/* harmony import */ var _Domain_repository_Pagination__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../Domain/repository/Pagination */ \"./src/Domain/repository/Pagination.ts\");\n/* harmony import */ var _Mapper_DialogDTOMapper__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./Mapper/DialogDTOMapper */ \"./src/Data/source/remote/Mapper/DialogDTOMapper.ts\");\n/* harmony import */ var _Stubs__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../Stubs */ \"./src/Data/Stubs.ts\");\n/* harmony import */ var _qb_api_calls__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../qb-api-calls */ \"./src/qb-api-calls/index.ts\");\n/* harmony import */ var _Mapper_UserDTOMapper__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./Mapper/UserDTOMapper */ \"./src/Data/source/remote/Mapper/UserDTOMapper.ts\");\n/* harmony import */ var _Mapper_MessageDTOMapper__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./Mapper/MessageDTOMapper */ \"./src/Data/source/remote/Mapper/MessageDTOMapper.ts\");\n/* harmony import */ var _mapper_DialogRemoteDTOMapper__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../mapper/DialogRemoteDTOMapper */ \"./src/Data/mapper/DialogRemoteDTOMapper.ts\");\n/* harmony import */ var _utils_parse__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../../utils/parse */ \"./src/utils/parse.ts\");\n/* harmony import */ var _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../../Domain/entity/DialogTypes */ \"./src/Domain/entity/DialogTypes.ts\");\n/* harmony import */ var _Domain_entity_NotificationTypes__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../../../Domain/entity/NotificationTypes */ \"./src/Domain/entity/NotificationTypes.ts\");\n/* harmony import */ var _Domain_entity_EventMessageType__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../../../Domain/entity/EventMessageType */ \"./src/Domain/entity/EventMessageType.ts\");\n/* harmony import */ var _Domain_use_cases_base_Subscribable_SubscriptionPerformer__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../../../Domain/use_cases/base/Subscribable/SubscriptionPerformer */ \"./src/Domain/use_cases/base/Subscribable/SubscriptionPerformer.ts\");\n/* harmony import */ var _Mapper_FileDTOMapper__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./Mapper/FileDTOMapper */ \"./src/Data/source/remote/Mapper/FileDTOMapper.ts\");\n/* harmony import */ var _QBconfig__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ../../../QBconfig */ \"./src/QBconfig.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\nvar RemoteDataSource = /** @class */ (function () {\n //\n function RemoteDataSource() {\n this.subscriptionOnSystemMessages = {};\n this.subscriptionOnChatMessages = new _Domain_use_cases_base_Subscribable_SubscriptionPerformer__WEBPACK_IMPORTED_MODULE_16__.SubscriptionPerformer();\n this.subscriptionOnMessageStatus = new _Domain_use_cases_base_Subscribable_SubscriptionPerformer__WEBPACK_IMPORTED_MODULE_16__.SubscriptionPerformer();\n this.subscriptionOnSessionExpiredListener = new _Domain_use_cases_base_Subscribable_SubscriptionPerformer__WEBPACK_IMPORTED_MODULE_16__.SubscriptionPerformer();\n console.log('CONSTRUCTOR RemoteDataSourceMock');\n this.dialogDTOMapper = new _Mapper_DialogDTOMapper__WEBPACK_IMPORTED_MODULE_6__.DialogDTOMapper();\n this.userDTOMapper = new _Mapper_UserDTOMapper__WEBPACK_IMPORTED_MODULE_9__.UserDTOMapper();\n this.messageDTOMapper = new _Mapper_MessageDTOMapper__WEBPACK_IMPORTED_MODULE_10__.MessageDTOMapper();\n this.fileDTOMapper = new _Mapper_FileDTOMapper__WEBPACK_IMPORTED_MODULE_17__.FileDTOMapper();\n this._needInit = true;\n this._authProcessed = false;\n this.subscriptionOnSystemMessages[_Domain_entity_NotificationTypes__WEBPACK_IMPORTED_MODULE_14__.NotificationTypes.UPDATE_DIALOG] =\n new _Domain_use_cases_base_Subscribable_SubscriptionPerformer__WEBPACK_IMPORTED_MODULE_16__.SubscriptionPerformer();\n this.subscriptionOnSystemMessages[_Domain_entity_NotificationTypes__WEBPACK_IMPORTED_MODULE_14__.NotificationTypes.DELETE_LEAVE_DIALOG] =\n new _Domain_use_cases_base_Subscribable_SubscriptionPerformer__WEBPACK_IMPORTED_MODULE_16__.SubscriptionPerformer();\n this.subscriptionOnSystemMessages[_Domain_entity_NotificationTypes__WEBPACK_IMPORTED_MODULE_14__.NotificationTypes.NEW_DIALOG] =\n new _Domain_use_cases_base_Subscribable_SubscriptionPerformer__WEBPACK_IMPORTED_MODULE_16__.SubscriptionPerformer();\n }\n Object.defineProperty(RemoteDataSource.prototype, \"needInit\", {\n get: function () {\n return this._needInit;\n },\n enumerable: false,\n configurable: true\n });\n Object.defineProperty(RemoteDataSource.prototype, \"authProcessed\", {\n get: function () {\n return this._authProcessed;\n },\n enumerable: false,\n configurable: true\n });\n RemoteDataSource.prototype.setAuthProcessedSuccessed = function () {\n this._authProcessed = true;\n this.setInitSDKSuccessed();\n };\n RemoteDataSource.prototype.setInitSDKSuccessed = function () {\n this._needInit = false;\n };\n Object.defineProperty(RemoteDataSource.prototype, \"authInformation\", {\n get: function () {\n return this._authInformation;\n },\n enumerable: false,\n configurable: true\n });\n RemoteDataSource.prototype.setUpMockStorage = function () {\n return __awaiter(this, void 0, void 0, function () {\n var dialogsDTOtoEntityMapper, dialogsEntities, _loop_1, this_1, _i, dialogsEntities_1, item;\n return __generator(this, function (_a) {\n switch (_a.label) {\n case 0:\n dialogsDTOtoEntityMapper = new _mapper_DialogRemoteDTOMapper__WEBPACK_IMPORTED_MODULE_11__.DialogRemoteDTOMapper();\n dialogsEntities = _Stubs__WEBPACK_IMPORTED_MODULE_7__.Stubs.createDialogsForTest();\n _loop_1 = function (item) {\n var dialogDTO;\n return __generator(this, function (_b) {\n switch (_b.label) {\n case 0: \n // eslint-disable-next-line no-await-in-loop\n return [4 /*yield*/, dialogsDTOtoEntityMapper.fromEntity(item)];\n case 1:\n dialogDTO = \n // eslint-disable-next-line no-await-in-loop\n _b.sent();\n // eslint-disable-next-line @typescript-eslint/no-unused-vars,promise/catch-or-return,promise/always-return\n this_1.createDialog(dialogDTO)\n // eslint-disable-next-line @typescript-eslint/no-unused-vars,promise/always-return\n .then(function (_) {\n console.log(\"added mock item \".concat(JSON.stringify(dialogDTO)));\n })\n .catch(function (e) {\n console.log('EXCEPTION:', e.message);\n });\n return [2 /*return*/];\n }\n });\n };\n this_1 = this;\n _i = 0, dialogsEntities_1 = dialogsEntities;\n _a.label = 1;\n case 1:\n if (!(_i < dialogsEntities_1.length)) return [3 /*break*/, 4];\n item = dialogsEntities_1[_i];\n return [5 /*yield**/, _loop_1(item)];\n case 2:\n _a.sent();\n _a.label = 3;\n case 3:\n _i++;\n return [3 /*break*/, 1];\n case 4: return [2 /*return*/];\n }\n });\n });\n };\n // eslint-disable-next-line class-methods-use-this\n RemoteDataSource.prototype.createUserSession = function (loginData) {\n return __awaiter(this, void 0, void 0, function () {\n var session;\n return __generator(this, function (_a) {\n switch (_a.label) {\n case 0: return [4 /*yield*/, (0,_qb_api_calls__WEBPACK_IMPORTED_MODULE_8__.QBCreateSession)(loginData)];\n case 1:\n session = _a.sent();\n return [2 /*return*/, session];\n }\n });\n });\n };\n // eslint-disable-next-line class-methods-use-this\n RemoteDataSource.initSDK = function (sdkParams) {\n console.log('2. call initSDK in RemoteDataSourceMock');\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n if (!window.QB) {\n throw new Error('HAVE NO SDK');\n }\n else {\n console.log('2. start init actions');\n (0,_qb_api_calls__WEBPACK_IMPORTED_MODULE_8__.QBInit)({\n appIdOrToken: sdkParams.appIdOrToken,\n authKeyOrAppId: sdkParams.authKeyOrAppId,\n authSecret: sdkParams.authSecret,\n accountKey: sdkParams.accountKey,\n config: sdkParams.config,\n });\n var QuickBloxVersion = \"CALL initData: Init SDK was success: version \".concat(QB.version, \" build \").concat(QB.buildNumber);\n console.log(QuickBloxVersion);\n return true;\n }\n };\n RemoteDataSource.prototype.initSDKWithUser = function (sdkParams, authData) {\n return __awaiter(this, void 0, void 0, function () {\n var QuickBloxVersion;\n return __generator(this, function (_a) {\n switch (_a.label) {\n case 0:\n console.log('2. call initSDK in RemoteDataSourceMock');\n if (!this._needInit) return [3 /*break*/, 2];\n console.log('2. start init actions');\n (0,_qb_api_calls__WEBPACK_IMPORTED_MODULE_8__.QBInit)({\n appIdOrToken: sdkParams.appIdOrToken,\n authKeyOrAppId: sdkParams.authKeyOrAppId,\n authSecret: sdkParams.authSecret,\n accountKey: sdkParams.accountKey,\n config: sdkParams.config,\n });\n QuickBloxVersion = \"CALL initData: Init SDK was success: version \".concat(QB.version, \" build \").concat(QB.buildNumber);\n console.log(QuickBloxVersion);\n //\n this._needInit = false;\n return [4 /*yield*/, this.loginWithUser(authData)];\n case 1:\n _a.sent();\n _a.label = 2;\n case 2: return [2 /*return*/];\n }\n });\n });\n };\n RemoteDataSource.prototype.disconnectAndLogoutUser = function () {\n return __awaiter(this, void 0, void 0, function () {\n return __generator(this, function (_a) {\n switch (_a.label) {\n case 0:\n if (!this._authProcessed) return [3 /*break*/, 2];\n (0,_qb_api_calls__WEBPACK_IMPORTED_MODULE_8__.QBChatDisconnect)();\n return [4 /*yield*/, (0,_qb_api_calls__WEBPACK_IMPORTED_MODULE_8__.QBLogout)()];\n case 1:\n _a.sent();\n this._authProcessed = false;\n this.releaseSubscriptions();\n this.releaseEventsHandlers();\n _a.label = 2;\n case 2: return [2 /*return*/];\n }\n });\n });\n };\n RemoteDataSource.prototype.releaseSubscriptions = function () {\n var _this = this;\n Object.entries(this.subscriptionOnSystemMessages).map(function (x) {\n var eventName = x[0];\n return _this.subscriptionOnSystemMessages[eventName].release();\n });\n };\n RemoteDataSource.prototype.subscribeOnSystemMessaging = function (notificationType, callback) {\n var SystemMessageType = _Domain_entity_NotificationTypes__WEBPACK_IMPORTED_MODULE_14__.NotificationTypes.NEW_DIALOG;\n switch (notificationType) {\n case _Domain_entity_NotificationTypes__WEBPACK_IMPORTED_MODULE_14__.NotificationTypes.DELETE_LEAVE_DIALOG:\n SystemMessageType = _Domain_entity_NotificationTypes__WEBPACK_IMPORTED_MODULE_14__.NotificationTypes.DELETE_LEAVE_DIALOG;\n break;\n case _Domain_entity_NotificationTypes__WEBPACK_IMPORTED_MODULE_14__.NotificationTypes.UPDATE_DIALOG:\n SystemMessageType = _Domain_entity_NotificationTypes__WEBPACK_IMPORTED_MODULE_14__.NotificationTypes.UPDATE_DIALOG;\n break;\n default:\n SystemMessageType = _Domain_entity_NotificationTypes__WEBPACK_IMPORTED_MODULE_14__.NotificationTypes.NEW_DIALOG;\n break;\n }\n this.subscriptionOnSystemMessages[SystemMessageType].subscribe(callback, _Domain_entity_EventMessageType__WEBPACK_IMPORTED_MODULE_15__[\"default\"].SystemMessage);\n };\n RemoteDataSource.prototype.subscribeOnMessaging = function (callback) {\n this.subscriptionOnChatMessages.subscribe(callback, _Domain_entity_EventMessageType__WEBPACK_IMPORTED_MODULE_15__[\"default\"].RegularMessage);\n };\n RemoteDataSource.prototype.subscribeOnSessionExpiredListener = function (callback) {\n var _this = this;\n console.log('subscribe On Session Expired Event');\n this.subscriptionOnSessionExpiredListener.subscribe(callback, _Domain_entity_EventMessageType__WEBPACK_IMPORTED_MODULE_15__[\"default\"].LocalMessage);\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n var sessionTimeOut = _QBconfig__WEBPACK_IMPORTED_MODULE_18__.QBConfig.appConfig.sessionTimeOut || 122;\n setTimeout(function () {\n console.log('NEED LOGOUT');\n if (_this._authProcessed) {\n _this.subscriptionOnSessionExpiredListener.informSubscribers(true, _Domain_entity_EventMessageType__WEBPACK_IMPORTED_MODULE_15__[\"default\"].LocalMessage);\n }\n }, sessionTimeOut * 60 * 1000);\n };\n RemoteDataSource.prototype.subscribeOnUpdateMessageStatus = function (callback) {\n this.subscriptionOnMessageStatus.subscribe(callback, _Domain_entity_EventMessageType__WEBPACK_IMPORTED_MODULE_15__[\"default\"].LocalMessage);\n };\n RemoteDataSource.prototype.initEventsHandlers = function () {\n var _this = this;\n QB.chat.onSystemMessageListener = function (message) {\n var _a;\n console.log(\"EVENT: receive system message: \".concat(JSON.stringify(message)));\n var resultMessage = new _dto_message_RemoteMessageDTO__WEBPACK_IMPORTED_MODULE_2__.RemoteMessageDTO();\n resultMessage.sender_id = message.userId;\n resultMessage.message = message.body || 'system message';\n resultMessage.notification_type =\n message.extension.notification_type || _Domain_entity_NotificationTypes__WEBPACK_IMPORTED_MODULE_14__.NotificationTypes.UPDATE_DIALOG;\n resultMessage.dialogId = ((_a = message === null || message === void 0 ? void 0 : message.extension) === null || _a === void 0 ? void 0 : _a.dialog_id) || '';\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n function getEventNameFromNotification(notification_type) {\n var EventName = _Domain_use_cases_base_Subscribable_SubscriptionPerformer__WEBPACK_IMPORTED_MODULE_16__.SubscriptionPerformer.DEFAULT_SUBSCRIPTION_NAME;\n if (notification_type === _Domain_entity_NotificationTypes__WEBPACK_IMPORTED_MODULE_14__.NotificationTypes.UPDATE_DIALOG ||\n notification_type === _Domain_entity_NotificationTypes__WEBPACK_IMPORTED_MODULE_14__.NotificationTypes.NEW_DIALOG) {\n EventName = 'UPDATE_DIALOG_LIST_INFO';\n }\n return EventName;\n }\n _this.subscriptionOnSystemMessages[resultMessage.notification_type].informSubscribers(resultMessage, _Domain_entity_EventMessageType__WEBPACK_IMPORTED_MODULE_15__[\"default\"].SystemMessage);\n };\n function ToRemoteMessageDTO(message) {\n var _a, _b, _c, _d, _e;\n var resultMessage = new _dto_message_RemoteMessageDTO__WEBPACK_IMPORTED_MODULE_2__.RemoteMessageDTO();\n resultMessage.id = message.id;\n resultMessage.message = message.body;\n resultMessage.markable = message.markable\n ? message.markable.toString()\n : '0';\n resultMessage.dialogId = ((_a = message === null || message === void 0 ? void 0 : message.extension) === null || _a === void 0 ? void 0 : _a.dialog_id) || '';\n // eslint-disable-next-line no-nested-ternary\n resultMessage.recipient_id = (message === null || message === void 0 ? void 0 : message.recipient_id)\n ? parseInt(message === null || message === void 0 ? void 0 : message.recipient_id, 10)\n : ((_b = message === null || message === void 0 ? void 0 : message.extension) === null || _b === void 0 ? void 0 : _b.sender_id)\n ? (_c = message === null || message === void 0 ? void 0 : message.extension) === null || _c === void 0 ? void 0 : _c.sender_id\n : 0;\n resultMessage.sender_id = ((_d = message === null || message === void 0 ? void 0 : message.extension) === null || _d === void 0 ? void 0 : _d.sender_id)\n ? (_e = message === null || message === void 0 ? void 0 : message.extension) === null || _e === void 0 ? void 0 : _e.sender_id\n : 0;\n resultMessage.notification_type =\n message.notification_type || message.extension.notification_type;\n resultMessage.date_sent = message.extension.date_sent\n ? parseInt(message.extension.date_sent, 10)\n : 0;\n resultMessage.delivered_ids = [];\n // resultMessage.attachments = message.extension.attachments || [];\n resultMessage.attachments = _Mapper_MessageDTOMapper__WEBPACK_IMPORTED_MODULE_10__.MessageDTOMapper.transformAttachment(message.extension.attachments ? message.extension.attachments : []);\n return resultMessage;\n }\n QB.chat.onMessageListener = function (userId, message) {\n console.log(\"EVENT: receive message for userid: \".concat(userId, \", error: \").concat((0,_utils_parse__WEBPACK_IMPORTED_MODULE_12__.stringifyError)(message)));\n var resultMessage = ToRemoteMessageDTO(message);\n _this.subscriptionOnChatMessages.informSubscribers(resultMessage, _Domain_entity_EventMessageType__WEBPACK_IMPORTED_MODULE_15__[\"default\"].RegularMessage);\n };\n QB.chat.onMessageTypingListener = function (isTyping, userId, dialogId) {\n var _a;\n console.log(\"EVENT: receive typing: \".concat(isTyping ? 'true' : 'false', \", dialog id: \").concat(dialogId, \" userid: \").concat(userId));\n if (_this._authProcessed && ((_a = _this.authInformation) === null || _a === void 0 ? void 0 : _a.userId) === userId)\n return;\n var resultMessage = {\n eventMessageType: _Domain_entity_EventMessageType__WEBPACK_IMPORTED_MODULE_15__[\"default\"].LocalMessage,\n messageInfo: undefined,\n messageStatus: { isTyping: isTyping, userId: userId, dialogId: dialogId },\n notificationTypes: undefined,\n };\n _this.subscriptionOnMessageStatus.informSubscribers(resultMessage, _Domain_entity_EventMessageType__WEBPACK_IMPORTED_MODULE_15__[\"default\"].LocalMessage);\n };\n QB.chat.onSessionExpiredListener = function (error) {\n console.log('call onSessionExpiredListener');\n console.timeLog('onSessionExpiredListener');\n var result = true;\n if (error) {\n console.log('EVENT:onSessionExpiredListener - error: ', (0,_utils_parse__WEBPACK_IMPORTED_MODULE_12__.stringifyError)(error));\n result = false;\n }\n else {\n console.log('EVENT: Hello from SessionExpiredListener. session is expired.');\n result = true;\n }\n _this.subscriptionOnSessionExpiredListener.informSubscribers(result, _Domain_entity_EventMessageType__WEBPACK_IMPORTED_MODULE_15__[\"default\"].LocalMessage);\n };\n QB.chat.onDisconnectedListener = function () {\n console.log('EVENT: disconnect');\n };\n QB.chat.onReconnectListener = function () {\n console.log('EVENT: reconnect');\n };\n QB.chat.onMessageErrorListener = function (messageId, error) {\n console.log(\"EVENT: receive error messageid: \".concat(messageId, \", error: \").concat((0,_utils_parse__WEBPACK_IMPORTED_MODULE_12__.stringifyError)(error)));\n };\n QB.chat.onDeliveredStatusListener = function (messageId, dialogId, userId) {\n console.log(\"EVENT: receive delivered message id: \".concat(messageId, \", dialogid: \").concat(dialogId, \" userid: \").concat(userId));\n };\n QB.chat.onReadStatusListener = function (messageId, dialogId, userId) {\n console.log(\"EVENT: receive read message id: \".concat(messageId, \", dialogid: \").concat(dialogId, \" userid: \").concat(userId));\n };\n //\n };\n // eslint-disable-next-line class-methods-use-this\n RemoteDataSource.prototype.releaseEventsHandlers = function () {\n QB.chat.onSessionExpiredListener = undefined;\n QB.chat.onReconnectListener = undefined;\n QB.chat.onDisconnectedListener = undefined;\n QB.chat.onSystemMessageListener = undefined;\n QB.chat.onMessageListener = undefined;\n QB.chat.onMessageErrorListener = undefined;\n QB.chat.onDeliveredStatusListener = undefined;\n QB.chat.onReadStatusListener = undefined;\n QB.chat.onMessageTypingListener = undefined;\n };\n RemoteDataSource.prototype.loginWithUser = function (authParams) {\n return __awaiter(this, void 0, void 0, function () {\n var userRequiredParams, sessionResult, session, sessionDataTmp, sessionData, authInformation, paramsConnect, connectResult;\n var _this = this;\n return __generator(this, function (_a) {\n switch (_a.label) {\n case 0:\n if (this._needInit)\n return [2 /*return*/];\n if (this._authProcessed)\n return [2 /*return*/];\n //\n console.log('CALL createUserSession....');\n userRequiredParams = {\n login: authParams.userName,\n password: authParams.password,\n };\n return [4 /*yield*/, this.createUserSession(userRequiredParams).catch(function (e) {\n _this._needInit = true;\n _this._authProcessed = false;\n console.log(\"EXCEPTION IN CREATE USER SESSION (\".concat(userRequiredParams.login, \") : \").concat((0,_utils_parse__WEBPACK_IMPORTED_MODULE_12__.stringifyError)(e)));\n })];\n case 1:\n sessionResult = _a.sent();\n if (!sessionResult)\n return [2 /*return*/];\n //\n //\n this.initEventsHandlers();\n //\n //\n console.log('USER DATA : ', userRequiredParams);\n console.log('USER SESSION DATA : ', sessionResult);\n console.log('Session token : ', sessionResult.token);\n session = sessionResult;\n sessionDataTmp = JSON.stringify(session);\n sessionData = JSON.parse(sessionDataTmp);\n // eslint-disable-next-line @typescript-eslint/restrict-template-expressions\n console.log(\"user_id = \".concat(sessionData.user_id));\n // eslint-disable-next-line @typescript-eslint/restrict-template-expressions\n console.log(\"session token to chat init = \".concat(sessionData.token));\n authInformation = {\n userName: authParams.userName,\n userId: sessionData.user_id,\n sessionToken: sessionData.token,\n password: sessionData.token,\n };\n paramsConnect = {\n userId: authInformation.userId,\n password: authInformation.password,\n };\n console.log(paramsConnect);\n return [4 /*yield*/, (0,_qb_api_calls__WEBPACK_IMPORTED_MODULE_8__.QBChatConnect)(paramsConnect)];\n case 2:\n connectResult = _a.sent();\n if (connectResult) {\n //\n this._authInformation = authInformation;\n this.setAuthProcessedSuccessed();\n console.log('CHAT CONNECTED. CAN WORK!');\n console.log('CONNECTION DATA: ', JSON.stringify(authInformation));\n // //\n // this.initEventsHandlers();\n // //\n }\n else {\n console.log('could not connect to chat');\n }\n return [2 /*return*/];\n }\n });\n });\n };\n RemoteDataSource.prototype.getDialogsFirstPage = function () {\n return __awaiter(this, void 0, void 0, function () {\n var params, qbDialogs, prevDialogs, _i, _a, item, _b, _c, item, qbEntity, newDTO;\n return __generator(this, function (_d) {\n switch (_d.label) {\n case 0:\n params = {\n created_at: {\n lt: Date.now() / 1000,\n },\n sort_desc: 'created_at',\n limit: 100,\n };\n console.log('Chat connected. Get dialog.list....');\n return [4 /*yield*/, (0,_qb_api_calls__WEBPACK_IMPORTED_MODULE_8__.QBGetDialogs)(params)];\n case 1:\n qbDialogs = _d.sent();\n if (!qbDialogs) return [3 /*break*/, 12];\n console.log('Ok... have dialog.list: ', JSON.stringify(qbDialogs));\n return [4 /*yield*/, this.getDialogs()];\n case 2:\n prevDialogs = _d.sent();\n _i = 0, _a = prevDialogs.dialogs;\n _d.label = 3;\n case 3:\n if (!(_i < _a.length)) return [3 /*break*/, 6];\n item = _a[_i];\n // eslint-disable-next-line no-await-in-loop\n return [4 /*yield*/, this.deleteDialog(item)];\n case 4:\n // eslint-disable-next-line no-await-in-loop\n _d.sent();\n _d.label = 5;\n case 5:\n _i++;\n return [3 /*break*/, 3];\n case 6:\n _b = 0, _c = qbDialogs.items;\n _d.label = 7;\n case 7:\n if (!(_b < _c.length)) return [3 /*break*/, 11];\n item = _c[_b];\n qbEntity = item;\n return [4 /*yield*/, this.dialogDTOMapper.toTDO(qbEntity)];\n case 8:\n newDTO = _d.sent();\n // eslint-disable-next-line no-await-in-loop\n return [4 /*yield*/, this.createDialog(newDTO)];\n case 9:\n // eslint-disable-next-line no-await-in-loop\n _d.sent();\n _d.label = 10;\n case 10:\n _b++;\n return [3 /*break*/, 7];\n case 11:\n console.log('DATA COMPLETED');\n _d.label = 12;\n case 12: return [2 /*return*/];\n }\n });\n });\n };\n RemoteDataSource.prototype.getDialogs = function (pagination) {\n return __awaiter(this, void 0, void 0, function () {\n var currentPagination, pageNumber, perPage, params, dialogsDTO, qbDialogs, _i, _a, item, qbEntity, newDTO;\n return __generator(this, function (_b) {\n switch (_b.label) {\n case 0:\n currentPagination = pagination || new _Domain_repository_Pagination__WEBPACK_IMPORTED_MODULE_5__.Pagination();\n console.log('call getDialogs in RemoteDataSourceMock param pagination: ', JSON.stringify(pagination));\n console.log('call getDialogs in RemoteDataSourceMock with result pagination: ', JSON.stringify(currentPagination));\n pageNumber = currentPagination.getCurrentPage() || 1;\n console.log('pageNumber: ', pageNumber);\n perPage = currentPagination.perPage || 100;\n console.log('perPage: ', perPage);\n params = {\n created_at: {\n lt: Date.now() / 1000,\n },\n sort_desc: 'created_at',\n page: pageNumber,\n // per_page: perPage,\n limit: perPage,\n type: {\n in: [2, 3],\n },\n };\n // filter['type[in]'] = [3, 2].join(',');\n console.log('call getDialogs in RemoteDataSourceMock with params: ', JSON.stringify(params));\n dialogsDTO = [];\n return [4 /*yield*/, (0,_qb_api_calls__WEBPACK_IMPORTED_MODULE_8__.QBGetDialogs)(params)];\n case 1:\n qbDialogs = _b.sent();\n if (!qbDialogs) return [3 /*break*/, 5];\n console.log(\"request completed. have: total_entries \".concat(qbDialogs.total_entries, \", limit: \").concat(qbDialogs.limit, \", skip: \").concat(qbDialogs.skip, \" items: \").concat(JSON.stringify(qbDialogs.items)));\n currentPagination = new _Domain_repository_Pagination__WEBPACK_IMPORTED_MODULE_5__.Pagination(0, perPage);\n currentPagination.totalPages = qbDialogs.total_entries / perPage;\n currentPagination.setCurrentPage(pageNumber);\n _i = 0, _a = qbDialogs.items;\n _b.label = 2;\n case 2:\n if (!(_i < _a.length)) return [3 /*break*/, 5];\n item = _a[_i];\n qbEntity = item;\n return [4 /*yield*/, this.dialogDTOMapper.toTDO(qbEntity)];\n case 3:\n newDTO = _b.sent();\n dialogsDTO.push(newDTO);\n _b.label = 4;\n case 4:\n _i++;\n return [3 /*break*/, 2];\n case 5: \n /*\n await Promise.all(\n fromRemote.ResultData.map(async (entity) => {\n // eslint-disable-next-line no-return-await\n return await this.dialogRepository.saveDialogToLocal(entity);\n }),\n );\n */\n return [2 /*return*/, Promise.resolve(new _dto_dialog_RemoteDialogsDTO__WEBPACK_IMPORTED_MODULE_1__.RemoteDialogsDTO(dialogsDTO, currentPagination))];\n }\n });\n });\n };\n // eslint-disable-next-line class-methods-use-this\n RemoteDataSource.prototype.createDialog = function (dto) {\n return __awaiter(this, void 0, void 0, function () {\n var qbEntity, qbDialog, participantId, participants, data, newDTO;\n return __generator(this, function (_a) {\n switch (_a.label) {\n case 0:\n console.log('call createDialog in remote with params: ', JSON.stringify(dto));\n return [4 /*yield*/, this.dialogDTOMapper.fromDTO(dto)];\n case 1:\n qbEntity = _a.sent();\n if (!(qbEntity.type === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_13__.DialogType[\"private\"])) return [3 /*break*/, 3];\n participantId = qbEntity.occupants_ids[0];\n return [4 /*yield*/, (0,_qb_api_calls__WEBPACK_IMPORTED_MODULE_8__.QBCreatePrivateDialog)(participantId, qbEntity.name)];\n case 2:\n qbDialog = _a.sent();\n return [3 /*break*/, 5];\n case 3:\n if (!(qbEntity.type === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_13__.DialogType.group)) return [3 /*break*/, 5];\n participants = qbEntity.occupants_ids;\n data = { photo: qbEntity.photo };\n return [4 /*yield*/, (0,_qb_api_calls__WEBPACK_IMPORTED_MODULE_8__.QBCreateGroupDialog)(participants, qbEntity.name, data)];\n case 4:\n qbDialog = _a.sent();\n _a.label = 5;\n case 5:\n if (qbDialog === null || qbDialog === undefined) {\n return [2 /*return*/, Promise.reject(new _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.RemoteDataSourceException(_exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_MESSAGE, _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_CODE))];\n }\n return [4 /*yield*/, this.dialogDTOMapper.toTDO(qbDialog)];\n case 6:\n newDTO = _a.sent();\n console.log('have result in createDialog in remote ds: ', JSON.stringify(newDTO));\n return [2 /*return*/, Promise.resolve(newDTO)];\n }\n });\n });\n };\n RemoteDataSource.prototype.updateDialog = function (dto) {\n var _a;\n return __awaiter(this, void 0, void 0, function () {\n var qbEntity, data, qbDialogs, newDTO;\n return __generator(this, function (_b) {\n switch (_b.label) {\n case 0: return [4 /*yield*/, this.dialogDTOMapper.fromDTO(dto)];\n case 1:\n qbEntity = _b.sent();\n data = {};\n if (qbEntity.name && qbEntity.name.length > 0) {\n data = __assign({ name: qbEntity.name }, data);\n }\n if (qbEntity.photo) {\n data = __assign(__assign({}, data), { photo: qbEntity.photo });\n }\n if (((_a = qbEntity.new_occupants_ids) === null || _a === void 0 ? void 0 : _a.length) > 0) {\n data = __assign(__assign({}, data), { push_all: { occupants_ids: qbEntity.new_occupants_ids } });\n }\n return [4 /*yield*/, (0,_qb_api_calls__WEBPACK_IMPORTED_MODULE_8__.QBUpdateDialog)(qbEntity._id, data)];\n case 2:\n qbDialogs = _b.sent();\n if (qbDialogs === null || qbDialogs === undefined) {\n return [2 /*return*/, Promise.reject(new _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.RemoteDataSourceException(_exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_MESSAGE, _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_CODE))];\n }\n return [4 /*yield*/, this.dialogDTOMapper.toTDO(qbDialogs)];\n case 3:\n newDTO = _b.sent();\n return [2 /*return*/, Promise.resolve(newDTO)];\n }\n });\n });\n };\n // eslint-disable-next-line class-methods-use-this\n RemoteDataSource.prototype.getDialog = function (dto) {\n return __awaiter(this, void 0, void 0, function () {\n var qbEntity, qbDialog, qbEntityFromDB, resultDTO;\n return __generator(this, function (_a) {\n switch (_a.label) {\n case 0: return [4 /*yield*/, this.dialogDTOMapper.fromDTO(dto)];\n case 1:\n qbEntity = _a.sent();\n return [4 /*yield*/, (0,_qb_api_calls__WEBPACK_IMPORTED_MODULE_8__.QBGetDialogById)(qbEntity._id)];\n case 2:\n qbDialog = _a.sent();\n if (qbDialog === null || qbDialog === undefined) {\n return [2 /*return*/, Promise.reject(new _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.RemoteDataSourceException(_exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_MESSAGE, _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_CODE))];\n }\n qbEntityFromDB = qbDialog.items[0];\n return [4 /*yield*/, this.dialogDTOMapper.toTDO(qbEntityFromDB)];\n case 3:\n resultDTO = _a.sent();\n return [2 /*return*/, Promise.resolve(resultDTO)];\n }\n });\n });\n };\n // eslint-disable-next-line class-methods-use-this\n RemoteDataSource.prototype.deleteDialog = function (dto) {\n return __awaiter(this, void 0, void 0, function () {\n var qbEntity;\n return __generator(this, function (_a) {\n switch (_a.label) {\n case 0: return [4 /*yield*/, this.dialogDTOMapper.fromDTO(dto)];\n case 1:\n qbEntity = _a.sent();\n return [4 /*yield*/, (0,_qb_api_calls__WEBPACK_IMPORTED_MODULE_8__.QBDeleteDialog)([qbEntity._id]).catch(function () {\n throw new _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.RemoteDataSourceException(_exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_MESSAGE, _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_CODE);\n })];\n case 2:\n _a.sent();\n return [2 /*return*/, Promise.resolve()];\n }\n });\n });\n };\n RemoteDataSource.prototype.deleteUsersFromDialog = function (dialogDTO, usersDTO) {\n return __awaiter(this, void 0, void 0, function () {\n var qbEntity, usersIds, data, qbDialogs;\n return __generator(this, function (_a) {\n switch (_a.label) {\n case 0: return [4 /*yield*/, this.dialogDTOMapper.fromDTO(dialogDTO)];\n case 1:\n qbEntity = _a.sent();\n usersIds = [];\n usersDTO.forEach(function (item) {\n usersIds.push(item.id);\n });\n data = {};\n if (usersIds.length > 0) {\n data = {\n pull_all: { occupants_ids: usersIds },\n };\n }\n return [4 /*yield*/, (0,_qb_api_calls__WEBPACK_IMPORTED_MODULE_8__.QBUpdateDialog)(qbEntity._id, data)];\n case 2:\n qbDialogs = _a.sent();\n if (qbDialogs === null || qbDialogs === undefined) {\n return [2 /*return*/, Promise.reject(new _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.RemoteDataSourceException(_exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_MESSAGE, _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_CODE))];\n }\n return [2 /*return*/, Promise.resolve()];\n }\n });\n });\n };\n // eslint-disable-next-line @typescript-eslint/require-await,class-methods-use-this,@typescript-eslint/no-unused-vars\n RemoteDataSource.prototype.getUser = function (dto) {\n return __awaiter(this, void 0, void 0, function () {\n var currentItem, dtoUser, e_1;\n return __generator(this, function (_a) {\n switch (_a.label) {\n case 0: return [4 /*yield*/, (0,_qb_api_calls__WEBPACK_IMPORTED_MODULE_8__.QBUsersGetById)(parseInt(dto.id, 10))];\n case 1:\n currentItem = _a.sent();\n if (currentItem === null || currentItem === undefined) {\n return [2 /*return*/, Promise.reject(new _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.RemoteDataSourceException(_exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_MESSAGE, _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_CODE))];\n }\n _a.label = 2;\n case 2:\n _a.trys.push([2, 4, , 5]);\n return [4 /*yield*/, this.userDTOMapper.toTDO(currentItem)];\n case 3:\n dtoUser = _a.sent();\n return [3 /*break*/, 5];\n case 4:\n e_1 = _a.sent();\n console.log('problem with:');\n console.log(JSON.stringify(currentItem));\n console.log(e_1.message);\n console.log(e_1._description);\n return [3 /*break*/, 5];\n case 5:\n if (dtoUser !== null || dtoUser !== undefined) {\n return [2 /*return*/, Promise.resolve(dtoUser)];\n }\n return [2 /*return*/, Promise.reject(new _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.RemoteDataSourceException(_exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.NOT_FOUND_REMOTE_DATASOURCE_EXCEPTION_MESSAGE, _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.NOT_FOUND_REMOTE_DATASOURCE_EXCEPTION_CODE, \"not found user with id: \".concat(dto.id, \" (\").concat(dto.full_name, \")\")))];\n }\n });\n });\n };\n // eslint-disable-next-line @typescript-eslint/require-await,class-methods-use-this,@typescript-eslint/no-unused-vars\n RemoteDataSource.prototype.getUsers = function (remoteUsersDTO) {\n return __awaiter(this, void 0, void 0, function () {\n var usersDTO, _i, _a, item, userDTO;\n return __generator(this, function (_b) {\n switch (_b.label) {\n case 0:\n usersDTO = new Array();\n _i = 0, _a = remoteUsersDTO.users;\n _b.label = 1;\n case 1:\n if (!(_i < _a.length)) return [3 /*break*/, 4];\n item = _a[_i];\n return [4 /*yield*/, this.getUser(item)];\n case 2:\n userDTO = _b.sent();\n usersDTO.push(userDTO);\n _b.label = 3;\n case 3:\n _i++;\n return [3 /*break*/, 1];\n case 4: return [2 /*return*/, Promise.resolve(new _dto_user_RemoteUsersDTO__WEBPACK_IMPORTED_MODULE_3__.RemoteUsersDTO(usersDTO, new _Domain_repository_Pagination__WEBPACK_IMPORTED_MODULE_5__.Pagination()))];\n }\n });\n });\n };\n //\n // eslint-disable-next-line class-methods-use-this\n RemoteDataSource.prototype.getAllUsers = function (pagination, \n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n filter) {\n return __awaiter(this, void 0, void 0, function () {\n var users, pageTemplate, pageNumber, resultPagination, params, response, currentItem, _i, _a, item, dtoUser, e_2;\n return __generator(this, function (_b) {\n switch (_b.label) {\n case 0:\n console.log('call getAllUsers');\n console.log('pagination: ', JSON.stringify(pagination));\n users = [];\n pageTemplate = {\n pageSize: pagination.perPage,\n startPageNumber: pagination.getCurrentPage(),\n };\n pageNumber = pageTemplate.startPageNumber;\n resultPagination = new _Domain_repository_Pagination__WEBPACK_IMPORTED_MODULE_5__.Pagination(pageNumber, pageTemplate.startPageNumber);\n params = {\n per_page: pageTemplate.pageSize,\n page: pageNumber,\n };\n if (filter && filter.length > 2) {\n params = {\n full_name: filter,\n per_page: pageTemplate.pageSize,\n page: pageNumber > 0 ? pageNumber : 1,\n };\n }\n console.log('params: ', JSON.stringify(params));\n return [4 /*yield*/, (0,_qb_api_calls__WEBPACK_IMPORTED_MODULE_8__.QBUsersGet)(params).catch(function (err) {\n console.log('catch call QBUsersGet : ', (0,_utils_parse__WEBPACK_IMPORTED_MODULE_12__.stringifyError)(err));\n })];\n case 1:\n response = _b.sent();\n if (response === undefined || response === null) {\n throw new _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.RemoteDataSourceException(_exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.NOT_FOUND_REMOTE_DATASOURCE_EXCEPTION_MESSAGE, _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.NOT_FOUND_REMOTE_DATASOURCE_EXCEPTION_CODE, \"params: \".concat(JSON.stringify(params)));\n }\n console.log('response: total_entries: ', response.total_entries);\n console.log('response: per_page: ', response.per_page);\n console.log('response: current_page: ', response.current_page);\n resultPagination.totalPages =\n response.total_entries / pageTemplate.pageSize;\n resultPagination.setCurrentPage(response.current_page);\n console.log(\"response result: count of items \".concat(response.items.length, \" items: \").concat(JSON.stringify(response.items)));\n _b.label = 2;\n case 2:\n _b.trys.push([2, 7, , 8]);\n _i = 0, _a = response.items;\n _b.label = 3;\n case 3:\n if (!(_i < _a.length)) return [3 /*break*/, 6];\n item = _a[_i];\n currentItem = item.user;\n return [4 /*yield*/, this.userDTOMapper.toTDO(currentItem)];\n case 4:\n dtoUser = _b.sent();\n users.push(dtoUser);\n _b.label = 5;\n case 5:\n _i++;\n return [3 /*break*/, 3];\n case 6: return [3 /*break*/, 8];\n case 7:\n e_2 = _b.sent();\n console.log('problem with:');\n console.log(JSON.stringify(currentItem));\n console.log(e_2.message);\n console.log(e_2._description);\n return [3 /*break*/, 8];\n case 8: return [2 /*return*/, { ResultData: users, PaginationResult: resultPagination }];\n }\n });\n });\n };\n //\n //\n // eslint-disable-next-line @typescript-eslint/require-await,class-methods-use-this,@typescript-eslint/no-unused-vars,@typescript-eslint/ban-ts-comment\n // @ts-ignore\n // eslint-disable-next-line @typescript-eslint/require-await,class-methods-use-this\n RemoteDataSource.prototype.getMessages = function (dialogId, \n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n pagination) {\n var _a;\n return __awaiter(this, void 0, void 0, function () {\n var messagesDTO, qbMessages, currentUserId;\n var _this = this;\n return __generator(this, function (_b) {\n switch (_b.label) {\n case 0:\n messagesDTO = new Array();\n //\n return [4 /*yield*/, (0,_qb_api_calls__WEBPACK_IMPORTED_MODULE_8__.QBJoinDialog)(dialogId).catch(function () {\n throw new _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.RemoteDataSourceException(_exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_MESSAGE, _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_CODE);\n })];\n case 1:\n //\n _b.sent();\n return [4 /*yield*/, (0,_qb_api_calls__WEBPACK_IMPORTED_MODULE_8__.QBChatGetMessages)(dialogId)];\n case 2:\n qbMessages = _b.sent();\n if (qbMessages === null || qbMessages === undefined) {\n return [2 /*return*/, Promise.reject(new _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.RemoteDataSourceException(_exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_MESSAGE, _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_CODE))];\n }\n console.log(\"GET MESSAGES \".concat(qbMessages.items.length, \" FROM SERVER: \").concat(JSON.stringify(qbMessages), \" \"));\n currentUserId = (_a = this._authInformation) === null || _a === void 0 ? void 0 : _a.userId;\n return [4 /*yield*/, Promise.all(qbMessages.items.map(function (currentItem) { return __awaiter(_this, void 0, void 0, function () {\n var dtoMessage;\n return __generator(this, function (_a) {\n switch (_a.label) {\n case 0: return [4 /*yield*/, this.messageDTOMapper.toTDO(currentItem)];\n case 1:\n dtoMessage = _a.sent();\n if (this._authProcessed &&\n currentUserId &&\n dtoMessage.read_ids &&\n dtoMessage.read_ids.length > 0 &&\n dtoMessage.read_ids.includes(currentUserId) === false) {\n (0,_qb_api_calls__WEBPACK_IMPORTED_MODULE_8__.QBChatMarkMessageRead)({\n messageId: dtoMessage.id,\n dialogId: dtoMessage.dialogId,\n userId: currentUserId,\n });\n }\n messagesDTO.push(dtoMessage);\n return [2 /*return*/, dtoMessage];\n }\n });\n }); }))];\n case 3:\n _b.sent();\n return [2 /*return*/, Promise.resolve(new _dto_message_RemoteMessagesDTO__WEBPACK_IMPORTED_MODULE_4__.RemoteMessagesDTO(messagesDTO, new _Domain_repository_Pagination__WEBPACK_IMPORTED_MODULE_5__.Pagination()))];\n }\n });\n });\n };\n // eslint-disable-next-line class-methods-use-this\n RemoteDataSource.prototype.typingMessageStart = function (dialogDTO, senderId) {\n return __awaiter(this, void 0, void 0, function () {\n var qbEntity;\n return __generator(this, function (_a) {\n switch (_a.label) {\n case 0: return [4 /*yield*/, this.dialogDTOMapper.fromDTO(dialogDTO)];\n case 1:\n qbEntity = _a.sent();\n return [4 /*yield*/, (0,_qb_api_calls__WEBPACK_IMPORTED_MODULE_8__.QBJoinDialog)(dialogDTO.id).catch(function () {\n throw new _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.RemoteDataSourceException(_exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_MESSAGE, _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_CODE);\n })];\n case 2:\n _a.sent();\n (0,_qb_api_calls__WEBPACK_IMPORTED_MODULE_8__.QBSendIsTypingStatus)(qbEntity, senderId);\n return [2 /*return*/, Promise.resolve()];\n }\n });\n });\n };\n // eslint-disable-next-line class-methods-use-this\n RemoteDataSource.prototype.typingMessageStop = function (dialogDTO, senderId) {\n return __awaiter(this, void 0, void 0, function () {\n var qbEntity;\n return __generator(this, function (_a) {\n switch (_a.label) {\n case 0: return [4 /*yield*/, this.dialogDTOMapper.fromDTO(dialogDTO)];\n case 1:\n qbEntity = _a.sent();\n (0,_qb_api_calls__WEBPACK_IMPORTED_MODULE_8__.QBSendIsStopTypingStatus)(qbEntity, senderId);\n return [2 /*return*/, Promise.resolve()];\n }\n });\n });\n };\n // eslint-disable-next-line @typescript-eslint/require-await,class-methods-use-this,@typescript-eslint/no-unused-vars\n RemoteDataSource.prototype.sendMessage = function (dto) {\n var _a, _b, _c, _d;\n return __awaiter(this, void 0, void 0, function () {\n var messageText, qbEntity, dialogJid, qbMessages;\n return __generator(this, function (_e) {\n switch (_e.label) {\n case 0:\n console.log('call sendMessage');\n messageText = '';\n switch (dto.notification_type) {\n case _Domain_entity_NotificationTypes__WEBPACK_IMPORTED_MODULE_14__.NotificationTypes.DELETE_LEAVE_DIALOG: {\n messageText = \"\".concat(((_a = this.authInformation) === null || _a === void 0 ? void 0 : _a.userName) || 'owner', \" has left the chat.\");\n break;\n }\n case _Domain_entity_NotificationTypes__WEBPACK_IMPORTED_MODULE_14__.NotificationTypes.NEW_DIALOG: {\n messageText = \"\".concat(((_b = this.authInformation) === null || _b === void 0 ? void 0 : _b.userName) || 'owner', \" create the chat\");\n break;\n }\n case _Domain_entity_NotificationTypes__WEBPACK_IMPORTED_MODULE_14__.NotificationTypes.UPDATE_DIALOG: {\n messageText = \"\".concat(((_c = this.authInformation) === null || _c === void 0 ? void 0 : _c.userName) || 'owner', \" update the chat\");\n break;\n }\n default: {\n messageText = dto.message;\n break;\n }\n }\n qbEntity = {\n type: dto.dialog_type === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_13__.DialogType[\"private\"] ? 'chat' : 'groupchat',\n body: messageText,\n notification_type: dto.notification_type,\n dialog_id: dto.dialogId,\n extension: {\n save_to_history: 1,\n dialog_id: dto.dialogId,\n notification_type: dto.notification_type,\n sender_id: dto.sender_id || dto.recipient_id,\n },\n markable: 1,\n };\n if (((_d = dto.attachments) === null || _d === void 0 ? void 0 : _d.length) > 0) {\n qbEntity.extension.attachments = [];\n dto.attachments.forEach(function (att) {\n var _a;\n var chatMessageAttachment = {\n id: att.id,\n name: att.name,\n size: att.size,\n type: att.type.toString(),\n uid: att.uid,\n };\n (_a = qbEntity.extension.attachments) === null || _a === void 0 ? void 0 : _a.push(chatMessageAttachment);\n });\n }\n return [4 /*yield*/, (0,_qb_api_calls__WEBPACK_IMPORTED_MODULE_8__.QBJoinDialog)(dto.dialogId).catch(function () {\n throw new _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.RemoteDataSourceException(_exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_MESSAGE, _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_CODE);\n })];\n case 1:\n _e.sent();\n dialogJid = QB.chat.helpers.getRoomJidFromDialogId(dto.dialogId);\n return [4 /*yield*/, (0,_qb_api_calls__WEBPACK_IMPORTED_MODULE_8__.QBChatSendMessage)(dialogJid, qbEntity)];\n case 2:\n qbMessages = _e.sent();\n if (qbMessages === null || qbMessages === undefined) {\n return [2 /*return*/, Promise.reject(new _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.RemoteDataSourceException(_exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_MESSAGE, _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_CODE))];\n }\n console.log('regular message was sent');\n return [2 /*return*/, Promise.resolve(dto)];\n }\n });\n });\n };\n // eslint-disable-next-line class-methods-use-this\n RemoteDataSource.prototype.sendSystemMessage = function (dto) {\n var _a;\n return __awaiter(this, void 0, void 0, function () {\n var qbMessages, systemMessage;\n return __generator(this, function (_b) {\n switch (_b.label) {\n case 0:\n if (!(dto.notification_type && dto.notification_type.length > 0)) return [3 /*break*/, 2];\n systemMessage = {\n body: null,\n id: '',\n userId: ((_a = this.authInformation) === null || _a === void 0 ? void 0 : _a.userId) || 0,\n extension: {\n notification_type: dto.notification_type,\n dialog_id: dto.dialogId,\n },\n };\n return [4 /*yield*/, (0,_qb_api_calls__WEBPACK_IMPORTED_MODULE_8__.QBChatSendSystemMessage)(dto.recipient_id, systemMessage)];\n case 1:\n qbMessages = _b.sent();\n _b.label = 2;\n case 2:\n if (qbMessages === null || qbMessages === undefined) {\n return [2 /*return*/, Promise.reject(new _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.RemoteDataSourceException(_exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_MESSAGE, _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_CODE))];\n }\n console.log('system message was sent');\n return [2 /*return*/, Promise.resolve(true)];\n }\n });\n });\n };\n // eslint-disable-next-line @typescript-eslint/require-await,class-methods-use-this,@typescript-eslint/no-unused-vars\n RemoteDataSource.prototype.updateMessage = function (\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n dto) {\n return __awaiter(this, void 0, void 0, function () {\n var qbEntity, storageValue, result, qbMessages, newDTO;\n return __generator(this, function (_a) {\n switch (_a.label) {\n case 0: return [4 /*yield*/, this.messageDTOMapper.fromDTO(dto)];\n case 1:\n qbEntity = _a.sent();\n storageValue = localStorage.getItem('qbMessages');\n result = storageValue !== null && storageValue !== void 0 ? storageValue : '';\n qbMessages = result === '' ? {} : JSON.parse(result);\n if (qbMessages === null || qbMessages === undefined) {\n return [2 /*return*/, Promise.reject(new _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.RemoteDataSourceException(_exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_MESSAGE, _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_CODE))];\n }\n qbMessages[qbEntity._id] = qbEntity;\n // TODO: How get updated QBChatDialog and return to DTO\n localStorage.setItem('qbMessages', JSON.stringify(qbMessages));\n return [4 /*yield*/, this.messageDTOMapper.toTDO(qbEntity)];\n case 2:\n newDTO = _a.sent();\n return [2 /*return*/, Promise.resolve(newDTO)];\n }\n });\n });\n };\n // eslint-disable-next-line @typescript-eslint/require-await,class-methods-use-this,@typescript-eslint/no-unused-vars\n RemoteDataSource.prototype.deleteMessage = function (dto) {\n return __awaiter(this, void 0, void 0, function () {\n var qbEntity, storageValue, result, qbMessages, filteredqbMessages;\n return __generator(this, function (_a) {\n switch (_a.label) {\n case 0: return [4 /*yield*/, this.messageDTOMapper.fromDTO(dto)];\n case 1:\n qbEntity = _a.sent();\n storageValue = localStorage.getItem('qbMessages');\n result = storageValue !== null && storageValue !== void 0 ? storageValue : '';\n qbMessages = result === '' ? {} : JSON.parse(result);\n if (qbMessages === null || qbMessages === undefined) {\n return [2 /*return*/, Promise.reject(new _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.RemoteDataSourceException(_exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_MESSAGE, _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_CODE))];\n }\n filteredqbMessages = {};\n Object.keys(qbMessages).forEach(function (key) {\n if (key !== qbEntity._id) {\n filteredqbMessages[key] = qbMessages[key];\n }\n });\n localStorage.setItem('qbMessages', JSON.stringify(filteredqbMessages));\n return [2 /*return*/, Promise.resolve()];\n }\n });\n });\n };\n // eslint-disable-next-line @typescript-eslint/require-await,class-methods-use-this,@typescript-eslint/no-unused-vars\n RemoteDataSource.prototype.createFile = function (dto) {\n return __awaiter(this, void 0, void 0, function () {\n var qbParam, result, qbContentObject, newDto;\n return __generator(this, function (_a) {\n switch (_a.label) {\n case 0:\n console.log('call createFile in remote with params: ', JSON.stringify(dto));\n return [4 /*yield*/, this.fileDTOMapper.fromDTO(dto)];\n case 1:\n qbParam = _a.sent();\n return [4 /*yield*/, (0,_qb_api_calls__WEBPACK_IMPORTED_MODULE_8__.QBCreateAndUploadContent)(qbParam).catch(function (err) {\n console.log('Error: ', (0,_utils_parse__WEBPACK_IMPORTED_MODULE_12__.stringifyError)(err));\n throw new _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.RemoteDataSourceException(_exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_MESSAGE, _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_CODE, \"exception: \".concat((0,_utils_parse__WEBPACK_IMPORTED_MODULE_12__.stringifyError)(err)));\n })];\n case 2:\n result = _a.sent();\n if (result === null || result === undefined) {\n return [2 /*return*/, Promise.reject(new _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.RemoteDataSourceException(_exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_MESSAGE, _exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_0__.INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_CODE))];\n }\n qbContentObject = result;\n return [4 /*yield*/, this.fileDTOMapper.toTDO(qbContentObject)];\n case 3:\n newDto = _a.sent();\n console.log('have result in createFile in remote ds: ', JSON.stringify(newDto));\n return [2 /*return*/, Promise.resolve(newDto)];\n }\n });\n });\n };\n // eslint-disable-next-line @typescript-eslint/require-await,class-methods-use-this,@typescript-eslint/no-unused-vars\n RemoteDataSource.prototype.getFile = function (dto) {\n return __awaiter(this, void 0, void 0, function () {\n return __generator(this, function (_a) {\n throw new Error('Method not implemented.');\n });\n });\n };\n // eslint-disable-next-line @typescript-eslint/require-await,class-methods-use-this,@typescript-eslint/no-unused-vars\n RemoteDataSource.prototype.deleteFile = function (dto) {\n return __awaiter(this, void 0, void 0, function () {\n return __generator(this, function (_a) {\n throw new Error('Method not implemented.');\n });\n });\n };\n // eslint-disable-next-line @typescript-eslint/require-await,class-methods-use-this,@typescript-eslint/no-unused-vars\n RemoteDataSource.prototype.subscribeToChatConnectionEvents = function (\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n fileId) {\n return __awaiter(this, void 0, void 0, function () {\n return __generator(this, function (_a) {\n throw new Error('Method not implemented.');\n });\n });\n };\n return RemoteDataSource;\n}());\n\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/Data/source/remote/RemoteDataSource.ts?");
1283
1283
 
1284
1284
  /***/ }),
1285
1285
 
@@ -1554,7 +1554,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
1554
1554
  /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
1555
1555
 
1556
1556
  "use strict";
1557
- eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"SubscriptionPerformer\": function() { return /* binding */ SubscriptionPerformer; }\n/* harmony export */ });\n/* harmony import */ var _entity_EventMessageType__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../entity/EventMessageType */ \"./src/Domain/entity/EventMessageType.ts\");\n\nvar SubscriptionPerformer = /** @class */ (function () {\n function SubscriptionPerformer() {\n this.onEventByTypeSubscribers = {};\n this.subscribers = {};\n this.EVENT_NAME = SubscriptionPerformer.DEFAULT_SUBSCRIPTION_NAME;\n this.EVENT_TYPE = _entity_EventMessageType__WEBPACK_IMPORTED_MODULE_0__[\"default\"].LocalMessage;\n console.log('CONSTRUCTOR SubscriptionPerformer');\n // this.onEventByTypeSubscribers[EventMessageType.LocalMessage] = [];\n this.onEventByTypeSubscribers[_entity_EventMessageType__WEBPACK_IMPORTED_MODULE_0__[\"default\"].LocalMessage] =\n this.subscribers;\n }\n SubscriptionPerformer.prototype.release = function () {\n var _this = this;\n Object.entries(this.onEventByTypeSubscribers).map(function (x) {\n var eventName = x[0];\n _this.onEventByTypeSubscribers[eventName][_this.EVENT_NAME] = function () {\n console.log('ERROR release event in SubscriptionPerformer');\n };\n return _this.onEventByTypeSubscribers[eventName][_this.EVENT_NAME];\n });\n // Object.entries(this.onEventByTypeSubscribers).map((x) => {\n // const eventName = x[0];\n //\n // return this.onEventByTypeSubscribers[eventName].slice();\n // });\n };\n SubscriptionPerformer.prototype.subscribe = function (callBack, typeEvent, nameEvent) {\n if (typeEvent === void 0) { typeEvent = this.EVENT_TYPE; }\n if (nameEvent === void 0) { nameEvent = this.EVENT_NAME; }\n console.log(\"have subscribe SubscriptionPerformer from event \".concat(typeEvent, \": \"), callBack);\n if (this.onEventByTypeSubscribers[typeEvent] === undefined) {\n this.onEventByTypeSubscribers[typeEvent] = {};\n }\n this.onEventByTypeSubscribers[typeEvent][nameEvent] = callBack;\n // if (!this.onEventByTypeSubscribers[typeEvent]) {\n // this.onEventByTypeSubscribers[typeEvent] = [];\n // }\n // const alreadyHave = this.onEventByTypeSubscribers[typeEvent].includes(callBack);\n //\n // if (!alreadyHave) {\n // this.onEventByTypeSubscribers[typeEvent].push(callBack);\n // } else {\n // console.log('ALREADY HAVE CALLBACK');\n // }\n };\n SubscriptionPerformer.prototype.informSubscribers = function (arg, eventType, event) {\n if (eventType === void 0) { eventType = this.EVENT_TYPE; }\n if (event === void 0) { event = SubscriptionPerformer.DEFAULT_SUBSCRIPTION_NAME; }\n var haveSubscriptionsForType = this.onEventByTypeSubscribers[eventType];\n var haveSubscriptionName = event !== SubscriptionPerformer.DEFAULT_SUBSCRIPTION_NAME;\n var haveSubscribers = this.onEventByTypeSubscribers[eventType][event] !== undefined;\n var haveValidType = typeof this.onEventByTypeSubscribers[eventType][event] === 'function';\n if (haveSubscriptionsForType) {\n if (haveSubscriptionName && haveSubscribers && haveValidType) {\n if (arg) {\n this.onEventByTypeSubscribers[eventType][event](arg);\n }\n }\n else {\n Object.entries(this.onEventByTypeSubscribers[eventType]).forEach(function (value) {\n if (arg) {\n var currentEventName = value[0];\n console.log('call for event: ', currentEventName);\n value[1](arg);\n }\n });\n }\n }\n // if (this.onEventByTypeSubscribers[eventType]) {\n // if (\n // event !== SubscriptionPerformer.DEFAULT_SUBSCRIPTION_NAME &&\n // this.onEventByTypeSubscribers[eventType][event] &&\n // typeof this.onEventByTypeSubscribers[eventType][event] === 'function'\n // ) {\n // if (arg) {\n // this.onEventByTypeSubscribers[eventType][event](arg);\n // }\n // } else {\n // Object.entries(this.onEventByTypeSubscribers[eventType]).forEach(\n // (value) => {\n // if (arg) {\n // const currentEventName = value[0];\n //\n // console.log('call for event: ', currentEventName);\n // value[1](arg);\n // }\n // },\n // );\n // }\n // }\n };\n SubscriptionPerformer.DEFAULT_SUBSCRIPTION_NAME = 'DEFAULT';\n return SubscriptionPerformer;\n}());\n\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/Domain/use_cases/base/Subscribable/SubscriptionPerformer.ts?");
1557
+ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"SubscriptionPerformer\": function() { return /* binding */ SubscriptionPerformer; }\n/* harmony export */ });\n/* harmony import */ var _entity_EventMessageType__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../entity/EventMessageType */ \"./src/Domain/entity/EventMessageType.ts\");\n\nvar SubscriptionPerformer = /** @class */ (function () {\n function SubscriptionPerformer() {\n this.onEventByTypeSubscribers = {};\n this.subscribers = {};\n this.EVENT_NAME = SubscriptionPerformer.DEFAULT_SUBSCRIPTION_NAME;\n this.EVENT_TYPE = _entity_EventMessageType__WEBPACK_IMPORTED_MODULE_0__[\"default\"].LocalMessage;\n console.log('CONSTRUCTOR SubscriptionPerformer');\n // this.onEventByTypeSubscribers[EventMessageType.LocalMessage] = [];\n this.onEventByTypeSubscribers[_entity_EventMessageType__WEBPACK_IMPORTED_MODULE_0__[\"default\"].LocalMessage] =\n this.subscribers;\n }\n SubscriptionPerformer.prototype.release = function () {\n var _this = this;\n Object.entries(this.onEventByTypeSubscribers).map(function (x) {\n var eventName = x[0];\n _this.onEventByTypeSubscribers[eventName][_this.EVENT_NAME] = function () {\n console.log('ERROR release event in SubscriptionPerformer');\n };\n return _this.onEventByTypeSubscribers[eventName][_this.EVENT_NAME];\n });\n // Object.entries(this.onEventByTypeSubscribers).map((x) => {\n // const eventName = x[0];\n //\n // return this.onEventByTypeSubscribers[eventName].slice();\n // });\n };\n SubscriptionPerformer.prototype.subscribe = function (callBack, typeEvent, nameEvent) {\n if (typeEvent === void 0) { typeEvent = this.EVENT_TYPE; }\n if (nameEvent === void 0) { nameEvent = this.EVENT_NAME; }\n console.log(\"have subscribe SubscriptionPerformer from event \".concat(typeEvent, \": \"), callBack);\n if (this.onEventByTypeSubscribers[typeEvent] === undefined) {\n this.onEventByTypeSubscribers[typeEvent] = {};\n }\n this.onEventByTypeSubscribers[typeEvent][nameEvent] = callBack;\n // if (!this.onEventByTypeSubscribers[typeEvent]) {\n // this.onEventByTypeSubscribers[typeEvent] = [];\n // }\n // const alreadyHave = this.onEventByTypeSubscribers[typeEvent].includes(callBack);\n //\n // if (!alreadyHave) {\n // this.onEventByTypeSubscribers[typeEvent].push(callBack);\n // } else {\n // console.log('ALREADY HAVE CALLBACK');\n // }\n };\n SubscriptionPerformer.prototype.informSubscribers = function (arg, eventType, event) {\n if (eventType === void 0) { eventType = this.EVENT_TYPE; }\n if (event === void 0) { event = SubscriptionPerformer.DEFAULT_SUBSCRIPTION_NAME; }\n var haveSubscriptionsForType = this.onEventByTypeSubscribers[eventType];\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n var haveSubscriptionName = event !== SubscriptionPerformer.DEFAULT_SUBSCRIPTION_NAME;\n var haveSubscriber = this.onEventByTypeSubscribers[eventType][event] !== undefined;\n var haveValidType = typeof this.onEventByTypeSubscribers[eventType][event] === 'function';\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n var haveManySubscribers = Object.entries(this.onEventByTypeSubscribers[eventType]).length > 1;\n if (haveSubscriptionsForType) {\n if (haveSubscriptionName && haveSubscriber && haveValidType) {\n // if (!haveSubscriptionName && haveSubscriber && haveValidType)\n // if (!haveManySubscribers && haveSubscriber && haveValidType)\n if (arg) {\n this.onEventByTypeSubscribers[eventType][event](arg); // new, edit dialog\n }\n }\n else {\n // local events and leave dialog\n Object.entries(this.onEventByTypeSubscribers[eventType]).forEach(function (value) {\n if (arg) {\n var currentEventName = value[0];\n console.log('call for event: ', currentEventName);\n value[1](arg);\n }\n });\n }\n }\n // if (this.onEventByTypeSubscribers[eventType]) {\n // if (\n // event !== SubscriptionPerformer.DEFAULT_SUBSCRIPTION_NAME &&\n // this.onEventByTypeSubscribers[eventType][event] &&\n // typeof this.onEventByTypeSubscribers[eventType][event] === 'function'\n // ) {\n // if (arg) {\n // this.onEventByTypeSubscribers[eventType][event](arg);\n // }\n // } else {\n // Object.entries(this.onEventByTypeSubscribers[eventType]).forEach(\n // (value) => {\n // if (arg) {\n // const currentEventName = value[0];\n //\n // console.log('call for event: ', currentEventName);\n // value[1](arg);\n // }\n // },\n // );\n // }\n // }\n };\n SubscriptionPerformer.DEFAULT_SUBSCRIPTION_NAME = 'DEFAULT';\n return SubscriptionPerformer;\n}());\n\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/Domain/use_cases/base/Subscribable/SubscriptionPerformer.ts?");
1558
1558
 
1559
1559
  /***/ }),
1560
1560
 
@@ -1587,7 +1587,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var reac
1587
1587
  /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
1588
1588
 
1589
1589
  "use strict";
1590
- 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, itemSelectHandler = _a.itemSelectHandler, 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 (itemSelectHandler) {\n setSelectedItem({ selectedIndex: index, item: it });\n itemSelectHandler(it);\n }\n }, function (it) {\n if (itemSelectHandler) {\n setSelectedItem({ selectedIndex: index, item: it });\n itemSelectHandler(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 usingHeader = 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 } }));\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 }, 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: [useHeader && usingHeader, 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.includes(nameDialogForSearch, 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?");
1590
+ 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, itemSelectHandler = _a.itemSelectHandler, 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 (itemSelectHandler) {\n setSelectedItem({ selectedIndex: index, item: it });\n itemSelectHandler(it);\n }\n }, function (it) {\n if (itemSelectHandler) {\n setSelectedItem({ selectedIndex: index, item: it });\n itemSelectHandler(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 usingHeader = 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: [useHeader && usingHeader, 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?");
1591
1591
 
1592
1592
  /***/ }),
1593
1593
 
@@ -1598,18 +1598,18 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var reac
1598
1598
  /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
1599
1599
 
1600
1600
  "use strict";
1601
- eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": function() { return /* binding */ useDialogsViewModel; }\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _Domain_repository_Pagination__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../Domain/repository/Pagination */ \"./src/Domain/repository/Pagination.ts\");\n/* harmony import */ var _Domain_use_cases_SubscribeToDialogsUpdatesUseCaseWithMock__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../Domain/use_cases/SubscribeToDialogsUpdatesUseCaseWithMock */ \"./src/Domain/use_cases/SubscribeToDialogsUpdatesUseCaseWithMock.ts\");\n/* harmony import */ var _Data_repository_DialogsRepository__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../Data/repository/DialogsRepository */ \"./src/Data/repository/DialogsRepository.ts\");\n/* harmony import */ var _Domain_use_cases_GetAllDialogsUseCaseWithMock__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../Domain/use_cases/GetAllDialogsUseCaseWithMock */ \"./src/Domain/use_cases/GetAllDialogsUseCaseWithMock.ts\");\n/* harmony import */ var _Domain_use_cases_CreateDialogUseCase__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../Domain/use_cases/CreateDialogUseCase */ \"./src/Domain/use_cases/CreateDialogUseCase.ts\");\n/* harmony import */ var _utils_parse__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../utils/parse */ \"./src/utils/parse.ts\");\n/* harmony import */ var _Domain_use_cases_UpdateDialogUseCase__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../Domain/use_cases/UpdateDialogUseCase */ \"./src/Domain/use_cases/UpdateDialogUseCase.ts\");\n/* harmony import */ var _Domain_use_cases_LeaveDialogUseCase__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../Domain/use_cases/LeaveDialogUseCase */ \"./src/Domain/use_cases/LeaveDialogUseCase.ts\");\n/* harmony import */ var _Domain_use_cases_UploadFileUseCase__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../Domain/use_cases/UploadFileUseCase */ \"./src/Domain/use_cases/UploadFileUseCase.ts\");\n/* harmony import */ var _Data_repository_FileRepository__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../Data/repository/FileRepository */ \"./src/Data/repository/FileRepository.ts\");\n/* harmony import */ var _Data_Stubs__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../../Data/Stubs */ \"./src/Data/Stubs.ts\");\n/* harmony import */ var _Domain_use_cases_SubscribeToDialogEventsUseCase__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../../Domain/use_cases/SubscribeToDialogEventsUseCase */ \"./src/Domain/use_cases/SubscribeToDialogEventsUseCase.ts\");\n/* harmony import */ var _Domain_entity_EventMessageType__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../../Domain/entity/EventMessageType */ \"./src/Domain/entity/EventMessageType.ts\");\n/* harmony import */ var _Domain_entity_NotificationTypes__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../../../Domain/entity/NotificationTypes */ \"./src/Domain/entity/NotificationTypes.ts\");\n/* harmony import */ var _Domain_use_cases_GetDialogByIdUseCase__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../../../Domain/use_cases/GetDialogByIdUseCase */ \"./src/Domain/use_cases/GetDialogByIdUseCase.ts\");\n/* harmony import */ var _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../../../Domain/entity/DialogTypes */ \"./src/Domain/entity/DialogTypes.ts\");\n/* harmony import */ var _Domain_use_cases_RemoveUsersFromTheDialogUseCase__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../../../Domain/use_cases/RemoveUsersFromTheDialogUseCase */ \"./src/Domain/use_cases/RemoveUsersFromTheDialogUseCase.ts\");\nvar __assign = (undefined && undefined.__assign) || function () {\n __assign = Object.assign || function(t) {\n for (var s, i = 1, n = arguments.length; i < n; i++) {\n s = arguments[i];\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __awaiter = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n return new (P || (P = Promise))(function (resolve, reject) {\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n step((generator = generator.apply(thisArg, _arguments || [])).next());\n });\n};\nvar __generator = (undefined && undefined.__generator) || function (thisArg, body) {\n var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\n return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\n function verb(n) { return function (v) { return step([n, v]); }; }\n function step(op) {\n if (f) throw new TypeError(\"Generator is already executing.\");\n while (g && (g = 0, op[0] && (_ = 0)), _) try {\n if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\n if (y = 0, t) op = [op[0] & 2, t.value];\n switch (op[0]) {\n case 0: case 1: t = op; break;\n case 4: _.label++; return { value: op[1], done: false };\n case 5: _.label++; y = op[1]; op = [0]; continue;\n case 7: op = _.ops.pop(); _.trys.pop(); continue;\n default:\n if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\n if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\n if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\n if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\n if (t[2]) _.ops.pop();\n _.trys.pop(); continue;\n }\n op = body.call(thisArg, _);\n } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\n if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\n }\n};\nvar __spreadArray = (undefined && undefined.__spreadArray) || function (to, from, pack) {\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\n if (ar || !(i in from)) {\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\n ar[i] = from[i];\n }\n }\n return to.concat(ar || Array.prototype.slice.call(from));\n};\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nfunction useDialogsViewModel(currentContext, initPagination) {\n var _this = this;\n console.log('3.1. useDialogsViewModel');\n var startPagination = initPagination || new _Domain_repository_Pagination__WEBPACK_IMPORTED_MODULE_1__.Pagination();\n var _a = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false), loading = _a[0], setLoading = _a[1];\n var _b = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(''), error = _b[0], setError = _b[1];\n var _c = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(startPagination), pagination = _c[0], setPagination = _c[1];\n var _d = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]), dialogs = _d[0], setDialogs = _d[1];\n var _e = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(), newDialog = _e[0], setNewDialog = _e[1];\n // const currentContext = useQbDataContext();\n var remoteDataSourceMock = currentContext.storage.REMOTE_DATA_SOURCE;\n var eventMessageRepository = currentContext.storage.EVENT_MESSAGE_REPOSITORY;\n var useCaseSubscribeToDialogsUpdates = new _Domain_use_cases_SubscribeToDialogsUpdatesUseCaseWithMock__WEBPACK_IMPORTED_MODULE_2__.SubscribeToDialogsUpdatesUseCaseWithMock(new _Data_repository_DialogsRepository__WEBPACK_IMPORTED_MODULE_3__[\"default\"](currentContext.storage.LOCAL_DATA_SOURCE, remoteDataSourceMock));\n var subscribeToDialogEventsUseCase = new _Domain_use_cases_SubscribeToDialogEventsUseCase__WEBPACK_IMPORTED_MODULE_12__.SubscribeToDialogEventsUseCase(eventMessageRepository, 'DialogsViewModel');\n var dialogUpdateHandler = function (dialogInfo) {\n console.log('call dialogUpdateHandler in useDialogsViewModel');\n if (dialogInfo.eventMessageType === _Domain_entity_EventMessageType__WEBPACK_IMPORTED_MODULE_13__[\"default\"].SystemMessage) {\n if (dialogInfo.notificationTypes === _Domain_entity_NotificationTypes__WEBPACK_IMPORTED_MODULE_14__.NotificationTypes.UPDATE_DIALOG) {\n if (dialogInfo.messageInfo) {\n var dialogId = dialogInfo.messageInfo.dialogId;\n var getDialogByIdUseCase = new _Domain_use_cases_GetDialogByIdUseCase__WEBPACK_IMPORTED_MODULE_15__.GetDialogByIdUseCase(new _Data_repository_DialogsRepository__WEBPACK_IMPORTED_MODULE_3__[\"default\"](currentContext.storage.LOCAL_DATA_SOURCE, currentContext.storage.REMOTE_DATA_SOURCE), dialogId);\n // eslint-disable-next-line promise/catch-or-return,promise/always-return\n getDialogByIdUseCase.execute().then(function (updatedDialog) {\n setNewDialog(updatedDialog);\n });\n }\n }\n }\n };\n subscribeToDialogEventsUseCase\n .execute(dialogUpdateHandler)\n .catch(function (reason) {\n console.log((0,_utils_parse__WEBPACK_IMPORTED_MODULE_6__.stringifyError)(reason));\n });\n // eslint-disable-next-line @typescript-eslint/require-await\n function getDialogs(currentPagination) {\n return __awaiter(this, void 0, void 0, function () {\n var useCaseGetAllDialogs;\n return __generator(this, function (_a) {\n switch (_a.label) {\n case 0:\n console.log('getDialogs in useDialogsViewModel');\n console.log('EXECUTE USE CASES GET DIALOG WITH PAGINATION: ', JSON.stringify(currentPagination));\n setLoading(true);\n useCaseGetAllDialogs = new _Domain_use_cases_GetAllDialogsUseCaseWithMock__WEBPACK_IMPORTED_MODULE_4__.GetAllDialogsUseCaseWithMock(new _Data_repository_DialogsRepository__WEBPACK_IMPORTED_MODULE_3__[\"default\"](currentContext.storage.LOCAL_DATA_SOURCE, remoteDataSourceMock), currentPagination);\n return [4 /*yield*/, (useCaseGetAllDialogs === null || useCaseGetAllDialogs === void 0 ? void 0 : useCaseGetAllDialogs.execute().then(function (result) {\n console.log('EXECUTE COMPLETED: ', JSON.stringify(currentPagination));\n setDialogs(__spreadArray([], result.ResultData, true));\n setLoading(false);\n setPagination(result.CurrentPagination);\n }).catch(function (e) {\n console.log('call catch....', JSON.stringify(e));\n setError(\"\".concat(e.message));\n setLoading(false);\n }))];\n case 1:\n _a.sent();\n return [4 /*yield*/, (useCaseSubscribeToDialogsUpdates === null || useCaseSubscribeToDialogsUpdates === void 0 ? void 0 : useCaseSubscribeToDialogsUpdates.execute(function (data) {\n try {\n console.log('3.SUBSCRIBE EXECUTE in useDialogsViewModel:', data);\n setDialogs(__spreadArray([], data, true));\n setLoading(false);\n setError('');\n }\n catch (e) {\n console.log('catch error2');\n setError('ERROR2!!!');\n }\n }))];\n case 2:\n _a.sent();\n return [2 /*return*/];\n }\n });\n });\n }\n var release = function () {\n useCaseSubscribeToDialogsUpdates.release();\n };\n var createDialog = function (dialogInfo) { return __awaiter(_this, void 0, void 0, function () {\n var createDialogUseCase, resultDialog;\n return __generator(this, function (_a) {\n switch (_a.label) {\n case 0:\n console.log('call createDialog in use case with params: ', JSON.stringify(dialogInfo));\n createDialogUseCase = new _Domain_use_cases_CreateDialogUseCase__WEBPACK_IMPORTED_MODULE_5__.CreateDialogUseCase(eventMessageRepository, new _Data_repository_DialogsRepository__WEBPACK_IMPORTED_MODULE_3__[\"default\"](currentContext.storage.LOCAL_DATA_SOURCE, remoteDataSourceMock), dialogInfo);\n return [4 /*yield*/, createDialogUseCase\n .execute()\n .catch(function (e) {\n console.log('EXCEPTION IN CREATE NEW DIALOG: ', (0,_utils_parse__WEBPACK_IMPORTED_MODULE_6__.stringifyError)(e));\n setNewDialog(undefined);\n throw new Error((0,_utils_parse__WEBPACK_IMPORTED_MODULE_6__.stringifyError)(e));\n })];\n case 1:\n resultDialog = _a.sent();\n if (resultDialog) {\n setNewDialog(resultDialog);\n return [2 /*return*/, Promise.resolve(resultDialog)];\n }\n return [2 /*return*/, Promise.reject(resultDialog)];\n }\n });\n }); };\n var updateDialog = function (\n // eslint-disable-next-line @typescript-eslint/no-shadow,@typescript-eslint/no-unused-vars\n dialog) { return __awaiter(_this, void 0, void 0, function () {\n var updateDialogUseCase, resultDialog, participantIds, dialogForUpdate;\n var _a;\n return __generator(this, function (_b) {\n switch (_b.label) {\n case 0:\n updateDialogUseCase = new _Domain_use_cases_UpdateDialogUseCase__WEBPACK_IMPORTED_MODULE_7__.UpdateDialogUseCase(eventMessageRepository, new _Data_repository_DialogsRepository__WEBPACK_IMPORTED_MODULE_3__[\"default\"](currentContext.storage.LOCAL_DATA_SOURCE, remoteDataSourceMock), dialog);\n return [4 /*yield*/, updateDialogUseCase\n .execute()\n .catch(function (e) {\n console.log('Error updateDialogUseCase: ', (0,_utils_parse__WEBPACK_IMPORTED_MODULE_6__.stringifyError)(e));\n throw new Error((0,_utils_parse__WEBPACK_IMPORTED_MODULE_6__.stringifyError)(e));\n })];\n case 1:\n resultDialog = _b.sent();\n participantIds = dialog.participantIds;\n (_a = dialog.newParticipantIds) === null || _a === void 0 ? void 0 : _a.forEach(function (item) {\n if (!participantIds.includes(item)) {\n participantIds.push(item);\n }\n });\n dialogForUpdate = __assign(__assign({}, dialog), { participantIds: participantIds });\n setNewDialog(dialogForUpdate);\n return [2 /*return*/, Promise.resolve(resultDialog)];\n }\n });\n }); };\n var deleteDialog = function (\n // eslint-disable-next-line @typescript-eslint/no-shadow,@typescript-eslint/no-unused-vars\n dialogToDelete) { return __awaiter(_this, void 0, void 0, function () {\n var leaveResult, leaveDialogUseCase, usersForDeleteFromDialog, userToDeleteId, deleteUsersFromDialog;\n var _a;\n return __generator(this, function (_b) {\n switch (_b.label) {\n case 0:\n leaveResult = false;\n if (!(dialogToDelete.type === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_16__.DialogType[\"private\"])) return [3 /*break*/, 2];\n leaveDialogUseCase = new _Domain_use_cases_LeaveDialogUseCase__WEBPACK_IMPORTED_MODULE_8__.LeaveDialogUseCase(eventMessageRepository, new _Data_repository_DialogsRepository__WEBPACK_IMPORTED_MODULE_3__[\"default\"](currentContext.storage.LOCAL_DATA_SOURCE, remoteDataSourceMock), dialogToDelete, _Domain_use_cases_LeaveDialogUseCase__WEBPACK_IMPORTED_MODULE_8__.DialogLeaveType[\"delete\"]);\n return [4 /*yield*/, leaveDialogUseCase.execute().catch(function (e) {\n console.log('Error leaveDialogUseCase: ', (0,_utils_parse__WEBPACK_IMPORTED_MODULE_6__.stringifyError)(e));\n throw new Error((0,_utils_parse__WEBPACK_IMPORTED_MODULE_6__.stringifyError)(e));\n })];\n case 1:\n leaveResult = _b.sent();\n return [3 /*break*/, 4];\n case 2:\n usersForDeleteFromDialog = new Array();\n userToDeleteId = ((_a = remoteDataSourceMock === null || remoteDataSourceMock === void 0 ? void 0 : remoteDataSourceMock.authInformation) === null || _a === void 0 ? void 0 : _a.userId) || 0;\n usersForDeleteFromDialog.push(userToDeleteId);\n deleteUsersFromDialog = new _Domain_use_cases_RemoveUsersFromTheDialogUseCase__WEBPACK_IMPORTED_MODULE_17__.RemoveUsersFromTheDialogUseCase(eventMessageRepository, new _Data_repository_DialogsRepository__WEBPACK_IMPORTED_MODULE_3__[\"default\"](currentContext.storage.LOCAL_DATA_SOURCE, remoteDataSourceMock), dialogToDelete, usersForDeleteFromDialog);\n return [4 /*yield*/, deleteUsersFromDialog.execute().catch(function (e) {\n console.log('Error delete users from RemoveUsersFromDialogUseCase: ', (0,_utils_parse__WEBPACK_IMPORTED_MODULE_6__.stringifyError)(e));\n throw new Error((0,_utils_parse__WEBPACK_IMPORTED_MODULE_6__.stringifyError)(e));\n })];\n case 3:\n leaveResult = _b.sent();\n _b.label = 4;\n case 4:\n if (leaveResult) {\n return [2 /*return*/, Promise.resolve(leaveResult)];\n }\n return [2 /*return*/, Promise.reject(leaveResult)];\n }\n });\n }); };\n var removeMembers = function (dialog) { return __awaiter(_this, void 0, void 0, function () {\n var leaveResult, deleteUsersFromDialog, dialogForUpdate;\n return __generator(this, function (_a) {\n switch (_a.label) {\n case 0:\n leaveResult = false;\n if (!(dialog.participantsToRemoveIds &&\n dialog.participantsToRemoveIds.length > 0)) return [3 /*break*/, 2];\n deleteUsersFromDialog = new _Domain_use_cases_RemoveUsersFromTheDialogUseCase__WEBPACK_IMPORTED_MODULE_17__.RemoveUsersFromTheDialogUseCase(eventMessageRepository, new _Data_repository_DialogsRepository__WEBPACK_IMPORTED_MODULE_3__[\"default\"](currentContext.storage.LOCAL_DATA_SOURCE, remoteDataSourceMock), dialog, dialog.participantsToRemoveIds);\n return [4 /*yield*/, deleteUsersFromDialog.execute().catch(function (e) {\n console.log('Error delete users from RemoveUsersFromDialogUseCase: ', (0,_utils_parse__WEBPACK_IMPORTED_MODULE_6__.stringifyError)(e));\n throw new Error((0,_utils_parse__WEBPACK_IMPORTED_MODULE_6__.stringifyError)(e));\n })];\n case 1:\n leaveResult = _a.sent();\n _a.label = 2;\n case 2:\n if (leaveResult) {\n dialogForUpdate = __assign(__assign({}, dialog), { participantIds: dialog.participantIds.filter(function (item) { var _a; return !((_a = dialog.participantsToRemoveIds) === null || _a === void 0 ? void 0 : _a.includes(item)); }) });\n setNewDialog(dialogForUpdate);\n return [2 /*return*/, Promise.resolve(leaveResult)];\n }\n return [2 /*return*/, Promise.reject(leaveResult)];\n }\n });\n }); };\n var uploadFile = function (file) { return __awaiter(_this, void 0, void 0, function () {\n var fileEntity, uploadFileUseCase, resultEnity;\n return __generator(this, function (_a) {\n switch (_a.label) {\n case 0:\n fileEntity = _Data_Stubs__WEBPACK_IMPORTED_MODULE_11__.Stubs.createFileEntityWithDefaultValues();\n fileEntity.data = file;\n fileEntity.uid = '';\n fileEntity.name = file.name;\n fileEntity.size = file.size;\n uploadFileUseCase = new _Domain_use_cases_UploadFileUseCase__WEBPACK_IMPORTED_MODULE_9__.UploadFileUseCase(new _Data_repository_FileRepository__WEBPACK_IMPORTED_MODULE_10__.FileRepository(currentContext.storage.LOCAL_DATA_SOURCE, remoteDataSourceMock), fileEntity);\n return [4 /*yield*/, uploadFileUseCase\n .execute()\n .catch(function (e) {\n console.log('Error UploadFileUseCase: ', (0,_utils_parse__WEBPACK_IMPORTED_MODULE_6__.stringifyError)(e));\n throw new Error((0,_utils_parse__WEBPACK_IMPORTED_MODULE_6__.stringifyError)(e));\n })];\n case 1:\n resultEnity = _a.sent();\n return [2 /*return*/, Promise.resolve(resultEnity)];\n }\n });\n }); };\n return {\n get entity() {\n return newDialog;\n },\n set entity(item) {\n setNewDialog(item);\n },\n dialogs: dialogs,\n loading: loading,\n error: error,\n pagination: pagination,\n // eslint-disable-next-line @typescript-eslint/no-misused-promises\n getDialogs: getDialogs,\n release: release,\n createDialog: createDialog,\n updateDialog: updateDialog,\n deleteDialog: deleteDialog,\n uploadFile: uploadFile,\n removeMembers: removeMembers,\n };\n}\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/Presentation/Views/Dialogs/useDialogsViewModel.ts?");
1601
+ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": function() { return /* binding */ useDialogsViewModel; }\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _Domain_repository_Pagination__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../Domain/repository/Pagination */ \"./src/Domain/repository/Pagination.ts\");\n/* harmony import */ var _Domain_use_cases_SubscribeToDialogsUpdatesUseCaseWithMock__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../Domain/use_cases/SubscribeToDialogsUpdatesUseCaseWithMock */ \"./src/Domain/use_cases/SubscribeToDialogsUpdatesUseCaseWithMock.ts\");\n/* harmony import */ var _Data_repository_DialogsRepository__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../Data/repository/DialogsRepository */ \"./src/Data/repository/DialogsRepository.ts\");\n/* harmony import */ var _Domain_use_cases_GetAllDialogsUseCaseWithMock__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../Domain/use_cases/GetAllDialogsUseCaseWithMock */ \"./src/Domain/use_cases/GetAllDialogsUseCaseWithMock.ts\");\n/* harmony import */ var _Domain_use_cases_CreateDialogUseCase__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../Domain/use_cases/CreateDialogUseCase */ \"./src/Domain/use_cases/CreateDialogUseCase.ts\");\n/* harmony import */ var _utils_parse__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../utils/parse */ \"./src/utils/parse.ts\");\n/* harmony import */ var _Domain_use_cases_UpdateDialogUseCase__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../Domain/use_cases/UpdateDialogUseCase */ \"./src/Domain/use_cases/UpdateDialogUseCase.ts\");\n/* harmony import */ var _Domain_use_cases_LeaveDialogUseCase__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../Domain/use_cases/LeaveDialogUseCase */ \"./src/Domain/use_cases/LeaveDialogUseCase.ts\");\n/* harmony import */ var _Domain_use_cases_UploadFileUseCase__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../Domain/use_cases/UploadFileUseCase */ \"./src/Domain/use_cases/UploadFileUseCase.ts\");\n/* harmony import */ var _Data_repository_FileRepository__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../Data/repository/FileRepository */ \"./src/Data/repository/FileRepository.ts\");\n/* harmony import */ var _Data_Stubs__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../../Data/Stubs */ \"./src/Data/Stubs.ts\");\n/* harmony import */ var _Domain_use_cases_SubscribeToDialogEventsUseCase__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../../Domain/use_cases/SubscribeToDialogEventsUseCase */ \"./src/Domain/use_cases/SubscribeToDialogEventsUseCase.ts\");\n/* harmony import */ var _Domain_entity_EventMessageType__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../../Domain/entity/EventMessageType */ \"./src/Domain/entity/EventMessageType.ts\");\n/* harmony import */ var _Domain_entity_NotificationTypes__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../../../Domain/entity/NotificationTypes */ \"./src/Domain/entity/NotificationTypes.ts\");\n/* harmony import */ var _Domain_use_cases_GetDialogByIdUseCase__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../../../Domain/use_cases/GetDialogByIdUseCase */ \"./src/Domain/use_cases/GetDialogByIdUseCase.ts\");\n/* harmony import */ var _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../../../Domain/entity/DialogTypes */ \"./src/Domain/entity/DialogTypes.ts\");\n/* harmony import */ var _Domain_use_cases_RemoveUsersFromTheDialogUseCase__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../../../Domain/use_cases/RemoveUsersFromTheDialogUseCase */ \"./src/Domain/use_cases/RemoveUsersFromTheDialogUseCase.ts\");\nvar __assign = (undefined && undefined.__assign) || function () {\n __assign = Object.assign || function(t) {\n for (var s, i = 1, n = arguments.length; i < n; i++) {\n s = arguments[i];\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __awaiter = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n return new (P || (P = Promise))(function (resolve, reject) {\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n step((generator = generator.apply(thisArg, _arguments || [])).next());\n });\n};\nvar __generator = (undefined && undefined.__generator) || function (thisArg, body) {\n var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\n return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\n function verb(n) { return function (v) { return step([n, v]); }; }\n function step(op) {\n if (f) throw new TypeError(\"Generator is already executing.\");\n while (g && (g = 0, op[0] && (_ = 0)), _) try {\n if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\n if (y = 0, t) op = [op[0] & 2, t.value];\n switch (op[0]) {\n case 0: case 1: t = op; break;\n case 4: _.label++; return { value: op[1], done: false };\n case 5: _.label++; y = op[1]; op = [0]; continue;\n case 7: op = _.ops.pop(); _.trys.pop(); continue;\n default:\n if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\n if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\n if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\n if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\n if (t[2]) _.ops.pop();\n _.trys.pop(); continue;\n }\n op = body.call(thisArg, _);\n } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\n if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\n }\n};\nvar __spreadArray = (undefined && undefined.__spreadArray) || function (to, from, pack) {\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\n if (ar || !(i in from)) {\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\n ar[i] = from[i];\n }\n }\n return to.concat(ar || Array.prototype.slice.call(from));\n};\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nfunction useDialogsViewModel(currentContext, initPagination) {\n var _this = this;\n var _a;\n console.log('3.1. useDialogsViewModel');\n var startPagination = initPagination || new _Domain_repository_Pagination__WEBPACK_IMPORTED_MODULE_1__.Pagination();\n var _b = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false), loading = _b[0], setLoading = _b[1];\n var _c = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(''), error = _c[0], setError = _c[1];\n var _d = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(startPagination), pagination = _d[0], setPagination = _d[1];\n var _e = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]), dialogs = _e[0], setDialogs = _e[1];\n var _f = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(), newDialog = _f[0], setNewDialog = _f[1];\n //\n var currentUserId = (_a = currentContext.storage.REMOTE_DATA_SOURCE.authInformation) === null || _a === void 0 ? void 0 : _a.userId;\n // const currentContext = useQbDataContext();\n var remoteDataSourceMock = currentContext.storage.REMOTE_DATA_SOURCE;\n var eventMessageRepository = currentContext.storage.EVENT_MESSAGE_REPOSITORY;\n var useCaseSubscribeToDialogsUpdates = new _Domain_use_cases_SubscribeToDialogsUpdatesUseCaseWithMock__WEBPACK_IMPORTED_MODULE_2__.SubscribeToDialogsUpdatesUseCaseWithMock(new _Data_repository_DialogsRepository__WEBPACK_IMPORTED_MODULE_3__[\"default\"](currentContext.storage.LOCAL_DATA_SOURCE, remoteDataSourceMock));\n var subscribeToDialogEventsUseCase = new _Domain_use_cases_SubscribeToDialogEventsUseCase__WEBPACK_IMPORTED_MODULE_12__.SubscribeToDialogEventsUseCase(eventMessageRepository, 'DialogsViewModel');\n var dialogUpdateHandler = function (dialogInfo) {\n console.log('call dialogUpdateHandler in useDialogsViewModel');\n if (dialogInfo.eventMessageType === _Domain_entity_EventMessageType__WEBPACK_IMPORTED_MODULE_13__[\"default\"].SystemMessage) {\n if (dialogInfo.notificationTypes === _Domain_entity_NotificationTypes__WEBPACK_IMPORTED_MODULE_14__.NotificationTypes.UPDATE_DIALOG) {\n if (dialogInfo.messageInfo) {\n var dialogId = dialogInfo.messageInfo.dialogId;\n var getDialogByIdUseCase = new _Domain_use_cases_GetDialogByIdUseCase__WEBPACK_IMPORTED_MODULE_15__.GetDialogByIdUseCase(new _Data_repository_DialogsRepository__WEBPACK_IMPORTED_MODULE_3__[\"default\"](currentContext.storage.LOCAL_DATA_SOURCE, currentContext.storage.REMOTE_DATA_SOURCE), dialogId);\n // eslint-disable-next-line promise/catch-or-return,promise/always-return\n getDialogByIdUseCase.execute().then(function (updatedDialog) {\n setNewDialog(updatedDialog);\n });\n }\n }\n //\n if (dialogInfo.notificationTypes === _Domain_entity_NotificationTypes__WEBPACK_IMPORTED_MODULE_14__.NotificationTypes.DELETE_LEAVE_DIALOG) {\n if (dialogInfo.messageInfo &&\n dialogInfo.messageInfo.sender_id === currentUserId) {\n setNewDialog(undefined);\n }\n }\n //\n }\n };\n subscribeToDialogEventsUseCase\n .execute(dialogUpdateHandler)\n .catch(function (reason) {\n console.log((0,_utils_parse__WEBPACK_IMPORTED_MODULE_6__.stringifyError)(reason));\n });\n // eslint-disable-next-line @typescript-eslint/require-await\n function getDialogs(currentPagination) {\n return __awaiter(this, void 0, void 0, function () {\n var useCaseGetAllDialogs;\n return __generator(this, function (_a) {\n switch (_a.label) {\n case 0:\n console.log('getDialogs in useDialogsViewModel');\n console.log('EXECUTE USE CASES GET DIALOG WITH PAGINATION: ', JSON.stringify(currentPagination));\n setLoading(true);\n useCaseGetAllDialogs = new _Domain_use_cases_GetAllDialogsUseCaseWithMock__WEBPACK_IMPORTED_MODULE_4__.GetAllDialogsUseCaseWithMock(new _Data_repository_DialogsRepository__WEBPACK_IMPORTED_MODULE_3__[\"default\"](currentContext.storage.LOCAL_DATA_SOURCE, remoteDataSourceMock), currentPagination);\n return [4 /*yield*/, (useCaseGetAllDialogs === null || useCaseGetAllDialogs === void 0 ? void 0 : useCaseGetAllDialogs.execute().then(function (result) {\n console.log('EXECUTE COMPLETED: ', JSON.stringify(currentPagination));\n setDialogs(__spreadArray([], result.ResultData, true));\n setLoading(false);\n setPagination(result.CurrentPagination);\n }).catch(function (e) {\n console.log('call catch....', JSON.stringify(e));\n setError(\"\".concat(e.message));\n setLoading(false);\n }))];\n case 1:\n _a.sent();\n return [4 /*yield*/, (useCaseSubscribeToDialogsUpdates === null || useCaseSubscribeToDialogsUpdates === void 0 ? void 0 : useCaseSubscribeToDialogsUpdates.execute(function (data) {\n try {\n console.log('3.SUBSCRIBE EXECUTE in useDialogsViewModel:', data);\n setDialogs(__spreadArray([], data, true));\n setLoading(false);\n setError('');\n }\n catch (e) {\n console.log('catch error2');\n setError('ERROR2!!!');\n }\n }))];\n case 2:\n _a.sent();\n return [2 /*return*/];\n }\n });\n });\n }\n var release = function () {\n useCaseSubscribeToDialogsUpdates.release();\n };\n var setWaitLoadingStatus = function (status) {\n setLoading(status);\n };\n var createDialog = function (dialogInfo) { return __awaiter(_this, void 0, void 0, function () {\n var createDialogUseCase, resultDialog;\n return __generator(this, function (_a) {\n switch (_a.label) {\n case 0:\n console.log('call createDialog in use case with params: ', JSON.stringify(dialogInfo));\n createDialogUseCase = new _Domain_use_cases_CreateDialogUseCase__WEBPACK_IMPORTED_MODULE_5__.CreateDialogUseCase(eventMessageRepository, new _Data_repository_DialogsRepository__WEBPACK_IMPORTED_MODULE_3__[\"default\"](currentContext.storage.LOCAL_DATA_SOURCE, remoteDataSourceMock), dialogInfo);\n return [4 /*yield*/, createDialogUseCase\n .execute()\n .catch(function (e) {\n console.log('EXCEPTION IN CREATE NEW DIALOG: ', (0,_utils_parse__WEBPACK_IMPORTED_MODULE_6__.stringifyError)(e));\n setNewDialog(undefined);\n throw new Error((0,_utils_parse__WEBPACK_IMPORTED_MODULE_6__.stringifyError)(e));\n })];\n case 1:\n resultDialog = _a.sent();\n if (resultDialog) {\n setNewDialog(resultDialog);\n return [2 /*return*/, Promise.resolve(resultDialog)];\n }\n return [2 /*return*/, Promise.reject(resultDialog)];\n }\n });\n }); };\n var updateDialog = function (\n // eslint-disable-next-line @typescript-eslint/no-shadow,@typescript-eslint/no-unused-vars\n dialog) { return __awaiter(_this, void 0, void 0, function () {\n var updateDialogUseCase, resultDialog, participantIds, dialogForUpdate;\n var _a;\n return __generator(this, function (_b) {\n switch (_b.label) {\n case 0:\n updateDialogUseCase = new _Domain_use_cases_UpdateDialogUseCase__WEBPACK_IMPORTED_MODULE_7__.UpdateDialogUseCase(eventMessageRepository, new _Data_repository_DialogsRepository__WEBPACK_IMPORTED_MODULE_3__[\"default\"](currentContext.storage.LOCAL_DATA_SOURCE, remoteDataSourceMock), dialog);\n return [4 /*yield*/, updateDialogUseCase\n .execute()\n .catch(function (e) {\n console.log('Error updateDialogUseCase: ', (0,_utils_parse__WEBPACK_IMPORTED_MODULE_6__.stringifyError)(e));\n throw new Error((0,_utils_parse__WEBPACK_IMPORTED_MODULE_6__.stringifyError)(e));\n })];\n case 1:\n resultDialog = _b.sent();\n participantIds = dialog.participantIds;\n (_a = dialog.newParticipantIds) === null || _a === void 0 ? void 0 : _a.forEach(function (item) {\n if (!participantIds.includes(item)) {\n participantIds.push(item);\n }\n });\n dialogForUpdate = __assign(__assign({}, dialog), { participantIds: participantIds });\n setNewDialog(dialogForUpdate);\n return [2 /*return*/, Promise.resolve(resultDialog)];\n }\n });\n }); };\n var deleteDialog = function (\n // eslint-disable-next-line @typescript-eslint/no-shadow,@typescript-eslint/no-unused-vars\n dialogToDelete) { return __awaiter(_this, void 0, void 0, function () {\n var leaveResult, leaveDialogUseCase, usersForDeleteFromDialog, userToDeleteId, deleteUsersFromDialog;\n var _a;\n return __generator(this, function (_b) {\n switch (_b.label) {\n case 0:\n leaveResult = false;\n if (!(dialogToDelete.type === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_16__.DialogType[\"private\"])) return [3 /*break*/, 2];\n leaveDialogUseCase = new _Domain_use_cases_LeaveDialogUseCase__WEBPACK_IMPORTED_MODULE_8__.LeaveDialogUseCase(eventMessageRepository, new _Data_repository_DialogsRepository__WEBPACK_IMPORTED_MODULE_3__[\"default\"](currentContext.storage.LOCAL_DATA_SOURCE, remoteDataSourceMock), dialogToDelete, _Domain_use_cases_LeaveDialogUseCase__WEBPACK_IMPORTED_MODULE_8__.DialogLeaveType[\"delete\"]);\n return [4 /*yield*/, leaveDialogUseCase.execute().catch(function (e) {\n console.log('Error leaveDialogUseCase: ', (0,_utils_parse__WEBPACK_IMPORTED_MODULE_6__.stringifyError)(e));\n throw new Error((0,_utils_parse__WEBPACK_IMPORTED_MODULE_6__.stringifyError)(e));\n })];\n case 1:\n leaveResult = _b.sent();\n return [3 /*break*/, 4];\n case 2:\n usersForDeleteFromDialog = new Array();\n userToDeleteId = ((_a = remoteDataSourceMock === null || remoteDataSourceMock === void 0 ? void 0 : remoteDataSourceMock.authInformation) === null || _a === void 0 ? void 0 : _a.userId) || 0;\n usersForDeleteFromDialog.push(userToDeleteId);\n deleteUsersFromDialog = new _Domain_use_cases_RemoveUsersFromTheDialogUseCase__WEBPACK_IMPORTED_MODULE_17__.RemoveUsersFromTheDialogUseCase(eventMessageRepository, new _Data_repository_DialogsRepository__WEBPACK_IMPORTED_MODULE_3__[\"default\"](currentContext.storage.LOCAL_DATA_SOURCE, remoteDataSourceMock), dialogToDelete, usersForDeleteFromDialog);\n return [4 /*yield*/, deleteUsersFromDialog.execute().catch(function (e) {\n console.log('Error delete users from RemoveUsersFromDialogUseCase: ', (0,_utils_parse__WEBPACK_IMPORTED_MODULE_6__.stringifyError)(e));\n throw new Error((0,_utils_parse__WEBPACK_IMPORTED_MODULE_6__.stringifyError)(e));\n })];\n case 3:\n leaveResult = _b.sent();\n _b.label = 4;\n case 4:\n if (leaveResult) {\n return [2 /*return*/, Promise.resolve(leaveResult)];\n }\n return [2 /*return*/, Promise.reject(leaveResult)];\n }\n });\n }); };\n var removeMembers = function (dialog) { return __awaiter(_this, void 0, void 0, function () {\n var leaveResult, deleteUsersFromDialog, dialogForUpdate;\n return __generator(this, function (_a) {\n switch (_a.label) {\n case 0:\n leaveResult = false;\n if (!(dialog.participantsToRemoveIds &&\n dialog.participantsToRemoveIds.length > 0)) return [3 /*break*/, 2];\n deleteUsersFromDialog = new _Domain_use_cases_RemoveUsersFromTheDialogUseCase__WEBPACK_IMPORTED_MODULE_17__.RemoveUsersFromTheDialogUseCase(eventMessageRepository, new _Data_repository_DialogsRepository__WEBPACK_IMPORTED_MODULE_3__[\"default\"](currentContext.storage.LOCAL_DATA_SOURCE, remoteDataSourceMock), dialog, dialog.participantsToRemoveIds);\n return [4 /*yield*/, deleteUsersFromDialog.execute().catch(function (e) {\n console.log('Error delete users from RemoveUsersFromDialogUseCase: ', (0,_utils_parse__WEBPACK_IMPORTED_MODULE_6__.stringifyError)(e));\n throw new Error((0,_utils_parse__WEBPACK_IMPORTED_MODULE_6__.stringifyError)(e));\n })];\n case 1:\n leaveResult = _a.sent();\n _a.label = 2;\n case 2:\n if (leaveResult) {\n dialogForUpdate = __assign(__assign({}, dialog), { participantIds: dialog.participantIds.filter(function (item) { var _a; return !((_a = dialog.participantsToRemoveIds) === null || _a === void 0 ? void 0 : _a.includes(item)); }) });\n setNewDialog(dialogForUpdate);\n return [2 /*return*/, Promise.resolve(leaveResult)];\n }\n return [2 /*return*/, Promise.reject(leaveResult)];\n }\n });\n }); };\n var uploadFile = function (file) { return __awaiter(_this, void 0, void 0, function () {\n var fileEntity, uploadFileUseCase, resultEnity;\n return __generator(this, function (_a) {\n switch (_a.label) {\n case 0:\n fileEntity = _Data_Stubs__WEBPACK_IMPORTED_MODULE_11__.Stubs.createFileEntityWithDefaultValues();\n fileEntity.data = file;\n fileEntity.uid = '';\n fileEntity.name = file.name;\n fileEntity.size = file.size;\n uploadFileUseCase = new _Domain_use_cases_UploadFileUseCase__WEBPACK_IMPORTED_MODULE_9__.UploadFileUseCase(new _Data_repository_FileRepository__WEBPACK_IMPORTED_MODULE_10__.FileRepository(currentContext.storage.LOCAL_DATA_SOURCE, remoteDataSourceMock), fileEntity);\n return [4 /*yield*/, uploadFileUseCase\n .execute()\n .catch(function (e) {\n console.log('Error UploadFileUseCase: ', (0,_utils_parse__WEBPACK_IMPORTED_MODULE_6__.stringifyError)(e));\n throw new Error((0,_utils_parse__WEBPACK_IMPORTED_MODULE_6__.stringifyError)(e));\n })];\n case 1:\n resultEnity = _a.sent();\n return [2 /*return*/, Promise.resolve(resultEnity)];\n }\n });\n }); };\n return {\n get entity() {\n return newDialog;\n },\n set entity(item) {\n setNewDialog(item);\n },\n dialogs: dialogs,\n loading: loading,\n error: error,\n pagination: pagination,\n // eslint-disable-next-line @typescript-eslint/no-misused-promises\n getDialogs: getDialogs,\n release: release,\n createDialog: createDialog,\n updateDialog: updateDialog,\n deleteDialog: deleteDialog,\n uploadFile: uploadFile,\n removeMembers: removeMembers,\n setWaitLoadingStatus: setWaitLoadingStatus,\n };\n}\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/Presentation/Views/Dialogs/useDialogsViewModel.ts?");
1602
1602
 
1603
1603
  /***/ }),
1604
1604
 
1605
- /***/ "./src/Presentation/assets/ DefaultThemes/DefaultTheme.ts":
1606
- /*!****************************************************************!*\
1607
- !*** ./src/Presentation/assets/ DefaultThemes/DefaultTheme.ts ***!
1608
- \****************************************************************/
1605
+ /***/ "./src/Presentation/assets/DefaultThemes/DefaultTheme.ts":
1606
+ /*!***************************************************************!*\
1607
+ !*** ./src/Presentation/assets/DefaultThemes/DefaultTheme.ts ***!
1608
+ \***************************************************************/
1609
1609
  /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
1610
1610
 
1611
1611
  "use strict";
1612
- eval("__webpack_require__.r(__webpack_exports__);\nvar DefaultTheme = /** @class */ (function () {\n function DefaultTheme() {\n // eslint-disable-next-line class-methods-use-this\n this.divider = function () { return 'var(--divider)'; };\n // eslint-disable-next-line class-methods-use-this\n this.mainText = function () { return 'var(--main-text)'; };\n // eslint-disable-next-line class-methods-use-this\n this.fontFamily = function () { return 'var(--font-family)'; };\n //\n // eslint-disable-next-line class-methods-use-this\n this.caption = function () { return 'var(--caption)'; };\n // eslint-disable-next-line class-methods-use-this\n this.chatInput = function () { return 'var(--chat-input)'; };\n // eslint-disable-next-line class-methods-use-this\n this.disabledElements = function () { return 'var(--disabled-elements)'; };\n // eslint-disable-next-line class-methods-use-this\n this.dropdownBackground = function () { return 'var(--dropdown-background)'; };\n // eslint-disable-next-line class-methods-use-this\n this.error = function () { return 'var(--error)'; };\n // eslint-disable-next-line class-methods-use-this\n this.fieldBorder = function () { return 'var(--field-border)'; };\n // eslint-disable-next-line class-methods-use-this\n this.hightlight = function () { return 'var(--hightlight)'; };\n // eslint-disable-next-line class-methods-use-this\n this.incomingBackground = function () { return 'var(--incoming-background)'; };\n // eslint-disable-next-line class-methods-use-this\n this.inputElements = function () { return 'var(--input-elements)'; };\n // eslint-disable-next-line class-methods-use-this\n this.mainBackground = function () { return 'var(--main-background)'; };\n // eslint-disable-next-line class-methods-use-this\n this.mainElements = function () { return 'var(--main-elements)'; };\n // eslint-disable-next-line class-methods-use-this\n this.outgoingBackground = function () { return 'var(--outgoing-background)'; };\n // eslint-disable-next-line class-methods-use-this\n this.secondaryBackground = function () { return 'var(--secondary-background)'; };\n // eslint-disable-next-line class-methods-use-this\n this.secondaryElements = function () { return 'var(--secondary-elements)'; };\n // eslint-disable-next-line class-methods-use-this\n this.secondaryText = function () { return 'var(--secondary-text)'; };\n }\n return DefaultTheme;\n}());\n/* harmony default export */ __webpack_exports__[\"default\"] = (DefaultTheme);\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/Presentation/assets/_DefaultThemes/DefaultTheme.ts?");
1612
+ eval("__webpack_require__.r(__webpack_exports__);\nvar DefaultTheme = /** @class */ (function () {\n function DefaultTheme() {\n // eslint-disable-next-line class-methods-use-this\n this.divider = function () { return 'var(--divider)'; };\n // eslint-disable-next-line class-methods-use-this\n this.mainText = function () { return 'var(--main-text)'; };\n // eslint-disable-next-line class-methods-use-this\n this.fontFamily = function () { return 'var(--font-family)'; };\n //\n // eslint-disable-next-line class-methods-use-this\n this.caption = function () { return 'var(--caption)'; };\n // eslint-disable-next-line class-methods-use-this\n this.chatInput = function () { return 'var(--chat-input)'; };\n // eslint-disable-next-line class-methods-use-this\n this.disabledElements = function () { return 'var(--disabled-elements)'; };\n // eslint-disable-next-line class-methods-use-this\n this.dropdownBackground = function () { return 'var(--dropdown-background)'; };\n // eslint-disable-next-line class-methods-use-this\n this.error = function () { return 'var(--error)'; };\n // eslint-disable-next-line class-methods-use-this\n this.fieldBorder = function () { return 'var(--field-border)'; };\n // eslint-disable-next-line class-methods-use-this\n this.hightlight = function () { return 'var(--hightlight)'; };\n // eslint-disable-next-line class-methods-use-this\n this.incomingBackground = function () { return 'var(--incoming-background)'; };\n // eslint-disable-next-line class-methods-use-this\n this.inputElements = function () { return 'var(--input-elements)'; };\n // eslint-disable-next-line class-methods-use-this\n this.mainBackground = function () { return 'var(--main-background)'; };\n // eslint-disable-next-line class-methods-use-this\n this.mainElements = function () { return 'var(--main-elements)'; };\n // eslint-disable-next-line class-methods-use-this\n this.outgoingBackground = function () { return 'var(--outgoing-background)'; };\n // eslint-disable-next-line class-methods-use-this\n this.secondaryBackground = function () { return 'var(--secondary-background)'; };\n // eslint-disable-next-line class-methods-use-this\n this.secondaryElements = function () { return 'var(--secondary-elements)'; };\n // eslint-disable-next-line class-methods-use-this\n this.secondaryText = function () { return 'var(--secondary-text)'; };\n }\n return DefaultTheme;\n}());\n/* harmony default export */ __webpack_exports__[\"default\"] = (DefaultTheme);\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/Presentation/assets/DefaultThemes/DefaultTheme.ts?");
1613
1613
 
1614
1614
  /***/ }),
1615
1615
 
@@ -1664,7 +1664,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var reac
1664
1664
  /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
1665
1665
 
1666
1666
  "use strict";
1667
- eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _DialogInformation_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./DialogInformation.scss */ \"./src/Presentation/components/UI/Dialogs/DialogInformation/DialogInformation.scss\");\n/* harmony import */ var _containers_ColumnContainer_ColumnContainer__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../containers/ColumnContainer/ColumnContainer */ \"./src/Presentation/components/containers/ColumnContainer/ColumnContainer.tsx\");\n/* harmony import */ var _svgs_Icons_Navigation_Close__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../svgs/Icons/Navigation/Close */ \"./src/Presentation/components/UI/svgs/Icons/Navigation/Close/index.tsx\");\n/* harmony import */ var _svgs_Icons_Toggle_NotifyOn__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../svgs/Icons/Toggle/NotifyOn */ \"./src/Presentation/components/UI/svgs/Icons/Toggle/NotifyOn/index.tsx\");\n/* harmony import */ var _Elements_SwitchButton_SwitchButton__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../Elements/SwitchButton/SwitchButton */ \"./src/Presentation/components/UI/Elements/SwitchButton/SwitchButton.tsx\");\n/* harmony import */ var _svgs_Icons_Contents_GroupChat__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../svgs/Icons/Contents/GroupChat */ \"./src/Presentation/components/UI/svgs/Icons/Contents/GroupChat/index.tsx\");\n/* harmony import */ var _svgs_Icons_Navigation_Search__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../svgs/Icons/Navigation/Search */ \"./src/Presentation/components/UI/svgs/Icons/Navigation/Search/index.tsx\");\n/* harmony import */ var _UsersList_UsersList__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./UsersList/UsersList */ \"./src/Presentation/components/UI/Dialogs/DialogInformation/UsersList/UsersList.tsx\");\n/* harmony import */ var _UsersList_useUsersListViewModel__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./UsersList/useUsersListViewModel */ \"./src/Presentation/components/UI/Dialogs/DialogInformation/UsersList/useUsersListViewModel.ts\");\n/* harmony import */ var _Placeholders_ErrorComponent_ErrorComponent__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../Placeholders/ErrorComponent/ErrorComponent */ \"./src/Presentation/components/UI/Placeholders/ErrorComponent/ErrorComponent.tsx\");\n/* harmony import */ var _Placeholders_LoaderComponent_LoaderComponent__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../Placeholders/LoaderComponent/LoaderComponent */ \"./src/Presentation/components/UI/Placeholders/LoaderComponent/LoaderComponent.tsx\");\n/* harmony import */ var _svgs_ActiveSvg_ActiveSvg__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../svgs/ActiveSvg/ActiveSvg */ \"./src/Presentation/components/UI/svgs/ActiveSvg/ActiveSvg.tsx\");\n/* harmony import */ var _svgs_Icons_Navigation_Leave__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../../svgs/Icons/Navigation/Leave */ \"./src/Presentation/components/UI/svgs/Icons/Navigation/Leave/index.tsx\");\n/* harmony import */ var _svgs_Icons_Navigation_Next__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../../svgs/Icons/Navigation/Next */ \"./src/Presentation/components/UI/svgs/Icons/Navigation/Next/index.tsx\");\n/* harmony import */ var _svgs_Icons_Navigation_Down__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../../svgs/Icons/Navigation/Down */ \"./src/Presentation/components/UI/svgs/Icons/Navigation/Down/index.tsx\");\n/* harmony import */ var _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../../../../../Domain/entity/DialogTypes */ \"./src/Domain/entity/DialogTypes.ts\");\n/* harmony import */ var _svgs_Icons_Contents_PublicChannel__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ../../svgs/Icons/Contents/PublicChannel */ \"./src/Presentation/components/UI/svgs/Icons/Contents/PublicChannel/index.tsx\");\n/* harmony import */ var _svgs_Icons_Contents_User__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ../../svgs/Icons/Contents/User */ \"./src/Presentation/components/UI/svgs/Icons/Contents/User/index.tsx\");\n/* harmony import */ var _Buttons_ActiveButton_ActiveButton__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ../../Buttons/ActiveButton/ActiveButton */ \"./src/Presentation/components/UI/Buttons/ActiveButton/ActiveButton.tsx\");\n/* harmony import */ var _providers_ModalContextProvider_Modal__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ../../../providers/ModalContextProvider/Modal */ \"./src/Presentation/components/providers/ModalContextProvider/Modal.tsx\");\n/* harmony import */ var _EditDialog_EditDialog__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ../EditDialog/EditDialog */ \"./src/Presentation/components/UI/Dialogs/EditDialog/EditDialog.tsx\");\n/* harmony import */ var _InviteMembers_InviteMembers__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ../InviteMembers/InviteMembers */ \"./src/Presentation/components/UI/Dialogs/InviteMembers/InviteMembers.tsx\");\n/* harmony import */ var _Domain_entity_PublicDialogEntity__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ../../../../../Domain/entity/PublicDialogEntity */ \"./src/Domain/entity/PublicDialogEntity.ts\");\n/* harmony import */ var _YesNoQuestion_YesNoQuestion__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ../YesNoQuestion/YesNoQuestion */ \"./src/Presentation/components/UI/Dialogs/YesNoQuestion/YesNoQuestion.tsx\");\n/* harmony import */ var _MembersList_MembersList__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ../MembersList/MembersList */ \"./src/Presentation/components/UI/Dialogs/MembersList/MembersList.tsx\");\n/* harmony import */ var _utils_parse__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! ../../../../../utils/parse */ \"./src/utils/parse.ts\");\n/* harmony import */ var _EditDialog_UserAvatar_UserAvatar__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! ../EditDialog/UserAvatar/UserAvatar */ \"./src/Presentation/components/UI/Dialogs/EditDialog/UserAvatar/UserAvatar.tsx\");\n/* harmony import */ var _Buttons_MainButton_MainButton__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(/*! ../../Buttons/MainButton/MainButton */ \"./src/Presentation/components/UI/Buttons/MainButton/MainButton.tsx\");\n/* harmony import */ var _providers_QuickBloxUIKitProvider_useQbDataContext__WEBPACK_IMPORTED_MODULE_30__ = __webpack_require__(/*! ../../../providers/QuickBloxUIKitProvider/useQbDataContext */ \"./src/Presentation/components/providers/QuickBloxUIKitProvider/useQbDataContext.ts\");\nvar __assign = (undefined && undefined.__assign) || function () {\n __assign = Object.assign || function(t) {\n for (var s, i = 1, n = arguments.length; i < n; i++) {\n s = arguments[i];\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __awaiter = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n return new (P || (P = Promise))(function (resolve, reject) {\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n step((generator = generator.apply(thisArg, _arguments || [])).next());\n });\n};\nvar __generator = (undefined && undefined.__generator) || function (thisArg, body) {\n var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\n return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\n function verb(n) { return function (v) { return step([n, v]); }; }\n function step(op) {\n if (f) throw new TypeError(\"Generator is already executing.\");\n while (g && (g = 0, op[0] && (_ = 0)), _) try {\n if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\n if (y = 0, t) op = [op[0] & 2, t.value];\n switch (op[0]) {\n case 0: case 1: t = op; break;\n case 4: _.label++; return { value: op[1], done: false };\n case 5: _.label++; y = op[1]; op = [0]; continue;\n case 7: op = _.ops.pop(); _.trys.pop(); continue;\n default:\n if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\n if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\n if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\n if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\n if (t[2]) _.ops.pop();\n _.trys.pop(); continue;\n }\n op = body.call(thisArg, _);\n } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\n if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\n }\n};\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n// eslint-disable-next-line react/function-component-definition\nvar DialogInformation = function (_a) {\n var _b, _c;\n var dialog = _a.dialog, dialogViewModel = _a.dialogViewModel, closeInformationHandler = _a.closeInformationHandler;\n var currentContext = (0,_providers_QuickBloxUIKitProvider_useQbDataContext__WEBPACK_IMPORTED_MODULE_30__[\"default\"])();\n var currentUserId = (_b = currentContext.storage.REMOTE_DATA_SOURCE.authInformation) === null || _b === void 0 ? void 0 : _b.userId.toString();\n var handleModal = react__WEBPACK_IMPORTED_MODULE_1___default().useContext(_providers_ModalContextProvider_Modal__WEBPACK_IMPORTED_MODULE_21__.ModalContext).handleModal;\n var userViewModel = (0,_UsersList_useUsersListViewModel__WEBPACK_IMPORTED_MODULE_10__[\"default\"])(dialog);\n var _d = react__WEBPACK_IMPORTED_MODULE_1___default().useState(false), showMembersDialog = _d[0], setShowMembersDialog = _d[1];\n var _e = react__WEBPACK_IMPORTED_MODULE_1___default().useState(false), isAllMembersShow = _e[0], setIsAllMembersShow = _e[1];\n (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n console.log('HAVE NEW DIALOG');\n if (dialog === undefined && closeInformationHandler) {\n console.log('HAVE UNDEFINED NEW DIALOG');\n closeInformationHandler();\n return;\n }\n userViewModel.entity = dialogViewModel.entity;\n setShowMembersDialog(false);\n }, [dialog, dialogViewModel.entity]);\n (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n userViewModel.getUsers();\n }, [userViewModel.entity]);\n (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n console.log('users list has changed in DialogInformation:');\n console.log(userViewModel.users);\n }, [userViewModel.users]);\n var searchDialogHandler = function () {\n console.log('searchDialogHandler');\n };\n var closeModal = function () {\n handleModal(false, '', '', false, false);\n };\n var leaveDialogHandler = function () {\n handleModal(true, (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_containers_ColumnContainer_ColumnContainer__WEBPACK_IMPORTED_MODULE_3__[\"default\"], __assign({ gapBetweenItem: \"8px\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_YesNoQuestion_YesNoQuestion__WEBPACK_IMPORTED_MODULE_25__[\"default\"], { noActionCaption: \"Cancel\", yesActionCaption: \"Leave\", ClickYesActionHandler: function () {\n dialogViewModel\n .deleteDialog(((dialogViewModel === null || dialogViewModel === void 0 ? void 0 : dialogViewModel.entity) || dialog))\n .then(function (result) {\n if (result)\n closeModal();\n return result;\n })\n .catch(function (e) {\n console.log('exception in DeleteDialogHandler', (0,_utils_parse__WEBPACK_IMPORTED_MODULE_27__.stringifyError)(e));\n });\n }, ClickNoActionHandler: function () {\n closeModal();\n } }) })), 'Leave dialog?', false, true);\n };\n var showMembersDialogHandler = function () {\n setShowMembersDialog(!showMembersDialog);\n };\n // eslint-disable-next-line consistent-return\n var renderIconForTypeDialog = function (dialogEntity) {\n console.log(JSON.stringify(dialogEntity));\n if (dialogEntity.type === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_17__.DialogType.group) {\n var groupDialogEntity = dialogEntity;\n if (groupDialogEntity.photo) {\n return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_EditDialog_UserAvatar_UserAvatar__WEBPACK_IMPORTED_MODULE_28__[\"default\"], { urlAvatar: groupDialogEntity.photo, iconTheme: { width: '81px', height: '81px' } }));\n }\n return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Contents_GroupChat__WEBPACK_IMPORTED_MODULE_7__[\"default\"], { width: \"51\", height: \"51\", color: \"var(--secondary-text)\" });\n }\n if (dialogEntity.type === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_17__.DialogType[\"private\"]) {\n return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Contents_User__WEBPACK_IMPORTED_MODULE_19__[\"default\"], { width: \"51\", height: \"51\", color: \"var(--secondary-text)\" });\n }\n if (dialogEntity.type === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_17__.DialogType[\"public\"]) {\n var publicDialogEntity = dialogEntity;\n if (publicDialogEntity.photo) {\n return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_EditDialog_UserAvatar_UserAvatar__WEBPACK_IMPORTED_MODULE_28__[\"default\"], { urlAvatar: publicDialogEntity.photo, iconTheme: { width: '81px', height: '81px' } }));\n }\n return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Contents_PublicChannel__WEBPACK_IMPORTED_MODULE_18__[\"default\"], { width: \"51\", height: \"51\", color: \"var(--secondary-text)\" }));\n }\n };\n function executeUpdateActions(params) {\n return __awaiter(this, void 0, void 0, function () {\n var newUidAvatar, uploadedFile, dialogForUpdate;\n return __generator(this, function (_a) {\n switch (_a.label) {\n case 0:\n newUidAvatar = null;\n console.log('before urlPhoto: ', newUidAvatar);\n if (!params.dialogAvatar) return [3 /*break*/, 3];\n if (!(params.dialogAvatar !== 'null')) return [3 /*break*/, 2];\n return [4 /*yield*/, dialogViewModel.uploadFile(params.dialogAvatar)];\n case 1:\n uploadedFile = _a.sent();\n newUidAvatar = uploadedFile.uid;\n return [3 /*break*/, 3];\n case 2:\n newUidAvatar = 'null';\n _a.label = 3;\n case 3:\n console.log('after urlPhoto: ', newUidAvatar);\n if (\n // newUidAvatar ||\n dialog.photo !== newUidAvatar ||\n (params.dialogTitle.length > 0 && params.dialogTitle !== dialog.name)) {\n dialogForUpdate = __assign(__assign({}, dialog), { name: params.dialogTitle, photo: newUidAvatar, newParticipantIds: [] });\n dialogViewModel\n .updateDialog(dialogForUpdate)\n // eslint-disable-next-line promise/always-return\n .then(function (data) {\n console.log('result update title dialog: ', JSON.stringify(data));\n // closeModal();\n })\n .catch(function (e) {\n console.log('Exception: ', e);\n });\n }\n return [2 /*return*/];\n }\n });\n });\n }\n var getDialogUpdatedInfoHandler = function (params) {\n console.log('call getDialogUpdatedInfoHandler, params: ', JSON.stringify(params));\n // eslint-disable-next-line promise/catch-or-return,promise/always-return\n executeUpdateActions(params).then(function () {\n closeModal();\n });\n };\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n var _f = react__WEBPACK_IMPORTED_MODULE_1___default().useState(document.documentElement.getAttribute('data-theme')), themeName = _f[0], setThemeName = _f[1];\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n var changeThemeActions = function () {\n setThemeName(document.documentElement.getAttribute('data-theme'));\n };\n var getUrlAvatar = function (dialogEntity) {\n switch (dialogEntity.type) {\n case _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_17__.DialogType.group:\n return dialogEntity.photo || undefined;\n break;\n case _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_17__.DialogType[\"public\"]:\n return dialogEntity.photo || undefined;\n break;\n case _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_17__.DialogType[\"private\"]:\n return undefined;\n break;\n default:\n return undefined;\n break;\n }\n };\n return isAllMembersShow ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_MembersList_MembersList__WEBPACK_IMPORTED_MODULE_26__[\"default\"], { closeInformationHandler: function () {\n setIsAllMembersShow(false);\n }, members: userViewModel.users })) : ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"dialog-information-container\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_containers_ColumnContainer_ColumnContainer__WEBPACK_IMPORTED_MODULE_3__[\"default\"], __assign({ maxWidth: \"320px\" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: \"dialog-information-container--dialog-information-wrapper\" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"dialog-information-container__dialog-information\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", { children: \"Dialog information\" }) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"dialog-information-container__dialog-information-close\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_ActiveSvg_ActiveSvg__WEBPACK_IMPORTED_MODULE_13__[\"default\"], { content: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Navigation_Close__WEBPACK_IMPORTED_MODULE_4__[\"default\"], { applyZoom: true, color: \"var(--secondary-elements)\" }), clickAction: function () {\n if (closeInformationHandler) {\n closeInformationHandler();\n }\n } }) }))] })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"dialog-information-container--icon-dialog-wrapper\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"dialog-information-container__icon-dialog\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: \"dialog-information-container__icon-dialog__info\" }, { children: [dialog.type !== _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_17__.DialogType[\"private\"] ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"dialog-information-container__icon-dialog__btn\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Buttons_ActiveButton_ActiveButton__WEBPACK_IMPORTED_MODULE_20__[\"default\"], { content: \"Edit\", clickAction: function () {\n handleModal(true, (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_EditDialog_EditDialog__WEBPACK_IMPORTED_MODULE_22__[\"default\"], { nameDialog: (dialogViewModel === null || dialogViewModel === void 0 ? void 0 : dialogViewModel.entity.name) || dialog.name, typeDialog: (dialogViewModel === null || dialogViewModel === void 0 ? void 0 : dialogViewModel.entity.type) || dialog.type, ulrIcon: getUrlAvatar((dialogViewModel === null || dialogViewModel === void 0 ? void 0 : dialogViewModel.entity) || dialog), typeAddEditDialog: _EditDialog_EditDialog__WEBPACK_IMPORTED_MODULE_22__.TypeOpenDialog.edit, clickUpdatedHandler: getDialogUpdatedInfoHandler, clickCancelHandler: closeModal }), 'Edit dialog', false, false);\n }, touchAction: function () {\n console.log('call touchAction');\n } }) }))) : null, (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"dialog-information-container__icon-dialog__info__icon\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"dialog-information-container__icon-dialog__info__icon__content\" }, { children: renderIconForTypeDialog((dialogViewModel === null || dialogViewModel === void 0 ? void 0 : dialogViewModel.entity) || dialog) })) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"dialog-information-container__icon-dialog__info__dialog-name\" }, { children: ((_c = dialogViewModel === null || dialogViewModel === void 0 ? void 0 : dialogViewModel.entity) === null || _c === void 0 ? void 0 : _c.name) || (dialog === null || dialog === void 0 ? void 0 : dialog.name) }))] })) })) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: \"dialog-information-container--notifications-wrapper\" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"dialog-information-container--notifications-wrapper__notifications-icon\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Toggle_NotifyOn__WEBPACK_IMPORTED_MODULE_5__[\"default\"], { width: \"24\", height: \"24\", applyZoom: true }) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"dialog-information-container--notifications-wrapper__notifications\" }, { children: \"Notifications\" })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ onClick: function () {\n console.log('clicked SwitchButton theme');\n document.documentElement.setAttribute('data-theme', 'dark');\n // changeThemeActions();\n }, className: \"dialog-information-container--notifications-wrapper__notifications-button\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Elements_SwitchButton_SwitchButton__WEBPACK_IMPORTED_MODULE_6__[\"default\"], { clickHandler: function () {\n console.log('clicked SwitchButton theme');\n } }) }))] })), dialog.type !== _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_17__.DialogType[\"private\"] ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: \"dialog-information-container--members-wrapper\" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"dialog-information-container--members-wrapper__members-icon\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Contents_GroupChat__WEBPACK_IMPORTED_MODULE_7__[\"default\"], { width: \"24\", height: \"24\", applyZoom: true, color: \"var(--secondary-elements)\" }) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"dialog-information-container--members-wrapper__members\" }, { children: \"Members\" })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: \"dialog-information-container--members-wrapper__members-button\" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"dialog-information-container--members-wrapper__members-button__count\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"dialog-information-container--members-wrapper__members-button__count__content\" }, { children: userViewModel.users.length })) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"dialog-information-container--members-wrapper__members-button__btn\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_ActiveSvg_ActiveSvg__WEBPACK_IMPORTED_MODULE_13__[\"default\"], { content: showMembersDialog ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Navigation_Down__WEBPACK_IMPORTED_MODULE_16__[\"default\"], { applyZoom: true, width: \"24\", height: \"24\", color: \"var(--secondary-elements)\" })) : ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Navigation_Next__WEBPACK_IMPORTED_MODULE_15__[\"default\"], { applyZoom: true, width: \"24\", height: \"24\", color: \"var(--secondary-elements)\" })), clickAction: function () { return showMembersDialogHandler(); }, touchAction: function () { return console.log('showMembersDialogHandler'); } }) }))] }))] })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", { children: showMembersDialog ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_containers_ColumnContainer_ColumnContainer__WEBPACK_IMPORTED_MODULE_3__[\"default\"], { children: [(userViewModel === null || userViewModel === void 0 ? void 0 : userViewModel.loading) && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ style: {\n height: '44px',\n width: '44px',\n } }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Placeholders_LoaderComponent_LoaderComponent__WEBPACK_IMPORTED_MODULE_12__[\"default\"], { width: \"44\", height: \"44\" }) }))), (userViewModel === null || userViewModel === void 0 ? void 0 : userViewModel.error) && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Placeholders_ErrorComponent_ErrorComponent__WEBPACK_IMPORTED_MODULE_11__[\"default\"], { title: userViewModel === null || userViewModel === void 0 ? void 0 : userViewModel.error, ClickActionHandler: function () {\n alert('call click retry');\n } })), userViewModel.users && userViewModel.users.length > 0 && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"dialog-information-container--members-wrapper__members-list\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_UsersList_UsersList__WEBPACK_IMPORTED_MODULE_9__[\"default\"], { usersFirstPageToView: userViewModel.users, allUsers: userViewModel.users, usersInDialogCount: userViewModel.users.length }) }))), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"btn-container-members\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: \"btn-container-members--wrapper\" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Buttons_MainButton_MainButton__WEBPACK_IMPORTED_MODULE_29__[\"default\"], { title: \"Invite members\", clickHandler: function () {\n handleModal(true, (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_InviteMembers_InviteMembers__WEBPACK_IMPORTED_MODULE_23__[\"default\"], { participants: _Domain_entity_PublicDialogEntity__WEBPACK_IMPORTED_MODULE_24__.PublicDialogEntity.getParticipants((dialogViewModel === null || dialogViewModel === void 0 ? void 0 : dialogViewModel.entity) || dialog), applyInviteUsersHandler: function (usersForInvite, \n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n usersForRemove) {\n console.log('apply invite users');\n console.log('HAVE SELECTED USERS: ', JSON.stringify(usersForInvite));\n var alreadyPresents = _Domain_entity_PublicDialogEntity__WEBPACK_IMPORTED_MODULE_24__.PublicDialogEntity.getParticipants((dialogViewModel === null || dialogViewModel === void 0 ? void 0 : dialogViewModel.entity) || dialog);\n var newParticipants = usersForInvite.filter(function (item) { return alreadyPresents.indexOf(item) < 0; });\n if (newParticipants.length > 0) {\n var dialogForUpdate = __assign(__assign({}, ((dialogViewModel === null || dialogViewModel === void 0 ? void 0 : dialogViewModel.entity) ||\n dialog)), { participantIds: ((dialogViewModel === null || dialogViewModel === void 0 ? void 0 : dialogViewModel.entity) ||\n dialog).participantIds, newParticipantIds: newParticipants, photo: '', name: '' });\n dialogViewModel\n .updateDialog(dialogForUpdate)\n // eslint-disable-next-line promise/always-return\n .then(function (data) {\n console.log('result update dialog: ', JSON.stringify(data));\n closeModal();\n })\n .catch(function (e) {\n console.log('Exception: ', e);\n });\n }\n if (usersForRemove.length > 0) {\n var dialogForUpdate = __assign(__assign({}, ((dialogViewModel === null || dialogViewModel === void 0 ? void 0 : dialogViewModel.entity) ||\n dialog)), { photo: '', name: '', participantsToRemoveIds: usersForRemove });\n dialogViewModel\n .removeMembers(dialogForUpdate)\n // eslint-disable-next-line promise/always-return\n .then(function (data) {\n console.log('result removeMembers dialog: ', JSON.stringify(data));\n closeModal();\n })\n .catch(function (e) {\n console.log('Exception: ', e);\n });\n }\n }, cancelInviteMembersHandler: function () {\n closeModal();\n }, typeAddEditDialog: _EditDialog_EditDialog__WEBPACK_IMPORTED_MODULE_22__.TypeOpenDialog.edit, typeDialog: dialog.type, idOwnerDialog: dialog.ownerId }), 'Edit dialog', false, false);\n }, typeButton: _Buttons_MainButton_MainButton__WEBPACK_IMPORTED_MODULE_29__.TypeButton.outlined, disabled: dialog.ownerId !== currentUserId }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Buttons_MainButton_MainButton__WEBPACK_IMPORTED_MODULE_29__[\"default\"], { title: \"See all members\", typeButton: _Buttons_MainButton_MainButton__WEBPACK_IMPORTED_MODULE_29__.TypeButton.outlined, clickHandler: function () { return setIsAllMembersShow(true); } })] })) }))] })) : null })] })) : null, (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: \"dialog-information-container--search-wrapper\" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"dialog-information-container--search-wrapper__search-icon\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_ActiveSvg_ActiveSvg__WEBPACK_IMPORTED_MODULE_13__[\"default\"], { content: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Navigation_Search__WEBPACK_IMPORTED_MODULE_8__[\"default\"], { width: \"24\", height: \"24\", applyZoom: true }), clickAction: function () { return searchDialogHandler(); }, touchAction: function () { return searchDialogHandler(); } }) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"dialog-information-container--search-wrapper__search-text\" }, { children: \"Search in dialog\" }))] })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: \"dialog-information-container--leave-dialog-wrapper\" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"dialog-information-container--leave-dialog-wrapper__leave-icon\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_ActiveSvg_ActiveSvg__WEBPACK_IMPORTED_MODULE_13__[\"default\"], { content: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Navigation_Leave__WEBPACK_IMPORTED_MODULE_14__[\"default\"], { width: \"24\", height: \"24\", applyZoom: true }), clickAction: function () {\n leaveDialogHandler();\n }, touchAction: function () {\n leaveDialogHandler();\n } }) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"dialog-information-container--leave-dialog-wrapper__leave-text\" }, { children: \"Leave Dialog\" }))] }))] })) })));\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (DialogInformation);\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/Presentation/components/UI/Dialogs/DialogInformation/DialogInformation.tsx?");
1667
+ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _DialogInformation_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./DialogInformation.scss */ \"./src/Presentation/components/UI/Dialogs/DialogInformation/DialogInformation.scss\");\n/* harmony import */ var _containers_ColumnContainer_ColumnContainer__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../containers/ColumnContainer/ColumnContainer */ \"./src/Presentation/components/containers/ColumnContainer/ColumnContainer.tsx\");\n/* harmony import */ var _svgs_Icons_Navigation_Close__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../svgs/Icons/Navigation/Close */ \"./src/Presentation/components/UI/svgs/Icons/Navigation/Close/index.tsx\");\n/* harmony import */ var _svgs_Icons_Toggle_NotifyOn__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../svgs/Icons/Toggle/NotifyOn */ \"./src/Presentation/components/UI/svgs/Icons/Toggle/NotifyOn/index.tsx\");\n/* harmony import */ var _Elements_SwitchButton_SwitchButton__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../Elements/SwitchButton/SwitchButton */ \"./src/Presentation/components/UI/Elements/SwitchButton/SwitchButton.tsx\");\n/* harmony import */ var _svgs_Icons_Contents_GroupChat__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../svgs/Icons/Contents/GroupChat */ \"./src/Presentation/components/UI/svgs/Icons/Contents/GroupChat/index.tsx\");\n/* harmony import */ var _svgs_Icons_Navigation_Search__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../svgs/Icons/Navigation/Search */ \"./src/Presentation/components/UI/svgs/Icons/Navigation/Search/index.tsx\");\n/* harmony import */ var _UsersList_UsersList__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./UsersList/UsersList */ \"./src/Presentation/components/UI/Dialogs/DialogInformation/UsersList/UsersList.tsx\");\n/* harmony import */ var _UsersList_useUsersListViewModel__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./UsersList/useUsersListViewModel */ \"./src/Presentation/components/UI/Dialogs/DialogInformation/UsersList/useUsersListViewModel.ts\");\n/* harmony import */ var _Placeholders_ErrorComponent_ErrorComponent__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../Placeholders/ErrorComponent/ErrorComponent */ \"./src/Presentation/components/UI/Placeholders/ErrorComponent/ErrorComponent.tsx\");\n/* harmony import */ var _Placeholders_LoaderComponent_LoaderComponent__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../Placeholders/LoaderComponent/LoaderComponent */ \"./src/Presentation/components/UI/Placeholders/LoaderComponent/LoaderComponent.tsx\");\n/* harmony import */ var _svgs_ActiveSvg_ActiveSvg__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../svgs/ActiveSvg/ActiveSvg */ \"./src/Presentation/components/UI/svgs/ActiveSvg/ActiveSvg.tsx\");\n/* harmony import */ var _svgs_Icons_Navigation_Leave__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../../svgs/Icons/Navigation/Leave */ \"./src/Presentation/components/UI/svgs/Icons/Navigation/Leave/index.tsx\");\n/* harmony import */ var _svgs_Icons_Navigation_Next__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../../svgs/Icons/Navigation/Next */ \"./src/Presentation/components/UI/svgs/Icons/Navigation/Next/index.tsx\");\n/* harmony import */ var _svgs_Icons_Navigation_Down__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../../svgs/Icons/Navigation/Down */ \"./src/Presentation/components/UI/svgs/Icons/Navigation/Down/index.tsx\");\n/* harmony import */ var _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../../../../../Domain/entity/DialogTypes */ \"./src/Domain/entity/DialogTypes.ts\");\n/* harmony import */ var _svgs_Icons_Contents_PublicChannel__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ../../svgs/Icons/Contents/PublicChannel */ \"./src/Presentation/components/UI/svgs/Icons/Contents/PublicChannel/index.tsx\");\n/* harmony import */ var _svgs_Icons_Contents_User__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ../../svgs/Icons/Contents/User */ \"./src/Presentation/components/UI/svgs/Icons/Contents/User/index.tsx\");\n/* harmony import */ var _Buttons_ActiveButton_ActiveButton__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ../../Buttons/ActiveButton/ActiveButton */ \"./src/Presentation/components/UI/Buttons/ActiveButton/ActiveButton.tsx\");\n/* harmony import */ var _providers_ModalContextProvider_Modal__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ../../../providers/ModalContextProvider/Modal */ \"./src/Presentation/components/providers/ModalContextProvider/Modal.tsx\");\n/* harmony import */ var _EditDialog_EditDialog__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ../EditDialog/EditDialog */ \"./src/Presentation/components/UI/Dialogs/EditDialog/EditDialog.tsx\");\n/* harmony import */ var _InviteMembers_InviteMembers__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ../InviteMembers/InviteMembers */ \"./src/Presentation/components/UI/Dialogs/InviteMembers/InviteMembers.tsx\");\n/* harmony import */ var _Domain_entity_PublicDialogEntity__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ../../../../../Domain/entity/PublicDialogEntity */ \"./src/Domain/entity/PublicDialogEntity.ts\");\n/* harmony import */ var _YesNoQuestion_YesNoQuestion__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ../YesNoQuestion/YesNoQuestion */ \"./src/Presentation/components/UI/Dialogs/YesNoQuestion/YesNoQuestion.tsx\");\n/* harmony import */ var _MembersList_MembersList__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ../MembersList/MembersList */ \"./src/Presentation/components/UI/Dialogs/MembersList/MembersList.tsx\");\n/* harmony import */ var _utils_parse__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! ../../../../../utils/parse */ \"./src/utils/parse.ts\");\n/* harmony import */ var _EditDialog_UserAvatar_UserAvatar__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! ../EditDialog/UserAvatar/UserAvatar */ \"./src/Presentation/components/UI/Dialogs/EditDialog/UserAvatar/UserAvatar.tsx\");\n/* harmony import */ var _Buttons_MainButton_MainButton__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(/*! ../../Buttons/MainButton/MainButton */ \"./src/Presentation/components/UI/Buttons/MainButton/MainButton.tsx\");\n/* harmony import */ var _providers_QuickBloxUIKitProvider_useQbDataContext__WEBPACK_IMPORTED_MODULE_30__ = __webpack_require__(/*! ../../../providers/QuickBloxUIKitProvider/useQbDataContext */ \"./src/Presentation/components/providers/QuickBloxUIKitProvider/useQbDataContext.ts\");\nvar __assign = (undefined && undefined.__assign) || function () {\n __assign = Object.assign || function(t) {\n for (var s, i = 1, n = arguments.length; i < n; i++) {\n s = arguments[i];\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __awaiter = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n return new (P || (P = Promise))(function (resolve, reject) {\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n step((generator = generator.apply(thisArg, _arguments || [])).next());\n });\n};\nvar __generator = (undefined && undefined.__generator) || function (thisArg, body) {\n var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\n return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\n function verb(n) { return function (v) { return step([n, v]); }; }\n function step(op) {\n if (f) throw new TypeError(\"Generator is already executing.\");\n while (g && (g = 0, op[0] && (_ = 0)), _) try {\n if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\n if (y = 0, t) op = [op[0] & 2, t.value];\n switch (op[0]) {\n case 0: case 1: t = op; break;\n case 4: _.label++; return { value: op[1], done: false };\n case 5: _.label++; y = op[1]; op = [0]; continue;\n case 7: op = _.ops.pop(); _.trys.pop(); continue;\n default:\n if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\n if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\n if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\n if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\n if (t[2]) _.ops.pop();\n _.trys.pop(); continue;\n }\n op = body.call(thisArg, _);\n } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\n if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\n }\n};\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n// eslint-disable-next-line react/function-component-definition\nvar DialogInformation = function (_a) {\n var _b, _c;\n var dialog = _a.dialog, dialogViewModel = _a.dialogViewModel, closeInformationHandler = _a.closeInformationHandler, \n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n _d = _a.theme, \n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n theme = _d === void 0 ? undefined : _d;\n var currentContext = (0,_providers_QuickBloxUIKitProvider_useQbDataContext__WEBPACK_IMPORTED_MODULE_30__[\"default\"])();\n var currentUserId = (_b = currentContext.storage.REMOTE_DATA_SOURCE.authInformation) === null || _b === void 0 ? void 0 : _b.userId.toString();\n var handleModal = react__WEBPACK_IMPORTED_MODULE_1___default().useContext(_providers_ModalContextProvider_Modal__WEBPACK_IMPORTED_MODULE_21__.ModalContext).handleModal;\n var userViewModel = (0,_UsersList_useUsersListViewModel__WEBPACK_IMPORTED_MODULE_10__[\"default\"])(dialog);\n var _e = react__WEBPACK_IMPORTED_MODULE_1___default().useState(false), showMembersDialog = _e[0], setShowMembersDialog = _e[1];\n var _f = react__WEBPACK_IMPORTED_MODULE_1___default().useState(false), isAllMembersShow = _f[0], setIsAllMembersShow = _f[1];\n (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n console.log('HAVE NEW DIALOG');\n if (dialog === undefined && closeInformationHandler) {\n console.log('HAVE UNDEFINED NEW DIALOG');\n closeInformationHandler();\n return;\n }\n userViewModel.entity = dialogViewModel.entity;\n setShowMembersDialog(false);\n }, [dialog, dialogViewModel.entity]);\n (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n userViewModel.getUsers();\n }, [userViewModel.entity]);\n (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n console.log('users list has changed in DialogInformation:');\n console.log(userViewModel.users);\n }, [userViewModel.users]);\n var searchDialogHandler = function () {\n console.log('searchDialogHandler');\n };\n var closeModal = function () {\n handleModal(false, '', '', false, false);\n };\n var leaveDialogHandler = function () {\n handleModal(true, (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_containers_ColumnContainer_ColumnContainer__WEBPACK_IMPORTED_MODULE_3__[\"default\"], __assign({ gapBetweenItem: \"8px\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_YesNoQuestion_YesNoQuestion__WEBPACK_IMPORTED_MODULE_25__[\"default\"], { noActionCaption: \"Cancel\", yesActionCaption: \"Leave\", ClickYesActionHandler: function () {\n dialogViewModel\n .deleteDialog(((dialogViewModel === null || dialogViewModel === void 0 ? void 0 : dialogViewModel.entity) || dialog))\n .then(function (result) {\n if (result)\n closeModal();\n return result;\n })\n .catch(function (e) {\n console.log('exception in DeleteDialogHandler', (0,_utils_parse__WEBPACK_IMPORTED_MODULE_27__.stringifyError)(e));\n });\n }, ClickNoActionHandler: function () {\n closeModal();\n } }) })), 'Leave dialog?', false, true);\n };\n var showMembersDialogHandler = function () {\n setShowMembersDialog(!showMembersDialog);\n };\n // eslint-disable-next-line consistent-return\n var renderIconForTypeDialog = function (dialogEntity) {\n console.log(JSON.stringify(dialogEntity));\n if (dialogEntity.type === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_17__.DialogType.group) {\n var groupDialogEntity = dialogEntity;\n if (groupDialogEntity.photo) {\n return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_EditDialog_UserAvatar_UserAvatar__WEBPACK_IMPORTED_MODULE_28__[\"default\"], { urlAvatar: groupDialogEntity.photo, iconTheme: { width: '81px', height: '81px' } }));\n }\n return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Contents_GroupChat__WEBPACK_IMPORTED_MODULE_7__[\"default\"], { width: \"51\", height: \"51\", color: \"var(--secondary-text)\" });\n }\n if (dialogEntity.type === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_17__.DialogType[\"private\"]) {\n return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Contents_User__WEBPACK_IMPORTED_MODULE_19__[\"default\"], { width: \"51\", height: \"51\", color: \"var(--secondary-text)\" });\n }\n if (dialogEntity.type === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_17__.DialogType[\"public\"]) {\n var publicDialogEntity = dialogEntity;\n if (publicDialogEntity.photo) {\n return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_EditDialog_UserAvatar_UserAvatar__WEBPACK_IMPORTED_MODULE_28__[\"default\"], { urlAvatar: publicDialogEntity.photo, iconTheme: { width: '81px', height: '81px' } }));\n }\n return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Contents_PublicChannel__WEBPACK_IMPORTED_MODULE_18__[\"default\"], { width: \"51\", height: \"51\", color: \"var(--secondary-text)\" }));\n }\n };\n function executeUpdateActions(params) {\n return __awaiter(this, void 0, void 0, function () {\n var newUidAvatar, uploadedFile, dialogForUpdate;\n return __generator(this, function (_a) {\n switch (_a.label) {\n case 0:\n newUidAvatar = null;\n console.log('before urlPhoto: ', newUidAvatar);\n if (!params.dialogAvatar) return [3 /*break*/, 3];\n if (!(params.dialogAvatar !== 'null')) return [3 /*break*/, 2];\n return [4 /*yield*/, dialogViewModel.uploadFile(params.dialogAvatar)];\n case 1:\n uploadedFile = _a.sent();\n newUidAvatar = uploadedFile.uid;\n return [3 /*break*/, 3];\n case 2:\n newUidAvatar = 'null';\n _a.label = 3;\n case 3:\n console.log('after urlPhoto: ', newUidAvatar);\n if (\n // newUidAvatar ||\n dialog.photo !== newUidAvatar ||\n (params.dialogTitle.length > 0 && params.dialogTitle !== dialog.name)) {\n dialogForUpdate = __assign(__assign({}, dialog), { name: params.dialogTitle, photo: newUidAvatar, newParticipantIds: [] });\n dialogViewModel\n .updateDialog(dialogForUpdate)\n // eslint-disable-next-line promise/always-return\n .then(function (data) {\n console.log('result update title dialog: ', JSON.stringify(data));\n // closeModal();\n })\n .catch(function (e) {\n console.log('Exception: ', e);\n });\n }\n return [2 /*return*/];\n }\n });\n });\n }\n var getDialogUpdatedInfoHandler = function (params) {\n console.log('call getDialogUpdatedInfoHandler, params: ', JSON.stringify(params));\n // eslint-disable-next-line promise/catch-or-return,promise/always-return\n executeUpdateActions(params).then(function () {\n closeModal();\n });\n };\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n var _g = react__WEBPACK_IMPORTED_MODULE_1___default().useState(document.documentElement.getAttribute('data-theme')), themeName = _g[0], setThemeName = _g[1];\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n var changeThemeActions = function () {\n setThemeName(document.documentElement.getAttribute('data-theme'));\n };\n var getUrlAvatar = function (dialogEntity) {\n switch (dialogEntity.type) {\n case _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_17__.DialogType.group:\n return dialogEntity.photo || undefined;\n break;\n case _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_17__.DialogType[\"public\"]:\n return dialogEntity.photo || undefined;\n break;\n case _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_17__.DialogType[\"private\"]:\n return undefined;\n break;\n default:\n return undefined;\n break;\n }\n };\n return isAllMembersShow ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_MembersList_MembersList__WEBPACK_IMPORTED_MODULE_26__[\"default\"], { closeInformationHandler: function () {\n setIsAllMembersShow(false);\n }, members: userViewModel.users })) : ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"dialog-information-container\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_containers_ColumnContainer_ColumnContainer__WEBPACK_IMPORTED_MODULE_3__[\"default\"], __assign({ maxWidth: \"320px\" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: \"dialog-information-container--dialog-information-wrapper\" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"dialog-information-container__dialog-information\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", { children: \"Dialog information\" }) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"dialog-information-container__dialog-information-close\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_ActiveSvg_ActiveSvg__WEBPACK_IMPORTED_MODULE_13__[\"default\"], { content: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Navigation_Close__WEBPACK_IMPORTED_MODULE_4__[\"default\"], { applyZoom: true, color: \"var(--secondary-elements)\" }), clickAction: function () {\n if (closeInformationHandler) {\n closeInformationHandler();\n }\n } }) }))] })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"dialog-information-container--icon-dialog-wrapper\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"dialog-information-container__icon-dialog\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: \"dialog-information-container__icon-dialog__info\" }, { children: [dialog.type !== _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_17__.DialogType[\"private\"] &&\n dialog.ownerId === currentUserId ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"dialog-information-container__icon-dialog__btn\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Buttons_ActiveButton_ActiveButton__WEBPACK_IMPORTED_MODULE_20__[\"default\"], { content: \"Edit\", clickAction: function () {\n handleModal(true, (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_EditDialog_EditDialog__WEBPACK_IMPORTED_MODULE_22__[\"default\"], { nameDialog: (dialogViewModel === null || dialogViewModel === void 0 ? void 0 : dialogViewModel.entity.name) || dialog.name, typeDialog: (dialogViewModel === null || dialogViewModel === void 0 ? void 0 : dialogViewModel.entity.type) || dialog.type, ulrIcon: getUrlAvatar((dialogViewModel === null || dialogViewModel === void 0 ? void 0 : dialogViewModel.entity) || dialog), typeAddEditDialog: _EditDialog_EditDialog__WEBPACK_IMPORTED_MODULE_22__.TypeOpenDialog.edit, clickUpdatedHandler: getDialogUpdatedInfoHandler, clickCancelHandler: closeModal }), 'Edit dialog', false, false);\n }, touchAction: function () {\n console.log('call touchAction');\n } }) }))) : null, (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"dialog-information-container__icon-dialog__info__icon\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"dialog-information-container__icon-dialog__info__icon__content\" }, { children: renderIconForTypeDialog((dialogViewModel === null || dialogViewModel === void 0 ? void 0 : dialogViewModel.entity) || dialog) })) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"dialog-information-container__icon-dialog__info__dialog-name\" }, { children: ((_c = dialogViewModel === null || dialogViewModel === void 0 ? void 0 : dialogViewModel.entity) === null || _c === void 0 ? void 0 : _c.name) || (dialog === null || dialog === void 0 ? void 0 : dialog.name) }))] })) })) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: \"dialog-information-container--notifications-wrapper\" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"dialog-information-container--notifications-wrapper__notifications-icon\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Toggle_NotifyOn__WEBPACK_IMPORTED_MODULE_5__[\"default\"], { width: \"24\", height: \"24\", applyZoom: true }) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"dialog-information-container--notifications-wrapper__notifications\" }, { children: \"Notifications\" })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ onClick: function () {\n console.log('clicked SwitchButton theme');\n document.documentElement.setAttribute('data-theme', 'dark');\n // changeThemeActions();\n }, className: \"dialog-information-container--notifications-wrapper__notifications-button\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Elements_SwitchButton_SwitchButton__WEBPACK_IMPORTED_MODULE_6__[\"default\"], { clickHandler: function () {\n console.log('clicked SwitchButton theme');\n } }) }))] })), dialog.type !== _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_17__.DialogType[\"private\"] ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: \"dialog-information-container--members-wrapper\" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"dialog-information-container--members-wrapper__members-icon\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Contents_GroupChat__WEBPACK_IMPORTED_MODULE_7__[\"default\"], { width: \"24\", height: \"24\", applyZoom: true, color: \"var(--secondary-elements)\" }) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"dialog-information-container--members-wrapper__members\" }, { children: \"Members\" })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: \"dialog-information-container--members-wrapper__members-button\" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"dialog-information-container--members-wrapper__members-button__count\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"dialog-information-container--members-wrapper__members-button__count__content\" }, { children: userViewModel.users.length })) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"dialog-information-container--members-wrapper__members-button__btn\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_ActiveSvg_ActiveSvg__WEBPACK_IMPORTED_MODULE_13__[\"default\"], { content: showMembersDialog ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Navigation_Down__WEBPACK_IMPORTED_MODULE_16__[\"default\"], { applyZoom: true, width: \"24\", height: \"24\", color: \"var(--secondary-elements)\" })) : ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Navigation_Next__WEBPACK_IMPORTED_MODULE_15__[\"default\"], { applyZoom: true, width: \"24\", height: \"24\", color: \"var(--secondary-elements)\" })), clickAction: function () { return showMembersDialogHandler(); }, touchAction: function () { return console.log('showMembersDialogHandler'); } }) }))] }))] })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", { children: showMembersDialog ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_containers_ColumnContainer_ColumnContainer__WEBPACK_IMPORTED_MODULE_3__[\"default\"], { children: [(userViewModel === null || userViewModel === void 0 ? void 0 : userViewModel.loading) && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ style: {\n height: '44px',\n width: '44px',\n } }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Placeholders_LoaderComponent_LoaderComponent__WEBPACK_IMPORTED_MODULE_12__[\"default\"], { width: \"44\", height: \"44\" }) }))), (userViewModel === null || userViewModel === void 0 ? void 0 : userViewModel.error) && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Placeholders_ErrorComponent_ErrorComponent__WEBPACK_IMPORTED_MODULE_11__[\"default\"], { title: userViewModel === null || userViewModel === void 0 ? void 0 : userViewModel.error, ClickActionHandler: function () {\n alert('call click retry');\n } })), userViewModel.users && userViewModel.users.length > 0 && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"dialog-information-container--members-wrapper__members-list\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_UsersList_UsersList__WEBPACK_IMPORTED_MODULE_9__[\"default\"], { usersFirstPageToView: userViewModel.users, allUsers: userViewModel.users, usersInDialogCount: userViewModel.users.length }) }))), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"btn-container-members\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: \"btn-container-members--wrapper\" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Buttons_MainButton_MainButton__WEBPACK_IMPORTED_MODULE_29__[\"default\"], { title: \"Invite members\", clickHandler: function () {\n handleModal(true, (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_InviteMembers_InviteMembers__WEBPACK_IMPORTED_MODULE_23__[\"default\"], { participants: _Domain_entity_PublicDialogEntity__WEBPACK_IMPORTED_MODULE_24__.PublicDialogEntity.getParticipants((dialogViewModel === null || dialogViewModel === void 0 ? void 0 : dialogViewModel.entity) || dialog), applyInviteUsersHandler: function (usersForInvite, \n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n usersForRemove) {\n console.log('apply invite users');\n console.log('HAVE SELECTED USERS: ', JSON.stringify(usersForInvite));\n var alreadyPresents = _Domain_entity_PublicDialogEntity__WEBPACK_IMPORTED_MODULE_24__.PublicDialogEntity.getParticipants((dialogViewModel === null || dialogViewModel === void 0 ? void 0 : dialogViewModel.entity) || dialog);\n var newParticipants = usersForInvite.filter(function (item) { return alreadyPresents.indexOf(item) < 0; });\n if (newParticipants.length > 0) {\n var dialogForUpdate = __assign(__assign({}, ((dialogViewModel === null || dialogViewModel === void 0 ? void 0 : dialogViewModel.entity) ||\n dialog)), { participantIds: ((dialogViewModel === null || dialogViewModel === void 0 ? void 0 : dialogViewModel.entity) ||\n dialog).participantIds, newParticipantIds: newParticipants, photo: '', name: '' });\n dialogViewModel\n .updateDialog(dialogForUpdate)\n // eslint-disable-next-line promise/always-return\n .then(function (data) {\n console.log('result update dialog: ', JSON.stringify(data));\n closeModal();\n })\n .catch(function (e) {\n console.log('Exception: ', e);\n });\n }\n if (usersForRemove.length > 0) {\n var dialogForUpdate = __assign(__assign({}, ((dialogViewModel === null || dialogViewModel === void 0 ? void 0 : dialogViewModel.entity) ||\n dialog)), { photo: '', name: '', participantsToRemoveIds: usersForRemove });\n dialogViewModel\n .removeMembers(dialogForUpdate)\n // eslint-disable-next-line promise/always-return\n .then(function (data) {\n console.log('result removeMembers dialog: ', JSON.stringify(data));\n closeModal();\n })\n .catch(function (e) {\n console.log('Exception: ', e);\n });\n }\n }, cancelInviteMembersHandler: function () {\n closeModal();\n }, typeAddEditDialog: _EditDialog_EditDialog__WEBPACK_IMPORTED_MODULE_22__.TypeOpenDialog.edit, typeDialog: dialog.type, idOwnerDialog: dialog.ownerId }), 'Edit dialog', false, false);\n }, typeButton: _Buttons_MainButton_MainButton__WEBPACK_IMPORTED_MODULE_29__.TypeButton.outlined, disabled: dialog.ownerId !== currentUserId }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Buttons_MainButton_MainButton__WEBPACK_IMPORTED_MODULE_29__[\"default\"], { title: \"See all members\", typeButton: _Buttons_MainButton_MainButton__WEBPACK_IMPORTED_MODULE_29__.TypeButton.outlined, clickHandler: function () { return setIsAllMembersShow(true); } })] })) }))] })) : null })] })) : null, (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: \"dialog-information-container--search-wrapper\" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"dialog-information-container--search-wrapper__search-icon\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_ActiveSvg_ActiveSvg__WEBPACK_IMPORTED_MODULE_13__[\"default\"], { content: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Navigation_Search__WEBPACK_IMPORTED_MODULE_8__[\"default\"], { width: \"24\", height: \"24\", applyZoom: true }), clickAction: function () { return searchDialogHandler(); }, touchAction: function () { return searchDialogHandler(); } }) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"dialog-information-container--search-wrapper__search-text\" }, { children: \"Search in dialog\" }))] })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: \"dialog-information-container--leave-dialog-wrapper\" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"dialog-information-container--leave-dialog-wrapper__leave-icon\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_ActiveSvg_ActiveSvg__WEBPACK_IMPORTED_MODULE_13__[\"default\"], { content: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Navigation_Leave__WEBPACK_IMPORTED_MODULE_14__[\"default\"], { width: \"24\", height: \"24\", applyZoom: true, color: \"var(--error)\" }), clickAction: function () {\n leaveDialogHandler();\n }, touchAction: function () {\n leaveDialogHandler();\n } }) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"dialog-information-container--leave-dialog-wrapper__leave-text\" }, { children: \"Leave Dialog\" }))] }))] })) })));\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (DialogInformation);\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/Presentation/components/UI/Dialogs/DialogInformation/DialogInformation.tsx?");
1668
1668
 
1669
1669
  /***/ }),
1670
1670
 
@@ -1785,7 +1785,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
1785
1785
  /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
1786
1786
 
1787
1787
  "use strict";
1788
- 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 _MembersList_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./MembersList.scss */ \"./src/Presentation/components/UI/Dialogs/MembersList/MembersList.scss\");\n/* harmony import */ var _containers_ColumnContainer_ColumnContainer__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../containers/ColumnContainer/ColumnContainer */ \"./src/Presentation/components/containers/ColumnContainer/ColumnContainer.tsx\");\n/* harmony import */ var _svgs_ActiveSvg_ActiveSvg__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../svgs/ActiveSvg/ActiveSvg */ \"./src/Presentation/components/UI/svgs/ActiveSvg/ActiveSvg.tsx\");\n/* harmony import */ var _svgs_Icons_Navigation_Close__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../svgs/Icons/Navigation/Close */ \"./src/Presentation/components/UI/svgs/Icons/Navigation/Close/index.tsx\");\n/* harmony import */ var _svgs_Icons_Navigation_Search__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../svgs/Icons/Navigation/Search */ \"./src/Presentation/components/UI/svgs/Icons/Navigation/Search/index.tsx\");\n/* harmony import */ var _DialogInformation_UsersList_UsersList__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../DialogInformation/UsersList/UsersList */ \"./src/Presentation/components/UI/Dialogs/DialogInformation/UsersList/UsersList.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// eslint-disable-next-line react/function-component-definition\nvar MembersList = function (_a) {\n var closeInformationHandler = _a.closeInformationHandler, members = _a.members;\n var _b = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(''), userNameForFilter = _b[0], setUserNameForFilter = _b[1];\n var _c = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(__spreadArray([], members, true)), membersListFilter = _c[0], setMembersListFilter = _c[1];\n (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n if (userNameForFilter.length > 0) {\n var newFilteredMembers = members.filter(function (item) {\n return item.full_name ? item.full_name.includes(userNameForFilter, 0) : false;\n });\n setMembersListFilter(__spreadArray([], newFilteredMembers, true));\n }\n else {\n setMembersListFilter(__spreadArray([], members, true));\n }\n }, [userNameForFilter]);\n return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"members-container\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_containers_ColumnContainer_ColumnContainer__WEBPACK_IMPORTED_MODULE_3__[\"default\"], { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: \"members-container--members-information-wrapper\" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"members-container--members-information-wrapper__members-information\" }, { children: \"Members\" })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"members-container--members-information-wrapper__members-information-count\" }, { children: members.length })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"members-container--members-information-wrapper__members-close\" }, { 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_Close__WEBPACK_IMPORTED_MODULE_5__[\"default\"], { applyZoom: true, color: \"var(--secondary-elements)\" }), clickAction: function () {\n if (closeInformationHandler) {\n closeInformationHandler();\n }\n } }) }))] })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"members-container--members-search-wrapper\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: \"members-container--members-search-wrapper__search-member-input\" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Navigation_Search__WEBPACK_IMPORTED_MODULE_6__[\"default\"], { applyZoom: true, width: \"24\", height: \"24\", color: \"var(--tertiary-elements)\" }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"input\", { type: \"text\", style: { width: '280px' }, value: userNameForFilter, onChange: function (event) {\n setUserNameForFilter(event.target.value);\n }, placeholder: \"Search\" })] })) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"members-container--members-list-wrapper\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_DialogInformation_UsersList_UsersList__WEBPACK_IMPORTED_MODULE_7__[\"default\"], { usersFirstPageToView: __spreadArray([], membersListFilter, true), allUsers: __spreadArray([], membersListFilter, true), usersInDialogCount: membersListFilter.length }) }))] }) })));\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (MembersList);\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/Presentation/components/UI/Dialogs/MembersList/MembersList.tsx?");
1788
+ 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 _MembersList_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./MembersList.scss */ \"./src/Presentation/components/UI/Dialogs/MembersList/MembersList.scss\");\n/* harmony import */ var _containers_ColumnContainer_ColumnContainer__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../containers/ColumnContainer/ColumnContainer */ \"./src/Presentation/components/containers/ColumnContainer/ColumnContainer.tsx\");\n/* harmony import */ var _svgs_ActiveSvg_ActiveSvg__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../svgs/ActiveSvg/ActiveSvg */ \"./src/Presentation/components/UI/svgs/ActiveSvg/ActiveSvg.tsx\");\n/* harmony import */ var _svgs_Icons_Navigation_Close__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../svgs/Icons/Navigation/Close */ \"./src/Presentation/components/UI/svgs/Icons/Navigation/Close/index.tsx\");\n/* harmony import */ var _svgs_Icons_Navigation_Search__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../svgs/Icons/Navigation/Search */ \"./src/Presentation/components/UI/svgs/Icons/Navigation/Search/index.tsx\");\n/* harmony import */ var _DialogInformation_UsersList_UsersList__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../DialogInformation/UsersList/UsersList */ \"./src/Presentation/components/UI/Dialogs/DialogInformation/UsersList/UsersList.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// eslint-disable-next-line react/function-component-definition\nvar MembersList = function (_a) {\n var closeInformationHandler = _a.closeInformationHandler, members = _a.members;\n var _b = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(''), userNameForFilter = _b[0], setUserNameForFilter = _b[1];\n var _c = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(__spreadArray([], members, true)), membersListFilter = _c[0], setMembersListFilter = _c[1];\n (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n if (userNameForFilter.length >= 3) {\n var newFilteredMembers = members.filter(function (item) {\n return item.full_name\n ? item.full_name\n .toUpperCase()\n .includes(userNameForFilter.toUpperCase(), 0)\n : false;\n });\n setMembersListFilter(__spreadArray([], newFilteredMembers, true));\n }\n else {\n setMembersListFilter(__spreadArray([], members, true));\n }\n }, [userNameForFilter]);\n return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"members-container\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_containers_ColumnContainer_ColumnContainer__WEBPACK_IMPORTED_MODULE_3__[\"default\"], { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: \"members-container--members-information-wrapper\" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"members-container--members-information-wrapper__members-information\" }, { children: \"Members\" })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"members-container--members-information-wrapper__members-information-count\" }, { children: members.length })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"members-container--members-information-wrapper__members-close\" }, { 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_Close__WEBPACK_IMPORTED_MODULE_5__[\"default\"], { applyZoom: true, color: \"var(--secondary-elements)\" }), clickAction: function () {\n if (closeInformationHandler) {\n closeInformationHandler();\n }\n } }) }))] })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"members-container--members-search-wrapper\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: \"members-container--members-search-wrapper__search-member-input\" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Navigation_Search__WEBPACK_IMPORTED_MODULE_6__[\"default\"], { applyZoom: true, width: \"24\", height: \"24\", color: \"var(--tertiary-elements)\" }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"input\", { type: \"text\", style: { width: '280px' }, value: userNameForFilter, onChange: function (event) {\n setUserNameForFilter(event.target.value);\n }, placeholder: \"Search\" })] })) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"members-container--members-list-wrapper\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_DialogInformation_UsersList_UsersList__WEBPACK_IMPORTED_MODULE_7__[\"default\"], { usersFirstPageToView: __spreadArray([], membersListFilter, true), allUsers: __spreadArray([], membersListFilter, true), usersInDialogCount: membersListFilter.length }) }))] }) })));\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (MembersList);\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/Presentation/components/UI/Dialogs/MembersList/MembersList.tsx?");
1789
1789
 
1790
1790
  /***/ }),
1791
1791
 
@@ -1829,7 +1829,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var reac
1829
1829
  /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
1830
1830
 
1831
1831
  "use strict";
1832
- eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _MessagesView_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./MessagesView.scss */ \"./src/Presentation/components/UI/Dialogs/MessagesView/MessagesView.scss\");\n/* harmony import */ var _providers_QuickBloxUIKitProvider_useQBConnection__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../providers/QuickBloxUIKitProvider/useQBConnection */ \"./src/Presentation/components/providers/QuickBloxUIKitProvider/useQBConnection.ts\");\n/* harmony import */ var _containers_ScrollableContainer_ScrollableContainer__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../containers/ScrollableContainer/ScrollableContainer */ \"./src/Presentation/components/containers/ScrollableContainer/ScrollableContainer.tsx\");\n/* harmony import */ var _Domain_entity_FileTypes__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../Domain/entity/FileTypes */ \"./src/Domain/entity/FileTypes.ts\");\n/* harmony import */ var _svgs_Icons_Media_ImageEmpty__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../svgs/Icons/Media/ImageEmpty */ \"./src/Presentation/components/UI/svgs/Icons/Media/ImageEmpty/index.tsx\");\n/* harmony import */ var _svgs_Icons_Toggle_ImagePlay__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../svgs/Icons/Toggle/ImagePlay */ \"./src/Presentation/components/UI/svgs/Icons/Toggle/ImagePlay/index.tsx\");\n/* harmony import */ var _containers_ColumnContainer_ColumnContainer__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../containers/ColumnContainer/ColumnContainer */ \"./src/Presentation/components/containers/ColumnContainer/ColumnContainer.tsx\");\n/* harmony import */ var _svgs_Icons_Media_ImageFile__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../svgs/Icons/Media/ImageFile */ \"./src/Presentation/components/UI/svgs/Icons/Media/ImageFile/index.tsx\");\n/* harmony import */ var _useMessagesViewModel__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./useMessagesViewModel */ \"./src/Presentation/components/UI/Dialogs/MessagesView/useMessagesViewModel.ts\");\n/* harmony import */ var _Placeholders_LoaderComponent_LoaderComponent__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../Placeholders/LoaderComponent/LoaderComponent */ \"./src/Presentation/components/UI/Placeholders/LoaderComponent/LoaderComponent.tsx\");\n/* harmony import */ var _Placeholders_ErrorComponent_ErrorComponent__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../Placeholders/ErrorComponent/ErrorComponent */ \"./src/Presentation/components/UI/Placeholders/ErrorComponent/ErrorComponent.tsx\");\n/* harmony import */ var _HeaderMessages_HeaderMessages__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./HeaderMessages/HeaderMessages */ \"./src/Presentation/components/UI/Dialogs/MessagesView/HeaderMessages/HeaderMessages.tsx\");\n/* harmony import */ var _VideoAttachmentComponent_VideoAttachmentComponent__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./VideoAttachmentComponent/VideoAttachmentComponent */ \"./src/Presentation/components/UI/Dialogs/MessagesView/VideoAttachmentComponent/VideoAttachmentComponent.tsx\");\n/* harmony import */ var _ImageAttachmentComponent_ImageAttachmentComponent__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./ImageAttachmentComponent/ImageAttachmentComponent */ \"./src/Presentation/components/UI/Dialogs/MessagesView/ImageAttachmentComponent/ImageAttachmentComponent.tsx\");\n/* harmony import */ var _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../../../../../Domain/entity/DialogTypes */ \"./src/Domain/entity/DialogTypes.ts\");\n/* harmony import */ var _providers_QuickBloxUIKitProvider_useQbDataContext__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../../../providers/QuickBloxUIKitProvider/useQbDataContext */ \"./src/Presentation/components/providers/QuickBloxUIKitProvider/useQbDataContext.ts\");\n/* harmony import */ var _Domain_repository_Pagination__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ../../../../../Domain/repository/Pagination */ \"./src/Domain/repository/Pagination.ts\");\n/* harmony import */ var _utils_DateTimeFormatter__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ../../../../../utils/DateTimeFormatter */ \"./src/utils/DateTimeFormatter.ts\");\n/* harmony import */ var _svgs_Icons_Contents_User__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ../../svgs/Icons/Contents/User */ \"./src/Presentation/components/UI/svgs/Icons/Contents/User/index.tsx\");\n/* harmony import */ var _svgs_ActiveSvg_ActiveSvg__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ../../svgs/ActiveSvg/ActiveSvg */ \"./src/Presentation/components/UI/svgs/ActiveSvg/ActiveSvg.tsx\");\n/* harmony import */ var _svgs_Icons_Media_Attachment__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ../../svgs/Icons/Media/Attachment */ \"./src/Presentation/components/UI/svgs/Icons/Media/Attachment/index.tsx\");\n/* harmony import */ var _svgs_Icons_Actions_Send__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ../../svgs/Icons/Actions/Send */ \"./src/Presentation/components/UI/svgs/Icons/Actions/Send/index.tsx\");\n/* harmony import */ var _AudioAttachmentComponent_AudioAttachmentComponent__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ./AudioAttachmentComponent/AudioAttachmentComponent */ \"./src/Presentation/components/UI/Dialogs/MessagesView/AudioAttachmentComponent/AudioAttachmentComponent.tsx\");\n/* harmony import */ var _svgs_Icons_Media_AudioFile__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ../../svgs/Icons/Media/AudioFile */ \"./src/Presentation/components/UI/svgs/Icons/Media/AudioFile/index.tsx\");\n/* harmony import */ var _svgs_Icons_Actions_Voice__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ../../svgs/Icons/Actions/Voice */ \"./src/Presentation/components/UI/svgs/Icons/Actions/Voice/index.tsx\");\n/* harmony import */ var _svgs_Icons_Status_Sent__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! ../../svgs/Icons/Status/Sent */ \"./src/Presentation/components/UI/svgs/Icons/Status/Sent/index.tsx\");\n/* harmony import */ var _svgs_Icons_Status_ViewedDelivered__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! ../../svgs/Icons/Status/ViewedDelivered */ \"./src/Presentation/components/UI/svgs/Icons/Status/ViewedDelivered/index.tsx\");\n/* harmony import */ var _utils_parse__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(/*! ../../../../../utils/parse */ \"./src/utils/parse.ts\");\n/* harmony import */ var _VoiceRecordingProgress_VoiceRecordingProgress__WEBPACK_IMPORTED_MODULE_30__ = __webpack_require__(/*! ./VoiceRecordingProgress/VoiceRecordingProgress */ \"./src/Presentation/components/UI/Dialogs/MessagesView/VoiceRecordingProgress/VoiceRecordingProgress.tsx\");\nvar __assign = (undefined && undefined.__assign) || function () {\n __assign = Object.assign || function(t) {\n for (var s, i = 1, n = arguments.length; i < n; i++) {\n s = arguments[i];\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __awaiter = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n return new (P || (P = Promise))(function (resolve, reject) {\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n step((generator = generator.apply(thisArg, _arguments || [])).next());\n });\n};\nvar __generator = (undefined && undefined.__generator) || function (thisArg, body) {\n var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\n return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\n function verb(n) { return function (v) { return step([n, v]); }; }\n function step(op) {\n if (f) throw new TypeError(\"Generator is already executing.\");\n while (g && (g = 0, op[0] && (_ = 0)), _) try {\n if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\n if (y = 0, t) op = [op[0] & 2, t.value];\n switch (op[0]) {\n case 0: case 1: t = op; break;\n case 4: _.label++; return { value: op[1], done: false };\n case 5: _.label++; y = op[1]; op = [0]; continue;\n case 7: op = _.ops.pop(); _.trys.pop(); continue;\n default:\n if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\n if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\n if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\n if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\n if (t[2]) _.ops.pop();\n _.trys.pop(); continue;\n }\n op = body.call(thisArg, _);\n } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\n if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\n }\n};\nvar __spreadArray = (undefined && undefined.__spreadArray) || function (to, from, pack) {\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\n if (ar || !(i in from)) {\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\n ar[i] = from[i];\n }\n }\n return to.concat(ar || Array.prototype.slice.call(from));\n};\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n// eslint-disable-next-line react/function-component-definition\nvar MessagesView = function (_a) {\n var _b, _c;\n var dialog = _a.dialog, InformationHandler = _a.InformationHandler, \n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n _d = _a.maxWidthToResize, \n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n maxWidthToResize = _d === void 0 ? undefined : _d, \n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n _e = _a.theme, \n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n theme = _e === void 0 ? undefined : _e;\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n var maxWidthToResizing = maxWidthToResize || '$message-view-container-wrapper-min-width';\n // const maxWidthToResizing = '720px'; // $message-view-container-wrapper-min-width:\n var currentContext = (0,_providers_QuickBloxUIKitProvider_useQbDataContext__WEBPACK_IMPORTED_MODULE_17__[\"default\"])();\n var currentUserId = (_b = currentContext.storage.REMOTE_DATA_SOURCE.authInformation) === null || _b === void 0 ? void 0 : _b.userId;\n var currentUserName = (_c = currentContext.storage.REMOTE_DATA_SOURCE.authInformation) === null || _c === void 0 ? void 0 : _c.userName;\n var _f = (0,_providers_QuickBloxUIKitProvider_useQBConnection__WEBPACK_IMPORTED_MODULE_3__[\"default\"])(), connectionRepository = _f.connectionRepository, browserOnline = _f.browserOnline;\n var _g = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(100), dialogMessagesCount = _g[0], setDialogMessageCount = _g[1];\n var _h = react__WEBPACK_IMPORTED_MODULE_1___default().useState(true), hasMore = _h[0], setHasMore = _h[1];\n var _j = react__WEBPACK_IMPORTED_MODULE_1___default().useState(false), scrollUpToDown = _j[0], setScrollUpToDown = _j[1];\n var _k = react__WEBPACK_IMPORTED_MODULE_1___default().useState([]), messagesToView = _k[0], setMessagesToView = _k[1];\n var messagesViewModel = (0,_useMessagesViewModel__WEBPACK_IMPORTED_MODULE_10__[\"default\"])(dialog.type, dialog);\n (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n console.log('HAVE NEW DIALOG');\n // messagesViewModel.getMessages(new Pagination());\n messagesViewModel.entity = dialog;\n setMessagesToView([]);\n }, [dialog]);\n (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n console.log('HAVE NEW ENTITY');\n messagesViewModel.getMessages(new _Domain_repository_Pagination__WEBPACK_IMPORTED_MODULE_18__.Pagination());\n }, [messagesViewModel.entity]);\n //\n function prepareFirstPage(initData) {\n var firstPageSize = messagesViewModel.messages.length < 47\n ? messagesViewModel.messages.length\n : 47;\n // for (let i = 0; i < firstPageSize; i += 1) {\n for (var i = firstPageSize - 1; i >= 0; i -= 1) {\n initData.push(messagesViewModel.messages[i]);\n }\n }\n var fetchMoreData = function () {\n if (messagesToView.length >= dialogMessagesCount) {\n setHasMore(false);\n return;\n }\n if (hasMore &&\n messagesToView.length > 0 &&\n messagesToView.length < dialogMessagesCount) {\n setMessagesToView(function (prevState) {\n var newState = __spreadArray([], prevState, true);\n var newMessageEntity = messagesViewModel.messages[prevState.length];\n newState.push(newMessageEntity);\n return newState;\n });\n }\n };\n //\n (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n var _a;\n console.log('Messages have changed');\n setDialogMessageCount(((_a = messagesViewModel === null || messagesViewModel === void 0 ? void 0 : messagesViewModel.messages) === null || _a === void 0 ? void 0 : _a.length) || 0);\n if ((messagesToView === null || messagesToView === void 0 ? void 0 : messagesToView.length) === 0 && messagesViewModel.messages.length > 0) {\n // setDialogMessageCount(messagesViewModel.messages.length);\n var initData = [];\n console.log(JSON.stringify(messagesViewModel.messages));\n prepareFirstPage(initData);\n setMessagesToView(initData);\n }\n else if (messagesViewModel.messages.length - messagesToView.length >= 1) {\n setHasMore(true);\n setScrollUpToDown(true);\n }\n }, [messagesViewModel.messages]);\n //\n (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n console.log('dialogMessagesCount have changed');\n if (messagesViewModel.messages.length - messagesToView.length >= 1) {\n fetchMoreData();\n }\n }, [dialogMessagesCount]);\n //\n var getSenderName = function (sender) {\n if (!sender)\n return undefined;\n return (sender.full_name || sender.login || sender.email || sender.id.toString());\n };\n var renderMessage = function (message, index) {\n var SystemMessage = 'SystemMessage';\n var IncomingMessage = 'IncomingMessage';\n var OutgoingMessage = 'OutgoingMessage';\n console.log('render message: ', JSON.stringify(message), ' index: ', index);\n var messageView;\n var checkMessageType = function (m) {\n if (m.notification_type && m.notification_type.length > 0) {\n return SystemMessage;\n }\n if (m.sender && m.sender.id !== currentUserId) {\n return IncomingMessage;\n }\n return OutgoingMessage;\n };\n var messageTypes = checkMessageType(message);\n var messageContentRender = function (mc) {\n var messageText = (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", { children: mc.message });\n var messageContent = messageText;\n var attachmentContentRender = function (att) {\n var contentPlaceHolder = (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", { children: att.type.toString() });\n if (att.type.toString().includes(_Domain_entity_FileTypes__WEBPACK_IMPORTED_MODULE_5__.FileType.video)) {\n contentPlaceHolder = att.file ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_VideoAttachmentComponent_VideoAttachmentComponent__WEBPACK_IMPORTED_MODULE_14__[\"default\"], { videoFile: att.file })) : ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Toggle_ImagePlay__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {}));\n }\n if (att.type.toString().includes(_Domain_entity_FileTypes__WEBPACK_IMPORTED_MODULE_5__.FileType.audio)) {\n contentPlaceHolder = att.file ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_AudioAttachmentComponent_AudioAttachmentComponent__WEBPACK_IMPORTED_MODULE_24__[\"default\"], { audioFile: att.file })) : ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Media_AudioFile__WEBPACK_IMPORTED_MODULE_25__[\"default\"], {}));\n }\n if (att.type.toString().includes(_Domain_entity_FileTypes__WEBPACK_IMPORTED_MODULE_5__.FileType.image)) {\n contentPlaceHolder = att.file ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ImageAttachmentComponent_ImageAttachmentComponent__WEBPACK_IMPORTED_MODULE_15__[\"default\"], { imageFile: att.file })) : ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Media_ImageEmpty__WEBPACK_IMPORTED_MODULE_6__[\"default\"], {}));\n }\n if (att.type.toString().includes(_Domain_entity_FileTypes__WEBPACK_IMPORTED_MODULE_5__.FileType.text)) {\n contentPlaceHolder = att.file ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", { children: \"TEXT\" })) : ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Media_ImageFile__WEBPACK_IMPORTED_MODULE_9__[\"default\"], { applyZoom: true }));\n }\n var contentResult = ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"message-view-container--message-content-wrapper\" }, { children: contentPlaceHolder })));\n if (att.type === _Domain_entity_FileTypes__WEBPACK_IMPORTED_MODULE_5__.FileType.text) {\n contentResult = ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: \"message-view-container--file-message-content-wrapper\" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"message-view-container__file-message-icon\" }, { children: contentPlaceHolder })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", { children: att.name || 'file' })] })));\n }\n return contentResult;\n };\n if (mc.attachments && mc.attachments.length > 0) {\n messageContent = ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_containers_ColumnContainer_ColumnContainer__WEBPACK_IMPORTED_MODULE_8__[\"default\"], __assign({ maxWidth: \"100%\" }, { children: [mc.attachments.map(function (attachment) {\n return attachmentContentRender(attachment);\n }), messageText] })));\n }\n return messageContent;\n };\n if (messageTypes === SystemMessage) {\n messageView = ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: \"message-view-container--system-message-wrapper\" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"message-view-container--system-message-wrapper__date_container\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", { children: [(0,_utils_DateTimeFormatter__WEBPACK_IMPORTED_MODULE_19__.getDateShortFormatEU)(message.date_sent), \",\"] }) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", { children: message.message })] }), message.id));\n }\n else if (messageTypes === IncomingMessage) {\n messageView = ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: \"message-view-container--incoming-message-wrapper\" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"message-view-container--incoming-message-wrapper__avatar\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"message-view-container__sender-avatar\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Contents_User__WEBPACK_IMPORTED_MODULE_20__[\"default\"], { width: \"24\", height: \"24\", applyZoom: true, color: \"var(--secondary-text)\" }) })) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: \"message-view-container--incoming-message-container\" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"message-view-container__sender-name\" }, { children: getSenderName(message.sender) || message.sender_id.toString() })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"message-view-container__sender-message\" }, { children: messageContentRender(message) }))] })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"message-view-container__incoming-time\" }, { children: (0,_utils_DateTimeFormatter__WEBPACK_IMPORTED_MODULE_19__.getTimeShort24hFormat)(message.date_sent) }))] }), message.id));\n }\n else {\n messageView = ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: \"message-view-container--outgoing-message-wrapper\" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: \"message-view-container__status-message\" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"message-view-container__incoming-time\" }, { children: message.delivered_ids && message.delivered_ids.length > 0 ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Status_ViewedDelivered__WEBPACK_IMPORTED_MODULE_28__[\"default\"], { width: \"13\", height: \"13\", applyZoom: true })) : ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Status_Sent__WEBPACK_IMPORTED_MODULE_27__[\"default\"], { width: \"13\", height: \"13\", applyZoom: true })) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"message-view-container__incoming-time\" }, { children: (0,_utils_DateTimeFormatter__WEBPACK_IMPORTED_MODULE_19__.getTimeShort24hFormat)(message.date_sent) }))] })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"message-view-container__outgoing-message\" }, { children: messageContentRender(message) }))] }), message.id));\n }\n return messageView;\n };\n var getCountDialogMembers = function (dialogEntity) {\n var participants = [];\n if (dialogEntity.type === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_16__.DialogType.group) {\n participants = dialogEntity.participantIds;\n }\n else if (dialogEntity.type === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_16__.DialogType[\"private\"]) {\n participants = [dialogEntity.participantId];\n }\n else if (dialogEntity.type === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_16__.DialogType[\"public\"]) {\n participants = [];\n }\n return participants.length;\n };\n var _l = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(null), fileToSend = _l[0], setFileToSend = _l[1];\n var _m = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(''), messageText = _m[0], setMessageText = _m[1];\n var _o = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(''), warningErrorText = _o[0], setWarningErrorText = _o[1];\n (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n setWarningErrorText(messagesViewModel.typingText);\n }, [messagesViewModel.typingText]);\n var ChangeFileHandler = function (event) {\n var reader = new FileReader();\n var file = event.currentTarget.files\n ? event.currentTarget.files[0]\n : null;\n reader.onloadend = function () {\n setFileToSend(file);\n };\n if (file !== null)\n reader.readAsDataURL(file);\n };\n var showErrorMessage = function (errorMessage) {\n setWarningErrorText(errorMessage);\n setTimeout(function () {\n setWarningErrorText('');\n }, 3000);\n };\n (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n console.log('have Attachments');\n var MAXSIZE = 90 * 1000000;\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n var flag = (fileToSend === null || fileToSend === void 0 ? void 0 : fileToSend.size) && (fileToSend === null || fileToSend === void 0 ? void 0 : fileToSend.size) < MAXSIZE;\n if ((fileToSend === null || fileToSend === void 0 ? void 0 : fileToSend.size) && (fileToSend === null || fileToSend === void 0 ? void 0 : fileToSend.size) < MAXSIZE) {\n messagesViewModel.sendAttachmentMessage(fileToSend);\n }\n else if (fileToSend) {\n showErrorMessage(\"file size \".concat(fileToSend === null || fileToSend === void 0 ? void 0 : fileToSend.size, \" must be less then \").concat(MAXSIZE, \" mb.\"));\n }\n }, [fileToSend]);\n var _p = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(true), isVoiceMessage = _p[0], setVoiceMessage = _p[1];\n var _q = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false), isRecording = _q[0], setIsRecording = _q[1];\n //\n var _r = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false), permission = _r[0], setPermission = _r[1];\n // const [recordingStatus, setRecordingStatus] = useState('inactive');\n var _s = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(), stream = _s[0], setStream = _s[1];\n // const [mediaRecorder, setMediaRecorder] = useState<MediaRecorder>();\n var mediaRecorder = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)();\n var _t = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(), resultAudioBlob = _t[0], setResultAudioBlob = _t[1];\n var _u = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)([]), audioChunks = _u[0], setAudioChunks = _u[1];\n var mimeType = 'audio/webm;codecs=opus'; // audio/ogg audio/mpeg audio/webm audio/x-wav audio/mp4\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n var getMicrophonePermission = function () { return __awaiter(void 0, void 0, void 0, function () {\n var mediaStream, err_1;\n return __generator(this, function (_a) {\n switch (_a.label) {\n case 0:\n if (!window) return [3 /*break*/, 5];\n _a.label = 1;\n case 1:\n _a.trys.push([1, 3, , 4]);\n return [4 /*yield*/, navigator.mediaDevices.getUserMedia({\n audio: true,\n video: false,\n })];\n case 2:\n mediaStream = _a.sent();\n setPermission(true);\n setStream(mediaStream);\n return [3 /*break*/, 4];\n case 3:\n err_1 = _a.sent();\n // setWarningErrorText(\n // 'The MediaRecorder API is not supported in your browser.',\n // );\n showErrorMessage(\"The MediaRecorder API throws exception \".concat((0,_utils_parse__WEBPACK_IMPORTED_MODULE_29__.stringifyError)(err_1), \" .\"));\n return [3 /*break*/, 4];\n case 4: return [3 /*break*/, 6];\n case 5:\n // setWarningErrorText(\n // 'The MediaRecorder API is not supported in your browser.',\n // );\n showErrorMessage('The MediaRecorder API is not supported in your browser.');\n _a.label = 6;\n case 6: return [2 /*return*/];\n }\n });\n }); };\n // eslint-disable-next-line @typescript-eslint/no-unused-vars,@typescript-eslint/require-await\n var startRecording = function () { return __awaiter(void 0, void 0, void 0, function () {\n var mimeContent, media, localAudioChunks;\n return __generator(this, function (_a) {\n if (!stream)\n return [2 /*return*/];\n mimeContent = window.MediaRecorder.isTypeSupported('audio/mp4;codecs=mp4a')\n ? 'audio/mp4;codecs=mp4a'\n : 'audio/webm;codecs=opus';\n media = new MediaRecorder(stream, { mimeType: mimeContent });\n mediaRecorder.current = media;\n mediaRecorder.current.start();\n localAudioChunks = [];\n mediaRecorder.current.ondataavailable = function (event) {\n // const localAudioChunks: any[] = [];\n if (typeof event.data === 'undefined')\n return;\n if (event.data.size === 0)\n return;\n localAudioChunks.push(event.data);\n console.log('voice data');\n // setAudioChunks(localAudioChunks);\n };\n setAudioChunks(localAudioChunks);\n return [2 /*return*/];\n });\n }); };\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n var stopRecording = function () {\n if (!mediaRecorder.current)\n return;\n // setRecordingStatus('inactive');\n mediaRecorder.current.stop();\n mediaRecorder.current.onstop = function () {\n var audioBlob = new Blob(audioChunks, { type: mimeType });\n setResultAudioBlob(audioBlob);\n setAudioChunks([]);\n //\n stream === null || stream === void 0 ? void 0 : stream.getAudioTracks().forEach(function (track) {\n track.stop();\n });\n setPermission(false);\n //\n };\n };\n //\n var blobToFile = function (theBlob, fileName) {\n var b = theBlob;\n // A Blob() is almost a File() - it's just missing the two properties below which we will add\n b.lastModifiedDate = new Date();\n b.name = fileName;\n // Cast to a File() type\n var resultFile = theBlob;\n return resultFile;\n };\n (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n if (resultAudioBlob) {\n var voiceMessage = blobToFile(resultAudioBlob, \"\".concat(currentUserName || '', \"_voice_message.webm\"));\n setFileToSend(voiceMessage);\n }\n }, [resultAudioBlob]);\n // test component version\n // useEffect(() => {\n // if (isRecording) {\n // setWarningErrorText(`Your voice is recording during for 1 minute`);\n // } else {\n // setWarningErrorText('');\n // }\n // }, [isRecording]);\n // work version below:\n (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n // setFileToSend(null);\n if (isRecording) {\n if (!permission) {\n // eslint-disable-next-line promise/catch-or-return,promise/always-return\n getMicrophonePermission().catch(function () {\n // setWarningErrorText(`Have no audio.`);\n showErrorMessage(\"Have no audio.\");\n });\n }\n else {\n // eslint-disable-next-line promise/catch-or-return,promise/always-return\n startRecording().then(function () {\n setWarningErrorText(\"Your voice is recording during for 1 minutes\");\n });\n }\n }\n else {\n if (permission && mediaRecorder.current) {\n stopRecording();\n }\n setWarningErrorText('');\n }\n }, [isRecording]);\n (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n if (isRecording && permission) {\n // eslint-disable-next-line promise/always-return,promise/catch-or-return\n startRecording().then(function () {\n setWarningErrorText(\"Your voice is recording during for 1 minutes\");\n });\n }\n }, [permission]);\n return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ style: maxWidthToResize\n ? {\n maxWidth: \"\".concat(maxWidthToResizing),\n minWidth: \"$message-view-container-wrapper-min-width\",\n // width: `${maxWidthToResizing}`,\n width: '100%',\n }\n : {}, className: \"message-view-container\" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ style: {\n flexGrow: \"1\",\n flexShrink: \"1\",\n flexBasis: \"\".concat(maxWidthToResizing),\n }, className: \"message-view-container--header\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_HeaderMessages_HeaderMessages__WEBPACK_IMPORTED_MODULE_13__[\"default\"], { dialog: messagesViewModel.entity, InformationHandler: InformationHandler, countMembers: getCountDialogMembers(dialog) }) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ style: {\n flexGrow: \"1\",\n flexShrink: \"1\",\n flexBasis: \"\".concat(maxWidthToResizing),\n }, className: \"message-view-container--information\" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", { children: [\"connection status:\", browserOnline ? 'online ' : 'offline ', connectionRepository.isChatConnected() === undefined\n ? 'unexpected undefined'\n : connectionRepository.isChatConnected()\n ? 'connected'\n : 'disconnected'] }), hasMore && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ style: { color: 'red' } }, { children: [\"unread: \", dialogMessagesCount - messagesToView.length] }))), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", { children: \" current user id: \".concat(currentUserId || 'no user') })] })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ style: {\n flexGrow: \"1\",\n flexShrink: \"1\",\n flexBasis: \"\".concat(maxWidthToResizing),\n }, className: \"message-view-container--messages\" }, { children: [(messagesViewModel === null || messagesViewModel === void 0 ? void 0 : messagesViewModel.error) && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Placeholders_ErrorComponent_ErrorComponent__WEBPACK_IMPORTED_MODULE_12__[\"default\"], { title: messagesViewModel === null || messagesViewModel === void 0 ? void 0 : messagesViewModel.error, ClickActionHandler: function () {\n alert('call click retry');\n } })), messagesViewModel &&\n messagesViewModel.messages &&\n messagesViewModel.messages.length > 0 &&\n messagesToView &&\n messagesToView.length > 0 && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_containers_ScrollableContainer_ScrollableContainer__WEBPACK_IMPORTED_MODULE_4__[\"default\"], { data: messagesToView, renderItem: renderMessage, onEndReached: fetchMoreData, onEndReachedThreshold: 0.8, refreshing: messagesViewModel === null || messagesViewModel === void 0 ? void 0 : messagesViewModel.loading, autoScrollToBottom: scrollUpToDown })), (messagesViewModel === null || messagesViewModel === void 0 ? void 0 : messagesViewModel.loading) && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ style: {\n height: '44px',\n width: '44px',\n } }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Placeholders_LoaderComponent_LoaderComponent__WEBPACK_IMPORTED_MODULE_11__[\"default\"], { width: \"44\", height: \"44\", color: \"var(--color-background-info)\" }) }))), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"message-view-container--warning-error\" }, { children: warningErrorText }))] })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ style: {\n flex: \"flex: 1 1 \".concat(maxWidthToResizing),\n }, onBlur: function () {\n if (!(messageText && messageText.length > 0)) {\n setVoiceMessage(true);\n }\n }, className: \"message-view-container--chat-input\" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"label\", __assign({ htmlFor: \"btnUploadAttachment\", style: {\n cursor: 'pointer',\n } }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_ActiveSvg_ActiveSvg__WEBPACK_IMPORTED_MODULE_21__[\"default\"], { content: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Media_Attachment__WEBPACK_IMPORTED_MODULE_22__[\"default\"], { width: \"32\", height: \"32\", applyZoom: true, color: \"var(--input-elements)\" }), clickAction: function () {\n console.log('click send message');\n }, touchAction: function () {\n console.log('touch send message');\n } }) }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"input\", { id: \"btnUploadAttachment\", type: \"file\", accept: \"image/*, audio/*, video/*, .pdf, .txt,\", style: { display: 'none' }, onChange: function (event) {\n ChangeFileHandler(event);\n } })] })), !isRecording && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"textarea\", { disabled: messagesViewModel === null || messagesViewModel === void 0 ? void 0 : messagesViewModel.loading, value: messageText, onFocus: function () {\n setVoiceMessage(false);\n }, onChange: function (event) {\n setMessageText(event.target.value);\n }, onInput: function () {\n messagesViewModel.sendTypingTextMessage();\n }, placeholder: \"enter text to send\" })), isRecording && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_VoiceRecordingProgress_VoiceRecordingProgress__WEBPACK_IMPORTED_MODULE_30__[\"default\"], { longRecInSec: 60, ClickActionHandler: function () {\n console.log('click send voice message');\n if (messagesViewModel === null || messagesViewModel === void 0 ? void 0 : messagesViewModel.loading)\n return;\n setIsRecording(!isRecording);\n }, TouchActionHandler: function () {\n console.log('click send voice message');\n if (messagesViewModel === null || messagesViewModel === void 0 ? void 0 : messagesViewModel.loading)\n return;\n setIsRecording(!isRecording);\n } })), !isVoiceMessage && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_ActiveSvg_ActiveSvg__WEBPACK_IMPORTED_MODULE_21__[\"default\"], { content: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Actions_Send__WEBPACK_IMPORTED_MODULE_23__[\"default\"], { width: \"21\", height: \"18\", applyZoom: true, color: \"var(--main-elements)\" }), clickAction: function () {\n console.log('click send message');\n if (messagesViewModel === null || messagesViewModel === void 0 ? void 0 : messagesViewModel.loading)\n return;\n setVoiceMessage(true);\n if (messageText.length > 0 && messageText.length <= 1000) {\n var messageTextToSend = messageText;\n setMessageText('');\n messagesViewModel.sendTextMessage(messageTextToSend);\n setMessageText('');\n }\n else {\n setWarningErrorText('length of text message must be less then 1000 chars.');\n setTimeout(function () {\n setWarningErrorText('');\n }, 3000);\n }\n }, touchAction: function () {\n console.log('touch send message');\n } }) })), isVoiceMessage && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_ActiveSvg_ActiveSvg__WEBPACK_IMPORTED_MODULE_21__[\"default\"], { content: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Actions_Voice__WEBPACK_IMPORTED_MODULE_26__[\"default\"], { width: \"21\", height: \"18\", applyZoom: true, color: isRecording ? 'var(--error)' : 'var(--input-elements)' }), clickAction: function () {\n console.log('click send voice message');\n if (messagesViewModel === null || messagesViewModel === void 0 ? void 0 : messagesViewModel.loading)\n return;\n setIsRecording(!isRecording);\n }, touchAction: function () {\n console.log('touch send message');\n if (messagesViewModel === null || messagesViewModel === void 0 ? void 0 : messagesViewModel.loading)\n return;\n setIsRecording(!isRecording);\n } }) }))] }))] })));\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (MessagesView);\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/Presentation/components/UI/Dialogs/MessagesView/MessagesView.tsx?");
1832
+ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _MessagesView_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./MessagesView.scss */ \"./src/Presentation/components/UI/Dialogs/MessagesView/MessagesView.scss\");\n/* harmony import */ var _providers_QuickBloxUIKitProvider_useQBConnection__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../providers/QuickBloxUIKitProvider/useQBConnection */ \"./src/Presentation/components/providers/QuickBloxUIKitProvider/useQBConnection.ts\");\n/* harmony import */ var _containers_ScrollableContainer_ScrollableContainer__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../containers/ScrollableContainer/ScrollableContainer */ \"./src/Presentation/components/containers/ScrollableContainer/ScrollableContainer.tsx\");\n/* harmony import */ var _Domain_entity_FileTypes__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../Domain/entity/FileTypes */ \"./src/Domain/entity/FileTypes.ts\");\n/* harmony import */ var _svgs_Icons_Media_ImageEmpty__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../svgs/Icons/Media/ImageEmpty */ \"./src/Presentation/components/UI/svgs/Icons/Media/ImageEmpty/index.tsx\");\n/* harmony import */ var _svgs_Icons_Toggle_ImagePlay__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../svgs/Icons/Toggle/ImagePlay */ \"./src/Presentation/components/UI/svgs/Icons/Toggle/ImagePlay/index.tsx\");\n/* harmony import */ var _containers_ColumnContainer_ColumnContainer__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../containers/ColumnContainer/ColumnContainer */ \"./src/Presentation/components/containers/ColumnContainer/ColumnContainer.tsx\");\n/* harmony import */ var _svgs_Icons_Media_ImageFile__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../svgs/Icons/Media/ImageFile */ \"./src/Presentation/components/UI/svgs/Icons/Media/ImageFile/index.tsx\");\n/* harmony import */ var _useMessagesViewModel__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./useMessagesViewModel */ \"./src/Presentation/components/UI/Dialogs/MessagesView/useMessagesViewModel.ts\");\n/* harmony import */ var _Placeholders_LoaderComponent_LoaderComponent__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../Placeholders/LoaderComponent/LoaderComponent */ \"./src/Presentation/components/UI/Placeholders/LoaderComponent/LoaderComponent.tsx\");\n/* harmony import */ var _Placeholders_ErrorComponent_ErrorComponent__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../Placeholders/ErrorComponent/ErrorComponent */ \"./src/Presentation/components/UI/Placeholders/ErrorComponent/ErrorComponent.tsx\");\n/* harmony import */ var _HeaderMessages_HeaderMessages__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./HeaderMessages/HeaderMessages */ \"./src/Presentation/components/UI/Dialogs/MessagesView/HeaderMessages/HeaderMessages.tsx\");\n/* harmony import */ var _VideoAttachmentComponent_VideoAttachmentComponent__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./VideoAttachmentComponent/VideoAttachmentComponent */ \"./src/Presentation/components/UI/Dialogs/MessagesView/VideoAttachmentComponent/VideoAttachmentComponent.tsx\");\n/* harmony import */ var _ImageAttachmentComponent_ImageAttachmentComponent__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./ImageAttachmentComponent/ImageAttachmentComponent */ \"./src/Presentation/components/UI/Dialogs/MessagesView/ImageAttachmentComponent/ImageAttachmentComponent.tsx\");\n/* harmony import */ var _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../../../../../Domain/entity/DialogTypes */ \"./src/Domain/entity/DialogTypes.ts\");\n/* harmony import */ var _providers_QuickBloxUIKitProvider_useQbDataContext__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../../../providers/QuickBloxUIKitProvider/useQbDataContext */ \"./src/Presentation/components/providers/QuickBloxUIKitProvider/useQbDataContext.ts\");\n/* harmony import */ var _Domain_repository_Pagination__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ../../../../../Domain/repository/Pagination */ \"./src/Domain/repository/Pagination.ts\");\n/* harmony import */ var _utils_DateTimeFormatter__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ../../../../../utils/DateTimeFormatter */ \"./src/utils/DateTimeFormatter.ts\");\n/* harmony import */ var _svgs_Icons_Contents_User__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ../../svgs/Icons/Contents/User */ \"./src/Presentation/components/UI/svgs/Icons/Contents/User/index.tsx\");\n/* harmony import */ var _svgs_ActiveSvg_ActiveSvg__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ../../svgs/ActiveSvg/ActiveSvg */ \"./src/Presentation/components/UI/svgs/ActiveSvg/ActiveSvg.tsx\");\n/* harmony import */ var _svgs_Icons_Media_Attachment__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ../../svgs/Icons/Media/Attachment */ \"./src/Presentation/components/UI/svgs/Icons/Media/Attachment/index.tsx\");\n/* harmony import */ var _svgs_Icons_Actions_Send__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ../../svgs/Icons/Actions/Send */ \"./src/Presentation/components/UI/svgs/Icons/Actions/Send/index.tsx\");\n/* harmony import */ var _AudioAttachmentComponent_AudioAttachmentComponent__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ./AudioAttachmentComponent/AudioAttachmentComponent */ \"./src/Presentation/components/UI/Dialogs/MessagesView/AudioAttachmentComponent/AudioAttachmentComponent.tsx\");\n/* harmony import */ var _svgs_Icons_Media_AudioFile__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ../../svgs/Icons/Media/AudioFile */ \"./src/Presentation/components/UI/svgs/Icons/Media/AudioFile/index.tsx\");\n/* harmony import */ var _svgs_Icons_Actions_Voice__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ../../svgs/Icons/Actions/Voice */ \"./src/Presentation/components/UI/svgs/Icons/Actions/Voice/index.tsx\");\n/* harmony import */ var _svgs_Icons_Status_Sent__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! ../../svgs/Icons/Status/Sent */ \"./src/Presentation/components/UI/svgs/Icons/Status/Sent/index.tsx\");\n/* harmony import */ var _svgs_Icons_Status_ViewedDelivered__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! ../../svgs/Icons/Status/ViewedDelivered */ \"./src/Presentation/components/UI/svgs/Icons/Status/ViewedDelivered/index.tsx\");\n/* harmony import */ var _utils_parse__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(/*! ../../../../../utils/parse */ \"./src/utils/parse.ts\");\n/* harmony import */ var _VoiceRecordingProgress_VoiceRecordingProgress__WEBPACK_IMPORTED_MODULE_30__ = __webpack_require__(/*! ./VoiceRecordingProgress/VoiceRecordingProgress */ \"./src/Presentation/components/UI/Dialogs/MessagesView/VoiceRecordingProgress/VoiceRecordingProgress.tsx\");\nvar __assign = (undefined && undefined.__assign) || function () {\n __assign = Object.assign || function(t) {\n for (var s, i = 1, n = arguments.length; i < n; i++) {\n s = arguments[i];\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __awaiter = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n return new (P || (P = Promise))(function (resolve, reject) {\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n step((generator = generator.apply(thisArg, _arguments || [])).next());\n });\n};\nvar __generator = (undefined && undefined.__generator) || function (thisArg, body) {\n var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\n return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\n function verb(n) { return function (v) { return step([n, v]); }; }\n function step(op) {\n if (f) throw new TypeError(\"Generator is already executing.\");\n while (g && (g = 0, op[0] && (_ = 0)), _) try {\n if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\n if (y = 0, t) op = [op[0] & 2, t.value];\n switch (op[0]) {\n case 0: case 1: t = op; break;\n case 4: _.label++; return { value: op[1], done: false };\n case 5: _.label++; y = op[1]; op = [0]; continue;\n case 7: op = _.ops.pop(); _.trys.pop(); continue;\n default:\n if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\n if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\n if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\n if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\n if (t[2]) _.ops.pop();\n _.trys.pop(); continue;\n }\n op = body.call(thisArg, _);\n } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\n if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\n }\n};\nvar __spreadArray = (undefined && undefined.__spreadArray) || function (to, from, pack) {\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\n if (ar || !(i in from)) {\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\n ar[i] = from[i];\n }\n }\n return to.concat(ar || Array.prototype.slice.call(from));\n};\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n// eslint-disable-next-line react/function-component-definition\nvar MessagesView = function (_a) {\n var _b, _c, _d;\n var dialogsViewModel = _a.dialogsViewModel, InformationHandler = _a.InformationHandler, \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;\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n var maxWidthToResizing = maxWidthToResize || '$message-view-container-wrapper-min-width';\n // const maxWidthToResizing = '720px'; // $message-view-container-wrapper-min-width:\n var currentContext = (0,_providers_QuickBloxUIKitProvider_useQbDataContext__WEBPACK_IMPORTED_MODULE_17__[\"default\"])();\n var currentUserId = (_b = currentContext.storage.REMOTE_DATA_SOURCE.authInformation) === null || _b === void 0 ? void 0 : _b.userId;\n var currentUserName = (_c = currentContext.storage.REMOTE_DATA_SOURCE.authInformation) === null || _c === void 0 ? void 0 : _c.userName;\n var _g = (0,_providers_QuickBloxUIKitProvider_useQBConnection__WEBPACK_IMPORTED_MODULE_3__[\"default\"])(), connectionRepository = _g.connectionRepository, browserOnline = _g.browserOnline;\n var _h = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(100), dialogMessagesCount = _h[0], setDialogMessageCount = _h[1];\n var _j = react__WEBPACK_IMPORTED_MODULE_1___default().useState(true), hasMore = _j[0], setHasMore = _j[1];\n var _k = react__WEBPACK_IMPORTED_MODULE_1___default().useState(false), scrollUpToDown = _k[0], setScrollUpToDown = _k[1];\n var _l = react__WEBPACK_IMPORTED_MODULE_1___default().useState([]), messagesToView = _l[0], setMessagesToView = _l[1];\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 var renderMessage = function (message, index) {\n var SystemMessage = 'SystemMessage';\n var IncomingMessage = 'IncomingMessage';\n var OutgoingMessage = 'OutgoingMessage';\n console.log('render message: ', JSON.stringify(message), ' index: ', index);\n var messageView;\n var checkMessageType = function (m) {\n if (m.notification_type && m.notification_type.length > 0) {\n return SystemMessage;\n }\n if (m.sender && m.sender.id !== currentUserId) {\n return IncomingMessage;\n }\n return OutgoingMessage;\n };\n var messageTypes = checkMessageType(message);\n var messageContentRender = function (mc) {\n var messageText = (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", { children: mc.message });\n var messageContent = messageText;\n var attachmentContentRender = function (att) {\n var contentPlaceHolder = (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", { children: att.type.toString() });\n if (att.type.toString().includes(_Domain_entity_FileTypes__WEBPACK_IMPORTED_MODULE_5__.FileType.video)) {\n contentPlaceHolder = att.file ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_VideoAttachmentComponent_VideoAttachmentComponent__WEBPACK_IMPORTED_MODULE_14__[\"default\"], { videoFile: att.file })) : ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Toggle_ImagePlay__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {}));\n }\n if (att.type.toString().includes(_Domain_entity_FileTypes__WEBPACK_IMPORTED_MODULE_5__.FileType.audio)) {\n contentPlaceHolder = att.file ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_AudioAttachmentComponent_AudioAttachmentComponent__WEBPACK_IMPORTED_MODULE_24__[\"default\"], { audioFile: att.file })) : ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Media_AudioFile__WEBPACK_IMPORTED_MODULE_25__[\"default\"], {}));\n }\n if (att.type.toString().includes(_Domain_entity_FileTypes__WEBPACK_IMPORTED_MODULE_5__.FileType.image)) {\n contentPlaceHolder = att.file ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ImageAttachmentComponent_ImageAttachmentComponent__WEBPACK_IMPORTED_MODULE_15__[\"default\"], { imageFile: att.file })) : ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Media_ImageEmpty__WEBPACK_IMPORTED_MODULE_6__[\"default\"], {}));\n }\n if (att.type.toString().includes(_Domain_entity_FileTypes__WEBPACK_IMPORTED_MODULE_5__.FileType.text)) {\n contentPlaceHolder = att.file ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", { children: \"TEXT\" })) : ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Media_ImageFile__WEBPACK_IMPORTED_MODULE_9__[\"default\"], { applyZoom: true }));\n }\n var contentResult = ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"message-view-container--message-content-wrapper\" }, { children: contentPlaceHolder })));\n if (att.type === _Domain_entity_FileTypes__WEBPACK_IMPORTED_MODULE_5__.FileType.text) {\n contentResult = ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: \"message-view-container--file-message-content-wrapper\" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ 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 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) }))] }), 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 _m = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(null), fileToSend = _m[0], setFileToSend = _m[1];\n var _o = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(''), messageText = _o[0], setMessageText = _o[1];\n var _p = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(''), warningErrorText = _p[0], setWarningErrorText = _p[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 _q = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(true), isVoiceMessage = _q[0], setVoiceMessage = _q[1];\n var _r = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false), isRecording = _r[0], setIsRecording = _r[1];\n //\n var _s = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false), permission = _s[0], setPermission = _s[1];\n // const [recordingStatus, setRecordingStatus] = useState('inactive');\n var _t = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(), stream = _t[0], setStream = _t[1];\n // const [mediaRecorder, setMediaRecorder] = useState<MediaRecorder>();\n var mediaRecorder = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)();\n var _u = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(), resultAudioBlob = _u[0], setResultAudioBlob = _u[1];\n var _v = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)([]), audioChunks = _v[0], setAudioChunks = _v[1];\n var mimeType = 'audio/webm;codecs=opus'; // audio/ogg audio/mpeg audio/webm audio/x-wav audio/mp4\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n var getMicrophonePermission = function () { return __awaiter(void 0, void 0, void 0, function () {\n var mediaStream, err_1;\n return __generator(this, function (_a) {\n switch (_a.label) {\n case 0:\n if (!window) return [3 /*break*/, 5];\n _a.label = 1;\n case 1:\n _a.trys.push([1, 3, , 4]);\n return [4 /*yield*/, navigator.mediaDevices.getUserMedia({\n audio: true,\n video: false,\n })];\n case 2:\n mediaStream = _a.sent();\n setPermission(true);\n setStream(mediaStream);\n return [3 /*break*/, 4];\n case 3:\n err_1 = _a.sent();\n // setWarningErrorText(\n // 'The MediaRecorder API is not supported in your browser.',\n // );\n showErrorMessage(\"The MediaRecorder API throws exception \".concat((0,_utils_parse__WEBPACK_IMPORTED_MODULE_29__.stringifyError)(err_1), \" .\"));\n return [3 /*break*/, 4];\n case 4: return [3 /*break*/, 6];\n case 5:\n // setWarningErrorText(\n // 'The MediaRecorder API is not supported in your browser.',\n // );\n showErrorMessage('The MediaRecorder API is not supported in your browser.');\n _a.label = 6;\n case 6: return [2 /*return*/];\n }\n });\n }); };\n // eslint-disable-next-line @typescript-eslint/no-unused-vars,@typescript-eslint/require-await\n var startRecording = function () { return __awaiter(void 0, void 0, void 0, function () {\n var mimeContent, media, localAudioChunks;\n return __generator(this, function (_a) {\n if (!stream)\n return [2 /*return*/];\n mimeContent = window.MediaRecorder.isTypeSupported('audio/mp4;codecs=mp4a')\n ? 'audio/mp4;codecs=mp4a'\n : 'audio/webm;codecs=opus';\n media = new MediaRecorder(stream, { mimeType: mimeContent });\n mediaRecorder.current = media;\n mediaRecorder.current.start();\n localAudioChunks = [];\n mediaRecorder.current.ondataavailable = function (event) {\n // const localAudioChunks: any[] = [];\n if (typeof event.data === 'undefined')\n return;\n if (event.data.size === 0)\n return;\n localAudioChunks.push(event.data);\n console.log('voice data');\n // setAudioChunks(localAudioChunks);\n };\n setAudioChunks(localAudioChunks);\n return [2 /*return*/];\n });\n }); };\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n var stopRecording = function () {\n if (!mediaRecorder.current)\n return;\n // setRecordingStatus('inactive');\n mediaRecorder.current.stop();\n mediaRecorder.current.onstop = function () {\n var audioBlob = new Blob(audioChunks, { type: mimeType });\n setResultAudioBlob(audioBlob);\n setAudioChunks([]);\n //\n stream === null || stream === void 0 ? void 0 : stream.getAudioTracks().forEach(function (track) {\n track.stop();\n });\n setPermission(false);\n //\n };\n };\n //\n var blobToFile = function (theBlob, fileName) {\n var b = theBlob;\n // A Blob() is almost a File() - it's just missing the two properties below which we will add\n b.lastModifiedDate = new Date();\n b.name = fileName;\n // Cast to a File() type\n var resultFile = theBlob;\n return resultFile;\n };\n (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n if (resultAudioBlob) {\n var voiceMessage = blobToFile(resultAudioBlob, \"\".concat(currentUserName || '', \"_voice_message.webm\"));\n setFileToSend(voiceMessage);\n }\n }, [resultAudioBlob]);\n // test component version\n // useEffect(() => {\n // if (isRecording) {\n // setWarningErrorText(`Your voice is recording during for 1 minute`);\n // } else {\n // setWarningErrorText('');\n // }\n // }, [isRecording]);\n // work version below:\n (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n // setFileToSend(null);\n if (isRecording) {\n if (!permission) {\n // eslint-disable-next-line promise/catch-or-return,promise/always-return\n getMicrophonePermission().catch(function () {\n // setWarningErrorText(`Have no audio.`);\n showErrorMessage(\"Have no audio.\");\n });\n }\n else {\n // eslint-disable-next-line promise/catch-or-return,promise/always-return\n startRecording().then(function () {\n setWarningErrorText(\"Your voice is recording during for 1 minutes\");\n });\n }\n }\n else {\n if (permission && mediaRecorder.current) {\n stopRecording();\n }\n setWarningErrorText('');\n }\n }, [isRecording]);\n (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n if (isRecording && permission) {\n // eslint-disable-next-line promise/always-return,promise/catch-or-return\n startRecording().then(function () {\n setWarningErrorText(\"Your voice is recording during for 1 minutes\");\n });\n }\n }, [permission]);\n 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 return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ style: maxWidthToResize\n ? {\n maxWidth: \"\".concat(maxWidthToResizing),\n minWidth: \"$message-view-container-wrapper-min-width\",\n // width: `${maxWidthToResizing}`,\n width: '100%',\n }\n : {}, className: \"message-view-container\" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ style: {\n flexGrow: \"1\",\n flexShrink: \"1\",\n flexBasis: \"\".concat(maxWidthToResizing),\n }, className: \"message-view-container--header\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_HeaderMessages_HeaderMessages__WEBPACK_IMPORTED_MODULE_13__[\"default\"], { dialog: messagesViewModel.entity, InformationHandler: InformationHandler, countMembers: getCountDialogMembers(dialogsViewModel.entity) }) })), (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.mainElements(),\n }\n : {\n flexGrow: \"1\",\n flexShrink: \"1\",\n flexBasis: \"\".concat(maxWidthToResizing),\n }, className: \"message-view-container--information\" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", { children: [\"connection status:\", browserOnline ? 'online ' : 'offline ', connectionRepository.isChatConnected() === undefined\n ? 'unexpected undefined'\n : connectionRepository.isChatConnected()\n ? 'connected'\n : 'disconnected'] }), hasMore && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ style: { color: 'red' } }, { children: [\"unread: \", dialogMessagesCount - messagesToView.length] }))), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", { children: \" current user id: \".concat(currentUserId || 'no user') })] })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ style: 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) && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Placeholders_ErrorComponent_ErrorComponent__WEBPACK_IMPORTED_MODULE_12__[\"default\"], { title: messagesViewModel === null || messagesViewModel === void 0 ? void 0 : messagesViewModel.error, ClickActionHandler: function () {\n alert('call click retry');\n } })), messagesViewModel &&\n messagesViewModel.messages &&\n messagesViewModel.messages.length > 0 &&\n messagesToView &&\n messagesToView.length > 0 && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_containers_ScrollableContainer_ScrollableContainer__WEBPACK_IMPORTED_MODULE_4__[\"default\"], { data: messagesToView, renderItem: renderMessage, onEndReached: fetchMoreData, onEndReachedThreshold: 0.8, refreshing: messagesViewModel === null || messagesViewModel === void 0 ? void 0 : messagesViewModel.loading, autoScrollToBottom: scrollUpToDown })), (messagesViewModel === null || messagesViewModel === void 0 ? void 0 : messagesViewModel.loading) && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ style: {\n height: '44px',\n width: '44px',\n } }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Placeholders_LoaderComponent_LoaderComponent__WEBPACK_IMPORTED_MODULE_11__[\"default\"], { width: \"44\", height: \"44\", color: \"var(--color-background-info)\" }) }))), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ 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?");
1833
1833
 
1834
1834
  /***/ }),
1835
1835
 
@@ -1851,7 +1851,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var reac
1851
1851
  /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
1852
1852
 
1853
1853
  "use strict";
1854
- 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 _VoiceRecordingProgress_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./VoiceRecordingProgress.scss */ \"./src/Presentation/components/UI/Dialogs/MessagesView/VoiceRecordingProgress/VoiceRecordingProgress.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\n\n// eslint-disable-next-line react/function-component-definition\nvar VoiceRecordingProgress = function (_a) {\n var longRecInSec = _a.longRecInSec, \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;\n var timerId;\n var _b = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(Date.now()), currentTime = _b[0], setCurrentTime = _b[1];\n var _c = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)('00:00:00'), timeString = _c[0], setTimeString = _c[1];\n var startTime = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(Date.now())[0];\n (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n var valueToCalc = Math.round((currentTime - (startTime || 0)) / 1000);\n var sec = valueToCalc % 60;\n var min = Math.round(valueToCalc / 60);\n var secStr = sec <= 9 ? \"0\".concat(sec.toString()) : sec;\n var minStr = min <= 9 ? \"0\".concat(min.toString()) : min;\n var strValue = \"00:\".concat(minStr, \":\").concat(secStr);\n setTimeString(strValue);\n }, [currentTime]);\n var stopTimer = function () {\n if (timerId) {\n clearTimeout(timerId);\n timerId = undefined;\n }\n if (ClickActionHandler)\n ClickActionHandler();\n if (TouchActionHandler)\n TouchActionHandler();\n };\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n var startTimer = function () {\n // setStartTime(Date.now());\n var longRec = longRecInSec < 60 && longRecInSec > 0 ? longRecInSec : 10;\n setTimeout(function () {\n stopTimer();\n }, longRec * 1000);\n if (timerId === undefined) {\n timerId = setInterval(function () {\n setCurrentTime(Date.now());\n }, 1000);\n }\n /*\n if ((Date.now() - this._typingTime) / 1000 >= this.typingTimeout) {\n this.messagesRepository.typingMessageStop(this.dialog, this.senderId);\n clearInterval(this._typingTimer);\n this._typingTimer = undefined;\n this._typingTime = 0;\n }\n */\n };\n startTimer();\n return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: \"chat-message-text-container\" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", { onClick: function () {\n stopTimer();\n }, onTouchStart: function () {\n stopTimer();\n }, className: \"chat-message-text-container__stop_record_button\" }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", { children: timeString })] })));\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (VoiceRecordingProgress);\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/Presentation/components/UI/Dialogs/MessagesView/VoiceRecordingProgress/VoiceRecordingProgress.tsx?");
1854
+ 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 _VoiceRecordingProgress_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./VoiceRecordingProgress.scss */ \"./src/Presentation/components/UI/Dialogs/MessagesView/VoiceRecordingProgress/VoiceRecordingProgress.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\n\n// eslint-disable-next-line react/function-component-definition\nvar VoiceRecordingProgress = function (_a) {\n var startStatus = _a.startStatus, longRecInSec = _a.longRecInSec, \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;\n var timerId;\n var _b = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(Date.now()), currentTime = _b[0], setCurrentTime = _b[1];\n var _c = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)('00:00:00'), timeString = _c[0], setTimeString = _c[1];\n var startTime = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(Date.now())[0];\n (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n var valueToCalc = Math.round((currentTime - (startTime || 0)) / 1000);\n var sec = valueToCalc % 60;\n var min = Math.round(valueToCalc / 60);\n var secStr = sec <= 9 ? \"0\".concat(sec.toString()) : sec;\n var minStr = min <= 9 ? \"0\".concat(min.toString()) : min;\n var strValue = \"00:\".concat(minStr, \":\").concat(secStr);\n setTimeString(strValue);\n }, [currentTime]);\n var stopTimer = function () {\n if (timerId) {\n clearTimeout(timerId);\n timerId = undefined;\n }\n if (ClickActionHandler)\n ClickActionHandler();\n if (TouchActionHandler)\n TouchActionHandler();\n };\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n var startTimer = function () {\n console.log('call startTimer');\n // setStartTime(Date.now());\n var longRec = longRecInSec <= 60 && longRecInSec > 0 ? longRecInSec : 10;\n console.log('LONG REC IN SEC = ', longRecInSec, ' using LONG REC = ', longRec);\n setTimeout(function () {\n stopTimer();\n }, longRec * 1000);\n if (timerId === undefined) {\n timerId = setInterval(function () {\n setCurrentTime(Date.now());\n }, 1000);\n }\n };\n (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n if (startStatus)\n startTimer();\n }, [startStatus]);\n return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: \"chat-message-text-container\" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", { onClick: function () {\n stopTimer();\n }, onTouchStart: function () {\n stopTimer();\n }, className: \"chat-message-text-container__stop_record_button\" }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", { children: timeString })] })));\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (VoiceRecordingProgress);\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/Presentation/components/UI/Dialogs/MessagesView/VoiceRecordingProgress/VoiceRecordingProgress.tsx?");
1855
1855
 
1856
1856
  /***/ }),
1857
1857
 
@@ -1873,7 +1873,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
1873
1873
  /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
1874
1874
 
1875
1875
  "use strict";
1876
- 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 _PreviewDialog_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./PreviewDialog.scss */ \"./src/Presentation/components/UI/Dialogs/PreviewDialog/PreviewDialog.scss\");\n/* harmony import */ var _containers_ColumnContainer_ColumnContainer__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../containers/ColumnContainer/ColumnContainer */ \"./src/Presentation/components/containers/ColumnContainer/ColumnContainer.tsx\");\n/* harmony import */ var _containers_RowCenterContainer_RowCenterContainer__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../containers/RowCenterContainer/RowCenterContainer */ \"./src/Presentation/components/containers/RowCenterContainer/RowCenterContainer.tsx\");\n/* harmony import */ var _svgs_Icons_Contents_PublicChannel__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../svgs/Icons/Contents/PublicChannel */ \"./src/Presentation/components/UI/svgs/Icons/Contents/PublicChannel/index.tsx\");\n/* harmony import */ var _assets_ThemeScheme__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../assets/ThemeScheme */ \"./src/Presentation/assets/ThemeScheme.ts\");\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 _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_GroupChat__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../svgs/Icons/Contents/GroupChat */ \"./src/Presentation/components/UI/svgs/Icons/Contents/GroupChat/index.tsx\");\n/* harmony import */ var _containers_RowLeftContainer_RowLeftContainer__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../containers/RowLeftContainer/RowLeftContainer */ \"./src/Presentation/components/containers/RowLeftContainer/RowLeftContainer.tsx\");\n/* harmony import */ var _svgs_Icons_Toggle_NotifyOff__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../svgs/Icons/Toggle/NotifyOff */ \"./src/Presentation/components/UI/svgs/Icons/Toggle/NotifyOff/index.tsx\");\n/* harmony import */ var _svgs_Icons_Actions_EditDots__WEBPACK_IMPORTED_MODULE_12__ = __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/* eslint-disable @typescript-eslint/no-unsafe-call */\n\n\n\n\n\n\n\n\n\n\n\n\n// eslint-disable-next-line react/function-component-definition\nvar PreviewDialog = function (_a) {\n // const colorIcon = window\n // .getComputedStyle(document.documentElement)\n // .getPropertyValue('--color-icon')\n // .trim();\n var typeDialog = _a.typeDialog, dialogViewModel = _a.dialogViewModel, dialogAvatar = _a.dialogAvatar, title = _a.title, previewMessage = _a.previewMessage, unreadMessageCount = _a.unreadMessageCount, message_date_time_sent = _a.message_date_time_sent, _b = _a.theme, theme = _b === void 0 ? undefined : _b, \n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n _c = _a.additionalSettings, \n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n additionalSettings = _c === void 0 ? undefined : _c;\n var colorIcon = 'var(--color-icon)';\n var defaultLightTheme = {\n backgroundColorMainSection: 'var(--main-background)',\n backgroundColorAvatarSection: 'var(--disabled-elements)',\n colorAvatarIcon: 'var(--secondary-text)',\n fontColorMessage: 'var(--input-elements)',\n fontColorTitle: 'var(--main-text)',\n divider: 'var(--divider)', // ThemeScheme.primary_50,\n };\n var darkDefaultTheme = {\n backgroundColorMainSection: 'var(--main-background)',\n backgroundColorAvatarSection: 'var(--disabled-elements)',\n colorAvatarIcon: 'var(--secondary-text)',\n fontColorMessage: 'var(--input-elements)',\n fontColorTitle: 'var(--main-text)',\n divider: 'var(--color-divider)', // ThemeScheme.secondary_400,\n };\n var hoverTheme = darkDefaultTheme;\n if ((theme === null || theme === void 0 ? void 0 : theme.themeName) === 'light') {\n hoverTheme.backgroundColorMainSection = 'var(--chat-input)'; // ThemeScheme.primary_a_200;\n hoverTheme.divider = 'var(--divider)'; // ThemeScheme.primary_50;\n }\n else {\n hoverTheme.backgroundColorMainSection = 'var(--field-border)'; // ThemeScheme.secondary_200;\n }\n var workTheme = (theme === null || theme === void 0 ? void 0 : theme.themeName) === 'light' ? defaultLightTheme : darkDefaultTheme;\n if (theme === null || theme === void 0 ? void 0 : theme.colorTheme) {\n workTheme.colorAvatarIcon = theme === null || theme === void 0 ? void 0 : theme.colorTheme.secondaryText();\n workTheme.backgroundColorAvatarSection =\n theme === null || theme === void 0 ? void 0 : theme.colorTheme.disabledElements();\n workTheme.backgroundColorMainSection = theme === null || theme === void 0 ? void 0 : theme.colorTheme.mainBackground();\n workTheme.fontColorMessage = theme === null || theme === void 0 ? void 0 : theme.colorTheme.inputElements();\n workTheme.fontColorTitle = theme === null || theme === void 0 ? void 0 : theme.colorTheme.mainText();\n workTheme.divider = theme === null || theme === void 0 ? void 0 : theme.colorTheme.divider();\n hoverTheme.backgroundColorMainSection = 'var(--field-border)'; // ThemeScheme.secondary_200;\n }\n var avatarSectionStyles = {\n backgroundColor: \"\".concat(workTheme.backgroundColorAvatarSection),\n };\n var titleDialogStyles = (theme === null || theme === void 0 ? void 0 : theme.colorTheme)\n ? {\n border: \"1px solid \".concat(workTheme.divider),\n backgroundColor: \"\".concat(workTheme.backgroundColorMainSection),\n color: \"\".concat(workTheme.fontColorTitle),\n }\n : {};\n var messageDialogStyles = (theme === null || theme === void 0 ? void 0 : theme.colorTheme)\n ? { color: \"\".concat(workTheme.colorAvatarIcon) }\n : {};\n var publicIconTheme = {\n color: colorIcon || _assets_ThemeScheme__WEBPACK_IMPORTED_MODULE_6__[\"default\"].primary_400,\n width: '42',\n height: '42',\n };\n var itemTheme = {\n color: workTheme.colorAvatarIcon,\n width: '42',\n height: '42',\n };\n var previewDialogContainerStyles = [\n 'preview-dialog-container',\n theme && theme.selected ? 'preview-selected' : '',\n ].join(' ');\n var avatarWrapperStyles = [\n 'avatar-wrapper',\n typeDialog === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_7__.DialogType[\"public\"] ? 'public_avatar' : '',\n ].join(' ');\n var textWrapperContainer = [\n unreadMessageCount && unreadMessageCount > 0\n ? 'preview-dialog-container__text-left'\n : 'preview-dialog-container__text',\n (previewMessage === null || previewMessage === void 0 ? void 0 : previewMessage.length) && (previewMessage === null || previewMessage === void 0 ? void 0 : previewMessage.length) > 40 ? 'ellipsis' : '',\n ].join(' ');\n var avatar;\n switch (typeDialog) {\n case _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_7__.DialogType[\"public\"]:\n avatar = ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Contents_PublicChannel__WEBPACK_IMPORTED_MODULE_5__[\"default\"], { color: publicIconTheme.color, width: publicIconTheme.width, height: publicIconTheme.height }));\n break;\n case _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_7__.DialogType.group:\n avatar = ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Contents_GroupChat__WEBPACK_IMPORTED_MODULE_9__[\"default\"], { color: itemTheme.color, width: itemTheme.width, height: itemTheme.height }));\n break;\n case _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_7__.DialogType[\"private\"]:\n avatar = ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Contents_User__WEBPACK_IMPORTED_MODULE_8__[\"default\"], { color: itemTheme.color, width: itemTheme.width, height: itemTheme.height }));\n break;\n default:\n avatar = ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Contents_GroupChat__WEBPACK_IMPORTED_MODULE_9__[\"default\"], { color: itemTheme.color, width: itemTheme.width, height: itemTheme.height }));\n break;\n }\n avatar = dialogAvatar || avatar;\n var _d = react__WEBPACK_IMPORTED_MODULE_1___default().useState(false), haveHover = _d[0], setHaveHover = _d[1];\n var avatarSectionContainer = {\n flexBasis: '56px',\n minWidth: '56px',\n maxWidth: '56px',\n minHeight: '56px',\n maxHeight: '56px',\n };\n var titleContainer = {\n flexBasis: '150px',\n minHeight: '20px',\n maxHeight: '20px',\n maxWidth: '150px',\n minWidth: '150px',\n };\n var badgeContainer = {\n flexBasis: '18px',\n minHeight: '29px',\n maxHeight: '29px',\n maxWidth: '18px',\n minWidth: '18px',\n };\n var badgeItemStyle = {\n width: '19px',\n height: '20px',\n borderRadius: '50%',\n backgroundColor: \"\".concat(publicIconTheme.color ? publicIconTheme.color : 'blue'),\n color: 'white',\n fontSize: '12px',\n lineHeight: '16px',\n };\n var hoverItemStyle = {\n width: '19px',\n height: '20px',\n borderRadius: '50%',\n color: 'white',\n fontSize: '12px',\n lineHeight: '16px',\n };\n var messageMinContainer = {\n flexBasis: '182px',\n minHeight: '29px',\n maxHeight: '29px',\n maxWidth: '182px',\n minWidth: '182px',\n };\n var messageMaxContainer = {\n flexBasis: '182px',\n minHeight: '29px',\n maxHeight: '29px',\n maxWidth: '182px',\n minWidth: '182px',\n };\n return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ onMouseEnter: function () { return setHaveHover(true); }, onMouseLeave: function () { return setHaveHover(false); }, style: haveHover\n ? __assign(__assign({}, titleDialogStyles), { background: hoverTheme.backgroundColorMainSection, border: \"1px solid \".concat(hoverTheme.divider) }) : titleDialogStyles, className: previewDialogContainerStyles, onClick: function () {\n if (dialogViewModel && dialogViewModel.itemClickActionHandler) {\n var it_1 = dialogViewModel === null || dialogViewModel === void 0 ? void 0 : dialogViewModel.item;\n dialogViewModel.itemClickActionHandler(it_1);\n }\n }, onTouchStart: function () {\n if (dialogViewModel && dialogViewModel.itemTouchActionHandler) {\n var it_2 = dialogViewModel === null || dialogViewModel === void 0 ? void 0 : dialogViewModel.item;\n dialogViewModel.itemTouchActionHandler(it_2);\n }\n } }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_containers_RowCenterContainer_RowCenterContainer__WEBPACK_IMPORTED_MODULE_4__[\"default\"], { minWidthContainer: \"288px\", minHeightContainer: \"56px\", gapBetweenItem: \"16px\", LeftItem: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ style: avatarSectionStyles, className: avatarWrapperStyles }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ style: {\n margin: '0 auto',\n } }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", { children: avatar }) })) })), LeftContainerSize: avatarSectionContainer, CenterItem: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_containers_ColumnContainer_ColumnContainer__WEBPACK_IMPORTED_MODULE_3__[\"default\"], __assign({ gapBetweenItem: \"3px\", maxWidth: \"213px\" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_containers_RowLeftContainer_RowLeftContainer__WEBPACK_IMPORTED_MODULE_10__[\"default\"], { RightItem: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ style: { textAlign: 'right' } }, { children: !haveHover ? message_date_time_sent : '' })), CenterContainerSize: titleContainer, CenterItem: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: \"row-left-layout-main-container\" }, { children: [typeDialog === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_7__.DialogType[\"public\"] && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Contents_PublicChannel__WEBPACK_IMPORTED_MODULE_5__[\"default\"], { color: publicIconTheme.color, width: \"20px\", height: \"20px\", applyZoom: true }) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"preview-dialog-container__text-title\" }, { children: title })), (theme === null || theme === void 0 ? void 0 : theme.muted) && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Toggle_NotifyOff__WEBPACK_IMPORTED_MODULE_11__[\"default\"], { color: publicIconTheme.color, width: \"20px\", height: \"20px\", applyZoom: true }) }))] })) }), haveHover ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_containers_RowLeftContainer_RowLeftContainer__WEBPACK_IMPORTED_MODULE_10__[\"default\"], { gapBetweenItem: \"7px\", RightContainerSize: badgeContainer, RightItem: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ style: hoverItemStyle }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Actions_EditDots__WEBPACK_IMPORTED_MODULE_12__[\"default\"], {}) })) }), CenterContainerSize: messageMinContainer, CenterItem: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"preview-dialog-container__text-left\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"span\", __assign({ className: \"preview-dialog-container__text-concat\" }, { children: previewMessage })) })) })) : ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_containers_RowLeftContainer_RowLeftContainer__WEBPACK_IMPORTED_MODULE_10__[\"default\"], { gapBetweenItem: \"7px\", RightContainerSize: badgeContainer, RightItem: unreadMessageCount && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"badge-text-style\", style: badgeItemStyle }, { children: unreadMessageCount &&\n unreadMessageCount.toString().length > 1\n ? '9+'\n : unreadMessageCount })) })), CenterContainerSize: unreadMessageCount && unreadMessageCount > 0\n ? messageMinContainer\n : messageMaxContainer, CenterItem: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ style: messageDialogStyles, className: textWrapperContainer }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"span\", __assign({ className: \"preview-d ialog-container__text-concat\" }, { children: previewMessage })) })) }))] })), CenterContainerSize: {\n flexBasis: '50px',\n minHeight: '50px',\n maxHeight: '50px',\n } }) })));\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (PreviewDialog);\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/Presentation/components/UI/Dialogs/PreviewDialog/PreviewDialog.tsx?");
1876
+ 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 _PreviewDialog_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./PreviewDialog.scss */ \"./src/Presentation/components/UI/Dialogs/PreviewDialog/PreviewDialog.scss\");\n/* harmony import */ var _containers_ColumnContainer_ColumnContainer__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../containers/ColumnContainer/ColumnContainer */ \"./src/Presentation/components/containers/ColumnContainer/ColumnContainer.tsx\");\n/* harmony import */ var _containers_RowCenterContainer_RowCenterContainer__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../containers/RowCenterContainer/RowCenterContainer */ \"./src/Presentation/components/containers/RowCenterContainer/RowCenterContainer.tsx\");\n/* harmony import */ var _svgs_Icons_Contents_PublicChannel__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../svgs/Icons/Contents/PublicChannel */ \"./src/Presentation/components/UI/svgs/Icons/Contents/PublicChannel/index.tsx\");\n/* harmony import */ var _assets_ThemeScheme__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../assets/ThemeScheme */ \"./src/Presentation/assets/ThemeScheme.ts\");\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 _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_GroupChat__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../svgs/Icons/Contents/GroupChat */ \"./src/Presentation/components/UI/svgs/Icons/Contents/GroupChat/index.tsx\");\n/* harmony import */ var _containers_RowLeftContainer_RowLeftContainer__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../containers/RowLeftContainer/RowLeftContainer */ \"./src/Presentation/components/containers/RowLeftContainer/RowLeftContainer.tsx\");\n/* harmony import */ var _svgs_Icons_Toggle_NotifyOff__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../svgs/Icons/Toggle/NotifyOff */ \"./src/Presentation/components/UI/svgs/Icons/Toggle/NotifyOff/index.tsx\");\n/* harmony import */ var _svgs_Icons_Actions_EditDots__WEBPACK_IMPORTED_MODULE_12__ = __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/* eslint-disable @typescript-eslint/no-unsafe-call */\n\n\n\n\n\n\n\n\n\n\n\n\n// eslint-disable-next-line react/function-component-definition\nvar PreviewDialog = function (_a) {\n // const colorIcon = window\n // .getComputedStyle(document.documentElement)\n // .getPropertyValue('--color-icon')\n // .trim();\n var typeDialog = _a.typeDialog, dialogViewModel = _a.dialogViewModel, dialogAvatar = _a.dialogAvatar, title = _a.title, previewMessage = _a.previewMessage, unreadMessageCount = _a.unreadMessageCount, message_date_time_sent = _a.message_date_time_sent, _b = _a.theme, theme = _b === void 0 ? undefined : _b, \n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n _c = _a.additionalSettings, \n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n additionalSettings = _c === void 0 ? undefined : _c;\n var colorIcon = (theme === null || theme === void 0 ? void 0 : theme.colorTheme)\n ? theme === null || theme === void 0 ? void 0 : theme.colorTheme.mainElements()\n : 'var(--main-elements)';\n var defaultLightTheme = {\n backgroundColorMainSection: (theme === null || theme === void 0 ? void 0 : theme.colorTheme)\n ? theme === null || theme === void 0 ? void 0 : theme.colorTheme.mainBackground()\n : 'var(--main-background)',\n backgroundColorAvatarSection: (theme === null || theme === void 0 ? void 0 : theme.colorTheme)\n ? theme === null || theme === void 0 ? void 0 : theme.colorTheme.disabledElements()\n : 'var(--disabled-elements)',\n colorAvatarIcon: (theme === null || theme === void 0 ? void 0 : theme.colorTheme)\n ? theme === null || theme === void 0 ? void 0 : theme.colorTheme.secondaryText()\n : 'var(--secondary-text)',\n fontColorMessage: (theme === null || theme === void 0 ? void 0 : theme.colorTheme)\n ? theme === null || theme === void 0 ? void 0 : theme.colorTheme.inputElements()\n : 'var(--input-elements)',\n fontColorTitle: (theme === null || theme === void 0 ? void 0 : theme.colorTheme)\n ? theme === null || theme === void 0 ? void 0 : theme.colorTheme.mainText()\n : 'var(--main-text)',\n divider: (theme === null || theme === void 0 ? void 0 : theme.colorTheme) ? theme === null || theme === void 0 ? void 0 : theme.colorTheme.divider() : 'var(--divider)', // ThemeScheme.primary_50,\n };\n var darkDefaultTheme = {\n backgroundColorMainSection: (theme === null || theme === void 0 ? void 0 : theme.colorTheme)\n ? theme === null || theme === void 0 ? void 0 : theme.colorTheme.mainBackground()\n : 'var(--main-background)',\n backgroundColorAvatarSection: (theme === null || theme === void 0 ? void 0 : theme.colorTheme)\n ? theme === null || theme === void 0 ? void 0 : theme.colorTheme.disabledElements()\n : 'var(--disabled-elements)',\n colorAvatarIcon: (theme === null || theme === void 0 ? void 0 : theme.colorTheme)\n ? theme === null || theme === void 0 ? void 0 : theme.colorTheme.secondaryText()\n : 'var(--secondary-text)',\n fontColorMessage: (theme === null || theme === void 0 ? void 0 : theme.colorTheme)\n ? theme === null || theme === void 0 ? void 0 : theme.colorTheme.inputElements()\n : 'var(--input-elements)',\n fontColorTitle: (theme === null || theme === void 0 ? void 0 : theme.colorTheme)\n ? theme === null || theme === void 0 ? void 0 : theme.colorTheme.mainText()\n : 'var(--main-text)',\n divider: (theme === null || theme === void 0 ? void 0 : theme.colorTheme) ? theme === null || theme === void 0 ? void 0 : theme.colorTheme.divider() : 'var(--divider)', // ThemeScheme.secondary_400, // 'var(--color-divider)'\n };\n var hoverTheme = darkDefaultTheme;\n if ((theme === null || theme === void 0 ? void 0 : theme.themeName) === 'light') {\n hoverTheme.backgroundColorMainSection = (theme === null || theme === void 0 ? void 0 : theme.colorTheme)\n ? theme === null || theme === void 0 ? void 0 : theme.colorTheme.chatInput()\n : 'var(--chat-input)'; // ThemeScheme.primary_a_200;\n hoverTheme.divider = (theme === null || theme === void 0 ? void 0 : theme.colorTheme)\n ? theme === null || theme === void 0 ? void 0 : theme.colorTheme.divider()\n : 'var(--divider)'; // ThemeScheme.primary_50;\n }\n else {\n hoverTheme.backgroundColorMainSection = (theme === null || theme === void 0 ? void 0 : theme.colorTheme)\n ? theme === null || theme === void 0 ? void 0 : theme.colorTheme.fieldBorder()\n : 'var(--field-border)'; // ThemeScheme.secondary_200;\n }\n var workTheme = (theme === null || theme === void 0 ? void 0 : theme.themeName) === 'light' ? defaultLightTheme : darkDefaultTheme;\n if (theme === null || theme === void 0 ? void 0 : theme.colorTheme) {\n workTheme.colorAvatarIcon = theme === null || theme === void 0 ? void 0 : theme.colorTheme.secondaryText();\n workTheme.backgroundColorAvatarSection =\n theme === null || theme === void 0 ? void 0 : theme.colorTheme.disabledElements();\n workTheme.backgroundColorMainSection = theme === null || theme === void 0 ? void 0 : theme.colorTheme.mainBackground();\n workTheme.fontColorMessage = theme === null || theme === void 0 ? void 0 : theme.colorTheme.inputElements();\n workTheme.fontColorTitle = theme === null || theme === void 0 ? void 0 : theme.colorTheme.mainText();\n workTheme.divider = theme === null || theme === void 0 ? void 0 : theme.colorTheme.divider();\n hoverTheme.backgroundColorMainSection = (theme === null || theme === void 0 ? void 0 : theme.colorTheme)\n ? theme === null || theme === void 0 ? void 0 : theme.colorTheme.fieldBorder()\n : 'var(--field-border)'; // ThemeScheme.secondary_200;\n }\n var avatarSectionStyles = {\n backgroundColor: \"\".concat(workTheme.backgroundColorAvatarSection),\n };\n var titleDialogStyles = (theme === null || theme === void 0 ? void 0 : theme.colorTheme)\n ? {\n border: \"1px solid \".concat(workTheme.divider),\n backgroundColor: \"\".concat(workTheme.backgroundColorMainSection),\n color: \"\".concat(workTheme.fontColorTitle),\n }\n : {};\n var messageDialogStyles = (theme === null || theme === void 0 ? void 0 : theme.colorTheme)\n ? { color: \"\".concat(workTheme.colorAvatarIcon) }\n : {};\n var publicIconTheme = {\n color: colorIcon || _assets_ThemeScheme__WEBPACK_IMPORTED_MODULE_6__[\"default\"].primary_400,\n width: '42',\n height: '42',\n };\n var itemTheme = {\n color: workTheme.colorAvatarIcon,\n width: '42',\n height: '42',\n };\n var previewDialogContainerStyles = [\n 'preview-dialog-container',\n theme && theme.selected ? 'preview-selected' : '',\n ].join(' ');\n var avatarWrapperStyles = [\n 'avatar-wrapper',\n typeDialog === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_7__.DialogType[\"public\"] ? 'public_avatar' : '',\n ].join(' ');\n var textWrapperContainer = [\n unreadMessageCount && unreadMessageCount > 0\n ? 'preview-dialog-container__text-left'\n : 'preview-dialog-container__text',\n (previewMessage === null || previewMessage === void 0 ? void 0 : previewMessage.length) && (previewMessage === null || previewMessage === void 0 ? void 0 : previewMessage.length) > 40 ? 'ellipsis' : '',\n ].join(' ');\n var avatar;\n switch (typeDialog) {\n case _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_7__.DialogType[\"public\"]:\n avatar = ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Contents_PublicChannel__WEBPACK_IMPORTED_MODULE_5__[\"default\"], { color: publicIconTheme.color, width: publicIconTheme.width, height: publicIconTheme.height }));\n break;\n case _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_7__.DialogType.group:\n avatar = ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Contents_GroupChat__WEBPACK_IMPORTED_MODULE_9__[\"default\"], { color: itemTheme.color, width: itemTheme.width, height: itemTheme.height }));\n break;\n case _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_7__.DialogType[\"private\"]:\n avatar = ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Contents_User__WEBPACK_IMPORTED_MODULE_8__[\"default\"], { color: itemTheme.color, width: itemTheme.width, height: itemTheme.height }));\n break;\n default:\n avatar = ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Contents_GroupChat__WEBPACK_IMPORTED_MODULE_9__[\"default\"], { color: itemTheme.color, width: itemTheme.width, height: itemTheme.height }));\n break;\n }\n avatar = dialogAvatar || avatar;\n var _d = react__WEBPACK_IMPORTED_MODULE_1___default().useState(false), haveHover = _d[0], setHaveHover = _d[1];\n var avatarSectionContainer = {\n flexBasis: '56px',\n minWidth: '56px',\n maxWidth: '56px',\n minHeight: '56px',\n maxHeight: '56px',\n };\n var titleContainer = {\n flexBasis: '150px',\n minHeight: '20px',\n maxHeight: '20px',\n maxWidth: '150px',\n minWidth: '150px',\n };\n var badgeContainer = {\n flexBasis: '18px',\n minHeight: '29px',\n maxHeight: '29px',\n maxWidth: '18px',\n minWidth: '18px',\n };\n var badgeItemStyle = {\n width: '19px',\n height: '20px',\n borderRadius: '50%',\n backgroundColor: \"\".concat(publicIconTheme.color ? publicIconTheme.color : 'blue'),\n color: 'white',\n fontSize: '12px',\n lineHeight: '16px',\n };\n var hoverItemStyle = {\n width: '19px',\n height: '20px',\n borderRadius: '50%',\n color: 'white',\n fontSize: '12px',\n lineHeight: '16px',\n };\n var messageMinContainer = {\n flexBasis: '182px',\n minHeight: '29px',\n maxHeight: '29px',\n maxWidth: '182px',\n minWidth: '182px',\n };\n var messageMaxContainer = {\n flexBasis: '182px',\n minHeight: '29px',\n maxHeight: '29px',\n maxWidth: '182px',\n minWidth: '182px',\n };\n return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ onMouseEnter: function () { return setHaveHover(true); }, onMouseLeave: function () { return setHaveHover(false); }, style: haveHover\n ? __assign(__assign({}, titleDialogStyles), { background: hoverTheme.backgroundColorMainSection, border: \"1px solid \".concat(hoverTheme.divider) }) : titleDialogStyles, className: previewDialogContainerStyles, onClick: function () {\n if (dialogViewModel && dialogViewModel.itemClickActionHandler) {\n var it_1 = dialogViewModel === null || dialogViewModel === void 0 ? void 0 : dialogViewModel.item;\n dialogViewModel.itemClickActionHandler(it_1);\n }\n }, onTouchStart: function () {\n if (dialogViewModel && dialogViewModel.itemTouchActionHandler) {\n var it_2 = dialogViewModel === null || dialogViewModel === void 0 ? void 0 : dialogViewModel.item;\n dialogViewModel.itemTouchActionHandler(it_2);\n }\n } }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_containers_RowCenterContainer_RowCenterContainer__WEBPACK_IMPORTED_MODULE_4__[\"default\"], { minWidthContainer: \"288px\", minHeightContainer: \"56px\", gapBetweenItem: \"16px\", LeftItem: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ style: avatarSectionStyles, className: avatarWrapperStyles }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ style: {\n margin: '0 auto',\n } }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", { children: avatar }) })) })), LeftContainerSize: avatarSectionContainer, CenterItem: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_containers_ColumnContainer_ColumnContainer__WEBPACK_IMPORTED_MODULE_3__[\"default\"], __assign({ gapBetweenItem: \"3px\", maxWidth: \"213px\" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_containers_RowLeftContainer_RowLeftContainer__WEBPACK_IMPORTED_MODULE_10__[\"default\"], { RightItem: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ style: { textAlign: 'right' } }, { children: !haveHover ? message_date_time_sent : '' })), CenterContainerSize: titleContainer, CenterItem: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: \"row-left-layout-main-container\" }, { children: [typeDialog === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_7__.DialogType[\"public\"] && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Contents_PublicChannel__WEBPACK_IMPORTED_MODULE_5__[\"default\"], { color: publicIconTheme.color, width: \"20px\", height: \"20px\", applyZoom: true }) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"preview-dialog-container__text-title\" }, { children: title })), (theme === null || theme === void 0 ? void 0 : theme.muted) && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Toggle_NotifyOff__WEBPACK_IMPORTED_MODULE_11__[\"default\"], { color: publicIconTheme.color, width: \"20px\", height: \"20px\", applyZoom: true }) }))] })) }), haveHover ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_containers_RowLeftContainer_RowLeftContainer__WEBPACK_IMPORTED_MODULE_10__[\"default\"], { gapBetweenItem: \"7px\", RightContainerSize: badgeContainer, RightItem: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ style: hoverItemStyle }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Actions_EditDots__WEBPACK_IMPORTED_MODULE_12__[\"default\"], { color: (theme === null || theme === void 0 ? void 0 : theme.colorTheme)\n ? theme === null || theme === void 0 ? void 0 : theme.colorTheme.mainElements()\n : 'var(--main-elements)' }) })) }), CenterContainerSize: messageMinContainer, CenterItem: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"preview-dialog-container__text-left\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"span\", __assign({ className: \"preview-dialog-container__text-concat\" }, { children: previewMessage })) })) })) : ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_containers_RowLeftContainer_RowLeftContainer__WEBPACK_IMPORTED_MODULE_10__[\"default\"], { gapBetweenItem: \"7px\", RightContainerSize: badgeContainer, RightItem: unreadMessageCount && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"badge-text-style\", style: badgeItemStyle }, { children: unreadMessageCount &&\n unreadMessageCount.toString().length > 1\n ? '9+'\n : unreadMessageCount })) })), CenterContainerSize: unreadMessageCount && unreadMessageCount > 0\n ? messageMinContainer\n : messageMaxContainer, CenterItem: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ style: messageDialogStyles, className: textWrapperContainer }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"span\", __assign({ className: \"preview-dialog-container__text-concat\" }, { children: previewMessage })) })) }))] })), CenterContainerSize: {\n flexBasis: '50px',\n minHeight: '50px',\n maxHeight: '50px',\n } }) })));\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (PreviewDialog);\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/Presentation/components/UI/Dialogs/PreviewDialog/PreviewDialog.tsx?");
1877
1877
 
1878
1878
  /***/ }),
1879
1879
 
@@ -2126,7 +2126,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var reac
2126
2126
  /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
2127
2127
 
2128
2128
  "use strict";
2129
- 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 Leave(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: \"M31.1667 14.6667L28.5817 17.2517L31.4783 20.1667H16.5V23.8333H31.4783L28.5817 26.73L31.1667 29.3333L38.5 22L31.1667 14.6667ZM9.16667 9.16667H22V5.5H9.16667C7.15 5.5 5.5 7.15 5.5 9.16667V34.8333C5.5 36.85 7.15 38.5 9.16667 38.5H22V34.8333H9.16667V9.16667Z\", id: \"Leave\", 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 : '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\", { d: \"M17 8L15.59 9.41L17.17 11H9V13H17.17L15.59 14.58L17 16L21 12L17 8ZM5 5H12V3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H12V19H5V5Z\", fill: \"#FF3B30\" }) })));\n}\n/* harmony default export */ __webpack_exports__[\"default\"] = (Leave);\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/Presentation/components/UI/svgs/Icons/Navigation/Leave/index.tsx?");
2129
+ 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 Leave(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: \"M31.1667 14.6667L28.5817 17.2517L31.4783 20.1667H16.5V23.8333H31.4783L28.5817 26.73L31.1667 29.3333L38.5 22L31.1667 14.6667ZM9.16667 9.16667H22V5.5H9.16667C7.15 5.5 5.5 7.15 5.5 9.16667V34.8333C5.5 36.85 7.15 38.5 9.16667 38.5H22V34.8333H9.16667V9.16667Z\", id: \"Leave\", 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 : '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\", { d: \"M17 8L15.59 9.41L17.17 11H9V13H17.17L15.59 14.58L17 16L21 12L17 8ZM5 5H12V3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H12V19H5V5Z\", fill: theme && theme.color ? theme.color : 'var(--color-icon)' }) })));\n}\n/* harmony default export */ __webpack_exports__[\"default\"] = (Leave);\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/Presentation/components/UI/svgs/Icons/Navigation/Leave/index.tsx?");
2130
2130
 
2131
2131
  /***/ }),
2132
2132
 
@@ -2302,7 +2302,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
2302
2302
  /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
2303
2303
 
2304
2304
  "use strict";
2305
- eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\n/* harmony import */ var _DesktopLayout_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./DesktopLayout.scss */ \"./src/Presentation/components/layouts/Desktop/DesktopLayout.scss\");\nvar __assign = (undefined && undefined.__assign) || function () {\n __assign = Object.assign || function(t) {\n for (var s, i = 1, n = arguments.length; i < n; i++) {\n s = arguments[i];\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\n\n\nfunction DesktopLayout(_a) {\n var dialogsView = _a.dialogsView, dialogMessagesView = _a.dialogMessagesView, dialogInfoView = _a.dialogInfoView;\n return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: \"desktop-layout-main-container\" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"desktop-layout-main-container__item-left\" }, { children: dialogsView })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"desktop-layout-main-container__item-center\" }, { children: dialogMessagesView })), dialogInfoView && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"desktop-layout-main-container__item-right\" }, { children: dialogInfoView })))] })));\n}\n/* harmony default export */ __webpack_exports__[\"default\"] = (DesktopLayout);\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/Presentation/components/layouts/Desktop/DesktopLayout.tsx?");
2305
+ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\n/* harmony import */ var _DesktopLayout_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./DesktopLayout.scss */ \"./src/Presentation/components/layouts/Desktop/DesktopLayout.scss\");\nvar __assign = (undefined && undefined.__assign) || function () {\n __assign = Object.assign || function(t) {\n for (var s, i = 1, n = arguments.length; i < n; i++) {\n s = arguments[i];\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\n\n\nfunction DesktopLayout(_a) {\n var dialogsView = _a.dialogsView, dialogMessagesView = _a.dialogMessagesView, dialogInfoView = _a.dialogInfoView, \n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n _b = _a.theme, \n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n theme = _b === void 0 ? undefined : _b;\n var mainContainerStyles = theme\n ? {\n color: theme.mainText(),\n backgroundColor: theme.mainBackground(),\n border: \"1px solid \".concat(theme.divider()),\n }\n : {};\n return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ style: mainContainerStyles, className: \"desktop-layout-main-container\" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ style: mainContainerStyles, className: \"desktop-layout-main-container__item-left\" }, { children: dialogsView })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ style: mainContainerStyles, className: \"desktop-layout-main-container__item-center\" }, { children: dialogMessagesView })), dialogInfoView && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ style: mainContainerStyles, className: \"desktop-layout-main-container__item-right\" }, { children: dialogInfoView })))] })));\n}\n/* harmony default export */ __webpack_exports__[\"default\"] = (DesktopLayout);\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/Presentation/components/layouts/Desktop/DesktopLayout.tsx?");
2306
2306
 
2307
2307
  /***/ }),
2308
2308
 
@@ -2313,7 +2313,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var reac
2313
2313
  /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
2314
2314
 
2315
2315
  "use strict";
2316
- eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _providers_QuickBloxUIKitProvider_useQbDataContext__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../providers/QuickBloxUIKitProvider/useQbDataContext */ \"./src/Presentation/components/providers/QuickBloxUIKitProvider/useQbDataContext.ts\");\n/* harmony import */ var _Views_Dialogs_Dialogs__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../Views/Dialogs/Dialogs */ \"./src/Presentation/Views/Dialogs/Dialogs.tsx\");\n/* harmony import */ var _UI_Dialogs_DialogInformation_DialogInformation__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../UI/Dialogs/DialogInformation/DialogInformation */ \"./src/Presentation/components/UI/Dialogs/DialogInformation/DialogInformation.tsx\");\n/* harmony import */ var _DesktopLayout__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./DesktopLayout */ \"./src/Presentation/components/layouts/Desktop/DesktopLayout.tsx\");\n/* harmony import */ var _UI_Dialogs_MessagesView_MessagesView__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../UI/Dialogs/MessagesView/MessagesView */ \"./src/Presentation/components/UI/Dialogs/MessagesView/MessagesView.tsx\");\n/* harmony import */ var _Views_Dialogs_useDialogsViewModel__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../Views/Dialogs/useDialogsViewModel */ \"./src/Presentation/Views/Dialogs/useDialogsViewModel.ts\");\n/* harmony import */ var _Domain_repository_Pagination__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../Domain/repository/Pagination */ \"./src/Domain/repository/Pagination.ts\");\n/* harmony import */ var _Domain_use_cases_SubscribeToDialogEventsUseCase__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../../Domain/use_cases/SubscribeToDialogEventsUseCase */ \"./src/Domain/use_cases/SubscribeToDialogEventsUseCase.ts\");\n/* harmony import */ var _providers_QuickBloxUIKitProvider_useEventMessagesRepository__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../providers/QuickBloxUIKitProvider/useEventMessagesRepository */ \"./src/Presentation/components/providers/QuickBloxUIKitProvider/useEventMessagesRepository.ts\");\n/* harmony import */ var _Domain_entity_EventMessageType__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../../../Domain/entity/EventMessageType */ \"./src/Domain/entity/EventMessageType.ts\");\n/* harmony import */ var _Domain_entity_NotificationTypes__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../../../Domain/entity/NotificationTypes */ \"./src/Domain/entity/NotificationTypes.ts\");\n/* harmony import */ var _utils_parse__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../../../utils/parse */ \"./src/utils/parse.ts\");\nvar __assign = (undefined && undefined.__assign) || function () {\n __assign = Object.assign || function(t) {\n for (var s, i = 1, n = arguments.length; i < n; i++) {\n s = arguments[i];\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nvar QuickBloxUIKitDesktopLayout = function (_a) {\n var _b, _c;\n var _d = _a.theme, theme = _d === void 0 ? undefined : _d;\n console.log('create QuickBloxUIKitDesktopLayout');\n var _e = react__WEBPACK_IMPORTED_MODULE_1___default().useState(), selectedDialog = _e[0], setSelectedDialog = _e[1];\n var currentContext = (0,_providers_QuickBloxUIKitProvider_useQbDataContext__WEBPACK_IMPORTED_MODULE_2__[\"default\"])();\n var eventMessaging = (0,_providers_QuickBloxUIKitProvider_useEventMessagesRepository__WEBPACK_IMPORTED_MODULE_10__[\"default\"])();\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n var userName = (_b = currentContext.storage.REMOTE_DATA_SOURCE.authInformation) === null || _b === void 0 ? void 0 : _b.userName;\n var userId = (_c = currentContext.storage.REMOTE_DATA_SOURCE.authInformation) === null || _c === void 0 ? void 0 : _c.userId;\n var dialogsViewModel = (0,_Views_Dialogs_useDialogsViewModel__WEBPACK_IMPORTED_MODULE_7__[\"default\"])(currentContext);\n var subscribeToDialogEventsUseCase = new _Domain_use_cases_SubscribeToDialogEventsUseCase__WEBPACK_IMPORTED_MODULE_9__.SubscribeToDialogEventsUseCase(eventMessaging, 'TestStage');\n /* DATA needed to init MockData\n const remoteDataSourceMock: RemoteDataSourceMock = currentContext.storage\n .REMOTE_DATA_SOURCE_MOCK as RemoteDataSourceMock;\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n const localDataSource: LocalDataSource =\n currentContext.storage.LOCAL_DATA_SOURCE;\n const { connectionRepository } = useQBConnection();\n */\n // инициализация СДК и загрузка тестовых данных, запуск пинга - может не быть\n // todo: добавить метод в контекст\n var isAuthProcessed = function () {\n console.log('call isAuthProcessed');\n var result = currentContext.storage.REMOTE_DATA_SOURCE.needInit === false &&\n currentContext.storage.REMOTE_DATA_SOURCE.authProcessed &&\n currentContext.storage.CONNECTION_REPOSITORY.needInit === false;\n console.log(\n // eslint-disable-next-line @typescript-eslint/restrict-template-expressions\n \"initialValue.REMOTE_DATA_SOURCE_MOCK.needInit: \".concat(currentContext.storage.REMOTE_DATA_SOURCE.needInit));\n console.log(\n // eslint-disable-next-line @typescript-eslint/restrict-template-expressions\n \"initialValue.REMOTE_DATA_SOURCE_MOCK.authProcessed: \".concat(currentContext.storage.REMOTE_DATA_SOURCE.authProcessed));\n console.log(\n // eslint-disable-next-line @typescript-eslint/restrict-template-expressions\n \"initialValue.CONNECTION_REPOSITORY.needInit: \".concat(currentContext.storage.CONNECTION_REPOSITORY.needInit));\n return result;\n };\n (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n console.log('TestStage: GET DATA ');\n console.log(\"auth data: \".concat(JSON.stringify(currentContext.InitParams.loginData), \" at \").concat(new Date().toLocaleTimeString()));\n if (isAuthProcessed()) {\n console.log('auth is completed, CAN GET DATA');\n var pagination = new _Domain_repository_Pagination__WEBPACK_IMPORTED_MODULE_8__.Pagination();\n dialogsViewModel === null || dialogsViewModel === void 0 ? void 0 : dialogsViewModel.getDialogs(pagination);\n }\n return function () {\n console.log('TestStage: USE EFFECT release');\n dialogsViewModel.release();\n };\n }, []); // сейчас это выполняется один раз при старте, а нужно каждый раз при смене пользователя\n var dialogsEventHandler = function (dialogInfo) {\n console.log('call dialogsEventHandler in subscribeToDialogEventsUseCase');\n if (dialogInfo.eventMessageType === _Domain_entity_EventMessageType__WEBPACK_IMPORTED_MODULE_11__[\"default\"].SystemMessage) {\n switch (dialogInfo.notificationTypes) {\n case _Domain_entity_NotificationTypes__WEBPACK_IMPORTED_MODULE_12__.NotificationTypes.DELETE_LEAVE_DIALOG: {\n if (dialogInfo.messageInfo &&\n dialogInfo.messageInfo.sender_id === userId) {\n setSelectedDialog(undefined);\n }\n break;\n }\n default: {\n var pagination = new _Domain_repository_Pagination__WEBPACK_IMPORTED_MODULE_8__.Pagination();\n dialogsViewModel === null || dialogsViewModel === void 0 ? void 0 : dialogsViewModel.getDialogs(pagination);\n break;\n }\n }\n }\n };\n (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n console.log('TestStage: GET DATA AFTER User data has CHANGED');\n console.log(\"auth is \".concat(JSON.stringify(currentContext.InitParams.loginData), \" at \").concat(new Date().toLocaleTimeString()));\n if (isAuthProcessed()) {\n console.log('auth is completed, FETCH DATA');\n var pagination = new _Domain_repository_Pagination__WEBPACK_IMPORTED_MODULE_8__.Pagination();\n dialogsViewModel === null || dialogsViewModel === void 0 ? void 0 : dialogsViewModel.getDialogs(pagination);\n //\n console.log('auth is completed, subscribe');\n subscribeToDialogEventsUseCase\n .execute(dialogsEventHandler)\n .catch(function (reason) {\n console.log((0,_utils_parse__WEBPACK_IMPORTED_MODULE_13__.stringifyError)(reason));\n });\n //\n }\n }, [currentContext.InitParams]);\n (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n var _a;\n console.log(\"TestStage: selectedDialog: \".concat(((_a = selectedDialog === null || selectedDialog === void 0 ? void 0 : selectedDialog.entity) === null || _a === void 0 ? void 0 : _a.name) || 'Dialog Name is empty'));\n if (selectedDialog) {\n dialogsViewModel.entity = selectedDialog.entity;\n }\n }, [selectedDialog]);\n var _f = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(true), needDialogInformation = _f[0], setNeedDialogInformation = _f[1];\n var informationCloseHandler = function () {\n setNeedDialogInformation(false);\n };\n var informationOpenHandler = function () {\n setNeedDialogInformation(true);\n };\n return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_DesktopLayout__WEBPACK_IMPORTED_MODULE_5__[\"default\"], { dialogsView: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Views_Dialogs_Dialogs__WEBPACK_IMPORTED_MODULE_3__[\"default\"], { dialogsViewModel: dialogsViewModel, itemSelectHandler: setSelectedDialog, additionalSettings: { withoutHeader: false } }), dialogMessagesView: selectedDialog && selectedDialog.entity ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_UI_Dialogs_MessagesView_MessagesView__WEBPACK_IMPORTED_MODULE_6__[\"default\"], { dialog: selectedDialog === null || selectedDialog === void 0 ? void 0 : selectedDialog.entity, InformationHandler: informationOpenHandler, maxWidthToResize: selectedDialog && needDialogInformation ? undefined : '1040px' }) // 1 Get Messages + 1 Get User by Id\n ) : ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ style: {\n minHeight: '799px',\n minWidth: '1040px',\n border: '1px solid var(--divider)',\n margin: '0 auto',\n } }, { children: [\"You login as \", userName, \"(\", userId, \"). Select chat to start conversation.\"] }))), dialogInfoView: \n // 1 Get User by 1 + Get user by name\n (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", { children: selectedDialog && needDialogInformation && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_UI_Dialogs_DialogInformation_DialogInformation__WEBPACK_IMPORTED_MODULE_4__[\"default\"], { dialog: selectedDialog.entity, dialogViewModel: dialogsViewModel, closeInformationHandler: informationCloseHandler })) }) }));\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (QuickBloxUIKitDesktopLayout);\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/Presentation/components/layouts/Desktop/QuickBloxUIKitDesktopLayout.tsx?");
2316
+ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _providers_QuickBloxUIKitProvider_useQbDataContext__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../providers/QuickBloxUIKitProvider/useQbDataContext */ \"./src/Presentation/components/providers/QuickBloxUIKitProvider/useQbDataContext.ts\");\n/* harmony import */ var _Views_Dialogs_Dialogs__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../Views/Dialogs/Dialogs */ \"./src/Presentation/Views/Dialogs/Dialogs.tsx\");\n/* harmony import */ var _UI_Dialogs_DialogInformation_DialogInformation__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../UI/Dialogs/DialogInformation/DialogInformation */ \"./src/Presentation/components/UI/Dialogs/DialogInformation/DialogInformation.tsx\");\n/* harmony import */ var _DesktopLayout__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./DesktopLayout */ \"./src/Presentation/components/layouts/Desktop/DesktopLayout.tsx\");\n/* harmony import */ var _UI_Dialogs_MessagesView_MessagesView__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../UI/Dialogs/MessagesView/MessagesView */ \"./src/Presentation/components/UI/Dialogs/MessagesView/MessagesView.tsx\");\n/* harmony import */ var _Views_Dialogs_useDialogsViewModel__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../Views/Dialogs/useDialogsViewModel */ \"./src/Presentation/Views/Dialogs/useDialogsViewModel.ts\");\n/* harmony import */ var _Domain_repository_Pagination__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../Domain/repository/Pagination */ \"./src/Domain/repository/Pagination.ts\");\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\nvar QuickBloxUIKitDesktopLayout = function (_a) {\n var _b, _c;\n var _d = _a.theme, theme = _d === void 0 ? undefined : _d;\n console.log('create QuickBloxUIKitDesktopLayout');\n var _e = react__WEBPACK_IMPORTED_MODULE_1___default().useState(), selectedDialog = _e[0], setSelectedDialog = _e[1];\n var currentContext = (0,_providers_QuickBloxUIKitProvider_useQbDataContext__WEBPACK_IMPORTED_MODULE_2__[\"default\"])();\n // 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 dialogsViewModel = (0,_Views_Dialogs_useDialogsViewModel__WEBPACK_IMPORTED_MODULE_7__[\"default\"])(currentContext);\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 _f = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(true), needDialogInformation = _f[0], setNeedDialogInformation = _f[1];\n var informationCloseHandler = function () {\n setNeedDialogInformation(false);\n };\n var informationOpenHandler = function () {\n setNeedDialogInformation(true);\n };\n return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_DesktopLayout__WEBPACK_IMPORTED_MODULE_5__[\"default\"], { theme: theme, dialogsView: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Views_Dialogs_Dialogs__WEBPACK_IMPORTED_MODULE_3__[\"default\"], { dialogsViewModel: dialogsViewModel, itemSelectHandler: selectDialogActions, additionalSettings: {\n withoutHeader: false,\n themeHeader: theme,\n themePreview: theme,\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\"], { dialogsViewModel: dialogsViewModel, InformationHandler: informationOpenHandler, maxWidthToResize: selectedDialog && needDialogInformation ? undefined : '1040px', 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\"], { dialog: selectedDialog.entity, dialogViewModel: dialogsViewModel, closeInformationHandler: informationCloseHandler, theme: theme })) }) }));\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?");
2317
2317
 
2318
2318
  /***/ }),
2319
2319
 
@@ -2401,7 +2401,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var reac
2401
2401
  /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
2402
2402
 
2403
2403
  "use strict";
2404
- eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"QBConfig\": function() { return /* binding */ QBConfig; }\n/* harmony export */ });\nvar __awaiter = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n return new (P || (P = Promise))(function (resolve, reject) {\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n step((generator = generator.apply(thisArg, _arguments || [])).next());\n });\n};\nvar __generator = (undefined && undefined.__generator) || function (thisArg, body) {\n var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\n return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\n function verb(n) { return function (v) { return step([n, v]); }; }\n function step(op) {\n if (f) throw new TypeError(\"Generator is already executing.\");\n while (g && (g = 0, op[0] && (_ = 0)), _) try {\n if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\n if (y = 0, t) op = [op[0] & 2, t.value];\n switch (op[0]) {\n case 0: case 1: t = op; break;\n case 4: _.label++; return { value: op[1], done: false };\n case 5: _.label++; y = op[1]; op = [0]; continue;\n case 7: op = _.ops.pop(); _.trys.pop(); continue;\n default:\n if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\n if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\n if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\n if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\n if (t[2]) _.ops.pop();\n _.trys.pop(); continue;\n }\n op = body.call(thisArg, _);\n } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\n if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\n }\n};\nvar QBConfig = {\n credentials: {\n appId: -1,\n accountKey: '',\n authKey: '',\n authSecret: '',\n sessionToken: '',\n },\n appConfig: {\n maxFileSize: 1 * 1024 * 1024,\n chatProtocol: {\n active: 2,\n },\n debug: {\n mode: 0,\n file: null,\n },\n endpoints: {\n api: 'api.quickblox.com',\n chat: 'chat.quickblox.com',\n },\n on: {\n // eslint-disable-next-line @typescript-eslint/no-unused-vars,@typescript-eslint/require-await\n sessionExpired: function (handleResponse, retry) {\n return __awaiter(this, void 0, void 0, function () {\n return __generator(this, function (_a) {\n // eslint-disable-next-line @typescript-eslint/restrict-template-expressions\n console.log(\"Test sessionExpired....\".concat(handleResponse, \" \").concat(retry));\n return [2 /*return*/];\n });\n });\n },\n },\n streamManagement: {\n enable: true,\n },\n },\n};\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/QBconfig.ts?");
2404
+ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"QBConfig\": function() { return /* binding */ QBConfig; }\n/* harmony export */ });\nvar __awaiter = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n return new (P || (P = Promise))(function (resolve, reject) {\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n step((generator = generator.apply(thisArg, _arguments || [])).next());\n });\n};\nvar __generator = (undefined && undefined.__generator) || function (thisArg, body) {\n var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\n return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\n function verb(n) { return function (v) { return step([n, v]); }; }\n function step(op) {\n if (f) throw new TypeError(\"Generator is already executing.\");\n while (g && (g = 0, op[0] && (_ = 0)), _) try {\n if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\n if (y = 0, t) op = [op[0] & 2, t.value];\n switch (op[0]) {\n case 0: case 1: t = op; break;\n case 4: _.label++; return { value: op[1], done: false };\n case 5: _.label++; y = op[1]; op = [0]; continue;\n case 7: op = _.ops.pop(); _.trys.pop(); continue;\n default:\n if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\n if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\n if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\n if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\n if (t[2]) _.ops.pop();\n _.trys.pop(); continue;\n }\n op = body.call(thisArg, _);\n } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\n if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\n }\n};\nvar QBConfig = {\n credentials: {\n appId: -1,\n accountKey: '',\n authKey: '',\n authSecret: '',\n sessionToken: '',\n },\n appConfig: {\n maxFileSize: 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?");
2405
2405
 
2406
2406
  /***/ }),
2407
2407
 
@@ -2412,7 +2412,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
2412
2412
  /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
2413
2413
 
2414
2414
  "use strict";
2415
- eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"BaseViewModel\": function() { return /* reexport safe */ _Presentation_Views_Base_BaseViewModel__WEBPACK_IMPORTED_MODULE_17__[\"default\"]; },\n/* harmony export */ \"DefaultTheme\": function() { return /* reexport safe */ _Presentation_assets_DefaultThemes_DefaultTheme__WEBPACK_IMPORTED_MODULE_20__[\"default\"]; },\n/* harmony export */ \"DesktopLayout\": function() { return /* reexport safe */ _Presentation_components_layouts_Desktop_DesktopLayout__WEBPACK_IMPORTED_MODULE_13__[\"default\"]; },\n/* harmony export */ \"DialogInformation\": function() { return /* reexport safe */ _Presentation_components_UI_Dialogs_DialogInformation_DialogInformation__WEBPACK_IMPORTED_MODULE_16__[\"default\"]; },\n/* harmony export */ \"DialogsComponent\": function() { return /* reexport safe */ _Presentation_Views_Dialogs_Dialogs__WEBPACK_IMPORTED_MODULE_14__[\"default\"]; },\n/* harmony export */ \"EventMessageType\": function() { return /* reexport safe */ _Domain_entity_EventMessageType__WEBPACK_IMPORTED_MODULE_10__[\"default\"]; },\n/* harmony export */ \"LocalDataSource\": function() { return /* reexport safe */ _Data_source_local_LocalDataSource__WEBPACK_IMPORTED_MODULE_3__.LocalDataSource; },\n/* harmony export */ \"MainButton\": function() { return /* reexport safe */ _Presentation_components_UI_Buttons_MainButton_MainButton__WEBPACK_IMPORTED_MODULE_1__[\"default\"]; },\n/* harmony export */ \"MessagesView\": function() { return /* reexport safe */ _Presentation_components_UI_Dialogs_MessagesView_MessagesView__WEBPACK_IMPORTED_MODULE_15__[\"default\"]; },\n/* harmony export */ \"NotificationTypes\": function() { return /* reexport safe */ _Domain_entity_NotificationTypes__WEBPACK_IMPORTED_MODULE_11__.NotificationTypes; },\n/* harmony export */ \"Pagination\": function() { return /* reexport safe */ _Domain_repository_Pagination__WEBPACK_IMPORTED_MODULE_9__.Pagination; },\n/* harmony export */ \"QuickBloxUIKitDesktopLayout\": function() { return /* reexport safe */ _Presentation_components_layouts_Desktop_QuickBloxUIKitDesktopLayout__WEBPACK_IMPORTED_MODULE_19__[\"default\"]; },\n/* harmony export */ \"QuickBloxUIKitProvider\": function() { return /* reexport safe */ _Presentation_components_providers_QuickBloxUIKitProvider_QuickBloxUIKitProvider__WEBPACK_IMPORTED_MODULE_2__[\"default\"]; },\n/* harmony export */ \"RemoteDataSource\": function() { return /* reexport safe */ _Data_source_remote_RemoteDataSource__WEBPACK_IMPORTED_MODULE_18__.RemoteDataSource; },\n/* harmony export */ \"SubscribeToDialogEventsUseCase\": function() { return /* reexport safe */ _Domain_use_cases_SubscribeToDialogEventsUseCase__WEBPACK_IMPORTED_MODULE_8__.SubscribeToDialogEventsUseCase; },\n/* harmony export */ \"TypeButton\": function() { return /* reexport safe */ _Presentation_components_UI_Buttons_MainButton_MainButton__WEBPACK_IMPORTED_MODULE_1__.TypeButton; },\n/* harmony export */ \"qbDataContext\": function() { return /* reexport safe */ _Presentation_components_providers_QuickBloxUIKitProvider_QuickBloxUIKitProvider__WEBPACK_IMPORTED_MODULE_2__.qbDataContext; },\n/* harmony export */ \"stringifyError\": function() { return /* reexport safe */ _utils_parse__WEBPACK_IMPORTED_MODULE_12__.stringifyError; },\n/* harmony export */ \"useDialogsViewModel\": function() { return /* reexport safe */ _Presentation_Views_Dialogs_useDialogsViewModel__WEBPACK_IMPORTED_MODULE_7__[\"default\"]; },\n/* harmony export */ \"useEventMessagesRepository\": function() { return /* reexport safe */ _Presentation_components_providers_QuickBloxUIKitProvider_useEventMessagesRepository__WEBPACK_IMPORTED_MODULE_6__[\"default\"]; },\n/* harmony export */ \"useQBConnection\": function() { return /* reexport safe */ _Presentation_components_providers_QuickBloxUIKitProvider_useQBConnection__WEBPACK_IMPORTED_MODULE_4__[\"default\"]; },\n/* harmony export */ \"useQbDataContext\": function() { return /* reexport safe */ _Presentation_components_providers_QuickBloxUIKitProvider_useQbDataContext__WEBPACK_IMPORTED_MODULE_5__[\"default\"]; }\n/* harmony export */ });\n/* harmony import */ var _index_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./index.scss */ \"./src/index.scss\");\n/* harmony import */ var _Presentation_components_UI_Buttons_MainButton_MainButton__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Presentation/components/UI/Buttons/MainButton/MainButton */ \"./src/Presentation/components/UI/Buttons/MainButton/MainButton.tsx\");\n/* harmony import */ var _Presentation_components_providers_QuickBloxUIKitProvider_QuickBloxUIKitProvider__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Presentation/components/providers/QuickBloxUIKitProvider/QuickBloxUIKitProvider */ \"./src/Presentation/components/providers/QuickBloxUIKitProvider/QuickBloxUIKitProvider.tsx\");\n/* harmony import */ var _Data_source_local_LocalDataSource__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Data/source/local/LocalDataSource */ \"./src/Data/source/local/LocalDataSource.ts\");\n/* harmony import */ var _Presentation_components_providers_QuickBloxUIKitProvider_useQBConnection__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./Presentation/components/providers/QuickBloxUIKitProvider/useQBConnection */ \"./src/Presentation/components/providers/QuickBloxUIKitProvider/useQBConnection.ts\");\n/* harmony import */ var _Presentation_components_providers_QuickBloxUIKitProvider_useQbDataContext__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./Presentation/components/providers/QuickBloxUIKitProvider/useQbDataContext */ \"./src/Presentation/components/providers/QuickBloxUIKitProvider/useQbDataContext.ts\");\n/* harmony import */ var _Presentation_components_providers_QuickBloxUIKitProvider_useEventMessagesRepository__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./Presentation/components/providers/QuickBloxUIKitProvider/useEventMessagesRepository */ \"./src/Presentation/components/providers/QuickBloxUIKitProvider/useEventMessagesRepository.ts\");\n/* harmony import */ var _Presentation_Views_Dialogs_useDialogsViewModel__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./Presentation/Views/Dialogs/useDialogsViewModel */ \"./src/Presentation/Views/Dialogs/useDialogsViewModel.ts\");\n/* harmony import */ var _Domain_use_cases_SubscribeToDialogEventsUseCase__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./Domain/use_cases/SubscribeToDialogEventsUseCase */ \"./src/Domain/use_cases/SubscribeToDialogEventsUseCase.ts\");\n/* harmony import */ var _Domain_repository_Pagination__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./Domain/repository/Pagination */ \"./src/Domain/repository/Pagination.ts\");\n/* harmony import */ var _Domain_entity_EventMessageType__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./Domain/entity/EventMessageType */ \"./src/Domain/entity/EventMessageType.ts\");\n/* harmony import */ var _Domain_entity_NotificationTypes__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./Domain/entity/NotificationTypes */ \"./src/Domain/entity/NotificationTypes.ts\");\n/* harmony import */ var _utils_parse__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./utils/parse */ \"./src/utils/parse.ts\");\n/* harmony import */ var _Presentation_components_layouts_Desktop_DesktopLayout__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./Presentation/components/layouts/Desktop/DesktopLayout */ \"./src/Presentation/components/layouts/Desktop/DesktopLayout.tsx\");\n/* harmony import */ var _Presentation_Views_Dialogs_Dialogs__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./Presentation/Views/Dialogs/Dialogs */ \"./src/Presentation/Views/Dialogs/Dialogs.tsx\");\n/* harmony import */ var _Presentation_components_UI_Dialogs_MessagesView_MessagesView__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./Presentation/components/UI/Dialogs/MessagesView/MessagesView */ \"./src/Presentation/components/UI/Dialogs/MessagesView/MessagesView.tsx\");\n/* harmony import */ var _Presentation_components_UI_Dialogs_DialogInformation_DialogInformation__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./Presentation/components/UI/Dialogs/DialogInformation/DialogInformation */ \"./src/Presentation/components/UI/Dialogs/DialogInformation/DialogInformation.tsx\");\n/* harmony import */ var _Presentation_Views_Base_BaseViewModel__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./Presentation/Views/Base/BaseViewModel */ \"./src/Presentation/Views/Base/BaseViewModel.ts\");\n/* harmony import */ var _Data_source_remote_RemoteDataSource__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./Data/source/remote/RemoteDataSource */ \"./src/Data/source/remote/RemoteDataSource.ts\");\n/* harmony import */ var _Presentation_components_layouts_Desktop_QuickBloxUIKitDesktopLayout__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./Presentation/components/layouts/Desktop/QuickBloxUIKitDesktopLayout */ \"./src/Presentation/components/layouts/Desktop/QuickBloxUIKitDesktopLayout.tsx\");\n/* harmony import */ var _Presentation_assets_DefaultThemes_DefaultTheme__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./Presentation/assets/ DefaultThemes/DefaultTheme */ \"./src/Presentation/assets/ DefaultThemes/DefaultTheme.ts\");\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/index-ui.ts?");
2415
+ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"BaseViewModel\": function() { return /* reexport safe */ _Presentation_Views_Base_BaseViewModel__WEBPACK_IMPORTED_MODULE_17__[\"default\"]; },\n/* harmony export */ \"DefaultTheme\": function() { return /* reexport safe */ _Presentation_assets_DefaultThemes_DefaultTheme__WEBPACK_IMPORTED_MODULE_20__[\"default\"]; },\n/* harmony export */ \"DesktopLayout\": function() { return /* reexport safe */ _Presentation_components_layouts_Desktop_DesktopLayout__WEBPACK_IMPORTED_MODULE_13__[\"default\"]; },\n/* harmony export */ \"DialogInformation\": function() { return /* reexport safe */ _Presentation_components_UI_Dialogs_DialogInformation_DialogInformation__WEBPACK_IMPORTED_MODULE_16__[\"default\"]; },\n/* harmony export */ \"DialogsComponent\": function() { return /* reexport safe */ _Presentation_Views_Dialogs_Dialogs__WEBPACK_IMPORTED_MODULE_14__[\"default\"]; },\n/* harmony export */ \"EventMessageType\": function() { return /* reexport safe */ _Domain_entity_EventMessageType__WEBPACK_IMPORTED_MODULE_10__[\"default\"]; },\n/* harmony export */ \"LocalDataSource\": function() { return /* reexport safe */ _Data_source_local_LocalDataSource__WEBPACK_IMPORTED_MODULE_3__.LocalDataSource; },\n/* harmony export */ \"MainButton\": function() { return /* reexport safe */ _Presentation_components_UI_Buttons_MainButton_MainButton__WEBPACK_IMPORTED_MODULE_1__[\"default\"]; },\n/* harmony export */ \"MessagesView\": function() { return /* reexport safe */ _Presentation_components_UI_Dialogs_MessagesView_MessagesView__WEBPACK_IMPORTED_MODULE_15__[\"default\"]; },\n/* harmony export */ \"NotificationTypes\": function() { return /* reexport safe */ _Domain_entity_NotificationTypes__WEBPACK_IMPORTED_MODULE_11__.NotificationTypes; },\n/* harmony export */ \"Pagination\": function() { return /* reexport safe */ _Domain_repository_Pagination__WEBPACK_IMPORTED_MODULE_9__.Pagination; },\n/* harmony export */ \"QuickBloxUIKitDesktopLayout\": function() { return /* reexport safe */ _Presentation_components_layouts_Desktop_QuickBloxUIKitDesktopLayout__WEBPACK_IMPORTED_MODULE_19__[\"default\"]; },\n/* harmony export */ \"QuickBloxUIKitProvider\": function() { return /* reexport safe */ _Presentation_components_providers_QuickBloxUIKitProvider_QuickBloxUIKitProvider__WEBPACK_IMPORTED_MODULE_2__[\"default\"]; },\n/* harmony export */ \"RemoteDataSource\": function() { return /* reexport safe */ _Data_source_remote_RemoteDataSource__WEBPACK_IMPORTED_MODULE_18__.RemoteDataSource; },\n/* harmony export */ \"SubscribeToDialogEventsUseCase\": function() { return /* reexport safe */ _Domain_use_cases_SubscribeToDialogEventsUseCase__WEBPACK_IMPORTED_MODULE_8__.SubscribeToDialogEventsUseCase; },\n/* harmony export */ \"TypeButton\": function() { return /* reexport safe */ _Presentation_components_UI_Buttons_MainButton_MainButton__WEBPACK_IMPORTED_MODULE_1__.TypeButton; },\n/* harmony export */ \"qbDataContext\": function() { return /* reexport safe */ _Presentation_components_providers_QuickBloxUIKitProvider_QuickBloxUIKitProvider__WEBPACK_IMPORTED_MODULE_2__.qbDataContext; },\n/* harmony export */ \"stringifyError\": function() { return /* reexport safe */ _utils_parse__WEBPACK_IMPORTED_MODULE_12__.stringifyError; },\n/* harmony export */ \"useDialogsViewModel\": function() { return /* reexport safe */ _Presentation_Views_Dialogs_useDialogsViewModel__WEBPACK_IMPORTED_MODULE_7__[\"default\"]; },\n/* harmony export */ \"useEventMessagesRepository\": function() { return /* reexport safe */ _Presentation_components_providers_QuickBloxUIKitProvider_useEventMessagesRepository__WEBPACK_IMPORTED_MODULE_6__[\"default\"]; },\n/* harmony export */ \"useQBConnection\": function() { return /* reexport safe */ _Presentation_components_providers_QuickBloxUIKitProvider_useQBConnection__WEBPACK_IMPORTED_MODULE_4__[\"default\"]; },\n/* harmony export */ \"useQbDataContext\": function() { return /* reexport safe */ _Presentation_components_providers_QuickBloxUIKitProvider_useQbDataContext__WEBPACK_IMPORTED_MODULE_5__[\"default\"]; }\n/* harmony export */ });\n/* harmony import */ var _index_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./index.scss */ \"./src/index.scss\");\n/* harmony import */ var _Presentation_components_UI_Buttons_MainButton_MainButton__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Presentation/components/UI/Buttons/MainButton/MainButton */ \"./src/Presentation/components/UI/Buttons/MainButton/MainButton.tsx\");\n/* harmony import */ var _Presentation_components_providers_QuickBloxUIKitProvider_QuickBloxUIKitProvider__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Presentation/components/providers/QuickBloxUIKitProvider/QuickBloxUIKitProvider */ \"./src/Presentation/components/providers/QuickBloxUIKitProvider/QuickBloxUIKitProvider.tsx\");\n/* harmony import */ var _Data_source_local_LocalDataSource__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Data/source/local/LocalDataSource */ \"./src/Data/source/local/LocalDataSource.ts\");\n/* harmony import */ var _Presentation_components_providers_QuickBloxUIKitProvider_useQBConnection__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./Presentation/components/providers/QuickBloxUIKitProvider/useQBConnection */ \"./src/Presentation/components/providers/QuickBloxUIKitProvider/useQBConnection.ts\");\n/* harmony import */ var _Presentation_components_providers_QuickBloxUIKitProvider_useQbDataContext__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./Presentation/components/providers/QuickBloxUIKitProvider/useQbDataContext */ \"./src/Presentation/components/providers/QuickBloxUIKitProvider/useQbDataContext.ts\");\n/* harmony import */ var _Presentation_components_providers_QuickBloxUIKitProvider_useEventMessagesRepository__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./Presentation/components/providers/QuickBloxUIKitProvider/useEventMessagesRepository */ \"./src/Presentation/components/providers/QuickBloxUIKitProvider/useEventMessagesRepository.ts\");\n/* harmony import */ var _Presentation_Views_Dialogs_useDialogsViewModel__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./Presentation/Views/Dialogs/useDialogsViewModel */ \"./src/Presentation/Views/Dialogs/useDialogsViewModel.ts\");\n/* harmony import */ var _Domain_use_cases_SubscribeToDialogEventsUseCase__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./Domain/use_cases/SubscribeToDialogEventsUseCase */ \"./src/Domain/use_cases/SubscribeToDialogEventsUseCase.ts\");\n/* harmony import */ var _Domain_repository_Pagination__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./Domain/repository/Pagination */ \"./src/Domain/repository/Pagination.ts\");\n/* harmony import */ var _Domain_entity_EventMessageType__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./Domain/entity/EventMessageType */ \"./src/Domain/entity/EventMessageType.ts\");\n/* harmony import */ var _Domain_entity_NotificationTypes__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./Domain/entity/NotificationTypes */ \"./src/Domain/entity/NotificationTypes.ts\");\n/* harmony import */ var _utils_parse__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./utils/parse */ \"./src/utils/parse.ts\");\n/* harmony import */ var _Presentation_components_layouts_Desktop_DesktopLayout__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./Presentation/components/layouts/Desktop/DesktopLayout */ \"./src/Presentation/components/layouts/Desktop/DesktopLayout.tsx\");\n/* harmony import */ var _Presentation_Views_Dialogs_Dialogs__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./Presentation/Views/Dialogs/Dialogs */ \"./src/Presentation/Views/Dialogs/Dialogs.tsx\");\n/* harmony import */ var _Presentation_components_UI_Dialogs_MessagesView_MessagesView__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./Presentation/components/UI/Dialogs/MessagesView/MessagesView */ \"./src/Presentation/components/UI/Dialogs/MessagesView/MessagesView.tsx\");\n/* harmony import */ var _Presentation_components_UI_Dialogs_DialogInformation_DialogInformation__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./Presentation/components/UI/Dialogs/DialogInformation/DialogInformation */ \"./src/Presentation/components/UI/Dialogs/DialogInformation/DialogInformation.tsx\");\n/* harmony import */ var _Presentation_Views_Base_BaseViewModel__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./Presentation/Views/Base/BaseViewModel */ \"./src/Presentation/Views/Base/BaseViewModel.ts\");\n/* harmony import */ var _Data_source_remote_RemoteDataSource__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./Data/source/remote/RemoteDataSource */ \"./src/Data/source/remote/RemoteDataSource.ts\");\n/* harmony import */ var _Presentation_components_layouts_Desktop_QuickBloxUIKitDesktopLayout__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./Presentation/components/layouts/Desktop/QuickBloxUIKitDesktopLayout */ \"./src/Presentation/components/layouts/Desktop/QuickBloxUIKitDesktopLayout.tsx\");\n/* harmony import */ var _Presentation_assets_DefaultThemes_DefaultTheme__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./Presentation/assets/DefaultThemes/DefaultTheme */ \"./src/Presentation/assets/DefaultThemes/DefaultTheme.ts\");\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/index-ui.ts?");
2416
2416
 
2417
2417
  /***/ }),
2418
2418