quickblox-react-ui-kit 0.2.8-beta.8 → 0.2.8-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 (4) hide show
  1. package/dist/index-ui.d.ts +2 -3
  2. package/dist/index-ui.js +44 -20
  3. package/dist/index-ui.js.map +1 -1
  4. package/package.json +1 -1
package/dist/index-ui.d.ts CHANGED
@@ -18,7 +18,7 @@ import DialogList from './Presentation/Views/DialogList/DialogList';
18
18
  import Dialog from './Presentation/Views/Dialog/Dialog';
19
19
  import DialogInfo from './Presentation/Views/DialogInfo/DialogInfo';
20
20
  import { DialogEntity } from './Domain/entity/DialogEntity';
21
- import BaseViewModel from './CommonTypes/BaseViewModel';
21
+ import BaseViewModel, { FunctionTypeViewModelToVoid } from './CommonTypes/BaseViewModel';
22
22
  import { LoginData, AuthorizationData, RemoteDataSource } from './Data/source/remote/RemoteDataSource';
23
23
  import QuickBloxUIKitDesktopLayout from './Presentation/layouts/Desktop/QuickBloxUIKitDesktopLayout';
24
24
  import DefaultTheme from './Presentation/themes/DefaultThemes/DefaultTheme';
@@ -30,6 +30,5 @@ import AIWidgetIcon from './Presentation/components/UI/svgs/Icons/AIWidgets/AIWi
30
30
  import ErrorMessageIcon from './Presentation/Views/Dialog/AIWidgets/ErrorMessageIcon';
31
31
  import PreviewDialogViewModel from './Presentation/Views/PreviewDialog/PreviewDialogViewModel';
32
32
  import { AvatarContentIncomingUserProps } from './Presentation/Views/Dialog/Message/IncomingMessage/AvatarContentIncomingUser/AvatarContentIncomingUser';
33
- import { FunctionTypeViewModelToVoid } from './CommonTypes/BaseViewModel';
34
33
  import { GetUserNameFct } from './Presentation/Views/Dialog/Message/IncomingMessage/IncomingMessage';
35
- export { MainButton, TypeButton, type LoginData, type AuthorizationData, QuickBloxUIKitProvider, qbDataContext, type QBDataContextType, RemoteDataSource, LocalDataSource, useQBConnection, useQbInitializedDataContext, useQbUIKitDataContext, useEventMessagesRepository, type DialogListViewModel, useDialogListViewModel, SubscribeToDialogEventsUseCase, Pagination, type DialogEventInfo, EventMessageType, NotificationTypes, stringifyError, DesktopLayout, DialogList, Dialog, DialogInfo, type DialogEntity, BaseViewModel, QuickBloxUIKitDesktopLayout, DefaultTheme, type UiKitTheme, type AIMessageWidget, AISource, type IChatMessage, AIWidgetIcon, ErrorMessageIcon, PreviewDialogViewModel, type FunctionTypeViewModelToVoid, type AvatarContentIncomingUserProps, type GetUserNameFct };
34
+ export { MainButton, TypeButton, type LoginData, type AuthorizationData, QuickBloxUIKitProvider, qbDataContext, type QBDataContextType, RemoteDataSource, LocalDataSource, useQBConnection, useQbInitializedDataContext, useQbUIKitDataContext, useEventMessagesRepository, type DialogListViewModel, useDialogListViewModel, SubscribeToDialogEventsUseCase, Pagination, type DialogEventInfo, EventMessageType, NotificationTypes, stringifyError, DesktopLayout, DialogList, Dialog, DialogInfo, type DialogEntity, BaseViewModel, QuickBloxUIKitDesktopLayout, DefaultTheme, type UiKitTheme, type AIMessageWidget, AISource, type IChatMessage, AIWidgetIcon, ErrorMessageIcon, PreviewDialogViewModel, type FunctionTypeViewModelToVoid, type AvatarContentIncomingUserProps, type GetUserNameFct, };
package/dist/index-ui.js CHANGED
@@ -1033,7 +1033,7 @@ __webpack_require__.r(__webpack_exports__);
1033
1033
 
1034
1034
  var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
1035
1035
  // Module
1036
- ___CSS_LOADER_EXPORT___.push([module.id, ".dialog-list {\n min-width: var(--max-width-dialog-list);\n width: 100%;\n border: 1px solid var(--divider);\n}\n\n@media only screen and (max-width: var(--min-width-screen-desktop)) {\n .dialog-list {\n width: 100%;\n border: 1px solid var(--divider);\n }\n}\n.scroll-box {\n overflow: hidden !important;\n scrollbar-width: none !important;\n}\n.scroll-box::-webkit-scrollbar {\n width: 0px;\n background: transparent;\n}\n.scroll-box::-webkit-scrollbar-thumb {\n width: 0px;\n background: transparent;\n}\n.scroll-box.scroll-box.border {\n padding-bottom: 12px;\n margin-bottom: 23px;\n border-bottom: 2px solid rgba(44, 128, 226, 0.08);\n}\n\n.scroll-box:hover {\n overflow-y: auto !important;\n overflow-x: hidden;\n scrollbar-width: none !important;\n}\n\n.scroll-dialogs-container {\n flex: 1 1 200px;\n width: 100%;\n max-height: 200px;\n display: flex;\n flex-flow: column nowrap;\n justify-content: flex-end;\n}\n\n.search-dialog-name-input {\n margin: 16px;\n box-sizing: border-box;\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n text-align: center;\n padding: 8px;\n height: 44px;\n border: 1px solid #90979F;\n border-radius: 4px;\n background-color: var(--main-background);\n color: var(--secondary-text);\n}\n.search-dialog-name-input input {\n color: var(--secondary-text);\n background-color: var(--main-background);\n margin-left: 6px;\n margin-right: 6px;\n font-family: \"Roboto\";\n font-style: normal;\n font-weight: 400;\n font-size: 16px;\n line-height: 24px;\n display: flex;\n align-items: center;\n letter-spacing: 0.15px;\n border: none;\n outline: none;\n}", "",{"version":3,"sources":["webpack://./src/Presentation/Views/DialogList/DialogList.scss"],"names":[],"mappings":"AAAA;EACE,uCAAA;EACA,WAAA;EACA,gCAAA;AACF;;AAEA;EACE;IACE,WAAA;IACA,gCAAA;EACF;AACF;AAEA;EACE,2BAAA;EACA,gCAAA;AAAF;AAIE;EACE,UAAA;EACA,uBAAA;AAFJ;AAKE;EACE,UAAA;EACA,uBAAA;AAHJ;AAME;EACE,oBAAA;EACA,mBAAA;EACA,iDAAA;AAJJ;;AAOA;EACE,2BAAA;EACA,kBAAA;EACA,gCAAA;AAJF;;AAMA;EACE,eAAA;EACA,WAAA;EACA,iBAAA;EAEA,aAAA;EACA,wBAAA;EACA,yBAAA;AAJF;;AAOA;EACE,YAAA;EAEA,sBAAA;EACA,aAAA;EACA,mBAAA;EACA,2BAAA;EAEA,mBAAA;EACA,kBAAA;EACA,YAAA;EAEA,YAAA;EAEA,yBAAA;EACA,kBAAA;EAEA,wCAAA;EACA,4BAAA;AATF;AAWE;EACE,4BAAA;EACA,wCAAA;EACA,gBAAA;EACA,iBAAA;EAEA,qBAAA;EACA,kBAAA;EACA,gBAAA;EACA,eAAA;EACA,iBAAA;EAEA,aAAA;EACA,mBAAA;EACA,sBAAA;EAEA,YAAA;EACA,aAAA;AAZJ","sourcesContent":[".dialog-list {\n min-width: var(--max-width-dialog-list);\n width: 100%;\n border: 1px solid var(--divider);\n}\n\n@media only screen and (max-width: var(--min-width-screen-desktop)) {\n .dialog-list {\n width: 100%;\n border: 1px solid var(--divider);\n }\n}\n\n.scroll-box{\n overflow: hidden !important;\n scrollbar-width: none !important;\n ///\n //overflow-y: scroll;\n //overflow-x: hidden;\n &::-webkit-scrollbar {\n width: 0px;\n background: transparent;\n }\n\n &::-webkit-scrollbar-thumb {\n width: 0px;\n background: transparent;\n }\n\n &.scroll-box.border {\n padding-bottom: 12px;\n margin-bottom: 23px;\n border-bottom: 2px solid rgba($color: #2c80e2, $alpha: 0.08);\n }\n}\n.scroll-box:hover{\n overflow-y: auto !important;\n overflow-x: hidden;\n scrollbar-width: none !important;\n}\n.scroll-dialogs-container{\n flex: 1 1 200px;\n width: 100%;\n max-height: 200px;\n\n display: flex;\n flex-flow: column nowrap;\n justify-content: flex-end;\n\n}\n.search-dialog-name-input{\n margin: 16px;\n\n box-sizing: border-box;\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n\n align-items: center;\n text-align: center;\n padding: 8px;\n // width: 288px;\n height: 44px;\n\n border: 1px solid #90979F;\n border-radius: 4px;\n\n background-color: var(--main-background);\n color: var(--secondary-text);\n\n input {\n color: var(--secondary-text);\n background-color: var(--main-background);\n margin-left: 6px;\n margin-right: 6px;\n\n font-family: 'Roboto';\n font-style: normal;\n font-weight: 400;\n font-size: 16px;\n line-height: 24px;\n\n display: flex;\n align-items: center;\n letter-spacing: 0.15px;\n\n border: none;\n outline: none;\n }\n}\n"],"sourceRoot":""}]);
1036
+ ___CSS_LOADER_EXPORT___.push([module.id, ".dialog-list {\n min-width: var(--max-width-dialog-list);\n width: 100%;\n border: 1px solid var(--divider);\n}\n\n@media only screen and (max-width: var(--min-width-screen-desktop)) {\n .dialog-list {\n width: 100%;\n border: 1px solid var(--divider);\n }\n}\n.scroll-box {\n scrollbar-width: none !important;\n overflow-y: scroll;\n overflow-x: hidden;\n}\n.scroll-box::-webkit-scrollbar {\n width: 0px;\n background: transparent;\n}\n.scroll-box::-webkit-scrollbar-thumb {\n width: 0px;\n background: transparent;\n}\n.scroll-box.scroll-box.border {\n padding-bottom: 12px;\n margin-bottom: 23px;\n border-bottom: 2px solid rgba(44, 128, 226, 0.08);\n}\n\n.scroll-box:hover {\n overflow-y: auto !important;\n overflow-x: hidden;\n scrollbar-width: none !important;\n}\n\n.scroll-dialogs-container {\n flex: 1 1 200px;\n width: 100%;\n max-height: 200px;\n display: flex;\n flex-flow: column nowrap;\n justify-content: flex-end;\n}\n\n.search-dialog-name-input {\n margin: 16px;\n box-sizing: border-box;\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n text-align: center;\n padding: 8px;\n height: 44px;\n border: 1px solid #90979F;\n border-radius: 4px;\n background-color: var(--main-background);\n color: var(--secondary-text);\n}\n.search-dialog-name-input input {\n color: var(--secondary-text);\n background-color: var(--main-background);\n margin-left: 6px;\n margin-right: 6px;\n font-family: \"Roboto\";\n font-style: normal;\n font-weight: 400;\n font-size: 16px;\n line-height: 24px;\n display: flex;\n align-items: center;\n letter-spacing: 0.15px;\n border: none;\n outline: none;\n}", "",{"version":3,"sources":["webpack://./src/Presentation/Views/DialogList/DialogList.scss"],"names":[],"mappings":"AAAA;EACE,uCAAA;EACA,WAAA;EACA,gCAAA;AACF;;AAEA;EACE;IACE,WAAA;IACA,gCAAA;EACF;AACF;AAEA;EAEE,gCAAA;EAEA,kBAAA;EACA,kBAAA;AAFF;AAGE;EACE,UAAA;EACA,uBAAA;AADJ;AAIE;EACE,UAAA;EACA,uBAAA;AAFJ;AAKE;EACE,oBAAA;EACA,mBAAA;EACA,iDAAA;AAHJ;;AAMA;EACE,2BAAA;EACA,kBAAA;EACA,gCAAA;AAHF;;AAKA;EACE,eAAA;EACA,WAAA;EACA,iBAAA;EAEA,aAAA;EACA,wBAAA;EACA,yBAAA;AAHF;;AAMA;EACE,YAAA;EAEA,sBAAA;EACA,aAAA;EACA,mBAAA;EACA,2BAAA;EAEA,mBAAA;EACA,kBAAA;EACA,YAAA;EAEA,YAAA;EAEA,yBAAA;EACA,kBAAA;EAEA,wCAAA;EACA,4BAAA;AARF;AAUE;EACE,4BAAA;EACA,wCAAA;EACA,gBAAA;EACA,iBAAA;EAEA,qBAAA;EACA,kBAAA;EACA,gBAAA;EACA,eAAA;EACA,iBAAA;EAEA,aAAA;EACA,mBAAA;EACA,sBAAA;EAEA,YAAA;EACA,aAAA;AAXJ","sourcesContent":[".dialog-list {\n min-width: var(--max-width-dialog-list);\n width: 100%;\n border: 1px solid var(--divider);\n}\n\n@media only screen and (max-width: var(--min-width-screen-desktop)) {\n .dialog-list {\n width: 100%;\n border: 1px solid var(--divider);\n }\n}\n\n.scroll-box{\n // overflow: hidden !important; //todo artik changed 28.12.2023\n scrollbar-width: none !important;\n ///\n overflow-y: scroll; //todo artik changed 28.12.2023\n overflow-x: hidden; //todo artik changed 28.12.2023\n &::-webkit-scrollbar {\n width: 0px;\n background: transparent;\n }\n\n &::-webkit-scrollbar-thumb {\n width: 0px;\n background: transparent;\n }\n\n &.scroll-box.border {\n padding-bottom: 12px;\n margin-bottom: 23px;\n border-bottom: 2px solid rgba($color: #2c80e2, $alpha: 0.08);\n }\n}\n.scroll-box:hover{\n overflow-y: auto !important;\n overflow-x: hidden;\n scrollbar-width: none !important;\n}\n.scroll-dialogs-container{\n flex: 1 1 200px;\n width: 100%;\n max-height: 200px;\n\n display: flex;\n flex-flow: column nowrap;\n justify-content: flex-end;\n\n}\n.search-dialog-name-input{\n margin: 16px;\n\n box-sizing: border-box;\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n\n align-items: center;\n text-align: center;\n padding: 8px;\n // width: 288px;\n height: 44px;\n\n border: 1px solid #90979F;\n border-radius: 4px;\n\n background-color: var(--main-background);\n color: var(--secondary-text);\n\n input {\n color: var(--secondary-text);\n background-color: var(--main-background);\n margin-left: 6px;\n margin-right: 6px;\n\n font-family: 'Roboto';\n font-style: normal;\n font-weight: 400;\n font-size: 16px;\n line-height: 24px;\n\n display: flex;\n align-items: center;\n letter-spacing: 0.15px;\n\n border: none;\n outline: none;\n }\n}\n"],"sourceRoot":""}]);
1037
1037
  // Exports
1038
1038
  /* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
1039
1039
 
@@ -1059,7 +1059,7 @@ var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBP
1059
1059
  ___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);"]);
1060
1060
  ___CSS_LOADER_EXPORT___.push([module.id, "@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600;700&display=swap);"]);
1061
1061
  // Module
1062
- ___CSS_LOADER_EXPORT___.push([module.id, "@charset \"UTF-8\";\n/*\n@font-face {\n font-family: \"Roboto-Regular\";\n src: url(\"../fonts/Roboto-Regular.eot\");\n src: local(\"☺\"), url(\"../fonts/Roboto-Regular.woff\") format(\"woff\"),\n url(\"../fonts/Roboto-Regular.ttf\") format(\"truetype\");\n font-weight: normal;\n font-style: normal;\n}\n\n@font-face {\n font-family: \"Roboto-Medium\";\n src: url(\"../fonts/Roboto-Medium.eot\");\n src: local(\"☺\"), url(\"../fonts/Roboto-Medium.woff\") format(\"woff\"),\n url(\"../fonts/Roboto-Medium.ttf\") format(\"truetype\");\n font-weight: normal;\n font-style: normal;\n}\n\n@font-face {\n font-family: \"Roboto-Bold\";\n src: url(\"../fonts/Roboto-Bold.eot\");\n src: local(\"☺\"), url(\"../fonts/Roboto-Bold.woff\") format(\"woff\"),\n url(\"../fonts/Roboto-Bold.ttf\") format(\"truetype\");\n font-weight: normal;\n font-style: normal;\n}\n*/\n:root {\n --primary: #3978FC;\n --color-background: #FFFFFF;\n --color-background-modal: #C4D7FE;\n --color-background-overlay: #0B121B;\n --color-divider: #E7EFFF;\n --color-font: #0B121B;\n --color-icon: #3978FC;\n --color-background-info:#C4D7FE;\n --tertiary-elements: #636D78;\n --main-elements: #3978FC;\n --secondary-elements: #202F3E;\n --input-elements: #202F3E;\n --disabled-elements: #BCC1C5;\n --field-border: #90979F;\n --main-text: #0B121B;\n --secondary-text: #636D78;\n --caption: #90979F;\n --main-background: #FFFFFF;\n --secondary-background: #FFFFFF;\n --secondary-background-modal: rgba(19, 29, 40, 0.8);\n --incoming-background: #E4E6E8;\n --outgoing-background: #E7EFFF;\n --dropdown-background: #FFFFFF;\n --chat-input: #F7F9FF;\n --divider: #E7EFFF;\n --error: #FF3B30;\n --hightlight: #FFFDC1;\n}\n\nhtml[data-theme=dark] {\n --primary: #3978FC;\n --color-background: #0B121B;\n --color-background-modal: #131D28;\n --color-background-overlay: #0B121B;\n --color-divider: #414E5B;\n --color-font: #FFFFFF;\n --color-icon: #74A1FD;\n --color-background-info: #3978FC;\n --tertiary-elements: rgba(144, 151, 159, 0.8);\n --main-elements: #74A1FD;\n --secondary-elements: #FFFFFF;\n --input-elements: #90979F;\n --disabled-elements: #636D78;\n --field-border: #90979F;\n --main-text: #FFFFFF;\n --secondary-text: #90979F;\n --caption: #BCC1C5;\n --main-background: #202F3E;\n --secondary-background: #131D28;\n --incoming-background: #414E5B;\n --outgoing-background: #3978FC;\n --dropdown-background: #414E5B;\n --chat-input: #131D28;\n --divider: #414E5B;\n --error: #FF766E;\n --hightlight: #FFFDC1;\n}\n\n/* Fonts */\n:root {\n --title-title-large: 500 20px/24px \"Roboto\", sans-serif;\n --title-title-medium: 500 16px/24px \"Roboto\", sans-serif;\n --title-title-small: 500 14px/20px \"Roboto\", sans-serif;\n --label-label-large: 500 14px/20px \"Roboto\", sans-serif;\n --label-label-medium: 500 12px/16px \"Roboto\", sans-serif;\n --label-label-small: 500 11px/16px \"Roboto\", sans-serif;\n --body-body-large: 400 16px/24px \"Roboto\", sans-serif;\n --body-body-medium: 400 14px/20px \"Roboto\", sans-serif;\n --body-body-small: 400 12px/16px \"Roboto\", sans-serif;\n --button-fab: 500 14px/16px \"Roboto\", sans-serif;\n --button-default: 700 14px/16px \"Roboto\", sans-serif;\n --ui-kit-header: 500 48px \"Roboto Mono\", sans-serif;\n --ui-kit-title: 500 32px \"Roboto Mono\", sans-serif;\n --ui-kit-body: 400 17px \"Roboto Mono\", sans-serif;\n /* Width */\n --max-width-message-bubble: 480px;\n --max-width-message-view-container: 680px;\n --max-width-image-message: 240px;\n --max-width-audio-message: 300px;\n --max-width-dialog-list: 320px;\n --min-width-screen-desktop: 980px;\n}\n\n* {\n box-sizing: border-box;\n}\n\nbody {\n font-family: \"Roboto\";\n color: var(--main-text);\n background-color: var(--main-background);\n overflow: hidden !important;\n scrollbar-width: none !important;\n}\n\n/* Media-query for mobile devices */\n@media only screen and (max-width: 980px) {\n :root {\n --max-width-message-view-container: 345px;\n --max-width-message-bubble: 170px;\n --max-width-image-message: 150px;\n --max-width-audio-message: 150px;\n --max-width-dialog-list: 100%;\n }\n}\n.header-dialogs-container {\n display: flex;\n height: 64px;\n gap: 0 30px;\n padding: 16px 16px 16px 20px;\n justify-content: space-between;\n}\n.header-dialogs-container--title_wrapper {\n font-family: \"Roboto\";\n font-style: normal;\n font-weight: 500;\n font-size: 20px;\n line-height: 24px;\n letter-spacing: 0.0015em;\n width: 180px;\n text-align: left;\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n}\n.header-dialogs-container__buttons {\n display: flex;\n align-items: center;\n gap: 29px;\n background: none;\n color: var(--color-icon);\n}\n.header-dialogs-container__buttons svg {\n width: 24px;\n height: 24px;\n viewBox: 0 0 24px 24px;\n}\n.header-dialogs-container__buttons svg path {\n fill: var(--color-icon);\n}\n\n.header-dialogs {\n border: 1px solid var(--color-divider);\n}", "",{"version":3,"sources":["webpack://./src/Presentation/Views/DialogListHeader/DialogListHeader.scss","webpack://./src/Presentation/themes/styles/_fonts.scss","webpack://./src/Presentation/themes/styles/_theme_light.scss","webpack://./src/Presentation/themes/styles/_theme_dark.scss","webpack://./src/Presentation/themes/styles/_variables.scss","webpack://./src/index.scss"],"names":[],"mappings":"AAAA,gBAAgB;ACIhB;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAA;ACFA;EACE,kBAAA;EACA,2BAAA;EACA,iCAAA;EACA,mCAAA;EACA,wBAAA;EACA,qBAAA;EACA,qBAAA;EAEA,+BAAA;EACA,4BAAA;EACA,wBAAA;EACA,6BAAA;EACA,yBAAA;EACA,4BAAA;EACA,uBAAA;EACA,oBAAA;EACA,yBAAA;EACA,kBAAA;EACA,0BAAA;EACA,+BAAA;EACA,mDAAA;EACA,8BAAA;EACA,8BAAA;EACA,8BAAA;EACA,qBAAA;EACA,kBAAA;EACA,gBAAA;EACA,qBAAA;AF6BF;;AGxDA;EACE,kBAAA;EACA,2BAAA;EACA,iCAAA;EACA,mCAAA;EACA,wBAAA;EACA,qBAAA;EACA,qBAAA;EAGA,gCAAA;EACA,6CAAA;EACA,wBAAA;EACA,6BAAA;EACA,yBAAA;EACA,4BAAA;EACA,uBAAA;EACA,oBAAA;EACA,yBAAA;EACA,kBAAA;EACA,0BAAA;EACA,+BAAA;EACA,8BAAA;EACA,8BAAA;EACA,8BAAA;EACA,qBAAA;EACA,kBAAA;EACA,gBAAA;EACA,qBAAA;AHyDF;;AI9DA,UAAA;AACA;EACE,uDAAA;EACA,wDAAA;EACA,uDAAA;EACA,uDAAA;EACA,wDAAA;EACA,uDAAA;EACA,qDAAA;EACA,sDAAA;EACA,qDAAA;EACA,gDAAA;EACA,oDAAA;EACA,mDAAA;EACA,kDAAA;EACA,iDAAA;EAEF,UAAA;EACE,iCAAA;EACA,yCAAA;EACA,gCAAA;EACA,gCAAA;EACA,8BAAA;EACA,iCAAA;AJgEF;;AK7GA;EACE,sBAAA;ALgHF;;AK7GA;EACE,qBAAA;EACA,uBAAA;EACA,wCAAA;EACA,2BAAA;EACA,gCAAA;ALgHF;;AK7GA,mCAAA;AACA;EACE;IACE,yCAAA;IACA,iCAAA;IACA,gCAAA;IACA,gCAAA;IACA,6BAAA;ELgHF;AACF;AAxHA;EACE,aAAA;EACA,YAfwB;EAgBxB,WAAA;EACA,4BAAA;EACA,8BAAA;AA0HF;AAzHE;EACC,qBAhBkC;EAiBlC,kBAAA;EACA,gBAAA;EACA,eAlBgC;EAmBhC,iBAlBkC;EAmBlC,wBAAA;EAEA,YApB4B;EAqB5B,gBAAA;EAEA,uBAAA;EACA,mBAAA;EACA,gBAAA;AAyHH;AArHE;EACE,aAAA;EACA,mBAAA;EACA,SA/BiC;EAgCjC,gBAAA;EACA,wBA9B0B;AAqJ9B;AArHI;EACE,WAnC4B;EAoC5B,YAnC6B;EAoC7B,sBAAA;AAuHN;AArHI;EACE,uBAtCwB;AA6J9B;;AA5GA;EACE,sCAAA;AA+GF","sourcesContent":["@import \"../../../index\";\n\n$header-color-divider: var(--color-divider);\n$header-container-height: 64px;\n$header-container-gap-width: 30px; // 140px;\n$header-container-bottom: 20px;\n$header-container-padding-interval: 16px;\n$header-container-title-font-family: 'Roboto';\n$header-container-title-font-size: 20px;\n$header-container-title-line-height: 24px;\n$header-container-title-width: 180px;\n$header-container-buttons-gap-width: 29px;\n$header-container-svg-icon-width: 24px;\n$header-container-svg-icon-height: 24px;\n$header-container-color-icon: var(--color-icon);\n\n.header-dialogs-container{\n display: flex;\n height: $header-container-height;\n gap: 0 $header-container-gap-width;\n padding: $header-container-padding-interval $header-container-padding-interval $header-container-padding-interval $header-container-bottom;\n justify-content: space-between;\n &--title_wrapper{\n font-family: $header-container-title-font-family;\n font-style: normal;\n font-weight: 500;\n font-size: $header-container-title-font-size;\n line-height: $header-container-title-line-height;\n letter-spacing: 0.0015em;\n\n width: $header-container-title-width;\n text-align: left;\n\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n}\n &__title{\n }\n &__buttons{\n display: flex;\n align-items: center;\n gap: $header-container-buttons-gap-width;\n background: none;\n color: $header-container-color-icon;\n\n svg{\n width:$header-container-svg-icon-width;\n height:$header-container-svg-icon-height;\n viewBox: 0 0 $header-container-svg-icon-width $header-container-svg-icon-height;\n }\n svg path {\n fill: $header-container-color-icon;\n }\n\n //#Search{\n // fill: $header-container-color-icon;\n //}\n //#NewChat{\n // fill: $header-container-color-icon;\n //}\n }\n}\n.header-dialogs{\n border: 1px solid $header-color-divider;\n}\n\n\n","@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,400;0,500;0,700;1,700&display=swap');\n////font-family: 'Ubuntu', sans-serif;\n@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600;700&display=swap');\n////font-family: 'Roboto', sans-serif;\n/*\n@font-face {\n font-family: \"Roboto-Regular\";\n src: url(\"../fonts/Roboto-Regular.eot\");\n src: local(\"☺\"), url(\"../fonts/Roboto-Regular.woff\") format(\"woff\"),\n url(\"../fonts/Roboto-Regular.ttf\") format(\"truetype\");\n font-weight: normal;\n font-style: normal;\n}\n\n@font-face {\n font-family: \"Roboto-Medium\";\n src: url(\"../fonts/Roboto-Medium.eot\");\n src: local(\"☺\"), url(\"../fonts/Roboto-Medium.woff\") format(\"woff\"),\n url(\"../fonts/Roboto-Medium.ttf\") format(\"truetype\");\n font-weight: normal;\n font-style: normal;\n}\n\n@font-face {\n font-family: \"Roboto-Bold\";\n src: url(\"../fonts/Roboto-Bold.eot\");\n src: local(\"☺\"), url(\"../fonts/Roboto-Bold.woff\") format(\"woff\"),\n url(\"../fonts/Roboto-Bold.ttf\") format(\"truetype\");\n font-weight: normal;\n font-style: normal;\n}\n*/\n","@import \"theme_colors_scheme\";\n\n:root{\n --primary: #{$primary-500};\n --color-background: #{$primary-a-100};\n --color-background-modal: #{$primary-100};\n --color-background-overlay: #{$secondary-900};\n --color-divider: #{$primary-50};\n --color-font: #{$secondary-900};\n --color-icon: #{$primary-500};\n\n --color-background-info:#{$primary-100};\n --tertiary-elements: #{$secondary-300};\n --main-elements: #{$primary-500};\n --secondary-elements: #{$secondary-500};\n --input-elements: #{$secondary-500};\n --disabled-elements: #{$secondary-100};\n --field-border: #{$secondary-200};\n --main-text: #{$secondary-900};\n --secondary-text: #{$secondary-300};\n --caption: #{$secondary-200};\n --main-background: #{$primary-a-100};\n --secondary-background: #{$primary-a-100}; // #{$primary-50};\n --secondary-background-modal: #{$background-overlay-light};\n --incoming-background: #{$secondary-50};\n --outgoing-background: #{$primary-50};\n --dropdown-background: #{$primary-a-100};\n --chat-input: #{$primary-a-200};\n --divider: #{$primary-50};\n --error: #{$error-500};\n --hightlight: #{$highlight};\n\n}\n","@import \"theme_colors_scheme\";\n// https://sass-lang.com/documentation/breaking-changes/css-vars\n\nhtml[data-theme=\"dark\"]{\n --primary: #{$primary-500};\n --color-background: #{$secondary-900};\n --color-background-modal: #{$secondary-800};\n --color-background-overlay: #{$secondary-900};\n --color-divider: #{$secondary-400};\n --color-font: #{$primary-a-100};\n --color-icon: #{$primary-300};\n\n\n --color-background-info: #{$primary-500};\n --tertiary-elements: #{$background-overlay-dark};\n --main-elements: #{$primary-300};\n --secondary-elements: #{$primary-a-100};\n --input-elements: #{$secondary-200};\n --disabled-elements: #{$secondary-300};\n --field-border: #{$secondary-200};\n --main-text: #{$primary-a-100};\n --secondary-text: #{$secondary-200};\n --caption: #{$secondary-100};\n --main-background: #{$secondary-500};\n --secondary-background: #{$secondary-800};\n --incoming-background: #{$secondary-400};\n --outgoing-background: #{$primary-500};\n --dropdown-background: #{$secondary-400};\n --chat-input: #{$secondary-800};\n --divider: #{$secondary-400};\n --error: #{$error-300};\n --hightlight: #{$highlight};\n}\n","@import \"theme_light\";\n@import \"theme_dark\";\n\n$qb-min-width-screen-desktop: 980px;\n\n$qb-max-width-screen: 980px;\n\n$qb-max-width-message-view-container-desktop: 680px;\n$qb-max-width-message-view-container-mobile: 345px;\n\n$qb-max-width-message-bubble-desktop: 480px;\n$qb-max-width-message-bubble-mobile: 170px;\n\n$qb-max-width-image-message-desktop: 240px;\n$qb-max-width-image-message-mobile: 150px;\n\n$qb-max-width-audio-message-desktop: 300px;\n$qb-max-width-audio-message-mobile: 150px;\n\n$qb-max-width-dialog-list-desktop: 320px;\n$qb-max-width-dialog-list-mobile: 100%;\n\n$create-dialog-container-width: 380px;\n\n\n\n/* Fonts */\n:root{\n --title-title-large: 500 20px/24px \"Roboto\", sans-serif;\n --title-title-medium: 500 16px/24px \"Roboto\", sans-serif;\n --title-title-small: 500 14px/20px \"Roboto\", sans-serif;\n --label-label-large: 500 14px/20px \"Roboto\", sans-serif;\n --label-label-medium: 500 12px/16px \"Roboto\", sans-serif;\n --label-label-small: 500 11px/16px \"Roboto\", sans-serif;\n --body-body-large: 400 16px/24px \"Roboto\", sans-serif;\n --body-body-medium: 400 14px/20px \"Roboto\", sans-serif;\n --body-body-small: 400 12px/16px \"Roboto\", sans-serif;\n --button-fab: 500 14px/16px \"Roboto\", sans-serif;\n --button-default: 700 14px/16px \"Roboto\", sans-serif;\n --ui-kit-header: 500 48px \"Roboto Mono\", sans-serif;\n --ui-kit-title: 500 32px \"Roboto Mono\", sans-serif;\n --ui-kit-body: 400 17px \"Roboto Mono\", sans-serif;\n\n/* Width */\n --max-width-message-bubble: #{$qb-max-width-message-bubble-desktop};\n --max-width-message-view-container: #{$qb-max-width-message-view-container-desktop};\n --max-width-image-message: #{$qb-max-width-image-message-desktop};\n --max-width-audio-message: #{$qb-max-width-audio-message-desktop};\n --max-width-dialog-list: #{$qb-max-width-dialog-list-desktop};\n --min-width-screen-desktop: #{$qb-min-width-screen-desktop};\n}\n\n\n\n","@import \"Presentation/themes/styles/fonts\";\n@import \"Presentation/themes/styles/theme_colors_scheme\";\n@import \"Presentation/themes/styles/variables\";\n\n* {\n box-sizing: border-box;\n}\n\nbody {\n font-family: 'Roboto';\n color: var(--main-text);\n background-color: var(--main-background);\n overflow: hidden !important;\n scrollbar-width: none !important;\n}\n\n/* Media-query for mobile devices */\n@media only screen and (max-width: #{$qb-max-width-screen}) {\n :root {\n --max-width-message-view-container: #{$qb-max-width-message-view-container-mobile};\n --max-width-message-bubble: #{$qb-max-width-message-bubble-mobile};\n --max-width-image-message: #{$qb-max-width-image-message-mobile};\n --max-width-audio-message: #{$qb-max-width-audio-message-mobile};\n --max-width-dialog-list: #{$qb-max-width-dialog-list-mobile};\n }\n}\n"],"sourceRoot":""}]);
1062
+ ___CSS_LOADER_EXPORT___.push([module.id, "@charset \"UTF-8\";\n/*\n@font-face {\n font-family: \"Roboto-Regular\";\n src: url(\"../fonts/Roboto-Regular.eot\");\n src: local(\"☺\"), url(\"../fonts/Roboto-Regular.woff\") format(\"woff\"),\n url(\"../fonts/Roboto-Regular.ttf\") format(\"truetype\");\n font-weight: normal;\n font-style: normal;\n}\n\n@font-face {\n font-family: \"Roboto-Medium\";\n src: url(\"../fonts/Roboto-Medium.eot\");\n src: local(\"☺\"), url(\"../fonts/Roboto-Medium.woff\") format(\"woff\"),\n url(\"../fonts/Roboto-Medium.ttf\") format(\"truetype\");\n font-weight: normal;\n font-style: normal;\n}\n\n@font-face {\n font-family: \"Roboto-Bold\";\n src: url(\"../fonts/Roboto-Bold.eot\");\n src: local(\"☺\"), url(\"../fonts/Roboto-Bold.woff\") format(\"woff\"),\n url(\"../fonts/Roboto-Bold.ttf\") format(\"truetype\");\n font-weight: normal;\n font-style: normal;\n}\n*/\n:root {\n --primary: #3978FC;\n --color-background: #FFFFFF;\n --color-background-modal: #C4D7FE;\n --color-background-overlay: #0B121B;\n --color-divider: #E7EFFF;\n --color-font: #0B121B;\n --color-icon: #3978FC;\n --color-background-info:#C4D7FE;\n --tertiary-elements: #636D78;\n --main-elements: #3978FC;\n --secondary-elements: #202F3E;\n --input-elements: #202F3E;\n --disabled-elements: #BCC1C5;\n --field-border: #90979F;\n --main-text: #0B121B;\n --secondary-text: #636D78;\n --caption: #90979F;\n --main-background: #FFFFFF;\n --secondary-background: #FFFFFF;\n --secondary-background-modal: rgba(19, 29, 40, 0.8);\n --incoming-background: #E4E6E8;\n --outgoing-background: #E7EFFF;\n --dropdown-background: #FFFFFF;\n --chat-input: #F7F9FF;\n --divider: #E7EFFF;\n --error: #FF3B30;\n --hightlight: #FFFDC1;\n}\n\nhtml[data-theme=dark] {\n --primary: #3978FC;\n --color-background: #0B121B;\n --color-background-modal: #131D28;\n --color-background-overlay: #0B121B;\n --color-divider: #414E5B;\n --color-font: #FFFFFF;\n --color-icon: #74A1FD;\n --color-background-info: #3978FC;\n --tertiary-elements: rgba(144, 151, 159, 0.8);\n --main-elements: #74A1FD;\n --secondary-elements: #FFFFFF;\n --input-elements: #90979F;\n --disabled-elements: #636D78;\n --field-border: #90979F;\n --main-text: #FFFFFF;\n --secondary-text: #90979F;\n --caption: #BCC1C5;\n --main-background: #202F3E;\n --secondary-background: #131D28;\n --incoming-background: #414E5B;\n --outgoing-background: #3978FC;\n --dropdown-background: #414E5B;\n --chat-input: #131D28;\n --divider: #414E5B;\n --error: #FF766E;\n --hightlight: #FFFDC1;\n}\n\n/* Fonts */\n:root {\n --title-title-large: 500 20px/24px \"Roboto\", sans-serif;\n --title-title-medium: 500 16px/24px \"Roboto\", sans-serif;\n --title-title-small: 500 14px/20px \"Roboto\", sans-serif;\n --label-label-large: 500 14px/20px \"Roboto\", sans-serif;\n --label-label-medium: 500 12px/16px \"Roboto\", sans-serif;\n --label-label-small: 500 11px/16px \"Roboto\", sans-serif;\n --body-body-large: 400 16px/24px \"Roboto\", sans-serif;\n --body-body-medium: 400 14px/20px \"Roboto\", sans-serif;\n --body-body-small: 400 12px/16px \"Roboto\", sans-serif;\n --button-fab: 500 14px/16px \"Roboto\", sans-serif;\n --button-default: 700 14px/16px \"Roboto\", sans-serif;\n --ui-kit-header: 500 48px \"Roboto Mono\", sans-serif;\n --ui-kit-title: 500 32px \"Roboto Mono\", sans-serif;\n --ui-kit-body: 400 17px \"Roboto Mono\", sans-serif;\n /* Width */\n --max-width-message-bubble: 480px;\n --max-width-message-view-container: 680px;\n --max-width-image-message: 240px;\n --max-width-audio-message: 300px;\n --max-width-dialog-list: 320px;\n --min-width-screen-desktop: 980px;\n}\n\n* {\n box-sizing: border-box;\n}\n\nbody {\n font-family: \"Roboto\";\n color: var(--main-text);\n background-color: var(--main-background);\n overflow: hidden !important;\n scrollbar-width: none !important;\n}\n\n/* Media-query for mobile devices */\n@media only screen and (max-width: 980px) {\n :root {\n --max-width-message-view-container: 345px;\n --max-width-message-bubble: 170px;\n --max-width-image-message: 150px;\n --max-width-audio-message: 150px;\n --max-width-dialog-list: 100%;\n }\n}\n.header-dialogs-container {\n display: flex;\n height: 64px;\n gap: 0 30px;\n padding: 16px 16px 16px 20px;\n justify-content: space-between;\n}\n.header-dialogs-container--title_wrapper {\n font-family: \"Roboto\";\n font-style: normal;\n font-weight: 500;\n font-size: 20px;\n line-height: 24px;\n letter-spacing: 0.0015em;\n width: 100%;\n text-align: left;\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n}\n.header-dialogs-container__buttons {\n display: flex;\n align-items: center;\n gap: 29px;\n background: none;\n color: var(--color-icon);\n}\n.header-dialogs-container__buttons svg {\n width: 24px;\n height: 24px;\n viewBox: 0 0 24px 24px;\n}\n.header-dialogs-container__buttons svg path {\n fill: var(--color-icon);\n}\n\n.header-dialogs {\n border: 1px solid var(--color-divider);\n}", "",{"version":3,"sources":["webpack://./src/Presentation/Views/DialogListHeader/DialogListHeader.scss","webpack://./src/Presentation/themes/styles/_fonts.scss","webpack://./src/Presentation/themes/styles/_theme_light.scss","webpack://./src/Presentation/themes/styles/_theme_dark.scss","webpack://./src/Presentation/themes/styles/_variables.scss","webpack://./src/index.scss"],"names":[],"mappings":"AAAA,gBAAgB;ACIhB;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAA;ACFA;EACE,kBAAA;EACA,2BAAA;EACA,iCAAA;EACA,mCAAA;EACA,wBAAA;EACA,qBAAA;EACA,qBAAA;EAEA,+BAAA;EACA,4BAAA;EACA,wBAAA;EACA,6BAAA;EACA,yBAAA;EACA,4BAAA;EACA,uBAAA;EACA,oBAAA;EACA,yBAAA;EACA,kBAAA;EACA,0BAAA;EACA,+BAAA;EACA,mDAAA;EACA,8BAAA;EACA,8BAAA;EACA,8BAAA;EACA,qBAAA;EACA,kBAAA;EACA,gBAAA;EACA,qBAAA;AF6BF;;AGxDA;EACE,kBAAA;EACA,2BAAA;EACA,iCAAA;EACA,mCAAA;EACA,wBAAA;EACA,qBAAA;EACA,qBAAA;EAGA,gCAAA;EACA,6CAAA;EACA,wBAAA;EACA,6BAAA;EACA,yBAAA;EACA,4BAAA;EACA,uBAAA;EACA,oBAAA;EACA,yBAAA;EACA,kBAAA;EACA,0BAAA;EACA,+BAAA;EACA,8BAAA;EACA,8BAAA;EACA,8BAAA;EACA,qBAAA;EACA,kBAAA;EACA,gBAAA;EACA,qBAAA;AHyDF;;AI9DA,UAAA;AACA;EACE,uDAAA;EACA,wDAAA;EACA,uDAAA;EACA,uDAAA;EACA,wDAAA;EACA,uDAAA;EACA,qDAAA;EACA,sDAAA;EACA,qDAAA;EACA,gDAAA;EACA,oDAAA;EACA,mDAAA;EACA,kDAAA;EACA,iDAAA;EAEF,UAAA;EACE,iCAAA;EACA,yCAAA;EACA,gCAAA;EACA,gCAAA;EACA,8BAAA;EACA,iCAAA;AJgEF;;AK7GA;EACE,sBAAA;ALgHF;;AK7GA;EACE,qBAAA;EACA,uBAAA;EACA,wCAAA;EACA,2BAAA;EACA,gCAAA;ALgHF;;AK7GA,mCAAA;AACA;EACE;IACE,yCAAA;IACA,iCAAA;IACA,gCAAA;IACA,gCAAA;IACA,6BAAA;ELgHF;AACF;AAxHA;EACE,aAAA;EACA,YAfwB;EAgBxB,WAAA;EACA,4BAAA;EACA,8BAAA;AA0HF;AAzHE;EACC,qBAhBkC;EAiBlC,kBAAA;EACA,gBAAA;EACA,eAlBgC;EAmBhC,iBAlBkC;EAmBlC,wBAAA;EAGC,WAAA;EACD,gBAAA;EAEA,uBAAA;EACA,mBAAA;EACA,gBAAA;AAwHH;AApHE;EACE,aAAA;EACA,mBAAA;EACA,SAhCiC;EAiCjC,gBAAA;EACA,wBA/B0B;AAqJ9B;AApHI;EACE,WApC4B;EAqC5B,YApC6B;EAqC7B,sBAAA;AAsHN;AApHI;EACE,uBAvCwB;AA6J9B;;AA3GA;EACE,sCAAA;AA8GF","sourcesContent":["@import \"../../../index\";\n\n$header-color-divider: var(--color-divider);\n$header-container-height: 64px;\n$header-container-gap-width: 30px; // 140px;\n$header-container-bottom: 20px;\n$header-container-padding-interval: 16px;\n$header-container-title-font-family: 'Roboto';\n$header-container-title-font-size: 20px;\n$header-container-title-line-height: 24px;\n$header-container-title-width: 180px;\n$header-container-buttons-gap-width: 29px;\n$header-container-svg-icon-width: 24px;\n$header-container-svg-icon-height: 24px;\n$header-container-color-icon: var(--color-icon);\n\n.header-dialogs-container{\n display: flex;\n height: $header-container-height;\n gap: 0 $header-container-gap-width;\n padding: $header-container-padding-interval $header-container-padding-interval $header-container-padding-interval $header-container-bottom;\n justify-content: space-between;\n &--title_wrapper{\n font-family: $header-container-title-font-family;\n font-style: normal;\n font-weight: 500;\n font-size: $header-container-title-font-size;\n line-height: $header-container-title-line-height;\n letter-spacing: 0.0015em;\n\n // width: $header-container-title-width; //todo artik 28.12.2023\n width: 100%;\n text-align: left;\n\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n}\n &__title{\n }\n &__buttons{\n display: flex;\n align-items: center;\n gap: $header-container-buttons-gap-width;\n background: none;\n color: $header-container-color-icon;\n\n svg{\n width:$header-container-svg-icon-width;\n height:$header-container-svg-icon-height;\n viewBox: 0 0 $header-container-svg-icon-width $header-container-svg-icon-height;\n }\n svg path {\n fill: $header-container-color-icon;\n }\n\n //#Search{\n // fill: $header-container-color-icon;\n //}\n //#NewChat{\n // fill: $header-container-color-icon;\n //}\n }\n}\n.header-dialogs{\n border: 1px solid $header-color-divider;\n}\n\n\n","@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,400;0,500;0,700;1,700&display=swap');\n////font-family: 'Ubuntu', sans-serif;\n@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600;700&display=swap');\n////font-family: 'Roboto', sans-serif;\n/*\n@font-face {\n font-family: \"Roboto-Regular\";\n src: url(\"../fonts/Roboto-Regular.eot\");\n src: local(\"☺\"), url(\"../fonts/Roboto-Regular.woff\") format(\"woff\"),\n url(\"../fonts/Roboto-Regular.ttf\") format(\"truetype\");\n font-weight: normal;\n font-style: normal;\n}\n\n@font-face {\n font-family: \"Roboto-Medium\";\n src: url(\"../fonts/Roboto-Medium.eot\");\n src: local(\"☺\"), url(\"../fonts/Roboto-Medium.woff\") format(\"woff\"),\n url(\"../fonts/Roboto-Medium.ttf\") format(\"truetype\");\n font-weight: normal;\n font-style: normal;\n}\n\n@font-face {\n font-family: \"Roboto-Bold\";\n src: url(\"../fonts/Roboto-Bold.eot\");\n src: local(\"☺\"), url(\"../fonts/Roboto-Bold.woff\") format(\"woff\"),\n url(\"../fonts/Roboto-Bold.ttf\") format(\"truetype\");\n font-weight: normal;\n font-style: normal;\n}\n*/\n","@import \"theme_colors_scheme\";\n\n:root{\n --primary: #{$primary-500};\n --color-background: #{$primary-a-100};\n --color-background-modal: #{$primary-100};\n --color-background-overlay: #{$secondary-900};\n --color-divider: #{$primary-50};\n --color-font: #{$secondary-900};\n --color-icon: #{$primary-500};\n\n --color-background-info:#{$primary-100};\n --tertiary-elements: #{$secondary-300};\n --main-elements: #{$primary-500};\n --secondary-elements: #{$secondary-500};\n --input-elements: #{$secondary-500};\n --disabled-elements: #{$secondary-100};\n --field-border: #{$secondary-200};\n --main-text: #{$secondary-900};\n --secondary-text: #{$secondary-300};\n --caption: #{$secondary-200};\n --main-background: #{$primary-a-100};\n --secondary-background: #{$primary-a-100}; // #{$primary-50};\n --secondary-background-modal: #{$background-overlay-light};\n --incoming-background: #{$secondary-50};\n --outgoing-background: #{$primary-50};\n --dropdown-background: #{$primary-a-100};\n --chat-input: #{$primary-a-200};\n --divider: #{$primary-50};\n --error: #{$error-500};\n --hightlight: #{$highlight};\n\n}\n","@import \"theme_colors_scheme\";\n// https://sass-lang.com/documentation/breaking-changes/css-vars\n\nhtml[data-theme=\"dark\"]{\n --primary: #{$primary-500};\n --color-background: #{$secondary-900};\n --color-background-modal: #{$secondary-800};\n --color-background-overlay: #{$secondary-900};\n --color-divider: #{$secondary-400};\n --color-font: #{$primary-a-100};\n --color-icon: #{$primary-300};\n\n\n --color-background-info: #{$primary-500};\n --tertiary-elements: #{$background-overlay-dark};\n --main-elements: #{$primary-300};\n --secondary-elements: #{$primary-a-100};\n --input-elements: #{$secondary-200};\n --disabled-elements: #{$secondary-300};\n --field-border: #{$secondary-200};\n --main-text: #{$primary-a-100};\n --secondary-text: #{$secondary-200};\n --caption: #{$secondary-100};\n --main-background: #{$secondary-500};\n --secondary-background: #{$secondary-800};\n --incoming-background: #{$secondary-400};\n --outgoing-background: #{$primary-500};\n --dropdown-background: #{$secondary-400};\n --chat-input: #{$secondary-800};\n --divider: #{$secondary-400};\n --error: #{$error-300};\n --hightlight: #{$highlight};\n}\n","@import \"theme_light\";\n@import \"theme_dark\";\n\n$qb-min-width-screen-desktop: 980px;\n\n$qb-max-width-screen: 980px;\n\n$qb-max-width-message-view-container-desktop: 680px;\n$qb-max-width-message-view-container-mobile: 345px;\n\n$qb-max-width-message-bubble-desktop: 480px;\n$qb-max-width-message-bubble-mobile: 170px;\n\n$qb-max-width-image-message-desktop: 240px;\n$qb-max-width-image-message-mobile: 150px;\n\n$qb-max-width-audio-message-desktop: 300px;\n$qb-max-width-audio-message-mobile: 150px;\n\n$qb-max-width-dialog-list-desktop: 320px;\n$qb-max-width-dialog-list-mobile: 100%;\n\n$create-dialog-container-width: 380px;\n\n\n\n/* Fonts */\n:root{\n --title-title-large: 500 20px/24px \"Roboto\", sans-serif;\n --title-title-medium: 500 16px/24px \"Roboto\", sans-serif;\n --title-title-small: 500 14px/20px \"Roboto\", sans-serif;\n --label-label-large: 500 14px/20px \"Roboto\", sans-serif;\n --label-label-medium: 500 12px/16px \"Roboto\", sans-serif;\n --label-label-small: 500 11px/16px \"Roboto\", sans-serif;\n --body-body-large: 400 16px/24px \"Roboto\", sans-serif;\n --body-body-medium: 400 14px/20px \"Roboto\", sans-serif;\n --body-body-small: 400 12px/16px \"Roboto\", sans-serif;\n --button-fab: 500 14px/16px \"Roboto\", sans-serif;\n --button-default: 700 14px/16px \"Roboto\", sans-serif;\n --ui-kit-header: 500 48px \"Roboto Mono\", sans-serif;\n --ui-kit-title: 500 32px \"Roboto Mono\", sans-serif;\n --ui-kit-body: 400 17px \"Roboto Mono\", sans-serif;\n\n/* Width */\n --max-width-message-bubble: #{$qb-max-width-message-bubble-desktop};\n --max-width-message-view-container: #{$qb-max-width-message-view-container-desktop};\n --max-width-image-message: #{$qb-max-width-image-message-desktop};\n --max-width-audio-message: #{$qb-max-width-audio-message-desktop};\n --max-width-dialog-list: #{$qb-max-width-dialog-list-desktop};\n --min-width-screen-desktop: #{$qb-min-width-screen-desktop};\n}\n\n\n\n","@import \"Presentation/themes/styles/fonts\";\n@import \"Presentation/themes/styles/theme_colors_scheme\";\n@import \"Presentation/themes/styles/variables\";\n\n* {\n box-sizing: border-box;\n}\n\nbody {\n font-family: 'Roboto';\n color: var(--main-text);\n background-color: var(--main-background);\n overflow: hidden !important;\n scrollbar-width: none !important;\n}\n\n/* Media-query for mobile devices */\n@media only screen and (max-width: #{$qb-max-width-screen}) {\n :root {\n --max-width-message-view-container: #{$qb-max-width-message-view-container-mobile};\n --max-width-message-bubble: #{$qb-max-width-message-bubble-mobile};\n --max-width-image-message: #{$qb-max-width-image-message-mobile};\n --max-width-audio-message: #{$qb-max-width-audio-message-mobile};\n --max-width-dialog-list: #{$qb-max-width-dialog-list-mobile};\n }\n}\n"],"sourceRoot":""}]);
1063
1063
  // Exports
1064
1064
  /* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
1065
1065
 
@@ -1275,7 +1275,7 @@ __webpack_require__.r(__webpack_exports__);
1275
1275
 
1276
1276
  var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
1277
1277
  // Module
1278
- ___CSS_LOADER_EXPORT___.push([module.id, ".dialog-preview-container {\n display: flex;\n border: 1px solid var(--chat-input);\n}\n\n.dialog-preview-container-left {\n flex: 1;\n}\n\n.dialog-preview-container-right {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.dialog-preview,\n.dialog-preview * {\n box-sizing: border-box;\n}\n\n.dialog-preview {\n padding: 8px 8px 8px 16px;\n display: flex;\n flex-direction: row;\n gap: 16px;\n align-items: center;\n justify-content: flex-start;\n align-self: stretch;\n flex-shrink: 0;\n position: relative;\n}\n\n.dialog-preview-item {\n background: var(--color-background, #ffffff);\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n}\n\n.dialog-preview-avatar {\n flex-shrink: 0;\n width: 56px;\n height: 56px;\n position: relative;\n}\n\n.dialog-preview-avatar-rectangle {\n position: absolute;\n right: 0%;\n left: 0%;\n width: 100%;\n bottom: 0%;\n top: 0%;\n height: 100%;\n}\n\n.dialog-preview-avatar-ellipse {\n background: var(--disabled-elements, #bcc1c5);\n border-radius: 50%;\n position: absolute;\n right: 0%;\n left: 0%;\n width: 100%;\n bottom: 0%;\n top: 0%;\n height: 100%;\n}\n\n.dialog-preview-avatar-contents-user {\n height: auto;\n position: absolute;\n right: 17.86%;\n left: 17.86%;\n width: 64.29%;\n bottom: 17.86%;\n top: 17.86%;\n height: 64.29%;\n overflow: visible;\n}\n\n.dialog-preview-text {\n display: flex;\n flex-direction: column;\n gap: 2px;\n align-items: flex-start;\n justify-content: flex-start;\n flex: 1;\n position: relative;\n}\n\n.dialog-preview-text-subtitle {\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n justify-content: space-between;\n align-self: stretch;\n flex-shrink: 0;\n position: relative;\n}\n\n.dialog-preview-text-subtitle-caption {\n display: flex;\n flex-direction: row;\n gap: 0px;\n align-items: center;\n justify-content: flex-start;\n flex-shrink: 0;\n position: relative;\n}\n\n.dialog-preview-text-subtitle-caption-name {\n color: var(--main-text, #0b1b0f);\n text-align: left;\n font: var(--label-label-medium, 500 12px/16px \"Roboto\", sans-serif);\n position: relative;\n}\n\n.dialog-item-preview-text {\n color: var(--main-text);\n text-align: left;\n font: var(--body-body-small, 400 12px/16px \"Roboto\", sans-serif);\n position: relative;\n align-self: stretch;\n height: 32px;\n}\n\n.dialog-preview-text-subtitle-caption2 {\n display: flex;\n flex-direction: row;\n gap: 0px;\n align-items: flex-start;\n justify-content: flex-start;\n flex-shrink: 0;\n position: relative;\n}\n\n.dialog-preview-text-subtitle-caption2-time {\n color: var(--tertiary-elements, #636d78);\n text-align: right;\n font: var(--label-label-small, 500 11px/16px \"Roboto\", sans-serif);\n position: relative;\n}\n\n.dialog-preview-text-subtitle-text {\n color: var(--secondary-text, #636d78);\n text-align: left;\n font: var(--body-body-small, 400 12px/16px \"Roboto\", sans-serif);\n position: relative;\n align-self: stretch;\n display: inline-block;\n word-wrap: break-word;\n overflow: hidden;\n max-height: 32px;\n height: 32px;\n}\n\n.dialog-preview-text-subtitle-message-badge {\n background: var(--main-elements, #3978fc);\n border-radius: 30px;\n padding: 2px 6px 2px 6px;\n display: flex;\n flex-direction: column;\n gap: 10px;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n position: relative;\n height: 22px;\n}\n\n.dialog-preview-text-subtitle-message-badge-v {\n color: var(--color-background, #ffffff);\n text-align: center;\n font: var(--label-label-medium, 500 12px/16px \"Roboto\", sans-serif);\n position: relative;\n}\n\n.dialog-preview-text-subtitle-message {\n display: flex;\n flex-flow: row;\n align-items: center;\n justify-content: space-between;\n align-self: stretch;\n}\n\n.dialog-preview-icon-close {\n border-radius: 4px;\n padding: 4px;\n display: flex;\n flex-direction: row;\n gap: 0px;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n width: 32px;\n height: 32px;\n position: relative;\n cursor: pointer;\n}\n\n.dpa-contents-user {\n height: auto;\n position: absolute;\n right: 17.86%;\n left: 17.86%;\n width: 64.29%;\n bottom: 17.86%;\n top: 17.86%;\n height: 64.29%;\n overflow: visible;\n}", "",{"version":3,"sources":["webpack://./src/Presentation/Views/PreviewDialog/PreviewDialog.scss"],"names":[],"mappings":"AACA;EACE,aAAA;EAEA,mCAAA;AADF;;AAGA;EACE,OAAA;AAAF;;AAEA;EACE,aAAA;EACA,mBAAA;EACA,uBAAA;AACF;;AAEA;;EAEE,sBAAA;AACF;;AACA;EAEE,yBAAA;EACA,aAAA;EACA,mBAAA;EACA,SAAA;EACA,mBAAA;EACA,2BAAA;EACA,mBAAA;EACA,cAAA;EACA,kBAAA;AACF;;AACA;EACE,4CAAA;EACA,aAAA;EACA,mBAAA;EACA,mBAAA;EACA,8BAAA;AAEF;;AAAA;EACE,cAAA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;AAGF;;AADA;EACE,kBAAA;EACA,SAAA;EACA,QAAA;EACA,WAAA;EACA,UAAA;EACA,OAAA;EACA,YAAA;AAIF;;AAFA;EACE,6CAAA;EACA,kBAAA;EACA,kBAAA;EACA,SAAA;EACA,QAAA;EACA,WAAA;EACA,UAAA;EACA,OAAA;EACA,YAAA;AAKF;;AAHA;EACE,YAAA;EACA,kBAAA;EACA,aAAA;EACA,YAAA;EACA,aAAA;EACA,cAAA;EACA,WAAA;EACA,cAAA;EACA,iBAAA;AAMF;;AAJA;EACE,aAAA;EACA,sBAAA;EACA,QAAA;EACA,uBAAA;EACA,2BAAA;EACA,OAAA;EACA,kBAAA;AAOF;;AALA;EACE,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,8BAAA;EACA,mBAAA;EACA,cAAA;EACA,kBAAA;AAQF;;AANA;EACE,aAAA;EACA,mBAAA;EACA,QAAA;EACA,mBAAA;EACA,2BAAA;EACA,cAAA;EACA,kBAAA;AASF;;AAPA;EACE,gCAAA;EACA,gBAAA;EACA,mEAAA;EACA,kBAAA;AAUF;;AARA;EACE,uBAAA;EACA,gBAAA;EACA,gEAAA;EACA,kBAAA;EACA,mBAAA;EACA,YAAA;AAWF;;AARA;EACE,aAAA;EACA,mBAAA;EACA,QAAA;EACA,uBAAA;EACA,2BAAA;EACA,cAAA;EACA,kBAAA;AAWF;;AATA;EACE,wCAAA;EACA,iBAAA;EACA,kEAAA;EACA,kBAAA;AAYF;;AAVA;EACE,qCAAA;EACA,gBAAA;EACA,gEAAA;EACA,kBAAA;EACA,mBAAA;EAGA,qBAAA;EACA,qBAAA;EACA,gBAAA;EACA,gBAAA;EACA,YAAA;AAWF;;AARA;EACE,yCAAA;EACA,mBAAA;EACA,wBAAA;EACA,aAAA;EACA,sBAAA;EACA,SAAA;EACA,mBAAA;EACA,uBAAA;EACA,cAAA;EACA,kBAAA;EACA,YAAA;AAWF;;AATA;EACE,uCAAA;EACA,kBAAA;EACA,mEAAA;EACA,kBAAA;AAYF;;AATA;EACE,aAAA;EACA,cAAA;EACA,mBAAA;EACA,8BAAA;EACA,mBAAA;AAYF;;AATA;EACE,kBAAA;EACA,YAAA;EACA,aAAA;EACA,mBAAA;EACA,QAAA;EACA,mBAAA;EACA,uBAAA;EACA,cAAA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;EACA,eAAA;AAYF;;AATA;EACE,YAAA;EACA,kBAAA;EACA,aAAA;EACA,YAAA;EACA,aAAA;EACA,cAAA;EACA,WAAA;EACA,cAAA;EACA,iBAAA;AAYF","sourcesContent":["\n.dialog-preview-container {\n display: flex;\n //background: var(--color-background, #ffffff);\n border: 1px solid var(--chat-input);\n}\n.dialog-preview-container-left {\n flex: 1;\n}\n.dialog-preview-container-right {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.dialog-preview,\n.dialog-preview * {\n box-sizing: border-box;\n}\n.dialog-preview {\n //background: var(--color-background, #ffffff);\n padding: 8px 8px 8px 16px;\n display: flex;\n flex-direction: row;\n gap: 16px;\n align-items: center;\n justify-content: flex-start;\n align-self: stretch;\n flex-shrink: 0;\n position: relative;\n}\n.dialog-preview-item {\n background: var(--color-background, #ffffff);\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n}\n.dialog-preview-avatar {\n flex-shrink: 0;\n width: 56px;\n height: 56px;\n position: relative;\n}\n.dialog-preview-avatar-rectangle {\n position: absolute;\n right: 0%;\n left: 0%;\n width: 100%;\n bottom: 0%;\n top: 0%;\n height: 100%;\n}\n.dialog-preview-avatar-ellipse {\n background: var(--disabled-elements, #bcc1c5);\n border-radius: 50%;\n position: absolute;\n right: 0%;\n left: 0%;\n width: 100%;\n bottom: 0%;\n top: 0%;\n height: 100%;\n}\n.dialog-preview-avatar-contents-user {\n height: auto;\n position: absolute;\n right: 17.86%;\n left: 17.86%;\n width: 64.29%;\n bottom: 17.86%;\n top: 17.86%;\n height: 64.29%;\n overflow: visible;\n}\n.dialog-preview-text {\n display: flex;\n flex-direction: column;\n gap: 2px;\n align-items: flex-start;\n justify-content: flex-start;\n flex: 1;\n position: relative;\n}\n.dialog-preview-text-subtitle {\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n justify-content: space-between;\n align-self: stretch;\n flex-shrink: 0;\n position: relative;\n}\n.dialog-preview-text-subtitle-caption {\n display: flex;\n flex-direction: row;\n gap: 0px;\n align-items: center;\n justify-content: flex-start;\n flex-shrink: 0;\n position: relative;\n}\n.dialog-preview-text-subtitle-caption-name {\n color: var(--main-text, #0b1b0f);\n text-align: left;\n font: var(--label-label-medium, 500 12px/16px \"Roboto\", sans-serif);\n position: relative;\n}\n.dialog-item-preview-text{\n color: var(--main-text);\n text-align: left;\n font: var(--body-body-small, 400 12px/16px \"Roboto\", sans-serif);\n position: relative;\n align-self: stretch;\n height: 32px;\n}\n\n.dialog-preview-text-subtitle-caption2 {\n display: flex;\n flex-direction: row;\n gap: 0px;\n align-items: flex-start;\n justify-content: flex-start;\n flex-shrink: 0;\n position: relative;\n}\n.dialog-preview-text-subtitle-caption2-time {\n color: var(--tertiary-elements, #636d78);\n text-align: right;\n font: var(--label-label-small, 500 11px/16px \"Roboto\", sans-serif);\n position: relative;\n}\n.dialog-preview-text-subtitle-text {\n color: var(--secondary-text, #636d78);\n text-align: left;\n font: var(--body-body-small, 400 12px/16px \"Roboto\", sans-serif);\n position: relative;\n align-self: stretch;\n\n ///\n display: inline-block;\n word-wrap: break-word;\n overflow: hidden;\n max-height: 32px;\n height: 32px;\n}\n\n.dialog-preview-text-subtitle-message-badge {\n background: var(--main-elements, #3978fc);\n border-radius: 30px;\n padding: 2px 6px 2px 6px;\n display: flex;\n flex-direction: column;\n gap: 10px;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n position: relative;\n height: 22px;\n}\n.dialog-preview-text-subtitle-message-badge-v {\n color: var(--color-background, #ffffff);\n text-align: center;\n font: var(--label-label-medium, 500 12px/16px \"Roboto\", sans-serif);\n position: relative;\n}\n\n.dialog-preview-text-subtitle-message {\n display: flex;\n flex-flow: row;\n align-items: center;\n justify-content: space-between;\n align-self: stretch;\n}\n\n.dialog-preview-icon-close {\n border-radius: 4px;\n padding: 4px;\n display: flex;\n flex-direction: row;\n gap: 0px;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n width: 32px;\n height: 32px;\n position: relative;\n cursor: pointer;\n}\n\n.dpa-contents-user {\n height: auto;\n position: absolute;\n right: 17.86%;\n left: 17.86%;\n width: 64.29%;\n bottom: 17.86%;\n top: 17.86%;\n height: 64.29%;\n overflow: visible;\n}\n\n\n\n\n\n"],"sourceRoot":""}]);
1278
+ ___CSS_LOADER_EXPORT___.push([module.id, ".dialog-preview-container {\n display: flex;\n border: 1px solid var(--chat-input);\n}\n\n.dialog-preview-container-left {\n flex: 1;\n}\n\n.dialog-preview-container-right {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.dialog-preview,\n.dialog-preview * {\n box-sizing: border-box;\n}\n\n.dialog-preview {\n padding: 6px 6px 6px 6px;\n display: flex;\n flex-direction: row;\n gap: 16px;\n align-items: center;\n justify-content: flex-start;\n align-self: stretch;\n flex-shrink: 0;\n position: relative;\n}\n\n.dialog-preview-item {\n background: var(--color-background, #ffffff);\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n}\n\n.dialog-preview-avatar {\n flex-shrink: 0;\n width: 56px;\n height: 56px;\n position: relative;\n}\n\n.dialog-preview-avatar-rectangle {\n position: absolute;\n right: 0%;\n left: 0%;\n width: 100%;\n bottom: 0%;\n top: 0%;\n height: 100%;\n}\n\n.dialog-preview-avatar-ellipse {\n background: var(--disabled-elements, #bcc1c5);\n border-radius: 50%;\n position: absolute;\n right: 0%;\n left: 0%;\n width: 100%;\n bottom: 0%;\n top: 0%;\n height: 100%;\n}\n\n.dialog-preview-avatar-contents-user {\n height: auto;\n position: absolute;\n right: 17.86%;\n left: 17.86%;\n width: 64.29%;\n bottom: 17.86%;\n top: 17.86%;\n height: 64.29%;\n overflow: visible;\n}\n\n.dialog-preview-text {\n display: flex;\n flex-direction: column;\n gap: 2px;\n align-items: flex-start;\n justify-content: flex-start;\n flex: 1;\n position: relative;\n}\n\n.dialog-preview-text-subtitle {\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n justify-content: space-between;\n align-self: stretch;\n flex-shrink: 0;\n position: relative;\n}\n\n.dialog-preview-text-subtitle-caption {\n display: flex;\n flex-direction: row;\n gap: 0px;\n align-items: center;\n justify-content: flex-start;\n flex-shrink: 0;\n position: relative;\n}\n\n.dialog-preview-text-subtitle-caption-name {\n color: var(--main-text, #0b1b0f);\n text-align: left;\n font: var(--label-label-medium, 500 12px/16px \"Roboto\", sans-serif);\n position: relative;\n}\n\n.dialog-item-preview-text {\n color: var(--main-text);\n text-align: left;\n font: var(--body-body-small, 400 12px/16px \"Roboto\", sans-serif);\n position: relative;\n align-self: stretch;\n height: 32px;\n}\n\n.dialog-preview-text-subtitle-caption2 {\n display: flex;\n flex-direction: row;\n gap: 0px;\n align-items: flex-start;\n justify-content: flex-start;\n flex-shrink: 0;\n position: relative;\n}\n\n.dialog-preview-text-subtitle-caption2-time {\n color: var(--tertiary-elements, #636d78);\n text-align: right;\n font: var(--label-label-small, 500 11px/16px \"Roboto\", sans-serif);\n position: relative;\n}\n\n.dialog-preview-text-subtitle-text {\n color: var(--secondary-text, #636d78);\n text-align: left;\n font: var(--body-body-small, 400 12px/16px \"Roboto\", sans-serif);\n position: relative;\n align-self: stretch;\n display: inline-block;\n word-wrap: break-word;\n overflow: hidden;\n max-height: 32px;\n height: 32px;\n}\n\n.dialog-preview-text-subtitle-message-badge {\n background: var(--main-elements, #3978fc);\n border-radius: 30px;\n padding: 2px 6px 2px 6px;\n display: flex;\n flex-direction: column;\n gap: 10px;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n position: relative;\n height: 22px;\n}\n\n.dialog-preview-text-subtitle-message-badge-v {\n color: var(--color-background, #ffffff);\n text-align: center;\n font: var(--label-label-medium, 500 12px/16px \"Roboto\", sans-serif);\n position: relative;\n}\n\n.dialog-preview-text-subtitle-message {\n display: flex;\n flex-flow: row;\n align-items: center;\n justify-content: space-between;\n align-self: stretch;\n}\n\n.dialog-preview-icon-close {\n border-radius: 4px;\n padding: 4px;\n display: flex;\n flex-direction: row;\n gap: 0px;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n width: 12px;\n height: 22px;\n position: relative;\n cursor: pointer;\n}\n\n.dpa-contents-user {\n height: auto;\n position: absolute;\n right: 17.86%;\n left: 17.86%;\n width: 64.29%;\n bottom: 17.86%;\n top: 17.86%;\n height: 64.29%;\n overflow: visible;\n}", "",{"version":3,"sources":["webpack://./src/Presentation/Views/PreviewDialog/PreviewDialog.scss"],"names":[],"mappings":"AACA;EACE,aAAA;EAEA,mCAAA;AADF;;AAGA;EACE,OAAA;AAAF;;AAEA;EACE,aAAA;EACA,mBAAA;EACA,uBAAA;AACF;;AAEA;;EAEE,sBAAA;AACF;;AACA;EAEE,wBAAA;EACA,aAAA;EACA,mBAAA;EACA,SAAA;EACA,mBAAA;EACA,2BAAA;EACA,mBAAA;EACA,cAAA;EACA,kBAAA;AACF;;AACA;EACE,4CAAA;EACA,aAAA;EACA,mBAAA;EACA,mBAAA;EACA,8BAAA;AAEF;;AAAA;EACE,cAAA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;AAGF;;AADA;EACE,kBAAA;EACA,SAAA;EACA,QAAA;EACA,WAAA;EACA,UAAA;EACA,OAAA;EACA,YAAA;AAIF;;AAFA;EACE,6CAAA;EACA,kBAAA;EACA,kBAAA;EACA,SAAA;EACA,QAAA;EACA,WAAA;EACA,UAAA;EACA,OAAA;EACA,YAAA;AAKF;;AAHA;EACE,YAAA;EACA,kBAAA;EACA,aAAA;EACA,YAAA;EACA,aAAA;EACA,cAAA;EACA,WAAA;EACA,cAAA;EACA,iBAAA;AAMF;;AAJA;EACE,aAAA;EACA,sBAAA;EACA,QAAA;EACA,uBAAA;EACA,2BAAA;EACA,OAAA;EACA,kBAAA;AAOF;;AALA;EACE,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,8BAAA;EACA,mBAAA;EACA,cAAA;EACA,kBAAA;AAQF;;AANA;EACE,aAAA;EACA,mBAAA;EACA,QAAA;EACA,mBAAA;EACA,2BAAA;EACA,cAAA;EACA,kBAAA;AASF;;AAPA;EACE,gCAAA;EACA,gBAAA;EACA,mEAAA;EACA,kBAAA;AAUF;;AARA;EACE,uBAAA;EACA,gBAAA;EACA,gEAAA;EACA,kBAAA;EACA,mBAAA;EACA,YAAA;AAWF;;AARA;EACE,aAAA;EACA,mBAAA;EACA,QAAA;EACA,uBAAA;EACA,2BAAA;EACA,cAAA;EACA,kBAAA;AAWF;;AATA;EACE,wCAAA;EACA,iBAAA;EACA,kEAAA;EACA,kBAAA;AAYF;;AAVA;EACE,qCAAA;EACA,gBAAA;EACA,gEAAA;EACA,kBAAA;EACA,mBAAA;EAGA,qBAAA;EACA,qBAAA;EACA,gBAAA;EACA,gBAAA;EACA,YAAA;AAWF;;AARA;EACE,yCAAA;EACA,mBAAA;EACA,wBAAA;EACA,aAAA;EACA,sBAAA;EACA,SAAA;EACA,mBAAA;EACA,uBAAA;EACA,cAAA;EACA,kBAAA;EACA,YAAA;AAWF;;AATA;EACE,uCAAA;EACA,kBAAA;EACA,mEAAA;EACA,kBAAA;AAYF;;AATA;EACE,aAAA;EACA,cAAA;EACA,mBAAA;EACA,8BAAA;EACA,mBAAA;AAYF;;AATA;EACE,kBAAA;EACA,YAAA;EACA,aAAA;EACA,mBAAA;EACA,QAAA;EACA,mBAAA;EACA,uBAAA;EACA,cAAA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;EACA,eAAA;AAYF;;AATA;EACE,YAAA;EACA,kBAAA;EACA,aAAA;EACA,YAAA;EACA,aAAA;EACA,cAAA;EACA,WAAA;EACA,cAAA;EACA,iBAAA;AAYF","sourcesContent":["\n.dialog-preview-container {\n display: flex;\n //background: var(--color-background, #ffffff);\n border: 1px solid var(--chat-input);\n}\n.dialog-preview-container-left {\n flex: 1;\n}\n.dialog-preview-container-right {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.dialog-preview,\n.dialog-preview * {\n box-sizing: border-box;\n}\n.dialog-preview {\n // padding: 8px 8px 8px 16px; //todo comment padding value for desktop artik 21-12-2023\n padding: 6px 6px 6px 6px; //todo new padding fro mobile artik 21-12-2023\n display: flex;\n flex-direction: row;\n gap: 16px;\n align-items: center;\n justify-content: flex-start;\n align-self: stretch;\n flex-shrink: 0;\n position: relative;\n}\n.dialog-preview-item {\n background: var(--color-background, #ffffff);\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n}\n.dialog-preview-avatar {\n flex-shrink: 0;\n width: 56px;\n height: 56px;\n position: relative;\n}\n.dialog-preview-avatar-rectangle {\n position: absolute;\n right: 0%;\n left: 0%;\n width: 100%;\n bottom: 0%;\n top: 0%;\n height: 100%;\n}\n.dialog-preview-avatar-ellipse {\n background: var(--disabled-elements, #bcc1c5);\n border-radius: 50%;\n position: absolute;\n right: 0%;\n left: 0%;\n width: 100%;\n bottom: 0%;\n top: 0%;\n height: 100%;\n}\n.dialog-preview-avatar-contents-user {\n height: auto;\n position: absolute;\n right: 17.86%;\n left: 17.86%;\n width: 64.29%;\n bottom: 17.86%;\n top: 17.86%;\n height: 64.29%;\n overflow: visible;\n}\n.dialog-preview-text {\n display: flex;\n flex-direction: column;\n gap: 2px;\n align-items: flex-start;\n justify-content: flex-start;\n flex: 1;\n position: relative;\n}\n.dialog-preview-text-subtitle {\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n justify-content: space-between;\n align-self: stretch;\n flex-shrink: 0;\n position: relative;\n}\n.dialog-preview-text-subtitle-caption {\n display: flex;\n flex-direction: row;\n gap: 0px;\n align-items: center;\n justify-content: flex-start;\n flex-shrink: 0;\n position: relative;\n}\n.dialog-preview-text-subtitle-caption-name {\n color: var(--main-text, #0b1b0f);\n text-align: left;\n font: var(--label-label-medium, 500 12px/16px \"Roboto\", sans-serif);\n position: relative;\n}\n.dialog-item-preview-text{\n color: var(--main-text);\n text-align: left;\n font: var(--body-body-small, 400 12px/16px \"Roboto\", sans-serif);\n position: relative;\n align-self: stretch;\n height: 32px;\n}\n\n.dialog-preview-text-subtitle-caption2 {\n display: flex;\n flex-direction: row;\n gap: 0px;\n align-items: flex-start;\n justify-content: flex-start;\n flex-shrink: 0;\n position: relative;\n}\n.dialog-preview-text-subtitle-caption2-time {\n color: var(--tertiary-elements, #636d78);\n text-align: right;\n font: var(--label-label-small, 500 11px/16px \"Roboto\", sans-serif);\n position: relative;\n}\n.dialog-preview-text-subtitle-text {\n color: var(--secondary-text, #636d78);\n text-align: left;\n font: var(--body-body-small, 400 12px/16px \"Roboto\", sans-serif);\n position: relative;\n align-self: stretch;\n\n ///\n display: inline-block;\n word-wrap: break-word;\n overflow: hidden;\n max-height: 32px;\n height: 32px;\n}\n\n.dialog-preview-text-subtitle-message-badge {\n background: var(--main-elements, #3978fc);\n border-radius: 30px;\n padding: 2px 6px 2px 6px;\n display: flex;\n flex-direction: column;\n gap: 10px;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n position: relative;\n height: 22px;\n}\n.dialog-preview-text-subtitle-message-badge-v {\n color: var(--color-background, #ffffff);\n text-align: center;\n font: var(--label-label-medium, 500 12px/16px \"Roboto\", sans-serif);\n position: relative;\n}\n\n.dialog-preview-text-subtitle-message {\n display: flex;\n flex-flow: row;\n align-items: center;\n justify-content: space-between;\n align-self: stretch;\n}\n\n.dialog-preview-icon-close {\n border-radius: 4px;\n padding: 4px;\n display: flex;\n flex-direction: row;\n gap: 0px;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n width: 12px; // todo artik 21-12-2020 change width value from 32px to 12px\n height: 22px; // todo artik 21-12-2020 change width value from 32px to 22px\n position: relative;\n cursor: pointer;\n}\n\n.dpa-contents-user {\n height: auto;\n position: absolute;\n right: 17.86%;\n left: 17.86%;\n width: 64.29%;\n bottom: 17.86%;\n top: 17.86%;\n height: 64.29%;\n overflow: visible;\n}\n\n\n\n\n\n"],"sourceRoot":""}]);
1279
1279
  // Exports
1280
1280
  /* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
1281
1281
 
@@ -11169,7 +11169,10 @@ var ConnectionRepository = /** @class */ (function (_super) {
11169
11169
  if (this.timerId === undefined) {
11170
11170
  console.log('set timer keep alive');
11171
11171
  this.timerId = setInterval(function () {
11172
- console.log("!!!--have ping result after ".concat(ConnectionRepository.PING_ALIVE_INTERVAL, "--!!!"));
11172
+ // todo artik changed 28.12.2023
11173
+ // console.log(
11174
+ // `!!!--have ping result after ${ConnectionRepository.PING_ALIVE_INTERVAL}--!!!`,
11175
+ // );
11173
11176
  // eslint-disable-next-line promise/always-return
11174
11177
  // todo: cause of recycle v1
11175
11178
  _this.ChatServerPing()
@@ -11196,7 +11199,6 @@ var ConnectionRepository = /** @class */ (function (_super) {
11196
11199
  return __generator(this, function (_a) {
11197
11200
  switch (_a.label) {
11198
11201
  case 0:
11199
- console.log('ping ChatServerPing');
11200
11202
  pingChat = function () {
11201
11203
  return new Promise(function (resolve, reject) {
11202
11204
  try {
@@ -11206,7 +11208,7 @@ var ConnectionRepository = /** @class */ (function (_super) {
11206
11208
  resolve('failed');
11207
11209
  }
11208
11210
  else {
11209
- console.log('ping connected');
11211
+ // console.log('ping connected'); //todo artik changed 28.12.2023
11210
11212
  resolve('connected');
11211
11213
  }
11212
11214
  });
@@ -11228,7 +11230,7 @@ var ConnectionRepository = /** @class */ (function (_super) {
11228
11230
  case 1:
11229
11231
  raceResult = _a.sent();
11230
11232
  result = raceResult === 'connected';
11231
- console.log('ping ', raceResult, ' operation result is ', result);
11233
+ // console.log('ping ', raceResult, ' operation result is ', result); //todo artik changed 28.12.2023
11232
11234
  return [2 /*return*/, Promise.resolve(result)];
11233
11235
  }
11234
11236
  });
@@ -17246,7 +17248,7 @@ var SubscribeToDialogEventsUseCase = /** @class */ (function (_super) {
17246
17248
  return _this;
17247
17249
  }
17248
17250
  SubscribeToDialogEventsUseCase.prototype.execute = function (callBack) {
17249
- console.log('execute SubscribeToDialogEventsUseCase', callBack);
17251
+ // console.log('execute SubscribeToDialogEventsUseCase', callBack); //todo artik changed 28.12.2023
17250
17252
  this.callBackExecute = callBack;
17251
17253
  if (this.callBackExecute !== undefined &&
17252
17254
  typeof this.callBackExecute === 'function') {
@@ -18615,7 +18617,11 @@ var SubscriptionPerformer = /** @class */ (function () {
18615
18617
  SubscriptionPerformer.prototype.subscribe = function (callBack, typeEvent, nameEvent) {
18616
18618
  if (typeEvent === void 0) { typeEvent = this.EVENT_TYPE; }
18617
18619
  if (nameEvent === void 0) { nameEvent = this.EVENT_NAME; }
18618
- console.log("have subscribe SubscriptionPerformer from event ".concat(typeEvent, ": "), callBack);
18620
+ // todo artik changed 28.12.2023
18621
+ // console.log(
18622
+ // `have subscribe SubscriptionPerformer from event ${typeEvent}: `,
18623
+ // callBack,
18624
+ // );
18619
18625
  if (this.onEventByTypeSubscribers[typeEvent] === undefined) {
18620
18626
  this.onEventByTypeSubscribers[typeEvent] = {};
18621
18627
  }
@@ -18653,8 +18659,9 @@ var SubscriptionPerformer = /** @class */ (function () {
18653
18659
  // local events and leave dialog
18654
18660
  Object.entries(this.onEventByTypeSubscribers[eventType]).forEach(function (value) {
18655
18661
  if (arg) {
18662
+ // eslint-disable-next-line @typescript-eslint/no-unused-vars
18656
18663
  var currentEventName = value[0];
18657
- console.log('call for event: ', currentEventName);
18664
+ // console.log('call for event: ', currentEventName); //todo artik changed 28.12.2023
18658
18665
  value[1](arg);
18659
18666
  }
18660
18667
  });
@@ -23875,7 +23882,7 @@ var DialogList = function (_a) {
23875
23882
  var _g = react__WEBPACK_IMPORTED_MODULE_1___default().useState(''), nameDialogForSearch = _g[0], setNameDialogForSearch = _g[1];
23876
23883
  (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
23877
23884
  console.log('USE EFFECT DIALOG LIST HAS CHANGED');
23878
- console.log(JSON.stringify(dialogsViewModel === null || dialogsViewModel === void 0 ? void 0 : dialogsViewModel.dialogs));
23885
+ // console.log(JSON.stringify(dialogsViewModel?.dialogs)); //todo artik changed 28.12.2023
23879
23886
  dialogs.slice(0);
23880
23887
  dialogsViewModel === null || dialogsViewModel === void 0 ? void 0 : dialogsViewModel.dialogs.forEach(function (entiy, index) {
23881
23888
  var pw = new _PreviewDialog_PreviewDialogViewModel__WEBPACK_IMPORTED_MODULE_5__["default"](function (it) {
@@ -23935,9 +23942,11 @@ var DialogList = function (_a) {
23935
23942
  // dialogsViewModel?.getDialogs(firstPagination);
23936
23943
  // }, []);
23937
23944
  var handleModal = react__WEBPACK_IMPORTED_MODULE_1___default().useContext(_providers_ModalContextProvider_Modal__WEBPACK_IMPORTED_MODULE_10__.ModalContext).handleModal;
23945
+ // eslint-disable-next-line @typescript-eslint/no-unused-vars
23938
23946
  var useHeader = !(additionalSettings === null || additionalSettings === void 0 ? void 0 : additionalSettings.withoutHeader) || header || false;
23939
23947
  var useSubContent = (additionalSettings === null || additionalSettings === void 0 ? void 0 : additionalSettings.useSubHeader) || subHeaderContent || false;
23940
23948
  var useUpContent = (additionalSettings === null || additionalSettings === void 0 ? void 0 : additionalSettings.useUpHeader) || upHeaderContent || false;
23949
+ // eslint-disable-next-line @typescript-eslint/no-unused-vars
23941
23950
  var HeaderContent = header || ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_DialogListHeader_DialogListHeader__WEBPACK_IMPORTED_MODULE_9__["default"], { title: "Dialogs", clickSearchHandler: function () {
23942
23951
  setShowSearchDialogs(!showSearchDialogs);
23943
23952
  setNameDialogForSearch('');
@@ -23950,6 +23959,7 @@ var DialogList = function (_a) {
23950
23959
  // border: '3px solid red',
23951
23960
  });
23952
23961
  }, theme: additionalSettings === null || additionalSettings === void 0 ? void 0 : additionalSettings.themeHeader }));
23962
+ // eslint-disable-next-line @typescript-eslint/no-unused-vars
23953
23963
  var renderPreviewDialog = function (item, index) {
23954
23964
  var _a;
23955
23965
  function getMessageDateTimeSent() {
@@ -25817,8 +25827,8 @@ var PreviewDialog = function (_a) {
25817
25827
  ? message
25818
25828
  : "".concat(message.substring(0, 25), " ...") }));
25819
25829
  };
25820
- var LONG_TAP_DURATION = 500; // in milliseconds
25821
- var VERY_LONG_TAP_DURATION = 2000; // in milliseconds
25830
+ var LONG_TAP_DURATION = 2000; // in milliseconds
25831
+ var VERY_LONG_TAP_DURATION = 3800; // in milliseconds
25822
25832
  var _g = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(0), touchDuration = _g[0], setTouchDuration = _g[1];
25823
25833
  var touchTimer = null;
25824
25834
  var handleTouchStart = function () {
@@ -25831,6 +25841,7 @@ var PreviewDialog = function (_a) {
25831
25841
  setTouchDuration(Date.now());
25832
25842
  }, VERY_LONG_TAP_DURATION);
25833
25843
  };
25844
+ // eslint-disable-next-line @typescript-eslint/no-unused-vars
25834
25845
  var handleTouchEndOrCancel = function (event) {
25835
25846
  // Если таймер был установлен, отменяем его
25836
25847
  if (touchTimer !== null) {
@@ -25854,7 +25865,7 @@ var PreviewDialog = function (_a) {
25854
25865
  // Reset touchDuration
25855
25866
  setTouchDuration(0);
25856
25867
  // Prevent unwanted click events after touch ends
25857
- event.preventDefault();
25868
+ // event.preventDefault();
25858
25869
  }
25859
25870
  };
25860
25871
  return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ className: "dialog-preview-container", style: haveHover
@@ -25862,6 +25873,7 @@ var PreviewDialog = function (_a) {
25862
25873
  background: 'var(--divider)',
25863
25874
  }
25864
25875
  : {}, onMouseEnter: function () { return setHaveHover(true); }, onMouseLeave: function () { return setHaveHover(false); } }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "dialog-preview-container-left" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ className: "dialog-preview", onClick: function () {
25876
+ console.log('CLICK detected in PreviewDialog');
25865
25877
  if (dialogViewModel && dialogViewModel.itemClickActionHandler) {
25866
25878
  var it_2 = dialogViewModel === null || dialogViewModel === void 0 ? void 0 : dialogViewModel.item;
25867
25879
  dialogViewModel.itemClickActionHandler(it_2);
@@ -26433,6 +26445,7 @@ var __assign = (undefined && undefined.__assign) || function () {
26433
26445
  var ActiveSvg = function (_a) {
26434
26446
  var content = _a.content, onTouch = _a.onTouch, onClick = _a.onClick;
26435
26447
  return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "active-svg-container", onTouchStart: function (event) {
26448
+ console.log('TOUCHED in ActiveSvg');
26436
26449
  // eslint-disable-next-line no-unused-expressions
26437
26450
  onTouch && typeof onTouch === 'function'
26438
26451
  ? onTouch()
@@ -26441,6 +26454,7 @@ var ActiveSvg = function (_a) {
26441
26454
  };
26442
26455
  event.preventDefault();
26443
26456
  }, onClick: function () {
26457
+ console.log('CLICKED in ActiveSvg');
26444
26458
  // eslint-disable-next-line no-unused-expressions
26445
26459
  onClick && typeof onClick === 'function'
26446
26460
  ? onClick()
@@ -28380,7 +28394,11 @@ var QuickBloxUIKitDesktopLayout = function (_a) {
28380
28394
  // eslint-disable-next-line @typescript-eslint/no-unused-vars
28381
28395
  _r = _a.AIRephrase,
28382
28396
  // eslint-disable-next-line @typescript-eslint/no-unused-vars
28383
- AIRephrase = _r === void 0 ? undefined : _r, _s = _a.AIAssist, AIAssist = _s === void 0 ? undefined : _s, _t = _a.uikitHeightOffset, uikitHeightOffset = _t === void 0 ? '0px' : _t;
28397
+ AIRephrase = _r === void 0 ? undefined : _r, _s = _a.AIAssist, AIAssist = _s === void 0 ? undefined : _s,
28398
+ // eslint-disable-next-line @typescript-eslint/no-unused-vars
28399
+ _t = _a.uikitHeightOffset,
28400
+ // eslint-disable-next-line @typescript-eslint/no-unused-vars
28401
+ uikitHeightOffset = _t === void 0 ? '0px' : _t;
28384
28402
  console.log('create QuickBloxUIKitDesktopLayout');
28385
28403
  var _u = react__WEBPACK_IMPORTED_MODULE_1___default().useState(), selectedDialog = _u[0], setSelectedDialog = _u[1];
28386
28404
  var currentContext = (0,_providers_QuickBloxUIKitProvider_useQbInitializedDataContext__WEBPACK_IMPORTED_MODULE_3__["default"])();
@@ -29097,7 +29115,7 @@ var QuickBloxUIKitDesktopLayout = function (_a) {
29097
29115
  setShowDialogInformation(true);
29098
29116
  }
29099
29117
  //
29100
- var sizeChangingLogString = "height: ".concat(height.toString(), " clientHeight: ").concat(clientHeight, " width: ").concat(width.toString(), " breakpont: ").concat(breakpoint.toString(), " isMobile:\n ").concat(isMobile === null || isMobile === void 0 ? void 0 : isMobile.toString(), " selectedDialog:\n ").concat(selectedDialog ? 'true' : 'false', " showDialogMessages:\n ").concat(showDialogMessages === null || showDialogMessages === void 0 ? void 0 : showDialogMessages.toString(), " showDialogList:\n ").concat(showDialogList === null || showDialogList === void 0 ? void 0 : showDialogList.toString(), " showDialogInformation:\n ").concat(showDialogInformation === null || showDialogInformation === void 0 ? void 0 : showDialogInformation.toString());
29118
+ var sizeChangingLogString = "SIZE INFO: height: ".concat(height.toString(), " clientHeight: ").concat(clientHeight, " width: ").concat(width.toString(), " breakpont: ").concat(breakpoint.toString(), " isMobile:\n ").concat(isMobile === null || isMobile === void 0 ? void 0 : isMobile.toString(), " selectedDialog:\n ").concat(selectedDialog ? 'true' : 'false', " showDialogMessages:\n ").concat(showDialogMessages === null || showDialogMessages === void 0 ? void 0 : showDialogMessages.toString(), " showDialogList:\n ").concat(showDialogList === null || showDialogList === void 0 ? void 0 : showDialogList.toString(), " showDialogInformation:\n ").concat(showDialogInformation === null || showDialogInformation === void 0 ? void 0 : showDialogInformation.toString());
29101
29119
  console.log(sizeChangingLogString);
29102
29120
  }, [isMobile]);
29103
29121
  (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
@@ -29130,13 +29148,19 @@ var QuickBloxUIKitDesktopLayout = function (_a) {
29130
29148
  console.log('The new height is:', newHeight);
29131
29149
  setClientHeight(newHeight);
29132
29150
  };
29133
- // const uikitHeight = '100vh';
29134
- // const workHeight = `calc(${uikitHeight} - 128px - 16px)`;
29135
- var workHeight = "calc(100vh - ".concat(uikitHeightOffset, " - 32px)");
29151
+ var workHeight = isMobile
29152
+ ? "calc(".concat(height.toString(), "px - ").concat(uikitHeightOffset, " - 28px)")
29153
+ : "calc(100vh - ".concat(uikitHeightOffset, " - 28px)");
29154
+ // const workHeight = `calc(${uikitHeightOffset} - 128px - 16px)`;
29155
+ // eslint-disable-next-line @typescript-eslint/no-unused-vars
29156
+ // const workHeight = `100%`;
29136
29157
  var leaveDialogHandler = function (dialog) {
29137
29158
  handleModal(true, (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Views_Flow_LeaveDialogFlow_LeaveDialogFlow__WEBPACK_IMPORTED_MODULE_44__["default"], { dialog: dialog, dialogsViewModel: dialogsViewModel }), 'Leave dialog?', false, true);
29138
29159
  };
29139
- return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_DesktopLayout__WEBPACK_IMPORTED_MODULE_6__["default"], { mainContainerStyles: { height: workHeight }, onHeightChange: handleHeightChange, theme: theme, dialogsView: showDialogList ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Views_DialogList_DialogList__WEBPACK_IMPORTED_MODULE_4__["default"], { scrollableHeight: clientHeight - 64,
29160
+ return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_DesktopLayout__WEBPACK_IMPORTED_MODULE_6__["default"], { mainContainerStyles: {
29161
+ minHeight: workHeight,
29162
+ maxHeight: workHeight,
29163
+ }, onHeightChange: handleHeightChange, theme: theme, dialogsView: showDialogList ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Views_DialogList_DialogList__WEBPACK_IMPORTED_MODULE_4__["default"], { scrollableHeight: clientHeight - 64 - 6,
29140
29164
  // rootStyles={{
29141
29165
  // minHeight: `${clientHeight}px)`,
29142
29166
  // maxHeight: `${clientHeight}px)`,