agx-chat-web 0.4.9

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

@@ -0,0 +1,50 @@
+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';
+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 }, className: "messenger__aside-skeleton" })); })));
+};
+var ShowProtocol = function (_a) {
+    var item = _a.item;
+    var theme = useTheme().theme;
+    return (React.createElement("span", { className: 'messenger__aside-protocol', style: {
+            background: theme.buttonPrimary,
+            color: theme.buttonPrimaryText
+        } },
+        "#",
+        item.protocol));
+};
+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, canSeeTimer = _a.canSeeTimer, hasNext = _a.hasNext, onIntersect = _a.onIntersect, sliceCount = _a.sliceCount;
+    var theme = useTheme().theme;
+    return (React.createElement("aside", { className: "messenger__aside ".concat(className, " ").concat(tab === 'messages' ? '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(ShowProtocol, { item: item }),
+                    React.createElement(MessengerListItem, { canSeeTimer: canSeeTimer, currentId: currentId, item: item, onClick: onClick })));
+            })),
+            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, "Nenhuma conversa encontrada"))))));
+}
+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":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEvC,OAAO,QAAQ,MAAM,iCAAiC,CAAA;AACtD,OAAO,WAAW,MAAM,qCAAqC,CAAA;AAC7D,OAAO,WAAW,MAAM,uCAAuC,CAAA;AAC/D,OAAO,iBAAiB,EAAE,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAA;AACnE,OAAO,QAAQ,MAAM,oBAAoB,CAAA;AACzC,OAAO,SAAS,MAAM,oBAAoB,CAAA;AAC1C,OAAO,cAAc,MAAM,6CAA6C,CAAA;AAgCxE,IAAM,WAAW,GAAG;IACX,IAAA,KAAK,GAAI,QAAQ,EAAE,MAAd,CAAc;IAC1B,OAAO,CACL,oBAAC,QAAQ,QACN,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,UAAC,CAAC,EAAE,GAAG,IAAK,OAAA,CACrC,gCACE,GAAG,EAAE,uBAAgB,GAAG,CAAE,EAC1B,KAAK,EAAE,EAAC,UAAU,EAAE,KAAK,CAAC,aAAa,EAAC,EACxC,SAAS,EAAC,2BAA2B,GACrC,CACH,EANsC,CAMtC,CAAC,CACO,CACZ,CAAA;AACH,CAAC,CAAA;AAED,IAAM,YAAY,GAAG,UAAC,EAAyB;QAAvB,IAAI,UAAA;IAClB,IAAA,KAAK,GAAK,QAAQ,EAAE,MAAf,CAAe;IAC5B,OAAO,CACL,8BACE,SAAS,EAAC,2BAA2B,EACrC,KAAK,EAAE;YACL,UAAU,EAAE,KAAK,CAAC,aAAa;YAC/B,KAAK,EAAE,KAAK,CAAC,iBAAiB;SAC/B;;QAEC,IAAI,CAAC,QAAQ,CACV,CACR,CAAA;AACH,CAAC,CAAA;AAGD,SAAS,aAAa,CAAC,EAsBN;QArBf,KAAK,WAAA,EACL,aAAa,mBAAA,EACb,GAAG,SAAA,EACH,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,OAAO,aAAA,EACP,MAAM,YAAA,EACN,SAAS,eAAA,EACT,SAAS,eAAA,EACT,OAAO,aAAA,EACP,UAAU,gBAAA,EACV,UAAU,gBAAA,EACV,YAAY,kBAAA,EACZ,QAAQ,cAAA,EACR,mBAAmB,yBAAA,EACnB,YAAY,kBAAA,EACZ,WAAW,iBAAA,EACX,aAAa,mBAAA,EACb,WAAW,iBAAA,EACX,OAAO,aAAA,EACP,WAAW,iBAAA,EACX,UAAU,gBAAA;IAEF,IAAA,KAAK,GAAK,QAAQ,EAAE,MAAf,CAAe;IAE5B,OAAO,CACL,+BACE,SAAS,EAAE,2BAAoB,SAAS,cAAI,GAAG,KAAK,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,CAAE,EACrF,KAAK,EAAE;YACL,MAAM,EAAE,oBAAa,KAAK,CAAC,WAAW,CAAE;YACxC,YAAY,EAAE,eAAe;YAC7B,UAAU,EAAE,KAAK,CAAC,OAAO;SAC1B;QAED,6BAAK,SAAS,EAAC,8BAA8B;YAC3C,oBAAC,WAAW,IACV,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,gBAAgB,EAAE,UAAC,CAA4C;oBAC7D,UAAU,CAAC,CAAC,EAAE,4BAA4B,EAAE,oCAAoC,CAAC,CAAA;gBACnF,CAAC,GACD;YAED,QAAQ;gBACP,oBAAC,WAAW,IACV,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,GAC5B,CAEA;QAEL,KAAK,IAAI,CACR,6BAAK,SAAS,EAAC,yBAAyB,IACrC,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,CACtB,CACP;QAED,oBAAC,QAAQ,IACP,YAAY,EAAE,YAAY,EAC1B,mBAAmB,EAAE,mBAAmB,GACxC;QAEF,6BAAK,SAAS,EAAC,uBAAuB;YACpC,oBAAC,cAAc,IACb,IAAI,EAAE,QAAQ,CAAC,aAAa,CAAC,wBAAwB,CAAC,EACtD,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,oBAAC,WAAW,OAAG,EAC7B,IAAI,EAAE,OAAO,EACb,KAAK,EAAE,WAAW,IAEjB,KAAK,CAAC,OAAO,CAAC,aAAa,CAAC,IAAI,aAAa,CAAC,MAAM,GAAG,CAAC,IAAI,aAAa,CAAC,KAAK,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC,GAAG,CAAC,UAAC,IAAI;gBACvG,OAAO,CACL,6BACE,GAAG,EAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,GAAG,EACd,SAAS,EAAE,0CAAmC,SAAS,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,EAAE,CAAE;oBAE1F,oBAAC,YAAY,IAAC,IAAI,EAAE,IAAI,GAAI;oBAC5B,oBAAC,iBAAiB,IAChB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,GAChB,CACE,CACP,CAAA;YACH,CAAC,CAAC,CACa;YAEhB,MAAM,IAAI,CAAC,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,MAAM,MAAK,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CACtD,6BAAK,SAAS,EAAC,wBAAwB;gBACrC,oBAAC,SAAS,OAAG;gBACb,6DAAkC,CAC9B,CACP,CACG,CACA,CACT,CAAA;AACH,CAAC;AAED,eAAe,aAAa,CAAA"}

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

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

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

@@ -0,0 +1,87 @@
+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, _d, _e;
+    var item = _a.item, onClick = _a.onClick, canSeeTimer = _a.canSeeTimer, currentId = _a.currentId;
+    var _f = useState(item.totalUnreadMessages), unreadMessages = _f[0], setUnreadMessages = _f[1];
+    var closedChat = useMemo(function () { return item.status.current.state === 'final' ? 'messenger__aside-list-item--closed' : ''; }, [item]);
+    var _g = useState(''), background = _g[0], setBackground = _g[1];
+    var _h = useState(null), counter = _h[0], setCounter = _h[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';
+    useEffect(function () {
+        var _a;
+        var interval;
+        if (isInprogress && canSeeTimer) {
+            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: 'white'
+            } },
+            React.createElement(TimerIcon, null),
+            "\u00A0",
+            React.createElement("b", null, SlaDates.secondsInHours(counter))));
+    };
+    return (React.createElement(React.Fragment, null,
+        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: (_d = item === null || item === void 0 ? void 0 : item.creator) === null || _d === void 0 ? void 0 : _d.image }, ((item === null || item === void 0 ? void 0 : item.creator) && (item === null || item === void 0 ? void 0 : item.creator.username)) ? item === null || item === void 0 ? void 0 : item.creator.username.slice(0, 1) : ''),
+            React.createElement("div", { className: "messenger__aside-list-item--info" },
+                React.createElement("p", { className: "messenger__aside-list-item--title" }, (_e = item === null || item === void 0 ? void 0 : item.creator) === null || _e === void 0 ? void 0 : _e.username),
+                (item === null || item === void 0 ? void 0 : item.reason) && (React.createElement("p", { className: "messenger__aside-list-item--description" }, item.reason))),
+            React.createElement("div", { className: "messenger__aside-list-item--additional" }, unreadMessages > 0 && (React.createElement("div", { className: "messenger__aside-list-item--unread" },
+                React.createElement("span", null, formatUnreadMessages(unreadMessages))))),
+            canSeeTimer && React.createElement(ShowTimer, null))));
+}
+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,23 @@
+import React from 'react';
+import { ICommonProps, IList, IMessages, IOption } from 'types';
+interface IMessengerMessages extends ICommonProps {
+    header: React.ReactElement;
+    current?: IList;
+    creatorId?: string;
+    loading: boolean;
+    allowImages: boolean;
+    tab?: 'list' | 'messages';
+    messegerView: 'empty' | 'messages' | 'newChat';
+    className?: string;
+    messages: IMessages[];
+    onSubmit: (value: FormData, callback: () => void) => void;
+    cancelNewChat: () => void;
+    formatDate: (date: string | Date) => string | undefined;
+    onScroll: (e: React.UIEvent<HTMLDivElement, UIEvent>) => void;
+    reasons: Array<IOption>;
+    products: Array<IOption>;
+    submitNewChat: (values: FormData) => void;
+    newChatLoading: boolean;
+}
+declare function MessengerMessages({ header, tab, className, current, messages, allowImages, creatorId, loading, onSubmit, submitNewChat, cancelNewChat, reasons, products, messegerView, formatDate, onScroll, newChatLoading }: IMessengerMessages): JSX.Element;
+export default MessengerMessages;

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

@@ -0,0 +1,133 @@
+import React, { Fragment, useMemo, useRef, useState } from 'react';
+import ImagesContainer from '../components/ImagesContainer/ImagesContainer';
+import MessageBalloon from '../components/MessageBallon/MessageBalloon';
+import AttachFileIcon from '../icons/AttachFileIcon';
+import MessageIcon from '../icons/MessageIcon';
+import rightArrow from '../../../assets/right-arrow.svg';
+import useTheme from '../hooks/useThemes';
+import NewChatForm from './NewFormChat';
+import EmptyIcon from '../icons/EmptyIcon';
+function MessengerEmpty(_a) {
+    var children = _a.children, messegerView = _a.messegerView;
+    var theme = useTheme().theme;
+    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, "Selecione uma conversa para visualizar as mensagens")));
+    }
+    return children;
+}
+function MessengerForm(_a) {
+    var children = _a.children, messegerView = _a.messegerView, submitNewChat = _a.submitNewChat, cancelNewChat = _a.cancelNewChat, reasons = _a.reasons, products = _a.products, newChatLoading = _a.newChatLoading;
+    if (messegerView === 'newChat') {
+        return (React.createElement(NewChatForm, { reasons: reasons, products: products, submitNewChat: submitNewChat, cancelNewChat: cancelNewChat, loading: newChatLoading }));
+    }
+    return children;
+}
+function Loading(_a) {
+    var loading = _a.loading;
+    if (loading) {
+        return ((React.createElement("div", { className: "messenger__messages-loading" },
+            React.createElement("div", { className: "messenger__messages-loading--loader" }))));
+    }
+    return React.createElement(React.Fragment, null);
+}
+function Messages(_a) {
+    var messages = _a.messages, creatorId = _a.creatorId, formatDate = _a.formatDate;
+    if (messages && Array.isArray(messages)) {
+        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 })));
+        }));
+    }
+    return React.createElement(React.Fragment, null);
+}
+function NoMessages(_a) {
+    var messages = _a.messages, loading = _a.loading;
+    var theme = useTheme().theme;
+    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, "Nenhuma mensagem encontrada"));
+    }
+    return React.createElement(React.Fragment, null);
+}
+function AllowImages(_a) {
+    var allowImages = _a.allowImages, attachFile = _a.attachFile, handleFile = _a.handleFile, closedChat = _a.closedChat;
+    if (allowImages) {
+        return React.createElement(Fragment, null,
+            React.createElement("input", { type: "file", size: 1, className: "messenger__messages-send--file", ref: attachFile, onChange: handleFile, accept: "image/*" }),
+            React.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; } }));
+    }
+    return React.createElement(React.Fragment, null);
+}
+function MessengerMessages(_a) {
+    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, onScroll = _a.onScroll, newChatLoading = _a.newChatLoading;
+    var _c = useState(), file = _c[0], setFile = _c[1];
+    var _d = useState(false), sending = _d[0], setSending = _d[1];
+    var inputRef = useRef(null);
+    var attachFile = useRef(null);
+    var closedChat = useMemo(function () { return (current === null || current === void 0 ? void 0 : current.status.current.state) === 'final'; }, [current]);
+    var theme = useTheme().theme;
+    function handleSubmit(e) {
+        var _a, _b;
+        e === null || e === void 0 ? void 0 : e.preventDefault();
+        if (sending)
+            return;
+        setSending(true);
+        var data = new FormData();
+        if (file)
+            data.append('file', file);
+        if ((_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.value)
+            data.append('message', (_b = inputRef.current) === null || _b === void 0 ? void 0 : _b.value);
+        onSubmit(data, function () {
+            if (inputRef.current)
+                inputRef.current.value = '';
+            if (file)
+                setFile(null);
+            setSending(false);
+        });
+    }
+    function handleFile(e) {
+        var _a;
+        if (e.target.files) {
+            var file_1 = e.target.files[0];
+            if ((_a = file_1 === null || file_1 === void 0 ? void 0 : file_1.type) === null || _a === void 0 ? void 0 : _a.includes('image/'))
+                setFile(e.target.files[0]);
+        }
+    }
+    return (React.createElement("div", { className: "".concat(className, " ").concat(tab === 'list' ? 'mobile-hide' : '', " messenger__messages") },
+        React.createElement(MessengerEmpty, { messegerView: messegerView },
+            React.createElement(Fragment, null,
+                React.createElement(MessengerForm, { newChatLoading: newChatLoading, reasons: reasons, products: products, submitNewChat: submitNewChat, cancelNewChat: cancelNewChat, messegerView: messegerView },
+                    React.createElement(React.Fragment, null,
+                        file ? (React.createElement(ImagesContainer, { file: file, onClose: function () { return setFile(null); } })) : (React.createElement(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)),
+                            React.createElement("div", { className: "messenger__messages-container", onScroll: onScroll, style: {
+                                    padding: '1rem',
+                                    backgroundColor: theme === null || theme === void 0 ? void 0 : theme.messengerMessagesBg,
+                                    border: "1px solid ".concat(theme.borderColor)
+                                } },
+                                React.createElement(Loading, { loading: loading }),
+                                React.createElement(Messages, { formatDate: formatDate, messages: messages, creatorId: creatorId }),
+                                React.createElement(NoMessages, { messages: messages, 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("form", { onSubmit: handleSubmit, className: "messenger__messages-send--form" },
+                                React.createElement("textarea", { cols: 30, rows: 10, placeholder: closedChat ? 'Conversa finalizada' : 'Digite uma mensagem', ref: inputRef, onKeyDown: function (e) { if (e.key === 'Enter' && !e.shiftKey)
+                                        handleSubmit(); }, className: "messenger__messages-send__input ".concat(closedChat || sending ? 'messenger__messages-send__input--disabled' : '', " "), disabled: closedChat || sending, style: {
+                                        backgroundColor: theme === null || theme === void 0 ? void 0 : theme.inputBg,
+                                        border: (theme === null || theme === void 0 ? void 0 : theme.chatInputBorder) ? "1px solid ".concat(theme === null || theme === void 0 ? void 0 : theme.chatInputBorder) : ''
+                                    } }),
+                                React.createElement(AllowImages, { allowImages: allowImages, handleFile: handleFile, attachFile: attachFile, closedChat: closedChat }),
+                                React.createElement("button", { type: "submit", className: "messenger__messages-send__button ".concat(closedChat || sending ? 'messenger__messages-send__button--disabled' : ''), disabled: closedChat || sending, style: {
+                                        backgroundColor: theme === null || theme === void 0 ? void 0 : theme.buttonPrimary
+                                    } },
+                                    React.createElement("img", { alt: 'Icone para a direita', height: 25, width: 25, className: "ml-1", src: rightArrow }))))))))));
+}
+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,10 @@
+import { IOption } from 'types';
+interface IProps {
+    submitNewChat: (values: FormData) => void;
+    cancelNewChat: () => void;
+    reasons: Array<IOption>;
+    products: Array<IOption>;
+    loading: boolean;
+}
+declare function NewChatForm({ submitNewChat, cancelNewChat, reasons, products, loading }: IProps): JSX.Element;
+export default NewChatForm;

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

@@ -0,0 +1,64 @@
+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';
+function NewChatForm(_a) {
+    var _b, _c;
+    var submitNewChat = _a.submitNewChat, cancelNewChat = _a.cancelNewChat, reasons = _a.reasons, products = _a.products, loading = _a.loading;
+    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 theme = useTheme().theme;
+    var onSubmit = function (event) {
+        var data2 = new FormData();
+        event.preventDefault();
+        fileList.forEach(function (file) {
+            data2.append("images", 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 } }, "Novo Chamado")),
+            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
+            } },
+            "Seu chamado ser\u00E1 respondido o mais breve poss\u00EDvel! Caso voc\u00EA se ausente do chamado pelo per\u00EDodo de ",
+            React.createElement("b", null, "uma hora"),
+            " o mesmo ser\u00E1 automaticamente fechado."),
+        React.createElement("form", { onSubmit: onSubmit, className: "messenger__new-chat-fields" },
+            React.createElement(Select, { onChange: function (value) { return setReason(value); }, options: reasons, placeholder: 'Selecione um motivo para o chamado', name: "reasons", value: reason, label: "Motivos" }),
+            React.createElement(Select, { onChange: function (value) { return setProduct(value); }, options: products, placeholder: 'Selecione o relacionado ao erro', value: product, name: "product", label: "Produto (opcional)" }),
+            React.createElement(InputFile, { fileList: fileList, onUpdateFile: onUpdateFile, onRemoveFile: onRemoveFile, label: 'Imagem (opcional)' }),
+            React.createElement(Textarea, { onChange: function (value) { return setMessage(value); }, placeholder: "Digite sua mensagem aqui", name: "message", label: "Mensagem" }),
+            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
+                } }, "Enviar novo chamado"))));
+}
+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/index.d.ts

@@ -0,0 +1,8 @@
+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';
+export { MessengerList, MessengerMessages, MessengerListItem, MessengerThemeWrapper, NewChatButton, useConversations };

package/dist/esm/index.js

@@ -0,0 +1,9 @@
+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';
+export { MessengerList, MessengerMessages, MessengerListItem, MessengerThemeWrapper, NewChatButton, useConversations };
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,qBAAqB,CAAA;AAE5B,OAAO,aAAa,MAAM,qCAAqC,CAAA;AAC/D,OAAO,iBAAiB,MAAM,yCAAyC,CAAA;AACvE,OAAO,iBAAiB,MAAM,yCAAyC,CAAA;AACvE,OAAO,qBAAqB,MAAM,wEAAwE,CAAA;AAC1G,OAAO,aAAa,MAAM,kDAAkD,CAAA;AAC5E,OAAO,EAAE,gBAAgB,EAAE,MAAM,wCAAwC,CAAA;AAEzE,OAAO,EACL,aAAa,EACb,iBAAiB,EACjB,iBAAiB,EACjB,qBAAqB,EACrB,aAAa,EACb,gBAAgB,EACjB,CAAA"}

package/dist/esm/setupTests.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/esm/setupTests.js

@@ -0,0 +1,6 @@
+// jest-dom adds custom jest matchers for asserting on DOM nodes.
+// allows you to do things like:
+// expect(element).toHaveTextContent(/react/i)
+// learn more: https://github.com/testing-library/jest-dom
+import '@testing-library/jest-dom';
+//# sourceMappingURL=setupTests.js.map

package/dist/esm/setupTests.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"setupTests.js","sourceRoot":"","sources":["../../src/setupTests.ts"],"names":[],"mappings":"AAAA,iEAAiE;AACjE,gCAAgC;AAChC,8CAA8C;AAC9C,0DAA0D;AAC1D,OAAO,2BAA2B,CAAC"}

package/dist/esm/types.d.ts

@@ -0,0 +1,134 @@
+import React from 'react';
+export type _chatNature = 'helpdesk' | 'communication' | 'proposal';
+interface IChatUsers {
+    applicationId: string;
+    createdAt: string;
+    image?: string;
+    ticketAdmin: boolean;
+    uniqueCode: string;
+    updatedAt: string;
+    username: string;
+    _id: string;
+}
+interface IList {
+    applicationId: string;
+    creator: Omit<IChatUsers, '_id'>;
+    creatorId: string;
+    nature: _chatNature;
+    protocol: string;
+    reason?: string;
+    subject?: string;
+    createdAt: Date;
+    uniqueCode: string;
+    updatedAt: string;
+    userIdList: string[];
+    totalUnreadMessages: number;
+    SLATimePassed: number;
+    users: IChatUsers[];
+    status: {
+        current: {
+            state: string;
+            systemicValue: string;
+        };
+    };
+    _id: string;
+    currentTime: string;
+}
+interface ICommonProps {
+    tab?: 'list' | 'messages';
+    className?: string;
+}
+interface IMessagesBalloon {
+    message: string;
+    date: string;
+    read: boolean;
+    hasFile?: boolean;
+    id: string;
+    formatDate: (date: string | Date) => string | undefined;
+    file?: {
+        contentType: string;
+        location: string;
+        mimeType: string;
+        orignalname: string;
+        size: number;
+    } | Iimages;
+}
+interface IMesssengerAvatar extends Omit<ICommonProps, 'tab'> {
+    image?: string;
+    children?: React.ReactNode;
+}
+interface IImagesContainer {
+    file: File | null;
+    onClose: () => void;
+}
+interface IInconmingMessage extends Omit<IMessagesBalloon, 'read'> {
+    isSystemMessage?: boolean;
+    user: {
+        avatar?: string;
+        name: string;
+    };
+}
+interface INewChat {
+    images?: File[];
+    issueOrigin?: string;
+    message?: string;
+    reason?: string;
+}
+interface IMessengerSubmit {
+    message?: string;
+    file?: FileList | null;
+}
+interface Iimages {
+    key: string;
+    location: string & File;
+}
+interface IMessages {
+    images: Iimages[];
+    applicationId: string;
+    content: string;
+    createdAt: string;
+    everybodyHasRead: boolean;
+    isSystemMessage?: boolean;
+    hasFile?: boolean;
+    sender: {
+        image: string;
+        username: string;
+        uniqueCode: string;
+    };
+    file?: {
+        contentType: string;
+        location: string;
+        mimeType: string;
+        orignalname: string;
+        size: number;
+    };
+    readByList: string[];
+    senderId: string;
+    senderUniqueCode?: string;
+    ticketId: string;
+    messagecode: number;
+}
+interface IGetMessages {
+    chatId: string;
+    messageCount: number;
+    callback: (result?: {
+        messages: IMessages[];
+        total: number;
+    }, error?: Error) => void;
+}
+interface IGetChats {
+    nature: _chatNature;
+    status?: 'inprogress' | 'closed' | 'proposal';
+    search?: string;
+    token?: string;
+    callback: (tickets?: IList[], error?: Error) => void;
+}
+interface ISocketMessage {
+    message: IMessages;
+    markAsRead: boolean;
+}
+interface IOption {
+    label: string;
+    value: string;
+}
+export type { ICommonProps, IImagesContainer, IInconmingMessage, IMessagesBalloon, IMessengerSubmit, IMesssengerAvatar, IList, IMessages, INewChat, IGetMessages, IGetChats, IChatUsers, ISocketMessage, Iimages, IOption };

package/dist/esm/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/esm/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":""}