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.
Files changed (160) hide show
  1. package/dist/browser.full-bundle.js +397 -392
  2. package/dist/browser.full-bundle.js.map +1 -1
  3. package/dist/browser.full-bundle.min.js +5 -20
  4. package/dist/browser.full-bundle.min.js.map +1 -1
  5. package/dist/components/Attachment/Attachment.js +1 -31
  6. package/dist/components/Attachment/AttachmentContainer.js +1 -11
  7. package/dist/components/Attachment/Audio.js +1 -11
  8. package/dist/components/Attachment/Card.js +1 -11
  9. package/dist/components/Attachment/utils.js +1 -11
  10. package/dist/components/AutoCompleteTextarea/List.js +1 -11
  11. package/dist/components/AutoCompleteTextarea/Textarea.js +1 -37
  12. package/dist/components/Channel/Channel.d.ts.map +1 -1
  13. package/dist/components/Channel/Channel.js +28 -66
  14. package/dist/components/Channel/channelState.js +1 -20
  15. package/dist/components/Channel/emojiData.js +1 -11
  16. package/dist/components/Channel/utils.d.ts +0 -4
  17. package/dist/components/Channel/utils.d.ts.map +1 -1
  18. package/dist/components/Channel/utils.js +1 -9
  19. package/dist/components/ChannelList/ChannelList.js +1 -47
  20. package/dist/components/ChannelList/hooks/useChannelDeletedListener.js +1 -9
  21. package/dist/components/ChannelList/hooks/useChannelHiddenListener.js +1 -9
  22. package/dist/components/ChannelList/hooks/useChannelTruncatedListener.js +1 -9
  23. package/dist/components/ChannelList/hooks/useChannelUpdatedListener.js +1 -20
  24. package/dist/components/ChannelList/hooks/useChannelVisibleListener.d.ts.map +1 -1
  25. package/dist/components/ChannelList/hooks/useChannelVisibleListener.js +7 -47
  26. package/dist/components/ChannelList/hooks/useMessageNewListener.js +1 -9
  27. package/dist/components/ChannelList/hooks/useNotificationAddedToChannelListener.d.ts.map +1 -1
  28. package/dist/components/ChannelList/hooks/useNotificationAddedToChannelListener.js +20 -52
  29. package/dist/components/ChannelList/hooks/useNotificationMessageNewListener.d.ts.map +1 -1
  30. package/dist/components/ChannelList/hooks/useNotificationMessageNewListener.js +7 -47
  31. package/dist/components/ChannelList/hooks/usePaginatedChannels.js +1 -56
  32. package/dist/components/ChannelList/hooks/useUserPresenceChangedListener.js +1 -9
  33. package/dist/components/ChannelList/utils.d.ts +1 -8
  34. package/dist/components/ChannelList/utils.d.ts.map +1 -1
  35. package/dist/components/ChannelList/utils.js +1 -79
  36. package/dist/components/ChannelPreview/ChannelPreview.js +1 -11
  37. package/dist/components/ChannelSearch/ChannelSearch.js +1 -11
  38. package/dist/components/ChannelSearch/SearchBar.js +1 -22
  39. package/dist/components/ChannelSearch/hooks/useChannelSearch.js +1 -56
  40. package/dist/components/Chat/hooks/useChat.d.ts +0 -1
  41. package/dist/components/Chat/hooks/useChat.d.ts.map +1 -1
  42. package/dist/components/Chat/hooks/useChat.js +1 -47
  43. package/dist/components/EventComponent/EventComponent.js +1 -11
  44. package/dist/components/Gallery/Gallery.js +1 -11
  45. package/dist/components/Gallery/Image.js +1 -11
  46. package/dist/components/InfiniteScrollPaginator/InfiniteScroll.js +1 -22
  47. package/dist/components/MML/MML.js +1 -36
  48. package/dist/components/Message/Message.js +1 -22
  49. package/dist/components/Message/MessageSimple.js +1 -11
  50. package/dist/components/Message/hooks/useActionHandler.js +1 -47
  51. package/dist/components/Message/hooks/useDeleteHandler.js +1 -36
  52. package/dist/components/Message/hooks/useEditHandler.d.ts +1 -0
  53. package/dist/components/Message/hooks/useEditHandler.d.ts.map +1 -1
  54. package/dist/components/Message/hooks/useFlagHandler.js +1 -36
  55. package/dist/components/Message/hooks/useMuteHandler.js +1 -36
  56. package/dist/components/Message/hooks/usePinHandler.js +1 -47
  57. package/dist/components/Message/hooks/useReactionHandler.js +1 -56
  58. package/dist/components/Message/hooks/useRetryHandler.js +1 -36
  59. package/dist/components/Message/hooks/useUserHandler.d.ts +1 -0
  60. package/dist/components/Message/hooks/useUserHandler.d.ts.map +1 -1
  61. package/dist/components/Message/types.d.ts +1 -0
  62. package/dist/components/Message/types.d.ts.map +1 -1
  63. package/dist/components/Message/utils.js +1 -9
  64. package/dist/components/MessageActions/MessageActions.js +1 -11
  65. package/dist/components/MessageInput/DefaultTriggerProvider.js +1 -11
  66. package/dist/components/MessageInput/DropzoneProvider.js +1 -11
  67. package/dist/components/MessageInput/MessageInput.js +1 -11
  68. package/dist/components/MessageInput/MessageInputFlat.js +1 -11
  69. package/dist/components/MessageInput/hooks/useCooldownTimer.js +1 -9
  70. package/dist/components/MessageInput/hooks/useFileUploads.js +1 -36
  71. package/dist/components/MessageInput/hooks/useImageUploads.js +1 -47
  72. package/dist/components/MessageInput/hooks/useLinkPreviews.js +1 -22
  73. package/dist/components/MessageInput/hooks/useMessageInputState.js +1 -11
  74. package/dist/components/MessageInput/hooks/usePasteHandler.js +1 -36
  75. package/dist/components/MessageInput/hooks/useSubmitHandler.js +1 -67
  76. package/dist/components/MessageInput/hooks/useUserTrigger.js +1 -56
  77. package/dist/components/MessageInput/hooks/utils.js +1 -36
  78. package/dist/components/MessageInput/icons.js +1 -22
  79. package/dist/components/MessageList/MessageList.js +1 -58
  80. package/dist/components/MessageList/VirtualizedMessageList.js +1 -47
  81. package/dist/components/MessageList/hooks/useMessageListElements.js +1 -11
  82. package/dist/components/MessageList/utils.d.ts +1 -0
  83. package/dist/components/MessageList/utils.d.ts.map +1 -1
  84. package/dist/components/ReactFileUtilities/FileIcon/FileIcon.js +1 -22
  85. package/dist/components/ReactFileUtilities/FileIcon/FileIconSet/v1.js +1 -22
  86. package/dist/components/ReactFileUtilities/FileIcon/FileIconSet/v2.js +1 -22
  87. package/dist/components/ReactFileUtilities/FileIcon/iconMap.js +1 -11
  88. package/dist/components/ReactFileUtilities/FilePreviewer.js +1 -11
  89. package/dist/components/ReactFileUtilities/ImageDropzone.js +1 -11
  90. package/dist/components/ReactFileUtilities/UploadButton.js +1 -22
  91. package/dist/components/ReactFileUtilities/icons/FilePlaceholderIcon.js +1 -11
  92. package/dist/components/ReactFileUtilities/utils.d.ts +2 -1
  93. package/dist/components/ReactFileUtilities/utils.d.ts.map +1 -1
  94. package/dist/components/ReactFileUtilities/utils.js +4 -38
  95. package/dist/components/Reactions/ReactionSelector.js +1 -11
  96. package/dist/components/Reactions/ReactionsList.js +1 -22
  97. package/dist/components/Reactions/SimpleReactionsList.js +1 -22
  98. package/dist/components/Thread/Thread.js +1 -11
  99. package/dist/components/Thread/ThreadHead.js +1 -11
  100. package/dist/components/Tooltip/Tooltip.js +1 -22
  101. package/dist/components/index.d.ts +1 -0
  102. package/dist/components/index.d.ts.map +1 -1
  103. package/dist/components/index.js +1 -0
  104. package/dist/context/ChannelActionContext.js +1 -11
  105. package/dist/context/ChannelStateContext.js +1 -11
  106. package/dist/context/ChatContext.js +1 -11
  107. package/dist/context/ComponentContext.js +1 -11
  108. package/dist/context/EmojiContext.js +1 -11
  109. package/dist/context/MessageContext.js +1 -11
  110. package/dist/context/TranslationContext.js +1 -11
  111. package/dist/context/TypingContext.js +1 -11
  112. package/dist/i18n/Streami18n.js +1 -47
  113. package/dist/index.cjs.js +137 -69
  114. package/dist/index.cjs.js.map +1 -1
  115. package/dist/index.d.ts +1 -0
  116. package/dist/index.d.ts.map +1 -1
  117. package/dist/index.js +1 -0
  118. package/dist/utils/getChannel.d.ts +20 -0
  119. package/dist/utils/getChannel.d.ts.map +1 -0
  120. package/dist/utils/getChannel.js +58 -0
  121. package/dist/utils.js +1 -31
  122. package/dist/version.d.ts +1 -1
  123. package/dist/version.js +1 -1
  124. package/package.json +3 -3
  125. package/dist/css/index.css.map +0 -1
  126. package/dist/css/v2/index.css.map +0 -1
  127. package/dist/css/v2/index.layout.css.map +0 -1
  128. package/dist/stories/add-message.stories.d.ts +0 -3
  129. package/dist/stories/add-message.stories.d.ts.map +0 -1
  130. package/dist/stories/add-message.stories.js +0 -53
  131. package/dist/stories/attachment-sizing.stories.d.ts +0 -2
  132. package/dist/stories/attachment-sizing.stories.d.ts.map +0 -1
  133. package/dist/stories/attachment-sizing.stories.js +0 -179
  134. package/dist/stories/edit-message.stories.d.ts +0 -2
  135. package/dist/stories/edit-message.stories.d.ts.map +0 -1
  136. package/dist/stories/edit-message.stories.js +0 -49
  137. package/dist/stories/hello.stories.d.ts +0 -3
  138. package/dist/stories/hello.stories.d.ts.map +0 -1
  139. package/dist/stories/hello.stories.js +0 -31
  140. package/dist/stories/jump-to-message.stories.d.ts +0 -3
  141. package/dist/stories/jump-to-message.stories.d.ts.map +0 -1
  142. package/dist/stories/jump-to-message.stories.js +0 -77
  143. package/dist/stories/mark-read.stories.d.ts +0 -3
  144. package/dist/stories/mark-read.stories.d.ts.map +0 -1
  145. package/dist/stories/mark-read.stories.js +0 -53
  146. package/dist/stories/message-status-readby-tooltip.stories.d.ts +0 -3
  147. package/dist/stories/message-status-readby-tooltip.stories.d.ts.map +0 -1
  148. package/dist/stories/message-status-readby-tooltip.stories.js +0 -57
  149. package/dist/stories/navigate-long-message-lists.stories.d.ts +0 -2
  150. package/dist/stories/navigate-long-message-lists.stories.d.ts.map +0 -1
  151. package/dist/stories/navigate-long-message-lists.stories.js +0 -179
  152. package/dist/stories/pin-message.stories.d.ts +0 -2
  153. package/dist/stories/pin-message.stories.d.ts.map +0 -1
  154. package/dist/stories/pin-message.stories.js +0 -98
  155. package/dist/stories/toggle-message-actions.stories.d.ts +0 -2
  156. package/dist/stories/toggle-message-actions.stories.d.ts.map +0 -1
  157. package/dist/stories/toggle-message-actions.stories.js +0 -35
  158. package/dist/stories/utils.d.ts +0 -26
  159. package/dist/stories/utils.d.ts.map +0 -1
  160. 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
- };
@@ -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"}
@@ -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
- };