stream-chat-react 9.1.4 → 9.3.0

package/dist/scss/Message.scss

@@ -440,7 +440,7 @@
 
   /* me */
   &--me {
-    display: flex;
+    display: inline-flex;
     margin: var(--xxs-m) 0;
     justify-content: flex-end;
 

package/dist/stories/hello.stories.js

@@ -27,6 +27,6 @@ export var VirtualizedSetup = function () { return (React.createElement(Connecte
     React.createElement(Channel, null,
         React.createElement(Window, null,
             React.createElement(ChannelHeader, null),
-            React.createElement(VirtualizedMessageList, { disableDateSeparator: false, messageLimit: 16 }),
+            React.createElement(VirtualizedMessageList, { disableDateSeparator: false, messageLimit: 50 }),
             React.createElement(MessageInput, { focus: true })),
         React.createElement(Thread, null)))); };

package/dist/stories/message-status-readby-tooltip.stories.d.ts

@@ -0,0 +1,4 @@
+import '@stream-io/stream-chat-css/dist/css/index.css';
+export declare const User1: () => JSX.Element;
+export declare const User2: () => JSX.Element;
+//# sourceMappingURL=message-status-readby-tooltip.stories.d.ts.map

package/dist/stories/message-status-readby-tooltip.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-status-readby-tooltip.stories.d.ts","sourceRoot":"","sources":["../../src/stories/message-status-readby-tooltip.stories.tsx"],"names":[],"mappings":"AACA,OAAO,+CAA+C,CAAC;AA4CvD,eAAO,MAAM,KAAK,mBAUjB,CAAC;AAEF,eAAO,MAAM,KAAK,mBAUjB,CAAC"}

package/dist/stories/message-status-readby-tooltip.stories.js

@@ -0,0 +1,58 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import '@stream-io/stream-chat-css/dist/css/index.css';
+import React, { useCallback } from 'react';
+import { Channel, ChannelHeader, ChannelList, MessageList, MessageStatus, Thread, Window, } from '../index';
+import { ConnectedUser } from './utils';
+var channelId = import.meta.env.E2E_ADD_MESSAGE_CHANNEL;
+if (!channelId || typeof channelId !== 'string') {
+    throw new Error('expected ADD_MESSAGE_CHANNEL');
+}
+var CustomMessageStatus = function (props) {
+    var allCapsUserName = useCallback(function (user) { return (user.name || user.id).toUpperCase(); }, []);
+    return React.createElement(MessageStatus, __assign({}, props, { tooltipUserNameMapper: allCapsUserName }));
+};
+// Sort in reverse order to avoid auto-selecting unread channel
+var sort = { last_updated: 1 };
+var WrappedConnectedUser = function (_a) {
+    var token = _a.token, userId = _a.userId;
+    return (React.createElement(ConnectedUser, { token: token, userId: userId },
+        React.createElement(ChannelList, { filters: { id: { $eq: 'add-message' }, members: { $in: [userId] } }, sort: sort }),
+        React.createElement(Channel, { MessageStatus: CustomMessageStatus },
+            React.createElement(Window, null,
+                React.createElement(ChannelHeader, null),
+                React.createElement(MessageList, null)),
+            React.createElement(Thread, null))));
+};
+export var User1 = function () {
+    var userId = import.meta.env.E2E_TEST_USER_1;
+    var token = import.meta.env.E2E_TEST_USER_1_TOKEN;
+    if (!userId || typeof userId !== 'string') {
+        throw new Error('expected TEST_USER_1');
+    }
+    if (!token || typeof token !== 'string') {
+        throw new Error('expected TEST_USER_1_TOKEN');
+    }
+    return React.createElement(WrappedConnectedUser, { token: token, userId: userId });
+};
+export var User2 = function () {
+    var userId = import.meta.env.E2E_TEST_USER_2;
+    var token = import.meta.env.E2E_TEST_USER_2_TOKEN;
+    if (!userId || typeof userId !== 'string') {
+        throw new Error('expected TEST_USER_2');
+    }
+    if (!token || typeof token !== 'string') {
+        throw new Error('expected TEST_USER_2_TOKEN');
+    }
+    return React.createElement(WrappedConnectedUser, { token: token, userId: userId });
+};

package/dist/stories/navigate-long-message-lists.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"navigate-long-message-lists.stories.d.ts","sourceRoot":"","sources":["../../src/stories/navigate-long-message-lists.stories.tsx"],"names":[],"mappings":"AACA,OAAO,+CAA+C,CAAC;AAsKvD,eAAO,MAAM,KAAK,mBAQjB,CAAC;AAEF,eAAO,MAAM,KAAK,mBAQjB,CAAC"}
+{"version":3,"file":"navigate-long-message-lists.stories.d.ts","sourceRoot":"","sources":["../../src/stories/navigate-long-message-lists.stories.tsx"],"names":[],"mappings":"AACA,OAAO,+CAA+C,CAAC;AA2LvD,eAAO,MAAM,KAAK,mBAQjB,CAAC;AAEF,eAAO,MAAM,KAAK,mBAQjB,CAAC"}

package/dist/stories/navigate-long-message-lists.stories.js

@@ -60,7 +60,7 @@ if (!channelId || typeof channelId !== 'string') {
 }
 var OtherUserControlButtons = function () {
     var client = useChatContext().client;
-    var _a = useChannelStateContext(), channel = _a.channel, threadMessages = _a.threadMessages;
+    var _a = useChannelStateContext(), channel = _a.channel, messages = _a.messages, threadMessages = _a.threadMessages;
     var lastMessage = channel.state.messages.slice(-1)[0];
     return (React.createElement(React.Fragment, null,
         React.createElement("button", { "data-testid": 'receive-reply', onClick: function () {
@@ -83,7 +83,27 @@ var OtherUserControlButtons = function () {
                         case 2: return [2 /*return*/];
                     }
                 });
-            }); } }, "Delete other user's last reply")));
+            }); } }, "Delete other user's last reply"),
+        React.createElement("button", { "data-testid": 'add-other-user-message', onClick: function () {
+                return channel.sendMessage({
+                    text: "Other user's message",
+                });
+            } }, "Receive a message"),
+        React.createElement("button", { "data-testid": 'delete-other-last-message', onClick: function () { return __awaiter(void 0, void 0, void 0, function () {
+                var lastMessage;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0:
+                            lastMessage = messages === null || messages === void 0 ? void 0 : messages.slice(-1)[0];
+                            if (!lastMessage) return [3 /*break*/, 2];
+                            return [4 /*yield*/, client.deleteMessage(lastMessage.id, true)];
+                        case 1:
+                            _a.sent();
+                            _a.label = 2;
+                        case 2: return [2 /*return*/];
+                    }
+                });
+            }); } }, "Delete other user's last message")));
 };
 // Sort in reverse order to avoid auto-selecting unread channel
 var sort = { last_updated: 1 };

package/dist/version.d.ts

@@ -1,2 +1,2 @@
-export declare const version = "9.1.4";
+export declare const version = "9.3.0";
 //# sourceMappingURL=version.d.ts.map

package/dist/version.js

@@ -1 +1 @@
-export var version = '9.1.4';
+export var version = '9.3.0';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "stream-chat-react",
-  "version": "9.1.4",
+  "version": "9.3.0",
   "description": "React components to create chat conversations or livestream style chat",
   "author": "GetStream",
   "homepage": "https://getstream.io/chat/",
@@ -30,7 +30,7 @@
   "dependencies": {
     "@braintree/sanitize-url": "6.0.0",
     "@juggle/resize-observer": "^3.3.1",
-    "@stream-io/stream-chat-css": "^2.10.0",
+    "@stream-io/stream-chat-css": "^2.10.1",
     "dayjs": "^1.10.4",
     "emoji-mart": "3.0.1",
     "emoji-regex": "^9.2.0",
@@ -52,7 +52,7 @@
     "react-markdown": "^5.0.3",
     "react-player": "^2.10.1",
     "react-textarea-autosize": "^8.3.0",
-    "react-virtuoso": "^2.10.2",
+    "react-virtuoso": "^2.16.5",
     "textarea-caret": "^3.1.0"
   },
   "optionalDependencies": {
@@ -62,7 +62,7 @@
   "peerDependencies": {
     "react": "^18.0.0 || ^17.0.0 || ^16.8.0",
     "react-dom": "^18.0.0 || ^17.0.0 || ^16.8.0",
-    "stream-chat": "^6.6.0"
+    "stream-chat": "^6.7.3"
   },
   "files": [
     "dist",
@@ -166,7 +166,7 @@
     "rollup-plugin-visualizer": "^4.2.0",
     "semantic-release": "^19.0.2",
     "semantic-release-cli": "^5.4.4",
-    "stream-chat": "^6.6.0",
+    "stream-chat": "^6.7.3",
     "style-loader": "^2.0.0",
     "ts-jest": "^26.5.1",
     "tslib": "2.3.0",