stream-chat-react 10.8.3 → 10.8.4

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) {
@@ -33776,7 +33777,7 @@ var UnMemoizedChannelList = function (props) {
  */
 var ChannelList = React__default["default"].memo(UnMemoizedChannelList);
 
-var version = '10.8.3';
+var version = '10.8.4';
 
 var useChat = function (_a) {
     var _b, _c;