agx-chat-web 1.2.4 → 1.2.6
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.
- package/dist/agx-chat.esm.js +1 -1
- package/dist/agx-chat.esm.js.map +1 -1
- package/dist/agx-chat.umd.js +1 -1
- package/dist/agx-chat.umd.js.map +1 -1
- package/dist/esm/app/ChatProvider/ChatProvider.js +1 -0
- package/dist/esm/app/ChatProvider/ChatProvider.js.map +1 -1
- package/dist/esm/app/Messenger/hooks/useConversations.d.ts +1 -1
- package/package.json +1 -1
package/dist/agx-chat.esm.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import*as e from"dayjs";import*as n from"react";import*as t from"react-i18next";import*as r from"react-simple-image-viewer";import*as a from"i18next";var s={74:(e,n,t)=>{t.d(n,{Z:()=>o});var r=t(537),a=t.n(r),s=t(645),i=t.n(s)()(a());i.push([e.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:""}]);const o=i},645:e=>{e.exports=function(e){var n=[];return n.toString=function(){return this.map((function(n){var t="",r=void 0!==n[5];return n[4]&&(t+="@supports (".concat(n[4],") {")),n[2]&&(t+="@media ".concat(n[2]," {")),r&&(t+="@layer".concat(n[5].length>0?" ".concat(n[5]):""," {")),t+=e(n),r&&(t+="}"),n[2]&&(t+="}"),n[4]&&(t+="}"),t})).join("")},n.i=function(e,t,r,a,s){"string"==typeof e&&(e=[[null,e,void 0]]);var i={};if(r)for(var o=0;o<this.length;o++){var l=this[o][0];null!=l&&(i[l]=!0)}for(var d=0;d<e.length;d++){var A=[].concat(e[d]);r&&i[A[0]]||(void 0!==s&&(void 0===A[5]||(A[1]="@layer".concat(A[5].length>0?" ".concat(A[5]):""," {").concat(A[1],"}")),A[5]=s),t&&(A[2]?(A[1]="@media ".concat(A[2]," {").concat(A[1],"}"),A[2]=t):A[2]=t),a&&(A[4]?(A[1]="@supports (".concat(A[4],") {").concat(A[1],"}"),A[4]=a):A[4]="".concat(a)),n.push(A))}},n}},537:e=>{e.exports=function(e){var n=e[1],t=e[3];if(!t)return n;if("function"==typeof btoa){var r=btoa(unescape(encodeURIComponent(JSON.stringify(t)))),a="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(r),s="/*# ".concat(a," */");return[n].concat([s]).join("\n")}return[n].join("\n")}},548:function(e,n,t){e.exports=function(e){function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var t=n(e),r={name:"pt-br",weekdays:"domingo_segunda-feira_terça-feira_quarta-feira_quinta-feira_sexta-feira_sábado".split("_"),weekdaysShort:"dom_seg_ter_qua_qui_sex_sáb".split("_"),weekdaysMin:"Do_2ª_3ª_4ª_5ª_6ª_Sá".split("_"),months:"janeiro_fevereiro_março_abril_maio_junho_julho_agosto_setembro_outubro_novembro_dezembro".split("_"),monthsShort:"jan_fev_mar_abr_mai_jun_jul_ago_set_out_nov_dez".split("_"),ordinal:function(e){return e+"º"},formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD/MM/YYYY",LL:"D [de] MMMM [de] YYYY",LLL:"D [de] MMMM [de] YYYY [às] HH:mm",LLLL:"dddd, D [de] MMMM [de] YYYY [às] HH:mm"},relativeTime:{future:"em %s",past:"há %s",s:"poucos segundos",m:"um minuto",mm:"%d minutos",h:"uma hora",hh:"%d horas",d:"um dia",dd:"%d dias",M:"um mês",MM:"%d meses",y:"um ano",yy:"%d anos"}};return t.default.locale(r,null,!0),r}(t(338))},124:function(e){e.exports=function(e,n,t){n.prototype.isToday=function(){var e="YYYY-MM-DD",n=t();return this.format(e)===n.format(e)}}},387:function(e){var n,t;e.exports=(n={year:0,month:1,day:2,hour:3,minute:4,second:5},t={},function(e,r,a){var s,i=function(e,n,r){void 0===r&&(r={});var a=new Date(e),s=function(e,n){void 0===n&&(n={});var r=n.timeZoneName||"short",a=e+"|"+r,s=t[a];return s||(s=new Intl.DateTimeFormat("en-US",{hour12:!1,timeZone:e,year:"numeric",month:"2-digit",day:"2-digit",hour:"2-digit",minute:"2-digit",second:"2-digit",timeZoneName:r}),t[a]=s),s}(n,r);return s.formatToParts(a)},o=function(e,t){for(var r=i(e,t),s=[],o=0;o<r.length;o+=1){var l=r[o],d=l.type,A=l.value,c=n[d];c>=0&&(s[c]=parseInt(A,10))}var m=s[3],u=24===m?0:m,p=s[0]+"-"+s[1]+"-"+s[2]+" "+u+":"+s[4]+":"+s[5]+":000",g=+e;return(a.utc(p).valueOf()-(g-=g%1e3))/6e4},l=r.prototype;l.tz=function(e,n){void 0===e&&(e=s);var t=this.utcOffset(),r=this.toDate(),i=r.toLocaleString("en-US",{timeZone:e}),o=Math.round((r-new Date(i))/1e3/60),l=a(i).$set("millisecond",this.$ms).utcOffset(15*-Math.round(r.getTimezoneOffset()/15)-o,!0);if(n){var d=l.utcOffset();l=l.add(t-d,"minute")}return l.$x.$timezone=e,l},l.offsetName=function(e){var n=this.$x.$timezone||a.tz.guess(),t=i(this.valueOf(),n,{timeZoneName:e}).find((function(e){return"timezonename"===e.type.toLowerCase()}));return t&&t.value};var d=l.startOf;l.startOf=function(e,n){if(!this.$x||!this.$x.$timezone)return d.call(this,e,n);var t=a(this.format("YYYY-MM-DD HH:mm:ss:SSS"));return d.call(t,e,n).tz(this.$x.$timezone,!0)},a.tz=function(e,n,t){var r=t&&n,i=t||n||s,l=o(+a(),i);if("string"!=typeof e)return a(e).tz(i);var d=function(e,n,t){var r=e-60*n*1e3,a=o(r,t);if(n===a)return[r,n];var s=o(r-=60*(a-n)*1e3,t);return a===s?[r,a]:[e-60*Math.min(a,s)*1e3,Math.max(a,s)]}(a.utc(e,r).valueOf(),l,i),A=d[0],c=d[1],m=a(A).utcOffset(c);return m.$x.$timezone=i,m},a.tz.guess=function(){return Intl.DateTimeFormat().resolvedOptions().timeZone},a.tz.setDefault=function(e){s=e}})},178:function(e){var n,t,r;e.exports=(n="minute",t=/[+-]\d\d(?::?\d\d)?/g,r=/([+-]|\d\d)/g,function(e,a,s){var i=a.prototype;s.utc=function(e){return new a({date:e,utc:!0,args:arguments})},i.utc=function(e){var t=s(this.toDate(),{locale:this.$L,utc:!0});return e?t.add(this.utcOffset(),n):t},i.local=function(){return s(this.toDate(),{locale:this.$L,utc:!1})};var o=i.parse;i.parse=function(e){e.utc&&(this.$u=!0),this.$utils().u(e.$offset)||(this.$offset=e.$offset),o.call(this,e)};var l=i.init;i.init=function(){if(this.$u){var e=this.$d;this.$y=e.getUTCFullYear(),this.$M=e.getUTCMonth(),this.$D=e.getUTCDate(),this.$W=e.getUTCDay(),this.$H=e.getUTCHours(),this.$m=e.getUTCMinutes(),this.$s=e.getUTCSeconds(),this.$ms=e.getUTCMilliseconds()}else l.call(this)};var d=i.utcOffset;i.utcOffset=function(e,a){var s=this.$utils().u;if(s(e))return this.$u?0:s(this.$offset)?d.call(this):this.$offset;if("string"==typeof e&&(e=function(e){void 0===e&&(e="");var n=e.match(t);if(!n)return null;var a=(""+n[0]).match(r)||["-",0,0],s=a[0],i=60*+a[1]+ +a[2];return 0===i?0:"+"===s?i:-i}(e),null===e))return this;var i=Math.abs(e)<=16?60*e:e,o=this;if(a)return o.$offset=i,o.$u=0===e,o;if(0!==e){var l=this.$u?this.toDate().getTimezoneOffset():-1*this.utcOffset();(o=this.local().add(i+l,n)).$offset=i,o.$x.$localOffset=l}else o=this.utc();return o};var A=i.format;i.format=function(e){var n=e||(this.$u?"YYYY-MM-DDTHH:mm:ss[Z]":"");return A.call(this,n)},i.valueOf=function(){var e=this.$utils().u(this.$offset)?0:this.$offset+(this.$x.$localOffset||this.$d.getTimezoneOffset());return this.$d.valueOf()-6e4*e},i.isUTC=function(){return!!this.$u},i.toISOString=function(){return this.toDate().toISOString()},i.toString=function(){return this.toDate().toUTCString()};var c=i.toDate;i.toDate=function(e){return"s"===e&&this.$offset?s(this.format("YYYY-MM-DD HH:mm:ss:SSS")).toDate():c.call(this)};var m=i.diff;i.diff=function(e,n,t){if(e&&this.$u===e.$u)return m.call(this,e,n,t);var r=this.local(),a=s(e).local();return m.call(r,a,n,t)}})},379:e=>{var n=[];function t(e){for(var t=-1,r=0;r<n.length;r++)if(n[r].identifier===e){t=r;break}return t}function r(e,r){for(var s={},i=[],o=0;o<e.length;o++){var l=e[o],d=r.base?l[0]+r.base:l[0],A=s[d]||0,c="".concat(d," ").concat(A);s[d]=A+1;var m=t(c),u={css:l[1],media:l[2],sourceMap:l[3],supports:l[4],layer:l[5]};if(-1!==m)n[m].references++,n[m].updater(u);else{var p=a(u,r);r.byIndex=o,n.splice(o,0,{identifier:c,updater:p,references:1})}i.push(c)}return i}function a(e,n){var t=n.domAPI(n);t.update(e);return function(n){if(n){if(n.css===e.css&&n.media===e.media&&n.sourceMap===e.sourceMap&&n.supports===e.supports&&n.layer===e.layer)return;t.update(e=n)}else t.remove()}}e.exports=function(e,a){var s=r(e=e||[],a=a||{});return function(e){e=e||[];for(var i=0;i<s.length;i++){var o=t(s[i]);n[o].references--}for(var l=r(e,a),d=0;d<s.length;d++){var A=t(s[d]);0===n[A].references&&(n[A].updater(),n.splice(A,1))}s=l}}},569:e=>{var n={};e.exports=function(e,t){var r=function(e){if(void 0===n[e]){var t=document.querySelector(e);if(window.HTMLIFrameElement&&t instanceof window.HTMLIFrameElement)try{t=t.contentDocument.head}catch(e){t=null}n[e]=t}return n[e]}(e);if(!r)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");r.appendChild(t)}},216:e=>{e.exports=function(e){var n=document.createElement("style");return e.setAttributes(n,e.attributes),e.insert(n,e.options),n}},565:(e,n,t)=>{e.exports=function(e){var n=t.nc;n&&e.setAttribute("nonce",n)}},795:e=>{e.exports=function(e){var n=e.insertStyleElement(e);return{update:function(t){!function(e,n,t){var r="";t.supports&&(r+="@supports (".concat(t.supports,") {")),t.media&&(r+="@media ".concat(t.media," {"));var a=void 0!==t.layer;a&&(r+="@layer".concat(t.layer.length>0?" ".concat(t.layer):""," {")),r+=t.css,a&&(r+="}"),t.media&&(r+="}"),t.supports&&(r+="}");var s=t.sourceMap;s&&"undefined"!=typeof btoa&&(r+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(s))))," */")),n.styleTagTransform(r,e,n.options)}(n,e,t)},remove:function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(n)}}}},589:e=>{e.exports=function(e,n){if(n.styleSheet)n.styleSheet.cssText=e;else{for(;n.firstChild;)n.removeChild(n.firstChild);n.appendChild(document.createTextNode(e))}}},93:e=>{e.exports="data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='256' height='256' viewBox='0 0 256 256' xml:space='preserve'%3e %3cdesc%3eCreated with Fabric.js 1.7.22%3c/desc%3e %3cdefs%3e %3c/defs%3e %3cg transform='translate(128 128) scale(0.72 0.72)' style=''%3e %3cg style='stroke: none; stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: none; fill-rule: nonzero; opacity: 1;' transform='translate(-175.05 -175.05000000000004) scale(3.89 3.89)' %3e %3cpath d='M 87.85 41.551 L 5.545 1.167 C 2.414 -0.369 -0.979 2.725 0.263 5.984 l 14.342 37.648 c 0.336 0.881 0.336 1.854 0 2.735 L 0.263 84.016 c -1.241 3.259 2.152 6.353 5.282 4.817 L 87.85 48.449 C 90.717 47.043 90.717 42.957 87.85 41.551 z' style='stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(255,255,255); fill-rule: nonzero; opacity: 1;' transform=' matrix(1 0 0 1 0 0) ' stroke-linecap='round' /%3e %3c/g%3e %3c/g%3e %3c/svg%3e"},338:n=>{n.exports=e}},i={};function o(e){var n=i[e];if(void 0!==n)return n.exports;var t=i[e]={id:e,exports:{}};return s[e].call(t.exports,t,t.exports,o),t.exports}o.n=e=>{var n=e&&e.__esModule?()=>e.default:()=>e;return o.d(n,{a:n}),n},o.d=(e,n)=>{for(var t in n)o.o(n,t)&&!o.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:n[t]})},o.o=(e,n)=>Object.prototype.hasOwnProperty.call(e,n),o.nc=void 0;var l={};(()=>{o.d(l,{aM:()=>tn,AM:()=>U,Fx:()=>J,tt:()=>Ze,Vc:()=>v,Y3:()=>P,m0:()=>nn,Z5:()=>qe,y_:()=>Ve});var e=o(379),s=o.n(e),i=o(795),d=o.n(i),A=o(569),c=o.n(A),m=o(565),u=o.n(m),p=o(216),g=o.n(p),f=o(589),h=o.n(f),_=o(74),E={};E.styleTagTransform=h(),E.setAttributes=u(),E.insert=c().bind(null,"head"),E.domAPI=d(),E.insertStyleElement=g();s()(_.Z,E);_.Z&&_.Z.locals&&_.Z.locals;const x=(e=>{var n={};return o.d(n,e),n})({Fragment:()=>n.Fragment,createContext:()=>n.createContext,createElement:()=>n.createElement,default:()=>n.default,useCallback:()=>n.useCallback,useContext:()=>n.useContext,useEffect:()=>n.useEffect,useMemo:()=>n.useMemo,useRef:()=>n.useRef,useState:()=>n.useState});var C={asideBg:"#eee",asideFontColor:"var(--secondary-color)",messengerMessagesBg:"#eeeeee",headerAndSenderBg:"#232831",buttonPrimary:"#25D366",buttonPrimaryText:"#707070",buttonsDisabled:"#94989D",uploadFileIconColor:"#8696a0",messengerNotSelectedBg:"#DDDDDD",newChatFormBg:"",newChatFormRadius:"0 20px 20px 0",newChatFormTexts:"#000",newChatFormDeleteFileButton:"#DD4E4E",disclaimerPrimaryColor:"#4791FF",disclaimerSecondaryColor:"#4791FF",disclaimerTextColor:"#000",messengerSenderColor:"#00A73E",messengerIncomerColor:"#707070",messengerSystemColor:"#2A313A",borderColor:"#AAAAAA",inputBg:"var(--secondary-color)",chatInputBorder:"",listItemHover:"",active:"",activeTabBorter:"#25D366",emptyMessagesFontColor:"#000",documentMessagesTextColor:"#fff"},b=(0,x.createContext)({});const v=function(e){var n=e.children,t=e.theme,r={theme:void 0===t?C:t};return x.default.createElement(b.Provider,{value:r},n)};const w=function(){var e=(0,x.useContext)(b);if(void 0===e)throw new Error("useTheme must be used within a ThemeProvider");return e};var y=o(338),B=o(548),k=o.n(B),N=o(178),M=o.n(N),F=o(387),R=o.n(F),S=o(124),I=o.n(S),Q="America/Sao_Paulo";y.default.extend(M()),y.default.extend(R()),y.default.extend(I()),y.default.locale(k());var j=function(e,n){void 0===e&&(e=new Date);var t=null==n?void 0:n.server,r=null==n?void 0:n.applyTimezone,a=y.default.tz.guess();return null==r||r?null!=t&&t&&(a=Q):a="GMT",y.default.tz(e,a)},z=function(){function e(e){this.holidays={2023:["09-07","10-12","10-17","11-02","11-15","11-20","12-25"]},this.seconds=e}return e.prototype.isWorkingDay=function(e){var n=e.day();return n>=1&&n<=5},e.prototype.isWorkingHour=function(e){var n=e.hour();return n>=9&&n<=18},e.prototype.isWeekendOrHoliday=function(e){var n=j(e,{applyTimezone:!1}).day();if([6,0].includes(n))return!0;var t=j(e).format("MM-DD");return this.holidays[2023].includes(t)},e.prototype.isHoliday=function(e){var n=j(e,{applyTimezone:!1}).format("MM-DD");return this.holidays[2023].includes(n)},e.prototype.canUpdateClock=function(e){var n=this.isWorkingDay(e)&&this.isWorkingHour(e);return!this.isWeekendOrHoliday(e)&&n},e.prototype.getDiffInSeconds=function(e,n){return n.diff(e,"second")},e.prototype.calculateWorkingTime=function(e,n,t){for(var r=e.clone(),a=0;r.isBefore(n);)if(this.isWorkingDay(r)&&!this.isHoliday(r)){var s=r.clone().startOf("day").add(t.start,"hour"),i=r.clone().startOf("day").add(t.end,"hour");if(r.isBefore(s)&&(r=s.clone()),r.isAfter(i))r=r.clone().add(1,"day").startOf("day");else{if(!n.isAfter(i)){a+=Math.abs(n.clone().diff(r,"second"));break}a+=Math.abs(i.clone().diff(r,"second")),r=r.clone().add(1,"day").startOf("day").add(t.start,"hour")}}else r=r.clone().add(1,"day").startOf("day");return a},e.prototype.getDifferenceInSeconds=function(e,n,t){if(n.isBefore(e))throw new Error("End date should be after the start date.");return this.calculateWorkingTime(e,n,t)},e.secondsInHours=function(e){var n=Math.floor(e/3600),t=Math.floor(e%3600/60),r=e%60;return"".concat(n.toString().padStart(2,"0"),":").concat(t.toString().padStart(2,"0"),":").concat(r.toString().padStart(2,"0"))},e.getColorsByTime=function(e){var n=e/3600;return n<=2?"#00CF7B":n>=2&&n<3?"#FF9838":n>=3&&n<4?"#DD4E4E":"#151919"},e}();const D=(e=>{var n={};return o.d(n,e),n})({I18nextProvider:()=>t.I18nextProvider,initReactI18next:()=>t.initReactI18next,useTranslation:()=>t.useTranslation});const T=function(e){var n=e.image,t=e.children,r=e.className,a=void 0===r?"":r,s=(0,D.useTranslation)("messengerList").t,i=w().theme;return x.default.createElement("figure",{className:"".concat(a," messenger__aside-list-item--avatar"),style:{background:i.messengerIncomerColor}},n?x.default.createElement("img",{loading:"lazy",alt:s("messengerAvatar.alt"),src:n}):t)};function L(e){var n=e.color;return x.default.createElement("svg",{width:"14",height:"14",viewBox:"0 0 18 18",fill:n,xmlns:"http://www.w3.org/2000/svg"},x.default.createElement("path",{d:"M9.42207 4.79883H8.57656C8.49922 4.79883 8.43594 4.86211 8.43594 4.93946V9.77871C8.43594 9.82442 8.45703 9.8666 8.49394 9.89297L11.3996 12.0147C11.4629 12.0604 11.5508 12.048 11.5965 11.9848L12.0992 11.2992C12.1467 11.2342 12.1326 11.1463 12.0693 11.1023L9.56269 9.29004V4.93946C9.56269 4.86211 9.49941 4.79883 9.42207 4.79883ZM13.2857 6.12071L16.042 6.79395C16.1299 6.81504 16.216 6.74824 16.216 6.6586L16.2301 3.81973C16.2301 3.70196 16.0947 3.63516 16.0033 3.70899L13.233 5.87285C13.2121 5.88905 13.1961 5.91083 13.187 5.93568C13.1779 5.96054 13.176 5.98746 13.1815 6.01335C13.187 6.03924 13.1997 6.06305 13.2182 6.08204C13.2366 6.10103 13.26 6.11444 13.2857 6.12071ZM16.2336 11.4135L15.2369 11.0707C15.2022 11.0588 15.1641 11.061 15.131 11.0767C15.0978 11.0925 15.0721 11.1206 15.0594 11.1551C15.026 11.2447 14.9908 11.3326 14.9539 11.4205C14.641 12.1605 14.1928 12.8268 13.6197 13.3981C13.053 13.9665 12.3815 14.4196 11.6422 14.7322C10.8764 15.056 10.0531 15.2222 9.22168 15.2209C8.38145 15.2209 7.56758 15.0574 6.80117 14.7322C6.06191 14.4196 5.39032 13.9665 4.82363 13.3981C4.25234 12.8268 3.8041 12.1605 3.48945 11.4205C3.16745 10.6542 3.00248 9.83117 3.0043 9C3.0043 8.15977 3.16777 7.34414 3.49297 6.57774C3.80586 5.8377 4.2541 5.17149 4.82715 4.6002C5.39383 4.03175 6.06542 3.57866 6.80469 3.26602C7.56758 2.94082 8.3832 2.77735 9.22344 2.77735C10.0637 2.77735 10.8775 2.94082 11.6439 3.26602C12.3832 3.57866 13.0548 4.03175 13.6215 4.6002C13.8008 4.78125 13.9695 4.96934 14.1242 5.16797L15.1754 4.34531C13.792 2.57696 11.6387 1.43965 9.21992 1.44141C5.0082 1.44317 1.62617 4.86387 1.66836 9.07735C1.71055 13.217 5.07676 16.5586 9.22344 16.5586C12.4842 16.5586 15.2615 14.4914 16.3197 11.5963C16.3461 11.5225 16.3074 11.4398 16.2336 11.4135Z",fill:n}))}function O(e,n,t){document.querySelectorAll(".".concat(n)).forEach((function(e){e.classList.remove(t)})),e.currentTarget.className+=" ".concat(t," ")}const J=function(e){var n,t,r,a=e.item,s=e.onClick,i=e.canSeeDetailsChat,o=e.currentId,l=e.currentViewerId,d=(0,x.useState)(a.totalUnreadMessages),A=d[0],c=d[1],m=(0,x.useMemo)((function(){return"final"===a.status.current.state?"messenger__aside-list-item--closed":""}),[a]),u=(0,x.useState)(""),p=u[0],g=u[1],f=(0,x.useState)(null),h=f[0],_=f[1],E=w().theme,C="inprogress"===(null===(t=null===(n=a.status)||void 0===n?void 0:n.current)||void 0===t?void 0:t.systemicValue),b=(0,x.useMemo)((function(){return(null==a?void 0:a.users.find((function(e){return e.uniqueCode!==l})))||a.creator}),[null==a?void 0:a.users,l]);return(0,x.useEffect)((function(){var e,n;if(C&&i){var t=new z(j(a.currentTime).diff(a.createdAt,"second")),r=t.calculateWorkingTime(j(a.createdAt),j(),{start:9,end:18});_(r),t.canUpdateClock(j())&&(n=setInterval((function(){_((function(e){return null!==e?e+1:null}))}),1e3))}else _(null!==(e=a.SLATimePassed)&&void 0!==e?e:null);return function(){clearInterval(n)}}),[]),(0,x.useEffect)((function(){c(a.totalUnreadMessages)}),[a]),x.default.createElement("div",{className:"messenger__aside-list-item ".concat(m),onClick:function(e){return function(e,n){O(e,"messenger__aside-list-item","messenger__aside-list-item--active"),s(n)}(e,a)},onMouseOver:function(){g(null==E?void 0:E.listItemHover)},onMouseLeave:function(){g("")},style:{color:null==E?void 0:E.asideFontColor,backgroundColor:o===a._id?null==E?void 0:E.active:p}},x.default.createElement(T,{image:null==b?void 0:b.image},b&&b.username?b.username.slice(0,1):""),x.default.createElement("div",{className:"messenger__aside-list-item--info"},x.default.createElement("p",{className:"messenger__aside-list-item--title"},null==b?void 0:b.username),(null==a?void 0:a.reason)&&x.default.createElement("p",{className:"messenger__aside-list-item--description"},a.reason),i&&x.default.createElement((function(){return null===h?null:x.default.createElement("span",{className:"messenger__aside-timer",style:{background:z.getColorsByTime(h),color:"var(--secondary-color)",width:"fit-content"}},x.default.createElement(L,{color:"var(--secondary-color)"})," ",x.default.createElement("b",null,z.secondsInHours(h)))}),null)),a&&x.default.createElement("div",{className:"messenger__aside-list-item--additional"},i&&"#".concat(a.protocol),A>0&&x.default.createElement("div",{className:"messenger__aside-list-item--unread"},x.default.createElement("span",null,(r=A)?r>=99?99:r:0))))};const Y=function(e){var n=e.handleChangeTickets,t=e.chatListTabs,r=w().theme;return x.default.createElement("div",{className:"chat-tabs",style:{color:r.asideFontColor}},t.map((function(e,t){return x.default.createElement("button",{key:"chatListTab-".concat(t),className:"chat-tabs__button ".concat(0===t&&"chat-tabs__button--active"),onClick:function(t){n(e.value),O(t,"chat-tabs__button","chat-tabs__button--active")}},e.label)})))};const P=function(e){var n=e.chatButtons,t=e.removeActiveItem,r=w().theme;return x.default.createElement(x.default.Fragment,null,n.map((function(e){return e.canSee&&x.default.createElement(x.default.Fragment,null,x.default.createElement("button",{key:"button-".concat(e.label),className:e.disabled?"messenger__chat-button messenger__chat-button--disabled":"messenger__chat-button",onClick:function(n){e.onClick(),t(n)},style:(n=e.type,a=e.disabled,"primary"===n?{background:a?null==r?void 0:r.buttonsDisabled:null==r?void 0:r.buttonPrimary,color:null==r?void 0:r.buttonPrimaryText}:"outlined"===n?{background:"transparent",color:null==r?void 0:r.asideFontColor,border:"".concat(null==r?void 0:r.asideFontColor," 1px solid")}:void 0)},e.label));var n,a})))};function H(){var e=w().theme;return x.default.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},x.default.createElement("path",{d:"M15.9 17.3L10.3 11.7C9.8 12.1 9.225 12.4167 8.575 12.65C7.925 12.8833 7.23333 13 6.5 13C4.68333 13 3.146 12.371 1.888 11.113C0.629333 9.85433 0 8.31667 0 6.5C0 4.68333 0.629333 3.14567 1.888 1.887C3.146 0.629 4.68333 0 6.5 0C8.31667 0 9.85433 0.629 11.113 1.887C12.371 3.14567 13 4.68333 13 6.5C13 7.23333 12.8833 7.925 12.65 8.575C12.4167 9.225 12.1 9.8 11.7 10.3L17.325 15.925C17.5083 16.1083 17.6 16.3333 17.6 16.6C17.6 16.8667 17.5 17.1 17.3 17.3C17.1167 17.4833 16.8833 17.575 16.6 17.575C16.3167 17.575 16.0833 17.4833 15.9 17.3ZM6.5 11C7.75 11 8.81267 10.5627 9.688 9.688C10.5627 8.81267 11 7.75 11 6.5C11 5.25 10.5627 4.18733 9.688 3.312C8.81267 2.43733 7.75 2 6.5 2C5.25 2 4.18733 2.43733 3.312 3.312C2.43733 4.18733 2 5.25 2 6.5C2 7.75 2.43733 8.81267 3.312 9.688C4.18733 10.5627 5.25 11 6.5 11Z",fill:e.asideFontColor}))}const $=function(e){var n=e.searchChat,t=e.searchKeys,r=e.loadingSearch,a=(0,D.useTranslation)("messengerList").t,s=(0,x.useState)(t[0].value),i=s[0],o=s[1],l=(0,x.useState)(""),d=l[0],A=l[1],c=w().theme;return x.default.createElement("div",{className:"input-search"},x.default.createElement("select",{className:"input-search__select",onChange:function(e){return o(e.target.value)},style:{color:c.asideFontColor,border:"".concat(c.asideFontColor," 1px solid")}},t.map((function(e,n){return x.default.createElement("option",{className:"input-search__option",key:n,value:e.value},e.label)}))),x.default.createElement("input",{className:"input-search__search",placeholder:a("searchInput.placeholder"),onChange:function(e){A(e.target.value)},onKeyDown:function(e){"Enter"===e.key&&n(d,i)},style:{color:c.asideFontColor,border:"".concat(c.asideFontColor," 1px solid"),borderLeft:0}}),x.default.createElement("button",{className:"input-search__icon",onClick:function(){return n(d,i)}},r?x.default.createElement("div",{className:"messenger__messages-loading"},x.default.createElement("div",{className:"messenger__messages-loading--loader"})):x.default.createElement(H,null)))};function W(){var e=w().theme;return x.default.createElement("svg",{width:"26",height:"32",viewBox:"0 0 26 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},x.default.createElement("path",{d:"M24.4286 0H1.57143C0.939288 0 0.428574 0.510714 0.428574 1.14286V30.8571C0.428574 31.4893 0.939288 32 1.57143 32H24.4286C25.0607 32 25.5714 31.4893 25.5714 30.8571V1.14286C25.5714 0.510714 25.0607 0 24.4286 0ZM23 29.4286H3V22.25H6.49643C6.91072 23.4214 7.63929 24.475 8.60715 25.275C9.83929 26.2929 11.4 26.8571 13 26.8571C14.6 26.8571 16.1607 26.2964 17.3929 25.275C18.3607 24.475 19.0893 23.4214 19.5036 22.25H23V29.4286ZM23 20H17.7L17.5143 20.8821C17.0857 23.0179 15.1857 24.5714 13 24.5714C10.8143 24.5714 8.91429 23.0179 8.48215 20.8821L8.29643 20H3V2.57143H23V20Z",fill:e.emptyMessagesFontColor}))}var Z={width:25,height:25,visibility:"hidden"};const q=function(e){var n=e.loading,t=e.loadingCover,r=e.more,a=e.fetch,s=e.children,i=e.root,o=e.reverse,l=void 0!==o&&o,d=e.rootMargin,A=void 0===d?400:d,c=x.default.useState(null),m=c[0],u=c[1];return x.default.useEffect((function(){if(i){var e=m,n=new IntersectionObserver((function(e){!0===e[0].isIntersecting&&a()}),{root:i,rootMargin:A.toString()+"px",threshold:.5});return e&&n.observe(e),function(){e&&n.unobserve(e)}}}),[m]),l?x.default.createElement(x.default.Fragment,null,r&&!n&&x.default.createElement("div",{ref:u,style:Z}),n&&t,s):x.default.createElement(x.default.Fragment,null,s,n&&t,r&&!n&&x.default.createElement("div",{ref:u,style:Z}))};var V=function(){var e=w().theme;return x.default.createElement(x.Fragment,null,new Array(5).fill("").map((function(n,t){return x.default.createElement("button",{key:"asideSkeleton".concat(t),style:{background:e.listItemHover,borderBottom:t<4?"1px solid ".concat(e.borderColor):"0"},className:"messenger__aside-skeleton"})})))};const U=function(e){var n=e.affix,t=e.conversations,r=e.tab,a=e.className,s=void 0===a?"":a,i=e.loading,o=e.failed,l=e.showBadge,d=e.currentId,A=e.onClick,c=e.searchChat,m=e.searchKeys,u=e.messegerView,p=e.helpDesk,g=e.handleChangeTickets,f=e.chatListTabs,h=e.chatButtons,_=e.loadingSearch,E=e.canSeeDetailsChat,C=e.hasNext,b=e.onIntersect,v=e.sliceCount,y=e.currentViewerId,B=(0,D.useTranslation)("messengerList").t,k=w().theme;return x.default.createElement("aside",{className:"messenger__aside ".concat(s," ").concat("messages"===r?"messenger__mobile-hide":""),style:{border:"1px solid ".concat(k.borderColor),borderRadius:"20px 0 0 20px",background:k.asideBg}},x.default.createElement("div",{className:"messenger__buttons-container"},x.default.createElement(P,{chatButtons:h,messegerView:u,removeActiveItem:function(e){O(e,"messenger__aside-list-item","messenger__aside-list-item--active")}}),p&&x.default.createElement($,{searchKeys:m,searchChat:c,loadingSearch:_})),n&&x.default.createElement("div",{className:"messenger__aside-header"},x.default.cloneElement(n)),x.default.createElement(Y,{chatListTabs:f,handleChangeTickets:g}),x.default.createElement("div",{className:"messenger__aside-list"},x.default.createElement(q,{root:document.querySelector(".messenger__aside-list"),loading:i,loadingCover:x.default.createElement(V,null),more:C,fetch:b},Array.isArray(t)&&t.length>0&&t.slice(0,v).map((function(e){return x.default.createElement("div",{key:null==e?void 0:e._id,className:"messenger__aside-item-container ".concat(l?"messenger__active-badge":"")},x.default.createElement(J,{canSeeDetailsChat:E,currentId:d,item:e,onClick:A,currentViewerId:y}))}))),o||0===(null==t?void 0:t.length)&&!i&&x.default.createElement("div",{className:"messenger__aside-empty"},x.default.createElement(W,null),x.default.createElement("p",null,B("noChatFound")))))};var G=function(){return G=Object.assign||function(e){for(var n,t=1,r=arguments.length;t<r;t++)for(var a in n=arguments[t])Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a]);return e},G.apply(this,arguments)};function K(e,n){var t={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&n.indexOf(r)<0&&(t[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)n.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(t[r[a]]=e[r[a]])}return t}function X(e,n,t,r){return new(t||(t=Promise))((function(a,s){function i(e){try{l(r.next(e))}catch(e){s(e)}}function o(e){try{l(r.throw(e))}catch(e){s(e)}}function l(e){var n;e.done?a(e.value):(n=e.value,n instanceof t?n:new t((function(e){e(n)}))).then(i,o)}l((r=r.apply(e,n||[])).next())}))}function ee(e,n){var t,r,a,s,i={label:0,sent:function(){if(1&a[0])throw a[1];return a[1]},trys:[],ops:[]};return s={next:o(0),throw:o(1),return:o(2)},"function"==typeof Symbol&&(s[Symbol.iterator]=function(){return this}),s;function o(o){return function(l){return function(o){if(t)throw new TypeError("Generator is already executing.");for(;s&&(s=0,o[0]&&(i=0)),i;)try{if(t=1,r&&(a=2&o[0]?r.return:o[0]?r.throw||((a=r.return)&&a.call(r),0):r.next)&&!(a=a.call(r,o[1])).done)return a;switch(r=0,a&&(o=[2&o[0],a.value]),o[0]){case 0:case 1:a=o;break;case 4:return i.label++,{value:o[1],done:!1};case 5:i.label++,r=o[1],o=[0];continue;case 7:o=i.ops.pop(),i.trys.pop();continue;default:if(!(a=i.trys,(a=a.length>0&&a[a.length-1])||6!==o[0]&&2!==o[0])){i=0;continue}if(3===o[0]&&(!a||o[1]>a[0]&&o[1]<a[3])){i.label=o[1];break}if(6===o[0]&&i.label<a[1]){i.label=a[1],a=o;break}if(a&&i.label<a[2]){i.label=a[2],i.ops.push(o);break}a[2]&&i.ops.pop(),i.trys.pop();continue}o=n.call(e,i)}catch(e){o=[6,e],r=0}finally{t=a=0}if(5&o[0])throw o[1];return{value:o[0]?o[1]:void 0,done:!0}}([o,l])}}}Object.create;function ne(e,n,t){if(t||2===arguments.length)for(var r,a=0,s=n.length;a<s;a++)!r&&a in n||(r||(r=Array.prototype.slice.call(n,0,a)),r[a]=n[a]);return e.concat(r||Array.prototype.slice.call(n))}Object.create;const te=function(e){return x.createElement("svg",G({xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",id:"Layer_1",width:800,height:800,"data-name":"Layer 1",viewBox:"0 0 32 32"},e),x.createElement("defs",null,x.createElement("linearGradient",{id:"doc-gradient",x1:6.65,x2:27.27,y1:6.65,y2:27.27,gradientUnits:"userSpaceOnUse"},x.createElement("stop",{offset:0,stopColor:"#00a6fb"}),x.createElement("stop",{offset:1,stopColor:"#0094ce"})),x.createElement("linearGradient",{xlinkHref:"#doc-gradient",id:"doc-gradient-2",x1:6,x2:12,y1:5,y2:5}),x.createElement("style",null,".cls-3{fill:#f8edeb}")),x.createElement("path",{d:"M23.5 2h-12a.47.47 0 0 0-.35.15l-5 5A.47.47 0 0 0 6 7.5v20A2.5 2.5 0 0 0 8.5 30h15a2.5 2.5 0 0 0 2.5-2.5v-23A2.5 2.5 0 0 0 23.5 2Z",style:{fill:"#00a6fb"}}),x.createElement("path",{d:"M11.69 2a.47.47 0 0 0-.54.11l-5 5a.47.47 0 0 0-.15.58.5.5 0 0 0 .5.31h3A2.5 2.5 0 0 0 12 5.5v-3a.5.5 0 0 0-.31-.5Z",style:{fill:"#0094ce"}}),x.createElement("path",{d:"M16 21a2 2 0 0 1-2-2v-6a2 2 0 0 1 4 0v6a2 2 0 0 1-2 2Zm0-9a1 1 0 0 0-1 1v6a1 1 0 0 0 2 0v-6a1 1 0 0 0-1-1ZM9.5 21a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 .5-.5 3.5 3.5 0 0 1 3.5 3.5v3A3.5 3.5 0 0 1 9.5 21Zm.5-8.95V20a2.5 2.5 0 0 0 2-2.45v-3a2.5 2.5 0 0 0-2-2.5ZM21 21a2 2 0 0 1-2-2v-6a2 2 0 0 1 4 0 .5.5 0 0 1-1 0 1 1 0 0 0-2 0v6a1 1 0 0 0 2 0 .5.5 0 0 1 1 0 2 2 0 0 1-2 2Z",className:"cls-3"}))};const re=function(e){return x.createElement("svg",G({xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",id:"Layer_1",width:800,height:800,"data-name":"Layer 1",viewBox:"0 0 32 32"},e),x.createElement("defs",null,x.createElement("linearGradient",{id:"pdf-gradient",x1:6.65,x2:27.27,y1:6.65,y2:27.27,gradientUnits:"userSpaceOnUse"},x.createElement("stop",{offset:0,stopColor:"#ef6461"}),x.createElement("stop",{offset:1,stopColor:"#e83d3d"})),x.createElement("linearGradient",{xlinkHref:"#pdf-gradient",id:"pdf-gradient-2",x1:6,x2:12,y1:5,y2:5}),x.createElement("style",null,".cls-3{fill:#f8edeb}")),x.createElement("path",{d:"M23.5 2h-12a.47.47 0 0 0-.35.15l-5 5A.47.47 0 0 0 6 7.5v20A2.5 2.5 0 0 0 8.5 30h15a2.5 2.5 0 0 0 2.5-2.5v-23A2.5 2.5 0 0 0 23.5 2Z",style:{fill:"url(#pdf-gradient)"}}),x.createElement("path",{d:"M11.69 2a.47.47 0 0 0-.54.11l-5 5a.47.47 0 0 0-.15.58.5.5 0 0 0 .5.31h3A2.5 2.5 0 0 0 12 5.5v-3a.5.5 0 0 0-.31-.5Z",style:{fill:"url(#pdf-gradient-2)"}}),x.createElement("path",{d:"M15.5 11h-1a.5.5 0 0 0-.5.5v9a.5.5 0 0 0 .5.5h1a2.5 2.5 0 0 0 2.5-2.5v-5a2.5 2.5 0 0 0-2.5-2.5Zm1.5 7.5a1.5 1.5 0 0 1-1.5 1.5H15v-8h.5a1.5 1.5 0 0 1 1.5 1.5ZM11.5 11h-2a.5.5 0 0 0-.5.5v9a.5.5 0 0 0 1 0V17h1.5a1.5 1.5 0 0 0 1.5-1.5v-3a1.5 1.5 0 0 0-1.5-1.5Zm.5 4.5a.5.5 0 0 1-.5.5H10v-4h1.5a.5.5 0 0 1 .5.5ZM22.5 15H20v-3h2.5a.5.5 0 0 0 0-1h-3a.5.5 0 0 0-.5.5v9a.5.5 0 0 0 1 0V16h2.5a.5.5 0 0 0 0-1Z",className:"cls-3"}))};const ae=function(e){return x.createElement("svg",G({xmlns:"http://www.w3.org/2000/svg",width:40,height:40,viewBox:"0 0 32 32"},e),x.createElement("rect",{width:"32",height:"32",rx:"5",fill:"#21A366"}),x.createElement("text",{x:"16",y:"22",textAnchor:"middle",fontSize:"12",fill:"#fff",fontWeight:"bold"},"CSV"))};const se=function(e){return x.createElement("svg",G({xmlns:"http://www.w3.org/2000/svg",width:40,height:40,viewBox:"0 0 32 32"},e),x.createElement("rect",{width:"32",height:"32",rx:"5",fill:"#E67E22"}),x.createElement("text",{x:"16",y:"22",textAnchor:"middle",fontSize:"12",fill:"#fff",fontWeight:"bold"},"MP4"))};const ie=function(e){var n=e.fileType,t=e.b64,r=(0,D.useTranslation)("messengerMessages").t;return"application/pdf"===n?x.default.createElement(re,{width:"40",height:"40"}):"application/msword"===n||"application/vnd.openxmlformats-officedocument.wordprocessingml.document"===n?x.default.createElement(te,{width:"40",height:"40"}):"text/csv"===n?x.default.createElement(ae,{width:"40",height:"40"}):"video/mp4"===n?x.default.createElement(se,{width:"40",height:"40"}):x.default.createElement("img",{alt:r("renderFileIcon.altImage"),src:t,className:"images-container__image"})};const oe=function(e){var n=e.file,t=e.onClose,r=(0,x.useState)({name:"",type:""}),a=r[0],s=r[1],i=(0,x.useState)(""),o=i[0],l=i[1];return(0,x.useEffect)((function(){n&&function(e){return new Promise((function(n,t){var r=new FileReader;r.readAsDataURL(e),r.onload=function(){return n(r.result)},r.onerror=function(e){return t(e)}}))}(n).then((function(e){return l(e)}))}),[n]),(0,x.useEffect)((function(){n&&s({name:n.name,type:n.type})}),[n]),x.default.createElement("div",{className:"images-container"},x.default.createElement("div",{className:"images-container__close"},x.default.createElement("button",{className:"images-container__close--icon",onClick:t})),x.default.createElement("div",{className:"images-container__container"},x.default.createElement("div",{className:"images-container__image"},x.default.createElement(ie,{fileType:a.type,b64:o}),x.default.createElement("span",{className:"images-container__title-img"},a.name))))};var le="styles-module_wrapper__1I_qj",de="styles-module_content__2jwZj",Ae="styles-module_slide__1zrfk",ce="styles-module_image__2hdkJ",me="styles-module_close__2I1sI",ue="styles-module_navigation__1pqAE",pe="styles-module_prev__KqFRp",ge="styles-module_next__1uQwZ";!function(e,n){void 0===n&&(n={});var t=n.insertAt;if(e&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===t&&r.firstChild?r.insertBefore(a,r.firstChild):r.appendChild(a),a.styleSheet?a.styleSheet.cssText=e:a.appendChild(document.createTextNode(e))}}(".styles-module_wrapper__1I_qj {\n z-index: 1;\n display: flex;\n align-items: center;\n position: fixed;\n padding: 0px 60px 0px 60px;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n background-color: black;\n box-sizing: border-box;\n}\n\n.styles-module_content__2jwZj {\n margin: auto;\n padding: 0;\n width: 90%;\n height: 100%;\n max-height: 100%;\n text-align: center;\n}\n\n.styles-module_slide__1zrfk {\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.styles-module_image__2hdkJ {\n max-height: 100%;\n max-width: 100%;\n user-select: none;\n -moz-user-select: none;\n -webkit-user-select: none;\n}\n\n.styles-module_close__2I1sI {\n color: white;\n position: absolute;\n top: 15px;\n right: 15px;\n font-size: 40px;\n font-weight: bold;\n opacity: 0.2;\n cursor: pointer;\n}\n\n.styles-module_close__2I1sI:hover {\n opacity: 1;\n}\n\n.styles-module_navigation__1pqAE {\n height: 80%;\n color: white;\n cursor: pointer;\n position: absolute;\n font-size: 60px;\n line-height: 60px;\n font-weight: bold;\n display: flex;\n align-items: center;\n opacity: 0.2;\n padding: 0 15px;\n user-select: none;\n -moz-user-select: none;\n -webkit-user-select: none;\n}\n\n.styles-module_navigation__1pqAE:hover {\n opacity: 1;\n}\n\n@media (hover: none) {\n .styles-module_navigation__1pqAE:hover {\n opacity: 0.2;\n }\n}\n\n.styles-module_prev__KqFRp {\n left: 0;\n}\n\n.styles-module_next__1uQwZ {\n right: 0;\n}\n\n@media (max-width: 900px) {\n .styles-module_wrapper__1I_qj {\n padding: 0;\n }\n}\n");const fe=e=>{var n;const[t,r]=(0,x.useState)(null!==(n=e.currentIndex)&&void 0!==n?n:0),a=(0,x.useCallback)((n=>{let a=(t+n)%e.src.length;a<0&&(a=e.src.length-1),r(a)}),[t]),s=(0,x.useCallback)((n=>{var t;if(!n.target||!e.closeOnClickOutside)return;const r="ReactSimpleImageViewer"===n.target.id,a=n.target.classList.contains("react-simple-image-viewer__slide");(r||a)&&(n.stopPropagation(),null===(t=e.onClose)||void 0===t||t.call(e))}),[e.onClose]),i=(0,x.useCallback)((n=>{var t;"Escape"===n.key&&(null===(t=e.onClose)||void 0===t||t.call(e)),["ArrowLeft","h"].includes(n.key)&&a(-1),["ArrowRight","l"].includes(n.key)&&a(1)}),[e.onClose,a]),o=(0,x.useCallback)((e=>{e.wheelDeltaY>0?a(-1):a(1)}),[a]);return(0,x.useEffect)((()=>(document.addEventListener("keydown",i),e.disableScroll||document.addEventListener("wheel",o),()=>{document.removeEventListener("keydown",i),e.disableScroll||document.removeEventListener("wheel",o)})),[i,o]),x.default.createElement("div",{id:"ReactSimpleImageViewer",className:`${le} react-simple-image-viewer__modal`,onKeyDown:i,onClick:s,style:e.backgroundStyle},x.default.createElement("span",{className:`${me} react-simple-image-viewer__close`,onClick:()=>{var n;return null===(n=e.onClose)||void 0===n?void 0:n.call(e)}},e.closeComponent||"×"),e.src.length>1&&x.default.createElement("span",{className:`${ue} ${pe} react-simple-image-viewer__previous`,onClick:()=>a(-1)},e.leftArrowComponent||"❮"),e.src.length>1&&x.default.createElement("span",{className:`${ue} ${ge} react-simple-image-viewer__next`,onClick:()=>a(1)},e.rightArrowComponent||"❯"),x.default.createElement("div",{className:`${de} react-simple-image-viewer__modal-content`,onClick:s},x.default.createElement("div",{className:`${Ae} react-simple-image-viewer__slide`},x.default.createElement("img",{className:ce,src:e.src[t],alt:""}))))};const he=function(e){var n=e.width,t=e.height,r=e.color;return x.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:n,height:t,viewBox:"0 0 24 24",fill:"none"},x.default.createElement("path",{d:"M12.5535 16.5061C12.4114 16.6615 12.2106 16.75 12 16.75C11.7894 16.75 11.5886 16.6615 11.4465 16.5061L7.44648 12.1311C7.16698 11.8254 7.18822 11.351 7.49392 11.0715C7.79963 10.792 8.27402 10.8132 8.55352 11.1189L11.25 14.0682V3C11.25 2.58579 11.5858 2.25 12 2.25C12.4142 2.25 12.75 2.58579 12.75 3V14.0682L15.4465 11.1189C15.726 10.8132 16.2004 10.792 16.5061 11.0715C16.8118 11.351 16.833 11.8254 16.5535 12.1311L12.5535 16.5061Z",fill:r}),x.default.createElement("path",{d:"M3.75 15C3.75 14.5858 3.41422 14.25 3 14.25C2.58579 14.25 2.25 14.5858 2.25 15V15.0549C2.24998 16.4225 2.24996 17.5248 2.36652 18.3918C2.48754 19.2919 2.74643 20.0497 3.34835 20.6516C3.95027 21.2536 4.70814 21.5125 5.60825 21.6335C6.47522 21.75 7.57754 21.75 8.94513 21.75H15.0549C16.4225 21.75 17.5248 21.75 18.3918 21.6335C19.2919 21.5125 20.0497 21.2536 20.6517 20.6516C21.2536 20.0497 21.5125 19.2919 21.6335 18.3918C21.75 17.5248 21.75 16.4225 21.75 15.0549V15C21.75 14.5858 21.4142 14.25 21 14.25C20.5858 14.25 20.25 14.5858 20.25 15C20.25 16.4354 20.2484 17.4365 20.1469 18.1919C20.0482 18.9257 19.8678 19.3142 19.591 19.591C19.3142 19.8678 18.9257 20.0482 18.1919 20.1469C17.4365 20.2484 16.4354 20.25 15 20.25H9C7.56459 20.25 6.56347 20.2484 5.80812 20.1469C5.07435 20.0482 4.68577 19.8678 4.40901 19.591C4.13225 19.3142 3.9518 18.9257 3.85315 18.1919C3.75159 17.4365 3.75 16.4354 3.75 15Z",fill:r}),x.default.createElement("defs",null,x.default.createElement("clipPath",{id:"clip0_23_2"},x.default.createElement("rect",{width:"32",height:"32",fill:"@text-color"}))))};function _e(e){return void 0===e&&(e=0),"".concat(e%1==0?e.toFixed(0):e.toFixed(2)," MB")}const Ee=function(e){var n,t,r=e.file,a=null===(t=null===(n=null==r?void 0:r.location)||void 0===n?void 0:n.split(".").pop())||void 0===t?void 0:t.toUpperCase(),s=r&&r.originalname,i=r&&r.pages,o=r&&_e(null==r?void 0:r.size);return x.default.createElement("div",{className:"messenger__messages-row--sender"},x.default.createElement("span",null,x.default.createElement("div",{className:"messenger__file-card"},x.default.createElement("div",{className:"messenger__file-icon"},x.default.createElement(ie,{fileType:null==r?void 0:r.mimetype})),x.default.createElement("div",{className:"messenger__file-details"},x.default.createElement("p",{className:"messenger__file-name"},s),x.default.createElement("p",{className:"messenger__file-info"},i&&i+" página(s) •"," ",o," •"," ",a)),x.default.createElement("a",{href:null==r?void 0:r.location,target:"_blank",rel:"noopener noreferrer",className:"messenger__file-download",style:{color:"blue"}},x.default.createElement(he,{width:"24",height:"24",color:"white"})))))};var xe=function(e){var n=K(e,[]),t=(0,D.useTranslation)("messengerMessages").t;return x.default.createElement("div",{className:"messenger__message--file"},x.default.createElement("img",G({},n,{width:200,height:200,alt:t("incommingMessage.messageImage")})))},Ce=function(e){var n=e.file,t=e.message,r=e.date,a=e.openImageViewer,s=e.id,i=e.formatDate,o=e.currentImage;return x.default.createElement(x.default.Fragment,null,function(e){var n;return!!e&&!!["image/png","image/jpeg"].includes(null!==(n=null==e?void 0:e.mimetype)&&void 0!==n?n:"")}(n)?x.default.createElement(xe,{src:null==n?void 0:n.location,onClick:function(){return a(o)}}):n&&x.default.createElement(Ee,{file:n,message:t,date:r,read:!1,id:s,formatDate:i}))};const be=function(e){var n,t=e.date,r=e.message,a=e.user,s=e.hasFile,i=e.file,o=e.isSystemMessage,l=e.formatDate,d=e.id,A=w().theme,c=(0,x.useState)(0),m=c[0],u=c[1],p=(0,x.useState)(!1),g=p[0],f=p[1],h=(0,x.useCallback)((function(e){u(e),f(!0)}),[]);return x.default.createElement("div",{className:"messenger__messages-row--received",id:d},(a.avatar||a.name)&&!o&&x.default.createElement("div",{className:"messenger__message-avatar mr-2"},x.default.createElement(T,{image:a.avatar},a.name.slice(0,1))),x.default.createElement("div",{className:"messenger__messages-received",style:{background:null==A?void 0:A.messengerIncomerColor}},!o&&x.default.createElement("p",{className:"messenger__message-title"},a.name),x.default.createElement("span",null,s&&x.default.createElement(Ce,{file:i,message:r,date:t,openImageViewer:h,id:d,formatDate:l,currentImage:m}),r&&x.default.createElement("p",{className:"messenger__message"},r),x.default.createElement("p",{className:"messenger__message--date"},null!==(n=l(t))&&void 0!==n?n:new Date(t).toLocaleString()))),i&&g&&x.default.createElement(fe,{src:[i.location],currentIndex:0,disableScroll:!1,closeOnClickOutside:!0,onClose:function(){u(0),f(!1)}}))};function ve(e){var n=e.fill;return x.default.createElement("svg",{width:"15",height:"15",viewBox:"0 0 30 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},x.default.createElement("path",{d:"M29.2857 0.5H26.7893C26.4393 0.5 26.1071 0.660714 25.8929 0.935714L11.1679 19.5893L4.10714 10.6429C4.00033 10.5072 3.86419 10.3976 3.70893 10.3221C3.55367 10.2467 3.38334 10.2074 3.21071 10.2071H0.714286C0.475 10.2071 0.342857 10.4821 0.489286 10.6679L10.2714 23.0607C10.7286 23.6393 11.6071 23.6393 12.0679 23.0607L29.5107 0.957143C29.6571 0.775 29.525 0.5 29.2857 0.5V0.5Z",fill:n}))}const we=(e=>{var n={};return o.d(n,e),n})({default:()=>r.default});const ye=function(e){var n,t,r=e.date,a=e.message,s=e.read,i=e.hasFile,o=e.file,l=e.formatDate,d=e.id,A=(0,x.useState)(0),c=A[0],m=A[1],u=(0,x.useState)(!1),p=u[0],g=u[1],f=w().theme,h=(0,x.useCallback)((function(e){m(e),g(!0)}),[]),_=["application/msword","application/vnd.openxmlformats-officedocument.wordprocessingml.document","application/pdf","text/csv","video/mp4"].includes(null!==(n=null==o?void 0:o.mimetype)&&void 0!==n?n:"");return x.default.createElement("div",{className:"messenger__messages-row--sender"},x.default.createElement("div",{className:"messenger__messages-sender",id:d,style:{background:null==f?void 0:f.messengerSenderColor,color:null==f?void 0:f.documentMessagesTextColor}},x.default.createElement("span",null,i&&(_?x.default.createElement(Ee,{date:r,message:a,read:s,file:o,formatDate:l,id:d}):x.default.createElement(xe,{src:null==o?void 0:o.location,onClick:function(){return h(c)}})),x.default.createElement("p",{className:"messenger__message"},a),x.default.createElement("div",{className:"messenger__message--bottom"},x.default.createElement("p",{className:"messenger__message--date"},null!==(t=l(r))&&void 0!==t?t:new Date(r).toString()),x.default.createElement(ve,{fill:s?"#00efff":"white"})))),o&&!_&&p&&x.default.createElement(we.default,{src:[o.location],currentIndex:0,disableScroll:!1,closeOnClickOutside:!0,onClose:function(){m(0),g(!1)}}))};const Be=function(e){var n,t=e.date,r=e.message,a=e.formatDate,s=e.id,i=w().theme;return x.default.createElement("div",{className:"messenger__messages-row--system",id:s},x.default.createElement("div",{className:"messenger__messages-received messenger__messages-received--system",style:{background:null==i?void 0:i.messengerSystemColor}},x.default.createElement("span",null,x.default.createElement("p",{className:"messenger__message"},r),x.default.createElement("p",{className:"messenger__message--date"},null!==(n=a(t))&&void 0!==n?n:new Date(t).toString()))))};const ke=function(e){var n,t=e.item,r=e.creatorId,a=e.formatDate,s=e.id;return t.isSystemMessage?x.default.createElement(Be,{formatDate:a,date:t.createdAt,message:t.content,id:t.senderId,user:{name:"System"}}):t.sender.uniqueCode&&!t.isSystemMessage&&t.sender.uniqueCode===r?x.default.createElement(x.default.Fragment,null,x.default.createElement(ye,{id:s,formatDate:a,message:t.content,date:t.createdAt,read:t.everybodyHasRead,hasFile:t.hasFile,file:t.file}),t.images&&t.images.map((function(e,n){return x.default.createElement(ye,{key:e.key,id:"".concat(s,"image-").concat(n),formatDate:a,date:t.createdAt,file:e,message:"",hasFile:!0,read:t.everybodyHasRead})}))):x.default.createElement(x.default.Fragment,null,x.default.createElement(be,{id:s,formatDate:a,date:t.createdAt,message:t.content,hasFile:t.hasFile,isSystemMessage:t.isSystemMessage,file:t.file,user:{avatar:null===(n=t.sender)||void 0===n?void 0:n.image,name:t.sender.username}}),t.images&&t.images.map((function(e,n){var r;return x.default.createElement(be,{key:e.key,id:"".concat(s,"image-").concat(n),formatDate:a,date:t.createdAt,file:e,message:"",hasFile:!0,user:{avatar:null===(r=t.sender)||void 0===r?void 0:r.image,name:t.sender.username}})})))};const Ne=function(e){var n=e.width,t=e.height;return x.default.createElement("svg",{width:n,height:t,viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},x.default.createElement("g",{clipPath:"url(#clip0_23_2)"},x.default.createElement("path",{d:"M14.2857 16C14.2857 16.4547 14.4663 16.8907 14.7878 17.2122C15.1093 17.5337 15.5453 17.7143 16 17.7143C16.4547 17.7143 16.8907 17.5337 17.2122 17.2122C17.5337 16.8907 17.7143 16.4547 17.7143 16C17.7143 15.5453 17.5337 15.1093 17.2122 14.7878C16.8907 14.4663 16.4547 14.2857 16 14.2857C15.5453 14.2857 15.1093 14.4663 14.7878 14.7878C14.4663 15.1093 14.2857 15.5453 14.2857 16V16ZM21.4286 16C21.4286 16.4547 21.6092 16.8907 21.9307 17.2122C22.2522 17.5337 22.6882 17.7143 23.1429 17.7143C23.5975 17.7143 24.0336 17.5337 24.355 17.2122C24.6765 16.8907 24.8572 16.4547 24.8572 16C24.8572 15.5453 24.6765 15.1093 24.355 14.7878C24.0336 14.4663 23.5975 14.2857 23.1429 14.2857C22.6882 14.2857 22.2522 14.4663 21.9307 14.7878C21.6092 15.1093 21.4286 15.5453 21.4286 16ZM7.14286 16C7.14286 16.4547 7.32347 16.8907 7.64497 17.2122C7.96646 17.5337 8.40249 17.7143 8.85715 17.7143C9.31181 17.7143 9.74784 17.5337 10.0693 17.2122C10.3908 16.8907 10.5714 16.4547 10.5714 16C10.5714 15.5453 10.3908 15.1093 10.0693 14.7878C9.74784 14.4663 9.31181 14.2857 8.85715 14.2857C8.40249 14.2857 7.96646 14.4663 7.64497 14.7878C7.32347 15.1093 7.14286 15.5453 7.14286 16V16ZM30.7572 9.8C29.95 7.88214 28.7929 6.16071 27.3179 4.68214C25.8532 3.21213 24.1144 2.04365 22.2 1.24286C20.2357 0.417857 18.15 0 16 0H15.9286C13.7643 0.0107143 11.6679 0.439286 9.69643 1.28214C7.79842 2.09115 6.07595 3.2617 4.62501 4.72857C3.16429 6.20357 2.01786 7.91786 1.225 9.82857C0.403576 11.8071 -0.01071 13.9107 4.25255e-06 16.075C0.012123 18.5553 0.598904 20.999 1.71429 23.2143V28.6429C1.71429 29.0786 1.88738 29.4964 2.19547 29.8045C2.50357 30.1126 2.92143 30.2857 3.35715 30.2857H8.78929C11.0046 31.4011 13.4483 31.9879 15.9286 32H16.0036C18.1429 32 20.2179 31.5857 22.1714 30.775C24.0762 29.9838 25.8085 28.8289 27.2714 27.375C28.7464 25.9143 29.9072 24.2071 30.7179 22.3036C31.5607 20.3321 31.9893 18.2357 32 16.0714C32.0107 13.8964 31.5893 11.7857 30.7572 9.8V9.8ZM25.3607 25.4429C22.8571 27.9214 19.5357 29.2857 16 29.2857H15.9393C13.7857 29.275 11.6464 28.7393 9.75715 27.7321L9.45715 27.5714H4.42858V22.5429L4.26786 22.2429C3.26072 20.3536 2.725 18.2143 2.71429 16.0607C2.7 12.5 4.06072 9.15714 6.55715 6.63929C9.05001 4.12143 12.3821 2.72857 15.9429 2.71429H16.0036C17.7893 2.71429 19.5214 3.06071 21.1536 3.74643C22.7464 4.41429 24.175 5.375 25.4036 6.60357C26.6286 7.82857 27.5929 9.26071 28.2607 10.8536C28.9536 12.5036 29.3 14.2536 29.2929 16.0607C29.2714 19.6179 27.875 22.95 25.3607 25.4429V25.4429Z",fill:"black"})),x.default.createElement("defs",null,x.default.createElement("clipPath",{id:"clip0_23_2"},x.default.createElement("rect",{width:"32",height:"32",fill:"@text-color"}))))};function Me(e){var n=e.color;return x.default.createElement("svg",{width:"13",height:"17",viewBox:"0 0 13 17",fill:"none",xmlns:"http://www.w3.org/2000/svg"},x.default.createElement("path",{d:"M13 0.928571H9.75L8.82143 0H4.17857L3.25 0.928571H0V2.78571H13M0.928571 14.8571C0.928571 15.3497 1.12423 15.8221 1.47252 16.1703C1.8208 16.5186 2.29317 16.7143 2.78571 16.7143H10.2143C10.7068 16.7143 11.1792 16.5186 11.5275 16.1703C11.8758 15.8221 12.0714 15.3497 12.0714 14.8571V3.71429H0.928571V14.8571Z",fill:n}))}const Fe=function(e){var n=e.fileList,t=e.onUpdateFile,r=e.label,a=e.onRemoveFile,s=e.maxSize,i=e.loading,o=w().theme,l=(0,D.useTranslation)("newFormChat").t,d=(0,x.useMemo)((function(){return function(e,n){var t;if(null==n?void 0:n.type)return e.includes(n.type);var r=null===(t=null==n?void 0:n.name.split(".").pop())||void 0===t?void 0:t.toLowerCase();return!!r&&e.includes(".".concat(r))}}),[]);return x.default.createElement(x.default.Fragment,null,x.default.createElement("div",{className:"file-input"},x.default.createElement("label",{style:{color:o.newChatFormTexts},htmlFor:"",className:"file-input__label"},r),x.default.createElement("div",{className:"file-input__container",style:{backgroundColor:o.inputBg,color:o.newChatFormTexts}},x.default.createElement("input",{className:"file-input__input",type:"file",id:"docpicker",hidden:!0,accept:".jpg, .jpeg, .png, .pdf, .doc, .docx, .csv, .mp4",onChange:function(e){return function(e){var n,r,a=null===(r=null===(n=null==e?void 0:e.target)||void 0===n?void 0:n.files)||void 0===r?void 0:r[0];return d(["image/png","image/jpeg","application/pdf","application/msword","application/vnd.openxmlformats-officedocument.wordprocessingml.document","text/csv","video/mp4"],a)?(a&&t(a),!0):(console.error(l("inputFile.documentSendError")),!1)}(e)}}),x.default.createElement("h4",null,l("inputFile.chooseFile")),x.default.createElement("button",{className:"file-input__button",type:"button",onClick:function(){var e=document.querySelector(".file-input__input");null==e||e.click()},style:{background:null==o?void 0:o.buttonPrimary,color:null==o?void 0:o.buttonPrimaryText}},l("inputFile.chooseFile")),i?"":x.default.createElement("p",null,l("inputFile.allowDocuments"),"(",l("inputFile.allowSizeDocument",{maxSize:s}),")"))),x.default.createElement("div",null,n&&n.map((function(e){return x.default.createElement("div",{className:"file-input__list",key:e.name,style:{backgroundColor:o.inputBg,color:o.newChatFormTexts}},x.default.createElement("span",{className:"file-input__list--file-name"},e.name),x.default.createElement("button",{className:"file-input__delete",onClick:function(){return t=e,void(n.some((function(e){return e===t}))&&a(t));var t}},x.default.createElement(Me,{color:o.newChatFormDeleteFileButton||"red"})))}))))};const Re=function(e){var n=e.options,t=e.name,r=e.placeholder,a=e.label,s=e.onChange,i=e.value,o=w().theme;return x.default.createElement("div",{className:"form-select"},x.default.createElement("label",{htmlFor:t,className:"form-select__label",style:{color:o.newChatFormTexts}},a),x.default.createElement("select",{name:t,className:"form-select__input",onChange:function(e){return s(e.target.value)},value:i,style:{backgroundColor:o.inputBg,color:o.newChatFormTexts}},x.default.createElement("option",{value:"",disabled:!0,hidden:!0},r),n.map((function(e){return x.default.createElement("option",{key:e.value,value:e.value},e.label)}))))};const Se=function(e){var n=e.name,t=e.placeholder,r=e.label,a=e.onChange,s=w().theme;return x.default.createElement("div",{className:"text-area"},x.default.createElement("label",{htmlFor:n,className:"text-area__label",style:{color:s.newChatFormTexts}},r),x.default.createElement("textarea",{style:{backgroundColor:s.inputBg,color:s.newChatFormTexts},name:n,placeholder:t,className:"text-area__input",onChange:function(e){return a(e.target.value)}}))};function Ie(){var e,n=w().theme;return x.default.createElement("svg",{width:"21",height:"21",viewBox:"0 0 21 21",fill:"none",xmlns:"http://www.w3.org/2000/svg"},x.default.createElement("path",{d:"M13.4519 10.9583L20.435 3.9751C20.7664 3.64426 20.9529 3.19532 20.9533 2.72704C20.9537 2.25875 20.7681 1.80949 20.4372 1.47807C20.1064 1.14665 19.6574 0.960225 19.1892 0.959812C18.7209 0.959398 18.2716 1.14503 17.9402 1.47586L10.957 8.45902L3.97388 1.47586C3.64246 1.14444 3.19296 0.958252 2.72426 0.958252C2.25556 0.958252 1.80606 1.14444 1.47464 1.47586C1.14322 1.80728 0.957031 2.25678 0.957031 2.72548C0.957031 3.19418 1.14322 3.64368 1.47464 3.9751L8.4578 10.9583L1.47464 17.9414C1.14322 18.2728 0.957031 18.7223 0.957031 19.191C0.957031 19.6597 1.14322 20.1092 1.47464 20.4406C1.80606 20.7721 2.25556 20.9583 2.72426 20.9583C3.19296 20.9583 3.64246 20.7721 3.97388 20.4406L10.957 13.4575L17.9402 20.4406C18.2716 20.7721 18.7211 20.9583 19.1898 20.9583C19.6585 20.9583 20.108 20.7721 20.4394 20.4406C20.7708 20.1092 20.957 19.6597 20.957 19.191C20.957 18.7223 20.7708 18.2728 20.4394 17.9414L13.4519 10.9583Z",fill:null!==(e=n.newChatFormTexts)&&void 0!==e?e:"#476077"}))}const Qe=function(e){var n,t,r=e.submitNewChat,a=e.cancelNewChat,s=e.reasons,i=e.products,o=e.loading,l=e.maxFileSize,d=e.loadingResources,A=(0,x.useState)(null===(n=null==s?void 0:s[0])||void 0===n?void 0:n.value),c=A[0],m=A[1],u=(0,x.useState)(null===(t=null==i?void 0:i[0])||void 0===t?void 0:t.value),p=u[0],g=u[1],f=(0,x.useState)(),h=f[0],_=f[1],E=(0,x.useState)([]),C=E[0],b=E[1],v=(0,D.useTranslation)("newFormChat").t,y=w().theme;return x.default.createElement("div",{className:"messenger__new-chat-form",style:{backgroundColor:y.newChatFormBg,borderRadius:y.newChatFormRadius}},x.default.createElement("div",{className:"messenger__new-chat-form-header"},x.default.createElement("h2",{className:"messenger__new-chat-form-title"},x.default.createElement("b",{style:{color:y.newChatFormTexts}},v("newChat"))),x.default.createElement("button",{onClick:a,className:"messenger__new-chat-form-close"},x.default.createElement(Ie,null))),x.default.createElement("h3",{className:"messenger__disclaimer",style:{borderColor:y.disclaimerPrimaryColor,color:y.disclaimerTextColor,backgroundColor:y.disclaimerSecondaryColor}},v("description.1")," ",x.default.createElement("b",null,v("description.1/2bold"))," ",v("description.2")),x.default.createElement("form",{onSubmit:function(e){var n=new FormData;e.preventDefault(),C.forEach((function(e){n.append("documents",e,e.name)})),c&&n.append("reason",c),p&&n.append("product",p),h&&n.append("message",h),r(n)},className:"messenger__new-chat-fields"},x.default.createElement(Re,{onChange:function(e){return m(e)},options:s,placeholder:v("fields.reasons.placeholder"),name:"reasons",value:c,label:v("fields.reasons.label")}),x.default.createElement(Re,{onChange:function(e){return g(e)},options:i,placeholder:v("fields.product.placeholder"),value:p,name:"product",label:v("fields.product.label")}),x.default.createElement(Fe,{fileList:C,onUpdateFile:function(e){b((function(n){return ne(ne([],n,!0),[e],!1)}))},onRemoveFile:function(e){b(C.filter((function(n){return n!==e})))},label:v("fields.document.label"),maxSize:l,loading:d}),x.default.createElement(Se,{onChange:function(e){return _(e)},placeholder:v("fields.message.placeholder"),name:"message",label:v("fields.message.label")}),x.default.createElement("button",{className:"w-100 ".concat(o?"messenger__new-chat-form-send messenger__new-chat-form-send--disabled":"messenger__new-chat-form-send"),disabled:o,type:"submit",style:{backgroundColor:o?"#ccc":y.buttonPrimary,color:y.buttonPrimaryText}},v(o?"buttons.sendingButton":"buttons.send"))))};function je(e){var n=K(e,[]),t=w().theme;return x.default.createElement("svg",G({width:"26",height:"28",viewBox:"0 0 26 28",xmlns:"http://www.w3.org/2000/svg"},n),x.default.createElement("path",{d:"M22.5464 2.73571C19.1821 -0.628572 13.7036 -0.628572 10.3429 2.73571L1.02143 12.05C0.960715 12.1107 0.928572 12.1929 0.928572 12.2786C0.928572 12.3643 0.960715 12.4464 1.02143 12.5071L2.33929 13.825C2.39953 13.885 2.48107 13.9186 2.56607 13.9186C2.65108 13.9186 2.73262 13.885 2.79286 13.825L12.1143 4.51071C13.2714 3.35357 14.8107 2.71786 16.4464 2.71786C18.0821 2.71786 19.6214 3.35357 20.775 4.51071C21.9321 5.66786 22.5679 7.20714 22.5679 8.83929C22.5679 10.475 21.9321 12.0107 20.775 13.1679L11.275 22.6643L9.73572 24.2036C8.29643 25.6429 5.95714 25.6429 4.51786 24.2036C3.82143 23.5071 3.43929 22.5821 3.43929 21.5964C3.43929 20.6107 3.82143 19.6857 4.51786 18.9893L13.9429 9.56786C14.1821 9.33214 14.4964 9.2 14.8321 9.2H14.8357C15.1714 9.2 15.4821 9.33214 15.7179 9.56786C15.9571 9.80714 16.0857 10.1214 16.0857 10.4571C16.0857 10.7893 15.9536 11.1036 15.7179 11.3393L8.01429 19.0357C7.95357 19.0964 7.92143 19.1786 7.92143 19.2643C7.92143 19.35 7.95357 19.4321 8.01429 19.4929L9.33214 20.8107C9.39238 20.8707 9.47393 20.9044 9.55893 20.9044C9.64393 20.9044 9.72548 20.8707 9.78572 20.8107L17.4857 13.1107C18.1964 12.4 18.5857 11.4571 18.5857 10.4536C18.5857 9.45 18.1929 8.50357 17.4857 7.79643C16.0179 6.32857 13.6321 6.33214 12.1643 7.79643L11.25 8.71429L2.74286 17.2179C2.16547 17.7919 1.70778 18.4748 1.39634 19.227C1.0849 19.9793 0.925905 20.7858 0.928572 21.6C0.928572 23.2536 1.575 24.8071 2.74286 25.975C3.95357 27.1821 5.53929 27.7857 7.125 27.7857C8.71072 27.7857 10.2964 27.1821 11.5036 25.975L22.5464 14.9393C24.1714 13.3107 25.0714 11.1429 25.0714 8.83929C25.075 6.53214 24.175 4.36429 22.5464 2.73571Z",fill:t.uploadFileIconColor}))}var ze=o(93),De=o.n(ze);const Te=function(e){var n=e.text,t=e.children;return x.default.createElement("div",{className:"tooltip"},t,x.default.createElement("div",{className:"tooltip__text"},n))};function Le(e){var n=e.allowImages,t=e.attachFile,r=e.handleFile,a=e.closedChat,s=e.maxFileField,i=(0,D.useTranslation)("messengerMessages").t;return n?x.default.createElement(x.Fragment,null,x.default.createElement("input",{type:"file",size:1,className:"messenger__messages-send--file",ref:t,onChange:r,accept:".jpg, .jpeg, .png, .pdf, .doc, .docx, .mp4, .csv"}),x.default.createElement(Te,{text:i("sendMessageForm.maxFileField",{maxFileField:s})},x.default.createElement(je,{className:"messenger__messages-send__attach ".concat(a?"messenger__messages-send__attach--disabled":""),onClick:function(){var e;return a?null:null===(e=t.current)||void 0===e?void 0:e.click()}}))):x.default.createElement(x.default.Fragment,null)}const Oe=function(e){var n=e.allowImages,t=e.current,r=e.onSubmit,a=e.file,s=e.updateFile,i=e.isLoading,o=e.maxFileSize,l=(0,D.useTranslation)("messengerMessages").t,d=(0,x.useState)(100),A=d[0],c=d[1],m=(0,x.useState)(!1),u=m[0],p=m[1],g=(0,x.useRef)(null),f=(0,x.useRef)(null),h=(0,x.useMemo)((function(){return"final"===(null==t?void 0:t.status.current.state)}),[t]),_=w().theme;function E(e){var n=g.current;n&&(n.style.height="".concat(e.height,"px"),n.style.overflowY=e.overflow)}function C(e){var n,t;if(null==e||e.preventDefault(),!u){p(!0);var i=new FormData;a&&i.append("file",a),(null===(n=g.current)||void 0===n?void 0:n.value)&&i.append("message",null===(t=g.current)||void 0===t?void 0:t.value),r(i,(function(){g.current&&(g.current.value=""),a&&s(null),p(!1),c(100),E({height:50,overflow:"hidden"})}))}}return x.default.createElement("form",{onSubmit:C,className:"messenger__messages-send--form",style:{height:"".concat(A,"px"),maxHeight:"150px"}},x.default.createElement("div",{className:"messenger__messages-send__input-container"},x.default.createElement("textarea",{onChange:function(){var e=g.current;c(function(e){if(e)return e.scrollHeight>80?(E({height:80,overflow:"auto"}),130):(E({height:50,overflow:"auto"}),100);return A}(e))},placeholder:l(h?"sendMessageForm.chatEnded":"sendMessageForm.typeMessage"),ref:g,onKeyDown:function(e){"Enter"!==e.key||e.shiftKey||(e.preventDefault(),C())},className:"messenger__messages-send__input ".concat(h||u?"messenger__messages-send__input--disabled":""," "),disabled:h||u,style:{backgroundColor:null==_?void 0:_.inputBg}}),x.default.createElement(Le,{allowImages:n,handleFile:function(e){var n;if(e.target.files){var t=e.target.files[0],r=null==t?void 0:t.type,a=null===(n=null==t?void 0:t.name.split(".").pop())||void 0===n?void 0:n.toLowerCase();(r?["image/png","image/jpeg","application/pdf","application/msword","application/vnd.openxmlformats-officedocument.wordprocessingml.document","text/csv","video/mp4"].includes(r):!!a&&["png","jpeg","jpg","pdf","doc","docx","csv","mp4"].includes(a))&&s(t)}},attachFile:f,closedChat:h,maxFileField:o})),i?x.default.createElement("div",{className:"messenger__messages-sending"},x.default.createElement(Ye,null)):x.default.createElement("button",{type:"submit",className:"messenger__messages-send__button ".concat(h||u?"messenger__messages-send__button--disabled":""),disabled:h||u,style:{backgroundColor:null==_?void 0:_.buttonPrimary}},x.default.createElement("img",{alt:l("sendMessageForm.rightIcon"),height:25,width:25,className:"ml-1",src:De()})))};function Je(e){var n=e.children,t=e.messegerView,r=e.submitNewChat,a=e.cancelNewChat,s=e.reasons,i=e.products,o=e.newChatLoading,l=e.maxFileSize,d=e.loadingResources,A=w().theme,c=(0,D.useTranslation)("messengerMessages").t;return"empty"===t?x.default.createElement("div",{className:"messenger__messages-container--empty",style:{backgroundColor:null==A?void 0:A.messengerNotSelectedBg}},x.default.createElement(Ne,{width:"72",height:"72"}),x.default.createElement("p",null,c("selectConversation"))):"newChat"===t?x.default.createElement(Qe,{reasons:s,products:i,submitNewChat:r,cancelNewChat:a,loading:o,maxFileSize:l,loadingResources:d}):x.default.createElement(x.default.Fragment,null,n)}function Ye(){return x.default.createElement("div",{className:"messenger__messages-loading"},x.default.createElement("div",{className:"messenger__messages-loading--loader"}))}function Pe(e){var n=e.messages,t=e.creatorId,r=e.formatDate,a=e.loading,s=w().theme,i=(0,D.useTranslation)("messengerMessages").t;return!n||0===n.length&&!a?x.default.createElement("div",{className:"messenger__message-empty",style:{color:s.emptyMessagesFontColor}},x.default.createElement(W,null),x.default.createElement("p",null,i("noMessagesFound"))):x.default.createElement(x.default.Fragment,null,n.map((function(e,n){return x.default.createElement(x.Fragment,{key:"".concat(e.ticketId,"_").concat(e.senderId,"_").concat(n)},x.default.createElement(ke,{id:"message_".concat(n),formatDate:r,creatorId:t,item:e}))})))}var He=function(e){e.current&&(e.current.scrollTop=Number.MAX_SAFE_INTEGER)};function $e(e){var n=e.children,t=e.fowardRef,r=K(e,["children","fowardRef"]),a=w().theme;return x.default.createElement("div",G({},r,{ref:t,className:"messenger__messages-container",style:{padding:"1rem",backgroundColor:null==a?void 0:a.messengerMessagesBg,border:"1px solid ".concat(a.borderColor)}}),n)}function We(e){var n=this,t=e.children,r=e.loading,a=e.onIntersect,s=e.hasNext,i=e.scrollContainerFowardRef,o=function(e){return e?e.scrollHeight:null},l=function(e){return null===e&&void 0===e};return(0,x.useEffect)((function(){He(i)}),[]),x.default.createElement($e,{fowardRef:i},x.default.createElement(q,{root:document.querySelector(".messenger__messages-container"),loading:r,loadingCover:x.default.createElement(Ye,null),more:s,fetch:function(){return X(n,void 0,void 0,(function(){var e,n,t;return ee(this,(function(r){switch(r.label){case 0:return e=o(i.current),[4,a()];case 1:return r.sent(),n=o(i.current),!i.current||l(e)||l(n)||(s=i.current,t=(s?s.scrollTop:null)||0,i.current.scrollTop=function(e,n,t){return Math.abs(n-e)+t}(n,e,t)),[2]}var s}))}))},rootMargin:300,reverse:!0},t))}const Ze=function(e){var n=this,t=e.header,r=e.tab,a=e.className,s=void 0===a?"":a,i=e.current,o=e.messages,l=e.allowImages,d=e.creatorId,A=e.loading,c=e.onSubmit,m=e.submitNewChat,u=e.cancelNewChat,p=e.reasons,g=e.products,f=e.messegerView,h=e.formatDate,_=e.hasNext,E=e.onIntersect,C=e.newChatLoading,b=e.maxFileSize,v=(0,D.useTranslation)("messengerMessages").t,y=(0,x.useState)(),B=y[0],k=y[1],N=(0,x.useRef)(null),M=(0,x.useState)(!1),F=M[0],R=M[1],S=(0,x.useState)(""),I=S[0],Q=S[1],j=w().theme,z={mobile:"list"===r?"messenger__mobile-hide":""};return(0,x.useEffect)((function(){X(n,void 0,void 0,(function(){var e,n,t;return ee(this,(function(r){switch(r.label){case 0:return r.trys.push([0,2,,3]),[4,b()];case 1:return e=r.sent(),n=_e(e.data.data.maxFileSize),Q(n),[3,3];case 2:return t=r.sent(),console.error(v("errorSearchingMaxFileSize"),t),[3,3];case 3:return[2]}}))}))}),[I]),x.default.createElement("div",{className:"messenger__messages ".concat(s," ").concat(z.mobile," ")},x.default.createElement(Je,{newChatLoading:C,reasons:p,products:g,submitNewChat:m,cancelNewChat:u,messegerView:f,maxFileSize:I,loadingResources:A},B?x.default.createElement(oe,{file:B,onClose:function(){return k(null)}}):x.default.createElement(x.default.Fragment,null,x.default.createElement("div",{className:"messenger__messages-header",style:{backgroundColor:null==j?void 0:j.headerAndSenderBg,border:"1px solid ".concat(j.borderColor)}},x.default.cloneElement(t)),A&&!o.length?x.default.createElement($e,{fowardRef:N},x.default.createElement(Ye,null)):x.default.createElement(We,{scrollContainerFowardRef:N,loading:A,hasNext:_,onIntersect:E},x.default.createElement(Pe,{formatDate:h,messages:o,creatorId:d,loading:A}))),x.default.createElement("div",{className:"messenger__messages-send",style:{backgroundColor:null==j?void 0:j.headerAndSenderBg,border:"1px solid ".concat(j.borderColor)}},x.default.createElement(Oe,{allowImages:l,onSubmit:function(e,t){return X(n,void 0,void 0,(function(){return ee(this,(function(n){switch(n.label){case 0:R(!0),n.label=1;case 1:return n.trys.push([1,,3,4]),[4,c(e,t)];case 2:return n.sent(),He(N),[3,4];case 3:return R(!1),[7];case 4:return[2]}}))}))},file:B,updateFile:function(e){k(e)},current:i,isLoading:F,maxFileSize:I}))))};var qe=function(){var e=(0,x.useState)(15),n=e[0],t=e[1],r=(0,x.useState)([]),a=r[0],s=r[1],i=(0,x.useState)(),o=i[0],l=i[1],d=(0,x.useState)("empty"),A=d[0],c=d[1],m=(0,x.useState)("list"),u=m[0],p=m[1],g=function(e){c(e)},f=function(e){p(e)},h=function(e,n){s(e),n&&n(e[0])};return{onIntersect:function(){t((function(e){return e+15}))},reset:function(){t(15),s([])},conversations:a,hasNext:function(){return a.length>=n},addConversations:h,addOneUnreadToTicket:function(e,n){s((function(t){return function(e,n){return function(t){var r=(e||[]).map((function(e){return e._id===t?G(G({},e),{totalUnreadMessages:n===t?0:e.totalUnreadMessages+1}):e}));return function(e,n){var t=e.findIndex((function(e){return e._id===n}));if(-1!==t){var r=e.splice(t,1)[0];e.unshift(r)}}(r,n),r}}(t,n)(e)}))},setAsRead:function(e){s((function(n){return function(e){return function(n){return(e||[]).map((function(e){return(null==e?void 0:e._id)===n?G(G({},e),{totalUnreadMessages:0}):e}))}}(n)(e)}))},sliceCount:n,currentChat:o,selectChat:function(e){l(e)},onCloseChat:function(e){!function(e){var n=a.filter((function(n){return n._id!==e}));h(n)}(e),function(e){e===(null==o?void 0:o._id)&&(g("empty"),f("list"))}(e)},changeViewDesktop:g,viewDesktop:A,changeViewMobile:f,viewMobile:u}},Ve=function(){var e=(0,x.useState)([]),n=e[0],t=e[1],r=(0,x.useState)(0),a=r[0],s=r[1],i=function(e){t(e)};return{addMessages:i,messages:n,incrementMessages:function(e,t){var r=n.find((function(n){return n.messagecode===e.message.messagecode}));e.message.ticketId!==t||r||i(ne(ne([],n,!0),[e.message],!1))},updateMesssagesAsRead:function(e,t){var r;if(e.markAsRead||t===(null===(r=null==e?void 0:e.message)||void 0===r?void 0:r.ticketId)){var a=n.map((function(e){return G(G({},e),{everybodyHasRead:!0})}));i(a)}},addTotalMessages:function(e){s(e)},hasOlderMessages:function(){return n.length>9&&n.length<a}}};const Ue=(e=>{var n={};return o.d(n,e),n})({default:()=>a.default}),Ge=JSON.parse('{"b3":{"noChatFound":"Nenhuma conversa encontrada","messengerAvatar":{"alt":"imagem de um avatar de usuário"},"searchInput":{"placeholder":"Pesquisar conversa..."}},"AH":{"selectConversation":"Selecione uma conversa para visualizar as mensagens","noMessagesFound":"Nenhuma mensagem encontrada","errorSearchingMaxFileSize":"Erro ao buscar o tamanho máximo do arquivo:","incommingMessage":{"messageImage":"imagem na mensagem"},"sendMessageForm":{"maxFileField":"Tamanho máximo: {{maxFileField}}","chatEnded":"Conversa finalizada","typeMessage":"Digite uma mensagem","rightIcon":"Ícone para a direita"},"renderFileIcon":{"altImage":"arquivos enviados pelo chat agx"}},"xQ":{"newChat":"Novo Chamado","description":{"1":"Seu chamado será respondido o mais breve possível! Caso você se ausente do chamado pelo período de","2":"o mesmo será automaticamente fechado.","1/2bold":"uma hora"},"fields":{"reasons":{"label":"Motivos","placeholder":"Selecione um motivo para o chamado"},"product":{"label":"Produto (opcional)","placeholder":"Selecione o produto relacionado ao erro"},"message":{"label":"Mensagem","placeholder":"Digite sua mensagem aqui"},"document":{"label":"Documento (opcional)","placeholder":"Selecione um documento para o chamado"}},"buttons":{"send":"Enviar novo chamado","sendingButton":"Enviando..."},"inputFile":{"chooseFile":"Escolha o arquivo","allowDocuments":"Só são aceitos arquivos no formato .png, .jpg, .pdf, .csv, .mp4, .doc ou .docx","allowSizeDocument":"Tamanho máximo: {{maxSize}}","documentSendError":"Escolha uma imagem JPG/PNG, PDF, CSV, MP4 ou arquivo DOC/DOCX."}}}'),Ke=JSON.parse('{"b3":{"noChatFound":"No chat found","messengerAvatar":{"alt":"image of a user avatar"},"searchInput":{"placeholder":"Search chat..."}},"AH":{"selectConversation":"Select a conversation to view messages","noMessagesFound":"No messages found","errorSearchingMaxFileSize":"Error fetching maximum file size:","incommingMessage":{"messageImage":"image in message"},"sendMessageForm":{"maxFileField":"Maximum size: {{maxFileField}}","chatEnded":"Conversation ended","typeMessage":"Type a message","rightIcon":"Right icon"},"renderFileIcon":{"altImage":"files sent via agx chat"}},"xQ":{"newChat":"New Ticket","description":{"1":"Your ticket will be answered as soon as possible! If you are absent from the ticket for","2":"it will be automatically closed.","1/2bold":"one hour"},"fields":{"reasons":{"label":"Reasons","placeholder":"Select a reason for the ticket"},"product":{"label":"Product (optional)","placeholder":"Select the product related to the error"},"message":{"label":"Message","placeholder":"Type your message here"},"document":{"label":"Document (optional)","placeholder":"Select a document for the ticket"}},"buttons":{"send":"Send new ticket","sendingButton":"Sending..."},"inputFile":{"chooseFile":"Choose file","allowDocuments":"Only .png, .jpg, .pdf, .csv, .mp4, .doc or .docx files are accepted","allowSizeDocument":"Maximum size: {{maxSize}}","documentSendError":"Choose a JPG/PNG image, PDF, CSV, MP4 or DOC/DOCX file."}}}');var Xe={en:{newFormChat:Ke.xQ,messengerMessages:Ke.AH,messengerList:Ke.b3},pt:{newFormChat:Ge.xQ,messengerMessages:Ge.AH,messengerList:Ge.b3}};Ue.default.use(D.initReactI18next).init({resources:Xe,lng:"pt",fallbackLng:"pt",interpolation:{escapeValue:!1}});const en=Ue.default;function nn(e){Ue.default.changeLanguage(e)}const tn=function(e){var n=e.children,t=e.locale;return(0,x.useEffect)((function(){t&&en.changeLanguage(t)}),[t]),x.default.createElement(D.I18nextProvider,{i18n:en},n)}})();var d=l.aM,A=l.AM,c=l.Fx,m=l.tt,u=l.Vc,p=l.Y3,g=l.m0,f=l.Z5,h=l.y_;export{d as ChatProvider,A as MessengerList,c as MessengerListItem,m as MessengerMessages,u as MessengerThemeWrapper,p as NewChatButton,g as setLanguage,f as useConversations,h as useMessages};
|
|
1
|
+
import*as e from"dayjs";import*as n from"react";import*as t from"react-i18next";import*as r from"i18next";var a={74:(e,n,t)=>{t.d(n,{Z:()=>o});var r=t(537),a=t.n(r),s=t(645),i=t.n(s)()(a());i.push([e.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:"AAAA;EACE,WAAA;EACA,WAAA;EACA,yBAAA;EACA,yBAAA;EACA,mBAAA;EACA,yBAAA;ACCF;ADAE;EAAA;IACE,uCAAA;ECGF;AACF;ADDE;EACE,WAAA;EACA,kBAAA;EACA,gBAAA;EACA,aAAA;EACA,yBAAA;EACA,mBAAA;ACGJ;ADDI;EACE,WAAA;EACA,YAAA;EACA,eAAA;EACA,6BAAA;EACA,aAAA;EACA,YAAA;ACGN;ADDM;EACE,YAAA;EACA,iBAAA;ACGR;ADAM;;EAEE,kBAAA;EACA,WAAA;EACA,MAAA;EACA,YAAA;EACA,YAAA;EACA,UAAA;EACA,qBAAA;ACER;ADCM;EACE,wBAAA;ACCR;ADEM;EACE,yBAAA;ACAR;ADKE;EACE,WAAA;EACA,YAAA;EAEA,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,cAAA;ACJJ;ADOE;EACE,aAAA;EACA,sBAAA;EACA,mBAAA;EACA,WAAA;EACA,eAAA;EACA,gBAAA;EACA,iBAAA;ACLJ;ADQE;EACE,WAAA;EACA,kBAAA;EACA,qBAAA;ACNJ;ACtEA;EACE,mBAAA;EACA,WAAA;ADwEF;ACtEE;EACE,cAAA;EACA,iBAAA;EACA,cAAA;ADwEJ;ACrEE;EACE,mCAAA;EACA,kBAAA;EACA,kBAAA;EACA,gBAAA;EACA,WAAA;ADuEJ;ACrEI;EACE,qCAAA;ADuEN;AEzFA;EACE,mBAAA;EACA,WAAA;AF2FF;AEzFE;EACE,cAAA;EACA,iBAAA;EACA,cAAA;AF2FJ;AExFE;EACE,mCAAA;EACA,kBAAA;EACA,kBAAA;EACA,gBAAA;EACA,WAAA;AF0FJ;AExFI;EACE,qCAAA;AF0FN;AG5GA;EACE,mBAAA;EACA,WAAA;AH8GF;AG5GE;EACE,cAAA;EACA,iBAAA;EACA,cAAA;AH8GJ;AG3GE;EACE,mBAAA;EACA,wCAAA;EACA,mBAAA;EACA,aAAA;EACA,sBAAA;EACA,uBAAA;EACA,kBAAA;EACA,aAAA;EACA,WAAA;AH6GJ;AG1GE;EACE,YAAA;EACA,mBAAA;EACA,6BAAA;EACA,eAAA;EACA,eAAA;EACA,iBAAA;EACA,mBAAA;EACA,eAAA;AH4GJ;AGzGE;EACE,mBAAA;EACA,wCAAA;EACA,mBAAA;EACA,aAAA;EACA,8BAAA;EACA,gBAAA;EACA,eAAA;AH2GJ;AGzGI;EACE,gBAAA;EACA,uBAAA;EACA,mBAAA;EACA,eAAA;AH2GN;AGvGE;EACE,mBAAA;EACA,uBAAA;EACA,YAAA;EACA,eAAA;EACA,aAAA;EACA,uBAAA;AHyGJ;AIjKA;EACE,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,WAAA;EACA,cAAA;EACA,kBAAA;AJmKF;AIjKE;EACE,4BAAA;EACA,aAAA;EACA,uBAAA;EACA,iBAAA;EACA,UAAA;AJmKJ;AIhKE;EACE,YAAA;AJkKJ;AI/JE;EACE,UAAA;EACA,kBAAA;EACA,4BAAA;EACA,YAAA;EACA,6BAAA;EACA,wCAAA;EACA,uBAAA;EACA,kBAAA;AJiKJ;AI/JI;EACE,6BAAA;EACA,YAAA;AJiKN;AI7JE;EACE,YAAA;EACA,uBAAA;EACA,kBAAA;EACA,WAAA;EACA,aAAA;EACA,eAAA;AJ+JJ;AKzMA;EACE,aAAA;EACA,uBAAA;EACA,mBAAA;AL2MF;AK1ME;EACE,uBAAA;EACA,YAAA;EACA,oCAAA;EACA,eAAA;EACA,oBAAA;EACA,qBAAA;AL4MJ;AK1MI;EACE,+CAAA;EACA,gBAAA;AL4MN;AMzNE;EACE,aAAA;EACA,yBAAA;EACA,cAAA;AN2NJ;AMxNE;EACE,cAAA;EACA,aAAA;EACA,kBAAA;EACA,gCAAA;EACA,wCAAA;AN0NJ;AMvNE;EACE,aAAA;EACA,mBAAA;EACA,8BAAA;EACA,kBAAA;EACA,aAAA;ANyNJ;AMtNE;EACE,cAAA;EACA,WAAA;EACA,YAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,kBAAA;EACA,kBAAA;ANwNJ;AMrNE;EACE,YAAA;EACA,kBAAA;ANuNJ;AMpNE;EACE,iBAAA;EACA,eAAA;EACA,SAAA;ANsNJ;AMnNE;EACE,eAAA;EACA,+BAAA;ANqNJ;AMlNE;EACE,eAAA;EACA,qBAAA;ANoNJ;AMjNE;EACE,0BAAA;ANmNJ;AMhNE;EACE,aAAA;EACA,8BAAA;EACA,mBAAA;EACA,eAAA;ANkNJ;AM/ME;EACE,eAAA;EACA,+BAAA;ANiNJ;AOrRA;EACE,kBAAA;EACA,qBAAA;APuRF;AOpRA;EACE,kBAAA;EACA,uBAAA;EACA,WAAA;EACA,kBAAA;EACA,kBAAA;EACA,YAAA;EACA,kBAAA;EACA,UAAA;EACA,YAAA;EACA,UAAA;EACA,kBAAA;EACA,UAAA;EACA,yCAAA;APsRF;AOjRA;EACE,mBAAA;EACA,UAAA;APmRF;AQhSE;EACE,qBAAA;EAWA,aAAA;EACA,mBAAA;EACA,sBAAA;ARwRJ;AQnSI;EAAA;IACE,gBAAA;ERsSJ;AACF;AQpSI;EAAA;IACE,8BAAA;IACA,sBAAA;ERuSJ;AACF;AQhSE;EACE,yBAAA;EACA,SAAA;EACA,gBAAA;EACA,sBAAA;ARkSJ;AQ/RE;EACE,WAAA;EACA,gBAAA;EAEA,aAAA;EACA,sBAAA;EACA,uBAAA;EACA,mBAAA;ARgSJ;AQ9RI;EACE,4BAAA;ARgSN;AQ7RI;EACE,kBAAA;AR+RN;AQ3RE;EACE,sBAAA;EACA,eAAA;AR6RJ;AQ1RE;EACE,gBAAA;EACA,qBAAA;AR4RJ;AQzRE;EACE,sBAAA;EACA,yBAAA;EAEA,YAAA;EACA,gBAAA;EACA,kBAAA;EAEA,aAAA;EACA,sBAAA;EACA,2BAAA;EACA,mBAAA;ARyRJ;AQvRI;EACE,WAAA;ARyRN;AQvRM;EACE,WAAA;EACA,MAAA;ARyRR;AQpRE;EACE,eAAA;EACA,kBAAA;ARsRJ;AQnRE;EACE,sBAAA;ARqRJ;AQlRE;EACE,kBAAA;EACA,QAAA;EACA,MAAA;EACA,mBAAA;EACA,wCAAA;EACA,iBAAA;EACA,iBAAA;ARoRJ;AQjRE;EACE,mBAAA;EACA,aAAA;EACA,eAAA;ARmRJ;AQhRE;EACE,gBAAA;EACA,eAAA;EACA,aAAA;EACA,mBAAA;EACA,YAAA;EACA,iBAAA;EACA,sBAAA;ARkRJ;AQhRI;EACE,mBAAA;EACA,gBAAA;ARkRN;AQ/QI;EACE,mBAAA;EACA,mBAAA;EACA,kBAAA;EACA,cAAA;EACA,aAAA;EACA,cAAA;EACA,eAAA;EACA,iBAAA;EACA,YAAA;EACA,uBAAA;EACA,gBAAA;EACA,wBAAA;EACA,yBAAA;EACA,iBAAA;EACA,WAAA;ARiRN;AQ/QM;EAAA;IACE,YAAA;IACA,WAAA;ERkRN;AACF;AQhRM;EACE,YAAA;EACA,WAAA;EACA,kBAAA;ARkRR;AQ9QI;;EAEE,aAAA;EACA,sBAAA;EACA,WAAA;EACA,YAAA;ARgRN;AQ7QI;EACE,gBAAA;EACA,gBAAA;AR+QN;AQ7QM;EAAA;IACE,gBAAA;IACA,gBAAA;ERgRN;AACF;AQ9QM;EAAA;IACE,cAAA;IACA,cAAA;ERiRN;AACF;AQ/QM;EAAA;IACE,gBAAA;IACA,gBAAA;ERkRN;AACF;AQ/QI;EACE,qBAAA;EACA,eAAA;EACA,gBAAA;EACA,WAAA;ARiRN;AQ9QI;EACE,yBAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;EClMJ,aAAA;EACA,mBAAA;EACA,uBAAA;ATmdF;AQ9QI;;EAEE,cAAA;EACA,gBAAA;EACA,SAAA;EACA,gBAAA;EACA,uBAAA;EACA,mBAAA;EACA,WAAA;ARgRN;AQ7QI;EACE,iBAAA;EACA,eAAA;AR+QN;AQ5QI;EACE,eAAA;AR8QN;AQ1QE;EACE,qBAAA;EAEA,aAAA;EACA,sBAAA;EACA,6BAAA;AR2QJ;AQzQI;EAAA;IACE,sBAAA;ER4QJ;AACF;AQzQE;;EAEE,YAAA;EACA,eAAA;EACA,WAAA;AR2QJ;AQxQE;EAKE,yBAAA;EACA,aAAA;EACA,mBAAA;EACA,mBAAA;EACA,8BAAA;ARsQJ;AQ9QI;EAAA;IACE,4BAAA;ERiRJ;AACF;AQxQE;EACE,eAAA;EACA,YAAA;EACA,eAAA;EACA,cAAA;EACA,kBAAA;EACA,qBAAA;EACA,yBAAA;AR0QJ;AQxQI;EACE,WAAA;EACA,YAAA;EACA,4BAAA;EACA,yBAAA;EAEA,aAAA;EACA,sBAAA;EACA,mBAAA;EACA,uBAAA;ARyQN;AQvQM;EACE,aAAA;ARyQR;AQtQM;EACE,kBAAA;EACA,gBAAA;ARwQR;AQnQE;EACE,WAAA;EACA,aAAA;EACA,uBAAA;EACA,mBAAA;EACA,gBAAA;ARqQJ;AQnQI;EACE,kCAAA;EACA,6CAAA;EACA,kBAAA;EACA,YAAA;EACA,mBAAA;EACA,WAAA;ARqQN;AQjQE;;;EAGE,WAAA;EACA,mBAAA;EACA,cAAA;EACA,aAAA;EACA,mBAAA;ARmQJ;AQhQE;EACE,yBAAA;ARkQJ;AQ/PE;EACE,2BAAA;ARiQJ;AQ9PE;EACE,uBAAA;ARgQJ;AQ7PE;;EAEE,eAAA;EACA,kBAAA;EACA,aAAA;AR+PJ;AQ7PI;;EACE,6BAAA;EACA,yBAAA;EACA,sBAAA;EACA,YAAA;ARgQN;AQ5PE;EACE,gBAAA;EACA,yBAAA;EACA,+BAAA;AR8PJ;AQ5PI;EACE,mBAAA;AR8PN;AQ1PE;EACE,gBAAA;EACA,gBAAA;EACA,yBAAA;EACA,+BAAA;AR4PJ;AQzPE;EAEE,mBAAA;EACA,gBAAA;EACA,eAAA;EACA,cAAA;EAEA,cAAA;EACA,UAAA;EACA,eAAA;EACA,yBAAA;EACA,eAAA;EACA,6BAAA;EACA,iBAAA;EACA,oBAAA;EACA,gBAAA;ARyPJ;AQtPE;EACE,UAAA;EACA,SAAA;EACA,qBAAA;EACA,gBAAA;ARwPJ;AQtPI;EACE,eAAA;ARwPN;AQzPI;EAII,sBAAA;ARwPR;AQpPI;EACE,WAAA;EACA,aAAA;EACA,mBAAA;EACA,yBAAA;EACA,QAAA;EACA,eAAA;ARsPN;AQnPI;EACE,iBAAA;EACA,UAAA;EACA,eAAA;EACA,gBAAA;EACA,eAAA;EACA,iBAAA;EACA,iBAAA;ARqPN;AQjPE;EACE,WAAA;EACA,gBAAA;EAEA,aAAA;EACA,sBAAA;EACA,uBAAA;EACA,mBAAA;ARkPJ;AQhPI;EACE,kBAAA;ARkPN;AQ7OI;EAAA;IACE,aAAA;ERgPJ;AACF;AQ7OE;EACE,yBAAA;EACA,aAAA;EAMA,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,mBAAA;AR0OJ;AQjPI;EAAA;IACE,4BAAA;ERoPJ;AACF;AQ7OI;EACE,mBAAA;EACA,aAAA;EACA,SAAA;EACA,WAAA;AR+ON;AQ5OI;EACE,SAAA;EACA,mBAAA;EACA,aAAA;EACA,cAAA;EACA,YAAA;EACA,iBAAA;EACA,gBAAA;EACA,aAAA;EACA,gBAAA;EACA,sBAAA;EACA,YAAA;EACA,UAAA;AR8ON;AQ5OM;EACE,mBAAA;EACA,YAAA;AR8OR;AQ3OM;EACE,cAAA;AR6OR;AQzOI;EACE,mBAAA;EACA,mBAAA;EACA,aAAA;EACA,cAAA;AR2ON;AQxOI;EACE,uBAAA;EACA,sBAAA;EACA,kBAAA;EACA,YAAA;EACA,aAAA;EACA,eAAA;EAEA,aAAA;EACA,mBAAA;EACA,uBAAA;ARyON;AQvOM;EACE,mBAAA;EACA,YAAA;ARyOR;AQtOM;EACE,YAAA;EACA,iBAAA;ARwOR;AQpOI;EACE,aAAA;ARsON;AQnOI;EACE,eAAA;EACA,WAAA;ARqON;AQnOM;EACE,mBAAA;ARqOR;AQhOE;EACE,kBAAA;EACA,4BAAA;EACA,YAAA;EACA,aAAA;ARkOJ;AQhOI;EAAA;IACE,8BAAA;ERmOJ;AACF;AQhOE;EACE,aAAA;EACA,8BAAA;EACA,cAAA;ARkOJ;AQ/NE;EACE,cAAA;EACA,kBAAA;ARiOJ;AQ9NE;EACE,gBAAA;EACA,YAAA;EACA,eAAA;ARgOJ;AQ7NE;;EAEE,cAAA;AR+NJ;AQ5NE;EACE,iBAAA;EACA,mBAAA;EACA,eAAA;EACA,mBAAA;AR8NJ;AQ3NE;EACE,YAAA;EACA,mBAAA;EACA,eAAA;EACA,mBAAA;EACA,cAAA;EACA,eAAA;AR6NJ;AQ3NI;EACE,YAAA;AR6NN;AQ3NI;EACE,mBAAA;EACA,sBAAA;AR6NN;AQzNE;EACE,aAAA;EACA,sBAAA;EACA,iBAAA;EACA,WAAA;AR2NJ;AQxNE;EACE,YAAA;EACA,mBAAA;EACA,6BAAA;EACA,eAAA;EACA,eAAA;EACA,iBAAA;EACA,mBAAA;EACA,eAAA;AR0NJ;AQvNE;EACE,mBAAA;ARyNJ;AQtNE;EACE,YAAA;EACA,mBAAA;EACA,6BAAA;EACA,eAAA;EACA,iBAAA;EACA,mBAAA;EACA,eAAA;ARwNJ;AQrNE;EACE,6BAAA;EACA,iBAAA;EACA,iBAAA;ARuNJ;AQpNE;EACE,iBAAA;ARsNJ;AQlNI;EAAA;IACE,wBAAA;ERqNJ;AACF;AQjNA;EACE,sBAAA;EACA,+CAAA;ARmNF;AUh0BA;;;EAGE,UAAA;EACA,SAAA;AVk0BF;AW1yBA;EACE,yCAAA;AX4yBF;AYz0BA;EACE;IACE,uBAAA;EZ20BF;EYz0BA;IACE,yBAAA;EZ20BF;AACF",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:""}]);const o=i},645:e=>{e.exports=function(e){var n=[];return n.toString=function(){return this.map((function(n){var t="",r=void 0!==n[5];return n[4]&&(t+="@supports (".concat(n[4],") {")),n[2]&&(t+="@media ".concat(n[2]," {")),r&&(t+="@layer".concat(n[5].length>0?" ".concat(n[5]):""," {")),t+=e(n),r&&(t+="}"),n[2]&&(t+="}"),n[4]&&(t+="}"),t})).join("")},n.i=function(e,t,r,a,s){"string"==typeof e&&(e=[[null,e,void 0]]);var i={};if(r)for(var o=0;o<this.length;o++){var l=this[o][0];null!=l&&(i[l]=!0)}for(var d=0;d<e.length;d++){var A=[].concat(e[d]);r&&i[A[0]]||(void 0!==s&&(void 0===A[5]||(A[1]="@layer".concat(A[5].length>0?" ".concat(A[5]):""," {").concat(A[1],"}")),A[5]=s),t&&(A[2]?(A[1]="@media ".concat(A[2]," {").concat(A[1],"}"),A[2]=t):A[2]=t),a&&(A[4]?(A[1]="@supports (".concat(A[4],") {").concat(A[1],"}"),A[4]=a):A[4]="".concat(a)),n.push(A))}},n}},537:e=>{e.exports=function(e){var n=e[1],t=e[3];if(!t)return n;if("function"==typeof btoa){var r=btoa(unescape(encodeURIComponent(JSON.stringify(t)))),a="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(r),s="/*# ".concat(a," */");return[n].concat([s]).join("\n")}return[n].join("\n")}},548:function(e,n,t){e.exports=function(e){function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var t=n(e),r={name:"pt-br",weekdays:"domingo_segunda-feira_terça-feira_quarta-feira_quinta-feira_sexta-feira_sábado".split("_"),weekdaysShort:"dom_seg_ter_qua_qui_sex_sáb".split("_"),weekdaysMin:"Do_2ª_3ª_4ª_5ª_6ª_Sá".split("_"),months:"janeiro_fevereiro_março_abril_maio_junho_julho_agosto_setembro_outubro_novembro_dezembro".split("_"),monthsShort:"jan_fev_mar_abr_mai_jun_jul_ago_set_out_nov_dez".split("_"),ordinal:function(e){return e+"º"},formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD/MM/YYYY",LL:"D [de] MMMM [de] YYYY",LLL:"D [de] MMMM [de] YYYY [às] HH:mm",LLLL:"dddd, D [de] MMMM [de] YYYY [às] HH:mm"},relativeTime:{future:"em %s",past:"há %s",s:"poucos segundos",m:"um minuto",mm:"%d minutos",h:"uma hora",hh:"%d horas",d:"um dia",dd:"%d dias",M:"um mês",MM:"%d meses",y:"um ano",yy:"%d anos"}};return t.default.locale(r,null,!0),r}(t(338))},124:function(e){e.exports=function(e,n,t){n.prototype.isToday=function(){var e="YYYY-MM-DD",n=t();return this.format(e)===n.format(e)}}},387:function(e){var n,t;e.exports=(n={year:0,month:1,day:2,hour:3,minute:4,second:5},t={},function(e,r,a){var s,i=function(e,n,r){void 0===r&&(r={});var a=new Date(e),s=function(e,n){void 0===n&&(n={});var r=n.timeZoneName||"short",a=e+"|"+r,s=t[a];return s||(s=new Intl.DateTimeFormat("en-US",{hour12:!1,timeZone:e,year:"numeric",month:"2-digit",day:"2-digit",hour:"2-digit",minute:"2-digit",second:"2-digit",timeZoneName:r}),t[a]=s),s}(n,r);return s.formatToParts(a)},o=function(e,t){for(var r=i(e,t),s=[],o=0;o<r.length;o+=1){var l=r[o],d=l.type,A=l.value,c=n[d];c>=0&&(s[c]=parseInt(A,10))}var m=s[3],u=24===m?0:m,p=s[0]+"-"+s[1]+"-"+s[2]+" "+u+":"+s[4]+":"+s[5]+":000",g=+e;return(a.utc(p).valueOf()-(g-=g%1e3))/6e4},l=r.prototype;l.tz=function(e,n){void 0===e&&(e=s);var t=this.utcOffset(),r=this.toDate(),i=r.toLocaleString("en-US",{timeZone:e}),o=Math.round((r-new Date(i))/1e3/60),l=a(i).$set("millisecond",this.$ms).utcOffset(15*-Math.round(r.getTimezoneOffset()/15)-o,!0);if(n){var d=l.utcOffset();l=l.add(t-d,"minute")}return l.$x.$timezone=e,l},l.offsetName=function(e){var n=this.$x.$timezone||a.tz.guess(),t=i(this.valueOf(),n,{timeZoneName:e}).find((function(e){return"timezonename"===e.type.toLowerCase()}));return t&&t.value};var d=l.startOf;l.startOf=function(e,n){if(!this.$x||!this.$x.$timezone)return d.call(this,e,n);var t=a(this.format("YYYY-MM-DD HH:mm:ss:SSS"));return d.call(t,e,n).tz(this.$x.$timezone,!0)},a.tz=function(e,n,t){var r=t&&n,i=t||n||s,l=o(+a(),i);if("string"!=typeof e)return a(e).tz(i);var d=function(e,n,t){var r=e-60*n*1e3,a=o(r,t);if(n===a)return[r,n];var s=o(r-=60*(a-n)*1e3,t);return a===s?[r,a]:[e-60*Math.min(a,s)*1e3,Math.max(a,s)]}(a.utc(e,r).valueOf(),l,i),A=d[0],c=d[1],m=a(A).utcOffset(c);return m.$x.$timezone=i,m},a.tz.guess=function(){return Intl.DateTimeFormat().resolvedOptions().timeZone},a.tz.setDefault=function(e){s=e}})},178:function(e){var n,t,r;e.exports=(n="minute",t=/[+-]\d\d(?::?\d\d)?/g,r=/([+-]|\d\d)/g,function(e,a,s){var i=a.prototype;s.utc=function(e){return new a({date:e,utc:!0,args:arguments})},i.utc=function(e){var t=s(this.toDate(),{locale:this.$L,utc:!0});return e?t.add(this.utcOffset(),n):t},i.local=function(){return s(this.toDate(),{locale:this.$L,utc:!1})};var o=i.parse;i.parse=function(e){e.utc&&(this.$u=!0),this.$utils().u(e.$offset)||(this.$offset=e.$offset),o.call(this,e)};var l=i.init;i.init=function(){if(this.$u){var e=this.$d;this.$y=e.getUTCFullYear(),this.$M=e.getUTCMonth(),this.$D=e.getUTCDate(),this.$W=e.getUTCDay(),this.$H=e.getUTCHours(),this.$m=e.getUTCMinutes(),this.$s=e.getUTCSeconds(),this.$ms=e.getUTCMilliseconds()}else l.call(this)};var d=i.utcOffset;i.utcOffset=function(e,a){var s=this.$utils().u;if(s(e))return this.$u?0:s(this.$offset)?d.call(this):this.$offset;if("string"==typeof e&&(e=function(e){void 0===e&&(e="");var n=e.match(t);if(!n)return null;var a=(""+n[0]).match(r)||["-",0,0],s=a[0],i=60*+a[1]+ +a[2];return 0===i?0:"+"===s?i:-i}(e),null===e))return this;var i=Math.abs(e)<=16?60*e:e,o=this;if(a)return o.$offset=i,o.$u=0===e,o;if(0!==e){var l=this.$u?this.toDate().getTimezoneOffset():-1*this.utcOffset();(o=this.local().add(i+l,n)).$offset=i,o.$x.$localOffset=l}else o=this.utc();return o};var A=i.format;i.format=function(e){var n=e||(this.$u?"YYYY-MM-DDTHH:mm:ss[Z]":"");return A.call(this,n)},i.valueOf=function(){var e=this.$utils().u(this.$offset)?0:this.$offset+(this.$x.$localOffset||this.$d.getTimezoneOffset());return this.$d.valueOf()-6e4*e},i.isUTC=function(){return!!this.$u},i.toISOString=function(){return this.toDate().toISOString()},i.toString=function(){return this.toDate().toUTCString()};var c=i.toDate;i.toDate=function(e){return"s"===e&&this.$offset?s(this.format("YYYY-MM-DD HH:mm:ss:SSS")).toDate():c.call(this)};var m=i.diff;i.diff=function(e,n,t){if(e&&this.$u===e.$u)return m.call(this,e,n,t);var r=this.local(),a=s(e).local();return m.call(r,a,n,t)}})},379:e=>{var n=[];function t(e){for(var t=-1,r=0;r<n.length;r++)if(n[r].identifier===e){t=r;break}return t}function r(e,r){for(var s={},i=[],o=0;o<e.length;o++){var l=e[o],d=r.base?l[0]+r.base:l[0],A=s[d]||0,c="".concat(d," ").concat(A);s[d]=A+1;var m=t(c),u={css:l[1],media:l[2],sourceMap:l[3],supports:l[4],layer:l[5]};if(-1!==m)n[m].references++,n[m].updater(u);else{var p=a(u,r);r.byIndex=o,n.splice(o,0,{identifier:c,updater:p,references:1})}i.push(c)}return i}function a(e,n){var t=n.domAPI(n);t.update(e);return function(n){if(n){if(n.css===e.css&&n.media===e.media&&n.sourceMap===e.sourceMap&&n.supports===e.supports&&n.layer===e.layer)return;t.update(e=n)}else t.remove()}}e.exports=function(e,a){var s=r(e=e||[],a=a||{});return function(e){e=e||[];for(var i=0;i<s.length;i++){var o=t(s[i]);n[o].references--}for(var l=r(e,a),d=0;d<s.length;d++){var A=t(s[d]);0===n[A].references&&(n[A].updater(),n.splice(A,1))}s=l}}},569:e=>{var n={};e.exports=function(e,t){var r=function(e){if(void 0===n[e]){var t=document.querySelector(e);if(window.HTMLIFrameElement&&t instanceof window.HTMLIFrameElement)try{t=t.contentDocument.head}catch(e){t=null}n[e]=t}return n[e]}(e);if(!r)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");r.appendChild(t)}},216:e=>{e.exports=function(e){var n=document.createElement("style");return e.setAttributes(n,e.attributes),e.insert(n,e.options),n}},565:(e,n,t)=>{e.exports=function(e){var n=t.nc;n&&e.setAttribute("nonce",n)}},795:e=>{e.exports=function(e){var n=e.insertStyleElement(e);return{update:function(t){!function(e,n,t){var r="";t.supports&&(r+="@supports (".concat(t.supports,") {")),t.media&&(r+="@media ".concat(t.media," {"));var a=void 0!==t.layer;a&&(r+="@layer".concat(t.layer.length>0?" ".concat(t.layer):""," {")),r+=t.css,a&&(r+="}"),t.media&&(r+="}"),t.supports&&(r+="}");var s=t.sourceMap;s&&"undefined"!=typeof btoa&&(r+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(s))))," */")),n.styleTagTransform(r,e,n.options)}(n,e,t)},remove:function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(n)}}}},589:e=>{e.exports=function(e,n){if(n.styleSheet)n.styleSheet.cssText=e;else{for(;n.firstChild;)n.removeChild(n.firstChild);n.appendChild(document.createTextNode(e))}}},93:e=>{e.exports="data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='256' height='256' viewBox='0 0 256 256' xml:space='preserve'%3e %3cdesc%3eCreated with Fabric.js 1.7.22%3c/desc%3e %3cdefs%3e %3c/defs%3e %3cg transform='translate(128 128) scale(0.72 0.72)' style=''%3e %3cg style='stroke: none; stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: none; fill-rule: nonzero; opacity: 1;' transform='translate(-175.05 -175.05000000000004) scale(3.89 3.89)' %3e %3cpath d='M 87.85 41.551 L 5.545 1.167 C 2.414 -0.369 -0.979 2.725 0.263 5.984 l 14.342 37.648 c 0.336 0.881 0.336 1.854 0 2.735 L 0.263 84.016 c -1.241 3.259 2.152 6.353 5.282 4.817 L 87.85 48.449 C 90.717 47.043 90.717 42.957 87.85 41.551 z' style='stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(255,255,255); fill-rule: nonzero; opacity: 1;' transform=' matrix(1 0 0 1 0 0) ' stroke-linecap='round' /%3e %3c/g%3e %3c/g%3e %3c/svg%3e"},338:n=>{n.exports=e}},s={};function i(e){var n=s[e];if(void 0!==n)return n.exports;var t=s[e]={id:e,exports:{}};return a[e].call(t.exports,t,t.exports,i),t.exports}i.n=e=>{var n=e&&e.__esModule?()=>e.default:()=>e;return i.d(n,{a:n}),n},i.d=(e,n)=>{for(var t in n)i.o(n,t)&&!i.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:n[t]})},i.o=(e,n)=>Object.prototype.hasOwnProperty.call(e,n),i.nc=void 0;var o={};(()=>{i.d(o,{aM:()=>en,AM:()=>V,Fx:()=>O,tt:()=>$e,Vc:()=>b,Y3:()=>Y,m0:()=>Xe,Z5:()=>We,y_:()=>Ze});var e=i(379),a=i.n(e),s=i(795),l=i.n(s),d=i(569),A=i.n(d),c=i(565),m=i.n(c),u=i(216),p=i.n(u),g=i(589),f=i.n(g),h=i(74),_={};_.styleTagTransform=f(),_.setAttributes=m(),_.insert=A().bind(null,"head"),_.domAPI=l(),_.insertStyleElement=p();a()(h.Z,_);h.Z&&h.Z.locals&&h.Z.locals;const E=(e=>{var n={};return i.d(n,e),n})({Fragment:()=>n.Fragment,createContext:()=>n.createContext,createElement:()=>n.createElement,default:()=>n.default,useCallback:()=>n.useCallback,useContext:()=>n.useContext,useEffect:()=>n.useEffect,useMemo:()=>n.useMemo,useRef:()=>n.useRef,useState:()=>n.useState});var x={asideBg:"#eee",asideFontColor:"var(--secondary-color)",messengerMessagesBg:"#eeeeee",headerAndSenderBg:"#232831",buttonPrimary:"#25D366",buttonPrimaryText:"#707070",buttonsDisabled:"#94989D",uploadFileIconColor:"#8696a0",messengerNotSelectedBg:"#DDDDDD",newChatFormBg:"",newChatFormRadius:"0 20px 20px 0",newChatFormTexts:"#000",newChatFormDeleteFileButton:"#DD4E4E",disclaimerPrimaryColor:"#4791FF",disclaimerSecondaryColor:"#4791FF",disclaimerTextColor:"#000",messengerSenderColor:"#00A73E",messengerIncomerColor:"#707070",messengerSystemColor:"#2A313A",borderColor:"#AAAAAA",inputBg:"var(--secondary-color)",chatInputBorder:"",listItemHover:"",active:"",activeTabBorter:"#25D366",emptyMessagesFontColor:"#000",documentMessagesTextColor:"#fff"},C=(0,E.createContext)({});const b=function(e){var n=e.children,t=e.theme,r={theme:void 0===t?x:t};return E.default.createElement(C.Provider,{value:r},n)};const v=function(){var e=(0,E.useContext)(C);if(void 0===e)throw new Error("useTheme must be used within a ThemeProvider");return e};var w=i(338),y=i(548),B=i.n(y),k=i(178),N=i.n(k),M=i(387),F=i.n(M),R=i(124),S=i.n(R),I="America/Sao_Paulo";w.default.extend(N()),w.default.extend(F()),w.default.extend(S()),w.default.locale(B());var Q=function(e,n){void 0===e&&(e=new Date);var t=null==n?void 0:n.server,r=null==n?void 0:n.applyTimezone,a=w.default.tz.guess();return null==r||r?null!=t&&t&&(a=I):a="GMT",w.default.tz(e,a)},j=function(){function e(e){this.holidays={2023:["09-07","10-12","10-17","11-02","11-15","11-20","12-25"]},this.seconds=e}return e.prototype.isWorkingDay=function(e){var n=e.day();return n>=1&&n<=5},e.prototype.isWorkingHour=function(e){var n=e.hour();return n>=9&&n<=18},e.prototype.isWeekendOrHoliday=function(e){var n=Q(e,{applyTimezone:!1}).day();if([6,0].includes(n))return!0;var t=Q(e).format("MM-DD");return this.holidays[2023].includes(t)},e.prototype.isHoliday=function(e){var n=Q(e,{applyTimezone:!1}).format("MM-DD");return this.holidays[2023].includes(n)},e.prototype.canUpdateClock=function(e){var n=this.isWorkingDay(e)&&this.isWorkingHour(e);return!this.isWeekendOrHoliday(e)&&n},e.prototype.getDiffInSeconds=function(e,n){return n.diff(e,"second")},e.prototype.calculateWorkingTime=function(e,n,t){for(var r=e.clone(),a=0;r.isBefore(n);)if(this.isWorkingDay(r)&&!this.isHoliday(r)){var s=r.clone().startOf("day").add(t.start,"hour"),i=r.clone().startOf("day").add(t.end,"hour");if(r.isBefore(s)&&(r=s.clone()),r.isAfter(i))r=r.clone().add(1,"day").startOf("day");else{if(!n.isAfter(i)){a+=Math.abs(n.clone().diff(r,"second"));break}a+=Math.abs(i.clone().diff(r,"second")),r=r.clone().add(1,"day").startOf("day").add(t.start,"hour")}}else r=r.clone().add(1,"day").startOf("day");return a},e.prototype.getDifferenceInSeconds=function(e,n,t){if(n.isBefore(e))throw new Error("End date should be after the start date.");return this.calculateWorkingTime(e,n,t)},e.secondsInHours=function(e){var n=Math.floor(e/3600),t=Math.floor(e%3600/60),r=e%60;return"".concat(n.toString().padStart(2,"0"),":").concat(t.toString().padStart(2,"0"),":").concat(r.toString().padStart(2,"0"))},e.getColorsByTime=function(e){var n=e/3600;return n<=2?"#00CF7B":n>=2&&n<3?"#FF9838":n>=3&&n<4?"#DD4E4E":"#151919"},e}();const z=(e=>{var n={};return i.d(n,e),n})({I18nextProvider:()=>t.I18nextProvider,initReactI18next:()=>t.initReactI18next,useTranslation:()=>t.useTranslation});const D=function(e){var n=e.image,t=e.children,r=e.className,a=void 0===r?"":r,s=(0,z.useTranslation)("messengerList").t,i=v().theme;return E.default.createElement("figure",{className:"".concat(a," messenger__aside-list-item--avatar"),style:{background:i.messengerIncomerColor}},n?E.default.createElement("img",{loading:"lazy",alt:s("messengerAvatar.alt"),src:n}):t)};function T(e){var n=e.color;return E.default.createElement("svg",{width:"14",height:"14",viewBox:"0 0 18 18",fill:n,xmlns:"http://www.w3.org/2000/svg"},E.default.createElement("path",{d:"M9.42207 4.79883H8.57656C8.49922 4.79883 8.43594 4.86211 8.43594 4.93946V9.77871C8.43594 9.82442 8.45703 9.8666 8.49394 9.89297L11.3996 12.0147C11.4629 12.0604 11.5508 12.048 11.5965 11.9848L12.0992 11.2992C12.1467 11.2342 12.1326 11.1463 12.0693 11.1023L9.56269 9.29004V4.93946C9.56269 4.86211 9.49941 4.79883 9.42207 4.79883ZM13.2857 6.12071L16.042 6.79395C16.1299 6.81504 16.216 6.74824 16.216 6.6586L16.2301 3.81973C16.2301 3.70196 16.0947 3.63516 16.0033 3.70899L13.233 5.87285C13.2121 5.88905 13.1961 5.91083 13.187 5.93568C13.1779 5.96054 13.176 5.98746 13.1815 6.01335C13.187 6.03924 13.1997 6.06305 13.2182 6.08204C13.2366 6.10103 13.26 6.11444 13.2857 6.12071ZM16.2336 11.4135L15.2369 11.0707C15.2022 11.0588 15.1641 11.061 15.131 11.0767C15.0978 11.0925 15.0721 11.1206 15.0594 11.1551C15.026 11.2447 14.9908 11.3326 14.9539 11.4205C14.641 12.1605 14.1928 12.8268 13.6197 13.3981C13.053 13.9665 12.3815 14.4196 11.6422 14.7322C10.8764 15.056 10.0531 15.2222 9.22168 15.2209C8.38145 15.2209 7.56758 15.0574 6.80117 14.7322C6.06191 14.4196 5.39032 13.9665 4.82363 13.3981C4.25234 12.8268 3.8041 12.1605 3.48945 11.4205C3.16745 10.6542 3.00248 9.83117 3.0043 9C3.0043 8.15977 3.16777 7.34414 3.49297 6.57774C3.80586 5.8377 4.2541 5.17149 4.82715 4.6002C5.39383 4.03175 6.06542 3.57866 6.80469 3.26602C7.56758 2.94082 8.3832 2.77735 9.22344 2.77735C10.0637 2.77735 10.8775 2.94082 11.6439 3.26602C12.3832 3.57866 13.0548 4.03175 13.6215 4.6002C13.8008 4.78125 13.9695 4.96934 14.1242 5.16797L15.1754 4.34531C13.792 2.57696 11.6387 1.43965 9.21992 1.44141C5.0082 1.44317 1.62617 4.86387 1.66836 9.07735C1.71055 13.217 5.07676 16.5586 9.22344 16.5586C12.4842 16.5586 15.2615 14.4914 16.3197 11.5963C16.3461 11.5225 16.3074 11.4398 16.2336 11.4135Z",fill:n}))}function L(e,n,t){document.querySelectorAll(".".concat(n)).forEach((function(e){e.classList.remove(t)})),e.currentTarget.className+=" ".concat(t," ")}const O=function(e){var n,t,r,a=e.item,s=e.onClick,i=e.canSeeDetailsChat,o=e.currentId,l=e.currentViewerId,d=(0,E.useState)(a.totalUnreadMessages),A=d[0],c=d[1],m=(0,E.useMemo)((function(){return"final"===a.status.current.state?"messenger__aside-list-item--closed":""}),[a]),u=(0,E.useState)(""),p=u[0],g=u[1],f=(0,E.useState)(null),h=f[0],_=f[1],x=v().theme,C="inprogress"===(null===(t=null===(n=a.status)||void 0===n?void 0:n.current)||void 0===t?void 0:t.systemicValue),b=(0,E.useMemo)((function(){return(null==a?void 0:a.users.find((function(e){return e.uniqueCode!==l})))||a.creator}),[null==a?void 0:a.users,l]);return(0,E.useEffect)((function(){var e,n;if(C&&i){var t=new j(Q(a.currentTime).diff(a.createdAt,"second")),r=t.calculateWorkingTime(Q(a.createdAt),Q(),{start:9,end:18});_(r),t.canUpdateClock(Q())&&(n=setInterval((function(){_((function(e){return null!==e?e+1:null}))}),1e3))}else _(null!==(e=a.SLATimePassed)&&void 0!==e?e:null);return function(){clearInterval(n)}}),[]),(0,E.useEffect)((function(){c(a.totalUnreadMessages)}),[a]),E.default.createElement("div",{className:"messenger__aside-list-item ".concat(m),onClick:function(e){return function(e,n){L(e,"messenger__aside-list-item","messenger__aside-list-item--active"),s(n)}(e,a)},onMouseOver:function(){g(null==x?void 0:x.listItemHover)},onMouseLeave:function(){g("")},style:{color:null==x?void 0:x.asideFontColor,backgroundColor:o===a._id?null==x?void 0:x.active:p}},E.default.createElement(D,{image:null==b?void 0:b.image},b&&b.username?b.username.slice(0,1):""),E.default.createElement("div",{className:"messenger__aside-list-item--info"},E.default.createElement("p",{className:"messenger__aside-list-item--title"},null==b?void 0:b.username),(null==a?void 0:a.reason)&&E.default.createElement("p",{className:"messenger__aside-list-item--description"},a.reason),i&&E.default.createElement((function(){return null===h?null:E.default.createElement("span",{className:"messenger__aside-timer",style:{background:j.getColorsByTime(h),color:"var(--secondary-color)",width:"fit-content"}},E.default.createElement(T,{color:"var(--secondary-color)"})," ",E.default.createElement("b",null,j.secondsInHours(h)))}),null)),a&&E.default.createElement("div",{className:"messenger__aside-list-item--additional"},i&&"#".concat(a.protocol),A>0&&E.default.createElement("div",{className:"messenger__aside-list-item--unread"},E.default.createElement("span",null,(r=A)?r>=99?99:r:0))))};const J=function(e){var n=e.handleChangeTickets,t=e.chatListTabs,r=v().theme;return E.default.createElement("div",{className:"chat-tabs",style:{color:r.asideFontColor}},t.map((function(e,t){return E.default.createElement("button",{key:"chatListTab-".concat(t),className:"chat-tabs__button ".concat(0===t&&"chat-tabs__button--active"),onClick:function(t){n(e.value),L(t,"chat-tabs__button","chat-tabs__button--active")}},e.label)})))};const Y=function(e){var n=e.chatButtons,t=e.removeActiveItem,r=v().theme;return E.default.createElement(E.default.Fragment,null,n.map((function(e){return e.canSee&&E.default.createElement(E.default.Fragment,null,E.default.createElement("button",{key:"button-".concat(e.label),className:e.disabled?"messenger__chat-button messenger__chat-button--disabled":"messenger__chat-button",onClick:function(n){e.onClick(),t(n)},style:(n=e.type,a=e.disabled,"primary"===n?{background:a?null==r?void 0:r.buttonsDisabled:null==r?void 0:r.buttonPrimary,color:null==r?void 0:r.buttonPrimaryText}:"outlined"===n?{background:"transparent",color:null==r?void 0:r.asideFontColor,border:"".concat(null==r?void 0:r.asideFontColor," 1px solid")}:void 0)},e.label));var n,a})))};function P(){var e=v().theme;return E.default.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},E.default.createElement("path",{d:"M15.9 17.3L10.3 11.7C9.8 12.1 9.225 12.4167 8.575 12.65C7.925 12.8833 7.23333 13 6.5 13C4.68333 13 3.146 12.371 1.888 11.113C0.629333 9.85433 0 8.31667 0 6.5C0 4.68333 0.629333 3.14567 1.888 1.887C3.146 0.629 4.68333 0 6.5 0C8.31667 0 9.85433 0.629 11.113 1.887C12.371 3.14567 13 4.68333 13 6.5C13 7.23333 12.8833 7.925 12.65 8.575C12.4167 9.225 12.1 9.8 11.7 10.3L17.325 15.925C17.5083 16.1083 17.6 16.3333 17.6 16.6C17.6 16.8667 17.5 17.1 17.3 17.3C17.1167 17.4833 16.8833 17.575 16.6 17.575C16.3167 17.575 16.0833 17.4833 15.9 17.3ZM6.5 11C7.75 11 8.81267 10.5627 9.688 9.688C10.5627 8.81267 11 7.75 11 6.5C11 5.25 10.5627 4.18733 9.688 3.312C8.81267 2.43733 7.75 2 6.5 2C5.25 2 4.18733 2.43733 3.312 3.312C2.43733 4.18733 2 5.25 2 6.5C2 7.75 2.43733 8.81267 3.312 9.688C4.18733 10.5627 5.25 11 6.5 11Z",fill:e.asideFontColor}))}const H=function(e){var n=e.searchChat,t=e.searchKeys,r=e.loadingSearch,a=(0,z.useTranslation)("messengerList").t,s=(0,E.useState)(t[0].value),i=s[0],o=s[1],l=(0,E.useState)(""),d=l[0],A=l[1],c=v().theme;return E.default.createElement("div",{className:"input-search"},E.default.createElement("select",{className:"input-search__select",onChange:function(e){return o(e.target.value)},style:{color:c.asideFontColor,border:"".concat(c.asideFontColor," 1px solid")}},t.map((function(e,n){return E.default.createElement("option",{className:"input-search__option",key:n,value:e.value},e.label)}))),E.default.createElement("input",{className:"input-search__search",placeholder:a("searchInput.placeholder"),onChange:function(e){A(e.target.value)},onKeyDown:function(e){"Enter"===e.key&&n(d,i)},style:{color:c.asideFontColor,border:"".concat(c.asideFontColor," 1px solid"),borderLeft:0}}),E.default.createElement("button",{className:"input-search__icon",onClick:function(){return n(d,i)}},r?E.default.createElement("div",{className:"messenger__messages-loading"},E.default.createElement("div",{className:"messenger__messages-loading--loader"})):E.default.createElement(P,null)))};function $(){var e=v().theme;return E.default.createElement("svg",{width:"26",height:"32",viewBox:"0 0 26 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},E.default.createElement("path",{d:"M24.4286 0H1.57143C0.939288 0 0.428574 0.510714 0.428574 1.14286V30.8571C0.428574 31.4893 0.939288 32 1.57143 32H24.4286C25.0607 32 25.5714 31.4893 25.5714 30.8571V1.14286C25.5714 0.510714 25.0607 0 24.4286 0ZM23 29.4286H3V22.25H6.49643C6.91072 23.4214 7.63929 24.475 8.60715 25.275C9.83929 26.2929 11.4 26.8571 13 26.8571C14.6 26.8571 16.1607 26.2964 17.3929 25.275C18.3607 24.475 19.0893 23.4214 19.5036 22.25H23V29.4286ZM23 20H17.7L17.5143 20.8821C17.0857 23.0179 15.1857 24.5714 13 24.5714C10.8143 24.5714 8.91429 23.0179 8.48215 20.8821L8.29643 20H3V2.57143H23V20Z",fill:e.emptyMessagesFontColor}))}var W={width:25,height:25,visibility:"hidden"};const Z=function(e){var n=e.loading,t=e.loadingCover,r=e.more,a=e.fetch,s=e.children,i=e.root,o=e.reverse,l=void 0!==o&&o,d=e.rootMargin,A=void 0===d?400:d,c=E.default.useState(null),m=c[0],u=c[1];return E.default.useEffect((function(){if(i){var e=m,n=new IntersectionObserver((function(e){!0===e[0].isIntersecting&&a()}),{root:i,rootMargin:A.toString()+"px",threshold:.5});return e&&n.observe(e),function(){e&&n.unobserve(e)}}}),[m]),l?E.default.createElement(E.default.Fragment,null,r&&!n&&E.default.createElement("div",{ref:u,style:W}),n&&t,s):E.default.createElement(E.default.Fragment,null,s,n&&t,r&&!n&&E.default.createElement("div",{ref:u,style:W}))};var q=function(){var e=v().theme;return E.default.createElement(E.Fragment,null,new Array(5).fill("").map((function(n,t){return E.default.createElement("button",{key:"asideSkeleton".concat(t),style:{background:e.listItemHover,borderBottom:t<4?"1px solid ".concat(e.borderColor):"0"},className:"messenger__aside-skeleton"})})))};const V=function(e){var n=e.affix,t=e.conversations,r=e.tab,a=e.className,s=void 0===a?"":a,i=e.loading,o=e.failed,l=e.showBadge,d=e.currentId,A=e.onClick,c=e.searchChat,m=e.searchKeys,u=e.messegerView,p=e.helpDesk,g=e.handleChangeTickets,f=e.chatListTabs,h=e.chatButtons,_=e.loadingSearch,x=e.canSeeDetailsChat,C=e.hasNext,b=e.onIntersect,w=e.sliceCount,y=e.currentViewerId,B=(0,z.useTranslation)("messengerList").t,k=v().theme;return E.default.createElement("aside",{className:"messenger__aside ".concat(s," ").concat("messages"===r?"messenger__mobile-hide":""),style:{border:"1px solid ".concat(k.borderColor),borderRadius:"20px 0 0 20px",background:k.asideBg}},E.default.createElement("div",{className:"messenger__buttons-container"},E.default.createElement(Y,{chatButtons:h,messegerView:u,removeActiveItem:function(e){L(e,"messenger__aside-list-item","messenger__aside-list-item--active")}}),p&&E.default.createElement(H,{searchKeys:m,searchChat:c,loadingSearch:_})),n&&E.default.createElement("div",{className:"messenger__aside-header"},E.default.cloneElement(n)),E.default.createElement(J,{chatListTabs:f,handleChangeTickets:g}),E.default.createElement("div",{className:"messenger__aside-list"},E.default.createElement(Z,{root:document.querySelector(".messenger__aside-list"),loading:i,loadingCover:E.default.createElement(q,null),more:C,fetch:b},Array.isArray(t)&&t.length>0&&t.slice(0,w).map((function(e){return E.default.createElement("div",{key:null==e?void 0:e._id,className:"messenger__aside-item-container ".concat(l?"messenger__active-badge":"")},E.default.createElement(O,{canSeeDetailsChat:x,currentId:d,item:e,onClick:A,currentViewerId:y}))}))),o||0===(null==t?void 0:t.length)&&!i&&E.default.createElement("div",{className:"messenger__aside-empty"},E.default.createElement($,null),E.default.createElement("p",null,B("noChatFound")))))};var U=function(){return U=Object.assign||function(e){for(var n,t=1,r=arguments.length;t<r;t++)for(var a in n=arguments[t])Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a]);return e},U.apply(this,arguments)};function G(e,n){var t={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&n.indexOf(r)<0&&(t[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)n.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(t[r[a]]=e[r[a]])}return t}function K(e,n,t,r){return new(t||(t=Promise))((function(a,s){function i(e){try{l(r.next(e))}catch(e){s(e)}}function o(e){try{l(r.throw(e))}catch(e){s(e)}}function l(e){var n;e.done?a(e.value):(n=e.value,n instanceof t?n:new t((function(e){e(n)}))).then(i,o)}l((r=r.apply(e,n||[])).next())}))}function X(e,n){var t,r,a,s,i={label:0,sent:function(){if(1&a[0])throw a[1];return a[1]},trys:[],ops:[]};return s={next:o(0),throw:o(1),return:o(2)},"function"==typeof Symbol&&(s[Symbol.iterator]=function(){return this}),s;function o(o){return function(l){return function(o){if(t)throw new TypeError("Generator is already executing.");for(;s&&(s=0,o[0]&&(i=0)),i;)try{if(t=1,r&&(a=2&o[0]?r.return:o[0]?r.throw||((a=r.return)&&a.call(r),0):r.next)&&!(a=a.call(r,o[1])).done)return a;switch(r=0,a&&(o=[2&o[0],a.value]),o[0]){case 0:case 1:a=o;break;case 4:return i.label++,{value:o[1],done:!1};case 5:i.label++,r=o[1],o=[0];continue;case 7:o=i.ops.pop(),i.trys.pop();continue;default:if(!(a=i.trys,(a=a.length>0&&a[a.length-1])||6!==o[0]&&2!==o[0])){i=0;continue}if(3===o[0]&&(!a||o[1]>a[0]&&o[1]<a[3])){i.label=o[1];break}if(6===o[0]&&i.label<a[1]){i.label=a[1],a=o;break}if(a&&i.label<a[2]){i.label=a[2],i.ops.push(o);break}a[2]&&i.ops.pop(),i.trys.pop();continue}o=n.call(e,i)}catch(e){o=[6,e],r=0}finally{t=a=0}if(5&o[0])throw o[1];return{value:o[0]?o[1]:void 0,done:!0}}([o,l])}}}Object.create;function ee(e,n,t){if(t||2===arguments.length)for(var r,a=0,s=n.length;a<s;a++)!r&&a in n||(r||(r=Array.prototype.slice.call(n,0,a)),r[a]=n[a]);return e.concat(r||Array.prototype.slice.call(n))}Object.create;const ne=function(e){return E.createElement("svg",U({xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",id:"Layer_1",width:800,height:800,"data-name":"Layer 1",viewBox:"0 0 32 32"},e),E.createElement("defs",null,E.createElement("linearGradient",{id:"doc-gradient",x1:6.65,x2:27.27,y1:6.65,y2:27.27,gradientUnits:"userSpaceOnUse"},E.createElement("stop",{offset:0,stopColor:"#00a6fb"}),E.createElement("stop",{offset:1,stopColor:"#0094ce"})),E.createElement("linearGradient",{xlinkHref:"#doc-gradient",id:"doc-gradient-2",x1:6,x2:12,y1:5,y2:5}),E.createElement("style",null,".cls-3{fill:#f8edeb}")),E.createElement("path",{d:"M23.5 2h-12a.47.47 0 0 0-.35.15l-5 5A.47.47 0 0 0 6 7.5v20A2.5 2.5 0 0 0 8.5 30h15a2.5 2.5 0 0 0 2.5-2.5v-23A2.5 2.5 0 0 0 23.5 2Z",style:{fill:"#00a6fb"}}),E.createElement("path",{d:"M11.69 2a.47.47 0 0 0-.54.11l-5 5a.47.47 0 0 0-.15.58.5.5 0 0 0 .5.31h3A2.5 2.5 0 0 0 12 5.5v-3a.5.5 0 0 0-.31-.5Z",style:{fill:"#0094ce"}}),E.createElement("path",{d:"M16 21a2 2 0 0 1-2-2v-6a2 2 0 0 1 4 0v6a2 2 0 0 1-2 2Zm0-9a1 1 0 0 0-1 1v6a1 1 0 0 0 2 0v-6a1 1 0 0 0-1-1ZM9.5 21a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 .5-.5 3.5 3.5 0 0 1 3.5 3.5v3A3.5 3.5 0 0 1 9.5 21Zm.5-8.95V20a2.5 2.5 0 0 0 2-2.45v-3a2.5 2.5 0 0 0-2-2.5ZM21 21a2 2 0 0 1-2-2v-6a2 2 0 0 1 4 0 .5.5 0 0 1-1 0 1 1 0 0 0-2 0v6a1 1 0 0 0 2 0 .5.5 0 0 1 1 0 2 2 0 0 1-2 2Z",className:"cls-3"}))};const te=function(e){return E.createElement("svg",U({xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",id:"Layer_1",width:800,height:800,"data-name":"Layer 1",viewBox:"0 0 32 32"},e),E.createElement("defs",null,E.createElement("linearGradient",{id:"pdf-gradient",x1:6.65,x2:27.27,y1:6.65,y2:27.27,gradientUnits:"userSpaceOnUse"},E.createElement("stop",{offset:0,stopColor:"#ef6461"}),E.createElement("stop",{offset:1,stopColor:"#e83d3d"})),E.createElement("linearGradient",{xlinkHref:"#pdf-gradient",id:"pdf-gradient-2",x1:6,x2:12,y1:5,y2:5}),E.createElement("style",null,".cls-3{fill:#f8edeb}")),E.createElement("path",{d:"M23.5 2h-12a.47.47 0 0 0-.35.15l-5 5A.47.47 0 0 0 6 7.5v20A2.5 2.5 0 0 0 8.5 30h15a2.5 2.5 0 0 0 2.5-2.5v-23A2.5 2.5 0 0 0 23.5 2Z",style:{fill:"url(#pdf-gradient)"}}),E.createElement("path",{d:"M11.69 2a.47.47 0 0 0-.54.11l-5 5a.47.47 0 0 0-.15.58.5.5 0 0 0 .5.31h3A2.5 2.5 0 0 0 12 5.5v-3a.5.5 0 0 0-.31-.5Z",style:{fill:"url(#pdf-gradient-2)"}}),E.createElement("path",{d:"M15.5 11h-1a.5.5 0 0 0-.5.5v9a.5.5 0 0 0 .5.5h1a2.5 2.5 0 0 0 2.5-2.5v-5a2.5 2.5 0 0 0-2.5-2.5Zm1.5 7.5a1.5 1.5 0 0 1-1.5 1.5H15v-8h.5a1.5 1.5 0 0 1 1.5 1.5ZM11.5 11h-2a.5.5 0 0 0-.5.5v9a.5.5 0 0 0 1 0V17h1.5a1.5 1.5 0 0 0 1.5-1.5v-3a1.5 1.5 0 0 0-1.5-1.5Zm.5 4.5a.5.5 0 0 1-.5.5H10v-4h1.5a.5.5 0 0 1 .5.5ZM22.5 15H20v-3h2.5a.5.5 0 0 0 0-1h-3a.5.5 0 0 0-.5.5v9a.5.5 0 0 0 1 0V16h2.5a.5.5 0 0 0 0-1Z",className:"cls-3"}))};const re=function(e){return E.createElement("svg",U({xmlns:"http://www.w3.org/2000/svg",width:40,height:40,viewBox:"0 0 32 32"},e),E.createElement("rect",{width:"32",height:"32",rx:"5",fill:"#21A366"}),E.createElement("text",{x:"16",y:"22",textAnchor:"middle",fontSize:"12",fill:"#fff",fontWeight:"bold"},"CSV"))};const ae=function(e){return E.createElement("svg",U({xmlns:"http://www.w3.org/2000/svg",width:40,height:40,viewBox:"0 0 32 32"},e),E.createElement("rect",{width:"32",height:"32",rx:"5",fill:"#E67E22"}),E.createElement("text",{x:"16",y:"22",textAnchor:"middle",fontSize:"12",fill:"#fff",fontWeight:"bold"},"MP4"))};const se=function(e){var n=e.fileType,t=e.b64,r=(0,z.useTranslation)("messengerMessages").t;return"application/pdf"===n?E.default.createElement(te,{width:"40",height:"40"}):"application/msword"===n||"application/vnd.openxmlformats-officedocument.wordprocessingml.document"===n?E.default.createElement(ne,{width:"40",height:"40"}):"text/csv"===n?E.default.createElement(re,{width:"40",height:"40"}):"video/mp4"===n?E.default.createElement(ae,{width:"40",height:"40"}):E.default.createElement("img",{alt:r("renderFileIcon.altImage"),src:t,className:"images-container__image"})};const ie=function(e){var n=e.file,t=e.onClose,r=(0,E.useState)({name:"",type:""}),a=r[0],s=r[1],i=(0,E.useState)(""),o=i[0],l=i[1];return(0,E.useEffect)((function(){n&&function(e){return new Promise((function(n,t){var r=new FileReader;r.readAsDataURL(e),r.onload=function(){return n(r.result)},r.onerror=function(e){return t(e)}}))}(n).then((function(e){return l(e)}))}),[n]),(0,E.useEffect)((function(){n&&s({name:n.name,type:n.type})}),[n]),E.default.createElement("div",{className:"images-container"},E.default.createElement("div",{className:"images-container__close"},E.default.createElement("button",{className:"images-container__close--icon",onClick:t})),E.default.createElement("div",{className:"images-container__container"},E.default.createElement("div",{className:"images-container__image"},E.default.createElement(se,{fileType:a.type,b64:o}),E.default.createElement("span",{className:"images-container__title-img"},a.name))))};var oe="styles-module_wrapper__1I_qj",le="styles-module_content__2jwZj",de="styles-module_slide__1zrfk",Ae="styles-module_image__2hdkJ",ce="styles-module_close__2I1sI",me="styles-module_navigation__1pqAE",ue="styles-module_prev__KqFRp",pe="styles-module_next__1uQwZ";!function(e,n){void 0===n&&(n={});var t=n.insertAt;if(e&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===t&&r.firstChild?r.insertBefore(a,r.firstChild):r.appendChild(a),a.styleSheet?a.styleSheet.cssText=e:a.appendChild(document.createTextNode(e))}}(".styles-module_wrapper__1I_qj {\n z-index: 1;\n display: flex;\n align-items: center;\n position: fixed;\n padding: 0px 60px 0px 60px;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n background-color: black;\n box-sizing: border-box;\n}\n\n.styles-module_content__2jwZj {\n margin: auto;\n padding: 0;\n width: 90%;\n height: 100%;\n max-height: 100%;\n text-align: center;\n}\n\n.styles-module_slide__1zrfk {\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.styles-module_image__2hdkJ {\n max-height: 100%;\n max-width: 100%;\n user-select: none;\n -moz-user-select: none;\n -webkit-user-select: none;\n}\n\n.styles-module_close__2I1sI {\n color: white;\n position: absolute;\n top: 15px;\n right: 15px;\n font-size: 40px;\n font-weight: bold;\n opacity: 0.2;\n cursor: pointer;\n}\n\n.styles-module_close__2I1sI:hover {\n opacity: 1;\n}\n\n.styles-module_navigation__1pqAE {\n height: 80%;\n color: white;\n cursor: pointer;\n position: absolute;\n font-size: 60px;\n line-height: 60px;\n font-weight: bold;\n display: flex;\n align-items: center;\n opacity: 0.2;\n padding: 0 15px;\n user-select: none;\n -moz-user-select: none;\n -webkit-user-select: none;\n}\n\n.styles-module_navigation__1pqAE:hover {\n opacity: 1;\n}\n\n@media (hover: none) {\n .styles-module_navigation__1pqAE:hover {\n opacity: 0.2;\n }\n}\n\n.styles-module_prev__KqFRp {\n left: 0;\n}\n\n.styles-module_next__1uQwZ {\n right: 0;\n}\n\n@media (max-width: 900px) {\n .styles-module_wrapper__1I_qj {\n padding: 0;\n }\n}\n");const ge=e=>{var n;const[t,r]=(0,E.useState)(null!==(n=e.currentIndex)&&void 0!==n?n:0),a=(0,E.useCallback)((n=>{let a=(t+n)%e.src.length;a<0&&(a=e.src.length-1),r(a)}),[t]),s=(0,E.useCallback)((n=>{var t;if(!n.target||!e.closeOnClickOutside)return;const r="ReactSimpleImageViewer"===n.target.id,a=n.target.classList.contains("react-simple-image-viewer__slide");(r||a)&&(n.stopPropagation(),null===(t=e.onClose)||void 0===t||t.call(e))}),[e.onClose]),i=(0,E.useCallback)((n=>{var t;"Escape"===n.key&&(null===(t=e.onClose)||void 0===t||t.call(e)),["ArrowLeft","h"].includes(n.key)&&a(-1),["ArrowRight","l"].includes(n.key)&&a(1)}),[e.onClose,a]),o=(0,E.useCallback)((e=>{e.wheelDeltaY>0?a(-1):a(1)}),[a]);return(0,E.useEffect)((()=>(document.addEventListener("keydown",i),e.disableScroll||document.addEventListener("wheel",o),()=>{document.removeEventListener("keydown",i),e.disableScroll||document.removeEventListener("wheel",o)})),[i,o]),E.default.createElement("div",{id:"ReactSimpleImageViewer",className:`${oe} react-simple-image-viewer__modal`,onKeyDown:i,onClick:s,style:e.backgroundStyle},E.default.createElement("span",{className:`${ce} react-simple-image-viewer__close`,onClick:()=>{var n;return null===(n=e.onClose)||void 0===n?void 0:n.call(e)}},e.closeComponent||"×"),e.src.length>1&&E.default.createElement("span",{className:`${me} ${ue} react-simple-image-viewer__previous`,onClick:()=>a(-1)},e.leftArrowComponent||"❮"),e.src.length>1&&E.default.createElement("span",{className:`${me} ${pe} react-simple-image-viewer__next`,onClick:()=>a(1)},e.rightArrowComponent||"❯"),E.default.createElement("div",{className:`${le} react-simple-image-viewer__modal-content`,onClick:s},E.default.createElement("div",{className:`${de} react-simple-image-viewer__slide`},E.default.createElement("img",{className:Ae,src:e.src[t],alt:""}))))};const fe=function(e){var n=e.width,t=e.height,r=e.color;return E.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:n,height:t,viewBox:"0 0 24 24",fill:"none"},E.default.createElement("path",{d:"M12.5535 16.5061C12.4114 16.6615 12.2106 16.75 12 16.75C11.7894 16.75 11.5886 16.6615 11.4465 16.5061L7.44648 12.1311C7.16698 11.8254 7.18822 11.351 7.49392 11.0715C7.79963 10.792 8.27402 10.8132 8.55352 11.1189L11.25 14.0682V3C11.25 2.58579 11.5858 2.25 12 2.25C12.4142 2.25 12.75 2.58579 12.75 3V14.0682L15.4465 11.1189C15.726 10.8132 16.2004 10.792 16.5061 11.0715C16.8118 11.351 16.833 11.8254 16.5535 12.1311L12.5535 16.5061Z",fill:r}),E.default.createElement("path",{d:"M3.75 15C3.75 14.5858 3.41422 14.25 3 14.25C2.58579 14.25 2.25 14.5858 2.25 15V15.0549C2.24998 16.4225 2.24996 17.5248 2.36652 18.3918C2.48754 19.2919 2.74643 20.0497 3.34835 20.6516C3.95027 21.2536 4.70814 21.5125 5.60825 21.6335C6.47522 21.75 7.57754 21.75 8.94513 21.75H15.0549C16.4225 21.75 17.5248 21.75 18.3918 21.6335C19.2919 21.5125 20.0497 21.2536 20.6517 20.6516C21.2536 20.0497 21.5125 19.2919 21.6335 18.3918C21.75 17.5248 21.75 16.4225 21.75 15.0549V15C21.75 14.5858 21.4142 14.25 21 14.25C20.5858 14.25 20.25 14.5858 20.25 15C20.25 16.4354 20.2484 17.4365 20.1469 18.1919C20.0482 18.9257 19.8678 19.3142 19.591 19.591C19.3142 19.8678 18.9257 20.0482 18.1919 20.1469C17.4365 20.2484 16.4354 20.25 15 20.25H9C7.56459 20.25 6.56347 20.2484 5.80812 20.1469C5.07435 20.0482 4.68577 19.8678 4.40901 19.591C4.13225 19.3142 3.9518 18.9257 3.85315 18.1919C3.75159 17.4365 3.75 16.4354 3.75 15Z",fill:r}),E.default.createElement("defs",null,E.default.createElement("clipPath",{id:"clip0_23_2"},E.default.createElement("rect",{width:"32",height:"32",fill:"@text-color"}))))};function he(e){return void 0===e&&(e=0),"".concat(e%1==0?e.toFixed(0):e.toFixed(2)," MB")}const _e=function(e){var n,t,r=e.file,a=null===(t=null===(n=null==r?void 0:r.location)||void 0===n?void 0:n.split(".").pop())||void 0===t?void 0:t.toUpperCase(),s=r&&r.originalname,i=r&&r.pages,o=r&&he(null==r?void 0:r.size);return E.default.createElement("div",{className:"messenger__messages-row--sender"},E.default.createElement("span",null,E.default.createElement("div",{className:"messenger__file-card"},E.default.createElement("div",{className:"messenger__file-icon"},E.default.createElement(se,{fileType:null==r?void 0:r.mimetype})),E.default.createElement("div",{className:"messenger__file-details"},E.default.createElement("p",{className:"messenger__file-name"},s),E.default.createElement("p",{className:"messenger__file-info"},i&&i+" página(s) •"," ",o," •"," ",a)),E.default.createElement("a",{href:null==r?void 0:r.location,target:"_blank",rel:"noopener noreferrer",className:"messenger__file-download",style:{color:"blue"}},E.default.createElement(fe,{width:"24",height:"24",color:"white"})))))};var Ee=function(e){var n=G(e,[]),t=(0,z.useTranslation)("messengerMessages").t;return E.default.createElement("div",{className:"messenger__message--file"},E.default.createElement("img",U({},n,{width:200,height:200,alt:t("incommingMessage.messageImage")})))},xe=function(e){var n=e.file,t=e.message,r=e.date,a=e.openImageViewer,s=e.id,i=e.formatDate,o=e.currentImage;return E.default.createElement(E.default.Fragment,null,function(e){var n;return!!e&&!!["image/png","image/jpeg"].includes(null!==(n=null==e?void 0:e.mimetype)&&void 0!==n?n:"")}(n)?E.default.createElement(Ee,{src:null==n?void 0:n.location,onClick:function(){return a(o)}}):n&&E.default.createElement(_e,{file:n,message:t,date:r,read:!1,id:s,formatDate:i}))};const Ce=function(e){var n,t=e.date,r=e.message,a=e.user,s=e.hasFile,i=e.file,o=e.isSystemMessage,l=e.formatDate,d=e.id,A=v().theme,c=(0,E.useState)(0),m=c[0],u=c[1],p=(0,E.useState)(!1),g=p[0],f=p[1],h=(0,E.useCallback)((function(e){u(e),f(!0)}),[]);return E.default.createElement("div",{className:"messenger__messages-row--received",id:d},(a.avatar||a.name)&&!o&&E.default.createElement("div",{className:"messenger__message-avatar mr-2"},E.default.createElement(D,{image:a.avatar},a.name.slice(0,1))),E.default.createElement("div",{className:"messenger__messages-received",style:{background:null==A?void 0:A.messengerIncomerColor}},!o&&E.default.createElement("p",{className:"messenger__message-title"},a.name),E.default.createElement("span",null,s&&E.default.createElement(xe,{file:i,message:r,date:t,openImageViewer:h,id:d,formatDate:l,currentImage:m}),r&&E.default.createElement("p",{className:"messenger__message"},r),E.default.createElement("p",{className:"messenger__message--date"},null!==(n=l(t))&&void 0!==n?n:new Date(t).toLocaleString()))),i&&g&&E.default.createElement(ge,{src:[i.location],currentIndex:0,disableScroll:!1,closeOnClickOutside:!0,onClose:function(){u(0),f(!1)}}))};function be(e){var n=e.fill;return E.default.createElement("svg",{width:"15",height:"15",viewBox:"0 0 30 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},E.default.createElement("path",{d:"M29.2857 0.5H26.7893C26.4393 0.5 26.1071 0.660714 25.8929 0.935714L11.1679 19.5893L4.10714 10.6429C4.00033 10.5072 3.86419 10.3976 3.70893 10.3221C3.55367 10.2467 3.38334 10.2074 3.21071 10.2071H0.714286C0.475 10.2071 0.342857 10.4821 0.489286 10.6679L10.2714 23.0607C10.7286 23.6393 11.6071 23.6393 12.0679 23.0607L29.5107 0.957143C29.6571 0.775 29.525 0.5 29.2857 0.5V0.5Z",fill:n}))}const ve=function(e){var n,t,r=e.date,a=e.message,s=e.read,i=e.hasFile,o=e.file,l=e.formatDate,d=e.id,A=(0,E.useState)(0),c=A[0],m=A[1],u=(0,E.useState)(!1),p=u[0],g=u[1],f=v().theme,h=(0,E.useCallback)((function(e){m(e),g(!0)}),[]),_=["application/msword","application/vnd.openxmlformats-officedocument.wordprocessingml.document","application/pdf","text/csv","video/mp4"].includes(null!==(n=null==o?void 0:o.mimetype)&&void 0!==n?n:"");return E.default.createElement("div",{className:"messenger__messages-row--sender"},E.default.createElement("div",{className:"messenger__messages-sender",id:d,style:{background:null==f?void 0:f.messengerSenderColor,color:null==f?void 0:f.documentMessagesTextColor}},E.default.createElement("span",null,i&&(_?E.default.createElement(_e,{date:r,message:a,read:s,file:o,formatDate:l,id:d}):E.default.createElement(Ee,{src:null==o?void 0:o.location,onClick:function(){return h(c)}})),E.default.createElement("p",{className:"messenger__message"},a),E.default.createElement("div",{className:"messenger__message--bottom"},E.default.createElement("p",{className:"messenger__message--date"},null!==(t=l(r))&&void 0!==t?t:new Date(r).toString()),E.default.createElement(be,{fill:s?"#00efff":"white"})))),o&&!_&&p&&E.default.createElement(ge,{src:[o.location],currentIndex:0,disableScroll:!1,closeOnClickOutside:!0,onClose:function(){m(0),g(!1)}}))};const we=function(e){var n,t=e.date,r=e.message,a=e.formatDate,s=e.id,i=v().theme;return E.default.createElement("div",{className:"messenger__messages-row--system",id:s},E.default.createElement("div",{className:"messenger__messages-received messenger__messages-received--system",style:{background:null==i?void 0:i.messengerSystemColor}},E.default.createElement("span",null,E.default.createElement("p",{className:"messenger__message"},r),E.default.createElement("p",{className:"messenger__message--date"},null!==(n=a(t))&&void 0!==n?n:new Date(t).toString()))))};const ye=function(e){var n,t=e.item,r=e.creatorId,a=e.formatDate,s=e.id;return t.isSystemMessage?E.default.createElement(we,{formatDate:a,date:t.createdAt,message:t.content,id:t.senderId,user:{name:"System"}}):t.sender.uniqueCode&&!t.isSystemMessage&&t.sender.uniqueCode===r?E.default.createElement(E.default.Fragment,null,E.default.createElement(ve,{id:s,formatDate:a,message:t.content,date:t.createdAt,read:t.everybodyHasRead,hasFile:t.hasFile,file:t.file}),t.images&&t.images.map((function(e,n){return E.default.createElement(ve,{key:e.key,id:"".concat(s,"image-").concat(n),formatDate:a,date:t.createdAt,file:e,message:"",hasFile:!0,read:t.everybodyHasRead})}))):E.default.createElement(E.default.Fragment,null,E.default.createElement(Ce,{id:s,formatDate:a,date:t.createdAt,message:t.content,hasFile:t.hasFile,isSystemMessage:t.isSystemMessage,file:t.file,user:{avatar:null===(n=t.sender)||void 0===n?void 0:n.image,name:t.sender.username}}),t.images&&t.images.map((function(e,n){var r;return E.default.createElement(Ce,{key:e.key,id:"".concat(s,"image-").concat(n),formatDate:a,date:t.createdAt,file:e,message:"",hasFile:!0,user:{avatar:null===(r=t.sender)||void 0===r?void 0:r.image,name:t.sender.username}})})))};const Be=function(e){var n=e.width,t=e.height;return E.default.createElement("svg",{width:n,height:t,viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},E.default.createElement("g",{clipPath:"url(#clip0_23_2)"},E.default.createElement("path",{d:"M14.2857 16C14.2857 16.4547 14.4663 16.8907 14.7878 17.2122C15.1093 17.5337 15.5453 17.7143 16 17.7143C16.4547 17.7143 16.8907 17.5337 17.2122 17.2122C17.5337 16.8907 17.7143 16.4547 17.7143 16C17.7143 15.5453 17.5337 15.1093 17.2122 14.7878C16.8907 14.4663 16.4547 14.2857 16 14.2857C15.5453 14.2857 15.1093 14.4663 14.7878 14.7878C14.4663 15.1093 14.2857 15.5453 14.2857 16V16ZM21.4286 16C21.4286 16.4547 21.6092 16.8907 21.9307 17.2122C22.2522 17.5337 22.6882 17.7143 23.1429 17.7143C23.5975 17.7143 24.0336 17.5337 24.355 17.2122C24.6765 16.8907 24.8572 16.4547 24.8572 16C24.8572 15.5453 24.6765 15.1093 24.355 14.7878C24.0336 14.4663 23.5975 14.2857 23.1429 14.2857C22.6882 14.2857 22.2522 14.4663 21.9307 14.7878C21.6092 15.1093 21.4286 15.5453 21.4286 16ZM7.14286 16C7.14286 16.4547 7.32347 16.8907 7.64497 17.2122C7.96646 17.5337 8.40249 17.7143 8.85715 17.7143C9.31181 17.7143 9.74784 17.5337 10.0693 17.2122C10.3908 16.8907 10.5714 16.4547 10.5714 16C10.5714 15.5453 10.3908 15.1093 10.0693 14.7878C9.74784 14.4663 9.31181 14.2857 8.85715 14.2857C8.40249 14.2857 7.96646 14.4663 7.64497 14.7878C7.32347 15.1093 7.14286 15.5453 7.14286 16V16ZM30.7572 9.8C29.95 7.88214 28.7929 6.16071 27.3179 4.68214C25.8532 3.21213 24.1144 2.04365 22.2 1.24286C20.2357 0.417857 18.15 0 16 0H15.9286C13.7643 0.0107143 11.6679 0.439286 9.69643 1.28214C7.79842 2.09115 6.07595 3.2617 4.62501 4.72857C3.16429 6.20357 2.01786 7.91786 1.225 9.82857C0.403576 11.8071 -0.01071 13.9107 4.25255e-06 16.075C0.012123 18.5553 0.598904 20.999 1.71429 23.2143V28.6429C1.71429 29.0786 1.88738 29.4964 2.19547 29.8045C2.50357 30.1126 2.92143 30.2857 3.35715 30.2857H8.78929C11.0046 31.4011 13.4483 31.9879 15.9286 32H16.0036C18.1429 32 20.2179 31.5857 22.1714 30.775C24.0762 29.9838 25.8085 28.8289 27.2714 27.375C28.7464 25.9143 29.9072 24.2071 30.7179 22.3036C31.5607 20.3321 31.9893 18.2357 32 16.0714C32.0107 13.8964 31.5893 11.7857 30.7572 9.8V9.8ZM25.3607 25.4429C22.8571 27.9214 19.5357 29.2857 16 29.2857H15.9393C13.7857 29.275 11.6464 28.7393 9.75715 27.7321L9.45715 27.5714H4.42858V22.5429L4.26786 22.2429C3.26072 20.3536 2.725 18.2143 2.71429 16.0607C2.7 12.5 4.06072 9.15714 6.55715 6.63929C9.05001 4.12143 12.3821 2.72857 15.9429 2.71429H16.0036C17.7893 2.71429 19.5214 3.06071 21.1536 3.74643C22.7464 4.41429 24.175 5.375 25.4036 6.60357C26.6286 7.82857 27.5929 9.26071 28.2607 10.8536C28.9536 12.5036 29.3 14.2536 29.2929 16.0607C29.2714 19.6179 27.875 22.95 25.3607 25.4429V25.4429Z",fill:"black"})),E.default.createElement("defs",null,E.default.createElement("clipPath",{id:"clip0_23_2"},E.default.createElement("rect",{width:"32",height:"32",fill:"@text-color"}))))};function ke(e){var n=e.color;return E.default.createElement("svg",{width:"13",height:"17",viewBox:"0 0 13 17",fill:"none",xmlns:"http://www.w3.org/2000/svg"},E.default.createElement("path",{d:"M13 0.928571H9.75L8.82143 0H4.17857L3.25 0.928571H0V2.78571H13M0.928571 14.8571C0.928571 15.3497 1.12423 15.8221 1.47252 16.1703C1.8208 16.5186 2.29317 16.7143 2.78571 16.7143H10.2143C10.7068 16.7143 11.1792 16.5186 11.5275 16.1703C11.8758 15.8221 12.0714 15.3497 12.0714 14.8571V3.71429H0.928571V14.8571Z",fill:n}))}const Ne=function(e){var n=e.fileList,t=e.onUpdateFile,r=e.label,a=e.onRemoveFile,s=e.maxSize,i=e.loading,o=v().theme,l=(0,z.useTranslation)("newFormChat").t,d=(0,E.useMemo)((function(){return function(e,n){var t;if(null==n?void 0:n.type)return e.includes(n.type);var r=null===(t=null==n?void 0:n.name.split(".").pop())||void 0===t?void 0:t.toLowerCase();return!!r&&e.includes(".".concat(r))}}),[]);return E.default.createElement(E.default.Fragment,null,E.default.createElement("div",{className:"file-input"},E.default.createElement("label",{style:{color:o.newChatFormTexts},htmlFor:"",className:"file-input__label"},r),E.default.createElement("div",{className:"file-input__container",style:{backgroundColor:o.inputBg,color:o.newChatFormTexts}},E.default.createElement("input",{className:"file-input__input",type:"file",id:"docpicker",hidden:!0,accept:".jpg, .jpeg, .png, .pdf, .doc, .docx, .csv, .mp4",onChange:function(e){return function(e){var n,r,a=null===(r=null===(n=null==e?void 0:e.target)||void 0===n?void 0:n.files)||void 0===r?void 0:r[0];return d(["image/png","image/jpeg","application/pdf","application/msword","application/vnd.openxmlformats-officedocument.wordprocessingml.document","text/csv","video/mp4"],a)?(a&&t(a),!0):(console.error(l("inputFile.documentSendError")),!1)}(e)}}),E.default.createElement("h4",null,l("inputFile.chooseFile")),E.default.createElement("button",{className:"file-input__button",type:"button",onClick:function(){var e=document.querySelector(".file-input__input");null==e||e.click()},style:{background:null==o?void 0:o.buttonPrimary,color:null==o?void 0:o.buttonPrimaryText}},l("inputFile.chooseFile")),i?"":E.default.createElement("p",null,l("inputFile.allowDocuments"),"(",l("inputFile.allowSizeDocument",{maxSize:s}),")"))),E.default.createElement("div",null,n&&n.map((function(e){return E.default.createElement("div",{className:"file-input__list",key:e.name,style:{backgroundColor:o.inputBg,color:o.newChatFormTexts}},E.default.createElement("span",{className:"file-input__list--file-name"},e.name),E.default.createElement("button",{className:"file-input__delete",onClick:function(){return t=e,void(n.some((function(e){return e===t}))&&a(t));var t}},E.default.createElement(ke,{color:o.newChatFormDeleteFileButton||"red"})))}))))};const Me=function(e){var n=e.options,t=e.name,r=e.placeholder,a=e.label,s=e.onChange,i=e.value,o=v().theme;return E.default.createElement("div",{className:"form-select"},E.default.createElement("label",{htmlFor:t,className:"form-select__label",style:{color:o.newChatFormTexts}},a),E.default.createElement("select",{name:t,className:"form-select__input",onChange:function(e){return s(e.target.value)},value:i,style:{backgroundColor:o.inputBg,color:o.newChatFormTexts}},E.default.createElement("option",{value:"",disabled:!0,hidden:!0},r),n.map((function(e){return E.default.createElement("option",{key:e.value,value:e.value},e.label)}))))};const Fe=function(e){var n=e.name,t=e.placeholder,r=e.label,a=e.onChange,s=v().theme;return E.default.createElement("div",{className:"text-area"},E.default.createElement("label",{htmlFor:n,className:"text-area__label",style:{color:s.newChatFormTexts}},r),E.default.createElement("textarea",{style:{backgroundColor:s.inputBg,color:s.newChatFormTexts},name:n,placeholder:t,className:"text-area__input",onChange:function(e){return a(e.target.value)}}))};function Re(){var e,n=v().theme;return E.default.createElement("svg",{width:"21",height:"21",viewBox:"0 0 21 21",fill:"none",xmlns:"http://www.w3.org/2000/svg"},E.default.createElement("path",{d:"M13.4519 10.9583L20.435 3.9751C20.7664 3.64426 20.9529 3.19532 20.9533 2.72704C20.9537 2.25875 20.7681 1.80949 20.4372 1.47807C20.1064 1.14665 19.6574 0.960225 19.1892 0.959812C18.7209 0.959398 18.2716 1.14503 17.9402 1.47586L10.957 8.45902L3.97388 1.47586C3.64246 1.14444 3.19296 0.958252 2.72426 0.958252C2.25556 0.958252 1.80606 1.14444 1.47464 1.47586C1.14322 1.80728 0.957031 2.25678 0.957031 2.72548C0.957031 3.19418 1.14322 3.64368 1.47464 3.9751L8.4578 10.9583L1.47464 17.9414C1.14322 18.2728 0.957031 18.7223 0.957031 19.191C0.957031 19.6597 1.14322 20.1092 1.47464 20.4406C1.80606 20.7721 2.25556 20.9583 2.72426 20.9583C3.19296 20.9583 3.64246 20.7721 3.97388 20.4406L10.957 13.4575L17.9402 20.4406C18.2716 20.7721 18.7211 20.9583 19.1898 20.9583C19.6585 20.9583 20.108 20.7721 20.4394 20.4406C20.7708 20.1092 20.957 19.6597 20.957 19.191C20.957 18.7223 20.7708 18.2728 20.4394 17.9414L13.4519 10.9583Z",fill:null!==(e=n.newChatFormTexts)&&void 0!==e?e:"#476077"}))}const Se=function(e){var n,t,r=e.submitNewChat,a=e.cancelNewChat,s=e.reasons,i=e.products,o=e.loading,l=e.maxFileSize,d=e.loadingResources,A=(0,E.useState)(null===(n=null==s?void 0:s[0])||void 0===n?void 0:n.value),c=A[0],m=A[1],u=(0,E.useState)(null===(t=null==i?void 0:i[0])||void 0===t?void 0:t.value),p=u[0],g=u[1],f=(0,E.useState)(),h=f[0],_=f[1],x=(0,E.useState)([]),C=x[0],b=x[1],w=(0,z.useTranslation)("newFormChat").t,y=v().theme;return E.default.createElement("div",{className:"messenger__new-chat-form",style:{backgroundColor:y.newChatFormBg,borderRadius:y.newChatFormRadius}},E.default.createElement("div",{className:"messenger__new-chat-form-header"},E.default.createElement("h2",{className:"messenger__new-chat-form-title"},E.default.createElement("b",{style:{color:y.newChatFormTexts}},w("newChat"))),E.default.createElement("button",{onClick:a,className:"messenger__new-chat-form-close"},E.default.createElement(Re,null))),E.default.createElement("h3",{className:"messenger__disclaimer",style:{borderColor:y.disclaimerPrimaryColor,color:y.disclaimerTextColor,backgroundColor:y.disclaimerSecondaryColor}},w("description.1")," ",E.default.createElement("b",null,w("description.1/2bold"))," ",w("description.2")),E.default.createElement("form",{onSubmit:function(e){var n=new FormData;e.preventDefault(),C.forEach((function(e){n.append("documents",e,e.name)})),c&&n.append("reason",c),p&&n.append("product",p),h&&n.append("message",h),r(n)},className:"messenger__new-chat-fields"},E.default.createElement(Me,{onChange:function(e){return m(e)},options:s,placeholder:w("fields.reasons.placeholder"),name:"reasons",value:c,label:w("fields.reasons.label")}),E.default.createElement(Me,{onChange:function(e){return g(e)},options:i,placeholder:w("fields.product.placeholder"),value:p,name:"product",label:w("fields.product.label")}),E.default.createElement(Ne,{fileList:C,onUpdateFile:function(e){b((function(n){return ee(ee([],n,!0),[e],!1)}))},onRemoveFile:function(e){b(C.filter((function(n){return n!==e})))},label:w("fields.document.label"),maxSize:l,loading:d}),E.default.createElement(Fe,{onChange:function(e){return _(e)},placeholder:w("fields.message.placeholder"),name:"message",label:w("fields.message.label")}),E.default.createElement("button",{className:"w-100 ".concat(o?"messenger__new-chat-form-send messenger__new-chat-form-send--disabled":"messenger__new-chat-form-send"),disabled:o,type:"submit",style:{backgroundColor:o?"#ccc":y.buttonPrimary,color:y.buttonPrimaryText}},w(o?"buttons.sendingButton":"buttons.send"))))};function Ie(e){var n=G(e,[]),t=v().theme;return E.default.createElement("svg",U({width:"26",height:"28",viewBox:"0 0 26 28",xmlns:"http://www.w3.org/2000/svg"},n),E.default.createElement("path",{d:"M22.5464 2.73571C19.1821 -0.628572 13.7036 -0.628572 10.3429 2.73571L1.02143 12.05C0.960715 12.1107 0.928572 12.1929 0.928572 12.2786C0.928572 12.3643 0.960715 12.4464 1.02143 12.5071L2.33929 13.825C2.39953 13.885 2.48107 13.9186 2.56607 13.9186C2.65108 13.9186 2.73262 13.885 2.79286 13.825L12.1143 4.51071C13.2714 3.35357 14.8107 2.71786 16.4464 2.71786C18.0821 2.71786 19.6214 3.35357 20.775 4.51071C21.9321 5.66786 22.5679 7.20714 22.5679 8.83929C22.5679 10.475 21.9321 12.0107 20.775 13.1679L11.275 22.6643L9.73572 24.2036C8.29643 25.6429 5.95714 25.6429 4.51786 24.2036C3.82143 23.5071 3.43929 22.5821 3.43929 21.5964C3.43929 20.6107 3.82143 19.6857 4.51786 18.9893L13.9429 9.56786C14.1821 9.33214 14.4964 9.2 14.8321 9.2H14.8357C15.1714 9.2 15.4821 9.33214 15.7179 9.56786C15.9571 9.80714 16.0857 10.1214 16.0857 10.4571C16.0857 10.7893 15.9536 11.1036 15.7179 11.3393L8.01429 19.0357C7.95357 19.0964 7.92143 19.1786 7.92143 19.2643C7.92143 19.35 7.95357 19.4321 8.01429 19.4929L9.33214 20.8107C9.39238 20.8707 9.47393 20.9044 9.55893 20.9044C9.64393 20.9044 9.72548 20.8707 9.78572 20.8107L17.4857 13.1107C18.1964 12.4 18.5857 11.4571 18.5857 10.4536C18.5857 9.45 18.1929 8.50357 17.4857 7.79643C16.0179 6.32857 13.6321 6.33214 12.1643 7.79643L11.25 8.71429L2.74286 17.2179C2.16547 17.7919 1.70778 18.4748 1.39634 19.227C1.0849 19.9793 0.925905 20.7858 0.928572 21.6C0.928572 23.2536 1.575 24.8071 2.74286 25.975C3.95357 27.1821 5.53929 27.7857 7.125 27.7857C8.71072 27.7857 10.2964 27.1821 11.5036 25.975L22.5464 14.9393C24.1714 13.3107 25.0714 11.1429 25.0714 8.83929C25.075 6.53214 24.175 4.36429 22.5464 2.73571Z",fill:t.uploadFileIconColor}))}var Qe=i(93),je=i.n(Qe);const ze=function(e){var n=e.text,t=e.children;return E.default.createElement("div",{className:"tooltip"},t,E.default.createElement("div",{className:"tooltip__text"},n))};function De(e){var n=e.allowImages,t=e.attachFile,r=e.handleFile,a=e.closedChat,s=e.maxFileField,i=(0,z.useTranslation)("messengerMessages").t;return n?E.default.createElement(E.Fragment,null,E.default.createElement("input",{type:"file",size:1,className:"messenger__messages-send--file",ref:t,onChange:r,accept:".jpg, .jpeg, .png, .pdf, .doc, .docx, .mp4, .csv"}),E.default.createElement(ze,{text:i("sendMessageForm.maxFileField",{maxFileField:s})},E.default.createElement(Ie,{className:"messenger__messages-send__attach ".concat(a?"messenger__messages-send__attach--disabled":""),onClick:function(){var e;return a?null:null===(e=t.current)||void 0===e?void 0:e.click()}}))):E.default.createElement(E.default.Fragment,null)}const Te=function(e){var n=e.allowImages,t=e.current,r=e.onSubmit,a=e.file,s=e.updateFile,i=e.isLoading,o=e.maxFileSize,l=(0,z.useTranslation)("messengerMessages").t,d=(0,E.useState)(100),A=d[0],c=d[1],m=(0,E.useState)(!1),u=m[0],p=m[1],g=(0,E.useRef)(null),f=(0,E.useRef)(null),h=(0,E.useMemo)((function(){return"final"===(null==t?void 0:t.status.current.state)}),[t]),_=v().theme;function x(e){var n=g.current;n&&(n.style.height="".concat(e.height,"px"),n.style.overflowY=e.overflow)}function C(e){var n,t;if(null==e||e.preventDefault(),!u){p(!0);var i=new FormData;a&&i.append("file",a),(null===(n=g.current)||void 0===n?void 0:n.value)&&i.append("message",null===(t=g.current)||void 0===t?void 0:t.value),r(i,(function(){g.current&&(g.current.value=""),a&&s(null),p(!1),c(100),x({height:50,overflow:"hidden"})}))}}return E.default.createElement("form",{onSubmit:C,className:"messenger__messages-send--form",style:{height:"".concat(A,"px"),maxHeight:"150px"}},E.default.createElement("div",{className:"messenger__messages-send__input-container"},E.default.createElement("textarea",{onChange:function(){var e=g.current;c(function(e){if(e)return e.scrollHeight>80?(x({height:80,overflow:"auto"}),130):(x({height:50,overflow:"auto"}),100);return A}(e))},placeholder:l(h?"sendMessageForm.chatEnded":"sendMessageForm.typeMessage"),ref:g,onKeyDown:function(e){"Enter"!==e.key||e.shiftKey||(e.preventDefault(),C())},className:"messenger__messages-send__input ".concat(h||u?"messenger__messages-send__input--disabled":""," "),disabled:h||u,style:{backgroundColor:null==_?void 0:_.inputBg}}),E.default.createElement(De,{allowImages:n,handleFile:function(e){var n;if(e.target.files){var t=e.target.files[0],r=null==t?void 0:t.type,a=null===(n=null==t?void 0:t.name.split(".").pop())||void 0===n?void 0:n.toLowerCase();(r?["image/png","image/jpeg","application/pdf","application/msword","application/vnd.openxmlformats-officedocument.wordprocessingml.document","text/csv","video/mp4"].includes(r):!!a&&["png","jpeg","jpg","pdf","doc","docx","csv","mp4"].includes(a))&&s(t)}},attachFile:f,closedChat:h,maxFileField:o})),i?E.default.createElement("div",{className:"messenger__messages-sending"},E.default.createElement(Oe,null)):E.default.createElement("button",{type:"submit",className:"messenger__messages-send__button ".concat(h||u?"messenger__messages-send__button--disabled":""),disabled:h||u,style:{backgroundColor:null==_?void 0:_.buttonPrimary}},E.default.createElement("img",{alt:l("sendMessageForm.rightIcon"),height:25,width:25,className:"ml-1",src:je()})))};function Le(e){var n=e.children,t=e.messegerView,r=e.submitNewChat,a=e.cancelNewChat,s=e.reasons,i=e.products,o=e.newChatLoading,l=e.maxFileSize,d=e.loadingResources,A=v().theme,c=(0,z.useTranslation)("messengerMessages").t;return"empty"===t?E.default.createElement("div",{className:"messenger__messages-container--empty",style:{backgroundColor:null==A?void 0:A.messengerNotSelectedBg}},E.default.createElement(Be,{width:"72",height:"72"}),E.default.createElement("p",null,c("selectConversation"))):"newChat"===t?E.default.createElement(Se,{reasons:s,products:i,submitNewChat:r,cancelNewChat:a,loading:o,maxFileSize:l,loadingResources:d}):E.default.createElement(E.default.Fragment,null,n)}function Oe(){return E.default.createElement("div",{className:"messenger__messages-loading"},E.default.createElement("div",{className:"messenger__messages-loading--loader"}))}function Je(e){var n=e.messages,t=e.creatorId,r=e.formatDate,a=e.loading,s=v().theme,i=(0,z.useTranslation)("messengerMessages").t;return!n||0===n.length&&!a?E.default.createElement("div",{className:"messenger__message-empty",style:{color:s.emptyMessagesFontColor}},E.default.createElement($,null),E.default.createElement("p",null,i("noMessagesFound"))):E.default.createElement(E.default.Fragment,null,n.map((function(e,n){return E.default.createElement(E.Fragment,{key:"".concat(e.ticketId,"_").concat(e.senderId,"_").concat(n)},E.default.createElement(ye,{id:"message_".concat(n),formatDate:r,creatorId:t,item:e}))})))}var Ye=function(e){e.current&&(e.current.scrollTop=Number.MAX_SAFE_INTEGER)};function Pe(e){var n=e.children,t=e.fowardRef,r=G(e,["children","fowardRef"]),a=v().theme;return E.default.createElement("div",U({},r,{ref:t,className:"messenger__messages-container",style:{padding:"1rem",backgroundColor:null==a?void 0:a.messengerMessagesBg,border:"1px solid ".concat(a.borderColor)}}),n)}function He(e){var n=this,t=e.children,r=e.loading,a=e.onIntersect,s=e.hasNext,i=e.scrollContainerFowardRef,o=function(e){return e?e.scrollHeight:null},l=function(e){return null===e&&void 0===e};return(0,E.useEffect)((function(){Ye(i)}),[]),E.default.createElement(Pe,{fowardRef:i},E.default.createElement(Z,{root:document.querySelector(".messenger__messages-container"),loading:r,loadingCover:E.default.createElement(Oe,null),more:s,fetch:function(){return K(n,void 0,void 0,(function(){var e,n,t;return X(this,(function(r){switch(r.label){case 0:return e=o(i.current),[4,a()];case 1:return r.sent(),n=o(i.current),!i.current||l(e)||l(n)||(s=i.current,t=(s?s.scrollTop:null)||0,i.current.scrollTop=function(e,n,t){return Math.abs(n-e)+t}(n,e,t)),[2]}var s}))}))},rootMargin:300,reverse:!0},t))}const $e=function(e){var n=this,t=e.header,r=e.tab,a=e.className,s=void 0===a?"":a,i=e.current,o=e.messages,l=e.allowImages,d=e.creatorId,A=e.loading,c=e.onSubmit,m=e.submitNewChat,u=e.cancelNewChat,p=e.reasons,g=e.products,f=e.messegerView,h=e.formatDate,_=e.hasNext,x=e.onIntersect,C=e.newChatLoading,b=e.maxFileSize,w=(0,z.useTranslation)("messengerMessages").t,y=(0,E.useState)(),B=y[0],k=y[1],N=(0,E.useRef)(null),M=(0,E.useState)(!1),F=M[0],R=M[1],S=(0,E.useState)(""),I=S[0],Q=S[1],j=v().theme,D={mobile:"list"===r?"messenger__mobile-hide":""};return(0,E.useEffect)((function(){K(n,void 0,void 0,(function(){var e,n,t;return X(this,(function(r){switch(r.label){case 0:return r.trys.push([0,2,,3]),[4,b()];case 1:return e=r.sent(),n=he(e.data.data.maxFileSize),Q(n),[3,3];case 2:return t=r.sent(),console.error(w("errorSearchingMaxFileSize"),t),[3,3];case 3:return[2]}}))}))}),[I]),E.default.createElement("div",{className:"messenger__messages ".concat(s," ").concat(D.mobile," ")},E.default.createElement(Le,{newChatLoading:C,reasons:p,products:g,submitNewChat:m,cancelNewChat:u,messegerView:f,maxFileSize:I,loadingResources:A},B?E.default.createElement(ie,{file:B,onClose:function(){return k(null)}}):E.default.createElement(E.default.Fragment,null,E.default.createElement("div",{className:"messenger__messages-header",style:{backgroundColor:null==j?void 0:j.headerAndSenderBg,border:"1px solid ".concat(j.borderColor)}},E.default.cloneElement(t)),A&&!o.length?E.default.createElement(Pe,{fowardRef:N},E.default.createElement(Oe,null)):E.default.createElement(He,{scrollContainerFowardRef:N,loading:A,hasNext:_,onIntersect:x},E.default.createElement(Je,{formatDate:h,messages:o,creatorId:d,loading:A}))),E.default.createElement("div",{className:"messenger__messages-send",style:{backgroundColor:null==j?void 0:j.headerAndSenderBg,border:"1px solid ".concat(j.borderColor)}},E.default.createElement(Te,{allowImages:l,onSubmit:function(e,t){return K(n,void 0,void 0,(function(){return X(this,(function(n){switch(n.label){case 0:R(!0),n.label=1;case 1:return n.trys.push([1,,3,4]),[4,c(e,t)];case 2:return n.sent(),Ye(N),[3,4];case 3:return R(!1),[7];case 4:return[2]}}))}))},file:B,updateFile:function(e){k(e)},current:i,isLoading:F,maxFileSize:I}))))};var We=function(){var e=(0,E.useState)(15),n=e[0],t=e[1],r=(0,E.useState)([]),a=r[0],s=r[1],i=(0,E.useState)(),o=i[0],l=i[1],d=(0,E.useState)("empty"),A=d[0],c=d[1],m=(0,E.useState)("list"),u=m[0],p=m[1],g=function(e){c(e)},f=function(e){p(e)},h=function(e,n){s(e),n&&n(e[0])};return{onIntersect:function(){t((function(e){return e+15}))},reset:function(){t(15),s([])},conversations:a,hasNext:function(){return a.length>=n},addConversations:h,addOneUnreadToTicket:function(e,n){s((function(t){return function(e,n){return function(t){var r=(e||[]).map((function(e){return e._id===t?U(U({},e),{totalUnreadMessages:n===t?0:e.totalUnreadMessages+1}):e}));return function(e,n){var t=e.findIndex((function(e){return e._id===n}));if(-1!==t){var r=e.splice(t,1)[0];e.unshift(r)}}(r,n),r}}(t,n)(e)}))},setAsRead:function(e){s((function(n){return function(e){return function(n){return(e||[]).map((function(e){return(null==e?void 0:e._id)===n?U(U({},e),{totalUnreadMessages:0}):e}))}}(n)(e)}))},sliceCount:n,currentChat:o,selectChat:function(e){l(e)},onCloseChat:function(e){!function(e){var n=a.filter((function(n){return n._id!==e}));h(n)}(e),function(e){e===(null==o?void 0:o._id)&&(g("empty"),f("list"))}(e)},changeViewDesktop:g,viewDesktop:A,changeViewMobile:f,viewMobile:u}},Ze=function(){var e=(0,E.useState)([]),n=e[0],t=e[1],r=(0,E.useState)(0),a=r[0],s=r[1],i=function(e){t(e)};return{addMessages:i,messages:n,incrementMessages:function(e,t){var r=n.find((function(n){return n.messagecode===e.message.messagecode}));e.message.ticketId!==t||r||i(ee(ee([],n,!0),[e.message],!1))},updateMesssagesAsRead:function(e,t){var r;if(e.markAsRead||t===(null===(r=null==e?void 0:e.message)||void 0===r?void 0:r.ticketId)){var a=n.map((function(e){return U(U({},e),{everybodyHasRead:!0})}));i(a)}},addTotalMessages:function(e){s(e)},hasOlderMessages:function(){return n.length>9&&n.length<a}}};const qe=(e=>{var n={};return i.d(n,e),n})({default:()=>r.default}),Ve=JSON.parse('{"b3":{"noChatFound":"Nenhuma conversa encontrada","messengerAvatar":{"alt":"imagem de um avatar de usuário"},"searchInput":{"placeholder":"Pesquisar conversa..."}},"AH":{"selectConversation":"Selecione uma conversa para visualizar as mensagens","noMessagesFound":"Nenhuma mensagem encontrada","errorSearchingMaxFileSize":"Erro ao buscar o tamanho máximo do arquivo:","incommingMessage":{"messageImage":"imagem na mensagem"},"sendMessageForm":{"maxFileField":"Tamanho máximo: {{maxFileField}}","chatEnded":"Conversa finalizada","typeMessage":"Digite uma mensagem","rightIcon":"Ícone para a direita"},"renderFileIcon":{"altImage":"arquivos enviados pelo chat agx"}},"xQ":{"newChat":"Novo Chamado","description":{"1":"Seu chamado será respondido o mais breve possível! Caso você se ausente do chamado pelo período de","2":"o mesmo será automaticamente fechado.","1/2bold":"uma hora"},"fields":{"reasons":{"label":"Motivos","placeholder":"Selecione um motivo para o chamado"},"product":{"label":"Produto (opcional)","placeholder":"Selecione o produto relacionado ao erro"},"message":{"label":"Mensagem","placeholder":"Digite sua mensagem aqui"},"document":{"label":"Documento (opcional)","placeholder":"Selecione um documento para o chamado"}},"buttons":{"send":"Enviar novo chamado","sendingButton":"Enviando..."},"inputFile":{"chooseFile":"Escolha o arquivo","allowDocuments":"Só são aceitos arquivos no formato .png, .jpg, .pdf, .csv, .mp4, .doc ou .docx","allowSizeDocument":"Tamanho máximo: {{maxSize}}","documentSendError":"Escolha uma imagem JPG/PNG, PDF, CSV, MP4 ou arquivo DOC/DOCX."}}}'),Ue=JSON.parse('{"b3":{"noChatFound":"No chat found","messengerAvatar":{"alt":"image of a user avatar"},"searchInput":{"placeholder":"Search chat..."}},"AH":{"selectConversation":"Select a conversation to view messages","noMessagesFound":"No messages found","errorSearchingMaxFileSize":"Error fetching maximum file size:","incommingMessage":{"messageImage":"image in message"},"sendMessageForm":{"maxFileField":"Maximum size: {{maxFileField}}","chatEnded":"Conversation ended","typeMessage":"Type a message","rightIcon":"Right icon"},"renderFileIcon":{"altImage":"files sent via agx chat"}},"xQ":{"newChat":"New Ticket","description":{"1":"Your ticket will be answered as soon as possible! If you are absent from the ticket for","2":"it will be automatically closed.","1/2bold":"one hour"},"fields":{"reasons":{"label":"Reasons","placeholder":"Select a reason for the ticket"},"product":{"label":"Product (optional)","placeholder":"Select the product related to the error"},"message":{"label":"Message","placeholder":"Type your message here"},"document":{"label":"Document (optional)","placeholder":"Select a document for the ticket"}},"buttons":{"send":"Send new ticket","sendingButton":"Sending..."},"inputFile":{"chooseFile":"Choose file","allowDocuments":"Only .png, .jpg, .pdf, .csv, .mp4, .doc or .docx files are accepted","allowSizeDocument":"Maximum size: {{maxSize}}","documentSendError":"Choose a JPG/PNG image, PDF, CSV, MP4 or DOC/DOCX file."}}}');var Ge={en:{newFormChat:Ue.xQ,messengerMessages:Ue.AH,messengerList:Ue.b3},pt:{newFormChat:Ve.xQ,messengerMessages:Ve.AH,messengerList:Ve.b3}};qe.default.use(z.initReactI18next).init({resources:Ge,lng:"pt",fallbackLng:"pt",interpolation:{escapeValue:!1}});const Ke=qe.default;function Xe(e){qe.default.changeLanguage(e)}console.log("ChatProvider render");const en=function(e){var n=e.children,t=e.locale;return(0,E.useEffect)((function(){t&&Ke.changeLanguage(t)}),[t]),E.default.createElement(z.I18nextProvider,{i18n:Ke},n)}})();var l=o.aM,d=o.AM,A=o.Fx,c=o.tt,m=o.Vc,u=o.Y3,p=o.m0,g=o.Z5,f=o.y_;export{l as ChatProvider,d as MessengerList,A as MessengerListItem,c as MessengerMessages,m as MessengerThemeWrapper,u as NewChatButton,p as setLanguage,g as useConversations,f as useMessages};
|
|
2
2
|
//# sourceMappingURL=agx-chat.esm.js.map
|