stream-chat-react 10.8.3 → 10.8.5

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/components/MessageInput/hooks/useCooldownTimer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useCooldownTimer.d.ts","sourceRoot":"","sources":["../../../../src/components/MessageInput/hooks/useCooldownTimer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAO5D,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AAEtE,oBAAY,kBAAkB,GAAG;IAC/B,gBAAgB,EAAE,MAAM,CAAC;IACzB,oBAAoB,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC,CAAC;IAC/E,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,gBAAgB,0FAExB,kBAmCJ,CAAC"}
+{"version":3,"file":"useCooldownTimer.d.ts","sourceRoot":"","sources":["../../../../src/components/MessageInput/hooks/useCooldownTimer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAK5D,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AAEtE,oBAAY,kBAAkB,GAAG;IAC/B,gBAAgB,EAAE,MAAM,CAAC;IACzB,oBAAoB,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC,CAAC;IAC/E,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,gBAAgB,0FAExB,kBAsCJ,CAAC"}

package/dist/components/MessageInput/hooks/useCooldownTimer.js

@@ -8,31 +8,30 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     return to.concat(ar || Array.prototype.slice.call(from));
 };
 import { useEffect, useMemo, useState } from 'react';
-import { useChatContext } from '../../../context/ChatContext';
-import { useChannelStateContext } from '../../../context/ChannelStateContext';
+import { useChannelStateContext, useChatContext } from '../../../context';
 export var useCooldownTimer = function () {
     var _a;
-    var latestMessageDatesByChannels = useChatContext('useCooldownTimer').latestMessageDatesByChannels;
-    var _b = useChannelStateContext('useCooldownTimer'), channel = _b.channel, _c = _b.messages, messages = _c === void 0 ? [] : _c;
-    var client = useChatContext('useCooldownTimer').client;
-    var _d = useState(), cooldownRemaining = _d[0], setCooldownRemaining = _d[1];
-    var _e = (channel.data ||
-        {}), cooldownInterval = _e.cooldown, own_capabilities = _e.own_capabilities;
-    var skipCooldown = !(own_capabilities === null || own_capabilities === void 0 ? void 0 : own_capabilities.includes('slow-mode'));
+    var _b = useChatContext('useCooldownTimer'), client = _b.client, latestMessageDatesByChannels = _b.latestMessageDatesByChannels;
+    var _c = useChannelStateContext('useCooldownTimer'), channel = _c.channel, _d = _c.messages, messages = _d === void 0 ? [] : _d;
+    var _e = useState(), cooldownRemaining = _e[0], setCooldownRemaining = _e[1];
+    var _f = (channel.data ||
+        {}), _g = _f.cooldown, cooldownInterval = _g === void 0 ? 0 : _g, own_capabilities = _f.own_capabilities;
+    var skipCooldown = own_capabilities === null || own_capabilities === void 0 ? void 0 : own_capabilities.includes('skip-slow-mode');
     var ownLatestMessageDate = useMemo(function () {
         var _a, _b;
         return (_a = latestMessageDatesByChannels[channel.cid]) !== null && _a !== void 0 ? _a : (_b = __spreadArray([], messages, true).sort(function (a, b) { var _a, _b; return ((_a = b.created_at) === null || _a === void 0 ? void 0 : _a.getTime()) - ((_b = a.created_at) === null || _b === void 0 ? void 0 : _b.getTime()); })
             .find(function (v) { var _a, _b; return ((_a = v.user) === null || _a === void 0 ? void 0 : _a.id) === ((_b = client.user) === null || _b === void 0 ? void 0 : _b.id); })) === null || _b === void 0 ? void 0 : _b.created_at;
     }, [messages, (_a = client.user) === null || _a === void 0 ? void 0 : _a.id, latestMessageDatesByChannels, channel.cid]);
     useEffect(function () {
-        if (skipCooldown || !cooldownInterval || !ownLatestMessageDate)
-            return;
-        var remainingCooldown = Math.round(cooldownInterval - (new Date().getTime() - ownLatestMessageDate.getTime()) / 1000);
-        if (remainingCooldown > 0)
-            setCooldownRemaining(remainingCooldown);
+        var timeSinceOwnLastMessage = ownLatestMessageDate
+            ? (new Date().getTime() - ownLatestMessageDate.getTime()) / 1000
+            : undefined;
+        setCooldownRemaining(!skipCooldown && timeSinceOwnLastMessage && cooldownInterval > timeSinceOwnLastMessage
+            ? Math.round(cooldownInterval - timeSinceOwnLastMessage)
+            : 0);
     }, [cooldownInterval, ownLatestMessageDate, skipCooldown]);
     return {
-        cooldownInterval: cooldownInterval !== null && cooldownInterval !== void 0 ? cooldownInterval : 0,
+        cooldownInterval: cooldownInterval,
         cooldownRemaining: cooldownRemaining,
         setCooldownRemaining: setCooldownRemaining,
     };

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) {
@@ -30284,27 +30285,27 @@ var EditMessageForm = function () {
 
 var useCooldownTimer = function () {
     var _a;
-    var latestMessageDatesByChannels = useChatContext('useCooldownTimer').latestMessageDatesByChannels;
-    var _b = useChannelStateContext('useCooldownTimer'), channel = _b.channel, _c = _b.messages, messages = _c === void 0 ? [] : _c;
-    var client = useChatContext('useCooldownTimer').client;
-    var _d = React.useState(), cooldownRemaining = _d[0], setCooldownRemaining = _d[1];
-    var _e = (channel.data ||
-        {}), cooldownInterval = _e.cooldown, own_capabilities = _e.own_capabilities;
-    var skipCooldown = !(own_capabilities === null || own_capabilities === void 0 ? void 0 : own_capabilities.includes('slow-mode'));
+    var _b = useChatContext('useCooldownTimer'), client = _b.client, latestMessageDatesByChannels = _b.latestMessageDatesByChannels;
+    var _c = useChannelStateContext('useCooldownTimer'), channel = _c.channel, _d = _c.messages, messages = _d === void 0 ? [] : _d;
+    var _e = React.useState(), cooldownRemaining = _e[0], setCooldownRemaining = _e[1];
+    var _f = (channel.data ||
+        {}), _g = _f.cooldown, cooldownInterval = _g === void 0 ? 0 : _g, own_capabilities = _f.own_capabilities;
+    var skipCooldown = own_capabilities === null || own_capabilities === void 0 ? void 0 : own_capabilities.includes('skip-slow-mode');
     var ownLatestMessageDate = React.useMemo(function () {
         var _a, _b;
         return (_a = latestMessageDatesByChannels[channel.cid]) !== null && _a !== void 0 ? _a : (_b = __spreadArray([], messages, true).sort(function (a, b) { var _a, _b; return ((_a = b.created_at) === null || _a === void 0 ? void 0 : _a.getTime()) - ((_b = a.created_at) === null || _b === void 0 ? void 0 : _b.getTime()); })
             .find(function (v) { var _a, _b; return ((_a = v.user) === null || _a === void 0 ? void 0 : _a.id) === ((_b = client.user) === null || _b === void 0 ? void 0 : _b.id); })) === null || _b === void 0 ? void 0 : _b.created_at;
     }, [messages, (_a = client.user) === null || _a === void 0 ? void 0 : _a.id, latestMessageDatesByChannels, channel.cid]);
     React.useEffect(function () {
-        if (skipCooldown || !cooldownInterval || !ownLatestMessageDate)
-            return;
-        var remainingCooldown = Math.round(cooldownInterval - (new Date().getTime() - ownLatestMessageDate.getTime()) / 1000);
-        if (remainingCooldown > 0)
-            setCooldownRemaining(remainingCooldown);
+        var timeSinceOwnLastMessage = ownLatestMessageDate
+            ? (new Date().getTime() - ownLatestMessageDate.getTime()) / 1000
+            : undefined;
+        setCooldownRemaining(!skipCooldown && timeSinceOwnLastMessage && cooldownInterval > timeSinceOwnLastMessage
+            ? Math.round(cooldownInterval - timeSinceOwnLastMessage)
+            : 0);
     }, [cooldownInterval, ownLatestMessageDate, skipCooldown]);
     return {
-        cooldownInterval: cooldownInterval !== null && cooldownInterval !== void 0 ? cooldownInterval : 0,
+        cooldownInterval: cooldownInterval,
         cooldownRemaining: cooldownRemaining,
         setCooldownRemaining: setCooldownRemaining,
     };
@@ -33776,7 +33777,7 @@ var UnMemoizedChannelList = function (props) {
  */
 var ChannelList = React__default["default"].memo(UnMemoizedChannelList);
 
-var version = '10.8.3';
+var version = '10.8.5';
 
 var useChat = function (_a) {
     var _b, _c;