stream-chat-react 10.10.0 → 10.10.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/dist/browser.full-bundle.js +397 -392
- package/dist/browser.full-bundle.js.map +1 -1
- package/dist/browser.full-bundle.min.js +5 -20
- package/dist/browser.full-bundle.min.js.map +1 -1
- package/dist/components/Attachment/Attachment.js +1 -31
- package/dist/components/Attachment/AttachmentContainer.js +1 -11
- package/dist/components/Attachment/Audio.js +1 -11
- package/dist/components/Attachment/Card.js +1 -11
- package/dist/components/Attachment/utils.js +1 -11
- package/dist/components/AutoCompleteTextarea/List.js +1 -11
- package/dist/components/AutoCompleteTextarea/Textarea.js +1 -37
- package/dist/components/Channel/Channel.d.ts.map +1 -1
- package/dist/components/Channel/Channel.js +28 -66
- package/dist/components/Channel/channelState.js +1 -20
- package/dist/components/Channel/emojiData.js +1 -11
- package/dist/components/Channel/utils.d.ts +0 -4
- package/dist/components/Channel/utils.d.ts.map +1 -1
- package/dist/components/Channel/utils.js +1 -9
- package/dist/components/ChannelList/ChannelList.js +1 -47
- package/dist/components/ChannelList/hooks/useChannelDeletedListener.js +1 -9
- package/dist/components/ChannelList/hooks/useChannelHiddenListener.js +1 -9
- package/dist/components/ChannelList/hooks/useChannelTruncatedListener.js +1 -9
- package/dist/components/ChannelList/hooks/useChannelUpdatedListener.js +1 -20
- package/dist/components/ChannelList/hooks/useChannelVisibleListener.d.ts.map +1 -1
- package/dist/components/ChannelList/hooks/useChannelVisibleListener.js +7 -47
- package/dist/components/ChannelList/hooks/useMessageNewListener.js +1 -9
- package/dist/components/ChannelList/hooks/useNotificationAddedToChannelListener.d.ts.map +1 -1
- package/dist/components/ChannelList/hooks/useNotificationAddedToChannelListener.js +20 -52
- package/dist/components/ChannelList/hooks/useNotificationMessageNewListener.d.ts.map +1 -1
- package/dist/components/ChannelList/hooks/useNotificationMessageNewListener.js +7 -47
- package/dist/components/ChannelList/hooks/usePaginatedChannels.js +1 -56
- package/dist/components/ChannelList/hooks/useUserPresenceChangedListener.js +1 -9
- package/dist/components/ChannelList/utils.d.ts +1 -8
- package/dist/components/ChannelList/utils.d.ts.map +1 -1
- package/dist/components/ChannelList/utils.js +1 -79
- package/dist/components/ChannelPreview/ChannelPreview.js +1 -11
- package/dist/components/ChannelSearch/ChannelSearch.js +1 -11
- package/dist/components/ChannelSearch/SearchBar.js +1 -22
- package/dist/components/ChannelSearch/hooks/useChannelSearch.js +1 -56
- package/dist/components/Chat/hooks/useChat.d.ts +0 -1
- package/dist/components/Chat/hooks/useChat.d.ts.map +1 -1
- package/dist/components/Chat/hooks/useChat.js +1 -47
- package/dist/components/EventComponent/EventComponent.js +1 -11
- package/dist/components/Gallery/Gallery.js +1 -11
- package/dist/components/Gallery/Image.js +1 -11
- package/dist/components/InfiniteScrollPaginator/InfiniteScroll.js +1 -22
- package/dist/components/MML/MML.js +1 -36
- package/dist/components/Message/Message.js +1 -22
- package/dist/components/Message/MessageSimple.js +1 -11
- package/dist/components/Message/hooks/useActionHandler.js +1 -47
- package/dist/components/Message/hooks/useDeleteHandler.js +1 -36
- package/dist/components/Message/hooks/useEditHandler.d.ts +1 -0
- package/dist/components/Message/hooks/useEditHandler.d.ts.map +1 -1
- package/dist/components/Message/hooks/useFlagHandler.js +1 -36
- package/dist/components/Message/hooks/useMuteHandler.js +1 -36
- package/dist/components/Message/hooks/usePinHandler.js +1 -47
- package/dist/components/Message/hooks/useReactionHandler.js +1 -56
- package/dist/components/Message/hooks/useRetryHandler.js +1 -36
- package/dist/components/Message/hooks/useUserHandler.d.ts +1 -0
- package/dist/components/Message/hooks/useUserHandler.d.ts.map +1 -1
- package/dist/components/Message/types.d.ts +1 -0
- package/dist/components/Message/types.d.ts.map +1 -1
- package/dist/components/Message/utils.js +1 -9
- package/dist/components/MessageActions/MessageActions.js +1 -11
- package/dist/components/MessageInput/DefaultTriggerProvider.js +1 -11
- package/dist/components/MessageInput/DropzoneProvider.js +1 -11
- package/dist/components/MessageInput/MessageInput.js +1 -11
- package/dist/components/MessageInput/MessageInputFlat.js +1 -11
- package/dist/components/MessageInput/hooks/useCooldownTimer.js +1 -9
- package/dist/components/MessageInput/hooks/useFileUploads.js +1 -36
- package/dist/components/MessageInput/hooks/useImageUploads.js +1 -47
- package/dist/components/MessageInput/hooks/useLinkPreviews.js +1 -22
- package/dist/components/MessageInput/hooks/useMessageInputState.js +1 -11
- package/dist/components/MessageInput/hooks/usePasteHandler.js +1 -36
- package/dist/components/MessageInput/hooks/useSubmitHandler.js +1 -67
- package/dist/components/MessageInput/hooks/useUserTrigger.js +1 -56
- package/dist/components/MessageInput/hooks/utils.js +1 -36
- package/dist/components/MessageInput/icons.js +1 -22
- package/dist/components/MessageList/MessageList.js +1 -58
- package/dist/components/MessageList/VirtualizedMessageList.js +1 -47
- package/dist/components/MessageList/hooks/useMessageListElements.js +1 -11
- package/dist/components/MessageList/utils.d.ts +1 -0
- package/dist/components/MessageList/utils.d.ts.map +1 -1
- package/dist/components/ReactFileUtilities/FileIcon/FileIcon.js +1 -22
- package/dist/components/ReactFileUtilities/FileIcon/FileIconSet/v1.js +1 -22
- package/dist/components/ReactFileUtilities/FileIcon/FileIconSet/v2.js +1 -22
- package/dist/components/ReactFileUtilities/FileIcon/iconMap.js +1 -11
- package/dist/components/ReactFileUtilities/FilePreviewer.js +1 -11
- package/dist/components/ReactFileUtilities/ImageDropzone.js +1 -11
- package/dist/components/ReactFileUtilities/UploadButton.js +1 -22
- package/dist/components/ReactFileUtilities/icons/FilePlaceholderIcon.js +1 -11
- package/dist/components/ReactFileUtilities/utils.d.ts +2 -1
- package/dist/components/ReactFileUtilities/utils.d.ts.map +1 -1
- package/dist/components/ReactFileUtilities/utils.js +4 -38
- package/dist/components/Reactions/ReactionSelector.js +1 -11
- package/dist/components/Reactions/ReactionsList.js +1 -22
- package/dist/components/Reactions/SimpleReactionsList.js +1 -22
- package/dist/components/Thread/Thread.js +1 -11
- package/dist/components/Thread/ThreadHead.js +1 -11
- package/dist/components/Tooltip/Tooltip.js +1 -22
- package/dist/components/index.d.ts +1 -0
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +1 -0
- package/dist/context/ChannelActionContext.js +1 -11
- package/dist/context/ChannelStateContext.js +1 -11
- package/dist/context/ChatContext.js +1 -11
- package/dist/context/ComponentContext.js +1 -11
- package/dist/context/EmojiContext.js +1 -11
- package/dist/context/MessageContext.js +1 -11
- package/dist/context/TranslationContext.js +1 -11
- package/dist/context/TypingContext.js +1 -11
- package/dist/i18n/Streami18n.js +1 -47
- package/dist/index.cjs.js +137 -69
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -0
- package/dist/utils/getChannel.d.ts +20 -0
- package/dist/utils/getChannel.d.ts.map +1 -0
- package/dist/utils/getChannel.js +58 -0
- package/dist/utils.js +1 -31
- package/dist/version.d.ts +1 -1
- package/dist/version.js +1 -1
- package/package.json +3 -3
- package/dist/css/index.css.map +0 -1
- package/dist/css/v2/index.css.map +0 -1
- package/dist/css/v2/index.layout.css.map +0 -1
- package/dist/stories/add-message.stories.d.ts +0 -3
- package/dist/stories/add-message.stories.d.ts.map +0 -1
- package/dist/stories/add-message.stories.js +0 -53
- package/dist/stories/attachment-sizing.stories.d.ts +0 -2
- package/dist/stories/attachment-sizing.stories.d.ts.map +0 -1
- package/dist/stories/attachment-sizing.stories.js +0 -179
- package/dist/stories/edit-message.stories.d.ts +0 -2
- package/dist/stories/edit-message.stories.d.ts.map +0 -1
- package/dist/stories/edit-message.stories.js +0 -49
- package/dist/stories/hello.stories.d.ts +0 -3
- package/dist/stories/hello.stories.d.ts.map +0 -1
- package/dist/stories/hello.stories.js +0 -31
- package/dist/stories/jump-to-message.stories.d.ts +0 -3
- package/dist/stories/jump-to-message.stories.d.ts.map +0 -1
- package/dist/stories/jump-to-message.stories.js +0 -77
- package/dist/stories/mark-read.stories.d.ts +0 -3
- package/dist/stories/mark-read.stories.d.ts.map +0 -1
- package/dist/stories/mark-read.stories.js +0 -53
- package/dist/stories/message-status-readby-tooltip.stories.d.ts +0 -3
- package/dist/stories/message-status-readby-tooltip.stories.d.ts.map +0 -1
- package/dist/stories/message-status-readby-tooltip.stories.js +0 -57
- package/dist/stories/navigate-long-message-lists.stories.d.ts +0 -2
- package/dist/stories/navigate-long-message-lists.stories.d.ts.map +0 -1
- package/dist/stories/navigate-long-message-lists.stories.js +0 -179
- package/dist/stories/pin-message.stories.d.ts +0 -2
- package/dist/stories/pin-message.stories.d.ts.map +0 -1
- package/dist/stories/pin-message.stories.js +0 -98
- package/dist/stories/toggle-message-actions.stories.d.ts +0 -2
- package/dist/stories/toggle-message-actions.stories.d.ts.map +0 -1
- package/dist/stories/toggle-message-actions.stories.js +0 -35
- package/dist/stories/utils.d.ts +0 -26
- package/dist/stories/utils.d.ts.map +0 -1
- package/dist/stories/utils.js +0 -50
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
import React, { useState } from 'react';
|
|
2
|
-
import { ConnectedUser } from './utils';
|
|
3
|
-
import { Channel, ChannelHeader, ChannelList, MESSAGE_ACTIONS, MessageList, Thread, Window, } from '../components';
|
|
4
|
-
var allActions = Object.keys(MESSAGE_ACTIONS);
|
|
5
|
-
var WrappedConnectedUser = function (_a) {
|
|
6
|
-
var token = _a.token, userId = _a.userId;
|
|
7
|
-
var _b = useState(allActions), messageActions = _b[0], setMessageActions = _b[1];
|
|
8
|
-
return (React.createElement(ConnectedUser, { token: token, userId: userId },
|
|
9
|
-
React.createElement(ChannelList, { filters: { id: { $eq: 'jump-to-message' } } }),
|
|
10
|
-
React.createElement(Channel, null,
|
|
11
|
-
React.createElement(Window, null,
|
|
12
|
-
React.createElement(ChannelHeader, null),
|
|
13
|
-
React.createElement(MessageList, { messageActions: messageActions }),
|
|
14
|
-
React.createElement("div", null,
|
|
15
|
-
"Current messageActions: ",
|
|
16
|
-
React.createElement("i", null, messageActions.join(', ') || 'None')),
|
|
17
|
-
React.createElement("div", null,
|
|
18
|
-
React.createElement("span", null, "Switch to: "),
|
|
19
|
-
React.createElement("button", { onClick: function () { return setMessageActions(allActions); }, type: 'button' }, "All"),
|
|
20
|
-
React.createElement("button", { onClick: function () { return setMessageActions(['edit', 'react']); }, type: 'button' }, "edit, react"),
|
|
21
|
-
React.createElement("button", { onClick: function () { return setMessageActions(['edit', 'react', 'reply']); }, type: 'button' }, "edit, react, reply"),
|
|
22
|
-
React.createElement("button", { onClick: function () { return setMessageActions([]); }, type: 'button' }, "None"))),
|
|
23
|
-
React.createElement(Thread, { messageActions: messageActions }))));
|
|
24
|
-
};
|
|
25
|
-
export var ToggleActions = function () {
|
|
26
|
-
var userId = import.meta.env.E2E_TEST_USER_1;
|
|
27
|
-
var token = import.meta.env.E2E_TEST_USER_1_TOKEN;
|
|
28
|
-
if (!userId || typeof userId !== 'string') {
|
|
29
|
-
throw new Error('expected TEST_USER_1');
|
|
30
|
-
}
|
|
31
|
-
if (!token || typeof token !== 'string') {
|
|
32
|
-
throw new Error('expected TEST_USER_1_TOKEN');
|
|
33
|
-
}
|
|
34
|
-
return React.createElement(WrappedConnectedUser, { token: token, userId: userId });
|
|
35
|
-
};
|
package/dist/stories/utils.d.ts
DELETED
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import { PropsWithChildren } from 'react';
|
|
2
|
-
import { DefaultGenerics } from 'stream-chat';
|
|
3
|
-
export declare const streamAPIKey: string;
|
|
4
|
-
declare type LocalAttachmentType = Record<string, unknown>;
|
|
5
|
-
declare type LocalChannelType = Record<string, unknown>;
|
|
6
|
-
declare type LocalCommandType = string;
|
|
7
|
-
declare type LocalEventType = Record<string, unknown>;
|
|
8
|
-
declare type LocalMessageType = Record<string, unknown>;
|
|
9
|
-
declare type LocalReactionType = Record<string, unknown>;
|
|
10
|
-
declare type LocalUserType = Record<string, unknown>;
|
|
11
|
-
export declare type StreamChatGenerics = {
|
|
12
|
-
attachmentType: LocalAttachmentType;
|
|
13
|
-
channelType: LocalChannelType;
|
|
14
|
-
commandType: LocalCommandType;
|
|
15
|
-
eventType: LocalEventType;
|
|
16
|
-
messageType: LocalMessageType;
|
|
17
|
-
reactionType: LocalReactionType;
|
|
18
|
-
userType: LocalUserType;
|
|
19
|
-
};
|
|
20
|
-
export declare type ConnectedUserProps = PropsWithChildren<{
|
|
21
|
-
token: string;
|
|
22
|
-
userId: string;
|
|
23
|
-
}>;
|
|
24
|
-
export declare const ConnectedUser: <SCG extends DefaultGenerics = StreamChatGenerics>({ children, token, userId, }: ConnectedUserProps) => JSX.Element;
|
|
25
|
-
export {};
|
|
26
|
-
//# sourceMappingURL=utils.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/stories/utils.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,iBAAiB,EAAuB,MAAM,OAAO,CAAC;AAEtE,OAAO,EACL,eAAe,EAMhB,MAAM,aAAa,CAAC;AAMrB,eAAO,MAAM,YAAY,QAAS,CAAC;AAEnC,aAAK,mBAAmB,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AACnD,aAAK,gBAAgB,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAChD,aAAK,gBAAgB,GAAG,MAAM,CAAC;AAC/B,aAAK,cAAc,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAC9C,aAAK,gBAAgB,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAChD,aAAK,iBAAiB,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AACjD,aAAK,aAAa,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAE7C,oBAAY,kBAAkB,GAAG;IAC/B,cAAc,EAAE,mBAAmB,CAAC;IACpC,WAAW,EAAE,gBAAgB,CAAC;IAC9B,WAAW,EAAE,gBAAgB,CAAC;IAC9B,SAAS,EAAE,cAAc,CAAC;IAC1B,WAAW,EAAE,gBAAgB,CAAC;IAC9B,YAAY,EAAE,iBAAiB,CAAC;IAChC,QAAQ,EAAE,aAAa,CAAC;CACzB,CAAC;AAEF,oBAAY,kBAAkB,GAAG,iBAAiB,CAAC;IACjD,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC,CAAC;AAoCH,eAAO,MAAM,aAAa,mFAIvB,kBAAkB,gBAiBpB,CAAC"}
|
package/dist/stories/utils.js
DELETED
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
import React, { useEffect, useState } from 'react';
|
|
2
|
-
import { Chat } from '../';
|
|
3
|
-
import { StreamChat, } from 'stream-chat';
|
|
4
|
-
var appKey = import.meta.env.E2E_APP_KEY;
|
|
5
|
-
if (!appKey || typeof appKey !== 'string') {
|
|
6
|
-
throw new Error('expected APP_KEY');
|
|
7
|
-
}
|
|
8
|
-
export var streamAPIKey = appKey;
|
|
9
|
-
var useClient = function (_a) {
|
|
10
|
-
var apiKey = _a.apiKey, tokenOrProvider = _a.tokenOrProvider, userData = _a.userData;
|
|
11
|
-
var _b = useState(null), chatClient = _b[0], setChatClient = _b[1];
|
|
12
|
-
useEffect(function () {
|
|
13
|
-
var client = new StreamChat(apiKey);
|
|
14
|
-
var didUserConnectInterrupt = false;
|
|
15
|
-
var connectionPromise = client.connectUser(userData, tokenOrProvider).then(function () {
|
|
16
|
-
if (!didUserConnectInterrupt)
|
|
17
|
-
setChatClient(client);
|
|
18
|
-
});
|
|
19
|
-
return function () {
|
|
20
|
-
didUserConnectInterrupt = true;
|
|
21
|
-
setChatClient(null);
|
|
22
|
-
connectionPromise
|
|
23
|
-
.then(function () { return client.disconnectUser(); })
|
|
24
|
-
.then(function () {
|
|
25
|
-
console.log('connection closed');
|
|
26
|
-
});
|
|
27
|
-
};
|
|
28
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
29
|
-
}, [apiKey, userData.id, tokenOrProvider]);
|
|
30
|
-
return chatClient;
|
|
31
|
-
};
|
|
32
|
-
export var ConnectedUser = function (_a) {
|
|
33
|
-
var children = _a.children, token = _a.token, userId = _a.userId;
|
|
34
|
-
var client = useClient({
|
|
35
|
-
apiKey: streamAPIKey,
|
|
36
|
-
tokenOrProvider: token,
|
|
37
|
-
userData: { id: userId },
|
|
38
|
-
});
|
|
39
|
-
if (!client)
|
|
40
|
-
return React.createElement("p", null,
|
|
41
|
-
"Waiting for connection to be established with user: ",
|
|
42
|
-
userId,
|
|
43
|
-
"...");
|
|
44
|
-
return (React.createElement(React.Fragment, null,
|
|
45
|
-
React.createElement("h3", null,
|
|
46
|
-
"User: ",
|
|
47
|
-
userId),
|
|
48
|
-
React.createElement("div", { className: 'chat-wrapper' },
|
|
49
|
-
React.createElement(Chat, { client: client }, children))));
|
|
50
|
-
};
|