@sendbird/uikit-react 3.18.2 → 3.18.4

package/cjs/Thread/context.js

@@ -1,27 +1,27 @@
 'use strict';
 
-var ThreadProvider = require('../chunks/bundle-Bi2mgALr.js');
-require('../chunks/bundle-DPW4ZLLi.js');
+var ThreadProvider = require('../chunks/bundle-CYSJJmTZ.js');
+require('../chunks/bundle-Bd2CeRt-.js');
 require('react');
-require('../chunks/bundle-5A92WpBo.js');
-require('../chunks/bundle-Bm8Pckmi.js');
-require('../chunks/bundle-B6QKR8k1.js');
 require('@sendbird/chat/message');
-require('../chunks/bundle-h7Y5ovg7.js');
-require('../chunks/bundle-DkqT011F.js');
-require('../chunks/bundle-D8hxYxHi.js');
+require('../chunks/bundle--7hPuXVE.js');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-DxH4srE9.js');
-require('../chunks/bundle-CM22Q9mG.js');
-require('../chunks/bundle-DDxhFRDI.js');
-require('../chunks/bundle-D0sYiYzM.js');
+require('../chunks/bundle-DC_iv7UY.js');
+require('../chunks/bundle-DnxQZTFP.js');
+require('../chunks/bundle-BbfbQ2uA.js');
+require('../chunks/bundle-Bdq9hoDy.js');
+require('../chunks/bundle-QhRhypRr.js');
+require('../chunks/bundle-DiOxeQAO.js');
+require('../chunks/bundle-CrpqUlR3.js');
 require('@sendbird/chat');
 require('@sendbird/chat/groupChannel');
 require('@sendbird/chat/openChannel');
-require('../chunks/bundle-BHuUyRYv.js');
-require('../chunks/bundle-DTSQwen9.js');
+require('../chunks/bundle-DhODbqF3.js');
+require('../chunks/bundle-kCEJbgLb.js');
+require('@sendbird/uikit-tools');
 require('./context/types.js');
-require('../chunks/bundle-BaVsCXld.js');
+require('../chunks/bundle-CsAon8YT.js');
+require('../chunks/bundle-BmMGEkJA.js');
 
 
 

package/cjs/Thread.js

@@ -1,61 +1,61 @@
 'use strict';
 
-var _tslib = require('./chunks/bundle-DPW4ZLLi.js');
+var _tslib = require('./chunks/bundle-Bd2CeRt-.js');
 var React = require('react');
-var ThreadProvider = require('./chunks/bundle-Bi2mgALr.js');
+var ThreadProvider = require('./chunks/bundle-CYSJJmTZ.js');
 var Thread_components_ThreadUI = require('./Thread/components/ThreadUI.js');
-var utils = require('./chunks/bundle-CDLZAiGS.js');
-require('./chunks/bundle-5A92WpBo.js');
-require('./chunks/bundle-Bm8Pckmi.js');
-require('./chunks/bundle-B6QKR8k1.js');
+var utils = require('./chunks/bundle-DWY7_S-1.js');
 require('@sendbird/chat/message');
-require('./chunks/bundle-h7Y5ovg7.js');
-require('./chunks/bundle-DkqT011F.js');
-require('./chunks/bundle-D8hxYxHi.js');
+require('./chunks/bundle--7hPuXVE.js');
 require('./utils/message/getOutgoingMessageState.js');
-require('./chunks/bundle-DxH4srE9.js');
-require('./chunks/bundle-CM22Q9mG.js');
-require('./chunks/bundle-DDxhFRDI.js');
-require('./chunks/bundle-D0sYiYzM.js');
+require('./chunks/bundle-DC_iv7UY.js');
+require('./chunks/bundle-DnxQZTFP.js');
+require('./chunks/bundle-BbfbQ2uA.js');
+require('./chunks/bundle-Bdq9hoDy.js');
+require('./chunks/bundle-QhRhypRr.js');
+require('./chunks/bundle-DiOxeQAO.js');
+require('./chunks/bundle-CrpqUlR3.js');
 require('@sendbird/chat');
 require('@sendbird/chat/groupChannel');
 require('@sendbird/chat/openChannel');
-require('./chunks/bundle-BHuUyRYv.js');
-require('./chunks/bundle-DTSQwen9.js');
+require('./chunks/bundle-DhODbqF3.js');
+require('./chunks/bundle-kCEJbgLb.js');
+require('@sendbird/uikit-tools');
 require('./Thread/context/types.js');
-require('./chunks/bundle-BaVsCXld.js');
-require('./chunks/bundle-hCACzY6O.js');
-require('./chunks/bundle-Dhl6Wa6g.js');
-require('./chunks/bundle-E9Y4YXKU.js');
-require('./chunks/bundle-53wr8I1I.js');
-require('./chunks/bundle-C39DeaYc.js');
-require('./chunks/bundle-Czht6JT5.js');
+require('./chunks/bundle-CsAon8YT.js');
+require('./chunks/bundle-BmMGEkJA.js');
+require('./chunks/bundle-D_5YLGdQ.js');
+require('./chunks/bundle-DaHh2cJb.js');
+require('./chunks/bundle-ChU3wShD.js');
+require('./chunks/bundle-CeCTezLH.js');
+require('./chunks/bundle-DHiRY4iN.js');
+require('./chunks/bundle-BhCNmnks.js');
 require('./Thread/components/ParentMessageInfo.js');
-require('./chunks/bundle-NGKjNdtd.js');
-require('./chunks/bundle-CVXL-3gP.js');
-require('./chunks/bundle-DHR8BzKO.js');
-require('./chunks/bundle-C7HIC06Z.js');
+require('./chunks/bundle-DR1-jfWz.js');
+require('./chunks/bundle-aa_brO8M.js');
+require('./chunks/bundle-CVYLz696.js');
+require('./chunks/bundle-BED5_NT-.js');
 require('react-dom');
-require('./chunks/bundle-HGu9qVuZ.js');
+require('./chunks/bundle-8cYI_dYy.js');
 require('./ui/IconButton.js');
 require('./ui/Button.js');
 require('./ui/Icon.js');
-require('./chunks/bundle-fEAInSpt.js');
+require('./chunks/bundle-dwC7n34e.js');
 require('./Thread/components/ParentMessageInfoItem.js');
 require('./ui/ImageRenderer.js');
 require('./ui/TextButton.js');
-require('./chunks/bundle-C3o0jJvK.js');
+require('./chunks/bundle-CGq53ECS.js');
 require('./ui/EmojiReactions.js');
 require('./ui/ReactionBadge.js');
 require('./ui/ReactionButton.js');
-require('./chunks/bundle-w6Rbqbbp.js');
-require('./chunks/bundle-Dk3Mv3Pv.js');
+require('./chunks/bundle-XN6uBYyi.js');
+require('./chunks/bundle-D52jViYf.js');
 require('./ui/SortByRow.js');
 require('./ui/BottomSheet.js');
 require('./hooks/useModal.js');
 require('./ui/UserListItem.js');
-require('./chunks/bundle-CDv4HBfu.js');
-require('./chunks/bundle-BusVwZiM.js');
+require('./chunks/bundle-xWe8b62h.js');
+require('./chunks/bundle-BNwlB2IO.js');
 require('./ui/MutedAvatarOverlay.js');
 require('./ui/Checkbox.js');
 require('./ui/UserProfile.js');
@@ -63,73 +63,73 @@ require('./sendbirdSelectors.js');
 require('./ui/Tooltip.js');
 require('./ui/TooltipWrapper.js');
 require('./Message/context.js');
-require('./chunks/bundle-CRSVBMww.js');
+require('./chunks/bundle-BVkXODmR.js');
 require('./ui/VoiceMessageItemBody.js');
 require('./ui/ProgressBar.js');
 require('./VoicePlayer/useVoicePlayer.js');
-require('./chunks/bundle-BL-ualTl.js');
+require('./chunks/bundle-CaFOkzS5.js');
 require('./VoiceRecorder/context.js');
 require('./ui/PlaybackTime.js');
 require('./ui/Loader.js');
-require('./chunks/bundle-CI8mP-uR.js');
-require('./chunks/bundle-0wBofiUH.js');
+require('./chunks/bundle-BTdL3YgH.js');
+require('./chunks/bundle-g0qCl6Df.js');
 require('./ui/MentionLabel.js');
 require('./ui/LinkLabel.js');
-require('./chunks/bundle-Yd4OOPKM.js');
+require('./chunks/bundle-wMsK8QBF.js');
 require('./ui/FileViewer.js');
-require('./chunks/bundle-a5HyCk71.js');
-require('@sendbird/uikit-tools');
-require('./chunks/bundle-DKS46p__.js');
-require('./chunks/bundle-B6QE8lQ-.js');
-require('./chunks/bundle-S_Yy2eC9.js');
-require('./chunks/bundle-vQR4K7Kd.js');
+require('./chunks/bundle-TPwSKdRq.js');
+require('./chunks/bundle-CW9L2JCZ.js');
+require('./chunks/bundle-LSzjfLJ2.js');
+require('./chunks/bundle-B5VSJxvK.js');
+require('./chunks/bundle-nrgz3P_F.js');
 require('./ui/MessageItemReactionMenu.js');
-require('./chunks/bundle-DHNFQZdL.js');
-require('./chunks/bundle-CP07VKur.js');
+require('./chunks/bundle-CFbqoGUl.js');
+require('./chunks/bundle-iZTis17W.js');
 require('dompurify');
-require('./chunks/bundle-ReQJWi0_.js');
-require('./chunks/bundle-DArJAqYU.js');
-require('./chunks/bundle-CFaMviaS.js');
-require('./chunks/bundle-Din5Q6M0.js');
+require('./chunks/bundle-CWd5qTdd.js');
+require('./chunks/bundle-CLxKLN1m.js');
+require('./chunks/bundle-BaFi1oPp.js');
+require('./chunks/bundle-DATOZUES.js');
 require('./ui/MobileMenu.js');
 require('./Message/hooks/useDirtyGetMentions.js');
-require('./chunks/bundle-DcL2Uz0y.js');
-require('./chunks/bundle-cdmwGz4S.js');
-require('./chunks/bundle-B30tHeK7.js');
+require('./chunks/bundle-Cn4CEsY6.js');
+require('./chunks/bundle-BoAtK2VH.js');
+require('./chunks/bundle-BIFo0MUp.js');
 require('./Thread/components/ThreadHeader.js');
 require('./ui/Header.js');
 require('./Thread/components/ThreadList.js');
 require('./Thread/components/ThreadListItem.js');
 require('./ui/DateSeparator.js');
-require('./chunks/bundle--gTMzxXc.js');
-require('./chunks/bundle-CMsiVFG8.js');
-require('./chunks/bundle-DNjpG6sn.js');
-require('./chunks/bundle-CXE4wlbp.js');
+require('./chunks/bundle-DamUsc0x.js');
+require('./chunks/bundle-Dbz2Ubg9.js');
+require('./chunks/bundle-Cj4VDHJV.js');
+require('./chunks/bundle-D0MS2GeH.js');
 require('./ui/OGMessageItemBody.js');
 require('./ui/TextMessageItemBody.js');
 require('./ui/FileMessageItemBody.js');
 require('./ui/ThumbnailMessageItemBody.js');
-require('./chunks/bundle-DvfUwLVR.js');
+require('./chunks/bundle-DGXoUR22.js');
 require('./ui/UnknownMessageItemBody.js');
 require('./ui/TemplateMessageItemBody.js');
-require('./chunks/bundle-D89K4Jwz.js');
+require('./chunks/bundle-B00a2rOB.js');
 require('./ui/FallbackTemplateMessageItemBody.tsx.js');
 require('./ui/LoadingTemplateMessageItemBody.tsx.js');
 require('./ui/MessageFeedbackFailedModal.js');
-require('./chunks/bundle-6QfVOmtd.js');
+require('./chunks/bundle-DZRjoCbr.js');
 require('./Channel/utils/compareMessagesForGrouping.js');
 require('date-fns');
 require('./Thread/components/ThreadMessageInput.js');
-require('./chunks/bundle-DYH-tc8c.js');
-require('./chunks/bundle-DeItTTiK.js');
-require('./chunks/bundle-Cy7ygyOa.js');
+require('./chunks/bundle-BEY9sZa7.js');
+require('./chunks/bundle-3xaNMXzp.js');
+require('./chunks/bundle-CRDzRUxp.js');
 require('./GroupChannel/components/SuggestedMentionList.js');
 require('./ui/QuoteMessageInput.js');
 require('./VoiceRecorder/useVoiceRecorder.js');
-require('./chunks/bundle-C6D40xDb.js');
-require('./chunks/bundle-CRiDoI9R.js');
-require('./chunks/bundle-CJtBEoRr.js');
-require('./chunks/bundle-DPt2qSS_.js');
+require('./chunks/bundle-Bk-mQnFt.js');
+require('./chunks/bundle-CnXN7u83.js');
+require('./chunks/bundle-CUY_Uq-Z.js');
+require('./chunks/bundle-BPpslRVL.js');
+require('./chunks/bundle-D9nTLAIA.js');
 require('./ui/PlaceHolder.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }

package/cjs/VoicePlayer/context.js

@@ -1,12 +1,12 @@
 'use strict';
 
 require('react');
-var VoicePlayer_context = require('../chunks/bundle-BL-ualTl.js');
-require('../chunks/bundle-DxH4srE9.js');
-require('../chunks/bundle-DDxhFRDI.js');
-require('../chunks/bundle-DPW4ZLLi.js');
-require('../chunks/bundle-53wr8I1I.js');
-require('../chunks/bundle-D0sYiYzM.js');
+var VoicePlayer_context = require('../chunks/bundle-CaFOkzS5.js');
+require('../chunks/bundle-CrpqUlR3.js');
+require('../chunks/bundle-QhRhypRr.js');
+require('../chunks/bundle-Bd2CeRt-.js');
+require('../chunks/bundle-CeCTezLH.js');
+require('../chunks/bundle-DiOxeQAO.js');
 require('@sendbird/chat');
 require('@sendbird/chat/groupChannel');
 require('@sendbird/chat/openChannel');

package/cjs/VoicePlayer/useVoicePlayer.js

@@ -1,28 +1,28 @@
 'use strict';
 
 var React = require('react');
-var VoicePlayer_context = require('../chunks/bundle-BL-ualTl.js');
-var consts = require('../chunks/bundle-DxH4srE9.js');
+var VoicePlayer_context = require('../chunks/bundle-CaFOkzS5.js');
+var consts = require('../chunks/bundle-CrpqUlR3.js');
 var VoiceRecorder_context = require('../VoiceRecorder/context.js');
-require('../chunks/bundle-DPW4ZLLi.js');
-require('../chunks/bundle-53wr8I1I.js');
-require('../chunks/bundle-DDxhFRDI.js');
-require('../chunks/bundle-D0sYiYzM.js');
+require('../chunks/bundle-Bd2CeRt-.js');
+require('../chunks/bundle-CeCTezLH.js');
+require('../chunks/bundle-QhRhypRr.js');
+require('../chunks/bundle-DiOxeQAO.js');
 require('@sendbird/chat');
 require('@sendbird/chat/groupChannel');
 require('@sendbird/chat/openChannel');
-require('../chunks/bundle-h7Y5ovg7.js');
-require('../chunks/bundle-DkqT011F.js');
-require('../chunks/bundle-D8hxYxHi.js');
-require('../chunks/bundle-C7HIC06Z.js');
+require('../chunks/bundle-DC_iv7UY.js');
+require('../chunks/bundle-DnxQZTFP.js');
+require('../chunks/bundle-BbfbQ2uA.js');
+require('../chunks/bundle-BED5_NT-.js');
 require('react-dom');
-require('../chunks/bundle-CDLZAiGS.js');
-require('../chunks/bundle-HGu9qVuZ.js');
+require('../chunks/bundle-DWY7_S-1.js');
+require('../chunks/bundle-8cYI_dYy.js');
 require('../ui/IconButton.js');
 require('../ui/Button.js');
-require('../chunks/bundle-Dhl6Wa6g.js');
+require('../chunks/bundle-DaHh2cJb.js');
 require('../ui/Icon.js');
-require('../chunks/bundle-BHuUyRYv.js');
+require('../chunks/bundle-DhODbqF3.js');
 
 var useVoicePlayer = function (_a) {
     var _b;

package/cjs/VoiceRecorder/context.js

@@ -3,22 +3,22 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var LocalizationContext = require('../chunks/bundle-h7Y5ovg7.js');
-var ui_Modal = require('../chunks/bundle-C7HIC06Z.js');
-var consts = require('../chunks/bundle-DxH4srE9.js');
-var utils = require('../chunks/bundle-CDLZAiGS.js');
-var useSendbird = require('../chunks/bundle-DDxhFRDI.js');
-require('../chunks/bundle-DPW4ZLLi.js');
-require('../chunks/bundle-DkqT011F.js');
-require('../chunks/bundle-D8hxYxHi.js');
+var LocalizationContext = require('../chunks/bundle-DC_iv7UY.js');
+var ui_Modal = require('../chunks/bundle-BED5_NT-.js');
+var consts = require('../chunks/bundle-CrpqUlR3.js');
+var utils = require('../chunks/bundle-DWY7_S-1.js');
+var useSendbird = require('../chunks/bundle-QhRhypRr.js');
+require('../chunks/bundle-Bd2CeRt-.js');
+require('../chunks/bundle-DnxQZTFP.js');
+require('../chunks/bundle-BbfbQ2uA.js');
 require('react-dom');
-require('../chunks/bundle-HGu9qVuZ.js');
+require('../chunks/bundle-8cYI_dYy.js');
 require('../ui/IconButton.js');
 require('../ui/Button.js');
-require('../chunks/bundle-Dhl6Wa6g.js');
+require('../chunks/bundle-DaHh2cJb.js');
 require('../ui/Icon.js');
-require('../chunks/bundle-BHuUyRYv.js');
-require('../chunks/bundle-D0sYiYzM.js');
+require('../chunks/bundle-DhODbqF3.js');
+require('../chunks/bundle-DiOxeQAO.js');
 require('@sendbird/chat');
 require('@sendbird/chat/groupChannel');
 require('@sendbird/chat/openChannel');
@@ -48,10 +48,26 @@ var VoiceRecorderProvider = function (props) {
     if (isVoiceMessageEnabled && !browserSupportMimeType) {
         logger.error('VoiceRecorder: Browser does not support mimeType', { mimmeTypes: consts.BROWSER_SUPPORT_MIME_TYPE_LIST });
     }
+    // Async callbacks (getUserMedia / permissions.query / recorder events) can resolve after unmount;
+    // guard their setState with this ref.
+    var isMountedRef = React.useRef(true);
     React.useEffect(function () {
+        isMountedRef.current = true;
+        return function () {
+            isMountedRef.current = false;
+        };
+    }, []);
+    React.useEffect(function () {
+        var mounted = true;
         if (isVoiceMessageEnabled && !webAudioUtils) {
-            Promise.resolve().then(function () { return require('../chunks/bundle-BVjsvnlw.js'); }).then(function (module) { return setWebAudioUtils(module); });
+            Promise.resolve().then(function () { return require('../chunks/bundle-1ETwf70z.js'); }).then(function (module) {
+                if (mounted)
+                    setWebAudioUtils(module);
+            });
         }
+        return function () {
+            mounted = false;
+        };
     }, [isVoiceMessageEnabled, webAudioUtils]);
     var start = React.useCallback(function (eventHandler) {
         var _a, _b;
@@ -68,7 +84,8 @@ var VoiceRecorderProvider = function (props) {
                 navigator.permissions.query({ name: 'microphone' }).then(function (result) {
                     if (result.state === 'denied') {
                         logger.warning('VoiceRecorder: Permission denied.');
-                        setPermissionWarning(true);
+                        if (isMountedRef.current)
+                            setPermissionWarning(true);
                     }
                 });
             }
@@ -85,6 +102,11 @@ var VoiceRecorderProvider = function (props) {
         (_b = (_a = navigator === null || navigator === void 0 ? void 0 : navigator.mediaDevices) === null || _a === void 0 ? void 0 : _a.getUserMedia) === null || _b === void 0 ? void 0 : _b.call(_a, { audio: true }).then(function (stream) {
             var _a;
             logger.info('VoiceRecorder: Succeeded getting media stream.', stream);
+            if (!isMountedRef.current) {
+                // Unmounted while acquiring the mic: release it and abort instead of setting state.
+                stream.getAudioTracks().forEach(function (track) { return track.stop(); });
+                return;
+            }
             setIsRecordable(true);
             var mediaRecorder = new MediaRecorder(stream, {
                 mimeType: browserSupportMimeType,
@@ -110,14 +132,16 @@ var VoiceRecorderProvider = function (props) {
                 });
                 var tracks = stream.getAudioTracks();
                 tracks.forEach(function (track) { return track.stop(); });
-                setIsRecordable(false);
+                if (isMountedRef.current)
+                    setIsRecordable(false);
             };
             mediaRecorder.onstart = (_a = eventHandler === null || eventHandler === void 0 ? void 0 : eventHandler.onRecordingStarted) !== null && _a !== void 0 ? _a : utils.noop;
             mediaRecorder === null || mediaRecorder === void 0 ? void 0 : mediaRecorder.start();
             setMediaRecorder(mediaRecorder);
         }).catch(function (err) {
             logger.error('VoiceRecorder: Failed getting media stream.', err);
-            setMediaRecorder(null);
+            if (isMountedRef.current)
+                setMediaRecorder(null);
         });
     }, [mediaRecorder, webAudioUtils]);
     var stop = React.useCallback(function () {

package/cjs/VoiceRecorder/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"context.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/cjs/VoiceRecorder/useVoiceRecorder.js

@@ -2,22 +2,22 @@
 
 var React = require('react');
 var VoiceRecorder_context = require('./context.js');
-var utils = require('../chunks/bundle-CDLZAiGS.js');
-var useSendbird = require('../chunks/bundle-DDxhFRDI.js');
-require('../chunks/bundle-h7Y5ovg7.js');
-require('../chunks/bundle-DPW4ZLLi.js');
-require('../chunks/bundle-DkqT011F.js');
-require('../chunks/bundle-D8hxYxHi.js');
-require('../chunks/bundle-C7HIC06Z.js');
+var utils = require('../chunks/bundle-DWY7_S-1.js');
+var useSendbird = require('../chunks/bundle-QhRhypRr.js');
+require('../chunks/bundle-DC_iv7UY.js');
+require('../chunks/bundle-Bd2CeRt-.js');
+require('../chunks/bundle-DnxQZTFP.js');
+require('../chunks/bundle-BbfbQ2uA.js');
+require('../chunks/bundle-BED5_NT-.js');
 require('react-dom');
-require('../chunks/bundle-HGu9qVuZ.js');
+require('../chunks/bundle-8cYI_dYy.js');
 require('../ui/IconButton.js');
 require('../ui/Button.js');
-require('../chunks/bundle-Dhl6Wa6g.js');
+require('../chunks/bundle-DaHh2cJb.js');
 require('../ui/Icon.js');
-require('../chunks/bundle-BHuUyRYv.js');
-require('../chunks/bundle-DxH4srE9.js');
-require('../chunks/bundle-D0sYiYzM.js');
+require('../chunks/bundle-DhODbqF3.js');
+require('../chunks/bundle-CrpqUlR3.js');
+require('../chunks/bundle-DiOxeQAO.js');
 require('@sendbird/chat');
 require('@sendbird/chat/groupChannel');
 require('@sendbird/chat/openChannel');
@@ -45,6 +45,7 @@ var useVoiceRecorder = function (_a) {
     var isRecordable = voiceRecorder.isRecordable;
     var _d = React.useState(null), recordedFile = _d[0], setRecordedFile = _d[1];
     var _e = React.useState(VoiceRecorderStatus.PREPARING), recordingStatus = _e[0], setRecordingStatus = _e[1];
+    var isMountedRef = React.useRef(true);
     React.useEffect(function () {
         if (isRecordable && recordingStatus === VoiceRecorderStatus.PREPARING) {
             setRecordingStatus(VoiceRecorderStatus.READY_TO_RECORD);
@@ -53,11 +54,15 @@ var useVoiceRecorder = function (_a) {
     var start = React.useCallback(function () {
         voiceRecorder === null || voiceRecorder === void 0 ? void 0 : voiceRecorder.start({
             onRecordingStarted: function () {
+                if (!isMountedRef.current)
+                    return;
                 setRecordingStatus(VoiceRecorderStatus.RECORDING);
                 onRecordingStarted();
                 startTimer();
             },
             onRecordingEnded: function (audioFile) {
+                if (!isMountedRef.current)
+                    return;
                 setRecordingStatus(VoiceRecorderStatus.COMPLETED);
                 onRecordingEnded(audioFile);
                 setRecordedFile(audioFile);
@@ -95,6 +100,14 @@ var useVoiceRecorder = function (_a) {
             timer.current = null;
         }
     }
+    // Clear the interval on unmount so setRecordingTime does not fire afterwards, and mark unmounted.
+    React.useEffect(function () {
+        isMountedRef.current = true;
+        return function () {
+            isMountedRef.current = false;
+            stopTimer();
+        };
+    }, []);
     React.useEffect(function () {
         if (recordingTime > maxRecordingTime) {
             stop();

package/cjs/VoiceRecorder/useVoiceRecorder.js.map

@@ -1 +1 @@
-{"version":3,"file":"useVoiceRecorder.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"useVoiceRecorder.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/cjs/chunks/bundle--7hPuXVE.js

@@ -0,0 +1,76 @@
+'use strict';
+
+require('../utils/message/getOutgoingMessageState.js');
+require('./bundle-DC_iv7UY.js');
+
+var getNicknamesMapFromMembers = function (members) {
+    if (members === void 0) { members = []; }
+    var nicknamesMap = new Map();
+    for (var memberIndex = 0; memberIndex < members.length; memberIndex += 1) {
+        var _a = members[memberIndex], userId = _a.userId, nickname = _a.nickname;
+        nicknamesMap.set(userId, nickname);
+    }
+    return nicknamesMap;
+};
+var getParentMessageFrom = function (message) {
+    if (!message) {
+        return null;
+    }
+    if (isParentMessage(message)) {
+        return message;
+    }
+    if (isThreadMessage(message)) {
+        return (message === null || message === void 0 ? void 0 : message.parentMessage) || null;
+    }
+    return null;
+};
+var isParentMessage = function (message) {
+    return ((message === null || message === void 0 ? void 0 : message.parentMessage) === null
+        && typeof (message === null || message === void 0 ? void 0 : message.parentMessageId) === 'number'
+        && !(message === null || message === void 0 ? void 0 : message.parentMessageId));
+};
+var isThreadMessage = function (message) {
+    return ((message === null || message === void 0 ? void 0 : message.parentMessage) !== null
+        && typeof (message === null || message === void 0 ? void 0 : message.parentMessageId) === 'number'
+        && (message === null || message === void 0 ? void 0 : message.parentMessageId) > 0
+        && (message === null || message === void 0 ? void 0 : message.threadInfo) === null);
+};
+var isAboutSame = function (a, b, px) { return (Math.abs(a - b) <= px); };
+var isEmpty = function (val) { return (val === null || val === undefined); };
+// Some Ids return string and number inconsistently
+// only use to comapre IDs
+function compareIds(a, b) {
+    if (isEmpty(a) || isEmpty(b)) {
+        return false;
+    }
+    var aString = a.toString();
+    var bString = b.toString();
+    return aString === bString;
+}
+var scrollIntoLast = function (intialTry) {
+    if (intialTry === void 0) { intialTry = 0; }
+    var MAX_TRIES = 10;
+    var currentTry = intialTry;
+    if (currentTry > MAX_TRIES) {
+        return;
+    }
+    try {
+        var scrollDOM = document.querySelector('.sendbird-thread-ui--scroll');
+        // eslint-disable-next-line no-multi-assign
+        if (scrollDOM) {
+            scrollDOM.scrollTop = scrollDOM.scrollHeight;
+        }
+    }
+    catch (error) {
+        setTimeout(function () {
+            scrollIntoLast(currentTry + 1);
+        }, 500 * currentTry);
+    }
+};
+
+exports.compareIds = compareIds;
+exports.getNicknamesMapFromMembers = getNicknamesMapFromMembers;
+exports.getParentMessageFrom = getParentMessageFrom;
+exports.isAboutSame = isAboutSame;
+exports.scrollIntoLast = scrollIntoLast;
+//# sourceMappingURL=bundle--7hPuXVE.js.map

package/cjs/chunks/bundle--7hPuXVE.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bundle--7hPuXVE.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/cjs/chunks/{bundle-BVjsvnlw.js → bundle-1ETwf70z.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var consts = require('./bundle-DxH4srE9.js');
+var consts = require('./bundle-CrpqUlR3.js');
 var lame_all = require('../lame.all.js');
 
 // Thanks to https://codesandbox.io/s/media-recorder-api-downsampling-16k-mp3-encode-using-lame-js-forked-n1pblw
@@ -129,4 +129,4 @@ function bufferToWav(abuffer, len) {
 
 exports.downsampleToWav = downsampleToWav;
 exports.encodeMp3 = encodeMp3;
-//# sourceMappingURL=bundle-BVjsvnlw.js.map
+//# sourceMappingURL=bundle-1ETwf70z.js.map

package/cjs/chunks/bundle-1ETwf70z.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bundle-1ETwf70z.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/cjs/chunks/bundle-1QmrEL3W.js

@@ -0,0 +1,18 @@
+'use strict';
+
+var React = require('react');
+
+var useDidMountEffect = function (func, deps) {
+    var _a = React.useState(false), didMount = _a[0], setDidMount = _a[1];
+    React.useEffect(function () {
+        if (didMount) {
+            func();
+        }
+        else {
+            setDidMount(true);
+        }
+    }, deps);
+};
+
+exports.useDidMountEffect = useDidMountEffect;
+//# sourceMappingURL=bundle-1QmrEL3W.js.map

package/cjs/chunks/bundle-1QmrEL3W.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bundle-1QmrEL3W.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}

package/cjs/chunks/{bundle-DeItTTiK.js → bundle-3xaNMXzp.js}

@@ -1,12 +1,12 @@
 'use strict';
 
 var React = require('react');
-require('./bundle-DPW4ZLLi.js');
-require('./bundle-Dhl6Wa6g.js');
+require('./bundle-Bd2CeRt-.js');
+require('./bundle-DaHh2cJb.js');
 var ui_Button = require('../ui/Button.js');
-var ui_Modal = require('./bundle-C7HIC06Z.js');
-var consts = require('./bundle-DxH4srE9.js');
-var index = require('./bundle-E9Y4YXKU.js');
+var ui_Modal = require('./bundle-BED5_NT-.js');
+var consts = require('./bundle-CrpqUlR3.js');
+var index = require('./bundle-ChU3wShD.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -117,4 +117,4 @@ exports.validateFileCount = validateFileCount;
 exports.validateFileSizes = validateFileSizes;
 exports.validateFileTypes = validateFileTypes;
 exports.validateFilesForUpload = validateFilesForUpload;
-//# sourceMappingURL=bundle-DeItTTiK.js.map
+//# sourceMappingURL=bundle-3xaNMXzp.js.map