@sendbird/uikit-react 3.19.0 → 3.19.1

package/Thread.js

@@ -1,59 +1,59 @@
-import { _ as __assign } from './chunks/bundle-CgNaGvyD.js';
+import { _ as __assign } from './chunks/bundle-CcUR6MGu.js';
 import React__default from 'react';
-import { b as ThreadProvider } from './chunks/bundle-zr05FGgg.js';
+import { b as ThreadProvider } from './chunks/bundle-OP5BxSl-.js';
 import ThreadUI from './Thread/components/ThreadUI.js';
-import { c as classnames } from './chunks/bundle-DGUqFCRI.js';
+import { c as classnames } from './chunks/bundle-BMGCcH4H.js';
 import '@sendbird/chat/message';
-import './chunks/bundle-CGp1krs6.js';
+import './chunks/bundle-ByAnC7NP.js';
 import './utils/message/getOutgoingMessageState.js';
-import './chunks/bundle-DUPw5yNi.js';
-import './chunks/bundle-W5GuRkRN.js';
-import './chunks/bundle-CS3bUWR1.js';
-import './chunks/bundle-DYdKHGhi.js';
-import './chunks/bundle-Cbl5uBkV.js';
-import './chunks/bundle-CEkjWC64.js';
-import './chunks/bundle-DmYOmnB7.js';
+import './chunks/bundle-C9w2yVgG.js';
+import './chunks/bundle-BIOEHZSc.js';
+import './chunks/bundle-LKIcgvVl.js';
+import './chunks/bundle-DFhBiUdl.js';
+import './chunks/bundle-C2G7GxX3.js';
+import './chunks/bundle-DnFVJzke.js';
+import './chunks/bundle-C21v6uBu.js';
 import '@sendbird/chat';
 import '@sendbird/chat/groupChannel';
 import '@sendbird/chat/openChannel';
-import './chunks/bundle-DcmkI5sy.js';
-import './chunks/bundle-e9cQcqMK.js';
+import './chunks/bundle-Chyem8qP.js';
+import './chunks/bundle-jJN29iP7.js';
 import '@sendbird/uikit-tools';
 import './Thread/context/types.js';
-import './chunks/bundle-dMka1A5y.js';
-import './chunks/bundle-CtPwLWv8.js';
-import './chunks/bundle-Bz_oO5LI.js';
-import './chunks/bundle-D1B96Mfj.js';
-import './chunks/bundle-DjZ_rFmB.js';
-import './chunks/bundle-BmtBWt3T.js';
-import './chunks/bundle-CE_8o3do.js';
-import './chunks/bundle-DCKIFYzA.js';
+import './chunks/bundle-DCnF5PZW.js';
+import './chunks/bundle-Dc8WJsdV.js';
+import './chunks/bundle-BAsXkOpr.js';
+import './chunks/bundle-6_GgtuoW.js';
+import './chunks/bundle-R7kuIrhM.js';
+import './chunks/bundle-BwapOLfM.js';
+import './chunks/bundle-BHSztodR.js';
+import './chunks/bundle-By-L-4c_.js';
 import './Thread/components/ParentMessageInfo.js';
-import './chunks/bundle-CVUHf3SV.js';
-import './chunks/bundle-5OTxEMY4.js';
-import './chunks/bundle-G3mQ_zan.js';
-import './chunks/bundle-CKPjUwf1.js';
+import './chunks/bundle-mwsgX58A.js';
+import './chunks/bundle-BLSHp_7h.js';
+import './chunks/bundle-C7RNsX62.js';
+import './chunks/bundle-4E_l67ie.js';
 import 'react-dom';
-import './chunks/bundle-yIwG2HzE.js';
+import './chunks/bundle-CjWTH39Z.js';
 import './ui/IconButton.js';
 import './ui/Button.js';
 import './ui/Icon.js';
-import './chunks/bundle-CrbU8Z0k.js';
+import './chunks/bundle-CUQlrQ1E.js';
 import './Thread/components/ParentMessageInfoItem.js';
 import './ui/ImageRenderer.js';
 import './ui/TextButton.js';
-import './chunks/bundle-C3SEpCyc.js';
+import './chunks/bundle-DnosIXOV.js';
 import './ui/EmojiReactions.js';
 import './ui/ReactionBadge.js';
 import './ui/ReactionButton.js';
-import './chunks/bundle-D0zbeJer.js';
-import './chunks/bundle-CWkQEFex.js';
+import './chunks/bundle-BhVaZO7O.js';
+import './chunks/bundle-DqJawnMr.js';
 import './ui/SortByRow.js';
 import './ui/BottomSheet.js';
 import './hooks/useModal.js';
 import './ui/UserListItem.js';
-import './chunks/bundle-DQkvGtEw.js';
-import './chunks/bundle-CJuN4g_l.js';
+import './chunks/bundle-BplzuLAt.js';
+import './chunks/bundle-D6qT_lc0.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-DSwMQ9Ez.js';
+import './chunks/bundle-gQLFy1cA.js';
 import './ui/VoiceMessageItemBody.js';
 import './ui/ProgressBar.js';
 import './VoicePlayer/useVoicePlayer.js';
-import './chunks/bundle-DpQxTSRX.js';
+import './chunks/bundle-B5P5Gkr6.js';
 import './VoiceRecorder/context.js';
 import './ui/PlaybackTime.js';
 import './ui/Loader.js';
-import './chunks/bundle-DUDzvPQR.js';
-import './chunks/bundle-B46Grlwo.js';
+import './chunks/bundle-wz_iZPFD.js';
+import './chunks/bundle-Bj08_wYM.js';
 import './ui/MentionLabel.js';
 import './ui/LinkLabel.js';
-import './chunks/bundle-D1IrQJD8.js';
+import './chunks/bundle-DB7Ke0NI.js';
 import './ui/FileViewer.js';
-import './chunks/bundle-BnU5vYIR.js';
-import './chunks/bundle-NRifECyk.js';
-import './chunks/bundle-Ba2neoZJ.js';
-import './chunks/bundle-CuiRCz62.js';
-import './chunks/bundle-DA4Kg2FL.js';
+import './chunks/bundle-DiYhCY7i.js';
+import './chunks/bundle-DyA499Nz.js';
+import './chunks/bundle-8WZypchu.js';
+import './chunks/bundle-eYuQkSx8.js';
+import './chunks/bundle-BwLu8c18.js';
 import './ui/MessageItemReactionMenu.js';
-import './chunks/bundle-Bjgs-Z_x.js';
-import './chunks/bundle-C8mp_lE0.js';
+import './chunks/bundle-mX1FY9IF.js';
+import './chunks/bundle-D6-pXZrX.js';
 import 'dompurify';
-import './chunks/bundle-BSGm19wO.js';
-import './chunks/bundle-CUTxlEqy.js';
-import './chunks/bundle-Ca90TQNj.js';
-import './chunks/bundle-DVSh6K1g.js';
+import './chunks/bundle-D715E0Fu.js';
+import './chunks/bundle-Cs004Bfz.js';
+import './chunks/bundle-CysUqWG7.js';
+import './chunks/bundle-DqSqJxP7.js';
 import './ui/MobileMenu.js';
 import './Message/hooks/useDirtyGetMentions.js';
-import './chunks/bundle-BECjgCOz.js';
-import './chunks/bundle-jkNG_3-c.js';
-import './chunks/bundle-Bov3RdxO.js';
+import './chunks/bundle-ezgSy5Zs.js';
+import './chunks/bundle-ClCJ-5o5.js';
+import './chunks/bundle-DQ28XEFk.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-D6ooFiV1.js';
-import './chunks/bundle-B6syiRp3.js';
-import './chunks/bundle-DDbsiOBY.js';
-import './chunks/bundle-CxgfiF1N.js';
+import './chunks/bundle-CslBpASe.js';
+import './chunks/bundle-CwFXNG7F.js';
+import './chunks/bundle-Bj8POydv.js';
+import './chunks/bundle-BV4zxC-7.js';
 import './ui/OGMessageItemBody.js';
 import './ui/TextMessageItemBody.js';
 import './ui/FileMessageItemBody.js';
 import './ui/ThumbnailMessageItemBody.js';
-import './chunks/bundle-BAeuENEh.js';
+import './chunks/bundle-BavlHpx8.js';
 import './ui/UnknownMessageItemBody.js';
 import './ui/TemplateMessageItemBody.js';
-import './chunks/bundle-DJTJdJnJ.js';
+import './chunks/bundle-DBRQWcII.js';
 import './ui/FallbackTemplateMessageItemBody.tsx.js';
 import './ui/LoadingTemplateMessageItemBody.tsx.js';
 import './ui/MessageFeedbackFailedModal.js';
-import './chunks/bundle-B6P89FZX.js';
+import './chunks/bundle-Dp108U-A.js';
 import './Channel/utils/compareMessagesForGrouping.js';
 import 'date-fns';
 import './Thread/components/ThreadMessageInput.js';
-import './chunks/bundle-DuODz9mN.js';
-import './chunks/bundle-C021DBM2.js';
-import './chunks/bundle-R88AtP6z.js';
+import './chunks/bundle-DRFJF3Bq.js';
+import './chunks/bundle-B0htXCIh.js';
+import './chunks/bundle-CksFCnkX.js';
 import './GroupChannel/components/SuggestedMentionList.js';
 import './ui/QuoteMessageInput.js';
 import './VoiceRecorder/useVoiceRecorder.js';
-import './chunks/bundle-Dxt4aNRX.js';
-import './chunks/bundle-hHz5Gtpt.js';
-import './chunks/bundle-Dk4sez8-.js';
-import './chunks/bundle-mZTk-uaI.js';
-import './chunks/bundle-DuHvOj_f.js';
+import './chunks/bundle-Cxu_t3c-.js';
+import './chunks/bundle-CFP43gVL.js';
+import './chunks/bundle-jSUqLzGm.js';
+import './chunks/bundle-BypUEJQD.js';
+import './chunks/bundle-CzrEOML4.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-DpQxTSRX.js';
-import '../chunks/bundle-DmYOmnB7.js';
-import '../chunks/bundle-Cbl5uBkV.js';
-import '../chunks/bundle-CgNaGvyD.js';
-import '../chunks/bundle-BmtBWt3T.js';
-import '../chunks/bundle-CEkjWC64.js';
+export { A as ALL, b as VoicePlayerProvider, c as useVoicePlayerContext } from '../chunks/bundle-B5P5Gkr6.js';
+import '../chunks/bundle-C21v6uBu.js';
+import '../chunks/bundle-C2G7GxX3.js';
+import '../chunks/bundle-CcUR6MGu.js';
+import '../chunks/bundle-BwapOLfM.js';
+import '../chunks/bundle-DnFVJzke.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-DpQxTSRX.js';
-import { n as VOICE_PLAYER_AUDIO_ID, l as VOICE_MESSAGE_MIME_TYPE } from '../chunks/bundle-DmYOmnB7.js';
+import { c as useVoicePlayerContext, u as useMountRegistry, a as AudioUnitDefaultValue, V as VOICE_PLAYER_STATUS, g as generateGroupKey } from '../chunks/bundle-B5P5Gkr6.js';
+import { n as VOICE_PLAYER_AUDIO_ID, l as VOICE_MESSAGE_MIME_TYPE } from '../chunks/bundle-C21v6uBu.js';
 import { useVoiceRecorderContext } from '../VoiceRecorder/context.js';
-import '../chunks/bundle-CgNaGvyD.js';
-import '../chunks/bundle-BmtBWt3T.js';
-import '../chunks/bundle-Cbl5uBkV.js';
-import '../chunks/bundle-CEkjWC64.js';
+import '../chunks/bundle-CcUR6MGu.js';
+import '../chunks/bundle-BwapOLfM.js';
+import '../chunks/bundle-C2G7GxX3.js';
+import '../chunks/bundle-DnFVJzke.js';
 import '@sendbird/chat';
 import '@sendbird/chat/groupChannel';
 import '@sendbird/chat/openChannel';
-import '../chunks/bundle-DUPw5yNi.js';
-import '../chunks/bundle-W5GuRkRN.js';
-import '../chunks/bundle-CS3bUWR1.js';
-import '../chunks/bundle-CKPjUwf1.js';
+import '../chunks/bundle-C9w2yVgG.js';
+import '../chunks/bundle-BIOEHZSc.js';
+import '../chunks/bundle-LKIcgvVl.js';
+import '../chunks/bundle-4E_l67ie.js';
 import 'react-dom';
-import '../chunks/bundle-DGUqFCRI.js';
-import '../chunks/bundle-yIwG2HzE.js';
+import '../chunks/bundle-BMGCcH4H.js';
+import '../chunks/bundle-CjWTH39Z.js';
 import '../ui/IconButton.js';
 import '../ui/Button.js';
-import '../chunks/bundle-D1B96Mfj.js';
+import '../chunks/bundle-6_GgtuoW.js';
 import '../ui/Icon.js';
-import '../chunks/bundle-DcmkI5sy.js';
+import '../chunks/bundle-Chyem8qP.js';
 
 var useVoicePlayer = function (_a) {
     var _b;
@@ -28,9 +28,31 @@ var useVoicePlayer = function (_a) {
     var groupKey = generateGroupKey(channelUrl, key);
     var _g = useVoicePlayerContext(), play = _g.play, pause = _g.pause, stop = _g.stop, reset = _g.reset, voicePlayerStore = _g.voicePlayerStore;
     var isRecordable = useVoiceRecorderContext().isRecordable;
+    var mountRegistry = useMountRegistry();
     var currentAudioUnit = ((_b = voicePlayerStore === null || voicePlayerStore === void 0 ? void 0 : voicePlayerStore.audioStorage) === null || _b === void 0 ? void 0 : _b[groupKey]) || AudioUnitDefaultValue();
     var currentAudioUnitRef = useRef(currentAudioUnit);
-    currentAudioUnitRef.current = currentAudioUnit;
+    var cleanupTargetRef = useRef({ groupKey: groupKey, reset: reset, mountRegistry: mountRegistry });
+    var hadAudioRef = useRef(false);
+    var ownedGroupKeysRef = useRef(new Set());
+    var holderRef = useRef({});
+    // The keys the cleanup acts on are recorded on commit, never during render: a render React throws
+    // away must not be able to name a unit this hook never held
+    useEffect(function () {
+        currentAudioUnitRef.current = currentAudioUnit;
+        cleanupTargetRef.current = { groupKey: groupKey, reset: reset, mountRegistry: mountRegistry };
+        if (audioFile || audioFileUrl)
+            hadAudioRef.current = true;
+        ownedGroupKeysRef.current.add(groupKey);
+    });
+    // A group key names a unit, not a hook: on desktop the same voice message renders in the message
+    // list and in the thread parent header at once, so one unit outlives any single consumer
+    useEffect(function () {
+        var holder = holderRef.current;
+        mountRegistry.retain(groupKey, holder);
+        return function () {
+            mountRegistry.release(groupKey, holder);
+        };
+    }, [mountRegistry, groupKey]);
     var playVoicePlayer = function () {
         if (!isRecordable) {
             play === null || play === void 0 ? void 0 : play({
@@ -50,16 +72,29 @@ var useVoicePlayer = function (_a) {
     };
     useEffect(function () {
         return function () {
-            var _a, _b;
-            if (audioFile || audioFileUrl) {
-                // Pause via DOM because reset() captured in this closure has stale currentPlayer
-                var voiceAudioPlayerElement = document.getElementById(VOICE_PLAYER_AUDIO_ID);
-                (_a = voiceAudioPlayerElement === null || voiceAudioPlayerElement === void 0 ? void 0 : voiceAudioPlayerElement.pause) === null || _a === void 0 ? void 0 : _a.call(voiceAudioPlayerElement);
-                var status_1 = (_b = currentAudioUnitRef.current) === null || _b === void 0 ? void 0 : _b.playingStatus;
-                if (status_1 && status_1 !== VOICE_PLAYER_STATUS.IDLE) {
-                    reset === null || reset === void 0 ? void 0 : reset(groupKey);
-                }
+            var _a, _b, _c;
+            if (!hadAudioRef.current)
+                return;
+            var _d = cleanupTargetRef.current, latestGroupKey = _d.groupKey, latestReset = _d.reset, latestMountRegistry = _d.mountRegistry;
+            var holder = holderRef.current;
+            var groupKeysToReset = new Set();
+            // The element records its own unit the moment it is created, while the store learns of it a
+            // render later, so ask the element rather than a group key that may not have been committed
+            var voiceAudioPlayerElement = document.getElementById(VOICE_PLAYER_AUDIO_ID);
+            var playingGroupKey = (_a = voiceAudioPlayerElement === null || voiceAudioPlayerElement === void 0 ? void 0 : voiceAudioPlayerElement.dataset) === null || _a === void 0 ? void 0 : _a.sbGroupId;
+            if (playingGroupKey
+                && ownedGroupKeysRef.current.has(playingGroupKey)
+                && !latestMountRegistry.isRetainedByOthers(playingGroupKey, holder)) {
+                (_b = voiceAudioPlayerElement === null || voiceAudioPlayerElement === void 0 ? void 0 : voiceAudioPlayerElement.pause) === null || _b === void 0 ? void 0 : _b.call(voiceAudioPlayerElement);
+                groupKeysToReset.add(playingGroupKey);
+            }
+            var status = (_c = currentAudioUnitRef.current) === null || _c === void 0 ? void 0 : _c.playingStatus;
+            if (status
+                && status !== VOICE_PLAYER_STATUS.IDLE
+                && !latestMountRegistry.isRetainedByOthers(latestGroupKey, holder)) {
+                groupKeysToReset.add(latestGroupKey);
             }
+            groupKeysToReset.forEach(function (groupKeyToReset) { return latestReset === null || latestReset === void 0 ? void 0 : latestReset(groupKeyToReset); });
         };
     }, []);
     return ({

package/VoicePlayer/useVoicePlayer.js.map

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

package/VoiceRecorder/context.js

@@ -1,20 +1,20 @@
 import React__default, { createContext, useContext, useState, useRef, useEffect, useCallback } from 'react';
-import { u as useLocalization } from '../chunks/bundle-DUPw5yNi.js';
-import { a as Modal } from '../chunks/bundle-CKPjUwf1.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-DmYOmnB7.js';
-import { n as noop } from '../chunks/bundle-DGUqFCRI.js';
-import { u as useSendbird } from '../chunks/bundle-Cbl5uBkV.js';
-import '../chunks/bundle-CgNaGvyD.js';
-import '../chunks/bundle-W5GuRkRN.js';
-import '../chunks/bundle-CS3bUWR1.js';
+import { u as useLocalization } from '../chunks/bundle-C9w2yVgG.js';
+import { a as Modal } from '../chunks/bundle-4E_l67ie.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-C21v6uBu.js';
+import { n as noop } from '../chunks/bundle-BMGCcH4H.js';
+import { u as useSendbird } from '../chunks/bundle-C2G7GxX3.js';
+import '../chunks/bundle-CcUR6MGu.js';
+import '../chunks/bundle-BIOEHZSc.js';
+import '../chunks/bundle-LKIcgvVl.js';
 import 'react-dom';
-import '../chunks/bundle-yIwG2HzE.js';
+import '../chunks/bundle-CjWTH39Z.js';
 import '../ui/IconButton.js';
 import '../ui/Button.js';
-import '../chunks/bundle-D1B96Mfj.js';
+import '../chunks/bundle-6_GgtuoW.js';
 import '../ui/Icon.js';
-import '../chunks/bundle-DcmkI5sy.js';
-import '../chunks/bundle-CEkjWC64.js';
+import '../chunks/bundle-Chyem8qP.js';
+import '../chunks/bundle-DnFVJzke.js';
 import '@sendbird/chat';
 import '@sendbird/chat/groupChannel';
 import '@sendbird/chat/openChannel';
@@ -52,7 +52,7 @@ var VoiceRecorderProvider = function (props) {
     useEffect(function () {
         var mounted = true;
         if (isVoiceMessageEnabled && !webAudioUtils) {
-            import('../chunks/bundle--oW6ry9M.js').then(function (module) {
+            import('../chunks/bundle-B66M4_59.js').then(function (module) {
                 if (mounted)
                     setWebAudioUtils(module);
             });

package/VoiceRecorder/useVoiceRecorder.js

@@ -1,21 +1,21 @@
 import { useState, useRef, useEffect, useCallback } from 'react';
 import { useVoiceRecorderContext } from './context.js';
-import { n as noop } from '../chunks/bundle-DGUqFCRI.js';
-import { u as useSendbird } from '../chunks/bundle-Cbl5uBkV.js';
-import '../chunks/bundle-DUPw5yNi.js';
-import '../chunks/bundle-CgNaGvyD.js';
-import '../chunks/bundle-W5GuRkRN.js';
-import '../chunks/bundle-CS3bUWR1.js';
-import '../chunks/bundle-CKPjUwf1.js';
+import { n as noop } from '../chunks/bundle-BMGCcH4H.js';
+import { u as useSendbird } from '../chunks/bundle-C2G7GxX3.js';
+import '../chunks/bundle-C9w2yVgG.js';
+import '../chunks/bundle-CcUR6MGu.js';
+import '../chunks/bundle-BIOEHZSc.js';
+import '../chunks/bundle-LKIcgvVl.js';
+import '../chunks/bundle-4E_l67ie.js';
 import 'react-dom';
-import '../chunks/bundle-yIwG2HzE.js';
+import '../chunks/bundle-CjWTH39Z.js';
 import '../ui/IconButton.js';
 import '../ui/Button.js';
-import '../chunks/bundle-D1B96Mfj.js';
+import '../chunks/bundle-6_GgtuoW.js';
 import '../ui/Icon.js';
-import '../chunks/bundle-DcmkI5sy.js';
-import '../chunks/bundle-DmYOmnB7.js';
-import '../chunks/bundle-CEkjWC64.js';
+import '../chunks/bundle-Chyem8qP.js';
+import '../chunks/bundle-C21v6uBu.js';
+import '../chunks/bundle-DnFVJzke.js';
 import '@sendbird/chat';
 import '@sendbird/chat/groupChannel';
 import '@sendbird/chat/openChannel';

package/chunks/{bundle-D77-0tuH.js → bundle-1no1C0WL.js}

@@ -1,12 +1,12 @@
-import { e as __spreadArray, a as __awaiter, c as __generator, _ as __assign } from './bundle-CgNaGvyD.js';
-import { a as createStore, b as useStore, s as shimExports } from './bundle-CEkjWC64.js';
+import { e as __spreadArray, a as __awaiter, c as __generator, _ as __assign } from './bundle-CcUR6MGu.js';
+import { a as createStore, b as useStore, s as shimExports } from './bundle-DnFVJzke.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-DcmkI5sy.js';
-import { c as compareIds } from './bundle-e9cQcqMK.js';
-import { c as classnames, d as deleteNullish } from './bundle-DGUqFCRI.js';
-import { U as UserProfileProvider } from './bundle-DYdKHGhi.js';
-import { u as useSendbird } from './bundle-Cbl5uBkV.js';
+import { u as uuidv4 } from './bundle-Chyem8qP.js';
+import { c as compareIds } from './bundle-jJN29iP7.js';
+import { c as classnames, d as deleteNullish } from './bundle-BMGCcH4H.js';
+import { U as UserProfileProvider } from './bundle-DFhBiUdl.js';
+import { u as useSendbird } from './bundle-C2G7GxX3.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-D77-0tuH.js.map
+//# sourceMappingURL=bundle-1no1C0WL.js.map

package/chunks/{bundle-D77-0tuH.js.map → bundle-1no1C0WL.js.map}

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

package/chunks/{bundle-Bq3uypCU.js → bundle-3Zkg7jRO.js}

@@ -1,68 +1,68 @@
-import { _ as __assign, e as __spreadArray, a as __awaiter, c as __generator } from './bundle-CgNaGvyD.js';
+import { _ as __assign, e as __spreadArray, a as __awaiter, c as __generator } from './bundle-CcUR6MGu.js';
 import React__default, { useState, useRef, useEffect, useContext, useCallback, useMemo } from 'react';
 import { GroupChannelHandler } from '@sendbird/chat/groupChannel';
 import { GroupChannel } from '../GroupChannel.js';
-import { u as useGroupChannelList, b as GroupChannelListProvider } from './bundle-DuyASiYg.js';
+import { u as useGroupChannelList, b as GroupChannelListProvider } from './bundle-DI1aKmCL.js';
 import { GroupChannelListHeader } from '../GroupChannelList/components/GroupChannelListHeader.js';
 import EditUserProfile from '../EditUserProfile.js';
 import PlaceHolder, { PlaceHolderTypes } from '../ui/PlaceHolder.js';
-import { u as useOnScrollPositionChangeDetector } from './bundle-SImt0lNl.js';
-import { u as useSendbird } from './bundle-Cbl5uBkV.js';
+import { u as useOnScrollPositionChangeDetector } from './bundle-CWeJ9ZjG.js';
+import { u as useSendbird } from './bundle-C2G7GxX3.js';
 import { GroupChannelPreviewAction } from '../GroupChannelList/components/GroupChannelPreviewAction.js';
 import { GroupChannelListItem } from '../GroupChannelList/components/GroupChannelListItem.js';
 import IconButton from '../ui/IconButton.js';
 import Icon, { IconColors, IconTypes } from '../ui/Icon.js';
-import { L as LocalizationContext } from './bundle-DUPw5yNi.js';
-import { u as useMediaQueryContext } from './bundle-yIwG2HzE.js';
-import { a as Modal } from './bundle-CKPjUwf1.js';
-import { L as Label, c as LabelTypography, a as LabelColors } from './bundle-D1B96Mfj.js';
+import { L as LocalizationContext } from './bundle-C9w2yVgG.js';
+import { u as useMediaQueryContext } from './bundle-CjWTH39Z.js';
+import { a as Modal } from './bundle-4E_l67ie.js';
+import { L as Label, c as LabelTypography, a as LabelColors } from './bundle-6_GgtuoW.js';
 import { ButtonTypes } from '../ui/Button.js';
 import { UserListItem } from '../ui/UserListItem.js';
-import { d as deleteNullish, n as noop } from './bundle-DGUqFCRI.js';
-import { a as createStore, b as useStore, s as shimExports } from './bundle-CEkjWC64.js';
+import { d as deleteNullish, n as noop } from './bundle-BMGCcH4H.js';
+import { a as createStore, b as useStore, s as shimExports } from './bundle-DnFVJzke.js';
 import { getCreateGroupChannel, getSdk } from '../sendbirdSelectors.js';
 import '@sendbird/uikit-tools';
-import { u as useVoicePlayerContext, A as ALL } from './bundle-DpQxTSRX.js';
+import { c as useVoicePlayerContext, A as ALL } from './bundle-B5P5Gkr6.js';
 import '../VoiceRecorder/context.js';
 import '../hooks/useModal.js';
-import './bundle-UnxPgz2i.js';
+import './bundle-DHPwvy-t.js';
 import 'css-vars-ponyfill';
 import '@sendbird/chat';
-import { A as APP_LAYOUT_ROOT } from './bundle-CWkQEFex.js';
+import { A as APP_LAYOUT_ROOT } from './bundle-DqJawnMr.js';
 import '@sendbird/chat/openChannel';
 import 'react-dom';
-import './bundle-DjZ_rFmB.js';
-import './bundle-Dk4sez8-.js';
-import './bundle-BVCHoULr.js';
-import './bundle-DQkvGtEw.js';
+import './bundle-R7kuIrhM.js';
+import './bundle-jSUqLzGm.js';
+import './bundle-Bus5HUZ7.js';
+import './bundle-BplzuLAt.js';
 import '../ui/Header.js';
-import './bundle-CuiRCz62.js';
-import './bundle-C3SEpCyc.js';
-import './bundle-Bjgs-Z_x.js';
-import './bundle-D6ooFiV1.js';
+import './bundle-eYuQkSx8.js';
+import './bundle-DnosIXOV.js';
+import './bundle-mX1FY9IF.js';
+import './bundle-CslBpASe.js';
 import '../ui/ReactionButton.js';
 import '../ui/ReactionBadge.js';
-import './bundle-DYdKHGhi.js';
+import './bundle-DFhBiUdl.js';
 import '../Message/context.js';
-import './bundle-CE_8o3do.js';
+import './bundle-BHSztodR.js';
 import '@sendbird/chat/message';
 import '../ui/ThreadReplies.js';
-import './bundle-DJTJdJnJ.js';
+import './bundle-DBRQWcII.js';
 import '../ui/TemplateMessageItemBody.js';
 import '../ui/FeedbackIconButton.js';
 import '../ui/Input.js';
 import '../ui/MessageContent.js';
-import './bundle-CtPwLWv8.js';
+import './bundle-Dc8WJsdV.js';
 import '../GroupChannel/components/MessageList.js';
-import './bundle-R88AtP6z.js';
+import './bundle-CksFCnkX.js';
 import '../EditUserProfile/context.js';
 import '../Channel/context.js';
-import { u as useChannelListContext, L as LEAVE_CHANNEL_SUCCESS, S as SET_CURRENT_CHANNEL, C as ChannelListProvider } from './bundle-BgIvT3ZJ.js';
-import './bundle-D77-0tuH.js';
+import { u as useChannelListContext, L as LEAVE_CHANNEL_SUCCESS, S as SET_CURRENT_CHANNEL, C as ChannelListProvider } from './bundle-Dqq5EtS7.js';
+import './bundle-1no1C0WL.js';
 import '../ChannelSettings/hooks/useMenuList.js';
-import './bundle-_fHq-oKS.js';
-import './bundle-Bi2dvWgP.js';
-import './bundle-zr05FGgg.js';
+import './bundle-ChgP39YV.js';
+import './bundle-CmJu2HK-.js';
+import './bundle-OP5BxSl-.js';
 import '../Thread/context/types.js';
 import '../utils/message/getOutgoingMessageState.js';
 import 'date-fns';
@@ -72,14 +72,14 @@ import ChannelPreview from '../ChannelList/components/ChannelPreview.js';
 import ChannelSettings from '../ChannelSettings.js';
 import MessageSearchPannel from '../MessageSearch.js';
 import Thread from '../Thread.js';
-import { u as uuidv4 } from './bundle-DcmkI5sy.js';
-import './bundle-CU5nRZk5.js';
+import { u as uuidv4 } from './bundle-Chyem8qP.js';
+import './bundle-BkNPm38o.js';
 import '../OpenChannel/components/OpenChannelInput.js';
 import '../OpenChannel/components/OpenChannelMessageList.js';
 import '../OpenChannelSettings/context.js';
 import '../ui/AccordionGroup.js';
 import useSendbirdStateContext from '../useSendbirdStateContext.js';
-import { j as SUPER_GROUP_CHANNEL } from './bundle-DmYOmnB7.js';
+import { j as SUPER_GROUP_CHANNEL } from './bundle-C21v6uBu.js';
 
 var GroupChannelListUIView = function (_a) {
     var renderHeader = _a.renderHeader, renderPlaceHolderError = _a.renderPlaceHolderError, renderPlaceHolderLoading = _a.renderPlaceHolderLoading, renderPlaceHolderEmptyList = _a.renderPlaceHolderEmptyList, onChangeTheme = _a.onChangeTheme, onUserProfileUpdated = _a.onUserProfileUpdated, allowProfileEdit = _a.allowProfileEdit, channels = _a.channels, onLoadMore = _a.onLoadMore, initialized = _a.initialized, renderChannel = _a.renderChannel, renderAddChannel = _a.renderAddChannel, scrollRef = _a.scrollRef;
@@ -757,4 +757,4 @@ var MobileLayout = function (props) {
 };
 
 export { AddChannel as A, ChannelList as C, GroupChannelList as G, InviteUsers as I, MobileLayout as M, SelectChannelType as S, AddGroupChannel as a, ChannelListUI as b, CreateChannel$1 as c, CreateChannel as d, CreateChannelContext as e, CreateChannelProvider as f, GroupChannelListUI as g, useCreateChannelContext as h, useCreateChannel as u };
-//# sourceMappingURL=bundle-Bq3uypCU.js.map
+//# sourceMappingURL=bundle-3Zkg7jRO.js.map

package/chunks/{bundle-Bq3uypCU.js.map → bundle-3Zkg7jRO.js.map}

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

package/chunks/{bundle-CKPjUwf1.js → bundle-4E_l67ie.js}

@@ -1,15 +1,15 @@
-import { e as __spreadArray } from './bundle-CgNaGvyD.js';
+import { e as __spreadArray } from './bundle-CcUR6MGu.js';
 import React__default, { useState, useEffect, useContext } from 'react';
 import { createPortal } from 'react-dom';
-import { n as noop, c as classnames } from './bundle-DGUqFCRI.js';
-import { L as LocalizationContext } from './bundle-DUPw5yNi.js';
-import { u as useMediaQueryContext } from './bundle-yIwG2HzE.js';
+import { n as noop, c as classnames } from './bundle-BMGCcH4H.js';
+import { L as LocalizationContext } from './bundle-C9w2yVgG.js';
+import { u as useMediaQueryContext } from './bundle-CjWTH39Z.js';
 import IconButton from '../ui/IconButton.js';
 import Button, { ButtonTypes } from '../ui/Button.js';
 import Icon, { IconColors, IconTypes } from '../ui/Icon.js';
-import { L as Label, a as LabelColors, c as LabelTypography } from './bundle-D1B96Mfj.js';
-import { u as uuidv4 } from './bundle-DcmkI5sy.js';
-import { u as useSendbird } from './bundle-Cbl5uBkV.js';
+import { L as Label, a as LabelColors, c as LabelTypography } from './bundle-6_GgtuoW.js';
+import { u as uuidv4 } from './bundle-Chyem8qP.js';
+import { u as useSendbird } from './bundle-C2G7GxX3.js';
 
 // simple component to be used as modal root
 var MODAL_ROOT = 'sendbird-modal-root';
@@ -62,4 +62,4 @@ function Modal(props) {
 }
 
 export { MODAL_ROOT as M, Modal as a, ModalBody as b, ModalFooter as c, ModalHeader as d, ModalRoot as e };
-//# sourceMappingURL=bundle-CKPjUwf1.js.map
+//# sourceMappingURL=bundle-4E_l67ie.js.map

package/chunks/bundle-4E_l67ie.js.map

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