@sendbird/uikit-react 3.19.0 → 3.19.1

package/cjs/Thread.js

@@ -1,61 +1,61 @@
 'use strict';
 
-var _tslib = require('./chunks/bundle-Cy2hoAU0.js');
+var _tslib = require('./chunks/bundle-BlnqgTCz.js');
 var React = require('react');
-var ThreadProvider = require('./chunks/bundle-BUvZj7cQ.js');
+var ThreadProvider = require('./chunks/bundle-jCXQr90Q.js');
 var Thread_components_ThreadUI = require('./Thread/components/ThreadUI.js');
-var utils = require('./chunks/bundle-Dl83958K.js');
+var utils = require('./chunks/bundle-BLC4ozU7.js');
 require('@sendbird/chat/message');
-require('./chunks/bundle-BXkr0YUW.js');
+require('./chunks/bundle-DLqx7Buy.js');
 require('./utils/message/getOutgoingMessageState.js');
-require('./chunks/bundle-DJ-JijOD.js');
-require('./chunks/bundle-lU2ZVgMf.js');
-require('./chunks/bundle-tEdNP0PQ.js');
-require('./chunks/bundle-CBsIaz1F.js');
-require('./chunks/bundle-4i_6rq-O.js');
-require('./chunks/bundle-1o4tJ2ll.js');
-require('./chunks/bundle-DET4Uytg.js');
+require('./chunks/bundle-DVG2hpdo.js');
+require('./chunks/bundle-Bn2yp9Ff.js');
+require('./chunks/bundle-KQP9J7ZK.js');
+require('./chunks/bundle-Dw2H_2es.js');
+require('./chunks/bundle-Dg_km9je.js');
+require('./chunks/bundle-BfHkhYY2.js');
+require('./chunks/bundle-9Sehl3xr.js');
 require('@sendbird/chat');
 require('@sendbird/chat/groupChannel');
 require('@sendbird/chat/openChannel');
-require('./chunks/bundle-Bb8Gf8D6.js');
-require('./chunks/bundle-D8Sq196Q.js');
+require('./chunks/bundle-C2tUD775.js');
+require('./chunks/bundle-BTo81kaf.js');
 require('@sendbird/uikit-tools');
 require('./Thread/context/types.js');
-require('./chunks/bundle-DBejULtB.js');
-require('./chunks/bundle-DuVexw6o.js');
-require('./chunks/bundle-BWiJUwnR.js');
-require('./chunks/bundle-DE8Y9-kK.js');
-require('./chunks/bundle-IiaDOxN6.js');
-require('./chunks/bundle-DLSJ78UY.js');
-require('./chunks/bundle-D0OvVO0x.js');
-require('./chunks/bundle-QVbNnUxt.js');
+require('./chunks/bundle-CvJYjyDC.js');
+require('./chunks/bundle-DSbEWQGt.js');
+require('./chunks/bundle-7VVgYeii.js');
+require('./chunks/bundle-D5R5oz-w.js');
+require('./chunks/bundle-BESmz_cF.js');
+require('./chunks/bundle-DDtvp2cQ.js');
+require('./chunks/bundle-CvcOYqqS.js');
+require('./chunks/bundle-BlWFu4n8.js');
 require('./Thread/components/ParentMessageInfo.js');
-require('./chunks/bundle-D1sdaq29.js');
-require('./chunks/bundle-D2NdV2-5.js');
-require('./chunks/bundle-DtiLVacL.js');
-require('./chunks/bundle-CLX5eMdj.js');
+require('./chunks/bundle-BTPLbioj.js');
+require('./chunks/bundle-gNBuqH1r.js');
+require('./chunks/bundle-DSNuk-mZ.js');
+require('./chunks/bundle-mTS4SiT7.js');
 require('react-dom');
-require('./chunks/bundle-8bzXq37f.js');
+require('./chunks/bundle-DZj7-mS5.js');
 require('./ui/IconButton.js');
 require('./ui/Button.js');
 require('./ui/Icon.js');
-require('./chunks/bundle-BNMzEs3-.js');
+require('./chunks/bundle-BMqFbCiG.js');
 require('./Thread/components/ParentMessageInfoItem.js');
 require('./ui/ImageRenderer.js');
 require('./ui/TextButton.js');
-require('./chunks/bundle-CAh0LY0Y.js');
+require('./chunks/bundle-BxwVpx8h.js');
 require('./ui/EmojiReactions.js');
 require('./ui/ReactionBadge.js');
 require('./ui/ReactionButton.js');
-require('./chunks/bundle-DiVBUvxh.js');
-require('./chunks/bundle-D2-CTT-l.js');
+require('./chunks/bundle-VvM_v6f_.js');
+require('./chunks/bundle-C9GcKAkh.js');
 require('./ui/SortByRow.js');
 require('./ui/BottomSheet.js');
 require('./hooks/useModal.js');
 require('./ui/UserListItem.js');
-require('./chunks/bundle-BtEpJHeW.js');
-require('./chunks/bundle-DNNJJIuz.js');
+require('./chunks/bundle-DuTwIXJL.js');
+require('./chunks/bundle-DOynpM5i.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-DeMFSFP0.js');
+require('./chunks/bundle-CiY07frt.js');
 require('./ui/VoiceMessageItemBody.js');
 require('./ui/ProgressBar.js');
 require('./VoicePlayer/useVoicePlayer.js');
-require('./chunks/bundle-Ccu4i69d.js');
+require('./chunks/bundle-BStbIJAv.js');
 require('./VoiceRecorder/context.js');
 require('./ui/PlaybackTime.js');
 require('./ui/Loader.js');
-require('./chunks/bundle-GfKQFt73.js');
-require('./chunks/bundle-88VWLiNu.js');
+require('./chunks/bundle-CDnpUZz9.js');
+require('./chunks/bundle-DfE6HntQ.js');
 require('./ui/MentionLabel.js');
 require('./ui/LinkLabel.js');
-require('./chunks/bundle-9zR07pOD.js');
+require('./chunks/bundle-CuS051oP.js');
 require('./ui/FileViewer.js');
-require('./chunks/bundle-DlL8ypz8.js');
-require('./chunks/bundle-BgV93sCm.js');
-require('./chunks/bundle-BTygW3-K.js');
-require('./chunks/bundle-BasyRNED.js');
-require('./chunks/bundle-BmTqH53r.js');
+require('./chunks/bundle-DNorBLTI.js');
+require('./chunks/bundle-DKhQLeFl.js');
+require('./chunks/bundle-Wbl2TMMM.js');
+require('./chunks/bundle-LkGZlLVL.js');
+require('./chunks/bundle-D0MJ6ku1.js');
 require('./ui/MessageItemReactionMenu.js');
-require('./chunks/bundle-D1qETcAJ.js');
-require('./chunks/bundle--IAdzcgb.js');
+require('./chunks/bundle-Cy3OqvcD.js');
+require('./chunks/bundle-BXOXyvyj.js');
 require('dompurify');
-require('./chunks/bundle-4I9fGR16.js');
-require('./chunks/bundle-BRlDLBbF.js');
-require('./chunks/bundle-Cv0v1FEB.js');
-require('./chunks/bundle-ixMbCnhM.js');
+require('./chunks/bundle-CF4XO3Q2.js');
+require('./chunks/bundle-DjOvrvTI.js');
+require('./chunks/bundle-Qtmq-WUo.js');
+require('./chunks/bundle-DbZkG9-V.js');
 require('./ui/MobileMenu.js');
 require('./Message/hooks/useDirtyGetMentions.js');
-require('./chunks/bundle-C8zI1f4z.js');
-require('./chunks/bundle-DbvepoG8.js');
-require('./chunks/bundle-CHgynCYR.js');
+require('./chunks/bundle-CLxPVohq.js');
+require('./chunks/bundle-D_ddjUkK.js');
+require('./chunks/bundle-D_3Q8aS3.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-Bg44GO5k.js');
-require('./chunks/bundle-DQwJ8EZ0.js');
-require('./chunks/bundle-jELCEMtO.js');
-require('./chunks/bundle-GLtfkvCC.js');
+require('./chunks/bundle-DDMbJmlW.js');
+require('./chunks/bundle-jv42QCA3.js');
+require('./chunks/bundle-DJgtD10k.js');
+require('./chunks/bundle-BzMV8MAy.js');
 require('./ui/OGMessageItemBody.js');
 require('./ui/TextMessageItemBody.js');
 require('./ui/FileMessageItemBody.js');
 require('./ui/ThumbnailMessageItemBody.js');
-require('./chunks/bundle-BaJ-XDQm.js');
+require('./chunks/bundle-Dl9rRQ7d.js');
 require('./ui/UnknownMessageItemBody.js');
 require('./ui/TemplateMessageItemBody.js');
-require('./chunks/bundle-D-PNjajj.js');
+require('./chunks/bundle-pBIXEuwR.js');
 require('./ui/FallbackTemplateMessageItemBody.tsx.js');
 require('./ui/LoadingTemplateMessageItemBody.tsx.js');
 require('./ui/MessageFeedbackFailedModal.js');
-require('./chunks/bundle-ClzJAsVK.js');
+require('./chunks/bundle-BQh3T5Oy.js');
 require('./Channel/utils/compareMessagesForGrouping.js');
 require('date-fns');
 require('./Thread/components/ThreadMessageInput.js');
-require('./chunks/bundle-D95Hz5IA.js');
-require('./chunks/bundle-oNS4UQJF.js');
-require('./chunks/bundle-DOiI4oW4.js');
+require('./chunks/bundle-CAbuSGkv.js');
+require('./chunks/bundle-BEzrnUYR.js');
+require('./chunks/bundle-BsDQkfY1.js');
 require('./GroupChannel/components/SuggestedMentionList.js');
 require('./ui/QuoteMessageInput.js');
 require('./VoiceRecorder/useVoiceRecorder.js');
-require('./chunks/bundle-W1KU3J4Y.js');
-require('./chunks/bundle-KY9lvObW.js');
-require('./chunks/bundle-DOCJTxGd.js');
-require('./chunks/bundle-CGREGwgZ.js');
-require('./chunks/bundle-_QteZHxQ.js');
+require('./chunks/bundle-CbqmSvaY.js');
+require('./chunks/bundle-6InUoyPi.js');
+require('./chunks/bundle-CQnWQJ41.js');
+require('./chunks/bundle-CssXAtOo.js');
+require('./chunks/bundle-BKsb4SV4.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-Ccu4i69d.js');
-require('../chunks/bundle-DET4Uytg.js');
-require('../chunks/bundle-4i_6rq-O.js');
-require('../chunks/bundle-Cy2hoAU0.js');
-require('../chunks/bundle-DLSJ78UY.js');
-require('../chunks/bundle-1o4tJ2ll.js');
+var VoicePlayer_context = require('../chunks/bundle-BStbIJAv.js');
+require('../chunks/bundle-9Sehl3xr.js');
+require('../chunks/bundle-Dg_km9je.js');
+require('../chunks/bundle-BlnqgTCz.js');
+require('../chunks/bundle-DDtvp2cQ.js');
+require('../chunks/bundle-BfHkhYY2.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-Ccu4i69d.js');
-var consts = require('../chunks/bundle-DET4Uytg.js');
+var VoicePlayer_context = require('../chunks/bundle-BStbIJAv.js');
+var consts = require('../chunks/bundle-9Sehl3xr.js');
 var VoiceRecorder_context = require('../VoiceRecorder/context.js');
-require('../chunks/bundle-Cy2hoAU0.js');
-require('../chunks/bundle-DLSJ78UY.js');
-require('../chunks/bundle-4i_6rq-O.js');
-require('../chunks/bundle-1o4tJ2ll.js');
+require('../chunks/bundle-BlnqgTCz.js');
+require('../chunks/bundle-DDtvp2cQ.js');
+require('../chunks/bundle-Dg_km9je.js');
+require('../chunks/bundle-BfHkhYY2.js');
 require('@sendbird/chat');
 require('@sendbird/chat/groupChannel');
 require('@sendbird/chat/openChannel');
-require('../chunks/bundle-DJ-JijOD.js');
-require('../chunks/bundle-lU2ZVgMf.js');
-require('../chunks/bundle-tEdNP0PQ.js');
-require('../chunks/bundle-CLX5eMdj.js');
+require('../chunks/bundle-DVG2hpdo.js');
+require('../chunks/bundle-Bn2yp9Ff.js');
+require('../chunks/bundle-KQP9J7ZK.js');
+require('../chunks/bundle-mTS4SiT7.js');
 require('react-dom');
-require('../chunks/bundle-Dl83958K.js');
-require('../chunks/bundle-8bzXq37f.js');
+require('../chunks/bundle-BLC4ozU7.js');
+require('../chunks/bundle-DZj7-mS5.js');
 require('../ui/IconButton.js');
 require('../ui/Button.js');
-require('../chunks/bundle-DE8Y9-kK.js');
+require('../chunks/bundle-D5R5oz-w.js');
 require('../ui/Icon.js');
-require('../chunks/bundle-Bb8Gf8D6.js');
+require('../chunks/bundle-C2tUD775.js');
 
 var useVoicePlayer = function (_a) {
     var _b;
@@ -30,9 +30,31 @@ var useVoicePlayer = function (_a) {
     var groupKey = VoicePlayer_context.generateGroupKey(channelUrl, key);
     var _g = VoicePlayer_context.useVoicePlayerContext(), play = _g.play, pause = _g.pause, stop = _g.stop, reset = _g.reset, voicePlayerStore = _g.voicePlayerStore;
     var isRecordable = VoiceRecorder_context.useVoiceRecorderContext().isRecordable;
+    var mountRegistry = VoicePlayer_context.useMountRegistry();
     var currentAudioUnit = ((_b = voicePlayerStore === null || voicePlayerStore === void 0 ? void 0 : voicePlayerStore.audioStorage) === null || _b === void 0 ? void 0 : _b[groupKey]) || VoicePlayer_context.AudioUnitDefaultValue();
     var currentAudioUnitRef = React.useRef(currentAudioUnit);
-    currentAudioUnitRef.current = currentAudioUnit;
+    var cleanupTargetRef = React.useRef({ groupKey: groupKey, reset: reset, mountRegistry: mountRegistry });
+    var hadAudioRef = React.useRef(false);
+    var ownedGroupKeysRef = React.useRef(new Set());
+    var holderRef = React.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
+    React.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
+    React.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({
@@ -52,16 +74,29 @@ var useVoicePlayer = function (_a) {
     };
     React.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(consts.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 !== VoicePlayer_context.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(consts.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 !== VoicePlayer_context.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/cjs/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/cjs/VoiceRecorder/context.js

@@ -3,22 +3,22 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var LocalizationContext = require('../chunks/bundle-DJ-JijOD.js');
-var ui_Modal = require('../chunks/bundle-CLX5eMdj.js');
-var consts = require('../chunks/bundle-DET4Uytg.js');
-var utils = require('../chunks/bundle-Dl83958K.js');
-var useSendbird = require('../chunks/bundle-4i_6rq-O.js');
-require('../chunks/bundle-Cy2hoAU0.js');
-require('../chunks/bundle-lU2ZVgMf.js');
-require('../chunks/bundle-tEdNP0PQ.js');
+var LocalizationContext = require('../chunks/bundle-DVG2hpdo.js');
+var ui_Modal = require('../chunks/bundle-mTS4SiT7.js');
+var consts = require('../chunks/bundle-9Sehl3xr.js');
+var utils = require('../chunks/bundle-BLC4ozU7.js');
+var useSendbird = require('../chunks/bundle-Dg_km9je.js');
+require('../chunks/bundle-BlnqgTCz.js');
+require('../chunks/bundle-Bn2yp9Ff.js');
+require('../chunks/bundle-KQP9J7ZK.js');
 require('react-dom');
-require('../chunks/bundle-8bzXq37f.js');
+require('../chunks/bundle-DZj7-mS5.js');
 require('../ui/IconButton.js');
 require('../ui/Button.js');
-require('../chunks/bundle-DE8Y9-kK.js');
+require('../chunks/bundle-D5R5oz-w.js');
 require('../ui/Icon.js');
-require('../chunks/bundle-Bb8Gf8D6.js');
-require('../chunks/bundle-1o4tJ2ll.js');
+require('../chunks/bundle-C2tUD775.js');
+require('../chunks/bundle-BfHkhYY2.js');
 require('@sendbird/chat');
 require('@sendbird/chat/groupChannel');
 require('@sendbird/chat/openChannel');
@@ -60,7 +60,7 @@ var VoiceRecorderProvider = function (props) {
     React.useEffect(function () {
         var mounted = true;
         if (isVoiceMessageEnabled && !webAudioUtils) {
-            Promise.resolve().then(function () { return require('../chunks/bundle-3DnRPERn.js'); }).then(function (module) {
+            Promise.resolve().then(function () { return require('../chunks/bundle-D7D9VB9r.js'); }).then(function (module) {
                 if (mounted)
                     setWebAudioUtils(module);
             });

package/cjs/VoiceRecorder/useVoiceRecorder.js

@@ -2,22 +2,22 @@
 
 var React = require('react');
 var VoiceRecorder_context = require('./context.js');
-var utils = require('../chunks/bundle-Dl83958K.js');
-var useSendbird = require('../chunks/bundle-4i_6rq-O.js');
-require('../chunks/bundle-DJ-JijOD.js');
-require('../chunks/bundle-Cy2hoAU0.js');
-require('../chunks/bundle-lU2ZVgMf.js');
-require('../chunks/bundle-tEdNP0PQ.js');
-require('../chunks/bundle-CLX5eMdj.js');
+var utils = require('../chunks/bundle-BLC4ozU7.js');
+var useSendbird = require('../chunks/bundle-Dg_km9je.js');
+require('../chunks/bundle-DVG2hpdo.js');
+require('../chunks/bundle-BlnqgTCz.js');
+require('../chunks/bundle-Bn2yp9Ff.js');
+require('../chunks/bundle-KQP9J7ZK.js');
+require('../chunks/bundle-mTS4SiT7.js');
 require('react-dom');
-require('../chunks/bundle-8bzXq37f.js');
+require('../chunks/bundle-DZj7-mS5.js');
 require('../ui/IconButton.js');
 require('../ui/Button.js');
-require('../chunks/bundle-DE8Y9-kK.js');
+require('../chunks/bundle-D5R5oz-w.js');
 require('../ui/Icon.js');
-require('../chunks/bundle-Bb8Gf8D6.js');
-require('../chunks/bundle-DET4Uytg.js');
-require('../chunks/bundle-1o4tJ2ll.js');
+require('../chunks/bundle-C2tUD775.js');
+require('../chunks/bundle-9Sehl3xr.js');
+require('../chunks/bundle-BfHkhYY2.js');
 require('@sendbird/chat');
 require('@sendbird/chat/groupChannel');
 require('@sendbird/chat/openChannel');

package/cjs/chunks/{bundle-KY9lvObW.js → bundle-6InUoyPi.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var _tslib = require('./bundle-Cy2hoAU0.js');
-var pxToNumber = require('./bundle-DNNJJIuz.js');
+var _tslib = require('./bundle-BlnqgTCz.js');
+var pxToNumber = require('./bundle-DOynpM5i.js');
 
 var compressImage = function (_a) {
     var imageFile = _a.imageFile, compressionRate = _a.compressionRate, resizingWidth = _a.resizingWidth, resizingHeight = _a.resizingHeight, outputFormat = _a.outputFormat;
@@ -120,4 +120,4 @@ var compressImages = function (_a) { return _tslib.__awaiter(void 0, [_a], void
 }); };
 
 exports.compressImages = compressImages;
-//# sourceMappingURL=bundle-KY9lvObW.js.map
+//# sourceMappingURL=bundle-6InUoyPi.js.map

package/cjs/chunks/bundle-6InUoyPi.js.map

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

package/cjs/chunks/{bundle-BWiJUwnR.js → bundle-7VVgYeii.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var ui_Label = require('./bundle-DE8Y9-kK.js');
-var index = require('./bundle-IiaDOxN6.js');
+var ui_Label = require('./bundle-D5R5oz-w.js');
+var index = require('./bundle-BESmz_cF.js');
 
 var getChannelTitle = function (channel, currentUserId, stringSet) {
     var _a;
@@ -25,4 +25,4 @@ var getChannelTitle = function (channel, currentUserId, stringSet) {
 };
 
 exports.getChannelTitle = getChannelTitle;
-//# sourceMappingURL=bundle-BWiJUwnR.js.map
+//# sourceMappingURL=bundle-7VVgYeii.js.map

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

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

package/cjs/chunks/{bundle-DET4Uytg.js → bundle-9Sehl3xr.js}

@@ -67,4 +67,4 @@ exports.VOICE_RECORDER_AUDIO_SAMPLE_RATE = VOICE_RECORDER_AUDIO_SAMPLE_RATE;
 exports.VOICE_RECORDER_CLICK_BUFFER_TIME = VOICE_RECORDER_CLICK_BUFFER_TIME;
 exports.VOICE_RECORDER_DEFAULT_MAX = VOICE_RECORDER_DEFAULT_MAX;
 exports.VOICE_RECORDER_DEFAULT_MIN = VOICE_RECORDER_DEFAULT_MIN;
-//# sourceMappingURL=bundle-DET4Uytg.js.map
+//# sourceMappingURL=bundle-9Sehl3xr.js.map

package/cjs/chunks/bundle-9Sehl3xr.js.map

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

package/cjs/chunks/{bundle-CIPqCuBQ.js → bundle-9apebTjT.js}

@@ -1,9 +1,9 @@
 'use strict';
 
 var React = require('react');
-var ui_ContextMenu = require('./bundle-D2-CTT-l.js');
-var LocalizationContext = require('./bundle-DJ-JijOD.js');
-var useSendbird = require('./bundle-4i_6rq-O.js');
+var ui_ContextMenu = require('./bundle-C9GcKAkh.js');
+var LocalizationContext = require('./bundle-DVG2hpdo.js');
+var useSendbird = require('./bundle-Dg_km9je.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -107,4 +107,4 @@ exports.isFineDelete = isFineDelete;
 exports.isFineEdit = isFineEdit;
 exports.isFineResend = isFineResend;
 exports.showMenuTrigger = showMenuTrigger;
-//# sourceMappingURL=bundle-CIPqCuBQ.js.map
+//# sourceMappingURL=bundle-9apebTjT.js.map

package/cjs/chunks/{bundle-CIPqCuBQ.js.map → bundle-9apebTjT.js.map}

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

package/cjs/chunks/{bundle-5_FBmAmW.js → bundle-9yMydOiz.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var consts = require('./bundle-DET4Uytg.js');
-var utils = require('./bundle-_QteZHxQ.js');
+var consts = require('./bundle-9Sehl3xr.js');
+var utils = require('./bundle-BKsb4SV4.js');
 var uikitTools = require('@sendbird/uikit-tools');
-var useThrottleCallback = require('./bundle-Bu9kk9V4.js');
+var useThrottleCallback = require('./bundle-DgobYnPZ.js');
 
 var BUFFER_DELAY = 100;
 function useOnScrollPositionChangeDetector(params) {
@@ -29,4 +29,4 @@ function useOnScrollPositionChangeDetector(params) {
 }
 
 exports.useOnScrollPositionChangeDetector = useOnScrollPositionChangeDetector;
-//# sourceMappingURL=bundle-5_FBmAmW.js.map
+//# sourceMappingURL=bundle-9yMydOiz.js.map

package/cjs/chunks/bundle-9yMydOiz.js.map

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

package/cjs/chunks/{bundle-ClrkzepM.js → bundle-B189MWOs.js}

@@ -1,14 +1,14 @@
 'use strict';
 
-var _tslib = require('./bundle-Cy2hoAU0.js');
-var SendbirdContext = require('./bundle-1o4tJ2ll.js');
+var _tslib = require('./bundle-BlnqgTCz.js');
+var SendbirdContext = require('./bundle-BfHkhYY2.js');
 var React = require('react');
 var groupChannel = require('@sendbird/chat/groupChannel');
-var uuid = require('./bundle-Bb8Gf8D6.js');
-var compareIds = require('./bundle-D8Sq196Q.js');
-var utils = require('./bundle-Dl83958K.js');
-var UserProfileContext = require('./bundle-CBsIaz1F.js');
-var useSendbird = require('./bundle-4i_6rq-O.js');
+var uuid = require('./bundle-C2tUD775.js');
+var compareIds = require('./bundle-BTo81kaf.js');
+var utils = require('./bundle-BLC4ozU7.js');
+var UserProfileContext = require('./bundle-Dw2H_2es.js');
+var useSendbird = require('./bundle-Dg_km9je.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -231,4 +231,4 @@ exports.ChannelSettingsContext = ChannelSettingsContext;
 exports.ChannelSettingsProvider = ChannelSettingsProvider;
 exports.useChannelSettings = useChannelSettings;
 exports.useChannelSettingsContext = useChannelSettingsContext;
-//# sourceMappingURL=bundle-ClrkzepM.js.map
+//# sourceMappingURL=bundle-B189MWOs.js.map

package/{chunks/bundle-jkNG_3-c.js.map → cjs/chunks/bundle-B189MWOs.js.map}

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

package/cjs/chunks/{bundle-IiaDOxN6.js → bundle-BESmz_cF.js}

@@ -1,12 +1,12 @@
 'use strict';
 
-var _tslib = require('./bundle-Cy2hoAU0.js');
+var _tslib = require('./bundle-BlnqgTCz.js');
 var groupChannel = require('@sendbird/chat/groupChannel');
 var utils_message_getOutgoingMessageState = require('../utils/message/getOutgoingMessageState.js');
-var browser = require('./bundle-DLSJ78UY.js');
-var index$1 = require('./bundle-D0OvVO0x.js');
-var index = require('./bundle-QVbNnUxt.js');
-var consts = require('./bundle-DET4Uytg.js');
+var browser = require('./bundle-DDtvp2cQ.js');
+var index$1 = require('./bundle-CvcOYqqS.js');
+var index = require('./bundle-BlWFu4n8.js');
+var consts = require('./bundle-9Sehl3xr.js');
 
 /**
  * @name startOfSecond
@@ -907,4 +907,4 @@ exports.isVoiceMessage = isVoiceMessage;
 exports.isVoiceMessageMimeType = isVoiceMessageMimeType;
 exports.truncateString = truncateString;
 exports.uiContainerType = uiContainerType;
-//# sourceMappingURL=bundle-IiaDOxN6.js.map
+//# sourceMappingURL=bundle-BESmz_cF.js.map

package/cjs/chunks/{bundle-IiaDOxN6.js.map → bundle-BESmz_cF.js.map}

@@ -1 +1 @@
-{"version":3,"file":"bundle-IiaDOxN6.js","sources":["../../../node_modules/date-fns/esm/startOfSecond/index.js","../../../node_modules/date-fns/esm/isSameSecond/index.js"],"sourcesContent":["import toDate from \"../toDate/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name startOfSecond\n * @category Second Helpers\n * @summary Return the start of a second for the given date.\n *\n * @description\n * Return the start of a second for the given date.\n * The result will be in the local timezone.\n *\n * @param {Date|Number} date - the original date\n * @returns {Date} the start of a second\n * @throws {TypeError} 1 argument required\n *\n * @example\n * // The start of a second for 1 December 2014 22:15:45.400:\n * const result = startOfSecond(new Date(2014, 11, 1, 22, 15, 45, 400))\n * //=> Mon Dec 01 2014 22:15:45.000\n */\nexport default function startOfSecond(dirtyDate) {\n  requiredArgs(1, arguments);\n  var date = toDate(dirtyDate);\n  date.setMilliseconds(0);\n  return date;\n}","import startOfSecond from \"../startOfSecond/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name isSameSecond\n * @category Second Helpers\n * @summary Are the given dates in the same second (and hour and day)?\n *\n * @description\n * Are the given dates in the same second (and hour and day)?\n *\n * @param {Date|Number} dateLeft - the first date to check\n * @param {Date|Number} dateRight - the second date to check\n * @returns {Boolean} the dates are in the same second (and hour and day)\n * @throws {TypeError} 2 arguments required\n *\n * @example\n * // Are 4 September 2014 06:30:15.000 and 4 September 2014 06:30.15.500 in the same second?\n * const result = isSameSecond(\n *   new Date(2014, 8, 4, 6, 30, 15),\n *   new Date(2014, 8, 4, 6, 30, 15, 500)\n * )\n * //=> true\n *\n * @example\n * // Are 4 September 2014 06:00:15.000 and 4 September 2014 06:01.15.000 in the same second?\n * const result = isSameSecond(\n *   new Date(2014, 8, 4, 6, 0, 15),\n *   new Date(2014, 8, 4, 6, 1, 15)\n * )\n * //=> false\n *\n * @example\n * // Are 4 September 2014 06:00:15.000 and 5 September 2014 06:00.15.000 in the same second?\n * const result = isSameSecond(\n *   new Date(2014, 8, 4, 6, 0, 15),\n *   new Date(2014, 8, 5, 6, 0, 15)\n * )\n * //=> false\n */\nexport default function isSameSecond(dirtyDateLeft, dirtyDateRight) {\n  requiredArgs(2, arguments);\n  var dateLeftStartOfSecond = startOfSecond(dirtyDateLeft);\n  var dateRightStartOfSecond = startOfSecond(dirtyDateRight);\n  return dateLeftStartOfSecond.getTime() === dateRightStartOfSecond.getTime();\n}"],"names":["requiredArgs","toDate"],"mappings":";;;;;;;;;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAAS,aAAa,CAAC,SAAS,EAAE;AACjD,EAAEA,kBAAY,CAAC,CAAC,EAAE,SAAS,CAAC;AAC5B,EAAE,IAAI,IAAI,GAAGC,YAAM,CAAC,SAAS,CAAC;AAC9B,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC;AACzB,EAAE,OAAO,IAAI;AACb;;ACvBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAAS,YAAY,CAAC,aAAa,EAAE,cAAc,EAAE;AACpE,EAAED,kBAAY,CAAC,CAAC,EAAE,SAAS,CAAC;AAC5B,EAAE,IAAI,qBAAqB,GAAG,aAAa,CAAC,aAAa,CAAC;AAC1D,EAAE,IAAI,sBAAsB,GAAG,aAAa,CAAC,cAAc,CAAC;AAC5D,EAAE,OAAO,qBAAqB,CAAC,OAAO,EAAE,KAAK,sBAAsB,CAAC,OAAO,EAAE;AAC7E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","x_google_ignoreList":[0,1]}
+{"version":3,"file":"bundle-BESmz_cF.js","sources":["../../../node_modules/date-fns/esm/startOfSecond/index.js","../../../node_modules/date-fns/esm/isSameSecond/index.js"],"sourcesContent":["import toDate from \"../toDate/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name startOfSecond\n * @category Second Helpers\n * @summary Return the start of a second for the given date.\n *\n * @description\n * Return the start of a second for the given date.\n * The result will be in the local timezone.\n *\n * @param {Date|Number} date - the original date\n * @returns {Date} the start of a second\n * @throws {TypeError} 1 argument required\n *\n * @example\n * // The start of a second for 1 December 2014 22:15:45.400:\n * const result = startOfSecond(new Date(2014, 11, 1, 22, 15, 45, 400))\n * //=> Mon Dec 01 2014 22:15:45.000\n */\nexport default function startOfSecond(dirtyDate) {\n  requiredArgs(1, arguments);\n  var date = toDate(dirtyDate);\n  date.setMilliseconds(0);\n  return date;\n}","import startOfSecond from \"../startOfSecond/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name isSameSecond\n * @category Second Helpers\n * @summary Are the given dates in the same second (and hour and day)?\n *\n * @description\n * Are the given dates in the same second (and hour and day)?\n *\n * @param {Date|Number} dateLeft - the first date to check\n * @param {Date|Number} dateRight - the second date to check\n * @returns {Boolean} the dates are in the same second (and hour and day)\n * @throws {TypeError} 2 arguments required\n *\n * @example\n * // Are 4 September 2014 06:30:15.000 and 4 September 2014 06:30.15.500 in the same second?\n * const result = isSameSecond(\n *   new Date(2014, 8, 4, 6, 30, 15),\n *   new Date(2014, 8, 4, 6, 30, 15, 500)\n * )\n * //=> true\n *\n * @example\n * // Are 4 September 2014 06:00:15.000 and 4 September 2014 06:01.15.000 in the same second?\n * const result = isSameSecond(\n *   new Date(2014, 8, 4, 6, 0, 15),\n *   new Date(2014, 8, 4, 6, 1, 15)\n * )\n * //=> false\n *\n * @example\n * // Are 4 September 2014 06:00:15.000 and 5 September 2014 06:00.15.000 in the same second?\n * const result = isSameSecond(\n *   new Date(2014, 8, 4, 6, 0, 15),\n *   new Date(2014, 8, 5, 6, 0, 15)\n * )\n * //=> false\n */\nexport default function isSameSecond(dirtyDateLeft, dirtyDateRight) {\n  requiredArgs(2, arguments);\n  var dateLeftStartOfSecond = startOfSecond(dirtyDateLeft);\n  var dateRightStartOfSecond = startOfSecond(dirtyDateRight);\n  return dateLeftStartOfSecond.getTime() === dateRightStartOfSecond.getTime();\n}"],"names":["requiredArgs","toDate"],"mappings":";;;;;;;;;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAAS,aAAa,CAAC,SAAS,EAAE;AACjD,EAAEA,kBAAY,CAAC,CAAC,EAAE,SAAS,CAAC;AAC5B,EAAE,IAAI,IAAI,GAAGC,YAAM,CAAC,SAAS,CAAC;AAC9B,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC;AACzB,EAAE,OAAO,IAAI;AACb;;ACvBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAAS,YAAY,CAAC,aAAa,EAAE,cAAc,EAAE;AACpE,EAAED,kBAAY,CAAC,CAAC,EAAE,SAAS,CAAC;AAC5B,EAAE,IAAI,qBAAqB,GAAG,aAAa,CAAC,aAAa,CAAC;AAC1D,EAAE,IAAI,sBAAsB,GAAG,aAAa,CAAC,cAAc,CAAC;AAC5D,EAAE,OAAO,qBAAqB,CAAC,OAAO,EAAE,KAAK,sBAAsB,CAAC,OAAO,EAAE;AAC7E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","x_google_ignoreList":[0,1]}