agx-chat-web 1.2.0 → 1.2.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +49 -49
- package/package.json +91 -91
- package/src/__tests__/app/Messenger/classes/slaCalculations.spec.ts +122 -122
- package/src/app/ChatProvider/ChatProvider.tsx +20 -20
- package/src/app/Messenger/classes/slaCalculations.ts +197 -197
- package/src/app/Messenger/components/ChatButton/ChatButton.tsx +64 -64
- package/src/app/Messenger/components/ChatTabs/ChatTabs.less +18 -18
- package/src/app/Messenger/components/ChatTabs/ChatTabs.tsx +32 -32
- package/src/app/Messenger/components/DocMessage/DocMessage.less +71 -71
- package/src/app/Messenger/components/DocMessage/DocMessage.tsx +50 -50
- package/src/app/Messenger/components/ImagesContainer/ImagesContainer.less +79 -79
- package/src/app/Messenger/components/ImagesContainer/ImagesContainer.tsx +51 -51
- package/src/app/Messenger/components/IncomingMessage/IncomingMessage.tsx +170 -170
- package/src/app/Messenger/components/InfiniteScroll/InfiniteScroll.tsx +80 -80
- package/src/app/Messenger/components/InputFile/InputFile.tsx +147 -147
- package/src/app/Messenger/components/InputFile/inputFile.less +59 -59
- package/src/app/Messenger/components/MessageBallon/MessageBalloon.tsx +100 -100
- package/src/app/Messenger/components/MessengerAvatar/MessengerAvatar.tsx +29 -29
- package/src/app/Messenger/components/MessengerThemeWrapper/MessengerThemeWrapper.tsx +62 -62
- package/src/app/Messenger/components/RenderFileIcon/RenderFileIcon.tsx +40 -40
- package/src/app/Messenger/components/SearchInput/SearchInput.less +45 -45
- package/src/app/Messenger/components/SearchInput/SearchInput.tsx +77 -77
- package/src/app/Messenger/components/Select/Select.less +22 -22
- package/src/app/Messenger/components/Select/Select.tsx +56 -56
- package/src/app/Messenger/components/SendMessageForm/SendMessageForm.tsx +254 -254
- package/src/app/Messenger/components/SenderMessages/SenderMessages.tsx +91 -91
- package/src/app/Messenger/components/SystemMessage/SystemMessage.tsx +25 -25
- package/src/app/Messenger/components/TextArea/TextArea.tsx +35 -35
- package/src/app/Messenger/components/TextArea/Textarea.less +22 -22
- package/src/app/Messenger/components/Tooltip/Tooltip.less +27 -27
- package/src/app/Messenger/components/Tooltip/Tooltip.tsx +17 -17
- package/src/app/Messenger/hooks/useConversations.tsx +143 -143
- package/src/app/Messenger/hooks/useMessages.tsx +49 -49
- package/src/app/Messenger/hooks/useThemes.tsx +14 -14
- package/src/app/Messenger/icons/AttachFileIcon.tsx +20 -20
- package/src/app/Messenger/icons/CSVFileIcon.tsx +26 -26
- package/src/app/Messenger/icons/CloseIcon.tsx +20 -20
- package/src/app/Messenger/icons/DOCFileIcon.tsx +54 -54
- package/src/app/Messenger/icons/DownloadMinimalistIcon.tsx +37 -37
- package/src/app/Messenger/icons/EmptyIcon.tsx +20 -20
- package/src/app/Messenger/icons/MP4FileIcon.tsx +26 -26
- package/src/app/Messenger/icons/MessageIcon.tsx +27 -27
- package/src/app/Messenger/icons/PDFFileIcon.tsx +54 -54
- package/src/app/Messenger/icons/ReadIcon.tsx +18 -18
- package/src/app/Messenger/icons/SearchIcon.tsx +20 -20
- package/src/app/Messenger/icons/TimerIcon.tsx +18 -18
- package/src/app/Messenger/icons/TrashIcon.tsx +21 -21
- package/src/app/Messenger/views/Messenger.less +623 -623
- package/src/app/Messenger/views/MessengerList.tsx +170 -170
- package/src/app/Messenger/views/MessengerListItem.tsx +178 -178
- package/src/app/Messenger/views/MessengerMessages.tsx +414 -414
- package/src/app/Messenger/views/NewFormChat.tsx +145 -145
- package/src/app/i18n/index.ts +36 -36
- package/src/app/i18n/locales/en.json +64 -64
- package/src/app/i18n/locales/pt.json +64 -64
- package/src/assets/right-arrow.svg +9 -9
- package/src/index.ts +23 -23
- package/src/react-app-env.d.ts +19 -19
- package/src/setupTests.ts +5 -5
- package/src/styles/abstracts/animations.less +8 -8
- package/src/styles/abstracts/mixins.less +5 -5
- package/src/styles/abstracts/variables.less +31 -31
- package/src/styles/base/base.less +6 -6
- package/src/styles/index.less +5 -5
- package/src/types.ts +174 -174
- package/dist/agx-chat.esm.js +0 -2
- package/dist/agx-chat.esm.js.map +0 -1
- package/dist/agx-chat.min.js +0 -2
- package/dist/agx-chat.min.js.map +0 -1
- package/dist/esm/__tests__/app/Messenger/classes/slaCalculations.spec.d.ts +0 -1
- package/dist/esm/__tests__/app/Messenger/classes/slaCalculations.spec.js +0 -46
- package/dist/esm/__tests__/app/Messenger/classes/slaCalculations.spec.js.map +0 -1
- package/dist/esm/app/Messenger/classes/slaCalculations.d.ts +0 -30
- package/dist/esm/app/Messenger/classes/slaCalculations.js +0 -144
- package/dist/esm/app/Messenger/classes/slaCalculations.js.map +0 -1
- package/dist/esm/app/Messenger/components/ChatButton/ChatButton.d.ts +0 -14
- package/dist/esm/app/Messenger/components/ChatButton/ChatButton.js +0 -31
- package/dist/esm/app/Messenger/components/ChatButton/ChatButton.js.map +0 -1
- package/dist/esm/app/Messenger/components/ChatTabs/ChatTabs.d.ts +0 -10
- package/dist/esm/app/Messenger/components/ChatTabs/ChatTabs.js +0 -15
- package/dist/esm/app/Messenger/components/ChatTabs/ChatTabs.js.map +0 -1
- package/dist/esm/app/Messenger/components/DocMessage/DocMessage.d.ts +0 -5
- package/dist/esm/app/Messenger/components/DocMessage/DocMessage.js +0 -35
- package/dist/esm/app/Messenger/components/DocMessage/DocMessage.js.map +0 -1
- package/dist/esm/app/Messenger/components/ImagesContainer/ImagesContainer.d.ts +0 -4
- package/dist/esm/app/Messenger/components/ImagesContainer/ImagesContainer.js +0 -39
- package/dist/esm/app/Messenger/components/ImagesContainer/ImagesContainer.js.map +0 -1
- package/dist/esm/app/Messenger/components/IncomingMessage/IncomingMessage.d.ts +0 -7
- package/dist/esm/app/Messenger/components/IncomingMessage/IncomingMessage.js +0 -49
- package/dist/esm/app/Messenger/components/IncomingMessage/IncomingMessage.js.map +0 -1
- package/dist/esm/app/Messenger/components/InfiniteScroll/InfiniteScroll.d.ts +0 -13
- package/dist/esm/app/Messenger/components/InfiniteScroll/InfiniteScroll.js +0 -43
- package/dist/esm/app/Messenger/components/InfiniteScroll/InfiniteScroll.js.map +0 -1
- package/dist/esm/app/Messenger/components/InputFile/InputFile.d.ts +0 -11
- package/dist/esm/app/Messenger/components/InputFile/InputFile.js +0 -72
- package/dist/esm/app/Messenger/components/InputFile/InputFile.js.map +0 -1
- package/dist/esm/app/Messenger/components/MessageBallon/MessageBalloon.d.ts +0 -9
- package/dist/esm/app/Messenger/components/MessageBallon/MessageBalloon.js +0 -34
- package/dist/esm/app/Messenger/components/MessageBallon/MessageBalloon.js.map +0 -1
- package/dist/esm/app/Messenger/components/MessengerAvatar/MessengerAvatar.d.ts +0 -4
- package/dist/esm/app/Messenger/components/MessengerAvatar/MessengerAvatar.js +0 -13
- package/dist/esm/app/Messenger/components/MessengerAvatar/MessengerAvatar.js.map +0 -1
- package/dist/esm/app/Messenger/components/MessengerThemeWrapper/MessengerThemeWrapper.d.ts +0 -41
- package/dist/esm/app/Messenger/components/MessengerThemeWrapper/MessengerThemeWrapper.js +0 -40
- package/dist/esm/app/Messenger/components/MessengerThemeWrapper/MessengerThemeWrapper.js.map +0 -1
- package/dist/esm/app/Messenger/components/RenderFileIcon/RenderFileIcon.d.ts +0 -6
- package/dist/esm/app/Messenger/components/RenderFileIcon/RenderFileIcon.js +0 -21
- package/dist/esm/app/Messenger/components/RenderFileIcon/RenderFileIcon.js.map +0 -1
- package/dist/esm/app/Messenger/components/SearchInput/SearchInput.d.ts +0 -11
- package/dist/esm/app/Messenger/components/SearchInput/SearchInput.js +0 -33
- package/dist/esm/app/Messenger/components/SearchInput/SearchInput.js.map +0 -1
- package/dist/esm/app/Messenger/components/Select/Select.d.ts +0 -14
- package/dist/esm/app/Messenger/components/Select/Select.js +0 -16
- package/dist/esm/app/Messenger/components/Select/Select.js.map +0 -1
- package/dist/esm/app/Messenger/components/SendMessageForm/SendMessageForm.d.ts +0 -13
- package/dist/esm/app/Messenger/components/SendMessageForm/SendMessageForm.js +0 -119
- package/dist/esm/app/Messenger/components/SendMessageForm/SendMessageForm.js.map +0 -1
- package/dist/esm/app/Messenger/components/SenderMessages/SenderMessages.d.ts +0 -4
- package/dist/esm/app/Messenger/components/SenderMessages/SenderMessages.js +0 -40
- package/dist/esm/app/Messenger/components/SenderMessages/SenderMessages.js.map +0 -1
- package/dist/esm/app/Messenger/components/SystemMessage/SystemMessage.d.ts +0 -4
- package/dist/esm/app/Messenger/components/SystemMessage/SystemMessage.js +0 -14
- package/dist/esm/app/Messenger/components/SystemMessage/SystemMessage.js.map +0 -1
- package/dist/esm/app/Messenger/components/TextArea/TextArea.d.ts +0 -9
- package/dist/esm/app/Messenger/components/TextArea/TextArea.js +0 -14
- package/dist/esm/app/Messenger/components/TextArea/TextArea.js.map +0 -1
- package/dist/esm/app/Messenger/components/Tooltip/Tooltip.d.ts +0 -7
- package/dist/esm/app/Messenger/components/Tooltip/Tooltip.js +0 -9
- package/dist/esm/app/Messenger/components/Tooltip/Tooltip.js.map +0 -1
- package/dist/esm/app/Messenger/hooks/useConversations.d.ts +0 -21
- package/dist/esm/app/Messenger/hooks/useConversations.js +0 -105
- package/dist/esm/app/Messenger/hooks/useConversations.js.map +0 -1
- package/dist/esm/app/Messenger/hooks/useMessages.d.ts +0 -9
- package/dist/esm/app/Messenger/hooks/useMessages.js +0 -37
- package/dist/esm/app/Messenger/hooks/useMessages.js.map +0 -1
- package/dist/esm/app/Messenger/hooks/useThemes.d.ts +0 -32
- package/dist/esm/app/Messenger/hooks/useThemes.js +0 -11
- package/dist/esm/app/Messenger/hooks/useThemes.js.map +0 -1
- package/dist/esm/app/Messenger/icons/AttachFileIcon.d.ts +0 -4
- package/dist/esm/app/Messenger/icons/AttachFileIcon.js +0 -10
- package/dist/esm/app/Messenger/icons/AttachFileIcon.js.map +0 -1
- package/dist/esm/app/Messenger/icons/CloseIcon.d.ts +0 -2
- package/dist/esm/app/Messenger/icons/CloseIcon.js +0 -9
- package/dist/esm/app/Messenger/icons/CloseIcon.js.map +0 -1
- package/dist/esm/app/Messenger/icons/DOCFileIcon.d.ts +0 -4
- package/dist/esm/app/Messenger/icons/DOCFileIcon.js +0 -18
- package/dist/esm/app/Messenger/icons/DOCFileIcon.js.map +0 -1
- package/dist/esm/app/Messenger/icons/DownloadMinimalistIcon.d.ts +0 -7
- package/dist/esm/app/Messenger/icons/DownloadMinimalistIcon.js +0 -12
- package/dist/esm/app/Messenger/icons/DownloadMinimalistIcon.js.map +0 -1
- package/dist/esm/app/Messenger/icons/EmptyIcon.d.ts +0 -2
- package/dist/esm/app/Messenger/icons/EmptyIcon.js +0 -8
- package/dist/esm/app/Messenger/icons/EmptyIcon.js.map +0 -1
- package/dist/esm/app/Messenger/icons/MessageIcon.d.ts +0 -6
- package/dist/esm/app/Messenger/icons/MessageIcon.js +0 -12
- package/dist/esm/app/Messenger/icons/MessageIcon.js.map +0 -1
- package/dist/esm/app/Messenger/icons/PDFFileIcon.d.ts +0 -4
- package/dist/esm/app/Messenger/icons/PDFFileIcon.js +0 -18
- package/dist/esm/app/Messenger/icons/PDFFileIcon.js.map +0 -1
- package/dist/esm/app/Messenger/icons/ReadIcon.d.ts +0 -4
- package/dist/esm/app/Messenger/icons/ReadIcon.js +0 -7
- package/dist/esm/app/Messenger/icons/ReadIcon.js.map +0 -1
- package/dist/esm/app/Messenger/icons/SearchIcon.d.ts +0 -2
- package/dist/esm/app/Messenger/icons/SearchIcon.js +0 -8
- package/dist/esm/app/Messenger/icons/SearchIcon.js.map +0 -1
- package/dist/esm/app/Messenger/icons/TimerIcon.d.ts +0 -4
- package/dist/esm/app/Messenger/icons/TimerIcon.js +0 -7
- package/dist/esm/app/Messenger/icons/TimerIcon.js.map +0 -1
- package/dist/esm/app/Messenger/icons/TrashIcon.d.ts +0 -6
- package/dist/esm/app/Messenger/icons/TrashIcon.js +0 -7
- package/dist/esm/app/Messenger/icons/TrashIcon.js.map +0 -1
- package/dist/esm/app/Messenger/views/MessengerList.d.ts +0 -40
- package/dist/esm/app/Messenger/views/MessengerList.js +0 -46
- package/dist/esm/app/Messenger/views/MessengerList.js.map +0 -1
- package/dist/esm/app/Messenger/views/MessengerListItem.d.ts +0 -12
- package/dist/esm/app/Messenger/views/MessengerListItem.js +0 -99
- package/dist/esm/app/Messenger/views/MessengerListItem.js.map +0 -1
- package/dist/esm/app/Messenger/views/MessengerMessages.d.ts +0 -35
- package/dist/esm/app/Messenger/views/MessengerMessages.js +0 -181
- package/dist/esm/app/Messenger/views/MessengerMessages.js.map +0 -1
- package/dist/esm/app/Messenger/views/NewFormChat.d.ts +0 -13
- package/dist/esm/app/Messenger/views/NewFormChat.js +0 -68
- package/dist/esm/app/Messenger/views/NewFormChat.js.map +0 -1
- package/dist/esm/app/i18n/index.d.ts +0 -3
- package/dist/esm/app/i18n/index.js +0 -31
- package/dist/esm/app/i18n/index.js.map +0 -1
- package/dist/esm/app/i18n/locales/index.d.ts +0 -6
- package/dist/esm/app/i18n/locales/index.js +0 -7
- package/dist/esm/app/i18n/locales/index.js.map +0 -1
- package/dist/esm/index.d.ts +0 -10
- package/dist/esm/index.js +0 -11
- package/dist/esm/index.js.map +0 -1
- package/dist/esm/setupTests.d.ts +0 -1
- package/dist/esm/setupTests.js +0 -6
- package/dist/esm/setupTests.js.map +0 -1
- package/dist/esm/types.d.ts +0 -140
- package/dist/esm/types.js +0 -2
- package/dist/esm/types.js.map +0 -1
|
@@ -1,72 +0,0 @@
|
|
|
1
|
-
import TrashIcon from '../../icons/TrashIcon';
|
|
2
|
-
import React, { useMemo } from 'react';
|
|
3
|
-
import useTheme from '../../hooks/useThemes';
|
|
4
|
-
import { useTranslation } from 'react-i18next';
|
|
5
|
-
function InputFile(_a) {
|
|
6
|
-
var fileList = _a.fileList, onUpdateFile = _a.onUpdateFile, label = _a.label, onRemoveFile = _a.onRemoveFile, maxSize = _a.maxSize, loading = _a.loading;
|
|
7
|
-
var theme = useTheme().theme;
|
|
8
|
-
var t = useTranslation('newFormChat').t;
|
|
9
|
-
var validateFileType = useMemo(function () { return function (allowedTypes, file) {
|
|
10
|
-
var _a;
|
|
11
|
-
if (file === null || file === void 0 ? void 0 : file.type) {
|
|
12
|
-
return allowedTypes.includes(file.type);
|
|
13
|
-
}
|
|
14
|
-
var extension = (_a = file === null || file === void 0 ? void 0 : file.name.split('.').pop()) === null || _a === void 0 ? void 0 : _a.toLowerCase();
|
|
15
|
-
return extension ? allowedTypes.includes(".".concat(extension)) : false;
|
|
16
|
-
}; }, []);
|
|
17
|
-
var onUpload = function () {
|
|
18
|
-
var input = document.querySelector('.file-input__input');
|
|
19
|
-
input === null || input === void 0 ? void 0 : input.click();
|
|
20
|
-
};
|
|
21
|
-
var onChange = function (e) {
|
|
22
|
-
var _a, _b;
|
|
23
|
-
var file = (_b = (_a = e === null || e === void 0 ? void 0 : e.target) === null || _a === void 0 ? void 0 : _a.files) === null || _b === void 0 ? void 0 : _b[0];
|
|
24
|
-
var isAllowedType = validateFileType([
|
|
25
|
-
'image/png',
|
|
26
|
-
'image/jpeg',
|
|
27
|
-
'application/pdf',
|
|
28
|
-
'application/msword',
|
|
29
|
-
'application/vnd.openxmlformats-officedocument.wordprocessingml.document',
|
|
30
|
-
], file);
|
|
31
|
-
if (!isAllowedType) {
|
|
32
|
-
console.error(t('inputFile.documentSendError'));
|
|
33
|
-
return false;
|
|
34
|
-
}
|
|
35
|
-
if (file)
|
|
36
|
-
onUpdateFile(file);
|
|
37
|
-
return true;
|
|
38
|
-
};
|
|
39
|
-
var removeItem = function (file) {
|
|
40
|
-
if (fileList.some(function (item) { return item === file; })) {
|
|
41
|
-
onRemoveFile(file);
|
|
42
|
-
}
|
|
43
|
-
};
|
|
44
|
-
return (React.createElement(React.Fragment, null,
|
|
45
|
-
React.createElement("div", { className: 'file-input' },
|
|
46
|
-
React.createElement("label", { style: { color: theme.newChatFormTexts }, htmlFor: '', className: 'file-input__label' }, label),
|
|
47
|
-
React.createElement("div", { className: 'file-input__container', style: {
|
|
48
|
-
backgroundColor: theme.inputBg,
|
|
49
|
-
color: theme.newChatFormTexts,
|
|
50
|
-
} },
|
|
51
|
-
React.createElement("input", { className: 'file-input__input', type: 'file', id: 'docpicker', hidden: true, accept: '.jpg, .jpeg, .png, .pdf, .doc, .docx', onChange: function (event) { return onChange(event); } }),
|
|
52
|
-
React.createElement("h4", null, t('inputFile.chooseFile')),
|
|
53
|
-
React.createElement("button", { className: 'file-input__button', type: 'button', onClick: onUpload, style: {
|
|
54
|
-
background: theme === null || theme === void 0 ? void 0 : theme.buttonPrimary,
|
|
55
|
-
color: theme === null || theme === void 0 ? void 0 : theme.buttonPrimaryText,
|
|
56
|
-
} }, t('inputFile.chooseFile')),
|
|
57
|
-
loading ? ('') : (React.createElement("p", null,
|
|
58
|
-
t('inputFile.allowDocuments'),
|
|
59
|
-
"(",
|
|
60
|
-
t('inputFile.allowSizeDocument', { maxSize: maxSize }),
|
|
61
|
-
")")))),
|
|
62
|
-
React.createElement("div", null, fileList &&
|
|
63
|
-
fileList.map(function (item) { return (React.createElement("div", { className: 'file-input__list', key: item.name, style: {
|
|
64
|
-
backgroundColor: theme.inputBg,
|
|
65
|
-
color: theme.newChatFormTexts,
|
|
66
|
-
} },
|
|
67
|
-
React.createElement("span", { className: 'file-input__list--file-name' }, item.name),
|
|
68
|
-
React.createElement("button", { className: 'file-input__delete', onClick: function () { return removeItem(item); } },
|
|
69
|
-
React.createElement(TrashIcon, { color: theme.newChatFormDeleteFileButton || 'red' })))); }))));
|
|
70
|
-
}
|
|
71
|
-
export default InputFile;
|
|
72
|
-
//# sourceMappingURL=InputFile.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"InputFile.js","sourceRoot":"","sources":["../../../../../../src/app/Messenger/components/InputFile/InputFile.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { IMessages } from 'types';
|
|
3
|
-
declare function MessageBalloon({ item, creatorId, formatDate, id, }: {
|
|
4
|
-
item: IMessages;
|
|
5
|
-
creatorId?: string;
|
|
6
|
-
formatDate: (date: string | Date) => string | undefined;
|
|
7
|
-
id: string;
|
|
8
|
-
}): React.JSX.Element;
|
|
9
|
-
export default MessageBalloon;
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import IncomingMessage from '../IncomingMessage/IncomingMessage';
|
|
3
|
-
import SenderMessages from '../SenderMessages/SenderMessages';
|
|
4
|
-
import SystemMessage from '../SystemMessage/SystemMessage';
|
|
5
|
-
function MessageBalloon(_a) {
|
|
6
|
-
var _b;
|
|
7
|
-
var item = _a.item, creatorId = _a.creatorId, formatDate = _a.formatDate, id = _a.id;
|
|
8
|
-
if (item.isSystemMessage) {
|
|
9
|
-
return (React.createElement(SystemMessage, { formatDate: formatDate, date: item.createdAt, message: item.content, id: item.senderId, user: { name: 'System' } }));
|
|
10
|
-
}
|
|
11
|
-
if (item.sender.uniqueCode &&
|
|
12
|
-
!item.isSystemMessage &&
|
|
13
|
-
item.sender.uniqueCode === creatorId) {
|
|
14
|
-
return (React.createElement(React.Fragment, null,
|
|
15
|
-
React.createElement(SenderMessages, { id: id, formatDate: formatDate, message: item.content, date: item.createdAt, read: item.everybodyHasRead, hasFile: item.hasFile, file: item.file }),
|
|
16
|
-
item.images &&
|
|
17
|
-
item.images.map(function (image, index) { return (React.createElement(SenderMessages, { key: image.key, id: "".concat(id, "image-").concat(index), formatDate: formatDate, date: item.createdAt, file: image, message: '', hasFile: true, read: item.everybodyHasRead })); })));
|
|
18
|
-
}
|
|
19
|
-
return (React.createElement(React.Fragment, null,
|
|
20
|
-
React.createElement(IncomingMessage, { id: id, formatDate: formatDate, date: item.createdAt, message: item.content, hasFile: item.hasFile, isSystemMessage: item.isSystemMessage, file: item.file, user: {
|
|
21
|
-
avatar: (_b = item.sender) === null || _b === void 0 ? void 0 : _b.image,
|
|
22
|
-
name: item.sender.username,
|
|
23
|
-
} }),
|
|
24
|
-
item.images &&
|
|
25
|
-
item.images.map(function (image, index) {
|
|
26
|
-
var _a;
|
|
27
|
-
return (React.createElement(IncomingMessage, { key: image.key, id: "".concat(id, "image-").concat(index), formatDate: formatDate, date: item.createdAt, file: image, message: '', hasFile: true, user: {
|
|
28
|
-
avatar: (_a = item.sender) === null || _a === void 0 ? void 0 : _a.image,
|
|
29
|
-
name: item.sender.username,
|
|
30
|
-
} }));
|
|
31
|
-
})));
|
|
32
|
-
}
|
|
33
|
-
export default MessageBalloon;
|
|
34
|
-
//# sourceMappingURL=MessageBalloon.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MessageBalloon.js","sourceRoot":"","sources":["../../../../../../src/app/Messenger/components/MessageBallon/MessageBalloon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,eAAe,MAAM,oCAAoC,CAAA;AAChE,OAAO,cAAc,MAAM,kCAAkC,CAAA;AAC7D,OAAO,aAAa,MAAM,gCAAgC,CAAA;AAE1D,SAAS,cAAc,CAAE,EAUxB;;QATC,IAAI,UAAA,EACJ,SAAS,eAAA,EACT,UAAU,gBAAA,EACV,EAAE,QAAA;IAOF,IAAI,IAAI,CAAC,eAAe,EAAE,CAAC;QACzB,OAAO,CACL,oBAAC,aAAa,IACZ,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,IAAI,CAAC,SAAS,EACpB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,EAAE,EAAE,IAAI,CAAC,QAAQ,EACjB,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,GACxB,CACH,CAAA;IACH,CAAC;IAED,IACE,IAAI,CAAC,MAAM,CAAC,UAAU;QACtB,CAAC,IAAI,CAAC,eAAe;QACrB,IAAI,CAAC,MAAM,CAAC,UAAU,KAAK,SAAS,EACpC,CAAC;QACD,OAAO,CACL;YACE,oBAAC,cAAc,IACb,EAAE,EAAE,EAAE,EACN,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,IAAI,EAAE,IAAI,CAAC,SAAS,EACpB,IAAI,EAAE,IAAI,CAAC,gBAAgB,EAC3B,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,IAAI,EAAE,IAAI,CAAC,IAAI,GACf;YAED,IAAI,CAAC,MAAM;gBACV,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,UAAC,KAAc,EAAE,KAAa,IAAK,OAAA,CACjD,oBAAC,cAAc,IACb,GAAG,EAAE,KAAK,CAAC,GAAG,EACd,EAAE,EAAE,UAAG,EAAE,mBAAS,KAAK,CAAE,EACzB,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,IAAI,CAAC,SAAS,EACpB,IAAI,EAAE,KAAK,EACX,OAAO,EAAC,EAAE,EACV,OAAO,EAAE,IAAI,EACb,IAAI,EAAE,IAAI,CAAC,gBAAgB,GAC3B,CACH,EAXkD,CAWlD,CAAC,CACH,CACJ,CAAA;IACH,CAAC;IAED,OAAO,CACL;QACE,oBAAC,eAAe,IACd,EAAE,EAAE,EAAE,EACN,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,IAAI,CAAC,SAAS,EACpB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,eAAe,EAAE,IAAI,CAAC,eAAe,EACrC,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAE;gBACJ,MAAM,EAAE,MAAA,IAAI,CAAC,MAAM,0CAAE,KAAK;gBAC1B,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,QAAQ;aAC3B,GACD;QAED,IAAI,CAAC,MAAM;YACV,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,UAAC,KAAc,EAAE,KAAa;;gBAAK,OAAA,CACjD,oBAAC,eAAe,IACd,GAAG,EAAE,KAAK,CAAC,GAAG,EACd,EAAE,EAAE,UAAG,EAAE,mBAAS,KAAK,CAAE,EACzB,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,IAAI,CAAC,SAAS,EACpB,IAAI,EAAE,KAAK,EACX,OAAO,EAAC,EAAE,EACV,OAAO,EAAE,IAAI,EACb,IAAI,EAAE;wBACJ,MAAM,EAAE,MAAA,IAAI,CAAC,MAAM,0CAAE,KAAK;wBAC1B,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,QAAQ;qBAC3B,GACD,CACH,CAAA;aAAA,CAAC,CACH,CACJ,CAAA;AACH,CAAC;AAED,eAAe,cAAc,CAAA"}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import useTheme from '../../hooks/useThemes';
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { useTranslation } from 'react-i18next';
|
|
4
|
-
function MessengerAvatar(_a) {
|
|
5
|
-
var image = _a.image, children = _a.children, _b = _a.className, className = _b === void 0 ? '' : _b;
|
|
6
|
-
var t = useTranslation('messengerList').t;
|
|
7
|
-
var theme = useTheme().theme;
|
|
8
|
-
return (React.createElement("figure", { className: "".concat(className, " messenger__aside-list-item--avatar"), style: {
|
|
9
|
-
background: theme.messengerIncomerColor,
|
|
10
|
-
} }, image ? (React.createElement("img", { loading: 'lazy', alt: t('messengerAvatar.alt'), src: image })) : (children)));
|
|
11
|
-
}
|
|
12
|
-
export default MessengerAvatar;
|
|
13
|
-
//# sourceMappingURL=MessengerAvatar.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MessengerAvatar.js","sourceRoot":"","sources":["../../../../../../src/app/Messenger/components/MessengerAvatar/MessengerAvatar.tsx"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,uBAAuB,CAAA;AAC5C,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAG9C,SAAS,eAAe,CAAE,EAIN;QAHlB,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA;IAEN,IAAA,CAAC,GAAK,cAAc,CAAC,eAAe,CAAC,EAApC,CAAoC;IACrC,IAAA,KAAK,GAAK,QAAQ,EAAE,MAAf,CAAe;IAC5B,OAAO,CACL,gCACE,SAAS,EAAE,UAAG,SAAS,wCAAqC,EAC5D,KAAK,EAAE;YACL,UAAU,EAAE,KAAK,CAAC,qBAAqB;SACxC,IAEA,KAAK,CAAC,CAAC,CAAC,CACP,6BAAK,OAAO,EAAC,MAAM,EAAC,GAAG,EAAE,CAAC,CAAC,qBAAqB,CAAC,EAAE,GAAG,EAAE,KAAK,GAAI,CAClE,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,CACM,CACV,CAAA;AACH,CAAC;AAED,eAAe,eAAe,CAAA"}
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
import React, { ReactNode } from 'react';
|
|
2
|
-
declare const defaultThemeVariables: {
|
|
3
|
-
asideBg: string;
|
|
4
|
-
asideFontColor: string;
|
|
5
|
-
messengerMessagesBg: string;
|
|
6
|
-
headerAndSenderBg: string;
|
|
7
|
-
buttonPrimary: string;
|
|
8
|
-
buttonPrimaryText: string;
|
|
9
|
-
buttonsDisabled: string;
|
|
10
|
-
uploadFileIconColor: string;
|
|
11
|
-
messengerNotSelectedBg: string;
|
|
12
|
-
newChatFormBg: string;
|
|
13
|
-
newChatFormRadius: string;
|
|
14
|
-
newChatFormTexts: string;
|
|
15
|
-
newChatFormDeleteFileButton: string;
|
|
16
|
-
disclaimerPrimaryColor: string;
|
|
17
|
-
disclaimerSecondaryColor: string;
|
|
18
|
-
disclaimerTextColor: string;
|
|
19
|
-
messengerSenderColor: string;
|
|
20
|
-
messengerIncomerColor: string;
|
|
21
|
-
messengerSystemColor: string;
|
|
22
|
-
borderColor: string;
|
|
23
|
-
inputBg: string;
|
|
24
|
-
chatInputBorder: string;
|
|
25
|
-
listItemHover: string;
|
|
26
|
-
active: string;
|
|
27
|
-
activeTabBorter: string;
|
|
28
|
-
emptyMessagesFontColor: string;
|
|
29
|
-
documentMessagesTextColor: string;
|
|
30
|
-
};
|
|
31
|
-
type ThemeVariables = typeof defaultThemeVariables;
|
|
32
|
-
type ThemeContextContent = {
|
|
33
|
-
theme: Partial<ThemeVariables>;
|
|
34
|
-
};
|
|
35
|
-
export declare const MessageThemeContext: React.Context<ThemeContextContent>;
|
|
36
|
-
type Props = {
|
|
37
|
-
children: ReactNode;
|
|
38
|
-
theme?: Partial<ThemeVariables>;
|
|
39
|
-
};
|
|
40
|
-
declare const MessageThemeWrapper: ({ children, theme, }: Props) => React.JSX.Element;
|
|
41
|
-
export default MessageThemeWrapper;
|
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
import React, { createContext } from 'react';
|
|
2
|
-
var defaultThemeVariables = {
|
|
3
|
-
asideBg: '#eee',
|
|
4
|
-
asideFontColor: 'var(--secondary-color)',
|
|
5
|
-
messengerMessagesBg: '#eeeeee',
|
|
6
|
-
headerAndSenderBg: '#232831',
|
|
7
|
-
buttonPrimary: '#25D366',
|
|
8
|
-
buttonPrimaryText: '#707070',
|
|
9
|
-
buttonsDisabled: '#94989D',
|
|
10
|
-
uploadFileIconColor: '#8696a0',
|
|
11
|
-
messengerNotSelectedBg: '#DDDDDD',
|
|
12
|
-
newChatFormBg: '',
|
|
13
|
-
newChatFormRadius: '0 20px 20px 0',
|
|
14
|
-
newChatFormTexts: '#000',
|
|
15
|
-
newChatFormDeleteFileButton: '#DD4E4E',
|
|
16
|
-
disclaimerPrimaryColor: '#4791FF',
|
|
17
|
-
disclaimerSecondaryColor: '#4791FF',
|
|
18
|
-
disclaimerTextColor: '#000',
|
|
19
|
-
messengerSenderColor: '#00A73E',
|
|
20
|
-
messengerIncomerColor: '#707070',
|
|
21
|
-
messengerSystemColor: '#2A313A',
|
|
22
|
-
borderColor: '#AAAAAA',
|
|
23
|
-
inputBg: 'var(--secondary-color)',
|
|
24
|
-
chatInputBorder: '',
|
|
25
|
-
listItemHover: '',
|
|
26
|
-
active: '',
|
|
27
|
-
activeTabBorter: '#25D366',
|
|
28
|
-
emptyMessagesFontColor: '#000',
|
|
29
|
-
documentMessagesTextColor: '#fff',
|
|
30
|
-
};
|
|
31
|
-
export var MessageThemeContext = createContext({});
|
|
32
|
-
var MessageThemeWrapper = function (_a) {
|
|
33
|
-
var children = _a.children, _b = _a.theme, theme = _b === void 0 ? defaultThemeVariables : _b;
|
|
34
|
-
var config = {
|
|
35
|
-
theme: theme,
|
|
36
|
-
};
|
|
37
|
-
return (React.createElement(MessageThemeContext.Provider, { value: config }, children));
|
|
38
|
-
};
|
|
39
|
-
export default MessageThemeWrapper;
|
|
40
|
-
//# sourceMappingURL=MessengerThemeWrapper.js.map
|
package/dist/esm/app/Messenger/components/MessengerThemeWrapper/MessengerThemeWrapper.js.map
DELETED
|
@@ -1 +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,wBAAwB;IACxC,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,EAAE,wBAAwB;IACjC,eAAe,EAAE,EAAE;IACnB,aAAa,EAAE,EAAE;IACjB,MAAM,EAAE,EAAE;IACV,eAAe,EAAE,SAAS;IAC1B,sBAAsB,EAAE,MAAM;IAC9B,yBAAyB,EAAE,MAAM;CAClC,CAAA;AAQD,MAAM,CAAC,IAAM,mBAAmB,GAAG,aAAa,CAC9C,EAAoC,CACrC,CAAA;AAMD,IAAM,mBAAmB,GAAG,UAAC,EAGrB;QAFN,QAAQ,cAAA,EACR,aAA6B,EAA7B,KAAK,mBAAG,qBAAqB,KAAA;IAE7B,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"}
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import FileDoc from '../../icons/DOCFileIcon';
|
|
3
|
-
import FilePdf from '../../icons/PDFFileIcon';
|
|
4
|
-
import { useTranslation } from 'react-i18next';
|
|
5
|
-
var RenderFileIcon = function (_a) {
|
|
6
|
-
var fileType = _a.fileType, b64 = _a.b64;
|
|
7
|
-
var t = useTranslation('messengerMessages').t;
|
|
8
|
-
if (fileType === 'application/pdf') {
|
|
9
|
-
return React.createElement(FilePdf, { width: '40', height: '40' });
|
|
10
|
-
}
|
|
11
|
-
else if (fileType === 'application/msword' ||
|
|
12
|
-
fileType ===
|
|
13
|
-
'application/vnd.openxmlformats-officedocument.wordprocessingml.document') {
|
|
14
|
-
return React.createElement(FileDoc, { width: '40', height: '40' });
|
|
15
|
-
}
|
|
16
|
-
else {
|
|
17
|
-
return (React.createElement("img", { alt: t('renderFileIcon.altImage'), src: b64, className: 'images-container__image' }));
|
|
18
|
-
}
|
|
19
|
-
};
|
|
20
|
-
export default RenderFileIcon;
|
|
21
|
-
//# sourceMappingURL=RenderFileIcon.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"RenderFileIcon.js","sourceRoot":"","sources":["../../../../../../src/app/Messenger/components/RenderFileIcon/RenderFileIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,OAAO,MAAM,yBAAyB,CAAA;AAC7C,OAAO,OAAO,MAAM,yBAAyB,CAAA;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAE9C,IAAM,cAAc,GAAG,UAAC,EAMvB;QALC,QAAQ,cAAA,EACR,GAAG,SAAA;IAKK,IAAA,CAAC,GAAK,cAAc,CAAC,mBAAmB,CAAC,EAAxC,CAAwC;IAEjD,IAAI,QAAQ,KAAK,iBAAiB,EAAE,CAAC;QACnC,OAAO,oBAAC,OAAO,IAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,GAAG,CAAA;IAC3C,CAAC;SAAM,IACL,QAAQ,KAAK,oBAAoB;QACjC,QAAQ;YACN,yEAAyE,EAC3E,CAAC;QACD,OAAO,oBAAC,OAAO,IAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,GAAG,CAAA;IAC3C,CAAC;SAAM,CAAC;QACN,OAAO,CACL,6BACE,GAAG,EAAE,CAAC,CAAC,yBAAyB,CAAC,EACjC,GAAG,EAAE,GAAG,EACR,SAAS,EAAC,yBAAyB,GACnC,CACH,CAAA;IACH,CAAC;AACH,CAAC,CAAA;AAED,eAAe,cAAc,CAAA"}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
interface IProps {
|
|
3
|
-
searchChat: (value: string, key: string) => void;
|
|
4
|
-
searchKeys: {
|
|
5
|
-
label: string;
|
|
6
|
-
value: string;
|
|
7
|
-
}[];
|
|
8
|
-
loadingSearch: boolean;
|
|
9
|
-
}
|
|
10
|
-
declare function SearchInput({ searchChat, searchKeys, loadingSearch }: IProps): React.JSX.Element;
|
|
11
|
-
export default SearchInput;
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
import SearchIcon from '../../icons/SearchIcon';
|
|
2
|
-
import React, { useState } from 'react';
|
|
3
|
-
import useTheme from '../../hooks/useThemes';
|
|
4
|
-
import { useTranslation } from 'react-i18next';
|
|
5
|
-
function SearchInput(_a) {
|
|
6
|
-
var searchChat = _a.searchChat, searchKeys = _a.searchKeys, loadingSearch = _a.loadingSearch;
|
|
7
|
-
var t = useTranslation('messengerList').t;
|
|
8
|
-
var _b = useState(searchKeys[0].value), searchKey = _b[0], setSearchKey = _b[1];
|
|
9
|
-
var _c = useState(''), searchValue = _c[0], setSearchValue = _c[1];
|
|
10
|
-
var theme = useTheme().theme;
|
|
11
|
-
var onSearch = function (event) {
|
|
12
|
-
setSearchValue(event.target.value);
|
|
13
|
-
};
|
|
14
|
-
var handleKeyPress = function (event) {
|
|
15
|
-
if (event.key === 'Enter') {
|
|
16
|
-
searchChat(searchValue, searchKey);
|
|
17
|
-
}
|
|
18
|
-
};
|
|
19
|
-
return (React.createElement("div", { className: 'input-search' },
|
|
20
|
-
React.createElement("select", { className: 'input-search__select', onChange: function (e) { return setSearchKey(e.target.value); }, style: {
|
|
21
|
-
color: theme.asideFontColor,
|
|
22
|
-
border: "".concat(theme.asideFontColor, " 1px solid"),
|
|
23
|
-
} }, searchKeys.map(function (item, index) { return (React.createElement("option", { className: 'input-search__option', key: index, value: item.value }, item.label)); })),
|
|
24
|
-
React.createElement("input", { className: 'input-search__search', placeholder: t('searchInput.placeholder'), onChange: onSearch, onKeyDown: handleKeyPress, style: {
|
|
25
|
-
color: theme.asideFontColor,
|
|
26
|
-
border: "".concat(theme.asideFontColor, " 1px solid"),
|
|
27
|
-
borderLeft: 0,
|
|
28
|
-
} }),
|
|
29
|
-
React.createElement("button", { className: 'input-search__icon', onClick: function () { return searchChat(searchValue, searchKey); } }, loadingSearch ? (React.createElement("div", { className: 'messenger__messages-loading' },
|
|
30
|
-
React.createElement("div", { className: 'messenger__messages-loading--loader' }))) : (React.createElement(SearchIcon, null)))));
|
|
31
|
-
}
|
|
32
|
-
export default SearchInput;
|
|
33
|
-
//# sourceMappingURL=SearchInput.js.map
|
|
@@ -1 +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;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAQ9C,SAAS,WAAW,CAAE,EAAiD;QAA/C,UAAU,gBAAA,EAAE,UAAU,gBAAA,EAAE,aAAa,mBAAA;IACnD,IAAA,CAAC,GAAK,cAAc,CAAC,eAAe,CAAC,EAApC,CAAoC;IACvC,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;IAClD,IAAA,KAAK,GAAK,QAAQ,EAAE,MAAf,CAAe;IAE5B,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,CAAC;YAC1B,UAAU,CAAC,WAAW,EAAE,SAAS,CAAC,CAAA;QACpC,CAAC;IACH,CAAC,CAAA;IAED,OAAO,CACL,6BAAK,SAAS,EAAC,cAAc;QAC3B,gCACE,SAAS,EAAC,sBAAsB,EAChC,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAA5B,CAA4B,EAC7C,KAAK,EAAE;gBACL,KAAK,EAAE,KAAK,CAAC,cAAc;gBAC3B,MAAM,EAAE,UAAG,KAAK,CAAC,cAAc,eAAY;aAC5C,IAEA,UAAU,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK,IAAK,OAAA,CAC/B,gCACE,SAAS,EAAC,sBAAsB,EAChC,GAAG,EAAE,KAAK,EACV,KAAK,EAAE,IAAI,CAAC,KAAK,IAEhB,IAAI,CAAC,KAAK,CACJ,CACV,EARgC,CAQhC,CAAC,CACK;QAET,+BACE,SAAS,EAAC,sBAAsB,EAChC,WAAW,EAAE,CAAC,CAAC,yBAAyB,CAAC,EACzC,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,cAAc,EACzB,KAAK,EAAE;gBACL,KAAK,EAAE,KAAK,CAAC,cAAc;gBAC3B,MAAM,EAAE,UAAG,KAAK,CAAC,cAAc,eAAY;gBAC3C,UAAU,EAAE,CAAC;aACd,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,CACF,oBAAC,UAAU,OAAG,CACf,CACM,CACL,CACP,CAAA;AACH,CAAC;AAED,eAAe,WAAW,CAAA"}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
interface IProps {
|
|
3
|
-
options: {
|
|
4
|
-
label: string;
|
|
5
|
-
value: string;
|
|
6
|
-
}[];
|
|
7
|
-
label: string;
|
|
8
|
-
onChange: (value: string) => void;
|
|
9
|
-
name: string;
|
|
10
|
-
placeholder: string;
|
|
11
|
-
value: string;
|
|
12
|
-
}
|
|
13
|
-
declare function SelectNew({ options, name, placeholder, label, onChange, value, }: IProps): React.JSX.Element;
|
|
14
|
-
export default SelectNew;
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import useTheme from '../../hooks/useThemes';
|
|
3
|
-
function SelectNew(_a) {
|
|
4
|
-
var options = _a.options, name = _a.name, placeholder = _a.placeholder, label = _a.label, onChange = _a.onChange, value = _a.value;
|
|
5
|
-
var theme = useTheme().theme;
|
|
6
|
-
return (React.createElement("div", { className: 'form-select' },
|
|
7
|
-
React.createElement("label", { htmlFor: name, className: 'form-select__label', style: { color: theme.newChatFormTexts } }, label),
|
|
8
|
-
React.createElement("select", { name: name, className: 'form-select__input', onChange: function (e) { return onChange(e.target.value); }, value: value, style: {
|
|
9
|
-
backgroundColor: theme.inputBg,
|
|
10
|
-
color: theme.newChatFormTexts,
|
|
11
|
-
} },
|
|
12
|
-
React.createElement("option", { value: "", disabled: true, hidden: true }, placeholder),
|
|
13
|
-
options.map(function (motivo) { return (React.createElement("option", { key: motivo.value, value: motivo.value }, motivo.label)); }))));
|
|
14
|
-
}
|
|
15
|
-
export default SelectNew;
|
|
16
|
-
//# sourceMappingURL=Select.js.map
|
|
@@ -1 +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,CAAE,EAOX;QANP,OAAO,aAAA,EACP,IAAI,UAAA,EACJ,WAAW,iBAAA,EACX,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,KAAK,WAAA;IAEG,IAAA,KAAK,GAAK,QAAQ,EAAE,MAAf,CAAe;IAC5B,OAAO,CACL,6BAAK,SAAS,EAAC,aAAa;QAC1B,+BACE,OAAO,EAAE,IAAI,EACb,SAAS,EAAC,oBAAoB,EAC9B,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,gBAAgB,EAAE,IAEvC,KAAK,CACA;QACR,gCACE,IAAI,EAAE,IAAI,EACV,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;YAED,gCAAQ,KAAK,EAAC,EAAE,EAAC,QAAQ,QAAC,MAAM,UAC7B,WAAW,CACL;YACR,OAAO,CAAC,GAAG,CAAC,UAAC,MAAM,IAAK,OAAA,CACvB,gCAAQ,GAAG,EAAE,MAAM,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,IAC3C,MAAM,CAAC,KAAK,CACN,CACV,EAJwB,CAIxB,CAAC,CACK,CACL,CACP,CAAA;AACH,CAAC;AAED,eAAe,SAAS,CAAA"}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { IList } from 'types';
|
|
3
|
-
interface IProps {
|
|
4
|
-
allowImages: boolean;
|
|
5
|
-
current?: IList;
|
|
6
|
-
onSubmit: (value: FormData, callback: () => void) => void;
|
|
7
|
-
file?: File | null;
|
|
8
|
-
updateFile: (file: File | null) => void;
|
|
9
|
-
isLoading?: boolean;
|
|
10
|
-
maxFileSize: string;
|
|
11
|
-
}
|
|
12
|
-
declare function SendMessageForm({ allowImages, current, onSubmit, file, updateFile, isLoading, maxFileSize, }: IProps): React.JSX.Element;
|
|
13
|
-
export default SendMessageForm;
|
|
@@ -1,119 +0,0 @@
|
|
|
1
|
-
import useTheme from '../../hooks/useThemes';
|
|
2
|
-
import React, { Fragment, useMemo, useRef, useState, } from 'react';
|
|
3
|
-
import AttachFileIcon from '../../../Messenger/icons/AttachFileIcon';
|
|
4
|
-
import rightArrow from '../../../../assets/right-arrow.svg';
|
|
5
|
-
import { SpinLoading } from '../../views/MessengerMessages';
|
|
6
|
-
import ToolTip from '../Tooltip/Tooltip';
|
|
7
|
-
import { useTranslation } from 'react-i18next';
|
|
8
|
-
function AllowDocuments(_a) {
|
|
9
|
-
var allowImages = _a.allowImages, attachFile = _a.attachFile, handleFile = _a.handleFile, closedChat = _a.closedChat, maxFileField = _a.maxFileField;
|
|
10
|
-
var t = useTranslation('messengerMessages').t;
|
|
11
|
-
if (allowImages) {
|
|
12
|
-
return (React.createElement(Fragment, null,
|
|
13
|
-
React.createElement("input", { type: 'file', size: 1, className: 'messenger__messages-send--file', ref: attachFile, onChange: handleFile, accept: '.jpg, .jpeg, .png, .pdf, .doc, .docx' }),
|
|
14
|
-
React.createElement(ToolTip, { text: t('sendMessageForm.maxFileField', { maxFileField: maxFileField }) },
|
|
15
|
-
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); } }))));
|
|
16
|
-
}
|
|
17
|
-
return React.createElement(React.Fragment, null);
|
|
18
|
-
}
|
|
19
|
-
function SendMessageForm(_a) {
|
|
20
|
-
var allowImages = _a.allowImages, current = _a.current, onSubmit = _a.onSubmit, file = _a.file, updateFile = _a.updateFile, isLoading = _a.isLoading, maxFileSize = _a.maxFileSize;
|
|
21
|
-
var t = useTranslation('messengerMessages').t;
|
|
22
|
-
var _b = useState(100), formHeight = _b[0], setFormHeight = _b[1];
|
|
23
|
-
var _c = useState(false), sending = _c[0], setSending = _c[1];
|
|
24
|
-
var inputRef = useRef(null);
|
|
25
|
-
var attachFile = useRef(null);
|
|
26
|
-
var closedChat = useMemo(function () { return (current === null || current === void 0 ? void 0 : current.status.current.state) === 'final'; }, [current]);
|
|
27
|
-
var theme = useTheme().theme;
|
|
28
|
-
function correctTextAreaHeight(styleConfig) {
|
|
29
|
-
var textarea = inputRef.current;
|
|
30
|
-
if (textarea) {
|
|
31
|
-
textarea.style.height = "".concat(styleConfig.height, "px");
|
|
32
|
-
textarea.style.overflowY = styleConfig.overflow;
|
|
33
|
-
}
|
|
34
|
-
}
|
|
35
|
-
function resetHeights() {
|
|
36
|
-
var inicialFormHeight = 100;
|
|
37
|
-
var inicialTextAreaHeight = 50;
|
|
38
|
-
setFormHeight(inicialFormHeight);
|
|
39
|
-
correctTextAreaHeight({ height: inicialTextAreaHeight, overflow: 'hidden' });
|
|
40
|
-
}
|
|
41
|
-
function adjustFormHeight(textareaRef) {
|
|
42
|
-
if (textareaRef) {
|
|
43
|
-
var initialHeight = 50;
|
|
44
|
-
var maxHeight = 80;
|
|
45
|
-
var newHeight = textareaRef.scrollHeight;
|
|
46
|
-
if (newHeight > maxHeight) {
|
|
47
|
-
correctTextAreaHeight({
|
|
48
|
-
height: maxHeight,
|
|
49
|
-
overflow: 'auto',
|
|
50
|
-
});
|
|
51
|
-
return maxHeight + initialHeight;
|
|
52
|
-
}
|
|
53
|
-
correctTextAreaHeight({
|
|
54
|
-
height: initialHeight,
|
|
55
|
-
overflow: 'auto',
|
|
56
|
-
});
|
|
57
|
-
return initialHeight * 2;
|
|
58
|
-
}
|
|
59
|
-
return formHeight;
|
|
60
|
-
}
|
|
61
|
-
function handleTextareaChange() {
|
|
62
|
-
var textarea = inputRef.current;
|
|
63
|
-
setFormHeight(adjustFormHeight(textarea));
|
|
64
|
-
}
|
|
65
|
-
function handleSubmit(e) {
|
|
66
|
-
var _a, _b;
|
|
67
|
-
e === null || e === void 0 ? void 0 : e.preventDefault();
|
|
68
|
-
if (sending)
|
|
69
|
-
return;
|
|
70
|
-
setSending(true);
|
|
71
|
-
var data = new FormData();
|
|
72
|
-
if (file)
|
|
73
|
-
data.append('file', file);
|
|
74
|
-
if ((_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.value)
|
|
75
|
-
data.append('message', (_b = inputRef.current) === null || _b === void 0 ? void 0 : _b.value);
|
|
76
|
-
onSubmit(data, function () {
|
|
77
|
-
if (inputRef.current)
|
|
78
|
-
inputRef.current.value = '';
|
|
79
|
-
if (file)
|
|
80
|
-
updateFile(null);
|
|
81
|
-
setSending(false);
|
|
82
|
-
resetHeights();
|
|
83
|
-
});
|
|
84
|
-
}
|
|
85
|
-
function handleFile(e) {
|
|
86
|
-
var _a, _b;
|
|
87
|
-
if (e.target.files) {
|
|
88
|
-
var file_1 = e.target.files[0];
|
|
89
|
-
if (((_a = file_1 === null || file_1 === void 0 ? void 0 : file_1.type) === null || _a === void 0 ? void 0 : _a.includes('image/')) ||
|
|
90
|
-
((_b = file_1 === null || file_1 === void 0 ? void 0 : file_1.type) === null || _b === void 0 ? void 0 : _b.includes('application/')) ||
|
|
91
|
-
(file_1 === null || file_1 === void 0 ? void 0 : file_1.type) === 'application/msword' ||
|
|
92
|
-
(file_1 === null || file_1 === void 0 ? void 0 : file_1.type) ===
|
|
93
|
-
'application/vnd.openxmlformats-officedocument.wordprocessingml.document') {
|
|
94
|
-
updateFile(e.target.files[0]);
|
|
95
|
-
}
|
|
96
|
-
}
|
|
97
|
-
}
|
|
98
|
-
return (React.createElement("form", { onSubmit: handleSubmit, className: 'messenger__messages-send--form', style: {
|
|
99
|
-
height: "".concat(formHeight, "px"),
|
|
100
|
-
maxHeight: '150px',
|
|
101
|
-
} },
|
|
102
|
-
React.createElement("div", { className: 'messenger__messages-send__input-container' },
|
|
103
|
-
React.createElement("textarea", { onChange: handleTextareaChange, placeholder: closedChat ? t('sendMessageForm.chatEnded') : t('sendMessageForm.typeMessage'), ref: inputRef, onKeyDown: function (e) {
|
|
104
|
-
if (e.key === 'Enter' && !e.shiftKey) {
|
|
105
|
-
e.preventDefault();
|
|
106
|
-
handleSubmit();
|
|
107
|
-
}
|
|
108
|
-
}, className: "messenger__messages-send__input ".concat(closedChat || sending ? 'messenger__messages-send__input--disabled' : '', " "), disabled: closedChat || sending, style: {
|
|
109
|
-
backgroundColor: theme === null || theme === void 0 ? void 0 : theme.inputBg,
|
|
110
|
-
} }),
|
|
111
|
-
React.createElement(AllowDocuments, { allowImages: allowImages, handleFile: handleFile, attachFile: attachFile, closedChat: closedChat, maxFileField: maxFileSize })),
|
|
112
|
-
isLoading ? (React.createElement("div", { className: 'messenger__messages-sending' },
|
|
113
|
-
React.createElement(SpinLoading, null))) : (React.createElement("button", { type: 'submit', className: "messenger__messages-send__button ".concat(closedChat || sending ? 'messenger__messages-send__button--disabled' : ''), disabled: closedChat || sending, style: {
|
|
114
|
-
backgroundColor: theme === null || theme === void 0 ? void 0 : theme.buttonPrimary,
|
|
115
|
-
} },
|
|
116
|
-
React.createElement("img", { alt: t('sendMessageForm.rightIcon'), height: 25, width: 25, className: 'ml-1', src: rightArrow })))));
|
|
117
|
-
}
|
|
118
|
-
export default SendMessageForm;
|
|
119
|
-
//# sourceMappingURL=SendMessageForm.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SendMessageForm.js","sourceRoot":"","sources":["../../../../../../src/app/Messenger/components/SendMessageForm/SendMessageForm.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
import useTheme from '../../hooks/useThemes';
|
|
2
|
-
import React, { useCallback, useState } from 'react';
|
|
3
|
-
import ReadIcon from '../../icons/ReadIcon';
|
|
4
|
-
import ReactSimpleImageViewer from 'react-simple-image-viewer';
|
|
5
|
-
import { MessageImage } from '../IncomingMessage/IncomingMessage';
|
|
6
|
-
import DocMessage from '../DocMessage/DocMessage';
|
|
7
|
-
function SenderMessages(_a) {
|
|
8
|
-
var _b;
|
|
9
|
-
var date = _a.date, message = _a.message, read = _a.read, hasFile = _a.hasFile, file = _a.file, formatDate = _a.formatDate, id = _a.id;
|
|
10
|
-
var _c = useState(0), currentImage = _c[0], setCurrentImage = _c[1];
|
|
11
|
-
var _d = useState(false), isViewerOpen = _d[0], setIsViewerOpen = _d[1];
|
|
12
|
-
var theme = useTheme().theme;
|
|
13
|
-
var openImageViewer = useCallback(function (index) {
|
|
14
|
-
setCurrentImage(index);
|
|
15
|
-
setIsViewerOpen(true);
|
|
16
|
-
}, []);
|
|
17
|
-
var closeImageViewer = function () {
|
|
18
|
-
setCurrentImage(0);
|
|
19
|
-
setIsViewerOpen(false);
|
|
20
|
-
};
|
|
21
|
-
var isDoc = (file === null || file === void 0 ? void 0 : file.mimetype) === 'application/msword' ||
|
|
22
|
-
(file === null || file === void 0 ? void 0 : file.mimetype) ===
|
|
23
|
-
'application/vnd.openxmlformats-officedocument.wordprocessingml.document' ||
|
|
24
|
-
(file === null || file === void 0 ? void 0 : file.mimetype) === 'application/pdf';
|
|
25
|
-
return (React.createElement("div", { className: 'messenger__messages-row--sender' },
|
|
26
|
-
React.createElement("div", { className: 'messenger__messages-sender', id: id, style: {
|
|
27
|
-
background: theme === null || theme === void 0 ? void 0 : theme.messengerSenderColor,
|
|
28
|
-
color: theme === null || theme === void 0 ? void 0 : theme.documentMessagesTextColor,
|
|
29
|
-
} },
|
|
30
|
-
React.createElement("span", null,
|
|
31
|
-
hasFile &&
|
|
32
|
-
(isDoc ? (React.createElement(DocMessage, { date: date, message: message, read: read, file: file, formatDate: formatDate, id: id })) : (React.createElement(MessageImage, { src: file === null || file === void 0 ? void 0 : file.location, onClick: function () { return openImageViewer(currentImage); } }))),
|
|
33
|
-
React.createElement("p", { className: 'messenger__message' }, message),
|
|
34
|
-
React.createElement("div", { className: 'messenger__message--bottom' },
|
|
35
|
-
React.createElement("p", { className: 'messenger__message--date' }, (_b = formatDate(date)) !== null && _b !== void 0 ? _b : new Date(date).toString()),
|
|
36
|
-
React.createElement(ReadIcon, { fill: read ? '#00efff' : 'white' })))),
|
|
37
|
-
file && !isDoc && isViewerOpen && (React.createElement(ReactSimpleImageViewer, { src: [file.location], currentIndex: 0, disableScroll: false, closeOnClickOutside: true, onClose: closeImageViewer }))));
|
|
38
|
-
}
|
|
39
|
-
export default SenderMessages;
|
|
40
|
-
//# sourceMappingURL=SenderMessages.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SenderMessages.js","sourceRoot":"","sources":["../../../../../../src/app/Messenger/components/SenderMessages/SenderMessages.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import useTheme from '../../hooks/useThemes';
|
|
3
|
-
function SystemMessage(_a) {
|
|
4
|
-
var _b;
|
|
5
|
-
var date = _a.date, message = _a.message, formatDate = _a.formatDate, id = _a.id;
|
|
6
|
-
var theme = useTheme().theme;
|
|
7
|
-
return (React.createElement("div", { className: 'messenger__messages-row--system', id: id },
|
|
8
|
-
React.createElement("div", { className: 'messenger__messages-received messenger__messages-received--system', style: { background: theme === null || theme === void 0 ? void 0 : theme.messengerSystemColor } },
|
|
9
|
-
React.createElement("span", null,
|
|
10
|
-
React.createElement("p", { className: 'messenger__message' }, message),
|
|
11
|
-
React.createElement("p", { className: 'messenger__message--date' }, (_b = formatDate(date)) !== null && _b !== void 0 ? _b : new Date(date).toString())))));
|
|
12
|
-
}
|
|
13
|
-
export default SystemMessage;
|
|
14
|
-
//# sourceMappingURL=SystemMessage.js.map
|
|
@@ -1 +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;IAC7C,IAAA,KAAK,GAAK,QAAQ,EAAE,MAAf,CAAe;IAE5B,OAAO,CACL,6BAAK,SAAS,EAAC,iCAAiC,EAAC,EAAE,EAAE,EAAE;QACrD,6BACE,SAAS,EAAC,mEAAmE,EAC7E,KAAK,EAAE,EAAE,UAAU,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,oBAAoB,EAAE;YAElD;gBACE,2BAAG,SAAS,EAAC,oBAAoB,IAAE,OAAO,CAAK;gBAC/C,2BAAG,SAAS,EAAC,0BAA0B,IACpC,MAAA,UAAU,CAAC,IAAI,CAAC,mCAAI,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC,QAAQ,EAAE,CAC5C,CACC,CACH,CACF,CACP,CAAA;AACH,CAAC;AAED,eAAe,aAAa,CAAA"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
interface IProps {
|
|
3
|
-
label: string;
|
|
4
|
-
onChange: (value: string) => void;
|
|
5
|
-
name: string;
|
|
6
|
-
placeholder: string;
|
|
7
|
-
}
|
|
8
|
-
declare function Textarea({ name, placeholder, label, onChange }: IProps): React.JSX.Element;
|
|
9
|
-
export default Textarea;
|