quickblox-react-ui-kit 0.5.0-beta.8 → 0.5.0-beta.9

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 (29) hide show
  1. package/dist/Presentation/Views/Dialog/ForwardMessageFlow/DialogsWithSearch/DialogListItem/DialogListItem.d.ts +1 -1
  2. package/dist/Presentation/Views/Dialog/ForwardMessageFlow/DialogsWithSearch/DialogListItem/DialogListItem.d.ts.map +1 -1
  3. package/dist/Presentation/ui-components/Message/Message.d.ts.map +1 -1
  4. package/dist/index-ui.js +17 -15
  5. package/package.json +1 -1
  6. package/src/Presentation/Views/Dialog/AIWidgets/AIRephraseWidget/AIRephraseWidget.tsx +1 -1
  7. package/src/Presentation/Views/Dialog/AIWidgets/AIWidgetActions/AIWidgetActions.scss +6 -6
  8. package/src/Presentation/Views/Dialog/ForwardMessageFlow/DialogsWithSearch/DialogListItem/DialogListItem.scss +17 -29
  9. package/src/Presentation/Views/Dialog/ForwardMessageFlow/DialogsWithSearch/DialogListItem/DialogListItem.tsx +4 -13
  10. package/src/Presentation/Views/Dialog/ForwardMessageFlow/ForwardMessageFlow.scss +9 -9
  11. package/src/Presentation/Views/Dialog/ForwardMessageFlow/InputForForwarding/InputForForwarding.scss +11 -0
  12. package/src/Presentation/Views/DialogInfo/UsersList/SingleUser/SingleUser.scss +0 -1
  13. package/src/Presentation/ui-components/DialogWindow/DialogWindow.tsx +1 -1
  14. package/src/Presentation/ui-components/Message/Message.scss +1 -0
  15. package/src/Presentation/ui-components/Message/Message.tsx +8 -6
  16. package/src/Presentation/ui-components/MessageInput/MessageInput.scss +1 -1
  17. package/src/Presentation/ui-components/Toast/Toast.scss +2 -2
  18. package/storybook-static/{Presentation-ui-components-DialogWindow-DialogWindow-stories.3aa6b2c3.iframe.bundle.js → Presentation-ui-components-DialogWindow-DialogWindow-stories.e22e8be5.iframe.bundle.js} +2 -2
  19. package/storybook-static/Presentation-ui-components-Message-Message-stories.49f0dbbf.iframe.bundle.js +2 -0
  20. package/storybook-static/Presentation-ui-components-MessageInput-MessageInput-stories.de6fb2f3.iframe.bundle.js +1 -0
  21. package/storybook-static/Presentation-ui-components-Toast-Toast-stories.5e19f10e.iframe.bundle.js +1 -0
  22. package/storybook-static/iframe.html +1 -1
  23. package/storybook-static/project.json +1 -1
  24. package/storybook-static/{runtime~main.edd70ea8.iframe.bundle.js → runtime~main.2530bea6.iframe.bundle.js} +1 -1
  25. package/storybook-static/Presentation-ui-components-Message-Message-stories.b63e0d9f.iframe.bundle.js +0 -2
  26. package/storybook-static/Presentation-ui-components-MessageInput-MessageInput-stories.4015ee79.iframe.bundle.js +0 -1
  27. package/storybook-static/Presentation-ui-components-Toast-Toast-stories.583afd65.iframe.bundle.js +0 -1
  28. /package/storybook-static/{Presentation-ui-components-DialogWindow-DialogWindow-stories.3aa6b2c3.iframe.bundle.js.LICENSE.txt → Presentation-ui-components-DialogWindow-DialogWindow-stories.e22e8be5.iframe.bundle.js.LICENSE.txt} +0 -0
  29. /package/storybook-static/{Presentation-ui-components-Message-Message-stories.b63e0d9f.iframe.bundle.js.LICENSE.txt → Presentation-ui-components-Message-Message-stories.49f0dbbf.iframe.bundle.js.LICENSE.txt} +0 -0
package/dist/Presentation/Views/Dialog/ForwardMessageFlow/DialogsWithSearch/DialogListItem/DialogListItem.d.ts CHANGED
@@ -1,6 +1,6 @@
1
- import './DialogListItem.scss';
2
1
  import { FunctionTypeStringToVoid } from '../../../../../../CommonTypes/BaseViewModel';
3
2
  import { DialogType } from '../../../../../../Domain/entity/DialogTypes';
3
+ import './DialogListItem.scss';
4
4
  type DialogListItemProps = {
5
5
  name: string;
6
6
  avatar: string;
package/dist/Presentation/Views/Dialog/ForwardMessageFlow/DialogsWithSearch/DialogListItem/DialogListItem.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"DialogListItem.d.ts","sourceRoot":"","sources":["../../../../../../../src/Presentation/Views/Dialog/ForwardMessageFlow/DialogsWithSearch/DialogListItem/DialogListItem.tsx"],"names":[],"mappings":"AACA,OAAO,uBAAuB,CAAC;AAC/B,OAAO,EAAE,wBAAwB,EAAE,MAAM,6CAA6C,CAAC;AACvF,OAAO,EAAE,UAAU,EAAE,MAAM,6CAA6C,CAAC;AAOzE,KAAK,mBAAmB,GAAG;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,UAAU,CAAC;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,wBAAwB,CAAC;CACpC,CAAC;AAiDF,QAAA,MAAM,cAAc,yDAOjB,mBAAmB,4CAoBrB,CAAC;AAEF,eAAe,cAAc,CAAC"}
1
+ {"version":3,"file":"DialogListItem.d.ts","sourceRoot":"","sources":["../../../../../../../src/Presentation/Views/Dialog/ForwardMessageFlow/DialogsWithSearch/DialogListItem/DialogListItem.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,wBAAwB,EAAE,MAAM,6CAA6C,CAAC;AACvF,OAAO,EAAE,UAAU,EAAE,MAAM,6CAA6C,CAAC;AAOzE,OAAO,uBAAuB,CAAC;AAE/B,KAAK,mBAAmB,GAAG;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,UAAU,CAAC;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,wBAAwB,CAAC;CACpC,CAAC;AAiDF,QAAA,MAAM,cAAc,yDAOjB,mBAAmB,4CAUrB,CAAC;AAEF,eAAe,cAAc,CAAC"}
package/dist/Presentation/ui-components/Message/Message.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Message.d.ts","sourceRoot":"","sources":["../../../../src/Presentation/ui-components/Message/Message.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAM5C,OAAO,gBAAgB,CAAC;AAExB,MAAM,MAAM,YAAY,GAAG;IACzB,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,UAAU,GAAG,UAAU,CAAC;IAC9B,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B,MAAM,CAAC,EAAE,MAAM,GAAG,WAAW,GAAG,QAAQ,GAAG,OAAO,CAAC;IACnD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,UAAU,CAAC,EAAE,YAAY,CAAC;IAC1B,cAAc,CAAC,EAAE,YAAY,CAAC;IAC9B,QAAQ,CAAC,EAAE,YAAY,CAAC;CACzB,CAAC;AAGF,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAC9B,QAAQ,EACR,MAAmB,EACnB,IAAI,EACJ,IAAI,EACJ,MAAM,EACN,OAAO,EACP,YAAoB,EACpB,QAAgB,EAChB,QAAgB,EAChB,QAAQ,EACR,UAAU,EACV,cAAc,EACd,QAAQ,GACT,EAAE,YAAY,2CAuDd"}
1
+ {"version":3,"file":"Message.d.ts","sourceRoot":"","sources":["../../../../src/Presentation/ui-components/Message/Message.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAM5C,OAAO,gBAAgB,CAAC;AAExB,MAAM,MAAM,YAAY,GAAG;IACzB,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,UAAU,GAAG,UAAU,CAAC;IAC9B,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B,MAAM,CAAC,EAAE,MAAM,GAAG,WAAW,GAAG,QAAQ,GAAG,OAAO,CAAC;IACnD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,UAAU,CAAC,EAAE,YAAY,CAAC;IAC1B,cAAc,CAAC,EAAE,YAAY,CAAC;IAC9B,QAAQ,CAAC,EAAE,YAAY,CAAC;CACzB,CAAC;AAGF,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAC9B,QAAQ,EACR,MAAmB,EACnB,IAAI,EACJ,IAAI,EACJ,MAAM,EACN,OAAO,EACP,YAAoB,EACpB,QAAgB,EAChB,QAAgB,EAChB,QAAQ,EACR,UAAU,EACV,cAAc,EACd,QAAQ,GACT,EAAE,YAAY,2CAyDd"}
package/dist/index-ui.js CHANGED
@@ -207,7 +207,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, `.dialog-item-preview{display:flex;alig
207
207
 
208
208
  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()));
209
209
  // Module
210
- ___CSS_LOADER_EXPORT___.push([module.id, `.forward-message-flow,.forward-message-flow *{box-sizing:border-box}.forward-message-flow{display:flex;flex-direction:column;gap:24px;align-items:flex-start;justify-content:flex-start;position:relative}.forward-message-flow-tabs{display:flex;flex-direction:column;gap:0px;align-items:flex-start;justify-content:center;align-self:stretch;flex-shrink:0;height:32px;position:relative}.forward-message-flow-tabs-buttons{display:flex;flex-direction:row;gap:0px;align-items:flex-start;justify-content:center;align-self:stretch;flex:1;position:relative}.active-tab-button{border-style:solid;border-color:var(--light-theme-mainelements, #3978fc);border-width:0px 0px 3px 0px;padding:8px 16px 8px 16px;display:flex;flex-direction:row;gap:0px;align-items:center;justify-content:center;align-self:stretch;flex:1;position:relative}.active-tab-button-content{color:var(--light-theme-mainelements, #3978fc);text-align:left;font:var(--button-default, 700 14px/16px "Roboto", sans-serif);position:relative}.no-active-tab-button{padding:8px 16px 8px 16px;display:flex;flex-direction:row;gap:0px;align-items:center;justify-content:center;align-self:stretch;flex:1;position:relative;cursor:pointer}.no-active-tab-button-content{color:var(--light-theme-tertiaryelements, #636d78);text-align:left;font:var(--button-default, 700 14px/16px "Roboto", sans-serif);position:relative}.forward-message-flow-tabs-buttons-divider{align-self:stretch;flex-shrink:0;position:relative;overflow:visible}.forward-message-flow-message-input{background:var(--light-theme-mainbackground, #ffffff);display:flex;flex-direction:column;gap:0px;align-items:flex-start;justify-content:center;align-self:stretch;flex-shrink:0;position:relative}.forward-message-flow-message-input-row{padding:10px 12px 10px 12px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;align-self:stretch;flex-shrink:0;position:relative}.forward2{display:flex;flex-direction:column;gap:4px;align-items:flex-start;justify-content:center;flex:1;position:relative}.caption{display:flex;flex-direction:row;gap:0px;align-items:flex-start;justify-content:flex-start;flex-shrink:0;position:relative}.forward3{display:flex;flex-direction:row;gap:2px;align-items:center;justify-content:flex-start;flex-shrink:0;position:relative}.icon2{border-radius:4px;display:flex;flex-direction:row;gap:0px;align-items:center;justify-content:center;flex-shrink:0;width:16px;height:16px;position:relative}.actions-forward-filled{align-self:stretch;flex:1;position:relative;overflow:visible}.forwarded-from-name{color:var(--light-theme-tertiaryelements, #636d78);text-align:left;font:var(--label-label-medium, 500 12px/16px "Roboto", sans-serif);position:relative}.i-like-you-new-presentation-style-it-s-very{color:var(--light-theme-maintext, #0b1b0f);text-align:center;font:var(--body-body-large, 400 16px/24px "Roboto", sans-serif);position:relative;display:flex;align-items:center;justify-content:center}`, ""]);
210
+ ___CSS_LOADER_EXPORT___.push([module.id, `.forward-message-flow,.forward-message-flow *{box-sizing:border-box}.forward-message-flow{display:flex;flex-direction:column;gap:24px;align-items:flex-start;justify-content:flex-start;position:relative}.forward-message-flow-tabs{display:flex;flex-direction:column;gap:0px;align-items:flex-start;justify-content:center;align-self:stretch;flex-shrink:0;height:32px;position:relative}.forward-message-flow-tabs-buttons{display:flex;flex-direction:row;gap:0px;align-items:flex-start;justify-content:center;align-self:stretch;flex:1;position:relative}.active-tab-button{border-style:solid;border-color:var(--main-elements, #3978fc);border-width:0px 0px 3px 0px;padding:8px 16px 8px 16px;display:flex;flex-direction:row;gap:0px;align-items:center;justify-content:center;align-self:stretch;flex:1;position:relative}.active-tab-button-content{color:var(--main-elements, #3978fc);text-align:left;font:var(--button-default, 700 14px/16px "Roboto", sans-serif);position:relative}.no-active-tab-button{padding:8px 16px 8px 16px;display:flex;flex-direction:row;gap:0px;align-items:center;justify-content:center;align-self:stretch;flex:1;position:relative;cursor:pointer}.no-active-tab-button-content{color:var(--tertiary-elements, #636d78);text-align:left;font:var(--button-default, 700 14px/16px "Roboto", sans-serif);position:relative}.forward-message-flow-tabs-buttons-divider{align-self:stretch;flex-shrink:0;position:relative;overflow:visible}.forward-message-flow-message-input{background:var(--main-background);display:flex;flex-direction:column;gap:0;align-items:flex-start;justify-content:center;align-self:stretch;flex-shrink:0;position:relative}.forward-message-flow-message-input-row{padding:10px 12px 10px 12px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;align-self:stretch;flex-shrink:0;position:relative}.forward2{display:flex;flex-direction:column;gap:4px;align-items:flex-start;justify-content:center;flex:1;position:relative}.caption{display:flex;flex-direction:row;gap:0;align-items:flex-start;justify-content:flex-start;flex-shrink:0;position:relative}.forward3{display:flex;flex-direction:row;gap:2px;align-items:center;justify-content:flex-start;flex-shrink:0;position:relative}.icon2{border-radius:4px;display:flex;flex-direction:row;gap:0;align-items:center;justify-content:center;flex-shrink:0;width:16px;height:16px;position:relative}.actions-forward-filled{align-self:stretch;flex:1;position:relative;overflow:visible}.forwarded-from-name{color:var(--tertiary-elements, #636d78);text-align:left;font:var(--label-label-medium, 500 12px/16px "Roboto", sans-serif);position:relative}.i-like-you-new-presentation-style-it-s-very{color:var(--main-text, #0b1b0f);text-align:center;font:var(--body-body-large, 400 16px/24px "Roboto", sans-serif);position:relative;display:flex;align-items:center;justify-content:center}`, ""]);
211
211
  // Exports
212
212
  /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
213
213
 
@@ -320,7 +320,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, `.placeholder{display:flex;flex-directi
320
320
 
321
321
  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()));
322
322
  // Module
323
- ___CSS_LOADER_EXPORT___.push([module.id, `.container{width:25%}.toast{min-height:24px;padding:4px 12px;opacity:60% !important;border-radius:4px;background-color:var(--toast-color)}.toast__body{padding:0;font-family:"Roboto";font-weight:500;font-size:12px;line-height:16px;letter-spacing:.5px;color:var(--main-background);text-align:center}`, ""]);
323
+ ___CSS_LOADER_EXPORT___.push([module.id, `.container{width:25%}.toast{min-height:24px;padding:4px 12px;opacity:60% !important;border-radius:4px;background-color:var(--caption)}.toast__body{padding:0;font-family:"Roboto";font-weight:500;font-size:12px;line-height:16px;letter-spacing:.5px;color:var(--secondary-elements);text-align:center}`, ""]);
324
324
  // Exports
325
325
  /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
326
326
 
@@ -57148,7 +57148,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, `.message-attachment-image-body{max-wid
57148
57148
 
57149
57149
  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()));
57150
57150
  // Module
57151
- ___CSS_LOADER_EXPORT___.push([module.id, `.dialog-item-element,.dialog-item-element *{box-sizing:border-box}.dialog-item-element{background:var(--main-background, #ffffff);padding:8px 19px 8px 16px;display:flex;flex-direction:row;gap:16px;align-items:center;justify-content:flex-start;flex-shrink:0;width:270px;position:relative}.dialog-item-element-avatar{flex-shrink:0;width:40px;height:40px;position:relative}.dialog-item-element-avatar-rectangle{width:40px;height:40px;position:absolute;left:0px;top:0px}.dialog-item-element-avatar-ellipse{background:var(--disabled-elements, #bcc1c5);border-radius:50%;width:40px;height:40px;position:absolute;left:0px;top:0px}.contents-user{position:absolute;left:7.14px;top:7.14px;overflow:visible}.dialog-item-element-subtitle{color:var(--main-text, #0b1b0f);text-align:left;font:var(--body-body-large, 400 16px/24px "Roboto", sans-serif);position:relative;flex:1;display:flex;align-items:center;justify-content:flex-start}.dialog-item-element-checkbox{border-radius:4px;padding:4px;display:flex;flex-direction:row;gap:0px;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;position:relative}.toggle-check-on{align-self:stretch;flex:1;position:relative;overflow:visible}`, ""]);
57151
+ ___CSS_LOADER_EXPORT___.push([module.id, `.dialog-item-element,.dialog-item-element *{box-sizing:border-box}.dialog-item-element{background:var(--main-background, #ffffff);padding:8px 19px 8px 16px;display:flex;flex-direction:row;gap:16px;align-items:center;justify-content:flex-start;flex-shrink:0;position:relative}.dialog-item-element-avatar{flex-shrink:0;width:40px;height:40px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:50%;background-color:var(--disabled-elements);color:var(--secondary-text)}.contents-user{position:absolute;left:7.14px;top:7.14px;overflow:visible}.dialog-item-element-subtitle{color:var(--main-text, #0b1b0f);text-align:left;font:var(--body-body-large, 400 16px/24px "Roboto", sans-serif);position:relative;flex:1;display:flex;align-items:center;justify-content:flex-start;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:200px}@media(max-width: 767px){.dialog-item-element-subtitle{width:120px}}.toggle-check-on{align-self:stretch;flex:1;position:relative;overflow:visible}`, ""]);
57152
57152
  // Exports
57153
57153
  /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
57154
57154
 
@@ -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}.ai-widget-actions-render{display:flex;align-items:center;padding-right:8px}`, ""]);
57396
+ ___CSS_LOADER_EXPORT___.push([module.id, `.dropdown-context-menu-tone *{box-sizing:border-box}.dropdown-context-menu-tone{position:absolute;bottom:25px;right:0;zIndex:1;width:max-content;height:max-content;background:var(--main-background, #ffffff);border-radius:4px;padding:8px 0 8px 0;box-shadow:0 3px 5px 0 rgba(0,0,0,.04),0 3px 14px 0 rgba(0,0,0,.08),0 8px 10px 0 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(--main-text, #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__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}`, ""]);
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;width:100%}.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
 
@@ -58545,7 +58545,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, `.forward-message-preview,.forward-mess
58545
58545
 
58546
58546
  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()));
58547
58547
  // Module
58548
- ___CSS_LOADER_EXPORT___.push([module.id, `.forwarding-message-input,.forwarding-message-input *{box-sizing:border-box}.forwarding-message-input{background:var(--main-background, #ffffff);padding:10px 12px 10px 12px;display:flex;flex-direction:row;gap:8px;align-items:flex-end;justify-content:center;align-self:stretch;flex-shrink:0;position:relative}.forwarding-message-input-input{background:var(--incoming-background, #e4e6e8);border-radius:4px;padding:10px 8px 10px 16px;display:flex;flex-direction:row;gap:8px;align-items:flex-end;justify-content:flex-start;flex:1;position:relative}.forwarding-message-input-input-type-message{color:var(--main-text, #636d78);background:var(--incoming-background, #e4e6e8);text-align:left;font:var(--body-body-large, 400 16px/24px "Roboto", sans-serif);position:relative;flex:1;display:flex;align-items:center;justify-content:flex-start;resize:none;border:none;outline:none;width:100%;height:26px;min-height:26px;max-height:26px}.forwarding-message-input-icon-send{border-radius:4px;display:flex;flex-direction:row;gap:0px;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:44px;position:relative}.forwarding-message-input-icon-send__icon{width:24px;height:24px;cursor:pointer;fill:var(--secondary-elements)}.forwarding-message-input-icon-send__icon__send{width:24px;height:24px;cursor:pointer;fill:var(--main-elements)}.forwarding-message-input-icon-send__icon svg path{width:24px;height:24px;fill:var(--main-elements)}.forwarding-message-input-icon-send__icon--disable{fill:var(--disabled-elements);cursor:default;width:24px;height:24px}.forwarding-message-input-icon-send__icon--disable svg path{width:24px;height:24px;fill:var(--disabled-elements)}.actions-send{flex-shrink:0;position:relative;overflow:visible}`, ""]);
58548
+ ___CSS_LOADER_EXPORT___.push([module.id, `.forwarding-message-input,.forwarding-message-input *{box-sizing:border-box}.forwarding-message-input{background:var(--main-background, #ffffff);padding:10px 12px 10px 12px;display:flex;flex-direction:row;gap:8px;align-items:flex-end;justify-content:center;align-self:stretch;flex-shrink:0;position:relative}.forwarding-message-input-input{background:var(--incoming-background, #e4e6e8);border-radius:4px;padding:10px 8px 10px 16px;display:flex;flex-direction:row;gap:8px;align-items:flex-end;justify-content:flex-start;flex:1;position:relative}.forwarding-message-input-input textarea{overflow:auto;scrollbar-width:none}.forwarding-message-input-input textarea::-webkit-scrollbar{display:none}.forwarding-message-input-input-type-message{color:var(--main-text, #636d78);background:var(--incoming-background, #e4e6e8);text-align:left;font:var(--body-body-large, 400 16px/24px "Roboto", sans-serif);position:relative;flex:1;display:flex;align-items:center;justify-content:flex-start;resize:none;border:none;outline:none;width:100%;height:26px;min-height:26px;max-height:26px}.forwarding-message-input-icon-send{border-radius:4px;display:flex;flex-direction:row;gap:0px;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:44px;position:relative}.forwarding-message-input-icon-send__icon{width:24px;height:24px;cursor:pointer;fill:var(--secondary-elements)}.forwarding-message-input-icon-send__icon__send{width:24px;height:24px;cursor:pointer;fill:var(--main-elements)}.forwarding-message-input-icon-send__icon svg path{width:24px;height:24px;fill:var(--main-elements)}.forwarding-message-input-icon-send__icon--disable{fill:var(--disabled-elements);cursor:default;width:24px;height:24px}.forwarding-message-input-icon-send__icon--disable svg path{width:24px;height:24px;fill:var(--disabled-elements)}.actions-send{flex-shrink:0;position:relative;overflow:visible}`, ""]);
58549
58549
  // Exports
58550
58550
  /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
58551
58551
 
@@ -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__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}`, ""]);
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(--main-text);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
 
@@ -71849,7 +71849,9 @@ var DialogWindow_update = injectStylesIntoStyleTag_default()(DialogWindow/* defa
71849
71849
  function DialogWindow_DialogWindow_DialogWindow({ children, onClose, open = false, title, className, disableActions = false, }) {
71850
71850
  if (!open)
71851
71851
  return null;
71852
- return (0,external_commonjs_react_dom_commonjs2_react_dom_amd_react_dom_root_ReactDOM_.createPortal)((0,jsx_runtime_.jsxs)("div", { className: classnames_default()('dialog-window', className), children: [(0,jsx_runtime_.jsx)("div", { className: classnames_default()('', { 'dialog-window--disable': disableActions }) }), (0,jsx_runtime_.jsxs)("div", { className: "dialog-window__content", children: [(0,jsx_runtime_.jsx)(ui_components_Header_Header, { className: "dialog-window__header", onGoBack: onClose, title: title, children: (0,jsx_runtime_.jsx)(closereact, { onClick: onClose, className: "dialog-window__close" }) }), children] })] }), document.body);
71852
+ return (0,external_commonjs_react_dom_commonjs2_react_dom_amd_react_dom_root_ReactDOM_.createPortal)((0,jsx_runtime_.jsxs)("div", { className: classnames_default()('dialog-window', className), children: [(0,jsx_runtime_.jsx)("div", { className: classnames_default()('', { 'dialog-window--disable': disableActions }) }), (0,jsx_runtime_.jsxs)("div", { className: "dialog-window__content", children: [(0,jsx_runtime_.jsx)(ui_components_Header_Header, { className: "dialog-window__header",
71853
+ // onGoBack={onClose}
71854
+ title: title, children: (0,jsx_runtime_.jsx)(closereact, { onClick: onClose, className: "dialog-window__close" }) }), children] })] }), document.body);
71853
71855
  }
71854
71856
 
71855
71857
  ;// ./src/Presentation/ui-components/Dropdown/DropdownOption.tsx
@@ -72069,9 +72071,10 @@ var Message_update = injectStylesIntoStyleTag_default()(Message/* default */.A,
72069
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, }) {
72070
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, {
72071
72073
  'reply-forward-message': subtype === 'reply' || subtype === 'forward'
72072
- }), 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, {
72073
- 'reply-forward-message': subtype === 'reply' || subtype === 'forward'
72074
- }), children: children }), bottomPart] }), additionalPart, (0,jsx_runtime_.jsx)(TimeAndStatus_TimeAndStatus_TimeAndStatus, { time: time })] })] })] }) }))] }));
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: [(subtype === 'reply' || subtype === 'forward')
72075
+ ?
72076
+ (0,jsx_runtime_.jsx)("div", { className: 'reply-forward-message', children: children })
72077
+ : children, bottomPart] }), additionalPart, (0,jsx_runtime_.jsx)(TimeAndStatus_TimeAndStatus_TimeAndStatus, { time: time })] })] })] }) }))] }));
72075
72078
  }
72076
72079
 
72077
72080
  // EXTERNAL MODULE: ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Presentation/ui-components/MessageInput/VoiceRecordingProgress/VoiceRecordingProgress.scss
@@ -74154,6 +74157,7 @@ var DialogListItem_update = injectStylesIntoStyleTag_default()(DialogListItem/*
74154
74157
 
74155
74158
 
74156
74159
 
74160
+
74157
74161
  const renderAvatar = (urlAvatar, typeDialog) => {
74158
74162
  if (urlAvatar.length < 1 || urlAvatar === 'null') {
74159
74163
  switch (typeDialog) {
@@ -74172,9 +74176,7 @@ const renderAvatar = (urlAvatar, typeDialog) => {
74172
74176
  };
74173
74177
  // eslint-disable-next-line react/function-component-definition
74174
74178
  const DialogListItem_DialogListItem_DialogListItem = ({ name, avatar, typeDialog, id, checked, onSelect, }) => {
74175
- return ((0,jsx_runtime_.jsxs)("div", { className: "dialog-item-element", children: [(0,jsx_runtime_.jsxs)("div", { className: "item-element-avatar", children: [(0,jsx_runtime_.jsx)("div", { className: "item-element-avatar-rectangle" }), (0,jsx_runtime_.jsx)("div", { className: "item-element-avatar-ellipse" }), renderAvatar(avatar, typeDialog)] }), (0,jsx_runtime_.jsx)("div", { className: "dialog-item-element-subtitle", children: name }), (0,jsx_runtime_.jsx)("div", { className: "dialog-item-element-checkbox", children: (0,jsx_runtime_.jsx)("input", { type: "checkbox", checked: checked, onChange: () => {
74176
- onSelect(id);
74177
- } }) })] }));
74179
+ return ((0,jsx_runtime_.jsxs)("div", { className: "dialog-item-element", children: [(0,jsx_runtime_.jsx)("div", { className: "dialog-item-element-avatar", children: renderAvatar(avatar, typeDialog) }), (0,jsx_runtime_.jsx)("div", { className: "dialog-item-element-subtitle", children: name }), (0,jsx_runtime_.jsx)(CheckBox_CheckBox_CheckBox, { onChange: () => onSelect(id), disabled: false, checked: checked })] }));
74178
74180
  };
74179
74181
  /* harmony default export */ const DialogsWithSearch_DialogListItem_DialogListItem = (DialogListItem_DialogListItem_DialogListItem);
74180
74182
 
@@ -75128,7 +75130,7 @@ theme = undefined, setPrevValueText, disableActions = false, }) => {
75128
75130
  });
75129
75131
  }
75130
75132
  //
75131
- items.push({
75133
+ items.unshift({
75132
75134
  title: 'Back to prev.',
75133
75135
  icon: (0,jsx_runtime_.jsx)(AIWidgets_WhiteCheckMarkIcon, {}),
75134
75136
  action: () => {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "quickblox-react-ui-kit",
3
- "version": "0.5.0-beta.8",
3
+ "version": "0.5.0-beta.9",
4
4
  "main": "dist/index-ui.js",
5
5
  "types": "dist/index-ui.d.ts",
6
6
  "license": "MIT",
package/src/Presentation/Views/Dialog/AIWidgets/AIRephraseWidget/AIRephraseWidget.tsx CHANGED
@@ -132,7 +132,7 @@ const AIRephraseWidget = ({
132
132
  });
133
133
  }
134
134
  //
135
- items.push({
135
+ items.unshift({
136
136
  title: 'Back to prev.',
137
137
  icon: <WhiteCheckMarkIcon />,
138
138
  action: () => {
package/src/Presentation/Views/Dialog/AIWidgets/AIWidgetActions/AIWidgetActions.scss CHANGED
@@ -4,18 +4,18 @@
4
4
  }
5
5
  .dropdown-context-menu-tone {
6
6
  position: absolute;
7
- bottom: -15px;
7
+ bottom: 25px;
8
8
  right: 0;
9
9
  zIndex: 1;
10
10
  width: max-content;
11
11
  height: max-content;
12
12
 
13
- background: var(--primary-primary-a-100, #ffffff);
13
+ background: var(--main-background, #ffffff);
14
14
  border-radius: 4px;
15
- padding: 8px 0px 8px 0px;
15
+ padding: 8px 0 8px 0;
16
16
 
17
- box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.04),
18
- 0px 3px 14px 0px rgba(0, 0, 0, 0.08), 0px 8px 10px 0px rgba(0, 0, 0, 0.12);
17
+ box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.04),
18
+ 0 3px 14px 0 rgba(0, 0, 0, 0.08), 0 8px 10px 0 rgba(0, 0, 0, 0.12);
19
19
 
20
20
  }
21
21
 
@@ -31,7 +31,7 @@
31
31
  }
32
32
 
33
33
  .dropdown-context-menu-tone-menu-item-title {
34
- color: var(--secondary-secondary-900, #0b121b);
34
+ color: var(--main-text, #0b121b);
35
35
  text-align: left;
36
36
  font: var(--body-body-medium, 400 14px/20px "Roboto", sans-serif);
37
37
  position: relative;
package/src/Presentation/Views/Dialog/ForwardMessageFlow/DialogsWithSearch/DialogListItem/DialogListItem.scss CHANGED
@@ -11,7 +11,7 @@
11
11
  align-items: center;
12
12
  justify-content: flex-start;
13
13
  flex-shrink: 0;
14
- width: 270px;
14
+ //width: 270px;
15
15
  position: relative;
16
16
 
17
17
  }
@@ -20,22 +20,15 @@
20
20
  width: 40px;
21
21
  height: 40px;
22
22
  position: relative;
23
- }
24
- .dialog-item-element-avatar-rectangle {
25
- width: 40px;
26
- height: 40px;
27
- position: absolute;
28
- left: 0px;
29
- top: 0px;
30
- }
31
- .dialog-item-element-avatar-ellipse {
32
- background: var(--disabled-elements, #bcc1c5);
23
+
24
+ display: flex;
25
+ align-items: center;
26
+ justify-content: center;
27
+ overflow: hidden;
33
28
  border-radius: 50%;
34
- width: 40px;
35
- height: 40px;
36
- position: absolute;
37
- left: 0px;
38
- top: 0px;
29
+ background-color: var(--disabled-elements);
30
+ color: var(--secondary-text);
31
+
39
32
  }
40
33
  .contents-user {
41
34
  position: absolute;
@@ -52,20 +45,15 @@
52
45
  display: flex;
53
46
  align-items: center;
54
47
  justify-content: flex-start;
48
+ white-space: nowrap;
49
+ overflow: hidden;
50
+ text-overflow: ellipsis;
51
+ width: 200px;
52
+ @media (max-width: 767px) {
53
+ width: 120px;
54
+ }
55
55
  }
56
- .dialog-item-element-checkbox {
57
- border-radius: 4px;
58
- padding: 4px;
59
- display: flex;
60
- flex-direction: row;
61
- gap: 0px;
62
- align-items: center;
63
- justify-content: center;
64
- flex-shrink: 0;
65
- width: 32px;
66
- height: 32px;
67
- position: relative;
68
- }
56
+
69
57
  .toggle-check-on {
70
58
  align-self: stretch;
71
59
  flex: 1;
package/src/Presentation/Views/Dialog/ForwardMessageFlow/DialogsWithSearch/DialogListItem/DialogListItem.tsx CHANGED
@@ -1,5 +1,4 @@
1
1
  import React from 'react';
2
- import './DialogListItem.scss';
3
2
  import { FunctionTypeStringToVoid } from '../../../../../../CommonTypes/BaseViewModel';
4
3
  import { DialogType } from '../../../../../../Domain/entity/DialogTypes';
5
4
  import User from '../../../../../components/UI/svgs/Icons/Contents/User';
@@ -7,6 +6,8 @@ import GroupChat from '../../../../../components/UI/svgs/Icons/Contents/GroupCha
7
6
  import PublicChannel from '../../../../../components/UI/svgs/Icons/Contents/PublicChannel';
8
7
  import UserAvatar from '../../../../EditDialog/UserAvatar/UserAvatar';
9
8
  import { IconTheme } from '../../../../../components/UI/svgs/Icons/IconsCommonTypes';
9
+ import CheckBox from '../../../../../ui-components/CheckBox/CheckBox';
10
+ import './DialogListItem.scss';
10
11
 
11
12
  type DialogListItemProps = {
12
13
  name: string;
@@ -74,21 +75,11 @@ const DialogListItem = ({
74
75
  }: DialogListItemProps) => {
75
76
  return (
76
77
  <div className="dialog-item-element">
77
- <div className="item-element-avatar">
78
- <div className="item-element-avatar-rectangle" />
79
- <div className="item-element-avatar-ellipse" />
78
+ <div className="dialog-item-element-avatar">
80
79
  {renderAvatar(avatar, typeDialog)}
81
80
  </div>
82
81
  <div className="dialog-item-element-subtitle">{name}</div>
83
- <div className="dialog-item-element-checkbox">
84
- <input
85
- type="checkbox"
86
- checked={checked}
87
- onChange={() => {
88
- onSelect(id);
89
- }}
90
- />
91
- </div>
82
+ <CheckBox onChange={() => onSelect(id)} disabled={false} checked={checked} />
92
83
  </div>
93
84
  );
94
85
  };
package/src/Presentation/Views/Dialog/ForwardMessageFlow/ForwardMessageFlow.scss CHANGED
@@ -33,7 +33,7 @@
33
33
  }
34
34
  .active-tab-button {
35
35
  border-style: solid;
36
- border-color: var(--light-theme-mainelements, #3978fc);
36
+ border-color: var(--main-elements, #3978fc);
37
37
  border-width: 0px 0px 3px 0px;
38
38
  padding: 8px 16px 8px 16px;
39
39
  display: flex;
@@ -46,7 +46,7 @@
46
46
  position: relative;
47
47
  }
48
48
  .active-tab-button-content {
49
- color: var(--light-theme-mainelements, #3978fc);
49
+ color: var(--main-elements, #3978fc);
50
50
  text-align: left;
51
51
  font: var(--button-default, 700 14px/16px "Roboto", sans-serif);
52
52
  position: relative;
@@ -64,7 +64,7 @@
64
64
  cursor: pointer;
65
65
  }
66
66
  .no-active-tab-button-content {
67
- color: var(--light-theme-tertiaryelements, #636d78);
67
+ color: var(--tertiary-elements, #636d78);
68
68
  text-align: left;
69
69
  font: var(--button-default, 700 14px/16px "Roboto", sans-serif);
70
70
  position: relative;
@@ -76,10 +76,10 @@
76
76
  overflow: visible;
77
77
  }
78
78
  .forward-message-flow-message-input {
79
- background: var(--light-theme-mainbackground, #ffffff);
79
+ background: var(--main-background);
80
80
  display: flex;
81
81
  flex-direction: column;
82
- gap: 0px;
82
+ gap: 0;
83
83
  align-items: flex-start;
84
84
  justify-content: center;
85
85
  align-self: stretch;
@@ -108,7 +108,7 @@
108
108
  .caption {
109
109
  display: flex;
110
110
  flex-direction: row;
111
- gap: 0px;
111
+ gap: 0;
112
112
  align-items: flex-start;
113
113
  justify-content: flex-start;
114
114
  flex-shrink: 0;
@@ -127,7 +127,7 @@
127
127
  border-radius: 4px;
128
128
  display: flex;
129
129
  flex-direction: row;
130
- gap: 0px;
130
+ gap: 0;
131
131
  align-items: center;
132
132
  justify-content: center;
133
133
  flex-shrink: 0;
@@ -142,13 +142,13 @@
142
142
  overflow: visible;
143
143
  }
144
144
  .forwarded-from-name {
145
- color: var(--light-theme-tertiaryelements, #636d78);
145
+ color: var(--tertiary-elements, #636d78);
146
146
  text-align: left;
147
147
  font: var(--label-label-medium, 500 12px/16px "Roboto", sans-serif);
148
148
  position: relative;
149
149
  }
150
150
  .i-like-you-new-presentation-style-it-s-very {
151
- color: var(--light-theme-maintext, #0b1b0f);
151
+ color: var(--main-text, #0b1b0f);
152
152
  text-align: center;
153
153
  font: var(--body-body-large, 400 16px/24px "Roboto", sans-serif);
154
154
  position: relative;
package/src/Presentation/Views/Dialog/ForwardMessageFlow/InputForForwarding/InputForForwarding.scss CHANGED
@@ -25,6 +25,15 @@
25
25
  justify-content: flex-start;
26
26
  flex: 1;
27
27
  position: relative;
28
+
29
+ textarea {
30
+ overflow: auto;
31
+ scrollbar-width: none;
32
+ }
33
+
34
+ textarea::-webkit-scrollbar {
35
+ display: none;
36
+ }
28
37
  }
29
38
  .forwarding-message-input-input-type-message {
30
39
  color: var(--main-text, #636d78);
@@ -43,6 +52,8 @@
43
52
  height: 26px;
44
53
  min-height: 26px;
45
54
  max-height: 26px;
55
+
56
+
46
57
  }
47
58
 
48
59
  .forwarding-message-input-icon-send {
package/src/Presentation/Views/DialogInfo/UsersList/SingleUser/SingleUser.scss CHANGED
@@ -41,7 +41,6 @@
41
41
  height: 100%;
42
42
  }
43
43
  .list-single-user-contents-user {
44
- height: auto;
45
44
  position: absolute;
46
45
  right: 17.86%;
47
46
  left: 17.86%;
package/src/Presentation/ui-components/DialogWindow/DialogWindow.tsx CHANGED
@@ -31,7 +31,7 @@ export default function DialogWindow({
31
31
  <div className="dialog-window__content">
32
32
  <Header
33
33
  className="dialog-window__header"
34
- onGoBack={onClose}
34
+ // onGoBack={onClose}
35
35
  title={title}
36
36
  >
37
37
  <CloseSvg onClick={onClose} className="dialog-window__close" />
package/src/Presentation/ui-components/Message/Message.scss CHANGED
@@ -78,6 +78,7 @@
78
78
  justify-content: flex-start;
79
79
  flex-shrink: 0;
80
80
  position: relative;
81
+ width: 100%;
81
82
  }
82
83
  .reply-forward-message {
83
84
  color: var(--secondary-text);
package/src/Presentation/ui-components/Message/Message.tsx CHANGED
@@ -75,12 +75,14 @@ export default function Message({
75
75
  />
76
76
  <div className="message-item__incoming__chat">
77
77
  <div className="message-item__incoming__chat__bubble">
78
- <div className={cn(null, {
79
- 'reply-forward-message': subtype === 'reply' || subtype === 'forward'
80
- }
81
- )}>
82
- {children}
83
- </div>
78
+ {
79
+ (subtype === 'reply' || subtype === 'forward')
80
+ ?
81
+ <div className='reply-forward-message'>
82
+ {children}
83
+ </div>
84
+ : children
85
+ }
84
86
  {bottomPart}
85
87
  </div>
86
88
  {additionalPart}
package/src/Presentation/ui-components/MessageInput/MessageInput.scss CHANGED
@@ -124,7 +124,7 @@ $message-view-container-chat-input-min-height: 54px;
124
124
  justify-content: flex-start;
125
125
  }
126
126
  .type-message textarea{
127
- color: var(--input-elements);
127
+ color: var(--main-text);
128
128
  font: var(--body-body-large);
129
129
  border: none;
130
130
  outline: none;
package/src/Presentation/ui-components/Toast/Toast.scss CHANGED
@@ -7,7 +7,7 @@
7
7
  padding: 4px 12px;
8
8
  opacity: 60% !important;
9
9
  border-radius: 4px;
10
- background-color: var(--toast-color);
10
+ background-color: var(--caption);
11
11
 
12
12
  &__body {
13
13
  padding: 0;
@@ -16,7 +16,7 @@
16
16
  font-size: 12px;
17
17
  line-height: 16px;
18
18
  letter-spacing: 0.5px;
19
- color: var(--main-background);
19
+ color: var(--secondary-elements);
20
20
  text-align: center;
21
21
  }
22
22
  }