stream-chat-react 11.23.2 → 11.23.3

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-a663179f.js');
 var React = require('react');
 var Picker = require('@emoji-mart/react');
 require('dayjs');

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/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-a663179f.js');
 var React = require('react');
 var streamChat = require('stream-chat');
 var throttle = require('lodash.throttle');
@@ -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.3';
 
 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.3";
 //# sourceMappingURL=version.d.ts.map

package/dist/version.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "stream-chat-react",
-  "version": "11.23.2",
+  "version": "11.23.3",
   "description": "React components to create chat conversations or livestream style chat",
   "author": "GetStream",
   "homepage": "https://getstream.io/chat/",