@sendbird/uikit-react 3.18.2 → 3.18.3

package/Thread.js

@@ -1,59 +1,59 @@
-import { _ as __assign } from './chunks/bundle-Bn9NGxwi.js';
+import { _ as __assign } from './chunks/bundle-CMxebKTn.js';
 import React__default from 'react';
-import { b as ThreadProvider } from './chunks/bundle-Os6ZHKaT.js';
+import { b as ThreadProvider } from './chunks/bundle-BgNUgE71.js';
 import ThreadUI from './Thread/components/ThreadUI.js';
-import { c as classnames } from './chunks/bundle-lBquLDTD.js';
-import './chunks/bundle-C9GhbmCK.js';
-import './chunks/bundle-BCJmEZad.js';
-import './chunks/bundle-JtczYTYc.js';
+import { c as classnames } from './chunks/bundle-C02vud-s.js';
 import '@sendbird/chat/message';
-import './chunks/bundle-BJBdUq3A.js';
-import './chunks/bundle-By3m4WnO.js';
-import './chunks/bundle-BRJ4wnDW.js';
+import './chunks/bundle-9aLhuFNM.js';
 import './utils/message/getOutgoingMessageState.js';
-import './chunks/bundle-DtXo-b-H.js';
-import './chunks/bundle-C7zpVp8B.js';
-import './chunks/bundle-DjxMF4SO.js';
-import './chunks/bundle-CvG5ugqV.js';
+import './chunks/bundle-DaWUaazf.js';
+import './chunks/bundle-DdHHTgW1.js';
+import './chunks/bundle-ClipcVBx.js';
+import './chunks/bundle-BcWCb-Cp.js';
+import './chunks/bundle-MW8-syLi.js';
+import './chunks/bundle-BxgeJueo.js';
+import './chunks/bundle-BipnEOlF.js';
 import '@sendbird/chat';
 import '@sendbird/chat/groupChannel';
 import '@sendbird/chat/openChannel';
-import './chunks/bundle-WvrNSIsa.js';
-import './chunks/bundle-Cb1UbfnA.js';
+import './chunks/bundle-Ocvb3imR.js';
+import './chunks/bundle-DoBbqd-b.js';
+import '@sendbird/uikit-tools';
 import './Thread/context/types.js';
-import './chunks/bundle-DFOHBqdn.js';
-import './chunks/bundle-RXhdHhWF.js';
-import './chunks/bundle-DmaQd9Ns.js';
-import './chunks/bundle-DBr655-9.js';
-import './chunks/bundle-yWYqpJnO.js';
-import './chunks/bundle-CpaJIN2S.js';
-import './chunks/bundle-DNzZGUGx.js';
+import './chunks/bundle-DSSec5oB.js';
+import './chunks/bundle-x5op8GJH.js';
+import './chunks/bundle-ClCXQsj5.js';
+import './chunks/bundle-CXuFd483.js';
+import './chunks/bundle-KVJql7fF.js';
+import './chunks/bundle-CycHrvkM.js';
+import './chunks/bundle-B7-60IU4.js';
+import './chunks/bundle-B3mnPoyh.js';
 import './Thread/components/ParentMessageInfo.js';
-import './chunks/bundle-Dr7-5_x4.js';
-import './chunks/bundle-C7pp8H6E.js';
-import './chunks/bundle-5G41i_rt.js';
-import './chunks/bundle-DzKO2mDE.js';
+import './chunks/bundle-C7_ty82z.js';
+import './chunks/bundle-DUBqVC4p.js';
+import './chunks/bundle-D9bsq5VV.js';
+import './chunks/bundle-Bs7198Pk.js';
 import 'react-dom';
-import './chunks/bundle-BzkQl9_c.js';
+import './chunks/bundle-XLrkWsHa.js';
 import './ui/IconButton.js';
 import './ui/Button.js';
 import './ui/Icon.js';
-import './chunks/bundle-DSUI53uV.js';
+import './chunks/bundle-Csno5Z9M.js';
 import './Thread/components/ParentMessageInfoItem.js';
 import './ui/ImageRenderer.js';
 import './ui/TextButton.js';
-import './chunks/bundle-C0x0DNUg.js';
+import './chunks/bundle-D6dGyB_D.js';
 import './ui/EmojiReactions.js';
 import './ui/ReactionBadge.js';
 import './ui/ReactionButton.js';
-import './chunks/bundle-DWIfTK1V.js';
-import './chunks/bundle-D-J2UbbG.js';
+import './chunks/bundle-F7fqB8kf.js';
+import './chunks/bundle-zp6GzRHw.js';
 import './ui/SortByRow.js';
 import './ui/BottomSheet.js';
 import './hooks/useModal.js';
 import './ui/UserListItem.js';
-import './chunks/bundle-CLU6VhwF.js';
-import './chunks/bundle-eJ8wgv1e.js';
+import './chunks/bundle-CCrXrmiG.js';
+import './chunks/bundle-Dhe057yv.js';
 import './ui/MutedAvatarOverlay.js';
 import './ui/Checkbox.js';
 import './ui/UserProfile.js';
@@ -61,73 +61,73 @@ import './sendbirdSelectors.js';
 import './ui/Tooltip.js';
 import './ui/TooltipWrapper.js';
 import './Message/context.js';
-import './chunks/bundle-BlVNyg5q.js';
+import './chunks/bundle-CVnnyLvy.js';
 import './ui/VoiceMessageItemBody.js';
 import './ui/ProgressBar.js';
 import './VoicePlayer/useVoicePlayer.js';
-import './chunks/bundle-B2mcCyCZ.js';
+import './chunks/bundle-D9lNZKFN.js';
 import './VoiceRecorder/context.js';
 import './ui/PlaybackTime.js';
 import './ui/Loader.js';
-import './chunks/bundle-iDXWlGCW.js';
-import './chunks/bundle-lLdqu94L.js';
+import './chunks/bundle-Cor8jslq.js';
+import './chunks/bundle-AxNZFlAw.js';
 import './ui/MentionLabel.js';
 import './ui/LinkLabel.js';
-import './chunks/bundle-BO0EclF6.js';
+import './chunks/bundle-dcBmP6Wp.js';
 import './ui/FileViewer.js';
-import './chunks/bundle-DoSb_bnJ.js';
-import '@sendbird/uikit-tools';
-import './chunks/bundle-D9nmCEuQ.js';
-import './chunks/bundle-Hzy23Ovk.js';
-import './chunks/bundle-CsSLwUfQ.js';
-import './chunks/bundle-CikQgp1G.js';
+import './chunks/bundle-CST68P9J.js';
+import './chunks/bundle-DIesZCjx.js';
+import './chunks/bundle-ZT7FQGJY.js';
+import './chunks/bundle-DCJroIYu.js';
+import './chunks/bundle-CWtQaD0w.js';
 import './ui/MessageItemReactionMenu.js';
-import './chunks/bundle-DU9VwniI.js';
-import './chunks/bundle-B1MzteF7.js';
+import './chunks/bundle-BdeAXzSw.js';
+import './chunks/bundle-Ddgxdf0e.js';
 import 'dompurify';
-import './chunks/bundle-9oyH3y1N.js';
-import './chunks/bundle-CRqQna6R.js';
-import './chunks/bundle-DcPG3LB4.js';
-import './chunks/bundle-CgNU3A5P.js';
+import './chunks/bundle-Ai8qyPbA.js';
+import './chunks/bundle-C4vaNlR_.js';
+import './chunks/bundle-Cpb8pncu.js';
+import './chunks/bundle-D06lbH5O.js';
 import './ui/MobileMenu.js';
 import './Message/hooks/useDirtyGetMentions.js';
-import './chunks/bundle-B7Xoqeu3.js';
-import './chunks/bundle-CeKXU26q.js';
-import './chunks/bundle-CTCJu7wR.js';
+import './chunks/bundle-BchWn6vw.js';
+import './chunks/bundle-BDDgEMLv.js';
+import './chunks/bundle-C9gs0LjG.js';
 import './Thread/components/ThreadHeader.js';
 import './ui/Header.js';
 import './Thread/components/ThreadList.js';
 import './Thread/components/ThreadListItem.js';
 import './ui/DateSeparator.js';
-import './chunks/bundle-Co-GH8-q.js';
-import './chunks/bundle-CKnHa5lI.js';
-import './chunks/bundle-8BILaIRo.js';
-import './chunks/bundle-B9ZKtU6l.js';
+import './chunks/bundle-BMnUkI_1.js';
+import './chunks/bundle-DLDOfzKv.js';
+import './chunks/bundle-CL8b_Ixu.js';
+import './chunks/bundle-BdU3u3tm.js';
 import './ui/OGMessageItemBody.js';
 import './ui/TextMessageItemBody.js';
 import './ui/FileMessageItemBody.js';
 import './ui/ThumbnailMessageItemBody.js';
-import './chunks/bundle-DrqXBLye.js';
+import './chunks/bundle-C2AsHW2Z.js';
 import './ui/UnknownMessageItemBody.js';
 import './ui/TemplateMessageItemBody.js';
-import './chunks/bundle-CWK573D_.js';
+import './chunks/bundle-CksP4Kht.js';
 import './ui/FallbackTemplateMessageItemBody.tsx.js';
 import './ui/LoadingTemplateMessageItemBody.tsx.js';
 import './ui/MessageFeedbackFailedModal.js';
-import './chunks/bundle-Catt3DOq.js';
+import './chunks/bundle-Cga8xlJ0.js';
 import './Channel/utils/compareMessagesForGrouping.js';
 import 'date-fns';
 import './Thread/components/ThreadMessageInput.js';
-import './chunks/bundle-DuVxviJm.js';
-import './chunks/bundle-B8x_Pt2S.js';
-import './chunks/bundle-HUSPCchI.js';
+import './chunks/bundle-Bqney81S.js';
+import './chunks/bundle-CcDuuCWw.js';
+import './chunks/bundle-Dos67JQu.js';
 import './GroupChannel/components/SuggestedMentionList.js';
 import './ui/QuoteMessageInput.js';
 import './VoiceRecorder/useVoiceRecorder.js';
-import './chunks/bundle-eJBXS66x.js';
-import './chunks/bundle-B8sYPcEA.js';
-import './chunks/bundle-BR25yyOp.js';
-import './chunks/bundle-CSp3MfXH.js';
+import './chunks/bundle-D6ITWa_c.js';
+import './chunks/bundle-CU3hmlbx.js';
+import './chunks/bundle-Fa83OkPp.js';
+import './chunks/bundle-DA50EIUN.js';
+import './chunks/bundle-D_Kph3iB.js';
 import './ui/PlaceHolder.js';
 
 var Thread = function (props) {

package/VoicePlayer/context.js

@@ -1,10 +1,10 @@
 import 'react';
-export { A as ALL, b as VoicePlayerProvider, u as useVoicePlayerContext } from '../chunks/bundle-B2mcCyCZ.js';
-import '../chunks/bundle-DtXo-b-H.js';
-import '../chunks/bundle-DjxMF4SO.js';
-import '../chunks/bundle-Bn9NGxwi.js';
-import '../chunks/bundle-yWYqpJnO.js';
-import '../chunks/bundle-CvG5ugqV.js';
+export { A as ALL, b as VoicePlayerProvider, u as useVoicePlayerContext } from '../chunks/bundle-D9lNZKFN.js';
+import '../chunks/bundle-BipnEOlF.js';
+import '../chunks/bundle-MW8-syLi.js';
+import '../chunks/bundle-CMxebKTn.js';
+import '../chunks/bundle-CycHrvkM.js';
+import '../chunks/bundle-BxgeJueo.js';
 import '@sendbird/chat';
 import '@sendbird/chat/groupChannel';
 import '@sendbird/chat/openChannel';

package/VoicePlayer/useVoicePlayer.js

@@ -1,26 +1,26 @@
 import { useRef, useEffect } from 'react';
-import { u as useVoicePlayerContext, a as AudioUnitDefaultValue, V as VOICE_PLAYER_STATUS, g as generateGroupKey } from '../chunks/bundle-B2mcCyCZ.js';
-import { n as VOICE_PLAYER_AUDIO_ID, l as VOICE_MESSAGE_MIME_TYPE } from '../chunks/bundle-DtXo-b-H.js';
+import { u as useVoicePlayerContext, a as AudioUnitDefaultValue, V as VOICE_PLAYER_STATUS, g as generateGroupKey } from '../chunks/bundle-D9lNZKFN.js';
+import { n as VOICE_PLAYER_AUDIO_ID, l as VOICE_MESSAGE_MIME_TYPE } from '../chunks/bundle-BipnEOlF.js';
 import { useVoiceRecorderContext } from '../VoiceRecorder/context.js';
-import '../chunks/bundle-Bn9NGxwi.js';
-import '../chunks/bundle-yWYqpJnO.js';
-import '../chunks/bundle-DjxMF4SO.js';
-import '../chunks/bundle-CvG5ugqV.js';
+import '../chunks/bundle-CMxebKTn.js';
+import '../chunks/bundle-CycHrvkM.js';
+import '../chunks/bundle-MW8-syLi.js';
+import '../chunks/bundle-BxgeJueo.js';
 import '@sendbird/chat';
 import '@sendbird/chat/groupChannel';
 import '@sendbird/chat/openChannel';
-import '../chunks/bundle-BJBdUq3A.js';
-import '../chunks/bundle-By3m4WnO.js';
-import '../chunks/bundle-BRJ4wnDW.js';
-import '../chunks/bundle-DzKO2mDE.js';
+import '../chunks/bundle-DaWUaazf.js';
+import '../chunks/bundle-DdHHTgW1.js';
+import '../chunks/bundle-ClipcVBx.js';
+import '../chunks/bundle-Bs7198Pk.js';
 import 'react-dom';
-import '../chunks/bundle-lBquLDTD.js';
-import '../chunks/bundle-BzkQl9_c.js';
+import '../chunks/bundle-C02vud-s.js';
+import '../chunks/bundle-XLrkWsHa.js';
 import '../ui/IconButton.js';
 import '../ui/Button.js';
-import '../chunks/bundle-DmaQd9Ns.js';
+import '../chunks/bundle-CXuFd483.js';
 import '../ui/Icon.js';
-import '../chunks/bundle-WvrNSIsa.js';
+import '../chunks/bundle-Ocvb3imR.js';
 
 var useVoicePlayer = function (_a) {
     var _b;

package/VoiceRecorder/context.js

@@ -1,20 +1,20 @@
-import React__default, { createContext, useContext, useState, useEffect, useCallback } from 'react';
-import { u as useLocalization } from '../chunks/bundle-BJBdUq3A.js';
-import { a as Modal } from '../chunks/bundle-DzKO2mDE.js';
-import { B as BROWSER_SUPPORT_MIME_TYPE_LIST, p as VOICE_RECORDER_AUDIO_BIT_RATE, V as VOICE_MESSAGE_FILE_NAME, l as VOICE_MESSAGE_MIME_TYPE } from '../chunks/bundle-DtXo-b-H.js';
-import { n as noop } from '../chunks/bundle-lBquLDTD.js';
-import { u as useSendbird } from '../chunks/bundle-DjxMF4SO.js';
-import '../chunks/bundle-Bn9NGxwi.js';
-import '../chunks/bundle-By3m4WnO.js';
-import '../chunks/bundle-BRJ4wnDW.js';
+import React__default, { createContext, useContext, useState, useRef, useEffect, useCallback } from 'react';
+import { u as useLocalization } from '../chunks/bundle-DaWUaazf.js';
+import { a as Modal } from '../chunks/bundle-Bs7198Pk.js';
+import { B as BROWSER_SUPPORT_MIME_TYPE_LIST, p as VOICE_RECORDER_AUDIO_BIT_RATE, V as VOICE_MESSAGE_FILE_NAME, l as VOICE_MESSAGE_MIME_TYPE } from '../chunks/bundle-BipnEOlF.js';
+import { n as noop } from '../chunks/bundle-C02vud-s.js';
+import { u as useSendbird } from '../chunks/bundle-MW8-syLi.js';
+import '../chunks/bundle-CMxebKTn.js';
+import '../chunks/bundle-DdHHTgW1.js';
+import '../chunks/bundle-ClipcVBx.js';
 import 'react-dom';
-import '../chunks/bundle-BzkQl9_c.js';
+import '../chunks/bundle-XLrkWsHa.js';
 import '../ui/IconButton.js';
 import '../ui/Button.js';
-import '../chunks/bundle-DmaQd9Ns.js';
+import '../chunks/bundle-CXuFd483.js';
 import '../ui/Icon.js';
-import '../chunks/bundle-WvrNSIsa.js';
-import '../chunks/bundle-CvG5ugqV.js';
+import '../chunks/bundle-Ocvb3imR.js';
+import '../chunks/bundle-BxgeJueo.js';
 import '@sendbird/chat';
 import '@sendbird/chat/groupChannel';
 import '@sendbird/chat/openChannel';
@@ -40,10 +40,26 @@ var VoiceRecorderProvider = function (props) {
     if (isVoiceMessageEnabled && !browserSupportMimeType) {
         logger.error('VoiceRecorder: Browser does not support mimeType', { mimmeTypes: BROWSER_SUPPORT_MIME_TYPE_LIST });
     }
+    // Async callbacks (getUserMedia / permissions.query / recorder events) can resolve after unmount;
+    // guard their setState with this ref.
+    var isMountedRef = useRef(true);
     useEffect(function () {
+        isMountedRef.current = true;
+        return function () {
+            isMountedRef.current = false;
+        };
+    }, []);
+    useEffect(function () {
+        var mounted = true;
         if (isVoiceMessageEnabled && !webAudioUtils) {
-            import('../chunks/bundle-CKOB3k4C.js').then(function (module) { return setWebAudioUtils(module); });
+            import('../chunks/bundle-D8Ozo8zc.js').then(function (module) {
+                if (mounted)
+                    setWebAudioUtils(module);
+            });
         }
+        return function () {
+            mounted = false;
+        };
     }, [isVoiceMessageEnabled, webAudioUtils]);
     var start = useCallback(function (eventHandler) {
         var _a, _b;
@@ -60,7 +76,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);
                     }
                 });
             }
@@ -77,6 +94,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,
@@ -102,14 +124,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 : 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 = useCallback(function () {

package/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/VoiceRecorder/useVoiceRecorder.js

@@ -1,21 +1,21 @@
-import { useState, useEffect, useCallback, useRef } from 'react';
+import { useState, useRef, useEffect, useCallback } from 'react';
 import { useVoiceRecorderContext } from './context.js';
-import { n as noop } from '../chunks/bundle-lBquLDTD.js';
-import { u as useSendbird } from '../chunks/bundle-DjxMF4SO.js';
-import '../chunks/bundle-BJBdUq3A.js';
-import '../chunks/bundle-Bn9NGxwi.js';
-import '../chunks/bundle-By3m4WnO.js';
-import '../chunks/bundle-BRJ4wnDW.js';
-import '../chunks/bundle-DzKO2mDE.js';
+import { n as noop } from '../chunks/bundle-C02vud-s.js';
+import { u as useSendbird } from '../chunks/bundle-MW8-syLi.js';
+import '../chunks/bundle-DaWUaazf.js';
+import '../chunks/bundle-CMxebKTn.js';
+import '../chunks/bundle-DdHHTgW1.js';
+import '../chunks/bundle-ClipcVBx.js';
+import '../chunks/bundle-Bs7198Pk.js';
 import 'react-dom';
-import '../chunks/bundle-BzkQl9_c.js';
+import '../chunks/bundle-XLrkWsHa.js';
 import '../ui/IconButton.js';
 import '../ui/Button.js';
-import '../chunks/bundle-DmaQd9Ns.js';
+import '../chunks/bundle-CXuFd483.js';
 import '../ui/Icon.js';
-import '../chunks/bundle-WvrNSIsa.js';
-import '../chunks/bundle-DtXo-b-H.js';
-import '../chunks/bundle-CvG5ugqV.js';
+import '../chunks/bundle-Ocvb3imR.js';
+import '../chunks/bundle-BipnEOlF.js';
+import '../chunks/bundle-BxgeJueo.js';
 import '@sendbird/chat';
 import '@sendbird/chat/groupChannel';
 import '@sendbird/chat/openChannel';
@@ -43,6 +43,7 @@ var useVoiceRecorder = function (_a) {
     var isRecordable = voiceRecorder.isRecordable;
     var _d = useState(null), recordedFile = _d[0], setRecordedFile = _d[1];
     var _e = useState(VoiceRecorderStatus.PREPARING), recordingStatus = _e[0], setRecordingStatus = _e[1];
+    var isMountedRef = useRef(true);
     useEffect(function () {
         if (isRecordable && recordingStatus === VoiceRecorderStatus.PREPARING) {
             setRecordingStatus(VoiceRecorderStatus.READY_TO_RECORD);
@@ -51,11 +52,15 @@ var useVoiceRecorder = function (_a) {
     var start = 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);
@@ -93,6 +98,14 @@ var useVoiceRecorder = function (_a) {
             timer.current = null;
         }
     }
+    // Clear the interval on unmount so setRecordingTime does not fire afterwards, and mark unmounted.
+    useEffect(function () {
+        isMountedRef.current = true;
+        return function () {
+            isMountedRef.current = false;
+            stopTimer();
+        };
+    }, []);
     useEffect(function () {
         if (recordingTime > maxRecordingTime) {
             stop();

package/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/chunks/{bundle-D0LXB-ff.js → bundle-7Z5tRKSh.js}

@@ -1,12 +1,12 @@
-import { e as __spreadArray, a as __awaiter, c as __generator, _ as __assign } from './bundle-Bn9NGxwi.js';
-import { b as createStore, d as useStore, s as shimExports } from './bundle-CvG5ugqV.js';
+import { e as __spreadArray, a as __awaiter, c as __generator, _ as __assign } from './bundle-CMxebKTn.js';
+import { a as createStore, b as useStore, s as shimExports } from './bundle-BxgeJueo.js';
 import React__default, { useEffect, createContext, useRef, useState, useCallback, useContext, useMemo } from 'react';
 import { GroupChannelHandler } from '@sendbird/chat/groupChannel';
-import { u as uuidv4 } from './bundle-WvrNSIsa.js';
-import { c as compareIds } from './bundle-Cb1UbfnA.js';
-import { c as classnames, d as deleteNullish } from './bundle-lBquLDTD.js';
-import { U as UserProfileProvider } from './bundle-C7zpVp8B.js';
-import { u as useSendbird } from './bundle-DjxMF4SO.js';
+import { u as uuidv4 } from './bundle-Ocvb3imR.js';
+import { c as compareIds } from './bundle-DoBbqd-b.js';
+import { c as classnames, d as deleteNullish } from './bundle-C02vud-s.js';
+import { U as UserProfileProvider } from './bundle-BcWCb-Cp.js';
+import { u as useSendbird } from './bundle-MW8-syLi.js';
 
 function useSetChannel(_a) {
     var _this = this;
@@ -222,4 +222,4 @@ var useChannelSettings = function () {
 };
 
 export { ChannelSettingsContext as C, ChannelSettingsProvider as a, useChannelSettingsContext as b, useChannelSettings as u };
-//# sourceMappingURL=bundle-D0LXB-ff.js.map
+//# sourceMappingURL=bundle-7Z5tRKSh.js.map

package/chunks/{bundle-D0LXB-ff.js.map → bundle-7Z5tRKSh.js.map}

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

package/chunks/bundle-9aLhuFNM.js

@@ -0,0 +1,70 @@
+import '../utils/message/getOutgoingMessageState.js';
+import './bundle-DaWUaazf.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);
+    }
+};
+
+export { getParentMessageFrom as a, compareIds as c, getNicknamesMapFromMembers as g, isAboutSame as i, scrollIntoLast as s };
+//# sourceMappingURL=bundle-9aLhuFNM.js.map

package/chunks/bundle-9aLhuFNM.js.map

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

package/chunks/{bundle-9oyH3y1N.js → bundle-Ai8qyPbA.js}

@@ -1,4 +1,4 @@
 var MENTION_USER_LABEL_CLASSNAME = 'sendbird-mention-user-label';
 
 export { MENTION_USER_LABEL_CLASSNAME as M };
-//# sourceMappingURL=bundle-9oyH3y1N.js.map
+//# sourceMappingURL=bundle-Ai8qyPbA.js.map

package/chunks/bundle-Ai8qyPbA.js.map

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

package/chunks/{bundle-lLdqu94L.js → bundle-AxNZFlAw.js}

@@ -1,4 +1,4 @@
-import { e as __spreadArray } from './bundle-Bn9NGxwi.js';
+import { e as __spreadArray } from './bundle-CMxebKTn.js';
 
 var USER_MENTION_PREFIX = '@';
 
@@ -237,4 +237,4 @@ function getWhiteSpacePreservedText(text) {
 }
 
 export { TOKEN_TYPES as T, USER_MENTION_PREFIX as U, getWhiteSpacePreservedText as a, tokenizeMessage as b, getChannelPreviewMessage as g, tokenizeMarkdown as t };
-//# sourceMappingURL=bundle-lLdqu94L.js.map
+//# sourceMappingURL=bundle-AxNZFlAw.js.map

package/chunks/{bundle-lLdqu94L.js.map → bundle-AxNZFlAw.js.map}

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

package/chunks/{bundle-AsDI81XH.js → bundle-B3LEmlZi.js}

@@ -1,13 +1,13 @@
-import { _ as __assign } from './bundle-Bn9NGxwi.js';
+import { _ as __assign } from './bundle-CMxebKTn.js';
 import React__default from 'react';
 import { IconColors, IconTypes } from '../ui/Icon.js';
 import ChannelAvatar from '../ui/ChannelAvatar.js';
-import { g as getChannelTitle } from './bundle-RXhdHhWF.js';
-import { u as useMediaQueryContext } from './bundle-BzkQl9_c.js';
-import { u as useLocalization } from './bundle-BJBdUq3A.js';
+import { g as getChannelTitle } from './bundle-ClCXQsj5.js';
+import { u as useMediaQueryContext } from './bundle-XLrkWsHa.js';
+import { u as useLocalization } from './bundle-DaWUaazf.js';
 import Header from '../ui/Header.js';
-import { c as classnames } from './bundle-lBquLDTD.js';
-import { u as useSendbird } from './bundle-DjxMF4SO.js';
+import { c as classnames } from './bundle-C02vud-s.js';
+import { u as useSendbird } from './bundle-MW8-syLi.js';
 
 var GroupChannelHeaderView = function (_a) {
     var className = _a.className, currentChannel = _a.currentChannel, showSearchIcon = _a.showSearchIcon, onBackClick = _a.onBackClick, onSearchClick = _a.onSearchClick, onChatHeaderActionClick = _a.onChatHeaderActionClick, 
@@ -30,4 +30,4 @@ var GroupChannelHeaderView = function (_a) {
 };
 
 export { GroupChannelHeaderView as G };
-//# sourceMappingURL=bundle-AsDI81XH.js.map
+//# sourceMappingURL=bundle-B3LEmlZi.js.map

package/chunks/bundle-B3LEmlZi.js.map

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

package/chunks/{bundle-DNzZGUGx.js → bundle-B3mnPoyh.js}

@@ -66,4 +66,4 @@ function toDate(argument) {
 }
 
 export { _typeof as _, requiredArgs as r, toDate as t };
-//# sourceMappingURL=bundle-DNzZGUGx.js.map
+//# sourceMappingURL=bundle-B3mnPoyh.js.map