quickblox-react-ui-kit 0.1.7 → 0.2.0

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 (48) hide show
  1. package/dist/Presentation/Views/Base/BaseViewModel.d.ts +8 -0
  2. package/dist/Presentation/Views/Dialogs/Dialogs.d.ts +3 -1
  3. package/dist/Presentation/components/UI/Dialogs/DialogInformation/DialogInformation.d.ts +3 -1
  4. package/dist/Presentation/components/UI/Dialogs/MessagesView/AIWidgets/AIWidget.d.ts +8 -0
  5. package/dist/Presentation/components/UI/Dialogs/MessagesView/AIWidgets/ErrorMessageIcon.d.ts +11 -0
  6. package/dist/Presentation/components/UI/Dialogs/MessagesView/AIWidgets/UseDefaultAIAssistAnswerWidgetWithProxy.d.ts +9 -0
  7. package/dist/Presentation/components/UI/Dialogs/MessagesView/AIWidgets/UseDefaultTextInputWidget.d.ts +2 -0
  8. package/dist/Presentation/components/UI/Dialogs/MessagesView/AIWidgets/useDefaultVoiceInputWidget.d.ts +2 -0
  9. package/dist/Presentation/components/UI/Dialogs/MessagesView/ContextMenu.d.ts +10 -0
  10. package/dist/Presentation/components/UI/Dialogs/MessagesView/MessagesView.d.ts +7 -1
  11. package/dist/Presentation/components/UI/svgs/Icons/Media/AIWidget/index.d.ts +4 -0
  12. package/dist/Presentation/components/layouts/Desktop/QuickBloxUIKitDesktopLayout.d.ts +9 -0
  13. package/dist/Presentation/components/layouts/TestStage/CompanyLogo/CompanyLogo.d.ts +3 -0
  14. package/dist/Presentation/components/providers/QuickBloxUIKitProvider/useQbInitializedDataContext.d.ts +3 -0
  15. package/dist/Presentation/components/providers/QuickBloxUIKitProvider/useQbUIKitDataContext.d.ts +3 -0
  16. package/dist/QBconfig.d.ts +12 -0
  17. package/dist/index-ui.d.ts +3 -2
  18. package/dist/index-ui.js +72 -17
  19. package/dist/utils/utils.d.ts +3 -0
  20. package/package.json +1 -1
  21. package/src/App.tsx +21 -19
  22. package/src/Presentation/Views/Base/BaseViewModel.ts +17 -1
  23. package/src/Presentation/Views/Dialogs/Dialogs.tsx +14 -9
  24. package/src/Presentation/Views/Dialogs/useDialogsViewModel.ts +1 -1
  25. package/src/Presentation/components/UI/Dialogs/DialogInformation/DialogInformation.tsx +17 -8
  26. package/src/Presentation/components/UI/Dialogs/DialogInformation/UsersList/useUsersListViewModel.ts +2 -2
  27. package/src/Presentation/components/UI/Dialogs/EditDialog/EditDialog.tsx +2 -2
  28. package/src/Presentation/components/UI/Dialogs/InviteMembers/useInviteMembersViewModel.ts +2 -2
  29. package/src/Presentation/components/UI/Dialogs/MessagesView/AIWidgets/AIWidget.ts +13 -0
  30. package/src/Presentation/components/UI/Dialogs/MessagesView/AIWidgets/ErrorMessageIcon.tsx +98 -0
  31. package/src/Presentation/components/UI/Dialogs/MessagesView/AIWidgets/UseDefaultAIAssistAnswerWidgetWithProxy.tsx +136 -0
  32. package/src/Presentation/components/UI/Dialogs/MessagesView/AIWidgets/UseDefaultTextInputWidget.tsx +60 -0
  33. package/src/Presentation/components/UI/Dialogs/MessagesView/AIWidgets/useDefaultVoiceInputWidget.tsx +86 -0
  34. package/src/Presentation/components/UI/Dialogs/MessagesView/ContextMenu.tsx +96 -0
  35. package/src/Presentation/components/UI/Dialogs/MessagesView/MessagesView.tsx +275 -51
  36. package/src/Presentation/components/UI/Dialogs/MessagesView/useMessagesViewModel.ts +2 -2
  37. package/src/Presentation/components/UI/svgs/Icons/Media/AIWidget/Send.svg +3 -0
  38. package/src/Presentation/components/UI/svgs/Icons/Media/AIWidget/index.tsx +39 -0
  39. package/src/Presentation/components/layouts/Desktop/QuickBloxUIKitDesktopLayout.tsx +83 -8
  40. package/src/Presentation/components/layouts/TestStage/CompanyLogo/CompanyLogo.tsx +27 -0
  41. package/src/Presentation/components/layouts/TestStage/LoginView/Login.tsx +2 -2
  42. package/src/Presentation/components/providers/QuickBloxUIKitProvider/useEventMessagesRepository.ts +2 -2
  43. package/src/Presentation/components/providers/QuickBloxUIKitProvider/{useQbDataContext.ts → useQbInitializedDataContext.ts} +2 -2
  44. package/src/Presentation/components/providers/QuickBloxUIKitProvider/useQbUIKitDataContext.ts +11 -0
  45. package/src/QBconfig.ts +12 -0
  46. package/src/index-ui.ts +4 -2
  47. package/src/utils/utils.ts +39 -0
  48. package/dist/Presentation/components/providers/QuickBloxUIKitProvider/useQbDataContext.d.ts +0 -3
package/dist/index-ui.js CHANGED
@@ -1609,7 +1609,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var reac
1609
1609
  /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
1610
1610
 
1611
1611
  "use strict";
1612
- 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?");
1612
+ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _Dialogs_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Dialogs.scss */ \"./src/Presentation/Views/Dialogs/Dialogs.scss\");\n/* harmony import */ var _components_containers_ColumnContainer_ColumnContainer__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/containers/ColumnContainer/ColumnContainer */ \"./src/Presentation/components/containers/ColumnContainer/ColumnContainer.tsx\");\n/* harmony import */ var _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../Domain/entity/DialogTypes */ \"./src/Domain/entity/DialogTypes.ts\");\n/* harmony import */ var _components_UI_Dialogs_PreviewDialog_PreviewDialogViewModel__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../components/UI/Dialogs/PreviewDialog/PreviewDialogViewModel */ \"./src/Presentation/components/UI/Dialogs/PreviewDialog/PreviewDialogViewModel.ts\");\n/* harmony import */ var _components_UI_Dialogs_PreviewDialog_PreviewDialog__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../components/UI/Dialogs/PreviewDialog/PreviewDialog */ \"./src/Presentation/components/UI/Dialogs/PreviewDialog/PreviewDialog.tsx\");\n/* harmony import */ var _components_UI_Placeholders_LoaderComponent_LoaderComponent__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../components/UI/Placeholders/LoaderComponent/LoaderComponent */ \"./src/Presentation/components/UI/Placeholders/LoaderComponent/LoaderComponent.tsx\");\n/* harmony import */ var _components_UI_Placeholders_ErrorComponent_ErrorComponent__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../components/UI/Placeholders/ErrorComponent/ErrorComponent */ \"./src/Presentation/components/UI/Placeholders/ErrorComponent/ErrorComponent.tsx\");\n/* harmony import */ var _components_UI_Dialogs_HeaderDialogs_HeaderDialogs__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../components/UI/Dialogs/HeaderDialogs/HeaderDialogs */ \"./src/Presentation/components/UI/Dialogs/HeaderDialogs/HeaderDialogs.tsx\");\n/* harmony import */ var _components_providers_ModalContextProvider_Modal__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../components/providers/ModalContextProvider/Modal */ \"./src/Presentation/components/providers/ModalContextProvider/Modal.tsx\");\n/* harmony import */ var _CreateDialogFlow_CreateNewDialogFlow__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../CreateDialogFlow/CreateNewDialogFlow */ \"./src/Presentation/Views/CreateDialogFlow/CreateNewDialogFlow.tsx\");\n/* harmony import */ var _utils_DateTimeFormatter__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../../utils/DateTimeFormatter */ \"./src/utils/DateTimeFormatter.ts\");\n/* harmony import */ var _components_UI_svgs_Icons_Navigation_Search__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../components/UI/svgs/Icons/Navigation/Search */ \"./src/Presentation/components/UI/svgs/Icons/Navigation/Search/index.tsx\");\n/* harmony import */ var _components_UI_svgs_Icons_Actions_Remove__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../../components/UI/svgs/Icons/Actions/Remove */ \"./src/Presentation/components/UI/svgs/Icons/Actions/Remove/index.tsx\");\nvar __assign = (undefined && undefined.__assign) || function () {\n __assign = Object.assign || function(t) {\n for (var s, i = 1, n = arguments.length; i < n; i++) {\n s = arguments[i];\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __spreadArray = (undefined && undefined.__spreadArray) || function (to, from, pack) {\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\n if (ar || !(i in from)) {\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\n ar[i] = from[i];\n }\n }\n return to.concat(ar || Array.prototype.slice.call(from));\n};\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n// eslint-disable-next-line react/function-component-definition\nvar DialogsComponent = function (_a) {\n var header = _a.header, subHeaderContent = _a.subHeaderContent, upHeaderContent = _a.upHeaderContent, onDialogSelectHandler = _a.onDialogSelectHandler, dialogsViewModel = _a.dialogsViewModel, _b = _a.additionalSettings, additionalSettings = _b === void 0 ? undefined : _b;\n var dialogs = [];\n var _c = react__WEBPACK_IMPORTED_MODULE_1___default().useState([]), dialogsToView = _c[0], setDialogsToView = _c[1];\n var _d = react__WEBPACK_IMPORTED_MODULE_1___default().useState({ selectedIndex: undefined, item: undefined }), selectedItem = _d[0], setSelectedItem = _d[1];\n var _e = react__WEBPACK_IMPORTED_MODULE_1___default().useState(false), showSearchDialogs = _e[0], setShowSearchDialogs = _e[1];\n var _f = react__WEBPACK_IMPORTED_MODULE_1___default().useState(''), nameDialogForSearch = _f[0], setNameDialogForSearch = _f[1];\n (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n console.log('USE EFFECT DIALOG LIST HAS CHANGED');\n console.log(JSON.stringify(dialogsViewModel === null || dialogsViewModel === void 0 ? void 0 : dialogsViewModel.dialogs));\n dialogs.slice(0);\n dialogsViewModel === null || dialogsViewModel === void 0 ? void 0 : dialogsViewModel.dialogs.forEach(function (entiy, index) {\n var pw = new _components_UI_Dialogs_PreviewDialog_PreviewDialogViewModel__WEBPACK_IMPORTED_MODULE_5__[\"default\"](function (it) {\n if (onDialogSelectHandler) {\n setSelectedItem({ selectedIndex: index, item: it });\n onDialogSelectHandler(it);\n }\n }, function (it) {\n if (onDialogSelectHandler) {\n setSelectedItem({ selectedIndex: index, item: it });\n onDialogSelectHandler(it);\n }\n }, \n // Number(entiy.id),\n // entiy.name,\n entiy);\n if (selectedItem && selectedItem.selectedIndex === index) {\n pw.isSelected = true;\n }\n dialogs.push(pw);\n });\n setDialogsToView(dialogs);\n }, [dialogsViewModel === null || dialogsViewModel === void 0 ? void 0 : dialogsViewModel.dialogs]);\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n var fetchMoreData = function () {\n var _a;\n console.log('call fetchMoreData with: pagination: ', JSON.stringify(dialogsViewModel === null || dialogsViewModel === void 0 ? void 0 : dialogsViewModel.pagination), 'View length: ', dialogsToView.length, 'Model length: ', dialogsViewModel === null || dialogsViewModel === void 0 ? void 0 : dialogsViewModel.dialogs.length);\n if ((dialogsViewModel === null || dialogsViewModel === void 0 ? void 0 : dialogsViewModel.dialogs.length) === dialogsToView.length &&\n ((_a = dialogsViewModel === null || dialogsViewModel === void 0 ? void 0 : dialogsViewModel.pagination) === null || _a === void 0 ? void 0 : _a.hasNextPage())) {\n // setDialogsToView((prevState) => {\n // const newState = [...prevState];\n //\n // const newDialogEntity: DialogEntity =\n // dialogsViewModel?.dialogs[prevState.length];\n //\n // newState.push(newDialogEntity);\n //\n // return newState;\n // });\n var newPagination = dialogsViewModel === null || dialogsViewModel === void 0 ? void 0 : dialogsViewModel.pagination;\n newPagination.perPage = 6;\n newPagination.nextPage(); // curPage + 1\n console.log('call fetchMoreData with: pagination: ', JSON.stringify(newPagination), 'View length: ', dialogsToView.length, 'Model length: ', dialogsViewModel === null || dialogsViewModel === void 0 ? void 0 : dialogsViewModel.dialogs.length);\n // eslint-disable-next-line @typescript-eslint/await-thenable\n dialogsViewModel === null || dialogsViewModel === void 0 ? void 0 : dialogsViewModel.getDialogs(newPagination);\n }\n };\n // useEffect(() => {\n // const firstPagination = new Pagination(1, 1000);\n //\n // console.log(\n // 'useEffect DialogsComponent, getDialogs(): ',\n // JSON.stringify(firstPagination),\n // );\n // dialogsViewModel?.getDialogs(firstPagination);\n // }, []);\n var handleModal = react__WEBPACK_IMPORTED_MODULE_1___default().useContext(_components_providers_ModalContextProvider_Modal__WEBPACK_IMPORTED_MODULE_10__.ModalContext).handleModal;\n var useHeader = !(additionalSettings === null || additionalSettings === void 0 ? void 0 : additionalSettings.withoutHeader) || header || false;\n var useSubContent = (additionalSettings === null || additionalSettings === void 0 ? void 0 : additionalSettings.useSubHeader) || subHeaderContent || false;\n var useUpContent = (additionalSettings === null || additionalSettings === void 0 ? void 0 : additionalSettings.useUpHeader) || upHeaderContent || false;\n var HeaderContent = header || ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_Dialogs_HeaderDialogs_HeaderDialogs__WEBPACK_IMPORTED_MODULE_9__[\"default\"], { title: \"Dialogs\", clickSearchHandler: function () {\n setShowSearchDialogs(!showSearchDialogs);\n setNameDialogForSearch('');\n }, ClickActionHandler: function () {\n handleModal(true, (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_CreateDialogFlow_CreateNewDialogFlow__WEBPACK_IMPORTED_MODULE_11__[\"default\"], { dialogsViewModel: dialogsViewModel }), 'New dialog', false, false, {\n minHeight: '200px',\n minWidth: '380px',\n maxWidth: '380px',\n backgroundColor: 'var(--main-background)',\n // border: '3px solid red',\n });\n }, theme: additionalSettings === null || additionalSettings === void 0 ? void 0 : additionalSettings.themeHeader }));\n var renderPreviewDialog = function (item, index) {\n var _a;\n function getMessageDateTimeSent() {\n var dateInt = 0;\n var formattedValue = '';\n if (item.entity.lastMessage.dateSent) {\n dateInt = parseInt(item.entity.lastMessage.dateSent, 10);\n if (Number.isNaN(dateInt)) {\n return formattedValue;\n }\n formattedValue = (0,_utils_DateTimeFormatter__WEBPACK_IMPORTED_MODULE_12__.getTimeShort24hFormat)(dateInt);\n }\n return formattedValue;\n }\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n function isMute(entity) {\n return false;\n }\n var getDialogAvatar = function (currentDialog) {\n var AvatarComponent;\n if (currentDialog.entity.type === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_4__.DialogType.group ||\n currentDialog.entity.type === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_4__.DialogType[\"public\"]) {\n var imagePhoto = currentDialog.entity.photo;\n console.log('Dialogs: avatar: ', imagePhoto || 'NO FOTO');\n AvatarComponent = imagePhoto ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"img\", { style: { width: '55px', height: '55px', borderRadius: '50%' }, src: imagePhoto })) : undefined;\n }\n return AvatarComponent;\n };\n return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ onClick: function () {\n setDialogsToView(function (prevState) {\n var newState = __spreadArray([], prevState, true);\n if (selectedItem && selectedItem.selectedIndex) {\n newState[selectedItem.selectedIndex].isSelected = false;\n }\n newState[index].isSelected = true;\n return newState;\n });\n } }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_Dialogs_PreviewDialog_PreviewDialog__WEBPACK_IMPORTED_MODULE_6__[\"default\"], { typeDialog: ((_a = item === null || item === void 0 ? void 0 : item.entity) === null || _a === void 0 ? void 0 : _a.type) || _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_4__.DialogType.group, dialogViewModel: item, theme: {\n themeName: (additionalSettings === null || additionalSettings === void 0 ? void 0 : additionalSettings.themeName) === 'dark' ? 'dark' : 'light',\n selected: item.isSelected,\n muted: isMute(item.entity),\n colorTheme: additionalSettings === null || additionalSettings === void 0 ? void 0 : additionalSettings.themePreview,\n }, title: \"\".concat(item.entity.name || ''), unreadMessageCount: item.entity.unreadMessageCount > 0\n ? item.entity.unreadMessageCount\n : undefined, message_date_time_sent: getMessageDateTimeSent(), previewMessage: item.entity.lastMessage.text, dialogAvatar: getDialogAvatar(item) }) }), index));\n };\n var loaderTheme = {\n color: 'var(--divider)',\n width: '42',\n height: '42',\n };\n var renderSearchDialogs = function () {\n return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: \"search-dialog-name-input\" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_svgs_Icons_Navigation_Search__WEBPACK_IMPORTED_MODULE_13__[\"default\"], { applyZoom: true, width: \"24\", height: \"24\", color: \"var(--tertiary-elements)\" }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"input\", { type: \"text\", style: { width: '268px' }, value: nameDialogForSearch, onChange: function (event) {\n setNameDialogForSearch(event.target.value);\n }, placeholder: \"Search\" }), nameDialogForSearch.length > 0 ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ style: { cursor: 'pointer' }, onClick: function () {\n setNameDialogForSearch('');\n } }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_svgs_Icons_Actions_Remove__WEBPACK_IMPORTED_MODULE_14__[\"default\"], { width: \"24\", height: \"24\", color: \"var(--tertiary-elements)\" }) }))) : null] })));\n };\n return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ style: {\n minHeight: '800px',\n minWidth: '322px',\n border: '1px solid var(--divider)',\n } }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components_containers_ColumnContainer_ColumnContainer__WEBPACK_IMPORTED_MODULE_3__[\"default\"], { children: [useUpContent && upHeaderContent, useHeader && HeaderContent, useSubContent && subHeaderContent, (dialogsViewModel === null || dialogsViewModel === void 0 ? void 0 : dialogsViewModel.loading) && (\n // <div style={{ maxHeight: '44px', minHeight: '44px', height: '44px' }}>\n // <LoaderComponent width=\"44\" height=\"44\" color=\"var(--divider)\" />\n // </div>\n (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_Placeholders_LoaderComponent_LoaderComponent__WEBPACK_IMPORTED_MODULE_7__[\"default\"], { width: loaderTheme.width, height: loaderTheme.height, color: loaderTheme.color })), (dialogsViewModel === null || dialogsViewModel === void 0 ? void 0 : dialogsViewModel.error) && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_UI_Placeholders_ErrorComponent_ErrorComponent__WEBPACK_IMPORTED_MODULE_8__[\"default\"], { title: \"Something is wrong.\", ClickActionHandler: function () {\n alert('call click retry');\n } })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: \"scroll-box\" }, { children: [showSearchDialogs ? renderSearchDialogs() : null, nameDialogForSearch.length > 0 &&\n dialogsToView\n .filter(function (item) {\n return item.entity.name\n .toUpperCase()\n .includes(nameDialogForSearch.toUpperCase(), 0);\n })\n .map(function (item, index) { return renderPreviewDialog(item, index); }), nameDialogForSearch.length === 0 &&\n (dialogsToView && dialogsToView.length) > 0 &&\n dialogsToView.map(function (item, index) {\n return renderPreviewDialog(item, index);\n })] }))] }) })));\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (DialogsComponent);\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/Presentation/Views/Dialogs/Dialogs.tsx?");
1613
1613
 
1614
1614
  /***/ }),
1615
1615
 
@@ -1620,7 +1620,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var reac
1620
1620
  /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
1621
1621
 
1622
1622
  "use strict";
1623
- 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?");
1623
+ 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 = useQbInitializedDataContext();\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?");
1624
1624
 
1625
1625
  /***/ }),
1626
1626
 
@@ -1686,7 +1686,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var reac
1686
1686
  /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
1687
1687
 
1688
1688
  "use strict";
1689
- 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?");
1689
+ 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_useQbInitializedDataContext__WEBPACK_IMPORTED_MODULE_30__ = __webpack_require__(/*! ../../../providers/QuickBloxUIKitProvider/useQbInitializedDataContext */ \"./src/Presentation/components/providers/QuickBloxUIKitProvider/useQbInitializedDataContext.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, onCloseDialogInformationHandler = _a.onCloseDialogInformationHandler, \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, _e = _a.subHeaderContent, subHeaderContent = _e === void 0 ? undefined : _e, _f = _a.upHeaderContent, upHeaderContent = _f === void 0 ? undefined : _f;\n var currentContext = (0,_providers_QuickBloxUIKitProvider_useQbInitializedDataContext__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 _g = react__WEBPACK_IMPORTED_MODULE_1___default().useState(false), showMembersDialog = _g[0], setShowMembersDialog = _g[1];\n var _h = react__WEBPACK_IMPORTED_MODULE_1___default().useState(false), isAllMembersShow = _h[0], setIsAllMembersShow = _h[1];\n (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n console.log('HAVE NEW DIALOG');\n if (dialog === undefined && onCloseDialogInformationHandler) {\n console.log('HAVE UNDEFINED NEW DIALOG');\n onCloseDialogInformationHandler();\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 _j = react__WEBPACK_IMPORTED_MODULE_1___default().useState(document.documentElement.getAttribute('data-theme')), themeName = _j[0], setThemeName = _j[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 var useSubContent = subHeaderContent || false;\n var useUpContent = upHeaderContent || false;\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: [useUpContent && upHeaderContent, (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 (onCloseDialogInformationHandler) {\n onCloseDialogInformationHandler();\n }\n } }) }))] })), useSubContent && subHeaderContent, (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?");
1690
1690
 
1691
1691
  /***/ }),
1692
1692
 
@@ -1719,7 +1719,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var reac
1719
1719
  /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
1720
1720
 
1721
1721
  "use strict";
1722
- eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": function() { return /* binding */ useUsersListViewModel; }\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 _providers_QuickBloxUIKitProvider_useQbDataContext__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../providers/QuickBloxUIKitProvider/useQbDataContext */ \"./src/Presentation/components/providers/QuickBloxUIKitProvider/useQbDataContext.ts\");\n/* harmony import */ var _Domain_use_cases_GetUsersByIdsUseCase__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../Domain/use_cases/GetUsersByIdsUseCase */ \"./src/Domain/use_cases/GetUsersByIdsUseCase.ts\");\n/* harmony import */ var _Data_repository_UsersRepository__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../Data/repository/UsersRepository */ \"./src/Data/repository/UsersRepository.ts\");\n/* harmony import */ var _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../Domain/entity/DialogTypes */ \"./src/Domain/entity/DialogTypes.ts\");\nvar __awaiter = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n return new (P || (P = Promise))(function (resolve, reject) {\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n step((generator = generator.apply(thisArg, _arguments || [])).next());\n });\n};\nvar __generator = (undefined && undefined.__generator) || function (thisArg, body) {\n var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\n return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\n function verb(n) { return function (v) { return step([n, v]); }; }\n function step(op) {\n if (f) throw new TypeError(\"Generator is already executing.\");\n while (g && (g = 0, op[0] && (_ = 0)), _) try {\n if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\n if (y = 0, t) op = [op[0] & 2, t.value];\n switch (op[0]) {\n case 0: case 1: t = op; break;\n case 4: _.label++; return { value: op[1], done: false };\n case 5: _.label++; y = op[1]; op = [0]; continue;\n case 7: op = _.ops.pop(); _.trys.pop(); continue;\n default:\n if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\n if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\n if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\n if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\n if (t[2]) _.ops.pop();\n _.trys.pop(); continue;\n }\n op = body.call(thisArg, _);\n } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\n if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\n }\n};\nvar __spreadArray = (undefined && undefined.__spreadArray) || function (to, from, pack) {\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\n if (ar || !(i in from)) {\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\n ar[i] = from[i];\n }\n }\n return to.concat(ar || Array.prototype.slice.call(from));\n};\n\n\n\n\n\nfunction useUsersListViewModel(dialogEntity) {\n console.log('create useUsersListViewModel');\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 with getting user list'), error = _b[0], setError = _b[1];\n var _c = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]), users = _c[0], setUsers = _c[1];\n var _d = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(dialogEntity), dialog = _d[0], setDialog = _d[1];\n var currentContext = (0,_providers_QuickBloxUIKitProvider_useQbDataContext__WEBPACK_IMPORTED_MODULE_1__[\"default\"])();\n function getUsers() {\n return __awaiter(this, void 0, void 0, function () {\n var participants, initAllUsersByIdsUseCase;\n return __generator(this, function (_a) {\n switch (_a.label) {\n case 0:\n console.log('call getUsers in useUsersListViewModel');\n participants = [];\n if (dialog && (dialog === null || dialog === void 0 ? void 0 : dialog.type) === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_4__.DialogType.group) {\n participants = dialog.participantIds;\n }\n else if (dialog && (dialog === null || dialog === void 0 ? void 0 : dialog.type) === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_4__.DialogType[\"private\"]) {\n participants = [dialog.participantId];\n }\n else if (dialog && (dialog === null || dialog === void 0 ? void 0 : dialog.type) === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_4__.DialogType[\"public\"]) {\n participants = [];\n }\n setLoading(true);\n initAllUsersByIdsUseCase = new _Domain_use_cases_GetUsersByIdsUseCase__WEBPACK_IMPORTED_MODULE_2__.GetUsersByIdsUseCase(new _Data_repository_UsersRepository__WEBPACK_IMPORTED_MODULE_3__[\"default\"](currentContext.storage.LOCAL_DATA_SOURCE, currentContext.storage.REMOTE_DATA_SOURCE), participants);\n return [4 /*yield*/, initAllUsersByIdsUseCase\n .execute()\n // eslint-disable-next-line promise/always-return\n .then(function (data) {\n console.log('have getUsers :', JSON.stringify(data));\n console.log('have idis :', JSON.stringify(participants));\n setUsers(__spreadArray([], data, true));\n setLoading(false);\n setError('');\n })\n .catch(function (e) {\n console.log('have ERROR get users :', JSON.stringify(e));\n setLoading(false);\n setError(e.message);\n })];\n case 1:\n _a.sent();\n console.log('EXECUTE USE CASES getUsers');\n return [2 /*return*/];\n }\n });\n });\n }\n var release = function () {\n console.log('call release in useUsersListViewModel');\n };\n return {\n get entity() {\n return dialog;\n },\n set entity(newDialog) {\n setDialog(newDialog);\n },\n users: users,\n loading: loading,\n error: error,\n // eslint-disable-next-line @typescript-eslint/no-misused-promises\n getUsers: getUsers,\n release: release,\n };\n}\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/Presentation/components/UI/Dialogs/DialogInformation/UsersList/useUsersListViewModel.ts?");
1722
+ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": function() { return /* binding */ useUsersListViewModel; }\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 _providers_QuickBloxUIKitProvider_useQbInitializedDataContext__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../providers/QuickBloxUIKitProvider/useQbInitializedDataContext */ \"./src/Presentation/components/providers/QuickBloxUIKitProvider/useQbInitializedDataContext.ts\");\n/* harmony import */ var _Domain_use_cases_GetUsersByIdsUseCase__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../Domain/use_cases/GetUsersByIdsUseCase */ \"./src/Domain/use_cases/GetUsersByIdsUseCase.ts\");\n/* harmony import */ var _Data_repository_UsersRepository__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../Data/repository/UsersRepository */ \"./src/Data/repository/UsersRepository.ts\");\n/* harmony import */ var _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../Domain/entity/DialogTypes */ \"./src/Domain/entity/DialogTypes.ts\");\nvar __awaiter = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n return new (P || (P = Promise))(function (resolve, reject) {\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n step((generator = generator.apply(thisArg, _arguments || [])).next());\n });\n};\nvar __generator = (undefined && undefined.__generator) || function (thisArg, body) {\n var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\n return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\n function verb(n) { return function (v) { return step([n, v]); }; }\n function step(op) {\n if (f) throw new TypeError(\"Generator is already executing.\");\n while (g && (g = 0, op[0] && (_ = 0)), _) try {\n if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\n if (y = 0, t) op = [op[0] & 2, t.value];\n switch (op[0]) {\n case 0: case 1: t = op; break;\n case 4: _.label++; return { value: op[1], done: false };\n case 5: _.label++; y = op[1]; op = [0]; continue;\n case 7: op = _.ops.pop(); _.trys.pop(); continue;\n default:\n if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\n if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\n if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\n if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\n if (t[2]) _.ops.pop();\n _.trys.pop(); continue;\n }\n op = body.call(thisArg, _);\n } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\n if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\n }\n};\nvar __spreadArray = (undefined && undefined.__spreadArray) || function (to, from, pack) {\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\n if (ar || !(i in from)) {\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\n ar[i] = from[i];\n }\n }\n return to.concat(ar || Array.prototype.slice.call(from));\n};\n\n\n\n\n\nfunction useUsersListViewModel(dialogEntity) {\n console.log('create useUsersListViewModel');\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 with getting user list'), error = _b[0], setError = _b[1];\n var _c = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]), users = _c[0], setUsers = _c[1];\n var _d = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(dialogEntity), dialog = _d[0], setDialog = _d[1];\n var currentContext = (0,_providers_QuickBloxUIKitProvider_useQbInitializedDataContext__WEBPACK_IMPORTED_MODULE_1__[\"default\"])();\n function getUsers() {\n return __awaiter(this, void 0, void 0, function () {\n var participants, initAllUsersByIdsUseCase;\n return __generator(this, function (_a) {\n switch (_a.label) {\n case 0:\n console.log('call getUsers in useUsersListViewModel');\n participants = [];\n if (dialog && (dialog === null || dialog === void 0 ? void 0 : dialog.type) === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_4__.DialogType.group) {\n participants = dialog.participantIds;\n }\n else if (dialog && (dialog === null || dialog === void 0 ? void 0 : dialog.type) === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_4__.DialogType[\"private\"]) {\n participants = [dialog.participantId];\n }\n else if (dialog && (dialog === null || dialog === void 0 ? void 0 : dialog.type) === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_4__.DialogType[\"public\"]) {\n participants = [];\n }\n setLoading(true);\n initAllUsersByIdsUseCase = new _Domain_use_cases_GetUsersByIdsUseCase__WEBPACK_IMPORTED_MODULE_2__.GetUsersByIdsUseCase(new _Data_repository_UsersRepository__WEBPACK_IMPORTED_MODULE_3__[\"default\"](currentContext.storage.LOCAL_DATA_SOURCE, currentContext.storage.REMOTE_DATA_SOURCE), participants);\n return [4 /*yield*/, initAllUsersByIdsUseCase\n .execute()\n // eslint-disable-next-line promise/always-return\n .then(function (data) {\n console.log('have getUsers :', JSON.stringify(data));\n console.log('have idis :', JSON.stringify(participants));\n setUsers(__spreadArray([], data, true));\n setLoading(false);\n setError('');\n })\n .catch(function (e) {\n console.log('have ERROR get users :', JSON.stringify(e));\n setLoading(false);\n setError(e.message);\n })];\n case 1:\n _a.sent();\n console.log('EXECUTE USE CASES getUsers');\n return [2 /*return*/];\n }\n });\n });\n }\n var release = function () {\n console.log('call release in useUsersListViewModel');\n };\n return {\n get entity() {\n return dialog;\n },\n set entity(newDialog) {\n setDialog(newDialog);\n },\n users: users,\n loading: loading,\n error: error,\n // eslint-disable-next-line @typescript-eslint/no-misused-promises\n getUsers: getUsers,\n release: release,\n };\n}\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/Presentation/components/UI/Dialogs/DialogInformation/UsersList/useUsersListViewModel.ts?");
1723
1723
 
1724
1724
  /***/ }),
1725
1725
 
@@ -1730,7 +1730,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
1730
1730
  /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
1731
1731
 
1732
1732
  "use strict";
1733
- eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"TypeOpenDialog\": function() { return /* binding */ TypeOpenDialog; }\n/* harmony export */ });\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _EditDialog_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./EditDialog.scss */ \"./src/Presentation/components/UI/Dialogs/EditDialog/EditDialog.scss\");\n/* harmony import */ var _containers_ColumnContainer_ColumnContainer__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../containers/ColumnContainer/ColumnContainer */ \"./src/Presentation/components/containers/ColumnContainer/ColumnContainer.tsx\");\n/* harmony import */ var _svgs_Icons_Contents_User__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../svgs/Icons/Contents/User */ \"./src/Presentation/components/UI/svgs/Icons/Contents/User/index.tsx\");\n/* harmony import */ var _containers_RowRightContainer_RowRightContainer__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../containers/RowRightContainer/RowRightContainer */ \"./src/Presentation/components/containers/RowRightContainer/RowRightContainer.tsx\");\n/* harmony import */ var _Buttons_MainButton_MainButton__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../Buttons/MainButton/MainButton */ \"./src/Presentation/components/UI/Buttons/MainButton/MainButton.tsx\");\n/* harmony import */ var _UserAvatar_UserAvatar__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./UserAvatar/UserAvatar */ \"./src/Presentation/components/UI/Dialogs/EditDialog/UserAvatar/UserAvatar.tsx\");\n/* harmony import */ var _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../../Domain/entity/DialogTypes */ \"./src/Domain/entity/DialogTypes.ts\");\n/* harmony import */ var _svgs_Icons_Contents_GroupChat__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../svgs/Icons/Contents/GroupChat */ \"./src/Presentation/components/UI/svgs/Icons/Contents/GroupChat/index.tsx\");\n/* harmony import */ var _svgs_Icons_Contents_PublicChannel__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../svgs/Icons/Contents/PublicChannel */ \"./src/Presentation/components/UI/svgs/Icons/Contents/PublicChannel/index.tsx\");\n/* harmony import */ var _providers_QuickBloxUIKitProvider_useQbDataContext__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../../providers/QuickBloxUIKitProvider/useQbDataContext */ \"./src/Presentation/components/providers/QuickBloxUIKitProvider/useQbDataContext.ts\");\nvar __assign = (undefined && undefined.__assign) || function () {\n __assign = Object.assign || function(t) {\n for (var s, i = 1, n = arguments.length; i < n; i++) {\n s = arguments[i];\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\n\n\n\n\n\n\n\n\n\n\n\n\nvar TypeOpenDialog = {\n edit: 'edit',\n create: 'create',\n};\n// eslint-disable-next-line react/function-component-definition,@typescript-eslint/no-unused-vars\nvar EditDialog = function (_a) {\n var _b = _a.nameDialog, nameDialog = _b === void 0 ? '' : _b, typeDialog = _a.typeDialog, \n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n _c = _a.ulrIcon, \n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n ulrIcon = _c === void 0 ? '' : _c, _d = _a.typeAddEditDialog, typeAddEditDialog = _d === void 0 ? TypeOpenDialog.create : _d, clickUpdatedHandler = _a.clickUpdatedHandler, clickCancelHandler = _a.clickCancelHandler;\n var currentContext = (0,_providers_QuickBloxUIKitProvider_useQbDataContext__WEBPACK_IMPORTED_MODULE_11__[\"default\"])();\n var maxUploadFileSize = currentContext.InitParams.maxFileSize;\n var minLengthNameDialog = 3;\n var maxLengthNameDialog = 60;\n var errorMessageUploadMaxSize = \"file size must be less than \".concat(maxUploadFileSize / 1024 / 1024, \" Mb\");\n var _e = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(nameDialog), dialogName = _e[0], setDialogName = _e[1];\n var _f = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(null), fileUploadAvatar = _f[0], setFileUploadAvatar = _f[1];\n var _g = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(ulrIcon || ''), urlAvatar = _g[0], setUrlAvatar = _g[1];\n var _h = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(nameDialog.length < minLengthNameDialog ||\n nameDialog.length > maxLengthNameDialog), disabledButton = _h[0], setDisabledButton = _h[1];\n var _j = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(''), errorMessageUpload = _j[0], setErrorMessageUpload = _j[1];\n (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n setDisabledButton(dialogName.length < minLengthNameDialog ||\n dialogName.length > maxLengthNameDialog);\n }, [dialogName]);\n var ChangeFileHandler = function (event) {\n setErrorMessageUpload('');\n var reader = new FileReader();\n var file = event.currentTarget.files\n ? event.currentTarget.files[0]\n : null;\n console.log('file: ', file);\n var fileSize = (file === null || file === void 0 ? void 0 : file.size) || 0;\n if (fileSize >= maxUploadFileSize) {\n setErrorMessageUpload(errorMessageUploadMaxSize);\n return;\n }\n reader.onloadend = function () {\n setFileUploadAvatar(file);\n setUrlAvatar(reader.result ? reader.result : '');\n };\n if (file !== null)\n reader.readAsDataURL(file);\n };\n // eslint-disable-next-line consistent-return\n var renderAvatar = function () {\n if (urlAvatar.length < 1 || urlAvatar === 'null') {\n switch (typeDialog) {\n case _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_8__.DialogType[\"private\"]:\n return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Contents_User__WEBPACK_IMPORTED_MODULE_4__[\"default\"], { width: \"36\", height: \"36\", applyZoom: true, color: \"var(--secondary-text)\" }));\n break;\n case _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_8__.DialogType.group:\n return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Contents_GroupChat__WEBPACK_IMPORTED_MODULE_9__[\"default\"], { width: \"36\", height: \"36\", applyZoom: true, color: \"var(--secondary-text)\" }));\n break;\n case _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_8__.DialogType[\"public\"]:\n return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Contents_PublicChannel__WEBPACK_IMPORTED_MODULE_10__[\"default\"], { width: \"36\", height: \"36\", applyZoom: true, color: \"var(--secondary-text)\" }));\n break;\n default:\n return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Contents_User__WEBPACK_IMPORTED_MODULE_4__[\"default\"], { width: \"36\", height: \"36\", applyZoom: true, color: \"var(--secondary-text)\" }));\n }\n }\n else {\n return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_UserAvatar_UserAvatar__WEBPACK_IMPORTED_MODULE_7__[\"default\"], { urlAvatar: urlAvatar, clickRemoveAvatarHandler: function () {\n setUrlAvatar('null');\n setErrorMessageUpload('');\n } }));\n }\n };\n return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_containers_ColumnContainer_ColumnContainer__WEBPACK_IMPORTED_MODULE_3__[\"default\"], __assign({ gapBetweenItem: \"8px\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ style: {\n backgroundColor: 'var(--main-background)',\n }, className: \"edit-container\" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"edit-dialog-container\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: \"edit-dialog-container--wrapper\" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"edit-dialog-container--wrapper__inf\" }, { children: \"Dialog image\" })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: \"edit-dialog-container--wrapper__icon-container\" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"edit-dialog-container--wrapper__icon-container__icon\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"edit-dialog-container--wrapper__icon-container__icon__content\" }, { children: renderAvatar() })) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"edit-dialog-container--wrapper__icon-container__upload\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"label\", __assign({ htmlFor: \"uploadBtn\", style: {\n cursor: typeDialog !== _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_8__.DialogType[\"private\"] ? 'pointer' : '',\n } }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", { children: typeDialog !== _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_8__.DialogType[\"private\"] ? 'Upload' : '' }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"input\", { id: \"uploadBtn\", type: \"file\", accept: \"image/*\", style: { display: 'none' }, onChange: function (event) {\n ChangeFileHandler(event);\n }, disabled: typeDialog === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_8__.DialogType[\"private\"] })] })) }))] })), errorMessageUpload.length > 0 ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"edit-dialog-container--wrapper__upload-error\" }, { children: errorMessageUpload }))) : null, (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"edit-dialog-container--wrapper__dialog-name-inf\" }, { children: \"Dialog name\" })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"edit-dialog-container--wrapper__dialog-name-input\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"input\", { type: \"text\", style: { width: '280px' }, value: (dialogName === null || dialogName === void 0 ? void 0 : dialogName.length) > 0 ? dialogName : undefined, onChange: function (event) { return setDialogName(event.target.value); }, placeholder: \"Enter name\" }) }))] })) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"edit-btn-container\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_containers_RowRightContainer_RowRightContainer__WEBPACK_IMPORTED_MODULE_5__[\"default\"], { minHeightContainer: \"32px\", gapBetweenItem: \"8px\", RightContainerSize: {\n flexBasis: '63px',\n minWidth: '63px',\n maxWidth: '63px',\n minHeight: '32px',\n maxHeight: '32px',\n }, RightItem: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Buttons_MainButton_MainButton__WEBPACK_IMPORTED_MODULE_6__[\"default\"], { clickHandler: function () {\n if (clickUpdatedHandler) {\n // if (urlAvatar !== 'null') {\n // setUrlAvatar(\n // fileUploadAvatar === null\n // ? ''\n // : fileUploadAvatar.name,\n // );\n // }\n var params = {\n dialogTitle: dialogName,\n dialogAvatar: urlAvatar === 'null' ? 'null' : fileUploadAvatar,\n };\n clickUpdatedHandler(params);\n }\n }, title: typeAddEditDialog === TypeOpenDialog.create\n ? 'Next'\n : 'Save', typeButton: _Buttons_MainButton_MainButton__WEBPACK_IMPORTED_MODULE_6__.TypeButton[\"default\"], disabled: disabledButton }) }), CenterContainerSize: {\n flexBasis: '78px',\n minWidth: '78px',\n maxWidth: '78px',\n minHeight: '32px',\n maxHeight: '32px',\n }, CenterItem: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Buttons_MainButton_MainButton__WEBPACK_IMPORTED_MODULE_6__[\"default\"], { title: \"Cancel\", clickHandler: function () {\n if (clickCancelHandler) {\n clickCancelHandler();\n }\n }, typeButton: _Buttons_MainButton_MainButton__WEBPACK_IMPORTED_MODULE_6__.TypeButton.outlined }) }) }) }))] })) })));\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (EditDialog);\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/Presentation/components/UI/Dialogs/EditDialog/EditDialog.tsx?");
1733
+ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"TypeOpenDialog\": function() { return /* binding */ TypeOpenDialog; }\n/* harmony export */ });\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _EditDialog_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./EditDialog.scss */ \"./src/Presentation/components/UI/Dialogs/EditDialog/EditDialog.scss\");\n/* harmony import */ var _containers_ColumnContainer_ColumnContainer__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../containers/ColumnContainer/ColumnContainer */ \"./src/Presentation/components/containers/ColumnContainer/ColumnContainer.tsx\");\n/* harmony import */ var _svgs_Icons_Contents_User__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../svgs/Icons/Contents/User */ \"./src/Presentation/components/UI/svgs/Icons/Contents/User/index.tsx\");\n/* harmony import */ var _containers_RowRightContainer_RowRightContainer__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../containers/RowRightContainer/RowRightContainer */ \"./src/Presentation/components/containers/RowRightContainer/RowRightContainer.tsx\");\n/* harmony import */ var _Buttons_MainButton_MainButton__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../Buttons/MainButton/MainButton */ \"./src/Presentation/components/UI/Buttons/MainButton/MainButton.tsx\");\n/* harmony import */ var _UserAvatar_UserAvatar__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./UserAvatar/UserAvatar */ \"./src/Presentation/components/UI/Dialogs/EditDialog/UserAvatar/UserAvatar.tsx\");\n/* harmony import */ var _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../../Domain/entity/DialogTypes */ \"./src/Domain/entity/DialogTypes.ts\");\n/* harmony import */ var _svgs_Icons_Contents_GroupChat__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../svgs/Icons/Contents/GroupChat */ \"./src/Presentation/components/UI/svgs/Icons/Contents/GroupChat/index.tsx\");\n/* harmony import */ var _svgs_Icons_Contents_PublicChannel__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../svgs/Icons/Contents/PublicChannel */ \"./src/Presentation/components/UI/svgs/Icons/Contents/PublicChannel/index.tsx\");\n/* harmony import */ var _providers_QuickBloxUIKitProvider_useQbInitializedDataContext__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../../providers/QuickBloxUIKitProvider/useQbInitializedDataContext */ \"./src/Presentation/components/providers/QuickBloxUIKitProvider/useQbInitializedDataContext.ts\");\nvar __assign = (undefined && undefined.__assign) || function () {\n __assign = Object.assign || function(t) {\n for (var s, i = 1, n = arguments.length; i < n; i++) {\n s = arguments[i];\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\n\n\n\n\n\n\n\n\n\n\n\n\nvar TypeOpenDialog = {\n edit: 'edit',\n create: 'create',\n};\n// eslint-disable-next-line react/function-component-definition,@typescript-eslint/no-unused-vars\nvar EditDialog = function (_a) {\n var _b = _a.nameDialog, nameDialog = _b === void 0 ? '' : _b, typeDialog = _a.typeDialog, \n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n _c = _a.ulrIcon, \n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n ulrIcon = _c === void 0 ? '' : _c, _d = _a.typeAddEditDialog, typeAddEditDialog = _d === void 0 ? TypeOpenDialog.create : _d, clickUpdatedHandler = _a.clickUpdatedHandler, clickCancelHandler = _a.clickCancelHandler;\n var currentContext = (0,_providers_QuickBloxUIKitProvider_useQbInitializedDataContext__WEBPACK_IMPORTED_MODULE_11__[\"default\"])();\n var maxUploadFileSize = currentContext.InitParams.maxFileSize;\n var minLengthNameDialog = 3;\n var maxLengthNameDialog = 60;\n var errorMessageUploadMaxSize = \"file size must be less than \".concat(maxUploadFileSize / 1024 / 1024, \" Mb\");\n var _e = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(nameDialog), dialogName = _e[0], setDialogName = _e[1];\n var _f = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(null), fileUploadAvatar = _f[0], setFileUploadAvatar = _f[1];\n var _g = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(ulrIcon || ''), urlAvatar = _g[0], setUrlAvatar = _g[1];\n var _h = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(nameDialog.length < minLengthNameDialog ||\n nameDialog.length > maxLengthNameDialog), disabledButton = _h[0], setDisabledButton = _h[1];\n var _j = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(''), errorMessageUpload = _j[0], setErrorMessageUpload = _j[1];\n (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n setDisabledButton(dialogName.length < minLengthNameDialog ||\n dialogName.length > maxLengthNameDialog);\n }, [dialogName]);\n var ChangeFileHandler = function (event) {\n setErrorMessageUpload('');\n var reader = new FileReader();\n var file = event.currentTarget.files\n ? event.currentTarget.files[0]\n : null;\n console.log('file: ', file);\n var fileSize = (file === null || file === void 0 ? void 0 : file.size) || 0;\n if (fileSize >= maxUploadFileSize) {\n setErrorMessageUpload(errorMessageUploadMaxSize);\n return;\n }\n reader.onloadend = function () {\n setFileUploadAvatar(file);\n setUrlAvatar(reader.result ? reader.result : '');\n };\n if (file !== null)\n reader.readAsDataURL(file);\n };\n // eslint-disable-next-line consistent-return\n var renderAvatar = function () {\n if (urlAvatar.length < 1 || urlAvatar === 'null') {\n switch (typeDialog) {\n case _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_8__.DialogType[\"private\"]:\n return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Contents_User__WEBPACK_IMPORTED_MODULE_4__[\"default\"], { width: \"36\", height: \"36\", applyZoom: true, color: \"var(--secondary-text)\" }));\n break;\n case _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_8__.DialogType.group:\n return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Contents_GroupChat__WEBPACK_IMPORTED_MODULE_9__[\"default\"], { width: \"36\", height: \"36\", applyZoom: true, color: \"var(--secondary-text)\" }));\n break;\n case _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_8__.DialogType[\"public\"]:\n return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Contents_PublicChannel__WEBPACK_IMPORTED_MODULE_10__[\"default\"], { width: \"36\", height: \"36\", applyZoom: true, color: \"var(--secondary-text)\" }));\n break;\n default:\n return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Contents_User__WEBPACK_IMPORTED_MODULE_4__[\"default\"], { width: \"36\", height: \"36\", applyZoom: true, color: \"var(--secondary-text)\" }));\n }\n }\n else {\n return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_UserAvatar_UserAvatar__WEBPACK_IMPORTED_MODULE_7__[\"default\"], { urlAvatar: urlAvatar, clickRemoveAvatarHandler: function () {\n setUrlAvatar('null');\n setErrorMessageUpload('');\n } }));\n }\n };\n return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_containers_ColumnContainer_ColumnContainer__WEBPACK_IMPORTED_MODULE_3__[\"default\"], __assign({ gapBetweenItem: \"8px\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ style: {\n backgroundColor: 'var(--main-background)',\n }, className: \"edit-container\" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"edit-dialog-container\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: \"edit-dialog-container--wrapper\" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"edit-dialog-container--wrapper__inf\" }, { children: \"Dialog image\" })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: \"edit-dialog-container--wrapper__icon-container\" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"edit-dialog-container--wrapper__icon-container__icon\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"edit-dialog-container--wrapper__icon-container__icon__content\" }, { children: renderAvatar() })) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"edit-dialog-container--wrapper__icon-container__upload\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"label\", __assign({ htmlFor: \"uploadBtn\", style: {\n cursor: typeDialog !== _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_8__.DialogType[\"private\"] ? 'pointer' : '',\n } }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", { children: typeDialog !== _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_8__.DialogType[\"private\"] ? 'Upload' : '' }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"input\", { id: \"uploadBtn\", type: \"file\", accept: \"image/*\", style: { display: 'none' }, onChange: function (event) {\n ChangeFileHandler(event);\n }, disabled: typeDialog === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_8__.DialogType[\"private\"] })] })) }))] })), errorMessageUpload.length > 0 ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"edit-dialog-container--wrapper__upload-error\" }, { children: errorMessageUpload }))) : null, (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"edit-dialog-container--wrapper__dialog-name-inf\" }, { children: \"Dialog name\" })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"edit-dialog-container--wrapper__dialog-name-input\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"input\", { type: \"text\", style: { width: '280px' }, value: (dialogName === null || dialogName === void 0 ? void 0 : dialogName.length) > 0 ? dialogName : undefined, onChange: function (event) { return setDialogName(event.target.value); }, placeholder: \"Enter name\" }) }))] })) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"edit-btn-container\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_containers_RowRightContainer_RowRightContainer__WEBPACK_IMPORTED_MODULE_5__[\"default\"], { minHeightContainer: \"32px\", gapBetweenItem: \"8px\", RightContainerSize: {\n flexBasis: '63px',\n minWidth: '63px',\n maxWidth: '63px',\n minHeight: '32px',\n maxHeight: '32px',\n }, RightItem: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Buttons_MainButton_MainButton__WEBPACK_IMPORTED_MODULE_6__[\"default\"], { clickHandler: function () {\n if (clickUpdatedHandler) {\n // if (urlAvatar !== 'null') {\n // setUrlAvatar(\n // fileUploadAvatar === null\n // ? ''\n // : fileUploadAvatar.name,\n // );\n // }\n var params = {\n dialogTitle: dialogName,\n dialogAvatar: urlAvatar === 'null' ? 'null' : fileUploadAvatar,\n };\n clickUpdatedHandler(params);\n }\n }, title: typeAddEditDialog === TypeOpenDialog.create\n ? 'Next'\n : 'Save', typeButton: _Buttons_MainButton_MainButton__WEBPACK_IMPORTED_MODULE_6__.TypeButton[\"default\"], disabled: disabledButton }) }), CenterContainerSize: {\n flexBasis: '78px',\n minWidth: '78px',\n maxWidth: '78px',\n minHeight: '32px',\n maxHeight: '32px',\n }, CenterItem: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Buttons_MainButton_MainButton__WEBPACK_IMPORTED_MODULE_6__[\"default\"], { title: \"Cancel\", clickHandler: function () {\n if (clickCancelHandler) {\n clickCancelHandler();\n }\n }, typeButton: _Buttons_MainButton_MainButton__WEBPACK_IMPORTED_MODULE_6__.TypeButton.outlined }) }) }) }))] })) })));\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (EditDialog);\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/Presentation/components/UI/Dialogs/EditDialog/EditDialog.tsx?");
1734
1734
 
1735
1735
  /***/ }),
1736
1736
 
@@ -1796,7 +1796,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var reac
1796
1796
  /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
1797
1797
 
1798
1798
  "use strict";
1799
- eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": function() { return /* binding */ useInviteMembersViewModel; }\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_GetAllUsersUseCase__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../Domain/use_cases/GetAllUsersUseCase */ \"./src/Domain/use_cases/GetAllUsersUseCase.ts\");\n/* harmony import */ var _Data_repository_UsersRepository__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../Data/repository/UsersRepository */ \"./src/Data/repository/UsersRepository.ts\");\n/* harmony import */ var _providers_QuickBloxUIKitProvider_useQbDataContext__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../providers/QuickBloxUIKitProvider/useQbDataContext */ \"./src/Presentation/components/providers/QuickBloxUIKitProvider/useQbDataContext.ts\");\n/* harmony import */ var _Data_Stubs__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../Data/Stubs */ \"./src/Data/Stubs.ts\");\n/* harmony import */ var _utils_parse__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../../utils/parse */ \"./src/utils/parse.ts\");\n/* harmony import */ var _Data_source_exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../../Data/source/exception/RemoteDataSourceException */ \"./src/Data/source/exception/RemoteDataSourceException.ts\");\nvar __awaiter = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n return new (P || (P = Promise))(function (resolve, reject) {\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n step((generator = generator.apply(thisArg, _arguments || [])).next());\n });\n};\nvar __generator = (undefined && undefined.__generator) || function (thisArg, body) {\n var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\n return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\n function verb(n) { return function (v) { return step([n, v]); }; }\n function step(op) {\n if (f) throw new TypeError(\"Generator is already executing.\");\n while (g && (g = 0, op[0] && (_ = 0)), _) try {\n if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\n if (y = 0, t) op = [op[0] & 2, t.value];\n switch (op[0]) {\n case 0: case 1: t = op; break;\n case 4: _.label++; return { value: op[1], done: false };\n case 5: _.label++; y = op[1]; op = [0]; continue;\n case 7: op = _.ops.pop(); _.trys.pop(); continue;\n default:\n if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\n if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\n if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\n if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\n if (t[2]) _.ops.pop();\n _.trys.pop(); continue;\n }\n op = body.call(thisArg, _);\n } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\n if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\n }\n};\nvar __spreadArray = (undefined && undefined.__spreadArray) || function (to, from, pack) {\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\n if (ar || !(i in from)) {\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\n ar[i] = from[i];\n }\n }\n return to.concat(ar || Array.prototype.slice.call(from));\n};\n\n\n\n\n\n\n\n\nfunction useInviteMembersViewModel() {\n // initPagination?: Pagination,\n console.log('create useUsersListViewModel');\n var currentContext = (0,_providers_QuickBloxUIKitProvider_useQbDataContext__WEBPACK_IMPORTED_MODULE_4__[\"default\"])();\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 with getting user list'), error = _b[0], setError = _b[1];\n var startPagination = new _Domain_repository_Pagination__WEBPACK_IMPORTED_MODULE_1__.Pagination(0, 0);\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)([]), users = _d[0], setUsers = _d[1];\n var _e = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(''), filter = _e[0], setFilter = _e[1];\n function updateFilter(newFilter) {\n setFilter(newFilter);\n setPagination(startPagination);\n }\n function getUsers(currentPagination) {\n return __awaiter(this, void 0, void 0, function () {\n var allUsersUseCase;\n return __generator(this, function (_a) {\n switch (_a.label) {\n case 0:\n console.log('call getUsers in useInviteMembersViewModel');\n console.log('currentPagination: ', JSON.stringify(currentPagination));\n console.log('pagination: ', JSON.stringify(pagination));\n console.log('after return call getUsers');\n setLoading(true);\n allUsersUseCase = new _Domain_use_cases_GetAllUsersUseCase__WEBPACK_IMPORTED_MODULE_2__.GetAllUsersUseCase(new _Data_repository_UsersRepository__WEBPACK_IMPORTED_MODULE_3__[\"default\"](currentContext.storage.LOCAL_DATA_SOURCE, currentContext.storage.REMOTE_DATA_SOURCE), currentPagination, filter);\n // eslint-disable-next-line @typescript-eslint/no-unsafe-call\n return [4 /*yield*/, allUsersUseCase\n .execute()\n // eslint-disable-next-line promise/always-return\n .then(function (data) {\n console.log('HAVE PAGINATED RESULT:', JSON.stringify(data.ResultData));\n setError('');\n setLoading(false);\n setPagination(data.CurrentPagination);\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n setUsers(function (prevState) {\n var newItems = currentPagination.getCurrentPage() === 0\n ? __spreadArray([], data.ResultData, true) : __spreadArray(__spreadArray([], prevState, true), data.ResultData, true);\n return newItems;\n });\n })\n .catch(function (e) {\n console.log('have ERROR get all users :', JSON.stringify(e));\n if (e.code ===\n _Data_source_exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_7__.NOT_FOUND_REMOTE_DATASOURCE_EXCEPTION_CODE) {\n setError('');\n }\n else {\n setError((0,_utils_parse__WEBPACK_IMPORTED_MODULE_6__.stringifyError)(e));\n }\n setLoading(false);\n setUsers([]);\n })];\n case 1:\n // eslint-disable-next-line @typescript-eslint/no-unsafe-call\n _a.sent();\n console.log('EXECUTE USE CASES getUsers');\n return [2 /*return*/];\n }\n });\n });\n }\n var release = function () {\n console.log('call release in useUsersListViewModel');\n };\n return {\n get entity() {\n return _Data_Stubs__WEBPACK_IMPORTED_MODULE_5__.Stubs.createUserEntityWithParams(0, '', '', '', '', '', '', '', '');\n },\n // id: Date.now(),\n // name: '',\n users: users,\n loading: loading,\n error: error,\n pagination: pagination,\n filter: filter,\n // eslint-disable-next-line @typescript-eslint/no-misused-promises\n getUsers: getUsers,\n release: release,\n updateFilter: updateFilter,\n };\n}\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/Presentation/components/UI/Dialogs/InviteMembers/useInviteMembersViewModel.ts?");
1799
+ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": function() { return /* binding */ useInviteMembersViewModel; }\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_GetAllUsersUseCase__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../Domain/use_cases/GetAllUsersUseCase */ \"./src/Domain/use_cases/GetAllUsersUseCase.ts\");\n/* harmony import */ var _Data_repository_UsersRepository__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../Data/repository/UsersRepository */ \"./src/Data/repository/UsersRepository.ts\");\n/* harmony import */ var _providers_QuickBloxUIKitProvider_useQbInitializedDataContext__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../providers/QuickBloxUIKitProvider/useQbInitializedDataContext */ \"./src/Presentation/components/providers/QuickBloxUIKitProvider/useQbInitializedDataContext.ts\");\n/* harmony import */ var _Data_Stubs__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../Data/Stubs */ \"./src/Data/Stubs.ts\");\n/* harmony import */ var _utils_parse__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../../utils/parse */ \"./src/utils/parse.ts\");\n/* harmony import */ var _Data_source_exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../../Data/source/exception/RemoteDataSourceException */ \"./src/Data/source/exception/RemoteDataSourceException.ts\");\nvar __awaiter = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n return new (P || (P = Promise))(function (resolve, reject) {\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n step((generator = generator.apply(thisArg, _arguments || [])).next());\n });\n};\nvar __generator = (undefined && undefined.__generator) || function (thisArg, body) {\n var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\n return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\n function verb(n) { return function (v) { return step([n, v]); }; }\n function step(op) {\n if (f) throw new TypeError(\"Generator is already executing.\");\n while (g && (g = 0, op[0] && (_ = 0)), _) try {\n if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\n if (y = 0, t) op = [op[0] & 2, t.value];\n switch (op[0]) {\n case 0: case 1: t = op; break;\n case 4: _.label++; return { value: op[1], done: false };\n case 5: _.label++; y = op[1]; op = [0]; continue;\n case 7: op = _.ops.pop(); _.trys.pop(); continue;\n default:\n if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\n if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\n if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\n if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\n if (t[2]) _.ops.pop();\n _.trys.pop(); continue;\n }\n op = body.call(thisArg, _);\n } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\n if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\n }\n};\nvar __spreadArray = (undefined && undefined.__spreadArray) || function (to, from, pack) {\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\n if (ar || !(i in from)) {\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\n ar[i] = from[i];\n }\n }\n return to.concat(ar || Array.prototype.slice.call(from));\n};\n\n\n\n\n\n\n\n\nfunction useInviteMembersViewModel() {\n // initPagination?: Pagination,\n console.log('create useUsersListViewModel');\n var currentContext = (0,_providers_QuickBloxUIKitProvider_useQbInitializedDataContext__WEBPACK_IMPORTED_MODULE_4__[\"default\"])();\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 with getting user list'), error = _b[0], setError = _b[1];\n var startPagination = new _Domain_repository_Pagination__WEBPACK_IMPORTED_MODULE_1__.Pagination(0, 0);\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)([]), users = _d[0], setUsers = _d[1];\n var _e = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(''), filter = _e[0], setFilter = _e[1];\n function updateFilter(newFilter) {\n setFilter(newFilter);\n setPagination(startPagination);\n }\n function getUsers(currentPagination) {\n return __awaiter(this, void 0, void 0, function () {\n var allUsersUseCase;\n return __generator(this, function (_a) {\n switch (_a.label) {\n case 0:\n console.log('call getUsers in useInviteMembersViewModel');\n console.log('currentPagination: ', JSON.stringify(currentPagination));\n console.log('pagination: ', JSON.stringify(pagination));\n console.log('after return call getUsers');\n setLoading(true);\n allUsersUseCase = new _Domain_use_cases_GetAllUsersUseCase__WEBPACK_IMPORTED_MODULE_2__.GetAllUsersUseCase(new _Data_repository_UsersRepository__WEBPACK_IMPORTED_MODULE_3__[\"default\"](currentContext.storage.LOCAL_DATA_SOURCE, currentContext.storage.REMOTE_DATA_SOURCE), currentPagination, filter);\n // eslint-disable-next-line @typescript-eslint/no-unsafe-call\n return [4 /*yield*/, allUsersUseCase\n .execute()\n // eslint-disable-next-line promise/always-return\n .then(function (data) {\n console.log('HAVE PAGINATED RESULT:', JSON.stringify(data.ResultData));\n setError('');\n setLoading(false);\n setPagination(data.CurrentPagination);\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n setUsers(function (prevState) {\n var newItems = currentPagination.getCurrentPage() === 0\n ? __spreadArray([], data.ResultData, true) : __spreadArray(__spreadArray([], prevState, true), data.ResultData, true);\n return newItems;\n });\n })\n .catch(function (e) {\n console.log('have ERROR get all users :', JSON.stringify(e));\n if (e.code ===\n _Data_source_exception_RemoteDataSourceException__WEBPACK_IMPORTED_MODULE_7__.NOT_FOUND_REMOTE_DATASOURCE_EXCEPTION_CODE) {\n setError('');\n }\n else {\n setError((0,_utils_parse__WEBPACK_IMPORTED_MODULE_6__.stringifyError)(e));\n }\n setLoading(false);\n setUsers([]);\n })];\n case 1:\n // eslint-disable-next-line @typescript-eslint/no-unsafe-call\n _a.sent();\n console.log('EXECUTE USE CASES getUsers');\n return [2 /*return*/];\n }\n });\n });\n }\n var release = function () {\n console.log('call release in useUsersListViewModel');\n };\n return {\n get entity() {\n return _Data_Stubs__WEBPACK_IMPORTED_MODULE_5__.Stubs.createUserEntityWithParams(0, '', '', '', '', '', '', '', '');\n },\n // id: Date.now(),\n // name: '',\n users: users,\n loading: loading,\n error: error,\n pagination: pagination,\n filter: filter,\n // eslint-disable-next-line @typescript-eslint/no-misused-promises\n getUsers: getUsers,\n release: release,\n updateFilter: updateFilter,\n };\n}\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/Presentation/components/UI/Dialogs/InviteMembers/useInviteMembersViewModel.ts?");
1800
1800
 
1801
1801
  /***/ }),
1802
1802
 
@@ -1811,6 +1811,28 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var reac
1811
1811
 
1812
1812
  /***/ }),
1813
1813
 
1814
+ /***/ "./src/Presentation/components/UI/Dialogs/MessagesView/AIWidgets/ErrorMessageIcon.tsx":
1815
+ /*!********************************************************************************************!*\
1816
+ !*** ./src/Presentation/components/UI/Dialogs/MessagesView/AIWidgets/ErrorMessageIcon.tsx ***!
1817
+ \********************************************************************************************/
1818
+ /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
1819
+
1820
+ "use strict";
1821
+ 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__);\nvar __assign = (undefined && undefined.__assign) || function () {\n __assign = Object.assign || function(t) {\n for (var s, i = 1, n = arguments.length; i < n; i++) {\n s = arguments[i];\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\n\n\nvar errorMessageIconStyles = {\n errorIcon: {\n display: 'inline-block',\n position: 'relative',\n width: '21px',\n height: '21px',\n cursor: 'pointer',\n },\n circle: {\n width: '21px',\n height: '21px',\n backgroundColor: 'red',\n borderRadius: '50%',\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n },\n exclamationMark: {\n color: 'white',\n fontSize: '12px', // Уменьшен размер восклицательного знака\n },\n errorMessage: {\n position: 'absolute',\n bottom: '100%',\n left: '50%',\n transform: 'translateX(-50%)',\n backgroundColor: 'lightgray',\n border: '1px solid gray',\n padding: '6px',\n borderRadius: '8px',\n whiteSpace: 'nowrap',\n display: 'inline-block',\n zIndex: 1, // Установлен zIndex, чтобы текст был выше других элементов\n },\n};\nfunction ErrorMessageIcon(_a) {\n var errorMessageText = _a.errorMessageText, errorsDescriptions = _a.errorsDescriptions;\n var _b = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false), isHovered = _b[0], setIsHovered = _b[1];\n var handleMouseEnter = function () {\n setIsHovered(true);\n };\n var handleMouseLeave = function () {\n setIsHovered(false);\n };\n return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ style: __assign(__assign({}, errorMessageIconStyles.errorIcon), (isHovered ? { backgroundColor: 'yellow' } : {})), onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ style: errorMessageIconStyles.circle }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"span\", __assign({ style: errorMessageIconStyles.exclamationMark }, { children: \"!\" })) })), isHovered && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ style: errorMessageIconStyles.errorMessage }, { children: [errorMessageText, errorsDescriptions === null || errorsDescriptions === void 0 ? void 0 : errorsDescriptions.map(function (item, index) { return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ style: {\n padding: '4px',\n cursor: 'pointer',\n }, onClick: function () {\n item.action();\n } }, { children: item.title }), index)); })] })))] })));\n}\n/* harmony default export */ __webpack_exports__[\"default\"] = (ErrorMessageIcon);\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/Presentation/components/UI/Dialogs/MessagesView/AIWidgets/ErrorMessageIcon.tsx?");
1822
+
1823
+ /***/ }),
1824
+
1825
+ /***/ "./src/Presentation/components/UI/Dialogs/MessagesView/AIWidgets/UseDefaultAIAssistAnswerWidgetWithProxy.tsx":
1826
+ /*!*******************************************************************************************************************!*\
1827
+ !*** ./src/Presentation/components/UI/Dialogs/MessagesView/AIWidgets/UseDefaultAIAssistAnswerWidgetWithProxy.tsx ***!
1828
+ \*******************************************************************************************************************/
1829
+ /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
1830
+
1831
+ "use strict";
1832
+ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": function() { return /* binding */ UseDefaultAIAssistAnswerWidgetWithProxy; }\n/* harmony export */ });\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _svgs_Icons_Media_AIWidget__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../svgs/Icons/Media/AIWidget */ \"./src/Presentation/components/UI/svgs/Icons/Media/AIWidget/index.tsx\");\n/* harmony import */ var _utils_parse__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../utils/parse */ \"./src/utils/parse.ts\");\n/* harmony import */ var _ErrorMessageIcon__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./ErrorMessageIcon */ \"./src/Presentation/components/UI/Dialogs/MessagesView/AIWidgets/ErrorMessageIcon.tsx\");\nvar __awaiter = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n return new (P || (P = Promise))(function (resolve, reject) {\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n step((generator = generator.apply(thisArg, _arguments || [])).next());\n });\n};\nvar __generator = (undefined && undefined.__generator) || function (thisArg, body) {\n var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\n return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\n function verb(n) { return function (v) { return step([n, v]); }; }\n function step(op) {\n if (f) throw new TypeError(\"Generator is already executing.\");\n while (g && (g = 0, op[0] && (_ = 0)), _) try {\n if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\n if (y = 0, t) op = [op[0] & 2, t.value];\n switch (op[0]) {\n case 0: case 1: t = op; break;\n case 4: _.label++; return { value: op[1], done: false };\n case 5: _.label++; y = op[1]; op = [0]; continue;\n case 7: op = _.ops.pop(); _.trys.pop(); continue;\n default:\n if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\n if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\n if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\n if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\n if (t[2]) _.ops.pop();\n _.trys.pop(); continue;\n }\n op = body.call(thisArg, _);\n } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\n if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\n }\n};\nvar __spreadArray = (undefined && undefined.__spreadArray) || function (to, from, pack) {\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\n if (ar || !(i in from)) {\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\n ar[i] = from[i];\n }\n }\n return to.concat(ar || Array.prototype.slice.call(from));\n};\n\n\n\n\n\nfunction UseDefaultAIAssistAnswerWidgetWithProxy(_a) {\n var servername = _a.servername, api = _a.api, port = _a.port, sessionToken = _a.sessionToken;\n var _b = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(''), errorMessage = _b[0], setErrorMessage = _b[1];\n // eslint-disable-next-line @typescript-eslint/no-unused-vars,@typescript-eslint/no-empty-function\n var fileToWidget = function (file, context) { };\n var renderWidget = function () {\n if (errorMessage && errorMessage.length > 0) {\n var errorsDescriptions = [];\n return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ErrorMessageIcon__WEBPACK_IMPORTED_MODULE_4__[\"default\"], { errorMessageText: errorMessage, errorsDescriptions: errorsDescriptions }));\n }\n return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Media_AIWidget__WEBPACK_IMPORTED_MODULE_2__[\"default\"], { applyZoom: true, color: \"green\" });\n };\n // async function getData(\n // textToSend: string,\n // dialogMessages: ChatCompletionRequestMessage[],\n // ): Promise<string> {\n // //\n // const apiEndpoint = 'https://api.openai.com/v1/chat/completions';\n // const { apiKey } = QBConfig.configAIApi.AIAnswerAssistWidgetConfig; // Замените на ваш реальный ключ API\n // const model = 'gpt-3.5-turbo';\n // const requestOptions = {\n // method: 'POST',\n // headers: {\n // 'Content-Type': 'application/json',\n // Authorization: `Bearer ${apiKey}`,\n // },\n // body: JSON.stringify({\n // messages: [...dialogMessages, { role: 'user', content: textToSend }],\n // model,\n // temperature: 0.5,\n // }),\n // };\n //\n function getData(textToSend, dialogMessages) {\n var _a;\n return __awaiter(this, void 0, void 0, function () {\n var outputMessage, apiEndpoint, apiKey, model, prompt, requestOptions, response, data, err_1;\n return __generator(this, function (_b) {\n switch (_b.label) {\n case 0:\n outputMessage = '';\n apiEndpoint = \"\".concat(servername).concat(port).concat(api);\n apiKey = sessionToken;\n model = 'gpt-3.5-turbo';\n prompt = \"Respond as a knowledgeable customer support specialist with access to ChatGPT features, and provide a simple and informative response to the inquiry :\\\"\".concat(textToSend, \"\\\"\");\n requestOptions = {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n Authorization: \"Bearer \".concat(apiKey),\n },\n body: JSON.stringify({\n messages: __spreadArray(__spreadArray([], dialogMessages, true), [{ role: 'user', content: prompt }], false),\n model: model,\n temperature: 0.5,\n }),\n };\n _b.label = 1;\n case 1:\n _b.trys.push([1, 4, , 5]);\n return [4 /*yield*/, fetch(apiEndpoint, requestOptions)];\n case 2:\n response = _b.sent();\n return [4 /*yield*/, response.json()];\n case 3:\n data = _b.sent();\n outputMessage = ((_a = data.choices[0].message) === null || _a === void 0 ? void 0 : _a.content) || '';\n return [3 /*break*/, 5];\n case 4:\n err_1 = _b.sent();\n outputMessage = (0,_utils_parse__WEBPACK_IMPORTED_MODULE_3__.stringifyError)(err_1);\n setErrorMessage(outputMessage);\n return [3 /*break*/, 5];\n case 5: return [2 /*return*/, outputMessage];\n }\n });\n });\n }\n var _c = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(''), textFromWidgetToContent = _c[0], setTextFromWidgetToContent = _c[1];\n // const textToWidget = (value: string, context: IChatMessage[]): void => {\n // if (value && value.length > 0) {\n // // eslint-disable-next-line promise/catch-or-return\n // getOpenAIApiData(value, context as ChatCompletionRequestMessage[]).then(\n // // eslint-disable-next-line promise/always-return\n // (data) => {\n // setTextFromWidgetToContent(data);\n // },\n // );\n // }\n // };\n var textToWidget = function (value, context) {\n if (value && value.length > 0) {\n // eslint-disable-next-line promise/catch-or-return\n getData(value, context).then(\n // eslint-disable-next-line promise/always-return\n function (data) {\n setTextFromWidgetToContent(data);\n });\n }\n };\n return {\n fileToContent: undefined,\n textToContent: textFromWidgetToContent,\n fileToWidget: fileToWidget,\n renderWidget: renderWidget,\n textToWidget: textToWidget,\n };\n}\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/Presentation/components/UI/Dialogs/MessagesView/AIWidgets/UseDefaultAIAssistAnswerWidgetWithProxy.tsx?");
1833
+
1834
+ /***/ }),
1835
+
1814
1836
  /***/ "./src/Presentation/components/UI/Dialogs/MessagesView/AudioAttachmentComponent/AudioAttachmentComponent.tsx":
1815
1837
  /*!*******************************************************************************************************************!*\
1816
1838
  !*** ./src/Presentation/components/UI/Dialogs/MessagesView/AudioAttachmentComponent/AudioAttachmentComponent.tsx ***!
@@ -1862,7 +1884,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var reac
1862
1884
  /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
1863
1885
 
1864
1886
  "use strict";
1865
- 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\");\n/* harmony import */ var _HighLightLink_HighLightLink__WEBPACK_IMPORTED_MODULE_31__ = __webpack_require__(/*! ./HighLightLink/HighLightLink */ \"./src/Presentation/components/UI/Dialogs/MessagesView/HighLightLink/HighLightLink.tsx\");\nvar __assign = (undefined && undefined.__assign) || function () {\n __assign = Object.assign || function(t) {\n for (var s, i = 1, n = arguments.length; i < n; i++) {\n s = arguments[i];\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __awaiter = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n return new (P || (P = Promise))(function (resolve, reject) {\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n step((generator = generator.apply(thisArg, _arguments || [])).next());\n });\n};\nvar __generator = (undefined && undefined.__generator) || function (thisArg, body) {\n var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\n return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\n function verb(n) { return function (v) { return step([n, v]); }; }\n function step(op) {\n if (f) throw new TypeError(\"Generator is already executing.\");\n while (g && (g = 0, op[0] && (_ = 0)), _) try {\n if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\n if (y = 0, t) op = [op[0] & 2, t.value];\n switch (op[0]) {\n case 0: case 1: t = op; break;\n case 4: _.label++; return { value: op[1], done: false };\n case 5: _.label++; y = op[1]; op = [0]; continue;\n case 7: op = _.ops.pop(); _.trys.pop(); continue;\n default:\n if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\n if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\n if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\n if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\n if (t[2]) _.ops.pop();\n _.trys.pop(); continue;\n }\n op = body.call(thisArg, _);\n } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\n if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\n }\n};\nvar __spreadArray = (undefined && undefined.__spreadArray) || function (to, from, pack) {\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\n if (ar || !(i in from)) {\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\n ar[i] = from[i];\n }\n }\n return to.concat(ar || Array.prototype.slice.call(from));\n};\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n// 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.toString() !== (currentUserId === null || currentUserId === void 0 ? void 0 : currentUserId.toString())) ||\n m.sender_id.toString() !== (currentUserId === null || currentUserId === void 0 ? void 0 : currentUserId.toString())) {\n return IncomingMessage;\n }\n return OutgoingMessage;\n };\n var messageTypes = checkMessageType(message);\n var messageContentRender = function (mc) {\n var messageText = (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", { children: mc.message });\n var messageContent = messageText;\n var attachmentContentRender = function (att) {\n var contentPlaceHolder = (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", { children: att.type.toString() });\n if (att.type.toString().includes(_Domain_entity_FileTypes__WEBPACK_IMPORTED_MODULE_5__.FileType.video)) {\n contentPlaceHolder = att.file ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_VideoAttachmentComponent_VideoAttachmentComponent__WEBPACK_IMPORTED_MODULE_14__[\"default\"], { videoFile: att.file })) : ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Toggle_ImagePlay__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {}));\n }\n if (att.type.toString().includes(_Domain_entity_FileTypes__WEBPACK_IMPORTED_MODULE_5__.FileType.audio)) {\n contentPlaceHolder = att.file ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_AudioAttachmentComponent_AudioAttachmentComponent__WEBPACK_IMPORTED_MODULE_24__[\"default\"], { audioFile: att.file })) : ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Media_AudioFile__WEBPACK_IMPORTED_MODULE_25__[\"default\"], {}));\n }\n if (att.type.toString().includes(_Domain_entity_FileTypes__WEBPACK_IMPORTED_MODULE_5__.FileType.image)) {\n contentPlaceHolder = att.file ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ImageAttachmentComponent_ImageAttachmentComponent__WEBPACK_IMPORTED_MODULE_15__[\"default\"], { imageFile: att.file })) : ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Media_ImageEmpty__WEBPACK_IMPORTED_MODULE_6__[\"default\"], {}));\n }\n if (att.type.toString().includes(_Domain_entity_FileTypes__WEBPACK_IMPORTED_MODULE_5__.FileType.text)) {\n contentPlaceHolder = att.file ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", { children: \"TEXT\" })) : ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Media_ImageFile__WEBPACK_IMPORTED_MODULE_9__[\"default\"], { applyZoom: true }));\n }\n var contentResult = ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"message-view-container--message-content-wrapper\" }, { children: contentPlaceHolder })));\n if (att.type === _Domain_entity_FileTypes__WEBPACK_IMPORTED_MODULE_5__.FileType.text) {\n contentResult = ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: \"message-view-container--file-message-content-wrapper\" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ style: theme ? { backgroundColor: theme.caption() } : {}, className: \"message-view-container__file-message-icon\" }, { children: contentPlaceHolder })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", { children: att.name || 'file' })] })));\n }\n return contentResult;\n };\n if (mc.attachments && mc.attachments.length > 0) {\n messageContent = ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_containers_ColumnContainer_ColumnContainer__WEBPACK_IMPORTED_MODULE_8__[\"default\"], __assign({ maxWidth: \"100%\" }, { children: [mc.attachments.map(function (attachment) {\n return attachmentContentRender(attachment);\n }), messageText] })));\n }\n if ((0,_HighLightLink_HighLightLink__WEBPACK_IMPORTED_MODULE_31__.messageHasUrls)(mc.message) &&\n !(mc.attachments && mc.attachments.length > 0)) {\n return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_HighLightLink_HighLightLink__WEBPACK_IMPORTED_MODULE_31__.HighLightLink, { messageText: mc.message });\n }\n return messageContent;\n };\n if (messageTypes === SystemMessage) {\n messageView = ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: \"message-view-container--system-message-wrapper\" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ style: theme ? { backgroundColor: theme.disabledElements() } : {}, className: \"message-view-container--system-message-wrapper__date_container\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", { children: [(0,_utils_DateTimeFormatter__WEBPACK_IMPORTED_MODULE_19__.getDateShortFormatEU)(message.date_sent), \",\"] }) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", { children: message.message })] }), message.id));\n }\n else if (messageTypes === IncomingMessage) {\n messageView = ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: \"message-view-container--incoming-message-wrapper\" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"message-view-container--incoming-message-wrapper__avatar\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ style: theme ? { backgroundColor: theme.disabledElements() } : {}, className: \"message-view-container__sender-avatar\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Contents_User__WEBPACK_IMPORTED_MODULE_20__[\"default\"], { width: \"24\", height: \"24\", applyZoom: true, color: \"var(--secondary-text)\" }) })) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: \"message-view-container--incoming-message-container\" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ style: theme ? { color: theme.secondaryText() } : {}, className: \"message-view-container__sender-name\" }, { children: getSenderName(message.sender) || message.sender_id.toString() })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ style: theme\n ? {\n color: theme.mainText(),\n backgroundColor: theme.incomingBackground(),\n }\n : {}, className: \"message-view-container__sender-message\" }, { children: messageContentRender(message) }))] })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ style: theme ? { color: theme.mainText() } : {}, className: \"message-view-container__incoming-time\" }, { children: (0,_utils_DateTimeFormatter__WEBPACK_IMPORTED_MODULE_19__.getTimeShort24hFormat)(message.date_sent) }))] }), 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?");
1887
+ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _MessagesView_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./MessagesView.scss */ \"./src/Presentation/components/UI/Dialogs/MessagesView/MessagesView.scss\");\n/* harmony import */ var _providers_QuickBloxUIKitProvider_useQBConnection__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../providers/QuickBloxUIKitProvider/useQBConnection */ \"./src/Presentation/components/providers/QuickBloxUIKitProvider/useQBConnection.ts\");\n/* harmony import */ var _containers_ScrollableContainer_ScrollableContainer__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../containers/ScrollableContainer/ScrollableContainer */ \"./src/Presentation/components/containers/ScrollableContainer/ScrollableContainer.tsx\");\n/* harmony import */ var _Domain_entity_FileTypes__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../Domain/entity/FileTypes */ \"./src/Domain/entity/FileTypes.ts\");\n/* harmony import */ var _svgs_Icons_Media_ImageEmpty__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../svgs/Icons/Media/ImageEmpty */ \"./src/Presentation/components/UI/svgs/Icons/Media/ImageEmpty/index.tsx\");\n/* harmony import */ var _svgs_Icons_Toggle_ImagePlay__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../svgs/Icons/Toggle/ImagePlay */ \"./src/Presentation/components/UI/svgs/Icons/Toggle/ImagePlay/index.tsx\");\n/* harmony import */ var _containers_ColumnContainer_ColumnContainer__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../containers/ColumnContainer/ColumnContainer */ \"./src/Presentation/components/containers/ColumnContainer/ColumnContainer.tsx\");\n/* harmony import */ var _svgs_Icons_Media_ImageFile__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../svgs/Icons/Media/ImageFile */ \"./src/Presentation/components/UI/svgs/Icons/Media/ImageFile/index.tsx\");\n/* harmony import */ var _useMessagesViewModel__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./useMessagesViewModel */ \"./src/Presentation/components/UI/Dialogs/MessagesView/useMessagesViewModel.ts\");\n/* harmony import */ var _Placeholders_LoaderComponent_LoaderComponent__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../Placeholders/LoaderComponent/LoaderComponent */ \"./src/Presentation/components/UI/Placeholders/LoaderComponent/LoaderComponent.tsx\");\n/* harmony import */ var _Placeholders_ErrorComponent_ErrorComponent__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../Placeholders/ErrorComponent/ErrorComponent */ \"./src/Presentation/components/UI/Placeholders/ErrorComponent/ErrorComponent.tsx\");\n/* harmony import */ var _HeaderMessages_HeaderMessages__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./HeaderMessages/HeaderMessages */ \"./src/Presentation/components/UI/Dialogs/MessagesView/HeaderMessages/HeaderMessages.tsx\");\n/* harmony import */ var _VideoAttachmentComponent_VideoAttachmentComponent__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./VideoAttachmentComponent/VideoAttachmentComponent */ \"./src/Presentation/components/UI/Dialogs/MessagesView/VideoAttachmentComponent/VideoAttachmentComponent.tsx\");\n/* harmony import */ var _ImageAttachmentComponent_ImageAttachmentComponent__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./ImageAttachmentComponent/ImageAttachmentComponent */ \"./src/Presentation/components/UI/Dialogs/MessagesView/ImageAttachmentComponent/ImageAttachmentComponent.tsx\");\n/* harmony import */ var _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../../../../../Domain/entity/DialogTypes */ \"./src/Domain/entity/DialogTypes.ts\");\n/* harmony import */ var _providers_QuickBloxUIKitProvider_useQbInitializedDataContext__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../../../providers/QuickBloxUIKitProvider/useQbInitializedDataContext */ \"./src/Presentation/components/providers/QuickBloxUIKitProvider/useQbInitializedDataContext.ts\");\n/* harmony import */ var _Domain_repository_Pagination__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ../../../../../Domain/repository/Pagination */ \"./src/Domain/repository/Pagination.ts\");\n/* harmony import */ var _utils_DateTimeFormatter__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ../../../../../utils/DateTimeFormatter */ \"./src/utils/DateTimeFormatter.ts\");\n/* harmony import */ var _svgs_Icons_Contents_User__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ../../svgs/Icons/Contents/User */ \"./src/Presentation/components/UI/svgs/Icons/Contents/User/index.tsx\");\n/* harmony import */ var _svgs_ActiveSvg_ActiveSvg__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ../../svgs/ActiveSvg/ActiveSvg */ \"./src/Presentation/components/UI/svgs/ActiveSvg/ActiveSvg.tsx\");\n/* harmony import */ var _svgs_Icons_Media_Attachment__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ../../svgs/Icons/Media/Attachment */ \"./src/Presentation/components/UI/svgs/Icons/Media/Attachment/index.tsx\");\n/* harmony import */ var _svgs_Icons_Actions_Send__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ../../svgs/Icons/Actions/Send */ \"./src/Presentation/components/UI/svgs/Icons/Actions/Send/index.tsx\");\n/* harmony import */ var _AudioAttachmentComponent_AudioAttachmentComponent__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ./AudioAttachmentComponent/AudioAttachmentComponent */ \"./src/Presentation/components/UI/Dialogs/MessagesView/AudioAttachmentComponent/AudioAttachmentComponent.tsx\");\n/* harmony import */ var _svgs_Icons_Media_AudioFile__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ../../svgs/Icons/Media/AudioFile */ \"./src/Presentation/components/UI/svgs/Icons/Media/AudioFile/index.tsx\");\n/* harmony import */ var _svgs_Icons_Actions_Voice__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ../../svgs/Icons/Actions/Voice */ \"./src/Presentation/components/UI/svgs/Icons/Actions/Voice/index.tsx\");\n/* harmony import */ var _svgs_Icons_Status_Sent__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! ../../svgs/Icons/Status/Sent */ \"./src/Presentation/components/UI/svgs/Icons/Status/Sent/index.tsx\");\n/* harmony import */ var _svgs_Icons_Status_ViewedDelivered__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! ../../svgs/Icons/Status/ViewedDelivered */ \"./src/Presentation/components/UI/svgs/Icons/Status/ViewedDelivered/index.tsx\");\n/* harmony import */ var _utils_parse__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(/*! ../../../../../utils/parse */ \"./src/utils/parse.ts\");\n/* harmony import */ var _VoiceRecordingProgress_VoiceRecordingProgress__WEBPACK_IMPORTED_MODULE_30__ = __webpack_require__(/*! ./VoiceRecordingProgress/VoiceRecordingProgress */ \"./src/Presentation/components/UI/Dialogs/MessagesView/VoiceRecordingProgress/VoiceRecordingProgress.tsx\");\n/* harmony import */ var _HighLightLink_HighLightLink__WEBPACK_IMPORTED_MODULE_31__ = __webpack_require__(/*! ./HighLightLink/HighLightLink */ \"./src/Presentation/components/UI/Dialogs/MessagesView/HighLightLink/HighLightLink.tsx\");\n/* harmony import */ var _utils_utils__WEBPACK_IMPORTED_MODULE_32__ = __webpack_require__(/*! ../../../../../utils/utils */ \"./src/utils/utils.ts\");\nvar __assign = (undefined && undefined.__assign) || function () {\n __assign = Object.assign || function(t) {\n for (var s, i = 1, n = arguments.length; i < n; i++) {\n s = arguments[i];\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __awaiter = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n return new (P || (P = Promise))(function (resolve, reject) {\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n step((generator = generator.apply(thisArg, _arguments || [])).next());\n });\n};\nvar __generator = (undefined && undefined.__generator) || function (thisArg, body) {\n var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\n return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\n function verb(n) { return function (v) { return step([n, v]); }; }\n function step(op) {\n if (f) throw new TypeError(\"Generator is already executing.\");\n while (g && (g = 0, op[0] && (_ = 0)), _) try {\n if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\n if (y = 0, t) op = [op[0] & 2, t.value];\n switch (op[0]) {\n case 0: case 1: t = op; break;\n case 4: _.label++; return { value: op[1], done: false };\n case 5: _.label++; y = op[1]; op = [0]; continue;\n case 7: op = _.ops.pop(); _.trys.pop(); continue;\n default:\n if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\n if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\n if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\n if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\n if (t[2]) _.ops.pop();\n _.trys.pop(); continue;\n }\n op = body.call(thisArg, _);\n } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\n if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\n }\n};\nvar __spreadArray = (undefined && undefined.__spreadArray) || function (to, from, pack) {\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\n if (ar || !(i in from)) {\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\n ar[i] = from[i];\n }\n }\n return to.concat(ar || Array.prototype.slice.call(from));\n};\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n// eslint-disable-next-line react/function-component-definition\nvar MessagesView = function (_a) {\n var _b, _c, _d;\n var \n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n AIEditMessage = _a.AIEditMessage, \n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n AITranslation = _a.AITranslation, \n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n AIAnswerToMessage = _a.AIAnswerToMessage, dialogsViewModel = _a.dialogsViewModel, onDialogInformationHandler = _a.onDialogInformationHandler, \n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n _e = _a.maxWidthToResize, \n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n maxWidthToResize = _e === void 0 ? undefined : _e, \n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n _f = _a.theme, \n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n theme = _f === void 0 ? undefined : _f, _g = _a.subHeaderContent, subHeaderContent = _g === void 0 ? undefined : _g, _h = _a.upHeaderContent, upHeaderContent = _h === void 0 ? undefined : _h;\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n var maxWidthToResizing = maxWidthToResize || '$message-view-container-wrapper-min-width';\n // const maxWidthToResizing = '720px'; // $message-view-container-wrapper-min-width:\n var currentContext = (0,_providers_QuickBloxUIKitProvider_useQbInitializedDataContext__WEBPACK_IMPORTED_MODULE_17__[\"default\"])();\n var currentUserId = (_b = currentContext.storage.REMOTE_DATA_SOURCE.authInformation) === null || _b === void 0 ? void 0 : _b.userId;\n var currentUserName = (_c = currentContext.storage.REMOTE_DATA_SOURCE.authInformation) === null || _c === void 0 ? void 0 : _c.userName;\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n var _j = (0,_providers_QuickBloxUIKitProvider_useQBConnection__WEBPACK_IMPORTED_MODULE_3__[\"default\"])(), connectionRepository = _j.connectionRepository, browserOnline = _j.browserOnline;\n var _k = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(100), dialogMessagesCount = _k[0], setDialogMessageCount = _k[1];\n var _l = react__WEBPACK_IMPORTED_MODULE_1___default().useState(true), hasMore = _l[0], setHasMore = _l[1];\n var _m = react__WEBPACK_IMPORTED_MODULE_1___default().useState(false), scrollUpToDown = _m[0], setScrollUpToDown = _m[1];\n var _o = react__WEBPACK_IMPORTED_MODULE_1___default().useState([]), messagesToView = _o[0], setMessagesToView = _o[1];\n var _p = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false), waitAIWidget = _p[0], setWaitAIWidget = _p[1];\n var messageEntitiesToIChatMessageCollection = function (messageEntities) {\n var MAX_TOKENS = 3584;\n var items = messageEntities.filter(function (it) {\n return !it.notification_type ||\n (it.notification_type && it.notification_type.length === 0);\n });\n var messages = (0,_utils_utils__WEBPACK_IMPORTED_MODULE_32__.loopToLimitTokens)(MAX_TOKENS, items, function (_a) {\n var message = _a.message;\n return message || '';\n }).reverse();\n var chatCompletionMessages = messages.map(function (_a) {\n var message = _a.message, sender_id = _a.sender_id;\n return ({\n role: sender_id === currentUserId ? 'user' : 'assistant',\n content: message,\n });\n });\n //\n return chatCompletionMessages;\n };\n var messagesViewModel = (0,_useMessagesViewModel__WEBPACK_IMPORTED_MODULE_10__[\"default\"])((_d = dialogsViewModel.entity) === null || _d === void 0 ? void 0 : _d.type, dialogsViewModel.entity);\n var maxFileSize = currentContext.InitParams.maxFileSize;\n (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n console.log('HAVE NEW DIALOG');\n // messagesViewModel.getMessages(new Pagination());\n messagesViewModel.entity = dialogsViewModel.entity;\n setMessagesToView([]);\n }, [dialogsViewModel.entity]);\n (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n console.log('HAVE NEW ENTITY');\n messagesViewModel.getMessages(new _Domain_repository_Pagination__WEBPACK_IMPORTED_MODULE_18__.Pagination());\n }, [messagesViewModel.entity]);\n //\n (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n console.log('HAVE NEW ENTITY');\n dialogsViewModel.setWaitLoadingStatus(messagesViewModel === null || messagesViewModel === void 0 ? void 0 : messagesViewModel.loading);\n }, [messagesViewModel === null || messagesViewModel === void 0 ? void 0 : messagesViewModel.loading]);\n //\n function prepareFirstPage(initData) {\n var firstPageSize = messagesViewModel.messages.length < 47\n ? messagesViewModel.messages.length\n : 47;\n // for (let i = 0; i < firstPageSize; i += 1) {\n for (var i = firstPageSize - 1; i >= 0; i -= 1) {\n initData.push(messagesViewModel.messages[i]);\n }\n }\n var fetchMoreData = function () {\n if (messagesToView.length >= dialogMessagesCount) {\n setHasMore(false);\n return;\n }\n if (hasMore &&\n messagesToView.length > 0 &&\n messagesToView.length < dialogMessagesCount) {\n setMessagesToView(function (prevState) {\n var newState = __spreadArray([], prevState, true);\n var newMessageEntity = messagesViewModel.messages[prevState.length];\n newState.push(newMessageEntity);\n return newState;\n });\n }\n };\n //\n (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n var _a;\n console.log('Messages have changed');\n setDialogMessageCount(((_a = messagesViewModel === null || messagesViewModel === void 0 ? void 0 : messagesViewModel.messages) === null || _a === void 0 ? void 0 : _a.length) || 0);\n if ((messagesToView === null || messagesToView === void 0 ? void 0 : messagesToView.length) === 0 && messagesViewModel.messages.length > 0) {\n // setDialogMessageCount(messagesViewModel.messages.length);\n var initData = [];\n console.log(JSON.stringify(messagesViewModel.messages));\n prepareFirstPage(initData);\n setMessagesToView(initData);\n }\n else if (messagesViewModel.messages.length - messagesToView.length >= 1) {\n setHasMore(true);\n setScrollUpToDown(true);\n }\n }, [messagesViewModel.messages]);\n //\n (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n console.log('dialogMessagesCount have changed');\n if (messagesViewModel.messages.length - messagesToView.length >= 1) {\n fetchMoreData();\n }\n }, [dialogMessagesCount]);\n //\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n var menuItems = [\n {\n title: 'Item 1',\n action: function () {\n console.log('Clicked on Item 1');\n },\n },\n {\n title: 'Item 2',\n action: function () {\n console.log('Clicked on Item 2');\n },\n },\n // ... добавьте дополнительные элементы меню\n ];\n //\n var getSenderName = function (sender) {\n if (!sender)\n return undefined;\n return (sender.full_name || sender.login || sender.email || sender.id.toString());\n };\n var renderMessage = function (message, index) {\n var SystemMessage = 'SystemMessage';\n var IncomingMessage = 'IncomingMessage';\n var OutgoingMessage = 'OutgoingMessage';\n console.log('render message: ', JSON.stringify(message), ' index: ', index);\n var messageView;\n var checkMessageType = function (m) {\n if (m.notification_type && m.notification_type.length > 0) {\n return SystemMessage;\n }\n if ((m.sender && m.sender.id.toString() !== (currentUserId === null || currentUserId === void 0 ? void 0 : currentUserId.toString())) ||\n m.sender_id.toString() !== (currentUserId === null || currentUserId === void 0 ? void 0 : currentUserId.toString())) {\n return IncomingMessage;\n }\n return OutgoingMessage;\n };\n var messageTypes = checkMessageType(message);\n var messageContentRender = function (mc) {\n var messageText = (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", { children: mc.message });\n var messageContent = messageText;\n var attachmentContentRender = function (att) {\n var contentPlaceHolder = (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", { children: att.type.toString() });\n if (att.type.toString().includes(_Domain_entity_FileTypes__WEBPACK_IMPORTED_MODULE_5__.FileType.video)) {\n contentPlaceHolder = att.file ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_VideoAttachmentComponent_VideoAttachmentComponent__WEBPACK_IMPORTED_MODULE_14__[\"default\"], { videoFile: att.file })) : ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Toggle_ImagePlay__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {}));\n }\n if (att.type.toString().includes(_Domain_entity_FileTypes__WEBPACK_IMPORTED_MODULE_5__.FileType.audio)) {\n contentPlaceHolder = att.file ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_AudioAttachmentComponent_AudioAttachmentComponent__WEBPACK_IMPORTED_MODULE_24__[\"default\"], { audioFile: att.file })) : ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Media_AudioFile__WEBPACK_IMPORTED_MODULE_25__[\"default\"], {}));\n }\n if (att.type.toString().includes(_Domain_entity_FileTypes__WEBPACK_IMPORTED_MODULE_5__.FileType.image)) {\n contentPlaceHolder = att.file ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ImageAttachmentComponent_ImageAttachmentComponent__WEBPACK_IMPORTED_MODULE_15__[\"default\"], { imageFile: att.file })) : ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Media_ImageEmpty__WEBPACK_IMPORTED_MODULE_6__[\"default\"], {}));\n }\n if (att.type.toString().includes(_Domain_entity_FileTypes__WEBPACK_IMPORTED_MODULE_5__.FileType.text)) {\n contentPlaceHolder = att.file ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", { children: \"TEXT\" })) : ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Media_ImageFile__WEBPACK_IMPORTED_MODULE_9__[\"default\"], { applyZoom: true }));\n }\n var contentResult = ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"message-view-container--message-content-wrapper\" }, { children: contentPlaceHolder })));\n if (att.type === _Domain_entity_FileTypes__WEBPACK_IMPORTED_MODULE_5__.FileType.text) {\n contentResult = ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: \"message-view-container--file-message-content-wrapper\" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ style: theme ? { backgroundColor: theme.caption() } : {}, className: \"message-view-container__file-message-icon\" }, { children: contentPlaceHolder })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", { children: att.name || 'file' })] })));\n }\n return contentResult;\n };\n if (mc.attachments && mc.attachments.length > 0) {\n messageContent = ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_containers_ColumnContainer_ColumnContainer__WEBPACK_IMPORTED_MODULE_8__[\"default\"], __assign({ maxWidth: \"100%\" }, { children: [mc.attachments.map(function (attachment) {\n return attachmentContentRender(attachment);\n }), messageText] })));\n }\n if ((0,_HighLightLink_HighLightLink__WEBPACK_IMPORTED_MODULE_31__.messageHasUrls)(mc.message) &&\n !(mc.attachments && mc.attachments.length > 0)) {\n return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_HighLightLink_HighLightLink__WEBPACK_IMPORTED_MODULE_31__.HighLightLink, { messageText: mc.message });\n }\n return messageContent;\n };\n if (messageTypes === SystemMessage) {\n messageView = ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: \"message-view-container--system-message-wrapper\" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ style: theme ? { backgroundColor: theme.disabledElements() } : {}, className: \"message-view-container--system-message-wrapper__date_container\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", { children: [(0,_utils_DateTimeFormatter__WEBPACK_IMPORTED_MODULE_19__.getDateShortFormatEU)(message.date_sent), \",\"] }) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", { children: message.message })] }), message.id));\n }\n else if (messageTypes === IncomingMessage) {\n messageView = ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: \"message-view-container--incoming-message-wrapper\" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"message-view-container--incoming-message-wrapper__avatar\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ style: theme ? { backgroundColor: theme.disabledElements() } : {}, className: \"message-view-container__sender-avatar\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Contents_User__WEBPACK_IMPORTED_MODULE_20__[\"default\"], { width: \"24\", height: \"24\", applyZoom: true, color: \"var(--secondary-text)\" }) })) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: \"message-view-container--incoming-message-container\" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ style: theme ? { color: theme.secondaryText() } : {}, className: \"message-view-container__sender-name\" }, { children: getSenderName(message.sender) || message.sender_id.toString() })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ style: theme\n ? {\n color: theme.mainText(),\n backgroundColor: theme.incomingBackground(),\n }\n : {}, className: \"message-view-container__sender-message\" }, { children: messageContentRender(message) }))] })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ style: theme ? { color: theme.mainText() } : {}, className: \"message-view-container__incoming-time\" }, { children: (0,_utils_DateTimeFormatter__WEBPACK_IMPORTED_MODULE_19__.getTimeShort24hFormat)(message.date_sent) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"message-view-container__incoming-time\", onClick: function () {\n if (!waitAIWidget) {\n setWaitAIWidget(true);\n AIAnswerToMessage === null || AIAnswerToMessage === void 0 ? void 0 : AIAnswerToMessage.textToWidget(message.message, messageEntitiesToIChatMessageCollection(messagesToView));\n }\n } }, { children: AIAnswerToMessage === null || AIAnswerToMessage === void 0 ? void 0 : AIAnswerToMessage.renderWidget() }))] }), message.id));\n }\n else {\n messageView = ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: \"message-view-container--outgoing-message-wrapper\" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: \"message-view-container__status-message\" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: \"message-view-container__incoming-time\" }, { children: message.delivered_ids && message.delivered_ids.length > 0 ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Status_ViewedDelivered__WEBPACK_IMPORTED_MODULE_28__[\"default\"], { width: \"13\", height: \"13\", applyZoom: true, color: theme ? theme.mainElements() : 'var(--main-elements)' })) : ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Status_Sent__WEBPACK_IMPORTED_MODULE_27__[\"default\"], { width: \"13\", height: \"13\", applyZoom: true, color: theme ? theme.mainElements() : 'var(--main-elements)' })) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ style: theme ? { color: theme.mainText() } : {}, className: \"message-view-container__incoming-time\" }, { children: (0,_utils_DateTimeFormatter__WEBPACK_IMPORTED_MODULE_19__.getTimeShort24hFormat)(message.date_sent) }))] })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ style: theme\n ? {\n color: theme.mainText(),\n backgroundColor: theme.outgoingBackground(),\n }\n : {}, className: \"message-view-container__outgoing-message\" }, { children: messageContentRender(message) }))] }), message.id));\n }\n return messageView;\n };\n var getCountDialogMembers = function (dialogEntity) {\n var participants = [];\n if (dialogEntity.type === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_16__.DialogType.group) {\n participants = dialogEntity.participantIds;\n }\n else if (dialogEntity.type === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_16__.DialogType[\"private\"]) {\n participants = [dialogEntity.participantId];\n }\n else if (dialogEntity.type === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_16__.DialogType[\"public\"]) {\n participants = [];\n }\n return participants.length;\n };\n var _q = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(null), fileToSend = _q[0], setFileToSend = _q[1];\n var _r = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(''), messageText = _r[0], setMessageText = _r[1];\n var _s = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(''), warningErrorText = _s[0], setWarningErrorText = _s[1];\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n var _t = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(''), widgetTextContent = _t[0], setWidgetTextContent = _t[1];\n (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n setWarningErrorText(messagesViewModel.typingText);\n }, [messagesViewModel.typingText]);\n var ChangeFileHandler = function (event) {\n var reader = new FileReader();\n var file = event.currentTarget.files\n ? event.currentTarget.files[0]\n : null;\n reader.onloadend = function () {\n setFileToSend(file);\n };\n if (file !== null)\n reader.readAsDataURL(file);\n };\n var showErrorMessage = function (errorMessage) {\n setWarningErrorText(errorMessage);\n setTimeout(function () {\n setWarningErrorText('');\n }, 3000);\n };\n (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n console.log('have Attachments');\n var MAXSIZE = maxFileSize || 90 * 1000000;\n var MAXSIZE_FOR_MESSAGE = MAXSIZE / (1024 * 1024);\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n var flag = (fileToSend === null || fileToSend === void 0 ? void 0 : fileToSend.size) && (fileToSend === null || fileToSend === void 0 ? void 0 : fileToSend.size) < MAXSIZE;\n if ((fileToSend === null || fileToSend === void 0 ? void 0 : fileToSend.size) && (fileToSend === null || fileToSend === void 0 ? void 0 : fileToSend.size) < MAXSIZE) {\n messagesViewModel.sendAttachmentMessage(fileToSend);\n }\n else if (fileToSend) {\n showErrorMessage(\"file size \".concat(fileToSend === null || fileToSend === void 0 ? void 0 : fileToSend.size, \" must be less then \").concat(MAXSIZE_FOR_MESSAGE, \" mb.\"));\n }\n }, [fileToSend]);\n var _u = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(true), isVoiceMessage = _u[0], setVoiceMessage = _u[1];\n var _v = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false), isRecording = _v[0], setIsRecording = _v[1];\n //\n var _w = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false), permission = _w[0], setPermission = _w[1];\n // const [recordingStatus, setRecordingStatus] = useState('inactive');\n var _x = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(), stream = _x[0], setStream = _x[1];\n // const [mediaRecorder, setMediaRecorder] = useState<MediaRecorder>();\n var mediaRecorder = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)();\n var _y = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(), resultAudioBlob = _y[0], setResultAudioBlob = _y[1];\n var _z = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)([]), audioChunks = _z[0], setAudioChunks = _z[1];\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n var mimeType = 'audio/webm;codecs=opus'; // audio/ogg audio/mpeg audio/webm audio/x-wav audio/mp4\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n var getMicrophonePermission = function () { return __awaiter(void 0, void 0, void 0, function () {\n var mediaStream, err_1;\n return __generator(this, function (_a) {\n switch (_a.label) {\n case 0:\n if (!window) return [3 /*break*/, 5];\n _a.label = 1;\n case 1:\n _a.trys.push([1, 3, , 4]);\n return [4 /*yield*/, navigator.mediaDevices.getUserMedia({\n audio: true,\n video: false,\n })];\n case 2:\n mediaStream = _a.sent();\n setPermission(true);\n setStream(mediaStream);\n return [3 /*break*/, 4];\n case 3:\n err_1 = _a.sent();\n // setWarningErrorText(\n // 'The MediaRecorder API is not supported in your browser.',\n // );\n showErrorMessage(\"The MediaRecorder API throws exception \".concat((0,_utils_parse__WEBPACK_IMPORTED_MODULE_29__.stringifyError)(err_1), \" .\"));\n return [3 /*break*/, 4];\n case 4: return [3 /*break*/, 6];\n case 5:\n // setWarningErrorText(\n // 'The MediaRecorder API is not supported in your browser.',\n // );\n showErrorMessage('The MediaRecorder API is not supported in your browser.');\n _a.label = 6;\n case 6: return [2 /*return*/];\n }\n });\n }); };\n // eslint-disable-next-line @typescript-eslint/no-unused-vars,@typescript-eslint/require-await\n var startRecording = function () { return __awaiter(void 0, void 0, void 0, function () {\n var mimeContent, media, localAudioChunks;\n return __generator(this, function (_a) {\n if (!stream)\n return [2 /*return*/];\n mimeContent = window.MediaRecorder.isTypeSupported('audio/mp4;codecs=mp4a')\n ? 'audio/mp4;codecs=mp4a'\n : 'audio/webm;codecs=opus';\n media = new MediaRecorder(stream, { mimeType: mimeContent });\n mediaRecorder.current = media;\n mediaRecorder.current.start();\n localAudioChunks = [];\n mediaRecorder.current.ondataavailable = function (event) {\n // const localAudioChunks: any[] = [];\n if (typeof event.data === 'undefined')\n return;\n if (event.data.size === 0)\n return;\n localAudioChunks.push(event.data);\n console.log('voice data');\n // setAudioChunks(localAudioChunks);\n };\n setAudioChunks(localAudioChunks);\n return [2 /*return*/];\n });\n }); };\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n var stopRecording = function () {\n if (!mediaRecorder.current)\n return;\n // setRecordingStatus('inactive');\n mediaRecorder.current.stop();\n mediaRecorder.current.onstop = function () {\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n var mimeContent = window.MediaRecorder.isTypeSupported('audio/mp4;codecs=mp4a')\n ? 'audio/mp4;codecs=mp4a'\n : 'audio/webm;codecs=opus';\n // const audioBlob = new Blob(audioChunks, { type: mimeContent }); // mimeType\n // const mp4Blob = new Blob(recordedChunks, { type: 'video/mp4' });\n // const audioBlob = new Blob(audioChunks, { type: 'video/mp4' }); // mimeType\n var audioBlob = new Blob(audioChunks, { type: 'audio/mp4' }); // mimeType\n setResultAudioBlob(audioBlob);\n setAudioChunks([]);\n //\n stream === null || stream === void 0 ? void 0 : stream.getAudioTracks().forEach(function (track) {\n track.stop();\n });\n setPermission(false);\n //\n };\n };\n //\n var blobToFile = function (theBlob, fileName) {\n var b = theBlob;\n // A Blob() is almost a File() - it's just missing the two properties below which we will add\n b.lastModifiedDate = new Date();\n b.name = fileName;\n // Cast to a File() type\n var resultFile = theBlob;\n return resultFile;\n };\n var _0 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false), useAudioWidget = _0[0], setUseAudioWidget = _0[1];\n (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n var fileExt = 'mp4';\n if (resultAudioBlob) {\n var voiceMessage = blobToFile(resultAudioBlob, \"\".concat(currentUserName || '', \"_voice_message.\").concat(fileExt));\n setFileToSend(voiceMessage);\n if (useAudioWidget) {\n setUseAudioWidget(false);\n AITranslation === null || AITranslation === void 0 ? void 0 : AITranslation.fileToWidget(voiceMessage, messageEntitiesToIChatMessageCollection(messagesToView));\n }\n //\n }\n }, [resultAudioBlob]);\n // test component version\n // useEffect(() => {\n // if (isRecording) {\n // setWarningErrorText(`Your voice is recording during for 1 minute`);\n // } else {\n // setWarningErrorText('');\n // }\n // }, [isRecording]);\n // work version below:\n (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n // setFileToSend(null);\n if (isRecording) {\n if (!permission) {\n // eslint-disable-next-line promise/catch-or-return,promise/always-return\n getMicrophonePermission().catch(function () {\n // setWarningErrorText(`Have no audio.`);\n showErrorMessage(\"Have no audio.\");\n });\n }\n else {\n // eslint-disable-next-line promise/catch-or-return,promise/always-return\n startRecording().then(function () {\n setWarningErrorText(\"Your voice is recording during for 1 minutes\");\n });\n }\n }\n else {\n if (permission && mediaRecorder.current) {\n stopRecording();\n }\n setWarningErrorText('');\n }\n }, [isRecording]);\n (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n if (isRecording && permission) {\n // eslint-disable-next-line promise/always-return,promise/catch-or-return\n startRecording().then(function () {\n setWarningErrorText(\"Your voice is recording during for 1 minutes\");\n });\n }\n }, [permission]);\n function sendTextMessageActions() {\n if (messagesViewModel === null || messagesViewModel === void 0 ? void 0 : messagesViewModel.loading)\n return;\n setVoiceMessage(true);\n if (messageText.length > 0 && messageText.length <= 1000) {\n var messageTextToSend = messageText;\n setMessageText('');\n messagesViewModel.sendTextMessage(messageTextToSend);\n setMessageText('');\n }\n else {\n setWarningErrorText('length of text message must be less then 1000 chars.');\n setTimeout(function () {\n setWarningErrorText('');\n }, 3000);\n }\n }\n (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n if ((AIEditMessage === null || AIEditMessage === void 0 ? void 0 : AIEditMessage.textToContent) &&\n (AIEditMessage === null || AIEditMessage === void 0 ? void 0 : AIEditMessage.textToContent.length) > 0) {\n setMessageText(AIEditMessage === null || AIEditMessage === void 0 ? void 0 : AIEditMessage.textToContent);\n setWidgetTextContent(AIEditMessage === null || AIEditMessage === void 0 ? void 0 : AIEditMessage.textToContent);\n setTimeout(function () {\n setWidgetTextContent('');\n }, 45 * 1000);\n }\n }, [AIEditMessage === null || AIEditMessage === void 0 ? void 0 : AIEditMessage.textToContent]);\n (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n if ((AITranslation === null || AITranslation === void 0 ? void 0 : AITranslation.textToContent) &&\n (AITranslation === null || AITranslation === void 0 ? void 0 : AITranslation.textToContent.length) > 0) {\n setMessageText(AITranslation === null || AITranslation === void 0 ? void 0 : AITranslation.textToContent);\n setWidgetTextContent(AITranslation === null || AITranslation === void 0 ? void 0 : AITranslation.textToContent);\n setTimeout(function () {\n setWidgetTextContent('');\n }, 45 * 1000);\n }\n }, [AITranslation === null || AITranslation === void 0 ? void 0 : AITranslation.textToContent]);\n (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n setWaitAIWidget(false);\n if ((AIAnswerToMessage === null || AIAnswerToMessage === void 0 ? void 0 : AIAnswerToMessage.textToContent) &&\n (AIAnswerToMessage === null || AIAnswerToMessage === void 0 ? void 0 : AIAnswerToMessage.textToContent.length) > 0) {\n setMessageText(AIAnswerToMessage === null || AIAnswerToMessage === void 0 ? void 0 : AIAnswerToMessage.textToContent);\n setWidgetTextContent(AIAnswerToMessage === null || AIAnswerToMessage === void 0 ? void 0 : AIAnswerToMessage.textToContent);\n setTimeout(function () {\n setWidgetTextContent('');\n }, 45 * 1000);\n }\n }, [AIAnswerToMessage === null || AIAnswerToMessage === void 0 ? void 0 : AIAnswerToMessage.textToContent]);\n var useSubContent = subHeaderContent || false;\n var useUpContent = upHeaderContent || false;\n return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ style: maxWidthToResize\n ? {\n maxWidth: \"\".concat(maxWidthToResizing),\n minWidth: \"$message-view-container-wrapper-min-width\",\n // width: `${maxWidthToResizing}`,\n width: '100%',\n }\n : {}, className: \"message-view-container\" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ style: {\n flexGrow: \"1\",\n flexShrink: \"1\",\n flexBasis: \"\".concat(maxWidthToResizing),\n }, className: \"message-view-container--header\" }, { children: [useUpContent && upHeaderContent, (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_HeaderMessages_HeaderMessages__WEBPACK_IMPORTED_MODULE_13__[\"default\"], { dialog: messagesViewModel.entity, InformationHandler: onDialogInformationHandler, countMembers: getCountDialogMembers(dialogsViewModel.entity) }), useSubContent && subHeaderContent] })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ style: theme\n ? {\n flexGrow: \"1\",\n flexShrink: \"1\",\n flexBasis: \"\".concat(maxWidthToResizing),\n backgroundColor: theme.secondaryBackground(), // var(--secondary-background);\n }\n : {\n flexGrow: \"1\",\n flexShrink: \"1\",\n flexBasis: \"\".concat(maxWidthToResizing),\n }, className: \"message-view-container--messages\" }, { children: [(messagesViewModel === null || messagesViewModel === void 0 ? void 0 : messagesViewModel.error) && !messagesViewModel.loading && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Placeholders_ErrorComponent_ErrorComponent__WEBPACK_IMPORTED_MODULE_12__[\"default\"], { title: messagesViewModel === null || messagesViewModel === void 0 ? void 0 : messagesViewModel.error, ClickActionHandler: function () {\n alert('call click retry');\n } })), messagesViewModel &&\n messagesViewModel.messages &&\n messagesViewModel.messages.length > 0 &&\n messagesToView &&\n messagesToView.length > 0 && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_containers_ScrollableContainer_ScrollableContainer__WEBPACK_IMPORTED_MODULE_4__[\"default\"], { data: messagesToView, renderItem: renderMessage, onEndReached: fetchMoreData, onEndReachedThreshold: 0.8, refreshing: messagesViewModel === null || messagesViewModel === void 0 ? void 0 : messagesViewModel.loading, autoScrollToBottom: scrollUpToDown })), ((messagesViewModel === null || messagesViewModel === void 0 ? void 0 : messagesViewModel.loading) || waitAIWidget) && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ style: {\n height: '44px',\n width: '44px',\n } }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Placeholders_LoaderComponent_LoaderComponent__WEBPACK_IMPORTED_MODULE_11__[\"default\"], { width: \"44\", height: \"44\", color: \"var(--color-background-info)\" }) }))), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ style: theme ? { color: theme.mainElements() } : {}, className: \"message-view-container--warning-error\" }, { children: warningErrorText }))] })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ style: {\n flex: \"flex: 1 1 \".concat(maxWidthToResizing),\n }, onBlur: function () {\n if (!(messageText && messageText.length > 0)) {\n setVoiceMessage(true);\n }\n }, className: \"message-view-container--chat-input\" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"label\", __assign({ htmlFor: \"btnUploadAttachment\", style: {\n cursor: 'pointer',\n } }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_ActiveSvg_ActiveSvg__WEBPACK_IMPORTED_MODULE_21__[\"default\"], { content: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Media_Attachment__WEBPACK_IMPORTED_MODULE_22__[\"default\"], { width: \"32\", height: \"32\", applyZoom: true, color: theme ? theme.inputElements() : 'var(--input-elements)' }), clickAction: function () {\n console.log('click send message');\n }, touchAction: function () {\n console.log('touch send message');\n } }) }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"input\", { id: \"btnUploadAttachment\", type: \"file\", accept: \"image/*, audio/*, video/*, .pdf, .txt,\", style: { display: 'none' }, onChange: function (event) {\n ChangeFileHandler(event);\n } })] })), !isRecording && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"textarea\", { style: theme ? { backgroundColor: theme.chatInput() } : {}, disabled: messagesViewModel === null || messagesViewModel === void 0 ? void 0 : messagesViewModel.loading, value: messageText, onFocus: function () {\n setVoiceMessage(false);\n }, onChange: function (event) {\n setMessageText(event.target.value);\n }, onInput: function () {\n messagesViewModel.sendTypingTextMessage();\n }, onKeyDown: function (e) {\n console.log(\"onKeyDown: \".concat(e.key, \" shift \").concat(e.shiftKey ? 'true' : 'false', \" ctrl \").concat(e.ctrlKey ? 'true' : 'false'));\n if (e.key === 'Enter' && !e.shiftKey && !e.ctrlKey) {\n sendTextMessageActions();\n }\n }, placeholder: \"enter text to send\" })), isRecording && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_VoiceRecordingProgress_VoiceRecordingProgress__WEBPACK_IMPORTED_MODULE_30__[\"default\"], { startStatus: isRecording, longRecInSec: 60, ClickActionHandler: function () {\n console.log('click send voice message');\n if (messagesViewModel === null || messagesViewModel === void 0 ? void 0 : messagesViewModel.loading)\n return;\n setIsRecording(!isRecording);\n }, TouchActionHandler: function () {\n console.log('touch send voice message');\n if (messagesViewModel === null || messagesViewModel === void 0 ? void 0 : messagesViewModel.loading)\n return;\n setIsRecording(!isRecording);\n } })), !isVoiceMessage && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_ActiveSvg_ActiveSvg__WEBPACK_IMPORTED_MODULE_21__[\"default\"], { content: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Actions_Send__WEBPACK_IMPORTED_MODULE_23__[\"default\"], { width: \"21\", height: \"18\", applyZoom: true, color: theme ? theme.mainElements() : 'var(--main-elements)' }), clickAction: function () {\n console.log('click send message');\n sendTextMessageActions();\n }, touchAction: function () {\n console.log('touch send message');\n } }) })), isVoiceMessage && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_ActiveSvg_ActiveSvg__WEBPACK_IMPORTED_MODULE_21__[\"default\"], { content: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_svgs_Icons_Actions_Voice__WEBPACK_IMPORTED_MODULE_26__[\"default\"], { width: \"21\", height: \"18\", applyZoom: true, color: isRecording ? 'var(--error)' : 'var(--input-elements)' }), clickAction: function () {\n console.log('click send voice message');\n if (messagesViewModel === null || messagesViewModel === void 0 ? void 0 : messagesViewModel.loading)\n return;\n setIsRecording(!isRecording);\n }, touchAction: function () {\n console.log('touch send message');\n if (messagesViewModel === null || messagesViewModel === void 0 ? void 0 : messagesViewModel.loading)\n return;\n setIsRecording(!isRecording);\n } }) }))] }))] })));\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (MessagesView);\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/Presentation/components/UI/Dialogs/MessagesView/MessagesView.tsx?");
1866
1888
 
1867
1889
  /***/ }),
1868
1890
 
@@ -1895,7 +1917,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var reac
1895
1917
  /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
1896
1918
 
1897
1919
  "use strict";
1898
- eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": function() { return /* binding */ useMessagesViewModel; }\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../Domain/entity/DialogTypes */ \"./src/Domain/entity/DialogTypes.ts\");\n/* harmony import */ var _providers_QuickBloxUIKitProvider_useQbDataContext__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../providers/QuickBloxUIKitProvider/useQbDataContext */ \"./src/Presentation/components/providers/QuickBloxUIKitProvider/useQbDataContext.ts\");\n/* harmony import */ var _Domain_use_cases_GetUsersByIdsUseCase__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../Domain/use_cases/GetUsersByIdsUseCase */ \"./src/Domain/use_cases/GetUsersByIdsUseCase.ts\");\n/* harmony import */ var _Data_repository_UsersRepository__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../Data/repository/UsersRepository */ \"./src/Data/repository/UsersRepository.ts\");\n/* harmony import */ var _Domain_use_cases_GetAllMessagesForDialog__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../Domain/use_cases/GetAllMessagesForDialog */ \"./src/Domain/use_cases/GetAllMessagesForDialog.ts\");\n/* harmony import */ var _Data_repository_MessagesRepository__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../../Data/repository/MessagesRepository */ \"./src/Data/repository/MessagesRepository.ts\");\n/* harmony import */ var _Domain_repository_Pagination__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../../Domain/repository/Pagination */ \"./src/Domain/repository/Pagination.ts\");\n/* harmony import */ var _Data_Stubs__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../../Data/Stubs */ \"./src/Data/Stubs.ts\");\n/* harmony import */ var _Domain_use_cases_UploadFileUseCase__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../../../Domain/use_cases/UploadFileUseCase */ \"./src/Domain/use_cases/UploadFileUseCase.ts\");\n/* harmony import */ var _Data_repository_FileRepository__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../../../Data/repository/FileRepository */ \"./src/Data/repository/FileRepository.ts\");\n/* harmony import */ var _utils_parse__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../../../../utils/parse */ \"./src/utils/parse.ts\");\n/* harmony import */ var _Domain_use_cases_SendTextMessageUseCase__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../../../../Domain/use_cases/SendTextMessageUseCase */ \"./src/Domain/use_cases/SendTextMessageUseCase.ts\");\n/* harmony import */ var _Domain_use_cases_SubscribeToDialogEventsUseCase__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../../../../Domain/use_cases/SubscribeToDialogEventsUseCase */ \"./src/Domain/use_cases/SubscribeToDialogEventsUseCase.ts\");\n/* harmony import */ var _providers_QuickBloxUIKitProvider_useEventMessagesRepository__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../../../providers/QuickBloxUIKitProvider/useEventMessagesRepository */ \"./src/Presentation/components/providers/QuickBloxUIKitProvider/useEventMessagesRepository.ts\");\n/* harmony import */ var _Domain_entity_EventMessageType__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../../../../../Domain/entity/EventMessageType */ \"./src/Domain/entity/EventMessageType.ts\");\n/* harmony import */ var _Domain_entity_NotificationTypes__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../../../../../Domain/entity/NotificationTypes */ \"./src/Domain/entity/NotificationTypes.ts\");\n/* harmony import */ var _Domain_use_cases_GetDialogByIdUseCase__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../../../../../Domain/use_cases/GetDialogByIdUseCase */ \"./src/Domain/use_cases/GetDialogByIdUseCase.ts\");\n/* harmony import */ var _Data_repository_DialogsRepository__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ../../../../../Data/repository/DialogsRepository */ \"./src/Data/repository/DialogsRepository.ts\");\n/* harmony import */ var _Domain_use_cases_UserTypingMessageUseCase__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ../../../../../Domain/use_cases/UserTypingMessageUseCase */ \"./src/Domain/use_cases/UserTypingMessageUseCase.ts\");\nvar __assign = (undefined && undefined.__assign) || function () {\n __assign = Object.assign || function(t) {\n for (var s, i = 1, n = arguments.length; i < n; i++) {\n s = arguments[i];\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __awaiter = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n return new (P || (P = Promise))(function (resolve, reject) {\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n step((generator = generator.apply(thisArg, _arguments || [])).next());\n });\n};\nvar __generator = (undefined && undefined.__generator) || function (thisArg, body) {\n var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\n return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\n function verb(n) { return function (v) { return step([n, v]); }; }\n function step(op) {\n if (f) throw new TypeError(\"Generator is already executing.\");\n while (g && (g = 0, op[0] && (_ = 0)), _) try {\n if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\n if (y = 0, t) op = [op[0] & 2, t.value];\n switch (op[0]) {\n case 0: case 1: t = op; break;\n case 4: _.label++; return { value: op[1], done: false };\n case 5: _.label++; y = op[1]; op = [0]; continue;\n case 7: op = _.ops.pop(); _.trys.pop(); continue;\n default:\n if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\n if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\n if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\n if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\n if (t[2]) _.ops.pop();\n _.trys.pop(); continue;\n }\n op = body.call(thisArg, _);\n } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\n if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\n }\n};\nvar __spreadArray = (undefined && undefined.__spreadArray) || function (to, from, pack) {\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\n if (ar || !(i in from)) {\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\n ar[i] = from[i];\n }\n }\n return to.concat(ar || Array.prototype.slice.call(from));\n};\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nfunction useMessagesViewModel(dialogType, dialogEntity) {\n var _this = this;\n var _a;\n console.log('useMessagesViewModel');\n var _b = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false), loading = _b[0], setLoading = _b[1];\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n var _c = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)('error: wrong message list'), error = _c[0], setError = _c[1];\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n var _d = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]), messages = _d[0], setMessages = _d[1];\n // const [users, setUsers] = useState<Record<number, UserEntity>>();\n var _e = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(dialogEntity), dialog = _e[0], setDialog = _e[1];\n // const [dialogsParticipants, setDialogsParticipants] = useState<number[]>([]);\n var currentContext = (0,_providers_QuickBloxUIKitProvider_useQbDataContext__WEBPACK_IMPORTED_MODULE_2__[\"default\"])();\n var eventMessaging = (0,_providers_QuickBloxUIKitProvider_useEventMessagesRepository__WEBPACK_IMPORTED_MODULE_14__[\"default\"])();\n var subscribeToDialogEventsUseCase = new _Domain_use_cases_SubscribeToDialogEventsUseCase__WEBPACK_IMPORTED_MODULE_13__.SubscribeToDialogEventsUseCase(eventMessaging, 'MessagesViewModel');\n var _f = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(''), typingText = _f[0], setTypingText = _f[1];\n function getMessages() {\n return __awaiter(this, void 0, void 0, function () {\n var participants, userDictionary, getAllUsersFromDialogByIdsUseCase, getDialogMessages;\n return __generator(this, function (_a) {\n switch (_a.label) {\n case 0:\n console.log('call getMessages in MessagesViewModelWithMockUseCase for dialog: ', JSON.stringify(dialog));\n setLoading(true);\n participants = [];\n userDictionary = {};\n if (dialog.type === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_1__.DialogType.group) {\n participants = dialog.participantIds;\n }\n else if (dialog.type === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_1__.DialogType[\"private\"]) {\n participants = [dialog.participantId];\n }\n else if (dialog.type === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_1__.DialogType[\"public\"]) {\n participants = [];\n }\n getAllUsersFromDialogByIdsUseCase = new _Domain_use_cases_GetUsersByIdsUseCase__WEBPACK_IMPORTED_MODULE_3__.GetUsersByIdsUseCase(new _Data_repository_UsersRepository__WEBPACK_IMPORTED_MODULE_4__[\"default\"](currentContext.storage.LOCAL_DATA_SOURCE, currentContext.storage.REMOTE_DATA_SOURCE), participants);\n //\n return [4 /*yield*/, getAllUsersFromDialogByIdsUseCase\n .execute()\n // eslint-disable-next-line promise/always-return\n .then(function (data) {\n console.log(\"use Message have dialog: \".concat(JSON.stringify(dialogEntity), \" getUsers:\").concat(JSON.stringify(data)));\n console.log('have users ids :', JSON.stringify(participants));\n userDictionary = data.reduce(function (acc, item) {\n var obj = acc;\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n acc[item.id] = item;\n return obj;\n }, {});\n console.log('have dictionary of users:', JSON.stringify(userDictionary));\n setLoading(false);\n setError('');\n })\n .catch(function (e) {\n console.log('have ERROR get users :', JSON.stringify(e));\n setLoading(false);\n setError(e.message);\n })];\n case 1:\n //\n _a.sent();\n getDialogMessages = new _Domain_use_cases_GetAllMessagesForDialog__WEBPACK_IMPORTED_MODULE_5__.GetAllMessagesForDialogMock(new _Data_repository_MessagesRepository__WEBPACK_IMPORTED_MODULE_6__[\"default\"](currentContext.storage.LOCAL_DATA_SOURCE, currentContext.storage.REMOTE_DATA_SOURCE), dialog.id, new _Domain_repository_Pagination__WEBPACK_IMPORTED_MODULE_7__.Pagination());\n //\n return [4 /*yield*/, getDialogMessages\n .execute()\n // eslint-disable-next-line promise/always-return\n .then(function (data) {\n console.log(\"DIALOG: \".concat(JSON.stringify(dialogEntity), \" WITH \").concat(data.length, \" messages:\").concat(JSON.stringify(data)));\n var ResultMessages = data.map(function (message) {\n var obj = __assign({}, message);\n console.log('have sender id:', message.sender_id);\n if (userDictionary) {\n obj.sender = userDictionary[message.sender_id];\n }\n return obj;\n });\n console.log(\"result messages:\".concat(JSON.stringify(ResultMessages)));\n setMessages(ResultMessages);\n setLoading(false);\n setError('');\n })\n .catch(function (e) {\n console.log('have ERROR get users :', JSON.stringify(e));\n setLoading(false);\n setError(e.message);\n })];\n case 2:\n //\n _a.sent();\n //\n console.log('EXECUTE USE CASE MessagesViewModelWithMockUseCase EXECUTED');\n return [2 /*return*/];\n }\n });\n });\n }\n var dialogUpdateHandler = function (dialogInfo) {\n console.log('call dialogUpdateHandler in useMessagesViewModel');\n var getSender = function (sender_id) { return __awaiter(_this, void 0, void 0, function () {\n var getUser, userEntity;\n return __generator(this, function (_a) {\n switch (_a.label) {\n case 0:\n getUser = new _Domain_use_cases_GetUsersByIdsUseCase__WEBPACK_IMPORTED_MODULE_3__.GetUsersByIdsUseCase(new _Data_repository_UsersRepository__WEBPACK_IMPORTED_MODULE_4__[\"default\"](currentContext.storage.LOCAL_DATA_SOURCE, currentContext.storage.REMOTE_DATA_SOURCE), [sender_id]);\n return [4 /*yield*/, getUser\n .execute()\n // eslint-disable-next-line promise/always-return\n .then(function (data) {\n // eslint-disable-next-line prefer-destructuring\n userEntity = data[0];\n })\n .catch(function (e) {\n console.log('have ERROR get users :', JSON.stringify(e));\n })];\n case 1:\n _a.sent();\n return [2 /*return*/, userEntity];\n }\n });\n }); };\n if (dialogInfo.eventMessageType === _Domain_entity_EventMessageType__WEBPACK_IMPORTED_MODULE_15__[\"default\"].LocalMessage) {\n if (dialogInfo.messageStatus) {\n if (dialogInfo.messageStatus.isTyping) {\n // eslint-disable-next-line promise/catch-or-return\n getSender(dialogInfo.messageStatus.userId).then(function (senderUser) {\n var typingMessage = \"User \".concat(\n // eslint-disable-next-line promise/always-return\n (senderUser === null || senderUser === void 0 ? void 0 : senderUser.full_name) ||\n (senderUser === null || senderUser === void 0 ? void 0 : senderUser.login) ||\n (senderUser === null || senderUser === void 0 ? void 0 : senderUser.email) ||\n (senderUser === null || senderUser === void 0 ? void 0 : senderUser.id) ||\n '', \" is typing message\");\n setTypingText(typingMessage);\n });\n }\n else {\n setTypingText('');\n }\n }\n }\n if (dialogInfo.eventMessageType === _Domain_entity_EventMessageType__WEBPACK_IMPORTED_MODULE_15__[\"default\"].RegularMessage) {\n if (dialogInfo.messageInfo &&\n dialogInfo.messageInfo.message &&\n dialogInfo.messageInfo.id &&\n dialogInfo.messageInfo.dialogId === dialog.id) {\n var messageId = dialogInfo.messageInfo.id;\n var messageText = dialogInfo.messageInfo.message;\n console.log(\"new message id = \".concat(messageId, \", new message text: \").concat(messageText, \", found messages:\"));\n var ResultMessage_1 = __assign({}, dialogInfo.messageInfo);\n // eslint-disable-next-line promise/catch-or-return,promise/always-return\n getSender(dialogInfo.messageInfo.sender_id)\n // eslint-disable-next-line promise/always-return\n .then(function (user) {\n ResultMessage_1.sender = user;\n ResultMessage_1.sender_id = dialogInfo.messageInfo.sender_id;\n })\n .finally(function () {\n setMessages(function (prevState) {\n var newState = __spreadArray([], prevState, true);\n newState.push(ResultMessage_1);\n return newState;\n });\n });\n }\n // else {\n // // загрузить все сообщения заново\n // getMessages().catch();\n // }\n }\n if (dialogInfo.eventMessageType === _Domain_entity_EventMessageType__WEBPACK_IMPORTED_MODULE_15__[\"default\"].SystemMessage) {\n if (dialogInfo.notificationTypes === _Domain_entity_NotificationTypes__WEBPACK_IMPORTED_MODULE_16__.NotificationTypes.UPDATE_DIALOG) {\n if (dialogInfo.messageInfo) {\n var dialogId = dialogInfo.messageInfo.dialogId;\n var getDialogByIdUseCase = new _Domain_use_cases_GetDialogByIdUseCase__WEBPACK_IMPORTED_MODULE_17__.GetDialogByIdUseCase(new _Data_repository_DialogsRepository__WEBPACK_IMPORTED_MODULE_18__[\"default\"](currentContext.storage.LOCAL_DATA_SOURCE, currentContext.storage.REMOTE_DATA_SOURCE), dialogId);\n // eslint-disable-next-line promise/catch-or-return,promise/always-return\n getDialogByIdUseCase.execute().then(function (updatedDialog) {\n setDialog(updatedDialog);\n });\n }\n }\n }\n };\n subscribeToDialogEventsUseCase\n .execute(dialogUpdateHandler)\n .catch(function (reason) {\n console.log((0,_utils_parse__WEBPACK_IMPORTED_MODULE_11__.stringifyError)(reason));\n });\n //\n // eslint-disable-next-line @typescript-eslint/require-await\n var release = function () {\n console.log('call release in MessagesViewModelWithMockUseCase');\n };\n var userTypingMessageUseCase = new _Domain_use_cases_UserTypingMessageUseCase__WEBPACK_IMPORTED_MODULE_19__.UserTypingMessageUseCase(new _Data_repository_MessagesRepository__WEBPACK_IMPORTED_MODULE_6__[\"default\"](currentContext.storage.LOCAL_DATA_SOURCE, currentContext.storage.REMOTE_DATA_SOURCE), dialog || dialogEntity, ((_a = currentContext.storage.REMOTE_DATA_SOURCE.authInformation) === null || _a === void 0 ? void 0 : _a.userId) || 0);\n var sendTypingTextMessage = function () {\n console.log('call release in MessagesViewModelWithMockUseCase');\n userTypingMessageUseCase.execute().catch(function (reason) {\n var errorMessage = (0,_utils_parse__WEBPACK_IMPORTED_MODULE_11__.stringifyError)(reason);\n console.log('have exception in sendTypingTextMessage: ', errorMessage);\n throw new Error(errorMessage);\n });\n };\n var uploadFile = function (file) { return __awaiter(_this, void 0, void 0, function () {\n var fileEntity, uploadFileUseCase, resultEnity;\n return __generator(this, function (_a) {\n switch (_a.label) {\n case 0:\n console.log('call uploadFile(), file: ', file);\n fileEntity = _Data_Stubs__WEBPACK_IMPORTED_MODULE_8__.Stubs.createFileEntityWithDefaultValues();\n fileEntity.data = file;\n fileEntity.uid = '';\n fileEntity.name = file.name;\n fileEntity.size = file.size;\n fileEntity.type = file.type;\n uploadFileUseCase = new _Domain_use_cases_UploadFileUseCase__WEBPACK_IMPORTED_MODULE_9__.UploadFileUseCase(new _Data_repository_FileRepository__WEBPACK_IMPORTED_MODULE_10__.FileRepository(currentContext.storage.LOCAL_DATA_SOURCE, currentContext.storage.REMOTE_DATA_SOURCE), fileEntity);\n return [4 /*yield*/, uploadFileUseCase\n .execute()\n .catch(function (e) {\n console.log('Error UploadFileUseCase: ', (0,_utils_parse__WEBPACK_IMPORTED_MODULE_11__.stringifyError)(e));\n throw new Error((0,_utils_parse__WEBPACK_IMPORTED_MODULE_11__.stringifyError)(e));\n })];\n case 1:\n resultEnity = _a.sent();\n return [2 /*return*/, Promise.resolve(resultEnity)];\n }\n });\n }); };\n function sendMessage(messageToSend) {\n var sendTextMessageUseCase = new _Domain_use_cases_SendTextMessageUseCase__WEBPACK_IMPORTED_MODULE_12__.SendTextMessageUseCase(new _Data_repository_MessagesRepository__WEBPACK_IMPORTED_MODULE_6__[\"default\"](currentContext.storage.LOCAL_DATA_SOURCE, currentContext.storage.REMOTE_DATA_SOURCE), messageToSend);\n // eslint-disable-next-line promise/catch-or-return\n sendTextMessageUseCase\n .execute()\n .catch(function (reason) {\n var errorMessage = (0,_utils_parse__WEBPACK_IMPORTED_MODULE_11__.stringifyError)(reason);\n console.log('exception in sendMessage in useMessagesViewModel', errorMessage);\n setLoading(false);\n throw new Error(errorMessage);\n })\n .finally(function () {\n setLoading(false);\n });\n }\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n var sendTextMessage = function (newMessage) {\n var _a;\n setLoading(true);\n var currentUserId = ((_a = currentContext.storage.REMOTE_DATA_SOURCE.authInformation) === null || _a === void 0 ? void 0 : _a.userId) || 0;\n var messageToSend = _Data_Stubs__WEBPACK_IMPORTED_MODULE_8__.Stubs.createMessageEntityWithParams(0, dialog.id, newMessage, Date.now().toString(), Date.now(), Date.now().toString(), [], [], 1, currentUserId, // artan 22.06.23\n dialog.type === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_1__.DialogType[\"private\"]\n ? dialog.participantId\n : currentUserId, [], '', _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_1__.DialogType.group);\n messageToSend.dialogType = dialog.type;\n sendMessage(messageToSend);\n };\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n var sendAttachmentMessage = function (newMessage) {\n var _a;\n console.log('call sendTextMessage');\n setLoading(true);\n var currentUserId = ((_a = currentContext.storage.REMOTE_DATA_SOURCE.authInformation) === null || _a === void 0 ? void 0 : _a.userId) || 0;\n uploadFile(newMessage)\n // eslint-disable-next-line promise/always-return\n .then(function (fileMessage) {\n console.log(JSON.stringify(fileMessage));\n // '[attachment]'\n var messageToSend = _Data_Stubs__WEBPACK_IMPORTED_MODULE_8__.Stubs.createMessageEntityWithParams(0, dialog.id, \n // eslint-disable-next-line promise/always-return\n fileMessage.name || '[attachment]', Date.now().toString(), Date.now(), Date.now().toString(), [], [], 1, currentUserId, currentUserId, [], '', _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_1__.DialogType.group);\n messageToSend.dialogType = dialog.type;\n var attachments = [\n {\n id: fileMessage.uid,\n type: fileMessage.type,\n file: fileMessage,\n name: fileMessage.name,\n size: fileMessage.size,\n },\n ];\n messageToSend.attachments = attachments;\n sendMessage(messageToSend);\n //\n })\n .catch(function (reason) {\n var errorMessage = (0,_utils_parse__WEBPACK_IMPORTED_MODULE_11__.stringifyError)(reason);\n console.log('EXCEPTION in sendAttachmentMessage');\n throw new Error(errorMessage);\n });\n };\n return {\n get entity() {\n return dialog;\n },\n set entity(newDialog) {\n setDialog(newDialog);\n },\n messages: messages,\n loading: loading,\n error: error,\n // eslint-disable-next-line @typescript-eslint/no-misused-promises\n getMessages: getMessages,\n release: release,\n sendTextMessage: sendTextMessage,\n sendAttachmentMessage: sendAttachmentMessage,\n sendTypingTextMessage: sendTypingTextMessage,\n typingText: typingText,\n };\n}\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/Presentation/components/UI/Dialogs/MessagesView/useMessagesViewModel.ts?");
1920
+ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": function() { return /* binding */ useMessagesViewModel; }\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../Domain/entity/DialogTypes */ \"./src/Domain/entity/DialogTypes.ts\");\n/* harmony import */ var _providers_QuickBloxUIKitProvider_useQbInitializedDataContext__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../providers/QuickBloxUIKitProvider/useQbInitializedDataContext */ \"./src/Presentation/components/providers/QuickBloxUIKitProvider/useQbInitializedDataContext.ts\");\n/* harmony import */ var _Domain_use_cases_GetUsersByIdsUseCase__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../Domain/use_cases/GetUsersByIdsUseCase */ \"./src/Domain/use_cases/GetUsersByIdsUseCase.ts\");\n/* harmony import */ var _Data_repository_UsersRepository__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../Data/repository/UsersRepository */ \"./src/Data/repository/UsersRepository.ts\");\n/* harmony import */ var _Domain_use_cases_GetAllMessagesForDialog__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../Domain/use_cases/GetAllMessagesForDialog */ \"./src/Domain/use_cases/GetAllMessagesForDialog.ts\");\n/* harmony import */ var _Data_repository_MessagesRepository__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../../Data/repository/MessagesRepository */ \"./src/Data/repository/MessagesRepository.ts\");\n/* harmony import */ var _Domain_repository_Pagination__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../../Domain/repository/Pagination */ \"./src/Domain/repository/Pagination.ts\");\n/* harmony import */ var _Data_Stubs__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../../Data/Stubs */ \"./src/Data/Stubs.ts\");\n/* harmony import */ var _Domain_use_cases_UploadFileUseCase__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../../../Domain/use_cases/UploadFileUseCase */ \"./src/Domain/use_cases/UploadFileUseCase.ts\");\n/* harmony import */ var _Data_repository_FileRepository__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../../../Data/repository/FileRepository */ \"./src/Data/repository/FileRepository.ts\");\n/* harmony import */ var _utils_parse__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../../../../utils/parse */ \"./src/utils/parse.ts\");\n/* harmony import */ var _Domain_use_cases_SendTextMessageUseCase__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../../../../Domain/use_cases/SendTextMessageUseCase */ \"./src/Domain/use_cases/SendTextMessageUseCase.ts\");\n/* harmony import */ var _Domain_use_cases_SubscribeToDialogEventsUseCase__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../../../../Domain/use_cases/SubscribeToDialogEventsUseCase */ \"./src/Domain/use_cases/SubscribeToDialogEventsUseCase.ts\");\n/* harmony import */ var _providers_QuickBloxUIKitProvider_useEventMessagesRepository__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../../../providers/QuickBloxUIKitProvider/useEventMessagesRepository */ \"./src/Presentation/components/providers/QuickBloxUIKitProvider/useEventMessagesRepository.ts\");\n/* harmony import */ var _Domain_entity_EventMessageType__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../../../../../Domain/entity/EventMessageType */ \"./src/Domain/entity/EventMessageType.ts\");\n/* harmony import */ var _Domain_entity_NotificationTypes__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../../../../../Domain/entity/NotificationTypes */ \"./src/Domain/entity/NotificationTypes.ts\");\n/* harmony import */ var _Domain_use_cases_GetDialogByIdUseCase__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../../../../../Domain/use_cases/GetDialogByIdUseCase */ \"./src/Domain/use_cases/GetDialogByIdUseCase.ts\");\n/* harmony import */ var _Data_repository_DialogsRepository__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ../../../../../Data/repository/DialogsRepository */ \"./src/Data/repository/DialogsRepository.ts\");\n/* harmony import */ var _Domain_use_cases_UserTypingMessageUseCase__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ../../../../../Domain/use_cases/UserTypingMessageUseCase */ \"./src/Domain/use_cases/UserTypingMessageUseCase.ts\");\nvar __assign = (undefined && undefined.__assign) || function () {\n __assign = Object.assign || function(t) {\n for (var s, i = 1, n = arguments.length; i < n; i++) {\n s = arguments[i];\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __awaiter = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n return new (P || (P = Promise))(function (resolve, reject) {\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n step((generator = generator.apply(thisArg, _arguments || [])).next());\n });\n};\nvar __generator = (undefined && undefined.__generator) || function (thisArg, body) {\n var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\n return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\n function verb(n) { return function (v) { return step([n, v]); }; }\n function step(op) {\n if (f) throw new TypeError(\"Generator is already executing.\");\n while (g && (g = 0, op[0] && (_ = 0)), _) try {\n if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\n if (y = 0, t) op = [op[0] & 2, t.value];\n switch (op[0]) {\n case 0: case 1: t = op; break;\n case 4: _.label++; return { value: op[1], done: false };\n case 5: _.label++; y = op[1]; op = [0]; continue;\n case 7: op = _.ops.pop(); _.trys.pop(); continue;\n default:\n if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\n if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\n if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\n if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\n if (t[2]) _.ops.pop();\n _.trys.pop(); continue;\n }\n op = body.call(thisArg, _);\n } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\n if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\n }\n};\nvar __spreadArray = (undefined && undefined.__spreadArray) || function (to, from, pack) {\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\n if (ar || !(i in from)) {\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\n ar[i] = from[i];\n }\n }\n return to.concat(ar || Array.prototype.slice.call(from));\n};\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nfunction useMessagesViewModel(dialogType, dialogEntity) {\n var _this = this;\n var _a;\n console.log('useMessagesViewModel');\n var _b = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false), loading = _b[0], setLoading = _b[1];\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n var _c = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)('error: wrong message list'), error = _c[0], setError = _c[1];\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n var _d = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]), messages = _d[0], setMessages = _d[1];\n // const [users, setUsers] = useState<Record<number, UserEntity>>();\n var _e = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(dialogEntity), dialog = _e[0], setDialog = _e[1];\n // const [dialogsParticipants, setDialogsParticipants] = useState<number[]>([]);\n var currentContext = (0,_providers_QuickBloxUIKitProvider_useQbInitializedDataContext__WEBPACK_IMPORTED_MODULE_2__[\"default\"])();\n var eventMessaging = (0,_providers_QuickBloxUIKitProvider_useEventMessagesRepository__WEBPACK_IMPORTED_MODULE_14__[\"default\"])();\n var subscribeToDialogEventsUseCase = new _Domain_use_cases_SubscribeToDialogEventsUseCase__WEBPACK_IMPORTED_MODULE_13__.SubscribeToDialogEventsUseCase(eventMessaging, 'MessagesViewModel');\n var _f = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(''), typingText = _f[0], setTypingText = _f[1];\n function getMessages() {\n return __awaiter(this, void 0, void 0, function () {\n var participants, userDictionary, getAllUsersFromDialogByIdsUseCase, getDialogMessages;\n return __generator(this, function (_a) {\n switch (_a.label) {\n case 0:\n console.log('call getMessages in MessagesViewModelWithMockUseCase for dialog: ', JSON.stringify(dialog));\n setLoading(true);\n participants = [];\n userDictionary = {};\n if (dialog.type === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_1__.DialogType.group) {\n participants = dialog.participantIds;\n }\n else if (dialog.type === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_1__.DialogType[\"private\"]) {\n participants = [dialog.participantId];\n }\n else if (dialog.type === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_1__.DialogType[\"public\"]) {\n participants = [];\n }\n getAllUsersFromDialogByIdsUseCase = new _Domain_use_cases_GetUsersByIdsUseCase__WEBPACK_IMPORTED_MODULE_3__.GetUsersByIdsUseCase(new _Data_repository_UsersRepository__WEBPACK_IMPORTED_MODULE_4__[\"default\"](currentContext.storage.LOCAL_DATA_SOURCE, currentContext.storage.REMOTE_DATA_SOURCE), participants);\n //\n return [4 /*yield*/, getAllUsersFromDialogByIdsUseCase\n .execute()\n // eslint-disable-next-line promise/always-return\n .then(function (data) {\n console.log(\"use Message have dialog: \".concat(JSON.stringify(dialogEntity), \" getUsers:\").concat(JSON.stringify(data)));\n console.log('have users ids :', JSON.stringify(participants));\n userDictionary = data.reduce(function (acc, item) {\n var obj = acc;\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n acc[item.id] = item;\n return obj;\n }, {});\n console.log('have dictionary of users:', JSON.stringify(userDictionary));\n setLoading(false);\n setError('');\n })\n .catch(function (e) {\n console.log('have ERROR get users :', JSON.stringify(e));\n setLoading(false);\n setError(e.message);\n })];\n case 1:\n //\n _a.sent();\n getDialogMessages = new _Domain_use_cases_GetAllMessagesForDialog__WEBPACK_IMPORTED_MODULE_5__.GetAllMessagesForDialogMock(new _Data_repository_MessagesRepository__WEBPACK_IMPORTED_MODULE_6__[\"default\"](currentContext.storage.LOCAL_DATA_SOURCE, currentContext.storage.REMOTE_DATA_SOURCE), dialog.id, new _Domain_repository_Pagination__WEBPACK_IMPORTED_MODULE_7__.Pagination());\n //\n return [4 /*yield*/, getDialogMessages\n .execute()\n // eslint-disable-next-line promise/always-return\n .then(function (data) {\n console.log(\"DIALOG: \".concat(JSON.stringify(dialogEntity), \" WITH \").concat(data.length, \" messages:\").concat(JSON.stringify(data)));\n var ResultMessages = data.map(function (message) {\n var obj = __assign({}, message);\n console.log('have sender id:', message.sender_id);\n if (userDictionary) {\n obj.sender = userDictionary[message.sender_id];\n }\n return obj;\n });\n console.log(\"result messages:\".concat(JSON.stringify(ResultMessages)));\n setMessages(ResultMessages);\n setLoading(false);\n setError('');\n })\n .catch(function (e) {\n console.log('have ERROR get users :', JSON.stringify(e));\n setLoading(false);\n setError(e.message);\n })];\n case 2:\n //\n _a.sent();\n //\n console.log('EXECUTE USE CASE MessagesViewModelWithMockUseCase EXECUTED');\n return [2 /*return*/];\n }\n });\n });\n }\n var dialogUpdateHandler = function (dialogInfo) {\n console.log('call dialogUpdateHandler in useMessagesViewModel');\n var getSender = function (sender_id) { return __awaiter(_this, void 0, void 0, function () {\n var getUser, userEntity;\n return __generator(this, function (_a) {\n switch (_a.label) {\n case 0:\n getUser = new _Domain_use_cases_GetUsersByIdsUseCase__WEBPACK_IMPORTED_MODULE_3__.GetUsersByIdsUseCase(new _Data_repository_UsersRepository__WEBPACK_IMPORTED_MODULE_4__[\"default\"](currentContext.storage.LOCAL_DATA_SOURCE, currentContext.storage.REMOTE_DATA_SOURCE), [sender_id]);\n return [4 /*yield*/, getUser\n .execute()\n // eslint-disable-next-line promise/always-return\n .then(function (data) {\n // eslint-disable-next-line prefer-destructuring\n userEntity = data[0];\n })\n .catch(function (e) {\n console.log('have ERROR get users :', JSON.stringify(e));\n })];\n case 1:\n _a.sent();\n return [2 /*return*/, userEntity];\n }\n });\n }); };\n if (dialogInfo.eventMessageType === _Domain_entity_EventMessageType__WEBPACK_IMPORTED_MODULE_15__[\"default\"].LocalMessage) {\n if (dialogInfo.messageStatus) {\n if (dialogInfo.messageStatus.isTyping) {\n // eslint-disable-next-line promise/catch-or-return\n getSender(dialogInfo.messageStatus.userId).then(function (senderUser) {\n var typingMessage = \"User \".concat(\n // eslint-disable-next-line promise/always-return\n (senderUser === null || senderUser === void 0 ? void 0 : senderUser.full_name) ||\n (senderUser === null || senderUser === void 0 ? void 0 : senderUser.login) ||\n (senderUser === null || senderUser === void 0 ? void 0 : senderUser.email) ||\n (senderUser === null || senderUser === void 0 ? void 0 : senderUser.id) ||\n '', \" is typing message\");\n setTypingText(typingMessage);\n });\n }\n else {\n setTypingText('');\n }\n }\n }\n if (dialogInfo.eventMessageType === _Domain_entity_EventMessageType__WEBPACK_IMPORTED_MODULE_15__[\"default\"].RegularMessage) {\n if (dialogInfo.messageInfo &&\n dialogInfo.messageInfo.message &&\n dialogInfo.messageInfo.id &&\n dialogInfo.messageInfo.dialogId === dialog.id) {\n var messageId = dialogInfo.messageInfo.id;\n var messageText = dialogInfo.messageInfo.message;\n console.log(\"new message id = \".concat(messageId, \", new message text: \").concat(messageText, \", found messages:\"));\n var ResultMessage_1 = __assign({}, dialogInfo.messageInfo);\n // eslint-disable-next-line promise/catch-or-return,promise/always-return\n getSender(dialogInfo.messageInfo.sender_id)\n // eslint-disable-next-line promise/always-return\n .then(function (user) {\n ResultMessage_1.sender = user;\n ResultMessage_1.sender_id = dialogInfo.messageInfo.sender_id;\n })\n .finally(function () {\n setMessages(function (prevState) {\n var newState = __spreadArray([], prevState, true);\n newState.push(ResultMessage_1);\n return newState;\n });\n });\n }\n // else {\n // // загрузить все сообщения заново\n // getMessages().catch();\n // }\n }\n if (dialogInfo.eventMessageType === _Domain_entity_EventMessageType__WEBPACK_IMPORTED_MODULE_15__[\"default\"].SystemMessage) {\n if (dialogInfo.notificationTypes === _Domain_entity_NotificationTypes__WEBPACK_IMPORTED_MODULE_16__.NotificationTypes.UPDATE_DIALOG) {\n if (dialogInfo.messageInfo) {\n var dialogId = dialogInfo.messageInfo.dialogId;\n var getDialogByIdUseCase = new _Domain_use_cases_GetDialogByIdUseCase__WEBPACK_IMPORTED_MODULE_17__.GetDialogByIdUseCase(new _Data_repository_DialogsRepository__WEBPACK_IMPORTED_MODULE_18__[\"default\"](currentContext.storage.LOCAL_DATA_SOURCE, currentContext.storage.REMOTE_DATA_SOURCE), dialogId);\n // eslint-disable-next-line promise/catch-or-return,promise/always-return\n getDialogByIdUseCase.execute().then(function (updatedDialog) {\n setDialog(updatedDialog);\n });\n }\n }\n }\n };\n subscribeToDialogEventsUseCase\n .execute(dialogUpdateHandler)\n .catch(function (reason) {\n console.log((0,_utils_parse__WEBPACK_IMPORTED_MODULE_11__.stringifyError)(reason));\n });\n //\n // eslint-disable-next-line @typescript-eslint/require-await\n var release = function () {\n console.log('call release in MessagesViewModelWithMockUseCase');\n };\n var userTypingMessageUseCase = new _Domain_use_cases_UserTypingMessageUseCase__WEBPACK_IMPORTED_MODULE_19__.UserTypingMessageUseCase(new _Data_repository_MessagesRepository__WEBPACK_IMPORTED_MODULE_6__[\"default\"](currentContext.storage.LOCAL_DATA_SOURCE, currentContext.storage.REMOTE_DATA_SOURCE), dialog || dialogEntity, ((_a = currentContext.storage.REMOTE_DATA_SOURCE.authInformation) === null || _a === void 0 ? void 0 : _a.userId) || 0);\n var sendTypingTextMessage = function () {\n console.log('call release in MessagesViewModelWithMockUseCase');\n userTypingMessageUseCase.execute().catch(function (reason) {\n var errorMessage = (0,_utils_parse__WEBPACK_IMPORTED_MODULE_11__.stringifyError)(reason);\n console.log('have exception in sendTypingTextMessage: ', errorMessage);\n throw new Error(errorMessage);\n });\n };\n var uploadFile = function (file) { return __awaiter(_this, void 0, void 0, function () {\n var fileEntity, uploadFileUseCase, resultEnity;\n return __generator(this, function (_a) {\n switch (_a.label) {\n case 0:\n console.log('call uploadFile(), file: ', file);\n fileEntity = _Data_Stubs__WEBPACK_IMPORTED_MODULE_8__.Stubs.createFileEntityWithDefaultValues();\n fileEntity.data = file;\n fileEntity.uid = '';\n fileEntity.name = file.name;\n fileEntity.size = file.size;\n fileEntity.type = file.type;\n uploadFileUseCase = new _Domain_use_cases_UploadFileUseCase__WEBPACK_IMPORTED_MODULE_9__.UploadFileUseCase(new _Data_repository_FileRepository__WEBPACK_IMPORTED_MODULE_10__.FileRepository(currentContext.storage.LOCAL_DATA_SOURCE, currentContext.storage.REMOTE_DATA_SOURCE), fileEntity);\n return [4 /*yield*/, uploadFileUseCase\n .execute()\n .catch(function (e) {\n console.log('Error UploadFileUseCase: ', (0,_utils_parse__WEBPACK_IMPORTED_MODULE_11__.stringifyError)(e));\n throw new Error((0,_utils_parse__WEBPACK_IMPORTED_MODULE_11__.stringifyError)(e));\n })];\n case 1:\n resultEnity = _a.sent();\n return [2 /*return*/, Promise.resolve(resultEnity)];\n }\n });\n }); };\n function sendMessage(messageToSend) {\n var sendTextMessageUseCase = new _Domain_use_cases_SendTextMessageUseCase__WEBPACK_IMPORTED_MODULE_12__.SendTextMessageUseCase(new _Data_repository_MessagesRepository__WEBPACK_IMPORTED_MODULE_6__[\"default\"](currentContext.storage.LOCAL_DATA_SOURCE, currentContext.storage.REMOTE_DATA_SOURCE), messageToSend);\n // eslint-disable-next-line promise/catch-or-return\n sendTextMessageUseCase\n .execute()\n .catch(function (reason) {\n var errorMessage = (0,_utils_parse__WEBPACK_IMPORTED_MODULE_11__.stringifyError)(reason);\n console.log('exception in sendMessage in useMessagesViewModel', errorMessage);\n setLoading(false);\n throw new Error(errorMessage);\n })\n .finally(function () {\n setLoading(false);\n });\n }\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n var sendTextMessage = function (newMessage) {\n var _a;\n setLoading(true);\n var currentUserId = ((_a = currentContext.storage.REMOTE_DATA_SOURCE.authInformation) === null || _a === void 0 ? void 0 : _a.userId) || 0;\n var messageToSend = _Data_Stubs__WEBPACK_IMPORTED_MODULE_8__.Stubs.createMessageEntityWithParams(0, dialog.id, newMessage, Date.now().toString(), Date.now(), Date.now().toString(), [], [], 1, currentUserId, // artan 22.06.23\n dialog.type === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_1__.DialogType[\"private\"]\n ? dialog.participantId\n : currentUserId, [], '', _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_1__.DialogType.group);\n messageToSend.dialogType = dialog.type;\n sendMessage(messageToSend);\n };\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n var sendAttachmentMessage = function (newMessage) {\n var _a;\n console.log('call sendTextMessage');\n setLoading(true);\n var currentUserId = ((_a = currentContext.storage.REMOTE_DATA_SOURCE.authInformation) === null || _a === void 0 ? void 0 : _a.userId) || 0;\n uploadFile(newMessage)\n // eslint-disable-next-line promise/always-return\n .then(function (fileMessage) {\n console.log(JSON.stringify(fileMessage));\n // '[attachment]'\n var messageToSend = _Data_Stubs__WEBPACK_IMPORTED_MODULE_8__.Stubs.createMessageEntityWithParams(0, dialog.id, \n // eslint-disable-next-line promise/always-return\n fileMessage.name || '[attachment]', Date.now().toString(), Date.now(), Date.now().toString(), [], [], 1, currentUserId, currentUserId, [], '', _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_1__.DialogType.group);\n messageToSend.dialogType = dialog.type;\n var attachments = [\n {\n id: fileMessage.uid,\n type: fileMessage.type,\n file: fileMessage,\n name: fileMessage.name,\n size: fileMessage.size,\n },\n ];\n messageToSend.attachments = attachments;\n sendMessage(messageToSend);\n //\n })\n .catch(function (reason) {\n var errorMessage = (0,_utils_parse__WEBPACK_IMPORTED_MODULE_11__.stringifyError)(reason);\n console.log('EXCEPTION in sendAttachmentMessage');\n throw new Error(errorMessage);\n });\n };\n return {\n get entity() {\n return dialog;\n },\n set entity(newDialog) {\n setDialog(newDialog);\n },\n messages: messages,\n loading: loading,\n error: error,\n // eslint-disable-next-line @typescript-eslint/no-misused-promises\n getMessages: getMessages,\n release: release,\n sendTextMessage: sendTextMessage,\n sendAttachmentMessage: sendAttachmentMessage,\n sendTypingTextMessage: sendTypingTextMessage,\n typingText: typingText,\n };\n}\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/Presentation/components/UI/Dialogs/MessagesView/useMessagesViewModel.ts?");
1899
1921
 
1900
1922
  /***/ }),
1901
1923
 
@@ -2086,6 +2108,17 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var reac
2086
2108
 
2087
2109
  /***/ }),
2088
2110
 
2111
+ /***/ "./src/Presentation/components/UI/svgs/Icons/Media/AIWidget/index.tsx":
2112
+ /*!****************************************************************************!*\
2113
+ !*** ./src/Presentation/components/UI/svgs/Icons/Media/AIWidget/index.tsx ***!
2114
+ \****************************************************************************/
2115
+ /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
2116
+
2117
+ "use strict";
2118
+ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\nvar __assign = (undefined && undefined.__assign) || function () {\n __assign = Object.assign || function(t) {\n for (var s, i = 1, n = arguments.length; i < n; i++) {\n s = arguments[i];\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\n\nfunction AIWidgetIcon(theme) {\n if (theme === void 0) { theme = undefined; }\n return !(theme === null || theme === void 0 ? void 0 : theme.applyZoom) ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"svg\", __assign({ width: theme && theme.width ? theme.width : '44', height: theme && theme.height ? theme.height : '44', viewBox: \"0 0 44 44\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"path\", { d: \"M2.76833 38.5L41.25 22L2.76833 5.5L2.75 18.3333L30.25 22L2.75 25.6667L2.76833 38.5Z\", id: \"SendB\", fill: theme && theme.color ? theme.color : 'var(--color-icon)' }) }))) : ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"svg\", __assign({ width: theme && theme.width ? theme.width : '28', height: theme && theme.height ? theme.height : '28', viewBox: \"0 0 22 18\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"path\", { d: \"M18,6 C20.209139,6 22,7.790861 22,10 L22,18 C22,19.9255253 20.6753401,21.786149 18.0260203,23.581871 C18.5654117,21.193957 18.3975027,20 17.5222933,20 L10,20 C7.790861,20 6,18.209139 6,16 L6,10 C6,7.790861 7.790861,6 10,6 L18,6 Z M18,10 L10,10 C9.44771525,10 9,10.4477153 9,11 L9,14 C9,14.5522847 9.44771525,15 10,15 L18,15 C18.5522847,15 19,14.5522847 19,14 L19,11 C19,10.4477153 18.5522847,10 18,10 Z M12,11 C12.5522847,11 13,11.4477153 13,12 L13,13 C13,13.5522847 12.5522847,14 12,14 C11.4477153,14 11,13.5522847 11,13 L11,12 C11,11.4477153 11.4477153,11 12,11 Z M16,11 C16.5522847,11 17,11.4477153 17,12 L17,13 C17,13.5522847 16.5522847,14 16,14 C15.4477153,14 15,13.5522847 15,13 L15,12 C15,11.4477153 15.4477153,11 16,11 Z M4,10 L5,10 L5,10 L5,16 L4,16 C3.44771525,16 3,15.5522847 3,15 L3,11 C3,10.4477153 3.44771525,10 4,10 Z M23,10 L24,10 C24.5522847,10 25,10.4477153 25,11 L25,15 C25,15.5522847 24.5522847,16 24,16 L23,16 L23,16 L23,10 Z\", id: \"AIWidget\", fill: theme && theme.color ? theme.color : 'var(--color-icon)' }) })));\n}\n/*\n\n\n */\n/* harmony default export */ __webpack_exports__[\"default\"] = (AIWidgetIcon);\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/Presentation/components/UI/svgs/Icons/Media/AIWidget/index.tsx?");
2119
+
2120
+ /***/ }),
2121
+
2089
2122
  /***/ "./src/Presentation/components/UI/svgs/Icons/Media/Attachment/index.tsx":
2090
2123
  /*!******************************************************************************!*\
2091
2124
  !*** ./src/Presentation/components/UI/svgs/Icons/Media/Attachment/index.tsx ***!
@@ -2346,7 +2379,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var reac
2346
2379
  /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
2347
2380
 
2348
2381
  "use strict";
2349
- 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?");
2382
+ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _providers_QuickBloxUIKitProvider_useQbInitializedDataContext__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../providers/QuickBloxUIKitProvider/useQbInitializedDataContext */ \"./src/Presentation/components/providers/QuickBloxUIKitProvider/useQbInitializedDataContext.ts\");\n/* harmony import */ var _Views_Dialogs_Dialogs__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../Views/Dialogs/Dialogs */ \"./src/Presentation/Views/Dialogs/Dialogs.tsx\");\n/* harmony import */ var _UI_Dialogs_DialogInformation_DialogInformation__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../UI/Dialogs/DialogInformation/DialogInformation */ \"./src/Presentation/components/UI/Dialogs/DialogInformation/DialogInformation.tsx\");\n/* harmony import */ var _DesktopLayout__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./DesktopLayout */ \"./src/Presentation/components/layouts/Desktop/DesktopLayout.tsx\");\n/* harmony import */ var _UI_Dialogs_MessagesView_MessagesView__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../UI/Dialogs/MessagesView/MessagesView */ \"./src/Presentation/components/UI/Dialogs/MessagesView/MessagesView.tsx\");\n/* harmony import */ var _Views_Dialogs_useDialogsViewModel__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../Views/Dialogs/useDialogsViewModel */ \"./src/Presentation/Views/Dialogs/useDialogsViewModel.ts\");\n/* harmony import */ var _Domain_repository_Pagination__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../Domain/repository/Pagination */ \"./src/Domain/repository/Pagination.ts\");\n/* harmony import */ var _QBconfig__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../../QBconfig */ \"./src/QBconfig.ts\");\n/* harmony import */ var _UI_Dialogs_MessagesView_AIWidgets_UseDefaultAIAssistAnswerWidgetWithProxy__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../UI/Dialogs/MessagesView/AIWidgets/UseDefaultAIAssistAnswerWidgetWithProxy */ \"./src/Presentation/components/UI/Dialogs/MessagesView/AIWidgets/UseDefaultAIAssistAnswerWidgetWithProxy.tsx\");\nvar __assign = (undefined && undefined.__assign) || function () {\n __assign = Object.assign || function(t) {\n for (var s, i = 1, n = arguments.length; i < n; i++) {\n s = arguments[i];\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\n\n\n\n\n\n\n\n\n\n\n\nvar QuickBloxUIKitDesktopLayout = function (_a) {\n var _b, _c, _d;\n var _e = _a.theme, theme = _e === void 0 ? undefined : _e, \n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n _f = _a.AITranslation, \n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n AITranslation = _f === void 0 ? undefined : _f, \n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n _g = _a.AIEditMessage, \n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n AIEditMessage = _g === void 0 ? undefined : _g, _h = _a.AIAnswerToMessage, AIAnswerToMessage = _h === void 0 ? undefined : _h;\n console.log('create QuickBloxUIKitDesktopLayout');\n var _j = react__WEBPACK_IMPORTED_MODULE_1___default().useState(), selectedDialog = _j[0], setSelectedDialog = _j[1];\n var currentContext = (0,_providers_QuickBloxUIKitProvider_useQbInitializedDataContext__WEBPACK_IMPORTED_MODULE_2__[\"default\"])();\n // const eventMessaging = useEventMessagesRepository();\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n var userName = (_b = currentContext.storage.REMOTE_DATA_SOURCE.authInformation) === null || _b === void 0 ? void 0 : _b.userName;\n var userId = (_c = currentContext.storage.REMOTE_DATA_SOURCE.authInformation) === null || _c === void 0 ? void 0 : _c.userId;\n var sessionToken = (_d = currentContext.storage.REMOTE_DATA_SOURCE.authInformation) === null || _d === void 0 ? void 0 : _d.sessionToken;\n var dialogsViewModel = (0,_Views_Dialogs_useDialogsViewModel__WEBPACK_IMPORTED_MODULE_7__[\"default\"])(currentContext);\n var defaultAIEditMessageWidget = AIEditMessage === null || AIEditMessage === void 0 ? void 0 : AIEditMessage.AIWidget; // useDefaultTextInputWidget();\n var defaultAITranslateWidget = AITranslation === null || AITranslation === void 0 ? void 0 : AITranslation.AIWidget;\n // if (!defaultAIEditMessageWidget) {\n // defaultAIEditMessageWidget = useDefaultTextInputWidget();\n // }\n // const defaultAITranslateWidget =\n // AITranslation?.AIWidget || useDefaultVoiceInputWidget();\n var defaultAIAnswerToMessageWidget;\n var getAIAssistAnswer = function () {\n if ((AIAnswerToMessage === null || AIAnswerToMessage === void 0 ? void 0 : AIAnswerToMessage.enabled) && !(AIAnswerToMessage === null || AIAnswerToMessage === void 0 ? void 0 : AIAnswerToMessage.default)) {\n defaultAIAnswerToMessageWidget = AIAnswerToMessage.AIWidget;\n }\n else if ((AIAnswerToMessage === null || AIAnswerToMessage === void 0 ? void 0 : AIAnswerToMessage.enabled) ||\n _QBconfig__WEBPACK_IMPORTED_MODULE_9__.QBConfig.configAIApi.AIAnswerAssistWidgetConfig.useDefault) {\n if (!_QBconfig__WEBPACK_IMPORTED_MODULE_9__.QBConfig.configAIApi.AIAnswerAssistWidgetConfig.useDefault ||\n (AIAnswerToMessage && !(AIAnswerToMessage === null || AIAnswerToMessage === void 0 ? void 0 : AIAnswerToMessage.default))) {\n defaultAIAnswerToMessageWidget = undefined;\n }\n else {\n var apiKey = _QBconfig__WEBPACK_IMPORTED_MODULE_9__.QBConfig.configAIApi.AIAnswerAssistWidgetConfig.apiKey;\n var token = '';\n if (apiKey) {\n token = apiKey;\n }\n else {\n token =\n _QBconfig__WEBPACK_IMPORTED_MODULE_9__.QBConfig.configAIApi.AIAnswerAssistWidgetConfig.proxyConfig.sessionToken ||\n sessionToken ||\n '';\n }\n defaultAIAnswerToMessageWidget =\n (0,_UI_Dialogs_MessagesView_AIWidgets_UseDefaultAIAssistAnswerWidgetWithProxy__WEBPACK_IMPORTED_MODULE_10__[\"default\"])(__assign(__assign({}, _QBconfig__WEBPACK_IMPORTED_MODULE_9__.QBConfig.configAIApi.AIAnswerAssistWidgetConfig.proxyConfig), { sessionToken: token }));\n }\n }\n };\n getAIAssistAnswer();\n var selectDialogActions = function (item) {\n if (!dialogsViewModel.loading) {\n setSelectedDialog(item);\n }\n };\n // const subscribeToDialogEventsUseCase: SubscribeToDialogEventsUseCase =\n // new SubscribeToDialogEventsUseCase(eventMessaging, 'TestStage');\n // инициализация СДК и загрузка тестовых данных, запуск пинга - может не быть\n // todo: добавить метод в контекст\n var isAuthProcessed = function () {\n console.log('call isAuthProcessed');\n var result = currentContext.storage.REMOTE_DATA_SOURCE.needInit === false &&\n currentContext.storage.REMOTE_DATA_SOURCE.authProcessed &&\n currentContext.storage.CONNECTION_REPOSITORY.needInit === false;\n console.log(\n // eslint-disable-next-line @typescript-eslint/restrict-template-expressions\n \"initialValue.REMOTE_DATA_SOURCE_MOCK.needInit: \".concat(currentContext.storage.REMOTE_DATA_SOURCE.needInit));\n console.log(\n // eslint-disable-next-line @typescript-eslint/restrict-template-expressions\n \"initialValue.REMOTE_DATA_SOURCE_MOCK.authProcessed: \".concat(currentContext.storage.REMOTE_DATA_SOURCE.authProcessed));\n console.log(\n // eslint-disable-next-line @typescript-eslint/restrict-template-expressions\n \"initialValue.CONNECTION_REPOSITORY.needInit: \".concat(currentContext.storage.CONNECTION_REPOSITORY.needInit));\n return result;\n };\n (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n console.log('TestStage: GET DATA ');\n console.log(\"auth data: \".concat(JSON.stringify(currentContext.InitParams.loginData), \" at \").concat(new Date().toLocaleTimeString()));\n if (isAuthProcessed()) {\n console.log('auth is completed, CAN GET DATA');\n var pagination = new _Domain_repository_Pagination__WEBPACK_IMPORTED_MODULE_8__.Pagination();\n dialogsViewModel === null || dialogsViewModel === void 0 ? void 0 : dialogsViewModel.getDialogs(pagination);\n }\n return function () {\n console.log('TestStage: USE EFFECT release');\n dialogsViewModel.release();\n };\n }, []); // сейчас это выполняется один раз при старте, а нужно каждый раз при смене пользователя\n // const dialogsEventHandler = (dialogInfo: DialogEventInfo) => {\n // console.log('call dialogsEventHandler in QuickBloxUIKitDesktopLayout');\n // if (dialogInfo.eventMessageType === EventMessageType.SystemMessage) {\n // switch (dialogInfo.notificationTypes) {\n // case NotificationTypes.DELETE_LEAVE_DIALOG: {\n // if (\n // dialogInfo.messageInfo &&\n // dialogInfo.messageInfo.sender_id === userId\n // ) {\n // setSelectedDialog(undefined);\n // }\n //\n // break;\n // }\n // default: {\n // const pagination: Pagination = new Pagination();\n //\n // dialogsViewModel?.getDialogs(pagination);\n // break;\n // }\n // }\n // }\n // };\n (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n console.log('TestStage: GET DATA AFTER User data has CHANGED');\n console.log(\"auth is \".concat(JSON.stringify(currentContext.InitParams.loginData), \" at \").concat(new Date().toLocaleTimeString()));\n if (isAuthProcessed()) {\n console.log('auth is completed, FETCH DATA');\n var pagination = new _Domain_repository_Pagination__WEBPACK_IMPORTED_MODULE_8__.Pagination();\n dialogsViewModel === null || dialogsViewModel === void 0 ? void 0 : dialogsViewModel.getDialogs(pagination);\n //\n // console.log('auth is completed, subscribe');\n //\n // subscribeToDialogEventsUseCase\n // .execute(dialogsEventHandler)\n // .catch((reason) => {\n // console.log(stringifyError(reason));\n // });\n // //\n // console.log('subscribe is completed, go');\n }\n }, [currentContext.InitParams]);\n (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n var _a;\n console.log(\"TestStage: selectedDialog: \".concat(((_a = selectedDialog === null || selectedDialog === void 0 ? void 0 : selectedDialog.entity) === null || _a === void 0 ? void 0 : _a.name) || 'Dialog Name is empty'));\n if (selectedDialog && selectedDialog.entity) {\n dialogsViewModel.entity = selectedDialog.entity;\n }\n }, [selectedDialog]);\n (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n var _a;\n console.log(\"Clear selected dialog: \".concat(((_a = selectedDialog === null || selectedDialog === void 0 ? void 0 : selectedDialog.entity) === null || _a === void 0 ? void 0 : _a.name) || 'Dialog Name is empty'));\n if (!dialogsViewModel.entity) {\n setSelectedDialog(undefined);\n }\n }, [dialogsViewModel.entity]);\n var _k = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(true), needDialogInformation = _k[0], setNeedDialogInformation = _k[1];\n var informationCloseHandler = function () {\n setNeedDialogInformation(false);\n };\n var informationOpenHandler = function () {\n setNeedDialogInformation(true);\n };\n return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_DesktopLayout__WEBPACK_IMPORTED_MODULE_5__[\"default\"], { theme: theme, dialogsView: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Views_Dialogs_Dialogs__WEBPACK_IMPORTED_MODULE_3__[\"default\"]\n // subHeaderContent={<CompanyLogo />}\n // upHeaderContent={<CompanyLogo />}\n , { \n // subHeaderContent={<CompanyLogo />}\n // upHeaderContent={<CompanyLogo />}\n dialogsViewModel: dialogsViewModel, onDialogSelectHandler: selectDialogActions, additionalSettings: {\n withoutHeader: false,\n themeHeader: theme,\n themePreview: theme,\n useSubHeader: false,\n useUpHeader: false,\n } }), dialogMessagesView: selectedDialog && selectedDialog.entity && dialogsViewModel.entity ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_UI_Dialogs_MessagesView_MessagesView__WEBPACK_IMPORTED_MODULE_6__[\"default\"]\n // subHeaderContent={<CompanyLogo />}\n // upHeaderContent={<CompanyLogo />}\n , { \n // subHeaderContent={<CompanyLogo />}\n // upHeaderContent={<CompanyLogo />}\n dialogsViewModel: dialogsViewModel, onDialogInformationHandler: informationOpenHandler, maxWidthToResize: selectedDialog && needDialogInformation ? undefined : '1040px', AIEditMessage: defaultAIEditMessageWidget, AITranslation: defaultAITranslateWidget, AIAnswerToMessage: defaultAIAnswerToMessageWidget, theme: theme }) // 1 Get Messages + 1 Get User by Id\n ) : ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ style: {\n minHeight: '799px',\n minWidth: '1040px',\n border: '1px solid var(--divider)',\n margin: '0 auto',\n } }, { children: [\"You login as \", userName, \"(\", userId, \"). Select chat to start conversation.\"] }))), dialogInfoView: \n // 1 Get User by 1 + Get user by name\n (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", { children: selectedDialog && needDialogInformation && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_UI_Dialogs_DialogInformation_DialogInformation__WEBPACK_IMPORTED_MODULE_4__[\"default\"]\n // subHeaderContent={<CompanyLogo />}\n // upHeaderContent={<CompanyLogo />}\n , { \n // subHeaderContent={<CompanyLogo />}\n // upHeaderContent={<CompanyLogo />}\n dialog: selectedDialog.entity, dialogViewModel: dialogsViewModel, onCloseDialogInformationHandler: informationCloseHandler })) }) }));\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (QuickBloxUIKitDesktopLayout);\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/Presentation/components/layouts/Desktop/QuickBloxUIKitDesktopLayout.tsx?");
2350
2383
 
2351
2384
  /***/ }),
2352
2385
 
@@ -2401,7 +2434,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
2401
2434
  /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
2402
2435
 
2403
2436
  "use strict";
2404
- eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _useQbDataContext__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./useQbDataContext */ \"./src/Presentation/components/providers/QuickBloxUIKitProvider/useQbDataContext.ts\");\n\nvar useEventMessagesRepository = function () {\n var currentQbDataContext = (0,_useQbDataContext__WEBPACK_IMPORTED_MODULE_0__[\"default\"])();\n return currentQbDataContext.storage.EVENT_MESSAGE_REPOSITORY;\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (useEventMessagesRepository);\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/Presentation/components/providers/QuickBloxUIKitProvider/useEventMessagesRepository.ts?");
2437
+ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _useQbInitializedDataContext__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./useQbInitializedDataContext */ \"./src/Presentation/components/providers/QuickBloxUIKitProvider/useQbInitializedDataContext.ts\");\n\nvar useEventMessagesRepository = function () {\n var currentQbDataContext = (0,_useQbInitializedDataContext__WEBPACK_IMPORTED_MODULE_0__[\"default\"])();\n return currentQbDataContext.storage.EVENT_MESSAGE_REPOSITORY;\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (useEventMessagesRepository);\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/Presentation/components/providers/QuickBloxUIKitProvider/useEventMessagesRepository.ts?");
2405
2438
 
2406
2439
  /***/ }),
2407
2440
 
@@ -2416,14 +2449,25 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var reac
2416
2449
 
2417
2450
  /***/ }),
2418
2451
 
2419
- /***/ "./src/Presentation/components/providers/QuickBloxUIKitProvider/useQbDataContext.ts":
2420
- /*!******************************************************************************************!*\
2421
- !*** ./src/Presentation/components/providers/QuickBloxUIKitProvider/useQbDataContext.ts ***!
2422
- \******************************************************************************************/
2452
+ /***/ "./src/Presentation/components/providers/QuickBloxUIKitProvider/useQbInitializedDataContext.ts":
2453
+ /*!*****************************************************************************************************!*\
2454
+ !*** ./src/Presentation/components/providers/QuickBloxUIKitProvider/useQbInitializedDataContext.ts ***!
2455
+ \*****************************************************************************************************/
2456
+ /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
2457
+
2458
+ "use strict";
2459
+ eval("__webpack_require__.r(__webpack_exports__);\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 _QuickBloxUIKitProvider__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./QuickBloxUIKitProvider */ \"./src/Presentation/components/providers/QuickBloxUIKitProvider/QuickBloxUIKitProvider.tsx\");\n\n\nvar useQbInitializedDataContext = function () {\n var currentQbDataContext = react__WEBPACK_IMPORTED_MODULE_0___default().useContext(_QuickBloxUIKitProvider__WEBPACK_IMPORTED_MODULE_1__.qbDataContext);\n console.log(\"call useQbDataContext with init param: \".concat(JSON.stringify(currentQbDataContext.InitParams)));\n // todo: throw exception if we have not enough data to start session or login\n var QuickBloxVersion = '';\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 QuickBloxVersion = \"Have SDK lib: version \".concat(QB.version, \" build \").concat(QB.buildNumber);\n console.log(QuickBloxVersion);\n }\n if (!currentQbDataContext) {\n throw new Error('HAVE NO DATA CONTEXT');\n }\n if (!currentQbDataContext.InitParams) {\n throw new Error('HAVE NO INIT SDK DATA');\n }\n // проверять был ли обработан логин\n // если сведения для логина - ник, пароль или токен сессии\n console.log('data context: update init param: ', JSON.stringify(currentQbDataContext.InitParams));\n if (currentQbDataContext.InitParams.accountData.appId &&\n currentQbDataContext.InitParams.accountData.accountKey &&\n currentQbDataContext.InitParams.accountData.accountKey.length > 0) {\n if (currentQbDataContext.InitParams.accountData.sessionToken &&\n currentQbDataContext.InitParams.accountData.sessionToken.length > 0) {\n /* empty */\n }\n else if (currentQbDataContext.InitParams.accountData.authSecret &&\n currentQbDataContext.InitParams.accountData.authSecret.length > 0) {\n // проверить был ли проинициализирован репозиторий этими данными\n // и залогинен юзер\n // QBInit({\n // appIdOrToken: currentQbDataContext.QBInitParams.accountData.appId,\n // authKeyOrAppId: currentQbDataContext.QBInitParams.accountData.authKey,\n // authSecret: currentQbDataContext.QBInitParams.accountData.authSecret,\n // accountKey: currentQbDataContext.QBInitParams.accountData.accountKey,\n // });\n // if (\n // currentQbDataContext.InitParams.loginData &&\n // currentQbDataContext.InitParams.loginData.login &&\n // currentQbDataContext.InitParams.loginData.login.length > 0 &&\n // currentQbDataContext.InitParams.loginData.password &&\n // currentQbDataContext.InitParams.loginData.password.length > 0\n // ) {\n // QuickBloxVersion = `Init SDK was success: version ${QB.version} build ${QB.buildNumber}`;\n // console.log(QuickBloxVersion);\n // console.log('all data to auth is collected');\n // // currentQbDataContext.updateAuthProcessedStatus(true);\n // } else {\n // throw new Error('HAVE NO AUTH USER DATA: login or password');\n // }\n }\n else {\n throw new Error('HAVE NO AUTH USER or WRONG authSecret');\n }\n }\n else {\n throw new Error('HAVE NO APPID OR ACCOUNT KEY');\n }\n return currentQbDataContext;\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (useQbInitializedDataContext);\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/Presentation/components/providers/QuickBloxUIKitProvider/useQbInitializedDataContext.ts?");
2460
+
2461
+ /***/ }),
2462
+
2463
+ /***/ "./src/Presentation/components/providers/QuickBloxUIKitProvider/useQbUIKitDataContext.ts":
2464
+ /*!***********************************************************************************************!*\
2465
+ !*** ./src/Presentation/components/providers/QuickBloxUIKitProvider/useQbUIKitDataContext.ts ***!
2466
+ \***********************************************************************************************/
2423
2467
  /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
2424
2468
 
2425
2469
  "use strict";
2426
- eval("__webpack_require__.r(__webpack_exports__);\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 _QuickBloxUIKitProvider__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./QuickBloxUIKitProvider */ \"./src/Presentation/components/providers/QuickBloxUIKitProvider/QuickBloxUIKitProvider.tsx\");\n\n\nvar useQbDataContext = function () {\n var currentQbDataContext = react__WEBPACK_IMPORTED_MODULE_0___default().useContext(_QuickBloxUIKitProvider__WEBPACK_IMPORTED_MODULE_1__.qbDataContext);\n console.log(\"call useQbDataContext with init param: \".concat(JSON.stringify(currentQbDataContext.InitParams)));\n // todo: throw exception if we have not enough data to start session or login\n var QuickBloxVersion = '';\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 QuickBloxVersion = \"Have SDK lib: version \".concat(QB.version, \" build \").concat(QB.buildNumber);\n console.log(QuickBloxVersion);\n }\n if (!currentQbDataContext) {\n throw new Error('HAVE NO DATA CONTEXT');\n }\n if (!currentQbDataContext.InitParams) {\n throw new Error('HAVE NO INIT SDK DATA');\n }\n // проверять был ли обработан логин\n // если сведения для логина - ник, пароль или токен сессии\n console.log('data context: update init param: ', JSON.stringify(currentQbDataContext.InitParams));\n if (currentQbDataContext.InitParams.accountData.appId &&\n currentQbDataContext.InitParams.accountData.accountKey &&\n currentQbDataContext.InitParams.accountData.accountKey.length > 0) {\n if (currentQbDataContext.InitParams.accountData.sessionToken &&\n currentQbDataContext.InitParams.accountData.sessionToken.length > 0) {\n /* empty */\n }\n else if (currentQbDataContext.InitParams.accountData.authSecret &&\n currentQbDataContext.InitParams.accountData.authSecret.length > 0) {\n // проверить был ли проинициализирован репозиторий этими данными\n // и залогинен юзер\n // QBInit({\n // appIdOrToken: currentQbDataContext.QBInitParams.accountData.appId,\n // authKeyOrAppId: currentQbDataContext.QBInitParams.accountData.authKey,\n // authSecret: currentQbDataContext.QBInitParams.accountData.authSecret,\n // accountKey: currentQbDataContext.QBInitParams.accountData.accountKey,\n // });\n // if (\n // currentQbDataContext.InitParams.loginData &&\n // currentQbDataContext.InitParams.loginData.login &&\n // currentQbDataContext.InitParams.loginData.login.length > 0 &&\n // currentQbDataContext.InitParams.loginData.password &&\n // currentQbDataContext.InitParams.loginData.password.length > 0\n // ) {\n // QuickBloxVersion = `Init SDK was success: version ${QB.version} build ${QB.buildNumber}`;\n // console.log(QuickBloxVersion);\n // console.log('all data to auth is collected');\n // // currentQbDataContext.updateAuthProcessedStatus(true);\n // } else {\n // throw new Error('HAVE NO AUTH USER DATA: login or password');\n // }\n }\n else {\n throw new Error('HAVE NO AUTH USER or WRONG authSecret');\n }\n }\n else {\n throw new Error('HAVE NO APPID OR ACCOUNT KEY');\n }\n return currentQbDataContext;\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (useQbDataContext);\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/Presentation/components/providers/QuickBloxUIKitProvider/useQbDataContext.ts?");
2470
+ eval("__webpack_require__.r(__webpack_exports__);\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 _QuickBloxUIKitProvider__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./QuickBloxUIKitProvider */ \"./src/Presentation/components/providers/QuickBloxUIKitProvider/QuickBloxUIKitProvider.tsx\");\n\n\nvar useQbUIKitDataContext = function () {\n var currentQbDataContext = react__WEBPACK_IMPORTED_MODULE_0___default().useContext(_QuickBloxUIKitProvider__WEBPACK_IMPORTED_MODULE_1__.qbDataContext);\n return currentQbDataContext;\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (useQbUIKitDataContext);\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/Presentation/components/providers/QuickBloxUIKitProvider/useQbUIKitDataContext.ts?");
2427
2471
 
2428
2472
  /***/ }),
2429
2473
 
@@ -2434,7 +2478,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var reac
2434
2478
  /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
2435
2479
 
2436
2480
  "use strict";
2437
- 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?");
2481
+ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"QBConfig\": function() { return /* binding */ QBConfig; }\n/* harmony export */ });\nvar __awaiter = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n return new (P || (P = Promise))(function (resolve, reject) {\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n step((generator = generator.apply(thisArg, _arguments || [])).next());\n });\n};\nvar __generator = (undefined && undefined.__generator) || function (thisArg, body) {\n var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\n return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\n function verb(n) { return function (v) { return step([n, v]); }; }\n function step(op) {\n if (f) throw new TypeError(\"Generator is already executing.\");\n while (g && (g = 0, op[0] && (_ = 0)), _) try {\n if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\n if (y = 0, t) op = [op[0] & 2, t.value];\n switch (op[0]) {\n case 0: case 1: t = op; break;\n case 4: _.label++; return { value: op[1], done: false };\n case 5: _.label++; y = op[1]; op = [0]; continue;\n case 7: op = _.ops.pop(); _.trys.pop(); continue;\n default:\n if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\n if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\n if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\n if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\n if (t[2]) _.ops.pop();\n _.trys.pop(); continue;\n }\n op = body.call(thisArg, _);\n } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\n if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\n }\n};\nvar QBConfig = {\n credentials: {\n appId: -1,\n accountKey: '',\n authKey: '',\n authSecret: '',\n sessionToken: '',\n },\n configAIApi: {\n AIAnswerAssistWidgetConfig: {\n apiKey: '',\n useDefault: true,\n proxyConfig: {\n api: 'v1/chat/completions',\n servername: 'https://api.openai.com/',\n port: '',\n sessionToken: '',\n },\n },\n },\n appConfig: {\n maxFileSize: 10 * 1024 * 1024,\n sessionTimeOut: 122,\n chatProtocol: {\n active: 2,\n },\n debug: true,\n endpoints: {\n api: 'api.quickblox.com',\n chat: 'chat.quickblox.com',\n },\n on: {\n // eslint-disable-next-line @typescript-eslint/no-unused-vars,@typescript-eslint/require-await\n sessionExpired: function (handleResponse, retry) {\n return __awaiter(this, void 0, void 0, function () {\n return __generator(this, function (_a) {\n console.log(\n // eslint-disable-next-line @typescript-eslint/restrict-template-expressions\n \"QBconfig sessionExpired handle: \".concat(handleResponse, \" \").concat(retry));\n return [2 /*return*/];\n });\n });\n },\n },\n streamManagement: {\n enable: true,\n },\n },\n};\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/QBconfig.ts?");
2438
2482
 
2439
2483
  /***/ }),
2440
2484
 
@@ -2445,7 +2489,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
2445
2489
  /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
2446
2490
 
2447
2491
  "use strict";
2448
- 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?");
2492
+ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"BaseViewModel\": function() { return /* reexport safe */ _Presentation_Views_Base_BaseViewModel__WEBPACK_IMPORTED_MODULE_17__[\"default\"]; },\n/* harmony export */ \"DefaultTheme\": function() { return /* reexport safe */ _Presentation_assets_DefaultThemes_DefaultTheme__WEBPACK_IMPORTED_MODULE_20__[\"default\"]; },\n/* harmony export */ \"DesktopLayout\": function() { return /* reexport safe */ _Presentation_components_layouts_Desktop_DesktopLayout__WEBPACK_IMPORTED_MODULE_13__[\"default\"]; },\n/* harmony export */ \"DialogInformation\": function() { return /* reexport safe */ _Presentation_components_UI_Dialogs_DialogInformation_DialogInformation__WEBPACK_IMPORTED_MODULE_16__[\"default\"]; },\n/* harmony export */ \"DialogsComponent\": function() { return /* reexport safe */ _Presentation_Views_Dialogs_Dialogs__WEBPACK_IMPORTED_MODULE_14__[\"default\"]; },\n/* harmony export */ \"EventMessageType\": function() { return /* reexport safe */ _Domain_entity_EventMessageType__WEBPACK_IMPORTED_MODULE_10__[\"default\"]; },\n/* harmony export */ \"LocalDataSource\": function() { return /* reexport safe */ _Data_source_local_LocalDataSource__WEBPACK_IMPORTED_MODULE_3__.LocalDataSource; },\n/* harmony export */ \"MainButton\": function() { return /* reexport safe */ _Presentation_components_UI_Buttons_MainButton_MainButton__WEBPACK_IMPORTED_MODULE_1__[\"default\"]; },\n/* harmony export */ \"MessagesView\": function() { return /* reexport safe */ _Presentation_components_UI_Dialogs_MessagesView_MessagesView__WEBPACK_IMPORTED_MODULE_15__[\"default\"]; },\n/* harmony export */ \"NotificationTypes\": function() { return /* reexport safe */ _Domain_entity_NotificationTypes__WEBPACK_IMPORTED_MODULE_11__.NotificationTypes; },\n/* harmony export */ \"Pagination\": function() { return /* reexport safe */ _Domain_repository_Pagination__WEBPACK_IMPORTED_MODULE_9__.Pagination; },\n/* harmony export */ \"QuickBloxUIKitDesktopLayout\": function() { return /* reexport safe */ _Presentation_components_layouts_Desktop_QuickBloxUIKitDesktopLayout__WEBPACK_IMPORTED_MODULE_19__[\"default\"]; },\n/* harmony export */ \"QuickBloxUIKitProvider\": function() { return /* reexport safe */ _Presentation_components_providers_QuickBloxUIKitProvider_QuickBloxUIKitProvider__WEBPACK_IMPORTED_MODULE_2__[\"default\"]; },\n/* harmony export */ \"RemoteDataSource\": function() { return /* reexport safe */ _Data_source_remote_RemoteDataSource__WEBPACK_IMPORTED_MODULE_18__.RemoteDataSource; },\n/* harmony export */ \"SubscribeToDialogEventsUseCase\": function() { return /* reexport safe */ _Domain_use_cases_SubscribeToDialogEventsUseCase__WEBPACK_IMPORTED_MODULE_8__.SubscribeToDialogEventsUseCase; },\n/* harmony export */ \"TypeButton\": function() { return /* reexport safe */ _Presentation_components_UI_Buttons_MainButton_MainButton__WEBPACK_IMPORTED_MODULE_1__.TypeButton; },\n/* harmony export */ \"qbDataContext\": function() { return /* reexport safe */ _Presentation_components_providers_QuickBloxUIKitProvider_QuickBloxUIKitProvider__WEBPACK_IMPORTED_MODULE_2__.qbDataContext; },\n/* harmony export */ \"stringifyError\": function() { return /* reexport safe */ _utils_parse__WEBPACK_IMPORTED_MODULE_12__.stringifyError; },\n/* harmony export */ \"useDialogsViewModel\": function() { return /* reexport safe */ _Presentation_Views_Dialogs_useDialogsViewModel__WEBPACK_IMPORTED_MODULE_7__[\"default\"]; },\n/* harmony export */ \"useEventMessagesRepository\": function() { return /* reexport safe */ _Presentation_components_providers_QuickBloxUIKitProvider_useEventMessagesRepository__WEBPACK_IMPORTED_MODULE_6__[\"default\"]; },\n/* harmony export */ \"useQBConnection\": function() { return /* reexport safe */ _Presentation_components_providers_QuickBloxUIKitProvider_useQBConnection__WEBPACK_IMPORTED_MODULE_4__[\"default\"]; },\n/* harmony export */ \"useQbInitializedDataContext\": function() { return /* reexport safe */ _Presentation_components_providers_QuickBloxUIKitProvider_useQbInitializedDataContext__WEBPACK_IMPORTED_MODULE_5__[\"default\"]; },\n/* harmony export */ \"useQbUIKitDataContext\": function() { return /* reexport safe */ _Presentation_components_providers_QuickBloxUIKitProvider_useQbUIKitDataContext__WEBPACK_IMPORTED_MODULE_21__[\"default\"]; }\n/* harmony export */ });\n/* harmony import */ var _index_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./index.scss */ \"./src/index.scss\");\n/* harmony import */ var _Presentation_components_UI_Buttons_MainButton_MainButton__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Presentation/components/UI/Buttons/MainButton/MainButton */ \"./src/Presentation/components/UI/Buttons/MainButton/MainButton.tsx\");\n/* harmony import */ var _Presentation_components_providers_QuickBloxUIKitProvider_QuickBloxUIKitProvider__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Presentation/components/providers/QuickBloxUIKitProvider/QuickBloxUIKitProvider */ \"./src/Presentation/components/providers/QuickBloxUIKitProvider/QuickBloxUIKitProvider.tsx\");\n/* harmony import */ var _Data_source_local_LocalDataSource__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Data/source/local/LocalDataSource */ \"./src/Data/source/local/LocalDataSource.ts\");\n/* harmony import */ var _Presentation_components_providers_QuickBloxUIKitProvider_useQBConnection__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./Presentation/components/providers/QuickBloxUIKitProvider/useQBConnection */ \"./src/Presentation/components/providers/QuickBloxUIKitProvider/useQBConnection.ts\");\n/* harmony import */ var _Presentation_components_providers_QuickBloxUIKitProvider_useQbInitializedDataContext__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./Presentation/components/providers/QuickBloxUIKitProvider/useQbInitializedDataContext */ \"./src/Presentation/components/providers/QuickBloxUIKitProvider/useQbInitializedDataContext.ts\");\n/* harmony import */ var _Presentation_components_providers_QuickBloxUIKitProvider_useEventMessagesRepository__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./Presentation/components/providers/QuickBloxUIKitProvider/useEventMessagesRepository */ \"./src/Presentation/components/providers/QuickBloxUIKitProvider/useEventMessagesRepository.ts\");\n/* harmony import */ var _Presentation_Views_Dialogs_useDialogsViewModel__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./Presentation/Views/Dialogs/useDialogsViewModel */ \"./src/Presentation/Views/Dialogs/useDialogsViewModel.ts\");\n/* harmony import */ var _Domain_use_cases_SubscribeToDialogEventsUseCase__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./Domain/use_cases/SubscribeToDialogEventsUseCase */ \"./src/Domain/use_cases/SubscribeToDialogEventsUseCase.ts\");\n/* harmony import */ var _Domain_repository_Pagination__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./Domain/repository/Pagination */ \"./src/Domain/repository/Pagination.ts\");\n/* harmony import */ var _Domain_entity_EventMessageType__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./Domain/entity/EventMessageType */ \"./src/Domain/entity/EventMessageType.ts\");\n/* harmony import */ var _Domain_entity_NotificationTypes__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./Domain/entity/NotificationTypes */ \"./src/Domain/entity/NotificationTypes.ts\");\n/* harmony import */ var _utils_parse__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./utils/parse */ \"./src/utils/parse.ts\");\n/* harmony import */ var _Presentation_components_layouts_Desktop_DesktopLayout__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./Presentation/components/layouts/Desktop/DesktopLayout */ \"./src/Presentation/components/layouts/Desktop/DesktopLayout.tsx\");\n/* harmony import */ var _Presentation_Views_Dialogs_Dialogs__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./Presentation/Views/Dialogs/Dialogs */ \"./src/Presentation/Views/Dialogs/Dialogs.tsx\");\n/* harmony import */ var _Presentation_components_UI_Dialogs_MessagesView_MessagesView__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./Presentation/components/UI/Dialogs/MessagesView/MessagesView */ \"./src/Presentation/components/UI/Dialogs/MessagesView/MessagesView.tsx\");\n/* harmony import */ var _Presentation_components_UI_Dialogs_DialogInformation_DialogInformation__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./Presentation/components/UI/Dialogs/DialogInformation/DialogInformation */ \"./src/Presentation/components/UI/Dialogs/DialogInformation/DialogInformation.tsx\");\n/* harmony import */ var _Presentation_Views_Base_BaseViewModel__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./Presentation/Views/Base/BaseViewModel */ \"./src/Presentation/Views/Base/BaseViewModel.ts\");\n/* harmony import */ var _Data_source_remote_RemoteDataSource__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./Data/source/remote/RemoteDataSource */ \"./src/Data/source/remote/RemoteDataSource.ts\");\n/* harmony import */ var _Presentation_components_layouts_Desktop_QuickBloxUIKitDesktopLayout__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./Presentation/components/layouts/Desktop/QuickBloxUIKitDesktopLayout */ \"./src/Presentation/components/layouts/Desktop/QuickBloxUIKitDesktopLayout.tsx\");\n/* harmony import */ var _Presentation_assets_DefaultThemes_DefaultTheme__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./Presentation/assets/DefaultThemes/DefaultTheme */ \"./src/Presentation/assets/DefaultThemes/DefaultTheme.ts\");\n/* harmony import */ var _Presentation_components_providers_QuickBloxUIKitProvider_useQbUIKitDataContext__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./Presentation/components/providers/QuickBloxUIKitProvider/useQbUIKitDataContext */ \"./src/Presentation/components/providers/QuickBloxUIKitProvider/useQbUIKitDataContext.ts\");\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/index-ui.ts?");
2449
2493
 
2450
2494
  /***/ }),
2451
2495
 
@@ -2482,6 +2526,17 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
2482
2526
 
2483
2527
  /***/ }),
2484
2528
 
2529
+ /***/ "./src/utils/utils.ts":
2530
+ /*!****************************!*\
2531
+ !*** ./src/utils/utils.ts ***!
2532
+ \****************************/
2533
+ /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
2534
+
2535
+ "use strict";
2536
+ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"completeSentence\": function() { return /* binding */ completeSentence; },\n/* harmony export */ \"loopToLimitTokens\": function() { return /* binding */ loopToLimitTokens; },\n/* harmony export */ \"tokenCounter\": function() { return /* binding */ tokenCounter; }\n/* harmony export */ });\n// import { encode } from 'gpt-3-encoder';\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};\nvar completeSentence = function (text) {\n return (text === null || text === void 0 ? void 0 : text.replace(/([^.!?;]+)[^.!?;]*$/, ' ...')) || '';\n};\n// export const tokenCounter = (text?: string) => (text ? encode(text).length : 0);\nvar tokenCounter = function (text) { return (text ? text.length / 4 : 0); };\nvar loopToLimitTokens = function (limit, data, getValue, tokens) {\n if (getValue === void 0) { getValue = function (item) {\n return typeof item === 'string' ? item : String(item);\n }; }\n if (tokens === void 0) { tokens = 0; }\n if (!data.length) {\n return [];\n }\n var firstItem = data[0], lastItems = data.slice(1);\n var itemValue = getValue(firstItem);\n var itemTokens = tokenCounter(itemValue);\n var amountTokens = tokens + itemTokens;\n if (amountTokens <= limit) {\n var nextData = loopToLimitTokens(limit, lastItems, getValue, amountTokens);\n return itemTokens === 0 ? nextData : __spreadArray([firstItem], nextData, true);\n }\n return [];\n};\n\n\n//# sourceURL=webpack://quickblox-react-ui-kit/./src/utils/utils.ts?");
2537
+
2538
+ /***/ }),
2539
+
2485
2540
  /***/ "react":
2486
2541
  /*!************************!*\
2487
2542
  !*** external "react" ***!