@viewberapp/chat 0.1.12 → 0.1.17
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/LICENSE +20 -20
- package/dist/API.d.ts +93 -91
- package/dist/API.js +243 -241
- package/dist/API.js.map +1 -1
- package/dist/CachedChat.d.ts +67 -64
- package/dist/CachedChat.js +248 -241
- package/dist/CachedChat.js.map +1 -1
- package/dist/Chat.d.ts +66 -66
- package/dist/Chat.js +273 -270
- package/dist/Chat.js.map +1 -1
- package/dist/ChatError.d.ts +4 -4
- package/dist/ChatError.js +2 -2
- package/dist/ChatSubscription.d.ts +84 -82
- package/dist/ChatSubscription.js +134 -128
- package/dist/ChatSubscription.js.map +1 -1
- package/dist/Message.d.ts +25 -25
- package/dist/Message.js +35 -35
- package/dist/OnlineUser.d.ts +8 -8
- package/dist/OnlineUser.js +9 -9
- package/dist/PendingMessage.d.ts +23 -23
- package/dist/PendingMessage.js +23 -23
- package/dist/index.d.ts +8 -8
- package/dist/index.js +27 -27
- package/dist/logger/ConsoleLogger.d.ts +8 -8
- package/dist/logger/ConsoleLogger.js +20 -20
- package/dist/logger/ConsoleLogger.js.map +1 -1
- package/dist/logger/NullLogger.d.ts +8 -8
- package/dist/logger/NullLogger.js +10 -10
- package/dist/logger/NullLogger.js.map +1 -1
- package/dist/logger/RollbarLogger.d.ts +11 -11
- package/dist/logger/RollbarLogger.js +23 -23
- package/dist/logger/RollbarLogger.js.map +1 -1
- package/dist/logger/index.d.ts +12 -12
- package/dist/logger/index.js +12 -12
- package/dist/logger/index.js.map +1 -1
- package/dist/react/components/AdminMessage.d.ts +6 -6
- package/dist/react/components/AdminMessage.js +59 -59
- package/dist/react/components/ConnectionAndChannelStatusLabel.d.ts +7 -7
- package/dist/react/components/ConnectionAndChannelStatusLabel.js +59 -59
- package/dist/react/components/Message.d.ts +23 -23
- package/dist/react/components/Message.js +87 -87
- package/dist/react/components/MessageDateTime.d.ts +8 -8
- package/dist/react/components/MessageDateTime.js +31 -31
- package/dist/react/components/MessageList.d.ts +46 -46
- package/dist/react/components/MessageList.js +107 -107
- package/dist/react/components/MessageRow.d.ts +5 -5
- package/dist/react/components/MessageRow.js +34 -34
- package/dist/react/components/index.d.ts +6 -6
- package/dist/react/components/index.js +13 -13
- package/dist/react/index.d.ts +3 -3
- package/dist/react/index.js +16 -16
- package/dist/react/useAppointmentChat.d.ts +3 -3
- package/dist/react/useAppointmentChat.js +10 -10
- package/dist/react/useChat.d.ts +40 -38
- package/dist/react/useChat.js +127 -125
- package/dist/react/useChat.js.map +1 -1
- package/dist/react/useRealtimeTotalUserUnreadChatMessages.d.ts +13 -12
- package/dist/react/useRealtimeTotalUserUnreadChatMessages.js +138 -137
- package/dist/react/useRealtimeTotalUserUnreadChatMessages.js.map +1 -1
- package/dist/util/getLatestMessage.d.ts +3 -3
- package/dist/util/getLatestMessage.js +17 -17
- package/dist/util/groupMessages.d.ts +8 -8
- package/dist/util/groupMessages.js +30 -30
- package/dist/util/index.d.ts +4 -4
- package/dist/util/index.js +9 -9
- package/dist/util/isNil.d.ts +1 -1
- package/dist/util/isNil.js +7 -7
- package/dist/util/jwtTokenChanged.d.ts +1 -1
- package/dist/util/jwtTokenChanged.js +10 -10
- package/dist/util/useIsMounted.d.ts +1 -1
- package/dist/util/useIsMounted.js +13 -13
- package/package.json +2 -2
- package/dist/util/getLatestMessageId.d.ts +0 -3
- package/dist/util/getLatestMessageId.js +0 -18
- package/dist/util/getLatestMessageId.js.map +0 -1
|
@@ -1,108 +1,108 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
-
if (mod && mod.__esModule) return mod;
|
|
20
|
-
var result = {};
|
|
21
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
-
__setModuleDefault(result, mod);
|
|
23
|
-
return result;
|
|
24
|
-
};
|
|
25
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
26
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
|
-
};
|
|
28
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
|
-
exports.MessageList = void 0;
|
|
30
|
-
const React = __importStar(require("react"));
|
|
31
|
-
const prop_types_1 = __importDefault(require("prop-types"));
|
|
32
|
-
const MessageRow_1 = require("./MessageRow");
|
|
33
|
-
const AdminMessage_1 = require("./AdminMessage");
|
|
34
|
-
const Message_1 = require("./Message");
|
|
35
|
-
const PendingMessage_1 = require("../../PendingMessage");
|
|
36
|
-
const util_1 = require("../../util");
|
|
37
|
-
const MessageList = ({ messages, currentUserId, messagesScrollContainerId, messagesContainerClassName, failedPendingMessageIconClassName, failedPendingMessageDescriptionStyles, failedPendingMessageDescriptionClassName, onFailedPendingMessageClick, getLatestMessagesStatus, markMessagesReadUpTo, shouldMarkMessagesAsRead, loadingContent, retryContent, noMessagesContent, onMessagesMarkedAsRead, onRequestScrollToBottomOfMessagesScrollContainer }) => {
|
|
38
|
-
const [lastMessageMarkedAsReadUpTo, setLastMessageMarkedAsReadUpTo] = React.useState();
|
|
39
|
-
React.useEffect(() => {
|
|
40
|
-
if (getLatestMessagesStatus === 'success') {
|
|
41
|
-
onRequestScrollToBottomOfMessagesScrollContainer();
|
|
42
|
-
}
|
|
43
|
-
}, [messages, getLatestMessagesStatus]);
|
|
44
|
-
React.useEffect(() => {
|
|
45
|
-
if (!messages.length || !shouldMarkMessagesAsRead) {
|
|
46
|
-
return;
|
|
47
|
-
}
|
|
48
|
-
let latestMessage = (0, util_1.getLatestMessage)(messages);
|
|
49
|
-
if ((0, util_1.isNil)(latestMessage)) {
|
|
50
|
-
return;
|
|
51
|
-
}
|
|
52
|
-
if (((0, util_1.isNil)(lastMessageMarkedAsReadUpTo) || lastMessageMarkedAsReadUpTo < latestMessage.id)) {
|
|
53
|
-
markMessagesReadUpTo(latestMessage).then(result => {
|
|
54
|
-
if (!result.error) {
|
|
55
|
-
setLastMessageMarkedAsReadUpTo(latestMessage === null || latestMessage === void 0 ? void 0 : latestMessage.id);
|
|
56
|
-
if (onMessagesMarkedAsRead) {
|
|
57
|
-
onMessagesMarkedAsRead();
|
|
58
|
-
}
|
|
59
|
-
}
|
|
60
|
-
}).catch(() => {
|
|
61
|
-
});
|
|
62
|
-
}
|
|
63
|
-
}, [messages, shouldMarkMessagesAsRead]);
|
|
64
|
-
if (getLatestMessagesStatus === 'failed') {
|
|
65
|
-
return retryContent;
|
|
66
|
-
}
|
|
67
|
-
else if (!getLatestMessagesStatus
|
|
68
|
-
|| getLatestMessagesStatus === 'initialized'
|
|
69
|
-
|| getLatestMessagesStatus === 'fetching'
|
|
70
|
-
|| getLatestMessagesStatus !== 'success') {
|
|
71
|
-
return loadingContent;
|
|
72
|
-
}
|
|
73
|
-
return (React.createElement("div", { id: messagesScrollContainerId, className: messagesContainerClassName, style: { maxHeight: '500px', overflowY: 'auto' } }, messages.length === 0
|
|
74
|
-
? noMessagesContent
|
|
75
|
-
: messages.map(message => {
|
|
76
|
-
if ((0, PendingMessage_1.isPendingMessage)(message) || (!(0, PendingMessage_1.isPendingMessage)(message) && message.senderId === currentUserId)) {
|
|
77
|
-
return (React.createElement(MessageRow_1.MessageRow, { key: message.id, isCurrentUser: true },
|
|
78
|
-
React.createElement(Message_1.Message, { message: message, isCurrentUser: true, failedPendingMessageIconClassName: failedPendingMessageIconClassName, failedPendingMessageDescriptionStyles: failedPendingMessageDescriptionStyles, failedPendingMessageDescriptionClassName: failedPendingMessageDescriptionClassName, onFailedPendingMessageClick: onFailedPendingMessageClick })));
|
|
79
|
-
}
|
|
80
|
-
else if (message.isAdminMessage) {
|
|
81
|
-
return (React.createElement(MessageRow_1.MessageRow, { key: message.id, isCurrentUser: false },
|
|
82
|
-
React.createElement(AdminMessage_1.AdminMessage, { message: message })));
|
|
83
|
-
}
|
|
84
|
-
else {
|
|
85
|
-
return (React.createElement(MessageRow_1.MessageRow, { key: message.id, isCurrentUser: false },
|
|
86
|
-
React.createElement(Message_1.Message, { message: message, isCurrentUser: false })));
|
|
87
|
-
}
|
|
88
|
-
})));
|
|
89
|
-
};
|
|
90
|
-
exports.MessageList = MessageList;
|
|
91
|
-
exports.MessageList.propTypes = {
|
|
92
|
-
messages: prop_types_1.default.arrayOf(prop_types_1.default.object).isRequired,
|
|
93
|
-
currentUserId: prop_types_1.default.number.isRequired,
|
|
94
|
-
messagesScrollContainerId: prop_types_1.default.string.isRequired,
|
|
95
|
-
messagesContainerClassName: prop_types_1.default.string,
|
|
96
|
-
failedPendingMessageIconClassName: prop_types_1.default.string,
|
|
97
|
-
failedPendingMessageDescriptionStyles: prop_types_1.default.object,
|
|
98
|
-
failedPendingMessageDescriptionClassName: prop_types_1.default.string,
|
|
99
|
-
onFailedPendingMessageClick: prop_types_1.default.func,
|
|
100
|
-
getLatestMessagesStatus: prop_types_1.default.oneOf(['initialized', 'fetching', 'success', 'failed']),
|
|
101
|
-
markMessagesReadUpTo: prop_types_1.default.func.isRequired,
|
|
102
|
-
shouldMarkMessagesAsRead: prop_types_1.default.bool.isRequired,
|
|
103
|
-
loadingContent: prop_types_1.default.node.isRequired,
|
|
104
|
-
retryContent: prop_types_1.default.node.isRequired,
|
|
105
|
-
noMessagesContent: prop_types_1.default.node.isRequired,
|
|
106
|
-
onRequestScrollToBottomOfMessagesScrollContainer: prop_types_1.default.func.isRequired
|
|
107
|
-
};
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
+
if (mod && mod.__esModule) return mod;
|
|
20
|
+
var result = {};
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
23
|
+
return result;
|
|
24
|
+
};
|
|
25
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
26
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
|
+
};
|
|
28
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
|
+
exports.MessageList = void 0;
|
|
30
|
+
const React = __importStar(require("react"));
|
|
31
|
+
const prop_types_1 = __importDefault(require("prop-types"));
|
|
32
|
+
const MessageRow_1 = require("./MessageRow");
|
|
33
|
+
const AdminMessage_1 = require("./AdminMessage");
|
|
34
|
+
const Message_1 = require("./Message");
|
|
35
|
+
const PendingMessage_1 = require("../../PendingMessage");
|
|
36
|
+
const util_1 = require("../../util");
|
|
37
|
+
const MessageList = ({ messages, currentUserId, messagesScrollContainerId, messagesContainerClassName, failedPendingMessageIconClassName, failedPendingMessageDescriptionStyles, failedPendingMessageDescriptionClassName, onFailedPendingMessageClick, getLatestMessagesStatus, markMessagesReadUpTo, shouldMarkMessagesAsRead, loadingContent, retryContent, noMessagesContent, onMessagesMarkedAsRead, onRequestScrollToBottomOfMessagesScrollContainer }) => {
|
|
38
|
+
const [lastMessageMarkedAsReadUpTo, setLastMessageMarkedAsReadUpTo] = React.useState();
|
|
39
|
+
React.useEffect(() => {
|
|
40
|
+
if (getLatestMessagesStatus === 'success') {
|
|
41
|
+
onRequestScrollToBottomOfMessagesScrollContainer();
|
|
42
|
+
}
|
|
43
|
+
}, [messages, getLatestMessagesStatus]);
|
|
44
|
+
React.useEffect(() => {
|
|
45
|
+
if (!messages.length || !shouldMarkMessagesAsRead) {
|
|
46
|
+
return;
|
|
47
|
+
}
|
|
48
|
+
let latestMessage = (0, util_1.getLatestMessage)(messages);
|
|
49
|
+
if ((0, util_1.isNil)(latestMessage)) {
|
|
50
|
+
return;
|
|
51
|
+
}
|
|
52
|
+
if (((0, util_1.isNil)(lastMessageMarkedAsReadUpTo) || lastMessageMarkedAsReadUpTo < latestMessage.id)) {
|
|
53
|
+
markMessagesReadUpTo(latestMessage).then(result => {
|
|
54
|
+
if (!result.error) {
|
|
55
|
+
setLastMessageMarkedAsReadUpTo(latestMessage === null || latestMessage === void 0 ? void 0 : latestMessage.id);
|
|
56
|
+
if (onMessagesMarkedAsRead) {
|
|
57
|
+
onMessagesMarkedAsRead();
|
|
58
|
+
}
|
|
59
|
+
}
|
|
60
|
+
}).catch(() => {
|
|
61
|
+
});
|
|
62
|
+
}
|
|
63
|
+
}, [messages, shouldMarkMessagesAsRead]);
|
|
64
|
+
if (getLatestMessagesStatus === 'failed') {
|
|
65
|
+
return retryContent;
|
|
66
|
+
}
|
|
67
|
+
else if (!getLatestMessagesStatus
|
|
68
|
+
|| getLatestMessagesStatus === 'initialized'
|
|
69
|
+
|| getLatestMessagesStatus === 'fetching'
|
|
70
|
+
|| getLatestMessagesStatus !== 'success') {
|
|
71
|
+
return loadingContent;
|
|
72
|
+
}
|
|
73
|
+
return (React.createElement("div", { id: messagesScrollContainerId, className: messagesContainerClassName, style: { maxHeight: '500px', overflowY: 'auto' } }, messages.length === 0
|
|
74
|
+
? noMessagesContent
|
|
75
|
+
: messages.map(message => {
|
|
76
|
+
if ((0, PendingMessage_1.isPendingMessage)(message) || (!(0, PendingMessage_1.isPendingMessage)(message) && message.senderId === currentUserId)) {
|
|
77
|
+
return (React.createElement(MessageRow_1.MessageRow, { key: message.id, isCurrentUser: true },
|
|
78
|
+
React.createElement(Message_1.Message, { message: message, isCurrentUser: true, failedPendingMessageIconClassName: failedPendingMessageIconClassName, failedPendingMessageDescriptionStyles: failedPendingMessageDescriptionStyles, failedPendingMessageDescriptionClassName: failedPendingMessageDescriptionClassName, onFailedPendingMessageClick: onFailedPendingMessageClick })));
|
|
79
|
+
}
|
|
80
|
+
else if (message.isAdminMessage) {
|
|
81
|
+
return (React.createElement(MessageRow_1.MessageRow, { key: message.id, isCurrentUser: false },
|
|
82
|
+
React.createElement(AdminMessage_1.AdminMessage, { message: message })));
|
|
83
|
+
}
|
|
84
|
+
else {
|
|
85
|
+
return (React.createElement(MessageRow_1.MessageRow, { key: message.id, isCurrentUser: false },
|
|
86
|
+
React.createElement(Message_1.Message, { message: message, isCurrentUser: false })));
|
|
87
|
+
}
|
|
88
|
+
})));
|
|
89
|
+
};
|
|
90
|
+
exports.MessageList = MessageList;
|
|
91
|
+
exports.MessageList.propTypes = {
|
|
92
|
+
messages: prop_types_1.default.arrayOf(prop_types_1.default.object).isRequired,
|
|
93
|
+
currentUserId: prop_types_1.default.number.isRequired,
|
|
94
|
+
messagesScrollContainerId: prop_types_1.default.string.isRequired,
|
|
95
|
+
messagesContainerClassName: prop_types_1.default.string,
|
|
96
|
+
failedPendingMessageIconClassName: prop_types_1.default.string,
|
|
97
|
+
failedPendingMessageDescriptionStyles: prop_types_1.default.object,
|
|
98
|
+
failedPendingMessageDescriptionClassName: prop_types_1.default.string,
|
|
99
|
+
onFailedPendingMessageClick: prop_types_1.default.func,
|
|
100
|
+
getLatestMessagesStatus: prop_types_1.default.oneOf(['initialized', 'fetching', 'success', 'failed']),
|
|
101
|
+
markMessagesReadUpTo: prop_types_1.default.func.isRequired,
|
|
102
|
+
shouldMarkMessagesAsRead: prop_types_1.default.bool.isRequired,
|
|
103
|
+
loadingContent: prop_types_1.default.node.isRequired,
|
|
104
|
+
retryContent: prop_types_1.default.node.isRequired,
|
|
105
|
+
noMessagesContent: prop_types_1.default.node.isRequired,
|
|
106
|
+
onRequestScrollToBottomOfMessagesScrollContainer: prop_types_1.default.func.isRequired
|
|
107
|
+
};
|
|
108
108
|
//# sourceMappingURL=MessageList.js.map
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
export interface MessageRowProps {
|
|
3
|
-
isCurrentUser: boolean;
|
|
4
|
-
}
|
|
5
|
-
export declare const MessageRow: ({ isCurrentUser, children }: React.PropsWithChildren<MessageRowProps>) => JSX.Element;
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
export interface MessageRowProps {
|
|
3
|
+
isCurrentUser: boolean;
|
|
4
|
+
}
|
|
5
|
+
export declare const MessageRow: ({ isCurrentUser, children }: React.PropsWithChildren<MessageRowProps>) => JSX.Element;
|
|
@@ -1,35 +1,35 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
-
if (mod && mod.__esModule) return mod;
|
|
20
|
-
var result = {};
|
|
21
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
-
__setModuleDefault(result, mod);
|
|
23
|
-
return result;
|
|
24
|
-
};
|
|
25
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
|
-
exports.MessageRow = void 0;
|
|
27
|
-
const React = __importStar(require("react"));
|
|
28
|
-
const MessageRow = ({ isCurrentUser, children }) => {
|
|
29
|
-
const styles = {
|
|
30
|
-
textAlign: isCurrentUser ? 'right' : undefined
|
|
31
|
-
};
|
|
32
|
-
return (React.createElement("div", { style: styles }, children));
|
|
33
|
-
};
|
|
34
|
-
exports.MessageRow = MessageRow;
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
+
if (mod && mod.__esModule) return mod;
|
|
20
|
+
var result = {};
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
23
|
+
return result;
|
|
24
|
+
};
|
|
25
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
|
+
exports.MessageRow = void 0;
|
|
27
|
+
const React = __importStar(require("react"));
|
|
28
|
+
const MessageRow = ({ isCurrentUser, children }) => {
|
|
29
|
+
const styles = {
|
|
30
|
+
textAlign: isCurrentUser ? 'right' : undefined
|
|
31
|
+
};
|
|
32
|
+
return (React.createElement("div", { style: styles }, children));
|
|
33
|
+
};
|
|
34
|
+
exports.MessageRow = MessageRow;
|
|
35
35
|
//# sourceMappingURL=MessageRow.js.map
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { Message } from './Message';
|
|
2
|
-
import { MessageRow } from './MessageRow';
|
|
3
|
-
import { MessageList } from './MessageList';
|
|
4
|
-
import { AdminMessage } from "./AdminMessage";
|
|
5
|
-
import { ConnectionAndChannelStatusLabel } from "./ConnectionAndChannelStatusLabel";
|
|
6
|
-
export { Message, MessageRow, MessageList, AdminMessage, ConnectionAndChannelStatusLabel };
|
|
1
|
+
import { Message } from './Message';
|
|
2
|
+
import { MessageRow } from './MessageRow';
|
|
3
|
+
import { MessageList } from './MessageList';
|
|
4
|
+
import { AdminMessage } from "./AdminMessage";
|
|
5
|
+
import { ConnectionAndChannelStatusLabel } from "./ConnectionAndChannelStatusLabel";
|
|
6
|
+
export { Message, MessageRow, MessageList, AdminMessage, ConnectionAndChannelStatusLabel };
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.ConnectionAndChannelStatusLabel = exports.AdminMessage = exports.MessageList = exports.MessageRow = exports.Message = void 0;
|
|
4
|
-
const Message_1 = require("./Message");
|
|
5
|
-
Object.defineProperty(exports, "Message", { enumerable: true, get: function () { return Message_1.Message; } });
|
|
6
|
-
const MessageRow_1 = require("./MessageRow");
|
|
7
|
-
Object.defineProperty(exports, "MessageRow", { enumerable: true, get: function () { return MessageRow_1.MessageRow; } });
|
|
8
|
-
const MessageList_1 = require("./MessageList");
|
|
9
|
-
Object.defineProperty(exports, "MessageList", { enumerable: true, get: function () { return MessageList_1.MessageList; } });
|
|
10
|
-
const AdminMessage_1 = require("./AdminMessage");
|
|
11
|
-
Object.defineProperty(exports, "AdminMessage", { enumerable: true, get: function () { return AdminMessage_1.AdminMessage; } });
|
|
12
|
-
const ConnectionAndChannelStatusLabel_1 = require("./ConnectionAndChannelStatusLabel");
|
|
13
|
-
Object.defineProperty(exports, "ConnectionAndChannelStatusLabel", { enumerable: true, get: function () { return ConnectionAndChannelStatusLabel_1.ConnectionAndChannelStatusLabel; } });
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.ConnectionAndChannelStatusLabel = exports.AdminMessage = exports.MessageList = exports.MessageRow = exports.Message = void 0;
|
|
4
|
+
const Message_1 = require("./Message");
|
|
5
|
+
Object.defineProperty(exports, "Message", { enumerable: true, get: function () { return Message_1.Message; } });
|
|
6
|
+
const MessageRow_1 = require("./MessageRow");
|
|
7
|
+
Object.defineProperty(exports, "MessageRow", { enumerable: true, get: function () { return MessageRow_1.MessageRow; } });
|
|
8
|
+
const MessageList_1 = require("./MessageList");
|
|
9
|
+
Object.defineProperty(exports, "MessageList", { enumerable: true, get: function () { return MessageList_1.MessageList; } });
|
|
10
|
+
const AdminMessage_1 = require("./AdminMessage");
|
|
11
|
+
Object.defineProperty(exports, "AdminMessage", { enumerable: true, get: function () { return AdminMessage_1.AdminMessage; } });
|
|
12
|
+
const ConnectionAndChannelStatusLabel_1 = require("./ConnectionAndChannelStatusLabel");
|
|
13
|
+
Object.defineProperty(exports, "ConnectionAndChannelStatusLabel", { enumerable: true, get: function () { return ConnectionAndChannelStatusLabel_1.ConnectionAndChannelStatusLabel; } });
|
|
14
14
|
//# sourceMappingURL=index.js.map
|
package/dist/react/index.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export { default as useChat } from './useChat';
|
|
2
|
-
export { default as useAppointmentChat } from './useAppointmentChat';
|
|
3
|
-
export { Message, MessageRow, MessageList, AdminMessage, ConnectionAndChannelStatusLabel } from './components';
|
|
1
|
+
export { default as useChat } from './useChat';
|
|
2
|
+
export { default as useAppointmentChat } from './useAppointmentChat';
|
|
3
|
+
export { Message, MessageRow, MessageList, AdminMessage, ConnectionAndChannelStatusLabel } from './components';
|
package/dist/react/index.js
CHANGED
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.ConnectionAndChannelStatusLabel = exports.AdminMessage = exports.MessageList = exports.MessageRow = exports.Message = exports.useAppointmentChat = exports.useChat = void 0;
|
|
7
|
-
var useChat_1 = require("./useChat");
|
|
8
|
-
Object.defineProperty(exports, "useChat", { enumerable: true, get: function () { return __importDefault(useChat_1).default; } });
|
|
9
|
-
var useAppointmentChat_1 = require("./useAppointmentChat");
|
|
10
|
-
Object.defineProperty(exports, "useAppointmentChat", { enumerable: true, get: function () { return __importDefault(useAppointmentChat_1).default; } });
|
|
11
|
-
var components_1 = require("./components");
|
|
12
|
-
Object.defineProperty(exports, "Message", { enumerable: true, get: function () { return components_1.Message; } });
|
|
13
|
-
Object.defineProperty(exports, "MessageRow", { enumerable: true, get: function () { return components_1.MessageRow; } });
|
|
14
|
-
Object.defineProperty(exports, "MessageList", { enumerable: true, get: function () { return components_1.MessageList; } });
|
|
15
|
-
Object.defineProperty(exports, "AdminMessage", { enumerable: true, get: function () { return components_1.AdminMessage; } });
|
|
16
|
-
Object.defineProperty(exports, "ConnectionAndChannelStatusLabel", { enumerable: true, get: function () { return components_1.ConnectionAndChannelStatusLabel; } });
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.ConnectionAndChannelStatusLabel = exports.AdminMessage = exports.MessageList = exports.MessageRow = exports.Message = exports.useAppointmentChat = exports.useChat = void 0;
|
|
7
|
+
var useChat_1 = require("./useChat");
|
|
8
|
+
Object.defineProperty(exports, "useChat", { enumerable: true, get: function () { return __importDefault(useChat_1).default; } });
|
|
9
|
+
var useAppointmentChat_1 = require("./useAppointmentChat");
|
|
10
|
+
Object.defineProperty(exports, "useAppointmentChat", { enumerable: true, get: function () { return __importDefault(useAppointmentChat_1).default; } });
|
|
11
|
+
var components_1 = require("./components");
|
|
12
|
+
Object.defineProperty(exports, "Message", { enumerable: true, get: function () { return components_1.Message; } });
|
|
13
|
+
Object.defineProperty(exports, "MessageRow", { enumerable: true, get: function () { return components_1.MessageRow; } });
|
|
14
|
+
Object.defineProperty(exports, "MessageList", { enumerable: true, get: function () { return components_1.MessageList; } });
|
|
15
|
+
Object.defineProperty(exports, "AdminMessage", { enumerable: true, get: function () { return components_1.AdminMessage; } });
|
|
16
|
+
Object.defineProperty(exports, "ConnectionAndChannelStatusLabel", { enumerable: true, get: function () { return components_1.ConnectionAndChannelStatusLabel; } });
|
|
17
17
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { UseChatOptions } from "./useChat";
|
|
2
|
-
declare const useAppointmentChat: (id: number, options?: Omit<UseChatOptions, 'idType'>) => import("./useChat").UseChatReturnValue;
|
|
3
|
-
export default useAppointmentChat;
|
|
1
|
+
import { UseChatOptions } from "./useChat";
|
|
2
|
+
declare const useAppointmentChat: (id: number, options?: Omit<UseChatOptions, 'idType'>) => import("./useChat").UseChatReturnValue;
|
|
3
|
+
export default useAppointmentChat;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
const useChat_1 = __importDefault(require("./useChat"));
|
|
7
|
-
const useAppointmentChat = (id, options = {}) => {
|
|
8
|
-
return (0, useChat_1.default)(id, Object.assign(Object.assign({}, options), { idType: 'appointment' }));
|
|
9
|
-
};
|
|
10
|
-
exports.default = useAppointmentChat;
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
const useChat_1 = __importDefault(require("./useChat"));
|
|
7
|
+
const useAppointmentChat = (id, options = {}) => {
|
|
8
|
+
return (0, useChat_1.default)(id, Object.assign(Object.assign({}, options), { idType: 'appointment' }));
|
|
9
|
+
};
|
|
10
|
+
exports.default = useAppointmentChat;
|
|
11
11
|
//# sourceMappingURL=useAppointmentChat.js.map
|
package/dist/react/useChat.d.ts
CHANGED
|
@@ -1,38 +1,40 @@
|
|
|
1
|
-
import Message from '../Message';
|
|
2
|
-
import ChatError from '../ChatError';
|
|
3
|
-
import OnlineUser from '../OnlineUser';
|
|
4
|
-
import { ConnectionStatus, ChannelStatus } from '../Chat';
|
|
5
|
-
import { GetLatestMessagesStatus, Messages } from '../CachedChat';
|
|
6
|
-
import { ChatSubscriptionStatus, ChatSubscriptionEventCallbackData } from '../ChatSubscription';
|
|
7
|
-
import PendingMessage from '../PendingMessage';
|
|
8
|
-
export interface UseChatOptions {
|
|
9
|
-
idType?: 'appointment';
|
|
10
|
-
onMessages?: OnMessagesCallback | undefined;
|
|
11
|
-
}
|
|
12
|
-
export declare type OnMessagesCallback = (data: ChatSubscriptionEventCallbackData['messages']) => void;
|
|
13
|
-
export declare type UseChatStatus = {
|
|
14
|
-
status: 'not_initialized' | 'initializing' | 'initialized';
|
|
15
|
-
} | {
|
|
16
|
-
status: 'error';
|
|
17
|
-
error: ChatError | undefined;
|
|
18
|
-
};
|
|
19
|
-
export interface UseChatReturnValue {
|
|
20
|
-
status: UseChatStatus;
|
|
21
|
-
messages: Messages;
|
|
22
|
-
onlineUsers: OnlineUser[];
|
|
23
|
-
subscriptionStatus: ChatSubscriptionStatus | undefined;
|
|
24
|
-
channelStatus: ChannelStatus | undefined;
|
|
25
|
-
connectionStatus: ConnectionStatus | undefined;
|
|
26
|
-
getLatestMessagesStatus: GetLatestMessagesStatus | undefined;
|
|
27
|
-
initialize: () => void;
|
|
28
|
-
sendMessage: (message: string) => Promise<any> | void;
|
|
29
|
-
sendPendingMessage: (pendingMessage: PendingMessage) => Promise<any> | void;
|
|
30
|
-
getLatestMessages: () => void;
|
|
31
|
-
reportChat: (reason: string) => Promise<any> | void;
|
|
32
|
-
isDisabledByAdmin: () => any;
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
1
|
+
import Message from '../Message';
|
|
2
|
+
import ChatError from '../ChatError';
|
|
3
|
+
import OnlineUser from '../OnlineUser';
|
|
4
|
+
import { ConnectionStatus, ChannelStatus } from '../Chat';
|
|
5
|
+
import { GetLatestMessagesStatus, Messages } from '../CachedChat';
|
|
6
|
+
import { ChatSubscriptionStatus, ChatSubscriptionEventCallbackData } from '../ChatSubscription';
|
|
7
|
+
import PendingMessage from '../PendingMessage';
|
|
8
|
+
export interface UseChatOptions {
|
|
9
|
+
idType?: 'appointment';
|
|
10
|
+
onMessages?: OnMessagesCallback | undefined;
|
|
11
|
+
}
|
|
12
|
+
export declare type OnMessagesCallback = (data: ChatSubscriptionEventCallbackData['messages']) => void;
|
|
13
|
+
export declare type UseChatStatus = {
|
|
14
|
+
status: 'not_initialized' | 'initializing' | 'initialized';
|
|
15
|
+
} | {
|
|
16
|
+
status: 'error';
|
|
17
|
+
error: ChatError | undefined;
|
|
18
|
+
};
|
|
19
|
+
export interface UseChatReturnValue {
|
|
20
|
+
status: UseChatStatus;
|
|
21
|
+
messages: Messages;
|
|
22
|
+
onlineUsers: OnlineUser[];
|
|
23
|
+
subscriptionStatus: ChatSubscriptionStatus | undefined;
|
|
24
|
+
channelStatus: ChannelStatus | undefined;
|
|
25
|
+
connectionStatus: ConnectionStatus | undefined;
|
|
26
|
+
getLatestMessagesStatus: GetLatestMessagesStatus | undefined;
|
|
27
|
+
initialize: () => void;
|
|
28
|
+
sendMessage: (message: string) => Promise<any> | void;
|
|
29
|
+
sendPendingMessage: (pendingMessage: PendingMessage) => Promise<any> | void;
|
|
30
|
+
getLatestMessages: () => void;
|
|
31
|
+
reportChat: (reason: string) => Promise<any> | void;
|
|
32
|
+
isDisabledByAdmin: () => any;
|
|
33
|
+
isMember: () => boolean;
|
|
34
|
+
setIsMember: (is_member: boolean) => void;
|
|
35
|
+
markMessagesReadUpTo: (message: Message) => Promise<{
|
|
36
|
+
error?: ChatError | undefined;
|
|
37
|
+
}>;
|
|
38
|
+
}
|
|
39
|
+
declare const useChat: (id: number, { idType, onMessages }?: UseChatOptions) => UseChatReturnValue;
|
|
40
|
+
export default useChat;
|