agx-chat-web 0.4.9

package/dist/esm/app/Messenger/components/MessengerThemeWrapper/MessengerThemeWrapper.d.ts

@@ -0,0 +1,40 @@
+import React, { ReactNode } from 'react';
+declare const defaultThemeVariables: {
+    asideBg: string;
+    asideFontColor: string;
+    messengerMessagesBg: string;
+    headerAndSenderBg: string;
+    buttonPrimary: string;
+    buttonPrimaryText: string;
+    buttonsDisabled: string;
+    uploadFileIconColor: string;
+    messengerNotSelectedBg: string;
+    newChatFormBg: string;
+    newChatFormRadius: string;
+    newChatFormTexts: string;
+    newChatFormDeleteFileButton: string;
+    disclaimerPrimaryColor: string;
+    disclaimerSecondaryColor: string;
+    disclaimerTextColor: string;
+    messengerSenderColor: string;
+    messengerIncomerColor: string;
+    messengerSystemColor: string;
+    borderColor: string;
+    inputBg: string;
+    chatInputBorder: string;
+    listItemHover: string;
+    active: string;
+    activeTabBorter: string;
+    emptyMessagesFontColor: string;
+};
+type ThemeVariables = typeof defaultThemeVariables;
+type ThemeContextContent = {
+    theme: Partial<ThemeVariables>;
+};
+export declare const MessageThemeContext: React.Context<ThemeContextContent>;
+type Props = {
+    children: ReactNode;
+    theme?: Partial<ThemeVariables>;
+};
+declare const MessageThemeWrapper: ({ children, theme }: Props) => JSX.Element;
+export default MessageThemeWrapper;

package/dist/esm/app/Messenger/components/MessengerThemeWrapper/MessengerThemeWrapper.js

@@ -0,0 +1,39 @@
+import React, { createContext } from 'react';
+var defaultThemeVariables = {
+    asideBg: '#eee',
+    asideFontColor: 'white',
+    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: 'white',
+    chatInputBorder: '',
+    listItemHover: '',
+    active: '',
+    activeTabBorter: '#25D366',
+    emptyMessagesFontColor: '#000'
+};
+export var MessageThemeContext = createContext({});
+var MessageThemeWrapper = function (_a) {
+    var children = _a.children, _b = _a.theme, theme = _b === void 0 ? defaultThemeVariables : _b;
+    var config = {
+        theme: theme
+    };
+    return (React.createElement(MessageThemeContext.Provider, { value: config }, children));
+};
+export default MessageThemeWrapper;
+//# sourceMappingURL=MessengerThemeWrapper.js.map

package/dist/esm/app/Messenger/components/MessengerThemeWrapper/MessengerThemeWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessengerThemeWrapper.js","sourceRoot":"","sources":["../../../../../../src/app/Messenger/components/MessengerThemeWrapper/MessengerThemeWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAa,MAAM,OAAO,CAAA;AAEvD,IAAM,qBAAqB,GAAG;IAC5B,OAAO,EAAE,MAAM;IACf,cAAc,EAAE,OAAO;IACvB,mBAAmB,EAAE,SAAS;IAC9B,iBAAiB,EAAE,SAAS;IAC5B,aAAa,EAAE,SAAS;IACxB,iBAAiB,EAAE,SAAS;IAC5B,eAAe,EAAE,SAAS;IAC1B,mBAAmB,EAAE,SAAS;IAC9B,sBAAsB,EAAE,SAAS;IACjC,aAAa,EAAE,EAAE;IACjB,iBAAiB,EAAE,gBAAgB;IACnC,gBAAgB,EAAE,MAAM;IACxB,2BAA2B,EAAE,SAAS;IACtC,sBAAsB,EAAE,SAAS;IACjC,wBAAwB,EAAE,SAAS;IACnC,mBAAmB,EAAE,MAAM;IAC3B,oBAAoB,EAAE,SAAS;IAC/B,qBAAqB,EAAE,SAAS;IAChC,oBAAoB,EAAE,SAAS;IAC/B,WAAW,EAAE,SAAS;IACtB,OAAO,EAAC,OAAO;IACf,eAAe,EAAE,EAAE;IACnB,aAAa,EAAE,EAAE;IACjB,MAAM,EAAE,EAAE;IACV,eAAe,EAAE,SAAS;IAC1B,sBAAsB,EAAE,MAAM;CAC/B,CAAA;AAQD,MAAM,CAAC,IAAM,mBAAmB,GAAG,aAAa,CAC9C,EAAoC,CACrC,CAAC;AAMF,IAAM,mBAAmB,GAAG,UAAC,EAAkD;QAAhD,QAAQ,cAAA,EAAE,aAA6B,EAA7B,KAAK,mBAAG,qBAAqB,KAAA;IACpE,IAAM,MAAM,GAAG;QACb,KAAK,OAAA;KACN,CAAA;IAED,OAAO,CACL,oBAAC,mBAAmB,CAAC,QAAQ,IAAC,KAAK,EAAE,MAAM,IACxC,QAAQ,CACoB,CAChC,CAAA;AACH,CAAC,CAAA;AAED,eAAe,mBAAmB,CAAA"}

package/dist/esm/app/Messenger/components/SearchInput/SearchInput.d.ts

@@ -0,0 +1,10 @@
+interface IProps {
+    searchChat: (value: string, key: string) => void;
+    searchKeys: {
+        label: string;
+        value: string;
+    }[];
+    loadingSearch: boolean;
+}
+declare function SearchInput({ searchChat, searchKeys, loadingSearch }: IProps): JSX.Element;
+export default SearchInput;

package/dist/esm/app/Messenger/components/SearchInput/SearchInput.js

@@ -0,0 +1,32 @@
+import SearchIcon from '../../icons/SearchIcon';
+import React, { useState } from 'react';
+import useTheme from '../../hooks/useThemes';
+function SearchInput(_a) {
+    var searchChat = _a.searchChat, searchKeys = _a.searchKeys, loadingSearch = _a.loadingSearch;
+    var _b = useState(searchKeys[0].value), searchKey = _b[0], setSearchKey = _b[1];
+    var _c = useState(''), searchValue = _c[0], setSearchValue = _c[1];
+    var theme = useTheme().theme;
+    var onSearch = function (event) {
+        setSearchValue(event.target.value);
+    };
+    var handleKeyPress = function (event) {
+        if (event.key === 'Enter') {
+            searchChat(searchValue, searchKey);
+        }
+    };
+    return (React.createElement("div", { className: "input-search" },
+        React.createElement("select", { className: "input-search__select", onChange: function (e) { return setSearchKey(e.target.value); }, style: {
+                color: theme.asideFontColor,
+                border: "".concat(theme.asideFontColor, " 1px solid")
+            } }, searchKeys.map(function (item, index) {
+            return React.createElement("option", { className: "input-search__option", key: index, value: item.value }, item.label);
+        })),
+        React.createElement("input", { className: 'input-search__search', placeholder: 'Pesquisar conversa...', onChange: onSearch, onKeyDown: handleKeyPress, style: {
+                color: theme.asideFontColor,
+                border: "".concat(theme.asideFontColor, " 1px solid")
+            } }),
+        React.createElement("button", { className: "input-search__icon", onClick: function () { return searchChat(searchValue, searchKey); } }, loadingSearch ? (React.createElement("div", { className: "messenger__messages-loading" },
+            React.createElement("div", { className: "messenger__messages-loading--loader" }))) : React.createElement(SearchIcon, null))));
+}
+export default SearchInput;
+//# sourceMappingURL=SearchInput.js.map

package/dist/esm/app/Messenger/components/SearchInput/SearchInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchInput.js","sourceRoot":"","sources":["../../../../../../src/app/Messenger/components/SearchInput/SearchInput.tsx"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,wBAAwB,CAAA;AAC/C,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,QAAQ,MAAM,uBAAuB,CAAA;AAS5C,SAAS,WAAW,CAAC,EAA+C;QAA9C,UAAU,gBAAA,EAAE,UAAU,gBAAA,EAAE,aAAa,mBAAA;IACnD,IAAA,KAA4B,QAAQ,CAAS,UAAU,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,EAAhE,SAAS,QAAA,EAAE,YAAY,QAAyC,CAAA;IACjE,IAAA,KAAgC,QAAQ,CAAS,EAAE,CAAC,EAAnD,WAAW,QAAA,EAAE,cAAc,QAAwB,CAAA;IACnD,IAAA,KAAK,GAAI,QAAQ,EAAE,MAAd,CAAc;IAE1B,IAAM,QAAQ,GAAG,UAAC,KAA0C;QAC1D,cAAc,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;IACpC,CAAC,CAAA;IAED,IAAM,cAAc,GAAG,UAAC,KAA4C;QAClE,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,EAAE;YACzB,UAAU,CAAC,WAAW,EAAE,SAAS,CAAC,CAAA;SACnC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,6BAAK,SAAS,EAAC,cAAc;QAC3B,gCAAQ,SAAS,EAAC,sBAAsB,EAAC,QAAQ,EAAE,UAAC,CAAC,IAAI,OAAA,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAA5B,CAA4B,EACnF,KAAK,EAAE;gBACL,KAAK,EAAE,KAAK,CAAC,cAAc;gBAC3B,MAAM,EAAE,UAAG,KAAK,CAAC,cAAc,eAAY;aAC5C,IAGA,UAAU,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK;YAC1B,OAAA,gCAAQ,SAAS,EAAC,sBAAsB,EAAC,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,IACnE,IAAI,CAAC,KAAK,CACJ;QAFT,CAES,CACV,CACM;QAET,+BACE,SAAS,EAAC,sBAAsB,EAChC,WAAW,EAAC,uBAAuB,EACnC,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,cAAc,EACzB,KAAK,EAAE;gBACL,KAAK,EAAE,KAAK,CAAC,cAAc;gBAC3B,MAAM,EAAE,UAAG,KAAK,CAAC,cAAc,eAAY;aAC5C,GACD;QAEF,gCACE,SAAS,EAAC,oBAAoB,EAC9B,OAAO,EAAE,cAAM,OAAA,UAAU,CAAC,WAAW,EAAE,SAAS,CAAC,EAAlC,CAAkC,IAEhD,aAAa,CAAC,CAAC,CAAC,CACf,6BAAK,SAAS,EAAC,6BAA6B;YAC1C,6BAAK,SAAS,EAAC,qCAAqC,GAAG,CACnD,CACP,CAAC,CAAC,CAAC,oBAAC,UAAU,OAAG,CACX,CACL,CACP,CAAA;AACH,CAAC;AAED,eAAe,WAAW,CAAA"}

package/dist/esm/app/Messenger/components/Select/Select.d.ts

@@ -0,0 +1,13 @@
+interface IProps {
+    options: {
+        label: string;
+        value: string;
+    }[];
+    label: string;
+    onChange: (value: string) => void;
+    name: string;
+    placeholder: string;
+    value: string;
+}
+declare function SelectNew({ options, name, placeholder, label, onChange, value }: IProps): JSX.Element;
+export default SelectNew;

package/dist/esm/app/Messenger/components/Select/Select.js

@@ -0,0 +1,16 @@
+import React from 'react';
+import useTheme from '../../hooks/useThemes';
+function SelectNew(_a) {
+    var options = _a.options, name = _a.name, placeholder = _a.placeholder, label = _a.label, onChange = _a.onChange, value = _a.value;
+    var theme = useTheme().theme;
+    return (React.createElement("div", { className: "form-select" },
+        React.createElement("label", { htmlFor: name, className: "form-select__label", style: { color: theme.newChatFormTexts } }, label),
+        React.createElement("select", { name: name, placeholder: placeholder, className: "form-select__input", onChange: function (e) { return onChange(e.target.value); }, value: value, style: {
+                backgroundColor: theme.inputBg,
+                color: theme.newChatFormTexts
+            } }, options.map(function (motivo) {
+            return React.createElement("option", { key: motivo.value, value: motivo.value }, motivo.label);
+        }))));
+}
+export default SelectNew;
+//# sourceMappingURL=Select.js.map

package/dist/esm/app/Messenger/components/Select/Select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../../../../src/app/Messenger/components/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,QAAQ,MAAM,uBAAuB,CAAA;AAa5C,SAAS,SAAS,CAAC,EAA+D;QAA7D,OAAO,aAAA,EAAE,IAAI,UAAA,EAAE,WAAW,iBAAA,EAAE,KAAK,WAAA,EAAE,QAAQ,cAAA,EAAE,KAAK,WAAA;IAC7D,IAAA,KAAK,GAAK,QAAQ,EAAE,MAAf,CAAe;IAC5B,OAAO,CACL,6BAAK,SAAS,EAAC,aAAa;QAC1B,+BAAO,OAAO,EAAE,IAAI,EAAE,SAAS,EAAC,oBAAoB,EAClD,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,gBAAgB,EAAC,IACvC,KAAK,CAAU;QACjB,gCACE,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,WAAW,EACxB,SAAS,EAAC,oBAAoB,EAC9B,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAAxB,CAAwB,EACzC,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE;gBACL,eAAe,EAAE,KAAK,CAAC,OAAO;gBAC9B,KAAK,EAAE,KAAK,CAAC,gBAAgB;aAC9B,IAEA,OAAO,CAAC,GAAG,CAAC,UAAA,MAAM;YACjB,OAAA,gCAAQ,GAAG,EAAE,MAAM,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,IAAG,MAAM,CAAC,KAAK,CAAU;QAAvE,CAAuE,CACxE,CACM,CACL,CACP,CAAA;AACH,CAAC;AAED,eAAe,SAAS,CAAA"}

package/dist/esm/app/Messenger/components/SenderMessages/SenderMessages.d.ts

@@ -0,0 +1,3 @@
+import { IMessagesBalloon } from "types";
+declare function SenderMessages({ date, message, read, hasFile, file, formatDate, id }: IMessagesBalloon): JSX.Element;
+export default SenderMessages;

package/dist/esm/app/Messenger/components/SenderMessages/SenderMessages.js

@@ -0,0 +1,32 @@
+import useTheme from '../../hooks/useThemes';
+import React, { useCallback, useState } from 'react';
+import ReadIcon from "../../icons/ReadIcon";
+import ReactSimpleImageViewer from '../../../../../node_modules/react-simple-image-viewer';
+function SenderMessages(_a) {
+    var _b;
+    var date = _a.date, message = _a.message, read = _a.read, hasFile = _a.hasFile, file = _a.file, formatDate = _a.formatDate, id = _a.id;
+    var _c = useState(0), currentImage = _c[0], setCurrentImage = _c[1];
+    var _d = useState(false), isViewerOpen = _d[0], setIsViewerOpen = _d[1];
+    var theme = useTheme().theme;
+    var openImageViewer = useCallback(function (index) {
+        setCurrentImage(index);
+        setIsViewerOpen(true);
+    }, []);
+    var closeImageViewer = function () {
+        setCurrentImage(0);
+        setIsViewerOpen(false);
+    };
+    return (React.createElement("div", { className: "messenger__messages-row--sender" },
+        React.createElement("div", { className: "messenger__messages-sender", id: id, style: { background: theme === null || theme === void 0 ? void 0 : theme.messengerSenderColor } },
+            React.createElement("span", null,
+                hasFile && (React.createElement("div", { className: "messenger__message--file" },
+                    React.createElement("img", { src: file === null || file === void 0 ? void 0 : file.location, width: 200, alt: "imagem na mensagem", onClick: function () { return openImageViewer(currentImage); } }))),
+                React.createElement("p", { className: "messenger__message" }, message),
+                React.createElement("div", { className: "messenger__message--bottom" },
+                    React.createElement("p", { className: "messenger__message--date" }, (_b = formatDate(date)) !== null && _b !== void 0 ? _b : new Date(date).toString()),
+                    React.createElement(ReadIcon, { fill: read ? '#00efff' : 'white' })))),
+        file && isViewerOpen &&
+            React.createElement(ReactSimpleImageViewer, { src: [file.location], currentIndex: 0, disableScroll: false, closeOnClickOutside: true, onClose: closeImageViewer })));
+}
+export default SenderMessages;
+//# sourceMappingURL=SenderMessages.js.map

package/dist/esm/app/Messenger/components/SenderMessages/SenderMessages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SenderMessages.js","sourceRoot":"","sources":["../../../../../../src/app/Messenger/components/SenderMessages/SenderMessages.tsx"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,uBAAuB,CAAA;AAC5C,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEpD,OAAO,QAAQ,MAAM,sBAAsB,CAAA;AAC3C,OAAO,sBAAsB,MAAM,uDAAuD,CAAA;AAG1F,SAAS,cAAc,CAAC,EAAwE;;QAAtE,IAAI,UAAA,EAAE,OAAO,aAAA,EAAE,IAAI,UAAA,EAAE,OAAO,aAAA,EAAE,IAAI,UAAA,EAAE,UAAU,gBAAA,EAAE,EAAE,QAAA;IACpE,IAAA,KAAkC,QAAQ,CAAC,CAAC,CAAC,EAA5C,YAAY,QAAA,EAAE,eAAe,QAAe,CAAC;IAC9C,IAAA,KAAkC,QAAQ,CAAC,KAAK,CAAC,EAAhD,YAAY,QAAA,EAAE,eAAe,QAAmB,CAAC;IAChD,IAAA,KAAK,GAAK,QAAQ,EAAE,MAAf,CAAe;IAE5B,IAAM,eAAe,GAAG,WAAW,CAAC,UAAC,KAAK;QACxC,eAAe,CAAC,KAAK,CAAC,CAAC;QACvB,eAAe,CAAC,IAAI,CAAC,CAAC;IACxB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAM,gBAAgB,GAAG;QACvB,eAAe,CAAC,CAAC,CAAC,CAAC;QACnB,eAAe,CAAC,KAAK,CAAC,CAAC;IACzB,CAAC,CAAC;IAEF,OAAO,CACL,6BAAK,SAAS,EAAC,iCAAiC;QAC9C,6BAAK,SAAS,EAAC,4BAA4B,EAAC,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,UAAU,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,oBAAoB,EAAE;YACpG;gBACG,OAAO,IAAI,CACV,6BAAK,SAAS,EAAC,0BAA0B;oBACvC,6BAAK,GAAG,EAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,EAAC,oBAAoB,EAAC,OAAO,EAAE,cAAM,OAAA,eAAe,CAAC,YAAY,CAAC,EAA7B,CAA6B,GAAI,CAC3G,CACP;gBACD,2BAAG,SAAS,EAAC,oBAAoB,IAAE,OAAO,CAAK;gBAC/C,6BAAK,SAAS,EAAC,4BAA4B;oBACzC,2BAAG,SAAS,EAAC,0BAA0B,IAAE,MAAA,UAAU,CAAC,IAAI,CAAC,mCAAI,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC,QAAQ,EAAE,CAAK;oBAC3F,oBAAC,QAAQ,IAAC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,GAAI,CAC1C,CACD,CACH;QACL,IAAI,IAAI,YAAY;YACnB,oBAAC,sBAAsB,IACrB,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,EACpB,YAAY,EAAE,CAAC,EACf,aAAa,EAAE,KAAK,EACpB,mBAAmB,EAAE,IAAI,EACzB,OAAO,EAAE,gBAAgB,GACzB,CAEA,CACP,CAAA;AACH,CAAC;AAED,eAAe,cAAc,CAAA"}

package/dist/esm/app/Messenger/components/SystemMessage/SystemMessage.d.ts

@@ -0,0 +1,3 @@
+import { IInconmingMessage } from 'types';
+declare function SystemMessage({ date, message, formatDate, id }: IInconmingMessage): JSX.Element;
+export default SystemMessage;

package/dist/esm/app/Messenger/components/SystemMessage/SystemMessage.js

@@ -0,0 +1,14 @@
+import React from 'react';
+import useTheme from '../../hooks/useThemes';
+function SystemMessage(_a) {
+    var _b;
+    var date = _a.date, message = _a.message, formatDate = _a.formatDate, id = _a.id;
+    var theme = useTheme().theme;
+    return (React.createElement("div", { className: "messenger__messages-row--system", id: id },
+        React.createElement("div", { className: "messenger__messages-received messenger__messages-received--system", style: { background: theme === null || theme === void 0 ? void 0 : theme.messengerSystemColor } },
+            React.createElement("span", null,
+                React.createElement("p", { className: "messenger__message" }, message),
+                React.createElement("p", { className: "messenger__message--date" }, (_b = formatDate(date)) !== null && _b !== void 0 ? _b : new Date(date).toString())))));
+}
+export default SystemMessage;
+//# sourceMappingURL=SystemMessage.js.map

package/dist/esm/app/Messenger/components/SystemMessage/SystemMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SystemMessage.js","sourceRoot":"","sources":["../../../../../../src/app/Messenger/components/SystemMessage/SystemMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,QAAQ,MAAM,uBAAuB,CAAA;AAG5C,SAAS,aAAa,CAAE,EAAoD;;QAAlD,IAAI,UAAA,EAAE,OAAO,aAAA,EAAE,UAAU,gBAAA,EAAE,EAAE,QAAA;IAC9C,IAAA,KAAK,GAAI,QAAQ,EAAE,MAAd,CAAc;IAE1B,OAAO,CACL,6BACE,SAAS,EAAC,iCAAiC,EAC3C,EAAE,EAAE,EAAE;QAEN,6BAAK,SAAS,EAAC,mEAAmE,EAAC,KAAK,EAAE,EAAC,UAAU,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,oBAAoB,EAAC;YACjI;gBACE,2BAAG,SAAS,EAAC,oBAAoB,IAAE,OAAO,CAAK;gBAC/C,2BAAG,SAAS,EAAC,0BAA0B,IAAE,MAAA,UAAU,CAAC,IAAI,CAAC,mCAAI,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC,QAAQ,EAAE,CAAK,CACtF,CACH,CACF,CACP,CAAA;AACH,CAAC;AAED,eAAe,aAAa,CAAA"}

package/dist/esm/app/Messenger/components/TextArea/TextArea.d.ts

@@ -0,0 +1,8 @@
+interface IProps {
+    label: string;
+    onChange: (value: string) => void;
+    name: string;
+    placeholder: string;
+}
+declare function Textarea({ name, placeholder, label, onChange }: IProps): JSX.Element;
+export default Textarea;

package/dist/esm/app/Messenger/components/TextArea/TextArea.js

@@ -0,0 +1,14 @@
+import React from 'react';
+import useTheme from '../../hooks/useThemes';
+function Textarea(_a) {
+    var name = _a.name, placeholder = _a.placeholder, label = _a.label, onChange = _a.onChange;
+    var theme = useTheme().theme;
+    return (React.createElement("div", { className: 'text-area' },
+        React.createElement("label", { htmlFor: name, className: "text-area__label", style: { color: theme.newChatFormTexts } }, label),
+        React.createElement("textarea", { style: {
+                backgroundColor: theme.inputBg,
+                color: theme.newChatFormTexts
+            }, name: name, placeholder: placeholder, className: "text-area__input", onChange: function (e) { return onChange(e.target.value); } })));
+}
+export default Textarea;
+//# sourceMappingURL=TextArea.js.map

package/dist/esm/app/Messenger/components/TextArea/TextArea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.js","sourceRoot":"","sources":["../../../../../../src/app/Messenger/components/TextArea/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,QAAQ,MAAM,uBAAuB,CAAA;AAQ5C,SAAS,QAAQ,CAAC,EAA8C;QAA5C,IAAI,UAAA,EAAE,WAAW,iBAAA,EAAE,KAAK,WAAA,EAAE,QAAQ,cAAA;IAC5C,IAAA,KAAK,GAAK,QAAQ,EAAE,MAAf,CAAe;IAC5B,OAAO,CACL,6BAAK,SAAS,EAAC,WAAW;QACxB,+BAAO,OAAO,EAAE,IAAI,EAAE,SAAS,EAAC,kBAAkB,EAChD,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,gBAAgB,EAAC,IAAI,KAAK,CAAU;QAC5D,kCACE,KAAK,EAAE;gBACL,eAAe,EAAE,KAAK,CAAC,OAAO;gBAC9B,KAAK,EAAE,KAAK,CAAC,gBAAgB;aAC9B,EACD,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,WAAW,EACxB,SAAS,EAAC,kBAAkB,EAC5B,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAAxB,CAAwB,GACzC,CACE,CACP,CAAA;AACH,CAAC;AAED,eAAe,QAAQ,CAAA"}

package/dist/esm/app/Messenger/hooks/useConversations.d.ts

@@ -0,0 +1,11 @@
+import { IList } from 'types';
+export declare const useConversations: () => {
+    onIntersect: () => void;
+    reset: () => void;
+    conversations: IList[];
+    hasNext: () => boolean;
+    addConversations: (conversations: IList[]) => void;
+    addOneUnreadToTicket: (ticketId: string) => void;
+    setAsRead: (id: string) => void;
+    sliceCount: number;
+};

package/dist/esm/app/Messenger/hooks/useConversations.js

@@ -0,0 +1,59 @@
+import { __assign } from "tslib";
+import { useState } from "react";
+export var useConversations = function () {
+    var SLICE = 15;
+    var _a = useState(SLICE), sliceCount = _a[0], setSliceCount = _a[1];
+    var _b = useState([]), conversations = _b[0], setConversations = _b[1];
+    var onIntersect = function () {
+        setSliceCount(function (prev) {
+            var count = prev + SLICE;
+            return count;
+        });
+    };
+    var hasNext = function () {
+        return conversations.length >= sliceCount;
+    };
+    var resetConversations = function () {
+        setConversations([]);
+    };
+    var mapConversationsUnread = function (prev) { return function (id) {
+        return (prev || []).map(function (conversation) {
+            if ((conversation === null || conversation === void 0 ? void 0 : conversation._id) === id) {
+                return __assign(__assign({}, conversation), { totalUnreadMessages: 0 });
+            }
+            return conversation;
+        });
+    }; };
+    var mapConversationsIncrementUnread = function (prev) { return function (id) {
+        return (prev || []).map(function (conversation) {
+            if ((conversation === null || conversation === void 0 ? void 0 : conversation._id) === id) {
+                return __assign(__assign({}, conversation), { totalUnreadMessages: conversation.totalUnreadMessages + 1 });
+            }
+            return conversation;
+        });
+    }; };
+    var setAsRead = function (id) {
+        setConversations(function (prev) { return mapConversationsUnread(prev)(id); });
+    };
+    var addConversations = function (conversations) {
+        setConversations(conversations);
+    };
+    var addOneUnreadToTicket = function (ticketId) {
+        setConversations(function (prev) { return mapConversationsIncrementUnread(prev)(ticketId); });
+    };
+    var reset = function () {
+        setSliceCount(SLICE);
+        resetConversations();
+    };
+    return {
+        onIntersect: onIntersect,
+        reset: reset,
+        conversations: conversations,
+        hasNext: hasNext,
+        addConversations: addConversations,
+        addOneUnreadToTicket: addOneUnreadToTicket,
+        setAsRead: setAsRead,
+        sliceCount: sliceCount
+    };
+};
+//# sourceMappingURL=useConversations.js.map

package/dist/esm/app/Messenger/hooks/useConversations.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useConversations.js","sourceRoot":"","sources":["../../../../../src/app/Messenger/hooks/useConversations.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAGhC,MAAM,CAAC,IAAM,gBAAgB,GAAG;IAC9B,IAAM,KAAK,GAAG,EAAE,CAAA;IAEV,IAAA,KAA8B,QAAQ,CAAC,KAAK,CAAC,EAA5C,UAAU,QAAA,EAAE,aAAa,QAAmB,CAAA;IAC7C,IAAA,KAAoC,QAAQ,CAAU,EAAE,CAAC,EAAxD,aAAa,QAAA,EAAE,gBAAgB,QAAyB,CAAA;IAE/D,IAAM,WAAW,GAAG;QAClB,aAAa,CAAC,UAAA,IAAI;YAChB,IAAM,KAAK,GAAG,IAAI,GAAG,KAAK,CAAA;YAC1B,OAAO,KAAK,CAAA;QACd,CAAC,CAAC,CAAA;IACJ,CAAC,CAAA;IAED,IAAM,OAAO,GAAG;QACd,OAAO,aAAa,CAAC,MAAM,IAAI,UAAU,CAAA;IAC3C,CAAC,CAAA;IAED,IAAM,kBAAkB,GAAG;QACzB,gBAAgB,CAAC,EAAE,CAAC,CAAA;IACtB,CAAC,CAAA;IAED,IAAM,sBAAsB,GAAG,UAAC,IAAa,IAAK,OAAA,UAAC,EAAU;QAC3D,OAAO,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,UAAA,YAAY;YAClC,IAAI,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,GAAG,MAAK,EAAE,EAAE;gBAC5B,6BACK,YAAY,KACf,mBAAmB,EAAE,CAAC,IACvB;aACF;YAED,OAAO,YAAY,CAAA;QACrB,CAAC,CAAC,CAAA;IACJ,CAAC,EAXiD,CAWjD,CAAA;IAED,IAAM,+BAA+B,GAAG,UAAC,IAAa,IAAK,OAAA,UAAC,EAAU;QACpE,OAAO,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,UAAA,YAAY;YAClC,IAAI,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,GAAG,MAAK,EAAE,EAAE;gBAC5B,6BACK,YAAY,KACf,mBAAmB,EAAE,YAAY,CAAC,mBAAmB,GAAG,CAAC,IAC1D;aACF;YAED,OAAO,YAAY,CAAA;QACrB,CAAC,CAAC,CAAA;IACJ,CAAC,EAX0D,CAW1D,CAAA;IAED,IAAM,SAAS,GAAG,UAAC,EAAU;QAC3B,gBAAgB,CAAC,UAAA,IAAI,IAAI,OAAA,sBAAsB,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,EAAhC,CAAgC,CAAC,CAAA;IAC5D,CAAC,CAAA;IAED,IAAM,gBAAgB,GAAG,UACvB,aAAsB;QAEtB,gBAAgB,CAAC,aAAa,CAAC,CAAA;IACjC,CAAC,CAAA;IAED,IAAM,oBAAoB,GAAG,UAAC,QAAgB;QAC5C,gBAAgB,CAAC,UAAA,IAAI,IAAI,OAAA,+BAA+B,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,EAA/C,CAA+C,CAAC,CAAA;IAC3E,CAAC,CAAA;IAED,IAAM,KAAK,GAAG;QACZ,aAAa,CAAC,KAAK,CAAC,CAAA;QACpB,kBAAkB,EAAE,CAAA;IACtB,CAAC,CAAA;IAED,OAAO;QACL,WAAW,aAAA;QACX,KAAK,OAAA;QACL,aAAa,eAAA;QACb,OAAO,SAAA;QACP,gBAAgB,kBAAA;QAChB,oBAAoB,sBAAA;QACpB,SAAS,WAAA;QACT,UAAU,YAAA;KACX,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/app/Messenger/hooks/useThemes.d.ts

@@ -0,0 +1,31 @@
+declare const useTheme: () => {
+    theme: Partial<{
+        asideBg: string;
+        asideFontColor: string;
+        messengerMessagesBg: string;
+        headerAndSenderBg: string;
+        buttonPrimary: string;
+        buttonPrimaryText: string;
+        buttonsDisabled: string;
+        uploadFileIconColor: string;
+        messengerNotSelectedBg: string;
+        newChatFormBg: string;
+        newChatFormRadius: string;
+        newChatFormTexts: string;
+        newChatFormDeleteFileButton: string;
+        disclaimerPrimaryColor: string;
+        disclaimerSecondaryColor: string;
+        disclaimerTextColor: string;
+        messengerSenderColor: string;
+        messengerIncomerColor: string;
+        messengerSystemColor: string;
+        borderColor: string;
+        inputBg: string;
+        chatInputBorder: string;
+        listItemHover: string;
+        active: string;
+        activeTabBorter: string;
+        emptyMessagesFontColor: string;
+    }>;
+};
+export default useTheme;

package/dist/esm/app/Messenger/hooks/useThemes.js

@@ -0,0 +1,11 @@
+import { useContext } from 'react';
+import { MessageThemeContext } from '../components/MessengerThemeWrapper/MessengerThemeWrapper';
+var useTheme = function () {
+    var context = useContext(MessageThemeContext);
+    if (context === undefined) {
+        throw new Error("useTheme must be used within a ThemeProvider");
+    }
+    return context;
+};
+export default useTheme;
+//# sourceMappingURL=useThemes.js.map

package/dist/esm/app/Messenger/hooks/useThemes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useThemes.js","sourceRoot":"","sources":["../../../../../src/app/Messenger/hooks/useThemes.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAClC,OAAO,EAAE,mBAAmB,EAAE,MAAM,2DAA2D,CAAC;AAEhG,IAAM,QAAQ,GAAG;IACf,IAAM,OAAO,GAAG,UAAU,CAAC,mBAAmB,CAAC,CAAC;IAEhD,IAAI,OAAO,KAAK,SAAS,EAAE;QACzB,MAAM,IAAI,KAAK,CAAC,8CAA8C,CAAC,CAAC;KACjE;IAED,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

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

@@ -0,0 +1,3 @@
+export default function AttachFileIcon({ ...rest }: {
+    [x: string]: any;
+}): JSX.Element;

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

@@ -0,0 +1,10 @@
+import { __assign, __rest } from "tslib";
+import React from 'react';
+import useTheme from '../hooks/useThemes';
+export default function AttachFileIcon(_a) {
+    var rest = __rest(_a, []);
+    var theme = useTheme().theme;
+    return (React.createElement("svg", __assign({ width: "26", height: "28", viewBox: "0 0 26 28", xmlns: "http://www.w3.org/2000/svg" }, rest),
+        React.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 })));
+}
+//# sourceMappingURL=AttachFileIcon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AttachFileIcon.js","sourceRoot":"","sources":["../../../../../src/app/Messenger/icons/AttachFileIcon.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,QAAQ,MAAM,oBAAoB,CAAA;AAEzC,MAAM,CAAC,OAAO,UAAU,cAAc,CAAE,EAAW;QAAN,IAAI,cAAT,EAAW,CAAF;IACvC,IAAA,KAAK,GAAK,QAAQ,EAAE,MAAf,CAAe;IAC5B,OAAO,CACL,sCAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAA,KAAK,EAAC,4BAA4B,IAAK,IAAI;QACxF,8BAAM,CAAC,EAAC,0lDAA0lD,EAAE,IAAI,EAAG,KAAK,CAAC,mBAAmB,GAAI,CACpoD,CACP,CAAA;AACH,CAAC"}

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

@@ -0,0 +1 @@
+export default function CloseIcon(): JSX.Element;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"CloseIcon.js","sourceRoot":"","sources":["../../../../../src/app/Messenger/icons/CloseIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,QAAQ,MAAM,oBAAoB,CAAA;AAEzC,MAAM,CAAC,OAAO,UAAU,SAAS;;IACxB,IAAA,KAAK,GAAI,QAAQ,EAAE,MAAd,CAAc;IAC1B,OAAO,CACL,6BAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B;QAC5F,8BAAM,CAAC,EAAC,m5BAAm5B,EAAC,IAAI,EAAE,MAAA,KAAK,CAAC,gBAAgB,mCAAI,SAAS,GAAI,CACr8B,CACP,CAAA;AACH,CAAC"}

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

@@ -0,0 +1 @@
+export default function EmptyIcon(): JSX.Element;

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import useTheme from '../hooks/useThemes';
+export default function EmptyIcon() {
+    var theme = useTheme().theme;
+    return (React.createElement("svg", { width: "26", height: "32", viewBox: "0 0 26 32", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+        React.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 })));
+}
+//# sourceMappingURL=EmptyIcon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyIcon.js","sourceRoot":"","sources":["../../../../../src/app/Messenger/icons/EmptyIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,QAAQ,MAAM,oBAAoB,CAAA;AAEzC,MAAM,CAAC,OAAO,UAAU,SAAS;IACxB,IAAA,KAAK,GAAI,QAAQ,EAAE,MAAd,CAAc;IAC1B,OAAO,CACL,6BAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B;QAC5F,8BAAM,CAAC,EAAC,2jBAA2jB,EAAC,IAAI,EAAE,KAAK,CAAC,sBAAsB,GAAG,CACrmB,CACP,CAAA;AACH,CAAC"}

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

@@ -0,0 +1,5 @@
+declare function MessageIcon({ width, height }: {
+    width: string;
+    height: string;
+}): JSX.Element;
+export default MessageIcon;

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

@@ -0,0 +1,12 @@
+import React from 'react';
+function MessageIcon(_a) {
+    var width = _a.width, height = _a.height;
+    return (React.createElement("svg", { width: width, height: height, viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+        React.createElement("g", { clipPath: "url(#clip0_23_2)" },
+            React.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" })),
+        React.createElement("defs", null,
+            React.createElement("clipPath", { id: "clip0_23_2" },
+                React.createElement("rect", { width: "32", height: "32", fill: "@text-color" })))));
+}
+export default MessageIcon;
+//# sourceMappingURL=MessageIcon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MessageIcon.js","sourceRoot":"","sources":["../../../../../src/app/Messenger/icons/MessageIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,SAAS,WAAW,CAAE,EAAoD;QAAlD,KAAK,WAAA,EAAE,MAAM,YAAA;IACnC,OAAO,CACL,6BAAK,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B;QACnG,2BAAG,QAAQ,EAAC,kBAAkB;YAC5B,8BAAM,CAAC,EAAC,86EAA86E,EAAC,IAAI,EAAC,OAAO,GAAE,CACn8E;QACJ;YACE,kCAAU,EAAE,EAAC,YAAY;gBACvB,8BAAM,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,aAAa,GAAE,CACxC,CACN,CACH,CACP,CAAA;AACH,CAAC;AAED,eAAe,WAAW,CAAA"}

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

@@ -0,0 +1,3 @@
+export default function ReadIcon({ fill }: {
+    fill: string;
+}): JSX.Element;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ReadIcon.js","sourceRoot":"","sources":["../../../../../src/app/Messenger/icons/ReadIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAE,EAAwB;QAAtB,IAAI,UAAA;IACtC,OAAO,CACL,6BAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B;QAC5F,8BAAM,CAAC,EAAC,wXAAwX,EAAC,IAAI,EAAE,IAAI,GAAG,CAC1Y,CACP,CAAA;AACH,CAAC"}

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

@@ -0,0 +1 @@
+export default function SearchIcon(): JSX.Element;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"SearchIcon.js","sourceRoot":"","sources":["../../../../../src/app/Messenger/icons/SearchIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,QAAQ,MAAM,oBAAoB,CAAA;AAEzC,MAAM,CAAC,OAAO,UAAU,UAAU;IACzB,IAAA,KAAK,GAAI,QAAQ,EAAE,MAAd,CAAc;IAC1B,OAAO,CACL,6BAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B;QAC5F,8BAAM,CAAC,EAAC,uyBAAuyB,EAAC,IAAI,EAAE,KAAK,CAAC,cAAc,GAAG,CACz0B,CAEP,CAAA;AACH,CAAC"}

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

@@ -0,0 +1 @@
+export default function TimerIcon(): JSX.Element;

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

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

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;AAGzB,MAAM,CAAC,OAAO,UAAU,SAAS;IAC/B,OAAO,CACL,6BAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B;QAC5F,8BAAM,CAAC,EAAC,0tDAA0tD,EAAC,IAAI,EAAC,OAAO,GAAG,CAC9uD,CACP,CAAA;AACH,CAAC"}

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

@@ -0,0 +1,5 @@
+interface IProps {
+    color: string;
+}
+export default function TrashIcon({ color }: IProps): 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,CAAC,EAAgB;QAAf,KAAK,WAAA;IACtC,OAAO,CACL,6BAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B;QAC5F,8BAAM,CAAC,EAAC,mTAAmT,EAAC,IAAI,EAAE,KAAK,GAAG,CACtU,CAEP,CAAA;AACH,CAAC"}

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

@@ -0,0 +1,39 @@
+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;
+    }[];
+    canSeeTimer: boolean;
+    hasNext: boolean;
+    onIntersect: () => void;
+    sliceCount: number;
+}
+declare function MessengerList({ affix, conversations, tab, className, loading, failed, showBadge, currentId, onClick, searchChat, searchKeys, messegerView, helpDesk, handleChangeTickets, chatListTabs, chatButtons, loadingSearch, canSeeTimer, hasNext, onIntersect, sliceCount }: IMessengerList): JSX.Element;
+export default MessengerList;