quickblox-react-ui-kit 0.5.0-beta.5 → 0.5.0-beta.7

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 (49) hide show
  1. package/dist/App.d.ts.map +1 -1
  2. package/dist/Data/source/remote/Mapper/DialogDTOMapper.d.ts.map +1 -1
  3. package/dist/Data/source/remote/RemoteDataSource.d.ts +5 -0
  4. package/dist/Data/source/remote/RemoteDataSource.d.ts.map +1 -1
  5. package/dist/Presentation/ui-components/DialogItemPreview/DialogItemPreview.d.ts +2 -2
  6. package/dist/Presentation/ui-components/DialogItemPreview/DialogItemPreview.d.ts.map +1 -1
  7. package/dist/Presentation/ui-components/Message/Message.d.ts.map +1 -1
  8. package/dist/Presentation/ui-components/MessageInput/MessageInput.d.ts.map +1 -1
  9. package/dist/hooks/useQuickBloxUIKit.d.ts.map +1 -1
  10. package/dist/index-ui.js +223 -84
  11. package/global.d.ts +4 -0
  12. package/package.json +1 -1
  13. package/src/Data/source/remote/Mapper/DialogDTOMapper.ts +26 -7
  14. package/src/Data/source/remote/RemoteDataSource.ts +157 -76
  15. package/src/Presentation/Views/Dialog/AIWidgets/AIWidgetActions/AIWidgetActions.scss +6 -0
  16. package/src/Presentation/Views/Dialog/AIWidgets/AIWidgetActions/AIWidgetActions.tsx +2 -2
  17. package/src/Presentation/Views/Dialog/Dialog.scss +7 -1
  18. package/src/Presentation/Views/DialogInfo/DialogInfo.scss +1 -1
  19. package/src/Presentation/layouts/Desktop/QuickBloxUIKitDesktopLayout.tsx +1 -1
  20. package/src/Presentation/themes/styles/_theme_dark.scss +1 -1
  21. package/src/Presentation/themes/styles/_theme_light.scss +1 -1
  22. package/src/Presentation/ui-components/DialogItemPreview/DialogItemPreview.stories.tsx +3 -1
  23. package/src/Presentation/ui-components/DialogItemPreview/DialogItemPreview.tsx +2 -2
  24. package/src/Presentation/ui-components/Message/Bubble/TextBubble/TextBubble.scss +7 -0
  25. package/src/Presentation/ui-components/Message/Message.scss +4 -0
  26. package/src/Presentation/ui-components/Message/Message.tsx +12 -2
  27. package/src/Presentation/ui-components/MessageInput/MessageInput.scss +4 -0
  28. package/src/Presentation/ui-components/MessageInput/MessageInput.tsx +64 -63
  29. package/src/Presentation/ui-components/TextField/TextField.scss +3 -0
  30. package/src/Presentation/ui-components/UserListItem/UserListItem.scss +5 -0
  31. package/src/hooks/useQuickBloxUIKit.ts +50 -6
  32. package/storybook-static/{Presentation-ui-components-DialogItemPreview-DialogItemPreview-stories.0d762d0d.iframe.bundle.js → Presentation-ui-components-DialogItemPreview-DialogItemPreview-stories.4e25a94d.iframe.bundle.js} +2 -2
  33. package/storybook-static/Presentation-ui-components-Message-Message-stories.b63e0d9f.iframe.bundle.js +2 -0
  34. package/storybook-static/Presentation-ui-components-MessageInput-MessageInput-stories.4015ee79.iframe.bundle.js +1 -0
  35. package/storybook-static/Presentation-ui-components-TextField-TextField-stories.19812f7d.iframe.bundle.js +2 -0
  36. package/storybook-static/Presentation-ui-components-UserListItem-UserListItem-stories.d2f60e13.iframe.bundle.js +2 -0
  37. package/storybook-static/iframe.html +2 -2
  38. package/storybook-static/main.c2fb2ab0.iframe.bundle.js +1 -0
  39. package/storybook-static/project.json +1 -1
  40. package/storybook-static/{runtime~main.764e618f.iframe.bundle.js → runtime~main.edd70ea8.iframe.bundle.js} +1 -1
  41. package/storybook-static/Presentation-ui-components-Message-Message-stories.83658a4d.iframe.bundle.js +0 -2
  42. package/storybook-static/Presentation-ui-components-MessageInput-MessageInput-stories.777e8a38.iframe.bundle.js +0 -1
  43. package/storybook-static/Presentation-ui-components-TextField-TextField-stories.db85d4ac.iframe.bundle.js +0 -2
  44. package/storybook-static/Presentation-ui-components-UserListItem-UserListItem-stories.019c5688.iframe.bundle.js +0 -2
  45. package/storybook-static/main.4f17bc46.iframe.bundle.js +0 -1
  46. /package/storybook-static/{Presentation-ui-components-DialogItemPreview-DialogItemPreview-stories.0d762d0d.iframe.bundle.js.LICENSE.txt → Presentation-ui-components-DialogItemPreview-DialogItemPreview-stories.4e25a94d.iframe.bundle.js.LICENSE.txt} +0 -0
  47. /package/storybook-static/{Presentation-ui-components-Message-Message-stories.83658a4d.iframe.bundle.js.LICENSE.txt → Presentation-ui-components-Message-Message-stories.b63e0d9f.iframe.bundle.js.LICENSE.txt} +0 -0
  48. /package/storybook-static/{Presentation-ui-components-TextField-TextField-stories.db85d4ac.iframe.bundle.js.LICENSE.txt → Presentation-ui-components-TextField-TextField-stories.19812f7d.iframe.bundle.js.LICENSE.txt} +0 -0
  49. /package/storybook-static/{Presentation-ui-components-UserListItem-UserListItem-stories.019c5688.iframe.bundle.js.LICENSE.txt → Presentation-ui-components-UserListItem-UserListItem-stories.d2f60e13.iframe.bundle.js.LICENSE.txt} +0 -0
package/dist/index-ui.js CHANGED
@@ -29,7 +29,7 @@ var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBP
29
29
  ___CSS_LOADER_EXPORT___.push([module.id, "@import url(https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,400;0,500;0,700;1,700&display=swap);"]);
30
30
  ___CSS_LOADER_EXPORT___.push([module.id, "@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600;700&display=swap);"]);
31
31
  // Module
32
- ___CSS_LOADER_EXPORT___.push([module.id, `:root{--primary: #3978FC;--color-background: #FFFFFF;--color-background-modal: rgba(19, 29, 40, 0.8);--color-background-overlay: #0B121B;--color-divider: #E7EFFF;--color-font: #0B121B;--color-icon: #3978FC;--color-media-icon: #FFFFFF;--color-default-hover: #2C65FB;--color-default-active: #1748FA;--color-background-info: #C4D7FE;--color-border-active: #9CBCFE;--tertiary-elements: #636D78;--main-elements: #3978FC;--toast-color: #131D28;--secondary-elements: #202F3E;--input-elements: #202F3E;--disabled-elements: #BCC1C5;--field-border: #90979F;--main-text: #0B121B;--secondary-text: #636D78;--caption: #90979F;--main-background: #FFFFFF;--secondary-background: #FFFFFF;--secondary-background-modal: rgba(19, 29, 40, 0.8);--incoming-background: #E4E6E8;--outgoing-background: #E7EFFF;--dropdown-background: #FFFFFF;--chat-input: #F7F9FF;--divider: #E7EFFF;--error: #FF3B30;--error-secondary: #FF9D98;--hightlight: #FFFDC1;--system: #FFFFFF}html[data-theme=dark]{--primary: #3978FC;--color-background: #0B121B;--color-background-modal: rgba(19, 29, 40, 0.8);--color-background-overlay: #0B121B;--color-divider: #414E5B;--color-font: #FFFFFF;--color-icon: #74A1FD;--color-media-icon: #FFFFFF;--color-default-hover: #182330;--color-default-active: #0B121B;--color-background-info: #3978FC;--color-border-active: #90979F;--tertiary-elements: #636D78;--main-elements: #74A1FD;--secondary-elements: #FFFFFF;--input-elements: #90979F;--disabled-elements: #BCC1C5;--field-border: #90979F;--main-text: #FFFFFF;--secondary-text: #90979F;--caption: #BCC1C5;--main-background: #202F3E;--secondary-background: #131D28;--incoming-background: #414E5B;--outgoing-background: #3978FC;--dropdown-background: #414E5B;--chat-input: #131D28;--divider: #414E5B;--error: #FF766E;--error-secondary: #FFC4C1;--hightlight: #FFFDC1;--system: #FFFFFF}:root{--title-title-large: 500 20px/24px "Roboto", sans-serif;--title-title-medium: 500 16px/24px "Roboto", sans-serif;--title-title-small: 500 14px/20px "Roboto", sans-serif;--label-label-large: 500 14px/20px "Roboto", sans-serif;--label-label-medium: 500 12px/16px "Roboto", sans-serif;--label-label-small: 500 11px/16px "Roboto", sans-serif;--body-body-large: 400 16px/24px "Roboto", sans-serif;--body-body-medium: 400 14px/20px "Roboto", sans-serif;--body-body-small: 400 12px/16px "Roboto", sans-serif;--button-fab: 500 14px/16px "Roboto", sans-serif;--button-default: 700 14px/16px "Roboto", sans-serif;--ui-kit-header: 500 48px "Roboto Mono", sans-serif;--ui-kit-title: 500 32px "Roboto Mono", sans-serif;--ui-kit-body: 400 17px "Roboto Mono", sans-serif;--max-width-message-bubble: 480px;--max-width-message-view-container: 680px;--max-width-image-message: 240px;--max-width-audio-message: 300px;--max-width-dialog-list: 320px;--min-width-screen-desktop: 980px}.qb-uikit-layout *{box-sizing:border-box}.qb-uikit-layout{font-family:"Roboto";color:var(--main-text);background-color:var(--main-background);overflow:hidden !important;scrollbar-width:none !important}@media only screen and (max-width: 980px){:root{--max-width-message-view-container: 345px;--max-width-message-bubble: 170px;--max-width-image-message: 150px;--max-width-audio-message: 150px;--max-width-dialog-list: 100%}}`, ""]);
32
+ ___CSS_LOADER_EXPORT___.push([module.id, `:root{--primary: #3978FC;--color-background: #FFFFFF;--color-background-modal: rgba(19, 29, 40, 0.8);--color-background-overlay: #0B121B;--color-divider: #E7EFFF;--color-font: #0B121B;--color-icon: #3978FC;--color-media-icon: #FFFFFF;--color-default-hover: #2C65FB;--color-default-active: #1748FA;--color-background-info: #C4D7FE;--color-border-active: #9CBCFE;--tertiary-elements: #636D78;--main-elements: #3978FC;--toast-color: #131D28;--secondary-elements: #202F3E;--input-elements: #202F3E;--disabled-elements: #BCC1C5;--field-border: #90979F;--main-text: #0B121B;--secondary-text: #636D78;--caption: #90979F;--main-background: #FFFFFF;--secondary-background: #FFFFFF;--secondary-background-modal: rgba(19, 29, 40, 0.8);--incoming-background: #E4E6E8;--outgoing-background: #E7EFFF;--dropdown-background: #FFFFFF;--chat-input: #E4E6E8;--divider: #E7EFFF;--error: #FF3B30;--error-secondary: #FF9D98;--hightlight: #FFFDC1;--system: #FFFFFF}html[data-theme=dark]{--primary: #3978FC;--color-background: #0B121B;--color-background-modal: rgba(19, 29, 40, 0.8);--color-background-overlay: #0B121B;--color-divider: #414E5B;--color-font: #FFFFFF;--color-icon: #74A1FD;--color-media-icon: #FFFFFF;--color-default-hover: #182330;--color-default-active: #0B121B;--color-background-info: #3978FC;--color-border-active: #90979F;--tertiary-elements: #636D78;--main-elements: #74A1FD;--secondary-elements: #FFFFFF;--input-elements: #90979F;--disabled-elements: #BCC1C5;--field-border: #90979F;--main-text: #FFFFFF;--secondary-text: #90979F;--caption: #BCC1C5;--main-background: #202F3E;--secondary-background: #131D28;--incoming-background: #414E5B;--outgoing-background: #3978FC;--dropdown-background: #414E5B;--chat-input: #414E5B;--divider: #414E5B;--error: #FF766E;--error-secondary: #FFC4C1;--hightlight: #FFFDC1;--system: #FFFFFF}:root{--title-title-large: 500 20px/24px "Roboto", sans-serif;--title-title-medium: 500 16px/24px "Roboto", sans-serif;--title-title-small: 500 14px/20px "Roboto", sans-serif;--label-label-large: 500 14px/20px "Roboto", sans-serif;--label-label-medium: 500 12px/16px "Roboto", sans-serif;--label-label-small: 500 11px/16px "Roboto", sans-serif;--body-body-large: 400 16px/24px "Roboto", sans-serif;--body-body-medium: 400 14px/20px "Roboto", sans-serif;--body-body-small: 400 12px/16px "Roboto", sans-serif;--button-fab: 500 14px/16px "Roboto", sans-serif;--button-default: 700 14px/16px "Roboto", sans-serif;--ui-kit-header: 500 48px "Roboto Mono", sans-serif;--ui-kit-title: 500 32px "Roboto Mono", sans-serif;--ui-kit-body: 400 17px "Roboto Mono", sans-serif;--max-width-message-bubble: 480px;--max-width-message-view-container: 680px;--max-width-image-message: 240px;--max-width-audio-message: 300px;--max-width-dialog-list: 320px;--min-width-screen-desktop: 980px}.qb-uikit-layout *{box-sizing:border-box}.qb-uikit-layout{font-family:"Roboto";color:var(--main-text);background-color:var(--main-background);overflow:hidden !important;scrollbar-width:none !important}@media only screen and (max-width: 980px){:root{--max-width-message-view-container: 345px;--max-width-message-bubble: 170px;--max-width-image-message: 150px;--max-width-audio-message: 150px;--max-width-dialog-list: 100%}}`, ""]);
33
33
  // Exports
34
34
  /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
35
35
 
@@ -355,7 +355,7 @@ module.exports = function (i) {
355
355
 
356
356
  var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
357
357
  // Module
358
- ___CSS_LOADER_EXPORT___.push([module.id, `.user-list-item{display:flex;align-items:center;justify-content:space-between;height:56px;padding:8px 19px 8px 16px;gap:16px;border-bottom:1px solid var(--divider)}.user-list-item--disabled{cursor:not-allowed;color:var(--disabled-elements);fill:var(--disabled-elements)}.user-list-item__avatar{display:flex;align-items:center;justify-content:space-between}.user-list-item__name{margin-left:16px;font-weight:400;font-size:16px;line-height:24px;letter-spacing:.15px;color:var(--main-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:180px}`, ""]);
358
+ ___CSS_LOADER_EXPORT___.push([module.id, `.user-list-item{display:flex;align-items:center;justify-content:space-between;height:56px;padding:8px 19px 8px 16px;gap:16px;border-bottom:1px solid var(--divider)}.user-list-item--disabled{cursor:not-allowed;color:var(--disabled-elements);fill:var(--disabled-elements)}.user-list-item__avatar{display:flex;align-items:center;justify-content:space-between}.user-list-item__name{margin-left:16px;font-weight:400;font-size:16px;line-height:24px;letter-spacing:.15px;color:var(--main-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:180px}@media only screen and (max-width: 980px){.user-list-item__name{width:130px}}`, ""]);
359
359
  // Exports
360
360
  /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
361
361
 
@@ -57393,7 +57393,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, `.section-list {
57393
57393
 
57394
57394
  var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
57395
57395
  // Module
57396
- ___CSS_LOADER_EXPORT___.push([module.id, `.dropdown-context-menu-tone *{box-sizing:border-box}.dropdown-context-menu-tone{position:absolute;bottom:-15px;right:0;zIndex:1;width:max-content;height:max-content;background:var(--primary-primary-a-100, #ffffff);border-radius:4px;padding:8px 0px 8px 0px;box-shadow:0px 3px 5px 0px rgba(0,0,0,.04),0px 3px 14px 0px rgba(0,0,0,.08),0px 8px 10px 0px rgba(0,0,0,.12)}.dropdown-context-menu-tone-menu-item{padding:4px 8px 4px 16px;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;align-self:stretch;flex-shrink:0;position:relative}.dropdown-context-menu-tone-menu-item-title{color:var(--secondary-secondary-900, #0b121b);text-align:left;font:var(--body-body-medium, 400 14px/20px "Roboto", sans-serif);position:relative;display:flex;align-items:center;justify-content:flex-start}.dropdown-context-menu-tone-menu-item-icon{border-radius:4px;padding:4px;display:flex;flex-direction:row;gap:0px;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px;position:relative}`, ""]);
57396
+ ___CSS_LOADER_EXPORT___.push([module.id, `.dropdown-context-menu-tone *{box-sizing:border-box}.dropdown-context-menu-tone{position:absolute;bottom:-15px;right:0;zIndex:1;width:max-content;height:max-content;background:var(--primary-primary-a-100, #ffffff);border-radius:4px;padding:8px 0px 8px 0px;box-shadow:0px 3px 5px 0px rgba(0,0,0,.04),0px 3px 14px 0px rgba(0,0,0,.08),0px 8px 10px 0px rgba(0,0,0,.12)}.dropdown-context-menu-tone-menu-item{padding:4px 8px 4px 16px;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;align-self:stretch;flex-shrink:0;position:relative}.dropdown-context-menu-tone-menu-item-title{color:var(--secondary-secondary-900, #0b121b);text-align:left;font:var(--body-body-medium, 400 14px/20px "Roboto", sans-serif);position:relative;display:flex;align-items:center;justify-content:flex-start}.dropdown-context-menu-tone-menu-item-icon{border-radius:4px;padding:4px;display:flex;flex-direction:row;gap:0px;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px;position:relative}.ai-widget-actions-render{display:flex;align-items:center;padding-right:8px}`, ""]);
57397
57397
  // Exports
57398
57398
  /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
57399
57399
 
@@ -57447,7 +57447,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, `.badge{display:flex;justify-content:ce
57447
57447
 
57448
57448
  var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
57449
57449
  // Module
57450
- ___CSS_LOADER_EXPORT___.push([module.id, `.message-item{display:flex;flex-direction:row;gap:0px;align-items:center;justify-content:flex-start;align-self:stretch;flex-shrink:0;position:relative}.message-item__right{display:flex;flex-direction:row;align-items:flex-end;justify-content:flex-end;width:100%}.message-item__more{display:flex;flex-direction:row;gap:10px;align-items:center;justify-content:center;align-self:stretch;flex-shrink:0;position:relative;cursor:pointer}.message-item__more__icon{border-radius:4px;display:flex;flex-direction:row;gap:0px;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px;position:relative}.message-item__more__icon__actions{fill:var(--tertiary-elements, #636D78);path:var(--tertiary-elements, #636D78)}.message-item__outgoing{padding:0px 8px 8px 16px;display:flex;flex-direction:row;gap:8px;justify-content:flex-end;align-self:stretch;flex-shrink:0;width:320px;position:relative}.message-item__outgoing__chat{display:flex;flex-direction:column;gap:2px;align-items:flex-start;justify-content:flex-start;flex-shrink:0;position:relative}.message-item__outgoing__chat__bubble-background{background:var(--outgoing-background, #E7EFFF);border-radius:22px 22px 0px 22px;padding:8px 12px 8px 12px;display:flex;flex-direction:row;gap:10px;align-items:flex-start;justify-content:flex-start;flex-shrink:0;position:relative}.message-item__incoming-mes{background:var(--secondary-background, #ffffff);padding:0px 16px 8px 8px;display:flex;flex-direction:row;gap:8px;align-items:flex-end;justify-content:flex-start;align-self:stretch;flex-shrink:0;width:320px;position:relative}.message-item__incoming{display:flex;flex-direction:column;gap:2px;align-items:flex-start;justify-content:flex-end}.message-item__incoming__chat{display:flex;flex-direction:row;gap:8px}.message-item__incoming__chat__bubble{display:flex;flex-direction:column;gap:4px;align-items:flex-end;justify-content:flex-end;flex-shrink:0;position:relative}.message-item__incoming__chat__bubble__background{background:var(--incoming-background, #e4e6e8);border-radius:22px 22px 22px 0px;padding:8px 12px 8px 12px;display:flex;flex-direction:row;gap:10px;align-items:flex-start;justify-content:flex-start;flex-shrink:0;position:relative}`, ""]);
57450
+ ___CSS_LOADER_EXPORT___.push([module.id, `.message-item{display:flex;flex-direction:row;gap:0px;align-items:center;justify-content:flex-start;align-self:stretch;flex-shrink:0;position:relative}.message-item__right{display:flex;flex-direction:row;align-items:flex-end;justify-content:flex-end;width:100%}.message-item__more{display:flex;flex-direction:row;gap:10px;align-items:center;justify-content:center;align-self:stretch;flex-shrink:0;position:relative;cursor:pointer}.message-item__more__icon{border-radius:4px;display:flex;flex-direction:row;gap:0px;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px;position:relative}.message-item__more__icon__actions{fill:var(--tertiary-elements, #636D78);path:var(--tertiary-elements, #636D78)}.message-item__outgoing{padding:0px 8px 8px 16px;display:flex;flex-direction:row;gap:8px;justify-content:flex-end;align-self:stretch;flex-shrink:0;width:320px;position:relative}.message-item__outgoing__chat{display:flex;flex-direction:column;gap:2px;align-items:flex-start;justify-content:flex-start;flex-shrink:0;position:relative}.message-item__outgoing__chat__bubble-background{background:var(--outgoing-background, #E7EFFF);border-radius:22px 22px 0px 22px;padding:8px 12px 8px 12px;display:flex;flex-direction:row;gap:10px;align-items:flex-start;justify-content:flex-start;flex-shrink:0;position:relative}.message-item__outgoing__chat .reply-forward-message{color:var(--secondary-text);width:100%}.message-item__incoming-mes{background:var(--secondary-background, #ffffff);padding:0px 16px 8px 8px;display:flex;flex-direction:row;gap:8px;align-items:flex-end;justify-content:flex-start;align-self:stretch;flex-shrink:0;width:320px;position:relative}.message-item__incoming{display:flex;flex-direction:column;gap:2px;align-items:flex-start;justify-content:flex-end}.message-item__incoming__chat{display:flex;flex-direction:row;gap:8px}.message-item__incoming__chat__bubble{display:flex;flex-direction:column;gap:4px;align-items:flex-end;justify-content:flex-end;flex-shrink:0;position:relative}.message-item__incoming__chat__bubble__background{background:var(--incoming-background, #e4e6e8);border-radius:22px 22px 22px 0px;padding:8px 12px 8px 12px;display:flex;flex-direction:row;gap:10px;align-items:flex-start;justify-content:flex-start;flex-shrink:0;position:relative}`, ""]);
57451
57451
  // Exports
57452
57452
  /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
57453
57453
 
@@ -58815,7 +58815,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, `.ai-assist-answer{padding:0px 0px 15px
58815
58815
 
58816
58816
  var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
58817
58817
  // Module
58818
- ___CSS_LOADER_EXPORT___.push([module.id, `.chat-container{width:100%}.chat-container__icon{width:24px;height:24px;cursor:pointer;fill:var(--secondary-elements)}.chat-container__icon__send{width:24px;height:24px;cursor:pointer;fill:var(--main-elements)}.chat-container__icon svg path{fill:var(--main-elements)}.chat-container__icon--mute{fill:var(--disabled-elements)}.chat-container__icon--mute svg path{fill:var(--disabled-elements)}.chat-container__icon--disable{fill:var(--disabled-elements);cursor:default}.chat-container__icon--disable svg path{fill:var(--disabled-elements)}.chat-container__icon--red{fill:var(--error)}.chat-container__icon--red svg path{fill:var(--error)}.chat-container__loader{fill:var(--color-background-info)}.chat-container__loader svg path{fill:var(--color-background-info)}.chat-input{min-height:54px;max-height:182px;height:54px;width:100%;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;margin:0 auto;padding-left:12px;padding-right:12px;padding-bottom:2px;gap:6px}.chat-input:disabled{background-color:dimgray;color:linen;opacity:1;cursor:not-allowed}.chat-input textarea{width:100%;height:44px;min-Height:44px;max-Height:128px;background-Color:var(--chat-input);border-Radius:4px;padding-left:16px;padding-top:8px;line-height:24px;font-size:16px;margin:0 auto;resize:none}.input-text-message *{box-sizing:border-box}.input-text-message{background:var(--chat-input);border-radius:4px;display:flex;flex-direction:row;gap:8px;align-items:flex-end;justify-content:flex-start;flex:1;position:relative}.type-message{color:var(--field-border);text-align:left;font:var(--body-body-large);position:relative;flex:1;display:flex;align-items:center;justify-content:flex-start}.type-message textarea{color:var(--input-elements);font:var(--body-body-large);border:none;outline:none}.right{display:flex;flex-direction:row;gap:10px;align-items:center;justify-content:flex-end;flex-shrink:0;position:relative;margin-bottom:5px}`, ""]);
58818
+ ___CSS_LOADER_EXPORT___.push([module.id, `.chat-container{width:100%}.chat-container__send-icon{display:flex;align-items:center}.chat-container__icon{width:24px;height:24px;cursor:pointer;fill:var(--secondary-elements)}.chat-container__icon__send{width:24px;height:24px;cursor:pointer;fill:var(--main-elements)}.chat-container__icon svg path{fill:var(--main-elements)}.chat-container__icon--mute{fill:var(--disabled-elements)}.chat-container__icon--mute svg path{fill:var(--disabled-elements)}.chat-container__icon--disable{fill:var(--disabled-elements);cursor:default}.chat-container__icon--disable svg path{fill:var(--disabled-elements)}.chat-container__icon--red{fill:var(--error)}.chat-container__icon--red svg path{fill:var(--error)}.chat-container__loader{fill:var(--color-background-info)}.chat-container__loader svg path{fill:var(--color-background-info)}.chat-input{min-height:54px;max-height:182px;height:54px;width:100%;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;margin:0 auto;padding-left:12px;padding-right:12px;padding-bottom:2px;gap:6px}.chat-input:disabled{background-color:dimgray;color:linen;opacity:1;cursor:not-allowed}.chat-input textarea{width:100%;height:44px;min-Height:44px;max-Height:128px;background-Color:var(--chat-input);border-Radius:4px;padding-left:16px;padding-top:8px;line-height:24px;font-size:16px;margin:0 auto;resize:none}.input-text-message *{box-sizing:border-box}.input-text-message{background:var(--chat-input);border-radius:4px;display:flex;flex-direction:row;gap:8px;align-items:flex-end;justify-content:flex-start;flex:1;position:relative}.type-message{color:var(--field-border);text-align:left;font:var(--body-body-large);position:relative;flex:1;display:flex;align-items:center;justify-content:flex-start}.type-message textarea{color:var(--input-elements);font:var(--body-body-large);border:none;outline:none}.right{display:flex;flex-direction:row;gap:10px;align-items:center;justify-content:flex-end;flex-shrink:0;position:relative;margin-bottom:5px}`, ""]);
58819
58819
  // Exports
58820
58820
  /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
58821
58821
 
@@ -58838,7 +58838,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, `.chat-container{width:100%}.chat-conta
58838
58838
 
58839
58839
  var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
58840
58840
  // Module
58841
- ___CSS_LOADER_EXPORT___.push([module.id, `.header-dialog-info,.header-dialog-info *{box-sizing:border-box}.header-dialog-info{padding:16px 16px 16px 24px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;align-self:stretch;flex-shrink:0;font:var(--title-title-large);position:relative;border-bottom:1px solid var(--divider);height:64px}.header-dialog-info .dialog-header__icon svg{width:24px;height:24px;fill:var(--main-text)}.header-dialog-info-icon{width:24px;height:24px;fill:var(--secondary-elements)}.header-dialog-info-headline{color:var(--main-text, #0b1b0f);text-align:left;font:var(--title-title-large);position:relative}.dialog-information-profile,.dialog-information-profile *{box-sizing:border-box}.dialog-information-profile{padding:24px 0px 24px 0px;align-self:stretch;flex-flow:column;flex-shrink:0;height:160px;position:relative;border-bottom:1px solid var(--divider)}.dialog-information-profile-avatar{height:80px;left:140px;top:24px}.dialog-info-profile-avatar-default-icon{display:flex;justify-content:center}.dialog-info-profile-avatar-ellipse{border-radius:50%;position:absolute;height:81px;width:81px;top:24px}.dialog-info-profile-avatar-contents{position:absolute;right:17.86%;left:17.86%;width:64.29%;bottom:17.86%;top:17.86%;height:64.29%;overflow:visible}.dialog-information-profile-dialog-name{margin-top:8px;color:var(--main-text, #0b1b0f);text-align:center;font:var(--title-title-medium);left:134.5px;top:112px;display:flex;align-items:center;justify-content:center}.dialog-information-profile-edit{right:-10px;border-radius:4px;padding:8px 56px 0px 0px;display:flex;flex-direction:row;gap:0;align-items:center;justify-content:center;position:absolute;top:8px}.dialog-information-profile-edit-button{color:var(--main-elements, #3978fc);text-align:left;font:var(--button-default);position:relative}.dialog-information-profile-edit-button--disable{color:var(--disabled-elements);cursor:default}.dialog-info-action-wrapper-settings,.dialog-info-action-wrapper-settings *{box-sizing:border-box}.dialog-info-action-wrapper-settings{padding:16px;display:flex;flex-direction:row;gap:16px;align-items:center;justify-content:flex-start;align-self:stretch;flex-shrink:0;position:relative;border-bottom:1px solid var(--divider)}@media only screen and (max-width: var(--min-width-screen-desktop)){.dialog-info-action-wrapper-settings{padding:6px}}.no-padding{padding:0}.dialog-info-action-wrapper-settings-icon{border-radius:4px;padding:4px;display:flex;flex-direction:row;gap:0;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px;position:relative}.dialog-info-action-wrapper-settings-subtitle{color:var(--main-text, #0b1b0f);text-align:left;font:var(--body-body-large);position:relative;flex:1;display:flex;align-items:center;justify-content:flex-start}.dialog-info-action-wrapper-settings-contents{flex-shrink:0;width:24px;height:24px;position:relative;overflow:visible}.dialog-info-action-wrapper-settings-right{display:flex;flex-direction:row;gap:8px;align-items:center;justify-content:flex-end;flex-shrink:0;position:relative}.dialog-info-action-wrapper-settings-right-badge{background:var(--disabled-elements, #bcc1c5);border-radius:30px;padding:2px 6px 2px 6px;display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;flex-shrink:0;position:relative}.dialog-info-action-wrapper-settings-right-badge-title{color:var(--color-background, #ffffff);text-align:center;font:var(--label-label-medium);position:relative;padding:0 5px 0 5px}.dialog-info-leave{fill:var(--error);border-bottom:1px solid var(--divider);cursor:pointer}.dialog-info-leave--disable{fill:var(--disabled-elements);cursor:default}.dialog-info-members{fill:var(--main-elements);border-bottom:1px solid var(--divider)}.dialog-info-action-wrapper-button{border:1px solid var(--secondary-elements);color:var(--secondary-elements)}.dialog-info-action-wrapper-button:active{border:1px solid var(--secondary-elements);color:var(--secondary-elements)}.dialog-info-action-wrapper-button:focus{border:1px solid var(--secondary-elements)}`, ""]);
58841
+ ___CSS_LOADER_EXPORT___.push([module.id, `.header-dialog-info,.header-dialog-info *{box-sizing:border-box}.header-dialog-info{padding:16px 16px 16px 24px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;align-self:stretch;flex-shrink:0;font:var(--title-title-large);position:relative;border-bottom:1px solid var(--divider);height:64px}.header-dialog-info .dialog-header__icon svg{width:24px;height:24px;fill:var(--secondary-elements)}.header-dialog-info-icon{width:24px;height:24px;fill:var(--secondary-elements)}.header-dialog-info-headline{color:var(--main-text, #0b1b0f);text-align:left;font:var(--title-title-large);position:relative}.dialog-information-profile,.dialog-information-profile *{box-sizing:border-box}.dialog-information-profile{padding:24px 0px 24px 0px;align-self:stretch;flex-flow:column;flex-shrink:0;height:160px;position:relative;border-bottom:1px solid var(--divider)}.dialog-information-profile-avatar{height:80px;left:140px;top:24px}.dialog-info-profile-avatar-default-icon{display:flex;justify-content:center}.dialog-info-profile-avatar-ellipse{border-radius:50%;position:absolute;height:81px;width:81px;top:24px}.dialog-info-profile-avatar-contents{position:absolute;right:17.86%;left:17.86%;width:64.29%;bottom:17.86%;top:17.86%;height:64.29%;overflow:visible}.dialog-information-profile-dialog-name{margin-top:8px;color:var(--main-text, #0b1b0f);text-align:center;font:var(--title-title-medium);left:134.5px;top:112px;display:flex;align-items:center;justify-content:center}.dialog-information-profile-edit{right:-10px;border-radius:4px;padding:8px 56px 0px 0px;display:flex;flex-direction:row;gap:0;align-items:center;justify-content:center;position:absolute;top:8px}.dialog-information-profile-edit-button{color:var(--main-elements, #3978fc);text-align:left;font:var(--button-default);position:relative}.dialog-information-profile-edit-button--disable{color:var(--disabled-elements);cursor:default}.dialog-info-action-wrapper-settings,.dialog-info-action-wrapper-settings *{box-sizing:border-box}.dialog-info-action-wrapper-settings{padding:16px;display:flex;flex-direction:row;gap:16px;align-items:center;justify-content:flex-start;align-self:stretch;flex-shrink:0;position:relative;border-bottom:1px solid var(--divider)}@media only screen and (max-width: var(--min-width-screen-desktop)){.dialog-info-action-wrapper-settings{padding:6px}}.no-padding{padding:0}.dialog-info-action-wrapper-settings-icon{border-radius:4px;padding:4px;display:flex;flex-direction:row;gap:0;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px;position:relative}.dialog-info-action-wrapper-settings-subtitle{color:var(--main-text, #0b1b0f);text-align:left;font:var(--body-body-large);position:relative;flex:1;display:flex;align-items:center;justify-content:flex-start}.dialog-info-action-wrapper-settings-contents{flex-shrink:0;width:24px;height:24px;position:relative;overflow:visible}.dialog-info-action-wrapper-settings-right{display:flex;flex-direction:row;gap:8px;align-items:center;justify-content:flex-end;flex-shrink:0;position:relative}.dialog-info-action-wrapper-settings-right-badge{background:var(--disabled-elements, #bcc1c5);border-radius:30px;padding:2px 6px 2px 6px;display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;flex-shrink:0;position:relative}.dialog-info-action-wrapper-settings-right-badge-title{color:var(--color-background, #ffffff);text-align:center;font:var(--label-label-medium);position:relative;padding:0 5px 0 5px}.dialog-info-leave{fill:var(--error);border-bottom:1px solid var(--divider);cursor:pointer}.dialog-info-leave--disable{fill:var(--disabled-elements);cursor:default}.dialog-info-members{fill:var(--main-elements);border-bottom:1px solid var(--divider)}.dialog-info-action-wrapper-button{border:1px solid var(--secondary-elements);color:var(--secondary-elements)}.dialog-info-action-wrapper-button:active{border:1px solid var(--secondary-elements);color:var(--secondary-elements)}.dialog-info-action-wrapper-button:focus{border:1px solid var(--secondary-elements)}`, ""]);
58842
58842
  // Exports
58843
58843
  /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
58844
58844
 
@@ -58930,7 +58930,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, `.message-attachment-video-body{max-hei
58930
58930
 
58931
58931
  var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
58932
58932
  // Module
58933
- ___CSS_LOADER_EXPORT___.push([module.id, `.text-field,.text-field *{box-sizing:border-box}.text-field__label{font-weight:400;font-size:14px;line-height:20px;letter-spacing:.25px}.text-field__wrapper{display:flex;align-items:center;border-radius:4px;border:1px solid var(--tertiary-elements);margin-top:8px;padding:6px 8px}.text-field__wrapper:active{border:1px solid var(--main-elements)}.text-field__icon{margin-right:6px}.text-field__input{width:100%;border:none;outline:none;font-weight:400;font-size:16px;line-height:24px;letter-spacing:.15px;background:var(--main-background);color:var(--color-font)}.text-field__input:disabled{background-color:rgba(0,0,0,0);cursor:not-allowed;border:none;color:inherit}.text-field__input::placeholder{color:var(--secondary-text)}.text-field__reset{width:24px;height:24px;fill:var(--tertiary-elements);cursor:pointer}.text-field--disabled *,.text-field--disabled .text-field__label .text-field__reset{color:var(--disabled-elements);fill:var(--disabled-elements);cursor:not-allowed}.text-field--disabled .text-field__wrapper{background-color:var(--incoming-background);border:none}.text-field--disabled .text-field__wrapper:active{border:none}.text-field--disabled .text-field__input::placeholder{color:var(--disabled-elements)}.text-field__loader{fill:var(--color-icon)}`, ""]);
58933
+ ___CSS_LOADER_EXPORT___.push([module.id, `.text-field,.text-field *{box-sizing:border-box}.text-field__label{font-weight:400;font-size:14px;line-height:20px;letter-spacing:.25px}.text-field__wrapper{display:flex;align-items:center;border-radius:4px;border:1px solid var(--tertiary-elements);margin-top:8px;padding:6px 8px}.text-field__wrapper:active{border:1px solid var(--main-elements)}.text-field__icon{margin-right:6px;padding:0;display:flex;align-items:center}.text-field__input{width:100%;border:none;outline:none;font-weight:400;font-size:16px;line-height:24px;letter-spacing:.15px;background:var(--main-background);color:var(--color-font)}.text-field__input:disabled{background-color:rgba(0,0,0,0);cursor:not-allowed;border:none;color:inherit}.text-field__input::placeholder{color:var(--secondary-text)}.text-field__reset{width:24px;height:24px;fill:var(--tertiary-elements);cursor:pointer}.text-field--disabled *,.text-field--disabled .text-field__label .text-field__reset{color:var(--disabled-elements);fill:var(--disabled-elements);cursor:not-allowed}.text-field--disabled .text-field__wrapper{background-color:var(--incoming-background);border:none}.text-field--disabled .text-field__wrapper:active{border:none}.text-field--disabled .text-field__input::placeholder{color:var(--disabled-elements)}.text-field__loader{fill:var(--color-icon)}`, ""]);
58934
58934
  // Exports
58935
58935
  /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
58936
58936
 
@@ -60039,7 +60039,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, `.members-container-header,.members-con
60039
60039
 
60040
60040
  var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
60041
60041
  // Module
60042
- ___CSS_LOADER_EXPORT___.push([module.id, `.message-view-container{display:flex;flex-flow:column nowrap;justify-content:space-between;align-items:center;margin:0 auto;gap:3px}.message-view-container--header{min-height:64px;max-height:64px;width:100%}.message-view-container--information{background-color:var(--color-background-info);width:100%;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;gap:3px;max-height:16px;min-height:16px;width:100%;padding-bottom:2px;padding-top:2px;border-radius:4px;margin-left:20px;margin-right:20px;line-height:16px;font-size:11px}.message-view-container--messages{background-color:var(--secondary-background);width:100%;max-height:608px;display:flex;flex-flow:column nowrap;justify-content:flex-end}.message-view-container--system-message-wrapper{justify-content:center;align-items:center;justify-items:center;width:100%;display:flex;flex-direction:column;flex-wrap:nowrap;margin:0 auto;gap:3px;padding:20px 0px 10px 0px}.message-view-container--system-message-wrapper__date_container{border-radius:30px;height:20px;font-family:"Roboto";font-style:normal;font-weight:500;font-size:11px;line-height:16px;text-align:center;letter-spacing:.5px;justify-content:center;align-items:center;justify-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;margin:0 auto;gap:3px}.message-view-container--incoming-message-wrapper{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;margin-top:10px;margin-bottom:10px;padding-bottom:8px;gap:8px}.message-view-container--incoming-message-wrapper__message{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;gap:8px}.message-view-container--incoming-message-wrapper__avatar{display:flex;flex-direction:column;justify-content:flex-end;align-items:center}.message-view-container__sender-avatar{min-height:36px;min-width:36px;max-height:36px;max-width:36px;height:36px;width:36px;border-radius:50%;justify-content:center;align-items:center;display:flex;background-color:var(--disabled-elements)}.message-view-container--incoming-message-container{display:flex;flex-flow:column nowrap;gap:3px;height:100%;max-width:504px}.message-view-container__sender-name{color:var(--secondary-text);padding-left:16px}.message-view-container__sender-message{background:var(--incoming-background);border-radius:22px 22px 22px 0px;padding:8px 12px;color:var(--main-text)}.message-view-container__widget-ai-translate{text-align:left;margin-left:46px;font-family:Roboto;font-size:11px;font-style:normal;font-weight:500;line-height:16px;letter-spacing:.5px;color:var(--tertiary-elements);align-self:self-start;white-space:nowrap;cursor:pointer}.message-view-container__incoming-time{display:flex;flex-direction:column;justify-content:flex-end;font:var(--label-label-small, 500 11px/16px "Roboto", sans-serif);color:var(--main-text)}.message-view-container__status-message{display:flex;flex-direction:row;justify-content:flex-end;gap:2px}.message-view-container--outgoing-message-wrapper{margin-right:20px;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-end;gap:8px;margin-bottom:10px;margin-top:10px;min-height:52px}.message-view-container__outgoing-message{background:var(--outgoing-background);border-radius:22px 22px 0px 22px;padding:8px 12px;height:100%;max-width:504px;color:var(--main-text)}.message-view-container--message-content-wrapper{max-width:300px;max-height:160px;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;margin:0 auto;padding:0;border-radius:4px}.message-view-container--file-message-content-wrapper{max-width:85px;max-height:32px;min-width:85px;min-height:32px;width:85px;height:32px;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;margin:0 auto;gap:12px}.message-view-container__file-message-icon{min-height:32px;min-width:32px;max-height:32px;max-width:32px;height:32px;width:32px;border-radius:4px;background:var(--caption)}.message-view-container--warning-error{min-height:11px;max-height:11px;height:11px;justify-content:flex-start;align-items:flex-start;justify-items:flex-start;text-align:left;vertical-align:middle;line-height:11px;font-size:10px;color:var(--main-elements);font-weight:bold;width:100%;display:flex;flex-direction:row;flex-wrap:nowrap;margin:0 auto;gap:3px}.message-view-container--chat-input{min-height:54px;max-height:182px;height:54px;width:100%;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;margin:0 auto;padding-left:12px;padding-right:12px;padding-bottom:2px;gap:6px}.message-view-container--chat-input:disabled{background-color:dimgray;color:linen;opacity:1;cursor:not-allowed}.message-view-container--chat-input textarea{width:100%;height:44px;min-Height:44px;max-Height:128px;background-Color:var(--chat-input);border-Radius:4px;padding-left:16px;padding-top:8px;line-height:24px;font-size:16px;margin:0 auto;resize:none}.message-view-container__loader{fill:var(--color-background-info)}.message-view-container__loader svg path{fill:var(--color-background-info)}.input-text-message *{box-sizing:border-box}.input-text-message{background:var(--chat-input);border-radius:4px;display:flex;flex-direction:row;gap:8px;align-items:flex-end;justify-content:flex-start;flex:1;position:relative}.type-message{color:var(--field-border);text-align:left;font:var(--body-body-large);position:relative;flex:1;display:flex;align-items:center;justify-content:flex-start}.type-message textarea{color:var(--input-elements);font:var(--body-body-large);border:none;outline:none}.right{display:flex;flex-direction:row;gap:10px;align-items:center;justify-content:flex-end;flex-shrink:0;position:relative;margin-bottom:5px}.ai-assist-icon{border-radius:4px;display:flex;flex-direction:row;gap:0px;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px;position:relative}`, ""]);
60042
+ ___CSS_LOADER_EXPORT___.push([module.id, `.message-view-container{display:flex;flex-flow:column nowrap;justify-content:space-between;align-items:center;margin:0 auto;gap:3px}.message-view-container--header{min-height:64px;max-height:64px;width:100%}.message-view-container--header .dialog-header__title{font:var(--title-title-medium)}.message-view-container--information{background-color:var(--color-background-info);width:100%;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;gap:3px;max-height:16px;min-height:16px;width:100%;padding-bottom:2px;padding-top:2px;border-radius:4px;margin-left:20px;margin-right:20px;line-height:16px;font-size:11px}.message-view-container--messages{background-color:var(--secondary-background);width:100%;max-height:608px;display:flex;flex-flow:column nowrap;justify-content:flex-end}.message-view-container--system-message-wrapper{justify-content:center;align-items:center;justify-items:center;width:100%;display:flex;flex-direction:column;flex-wrap:nowrap;margin:0 auto;gap:3px;padding:20px 0px 10px 0px}.message-view-container--system-message-wrapper__date_container{border-radius:30px;height:20px;font-family:"Roboto";font-style:normal;font-weight:500;font-size:11px;line-height:16px;text-align:center;letter-spacing:.5px;justify-content:center;align-items:center;justify-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;margin:0 auto;gap:3px}.message-view-container--incoming-message-wrapper{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;margin-top:10px;margin-bottom:10px;padding-bottom:8px;gap:8px}.message-view-container--incoming-message-wrapper__message{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;gap:8px}.message-view-container--incoming-message-wrapper__avatar{display:flex;flex-direction:column;justify-content:flex-end;align-items:center}.message-view-container__sender-avatar{min-height:36px;min-width:36px;max-height:36px;max-width:36px;height:36px;width:36px;border-radius:50%;justify-content:center;align-items:center;display:flex;background-color:var(--disabled-elements)}.message-view-container--incoming-message-container{display:flex;flex-flow:column nowrap;gap:3px;height:100%;max-width:504px}.message-view-container__sender-name{color:var(--secondary-text);padding-left:16px}.message-view-container__sender-message{background:var(--incoming-background);border-radius:22px 22px 22px 0px;padding:8px 12px;color:var(--main-text)}.message-view-container__widget-ai-translate{text-align:left;margin-left:46px;font-family:Roboto;font-size:11px;font-style:normal;font-weight:500;line-height:16px;letter-spacing:.5px;color:var(--tertiary-elements);align-self:self-start;white-space:nowrap;cursor:pointer}.message-view-container__incoming-time{display:flex;flex-direction:column;justify-content:flex-end;font:var(--label-label-small, 500 11px/16px "Roboto", sans-serif);color:var(--main-text)}.message-view-container__status-message{display:flex;flex-direction:row;justify-content:flex-end;gap:2px}.message-view-container--outgoing-message-wrapper{margin-right:20px;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-end;gap:8px;margin-bottom:10px;margin-top:10px;min-height:52px}.message-view-container__outgoing-message{background:var(--outgoing-background);border-radius:22px 22px 0px 22px;padding:8px 12px;height:100%;max-width:504px;color:var(--main-text)}.message-view-container--message-content-wrapper{max-width:300px;max-height:160px;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;margin:0 auto;padding:0;border-radius:4px}.message-view-container--file-message-content-wrapper{max-width:85px;max-height:32px;min-width:85px;min-height:32px;width:85px;height:32px;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;margin:0 auto;gap:12px}.message-view-container__file-message-icon{min-height:32px;min-width:32px;max-height:32px;max-width:32px;height:32px;width:32px;border-radius:4px;background:var(--caption)}.message-view-container--warning-error{min-height:11px;max-height:11px;height:11px;justify-content:flex-start;align-items:flex-start;justify-items:flex-start;text-align:left;vertical-align:middle;line-height:11px;font-size:10px;color:var(--main-elements);font-weight:bold;width:100%;display:flex;flex-direction:row;flex-wrap:nowrap;margin:0 auto;gap:3px}.message-view-container--chat-input{min-height:54px;max-height:182px;height:54px;width:100%;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;margin:0 auto;padding-left:12px;padding-right:12px;padding-bottom:2px;gap:6px}.message-view-container--chat-input:disabled{background-color:dimgray;color:linen;opacity:1;cursor:not-allowed}.message-view-container--chat-input textarea{width:100%;height:44px;min-Height:44px;max-Height:128px;background-Color:var(--chat-input);border-Radius:4px;padding-left:16px;padding-top:8px;line-height:24px;font-size:16px;margin:0 auto;resize:none}.message-view-container__loader{fill:var(--color-background-info)}.message-view-container__loader svg path{fill:var(--color-background-info)}.input-text-message *{box-sizing:border-box}.input-text-message{background:var(--chat-input);border-radius:4px;display:flex;flex-direction:row;gap:8px;align-items:flex-end;justify-content:flex-start;flex:1;position:relative}.type-message{color:var(--field-border);text-align:left;font:var(--body-body-large);position:relative;flex:1;display:flex;align-items:center;justify-content:flex-start}.type-message textarea{color:var(--input-elements);font:var(--body-body-large);border:none;outline:none}.right{display:flex;flex-direction:row;gap:10px;align-items:center;justify-content:flex-end;flex-shrink:0;position:relative;margin-bottom:5px}.ai-assist-icon{border-radius:4px;display:flex;flex-direction:row;gap:0px;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px;position:relative}`, ""]);
60043
60043
  // Exports
60044
60044
  /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
60045
60045
 
@@ -60233,7 +60233,7 @@ module.exports = {
60233
60233
 
60234
60234
  var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
60235
60235
  // Module
60236
- ___CSS_LOADER_EXPORT___.push([module.id, `.bubble-content-text{overflow-wrap:break-word;max-width:calc(var(--max-width-message-bubble) - 20px);padding:0 12px 0 12px;color:var(--main-text, #0b1b0f);text-align:left;font:var(--body-body-medium, 400 14px/20px "Roboto-Regular", sans-serif)}.text-bubble-background__incoming{background:var(--incoming-background, #e4e6e8);color:var(--main-text);border-radius:22px 22px 22px 0;padding:8px 0 8px 0;display:flex;flex-direction:row;gap:10px;align-items:flex-start;justify-content:flex-start;flex-shrink:0;position:relative;width:100%}.text-bubble-background__outgoing{background:var(--outgoing-background, #E7EFFF);color:var(--main-text);border-radius:22px 22px 0px 22px;padding:8px 12px 8px 12px;display:flex;flex-direction:row;gap:10px;align-items:flex-start;justify-content:flex-start;flex-shrink:0;position:relative}`, ""]);
60236
+ ___CSS_LOADER_EXPORT___.push([module.id, `.bubble-content-text{overflow-wrap:break-word;max-width:calc(var(--max-width-message-bubble) - 20px);padding:0 12px 0 12px;color:var(--main-text, #0b1b0f);text-align:left;font:var(--body-body-medium, 400 14px/20px "Roboto-Regular", sans-serif)}.reply-forward-message .bubble-content-text{color:var(--secondary-text)}.text-bubble-background__incoming{background:var(--incoming-background, #e4e6e8);color:var(--main-text);border-radius:22px 22px 22px 0;padding:8px 0 8px 0;display:flex;flex-direction:row;gap:10px;align-items:flex-start;justify-content:flex-start;flex-shrink:0;position:relative;width:100%}.text-bubble-background__outgoing{background:var(--outgoing-background, #E7EFFF);color:var(--main-text);border-radius:22px 22px 0px 22px;padding:8px 12px 8px 12px;display:flex;flex-direction:row;gap:10px;align-items:flex-start;justify-content:flex-start;flex-shrink:0;position:relative;width:100%}`, ""]);
60237
60237
  // Exports
60238
60238
  /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
60239
60239
 
@@ -61258,7 +61258,32 @@ class DialogDTOMapper {
61258
61258
  dto.participantsIds = qbDialog.occupants_ids;
61259
61259
  break;
61260
61260
  default:
61261
- return Promise.reject(new MapperDTOException(UNEXPECTED_MAPPER_DTO_EXCEPTION_MESSAGE, UNEXPECTED_MAPPER_DTO_EXCEPTION_EXCEPTION_CODE, 'undefinded type dialog in QBChatDialog'));
61261
+ dto.id = qbDialog._id;
61262
+ dto.lastMessageText = qbDialog.last_message;
61263
+ dto.lastMessageDateSent = qbDialog.last_message_date_sent || 0;
61264
+ dto.lastMessageUserId =
61265
+ qbDialog.last_message_user_id === null
61266
+ ? 0
61267
+ : // eslint-disable-next-line @typescript-eslint/no-unsafe-call
61268
+ qbDialog.last_message_user_id;
61269
+ // eslint-disable-next-line @typescript-eslint/no-unsafe-call
61270
+ dto.ownerId = qbDialog.user_id.toString();
61271
+ dto.type = qbDialog.type;
61272
+ dto.unreadMessageCount =
61273
+ qbDialog.unread_messages_count === null
61274
+ ? 0
61275
+ : qbDialog.unread_messages_count;
61276
+ dto.updatedAt = qbDialog.updated_at;
61277
+ dto.name = qbDialog.name;
61278
+ dto.photo = qbDialog.photo === null ? '' : qbDialog.photo;
61279
+ dto.participantsIds = qbDialog.occupants_ids;
61280
+ // return Promise.reject(
61281
+ // new MapperDTOException(
61282
+ // UNEXPECTED_MAPPER_DTO_EXCEPTION_MESSAGE,
61283
+ // UNEXPECTED_MAPPER_DTO_EXCEPTION_EXCEPTION_CODE,
61284
+ // 'undefined type dialog in QBChatDialog',
61285
+ // ),
61286
+ // );
61262
61287
  }
61263
61288
  }
61264
61289
  catch (e) {
@@ -65322,6 +65347,7 @@ const QBConfig = {
65322
65347
 
65323
65348
 
65324
65349
  class RemoteDataSource {
65350
+ processedDialogs = new Set();
65325
65351
  userDTOMapper;
65326
65352
  messageDTOMapper;
65327
65353
  fileDTOMapper;
@@ -65403,42 +65429,6 @@ class RemoteDataSource {
65403
65429
  translate(text, languageCode, smartChatAssistantId) {
65404
65430
  return QBTranslate(smartChatAssistantId, text, languageCode);
65405
65431
  }
65406
- // async updateCurrentDialog(dto: RemoteDialogDTO, qbConfig: QBUIKitConfig): Promise<void> {
65407
- // this.currentDialog = dto;
65408
- // //
65409
- // //
65410
- // const dialogsDTOtoEntityMapper: IMapper = new DialogRemoteDTOMapper();
65411
- //
65412
- // const dialogEntity: DialogEntity = await dialogsDTOtoEntityMapper.toEntity(
65413
- // this.currentDialog,
65414
- // );
65415
- // const userId = this._authInformation?.userId || -1;
65416
- // const dialogId = this.currentDialog.id;
65417
- // const messageId = this.currentDialog.lastMessageId;
65418
- // //
65419
- // //
65420
- // const resultMessage: DialogEventInfo = {
65421
- // eventMessageType: EventMessageType.LocalMessage,
65422
- // dialogInfo: dialogEntity,
65423
- // messageInfo: undefined,
65424
- // messageStatus: {
65425
- // isTyping: false,
65426
- // userId,
65427
- // dialogId,
65428
- // messageId,
65429
- // deliveryStatus: 'delivered',
65430
- // },
65431
- // notificationTypes: undefined,
65432
- // };
65433
- //
65434
- // this.subscriptionOnMessageStatus.informSubscribers(
65435
- // resultMessage,
65436
- // EventMessageType.LocalMessage,
65437
- // );
65438
- // //
65439
- //
65440
- // //
65441
- // }
65442
65432
  async updateCurrentDialog(dto, qbConfig) {
65443
65433
  this.currentDialog = dto;
65444
65434
  const dialogsDTOtoEntityMapper = new DialogRemoteDTOMapper();
@@ -65562,6 +65552,9 @@ class RemoteDataSource {
65562
65552
  await this.loginWithUser(authData);
65563
65553
  }
65564
65554
  }
65555
+ resetProcessedDialogs() {
65556
+ this.processedDialogs.clear();
65557
+ }
65565
65558
  async disconnectAndLogoutUser() {
65566
65559
  if (this.authProcessed) {
65567
65560
  QBChatDisconnect();
@@ -65569,6 +65562,7 @@ class RemoteDataSource {
65569
65562
  this.authProcessed = false;
65570
65563
  this.releaseSubscriptions();
65571
65564
  this.releaseEventsHandlers();
65565
+ this.resetProcessedDialogs();
65572
65566
  }
65573
65567
  }
65574
65568
  releaseSubscriptions() {
@@ -65897,6 +65891,29 @@ class RemoteDataSource {
65897
65891
  }
65898
65892
  //
65899
65893
  }
65894
+ async processDialogs(dialogIds) {
65895
+ await Promise.all(dialogIds.map((id) => this.joinGroupDialog(id)));
65896
+ }
65897
+ async processDialogsInBackground(dialogIds) {
65898
+ const BATCH_SIZE = 12;
65899
+ console.log(`Starting background processing for ${dialogIds.length} dialogs`);
65900
+ for (let i = 0; i < dialogIds.length; i += BATCH_SIZE) {
65901
+ const batch = dialogIds.slice(i, i + BATCH_SIZE);
65902
+ console.log(`Processing batch ${i / BATCH_SIZE + 1}:`, batch);
65903
+ await Promise.all(batch.map((id) => this.joinGroupDialog(id)));
65904
+ console.log(`Batch ${i / BATCH_SIZE + 1} completed.`);
65905
+ await new Promise((resolve) => setTimeout(resolve, 1500));
65906
+ }
65907
+ console.log('Background processing complete.');
65908
+ }
65909
+ async joinGroupDialog(dialogId) {
65910
+ try {
65911
+ await QBJoinGroupDialog(dialogId);
65912
+ }
65913
+ catch (reason) {
65914
+ console.log(`QBJoinGroupDialog error for dialog ${dialogId}:`, reason);
65915
+ }
65916
+ }
65900
65917
  async getDialogs(pagination) {
65901
65918
  let currentPagination = pagination || new Pagination();
65902
65919
  console.log('call getDialogs in RemoteDataSourceMock param pagination: ', JSON.stringify(pagination));
@@ -65906,55 +65923,133 @@ class RemoteDataSource {
65906
65923
  const perPage = currentPagination.perPage || 100;
65907
65924
  console.log('perPage: ', perPage);
65908
65925
  const params = {
65909
- created_at: {
65910
- lt: Date.now() / 1000,
65911
- },
65912
- // sort_desc: 'created_at',// artan 19.0.2024
65926
+ created_at: { lt: Date.now() / 1000 },
65913
65927
  sort_desc: 'updated_at',
65914
65928
  page: pageNumber,
65915
- // per_page: perPage,
65916
65929
  limit: perPage,
65917
- type: {
65918
- in: [2, 3],
65919
- },
65930
+ type: { in: [2, 3] },
65920
65931
  };
65921
- // filter['type[in]'] = [3, 2].join(',');
65922
65932
  console.log('call getDialogs in RemoteDataSourceMock with params: ', JSON.stringify(params));
65923
65933
  const dialogsDTO = [];
65934
+ const joinDialogIds = [];
65924
65935
  const qbDialogs = await QBGetDialogs(params);
65925
65936
  if (qbDialogs) {
65926
65937
  console.log(`request completed. have: total_entries ${qbDialogs.total_entries}, limit: ${qbDialogs.limit}, skip: ${qbDialogs.skip} items: ${JSON.stringify(qbDialogs.items)}`);
65927
65938
  currentPagination = new Pagination(0, perPage);
65928
65939
  currentPagination.totalPages = qbDialogs.total_entries / perPage;
65929
65940
  currentPagination.setCurrentPage(pageNumber);
65930
- // eslint-disable-next-line no-restricted-syntax
65931
65941
  for (const item of qbDialogs.items) {
65932
65942
  const qbEntity = item;
65933
- const newDTO =
65934
- // eslint-disable-next-line no-await-in-loop
65935
- await this.getCurrentDialogDTOMapper().toTDO(qbEntity);
65936
- // artan 27/06/23
65937
- if (newDTO.type === DialogType.group) {
65938
- // eslint-disable-next-line no-await-in-loop
65939
- await QBJoinGroupDialog(newDTO.id).catch((reason) => {
65940
- console.log('getDialogs. QBJoinGroupDialog error', reason);
65941
- throw new RemoteDataSourceException(INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_MESSAGE, INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_CODE);
65942
- });
65943
+ if (!qbEntity)
65944
+ continue;
65945
+ const newDTO = await this.getCurrentDialogDTOMapper().toTDO(qbEntity);
65946
+ if (newDTO.type === DialogType.group && !this.processedDialogs.has(newDTO.id)) {
65947
+ this.processedDialogs.add(newDTO.id);
65948
+ joinDialogIds.push(newDTO.id);
65943
65949
  }
65944
- //
65945
- const currentUserId = this._authInformation?.userId || 0;
65946
- const statusMessageParams = {
65947
- userId: newDTO.lastMessageUserId || currentUserId,
65948
- dialogId: newDTO.id,
65949
- messageId: newDTO.lastMessageId,
65950
- };
65951
- // eslint-disable-next-line @typescript-eslint/no-unsafe-call
65952
- QBChatMarkMessageDelivered(statusMessageParams);
65953
65950
  dialogsDTO.push(newDTO);
65954
65951
  }
65952
+ const firstBatch = joinDialogIds.slice(0, 12);
65953
+ await this.processDialogs(firstBatch);
65954
+ // Оставшиеся элементы обрабатываются асинхронно в фоне
65955
+ const remainingDialogs = joinDialogIds.slice(12);
65956
+ if (remainingDialogs.length) {
65957
+ this.processDialogsInBackground(remainingDialogs).then();
65958
+ }
65955
65959
  }
65960
+ // Возвращаем результат после первой партии
65956
65961
  return Promise.resolve(new RemoteDialogsDTO(dialogsDTO, currentPagination));
65957
65962
  }
65963
+ // async getDialogs(pagination?: Pagination): Promise<RemoteDialogsDTO> {
65964
+ // let currentPagination: Pagination = pagination || new Pagination();
65965
+ //
65966
+ // console.log(
65967
+ // 'call getDialogs in RemoteDataSourceMock param pagination: ',
65968
+ // JSON.stringify(pagination),
65969
+ // );
65970
+ // console.log(
65971
+ // 'call getDialogs in RemoteDataSourceMock with result pagination: ',
65972
+ // JSON.stringify(currentPagination),
65973
+ // );
65974
+ // const pageNumber = currentPagination.getCurrentPage() || 1;
65975
+ //
65976
+ // console.log('pageNumber: ', pageNumber);
65977
+ // const perPage = currentPagination.perPage || 100;
65978
+ //
65979
+ // console.log('perPage: ', perPage);
65980
+ // const params = {
65981
+ // created_at: {
65982
+ // lt: Date.now() / 1000,
65983
+ // },
65984
+ // // sort_desc: 'created_at',// artan 19.0.2024
65985
+ // sort_desc: 'updated_at',
65986
+ // page: pageNumber,
65987
+ // // per_page: perPage,
65988
+ // limit: perPage,
65989
+ // type: {
65990
+ // in: [2, 3],
65991
+ // },
65992
+ // };
65993
+ // // filter['type[in]'] = [3, 2].join(',');
65994
+ //
65995
+ // console.log(
65996
+ // 'call getDialogs in RemoteDataSourceMock with params: ',
65997
+ // JSON.stringify(params),
65998
+ // );
65999
+ // const dialogsDTO: Array<RemoteDialogDTO> = [];
66000
+ // const qbDialogs: QBGetDialogResult | undefined = await QBGetDialogs(params);
66001
+ //
66002
+ // if (qbDialogs) {
66003
+ // console.log(
66004
+ // `request completed. have: total_entries ${
66005
+ // qbDialogs.total_entries
66006
+ // }, limit: ${qbDialogs.limit}, skip: ${
66007
+ // qbDialogs.skip
66008
+ // } items: ${JSON.stringify(qbDialogs.items)}`,
66009
+ // );
66010
+ // currentPagination = new Pagination(0, perPage);
66011
+ // currentPagination.totalPages = qbDialogs.total_entries / perPage;
66012
+ // currentPagination.setCurrentPage(pageNumber);
66013
+ //
66014
+ // // eslint-disable-next-line no-restricted-syntax
66015
+ // for (const item of qbDialogs.items) {
66016
+ // const qbEntity: QBChatDialog = item;
66017
+ // if (!qbEntity) {
66018
+ // continue;
66019
+ // }
66020
+ // const newDTO: RemoteDialogDTO =
66021
+ // // eslint-disable-next-line no-await-in-loop
66022
+ // await this.getCurrentDialogDTOMapper().toTDO(qbEntity);
66023
+ //
66024
+ // // artan 27/06/23
66025
+ // if (newDTO.type === DialogType.group) {
66026
+ // // eslint-disable-next-line no-await-in-loop
66027
+ // await QBJoinGroupDialog(newDTO.id).catch((reason) => {
66028
+ // console.log('getDialogs. QBJoinGroupDialog error', reason);
66029
+ // throw new RemoteDataSourceException(
66030
+ // INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_MESSAGE,
66031
+ // INCORRECT_REMOTE_DATASOURCE_DATA_EXCEPTION_CODE,
66032
+ // );
66033
+ // });
66034
+ // }
66035
+ //
66036
+ // //
66037
+ // // const currentUserId = this._authInformation?.userId || 0;
66038
+ // // const statusMessageParams: QBMessageStatusParams = {
66039
+ // // userId: newDTO.lastMessageUserId || currentUserId,
66040
+ // // dialogId: newDTO.id,
66041
+ // // messageId: newDTO.lastMessageId,
66042
+ // // };
66043
+ // //
66044
+ // // // eslint-disable-next-line @typescript-eslint/no-unsafe-call
66045
+ // // QBChatMarkMessageDelivered(statusMessageParams);
66046
+ //
66047
+ // dialogsDTO.push(newDTO);
66048
+ // }
66049
+ // }
66050
+ //
66051
+ // return Promise.resolve(new RemoteDialogsDTO(dialogsDTO, currentPagination));
66052
+ // }
65958
66053
  // eslint-disable-next-line class-methods-use-this
65959
66054
  async createDialog(dto) {
65960
66055
  console.log('call createDialog in remote with params: ', JSON.stringify(dto));
@@ -71971,9 +72066,14 @@ var Message_update = injectStylesIntoStyleTag_default()(Message/* default */.A,
71971
72066
 
71972
72067
 
71973
72068
 
72069
+
71974
72070
  // eslint-disable-next-line react/function-component-definition,@typescript-eslint/no-unused-vars
71975
72071
  function Message_Message_Message({ userName, avatar = (0,jsx_runtime_.jsx)(Avatar_Avatar_Avatar, {}), time, type, status, subtype, enableSelect = false, isSelect = false, disabled = false, onSelect, bottomPart, additionalPart, children, }) {
71976
- return ((0,jsx_runtime_.jsxs)("div", { className: "message-item", children: [enableSelect && ((0,jsx_runtime_.jsx)(CheckBox_CheckBox_CheckBox, { disabled: disabled, checked: isSelect, onChange: onSelect })), type === 'outgoing' ? ((0,jsx_runtime_.jsx)("div", { className: "message-item__right", children: (0,jsx_runtime_.jsxs)("div", { className: "message-item__outgoing", children: [(0,jsx_runtime_.jsx)(TimeAndStatus_TimeAndStatus_TimeAndStatus, { status: status, time: time }), additionalPart, (0,jsx_runtime_.jsxs)("div", { className: "message-item__outgoing__chat", children: [(0,jsx_runtime_.jsx)(MessageCaption_MessageCaption_MessageCaption, { type: type, subtype: subtype, userName: userName }), children] })] }) })) : ((0,jsx_runtime_.jsx)(jsx_runtime_.Fragment, { children: (0,jsx_runtime_.jsxs)("div", { className: "message-item__incoming-mes", children: [avatar, (0,jsx_runtime_.jsxs)("div", { className: "message-item__incoming", children: [(0,jsx_runtime_.jsx)(MessageCaption_MessageCaption_MessageCaption, { type: type, subtype: subtype, userName: userName }), (0,jsx_runtime_.jsxs)("div", { className: "message-item__incoming__chat", children: [(0,jsx_runtime_.jsxs)("div", { className: "message-item__incoming__chat__bubble", children: [children, bottomPart] }), additionalPart, (0,jsx_runtime_.jsx)(TimeAndStatus_TimeAndStatus_TimeAndStatus, { time: time })] })] })] }) }))] }));
72072
+ return ((0,jsx_runtime_.jsxs)("div", { className: "message-item", children: [enableSelect && ((0,jsx_runtime_.jsx)(CheckBox_CheckBox_CheckBox, { disabled: disabled, checked: isSelect, onChange: onSelect })), type === 'outgoing' ? ((0,jsx_runtime_.jsx)("div", { className: "message-item__right", children: (0,jsx_runtime_.jsxs)("div", { className: "message-item__outgoing", children: [(0,jsx_runtime_.jsx)(TimeAndStatus_TimeAndStatus_TimeAndStatus, { status: status, time: time }), additionalPart, (0,jsx_runtime_.jsxs)("div", { className: "message-item__outgoing__chat", children: [(0,jsx_runtime_.jsx)(MessageCaption_MessageCaption_MessageCaption, { type: type, subtype: subtype, userName: userName }), (0,jsx_runtime_.jsx)("div", { className: classnames_default()(null, {
72073
+ 'reply-forward-message': subtype === 'reply' || subtype === 'forward'
72074
+ }), children: children })] })] }) })) : ((0,jsx_runtime_.jsx)(jsx_runtime_.Fragment, { children: (0,jsx_runtime_.jsxs)("div", { className: "message-item__incoming-mes", children: [avatar, (0,jsx_runtime_.jsxs)("div", { className: "message-item__incoming", children: [(0,jsx_runtime_.jsx)(MessageCaption_MessageCaption_MessageCaption, { type: type, subtype: subtype, userName: userName }), (0,jsx_runtime_.jsxs)("div", { className: "message-item__incoming__chat", children: [(0,jsx_runtime_.jsxs)("div", { className: "message-item__incoming__chat__bubble", children: [(0,jsx_runtime_.jsx)("div", { className: classnames_default()(null, {
72075
+ 'reply-forward-message': subtype === 'reply' || subtype === 'forward'
72076
+ }), children: children }), bottomPart] }), additionalPart, (0,jsx_runtime_.jsx)(TimeAndStatus_TimeAndStatus_TimeAndStatus, { time: time })] })] })] }) }))] }));
71977
72077
  }
71978
72078
 
71979
72079
  // EXTERNAL MODULE: ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/MessageInput/VoiceRecordingProgress/VoiceRecordingProgress.scss
@@ -72156,7 +72256,7 @@ previewMessage, rephrase, loading, placeholder, disableActions = false, classNam
72156
72256
  if (onVoice) {
72157
72257
  onVoice();
72158
72258
  }
72159
- } })), !isVoiceMessage && !loading && ((0,jsx_runtime_.jsx)("div", { children: (0,jsx_runtime_.jsx)(sendreact, { className: classnames_default()('chat-container__icon__send', {
72259
+ } })), !isVoiceMessage && !loading && ((0,jsx_runtime_.jsx)("div", { className: "chat-container__send-icon", children: (0,jsx_runtime_.jsx)(sendreact, { className: classnames_default()('chat-container__icon__send', {
72160
72260
  'chat-container__icon--mute': loading,
72161
72261
  'chat-container__icon--disable': disableActions,
72162
72262
  }), onClick: () => {
@@ -74744,7 +74844,7 @@ function EditDots(theme = undefined) {
74744
74844
 
74745
74845
  const ContextMenuStyles = {
74746
74846
  contextMenuIcon: {
74747
- display: 'inline-block',
74847
+ // display: 'inline-block',
74748
74848
  position: 'relative',
74749
74849
  maxWidth: '42px',
74750
74850
  maxHeight: '42px',
@@ -74796,7 +74896,7 @@ function AIWidgetActions_AIWidgetActions_AIWidgetActions({ items, widgetToRender
74796
74896
  document.removeEventListener('mousedown', handleClickOutside);
74797
74897
  };
74798
74898
  }, []);
74799
- return ((0,jsx_runtime_.jsxs)("div", { style: ContextMenuStyles.contextMenuIcon, children: [(0,jsx_runtime_.jsx)("div", { onClick: handleClick, children: widgetToRender || (0,jsx_runtime_.jsx)(Actions_EditDots, {}) }), menuVisible && (
74899
+ return ((0,jsx_runtime_.jsxs)("div", { style: ContextMenuStyles.contextMenuIcon, children: [(0,jsx_runtime_.jsx)("div", { className: "ai-widget-actions-render", onClick: handleClick, children: widgetToRender || (0,jsx_runtime_.jsx)(Actions_EditDots, {}) }), menuVisible && (
74800
74900
  // <div ref={contextMenuRef} style={ContextMenuStyles.contextMenuContent}>
74801
74901
  (0,jsx_runtime_.jsxs)("div", { ref: contextMenuRef, className: "dropdown-context-menu-tone", style: { cursor: 'pointer' }, children: [title && (0,jsx_runtime_.jsx)("div", { style: ContextMenuStyles.menuTitle, children: title }), items?.map((item, index) => ((0,jsx_runtime_.jsxs)("div", {
74802
74902
  // style={ContextMenuStyles.menuItemContainer}
@@ -78100,7 +78200,7 @@ function useQuickBloxUIKit({ AIRephrase = undefined, AITranslate = undefined, AI
78100
78200
  setWarningErrorText(errorMessage);
78101
78201
  setTimeout(() => {
78102
78202
  setWarningErrorText('');
78103
- }, 3000);
78203
+ }, 4500);
78104
78204
  };
78105
78205
  const closeReplyMessageFlowHandler = () => {
78106
78206
  setMessagesToReply([]);
@@ -78171,14 +78271,30 @@ function useQuickBloxUIKit({ AIRephrase = undefined, AITranslate = undefined, AI
78171
78271
  'audio/wav');
78172
78272
  };
78173
78273
  // Request microphone access and setup WebRTC
78274
+ const activateSilentAudioHack = () => {
78275
+ const audioContext = new (window.AudioContext || window.webkitAudioContext)();
78276
+ const oscillator = audioContext.createOscillator();
78277
+ const gainNode = audioContext.createGain();
78278
+ oscillator.connect(gainNode);
78279
+ gainNode.connect(audioContext.destination);
78280
+ oscillator.start();
78281
+ gainNode.gain.value = 0.001; // Неслышный звук поддерживает аудиосессию активной
78282
+ };
78174
78283
  const getMicrophonePermission = async () => {
78175
78284
  if (!window) {
78176
- showErrorMessage('The MediaRecorder API is not supported in your browser.');
78285
+ showErrorMessage('The MediaRecorder API is not supported on your platform.');
78177
78286
  return;
78178
78287
  }
78288
+ // if (!navigator.mediaDevices || !navigator.mediaDevices.getUserMedia) {
78289
+ // showErrorMessage(
78290
+ // 'Your browser does not support microphone recording. Please update your browser or check permissions.'
78291
+ // );
78292
+ // return;
78293
+ // }
78179
78294
  try {
78180
78295
  const mediaStream = await navigator.mediaDevices.getUserMedia({
78181
78296
  audio: true,
78297
+ video: false,
78182
78298
  });
78183
78299
  // Create WebRTC peer connection
78184
78300
  const pc = new RTCPeerConnection();
@@ -78194,13 +78310,36 @@ function useQuickBloxUIKit({ AIRephrase = undefined, AITranslate = undefined, AI
78194
78310
  console.log('Microphone access granted, WebRTC connection established.');
78195
78311
  }
78196
78312
  catch (err) {
78197
- showErrorMessage(`The MediaRecorder API throws exception ${parse_stringifyError(err)}.`);
78313
+ console.error('Error accessing microphone:', err);
78314
+ const isIOS = /iphone|ipad|ipod/.test(navigator.userAgent.toLowerCase());
78315
+ if (isIOS)
78316
+ activateSilentAudioHack();
78317
+ // Retry for iOS browsers
78318
+ if (isIOS) {
78319
+ setTimeout(async () => {
78320
+ try {
78321
+ const mediaStream = await navigator.mediaDevices.getUserMedia({
78322
+ audio: true,
78323
+ video: false,
78324
+ });
78325
+ setPermission(true);
78326
+ setStream(mediaStream);
78327
+ }
78328
+ catch (retryError) {
78329
+ showErrorMessage('Microphone access is not available. Please check your iOS settings.');
78330
+ }
78331
+ }, 1500); // Retry after 1 second for iOS
78332
+ }
78333
+ else {
78334
+ showErrorMessage('Microphone access is not available. Please check your browser settings.');
78335
+ }
78198
78336
  }
78199
78337
  };
78200
78338
  // Start recording using QBMediaRecorder
78201
78339
  const startWebRTCRecording = async () => {
78202
78340
  try {
78203
- const audioContext = new AudioContext();
78341
+ // const audioContext = new AudioContext();
78342
+ const audioContext = new (window.AudioContext || window.webkitAudioContext)();
78204
78343
  const source = audioContext.createMediaStreamSource(stream);
78205
78344
  const destination = audioContext.createMediaStreamDestination();
78206
78345
  source.connect(destination);
@@ -79011,7 +79150,7 @@ const QuickBloxUIKitDesktopLayout = ({ theme, AITranslate, AIRephrase, AIAssist,
79011
79150
  if (messagesViewModel?.loading || !isOnline)
79012
79151
  return;
79013
79152
  setIsRecording(!isRecording);
79014
- }, rephrase: (0,jsx_runtime_.jsx)(AIWidgets_AIRephraseWidget_AIRephraseWidget, { disableActions: !isOnline, waitAIWidget: waitAIWidget, messageText: messageText, theme: theme, AIRephrase: defaultAIRephraseWidget, setWaitAIWidget: setWaitAIWidget, setPrevValueText: (prevValue) => {
79153
+ }, rephrase: (0,jsx_runtime_.jsx)(AIWidgets_AIRephraseWidget_AIRephraseWidget, { disableActions: !isOnline || messageText.length === 0, waitAIWidget: waitAIWidget, messageText: messageText, theme: theme, AIRephrase: defaultAIRephraseWidget, setWaitAIWidget: setWaitAIWidget, setPrevValueText: (prevValue) => {
79015
79154
  setMessageText(prevValue);
79016
79155
  }, setMessageErrorToast: (e) => {
79017
79156
  B(e);
package/global.d.ts CHANGED
@@ -11,3 +11,7 @@ declare module "*.svg?react" {
11
11
  const content: (props: React.SVGProps<SVGSVGElement>) => JSX.Element;
12
12
  export default content;
13
13
  }
14
+
15
+ interface Window {
16
+ webkitAudioContext: typeof AudioContext;
17
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "quickblox-react-ui-kit",
3
- "version": "0.5.0-beta.5",
3
+ "version": "0.5.0-beta.7",
4
4
  "main": "dist/index-ui.js",
5
5
  "types": "dist/index-ui.d.ts",
6
6
  "license": "MIT",