agx-chat-web 1.2.9 → 1.2.11

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 (14) hide show
  1. package/dist/agx-chat.esm.js +281 -44
  2. package/dist/agx-chat.esm.js.map +1 -1
  3. package/dist/agx-chat.min.js +1 -1
  4. package/dist/agx-chat.min.js.map +1 -1
  5. package/dist/esm/app/Messenger/components/OpenChatSlaTimer/OpenChatSlaTimer.d.ts +11 -0
  6. package/dist/esm/app/Messenger/components/OpenChatSlaTimer/OpenChatSlaTimer.js +53 -0
  7. package/dist/esm/app/Messenger/components/OpenChatSlaTimer/OpenChatSlaTimer.js.map +1 -0
  8. package/dist/esm/app/Messenger/hooks/useConversations.d.ts +1 -1
  9. package/dist/esm/app/Messenger/views/MessengerListItem.js +223 -43
  10. package/dist/esm/app/Messenger/views/MessengerListItem.js.map +1 -1
  11. package/dist/esm/index.d.ts +2 -1
  12. package/dist/esm/index.js +2 -1
  13. package/dist/esm/index.js.map +1 -1
  14. package/package.json +1 -1
package/dist/agx-chat.esm.js CHANGED
@@ -18,7 +18,7 @@ import * as __WEBPACK_EXTERNAL_MODULE_react_i18next_31085753__ from "react-i18ne
18
18
 
19
19
  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()));
20
20
  // Module
21
- ___CSS_LOADER_EXPORT___.push([module.id, ".images-container {\n width: 100%;\n height: 90%;\n border: 2px solid #484c52;\n background-color: #232831;\n border-bottom: none;\n border-radius: 0 20px 0 0;\n}\n@media only screen and (max-width: 768px) {\n .images-container {\n border-radius: 20px 20px 0 0 !important;\n }\n}\n.images-container__close {\n width: 100%;\n position: relative;\n margin-top: 15px;\n display: flex;\n justify-content: flex-end;\n align-items: center;\n}\n.images-container__close--icon {\n width: 32px;\n height: 32px;\n cursor: pointer;\n background-color: transparent;\n outline: none;\n border: none;\n}\n.images-container__close--icon:hover {\n opacity: 75%;\n transition: 200ms;\n}\n.images-container__close--icon::before,\n.images-container__close--icon::after {\n position: absolute;\n right: 25px;\n top: 0;\n content: ' ';\n height: 33px;\n width: 2px;\n background-color: red;\n}\n.images-container__close--icon:after {\n transform: rotate(45deg);\n}\n.images-container__close--icon:before {\n transform: rotate(-45deg);\n}\n.images-container__container {\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: #476077;\n}\n.images-container__image {\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 100%;\n padding: 0 10px;\n max-width: 700px;\n max-height: 300px;\n}\n.images-container__title-img {\n width: 100%;\n text-align: center;\n word-wrap: break-word;\n}\n.form-select {\n margin-bottom: 1rem;\n width: 100%;\n}\n.form-select__label {\n color: #476077;\n font-weight: bold;\n margin: 0.5rem;\n}\n.form-select__input {\n border: 1.5px solid hsl(0, 0%, 80%);\n border-radius: 4px;\n margin-top: 0.5rem;\n padding: 8px 8px;\n width: 100%;\n}\n.form-select__input:focus {\n outline: #2684ff 2px solid !important;\n}\n.text-area {\n margin-bottom: 1rem;\n width: 100%;\n}\n.text-area__label {\n color: #476077;\n font-weight: bold;\n margin: 0.5rem;\n}\n.text-area__input {\n border: 1.5px solid hsl(0, 0%, 80%);\n border-radius: 4px;\n margin-top: 0.5rem;\n padding: 4px 8px;\n width: 100%;\n}\n.text-area__input:focus {\n outline: #2684ff 2px solid !important;\n}\n.file-input {\n margin-bottom: 1rem;\n width: 100%;\n}\n.file-input__label {\n color: #476077;\n font-weight: bold;\n margin: 0.5rem;\n}\n.file-input__container {\n align-items: center;\n background-color: var(--secondary-color);\n border-radius: 10px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n margin-top: 0.5rem;\n padding: 1rem;\n width: 100%;\n}\n.file-input__button {\n border: none;\n border-radius: 30px;\n color: var(--secondary-color);\n cursor: pointer;\n font-size: 1rem;\n font-weight: bold;\n margin: 0.5rem 1rem;\n padding: 0.5rem;\n}\n.file-input__list {\n align-items: center;\n background-color: var(--secondary-color);\n border-radius: 10px;\n display: flex;\n justify-content: space-between;\n margin: 0.5rem 0;\n padding: 0.5rem;\n}\n.file-input__list--file-name {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n max-width: 100%;\n}\n.file-input__delete {\n align-items: center;\n background: transparent;\n border: none;\n cursor: pointer;\n display: flex;\n justify-content: center;\n}\n.input-search {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n margin: 1rem 0;\n position: relative;\n}\n.input-search__select {\n border-radius: 30px 0 0 30px;\n padding: 10px;\n background: transparent;\n margin-left: 1rem;\n width: 30%;\n}\n.input-search__option {\n color: black;\n}\n.input-search__search {\n width: 70%;\n margin-right: 1rem;\n border-radius: 0 30px 30px 0;\n padding: 9px;\n color: var(--secondary-color);\n border: var(--secondary-color) 1px solid;\n background: transparent;\n position: relative;\n}\n.input-search__search::placeholder {\n color: var(--secondary-color);\n opacity: 60%;\n}\n.input-search__icon {\n border: none;\n background: transparent;\n position: absolute;\n right: 2rem;\n display: flex;\n cursor: pointer;\n}\n.chat-tabs {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.chat-tabs__button {\n background: transparent;\n border: none;\n border-bottom: 1px solid transparent;\n cursor: pointer;\n padding: 0.5rem 1rem;\n margin-bottom: 0.5rem;\n}\n.chat-tabs__button--active {\n border-bottom: 1px solid var(--secondary-color);\n transition: 0.5s;\n}\n.messenger__messages-row--sender {\n display: flex;\n justify-content: flex-end;\n margin: 10px 0;\n}\n.messenger__messages-sender {\n max-width: 80%;\n padding: 10px;\n border-radius: 8px;\n font-family: 'Arial', sans-serif;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n}\n.messenger__file-card {\n display: flex;\n align-items: center;\n background: rgba(0, 0, 0, 0.1);\n border-radius: 8px;\n padding: 10px;\n}\n.messenger__file-icon {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 4px;\n margin-right: 10px;\n}\n.messenger__file-details {\n flex-grow: 1;\n margin-right: 10px;\n}\n.messenger__file-name {\n font-weight: bold;\n font-size: 14px;\n margin: 0;\n}\n.messenger__file-info {\n font-size: 12px;\n color: rgba(255, 255, 255, 0.8);\n}\n.messenger__file-download {\n font-size: 12px;\n text-decoration: none;\n}\n.messenger__file-download:hover {\n text-decoration: underline;\n}\n.messenger__message--bottom {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-top: 5px;\n}\n.messenger__message--date {\n font-size: 12px;\n color: rgba(255, 255, 255, 0.8);\n}\n.tooltip {\n position: relative;\n display: inline-block;\n}\n.tooltip__text {\n visibility: hidden;\n background-color: black;\n color: #fff;\n text-align: center;\n border-radius: 5px;\n padding: 5px;\n position: absolute;\n z-index: 1;\n bottom: 125%;\n left: -40%;\n margin-left: -60px;\n opacity: 0;\n transition: opacity 0.3s, visibility 0.3s;\n}\n.tooltip:hover .tooltip__text {\n visibility: visible;\n opacity: 1;\n}\n.messenger__aside {\n width: 30% !important;\n display: flex;\n align-items: center;\n flex-direction: column;\n}\n@media only screen and (max-width: 1200px) {\n .messenger__aside {\n min-width: 300px;\n }\n}\n@media only screen and (max-width: 992px) {\n .messenger__aside {\n border-radius: 20px !important;\n width: 100% !important;\n }\n}\n.messenger__aside-skeleton {\n background-color: #232831;\n border: 0;\n min-height: 75px;\n width: 100% !important;\n}\n.messenger__aside-empty {\n width: 100%;\n margin-top: 40px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n}\n.messenger__aside-empty path {\n fill: var(--secondary-color);\n}\n.messenger__aside-empty p {\n text-align: center;\n}\n.messenger__aside-header {\n width: 100% !important;\n padding: 0 15px;\n}\n.messenger__scroll-content {\n overflow-y: auto;\n margin-bottom: 0.5rem;\n}\n.messenger__aside-list {\n width: 100% !important;\n padding: 0 10px 10px 10px;\n height: 100%;\n overflow-y: auto;\n overflow-x: hidden;\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: center;\n}\n.messenger__aside-list > .ant-ribbon-wrapper {\n width: 100%;\n}\n.messenger__aside-list > .ant-ribbon-wrapper .ant-ribbon {\n z-index: -1;\n top: 0;\n}\n.messenger__aside-item-container {\n min-width: 100%;\n position: relative;\n}\n.messenger__active-badge {\n z-index: 15 !important;\n}\n.messenger__aside-protocol {\n position: absolute;\n right: 0;\n top: 0;\n border-radius: 10px;\n background-color: var(--secondary-color);\n padding: 0 0.5rem;\n font-size: 0.6rem;\n}\n.messenger__aside-timer {\n align-items: center;\n display: flex;\n font-size: 12px;\n}\n.messenger__aside-list-item {\n border-radius: 0;\n cursor: pointer;\n display: flex;\n flex-direction: row;\n height: 72px;\n padding: 5px 10px;\n width: 100% !important;\n}\n.messenger__aside-list-item:hover {\n background: #232831;\n border-radius: 0;\n}\n.messenger__aside-list-item--avatar {\n align-items: center;\n background: #484c52;\n border-radius: 50%;\n color: #00a73e;\n display: flex;\n flex: 0 0 auto;\n font-size: 25px;\n font-weight: bold;\n height: 50px;\n justify-content: center;\n line-height: 2.2;\n margin: auto 10px auto 0;\n text-transform: uppercase;\n user-select: none;\n width: 50px;\n}\n@media only screen and (max-width: 1200px) {\n .messenger__aside-list-item--avatar {\n height: 45px;\n width: 45px;\n }\n}\n.messenger__aside-list-item--avatar img {\n height: 54px;\n width: 54px;\n border-radius: 50%;\n}\n.messenger__aside-list-item--info,\n.messenger__aside-list-item--additional {\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n height: 100%;\n}\n.messenger__aside-list-item--info {\n max-width: 120px;\n min-width: 120px;\n}\n@media only screen and (min-width: 1600px) {\n .messenger__aside-list-item--info {\n max-width: 140px;\n min-width: 140px;\n }\n}\n@media only screen and (max-width: 992px) {\n .messenger__aside-list-item--info {\n max-width: 65%;\n min-width: 65%;\n }\n}\n@media only screen and (max-width: 576px) {\n .messenger__aside-list-item--info {\n max-width: 120px;\n min-width: 120px;\n }\n}\n.messenger__aside-list-item--additional {\n align-items: flex-end;\n font-size: 11px;\n margin-left: 5px;\n width: 100%;\n}\n.messenger__aside-list-item--unread {\n background-color: #00a73e;\n border-radius: 50%;\n width: 20px;\n height: 20px;\n text-align: center;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.messenger__aside-list-item--title,\n.messenger__aside-list-item--description {\n line-height: 1;\n overflow: hidden;\n margin: 0;\n max-width: 160px;\n text-overflow: ellipsis;\n white-space: nowrap;\n width: 100%;\n}\n.messenger__aside-list-item--title {\n font-weight: bold;\n font-size: 14px;\n}\n.messenger__aside-list-item--description {\n font-size: 12px;\n}\n.messenger__messages {\n width: 70% !important;\n display: flex;\n flex-direction: column;\n justify-content: space-evenly;\n}\n@media only screen and (max-width: 992px) {\n .messenger__messages {\n width: 100% !important;\n }\n}\n.messenger__messages-header,\n.messenger__messages-send {\n padding: 5px;\n min-height: 10%;\n width: 100%;\n}\n.messenger__messages-header {\n border-radius: 0 20px 0 0;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n}\n@media only screen and (max-width: 992px) {\n .messenger__messages-header {\n border-radius: 20px 20px 0 0;\n }\n}\n.messenger__messages-container {\n max-height: 80%;\n height: 100%;\n padding: 0 24px;\n overflow: auto;\n overflow-x: hidden;\n scroll-behavior: auto;\n background-color: #dddddd;\n}\n.messenger__messages-container--empty {\n width: 100%;\n height: 100%;\n border-radius: 0 20px 20px 0;\n background-color: #dddddd;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n.messenger__messages-container--empty path {\n fill: #00a73e;\n}\n.messenger__messages-container--empty p {\n text-align: center;\n margin-top: 24px;\n}\n.messenger__messages-loading {\n width: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n margin-top: 10px;\n}\n.messenger__messages-loading div {\n animation: spin 1s infinite linear;\n border-left: 2px solid var(--secondary-color);\n border-radius: 50%;\n height: 25px;\n margin-bottom: 10px;\n width: 25px;\n}\n.messenger__messages-row--sender,\n.messenger__messages-row--received,\n.messenger__messages-row--system {\n width: 100%;\n height: fit-content;\n margin: 10px 0;\n display: flex;\n align-items: center;\n}\n.messenger__messages-row--sender {\n justify-content: flex-end;\n}\n.messenger__messages-row--received {\n justify-content: flex-start;\n}\n.messenger__messages-row--system {\n justify-content: center;\n}\n.messenger__messages-received,\n.messenger__messages-sender {\n min-width: 75px;\n width: fit-content;\n padding: 10px;\n}\n.messenger__messages-received > span,\n.messenger__messages-sender > span {\n color: var(--secondary-color);\n overflow-wrap: break-word;\n word-break: break-word;\n width: 200px;\n}\n.messenger__messages-received {\n max-width: 500px;\n background-color: #707070;\n border-radius: 12px 12px 12px 0;\n}\n.messenger__messages-received--system {\n border-radius: 12px;\n}\n.messenger__messages-sender {\n max-width: 450px;\n margin-top: -2px;\n background-color: #00a73e;\n border-radius: 12px 12px 0 12px;\n}\n.messenger__message-title {\n white-space: nowrap;\n overflow: hidden;\n max-width: 100%;\n display: block;\n line-height: 1;\n padding: 0;\n margin: 0 0 3px;\n justify-content: flex-end;\n font-size: 13px;\n color: var(--secondary-color);\n font-weight: bold;\n filter: opacity(0.7);\n font-weight: 700;\n}\n.messenger__message {\n padding: 0;\n margin: 0;\n white-space: pre-wrap;\n line-height: 1.2;\n}\n.messenger__message--file {\n cursor: pointer;\n}\n.messenger__message--file img {\n object-fit: scale-down;\n}\n.messenger__message--bottom {\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: flex-end;\n gap: 5px;\n margin-top: 5px;\n}\n.messenger__message--date {\n font-size: 11.5px;\n padding: 0;\n margin-top: 5px;\n margin-bottom: 0;\n margin-right: 0;\n text-align: right;\n line-height: 14px;\n}\n.messenger__message-empty {\n width: 100%;\n margin-top: 40px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n}\n.messenger__message-empty p {\n text-align: center;\n}\n@media only screen and (max-width: 576px) {\n .messenger__message-avatar {\n display: none;\n }\n}\n.messenger__messages-send {\n border-radius: 0 0 20px 0;\n border-top: 0;\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n@media only screen and (max-width: 992px) {\n .messenger__messages-send {\n border-radius: 0 0 20px 20px;\n }\n}\n.messenger__messages-send--form {\n align-items: center;\n display: flex;\n gap: 10px;\n width: 100%;\n}\n.messenger__messages-send__input {\n border: 0;\n border-radius: 12px;\n display: flex;\n flex: 1 1 auto;\n height: 50px;\n line-height: 26px;\n max-height: 90px;\n outline: none;\n overflow-y: auto;\n padding: 10px 12px 9px;\n resize: none;\n width: 90%;\n}\n.messenger__messages-send__input--disabled {\n cursor: not-allowed;\n opacity: 0.5;\n}\n.messenger__messages-send__input::placeholder {\n color: #aaaaaa;\n}\n.messenger__messages-send__input-container {\n align-items: center;\n border-radius: 12px;\n display: flex;\n flex: 1 1 auto;\n}\n.messenger__messages-send__button {\n height: 45px !important;\n width: 45px !important;\n border-radius: 50%;\n border: none;\n outline: none;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.messenger__messages-send__button--disabled {\n cursor: not-allowed;\n opacity: 0.5;\n}\n.messenger__messages-send__button:hover {\n opacity: 0.7;\n transition: 200ms;\n}\n.messenger__messages-send--file {\n display: none;\n}\n.messenger__messages-send__attach {\n cursor: pointer;\n width: 40px;\n}\n.messenger__messages-send__attach--disabled {\n cursor: not-allowed;\n}\n.messenger__new-chat-form {\n overflow-y: scroll;\n border-radius: 0 20px 20px 0;\n height: 100%;\n padding: 1rem;\n}\n@media only screen and (max-width: 768px) {\n .messenger__new-chat-form {\n border-radius: 20px !important;\n }\n}\n.messenger__new-chat-form-header {\n display: flex;\n justify-content: space-between;\n margin: 1rem 0;\n}\n.messenger__new-chat-form-title {\n color: #476077;\n margin-right: 1rem;\n}\n.messenger__new-chat-form-close {\n background: none;\n border: none;\n cursor: pointer;\n}\n.messenger__new-chat-fields,\n.messenger__disclaimer {\n margin: 0 1rem;\n}\n.messenger__disclaimer {\n border: solid 1px;\n border-radius: 10px;\n padding: 0.8rem;\n margin-bottom: 1rem;\n}\n.messenger__new-chat-form-send {\n border: none;\n border-radius: 30px;\n cursor: pointer;\n font-weight: bolder;\n margin: 25px 0;\n padding: 0.5rem;\n}\n.messenger__new-chat-form-send:hover {\n opacity: 0.9;\n}\n.messenger__new-chat-form-send--disabled {\n cursor: not-allowed;\n background-color: #ccc;\n}\n.messenger__buttons-container {\n display: flex;\n flex-direction: column;\n padding-top: 1rem;\n width: 100%;\n}\n.messenger__chat-button {\n border: none;\n border-radius: 30px;\n color: var(--secondary-color);\n cursor: pointer;\n font-size: 1rem;\n font-weight: bold;\n margin: 0.5rem 1rem;\n padding: 0.5rem;\n}\n.messenger__chat-button--disabled {\n cursor: not-allowed;\n}\n.messenger__input-button {\n border: none;\n border-radius: 30px;\n color: var(--secondary-color);\n font-size: 1rem;\n font-weight: bold;\n margin: 0.5rem 1rem;\n padding: 0.5rem;\n}\n.messenger__input-button-label {\n color: var(--secondary-color);\n font-weight: bold;\n margin: 0rem 1rem;\n}\n.messenger__input-button::-webkit-calendar-picker-indicator {\n filter: invert(1);\n}\n@media only screen and (max-width: 992px) {\n .messenger__mobile-hide {\n display: none !important;\n }\n}\n.styles-module_wrapper__1I_qj {\n z-index: 60 !important;\n background-color: rgba(0, 0, 0, 0.7) !important;\n}\n*,\n::after,\n::before {\n padding: 0;\n margin: 0;\n}\n:root {\n --secondary-color: var(--secondary-color);\n}\n@keyframes spin {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n", "",{"version":3,"sources":["webpack://./src/app/Messenger/components/ImagesContainer/ImagesContainer.less","webpack://./src/styles/index.less","webpack://./src/app/Messenger/components/Select/Select.less","webpack://./src/app/Messenger/components/TextArea/Textarea.less","webpack://./src/app/Messenger/components/InputFile/inputFile.less","webpack://./src/app/Messenger/components/SearchInput/SearchInput.less","webpack://./src/app/Messenger/components/ChatTabs/ChatTabs.less","webpack://./src/app/Messenger/components/DocMessage/DocMessage.less","webpack://./src/app/Messenger/components/Tooltip/Tooltip.less","webpack://./src/app/Messenger/views/Messenger.less","webpack://./src/styles/abstracts/mixins.less","webpack://./src/styles/base/base.less","webpack://./src/styles/abstracts/variables.less","webpack://./src/styles/abstracts/animations.less"],"names":[],"mappings":"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","sourcesContent":[".images-container {\n width: 100%;\n height: 90%;\n border: 2px solid @secondary-bg-color-chat;\n background-color: @component-background;\n border-bottom: none;\n border-radius: 0 @border-radius 0 0;\n @media @tab-md {\n border-radius: @border-radius @border-radius 0 0 !important;\n }\n\n &__close {\n width: 100%;\n position: relative;\n margin-top: 15px;\n display: flex;\n justify-content: flex-end;\n align-items: center;\n\n &--icon {\n width: 32px;\n height: 32px;\n cursor: pointer;\n background-color: transparent;\n outline: none;\n border: none;\n\n &:hover {\n opacity: 75%;\n transition: 200ms;\n }\n\n &::before,\n &::after {\n position: absolute;\n right: 25px;\n top: 0;\n content: ' ';\n height: 33px;\n width: 2px;\n background-color: red;\n }\n\n &:after {\n transform: rotate(45deg);\n }\n\n &:before {\n transform: rotate(-45deg);\n }\n }\n }\n\n &__container {\n width: 100%;\n height: 100%;\n\n display: flex;\n align-items: center;\n justify-content: center;\n color: @title-form-color;\n }\n\n &__image {\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 100%;\n padding: 0 10px;\n max-width: 700px;\n max-height: 300px;\n }\n\n &__title-img {\n width: 100%;\n text-align: center;\n word-wrap: break-word;\n }\n}\n",".images-container {\n width: 100%;\n height: 90%;\n border: 2px solid #484c52;\n background-color: #232831;\n border-bottom: none;\n border-radius: 0 20px 0 0;\n}\n@media only screen and (max-width: 768px) {\n .images-container {\n border-radius: 20px 20px 0 0 !important;\n }\n}\n.images-container__close {\n width: 100%;\n position: relative;\n margin-top: 15px;\n display: flex;\n justify-content: flex-end;\n align-items: center;\n}\n.images-container__close--icon {\n width: 32px;\n height: 32px;\n cursor: pointer;\n background-color: transparent;\n outline: none;\n border: none;\n}\n.images-container__close--icon:hover {\n opacity: 75%;\n transition: 200ms;\n}\n.images-container__close--icon::before,\n.images-container__close--icon::after {\n position: absolute;\n right: 25px;\n top: 0;\n content: ' ';\n height: 33px;\n width: 2px;\n background-color: red;\n}\n.images-container__close--icon:after {\n transform: rotate(45deg);\n}\n.images-container__close--icon:before {\n transform: rotate(-45deg);\n}\n.images-container__container {\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: #476077;\n}\n.images-container__image {\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 100%;\n padding: 0 10px;\n max-width: 700px;\n max-height: 300px;\n}\n.images-container__title-img {\n width: 100%;\n text-align: center;\n word-wrap: break-word;\n}\n.form-select {\n margin-bottom: 1rem;\n width: 100%;\n}\n.form-select__label {\n color: #476077;\n font-weight: bold;\n margin: 0.5rem;\n}\n.form-select__input {\n border: 1.5px solid hsl(0, 0%, 80%);\n border-radius: 4px;\n margin-top: 0.5rem;\n padding: 8px 8px;\n width: 100%;\n}\n.form-select__input:focus {\n outline: #2684ff 2px solid !important;\n}\n.text-area {\n margin-bottom: 1rem;\n width: 100%;\n}\n.text-area__label {\n color: #476077;\n font-weight: bold;\n margin: 0.5rem;\n}\n.text-area__input {\n border: 1.5px solid hsl(0, 0%, 80%);\n border-radius: 4px;\n margin-top: 0.5rem;\n padding: 4px 8px;\n width: 100%;\n}\n.text-area__input:focus {\n outline: #2684ff 2px solid !important;\n}\n.file-input {\n margin-bottom: 1rem;\n width: 100%;\n}\n.file-input__label {\n color: #476077;\n font-weight: bold;\n margin: 0.5rem;\n}\n.file-input__container {\n align-items: center;\n background-color: var(--secondary-color);\n border-radius: 10px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n margin-top: 0.5rem;\n padding: 1rem;\n width: 100%;\n}\n.file-input__button {\n border: none;\n border-radius: 30px;\n color: var(--secondary-color);\n cursor: pointer;\n font-size: 1rem;\n font-weight: bold;\n margin: 0.5rem 1rem;\n padding: 0.5rem;\n}\n.file-input__list {\n align-items: center;\n background-color: var(--secondary-color);\n border-radius: 10px;\n display: flex;\n justify-content: space-between;\n margin: 0.5rem 0;\n padding: 0.5rem;\n}\n.file-input__list--file-name {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n max-width: 100%;\n}\n.file-input__delete {\n align-items: center;\n background: transparent;\n border: none;\n cursor: pointer;\n display: flex;\n justify-content: center;\n}\n.input-search {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n margin: 1rem 0;\n position: relative;\n}\n.input-search__select {\n border-radius: 30px 0 0 30px;\n padding: 10px;\n background: transparent;\n margin-left: 1rem;\n width: 30%;\n}\n.input-search__option {\n color: black;\n}\n.input-search__search {\n width: 70%;\n margin-right: 1rem;\n border-radius: 0 30px 30px 0;\n padding: 9px;\n color: var(--secondary-color);\n border: var(--secondary-color) 1px solid;\n background: transparent;\n position: relative;\n}\n.input-search__search::placeholder {\n color: var(--secondary-color);\n opacity: 60%;\n}\n.input-search__icon {\n border: none;\n background: transparent;\n position: absolute;\n right: 2rem;\n display: flex;\n cursor: pointer;\n}\n.chat-tabs {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.chat-tabs__button {\n background: transparent;\n border: none;\n border-bottom: 1px solid transparent;\n cursor: pointer;\n padding: 0.5rem 1rem;\n margin-bottom: 0.5rem;\n}\n.chat-tabs__button--active {\n border-bottom: 1px solid var(--secondary-color);\n transition: 0.5s;\n}\n.messenger__messages-row--sender {\n display: flex;\n justify-content: flex-end;\n margin: 10px 0;\n}\n.messenger__messages-sender {\n max-width: 80%;\n padding: 10px;\n border-radius: 8px;\n font-family: 'Arial', sans-serif;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n}\n.messenger__file-card {\n display: flex;\n align-items: center;\n background: rgba(0, 0, 0, 0.1);\n border-radius: 8px;\n padding: 10px;\n}\n.messenger__file-icon {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 4px;\n margin-right: 10px;\n}\n.messenger__file-details {\n flex-grow: 1;\n margin-right: 10px;\n}\n.messenger__file-name {\n font-weight: bold;\n font-size: 14px;\n margin: 0;\n}\n.messenger__file-info {\n font-size: 12px;\n color: rgba(255, 255, 255, 0.8);\n}\n.messenger__file-download {\n font-size: 12px;\n text-decoration: none;\n}\n.messenger__file-download:hover {\n text-decoration: underline;\n}\n.messenger__message--bottom {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-top: 5px;\n}\n.messenger__message--date {\n font-size: 12px;\n color: rgba(255, 255, 255, 0.8);\n}\n.tooltip {\n position: relative;\n display: inline-block;\n}\n.tooltip__text {\n visibility: hidden;\n background-color: black;\n color: #fff;\n text-align: center;\n border-radius: 5px;\n padding: 5px;\n position: absolute;\n z-index: 1;\n bottom: 125%;\n left: -40%;\n margin-left: -60px;\n opacity: 0;\n transition: opacity 0.3s, visibility 0.3s;\n}\n.tooltip:hover .tooltip__text {\n visibility: visible;\n opacity: 1;\n}\n.messenger__aside {\n width: 30% !important;\n display: flex;\n align-items: center;\n flex-direction: column;\n}\n@media only screen and (max-width: 1200px) {\n .messenger__aside {\n min-width: 300px;\n }\n}\n@media only screen and (max-width: 992px) {\n .messenger__aside {\n border-radius: 20px !important;\n width: 100% !important;\n }\n}\n.messenger__aside-skeleton {\n background-color: #232831;\n border: 0;\n min-height: 75px;\n width: 100% !important;\n}\n.messenger__aside-empty {\n width: 100%;\n margin-top: 40px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n}\n.messenger__aside-empty path {\n fill: var(--secondary-color);\n}\n.messenger__aside-empty p {\n text-align: center;\n}\n.messenger__aside-header {\n width: 100% !important;\n padding: 0 15px;\n}\n.messenger__scroll-content {\n overflow-y: auto;\n margin-bottom: 0.5rem;\n}\n.messenger__aside-list {\n width: 100% !important;\n padding: 0 10px 10px 10px;\n height: 100%;\n overflow-y: auto;\n overflow-x: hidden;\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: center;\n}\n.messenger__aside-list > .ant-ribbon-wrapper {\n width: 100%;\n}\n.messenger__aside-list > .ant-ribbon-wrapper .ant-ribbon {\n z-index: -1;\n top: 0;\n}\n.messenger__aside-item-container {\n min-width: 100%;\n position: relative;\n}\n.messenger__active-badge {\n z-index: 15 !important;\n}\n.messenger__aside-protocol {\n position: absolute;\n right: 0;\n top: 0;\n border-radius: 10px;\n background-color: var(--secondary-color);\n padding: 0 0.5rem;\n font-size: 0.6rem;\n}\n.messenger__aside-timer {\n align-items: center;\n display: flex;\n font-size: 12px;\n}\n.messenger__aside-list-item {\n border-radius: 0;\n cursor: pointer;\n display: flex;\n flex-direction: row;\n height: 72px;\n padding: 5px 10px;\n width: 100% !important;\n}\n.messenger__aside-list-item:hover {\n background: #232831;\n border-radius: 0;\n}\n.messenger__aside-list-item--avatar {\n align-items: center;\n background: #484c52;\n border-radius: 50%;\n color: #00a73e;\n display: flex;\n flex: 0 0 auto;\n font-size: 25px;\n font-weight: bold;\n height: 50px;\n justify-content: center;\n line-height: 2.2;\n margin: auto 10px auto 0;\n text-transform: uppercase;\n user-select: none;\n width: 50px;\n}\n@media only screen and (max-width: 1200px) {\n .messenger__aside-list-item--avatar {\n height: 45px;\n width: 45px;\n }\n}\n.messenger__aside-list-item--avatar img {\n height: 54px;\n width: 54px;\n border-radius: 50%;\n}\n.messenger__aside-list-item--info,\n.messenger__aside-list-item--additional {\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n height: 100%;\n}\n.messenger__aside-list-item--info {\n max-width: 120px;\n min-width: 120px;\n}\n@media only screen and (min-width: 1600px) {\n .messenger__aside-list-item--info {\n max-width: 140px;\n min-width: 140px;\n }\n}\n@media only screen and (max-width: 992px) {\n .messenger__aside-list-item--info {\n max-width: 65%;\n min-width: 65%;\n }\n}\n@media only screen and (max-width: 576px) {\n .messenger__aside-list-item--info {\n max-width: 120px;\n min-width: 120px;\n }\n}\n.messenger__aside-list-item--additional {\n align-items: flex-end;\n font-size: 11px;\n margin-left: 5px;\n width: 100%;\n}\n.messenger__aside-list-item--unread {\n background-color: #00a73e;\n border-radius: 50%;\n width: 20px;\n height: 20px;\n text-align: center;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.messenger__aside-list-item--title,\n.messenger__aside-list-item--description {\n line-height: 1;\n overflow: hidden;\n margin: 0;\n max-width: 160px;\n text-overflow: ellipsis;\n white-space: nowrap;\n width: 100%;\n}\n.messenger__aside-list-item--title {\n font-weight: bold;\n font-size: 14px;\n}\n.messenger__aside-list-item--description {\n font-size: 12px;\n}\n.messenger__messages {\n width: 70% !important;\n display: flex;\n flex-direction: column;\n justify-content: space-evenly;\n}\n@media only screen and (max-width: 992px) {\n .messenger__messages {\n width: 100% !important;\n }\n}\n.messenger__messages-header,\n.messenger__messages-send {\n padding: 5px;\n min-height: 10%;\n width: 100%;\n}\n.messenger__messages-header {\n border-radius: 0 20px 0 0;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n}\n@media only screen and (max-width: 992px) {\n .messenger__messages-header {\n border-radius: 20px 20px 0 0;\n }\n}\n.messenger__messages-container {\n max-height: 80%;\n height: 100%;\n padding: 0 24px;\n overflow: auto;\n overflow-x: hidden;\n scroll-behavior: auto;\n background-color: #dddddd;\n}\n.messenger__messages-container--empty {\n width: 100%;\n height: 100%;\n border-radius: 0 20px 20px 0;\n background-color: #dddddd;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n.messenger__messages-container--empty path {\n fill: #00a73e;\n}\n.messenger__messages-container--empty p {\n text-align: center;\n margin-top: 24px;\n}\n.messenger__messages-loading {\n width: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n margin-top: 10px;\n}\n.messenger__messages-loading div {\n animation: spin 1s infinite linear;\n border-left: 2px solid var(--secondary-color);\n border-radius: 50%;\n height: 25px;\n margin-bottom: 10px;\n width: 25px;\n}\n.messenger__messages-row--sender,\n.messenger__messages-row--received,\n.messenger__messages-row--system {\n width: 100%;\n height: fit-content;\n margin: 10px 0;\n display: flex;\n align-items: center;\n}\n.messenger__messages-row--sender {\n justify-content: flex-end;\n}\n.messenger__messages-row--received {\n justify-content: flex-start;\n}\n.messenger__messages-row--system {\n justify-content: center;\n}\n.messenger__messages-received,\n.messenger__messages-sender {\n min-width: 75px;\n width: fit-content;\n padding: 10px;\n}\n.messenger__messages-received > span,\n.messenger__messages-sender > span {\n color: var(--secondary-color);\n overflow-wrap: break-word;\n word-break: break-word;\n width: 200px;\n}\n.messenger__messages-received {\n max-width: 500px;\n background-color: #707070;\n border-radius: 12px 12px 12px 0;\n}\n.messenger__messages-received--system {\n border-radius: 12px;\n}\n.messenger__messages-sender {\n max-width: 450px;\n margin-top: -2px;\n background-color: #00a73e;\n border-radius: 12px 12px 0 12px;\n}\n.messenger__message-title {\n white-space: nowrap;\n overflow: hidden;\n max-width: 100%;\n display: block;\n line-height: 1;\n padding: 0;\n margin: 0 0 3px;\n justify-content: flex-end;\n font-size: 13px;\n color: var(--secondary-color);\n font-weight: bold;\n filter: opacity(0.7);\n font-weight: 700;\n}\n.messenger__message {\n padding: 0;\n margin: 0;\n white-space: pre-wrap;\n line-height: 1.2;\n}\n.messenger__message--file {\n cursor: pointer;\n}\n.messenger__message--file img {\n object-fit: scale-down;\n}\n.messenger__message--bottom {\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: flex-end;\n gap: 5px;\n margin-top: 5px;\n}\n.messenger__message--date {\n font-size: 11.5px;\n padding: 0;\n margin-top: 5px;\n margin-bottom: 0;\n margin-right: 0;\n text-align: right;\n line-height: 14px;\n}\n.messenger__message-empty {\n width: 100%;\n margin-top: 40px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n}\n.messenger__message-empty p {\n text-align: center;\n}\n@media only screen and (max-width: 576px) {\n .messenger__message-avatar {\n display: none;\n }\n}\n.messenger__messages-send {\n border-radius: 0 0 20px 0;\n border-top: 0;\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n@media only screen and (max-width: 992px) {\n .messenger__messages-send {\n border-radius: 0 0 20px 20px;\n }\n}\n.messenger__messages-send--form {\n align-items: center;\n display: flex;\n gap: 10px;\n width: 100%;\n}\n.messenger__messages-send__input {\n border: 0;\n border-radius: 12px;\n display: flex;\n flex: 1 1 auto;\n height: 50px;\n line-height: 26px;\n max-height: 90px;\n outline: none;\n overflow-y: auto;\n padding: 10px 12px 9px;\n resize: none;\n width: 90%;\n}\n.messenger__messages-send__input--disabled {\n cursor: not-allowed;\n opacity: 0.5;\n}\n.messenger__messages-send__input::placeholder {\n color: #aaaaaa;\n}\n.messenger__messages-send__input-container {\n align-items: center;\n border-radius: 12px;\n display: flex;\n flex: 1 1 auto;\n}\n.messenger__messages-send__button {\n height: 45px !important;\n width: 45px !important;\n border-radius: 50%;\n border: none;\n outline: none;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.messenger__messages-send__button--disabled {\n cursor: not-allowed;\n opacity: 0.5;\n}\n.messenger__messages-send__button:hover {\n opacity: 0.7;\n transition: 200ms;\n}\n.messenger__messages-send--file {\n display: none;\n}\n.messenger__messages-send__attach {\n cursor: pointer;\n width: 40px;\n}\n.messenger__messages-send__attach--disabled {\n cursor: not-allowed;\n}\n.messenger__new-chat-form {\n overflow-y: scroll;\n border-radius: 0 20px 20px 0;\n height: 100%;\n padding: 1rem;\n}\n@media only screen and (max-width: 768px) {\n .messenger__new-chat-form {\n border-radius: 20px !important;\n }\n}\n.messenger__new-chat-form-header {\n display: flex;\n justify-content: space-between;\n margin: 1rem 0;\n}\n.messenger__new-chat-form-title {\n color: #476077;\n margin-right: 1rem;\n}\n.messenger__new-chat-form-close {\n background: none;\n border: none;\n cursor: pointer;\n}\n.messenger__new-chat-fields,\n.messenger__disclaimer {\n margin: 0 1rem;\n}\n.messenger__disclaimer {\n border: solid 1px;\n border-radius: 10px;\n padding: 0.8rem;\n margin-bottom: 1rem;\n}\n.messenger__new-chat-form-send {\n border: none;\n border-radius: 30px;\n cursor: pointer;\n font-weight: bolder;\n margin: 25px 0;\n padding: 0.5rem;\n}\n.messenger__new-chat-form-send:hover {\n opacity: 0.9;\n}\n.messenger__new-chat-form-send--disabled {\n cursor: not-allowed;\n background-color: #ccc;\n}\n.messenger__buttons-container {\n display: flex;\n flex-direction: column;\n padding-top: 1rem;\n width: 100%;\n}\n.messenger__chat-button {\n border: none;\n border-radius: 30px;\n color: var(--secondary-color);\n cursor: pointer;\n font-size: 1rem;\n font-weight: bold;\n margin: 0.5rem 1rem;\n padding: 0.5rem;\n}\n.messenger__chat-button--disabled {\n cursor: not-allowed;\n}\n.messenger__input-button {\n border: none;\n border-radius: 30px;\n color: var(--secondary-color);\n font-size: 1rem;\n font-weight: bold;\n margin: 0.5rem 1rem;\n padding: 0.5rem;\n}\n.messenger__input-button-label {\n color: var(--secondary-color);\n font-weight: bold;\n margin: 0rem 1rem;\n}\n.messenger__input-button::-webkit-calendar-picker-indicator {\n filter: invert(1);\n}\n@media only screen and (max-width: 992px) {\n .messenger__mobile-hide {\n display: none !important;\n }\n}\n.styles-module_wrapper__1I_qj {\n z-index: 60 !important;\n background-color: rgba(0, 0, 0, 0.7) !important;\n}\n*,\n::after,\n::before {\n padding: 0;\n margin: 0;\n}\n:root {\n --secondary-color: var(--secondary-color);\n}\n@keyframes spin {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n",".form-select {\n margin-bottom: 1rem;\n width: 100%;\n\n &__label {\n color: @title-form-color;\n font-weight: bold;\n margin: 0.5rem;\n }\n\n &__input {\n border: 1.5px solid hsl(0, 0%, 80%);\n border-radius: 4px;\n margin-top: 0.5rem;\n padding: 8px 8px;\n width: 100%;\n\n &:focus {\n outline: #2684ff 2px solid !important;\n }\n }\n}\n",".text-area {\n margin-bottom: 1rem;\n width: 100%;\n\n &__label {\n color: @title-form-color;\n font-weight: bold;\n margin: 0.5rem;\n }\n\n &__input {\n border: 1.5px solid hsl(0, 0%, 80%);\n border-radius: 4px;\n margin-top: 0.5rem;\n padding: 4px 8px;\n width: 100%;\n\n &:focus {\n outline: #2684ff 2px solid !important;\n }\n }\n}\n",".file-input {\n margin-bottom: 1rem;\n width: 100%;\n\n &__label {\n color: @title-form-color;\n font-weight: bold;\n margin: 0.5rem;\n }\n\n &__container {\n align-items: center;\n background-color: var(--secondary-color);\n border-radius: 10px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n margin-top: 0.5rem;\n padding: 1rem;\n width: 100%;\n }\n\n &__button {\n border: none;\n border-radius: 30px;\n color: var(--secondary-color);\n cursor: pointer;\n font-size: 1rem;\n font-weight: bold;\n margin: 0.5rem 1rem;\n padding: 0.5rem;\n }\n\n &__list {\n align-items: center;\n background-color: var(--secondary-color);\n border-radius: 10px;\n display: flex;\n justify-content: space-between;\n margin: 0.5rem 0;\n padding: 0.5rem;\n\n &--file-name {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n max-width: 100%;\n }\n }\n\n &__delete {\n align-items: center;\n background: transparent;\n border: none;\n cursor: pointer;\n display: flex;\n justify-content: center;\n }\n}\n",".input-search {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n margin: 1rem 0;\n position: relative;\n\n &__select {\n border-radius: 30px 0 0 30px;\n padding: 10px;\n background: transparent;\n margin-left: 1rem;\n width: 30%;\n }\n\n &__option {\n color: black;\n }\n\n &__search {\n width: 70%;\n margin-right: 1rem;\n border-radius: 0 30px 30px 0;\n padding: 9px;\n color: var(--secondary-color);\n border: var(--secondary-color) 1px solid;\n background: transparent;\n position: relative;\n\n &::placeholder {\n color: var(--secondary-color);\n opacity: 60%;\n }\n }\n\n &__icon {\n border: none;\n background: transparent;\n position: absolute;\n right: 2rem;\n display: flex;\n cursor: pointer;\n }\n}\n",".chat-tabs {\n display: flex;\n justify-content: center;\n align-items: center;\n &__button {\n background: transparent;\n border: none;\n border-bottom: 1px solid transparent;\n cursor: pointer;\n padding: 0.5rem 1rem;\n margin-bottom: 0.5rem;\n\n &--active {\n border-bottom: 1px solid var(--secondary-color);\n transition: 0.5s;\n }\n }\n}\n",".messenger {\n &__messages-row--sender {\n display: flex;\n justify-content: flex-end;\n margin: 10px 0;\n }\n\n &__messages-sender {\n max-width: 80%;\n padding: 10px;\n border-radius: 8px;\n font-family: 'Arial', sans-serif;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n }\n\n &__file-card {\n display: flex;\n align-items: center;\n background: rgba(0, 0, 0, 0.1);\n border-radius: 8px;\n padding: 10px;\n }\n\n &__file-icon {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 4px;\n margin-right: 10px;\n }\n\n &__file-details {\n flex-grow: 1;\n margin-right: 10px;\n }\n\n &__file-name {\n font-weight: bold;\n font-size: 14px;\n margin: 0;\n }\n\n &__file-info {\n font-size: 12px;\n color: rgba(255, 255, 255, 0.8);\n }\n\n &__file-download {\n font-size: 12px;\n text-decoration: none;\n }\n\n &__file-download:hover {\n text-decoration: underline;\n }\n\n &__message--bottom {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-top: 5px;\n }\n\n &__message--date {\n font-size: 12px;\n color: rgba(255, 255, 255, 0.8);\n }\n}\n",".tooltip {\n position: relative;\n display: inline-block;\n}\n\n.tooltip__text {\n visibility: hidden;\n background-color: black;\n color: #fff;\n text-align: center;\n border-radius: 5px;\n padding: 5px;\n position: absolute;\n z-index: 1;\n bottom: 125%;\n left: -40%;\n margin-left: -60px;\n opacity: 0;\n transition:\n opacity 0.3s,\n visibility 0.3s;\n}\n\n.tooltip:hover .tooltip__text {\n visibility: visible;\n opacity: 1;\n}\n","@import '../components/ImagesContainer/ImagesContainer';\n@import '../components/Select/Select.less';\n@import '../components/TextArea/Textarea.less';\n@import '../components/InputFile/inputFile.less';\n@import '../components/SearchInput/SearchInput.less';\n@import '../components/ChatTabs/ChatTabs.less';\n@import '../components/DocMessage/DocMessage.less';\n@import '../components/Tooltip/Tooltip.less';\n\n@buttons-container-height: 10rem;\n\n.messenger {\n &__aside {\n width: 30% !important;\n\n @media @tab-xl {\n min-width: 300px;\n }\n\n @media @tab-lg {\n border-radius: 20px !important;\n width: 100% !important;\n }\n\n display: flex;\n align-items: center;\n flex-direction: column;\n }\n\n &__aside-skeleton {\n background-color: @component-background;\n border: 0;\n min-height: 75px;\n width: 100% !important;\n }\n\n &__aside-empty {\n width: 100%;\n margin-top: 40px;\n\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n\n & path {\n fill: var(--secondary-color);\n }\n\n & p {\n text-align: center;\n }\n }\n\n &__aside-header {\n width: 100% !important;\n padding: 0 15px;\n }\n\n &__scroll-content {\n overflow-y: auto;\n margin-bottom: 0.5rem;\n }\n\n &__aside-list {\n width: 100% !important;\n padding: 0 10px 10px 10px;\n\n height: 100%;\n overflow-y: auto;\n overflow-x: hidden;\n\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: center;\n\n & > .ant-ribbon-wrapper {\n width: 100%;\n\n & .ant-ribbon {\n z-index: -1;\n top: 0;\n }\n }\n }\n\n &__aside-item-container {\n min-width: 100%;\n position: relative;\n }\n\n &__active-badge {\n z-index: 15 !important;\n }\n\n &__aside-protocol {\n position: absolute;\n right: 0;\n top: 0;\n border-radius: 10px;\n background-color: var(--secondary-color);\n padding: 0 0.5rem;\n font-size: 0.6rem;\n }\n\n &__aside-timer {\n align-items: center;\n display: flex;\n font-size: 12px;\n }\n\n &__aside-list-item {\n border-radius: 0;\n cursor: pointer;\n display: flex;\n flex-direction: row;\n height: 72px;\n padding: 5px 10px;\n width: 100% !important;\n\n &:hover {\n background: @component-background;\n border-radius: 0;\n }\n\n &--avatar {\n align-items: center;\n background: @secondary-bg-color-chat;\n border-radius: 50%;\n color: @messenger-primary-color;\n display: flex;\n flex: 0 0 auto;\n font-size: 25px;\n font-weight: bold;\n height: 50px;\n justify-content: center;\n line-height: 2.2;\n margin: auto 10px auto 0;\n text-transform: uppercase;\n user-select: none;\n width: 50px;\n\n @media @tab-xl {\n height: 45px;\n width: 45px;\n }\n\n & img {\n height: 54px;\n width: 54px;\n border-radius: 50%;\n }\n }\n\n &--info,\n &--additional {\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n height: 100%;\n }\n\n &--info {\n max-width: 120px;\n min-width: 120px;\n\n @media @desktop-xxl {\n max-width: 140px;\n min-width: 140px;\n }\n\n @media @tab-lg {\n max-width: 65%;\n min-width: 65%;\n }\n\n @media @phone-sm {\n max-width: 120px;\n min-width: 120px;\n }\n }\n\n &--additional {\n align-items: flex-end;\n font-size: 11px;\n margin-left: 5px;\n width: 100%;\n }\n\n &--unread {\n background-color: @messenger-primary-color;\n border-radius: 50%;\n width: 20px;\n height: 20px;\n text-align: center;\n\n .flex-full-center();\n }\n\n &--title,\n &--description {\n line-height: 1;\n overflow: hidden;\n margin: 0;\n max-width: 160px;\n text-overflow: ellipsis;\n white-space: nowrap;\n width: 100%;\n }\n\n &--title {\n font-weight: bold;\n font-size: 14px;\n }\n\n &--description {\n font-size: 12px;\n }\n }\n\n &__messages {\n width: 70% !important;\n\n display: flex;\n flex-direction: column;\n justify-content: space-evenly;\n\n @media @tab-lg {\n width: 100% !important;\n }\n }\n\n &__messages-header,\n &__messages-send {\n padding: 5px;\n min-height: 10%;\n width: 100%;\n }\n\n &__messages-header {\n @media @tab-lg {\n border-radius: @border-radius @border-radius 0 0;\n }\n\n border-radius: 0 @border-radius 0 0;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n }\n\n &__messages-container {\n max-height: 80%;\n height: 100%;\n padding: 0 24px;\n overflow: auto;\n overflow-x: hidden;\n scroll-behavior: auto;\n background-color: @card-background;\n\n &--empty {\n width: 100%;\n height: 100%;\n border-radius: 0 @border-radius @border-radius 0;\n background-color: @card-background;\n\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n\n & path {\n fill: @messenger-primary-color;\n }\n\n & p {\n text-align: center;\n margin-top: 24px;\n }\n }\n }\n\n &__messages-loading {\n width: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n margin-top: 10px;\n\n & div {\n animation: spin 1s infinite linear;\n border-left: 2px solid var(--secondary-color);\n border-radius: 50%;\n height: 25px;\n margin-bottom: 10px;\n width: 25px;\n }\n }\n\n &__messages-row--sender,\n &__messages-row--received,\n &__messages-row--system {\n width: 100%;\n height: fit-content;\n margin: 10px 0;\n display: flex;\n align-items: center;\n }\n\n &__messages-row--sender {\n justify-content: flex-end;\n }\n\n &__messages-row--received {\n justify-content: flex-start;\n }\n\n &__messages-row--system {\n justify-content: center;\n }\n\n &__messages-received,\n &__messages-sender {\n min-width: 75px;\n width: fit-content;\n padding: 10px;\n\n & > span {\n color: var(--secondary-color);\n overflow-wrap: break-word;\n word-break: break-word;\n width: 200px;\n }\n }\n\n &__messages-received {\n max-width: 500px;\n background-color: @grey-2;\n border-radius: 12px 12px 12px 0;\n\n &--system {\n border-radius: 12px;\n }\n }\n\n &__messages-sender {\n max-width: 450px;\n margin-top: -2px;\n background-color: @messenger-primary-color;\n border-radius: 12px 12px 0 12px;\n }\n\n &__message-title {\n max-width: 100%;\n white-space: nowrap;\n overflow: hidden;\n max-width: 100%;\n display: block;\n\n line-height: 1;\n padding: 0;\n margin: 0 0 3px;\n justify-content: flex-end;\n font-size: 13px;\n color: var(--secondary-color);\n font-weight: bold;\n filter: opacity(0.7);\n font-weight: 700;\n }\n\n &__message {\n padding: 0;\n margin: 0;\n white-space: pre-wrap;\n line-height: 1.2;\n\n &--file {\n cursor: pointer;\n\n img {\n object-fit: scale-down;\n }\n }\n\n &--bottom {\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: flex-end;\n gap: 5px;\n margin-top: 5px;\n }\n\n &--date {\n font-size: 11.5px;\n padding: 0;\n margin-top: 5px;\n margin-bottom: 0;\n margin-right: 0;\n text-align: right;\n line-height: 14px;\n }\n }\n\n &__message-empty {\n width: 100%;\n margin-top: 40px;\n\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n\n & p {\n text-align: center;\n }\n }\n\n &__message-avatar {\n @media @phone-sm {\n display: none;\n }\n }\n\n &__messages-send {\n border-radius: 0 0 @border-radius 0;\n border-top: 0;\n\n @media @tab-lg {\n border-radius: 0 0 @border-radius @border-radius;\n }\n\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n\n &--form {\n align-items: center;\n display: flex;\n gap: 10px;\n width: 100%;\n }\n\n &__input {\n border: 0;\n border-radius: 12px;\n display: flex;\n flex: 1 1 auto;\n height: 50px;\n line-height: 26px;\n max-height: 90px;\n outline: none;\n overflow-y: auto;\n padding: 10px 12px 9px;\n resize: none;\n width: 90%;\n\n &--disabled {\n cursor: not-allowed;\n opacity: 0.5;\n }\n\n &::placeholder {\n color: @border-color;\n }\n }\n\n &__input-container {\n align-items: center;\n border-radius: 12px;\n display: flex;\n flex: 1 1 auto;\n }\n\n &__button {\n height: 45px !important;\n width: 45px !important;\n border-radius: 50%;\n border: none;\n outline: none;\n cursor: pointer;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n &--disabled {\n cursor: not-allowed;\n opacity: 0.5;\n }\n\n &:hover {\n opacity: 0.7;\n transition: 200ms;\n }\n }\n\n &--file {\n display: none;\n }\n\n &__attach {\n cursor: pointer;\n width: 40px;\n\n &--disabled {\n cursor: not-allowed;\n }\n }\n }\n\n &__new-chat-form {\n overflow-y: scroll;\n border-radius: 0 20px 20px 0;\n height: 100%;\n padding: 1rem;\n\n @media @tab-md {\n border-radius: 20px !important;\n }\n }\n\n &__new-chat-form-header {\n display: flex;\n justify-content: space-between;\n margin: 1rem 0;\n }\n\n &__new-chat-form-title {\n color: @title-form-color;\n margin-right: 1rem;\n }\n\n &__new-chat-form-close {\n background: none;\n border: none;\n cursor: pointer;\n }\n\n &__new-chat-fields,\n &__disclaimer {\n margin: 0 1rem;\n }\n\n &__disclaimer {\n border: solid 1px;\n border-radius: 10px;\n padding: 0.8rem;\n margin-bottom: 1rem;\n }\n\n &__new-chat-form-send {\n border: none;\n border-radius: 30px;\n cursor: pointer;\n font-weight: bolder;\n margin: 25px 0;\n padding: 0.5rem;\n\n &:hover {\n opacity: 0.9;\n }\n &--disabled {\n cursor: not-allowed;\n background-color: #ccc;\n }\n }\n\n &__buttons-container {\n display: flex;\n flex-direction: column;\n padding-top: 1rem;\n width: 100%;\n }\n\n &__chat-button {\n border: none;\n border-radius: 30px;\n color: var(--secondary-color);\n cursor: pointer;\n font-size: 1rem;\n font-weight: bold;\n margin: 0.5rem 1rem;\n padding: 0.5rem;\n }\n\n &__chat-button--disabled {\n cursor: not-allowed;\n }\n\n &__input-button {\n border: none;\n border-radius: 30px;\n color: var(--secondary-color);\n font-size: 1rem;\n font-weight: bold;\n margin: 0.5rem 1rem;\n padding: 0.5rem;\n }\n\n &__input-button-label {\n color: var(--secondary-color);\n font-weight: bold;\n margin: 0rem 1rem;\n }\n\n &__input-button::-webkit-calendar-picker-indicator {\n filter: invert(1);\n }\n\n &__mobile-hide {\n @media @tab-lg {\n display: none !important;\n }\n }\n}\n\n.styles-module_wrapper__1I_qj {\n z-index: 60 !important;\n background-color: rgba(0, 0, 0, 70%) !important;\n}\n",".flex-full-center() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n","*,\n::after,\n::before {\n padding: 0;\n margin: 0;\n}\n","// ANTD MEDIA QUERIES\n@phone-xs: ~'only screen and (max-width: 480px)';\n@phone-sm: ~'only screen and (max-width: 576px)';\n@tab-md: ~'only screen and (max-width: 768px)';\n@tab-lg: ~'only screen and (max-width: 992px)';\n@tab-lg-min: ~'only screen and (min-width: 992px)';\n@tab-xl: ~'only screen and (max-width: 1200px)';\n\n// [1200 - 1600] - normal style //\n@desktop-xxl: ~'only screen and (min-width: 1600px)';\n\n@grey-1: #94989d;\n@grey-2: #707070;\n@border-color: #aaaaaa;\n@messenger-primary-color: #00a73e;\n@messenger-messages-bg: #eeeeee;\n@secondary-bg-color-chat: #484c52;\n@card-background: #dddddd;\n@upload-file-icon-color: #8696a0;\n@border-radius: 20px;\n@body-background: blue;\n@component-background: #232831;\n@full-content-height: calc(100vh - 23px);\n@title-form-color: #476077;\n@border-radius: 20px;\n@document-message-bg: #34c759;\n@text-color-white: #ffffff;\n\n:root {\n --secondary-color: var(--secondary-color);\n}\n","@keyframes spin {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n"],"sourceRoot":""}]);
21
+ ___CSS_LOADER_EXPORT___.push([module.id, ".images-container {\n width: 100%;\n height: 90%;\n border: 2px solid #484c52;\n background-color: #232831;\n border-bottom: none;\n border-radius: 0 20px 0 0;\n}\n@media only screen and (max-width: 768px) {\n .images-container {\n border-radius: 20px 20px 0 0 !important;\n }\n}\n.images-container__close {\n width: 100%;\n position: relative;\n margin-top: 15px;\n display: flex;\n justify-content: flex-end;\n align-items: center;\n}\n.images-container__close--icon {\n width: 32px;\n height: 32px;\n cursor: pointer;\n background-color: transparent;\n outline: none;\n border: none;\n}\n.images-container__close--icon:hover {\n opacity: 75%;\n transition: 200ms;\n}\n.images-container__close--icon::before,\n.images-container__close--icon::after {\n position: absolute;\n right: 25px;\n top: 0;\n content: ' ';\n height: 33px;\n width: 2px;\n background-color: red;\n}\n.images-container__close--icon:after {\n transform: rotate(45deg);\n}\n.images-container__close--icon:before {\n transform: rotate(-45deg);\n}\n.images-container__container {\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: #476077;\n}\n.images-container__image {\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 100%;\n padding: 0 10px;\n max-width: 700px;\n max-height: 300px;\n}\n.images-container__title-img {\n width: 100%;\n text-align: center;\n word-wrap: break-word;\n}\n.form-select {\n margin-bottom: 1rem;\n width: 100%;\n}\n.form-select__label {\n color: #476077;\n font-weight: bold;\n margin: 0.5rem;\n}\n.form-select__input {\n border: 1.5px solid hsl(0, 0%, 80%);\n border-radius: 4px;\n margin-top: 0.5rem;\n padding: 8px 8px;\n width: 100%;\n}\n.form-select__input:focus {\n outline: #2684ff 2px solid !important;\n}\n.text-area {\n margin-bottom: 1rem;\n width: 100%;\n}\n.text-area__label {\n color: #476077;\n font-weight: bold;\n margin: 0.5rem;\n}\n.text-area__input {\n border: 1.5px solid hsl(0, 0%, 80%);\n border-radius: 4px;\n margin-top: 0.5rem;\n padding: 4px 8px;\n width: 100%;\n}\n.text-area__input:focus {\n outline: #2684ff 2px solid !important;\n}\n.file-input {\n margin-bottom: 1rem;\n width: 100%;\n}\n.file-input__label {\n color: #476077;\n font-weight: bold;\n margin: 0.5rem;\n}\n.file-input__container {\n align-items: center;\n background-color: var(--secondary-color);\n border-radius: 10px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n margin-top: 0.5rem;\n padding: 1rem;\n width: 100%;\n}\n.file-input__button {\n border: none;\n border-radius: 30px;\n color: var(--secondary-color);\n cursor: pointer;\n font-size: 1rem;\n font-weight: bold;\n margin: 0.5rem 1rem;\n padding: 0.5rem;\n}\n.file-input__list {\n align-items: center;\n background-color: var(--secondary-color);\n border-radius: 10px;\n display: flex;\n justify-content: space-between;\n margin: 0.5rem 0;\n padding: 0.5rem;\n}\n.file-input__list--file-name {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n max-width: 100%;\n}\n.file-input__delete {\n align-items: center;\n background: transparent;\n border: none;\n cursor: pointer;\n display: flex;\n justify-content: center;\n}\n.input-search {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n margin: 1rem 0;\n position: relative;\n}\n.input-search__select {\n border-radius: 30px 0 0 30px;\n padding: 10px;\n background: transparent;\n margin-left: 1rem;\n width: 30%;\n}\n.input-search__option {\n color: black;\n}\n.input-search__search {\n width: 70%;\n margin-right: 1rem;\n border-radius: 0 30px 30px 0;\n padding: 9px;\n color: var(--secondary-color);\n border: var(--secondary-color) 1px solid;\n background: transparent;\n position: relative;\n}\n.input-search__search::placeholder {\n color: var(--secondary-color);\n opacity: 60%;\n}\n.input-search__icon {\n border: none;\n background: transparent;\n position: absolute;\n right: 2rem;\n display: flex;\n cursor: pointer;\n}\n.chat-tabs {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.chat-tabs__button {\n background: transparent;\n border: none;\n border-bottom: 1px solid transparent;\n cursor: pointer;\n padding: 0.5rem 1rem;\n margin-bottom: 0.5rem;\n}\n.chat-tabs__button--active {\n border-bottom: 1px solid var(--secondary-color);\n transition: 0.5s;\n}\n.messenger__messages-row--sender {\n display: flex;\n justify-content: flex-end;\n margin: 10px 0;\n}\n.messenger__messages-sender {\n max-width: 80%;\n padding: 10px;\n border-radius: 8px;\n font-family: 'Arial', sans-serif;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n}\n.messenger__file-card {\n display: flex;\n align-items: center;\n background: rgba(0, 0, 0, 0.1);\n border-radius: 8px;\n padding: 10px;\n}\n.messenger__file-icon {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 4px;\n margin-right: 10px;\n}\n.messenger__file-details {\n flex-grow: 1;\n margin-right: 10px;\n}\n.messenger__file-name {\n font-weight: bold;\n font-size: 14px;\n margin: 0;\n}\n.messenger__file-info {\n font-size: 12px;\n color: rgba(255, 255, 255, 0.8);\n}\n.messenger__file-download {\n font-size: 12px;\n text-decoration: none;\n}\n.messenger__file-download:hover {\n text-decoration: underline;\n}\n.messenger__message--bottom {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-top: 5px;\n}\n.messenger__message--date {\n font-size: 12px;\n color: rgba(255, 255, 255, 0.8);\n}\n.tooltip {\n position: relative;\n display: inline-block;\n}\n.tooltip__text {\n visibility: hidden;\n background-color: black;\n color: #fff;\n text-align: center;\n border-radius: 5px;\n padding: 5px;\n position: absolute;\n z-index: 1;\n bottom: 125%;\n left: -40%;\n margin-left: -60px;\n opacity: 0;\n transition: opacity 0.3s, visibility 0.3s;\n}\n.tooltip:hover .tooltip__text {\n visibility: visible;\n opacity: 1;\n}\n.messenger__aside {\n width: 30% !important;\n display: flex;\n align-items: center;\n flex-direction: column;\n}\n@media only screen and (max-width: 1200px) {\n .messenger__aside {\n min-width: 300px;\n }\n}\n@media only screen and (max-width: 992px) {\n .messenger__aside {\n border-radius: 20px !important;\n width: 100% !important;\n }\n}\n.messenger__aside-skeleton {\n background-color: #232831;\n border: 0;\n min-height: 75px;\n width: 100% !important;\n}\n.messenger__aside-empty {\n width: 100%;\n margin-top: 40px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n}\n.messenger__aside-empty path {\n fill: var(--secondary-color);\n}\n.messenger__aside-empty p {\n text-align: center;\n}\n.messenger__aside-header {\n width: 100% !important;\n padding: 0 15px;\n}\n.messenger__scroll-content {\n overflow-y: auto;\n margin-bottom: 0.5rem;\n}\n.messenger__aside-list {\n width: 100% !important;\n padding: 0 10px 10px 10px;\n height: 100%;\n overflow-y: auto;\n overflow-x: hidden;\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: center;\n}\n.messenger__aside-list > .ant-ribbon-wrapper {\n width: 100%;\n}\n.messenger__aside-list > .ant-ribbon-wrapper .ant-ribbon {\n z-index: -1;\n top: 0;\n}\n.messenger__aside-item-container {\n min-width: 100%;\n position: relative;\n}\n.messenger__active-badge {\n z-index: 15 !important;\n}\n.messenger__aside-protocol {\n position: absolute;\n right: 0;\n top: 0;\n border-radius: 10px;\n background-color: var(--secondary-color);\n padding: 0 0.5rem;\n font-size: 0.6rem;\n}\n.messenger__aside-timer {\n align-items: center;\n display: flex;\n font-size: 12px;\n}\n.messenger__aside-list-item {\n border-radius: 0;\n cursor: pointer;\n display: flex;\n flex-direction: row;\n height: 72px;\n padding: 5px 10px;\n width: 100% !important;\n}\n.messenger__aside-list-item:hover {\n background: #232831;\n border-radius: 0;\n}\n.messenger__aside-list-item--avatar {\n align-items: center;\n background: #484c52;\n border-radius: 50%;\n color: #00a73e;\n display: flex;\n flex: 0 0 auto;\n font-size: 25px;\n font-weight: bold;\n height: 50px;\n justify-content: center;\n line-height: 2.2;\n margin: auto 10px auto 0;\n text-transform: uppercase;\n user-select: none;\n width: 50px;\n}\n@media only screen and (max-width: 1200px) {\n .messenger__aside-list-item--avatar {\n height: 45px;\n width: 45px;\n }\n}\n.messenger__aside-list-item--avatar img {\n height: 54px;\n width: 54px;\n border-radius: 50%;\n}\n.messenger__aside-list-item--info,\n.messenger__aside-list-item--additional {\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n height: 100%;\n}\n.messenger__aside-list-item--info {\n max-width: 120px;\n min-width: 120px;\n}\n@media only screen and (min-width: 1600px) {\n .messenger__aside-list-item--info {\n max-width: 140px;\n min-width: 140px;\n }\n}\n@media only screen and (max-width: 992px) {\n .messenger__aside-list-item--info {\n max-width: 65%;\n min-width: 65%;\n }\n}\n@media only screen and (max-width: 576px) {\n .messenger__aside-list-item--info {\n max-width: 120px;\n min-width: 120px;\n }\n}\n.messenger__aside-list-item--additional {\n align-items: flex-end;\n font-size: 11px;\n margin-left: 5px;\n width: 100%;\n}\n.messenger__aside-list-item--unread {\n background-color: #00a73e;\n border-radius: 50%;\n width: 20px;\n height: 20px;\n text-align: center;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.messenger__aside-list-item--title,\n.messenger__aside-list-item--description {\n line-height: 1;\n overflow: hidden;\n margin: 0;\n max-width: 160px;\n text-overflow: ellipsis;\n white-space: nowrap;\n width: 100%;\n}\n.messenger__aside-list-item--title {\n font-weight: bold;\n font-size: 14px;\n}\n.messenger__aside-list-item--description {\n font-size: 12px;\n}\n.messenger__messages {\n width: 70% !important;\n height: 100%;\n max-height: 100%;\n min-height: 0;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n}\n@media only screen and (max-width: 992px) {\n .messenger__messages {\n width: 100% !important;\n }\n}\n.messenger__messages-header,\n.messenger__messages-send {\n padding: 5px;\n min-height: 10%;\n width: 100%;\n flex-shrink: 0;\n}\n.messenger__messages-header {\n border-radius: 0 20px 0 0;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n}\n@media only screen and (max-width: 992px) {\n .messenger__messages-header {\n border-radius: 20px 20px 0 0;\n }\n}\n.messenger__messages-container {\n flex: 1 1 auto;\n min-height: 0;\n height: auto;\n max-height: none;\n padding: 0 24px;\n overflow: auto;\n overflow-x: hidden;\n scroll-behavior: auto;\n background-color: #dddddd;\n}\n.messenger__messages-container--empty {\n width: 100%;\n height: 100%;\n border-radius: 0 20px 20px 0;\n background-color: #dddddd;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n.messenger__messages-container--empty path {\n fill: #00a73e;\n}\n.messenger__messages-container--empty p {\n text-align: center;\n margin-top: 24px;\n}\n.messenger__messages-loading {\n width: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n margin-top: 10px;\n}\n.messenger__messages-loading div {\n animation: spin 1s infinite linear;\n border-left: 2px solid var(--secondary-color);\n border-radius: 50%;\n height: 25px;\n margin-bottom: 10px;\n width: 25px;\n}\n.messenger__messages-row--sender,\n.messenger__messages-row--received,\n.messenger__messages-row--system {\n width: 100%;\n height: fit-content;\n margin: 10px 0;\n display: flex;\n align-items: center;\n}\n.messenger__messages-row--sender {\n justify-content: flex-end;\n}\n.messenger__messages-row--received {\n justify-content: flex-start;\n}\n.messenger__messages-row--system {\n justify-content: center;\n}\n.messenger__messages-received,\n.messenger__messages-sender {\n min-width: 75px;\n width: fit-content;\n padding: 10px;\n}\n.messenger__messages-received > span,\n.messenger__messages-sender > span {\n color: var(--secondary-color);\n overflow-wrap: break-word;\n word-break: break-word;\n width: 200px;\n}\n.messenger__messages-received {\n max-width: 500px;\n background-color: #707070;\n border-radius: 12px 12px 12px 0;\n}\n.messenger__messages-received--system {\n border-radius: 12px;\n}\n.messenger__messages-sender {\n max-width: 450px;\n margin-top: -2px;\n background-color: #00a73e;\n border-radius: 12px 12px 0 12px;\n}\n.messenger__message-title {\n white-space: nowrap;\n overflow: hidden;\n max-width: 100%;\n display: block;\n line-height: 1;\n padding: 0;\n margin: 0 0 3px;\n justify-content: flex-end;\n font-size: 13px;\n color: var(--secondary-color);\n font-weight: bold;\n filter: opacity(0.7);\n font-weight: 700;\n}\n.messenger__message {\n padding: 0;\n margin: 0;\n white-space: pre-wrap;\n line-height: 1.2;\n}\n.messenger__message--file {\n cursor: pointer;\n}\n.messenger__message--file img {\n object-fit: scale-down;\n}\n.messenger__message--bottom {\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: flex-end;\n gap: 5px;\n margin-top: 5px;\n}\n.messenger__message--date {\n font-size: 11.5px;\n padding: 0;\n margin-top: 5px;\n margin-bottom: 0;\n margin-right: 0;\n text-align: right;\n line-height: 14px;\n}\n.messenger__message-empty {\n width: 100%;\n margin-top: 40px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n}\n.messenger__message-empty p {\n text-align: center;\n}\n@media only screen and (max-width: 576px) {\n .messenger__message-avatar {\n display: none;\n }\n}\n.messenger__messages-send {\n border-radius: 0 0 20px 0;\n border-top: 0;\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n@media only screen and (max-width: 992px) {\n .messenger__messages-send {\n border-radius: 0 0 20px 20px;\n }\n}\n.messenger__messages-send--form {\n align-items: center;\n display: flex;\n gap: 10px;\n width: 100%;\n}\n.messenger__messages-send__input {\n border: 0;\n border-radius: 12px;\n display: flex;\n flex: 1 1 auto;\n height: 50px;\n line-height: 26px;\n max-height: 90px;\n outline: none;\n overflow-y: auto;\n padding: 10px 12px 9px;\n resize: none;\n width: 90%;\n}\n.messenger__messages-send__input--disabled {\n cursor: not-allowed;\n opacity: 0.5;\n}\n.messenger__messages-send__input::placeholder {\n color: #aaaaaa;\n}\n.messenger__messages-send__input-container {\n align-items: center;\n border-radius: 12px;\n display: flex;\n flex: 1 1 auto;\n}\n.messenger__messages-send__button {\n height: 45px !important;\n width: 45px !important;\n border-radius: 50%;\n border: none;\n outline: none;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.messenger__messages-send__button--disabled {\n cursor: not-allowed;\n opacity: 0.5;\n}\n.messenger__messages-send__button:hover {\n opacity: 0.7;\n transition: 200ms;\n}\n.messenger__messages-send--file {\n display: none;\n}\n.messenger__messages-send__attach {\n cursor: pointer;\n width: 40px;\n}\n.messenger__messages-send__attach--disabled {\n cursor: not-allowed;\n}\n.messenger__new-chat-form {\n overflow-y: scroll;\n border-radius: 0 20px 20px 0;\n height: 100%;\n padding: 1rem;\n}\n@media only screen and (max-width: 768px) {\n .messenger__new-chat-form {\n border-radius: 20px !important;\n }\n}\n.messenger__new-chat-form-header {\n display: flex;\n justify-content: space-between;\n margin: 1rem 0;\n}\n.messenger__new-chat-form-title {\n color: #476077;\n margin-right: 1rem;\n}\n.messenger__new-chat-form-close {\n background: none;\n border: none;\n cursor: pointer;\n}\n.messenger__new-chat-fields,\n.messenger__disclaimer {\n margin: 0 1rem;\n}\n.messenger__disclaimer {\n border: solid 1px;\n border-radius: 10px;\n padding: 0.8rem;\n margin-bottom: 1rem;\n}\n.messenger__new-chat-form-send {\n border: none;\n border-radius: 30px;\n cursor: pointer;\n font-weight: bolder;\n margin: 25px 0;\n padding: 0.5rem;\n}\n.messenger__new-chat-form-send:hover {\n opacity: 0.9;\n}\n.messenger__new-chat-form-send--disabled {\n cursor: not-allowed;\n background-color: #ccc;\n}\n.messenger__buttons-container {\n display: flex;\n flex-direction: column;\n padding-top: 1rem;\n width: 100%;\n}\n.messenger__chat-button {\n border: none;\n border-radius: 30px;\n color: var(--secondary-color);\n cursor: pointer;\n font-size: 1rem;\n font-weight: bold;\n margin: 0.5rem 1rem;\n padding: 0.5rem;\n}\n.messenger__chat-button--disabled {\n cursor: not-allowed;\n}\n.messenger__input-button {\n border: none;\n border-radius: 30px;\n color: var(--secondary-color);\n font-size: 1rem;\n font-weight: bold;\n margin: 0.5rem 1rem;\n padding: 0.5rem;\n}\n.messenger__input-button-label {\n color: var(--secondary-color);\n font-weight: bold;\n margin: 0rem 1rem;\n}\n.messenger__input-button::-webkit-calendar-picker-indicator {\n filter: invert(1);\n}\n@media only screen and (max-width: 992px) {\n .messenger__mobile-hide {\n display: none !important;\n }\n}\n.styles-module_wrapper__1I_qj {\n z-index: 60 !important;\n background-color: rgba(0, 0, 0, 0.7) !important;\n}\n*,\n::after,\n::before {\n padding: 0;\n margin: 0;\n}\n:root {\n --secondary-color: var(--secondary-color);\n}\n@keyframes spin {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n", "",{"version":3,"sources":["webpack://./src/app/Messenger/components/ImagesContainer/ImagesContainer.less","webpack://./src/styles/index.less","webpack://./src/app/Messenger/components/Select/Select.less","webpack://./src/app/Messenger/components/TextArea/Textarea.less","webpack://./src/app/Messenger/components/InputFile/inputFile.less","webpack://./src/app/Messenger/components/SearchInput/SearchInput.less","webpack://./src/app/Messenger/components/ChatTabs/ChatTabs.less","webpack://./src/app/Messenger/components/DocMessage/DocMessage.less","webpack://./src/app/Messenger/components/Tooltip/Tooltip.less","webpack://./src/app/Messenger/views/Messenger.less","webpack://./src/styles/abstracts/mixins.less","webpack://./src/styles/base/base.less","webpack://./src/styles/abstracts/variables.less","webpack://./src/styles/abstracts/animations.less"],"names":[],"mappings":"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","sourcesContent":[".images-container {\n width: 100%;\n height: 90%;\n border: 2px solid @secondary-bg-color-chat;\n background-color: @component-background;\n border-bottom: none;\n border-radius: 0 @border-radius 0 0;\n @media @tab-md {\n border-radius: @border-radius @border-radius 0 0 !important;\n }\n\n &__close {\n width: 100%;\n position: relative;\n margin-top: 15px;\n display: flex;\n justify-content: flex-end;\n align-items: center;\n\n &--icon {\n width: 32px;\n height: 32px;\n cursor: pointer;\n background-color: transparent;\n outline: none;\n border: none;\n\n &:hover {\n opacity: 75%;\n transition: 200ms;\n }\n\n &::before,\n &::after {\n position: absolute;\n right: 25px;\n top: 0;\n content: ' ';\n height: 33px;\n width: 2px;\n background-color: red;\n }\n\n &:after {\n transform: rotate(45deg);\n }\n\n &:before {\n transform: rotate(-45deg);\n }\n }\n }\n\n &__container {\n width: 100%;\n height: 100%;\n\n display: flex;\n align-items: center;\n justify-content: center;\n color: @title-form-color;\n }\n\n &__image {\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 100%;\n padding: 0 10px;\n max-width: 700px;\n max-height: 300px;\n }\n\n &__title-img {\n width: 100%;\n text-align: center;\n word-wrap: break-word;\n }\n}\n",".images-container {\n width: 100%;\n height: 90%;\n border: 2px solid #484c52;\n background-color: #232831;\n border-bottom: none;\n border-radius: 0 20px 0 0;\n}\n@media only screen and (max-width: 768px) {\n .images-container {\n border-radius: 20px 20px 0 0 !important;\n }\n}\n.images-container__close {\n width: 100%;\n position: relative;\n margin-top: 15px;\n display: flex;\n justify-content: flex-end;\n align-items: center;\n}\n.images-container__close--icon {\n width: 32px;\n height: 32px;\n cursor: pointer;\n background-color: transparent;\n outline: none;\n border: none;\n}\n.images-container__close--icon:hover {\n opacity: 75%;\n transition: 200ms;\n}\n.images-container__close--icon::before,\n.images-container__close--icon::after {\n position: absolute;\n right: 25px;\n top: 0;\n content: ' ';\n height: 33px;\n width: 2px;\n background-color: red;\n}\n.images-container__close--icon:after {\n transform: rotate(45deg);\n}\n.images-container__close--icon:before {\n transform: rotate(-45deg);\n}\n.images-container__container {\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: #476077;\n}\n.images-container__image {\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 100%;\n padding: 0 10px;\n max-width: 700px;\n max-height: 300px;\n}\n.images-container__title-img {\n width: 100%;\n text-align: center;\n word-wrap: break-word;\n}\n.form-select {\n margin-bottom: 1rem;\n width: 100%;\n}\n.form-select__label {\n color: #476077;\n font-weight: bold;\n margin: 0.5rem;\n}\n.form-select__input {\n border: 1.5px solid hsl(0, 0%, 80%);\n border-radius: 4px;\n margin-top: 0.5rem;\n padding: 8px 8px;\n width: 100%;\n}\n.form-select__input:focus {\n outline: #2684ff 2px solid !important;\n}\n.text-area {\n margin-bottom: 1rem;\n width: 100%;\n}\n.text-area__label {\n color: #476077;\n font-weight: bold;\n margin: 0.5rem;\n}\n.text-area__input {\n border: 1.5px solid hsl(0, 0%, 80%);\n border-radius: 4px;\n margin-top: 0.5rem;\n padding: 4px 8px;\n width: 100%;\n}\n.text-area__input:focus {\n outline: #2684ff 2px solid !important;\n}\n.file-input {\n margin-bottom: 1rem;\n width: 100%;\n}\n.file-input__label {\n color: #476077;\n font-weight: bold;\n margin: 0.5rem;\n}\n.file-input__container {\n align-items: center;\n background-color: var(--secondary-color);\n border-radius: 10px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n margin-top: 0.5rem;\n padding: 1rem;\n width: 100%;\n}\n.file-input__button {\n border: none;\n border-radius: 30px;\n color: var(--secondary-color);\n cursor: pointer;\n font-size: 1rem;\n font-weight: bold;\n margin: 0.5rem 1rem;\n padding: 0.5rem;\n}\n.file-input__list {\n align-items: center;\n background-color: var(--secondary-color);\n border-radius: 10px;\n display: flex;\n justify-content: space-between;\n margin: 0.5rem 0;\n padding: 0.5rem;\n}\n.file-input__list--file-name {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n max-width: 100%;\n}\n.file-input__delete {\n align-items: center;\n background: transparent;\n border: none;\n cursor: pointer;\n display: flex;\n justify-content: center;\n}\n.input-search {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n margin: 1rem 0;\n position: relative;\n}\n.input-search__select {\n border-radius: 30px 0 0 30px;\n padding: 10px;\n background: transparent;\n margin-left: 1rem;\n width: 30%;\n}\n.input-search__option {\n color: black;\n}\n.input-search__search {\n width: 70%;\n margin-right: 1rem;\n border-radius: 0 30px 30px 0;\n padding: 9px;\n color: var(--secondary-color);\n border: var(--secondary-color) 1px solid;\n background: transparent;\n position: relative;\n}\n.input-search__search::placeholder {\n color: var(--secondary-color);\n opacity: 60%;\n}\n.input-search__icon {\n border: none;\n background: transparent;\n position: absolute;\n right: 2rem;\n display: flex;\n cursor: pointer;\n}\n.chat-tabs {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.chat-tabs__button {\n background: transparent;\n border: none;\n border-bottom: 1px solid transparent;\n cursor: pointer;\n padding: 0.5rem 1rem;\n margin-bottom: 0.5rem;\n}\n.chat-tabs__button--active {\n border-bottom: 1px solid var(--secondary-color);\n transition: 0.5s;\n}\n.messenger__messages-row--sender {\n display: flex;\n justify-content: flex-end;\n margin: 10px 0;\n}\n.messenger__messages-sender {\n max-width: 80%;\n padding: 10px;\n border-radius: 8px;\n font-family: 'Arial', sans-serif;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n}\n.messenger__file-card {\n display: flex;\n align-items: center;\n background: rgba(0, 0, 0, 0.1);\n border-radius: 8px;\n padding: 10px;\n}\n.messenger__file-icon {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 4px;\n margin-right: 10px;\n}\n.messenger__file-details {\n flex-grow: 1;\n margin-right: 10px;\n}\n.messenger__file-name {\n font-weight: bold;\n font-size: 14px;\n margin: 0;\n}\n.messenger__file-info {\n font-size: 12px;\n color: rgba(255, 255, 255, 0.8);\n}\n.messenger__file-download {\n font-size: 12px;\n text-decoration: none;\n}\n.messenger__file-download:hover {\n text-decoration: underline;\n}\n.messenger__message--bottom {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-top: 5px;\n}\n.messenger__message--date {\n font-size: 12px;\n color: rgba(255, 255, 255, 0.8);\n}\n.tooltip {\n position: relative;\n display: inline-block;\n}\n.tooltip__text {\n visibility: hidden;\n background-color: black;\n color: #fff;\n text-align: center;\n border-radius: 5px;\n padding: 5px;\n position: absolute;\n z-index: 1;\n bottom: 125%;\n left: -40%;\n margin-left: -60px;\n opacity: 0;\n transition: opacity 0.3s, visibility 0.3s;\n}\n.tooltip:hover .tooltip__text {\n visibility: visible;\n opacity: 1;\n}\n.messenger__aside {\n width: 30% !important;\n display: flex;\n align-items: center;\n flex-direction: column;\n}\n@media only screen and (max-width: 1200px) {\n .messenger__aside {\n min-width: 300px;\n }\n}\n@media only screen and (max-width: 992px) {\n .messenger__aside {\n border-radius: 20px !important;\n width: 100% !important;\n }\n}\n.messenger__aside-skeleton {\n background-color: #232831;\n border: 0;\n min-height: 75px;\n width: 100% !important;\n}\n.messenger__aside-empty {\n width: 100%;\n margin-top: 40px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n}\n.messenger__aside-empty path {\n fill: var(--secondary-color);\n}\n.messenger__aside-empty p {\n text-align: center;\n}\n.messenger__aside-header {\n width: 100% !important;\n padding: 0 15px;\n}\n.messenger__scroll-content {\n overflow-y: auto;\n margin-bottom: 0.5rem;\n}\n.messenger__aside-list {\n width: 100% !important;\n padding: 0 10px 10px 10px;\n height: 100%;\n overflow-y: auto;\n overflow-x: hidden;\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: center;\n}\n.messenger__aside-list > .ant-ribbon-wrapper {\n width: 100%;\n}\n.messenger__aside-list > .ant-ribbon-wrapper .ant-ribbon {\n z-index: -1;\n top: 0;\n}\n.messenger__aside-item-container {\n min-width: 100%;\n position: relative;\n}\n.messenger__active-badge {\n z-index: 15 !important;\n}\n.messenger__aside-protocol {\n position: absolute;\n right: 0;\n top: 0;\n border-radius: 10px;\n background-color: var(--secondary-color);\n padding: 0 0.5rem;\n font-size: 0.6rem;\n}\n.messenger__aside-timer {\n align-items: center;\n display: flex;\n font-size: 12px;\n}\n.messenger__aside-list-item {\n border-radius: 0;\n cursor: pointer;\n display: flex;\n flex-direction: row;\n height: 72px;\n padding: 5px 10px;\n width: 100% !important;\n}\n.messenger__aside-list-item:hover {\n background: #232831;\n border-radius: 0;\n}\n.messenger__aside-list-item--avatar {\n align-items: center;\n background: #484c52;\n border-radius: 50%;\n color: #00a73e;\n display: flex;\n flex: 0 0 auto;\n font-size: 25px;\n font-weight: bold;\n height: 50px;\n justify-content: center;\n line-height: 2.2;\n margin: auto 10px auto 0;\n text-transform: uppercase;\n user-select: none;\n width: 50px;\n}\n@media only screen and (max-width: 1200px) {\n .messenger__aside-list-item--avatar {\n height: 45px;\n width: 45px;\n }\n}\n.messenger__aside-list-item--avatar img {\n height: 54px;\n width: 54px;\n border-radius: 50%;\n}\n.messenger__aside-list-item--info,\n.messenger__aside-list-item--additional {\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n height: 100%;\n}\n.messenger__aside-list-item--info {\n max-width: 120px;\n min-width: 120px;\n}\n@media only screen and (min-width: 1600px) {\n .messenger__aside-list-item--info {\n max-width: 140px;\n min-width: 140px;\n }\n}\n@media only screen and (max-width: 992px) {\n .messenger__aside-list-item--info {\n max-width: 65%;\n min-width: 65%;\n }\n}\n@media only screen and (max-width: 576px) {\n .messenger__aside-list-item--info {\n max-width: 120px;\n min-width: 120px;\n }\n}\n.messenger__aside-list-item--additional {\n align-items: flex-end;\n font-size: 11px;\n margin-left: 5px;\n width: 100%;\n}\n.messenger__aside-list-item--unread {\n background-color: #00a73e;\n border-radius: 50%;\n width: 20px;\n height: 20px;\n text-align: center;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.messenger__aside-list-item--title,\n.messenger__aside-list-item--description {\n line-height: 1;\n overflow: hidden;\n margin: 0;\n max-width: 160px;\n text-overflow: ellipsis;\n white-space: nowrap;\n width: 100%;\n}\n.messenger__aside-list-item--title {\n font-weight: bold;\n font-size: 14px;\n}\n.messenger__aside-list-item--description {\n font-size: 12px;\n}\n.messenger__messages {\n width: 70% !important;\n height: 100%;\n max-height: 100%;\n min-height: 0;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n}\n@media only screen and (max-width: 992px) {\n .messenger__messages {\n width: 100% !important;\n }\n}\n.messenger__messages-header,\n.messenger__messages-send {\n padding: 5px;\n min-height: 10%;\n width: 100%;\n flex-shrink: 0;\n}\n.messenger__messages-header {\n border-radius: 0 20px 0 0;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n}\n@media only screen and (max-width: 992px) {\n .messenger__messages-header {\n border-radius: 20px 20px 0 0;\n }\n}\n.messenger__messages-container {\n flex: 1 1 auto;\n min-height: 0;\n height: auto;\n max-height: none;\n padding: 0 24px;\n overflow: auto;\n overflow-x: hidden;\n scroll-behavior: auto;\n background-color: #dddddd;\n}\n.messenger__messages-container--empty {\n width: 100%;\n height: 100%;\n border-radius: 0 20px 20px 0;\n background-color: #dddddd;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n.messenger__messages-container--empty path {\n fill: #00a73e;\n}\n.messenger__messages-container--empty p {\n text-align: center;\n margin-top: 24px;\n}\n.messenger__messages-loading {\n width: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n margin-top: 10px;\n}\n.messenger__messages-loading div {\n animation: spin 1s infinite linear;\n border-left: 2px solid var(--secondary-color);\n border-radius: 50%;\n height: 25px;\n margin-bottom: 10px;\n width: 25px;\n}\n.messenger__messages-row--sender,\n.messenger__messages-row--received,\n.messenger__messages-row--system {\n width: 100%;\n height: fit-content;\n margin: 10px 0;\n display: flex;\n align-items: center;\n}\n.messenger__messages-row--sender {\n justify-content: flex-end;\n}\n.messenger__messages-row--received {\n justify-content: flex-start;\n}\n.messenger__messages-row--system {\n justify-content: center;\n}\n.messenger__messages-received,\n.messenger__messages-sender {\n min-width: 75px;\n width: fit-content;\n padding: 10px;\n}\n.messenger__messages-received > span,\n.messenger__messages-sender > span {\n color: var(--secondary-color);\n overflow-wrap: break-word;\n word-break: break-word;\n width: 200px;\n}\n.messenger__messages-received {\n max-width: 500px;\n background-color: #707070;\n border-radius: 12px 12px 12px 0;\n}\n.messenger__messages-received--system {\n border-radius: 12px;\n}\n.messenger__messages-sender {\n max-width: 450px;\n margin-top: -2px;\n background-color: #00a73e;\n border-radius: 12px 12px 0 12px;\n}\n.messenger__message-title {\n white-space: nowrap;\n overflow: hidden;\n max-width: 100%;\n display: block;\n line-height: 1;\n padding: 0;\n margin: 0 0 3px;\n justify-content: flex-end;\n font-size: 13px;\n color: var(--secondary-color);\n font-weight: bold;\n filter: opacity(0.7);\n font-weight: 700;\n}\n.messenger__message {\n padding: 0;\n margin: 0;\n white-space: pre-wrap;\n line-height: 1.2;\n}\n.messenger__message--file {\n cursor: pointer;\n}\n.messenger__message--file img {\n object-fit: scale-down;\n}\n.messenger__message--bottom {\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: flex-end;\n gap: 5px;\n margin-top: 5px;\n}\n.messenger__message--date {\n font-size: 11.5px;\n padding: 0;\n margin-top: 5px;\n margin-bottom: 0;\n margin-right: 0;\n text-align: right;\n line-height: 14px;\n}\n.messenger__message-empty {\n width: 100%;\n margin-top: 40px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n}\n.messenger__message-empty p {\n text-align: center;\n}\n@media only screen and (max-width: 576px) {\n .messenger__message-avatar {\n display: none;\n }\n}\n.messenger__messages-send {\n border-radius: 0 0 20px 0;\n border-top: 0;\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n@media only screen and (max-width: 992px) {\n .messenger__messages-send {\n border-radius: 0 0 20px 20px;\n }\n}\n.messenger__messages-send--form {\n align-items: center;\n display: flex;\n gap: 10px;\n width: 100%;\n}\n.messenger__messages-send__input {\n border: 0;\n border-radius: 12px;\n display: flex;\n flex: 1 1 auto;\n height: 50px;\n line-height: 26px;\n max-height: 90px;\n outline: none;\n overflow-y: auto;\n padding: 10px 12px 9px;\n resize: none;\n width: 90%;\n}\n.messenger__messages-send__input--disabled {\n cursor: not-allowed;\n opacity: 0.5;\n}\n.messenger__messages-send__input::placeholder {\n color: #aaaaaa;\n}\n.messenger__messages-send__input-container {\n align-items: center;\n border-radius: 12px;\n display: flex;\n flex: 1 1 auto;\n}\n.messenger__messages-send__button {\n height: 45px !important;\n width: 45px !important;\n border-radius: 50%;\n border: none;\n outline: none;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.messenger__messages-send__button--disabled {\n cursor: not-allowed;\n opacity: 0.5;\n}\n.messenger__messages-send__button:hover {\n opacity: 0.7;\n transition: 200ms;\n}\n.messenger__messages-send--file {\n display: none;\n}\n.messenger__messages-send__attach {\n cursor: pointer;\n width: 40px;\n}\n.messenger__messages-send__attach--disabled {\n cursor: not-allowed;\n}\n.messenger__new-chat-form {\n overflow-y: scroll;\n border-radius: 0 20px 20px 0;\n height: 100%;\n padding: 1rem;\n}\n@media only screen and (max-width: 768px) {\n .messenger__new-chat-form {\n border-radius: 20px !important;\n }\n}\n.messenger__new-chat-form-header {\n display: flex;\n justify-content: space-between;\n margin: 1rem 0;\n}\n.messenger__new-chat-form-title {\n color: #476077;\n margin-right: 1rem;\n}\n.messenger__new-chat-form-close {\n background: none;\n border: none;\n cursor: pointer;\n}\n.messenger__new-chat-fields,\n.messenger__disclaimer {\n margin: 0 1rem;\n}\n.messenger__disclaimer {\n border: solid 1px;\n border-radius: 10px;\n padding: 0.8rem;\n margin-bottom: 1rem;\n}\n.messenger__new-chat-form-send {\n border: none;\n border-radius: 30px;\n cursor: pointer;\n font-weight: bolder;\n margin: 25px 0;\n padding: 0.5rem;\n}\n.messenger__new-chat-form-send:hover {\n opacity: 0.9;\n}\n.messenger__new-chat-form-send--disabled {\n cursor: not-allowed;\n background-color: #ccc;\n}\n.messenger__buttons-container {\n display: flex;\n flex-direction: column;\n padding-top: 1rem;\n width: 100%;\n}\n.messenger__chat-button {\n border: none;\n border-radius: 30px;\n color: var(--secondary-color);\n cursor: pointer;\n font-size: 1rem;\n font-weight: bold;\n margin: 0.5rem 1rem;\n padding: 0.5rem;\n}\n.messenger__chat-button--disabled {\n cursor: not-allowed;\n}\n.messenger__input-button {\n border: none;\n border-radius: 30px;\n color: var(--secondary-color);\n font-size: 1rem;\n font-weight: bold;\n margin: 0.5rem 1rem;\n padding: 0.5rem;\n}\n.messenger__input-button-label {\n color: var(--secondary-color);\n font-weight: bold;\n margin: 0rem 1rem;\n}\n.messenger__input-button::-webkit-calendar-picker-indicator {\n filter: invert(1);\n}\n@media only screen and (max-width: 992px) {\n .messenger__mobile-hide {\n display: none !important;\n }\n}\n.styles-module_wrapper__1I_qj {\n z-index: 60 !important;\n background-color: rgba(0, 0, 0, 0.7) !important;\n}\n*,\n::after,\n::before {\n padding: 0;\n margin: 0;\n}\n:root {\n --secondary-color: var(--secondary-color);\n}\n@keyframes spin {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n",".form-select {\n margin-bottom: 1rem;\n width: 100%;\n\n &__label {\n color: @title-form-color;\n font-weight: bold;\n margin: 0.5rem;\n }\n\n &__input {\n border: 1.5px solid hsl(0, 0%, 80%);\n border-radius: 4px;\n margin-top: 0.5rem;\n padding: 8px 8px;\n width: 100%;\n\n &:focus {\n outline: #2684ff 2px solid !important;\n }\n }\n}\n",".text-area {\n margin-bottom: 1rem;\n width: 100%;\n\n &__label {\n color: @title-form-color;\n font-weight: bold;\n margin: 0.5rem;\n }\n\n &__input {\n border: 1.5px solid hsl(0, 0%, 80%);\n border-radius: 4px;\n margin-top: 0.5rem;\n padding: 4px 8px;\n width: 100%;\n\n &:focus {\n outline: #2684ff 2px solid !important;\n }\n }\n}\n",".file-input {\n margin-bottom: 1rem;\n width: 100%;\n\n &__label {\n color: @title-form-color;\n font-weight: bold;\n margin: 0.5rem;\n }\n\n &__container {\n align-items: center;\n background-color: var(--secondary-color);\n border-radius: 10px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n margin-top: 0.5rem;\n padding: 1rem;\n width: 100%;\n }\n\n &__button {\n border: none;\n border-radius: 30px;\n color: var(--secondary-color);\n cursor: pointer;\n font-size: 1rem;\n font-weight: bold;\n margin: 0.5rem 1rem;\n padding: 0.5rem;\n }\n\n &__list {\n align-items: center;\n background-color: var(--secondary-color);\n border-radius: 10px;\n display: flex;\n justify-content: space-between;\n margin: 0.5rem 0;\n padding: 0.5rem;\n\n &--file-name {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n max-width: 100%;\n }\n }\n\n &__delete {\n align-items: center;\n background: transparent;\n border: none;\n cursor: pointer;\n display: flex;\n justify-content: center;\n }\n}\n",".input-search {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n margin: 1rem 0;\n position: relative;\n\n &__select {\n border-radius: 30px 0 0 30px;\n padding: 10px;\n background: transparent;\n margin-left: 1rem;\n width: 30%;\n }\n\n &__option {\n color: black;\n }\n\n &__search {\n width: 70%;\n margin-right: 1rem;\n border-radius: 0 30px 30px 0;\n padding: 9px;\n color: var(--secondary-color);\n border: var(--secondary-color) 1px solid;\n background: transparent;\n position: relative;\n\n &::placeholder {\n color: var(--secondary-color);\n opacity: 60%;\n }\n }\n\n &__icon {\n border: none;\n background: transparent;\n position: absolute;\n right: 2rem;\n display: flex;\n cursor: pointer;\n }\n}\n",".chat-tabs {\n display: flex;\n justify-content: center;\n align-items: center;\n &__button {\n background: transparent;\n border: none;\n border-bottom: 1px solid transparent;\n cursor: pointer;\n padding: 0.5rem 1rem;\n margin-bottom: 0.5rem;\n\n &--active {\n border-bottom: 1px solid var(--secondary-color);\n transition: 0.5s;\n }\n }\n}\n",".messenger {\n &__messages-row--sender {\n display: flex;\n justify-content: flex-end;\n margin: 10px 0;\n }\n\n &__messages-sender {\n max-width: 80%;\n padding: 10px;\n border-radius: 8px;\n font-family: 'Arial', sans-serif;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n }\n\n &__file-card {\n display: flex;\n align-items: center;\n background: rgba(0, 0, 0, 0.1);\n border-radius: 8px;\n padding: 10px;\n }\n\n &__file-icon {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 4px;\n margin-right: 10px;\n }\n\n &__file-details {\n flex-grow: 1;\n margin-right: 10px;\n }\n\n &__file-name {\n font-weight: bold;\n font-size: 14px;\n margin: 0;\n }\n\n &__file-info {\n font-size: 12px;\n color: rgba(255, 255, 255, 0.8);\n }\n\n &__file-download {\n font-size: 12px;\n text-decoration: none;\n }\n\n &__file-download:hover {\n text-decoration: underline;\n }\n\n &__message--bottom {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-top: 5px;\n }\n\n &__message--date {\n font-size: 12px;\n color: rgba(255, 255, 255, 0.8);\n }\n}\n",".tooltip {\n position: relative;\n display: inline-block;\n}\n\n.tooltip__text {\n visibility: hidden;\n background-color: black;\n color: #fff;\n text-align: center;\n border-radius: 5px;\n padding: 5px;\n position: absolute;\n z-index: 1;\n bottom: 125%;\n left: -40%;\n margin-left: -60px;\n opacity: 0;\n transition:\n opacity 0.3s,\n visibility 0.3s;\n}\n\n.tooltip:hover .tooltip__text {\n visibility: visible;\n opacity: 1;\n}\n","@import '../components/ImagesContainer/ImagesContainer';\n@import '../components/Select/Select.less';\n@import '../components/TextArea/Textarea.less';\n@import '../components/InputFile/inputFile.less';\n@import '../components/SearchInput/SearchInput.less';\n@import '../components/ChatTabs/ChatTabs.less';\n@import '../components/DocMessage/DocMessage.less';\n@import '../components/Tooltip/Tooltip.less';\n\n@buttons-container-height: 10rem;\n\n.messenger {\n &__aside {\n width: 30% !important;\n\n @media @tab-xl {\n min-width: 300px;\n }\n\n @media @tab-lg {\n border-radius: 20px !important;\n width: 100% !important;\n }\n\n display: flex;\n align-items: center;\n flex-direction: column;\n }\n\n &__aside-skeleton {\n background-color: @component-background;\n border: 0;\n min-height: 75px;\n width: 100% !important;\n }\n\n &__aside-empty {\n width: 100%;\n margin-top: 40px;\n\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n\n & path {\n fill: var(--secondary-color);\n }\n\n & p {\n text-align: center;\n }\n }\n\n &__aside-header {\n width: 100% !important;\n padding: 0 15px;\n }\n\n &__scroll-content {\n overflow-y: auto;\n margin-bottom: 0.5rem;\n }\n\n &__aside-list {\n width: 100% !important;\n padding: 0 10px 10px 10px;\n\n height: 100%;\n overflow-y: auto;\n overflow-x: hidden;\n\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: center;\n\n & > .ant-ribbon-wrapper {\n width: 100%;\n\n & .ant-ribbon {\n z-index: -1;\n top: 0;\n }\n }\n }\n\n &__aside-item-container {\n min-width: 100%;\n position: relative;\n }\n\n &__active-badge {\n z-index: 15 !important;\n }\n\n &__aside-protocol {\n position: absolute;\n right: 0;\n top: 0;\n border-radius: 10px;\n background-color: var(--secondary-color);\n padding: 0 0.5rem;\n font-size: 0.6rem;\n }\n\n &__aside-timer {\n align-items: center;\n display: flex;\n font-size: 12px;\n }\n\n &__aside-list-item {\n border-radius: 0;\n cursor: pointer;\n display: flex;\n flex-direction: row;\n height: 72px;\n padding: 5px 10px;\n width: 100% !important;\n\n &:hover {\n background: @component-background;\n border-radius: 0;\n }\n\n &--avatar {\n align-items: center;\n background: @secondary-bg-color-chat;\n border-radius: 50%;\n color: @messenger-primary-color;\n display: flex;\n flex: 0 0 auto;\n font-size: 25px;\n font-weight: bold;\n height: 50px;\n justify-content: center;\n line-height: 2.2;\n margin: auto 10px auto 0;\n text-transform: uppercase;\n user-select: none;\n width: 50px;\n\n @media @tab-xl {\n height: 45px;\n width: 45px;\n }\n\n & img {\n height: 54px;\n width: 54px;\n border-radius: 50%;\n }\n }\n\n &--info,\n &--additional {\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n height: 100%;\n }\n\n &--info {\n max-width: 120px;\n min-width: 120px;\n\n @media @desktop-xxl {\n max-width: 140px;\n min-width: 140px;\n }\n\n @media @tab-lg {\n max-width: 65%;\n min-width: 65%;\n }\n\n @media @phone-sm {\n max-width: 120px;\n min-width: 120px;\n }\n }\n\n &--additional {\n align-items: flex-end;\n font-size: 11px;\n margin-left: 5px;\n width: 100%;\n }\n\n &--unread {\n background-color: @messenger-primary-color;\n border-radius: 50%;\n width: 20px;\n height: 20px;\n text-align: center;\n\n .flex-full-center();\n }\n\n &--title,\n &--description {\n line-height: 1;\n overflow: hidden;\n margin: 0;\n max-width: 160px;\n text-overflow: ellipsis;\n white-space: nowrap;\n width: 100%;\n }\n\n &--title {\n font-weight: bold;\n font-size: 14px;\n }\n\n &--description {\n font-size: 12px;\n }\n }\n\n &__messages {\n width: 70% !important;\n height: 100%;\n max-height: 100%;\n min-height: 0;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n\n @media @tab-lg {\n width: 100% !important;\n }\n }\n\n &__messages-header,\n &__messages-send {\n padding: 5px;\n min-height: 10%;\n width: 100%;\n flex-shrink: 0;\n }\n\n &__messages-header {\n @media @tab-lg {\n border-radius: @border-radius @border-radius 0 0;\n }\n\n border-radius: 0 @border-radius 0 0;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n }\n\n &__messages-container {\n flex: 1 1 auto;\n min-height: 0;\n height: auto;\n max-height: none;\n padding: 0 24px;\n overflow: auto;\n overflow-x: hidden;\n scroll-behavior: auto;\n background-color: @card-background;\n\n &--empty {\n width: 100%;\n height: 100%;\n border-radius: 0 @border-radius @border-radius 0;\n background-color: @card-background;\n\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n\n & path {\n fill: @messenger-primary-color;\n }\n\n & p {\n text-align: center;\n margin-top: 24px;\n }\n }\n }\n\n &__messages-loading {\n width: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n margin-top: 10px;\n\n & div {\n animation: spin 1s infinite linear;\n border-left: 2px solid var(--secondary-color);\n border-radius: 50%;\n height: 25px;\n margin-bottom: 10px;\n width: 25px;\n }\n }\n\n &__messages-row--sender,\n &__messages-row--received,\n &__messages-row--system {\n width: 100%;\n height: fit-content;\n margin: 10px 0;\n display: flex;\n align-items: center;\n }\n\n &__messages-row--sender {\n justify-content: flex-end;\n }\n\n &__messages-row--received {\n justify-content: flex-start;\n }\n\n &__messages-row--system {\n justify-content: center;\n }\n\n &__messages-received,\n &__messages-sender {\n min-width: 75px;\n width: fit-content;\n padding: 10px;\n\n & > span {\n color: var(--secondary-color);\n overflow-wrap: break-word;\n word-break: break-word;\n width: 200px;\n }\n }\n\n &__messages-received {\n max-width: 500px;\n background-color: @grey-2;\n border-radius: 12px 12px 12px 0;\n\n &--system {\n border-radius: 12px;\n }\n }\n\n &__messages-sender {\n max-width: 450px;\n margin-top: -2px;\n background-color: @messenger-primary-color;\n border-radius: 12px 12px 0 12px;\n }\n\n &__message-title {\n max-width: 100%;\n white-space: nowrap;\n overflow: hidden;\n max-width: 100%;\n display: block;\n\n line-height: 1;\n padding: 0;\n margin: 0 0 3px;\n justify-content: flex-end;\n font-size: 13px;\n color: var(--secondary-color);\n font-weight: bold;\n filter: opacity(0.7);\n font-weight: 700;\n }\n\n &__message {\n padding: 0;\n margin: 0;\n white-space: pre-wrap;\n line-height: 1.2;\n\n &--file {\n cursor: pointer;\n\n img {\n object-fit: scale-down;\n }\n }\n\n &--bottom {\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: flex-end;\n gap: 5px;\n margin-top: 5px;\n }\n\n &--date {\n font-size: 11.5px;\n padding: 0;\n margin-top: 5px;\n margin-bottom: 0;\n margin-right: 0;\n text-align: right;\n line-height: 14px;\n }\n }\n\n &__message-empty {\n width: 100%;\n margin-top: 40px;\n\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n\n & p {\n text-align: center;\n }\n }\n\n &__message-avatar {\n @media @phone-sm {\n display: none;\n }\n }\n\n &__messages-send {\n border-radius: 0 0 @border-radius 0;\n border-top: 0;\n\n @media @tab-lg {\n border-radius: 0 0 @border-radius @border-radius;\n }\n\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n\n &--form {\n align-items: center;\n display: flex;\n gap: 10px;\n width: 100%;\n }\n\n &__input {\n border: 0;\n border-radius: 12px;\n display: flex;\n flex: 1 1 auto;\n height: 50px;\n line-height: 26px;\n max-height: 90px;\n outline: none;\n overflow-y: auto;\n padding: 10px 12px 9px;\n resize: none;\n width: 90%;\n\n &--disabled {\n cursor: not-allowed;\n opacity: 0.5;\n }\n\n &::placeholder {\n color: @border-color;\n }\n }\n\n &__input-container {\n align-items: center;\n border-radius: 12px;\n display: flex;\n flex: 1 1 auto;\n }\n\n &__button {\n height: 45px !important;\n width: 45px !important;\n border-radius: 50%;\n border: none;\n outline: none;\n cursor: pointer;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n &--disabled {\n cursor: not-allowed;\n opacity: 0.5;\n }\n\n &:hover {\n opacity: 0.7;\n transition: 200ms;\n }\n }\n\n &--file {\n display: none;\n }\n\n &__attach {\n cursor: pointer;\n width: 40px;\n\n &--disabled {\n cursor: not-allowed;\n }\n }\n }\n\n &__new-chat-form {\n overflow-y: scroll;\n border-radius: 0 20px 20px 0;\n height: 100%;\n padding: 1rem;\n\n @media @tab-md {\n border-radius: 20px !important;\n }\n }\n\n &__new-chat-form-header {\n display: flex;\n justify-content: space-between;\n margin: 1rem 0;\n }\n\n &__new-chat-form-title {\n color: @title-form-color;\n margin-right: 1rem;\n }\n\n &__new-chat-form-close {\n background: none;\n border: none;\n cursor: pointer;\n }\n\n &__new-chat-fields,\n &__disclaimer {\n margin: 0 1rem;\n }\n\n &__disclaimer {\n border: solid 1px;\n border-radius: 10px;\n padding: 0.8rem;\n margin-bottom: 1rem;\n }\n\n &__new-chat-form-send {\n border: none;\n border-radius: 30px;\n cursor: pointer;\n font-weight: bolder;\n margin: 25px 0;\n padding: 0.5rem;\n\n &:hover {\n opacity: 0.9;\n }\n &--disabled {\n cursor: not-allowed;\n background-color: #ccc;\n }\n }\n\n &__buttons-container {\n display: flex;\n flex-direction: column;\n padding-top: 1rem;\n width: 100%;\n }\n\n &__chat-button {\n border: none;\n border-radius: 30px;\n color: var(--secondary-color);\n cursor: pointer;\n font-size: 1rem;\n font-weight: bold;\n margin: 0.5rem 1rem;\n padding: 0.5rem;\n }\n\n &__chat-button--disabled {\n cursor: not-allowed;\n }\n\n &__input-button {\n border: none;\n border-radius: 30px;\n color: var(--secondary-color);\n font-size: 1rem;\n font-weight: bold;\n margin: 0.5rem 1rem;\n padding: 0.5rem;\n }\n\n &__input-button-label {\n color: var(--secondary-color);\n font-weight: bold;\n margin: 0rem 1rem;\n }\n\n &__input-button::-webkit-calendar-picker-indicator {\n filter: invert(1);\n }\n\n &__mobile-hide {\n @media @tab-lg {\n display: none !important;\n }\n }\n}\n\n.styles-module_wrapper__1I_qj {\n z-index: 60 !important;\n background-color: rgba(0, 0, 0, 70%) !important;\n}\n",".flex-full-center() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n","*,\n::after,\n::before {\n padding: 0;\n margin: 0;\n}\n","// ANTD MEDIA QUERIES\n@phone-xs: ~'only screen and (max-width: 480px)';\n@phone-sm: ~'only screen and (max-width: 576px)';\n@tab-md: ~'only screen and (max-width: 768px)';\n@tab-lg: ~'only screen and (max-width: 992px)';\n@tab-lg-min: ~'only screen and (min-width: 992px)';\n@tab-xl: ~'only screen and (max-width: 1200px)';\n\n// [1200 - 1600] - normal style //\n@desktop-xxl: ~'only screen and (min-width: 1600px)';\n\n@grey-1: #94989d;\n@grey-2: #707070;\n@border-color: #aaaaaa;\n@messenger-primary-color: #00a73e;\n@messenger-messages-bg: #eeeeee;\n@secondary-bg-color-chat: #484c52;\n@card-background: #dddddd;\n@upload-file-icon-color: #8696a0;\n@border-radius: 20px;\n@body-background: blue;\n@component-background: #232831;\n@full-content-height: calc(100vh - 23px);\n@title-form-color: #476077;\n@border-radius: 20px;\n@document-message-bg: #34c759;\n@text-color-white: #ffffff;\n\n:root {\n --secondary-color: var(--secondary-color);\n}\n","@keyframes spin {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n"],"sourceRoot":""}]);
22
22
  // Exports
23
23
  /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
24
24
 
@@ -544,6 +544,7 @@ __webpack_require__.d(__webpack_exports__, {
544
544
  "tt": () => (/* reexport */ views_MessengerMessages),
545
545
  "Vc": () => (/* reexport */ MessengerThemeWrapper),
546
546
  "Y3": () => (/* reexport */ ChatButton),
547
+ "rX": () => (/* reexport */ OpenChatSlaTimer_OpenChatSlaTimer),
547
548
  "ig": () => (/* reexport */ chatResources),
548
549
  "Z5": () => (/* reexport */ useConversations),
549
550
  "y_": () => (/* reexport */ useMessages)
@@ -854,6 +855,89 @@ function activeItem(e, defaultClass, activeClass) {
854
855
  });
855
856
  e.currentTarget.className += " ".concat(activeClass, " ");
856
857
  }
858
+ function formatSlaHoursMinutes(seconds) {
859
+ var hours = Math.floor(seconds / 3600);
860
+ var minutes = Math.floor((seconds % 3600) / 60);
861
+ return "".concat(hours.toString().padStart(2, '0'), ":").concat(minutes
862
+ .toString()
863
+ .padStart(2, '0'));
864
+ }
865
+ var listSlaCache = new Map();
866
+ var listSlaQueue = [];
867
+ var listSlaRunning = false;
868
+ var listScrollIdleTimer;
869
+ var listScrollListenersBound = false;
870
+ function enqueueListSlaCalc(run) {
871
+ listSlaQueue.push(run);
872
+ // Só bombeia quando o scroll da lista estiver parado (evita jank no gesto).
873
+ schedulePumpAfterScrollIdle();
874
+ }
875
+ function schedulePumpAfterScrollIdle() {
876
+ var list = document.querySelector('.messenger__aside-list');
877
+ if (!list) {
878
+ pumpListSlaQueue();
879
+ return;
880
+ }
881
+ if (!listScrollListenersBound) {
882
+ listScrollListenersBound = true;
883
+ list.addEventListener('scroll', function () {
884
+ if (listScrollIdleTimer)
885
+ clearTimeout(listScrollIdleTimer);
886
+ listScrollIdleTimer = setTimeout(function () {
887
+ pumpListSlaQueue();
888
+ }, 180);
889
+ }, { passive: true });
890
+ }
891
+ if (listScrollIdleTimer)
892
+ clearTimeout(listScrollIdleTimer);
893
+ listScrollIdleTimer = setTimeout(function () {
894
+ pumpListSlaQueue();
895
+ }, 180);
896
+ }
897
+ function pumpListSlaQueue() {
898
+ if (listSlaRunning)
899
+ return;
900
+ var next = listSlaQueue.shift();
901
+ if (!next)
902
+ return;
903
+ listSlaRunning = true;
904
+ var finish = function () {
905
+ listSlaRunning = false;
906
+ // Próximo item só no idle do browser — não bloqueia o frame do scroll.
907
+ if (typeof requestIdleCallback === 'function') {
908
+ requestIdleCallback(function () { return pumpListSlaQueue(); }, { timeout: 1000 });
909
+ }
910
+ else {
911
+ setTimeout(function () { return pumpListSlaQueue(); }, 32);
912
+ }
913
+ };
914
+ var runNext = function () {
915
+ try {
916
+ next();
917
+ }
918
+ finally {
919
+ finish();
920
+ }
921
+ };
922
+ if (typeof requestIdleCallback === 'function') {
923
+ requestIdleCallback(runNext, { timeout: 1000 });
924
+ }
925
+ else {
926
+ setTimeout(runNext, 0);
927
+ }
928
+ }
929
+ function computeListSlaSeconds(createdAt) {
930
+ var start = timeAsDayjs(createdAt, { server: true });
931
+ var end = timeAsDayjs(undefined, { server: true });
932
+ if (!start.isValid() || !end.isValid() || end.isBefore(start))
933
+ return null;
934
+ return new SlaDates(0).getDifferenceInSeconds(start, end, SLA_WORKING_HOURS);
935
+ }
936
+ /** Próximo HH:MM de getDifferenceInSeconds */
937
+ function msUntilNextSlaDisplayMinute(seconds) {
938
+ var remainder = seconds % 60;
939
+ return Math.max(250, (60 - remainder) * 1000);
940
+ }
857
941
  function MessengerListItem(_a) {
858
942
  var _b, _c;
859
943
  var item = _a.item, onClick = _a.onClick, canSeeDetailsChat = _a.canSeeDetailsChat, currentId = _a.currentId, currentViewerId = _a.currentViewerId;
@@ -864,49 +948,151 @@ function MessengerListItem(_a) {
864
948
  : '';
865
949
  }, [item]);
866
950
  var _e = (0,external_react_namespaceObject.useState)(''), background = _e[0], setBackground = _e[1];
867
- var _f = (0,external_react_namespaceObject.useState)(null), counter = _f[0], setCounter = _f[1];
868
- var theme = useThemes().theme;
951
+ var rowRef = (0,external_react_namespaceObject.useRef)(null);
952
+ var scheduledRef = (0,external_react_namespaceObject.useRef)(false);
953
+ var slaTimeoutRef = (0,external_react_namespaceObject.useRef)(undefined);
954
+ var isSelected = currentId === item._id;
955
+ var isSelectedRef = (0,external_react_namespaceObject.useRef)(isSelected);
956
+ var secondTickActiveRef = (0,external_react_namespaceObject.useRef)(false);
957
+ isSelectedRef.current = isSelected;
869
958
  var isInprogress = ((_c = (_b = item.status) === null || _b === void 0 ? void 0 : _b.current) === null || _c === void 0 ? void 0 : _c.systemicValue) === 'inprogress';
959
+ var beSnapshot = typeof item.SLATimePassed === 'number' ? item.SLATimePassed : null;
960
+ var _f = (0,external_react_namespaceObject.useState)(function () {
961
+ var _a;
962
+ if (!isInprogress && beSnapshot != null)
963
+ return beSnapshot;
964
+ return (_a = listSlaCache.get(item._id)) !== null && _a !== void 0 ? _a : null;
965
+ }), idleSeconds = _f[0], setIdleSeconds = _f[1];
966
+ var listSlaSeconds = canSeeDetailsChat && idleSeconds != null ? idleSeconds : null;
967
+ var theme = useThemes().theme;
870
968
  var otherChatMember = (0,external_react_namespaceObject.useMemo)(function () {
871
969
  return (item === null || item === void 0 ? void 0 : item.users.find(function (item) { return item.uniqueCode !== currentViewerId; })) ||
872
970
  item.creator;
873
971
  }, [item === null || item === void 0 ? void 0 : item.users, currentViewerId]);
972
+ var applyListSlaSeconds = function (seconds) {
973
+ listSlaCache.set(item._id, seconds);
974
+ setIdleSeconds(function (prev) {
975
+ if (prev != null &&
976
+ formatSlaHoursMinutes(prev) === formatSlaHoursMinutes(seconds)) {
977
+ return prev;
978
+ }
979
+ return seconds;
980
+ });
981
+ };
982
+ var clearSlaMinuteTimeout = function () {
983
+ if (slaTimeoutRef.current) {
984
+ clearTimeout(slaTimeoutRef.current);
985
+ slaTimeoutRef.current = undefined;
986
+ }
987
+ };
988
+ var refreshListSla = function (continueOnSlaMinute) {
989
+ var seconds = computeListSlaSeconds(item.createdAt);
990
+ if (seconds == null) {
991
+ scheduledRef.current = false;
992
+ return;
993
+ }
994
+ applyListSlaSeconds(seconds);
995
+ // Fila atrasada: se o ticket já está aberto, o interval 1s manda.
996
+ if (!continueOnSlaMinute ||
997
+ isSelectedRef.current ||
998
+ secondTickActiveRef.current) {
999
+ clearSlaMinuteTimeout();
1000
+ return;
1001
+ }
1002
+ clearSlaMinuteTimeout();
1003
+ slaTimeoutRef.current = setTimeout(function () {
1004
+ refreshListSla(true);
1005
+ }, msUntilNextSlaDisplayMinute(seconds));
1006
+ };
874
1007
  (0,external_react_namespaceObject.useEffect)(function () {
875
1008
  var _a;
876
- var interval;
877
- var sla = new SlaDates(0);
878
- var updateCounter = function () {
879
- var now = timeAsDayjs(undefined, { server: true });
880
- setCounter(sla.getDifferenceInSeconds(timeAsDayjs(item.createdAt, { server: true }), now, SLA_WORKING_HOURS));
1009
+ if (!canSeeDetailsChat) {
1010
+ setIdleSeconds(null);
1011
+ return;
1012
+ }
1013
+ if (!isInprogress) {
1014
+ setIdleSeconds(beSnapshot);
1015
+ return;
1016
+ }
1017
+ if (!item.createdAt)
1018
+ return;
1019
+ scheduledRef.current = false;
1020
+ var applyFresh = function () {
1021
+ refreshListSla(!isSelectedRef.current);
881
1022
  };
882
- var onVisibilityChange = function () {
883
- if (document.visibilityState === 'visible') {
884
- updateCounter();
885
- }
1023
+ var cached = listSlaCache.get(item._id);
1024
+ if (cached != null) {
1025
+ applyListSlaSeconds(cached);
1026
+ }
1027
+ var node = rowRef.current;
1028
+ if (!node)
1029
+ return;
1030
+ var root = (_a = node.closest('.messenger__aside-list')) !== null && _a !== void 0 ? _a : null;
1031
+ var scheduleOnce = function () {
1032
+ if (scheduledRef.current)
1033
+ return;
1034
+ scheduledRef.current = true;
1035
+ enqueueListSlaCalc(applyFresh);
886
1036
  };
887
- if (isInprogress && canSeeDetailsChat) {
888
- updateCounter();
889
- interval = setInterval(function () {
890
- if (sla.canUpdateClock(timeAsDayjs(undefined, { server: true }))) {
891
- updateCounter();
892
- }
893
- }, 1000);
894
- document.addEventListener('visibilitychange', onVisibilityChange);
1037
+ var rect = node.getBoundingClientRect();
1038
+ var rootRect = root === null || root === void 0 ? void 0 : root.getBoundingClientRect();
1039
+ var roughlyVisible = rootRect
1040
+ ? rect.bottom >= rootRect.top - 80 && rect.top <= rootRect.bottom + 80
1041
+ : rect.top < window.innerHeight && rect.bottom > 0;
1042
+ if (roughlyVisible) {
1043
+ scheduleOnce();
1044
+ return undefined;
895
1045
  }
896
1046
  else {
897
- setCounter((_a = item.SLATimePassed) !== null && _a !== void 0 ? _a : null);
1047
+ var observer_1 = new IntersectionObserver(function (_a) {
1048
+ var entry = _a[0];
1049
+ if (!entry.isIntersecting)
1050
+ return;
1051
+ scheduleOnce();
1052
+ observer_1.disconnect();
1053
+ }, { root: root, rootMargin: '80px 0px', threshold: 0 });
1054
+ observer_1.observe(node);
1055
+ return function () { return observer_1.disconnect(); };
1056
+ }
1057
+ }, [canSeeDetailsChat, beSnapshot, isInprogress, item._id, item.createdAt]);
1058
+ // Chat aberto: mesma cadência do header (1s), UI só HH:MM.
1059
+ // Restantes: refreshListSla no próximo minuto de getDifferenceInSeconds.
1060
+ (0,external_react_namespaceObject.useEffect)(function () {
1061
+ if (!canSeeDetailsChat || !isInprogress || !item.createdAt) {
1062
+ return function () {
1063
+ secondTickActiveRef.current = false;
1064
+ clearSlaMinuteTimeout();
1065
+ };
898
1066
  }
1067
+ if (!isSelected) {
1068
+ return function () {
1069
+ secondTickActiveRef.current = false;
1070
+ clearSlaMinuteTimeout();
1071
+ };
1072
+ }
1073
+ secondTickActiveRef.current = true;
1074
+ clearSlaMinuteTimeout();
1075
+ var sync = function () {
1076
+ var seconds = computeListSlaSeconds(item.createdAt);
1077
+ if (seconds == null)
1078
+ return;
1079
+ applyListSlaSeconds(seconds);
1080
+ };
1081
+ sync();
1082
+ var interval = setInterval(function () {
1083
+ if (document.visibilityState !== 'visible')
1084
+ return;
1085
+ sync();
1086
+ }, 1000);
899
1087
  return function () {
1088
+ secondTickActiveRef.current = false;
900
1089
  clearInterval(interval);
901
- document.removeEventListener('visibilitychange', onVisibilityChange);
1090
+ clearSlaMinuteTimeout();
1091
+ if (!isSelectedRef.current) {
1092
+ refreshListSla(true);
1093
+ }
902
1094
  };
903
- }, [
904
- item._id,
905
- item.createdAt,
906
- item.SLATimePassed,
907
- isInprogress,
908
- canSeeDetailsChat,
909
- ]);
1095
+ }, [canSeeDetailsChat, isInprogress, isSelected, item._id, item.createdAt]);
910
1096
  (0,external_react_namespaceObject.useEffect)(function () {
911
1097
  setUnreadMessages(item.totalUnreadMessages);
912
1098
  }, [item]);
@@ -927,19 +1113,7 @@ function MessengerListItem(_a) {
927
1113
  var onMouseLeave = function () {
928
1114
  setBackground('');
929
1115
  };
930
- var ShowTimer = function () {
931
- if (counter === null)
932
- return null;
933
- return (external_react_namespaceObject["default"].createElement("span", { className: 'messenger__aside-timer', style: {
934
- background: SlaDates.getColorsByTime(counter),
935
- color: 'var(--secondary-color)',
936
- width: 'fit-content',
937
- } },
938
- external_react_namespaceObject["default"].createElement(TimerIcon, { color: 'var(--secondary-color)' }),
939
- "\u00A0",
940
- external_react_namespaceObject["default"].createElement("b", null, SlaDates.secondsInHours(counter))));
941
- };
942
- return (external_react_namespaceObject["default"].createElement("div", { className: "messenger__aside-list-item ".concat(closedChat), onClick: function (e) { return handleClick(e, item); }, onMouseOver: onMouseOver, onMouseLeave: onMouseLeave, style: {
1116
+ return (external_react_namespaceObject["default"].createElement("div", { ref: rowRef, className: "messenger__aside-list-item ".concat(closedChat), onClick: function (e) { return handleClick(e, item); }, onMouseOver: onMouseOver, onMouseLeave: onMouseLeave, style: {
943
1117
  color: theme === null || theme === void 0 ? void 0 : theme.asideFontColor,
944
1118
  backgroundColor: currentId === item._id ? theme === null || theme === void 0 ? void 0 : theme.active : background,
945
1119
  } },
@@ -949,7 +1123,14 @@ function MessengerListItem(_a) {
949
1123
  external_react_namespaceObject["default"].createElement("div", { className: 'messenger__aside-list-item--info' },
950
1124
  external_react_namespaceObject["default"].createElement("p", { className: 'messenger__aside-list-item--title' }, otherChatMember === null || otherChatMember === void 0 ? void 0 : otherChatMember.username),
951
1125
  (item.subject || item.reason) && (external_react_namespaceObject["default"].createElement(SubTitle, { item: item, nature: item.nature })),
952
- canSeeDetailsChat && external_react_namespaceObject["default"].createElement(ShowTimer, null)),
1126
+ listSlaSeconds !== null && (external_react_namespaceObject["default"].createElement("span", { className: 'messenger__aside-timer', style: {
1127
+ background: SlaDates.getColorsByTime(listSlaSeconds),
1128
+ color: 'var(--secondary-color)',
1129
+ width: 'fit-content',
1130
+ } },
1131
+ external_react_namespaceObject["default"].createElement(TimerIcon, { color: 'var(--secondary-color)' }),
1132
+ "\u00A0",
1133
+ external_react_namespaceObject["default"].createElement("b", null, formatSlaHoursMinutes(listSlaSeconds))))),
953
1134
  item && (external_react_namespaceObject["default"].createElement("div", { className: 'messenger__aside-list-item--additional' },
954
1135
  canSeeDetailsChat && external_react_namespaceObject["default"].createElement("span", null, "#".concat(item.protocol)),
955
1136
  external_react_namespaceObject["default"].createElement("div", { className: 'messenger__aside-list-item--unread', style: {
@@ -2393,6 +2574,60 @@ function MessengerMessages(_a) {
2393
2574
  }
2394
2575
  /* harmony default export */ const views_MessengerMessages = (MessengerMessages);
2395
2576
 
2577
+ ;// CONCATENATED MODULE: ./src/app/Messenger/components/OpenChatSlaTimer/OpenChatSlaTimer.tsx
2578
+
2579
+
2580
+
2581
+ /**
2582
+ * Tick SLA só no chat aberto
2583
+ */
2584
+ function OpenChatSlaTimer(_a) {
2585
+ var createdAt = _a.createdAt, slaTimePassed = _a.slaTimePassed, isInprogress = _a.isInprogress;
2586
+ var _b = (0,external_react_namespaceObject.useState)(function () { return slaTimePassed !== null && slaTimePassed !== void 0 ? slaTimePassed : null; }), counter = _b[0], setCounter = _b[1];
2587
+ (0,external_react_namespaceObject.useEffect)(function () {
2588
+ if (!isInprogress) {
2589
+ setCounter(slaTimePassed !== null && slaTimePassed !== void 0 ? slaTimePassed : null);
2590
+ return;
2591
+ }
2592
+ var sla = new SlaDates(0);
2593
+ var syncFromCreatedAt = function () {
2594
+ var now = timeAsDayjs(undefined, { server: true });
2595
+ setCounter(sla.getDifferenceInSeconds(timeAsDayjs(createdAt, { server: true }), now, SLA_WORKING_HOURS));
2596
+ };
2597
+ syncFromCreatedAt();
2598
+ var interval = setInterval(function () {
2599
+ if (document.visibilityState !== 'visible')
2600
+ return;
2601
+ if (!sla.canUpdateClock(timeAsDayjs(undefined, { server: true })))
2602
+ return;
2603
+ syncFromCreatedAt();
2604
+ }, 1000);
2605
+ var onVisibilityChange = function () {
2606
+ if (document.visibilityState === 'visible') {
2607
+ syncFromCreatedAt();
2608
+ }
2609
+ };
2610
+ document.addEventListener('visibilitychange', onVisibilityChange);
2611
+ return function () {
2612
+ clearInterval(interval);
2613
+ document.removeEventListener('visibilitychange', onVisibilityChange);
2614
+ };
2615
+ }, [createdAt, slaTimePassed, isInprogress]);
2616
+ if (counter === null)
2617
+ return null;
2618
+ return (external_react_namespaceObject["default"].createElement("span", { className: 'messenger__aside-timer', style: {
2619
+ background: SlaDates.getColorsByTime(counter),
2620
+ color: 'var(--secondary-color)',
2621
+ width: 'fit-content',
2622
+ display: 'inline-flex',
2623
+ alignItems: 'center',
2624
+ } },
2625
+ external_react_namespaceObject["default"].createElement(TimerIcon, { color: 'var(--secondary-color)' }),
2626
+ "\u00A0",
2627
+ external_react_namespaceObject["default"].createElement("b", null, SlaDates.secondsInHours(counter))));
2628
+ }
2629
+ /* harmony default export */ const OpenChatSlaTimer_OpenChatSlaTimer = (OpenChatSlaTimer);
2630
+
2396
2631
  ;// CONCATENATED MODULE: ./src/app/Messenger/hooks/useConversations.tsx
2397
2632
 
2398
2633
 
@@ -2578,6 +2813,7 @@ function ChatProvider(_a) {
2578
2813
 
2579
2814
 
2580
2815
 
2816
+
2581
2817
  })();
2582
2818
 
2583
2819
  var __webpack_exports__ChatProvider = __webpack_exports__.aM;
@@ -2586,9 +2822,10 @@ var __webpack_exports__MessengerListItem = __webpack_exports__.Fx;
2586
2822
  var __webpack_exports__MessengerMessages = __webpack_exports__.tt;
2587
2823
  var __webpack_exports__MessengerThemeWrapper = __webpack_exports__.Vc;
2588
2824
  var __webpack_exports__NewChatButton = __webpack_exports__.Y3;
2825
+ var __webpack_exports__OpenChatSlaTimer = __webpack_exports__.rX;
2589
2826
  var __webpack_exports__chatResources = __webpack_exports__.ig;
2590
2827
  var __webpack_exports__useConversations = __webpack_exports__.Z5;
2591
2828
  var __webpack_exports__useMessages = __webpack_exports__.y_;
2592
- export { __webpack_exports__ChatProvider as ChatProvider, __webpack_exports__MessengerList as MessengerList, __webpack_exports__MessengerListItem as MessengerListItem, __webpack_exports__MessengerMessages as MessengerMessages, __webpack_exports__MessengerThemeWrapper as MessengerThemeWrapper, __webpack_exports__NewChatButton as NewChatButton, __webpack_exports__chatResources as chatResources, __webpack_exports__useConversations as useConversations, __webpack_exports__useMessages as useMessages };
2829
+ export { __webpack_exports__ChatProvider as ChatProvider, __webpack_exports__MessengerList as MessengerList, __webpack_exports__MessengerListItem as MessengerListItem, __webpack_exports__MessengerMessages as MessengerMessages, __webpack_exports__MessengerThemeWrapper as MessengerThemeWrapper, __webpack_exports__NewChatButton as NewChatButton, __webpack_exports__OpenChatSlaTimer as OpenChatSlaTimer, __webpack_exports__chatResources as chatResources, __webpack_exports__useConversations as useConversations, __webpack_exports__useMessages as useMessages };
2593
2830
 
2594
2831
  //# sourceMappingURL=agx-chat.esm.js.map