stream-chat-react 11.23.2 → 11.23.4

package/dist/components/Emojis/index.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Window = require('../../Window-8e652b8c.js');
+var Window = require('../../Window-e020d384.js');
 var React = require('react');
 var Picker = require('@emoji-mart/react');
 require('dayjs');
@@ -31,7 +31,7 @@ require('lodash.debounce');
 require('crypto');
 require('react-fast-compare');
 require('react-dom');
-require('react/jsx-runtime');
+require('path');
 require('stream-chat');
 require('react-virtuoso');
 require('dayjs/locale/de');

package/dist/components/MediaRecorder/AudioRecorder/AudioRecordingInProgress.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AudioRecordingInProgress.d.ts","sourceRoot":"","sources":["../../../../src/components/MediaRecorder/AudioRecorder/AudioRecordingInProgress.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AA8CnD,eAAO,MAAM,wBAAwB,yBA6BpC,CAAC"}
+{"version":3,"file":"AudioRecordingInProgress.d.ts","sourceRoot":"","sources":["../../../../src/components/MediaRecorder/AudioRecorder/AudioRecordingInProgress.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AA8CnD,eAAO,MAAM,wBAAwB,yBAiCpC,CAAC"}

package/dist/components/MediaRecorder/AudioRecorder/AudioRecordingInProgress.js

@@ -30,6 +30,9 @@ export var AudioRecordingInProgress = function () {
         if (!(recorder === null || recorder === void 0 ? void 0 : recorder.mediaRecorder))
             return;
         var mediaRecorder = recorder.mediaRecorder;
+        if (mediaRecorder.state === 'recording') {
+            startCounter();
+        }
         mediaRecorder.addEventListener('start', startCounter);
         mediaRecorder.addEventListener('resume', startCounter);
         mediaRecorder.addEventListener('stop', stopCounter);

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

@@ -1 +1 @@
-{"version":3,"file":"MessageStatus.d.ts","sourceRoot":"","sources":["../../../src/components/Message/MessageStatus.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAIxC,OAAO,EAA2C,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAEzF,OAAO,EAAE,WAAW,EAA2B,MAAM,WAAW,CAAC;AAUjE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAEnE,MAAM,MAAM,kBAAkB,GAAG;IAE/B,MAAM,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;IAE1C,sBAAsB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAE7C,iBAAiB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAExC,oBAAoB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAE3C,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,qBAAqB,CAAC,EAAE,qBAAqB,CAAC;CAC/C,CAAC;AAsIF,eAAO,MAAM,aAAa,4FAjIjB,kBAAkB,6BAiIuE,CAAC"}
+{"version":3,"file":"MessageStatus.d.ts","sourceRoot":"","sources":["../../../src/components/Message/MessageStatus.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAIxC,OAAO,EAA2C,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAEzF,OAAO,EAAE,WAAW,EAA2B,MAAM,WAAW,CAAC;AAUjE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAEnE,MAAM,MAAM,kBAAkB,GAAG;IAE/B,MAAM,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;IAE1C,sBAAsB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAE7C,iBAAiB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAExC,oBAAoB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAE3C,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,qBAAqB,CAAC,EAAE,qBAAqB,CAAC;CAC/C,CAAC;AAuIF,eAAO,MAAM,aAAa,4FAlIjB,kBAAkB,6BAkIuE,CAAC"}

package/dist/components/Message/MessageStatus.js

@@ -27,9 +27,10 @@ var UnMemoizedMessageStatus = function (props) {
     var sending = message.status === 'sending';
     var delivered = message.status === 'received' && message.id === lastReceivedId && !threadList;
     var deliveredAndRead = !!((readBy === null || readBy === void 0 ? void 0 : readBy.length) && !threadList && !justReadByMe);
-    var lastReadUser = (deliveredAndRead
+    var readersWithoutOwnUser = deliveredAndRead
         ? readBy.filter(function (item) { var _a; return item.id !== ((_a = client.user) === null || _a === void 0 ? void 0 : _a.id); })
-        : [])[0];
+        : [];
+    var lastReadUser = readersWithoutOwnUser[0];
     return (React.createElement("span", { className: rootClassName, "data-testid": clsx({
             'message-status-read-by': deliveredAndRead,
             'message-status-received': delivered && !deliveredAndRead,
@@ -51,6 +52,6 @@ var UnMemoizedMessageStatus = function (props) {
                 themeVersion === '1' && (React.createElement(Tooltip, null, getReadByTooltipText(readBy, t, client, tooltipUserNameMapper))),
                 themeVersion === '2' && (React.createElement(PopperTooltip, { offset: [0, 5], referenceElement: referenceElement, visible: tooltipVisible }, getReadByTooltipText(readBy, t, client, tooltipUserNameMapper))),
                 React.createElement(Avatar, { image: lastReadUser.image, name: lastReadUser.name || lastReadUser.id, size: 15, user: lastReadUser }),
-                readBy.length > 2 && (React.createElement("span", { className: "str-chat__message-".concat(messageType, "-status-number"), "data-testid": 'message-status-read-by-many' }, readBy.length - 1)))))));
+                readersWithoutOwnUser.length > 1 && (React.createElement("span", { className: "str-chat__message-".concat(messageType, "-status-number"), "data-testid": 'message-status-read-by-many' }, readersWithoutOwnUser.length)))))));
 };
 export var MessageStatus = React.memo(UnMemoizedMessageStatus);

package/dist/components/Message/renderText/rehypePlugins/mentionsMarkdownPlugin.d.ts

@@ -1,5 +1,5 @@
 import type { Nodes } from 'hast-util-find-and-replace/lib';
 import type { UserResponse } from 'stream-chat';
-import type { DefaultStreamChatGenerics } from '../../../../types/types';
+import type { DefaultStreamChatGenerics } from '../../../../types';
 export declare const mentionsMarkdownPlugin: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(mentioned_users: UserResponse<StreamChatGenerics>[]) => () => (tree: Nodes) => void;
 //# sourceMappingURL=mentionsMarkdownPlugin.d.ts.map

package/dist/components/Message/renderText/rehypePlugins/mentionsMarkdownPlugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mentionsMarkdownPlugin.d.ts","sourceRoot":"","sources":["../../../../../src/components/Message/renderText/rehypePlugins/mentionsMarkdownPlugin.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,gCAAgC,CAAC;AAE5D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,yBAAyB,CAAC;AAEzE,eAAO,MAAM,sBAAsB,0JAyBR,KAAK,SAoC/B,CAAC"}
+{"version":3,"file":"mentionsMarkdownPlugin.d.ts","sourceRoot":"","sources":["../../../../../src/components/Message/renderText/rehypePlugins/mentionsMarkdownPlugin.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,gCAAgC,CAAC;AAE5D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAEnE,eAAO,MAAM,sBAAsB,0JAyBR,KAAK,SAoC/B,CAAC"}

package/dist/components/Message/renderText/remarkPlugins/htmlToTextPlugin.d.ts

@@ -1,3 +1,3 @@
-import type { Nodes } from 'react-markdown/lib';
+import type { Nodes } from 'hast-util-find-and-replace/lib';
 export declare const htmlToTextPlugin: () => (tree: Nodes) => void;
 //# sourceMappingURL=htmlToTextPlugin.d.ts.map

package/dist/components/Message/renderText/remarkPlugins/htmlToTextPlugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"htmlToTextPlugin.d.ts","sourceRoot":"","sources":["../../../../../src/components/Message/renderText/remarkPlugins/htmlToTextPlugin.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAWhD,eAAO,MAAM,gBAAgB,eAJJ,KAAK,SAIiB,CAAC"}
+{"version":3,"file":"htmlToTextPlugin.d.ts","sourceRoot":"","sources":["../../../../../src/components/Message/renderText/remarkPlugins/htmlToTextPlugin.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,gCAAgC,CAAC;AAW5D,eAAO,MAAM,gBAAgB,eAJJ,KAAK,SAIiB,CAAC"}

package/dist/components/Message/renderText/remarkPlugins/keepLineBreaksPlugin.d.ts

@@ -1,3 +1,3 @@
-import type { Nodes } from 'react-markdown/lib';
+import type { Nodes } from 'hast-util-find-and-replace/lib';
 export declare const keepLineBreaksPlugin: () => (tree: Nodes) => void;
 //# sourceMappingURL=keepLineBreaksPlugin.d.ts.map

package/dist/components/Message/renderText/remarkPlugins/keepLineBreaksPlugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"keepLineBreaksPlugin.d.ts","sourceRoot":"","sources":["../../../../../src/components/Message/renderText/remarkPlugins/keepLineBreaksPlugin.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAiChD,eAAO,MAAM,oBAAoB,eAJR,KAAK,SAIqB,CAAC"}
+{"version":3,"file":"keepLineBreaksPlugin.d.ts","sourceRoot":"","sources":["../../../../../src/components/Message/renderText/remarkPlugins/keepLineBreaksPlugin.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,gCAAgC,CAAC;AA+B5D,eAAO,MAAM,oBAAoB,eAJR,KAAK,SAIqB,CAAC"}

package/dist/components/Message/renderText/remarkPlugins/keepLineBreaksPlugin.js

@@ -2,11 +2,7 @@ import { __spreadArray } from "tslib";
 import { visit } from 'unist-util-visit';
 import { u } from 'unist-builder';
 var visitor = function (node, index, parent) {
-    if (typeof index === 'undefined' || index === 0)
-        return;
-    if (typeof parent === 'undefined')
-        return;
-    if (!node.position)
+    if (!(index && parent && node.position))
         return;
     var prevSibling = parent.children.at(index - 1);
     if (!(prevSibling === null || prevSibling === void 0 ? void 0 : prevSibling.position))

package/dist/components/Message/renderText/renderText.d.ts

@@ -1,7 +1,7 @@
 import React, { ComponentType } from 'react';
 import { Options } from 'react-markdown';
 import { MentionProps } from './componentRenderers';
-import type { PluggableList } from 'react-markdown/lib';
+import type { PluggableList } from 'react-markdown/lib/react-markdown';
 import type { UserResponse } from 'stream-chat';
 import type { DefaultStreamChatGenerics } from '../../../types/types';
 export type RenderTextPluginConfigurator = (defaultPlugins: PluggableList) => PluggableList;

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

@@ -1 +1 @@
-{"version":3,"file":"renderText.d.ts","sourceRoot":"","sources":["../../../../src/components/Message/renderText/renderText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAsB,EAAuB,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAK7E,OAAO,EAA0B,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAK5E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AAEtE,MAAM,MAAM,4BAA4B,GAAG,CAAC,cAAc,EAAE,aAAa,KAAK,aAAa,CAAC;AAE5F,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,MAAM,GAAG,CAAC,iBAAiB,GAAG,OAAO,GAAG,SAAS,CAkB3F,CAAC;AAsBF,eAAO,MAAM,iBAAiB,EAAE,iBAAiB,CAAC,yBAAyB,CAI1E,CAAC;AAEF,MAAM,MAAM,iBAAiB,CAC3B,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IAEF,eAAe,CAAC,EAAE,KAAK,CAAC,MAAM,GAAG,CAAC,iBAAiB,GAAG,OAAO,GAAG,SAAS,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC,CAAC;IAC3F,uBAAuB,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,GAC7C,OAAO,CAAC;QACN,KAAK,EAAE,aAAa,CAAC;QACrB,OAAO,EAAE,aAAa,CAAC,YAAY,CAAC,kBAAkB,CAAC,CAAC,CAAC;KAC1D,CAAC,CAAC;IACL,gBAAgB,CAAC,EAAE,4BAA4B,CAAC;IAChD,gBAAgB,CAAC,EAAE,4BAA4B,CAAC;CACjD,CAAC;AAEF,eAAO,MAAM,UAAU,4FAGd,MAAM,uJAOV,iBAAiB,6BAwFrB,CAAC"}
+{"version":3,"file":"renderText.d.ts","sourceRoot":"","sources":["../../../../src/components/Message/renderText/renderText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAsB,EAAE,OAAO,EAAkB,MAAM,gBAAgB,CAAC;AAKxE,OAAO,EAA0B,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAK5E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AACvE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AAEtE,MAAM,MAAM,4BAA4B,GAAG,CAAC,cAAc,EAAE,aAAa,KAAK,aAAa,CAAC;AAE5F,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,MAAM,GAAG,CAAC,iBAAiB,GAAG,OAAO,GAAG,SAAS,CAkB3F,CAAC;AAsBF,eAAO,MAAM,iBAAiB,EAAE,iBAAiB,CAAC,yBAAyB,CAI1E,CAAC;AAEF,MAAM,MAAM,iBAAiB,CAC3B,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IAEF,eAAe,CAAC,EAAE,KAAK,CAAC,MAAM,GAAG,CAAC,iBAAiB,GAAG,OAAO,GAAG,SAAS,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC,CAAC;IAC3F,uBAAuB,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,GAC7C,OAAO,CAAC;QACN,KAAK,EAAE,aAAa,CAAC;QACrB,OAAO,EAAE,aAAa,CAAC,YAAY,CAAC,kBAAkB,CAAC,CAAC,CAAC;KAC1D,CAAC,CAAC;IACL,gBAAgB,CAAC,EAAE,4BAA4B,CAAC;IAChD,gBAAgB,CAAC,EAAE,4BAA4B,CAAC;CACjD,CAAC;AAEF,eAAO,MAAM,UAAU,4FAGd,MAAM,uJAOV,iBAAiB,6BAwFrB,CAAC"}

package/dist/components/Message/renderText/renderText.js

@@ -1,6 +1,6 @@
 import { __assign, __spreadArray } from "tslib";
 import React from 'react';
-import ReactMarkdown, { defaultUrlTransform } from 'react-markdown';
+import ReactMarkdown, { uriTransformer } from 'react-markdown';
 import { find } from 'linkifyjs';
 import uniqBy from 'lodash.uniqby';
 import remarkGfm from 'remark-gfm';
@@ -43,7 +43,7 @@ function encodeDecode(url) {
         return url;
     }
 }
-var urlTransform = function (uri) { return (uri.startsWith('app://') ? uri : defaultUrlTransform(uri)); };
+var urlTransform = function (uri) { return (uri.startsWith('app://') ? uri : uriTransformer(uri)); };
 var getPluginsForward = function (plugins) { return plugins; };
 export var markDownRenderers = {
     a: Anchor,
@@ -109,5 +109,5 @@ export var renderText = function (text, mentionedUsers, _a) {
     if (mentionedUsers === null || mentionedUsers === void 0 ? void 0 : mentionedUsers.length) {
         rehypePlugins.push(mentionsMarkdownPlugin(mentionedUsers));
     }
-    return (React.createElement(ReactMarkdown, { allowedElements: allowedTagNames, components: __assign(__assign({}, markDownRenderers), customMarkDownRenderers), rehypePlugins: getRehypePlugins(rehypePlugins), remarkPlugins: getRemarkPlugins(remarkPlugins), skipHtml: true, unwrapDisallowed: true, urlTransform: urlTransform }, newText));
+    return (React.createElement(ReactMarkdown, { allowedElements: allowedTagNames, components: __assign(__assign({}, markDownRenderers), customMarkDownRenderers), rehypePlugins: getRehypePlugins(rehypePlugins), remarkPlugins: getRemarkPlugins(remarkPlugins), skipHtml: true, transformLinkUri: urlTransform, unwrapDisallowed: true }, newText));
 };

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

@@ -5,23 +5,24 @@ export var useTimeElapsed = function (_a) {
     var _c = useState(0), secondsElapsed = _c[0], setSecondsElapsed = _c[1];
     var updateInterval = useRef();
     var startCounter = useCallback(function () {
+        if (updateInterval.current)
+            return;
         updateInterval.current = setInterval(function () {
             setSecondsElapsed(function (prev) { return prev + 1; });
         }, 1000);
     }, []);
     var stopCounter = useCallback(function () {
         clearInterval(updateInterval.current);
+        updateInterval.current = undefined;
     }, []);
     useEffect(function () {
         if (!startOnMount)
             return;
-        updateInterval.current = setInterval(function () {
-            setSecondsElapsed(function (prev) { return prev + 1; });
-        }, 1000);
+        startCounter();
         return function () {
             stopCounter();
         };
-    }, [startOnMount, stopCounter]);
+    }, [startCounter, startOnMount, stopCounter]);
     return {
         secondsElapsed: secondsElapsed,
         startCounter: startCounter,

package/dist/index.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Window = require('./Window-8e652b8c.js');
+var Window = require('./Window-e020d384.js');
 var React = require('react');
 var streamChat = require('stream-chat');
 var throttle = require('lodash.throttle');
@@ -32,7 +32,7 @@ require('react-textarea-autosize');
 require('textarea-caret');
 require('react-is');
 require('crypto');
-require('react/jsx-runtime');
+require('path');
 require('dayjs/locale/de');
 require('dayjs/locale/es');
 require('dayjs/locale/fr');
@@ -1362,7 +1362,7 @@ function VirtualizedMessageList(props) {
     return (React__default["default"].createElement(VirtualizedMessageListWithContext, Window.__assign({ channel: channel, channelUnreadUiState: channelUnreadUiState, hasMore: !!hasMore, hasMoreNewer: !!hasMoreNewer, highlightedMessageId: highlightedMessageId, jumpToLatestMessage: jumpToLatestMessage, loadingMore: !!loadingMore, loadingMoreNewer: !!loadingMoreNewer, loadMore: loadMore, loadMoreNewer: loadMoreNewer, messages: messages, notifications: notifications, read: read, suppressAutoscroll: suppressAutoscroll }, props)));
 }
 
-var version = '11.23.2';
+var version = '11.23.4';
 
 var useChat = function (_a) {
     var _b, _c;

package/dist/version.d.ts

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

package/dist/version.js

@@ -1 +1 @@
-export var version = '11.23.2';
+export var version = '11.23.4';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "stream-chat-react",
-  "version": "11.23.2",
+  "version": "11.23.4",
   "description": "React components to create chat conversations or livestream style chat",
   "author": "GetStream",
   "homepage": "https://getstream.io/chat/",
@@ -83,7 +83,7 @@
     "react-fast-compare": "^3.2.2",
     "react-image-gallery": "1.2.12",
     "react-is": "^18.1.0",
-    "react-markdown": "9.0.1",
+    "react-markdown": "^8.0.7",
     "react-player": "2.10.1",
     "react-popper": "^2.3.0",
     "react-textarea-autosize": "^8.3.0",