stream-chat-react 10.8.2 → 10.8.4

package/dist/components/ChannelSearch/hooks/useChannelSearch.js

@@ -101,7 +101,7 @@ export var useChannelSearch = function (_a) {
         };
         document.addEventListener('click', clickListener);
         return function () { return document.removeEventListener('click', clickListener); };
-    }, [disabled, inputIsFocused]);
+    }, [disabled, inputIsFocused, query, exitSearch, navOpen, clearSearchOnClickOutside]);
     useEffect(function () {
         if (!inputRef.current || disabled)
             return;
@@ -114,7 +114,7 @@ export var useChannelSearch = function (_a) {
             var _a;
             (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.removeEventListener('keydown', handleKeyDown);
         };
-    }, []);
+    }, [disabled]);
     var selectResult = useCallback(function (result) { return __awaiter(void 0, void 0, void 0, function () {
         var selectedChannel, newChannel;
         return __generator(this, function (_a) {
@@ -152,7 +152,7 @@ export var useChannelSearch = function (_a) {
                     return [2 /*return*/];
             }
         });
-    }); }, [clearSearchOnClickOutside, client, exitSearch, onSelectResult]);
+    }); }, [clearSearchOnClickOutside, client, exitSearch, onSelectResult, setActiveChannel, setChannels]);
     var getChannels = useCallback(function (text) { return __awaiter(void 0, void 0, void 0, function () {
         var userResponse, channelResponse, _a, channels, users_1, users, error_1;
         var _b, _c, _d, _e, _f, _g;
@@ -191,7 +191,7 @@ export var useChannelSearch = function (_a) {
                     return [2 /*return*/];
             }
         });
-    }); }, [client, searching]);
+    }); }, [client, searching, searchForChannels]);
     var getChannelsThrottled = throttle(getChannels, 200);
     var onSearch = useCallback(function (event) {
         event.preventDefault();
@@ -209,7 +209,7 @@ export var useChannelSearch = function (_a) {
             getChannelsThrottled(event.target.value);
         }
         onSearchCallback === null || onSearchCallback === void 0 ? void 0 : onSearchCallback(event);
-    }, [disabled, getChannelsThrottled, searchFunction]);
+    }, [disabled, getChannelsThrottled, onSearchCallback, searchFunction]);
     return {
         activateSearch: activateSearch,
         clearState: clearState,

package/dist/components/Message/QuotedMessage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QuotedMessage.d.ts","sourceRoot":"","sources":["../../../src/components/Message/QuotedMessage.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAEnE,eAAO,MAAM,aAAa,4GAuDzB,CAAC"}
+{"version":3,"file":"QuotedMessage.d.ts","sourceRoot":"","sources":["../../../src/components/Message/QuotedMessage.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAEnE,eAAO,MAAM,aAAa,4GA2DzB,CAAC"}

package/dist/components/Message/QuotedMessage.js

@@ -6,33 +6,34 @@ import { useMessageContext } from '../../context/MessageContext';
 import { useTranslationContext } from '../../context/TranslationContext';
 import { useChannelActionContext } from '../../context/ChannelActionContext';
 export var QuotedMessage = function () {
-    var _a, _b;
-    var _c = useComponentContext('QuotedMessage'), Attachment = _c.Attachment, ContextAvatar = _c.Avatar;
-    var _d = useMessageContext('QuotedMessage'), isMyMessage = _d.isMyMessage, message = _d.message;
-    var userLanguage = useTranslationContext('QuotedMessage').userLanguage;
+    var _a, _b, _c;
+    var _d = useComponentContext('QuotedMessage'), Attachment = _d.Attachment, ContextAvatar = _d.Avatar;
+    var _e = useMessageContext('QuotedMessage'), isMyMessage = _e.isMyMessage, message = _e.message;
+    var _f = useTranslationContext('QuotedMessage'), t = _f.t, userLanguage = _f.userLanguage;
     var jumpToMessage = useChannelActionContext('QuotedMessage').jumpToMessage;
     var Avatar = ContextAvatar || DefaultAvatar;
     var quoted_message = message.quoted_message;
     if (!quoted_message)
         return null;
-    var quotedMessageText = ((_a = quoted_message.i18n) === null || _a === void 0 ? void 0 : _a["".concat(userLanguage, "_text")]) ||
-        quoted_message.text;
-    // @ts-expect-error
-    var quotedMessageAttachment = quoted_message.attachments.length
-        ? // @ts-expect-error
-            quoted_message.attachments[0]
+    var quotedMessageDeleted = quoted_message.deleted_at || quoted_message.type === 'deleted';
+    var quotedMessageText = quotedMessageDeleted
+        ? t('This message was deleted...')
+        : ((_a = quoted_message.i18n) === null || _a === void 0 ? void 0 : _a["".concat(userLanguage, "_text")]) ||
+            quoted_message.text;
+    var quotedMessageAttachment = ((_b = quoted_message.attachments) === null || _b === void 0 ? void 0 : _b.length) && !quotedMessageDeleted
+        ? quoted_message.attachments[0]
         : null;
     if (!quotedMessageText && !quotedMessageAttachment)
         return null;
     return (React.createElement(React.Fragment, null,
-        React.createElement("div", { className: clsx('str-chat__quoted-message-preview quoted-message', { mine: isMyMessage() }), onClickCapture: function (e) {
+        React.createElement("div", { className: clsx('str-chat__quoted-message-preview quoted-message', { mine: isMyMessage() }), "data-testid": 'quoted-message', onClickCapture: function (e) {
                 e.stopPropagation();
                 e.preventDefault();
                 jumpToMessage(quoted_message.id);
             } },
             quoted_message.user && (React.createElement(Avatar, { image: quoted_message.user.image, name: quoted_message.user.name || quoted_message.user.id, size: 20, user: quoted_message.user })),
-            React.createElement("div", { className: 'quoted-message-inner str-chat__quoted-message-bubble' },
+            React.createElement("div", { className: 'quoted-message-inner str-chat__quoted-message-bubble', "data-testid": 'quoted-message-contents' },
                 quotedMessageAttachment && React.createElement(Attachment, { attachments: [quotedMessageAttachment] }),
-                React.createElement("div", null, quotedMessageText))),
-        ((_b = message.attachments) === null || _b === void 0 ? void 0 : _b.length) && message.quoted_message ? (React.createElement(Attachment, { attachments: message.attachments })) : null));
+                React.createElement("div", { "data-testid": 'quoted-message-text' }, quotedMessageText))),
+        ((_c = message.attachments) === null || _c === void 0 ? void 0 : _c.length) ? React.createElement(Attachment, { attachments: message.attachments }) : null));
 };

package/dist/index.cjs.js

@@ -27748,35 +27748,36 @@ var UnMemoizedMessageStatus = function (props) {
 var MessageStatus = React__default["default"].memo(UnMemoizedMessageStatus);
 
 var QuotedMessage = function () {
-    var _a, _b;
-    var _c = useComponentContext('QuotedMessage'), Attachment = _c.Attachment, ContextAvatar = _c.Avatar;
-    var _d = useMessageContext('QuotedMessage'), isMyMessage = _d.isMyMessage, message = _d.message;
-    var userLanguage = useTranslationContext('QuotedMessage').userLanguage;
+    var _a, _b, _c;
+    var _d = useComponentContext('QuotedMessage'), Attachment = _d.Attachment, ContextAvatar = _d.Avatar;
+    var _e = useMessageContext('QuotedMessage'), isMyMessage = _e.isMyMessage, message = _e.message;
+    var _f = useTranslationContext('QuotedMessage'), t = _f.t, userLanguage = _f.userLanguage;
     var jumpToMessage = useChannelActionContext('QuotedMessage').jumpToMessage;
     var Avatar$1 = ContextAvatar || Avatar;
     var quoted_message = message.quoted_message;
     if (!quoted_message)
         return null;
-    var quotedMessageText = ((_a = quoted_message.i18n) === null || _a === void 0 ? void 0 : _a["".concat(userLanguage, "_text")]) ||
-        quoted_message.text;
-    // @ts-expect-error
-    var quotedMessageAttachment = quoted_message.attachments.length
-        ? // @ts-expect-error
-            quoted_message.attachments[0]
+    var quotedMessageDeleted = quoted_message.deleted_at || quoted_message.type === 'deleted';
+    var quotedMessageText = quotedMessageDeleted
+        ? t('This message was deleted...')
+        : ((_a = quoted_message.i18n) === null || _a === void 0 ? void 0 : _a["".concat(userLanguage, "_text")]) ||
+            quoted_message.text;
+    var quotedMessageAttachment = ((_b = quoted_message.attachments) === null || _b === void 0 ? void 0 : _b.length) && !quotedMessageDeleted
+        ? quoted_message.attachments[0]
         : null;
     if (!quotedMessageText && !quotedMessageAttachment)
         return null;
     return (React__default["default"].createElement(React__default["default"].Fragment, null,
-        React__default["default"].createElement("div", { className: clsx('str-chat__quoted-message-preview quoted-message', { mine: isMyMessage() }), onClickCapture: function (e) {
+        React__default["default"].createElement("div", { className: clsx('str-chat__quoted-message-preview quoted-message', { mine: isMyMessage() }), "data-testid": 'quoted-message', onClickCapture: function (e) {
                 e.stopPropagation();
                 e.preventDefault();
                 jumpToMessage(quoted_message.id);
             } },
             quoted_message.user && (React__default["default"].createElement(Avatar$1, { image: quoted_message.user.image, name: quoted_message.user.name || quoted_message.user.id, size: 20, user: quoted_message.user })),
-            React__default["default"].createElement("div", { className: 'quoted-message-inner str-chat__quoted-message-bubble' },
+            React__default["default"].createElement("div", { className: 'quoted-message-inner str-chat__quoted-message-bubble', "data-testid": 'quoted-message-contents' },
                 quotedMessageAttachment && React__default["default"].createElement(Attachment, { attachments: [quotedMessageAttachment] }),
-                React__default["default"].createElement("div", null, quotedMessageText))),
-        ((_b = message.attachments) === null || _b === void 0 ? void 0 : _b.length) && message.quoted_message ? (React__default["default"].createElement(Attachment, { attachments: message.attachments })) : null));
+                React__default["default"].createElement("div", { "data-testid": 'quoted-message-text' }, quotedMessageText))),
+        ((_c = message.attachments) === null || _c === void 0 ? void 0 : _c.length) ? React__default["default"].createElement(Attachment, { attachments: message.attachments }) : null));
 };
 
 var UnMemoizedMessageTextComponent = function (props) {
@@ -33277,7 +33278,7 @@ var useChannelSearch = function (_a) {
         };
         document.addEventListener('click', clickListener);
         return function () { return document.removeEventListener('click', clickListener); };
-    }, [disabled, inputIsFocused]);
+    }, [disabled, inputIsFocused, query, exitSearch, navOpen, clearSearchOnClickOutside]);
     React.useEffect(function () {
         if (!inputRef.current || disabled)
             return;
@@ -33290,7 +33291,7 @@ var useChannelSearch = function (_a) {
             var _a;
             (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.removeEventListener('keydown', handleKeyDown);
         };
-    }, []);
+    }, [disabled]);
     var selectResult = React.useCallback(function (result) { return __awaiter(void 0, void 0, void 0, function () {
         var selectedChannel, newChannel;
         return __generator(this, function (_a) {
@@ -33328,7 +33329,7 @@ var useChannelSearch = function (_a) {
                     return [2 /*return*/];
             }
         });
-    }); }, [clearSearchOnClickOutside, client, exitSearch, onSelectResult]);
+    }); }, [clearSearchOnClickOutside, client, exitSearch, onSelectResult, setActiveChannel, setChannels]);
     var getChannels = React.useCallback(function (text) { return __awaiter(void 0, void 0, void 0, function () {
         var userResponse, channelResponse, _a, channels, users_1, users, error_1;
         var _b, _c, _d, _e, _f, _g;
@@ -33367,7 +33368,7 @@ var useChannelSearch = function (_a) {
                     return [2 /*return*/];
             }
         });
-    }); }, [client, searching]);
+    }); }, [client, searching, searchForChannels]);
     var getChannelsThrottled = throttle__default["default"](getChannels, 200);
     var onSearch = React.useCallback(function (event) {
         event.preventDefault();
@@ -33385,7 +33386,7 @@ var useChannelSearch = function (_a) {
             getChannelsThrottled(event.target.value);
         }
         onSearchCallback === null || onSearchCallback === void 0 ? void 0 : onSearchCallback(event);
-    }, [disabled, getChannelsThrottled, searchFunction]);
+    }, [disabled, getChannelsThrottled, onSearchCallback, searchFunction]);
     return {
         activateSearch: activateSearch,
         clearState: clearState,
@@ -33776,7 +33777,7 @@ var UnMemoizedChannelList = function (props) {
  */
 var ChannelList = React__default["default"].memo(UnMemoizedChannelList);
 
-var version = '10.8.2';
+var version = '10.8.4';
 
 var useChat = function (_a) {
     var _b, _c;