agx-chat-web 1.2.2 → 1.2.4

package/dist/esm/app/Messenger/icons/TimerIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimerIcon.js","sourceRoot":"","sources":["../../../../../src/app/Messenger/icons/TimerIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,CAAC,OAAO,UAAU,SAAS,CAAE,EAA4B;QAA1B,KAAK,WAAA;IACxC,OAAO,CACL,6BACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAE,KAAK,EACX,KAAK,EAAC,4BAA4B;QAElC,8BACE,CAAC,EAAC,0tDAA0tD,EAC5tD,IAAI,EAAE,KAAK,GACX,CACE,CACP,CAAA;AACH,CAAC"}

package/dist/esm/app/Messenger/icons/TrashIcon.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface IProps {
+    color: string;
+}
+export default function TrashIcon({ color }: IProps): React.JSX.Element;
+export {};

package/dist/esm/app/Messenger/icons/TrashIcon.js

@@ -0,0 +1,7 @@
+import React from 'react';
+export default function TrashIcon(_a) {
+    var color = _a.color;
+    return (React.createElement("svg", { width: '13', height: '17', viewBox: '0 0 13 17', fill: 'none', xmlns: 'http://www.w3.org/2000/svg' },
+        React.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 })));
+}
+//# sourceMappingURL=TrashIcon.js.map

package/dist/esm/app/Messenger/icons/TrashIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TrashIcon.js","sourceRoot":"","sources":["../../../../../src/app/Messenger/icons/TrashIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,MAAM,CAAC,OAAO,UAAU,SAAS,CAAE,EAAiB;QAAf,KAAK,WAAA;IACxC,OAAO,CACL,6BACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B;QAElC,8BACE,CAAC,EAAC,mTAAmT,EACrT,IAAI,EAAE,KAAK,GACX,CACE,CACP,CAAA;AACH,CAAC"}

package/dist/esm/app/Messenger/views/MessengerList.d.ts

@@ -0,0 +1,40 @@
+import React from 'react';
+import { IList } from 'types';
+interface IMessengerList {
+    affix?: React.ReactElement;
+    loading: boolean;
+    conversations: IList[];
+    currentId?: string;
+    failed?: boolean;
+    showBadge: boolean;
+    tab?: 'list' | 'messages';
+    className?: string;
+    onClick: (item: IList) => void;
+    searchChat: (search: string, key: string) => void;
+    searchKeys: {
+        label: string;
+        value: string;
+    }[];
+    messegerView: 'empty' | 'messages' | 'newChat';
+    helpDesk: boolean;
+    handleChangeTickets: (tab: string) => void;
+    loadingSearch: boolean;
+    chatListTabs: {
+        value: string;
+        label: string;
+    }[];
+    chatButtons: {
+        label: string;
+        onClick: () => void;
+        type: string;
+        canSee: boolean;
+        disabled?: boolean;
+    }[];
+    canSeeDetailsChat: boolean;
+    hasNext: boolean;
+    onIntersect: () => void;
+    sliceCount: number;
+    currentViewerId: string;
+}
+declare function MessengerList({ affix, conversations, tab, className, loading, failed, showBadge, currentId, onClick, searchChat, searchKeys, messegerView, helpDesk, handleChangeTickets, chatListTabs, chatButtons, loadingSearch, canSeeDetailsChat, hasNext, onIntersect, sliceCount, currentViewerId, }: IMessengerList): React.JSX.Element;
+export default MessengerList;

package/dist/esm/app/Messenger/views/MessengerList.js

@@ -0,0 +1,46 @@
+import React, { Fragment } from 'react';
+import ChatTabs from '../components/ChatTabs/ChatTabs';
+import ChatButtons from '../components/ChatButton/ChatButton';
+import SearchInput from '../components/SearchInput/SearchInput';
+import MessengerListItem, { activeItem } from './MessengerListItem';
+import useTheme from '../hooks/useThemes';
+import EmptyIcon from '../icons/EmptyIcon';
+import InfiniteScroll from '../components/InfiniteScroll/InfiniteScroll';
+import { useTranslation } from 'react-i18next';
+var ListLoading = function () {
+    var theme = useTheme().theme;
+    return (React.createElement(Fragment, null, new Array(5).fill('').map(function (_, idx) { return (React.createElement("button", { key: "asideSkeleton".concat(idx), style: {
+            background: theme.listItemHover,
+            borderBottom: idx < 4 ? "1px solid ".concat(theme.borderColor) : '0',
+        }, className: 'messenger__aside-skeleton' })); })));
+};
+function MessengerList(_a) {
+    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;
+    var t = useTranslation('messengerList').t;
+    var theme = useTheme().theme;
+    return (React.createElement("aside", { className: "messenger__aside ".concat(className, " ").concat(tab === 'messages' ? 'messenger__mobile-hide' : ''), style: {
+            border: "1px solid ".concat(theme.borderColor),
+            borderRadius: '20px 0 0 20px',
+            background: theme.asideBg,
+        } },
+        React.createElement("div", { className: 'messenger__buttons-container' },
+            React.createElement(ChatButtons, { chatButtons: chatButtons, messegerView: messegerView, removeActiveItem: function (e) {
+                    activeItem(e, 'messenger__aside-list-item', 'messenger__aside-list-item--active');
+                } }),
+            helpDesk && (React.createElement(SearchInput, { searchKeys: searchKeys, searchChat: searchChat, loadingSearch: loadingSearch }))),
+        affix && (React.createElement("div", { className: 'messenger__aside-header' }, React.cloneElement(affix))),
+        React.createElement(ChatTabs, { chatListTabs: chatListTabs, handleChangeTickets: handleChangeTickets }),
+        React.createElement("div", { className: 'messenger__aside-list' },
+            React.createElement(InfiniteScroll, { root: document.querySelector('.messenger__aside-list'), loading: loading, loadingCover: React.createElement(ListLoading, null), more: hasNext, fetch: onIntersect }, Array.isArray(conversations) &&
+                conversations.length > 0 &&
+                conversations.slice(0, sliceCount).map(function (item) {
+                    return (React.createElement("div", { key: item === null || item === void 0 ? void 0 : item._id, className: "messenger__aside-item-container ".concat(showBadge ? 'messenger__active-badge' : '') },
+                        React.createElement(MessengerListItem, { canSeeDetailsChat: canSeeDetailsChat, currentId: currentId, item: item, onClick: onClick, currentViewerId: currentViewerId })));
+                })),
+            failed ||
+                ((conversations === null || conversations === void 0 ? void 0 : conversations.length) === 0 && !loading && (React.createElement("div", { className: 'messenger__aside-empty' },
+                    React.createElement(EmptyIcon, null),
+                    React.createElement("p", null, t('noChatFound'))))))));
+}
+export default MessengerList;
+//# sourceMappingURL=MessengerList.js.map

package/dist/esm/app/Messenger/views/MessengerList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessengerList.js","sourceRoot":"","sources":["../../../../../src/app/Messenger/views/MessengerList.tsx"],"names":[],"mappings":"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"}

package/dist/esm/app/Messenger/views/MessengerListItem.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { IList } from 'types';
+interface IListItem {
+    onClick: (item: IList) => void;
+    item: IList;
+    currentId?: string;
+    canSeeDetailsChat: boolean;
+    currentViewerId: string;
+}
+export declare function activeItem(e: React.MouseEvent<HTMLElement, MouseEvent>, defaultClass: string, activeClass: string): void;
+declare function MessengerListItem({ item, onClick, canSeeDetailsChat, currentId, currentViewerId, }: IListItem): React.JSX.Element;
+export default MessengerListItem;

package/dist/esm/app/Messenger/views/MessengerListItem.js

@@ -0,0 +1,99 @@
+import React, { useState, useMemo, useEffect } from 'react';
+import { SlaDates, timeAsDayjs } from '../classes/slaCalculations';
+import MessengerAvatar from '../components/MessengerAvatar/MessengerAvatar';
+import useTheme from '../hooks/useThemes';
+import TimerIcon from '../icons/TimerIcon';
+export function activeItem(e, defaultClass, activeClass) {
+    var click = document.querySelectorAll(".".concat(defaultClass));
+    click.forEach(function (item) {
+        item.classList.remove(activeClass);
+    });
+    e.currentTarget.className += " ".concat(activeClass, " ");
+}
+function MessengerListItem(_a) {
+    var _b, _c;
+    var item = _a.item, onClick = _a.onClick, canSeeDetailsChat = _a.canSeeDetailsChat, currentId = _a.currentId, currentViewerId = _a.currentViewerId;
+    var _d = useState(item.totalUnreadMessages), unreadMessages = _d[0], setUnreadMessages = _d[1];
+    var closedChat = useMemo(function () {
+        return item.status.current.state === 'final'
+            ? 'messenger__aside-list-item--closed'
+            : '';
+    }, [item]);
+    var _e = useState(''), background = _e[0], setBackground = _e[1];
+    var _f = useState(null), counter = _f[0], setCounter = _f[1];
+    var theme = useTheme().theme;
+    var isInprogress = ((_c = (_b = item.status) === null || _b === void 0 ? void 0 : _b.current) === null || _c === void 0 ? void 0 : _c.systemicValue) === 'inprogress';
+    var otherChatMember = useMemo(function () {
+        return (item === null || item === void 0 ? void 0 : item.users.find(function (item) { return item.uniqueCode !== currentViewerId; })) ||
+            item.creator;
+    }, [item === null || item === void 0 ? void 0 : item.users, currentViewerId]);
+    useEffect(function () {
+        var _a;
+        var interval;
+        if (isInprogress && canSeeDetailsChat) {
+            var sla = new SlaDates(timeAsDayjs(item.currentTime).diff(item.createdAt, 'second'));
+            var diference = sla.calculateWorkingTime(timeAsDayjs(item.createdAt), timeAsDayjs(), { start: 9, end: 18 });
+            setCounter(diference);
+            if (sla.canUpdateClock(timeAsDayjs())) {
+                interval = setInterval(function () {
+                    setCounter(function (prev) { return (prev !== null ? prev + 1 : null); });
+                }, 1000);
+            }
+        }
+        else {
+            setCounter((_a = item.SLATimePassed) !== null && _a !== void 0 ? _a : null);
+        }
+        return function () {
+            clearInterval(interval);
+        };
+    }, []);
+    useEffect(function () {
+        setUnreadMessages(item.totalUnreadMessages);
+    }, [item]);
+    function handleClick(e, item) {
+        activeItem(e, 'messenger__aside-list-item', 'messenger__aside-list-item--active');
+        onClick(item);
+    }
+    function formatUnreadMessages(unread) {
+        if (!unread)
+            return 0;
+        if (unread >= 99)
+            return 99;
+        return unread;
+    }
+    var onMouseOver = function () {
+        setBackground(theme === null || theme === void 0 ? void 0 : theme.listItemHover);
+    };
+    var onMouseLeave = function () {
+        setBackground('');
+    };
+    var ShowTimer = function () {
+        if (counter === null)
+            return null;
+        return (React.createElement("span", { className: 'messenger__aside-timer', style: {
+                background: SlaDates.getColorsByTime(counter),
+                color: 'var(--secondary-color)',
+                width: 'fit-content',
+            } },
+            React.createElement(TimerIcon, { color: 'var(--secondary-color)' }),
+            "\u00A0",
+            React.createElement("b", null, SlaDates.secondsInHours(counter))));
+    };
+    return (React.createElement("div", { className: "messenger__aside-list-item ".concat(closedChat), onClick: function (e) { return handleClick(e, item); }, onMouseOver: onMouseOver, onMouseLeave: onMouseLeave, style: {
+            color: theme === null || theme === void 0 ? void 0 : theme.asideFontColor,
+            backgroundColor: currentId === item._id ? theme === null || theme === void 0 ? void 0 : theme.active : background,
+        } },
+        React.createElement(MessengerAvatar, { image: otherChatMember === null || otherChatMember === void 0 ? void 0 : otherChatMember.image }, otherChatMember && otherChatMember.username
+            ? otherChatMember.username.slice(0, 1)
+            : ''),
+        React.createElement("div", { className: 'messenger__aside-list-item--info' },
+            React.createElement("p", { className: 'messenger__aside-list-item--title' }, otherChatMember === null || otherChatMember === void 0 ? void 0 : otherChatMember.username),
+            (item === null || item === void 0 ? void 0 : item.reason) && (React.createElement("p", { className: 'messenger__aside-list-item--description' }, item.reason)),
+            canSeeDetailsChat && React.createElement(ShowTimer, null)),
+        item && (React.createElement("div", { className: 'messenger__aside-list-item--additional' },
+            canSeeDetailsChat && "#".concat(item.protocol),
+            unreadMessages > 0 && (React.createElement("div", { className: 'messenger__aside-list-item--unread' },
+                React.createElement("span", null, formatUnreadMessages(unreadMessages))))))));
+}
+export default MessengerListItem;
+//# sourceMappingURL=MessengerListItem.js.map

package/dist/esm/app/Messenger/views/MessengerListItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessengerListItem.js","sourceRoot":"","sources":["../../../../../src/app/Messenger/views/MessengerListItem.tsx"],"names":[],"mappings":"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"}

package/dist/esm/app/Messenger/views/MessengerMessages.d.ts

@@ -0,0 +1,35 @@
+import React from 'react';
+import { ICommonProps, IList, IMessages, IOption } from 'types';
+interface IScrollableContainer {
+    loading: boolean;
+    onIntersect: () => Promise<void>;
+    hasNext: boolean;
+}
+type MessengerView = 'empty' | 'messages' | 'newChat';
+interface IMessengerMessages extends ICommonProps, IScrollableContainer {
+    header: React.ReactElement;
+    current?: IList;
+    creatorId?: string;
+    allowImages: boolean;
+    tab?: 'list' | 'messages';
+    messegerView: MessengerView;
+    className?: string;
+    messages: IMessages[];
+    onSubmit: (value: FormData, callback: () => void) => Promise<void>;
+    cancelNewChat: () => void;
+    formatDate: (date: string | Date) => string | undefined;
+    reasons: Array<IOption>;
+    products: Array<IOption>;
+    submitNewChat: (values: FormData) => void;
+    newChatLoading: boolean;
+    maxFileSize: () => Promise<{
+        data: {
+            data: {
+                maxFileSize: number;
+            };
+        };
+    }>;
+}
+export declare function SpinLoading(): React.JSX.Element;
+declare function MessengerMessages({ header, tab, className, current, messages, allowImages, creatorId, loading, onSubmit, submitNewChat, cancelNewChat, reasons, products, messegerView, formatDate, hasNext, onIntersect, newChatLoading, maxFileSize, }: IMessengerMessages): React.JSX.Element;
+export default MessengerMessages;

package/dist/esm/app/Messenger/views/MessengerMessages.js

@@ -0,0 +1,181 @@
+import { __assign, __awaiter, __generator, __rest } from "tslib";
+import React, { Fragment, useState, useRef, useEffect, } from 'react';
+import ImagesContainer from '../components/ImagesContainer/ImagesContainer';
+import MessageBalloon from '../components/MessageBallon/MessageBalloon';
+import MessageIcon from '../icons/MessageIcon';
+import useTheme from '../hooks/useThemes';
+import NewChatForm from './NewFormChat';
+import EmptyIcon from '../icons/EmptyIcon';
+import SendMessageForm from '../components/SendMessageForm/SendMessageForm';
+import InfiniteScroll from '../components/InfiniteScroll/InfiniteScroll';
+import { formatFileSize } from '../components/DocMessage/DocMessage';
+import { useTranslation } from 'react-i18next';
+function MessagesContainerView(_a) {
+    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;
+    var theme = useTheme().theme;
+    var t = useTranslation('messengerMessages').t;
+    if (messegerView === 'empty') {
+        return (React.createElement("div", { className: 'messenger__messages-container--empty', style: { backgroundColor: theme === null || theme === void 0 ? void 0 : theme.messengerNotSelectedBg } },
+            React.createElement(MessageIcon, { width: '72', height: '72' }),
+            React.createElement("p", null, t('selectConversation'))));
+    }
+    if (messegerView === 'newChat') {
+        return (React.createElement(NewChatForm, { reasons: reasons, products: products, submitNewChat: submitNewChat, cancelNewChat: cancelNewChat, loading: newChatLoading, maxFileSize: maxFileSize, loadingResources: loadingResources }));
+    }
+    return React.createElement(React.Fragment, null, children);
+}
+export function SpinLoading() {
+    return (React.createElement("div", { className: 'messenger__messages-loading' },
+        React.createElement("div", { className: 'messenger__messages-loading--loader' })));
+}
+function Messages(_a) {
+    var messages = _a.messages, creatorId = _a.creatorId, formatDate = _a.formatDate, loading = _a.loading;
+    var theme = useTheme().theme;
+    var t = useTranslation('messengerMessages').t;
+    if (!messages || (messages.length === 0 && !loading)) {
+        return (React.createElement("div", { className: 'messenger__message-empty', style: { color: theme.emptyMessagesFontColor } },
+            React.createElement(EmptyIcon, null),
+            React.createElement("p", null, t('noMessagesFound'))));
+    }
+    return (React.createElement(React.Fragment, null, messages.map(function (item, idx) {
+        return (React.createElement(Fragment, { key: "".concat(item.ticketId, "_").concat(item.senderId, "_").concat(idx) },
+            React.createElement(MessageBalloon, { id: "message_".concat(idx), formatDate: formatDate, creatorId: creatorId, item: item })));
+    })));
+}
+var onScrollToBottom = function (scrollContainer) {
+    if (scrollContainer.current) {
+        scrollContainer.current.scrollTop = Number.MAX_SAFE_INTEGER;
+    }
+};
+function MessagesContainer(_a) {
+    var children = _a.children, fowardRef = _a.fowardRef, rest = __rest(_a, ["children", "fowardRef"]);
+    var theme = useTheme().theme;
+    return (React.createElement("div", __assign({}, rest, { ref: fowardRef, className: 'messenger__messages-container', style: {
+            padding: '1rem',
+            backgroundColor: theme === null || theme === void 0 ? void 0 : theme.messengerMessagesBg,
+            border: "1px solid ".concat(theme.borderColor),
+        } }), children));
+}
+function ScrollableContainer(_a) {
+    var _this = this;
+    var children = _a.children, loading = _a.loading, onIntersect = _a.onIntersect, hasNext = _a.hasNext, scrollContainerFowardRef = _a.scrollContainerFowardRef;
+    var intersetRootMargin = 300;
+    var getElementScrollHeight = function (divRef) {
+        if (!divRef)
+            return null;
+        return divRef.scrollHeight;
+    };
+    var getElementScrollTop = function (divRef) {
+        if (!divRef)
+            return null;
+        return divRef.scrollTop;
+    };
+    var calculateScrollToDecrease = function (elementBeforeIntersetHeight, elementAfterIntersectHeight, intersetRootMargin) {
+        return (Math.abs(elementAfterIntersectHeight - elementBeforeIntersetHeight) +
+            intersetRootMargin);
+    };
+    var isNill = function (value) {
+        return value === null && value === undefined;
+    };
+    var onFetchInfiniteScroll = function () { return __awaiter(_this, void 0, void 0, function () {
+        var elementBeforeIntersetHeight, elementAfterIntersectHeight, currentScrollTop;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    elementBeforeIntersetHeight = getElementScrollHeight(scrollContainerFowardRef.current);
+                    return [4 /*yield*/, onIntersect()];
+                case 1:
+                    _a.sent();
+                    elementAfterIntersectHeight = getElementScrollHeight(scrollContainerFowardRef.current);
+                    if (scrollContainerFowardRef.current &&
+                        !isNill(elementBeforeIntersetHeight) &&
+                        !isNill(elementAfterIntersectHeight)) {
+                        currentScrollTop = getElementScrollTop(scrollContainerFowardRef.current) || 0;
+                        scrollContainerFowardRef.current.scrollTop = calculateScrollToDecrease(elementAfterIntersectHeight, elementBeforeIntersetHeight, currentScrollTop);
+                    }
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    useEffect(function () {
+        onScrollToBottom(scrollContainerFowardRef);
+    }, []);
+    return (React.createElement(MessagesContainer, { fowardRef: scrollContainerFowardRef },
+        React.createElement(InfiniteScroll, { root: document.querySelector('.messenger__messages-container'), loading: loading, loadingCover: React.createElement(SpinLoading, null), more: hasNext, fetch: onFetchInfiniteScroll, rootMargin: intersetRootMargin, reverse: true }, children)));
+}
+function MessengerMessages(_a) {
+    var _this = this;
+    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;
+    var t = useTranslation('messengerMessages').t;
+    var _c = useState(), file = _c[0], setFile = _c[1];
+    var scrollContainerRef = useRef(null);
+    var _d = useState(false), isSending = _d[0], setIsSending = _d[1];
+    var _e = useState(''), maxSize = _e[0], setMaxSize = _e[1];
+    var theme = useTheme().theme;
+    var styleClassnames = {
+        mobile: tab === 'list' ? 'messenger__mobile-hide' : '',
+    };
+    var updateFile = function (file) {
+        setFile(file);
+    };
+    var onSubmitNewMessage = function (message, callback) { return __awaiter(_this, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    setIsSending(true);
+                    _a.label = 1;
+                case 1:
+                    _a.trys.push([1, , 3, 4]);
+                    return [4 /*yield*/, onSubmit(message, callback)];
+                case 2:
+                    _a.sent();
+                    onScrollToBottom(scrollContainerRef);
+                    return [3 /*break*/, 4];
+                case 3:
+                    setIsSending(false);
+                    return [7 /*endfinally*/];
+                case 4: return [2 /*return*/];
+            }
+        });
+    }); };
+    useEffect(function () {
+        var fetchMaxFileSize = function () { return __awaiter(_this, void 0, void 0, function () {
+            var response, size, error_1;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        _a.trys.push([0, 2, , 3]);
+                        return [4 /*yield*/, maxFileSize()];
+                    case 1:
+                        response = _a.sent();
+                        size = formatFileSize(response.data.data.maxFileSize);
+                        setMaxSize(size);
+                        return [3 /*break*/, 3];
+                    case 2:
+                        error_1 = _a.sent();
+                        console.error(t('errorSearchingMaxFileSize'), error_1);
+                        return [3 /*break*/, 3];
+                    case 3: return [2 /*return*/];
+                }
+            });
+        }); };
+        fetchMaxFileSize();
+    }, [maxSize]);
+    return (React.createElement("div", { className: "messenger__messages ".concat(className, " ").concat(styleClassnames.mobile, " ") },
+        React.createElement(MessagesContainerView, { newChatLoading: newChatLoading, reasons: reasons, products: products, submitNewChat: submitNewChat, cancelNewChat: cancelNewChat, messegerView: messegerView, maxFileSize: maxSize, loadingResources: loading },
+            file ? (React.createElement(ImagesContainer, { file: file, onClose: function () { return setFile(null); } })) : (React.createElement(React.Fragment, null,
+                React.createElement("div", { className: 'messenger__messages-header', style: {
+                        backgroundColor: theme === null || theme === void 0 ? void 0 : theme.headerAndSenderBg,
+                        border: "1px solid ".concat(theme.borderColor),
+                    } }, React.cloneElement(header)),
+                loading && !messages.length ? (React.createElement(MessagesContainer, { fowardRef: scrollContainerRef },
+                    React.createElement(SpinLoading, null))) : (React.createElement(ScrollableContainer, { scrollContainerFowardRef: scrollContainerRef, loading: loading, hasNext: hasNext, onIntersect: onIntersect },
+                    React.createElement(Messages, { formatDate: formatDate, messages: messages, creatorId: creatorId, loading: loading }))))),
+            React.createElement("div", { className: 'messenger__messages-send', style: {
+                    backgroundColor: theme === null || theme === void 0 ? void 0 : theme.headerAndSenderBg,
+                    border: "1px solid ".concat(theme.borderColor),
+                } },
+                React.createElement(SendMessageForm, { allowImages: allowImages, onSubmit: onSubmitNewMessage, file: file, updateFile: updateFile, current: current, isLoading: isSending, maxFileSize: maxSize })))));
+}
+export default MessengerMessages;
+//# sourceMappingURL=MessengerMessages.js.map

package/dist/esm/app/Messenger/views/MessengerMessages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessengerMessages.js","sourceRoot":"","sources":["../../../../../src/app/Messenger/views/MessengerMessages.tsx"],"names":[],"mappings":"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"}

package/dist/esm/app/Messenger/views/NewFormChat.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { IOption } from 'types';
+interface IProps {
+    submitNewChat: (values: FormData) => void;
+    cancelNewChat: () => void;
+    reasons: Array<IOption>;
+    products: Array<IOption>;
+    loading: boolean;
+    maxFileSize: string;
+    loadingResources: boolean;
+}
+declare function NewChatForm({ submitNewChat, cancelNewChat, reasons, products, loading, maxFileSize, loadingResources, }: IProps): React.JSX.Element;
+export default NewChatForm;

package/dist/esm/app/Messenger/views/NewFormChat.js

@@ -0,0 +1,68 @@
+import { __spreadArray } from "tslib";
+import React, { useState } from 'react';
+import InputFile from '../components/InputFile/InputFile';
+import Select from '../components/Select/Select';
+import Textarea from '../components/TextArea/TextArea';
+import useTheme from '../hooks/useThemes';
+import CloseIcon from '../icons/CloseIcon';
+import { useTranslation } from 'react-i18next';
+function NewChatForm(_a) {
+    var _b, _c;
+    var submitNewChat = _a.submitNewChat, cancelNewChat = _a.cancelNewChat, reasons = _a.reasons, products = _a.products, loading = _a.loading, maxFileSize = _a.maxFileSize, loadingResources = _a.loadingResources;
+    var _d = 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];
+    var _e = 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];
+    var _f = useState(), message = _f[0], setMessage = _f[1];
+    var _g = useState([]), fileList = _g[0], setFileList = _g[1];
+    var t = useTranslation('newFormChat').t;
+    var theme = useTheme().theme;
+    var onSubmit = function (event) {
+        var data2 = new FormData();
+        event.preventDefault();
+        fileList.forEach(function (file) {
+            data2.append("documents", file, file.name);
+        });
+        if (reason)
+            data2.append('reason', reason);
+        if (product)
+            data2.append('product', product);
+        if (message)
+            data2.append('message', message);
+        submitNewChat(data2);
+    };
+    var onUpdateFile = function (file) {
+        setFileList(function (files) { return __spreadArray(__spreadArray([], files, true), [file], false); });
+    };
+    var onRemoveFile = function (file) {
+        setFileList(fileList.filter(function (item) { return item !== file; }));
+    };
+    return (React.createElement("div", { className: 'messenger__new-chat-form', style: {
+            backgroundColor: theme.newChatFormBg,
+            borderRadius: theme.newChatFormRadius,
+        } },
+        React.createElement("div", { className: 'messenger__new-chat-form-header' },
+            React.createElement("h2", { className: 'messenger__new-chat-form-title' },
+                React.createElement("b", { style: { color: theme.newChatFormTexts } }, t('newChat'))),
+            React.createElement("button", { onClick: cancelNewChat, className: 'messenger__new-chat-form-close' },
+                React.createElement(CloseIcon, null))),
+        React.createElement("h3", { className: 'messenger__disclaimer', style: {
+                borderColor: theme.disclaimerPrimaryColor,
+                color: theme.disclaimerTextColor,
+                backgroundColor: theme.disclaimerSecondaryColor,
+            } },
+            t('description.1'),
+            " ",
+            React.createElement("b", null, t('description.1/2bold')),
+            ' ',
+            t('description.2')),
+        React.createElement("form", { onSubmit: onSubmit, className: 'messenger__new-chat-fields' },
+            React.createElement(Select, { onChange: function (value) { return setReason(value); }, options: reasons, placeholder: t('fields.reasons.placeholder'), name: 'reasons', value: reason, label: t('fields.reasons.label') }),
+            React.createElement(Select, { onChange: function (value) { return setProduct(value); }, options: products, placeholder: t('fields.product.placeholder'), value: product, name: 'product', label: t('fields.product.label') }),
+            React.createElement(InputFile, { fileList: fileList, onUpdateFile: onUpdateFile, onRemoveFile: onRemoveFile, label: t('fields.document.label'), maxSize: maxFileSize, loading: loadingResources }),
+            React.createElement(Textarea, { onChange: function (value) { return setMessage(value); }, placeholder: t('fields.message.placeholder'), name: 'message', label: t('fields.message.label') }),
+            React.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: {
+                    backgroundColor: !loading ? theme.buttonPrimary : '#ccc',
+                    color: theme.buttonPrimaryText,
+                } }, !loading ? t('buttons.send') : t('buttons.sendingButton')))));
+}
+export default NewChatForm;
+//# sourceMappingURL=NewFormChat.js.map

package/dist/esm/app/Messenger/views/NewFormChat.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NewFormChat.js","sourceRoot":"","sources":["../../../../../src/app/Messenger/views/NewFormChat.tsx"],"names":[],"mappings":"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"}

package/dist/esm/app/i18n/index.d.ts

@@ -0,0 +1,3 @@
+import i18n from 'i18next';
+export default i18n;
+export declare function setLanguage(lang: string): void;

package/dist/esm/app/i18n/index.js

@@ -0,0 +1,32 @@
+import i18n from 'i18next';
+import { initReactI18next } from 'react-i18next';
+import pt from './locales/pt.json';
+import en from './locales/en.json';
+var resources = makeResources();
+function makeResources() {
+    return {
+        en: {
+            newFormChat: en.newFormChat,
+            messengerMessages: en.messengerMessages,
+            messengerList: en.messengerList,
+        },
+        pt: {
+            newFormChat: pt.newFormChat,
+            messengerMessages: pt.messengerMessages,
+            messengerList: pt.messengerList,
+        },
+    };
+}
+i18n.use(initReactI18next).init({
+    resources: resources,
+    lng: 'pt',
+    fallbackLng: 'pt',
+    interpolation: {
+        escapeValue: false,
+    },
+});
+export default i18n;
+export function setLanguage(lang) {
+    i18n.changeLanguage(lang);
+}
+//# sourceMappingURL=index.js.map

package/dist/esm/app/i18n/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/app/i18n/index.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,SAAS,CAAA;AAC1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAEhD,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAClC,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAElC,IAAM,SAAS,GAAG,aAAa,EAAE,CAAA;AACjC,SAAS,aAAa;IACpB,OAAO;QACL,EAAE,EAAE;YACF,WAAW,EAAE,EAAE,CAAC,WAAW;YAC3B,iBAAiB,EAAE,EAAE,CAAC,iBAAiB;YACvC,aAAa,EAAE,EAAE,CAAC,aAAa;SAChC;QACD,EAAE,EAAE;YACF,WAAW,EAAE,EAAE,CAAC,WAAW;YAC3B,iBAAiB,EAAE,EAAE,CAAC,iBAAiB;YACvC,aAAa,EAAE,EAAE,CAAC,aAAa;SAChC;KACF,CAAA;AACH,CAAC;AAED,IAAI,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC,IAAI,CAAC;IAC9B,SAAS,WAAA;IACT,GAAG,EAAE,IAAI;IACT,WAAW,EAAE,IAAI;IACjB,aAAa,EAAE;QACb,WAAW,EAAE,KAAK;KACnB;CACF,CAAC,CAAA;AAEF,eAAe,IAAI,CAAA;AAEnB,MAAM,UAAU,WAAW,CAAE,IAAY;IACvC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,CAAA;AAC3B,CAAC"}

package/dist/esm/index.d.ts

@@ -0,0 +1,11 @@
+import './styles/index.less';
+import MessengerList from './app/Messenger/views/MessengerList';
+import MessengerMessages from './app/Messenger/views/MessengerMessages';
+import MessengerListItem from './app/Messenger/views/MessengerListItem';
+import MessengerThemeWrapper from './app/Messenger/components/MessengerThemeWrapper/MessengerThemeWrapper';
+import NewChatButton from './app/Messenger/components/ChatButton/ChatButton';
+import { useConversations } from './app/Messenger/hooks/useConversations';
+import { useMessages } from './app/Messenger/hooks/useMessages';
+import { setLanguage } from './app/i18n';
+import ChatProvider from './app/ChatProvider/ChatProvider';
+export { MessengerList, MessengerMessages, MessengerListItem, MessengerThemeWrapper, NewChatButton, useConversations, useMessages, setLanguage, ChatProvider, };