agx-chat-web 1.2.6 → 1.2.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (17) hide show
  1. package/dist/agx-chat.esm.js +2566 -1
  2. package/dist/agx-chat.esm.js.map +1 -1
  3. package/dist/agx-chat.min.js +2 -0
  4. package/dist/agx-chat.min.js.map +1 -0
  5. package/dist/esm/app/ChatProvider/ChatProvider.d.ts +1 -1
  6. package/dist/esm/app/ChatProvider/ChatProvider.js +3 -11
  7. package/dist/esm/app/ChatProvider/ChatProvider.js.map +1 -1
  8. package/dist/esm/app/Messenger/hooks/useConversations.d.ts +1 -1
  9. package/dist/esm/app/i18n/index.d.ts +12 -3
  10. package/dist/esm/app/i18n/index.js +11 -28
  11. package/dist/esm/app/i18n/index.js.map +1 -1
  12. package/dist/esm/index.d.ts +2 -2
  13. package/dist/esm/index.js +2 -2
  14. package/dist/esm/index.js.map +1 -1
  15. package/package.json +90 -90
  16. package/dist/agx-chat.umd.js +0 -2
  17. package/dist/agx-chat.umd.js.map +0 -1
package/dist/agx-chat.esm.js CHANGED
@@ -1,2 +1,2567 @@
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};
1
+ import * as __WEBPACK_EXTERNAL_MODULE_dayjs__ from "dayjs";
2
+ import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
3
+ import * as __WEBPACK_EXTERNAL_MODULE_react_i18next_31085753__ from "react-i18next";
4
+ /******/ var __webpack_modules__ = ({
5
+
6
+ /***/ 74:
7
+ /***/ ((module, __webpack_exports__, __webpack_require__) => {
8
+
9
+ /* harmony export */ __webpack_require__.d(__webpack_exports__, {
10
+ /* harmony export */ "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
11
+ /* harmony export */ });
12
+ /* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(537);
13
+ /* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
14
+ /* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(645);
15
+ /* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
16
+ // Imports
17
+
18
+
19
+ var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
20
+ // Module
21
+ ___CSS_LOADER_EXPORT___.push([module.id, ".images-container {\n width: 100%;\n height: 90%;\n border: 2px solid #484c52;\n background-color: #232831;\n border-bottom: none;\n border-radius: 0 20px 0 0;\n}\n@media only screen and (max-width: 768px) {\n .images-container {\n border-radius: 20px 20px 0 0 !important;\n }\n}\n.images-container__close {\n width: 100%;\n position: relative;\n margin-top: 15px;\n display: flex;\n justify-content: flex-end;\n align-items: center;\n}\n.images-container__close--icon {\n width: 32px;\n height: 32px;\n cursor: pointer;\n background-color: transparent;\n outline: none;\n border: none;\n}\n.images-container__close--icon:hover {\n opacity: 75%;\n transition: 200ms;\n}\n.images-container__close--icon::before,\n.images-container__close--icon::after {\n position: absolute;\n right: 25px;\n top: 0;\n content: ' ';\n height: 33px;\n width: 2px;\n background-color: red;\n}\n.images-container__close--icon:after {\n transform: rotate(45deg);\n}\n.images-container__close--icon:before {\n transform: rotate(-45deg);\n}\n.images-container__container {\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: #476077;\n}\n.images-container__image {\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 100%;\n padding: 0 10px;\n max-width: 700px;\n max-height: 300px;\n}\n.images-container__title-img {\n width: 100%;\n text-align: center;\n word-wrap: break-word;\n}\n.form-select {\n margin-bottom: 1rem;\n width: 100%;\n}\n.form-select__label {\n color: #476077;\n font-weight: bold;\n margin: 0.5rem;\n}\n.form-select__input {\n border: 1.5px solid hsl(0, 0%, 80%);\n border-radius: 4px;\n margin-top: 0.5rem;\n padding: 8px 8px;\n width: 100%;\n}\n.form-select__input:focus {\n outline: #2684ff 2px solid !important;\n}\n.text-area {\n margin-bottom: 1rem;\n width: 100%;\n}\n.text-area__label {\n color: #476077;\n font-weight: bold;\n margin: 0.5rem;\n}\n.text-area__input {\n border: 1.5px solid hsl(0, 0%, 80%);\n border-radius: 4px;\n margin-top: 0.5rem;\n padding: 4px 8px;\n width: 100%;\n}\n.text-area__input:focus {\n outline: #2684ff 2px solid !important;\n}\n.file-input {\n margin-bottom: 1rem;\n width: 100%;\n}\n.file-input__label {\n color: #476077;\n font-weight: bold;\n margin: 0.5rem;\n}\n.file-input__container {\n align-items: center;\n background-color: var(--secondary-color);\n border-radius: 10px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n margin-top: 0.5rem;\n padding: 1rem;\n width: 100%;\n}\n.file-input__button {\n border: none;\n border-radius: 30px;\n color: var(--secondary-color);\n cursor: pointer;\n font-size: 1rem;\n font-weight: bold;\n margin: 0.5rem 1rem;\n padding: 0.5rem;\n}\n.file-input__list {\n align-items: center;\n background-color: var(--secondary-color);\n border-radius: 10px;\n display: flex;\n justify-content: space-between;\n margin: 0.5rem 0;\n padding: 0.5rem;\n}\n.file-input__list--file-name {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n max-width: 100%;\n}\n.file-input__delete {\n align-items: center;\n background: transparent;\n border: none;\n cursor: pointer;\n display: flex;\n justify-content: center;\n}\n.input-search {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n margin: 1rem 0;\n position: relative;\n}\n.input-search__select {\n border-radius: 30px 0 0 30px;\n padding: 10px;\n background: transparent;\n margin-left: 1rem;\n width: 30%;\n}\n.input-search__option {\n color: black;\n}\n.input-search__search {\n width: 70%;\n margin-right: 1rem;\n border-radius: 0 30px 30px 0;\n padding: 9px;\n color: var(--secondary-color);\n border: var(--secondary-color) 1px solid;\n background: transparent;\n position: relative;\n}\n.input-search__search::placeholder {\n color: var(--secondary-color);\n opacity: 60%;\n}\n.input-search__icon {\n border: none;\n background: transparent;\n position: absolute;\n right: 2rem;\n display: flex;\n cursor: pointer;\n}\n.chat-tabs {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.chat-tabs__button {\n background: transparent;\n border: none;\n border-bottom: 1px solid transparent;\n cursor: pointer;\n padding: 0.5rem 1rem;\n margin-bottom: 0.5rem;\n}\n.chat-tabs__button--active {\n border-bottom: 1px solid var(--secondary-color);\n transition: 0.5s;\n}\n.messenger__messages-row--sender {\n display: flex;\n justify-content: flex-end;\n margin: 10px 0;\n}\n.messenger__messages-sender {\n max-width: 80%;\n padding: 10px;\n border-radius: 8px;\n font-family: 'Arial', sans-serif;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n}\n.messenger__file-card {\n display: flex;\n align-items: center;\n background: rgba(0, 0, 0, 0.1);\n border-radius: 8px;\n padding: 10px;\n}\n.messenger__file-icon {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 4px;\n margin-right: 10px;\n}\n.messenger__file-details {\n flex-grow: 1;\n margin-right: 10px;\n}\n.messenger__file-name {\n font-weight: bold;\n font-size: 14px;\n margin: 0;\n}\n.messenger__file-info {\n font-size: 12px;\n color: rgba(255, 255, 255, 0.8);\n}\n.messenger__file-download {\n font-size: 12px;\n text-decoration: none;\n}\n.messenger__file-download:hover {\n text-decoration: underline;\n}\n.messenger__message--bottom {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-top: 5px;\n}\n.messenger__message--date {\n font-size: 12px;\n color: rgba(255, 255, 255, 0.8);\n}\n.tooltip {\n position: relative;\n display: inline-block;\n}\n.tooltip__text {\n visibility: hidden;\n background-color: black;\n color: #fff;\n text-align: center;\n border-radius: 5px;\n padding: 5px;\n position: absolute;\n z-index: 1;\n bottom: 125%;\n left: -40%;\n margin-left: -60px;\n opacity: 0;\n transition: opacity 0.3s, visibility 0.3s;\n}\n.tooltip:hover .tooltip__text {\n visibility: visible;\n opacity: 1;\n}\n.messenger__aside {\n width: 30% !important;\n display: flex;\n align-items: center;\n flex-direction: column;\n}\n@media only screen and (max-width: 1200px) {\n .messenger__aside {\n min-width: 300px;\n }\n}\n@media only screen and (max-width: 992px) {\n .messenger__aside {\n border-radius: 20px !important;\n width: 100% !important;\n }\n}\n.messenger__aside-skeleton {\n background-color: #232831;\n border: 0;\n min-height: 75px;\n width: 100% !important;\n}\n.messenger__aside-empty {\n width: 100%;\n margin-top: 40px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n}\n.messenger__aside-empty path {\n fill: var(--secondary-color);\n}\n.messenger__aside-empty p {\n text-align: center;\n}\n.messenger__aside-header {\n width: 100% !important;\n padding: 0 15px;\n}\n.messenger__scroll-content {\n overflow-y: auto;\n margin-bottom: 0.5rem;\n}\n.messenger__aside-list {\n width: 100% !important;\n padding: 0 10px 10px 10px;\n height: 100%;\n overflow-y: auto;\n overflow-x: hidden;\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: center;\n}\n.messenger__aside-list > .ant-ribbon-wrapper {\n width: 100%;\n}\n.messenger__aside-list > .ant-ribbon-wrapper .ant-ribbon {\n z-index: -1;\n top: 0;\n}\n.messenger__aside-item-container {\n min-width: 100%;\n position: relative;\n}\n.messenger__active-badge {\n z-index: 15 !important;\n}\n.messenger__aside-protocol {\n position: absolute;\n right: 0;\n top: 0;\n border-radius: 10px;\n background-color: var(--secondary-color);\n padding: 0 0.5rem;\n font-size: 0.6rem;\n}\n.messenger__aside-timer {\n align-items: center;\n display: flex;\n font-size: 12px;\n}\n.messenger__aside-list-item {\n border-radius: 0;\n cursor: pointer;\n display: flex;\n flex-direction: row;\n height: 72px;\n padding: 5px 10px;\n width: 100% !important;\n}\n.messenger__aside-list-item:hover {\n background: #232831;\n border-radius: 0;\n}\n.messenger__aside-list-item--avatar {\n align-items: center;\n background: #484c52;\n border-radius: 50%;\n color: #00a73e;\n display: flex;\n flex: 0 0 auto;\n font-size: 25px;\n font-weight: bold;\n height: 50px;\n justify-content: center;\n line-height: 2.2;\n margin: auto 10px auto 0;\n text-transform: uppercase;\n user-select: none;\n width: 50px;\n}\n@media only screen and (max-width: 1200px) {\n .messenger__aside-list-item--avatar {\n height: 45px;\n width: 45px;\n }\n}\n.messenger__aside-list-item--avatar img {\n height: 54px;\n width: 54px;\n border-radius: 50%;\n}\n.messenger__aside-list-item--info,\n.messenger__aside-list-item--additional {\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n height: 100%;\n}\n.messenger__aside-list-item--info {\n max-width: 120px;\n min-width: 120px;\n}\n@media only screen and (min-width: 1600px) {\n .messenger__aside-list-item--info {\n max-width: 140px;\n min-width: 140px;\n }\n}\n@media only screen and (max-width: 992px) {\n .messenger__aside-list-item--info {\n max-width: 65%;\n min-width: 65%;\n }\n}\n@media only screen and (max-width: 576px) {\n .messenger__aside-list-item--info {\n max-width: 120px;\n min-width: 120px;\n }\n}\n.messenger__aside-list-item--additional {\n align-items: flex-end;\n font-size: 11px;\n margin-left: 5px;\n width: 100%;\n}\n.messenger__aside-list-item--unread {\n background-color: #00a73e;\n border-radius: 50%;\n width: 20px;\n height: 20px;\n text-align: center;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.messenger__aside-list-item--title,\n.messenger__aside-list-item--description {\n line-height: 1;\n overflow: hidden;\n margin: 0;\n max-width: 160px;\n text-overflow: ellipsis;\n white-space: nowrap;\n width: 100%;\n}\n.messenger__aside-list-item--title {\n font-weight: bold;\n font-size: 14px;\n}\n.messenger__aside-list-item--description {\n font-size: 12px;\n}\n.messenger__messages {\n width: 70% !important;\n display: flex;\n flex-direction: column;\n justify-content: space-evenly;\n}\n@media only screen and (max-width: 992px) {\n .messenger__messages {\n width: 100% !important;\n }\n}\n.messenger__messages-header,\n.messenger__messages-send {\n padding: 5px;\n min-height: 10%;\n width: 100%;\n}\n.messenger__messages-header {\n border-radius: 0 20px 0 0;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n}\n@media only screen and (max-width: 992px) {\n .messenger__messages-header {\n border-radius: 20px 20px 0 0;\n }\n}\n.messenger__messages-container {\n max-height: 80%;\n height: 100%;\n padding: 0 24px;\n overflow: auto;\n overflow-x: hidden;\n scroll-behavior: auto;\n background-color: #dddddd;\n}\n.messenger__messages-container--empty {\n width: 100%;\n height: 100%;\n border-radius: 0 20px 20px 0;\n background-color: #dddddd;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n.messenger__messages-container--empty path {\n fill: #00a73e;\n}\n.messenger__messages-container--empty p {\n text-align: center;\n margin-top: 24px;\n}\n.messenger__messages-loading {\n width: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n margin-top: 10px;\n}\n.messenger__messages-loading div {\n animation: spin 1s infinite linear;\n border-left: 2px solid var(--secondary-color);\n border-radius: 50%;\n height: 25px;\n margin-bottom: 10px;\n width: 25px;\n}\n.messenger__messages-row--sender,\n.messenger__messages-row--received,\n.messenger__messages-row--system {\n width: 100%;\n height: fit-content;\n margin: 10px 0;\n display: flex;\n align-items: center;\n}\n.messenger__messages-row--sender {\n justify-content: flex-end;\n}\n.messenger__messages-row--received {\n justify-content: flex-start;\n}\n.messenger__messages-row--system {\n justify-content: center;\n}\n.messenger__messages-received,\n.messenger__messages-sender {\n min-width: 75px;\n width: fit-content;\n padding: 10px;\n}\n.messenger__messages-received > span,\n.messenger__messages-sender > span {\n color: var(--secondary-color);\n overflow-wrap: break-word;\n word-break: break-word;\n width: 200px;\n}\n.messenger__messages-received {\n max-width: 500px;\n background-color: #707070;\n border-radius: 12px 12px 12px 0;\n}\n.messenger__messages-received--system {\n border-radius: 12px;\n}\n.messenger__messages-sender {\n max-width: 450px;\n margin-top: -2px;\n background-color: #00a73e;\n border-radius: 12px 12px 0 12px;\n}\n.messenger__message-title {\n white-space: nowrap;\n overflow: hidden;\n max-width: 100%;\n display: block;\n line-height: 1;\n padding: 0;\n margin: 0 0 3px;\n justify-content: flex-end;\n font-size: 13px;\n color: var(--secondary-color);\n font-weight: bold;\n filter: opacity(0.7);\n font-weight: 700;\n}\n.messenger__message {\n padding: 0;\n margin: 0;\n white-space: pre-wrap;\n line-height: 1.2;\n}\n.messenger__message--file {\n cursor: pointer;\n}\n.messenger__message--file img {\n object-fit: scale-down;\n}\n.messenger__message--bottom {\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: flex-end;\n gap: 5px;\n margin-top: 5px;\n}\n.messenger__message--date {\n font-size: 11.5px;\n padding: 0;\n margin-top: 5px;\n margin-bottom: 0;\n margin-right: 0;\n text-align: right;\n line-height: 14px;\n}\n.messenger__message-empty {\n width: 100%;\n margin-top: 40px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n}\n.messenger__message-empty p {\n text-align: center;\n}\n@media only screen and (max-width: 576px) {\n .messenger__message-avatar {\n display: none;\n }\n}\n.messenger__messages-send {\n border-radius: 0 0 20px 0;\n border-top: 0;\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n@media only screen and (max-width: 992px) {\n .messenger__messages-send {\n border-radius: 0 0 20px 20px;\n }\n}\n.messenger__messages-send--form {\n align-items: center;\n display: flex;\n gap: 10px;\n width: 100%;\n}\n.messenger__messages-send__input {\n border: 0;\n border-radius: 12px;\n display: flex;\n flex: 1 1 auto;\n height: 50px;\n line-height: 26px;\n max-height: 90px;\n outline: none;\n overflow-y: auto;\n padding: 10px 12px 9px;\n resize: none;\n width: 90%;\n}\n.messenger__messages-send__input--disabled {\n cursor: not-allowed;\n opacity: 0.5;\n}\n.messenger__messages-send__input::placeholder {\n color: #aaaaaa;\n}\n.messenger__messages-send__input-container {\n align-items: center;\n border-radius: 12px;\n display: flex;\n flex: 1 1 auto;\n}\n.messenger__messages-send__button {\n height: 45px !important;\n width: 45px !important;\n border-radius: 50%;\n border: none;\n outline: none;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.messenger__messages-send__button--disabled {\n cursor: not-allowed;\n opacity: 0.5;\n}\n.messenger__messages-send__button:hover {\n opacity: 0.7;\n transition: 200ms;\n}\n.messenger__messages-send--file {\n display: none;\n}\n.messenger__messages-send__attach {\n cursor: pointer;\n width: 40px;\n}\n.messenger__messages-send__attach--disabled {\n cursor: not-allowed;\n}\n.messenger__new-chat-form {\n overflow-y: scroll;\n border-radius: 0 20px 20px 0;\n height: 100%;\n padding: 1rem;\n}\n@media only screen and (max-width: 768px) {\n .messenger__new-chat-form {\n border-radius: 20px !important;\n }\n}\n.messenger__new-chat-form-header {\n display: flex;\n justify-content: space-between;\n margin: 1rem 0;\n}\n.messenger__new-chat-form-title {\n color: #476077;\n margin-right: 1rem;\n}\n.messenger__new-chat-form-close {\n background: none;\n border: none;\n cursor: pointer;\n}\n.messenger__new-chat-fields,\n.messenger__disclaimer {\n margin: 0 1rem;\n}\n.messenger__disclaimer {\n border: solid 1px;\n border-radius: 10px;\n padding: 0.8rem;\n margin-bottom: 1rem;\n}\n.messenger__new-chat-form-send {\n border: none;\n border-radius: 30px;\n cursor: pointer;\n font-weight: bolder;\n margin: 25px 0;\n padding: 0.5rem;\n}\n.messenger__new-chat-form-send:hover {\n opacity: 0.9;\n}\n.messenger__new-chat-form-send--disabled {\n cursor: not-allowed;\n background-color: #ccc;\n}\n.messenger__buttons-container {\n display: flex;\n flex-direction: column;\n padding-top: 1rem;\n width: 100%;\n}\n.messenger__chat-button {\n border: none;\n border-radius: 30px;\n color: var(--secondary-color);\n cursor: pointer;\n font-size: 1rem;\n font-weight: bold;\n margin: 0.5rem 1rem;\n padding: 0.5rem;\n}\n.messenger__chat-button--disabled {\n cursor: not-allowed;\n}\n.messenger__input-button {\n border: none;\n border-radius: 30px;\n color: var(--secondary-color);\n font-size: 1rem;\n font-weight: bold;\n margin: 0.5rem 1rem;\n padding: 0.5rem;\n}\n.messenger__input-button-label {\n color: var(--secondary-color);\n font-weight: bold;\n margin: 0rem 1rem;\n}\n.messenger__input-button::-webkit-calendar-picker-indicator {\n filter: invert(1);\n}\n@media only screen and (max-width: 992px) {\n .messenger__mobile-hide {\n display: none !important;\n }\n}\n.styles-module_wrapper__1I_qj {\n z-index: 60 !important;\n background-color: rgba(0, 0, 0, 0.7) !important;\n}\n*,\n::after,\n::before {\n padding: 0;\n margin: 0;\n}\n:root {\n --secondary-color: var(--secondary-color);\n}\n@keyframes spin {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n", "",{"version":3,"sources":["webpack://./src/app/Messenger/components/ImagesContainer/ImagesContainer.less","webpack://./src/styles/index.less","webpack://./src/app/Messenger/components/Select/Select.less","webpack://./src/app/Messenger/components/TextArea/Textarea.less","webpack://./src/app/Messenger/components/InputFile/inputFile.less","webpack://./src/app/Messenger/components/SearchInput/SearchInput.less","webpack://./src/app/Messenger/components/ChatTabs/ChatTabs.less","webpack://./src/app/Messenger/components/DocMessage/DocMessage.less","webpack://./src/app/Messenger/components/Tooltip/Tooltip.less","webpack://./src/app/Messenger/views/Messenger.less","webpack://./src/styles/abstracts/mixins.less","webpack://./src/styles/base/base.less","webpack://./src/styles/abstracts/variables.less","webpack://./src/styles/abstracts/animations.less"],"names":[],"mappings":"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","sourcesContent":[".images-container {\n width: 100%;\n height: 90%;\n border: 2px solid @secondary-bg-color-chat;\n background-color: @component-background;\n border-bottom: none;\n border-radius: 0 @border-radius 0 0;\n @media @tab-md {\n border-radius: @border-radius @border-radius 0 0 !important;\n }\n\n &__close {\n width: 100%;\n position: relative;\n margin-top: 15px;\n display: flex;\n justify-content: flex-end;\n align-items: center;\n\n &--icon {\n width: 32px;\n height: 32px;\n cursor: pointer;\n background-color: transparent;\n outline: none;\n border: none;\n\n &:hover {\n opacity: 75%;\n transition: 200ms;\n }\n\n &::before,\n &::after {\n position: absolute;\n right: 25px;\n top: 0;\n content: ' ';\n height: 33px;\n width: 2px;\n background-color: red;\n }\n\n &:after {\n transform: rotate(45deg);\n }\n\n &:before {\n transform: rotate(-45deg);\n }\n }\n }\n\n &__container {\n width: 100%;\n height: 100%;\n\n display: flex;\n align-items: center;\n justify-content: center;\n color: @title-form-color;\n }\n\n &__image {\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 100%;\n padding: 0 10px;\n max-width: 700px;\n max-height: 300px;\n }\n\n &__title-img {\n width: 100%;\n text-align: center;\n word-wrap: break-word;\n }\n}\n",".images-container {\n width: 100%;\n height: 90%;\n border: 2px solid #484c52;\n background-color: #232831;\n border-bottom: none;\n border-radius: 0 20px 0 0;\n}\n@media only screen and (max-width: 768px) {\n .images-container {\n border-radius: 20px 20px 0 0 !important;\n }\n}\n.images-container__close {\n width: 100%;\n position: relative;\n margin-top: 15px;\n display: flex;\n justify-content: flex-end;\n align-items: center;\n}\n.images-container__close--icon {\n width: 32px;\n height: 32px;\n cursor: pointer;\n background-color: transparent;\n outline: none;\n border: none;\n}\n.images-container__close--icon:hover {\n opacity: 75%;\n transition: 200ms;\n}\n.images-container__close--icon::before,\n.images-container__close--icon::after {\n position: absolute;\n right: 25px;\n top: 0;\n content: ' ';\n height: 33px;\n width: 2px;\n background-color: red;\n}\n.images-container__close--icon:after {\n transform: rotate(45deg);\n}\n.images-container__close--icon:before {\n transform: rotate(-45deg);\n}\n.images-container__container {\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: #476077;\n}\n.images-container__image {\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 100%;\n padding: 0 10px;\n max-width: 700px;\n max-height: 300px;\n}\n.images-container__title-img {\n width: 100%;\n text-align: center;\n word-wrap: break-word;\n}\n.form-select {\n margin-bottom: 1rem;\n width: 100%;\n}\n.form-select__label {\n color: #476077;\n font-weight: bold;\n margin: 0.5rem;\n}\n.form-select__input {\n border: 1.5px solid hsl(0, 0%, 80%);\n border-radius: 4px;\n margin-top: 0.5rem;\n padding: 8px 8px;\n width: 100%;\n}\n.form-select__input:focus {\n outline: #2684ff 2px solid !important;\n}\n.text-area {\n margin-bottom: 1rem;\n width: 100%;\n}\n.text-area__label {\n color: #476077;\n font-weight: bold;\n margin: 0.5rem;\n}\n.text-area__input {\n border: 1.5px solid hsl(0, 0%, 80%);\n border-radius: 4px;\n margin-top: 0.5rem;\n padding: 4px 8px;\n width: 100%;\n}\n.text-area__input:focus {\n outline: #2684ff 2px solid !important;\n}\n.file-input {\n margin-bottom: 1rem;\n width: 100%;\n}\n.file-input__label {\n color: #476077;\n font-weight: bold;\n margin: 0.5rem;\n}\n.file-input__container {\n align-items: center;\n background-color: var(--secondary-color);\n border-radius: 10px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n margin-top: 0.5rem;\n padding: 1rem;\n width: 100%;\n}\n.file-input__button {\n border: none;\n border-radius: 30px;\n color: var(--secondary-color);\n cursor: pointer;\n font-size: 1rem;\n font-weight: bold;\n margin: 0.5rem 1rem;\n padding: 0.5rem;\n}\n.file-input__list {\n align-items: center;\n background-color: var(--secondary-color);\n border-radius: 10px;\n display: flex;\n justify-content: space-between;\n margin: 0.5rem 0;\n padding: 0.5rem;\n}\n.file-input__list--file-name {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n max-width: 100%;\n}\n.file-input__delete {\n align-items: center;\n background: transparent;\n border: none;\n cursor: pointer;\n display: flex;\n justify-content: center;\n}\n.input-search {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n margin: 1rem 0;\n position: relative;\n}\n.input-search__select {\n border-radius: 30px 0 0 30px;\n padding: 10px;\n background: transparent;\n margin-left: 1rem;\n width: 30%;\n}\n.input-search__option {\n color: black;\n}\n.input-search__search {\n width: 70%;\n margin-right: 1rem;\n border-radius: 0 30px 30px 0;\n padding: 9px;\n color: var(--secondary-color);\n border: var(--secondary-color) 1px solid;\n background: transparent;\n position: relative;\n}\n.input-search__search::placeholder {\n color: var(--secondary-color);\n opacity: 60%;\n}\n.input-search__icon {\n border: none;\n background: transparent;\n position: absolute;\n right: 2rem;\n display: flex;\n cursor: pointer;\n}\n.chat-tabs {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.chat-tabs__button {\n background: transparent;\n border: none;\n border-bottom: 1px solid transparent;\n cursor: pointer;\n padding: 0.5rem 1rem;\n margin-bottom: 0.5rem;\n}\n.chat-tabs__button--active {\n border-bottom: 1px solid var(--secondary-color);\n transition: 0.5s;\n}\n.messenger__messages-row--sender {\n display: flex;\n justify-content: flex-end;\n margin: 10px 0;\n}\n.messenger__messages-sender {\n max-width: 80%;\n padding: 10px;\n border-radius: 8px;\n font-family: 'Arial', sans-serif;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n}\n.messenger__file-card {\n display: flex;\n align-items: center;\n background: rgba(0, 0, 0, 0.1);\n border-radius: 8px;\n padding: 10px;\n}\n.messenger__file-icon {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 4px;\n margin-right: 10px;\n}\n.messenger__file-details {\n flex-grow: 1;\n margin-right: 10px;\n}\n.messenger__file-name {\n font-weight: bold;\n font-size: 14px;\n margin: 0;\n}\n.messenger__file-info {\n font-size: 12px;\n color: rgba(255, 255, 255, 0.8);\n}\n.messenger__file-download {\n font-size: 12px;\n text-decoration: none;\n}\n.messenger__file-download:hover {\n text-decoration: underline;\n}\n.messenger__message--bottom {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-top: 5px;\n}\n.messenger__message--date {\n font-size: 12px;\n color: rgba(255, 255, 255, 0.8);\n}\n.tooltip {\n position: relative;\n display: inline-block;\n}\n.tooltip__text {\n visibility: hidden;\n background-color: black;\n color: #fff;\n text-align: center;\n border-radius: 5px;\n padding: 5px;\n position: absolute;\n z-index: 1;\n bottom: 125%;\n left: -40%;\n margin-left: -60px;\n opacity: 0;\n transition: opacity 0.3s, visibility 0.3s;\n}\n.tooltip:hover .tooltip__text {\n visibility: visible;\n opacity: 1;\n}\n.messenger__aside {\n width: 30% !important;\n display: flex;\n align-items: center;\n flex-direction: column;\n}\n@media only screen and (max-width: 1200px) {\n .messenger__aside {\n min-width: 300px;\n }\n}\n@media only screen and (max-width: 992px) {\n .messenger__aside {\n border-radius: 20px !important;\n width: 100% !important;\n }\n}\n.messenger__aside-skeleton {\n background-color: #232831;\n border: 0;\n min-height: 75px;\n width: 100% !important;\n}\n.messenger__aside-empty {\n width: 100%;\n margin-top: 40px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n}\n.messenger__aside-empty path {\n fill: var(--secondary-color);\n}\n.messenger__aside-empty p {\n text-align: center;\n}\n.messenger__aside-header {\n width: 100% !important;\n padding: 0 15px;\n}\n.messenger__scroll-content {\n overflow-y: auto;\n margin-bottom: 0.5rem;\n}\n.messenger__aside-list {\n width: 100% !important;\n padding: 0 10px 10px 10px;\n height: 100%;\n overflow-y: auto;\n overflow-x: hidden;\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: center;\n}\n.messenger__aside-list > .ant-ribbon-wrapper {\n width: 100%;\n}\n.messenger__aside-list > .ant-ribbon-wrapper .ant-ribbon {\n z-index: -1;\n top: 0;\n}\n.messenger__aside-item-container {\n min-width: 100%;\n position: relative;\n}\n.messenger__active-badge {\n z-index: 15 !important;\n}\n.messenger__aside-protocol {\n position: absolute;\n right: 0;\n top: 0;\n border-radius: 10px;\n background-color: var(--secondary-color);\n padding: 0 0.5rem;\n font-size: 0.6rem;\n}\n.messenger__aside-timer {\n align-items: center;\n display: flex;\n font-size: 12px;\n}\n.messenger__aside-list-item {\n border-radius: 0;\n cursor: pointer;\n display: flex;\n flex-direction: row;\n height: 72px;\n padding: 5px 10px;\n width: 100% !important;\n}\n.messenger__aside-list-item:hover {\n background: #232831;\n border-radius: 0;\n}\n.messenger__aside-list-item--avatar {\n align-items: center;\n background: #484c52;\n border-radius: 50%;\n color: #00a73e;\n display: flex;\n flex: 0 0 auto;\n font-size: 25px;\n font-weight: bold;\n height: 50px;\n justify-content: center;\n line-height: 2.2;\n margin: auto 10px auto 0;\n text-transform: uppercase;\n user-select: none;\n width: 50px;\n}\n@media only screen and (max-width: 1200px) {\n .messenger__aside-list-item--avatar {\n height: 45px;\n width: 45px;\n }\n}\n.messenger__aside-list-item--avatar img {\n height: 54px;\n width: 54px;\n border-radius: 50%;\n}\n.messenger__aside-list-item--info,\n.messenger__aside-list-item--additional {\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n height: 100%;\n}\n.messenger__aside-list-item--info {\n max-width: 120px;\n min-width: 120px;\n}\n@media only screen and (min-width: 1600px) {\n .messenger__aside-list-item--info {\n max-width: 140px;\n min-width: 140px;\n }\n}\n@media only screen and (max-width: 992px) {\n .messenger__aside-list-item--info {\n max-width: 65%;\n min-width: 65%;\n }\n}\n@media only screen and (max-width: 576px) {\n .messenger__aside-list-item--info {\n max-width: 120px;\n min-width: 120px;\n }\n}\n.messenger__aside-list-item--additional {\n align-items: flex-end;\n font-size: 11px;\n margin-left: 5px;\n width: 100%;\n}\n.messenger__aside-list-item--unread {\n background-color: #00a73e;\n border-radius: 50%;\n width: 20px;\n height: 20px;\n text-align: center;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.messenger__aside-list-item--title,\n.messenger__aside-list-item--description {\n line-height: 1;\n overflow: hidden;\n margin: 0;\n max-width: 160px;\n text-overflow: ellipsis;\n white-space: nowrap;\n width: 100%;\n}\n.messenger__aside-list-item--title {\n font-weight: bold;\n font-size: 14px;\n}\n.messenger__aside-list-item--description {\n font-size: 12px;\n}\n.messenger__messages {\n width: 70% !important;\n display: flex;\n flex-direction: column;\n justify-content: space-evenly;\n}\n@media only screen and (max-width: 992px) {\n .messenger__messages {\n width: 100% !important;\n }\n}\n.messenger__messages-header,\n.messenger__messages-send {\n padding: 5px;\n min-height: 10%;\n width: 100%;\n}\n.messenger__messages-header {\n border-radius: 0 20px 0 0;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n}\n@media only screen and (max-width: 992px) {\n .messenger__messages-header {\n border-radius: 20px 20px 0 0;\n }\n}\n.messenger__messages-container {\n max-height: 80%;\n height: 100%;\n padding: 0 24px;\n overflow: auto;\n overflow-x: hidden;\n scroll-behavior: auto;\n background-color: #dddddd;\n}\n.messenger__messages-container--empty {\n width: 100%;\n height: 100%;\n border-radius: 0 20px 20px 0;\n background-color: #dddddd;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n.messenger__messages-container--empty path {\n fill: #00a73e;\n}\n.messenger__messages-container--empty p {\n text-align: center;\n margin-top: 24px;\n}\n.messenger__messages-loading {\n width: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n margin-top: 10px;\n}\n.messenger__messages-loading div {\n animation: spin 1s infinite linear;\n border-left: 2px solid var(--secondary-color);\n border-radius: 50%;\n height: 25px;\n margin-bottom: 10px;\n width: 25px;\n}\n.messenger__messages-row--sender,\n.messenger__messages-row--received,\n.messenger__messages-row--system {\n width: 100%;\n height: fit-content;\n margin: 10px 0;\n display: flex;\n align-items: center;\n}\n.messenger__messages-row--sender {\n justify-content: flex-end;\n}\n.messenger__messages-row--received {\n justify-content: flex-start;\n}\n.messenger__messages-row--system {\n justify-content: center;\n}\n.messenger__messages-received,\n.messenger__messages-sender {\n min-width: 75px;\n width: fit-content;\n padding: 10px;\n}\n.messenger__messages-received > span,\n.messenger__messages-sender > span {\n color: var(--secondary-color);\n overflow-wrap: break-word;\n word-break: break-word;\n width: 200px;\n}\n.messenger__messages-received {\n max-width: 500px;\n background-color: #707070;\n border-radius: 12px 12px 12px 0;\n}\n.messenger__messages-received--system {\n border-radius: 12px;\n}\n.messenger__messages-sender {\n max-width: 450px;\n margin-top: -2px;\n background-color: #00a73e;\n border-radius: 12px 12px 0 12px;\n}\n.messenger__message-title {\n white-space: nowrap;\n overflow: hidden;\n max-width: 100%;\n display: block;\n line-height: 1;\n padding: 0;\n margin: 0 0 3px;\n justify-content: flex-end;\n font-size: 13px;\n color: var(--secondary-color);\n font-weight: bold;\n filter: opacity(0.7);\n font-weight: 700;\n}\n.messenger__message {\n padding: 0;\n margin: 0;\n white-space: pre-wrap;\n line-height: 1.2;\n}\n.messenger__message--file {\n cursor: pointer;\n}\n.messenger__message--file img {\n object-fit: scale-down;\n}\n.messenger__message--bottom {\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: flex-end;\n gap: 5px;\n margin-top: 5px;\n}\n.messenger__message--date {\n font-size: 11.5px;\n padding: 0;\n margin-top: 5px;\n margin-bottom: 0;\n margin-right: 0;\n text-align: right;\n line-height: 14px;\n}\n.messenger__message-empty {\n width: 100%;\n margin-top: 40px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n}\n.messenger__message-empty p {\n text-align: center;\n}\n@media only screen and (max-width: 576px) {\n .messenger__message-avatar {\n display: none;\n }\n}\n.messenger__messages-send {\n border-radius: 0 0 20px 0;\n border-top: 0;\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n@media only screen and (max-width: 992px) {\n .messenger__messages-send {\n border-radius: 0 0 20px 20px;\n }\n}\n.messenger__messages-send--form {\n align-items: center;\n display: flex;\n gap: 10px;\n width: 100%;\n}\n.messenger__messages-send__input {\n border: 0;\n border-radius: 12px;\n display: flex;\n flex: 1 1 auto;\n height: 50px;\n line-height: 26px;\n max-height: 90px;\n outline: none;\n overflow-y: auto;\n padding: 10px 12px 9px;\n resize: none;\n width: 90%;\n}\n.messenger__messages-send__input--disabled {\n cursor: not-allowed;\n opacity: 0.5;\n}\n.messenger__messages-send__input::placeholder {\n color: #aaaaaa;\n}\n.messenger__messages-send__input-container {\n align-items: center;\n border-radius: 12px;\n display: flex;\n flex: 1 1 auto;\n}\n.messenger__messages-send__button {\n height: 45px !important;\n width: 45px !important;\n border-radius: 50%;\n border: none;\n outline: none;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.messenger__messages-send__button--disabled {\n cursor: not-allowed;\n opacity: 0.5;\n}\n.messenger__messages-send__button:hover {\n opacity: 0.7;\n transition: 200ms;\n}\n.messenger__messages-send--file {\n display: none;\n}\n.messenger__messages-send__attach {\n cursor: pointer;\n width: 40px;\n}\n.messenger__messages-send__attach--disabled {\n cursor: not-allowed;\n}\n.messenger__new-chat-form {\n overflow-y: scroll;\n border-radius: 0 20px 20px 0;\n height: 100%;\n padding: 1rem;\n}\n@media only screen and (max-width: 768px) {\n .messenger__new-chat-form {\n border-radius: 20px !important;\n }\n}\n.messenger__new-chat-form-header {\n display: flex;\n justify-content: space-between;\n margin: 1rem 0;\n}\n.messenger__new-chat-form-title {\n color: #476077;\n margin-right: 1rem;\n}\n.messenger__new-chat-form-close {\n background: none;\n border: none;\n cursor: pointer;\n}\n.messenger__new-chat-fields,\n.messenger__disclaimer {\n margin: 0 1rem;\n}\n.messenger__disclaimer {\n border: solid 1px;\n border-radius: 10px;\n padding: 0.8rem;\n margin-bottom: 1rem;\n}\n.messenger__new-chat-form-send {\n border: none;\n border-radius: 30px;\n cursor: pointer;\n font-weight: bolder;\n margin: 25px 0;\n padding: 0.5rem;\n}\n.messenger__new-chat-form-send:hover {\n opacity: 0.9;\n}\n.messenger__new-chat-form-send--disabled {\n cursor: not-allowed;\n background-color: #ccc;\n}\n.messenger__buttons-container {\n display: flex;\n flex-direction: column;\n padding-top: 1rem;\n width: 100%;\n}\n.messenger__chat-button {\n border: none;\n border-radius: 30px;\n color: var(--secondary-color);\n cursor: pointer;\n font-size: 1rem;\n font-weight: bold;\n margin: 0.5rem 1rem;\n padding: 0.5rem;\n}\n.messenger__chat-button--disabled {\n cursor: not-allowed;\n}\n.messenger__input-button {\n border: none;\n border-radius: 30px;\n color: var(--secondary-color);\n font-size: 1rem;\n font-weight: bold;\n margin: 0.5rem 1rem;\n padding: 0.5rem;\n}\n.messenger__input-button-label {\n color: var(--secondary-color);\n font-weight: bold;\n margin: 0rem 1rem;\n}\n.messenger__input-button::-webkit-calendar-picker-indicator {\n filter: invert(1);\n}\n@media only screen and (max-width: 992px) {\n .messenger__mobile-hide {\n display: none !important;\n }\n}\n.styles-module_wrapper__1I_qj {\n z-index: 60 !important;\n background-color: rgba(0, 0, 0, 0.7) !important;\n}\n*,\n::after,\n::before {\n padding: 0;\n margin: 0;\n}\n:root {\n --secondary-color: var(--secondary-color);\n}\n@keyframes spin {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n",".form-select {\n margin-bottom: 1rem;\n width: 100%;\n\n &__label {\n color: @title-form-color;\n font-weight: bold;\n margin: 0.5rem;\n }\n\n &__input {\n border: 1.5px solid hsl(0, 0%, 80%);\n border-radius: 4px;\n margin-top: 0.5rem;\n padding: 8px 8px;\n width: 100%;\n\n &:focus {\n outline: #2684ff 2px solid !important;\n }\n }\n}\n",".text-area {\n margin-bottom: 1rem;\n width: 100%;\n\n &__label {\n color: @title-form-color;\n font-weight: bold;\n margin: 0.5rem;\n }\n\n &__input {\n border: 1.5px solid hsl(0, 0%, 80%);\n border-radius: 4px;\n margin-top: 0.5rem;\n padding: 4px 8px;\n width: 100%;\n\n &:focus {\n outline: #2684ff 2px solid !important;\n }\n }\n}\n",".file-input {\n margin-bottom: 1rem;\n width: 100%;\n\n &__label {\n color: @title-form-color;\n font-weight: bold;\n margin: 0.5rem;\n }\n\n &__container {\n align-items: center;\n background-color: var(--secondary-color);\n border-radius: 10px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n margin-top: 0.5rem;\n padding: 1rem;\n width: 100%;\n }\n\n &__button {\n border: none;\n border-radius: 30px;\n color: var(--secondary-color);\n cursor: pointer;\n font-size: 1rem;\n font-weight: bold;\n margin: 0.5rem 1rem;\n padding: 0.5rem;\n }\n\n &__list {\n align-items: center;\n background-color: var(--secondary-color);\n border-radius: 10px;\n display: flex;\n justify-content: space-between;\n margin: 0.5rem 0;\n padding: 0.5rem;\n\n &--file-name {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n max-width: 100%;\n }\n }\n\n &__delete {\n align-items: center;\n background: transparent;\n border: none;\n cursor: pointer;\n display: flex;\n justify-content: center;\n }\n}\n",".input-search {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n margin: 1rem 0;\n position: relative;\n\n &__select {\n border-radius: 30px 0 0 30px;\n padding: 10px;\n background: transparent;\n margin-left: 1rem;\n width: 30%;\n }\n\n &__option {\n color: black;\n }\n\n &__search {\n width: 70%;\n margin-right: 1rem;\n border-radius: 0 30px 30px 0;\n padding: 9px;\n color: var(--secondary-color);\n border: var(--secondary-color) 1px solid;\n background: transparent;\n position: relative;\n\n &::placeholder {\n color: var(--secondary-color);\n opacity: 60%;\n }\n }\n\n &__icon {\n border: none;\n background: transparent;\n position: absolute;\n right: 2rem;\n display: flex;\n cursor: pointer;\n }\n}\n",".chat-tabs {\n display: flex;\n justify-content: center;\n align-items: center;\n &__button {\n background: transparent;\n border: none;\n border-bottom: 1px solid transparent;\n cursor: pointer;\n padding: 0.5rem 1rem;\n margin-bottom: 0.5rem;\n\n &--active {\n border-bottom: 1px solid var(--secondary-color);\n transition: 0.5s;\n }\n }\n}\n",".messenger {\n &__messages-row--sender {\n display: flex;\n justify-content: flex-end;\n margin: 10px 0;\n }\n\n &__messages-sender {\n max-width: 80%;\n padding: 10px;\n border-radius: 8px;\n font-family: 'Arial', sans-serif;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n }\n\n &__file-card {\n display: flex;\n align-items: center;\n background: rgba(0, 0, 0, 0.1);\n border-radius: 8px;\n padding: 10px;\n }\n\n &__file-icon {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 4px;\n margin-right: 10px;\n }\n\n &__file-details {\n flex-grow: 1;\n margin-right: 10px;\n }\n\n &__file-name {\n font-weight: bold;\n font-size: 14px;\n margin: 0;\n }\n\n &__file-info {\n font-size: 12px;\n color: rgba(255, 255, 255, 0.8);\n }\n\n &__file-download {\n font-size: 12px;\n text-decoration: none;\n }\n\n &__file-download:hover {\n text-decoration: underline;\n }\n\n &__message--bottom {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-top: 5px;\n }\n\n &__message--date {\n font-size: 12px;\n color: rgba(255, 255, 255, 0.8);\n }\n}\n",".tooltip {\n position: relative;\n display: inline-block;\n}\n\n.tooltip__text {\n visibility: hidden;\n background-color: black;\n color: #fff;\n text-align: center;\n border-radius: 5px;\n padding: 5px;\n position: absolute;\n z-index: 1;\n bottom: 125%;\n left: -40%;\n margin-left: -60px;\n opacity: 0;\n transition:\n opacity 0.3s,\n visibility 0.3s;\n}\n\n.tooltip:hover .tooltip__text {\n visibility: visible;\n opacity: 1;\n}\n","@import '../components/ImagesContainer/ImagesContainer';\n@import '../components/Select/Select.less';\n@import '../components/TextArea/Textarea.less';\n@import '../components/InputFile/inputFile.less';\n@import '../components/SearchInput/SearchInput.less';\n@import '../components/ChatTabs/ChatTabs.less';\n@import '../components/DocMessage/DocMessage.less';\n@import '../components/Tooltip/Tooltip.less';\n\n@buttons-container-height: 10rem;\n\n.messenger {\n &__aside {\n width: 30% !important;\n\n @media @tab-xl {\n min-width: 300px;\n }\n\n @media @tab-lg {\n border-radius: 20px !important;\n width: 100% !important;\n }\n\n display: flex;\n align-items: center;\n flex-direction: column;\n }\n\n &__aside-skeleton {\n background-color: @component-background;\n border: 0;\n min-height: 75px;\n width: 100% !important;\n }\n\n &__aside-empty {\n width: 100%;\n margin-top: 40px;\n\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n\n & path {\n fill: var(--secondary-color);\n }\n\n & p {\n text-align: center;\n }\n }\n\n &__aside-header {\n width: 100% !important;\n padding: 0 15px;\n }\n\n &__scroll-content {\n overflow-y: auto;\n margin-bottom: 0.5rem;\n }\n\n &__aside-list {\n width: 100% !important;\n padding: 0 10px 10px 10px;\n\n height: 100%;\n overflow-y: auto;\n overflow-x: hidden;\n\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: center;\n\n & > .ant-ribbon-wrapper {\n width: 100%;\n\n & .ant-ribbon {\n z-index: -1;\n top: 0;\n }\n }\n }\n\n &__aside-item-container {\n min-width: 100%;\n position: relative;\n }\n\n &__active-badge {\n z-index: 15 !important;\n }\n\n &__aside-protocol {\n position: absolute;\n right: 0;\n top: 0;\n border-radius: 10px;\n background-color: var(--secondary-color);\n padding: 0 0.5rem;\n font-size: 0.6rem;\n }\n\n &__aside-timer {\n align-items: center;\n display: flex;\n font-size: 12px;\n }\n\n &__aside-list-item {\n border-radius: 0;\n cursor: pointer;\n display: flex;\n flex-direction: row;\n height: 72px;\n padding: 5px 10px;\n width: 100% !important;\n\n &:hover {\n background: @component-background;\n border-radius: 0;\n }\n\n &--avatar {\n align-items: center;\n background: @secondary-bg-color-chat;\n border-radius: 50%;\n color: @messenger-primary-color;\n display: flex;\n flex: 0 0 auto;\n font-size: 25px;\n font-weight: bold;\n height: 50px;\n justify-content: center;\n line-height: 2.2;\n margin: auto 10px auto 0;\n text-transform: uppercase;\n user-select: none;\n width: 50px;\n\n @media @tab-xl {\n height: 45px;\n width: 45px;\n }\n\n & img {\n height: 54px;\n width: 54px;\n border-radius: 50%;\n }\n }\n\n &--info,\n &--additional {\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n height: 100%;\n }\n\n &--info {\n max-width: 120px;\n min-width: 120px;\n\n @media @desktop-xxl {\n max-width: 140px;\n min-width: 140px;\n }\n\n @media @tab-lg {\n max-width: 65%;\n min-width: 65%;\n }\n\n @media @phone-sm {\n max-width: 120px;\n min-width: 120px;\n }\n }\n\n &--additional {\n align-items: flex-end;\n font-size: 11px;\n margin-left: 5px;\n width: 100%;\n }\n\n &--unread {\n background-color: @messenger-primary-color;\n border-radius: 50%;\n width: 20px;\n height: 20px;\n text-align: center;\n\n .flex-full-center();\n }\n\n &--title,\n &--description {\n line-height: 1;\n overflow: hidden;\n margin: 0;\n max-width: 160px;\n text-overflow: ellipsis;\n white-space: nowrap;\n width: 100%;\n }\n\n &--title {\n font-weight: bold;\n font-size: 14px;\n }\n\n &--description {\n font-size: 12px;\n }\n }\n\n &__messages {\n width: 70% !important;\n\n display: flex;\n flex-direction: column;\n justify-content: space-evenly;\n\n @media @tab-lg {\n width: 100% !important;\n }\n }\n\n &__messages-header,\n &__messages-send {\n padding: 5px;\n min-height: 10%;\n width: 100%;\n }\n\n &__messages-header {\n @media @tab-lg {\n border-radius: @border-radius @border-radius 0 0;\n }\n\n border-radius: 0 @border-radius 0 0;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n }\n\n &__messages-container {\n max-height: 80%;\n height: 100%;\n padding: 0 24px;\n overflow: auto;\n overflow-x: hidden;\n scroll-behavior: auto;\n background-color: @card-background;\n\n &--empty {\n width: 100%;\n height: 100%;\n border-radius: 0 @border-radius @border-radius 0;\n background-color: @card-background;\n\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n\n & path {\n fill: @messenger-primary-color;\n }\n\n & p {\n text-align: center;\n margin-top: 24px;\n }\n }\n }\n\n &__messages-loading {\n width: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n margin-top: 10px;\n\n & div {\n animation: spin 1s infinite linear;\n border-left: 2px solid var(--secondary-color);\n border-radius: 50%;\n height: 25px;\n margin-bottom: 10px;\n width: 25px;\n }\n }\n\n &__messages-row--sender,\n &__messages-row--received,\n &__messages-row--system {\n width: 100%;\n height: fit-content;\n margin: 10px 0;\n display: flex;\n align-items: center;\n }\n\n &__messages-row--sender {\n justify-content: flex-end;\n }\n\n &__messages-row--received {\n justify-content: flex-start;\n }\n\n &__messages-row--system {\n justify-content: center;\n }\n\n &__messages-received,\n &__messages-sender {\n min-width: 75px;\n width: fit-content;\n padding: 10px;\n\n & > span {\n color: var(--secondary-color);\n overflow-wrap: break-word;\n word-break: break-word;\n width: 200px;\n }\n }\n\n &__messages-received {\n max-width: 500px;\n background-color: @grey-2;\n border-radius: 12px 12px 12px 0;\n\n &--system {\n border-radius: 12px;\n }\n }\n\n &__messages-sender {\n max-width: 450px;\n margin-top: -2px;\n background-color: @messenger-primary-color;\n border-radius: 12px 12px 0 12px;\n }\n\n &__message-title {\n max-width: 100%;\n white-space: nowrap;\n overflow: hidden;\n max-width: 100%;\n display: block;\n\n line-height: 1;\n padding: 0;\n margin: 0 0 3px;\n justify-content: flex-end;\n font-size: 13px;\n color: var(--secondary-color);\n font-weight: bold;\n filter: opacity(0.7);\n font-weight: 700;\n }\n\n &__message {\n padding: 0;\n margin: 0;\n white-space: pre-wrap;\n line-height: 1.2;\n\n &--file {\n cursor: pointer;\n\n img {\n object-fit: scale-down;\n }\n }\n\n &--bottom {\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: flex-end;\n gap: 5px;\n margin-top: 5px;\n }\n\n &--date {\n font-size: 11.5px;\n padding: 0;\n margin-top: 5px;\n margin-bottom: 0;\n margin-right: 0;\n text-align: right;\n line-height: 14px;\n }\n }\n\n &__message-empty {\n width: 100%;\n margin-top: 40px;\n\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n\n & p {\n text-align: center;\n }\n }\n\n &__message-avatar {\n @media @phone-sm {\n display: none;\n }\n }\n\n &__messages-send {\n border-radius: 0 0 @border-radius 0;\n border-top: 0;\n\n @media @tab-lg {\n border-radius: 0 0 @border-radius @border-radius;\n }\n\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n\n &--form {\n align-items: center;\n display: flex;\n gap: 10px;\n width: 100%;\n }\n\n &__input {\n border: 0;\n border-radius: 12px;\n display: flex;\n flex: 1 1 auto;\n height: 50px;\n line-height: 26px;\n max-height: 90px;\n outline: none;\n overflow-y: auto;\n padding: 10px 12px 9px;\n resize: none;\n width: 90%;\n\n &--disabled {\n cursor: not-allowed;\n opacity: 0.5;\n }\n\n &::placeholder {\n color: @border-color;\n }\n }\n\n &__input-container {\n align-items: center;\n border-radius: 12px;\n display: flex;\n flex: 1 1 auto;\n }\n\n &__button {\n height: 45px !important;\n width: 45px !important;\n border-radius: 50%;\n border: none;\n outline: none;\n cursor: pointer;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n &--disabled {\n cursor: not-allowed;\n opacity: 0.5;\n }\n\n &:hover {\n opacity: 0.7;\n transition: 200ms;\n }\n }\n\n &--file {\n display: none;\n }\n\n &__attach {\n cursor: pointer;\n width: 40px;\n\n &--disabled {\n cursor: not-allowed;\n }\n }\n }\n\n &__new-chat-form {\n overflow-y: scroll;\n border-radius: 0 20px 20px 0;\n height: 100%;\n padding: 1rem;\n\n @media @tab-md {\n border-radius: 20px !important;\n }\n }\n\n &__new-chat-form-header {\n display: flex;\n justify-content: space-between;\n margin: 1rem 0;\n }\n\n &__new-chat-form-title {\n color: @title-form-color;\n margin-right: 1rem;\n }\n\n &__new-chat-form-close {\n background: none;\n border: none;\n cursor: pointer;\n }\n\n &__new-chat-fields,\n &__disclaimer {\n margin: 0 1rem;\n }\n\n &__disclaimer {\n border: solid 1px;\n border-radius: 10px;\n padding: 0.8rem;\n margin-bottom: 1rem;\n }\n\n &__new-chat-form-send {\n border: none;\n border-radius: 30px;\n cursor: pointer;\n font-weight: bolder;\n margin: 25px 0;\n padding: 0.5rem;\n\n &:hover {\n opacity: 0.9;\n }\n &--disabled {\n cursor: not-allowed;\n background-color: #ccc;\n }\n }\n\n &__buttons-container {\n display: flex;\n flex-direction: column;\n padding-top: 1rem;\n width: 100%;\n }\n\n &__chat-button {\n border: none;\n border-radius: 30px;\n color: var(--secondary-color);\n cursor: pointer;\n font-size: 1rem;\n font-weight: bold;\n margin: 0.5rem 1rem;\n padding: 0.5rem;\n }\n\n &__chat-button--disabled {\n cursor: not-allowed;\n }\n\n &__input-button {\n border: none;\n border-radius: 30px;\n color: var(--secondary-color);\n font-size: 1rem;\n font-weight: bold;\n margin: 0.5rem 1rem;\n padding: 0.5rem;\n }\n\n &__input-button-label {\n color: var(--secondary-color);\n font-weight: bold;\n margin: 0rem 1rem;\n }\n\n &__input-button::-webkit-calendar-picker-indicator {\n filter: invert(1);\n }\n\n &__mobile-hide {\n @media @tab-lg {\n display: none !important;\n }\n }\n}\n\n.styles-module_wrapper__1I_qj {\n z-index: 60 !important;\n background-color: rgba(0, 0, 0, 70%) !important;\n}\n",".flex-full-center() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n","*,\n::after,\n::before {\n padding: 0;\n margin: 0;\n}\n","// ANTD MEDIA QUERIES\n@phone-xs: ~'only screen and (max-width: 480px)';\n@phone-sm: ~'only screen and (max-width: 576px)';\n@tab-md: ~'only screen and (max-width: 768px)';\n@tab-lg: ~'only screen and (max-width: 992px)';\n@tab-lg-min: ~'only screen and (min-width: 992px)';\n@tab-xl: ~'only screen and (max-width: 1200px)';\n\n// [1200 - 1600] - normal style //\n@desktop-xxl: ~'only screen and (min-width: 1600px)';\n\n@grey-1: #94989d;\n@grey-2: #707070;\n@border-color: #aaaaaa;\n@messenger-primary-color: #00a73e;\n@messenger-messages-bg: #eeeeee;\n@secondary-bg-color-chat: #484c52;\n@card-background: #dddddd;\n@upload-file-icon-color: #8696a0;\n@border-radius: 20px;\n@body-background: blue;\n@component-background: #232831;\n@full-content-height: calc(100vh - 23px);\n@title-form-color: #476077;\n@border-radius: 20px;\n@document-message-bg: #34c759;\n@text-color-white: #ffffff;\n\n:root {\n --secondary-color: var(--secondary-color);\n}\n","@keyframes spin {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n"],"sourceRoot":""}]);
22
+ // Exports
23
+ /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
24
+
25
+
26
+ /***/ }),
27
+
28
+ /***/ 645:
29
+ /***/ ((module) => {
30
+
31
+
32
+
33
+ /*
34
+ MIT License http://www.opensource.org/licenses/mit-license.php
35
+ Author Tobias Koppers @sokra
36
+ */
37
+ module.exports = function (cssWithMappingToString) {
38
+ var list = [];
39
+
40
+ // return the list of modules as css string
41
+ list.toString = function toString() {
42
+ return this.map(function (item) {
43
+ var content = "";
44
+ var needLayer = typeof item[5] !== "undefined";
45
+ if (item[4]) {
46
+ content += "@supports (".concat(item[4], ") {");
47
+ }
48
+ if (item[2]) {
49
+ content += "@media ".concat(item[2], " {");
50
+ }
51
+ if (needLayer) {
52
+ content += "@layer".concat(item[5].length > 0 ? " ".concat(item[5]) : "", " {");
53
+ }
54
+ content += cssWithMappingToString(item);
55
+ if (needLayer) {
56
+ content += "}";
57
+ }
58
+ if (item[2]) {
59
+ content += "}";
60
+ }
61
+ if (item[4]) {
62
+ content += "}";
63
+ }
64
+ return content;
65
+ }).join("");
66
+ };
67
+
68
+ // import a list of modules into the list
69
+ list.i = function i(modules, media, dedupe, supports, layer) {
70
+ if (typeof modules === "string") {
71
+ modules = [[null, modules, undefined]];
72
+ }
73
+ var alreadyImportedModules = {};
74
+ if (dedupe) {
75
+ for (var k = 0; k < this.length; k++) {
76
+ var id = this[k][0];
77
+ if (id != null) {
78
+ alreadyImportedModules[id] = true;
79
+ }
80
+ }
81
+ }
82
+ for (var _k = 0; _k < modules.length; _k++) {
83
+ var item = [].concat(modules[_k]);
84
+ if (dedupe && alreadyImportedModules[item[0]]) {
85
+ continue;
86
+ }
87
+ if (typeof layer !== "undefined") {
88
+ if (typeof item[5] === "undefined") {
89
+ item[5] = layer;
90
+ } else {
91
+ item[1] = "@layer".concat(item[5].length > 0 ? " ".concat(item[5]) : "", " {").concat(item[1], "}");
92
+ item[5] = layer;
93
+ }
94
+ }
95
+ if (media) {
96
+ if (!item[2]) {
97
+ item[2] = media;
98
+ } else {
99
+ item[1] = "@media ".concat(item[2], " {").concat(item[1], "}");
100
+ item[2] = media;
101
+ }
102
+ }
103
+ if (supports) {
104
+ if (!item[4]) {
105
+ item[4] = "".concat(supports);
106
+ } else {
107
+ item[1] = "@supports (".concat(item[4], ") {").concat(item[1], "}");
108
+ item[4] = supports;
109
+ }
110
+ }
111
+ list.push(item);
112
+ }
113
+ };
114
+ return list;
115
+ };
116
+
117
+ /***/ }),
118
+
119
+ /***/ 537:
120
+ /***/ ((module) => {
121
+
122
+
123
+
124
+ module.exports = function (item) {
125
+ var content = item[1];
126
+ var cssMapping = item[3];
127
+ if (!cssMapping) {
128
+ return content;
129
+ }
130
+ if (typeof btoa === "function") {
131
+ var base64 = btoa(unescape(encodeURIComponent(JSON.stringify(cssMapping))));
132
+ var data = "sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(base64);
133
+ var sourceMapping = "/*# ".concat(data, " */");
134
+ return [content].concat([sourceMapping]).join("\n");
135
+ }
136
+ return [content].join("\n");
137
+ };
138
+
139
+ /***/ }),
140
+
141
+ /***/ 548:
142
+ /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
143
+
144
+ !function(e,o){ true?module.exports=o(__webpack_require__(338)):0}(this,(function(e){"use strict";function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=o(e),s={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 a.default.locale(s,null,!0),s}));
145
+
146
+ /***/ }),
147
+
148
+ /***/ 124:
149
+ /***/ (function(module) {
150
+
151
+ !function(e,o){ true?module.exports=o():0}(this,(function(){"use strict";return function(e,o,t){o.prototype.isToday=function(){var e="YYYY-MM-DD",o=t();return this.format(e)===o.format(e)}}}));
152
+
153
+ /***/ }),
154
+
155
+ /***/ 387:
156
+ /***/ (function(module) {
157
+
158
+ !function(t,e){ true?module.exports=e():0}(this,(function(){"use strict";var t={year:0,month:1,day:2,hour:3,minute:4,second:5},e={};return function(n,i,o){var r,a=function(t,n,i){void 0===i&&(i={});var o=new Date(t),r=function(t,n){void 0===n&&(n={});var i=n.timeZoneName||"short",o=t+"|"+i,r=e[o];return r||(r=new Intl.DateTimeFormat("en-US",{hour12:!1,timeZone:t,year:"numeric",month:"2-digit",day:"2-digit",hour:"2-digit",minute:"2-digit",second:"2-digit",timeZoneName:i}),e[o]=r),r}(n,i);return r.formatToParts(o)},u=function(e,n){for(var i=a(e,n),r=[],u=0;u<i.length;u+=1){var f=i[u],s=f.type,m=f.value,c=t[s];c>=0&&(r[c]=parseInt(m,10))}var d=r[3],l=24===d?0:d,v=r[0]+"-"+r[1]+"-"+r[2]+" "+l+":"+r[4]+":"+r[5]+":000",h=+e;return(o.utc(v).valueOf()-(h-=h%1e3))/6e4},f=i.prototype;f.tz=function(t,e){void 0===t&&(t=r);var n=this.utcOffset(),i=this.toDate(),a=i.toLocaleString("en-US",{timeZone:t}),u=Math.round((i-new Date(a))/1e3/60),f=o(a).$set("millisecond",this.$ms).utcOffset(15*-Math.round(i.getTimezoneOffset()/15)-u,!0);if(e){var s=f.utcOffset();f=f.add(n-s,"minute")}return f.$x.$timezone=t,f},f.offsetName=function(t){var e=this.$x.$timezone||o.tz.guess(),n=a(this.valueOf(),e,{timeZoneName:t}).find((function(t){return"timezonename"===t.type.toLowerCase()}));return n&&n.value};var s=f.startOf;f.startOf=function(t,e){if(!this.$x||!this.$x.$timezone)return s.call(this,t,e);var n=o(this.format("YYYY-MM-DD HH:mm:ss:SSS"));return s.call(n,t,e).tz(this.$x.$timezone,!0)},o.tz=function(t,e,n){var i=n&&e,a=n||e||r,f=u(+o(),a);if("string"!=typeof t)return o(t).tz(a);var s=function(t,e,n){var i=t-60*e*1e3,o=u(i,n);if(e===o)return[i,e];var r=u(i-=60*(o-e)*1e3,n);return o===r?[i,o]:[t-60*Math.min(o,r)*1e3,Math.max(o,r)]}(o.utc(t,i).valueOf(),f,a),m=s[0],c=s[1],d=o(m).utcOffset(c);return d.$x.$timezone=a,d},o.tz.guess=function(){return Intl.DateTimeFormat().resolvedOptions().timeZone},o.tz.setDefault=function(t){r=t}}}));
159
+
160
+ /***/ }),
161
+
162
+ /***/ 178:
163
+ /***/ (function(module) {
164
+
165
+ !function(t,i){ true?module.exports=i():0}(this,(function(){"use strict";var t="minute",i=/[+-]\d\d(?::?\d\d)?/g,e=/([+-]|\d\d)/g;return function(s,f,n){var u=f.prototype;n.utc=function(t){var i={date:t,utc:!0,args:arguments};return new f(i)},u.utc=function(i){var e=n(this.toDate(),{locale:this.$L,utc:!0});return i?e.add(this.utcOffset(),t):e},u.local=function(){return n(this.toDate(),{locale:this.$L,utc:!1})};var o=u.parse;u.parse=function(t){t.utc&&(this.$u=!0),this.$utils().u(t.$offset)||(this.$offset=t.$offset),o.call(this,t)};var r=u.init;u.init=function(){if(this.$u){var t=this.$d;this.$y=t.getUTCFullYear(),this.$M=t.getUTCMonth(),this.$D=t.getUTCDate(),this.$W=t.getUTCDay(),this.$H=t.getUTCHours(),this.$m=t.getUTCMinutes(),this.$s=t.getUTCSeconds(),this.$ms=t.getUTCMilliseconds()}else r.call(this)};var a=u.utcOffset;u.utcOffset=function(s,f){var n=this.$utils().u;if(n(s))return this.$u?0:n(this.$offset)?a.call(this):this.$offset;if("string"==typeof s&&(s=function(t){void 0===t&&(t="");var s=t.match(i);if(!s)return null;var f=(""+s[0]).match(e)||["-",0,0],n=f[0],u=60*+f[1]+ +f[2];return 0===u?0:"+"===n?u:-u}(s),null===s))return this;var u=Math.abs(s)<=16?60*s:s,o=this;if(f)return o.$offset=u,o.$u=0===s,o;if(0!==s){var r=this.$u?this.toDate().getTimezoneOffset():-1*this.utcOffset();(o=this.local().add(u+r,t)).$offset=u,o.$x.$localOffset=r}else o=this.utc();return o};var h=u.format;u.format=function(t){var i=t||(this.$u?"YYYY-MM-DDTHH:mm:ss[Z]":"");return h.call(this,i)},u.valueOf=function(){var t=this.$utils().u(this.$offset)?0:this.$offset+(this.$x.$localOffset||this.$d.getTimezoneOffset());return this.$d.valueOf()-6e4*t},u.isUTC=function(){return!!this.$u},u.toISOString=function(){return this.toDate().toISOString()},u.toString=function(){return this.toDate().toUTCString()};var l=u.toDate;u.toDate=function(t){return"s"===t&&this.$offset?n(this.format("YYYY-MM-DD HH:mm:ss:SSS")).toDate():l.call(this)};var c=u.diff;u.diff=function(t,i,e){if(t&&this.$u===t.$u)return c.call(this,t,i,e);var s=this.local(),f=n(t).local();return c.call(s,f,i,e)}}}));
166
+
167
+ /***/ }),
168
+
169
+ /***/ 379:
170
+ /***/ ((module) => {
171
+
172
+
173
+
174
+ var stylesInDOM = [];
175
+
176
+ function getIndexByIdentifier(identifier) {
177
+ var result = -1;
178
+
179
+ for (var i = 0; i < stylesInDOM.length; i++) {
180
+ if (stylesInDOM[i].identifier === identifier) {
181
+ result = i;
182
+ break;
183
+ }
184
+ }
185
+
186
+ return result;
187
+ }
188
+
189
+ function modulesToDom(list, options) {
190
+ var idCountMap = {};
191
+ var identifiers = [];
192
+
193
+ for (var i = 0; i < list.length; i++) {
194
+ var item = list[i];
195
+ var id = options.base ? item[0] + options.base : item[0];
196
+ var count = idCountMap[id] || 0;
197
+ var identifier = "".concat(id, " ").concat(count);
198
+ idCountMap[id] = count + 1;
199
+ var indexByIdentifier = getIndexByIdentifier(identifier);
200
+ var obj = {
201
+ css: item[1],
202
+ media: item[2],
203
+ sourceMap: item[3],
204
+ supports: item[4],
205
+ layer: item[5]
206
+ };
207
+
208
+ if (indexByIdentifier !== -1) {
209
+ stylesInDOM[indexByIdentifier].references++;
210
+ stylesInDOM[indexByIdentifier].updater(obj);
211
+ } else {
212
+ var updater = addElementStyle(obj, options);
213
+ options.byIndex = i;
214
+ stylesInDOM.splice(i, 0, {
215
+ identifier: identifier,
216
+ updater: updater,
217
+ references: 1
218
+ });
219
+ }
220
+
221
+ identifiers.push(identifier);
222
+ }
223
+
224
+ return identifiers;
225
+ }
226
+
227
+ function addElementStyle(obj, options) {
228
+ var api = options.domAPI(options);
229
+ api.update(obj);
230
+
231
+ var updater = function updater(newObj) {
232
+ if (newObj) {
233
+ if (newObj.css === obj.css && newObj.media === obj.media && newObj.sourceMap === obj.sourceMap && newObj.supports === obj.supports && newObj.layer === obj.layer) {
234
+ return;
235
+ }
236
+
237
+ api.update(obj = newObj);
238
+ } else {
239
+ api.remove();
240
+ }
241
+ };
242
+
243
+ return updater;
244
+ }
245
+
246
+ module.exports = function (list, options) {
247
+ options = options || {};
248
+ list = list || [];
249
+ var lastIdentifiers = modulesToDom(list, options);
250
+ return function update(newList) {
251
+ newList = newList || [];
252
+
253
+ for (var i = 0; i < lastIdentifiers.length; i++) {
254
+ var identifier = lastIdentifiers[i];
255
+ var index = getIndexByIdentifier(identifier);
256
+ stylesInDOM[index].references--;
257
+ }
258
+
259
+ var newLastIdentifiers = modulesToDom(newList, options);
260
+
261
+ for (var _i = 0; _i < lastIdentifiers.length; _i++) {
262
+ var _identifier = lastIdentifiers[_i];
263
+
264
+ var _index = getIndexByIdentifier(_identifier);
265
+
266
+ if (stylesInDOM[_index].references === 0) {
267
+ stylesInDOM[_index].updater();
268
+
269
+ stylesInDOM.splice(_index, 1);
270
+ }
271
+ }
272
+
273
+ lastIdentifiers = newLastIdentifiers;
274
+ };
275
+ };
276
+
277
+ /***/ }),
278
+
279
+ /***/ 569:
280
+ /***/ ((module) => {
281
+
282
+
283
+
284
+ var memo = {};
285
+ /* istanbul ignore next */
286
+
287
+ function getTarget(target) {
288
+ if (typeof memo[target] === "undefined") {
289
+ var styleTarget = document.querySelector(target); // Special case to return head of iframe instead of iframe itself
290
+
291
+ if (window.HTMLIFrameElement && styleTarget instanceof window.HTMLIFrameElement) {
292
+ try {
293
+ // This will throw an exception if access to iframe is blocked
294
+ // due to cross-origin restrictions
295
+ styleTarget = styleTarget.contentDocument.head;
296
+ } catch (e) {
297
+ // istanbul ignore next
298
+ styleTarget = null;
299
+ }
300
+ }
301
+
302
+ memo[target] = styleTarget;
303
+ }
304
+
305
+ return memo[target];
306
+ }
307
+ /* istanbul ignore next */
308
+
309
+
310
+ function insertBySelector(insert, style) {
311
+ var target = getTarget(insert);
312
+
313
+ if (!target) {
314
+ throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");
315
+ }
316
+
317
+ target.appendChild(style);
318
+ }
319
+
320
+ module.exports = insertBySelector;
321
+
322
+ /***/ }),
323
+
324
+ /***/ 216:
325
+ /***/ ((module) => {
326
+
327
+
328
+
329
+ /* istanbul ignore next */
330
+ function insertStyleElement(options) {
331
+ var element = document.createElement("style");
332
+ options.setAttributes(element, options.attributes);
333
+ options.insert(element, options.options);
334
+ return element;
335
+ }
336
+
337
+ module.exports = insertStyleElement;
338
+
339
+ /***/ }),
340
+
341
+ /***/ 565:
342
+ /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
343
+
344
+
345
+
346
+ /* istanbul ignore next */
347
+ function setAttributesWithoutAttributes(styleElement) {
348
+ var nonce = true ? __webpack_require__.nc : 0;
349
+
350
+ if (nonce) {
351
+ styleElement.setAttribute("nonce", nonce);
352
+ }
353
+ }
354
+
355
+ module.exports = setAttributesWithoutAttributes;
356
+
357
+ /***/ }),
358
+
359
+ /***/ 795:
360
+ /***/ ((module) => {
361
+
362
+
363
+
364
+ /* istanbul ignore next */
365
+ function apply(styleElement, options, obj) {
366
+ var css = "";
367
+
368
+ if (obj.supports) {
369
+ css += "@supports (".concat(obj.supports, ") {");
370
+ }
371
+
372
+ if (obj.media) {
373
+ css += "@media ".concat(obj.media, " {");
374
+ }
375
+
376
+ var needLayer = typeof obj.layer !== "undefined";
377
+
378
+ if (needLayer) {
379
+ css += "@layer".concat(obj.layer.length > 0 ? " ".concat(obj.layer) : "", " {");
380
+ }
381
+
382
+ css += obj.css;
383
+
384
+ if (needLayer) {
385
+ css += "}";
386
+ }
387
+
388
+ if (obj.media) {
389
+ css += "}";
390
+ }
391
+
392
+ if (obj.supports) {
393
+ css += "}";
394
+ }
395
+
396
+ var sourceMap = obj.sourceMap;
397
+
398
+ if (sourceMap && typeof btoa !== "undefined") {
399
+ css += "\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))), " */");
400
+ } // For old IE
401
+
402
+ /* istanbul ignore if */
403
+
404
+
405
+ options.styleTagTransform(css, styleElement, options.options);
406
+ }
407
+
408
+ function removeStyleElement(styleElement) {
409
+ // istanbul ignore if
410
+ if (styleElement.parentNode === null) {
411
+ return false;
412
+ }
413
+
414
+ styleElement.parentNode.removeChild(styleElement);
415
+ }
416
+ /* istanbul ignore next */
417
+
418
+
419
+ function domAPI(options) {
420
+ var styleElement = options.insertStyleElement(options);
421
+ return {
422
+ update: function update(obj) {
423
+ apply(styleElement, options, obj);
424
+ },
425
+ remove: function remove() {
426
+ removeStyleElement(styleElement);
427
+ }
428
+ };
429
+ }
430
+
431
+ module.exports = domAPI;
432
+
433
+ /***/ }),
434
+
435
+ /***/ 589:
436
+ /***/ ((module) => {
437
+
438
+
439
+
440
+ /* istanbul ignore next */
441
+ function styleTagTransform(css, styleElement) {
442
+ if (styleElement.styleSheet) {
443
+ styleElement.styleSheet.cssText = css;
444
+ } else {
445
+ while (styleElement.firstChild) {
446
+ styleElement.removeChild(styleElement.firstChild);
447
+ }
448
+
449
+ styleElement.appendChild(document.createTextNode(css));
450
+ }
451
+ }
452
+
453
+ module.exports = styleTagTransform;
454
+
455
+ /***/ }),
456
+
457
+ /***/ 93:
458
+ /***/ ((module) => {
459
+
460
+ module.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"
461
+
462
+ /***/ }),
463
+
464
+ /***/ 338:
465
+ /***/ ((module) => {
466
+
467
+ var x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
468
+ var y = x => () => x
469
+ module.exports = __WEBPACK_EXTERNAL_MODULE_dayjs__;
470
+
471
+ /***/ })
472
+
473
+ /******/ });
474
+ /************************************************************************/
475
+ /******/ // The module cache
476
+ /******/ var __webpack_module_cache__ = {};
477
+ /******/
478
+ /******/ // The require function
479
+ /******/ function __webpack_require__(moduleId) {
480
+ /******/ // Check if module is in cache
481
+ /******/ var cachedModule = __webpack_module_cache__[moduleId];
482
+ /******/ if (cachedModule !== undefined) {
483
+ /******/ return cachedModule.exports;
484
+ /******/ }
485
+ /******/ // Create a new module (and put it into the cache)
486
+ /******/ var module = __webpack_module_cache__[moduleId] = {
487
+ /******/ id: moduleId,
488
+ /******/ // no module.loaded needed
489
+ /******/ exports: {}
490
+ /******/ };
491
+ /******/
492
+ /******/ // Execute the module function
493
+ /******/ __webpack_modules__[moduleId].call(module.exports, module, module.exports, __webpack_require__);
494
+ /******/
495
+ /******/ // Return the exports of the module
496
+ /******/ return module.exports;
497
+ /******/ }
498
+ /******/
499
+ /************************************************************************/
500
+ /******/ /* webpack/runtime/compat get default export */
501
+ /******/ (() => {
502
+ /******/ // getDefaultExport function for compatibility with non-harmony modules
503
+ /******/ __webpack_require__.n = (module) => {
504
+ /******/ var getter = module && module.__esModule ?
505
+ /******/ () => (module['default']) :
506
+ /******/ () => (module);
507
+ /******/ __webpack_require__.d(getter, { a: getter });
508
+ /******/ return getter;
509
+ /******/ };
510
+ /******/ })();
511
+ /******/
512
+ /******/ /* webpack/runtime/define property getters */
513
+ /******/ (() => {
514
+ /******/ // define getter functions for harmony exports
515
+ /******/ __webpack_require__.d = (exports, definition) => {
516
+ /******/ for(var key in definition) {
517
+ /******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
518
+ /******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
519
+ /******/ }
520
+ /******/ }
521
+ /******/ };
522
+ /******/ })();
523
+ /******/
524
+ /******/ /* webpack/runtime/hasOwnProperty shorthand */
525
+ /******/ (() => {
526
+ /******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
527
+ /******/ })();
528
+ /******/
529
+ /******/ /* webpack/runtime/nonce */
530
+ /******/ (() => {
531
+ /******/ __webpack_require__.nc = undefined;
532
+ /******/ })();
533
+ /******/
534
+ /************************************************************************/
535
+ var __webpack_exports__ = {};
536
+ // This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
537
+ (() => {
538
+
539
+ // EXPORTS
540
+ __webpack_require__.d(__webpack_exports__, {
541
+ "aM": () => (/* reexport */ ChatProvider_ChatProvider),
542
+ "AM": () => (/* reexport */ views_MessengerList),
543
+ "Fx": () => (/* reexport */ views_MessengerListItem),
544
+ "tt": () => (/* reexport */ views_MessengerMessages),
545
+ "Vc": () => (/* reexport */ MessengerThemeWrapper),
546
+ "Y3": () => (/* reexport */ ChatButton),
547
+ "ig": () => (/* reexport */ chatResources),
548
+ "Z5": () => (/* reexport */ useConversations),
549
+ "y_": () => (/* reexport */ useMessages)
550
+ });
551
+
552
+ // EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js
553
+ var injectStylesIntoStyleTag = __webpack_require__(379);
554
+ var injectStylesIntoStyleTag_default = /*#__PURE__*/__webpack_require__.n(injectStylesIntoStyleTag);
555
+ // EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/styleDomAPI.js
556
+ var styleDomAPI = __webpack_require__(795);
557
+ var styleDomAPI_default = /*#__PURE__*/__webpack_require__.n(styleDomAPI);
558
+ // EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/insertBySelector.js
559
+ var insertBySelector = __webpack_require__(569);
560
+ var insertBySelector_default = /*#__PURE__*/__webpack_require__.n(insertBySelector);
561
+ // EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js
562
+ var setAttributesWithoutAttributes = __webpack_require__(565);
563
+ var setAttributesWithoutAttributes_default = /*#__PURE__*/__webpack_require__.n(setAttributesWithoutAttributes);
564
+ // EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/insertStyleElement.js
565
+ var insertStyleElement = __webpack_require__(216);
566
+ var insertStyleElement_default = /*#__PURE__*/__webpack_require__.n(insertStyleElement);
567
+ // EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/styleTagTransform.js
568
+ var styleTagTransform = __webpack_require__(589);
569
+ var styleTagTransform_default = /*#__PURE__*/__webpack_require__.n(styleTagTransform);
570
+ // EXTERNAL MODULE: ./node_modules/css-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./src/styles/index.less
571
+ var styles = __webpack_require__(74);
572
+ ;// CONCATENATED MODULE: ./src/styles/index.less
573
+
574
+
575
+
576
+
577
+
578
+
579
+
580
+
581
+
582
+
583
+
584
+ var options = {};
585
+
586
+ options.styleTagTransform = (styleTagTransform_default());
587
+ options.setAttributes = (setAttributesWithoutAttributes_default());
588
+
589
+ options.insert = insertBySelector_default().bind(null, "head");
590
+
591
+ options.domAPI = (styleDomAPI_default());
592
+ options.insertStyleElement = (insertStyleElement_default());
593
+
594
+ var update = injectStylesIntoStyleTag_default()(styles/* default */.Z, options);
595
+
596
+
597
+
598
+
599
+ /* harmony default export */ const src_styles = (styles/* default */.Z && styles/* default.locals */.Z.locals ? styles/* default.locals */.Z.locals : undefined);
600
+
601
+ ;// CONCATENATED MODULE: external "react"
602
+ var x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
603
+ var y = x => () => x
604
+ const external_react_namespaceObject = x({ ["Fragment"]: () => __WEBPACK_EXTERNAL_MODULE_react__.Fragment, ["createContext"]: () => __WEBPACK_EXTERNAL_MODULE_react__.createContext, ["createElement"]: () => __WEBPACK_EXTERNAL_MODULE_react__.createElement, ["default"]: () => __WEBPACK_EXTERNAL_MODULE_react__["default"], ["useCallback"]: () => __WEBPACK_EXTERNAL_MODULE_react__.useCallback, ["useContext"]: () => __WEBPACK_EXTERNAL_MODULE_react__.useContext, ["useEffect"]: () => __WEBPACK_EXTERNAL_MODULE_react__.useEffect, ["useMemo"]: () => __WEBPACK_EXTERNAL_MODULE_react__.useMemo, ["useRef"]: () => __WEBPACK_EXTERNAL_MODULE_react__.useRef, ["useState"]: () => __WEBPACK_EXTERNAL_MODULE_react__.useState });
605
+ ;// CONCATENATED MODULE: ./src/app/Messenger/components/MessengerThemeWrapper/MessengerThemeWrapper.tsx
606
+
607
+ var defaultThemeVariables = {
608
+ asideBg: '#eee',
609
+ asideFontColor: 'var(--secondary-color)',
610
+ messengerMessagesBg: '#eeeeee',
611
+ headerAndSenderBg: '#232831',
612
+ buttonPrimary: '#25D366',
613
+ buttonPrimaryText: '#707070',
614
+ buttonsDisabled: '#94989D',
615
+ uploadFileIconColor: '#8696a0',
616
+ messengerNotSelectedBg: '#DDDDDD',
617
+ newChatFormBg: '',
618
+ newChatFormRadius: '0 20px 20px 0',
619
+ newChatFormTexts: '#000',
620
+ newChatFormDeleteFileButton: '#DD4E4E',
621
+ disclaimerPrimaryColor: '#4791FF',
622
+ disclaimerSecondaryColor: '#4791FF',
623
+ disclaimerTextColor: '#000',
624
+ messengerSenderColor: '#00A73E',
625
+ messengerIncomerColor: '#707070',
626
+ messengerSystemColor: '#2A313A',
627
+ borderColor: '#AAAAAA',
628
+ inputBg: 'var(--secondary-color)',
629
+ chatInputBorder: '',
630
+ listItemHover: '',
631
+ active: '',
632
+ activeTabBorter: '#25D366',
633
+ emptyMessagesFontColor: '#000',
634
+ documentMessagesTextColor: '#fff',
635
+ };
636
+ var MessageThemeContext = (0,external_react_namespaceObject.createContext)({});
637
+ var MessageThemeWrapper = function (_a) {
638
+ var children = _a.children, _b = _a.theme, theme = _b === void 0 ? defaultThemeVariables : _b;
639
+ var config = {
640
+ theme: theme,
641
+ };
642
+ return (external_react_namespaceObject["default"].createElement(MessageThemeContext.Provider, { value: config }, children));
643
+ };
644
+ /* harmony default export */ const MessengerThemeWrapper = (MessageThemeWrapper);
645
+
646
+ ;// CONCATENATED MODULE: ./src/app/Messenger/hooks/useThemes.tsx
647
+
648
+
649
+ var useTheme = function () {
650
+ var context = (0,external_react_namespaceObject.useContext)(MessageThemeContext);
651
+ if (context === undefined) {
652
+ throw new Error('useTheme must be used within a ThemeProvider');
653
+ }
654
+ return context;
655
+ };
656
+ /* harmony default export */ const useThemes = (useTheme);
657
+
658
+ // EXTERNAL MODULE: external "dayjs"
659
+ var external_dayjs_ = __webpack_require__(338);
660
+ // EXTERNAL MODULE: ./node_modules/dayjs/locale/pt-br.js
661
+ var pt_br = __webpack_require__(548);
662
+ var pt_br_default = /*#__PURE__*/__webpack_require__.n(pt_br);
663
+ // EXTERNAL MODULE: ./node_modules/dayjs/plugin/utc.js
664
+ var utc = __webpack_require__(178);
665
+ var utc_default = /*#__PURE__*/__webpack_require__.n(utc);
666
+ // EXTERNAL MODULE: ./node_modules/dayjs/plugin/timezone.js
667
+ var timezone = __webpack_require__(387);
668
+ var timezone_default = /*#__PURE__*/__webpack_require__.n(timezone);
669
+ // EXTERNAL MODULE: ./node_modules/dayjs/plugin/isToday.js
670
+ var isToday = __webpack_require__(124);
671
+ var isToday_default = /*#__PURE__*/__webpack_require__.n(isToday);
672
+ ;// CONCATENATED MODULE: ./src/app/Messenger/classes/slaCalculations.ts
673
+
674
+
675
+
676
+
677
+
678
+ var serverTz = 'America/Sao_Paulo';
679
+ external_dayjs_["default"].extend((utc_default()));
680
+ external_dayjs_["default"].extend((timezone_default()));
681
+ external_dayjs_["default"].extend((isToday_default()));
682
+ external_dayjs_["default"].locale((pt_br_default()));
683
+ var timeAsDayjs = function (value, options) {
684
+ if (value === void 0) { value = new Date(); }
685
+ var server = options === null || options === void 0 ? void 0 : options.server;
686
+ var applyTimezone = options === null || options === void 0 ? void 0 : options.applyTimezone;
687
+ var timezone = external_dayjs_["default"].tz.guess();
688
+ if (!(applyTimezone !== null && applyTimezone !== void 0 ? applyTimezone : true))
689
+ timezone = 'GMT';
690
+ else if (server !== null && server !== void 0 ? server : false)
691
+ timezone = serverTz;
692
+ return external_dayjs_["default"].tz(value, timezone);
693
+ };
694
+ var time = function (value, options) {
695
+ if (value === void 0) { value = new Date(); }
696
+ var server = options === null || options === void 0 ? void 0 : options.server;
697
+ var applyTimezone = options === null || options === void 0 ? void 0 : options.applyTimezone;
698
+ var aux;
699
+ if (!(applyTimezone !== null && applyTimezone !== void 0 ? applyTimezone : true))
700
+ aux = dayjs.tz(value, 'GMT'); // Set applyTimezone to false when timezone is applied incorrectly (usually when working with JSDate and timestamps)
701
+ else if (server !== null && server !== void 0 ? server : false)
702
+ aux = dayjs.tz(value, serverTz);
703
+ else
704
+ aux = dayjs.tz(value, dayjs.tz.guess());
705
+ return new Date(Date.UTC(aux.year(), aux.month(), aux.date(), aux.hour(), aux.minute(), aux.second(), aux.millisecond()));
706
+ };
707
+ var SlaDates = /** @class */ (function () {
708
+ function SlaDates(seconds) {
709
+ this.holidays = {
710
+ 2023: ['09-07', '10-12', '10-17', '11-02', '11-15', '11-20', '12-25'],
711
+ };
712
+ this.seconds = seconds;
713
+ }
714
+ SlaDates.prototype.isWorkingDay = function (date) {
715
+ var dayOfWeek = date.day();
716
+ return dayOfWeek >= 1 && dayOfWeek <= 5; // Monday to Friday (1 to 5)
717
+ };
718
+ SlaDates.prototype.isWorkingHour = function (date) {
719
+ var hour = date.hour();
720
+ return hour >= 9 && hour <= 18; // Between 9 AM and 5 PM (inclusive)
721
+ };
722
+ SlaDates.prototype.isWeekendOrHoliday = function (date) {
723
+ var weekDay = timeAsDayjs(date, { applyTimezone: false }).day();
724
+ if ([6, 0].includes(weekDay))
725
+ return true;
726
+ var formatedDate = timeAsDayjs(date).format('MM-DD');
727
+ var isHollyday = this.holidays[2023].includes(formatedDate);
728
+ return isHollyday;
729
+ };
730
+ SlaDates.prototype.isHoliday = function (date) {
731
+ var formatedDate = timeAsDayjs(date, { applyTimezone: false }).format('MM-DD');
732
+ var isHollyday = this.holidays[2023].includes(formatedDate);
733
+ return isHollyday;
734
+ };
735
+ SlaDates.prototype.canUpdateClock = function (date) {
736
+ var isWorking = this.isWorkingDay(date) && this.isWorkingHour(date);
737
+ return !this.isWeekendOrHoliday(date) && isWorking;
738
+ };
739
+ SlaDates.prototype.getDiffInSeconds = function (startDate, endDate) {
740
+ var diffInSeconds = endDate.diff(startDate, 'second');
741
+ return diffInSeconds;
742
+ };
743
+ SlaDates.prototype.calculateWorkingTime = function (startDate, endDate, workingHours) {
744
+ var current = startDate.clone();
745
+ var workingTime = 0;
746
+ while (current.isBefore(endDate)) {
747
+ // Skip weekends (Saturday and Sunday) and Holydays
748
+ if (this.isWorkingDay(current) && !this.isHoliday(current)) {
749
+ var startOfDay = current
750
+ .clone()
751
+ .startOf('day')
752
+ .add(workingHours.start, 'hour');
753
+ var endOfDay = current
754
+ .clone()
755
+ .startOf('day')
756
+ .add(workingHours.end, 'hour');
757
+ if (current.isBefore(startOfDay)) {
758
+ // If current time is before the start of working hours, move to the start of working hours
759
+ current = startOfDay.clone();
760
+ }
761
+ if (current.isAfter(endOfDay)) {
762
+ current = current.clone().add(1, 'day').startOf('day');
763
+ }
764
+ else if (endDate.isAfter(endOfDay)) {
765
+ // If end date is after the end of working hours, add a full working day
766
+ workingTime += Math.abs(endOfDay.clone().diff(current, 'second'));
767
+ current = current
768
+ .clone()
769
+ .add(1, 'day')
770
+ .startOf('day')
771
+ .add(workingHours.start, 'hour');
772
+ }
773
+ else {
774
+ // Calculate working time for the last day (end date)
775
+ workingTime += Math.abs(endDate.clone().diff(current, 'second'));
776
+ break;
777
+ }
778
+ }
779
+ else {
780
+ // Move to the next day
781
+ current = current.clone().add(1, 'day').startOf('day');
782
+ }
783
+ }
784
+ return workingTime;
785
+ };
786
+ // Function to calculate the difference in seconds between two dates considering working hours
787
+ SlaDates.prototype.getDifferenceInSeconds = function (startDate, endDate, workingHours) {
788
+ if (endDate.isBefore(startDate)) {
789
+ throw new Error('End date should be after the start date.');
790
+ }
791
+ var workingTimeInSeconds = this.calculateWorkingTime(startDate, endDate, workingHours);
792
+ return workingTimeInSeconds;
793
+ };
794
+ SlaDates.secondsInHours = function (currentSeconds) {
795
+ var hours = Math.floor(currentSeconds / 3600);
796
+ var minutes = Math.floor((currentSeconds % 3600) / 60);
797
+ var seconds = currentSeconds % 60;
798
+ return "".concat(hours.toString().padStart(2, '0'), ":").concat(minutes.toString().padStart(2, '0'), ":").concat(seconds.toString().padStart(2, '0'));
799
+ };
800
+ SlaDates.getColorsByTime = function (seconds) {
801
+ var hours = seconds / 3600;
802
+ if (hours <= 2) {
803
+ return '#00CF7B';
804
+ }
805
+ if (hours >= 2 && hours < 3) {
806
+ return '#FF9838';
807
+ }
808
+ if (hours >= 3 && hours < 4) {
809
+ return '#DD4E4E';
810
+ }
811
+ return '#151919';
812
+ };
813
+ return SlaDates;
814
+ }());
815
+
816
+
817
+ ;// CONCATENATED MODULE: external "react-i18next"
818
+ var external_react_i18next_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
819
+ var external_react_i18next_y = x => () => x
820
+ const external_react_i18next_namespaceObject = external_react_i18next_x({ ["useTranslation"]: () => __WEBPACK_EXTERNAL_MODULE_react_i18next_31085753__.useTranslation });
821
+ ;// CONCATENATED MODULE: ./src/app/Messenger/components/MessengerAvatar/MessengerAvatar.tsx
822
+
823
+
824
+
825
+ function MessengerAvatar(_a) {
826
+ var image = _a.image, children = _a.children, _b = _a.className, className = _b === void 0 ? '' : _b;
827
+ var t = (0,external_react_i18next_namespaceObject.useTranslation)('messengerList').t;
828
+ var theme = useThemes().theme;
829
+ return (external_react_namespaceObject["default"].createElement("figure", { className: "".concat(className, " messenger__aside-list-item--avatar"), style: {
830
+ background: theme.messengerIncomerColor,
831
+ } }, image ? (external_react_namespaceObject["default"].createElement("img", { loading: 'lazy', alt: t('messengerAvatar.alt'), src: image })) : (children)));
832
+ }
833
+ /* harmony default export */ const MessengerAvatar_MessengerAvatar = (MessengerAvatar);
834
+
835
+ ;// CONCATENATED MODULE: ./src/app/Messenger/icons/TimerIcon.tsx
836
+
837
+ function TimerIcon(_a) {
838
+ var color = _a.color;
839
+ return (external_react_namespaceObject["default"].createElement("svg", { width: '14', height: '14', viewBox: '0 0 18 18', fill: color, xmlns: 'http://www.w3.org/2000/svg' },
840
+ external_react_namespaceObject["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: color })));
841
+ }
842
+
843
+ ;// CONCATENATED MODULE: ./src/app/Messenger/views/MessengerListItem.tsx
844
+
845
+
846
+
847
+
848
+
849
+ function activeItem(e, defaultClass, activeClass) {
850
+ var click = document.querySelectorAll(".".concat(defaultClass));
851
+ click.forEach(function (item) {
852
+ item.classList.remove(activeClass);
853
+ });
854
+ e.currentTarget.className += " ".concat(activeClass, " ");
855
+ }
856
+ function MessengerListItem(_a) {
857
+ var _b, _c;
858
+ var item = _a.item, onClick = _a.onClick, canSeeDetailsChat = _a.canSeeDetailsChat, currentId = _a.currentId, currentViewerId = _a.currentViewerId;
859
+ var _d = (0,external_react_namespaceObject.useState)(item.totalUnreadMessages), unreadMessages = _d[0], setUnreadMessages = _d[1];
860
+ var closedChat = (0,external_react_namespaceObject.useMemo)(function () {
861
+ return item.status.current.state === 'final'
862
+ ? 'messenger__aside-list-item--closed'
863
+ : '';
864
+ }, [item]);
865
+ var _e = (0,external_react_namespaceObject.useState)(''), background = _e[0], setBackground = _e[1];
866
+ var _f = (0,external_react_namespaceObject.useState)(null), counter = _f[0], setCounter = _f[1];
867
+ var theme = useThemes().theme;
868
+ var isInprogress = ((_c = (_b = item.status) === null || _b === void 0 ? void 0 : _b.current) === null || _c === void 0 ? void 0 : _c.systemicValue) === 'inprogress';
869
+ var otherChatMember = (0,external_react_namespaceObject.useMemo)(function () {
870
+ return (item === null || item === void 0 ? void 0 : item.users.find(function (item) { return item.uniqueCode !== currentViewerId; })) ||
871
+ item.creator;
872
+ }, [item === null || item === void 0 ? void 0 : item.users, currentViewerId]);
873
+ (0,external_react_namespaceObject.useEffect)(function () {
874
+ var _a;
875
+ var interval;
876
+ if (isInprogress && canSeeDetailsChat) {
877
+ var sla = new SlaDates(timeAsDayjs(item.currentTime).diff(item.createdAt, 'second'));
878
+ var diference = sla.calculateWorkingTime(timeAsDayjs(item.createdAt), timeAsDayjs(), { start: 9, end: 18 });
879
+ setCounter(diference);
880
+ if (sla.canUpdateClock(timeAsDayjs())) {
881
+ interval = setInterval(function () {
882
+ setCounter(function (prev) { return (prev !== null ? prev + 1 : null); });
883
+ }, 1000);
884
+ }
885
+ }
886
+ else {
887
+ setCounter((_a = item.SLATimePassed) !== null && _a !== void 0 ? _a : null);
888
+ }
889
+ return function () {
890
+ clearInterval(interval);
891
+ };
892
+ }, []);
893
+ (0,external_react_namespaceObject.useEffect)(function () {
894
+ setUnreadMessages(item.totalUnreadMessages);
895
+ }, [item]);
896
+ function handleClick(e, item) {
897
+ activeItem(e, 'messenger__aside-list-item', 'messenger__aside-list-item--active');
898
+ onClick(item);
899
+ }
900
+ function formatUnreadMessages(unread) {
901
+ if (!unread)
902
+ return 0;
903
+ if (unread >= 99)
904
+ return 99;
905
+ return unread;
906
+ }
907
+ var onMouseOver = function () {
908
+ setBackground(theme === null || theme === void 0 ? void 0 : theme.listItemHover);
909
+ };
910
+ var onMouseLeave = function () {
911
+ setBackground('');
912
+ };
913
+ var ShowTimer = function () {
914
+ if (counter === null)
915
+ return null;
916
+ return (external_react_namespaceObject["default"].createElement("span", { className: 'messenger__aside-timer', style: {
917
+ background: SlaDates.getColorsByTime(counter),
918
+ color: 'var(--secondary-color)',
919
+ width: 'fit-content',
920
+ } },
921
+ external_react_namespaceObject["default"].createElement(TimerIcon, { color: 'var(--secondary-color)' }),
922
+ "\u00A0",
923
+ external_react_namespaceObject["default"].createElement("b", null, SlaDates.secondsInHours(counter))));
924
+ };
925
+ return (external_react_namespaceObject["default"].createElement("div", { className: "messenger__aside-list-item ".concat(closedChat), onClick: function (e) { return handleClick(e, item); }, onMouseOver: onMouseOver, onMouseLeave: onMouseLeave, style: {
926
+ color: theme === null || theme === void 0 ? void 0 : theme.asideFontColor,
927
+ backgroundColor: currentId === item._id ? theme === null || theme === void 0 ? void 0 : theme.active : background,
928
+ } },
929
+ external_react_namespaceObject["default"].createElement(MessengerAvatar_MessengerAvatar, { image: otherChatMember === null || otherChatMember === void 0 ? void 0 : otherChatMember.image }, otherChatMember && otherChatMember.username
930
+ ? otherChatMember.username.slice(0, 1)
931
+ : ''),
932
+ external_react_namespaceObject["default"].createElement("div", { className: 'messenger__aside-list-item--info' },
933
+ external_react_namespaceObject["default"].createElement("p", { className: 'messenger__aside-list-item--title' }, otherChatMember === null || otherChatMember === void 0 ? void 0 : otherChatMember.username),
934
+ (item === null || item === void 0 ? void 0 : item.reason) && (external_react_namespaceObject["default"].createElement("p", { className: 'messenger__aside-list-item--description' }, item.reason)),
935
+ canSeeDetailsChat && external_react_namespaceObject["default"].createElement(ShowTimer, null)),
936
+ item && (external_react_namespaceObject["default"].createElement("div", { className: 'messenger__aside-list-item--additional' },
937
+ canSeeDetailsChat && "#".concat(item.protocol),
938
+ unreadMessages > 0 && (external_react_namespaceObject["default"].createElement("div", { className: 'messenger__aside-list-item--unread' },
939
+ external_react_namespaceObject["default"].createElement("span", null, formatUnreadMessages(unreadMessages))))))));
940
+ }
941
+ /* harmony default export */ const views_MessengerListItem = (MessengerListItem);
942
+
943
+ ;// CONCATENATED MODULE: ./src/app/Messenger/components/ChatTabs/ChatTabs.tsx
944
+
945
+
946
+
947
+ function ChatTabs(_a) {
948
+ var handleChangeTickets = _a.handleChangeTickets, chatListTabs = _a.chatListTabs;
949
+ var theme = useThemes().theme;
950
+ return (external_react_namespaceObject["default"].createElement("div", { className: 'chat-tabs', style: { color: theme.asideFontColor } }, chatListTabs.map(function (tab, index) {
951
+ return (external_react_namespaceObject["default"].createElement("button", { key: "chatListTab-".concat(index), className: "chat-tabs__button ".concat(index === 0 && 'chat-tabs__button--active'), onClick: function (e) {
952
+ handleChangeTickets(tab.value);
953
+ activeItem(e, 'chat-tabs__button', 'chat-tabs__button--active');
954
+ } }, tab.label));
955
+ })));
956
+ }
957
+ /* harmony default export */ const ChatTabs_ChatTabs = (ChatTabs);
958
+
959
+ ;// CONCATENATED MODULE: ./src/app/Messenger/components/ChatButton/ChatButton.tsx
960
+
961
+
962
+ function ChatButtons(_a) {
963
+ var chatButtons = _a.chatButtons, removeActiveItem = _a.removeActiveItem;
964
+ var theme = useThemes().theme;
965
+ var getButtonType = function (type, disabled) {
966
+ if (type === 'primary')
967
+ return {
968
+ background: disabled ? theme === null || theme === void 0 ? void 0 : theme.buttonsDisabled : theme === null || theme === void 0 ? void 0 : theme.buttonPrimary,
969
+ color: theme === null || theme === void 0 ? void 0 : theme.buttonPrimaryText,
970
+ };
971
+ if (type === 'outlined')
972
+ return {
973
+ background: 'transparent',
974
+ color: theme === null || theme === void 0 ? void 0 : theme.asideFontColor,
975
+ border: "".concat(theme === null || theme === void 0 ? void 0 : theme.asideFontColor, " 1px solid"),
976
+ };
977
+ return;
978
+ };
979
+ return (external_react_namespaceObject["default"].createElement(external_react_namespaceObject["default"].Fragment, null, chatButtons.map(function (button) {
980
+ return (button.canSee && (external_react_namespaceObject["default"].createElement(external_react_namespaceObject["default"].Fragment, null,
981
+ external_react_namespaceObject["default"].createElement("button", { key: "button-".concat(button.label), className: button.disabled
982
+ ? 'messenger__chat-button messenger__chat-button--disabled'
983
+ : 'messenger__chat-button', onClick: function (event) {
984
+ button.onClick();
985
+ removeActiveItem(event);
986
+ }, style: getButtonType(button.type, button.disabled) }, button.label))));
987
+ })));
988
+ }
989
+ /* harmony default export */ const ChatButton = (ChatButtons);
990
+
991
+ ;// CONCATENATED MODULE: ./src/app/Messenger/icons/SearchIcon.tsx
992
+
993
+
994
+ function SearchIcon() {
995
+ var theme = useThemes().theme;
996
+ return (external_react_namespaceObject["default"].createElement("svg", { width: '18', height: '18', viewBox: '0 0 18 18', fill: 'none', xmlns: 'http://www.w3.org/2000/svg' },
997
+ external_react_namespaceObject["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: theme.asideFontColor })));
998
+ }
999
+
1000
+ ;// CONCATENATED MODULE: ./src/app/Messenger/components/SearchInput/SearchInput.tsx
1001
+
1002
+
1003
+
1004
+
1005
+ function SearchInput(_a) {
1006
+ var searchChat = _a.searchChat, searchKeys = _a.searchKeys, loadingSearch = _a.loadingSearch;
1007
+ var t = (0,external_react_i18next_namespaceObject.useTranslation)('messengerList').t;
1008
+ var _b = (0,external_react_namespaceObject.useState)(searchKeys[0].value), searchKey = _b[0], setSearchKey = _b[1];
1009
+ var _c = (0,external_react_namespaceObject.useState)(''), searchValue = _c[0], setSearchValue = _c[1];
1010
+ var theme = useThemes().theme;
1011
+ var onSearch = function (event) {
1012
+ setSearchValue(event.target.value);
1013
+ };
1014
+ var handleKeyPress = function (event) {
1015
+ if (event.key === 'Enter') {
1016
+ searchChat(searchValue, searchKey);
1017
+ }
1018
+ };
1019
+ return (external_react_namespaceObject["default"].createElement("div", { className: 'input-search' },
1020
+ external_react_namespaceObject["default"].createElement("select", { className: 'input-search__select', onChange: function (e) { return setSearchKey(e.target.value); }, style: {
1021
+ color: theme.asideFontColor,
1022
+ border: "".concat(theme.asideFontColor, " 1px solid"),
1023
+ } }, searchKeys.map(function (item, index) { return (external_react_namespaceObject["default"].createElement("option", { className: 'input-search__option', key: index, value: item.value }, item.label)); })),
1024
+ external_react_namespaceObject["default"].createElement("input", { className: 'input-search__search', placeholder: t('searchInput.placeholder'), onChange: onSearch, onKeyDown: handleKeyPress, style: {
1025
+ color: theme.asideFontColor,
1026
+ border: "".concat(theme.asideFontColor, " 1px solid"),
1027
+ borderLeft: 0,
1028
+ } }),
1029
+ external_react_namespaceObject["default"].createElement("button", { className: 'input-search__icon', onClick: function () { return searchChat(searchValue, searchKey); } }, loadingSearch ? (external_react_namespaceObject["default"].createElement("div", { className: 'messenger__messages-loading' },
1030
+ external_react_namespaceObject["default"].createElement("div", { className: 'messenger__messages-loading--loader' }))) : (external_react_namespaceObject["default"].createElement(SearchIcon, null)))));
1031
+ }
1032
+ /* harmony default export */ const SearchInput_SearchInput = (SearchInput);
1033
+
1034
+ ;// CONCATENATED MODULE: ./src/app/Messenger/icons/EmptyIcon.tsx
1035
+
1036
+
1037
+ function EmptyIcon() {
1038
+ var theme = useThemes().theme;
1039
+ return (external_react_namespaceObject["default"].createElement("svg", { width: '26', height: '32', viewBox: '0 0 26 32', fill: 'none', xmlns: 'http://www.w3.org/2000/svg' },
1040
+ external_react_namespaceObject["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: theme.emptyMessagesFontColor })));
1041
+ }
1042
+
1043
+ ;// CONCATENATED MODULE: ./src/app/Messenger/components/InfiniteScroll/InfiniteScroll.tsx
1044
+
1045
+ var intersectDivStyle = {
1046
+ width: 25,
1047
+ height: 25,
1048
+ visibility: 'hidden',
1049
+ };
1050
+ function InfiniteScroll(_a) {
1051
+ var loading = _a.loading, loadingCover = _a.loadingCover, more = _a.more, fetch = _a.fetch, children = _a.children, root = _a.root, _b = _a.reverse, reverse = _b === void 0 ? false : _b, _c = _a.rootMargin, rootMargin = _c === void 0 ? 400 : _c;
1052
+ var _d = external_react_namespaceObject["default"].useState(null), infiniteElement = _d[0], setInfiniteElement = _d[1];
1053
+ external_react_namespaceObject["default"].useEffect(function () {
1054
+ if (!root)
1055
+ return;
1056
+ var currentElement = infiniteElement;
1057
+ var observer = new IntersectionObserver(function (entries) {
1058
+ var first = entries[0];
1059
+ if (first.isIntersecting === true)
1060
+ fetch();
1061
+ }, {
1062
+ root: root,
1063
+ rootMargin: rootMargin.toString() + 'px',
1064
+ threshold: 0.5,
1065
+ });
1066
+ if (currentElement) {
1067
+ observer.observe(currentElement);
1068
+ }
1069
+ return function () {
1070
+ if (currentElement)
1071
+ observer.unobserve(currentElement);
1072
+ };
1073
+ }, [infiniteElement]);
1074
+ if (reverse) {
1075
+ return (external_react_namespaceObject["default"].createElement(external_react_namespaceObject["default"].Fragment, null,
1076
+ more && !loading && (external_react_namespaceObject["default"].createElement("div", { ref: setInfiniteElement, style: intersectDivStyle })),
1077
+ loading && loadingCover,
1078
+ children));
1079
+ }
1080
+ return (external_react_namespaceObject["default"].createElement(external_react_namespaceObject["default"].Fragment, null,
1081
+ children,
1082
+ loading && loadingCover,
1083
+ more && !loading && (external_react_namespaceObject["default"].createElement("div", { ref: setInfiniteElement, style: intersectDivStyle }))));
1084
+ }
1085
+ /* harmony default export */ const InfiniteScroll_InfiniteScroll = (InfiniteScroll);
1086
+
1087
+ ;// CONCATENATED MODULE: ./src/app/Messenger/views/MessengerList.tsx
1088
+
1089
+
1090
+
1091
+
1092
+
1093
+
1094
+
1095
+
1096
+
1097
+ var ListLoading = function () {
1098
+ var theme = useThemes().theme;
1099
+ return (external_react_namespaceObject["default"].createElement(external_react_namespaceObject.Fragment, null, new Array(5).fill('').map(function (_, idx) { return (external_react_namespaceObject["default"].createElement("button", { key: "asideSkeleton".concat(idx), style: {
1100
+ background: theme.listItemHover,
1101
+ borderBottom: idx < 4 ? "1px solid ".concat(theme.borderColor) : '0',
1102
+ }, className: 'messenger__aside-skeleton' })); })));
1103
+ };
1104
+ function MessengerList(_a) {
1105
+ var affix = _a.affix, conversations = _a.conversations, tab = _a.tab, _b = _a.className, className = _b === void 0 ? '' : _b, loading = _a.loading, failed = _a.failed, showBadge = _a.showBadge, currentId = _a.currentId, onClick = _a.onClick, searchChat = _a.searchChat, searchKeys = _a.searchKeys, messegerView = _a.messegerView, helpDesk = _a.helpDesk, handleChangeTickets = _a.handleChangeTickets, chatListTabs = _a.chatListTabs, chatButtons = _a.chatButtons, loadingSearch = _a.loadingSearch, canSeeDetailsChat = _a.canSeeDetailsChat, hasNext = _a.hasNext, onIntersect = _a.onIntersect, sliceCount = _a.sliceCount, currentViewerId = _a.currentViewerId;
1106
+ var t = (0,external_react_i18next_namespaceObject.useTranslation)('messengerList').t;
1107
+ var theme = useThemes().theme;
1108
+ return (external_react_namespaceObject["default"].createElement("aside", { className: "messenger__aside ".concat(className, " ").concat(tab === 'messages' ? 'messenger__mobile-hide' : ''), style: {
1109
+ border: "1px solid ".concat(theme.borderColor),
1110
+ borderRadius: '20px 0 0 20px',
1111
+ background: theme.asideBg,
1112
+ } },
1113
+ external_react_namespaceObject["default"].createElement("div", { className: 'messenger__buttons-container' },
1114
+ external_react_namespaceObject["default"].createElement(ChatButton, { chatButtons: chatButtons, messegerView: messegerView, removeActiveItem: function (e) {
1115
+ activeItem(e, 'messenger__aside-list-item', 'messenger__aside-list-item--active');
1116
+ } }),
1117
+ helpDesk && (external_react_namespaceObject["default"].createElement(SearchInput_SearchInput, { searchKeys: searchKeys, searchChat: searchChat, loadingSearch: loadingSearch }))),
1118
+ affix && (external_react_namespaceObject["default"].createElement("div", { className: 'messenger__aside-header' }, external_react_namespaceObject["default"].cloneElement(affix))),
1119
+ external_react_namespaceObject["default"].createElement(ChatTabs_ChatTabs, { chatListTabs: chatListTabs, handleChangeTickets: handleChangeTickets }),
1120
+ external_react_namespaceObject["default"].createElement("div", { className: 'messenger__aside-list' },
1121
+ external_react_namespaceObject["default"].createElement(InfiniteScroll_InfiniteScroll, { root: document.querySelector('.messenger__aside-list'), loading: loading, loadingCover: external_react_namespaceObject["default"].createElement(ListLoading, null), more: hasNext, fetch: onIntersect }, Array.isArray(conversations) &&
1122
+ conversations.length > 0 &&
1123
+ conversations.slice(0, sliceCount).map(function (item) {
1124
+ return (external_react_namespaceObject["default"].createElement("div", { key: item === null || item === void 0 ? void 0 : item._id, className: "messenger__aside-item-container ".concat(showBadge ? 'messenger__active-badge' : '') },
1125
+ external_react_namespaceObject["default"].createElement(views_MessengerListItem, { canSeeDetailsChat: canSeeDetailsChat, currentId: currentId, item: item, onClick: onClick, currentViewerId: currentViewerId })));
1126
+ })),
1127
+ failed ||
1128
+ ((conversations === null || conversations === void 0 ? void 0 : conversations.length) === 0 && !loading && (external_react_namespaceObject["default"].createElement("div", { className: 'messenger__aside-empty' },
1129
+ external_react_namespaceObject["default"].createElement(EmptyIcon, null),
1130
+ external_react_namespaceObject["default"].createElement("p", null, t('noChatFound'))))))));
1131
+ }
1132
+ /* harmony default export */ const views_MessengerList = (MessengerList);
1133
+
1134
+ ;// CONCATENATED MODULE: ./node_modules/tslib/tslib.es6.js
1135
+ /******************************************************************************
1136
+ Copyright (c) Microsoft Corporation.
1137
+
1138
+ Permission to use, copy, modify, and/or distribute this software for any
1139
+ purpose with or without fee is hereby granted.
1140
+
1141
+ THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
1142
+ REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
1143
+ AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
1144
+ INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
1145
+ LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
1146
+ OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
1147
+ PERFORMANCE OF THIS SOFTWARE.
1148
+ ***************************************************************************** */
1149
+ /* global Reflect, Promise */
1150
+
1151
+ var extendStatics = function(d, b) {
1152
+ extendStatics = Object.setPrototypeOf ||
1153
+ ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
1154
+ function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
1155
+ return extendStatics(d, b);
1156
+ };
1157
+
1158
+ function __extends(d, b) {
1159
+ if (typeof b !== "function" && b !== null)
1160
+ throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
1161
+ extendStatics(d, b);
1162
+ function __() { this.constructor = d; }
1163
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
1164
+ }
1165
+
1166
+ var __assign = function() {
1167
+ __assign = Object.assign || function __assign(t) {
1168
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
1169
+ s = arguments[i];
1170
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
1171
+ }
1172
+ return t;
1173
+ }
1174
+ return __assign.apply(this, arguments);
1175
+ }
1176
+
1177
+ function __rest(s, e) {
1178
+ var t = {};
1179
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
1180
+ t[p] = s[p];
1181
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
1182
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
1183
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
1184
+ t[p[i]] = s[p[i]];
1185
+ }
1186
+ return t;
1187
+ }
1188
+
1189
+ function __decorate(decorators, target, key, desc) {
1190
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
1191
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
1192
+ else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
1193
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
1194
+ }
1195
+
1196
+ function __param(paramIndex, decorator) {
1197
+ return function (target, key) { decorator(target, key, paramIndex); }
1198
+ }
1199
+
1200
+ function __metadata(metadataKey, metadataValue) {
1201
+ if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(metadataKey, metadataValue);
1202
+ }
1203
+
1204
+ function __awaiter(thisArg, _arguments, P, generator) {
1205
+ function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
1206
+ return new (P || (P = Promise))(function (resolve, reject) {
1207
+ function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
1208
+ function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
1209
+ function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
1210
+ step((generator = generator.apply(thisArg, _arguments || [])).next());
1211
+ });
1212
+ }
1213
+
1214
+ function __generator(thisArg, body) {
1215
+ var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
1216
+ return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
1217
+ function verb(n) { return function (v) { return step([n, v]); }; }
1218
+ function step(op) {
1219
+ if (f) throw new TypeError("Generator is already executing.");
1220
+ while (g && (g = 0, op[0] && (_ = 0)), _) try {
1221
+ if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
1222
+ if (y = 0, t) op = [op[0] & 2, t.value];
1223
+ switch (op[0]) {
1224
+ case 0: case 1: t = op; break;
1225
+ case 4: _.label++; return { value: op[1], done: false };
1226
+ case 5: _.label++; y = op[1]; op = [0]; continue;
1227
+ case 7: op = _.ops.pop(); _.trys.pop(); continue;
1228
+ default:
1229
+ if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
1230
+ if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
1231
+ if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
1232
+ if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
1233
+ if (t[2]) _.ops.pop();
1234
+ _.trys.pop(); continue;
1235
+ }
1236
+ op = body.call(thisArg, _);
1237
+ } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
1238
+ if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
1239
+ }
1240
+ }
1241
+
1242
+ var __createBinding = Object.create ? (function(o, m, k, k2) {
1243
+ if (k2 === undefined) k2 = k;
1244
+ var desc = Object.getOwnPropertyDescriptor(m, k);
1245
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
1246
+ desc = { enumerable: true, get: function() { return m[k]; } };
1247
+ }
1248
+ Object.defineProperty(o, k2, desc);
1249
+ }) : (function(o, m, k, k2) {
1250
+ if (k2 === undefined) k2 = k;
1251
+ o[k2] = m[k];
1252
+ });
1253
+
1254
+ function __exportStar(m, o) {
1255
+ for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p);
1256
+ }
1257
+
1258
+ function __values(o) {
1259
+ var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
1260
+ if (m) return m.call(o);
1261
+ if (o && typeof o.length === "number") return {
1262
+ next: function () {
1263
+ if (o && i >= o.length) o = void 0;
1264
+ return { value: o && o[i++], done: !o };
1265
+ }
1266
+ };
1267
+ throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
1268
+ }
1269
+
1270
+ function __read(o, n) {
1271
+ var m = typeof Symbol === "function" && o[Symbol.iterator];
1272
+ if (!m) return o;
1273
+ var i = m.call(o), r, ar = [], e;
1274
+ try {
1275
+ while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
1276
+ }
1277
+ catch (error) { e = { error: error }; }
1278
+ finally {
1279
+ try {
1280
+ if (r && !r.done && (m = i["return"])) m.call(i);
1281
+ }
1282
+ finally { if (e) throw e.error; }
1283
+ }
1284
+ return ar;
1285
+ }
1286
+
1287
+ /** @deprecated */
1288
+ function __spread() {
1289
+ for (var ar = [], i = 0; i < arguments.length; i++)
1290
+ ar = ar.concat(__read(arguments[i]));
1291
+ return ar;
1292
+ }
1293
+
1294
+ /** @deprecated */
1295
+ function __spreadArrays() {
1296
+ for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
1297
+ for (var r = Array(s), k = 0, i = 0; i < il; i++)
1298
+ for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
1299
+ r[k] = a[j];
1300
+ return r;
1301
+ }
1302
+
1303
+ function __spreadArray(to, from, pack) {
1304
+ if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
1305
+ if (ar || !(i in from)) {
1306
+ if (!ar) ar = Array.prototype.slice.call(from, 0, i);
1307
+ ar[i] = from[i];
1308
+ }
1309
+ }
1310
+ return to.concat(ar || Array.prototype.slice.call(from));
1311
+ }
1312
+
1313
+ function __await(v) {
1314
+ return this instanceof __await ? (this.v = v, this) : new __await(v);
1315
+ }
1316
+
1317
+ function __asyncGenerator(thisArg, _arguments, generator) {
1318
+ if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined.");
1319
+ var g = generator.apply(thisArg, _arguments || []), i, q = [];
1320
+ return i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i;
1321
+ function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }
1322
+ function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }
1323
+ function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }
1324
+ function fulfill(value) { resume("next", value); }
1325
+ function reject(value) { resume("throw", value); }
1326
+ function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }
1327
+ }
1328
+
1329
+ function __asyncDelegator(o) {
1330
+ var i, p;
1331
+ return i = {}, verb("next"), verb("throw", function (e) { throw e; }), verb("return"), i[Symbol.iterator] = function () { return this; }, i;
1332
+ function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === "return" } : f ? f(v) : v; } : f; }
1333
+ }
1334
+
1335
+ function __asyncValues(o) {
1336
+ if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined.");
1337
+ var m = o[Symbol.asyncIterator], i;
1338
+ return m ? m.call(o) : (o = typeof __values === "function" ? __values(o) : o[Symbol.iterator](), i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i);
1339
+ function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }
1340
+ function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }
1341
+ }
1342
+
1343
+ function __makeTemplateObject(cooked, raw) {
1344
+ if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
1345
+ return cooked;
1346
+ };
1347
+
1348
+ var __setModuleDefault = Object.create ? (function(o, v) {
1349
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
1350
+ }) : function(o, v) {
1351
+ o["default"] = v;
1352
+ };
1353
+
1354
+ function __importStar(mod) {
1355
+ if (mod && mod.__esModule) return mod;
1356
+ var result = {};
1357
+ if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
1358
+ __setModuleDefault(result, mod);
1359
+ return result;
1360
+ }
1361
+
1362
+ function __importDefault(mod) {
1363
+ return (mod && mod.__esModule) ? mod : { default: mod };
1364
+ }
1365
+
1366
+ function __classPrivateFieldGet(receiver, state, kind, f) {
1367
+ if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
1368
+ if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
1369
+ return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
1370
+ }
1371
+
1372
+ function __classPrivateFieldSet(receiver, state, value, kind, f) {
1373
+ if (kind === "m") throw new TypeError("Private method is not writable");
1374
+ if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
1375
+ if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
1376
+ return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
1377
+ }
1378
+
1379
+ function __classPrivateFieldIn(state, receiver) {
1380
+ if (receiver === null || (typeof receiver !== "object" && typeof receiver !== "function")) throw new TypeError("Cannot use 'in' operator on non-object");
1381
+ return typeof state === "function" ? receiver === state : state.has(receiver);
1382
+ }
1383
+
1384
+ ;// CONCATENATED MODULE: ./src/app/Messenger/icons/DOCFileIcon.tsx
1385
+
1386
+
1387
+ var FileDoc = function (props) { return (external_react_namespaceObject.createElement("svg", __assign({ 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' }, props),
1388
+ external_react_namespaceObject.createElement("defs", null,
1389
+ external_react_namespaceObject.createElement("linearGradient", { id: 'doc-gradient', x1: 6.65, x2: 27.27, y1: 6.65, y2: 27.27, gradientUnits: 'userSpaceOnUse' },
1390
+ external_react_namespaceObject.createElement("stop", { offset: 0, stopColor: '#00a6fb' }),
1391
+ external_react_namespaceObject.createElement("stop", { offset: 1, stopColor: '#0094ce' })),
1392
+ external_react_namespaceObject.createElement("linearGradient", { xlinkHref: '#doc-gradient', id: 'doc-gradient-2', x1: 6, x2: 12, y1: 5, y2: 5 }),
1393
+ external_react_namespaceObject.createElement("style", null, '.cls-3{fill:#f8edeb}')),
1394
+ external_react_namespaceObject.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: {
1395
+ fill: '#00a6fb',
1396
+ } }),
1397
+ external_react_namespaceObject.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: {
1398
+ fill: '#0094ce',
1399
+ } }),
1400
+ external_react_namespaceObject.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' }))); };
1401
+ /* harmony default export */ const DOCFileIcon = (FileDoc);
1402
+
1403
+ ;// CONCATENATED MODULE: ./src/app/Messenger/icons/PDFFileIcon.tsx
1404
+
1405
+
1406
+ var SvgComponent = function (props) { return (external_react_namespaceObject.createElement("svg", __assign({ 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' }, props),
1407
+ external_react_namespaceObject.createElement("defs", null,
1408
+ external_react_namespaceObject.createElement("linearGradient", { id: 'pdf-gradient', x1: 6.65, x2: 27.27, y1: 6.65, y2: 27.27, gradientUnits: 'userSpaceOnUse' },
1409
+ external_react_namespaceObject.createElement("stop", { offset: 0, stopColor: '#ef6461' }),
1410
+ external_react_namespaceObject.createElement("stop", { offset: 1, stopColor: '#e83d3d' })),
1411
+ external_react_namespaceObject.createElement("linearGradient", { xlinkHref: '#pdf-gradient', id: 'pdf-gradient-2', x1: 6, x2: 12, y1: 5, y2: 5 }),
1412
+ external_react_namespaceObject.createElement("style", null, '.cls-3{fill:#f8edeb}')),
1413
+ external_react_namespaceObject.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: {
1414
+ fill: 'url(#pdf-gradient)',
1415
+ } }),
1416
+ external_react_namespaceObject.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: {
1417
+ fill: 'url(#pdf-gradient-2)',
1418
+ } }),
1419
+ external_react_namespaceObject.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' }))); };
1420
+ /* harmony default export */ const PDFFileIcon = (SvgComponent);
1421
+
1422
+ ;// CONCATENATED MODULE: ./src/app/Messenger/icons/CSVFileIcon.tsx
1423
+
1424
+
1425
+ var CSVFileIcon = function (props) { return (external_react_namespaceObject.createElement("svg", __assign({ xmlns: 'http://www.w3.org/2000/svg', width: 40, height: 40, viewBox: '0 0 32 32' }, props),
1426
+ external_react_namespaceObject.createElement("rect", { width: '32', height: '32', rx: '5', fill: '#21A366' }),
1427
+ external_react_namespaceObject.createElement("text", { x: '16', y: '22', textAnchor: 'middle', fontSize: '12', fill: '#fff', fontWeight: 'bold' }, "CSV"))); };
1428
+ /* harmony default export */ const icons_CSVFileIcon = (CSVFileIcon);
1429
+
1430
+ ;// CONCATENATED MODULE: ./src/app/Messenger/icons/MP4FileIcon.tsx
1431
+
1432
+
1433
+ var MP4FileIcon = function (props) { return (external_react_namespaceObject.createElement("svg", __assign({ xmlns: 'http://www.w3.org/2000/svg', width: 40, height: 40, viewBox: '0 0 32 32' }, props),
1434
+ external_react_namespaceObject.createElement("rect", { width: '32', height: '32', rx: '5', fill: '#E67E22' }),
1435
+ external_react_namespaceObject.createElement("text", { x: '16', y: '22', textAnchor: 'middle', fontSize: '12', fill: '#fff', fontWeight: 'bold' }, "MP4"))); };
1436
+ /* harmony default export */ const icons_MP4FileIcon = (MP4FileIcon);
1437
+
1438
+ ;// CONCATENATED MODULE: ./src/app/Messenger/components/RenderFileIcon/RenderFileIcon.tsx
1439
+
1440
+
1441
+
1442
+
1443
+
1444
+
1445
+ var RenderFileIcon = function (_a) {
1446
+ var fileType = _a.fileType, b64 = _a.b64;
1447
+ var t = (0,external_react_i18next_namespaceObject.useTranslation)('messengerMessages').t;
1448
+ if (fileType === 'application/pdf') {
1449
+ return external_react_namespaceObject["default"].createElement(PDFFileIcon, { width: '40', height: '40' });
1450
+ }
1451
+ else if (fileType === 'application/msword' ||
1452
+ fileType ===
1453
+ 'application/vnd.openxmlformats-officedocument.wordprocessingml.document') {
1454
+ return external_react_namespaceObject["default"].createElement(DOCFileIcon, { width: '40', height: '40' });
1455
+ }
1456
+ else if (fileType === 'text/csv') {
1457
+ return external_react_namespaceObject["default"].createElement(icons_CSVFileIcon, { width: '40', height: '40' });
1458
+ }
1459
+ else if (fileType === 'video/mp4') {
1460
+ return external_react_namespaceObject["default"].createElement(icons_MP4FileIcon, { width: '40', height: '40' });
1461
+ }
1462
+ else {
1463
+ return (external_react_namespaceObject["default"].createElement("img", { alt: t('renderFileIcon.altImage'), src: b64, className: 'images-container__image' }));
1464
+ }
1465
+ };
1466
+ /* harmony default export */ const RenderFileIcon_RenderFileIcon = (RenderFileIcon);
1467
+
1468
+ ;// CONCATENATED MODULE: ./src/app/Messenger/components/ImagesContainer/ImagesContainer.tsx
1469
+
1470
+
1471
+ function ImagesContainer(_a) {
1472
+ var file = _a.file, onClose = _a.onClose;
1473
+ var _b = (0,external_react_namespaceObject.useState)({
1474
+ name: '',
1475
+ type: '',
1476
+ }), fileInfo = _b[0], setFileInfo = _b[1];
1477
+ var _c = (0,external_react_namespaceObject.useState)(''), b64 = _c[0], setB64 = _c[1];
1478
+ (0,external_react_namespaceObject.useEffect)(function () {
1479
+ function getBase64(file) {
1480
+ return new Promise(function (resolve, reject) {
1481
+ var reader = new FileReader();
1482
+ reader.readAsDataURL(file);
1483
+ reader.onload = function () { return resolve(reader.result); };
1484
+ reader.onerror = function (error) { return reject(error); };
1485
+ });
1486
+ }
1487
+ if (file)
1488
+ getBase64(file).then(function (base64) { return setB64(base64); });
1489
+ }, [file]);
1490
+ (0,external_react_namespaceObject.useEffect)(function () {
1491
+ if (file) {
1492
+ setFileInfo({
1493
+ name: file.name,
1494
+ type: file.type,
1495
+ });
1496
+ }
1497
+ }, [file]);
1498
+ return (external_react_namespaceObject["default"].createElement("div", { className: 'images-container' },
1499
+ external_react_namespaceObject["default"].createElement("div", { className: 'images-container__close' },
1500
+ external_react_namespaceObject["default"].createElement("button", { className: 'images-container__close--icon', onClick: onClose })),
1501
+ external_react_namespaceObject["default"].createElement("div", { className: 'images-container__container' },
1502
+ external_react_namespaceObject["default"].createElement("div", { className: 'images-container__image' },
1503
+ external_react_namespaceObject["default"].createElement(RenderFileIcon_RenderFileIcon, { fileType: fileInfo.type, b64: b64 }),
1504
+ external_react_namespaceObject["default"].createElement("span", { className: 'images-container__title-img' }, fileInfo.name)))));
1505
+ }
1506
+ /* harmony default export */ const ImagesContainer_ImagesContainer = (ImagesContainer);
1507
+
1508
+ ;// CONCATENATED MODULE: ./node_modules/react-simple-image-viewer/dist/index.esm.js
1509
+
1510
+
1511
+ function styleInject(css, ref) {
1512
+ if ( ref === void 0 ) ref = {};
1513
+ var insertAt = ref.insertAt;
1514
+
1515
+ if (!css || typeof document === 'undefined') { return; }
1516
+
1517
+ var head = document.head || document.getElementsByTagName('head')[0];
1518
+ var style = document.createElement('style');
1519
+ style.type = 'text/css';
1520
+
1521
+ if (insertAt === 'top') {
1522
+ if (head.firstChild) {
1523
+ head.insertBefore(style, head.firstChild);
1524
+ } else {
1525
+ head.appendChild(style);
1526
+ }
1527
+ } else {
1528
+ head.appendChild(style);
1529
+ }
1530
+
1531
+ if (style.styleSheet) {
1532
+ style.styleSheet.cssText = css;
1533
+ } else {
1534
+ style.appendChild(document.createTextNode(css));
1535
+ }
1536
+ }
1537
+
1538
+ var css_248z = ".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";
1539
+ var index_esm_styles = {"wrapper":"styles-module_wrapper__1I_qj","content":"styles-module_content__2jwZj","slide":"styles-module_slide__1zrfk","image":"styles-module_image__2hdkJ","close":"styles-module_close__2I1sI","navigation":"styles-module_navigation__1pqAE","prev":"styles-module_prev__KqFRp","next":"styles-module_next__1uQwZ"};
1540
+ styleInject(css_248z);
1541
+
1542
+ const ReactSimpleImageViewer = (props) => {
1543
+ var _a;
1544
+ const [currentIndex, setCurrentIndex] = (0,external_react_namespaceObject.useState)((_a = props.currentIndex) !== null && _a !== void 0 ? _a : 0);
1545
+ const changeImage = (0,external_react_namespaceObject.useCallback)((delta) => {
1546
+ let nextIndex = (currentIndex + delta) % props.src.length;
1547
+ if (nextIndex < 0)
1548
+ nextIndex = props.src.length - 1;
1549
+ setCurrentIndex(nextIndex);
1550
+ }, [currentIndex]);
1551
+ const handleClick = (0,external_react_namespaceObject.useCallback)((event) => {
1552
+ var _a;
1553
+ if (!event.target || !props.closeOnClickOutside) {
1554
+ return;
1555
+ }
1556
+ const checkId = event.target.id === 'ReactSimpleImageViewer';
1557
+ const checkClass = event.target.classList.contains('react-simple-image-viewer__slide');
1558
+ if (checkId || checkClass) {
1559
+ event.stopPropagation();
1560
+ (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props);
1561
+ }
1562
+ }, [props.onClose]);
1563
+ const handleKeyDown = (0,external_react_namespaceObject.useCallback)((event) => {
1564
+ var _a;
1565
+ if (event.key === "Escape") {
1566
+ (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props);
1567
+ }
1568
+ if (["ArrowLeft", "h"].includes(event.key)) {
1569
+ changeImage(-1);
1570
+ }
1571
+ if (["ArrowRight", "l"].includes(event.key)) {
1572
+ changeImage(1);
1573
+ }
1574
+ }, [props.onClose, changeImage]);
1575
+ const handleWheel = (0,external_react_namespaceObject.useCallback)((event) => {
1576
+ if (event.wheelDeltaY > 0) {
1577
+ changeImage(-1);
1578
+ }
1579
+ else {
1580
+ changeImage(1);
1581
+ }
1582
+ }, [changeImage]);
1583
+ (0,external_react_namespaceObject.useEffect)(() => {
1584
+ document.addEventListener("keydown", handleKeyDown);
1585
+ if (!props.disableScroll) {
1586
+ document.addEventListener("wheel", handleWheel);
1587
+ }
1588
+ return () => {
1589
+ document.removeEventListener("keydown", handleKeyDown);
1590
+ if (!props.disableScroll) {
1591
+ document.removeEventListener("wheel", handleWheel);
1592
+ }
1593
+ };
1594
+ }, [handleKeyDown, handleWheel]);
1595
+ return (external_react_namespaceObject["default"].createElement("div", { id: "ReactSimpleImageViewer", className: `${index_esm_styles.wrapper} react-simple-image-viewer__modal`, onKeyDown: handleKeyDown, onClick: handleClick, style: props.backgroundStyle },
1596
+ external_react_namespaceObject["default"].createElement("span", { className: `${index_esm_styles.close} react-simple-image-viewer__close`, onClick: () => { var _a; return (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props); } }, props.closeComponent || "×"),
1597
+ props.src.length > 1 && (external_react_namespaceObject["default"].createElement("span", { className: `${index_esm_styles.navigation} ${index_esm_styles.prev} react-simple-image-viewer__previous`, onClick: () => changeImage(-1) }, props.leftArrowComponent || "❮")),
1598
+ props.src.length > 1 && (external_react_namespaceObject["default"].createElement("span", { className: `${index_esm_styles.navigation} ${index_esm_styles.next} react-simple-image-viewer__next`, onClick: () => changeImage(1) }, props.rightArrowComponent || "❯")),
1599
+ external_react_namespaceObject["default"].createElement("div", { className: `${index_esm_styles.content} react-simple-image-viewer__modal-content`, onClick: handleClick },
1600
+ external_react_namespaceObject["default"].createElement("div", { className: `${index_esm_styles.slide} react-simple-image-viewer__slide` },
1601
+ external_react_namespaceObject["default"].createElement("img", { className: index_esm_styles.image, src: props.src[currentIndex], alt: "" })))));
1602
+ };
1603
+
1604
+
1605
+ //# sourceMappingURL=index.esm.js.map
1606
+
1607
+ ;// CONCATENATED MODULE: ./src/app/Messenger/icons/DownloadMinimalistIcon.tsx
1608
+
1609
+ function DownloadMinimalistIcon(_a) {
1610
+ var width = _a.width, height = _a.height, color = _a.color;
1611
+ return (external_react_namespaceObject["default"].createElement("svg", { xmlns: 'http://www.w3.org/2000/svg', width: width, height: height, viewBox: '0 0 24 24', fill: 'none' },
1612
+ external_react_namespaceObject["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: color }),
1613
+ external_react_namespaceObject["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: color }),
1614
+ external_react_namespaceObject["default"].createElement("defs", null,
1615
+ external_react_namespaceObject["default"].createElement("clipPath", { id: 'clip0_23_2' },
1616
+ external_react_namespaceObject["default"].createElement("rect", { width: '32', height: '32', fill: '@text-color' })))));
1617
+ }
1618
+ /* harmony default export */ const icons_DownloadMinimalistIcon = (DownloadMinimalistIcon);
1619
+
1620
+ ;// CONCATENATED MODULE: ./src/app/Messenger/components/DocMessage/DocMessage.tsx
1621
+
1622
+
1623
+
1624
+ function formatFileSize(size) {
1625
+ if (size === void 0) { size = 0; }
1626
+ if (size % 1 === 0) {
1627
+ return "".concat(size.toFixed(0), " MB");
1628
+ }
1629
+ return "".concat(size.toFixed(2), " MB");
1630
+ }
1631
+ function DocMessage(_a) {
1632
+ var _b, _c;
1633
+ var file = _a.file;
1634
+ var fileType = (_c = (_b = file === null || file === void 0 ? void 0 : file.location) === null || _b === void 0 ? void 0 : _b.split('.').pop()) === null || _c === void 0 ? void 0 : _c.toUpperCase();
1635
+ var fileName = file && file.originalname;
1636
+ var filePages = file && file.pages;
1637
+ var fileSize = file && formatFileSize(file === null || file === void 0 ? void 0 : file.size);
1638
+ return (external_react_namespaceObject["default"].createElement("div", { className: 'messenger__messages-row--sender' },
1639
+ external_react_namespaceObject["default"].createElement("span", null, external_react_namespaceObject["default"].createElement("div", { className: 'messenger__file-card' },
1640
+ external_react_namespaceObject["default"].createElement("div", { className: 'messenger__file-icon' },
1641
+ external_react_namespaceObject["default"].createElement(RenderFileIcon_RenderFileIcon, { fileType: file === null || file === void 0 ? void 0 : file.mimetype })),
1642
+ external_react_namespaceObject["default"].createElement("div", { className: 'messenger__file-details' },
1643
+ external_react_namespaceObject["default"].createElement("p", { className: 'messenger__file-name' }, fileName),
1644
+ external_react_namespaceObject["default"].createElement("p", { className: 'messenger__file-info' },
1645
+ filePages && filePages + ' página(s) •',
1646
+ " ",
1647
+ fileSize,
1648
+ " \u2022",
1649
+ ' ',
1650
+ fileType)),
1651
+ external_react_namespaceObject["default"].createElement("a", { href: file === null || file === void 0 ? void 0 : file.location, target: '_blank', rel: 'noopener noreferrer', className: 'messenger__file-download', style: { color: 'blue' } },
1652
+ external_react_namespaceObject["default"].createElement(icons_DownloadMinimalistIcon, { width: '24', height: '24', color: 'white' }))))));
1653
+ }
1654
+ /* harmony default export */ const DocMessage_DocMessage = (DocMessage);
1655
+
1656
+ ;// CONCATENATED MODULE: ./src/app/Messenger/components/IncomingMessage/IncomingMessage.tsx
1657
+
1658
+
1659
+
1660
+
1661
+
1662
+
1663
+
1664
+ var MessageImage = function (_a) {
1665
+ var rest = __rest(_a, []);
1666
+ var t = (0,external_react_i18next_namespaceObject.useTranslation)('messengerMessages').t;
1667
+ return (external_react_namespaceObject["default"].createElement("div", { className: 'messenger__message--file' },
1668
+ external_react_namespaceObject["default"].createElement("img", __assign({}, rest, { width: 200, height: 200, alt: t('incommingMessage.messageImage') }))));
1669
+ };
1670
+ var MessageWithFile = function (_a) {
1671
+ var file = _a.file, message = _a.message, date = _a.date, openImageViewer = _a.openImageViewer, id = _a.id, formatDate = _a.formatDate, currentImage = _a.currentImage;
1672
+ var isImage = function (file) {
1673
+ var _a;
1674
+ if (!file)
1675
+ return false;
1676
+ if (['image/png', 'image/jpeg'].includes((_a = file === null || file === void 0 ? void 0 : file.mimetype) !== null && _a !== void 0 ? _a : '')) {
1677
+ return true;
1678
+ }
1679
+ return false;
1680
+ };
1681
+ return (external_react_namespaceObject["default"].createElement(external_react_namespaceObject["default"].Fragment, null, isImage(file) ? (external_react_namespaceObject["default"].createElement(MessageImage, { src: file === null || file === void 0 ? void 0 : file.location, onClick: function () { return openImageViewer(currentImage); } })) : (file && (external_react_namespaceObject["default"].createElement(DocMessage_DocMessage, { file: file, message: message, date: date, read: false, id: id, formatDate: formatDate })))));
1682
+ };
1683
+ function IncomingMessage(_a) {
1684
+ var _b;
1685
+ var date = _a.date, message = _a.message, user = _a.user, hasFile = _a.hasFile, file = _a.file, isSystemMessage = _a.isSystemMessage, formatDate = _a.formatDate, id = _a.id;
1686
+ var theme = useThemes().theme;
1687
+ var _c = (0,external_react_namespaceObject.useState)(0), currentImage = _c[0], setCurrentImage = _c[1];
1688
+ var _d = (0,external_react_namespaceObject.useState)(false), isViewerOpen = _d[0], setIsViewerOpen = _d[1];
1689
+ var openImageViewer = (0,external_react_namespaceObject.useCallback)(function (index) {
1690
+ setCurrentImage(index);
1691
+ setIsViewerOpen(true);
1692
+ }, []);
1693
+ var closeImageViewer = function () {
1694
+ setCurrentImage(0);
1695
+ setIsViewerOpen(false);
1696
+ };
1697
+ return (external_react_namespaceObject["default"].createElement("div", { className: 'messenger__messages-row--received', id: id },
1698
+ (user.avatar || user.name) && !isSystemMessage && (external_react_namespaceObject["default"].createElement("div", { className: 'messenger__message-avatar mr-2' },
1699
+ external_react_namespaceObject["default"].createElement(MessengerAvatar_MessengerAvatar, { image: user.avatar }, user.name.slice(0, 1)))),
1700
+ external_react_namespaceObject["default"].createElement("div", { className: 'messenger__messages-received', style: { background: theme === null || theme === void 0 ? void 0 : theme.messengerIncomerColor } },
1701
+ !isSystemMessage && (external_react_namespaceObject["default"].createElement("p", { className: 'messenger__message-title' }, user.name)),
1702
+ external_react_namespaceObject["default"].createElement("span", null,
1703
+ hasFile && (external_react_namespaceObject["default"].createElement(MessageWithFile, { file: file, message: message, date: date, openImageViewer: openImageViewer, id: id, formatDate: formatDate, currentImage: currentImage })),
1704
+ message && external_react_namespaceObject["default"].createElement("p", { className: 'messenger__message' }, message),
1705
+ external_react_namespaceObject["default"].createElement("p", { className: 'messenger__message--date' }, (_b = formatDate(date)) !== null && _b !== void 0 ? _b : new Date(date).toLocaleString()))),
1706
+ file && isViewerOpen && (external_react_namespaceObject["default"].createElement(ReactSimpleImageViewer, { src: [file.location], currentIndex: 0, disableScroll: false, closeOnClickOutside: true, onClose: closeImageViewer }))));
1707
+ }
1708
+ /* harmony default export */ const IncomingMessage_IncomingMessage = (IncomingMessage);
1709
+
1710
+ ;// CONCATENATED MODULE: ./src/app/Messenger/icons/ReadIcon.tsx
1711
+
1712
+ function ReadIcon(_a) {
1713
+ var fill = _a.fill;
1714
+ return (external_react_namespaceObject["default"].createElement("svg", { width: '15', height: '15', viewBox: '0 0 30 24', fill: 'none', xmlns: 'http://www.w3.org/2000/svg' },
1715
+ external_react_namespaceObject["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: fill })));
1716
+ }
1717
+
1718
+ ;// CONCATENATED MODULE: ./src/app/Messenger/components/SenderMessages/SenderMessages.tsx
1719
+
1720
+
1721
+
1722
+
1723
+
1724
+
1725
+ function SenderMessages(_a) {
1726
+ var _b, _c;
1727
+ var date = _a.date, message = _a.message, read = _a.read, hasFile = _a.hasFile, file = _a.file, formatDate = _a.formatDate, id = _a.id;
1728
+ var _d = (0,external_react_namespaceObject.useState)(0), currentImage = _d[0], setCurrentImage = _d[1];
1729
+ var _e = (0,external_react_namespaceObject.useState)(false), isViewerOpen = _e[0], setIsViewerOpen = _e[1];
1730
+ var theme = useThemes().theme;
1731
+ var openImageViewer = (0,external_react_namespaceObject.useCallback)(function (index) {
1732
+ setCurrentImage(index);
1733
+ setIsViewerOpen(true);
1734
+ }, []);
1735
+ var closeImageViewer = function () {
1736
+ setCurrentImage(0);
1737
+ setIsViewerOpen(false);
1738
+ };
1739
+ var isDoc = [
1740
+ 'application/msword',
1741
+ 'application/vnd.openxmlformats-officedocument.wordprocessingml.document',
1742
+ 'application/pdf',
1743
+ 'text/csv',
1744
+ 'video/mp4',
1745
+ ].includes((_b = file === null || file === void 0 ? void 0 : file.mimetype) !== null && _b !== void 0 ? _b : '');
1746
+ return (external_react_namespaceObject["default"].createElement("div", { className: 'messenger__messages-row--sender' },
1747
+ external_react_namespaceObject["default"].createElement("div", { className: 'messenger__messages-sender', id: id, style: {
1748
+ background: theme === null || theme === void 0 ? void 0 : theme.messengerSenderColor,
1749
+ color: theme === null || theme === void 0 ? void 0 : theme.documentMessagesTextColor,
1750
+ } },
1751
+ external_react_namespaceObject["default"].createElement("span", null,
1752
+ hasFile &&
1753
+ (isDoc ? (external_react_namespaceObject["default"].createElement(DocMessage_DocMessage, { date: date, message: message, read: read, file: file, formatDate: formatDate, id: id })) : (external_react_namespaceObject["default"].createElement(MessageImage, { src: file === null || file === void 0 ? void 0 : file.location, onClick: function () { return openImageViewer(currentImage); } }))),
1754
+ external_react_namespaceObject["default"].createElement("p", { className: 'messenger__message' }, message),
1755
+ external_react_namespaceObject["default"].createElement("div", { className: 'messenger__message--bottom' },
1756
+ external_react_namespaceObject["default"].createElement("p", { className: 'messenger__message--date' }, (_c = formatDate(date)) !== null && _c !== void 0 ? _c : new Date(date).toString()),
1757
+ external_react_namespaceObject["default"].createElement(ReadIcon, { fill: read ? '#00efff' : 'white' })))),
1758
+ file && !isDoc && isViewerOpen && (external_react_namespaceObject["default"].createElement(ReactSimpleImageViewer, { src: [file.location], currentIndex: 0, disableScroll: false, closeOnClickOutside: true, onClose: closeImageViewer }))));
1759
+ }
1760
+ /* harmony default export */ const SenderMessages_SenderMessages = (SenderMessages);
1761
+
1762
+ ;// CONCATENATED MODULE: ./src/app/Messenger/components/SystemMessage/SystemMessage.tsx
1763
+
1764
+
1765
+ function SystemMessage(_a) {
1766
+ var _b;
1767
+ var date = _a.date, message = _a.message, formatDate = _a.formatDate, id = _a.id;
1768
+ var theme = useThemes().theme;
1769
+ return (external_react_namespaceObject["default"].createElement("div", { className: 'messenger__messages-row--system', id: id },
1770
+ external_react_namespaceObject["default"].createElement("div", { className: 'messenger__messages-received messenger__messages-received--system', style: { background: theme === null || theme === void 0 ? void 0 : theme.messengerSystemColor } },
1771
+ external_react_namespaceObject["default"].createElement("span", null,
1772
+ external_react_namespaceObject["default"].createElement("p", { className: 'messenger__message' }, message),
1773
+ external_react_namespaceObject["default"].createElement("p", { className: 'messenger__message--date' }, (_b = formatDate(date)) !== null && _b !== void 0 ? _b : new Date(date).toString())))));
1774
+ }
1775
+ /* harmony default export */ const SystemMessage_SystemMessage = (SystemMessage);
1776
+
1777
+ ;// CONCATENATED MODULE: ./src/app/Messenger/components/MessageBallon/MessageBalloon.tsx
1778
+
1779
+
1780
+
1781
+
1782
+ function MessageBalloon(_a) {
1783
+ var _b;
1784
+ var item = _a.item, creatorId = _a.creatorId, formatDate = _a.formatDate, id = _a.id;
1785
+ if (item.isSystemMessage) {
1786
+ return (external_react_namespaceObject["default"].createElement(SystemMessage_SystemMessage, { formatDate: formatDate, date: item.createdAt, message: item.content, id: item.senderId, user: { name: 'System' } }));
1787
+ }
1788
+ if (item.sender.uniqueCode &&
1789
+ !item.isSystemMessage &&
1790
+ item.sender.uniqueCode === creatorId) {
1791
+ return (external_react_namespaceObject["default"].createElement(external_react_namespaceObject["default"].Fragment, null,
1792
+ external_react_namespaceObject["default"].createElement(SenderMessages_SenderMessages, { id: id, formatDate: formatDate, message: item.content, date: item.createdAt, read: item.everybodyHasRead, hasFile: item.hasFile, file: item.file }),
1793
+ item.images &&
1794
+ item.images.map(function (image, index) { return (external_react_namespaceObject["default"].createElement(SenderMessages_SenderMessages, { key: image.key, id: "".concat(id, "image-").concat(index), formatDate: formatDate, date: item.createdAt, file: image, message: '', hasFile: true, read: item.everybodyHasRead })); })));
1795
+ }
1796
+ return (external_react_namespaceObject["default"].createElement(external_react_namespaceObject["default"].Fragment, null,
1797
+ external_react_namespaceObject["default"].createElement(IncomingMessage_IncomingMessage, { id: id, formatDate: formatDate, date: item.createdAt, message: item.content, hasFile: item.hasFile, isSystemMessage: item.isSystemMessage, file: item.file, user: {
1798
+ avatar: (_b = item.sender) === null || _b === void 0 ? void 0 : _b.image,
1799
+ name: item.sender.username,
1800
+ } }),
1801
+ item.images &&
1802
+ item.images.map(function (image, index) {
1803
+ var _a;
1804
+ return (external_react_namespaceObject["default"].createElement(IncomingMessage_IncomingMessage, { key: image.key, id: "".concat(id, "image-").concat(index), formatDate: formatDate, date: item.createdAt, file: image, message: '', hasFile: true, user: {
1805
+ avatar: (_a = item.sender) === null || _a === void 0 ? void 0 : _a.image,
1806
+ name: item.sender.username,
1807
+ } }));
1808
+ })));
1809
+ }
1810
+ /* harmony default export */ const MessageBallon_MessageBalloon = (MessageBalloon);
1811
+
1812
+ ;// CONCATENATED MODULE: ./src/app/Messenger/icons/MessageIcon.tsx
1813
+
1814
+ function MessageIcon(_a) {
1815
+ var width = _a.width, height = _a.height;
1816
+ return (external_react_namespaceObject["default"].createElement("svg", { width: width, height: height, viewBox: '0 0 32 32', fill: 'none', xmlns: 'http://www.w3.org/2000/svg' },
1817
+ external_react_namespaceObject["default"].createElement("g", { clipPath: 'url(#clip0_23_2)' },
1818
+ external_react_namespaceObject["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' })),
1819
+ external_react_namespaceObject["default"].createElement("defs", null,
1820
+ external_react_namespaceObject["default"].createElement("clipPath", { id: 'clip0_23_2' },
1821
+ external_react_namespaceObject["default"].createElement("rect", { width: '32', height: '32', fill: '@text-color' })))));
1822
+ }
1823
+ /* harmony default export */ const icons_MessageIcon = (MessageIcon);
1824
+
1825
+ ;// CONCATENATED MODULE: ./src/app/Messenger/icons/TrashIcon.tsx
1826
+
1827
+ function TrashIcon(_a) {
1828
+ var color = _a.color;
1829
+ return (external_react_namespaceObject["default"].createElement("svg", { width: '13', height: '17', viewBox: '0 0 13 17', fill: 'none', xmlns: 'http://www.w3.org/2000/svg' },
1830
+ external_react_namespaceObject["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: color })));
1831
+ }
1832
+
1833
+ ;// CONCATENATED MODULE: ./src/app/Messenger/components/InputFile/InputFile.tsx
1834
+
1835
+
1836
+
1837
+
1838
+ function InputFile(_a) {
1839
+ var fileList = _a.fileList, onUpdateFile = _a.onUpdateFile, label = _a.label, onRemoveFile = _a.onRemoveFile, maxSize = _a.maxSize, loading = _a.loading;
1840
+ var theme = useThemes().theme;
1841
+ var t = (0,external_react_i18next_namespaceObject.useTranslation)('newFormChat').t;
1842
+ var validateFileType = (0,external_react_namespaceObject.useMemo)(function () { return function (allowedTypes, file) {
1843
+ var _a;
1844
+ if (file === null || file === void 0 ? void 0 : file.type) {
1845
+ return allowedTypes.includes(file.type);
1846
+ }
1847
+ var extension = (_a = file === null || file === void 0 ? void 0 : file.name.split('.').pop()) === null || _a === void 0 ? void 0 : _a.toLowerCase();
1848
+ return extension ? allowedTypes.includes(".".concat(extension)) : false;
1849
+ }; }, []);
1850
+ var onUpload = function () {
1851
+ var input = document.querySelector('.file-input__input');
1852
+ input === null || input === void 0 ? void 0 : input.click();
1853
+ };
1854
+ var onChange = function (e) {
1855
+ var _a, _b;
1856
+ var file = (_b = (_a = e === null || e === void 0 ? void 0 : e.target) === null || _a === void 0 ? void 0 : _a.files) === null || _b === void 0 ? void 0 : _b[0];
1857
+ var isAllowedType = validateFileType([
1858
+ 'image/png',
1859
+ 'image/jpeg',
1860
+ 'application/pdf',
1861
+ 'application/msword',
1862
+ 'application/vnd.openxmlformats-officedocument.wordprocessingml.document',
1863
+ 'text/csv',
1864
+ 'video/mp4',
1865
+ ], file);
1866
+ if (!isAllowedType) {
1867
+ console.error(t('inputFile.documentSendError'));
1868
+ return false;
1869
+ }
1870
+ if (file)
1871
+ onUpdateFile(file);
1872
+ return true;
1873
+ };
1874
+ var removeItem = function (file) {
1875
+ if (fileList.some(function (item) { return item === file; })) {
1876
+ onRemoveFile(file);
1877
+ }
1878
+ };
1879
+ return (external_react_namespaceObject["default"].createElement(external_react_namespaceObject["default"].Fragment, null,
1880
+ external_react_namespaceObject["default"].createElement("div", { className: 'file-input' },
1881
+ external_react_namespaceObject["default"].createElement("label", { style: { color: theme.newChatFormTexts }, htmlFor: '', className: 'file-input__label' }, label),
1882
+ external_react_namespaceObject["default"].createElement("div", { className: 'file-input__container', style: {
1883
+ backgroundColor: theme.inputBg,
1884
+ color: theme.newChatFormTexts,
1885
+ } },
1886
+ external_react_namespaceObject["default"].createElement("input", { className: 'file-input__input', type: 'file', id: 'docpicker', hidden: true, accept: '.jpg, .jpeg, .png, .pdf, .doc, .docx, .csv, .mp4', onChange: function (event) { return onChange(event); } }),
1887
+ external_react_namespaceObject["default"].createElement("h4", null, t('inputFile.chooseFile')),
1888
+ external_react_namespaceObject["default"].createElement("button", { className: 'file-input__button', type: 'button', onClick: onUpload, style: {
1889
+ background: theme === null || theme === void 0 ? void 0 : theme.buttonPrimary,
1890
+ color: theme === null || theme === void 0 ? void 0 : theme.buttonPrimaryText,
1891
+ } }, t('inputFile.chooseFile')),
1892
+ loading ? ('') : (external_react_namespaceObject["default"].createElement("p", null,
1893
+ t('inputFile.allowDocuments'),
1894
+ "(",
1895
+ t('inputFile.allowSizeDocument', { maxSize: maxSize }),
1896
+ ")")))),
1897
+ external_react_namespaceObject["default"].createElement("div", null, fileList &&
1898
+ fileList.map(function (item) { return (external_react_namespaceObject["default"].createElement("div", { className: 'file-input__list', key: item.name, style: {
1899
+ backgroundColor: theme.inputBg,
1900
+ color: theme.newChatFormTexts,
1901
+ } },
1902
+ external_react_namespaceObject["default"].createElement("span", { className: 'file-input__list--file-name' }, item.name),
1903
+ external_react_namespaceObject["default"].createElement("button", { className: 'file-input__delete', onClick: function () { return removeItem(item); } },
1904
+ external_react_namespaceObject["default"].createElement(TrashIcon, { color: theme.newChatFormDeleteFileButton || 'red' })))); }))));
1905
+ }
1906
+ /* harmony default export */ const InputFile_InputFile = (InputFile);
1907
+
1908
+ ;// CONCATENATED MODULE: ./src/app/Messenger/components/Select/Select.tsx
1909
+
1910
+
1911
+ function SelectNew(_a) {
1912
+ var options = _a.options, name = _a.name, placeholder = _a.placeholder, label = _a.label, onChange = _a.onChange, value = _a.value;
1913
+ var theme = useThemes().theme;
1914
+ return (external_react_namespaceObject["default"].createElement("div", { className: 'form-select' },
1915
+ external_react_namespaceObject["default"].createElement("label", { htmlFor: name, className: 'form-select__label', style: { color: theme.newChatFormTexts } }, label),
1916
+ external_react_namespaceObject["default"].createElement("select", { name: name, className: 'form-select__input', onChange: function (e) { return onChange(e.target.value); }, value: value, style: {
1917
+ backgroundColor: theme.inputBg,
1918
+ color: theme.newChatFormTexts,
1919
+ } },
1920
+ external_react_namespaceObject["default"].createElement("option", { value: '', disabled: true, hidden: true }, placeholder),
1921
+ options.map(function (motivo) { return (external_react_namespaceObject["default"].createElement("option", { key: motivo.value, value: motivo.value }, motivo.label)); }))));
1922
+ }
1923
+ /* harmony default export */ const Select = (SelectNew);
1924
+
1925
+ ;// CONCATENATED MODULE: ./src/app/Messenger/components/TextArea/TextArea.tsx
1926
+
1927
+
1928
+ function Textarea(_a) {
1929
+ var name = _a.name, placeholder = _a.placeholder, label = _a.label, onChange = _a.onChange;
1930
+ var theme = useThemes().theme;
1931
+ return (external_react_namespaceObject["default"].createElement("div", { className: 'text-area' },
1932
+ external_react_namespaceObject["default"].createElement("label", { htmlFor: name, className: 'text-area__label', style: { color: theme.newChatFormTexts } }, label),
1933
+ external_react_namespaceObject["default"].createElement("textarea", { style: {
1934
+ backgroundColor: theme.inputBg,
1935
+ color: theme.newChatFormTexts,
1936
+ }, name: name, placeholder: placeholder, className: 'text-area__input', onChange: function (e) { return onChange(e.target.value); } })));
1937
+ }
1938
+ /* harmony default export */ const TextArea = (Textarea);
1939
+
1940
+ ;// CONCATENATED MODULE: ./src/app/Messenger/icons/CloseIcon.tsx
1941
+
1942
+
1943
+ function CloseIcon() {
1944
+ var _a;
1945
+ var theme = useThemes().theme;
1946
+ return (external_react_namespaceObject["default"].createElement("svg", { width: '21', height: '21', viewBox: '0 0 21 21', fill: 'none', xmlns: 'http://www.w3.org/2000/svg' },
1947
+ external_react_namespaceObject["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: (_a = theme.newChatFormTexts) !== null && _a !== void 0 ? _a : '#476077' })));
1948
+ }
1949
+
1950
+ ;// CONCATENATED MODULE: ./src/app/Messenger/views/NewFormChat.tsx
1951
+
1952
+
1953
+
1954
+
1955
+
1956
+
1957
+
1958
+
1959
+ function NewChatForm(_a) {
1960
+ var _b, _c;
1961
+ var submitNewChat = _a.submitNewChat, cancelNewChat = _a.cancelNewChat, reasons = _a.reasons, products = _a.products, loading = _a.loading, maxFileSize = _a.maxFileSize, loadingResources = _a.loadingResources;
1962
+ var _d = (0,external_react_namespaceObject.useState)((_b = reasons === null || reasons === void 0 ? void 0 : reasons[0]) === null || _b === void 0 ? void 0 : _b.value), reason = _d[0], setReason = _d[1];
1963
+ var _e = (0,external_react_namespaceObject.useState)((_c = products === null || products === void 0 ? void 0 : products[0]) === null || _c === void 0 ? void 0 : _c.value), product = _e[0], setProduct = _e[1];
1964
+ var _f = (0,external_react_namespaceObject.useState)(), message = _f[0], setMessage = _f[1];
1965
+ var _g = (0,external_react_namespaceObject.useState)([]), fileList = _g[0], setFileList = _g[1];
1966
+ var t = (0,external_react_i18next_namespaceObject.useTranslation)('newFormChat').t;
1967
+ var theme = useThemes().theme;
1968
+ var onSubmit = function (event) {
1969
+ var data2 = new FormData();
1970
+ event.preventDefault();
1971
+ fileList.forEach(function (file) {
1972
+ data2.append("documents", file, file.name);
1973
+ });
1974
+ if (reason)
1975
+ data2.append('reason', reason);
1976
+ if (product)
1977
+ data2.append('product', product);
1978
+ if (message)
1979
+ data2.append('message', message);
1980
+ submitNewChat(data2);
1981
+ };
1982
+ var onUpdateFile = function (file) {
1983
+ setFileList(function (files) { return __spreadArray(__spreadArray([], files, true), [file], false); });
1984
+ };
1985
+ var onRemoveFile = function (file) {
1986
+ setFileList(fileList.filter(function (item) { return item !== file; }));
1987
+ };
1988
+ return (external_react_namespaceObject["default"].createElement("div", { className: 'messenger__new-chat-form', style: {
1989
+ backgroundColor: theme.newChatFormBg,
1990
+ borderRadius: theme.newChatFormRadius,
1991
+ } },
1992
+ external_react_namespaceObject["default"].createElement("div", { className: 'messenger__new-chat-form-header' },
1993
+ external_react_namespaceObject["default"].createElement("h2", { className: 'messenger__new-chat-form-title' },
1994
+ external_react_namespaceObject["default"].createElement("b", { style: { color: theme.newChatFormTexts } }, t('newChat'))),
1995
+ external_react_namespaceObject["default"].createElement("button", { onClick: cancelNewChat, className: 'messenger__new-chat-form-close' },
1996
+ external_react_namespaceObject["default"].createElement(CloseIcon, null))),
1997
+ external_react_namespaceObject["default"].createElement("h3", { className: 'messenger__disclaimer', style: {
1998
+ borderColor: theme.disclaimerPrimaryColor,
1999
+ color: theme.disclaimerTextColor,
2000
+ backgroundColor: theme.disclaimerSecondaryColor,
2001
+ } },
2002
+ t('description.1'),
2003
+ " ",
2004
+ external_react_namespaceObject["default"].createElement("b", null, t('description.1/2bold')),
2005
+ ' ',
2006
+ t('description.2')),
2007
+ external_react_namespaceObject["default"].createElement("form", { onSubmit: onSubmit, className: 'messenger__new-chat-fields' },
2008
+ external_react_namespaceObject["default"].createElement(Select, { onChange: function (value) { return setReason(value); }, options: reasons, placeholder: t('fields.reasons.placeholder'), name: 'reasons', value: reason, label: t('fields.reasons.label') }),
2009
+ external_react_namespaceObject["default"].createElement(Select, { onChange: function (value) { return setProduct(value); }, options: products, placeholder: t('fields.product.placeholder'), value: product, name: 'product', label: t('fields.product.label') }),
2010
+ external_react_namespaceObject["default"].createElement(InputFile_InputFile, { fileList: fileList, onUpdateFile: onUpdateFile, onRemoveFile: onRemoveFile, label: t('fields.document.label'), maxSize: maxFileSize, loading: loadingResources }),
2011
+ external_react_namespaceObject["default"].createElement(TextArea, { onChange: function (value) { return setMessage(value); }, placeholder: t('fields.message.placeholder'), name: 'message', label: t('fields.message.label') }),
2012
+ external_react_namespaceObject["default"].createElement("button", { className: "w-100 ".concat(!loading ? 'messenger__new-chat-form-send' : 'messenger__new-chat-form-send messenger__new-chat-form-send--disabled'), disabled: loading, type: 'submit', style: {
2013
+ backgroundColor: !loading ? theme.buttonPrimary : '#ccc',
2014
+ color: theme.buttonPrimaryText,
2015
+ } }, !loading ? t('buttons.send') : t('buttons.sendingButton')))));
2016
+ }
2017
+ /* harmony default export */ const NewFormChat = (NewChatForm);
2018
+
2019
+ ;// CONCATENATED MODULE: ./src/app/Messenger/icons/AttachFileIcon.tsx
2020
+
2021
+
2022
+
2023
+ function AttachFileIcon(_a) {
2024
+ var rest = __rest(_a, []);
2025
+ var theme = useThemes().theme;
2026
+ return (external_react_namespaceObject["default"].createElement("svg", __assign({ width: '26', height: '28', viewBox: '0 0 26 28', xmlns: 'http://www.w3.org/2000/svg' }, rest),
2027
+ external_react_namespaceObject["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: theme.uploadFileIconColor })));
2028
+ }
2029
+
2030
+ // EXTERNAL MODULE: ./src/assets/right-arrow.svg
2031
+ var right_arrow = __webpack_require__(93);
2032
+ var right_arrow_default = /*#__PURE__*/__webpack_require__.n(right_arrow);
2033
+ ;// CONCATENATED MODULE: ./src/app/Messenger/components/Tooltip/Tooltip.tsx
2034
+
2035
+ var ToolTip = function (_a) {
2036
+ var text = _a.text, children = _a.children;
2037
+ return (external_react_namespaceObject["default"].createElement("div", { className: 'tooltip' },
2038
+ children,
2039
+ external_react_namespaceObject["default"].createElement("div", { className: 'tooltip__text' }, text)));
2040
+ };
2041
+ /* harmony default export */ const Tooltip = (ToolTip);
2042
+
2043
+ ;// CONCATENATED MODULE: ./src/app/Messenger/components/SendMessageForm/SendMessageForm.tsx
2044
+
2045
+
2046
+
2047
+
2048
+
2049
+
2050
+
2051
+ function AllowDocuments(_a) {
2052
+ var allowImages = _a.allowImages, attachFile = _a.attachFile, handleFile = _a.handleFile, closedChat = _a.closedChat, maxFileField = _a.maxFileField;
2053
+ var t = (0,external_react_i18next_namespaceObject.useTranslation)('messengerMessages').t;
2054
+ if (allowImages) {
2055
+ return (external_react_namespaceObject["default"].createElement(external_react_namespaceObject.Fragment, null,
2056
+ external_react_namespaceObject["default"].createElement("input", { type: 'file', size: 1, className: 'messenger__messages-send--file', ref: attachFile, onChange: handleFile, accept: '.jpg, .jpeg, .png, .pdf, .doc, .docx, .mp4, .csv' }),
2057
+ external_react_namespaceObject["default"].createElement(Tooltip, { text: t('sendMessageForm.maxFileField', { maxFileField: maxFileField }) },
2058
+ external_react_namespaceObject["default"].createElement(AttachFileIcon, { className: "messenger__messages-send__attach ".concat(closedChat ? 'messenger__messages-send__attach--disabled' : ''), onClick: function () { var _a; return (!closedChat ? (_a = attachFile.current) === null || _a === void 0 ? void 0 : _a.click() : null); } }))));
2059
+ }
2060
+ return external_react_namespaceObject["default"].createElement(external_react_namespaceObject["default"].Fragment, null);
2061
+ }
2062
+ function SendMessageForm(_a) {
2063
+ var allowImages = _a.allowImages, current = _a.current, onSubmit = _a.onSubmit, file = _a.file, updateFile = _a.updateFile, isLoading = _a.isLoading, maxFileSize = _a.maxFileSize;
2064
+ var t = (0,external_react_i18next_namespaceObject.useTranslation)('messengerMessages').t;
2065
+ var _b = (0,external_react_namespaceObject.useState)(100), formHeight = _b[0], setFormHeight = _b[1];
2066
+ var _c = (0,external_react_namespaceObject.useState)(false), sending = _c[0], setSending = _c[1];
2067
+ var inputRef = (0,external_react_namespaceObject.useRef)(null);
2068
+ var attachFile = (0,external_react_namespaceObject.useRef)(null);
2069
+ var closedChat = (0,external_react_namespaceObject.useMemo)(function () { return (current === null || current === void 0 ? void 0 : current.status.current.state) === 'final'; }, [current]);
2070
+ var theme = useThemes().theme;
2071
+ function correctTextAreaHeight(styleConfig) {
2072
+ var textarea = inputRef.current;
2073
+ if (textarea) {
2074
+ textarea.style.height = "".concat(styleConfig.height, "px");
2075
+ textarea.style.overflowY = styleConfig.overflow;
2076
+ }
2077
+ }
2078
+ function resetHeights() {
2079
+ var inicialFormHeight = 100;
2080
+ var inicialTextAreaHeight = 50;
2081
+ setFormHeight(inicialFormHeight);
2082
+ correctTextAreaHeight({ height: inicialTextAreaHeight, overflow: 'hidden' });
2083
+ }
2084
+ function adjustFormHeight(textareaRef) {
2085
+ if (textareaRef) {
2086
+ var initialHeight = 50;
2087
+ var maxHeight = 80;
2088
+ var newHeight = textareaRef.scrollHeight;
2089
+ if (newHeight > maxHeight) {
2090
+ correctTextAreaHeight({
2091
+ height: maxHeight,
2092
+ overflow: 'auto',
2093
+ });
2094
+ return maxHeight + initialHeight;
2095
+ }
2096
+ correctTextAreaHeight({
2097
+ height: initialHeight,
2098
+ overflow: 'auto',
2099
+ });
2100
+ return initialHeight * 2;
2101
+ }
2102
+ return formHeight;
2103
+ }
2104
+ function handleTextareaChange() {
2105
+ var textarea = inputRef.current;
2106
+ setFormHeight(adjustFormHeight(textarea));
2107
+ }
2108
+ function handleSubmit(e) {
2109
+ var _a, _b;
2110
+ e === null || e === void 0 ? void 0 : e.preventDefault();
2111
+ if (sending)
2112
+ return;
2113
+ setSending(true);
2114
+ var data = new FormData();
2115
+ if (file)
2116
+ data.append('file', file);
2117
+ if ((_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.value)
2118
+ data.append('message', (_b = inputRef.current) === null || _b === void 0 ? void 0 : _b.value);
2119
+ onSubmit(data, function () {
2120
+ if (inputRef.current)
2121
+ inputRef.current.value = '';
2122
+ if (file)
2123
+ updateFile(null);
2124
+ setSending(false);
2125
+ resetHeights();
2126
+ });
2127
+ }
2128
+ function handleFile(e) {
2129
+ var _a;
2130
+ if (e.target.files) {
2131
+ var file_1 = e.target.files[0];
2132
+ var allowedTypes = [
2133
+ 'image/png',
2134
+ 'image/jpeg',
2135
+ 'application/pdf',
2136
+ 'application/msword',
2137
+ 'application/vnd.openxmlformats-officedocument.wordprocessingml.document',
2138
+ 'text/csv',
2139
+ 'video/mp4',
2140
+ ];
2141
+ var allowedExtensions = [
2142
+ 'png',
2143
+ 'jpeg',
2144
+ 'jpg',
2145
+ 'pdf',
2146
+ 'doc',
2147
+ 'docx',
2148
+ 'csv',
2149
+ 'mp4',
2150
+ ];
2151
+ var fileType = file_1 === null || file_1 === void 0 ? void 0 : file_1.type;
2152
+ var fileExtension = (_a = file_1 === null || file_1 === void 0 ? void 0 : file_1.name.split('.').pop()) === null || _a === void 0 ? void 0 : _a.toLowerCase();
2153
+ var isAllowed = fileType
2154
+ ? allowedTypes.includes(fileType)
2155
+ : fileExtension
2156
+ ? allowedExtensions.includes(fileExtension)
2157
+ : false;
2158
+ if (isAllowed) {
2159
+ updateFile(file_1);
2160
+ }
2161
+ }
2162
+ }
2163
+ return (external_react_namespaceObject["default"].createElement("form", { onSubmit: handleSubmit, className: 'messenger__messages-send--form', style: {
2164
+ height: "".concat(formHeight, "px"),
2165
+ maxHeight: '150px',
2166
+ } },
2167
+ external_react_namespaceObject["default"].createElement("div", { className: 'messenger__messages-send__input-container' },
2168
+ external_react_namespaceObject["default"].createElement("textarea", { onChange: handleTextareaChange, placeholder: closedChat
2169
+ ? t('sendMessageForm.chatEnded')
2170
+ : t('sendMessageForm.typeMessage'), ref: inputRef, onKeyDown: function (e) {
2171
+ if (e.key === 'Enter' && !e.shiftKey) {
2172
+ e.preventDefault();
2173
+ handleSubmit();
2174
+ }
2175
+ }, className: "messenger__messages-send__input ".concat(closedChat || sending ? 'messenger__messages-send__input--disabled' : '', " "), disabled: closedChat || sending, style: {
2176
+ backgroundColor: theme === null || theme === void 0 ? void 0 : theme.inputBg,
2177
+ } }),
2178
+ external_react_namespaceObject["default"].createElement(AllowDocuments, { allowImages: allowImages, handleFile: handleFile, attachFile: attachFile, closedChat: closedChat, maxFileField: maxFileSize })),
2179
+ isLoading ? (external_react_namespaceObject["default"].createElement("div", { className: 'messenger__messages-sending' },
2180
+ external_react_namespaceObject["default"].createElement(SpinLoading, null))) : (external_react_namespaceObject["default"].createElement("button", { type: 'submit', className: "messenger__messages-send__button ".concat(closedChat || sending ? 'messenger__messages-send__button--disabled' : ''), disabled: closedChat || sending, style: {
2181
+ backgroundColor: theme === null || theme === void 0 ? void 0 : theme.buttonPrimary,
2182
+ } },
2183
+ external_react_namespaceObject["default"].createElement("img", { alt: t('sendMessageForm.rightIcon'), height: 25, width: 25, className: 'ml-1', src: (right_arrow_default()) })))));
2184
+ }
2185
+ /* harmony default export */ const SendMessageForm_SendMessageForm = (SendMessageForm);
2186
+
2187
+ ;// CONCATENATED MODULE: ./src/app/Messenger/views/MessengerMessages.tsx
2188
+
2189
+
2190
+
2191
+
2192
+
2193
+
2194
+
2195
+
2196
+
2197
+
2198
+
2199
+
2200
+ function MessagesContainerView(_a) {
2201
+ var children = _a.children, messegerView = _a.messegerView, submitNewChat = _a.submitNewChat, cancelNewChat = _a.cancelNewChat, reasons = _a.reasons, products = _a.products, newChatLoading = _a.newChatLoading, maxFileSize = _a.maxFileSize, loadingResources = _a.loadingResources;
2202
+ var theme = useThemes().theme;
2203
+ var t = (0,external_react_i18next_namespaceObject.useTranslation)('messengerMessages').t;
2204
+ if (messegerView === 'empty') {
2205
+ return (external_react_namespaceObject["default"].createElement("div", { className: 'messenger__messages-container--empty', style: { backgroundColor: theme === null || theme === void 0 ? void 0 : theme.messengerNotSelectedBg } },
2206
+ external_react_namespaceObject["default"].createElement(icons_MessageIcon, { width: '72', height: '72' }),
2207
+ external_react_namespaceObject["default"].createElement("p", null, t('selectConversation'))));
2208
+ }
2209
+ if (messegerView === 'newChat') {
2210
+ return (external_react_namespaceObject["default"].createElement(NewFormChat, { reasons: reasons, products: products, submitNewChat: submitNewChat, cancelNewChat: cancelNewChat, loading: newChatLoading, maxFileSize: maxFileSize, loadingResources: loadingResources }));
2211
+ }
2212
+ return external_react_namespaceObject["default"].createElement(external_react_namespaceObject["default"].Fragment, null, children);
2213
+ }
2214
+ function SpinLoading() {
2215
+ return (external_react_namespaceObject["default"].createElement("div", { className: 'messenger__messages-loading' },
2216
+ external_react_namespaceObject["default"].createElement("div", { className: 'messenger__messages-loading--loader' })));
2217
+ }
2218
+ function Messages(_a) {
2219
+ var messages = _a.messages, creatorId = _a.creatorId, formatDate = _a.formatDate, loading = _a.loading;
2220
+ var theme = useThemes().theme;
2221
+ var t = (0,external_react_i18next_namespaceObject.useTranslation)('messengerMessages').t;
2222
+ if (!messages || (messages.length === 0 && !loading)) {
2223
+ return (external_react_namespaceObject["default"].createElement("div", { className: 'messenger__message-empty', style: { color: theme.emptyMessagesFontColor } },
2224
+ external_react_namespaceObject["default"].createElement(EmptyIcon, null),
2225
+ external_react_namespaceObject["default"].createElement("p", null, t('noMessagesFound'))));
2226
+ }
2227
+ return (external_react_namespaceObject["default"].createElement(external_react_namespaceObject["default"].Fragment, null, messages.map(function (item, idx) {
2228
+ return (external_react_namespaceObject["default"].createElement(external_react_namespaceObject.Fragment, { key: "".concat(item.ticketId, "_").concat(item.senderId, "_").concat(idx) },
2229
+ external_react_namespaceObject["default"].createElement(MessageBallon_MessageBalloon, { id: "message_".concat(idx), formatDate: formatDate, creatorId: creatorId, item: item })));
2230
+ })));
2231
+ }
2232
+ var onScrollToBottom = function (scrollContainer) {
2233
+ if (scrollContainer.current) {
2234
+ scrollContainer.current.scrollTop = Number.MAX_SAFE_INTEGER;
2235
+ }
2236
+ };
2237
+ function MessagesContainer(_a) {
2238
+ var children = _a.children, fowardRef = _a.fowardRef, rest = __rest(_a, ["children", "fowardRef"]);
2239
+ var theme = useThemes().theme;
2240
+ return (external_react_namespaceObject["default"].createElement("div", __assign({}, rest, { ref: fowardRef, className: 'messenger__messages-container', style: {
2241
+ padding: '1rem',
2242
+ backgroundColor: theme === null || theme === void 0 ? void 0 : theme.messengerMessagesBg,
2243
+ border: "1px solid ".concat(theme.borderColor),
2244
+ } }), children));
2245
+ }
2246
+ function ScrollableContainer(_a) {
2247
+ var _this = this;
2248
+ var children = _a.children, loading = _a.loading, onIntersect = _a.onIntersect, hasNext = _a.hasNext, scrollContainerFowardRef = _a.scrollContainerFowardRef;
2249
+ var intersetRootMargin = 300;
2250
+ var getElementScrollHeight = function (divRef) {
2251
+ if (!divRef)
2252
+ return null;
2253
+ return divRef.scrollHeight;
2254
+ };
2255
+ var getElementScrollTop = function (divRef) {
2256
+ if (!divRef)
2257
+ return null;
2258
+ return divRef.scrollTop;
2259
+ };
2260
+ var calculateScrollToDecrease = function (elementBeforeIntersetHeight, elementAfterIntersectHeight, intersetRootMargin) {
2261
+ return (Math.abs(elementAfterIntersectHeight - elementBeforeIntersetHeight) +
2262
+ intersetRootMargin);
2263
+ };
2264
+ var isNill = function (value) {
2265
+ return value === null && value === undefined;
2266
+ };
2267
+ var onFetchInfiniteScroll = function () { return __awaiter(_this, void 0, void 0, function () {
2268
+ var elementBeforeIntersetHeight, elementAfterIntersectHeight, currentScrollTop;
2269
+ return __generator(this, function (_a) {
2270
+ switch (_a.label) {
2271
+ case 0:
2272
+ elementBeforeIntersetHeight = getElementScrollHeight(scrollContainerFowardRef.current);
2273
+ return [4 /*yield*/, onIntersect()];
2274
+ case 1:
2275
+ _a.sent();
2276
+ elementAfterIntersectHeight = getElementScrollHeight(scrollContainerFowardRef.current);
2277
+ if (scrollContainerFowardRef.current &&
2278
+ !isNill(elementBeforeIntersetHeight) &&
2279
+ !isNill(elementAfterIntersectHeight)) {
2280
+ currentScrollTop = getElementScrollTop(scrollContainerFowardRef.current) || 0;
2281
+ scrollContainerFowardRef.current.scrollTop = calculateScrollToDecrease(elementAfterIntersectHeight, elementBeforeIntersetHeight, currentScrollTop);
2282
+ }
2283
+ return [2 /*return*/];
2284
+ }
2285
+ });
2286
+ }); };
2287
+ (0,external_react_namespaceObject.useEffect)(function () {
2288
+ onScrollToBottom(scrollContainerFowardRef);
2289
+ }, []);
2290
+ return (external_react_namespaceObject["default"].createElement(MessagesContainer, { fowardRef: scrollContainerFowardRef },
2291
+ external_react_namespaceObject["default"].createElement(InfiniteScroll_InfiniteScroll, { root: document.querySelector('.messenger__messages-container'), loading: loading, loadingCover: external_react_namespaceObject["default"].createElement(SpinLoading, null), more: hasNext, fetch: onFetchInfiniteScroll, rootMargin: intersetRootMargin, reverse: true }, children)));
2292
+ }
2293
+ function MessengerMessages(_a) {
2294
+ var _this = this;
2295
+ var header = _a.header, tab = _a.tab, _b = _a.className, className = _b === void 0 ? '' : _b, current = _a.current, messages = _a.messages, allowImages = _a.allowImages, creatorId = _a.creatorId, loading = _a.loading, onSubmit = _a.onSubmit, submitNewChat = _a.submitNewChat, cancelNewChat = _a.cancelNewChat, reasons = _a.reasons, products = _a.products, messegerView = _a.messegerView, formatDate = _a.formatDate, hasNext = _a.hasNext, onIntersect = _a.onIntersect, newChatLoading = _a.newChatLoading, maxFileSize = _a.maxFileSize;
2296
+ var t = (0,external_react_i18next_namespaceObject.useTranslation)('messengerMessages').t;
2297
+ var _c = (0,external_react_namespaceObject.useState)(), file = _c[0], setFile = _c[1];
2298
+ var scrollContainerRef = (0,external_react_namespaceObject.useRef)(null);
2299
+ var _d = (0,external_react_namespaceObject.useState)(false), isSending = _d[0], setIsSending = _d[1];
2300
+ var _e = (0,external_react_namespaceObject.useState)(''), maxSize = _e[0], setMaxSize = _e[1];
2301
+ var theme = useThemes().theme;
2302
+ var styleClassnames = {
2303
+ mobile: tab === 'list' ? 'messenger__mobile-hide' : '',
2304
+ };
2305
+ var updateFile = function (file) {
2306
+ setFile(file);
2307
+ };
2308
+ var onSubmitNewMessage = function (message, callback) { return __awaiter(_this, void 0, void 0, function () {
2309
+ return __generator(this, function (_a) {
2310
+ switch (_a.label) {
2311
+ case 0:
2312
+ setIsSending(true);
2313
+ _a.label = 1;
2314
+ case 1:
2315
+ _a.trys.push([1, , 3, 4]);
2316
+ return [4 /*yield*/, onSubmit(message, callback)];
2317
+ case 2:
2318
+ _a.sent();
2319
+ onScrollToBottom(scrollContainerRef);
2320
+ return [3 /*break*/, 4];
2321
+ case 3:
2322
+ setIsSending(false);
2323
+ return [7 /*endfinally*/];
2324
+ case 4: return [2 /*return*/];
2325
+ }
2326
+ });
2327
+ }); };
2328
+ (0,external_react_namespaceObject.useEffect)(function () {
2329
+ var fetchMaxFileSize = function () { return __awaiter(_this, void 0, void 0, function () {
2330
+ var response, size, error_1;
2331
+ return __generator(this, function (_a) {
2332
+ switch (_a.label) {
2333
+ case 0:
2334
+ _a.trys.push([0, 2, , 3]);
2335
+ return [4 /*yield*/, maxFileSize()];
2336
+ case 1:
2337
+ response = _a.sent();
2338
+ size = formatFileSize(response.data.data.maxFileSize);
2339
+ setMaxSize(size);
2340
+ return [3 /*break*/, 3];
2341
+ case 2:
2342
+ error_1 = _a.sent();
2343
+ console.error(t('errorSearchingMaxFileSize'), error_1);
2344
+ return [3 /*break*/, 3];
2345
+ case 3: return [2 /*return*/];
2346
+ }
2347
+ });
2348
+ }); };
2349
+ fetchMaxFileSize();
2350
+ }, [maxSize]);
2351
+ return (external_react_namespaceObject["default"].createElement("div", { className: "messenger__messages ".concat(className, " ").concat(styleClassnames.mobile, " ") },
2352
+ external_react_namespaceObject["default"].createElement(MessagesContainerView, { newChatLoading: newChatLoading, reasons: reasons, products: products, submitNewChat: submitNewChat, cancelNewChat: cancelNewChat, messegerView: messegerView, maxFileSize: maxSize, loadingResources: loading },
2353
+ file ? (external_react_namespaceObject["default"].createElement(ImagesContainer_ImagesContainer, { file: file, onClose: function () { return setFile(null); } })) : (external_react_namespaceObject["default"].createElement(external_react_namespaceObject["default"].Fragment, null,
2354
+ external_react_namespaceObject["default"].createElement("div", { className: 'messenger__messages-header', style: {
2355
+ backgroundColor: theme === null || theme === void 0 ? void 0 : theme.headerAndSenderBg,
2356
+ border: "1px solid ".concat(theme.borderColor),
2357
+ } }, external_react_namespaceObject["default"].cloneElement(header)),
2358
+ loading && !messages.length ? (external_react_namespaceObject["default"].createElement(MessagesContainer, { fowardRef: scrollContainerRef },
2359
+ external_react_namespaceObject["default"].createElement(SpinLoading, null))) : (external_react_namespaceObject["default"].createElement(ScrollableContainer, { scrollContainerFowardRef: scrollContainerRef, loading: loading, hasNext: hasNext, onIntersect: onIntersect },
2360
+ external_react_namespaceObject["default"].createElement(Messages, { formatDate: formatDate, messages: messages, creatorId: creatorId, loading: loading }))))),
2361
+ external_react_namespaceObject["default"].createElement("div", { className: 'messenger__messages-send', style: {
2362
+ backgroundColor: theme === null || theme === void 0 ? void 0 : theme.headerAndSenderBg,
2363
+ border: "1px solid ".concat(theme.borderColor),
2364
+ } },
2365
+ external_react_namespaceObject["default"].createElement(SendMessageForm_SendMessageForm, { allowImages: allowImages, onSubmit: onSubmitNewMessage, file: file, updateFile: updateFile, current: current, isLoading: isSending, maxFileSize: maxSize })))));
2366
+ }
2367
+ /* harmony default export */ const views_MessengerMessages = (MessengerMessages);
2368
+
2369
+ ;// CONCATENATED MODULE: ./src/app/Messenger/hooks/useConversations.tsx
2370
+
2371
+
2372
+ var useConversations = function () {
2373
+ var SLICE = 15;
2374
+ var _a = (0,external_react_namespaceObject.useState)(SLICE), sliceCount = _a[0], setSliceCount = _a[1];
2375
+ var _b = (0,external_react_namespaceObject.useState)([]), conversations = _b[0], setConversations = _b[1];
2376
+ var _c = (0,external_react_namespaceObject.useState)(), currentChat = _c[0], setCurrentChat = _c[1];
2377
+ var _d = (0,external_react_namespaceObject.useState)('empty'), viewDesktop = _d[0], setViewDesktop = _d[1];
2378
+ var _e = (0,external_react_namespaceObject.useState)('list'), viewMobile = _e[0], setViewMobile = _e[1];
2379
+ var changeViewDesktop = function (view) {
2380
+ setViewDesktop(view);
2381
+ };
2382
+ var changeViewMobile = function (view) {
2383
+ setViewMobile(view);
2384
+ };
2385
+ var selectChat = function (chat) {
2386
+ setCurrentChat(chat);
2387
+ };
2388
+ var onIntersect = function () {
2389
+ setSliceCount(function (prev) {
2390
+ var count = prev + SLICE;
2391
+ return count;
2392
+ });
2393
+ };
2394
+ var hasNext = function () {
2395
+ return conversations.length >= sliceCount;
2396
+ };
2397
+ var resetConversations = function () {
2398
+ setConversations([]);
2399
+ };
2400
+ var mapConversationsUnread = function (prev) { return function (id) {
2401
+ return (prev || []).map(function (conversation) {
2402
+ if ((conversation === null || conversation === void 0 ? void 0 : conversation._id) === id) {
2403
+ return __assign(__assign({}, conversation), { totalUnreadMessages: 0 });
2404
+ }
2405
+ return conversation;
2406
+ });
2407
+ }; };
2408
+ var reorderConversations = function (conversations, ticketId) {
2409
+ var index = conversations.findIndex(function (conversation) { return conversation._id === ticketId; });
2410
+ if (index !== -1) {
2411
+ var conversationToMove = conversations.splice(index, 1)[0];
2412
+ conversations.unshift(conversationToMove);
2413
+ }
2414
+ };
2415
+ var mapConversationsIncrementUnread = function (prev, ticketId) { return function (id) {
2416
+ var updatedConversations = (prev || []).map(function (conversation) {
2417
+ if (conversation._id === id) {
2418
+ return __assign(__assign({}, conversation), { totalUnreadMessages: ticketId === id ? 0 : conversation.totalUnreadMessages + 1 });
2419
+ }
2420
+ return conversation;
2421
+ });
2422
+ reorderConversations(updatedConversations, ticketId);
2423
+ return updatedConversations;
2424
+ }; };
2425
+ var setAsRead = function (id) {
2426
+ setConversations(function (prev) { return mapConversationsUnread(prev)(id); });
2427
+ };
2428
+ var addConversations = function (conversations, goToNewConversation) {
2429
+ setConversations(conversations);
2430
+ if (goToNewConversation)
2431
+ goToNewConversation(conversations[0]);
2432
+ };
2433
+ var addOneUnreadToTicket = function (ticketId, currentChat) {
2434
+ setConversations(function (prev) {
2435
+ return mapConversationsIncrementUnread(prev, currentChat)(ticketId);
2436
+ });
2437
+ };
2438
+ var removeClosedConversation = function (ticketId) {
2439
+ var filtred = conversations.filter(function (conversation) { return conversation._id !== ticketId; });
2440
+ addConversations(filtred);
2441
+ };
2442
+ var closeIfIsCurrent = function (ticketId) {
2443
+ if (ticketId === (currentChat === null || currentChat === void 0 ? void 0 : currentChat._id)) {
2444
+ changeViewDesktop('empty');
2445
+ changeViewMobile('list');
2446
+ }
2447
+ };
2448
+ var onCloseChat = function (ticketId) {
2449
+ removeClosedConversation(ticketId);
2450
+ closeIfIsCurrent(ticketId);
2451
+ };
2452
+ var reset = function () {
2453
+ setSliceCount(SLICE);
2454
+ resetConversations();
2455
+ };
2456
+ return {
2457
+ onIntersect: onIntersect,
2458
+ reset: reset,
2459
+ conversations: conversations,
2460
+ hasNext: hasNext,
2461
+ addConversations: addConversations,
2462
+ addOneUnreadToTicket: addOneUnreadToTicket,
2463
+ setAsRead: setAsRead,
2464
+ sliceCount: sliceCount,
2465
+ currentChat: currentChat,
2466
+ selectChat: selectChat,
2467
+ onCloseChat: onCloseChat,
2468
+ changeViewDesktop: changeViewDesktop,
2469
+ viewDesktop: viewDesktop,
2470
+ changeViewMobile: changeViewMobile,
2471
+ viewMobile: viewMobile,
2472
+ };
2473
+ };
2474
+
2475
+ ;// CONCATENATED MODULE: ./src/app/Messenger/hooks/useMessages.tsx
2476
+
2477
+
2478
+ var useMessages = function () {
2479
+ var _a = (0,external_react_namespaceObject.useState)([]), messages = _a[0], setMessages = _a[1];
2480
+ var _b = (0,external_react_namespaceObject.useState)(0), totalMessages = _b[0], setTotalMessages = _b[1];
2481
+ var addMessages = function (messages) {
2482
+ setMessages(messages);
2483
+ };
2484
+ var addTotalMessages = function (total) {
2485
+ setTotalMessages(total);
2486
+ };
2487
+ var incrementMessages = function (ticket, currentChatId) {
2488
+ var existentMessage = messages.find(function (item) { return item.messagecode === ticket.message.messagecode; });
2489
+ if (ticket.message.ticketId === currentChatId && !existentMessage) {
2490
+ addMessages(__spreadArray(__spreadArray([], messages, true), [ticket.message], false));
2491
+ }
2492
+ };
2493
+ var updateMesssagesAsRead = function (ticket, currentChatId) {
2494
+ var _a;
2495
+ if (ticket.markAsRead || currentChatId === ((_a = ticket === null || ticket === void 0 ? void 0 : ticket.message) === null || _a === void 0 ? void 0 : _a.ticketId)) {
2496
+ var readMessages = messages.map(function (message) { return (__assign(__assign({}, message), { everybodyHasRead: true })); });
2497
+ addMessages(readMessages);
2498
+ }
2499
+ };
2500
+ var hasOlderMessages = function () {
2501
+ return messages.length > 9 && messages.length < totalMessages;
2502
+ };
2503
+ return {
2504
+ addMessages: addMessages,
2505
+ messages: messages,
2506
+ incrementMessages: incrementMessages,
2507
+ updateMesssagesAsRead: updateMesssagesAsRead,
2508
+ addTotalMessages: addTotalMessages,
2509
+ hasOlderMessages: hasOlderMessages,
2510
+ };
2511
+ };
2512
+
2513
+ ;// CONCATENATED MODULE: ./src/app/i18n/locales/pt.json
2514
+ const pt_namespaceObject = 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."}}}');
2515
+ ;// CONCATENATED MODULE: ./src/app/i18n/locales/en.json
2516
+ const en_namespaceObject = 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."}}}');
2517
+ ;// CONCATENATED MODULE: ./src/app/i18n/index.ts
2518
+
2519
+
2520
+ var chatResources = {
2521
+ pt: {
2522
+ newFormChat: pt_namespaceObject.xQ,
2523
+ messengerMessages: pt_namespaceObject.AH,
2524
+ messengerList: pt_namespaceObject.b3,
2525
+ },
2526
+ en: {
2527
+ newFormChat: en_namespaceObject.xQ,
2528
+ messengerMessages: en_namespaceObject.AH,
2529
+ messengerList: en_namespaceObject.b3,
2530
+ },
2531
+ };
2532
+
2533
+ ;// CONCATENATED MODULE: ./src/app/ChatProvider/ChatProvider.tsx
2534
+
2535
+ function ChatProvider(_a) {
2536
+ var children = _a.children;
2537
+ return external_react_namespaceObject["default"].createElement(external_react_namespaceObject["default"].Fragment, null, children);
2538
+ }
2539
+ /* harmony default export */ const ChatProvider_ChatProvider = (ChatProvider);
2540
+
2541
+ ;// CONCATENATED MODULE: ./src/index.ts
2542
+
2543
+
2544
+
2545
+
2546
+
2547
+
2548
+
2549
+
2550
+
2551
+
2552
+
2553
+
2554
+ })();
2555
+
2556
+ var __webpack_exports__ChatProvider = __webpack_exports__.aM;
2557
+ var __webpack_exports__MessengerList = __webpack_exports__.AM;
2558
+ var __webpack_exports__MessengerListItem = __webpack_exports__.Fx;
2559
+ var __webpack_exports__MessengerMessages = __webpack_exports__.tt;
2560
+ var __webpack_exports__MessengerThemeWrapper = __webpack_exports__.Vc;
2561
+ var __webpack_exports__NewChatButton = __webpack_exports__.Y3;
2562
+ var __webpack_exports__chatResources = __webpack_exports__.ig;
2563
+ var __webpack_exports__useConversations = __webpack_exports__.Z5;
2564
+ var __webpack_exports__useMessages = __webpack_exports__.y_;
2565
+ export { __webpack_exports__ChatProvider as ChatProvider, __webpack_exports__MessengerList as MessengerList, __webpack_exports__MessengerListItem as MessengerListItem, __webpack_exports__MessengerMessages as MessengerMessages, __webpack_exports__MessengerThemeWrapper as MessengerThemeWrapper, __webpack_exports__NewChatButton as NewChatButton, __webpack_exports__chatResources as chatResources, __webpack_exports__useConversations as useConversations, __webpack_exports__useMessages as useMessages };
2566
+
2
2567
  //# sourceMappingURL=agx-chat.esm.js.map