agx-chat-web 1.2.8 → 1.2.10

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 (18) hide show
  1. package/dist/agx-chat.esm.js +220 -33
  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/__tests__/app/Messenger/classes/slaCalculations.spec.js +4 -0
  6. package/dist/esm/__tests__/app/Messenger/classes/slaCalculations.spec.js.map +1 -1
  7. package/dist/esm/app/Messenger/classes/slaCalculations.d.ts +4 -0
  8. package/dist/esm/app/Messenger/classes/slaCalculations.js +2 -1
  9. package/dist/esm/app/Messenger/classes/slaCalculations.js.map +1 -1
  10. package/dist/esm/app/Messenger/components/OpenChatSlaTimer/OpenChatSlaTimer.d.ts +11 -0
  11. package/dist/esm/app/Messenger/components/OpenChatSlaTimer/OpenChatSlaTimer.js +53 -0
  12. package/dist/esm/app/Messenger/components/OpenChatSlaTimer/OpenChatSlaTimer.js.map +1 -0
  13. package/dist/esm/app/Messenger/views/MessengerListItem.js +161 -32
  14. package/dist/esm/app/Messenger/views/MessengerListItem.js.map +1 -1
  15. package/dist/esm/index.d.ts +2 -1
  16. package/dist/esm/index.js +2 -1
  17. package/dist/esm/index.js.map +1 -1
  18. 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)
@@ -704,6 +705,7 @@ var time = function (value, options) {
704
705
  aux = dayjs.tz(value, dayjs.tz.guess());
705
706
  return new Date(Date.UTC(aux.year(), aux.month(), aux.date(), aux.hour(), aux.minute(), aux.second(), aux.millisecond()));
706
707
  };
708
+ var SLA_WORKING_HOURS = { start: 9, end: 18 };
707
709
  var SlaDates = /** @class */ (function () {
708
710
  function SlaDates(seconds) {
709
711
  this.holidays = {
@@ -717,7 +719,7 @@ var SlaDates = /** @class */ (function () {
717
719
  };
718
720
  SlaDates.prototype.isWorkingHour = function (date) {
719
721
  var hour = date.hour();
720
- return hour >= 9 && hour <= 18; // Between 9 AM and 5 PM (inclusive)
722
+ return hour >= SLA_WORKING_HOURS.start && hour < SLA_WORKING_HOURS.end; //Between 9 AM and 6 PM (inclusive)
721
723
  };
722
724
  SlaDates.prototype.isWeekendOrHoliday = function (date) {
723
725
  var weekDay = timeAsDayjs(date, { applyTimezone: false }).day();
@@ -853,6 +855,81 @@ function activeItem(e, defaultClass, activeClass) {
853
855
  });
854
856
  e.currentTarget.className += " ".concat(activeClass, " ");
855
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 sla = new SlaDates(0);
931
+ return sla.getDifferenceInSeconds(timeAsDayjs(createdAt, { server: true }), timeAsDayjs(undefined, { server: true }), SLA_WORKING_HOURS);
932
+ }
856
933
  function MessengerListItem(_a) {
857
934
  var _b, _c;
858
935
  var item = _a.item, onClick = _a.onClick, canSeeDetailsChat = _a.canSeeDetailsChat, currentId = _a.currentId, currentViewerId = _a.currentViewerId;
@@ -863,33 +940,92 @@ function MessengerListItem(_a) {
863
940
  : '';
864
941
  }, [item]);
865
942
  var _e = (0,external_react_namespaceObject.useState)(''), background = _e[0], setBackground = _e[1];
866
- var _f = (0,external_react_namespaceObject.useState)(null), counter = _f[0], setCounter = _f[1];
943
+ var rowRef = (0,external_react_namespaceObject.useRef)(null);
944
+ var scheduledRef = (0,external_react_namespaceObject.useRef)(false);
945
+ var beSnapshot = typeof item.SLATimePassed === 'number' ? item.SLATimePassed : null;
946
+ var _f = (0,external_react_namespaceObject.useState)(function () {
947
+ var _a;
948
+ if (beSnapshot != null)
949
+ return beSnapshot;
950
+ return (_a = listSlaCache.get(item._id)) !== null && _a !== void 0 ? _a : null;
951
+ }), idleSeconds = _f[0], setIdleSeconds = _f[1];
952
+ var listSlaSeconds = canSeeDetailsChat && idleSeconds != null ? idleSeconds : null;
867
953
  var theme = useThemes().theme;
868
954
  var isInprogress = ((_c = (_b = item.status) === null || _b === void 0 ? void 0 : _b.current) === null || _c === void 0 ? void 0 : _c.systemicValue) === 'inprogress';
869
955
  var otherChatMember = (0,external_react_namespaceObject.useMemo)(function () {
870
956
  return (item === null || item === void 0 ? void 0 : item.users.find(function (item) { return item.uniqueCode !== currentViewerId; })) ||
871
957
  item.creator;
872
958
  }, [item === null || item === void 0 ? void 0 : item.users, currentViewerId]);
959
+ // Agenda Gueff 1× por ticket (cache). Não usa setState de visibility no scroll.
873
960
  (0,external_react_namespaceObject.useEffect)(function () {
874
961
  var _a;
875
- var interval;
876
- if (isInprogress && canSeeDetailsChat) {
877
- var sla = new SlaDates(timeAsDayjs(item.currentTime).diff(item.createdAt, 'second'));
878
- var diference = sla.calculateWorkingTime(timeAsDayjs(item.createdAt), timeAsDayjs(), { start: 9, end: 18 });
879
- setCounter(diference);
880
- if (sla.canUpdateClock(timeAsDayjs())) {
881
- interval = setInterval(function () {
882
- setCounter(function (prev) { return (prev !== null ? prev + 1 : null); });
883
- }, 1000);
884
- }
962
+ if (!canSeeDetailsChat || !isInprogress || !item.createdAt)
963
+ return;
964
+ if (beSnapshot != null) {
965
+ if (idleSeconds !== beSnapshot)
966
+ setIdleSeconds(beSnapshot);
967
+ return;
885
968
  }
886
- else {
887
- setCounter((_a = item.SLATimePassed) !== null && _a !== void 0 ? _a : null);
969
+ var cached = listSlaCache.get(item._id);
970
+ if (cached != null) {
971
+ if (idleSeconds !== cached)
972
+ setIdleSeconds(cached);
973
+ return;
888
974
  }
889
- return function () {
890
- clearInterval(interval);
975
+ if (scheduledRef.current)
976
+ return;
977
+ var node = rowRef.current;
978
+ if (!node)
979
+ return;
980
+ var root = (_a = node.closest('.messenger__aside-list')) !== null && _a !== void 0 ? _a : null;
981
+ var scheduleOnce = function () {
982
+ if (scheduledRef.current)
983
+ return;
984
+ if (listSlaCache.has(item._id)) {
985
+ var value = listSlaCache.get(item._id);
986
+ if (value != null)
987
+ setIdleSeconds(value);
988
+ return;
989
+ }
990
+ scheduledRef.current = true;
991
+ enqueueListSlaCalc(function () {
992
+ try {
993
+ var seconds = computeListSlaSeconds(item.createdAt);
994
+ listSlaCache.set(item._id, seconds);
995
+ setIdleSeconds(seconds);
996
+ }
997
+ catch (_a) {
998
+ scheduledRef.current = false;
999
+ }
1000
+ });
891
1001
  };
892
- }, []);
1002
+ // Já no viewport no mount → agenda; senão espera 1ª interseção (sem setState).
1003
+ var rect = node.getBoundingClientRect();
1004
+ var rootRect = root === null || root === void 0 ? void 0 : root.getBoundingClientRect();
1005
+ var roughlyVisible = rootRect
1006
+ ? rect.bottom >= rootRect.top - 80 && rect.top <= rootRect.bottom + 80
1007
+ : rect.top < window.innerHeight && rect.bottom > 0;
1008
+ if (roughlyVisible) {
1009
+ scheduleOnce();
1010
+ return;
1011
+ }
1012
+ var observer = new IntersectionObserver(function (_a) {
1013
+ var entry = _a[0];
1014
+ if (!entry.isIntersecting)
1015
+ return;
1016
+ scheduleOnce();
1017
+ observer.disconnect();
1018
+ }, { root: root, rootMargin: '80px 0px', threshold: 0 });
1019
+ observer.observe(node);
1020
+ return function () { return observer.disconnect(); };
1021
+ }, [
1022
+ canSeeDetailsChat,
1023
+ beSnapshot,
1024
+ isInprogress,
1025
+ item._id,
1026
+ item.createdAt,
1027
+ idleSeconds,
1028
+ ]);
893
1029
  (0,external_react_namespaceObject.useEffect)(function () {
894
1030
  setUnreadMessages(item.totalUnreadMessages);
895
1031
  }, [item]);
@@ -910,19 +1046,7 @@ function MessengerListItem(_a) {
910
1046
  var onMouseLeave = function () {
911
1047
  setBackground('');
912
1048
  };
913
- var ShowTimer = function () {
914
- if (counter === null)
915
- return null;
916
- return (external_react_namespaceObject["default"].createElement("span", { className: 'messenger__aside-timer', style: {
917
- background: SlaDates.getColorsByTime(counter),
918
- color: 'var(--secondary-color)',
919
- width: 'fit-content',
920
- } },
921
- external_react_namespaceObject["default"].createElement(TimerIcon, { color: 'var(--secondary-color)' }),
922
- "\u00A0",
923
- external_react_namespaceObject["default"].createElement("b", null, SlaDates.secondsInHours(counter))));
924
- };
925
- 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: {
1049
+ 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: {
926
1050
  color: theme === null || theme === void 0 ? void 0 : theme.asideFontColor,
927
1051
  backgroundColor: currentId === item._id ? theme === null || theme === void 0 ? void 0 : theme.active : background,
928
1052
  } },
@@ -932,7 +1056,14 @@ function MessengerListItem(_a) {
932
1056
  external_react_namespaceObject["default"].createElement("div", { className: 'messenger__aside-list-item--info' },
933
1057
  external_react_namespaceObject["default"].createElement("p", { className: 'messenger__aside-list-item--title' }, otherChatMember === null || otherChatMember === void 0 ? void 0 : otherChatMember.username),
934
1058
  (item.subject || item.reason) && (external_react_namespaceObject["default"].createElement(SubTitle, { item: item, nature: item.nature })),
935
- canSeeDetailsChat && external_react_namespaceObject["default"].createElement(ShowTimer, null)),
1059
+ listSlaSeconds !== null && (external_react_namespaceObject["default"].createElement("span", { className: 'messenger__aside-timer', style: {
1060
+ background: SlaDates.getColorsByTime(listSlaSeconds),
1061
+ color: 'var(--secondary-color)',
1062
+ width: 'fit-content',
1063
+ } },
1064
+ external_react_namespaceObject["default"].createElement(TimerIcon, { color: 'var(--secondary-color)' }),
1065
+ "\u00A0",
1066
+ external_react_namespaceObject["default"].createElement("b", null, formatSlaHoursMinutes(listSlaSeconds))))),
936
1067
  item && (external_react_namespaceObject["default"].createElement("div", { className: 'messenger__aside-list-item--additional' },
937
1068
  canSeeDetailsChat && external_react_namespaceObject["default"].createElement("span", null, "#".concat(item.protocol)),
938
1069
  external_react_namespaceObject["default"].createElement("div", { className: 'messenger__aside-list-item--unread', style: {
@@ -2376,6 +2507,60 @@ function MessengerMessages(_a) {
2376
2507
  }
2377
2508
  /* harmony default export */ const views_MessengerMessages = (MessengerMessages);
2378
2509
 
2510
+ ;// CONCATENATED MODULE: ./src/app/Messenger/components/OpenChatSlaTimer/OpenChatSlaTimer.tsx
2511
+
2512
+
2513
+
2514
+ /**
2515
+ * Tick SLA só no chat aberto
2516
+ */
2517
+ function OpenChatSlaTimer(_a) {
2518
+ var createdAt = _a.createdAt, slaTimePassed = _a.slaTimePassed, isInprogress = _a.isInprogress;
2519
+ var _b = (0,external_react_namespaceObject.useState)(function () { return slaTimePassed !== null && slaTimePassed !== void 0 ? slaTimePassed : null; }), counter = _b[0], setCounter = _b[1];
2520
+ (0,external_react_namespaceObject.useEffect)(function () {
2521
+ if (!isInprogress) {
2522
+ setCounter(slaTimePassed !== null && slaTimePassed !== void 0 ? slaTimePassed : null);
2523
+ return;
2524
+ }
2525
+ var sla = new SlaDates(0);
2526
+ var syncFromCreatedAt = function () {
2527
+ var now = timeAsDayjs(undefined, { server: true });
2528
+ setCounter(sla.getDifferenceInSeconds(timeAsDayjs(createdAt, { server: true }), now, SLA_WORKING_HOURS));
2529
+ };
2530
+ syncFromCreatedAt();
2531
+ var interval = setInterval(function () {
2532
+ if (document.visibilityState !== 'visible')
2533
+ return;
2534
+ if (!sla.canUpdateClock(timeAsDayjs(undefined, { server: true })))
2535
+ return;
2536
+ syncFromCreatedAt();
2537
+ }, 1000);
2538
+ var onVisibilityChange = function () {
2539
+ if (document.visibilityState === 'visible') {
2540
+ syncFromCreatedAt();
2541
+ }
2542
+ };
2543
+ document.addEventListener('visibilitychange', onVisibilityChange);
2544
+ return function () {
2545
+ clearInterval(interval);
2546
+ document.removeEventListener('visibilitychange', onVisibilityChange);
2547
+ };
2548
+ }, [createdAt, slaTimePassed, isInprogress]);
2549
+ if (counter === null)
2550
+ return null;
2551
+ return (external_react_namespaceObject["default"].createElement("span", { className: 'messenger__aside-timer', style: {
2552
+ background: SlaDates.getColorsByTime(counter),
2553
+ color: 'var(--secondary-color)',
2554
+ width: 'fit-content',
2555
+ display: 'inline-flex',
2556
+ alignItems: 'center',
2557
+ } },
2558
+ external_react_namespaceObject["default"].createElement(TimerIcon, { color: 'var(--secondary-color)' }),
2559
+ "\u00A0",
2560
+ external_react_namespaceObject["default"].createElement("b", null, SlaDates.secondsInHours(counter))));
2561
+ }
2562
+ /* harmony default export */ const OpenChatSlaTimer_OpenChatSlaTimer = (OpenChatSlaTimer);
2563
+
2379
2564
  ;// CONCATENATED MODULE: ./src/app/Messenger/hooks/useConversations.tsx
2380
2565
 
2381
2566
 
@@ -2561,6 +2746,7 @@ function ChatProvider(_a) {
2561
2746
 
2562
2747
 
2563
2748
 
2749
+
2564
2750
  })();
2565
2751
 
2566
2752
  var __webpack_exports__ChatProvider = __webpack_exports__.aM;
@@ -2569,9 +2755,10 @@ var __webpack_exports__MessengerListItem = __webpack_exports__.Fx;
2569
2755
  var __webpack_exports__MessengerMessages = __webpack_exports__.tt;
2570
2756
  var __webpack_exports__MessengerThemeWrapper = __webpack_exports__.Vc;
2571
2757
  var __webpack_exports__NewChatButton = __webpack_exports__.Y3;
2758
+ var __webpack_exports__OpenChatSlaTimer = __webpack_exports__.rX;
2572
2759
  var __webpack_exports__chatResources = __webpack_exports__.ig;
2573
2760
  var __webpack_exports__useConversations = __webpack_exports__.Z5;
2574
2761
  var __webpack_exports__useMessages = __webpack_exports__.y_;
2575
- 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 };
2762
+ 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 };
2576
2763
 
2577
2764
  //# sourceMappingURL=agx-chat.esm.js.map